@import "iconfont.css";
*{ margin:0px; padding:0px; border:0; }
html,body { font:16px/1.5 "Microsoft YaHei" , tahoma, arial, \5FAE\8F6F\96C5\9ED1; margin:0px; padding:0px; border:0; background:#fff; }
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,img,button {border:0;  padding:0; margin:0; font-weight:normal; } 
table,td,tr,th{font-size:12px;}
li{list-style-type:none;list-style:none;}
img{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6,p,em,i,b,span { margin:0; padding:0; font-weight:normal; font-style:normal;}
ol,ul {list-style:none;}
address,cite,code,th {font-weight:normal;font-style:normal;}
img:hover { opacity:1; filter: alpha(opacity=100); }
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
small { font-size: 12px; }
legend { color: #000; }
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; }
.fl { float:left; }
.fr { float:right; }
a { color:#666; text-decoration:none; }
a:hover{ color:#F08300; text-decoration:none;}
.box { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

.amn { transition:all ease-out .3s 0s; -webkit-transition:all ease-out .3s 0s; -moz-transition:all ease-out .3s 0s; -o-transition:all ease-out .3s 0s;}
.amn img { transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;-moz-transition:all ease-out .3s 0s;-o-transition:all ease-out .3s 0s; }
.amn:hover img { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);}

.amn2 { transition:all ease-out .2s 0s; -webkit-transition:all ease-out .2s 0s; -moz-transition:all ease-out .2s 0s; -o-transition:all ease-out .2s 0s; }
.amn2:hover { -webkit-transform:translateX(20px); -moz-transform:translateX(20px); -ms-transform:translateX(20px); -o-transform:translateX(20px); transform:translateX(20px); }


.warp { width:1200px; margin:0 auto; overflow:hidden; }
.header { width:100%; margin:0 auto;  border-top:0px solid #0068c4;  background:linear-gradient(to bottom,#0068c4,#0068c4,#0068c4);}

.logo { float:left; padding:18px 0 0 0; margin-right:20px;}

.nav { float:right; margin-left:30px; }
.nav ul li { width:104px; float:left; font-size:16px; height:80px; overflow:hidden; text-align:center; }
.nav ul li a { width:100%; height:100%; display:inline-block; position:relative; }
.nav ul li a span { width:100%; height:100%; position:absolute; display:block; background:#fff; left:0; top:100%; }
.nav ul li a:hover span { top:0;}
.nav ul li a b { width:100%; height:100%; line-height:80px; position:absolute; display:block; color:#fff; left:0; cursor:pointer; }
.nav ul li a:hover b { color:#0068c4; line-height:80px; } 
.nav ul li a span { transition:all ease-out .25s 0s; -webkit-transition:all ease-out .25s 0s; -moz-transition:all ease-out .25s 0s; -o-transition:all ease-out .25s 0s;}


.haibao { width:100%; height:600px; position:relative; overflow:hidden; }
.haibao .workshop { width:100%; position:absolute; }
.haibao .workshop li { width:100%; height:600px; overflow:hidden;}
.haibao .workshop li h3 { width:1100px; margin:0 auto; padding:90px 0 0 0; overflow:hidden; text-shadow:1px 1px 3px rgba(255,255,255,.3);  }
.haibao .workshop li h3 span { width:100%; font-size:56px; color:#014099;line-height:80px; font-weight:bold;  }
.haibao .workshop li h3 p { width:100%; font-size:26px; color:#014099; line-height:60px; text-indent:3em;  }

.haibao .workshop li h4 { width:1100px; margin:0 auto; padding:90px 0 0 0; overflow:hidden; text-shadow:1px 1px 3px rgba(0,0,0,.2); }
.haibao .workshop li h4 span { width:100%; font-size:56px; color:#fff; line-height:80px; font-weight:bold;  }
.haibao .workshop li h4 p { width:100%; font-size:26px; color:#fff; line-height:60px; text-indent:3em;  }

.haibao .workshop li h5 { width:1180px; margin:0 auto; padding:90px 0 0 0; overflow:hidden; text-shadow:1px 1px 3px rgba(0,0,0,.2); }
.haibao .workshop li h5 span { width:100%; font-size:56px; color:#fff; line-height:80px; font-weight:bold;  }
.haibao .workshop li h5 p { width:100%; font-size:26px; color:#fff; line-height:60px; text-indent:3em;  }

.haibao .yuandian { position:absolute ;width:100%; left:0; z-index:1; height:8px; bottom:40px; text-align:center;}
.haibao .yuandian li { display:inline-block;  zoom:1; width:10px; height:10px; line-height:99px; overflow:hidden; background-color:#fff; margin:0 3px; cursor:pointer;  border-radius:12px;}
.haibao .yuandian li.on { background-color:#E53333; width:40px; transition:all ease-out .25s 0s; -webkit-transition:all ease-out .25s 0s; -moz-transition:all ease-out .25s 0s; -o-transition:all ease-out .25s 0s;}
.haibao .black { position:absolute; z-index:1; top:0; width:60px; height:60px; cursor:pointer;}
.haibao .black .arrow { display:none;position:absolute;top:280px;z-index:1;width:60px;height:60px; border:0px;}
.haibao .black .arrow:hover{opacity:1;filter:alpha(opacity=100);}
.haibao .prev { left:20px;  }
.haibao .prev .arrow { right:0;background: url(../images/next.png) 0 0 no-repeat;opacity:1;filter:alpha(opacity=100);}
.haibao .next { right:20px; }
.haibao .next .arrow { left:0;background:url(../images/pre.png) 0 0 no-repeat;opacity:1;filter:alpha(opacity=100); }


.lm { width:100%; float:left; font-size:34px; line-height:48px; color:#333; text-align:center; padding:0 0 50px 0; }
.lm span {  width:100%; float:left; text-align:center; line-height:48px; font-size:40px; vertical-align:text-top; font-weight:bold;  } 

.parTD60 { padding:60px 0 0 0; }


/*产品中心*/
.homepro { width:100%; float:left;  }
.homepro ul li { width:31%; float:left; margin-right:3.5%; background:#f5f5f5; margin-top: 1%;}
.homepro ul li h3 { width:100%; float:left; overflow:hidden;  }
.homepro ul li img { width:100%; height:260px; display:block;  }
.homepro ul li h4 { width:100%; float:left; padding:15px 20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.homepro ul li h4 em { float:left; color:#272727; font-size:18px; line-height:30px; }
.homepro ul li h4 span { float:right; display:inline-block; background:#e5e5e5; line-height:30px; border-radius:15px; padding:0 20px; color:#333; font-size:12px; } 
.homepro ul li h4 span b { background:#454545; text-align:center; display:inline-block; line-height:14px; width:14px; height:14px; font-size:14px; color:#fff; border-radius:50%; margin-left:5px; font-family: Arial; }
.homepro ul li:hover h4 span { color:#fff; background:#0068c4; }
.homepro ul li:hover h4 span b { background:#fff; color:#0068c4; }
.homepro ul li:nth-child(3n){ margin-right:0; }


/*公司简介*/
.homeprofile { width:100%; float:left; }
.homeprofile h4 { width:45%; float:right; }
.homeprofile h4 img { width:100%; height:auto; }
.homeprofile h5 { width:50%; float:left; font-size:16px; color:#666; line-height:34px; text-align:justify; }
.homeprofile h5 strong { }
.homeprofile h5 p  { width:100%; float:left; }
.homeprofile h5 p a { float:left; display:inline-block; color:#fff; background:#0068c4; padding:0 22px; line-height:42px; font-size:16px;}
.homeprofile h5 p a:hover { color:#fff; background:#E53333; }


/*成功案例*/
.homecase { width:100%; float:left;  }
.homecase ul li { width:25%; float:left; height:200px; overflow:hidden; position:relative; border-bottom:1px solid #fff;  border-right:1px solid #fff;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  cursor:pointer; }
.homecase ul li img { width:100%; height:100%; display:block;  }
.homecase ul li span { width:90%; height:40px; font-size:16px; color:#fff; line-height:40px; text-align:center; position:absolute; bottom:0; left:0; overflow:hidden; background:rgba(0,0,0,0.6); padding:0 5%; }
.homecase ul li:nth-child(4n){ border-right:0px solid #fff; }


/*行业新闻*/
.homenews { width:100%; float:left; margin-bottom:30px; } 
.homenews ul li { width:47%; float:left; margin-bottom:40px; }
.homenews ul li h4 { width:84%; float:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:0 0 0 22px;  }
.homenews ul li h4 span { width:100%; float:left; color:#333; line-height:24px; font-size:22px; height:24px; overflow:hidden; }
.homenews ul li h4 p { width:100%; float:left; font-size:14px; color:#999; line-height:23px; overflow:hidden; text-align:justify; margin-top:16px; height:46px; }
.homenews ul li h5 { float:left; overflow:hidden; height:88px; width:16%; background:rgba(17,101,198,1); color:#fff;text-align:center; }
.homenews ul li h5 p.p1 { font-size:30px; margin-top:6px; }
.homenews ul li h5 p.p2 { font-size:16px;  }
.homenews ul li:nth-child(2n) { float:right; }
.homenews ul li:hover h4 span { color:#0068c4;  }



/*底部*/
.hcontact { width:100%; background:#262626; float:left; padding:55px 0; }
.flogo { width:18%; float:left; padding:10px 0px; height:178px; border-right:1px solid #323232;  }
.fcon { width:54%; float:left; padding:0 10px 0 70px; height:178px;  border-right:1px solid #323232; }
.fcon span { float:left; display:block; font-size:20px; width:100%; line-height:24px; height:34px; margin-top:6px; color:#fff; }
.fcon ul li { float: left; width:50%; line-height:40px; font-size:14px; color:rgba(255,255,255,.6); }
.fcon ul li i { margin-right:4px; float:left;}
.fcon b { background:#666; float:left; height:38px; line-height:38px; margin-top:15px; border-radius:5px; color:#fff; font-size:12px; padding:0 20px;  color:#fff; }
.fcon b i { font-size:22px; float:left; margin-right:6px; }
.fcon b:hover { background:#cc3434; }

.fweixin { width:21%; float:left; text-align:center;  }
.fweixin p { line-height:24px; font-size:16px; text-align:center; padding:15px 0 0 0; color:rgba(255,255,255,.8);}
.fweixin img { width:130px; height:auto; }

.footer { width:100%; background:#1b1b1b; float:left; line-height:28px; font-size:14px; color:rgba(255,255,255,.5); padding:15px 0; text-align:center;}
.footer a { color:rgba(255,255,255,.5); }
.footer a:hover { color:#E53333; }





/*-----------------------------------------------------------------------二级页面-----------------------------------------------------------------------*/

.banner { width:100%; height:360px; margin:0 auto; overflow:hidden; }

/*当前位置*/
.dqwz { width:100%; float:left; font-size:14px; line-height:18px; background: url(../images/dqwz.png) 0 3px no-repeat; padding:0 0 0 22px; color:#999; margin:30px auto; }
.dqwz b { padding:0 12px; }
.dqwz a { color:#999; }
.dqwz a:hover { color:#d43e42; }

.lm3 { width:100%; float:left; line-height:48px; font-size:40px; color:#333;  font-weight:bold; padding:60px 0 60px 0; }
.lm3 span { font-size:34px; font-weight:normal; line-height:50px; vertical-align: text-top; margin-left:16px; } 


/*公司简介*/
.profile { width:100%; float:left;  padding:0 0 30px 0;}
.profile h4 { width:45%; float:right; }
.profile h4 img { width:100%; height:auto; }
.profile h5 { width:50%; float:left; font-size:16px; color:#666; line-height:34px; text-align:justify; }


/*行业新闻*/
.newlist { width:100%; float:left; margin:0 0 20px 0;}
.newlist ul li { width:100%; float:left; position:relative; padding-bottom:40px;  }
.newlist ul li .xians { position:absolute; z-index:1;  background:#eee; top:6px; left:119px; height:100%; width:1px;  display:inline-block; }
.newlist ul li h3 { float:left; font-size:15px; line-height: 30px; width:90px; color:#999;  }
.newlist ul li h4 { float:left; width:60px; text-align:center; }
.newlist ul li h4 i { position:absolute; z-index:2; margin-top:9px; width:9px; height:9px;  margin-left:-7px; background:#eee; border:2px solid #eee; border-radius:50%; }
.newlist ul li h5 { float:right; width:86%; line-height:30px; font-size:20px; color:#333; display:block; }
.newlist ul li h6 { float:right; width:86%; line-height:26px; font-size:15px;  padding-top:6px; color:#999; }
.newlist ul li:hover h5 { color:#0068c4; }
.newlist ul li:hover h4 i { background:#fff; border:2px solid #0068c4; }

.news { width:100%; float:left; margin-bottom:30px; margin-top:-18px;  } 
.news ul li { width:100%; height:100px; overflow:hidden; float:left; border-bottom: dotted 1px #eee; padding:18px 0;}
.news ul li img { width:160px; height:100px ;display:block;}
.news ul li h4 { width:88%; overflow:hidden; font-size:14px; line-height:22px; color:#9B9B9B; float:left;}
.news ul li h4 em { float:left; overflow:hidden; margin-right:22px;}
.news ul li h4 span { font-size:20px; line-height:30px; color:#333; height:30px; overflow:hidden;  }
.news ul li h4 p { font-size:15px; color: #999; line-height:24px; margin-top:12px; height:48px; overflow:hidden; }

.news ul li h5 { float:right; overflow:hidden; height:88px; width:8%; background:rgba(17,101,198,1); color:#fff; text-align:center; margin-top:6px; }
.news ul li h5 p.p1 { font-size:30px; margin-top:6px; }
.news ul li h5 p.p2 { font-size:16px;  }



.tit { width:100%; float:left; font-size:26px; color:#333; line-height:40px; font-weight:bold; text-align:center; padding:60px 0 0 0; }
.tit2 { width:100%; float:left; font-size:26px; color:#333; line-height:40px; font-weight:bold; text-align:center; padding:0 0 0 0; }
.info { width:100%; float:left; color:#999; font-size:14px; text-align:center; line-height:20px; padding:16px 0 30px 0; border-bottom:1px solid #f7f7f7; margin-bottom:30px; }
.info span { padding:0 6px; color:#999; }

.newsinfo_zw { width:100%; float:left; font-size:16px; line-height:40px; color:#6e6e6e; text-justify:auto; text-align:justify; margin:20px 0 30px 0;  }
.newsinfo_zw img { max-width:80%; height:auto; }
.newsinfo_zw p { padding-bottom:30px; text-indent:2em; }

.info_tag { width:100%; float:left; margin-bottom:70px; text-align:center; font-size:14px; }
.info_tag a { display:inline-block; background-color:#0068c4; max-width:300px; overflow:hidden; height:40px; line-height:40px; padding:0 15px; color:#fff; margin:0 10px;}
.info_tag a span { margin-left:5px; }


/*产品中心*/
.w870 { width:870px; }
.w280 { width:280px; }
.snav { width:100%; float:left; margin-bottom:35px;  }
.snav h3 { width:100%; float:left; font-size:20px; font-weight:bold; line-height:34px; color:#333; margin-bottom:20px; }
.snav ul li { width:100%; float:left; border-bottom:1px #f3f3f3 solid; }
.snav ul li a { color:#dc2a2a; display:block; cursor:pointer; color:#666; font-size:16px; line-height:48px; border-radius:0 25px 25px 0; text-indent:1em; }
.snav ul li a:hover { background:#0068c4; color:#fff;}
.snav ul li a.cug { background:#0068c4; color:#fff;}

.prolist { width:100%; float:left;  }
.prolist ul li { width:31%; float:left; margin-right:3.5%; background:#f5f5f5; margin-bottom:30px; }
.prolist ul li h3 { width:100%; float:left; overflow:hidden; }
.prolist ul li img { width:100%; height:180px; display:block;  }
.prolist ul li h4 { width:100%; float:left; padding:0 20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; color:#333; font-size:16px; line-height:50px; text-align:center; overflow:hidden; height:50px; }
.prolist ul li:nth-child(3n){ margin-right:0; }

.proinfo { width:100%; float:left; margin:0 0 60px 0;  }
.proinfo h2 { width:100%; float:left; margin:30px 0 40px 0; text-align:center; } 
.proinfo h2 img { width:60%; height:340px; border-radius:10px;  }
.proinfo h3 { width:100%; float:left;  }  
.proinfo h3 span { width:100%; float:left; font-size:20px; line-height:34px;  font-weight: bold; color:#333; margin-bottom:12px; }
.proinfo h3 p { width:100%; float:left; font-size:16px; color:#666; line-height:34px; text-align:justify; text-indent:2em;  }



/*成功案例*/
.case { width:100%; float:left; margin-bottom:32px; }
.case ul li { width:23.5%; float:left; margin-right:2%; margin-bottom:28px; cursor:pointer;  }
.case ul li b { width:100%; height:180px; display:block; overflow:hidden; position:relative;}
.case ul li b img { width:100%; height:100%;  }
.case ul li b .fdj { position:absolute; width:36px; height:36px; background:url(../images/fdj.png) center center no-repeat;  opacity:0; z-index:2; left:50%; top:50%; margin-left:-18px; margin-top:-18px; }
.case ul li b:hover .fdj{ opacity:0.9;  transition:0.3s ease-in-out;}
.case ul li span { width:90%; float:left;  height:46px; font-size:16px; color:#333; line-height:46px; text-align:center; overflow:hidden; padding:0 5%; background:#f5f5f5; }
.case ul li:nth-child(4n){ margin-right:0; }


.pages { width:100%; float:left; font-size:16px; text-align:center; margin:30px 0 60px 0; }
.pages a {  color:#555; background:#ededed; margin:0 0 0 10px; padding:0 14px; line-height:38px; display: inline-table; border-radius:3px; }
.pages a:hover {  background:#0068c4; color:#fff; border-radius:3px;}
.pages a:active {  background:#0068c4; color:#fff; border-radius:3px;}
.pages span.current { background:#0068c4; color:#fff; display:inline-table; border-radius:3px; line-height:38px; padding:0 14px; margin:0 0 0 10px;}
.pages span.disabled { margin:0 0 0 10px; }


/*联系我们*/
.lm2 { width:100%; float:left; line-height:48px; font-size:40px; color:#333; text-align:center; font-weight:bold; padding:0 0 60px 0; }
.lm2 span { font-size:34px; font-weight:normal;  line-height:50px; vertical-align: text-top; margin-left:16px; } 
.lm2 p { width:100%; float:left; text-align:center; font-size:18px; color:#888; line-height:24px; padding:10px 0 0 0; }

.conbj3 { width:100%; float:left; background:#fff; padding:60px 0 60px 0; }
.homecontact { width:100%; height:600px; position: relative; overflow:hidden; background:url(../images/map.jpg) center top no-repeat; }
.homecontact h3 { width:290px; text-align:center; position:absolute; left:414px; top:195px; font-size:15px; color:#fff; line-height:34px; }
.homecontact h3 span { color:#ffbb42;}


.contactbox { width:30%; height:310px; position:relative; border:1px solid #E3E3E3; float:left; webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-right:5%; }
.contactbox:nth-child(3n) { margin-right:0;}
.contact { position:relative; height:100%; padding:65px 30px 30px 30px ; }
.contact h3 { width:100%; float:left; line-height:32px; text-align:center; padding:10px 0 25px 0; font-size:28px; color:#333; }
.contact h4 { line-height:32px; font-size:16px; float:left; width:100%; color:#666; padding:5px 0 0 0; }
.contact h4 strong {float:left;  font-size:20px; line-height:26px; padding:0 0 14px 0; color:#555;}
.contact h4 em { line-height:24px; font-size:16px; float:left; width:100%; color:#666; }
.contact h6 { width:100%; float:left; text-align:center; }
.contact h6 img { width:144px;  height:auto; }
.conico { position:absolute; background:#fff; width:110px; height:110px; padding:10px; top:-65px; left:50%; margin-left:-65px;  }
.conico h5 { width:98px; float:left; border-radius:50%; height:98px; padding:6px; display:table;  border:1px solid #e3e3e3; }
.conico h5 i { width:100%;  border-radius:50%;  height:100%; text-align:center; font-size:44px;vertical-align:middle; display:table-cell; color:#fff; }



@media screen and (max-width:999px) and (min-width: 160px){
.header,.footer,.haibao,.banner,.newlist,.case,.conbj3,.hcontact { width:1200px; }
}