@charset "utf-8";
*{ margin:0 auto; padding:0px 0px;}
body{ font-size: 87.25%; min-width: 1440px; color: #666;}
ul,ul li{ list-style:none; margin: 0; padding: 0;}
.fl{ float:left;}
.fr{ float:right;}
/*清除浮动*/

.clearfix:before, 
.clearfix:after{
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}
  
.clearfix {
zoom: 1;
}
a{ text-decoration:none;}
a,a:hover{ color: #666; }
.layout-w{ width: 1440px; margin: 0 auto;}
.layout-m{ min-width:1400px;   }
.img img{width: 100%;-webkit-transition: .4s;transition: .4s;}
.img:hover img{-webkit-transition: .4s;transition: .4s;-webkit-transform: scale(1.1);transform: scale(1.1);}

header.head{height: 105px; padding: 0 6%;}

@media screen and (max-width: 1400px) {
	header.head{ padding: 0 3%;}
}

.head_wrap{ height: 105px;}


.h_tool{ display: inline-block; float: right; }
.head_tel{ float: left; line-height: 90px; font-size: 0.875rem; }

/***nav***/
.nav_container{ float: right; width: 52%; width: 60%; margin-right: 3%; margin-top: 15px;}
.navbrand{ float: left; width: 100%; }
.navbrand ul{ height: 100%; }
.navbrand ul li{ /*width: 120px;*/ width: 14.2%;  float: left; position: relative;  }
/*.navbrand ul li:before{ content: ''; position: absolute;left: -3px; top: 24px; color: #999; }*/

.navbrand ul li>a{ width: 100%; color: #666; height: 90px; position: relative; display: inline-block; z-index: 20; text-align: center; line-height: 90px; transition: all .8s ease; text-transform: uppercase; font-size: 16px;}
.navbrand ul li>a:after{ width: 0%;  content:''; position: absolute; bottom: 0; left: 50%; transform: translate(-50%,0); border-bottom: 3px solid #000; transition: all 1s; }
.navbrand ul li>a:hover,.navbrand ul li>a.navdown{    }
.navbrand ul li>a:hover:after,.navbrand ul li>a.navdown:after{  width: 80%;   }



.navbrand ul li>.nav_kid{ width: 100%; position: absolute; top: 90px; left: 0; background: #000; z-index: 999; display: none; }
.navbrand ul li>.nav_kid>a{ width: 100%; height: 49px;display: inline-block;  line-height: 49px; color: #fff; border-bottom: 1px solid #bbb; text-align: center;}
.navbrand ul li>.nav_kid>a:hover{ background: url(../images/nav_kid_bg.jpg) repeat-x; color: #fff; }

.banner{ overflow: hidden; text-align: center; position:relative;}
.banner img{ display: inline-block; }

.bann{ width:100%;z-index:4;margin:0px auto; padding:0px 0px; position:absolute; top:0px; left:0px;}
.abs {position:relative; }
.bann .hd {bottom:40px;height:20px;left:0px;width:100%;}
.bann .hd ul {width:1200px;text-align:center;margin:0 auto;}
.bann .hd ul li {display:inline-block;border-radius:10px; list-style:none;background:#999;width:20px;height:20px;margin-left:15px;cursor:pointer;}
.bann .hd ul li {*display:inline;}
.bann .hd ul li.on { background:#d32739; cursor:pointer;}
.bann, .bann a {display:block;}
.bann .bd ul  li{margin:0 auto; padding:0px 0px;}

.bann .prev{position: absolute;z-index: 4;top: 50%;cursor: pointer;width: 46px; height: 48px;margin-top: -24px;left: 30px;
    background: url(../images/prevBtnTop.png);}


.bann .next{position: absolute;z-index: 4;top: 50%;cursor: pointer;width: 46px; height: 48px;margin-top: -24px;right: 30px;
    background: url(../images/nextBtnTop.png);}
	
.bx-wrapper{ margin-bottom: 0px; }
.bx-wrapper .bx-viewport{ border:none; left: 0; }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{ bottom: 40px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #15afca;}

#fullpage .section{
    overflow: hidden;
}

.continner{width: 1200px;margin: 0 auto;}

.index_title{text-align: center;}
.index_title .cn{font-size:40px;position: relative;bottom: -1080px;margin:5px 0px;color:#ee1d23;}
.index_title .en{font-size:20px;position: relative; bottom: -1080px;text-transform: uppercase; color:#ccc;}
.index_title .cnTxt{position: relative;bottom: -1080px;color:#999; font-size:20px;}


.text_content{font-size: 18px;line-height: 30px;text-indent: 36px;letter-spacing: 3px;}




.header-warp{
    height:114px;
    width: 100%; z-index:9999; position:fixed; left:0px; top:0px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;

}
.header-warp .continner{ width:1200px; height:114px;}
.header-warp .logo{float:left;width:165px;height:74px;margin:20px 0px; background:url(../images/logo.png) top center no-repeat;}
.header-fixed .logo{background:url(../images/logo2.png) top center no-repeat;}
.header-warp .logo img{ height:74px; width:165px;}
.header-warp .menu{ float:right; height:30px; padding:42px 0px;}


.nav li {width:70px;height:30px; line-height:30px; text-align:center;float:left;z-index:4;padding:0; margin:0 35px; list-style:none; font-size:16px;}
.nav li.current {}
.nav li:last-child{ margin-right:0px;}
.nav li a{ font-size:16px;color:#fff;height:30px; line-height:30px; position:relative; text-align:center; display:block; width:auto;}
.nav li.noline a { background:none;}
.nav li a:hover, .nav li.current a { color:#ee1d23;height:30px; line-height:30px;}

.nav li a span{position: absolute;width: 100%;height: 2px;position: absolute;left: 0;bottom: 0;}
.nav li a span::before{display: block;content: '';width:0%;height: 100%;background: #ee1d23;margin: 0 auto;-webkit-transition: .4s;transition: .4s;}
.nav li:hover  a{color: #ee1d23;-webkit-transition: .4s;transition: .4s;}
.nav li:hover  a span::before{width:70px;-webkit-transition: .4s;transition: .4s;}
.header-fixed{background: #fff;}
.header-fixed a{background: #fff;color: #000 !important;}

/*--首页案例展示----*/
.cases{ width:100%; position:relative; height:100%; background:url(../images/bg1.jpg) top center no-repeat;}
.cases .casesL{ width:430px; float:left;}
.cases .casesL .index_title{ text-align:left;}

.cases .casesL { left:-1000px; bottom:0px; margin-top:40px;}
.cases .casesL .index_title .en{ left:-1000px; bottom:0px;}
.cases .casesL .index_title .cn{ left:-1000px; bottom:0px;}
.cases .casesL .index_title .cnTxt{ left:-1000px; bottom:0px;}
.cases .casesLBox{ width:430px; float:left; margin-top:40px;left: -1000px;position: relative;}
.cases .casesLBox ul li{ width:380px; float:left; margin-bottom:30px;}
.cases .casesLBox ul li .casesImg{ display:block; float:left; width:380px; height:220px; overflow:hidden;}
.cases .casesLBox ul li .casesImg img{ width:380px; height:220px;}
.cases .casesLBox ul li .casesTxt{ width:100%; height:40px; line-height:40px; font-size:14px;}
.cases .casesR{ width:600px; float:left; margin-left:90px; margin-top:160px;position:relative; right:-1200px;}
.cases .casesR ul li{ width:300px; height:276px; float:left; display:block;}
.cases .casesR ul li a{ width:300px; height:276px; display:block; float:left;}
.cases .casesR ul li:nth-child(1) a{ background:url(../images/jr1.png) top center no-repeat;}
.cases .casesR ul li:nth-child(1) a:hover{ background:url(../images/jr1H.png) top center no-repeat;}
.cases .casesR ul li:nth-child(1) a.cru{ background:url(../images/jr1H.png) top center no-repeat;}


.cases .casesR ul li:nth-child(2) a{ background:url(../images/jr2.png) top center no-repeat;}
.cases .casesR ul li:nth-child(2) a:hover{ background:url(../images/jr2H.png) top center no-repeat;}
.cases .casesR ul li:nth-child(2) a.cru{ background:url(../images/jr1H.png) top center no-repeat;}


.cases .casesR ul li:nth-child(3) a{ background:url(../images/jr3.png) top center no-repeat;}
.cases .casesR ul li:nth-child(3) a:hover{ background:url(../images/jr3H.png) top center no-repeat;}
.cases .casesR ul li:nth-child(3) a.cru{ background:url(../images/jr1H.png) top center no-repeat;}


.cases .casesR ul li:nth-child(4) a{ background:url(../images/jr4.png) top center no-repeat;}
.cases .casesR ul li:nth-child(4) a:hover{ background:url(../images/jr4H.png) top center no-repeat;}
.cases .casesR ul li:nth-child(4) a.cru{ background:url(../images/jr1H.png) top center no-repeat;}


.service{width:100%; position:relative; height:100%; background:url(../images/bg2.jpg) top center no-repeat;}
.serviceBox{ width:1200px; float:left; margin-top:40px; position:relative; bottom:-1080px;}
.serviceBox ul li{ width:600px; height:334px; float:left;}
.serviceBox ul li a{ width:600px; height:334px; display:block; float:left;}
.serviceBox ul li:nth-child(1) a{ background:url(../images/service1.jpg) top center no-repeat;}
.serviceBox ul li:nth-child(1) a:hover{ background:url(../images/service1H.jpg) top center no-repeat;}

.serviceBox ul li:nth-child(2) a{ background:url(../images/service2.jpg) top center no-repeat;}
.serviceBox ul li:nth-child(2) a:hover{ background:url(../images/service2H.jpg) top center no-repeat;}


a.more{ display:block; margin:0px auto; padding:0px 40px; max-width:120px;height:47px; line-height:47px; color:#ee1d23;border:solid 2px #ee1d23; text-align:center; font-size:16px; margin-top:40px; position:relative; bottom:-1080px;}

.about{width:100%; position:relative; height:100%; background:url(../images/bg3.jpg) top center no-repeat;}
.about .aboutL{ width:500px; float:left; margin-top:360px;}
.about .aboutL .index_title{ text-align:left;}
.about .aboutL { left:-1000px; bottom:0px;}
.about .aboutL .index_title .en{ left:-1000px; bottom:0px;}
.about .aboutL .index_title .cn{ left:-1000px; bottom:0px;}

.about .aboutL .aboutLTxt{width:500px;float:left;font-size:15px;line-height:25px;left:-1000px;position:relative;margin-top:30px;}

.about .aboutR{ width:452px;float:left; margin-left:80px; margin-top:80px; right:-1200px; position:relative;}
.about .aboutR .aboutRTop{ background:url(../images/bb.png) top center no-repeat; width:345px; height:345px; margin:0px 53px; float:left;}
.about .aboutR .aboutRTop a{display:block; margin:0px auto; padding:0px 20px; max-width:100px;height:37px; line-height:37px; color:#fff;border:solid 2px #fff; text-align:center; font-size:16px; margin-top:220px;}

.about .aboutR .aboutRBot{ width:452px; float:left;}
.about .aboutR .aboutRBot label{ display:block; float:left; font-size:12px; color:#5a5a5a; line-height:1.5; padding:10px 0px;}
.about .aboutR .aboutRBot .ipt1{height: 38px;line-height: 38px; width:450px; border:solid 1px #e7e7e7; border-radius:3px; display:block; float:left; margin-bottom:20px;}
.about .aboutR .aboutRBot textarea{height: 60px;line-height: 38px; width:450px; border:solid 1px #e7e7e7; border-radius:3px; display:block; float:left;margin-bottom:20px;}
.about .aboutR .aboutRBot .btn1{ display:block; float:left; border:none; width:450px;border-radius:3px; text-align:center; color:#fff; height:40px; line-height:40px; background:#ef3125;}

.ys{width:100%; position:relative; height:100%; background:url(../images/bg4.jpg) top center no-repeat;}
.ysBox{ width:1200px; margin-top:100px; float:left;}
.ysBox ul{ margin-left:-112px;}
.ysBox ul li{ width:216px; float:left; margin-left:112px;}
.ys .more{ margin-top:100px;}


.lx{width:100%; position:relative; height:100%; background:#1c1a1d;}
.lx .index_title{ margin-top:100px;}
.lxBox{ width:800px; height:600px; background:url(../images/map.jpg) center center no-repeat;position:relative;bottom:-1080px;}
.lxBoxTxt{ background:url(../images/lxBg.png) top center no-repeat; color:#fff; width:290px; height:129px; padding:20px 25px; margin-top:270px; float:right; margin-right:130px;}
.lxBoxTxt h2{ display:block; float:left; font-size:38px; width:290px;}
.lxBoxTxt span{ display:block; float:left;line-height:1.5; width:290px;}
/*copyright*/
#footer{background:#201f25;color:#999999;}
#footer a{color:#999;}
#footer a:hover{color:#fff;}
.w84{ width:84%; margin:0 auto; padding:0px 0px;}
.foot{padding:50px 0;overflow:hidden;}
.foot .f-nav{float:left;width:10%;margin-top:20px; margin-right:30px;}

.f-nav1{width:260px;}
.f-nav1 ul li{width:50%; float:left;}

.foot .f-nav b{ display:block; width:100%; color:#fff; font-size:16px;}
.foot .f-nav a{display:inline-block;width:100%;font-size:14px;text-transform:uppercase; color:#999; line-height:30px;}
.foot .f-txt{background:url(../images/f-line.png) left center no-repeat;/*padding-left:40px;margin-left:40px;*/float:left;width:270px;margin-top:20px;}
.foot .f-txt b{display:block; width:100%; color:#fff; font-size:16px;}
.foot .f-txt span{ display:block; background:url(../images/lxIcon.png) 0px 8px no-repeat; padding-left:22px; line-height:26px;}
.f-ewm{float:right;text-align:center; margin-left:15px; margin-top:50px;}
.f-ewm p{font-size:12px;}
.friendlink{border-top:1px solid #333;border-bottom:1px solid #333;padding:15px 0;}
.friendlink a{padding:0 10px;}
.copyright{padding:15px 0;font-size:12px;}



.right-online{position: fixed;top:25%;right:0;width:43px;height:auto;z-index: 50;-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.right-online ul{width:100%;}
.right-online ul li{width:43px;height:43px;margin-bottom:1px;background:#fff;position: relative;}
.right-online ul li .drop-cont{min-width:120px;height:43px;background:#fff;position: absolute;display:none;right:43px;top:0;-webkit-transition:  all 0.4s;transition:  all 0.4s;}
.right-online ul li .drop-cont p{font-size:16px;line-height:43px;text-align: center;color:#999;}
.right-online ul li .drop-cont p:hover{color:#e77817;}
.right-online ul li a{display: block;width:100%;height:100%;text-align: center;line-height:43px;}
.right-online ul li a i{text-align: center;line-height:43px; height:43px;width:43px;color:#999;font-size:20px;-webkit-transition: all 0.4s;transition: all 0.4s; display:block;}
.right-online ul li:hover a i{color:#2898e6;}
.right-online ul li:hover .drop-cont{display: block;}
.right-online ul li.zxly{background:#2898e6;color:#fff;}
.right-online ul li.zxly i{color:#ffffff;}
.right-online ul li.zxly:hover i{color:#ffffff;}

.right-online ul li .drop-cont1 {width: 110px;padding: 10px;background: #fff;position: absolute;display: none;right: 43px;top: 0;-webkit-transition: all 0.4s;transition: all 0.4s;}
.right-online ul li .drop-cont1 img {width: 100%;}

.right-online ul li:hover .drop-cont1 {display: block;}

.right-online ul li a i.icon-zuoji{ background:url(../images/fIcon1.png) top center no-repeat;}
.right-online ul li a:hover i.icon-zuoji{ background:url(../images/fIcon1H.png) top center no-repeat;}

.right-online ul li a i.p_icon1{ background:url(../images/fIcon2.png) top center no-repeat;}
.right-online ul li a:hover i.p_icon1{ background:url(../images/fIcon2H.png) top center no-repeat;}

.right-online ul li a i.icon-xiaoxi{ background:url(../images/fIcon3.png) top center no-repeat;}
.right-online ul li a:hover i.icon-xiaoxi{ background:url(../images/fIcon3H.png) top center no-repeat;}

.right-online ul li a i.icon-up{ background:url(../images/fIcon4.png) top center no-repeat;}
.right-online ul li a:hover i.icon-up{ background:url(../images/fIcon4H.png) top center no-repeat;}



.head{position: fixed;top: 0;left: 0; height:80px;width: 100%;z-index: 999;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s; background:#fff;box-shadow:0 0 20px rgba(51,51,51,.5);}

.head.onslide{background:#fff;box-shadow:0 0 20px rgba(51,51,51,.2);}