﻿@charset "utf-8";

body{overflow-x: hidden;}

/*business*/
/*ibanner*/
.ibanner{width:100%;height:630px;position:relative;overflow:hidden;}
.ibanner .bd{position:relative;width:100%;height:630px;overflow:hidden;}
.ibanner .bd li{width:100%;height:630px;}
.ibanner .bd a{display:block;height:630px;background-position:center;background-repeat:no-repeat;}
.ibanner .btn{position:absolute;width:79px;height:79px;top:50%;margin-top:-40px;background:url(../images/index/banner_btn.png);z-index:3;cursor:pointer;}
.ibanner .btn.prev{left:-130px;background-position:0 0;-webkit-transition: left .3s;transition: left .3s;}
.ibanner .btn.next{right:-130px;background-position:-80px 0;-webkit-transition: right .3s;transition: right .3s;}
.ibanner:hover .prev{left:30px;}
.ibanner:hover .next{right:30px;}
.ibanner .btn.prev:hover{background-position:0 -80px;}
.ibanner .btn.next:hover{background-position:-80px -80px;}


.business{height: 400px;background: url("../images/index/busbg.jpg") no-repeat center;}
.dl01{width: 185px;height: 191px;padding: 121px 25px 0 0;border: 0;margin: 0;}
.dl01 p span,.dl01 p em{display: block;}
.dl01 p span{height: 63px;background: url("../images/index/busft01.jpg") no-repeat right center;}
.dl01 p em{height: 29px;background: url("../images/index/busft02.jpg") no-repeat right center;margin-top: 5px;}
.dl01 h4{font: 14px/24px "Microsoft YaHei";color: #666;text-align: right;padding-top: 22px;}

.business dl{float: left;width: 218px;height: 277px;border: 1px solid #e5e5e5;margin: 98px 0 0 27px;background: #fff;}
.business dl dt{width: 102px;height: 102px;padding: 45px 58px 0;}
.business dl dt.dt01{background: url("../images/index/bus01.png") no-repeat center bottom;}
.business dl dt.dt02{background: url("../images/index/bus02.png") no-repeat center bottom;}
.business dl dt.dt03{background: url("../images/index/bus03.png") no-repeat center bottom;}
.business dl dt.dt04{background: url("../images/index/bus04.png") no-repeat center bottom;}
.business dl:hover dt.dt01,.business dl.cur dt.dt01 {background: url("../images/index/bus001.png") no-repeat center bottom;}
.business dl:hover dt.dt02,.business dl.cur dt.dt02 {background: url("../images/index/bus002.png") no-repeat center bottom;}
.business dl:hover dt.dt03,.business dl.cur dt.dt03 {background: url("../images/index/bus003.png") no-repeat center bottom;}
.business dl:hover dt.dt04,.business dl.cur dt.dt04 {background: url("../images/index/bus004.png") no-repeat center bottom;}
.business dl dd{font: 16px/24px "Microsoft YaHei";color: #333;text-align: center;padding: 28px 30px 0;}
.business dl:hover,.business dl.cur{background: url("../images/index/bus05.png") no-repeat center bottom #fff;border-bottom: 0;}

/*pro*/
.pro{height: 870px;}
.pro h2{height: 96px;background: url("../images/index/proft00.png") no-repeat 30% bottom;text-align: center;padding-top: 85px;}
.pro h2 span,.pro h2 em{display: block;}
.pro h2 span{font: 30px/55px "Microsoft YaHei";color: #111111;}
.pro h2 strong{font: bold 38px "Microsoft YaHei";color: #111111;padding-right: 5px;}
.pro h2 em{width: 265px;height: 26px;margin: 0 auto;background: url("../images/index/proft01.png") no-repeat right center;padding-left: 156px;}
.box1{height: 500px;padding-top: 60px;}
.tab01{width: 273px;border: 1px dashed #cccccc;border-bottom: 0;}
.tab01 li{height: 123px;border-bottom: 1px dashed #ccc;}
.tab01 li span,.tab01 li em{display: block;text-align: center;}
.tab01 li span{font: 18px/26px "Microsoft YaHei";color: #333;padding-top: 38px;}
.tab01 li em{font: 12px/22px "Tahoma";color: #bfbfbf;}
.tab01 li.cur{background: url("../images/index/pro01.png") no-repeat 20px #1b1b19;}
.tab01 li.cur span{font-size: 20px;line-height: 26px;color: #fff;}
.tab01 li.cur em{color: #626261;}
.hz01{width: 890px;height: 500px;position: relative;}
.tab02{width: 100%;height: 500px;}
.tab02 li{height: 500px;position: relative;}
.tab02 li img{width: 890px;height: 500px;}
.tab02 li span{position: absolute;width: 266px;height: 500px;background: url("../images/index/pro02.png") repeat center;top: 0;right: 0; overflow:hidden;}
.tab02 li span em,.tab02 li span strong{display: block;}
.tab02 li span em{font: bold 18px/28px "Microsoft YaHei";color: #fff;padding: 75px 10px 0 34px;}
.tab02 li span strong{font: 14px/28px "Microsoft YaHei";color: #bfbebb;margin-top:10px;}
.tab03{position: absolute;height: 11px;right: 65px;bottom: 22px;}
.tab03 li{float: left;width: 11px;height: 11px;background: url("../images/index/pro05.png") no-repeat center;margin-left: 25px;cursor: pointer;}
.tab03 li.cur,.tab03 li:hover{background: url("../images/index/pro04.png") no-repeat center;}

/*plan*/
.plan{height: 807px;background: url("../images/index/planbg.jpg") no-repeat center;}
.plan h2{text-align: center;padding-top: 195px;}
.plan h2 span,.plan h2 em{display: block;}
.plan h2 span{font: 30px/55px "Microsoft YaHei";color: #111111;}
.plan h2 strong{font: bold 38px "Microsoft YaHei";color: #111111;padding-left: 5px;}
.plan h2 em{height: 34px;background: url("../images/index/planft01.png") no-repeat center;}
.box2{padding-top: 28px;}
.box2 dl{float: left;width: 330px;padding: 0 30px;}
.box2 dt{text-align: center;}
.box2 dt i,.box2 dt span,.box2 dt em,.box2 dt strong{display: block;}
.box2 dl i{height: 20px;background: url("../images/index/plan02.png") no-repeat center;}
.box2 dl span{height: 115px;margin-top: 35px;}
.box2 dl em{font: 20px/24px "Microsoft YaHei";color: #171715;padding-top: 30px;}
.box2 dt strong{font: 24px/28px "Microsoft YaHei";color: #444343;}
.box2 dd{font: 14px/22px "Microsoft YaHei";color: #666;text-align: center;padding-top: 25px;}
.box2 dl.ddl01 span{background: url("../images/index/plan03.png") no-repeat center;}
.box2 dl.ddl02 span{background: url("../images/index/plan04.png") no-repeat center;}
.box2 dl.ddl03 span{background: url("../images/index/plan05.png") no-repeat center;}
.box2 dl:hover i,.box2 dl.cur i{height: 20px;background: url("../images/index/plan01.png") no-repeat center;}
.box2 dl.ddl01:hover span,.box2 dl.ddl01.cur span{background: url("../images/index/plan003.png") no-repeat center;}
.box2 dl.ddl02:hover span,.box2 dl.ddl02.cur span{background: url("../images/index/plan004.png") no-repeat center;}
.box2 dl.ddl03:hover span,.box2 dl.ddl03.cur span{background: url("../images/index/plan005.png") no-repeat center;}
.box2 dl:hover em,.box2 dl.cur em{font-weight: bold;}

/*scheme*/
.scheme{height: 1071px;background: url("../images/index/schbg.jpg") no-repeat center;}
.scheme h2{text-align: center;padding-top: 100px;}
.scheme h2 span,.scheme h2 em{display: block;}
.scheme h2 span{font: 30px/47px "Microsoft YaHei";color: #fff;}
.scheme h2 strong{font: normal 36px/47px "Microsoft YaHei";color: #f4d24c;}
.scheme h2 em{height: 46px;background: url("../images/index/schft01.png") no-repeat center;}
.hz02{width: 580px;height: 615px;margin: 0 auto;padding: 109px 155px 0 0;position: relative;}
.hz02 img{width: 580px;height: 615px;}
.hz02 h4{position: absolute;width: 297px;height: 206px;padding: 40px 45px 0;}
.hz02 h4 span,.hz02 h4 strong,.hz02 h4 i,.hz02 h4 em{display: block;}
.hz02 h4 span{font: bold 24px/34px "Microsoft YaHei";}
.hz02 h4 strong{font: normal 18px/26px "Microsoft YaHei";}
.hz02 h4 i{width: 37px;height: 2px;background: #f4d24c;margin-top: 18px;}
.hz02 h4 em{font: 14px/22px "Microsoft YaHei";color: #666;padding-top: 18px;}
.hz02 h4.dh1{background: #fff;right: 156px;top: 45px;}
.hz02 h4.dh1 span{color: #0e0e0e;}
.hz02 h4.dh1 strong{color: #333;}
.hz02 h4.dh2{width: 387px;height: 246px;padding: 0;top: 45px;right: -231px;}
.hz02 h4.dh3{width: 387px;height: 246px;padding: 0;top: 291px;right: 543px;}
.hz02 h4.dh2 img,.hz02 h4.dh3 img{width: 387px;height: 246px;}
.hz02 h4.dh4{top: 291px;right: -231px;background: #111111;}
.hz02 h4.dh5{top: 537px;right: 156px;background: #404040;}
.hz02 h4.dh4 span,.hz02 h4.dh5 span{color: #fff;}
.hz02 h4.dh4 strong,.hz02 h4.dh5 strong{color: #cdcdcd;}
.hz02 h4.dh5 em{color: #838383;}

/*case*/
.case{height: 1114px;background: url("../images/index/casebg.jpg") no-repeat center top; overflow:hidden;}
.case h2{text-align: center;padding-top: 169px;}
.case h2 span,.case h2 em{display: block;}
.case h2 span{font: 30px/40px "Microsoft YaHei";color: #111111;}
.case h2 strong{font: bold 38px "Microsoft YaHei";color: #111111;padding-right: 5px;}
.case h2 em{height: 41px;background: url("../images/index/caseft01.png") no-repeat 41% center;}
.box3{padding-top: 82px;}
.box3 h4{text-align: center;}
.box3 h4 span,.box3 h4 em{display: block;}
.box3 h4 span{color: #333; font-size: 28px;font-weight: normal; height: 36px; line-height: 36px; text-align: center;}
.box3 h4 em{height: 12px;background: url("../images/index/case01.png") no-repeat center;margin-top: 15px;}
.box3 p{width: 868px;margin: 0 auto;padding-top: 15px;font: 14px/24px "Microsoft YaHei";color: #666;text-align: center;}
.box3 p a{color: #fdbe00;}
.tu01{width: 979px;height: 497px;margin: 20px auto 0;position: relative;}
.tu01 img{width: 979px;height: 497px;}
.tu01 i{position: absolute;width: 264px;height: 430px;}
.tu01 i.lfi01{background: url("../images/index/shoulf.png") no-repeat center;left: -141px;bottom: -105px;}
.tu01 i.rti01{background: url("../images/index/shourt.png") no-repeat center;right: -141px;bottom: -105px;}

/*fy*/
.fy{height: 873px;background: #f7f7f7;}
.fy h2{padding-top: 114px;}
.fy h2 span,.fy h2 em{display: block;}
.fy h2 span{color: #333; font-size: 28px;font-weight: normal; height: 36px; line-height: 36px; text-align: center;}
.fy h2 em{height: 12px;background: url("../images/index/case01.png") no-repeat center;margin-top: 15px;}
.fy p{width: 868px;margin: 0 auto;padding-top: 15px;font: 14px/24px "Microsoft YaHei";color: #666;text-align: center;}
.fy p a{color: #fdbe00;}
.tu02{width: 979px;height: 494px;margin: 20px auto 0;position: relative;}
.tu02 img{width: 979px;height: 494px;}

/*xy*/
.xy{height: 895px;background: #fff;}
.xy h2{padding-top: 115px;}
.xy h2 span,.xy h2 em{display: block;}
.xy h2 span{color: #333; font-size: 28px;font-weight: normal; height: 36px; line-height: 36px; text-align: center;}
.xy h2 em{height: 12px;background: url("../images/index/case01.png") no-repeat center;margin-top: 15px;}
.xy p{width: 868px;margin: 0 auto;padding-top: 15px;font: 14px/24px "Microsoft YaHei";color: #666;text-align: center;}
.xy p a{color: #fdbe00;}
.tu03{width: 979px;height: 493px;margin: 20px auto 0;position: relative;}
.tu03 img{width: 979px;height: 493px;}
.tu03 i{position: absolute;width: 264px;height: 430px;}
.tu03 i.lfi02{background: url("../images/index/shoulf.png") no-repeat center;left: -141px;bottom: -118px;}
.tu03 i.rti02{background: url("../images/index/shourt.png") no-repeat center;right: -141px;bottom: -118px;}

/*team*/
.team{height: 1331px;background: url("../images/index/teambg.jpg") no-repeat center;}
.team h2{text-align: center;padding-top: 171px;}
.team h2 span,.team h2 em{display: block;}
.team h2 span{width: 660px;font: 30px/40px "Microsoft YaHei";color: #111111;margin: 0 125px 0 auto;}
.team h2 strong{font: bold 38px "Microsoft YaHei";color: #111111;padding-right: 5px;}
.team h2 em{height: 41px;background: url("../images/index/teamft01.png") no-repeat center;}
.team h4{width: 240px;height: 240px;padding: 45px 0 0 110px;}
.team h4 span,.team h4 em,.team h4 a{display: block;}
.team h4 span{font: 24px/30px "Tahoma";color: #181818;padding-bottom: 34px;background: url("../images/index/teamft02.png") no-repeat left bottom;padding-top: 20px;}
.team h4 em{font: 18px/24px "Microsoft YaHei";color: #181818;padding: 30px 0;}
.team h4 a{width: 30px;height: 30px;background: url("../images/index/team01.png") no-repeat center;}
.box4{width: 500px;margin: 0 auto;position: relative;}
.box4 ul{height: 500px;position: relative;}
.box4 ul li{position: absolute;z-index: 10;width: 250px;height: 250px;}
.box4 ul li img{width: 250px;height: 250px; filter:alpha(opacity=80);  -moz-opacity:0.8; -khtml-opacity:0.8;opacity: 0.8;}

.box4 ul li.uli1{left: 0;top: -250px;}
.box4 ul li.uli2{right: 0;top: -250px;}
.box4 ul li.uli2 img,.box4 ul li.uli4 img{ filter:alpha(opacity=90);  -moz-opacity:0.9; -khtml-opacity:0.9;opacity: 0.9;}

.box4 ul li.uli3{right: -250px;top: 0;}
.box4 ul li.uli4{left: -250px;top: 0;}
.box4 ul li.uli5{left: -250px;bottom: 0;}
.box4 ul li.uli6{left: 0;bottom: -250px;}
.box4 ul li:hover img,.box4 ul li.cur img{ border:5px solid #f4d24d;width: 240px;height: 240px;filter:alpha(opacity=100);  -moz-opacity:1; -khtml-opacity:1;opacity: 1;}

.hz03{height: 500px;position: absolute;left: 0;top: 0;z-index: 10;}
.hz03 img{width: 500px;height: 500px;}
.hz03 .com{ position:relative;width: 500px;height: 500px;}
.hz03 span{position: absolute;width: 102px;top: 80px;left: 50px;}
.hz03 span strong,.hz03 span em{display: block;}
.hz03 span strong{font: bold 18px/26px "Microsoft YaHei";color: #fff;}
.hz03 span em{height: 58px;border-top: 2px solid #808080;border-bottom: 2px solid #808080;text-align: center;font: 14px/58px "Microsoft YaHei";color: #a3a3a3;margin-top: 20px;}
.more{position: absolute;width: 250px;height: 250px;background: url("../images/index/team09.png") no-repeat center;right: -250px;bottom: -250px;}

/*about*/
.about{height: 1040px;background: url("../images/index/abobg.jpg") no-repeat center;}
.about h2{text-align: center;padding-top: 153px;}
.about h2 span,.about h2 em{display: block;}
.about h2 span{width: 620px;font: 30px/40px "Microsoft YaHei";color: #111111;margin: 0 235px 0 auto;}
.about h2 strong{font: bold 38px "Microsoft YaHei";color: #111111;padding-right: 5px;}
.about h2 em{height: 40px;background: url("../images/index/aboft01.png") no-repeat center;}
.box5{width: 540px;margin: 0 0 0 auto;padding-top: 32px; height:378px;}
.box5 h4{font: 24px/32px "Microsoft YaHei";color: #000;padding-top: 70px;}
.box5 em,.box5 span{display: block;}
.box5 em{width: 37px;height: 2px;background: #f4d24d;margin: 25px 0;}
.box5 p{font: 14px/24px "Microsoft YaHei";color: #787878;}
.box5 span{width: 198px;height: 44px;border: 2px solid #f4d24d;background: #fff;margin-top: 33px;}
.box5 span a{display: block;font: 16px/44px "Microsoft YaHei";color: #333;padding-left: 45px;background: url("../images/index/abo01.png") no-repeat 75% center;}
.tab04{padding: 155px 31px 0;}
.tab04 li{float: left;width: 277px;height: 197px;margin-left: 10px;position: relative;}
.tab04 li.ml0{margin-left: 0;}
.tab04 li img{width: 277px;height: 197px;}
.tab04 li span{position: absolute;width: 277px;height: 197px;background: url("../images/index/abo06.png") no-repeat center;top: 0;left: 0;display: none;}
.tab04 li span em{display: block;font: 18px/40px "STXihei";color: #fff;text-align: center;padding: 65px 0 20px;background: url("../images/index/abo07.png") no-repeat center bottom;}
.tab04 li:hover span{display: block;}

/*news*/
.news{height: 860px;overflow:hidden;background: url("../images/index/newbg.png") no-repeat center top;}
.news h2{text-align: center;padding-top: 99px;}
.news h2 span,.news h2 em{display: block;}
.news h2 span{font: 30px/34px "Microsoft YaHei";color: #101010;}
.news h2 em{height: 38px;background: url("../images/index/newft01.png") no-repeat center;}
.tab05{width: 465px;margin: 0 auto;padding: 27px 75px 0 0;}
.tab05 li{float: left;width: 80px;font: 18px/28px "Microsoft YaHei";color: #101010;text-align: center;margin-left: 75px;padding-top: 30px;background: url("../images/index/new02.png") no-repeat center top;}
.tab05 li:hover,.tab05 li.cur{background: url("../images/index/new01.png") no-repeat center top;}
.hz04{padding-top: 60px;}
.hz04 dl{width: 573px;}
.hz04 dl dt{height: 245px;overflow:hidden;}
.hz04 dl dt img{width: 573px;height: 245px;}
.hz04 dd em{float: left;width: 60px;height: 48px;font: 34px/24px "IrisUPC";color: #676767;text-align: right;padding-top: 45px;}
.hz04 dd strong{display: block;font-size: 20px;}
.hz04 dd p{float: right;width: 407px;height: 270px;border-left: 1px solid #e0e0e0;padding: 0 35px;}
.hz04 dd p span,.hz04 dd p a{display: block;}
.hz04 dd p a.dpa01{font: 16px/24px "Microsoft YaHei";color: #111111;padding: 38px 0;}
.hz04 dd p span{font: 14px/22px "Microsoft YaHei";color: #666;}
.hz04 dd p a.dpa02{width: 85px;padding: 15px 35px;border-top: 1px solid #dcdcdc;background: url("../images/index/new04.png") no-repeat 70% center;margin-top: 70px;}
.hz04 ul{width: 573px;}
.hz04 ul li em{float: left;width: 60px;height: 91px;font: 34px/24px "IrisUPC";color: #676767;text-align: right;padding-top: 45px;}
.hz04 ul li strong{display: block;font-size: 20px;}
.hz04 ul li p{float: right;width: 407px;height: 135px;border-left: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;;padding: 0 35px;}
.hz04 ul li p span,.hz04 ul li p a{display: block;}
.hz04 ul p a{font: 16px/24px "Microsoft YaHei";color: #111111;padding: 10px 0 15px;}
.hz04 ul p span{font: 14px/22px "Microsoft YaHei";color: #666;}

/**/