@charset "utf-8";

/*banner*/
.banner{position: relative; height:716px;clear: both;}
.ban_p,.ban_p a,.ban_p ul,.ban_p li{width:100%!important; height:716px;overflow: hidden;}
.ban_p li{ display:block; height:716px;width: 100%!important; overflow: hidden;position: relative;margin:0 auto;}
.ban_p li img {width: 1920px;height: 716px;position: absolute;left: 50%;top:0;margin-left: -960px;}
.ban_t{width:120px;height:20px;bottom:-58px;left:50%;margin-left:480px;position: absolute;z-index: 9;}
.ban_t em{width: 15px;height: 15px;border-radius: 15px;margin-right:20px; display: inline-block;background: #000;}
.ban_t em.on{background: #005fa8;}

.til01{text-align: center;display: block;font-size:50px;color: #231f20;line-height:64px;height:129px;}
.til01 a{display: block;color: #231f20;}
.til01 p{display: block;height:32px;font-size:18px;line-height:32px;font-weight: normal;opacity: 0.8;}
.til01 b{color: #0057ac;}

.sologn{height: 88px;position: relative;z-index: 1;}
.sologn:before{content: "";position: absolute;width:98%;height:88px;background:#005fa8;top:0;left:50%;margin-left: -600px;z-index: -1;}
.sologn_c{width: 1176px;margin: 0 auto;background: #f2f2f2;height: 88px;}
.sologn_c h2{font-weight: normal;font-size: 26px;color: #333;line-height:32px;padding: 17px 0 0 42px;}
.sologn_c h2 b{color: #005fa8;}
.sologn_c h2 span{color: #646464;display: block;font-size:16px;line-height: 24px;}

/*引子*/
.webox{color: #fff;font-family:"Microsoft Yahei";line-height:18px;position: relative;overflow: hidden;padding:103px 0 93px;background:url(../images/webg.jpg) no-repeat center 101px;}
.webox_p{width: 50%;height:547px;background: url(../images/we_pic1.jpg) no-repeat right 0;left: 0;top: 103px;}
.webox_r{width: 600px;}
.webox_r h2{font-weight: normal;height: 194px;font-size: 30px;color: #333;line-height: 52px;text-align: right;}
.webox_r h2 span{display: block;font-family: Myriad Pro;font-size: 48px;line-height: 54px;opacity: 0.3;font-weight: bold;}
.webox_l{width: 600px;padding: 547px 0 0;}
.webox_video,.webox_video img{width: 599px;height: 353px;display: block;overflow: hidden;}
.webox li{width: 300px;height: 260px;background: #b7b7b7;float: left;overflow: hidden;color: #fff;text-align: center;}
.webox li span{display: block;background: url(../images/ico01.png) no-repeat center bottom;height: 141px;padding: 13px 0 0;position: relative;}
.webox li span em{display: block;font-family: Myriad Pro;font-size:120px;line-height: 141px;}
.webox li span b{display: inline-block;font-size:24px;line-height:40px;padding: 0 12px;background: #b7b7b7;position: absolute;top: 94px;left: 50%;font-weight: normal;}
.webox li p{display: block;opacity: 0.5;padding: 18px 30px 0;}
.webox_r li:nth-child(1){color:#333;}
.webox_r li:nth-child(2) p{opacity:1;}
.webox_r li:nth-child(1),.webox li:nth-child(1) span b{background: #f2f2f2;}
.webox_l li{background: #005fa8;color: #fff;}
.webox_l li span b{background: #005fa8;}
.webox_l li:nth-child(1),.webox_l li:nth-child(1) span b,.plan_t li,.edge1{background: url(../images/webg1.gif) repeat;}

/*产品中心*/
.probox{font-family:"Microsoft Yahei";position: relative;z-index: 1;font-size:16px;line-height:31px;}
.probox:before{content: "";position: absolute;width:100%;height:1144px;background:#f2f2f2;bottom:0;left:0;z-index: -1;}
.prod_c{height: 481px;overflow: hidden;margin-bottom: 20px;}
.pro_ico{width: 203px;height: 83px;top: 11px;right:306px;z-index: 1;text-align: center;color: #fff;line-height: 82px;font-size: 18px;}
.pro_ico em{width: 54px;float: left;border-bottom: 1px solid #fff;}
.pro_ico em.cur{color: #005fa8;font-size: 48px;border-color: #005fa8;}
.prod_c dl{height: 481px;background: #005fa8;color: #fff;line-height: 20px;}
.prod_c dd{width: 244px;float: left;padding: 25px 0 0 36px;}
.prod_c dd h3{display: block;font-size: 30px;line-height:46px;height: 110px;border-bottom: 1px solid #337fb9;font-weight: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.prod_c dd h3 span{display: block;opacity: 0.2;font-size: 30px;line-height: 30px;font-family: Myriad Pro;width: 150px;}
.prod_c dd h3 a{display: block;color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.prod_c dd p{display: block;padding: 0 0 18px;}
.prod_c dd p span{display: block;}
.prod_c dt,.prod_c dt img{width:893px;height: 481px;overflow: hidden;display: block;float: left;}
.prod_cw{overflow: hidden;}
.prod_cw h4{font-size: 18px;line-height:62px;height:62px;overflow: hidden;}
.prod_cw p{padding: 0 0 18px;}
.pro_more{display: block;}
.pro_more a{display: block;width: 125px;line-height: 34px;border-radius: 17px;border: solid 2px #fff;text-align: center;color: #fff;}
.prod_l dl{width:590px;overflow: hidden;height: 331px;margin-bottom: 20px;background:url(../images/prolbg.gif) no-repeat right bottom #fff;float: left;}
.prod_l dl:nth-child(2n){margin-left:20px;}
.prod_l dt, .prod_l dt img{width:300px;height: 324px;display: block;float: left;}
.prod_l dd{width: 250px;float: left;padding: 43px 0 0 36px;}
.prod_l dd h3{font-size: 30px;font-weight: normal;height: 62px;line-height: 62px;color: #131313;}
.prod_l dd h3 a{display: block;color: #131313;}
.prod_l dd li a{display: block;color: #6d6d6d;padding: 0 0 0 12px;position: relative;}
.prod_l dd li a:before{content: "";position: absolute;width:5px;height:1px;background:#6d6d6d;top:15px;left:0;}
.prod_l dd li a:hover,.hotword_c a:hover{color: #005fa8;text-decoration: underline;}
.prod_l dd li a:hover:before{background: #005fa8;}
.pro_pho{font-size:14px;line-height:24px;padding:10px 0 0;}
.pro_pho b{font-size:24px;line-height:30px;display:block;color:#005fa8;font-family: Myriad Pro;}

.hotword{clear: both;padding: 20px 0 0;height: 150px;}
.hotword h3{width: 298px;float: left;font-size: 24px;line-height: 36px;font-weight: normal;position: relative;color: #000;}
.hotword h3:before{content: "";position: absolute;width:47px;height:2px;background:#005fa8;top:57px;left:0;}
.hotword_c{width:902px;float: left;line-height: 30px;}
.hotword_c a{float: left;color: #6d6d6d;padding: 0 62px 0 0;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.hotword_c a:nth-child(6n){padding: 0;}

/*解决方案*/
.plan{padding: 92px 0 0;font-family:"Microsoft Yahei";line-height: 18px;height: 700px;color: #fff;}
.plan_c{width: 598px;height: 475px;background: #005fa8;color: #fff;top: 220px;left:301px;}
.plan_t li{width: 289px;height: 151px;float: left;margin-bottom: 10px;position: relative;font-size: 20px;line-height: 32px;}
.plan_t li a{color:#fff;}
.plan_t li:nth-child(2n){margin-left:622px;}
.plan_t li p{width: 170px;float: left;padding: 32px 0 0 18px;}
.plan_t li p em{display: block;opacity: 0.3;font-family: Myriad Pro;font-size:24px;line-height:24px;}
.plan_t li span{width: 76px;height: 76px;position: relative;float: left;margin: 37px 0 0 24px;}
.plan_t li span i{width:76px;height: 76px;position: absolute;left: 0;top: 0;}
.plan_t li span i.default,.new_t li span i.default{-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.plan_t li span i.hover,.new_t 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_t li.cur span i.default,.new_t 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_t li.cur span i.hover,.new_t li.cur span i.hover{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}

.plan_t li.cur{background: #005fa8;}
.plan_t li.cur:before{content: "";position: absolute;width:0;height:0;top:68px;border-top:10px solid transparent;border-bottom:10px solid transparent;}
.plan_t li:nth-child(2n).cur:before{border-left:10px solid #fff;left: 0;}
.plan_t li:nth-child(2n-1).cur:before{border-right:10px solid #fff;right: 0;}

.plan_p,.plan_p img{width: 598px;height: 322px;display: block;overflow: hidden;}
.plan_w{padding: 17px 32px 0;}
.plan_wt{height: 45px;}
.plan_wt span{width: 107px;line-height: 32px;border: solid 1px #fff;border-radius: 3px;margin: 0 10px 0 0;float: left;text-align: center;color: #fff;}
.plan_wt span.cur{background: #fff;color: #005fa8;font-weight: bold;position: relative;}
.plan_wt span.cur:before{content: "";position: absolute;width:0;height:0;top:33px;left: 50%;margin-left: -5px; border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #fff;}
.plan_wc b{display: block;font-size: 18px;line-height: 32px;}
.plan_wc b a{display: inline-block;color: #fff;}
.plan_wc p{opacity: 0.5;}

/*优势*/
.edge{font-family:"Microsoft Yahei";position: relative;line-height:22px;padding:92px 0 0;z-index: 1;color: #6e6e6e;}
.edge .til01,.tec_p .til01{color: #fff;height: 132px;}
.edge:before{content: "";position: absolute;width:100%;height:812px;top:0;left: 0;background:url(../images/edgebg1.jpg) no-repeat center 0;z-index: -1;}
.edge:after{content: "";position: absolute;width:100%;height:601px;top:862px;left:50%;margin-left: -600px;background:#f2f2f2;z-index: -1;}
.edge1{height:548px;width: 1091px;margin-bottom: 90px;}
.edge1_p,.edge1_p img{width: 1091px;height:413px;display: block;overflow: hidden;}
.edge2_p,.edge2_p img{width: 1200px;height:413px;display: block;overflow: hidden;}
.edge1_w{padding:23px 0 0 23px;}
.edge_ico{position: relative;width: 133px;float: left;}
.edge_ico:before{content: "";position: absolute;width:1px;height:79px;top:7px;right:20px;background: rgba(255, 255, 255, 0.3);}
.edge1_wc{width: 890px;float: left;}
.edge1_wc h3,.edge2_wc h3,.edge3_wc h3,.edge4_wc h3{font-size: 30px;height: 48px;line-height: 34px;font-weight: normal;color: #fff;}
.edge2_wc h3,.edge4_wc h3{color: #000;}
.edge2{height:601px;margin-bottom: 50px;}
.edge1_wp{width: 480px;overflow: hidden;padding: 5px 0 0;}
.edge1_wp li{float: left;margin: 0 7px 0 0;}
.edge1_wp li,.edge1_wp li img{width: 154px;height: 121px;display: block;overflow: hidden;}
.edge2_wc{width: 530px;}
.edge2_wc li{padding: 0 0 18px;}
.edge2 .edge_ico:before,.edge4 .edge_ico:before{background: rgba(0, 0, 0, 0.3);}
.edge3{height:295px;background:url(../images/edgebg3.jpg) no-repeat right 0;margin-bottom: 50px;}
.edge3_p{width: 710px;overflow: hidden;}
.edge3_p li{float: left;margin: 0 16px 0 0;background: #2e0303;padding: 5px;width: 214px;height: 285px;}
.edge3_p li p,.edge3_p li p img{width: 214px;height: 285px;display: block;overflow: hidden;}
.edge3_w{width: 455px;padding: 25px 0 0;}
.edge3_wc{width: 296px;}
.edge3_wc li{color: #fff;padding: 0 0 16px;}
.edge3_wc span a{display: block;width: 129px;line-height: 38px;background: #fff;color: #005fa8;border-radius: 19px;text-align: center;font-weight: bold;}
.edge4{height:620px;background:#f2f2f2;}
.edge4_w{padding: 32px 0 0;}
.edge4_wc{width: 1000px;}
.edge4_wc li span{font-weight: bold;}
.edge li b{color: #0057ac;}

/*案例*/
.case{padding:92px 0 0;line-height: 20px;color: #fff;z-index: 1;position: relative;font-family:"Microsoft Yahei";height: 842px;}
.case_t{height: 143px;clear: both;overflow: hidden;}
.case_t .case_tl{height: 143px;}
.case_t .caset1{float: left;padding: 10px 0 4px;position: relative;background: #f2f2f2;}
.case_t .caset1,.case_t .caset1 img{width:200px;height:100px;display: block;}
.case_t .caset1:before{content: "";position: absolute;width:1px;height:93px;top:14px;right:0;background:#d9d9d9;}
.case_t .caset1.cur:after,.case_t .caset1.swiper-slide-thumb-active:after{content: "";position: absolute;width:200px;height:13px;top:111px;right:0;background:url(../images/casetbg.png) no-repeat center 0;}
.case_c{height: 469px;background: #005fa8;overflow: hidden;}
.case_c dt,.case_c dt img{width:626px;height: 469px;display: block;overflow: hidden;float: left;}
.case_c dd{width: 450px;float: left;padding:25px 0 0 70px;}
.case_c dd h3{font-weight: normal;font-size: 30px;line-height: 61px;color: #fff;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.case_c dd h3 a{display: block;color: #fff;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.case_cw{height: 114px;opacity: 0.6;}
.case_cp h4{text-align: center;height: 50px;line-height: 34px;font-size: 18px;position: relative;}
.case_cp h4:before,.case_cp h4:after{content: "";position: absolute;width:165px;height:1px;top:17px;right:0;background:rgba(255, 255, 255, 0.3);}
.case_cp h4:before{left: 0;}
.case_cp li:nth-child(2n){margin-left: 10px;}
.case_cp li,.case_cp li img{width: 220px;height: 164px;display: block;overflow: hidden;float: left;}

.prev1,.next1{width:24px;height:24px;cursor: pointer;z-index: 11;position: absolute;top:270px;right: -42px;background:url(../images/next1.gif) no-repeat 0 bottom;display: block;}
.prev1{left: -42px;background:url(../images/prev1.gif) no-repeat 0 bottom;}
.prev1:hover,.next1:hover{background-position: 0 0;}

/* 流程 */
.tec_p{font-family:"Microsoft Yahei";padding: 92px 0 0;height: 458px;background:url(../images/tecbg.jpg) no-repeat center bottom;overflow: hidden;}
.tec_pc{padding: 64px 0 0;font-size: 18px;line-height:21px;text-align: center;color: #fff;}
.tec_pc li{width: 150px;float: left;position: relative;height: 262px;}
.tec_pc li p{text-align: center;position: relative;z-index: 1;-webkit-transition: height .3s;transition: height .3s;}
.tec_pc li:nth-child(2n) p{top: 70px;}
/* .tec_pc li:nth-child(2n):hover p{top:0;} */
.tec_pc li p:before{content: "";position: absolute;width:1px;height:180px;top:86px;left:75px;background:#005fa8;z-index: -1;}
.tec_pc li p span{height: 53px;display: block;}
.tec_pc li p span em{font-family: Myriad Pro;font-size:14px;color: #6e6f73;display: block;line-height: 14px;}
.tec_pc li p b{margin: 0 auto;width:48px;height: 48px; -webkit-transition:all .5s linear;-webkit-transition:all .5s linear;display: block;}
.tec_pc li:hover p b{opacity:1;visibility:visible;-webkit-transform: rotateY(360deg);transform: rotateY(360deg);}
.tec_ico{position: absolute;right: 0;height: 41px;line-height: 25px;width: 70px;font-family: Myriad Pro;font-size:12px;color: #6e6f73;bottom: 0;}
.tec_ico i{font-style: normal;color: #fff;}

/*资讯*/
.nswbox{height:890px;padding:83px 0 0; overflow: hidden; font-family:"Microsoft Yahei";line-height:24px;color: #666;position: relative;}
.newhd{position: absolute;width: 74px;height: 30px;top: 633px;left: 472px;z-index: 9;}
.newhd li{width:6px;height:6px;border-radius: 7px;border: solid 1px #fff;float: left;margin: 0 8px 0 0;}
.newhd li.cur{background: #fff;}
.new_t{height: 112px;margin: 0 0 42px 300px;border-left: 1px solid #e5e5e5;font-size: 18px;text-align: center;line-height: 68px;color: #000;}
.new_t li{height: 112px;border-right: 1px solid #e5e5e5;float: left;width: 200px;overflow: hidden;}
.new_t li span{width: 65px;height: 59px;position: relative;margin:0 auto;display: block;}
.new_t li span i{width:65px;height: 59px;position: absolute;left: 0;top: 0;}

.new_c1{height: 354px;border-bottom: 1px solid #c6c6c6;margin-bottom: 30px;overflow: hidden;}
.new_l1{width: 550px;height: 297px;position: relative;float: left;}
.new_l1 p,.new_l1 p img{width: 550px;height: 275px;display: block;overflow: hidden;}
.new_l1 h4{width: 502px;position: absolute;left: 0; bottom: 0;height: 53px;line-height: 53px;background: #005fa8;padding: 0 24px;font-size: 16px;}
.new_l1 h4 a,.about_c dd h3 a{display: block;color: #fff;}

.new_l2{width: 600px;float: right;}
.new_l2 dt{height: 159px;overflow: hidden;}
.new_l2 dt a{display: block;font-size: 24px;line-height: 50px;color: #1c1c1c;font-weight: normal;}
.new_l2 dt span{height: 64px;border-bottom: 1px solid #c6c6c6;font-size: 36px;line-height: 40px;color: #333;font-weight: bold;display: block;margin-bottom: 30px;}
.new_l2 dd p{height: 96px;}
.new_l2 dd span a{display: inline-block;height: 39px;color: #2e0303;line-height: 39px;border-bottom: 2px solid #2e0303;}

.new_c2 li{width: 575px;height: 82px;float: left;overflow: hidden;font-size: 16px;line-height: 28px;}
.new_c2 li span{display: block;font-size: 24px;line-height: 28px;font-family: Myriad Pro;color: #3f3a3a;}
.new_c2 li a{display: block;color: #666;}
.new_c2 li a:hover,.new_c2 li:hover a{color: #005fa8;text-decoration: underline;font-weight: bold;}
.new_c2 ul li:nth-child(2n){margin-left:50px;}

/*关于*/
.about{font-family:"Microsoft Yahei";line-height:20px;color: #bfbebe;padding:92px 0 0;background:url(../images/aboutbg.jpg) no-repeat center 0;overflow: hidden;}
.about_c{height:239px;font-size: 16px;}
.about_c dt{width:197px;float: left;padding: 4px 0 0;}
.about_c dd{width: 998px;float: left;}
.about_c dd h3{font-size: 48px;line-height: 62px;height: 117px;color: #fff;}
.about_c dd h3 span{display: block;font-weight: normal;font-size: 22px;line-height: 36px;}
.about_w{padding: 24px 26px 0;height: 89px;text-align: center;}

.online{height:250px;}
.online li{width: 299px;height: 56px;background: #fff;margin: 0 1px 0 0;float: left;line-height: 56px;}
.online li .sbz{width:38px;float: left;padding: 0 0 0 52px;display: block;height: 56px;color: #848484;}
.online li .input1,.online li input{border: 0;background: none;height: 56px;line-height: 56px;width: 206px;float: left;}
.inpimg,.form-btn-submit{border: 0;background: none;height: 56px;line-height: 56px;color: #fff;cursor:pointer;}
.online li.online_tj,.form-btn-submit{width: 273px;background: #005fa8;color: #fff;text-align: center;margin-left: 9px;}
.inpimg,.form-btn-reset,.online li span:nth-last-child(2){display:none;}

.show{height:252px;position: relative;overflow: hidden;}
.show dl{width: 400px;float: left;text-align: center;line-height: 20px;color: #787878;position: relative;height: 183px;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;border-left: 1px solid #c8c8c8;}
.show dl:last-child{border-right: 1px solid #c8c8c8;}
.show dt{position: absolute;width: 405px;height: 183px;top:0;left: -2px;z-index: 2;display: none;overflow: hidden;}
.show dt em{position: absolute;left: 176px;top: 66px;width:56px;height:56px;background:url(../images/show_ico.png) no-repeat center;}
.show dl:hover dt{display: block;}
.show dd span{display: block;width: 52px;height: 66px;margin: 0 auto;}
.show dd h3{height: 64px;font-weight: normal;font-size: 22px;color: #131313;line-height: 29px;}
.show dd h3 em{display: block;font-size: 12px;line-height: 16px;color: #bfbfbf;}
.show dd p{padding: 0 60px;}

/*友情链接*/
.link{height:0;line-height:26px;color: #a3bad6;position: relative;z-index: 9;width: 1200px;margin: 0 auto;text-align: center;}
.link_c{width:1200px;position: absolute;top: -40px;left:0;}
.link a{display: inline-block;color: #a3bad6;padding: 0 22px 0 0;}
.f_wz{line-height: 26px!important;}

.case_c dt img, .new_l1 p img,.show dt img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.case_c dl:hover dt img, .new_l1 p:hover img,.show dl dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}