@charset "utf-8";

/* CSS Document */

.conter{ width:1200px; margin-top:50px; position:relative; left:50%; margin-left:-600px; display:table;}

.fy{ width:100%; display:table;}

.fy a{ padding:5px 12px; background-color:#F8F8F8; color:#666666; font-size:13px; margin-right:4px;}

.fy a:hover{ background-color:#DB3717; color:#fff;}

.fy a.on{ background-color:#DB3717; color:#fff;}

.waper,

.news-list{ width:100%; display:table;}

.waper .Project li{ width:100%; display:table; margin-bottom:30px; cursor:pointer;}

.Project .Pro-lft{ float:left; width:700px; height:300px; position:relative; background-size:100% 100% !important;

	transition: all 3s cubic-bezier(0.65,0.65,0.65,0.65) 0s;

	-webkit-transition: all 3s cubic-bezier(0.65,0.65,0.65,0.65) 0s;

	-moz-transition: all 3s cubic-bezier(0.65,0.65,0.65,0.65) 0s;

	-o-transition: all 3s cubic-bezier(0.65,0.65,0.65,0.65) 0s;

}

.Project li:hover .Pro-lft{ background-size:105% 105% !important;}

.Project .Pro-rit{ float:left; width:500px; height:300px; background-color:#fff; position:relative;

	transition: all .4s cubic-bezier(0.45,0.65,0.65,0.45) 0s;

	-webkit-transition: all .4s cubic-bezier(0.45,0.65,0.65,0.45) 0s;

	-moz-transition: all .4s cubic-bezier(0.45,0.65,0.65,0.45) 0s;

	-o-transition: all .4s cubic-bezier(0.45,0.65,0.65,0.45) 0s;

}

.Project .pro-lt{ width:670px; height:270px; border:1px solid #fff; position:absolute; left:50%; margin-left:-335px; top:50%; margin-top:-135px;}

.Project .Pro-rit dl{ width:200px; height:180px; position:absolute; left:50%; margin-left:-100px; top:50%; margin-top:-90px;}

.Project .Pro-rit dl dt{ width:74px; height:74px; margin:0 auto; position:relative;}

.Project .Pro-rit dl dt u{ position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:url(../img/gc-ico1.png) no-repeat center center;

	opacity:1;

	-moz-opacity:1;

	-webkit-opacity:1;

	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);

	transition: all .4s cubic-bezier(0.45,0.65,0.65,0.45) 0s;

	-webkit-transition: all .4s cubic-bezier(0.45,0.65,0.65,0.45) 0s;

	-moz-transition: all .4s cubic-bezier(0.45,0.65,0.65,0.45) 0s;

	-o-transition: all .4s cubic-bezier(0.45,0.65,0.65,0.45) 0s;

}

.Project .Pro-rit dl dt i{ display:block; width:100%; height:100%; background:url(../img/gc-ico2.png) no-repeat center center;

	opacity:0;

	-moz-opacity:0;

	-webkit-opacity:0;

	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);

	transition: all .4s cubic-bezier(0.45,0.65,0.65,0.45) 0s;

	-webkit-transition: all .4s cubic-bezier(0.45,0.65,0.65,0.45) 0s;

	-moz-transition: all .4s cubic-bezier(0.45,0.65,0.65,0.45) 0s;

	-o-transition: all .4s cubic-bezier(0.45,0.65,0.65,0.45) 0s;

}

.Project .Pro-rit dl dd{ width:100%; text-align:center; margin-top:30px;}

.Project .Pro-rit dl dd h3{ font-size:15px; color:#000000;}

.Project .Pro-rit dl dd span{ display:block; width:30px; border:1px solid #E2E2E2; margin:20px auto 0;}

.Project .Pro-rit dl dd font{ display:block; font-size:12px; font-family:"Arial"; text-transform:uppercase; margin-top:20px; color:#CCCCCC;}

.waper .Project li:hover .Pro-rit{ background-color:#DB3717;}

.waper .Project li:hover .Pro-rit  dd h3{ color:#fff;}

.waper .Project li:hover dd span{ border-color:#fff;}

.waper .Project li:hover dl dd font{ color:#fff;}

.waper .Project li:hover .Pro-rit dl dt u{

	opacity:0;

	-moz-opacity:0;

	-webkit-opacity:0;

	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);

}

.waper .Project li:hover .Pro-rit dl dt i{

	opacity:1;

	-moz-opacity:1;

	-webkit-opacity:1;

	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);

}

.Project .pro-bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.4);

	opacity:0;

	-moz-opacity:0;

	-webkit-opacity:0;

	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);

	transition: all .4s cubic-bezier(0.45,0.65,0.65,0.45) 0s;

	-webkit-transition: all .4s cubic-bezier(0.45,0.65,0.65,0.45) 0s;

	-moz-transition: all .4s cubic-bezier(0.45,0.65,0.65,0.45) 0s;

	-o-transition: all .4s cubic-bezier(0.45,0.65,0.65,0.45) 0s;

}

.Project .pro-bg span{ display:block; width:670px; height:270px; border:1px solid #fff; position:absolute; left:50%; margin-left:-335px; top:50%; margin-top:-135px;}

.Project .pro-bg a{ display:block; width:100px; height:34px; background-color:#fff; position:absolute; left:50%; top:50%; margin-left:-50px; margin-top:-17px; text-align:center; line-height:34px; font-size:12px; text-transform:uppercase; color:#DB3717;}

.Project .pro-bg a:hover{ background-color:#DB3717; color:#fff;}

.waper .Project li:hover .pro-bg{

	opacity:1;

	-moz-opacity:1;

	-webkit-opacity:1;

	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);

}

.Project .ajx2 .Pro-lft,.Project .ajx4 .Pro-lft,.Project .ajx6 .Pro-lft{ float:right;}

.Project .ajx2 .Pro-rit,.Project .ajx4 .Pro-rit,.Project .ajx6 .Pro-rit{ float:left;}

.Project .ajx2 dl dt u{ background:url(../img/gc-ico3.png) no-repeat center center;}

.Project .ajx2 dl dt i{ background:url(../img/gc-ico4.png) no-repeat center center;}

.Project .ajx3 dl dt u{ background:url(../img/gc-ico5.png) no-repeat center center;}

.Project .ajx3 dl dt i{ background:url(../img/gc-ico6.png) no-repeat center center;}

.Project .ajx4 dl dt u{ background:url(../img/gc-ico7.png) no-repeat center center;}

.Project .ajx4 dl dt i{ background:url(../img/gc-ico8.png) no-repeat center center;}

.Project .ajx5 dl dt u{ background:url(../img/gc-ico9.png) no-repeat center center;}

.Project .ajx5 dl dt i{ background:url(../img/gc-ico10.png) no-repeat center center;}

.Project .ajx6 dl dt u{ background:url(../img/gc-ico11.png) no-repeat center center;}

.Project .ajx6 dl dt i{ background:url(../img/gc-ico12.png) no-repeat center center;}

.news-list{ width:1120px; padding:40px; background-color:#fff; margin-top:20px;}

.Accord{ width:100%; height:100px; display:table; background-color:#fff; position:relative;}

.Accord1 a{ float:left; width:50%; height:100px; text-align:center; line-height:100px; background-color:#fff;}

.Accord1 a font{ font-size:15px;}

.Accord1 a span{ display:inline-block; height:12px; border-left:1px solid #E2E2E2; vertical-align:middle; margin:0 10px;}

.Accord1 a small{ font-size:12px; text-transform:uppercase; color:#E2E2E2;}

.Accord1 a:hover{ background-color:#DB3717;}

.Accord1 a:hover font,.Accord a:hover small{ color:#fff;}

.Accord1 a.on{ background-color:#DB3717;}

.Accord1 a.on font,.Accord a.on small{ color:#fff;}

.sub-news{ width:100%;}

.sub-news li{ width:100%; display:table; margin-bottom:40px; padding-bottom:40px; border-bottom:1px solid #E2E2E2;}

.sub-news li dt{ float:left; width:199px; height:150px; overflow:hidden;}

.sub-news li dt img{ width:199px; height:130px;}

.sub-news li dt img:hover{ opacity:0.9;}

.sub-news li dd{ width:894px; float:right; position:relative;}

.sub-news li dd h6{ font-size:12px;/* margin-top:20px;*/ margin-bottom:3px; color:#999999;}

.sub-news li dd h3 a{ font-size:18px;}

.sub-news li dd h3 a:hover{ color:#DB3717;}

.sub-news li dd span{ display:block; width:30px; border-top:2px solid #E2E2E2; margin:17px 0;}

.sub-news li dd p{ width:776px; line-height:23px; color:#666; font-size:14px;}

.sub-news li dd small a{ position:absolute; right:0; top:50%; margin-top:-10px; display:block; width:20px; height:20px; font-size:14px; text-align:center; line-height:18px; border:1px solid #E2E2E2; color:#E2E2E2;}

.sub-news li dd small a:hover{ background-color:#DB3717; color:#fff; border-color:#DB3717;}

.Accord2 .return{ float:left; width:125px; height:40px; position:absolute; left:25px; top:50%; margin-top:-20px;}

.Accord2 .return a{ display:block; width:100%; height:40px; text-align:center; line-height:40px; border:1px solid #E2E2E2; color:#999999;}

.Accord2 .return a img{ vertical-align:middle;} 

.Accord2 .return a:hover{ border-color:#DB3717; color:#DB3717;}

.rit-mbx{ height:40px; position:absolute; right:25px; top:50%; margin-top:-280px;}

.rit-mbx2{ right:362px;}

.rit-mbx span,.rit-mbx font,.rit-mbx small,.rit-mbx a{ display:inline-block; font-size:12px; line-height:40px; margin-left:8px; color:#999999;} 

.rit-mbx a:hover{ color:#DB3717;}

.news-title{ width:100%; padding-bottom:18px; border-bottom:1px solid #E2E2E2;}

.news-title h2{ font-size:30px; color:#363636; text-align:center;}

.news-title p{ margin-top:30px; text-align:center; font-size:12px; color:#999999; font-family:"宋体";}

.news-title p font,.news-title p span{ display:inline-block; margin-right:15px;}

.news-title p span{ height:10px; border-right:1px solid #999999; vertical-align:middle;}

.news-cot h5{ font-size:13px; font-weight:bold; color:#363636; margin-top:40px;}

.news-cot p{ margin-top:40px; font-size:12px; color:#999999; line-height:23px;}

.news-fp{ width:100%; border-top:1px solid #E2E2E2; margin-top:40px; padding-top:40px;}

.news-fp p{ float:left; color:#666666;}

.news-fp p a{ color:#666666;}

.news-fp p a:hover{ color:#DB3717;}

.buck-banner{ width:1920px; height:299px; position:relative; left:50%; margin-left:-960px; margin-top:20px;}

.buck-banner img{ width:1920px; height:299px;}

.intro{ width:1920px; height:55px; position:relative; left:50%; margin-left:-960px; background:url(../images/buck-bg.jpg) no-repeat right center; display:table;}

.intro .sub-intro{ width:1560px; height:55px; float:right; position:relative;}

.intro-tit{ position:absolute; left:0; top:-320px;}

.info-warm{ width:100%; display:table;}

.info-warm .warm-lft{ float:left; width:550px;}

.info-warm .warm-lft h3{ font-size:26px; color:#DB3717;}

.info-warm .warm-lft p{ font-size:13px; color:#666666; line-height:23px; margin-bottom:22px;}

.info-warm .warm-lft span{ display:block; width:35px; border-bottom:2px solid #DB3717; margin:35px 0;}

.info-warm .warm-rit{ float:right; width:445px;}

.warm-tit{ width:1920px; height:195px; position:relative; left:50%; margin-left:-960px; margin-top:100px; background:url(../images/buck-bg.jpg) no-repeat left center; display:table;}

.warm-tit .sub-warm-tit{ width:1260px; height:195px; position:absolute; left:0; top:0;}

.warm-tit .sub-warm-tit .sub-tit{ width:340px; height:90px; text-align:center; position:absolute; right:120px; top:50%; margin-top:-45px; background:url(../images/buck-tit.png) no-repeat center bottom;}

.warm-tit .sub-warm-tit .sub-tit h3{ font-size:40px; color:#DB3717; font-family:"Constantia"; text-transform:uppercase;}

.warm-tit .sub-warm-tit .sub-tit h5{ font-size:16px; color:#000; letter-spacing:10px;}

.warm-list{ width:100%; margin-top:100px; display:table;}

.warm-list .cuper li{ width:100%; display:table; margin-bottom:115px; border-bottom:1px solid #F8F8F8;}

.warm-list .cuper li dt{ float:right; width:550px; height:100px;}

.warm-list .cuper li dd{ float:left; width:554px;}

.warm-list .cuper li dd h4{ float:left; width:80px; height:80px; border-radius:50%; background-color:#DB3717; text-align:center; line-height:80px; font-size:15px; color:#fff; vertical-align:middle;}

.warm-list .cuper li dd p{ float:right; width:437px; margin-top:13px; line-height:24px; color:#666666;}

.warm-list .cuper .mx2 dt,.warm-list .cuper .mx4 dt{ float:left;}

.warm-list .cuper .mx2 dd,.warm-list .cuper .mx4 dd{ float:right;}

.warm-list .cuper .mx2 dd h4,.warm-list .cuper .mx4 dd h4{ background-color:#FF9E20;}

.warm-list .cuper .mx2 dd p{ margin-top:5px;}

.warm-list .cuper .mx3 dd p{ margin-top:29px;}



#wrapper{

	width: 100%;

	background: #000;

	opacity: 0;

	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);

	position: absolute;

	z-index: 100;

	left: 0;

	top: 0;

}

#imloading{width:150px;

	height:30px; 

	line-height:30px; 

	font-size:16px; 

	text-align:center; 

	border-radius:3px; 

	background-color:rgba(0,0,0,0.5); 

	margin:30px auto 30px; 

	color:#fff; 

	display:none;

}

.conter2{ margin-top:0px;}

.fy2{ margin-top:50px; display:none;}

.content{

	width: 100%;

	margin: 0 auto;

}

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

	.content{

	   width: auto !important;

	   margin: 0 auto;

  }	

}

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

	.content{

		width: 97%;

		margin: 0 auto;

	}

	

}

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

	.content{

		width: 95%;

		margin: 0 auto;

	}

}

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

	.content{

		width: 94%;

		margin: 0 auto;

	}

}

@media only screen and (max-width: 720px) and (-webkit-min-device-pixel-ratio : 1.0) and (orientation:landscape){

	.content .rec_con ul li{

		width: 240px;

		height: 180px;

		margin-top: 10px;

	}

	.content .rec_con ul li img{

		width: 240px;

		height: 180px;

	}

}

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

	.content{

		width: 100%;

	}



}

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

	.content{

		width: 240px;

	}

}

.waterfull{

	margin: 0 auto;

}

.waterfull ul li{

	float: left;

	width: 285px;

	margin-top:20px;

	margin-right:20px;

	position: relative;

	overflow: hidden;

}

.waterfull ul li .a-img{

	width: 285px;

	display: block;

	position: relative;

}

.waterfull ul li .a-img img{

	width: 100%;

	margin:0 auto;

	display: block;

	min-height: 250px;

}

.waterfull ul li .a-img font{ position:absolute; left:50%; margin-left:-45%; top:5%;  display:block; width:90%; height:90%;}

.waterfull ul li .a-img font span{ position:absolute; display:block;} 

.waterfull ul li .a-img font .it-top{ 

    left:0; 

	top:0; 

	width:0%;

	border-top:1px solid #fff;

	-webkit-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;

	-moz-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;

	-o-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;

	transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;	

}

.waterfull ul li .a-img font .it-bom{

    right:0;

    bottom:0; 

    width:0%;

    border-bottom:1px solid #fff;

	-webkit-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;

	-moz-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;

	-o-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;

	transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;

}

.waterfull ul li .a-img font .it-lft{ 

    left:0;

	bottom:0;

	height:0%; 

	border-left:1px solid #fff;

	-webkit-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;

	-moz-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;

	-o-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;

	transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;

}

.waterfull ul li .a-img font .it-rit{ 

    right:0; 

	top:0; 

	height:0%; 

	border-right:1px solid #fff;

	-webkit-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;

	-moz-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;

	-o-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;

	transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;

}

.waterfull ul li:hover .a-img font .it-top{ 

	 width:100%;

}

.waterfull ul li:hover .a-img font .it-bom{

	 width:100%;

}

.waterfull ul li:hover .a-img font .it-lft{

	 height:100%;

}

.waterfull ul li:hover .a-img font .it-rit{

	 height:100%;

}

.waterfull ul li .water-tit{ width:100%; height:80px;}

.waterfull ul li .water-tit a{ display:block; width:100%; height:80px; text-align:center; line-height:80px;  font-size:15px; background-color:#fff;}

.waterfull ul li:hover .water-tit a{ background-color:#DB3717; color:#FFF;}

/*.masonry{ width:110%;}*/

.screening{ width:100%; display:table; height:100px; margin-bottom:50px; background-color:#fff;}

.screening ul{ width:110%; display:table;}

.screening ul li{ float:left; width:200px; position:relative;}

.screening ul li a{ display:block; width:100%; height:100px; text-align:center; line-height:100px; font-size:15px;}

.screening ul li a:hover{ background-color:#DB3717; color:#fff;}

.screening ul li span{ position:absolute; right:0px; top:50%; margin-top:-10px; display:block; height:20px; border-right:1px solid #D2D2D2;}

.screening ul li:hover span{ display:none;}

.screening2 ul li{ width:300px;}



.banner{ width:1920px; position:relative; left:50%; margin-left:-960px; display:table;}

.model{ width:1920px; position:relative; left:50%; margin-left:-960px; display:table; padding:80px 0; background-color:#fff;}

.model .sub-mod{ width:1200px; margin:0 auto;}



.list-anili{ width:1920px; position:relative; left:50%; margin-left:-960px; display:table;}

.list-anili li{ width:100%; margin:0; height:600px;}

.list-anili li img{ width:100%; height:600px;}



.honor{ width:100%; display:table;}

.honor li{ float:left; width:556px; height:420px; margin-bottom:40px;}





.conter3{ margin-top:50px;}

.brand{ width:1180px; display:table; background-color:#fff; padding:0 0 40px 20px;}

.brand ul li{ width:100%; border-bottom:1px solid #E2E2E2; padding-bottom:40px;}

.brand ul li .bar-tit{ margin-top:40px;}

.brand ul li .bar-tit h3{ font-size:24px; color:#DB3717;}

.brand ul li .bar-list{ width:110%; display:table; margin-top:40px;}

.brand ul li .bar-list dl{ float:left; width:216px; height:140px; border:1px solid #E2E2E2; margin-right:18px; position:relative;

	transition: all .4s ease-in-out 0s;

	-webkit-transition: all .4s ease-in-out 0s;

	-ms-transition: all .4s ease-in-out 0s;

	-o-transition: all .4s ease-in-out 0s;

}

.brand ul li .bar-list dl dt img{ width:216px; height:140px;}

.brand ul li .bar-list dl dd img{ width:216px; height:140px;}

.brand ul li .bar-list dl dd{ position:absolute; left:0; top:0;

	opacity:0;

	-moz-opacity:0;

	-webkit-opacity:0;

	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);

	transition: all .4s ease-in-out 0s;

	-webkit-transition: all .4s ease-in-out 0s;

	-ms-transition: all .4s ease-in-out 0s;

	-o-transition: all .4s ease-in-out 0s;

}

.brand ul li .bar-list dl:hover{ border-color:#DB3717;}

.brand ul li .bar-list dl:hover dd{

	opacity:1;

	-moz-opacity:1;

	-webkit-opacity:1;

	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);

}

.con-video{ width:1920px; height:826px; background:url(../images/zup-bg.jpg) no-repeat center center; position:relative; left:50%; margin-left:-960px; display:table; margin-top:100px;}

.sub-video-con{ width:1200px; height:626px; position:absolute; left:50%; margin-left:-600px; top:50%; margin-top:-323px;}



.introduce{ width:100%; display:table;}

.introduce h3{ font-size:24px; color:#DB3717; text-align:center;}

.introduce .int-nor{ width:96%; padding:30px 20px; margin-top:38px; border:1px solid #E2E2E2;}

.introduce .int-nor h4{ font-size:18px; color:#DB3717;}

.introduce p{ font-size:13px; color:#999999; line-height:22px; margin-top:20px;}



.introduce p img{ width:100%;}

.assories{ width:100%; display:table;}

.assories ul{ width:110%; display:table;}

.assories ul li{ float:left; width:380px; margin-right:30px; margin-bottom:30px;}

.assories ul li dt{ width:380px; height:400px; position:relative;}

.assories ul li dd{ width:100%; padding:40px 0; background-color:#fff; text-align:center;

	transition: all .4s ease-in-out 0s;

	-webkit-transition: all .4s ease-in-out 0s;

	-ms-transition: all .4s ease-in-out 0s;

	-o-transition: all .4s ease-in-out 0s;

}

.assories ul li dd h3{ display:inline-block; font-size:15px; padding-bottom:15px; border-bottom:2px solid #E2E2E2;}

.assories ul li dd small{ color:#CCCCCC; display:block; margin:15px auto 0; font-size:13px;}

.assories ul li:hover dd{ background-color:#DB3717;}

.assories ul li:hover dd h3{ color:#fff; border-color:#fff;}

.assories ul li:hover dd small{ color:#fff;}



.assories ul li dt .hs-bg{ width:100%; height:100%; background-color:rgba(0,0,0,0.4); position:absolute; top:0; left:0;

	opacity:0;

	-moz-opacity:0;

	-webkit-opacity:0;

	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);

	transition: all .4s ease-in-out 0s;

	-webkit-transition: all .4s ease-in-out 0s;

	-ms-transition: all .4s ease-in-out 0s;

	-o-transition: all .4s ease-in-out 0s;

}

.assories ul li dt .hs-bg .xian{ width:350px; height:384px; margin:15px auto 0; border:1px solid #fff; border-bottom:none;}

.assories ul li dt .hs-bg .xian p{ color:#FFFFFF; width:90%; margin:24px auto 0; line-height:23px;}

.assories ul li:hover .hs-bg{

	opacity:1;

	-moz-opacity:1;

	-webkit-opacity:1;

	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);

}



.call-sub-con{ width:1200px; margin:0 auto; display:table;}

.call-sub-con li{ float:left; width:400px; height:100px;}

.call-sub-con li a{ display:block; width:100%; height:100%; background-color:#fff; text-align:center; line-height:100px;}

.call-sub-con li a span, 

.call-sub-con li a font,

.call-sub-con li a small{ display:inline-block;}

.call-sub-con li a span{ font-size:15px; color:#363636;} 

.call-sub-con li a font{ height:10px; margin:0 10px; border-right:1px solid #F0F0F0;} 

.call-sub-con li a small{ text-transform:uppercase; color:#CCCCCC;}  

.call-sub-con li a:hover{ background-color:#DB3717;}

.call-sub-con li a:hover span,

.call-sub-con li a:hover small{ color:#fff;}

.call-sub-con li a:hover font{ border-color:#fff;}  

.call-sub-con li.on a{ background-color:#DB3717;}

.call-sub-con li.on a span,

.call-sub-con li.on a small{ color:#fff;}

.call-sub-con li.on a font{ border-color:#fff;}  



 

.join{ width:1100px; display:table; background-color:#fff; padding:0 50px; margin-top:40px; padding-top:40px; padding-bottom:40px;}

.join .sub-join{ width:100%; display:table; margin-top:10px;}

.join .sub-join li{ margin-top:10px;}

.join-tit{ width:100%; height:60px; background-color:#F2F2F2; display:table;}

.join-tit h3,

.join-tit span,

.join-tit small,

.join-tit font{ display:inline-block; line-height:60px;} 

.join-tit h3{ font-size:15px; color:#363636; font-weight:bold; margin-left:30px; width:520px;} 

.join-tit span,

.join-tit font{ font-size:13px; color:#666666; width:202px;}

.join-tit small{ width:30px; height:30px; background:url(../img/hjt.png) no-repeat center center; vertical-align:middle;} 

 

.join-tit:hover{ background-color:#DB3717;}

.join-tit:hover h3,

.join-tit:hover span,

.join-tit:hover font{ color:#fff;}

.join-tit:hover small{ background:url(../img/bjt.png) no-repeat center center;}

 

.join-xx{ display:table; padding-bottom:20px; display:none;}

.join-xx h4{ font-size:13px; color:#DB3717; font-weight:bold; margin-top:20px; margin-bottom:30px;}

.join-xx p{ font-size:13px; color:#666666; line-height:23px;} 

 

.join .sub-join li.on .join-tit{ background-color:#DB3717;}

 

.join .sub-join li.on .join-tit h3,

.join .sub-join li.on .join-tit span,

.join .sub-join li.on .join-tit font{ color:#fff;}

.join .sub-join li.on .join-tit small{ background:url(../img/bjt.png) no-repeat center center;}



.address{ width:1200px; height:200px; margin-top:20px; background-color:#FFFFFF; overflow:hidden;} 

.address li{ float:left; width:400px; height:200px;}

.address li dl{ width:300px; display:table; margin:38px auto 0;} 

.address li dl dt{ float:left; width:81px; height:81px;} 

.address li dl dd{ float:right; width:212px; margin-top:0px;}

.address li dl dd p{ font-size:14px; color:#333; line-height:25px;} 



.map-tit{ width:278px; height:118px; margin:80px auto 40px;} 

.map{ width:1920px; height:455px; position:relative; left:50%; margin-left:-960px; display:table;}

 

.join-us{ width:1920px; position:relative; left:50%; margin-left:-960px; display:table; background-color:#fff;} 

.join-tit-sl{ width:416px; height:109px; margin:90px auto 50px;}



.form-fulid{ width:1200px; margin:0 auto;} 

.form-fulid p{ display:inline-block; margin-right:45px;}

.form-fulid p .txt{ width:350px; height:48px; background-color:#F8F8F8; padding-left:15px; font-size:14px; color:#666666; border:none;}

 

.form-fulid .areas{ margin-top:40px; width:1170px; height:239px; background-color:#F8F8F8; border:none; padding-top:15px; padding-left:30px;}

.form-fulid .sit{ width:100%; text-align:center;}

.form-fulid .smit{ display:block; width:174px; height:48px; margin:40px auto; font-size:14px; color:#fff; border:none; background-color:#DB3717; cursor:pointer;}



.call-sub-con2 li{ width:50%;} 



.five-antage{ width:1920px; height:630px; position:relative; left:50%; margin-left:-960px; display:table; margin-top:55px; background:url(../images/kk2.jpg) no-repeat center center;} 



.system{ width:1920px; height:956px; position:relative; left:50%; margin-left:-960px;display:table; background:url(../images/kk3.jpg) no-repeat center top ;} 

.systm-xxk{ width:1200px; margin:0 auto; display:table;  margin-top:270px; }

.systm-xxk ul li{ width:400px; height:64px; float:left; text-align:center; cursor:pointer;} 

.systm-xxk ul li span{ display:inline-block; width:21px; height:64px; background:url(../img/xxk2.png) no-repeat center top; vertical-align:top;}

.systm-xxk ul li font{ display:inline-block; margin-left:20px; vertical-align:top; font-size:28px; color:#A1A1A1;}

.systm-xxk ul li:hover span{ background:url(../img/xxk1.png) no-repeat center top;}

.systm-xxk ul li.on span{ background:url(../img/xxk1.png) no-repeat center top;} 
.systm-xxk ul li.on font{color:#db3418;}
.systm-xxk ul li:hover font{color:#db3418;}

 

.systm-xxk .nei-xxk{ width:100%; display:table;}

.systm-xxk .nei-xxk .sub-nei-xk{ width:100%;}

 

#banner{ position:relative; overflow:hidden; margin:0px auto;  max-width:100%; left:50%; margin-left:-50%;}

.focus{width:100%; height:500px; position:relative;float:left;overflow:hidden; left:50%; top:0; margin-left:-50%;}

.f426x240 li{position:absolute; height:500px; left:50%; margin-left:-50%; top:0;}

.rslides{width:100%; position:relative;list-style:none;padding:0}

.rslides li{ width:100% !important;}

.rslides li img{ width:100%;}

.rslides_nav{ width:60px; height:138px;position:absolute; text-indent:-9999px;overflow:hidden; left:0px; bottom:198px;z-index:999; display:block; background:url(../img/left1.png) no-repeat;}

.rslides_nav:hover{ background:url(../img/left2.png) no-repeat;}

.rslides_nav:active{ background:url(../img/left2.png) no-repeat;}

.rslides_nav.next{left:1140px; background:url(../img/right.png) no-repeat;}

.rslides_nav.next:active{background:url(../img/right2.png) no-repeat;}

.rslides_nav.next:hover{ background:url(../img/right2.png) no-repeat;}

.rslides_tabs{clear:both; text-align:center; position:absolute; bottom:5%; left:50%; margin-left:-40px; z-index:9; width:80px; height:14px; display:none;}

/*.rslides_tabs li{ float:left; margin-right:15px; position:relative;}

.rslides_tabs a{ text-indent:-9999px; overflow:hidden; width:10px; height:10px; border-radius:50%; display:block; background-color:#D8D09C;}

.rslides_tabs li.rslides_here a{ background-color:#D8D09C;}*/

 

.proce-lss{ width:1920px; height:850px; position:relative; left:50%; margin-left:-960px;display:table; background:url(../images/kk1.jpg) no-repeat center top ;} 
.pages{ display:block; width:100%; margin:30px 0px; text-align:center; height:50px; line-height:50px; overflow:hidden;}

.newlistname{ width:100%;}
.newlistname a{ display:block; float:left; width:400px; height:100px; line-height:100px; text-align:center; background-color:#fff; font-size:18px;}
.newlistname a:hover{ background-color:#db3717; color:#fff;}
.newlistname .cur{ background-color:#db3717; color:#fff;}