@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{position: fixed;width: 100%; height: 80px;  left: 0;top: 0; background: #0064B8;z-index: 100; padding: 0  45px 0 75px; box-shadow:0 0 10px rgba(0, 0, 0, .2); }
.logo {float: left;width: 470px; padding-top: 10px;}
.logo img{width: 100%;}
.nav{float: right;}
.cellBanner { width: 1200px; margin: 0 auto; max-width: 92%; padding: 50px 0 0;}
.cellBanner img { display: block; width: 100%;}
.nav li{float: left;padding:0 45px;position: relative;}
.nav h3 a{display: block; padding: 0 5px; height: 80px;text-align: center;position: relative;}
.nav h3 a:before{position: absolute; content: "";border-bottom: 3px solid #fff; width: 0; bottom: 0;left: 0;
transition: All 0.4s ease-in-out;}
.nav h2{color: #fff; font-size: 16px; padding: 24px 0 12px;}
.nav p{color: #FFFFFF;}
.nav .on h3 a:before{ width: 100%;}
.nav .on h3 a p{color: #fff;}
.nav h3 a:hover:before{ width: 100%;}
.nav h3 a:hover p{color: #fff;}
.sub{position: absolute; width: 100%; top:80px; left: 0;background: #0064B8;z-index: 10;display: none;}
.sub dt{font-size: 14px; line-height: 44px;}
.sub dt a{display: block; color: #fff; padding-left: 20px;transition: All 0.4s ease-in-out;}
.sub dt a:hover{color: #fff;background: #af0900;}
.banner{margin-top: 80px;overflow: hidden;}
.banner img{width: 100%;}
.banner .swiper-pagination{bottom: 30px;}
.banner .swiper-pagination-bullet{width: 10px;height:10px; background:#fff; opacity: 1;background-size: 100%;}
.banner .swiper-pagination-bullet-active{ background:#0064B8; opacity: 1;background-size: 100%;}
.banner_text{position: absolute;width: 100%; left:50%; top:50%; transform:translate(-50%,-50%);text-align: center;}
.banner_text h2{font-weight: bold;font-size: 60px; margin-bottom: 25px;text-shadow: 3px 4px 5px rgba(0,0,0,0.19);color: #fff; line-height: 1.6; }
.banner_text p{font-weight: bold; font-size: 30px; line-height: 1.6; text-shadow: 3px 4px 5px rgba(0,0,0,0.19);color: #fff; }

.bj1{background: url(../images/a_01.jpg) no-repeat center bottom;background-size: cover;}
.sucas{width: 1200px; margin: 0 auto; overflow: hidden; padding: 115px 0 150px;}
.sucas_tp{width: 447px;float: right; padding-top: 25px;}
.sucas_tp img{width: 100%;}
.sucas_text{float: left; width: calc(100% - 500px);}
.sucas_title{padding-bottom: 30px;}
.sucas_title h2{font-size: 36px; margin-bottom: 15px; font-weight: bold; color: #333;}
.sucas_title h2 b{font-weight: bold; color: #0064B8;}
.sucas_title p{font-size: 16px; color: #cccccc;}
.sucas_box p{font-size: 16px; word-break: break-all; line-height: 36px; color: #666;}
.sucas_box ul{overflow: hidden; padding-top: 75px; margin-left: -60px;}
.sucas_box li{float: left; padding-left: 60px;}
.sucas_box h2{font-size: 14px; color: #333; padding-bottom: 56px; position: relative;}
.sucas_box h2:before{position: absolute; content: ""; border-bottom: 3px solid #0064B8; width: 40px; left: 0; bottom: 30px;}
.sucas_box h2 span{font-weight: bold; color: #0064B8; font-size: 36px; padding-right: 12px;}
.sucas_box h3{font-size: 16px; color: #666666;}

.product_b ul{overflow: hidden;}
.product_b li{float: left; width: 50%; height: 30vw; overflow: hidden;}
.product_box{position: relative; height: 100%; overflow: hidden;}
.product_box img{width: 100%; height: 100%; object-fit: cover;}
.product_zz{width: 100%; height: 100%; position: absolute; top: 0;left: 0;background: rgba(0,100,184,.8);opacity: 0;transition: All 0.4s ease-in-out;}
.product_box:hover .product_zz{opacity: 1;}
.product_text{position: absolute;z-index: 10;width:70%; padding-left: 4vw;top:50%; transform: translateY(-50%);}
.product_text h2{font-weight: bold; font-size: 26px; color: #fff; margin-bottom: 40px;}
.product_text p{color: #fff; font-size: 16px; line-height: 30px;}
.product_text a{display: block; text-align: center; width: 85px; line-height: 34px; font-size: 14px; color: #fff;border: 1px solid #fff;border-radius: 35px; margin-top: 75px;}
.product_box:hover h2{animation:fadeInUp .8s, 100ms;}
.product_box:hover p{animation:fadeInUp .6s, 100ms;}
.product_box:hover a{animation:fadeInDown .6s, 100ms;}

.bj2{background: #f5f3f3;}
.solution{width: 1200px; margin: 0 auto;}
.solution_title{text-align: center; padding: 85px 0 55px;}
.solution_title h2{font-weight: bold; font-size: 36px; color: #333; margin-bottom: 15px;}
.solution_title p{font-size: 16px; color: #ccc;}
.solution_box{padding-bottom: 60px;}
.solution_box ul{ overflow: hidden; margin-bottom: 50px; border-left: 1px solid #E5E5E5; border-top: 1px solid #E5E5E5;}
.solution_box li{ height: 300px; float: left; width: 33.33%;box-sizing: border-box; border-right: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5;}
.solution_box li img {max-width: 90%;
    max-height: 280px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.solutionxq{overflow: hidden; border-radius: 12px;background: #fff;}
.solution_box li:hover .solutionCover { opacity: 1;}
.solutionxq span{display: block; overflow: hidden;}
.solutext{ position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%);}
.solutionCover { transition: all .5s; opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%;background: rgba(0,100,184,.8);}
.solutext h2{ margin: 0 20px; border-bottom: 1px solid #ffffff; line-height: 3; font-size: 22px; margin-bottom: 18px; color: #ffffff;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.solutext p{font-size: 14px; line-height: 22px; color: #ffffff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.more{display: block; margin: 0 auto;text-align: center; border: 2px solid #0064B8; line-height: 38px;border-radius: 21px;width: 124px;color: #0064B8;font-size: 14px;background: #fff;transition: All 0.4s ease-in-out;}
.more:hover{color: #fff;background: #0064B8;}
.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); }
.solutext { color: #ffffff; text-align: center;}
.news{width: 1200px; margin: 0 auto; padding-bottom: 65px;}
.newsbox{overflow: hidden;padding-bottom: 40px;}
.news_left{float: left; width: 45%;overflow: hidden;height: 360px;position: relative;}
.news_left img{width: 100%; height: 100%; object-fit: cover;}
.news_left p{font-weight: bold; font-size: 18px; color: #fff; position: absolute; width: 100%; left: 0; bottom: 0; line-height: 65px; padding: 40px 30px 0 30px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; background-image: linear-gradient(transparent, rgba(0,0,0,.6));}
.news_right{float: right;width: 50%; margin-top: -30px;}
.news_right li{border-bottom: 1px solid #e5e5e5; padding: 30px 0;}
.news_right li:last-child{border: none;}
.news_lb{overflow: hidden;}
.rqxz{float: left; width: 78px;height: 78px; border: 1px solid #333333;text-align: center;transition: All 0.4s ease-in-out;}
.rqxz h2{font-size: 28px; color: #333; line-height: 42px; margin: 0 15px; border-bottom: 1px solid #999999;}
.rqxz p{color: #999;font-size: 14px; margin-top: 10px;}
.xwwb{float: right;width: calc(100% - 110px);}
.xwwb h2{font-weight: bold; font-size: 18px; margin-bottom: 10px; color: #333;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.xwwb p{font-size: 14px; line-height: 26px; color: #666666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news_right a:hover .rqxz{border: 1px solid #0064B8;background: #0064B8;}
.news_right a:hover .rqxz h2{color: #fff;border-bottom: 1px solid #e06d67;}
.news_right a:hover .rqxz p{color: #fff;}

.footer{background: url(../images/a_30.jpg) no-repeat center center;background-size: cover;}
.footerbox{overflow: hidden; margin: 0 auto; width: 1200px; padding: 55px 0 60px;}
.foot_left{float: left; overflow: hidden; width: calc(100% - 290px);}
.footbox{width: 20%; float: left;}
.footbox h2{font-size: 16px; padding-bottom: 24px; position: relative;}
.footbox h2:before{position: absolute;content: ""; bottom: 12px;left: 0; border-bottom: 2px solid #fff; width: 20px;}
.footbox p{font-size: 12px; color: #fff;}
.footbox ul{padding-top: 15px;}
.footbox li{line-height: 32px; font-size: 14px;}
.footbox a{color: #888;transition: All 0.4s ease-in-out;}
.footbox a:hover{color: #fff;}

.foot_right{float: right; width: 290px;}
.foot_right h2{font-weight: bold; font-size: 36px; color: #0064B8;}
.foot_right h3{color: #fff; margin-bottom: 20px; font-weight: bold; font-size: 18px; line-height: 1;}
.foot_right p{font-size: 14px; line-height: 30px; color: #888888;}
.foot_right p img{ width: 20px; display: inline-block;vertical-align: middle; margin: -3px 6px 0 0;}
.scanCont { text-align: center;}
.scanCont dt { display: inline-block; margin: 0 8%; width: 30%;}
.scanCont dt img { border-radius: 4px; display: block; width: 100%;}
.copyRight { text-align: center; line-height: 2;}
/*关于我们*/
.banner1{background: url(../images/banner1.jpg) no-repeat center center;background-size: cover!important; height: 300px; position: relative; margin-top: 80px; }
.banner1 h2{font-weight: bold; color: #fff; font-size: 48px;position: absolute ;background-image:-webkit-linear-gradient(top,#fff,#fff,#d8d8d8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;left:50%; top:50%; transform:translate(-50%,-50%);text-shadow: 3px 4px 5px rgba(0,0,0,0.19);}

.about{border-bottom: 1px solid #eeeeee;}
.about ul{text-align: center; font-size: 0;}
.about li{display: inline-block;}
.about a{display: block; font-size: 16px; padding: 0 27px; line-height: 60px;color: #333333;transition: All 0.4s ease-in-out;}
.about li.cur a{color: #fff;background: #0064B8;}
.about a:hover{color: #fff;background: #0064B8;}

.introduction{ padding: 65px 0 180px;width: 1200px; margin: 0 auto;}
.introduction p{font-size: 16px; line-height: 36px; color: #666; margin-bottom: 15px;}
.bj3{background: url(../images/a_03.jpg) no-repeat center center;background-size: cover; padding: 125px 0;}
.environment {margin: 0 auto; border: 3px solid #0064B8; width: 1060px;text-align: center; padding: 90px 0 100px;background: rgba(0,0,0,.5);}
.environment h2{font-weight: bold; font-size: 36px; margin-bottom: 40px;color: #fff;}
.environment p{color: #fff; line-height: 1.7; font-size: 16px;}

.partner{width: 1200px; margin: 0 auto;}
.partner_title{text-align: center; padding: 80px 0 65px;}
.partner_title h2{font-weight: bold; font-size: 36px; margin-bottom: 45px; color: #333;}
.partner_title p{font-size: 16px; line-height: 1.7; color: #666666;}
.partner_box ul{overflow: hidden; margin-left: -20px; padding-bottom: 95px;}
.partner_box li{float: left;width: 16.66%; padding: 0 0 20px 20px;}
.partner_box a{display: block; border-radius: 10px;border: 1px solid #eeeeee;overflow: hidden;}
.partner_box img{width: 100%;}

/*course*/
.course{width: 1200px; margin: 0 auto;}
.course ul{position: relative; padding: 75px 0 90px 0;}
.course ul:before{position: absolute;content: "";border-right: 2px solid #eaeaea;top: 0;left:50%; transform: translateX(-50%);height: 100%;}
.course li{overflow: hidden; padding-bottom: 30px;}
.curs_right{float: right;width: calc(50% - 37px);border-radius: 12px;background: #fff; padding: 10px 30px 35px 30px;position: relative;}
.curs_right:before{position: absolute;background: url(../images/a_05.png); width: 22px;height: 22px; top: 20px;left: -48px;content: "";}
.curs_right h2{font-weight: bold; font-size: 26px; line-height: 50px; color: #0064B8;}
.curs_right p{font-size: 16px; line-height: 24px; color: #666666;text-align:justify; word-break: break-all;}
.curs_left{width: calc(50% - 37px);border-radius: 12px;background: #fff; padding: 10px 30px 35px 30px;position: relative;}
.curs_left:before{position: absolute;background: url(../images/a_05.png); width: 22px;height: 22px; top: 20px;right: -48px;content: "";}
.curs_left h2{font-weight: bold; font-size: 26px; line-height: 50px; color: #0064B8;}
.curs_left p{font-size: 16px; line-height: 24px; color: #666666;text-align:justify; word-break: break-all;}
.curs_left img{width: 195px;border-radius: 10px; margin-top: 20px;}
.curs_left span { display: block;font-size: 16px; line-height: 24px; color: #666666;text-align:justify; word-break: break-all;}
/*culture*/
.colt{width: 1200px; margin: 0 auto; padding: 60px 0 120px;}
.colt ul{overflow: hidden;}
.colt li{float: left; width: 33.33%;}
.colt ul li:nth-child(4){ width:100%;}
.coltbox{position: relative; overflow: hidden;}
.coltbox img{width: 100%;}
.colt_text{width: 100%; position: absolute; padding: 0 50px;left:50%; top:50%; transform:translate(-50%,-50%);}
.colt_text h2{font-weight: bold; font-size: 22px; color: #fff; margin-bottom: 20px;}
.colt_text p{color: #fff;font-size: 14px; line-height: 26px;}
.colt ul li:nth-child(4) .colt_text{padding: 0 50px;}

/*Product center*/
.banner2{background: url(../images/banner2.jpg) no-repeat center center;height: 280px;background-size: cover; margin-top: 80px; position: relative;}
.banner2_text{position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);}
.banner2_text h2{color: #fff;  font-size: 48px;background-image:-webkit-linear-gradient(top,#fff,#fff,#d8d8d8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow: 3px 4px 5px rgba(0,0,0,0.19); margin-bottom: 40px;font-weight: bold;}

.fldh{border-bottom: 1px solid #eeeeee;background: #fff;}
.fldh ul{overflow: hidden;max-width: 1200px; margin: 0 auto; font-size: 0;}
.fldh li{display: inline-block;font-size: 14px; line-height: 60px;}
.fldh a{display: block; color: #333333; padding: 0 32px;}
.fldh li.cur a{color: #fff;background: #0064B8;}
.fldh a:hover{color: #fff;background: #0064B8;}

.product{width: 1200px; margin:0px auto 20px auto; background: #fff;border-radius: 12px;position: relative;z-index: 10; }
.dqwz{padding: 0 65px;}
.dqwz p{line-height: 65px;font-size: 14px;color: #999999;background: url(../images/a_06.png) no-repeat left center; padding-left: 28px;}
.dqwz a{color: #999;}
.dqwz span{padding: 0 8px;}
.dqwz a:hover{color: #0064B8;}

.xqtab{border-bottom: 1px solid #eee; padding: 0 65px;}
.xqtab ul{overflow: auto; font-size: 0;white-space: nowrap;}
.xqtab li{ padding-right: 30px; line-height: 48px; color: #333;display: inline-block;}
.xqtab span{color: #333;cursor: pointer;font-size: 14px;display: block;}
.xqtab li.cur span{color: #0064B8;border-bottom: 2px solid #0064B8;}

.cpxq{overflow: hidden; padding: 35px 65px 43px 65px; border-bottom: 1px solid #eee;}
.cpxq_left{width: 378px; float: left;}
.cpxq_top{height: 280px;overflow: hidden;}
.cpxq_top img{width: 100%;height: 100%; object-fit: cover;border-radius: 15px;}
.cpxq_bottom ul{overflow: hidden; padding-top: 10px;}
.cpxq_bottom li{float: left;width: 25%; padding-left: 8px;}
.cpxq_bottom span{border: 3px solid #fff; border-radius: 6px;cursor: pointer;display: block;}
.cpxq_bottom img{width: 100%;}
.cpxq_bottom li.cur span{border: 3px solid #0064B8;}

.cpxq_right{float: right;width: calc(100% - 415px);}
.cpxq_right h2{font-weight: bold; font-size: 30px; color: #444444; line-height: 42px; margin-bottom: 10px;}
.cpxq_right p{font-size: 14px;color: #666666; line-height: 30px;}
.cpxq_right h3{padding-top: 35px;}
.btn3{display: inline-block; text-align: center; margin-right: 20px; font-size: 16px;border-radius: 5px; color: #fff; width: 210px; line-height: 50px; background: #0064B8;color: #fff;}
.btn3 img{display: inline-block;vertical-align: middle; margin: -3px 12px 0 0;}
.btn4{display: inline-block; text-align: center;  font-size: 16px;border-radius: 5px; color: #fff; width: 210px; line-height: 50px; background: #fff;color: #0064B8;border: 1px solid #0064B8;}
.btn4 img{display: inline-block;vertical-align: middle; margin: -3px 12px 0 0;}



.xqjs{padding: 30px 65px 40px 65px;}
.xqjsbox h2{font-weight: bold; font-size: 18px; color: #333333; line-height: 58px;}
.xqjsbox p{font-size:14px; line-height: 26px;color: #666666; margin-bottom: 15px;}
.cptj{width: 1200px; background: #fff;border-radius: 12px; margin: 0 auto 60px auto;}
.cptj_tit h2{color: #fff;font-weight: bold; font-size: 16px; line-height: 38px;background: #0064B8;border-radius: 12px 0 12px 0;text-align: center;display: inline-block; padding: 0 18px;}
.cptj_nr{padding: 25px 65px 35px 65px;}
.cptj_nr ul{overflow: hidden; margin-left: -20px;}
.cptj_nr li{float: left; width: 25%; padding-left: 20px;}
.cptj_nr a{border-radius: 12px; display: block; overflow: hidden;background: #f7f7f7;}
.cptj_nr span{display: block; overflow: hidden;height: 164px;}
.cptj_nr img{width: 100%;height: 100%; object-fit: cover;}
.cptj_nr p{font-size: 16px; color: #333333; line-height: 58px; padding: 0 20px;}
.cptj_nr a:hover p{color: #0064B8;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

/*Product center2*/
.banner3{background: url(../images/banner3.jpg) no-repeat center center;height: 480px; position: relative;background-size: cover;}
.banner3_text{width: 1200px; text-align: center; position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);}
.banner3_text h2{color: #fff;  font-size: 48px;background-image:-webkit-linear-gradient(top,#fff,#fff,#d8d8d8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow: 3px 4px 5px rgba(0,0,0,0.19); margin-bottom: 40px;font-weight: bold;}
.banner3_text p{color: #fff; font-size: 16px; line-height: 36px;}
.cplba{position: relative;width: 1200px; margin: 40px auto 0 auto; padding-bottom: 70px;}
.cplbaxq ul{overflow: hidden; margin-left: -35px; padding-bottom: 40px;}
.cplbaxq li{float: left; width: 33.33%; padding: 0 0 35px 35px;}
.lbcpnr{border-radius: 12px; background: #fff;}
.lbtpbox{display: block; overflow: hidden; height: 210px;border-radius: 12px 12px 0 0;}
.lbtpbox img{width: 100%;height: 100%; object-fit: cover;}
.lbcp_text{padding: 28px 25px;}
.lbcp_text h2 a{display: block; font-size: 22px;color: #333333; margin-bottom: 15px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.lbcp_text p{font-size: 14px; color: #666666; line-height: 22px;height: 88px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.lbcp_text a:hover h2{color: #0064B8;}
.fynr{text-align: center; padding-bottom: 40px;}
.fynr li{display: inline-block; padding: 0 5px;}
.fynr li a{display: block; text-align: center; line-height: 38px; padding: 0 15px;border: 1px solid #ebebeb;background: #fff; font-size: 16px;color: #999999;transition: All 0.4s ease-in-out;}
.fynr li.cur a{color: #fff;background: #0064B8;border: 1px solid #0064B8;}
.fynr a:hover{color: #fff;background: #0064B8;border: 1px solid #0064B8;}

/*Product_cente3*/
.banner4{background: url(../images/banner4.jpg) no-repeat center center;height: 300px; position: relative; background-size: cover; margin-top: 80px;}
.banner4 h2{position: absolute;color: #fff;  font-size: 48px;background-image:-webkit-linear-gradient(top,#fff,#fff,#d8d8d8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow: 3px 4px 5px rgba(0,0,0,0.19); margin-bottom: 40px;font-weight: bold;color: #fff;  left:50%; top:50%; transform:translate(-50%,-50%);}
.zxfl{width: 1200px; margin: 0 auto; padding: 40px 0 45px 0;}
.zxfl li{padding-bottom: 30px;}
.zxflbox{position: relative;}
.zxflbox img{width: 100%;}
.zxfl_text{width: 480px; position: absolute; left: 80px;top:50%; transform: translateY(-50%);}
.zxfl_text h2{font-weight: bold; color: #fff; font-size: 26px; margin-bottom: 45px;}
.zxfl_text p{font-size: 16px; color: #fff; line-height: 30px;}
.zxfl_text a{display: block; text-align: center; width: 84px; line-height: 34px; border-radius: 17px;border: 1px solid #fff; font-size: 14px; color: #fff; margin-top: 75px;transition: All 0.4s ease-in-out;}
.zxfl_text a:hover{color: #fff;border: 1px solid #0064B8;background: #0064B8;}

/*solution*/
.banner5{background: url(../images/banner5.jpg) no-repeat center center;height: 280px;background-size: cover; margin-top: 80px;}
.jjsj{padding: 20px 65px 0 65px;}
.jjsj_title h2{font-weight: bold; font-size: 36px; margin-bottom: 45px; color: #333333;}
.jjsj_box{padding-bottom: 60px;}
.jjsj_box img{width: 100%; margin-bottom: 35px;}
.jjsj_box p{font-size: 14px; line-height: 26px; color: #666666; margin-bottom: 20px;}

/*solution2*/
.banner6{background: url(../images/banner6.jpg) no-repeat center center; position: relative; background-size: cover; margin-top: 80px;height: 300px;}
.banner6 h2{position: absolute;color: #fff;  font-size: 48px;background-image:-webkit-linear-gradient(top,#fff,#fff,#d8d8d8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow: 3px 4px 5px rgba(0,0,0,0.19); margin-bottom: 40px;font-weight: bold;color: #fff;  left:50%; top:50%; transform:translate(-50%,-50%);}

.jjcp{width: 1200px; margin: 0 auto; padding: 50px 0 90px 0;}
.jjcp_box ul{overflow: hidden; margin-left: -30px; padding-bottom: 30px;}
.jjcp_box li{float: left; width: 33.33%; padding: 0 0 30px 30px;}

/*contact_us*/
.banner7{background: url(../images/banner7.jpg) no-repeat center center;height: 300px; margin-top: 80px; position: relative;background-size: cover;}
.banner7 h2{position: absolute;color: #fff;  font-size: 48px;background-image:-webkit-linear-gradient(top,#fff,#fff,#d8d8d8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow: 3px 4px 5px rgba(0,0,0,0.19); margin-bottom: 40px;font-weight: bold;color: #fff;  left:50%; top:50%; transform:translate(-50%,-50%);}
.contact{overflow: hidden;border-bottom: 1px solid #eee; width: 1200px; margin: 0 auto; max-width: 92%; position: relative;}
.cont_left{ height: 600px;}
.cont_left img{width: 100%;}
.cont_right{ padding-bottom:40px; }
.contbox{padding: 60px 0 0 65px;}
.contbox h2{font-weight: bold; font-size: 24px;color: #333333; margin-bottom: 25px;}
.contbox p{font-size: 16px; color: #333333; line-height: 34px;}
.contbox p img{display: inline-block;vertical-align: middle; margin: -3px 14px 0 0;}
.contbox.cur h2{ color: #0064B8;}
.BMap_bubble_title { font-size: 16px; font-weight: bold; height: 50px!important; padding-top: 10px;}
.BMap_bubble_content { top: 12px!important;}
.sheet{width: 1200px; margin: 0 auto;}
.sheet_title{text-align: center; padding: 75px 0 35px;}
.sheet_title h2{font-weight: bold; font-size: 30px; color: #333; margin-bottom: 20px;}
.sheet_title p{font-size: 16px; line-height: 1.6; color: #333;}
.sheet_box ul{overflow: hidden; margin-left: -20px; padding-bottom: 100px;}
.sheet_box li{float: left; width: 50%; padding: 0 0 20px 20px;}
.sheetbox{overflow: hidden;background: #f6f6f6;border-radius: 6px;}
.sheetbox span{float: left; width: 95px; line-height: 60px;text-align: right; color: #333; font-size: 15px;}
.sheetbox span b{color: #ff0000;}
.wby1{float: right;width: calc(100% - 95px);height: 60px; line-height: 60px; padding: 0 15px; font-size: 16px;}
.wby2{float: right;width: 100%;height: 120px; line-height: 60px; padding: 0 15px; font-size: 16px;resize:none;}
.sheet_box ul li:nth-child(3){ width:100%;}
.btn5{ width: 100%; font-weight: bold; font-size: 18px; color: #fff;border: 1px solid #0064B8;background: #0064B8;cursor: pointer;height: 70px;border-radius: 4px;}
.btn6{ width: 100%; font-weight: bold; font-size: 18px; color: #0064B8;border: 1px solid #0064B8;background: #fff;cursor: pointer;height: 70px;border-radius: 4px;}

/*Article_details*/
.banner8{background: url(../images/banner8.jpg) no-repeat center center;height: 280px; margin-top: 80px;background-size: cover;position: relative;}
.banner8 h2{position: absolute;color: #fff;  font-size: 48px;background-image:-webkit-linear-gradient(top,#fff,#fff,#d8d8d8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow: 3px 4px 5px rgba(0,0,0,0.19); margin-bottom: 40px;font-weight: bold;color: #fff;  left:50%; top:50%; transform:translate(-50%,-50%);}
.product_a{width: 1200px; margin: -190px auto 20px auto; background: #fff;border-radius: 12px;position: relative;z-index: 10; }
.jjsj_title p{font-size: 16px; color: #666666;margin: -15px 0 45px 0;}
.jjsj_title span{padding-left: 15px; }
.wzxq{padding: 20px 65px 0 65px;}


.wzxq_box img{max-width: 100%; margin:0 auto 35px; display: block;}
.wzxq_box{font-size: 16px; line-height: 26px; color: #666666; margin-bottom: 20px;}
.wzxq_box p{font-size: 16px; line-height: 26px; color: #666666; margin-bottom: 20px;}
.scp{border-top:1px solid #eeeeee; margin-top: 25px; padding: 20px 0 30px;}
.scp li{font-size: 16px; line-height: 36px; color: 666666;}
.scp li a{color: #666; padding-left: 12px;}
.scp li a:hover{color: #0064B8;}

.tjxw_nr{padding: 20px 0;}
.tjxw_nr a{display: block; overflow: hidden; line-height: 40px; padding: 0 65px;color: #666666;}
.tjxw_nr p{float: left;width: calc(100% - 140px);overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.tjxw_nr a:hover{background: #fdf4f4;color: #0064B8;}

/*news*/
.xwpl{width: 1200px; margin: 0 auto; padding-bottom: 65px;}
.xwplbox{padding: 40px 0 30px 0;}
.xwplbox li{padding-bottom: 15px;}
.plnr{overflow: hidden; border-radius: 10px;background: #fff;padding: 18px;}
.plnr_left{width: 308px;height: 192px; overflow: hidden;float: left;}
.plnr_left img{width: 100%;height: 100%; object-fit: cover;}
.plnr_right{float: right;width: calc(100% - 340px);}
.plnr_right h2 a{display: block; line-height: 54px; color: #333333; margin-bottom: 10px;font-weight: bold;font-size: 20px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.plnr_right h2 a:hover{color: #0064B8;}
.plnr_right p{font-size: 14px; line-height: 26px;color: #333333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.plnr_right h3{font-size: 14px; margin-top: 40px;color: #999999;}

/*客户案例*/
.banner9{background: url(../images/banner9.jpg) no-repeat center center;height: 300px;background-size: cover; margin-top: 80px;position: relative;}
.banner9 h2{text-align: center; position: absolute;position: absolute;color: #fff;  font-size: 48px;background-image:-webkit-linear-gradient(top,#fff,#fff,#d8d8d8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow: 3px 4px 5px rgba(0,0,0,0.19); margin-bottom: 40px;font-weight: bold;color: #fff;  left:50%; top:50%; transform:translate(-50%,-50%);}
.banner10{background: url(../images/banner9.jpg) no-repeat center center;height: 300px;background-size: cover; margin-top: 80px;position: relative;}
.banner10 h2{text-align: center; position: absolute;position: absolute;color: #fff;  font-size: 48px;background-image:-webkit-linear-gradient(top,#fff,#fff,#d8d8d8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow: 3px 4px 5px rgba(0,0,0,0.19); margin-bottom: 40px;font-weight: bold;color: #fff;  left:50%; top:50%; transform:translate(-50%,-50%);}
.khal{width: 1200px; overflow: hidden; margin: 0 auto;}
.khaltext{padding: 70px 0 60px;}
.khaltext p{font-size: 16px; line-height: 36px;color: #666666;}
.khal_lb ul{overflow: hidden; margin-left: -30px; padding-bottom: 50px;}
.khal_lb li{float: left;width: 16.666%; padding: 0 0 20px 30px;}
.khal_lb span{display: block; overflow: hidden; border: 1px solid #e1e1e1; border-radius: 4px; overflow: hidden;}
.khal_lb img{width: 100%;}
.khal_lb p{text-align: center; font-size: 16px; color: #333; line-height: 68px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.khal_lb a:hover p{color: #ff0000;}

.alxq{overflow: hidden; padding: 30px 65px;}
.qlxq_left{width: 375px;float: left;}
.qlxq_left img{width: 100%;border-radius: 15px;border: 1px solid #eee;}
.qlxq_right{float: right;width: calc(100% - 415px);}
.qlxq_right h2{font-size: 30px; margin-bottom: 25px; color: #333;font-weight: bold;}
.qlxq_right p{font-size: 14px; line-height: 30px; padding-bottom: 25px;color: #666666;}
.cpxq_topbox { height: 280px;}
.cpxq_topbox video{ width: 100%; height: 100%; object-fit: cover;}

.extra-wrapper .extra-consultation-btn, footer .extra-wrapper .extra-consultation-btn:hover {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJ0AAAArCAYAAABitYq+AAAACXBIWXMAAAsTAAALEwEAmpwYAAAFG2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDYgNzkuZGFiYWNiYiwgMjAyMS8wNC8xNC0wMDozOTo0NCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjQgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDIxLTA4LTA0VDExOjIyOjA4KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMS0wOC0wNFQxMToyMzoxMyswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMS0wOC0wNFQxMToyMzoxMyswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDphODBhN2Y0NC0zYTlm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);
        color: #fff;
    }
    .extra-wrapper {
        position: fixed;
        right: 0px;
        bottom: 40px;
        height: 190px;
        z-index: 999;
    }
    .extra-wrapper .extra-btn ~ .extra-btn {
        margin-top: 5px;
    }
    .extra-wrapper .extra-btn {
        position: relative;
        display: block;
        width: 157px;
        height: 43px;
        line-height: 43px;
        margin: 0 0 0 auto;
        background-size: cover;
        color: white;
        font-size: 22px;
        text-indent: 52px;
        cursor: pointer;
    }
    .extra-wrapper .extra-phone-btn {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJ0AAAArCAYAAABitYq+AAAACXBIWXMAAAsTAAALEwEAmpwYAAAFG2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDYgNzkuZGFiYWNiYiwgMjAyMS8wNC8xNC0wMDozOTo0NCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjQgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDIxLTA4LTA0VDExOjE4OjE5KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMS0wOC0wNFQxMToyMTowOSswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMS0wOC0wNFQxMToyMTowOSswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpmMzIyY2M4My05MjI2LTQwNGYtOWNkZS1iYzcxOTdkYjg2ODQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ZjMyMmNjODMtOTIyNi00MDRmLTljZGUtYmM3MTk3ZGI4Njg0IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6ZjMyMmNjODMtOTIyNi00MDRmLTljZGUtYmM3MTk3ZGI4Njg0Ij4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpmMzIyY2M4My05MjI2LTQwNGYtOWNkZS1iYzcxOTdkYjg2ODQiIHN0RXZ0OndoZW49IjIwMjEtMDgtMDRUMTE6MTg6MTkrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMi40IChNYWNpbnRvc2gpIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PthNF6gAAAOQSURBVHic7dtfaBRXFMfx72yD2WRtoya1VYq1KJHgf01pSLWukKptbKNei1JtkbhFgrEiRaFpUdQGgtgKoljEvwuNCnuhjREFMSZWxbImVIwmGlvivweD8cWkBqo7fRg0Dfo4c9fZnM/LZQ8Xznn4sbMzd9aKEZwMzEIIM/5KAwpmklY1pHh2socRqe5SM/rOzWNpAEMK8qE2luyRRKrbG4XICgLJnkP0PxI6YZyEThgnoRPGSeiEcRI6YZyEThjnXej2R9FWBhetgdDZ6Vkb4T/ehO7gIXTpClRRESOxqM8Z4Ukb4U/uh66rC72sFDV2Apw8So79kE4SMCDH9VbCn9wP3cRCZ23+41lJnTmF/rcbdu52vZ3wH9dDp/9uQ31V2rc4vRA1cQq6fDU8fux2S+Ez3vymKyp6vnb+lLPKt12/53ro0rFg67a+xQ2VnAtlM4kAzJjudkvhM66Hbu7Hc9HxeG9hfxS96QfeX/QZo3oewKTxbrcUPuP+5bX2iLN+NN9ZR4921rIIpKe73k74j/uhsyzUqlXoEyeg/bZzEzF5Kjr8Idi26+2E/3hzI7F9C+/yCr+/k+t8bjpLNgHaAwM9aSf8xbNjsBH3b9IBkJcPQPjGFRpJwJu5z29+9Ahqjnk1injJeHf2mp2N+i2Gbr0CS5bDqJGoc/Xoe7e5b70KPT3Ptt7KfB1dspDzVgi2/+zZSOLl4O1bJp8Woyo3o6ur4et1UPge6kYL10igMwbDL4dh5TfEeYI6XkNh3hj06jUw+C1PxxJJFiNYZheEbU+trbBjBG17aaS3Ni7fjhF06pHy3nrNcftXMuwLZNp2R4e3cwmz9hy0YwRr04wke0slKisL/f0GVLwJWhvhchzVcBaa/oQ15b17P5lDSaKb7sBrNA59m6n2P0ZGFOaYe4nzu3UofRh97SotVgja2mDGtL6Be8qyCH35Oe3II5ZUZPbN4QUlqLvtDMJC506AeYtfvG/xMnQ0iqqoMDqeMMPM5fX/hr/BMLsLtbwMve8AQSuT4g/CUPoFtLZwuepHrpNAbVwP6781Pp7wnvnQPbV3F+qnKpi/lPrTdTw4c5oAMC80iPHxBsh7wfM8kRKSFzqArCyoO0o4qUMI0+TfYMI4CZ0wTkInjJPQCeMkdMI4CZ0wTkInjJPQCeMkdMI4CZ0wzjkGu9QM23YkeRSR8uoaALBiBGcBkeROI/qRpv8AqLAgDgoQR+cAAAAASUVORK5CYII=);
        color: black;
    }

    .extra-wrapper .extra-phone {
        display: none;
        position: absolute;
        top: 0;
        right: 100%;
        width: 180px;
        height: 42px;
        line-height: 42px;
        background-color: rgba(0, 0, 0, .5);
        font-size: 18px;
        text-align: center;
        text-indent: 0;
    }
    .extra-wrapper .extra-qrcode-btn {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJ0AAAArCAYAAABitYq+AAAACXBIWXMAAAsTAAALEwEAmpwYAAAFG2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDYgNzkuZGFiYWNiYiwgMjAyMS8wNC8xNC0wMDozOTo0NCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjQgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDIxLTA4LTA0VDE0OjQ2OjE3KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMS0wOC0wNFQxNDo0NzowMSswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMS0wOC0wNFQxNDo0NzowMSswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDplMTA3ODUyOC00NTdk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);
        color: black;
    }
    .extra-wrapper .extra-qrcode-btn:hover {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJ0AAAArCAYAAABitYq+AAAACXBIWXMAAAsTAAALEwEAmpwYAAAFG2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDYgNzkuZGFiYWNiYiwgMjAyMS8wNC8xNC0wMDozOTo0NCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjQgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDIxLTA4LTA0VDE0OjMwOjQxKzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMS0wOC0wNFQxNDozMjoyMCswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMS0wOC0wNFQxNDozMjoyMCswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2OWI1ZTljMS1mNDJm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);
        color: #fff;
    }
    .extra-wrapper .extra-qrcode {
        display: none;
        position: absolute;
        top: -55px;
        right: 100%;
        width: 104px;
        margin-right: 10px;
        text-align: center;
        color: black;
    }
    .extra-wrapper .extra-phone-btn:hover {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJ0AAAArCAYAAABitYq+AAAACXBIWXMAAAsTAAALEwEAmpwYAAAFG2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDYgNzkuZGFiYWNiYiwgMjAyMS8wNC8xNC0wMDozOTo0NCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjQgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDIxLTA4LTA0VDE0OjMwOjE1KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMS0wOC0wNFQxNDozMTo1MiswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMS0wOC0wNFQxNDozMTo1MiswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4MGY0ZGMyMi0yMjE2LTQ1YmQtYmQyZC1hNzY1ZjBmMmNkZjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODBmNGRjMjItMjIxNi00NWJkLWJkMmQtYTc2NWYwZjJjZGY4IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6ODBmNGRjMjItMjIxNi00NWJkLWJkMmQtYTc2NWYwZjJjZGY4Ij4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo4MGY0ZGMyMi0yMjE2LTQ1YmQtYmQyZC1hNzY1ZjBmMmNkZjgiIHN0RXZ0OndoZW49IjIwMjEtMDgtMDRUMTQ6MzA6MTUrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMi40IChNYWNpbnRvc2gpIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Puvo76cAAANISURBVHic7dxZSFRRHMfx7ykFM50epqKwxWiPiMw2iEqKdirzIEQQvQRRD1Fge5pZtj0F0UYLEUhUXqXFEjJQCrOFmBZbqMlKyRQF0zbTuj0IUtjjvWe6zv/zNofD/P9wf5w7587hqlyiEoDZCGFGMAKYDOwLdScibBR0CXUHIvxI6IRxEjphnIROGCehE8ZJ6IRxEjphnIROGBfh1hdrnx8+VcG7dxTHj6KeX26VEh7jykqnY3xtgVu9Ht5WklT33o0ywqMcD10MCppqIGsv1rFjWEmzwO9HnzvrdCnhUY6Hbs6BPQBYO7Lax2pVLCxNRfeJc7qc8CDnb68b1sFc/dfQLVohYzdUvyYC5XhJ4S3u7F6LijoMXd+VDcDifgNcKSm8w/nQNTdD2vq/hvSYBOZVV0DgCcGqSsdLCm9xPnRr1sG+zPaP2ueHR6WwdiNXEyYRkEcnYc/x0OWdPgOAXrkSgNrGTwDUXcynGdvpcsKDHA+dDZA0F04cIh7VtonYnkVPu0m2EAJwaSNhlZTA/Yck1rT9frOy90J9PSkP7rhRTniMa/+9Fk+cCr396N07AQj07A+JY9GHD3aY2w3FIiLdakX8Z1wLXT2/aFE+2LYRnZJCEJtqFQNrVqGLbxD1x812/r3bRNqN6A9v0HHySKWzc/WUyWVaYEQiWDno6dMp5ScBFQ3Dh7DA/oqO8qFnzIAJ4/iiYuFUDlS9RJ887mZbIsRcP9pkvXwGk2dCcSE6OZkgNlbfQbBzP3yrgZsFMG8JhbRipafzQ8XAimXoylf0kpNXnZKRq2rdLYWR4yH/HDp7V9tYZiZ1KhYGjsIqLGyfe4Wf5EXGwtPnTKt4YaI9YZixpcR6UY6tesDWNHR5gKF0pYRWrPcVHebaAEdPQnx/U+0Jg4zev/L4wR0VDQ0NjLE/o5cv/+c8nZoKl85D4hST7QlDVC5Rq4Ejpgvr+Quh4AJ8/w6b0uH0WRgxEnJOwbDBMHoSVvlj020J94XutRLWtSsUqWhI2wIZm6HxI5TdhLIynqnuErhOLGQrnQhb8gIdYZ6EThgnoRPGSeiEcRI6YZyEThgnoRPGSeiEcRI6YZyEThgnoRPGRQBB4GKoGxFh4+FvT0DZS/f2mMwAAAAASUVORK5CYII=);
        color: #fff;
    }
.aboutCont {padding-top:5.2vw; background: #f7f7f7;}
.aboutCont .aboutTitles{ padding: 0 3%; text-align: center;}
.aboutTitles h2 { font-size: 36px; font-weight: bold; color: #333333; margin-bottom: 48px;}
.aboutTitles p { font-size: 16px; color: #666666; margin-bottom: 42px;}
.aboutCont ul { overflow: hidden;}
.aboutCont li { float: left; width: 20%; height: 23.7vw; position: relative;}
.aboutCont li p { position: absolute; left: 0; bottom: 0; width: 100%; height: 52px; line-height: 52px; background: rgba(0,0,0,0.5); text-indent: 20px;
color: #ffffff; font-size: 16px;}
.aboutCont li img { display: block; width: 100%; height: 100%; object-fit: cover;}
@media(max-width:1680px){
	.nav li {padding: 0 25px;}
}
@media(max-width:1380px){
	.product_text a { margin-top: 20px;}
	.product_text { width: 90%;}
	.nav li {padding: 0 25px;}
}

@media(max-width:1340px){
.header{padding: 0 10px;}

}



@media(max-width:1220px){
.aboutTitles h2 { font-size: 24px; margin-bottom: 25px;}
.aboutTitles p { line-height: 1.2; font-size: 14px;}
.aboutCont li { width: 50%; height:50vw;}
.aboutCont li:last-child { width: 100%;}
.nav li{padding: 0 15px;}
.banner_text h2{font-size: 36px; margin-bottom: 15px;}
.banner_text p{font-size: 20px;}

.sucas{width: 100%; padding: 100px 3%;}
.sucas_box ul{margin-left: -30px; padding-top: 30px;}
.sucas_box li{padding-left: 30px;}
.sucas_box h2 span{font-size: 24px;}
.sucas_box h3{font-size: 14px;}
.product_text{width: 100%; padding: 0 30px;}
.product_text h2{font-size: 20px; margin-bottom: 20px;}
.product_text p{font-size: 14px; line-height: 24px;}
.product_text a{margin-top: 20px;}

.solution{width: 100%; padding: 0 3%;}
.news{width: 100%; padding: 0 3% 60px 3%;}
.footerbox{width: 100% ; padding: 50px 3%;}

.product_a,.cptj{width: 94%;}
.contbox{padding: 20px 0 0 0;}
.contbox h2{font-size: 18px; margin-bottom: 10px;}
.contbox p{font-size: 12px; line-height: 22px;}

.sheet{width: 100%; padding: 0 3%;}
.course{width: 100%; padding: 0 3%;}
.colt{width: 100%; padding: 60px 3%;}
.xwpl{width: 100%; padding: 0 3% 50px 3%;}
.banner3_text{width: 100%; padding: 0 3%;}
.cplba{width: 100%; padding: 0 3% 70px 3%;}
.zxfl{width: 100%; padding: 40px 3%;}
.product{width: 94%;}
.cpxq{padding: 15px 40px 40px 40px;}
.btn3{width: 180px;}
.btn4{width: 180px;}
.xqjs{ padding-left: 40px;padding-right: 40px;}
.cptj_nr{padding: 25px 40px;}
.jjsj{padding: 30px 40px 0 40px;}
.dqwz{padding: 0 40px;}
.jjcp{width: 100%; padding: 40px 3%;}

.introduction{width: 100%; padding: 60px 3%;}
.environment{width: 94%;}
.partner{width: 100%; padding: 0 3%;}
}
@media(max-width:1000px){
.extra-wrapper { display: none;}
.header{height: 60px;}
.logo{width: 300px; padding-top: 12px;}
.dhbtn{position: absolute; width: 30px;height: 30px; position: absolute; right: 3%;top: 15px;background: url(../images/d1.png) no-repeat center center;background-size: 20px 20px;}
.dhbtn.on{background: url(../images/d2.png) no-repeat center center;background-size: 20px 20px;}
.nav{width: 200px; position: fixed;left: -200px;height: calc(100% - 60px);overflow: auto;top: 60px;background: #0064B8;}
.nav li{width: 100%; padding: 0 15px;}
.dhbj{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,.7);top: 0;left: 0; display: none;z-index: 99;}

.banner{margin-top: 60px;}
.banner_text h2{font-size: 18px; margin-bottom: 10px;}
.banner_text p{font-size: 12px;}
.banner .swiper-pagination{bottom: 15px;}

.sucas{padding: 40px 3%;}
.sucas_tp{float: none;height: auto;width: 100%;}
.sucas_text{float: none;width: 100%; padding-top: 20px;}
.sucas_title h2{font-size: 24px;}
.sucas_box ul{margin-left: -20px;}
.sucas_box li{padding-left: 20px;}
.product_b li{float: none; width: 100%; height: auto;}
.product_text p{font-size: 12px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.product_text h2{margin-bottom: 10px;}
.product_text a{margin-top: 10px;}
.solution_title{padding: 40px 0 20px;}
.solution_title h2{font-size: 24px;}
.solution_box li{float: none; width: 100%; padding-bottom: 15px;}
.solutionxq span{height: auto;}
.solution_box ul{padding-bottom: 20px;}
.news_left{width: 100%; float: none;height: auto;}
.news_right{float: none;width: 100%; margin: 0;}
.newsbox{padding-bottom: 10px;}
.footerbox{padding: 25px 3%;}
.foot_left{display: none;}
.foot_right{float: none;width: 100%;text-align: center;}

.banner8{margin-top: 60px;height: 160px;}
.product_a{margin-top: -80px;}
.dqwz{padding: 15px;}
.dqwz p{line-height: 22px; font-size: 12px;}
.wzxq{padding: 15px;}
.jjsj_title h2{font-size: 20px; line-height: 1.6;}
.tjxw_nr{padding: 15px 0;}
.tjxw_nr a{padding: 0 15px;}

.banner7{margin-top: 60px;height: 160px;}
.banner7 h2{font-size: 24px;}
.cont_left{float: none; width: 100%; position: static; height: 240px;}
.cont_right{float: none; width: 100%;}
.contact{padding-bottom: 20px;}
.sheet_title{padding: 40px 0 20px;}
.sheet_title h2{font-size: 24px;}
.sheet_box  ul li:nth-child(1){ width:100%;}
.sheet_box  ul li:nth-child(2){ width:100%;}
.sheet_box ul{padding-bottom: 40px;}
.btn5,.btn6{height: 45px;}

.banner1{margin-top: 60px; height: 160px;}
.banner1 h2{font-size: 24px;}
.course ul{padding: 30px 0;}
.curs_right{width: calc(50% - 25px);padding: 0 10px 10px 10px;}
.curs_right:before{left: -36px;}
.curs_left{width: calc(50% - 25px);padding: 0 10px 10px 10px;}
.curs_left:before{right: -36px;}
.curs_left img{max-width: 100%;}
.colt{padding: 35px 0;}
.colt li{float: none; width: 100%; padding-bottom: 10px;}
.coltbox{height: 280px;}
.coltbox img{width: 100%;height: 100%; object-fit: cover;}

.banner8{height: 160px;}
.banner8 h2{font-size: 24px;}
.fynr li a{font-size: 14px;line-height: 30px; padding: 0 12px;}


.banner3_text h2{font-size: 24px; margin-bottom: 15px;}
.banner3_text p{font-size: 14px; line-height: 20px;}
.banner3{height: 300px;}
.cplba{margin-top: 20px;}
.cplbaxq li{width: 50%;}
.cplbaxq ul{padding-bottom: 10px;}

.banner4{height: 180px; margin-top: 60px;}
.banner4 h2{font-size: 24px;}
.zxfl_text{width: 100%; padding: 0 15px;left: 0;}
.zxfl_text p{line-height: 20px;font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.zxfl_text h2{font-size: 18px; margin-bottom: 10px;}
.zxfl_text a{margin-top: 10px;}
.zxflbox{height: 200px;}
.zxflbox img{width: 100%;height: 100%; object-fit: cover;}
.zxfl li{padding-bottom: 15px;}

.cpxq{padding: 15px;}
.cpxq_left{float: none; width: 100%;height: auto;}
.cpxq_right{float: none;width: 100%; padding-top: 15px;}
.cpxq_right h2{font-size: 20px;}

.btn3{width: 150px;}
.btn4{width: 150px;}
.xqjs{padding: 15px;}
.xqjs img { max-width: 100%;}
.cptj_nr{padding: 15px 15px 0 15px;}
.cptj_nr li{float: none;width: 100%; padding-bottom: 15px;}
.cptj_nr span{height: auto;}
.jjsj{padding: 15px;}
.jjsj_title h2{margin-bottom: 20px;}
.jjsj_box{padding-bottom: 10px;}
.jjcp_box ul{margin-left: -20px;}
.jjcp_box li{width: 50%; padding: 0 0 20px 20px;}
.introduction{padding: 40px 3%;}
.introduction p{font-size: 14px; line-height: 1.7;}
.bj3{padding: 40px 0;}
.environment{padding: 50px 3%;}
.environment h2{font-size: 24px; margin-bottom: 20px;}
.partner_title{padding: 40px 0 20px;}
.partner_title h2{font-size: 24px; margin-bottom: 25px;}
.partner_box ul{padding-bottom: 30px;}
.partner_box li{width: 25%;}
.banner2,.banner6{margin-top: 60px;height: 160px;}
.banner6 h2,.banner2_text h2{font-size: 30px;}
.fldh{overflow: auto;}
.fldh ul{white-space: nowrap;overflow: auto;}
.fldh li{line-height: 45px;}
.fldh li a{padding: 0 25px;}
.xqtab{padding: 0 10px;}
.product{margin-top: 50px;}

.banner9{margin-top: 60px;height: 160px;}
.banner9 h2{font-size: 30px;    }
.banner10{margin-top: 60px;}
.banner10 h2{font-size: 30px;  }
.about a{line-height: 45px;}
.khal{padding: 0 3%;width: 100%;}
.khaltext{padding: 40px 0;}
.alxq{padding: 15px;}
.qlxq_left{float: none; width: 100%;}
.qlxq_right{float: none; width: 100%; padding-top: 30px;}
.sub{position: static;}
}
@media(max-width:640px){
.partner_box li{width: 33.33%;}
.khal_lb li{width: 50%;}
}
@media(max-width:480px){
.plnr_left{float: none;height: auto;width: 100%;}
.plnr_right{float: none; width: 100%;}
.cplbaxq li{width: 100%;}

.jjcp_box li{float: none; width: 100%;}
.lbtpbox{height: auto;}
.partner_box li{width: 50%;}



}