@charset "utf-8";
/* CSS Document */
*{margin:0px;padding:0px;}
body{font-size:14px;font-family:"微软雅黑";background:#fff;position:relative;letter-spacing:1px;font-size:10px;}
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:94%;height:auto;margin:0 auto;position:relative;}
.public2{width:80%;height:auto;margin:0 auto;position:relative;}
.public3{width:1370px;height:auto;margin:0 auto;position:relative;}
.public4{width:1400px;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:5px;margin:0 auto;background:#0f426a}
.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:23px;font-weight:bold;font-style:italic;}
.logo p img{width:90px;height:60px;float:left;}

#header .logo .info {width:250px;height:40px;position:absolute;top:35px;right: 310px;}
#header .logo .info font{display:block;width:40px;height:40px;line-height:40px;float:left;font-style:normal;font-size:16px;}
#header .logo .info font a{color:#000;}
#header .logo .info img{width:40px;height:40px;float:left;}


.nav{width:100%;height:70px;background:#053154;}
.nav ul{width:100%;height:70px;margin:0 auto;}
.nav ul li{width:12%;height:40px;float:left;position:relative;top:15px;background:url(../images/nav.png) no-repeat left center;}
.nav ul li a{display:block;width:100%;height:100%;line-height:40px;color:#fff;text-align:center;font-size:1.4em;}
.nav ul li:hover a {color:#fff;height:40px;z-index:999;background:#bf0406;}
.nav ul .first{background:none !important; }
.nav ul .first a{color:#fff;}
/*banner开始*/
.banner { position: relative; height:625px; overflow: hidden;clear:both;margin:0px;padding:0px; z-index:90;}
.slider{ width:100%; height:625px; margin:0 auto; overflow:hidden;}
.slider{ }
.slider #slider1_container { position: relative; top: 0px; left: 0px; width:100%; height:625px; background:url(../images/shadow.png) bottom center no-repeat;}
.slider .slides { cursor: move; position: absolute; overflow: hidden; left: 0px; top: 0px; width:100%; height:625px;}
.slider .slides div{ width:100%; height:625px; 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:625px; 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;}
.tit{width:100%;height:77px;float:left;position:relative;padding-left:10px;border-left:solid #fff 2px;margin-top:85px;}
.tit h1{width:390px;height:50px;float:left;color:#fff;font-size:40px;font-weight:normal;text-align:left;line-height:50px;}
.tit h1 a{color:#fff;display:block;width:100%;height:100%;font-weight:normal;letter-spacing:5px;}
.tit p{height:27px;line-height:27px;font-size:16px;color:#8da0af;clear: both;letter-spacing:1px;width:40%;}
.tit h3{width:460px;height:77px;color:#fff;background:url(../images/more.png) center top;float:right;font-size:14px;font-weight:normal;text-align:right;line-height:77px;position: absolute;right: 0px;top: 0px;}
.tit h3 a{display:block;width:90%;height:100%;float:right;line-height:77px;color:#fff;padding-right:5px;}

.tit2{width:100%;height:100px;float:left;position:relative;padding-left:10px;margin-top:85px;}
.tit2 h1{width:100%;height:50px;float:left;color:#000;font-size:40px;font-weight:normal;text-align:left;line-height:50px;background:url(../images/catit.png) no-repeat center top;}
.tit2 h1 a{color:#000;display:block;width:100%;height:100%;font-weight:normal;letter-spacing:2px;display:block;text-align:center;}
.tit2 p{height:50px !important;width:100% !important;line-height:50px;font-size:16px;color:#4f4f4f;clear: both;letter-spacing:1px;width:40%;text-align:center;}


.tit3{width:100%;height:100px;float:left;position:relative;padding-left:10px;margin-top:85px;}
.tit3 h1{width:100%;height:50px;float:left;color:#000;font-size:40px;font-weight:normal;text-align:left;line-height:50px;background:url(../images/newtit.png) no-repeat center top;}
.tit3 h1 a{color:#fff;display:block;width:100%;height:100%;font-weight:normal;letter-spacing:2px;display:block;text-align:center;}
.tit3 p{height:50px !important;width:100% !important;line-height:50px;font-size:16px;color:#fff;clear: both;letter-spacing:1px;width:40%;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-transition: 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;}





/*关于我们开始*/
.about{width:100%;height:605px;background:url(../images/about.jpg) no-repeat center top;margin:0 auto;position:relative;clear:both;}
.about .left{width:590px;height:500px;float:left;padding-left:25px;position: relative;}
.about .left .aim{width:710px;height:170px;float:left;margin-bottom: 20px;margin-top:70px;}
.about .left .aim img{width:710px;height:170px; }
.about .left .hen{width:60px;height:2px;background:#a6a6a6;float:left;margin-top:10px;margin-bottom:10px;}
.about .left h1{width:100%;height:70px;line-height:70px;margin-top:20px;clear: both;font-size:24px;font-weight:normal;margin-bottom:10px;color:#3a3a3a;}
.about .left:hover h1{color:#bf0406;}
.about .left p{width:95%;height:auto;line-height:1.8;float:left;color:#5a5a5a;font-size:14px;}
.about .left:hover p{color:#666;}
.about .left .more4{border:solid #0f426a 1px;clear:both;display: block;width: 140px;height: 45px;text-align:center;line-height:45px;font-size:16px;color:#0f426a}
.about .left:hover .more4{background:#0f426a;color:#fff;}
.about .right{height:550px;width:1130px;float:right;margin-right:30px;position:relative;}
.about .right .titc{position:absolute;right: 20px;top: 125px;color:#d43310;font-size:20px;}
/* marqueeleft */
.marqueeleft{height: 520px;width: 1130px;overflow: hidden;margin-top: 50px;}
.marqueeleft ul{float:left;height: 520px;width: 2740px;}
.marqueeleft li{float:left;margin:0 5px;display:inline;width:330px;height:245px;overflow:hidden;margin-top:10px;}
.marqueeleft li .pic{display:block;width:330px;height:245px;padding:2px;overflow:hidden;}
.marqueeleft li .pic img{width:330px;height:245px;}
.marqueeleft li .txt{text-align:center;height:45px;line-height:45px;background:#6f7071;}
.marqueeleft li .txt a{display:block;width:95%;height:100%;color:#fff;text-align:left;padding-left:5%;font-size:1.5em;}
.marqueeleft li:hover .txt{background:#0d3256;}








/*产品开始*/
.product{width:100%;height:955px;background:url(../images/product.jpg) no-repeat center top;margin:0 auto;position:relative;clear:both;}
.product .mm{width:100%;height:730px;margin: 0 auto;clear: both;position:relative;top: 60px;}

/* slideTxtBox2 */
.slideTxtBox2{width:100%;height:226px;margin:0 auto;margin-top:10px;background:url(images/hjbbj_12.jpg) no-repeat;}
.slideTxtBox2 .hd{height:315px;width:205px;background:#205e9e;float:left;}
.slideTxtBox2 .hd ul{float:left;height:315px;}
.slideTxtBox2 .hd ul li{float:left;width:100%;height:60px;text-align:center;line-height:60px;font-weight:bold;color:#fff;font-size:15px;cursor:pointer;background:url(../images/pronav.jpg) no-repeat center top;}
.slideTxtBox2 .hd ul li a{color:#fff;}
.slideTxtBox2 .hd ul li a:hover{text-decoration:none;color:#121212;background:#f3f3f3;}
.slideTxtBox2 .hd ul li.on{color:#121212;background:#f3f3f3;}
.slideTxtBox2 .hd ul li.on a{color:#121212;}

.slideTxtBox2 .bd{width:100%;height:158px;margin:0 auto;line-height:32px;position: relative;clear:both;top: 30px;}
.slideTxtBox2 .bd .btn{width:1560px;height:315px;background:#fff;float:right;position:absolute;right:0px;top:-345px;}
.slideTxtBox2 .bd .btn .pimg{width:360px;height:290px;background:#fff;margin:13px;float:left;}
.slideTxtBox2 .bd .btn .pimg img{width:360px;height:290px;}
.slideTxtBox2 .bd .btn .artc{width:1140px;height:290px;margin:13px;float:left;text-align:left !important;}
.slideTxtBox2 .bd .btn .artc h1{line-height:50px;color:#000;font-size:24px;font-weight:normal;}
.slideTxtBox2 .bd .btn .artc .xian{display:block;width:55px;height:2px;background:#424243;float:left;clear:both;margin-bottom:30px;}
.slideTxtBox2 .bd .btn .artc p{line-height:2;font-size:14px;color:#6c6c6d;text-align:left;clear:both;}
.slideTxtBox2 .bd .btn .artc .more{display:block;width:90px;height:33px;line-height:33px;color:#fff;text-align:center;background:#205e9e;border-radius:8px;font-size:1.3em;float:right;}

.slideTxtBox2 .bd .hceg{width:345px;height:330px;margin-left:14px;float:left;}
.slideTxtBox2 .bd .hceg a{display:block;width:100%;height:100%;}
.slideTxtBox2 .bd .hceg a img{width:345px;height:275px;}
.slideTxtBox2 .bd .hceg a p{width:100%;height:55px;background:#e6e8e9;color:#333;font-size:16px;text-align:center;line-height:55px;transition:0.5s;}
.slideTxtBox2 .bd .hceg:hover a p{background:#205e9e;color:#fff;}




/*工程案例开始*/
.case{width:100%;height:735px;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:70px;}
.scrollpic {width: 100%;margin:0 auto;height: 450px;}
#myscroll {display: block;width: 100%;position: relative;height: 100%;overflow: hidden;}
#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:325px;height:285px;margin-left:15px;margin-right:15px;background:#fff;position:relative;}
#myscroll ul li a {display: block;float: left;width:325px;height:285px;padding: 0;position: relative;color: #333;}
#myscroll ul li a img{width:315px;height:230px;margin:5px;}
#myscroll a .intro {position: absolute;	left: 5px;bottom:5px;background:#fff;z-index: 10;width:315px;height:40px;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 font{width:50px;height:20px;background:url(../images/tou.png) no-repeat top left;display: block;float:right;position:relative;top:10px;}
#myscroll a .intro p{width:0px;height:0px;font-size:0px;}
#myscroll a:hover .intro p{position:absolute;top:110px;width:80%;left:10%;color:#cccece;font-size:15px;line-height:1.8;}
#myscroll a:hover .intro {width:315px;height:275px;background:url(../images/procc.png) no-repeat center top;}
#myscroll a:hover .intro h5{color:#fff;position:absolute;top:50px;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;}



.container {width: 100%;margin: 0 auto;}
#wraper {width: 100%;height: auto;padding-top: 17px;}
.contact {width: 268px;}
.contact .inner {padding-top: 15px;width:1000px;}
.contact .inner img {display: block;width: 259px;height: 76px;padding: 1px;border: 1px #ccc solid;}
.contact .inner p {padding-top: 5px;padding-left: 5px;line-height: 20px;color: #666;}
.slideTxtBox2 .wrap {margin-top: 10px;width: 100%;height: 450px;float: right;}
.pro_show .inner {width: 100%;height: 450px;}
.pro_show .inner ul {width: 100%;height: 450px;margin:0 auto;}
.pro_show .inner ul .hceg{display: block;float: left;padding: 0;width: 325px;height: 285px;margin-left: 15px;margin-right: 15px;background: #fff;position: relative;}
.pro_show .inner ul .hceg .img{display:block;width:315px;height:230px;margin:5px}
.pro_show .inner ul .hceg .img img{width:315px;height:230px;}
.pro_show .inner ul .hceg .text{width:100%;height:40px;background:#fff;margin:0 auto;display:block;position:relative;}
.pro_show .inner ul .hceg .text h1{width:250px;height:40px;line-height:40px;float: left;padding-left: 10px;color:#333;font-size:18px;font-weight:normal;}
.pro_show .inner ul .hceg .text span{width:50px;height:20px;background:url(../images/tou.png) no-repeat top left;display: block;float:right;position:relative;top:10px;}
.pro_show .inner ul .hceg .text p{width:0px;line-height:1.4;margin:0 auto;color:#12c2b2b;font-size:0px;text-align:left;position: relative;top: 15px;}

.pro_show .inner ul .hceg:hover .text{width:315px;height:275px;background:url(../images/procc.png) no-repeat center top;position:absolute;bottom:5px;right:5px;-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;}
.pro_show .inner ul .hceg:hover .text h1{color:#fff;position:absolute;top:50px;width:100%;text-align:center;}
.pro_show .inner ul .hceg:hover .text p{position:absolute;top:110px;width:80%;left:10%;color:#cccece;font-size:15px;line-height:1.8;}
.pro_show .inner ul .hceg:hover .text span{position:absolute;right:30px;top: 220px;;background:url(../images/tou.png) no-repeat bottom left;}



#demo{overflow:hidden;border:none;width:100%;height:450px;}
#indemo{float: left;width: 800%;}
#demo1{float: left;}
#demo2{float: left;}














/*news开始*/
.news{width:100%;height:740px;margin:0 auto;position:relative;clear:both;background:url(../images/news.jpg) no-repeat center top;}
.news .mm{width:100%;height:100%;position: relative;top: 91px;}
/* TTSlider */
.TTSlider{width:100%;height:auto;clear: both;position:relative;}
/* TTSliderPic */
.TTSliderPic{width:100%;height:370px;position:relative;z-index:1}
.TTSliderPicList{position:relative;overflow:hidden;width:100%;height:395px;}
.TTSliderPic ul{position:absolute;display:none;top:3px;left:0}
.TTSliderPic ul.show{display:block;width:100%!important;}
.TTSliderPic li img{width:150px }
.TTSliderPic li{width:330px;height:370px;float:left;margin-left:10px;margin-right:10px;}
.TTSliderPic li .img{display:block;width:330px;height:250px;overflow:hidden;}
.TTSliderPic li .img img{width:330px;height:250px;transition: all 0.8s;  }
.TTSliderPic li .more3{clear:both;display:block;width:90%;height:35px;margin:0 auto;text-align:left;color:#646464;font-size:12px;background:url(../images/tou.png) no-repeat bottom left;background: url(../images/tou.png) no-repeat bottom right;border-top:solid #d7d7d7 1px;position: relative;top: 10px;}
.TTSliderPic li .text{width:330px;height:115px;line-height:30px;text-align:center;color:#fff;background:#fff;}
.TTSliderPic li .text .tit2{display:block;width:90%;height:35px;margin:0 auto;color:#090909;line-height:35px;font-size:14px;text-align:left;margin-top: 10px;}
.TTSliderPic li .text .tit3{display:block;width:90%;height:20px;margin:0 auto;color:#7f7f7f;line-height:20px;font-size:12px;text-align:left;}
.TTSliderPic li .text p{display:block;width:280px;margin:0 auto;color:#f1f1f1;line-height:1.6;font-size:14px;text-align:left;}
.TTSliderPic li:hover .img img{transform: scale(1.2);}
.TTSliderPic li:hover .more3{}





#footer{width:100%;height:530px;margin:0 auto;position:relative;clear: both;background:url(../images/foot.jpg) no-repeat center top;}
#footer .f1{width:100%;height:100px;margin:0 auto;}
#footer .f1 .left{width:295px;height:100px;float:left;background:#3f3f3f;}
#footer .f1 .left a{display:block;width:100%;height:100%;}
#footer .f1 .left a img{width:295px;height:100px;}
#footer .f1 .right{width:1075px;height:100px;float:left;background:#113857;}
#footer .f1 .right p{width:267px;height:60%;float:left;color:#fff;font-size:15px;line-height:30px;text-align:center;position:relative;top:20%;border-left:solid #355671 1px;}
#footer .f2{width:100%;height:100px;margin:0 auto;background:url(../images/f2.jpg) no-repeat center top;}
#footer .f3{width:100%;height: 280px;margin:0 auto;}
#footer .f3 .flgo{width:295px;height:115px;float:left;background:#113857;}
#footer .f3 .flgo img{width:115px;height:115px;float:left;}
#footer .f3 .flgo p{width:135px;height:50px;float:right;color:#fff;font-size:18px;line-height:50px;margin-top:15px;}
#footer .f3 .flgo font{width:140px;height:50px;float:right;color:#7e93a4;font-size:14px;}
#footer .f3 .fnav{width:215px;height:235px;float:left;margin-left:75px;margin-top:40px;}
#footer .f3 .fnav h1{width:100%;height:auto;margin:0 auto;color:#fff;font-weight:normal;font-size:15px;margin-bottom:20px;line-height:1.6;}
#footer .f3 .fnav ul{width:100%;}
#footer .f3 .fnav ul li{width:85px;height:35px;float:left;}
#footer .f3 .fnav ul li a {display:block;width:100%;height:100%;color:#979797;line-height:35px;font-size:13px;}

#footer .f3 .fcon{width:215px;height:235px;float:left;margin-top:40px;}
#footer .f3 .fcon h1{width:100%;height:auto;margin:0 auto;color:#fff;font-weight:normal;font-size:15px;margin-bottom: 10px;line-height: 1.4;}
#footer .f3 .fcon p{width:100%;height:30px;color:#979797;line-height:30px;font-size:13px;}

#footer .f3 .ditu{width:525px;height:185px;float:left;margin-top:40px;margin-left:15px;}

#footer .f4{width:100%;height:50px;margin:0 auto;clear:both;}
#footer .f4 p{width:100%;height:50px;line-height:50px;color:#c4c4c4;font-size:13px;}
#footer .f4 p a{color:#c4c4c4;font-size:13px;}
#footer .f4 p span{float:right;}





/*在线客服*/
.rides-cs {  font-size: 12px; background:#af1116; 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;}




@media screen and (min-width: 1600px) and (max-width: 1910px) {
	

/*关于我们开始*/
.about{width:100%;height:605px;background:url(../images/about.jpg) no-repeat center top;margin:0 auto;position:relative;clear:both;}
.about .left{width:550px;height:500px;float:left;padding-left:0px;position: relative;}
.about .left .aim{width:450px;height:108px;}
.about .left .aim img{width:450px;height:108px;}






.about .right{height:550px;width:1030px;float:right;margin-right:30px;position:relative;}
/* marqueeleft */
.marqueeleft{height:500px;width:1030px;overflow:hidden;margin-top: 50px;}

/*产品开始*/
.product{width:100%;height:955px;background:url(../images/product.jpg) no-repeat center top;margin:0 auto;position:relative;clear:both;}
.product .mm{width:100%;height:730px;margin: 0 auto;clear: both;position:relative;top: 60px;}

/* slideTxtBox2 */
.slideTxtBox2{width:100%;height:226px;margin:0 auto;margin-top:10px;background:url(images/hjbbj_12.jpg) no-repeat;}
.slideTxtBox2 .bd{width:100%;height:158px;margin:0 auto;line-height:32px;position: relative;clear:both;top: 30px;}
.slideTxtBox2 .bd .btn{width:1260px;height:315px;background:#fff;float:right;position:absolute;right:0px;top:-345px;}
.slideTxtBox2 .bd .btn .artc{width:840px;height:290px;margin:13px;float:left;text-align:left !important;}
.slideTxtBox2 .bd .tempWrap{width:1490px !important;}

	
	}
	
	
	






@media screen and (min-width: 1440px) and (max-width: 1599px) {
	
.public{width:94%;height:auto;margin:0 auto;position:relative;}
.public2{width:80%;height:auto;margin:0 auto;position:relative;}
.public3{width:1370px;height:auto;margin:0 auto;position:relative;}
.public4{width:1400px;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:5px;margin:0 auto;background:#0f426a}
.logo{width:100%;height:105px;margin:0 auto;}
.logo .logo2{width: 740px;  height: 105px;margin:0 auto;display: block;float: left;}
.logo .logo2 img{    width: 740px; height: 105px;}
.logo p{width:330px;height:60px;float:right;font-size:16px;color:#636363;position:relative;top:25px;}
.logo p span{color:#000;font-size:23px;font-weight:bold;font-style:italic;}
.logo p img{width:90px;height:60px;float:left;}
.nav{width:100%;height:70px;background:#053154;}
.nav ul{width:100%;height:70px;margin:0 auto;}
.nav ul li{width:11%;height:40px;float:left;position:relative;top:15px;background:url(../images/nav.png) no-repeat left center;}
.nav ul li a{display:block;width:100%;height:100%;line-height:40px;color:#fff;text-align:center;font-size:1.4em;}
.nav ul li:hover a {color:#fff;height:40px;z-index:999;background:#bf0406;}
.nav ul .first{background:none !important; }
.nav ul .first a{color:#fff;}
/*banner开始*/
.banner { position: relative; height:625px; overflow: hidden;clear:both;margin:0px;padding:0px; z-index:90;}
.slider{ width:100%; height:625px; margin:0 auto; overflow:hidden;}
.slider{ }
.slider #slider1_container { position: relative; top: 0px; left: 0px; width:100%; height:625px; background:url(../images/shadow.png) bottom center no-repeat;}
.slider .slides { cursor: move; position: absolute; overflow: hidden; left: 0px; top: 0px; width:100%; height:625px;}
.slider .slides div{ width:100%; height:625px; 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:625px; 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;}
.tit{width:100%;height:77px;float:left;position:relative;padding-left:10px;border-left:solid #fff 2px;margin-top:85px;}
.tit h1{width:390px;height:50px;float:left;color:#fff;font-size:35px;font-weight:normal;text-align:left;line-height:50px;}
.tit h1 a{color:#fff;display:block;width:100%;height:100%;font-weight:normal;letter-spacing:5px;}
.tit p{height:27px;line-height:27px;font-size:14px;color:#8da0af;clear: both;letter-spacing:1px;width:45%;}
.tit h3{width:460px;height:77px;color:#fff;background:url(../images/more.png) center top;float:right;font-size:12px;font-weight:normal;text-align:right;line-height:77px;position: absolute;right: 0px;top: 0px;}
.tit h3 a{display:block;width:90%;height:100%;float:right;line-height:77px;color:#fff;padding-right:5px;}

.tit2{width:100%;height:100px;float:left;position:relative;padding-left:10px;margin-top:85px;}
.tit2 h1{width:100%;height:50px;float:left;color:#000;font-size:40px;font-weight:normal;text-align:left;line-height:50px;background:url(../images/catit.png) no-repeat center top;}
.tit2 h1 a{color:#000;display:block;width:100%;height:100%;font-weight:normal;letter-spacing:2px;display:block;text-align:center;}
.tit2 p{height:50px !important;width:100% !important;line-height:50px;font-size:16px;color:#4f4f4f;clear: both;letter-spacing:1px;width:40%;text-align:center;}


.tit3{width:100%;height:100px;float:left;position:relative;padding-left:10px;margin-top:85px;}
.tit3 h1{width:100%;height:50px;float:left;color:#000;font-size:40px;font-weight:normal;text-align:left;line-height:50px;background:url(../images/newtit.png) no-repeat center top;}
.tit3 h1 a{color:#fff;display:block;width:100%;height:100%;font-weight:normal;letter-spacing:2px;display:block;text-align:center;}
.tit3 p{height:50px !important;width:100% !important;line-height:50px;font-size:16px;color:#fff;clear: both;letter-spacing:1px;width:40%;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-transition: 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;}





/*关于我们开始*/
.about{width:100%;height:605px;background:url(../images/about.jpg) no-repeat center top;margin:0 auto;position:relative;clear:both;}
.about .left{width:400px;height:500px;float:left;padding-left:0px;position: relative;}
.about .left .aim{width:450px;height:108px;}
.about .left .aim img{width:450px;height:108px;}
.about .left .more4 { border: solid #0f426a 1px; clear: both;  display: block; width: 120px; height: 39px; text-align: center; line-height:39px; font-size: 14px;   color: #0f426a;}

.about .right{height:550px;width:830px;float:right;margin-right:30px;position:relative;}
.about .right .titc{position:absolute;right: 20px;top: 127px;color:#d43310;font-size:18px;}
/* marqueeleft */
.marqueeleft{height:500px;width:830px;overflow:hidden;margin-top:70px;}
.marqueeleft ul{float:left;height: 520px;width: 2080px;}
.marqueeleft li{float:left;margin:0 5px;display:inline;width:250px;height:185px;overflow:hidden;margin-top:20px;}
.marqueeleft li .pic{display:block;width:250px;height:185px;padding:2px;overflow:hidden;}
.marqueeleft li .pic img{width:250px;height:185px;}
.marqueeleft li .txt{text-align:center;height:45px;line-height:45px;background:#6f7071;}
.marqueeleft li .txt a{display:block;width:95%;height:100%;color:#fff;text-align:left;padding-left:5%;font-size:1.5em;}
.marqueeleft li:hover .txt{background:#0d3256;}








/*产品开始*/
.product{width:100%;height:910px;background:url(../images/product.jpg) no-repeat center top;margin:0 auto;position:relative;clear:both;}
.product .mm{width:100%;height:640px;margin: 0 auto;clear: both;position:relative;top: 60px;}

/* slideTxtBox2 */
.slideTxtBox2{width:100%;height:auto;margin:0 auto;margin-top:10px;background:url(images/hjbbj_12.jpg) no-repeat;}
.slideTxtBox2 .hd{height: 285px;width:205px;background:#205e9e;float:left;}
.slideTxtBox2 .hd ul{float:left;height: 285px;}
.slideTxtBox2 .hd ul li{float:left;width:100%;height:55px;text-align:center;line-height:55px;font-weight:bold;color:#fff;font-size:15px;cursor:pointer;background:url(../images/pronav.jpg) no-repeat center top;}

.slideTxtBox2 .bd{width:100%;height: 315px;margin:0 auto;line-height:32px;position: relative;clear:both;top: 30px;}
.slideTxtBox2 .bd .btn{width:1100px;height: 285px;background:#fff;float:right;position:absolute;right:0px;top:-315px;}
.slideTxtBox2 .bd .btn .pimg{width: 320px;height: 258px;background:#fff;margin:13px;float:left;}
.slideTxtBox2 .bd .btn .pimg img{width: 320px;height: 258px;}
.slideTxtBox2 .bd .btn .artc{width:700px;height:250px;margin:13px;float:left;text-align:left !important;}
.slideTxtBox2 .bd .btn .artc p{line-height:2;font-size:13px;color:#6c6c6d;text-align:left;clear:both;}

.slideTxtBox2 .bd .hceg{width:290px;height:295px;margin-left:14px;float:left;}
.slideTxtBox2 .bd .hceg a img{width:290px;height:250px;}
.slideTxtBox2 .bd .tempWrap{width:1490px !important;}
.slideTxtBox2 .bd .bdr{width:100%;height:100%;overflow:hidden;}


	}

@media screen and (min-width: 1360px) and (max-width: 1439px) {
	
		
.public{width:94%;height:auto;margin:0 auto;position:relative;}
.public2{width:80%;height:auto;margin:0 auto;position:relative;}
.public3{width:1250px;height:auto;margin:0 auto;position:relative;}
.public4{width:1200px;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:5px;margin:0 auto;background:#0f426a}
.logo{width:100%;height:100px;margin:0 auto;}
.logo .logo2{width:700px;height: 96px;margin:0 auto;display: block;float: left;}
.logo .logo2 img{width:700px;height: 96px;}
.logo p{width:330px;height:60px;float:right;font-size:14px;color:#636363;position:relative;top:25px;}
.logo p span{color:#000;font-size:19px;font-weight:bold;font-style:italic;}
.logo p img{width:75px;height:50px;float:left;}
.nav{width:100%;height:60px;background:#053154;}
.nav ul{width:100%;height:60px;margin:0 auto;}
.nav ul li{width:11%;height:40px;float:left;position:relative;top:10px;background:url(../images/nav.png) no-repeat left center;}
.nav ul li a{display:block;width:100%;height:100%;line-height:40px;color:#fff;text-align:center;font-size:1.4em;}
.nav ul li:hover a {color:#fff;height:40px;z-index:999;background:#bf0406;}
.nav ul .first{background:none !important; }
.nav ul .first a{color:#fff;}


#main{width:100%;height:auto;margin:0 auto;}
.tit{width:100%;height:77px;float:left;position:relative;padding-left:10px;border-left:solid #fff 2px;margin-top:85px;}
.tit h1{width:390px;height:50px;float:left;color:#fff;font-size:35px;font-weight:normal;text-align:left;line-height:50px;}
.tit h1 a{color:#fff;display:block;width:100%;height:100%;font-weight:normal;letter-spacing:5px;}
.tit p{height:27px;line-height:27px;font-size:14px;color:#8da0af;clear: both;letter-spacing:1px;width:45%;}
.tit h3{width:460px;height:77px;color:#fff;background:url(../images/more.png) center top;float:right;font-size:12px;font-weight:normal;text-align:right;line-height:77px;position: absolute;right: 0px;top: 0px;}
.tit h3 a{display:block;width:90%;height:100%;float:right;line-height:77px;color:#fff;padding-right:5px;}

.tit2{width:100%;height:100px;float:left;position:relative;padding-left:10px;margin-top:55px;}
.tit2 h1{width:100%;height:50px;float:left;color:#000;font-size:35px;font-weight:normal;text-align:left;line-height:50px;background:url(../images/catit.png) no-repeat center top;}
.tit2 h1 a{color:#000;display:block;width:100%;height:100%;font-weight:normal;letter-spacing:2px;display:block;text-align:center;}
.tit2 p{height:50px !important;width:100% !important;line-height:50px;font-size:16px;color:#4f4f4f;clear: both;letter-spacing:1px;width:40%;text-align:center;}


.tit3{width:100%;height:100px;float:left;position:relative;padding-left:10px;margin-top:85px;}
.tit3 h1{width:100%;height:50px;float:left;color:#000;font-size:40px;font-weight:normal;text-align:left;line-height:50px;background:url(../images/newtit.png) no-repeat center top;}
.tit3 h1 a{color:#fff;display:block;width:100%;height:100%;font-weight:normal;letter-spacing:2px;display:block;text-align:center;}
.tit3 p{height:50px !important;width:100% !important;line-height:50px;font-size:16px;color:#fff;clear: both;letter-spacing:1px;width:40%;text-align:center;}





/*间隔开始*/
.jian{width:100%;height:220px;background:#0f558d;clear:both;position:relative;}
.jian .left{width:25%;height:50%;position:relative;top:25%;float:left;}
.jian .left h1{font-size:3em;color:#fff;font-weight:normal;line-height:2em;}
.jian .left p{font-size:1.4em;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: 35px;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-transition: all .3s linear;transition: all .3s linear;   text-decoration: none;}
.product-num-nub{display: inline-block;width:60%;font-size: 35px;color: #fff;line-height: 75px;height:75px;float:left;text-align:right;}
.product-num-add{display:block;width:40%;line-height:75px;float:left;text-align:left;font-size: 35px}





/*关于我们开始*/
.about{width:100%;height:605px;background:url(../images/about.jpg) no-repeat center top;margin:0 auto;position:relative;clear:both;}
.about .left{width:400px;height:500px;float:left;padding-left:0px;position: relative;}
.about .left .aim{width:450px;height:108px;}
.about .left .aim img{width:450px;height:108px;}
.about .left .more4 { border: solid #0f426a 1px; clear: both;  display: block; width: 120px; height: 39px; text-align: center; line-height:39px; font-size: 14px;   color: #0f426a;}

.about .right{height:310px;width:830px;float:right;margin-right:30px;position:relative;}
.about .right .titc{position:absolute;right: 20px;top: 127px;color:#d43310;font-size:18px;}
/* marqueeleft */
.marqueeleft{height:310px;width:830px;overflow:hidden;margin: 230px 0px 0px 0px;}
.marqueeleft ul{float:left;height: 520px;width: 2740px;}
.marqueeleft li{float:left;margin:0 5px;display:inline;width:250px;height:230px;overflow:hidden;}
.marqueeleft li .pic{display:block;width:250px;height:185px;padding:2px;overflow:hidden;}
.marqueeleft li .pic img{width:250px;height:185px;}
.marqueeleft li .txt{text-align:center;height:45px;line-height:45px;background:#6f7071;}
.marqueeleft li .txt a{display:block;width:95%;height:100%;color:#fff;text-align:left;padding-left:5%;font-size:1.5em;}
.marqueeleft li:hover .txt{background:#0d3256;}






/*产品开始*/
.product{width:100%;height:910px;background:url(../images/product.jpg) no-repeat center top;margin:0 auto;position:relative;clear:both;}
.product .mm{width:100%;height:640px;margin: 0 auto;clear: both;position:relative;top: 60px;}

/* slideTxtBox2 */
.slideTxtBox2{width:100%;height:auto;margin:0 auto;margin-top:10px;background:url(images/hjbbj_12.jpg) no-repeat;}
.slideTxtBox2 .hd{height: 285px;width:205px;background:#205e9e;float:left;}
.slideTxtBox2 .hd ul{float:left;height: 285px;}
.slideTxtBox2 .hd ul li{float:left;width:100%;height:55px;text-align:center;line-height:55px;font-weight:bold;color:#fff;font-size:15px;cursor:pointer;background:url(../images/pronav.jpg) no-repeat center top;}

.slideTxtBox2 .bd{width:100%;height: 315px;margin:0 auto;line-height:32px;position: relative;clear:both;top: 30px;}
.slideTxtBox2 .bd .btn{width:1030px;height: 285px;background:#fff;float:right;position:absolute;right:0px;top:-315px;}
.slideTxtBox2 .bd .btn .pimg{width: 320px;height: 258px;background:#fff;margin:13px;float:left;}
.slideTxtBox2 .bd .btn .pimg img{width: 320px;height: 258px;}
.slideTxtBox2 .bd .btn .artc{width:650px;height:250px;margin:13px;float:left;text-align:left !important;}
.slideTxtBox2 .bd .btn .artc p{line-height:1.6;font-size:13px;color:#6c6c6d;text-align:left;clear:both;}

.slideTxtBox2 .bd .hceg{width:290px;height:295px;margin-left:14px;float:left;}
.slideTxtBox2 .bd .hceg a img{width:290px;height:250px;}
.slideTxtBox2 .bd .tempWrap{width:1490px !important;}
.slideTxtBox2 .bd .bdr{width:100%;height:100%;overflow:hidden;}









/*工程案例开始*/
.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:70px;}
.scrollpic {width: 100%;margin:0 auto;height: 450px;}
#myscroll {display: block;width: 100%;position: relative;height: 100%;overflow: hidden;}
#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:270px;height:260px;margin-left:15px;margin-right:15px;background:#fff;position:relative;}
#myscroll ul li a {display: block;float: left;width:270px;height:260px;padding: 0;position: relative;color: #333;}
#myscroll ul li a img{width:260px;height:210px;margin:5px;}
#myscroll a .intro {position: absolute;	left: 5px;bottom:5px;background:#fff;z-index: 10;width:265px;height:40px;color: #fff;-text-align: center;}
#myscroll a .intro h5 {padding: 0;margin: 0;font-size: 16px;height: 40px;width: 200px;line-height: 40px;font-weight:100;color: #333;float:left;}
#myscroll a .intro font{width:50px;height:20px;background:url(../images/tou.png) no-repeat top left;display: block;float:right;position:relative;top:10px;}
#myscroll a .intro p{width:0px;height:0px;font-size:0px;}
#myscroll a:hover .intro p{position:absolute;top:110px;width:80%;left:10%;color:#cccece;font-size:15px;line-height:1.8;}
#myscroll a:hover .intro {width:260px;height:250px;background:url(../images/procc.png) no-repeat center top;}
#myscroll a:hover .intro h5{color:#fff;position:absolute;top:50px;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;}




.container {width: 100%;margin: 0 auto;}
#wraper {width: 100%;height: auto;padding-top: 17px;}
.contact {width: 268px;}
.contact .inner {padding-top: 15px;width:100%;}
.contact .inner img {display: block;width: 259px;height: 76px;padding: 1px;border: 1px #ccc solid;}
.contact .inner p {padding-top: 5px;padding-left: 5px;line-height: 20px;color: #666;}
.slideTxtBox2 .wrap {margin-top: 10px;width: 100%;height: 450px;float: right;}
.pro_show .inner {width: 100%;height: 450px;}
.pro_show .inner ul {width: 100%;height: 450px;margin:0 auto;}
.pro_show .inner ul .hceg{display: block;float: left;padding: 0;width:270px;height:260px;margin-left: 15px;margin-right: 15px;background: #fff;position: relative;}
.pro_show .inner ul .hceg .img{display: block;width:260px;height:210px;margin:5px;padding: 0;position: relative;color: #333;}
.pro_show .inner ul .hceg .img img{width:260px;height:210px;}
.pro_show .inner ul .hceg .text{width:100%;height:40px;background:#fff;margin:0 auto;display:block;position:relative;}
.pro_show .inner ul .hceg .text h1{width:200px;height:40px;line-height:40px;float: left;padding-left: 10px;color:#333;font-size:18px;font-weight:normal;}
.pro_show .inner ul .hceg .text span{width:50px;height:20px;background:url(../images/tou.png) no-repeat top left;display: block;float:right;position:relative;top:10px;}
.pro_show .inner ul .hceg .text p{width:0px;line-height:1.4;margin:0 auto;color:#12c2b2b;font-size:0px;text-align:left;position: relative;top: 15px;}

.pro_show .inner ul .hceg:hover .text{width:260px;height:250px;background:url(../images/procc.png) no-repeat center top;position:absolute;bottom:5px;right:5px;-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;}
.pro_show .inner ul .hceg:hover .text h1{color:#fff;position:absolute;top:50px;width:100%;text-align:center;}
.pro_show .inner ul .hceg:hover .text p{position:absolute;top:110px;width:80%;left:10%;color:#cccece;font-size:15px;line-height:1.8;}
.pro_show .inner ul .hceg:hover .text span{position:absolute;right:30px;top: 220px;;background:url(../images/tou.png) no-repeat bottom left;}



#demo{overflow:hidden;border:none;width:100%;height:450px;}
#indemo{float: left;width: 800%;}
#demo1{float: left;}
#demo2{float: left;}
















/*news开始*/
.news{width:100%;height:740px;margin:0 auto;position:relative;clear:both;background:url(../images/news.jpg) no-repeat center top;}
.news .mm{width:100%;height:100%;position: relative;top: 101px;}
/* TTSlider */
.TTSlider{width:100%;height:auto;clear: both;position:relative;}
/* TTSliderPic */
.TTSliderPic{width:100%;height:370px;position:relative;z-index:1}
.TTSliderPicList{position:relative;overflow:hidden;width:100%;height:395px;}
.TTSliderPic ul{position:absolute;display:none;top:3px;left:0}
.TTSliderPic ul.show{display:block;width:100%!important;}
.TTSliderPic li img{width:150px }
.TTSliderPic li{width:280px;height:360px;float:left;margin-left:10px;margin-right:10px;}
.TTSliderPic li .img{display:block;width:280px;height:240px;overflow:hidden;}
.TTSliderPic li .img img{width:280px;height:240px;transition: all 0.8s;  }
.TTSliderPic li .more3{clear:both;display:block;width:90%;height:35px;margin:0 auto;text-align:left;color:#646464;font-size:12px;background:url(../images/tou.png) no-repeat bottom left;background: url(../images/tou.png) no-repeat bottom right;border-top:solid #d7d7d7 1px;position: relative;top: 10px;}
.TTSliderPic li .text{width:280px;height:105px;line-height:30px;text-align:center;color:#fff;background:#fff;}
.TTSliderPic li .text .tit2{display:block;width:90%;height:35px;margin:0 auto;color:#090909;line-height:35px;font-size:14px;text-align:left;margin-top: 10px;}
.TTSliderPic li .text .tit3{display:block;width:90%;height:20px;margin:0 auto;color:#7f7f7f;line-height:20px;font-size:12px;text-align:left;}
.TTSliderPic li .text p{display:block;width:280px;margin:0 auto;color:#f1f1f1;line-height:1.6;font-size:14px;text-align:left;}
.TTSliderPic li:hover .img img{transform: scale(1.2);}
.TTSliderPic li:hover .more3{}





#footer{width:100%;height:530px;margin:0 auto;position:relative;clear: both;background:url(../images/foot.jpg) no-repeat center top;}
#footer .f1{width:100%;height:81px;margin:0 auto;}
#footer .f1 .left{width:240px;height:81px;float:left;background:#3f3f3f;}
#footer .f1 .left a{display:block;width:100%;height:100%;}
#footer .f1 .left a img{width:240px;height:81px;}
#footer .f1 .right{width:1010px;height:81px;float:left;background:#113857;}
#footer .f1 .right p{width:250px;height:60%;float:left;color:#fff;font-size:15px;line-height:30px;text-align:center;position:relative;top:20%;border-left:solid #355671 1px;}
#footer .f2{width:100%;height:81px;margin:0 auto;background:url(../images/f2.jpg) no-repeat center top;}
#footer .f3{width:100%;height: 280px;margin:0 auto;}
#footer .f3 .flgo{width:295px;height:100px;float:left;background:#113857;}
#footer .f3 .flgo img{width:115px;height:100px;float:left;}
#footer .f3 .flgo p{width:135px;height:40px;float:right;color:#fff;font-size:16px;line-height:40px;margin-top:15px;}
#footer .f3 .flgo font{width:140px;height:40px;float:right;color:#7e93a4;font-size:12px;}
#footer .f3 .fnav{width:215px;height:235px;float:left;margin-left:55px;margin-top:40px;}
#footer .f3 .fnav h1{width:100%;height:auto;margin:0 auto;color:#fff;font-weight:normal;font-size:15px;margin-bottom:20px;line-height:1.6;}
#footer .f3 .fnav ul{width:100%;}
#footer .f3 .fnav ul li{width:85px;height:35px;float:left;}
#footer .f3 .fnav ul li a {display:block;width:100%;height:100%;color:#979797;line-height:35px;font-size:12px;}

#footer .f3 .fcon{width:215px;height:235px;float:left;margin-top:40px;}
#footer .f3 .fcon h1{width:100%;height:auto;margin:0 auto;color:#fff;font-weight:normal;font-size:15px;margin-bottom:20px;line-height:1.6;}
#footer .f3 .fcon p{width:100%;height:30px;color:#979797;line-height:30px;font-size:12px;}

#footer .f3 .ditu{width:430px;height:185px;float:left;margin-top:40px;margin-left:15px;overflow:hidden;}

#footer .f4{width:100%;height:50px;margin:0 auto;clear:both;position: relative;top: 38px;}
#footer .f4 p{width:100%;height:50px;line-height:50px;color:#c4c4c4;font-size:13px;}
#footer .f4 p a{color:#c4c4c4;font-size:13px;}
#footer .f4 p span{float:right;}


	}

@media screen and (max-width: 1350px) and (min-width: 1280px) {
	
		
.public{width:94%;height:auto;margin:0 auto;position:relative;}
.public2{width:80%;height:auto;margin:0 auto;position:relative;}
.public3{width:1250px;height:auto;margin:0 auto;position:relative;}
.public4{width:1200px;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:5px;margin:0 auto;background:#0f426a}
.logo{width:100%;height:100px;margin:0 auto;}
.logo .logo2{width: 600px;height: 82px;margin:0 auto;display: block;float: left;position:relative;top:9px;}
.logo .logo2 img{width: 600px;height: 82px;}
.logo p{width:330px;height:60px;float:right;font-size:14px;color:#636363;position:relative;top:25px;}
.logo p span{color:#000;font-size:19px;font-weight:bold;font-style:italic;}
.logo p img{width:75px;height:50px;float:left;}
.nav{width:100%;height:60px;background:#053154;}
.nav ul{width:100%;height:60px;margin:0 auto;}
.nav ul li{width:11%;height:40px;float:left;position:relative;top:10px;background:url(../images/nav.png) no-repeat left center;}
.nav ul li a{display:block;width:100%;height:100%;line-height:40px;color:#fff;text-align:center;font-size:1.4em;}
.nav ul li:hover a {color:#fff;height:40px;z-index:999;background:#bf0406;}
.nav ul .first{background:none !important; }
.nav ul .first a{color:#fff;}


#main{width:100%;height:auto;margin:0 auto;}
.tit{width:100%;height:77px;float:left;position:relative;padding-left:10px;border-left:solid #fff 2px;margin-top:85px;}
.tit h1{width:390px;height:50px;float:left;color:#fff;font-size:35px;font-weight:normal;text-align:left;line-height:50px;}
.tit h1 a{color:#fff;display:block;width:100%;height:100%;font-weight:normal;letter-spacing:5px;}
.tit p{height:27px;line-height:27px;font-size:14px;color:#8da0af;clear: both;letter-spacing:1px;width:45%;}
.tit h3{width:460px;height:77px;color:#fff;background:url(../images/more.png) center top;float:right;font-size:12px;font-weight:normal;text-align:right;line-height:77px;position: absolute;right: 0px;top: 0px;}
.tit h3 a{display:block;width:90%;height:100%;float:right;line-height:77px;color:#fff;padding-right:5px;}

.tit2{width:100%;height:100px;float:left;position:relative;padding-left:10px;margin-top:55px;}
.tit2 h1{width:100%;height:50px;float:left;color:#000;font-size:35px;font-weight:normal;text-align:left;line-height:50px;background:url(../images/catit.png) no-repeat center top;}
.tit2 h1 a{color:#000;display:block;width:100%;height:100%;font-weight:normal;letter-spacing:2px;display:block;text-align:center;}
.tit2 p{height:50px !important;width:100% !important;line-height:50px;font-size:16px;color:#4f4f4f;clear: both;letter-spacing:1px;width:40%;text-align:center;}


.tit3{width:100%;height:100px;float:left;position:relative;padding-left:10px;margin-top:85px;}
.tit3 h1{width:100%;height:50px;float:left;color:#000;font-size:40px;font-weight:normal;text-align:left;line-height:50px;background:url(../images/newtit.png) no-repeat center top;}
.tit3 h1 a{color:#fff;display:block;width:100%;height:100%;font-weight:normal;letter-spacing:2px;display:block;text-align:center;}
.tit3 p{height:50px !important;width:100% !important;line-height:50px;font-size:16px;color:#fff;clear: both;letter-spacing:1px;width:40%;text-align:center;}





/*间隔开始*/
.jian{width:100%;height:220px;background:#0f558d;clear:both;position:relative;}
.jian .left{width:25%;height:50%;position:relative;top:25%;float:left;}
.jian .left h1{font-size:3em;color:#fff;font-weight:normal;line-height:2em;}
.jian .left p{font-size:1.4em;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: 35px;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-transition: all .3s linear;transition: all .3s linear;   text-decoration: none;}
.product-num-nub{display: inline-block;width:60%;font-size: 35px;color: #fff;line-height: 75px;height:75px;float:left;text-align:right;}
.product-num-add{display:block;width:40%;line-height:75px;float:left;text-align:left;font-size: 35px}





/*关于我们开始*/
.about{width:100%;height:605px;background:url(../images/about.jpg) no-repeat center top;margin:0 auto;position:relative;clear:both;}
.about .left{width:400px;height:500px;float:left;padding-left:0px;position: relative;}
.about .left .aim{width:450px;height:108px;}
.about .left .aim img{width:450px;height:108px;}
.about .left .more4 { border: solid #0f426a 1px; clear: both;  display: block; width: 120px; height: 39px; text-align: center; line-height:39px; font-size: 14px;   color: #0f426a;}

.about .right{height:550px;width: 730px;float:right;margin-right:30px;position:relative;}
.about .right .titc{position:absolute;right: 20px;top: 127px;color:#d43310;font-size:18px;}
/* marqueeleft */
.marqueeleft{height:500px;width:730px;overflow:hidden;margin-top:50px;}
.marqueeleft ul{float:left;height: 520px;width: 2740px;}
.marqueeleft li{float:left;margin:0 5px;display:inline;width:250px;height:230px;overflow:hidden;margin-top:10px;}
.marqueeleft li .pic{display:block;width:250px;height:230px;padding:2px;overflow:hidden;}
.marqueeleft li .pic img{width:250px;height:230px;}
.marqueeleft li .txt{text-align:center;height:45px;line-height:45px;background:#6f7071;}
.marqueeleft li .txt a{display:block;width:95%;height:100%;color:#fff;text-align:left;padding-left:5%;font-size:1.5em;}
.marqueeleft li:hover .txt{background:#0d3256;}






/*产品开始*/
.product{width:100%;height:910px;background:url(../images/product.jpg) no-repeat center top;margin:0 auto;position:relative;clear:both;}
.product .mm{width:100%;height:640px;margin: 0 auto;clear: both;position:relative;top: 60px;}

/* slideTxtBox2 */
.slideTxtBox2{width:100%;height:auto;margin:0 auto;margin-top:10px;background:url(images/hjbbj_12.jpg) no-repeat;}
.slideTxtBox2 .hd{height: 285px;width:205px;background:#205e9e;float:left;}
.slideTxtBox2 .hd ul{float:left;height: 285px;}
.slideTxtBox2 .hd ul li{float:left;width:100%;height:55px;text-align:center;line-height:55px;font-weight:bold;color:#fff;font-size:15px;cursor:pointer;background:url(../images/pronav.jpg) no-repeat center top;}

.slideTxtBox2 .bd{width:100%;height: 315px;margin:0 auto;line-height:32px;position: relative;clear:both;top: 30px;}
.slideTxtBox2 .bd .btn{width:1030px;height: 285px;background:#fff;float:right;position:absolute;right:0px;top:-315px;}
.slideTxtBox2 .bd .btn .pimg{width: 320px;height: 258px;background:#fff;margin:13px;float:left;}
.slideTxtBox2 .bd .btn .pimg img{width: 320px;height: 258px;}
.slideTxtBox2 .bd .btn .artc{width:650px;height:250px;margin:13px;float:left;text-align:left !important;}
.slideTxtBox2 .bd .btn .artc p{line-height:1.6;font-size:13px;color:#6c6c6d;text-align:left;clear:both;}

.slideTxtBox2 .bd .hceg{width:290px;height:295px;margin-left:14px;float:left;}
.slideTxtBox2 .bd .hceg a img{width:290px;height:250px;}
.slideTxtBox2 .bd .tempWrap{width:1490px !important;}
.slideTxtBox2 .bd .bdr{width:100%;height:100%;overflow:hidden;}









/*工程案例开始*/
.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:70px;}
.scrollpic {width: 100%;margin:0 auto;height: 450px;}
#myscroll {display: block;width: 100%;position: relative;height: 100%;overflow: hidden;}
#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:270px;height:260px;margin-left:15px;margin-right:15px;background:#fff;position:relative;}
#myscroll ul li a {display: block;float: left;width:270px;height:260px;padding: 0;position: relative;color: #333;}
#myscroll ul li a img{width:260px;height:210px;margin:5px;}
#myscroll a .intro {position: absolute;	left: 5px;bottom:5px;background:#fff;z-index: 10;width:265px;height:40px;color: #fff;-text-align: center;}
#myscroll a .intro h5 {padding: 0;margin: 0;font-size: 16px;height: 40px;width: 200px;line-height: 40px;font-weight:100;color: #333;float:left;}
#myscroll a .intro font{width:50px;height:20px;background:url(../images/tou.png) no-repeat top left;display: block;float:right;position:relative;top:10px;}
#myscroll a .intro p{width:0px;height:0px;font-size:0px;}
#myscroll a:hover .intro p{position:absolute;top:110px;width:80%;left:10%;color:#cccece;font-size:15px;line-height:1.8;}
#myscroll a:hover .intro {width:260px;height:250px;background:url(../images/procc.png) no-repeat center top;}
#myscroll a:hover .intro h5{color:#fff;position:absolute;top:50px;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;}




.container {width: 100%;margin: 0 auto;}
#wraper {width: 100%;height: auto;padding-top: 17px;}
.contact {width: 268px;}
.contact .inner {padding-top: 15px;width:100%;}
.contact .inner img {display: block;width: 259px;height: 76px;padding: 1px;border: 1px #ccc solid;}
.contact .inner p {padding-top: 5px;padding-left: 5px;line-height: 20px;color: #666;}
.slideTxtBox2 .wrap {margin-top: 10px;width: 100%;height: 450px;float: right;}
.pro_show .inner {width: 100%;height: 450px;}
.pro_show .inner ul {width: 100%;height: 450px;margin:0 auto;}
.pro_show .inner ul .hceg{display: block;float: left;padding: 0;width:270px;height:260px;margin-left: 15px;margin-right: 15px;background: #fff;position: relative;}
.pro_show .inner ul .hceg .img{display: block;width:260px;height:210px;margin:5px;padding: 0;position: relative;color: #333;}
.pro_show .inner ul .hceg .img img{width:260px;height:210px;}
.pro_show .inner ul .hceg .text{width:100%;height:40px;background:#fff;margin:0 auto;display:block;position:relative;}
.pro_show .inner ul .hceg .text h1{width:200px;height:40px;line-height:40px;float: left;padding-left: 10px;color:#333;font-size:18px;font-weight:normal;}
.pro_show .inner ul .hceg .text span{width:50px;height:20px;background:url(../images/tou.png) no-repeat top left;display: block;float:right;position:relative;top:10px;}
.pro_show .inner ul .hceg .text p{width:0px;line-height:1.4;margin:0 auto;color:#12c2b2b;font-size:0px;text-align:left;position: relative;top: 15px;}

.pro_show .inner ul .hceg:hover .text{width:260px;height:250px;background:url(../images/procc.png) no-repeat center top;position:absolute;bottom:5px;right:5px;-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;}
.pro_show .inner ul .hceg:hover .text h1{color:#fff;position:absolute;top:50px;width:100%;text-align:center;}
.pro_show .inner ul .hceg:hover .text p{position:absolute;top:110px;width:80%;left:10%;color:#cccece;font-size:15px;line-height:1.8;}
.pro_show .inner ul .hceg:hover .text span{position:absolute;right:30px;top: 220px;;background:url(../images/tou.png) no-repeat bottom left;}



#demo{overflow:hidden;border:none;width:100%;height:450px;}
#indemo{float: left;width: 800%;}
#demo1{float: left;}
#demo2{float: left;}
















/*news开始*/
.news{width:100%;height:740px;margin:0 auto;position:relative;clear:both;background:url(../images/news.jpg) no-repeat center top;}
.news .mm{width:100%;height:100%;position: relative;top: 101px;}
/* TTSlider */
.TTSlider{width:100%;height:auto;clear: both;position:relative;}
/* TTSliderPic */
.TTSliderPic{width:100%;height:370px;position:relative;z-index:1}
.TTSliderPicList{position:relative;overflow:hidden;width:100%;height:395px;}
.TTSliderPic ul{position:absolute;display:none;top:3px;left:0}
.TTSliderPic ul.show{display:block;width:100%!important;}
.TTSliderPic li img{width:150px }
.TTSliderPic li{width:280px;height:360px;float:left;margin-left:10px;margin-right:10px;}
.TTSliderPic li .img{display:block;width:280px;height:240px;overflow:hidden;}
.TTSliderPic li .img img{width:280px;height:240px;transition: all 0.8s;  }
.TTSliderPic li .more3{clear:both;display:block;width:90%;height:35px;margin:0 auto;text-align:left;color:#646464;font-size:12px;background:url(../images/tou.png) no-repeat bottom left;background: url(../images/tou.png) no-repeat bottom right;border-top:solid #d7d7d7 1px;position: relative;top: 10px;}
.TTSliderPic li .text{width:280px;height:105px;line-height:30px;text-align:center;color:#fff;background:#fff;}
.TTSliderPic li .text .tit2{display:block;width:90%;height:35px;margin:0 auto;color:#090909;line-height:35px;font-size:14px;text-align:left;margin-top: 10px;}
.TTSliderPic li .text .tit3{display:block;width:90%;height:20px;margin:0 auto;color:#7f7f7f;line-height:20px;font-size:12px;text-align:left;}
.TTSliderPic li .text p{display:block;width:280px;margin:0 auto;color:#f1f1f1;line-height:1.6;font-size:14px;text-align:left;}
.TTSliderPic li:hover .img img{transform: scale(1.2);}
.TTSliderPic li:hover .more3{}





#footer{width:100%;height:530px;margin:0 auto;position:relative;clear: both;background:url(../images/foot.jpg) no-repeat center top;}
#footer .f1{width:100%;height:81px;margin:0 auto;}
#footer .f1 .left{width:240px;height:81px;float:left;background:#3f3f3f;}
#footer .f1 .left a{display:block;width:100%;height:100%;}
#footer .f1 .left a img{width:240px;height:81px;}
#footer .f1 .right{width:1010px;height:81px;float:left;background:#113857;}
#footer .f1 .right p{width:250px;height:60%;float:left;color:#fff;font-size:15px;line-height:30px;text-align:center;position:relative;top:20%;border-left:solid #355671 1px;}
#footer .f2{width:100%;height:81px;margin:0 auto;background:url(../images/f2.jpg) no-repeat center top;}
#footer .f3{width:100%;height: 280px;margin:0 auto;}
#footer .f3 .flgo{width:295px;height:100px;float:left;background:#113857;}
#footer .f3 .flgo img{width:115px;height:100px;float:left;}
#footer .f3 .flgo p{width:135px;height:40px;float:right;color:#fff;font-size:16px;line-height:40px;margin-top:15px;}
#footer .f3 .flgo font{width:140px;height:40px;float:right;color:#7e93a4;font-size:12px;}
#footer .f3 .fnav{width:215px;height:235px;float:left;margin-left:55px;margin-top:40px;}
#footer .f3 .fnav h1{width:100%;height:auto;margin:0 auto;color:#fff;font-weight:normal;font-size:15px;margin-bottom:20px;line-height:1.6;}
#footer .f3 .fnav ul{width:100%;}
#footer .f3 .fnav ul li{width:85px;height:35px;float:left;}
#footer .f3 .fnav ul li a {display:block;width:100%;height:100%;color:#979797;line-height:35px;font-size:12px;}

#footer .f3 .fcon{width:215px;height:235px;float:left;margin-top:40px;}
#footer .f3 .fcon h1{width:100%;height:auto;margin:0 auto;color:#fff;font-weight:normal;font-size:15px;margin-bottom:20px;line-height:1.6;}
#footer .f3 .fcon p{width:100%;height:30px;color:#979797;line-height:30px;font-size:12px;}

#footer .f3 .ditu{width:430px;height:185px;float:left;margin-top:40px;margin-left:15px;overflow:hidden;}

#footer .f4{width:100%;height:50px;margin:0 auto;clear:both;position: relative;top: 38px;}
#footer .f4 p{width:100%;height:50px;line-height:50px;color:#c4c4c4;font-size:13px;}
#footer .f4 p a{color:#c4c4c4;font-size:13px;}
#footer .f4 p span{float:right;}


	}




@media screen and (max-width: 1280px) {
	
		
.public{width:94%;height:auto;margin:0 auto;position:relative;}
.public2{width:80%;height:auto;margin:0 auto;position:relative;}
.public3{width:95%;height:auto;margin:0 auto;position:relative;}
.public4{width:94%;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:5px;margin:0 auto;background:#0f426a}
.logo{width:100%;height:100px;margin:0 auto;}
.logo .logo2{width: 600px;height: 82px;margin:0 auto;display: block;float: left;position:relative;top:9px;}
.logo .logo2 img{width: 600px;height: 82px;}
.logo p{width:330px;height:60px;float:right;font-size:14px;color:#636363;position:relative;top:25px;}
.logo p span{color:#000;font-size:19px;font-weight:bold;font-style:italic;}
.logo p img{width:75px;height:50px;float:left;}
.nav{width:100%;height:60px;background:#053154;}
.nav ul{width:100%;height:60px;margin:0 auto;}
.nav ul li{width:11%;height:40px;float:left;position:relative;top:10px;background:url(../images/nav.png) no-repeat left center;}
.nav ul li a{display:block;width:100%;height:100%;line-height:40px;color:#fff;text-align:center;font-size:1.4em;}
.nav ul li:hover a {color:#fff;height:40px;z-index:999;background:#bf0406;}
.nav ul .first{background:none !important; }
.nav ul .first a{color:#fff;}


#main{width:100%;height:auto;margin:0 auto;}
.tit{width:100%;height:77px;float:left;position:relative;padding-left:10px;border-left:solid #fff 2px;margin-top:85px;}
.tit h1{width:390px;height:50px;float:left;color:#fff;font-size:35px;font-weight:normal;text-align:left;line-height:50px;}
.tit h1 a{color:#fff;display:block;width:100%;height:100%;font-weight:normal;letter-spacing:5px;}
.tit p{height:27px;line-height:27px;font-size:14px;color:#8da0af;clear: both;letter-spacing:1px;width:45%;}
.tit h3{width:460px;height:77px;color:#fff;background:url(../images/more.png) center top;float:right;font-size:12px;font-weight:normal;text-align:right;line-height:77px;position: absolute;right: 0px;top: 0px;}
.tit h3 a{display:block;width:90%;height:100%;float:right;line-height:77px;color:#fff;padding-right:5px;}

.tit2{width:100%;height:100px;float:left;position:relative;padding-left:10px;margin-top:55px;}
.tit2 h1{width:100%;height:50px;float:left;color:#000;font-size:35px;font-weight:normal;text-align:left;line-height:50px;background:url(../images/catit.png) no-repeat center top;}
.tit2 h1 a{color:#000;display:block;width:100%;height:100%;font-weight:normal;letter-spacing:2px;display:block;text-align:center;}
.tit2 p{height:50px !important;width:100% !important;line-height:50px;font-size:16px;color:#4f4f4f;clear: both;letter-spacing:1px;width:40%;text-align:center;}


.tit3{width:100%;height:100px;float:left;position:relative;padding-left:10px;margin-top:85px;}
.tit3 h1{width:100%;height:50px;float:left;color:#000;font-size:40px;font-weight:normal;text-align:left;line-height:50px;background:url(../images/newtit.png) no-repeat center top;}
.tit3 h1 a{color:#fff;display:block;width:100%;height:100%;font-weight:normal;letter-spacing:2px;display:block;text-align:center;}
.tit3 p{height:50px !important;width:100% !important;line-height:50px;font-size:16px;color:#fff;clear: both;letter-spacing:1px;width:40%;text-align:center;}





/*间隔开始*/
.jian{width:100%;height:220px;background:#0f558d;clear:both;position:relative;}
.jian .left{width:25%;height:50%;position:relative;top:25%;float:left;}
.jian .left h1{font-size:3em;color:#fff;font-weight:normal;line-height:2em;}
.jian .left p{font-size:1.4em;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: 35px;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-transition: all .3s linear;transition: all .3s linear;   text-decoration: none;}
.product-num-nub{display: inline-block;width:60%;font-size: 35px;color: #fff;line-height: 75px;height:75px;float:left;text-align:right;}
.product-num-add{display:block;width:40%;line-height:75px;float:left;text-align:left;font-size: 35px}





/*关于我们开始*/
.about{width:100%;height:605px;background:url(../images/about.jpg) no-repeat center top;margin:0 auto;position:relative;clear:both;}
.about .left{width:400px;height:500px;float:left;padding-left:0px;position: relative;}
.about .left .aim{width:450px;height:108px;}
.about .left .aim img{width:450px;height:108px;}
.about .left .more4 { border: solid #0f426a 1px; clear: both;  display: block; width: 120px; height: 39px; text-align: center; line-height:39px; font-size: 14px;   color: #0f426a;}

.about .right{height:550px;width: 650px;float:right;margin-right:30px;position:relative;}
.about .right .titc{position:absolute;right: 20px;top: 127px;color:#d43310;font-size:18px;}
/* marqueeleft */
.marqueeleft{height:500px;width:650px;overflow:hidden;margin-top:70px;}
.marqueeleft ul{float:left;height: 520px;width: 2740px;}
.marqueeleft li{float:left;margin:0 5px;display:inline;width:250px;height:230px;overflow:hidden;margin-top:10px;}
.marqueeleft li .pic{display:block;width:250px;height:230px;padding:2px;overflow:hidden;}
.marqueeleft li .pic img{width:250px;height:230px;}
.marqueeleft li .txt{text-align:center;height:45px;line-height:45px;background:#6f7071;}
.marqueeleft li .txt a{display:block;width:95%;height:100%;color:#fff;text-align:left;padding-left:5%;font-size:1.5em;}
.marqueeleft li:hover .txt{background:#0d3256;}






/*产品开始*/
.product{width:100%;height:910px;background:url(../images/product.jpg) no-repeat center top;margin:0 auto;position:relative;clear:both;}
.product .mm{width:100%;height:640px;margin: 0 auto;clear: both;position:relative;top: 60px;}

/* slideTxtBox2 */
.slideTxtBox2{width:100%;height:auto;margin:0 auto;margin-top:10px;background:url(images/hjbbj_12.jpg) no-repeat;}
.slideTxtBox2 .hd{height: 285px;width:205px;background:#205e9e;float:left;}
.slideTxtBox2 .hd ul{float:left;height: 285px;}
.slideTxtBox2 .hd ul li{float:left;width:100%;height:55px;text-align:center;line-height:55px;font-weight:bold;color:#fff;font-size:15px;cursor:pointer;background:url(../images/pronav.jpg) no-repeat center top;}

.slideTxtBox2 .bd{width:100%;height: 315px;margin:0 auto;line-height:32px;position: relative;clear:both;top: 30px;}
.slideTxtBox2 .bd .btn{width:80%;height: 285px;background:#fff;float:right;position:absolute;right:0px;top:-315px;}
.slideTxtBox2 .bd .btn .pimg{width: 320px;height: 258px;background:#fff;margin:13px;float:left;}
.slideTxtBox2 .bd .btn .pimg img{width: 320px;height: 258px;}
.slideTxtBox2 .bd .btn .artc{width:55%;height:250px;margin:13px;float:left;text-align:left !important;}
.slideTxtBox2 .bd .btn .artc p{line-height:1.6;font-size:13px;color:#6c6c6d;text-align:left;clear:both;}

.slideTxtBox2 .bd .hceg{width:290px;height:295px;margin-left:14px;float:left;}
.slideTxtBox2 .bd .hceg a img{width:290px;height:250px;}
.slideTxtBox2 .bd .tempWrap{width:1490px !important;}
.slideTxtBox2 .bd .bdr{width:100%;height:100%;overflow:hidden;}









/*工程案例开始*/
.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:70px;}
.scrollpic {width: 100%;margin:0 auto;height: 450px;}
#myscroll {display: block;width: 100%;position: relative;height: 100%;overflow: hidden;}
#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:270px;height:260px;margin-left:15px;margin-right:15px;background:#fff;position:relative;}
#myscroll ul li a {display: block;float: left;width:270px;height:260px;padding: 0;position: relative;color: #333;}
#myscroll ul li a img{width:260px;height:210px;margin:5px;}
#myscroll a .intro {position: absolute;	left: 5px;bottom:5px;background:#fff;z-index: 10;width:265px;height:40px;color: #fff;-text-align: center;}
#myscroll a .intro h5 {padding: 0;margin: 0;font-size: 16px;height: 40px;width: 200px;line-height: 40px;font-weight:100;color: #333;float:left;}
#myscroll a .intro font{width:50px;height:20px;background:url(../images/tou.png) no-repeat top left;display: block;float:right;position:relative;top:10px;}
#myscroll a .intro p{width:0px;height:0px;font-size:0px;}
#myscroll a:hover .intro p{position:absolute;top:110px;width:80%;left:10%;color:#cccece;font-size:15px;line-height:1.8;}
#myscroll a:hover .intro {width:260px;height:250px;background:url(../images/procc.png) no-repeat center top;}
#myscroll a:hover .intro h5{color:#fff;position:absolute;top:50px;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;}




.container {width: 100%;margin: 0 auto;}
#wraper {width: 100%;height: auto;padding-top: 17px;}
.contact {width: 268px;}
.contact .inner {padding-top: 15px;width:100%;}
.contact .inner img {display: block;width: 259px;height: 76px;padding: 1px;border: 1px #ccc solid;}
.contact .inner p {padding-top: 5px;padding-left: 5px;line-height: 20px;color: #666;}
.slideTxtBox2 .wrap {margin-top: 10px;width: 100%;height: 450px;float: right;}
.pro_show .inner {width: 100%;height: 450px;}
.pro_show .inner ul {width: 100%;height: 450px;margin:0 auto;}
.pro_show .inner ul .hceg{display: block;float: left;padding: 0;width:270px;height:260px;margin-left: 15px;margin-right: 15px;background: #fff;position: relative;}
.pro_show .inner ul .hceg .img{display: block;width:260px;height:210px;margin:5px;padding: 0;position: relative;color: #333;}
.pro_show .inner ul .hceg .img img{width:260px;height:210px;}
.pro_show .inner ul .hceg .text{width:100%;height:40px;background:#fff;margin:0 auto;display:block;position:relative;}
.pro_show .inner ul .hceg .text h1{width:200px;height:40px;line-height:40px;float: left;padding-left: 10px;color:#333;font-size:18px;font-weight:normal;}
.pro_show .inner ul .hceg .text span{width:50px;height:20px;background:url(../images/tou.png) no-repeat top left;display: block;float:right;position:relative;top:10px;}
.pro_show .inner ul .hceg .text p{width:0px;line-height:1.4;margin:0 auto;color:#12c2b2b;font-size:0px;text-align:left;position: relative;top: 15px;}

.pro_show .inner ul .hceg:hover .text{width:260px;height:250px;background:url(../images/procc.png) no-repeat center top;position:absolute;bottom:5px;right:5px;-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;}
.pro_show .inner ul .hceg:hover .text h1{color:#fff;position:absolute;top:50px;width:100%;text-align:center;}
.pro_show .inner ul .hceg:hover .text p{position:absolute;top:110px;width:80%;left:10%;color:#cccece;font-size:15px;line-height:1.8;}
.pro_show .inner ul .hceg:hover .text span{position:absolute;right:30px;top: 220px;;background:url(../images/tou.png) no-repeat bottom left;}



#demo{overflow:hidden;border:none;width:100%;height:450px;}
#indemo{float: left;width: 800%;}
#demo1{float: left;}
#demo2{float: left;}
















/*news开始*/
.news{width:100%;height:740px;margin:0 auto;position:relative;clear:both;background:url(../images/news.jpg) no-repeat center top;}
.news .mm{width:100%;height:100%;position: relative;top: 101px;}
/* TTSlider */
.TTSlider{width:100%;height:auto;clear: both;position:relative;}
/* TTSliderPic */
.TTSliderPic{width:100%;height:370px;position:relative;z-index:1}
.TTSliderPicList{position:relative;overflow:hidden;width:100%;height:395px;}
.TTSliderPic ul{position:absolute;display:none;top:3px;left:0}
.TTSliderPic ul.show{display:block;width:100%!important;}
.TTSliderPic li img{width:150px }
.TTSliderPic li{width:265px;height:360px;float:left;margin-left:10px;margin-right:10px;}
.TTSliderPic li .img{display:block;width:265px;height:240px;overflow:hidden;}
.TTSliderPic li .img img{width:265px;height:240px;transition: all 0.8s;  }
.TTSliderPic li .more3{clear:both;display:block;width:90%;height:35px;margin:0 auto;text-align:left;color:#646464;font-size:12px;background:url(../images/tou.png) no-repeat bottom left;background: url(../images/tou.png) no-repeat bottom right;border-top:solid #d7d7d7 1px;position: relative;top: 10px;}
.TTSliderPic li .text{width:265px;height:105px;line-height:30px;text-align:center;color:#fff;background:#fff;}
.TTSliderPic li .text .tit2{display:block;width:90%;height:35px;margin:0 auto;color:#090909;line-height:35px;font-size:14px;text-align:left;margin-top: 10px;}
.TTSliderPic li .text .tit3{display:block;width:90%;height:20px;margin:0 auto;color:#7f7f7f;line-height:20px;font-size:12px;text-align:left;}
.TTSliderPic li .text p{display:block;width:280px;margin:0 auto;color:#f1f1f1;line-height:1.6;font-size:14px;text-align:left;}
.TTSliderPic li:hover .img img{transform: scale(1.2);}
.TTSliderPic li:hover .more3{}





#footer{width:100%;height:530px;margin:0 auto;position:relative;clear: both;background:url(../images/foot.jpg) no-repeat center top;}
#footer .f1{width:100%;height:81px;margin:0 auto;}
#footer .f1 .left{width:240px;height:81px;float:left;background:#3f3f3f;}
#footer .f1 .left a{display:block;width:100%;height:100%;}
#footer .f1 .left a img{width:240px;height:81px;}
#footer .f1 .right{width:78%;height:81px;float:left;background:#113857;}
#footer .f1 .right p{width: 24%;height:60%;float:left;color:#fff;font-size:15px;line-height:30px;text-align:center;position:relative;top:20%;border-left:solid #355671 1px;}
#footer .f2{width:100%;height:81px;margin:0 auto;background:url(../images/f2.jpg) no-repeat center top;}
#footer .f3{width:100%;height: 280px;margin:0 auto;}
#footer .f3 .flgo{width:295px;height:100px;float:left;background:#113857;}
#footer .f3 .flgo img{width:115px;height:100px;float:left;}
#footer .f3 .flgo p{width:135px;height:40px;float:right;color:#fff;font-size:16px;line-height:40px;margin-top:15px;}
#footer .f3 .flgo font{width:140px;height:40px;float:right;color:#7e93a4;font-size:12px;}
#footer .f3 .fnav{width:215px;height:235px;float:left;margin-left:55px;margin-top:40px;}
#footer .f3 .fnav h1{width:100%;height:auto;margin:0 auto;color:#fff;font-weight:normal;font-size:15px;margin-bottom:20px;line-height:1.6;}
#footer .f3 .fnav ul{width:100%;}
#footer .f3 .fnav ul li{width:85px;height:35px;float:left;}
#footer .f3 .fnav ul li a {display:block;width:100%;height:100%;color:#979797;line-height:35px;font-size:12px;}

#footer .f3 .fcon{width:215px;height:235px;float:left;margin-top:40px;}
#footer .f3 .fcon h1{width:100%;height:auto;margin:0 auto;color:#fff;font-weight:normal;font-size:15px;margin-bottom:20px;line-height:1.6;}
#footer .f3 .fcon p{width:100%;height:30px;color:#979797;line-height:30px;font-size:12px;}

#footer .f3 .ditu{width:300px;height:185px;float:left;margin-top:40px;margin-left:15px;overflow:hidden;}

#footer .f4{width:100%;height:50px;margin:0 auto;clear:both;position: relative;top: 38px;}
#footer .f4 p{width:100%;height:50px;line-height:50px;color:#c4c4c4;font-size:13px;}
#footer .f4 p a{color:#c4c4c4;font-size:13px;}
#footer .f4 p span{float:right;}


	}