@charset "utf-8"; 
/* CSS Document 
———————————————————————————————————————————————————————
→版权所有，欢迎活好的童鞋一起交流前端QQ:546421169
———————————————————————————————————————————————————————
*/
body{ margin:0px; padding:0px; font-size:16px; line-height:24px; color:#666; font-family:"微軟正黑體"; background:#fff; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none;
text-size-adjust:none;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px; font-weight:normal;}
ul,li{ list-style:none;}
img{border:0px; padding:0px;}
a{ color:#333; text-decoration:none; transition: all 0.3s linear 0s;}
a:hover{text-decoration:none;}
input,textarea,select{ font-size:14px; color:#333; font-family:"微軟正黑體"; border:0;outline:none;}
.clear{ clear:both;font-size:0px; line-height:0px;}
.div_l{ float:left;}
.div_r{ float:right;}
.content{ width:100%; max-width:1200px; margin:0px auto; overflow:hidden;}


/*----------------------弹出框--------------------------*/
.popup_tsk{ width:100%; position:fixed; text-align:center; left:0%; bottom:20%; z-index:9; overflow:hidden; display:none;}
.popup_tsk p{ padding:6px 20px; display:inline-block; font-size:14px; color:#fff; background:rgba(0, 0, 0, 0.5); border-radius:5px; -moz-border-radius:5px;}

.loading{ width:100%; height:100%; position:fixed; left:0px; top:0px; background:rgba(0, 0, 0, 0.1); z-index:9; -moz-user-select:none; -khtml-user-select: none; user-select:none; display:none;}
.loading_c{ width:110px; height:85px; padding-top:20px; position:fixed; left:50%; margin-left:-55px; top:45%; background:rgba(0, 0, 0, 0.5); border-radius:10px; -moz-border-radius:10px;}
.loading span{ width:100%; height:65px; text-align:center; text-indent:5px; color:#fff; display:block; background:url(../images/loading.gif) center bottom no-repeat;}
.loading span p{ color:#fff;}


/*------------------------首页----------------------------*/
.head{ width:100%; position:fixed; left:0px; top:0px; z-index:9;}
.head.hov{ background:rgba(0, 0, 0, 0.5)}
.logo{ float:left; line-height:0px; font-size:0px; padding-top:15px;}

.nav{ float:right;}
.nav ul{}
.nav li{ width:120px; text-align:center; float:left; height:60px; line-height:60px; overflow:hidden; position:relative;}
.nav li a{ width:100%; display:block; color:#fff;}
.nav li p,.nav li span{ width:100%; line-height:60px; position:absolute; left:0px; top:0px; transition: all 0.3s linear 0s;}
.nav li span{ color:#fe5e00; filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
.nav li:hover p,.nav li.hov p{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
.nav li:hover span,.nav li.hov span{filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}

.nav_ico{ display:none;}



/*------------------------首页----------------------------*/
.banner{ background:#eee; position:relative; overflow:hidden;}
.banner .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:20px; text-align:center;  }
.banner .hd ul{ display:inline-block; height:12px; padding:3px 4px; font-size:0; vertical-align:top;}
.banner .hd li{ display:inline-block; width:12px; height:12px; background-color:rgba(255,255,255,0.7); margin:0 5px;  vertical-align:top; overflow:hidden; cursor:pointer;}
.banner .hd .on{ background:#fe5e00;}
.banner .bd li{ font-size:0px; line-height:0px;}
.banner .bd li img{ width:100%; transition: all 8s linear 0s;}
.banner .bd li:hover img{ transform: scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1);}


.project{}
.project_t{ text-align:center; padding-top:60px;}
.project_t h3{ height:60px; font-size:0px; line-height:0px;}
.project_t ul{ max-width:520px; margin:0px auto; overflow:hidden;}
.project_t li{ width:-moz-calc(33.3% - 2px); width:-webkit-calc(33.3% - 2px); width:calc(33.3% - 2px); float:left; font-size:18px; line-height:40px; border:1px solid #bfbfbf; border-left:0px; cursor:pointer; transition: all 0.3s linear 0s;}
.project_t li.on,.project_t li:hover{ color:#fe5e00; background:#dfdfdf;}
.project_t li:nth-child(1){ border-left:1px solid #bfbfbf;}

.project_c{}
.project_c ul{ padding:30px 10px 0px;}
.project_c li{ width:-moz-calc(33.3% - 20px); width:-webkit-calc(33.3% - 20px); width:calc(33.3% - 20px); margin:10px; float:left; position:relative; transition: all 0.3s linear 0s; box-shadow:0 0 8px #c1c1c1; -webkit-box-shadow:0 0 8px #c1c1c1; -moz-box-shadow:0 0 8px #c1c1c1; overflow:hidden;}
.project_c li span{ position:absolute; left:10px; top:10px; padding:0 15px; color:#fff; line-height:35px; background:rgba(0, 0, 0, 0.3); border:1px solid #cecece; transition: all 0.5s linear 0s;filter:alpha(opacity=0); -moz-opacity:0; opacity:0; z-index:2;}
.project_c li:hover span{ filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
.project_c li .pic{ font-size:0px; line-height:0px; position:relative;}
.project_c li .pic img{ width:100%;}

.project_c li .pic:after{ width:100%; height:100%; content:""; display:block; position:absolute; left:0px; top:0px; background:rgba(0, 0, 0, 0.5); transition: all 0.5s linear 0s;filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
.project_c li h3{ width:100%; height:40px; line-height:40px; overflow:hidden; text-align:center; font-size:17px; color:#fff; position:absolute; left:0px; top:50%; margin-top:-20px; transition: all 0.5s linear 0s;filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
.project_c li:hover .pic:after{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
.project_c li:hover h3{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
.project_c li h4{ height:20px; overflow:hidden; margin-top:10px; padding:0px 10px; font-size:18px; color:#000; transition: all 0.3s linear 0s;}
.project_c li:hover h4{ color:#fe5e00;}




.project_c li label{ padding:2px 10px; font-size:12px; display:block; color:#666;}
.project_c li p{ padding:0px 10px; font-size:16px; line-height:20px; height:40px; overflow:hidden; margin-bottom:10px; color:#666;}

.footer{ margin-top:50px; padding:35px 0px; text-align:center; background:#333;}
.footer p{ color:#fff; font-size:18px; line-height:100px;}

#goTop{ width:35px; height:35px; line-height:35px; font-size:12px; padding:2px; text-align:center; color:#fff; background:rgba(0, 0, 0, 0.6); display:block; position:fixed; right:0px; bottom:20%; border-radius:360px; -moz-border-radius:360px;}

/*------------------------媒体报道----------------------------*/
.ny_banner{ font-size:0px; line-height:0px; padding-bottom:55px;}
.ny_banner img{ width:100%;}

.news_xx_t{ overflow:hidden; padding:25px 20px;}
.news_xx_t_l{ width:-moz-calc(100% - 275px); width:-webkit-calc(100% - 275px); width:calc(100% - 275px); float:left;}
.news_xx_t_l h1{ color:#222; font-size:28px; line-height:36px; min-height:40px;}
.news_xx_t_l p{ color:#666; font-size:16px;}
.news_xx_t_r{ float:right; line-height:36px;}
.news_xx_t_r span{ font-size:18px; color:#333; display:block; float:left; padding-right:40px; position:relative;}
.news_xx_t_r span:after{ width:1px; height:18px; content:""; display:block; background:#b2b2b2; position:absolute; right:20px; top:10px;}
.news_xx_t_r .fengxiang{ float:right;}
.news_xx_t_r .fengxiang p{ float:left;}
.news_xx_t_r .fengxiang ul{ float:left;}
.news_xx_t_r .fengxiang li{ float:left; padding-left:5px;}

.news_xx_box{ margin:0 20px 20px; border:1px solid #c7c7c7; padding:20px;}
.news_xx_box h3{ font-size:16px; padding-top:15px;}
.news_xx_box h3 span{ padding-right:30px; position:relative;}
.news_xx_box h3 span:after{ width:1px; height:16px; content:""; display:block; background:#b2b2b2; position:absolute; right:15px; top:4px;}
.news_xx_box h3 span:last-child:after{ display:none;}
.news_xx_box .ico01{ background:url(../images/ico_dl.png) left center no-repeat; background-size:18px auto; margin-bottom:5px; text-indent:30px;}
.news_xx_box .ico02{ background:url(../images/ico_sj.png) left center no-repeat; background-size:18px auto; margin-bottom:5px; text-indent:30px;}
.news_xx_box .ico03{ background:url(../images/ico_fs.png) left center no-repeat; background-size:18px auto; margin-bottom:5px; text-indent:30px;}
.news_xx_box .ico04{ text-indent:30px;}

.news_xx_c{ padding:0 20px;}
.news_xx_c p{ padding-bottom:20px;}
.news_xx_c img{ width:100%;}


.lxwm{ padding-top:40px;}
.lxwm .box{ margin:0px auto; padding:5% 9%; background:#f7f7f7; border-radius:10px; -moz-border-radius:10px; overflow:hidden;}
.lxwm .box .left{ width:55%; float:left; line-height:28px;}
.lxwm .box .right{ width:45%; float:left;}

.lxwm .box1{ padding-bottom:20px;}
.lxwm .box2{ padding-bottom:20px; color:#333;}  
.lxwm .box dl{ overflow:hidden; padding:5px 0;}
.lxwm .box dd{ width:100px; line-height:37px; float:left; text-align:right; display:block;}
.lxwm .box dt{ width:-moz-calc(100% - 120px); width:-webkit-calc(100% - 120px); width:calc(100% - 120px); float:right;}
.lxwm .box dt .text{ width:-moz-calc(100% - 22px); width:-webkit-calc(100% - 22px); width:calc(100% - 22px); line-height:35px; padding:0px 10px; border:1px solid #ddd;}
.lxwm .box dt label input{ float:left; margin:6px 10px 0 0;}
.lxwm .box dt span{ float:left; font-size:14px;}
.lxwm .box dt .bnt{ width:90px; line-height:35px; float:left; margin:0px 10px 0 0; font-size:14px; text-align:center; color:#fff; border:0px; cursor:pointer; border-radius:4px; -moz-border-radius:4px;}
.lxwm .box dt .bnt_tj{ background:#984a00;}
.lxwm .box dt .bnt_qx{ background:#bf5d00;}

.lxwm_banner{ height:300px; background:url(../images/lxwm_banner.jpg) center top no-repeat;}
.lxwm_banner .box{ padding:20px; margin:60px 18px 0px; background:rgba(0, 0, 0, 0.7); float:left; color:#fff;}
.lxwm_banner .box1{ padding-bottom:15px; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}


.about{}
.about .box{ padding:0px;}
.about .box h3{ font-size:24px; border:1px solid #666; display:inline-block; padding:12px 15px; margin-bottom:20px;}
.about .box dl{ padding-bottom:20px;}
.about .box dd{ font-weight:bold;}
.about .box dt{ color:#666;}
.about .box2{ margin-top:40px;}
.about .box li{ width:-moz-calc(33.3% - 14px); width:-webkit-calc(33.3% - 14px); width:calc(33.3% - 14px); float:left; margin-right:20px;}
.about .box li:nth-child(3n+0){ margin-right:0px;}
.about .box li p{ line-height:40px; font-weight:bold; color:#666;}
.about .box li span{ margin-left:10px; font-weight:normal; font-size:14px; color:#666;}
.about .box li .pic img{ width:100%; border:1px solid #ddd;}

.about_top,.about_bottom{ max-width:980px; margin:0px auto; overflow:hidden;}
.about_top{ padding:5px 0 50px;}
.about_top dl{ color:#333;}
.about_top dt{ float:left; margin-left:2%;}
.about_top dt h1{ font-size:30px; line-height:45px; font-weight:bold;}
.about_top dt p{ line-height:25px;}
.about_top dt p span{ width:12px; height:12px; margin:0px 5px; display:inline-block; background:url(../images/about_jt.png) center no-repeat; background-size:100% auto;}
.about_top dd{ float:right; margin-right:2%;}
.about_top dd img{ box-shadow:0 0 8px #e2e2e2; -webkit-box-shadow:0 0 8px #e2e2e2; -moz-box-shadow:0 0 8px #e2e2e2;}

.about_bottom li{ width:29%; margin:0 2%; float:left; text-align:center;}
.about_bottom li h3{ margin-bottom:10px; line-height:40px; font-size:20px; font-weight:bold; color:#333; border-bottom:1px solid #333;}
.about_bottom li p{ line-height:25px; color:#333;}



.service{ width:100%;}
.service.hov{ background-size:auto 100%}
.service_c{ max-width:1160px; margin:0px auto; padding:20px; color:#fff; text-align:center;}