@charset "utf-8";
/* CSS Document */
.wrap{ max-width:1200px; margin:0 auto; position:relative;}
.box{width:99%; margin:0 auto;}
.mob-nav{ display:none;}
.top{ height:90px; background:#fff; width:100%; z-index: 2000; box-shadow:0 0 0px rgba(0,0,0,0.2);position: relative;  border-bottom:1px #ccc solid;}


.top .logo img{ height:50px;margin-top:15px;}

/*nav*/

.T-nav{ z-index: 10; position:relative; border-right:1px #ccc solid;}
.T-nav > li{ float:left; padding:0 5px;position:relative;}
.T-nav > li > a{ display:block; line-height:90px; font-size:16px; text-align:center;  color:#000; position:relative; padding:0 10px; }
.T-nav > li > a.cur,.T-nav li a:hover{ color:#e62129; }
.T-nav > li .gdlt{width:150px; height:auto; position:absolute;top:100%;z-index:10;display:none;background-color:#f2f2f2; text-align:center;left:-27px; right:0;}
.T-nav > li .gdlt a{ line-height:24px;font-size:14px;display:block;width:100%;padding:5px 0;}



/*search*/

.lencot{ padding:13px 0;}


.lencot .lang{float:right; text-align:center;color:#666; }
.lencot .lang .lan{display:block; color:#666;  margin:0px 8px; font-size:14px; line-height:60px;background:url(../images/icon_l.png) no-repeat 23px center;}
.lencot .lang .lan img{width:15px;margin-right:25px;}

.lang-li{display:none;  position:absolute;width:100px; border-bottom:1px solid #e62129; padding:12px 0; background:#fff;}
.lang-li a{line-height:26px; display:block; background:none; text-align:left; padding:0 10px; color:#666;}
.lang-li a:hover{color:#000;}
.lencot .lang li:hover .lang-li{ display:block;}


.secloc{ margin-left:10px;  position:relative;z-index: 99 }
.secloc span{ display:block;height:60px; width:35px; background:url(../images/sear.png) no-repeat center center; cursor:pointer;}
.secloc p { position: absolute; background: #f2f2f2; box-shadow: 0 0 10px rgba(0,0,0,0.1); right: 45px; top: 10px; width: 300px; height: 35px; display:none;}
.secloc p .od01 { width: 265px; border: none; height: 35px; padding: 0 5px; float: left;background: #ccc;color:#fff;}
.secloc p .od02 { width: 35px;height: 35px; float: left; border: none; cursor: pointer; background: #000 url(../images/sear1.png) no-repeat center center;}



.back{position:absolute; right:0;top:0;}
.backTop {
    display: none;
    width: 50px;
    height: 50px;
    background:url(../images/backTop.png) no-repeat center;

    position: fixed;
    bottom: 200px;
    right: 20px;
}

.backTop:hover {
    cursor: pointer;
    background:url(../images/backTop.png) no-repeat center;
}


/**/
.in-pro-nav{padding:10px 0; overflow: hidden;width:100%; text-align:center;}


.in-pro-nav a{display:inline-block;  border:1px #ccc solid; padding:5px 15px; border-radius: 10px; line-height:26px; margin:5px;width:150px; text-align: center;background:linear-gradient(to bottom,#fff,#f2f2f2); transition: all .4s;  cursor: pointer;}
.in-pro-nav a:hover,.in-pro-nav a.active{background:linear-gradient(to bottom,#e62129,#c1171e);color:#fff;}

/*pro*/
.in-pro{width:100%; padding:20px 0; }
.in-tit{ text-align:center; line-height:55px; font-size:24px; }
.in-tit h2{line-height:55px; font-size:24px;padding-bottom:20px;display:block; text-transform: uppercase;}
.inprocon{display:block;}
.in-pro ul{padding:0 40px; }
.in-pro li{display:inline-block; overflow:hidden;}
.in-pro-li{border:1px #ccc solid; margin:20px 10px; padding:30px; overflow:hidden;}
.in-pro-img{width:100%; padding:20px 0; overflow:hidden;}
.in-pro-img img{height:195px; width:290px;}
.in-pro-text{width:100%; line-height:30px; text-transform: uppercase;}
.in-pro-text h3{line-height:30px; font-size:16px;}
.in-pro-text h3:after{content:""; background:#cc0000; height:2px; width:50px; display:block;}
.in-pro-text span{display:inline-block; padding-right:8px; padding-top:10px; color:#666; position:relative; padding-left:5px;}
.in-pro-text span:before{content:"";width:3px; height:3px; background:#cc0000; display:inline-block; border-radius:100%; line-height:10px;  position:absolute; top:60%; left:0;}


/*about*/
.in-about{background:#e9e8e8 url(../images/bg1.jpg) no-repeat bottom center;min-height:465px; padding:30px 0;width:100%; overflow: hidden;}

.in-about-con{fiont-size:14px; line-height:26px; text-align:center; padding:0 60px 60px 60px;}
.in-about-ul{width:100%;}
.in-about-ul li{float:left; text-align: center; width:33.3%; line-height:26px;}
.in-about-li {margin:10px 40px; position:relative;}
.in-about-li h2{font-size:18px; font-weight: lighter; background:url(../images/icon1.png) no-repeat top center;padding:40px 20px 0px; color:#000; text-transform: uppercase;}
.in-about-li h2 em{display:block; font-size:14px;}
.in-about-li p{ padding-top:10px; color:#333;}


/**/
.in-honor{padding:20px 0;width:100%; overflow: auto;}
.in-honor li{text-align:center; float:left; overflow:hidden;}
.in-honor-li{margin:0 20px;}
.in-honor-li img{height:350px;}

/**/
.in-services{ background:#000 url(../images/bg2.jpg) no-repeat top left; max-height:550px; color:#fff;width:100%; overflow: hidden; background-size:auto 100%;}
.in-service-left{width:60%;float:right; padding:100px 0; text-align: right; line-height:30px;}
.in-service-left h2{text-align:right;}
.in-service-left a{color:#fff; display:block; background:#e60012;width:150px; height:40px; text-align: center; float:right;margin-top:60px; border-radius: 20px; line-height:40px; text-transform: uppercase;}


/**/
.foot{background:#f7f5f6; padding-top:50px; overflow: hidden;}
.f-con{width:100%; padding-bottom:20px; }
.f-nav{width:60%; float:left;}
.f-nav li{display:inline-block; overflow: hidden; vertical-align:top;width:32%; line-height:26px;}
.f-nav li h3{font-size:16px; font-weight: lighter;}
.f-nav-ul{padding-top:20px; padding-right:20px;}
.f-nav-ul a{display:block;}
.f-contact{width:35%; float:right; line-height:26px;}
.f-contact h3{font-size:16px; font-weight: lighter; text-transform: capitalize;}
.f-contact p span{display:inline-block; padding-right:10px;}
.f-lx-con{padding-top:20px;}
.f-share{width:100%; padding-top:10px; padding-bottom:10px;}
.f-share a{display:inline-block; padding-right:5px; position:relative;}
.ico-wx{}
.wx-hov{ display:none;position:absolute; width:120px;  top:-140px;left:-45px; transition: all .3s;}
.ico-wx:hover .wx-hov{display:block;}
.copyright{width:100%; line-height:35px; overflow: hidden; text-align: center; border-top:1px #ccc solid;}
.copyright span{display:inline-block; padding-right:10px;}



/*nyban*/

.ny-ban{width:100%; height:250px; background-repeat: no-repeat;background-position:top right; background-size:100% auto;}

.ny-ban img{display:none;}
.ny-ban-con{width:100%; margin:0 auto; display:block; z-index: 9;}
.ny-ban-con h2{position:absolute;color:#000; font-size:30px; text-transform: uppercase; font-family:Arial; z-index: 9;top:100px;left:20px;line-height:40px;display:block; letter-spacing: 2px; opacity: 0.8;}

.ny-ban-con span{color:#fff; display:block; font-size:18px; font-style: oblique;  position:absolute; top:80px; line-height: 30px;z-index: 9;}
.ny-ban-con span em{padding-left:6em;font-style: oblique; }



/*content*/
.contain{padding:20px 0;  overflow: hidden; width:100%; line-height:26px; }
.ny-nav{width:100%; margin-bottom:30px; overflow: hidden; text-align:center; line-height:30px;}
.ny-nav li{display:inline-block; text-align: center;overflow: hidden; vertical-align: top; }
.ny-nav li a{color:#fff; font-size:16px;display:block;margin:10px; background:#cc0000; padding:3px 15px; border-radius: 10px; box-shadow: 2px 2px 15px #ccc;border:1px solid #cc0000; transition: all .3s;}
.ny-nav li:hover a,.ny-nav li a.cur{border:1px solid #cc0000; background:#fff;color:#cc0000;font-weight: bold;}

/**/
.gy-con{width:100%; padding:30px 0; line-height:26px; font-size:14px; color:#333;}
.gy-con h3{text-align:center; font-size:20px; line-height:40px; padding-bottom:20px; display:block; text-transform:capitalize;}


/**/
.gy-envi{width:100%; float:right;}
.gy-envi li{width:33.3%; float:left; text-align: center;}
.envi-img-li{margin:20px;}
.gy-envi li:hover{ opacity:0.9;}
.gy-hor{width:79%; float:right;}
.gy-hor li{width:33.3%; float:left; text-align: center;}


/**/
.lx-con{ padding-top:20px;}
.lx-con h2{font-size:30px;  line-height:45px;color:#cc0000; display:block; padding-bottom:30px; text-transform: capitalize;}
.lx-con h3{font-size:16px; color:#000; padding-bottom:20px;text-transform: capitalize;}
.lx-dt{width:100%; margin-top:20px;}



/**/
.pro-nav{width:20%; float:left;border:1px #ccc solid; margin-top:10px;border-radius: 5px 5px 0 0;}
.pro-tit{ background:#eee;border-bottom:1px #ccc solid; }
.pro-tit h2{line-height:30px; padding:20px 0; text-align: center; font-size:20px; text-transform: uppercase;color:#fff; background:#cc0000;border-radius: 5px 5px 0 0; }
.pro-nav ul{}
.pro-nav ul li{ border-bottom:1px #ccc solid;display:block;}
.pro-nav ul li a{display:block; padding:10px; line-height:30px; background:#f7f7f7;}
.pro-nav ul li:last-child{border-bottom:0px #ccc solid;}
.pro-nav ul li a:hover,.pro-nav ul li a.cur{ background:#cc0000;color:#fff;}

/**/
.pro-list{width:100%; overflow: hidden; float:right;}
.pro-list li{width:49%; float:left; line-height:26px;display:inline-block; overflow: hidden; vertical-align: bottom;}
.pro-con-li{margin:15px; padding:35px; box-shadow:0 0 20px #ccc;}
.pro-li-img{text-align:center; padding:0px 0; }
.pro-li-img img{ width:auto;height:240px;}
.pro-li-text{width:100%; padding-top:10px;}
.pro-li-text h3{font-size:16px; line-height:30px; display:block; padding-top:10px;color:#e62129;text-transform: uppercase;}
.pro-li-text span{display:inline-block; padding-right:10px; color:#666; text-transform: uppercase;}

.pro-info{width:100%; padding:20px 0;}
.pro-info-img{width:45%; float:left;}
.pro-info-img img{padding:0 20px;max-width:100%;}
.pro-info-text{width:50%; float:right; color:#000; font-size:16px;line-height:30px;}
.pro-info-text h2{color:#cc0000;border-bottom:1px #ccc solid; line-height:35px; display:block;margin-bottom:20px;}

.pro-detail{width:100%; overflow: hidden; padding-top:30px;}
.pro-detail .pro-de-nav{color:#333; display:block; font-size:16px; line-height:40px; width:100%; margin-bottom:20px;}
.pro-detail .pro-de-nav h3{float:left; border:0px #ccc solid; padding:0 15px; border-radius: 10px 10px 0 0; cursor: pointer; position:relative;display:block;}
.pro-detail .pro-de-nav h3.active:after{content:"\25BC"; display:block;  position:absolute; bottom:-25px; left:40%;color:#ccc;}
.pro-detail .pro-de-nav h3:hover,.pro-detail .pro-de-nav h3.active{color:#cc0000;background:#f2f2f2;}
.prodecon{width:100%; overflow: hidden; padding:15px;border-top:1px solid #ccc; display:none;}


.sear-list{width:100%; overflow: hidden;}
.sear-list li{width:33%;display:inline-block; overflow: hidden; vertical-align: top; }
.sear-li {padding:0 5px;}
.sear-list li:hover{}


/**/
.news-list{width:100%; overflow: hidden;}
.news-list li{width:100%; overflow: hidden; padding:10px 0; border-bottom:1px #ccc solid; line-height:26px; font-size:14px; color:#666; transition: all .4s;}
.news-li{padding:0 5px;}
.news-li h3{color:#333; font-size:16px; line-height:30px; display:block; padding-bottom:10px;}
.news-text{color:#666;}
.news-list li:hover{background:#f4f4f4;}

.news-con{width:100%; overflow: hidden;   line-height:26px; color:#666;}
.news-con h3{color:#000; font-size:20px; line-height:30px; display:block; padding-bottom:20px;}

@media screen and (max-width: 1200px) {

	.wrap{ width:98%; padding:0; margin:0 auto;}
	.backTop{right:10px;}
	
	.ny-ban{width:100%; height:auto; background-repeat: no-repeat;background-position:top right; background-size:100% auto; background:none!important;}

	.ny-ban img{display:block;}
	.ny-ban-con h2{top:60px;}
}


@media screen and (max-width: 1024px){
	


.top{ height:65px;}
.top .logo img{ height:50px;margin-top:3px;}
	
.T-nav{ height:100%; padding:0; position: absolute; margin:0; width:100%; left:0; overflow-x:hidden; overflow-y:auto; top:65px; background:rgba(255,255,255,0.9); display:none;}
.T-nav li{ display:block; width:100%; border-bottom:1px solid #ddd; margin:0;}
.T-nav > li a{ width:100%; text-align:left; padding:0 2%; line-height:45px; height:45px;}
.T-nav > li > a.cur{ background:none; color:#666;}
.T-nav li .gdlt{ position:relative; width:100%; top:0; padding:10px 0; background:none;}
.T-nav li .gdlt a{ padding:0 5%;}

.mob-nav{float: left;padding:15px 15px 0 10px;height:45px;display:block;float: right; cursor: pointer; background:#e62129;margin-top:8px; border-radius: 100%;width:45px;}
.mob-nav:before{content: '';display: block;width: 14px;height: 2px;background-color: #fff;transition: all .3s ease;-webkit-transition: all .3s ease;}
.mob-nav:after{content: '';display: block;width: 20px;height: 2px;background-color: #fff;transition: all .3s ease;-webkit-transition: all .3s ease;}
.mob-nav i{margin:5px 0;display: block;width: 25px;height: 2px;background-color: #fff;}
.mob-nav.active:before{width: 25px;}
.mob-nav.active:after{width: 25px;}
.mob-nav:hover{background:#000;}


.lencot{ padding:5px 0;}
.lencot .lang .lan{line-height:50px;}
.secloc span{ display:block;height:47px; width:47px; }
.secloc p{ top:49px;}
	
	.backTop{right:10px;}
	
	.in-services{background-size:auto 100%;}
	.in-service-left{float:left;width:100%; }
	
	
	
}
@media (max-width: 990px){
	

		

}

@media screen and (max-width: 768px){
	
	.top{ height:55px;}
	.top .logo img{ height:40px;margin-top:0px;}
	.T-nav{top:45px;}
	.mob-nav{height:40px; width:40px; margin-top:5px;padding:13px 10px 0 10px;}
	.lencot{padding:5px 0;}
	.lencot .lang .lan{line-height:40px;}
	.secloc span{ display:block;height:40px; width:47px; }
	.in-about{ height:100%;}
	.in-about-ul li{width:49%;display:inline-block; vertical-align: top; overflow: hidden;}
	.in-honor-li{margin:0 10px;}
	
	.ny-ban{height:auto; display:none;}
	.pro-nav{width:100%; float:left;border:1px #ccc solid; margin-top:10px;background:#f2f2f2;}
	.pro-tit{ background:#eee;display:none; }
	.pro-nav li{display:block;  border-right:1px #ccc solid; float:left; border-bottom:none!important;}
	.gy-hor,.pro-list{width:100%;}
	.pro-con-li{margin:10px;}
	.pro-list li{width:100%;}
	
	.sear-list li{width:49%;}
	
}


@media (max-width: 640px){
	
	.lencot{}
	.in-about{background:#e9e8e8 url(../images/bg1.jpg) no-repeat bottom left;min-height:465px; padding:30px 0;width:100%; overflow: hidden;}
	.in-about-con{padding:20px;}
	.in-about-ul li{width:50%; float:left;overflow: hidden; border:1px #ccc solid;}
	.in-about-li{padding:10px;margin:10px;}
	.in-about-ul li:first-child{border-right:none;border-bottom:none;}
	
	.in-services{background-size:100%!important; background-position:bottom left; height:260px;}
	.in-service-left{padding:5px 0;}
	.in-service-left a{margin-top:10px;height:30px; line-height:30px;width:120px;}
	.in-service-left h2{margin-bottom:0; line-heihgt:35px;display:block;}
	
	.f-nav,.f-contact{width:100%;}
	
	
	.gy-envi li,.gy-hor li{width:50%;}

	.envi-img-li{margin:10px;}
	
	
	
}

@media (max-width: 480px){
	.f-nav{display:none;}
	
	.in-about-ul li{width:100%;}
	.in-about-ul li:first-child{border-right:1px #ccc solid;border-bottom:0px #ccc solid;}
	.in-about-ul li:nth-child(2){border-bottom:0px #ccc solid;}
	.in-honor-li{margin:0 55px;}
}