/*end*/
body{overflow-x:hidden;}






/**/
.guide{height:586px;background:url(../images/guide.jpg) no-repeat center;}
.guide .gui{padding-top:89px;}
.guide .gui h2{text-align: center; margin-bottom: 16px;}
.guide .gui h2 span{display: block; height:99px; line-height: 99px;font-size: 42px; color:#333333; font-weight: bold;}
.guide .gui h2 i{display: block; width:26px; height:4px; background:#dcdcdc;margin:0 auto;}
.guide .gui .gui-desc{text-align: center; margin-bottom: 89px; line-height: 32px;font-size: 15px; color:#666666;}
.guide .gui .gui-nav ul li{float:left;margin-left: 15%;}
.guide .gui .gui-nav ul li span{display: block; height:64px;}
.guide .gui .gui-nav ul li span em{display: inline-block; height:64px; line-height: 64px; font-size: 60px; color:#333333; font-family: "Bahnschrift";}
.guide .gui .gui-nav ul li span i{display: inline-block; width:29px; height:25px; background:url(../images/gui-dbx.png) no-repeat center; font-size: 16px; color:#FFF; line-height: 25px; text-align: center; vertical-align: top; margin-top: 10px;padding-right:5px; box-sizing: border-box;}
.guide .gui .gui-nav ul li p{height:30px; line-height: 30px;font-size: 18px; color:#333333;}
.guide .gui .gui-nav ul li:first-child{margin-left: 0;}
/**/
.pro1bj{height:975px;}
.pro1bj .pro1{padding-top:88px;}
.pro1bj .pro1 .pro-tit{height:130px;}
.pro1bj .pro1 .pro-tit h4{float:left;}
.pro1bj .pro1 .pro-tit h4 span{display: block; height:55px; line-height: 55px;font-size: 42px; color:#333333;font-weight: bold;}
.pro1bj .pro1 .pro-tit h4 em{display: block; height:33px; line-height: 33px;font-size: 18px; color:#666666; font-weight: normal;}
.pro1bj .pro1 .pro-tit i{display: block; float:right;height:78px; line-height: 57px;font-size: 60px;color:rgba(102,102,102,0.2); font-family: "Bahnschrift"; position: relative; text-transform: uppercase; letter-spacing: 3px;}
.pro1bj .pro1 .pro-tit i:before{width:62px; height:4px; background:#35c3cd;content:""; position: absolute;right:8px;bottom:0;}
.pro1bj .pro1 .pro-left{width:840px;height:630px;float:left;}
.pro1bj .pro1 .pro-left dl{width:840px; height:630px; position: relative;}
.pro1bj .pro1 .pro-left dl dt{width:100%; line-height: 0; overflow: hidden;}
.pro1bj .pro1 .pro-left dl dt img{width: 100%; transition: 1s;}
.pro1bj .pro1 .pro-left dl:hover dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.pro1bj .pro1 .pro-left dl dd{width:360px; height:334px;position: absolute;right:56px; top:55px;}
.pro1bj .pro1 .pro-left dl dd h4{height:86px; margin-bottom: 14px; line-height: 86px; position: relative;}
.pro1bj .pro1 .pro-left dl dd h4:before{width:26px; height:4px; background:#35c3cd;content:""; position: absolute;left:0;bottom:0;}
.pro1bj .pro1 .pro-left dl dd h4 a{font-size: 26px; color:#333333; font-weight: normal;}
.pro1bj .pro1 .pro-left dl dd p{ line-height: 32px; font-size: 15px; color:#666666; margin-bottom: 48px;width:340px;}
.pro1bj .pro1 .pro-left dl dd strong{display: block; height:55px;width:315px; float:right;}
.pro1bj .pro1 .pro-left dl dd strong a{display: block; width:147px; height:55px; line-height: 55px;text-align: center;float:left;border-radius: 30px;font-size: 16px; color:#FFFFFF; font-weight: normal;}
.pro1bj .pro1 .pro-left dl dd strong a.pro-btn1{background:#35C3CD;}
.pro1bj .pro1 .pro-left dl dd strong a.pro-btn2{background:#047ADA;float:right;}
.pro1bj .pro1 .pro-rig{width:360px;float:right;}
.pro1bj .pro1 .pro-rig ul li{height:126px; border-bottom:1px solid #e5e5e5; box-sizing: border-box;padding-left:59px; position: relative; transition: .5s;}
.pro1bj .pro1 .pro-rig ul li:before{width:9px; height:18px;  content:""; position: absolute;left:-9px; top:54px;}
.pro1bj .pro1 .pro-rig ul li span{display: block; height:125px; line-height: 125px;font-size: 20px; color:#333333; margin-right: 21px; float:left;width:190px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pro1bj .pro1 .pro-rig ul li em{display: block; height:125px; line-height: 125px;font-size: 20px; color:#5dcfd7; transition: .5s;}
.pro1bj .pro1 .pro-rig ul li i{display: none; width:88px; height:149px; line-height: 0; overflow: hidden;position: absolute;right:50px; bottom:0;}
.pro1bj .pro1 .pro-rig ul li i img{width:100%;}
.pro1bj .pro1 .pro-rig ul li.cur{background:#35C3CD;}
.pro1bj .pro1 .pro-rig ul li.cur span{color:#FFF;}
.pro1bj .pro1 .pro-rig ul li.cur em{opacity: 0;}
.pro1bj .pro1 .pro-rig ul li.cur i{display: block;}
.pro1bj .pro1 .pro-rig ul li.cur:before{background:url(../images/pro-dbx.png) no-repeat center;}
/**/
.pro2bj{height:822px; background:url(../images/pro2bj.jpg) no-repeat center;}
.pro2bj .pro2{padding-top:78px;}
.pro2bj .pro2 h2{text-align: center; margin-bottom: 12px;}
.pro2bj .pro2 h2 span{display: block; height:55px; line-height: 55px;font-size: 42px; color:#333333; font-weight: bold;}
.pro2bj .pro2 h2 em{display: block; height:33px; line-height: 33px;font-size: 18px; color:#666666; font-weight: normal; margin-bottom: 12px;}
.pro2bj .pro2 h2 i{display: block; width:26px; height: 4px;background:#35c3cd;margin:0 auto;}
.pro2bj .pro2 p{width:705px; margin:0 auto 15px; text-align: center;font-size: 15px; color:#666666; }
.pro2bj .pro2 strong{display: block; width:173px; height:55px; line-height: 55px; text-align: center; background:#35c3cd;margin:0 auto;border-radius: 30px;}
.pro2bj .pro2 strong a{display: block;font-size: 16px; color:#FFF; font-weight: normal;}
.pro2bj .pro2 .pro2-ico{height:321px; overflow: hidden; position: relative;}
.pro2bj .pro2 .pro2-ico i{display: block; width:86px;height:90px; line-height: 90px; text-align: center;font-size: 18px; color:#56697d;background:url(../images/pro2-ico.png) no-repeat center; position: absolute;opacity: 0;}
.pro2bj .pro2 .pro2-ico i.ico1{top:0;left:171px;}
.pro2bj .pro2 .pro2-ico i.ico2{top:0;right:195px;}
.pro2bj .pro2 .pro2-ico i.ico3{bottom:0;left:47px;}
.pro2bj .pro2 .pro2-ico i.ico4{bottom:0;right:59px;}
/**/
.case{height:1156px;}
.case .cas{padding-top:120px;}
.case .cas-tit{height:118px;border-bottom:1px solid #d4d4d4; box-sizing: border-box;}
.case .cas-tit h4{float:left;}
.case .cas-tit h4 span{display: block; height:55px; line-height: 55px;font-size: 42px; color:#333333;font-weight: bold;}
.case .cas-tit h4 em{display: block; height:33px; line-height: 33px;font-size: 18px; color:#666666; font-weight: normal;}
.case .cas-tit i{display: block; float:right;height:78px; line-height: 57px;font-size: 60px;color:rgba(102,102,102,0.2); font-family: "Bahnschrift"; position: relative; text-transform: uppercase; letter-spacing: 3px;}
.case .cas-tit i:before{width:62px; height:4px; background:#35c3cd;content:""; position: absolute;right:8px;bottom:0;}
.case .cas-nav{height:96px; margin-bottom: 9px;}
.case .cas-nav ul{position: relative;}
.case .cas-nav ul li{height:96px; line-height: 96px;float:left; text-align: center;position: relative; margin-left: 103px; }
.case .cas-nav ul li a{display: block;font-size: 18px; color:#333333;}
.case .cas-nav ul li.cur a{font-weight: bold; color:#35c2cc;}
.case .cas-nav ul li:before{content:"";position: absolute;left:-200px;top:-13px; width:100%; height:25px; background:url(../images/gui-dbx.png) no-repeat center; opacity: 0; transition: .5s;z-index:20;}
.case .cas-nav ul li.cur:before{left:0;opacity: 1;z-index:200;}
.case .cas-nav ul li:first-child{margin-left: 0;}
.case .cas-list ul li{float:left;width:386px; height:327px;margin:0 19px 29px 0;position: relative;}
.case .cas-list ul li:nth-child(3n){margin-right: 0;}
.case .cas-list ul li .default{height: 327px; transition: .5s;}
.case .cas-list ul li .default dl dt{height:217px; line-height: 0; overflow: hidden;}
.case .cas-list ul li .default dl dt img{width:100%; transition: 1s;}
.case .cas-list ul li .default dl dd{background:#EEEEEE;padding:21px 32px 0 22px; height:110px; box-sizing: border-box;}
.case .cas-list ul li .default dl dd h4{height:35px; line-height: 35px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.case .cas-list ul li .default dl dd h4 a{font-size: 18px; color:#333333;font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.case .cas-list ul li .default dl dd p{height:32px; line-height: 32px;font-size: 15px; color:#666666;}
.case .cas-list ul li .hover{width:100%; height: 327px;background:url(../images/cas-bj.jpg) no-repeat center; position: absolute;left:0;top:0;padding:21px 43px 0 39px; box-sizing: border-box; opacity: 0; transition: .5s;}
.case .cas-list ul li .hover h4{height:32px; line-height: 32px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; margin-bottom: 10px;}
.case .cas-list ul li .hover h4 a{font-size: 18px; color:#333333; font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.case .cas-list ul li .hover p{line-height: 29px; color:#666666; font-size: 15px; margin-bottom: 12px;}
.case .cas-list ul li .hover b{display: block;  margin-bottom: 14px;}
.case .cas-list ul li .hover b em{display:block;line-height: 29px;font-size: 15px; color:#666666; font-weight: normal;}
.case .cas-list ul li .hover b em i{color:#333333; font-weight: normal;}
.case .cas-list ul li .hover strong{display: block;height:41px;}
.case .cas-list ul li .hover strong a{display: block; width:146px; height:41px;float:left; line-height: 41px; text-align: center;font-size: 16px; color:#FFFFFF; font-weight: normal; border-radius: 18px;}
.case .cas-list ul li .hover strong a:first-child{background:#35C3CD;}
.case .cas-list ul li .hover strong a:last-child{float:right;background:#047ADA;}
.case .cas-list ul li:hover .default{ opacity: 0;}
.case .cas-list ul li:hover .hover{ opacity: 1;}

/**/
.super1{height:1126px;background:#F4F4F4;}
.super1 .sup1{padding-top:84px;}
.super1 .sup1 .sup-tit{height:89px; margin-bottom: 44px;}
.super1 .sup1 .sup-tit h4{float:left;}
.super1 .sup1 .sup-tit h4 span{display: block; height:55px; line-height: 55px;font-size: 42px; color:#333333;font-weight: bold;}
.super1 .sup1 .sup-tit h4 em{display: block; height:33px; line-height: 33px;font-size: 18px; color:#666666; font-weight: normal;}
.super1 .sup1 .sup-tit i{display: block; float:right;height:78px; line-height: 57px;font-size: 60px;color:rgba(102,102,102,0.2); font-family: "Bahnschrift"; position: relative; text-transform: uppercase; letter-spacing: 3px;}
.super1 .sup1 .sup-tit i:before{width:62px; height:4px; background:#35c3cd;content:""; position: absolute;right:8px;bottom:0;}
.super1 .sup1 dl{height:388px; margin-bottom: 34px; background:#FFF;}
.super1 .sup1 dl dt{width:684px; height:388px; line-height: 0; overflow: hidden;float:left;}
.super1 .sup1 dl dt img{width:100%; transition: 1s;}
.super1 .sup1 dl dd{width:514px; height:388px; float:left;padding:63px 95px 0 81px; box-sizing: border-box; position: relative; overflow: hidden;}
.super1 .sup1 dl dd h4{margin-bottom: 29px;}
.super1 .sup1 dl dd h4 span{display: block; height:46px; line-height: 46px;font-size: 32px; color:#333333; font-weight: bold;}
.super1 .sup1 dl dd h4 em{display: block; height:36px; line-height: 36px;font-size: 20px; color:#333333;font-weight: normal;}
.super1 .sup1 dl dd ul li{height:35px;line-height: 35px;padding-left:17px;background:url(../images/sup-ico.png) no-repeat left;font-size: 15px; color:#666666;}
.super1 .sup1 dl dd i{display: block; font-size: 200px; line-height: 120px; color:rgba(169,169,169,0.11); font-family:"Impact";position: absolute;right:0;bottom:0;}
.super1 .sup1 dl.last dd{padding-right:0;padding-left:48px;}
.super1 .sup1 dl:hover dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}

/**/
.sup2bj{height:586px; background:url(../images/sup2bj.jpg) no-repeat center;}
.sup2bj .sup2{padding-top:67px;}
.sup2bj .sup2 h2{text-align: center; margin-bottom: 36px;}
.sup2bj .sup2 h2 span{display: block; height:46px; line-height: 46px; font-size: 32px; color:#FFF;padding-top:58px;background:url(../images/sup2-sz.png) no-repeat top center; font-weight: bold;}
.sup2bj .sup2 h2 em{display: block;height:35px; line-height: 35px;font-size: 20px; color:#FFF;font-weight: normal;}
.sup2bj .sup2 ul li{float:left; width:200px; height:344px;border-right:1px solid rgba(255,255,255,0.2); box-sizing: border-box;padding-top:44px; transition: .5s; position: relative;}
.sup2bj .sup2 ul li:last-child{border-right:0;}
.sup2bj .sup2 ul li em{display: block;width:66px; height:52px; line-height: 0; position: relative; margin:0 auto 23px; z-index:200;}
.sup2bj .sup2 ul li em i{display: block; width:100%; height:52px; line-height: 0; overflow: hidden; position: absolute;left:0;top:0;}
.sup2bj .sup2 ul li em i img{width:100%;}
.sup2bj .sup2 ul li em i.default{-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.sup2bj .sup2 ul li em i.hover{opacity: 0; transform: scale(0);transition: .5s;}
.sup2bj .sup2 ul li span{display: block; height:35px; line-height: 35px;font-size: 22px; color:#FFF; text-align: center; z-index:200;position: relative;transition: .5s;}
.sup2bj .sup2 ul li b{display: block; height:26px; line-height: 26px; font-size: 14px; color:#FFF; font-weight: normal; text-align: center; z-index:200;position: relative; transition: .5s;}
.sup2bj .sup2 ul li p{ line-height: 27px;font-size: 15px; color:#666666; opacity: 0; z-index:200;position: relative;margin-top: 20px; transition: .5s;text-align: center;}
.sup2bj .sup2 ul li:before{width:100%; height: 0; background:#FFF;content:"";position: absolute;left:0;top:0;border-top-left-radius: 22px;border-top-right-radius: 22px; box-sizing: border-box; overflow: hidden; transition: .5s;}
.sup2bj .sup2 ul li:after{width:100%; height:11px;background:url(../images/sup2-ico.png) no-repeat center; content:""; position: absolute;left:0;bottom:58px;}
.sup2bj .sup2 ul li.cur{border-top-left-radius: 22px;border-top-right-radius: 22px; }
.sup2bj .sup2 ul li.cur:before{height:344px;}
.sup2bj .sup2 ul li.cur em i.default{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.sup2bj .sup2 ul li.cur em i.hover{opacity: 1; transform: scale(1);}
.sup2bj .sup2 ul li.cur span{color:#333333;}
.sup2bj .sup2 ul li.cur b{opacity: 0;height:0; overflow: hidden;font-size: 0;}
.sup2bj .sup2 ul li.cur p{ opacity: 1;margin-top:5px;}
/**/
.newsbj{height:1029px;}
.newsbj .news{padding-top:88px;}
.newsbj .news .news-tit{height:90px; margin-bottom: 38px;}
.newsbj .news .news-tit h4{float:left;}
.newsbj .news .news-tit h4 span{display: block; height:55px; line-height: 55px;font-size: 42px; color:#333333;font-weight: bold;}
.newsbj .news .news-tit h4 em{display: block; height:33px; line-height: 33px;font-size: 18px; color:#666666; font-weight: normal;}
.newsbj .news .news-tit i{display: block; float:right;height:78px; line-height: 57px;font-size: 60px;color:rgba(102,102,102,0.2); font-family: "Bahnschrift"; position: relative; text-transform: uppercase; letter-spacing: 3px;}
.newsbj .news .news-tit i:before{width:62px; height:4px; background:#35c3cd;content:""; position: absolute;right:8px;bottom:0;}
.newsbj .news .news-left{width:563px;float:left;}
.newsbj .news .news-left .tit{height: 37px; margin-bottom: 26px;}
.newsbj .news .news-left .tit span{display:block; height:37px; line-height: 37px;font-size: 20px; color:#333333;float:left;padding-left:48px; background:url(../images/news-ico1.png) no-repeat left;}
.newsbj .news .news-left .tit i{display: block; height:37px; line-height: 37px;float:right;font-size: 16px; color:rgba(102,102,102,0.5); text-transform: uppercase; font-family: "Bahnschrift";}
.newsbj .news .news-left dl{margin-bottom: 21px;}
.newsbj .news .news-left dl dt{ line-height: 0; overflow: hidden; }
.newsbj .news .news-left dl dt img{width:100%; transition: 1s;}
.newsbj .news .news-left dl dd{height:152px;border-bottom:1px dashed #dcdcdc; box-sizing: border-box;padding-top:19px;}
.newsbj .news .news-left dl dd h4{height:53px;line-height: 53px;}
.newsbj .news .news-left dl dd h4 a{font-size: 18px; color:#333333; font-weight: normal;}
.newsbj .news .news-left dl dd p{ line-height: 26px;font-size: 15px; color:#808080;}
.newsbj .news .news-left ul li{height:38px;}
.newsbj .news .news-left ul li em{display: block; height:38px; line-height: 38px;float:left; max-width:450px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size:16px; color:#333333;padding-left:17px;background:url(../images/news-dd.png) no-repeat left;}
.newsbj .news .news-left ul li i{display: block; height:38px; line-height: 38px;font-size: 16px; color:#666666;float:right;}
.newsbj .news .news-left .tit:hover span{color:#35c3cd;}
.newsbj .news .news-left .tit:hover i{color:#35c3cd;}
.newsbj .news .news-left dl:hover dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.newsbj .news .news-left dl:hover dd h4 a{color:#35c3cd;}
.newsbj .news .news-left ul li:hover em{color:#35c3cd;}
.newsbj .news .news-left ul li:hover i{color:#35c3cd;}
.newsbj .news .news-rig{width:583px;float:right;}
.newsbj .news .news-rig .tit{height: 37px;margin-bottom: 26px;}
.newsbj .news .news-rig .tit span{display:block; height:37px; line-height: 37px;font-size: 20px; color:#333333;float:left;padding-left:48px; background:url(../images/news-ico2.png) no-repeat left;}
.newsbj .news .news-rig .tit i{display: block; height:37px; line-height: 37px;float:right;font-size: 16px; color:rgba(102,102,102,0.5); text-transform: uppercase; font-family: "Bahnschrift";}
.newsbj .news .news-rig .tit:hover span{color:#35c3cd;}
.newsbj .news .news-rig .tit:hover i{color:#35c3cd;}
.newsbj .news .news-rig ul{margin-bottom: 28px;padding-top:10px;border-top:1px dashed #d6d6d6;}
.newsbj .news .news-rig ul li{height:51px;}
.newsbj .news .news-rig ul li em{display: block; height:51px; line-height: 51px;float:left;max-width:470px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-left:17px; background:url(../images/news-dd.png) no-repeat left;font-size: 16px; color:#333333;}
.newsbj .news .news-rig ul li i{display: block; height:51px; line-height: 51px;float:right;font-size: 12px; color:#999999;}
.newsbj .news .news-rig ul li:hover em{color:#35c3cd;}
.newsbj .news .news-rig ul li:hover i{color:#35c3cd;}
.newsbj .news .news-rig .rig-bot dl{height:143px; margin-bottom: 11px; background:#F4F4F4;}
.newsbj .news .news-rig .rig-bot dl dt{width:253px; height:143px; float:right; line-height: 0; overflow: hidden;}
.newsbj .news .news-rig .rig-bot dl dt img{width:100%; transition: 1s;}
.newsbj .news .news-rig .rig-bot dl dd{width:326px; padding:24px 36px 0 35px; box-sizing: border-box;}
.newsbj .news .news-rig .rig-bot dl dd h4{height:30px; line-height: 30px; margin-bottom: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.newsbj .news .news-rig .rig-bot dl dd h4 a{font-size: 18px; color:#333333; font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.newsbj .news .news-rig .rig-bot dl dd p{ line-height: 28px;font-size: 15px; color:#999999;}
.newsbj .news .news-rig .rig-bot dl:hover dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.newsbj .news .news-rig .rig-bot dl:hover dd h4 a{color:#35c3cd;}
/**/
.about{height:791px; background:url(../images/about.jpg) no-repeat center;}
.about .abo{padding-top:98px;}
.about .abo .abo-con{width:708px;height:496px; background:#FFF;float:right;padding:40px 53px 0 78px; box-sizing: border-box;}
.about .abo .abo-con .abo-tit{ margin-bottom: 23px;}
.about .abo .abo-con .abo-tit i{display: block; height:100px; line-height: 100px;font-size: 72px;color:rgba(153,153,153,0.2); font-family: "Impact"; text-transform: uppercase;}
.about .abo .abo-con .abo-tit span{display: block; height:57px; line-height: 57px;font-size: 44px; color:#333333; font-weight: bold;}
.about .abo .abo-con .abo-tit em{display: block; height:32px; line-height: 32px;font-size: 18px; color:#333333;}
.about .abo .abo-con p{ line-height: 32px;font-size: 15px; color:#666666; margin-bottom: 49px;width: 505px;}
.about .abo .abo-con strong{display: block; width:146px; height:43px; line-height: 43px;background:#35C3CD;border-radius: 30px; text-align: center;}
.about .abo .abo-con strong a{display: block;font-size: 15px; color:#FFFFFF; font-weight: normal;}