@charset "utf-8";

/*banner*/
.banner{position: relative; clear: both;}
.ban_p li{ display:block; height:700px;width: 100%!important; overflow: hidden;position: relative;margin:0 auto;}
.ban_p li img {width: 1920px;height: 700px;position: absolute;left: 50%;top:0;margin-left: -960px;}
.ban_t{width:600px;height:50px;bottom: 0;left:50%;margin-left:0;position: absolute;text-align: right;}
.ban_t em{width: 16px;height: 16px;border-radius: 16px;margin-right:16px; display: inline-block;background: #fff;}
.ban_t em.on{background: #fbb01f;width: 32px;}

.til01{display: block;font-size:18px;line-height:36px;color: #272727;text-align: center;font-weight: normal;}
.til01 p{display: block;font-size: 40px;line-height: 58px;}
.til01 span{display: inline-block;height: 62px;background:url(../images/tilbg1.png) no-repeat center bottom;}
.til01 a{display: block;color: #272727;}


/*引子*/
.webox{font-family: "Microsoft Yahei";line-height:36px;position: relative;padding:87px 0 0;height:834px;overflow: hidden;font-size: 16px;width:1200px;margin:0 auto;text-align:center;}
.webox_w{height:98px;text-align: center;}
.webox_p{background: #fff;padding: 8px;box-shadow: 0 0 10px 10px #f5f5f5;}
.webox_p,.webox_p p,.webox_p p img{width:1184px;display: block;height: 364px;display: block;overflow: hidden;}
.webox_l{clear: both;padding: 46px 0 0;}
.webox_l ul{width: 1220px;}
.webox_l li{float: left;padding: 0 88px 0 0;margin: 0 88px 0 0;position: relative;font-size: 16px;line-height: 23px;color: #303030;}
.webox_l li p em{display: block;color: #d1d1d1;font-size: 12px;line-height: 15px;}
.webox_l li:last-child{padding: 0;margin: 0;}
.webox_l li:before{content: "";position: absolute;width:1px;height:102px;background: #e9e9e9;right:0;top:2px;}
.webox_l li:last-child:before{width: 0;height: 0;}
.webox_l li span{display: block;height: 63px;line-height: 63px;}
.webox_l li span b{font-size: 60px;display: inline-block;color: #fbb01f;}
.webox_l li span em{width: 25px;line-height: 25px;border-radius: 25px;text-align: center;color: #fff;display: inline-block;background: #fbb01f;position: relative;}
.webox_l li span em:before{content: "";position: absolute;width:7px;height:7px;right:0;top:0;border: solid 1px #fbb01f;border-radius: 7px;}

/*解决方案*/
.plan{font-family: "Microsoft Yahei";background:url(../images/planbg.jpg) no-repeat center;padding: 63px 0;height: 423px;font-size: 16px;color: #454947;line-height: 36px;text-align: center;}
.plan dl,.plan dd.plan_p,.plan dd.plan_p img,.plan dl.cur:before{width:297px;height: 416px;display: block;overflow: hidden;}
.plan dl{float: left;margin:0 4px 0 0;background: #fff;position: relative;z-index: 1;}
.plan dl:before{content: "";position: absolute;width: 0;height: 0;background: rgba(0 , 160 ,62 , 0.6);z-index: 2;-webkit-transition:height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transition:height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.plan dl.cur:after{content: "";position: absolute;width: 38px;height: 37px;background:url(../images/ico01.png) no-repeat center;top: 280px;left: 130px;z-index: 2;}
.plan dl:last-child{margin:0;}
.plan dt{height: 193px;padding: 50px 0 0;position: relative;z-index: 2;}
.plan dt p,.edge_t li p{font-size: 24px;font-weight: bold;line-height: 34px;color: #2f2f2f;}
.edge_t li p{font-weight: normal;}
.plan dt p em,.edge_t li em,.edge_w h3 em,.tec_pc li em{font-size:12px;font-weight: normal;line-height:22px;opacity: 0.8;display: block;}

.plan dt span,.edge_t li span,.case_t li span,.tec_pc li span{width:55px;height:52px;display: block;margin: 0 auto;position: relative;overflow: hidden;}
.plan dt span i,.edge_t li span i,.case_t li span i,.tec_pc li span i{width:55px;height:52px;position: absolute;left: 0;top: 0;}
.case_t li span i,.case_t li span{width:41px;height:37px;}
.tec_pc li span i,.tec_pc li span{width:59px;height:59px;}
.plan dt i.default,.edge_t li span i.default,.case_t li span i.default,.tec_pc li span i.default{-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.plan dt i.hover,.edge_t li span i.hover,.case_t li span i.hover,.tec_pc li span i.hover{opacity:1;visibility:visible;opacity:0;visibility:hidden;
    -webkit-transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
    transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-transition:all 0.4s linear;
    transition:all 0.4s linear;}
.plan dl.cur span .default,.edge_t li.cur span .default,.case_t li.cur span .default,.tec_pc li.cur span i.default{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);}
.plan dl.cur span .hover,.edge_t li.cur span .hover,.case_t li.cur span .hover,.tec_pc li.cur span i.hover{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}
.plan dl.cur,.plan dl.cur p,.edge_t li.cur,.case_t li.cur{color: #fff;}


.plan dd.plan_w{height: 142px;padding:32px 16px 0;background: #e7e7e7;}
.plan dd.plan_p{position: absolute;left: 0;top: 0;z-index: 1;display: none;}
.plan dl.cur dd.plan_p{display: block;}

/*产品中心*/
.probox{font-family: "Microsoft Yahei";line-height:24px;position: relative;background:#fff;color: #5b5b5b;padding: 90px 0 0;}
.prod1{height: 712px;background:url(../images/probg1.jpg) no-repeat center 0;}
.prev1,.next1{width:9px;height:19px;display: block;overflow: hidden;top:450px;left:-228px;z-index: 9;cursor: pointer;}
.next1{left:-58px;}
.prod_t{width: 208px;padding: 28px 0 0;}
.prod_t h3{font-size: 24px;line-height: 57px;}
.prod_t h3 a{display: block;color: #fbb01f;}
.prod_t p{width: 182px;height: 76px;display: block;}
.prod_t span{height: 85px;line-height:16px;font-size: 16px;font-family: Times New Roman;position: relative;}
.prod_t span:before{content: "";position: absolute;width:95px;height:20px;background:url(../images/ico02.png) no-repeat center 0;left:-120px;top: 18px;}
.prod_t span b{line-height:56px;font-size: 60px;display: block;color: #222020;}
.prod_t li{display: block;float: left;width: 82px;line-height: 36px;font-size: 16px;}
.prod_t li a{display: block;color: #717171;position: relative;padding: 0 0 0 12px;}
.prod_t li a:before{content: "";position: absolute;width: 4px;height: 4px;border-radius: 4px;background: #525252;left: 0;top: 14px;}
.prod_l{width:455px;height: 116px;left: 0;top: 527px;z-index: 8;}
.prod_l li{float: left;margin: 0 18px 0 0;}
.prod_l li,.prod_l li img{width:208px;height: 116px;display: block;overflow: hidden;}
.prod_c{width: 932px;margin-right: 40px;}
.prod_c .pageState{width:160px;height: 34px;line-height: 34px;font-size: 24px;color: #8c8c8c;font-family: Times New Roman;letter-spacing: 5px;position: absolute;left: -220px;top: 442px;text-align: center;}
.prod_c .pageState span{color: #272727;font-size: 36px;font-weight: bold;padding: 0 4px;}
.prod_cl dt,.prod_cl dt img{width: 932px;height: 506px;display: block;overflow: hidden;}
.prod_cl dd{padding: 15px 0 0 265px;background:url(../images/ico03.png) no-repeat right 21px;position: relative;}
.prod_cl dd h3{font-weight: normal;font-size: 18px;line-height: 63px;}
.prod_cl dd h3 a{display: block;color: #2d2c2c;}
.prod_cl dd p{width: 424px;}
.more01{width:102px;background:url(../images/more01.png) no-repeat 0 0;line-height: 25px;color: #fff;padding: 0 76px 0 0;text-align: center;}
.more01 a{display: block;color: #fff;}
.prod_cl dd .more01{position: absolute;right: 0;top: 94px;}

.prod2{height: 783px;background:url(../images/probg2.jpg) no-repeat center 0;padding: 101px 0 0;background-attachment:fixed;z-index: 1;position: relative;}
.prod2:before{content: "";position: absolute;width:1326px;height:739px;background: #fff;left:50%;margin-left: -663px;top: 72px;z-index:-1;}
.prod2 .prod_l{left:722px;}
.prod2 .prod_cl dd{padding: 15px 487px 0 0;background: none;}
.prod2 .prod_cl dd:before{content: "";position: absolute;width:54px;height:49px;background:url(../images/ico04.png) no-repeat 0 0;left:-226px;top:21px;}
.prod2 .prod_cl dd .more01{left:-226px;}

.prod3{height: 736px;background:url(../images/probg3.jpg) no-repeat center 74px #fff;padding: 74px 0 0;}
.prod3 .prod_l{top: 506px;width: 268px;left: 932px;}
.prod3 .prod_l li,.prod3 .prod_l li img{width: 268px;height:146px;margin: 0;}
.prod3 .prod_t{margin-right: 14px;}
.prod3 .prod_t span:before{left: 92px;}
.prod3 .prod_c .pageState{left: 9px;top: 566px;}
.prod3 .prod_cl dd{margin-right: 25px;}
.prod3 .prev1,.prod3 .next1{left:0;top: 575px;}
.prod3 .next1{left:170px;}


/*优势*/
.edge{font-family: "Microsoft Yahei";padding:66px 0 0;color: #3d3d3d;overflow: hidden;font-size: 16px;clear: both;position: relative;background:url(../images/bg01.gif) repeat;}
.prev2,.next2{width:52px;height:102px;display: block;overflow: hidden;bottom:136px;left:50%;margin-left:-590px;z-index: 9;cursor: pointer;}
.next2{margin-left: 550px;}

.edge_t{height: 165px;margin-bottom: 40px;text-align: center;text-transform: uppercase;}
.edge_t li{height: 135px;width: 249px;float: left;margin: 0 0 0 17px;border: solid 1px #ececec;color: #181818;padding: 28px 0 0;background: #fff;}
.edge_t li.cur{background: #fbb01f;color: #fff;}
.edge_t li.cur p{color: #fff;}
.edge_t li:first-child{margin: 0 0 0 74px;}
.case_t li p{width:130px;float: left;padding: 12px 0 0 18px;font-weight: bold;}
.case_t li p em{display: block;font-size: 12px;color: #cacaca;line-height: 18px;font-style: normal;font-weight: normal;}
.edge1{width: 100%;display: block; position: relative;}
.edge_p,.edge_p img{width:100%;display: block;max-width: 1920px;min-width: 1200px;margin: 0 auto;}
.edge_w{width:1041px;height:202px;background:rgb(233, 121, 22);position: absolute;bottom: 94px;left: 50%;margin-left: -520px;}
.edge_wp{width:526px;right: 22px;top: -150px;}
.edge_w h3{height:60px;font-size:28px;line-height: 48px;color: #fff;margin: 39px 21px;padding:0 0 0 56px;text-transform: uppercase;background-size: 45px 107px!important;}
.edge_wc{height: 65px;line-height: 65px;background: #fff;}
.edge_wc p{float: left;padding: 0 0 0 38px;position: relative;background:url(../images/ico05.gif) no-repeat 22px center;white-space: nowrap;}

/*案例*/
.case{font-family: "Microsoft Yahei";padding:95px 0 0;clear: both;font-size: 16px;line-height: 32px;}
.case_t{height: 112px;font-size: 20px;line-height: 26px;padding: 0 0 0 238px;}
.case_t li{width: 262px;height: 82px;float: left;border: solid 1px #e7e7e7;}
.case_t li span{width:41px;height:33px;float: left;margin: 23px 14px 0 45px;}
.case_t li p{width:160px;float: left;padding: 20px 0 0;}
.case_t li span i{background-size: 41px 97px!important;}
.case_t li.cur{border-color: #fbb01f;background: #fbb01f;color: #fff;}
.case_t li.cur p em{color: #75cc97;}
.case_c{border: solid 8px #eee;height: 459px;overflow: hidden;margin-bottom: 34px;position: relative;}
.case_pho{width: 228px;height: 56px;border-top: dotted 1px #dadada;padding: 37px 0 0 60px;line-height: 24px;font-size: 16px;color: #717171;background:url(../images/c_pho.gif) no-repeat 0 46px;position: absolute;top: 319px;right: 37px;}
.case_pho span{display: block;font-family:Times New Roman;font-size: 24px;color: #1c1c1c;line-height: 28px;}
.case_c dl{width:1184px;height: 459px;background: #fff;position: relative;overflow: hidden;}
.case_c dt,.case_c dt img{width: 813px;height: 459px;display: block;overflow: hidden;float: left;}
.case_c dd{width: 290px;padding: 18px 0 0 42px;float: left;}
.case_c dd h3{height:101px;font-size: 24px;line-height: 101px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.case_c dd h3 a{color: #192440;display: block;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.case_c dl:hover dd h3 a,.case_c dd h3 a:hover{color: #fbb01f;}

.part{height: 236px;overflow: hidden;}
.part li{float: left;border: solid 1px #efefef;padding: 3px 0;margin: 0 5px 0 0;}
.part li,.part li img{width: 234px;height: 131px;display: block;overflow: hidden;}

/*流程*/
.tec_p{font-family: "Microsoft Yahei";background:url(../images/tecbg.jpg) no-repeat center 0;color: #2b2b2b;line-height:24px;text-align: center;padding:117px 0 0;height:657px;font-size: 18px;}
.tec_p h2{color: #ffffff;line-height:104px;text-align: right;height:425px;font-size: 40px;padding: 0 106px;position: relative;}
.tec_p h2:before{content: "";position: absolute;width:96px;height:2px;background: #fbb01f;right:0;top:52px;}
.tec_pc{height: 153px;width: 910px;background: #fafafa;position: relative;}
.tec_pc:before{content: "";position: absolute;width:95px;height:20px;background:url(../images/ico02.png) no-repeat center 0;right:-53px;top: 98px;}
.tec_pc h3{width:100px;background: #fbb01f;font-size: 30px;line-height: 40px;color: #fff;height: 111px;float: left;padding:42px 0 0;}
.tec_pc h3 em,.about_w h3 em{display: block;font-weight: normal;font-size: 18px;line-height:26px;opacity: 0.22;}
.tec_pc ul{width: 780px;float: left;padding: 22px 0 0;}
.tec_pc li{width:144px;float: left;position: relative;padding: 0 0 0 12px;}
.tec_pc li.cur{font-weight: bold;color: #fbb01f;}
.tec_pc li:before{content: "";position: absolute;width:7px;height:12px;background:url(../images/ico06.gif) no-repeat 0 0;left:0;top:78px;}
.tec_pc li:nth-child(1):before{width: 0;height: 0;}
.tec_pc li span{width:59px;height: 59px;display: block;margin: 0 auto;}
.tec_pc li em{font-weight: normal;color: #dfdfdf;}

/*关于*/
.about{height:896px;font-family: "Microsoft Yahei";line-height:36px;padding:61px 0 0;background: url(../images/aboutbg.gif) repeat-x center bottom;font-size: 16px;color: #797979;}
.about_p,.about_p img{width:1200px;height: 450px;display: block;overflow: hidden;}
.about_w{height:235px;padding: 43px 0 0;}
.about_w h3{height: 94px;line-height: 38px;font-size: 26px;}
.about_w h3 a{color: #000;}
.about_w h3 em{font-size: 14px;}
.about_w h3 .more01{float: right;}
.about_w h3 .more01,.news_c .more01{font-size: 16px;font-weight: normal;background:url(../images/more02.png) no-repeat 0 0;line-height: 30px;width: 125px;display: block;}
.about_w h3 .more01 a,.news_c .more01 a{color: #2f2f2f;}
.about_w p{height: 170px;}


/*资讯*/
.newbox{line-height:24px;height:505px;font-family: "Microsoft Yahei";color: #9a9a9a;clear: both;padding:82px 0;}
.new_l,.new_l img{width: 601px;height: 505px;display: block;overflow: hidden;}
.new_r{width: 500px;overflow: hidden;}
.new_t{height: 86px;font-size: 16px;line-height: 48px;}
.new_t li{float: left;color: #000;}
.new_t li.cur{font-weight: bold;}
.new_t li i{display: inline-block;color: #cfcfcf;padding: 0 20px;font-size: 12px;font-weight: normal;}

.news_c dl{height: 116px;}
.news_c dt{width: 60px;float: right;text-align: center;font-size: 16px;font-family: Tahoma;line-height:24px;padding: 6px 0 0;color: #666160;}
.news_c dt b{display: block;font-size:25px;line-height:52px;font-weight: normal;color: #231815;}
.news_c dd{ width:395px;float: left;}
.news_c dd a{color: #010101;font-size: 16px;padding: 0 0 0 26px;position: relative;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;height: 37px;line-height: 37px;display: block;z-index:1;}
.news_c dd a:hover{color: #fbb01f;}
.news_c dd a:before{content: "";position: absolute;width: 9px;height: 9px;background: #7f7f7f;left: 2px;top: 15px;z-index:-1;}
.news_c dl:hover dd h3 a,.news_c dd h3 a:hover{color: #fbb01f;font-weight: bold;}


/*友情链接*/
.link{height:74px;line-height:74px;color: #a4a4a4;background:url(../images/footbg.gif) repeat center;position: relative;border-top: solid 1px #383838;font-size: 16px;}
.link h3{font-size: 20px;color: #fbb01f;float: left;width: 130px;}
.link i{display: inline-block;padding: 0 24px;}
.link a{display: inline-block;color: #a4a4a4;}

.webox_p img, .prod_cl dt img, .prod_l li img, .case_c dt img, .part li img, .about_p img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.webox_p img:hover, .prod_cl dt img:hover, .prod_l li img:hover, .case_c dt img:hover, .part li img:hover, .about_p img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}