@charset "utf-8";  
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td,img { padding: 0; margin: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,th,var,i { font-weight:normal; font-style:normal; }
ol,ul,li { list-style: none; }
div,dl,dt,dd,ol,ul,li{ zoom:1; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size:100%; }
q:before,q:after { content:''; }
abbr,acronym { border: 0; }

/* Public */
html{ width:100%; }
body{ width:100%; font-size:14px;-webkit-text-size-adjust: none;color:#444; font-family:"microsoft yahei";}
a{color:#444;text-decoration:none; outline:none;}
a:hover {color:#f30; text-decoration:underline; }
.fl{ float:left !important; }
.fr{ float:right !important; }
.mab{ margin-bottom:10px; }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.w{ width:1200px; margin:0 auto;   }
.column{ overflow:hidden; margin-bottom:10px;  }
#topBar{ height:80px;padding:20px 0;overflow:hidden;}  
.logoBar{ float:left;width:560px; margin:0 auto;} 

#topBar .tel{float:right;width:300px;margin-top:20px;}
#topBar .tel h3{padding:0;margin:0;font-size:18px;}
#topBar .tel .icon{width:60px;float:left; text-align:center}
#topBar .tel .icon img{width:50px;display:block;}
#topBar .tel .txt{width:240px;margin-left:10px;}
#topBar .tel h1{font-size:24px;margin-top:10px;margin:0;padding:0;}


.subject{overflow:hidden;margin:0 auto; text-align:center; position:relative;}
.subject h3{font-size:34px;line-height:80px;z-index:2; position:relative;}
.subject h3 img{}
.subject .line{background:#ddd;height:1px;display:block; position:absolute;top:40px;left:0;display:block;width:100%; z-index:1;}
.subject p{font-size:16px;color:#666;line-height:60px;}


.listbtn{text-align:center;margin:20px auto;display:block;}
.listbtn:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.listbtn ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.listbtn ul li{display:inline-block; text-align: center; cursor: pointer;transition: all 0.3s ease;box-sizing:border-box;line-height:50px;width:150px;height:50px;margin:0 10px;}
.listbtn ul li a{background:#fff;color: #333;font-size:18px;transition: all 0.3s ease;display:block;padding:0 20px;background:url(../images/btn_c.png) no-repeat center;}
.listbtn ul li a:hover{background:url(../images/btn.png) no-repeat center;color:#fff; text-decoration:none;}


/* 导航 */
#header{background:url(../images/navbg.png) repeat;}
.navBar{position:relative; z-index:1; height:80px; line-height:80px;   }
.nav{ margin:0 auto;}
.nav .m{ float:left;margin:0;  position:relative;}
.nav a:hover{ text-decoration:none; }
.nav h3{ float:left; font-weight:normal; font-size:20px; overflow:hidden;  }
.nav h3 a{border-left:1px solid #5a5a5a; display:block; padding:0 30px;vertical-align:top; color:#fff;}
.nav .on{  }
.nav .on h3 a{background:#e96233;color:#fff;}
.nav .sub{ display:none; /*默认隐藏*/ width:142px; position:absolute; left:-1px; top:80px; background:#e96233; text-align:center;  }
.nav .sub li{ vertical-align:middle; }
.nav .sub li a{ height:60px; font-size:16px; line-height:60px;padding:0; display:block;color:#fff;}
.nav .sub li a:hover{ color:#eb1f38;background:#fff;} 

#header .ssearh{}
#header form{float:right;margin-top:30px;}
#header form .input{border:1px solid #ddd;padding:8px 15px;vertical-align:middle;border-right:0;color:#555;}
#header form .bnt{background:#eb1f38;border:1px solid #eb1f38;padding:8px 25px;vertical-align:middle;color:#fff;}
 
/* banner */
.banner{ min-width:1200px;  position:relative;  height:500px; overflow:hidden;  } 
.ibanner { position: relative;height:500px; overflow: hidden; }
.ibanner .pic{ position:relative; z-index:0; }
.ibanner .pic li{ width:100%; height:500px; display: block; }
.ibanner .hd { width:100%; position: absolute; bottom: 10px; text-align: center; font-size:0; z-index:1; }
.ibanner .hd li{margin: 0 5px; background: url(../images/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer;display:inline-block; *display:inline; zoom:1;  _background: url(../images/dot8.png) no-repeat 0 -16px;	}
.ibanner .hd .on{ background-position:0 0; }
.ibanner .prev,
.ibanner .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url(../images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }
.ibanner .prev { left: 0; }
.ibanner .next { background-position: 0 -90px; right: 0; }
.ibanner .prev:hover,
.ibanner .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }
 
/*第一屏*/
#t1{background:#142038;padding:40px 0;}
#t1 ul{margin:20px auto;overflow:hidden;}
#t1 ul li{float:left;width:200px; text-align:center;}
#t1 ul li .icon img{width:80px; display:inline-block;}
#t1 ul li h3{color:#fff;line-height:60px;font-size:18px;}

/*第二屏*/
/* -- 产品中心-- */
#t2{margin-top:100px;}

.products_wrap .hd{text-align:center;margin:20px auto;display:block;}
.products_wrap .hd:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}

.products_wrap .hd ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.products_wrap .hd ul li {display:inline-block; margin-right: 10px;text-align: center;cursor: pointer;line-height:60px;background:#fff;color: #333;font-size:18px;transition: all 0.3s ease;background:url(../images/btn_c.png) no-repeat center;width:150px;} 
.products_wrap .hd ul li.li8 {margin-right: 10px;}
.products_wrap .hd ul li:hover, .products_wrap .hd ul li.on, .products_wrap .hd ul li.cur {background:url(../images/btn.png) no-repeat center;} 
 
.products_wrap .hd ul li p {color: #333;font-size:20px;transition: all 0.3s ease;}
.products_wrap .hd ul li:hover p, .products_wrap .hd ul li.on p, .products_wrap .hd ul li.cur p {background:url(../images/btn.png) no-repeat center;color:#fff; }
.products_wrap .bd {margin-top: 30px;}
.products_wrap .bd ul:after {content: '';display: block;clear: both;height: 0;visibility: hidden;}
.products_wrap .bd ul {margin-right: -10px;}
.products_wrap .bd ul li {float: left;width: 390px;margin:0px 10px 20px 0px; overflow:hidden}
.products_wrap .bd ul li a {display: block;width: 100%;height: 100%;position:relative}
.products_wrap .bd ul li a .img {width: 100%;height: 268px;border:1px solid #dcdcdc;border-radius:5px;overflow: hidden; }
.products_wrap .bd ul li a .img img{display: block;width: 100%;height: 100%;}
.products_wrap .bd ul li:hover a .img img{transition:all 0.5s ease;transform: scale(1.1);}
.products_wrap .bd ul li a .name {color: #fff;font-size:18px;text-align: center; position:absolute;bottom:0;background:url(../images/navbg.png) repeat;height:50px;width:100%;line-height:50px;display:none;}
.products_wrap .bd ul li a:hover .name {display:block;}
.products_wrap a.more {display: block;width: 123px;height: 38px;line-height: 38px;text-align: center;border:1px solid #ccc;background: #fff;color: #666;margin:20px auto 0;border-radius:2px;transition: all 0.3s ease;}
.products_wrap a.more:hover {background: #38f;border-color: #38f;color: #fff;}
/* -- 产品中心 end-- */

/*关于我们*/
#t3{margin:50px 0;}
#t3 .w{position:relative;}
#t3 .subject{color:#fff;}
#t3 .con{height:600px;padding:50px 0;}
#t3 .about-txt{position:absolute;right:0;top:80px;width:550px;font-size:18px;line-height:40px;}
#t3 .about-pic{ position:absolute;left:0;top:100px;}
#t3 .about-pic img{width:550px;float:right;}
#t3 .about-pic .show .name{position: absolute;right: 0px;bottom:0px;width: 100%;height:100%;background: url(../images/tmbg.png);box-sizing:border-box;transition: all 0.3s ease;opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
#t3 .about-pic .show:hover .name{opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);} 



/*案例中心*/
#t4{margin-top:150px;background:url(../images/aboutbg.jpg) no-repeat center #000;padding:100px 0;}
/*案例展示*/
.cases_wrap{overflow:hidden;position: relative;width:1100px;margin:0 auto;}
.cases_wrap .bd {width:1000px;margin:0 50px;height: 340px;overflow: hidden;}
.cases_wrap .bd ul li {width:500px;height: 340px;float: left; text-align:center;}
.cases_wrap .bd ul li a {display: block;width: 490px;height: 340px;position: relative;}
.cases_wrap .bd ul li a .img {display: block;width: 490px;height: 340px;overflow: hidden;}
.cases_wrap .bd ul li a .img img {display: block;height: 100%;width: auto;}

.cases_wrap a.arrow {display: block;width: 45px;height: 46px;background:url(../images/icons.png) no-repeat;position: absolute;top: 50%;z-index: 9;margin-top: -23px;transition:all 0.3s ease;}
.cases_wrap a.arrow.prev {left:0px;background-position: 0px 0px;}
.cases_wrap a.arrow.next {right:0px;background-position: -45px 0px;}

/*新闻*/
#t5{background:#f0efef;overflow:hidden;padding:50px 0 100px 0;} 
.news_wrap .news_pic {margin-right: -25px;margin-top: 30px;}
.news_wrap .news_pic .row {float: left;width: 385px;margin-right: 23px;background: #fff;box-sizing:border-box;transition: all 0.3s ease;}
.news_wrap .news_pic .row:hover {box-shadow: 1px 3px 20px #c4c4c4;}
.news_wrap .news_pic .row .img {width: 385px;height: 289px;overflow: hidden;}
.news_wrap .news_pic .row .img a {display: block;width: 100%;height: 100%;position: relative;}
.news_wrap .news_pic .row .img a img {display: block;width: 100%;height: 100%;transition: all 1s ease;}
.news_wrap .news_pic .row:hover .img a img {transform:scale(1.1);}
.news_wrap .news_pic .row .img a .name {position: absolute;left: 0px;bottom:0px;width: 100%;height:289px;padding: 0 15px;background: url(../images/tmbg.png);box-sizing:border-box;transition: all 0.3s ease;opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
.news_wrap .news_pic .row:hover .img a .name{opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);} 
.news_wrap .news_pic .row .txt {padding:15px;}
.news_wrap .news_pic .row .txt h3{font-size: 16px;line-height: 46px;display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news_wrap .news_pic .row .txt span{color: #666;display:block;}
.news_wrap .news_pic .row .txt p {color: #333;height:50px;overflow: hidden;text-overflow:ellipsis;
display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:25px;}
 
/*服务*/
#t6{background:url(../images/casebg.jpg) no-repeat center; background-size:cover}
.service_wrap  {overflow: hidden;padding:50px 0;}
.service_wrap ul {}
.service_wrap ul li {float: left;width: 400px;height: 135px;overflow: hidden;transition: all 0.3s ease;box-sizing:border-box;}

.service_wrap ul .two {float: left;width: 350px;height: 135px;overflow: hidden;transition: all 0.3s ease;box-sizing:border-box;margin-left:50px;}
.service_wrap ul .two .txt{float:left;width:210px;margin-left:20px;}
.service_wrap ul li:hover {}
.service_wrap ul li .pic {float:left;width:100px;height: 60px;margin:20px auto 15px;}
.service_wrap ul li .pic img{width:100px;}
.service_wrap ul li .txt{float:left;width:260px;margin-left:20px;color: #fff;}
.service_wrap ul li .txt h3{margin-top:30px;display: block;font-size: 32px;}
.service_wrap ul li .txt p{line-height:50px;} 

/*服务客户*/
#t7{margin-top:50px;background:#f0efef;overflow:hidden;padding:50px 0 100px 0;} 
#t7 ul{}
#t7 ul li{width:240px;float:left;margin-bottom:20px;}
#t7 ul li img{width:220px; display: inline-block;}

/*底部*/
#footer{background:#000;padding:80px 0 0 0;overflow:hidden;}
#footer .fcen{width:1200px;margin:0 auto;overflow:hidden;clear:both;}
#footer .fcen .ftel{float:left;color:#fff;width:400px;}
#footer .fcen .ftel .tel{clear:both;overflow:hidden;}

#footer .fcen .fwx{ text-align:center;line-height:30px;color:#d9d9d9}
#footer .fcen .fwx .pic{float:left;width:120px;margin-right:30px; text-align:left;}
#footer .fcen .fwx .pic img{width:120px;}
#footer .fcen .fwx .pic p{text-align:center;}

#footer .copyright{border-top:1px solid #ddd;margin:30px auto;padding:10px 0;text-align:center;line-height:80px;background:#000;color:#d9d9d9;}
#footer .copyright a{color:#d9d9d9;}
#footer .fcen .tel{margin-bottom:20px;}
#footer .fcen .tel h3{padding:0;margin:0;color:#fff;font-size:18px;}
#footer .fcen .tel .icon{width:80px;float:left; text-align:center}
#footer .fcen .tel .icon img{width:60px;display:block;}
#footer .fcen .tel .txt{width:300px;margin-left:20px;}
#footer .fcen .tel h1{font-size:32px;margin-top:10px;margin:0;padding:0;}

#footer .f1{float:left;line-height:30px;border-left:1px dotted #fff;padding:0 50px;}
#footer .f1 a{color:#fff;}
#footer .f1 a:hover{color:#F30;}
#footer .f1 h3 a{font-size:20px;} 

/*内页*/
#container{margin:40px auto;overflow:hidden;clear:both;}
.lefter{width:250px;margin-right:30px;float:left;}
.righter{float:left;width:920px;}
.leftnav{background:#5a5a5a;padding:10px 15px;color:#fff;font-weight:bold;font-size:24px;line-height:80px;}
.p10{padding:10px;overflow:hidden;border:1px solid #eee;margin:0;list-style:none;}
.p10 .tit{font-size:24px;color:#e96233;line-height:50px;height:50px;border-bottom:2px solid #e96233;}
.subnav{border:1px solid #eee;border-bottom:0;margin:0;padding:0;list-style:none;}
.subnav li{}
.subnav li a{display:block;padding-left:20px;font-size:18px;line-height:60px;height:60px;border-bottom:1px solid #eee;}
.subnav li a:hover{color:#e96233;}
.subnav .hover a{display:block;padding-left:20px;color:#e96233;border-bottom:1px solid #eee;}
 

.left_border{border-top:0;padding:10px 15px;line-height:25px;}
.left_border p{margin:0;padding:0;}
.left_border b{font-size:14px;}

.pos{font-size:18px;border-bottom:1px solid #ddd;line-height:50px;}
.pos a{}

.container{line-height:25px;font-size:14px;padding:15px 0;}
.container p{margin:5px 0;font-family:microsoft yahei;font-size:14px;}

.artshow{line-height:25px;font-size:14px;padding:0 0 15px 0;}
.artshow .title{text-align:center;font-size:20px;line-height:30px;font-weight:100;font-variant: normal;margin:0;padding:15px 0;color:#e96233}
.artshow .info{text-align:center;border-bottom:1px dotted #333;color:#999;padding:0 0 15px 0;font-size:14px;}
.artshow p{margin:5px 0;font-size:14px;}
.artshow .pre{margin:5px 0 5px 0;color:#999;}
.artshow .next{margin:0 0 5px 0;color:#999;}
 

.news_list{margin:0;padding:0;list-style:none;}
.news_list li{border-bottom:1px dotted #333;padding:20px;line-height:24px;color:#999;clear:both;overflow:hidden;}
.news_list .time{text-align:center;width:97px;height:120px;background:#142038;float:left;margin-right:20px;color:#fff;}
.news_list .time h3{font-size:28px;line-height:40px;margin-top:20px;}
.news_list .txt{width:750px;float:left;}
.news_list li a h3{font-size:22px;display:block;line-height:40px; font-weight:normal}
.news_list li a p{color:#666;font-family:verdana;display:block;font-style:normal;}

/*list*/
.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}

#goodsshow{margin:20px 0;overflow:hidden;}
#goodsshow img{border:0;}
#goodsshow .left{width:100%;margin:0 auto;} 
#goodsshow .shop_big{border:1px solid #ededed;padding:2px;background:#fff;width:500px;cursor:pointer;margin:0 auto;}
#goodsshow .shop_plist{clear:both;width:500px; margin:0 auto}
#prolist{width:310px;float:left;overflow:hidden;height:68px;position:relative;margin:10px 0 0 0;}
#prolist ul{margin:0;padding:0;list-style:none;overflow:hidden;width:20000px;position:relative;}
#prolist ul li{float:left;cursor:pointer;position:relative;background:url(../images/pro_none.gif) no-repeat center top;height:68px;}
#prolist ul li img{height:60px;width:60px;margin:6px 8px 0 8px;padding:0px;border:0;}
#prolist .hover{background:url(../images/pro_bg.gif) no-repeat center top;height:68px;}
#goodsshow .shop_plist a.prev{float:left;width:20px;height:68px;display:block;outline:none;background:url(../images/ico_left.gif) no-repeat center;line-height:68px;margin-top:12px;}
#goodsshow .shop_plist a.next{float:left;width:20px;height:68px;display:block;outline:none;background:url(../images/ico_right.gif) no-repeat center;margin-top:12px;}
#goodsshow .right{width:350px;}
#goodsshow .right h1{font-size:18px;font-family:microsoft yahei;font-weight:normal;margin:0 0 10px 0;padding:0;}
#goodsshow .right .intro{color:#999;min-height:80px;}
#goodsshow .right .sno{border-bottom:1px solid #eee;line-height:35px;}
#goodsshow .right .price{color:#999;line-height:30px;padding:10px 0;}
#goodsshow .right .price span{color:#f60;font-size:16px;}

.pro_list{border-bottom: 1px dotted #333;padding: 20px;line-height: 24px;color: #999;clear: both;overflow: hidden;}
.pro_list .bd {width:900px;}
.pro_list .bd ul:after {content: '';display: block;clear: both;height: 0;visibility: hidden;}
.pro_list .bd ul {margin-right: -10px;}
.pro_list .bd ul li {float: left;width: 290px;margin:0px 10px 20px 0px; overflow:hidden}
.pro_list .bd ul li a {display: block;width: 100%;height: 100%;position:relative}
.pro_list .bd ul li a .img {width: 100%;height: 208px;border:1px solid #dcdcdc;border-radius:5px;overflow: hidden; }
.pro_list .bd ul li a .img img{display: block;width: 100%;height: 100%;}
.pro_list .bd ul li:hover a .img img{transition:all 0.5s ease;transform: scale(1.1);}
.pro_list .bd ul li a .name {font-size:18px;text-align: center;height:50px;width:100%;line-height:50px;}
.pro_list .bd ul li a:hover .name {display:block;}