@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{ margin:0px; padding:0px; font-size:12px;font-family:"微软雅黑","黑体";color:#898989;line-height:1; background:#fff;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4,b,strong { font-weight: normal; }
em,i { font-style: normal; }

.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }
.fl { float:left}
.fr { float:right}
.hidden{display:none; background: url() no-repeat center;}

.header{background: #fff;}
.top{background: url(../images/a_01.png) no-repeat center center;  height: 46px;position: relative;}
.topbox{width: 1400px; margin: 0 auto;}
.top_left{float: left;}
.top_left p{line-height: 38px; font-size: 14px; color: #0c0202; padding-left: 33px;background: url(../images/a_03.png) no-repeat left center;}
.top_right{float: right; background: url(../images/a_02.png); width: 360px;height: 46px;}
.lxdh{float: left; width: 260px;}
.lxdh p{font-weight: bold; font-size: 21px; color: #fff; line-height: 46px;font-style: italic;background: url(../images/a_04.png) no-repeat 47px center; padding-left: 82px;}
.yznr{float: left; width: 70px;text-align: right;background: url(../images/a_05.png) no-repeat left center;height: 46px;position: relative;}
.yznr p{font-size: 14px; color: #fff;text-align: right; line-height: 46px;cursor: pointer;}
.yznr p img{display: inline-block;vertical-align: middle; margin: -3px 0 0 11px;}
.yznr ul{width: 100%; position: absolute;background: #065db7; padding: 5px 0;left: 0; top: 46px;border-radius: 0 0 6px 6px;display: none;}
.yznr li{line-height: 24px;text-align: center; }
.yznr a{color: #fff;}
.yznr a:hover{color: #fee100;}
.ssbtn{float: right;background: url(../images/a_07.png); width: 13px;height: 13px; margin-top: 15px; position: relative;}
.ssbtn .serach{ transition: 0.5s; opacity: 0; position: absolute; width: 220px; height: 40px; position: absolute; top: 100%; box-shadow: 0 0 10px rgba(0,0,0,0.2); right: 0; border-radius:5px ; background: #fff;}
.ssbtn .serach button{ width: 40px; height: 40px; cursor: pointer; float: right; border: none; background: url(../images/a_07.png) center center no-repeat #007AFF;}
.ssbtn .serach input{ width: calc(100% - 40px); height: 100%; float: left; font-size: 14px; padding: 0 15px; box-sizing: border-box;}
.ssbtn:hover .serach{opacity: 1;}


.headerbxo{height: 120px; overflow: hidden;width: 1400px; margin: 0 auto;}
.logo{width: 261px; float: left; padding-top: 38px;}
.logo img{width: 100%;}
.nav{float: right;padding-top: 55px;}
.nav ul{overflow: hidden;}
.nav li{float: left;padding-left: 55px;}
.nav a{display: block; padding-left: 13px;border-left: 2px solid #e7e7e7;transition: All 0.4s ease-in-out;}
.nav a h2{font-size: 16px; margin-bottom: 6px; color: #454545;transition: All 0.4s ease-in-out;}
.nav a p{color: #cacaca;transition: All 0.4s ease-in-out;}
.nav li.cur a{border-left: 2px solid #0469d2;}
.nav li.cur a h2{color: #0469d2;}
.nav li.cur a p{color: #0469d2;}
.nav a:hover{border-left: 2px solid #0469d2;}
.nav a:hover h2{color: #0469d2;}
.nav a:hover p{color: #0469d2;}

.banner{position: relative;}
.banner img{width: 100%; display: block;}
.banner img.appBanner{display: none;}
.qhbox{position: relative;cursor: pointer;}
.banner .qhbox img{ height: 125px;}
.qhbox p{font-size: 14px;text-align: center; background: rgba(0,0,0,.5); line-height: 1.7; left: 0; bottom: 0;color: #fff;position: absolute;width: 100%;}
.gallery-thumbs{ width: 500px; top: 50%; position: absolute; left: 50%; transform: translate(-50%,-50%); z-index: 99;}
.gallery-thumbs .swiper-slide-thumb-active p { background: rgba(0,0,0,.8); }
.bjzz{background: rgba(0,0,0,.2); width: 100%; bottom: 40px;height: 145px; left: 0;position: absolute;z-index: 1;}

.cpxz_title{text-align: center; padding: 75px 0;background: url(../images/a_22.png);}
.cpxz_title h2{color: #000000;font-size: 37px; font-weight: bold; margin-bottom: 30px; transition: 0.5s;}
.cpxz_title h2:hover{ font-size: 42px; color: #fb6b07;}
.cpxz_title p{font-size: 15px;color: 9a9a9a;}
.cpxz_nr{overflow: hidden; position: relative;background: url(../images/a_22.png); }
.cpzx_right{float: right;width: 50%; padding: 10px 0; overflow: hidden;}

.cpzx_right img{width: 100%; transition: 0.5s;}
.cpzx_right:hover img{ transform: scale(1.1);}
.cpxz_left{float: left; width: 50%; position: absolute; height: 100%; position: absolute; left: 0; top: 0;background: #fff;}
.cpxz_text{position: absolute;width: 100%; padding: 0 180px;left: 0;top:50%; transform: translateY(-50%);}
.cpxz_text h2{font-size: 30px; color: #161616; margin-bottom: 30px;}
.cpxz_text h2:hover{ color: #327bdb;}

.cpxz_text p{font-size: 14px; line-height: 29px; color: #6e6e6e;text-align:justify; word-break: break-all;}
.cpxz_text a{display: block; width: 170px; line-height: 54px;border-radius: 27px; background: #327bdb; font-size: 14px; color: #fff;text-align: center; margin-top: 30px;transition: All 0.4s ease-in-out;}
.cpxz_text a:hover{background: #689ee5;}
.cpxz_text a img{display: inline-block;vertical-align: middle; margin: -3px 0 0 14px;}

.cpjs{overflow: hidden;}
.cpjs ul{overflow: hidden;}
.cpjs li{float: left; width:14%;transition: all .8s ease 0s;cursor: pointer;}
.cpjs li.cur{width: 30%;}
.cpjsbox{position: relative;width: 100%; height: 600px;}
.cpjsbox1{background: url(../images/a_34.png) no-repeat left center;}
.cpjsbox2{background: url(../images/a_33.png) no-repeat left center;}
.cpjsbox3{background: url(../images/a_35.png) no-repeat left center;}
.cpjsbox4{background: url(../images/a_36.png) no-repeat left center;}
.cpjsbox5{background: url(../images/a_38.png) no-repeat left center;}
.cpjsbox6{ background: url(../images/indexPic_07.png) no-repeat left center;}
.cpjstext{position: absolute;left: 20px; top: 40px;}
.cpjstext h2{color: #fff;margin: 35px 0 15px; font-size: 26px;}
.cpjstext p{font-size: 15px; color: rgba(255,255,255,0.6);}

.gywm{width: 1400px;margin: 0 auto;}
.gywm_nr ul{ padding-bottom: 80px; overflow: hidden;}
.gywm_nr li{text-align: center;border-right: 1px solid #e6e6e6;width: 20%;float: left; transition: 1s;}
.gywm_nr ul li:last-child{border: none;}
.gywm_nr ul li h2{height: 36px; font-size: 24px; color: #006dc0; margin-bottom: 22px; transition:1s;}
.gywm_nr ul li:hover{ transform: scale(1.1);}
.gywm_nr ul li h2 span{ transition: 1s; font-size: 50px; padding-right: 10px;}
.gywm_nr ul li p{font-size: 16px; color: #666;}
.gywmbox{overflow: hidden; padding: 0 0 85px;}
.gywm_right{width: 50%; float: right; overflow: hidden;}
.gywm_right img{width: 100%; transition: 1s;}
.gywm_right:hover img{ transform: scale(1.1);}

.gywm_left{float: left; width: 50%; padding: 0 70px 0 0;}
.gywm_left h2{font-size: 32px; color: #191919; padding-bottom: 60px; position: relative;}
.gywm_left h2:before{position: absolute;left: 0; content: ""; border-bottom: 2px solid #0075be;width: 60px; bottom: 30px;}
.gywm_left h2:hover{ color: #006dc0;}
.gywm_left p{font-size: 15px; line-height: 29px; color: #898989;text-align:justify; word-break: break-all;}
.gywm_left a{display: block; width: 170px; line-height: 52px;border-radius: 27px; border: 1px solid #0170c1; font-size: 14px; color: #0170c1;text-align: center; margin-top: 30px;transition: All 0.4s ease-in-out;}
.gywm_left a:hover{background: #0170c1;color:#fff ;}

.gywm_left a b{background: url(../images/a_10.png);width: 17px;height: 17px;display: inline-block;vertical-align: middle; margin: -3px 0 0 14px;background-size: 100%;}
.gywm_left a:hover b{background: url(../images/a_09.png);background-size: 100% 100%;}

.bj2{background: url(../images/a_22.png);}
.gcal{width: 1400px; margin: 0 auto; padding-bottom: 50px;}
.gcal_nr{position: relative;}
.gcalbox a{display: block;}
.gcalbox{ background: #fff;cursor: pointer;transition: All 0.4s ease-in-out;}
.gcalbox img{width: 100%; height: 300px; transition: All 0.4s ease-in-out;}
.gcal_text{padding: 0 20px;}
.gcal_text h2{transition: All 0.4s ease-in-out;font-size: 18px; line-height: 50px; padding-top: 15px; color: #161616;}
.gcal_text p{transition: All 0.4s ease-in-out;font-size: 13px; line-height: 2; color: #b6b3b4; height: 52px; margin-bottom: 35px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.gcal_text h3{transition: All 0.4s ease-in-out;border-top: 1px solid #f4f4f4;line-height: 58px;}
.gcal_text h3 a{transition: All 0.4s ease-in-out;color: #a2a2a2;}
.gcal_text h3 span{transition: All 0.4s ease-in-out;background: url(../images/a_11.png) no-repeat center center;width: 16px; height: 58px;}
.gcalbox:hover{background: #327bdb;}
.gcalbox:hover h2{color: #fff;}
.gcalbox:hover p{color: #fff;}
.gcalbox:hover a{color: #fff;}
.gcalbox:hover img{opacity: 0.6;}
.gcalbox:hover span{background: url(../images/a_121.png) no-repeat center center;}
.gcal_nr .swiper-button-next{width: 70px;height: 70px; right: -80px; margin-top: -35px; border-radius: 50%; background:url(../images/a_12.png) no-repeat center center #9fa3a6;}
.gcal_nr .swiper-button-next:hover{ background:url(../images/a_12.png) no-repeat center center #327bdb;}
.gcal_nr .swiper-button-prev{width: 70px;height: 70px; left: -80px; margin-top: -35px; border-radius: 50%; background:url(../images/a_13.png) no-repeat center center #9fa3a6;}
.gcal_nr .swiper-button-prev:hover{ background:url(../images/a_13.png) no-repeat center center #327bdb;}
.btn2{transition: 0.5s; text-align: center; display: block; width: 210px; line-height: 50px;border: 1px solid #c3c3c3; font-size: 15px; color: #656565;margin: 55px auto 0 auto;}
.btn2 img{display: inline-block;vertical-align: middle; margin: -3px 15px 0 0; }
.btn2:hover{ background: #026fc2; border: 1px solid #026fc2; color: #fff;}
.btn2:hover img{ display: none;}
.qyyx_nr ul{overflow: hidden;}
.qyyx_nr li{float: left; width: 50%;position: relative;}
.qyyx_nr img{width: 100%;}
.wztext{position: absolute;width: 100%; height: 100%;background: rgba(50,123,219,.9);top: 0;left: 0;display: none;}
.qyyx_nr li.cur .wztext{display: block;}
.wztext span{ width:0;
    height:0;
    border-top:40px solid transparent;
    border-bottom:40px solid transparent;
    border-left:40px solid #4585d8;right: -40px;top:50%; transform: translateY(-50%);position: absolute;z-index: 10;}
.wbxq{padding: 0 100px; position: absolute;left: 0; width: 100%;top:50%; transform: translateY(-50%);overflow: hidden;}
.wbxq p{font-size: 19px; line-height: 1.8;color: #fff; padding: 0 20px;}
.xtb1{background: url(../images/a_15.png); width: 66px;height: 37px;background-size: 100% 100%; margin-bottom: 40px;}
.xtb2{background: url(../images/a_17.png); width: 66px;height: 37px;background-size: 100% 100%; margin-top: 30px;float: right;}
.wztext b{ width:0;position: absolute;left: -40px;
    height:0;top:50%; transform: translateY(-50%);
    border-top:40px solid transparent;
    border-bottom:40px solid transparent;
    border-right:40px solid #4585d8;z-index: 10;}

.news{width: 1400px; margin: 0 auto;}
.news_nr{overflow: hidden; padding-bottom: 80px;}
.news_left{float: left;width: 50%; padding-right: 20px;}
.toptp{display: block; overflow: hidden;}
.toptp img{width: 100%;}
.img2 { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-ou }
.img2:hover { transform: scale(1.1);-webkit-transform: scale(1.1); -moz-transform: scale(1.1);-o-transform: scale(1.1); -ms-transform: scale(1.1); }
.ddxw{padding-top: 60px;position: relative;}
.ddxw h2{font-size: 21px; color: #2c2b2b; margin-right: 50px; margin-bottom: 15px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.ddxw h2:hover{ color: #0170c1;}
.ddxw h2 a{background: url(../images/a_78.png);width: 30px;height: 30px; top: 55px; right: 0;position: absolute;}
.ddxw h2 span{display: inline-block; width: 38px ;line-height: 16px; color: #fff;background: #fb6b07;border-radius: 5px;vertical-align: middle; margin: -3px 10px 0 0;font-size: 11px;zoom: 0.9;}
.ddxw p{font-size: 15px; line-height: 29px; color: #b0b0b0; padding-left: 48px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news_right{float: right;width:50%; padding-left: 20px;}
.news_right li:last-child{  display: none;}

.nebox{overflow: hidden; padding: 35px 0;position: relative;transition: All 0.4s ease-in-out;}
.nebox:before{position: absolute;content: ""; border-top: 5px solid #fb6b07; width: 0;right: 0; top: 0;transition: All 0.4s ease-in-out;}
.nebox:after{position: absolute;content: ""; border-right: 5px solid #fb6b07; height:0;right: 0; top: 0;transition: All 0.4s ease-in-out;}
.ne_left{float: left; height: 105px;width: 145px;border-right: 1px solid #e6e6e6;padding-top: 17px;text-align: center; padding-right: 30px;}
.ne_left h2{ transition: 0.5s; font-size: 48px; color: #3d3c3c;}
.ne_right{float: right;width: calc(100% - 175px); padding-right: 25px;}
.ne_right h2{font-size: 20px; color: #3d3c3c;padding-bottom: 20px; border-bottom: 1px solid #e6e6e6;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.ne_right p{font-size: 15px; color: #b0b0b0; line-height: 29px; margin-top: 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.nebox:hover{background: #f6f6f6;}
.nebox:hover:before{width: 75px;}
.nebox:hover:after{height: 75px;}
.nebox:hover h2{color: #0170c1;}
.wzwz{padding-bottom: 110px;}
.wzwzbox{width: 100%; height: 520px;width: 100%; }
.wzdt_text{width: 1400px; bottom: -225px; background: #fff; border-radius: 15px; box-shadow:0 0 10px rgba(0, 0, 0, .1); padding: 85px 60px 65px 60px;overflow: hidden;z-index: 100;position: relative;margin: -200px auto 0 auto;top: -1px;}
.wzdt_left{float: left; width: 52%;}
.wzdt_left h2{font-size: 18px; margin-bottom: 30px; color: #333;}
.bdxx{overflow: hidden; margin-left: -25px;}
.bdxx li{float: left; width: 33.33%; padding: 0 0 20px 25px;}
.wby1{width: 100%; height: 42px;line-height: 40px;border: 1px solid #e1e1e1; padding: 0 10px;}
.wby2{width: 100%; height: 180px;line-height: 40px;border: 1px solid #e1e1e1; padding: 0 10px;}
.wby3{width: 160px; height: 42px;line-height: 40px;border: 1px solid #e1e1e1; padding: 0 10px;}
.wzdt_left .bdxx li:nth-child(4){ width:100%;}
.yzmnr{overflow: hidden;}
.yzm_left{float: left;}
.yzm_left ul{overflow: hidden;}
.yzm_left li{float: left;  padding-right: 15px;}
.yzm{width: 137px;height: 42px;border: 1px solid #e1e1e1;}
.yzm img{width: 100%; height: 40px;}
.tjxx{float: right;}
.tjxx ul{overflow: hidden;}
.tjxx li{float: left;padding-left: 15px;}
.btn1{width: 120px;height: 40px; background: #327bdb;color: #fff; font-size: 16px;border: none;cursor: pointer;}
.btn3{width: 120px;height: 40px; color: #999; font-size: 16px;border: none;cursor: pointer;border: 1px solid #dcdcdc;background: #fff;}
.wzdt_right{float: right;width: 48%; padding-left: 120px;}
.wzdt_right h2{font-size: 18px; margin-bottom: 30px; color: #333;}
.wzdt_right h3{font-family: arial;font-weight: bold; font-size: 32px; color: #cd3333;margin-bottom: 25px;}
.wzdt_right ul{overflow: hidden; margin-left: -24px; margin-bottom: 30px;}
.wzdt_right li{float: left; padding-left: 24px;}
.wzdt_right h4{text-align: center; font-size: 14px; color: #666666; margin-top: 10px;}
.wzdt_right img{border: 1px solid #dedede;}
.wzdt_right dl{overflow: hidden;padding: 20px 0;}
.wzdt_right dt{float: left; width: 50%; color: #333; font-size: 14px; line-height: 26px; height: 26px;}
.wzdt_right p{font-size: 14px; color: #999; line-height: 26px;}

.footer{background: #327bdb;}
.footbox{width: 1400px; overflow: hidden; margin: 0 auto; border-bottom: 1px solid #4285de;padding: 60px 0 45px;}
.foot-left{float: left; width: 350px;}
.foot-left h2{font-size: 22px; color: #fff; position: relative; padding-bottom: 70px;}
.foot-left h2:before{position: absolute;border-bottom: 2px solid #fff; width: 31px; left: 0; bottom: 42px; content: "";}
.foot-left h2:after{position: absolute;border-bottom: 2px solid #fff; width: 10px; left: 37px; bottom: 42px; content: "";}
.foot-left p{color: #fff; font-size: 19px; margin-bottom: 22px;}
.foot-left h3{color: #fff; font-weight: bold; font-family: arial;font-size: 42px;}
.foot_text{float: left; width: 480px;padding-top: 135px;}
.foot_text dl{overflow: hidden;}
.foot_text li{float: left; width: 50%; font-size: 13px; line-height: 22px; color: #fff; opacity: 0.51; height: 22px;}
.foot_right{width: calc(100% - 1000px);float: right;padding-top: 80px;}
.foot_right ul{overflow: hidden;}
.foot_right li{float: right; text-align: center; padding-right: 10px;}


.foot_right p{font-size: 13px; color: #fff; margin-top: 10px;}
.bqxx{width: 1400px; margin: 0 auto;}
.bqxx p{font-size: 15px; color: #fff; line-height: 1.6;padding: 20px 0 35px;}
.sjzs{display: none;}
/*Join_online*/
.banner1{background: url(../images/banner1.jpg) no-repeat center center;height: 442px;background-size: cover; position: relative;}

.bannertext{width: 1200px; padding: 0 3%;position: absolute;left:50%; top:45%; transform:translate(-50%,-50%); display: none;}
.bannertext h2{font-size: 42px; color: #fff;font-weight: bold;}
.bannertext p{color: #fff;font-size: 28px; margin-top: 35px;}

.flnr{background: #e2e2e2;}
.flnr ul{text-align: center;}
.flnr li{display: inline-block; font-size: 0; line-height: 65px;}
.flnr a{display: block; padding: 0 55px;font-size: 16px; color: #969696;transition: All 0.4s ease-in-out;background: url(../images/a3.jpg) no-repeat right center;}
.flnr li.cur a{color: #fff; background: #0469d2;}
.flnr li.cur .om1{background: url(../images/b1a.png) no-repeat center center;}
.flnr li.cur .om2{background: url(../images/b2a.png) no-repeat center center;}
.flnr li.cur .om3{background: url(../images/b3a.png) no-repeat center center;}
.flnr li.cur .om4{background: url(../images/b4a.png) no-repeat center center;}
.flnr a:hover{color: #fff; background: #0469d2;}
.flnr span{width: 30px;height: 30px;display: inline-block;vertical-align: middle; margin: -3px 15px 0 0;}
.om1{background: url(../images/b1.png) no-repeat center center;}
.om2{background: url(../images/b2.png) no-repeat center center;}
.om3{background: url(../images/b3.png) no-repeat center center;}
.om4{background: url(../images/b4.png) no-repeat center center;}
.flnr a:hover .om1{background: url(../images/b1a.png) no-repeat center center;}
.flnr a:hover .om2{background: url(../images/b2a.png) no-repeat center center;}
.flnr a:hover .om3{background: url(../images/b3a.png) no-repeat center center;}
.flnr a:hover .om4{background: url(../images/b4a.png) no-repeat center center;}

.bj1{background: url(../images/a_22.png);padding-bottom: 1px;}
.wz1270{width: 1270px; margin: 0 auto;}
.dqwz p{font-size: 16px; color: #797979; line-height: 100px; padding-left: 30px;background: url(../images/a_18.png) no-repeat left center;}
.jmtj{background: #fff;border-radius: 10px; padding: 0 65px; margin-bottom: 55px;}
.jmtj_top{padding: 20px 0 110px;}
.jmtj_top h2{font-weight: bold; font-size: 20px; line-height: 62px; color: #717171;}
.jmtj_top p{font-size: 16px;line-height: 39px; color: #717171;}
.jmtj_top p span{ display: block; width: 100%;}
.jmtj_top p img{ display: block; margin: 0 auto;}
.jmtj_bottom{padding-bottom: 150px;}
.jmtj_bottom ul{overflow: hidden; margin-left: -17px;}
.jmtj_bottom li{float: left; width: 50%; padding: 0 0 17px 27px;}
.jmtj_bottom ul li:nth-child(5){ width:100%;}
.wby1{width: 100%; height: 60px; line-height: 58px; padding: 0 20px;border: 1px solid #dcdcdc;font-size: 16px;}
.wby2{width: 100%; height: 260px; line-height: 58px; padding: 0 20px;border: 1px solid #dcdcdc;font-size: 16px;}
.btn6{display: block; text-align: center; font-size: 22px; color: #fff;border: none; margin: 20px auto 0 auto; width: 500px;height: 60px;background: #f7941d;}

/*news*/
.banner2{background: url(../images/banner2.jpg) no-repeat center center;height: 442px;background-size: cover; position: relative;}
.xwzx{padding: 45px 0 80px;}
.xwzx_xq ul{overflow: hidden; margin-left: -25px; padding-bottom: 25px;}
.xwzx_xq li{float: left; width: 33.33%; padding: 0 0 35px 25px;}
.xwzxbox{background: #fff; position: relative;transition: All 0.4s ease-in-out;}
.xwzxbox:before{position: absolute;  content: ""; border-bottom: 2px solid  #d01414;width: 45%; left:0; bottom: 0;transition: All 0.4s ease-in-out;} 
.xwzx_tp{position: relative; height: 365px;}
.xwzx_tp p{ width: 100%; height: 100%;}
.xwzx_tp p iframe{ width: 100%; height: 100%;}
.xwzx_tp video{ display: block; width: 100%; height: 100%;}
.xwzx_tp img{width: 100%; height: 100%;}
.xwzz{width: 100%;height: 100%; position: absolute; top: 0;left: 0;background: rgba(0,0,0,.6); opacity: 0;transition: All 0.4s ease-in-out;}
.zwzzbk{width: calc(100% - 40px);height: calc(100% - 40px);border: 1px solid rgba(255,255,255,.7);position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);}
.xwzz span{position: absolute;top: 0; right: 25px;width: 67px;}
.xwzx_text{height: 200px; padding: 0 15px;}
.xwzx_text h2{font-size: 19px; color: #2c2b2b; line-height: 52px; padding-top: 10px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.xwzx_text p{font-size: 15px; line-height: 29px; color: #b0b0b0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 58px; overflow: hidden;}
.xwzx_text h3{margin-top: 30px; font-size: 15px; color: #9c9c9c;}
.xwzx_xq a:hover .xwzxbox{background: #e9e8e8;}
.xwzx_xq a:hover .xwzxbox:before{width: 100%;}
.xwzx_xq a:hover .xwzz{opacity: 1;}

.fynr{text-align: center;}
.fynr li{display: inline-block;}
.fynr a{display: block; color: #8e8d8d;font-size: 22px; line-height: 40px;background: #fff;border-radius: 8px; border: 1px solid #d4d3d3; padding: 0 15px;}
.fynr li.cur a{color: #fff;background: #1591ff;border: 1px solid #1591ff;}
.fynr a:hover{color: #fff;background: #1591ff;border: 1px solid #1591ff;}
.fynr ul li:nth-child(1) a{background: #d4d5d6;color: #fff;border: 1px solid #d4d5d6;}

/*invite_applications*/
.banner3{background: url(../images/banner2.jpg) no-repeat center center;height: 442px;background-size: cover; position: relative;}
.rczp{padding-bottom: 90px;}
.rc_tit {background: #fff; position: relative; padding: 35px 45px 25px 45px; margin-bottom: 15px;cursor: pointer;}
.rc_tit h2{font-size: 20px; margin-bottom: 15px;color: #030303;}
.rc_tit p{font-size: 15px; color: #3e3e3e;}
.rc_tit span{position: absolute; width: 130px; font-size: 16px; color: #3e3e3e;background: url(../images/a_20.png) no-repeat right center; line-height: 30px;right: 75px;top:50%; transform: translateY(-50%);}
.rc_tit.on1{background: #005bac;}
.rc_tit.on1 h2{color: #fff;}
.rc_tit.on1 p{color: #fff;}
.rc_tit.on1 span{color: #fff;background: url(../images/a_21.png) no-repeat right center;}
.rc_text{padding: 30px 45px; background: #fff; margin-bottom: 15px;}
.rc_text h2{font-size: 18px; color: #181818; margin-bottom: 10px;}
.rc_text p{font-size: 16px; line-height: 35px; color: #818181;}
.rcbox{padding-bottom: 35px;}
.rc_text a{display: block; text-align: center; color: #fff; font-size: 18px;width: 175px; line-height: 55px;background: #f7941d;transition: All 0.4s ease-in-out;}
.rc_text a:hover{background: #e78107;}

/*news2*/
.xwzzb{position: absolute;width: 100%;height: 100%; top: 0;left: 0;background: rgba(0,0,0,.7);opacity: 0;transition: All 0.4s ease-in-out;}
.xwzzb b{position: absolute;background: url(../images/a_24.png) no-repeat center center;border: 1px solid #fff; border-radius: 50%; width: 66px;height: 66px; border: 1px solid #fff;left:50%; top:50%; transform:translate(-50%,-50%);}
.xwzxbox_b{background: #fff;transition: All 0.4s ease-in-out;}
.xwzx_text h4{border-top: 1px solid #f4f4f4;font-size: 14px;color: #161616;line-height: 60px; margin-top: 20px;}
.xwzx_text b{float: right;background: url(../images/a_121a.png);width: 16px;height: 16px;margin-top: 20px;}
.xwzx_xq  a:hover .xwzxbox_b{background: #f7941d;}
.xwzx_xq  a:hover .xwzx_text_b h2{color: #fff;}
.xwzx_xq  a:hover .xwzx_text_b p{color: #fff;}
.xwzx_xq  a:hover .xwzx_text_b h4{color: #fff;}
.xwzx_xq  a:hover .xwzx_text_b b{background: url(../images/a_121.png);}
.xwzx_xq  a:hover .xwzzb{opacity: 1;}

/*distribution_network*/
.banner4{background: url(../images/banner4.jpg) no-repeat center center;height: 442px;background-size: cover; position: relative;}

.flnr_a{background: #e2e2e2;}
.flnr_a.yello ul li:hover a{ background:#f7941d ;}
.flnr_a ul{text-align: center;}
.flnr_a li{display: inline-block; font-size: 0; line-height: 65px;}
.flnr_a a{display: block; padding: 0 25px;font-size: 16px; color: #969696;transition: All 0.4s ease-in-out;background: url(../images/a3.jpg) no-repeat right center;}
.flnr_a li.cur a{color: #fff; background: #0469d2;}
.flnr_a li.cur .om1{background: url(../images/b1a.png) no-repeat center center;}
.flnr_a li.cur .om2{background: url(../images/b2a.png) no-repeat center center;}
.flnr_a li.cur .om3{background: url(../images/b3a.png) no-repeat center center;}
.flnr_a li.cur .om4{background: url(../images/b4a.png) no-repeat center center;}
.flnr_a a:hover{color: #fff; background: #0469d2;}
.flnr_a span{width: 30px;height: 30px;display: inline-block;vertical-align: middle; margin: -3px 15px 0 0;}

.flnr_a a:hover .om1{background: url(../images/b1a.png) no-repeat center center;}
.flnr_a a:hover .om2{background: url(../images/b2a.png) no-repeat center center;}
.flnr_a a:hover .om3{background: url(../images/b3a.png) no-repeat center center;}
.flnr_a a:hover .om4{background: url(../images/b4a.png) no-repeat center center;}

.xswd{padding-bottom: 75px;}
.xswd_bt{background: #fff; padding: 60px 0 75px;}
.xswd_bt img{max-width: 100%; margin: 0 auto;}
.xswd_bt ul{overflow: hidden; padding-bottom: 90px;}
.xswd_bt li{width: 25%; float: left; border-right: 1px solid #e9e9e9;text-align: center;}
.xswd_bt ul li:last-child{border: none;}
.xswd_bt h2{font-size: 22px;color: #494949;margin-bottom: 17px;}
.xswd_bt h2 span{font-weight: bold; font-family: arial;font-size: 48px; }
.xswd_bt p{font-size: 14px;color: #0072e5;}

/*Engineering_case*/
.banner5{background: url(../images/banner5.jpg) no-repeat center center;height: 442px;background-size: cover; position: relative;}







@media(max-width:1420px){
.topbox,.headerbxo,.gywm,.gcal,.news,.footbox,.bqxx{width: 100%; padding: 0 3%;}
.cpxz_text{padding: 0 100px;}
.gcal{padding: 0 70px 50px 70px;}
.gcal_nr .swiper-button-next{width: 50px;height: 50px;right: -60px;}
.gcal_nr .swiper-button-prev{width: 50px;height: 50px;left: -60px;}
.wbxq{padding: 0 50px;}
.wzdt_text{width: 94%;}
.wzdt_right{padding-left: 30px;}
.btn3{width: 70px;}
.btn1{width: 70px;}
.tjxx li{padding-left: 10px;}
.yzm_left li{padding-right: 10px;}
.footbox{padding: 40px 3%;width: 100%;}

.foot_text li{float: none; width: 100%;}
}
@media(max-width:1360px){
.nav li{padding-left: 30px;}
.gywm_nr ul li h2 span{font-size: 36px;}
.gywm_left h2{font-size: 28px; padding-bottom: 40px;}
.gywm_left h2:before{bottom: 20px;}
.gywm_left{padding-right: 30px;}

.foot-left{width: 300px;}
.foot_text{width: 300px; padding-top: 90px;}
.foot_right{width: calc(100% - 600px);}

}
@media(max-width:1120px){
.logo{width: 150px;padding-top: 53px;}
.cpxz_text{padding: 0 50px;}
.wbxq{padding: 0;}

.news_left{width: 100%;float: none; padding: 0;}
.news_right{float: none; width: 100%;padding: 0;}
.wzdt_left{width: 100%; float: none;}
.wzdt_right{float: none; width: 100%; padding: 30px 0 0 0;}

}

@media(max-width:1000px){
.banner img{display: none; width: 100%; height: auto;}
.banner img.appBanner{ display: block;}

.banner1{background: url(../images/banner1App.png) no-repeat center center; background-size:100% 100%; height: 414px;}
.banner2{ background: url(../images/newApp.png) no-repeat; background-size:100% 100%; height: 414px;}
.banner2 .bannertext{display: none;}
.banner3{    background: url(../images/banner3App.png) no-repeat center center;}
.banner4{ background: url(../images/banner4App.png) no-repeat center center; background-size:100% 100%; height: 414px;}

.header{position: fixed;width: 100%; top: 0;left: 0;height: 60px;z-index: 200;}
.top{display: none;}
.fgt{height: 0;}
.gallery-thumbs{max-width: 80%;bottom: 0;}
.logo{padding-top: 14px;}
.dhbtn{background: url(../images/d1.png) no-repeat center center #3b85e6;position: absolute;right: 3%; top: 15px;border-radius: 4px;width: 30px;height: 30px;background-size: 20px 20px;}
.dhbtn.on{background: url(../images/d2.png) no-repeat center center #3b85e6;background-size: 20px 20px;}
.dhbj{position: fixed;z-index: 99; width: 100%; height: 100%; left: 0;top: 0;background: rgba(0,0,0,.7);display: none;}
.nav{position: fixed;width: 200px;height: calc(100% - 60px); top: 60px;left: -200px;background: #fff;}
.nav a{}
.nav li{padding-left: 15px;width: 100%;float: none;padding-bottom: 20px;overflow:auto}
.cpxz_title{padding: 40px 0;}
.cpxz_title h2{font-size: 24px;margin-bottom: 15px;}
.cpzx_right{width: 100%; float: none;}
.cpxz_left{position: static;width: 100%;float: none;}
.cpxz_text{position: static; transform: translateY(0%);padding: 30px 3%;}
.cpxz_text a{width: 120px; line-height: 40px;}   
.pxzs{display: none;}	
.sjzs{display: block;}
.cpjs_a ul{overflow: hidden;}
.cpjs_a li{float: left; width: 50%;}
.cpjsbox{height: 188px; overflow: hidden;}
.cpjstext img{width: 30px;}
.cpjstext h2{margin: 10px 0;font-size: 18px;}
.cpjstext{top: 20px;left: 15px;}
.gywm_nr li{width: 50%; margin-bottom: 20px;}
.gywm_nr ul li h2 span{font-size: 24px;}
.gywm_nr ul li h2{font-size: 14px;}
.gywm_nr ul li:nth-child(2n){ border: none;}
.gywm_nr ul li:nth-child(5){ border: none;width: 100%;}
.gywmbox{padding: 40px 0;}
.gywm_left{float: none; width: 100%; padding:20px 0 0 0;}
.gywm_left h2{font-size: 24px;}
.gywm_right{float: none; width: 100%;}
.gywm_left a{width: 120px; line-height: 38px;}
body{ padding-top: 60px;}
.btn2{width: 140px;line-height: 38px;}
.wztext span{display: none;}
.qyyx_nr li{float: none;width: 100%;}
.wbxq p{font-size: 14px; line-height: 1.7;}
.xtb1{width: 30px;height: 20px; margin: 20px;}
.xtb2{width: 30px;height: 20px; margin: 20px;}
.wztext{padding: 20px 3%;}
.ne_left{width: 100px;}
.ne_right{padding: 0;width: calc(100% - 120px);}
.wzdt_text{padding: 30px 3%;}
.bdxx li{float: none; width: 100%;}
.wby1{height: 45px; line-height: 43px;}
.wby2{line-height: 43px;height: 150px;}
.yzm_left{float: none; width: 100%;}
.tjxx{padding-top: 20px; width: 100%; float: none;text-align: center;}
.tjxx li{padding: 0 5px; float: none;display: inline-block;}
.wzdt_right dt{float: none; width: 100%;text-align: center;}
.wzdt_left h2{text-align: center; margin-bottom: 20px;}
.wzdt_right h2{text-align: center; margin-bottom: 20px;}
.wzdt_right h3{text-align: center; margin-bottom: 20px;}
.wzdt_right li{float: none; padding: 0 10px; display: inline-block;}
.wzdt_right ul{text-align: center; margin: 0 0 15px 0;}
.wzdt_right p{text-align: center;}
.wzwz{padding-bottom: 50px;}
.foot-left{display: none;}
.foot_text{padding: 0; width: 100%;text-align: center; float: none;}
.foot_right{float: none; width: 100%;padding-top: 20px;text-align: center;}
.foot_right li{float: none; padding: 0 10px;display: inline-block;}
.bqxx p{text-align: center;padding: 20px 0;}
.news_nr{padding-bottom: 40px;}
.flnr ul{ width: 100%; overflow: hidden;}
.flnr li{ display: block; float: left; width:50%; padding: 0; text-align: center;}
.flnr li a{ padding: 0; font-size: 14px;}


.cantact .cantactBox{ width: 100%;}
.dqwz{ padding:0 10px; box-sizing: border-box;}
.dqwz p{ height: 40px; padding: 0 20px; box-sizing: border-box; line-height: 40px; font-size: 12px;}

.jmtj_top p img{ display: block; margin: 0 auto; width: 100%; height: auto;}
.bjzz{ height: 55px; bottom: 0px;}
.gywm_nr ul{ padding-bottom: 0;}
.banner .qhbox img{ height: auto;}
}