@charset "utf-8";

body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*??????????*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
/**/
.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";;}
/**/
.banner{height:596px;position: relative;background:url(../images/banner.jpg)  no-repeat center 0;}
/**/
.us{height:409px;padding-top:26px;}
.us p{ float: left; width: 558px; text-align: center; }
.us p em{ display: block; font-size: 40px; color: #000; padding: 18px 0 48px 0; line-height: 100%;background:url(../images/c_h2.jpg)  no-repeat center 76px;font-weight: bold;}
.us p img{ display: block; margin: 0 auto; width: 134px;}
.us p span{ display: block; font-size: 14px; color:#333; line-height: 30px; height:199px; text-indent: 29px; text-align: left;}
.us p i{ display: inline-block;}
.us p i a{ display: inline-block;background:url(../images/us_bnt1.png) no-repeat; width: 105px; height: 45px; line-height: 45px; color: #000000; font-size: 14px; text-align: left; padding-left: 25px;}
.us p i a:hover{background:url(../images/us_bnt2.png) no-repeat; color: #fff;transition: all 0.3s linear 0s;}
.scenario{ float: right; padding: 15px; overflow: hidden; position: relative; width: 572px; box-shadow: 0 0 19px #d7d6d6; background: #fff;}
.scenario img{ display: inline-block; float: left; width: 283px; height: 159px; margin: 0 1px 1px 0;}
.scenario em{ display: block; position: absolute; top:121px; left:209px;background:url(../images/us_float1.png) no-repeat; width: 186px; height: 110px; font-size:18px; color: #000000; font-weight: bold; text-align: center;padding-top:27px; line-height: 100%;}
.scenario em i{ display: block; padding-top: 15px;}.scenario em i b{ padding: 0 10px;}
.scenario em span{ display: inline-block;}
.scenario em strong{ display: inline-block;padding-left:9px;}
    /**/
h2{ text-align: center; font-weight: normal; line-height: 100%; font-size:40px; color: #000;}
h2 span{ display: block; color: #333; font-size: 18px; line-height: 100%; padding: 10px 0 64px 0;}.shows{ padding-top: 78px; background: #f5f5f5; height: 826px;}
 /**/
.shows{ padding-top: 78px; background: #f5f5f5; height: 826px;}
.shows h2{background:url(../images/c_h2.jpg) no-repeat center 84px; padding-bottom: 0;}
.shows h2 span{ padding-bottom: 41px;}
.sh_li{ height: 78px; overflow: hidden;}
.sh_li ul{ overflow: hidden; padding-left: 33px;}
.sh_li ul li{ float: left; margin-right: 20px; width: 173px; height: 47px; line-height: 47px; background:#6e7073; text-align: center; border-radius: 47px;}
.sh_li ul li a{ display: block; font-size: 16px; color: #fff;}
.sh_li ul li:hover{ background: #00c1de;}
.sh_on ul li{ overflow: hidden; position: relative; font-size: 0; line-height: 0; width: 378px; height: 283px; border: 1px solid #e8e8e8; float: left; margin:0 30px 25px  0;transition: all 0.3s linear 0s;}.sh_on ul li:nth-child(3n){ margin-right: 0;}
.sh_on ul li:hover{transform: translateY(-5px);box-shadow: 0 0 3px #ccc;}
.sh_on ul li i{ display: block; position: absolute; left: 0; bottom: 21px; width: 100%; line-height: 18px; text-align: center;}
.sh_on ul li i span{ display: inline-block; font-size: 16px; color: #000; padding-right: 34px;background:url(../images/p_mor.png) no-repeat right 0;}
/**/
.case{background:url(../images/case.jpg) no-repeat center 0; height: 682px; overflow: hidden; padding-top: 75px;}
.case h2{ color: #fff;background:url(../images/c_h2.jpg) no-repeat center 84px;}
.case h2 span{ color: #fff; padding-bottom: 41px;}
.c_l{ width: 239px; background: #fff; height: 528px;}
.c_l h3{height: 77px; line-height: 77px; background: #00c1de; color: #fff; font-size: 24px;font-weight: normal; padding-left: 60px;}
.c_l ul li{ height: 68px;}
.c_l ul li a{ display: block; line-height: 69px; border-bottom: 1px solid #e5e5e5; padding-left: 60px; font-size: 18px; color: #000; margin-left: 2px;}
.c_l ul li.cur a,.c_l ul li:hover a{ background: #f5f5f5; color: #00c1de; border-left: 2px solid #00c1de; margin-left: 0;}

.c_r{ float: right; width: 935px; height: 528px; position: relative; border: 2px solid #6a6a6a; box-sizing: border-box;}
.c_uu{ position: absolute; z-index: 5; top: 216px; left: 0; cursor: pointer;}
.c_dd{ position: absolute; z-index: 5; top: 216px; right: 0; cursor: pointer;}
.c_r ul li{ position: relative; font-size: 0;}
.c_r ul li b{ display: block; position: absolute; left: 0; bottom: 0; font-weight: normal; height: 133px;background:url(../images/c_spn.png) no-repeat; width: 100%;}
.c_r ul li b i{ display: inline-block; float: left; padding:19px 0 0 26px; width: 673px; font-size: 14px; color: #fff; line-height: 31px;}
.c_r ul li b i a{ display: block; font-size: 18px; display: block; color: #fff;    overflow: hidden;white-space: nowrap;text-overflow: ellipsis;  margin-bottom: 4px;}
.c_r ul li em{ display: inline-block; float: right; width: 156px; padding-top: 29px;}
.c_r ul li em a{ display: block; margin-bottom: 7px; width: 137px; height: 37px; line-height: 37px; border-radius: 37px; background: #fff; font-size: 14px; color: #333; text-align: center;}
.c_r ul li em a:last-of-type{ background: #00c1de; color: #fff;}
/**/


.yous{height:764px; background:url(../images/ys1.jpg) no-repeat center bottom; overflow: hidden; padding-top: 1px;}
.yous h2{ color: #000000;background:url(../images/c_h2.jpg) no-repeat center 84px; margin-top: 78px;}
.yous h2 span{ color: #000000; padding-bottom: 49px;}
.y_l{ width: 759px;}
.y_l ul{ overflow: hidden; height: 487px;}
.y_l ul li img{ width: 759px;}
.y_l p a{ display: inline-block; width: 35px; padding-top:11px; height:23px; text-align: center; background: #757575; float: left;}
.y_l p a:first-of-type{ background: #00c1de;}

.y_r{ width:380px;}
.y_r h3{  font-size:20px; color: #000000; font-weight: normal; padding-bottom: 33px;}
.y_r h3 i{ display: block; color: #ccc; font-family: Impact; font-size: 72px; line-height: 100%;}
.y_r h3 strong{ display: block; font-size: 26px; line-height: 43px; padding-top: 9px;}
.y_r p{ font-size: 16px; color: #333; padding-bottom:59px;}
.y_r p span{ display: block; padding-left: 15px; line-height: 28px;background:url(../images/y_lio.png) no-repeat left 11px;;white-space: nowrap;text-overflow: ellipsis;}
.y_r h4 img{ width:188px; display: inline-block;}
.y_r h4 img:first-child{ margin-right:3px;}
/**/
.pidz{height:812px; background:url(../images/ys2.jpg) no-repeat center 0; overflow: hidden;  padding-top: 1px;}
.pidz h3 i{ display: block; color: #fff; font-family: Impact; font-size: 72px; line-height: 100%; opacity: 0.35;}
.pidz h3 strong{ display: block; font-size:26px; color: #fff; padding:15px 0 29px 0;}
.pidz h3 strong span{ display: block; font-weight: normal; font-size: 20px; padding-top: 5px;}
.pidz h3{ margin-left: 601px; padding-top: 74px;}
.pidz p{font-size: 16px; color: #fff; padding-bottom:135px; margin-left: 601px;}
.pidz p span{ display: block; padding-left: 17px; line-height: 28px;background:url(../images/yaa.png) no-repeat left 11px;}
.pidz ul{ overflow: hidden;}
.pidz ul li{ float: left; border: 2px solid #e8e8e8; width: 354px; margin-left: 31px; background: #e8e8e8;}
.pidz ul li img{ width: 354px;}
.pidz ul li span{ width: 354px; display: block; overflow: hidden; height: 193px; }
.pidz ul li i{ display: block; text-align: center; height: 45px; line-height: 45px; text-align: center; font-size: 16px; color: #000;}
/**/
.ys3{height:787px; background:url(../images/ys3.jpg) no-repeat center bottom; overflow: hidden; }
.ys3 dl{ overflow: hidden; height: 372px;}
.ys3 dl dt{ float: right; height: 390px; width: 600px;}
.ys3 dl dd{ float:left; width: 495px; padding-top:55px; padding-left: 56px;}
.ys3 dl dd h3 strong{ display: block; font-size:26px; color: #000; padding:15px 0 29px 0;}
.ys3 dl dd h3 strong span{ display: block; font-weight: normal; font-size: 20px;}
.ys3 dl dd p{font-size: 16px; color: #333; padding-bottom:59px;}
.ys3 dl dd p span{ display: block; padding-left: 17px; line-height: 28px;background:url(../images/y_lio.png) no-repeat left 9px;}
.ys3 dl:nth-child(2) dt{ float: left;}
.ys3 dl dd h3 i{ display: block; color: #ccc; font-family: Impact; font-size: 72px; line-height: 100%;}

/**/
.konz{ height:548px; position: relative; padding-top: 78px;}
.konz h2{background:url(../images/c_h2.jpg) no-repeat center 84px #fff; padding-bottom: 0;}
.konz h2 span{ padding-bottom:39px;}
.konz ul li{ float: left; margin-right: 12px; overflow: hidden; height: 356px; background:url(../images/a_no1.jpg) no-repeat bottom;}
.konz ul li span{ display: block; font-size: 18px; color: #333; padding: 27px 0 0 94px; line-height: 100%;}
.konz ul li:last-of-type{ margin-right: 0;background:url(../images/a_no3.jpg) no-repeat bottom;}
.konz ul li:last-of-type span{ padding-left: 100px;}
.konz ul li:nth-of-type(2){background:url(../images/a_no2.jpg) no-repeat;}
.konz ul li:nth-of-type(2) span{ padding: 22px 0 0 79px; height: 59px;}
/**/
.juj{ height:803px; }
.juj h2{background:url(../images/c_h2.jpg) no-repeat center 84px #fff; padding-bottom: 0;}.juj h2 span{ padding-bottom: 43px;}
.juj h3{ line-height: 100%; height: 50px; font-weight: normal; overflow: hidden;}
.juj h3 span{ display: inline-block; float: right; font-size: 14px; text-transform: uppercase;}
.juj h3 span a{ color:#192336; font-family: Cambria;}
.juj h3 i{ display: inline-block; float: left; padding-left: 35px;background:url(../images/j_ti2.png) no-repeat; line-height: 26px; font-size: 18px;font-weight: bold; color: #192336;}
.j_l h3 i{background:url(../images/j_ti1.png) no-repeat; }

.j_l{ width: 602px;}
.j_r{ width: 560px;}
.j_r ul li{ overflow: hidden; margin-bottom:15px; border: 1px solid #e0e0e0;padding: 17px 0;height: 95px;}
.j_r ul li i{ display: inline-block; float: left; width:115px; height: 96px; border-right: 1px solid #e0e0e0; color: #a7a7a7; font-size: 16px; text-align: center;}
.j_r ul li i span{ display: block; font-size: 22px; color: #666; padding-top: 23px;}
.j_r ul li em{ display: inline-block; float: right; width: 407px; padding-right: 15px;}
.j_r ul li em a{ display: block; font-size: 16px; color: #000000; height: 23px; line-height: 23px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom: 9px; margin-top: 7px;}
.j_r ul li em span{ font-size: 14px; color: #666666; line-height: 30px; display: block;}
.j_r ul li:hover em a{ color: #00c1de;font-weight: bold;}
.j_r ul li:hover i,.j_r ul li:hover i span{color: #00c1de;}
.j_ob{ background: #fff; padding: 20px 25px; box-shadow: 0 0 15px #d5d4d4; border-radius:7px; height: 529px;}
.j_ob dl{ height: 430px;}
.j_ob dd h4{ padding-top: 26px; height: 43px; overflow: hidden;}
.j_ob dd h4 span{ display: inline-block; width: 55px; height: 24px; border: 1px solid #d22f2f; text-align: center; line-height: 24px;  color: #d22f2f; font-size: 16px; font-family: "宋体"; font-weight: bold; float: left;}
.j_ob dd h4 i{ display: inline-block; float: left; padding-left: 8px; line-height: 24px; font-weight: normal; font-size: 18px; color: #000000;}
.j_ob dd h4:hover i a{ color: #00c1de;}
.j_ob dd p{ color: #000000; font-size: 14px; line-height: 30px;}
.j_ob ul li{ margin-bottom: 12px; overflow: hidden;}
.j_ob ul li span{ display: inline-block; float: right; color: #666666; font-size: 14px; font-family: "宋体";}
.j_ob ul li a{ display: inline-block; float: left; padding-left: 35px;background:url(../images/j_io.png) no-repeat 0 5px; font-size: 14px; color: #666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;   width: 425px;}
.j_ob ul li a:hover{ color: #00c1de;}
    /**/
.zj{ height:517px;background:#f2f2f2; padding-top: 86px;}
.zj dl{ overflow: hidden; background: #fff; height: 432px;}
.zj dl dt{ float: left; width: 600px;}
.zj dl dt img{ width: 600px;}
.zj dl dd{ float: left; padding: 42px 0 0 28px; width: 543px;}
.zj dl dd h3{font-weight: normal; font-size: 18px; color: #000; line-height: 100%; padding-bottom: 28px;}
.zj dl dd h3 span{ display: block; font-size: 40px; padding-bottom: 10px; line-height: 100%;  }
.zj dl dd p{ font-size: 14px; color: #666; line-height: 30px; padding-bottom:20px;}
.zj dl dd p span{ display: block;}
.zj dl dd em{ display: block; width: 113px; height: 34px; line-height: 34px; text-align: center; background: #00c1de; border-radius: 34px;}
.zj dl dd em a{ display: block; color: #fff; font-size: 14px;}
/**/

/**/
.link{height:58px; line-height:58px; background: #272727; overflow: hidden;}
.link h4{ float:left;color: #fff; font-size: 14px; font-weight: normal; padding-left:44px;}
.link p{ float: right; width: 1047px;}
.link a{font-size: 14px;color: #fff; display: inline-block; float: left; padding: 0 20px;}
.link a:hover{ color: #d2242b;}