body{background:#fff;}
.banner{height:670px;width:100%;overflow:hidden;position:relative;background:#222;}
.banner1{height:449px;width:100%;overflow:hidden;}
.containt-div{width:1250px;position:relative;height:670px;margin:0 auto;}
.banner ul{position:relative;}
.banner ul li{list-style:none;width:100%;height:670px;position:absolute;left:0;top:0;}
.banner .nav{
	width: 100px;
	height: 14px;
	position: absolute;
	bottom: 5px;
	right: 20px;
	z-index: 2;
	left: 970px;
	margin-left: -50px
}
.banner .nav dl dd{list-style-type:none;width:15px;height:15px;float:left;margin-right:5px;cursor:pointer;background-color:#222;border-radius:100px;}
.banner .nav dl .bg{background-color:transparent;border:3px solid #b08020;width:9px;height:9px;}
.banner ul li.fst-li{background:url("../image/banner.jpg") center no-repeat;background-size:cover;}
.banner ul li .img1{position:absolute;}
.banner-01-a{width: 718px;height: 170px;position: absolute;background: #004179;bottom: 0;left: 282px;margin-left: -280px;filter: alpha(opacity=80);-moz-opacity: 0.80;-khtml-opacity: 0.8;opacity: 0.8;}
.banner-01-b{width: 718px;height: 170px;top: 491px;left: 379px;position: absolute;margin-left: -376px;filter: alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity:0.5;}

	
/*.banner-02-a{top:217px;position:absolute;left:-100px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.banner-02-b{width:593px;height:93px;position:absolute;top:243px;left:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.banner-02-c{top:352px;left:0;position:absolute;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.banner-03-a{position:absolute;top:138px;width:720px;height:73px;left:50%;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.banner-03-b{position:absolute;top:227px;left:50%;width:610px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.banner-03-c{position:absolute;top:283px;width:214px;left:50%;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.banner-03-d{position:absolute;bottom:100px;left:50%;width:479px;margin-left:-239px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}*/
.service{height:680px;background:url("../image/bg.jpg") center no-repeat;background-size:cover;overflow:hidden;}
.service .cn{font-size:35px;color:#262017;padding-bottom:10px; padding-top:60px; width: 500px; margin: 0px auto; text-align: center;}
.service .line{border-bottom:1px solid #262017;width:310px;margin:0 auto;}
.service .line span{border-bottom:3px solid #b08020;width:20px;display:block;margin:0 auto;position:relative;top:2px;}
.service .en{font-size:14px;color:#262017;line-height:40px;font-family:Arial; width: 500px; margin: 0px auto; text-align: center;} 
	
.service .txt,.service .pic{width:50%;padding-top:70px;}
/*.service .title .cn{font-size:35px;color:#222;padding-bottom:10px;}
.service .title .en{font-size:14px;line-height:40px;color:#bababa;font-family:Arial;}
.service .title .line{border-bottom:1px solid #bababa;}
.service .title .line span{border-bottom:3px solid #b08020;width:20px;display:block;position:relative;top:2px;}*/
	
.service .content{line-height:45px;padding-top:15px;padding-bottom:30px;font-size:18px;}
.service .lst li{float:left;text-align:center;margin-right:50px;width:150px;cursor:pointer;margin-bottom:20px;}
.service .lst li img{display:block;margin:0 auto;width:100px;}
.service .lst li:hover img{-webkit-animation-name:service_icon_box;-ms-animation-name:service_icon_box;animation-name:service_icon_box;-webkit-animation-duration:300ms;-ms-animation-duration:300ms;animation-duration:300ms;-webkit-animation-timing-function:ease-in-out;-ms-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:0s;-ms-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;animation-iteration-count:infinite;}
@keyframes service_icon_box{0%{transform:translate(-5px,0px) rotate(0deg)}20%{transform:translate(5px,0px) rotate(0deg)}40%{transform:translate(-5px,0px) rotate(0deg)}}
@-ms-keyframes service_icon_box{0%{-ms-transform:translate(-5px,0px) rotate(0deg)}20%{-ms-transform:translate(5px,0px) rotate(0deg)}40%{-ms-transform:translate(-5px,0px) rotate(0deg)}}
.service .lst .tit{font-size:16px;color:#262017;padding-top:10px;padding-bottom:10px;}
.service .lst .line{width:40px;height:1px;background:#b08020;margin:0 auto;}
.service .lst .word{padding-top:10px;color:#bababa;font-family:Arial;font-size:14px;}
.service .lst li:hover .tit{color:#b08020;webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;}
.service .pic img{
	width: 774px;
	position: absolute;
	right: 37px;
	top: 1892px;
}
.service_shake{-webkit-animation-name:shake_box;-ms-animation-name:shake_box;animation-name:shake_box;-webkit-animation-duration:3500ms;-ms-animation-duration:3500ms;animation-duration:3500ms;-webkit-animation-timing-function:ease-in-out;-ms-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:0s;-ms-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;animation-iteration-count:infinite;}
@keyframes shake_box{0%{transform:translate(0px,0px) rotate(0deg)}20%{transform:translate(9.5px,0px) rotate(1.5deg)}40%{transform:translate(2.5px,0px) rotate(0.5deg)}}
@-ms-keyframes shake_box{0%{-ms-transform:translate(0px,0px) rotate(0deg)}20%{-ms-transform:translate(9.5px,0px) rotate(1.5deg)}40%{transform:translate(2.5px,0px) rotate(0.5deg)}}
.company{height:550px;overflow:hidden;background:url("../image/bg1.jpg") top center no-repeat;background-size:cover;background-attachment:fixed;}
.company .waves{position:relative;height:550px;top:-550px;}
.company .box{position:relative;height:550px;text-align:center;overflow:hidden;}
.company .title{text-align:center;padding-top:70px;padding-bottom:50px;}
.company .cn{font-size:35px;color:#fff;padding-bottom:10px; text-align: center}
.company .line{border-bottom:1px solid #fff;width:310px;margin:0 auto;}
.company .line span{border-bottom:3px solid #b08020;width:20px;display:block;margin:0 auto;position:relative;top:2px;}
.company .en{font-size:14px;color:#fff;line-height:40px;font-family:Arial;}
.company .box .count div{float:left;width:33%;height:230px;display:block;text-align:center;font-size:18px;line-height:50px;color:#fff;overflow: hidden;}
.company .box .count div span{height:190px;line-height:190px;width:314px;font-size:66.4px;margin:0 auto;background:#b08020;color:#fff;text-align:center;display:block;border-radius:8px;overflow:hidden;font-family:Impact,Arial,Sans-serif;}
.company .box .count div p{height:0px;width:230px;margin:0 auto;background:#b08020;position:relative;top:-92px;margin-bottom:30px;}
.company .box .count dd{ width: 100px; position: relative;font-size:66px;top:-140px; font-family:Impact,Arial,Sans-serif; z-index: 1000; overflow: hidden;}
.company .box .count div label{width:100%;margin:0 auto;display:block;text-align:center;font-size:14px;color:#aaa;white-space:nowrap; margin-top: -50px;}
.company .box .count  .dd1{left:208px;}
.company .box .count  .dd2{left:254px;}
.company .box .count  .dd3{left:208px;}
.case{height:1200px;overflow:hidden;background-color:#222;background:url("../image/case_bg.jpg") top center no-repeat;background-attachment:scroll;
background-size:auto;background-size:cover;background-attachment:fixed;}
	
.case .title{text-align:center;padding-top:70px;}
.case .cn{font-size:35px;color:#fff;padding-bottom:10px;}
.case .line{border-bottom:1px solid #fff;width:210px;margin:0 auto;}
.case .line span{border-bottom:3px solid #b08020;width:20px;display:block;margin:0 auto;position:relative;top:2px;}
.case .en{font-size:14px;color:#fff;line-height:40px;font-family:Arial;}
.case .lst{padding-top:30px;}
.case #container li{position:relative;width:400px;height:300px;overflow:hidden;text-align:center;float:left;}
.case #container li p{height:100%;width:100%;position:absolute;left:0;top:-100%;color:#ffffff;z-index:2;display:table;_position:relative;}
.case #container li .img{width:400px;height:300px;display:block;-moz-transition:.5s ease-in;-webkit-transition:.5s ease-in;-o-transition:.5s ease-in;-ms-transition:.5s ease-in;transition:.5s ease-in;}
.case #container li:hover .img{transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}
.case #container li p i{width:100%;height:100%;display:block;position:absolute;left:0;top:0;z-index:-1;background:#b08020;opacity:0.9;-moz-opacity:0.9;filter:alpha(opacity=90);}
.case #container li p span{display:block;line-height:24px;font-size:14px;padding:20px;color:#999;box-sizing:border-box;text-align:center;display:table-cell;vertical-align:middle;_position:absolute;_top:50%;_left:50%;}
.case #container li p span img{height:70px;}
.case #container li p span b{display:block;font-size:20px;font-style:normal;padding:15px 0px;color:#fff;}
.case #container li p span label{line-height:30px;display:block;color:#fff;}
.news{height:540px;overflow:hidden;background:#fff;}
.news .title{padding-top:70px;}
.news .centermore{ display: block; width: 56px; height: 22px; line-height: 20px; text-align: center; border:1px solid #c5c5c5; color: #c5c5c5; font-size: 16px; float: left; margin-top: 96px;  margin-left: 930px; border-radius:4px;}
.news .centermore:hover{ border:1px solid #b08020; color: #fff;border-radius:4px; background: #b08020}
.news .cn{font-size:35px;color:#222;padding-bottom:10px;}
.news .line{border-bottom:1px solid #bababa;}
.news .line span{border-bottom:3px solid #b08020;width:20px;display:block;position:relative;top:2px;}
.news .en{font-size:14px;color:#bababa;line-height:40px;font-family:Arial;}
.news .tab-icon{padding-top:100px;}
.news .tab-icon li{width:15px;height:15px;font-size:0;background-color:#222;float:left;margin-left:5px;cursor:pointer;display:inline;border-radius:100px;}
.news .tab-icon li.cur{background-color:transparent;border:3px solid #b08020;width:9px;height:9px;}
.showProNews{overflow:hidden;height:260px;}
.showProNews .warp-pic-list{position:relative;padding-top:6px;line-height:30px;font-size:14px;}
.showProNews .warp-pic-list li{float:left;display:inline;width:400px;height:260px;}
.showProNews .warp-pic-list li a{display:block;padding:36px;border-right:1px dotted #bababa;}
.showProNews .warp-pic-list li:hover{background:#b08020;webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;}
.showProNews .warp-pic-list li:hover a{border-right:0px;}
.showProNews .warp-pic-list li:hover *{color:#fff;}
.showProNews .warp-pic-list li:hover img{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;-webkit-transform:scale(1.3,1.3);-moz-transform:scale(1.3,1.3);-o-transform:scale(1.3,1.3);transform:scale(1.3,1.3);}
.news #clearBorder{border:0px;}
.showProNews .warp-pic-list .date{font-size:30px;font-weight:bold;padding-bottom:10px;font-family:Arial;}
.showProNews .warp-pic-list .tit{font-size:18px;height:70px;line-height:35px;color:#222;display:block;display:-webkit-box;white-space:normal !important;text-overflow:ellipsis;word-wrap:break-word;word-break:break-all;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.showProNews .warp-pic-list .desc{height:70px;padding-top:10px;}

.showProNews .warp-pic-list .pic{margin-top:5px;width:100px;height:70px;overflow:hidden;}
.showProNews .warp-pic-list .pic img{width:100px;height:70px;}
.showProNews .warp-pic-list .txt{width:220px;font-size:14px;height:70px;line-height:25px;overflow:hidden;display:block;display:-webkit-box;white-space:normal !important;text-overflow:ellipsis;word-wrap:break-word;word-break:break-all;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.showProNews .btn{height:55px;position:absolute;top:110px;width:35px;z-index:200;cursor:pointer;background:#000;color:#fff;font-size:35px;opacity:0.5;filter:alpha(opacity=50);}
.showProNews .btn:hover{background:#b08020;opacity:0.9;filter:alpha(opacity=90);}
.showProNews .btn i{padding-top:10px;}
.showProNews .prev i{padding-left:10px;}
.showProNews .next i{padding-left:14px;}
.showProNews .prev{left:0;}
.showProNews .next{right:0;}
.customer{height:650px;overflow:hidden;background:url("../image/bg1.jpg") top center no-repeat;background-size:cover;background-attachment:fixed;}
.customer .title{text-align:center;padding-top:70px;}
.customer .cn{font-size:35px;color:#fff;padding-bottom:10px;}
.customer .line{border-bottom:1px solid #fff;width:140px;margin:0 auto;}
.customer .line span{border-bottom:3px solid #b08020;width:20px;display:block;margin:0 auto;position:relative;top:2px;}
.customer .en{font-size:14px;color:#fff;line-height:40px;font-family:Arial;}
.customer .tab-icon li{width:15px;height:15px;font-size:0;background-color:#fff;float:left;margin-left:5px;cursor:pointer;display:inline;border-radius:100px;}
.customer .tab-icon li.cur{background-color:transparent;border:3px solid #b08020;width:9px;height:9px;}
.showProPartner{overflow:hidden;margin-bottom:20px;margin-top:20px;}
.showProPartner .warp-pic-list{position:relative;width:1200px;overflow:hidden;padding-top:6px;line-height:30px;font-size:14px;}
.showProPartner .warp-pic-list li{float:left;display:inline;width:240px;}
.showProPartner .warp-pic-list li a{cursor:pointer;display:block;height:460px;}
.showProPartner .warp-pic-list li a:hover .pic img{top:10px;width:220px;height:220px;webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;}
.showProPartner .warp-pic-list li a:hover .name,.showProPartner .warp-pic-list li a:hover .tit{height:0px;webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;}
.showProPartner .warp-pic-list li a:hover .desc{height:140px;webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;}
.showProPartner .warp-pic-list li:nth-child(2) .desc{ text-align: center;}
.showProPartner .warp-pic-list li a:hover .dot{top:65px;left:0px;webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;}
.showProPartner .warp-pic-list li .pic{height:240px;overflow:hidden;}
.showProPartner .warp-pic-list li .pic .photo{height:240px;}
.showProPartner .warp-pic-list li .pic .round{position:relative;top:-230px;left:5px;}
.showProPartner .warp-pic-list li .pic img{width:120px;height:120px;display:block;border:5px solid #fff;background:#fff;opacity:0.9;filter:alpha(opacity=90);border-radius:100%;margin:0 auto;position:relative;top:60px;/*-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);*/filter:gray;}
.showProPartner .warp-pic-list li .pic i{width:120px;height:120px;display:block;background:#000;opacity:0.65;filter:alpha(opacity=65);border-radius:100%;margin:0 auto;position:relative;top:-65px; z-index: 10;}
.showProPartner .warp-pic-list li a:hover .pic img{-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);-o-filter:grayscale(0%);filter:grayscale(0%);}
.showProPartner .warp-pic-list li a:hover .pic i{ display:none;}
.showProPartner .warp-pic-list li .name{height:30px;line-height:30px;overflow:hidden;text-align:center;font-size:20px;color:#fff;}
.showProPartner .warp-pic-list li .tit{height:30px;line-height:30px;overflow:hidden;text-align:center;font-size:16px;color:#aaa;}
.showProPartner .warp-pic-list li .desc{height:0px;line-height:22px;overflow:hidden;font-size:14px;color:#aaa;padding:0px 15px;margin-top:20px;}
.showProPartner .warp-pic-list li .desc span{display:block;width: 100%;height:30px; text-align: center; font-size:20px;color:#fff;}	
.showProPartner .btn{display:none;height:55px;position:absolute;top:110px;width:35px;z-index:200;cursor:pointer;background:#000;color:#fff;font-ize:35px;opacity:0.5;filter:alpha(opacity=50);}
.showProPartner .btn:hover{background:#b08020;opacity:0.9;filter:alpha(opacity=90);}
.showProPartner .btn i{padding-top:10px;}
.showProPartner .prev i{padding-left:10px;}
.showProPartner .next i{padding-left:14px;}
.showProPartner .prev{left:0;}
.showProPartner .next{right:0;}
.round{height:220px;width:220px;border:5px solid transparent;border-radius:50%;top:0px;left:0px;animation:round 4s linear infinite;-webkit-animation:rond1 4s linear infinite;}
.dot{height:10px;width:10px;position:absolute;background-color:rgba(92,126,162,0.6);border-radius:50%;top:155px;left:68px;}
.round:hover .dot{background:#fff;}
.round{-webkit-animation:run 1.8s linear 0s infinite;-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);-o-filter:grayscale(0%);filter:grayscale(0%);-webkit-transition:all 1.8s ease;-moz-transition:all 1.8s ease;-o-transition:all 1.8s ease;-ms-transition:all 1.8s ease;transition:all 1.8s ease;}

@-webkit-keyframes run{
	from{-webkit-transform:rotate(0deg);}to{-webkit-transform:rotate(360deg);}
}
.friend{height:680px;overflow:hidden;}
.friend .title{text-align:center;padding-top:70px;padding-bottom:30px;}
.friend .cn{font-size:35px;color:#222;padding-bottom:10px;}
.friend .line{border-bottom:1px solid #bababa;width:175px;margin:0 auto;}
.friend .line span{border-bottom:3px solid #b08020;width:20px;display:block;margin:0 auto;position:relative;top:2px;}
.friend .en{font-size:14px;color:#bababa;line-height:40px;font-family:Arial;}
.friend ul{border-top:1px solid #E6E6E6;border-left:1px solid #E6E6E6;width:1195px;margin:0 auto;}
.friend ul li{float:left;width:20%;text-align:center;}
.friend ul li a{display:block;border-right:1px solid #E6E6E6;border-bottom:1px solid #E6E6E6;overflow:hidden;padding:15px 0px;}
.friend li span{width:100%;height:100px;display:block;margin:0 auto;position:relative;transition:0.6s;transform-style:preserve-3d;cursor:pointer; color:#000000;}
.friend li img{width:150px;height:100px;}
.friend li:hover span{transform:rotateY(180deg);}
.friend li:hover .front{-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);-o-filter:grayscale(0%);filter:grayscale(0%);}
.front,.back{position:absolute;left:0;top:0;backface-visibility:hidden;width:100%;height:100%;}
.front{transform:rotateY(0deg);z-index:2;background:#fff;-webkit-animation-play-state:paused;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;}
.back img{transform:rotateY(-180deg);}