@charset "utf-8";
/* CSS Document */
*{margin:0px;padding:0px;}
body{font-size:14px;font-family:"微软雅黑";background:#fff;position:relative;letter-spacing:1px;}
a{text-decoration:none;color:#333;}
a:visited{color:#333;}
ul,li{list-style:none;}
a:link,a:visited{text-decoration: none;}
img{border:none;}
.public{width:1220px;height:auto;margin:0 auto;position:relative;}

.clear{clear:both;}
p{font-weight: normal;}




/*头部开始*/
#header{width:100%;height:auto;margin:0 auto;}
.top{width:100%;height:40px;margin:0 auto;background:#0e6eb8}
.top p{width:100%;height:40px;line-height:40px;color:#fff;}
.top p span{display:block;width:100px;height:40px;float:right;font-size:12px;}
.top p span img{width:30px;height:40px;float:left;}
.top p span a{display:block;width:70px;float:left;height:40px;color:#fff;line-height:40px;} 
.logo{width:100%;height:115px;margin:0 auto;}
.logo .logo2{width:840px;height: 115px;margin:0 auto;display: block;float: left;}
.logo .logo2 img{width:840px;height: 115px;}
.logo p{width:330px;height:60px;float:right;font-size:16px;color:#636363;position:relative;top:25px;}
.logo p span{color:#000;font-size:30px;font-weight:bold;color:#ed5e00;}
.logo p img{width:90px;height:60px;float:left;}
.nav{width:100%;height:55px;background:#f4f4f4;}
.nav ul{width:100%;height:55px;margin:0 auto;}
.nav ul li{width:11%;height:55px;float:left;}
.nav ul li a{display:block;width:100%;height:100%;height:25px;line-height:25px;color:#333;text-align:center;font-size:14px;position:relative;top:15px;border-left:solid #ccc 1px;}
.nav ul li:hover a {color:#fff;height:25px;z-index:999;}
.nav ul li:hover{background:#0e6eb8;}
.nav ul .first{background:#0e6eb8;}
.nav ul .first a{color:#fff;}
/*banner开始*/
.banner { position: relative; height:600px; overflow: hidden;clear:both;margin:0px;padding:0px; z-index:90;}
.slider{ width:100%; height:600px; margin:0 auto; overflow:hidden;}
.slider{ }
.slider #slider1_container { position: relative; top: 0px; left: 0px; width:100%; height:600px; background:url(../images/shadow.png) bottom center no-repeat;}
.slider .slides { cursor: move; position: absolute; overflow: hidden; left: 0px; top: 0px; width:100%; height:600px;}
.slider .slides div{ width:100%; height:600px; text-align:center; position:relative; overflow:hidden;}
.slider .slides div a { position:absolute; width:1920px !important; left:50% !important; vertical-align:middle; margin:0 auto; text-align:center;}
.slider .slides img { width:1920px !important; height:600px; text-align:center; vertical-align:middle; position:relative; left:-50% !important; }
.av{ background:url(../images/bac2.png) no-repeat center top !important;width:24px !important;height:24px !important;}
.slidetip{ position:fixed; z-index:99; bottom:30px; left:48%;}
.slidetip a{display:block;width:24px;height:24px;background:url(../images/bac.png) no-repeat center top;} 


#main{width:100%;height:auto;margin:0 auto;}

/*搜索开始*/
.search{width:100%;height:58px;margin:0 auto;background:#f4f4f4;}
.search .im1{width:40px;height:58px;float:left;}
.search h2{width:100px;height:58px;line-height:58px;color:#2e2b24;float:left;font-size:14px;}
.search ul{width:558px;height:58px;float:left;}
.search ul li{min-width:700px;max-width:200px;float:left;margin-right:10px;margin-top:20px;height:58px;}
.search ul li a{color:#2e2b24;font-size:12px;line-height:58px;display:block;float: left;}
.search ul li img{width:16px;height:58px;float: left;}
.search .sec{width:340px;height:30px;float:right;position:relative;top:14px;}
.search .inputText{border:none;background:#fff;line-height:30px;letter-spacing:1px;color:#2e2b24;float:left;width:250px;padding-left:5px;}
.search .inputSubmit{width:80px;height:30px;float:left;background:#0e6eb8;border:none;color:#fff;}


.tit{wwidth:100%;height:125px;margin:0 auto;text-align:center;}
.tit a{display:block;width:100%;height:100%;text-align:center;}
.tit a img{width:380px;height:125px;margin:0 auto;}

.tit2{width:100%;height:175px;margin:0 auto;text-align:center;}
.tit2 a{display:block;width:100%;height:125px;text-align:center;}
.tit2 a img{width:380px;height:125px;margin:0 auto;}
.tit2 p{width:550px;height:auto;margin:0 auto;color:#a2a2a2;font-size:16px;text-align:center;}


/*间隔开始*/
.jian{width:100%;height:265px;background:#0f558d;clear:both;position:relative;}
.jian .left{width:25%;height:50%;position:relative;top:25%;float:left;}
.jian .left h1{font-size:4em;color:#fff;font-weight:normal;line-height:2em;}
.jian .left p{font-size:1.6em;color:#8caec8;line-height:2em;}
.jian .right{width:75%;height:50%;position:relative;top:25%;float:left;}
.clearfix::after { clear: both; content: "."; display: block; height: 0;  visibility: hidden;}
.clearfix {}
.product-num-box{  width: 100%; height:100%;}
.product-num-content{ width: 100%; height: 80%; margin: 0 auto;text-align: center;font-size: 0;}
.product-num-title{padding-top: 110px; margin-bottom: 30px; font-size: 42px;color: #fff;line-height: 45px;}
.product-num-text{font-size: 16px;color: #fff;line-height: 28px;}
.product-num-head{font-size: 0;}
.product-num-item{text-align: center;position: relative;display: inline-block;width: 20%;height: 100%;float: left;font-size: 45px;color: #fff;}
.product-num-item:hover .product-num-nub{color:#bf0406}
.product-num-jus{ display: inline-block;margin: 80px 0;width: 162px;height: 56px;font-size: 22px;color: #fff;line-height: 48px;letter-spacing: 2px;border: 4px solid #fff;cursor: pointer;font-weight: 500;-webkit-transition: all .3s linear;-moz-tran sition: all .3s linear;transition: all .3s linear;   text-decoration: none;}
.product-num-nub{display: inline-block;width:60%;font-size: 45px;color: #fff;line-height: 85px;height:85px;float:left;text-align:right;}
.product-num-add{display:block;width:40%;line-height:85px;float:left;text-align:left;}
.product-num-inf{position: relative;top: 30px;font-size: 14px;color: #fff;line-height: 0;margin:0 auto;text-align: center;width: 100%;display: block;}
.product-num-jus:hover{background-color: #fff;color: #3e88f1;}
.product-num-wan{ position:absolute;right: 55px;top: 0px;}







/*产品开始*/
.product{width:100%;height:500px;margin:0 auto;position:relative;clear:both;}
.product .mm{width:100%;height:730px;margin: 0 auto;clear: both;position:relative;}

.scrollpic {width: 1220px;margin:0 auto;}
#myscroll {display: block;width: 1120px;position: relative;	height: 300px;overflow: hidden;margin: auto;}
#myscroll #myscrollbox {display: block;	float: left;position: absolute;	left: 0;top: 0;	width: 1000000px;}
#myscroll ul {display: block;float: left;list-style-type: none;padding: 0;margin: 0;}
#myscroll ul li {display: block;float: left;padding: 0;width:280px;}
#myscroll ul li a {display: block;width: 250px;padding: 0;position: relative;height:300px;color: #333;margin: 0 auto;display: table-cell;  vertical-align: middle; text-align: center;}
#myscroll ul li a img{max-width:100%;max-height:100%;}

#myscroll a .intro {position: absolute;	left: 0px;bottom:0px;background:url(../images/hei.png) center top;z-index: 10;width: 100%;height:0px;color: #fff;-text-align: center;}
#myscroll a .intro h5 {padding: 0;margin: 0;font-size: 18px;height: 40px;width: 250px;line-height: 40px;font-weight:100;color: #333;float:left;}
#myscroll a .intro p{width:0px;height:0px;font-size:0px;}
#myscroll a:hover .intro p{position:absolute;top:120px;width:80%;left:10%;color:#cccece;font-size:15px;line-height:3;text-align:center;border-top:solid #fff 1px;}
#myscroll a:hover .intro {width:100%;height:100%;}
#myscroll a:hover .intro h5{color:#fff;position:absolute;top:80px;width:100%;text-align:center;}
#myscroll a:hover .intro font{position:absolute;right:30px;top: 220px;;background:url(../images/tou.png) no-repeat bottom left;}
#mybtns a:hover, #myscroll, #mybtns a, #myscroll a:hover .intro, #myscroll a .intro, #myscroll #myscrollbox {-webkit-transition: all 0.5s ease;	-moz-transition: all 0.5s ease;	-ms-transition: all 0.5s ease;	-o-transition: all 0.5s ease;transition: all 0.5s ease;}

#mybtns {margin: 10px 0;width: 1220px;display: block;height: 42px;top: 100px;position: absolute;}
#mybtns a {width: 42px;height: 42px;display: block;float: right;margin-right: 1px;margin-left:10px;}
#mybtns a:hover {background-color: #347fdc;}
#mybtns a:hover, #myscroll, #mybtns a, #myscroll a:hover .intro, #myscroll a .intro, #myscroll #myscrollbox {-webkit-transition: all 0.5s ease;	-moz-transition: all 0.5s ease;	-ms-transition: all 0.5s ease;	-o-transition: all 0.5s ease;	transition: all 0.5s ease;}
#mybtns #left {background-image: url(../images/jt_l.png);float:left;}
#mybtns #right {background-image: url(../images/jt_r.png);float:right;}
#kinMaxShow {visibility: hidden;width: 100%;height: 500px;overflow: hidden;}









/*产品开始*/
.product2 {width:100%;height:760px;background:#f4f4f4;margin:0 auto;position:relative;clear:both;}
.product2  .mm{width:100%;height:685px;margin: 0 auto;clear: both;position:relative;}
.product2  .left{width:270px;height:685px;background:#0e6eb8;float: left;margin-top: 50px;}
.product2  .left h2{width:100%;height:55px;position:relative;top:7px;}
.product2  .left h2 a{display:block;width:100%;color:#fff;font-size:30px;text-align:center;line-height:55px;letter-spacing:1px;}
.product2  .left h2:hover a{color:#f2f2f2;}
.product2  .left p{width:100%;height:32px;color:#5eb5f9;font-size:12px;text-align:center;line-height:32px;margin:0 auto;position:relative;top:7px;background:url(../images/protit2.png) no-repeat center center;}
.product2  .left ul{clear:both;position:relative;top:30px;background:#f2f2f2;width:264px;height: 565px;margin:0 auto;}
.product2  .left ul li{width:240px;height:38px;margin:0 auto;position: relative;top: 15px;border-bottom: dotted 1px #777;}
.product2  .left ul li a{display:block;width:80%;height:100%;font-size:14px;color:#767676;line-height:38px;padding-left: 10px;}
.product2  .left ul li a:hover{color:#0e6eb8;}
.product2  .left ul li:hover{background-position:top;}
.product2  .left ul h2{width:250px;height:40px;background:url(../images/protit3.png) no-repeat center center;margin:0 auto;position: relative;top: 15px;}
.product2  .left ul h2 a{width:240px;height:40px;position:relative;left:10px;display:block;color:#fff;line-height:40px;font-size:16px;}

.product2  .right{width:930px;height:675px;float:right;margin-top: 30px;}
.product2  .right ul{width:100%;height:100%;}
.product2  .right ul li{width:210px;height:330px;float:left;position:relative;margin-top:21px;margin-left:17px;border:solid #115c33 1px;}
.product2  .right ul li .img{display:block;width:210px;height:290px;}
.product2  .right ul li .img img{width:210px;height:290px;}
.product2  .right ul li .text{width: 100%;height: 40px;} 
.product2  .right ul li .text p{width:100%;height:40px;color:#2e2b24;text-align:center;line-height:40px;}
.product2  .right ul li .text p a{color:#2e2b24;text-align:center;line-height:40px;margin: 0 auto;display: block;font-size:16px;}
.product2  .right ul li:hover .text{background:#0e6eb8;}
.product2  .right ul li:hover .text p a {color:#fff;}




/*工程案例开始*/
.case{width:100%;height:635px;margin:0 auto;position:relative;clear:both;background:url(../images/case.jpg) no-repeat center top;}
.case .mm{clear:both;width:100%;height:400px;margin:0 auto;position:relative;top:10px;}
.case .mm .c1{width: 965px;height:235px;margin:0 auto;z-index:999;position: relative;}
.case .mm .c1 li{width:235px;height:235px;float:left;}
.case .mm .c1 li a{display:block;width:100%;height:100%;}
.case .mm .c1 li a .picture3{ width: 220px;  display: block;  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%); transition: 1s clip-path;position:relative;height: 220px;}
.case .mm .c1 li a .picture3:hover{ clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);z-index:1000 !important;}
.case .mm .c2{width:100%;height:235px;margin:0 auto;position:absolute;bottom: 30px;z-index:100;}
.case .mm .c2 li{width:235px;height:235px;float:left;}
.case .mm .c2 li a{display:block;width:100%;height:100%;}
.case .mm .c2 li a .picture3{ width: 220px;  display: block;  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%); transition: 1s clip-path;position:relative;height: 220px;}
.case .mm .c2 li a .picture3:hover{ clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);z-index:9999;}
.case .mm .c2:hover{z-index:9999;}









/*关于我们开始*/
.about{width:100%;height:695px;margin:0 auto;position:relative;clear:both;}
.about .left{width:160px;height:500px;float:left;position: relative;}
.about .left a{width:160px;height:500px;float:left;margin-bottom: 20px;margin-top:70px;}
.about .left a img{width:160px;height:500px; }
.about .right{height:255px;width:970px;float:right;margin-right:30px;position:relative;}
.about .right .titc{display:block;border:solid #0e6eb8 1px;background:#fdfefc;margin-top:70px;}
.about .right .titc img{width:965px;height:250px;border:solid #0e6eb8 1px;padding:5px;}
.about .right .info{width:845px;height:130px;margin:0 auto;overflow:hidden;margin-top:30px;}
.about .right .info p{width:100%;line-height:1.6;font-size:17px;color:#0e6eb8;}
.about .right .info:hover p{color:#04528d;}
.about .right ul{width:770px;height:120px;margin:0 auto;margin-top:30px;}
.about .right ul li{width:130px;height:130px;float:left;overflow:hidden;background:url(../images/abu.png) no-repeat center top;transition: all 0.3s ease-in 0ms;margin-left:60px;margin-right:60px;}
.about .right ul li a{display:block;width:100%;height:100%;text-align:center;color:#fff;font-size:20px;line-height:130px;}
.about .right ul li font{font-size:30px;line-height:130px;}
.about .right ul li:hover{background:url(../images/abu.png) no-repeat center bottom;}



/*news开始*/
.news{width:100%;height:615px;margin:0 auto;position:relative;clear:both;}
.news .left{width:235px;height:500px;float:left;position: relative;}
.news .left a{width:160px;height:500px;float:left;position:relative;top:30px;}
.news .left a img{width:160px;height:500px; }
.news .mid{width:240px;height:455px;float:left;position: relative;}
.news .mid a{width:240px;height:455px;;float:left;position:relative;top:70px;}
.news .mid a img{width:240px;height:455px; }

.news .right{height:450px;width:710px;float:right;position:relative;top: 120px;}
.news .right ul{width:100%;height:100%;}
.news .right ul li{width:100%;height:90px;float:left;margin-top:20px;}
.news .right ul li span{display:block;width:90px;height:90px;text-align:center;color:#fff;line-height:90px;font-size:32px;background:#0e6eb8;float: left;transition: all 0.3s ease-in 0ms;}
.news .right ul li .text{width:620px;height:90px;background:#e7e6e2;float: left;}
.news .right ul li .text a{width:98%;height:40px;line-height:40px;font-size:16px;color:#4e4d49;float:right;transition: all 0.3s ease-in 0ms;}
.news .right ul li .text p{width:98%;line-hgith:1.5;font-size:14px;color:#62615f;float:right;}
.news .right ul li:hover .text{background:#0e6eb8;}
.news .right ul li:hover .text a{color:#fff;}
.news .right ul li:hover .text p{color:#f1f1f1;}




footer{width:100%;height:330px;background:#0e6eb8;margin:0 auto;position:relative;}
.flogo{width:275px;height:330px;background:#5eb5f9;float: left;}
.flogo p{width:100%;height:auto;margin:0 auto;text-align:center;color:#fff;line-height:15px;font-size:18px;clear: both;margin-top:10px;}
.flogo .f1{margin-top:35px;}
.flogo .f1 img{width:150px;height:150px;}
.flogo .f2{font-size:36px;margin-top:30px;}



.fnav{width:870px;height:75px;float: right;border-bottom:solid #3b805a 2px;margin-top:30px;}
.fnav li{width:85px;height:70px;float:left;position:relative;top:17px;margin-left:5px;}
.fnav li a{color:#fff;width:100%;height:100%;display:block;text-align:center;line-height:75px;}
.fnav .first{border:none;}
.fpro{width:870px;height:130px;float:right;margin-top:15px;}
.fpro .ftit{width:100%;height:40px;float:left;color:#fff;font-size:18px;line-height:40px;}
.fpro li{width:50%;height:30px;float:left;}
.fpro li img{width:30px;height:30px;float:left;margin-right:10px;}
.fpro li span{display:block;width: 90%;height:30px;line-height:30px;float:left;color:#fff;}





.foot{width:885px;height:55px;float:right;border-top:solid #3b805a 2px;margin-top:10px;}
.foot p{width:100%;line-height:55px;text-align:left;color:#fff;}
.foot p a{color:#fff;}







/*在线客服*/
.rides-cs {  font-size: 12px; background:#5eb5f9; position: fixed; top: 215px; right: 0px; _position: absolute; z-index: 1500; border-radius:6px 0px 0 6px;}
.rides-cs a { color: #00A0E9;}
.rides-cs a:hover { color: #ff8100; text-decoration: none;}
.rides-cs .floatL { width: 36px; float:left; position: relative; z-index:1;margin-top: 21px;height: 181px;}
.rides-cs .floatL a { font-size:0; text-indent: -999em; display: block;}
.rides-cs .floatR { width: 130px; float: left; padding: 5px; overflow:hidden;}
.rides-cs .floatR .cn {background:#F7F7F7; border-radius:6px;margin-top:4px;}
.rides-cs .cn .titZx{ font-size: 14px; color: #333;font-weight:600; line-height:24px;padding:5px;text-align:center;}
.rides-cs .cn ul {padding:0px;}
.rides-cs .cn ul li {line-height:40px;min-height:40px;border-bottom: solid 1px #E6E4E4;overflow: hidden;text-align:center;}
.rides-cs .cn ul li span { color: #777;font-size:15px;display:block;float:left;text-align:center;}
.rides-cs .cn ul li img{float:left;padding:5px;}
.rides-cs .cn ul li font{color: #777;font-size: 16px;text-align: left;display: block;line-height:30px;padding-left:5px;}
.rides-cs .cn ul li p{color:#333;lin3-height:1.8;font-size:18px;font-weight:bold;}
.rides-cs .cn ul li a{color: #777;}
.rides-cs .cn ul .img img { vertical-align: middle;width:130px;height:130px;}
.rides-cs .cn ul .img{height:140px;text-align:center;}
.rides-cs .btnOpen, .rides-cs .btnCtn {  position: relative; z-index:9; top:25px; left: 0;  background-image: url(../images/lanrenzhijia.png); background-repeat: no-repeat; display:block;  height: 146px; padding: 8px;}
.rides-cs .btnOpen { background-position: 0 0;}
.rides-cs .btnCtn { background-position: -37px 0;}
.rides-cs ul li.top { border-bottom: solid #ACE5F9 1px;}
.rides-cs ul li.bot { border-bottom: none;}