@charset "utf-8";
body,html{ min-width: 1240px; }
*{ margin:0; padding:0;}
body,p,h1,h2,h3,h4,h5,table,ul,li,form,input{ margin:0; padding:0; color:#000; font-family:"Microsoft yahei"; }

body,p{ font-size:14px; border:none;}
a{ font-size:14px; color:#999; text-decoration:none; border:none; padding:0; margin:0;}
table{border-collapse:collapse;}
img{ border:0; margin:0; padding:0;}
ul,li{ list-style:none; border:0; margin:0; padding:0;}
dl,dt,dd{ margin:0; padding:0; -webkit-margin-start:0;}
h1,h2,h3,h4,h5{ font-weight:normal; font-size:12px; display:block;}
strong,b{ font-weight:normal;}
table,tr,td{ border-spacing:0;}
em,i,b{ font-style:normal;}
p{ line-height: 170%; color: #555; font-size: 14px;}
input{ border: none; background: none; }
figcaption{ display: block;}
input:focus{ outline: none; }
::-webkit-input-placeholder { /* WebKit browsers */ font-size:14px; color: #dfdfdf; } 
::-ms-input-placeholder { /* Internet Explorer 10+ */ font-size:14px;color: #dfdfdf; } 
.fl{float:left;}
.fr{float:right;}
.clearfix{*zoom:1;} 
.clearfix:before,.clearfix:after{display:table; line-height:0; content:"";}
.clearfix:after{clear:both;}
.w1200{ width: 1200px; margin: 0 auto; }


.top{ background: #fff; height: 98px; position: fixed; top: 0; left: 0; right: 0; z-index: 9999;    box-shadow: 0 0 3px 2px rgba(0,0,0,0.1);}
.top.on{ animation-name:down; animation-duration: 1s; animation-fill-mode: both; box-shadow: 0 0 3px 2px rgba(0,0,0,0.1);
z-index: 99999;}
.top .logo{ margin-left: 10px;}
.navbar { margin-left: 150px;}
.navbar li{ float: left; position: relative; height: 45px; margin-top: 22px;  position: relative; width: 110px; overflow: hidden;}
.navbar li b,.navbar li span{ display: block; height: 45px; line-height: 45px; overflow: hidden; text-align: center; font-size: 16px; color: #000;
transition: all 0.6s; position: absolute; left: 0; right: 0;  }
.navbar li b{ text-transform: uppercase; position: absolute; top: 45px; font-size: 14px; }
.navbar li span{ top: 0; }
.navbar li:hover span,.navbar li.on span{ top: -45px;}
.navbar li:hover b,.navbar li.on b{ top: 0;}



.banner{ position: relative;  width: 100%; height: 646px; overflow: hidden; margin-top: 98px;}
.banner .hd li{ display: inline-block; width: 15px; height: 15px; border-radius: 100%; overflow: hidden; background: #fff !important;
 margin: 0 5px; z-index: 333; cursor: pointer; display: none;}
.banner .hd li.on{ background: #003366 !important;}
.banner .hd{ position: absolute; bottom: 20px; text-align: center; width: 100%; height: 10px;}
.banner .prev{ font-family: "新宋体"; color: #666; font-size: 60px; position: absolute; top: 45%; left: 10px; cursor: pointer;}
.banner .next{ font-family: "新宋体"; color: #666; font-size: 60px; position: absolute; top: 45%; right: 10px; cursor: pointer;}


.sousuo .w1200{ background: #34267e; margin-top: -100px; position: relative; z-index: 999; height: 66px; width: 1065px;}
.sousuo h3{ font-weight: bold; font-size: 24px; color: #fff; line-height: 66px; height: 66px; padding-left: 80px;}
.sousuo h3 img{ display: inline-block; vertical-align: middle; margin-right: 5px;}

.sousuo .text{ background: transparent; height: 66px; width: 360px; float: left; padding-left: 10px; color: #fff;}
.sousuo .sub{ float: left; height: 66px; width: 66px; background:#df7700 url(../img/zoom.png) no-repeat  center; cursor: pointer;}

.shebei{  margin-top: 100px;}
.title{ background: url(../img/tit-bg.png) no-repeat center;}
.title .t-div{ width: 315px; margin: 0 auto;}
.title h2{ font-weight: bold; font-size: 30px; color: #4c4c4c; line-height: 1;}
.title h4{  font-size: 12px; font-family: segoe ui; color: #4C4C4C; margin-top:6px;}
.title strong{ display: block;  font-size: 49px; color: #df7700; font-weight: bold; margin-left: 4px; line-height: 1;}

.shebei ul{ margin-right: -26px; margin-top: 55px;}
.shebei li{ float: left; width: 382px; margin-right: 26px; margin-bottom: 26px;}
.shebei li p{ text-align: center; height: 56px; line-height: 56px; margin-top: 10px; 
transition: all 0.7s; overflow: hidden; position: relative;}
.shebei li b,.shebei li span{ display: block;   height: 56px; line-height: 56px; font-size: 16px; 
position: absolute; left: 0; right: 0; transition: all 0.7s;}
.shebei li span{ color: #fff; background: #DF7700; position: absolute; top: 56px;}
.shebei li b{ top: 0; background: #F5F5F5; color: #000;}
.shebei li figure,.shebei li figure img{ display: block; width: 382px; height: 268px; overflow: hidden; transition: all 0.7s;}
.shebei li:hover img{ transform: scale(1.1);}
.shebei li:hover span{ top: 0;}
.shebei li:hover b{ top: -56px;}


.more a{ display: block; border:1px solid #34267e;  width: 158px; height: 50px; font-size: 16px; color: #34267e;
line-height: 50px; text-align: center; position: relative; margin:30px auto;}
.more .line-l{ width:53px; height: 1px; background: #34267E; position: absolute; left: -25px; top: 25px; transition: all 0.6s;}
.more .line-r{ width:53px; height: 1px; background: #34267E; position: absolute; right: -25px; top: 25px; transition: all 0.6s;}
.more:hover .line-l{ left: -52px;}
.more:hover .line-r{ right:-52px;}


.jianjie{ background: url(../img/bg.jpg) no-repeat top center; padding: 60px 0 200px 0; margin-top: 65px;}
.jianjie .title h2{ color: #fff;}
.jianjie .title h4{ color: #fff;}
.jianjie .title{ margin-bottom: 60px;}
.jianjie .left{ width: 513px;}
.jianjie .left p{ color: #fff; font-size: 15px; line-height: 33px;}
.jianjie .tab-nav li{  width: 170px; height: 50px; text-align: center; font-size: 14px; background: #fff; float: left; margin-right: 25px;
transition: all 0.7s;}
.jianjie .tab-nav li a{ font-size: 16px; color: #000; height: 50px; display: block; line-height: 50px;}
.jianjie .tab-nav li.on{ background: #34267E;}
.jianjie .tab-nav li.on a{ color: #fff;}
.jianjie .right img{ width: 520px; height: 353px; border:10px solid #fff; border-radius: 5px;}
.a-cont{ background: #fff; padding: 35px; box-shadow: 0 0 15px 15px rgba(0,0,0,0.1); margin-top: -145px;  position: relative;}
.a-cont li{ width: 256px; height: 167px; float:left; margin-right: 19px; overflow: hidden;}
.a-cont li img{ overflow: hidden; width: 256px; height: 167px; transition: all 0.7s;}
.a-cont li:hover img{ transform: scale(1.1);}
.a-cont .pageBtn ul{ display: none;}
.a-cont .ohbox{ margin-left: 25px;}
.tab-cont .box{ display: none;}
.tab-cont .box.on{ display: block;}
.a-cont .prev{ position: absolute; left: 10px; font-size: 60px; font-family: '新宋体'; top: 35%; cursor: pointer;}
.a-cont .next{ position: absolute; right: 10px; font-size: 60px; font-family: '新宋体'; top: 35%; cursor: pointer;}


.news{ padding: 60px 0 0 0; }
.news .title{ background: none;}
.title h1{ color: #4c4c4c; font-size: 22px; font-weight: bold;}
.title p{  	color: #666666; font-size: 13px; padding-top: 5px;}
.title a.more{ color: #666666s; font-size: 13px; float: right; margin-top: 15px;}
.news .cont{ padding-top: 35px;}
.news .left{ background: #f5f6fb; padding: 45px 25px 45px 25px;}
.news .left figure,.news .left figure img{ width: 536px; height: 265px; overflow: hidden; transition: all 0.6s;}
.news .left figcaption{ width: 507px;}
.news .left h2{ font-size: 39px; color: #666; padding-top: 20px;}
.news .left h1{ color: #333333; font-size: 20px; padding: 25px 0 30px 0;}
.news .left p{ color: #888888; font-size: 14px; line-height: 30px;overflow:hidden;}
.news .right{ width: 580px;}
.news .right div.fl:nth-child(1){ width: 115px;}
.news .right div.fl:nth-child(2){ width: 430px;}
.news .right li{ transition: all 0.6s;}
.news .right li a{ display: block; overflow: hidden; clear: both; width: 580px; padding: 20px 0;
	 border-bottom: 1px dashed #e0e0e0; p}
.news .right strong{ display: block; text-align: center; font-size: 40px; color: #333; padding-top: 20px;}
.news .right b{ display: block; text-align: center;color: #333333; font-size: 17px;}
.news .right h3{ color: #333333; font-size: 18px; padding: 15px 0;}
.news .right p{ color: #666666; font-size: 13px; line-height: 24px;} 
.news .right li:hover{ background: #34267e;}
.news .right li:hover h3,.news .right li:hover b,.news .right li:hover p,.news .right li:hover strong{ color: #fff;}

.srcoll-tu{ position: relative;  }
.srcoll-tu .tempWrap{ width: 1103px; margin: auto;}
.youlian ul li{width: 203px; float:left; height: 130px;	border: solid 1px #d8d8d8; margin: 0 8px;}
.youlian ul li img{ display: block; margin: auto ; width: 201px; height: 128px;  overflow: hidden; 
transition: all 0.6s; filter: grayscale(0)  }
.youlian ul li:hover img{ filter: none;filter: gray; filter: grayscale(100%);}
.youlian .prev,.youlian .next{ display: block; width: 44px; height: 44px;	background-color: #b3b3b3;
 text-align: center; color: #fff; border-radius: 100%;	font-size: 20px; line-height: 44px; cursor: pointer;
  transition: all 0.6s; position: absolute; font-family: "新宋体"; font-weight: bold;}
.youlian .prev:hover,.youlian .next:hover{ background: #34267e;} 
.youlian .prev{ left:0px; top: 35%;}
.youlian .next{ right: 0px; top: 35%}
.youlian{ padding:40px 0 45px 0; height:140px;}

.footer{ background:#141414; color: #aaaaaa; padding-top: 40px; padding-bottom: 40px; width: 100%; overflow: hidden;}
.footer .footer-left{ width: 700px;}
.footer h1{ color: #fff; font-weight: bold; text-transform: uppercase; font-size: 18px;}
.footer h1 span{font-weight: normal; font-size: 16px;}
.footer h2{  font-size: 15px; color: #aaa; padding:20px 0 40px 0;}
.footer .address span{ display: block;  width: 340px; padding:10px 0;}
.footer .address img{ display: inline-block; vertical-align: middle; margin-right: 10px;}
.footer-right{ margin-top: 10px; width: 142px;	height: 170px;  text-align: center; color: #333333; font-size: 14px;}
.footer-right p{ text-align: center; color: #777;}
.footer-right img{ display: inline-block; margin-top: 10px; width:140px;}
.copyright{ background: #1d1d1d;   text-align: center;}
.copyright p{ font-size: 14px; color: #777;  height: 70px; line-height: 70px; }

/*案例*/
.neibanner{ height: auto; margin-top: 94px; overflow: hidden;}.neibanner img{ height: auto;  width:100%; margin:0 auto;}


.nei{ padding: 45px 0; background: #F5F5F5;}
.nei .title1{ background: none;}
.title1{ border-bottom: 1px solid #E0E0E0; padding-bottom: 15px;}
.title1 div.fr{ margin-top:10px;}
.title1 h1{ color: #34267e;}
.title1 div.fr img{ display: inline-block; margin-right: 10px; vertical-align: middle;}
.title1 div.fr,.title div.fr a{ font-size: 14px; color: #666;}
.title1 div.fr b{ display: inline-block; margin: 0 5px;}

.left-cont{ width: 260px;  }
.right-cont{ width: 900px;}
.ss{background: #fff; margin: 0 0 30px 0; }
.ss .text{ height: 55px; padding-left: 10px; font-size: 14px; color: #666; width: 600px;}
.ss .sub{ background:#DF7700 url(../img/zoom.png) no-repeat center; height: 55px; width: 55px; cursor: pointer;}

.rc-nei{ padding:20px 20px 35px 20px;  background: #fff;}
.rc-nei .shebei{ margin-top: 0;}
.rc-nei .shebei ul{ margin-top: 25px; margin-right: -15px;}
.caselist li{ width: 275px;margin-right: 15px;}
.caselist li figure,.caselist li figure img{ width: 275px; height: 192px;}
.caselist li p{ height: 45px; line-height: 45px;}
.caselist li p b,.caselist li p span{ height: 45px; line-height: 45px;  font-size: 14px;}
.left-cont .ej-title h2{ font-weight: bold; text-align: center; font-size: 22px; background: #34267e; color: #fff;  
padding: 25px 0 25px 0; }
.left-cont .ej-title h2 b{ font-size: 12px; text-transform: uppercase; color: #fff;}
.left-cont .dl1{ padding: 15px;}
.left-cont .dl1 dd{ font-size: 16px; color: #666; text-align: center;  background: #F5F6FB; 
margin-bottom: 10px; cursor: pointer;transition: all 0.6s;}
.left-cont .dl1 dd a{ display:block; width:100%; height:100%;padding:20px 0;}
.left-cont .dl1 dd a.on{ background: #34267e; color: #fff;}
.left-cont .dl1 dd:hover,.left-cont .dl1 dd.on{ background: #34267e; color: #fff;}


.l-div1{ background:#fff;}
.liuyan-div{ padding: 15px;}
.liuyan{ margin-top: 30px; background: #fff; }
.liuyan p{ margin-bottom: 10px;}
.liuyan p input{ display: block; text-indent: 1em; height: 50px;  background: #F5F6FB; width: 100%; line-height: 50px;
color: #666; font-size: 14px;}
.liuyan p .textarea{ display: block; text-indent: 1em; height: 50px;  background: #F5F6FB; width: 100%; line-height: 50px;
color: #666; font-size: 14px; border:none; outline:none;}
.liuyan p input[type=submit]{ background: #34267e; color: #fff; cursor: pointer;}
.Contact_tel{text-align: center; padding: 20px 8px; box-sizing: border-box; background:#34267e;}
.Contact_tel h2{line-height: 33px;color: #ffffff;}
.Contact_tel h2 b{font-size: 26px;color: #ffffff; font-weight: bold; font-family: arial;}
.Contact_tel h4{ text-align: center; color: #fff; font-size: 16px;}
.pager{  overflow:hidden; height:50px; padding:10px 1px; text-align:center; margin:0 auto; width: 658px;}
.pager a{ display:inline-block; background:#fff; width:65px; height:48px; line-height:48px; vertical-align:middle; margin-left:-1px; float:left; font-size:14px; border:1px #e0e0e0 solid; color:#666;}
.pager span{ display:inline-block; color:#fff; background:#34267e; width:65px; height:48px; line-height:48px; vertical-align:middle; margin-left:-1px; float:left; font-size:14px; border:1px #e0e0e0 solid; }
.pager a:hover{ color:#fff; background:#34267e; transition:all 0.3s ease 0s;}
.pager a.current{ color:#fff; background:#34267e;}

.newscont .left{ background: #F5F5F5; margin-bottom: 10px; padding: 10px; margin-top: 30px;}
.newscont .left figure,.newscont .left figure img{ width:280px; height: 180px; overflow: hidden; transition: all 0.6s;}
.newscont .left figcaption{ width: 530px; float: right;}
.newscont .left h2{ font-size: 24px; color: #666; padding:10px 0;}
.newscont .left h1{ color: #333333; font-size: 18px; margin-bottom: 10px; }
.newscont .left p{ color: #888888; font-size: 14px; line-height: 30px;}


.newscont .right{ width: 100%; margin-bottom: 20px;}
.newscont .right div.fl:nth-child(1){ width: 115px;}
.newscont .right div.fl:nth-child(2){ width: 700px;}
.newscont .right li{ transition: all 0.6s;}
.newscont .right li a{ display: block; overflow: hidden; clear: both; width: 100%; padding: 25px 0;
	 border-bottom: 1px dashed #e0e0e0; }
.newscont .right strong{ display: block; text-align: center; font-size: 26px; color: #333; }
.newscont .right b{ display: block; text-align: center;color: #333333; font-size: 14px;}
.newscont .right h3{ color: #333333; font-size: 16px;  margin-top: 5px;}
.newscont .right p{ color: #666666; font-size: 13px; line-height: 24px; height: 24px; overflow: hidden;margin-top: 5px;} 
.newscont .right li:hover{ transform: translateX(10px);}

/*点击页面*/
.zMain_right img{ display: block; width: 100%; height: auto;}
.displayTitle {margin: 20px auto;}
.displayTitle h2{ font-size:23px; font-weight:normal; color:#333333; text-align: center;}
.dianji_num{ font-size:15px; color:#666666; margin:23px auto; text-align: center; height: 33px; line-height: 33px;}
.dianji_num .clearfix{text-align: center; margin: 0 auto 0 200px;}
.dianji_num span{display: inline-block; margin-right: 20px; }
.displayMain{  margin-top:35px; padding:10px 20px 30px; line-height:30px;  overflow:hidden;}
.displayMain p{ font-size:15px; color:#666666; text-align:left; }
.displayMain img{ margin:5px auto; width:100% !important; height:auto !important;}
.share{ border-top:1px dotted #cccccc; margin-top:40px; margin-bottom:20px; padding-top:25px;}
.share_l{ width:560px; color:#666666;}
.share_l li{ height:35px; line-height:35px; overflow:hidden; margin-right: 1em;}
.share_l li a{ color:#666666; font-size:14px;}
.share_l li a:hover{ color:#172a7e;}
.share_r{ margin-top:10px;}
.share_r span a{ background:#34267e; width:100px; height:45px; color:#fff; display:block; text-align:center; line-height:45px; font-size:16px;
transition: all 0.6s;}
.share_r span a:hover{ background: #34267e;}

 @keyframes down{
	 	from{transform: translate(0,-100%);}
	 	to{transform: translate(0,0);}
 }
 @keyframes weizhi{
		from{ left: -50%;}
		to{ left: 100%; }
}



@media screen and (max-width: 1900px){
 .top .logo img{ height: 70px; margin-top: 15px;}
 .navbar li{ width:100px ;}
 .navbar { margin-left: 0; margin-top: 0px; position: absolute; right: 200px; top: 10px;}
}
@media screen and (max-width: 1550px){
 .top .logo img{ height: 70px; margin-top: 15px;}
 .navbar li{ width:100px ;}
 .navbar { margin-left: 0; margin-top: 0px; position: absolute; right: 100px; top: 10px;}
}
@media screen and (max-width: 1440px){
 .top .logo img{ height: 70px; margin-top: 15px;}
 .navbar li{ width:100px ;}
 .navbar { margin-left: 0; margin-top: 0px; position: absolute; right: 100px; top: 10px;}
}
@media screen and (max-width: 1366px){
 .top .logo img{ height: 70px; margin-top: 15px;}
 .navbar li{ width:100px ;}
 .navbar { margin-left: 0; margin-top: 0px; position: absolute; right: 20px; top: 10px;}
}
@media screen and (max-width: 1300px){
 .top .logo img{ height: 70px; margin-top: 15px;}
 .navbar li{ width:90px ;}
 .navbar { margin-left: 0; margin-top: 0px; position: absolute; right: 20px; top: 10px;}
}
@media screen and (max-width: 1240px){
 .top .logo img{ height: 70px; margin-top: 15px;}
 .navbar li{ width:90px ;}
 .navbar { margin-left: 0; margin-top: 0px; position: absolute; right: 20px; top: 10px;}
}
.cont-biao .ab-tit h2{ font-size: 30px; text-align: center; padding: 0 0 15px 0;}
.cont-biao .ab-tit span{ font-size: 20px;  display: inline-block; vertical-align: middle; margin-left: 10px; color: #999; text-transform: uppercase;}
.cont-biao .ab-tit p{ color: #333; font-size: 16px; text-align: center;}
.cont-biao{ background: #fff; padding: 20px;}
.cont-biao div.fl{margin-bottom: 30px;}
.cont-biao div.fl span{ display: inline-block; width: 50px; font-size: 16px; color: #333;}
.cont-biao input{ width: 600px; background: #fff; height: 50px; line-height: 50px; padding-left: 10px; border:1px solid #E0E0E0;
color: #666; font-size: 14px;}
.cont-biao div.clearfix{}
.cont-biao textarea{ height: 180px; vertical-align: top; width: 600px;  background: none; border:none; background: #fff;
font-size: 14px; color: #666; padding-top: 10px; padding-left: 10px; border:1px solid #E0E0E0; resize: none;}

.cont-biao .div1{ text-align: center;}
.cont-biao .sub,.cont-biao .res{ background: none; border:none; display: inline-block; width: 220px; text-align: center; background: #34267e; font-size: 16px; color: #fff;
cursor: pointer;}
.cont-biao .res{ background: #000; margin-left: 30px;}