html{ }
body{ font-family: 'Helvetica','Arial'; font-size: 12px; color: #000;position: relative; min-width: 320px; background: #e6e3e3;}
a{ cursor: pointer; color: #000;}
a:hover{ color: #e60012;transition: color 0.5s;-moz-transition: color 0.5s;	-webkit-transition: color 0.5s;-o-transition: color 0.5s; }
li,div:hover{transition: color 0.5s;-moz-transition: color 0.5s;	-webkit-transition: color 0.5s;-o-transition: color 0.5s; }
input{ outline: none;font-family:'Helvetica','Arial'; font-size: 12px;}
table{ border-collapse: collapse;}
table tr td{}
textarea{ resize:none;font-family:'Helvetica','Arial'; outline: none;}
.clear{ clear: both;}
*{word-break:break-all;}

/*母版-头部*/
.marster_head{ font-family: 'Arial'; position: fixed; left: 0; top: 0; width: 100%; z-index: 5; min-width: 320px;}
.marster_head a.logo{ display: block; width: 96%; padding: 2%; background: #fff; text-align: center; box-shadow: 0 1px 5px #ccc;}
.marster_head a.logo img{ width: 55%;}
.marster_head ul.marster_menu{ background: url(/images/menu_bg.png); width: 100%; overflow: hidden; line-height: 20px; font-size: 12px; display: none;}
.marster_head ul.marster_menu li{ float: left;/* width: 18%;*/ margin-right: 5%;}
.marster_head ul.marster_menu li a{ color: #bfbfbf; font-weight: bold; display: block;}
.marster_head ul.marster_menu li a:hover{ color: #fff;}
.marster_head ul.marster_menu li.current a{ color: #fff;}
.marster_head ul.marster_menu li.li_1{ margin-right: 10%; padding-left: 2%;}

.marster_head .phone_menu{ font-size: 12px; position: absolute; left: 0; top: 0;}
.marster_head .phone_menu .icon{ width: 25px; height: 22px; background: url(/images/phonr_menu.png) no-repeat center; cursor: pointer; margin-left: 10px;}
.marster_head .phone_menu ul{ background: #717071; position: fixed; /*display: none;*/ font-size: 16px; height: 90%; line-height: 30px; width: 120px; padding-top: 10%; left: -120px;}
.marster_head .phone_menu ul li{}
.marster_head .phone_menu ul li a{ color: #fff; display: block; padding-left: 20px;}
.marster_head .phone_menu ul li:hover{ background: #333; text-decoration: underline;}
.marster_head .phone_menu ul li.current{ background: #333;}

/*母版-底部*/
.marster_footer{ width: 100%; background: #333;}
.marster_footer .logo{ float: left; color: #fff; line-height: 15px; margin-left: 3%; margin-top: 15px; margin-bottom: 10px;}
.marster_footer .logo a{ display: block; border-bottom: 1px solid #999; padding-bottom: 4px; margin-bottom: 4px;}
.marster_footer .logo a img{}
.marster_footer .logo .tel{-moz-transform:scale(0.9,0.9); -webkit-transform:scale(0.9,0.9); -o-transform:scale(0.9,0.9); margin-left: -12px;}
.marster_footer .logo .txt{-moz-transform:scale(0.9,0.9); -webkit-transform:scale(0.9,0.9); -o-transform:scale(0.9,0.9); margin-left: -12px;}

.marster_footer .footer_icon{ float: right; /*width: 160px;*/ width: 94%; margin-right: 3%;}
.marster_footer .footer_icon ul.head_ul{ overflow: hidden;}
.marster_footer .footer_icon ul.head_ul li{ float: left; width: 40px; height: 40px; cursor: pointer;}
.marster_footer .footer_icon ul.head_ul li span{ display: block; width: 24px; height: 24px; margin: 8px auto;}
.marster_footer .footer_icon ul.head_ul li.li_1{ border-top: 2px solid #00ff00;}
.marster_footer .footer_icon ul.head_ul li.li_1 span{ background: url(/images/footer_icon1.png) no-repeat center top;}
.marster_footer .footer_icon ul.head_ul li.li_2{ border-top: 2px solid #ff6400;}
.marster_footer .footer_icon ul.head_ul li.li_2 span{ background: url(/images/footer_icon2.png) no-repeat center top;}
.marster_footer .footer_icon ul.head_ul li.li_3{ border-top: 2px solid #00a8ff;}
.marster_footer .footer_icon ul.head_ul li.li_3 span{ background: url(/images/footer_icon3.png) no-repeat center top;}
.marster_footer .footer_icon ul.head_ul li.li_4{ border-top: 2px solid #ffe300;}
.marster_footer .footer_icon ul.head_ul li.li_4 span{ background: url(/images/footer_icon4.png) no-repeat center top;}
.marster_footer .footer_icon ul.head_ul li.current{ background: #666;}
.marster_footer .footer_icon ul.head_ul li.current span{ background-position: center bottom;}
.marster_footer .footer_icon ul.con_ul{ background: #666; /*height: 58px;*/}
.marster_footer .footer_icon ul.con_ul li{ display: none; overflow: hidden;}
.marster_footer .footer_icon ul.con_ul li .txt{ display: inline-block; *zoom:1; *display: inline; vertical-align: middle; color: #fff; margin-left: 4px; margin-top: 5px; /*width: 100px;*/ width: 62%; -moz-transform:scale(0.9,0.9); -webkit-transform:scale(0.9,0.9); -o-transform:scale(0.9,0.9); line-height: 18px; 0word-wrap: break-word;0word-break: break-all; font-size: 16px; }
.marster_footer .footer_icon ul.con_ul li .txt:hover{ text-decoration: underline;}
.marster_footer .footer_icon ul.con_ul li img{ display: inline-block; *zoom:1; *display: inline; vertical-align: middle;/* width: 40px; height: 40px;*/ width: 30%; float: right; margin: 8px 8px 8px 0;}

.marster_footer .bottom_txt{ text-align: center; color: #fff; font-weight: bold; line-height: 16px; padding: 12px 0; width: 100%; display: none; margin-top: -40px;}


/*首页-banner*/
.diy_banner{ margin-bottom: 20px;position:relative;}

.diy_banner img{ width: 100%;}
#banner{width:100%; overflow:hidden; position:relative; }
#banner .swiper-slide{ width:100%; float:left; }
#banner .swiper-slide img{ width: 100%;}
#banner .swiper-slide .inner{ position: absolute; width: 100%; top: 50%; margin-top: -30px; left: 20px; color: #fff; }
#banner .swiper-slide .inner dl{ color: #fff; font-size: 16px;}
#banner .swiper-slide .inner dl dt{}
#banner .swiper-slide .inner dl dd{ font-size: 1.5em;}


/*首页-导航*/
.sy_menu{ width: 92%; margin: 1% auto; font-size: 12px; line-height: 21px;}
.sy_menu ul{}
.sy_menu ul li{ float: left; margin: 0 1%; padding: 0 2%; border-radius: 15px; background: #fff; font-weight: bold; margin-bottom: 1%;}
.sy_menu ul li a{ display: block; width: 100%; }
.sy_menu ul li:hover a{ color: #fff;}
.sy_menu ul li.current a{ color: #fff;}

.waterfall_flow{ width: 100%; margin-top: 15px; }
.waterfall_flow ul{ position: relative; margin: 0 auto;}
.waterfall_flow ul li{ position: absolute; width: 300px; cursor: pointer; /*opacity: 0;filter: alpha(opacity=0);*/}
.waterfall_flow ul li .img{ border-bottom: 3px solid #ff5500; position: relative;}
.waterfall_flow ul li .name{ font-size: 16px; color: #000; line-height: 20px; width: 264px; padding: 12px 18px; background: #f7f7f7; font-weight: bold; z-index: 3; position: relative; display: block;}
.waterfall_flow ul li .name span{ position: relative; z-index: 3; font-weight: bold;}
.waterfall_flow ul li .intro{ background: #fff; width: 300px; font-size: 12px; line-height: 14px; color: #7b7a7b; z-index: 3; position: relative; display: block;}
.waterfall_flow ul li .intro span{ padding: 5px 5px; display: block;transform:scale(0.9,0.9); -moz-transform:scale(0.9,0.9); -webkit-transform:scale(0.9,0.9); -ms-transform:scale(0.9,0.9); -o-transform:scale(0.9,0.9); position: relative; z-index: 3;}
.waterfall_flow ul li .hover{ position: absolute; width: 100%; height: 100%; background: #ff5500; z-index: 2; left: 0; top: 0; /*opacity: 0;filter: alpha(opacity=0);*/ display: none;}
.waterfall_flow ul li:hover .name{ color: #fff;}
.waterfall_flow ul li:hover .intro{ color: #fff;}
.waterfall_flow ul li.video .img{ width: 300px; height: 170px; position: relative;}
.waterfall_flow ul li.video .img .start .icon{ position: absolute; width: 80px; height: 80px; left: 50%; margin-left: -40px; top: 50%; margin-top: -40px;}
.waterfall_flow ul li.video .img .start .bg{ width: 300px; height: 170px;}
.waterfall_flow ul li.video .img video{ position: absolute; left: 0; top: 0; z-index: 1;}
.waterfall_flow ul li.video .img .start{ position: absolute; left: 0; top: 0; z-index: 2;}
.waterfall_flow ul li.video .name{ background: #edebea;}
.waterfall_flow ul li.video:hover .name{ color: #000;}
.waterfall_flow ul li.video:hover .intro{ color: #7b7a7b;}
.waterfall_flow ul li.video:hover .start .icon{transition: 0.3s ease-out; -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; -ms-transition: 0.3s ease-out;}
.waterfall_flow ul li.video:hover .start .icon{ transform:rotate(180deg) scale(0.8);-o-transform:rotate(180deg) scale(0.8);-webkit-transform:rotate(180deg) scale(0.8);-moz-transform:rotate(180deg) scale(0.8);-ms-transform:rotate(180deg) scale(0.8);}
.waterfall_flow .loading{margin: 20px auto 30px; height: 60px; line-height: 60px; font-size: 24px; width: 234px; padding-left: 18px; text-align: center; background: url("/images/load.gif") no-repeat scroll 18px 13px #d8d6d2; color: #231815; text-transform: uppercase; text-decoration: none; display: block; cursor: pointer; font-weight: bold;}
.waterfall_flow .loading:hover{ background-color: #303b48; color: #fff;}
.waterfall_flow .loading.current{ background-position: 18px -53px;}


.diy_main{ width: 100%; margin: 0 auto; background: #fff; padding-top: 20px;}

/*内页-新闻详情*/
.news_detail{ padding-bottom: 30px;}
.news_detail .topic{ padding: 0 2%; font-size: 20px; font-weight: bold; font-family: 'Arial'; line-height: 20px;word-wrap: break-word; word-break: break-all;}
.news_detail .intro{ border-bottom: 2px solid #000; padding: 0 2%; margin-top: 15px; overflow: hidden; margin-bottom: 12px; padding-bottom: 5px;}
.news_detail .intro .date{ float: left; line-height: 14px;}
.news_detail .intro .date span{ display: block; color: #666;}
.news_detail .intro .date a{ display: block; color: #666;}
.news_detail .intro .date a:hover{ text-decoration: underline; color: #000;}
.news_detail .intro .share{ float: right; margin-top: 10px;}
.news_detail .intro .share span{ display: block; width: 17px; height: 17px; background: url(/images/share.png) no-repeat center; cursor: pointer;}
.news_detail .con{ font-size: 12px; line-height: 15px; color: #666;word-wrap: break-word;word-break: break-all; padding:15px;padding-bottom: 40px;}
.news_detail .con .txt{ padding: 10px 1%;}
.news_detail .con img{ width: 100%; height: auto;}

.to_top_icon{ position: fixed; bottom: 50%; margin-bottom: -200px; right: 2%; margin-right: 0px; display: none;}
.to_top_icon .share{ margin-bottom: 2px;}
.to_top_icon .share span{ display: block; height: 21px; width: 21px; background: url(/images/top_icon.png) no-repeat center top; cursor: pointer;}
.to_top_icon .to_top{ width: 21px; height: 21px; background: url(/images/top_icon.png) no-repeat center bottom; cursor: pointer;}

/*推荐新闻*/
.swiper-container{width: 100%;height: 100%;}
.swiper-slide{display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}

.news_recom{ border-bottom: 1px solid #4d4d4d;}
.news_recom .name{ color: #000; border-bottom: 1px solid #222; font-weight: bold; margin-bottom: 6px;}
.news_recom .swiper-wrapper{ margin-bottom: 25px;}
.news_recom .swiper-wrapper .swiper-slide{ height: 96px; width: 155px; position: relative;}
.news_recom .swiper-wrapper .swiper-slide img{ width: 100%; height: 96px;}
.news_recom .swiper-wrapper .swiper-slide .hover{ display: none; position: absolute; left: 0; top: 0; background: url(/images/mark.png); width: 100%; height: 100%; color: #fff;}
.news_recom .swiper-wrapper .swiper-slide .hover span{ display: block; transform:scale(0.9,0.9); -moz-transform:scale(0.9,0.9); -webkit-transform:scale(0.9,0.9); -ms-transform:scale(0.9,0.9); -o-transform:scale(0.9,0.9); line-height: 14px; margin-top: 10px; height: 84px; overflow: hidden;}


/*联系我们*/
.contact_default{ padding-bottom: 40px;}
.contact_default .topic{ font-size: 20px; width: 96%; margin: 0 auto;  border-bottom: 2px solid #000; margin-bottom: 20px;}
.contact_default .topic span{ display: block; font-size: 1.5em; }
.contact_default .content{ width: 96%; margin: 0 auto;}
.contact_default .content .text_left{ float: left; width: 100%; margin-bottom: 15px;}
.contact_default .content .text_left .name{ font-weight: bold; text-transform: uppercase; font-size: 18px; border-bottom: 1px solid #000; margin-bottom: 8px; padding-bottom: 5px;}
.contact_default .content .text_left .intro{ color: #666;}
.contact_default .content .map_right{ float: right; width: 100%;}
.contact_default .content .map_right .search{ overflow: hidden; margin-bottom: 5px;}
.contact_default .content .map_right .search input{ float: left; border: 0; color: #fff; background: #808080; padding: 4px; width: 150px;}
.contact_default .content .map_right .search a.icon{ float: left; margin-left: 10px; line-height: 22px; display: block; background: #000; border-radius: 11px; color: #fff; line-height: 22px; text-align: center; padding: 0 10px;}
.contact_default .content .map_right .map{}


/*关于我们*/
.about_main{ width: 100%; padding-top: 20px; background: #fff; position: relative; min-height: 500px;}
.about_main .bg{ position: absolute; width: 100%; bottom: 0; z-index: 1;}
.about_main .bg img{ width: 100%;}
.about_main .con{ width: 96%; margin: 0 auto; position: relative; z-index: 2; overflow: hidden; padding-bottom: 100px;}
.about_main .con .text_left{ float: left; width: 100%; opacity: 0;filter: alpha(opacity=0); margin-top: 50px;}
.about_main .con .text_left img.txt{ max-width: 100%;}
.about_main .con ul.about_menu{ float: right; width: 100%; max-width: 100%; margin-bottom: 20px; font-size: 12px; line-height: 20px; margin-top: 20px;}
.about_main .con ul.about_menu li{ background: #000; width: 30%; text-align: center; border-radius: 15px; float: left; margin: 3px 1%; overflow: hidden;}
.about_main .con ul.about_menu li a{ color: #fff; font-weight: bold; display: block;}
.about_main .con ul.about_menu li.current{ background: #ccc;}
.about_main .con ul.about_menu li.current a{ color: #000;}
.about_main .con ul.about_menu li:hover{ background: #ccc;}
.about_main .con ul.about_menu li:hover a{ color: #000;}

.about_client{}
.about_client .topic{ border-bottom: 1px solid #000; padding-bottom: 15px;}
.about_client .topic img{ max-width: 60%;}
.about_client .editor{ height: 313px;margin-top: 15px;}
.about_client ul{ /*overflow-y: scroll; overflow-x: hidden; height: 313px;*/ }
.about_client ul li{ border: 1px solid #c9c9c9; width: 156px; height: 65px; float: left; margin-right: 1%; margin-bottom: 15px;}
.about_client ul li:hover{ border-color: #000;}
.about_client ul li a{ display: block;}
.about_client ul li a img{ width: 156px; height: 65px;}

.about_client ul::-webkit-scrollbar {width: 4px;}
.about_client ul::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 1px #fff; border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
.about_client ul::-webkit-scrollbar-thumb {background: #333; border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
.about_client ul::-webkit-scrollbar-thumb:window-inactive {background: #333;}


.work_detail{ background: none;}
.work_detail .top_intro{ background: #fff; padding: 30px 3% 1px 3%;}
.work_detail .top_intro .position{ font-size: 12px; margin-bottom: 15px;}
.work_detail .top_intro .position a{ color: #333;}
.work_detail .top_intro .position a:hover{ color: #3bbabb;}
.work_detail .top_intro .position span{ color: #3bbabb;}
.work_detail .top_intro .topic{ font-size: 20px; font-weight: bold; font-family: 'Arial'; line-height: 20px;word-wrap: break-word; word-break: break-all; border-bottom: 2px solid #33b7bb; padding: 10px 0;}
.work_detail .top_intro .intro{ padding: 0 2%; margin-top: 15px; overflow: hidden; margin-bottom: 12px; padding-bottom: 5px;}
.work_detail .top_intro .intro .date{ float: left; line-height: 14px;}
.work_detail .top_intro .intro .date span{ display: block; color: #666;}
.work_detail .top_intro .intro .date a{ display: block; color: #666;}
.work_detail .top_intro .intro .date a:hover{ text-decoration: underline; color: #000;}
.work_detail .top_intro .intro .share{ float: right; margin-top: 10px;}
.work_detail .top_intro .intro .share span{ display: block; width: 17px; height: 17px; background: url(/images/share.png) no-repeat center; cursor: pointer;}
.work_detail .work_con{ margin-top: 12px;}
.work_detail .work_con .left_txt{ display: none; float: left; width: 24%; color: #888; font-size: 13px; line-height: 18px; background: #fff;}
.work_detail .work_con .left_txt span{ padding: 8%; display: block;}
.work_detail .work_con .right_txt{ float: right; width: 100%; background: #fff;}
.work_detail .work_con .right_txt .detail_editor{font-size: 12px; line-height: 1.8em; color: #666; padding:15px;padding-bottom: 40px; }
.work_detail .work_con .right_txt .detail_editor img{ width: 100%; height: auto; display: block; margin: 0 auto;}
.work_detail .work_con .right_txt .detail_editor .text{ padding: 10px 1%;}