*{border:0; margin:0; padding:0; outline:0; box-sizing:border-box;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,input,fieldset,legend,button,textarea,div,img{border:0 none; margin:0; padding:0; box-sizing:border-box; outline:0;}
body,textarea,input,button,select,keygen,legend{font-size: 14px;line-height: 24px;color:#666;outline:0;font-family: Arial,Arial,myanmar_font;font-style: normal;}
html,body{width:100%; position:relative;}
.bodyw,.body_st{}
body{overflow-x:hidden;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
em{font-style:normal;}
ul,li,ol{list-style:none;}

/** 重置超链接元素 **/
a{text-decoration:none;color:#666;}
a:hover{color:#033e88;}

/** 重置图片元素 **/
.Fl{float:left;}
.Fr{float:right;}
.l{ float:left;}
.r{ float:right;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}




/** 重置表格元素 **/
table{border-collapse:collapse;}
.clear:after{content:"."; display:block; height:0; visibility:hidden; clear:both; overflow:hidden;}
.w1400{ width:1400px;max-width: 95%; margin:auto;}
.w1200{ width:1200px;max-width: 100%; margin:auto;}
.pd06{padding: 0 6%;}

.top_bg{position: fixed;left: 0;top: 0;right: 0;z-index: 9;-webkit-transition: 0.5s;transition: 0.5s;height: 100px;}
.top_h{}
.top_h .logo{}
.top_h .logo img{display: block;height:100px;padding: 20px 0;-webkit-transition:0.5s;transition:0.5s;display: none;}
.top_h .logo img.bs{display: block;}
.dh{}
.dh ul li{float: left;}
.dh ul li p a{display: block;line-height: 100px;font-size: 16px;position: relative;color: #fff;padding: 0 0.36rem;-webkit-transition:0.5s;transition:0.5s;}
.dh ul li p a i{font-size: 12px;padding-left: 5px;}
.dh ul li:hover p a{color: #033e88;}
.dh ul li.on p a{color: #033e88;}
.dh ul li{position: relative;z-index: 8;}
.dh ul li .dh_fl{position: absolute;left: 0;top: 100px;padding-top: 5px;display: none;min-width: 160px;}
.dh ul li .dh_fl ul{background: #fff;border-radius: 5px;box-shadow:0 0 10px rgba(0, 0, 0, 0.1);}
.dh ul li .dh_fl ul li{float: none;position: relative;}
.dh ul li .dh_fl ul li a{padding: 0 20px;font-size: 14px;line-height: 44px;color: #666;white-space: nowrap;display: flex;justify-content: space-between;align-items: center;}
.dh ul li .dh_fl ul li a i{padding-left: 20px;font-size: 12px;}
.dh ul li .dh_fl ul li a:hover{color:#033e88;}
.dh ul li .dh_fl ul li .dh_fl{left: 100%;padding-left: 5px;top: 0;}

.top_ss{margin-left: 0.2rem;}
.top_ss span.button{ display:block; width:30px; height:100px;font-size: 22px;line-height: 100px;text-align: center;color: #fff; cursor:pointer;-webkit-transition:0.5s;transition:0.5s;}
.serach{position:fixed;left: 0; right:0px;top:0px;bottom: 0;z-index:10;display: none;}
.serach2{position:absolute;left: 0; right:0px;background:rgba(0, 0, 0, 0.7); top:0px;bottom: 0;overflow:hidden;z-index:10;display: flex;align-items: center;justify-content: center;}
.serach form{position: relative;width: 100px;max-width: 85%;border-bottom: 1px solid #fff;-webkit-transition:1s;transition:1s;}
.serach.on form{width: 1440px;}
.serach form input[type='text']{font-size:16px; width:100%; height:60px; line-height:60px;padding:0 40px 0 40px; color:#fff;background: none;}
.serach form input[type='text']::-webkit-input-placeholder {color:#fff;}
.serach form input[type='text']:-moz-placeholder{color:#fff;}
.serach form input[type='text']::-moz-placeholder{color:#fff;}
.serach form input[type='text']:-ms-input-placeholder{color:#fff;}
.serach form i{position: absolute;left: 0;top:0px;height:60px;font-size: 20px;line-height: 60px;text-align: center;color: #fff;}
.serach form a{position: absolute;right: 40px;top:0px;font-size: 16px;line-height: 60px;color: #fff;}
.serach form span{position: absolute;right: 0;top:0px;width: 24px;height:60px;cursor: pointer;}
.serach form span:before{content:""; position: absolute;left: 50%;top:50%;width: 24px;height:2px;background: #fff;margin: -1px 0 0 -12px;-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition:0.5s;transition:0.5s;border-radius: 2px;}
.serach form span:after{content:""; position: absolute;left: 50%;top:50%;width: 2px;height:24px;background: #fff;margin: -12px 0 0 -1px;-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition:0.5s;transition:0.5s;border-radius: 2px;}
.serach form span:hover:before{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.serach form span:hover:after{-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.top_yy{position: relative;z-index: 2;margin-left: 0.2rem;}
.top_yy span{padding: 0 10px;font-size: 16px;line-height: 100px;color: #fff;display: block;cursor: pointer;-webkit-transition:0.5s;transition:0.5s;}
.top_yy span:after{content: "";float: right;border-top: 6px solid #fff;border-left: 5px solid transparent;border-right: 5px solid transparent;margin-left: 5px;margin-top: 47px;-webkit-transition:0.5s;transition:0.5s;}
.top_yy_xl{position: absolute;left:50%;top: 100px;background: #fff;display: none;padding: 10px 0;width: 100px;margin-left: -50px;border-radius: 0 0 5px 5px;border-top: 1px solid #eee;}
.top_yy_xl a{display: block;font-size: 14px;line-height: 30px;color: #666;text-align: center;}
.top_yy_xl a:hover{color: #033e88;}

.top_bg.on{background: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.top_bg.on .top_h .logo img.bs{display: none;}
.top_bg.on .top_h .logo img.hs{display: block;}
.top_bg.on .dh ul li p a{color: #333;}
.top_bg.on .dh ul li:hover p a{color: #033e88;}
.top_bg.on .top_ss span.button{color: #333;}
.top_bg.on .top_yy span{color: #333;}
.top_bg.on .top_yy span:after{border-top: 6px solid #333;}

.top_bg.on2{background: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.top_bg.on2 .top_h .logo img.bs{display: none;}
.top_bg.on2 .top_h .logo img.hs{display: block;}
.top_bg.on2 .dh ul li p a{color: #333;}
.top_bg.on2 .dh ul li:hover p a{color: #033e88;}
.top_bg.on2 .top_ss span.button{color: #333;}
.top_bg.on2 .top_yy span{color: #333;}
.top_bg.on2 .top_yy span:after{border-top: 6px solid #333;}

.top_bg.on3{top:-100px;}

.banner{ width:100%; overflow:hidden;position:relative;}
.banner ul li a{display: block;height: 100%;}
.banner ul li .img{overflow: hidden;height: 100%;}
.banner ul li .img img{display:block;width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;}
.banner ul li .img video{display:block; width:100%;height:auto;-o-object-fit: cover;object-fit: cover;}
.banner ul li .txt{position: absolute;left:10%;bottom:45%;}
.banner ul li .txt .ml1{font-size:40px;line-height:60px;color: #fff;letter-spacing: 2px;}
.banner ul li .txt .ml2{font-size:26px;line-height: 36px;color: #cbcbcb;margin-top:3%;}
.banner ul li .txt .ml3{font-size: 18px;line-height: 24px;color: #fff;margin-top: 20px;}
.banner ul li.swiper-slide-active .txt .ml1{animation-name:fadeInLeft;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay: 0.5s;animation-delay: 0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.banner ul li.swiper-slide-active .txt .ml2{animation-name:fadeInLeft;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay: 1s;animation-delay: 1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.banner ul li.swiper-slide-active .txt .ml3{animation-name:fadeInLeft;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay: 1.5s;animation-delay: 1.5s; -webkit-animation-fill-mode:both;animation-fill-mode:both;}
.bandd{ position:absolute; left:0; bottom:25px!important; width:100%; text-align:center; z-index:5;display: flex;align-items: center;justify-content: center;}
.bandd span{z-index:2;cursor:pointer;margin:0 6px!important;width:8px;height:8px;position:relative;-webkit-transition:0.5s;transition:0.5s;background:rgba(255, 255, 255, 0.5);opacity: 1!important;}
.bandd span.swiper-pagination-bullet-active{background:#fff;}
.bandd span.swiper-pagination-bullet-active:after{content: "";position: absolute;left: -6px;top: -6px;border: 1px solid #fff;width: 18px;height: 18px;border-radius: 50%;}
.banz,.bany{ position:absolute; top:50%; width:50px; height:50px;margin-top: -25px; opacity:0;  -webkit-transition:0.5s;transition:0.5s; cursor:pointer; z-index:5;font-size: 20px;line-height:50px;text-align: center;color: #fff;background: rgba(0, 0, 0, 0.4);border-radius: 50%;}
.banz{ left:5%;}
.bany{ right:5%;}
.banner:hover .banz,.banner:hover .bany{ opacity:1;}



.dsip{padding:3.2% 0 5.2% 0;background: url(../img/pic64.png) no-repeat left bottom;}
.FK{font-weight: bold; font-size: 33px;}
.dsip .title{text-align: center;width:100%;position:relative; display: flex; align-items: center; justify-content: flex-start;}
.dsip .title .cabt{text-transform:uppercase; font-weight: bold; font-size: 28px; color: #000; margin: 0 2%;}
.dsip .title em{font-family: 'Conv_BebasNeue-Regular';color:#033e88;}
.dsip .title i{width:6px;height:6px;background:#033e88;display:inline-block;position:relative;top:-8px;border-radius:3px;margin:0 18px;}
.dsip .title .byi{width:17px;background: url(../img/pic16.png) no-repeat center;height:17px;}
.dsip .title .ber{width:17px;background: url(../img/pic16_1.png) no-repeat center;height:17px;}
.dsip .box{position: relative;}
.dsip .hd{position: absolute;left: 0px;top: 0px;width: 40%;}
.dsip .hd ul{margin-left: -2%;margin-top: 3%;}
.dsip .hd li{cursor: pointer;width: 48%;line-height:33px;text-align: center;border:1px solid #e6e6e6;float: left;margin-left: 2%;margin-bottom: 2%;border-radius:20px;color:#777;font-size:16px;}
.dsip .hd li h2{font-weight: bold;font-size: 18px;padding-bottom: 10px;}
.dsip .hd li p{line-height: 24px;}
.dsip .hd li.on{color: #fff;border:1px solid #033e88; background: #033e88;}
.dsip .bd{}
.dsip .bd .txt{width: 40%;margin-top:16%; float: left;}
.dsip .bd .txt a{display:block;}
.dsip .bd .txt .caxbt{font-size:22px;color: #033e88;}
.dsip .bd .txt .xian{width: 50px;height: 2px;background: #CCC;margin-top: 20px;}
.dsip .bd .txt p{margin-top: 20px;line-height: 24px;font-size: 15px;color:#666;}
.dsip .bd .txt .more{margin-top: 20px;line-height: 30px;}
.dsip .bd .txt .more a{color: #033e88;font-size: 15px;}
.dsip .bd .pic{float: right;}
.dsip .bd .pic img{width: 700px;}
.dsip .bd .pic video{width: 700px;height: 500px;position: absolute;left: 0px;top: 0px;}
.dsip .bd .txt:hover a{padding:2%; box-sizing:border-box; background:#033e88}
.dsip .bd .txt:hover .caxbt{color:#fff;}
.dsip .bd .txt:hover p{color:#fff;}
.dsip .bd .txt:hover .more{color:#fff;}

.dsanp{position: relative;}
.dsanp .title_box{/*position: absolute;right: 50%;top: 50px;z-index: 1000;*/width: 100%;box-sizing: border-box;padding-right: 50px;height:30px;}
.dsanp .title_box .title_boxer{position:relative;color:#FFF;text-align: center;}
.dsanp .title{display: flex; align-items: center; justify-content: flex-start;}
.dsanp .title .sobt{text-transform:uppercase;font-weight: bold; font-size: 28px; color: #fff; margin: 0 2%;}
.dsanp .title em{font-family: 'Conv_BebasNeue-Regular';}
.dsanp .title i{width:6px;height:6px;background:#FFF;display:inline-block;position:relative;top:-8px;border-radius:3px;margin:0 18px;}
.dsanp .title .byi{width:17px;background: url(../img/pic16_2.png) no-repeat center;height:17px;}
.dsanp .title .ber{width:17px;background: url(../img/pic16_3.png) no-repeat center;height:17px;}
.dsanp .gcal{}
.dsanp .gcal .swiper-slide{background: #033e88 url(../img/pic57.jpg) no-repeat left center;background-size: cover; height:auto;}
.dsanp .gcal .swiper-slide .pic{width: 50%;overflow: hidden;}
.dsanp .gcal .swiper-slide .pic img{width: 100%;transition: all 1s; display: block;}
.dsanp .gcal .swiper-slide .pic:hover img{transform: scale(1.2);}
.dsanp .gcal .swiper-slide .right{position: absolute;right:0;top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);width: 50%;box-sizing: border-box;padding:4% 2.5% 0 2.5%;color: #FFF;}
.dsanp .gcal .swiper-slide .right .txt{width: 64%;}
.dsanp .gcal .swiper-slide .right .sbt{font-size: 22px;line-height: 35px;margin-top: 40px;margin-bottom: 20px;}
.dsanp .gcal .swiper-slide .right p{margin-top: 0px;line-height: 24px;font-size: 14px; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;}
.dsanp .gcal .swiper-slide .right .more{width: 28%;height: 34px;background: #FFF;border-radius: 50px;line-height: 34px;text-align: center;font-weight: bold;margin-top: 30px; font-size: 14px; float: right;}
.dsanp .gcal .swiper-slide .right .more a{color: #033e88;display: block;}
.dsanp .gcal .swiper-slide .right .more:hover a{color: #033e88;display: block;text-decoration: none;}
.dsanp .gcal .swiper-button-next,.dsanp .gcal .swiper-button-prev{top: auto;bottom:0px;margin-top: 0px;}
.jt{text-align: center;line-height: 50px;width: 50px;height: 50px;}
.jt i{font-size: 30px;}
.jt_next{right: 50%;margin-right: -50px;background: #F5F5F5;color: #999;}
.jt_prev{left: 50%;margin-left: -50px;background: #033e88;color: #fff;}




.in_probox{width: 100%; height: auto; padding: 3% 0; overflow: hidden; background: #eef2f7;}
.sy_bt{ text-align:center; padding:0px 0 0px;}
.sy_bt .cn{ font-size:28px; line-height:28px; color:#333;text-transform: uppercase;}
.sy_bt .en{ font-size:30px; line-height:30px; color:#999; padding-top:10px;text-transform: uppercase;font-family:"Arial";font-weight: 100;}
.sy_bt .line{display: block;width: 30px;height: 2px;background: #333;margin:15px auto 0;}
.sy_bt .h4{ font-size:16px; line-height:24px; color:#666;max-width: 520px;margin: auto; padding-top:20px;}
.sy_bt.on .h1{color:#fff;}
.sy_bt.on .h2{color:#fff;}
.sy_bt.on .h3{background:#fff;}
.sy_bt.on .h4{color:#fff;}
.newpro{padding:2% 0 0; overflow: hidden;}
.newpro ul{ margin-top:1%; margin-right:-0.5%}
.newpro li{width: 32.8%; margin-right: 0.5%; margin-bottom: 0.5%; float: left; position: relative; }
.newpro li:nth-child(1),.newpro li:nth-child(2){width: 49.5%}
.newpro li .ppimg{ overflow: hidden;}
.newpro li .ppimg img{width: 100%;-webkit-transition:0.5s; transition:0.5s; display: block; overflow: hidden;}
.newpro li .ppbox{position: absolute;top:15%;left: 6%; bottom:30px}
.newpro li .ppbox .p1{letter-spacing: 1.5px; font-size:20px; margin-bottom:1%; color: #333;text-transform: uppercase; }
.newpro li .ppbox .p2{font-size: 18px; line-height: 28px; color: #555; margin-bottom:1%; }
.newpro li .ppbox .h4_gd{font-size: 16px;line-height: 16px;color: #666;position: absolute;left: 0;bottom: 0;padding-right: 60px;background: url('../img/cj.png') right center no-repeat;}
.newpro li:hover .ppbox .h4_gd{color: #033e88;background: url('../img/cj2.png') right center no-repeat;}

.newpro li .ppbox .ppbutter{padding:10% 0;border: 0;color: #555;font-size: 14px;font-weight: 700;border-radius: 0;text-transform: uppercase;display: inline-block;}
.newpro li:hover .ppimg img{transform:scale(1.1); -webkit-transform:scale(1.1);}


.intitle{text-align: center;margin:0 auto;position:relative; display: flex; justify-content: center; align-items: center;}
.intitle .inbt{text-transform:uppercase; font-size: 28px; font-weight: bold; color: #000; margin: 0 2%;}
.intitle em{font-family: 'Conv_BebasNeue-Regular';color:#033e88;}
.intitle i{width:6px;height:6px;background:#033e88;display:inline-block;position:relative;top:-8px;border-radius:3px;margin:0 18px;}
.intitle .byi{width:17px;background: url(../img/pic16.png) no-repeat center;height:17px;}
.intitle .ber{width:17px;background: url(../img/pic16_1.png) no-repeat center;height:17px;}
.dbap{padding: 3.2% 0; background: url(../img/bg2.jpg) repeat;}
.dbap .hd{padding:2.5% 0;}
.dbap .hd ul{font-size: 0px;text-align: center;}
.dbap .hd ul li{display: inline-block; font-size: 16px;margin:0 10px;background: #eee;cursor: pointer;width: 10%;height: 40px;line-height: 40px;border-radius:20px;color:#777;}
.dbap .hd ul li.on{font-weight: bold;color:#FFF;background: #033e88;}
.dbap .inBox{}
.dbap .bd .inBd{width:58%;position: relative;}
.dbap .bd .inBd .yi .more a {color: #FFF;display: block;}
.dbap .bd .inBd .yi .more a:hover{color:#FFF;display:block;text-decoration:none;}
.dbap .bd .inBd .pic{}
.dbap .bd .inBd .yi .more {position: absolute;right: 0px;bottom: 0px;width: 100px;height: 50px;line-height: 50px;text-align: center;background: #f08927;font-size:15px;}
.dbap .bd .inBd .pic img{width: 100%;height: auto; display: block;}
.dbap .bd .inBd .yi{color: #FFF;}
.dbap .bd .inBd .yi .inbt{font-size: 17px;position: absolute;left: 0px;bottom:0px;right: 0px;background: rgba(0,0,0,0.5);height: 50px;line-height: 50px;overflow: hidden;padding:0 120px 0 20px;text-overflow:ellipsis;white-space: nowrap;}
.dbap .bd .inBd .yi .inbt a{color: #FFF;}
.dbap .bd .inBd .yi .inbt a:hover{color: #FFF;}
.dbap .bd .inHd{width: 42%;}
.dbap .bd .inHd ul{border: 1px solid #eee;border-width: 1px 1px 0 0;}
.dbap .bd .inHd li{margin-bottom: 0px;background: #FFF;padding:6.25% 0;;border: 1px solid #eee;border-width:0 0 1px 0;}
.dbap .bd .inHd li:hover{background: #033e88;}
.dbap .bd .inHd li .li_l{}
.dbap .bd .inHd li .inbt{font-size: 17px;margin-bottom: 10px;height:21px;line-height:21px;overflow:hidden;color:#323232;}
.dbap .bd .inHd li p{line-height: 24px;height: 48px;overflow: hidden;color: #888;font-size:15px;}
.dbap .bd .inHd li:hover .inbt{color: #FFF;}
.dbap .bd .inHd li:hover p{color: #FFF;}
.dbap .bd .inHd li .riqi{float: right;text-align: center;height: 110px;width: 120px;padding-left: 10px;}
.dbap .bd .inHd li .riqi .ri{font-size: 48px;padding-top: 10px;}
.dbap .bd .inHd li .riqi .qi{line-height: 30px;}
.dbap .bd .inHd li a{padding:0 3% 0 5%;display: block;}
.dbap .bd .inHd li:hover a{color: #FFF;padding:0 3% 0 5%;display: block;text-decoration: none;}

.foot{overflow: hidden;}
.foot_t{background: #112543;padding:3% 0;color: #FFF;}
.foot .box{}
.foot .box .left{float: left;}
.foot .box .left dl{float: left;padding-right:66px;}
.foot .box .left dt{margin-bottom: 20px;position: relative; font-size:16px;}
.foot .box .left dt:before{content: "";position: absolute;right: -22px;top: 6px;width: 1px;height: 9px;background: #2b394e;}
.foot .box .left dd{line-height: 26px;}
.foot .box .left dd a{color: #8799b2;font-size:12px;}
.foot .box .left dd:hover a{color: #8799b2;text-decoration: none;}

.foot .box .right{float: right;width: 30%;padding-left: 30px;padding-bottom: 20px; border-left: 1px solid #536278;}
.foot .box .right h2{font-size: 22px; color: #afb6c1;margin-bottom: 15px;}
.foot .box .right .txt{line-height: 28px;font-size:15px;}
.foot .box .right .txter{margin-top: 20px;}
.foot .box .right .txter ul{}
.foot .box .right .txter li{font-size: 32px;font-weight: bold;font-family: arial;}
.foot .box .right .txter li i{font-size: 28px;margin-right: 10px;}

.foot .box .right .txtsan{margin-top: 20px;}
.foot .box .right .txtsan ul{}
.foot .box .right .txtsan li{float: left;width: 44px;height: 44px;line-height: 44px;text-align: center;border:1px solid #536278;border-radius: 50px;margin-right: 20px;position: relative;}
.foot .box .right .txtsan li a{color: #536278;display: block;}
.foot .box .right .txtsan li:hover a{color: #536278;display: block;text-decoration: none;}
.foot .box .right .txtsan li i{width:100%;}
.foot .box .right .txtsan li i img{vertical-align: top; margin: auto; }
.foot .box .right .txtsan .pic{position: absolute;left: 56px;top: 0px;width: 140px;visibility: hidden;opacity: 0;transition: all 0.3s;z-index: 100;}
.foot .box .right .txtsan li:hover .pic{visibility: visible;opacity: 1;}
.foot .box .right .txtsan .pic img{width: 100%; display: block;}

.foot .foot_b{background: #091c38;text-align: center;color: #8799b2;line-height: 24px;padding:30px 0;}
.foot .foot_b .link{padding-bottom:20px;}
.foot .foot_b .link p{display:inline-block;font-size:14px;padding:0 10px;}
.foot .foot_b a{color: #8799b2;}
.foot .foot_b:hover a{color: #8799b2;text-decoration: none;}
.copyright{font-size:14px;}


.banner_ny{overflow:hidden; height: 100vh;}
.banner_ny img{width:100%; display:block;}
.banner_ny video{display:block; width:100%;height:auto;-o-object-fit: cover;object-fit: cover;}
.nyprovideo{overflow:hidden;}
.nyprovideo img{width:100%; display:block;}
.nyprovideo video{display:block; width:100%;height:100%;-o-object-fit: cover;object-fit: cover;}

.service_banner {
    background: url(../img/banner_pic.jpg) no-repeat center center / cover;
    min-height: 700px;
    padding-top: 310px;
  }
  .service_banner .nbt {
    margin-top: 2%;
    font-size: 47px;
    font-weight: bold;
    color: #fff;
    text-align: center;
  }
  .service_banner .name {
    width: 62%;
    margin: 1% auto 0;
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
  }
  @media (max-width: 1024px) {
    .service_banner {
      padding-top: 12%;
      min-height: 530px;
    }
  }
  @media (max-width: 768px) {
    .service_banner {
      min-height: 445px;
    }
    .service_banner .name {
      width: 100%;
      font-size: 14px;
      line-height: 24px;
    }
  }
  @media (max-width: 640px) {
    .service_banner {
      min-height: auto;
      padding: 12% 0 6%;
    }
    .service_banner .nbt {
      font-size: 24px;
    }
  }

  /* .title_box {
    background: url(../img/top_bg3.png) no-repeat center center;
    width: 700px;
    height: 109px;
    position: relative;
    margin: 90px auto 0;
    text-align: center;
    padding-left: 95.5px;
  }
  .title_box a {
    display: block;
    height: 109px;
    float: left;
    width: 150px;
    border-right: 1px solid #659bdb;
    padding-top: 26px;
  }
  .title_box a span {
    display: block;
    height: 28px;
  }
  .title_box a em {
    font-style: normal;
    color: #ffffff;
    font-size: 14px;
    margin-top: 8px;
    display: block;
  }
  .title_box a:last-child {
    border-color: rgba(0, 0, 0, 0);
  }
  .title_box a:hover,
  .title_box a.cur {
    background: #124490;
  }
  @media (max-width: 1024px) {
    .title_box {
      margin-top: 9%;
    }
  }
  @media (max-width: 640px) {
    .title_box {
      width: 100%;
    }
  }
  @media (max-width: 480px) {
    .title_box {
      background-size: 100% cover;
      height: auto;
      padding-left: 0;
    }
    .title_box a {
      width: 33.33333333%;
      height: auto;
      padding-top: 3%;
      padding-bottom: 3%;
    }
    .title_box a span {
      width: 20%;
      height: auto;
      line-height: 0;
      margin: 0 auto;
    }
    .title_box a em {
      margin-top: 5px;
    }
  }
  @media (max-width: 414px) {
    .title_box a em {
      font-size: 12px;
    }
  } */
.title_boxs {
    background: url(../img/top_bg4.png) no-repeat center center / cover;
    width: 969px;
    position: relative;
    margin: 110px auto 0;
    text-align: center;
    padding-left: 184.5px;
  }
.title_boxs a {
    display: block;
    height: 109px;
    float: left;
    width: 150px;
    border-right: 1px solid #659bdb;
    padding-top: 26px;
  }
.title_boxs a span {
    display: block;
    height: 30px;
  }
.title_boxs a em {
    font-style: normal;
    color: #ffffff;
    font-size: 14px;
    margin-top: 8px;
    display: block;
  }
.title_boxs a:last-child {
    border-color: rgba(0, 0, 0, 0);
  }
.title_boxs a:hover,
.title_boxs a.cur {
    background: #124490;
  }
  @media only screen and (max-width:1024px ) {
      .about_banner{
          padding-top: 150px;
      }
    .title_boxs{
          margin-top: 6.5%;
      }
  }
  @media only screen and (max-width:991px ) {
    .title_boxs{
          width: 100%;
      }
  }
  @media only screen and (max-width:768px ) {
      .about_banner{
          padding-top: 15%;
      }
    .title_boxs{
          padding-left: 0;
      }
    .title_box a{
          width: 25%;
      }
  }
  @media only screen and (max-width:480px ) {
    .title_boxs a{
          height: auto;
          padding-top: 3%;
          padding-bottom: 3%;
      }
    .title_boxs a span{
          width: 22%;
          height: auto;
          margin: 0 auto;
      }
    .title_boxs a em{
          margin-top: 5px;
      }
  }
  @media only screen and (max-width:414px ) {
    .title_boxs a em{
          font-size: 12px;
      }
      .title_boxs a span{
          width: auto;
      }
  }
.about_name {
  text-align: center;
  color: #999999;
  font-size: 14px;
  line-height: 24px;
  margin-top: 10px;
}
  .about_jianjie {
    padding:5% 0;
  }
  .about_jianjie .box {
    background: #ececed;
  }
  .about_jianjie .left {
    position: relative;
    width: 30%;
  }
  .about_jianjie .left .bg,
  .about_jianjie .left .img {
    line-height: 0;
  }
  .about_jianjie .left .img {
    position: absolute;
    left: 0;
    top: 19%;
    width: 95%;
  }
  .about_jianjie .right {
    width: 70%;
    padding: 0 3.65%;
    position: relative;
  }
  .about_jianjie .right .bg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
  }
  .about_jianjie .right .text {
    position: relative;
    z-index: 2;
    padding-top: 60px;
  }
  .about_jianjie .right .about_titlt {
    text-align: left;
  }
  @media (max-width: 414px) {
    .about_jianjie .right .about_titlt {
      text-align: center;
    }
  }
  .about_jianjie .right .t {
    margin-top: 25px;
    color: #666666;
    font-size: 14px;
    line-height: 28px;
  }
  .about_jianjie .right ol {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .about_jianjie .right ol li {
    background: #fff;
    float: left;
    width: 30%;
    margin-right: 5%;
  }
  .about_jianjie .right ol li:last-child {
    margin-right: 0;
  }
  .about_jianjie .right ol li .img {
    line-height: 0;
    overflow: hidden;
  }
  .about_jianjie .right ol li .img img{width:100%; display:block}
  .about_jianjie .right ol li .text {
    padding: 12px 17px;
    color: #666666;
    font-size: 14px;
    line-height: 22px;
  }
  @media (max-width: 1024px) {
    .about_jianjie .right .text {
      padding-top: 20px;
    }
    .about_jianjie .right .t {
      margin-top: 10px;
      line-height: 24px;
    }
    .about_jianjie .right ol {
      margin-top: 15px;
    }
  }
  @media (max-width: 991px) {
    .about_jianjie {
      padding: 6% 0;
    }
    .about_jianjie .right ol li {
      width: 32.5%;
      margin-right: 1.25%;
    }
    .about_jianjie .right ol li .text {
      padding: 5px 10px;
    }
  }
  @media (max-width: 768px) {
    .about_jianjie {
      padding: 0;
      /* background: #ececed; */
    }
    .about_jianjie .left {
      display: none;
    }
    .about_jianjie .right {
      width: 100%;
      padding: 6% 0 8%;
    }
    .about_jianjie .right .text {
      padding:3%;
      box-sizing: border-box;
    }
  }
  @media (max-width: 640px) {
    .about_jianjie .right .text ol {
      margin-top: 5%;
    }
    .about_jianjie .right .text ol li {
      width: 48%;
      margin-bottom: 4%;
      margin-right: 4%;
    }
    .about_jianjie .right .text ol li:nth-child(2n) {
      margin-right: 0;
    }
    .about_jianjie .right .text ol li img {
      width: 100%;
    }
    .about_jianjie .right .text ol li .text p {
      height: 48px;
      overflow: hidden;
    }
  }
  .about_titlt {
    color: #0f3f86;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
  }
  @media (max-width: 640px) {
    .about_titlt {
      font-size: 22px;
    }
  }
  @media (max-width: 414px) {
    .about_titlt {
      font-size: 17px;
    }
    .about_jianjie .right ol{margin-bottom: 0;}
    .about_jianjie .right .text ol li {
      width: 100%;
      margin-right: 0;
    }
  }
.about_wenhua {
  background: url(../img/about_bg2.jpg) no-repeat center center / cover;
  padding: 55px 0 60px;
}
.about_wenhua ol {
  width: 100%;
  margin:7% auto 0;
}
.about_wenhua ol li {
  position: relative;
  float: left;
  width: 27.5%;
  margin-right: 8.75%;
}
.about_wenhua ol li:last-child {
  margin-right: 0;
}
.about_wenhua ol li .img {
  position: relative;
  border-radius: 50%;
  overflow: hidden;
}
.about_wenhua ol li .img em {
  border-radius: 50%;
  display: block;
  line-height: 0;
  overflow: hidden;
}
.about_wenhua ol li .img span {
  position: absolute;
  right: 15%;
  top: 18%;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  font-family: arial;
}
.about_wenhua ol li .img .text {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: auto;
  margin-top: -25px;
  background: url(../img/about_pic4.png) no-repeat center center / cover;
  text-align: center;
  color: #fff;
  font-size: 14px;
  padding: 0 3%;
  box-sizing: border-box;
}
.about_wenhua ol li:nth-child(1) .img .text, .about_wenhua ol li:nth-child(2) .img .text{line-height: 50px;}
.about_wenhua ol li .img img {
  width: 100%;
}
.about_wenhua ol li .sz {
  position: absolute;
  right: -10%;
  top: -10%;
  width: 25%;
}
@media (max-width: 1024px) {
  .about_wenhua ol {
    width: 90%;
  }
}
@media (max-width: 991px) {
  .about_wenhua {
    padding: 6% 0;
  }
  .about_wenhua ol {
    margin-top: 7%;
  }
}
@media (max-width: 768px) {
  .about_wenhua ol li {
    width: 30.5%;
    margin-right: 4.25%;
  }
}
@media (max-width: 640px) {
  .about_wenhua {
    padding: 7% 0 4%;
  }
  .about_wenhua ol {
    width: 100%;
  }
  .about_wenhua ol li {
    width: 60%;
    position: relative;
    left: 50%;
    margin-left: -30%;
    margin-right: 0;
    float: none;
    margin-bottom: 6%;
  }
  .about_wenhua ol li .sz {
    position: absolute;
    right: auto;
    left: -20%;
    top: 0;
  }
}
@media (max-width: 414px) {
  .about_wenhua ol li {
    width: 65%;
  }
  .about_wenhua ol li .img span {
    font-size: 14px;
  }
  .about_wenhua ol li:nth-child(1) .img .text, .about_wenhua ol li:nth-child(2) .img .text{height:auto; line-height:20px;}
  .about_wenhua ol li .img .text {
    font-size: 12px;
    line-height: 20px;
    margin-top: -16px;
  }
}
.about_course {
  padding: 55px 0 65px;
}
.about_course .course_box {
  background: url(../img/course_bg1.jpg) repeat-y center top;
  margin-top: 52px;
  position: relative;
}
.about_course .course_box:before{
	content: "";
	position: absolute;
	left: 50%;
	top:0;
	margin-left: -13.5px;
	width: 27px;
	height: 27px;
	background: url(../img/g_course_bg1.jpg) no-repeat center center;
}
.about_course .course_box ul {
  padding-top: 35px;
}
.about_course .course_box ul li {
  float: right;
  width: 47%;
  background: #eeeeee;
  position: relative;
  margin-bottom: 5%;
  padding: 15px 0;
}
.about_course .course_box ul li:before{
	content: "";
	position: absolute;
	left: -50px;
	top: 50%;
	margin-top: -7.5px;
	width: 28px;
	height: 15px;
	background: url(../img/g_course_bg2.jpg) no-repeat center center;
}
.about_course .course_box ul li span {
  color: #0f3f86;
  font-size: 35px;
  display: inline-block;
  float: left;
  width: 20%;
  text-align: center;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.about_course .course_box ul li .text {
  float: right;
  display: inline-block;
  width: 80%;
  padding-right: 17px;
}
.about_course .course_box ul li .text .bt {
  color: #000000;
  font-size: 20px;
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.about_course .course_box ul li .text .t {
  color: #666666;
  font-size: 15px;
  line-height: 24px;
}
.about_course .course_box ul li:first-child+li{
	margin-top: 6%;
}
.about_course .course_box ul li:nth-child(2n){
	float: left;
}
.about_course .course_box ul li:nth-child(2n)::before{
	background: url(../img/g_course_bg3.jpg) no-repeat center center;
	left: auto;
	right: -50px;
}
.about_course .course_box ul li:nth-child(2n) span{
	left: auto;
	right: 0;
}
.about_course .course_box ul li:nth-child(2n) .text{
	float: left;
	text-align: right;
	padding-right: 0;
	padding-left: 17px;
}


@media (max-width: 1024px) {
  .about_course .course_box ul li span{
  	font-size: 24px;
  }
  .about_course .course_box ul li .text .bt{
  	font-size: 18px;
  }
  .about_course .course_box ul li .text .t{
  	font-size: 14px;
	line-height: 20px;
  }
  .about_course .course_box ul li:before{
  	left: -37px;
  }
  .about_course .course_box ul li:nth-child(2n)::before{
  	right: -37px;
  }
}
@media (max-width: 991px) {
  .about_course {
    padding: 6% 0;
  }
  .about_course .course_box {
    margin-top: 5%;
  }
  .about_course .course_box ul li:before{
  	left: -36px;
  }
  .about_course .course_box ul li:nth-child(2n)::before{
  	right: -36px;
  }
}
@media (max-width: 768px) {
  .about_course {
    padding-top: 8%;
  }
  .about_course .course_box {
    background: none;
  }
  .about_course .course_box ul {
    padding-top: 0;
  }
  .about_course .course_box ul li {
    width: 100%;
    margin-bottom: 3%;
  }
  .about_course .course_box ul li:before{
  	display: none;
  }
  .about_course .course_box ul li:first-child + li{
  	margin-top: 0;
  }
}
@media (max-width: 414px) {
  .about_course .course_box ul li .text .bt{
  	font-size: 15px;
  }
  .about_course .course_box ul li .text{
  	padding-right: 13px;
  }
  .about_course .course_box ul li:nth-child(2n) .text{
  	padding-left: 13px;
  }
}

.honor{overflow: hidden;}
.honor ul{ margin-left:-2%;}
.honor li{ float:left; width:23%; margin-left:2%; text-align:center; margin-bottom:2%; box-sizing: border-box; overflow: hidden;}
.honor li .upimg{width: 100%; overflow: hidden; border: 1px solid #ccc;}
.honor li .upimg img{ max-width:100%; -webkit-transition:0.5s;transition:0.5s; display: block; margin: 0 auto; height: 300px;}
.honor li .upimg:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.honor li span{display:block; line-height:22px; font-size:15px; padding:3%; color: #fff; background: #666666; box-sizing: border-box;}

.contact_banner {
  background: url(../img/banner_pic2.jpg) no-repeat center top / cover;
  min-height: 700px;
  padding-top: 240px;
}
.contact_banner .cbt {
  text-align: center;
  color: #fff;
  font-size: 47px;
  font-weight: 600;
}
.contact_banner .cwz {
  text-align: center;
  color: #fff;
  font-weight: normal;
  font-size: 30px;
  margin-top: 2%;
}
.contact_banner .name {
  text-align: center;
  color: #fff;
  font-size: 14px;
  width: 750px;
  margin: 1% auto 0;
  line-height: 24px;
}
.contact_banner ol {
  width: 790px;
  margin: 60px auto 0;
}
.contact_banner ol li {
  float: left;
  width:31.333%;
  background: rgba(30, 182, 255, 0.2);
  line-height: 45px;
  margin-bottom: 25px;
  color: #fff;
  padding: 0 20px;
  font-size: 16px;
  border-radius: 50px;
  margin-right: 2%;
}

.contact_banner ol li span {
  display: inline-block;
  padding-left: 30px;
}
.contact_banner ol li .s1 {
  background: url(../img/contact_icon1.png) no-repeat left center;
}
.contact_banner ol li .s2 {
  background: url(../img/contact_icon2.png) no-repeat left center;
}
.contact_banner ol li .s3 {
  background: url(../img/contact_icon3.png) no-repeat left center;
}
.contact_banner ol li .s4 {
  background: url(../img/contact_icon4.png) no-repeat left center;
}
@media (max-width: 1024px) {
  .contact_banner {
    padding-top: 10%;
    padding-bottom: 10%;
    min-height: auto;
  }
}
@media (max-width: 768px) {
  .contact_banner .name {
    width: 100%;
  }
  .contact_banner ol {
    width: 100%;
    margin-top: 6%;
  }
}
@media (max-width: 640px) {
  .contact_banner h1 {
    font-size: 24px;
  }
  .contact_banner h3 {
    font-size: 20px;
  }
  .contact_banner ol li {
    width: 100%;
    margin-bottom: 3.5%;
  }
}
@media (max-width: 375px) {
  .contact_banner {
    padding-top: 12%;
    padding-bottom: 13%;
  }
  .contact_banner ol li {
    font-size: 14px;
  }
}
@media (max-width: 320px) {
  .contact_banner h1 {
    font-size: 18px;
  }
  .contact_banner h3 {
    font-size: 15px;
  }
  .contact_banner .name {
    font-size: 14px;
    line-height: 20px;
  }
  .contact_banner ol li {
    font-size: 12px;
  }
}

.message {
  padding: 5% 0;
}
.message .lybt {
  text-align: center;
  color: #333333;
  font-size: 22px;
  font-weight: normal;
}
.message ol {
  width: 1000px;
  margin: 50px auto 0;
}
.message ol li {
  float: left;
  width: 48%;
  margin-bottom: 25px;
  background: #f3f3f3;
}
.message ol li:nth-child(2n) {
  float: right;
}
.message ol li:nth-child(6) {
  float: left;
}
.message ol li:nth-child(7) {
  float: right;
}
.message ol li input {
  height: 54px;
  width: 100%;
  background: none;
  border: none;
  color: #999999;
  padding: 0 15px;
  font-size: 14px;
  font-family: "SourceHanSansCNNormal";
  outline: none;
  -webkit-appearance: none;
}
.message ol li textarea {
  font-size: 14px;
  padding: 10px 15px;
  width: 100%;
  height: 162px;
  border: none;
  background: none;
  color: #999999;
  font-family: "SourceHanSansCNNormal";
  outline: none;
  -webkit-appearance: none;
}
.message ol li .btn,
.message ol li .btn2 {
  color: #fff;
  font-size: 18px;
}
.message ol li .btn {
  background: #e87e14;
}
.message ol li .btn2 {
  background: #808080;
}
@media (max-width: 1024px) {
  .message ol {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .message {
    padding: 7% 0;
  }
  .message ol {
    margin-top: 5%;
  }
}
@media (max-width: 640px) {
  .message ol li {
    width: 100%;
    margin-bottom: 2%;
  }
  .message ol li input {
    padding: 2% 10px;
    height: auto;
    font-size: 12px;
  }
  .message ol li textarea {
    font-size: 12px;
    padding: 5px 10px;
  }
  .message ol li:nth-child(6),
  .message ol li:nth-child(7) {
    width: 49%;
  }
  .message ol li:nth-child(6) input,
  .message ol li:nth-child(7) input {
    padding: 5% 0;
  }
}
@media (max-width: 414px) {
  .message .lybt {
    font-size: 17px;
  }
}
@media (max-width: 320px) {
  .message .lybt {
    font-size: 15px;
  }
  .message ol li .btn,
  .message ol li .btn2 {
    font-size: 15px;
  }
}

.map{width: 100%; overflow: hidden;}
.map #map_container{height:600px;border: 5px solid #fff; font-size: 15px; font-family: 'Poppins';font-weight: normal;color:#000;}



.newxbox{ overflow:hidden;}
.newxbox a{ display: flex; align-items: center; justify-content: space-between; background: #F7F7F7;}
.newxbox .npic{width: 50%;overflow: hidden;}
.newxbox .npic img{width: 100%; height: auto; display: block; -webkit-transition: all .36s ease;
  transition: all .36s ease;}
.newxbox .ntext{ padding: 5%; box-sizing: border-box; width: 50%;}
.newxbox .ntext .ny{overflow: hidden;}
.newxbox .ntext .ny .time{font-size: 14px;letter-spacing: 1px;color: #999;line-height: 26px;font-weight: 400;}
.newxbox .ntext .ny .time1{font-size: 24px;letter-spacing: 1.5px;line-height: 34px;color: #0f3f86;font-weight: 400;color: #333;margin-bottom: 20px;-moz-transition: all .36s ease;-o-transition: all .36s ease;-webkit-transition: all .36s ease;transition: all .36s ease;margin-top: 10px; overflow:hidden;
text-overflow:ellipsis;white-space:nowrap;}
.newxbox .ntext .ny .time2{font-size: 14px;letter-spacing: 1px;color: #999;line-height: 26px;font-weight: 400;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.newxbox .ntext .ny .read_more {
  display: block;
  font-size: 14px;
  line-height: 17px;
  font-family: "GothamBook";
  color: #0f3f86;
  margin-top: 5%;
}
.newxbox a:hover .npic img{-webkit-transform: scale(1.04);transform: scale(1.04);}
.newxbox a:hover .ntext .ny .time1{color: #0f3f86;}
.newxbox a:hover .ntext .ny .read_more{color: #0f3f86;}

.news2{ overflow:hidden; padding: 4% 0; background: #f7f7f7;}
.news2 ul{margin-right: -2%; }
.news2 li{width:31.333%; margin-right: 2%; margin-bottom:2%; float: left;}
.news2 li .nimg{width: 100%; overflow: hidden; position: relative;}
.news2 li .nimg img{width: 100%; display: block;}
.news2 li .category {position: absolute;bottom: 0;left: 0;width: 135px;font-size: 14px;letter-spacing: 1px;color: #999;line-height: 26px;font-weight: 400;line-height: 40px;text-align: center;background-color: #333;color: #fff;}
.news2 li .ntext{background: #fff; padding: 5%; box-sizing: border-box;}
.news2 li .ntext .desc{font-size: 24px;letter-spacing: 1.5px;line-height: 34px;color: #f08927;font-weight: 400;font-size: 18px;color: #333;line-height: 30px;height: 130px;border-bottom: 1px solid rgba(51, 51, 51, 0.1);overflow: hidden;}
.news2 li .ntext .time{display: block;font-size: 14px;letter-spacing: 1px;color: #999;line-height: 26px;font-weight: 400;margin-top: 20px;letter-spacing: 0;}
.news2 li a:hover .category{background: #0f3f86; color: #fff;}
.news2 li a:hover .ntext .desc{color: #0f3f86;}
.news2 li a:hover .ntext .time{color: #0f3f86;}


.news3{ overflow:hidden; padding: 5% 0;}
.news3 ul{margin-right: -2%; }
.news3 li{width:98%; margin-right: 2%; margin-bottom:4%; float: left;}
.news3 li .nimg{width: 100%; overflow: hidden; position: relative;}
.news3 li .nimg img{width: 100%; display: block;}
.news3 li .category {position: absolute;bottom: 0;left: 0;width: 135px;font-size: 14px;letter-spacing: 1px;color: #999;line-height: 26px;font-weight: 400;line-height: 40px;text-align: center;background-color: #333;color: #fff;}
.news3 li .ntext{background: #f7f7f7; padding: 5%; box-sizing: border-box;}
.news3 li .ntext .desc{font-size: 24px;letter-spacing: 1.5px;line-height: 34px;color: #f08927;font-weight: 400;font-size: 18px;color: #333;line-height: 30px;height: 130px;border-bottom: 1px solid rgba(51, 51, 51, 0.1);overflow: hidden;}
.news3 li .ntext .time{display: block;font-size: 14px;letter-spacing: 1px;color: #999;line-height: 26px;font-weight: 400;margin-top: 20px;letter-spacing: 0;}
.news3 li a:hover .category{background: #0f3f86; color: #fff;}
.news3 li a:hover .ntext .desc{color: #0f3f86;}
.news3 li a:hover .ntext .time{color: #0f3f86;}

.about_x2.bgs2{overflow:hidden; margin-bottom: 28px;}
.about_x2.bgs2 .lnny{width:68%; float:left; overflow: hidden;}
.about_x2.bgs2 .rnny{width:28%; float:right; overflow: hidden;}
.about_x2.bgs2.bgs3 .con_id{ padding-top:0;}
.about_x2.bgs2 .show_t{ text-align:center;line-height:32px; font-size:28px; color:#222;margin-bottom:16px; margin-top:12px; font-weight:400;}
.about_x2.bgs2 .con_line{ text-align:center; line-height: 35px; font-size: 15px; border-bottom: 1px solid #eee; padding-bottom: 10px;}
.about_x2.bgs2 .con_line span{ margin-left:2%; margin-right:2%;}
.about_x2.bgs2 .con_line span i{ color:#222; font-style:normal;}
.about_x2.bgs2 .con_id{ line-height:30px;overflow:hidden;white-space:normal; padding-top:3%;font-size:15px; color:#444;text-align:left; margin-bottom: 3%;}
.about_x2.bgs2 .con_id .h2{ font-size:16px; line-height:24px; margin-bottom:5px;}
.about_x2.bgs2 .con_id b{ display:block; padding-top:1%;padding-bottom:1%; overflow:hidden;}
.about_x2.bgs2 .con_id img{margin: auto; display: block; max-width:100%}

.detail_fenx a{font-size:14px;padding:12px 0;overflow:hidden;margin-top:20px;border-top:1px dotted #adadad;color:#333;}

.fanhui{float:right;width:126px;margin:0 auto;position:relative;height:1px;}
.fanhui a{position:absolute;z-index:2;width:125px;height:42px;line-height:42px;top:25px;right:0;text-align:center;background:#0f3f86;font-size:16px;color:#fff;display:inline-block;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.fanhui a:hover{color:#fff;font-size:16px;font-weight:100;text-decoration:underline;}
.PreveNext{border-top:1px #DEDEDE solid;margin:0px auto;width:100%;height:70px;padding-top:10px;padding-bottom:10px;clear:both;overflow:hidden;}
.PreveNext ul{float:left;}
.PreveNext li{width:100%;float:left;line-height:32px;text-align:left; font-size: 15px;}

.page_title{font-size: 36px;letter-spacing: 1px;line-height: 60px;line-height: 36px;color: #333;font-weight: 400; margin-bottom: 2%;}
.page_title span{display: block;font-size: 14px;color: #0f3f86;font-family: "GothamBook";letter-spacing: 0;}

.breadcrumb{font-size:14px;color: #999;line-height:30px;margin-bottom: 1.3%;}
.breadcrumb a{transition: color 0.35s ease;-webkit-transition: color 0.35s ease;-moz-transition: color 0.35s ease;-ms-transition: color 0.35s ease;-o-transition: color 0.35s ease;}
.breadcrumb a:hover{color: #0f3f86;}

.case-wrapper .pageTop{display: flex; display: -webkit-box; justify-content: space-between; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ align-items: flex-end; margin-bottom: 0.6rem;}
.case-wrapper .pageTop .index-title{margin-bottom: 0; font-size:60px;color: #000;font-weight: 700;line-height: 0.7rem;}
.case-wrapper .pageTop .cat-box a{min-width: 1.34rem;}
.case-wrapper .pageTop .cat-box a{display: inline-block; min-width: 1.44rem; line-height: 0.48rem; background-color: #dde1e9; border-radius: 24px; margin-top: 0.2rem; margin-right: 0.2rem; text-align: center; color: #000; font-size:16px; margin-right: .08rem; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; padding: 0 0.2rem;}
.case-wrapper .pageTop .cat-box a:last-child{margin-right: 0;}
.case-wrapper .pageTop .cat-box a:hover, .pageTop .cat-box a.on{color: #fff; background-color: #0f3f86;}
.category-box{width: 20.05%; position: relative; padding-top: 0.4rem; padding-right: 0.62rem; border-right: 1px solid #000;}
.category-box .caption{font-size:30px; line-height: 0.36rem; color: #000; font-weight: 700; margin-bottom: 0.32rem;}
.category-box ul{list-style: none; margin-bottom: 0.54rem;}
.category-box ul:last-child{margin-bottom: 0;}
.category-box li{margin-bottom: 0.2rem;}
.category-box li:last-child{margin-bottom: 0;}
.category-box a{display: block; transition: color 0.35s ease; -webkit-transition: color 0.35s ease; -moz-transition: color 0.35s ease; -ms-transition: color 0.35s ease; -o-transition: color 0.35s ease;}
.category-box li > a{position: relative; font-size:18px; margin-right: .08rem; line-height: 0.3rem;}
.category-box .cat:after{content: ""; width: 0.14rem; height: 100%; background-image: url(../img/iright.png); background-position: center center; background-size: 100%; background-repeat: no-repeat; position: absolute; right: 0; top: 0; z-index: 1;}
.category-box .child{margin-top: 0.12rem; padding-left: 0.1rem; display: none;}
.category-box .child a{line-height: 24px; margin-bottom: 0.1rem;}
.category-box .child a.on,
.category-box .child a:hover{color: #0f3f86; margin-right: .08rem;}
.category-box .child a:last-child{margin-bottom: 0;}
.page-title{font-size: var(--fs48); color: #000; font-weight: 700; line-height: 0.6rem; text-transform: uppercase; margin-bottom: 0.82rem;}
.page-title.white{color: #fff;}
.case-wrapper .pageTop .index-title{width: auto;}
.case-wrapper .pageTop .cat-box{justify-content: flex-end;}
.case-wrapper .pageTop .cat-box a{/* min-width: 1.04rem;*/} 
.case-wrapper .swiper-box{ overflow: hidden; position: relative;}
.case-wrapper .swiper-slide{display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;}
.case-wrapper .swiper-slide .picss2{width: 59.89%;}
.case-wrapper .swiper-slide .picss2:hover img{transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05);}
.case-wrapper .swiper-slide .infos{width: 35.16%; padding-right: 0.72rem; padding-top: 0.75rem;}
.case-wrapper .swiper-slide .infos:hover .title{color: #0f3f86;}
.case-wrapper .swiper-slide .title{font-size:30px; color: #000; line-height: 0.48rem; font-weight: 700; transition: color 0.35s ease; -webkit-transition: color 0.35s ease; -moz-transition: color 0.35s ease; -ms-transition: color 0.35s ease; -o-transition: color 0.35s ease;}
.case-wrapper .swiper-slide .descs{font-size:18px; color: #666; line-height: 0.36rem; margin-top: 0.15rem;}
.case-wrapper .swiper-pagination{display: block; bottom: 0.6rem; font-size: 0; width: 35.16%; left: auto; right: 0; text-align: left;}
.case-wrapper .swiper-pagination .swiper-pagination-bullet{opacity: 1; border: none; margin: 0 5px; width: 6px; height: 6px; background: #d7d4d4; border-radius: 3px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
.case-wrapper .swiper-pagination .swiper-pagination-bullet:link,
.case-wrapper .swiper-pagination .swiper-pagination-bullet:visited,
.case-wrapper .swiper-pagination .swiper-pagination-bullet:active,
.case-wrapper .swiper-pagination .swiper-pagination-bullet:focus{outline: none;}
.case-wrapper .swiper-pagination .swiper-pagination-bullet:first-child{margin-left: 0;}
.case-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #0f3f86; width: 0.3rem;}
.case-wrapper .case-boxs{margin-top: 0.6rem;}
.case-wrapper .case-boxs .right{width: 40.64%;}
.case-wrapper .case-boxs .picss2 img{height: 4.2rem; object-fit: cover;}
.case-wrapper .case-boxs .infos{padding: 0.24rem 0 0 0;}
.case-wrapper .case-boxs .descs{font-size:16px; margin-bottom: 0.2rem;}
.picss2{font-size: 0; overflow: hidden; display: block; width: 100%;}
.picss2 img{width: 100%; display: block; transition: transform 0.8s ease; -webkit-transition: transform 0.8s ease; -moz-transition: transform 0.8s ease; -ms-transition: transform 0.8s ease; -o-transition: transform 0.8s ease;}
.picss2 img.phone{display: none;}
.pt12{padding-top:4%;}
.case-wrapper .swiper-pointer-events{position: relative;}

.case-box{position: relative;}
.case-box ul{display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ flex-flow: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; list-style: none;}
.case-box ul li{width: 48.69%; margin-top: 0.5rem;}
.case-box ul li:nth-child(-n+2){margin-top: 0;}
.case-box .swiper-slide:hover .picss2 img,
.case-box li:hover .picss2 img{transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05);}
.case-box .swiper-slide:hover .title,
.case-box li:hover .title,
.case-box .swiper-slide:hover .name,
.case-box li:hover .name{color: #0f3f86;}
.case-box .swiper-slide:hover .imore:before,
.case-box li:hover .imore:before{opacity: 1; visibility: visible; transform: rotate(0deg);}
.case-box .swiper-slide:hover .imore i,
.case-box li:hover .imore i{transform: rotate(45deg); background-image: url(../img/right2-.png);}
.case-box .info{display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding: 0.38rem 0 0.2rem 0; border-left: 2px solid #000;}
.case-box .title{font-size:42px; color: #000; margin-right: .08rem; display: inline-block; line-height: 0.5rem; width: 40%; padding-left: 0.4rem; transition: color 0.3s ease; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -ms-transition: color 0.3s ease; -o-transition: color 0.3s ease;}
.case-box .name{display: inline-block; font-size: 20px; color: #000; line-height: 0.3rem; font-weight: 700; width: 45.45%; padding-left: 0.26rem; transition: color 0.3s ease; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -ms-transition: color 0.3s ease; -o-transition: color 0.3s ease;}
.case-box .right{width: 55.31%;}
.case-box .desc{font-size:18px; color: #000; line-height: 0.3rem; height: 1.2rem; margin-bottom: 0.7rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}

.case-wrapper .case-box{margin-top: 4%;}
.case-wrapper .case-box .right{width: 40.64%;}
.case-wrapper .case-box .pic img{height:auto; object-fit: cover;}
.case-wrapper .case-box .info{padding: 0.24rem 0 0 0;}
.case-wrapper .case-box .desc{font-size:16px; margin-bottom: 0.2rem;}
.learn{position: relative; display: inline-block; font-size:16px; line-height: 0.36rem; color: #666; margin-right: .08rem;}
.learn:before,
.learn:after{content: ""; width: 0; height: 2px; background-color: #0f3f86; position: absolute; z-index: 10; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease;}
.learn:before{left: 0; top: 0;}
.learn:after{right: 0; bottom: 0;}
.learn:hover:before,
.learn:hover:after{width: 100%;}
.learn:hover,
.learn.on{color: #0f3f86;}
.learn:hover i,
.learn.on i{background-image: url(../img/i-right2.png);}
.learn i{display: inline-block; margin-left: 0.06rem; width: 8px; height: 13px; background-image: url(../img/i-right.png); background-position: center center; background-size: 100%; background-repeat: no-repeat;}
.imore{width: 0.5rem; height: 0.5rem; display: block; position: relative;}
.imore:hover:before{opacity: 1; visibility: visible; transform: rotate(0deg);}
.imore:hover i{transform: rotate(45deg); background-image: url(../img/right2.png);}
.imore:before{content: ""; width: 100%; height: 100%; background-color: #0f3f86; position: absolute; left: 0; top: 0; z-index: 0; opacity: 0; visibility: hidden; transform: rotate(45deg); transition: all 0.48s ease; -webkit-transition: all 0.48s ease; -moz-transition: all 0.48s ease; -ms-transition: all 0.48s ease; -o-transition: all 0.48s ease;}
.imore i{display: block; width: 0.2rem; height: 100%; background-image: url(../img/right.png); background-position: center center; background-repeat: no-repeat; background-size: 100%; position: absolute; left: 50%; top: 0; z-index: 10; margin-left: -0.1rem; transition: all 0.48s ease; -webkit-transition: all 0.48s ease; -moz-transition: all 0.48s ease; -ms-transition: all 0.48s ease; -o-transition: all 0.48s ease;}


.casebox{display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;}
.casebox .info2{width:28%;}
.casebox .info2 .cabt{font-size:22px;color: #0f3f86;line-height: 0.48rem;font-weight: 700;margin-bottom: 0.16rem;}
.casebox .info2 ul{list-style: none;}
.casebox .info2 li{font-size:18px;color: #666;line-height: 0.36rem;}
.casebox .info2 li img{vertical-align: middle;display: inline-block;position: relative;top: -2px;width: 0.21rem;margin-right: 0.1rem;}

.casebox .content{width:70%;font-size:16px;color: #666;line-height: 0.36rem;padding-right: 0.1rem;}
.casebox .content .ccbt{font-size:22px}
.casebox .content .ccwz{font-size: 18px;}

.caseinfo-wrapper{overflow: hidden;}
.caseinfo-wrapper .swiper-box{margin: 0 0 3% 0;}
.caseinfo-wrapper .swiper-box .swiper-slide:hover img{transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05);}
.caseinfo-wrapper .swiper-box .swiper-pagination{display: block; bottom: 0.3rem; font-size: 0; position: relative;}
.caseinfo-wrapper .swiper-box .swiper-pagination .swiper-pagination-bullet{opacity: 0.6; background: #fff; border: none; margin: 0 0.1rem; width: 0.12rem; height: 0.12rem; transition: background 0.3s ease; -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -ms-transition: background 0.3s ease; -o-transition: background 0.3s ease;}
.caseinfo-wrapper .swiper-box .swiper-pagination .swiper-pagination-bullet:link,
.caseinfo-wrapper .swiper-box .swiper-pagination .swiper-pagination-bullet:visited,
.caseinfo-wrapper .swiper-box .swiper-pagination .swiper-pagination-bullet:active,
.caseinfo-wrapper .swiper-box .swiper-pagination .swiper-pagination-bullet:focus{outline: none;}
.caseinfo-wrapper .swiper-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #0f3f86; opacity: 1;}

.application-wrapper{ overflow:hidden;}
.application-wrapper .main{border-top: 2px solid #000;}
.application-wrapper .item{display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; align-items: center; margin-bottom: 1rem;}
.application-wrapper .item:last-child{margin-bottom: 0;}
.application-wrapper .item:nth-child(even){flex-direction: row-reverse;}
.application-wrapper .picss2{width: 50%; display: block;}
.application-wrapper .picss2:hover img{transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05);}
.application-wrapper .info{width: 44.79%;}
.application-wrapper .info:hover .title{color: #284179;}
.application-wrapper .title{display: inline-block; font-size: var(--fs48); color: #000; font-weight: 700; line-height: 0.6rem; margin-bottom: 0.26rem; transition: color 0.3s ease; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -ms-transition: color 0.3s ease; -o-transition: color 0.3s ease;}
.application-wrapper .desc{font-size: var(--fs16); color: #666; line-height: 0.3rem; margin-bottom: 0.6rem; min-height: 1.8rem;}


.solutionbox{overflow: hidden;}
.solutionbox .bt{font-size: 36px; text-align: center; margin: 2% 0;}
.solutionbox ul{}
.solutionbox li{padding: 2% 0; text-align: center;}
.solutionbox li .sbox{overflow: hidden;}
.solutionbox li .sbox .spic{width: 100%;overflow: hidden;}
.solutionbox li .sbox .spic img{width: 100%; display: block;-webkit-transition: 0.5s;transition: 0.5s;}
.solutionbox li .sbox .swz{padding: 2% 0 1%; font-size: 28px;}
.solutionbox li .sbox .swz2{font-size: 16px; line-height: 28px; margin-bottom:1%;}
.solutionbox li:hover .spic img{width: 100%; display: block; -webkit-transform:scale(1.1);transform:scale(1.1);}
.solutionbox li:nth-child(2){background: #f7f7f7;}

/*案例正文*/
.scheme-detail{overflow: hidden; border-top: 2px solid #000;}
.lline{ border-top: 2px solid #000;}
.scheme-detail .detail{display: flex;align-items: center; justify-content: space-between; margin-top:2% }
.scheme-detail .detail .lny{width:55%;}
.scheme-detail .detail .lny p{font-size: 16px; margin-bottom: 1%;}
.scheme-detail .detail .rny{width:40%}
.scheme-detail .detail .rny img{width:100%; display:block;}
.scheme-detail .detail p{font-size: 16px; margin-bottom: 1%;}
.title{padding: 20px 0; text-align: center;}
.title p{opacity: 0.8; }
.title .ppbt{font-size: 36px; margin-bottom:1%; color:#222}
.title p{line-height: 26px; margin-bottom: 0; font-size: 16px;}
@media (max-width: 576px){
  .scheme-detail{padding: 20px 0 60px 0;} 
  .scheme-detail .detail{padding: 0;}
}

.scheme-detail2{background: #f7f7f7; padding: 3% 0; overflow: hidden;}
.scheme-detail2 ul{ margin-top: 3%;}
.scheme-detail2 li{width: 25%; float: left; text-align: center; margin-bottom: 2%;}
.scheme-detail2 li .ico{overflow: hidden;}
.scheme-detail2 li .ico img{max-width: 100%; margin: 0 auto; display: block;}
.scheme-detail2 li .itext{font-size: 16px; margin:20px 0;}

.scheme-appcat{overflow: hidden;}
.scheme-appcat .item{float: left; width: 25%; padding: 0 8px; cursor: pointer;}
.scheme-appcat .item .image{overflow: hidden;}
.scheme-appcat .item .text{padding: 5%; background-color: #f2f2f2; box-sizing: border-box;}
.scheme-appcat .item:hover .text{background: #dbe9ea;}
.scheme-appcat .item img{width: 100%; transition: all 600ms; width: 100%; display: block;}
.scheme-appcat .item:hover img{transform: scale(1.1, 1.1); }
.scheme-appcat .item em{font-style: normal; font-size: 26px; font-weight: 100;}
.scheme-appcat .item .ssbt{font-size: 28px; color: #333; margin: 3% 0;}
.scheme-appcat .item p{font-size: 13px; min-height: 100px; padding-top:6%;}
@media (max-width: 576px){
  .scheme-appcat .item{width: 50%; margin-top: 5px; padding: 0 2px;} 
  .scheme-appcat .item h3{font-size: 18px;}
   .scheme-appcat .item p{padding-top: 5px;}
}
.solution2{padding-bottom: 3%; overflow:hidden}
.solution2 ul{margin-top:2%;margin-right: -2%; }
.solution2 li{width: 48%; margin-right: 2%; margin-bottom:1%; float:left}
.solution2 li .picss2{width: 100%; overflow: hidden;}
.solution2 li .picss2 img{width: 100%; display: block; }
.solution2 li .snybt{font-size: 20px; text-align: center; padding: 5%; box-sizing: border-box;  color:#222}
.solution2 li:hover .picss2 img{transform: scale(1.1, 1.1); }

.solution3{padding: 3% 0; overflow:hidden}
.solution3 ul{margin-right: -2%; }
.solution3 li{width:31.333%; margin-right: 2%; margin-bottom:1%; float:left; border:1px solid #ccc}
.solution3 li .picss2{width: 100%; overflow: hidden;}
.solution3 li .picss2 img{width: 100%; display: block; }
.solution3 li .snybt{font-size: 20px; text-align: center; padding: 5%; box-sizing: border-box; color:#222}
.solution3 li:hover .picss2 img{transform: scale(1.1, 1.1); }
.solution3 li:hover .snybt{background:#fff;}

.grey{background:#f7f7f7;}


.goods-wrapper .item{display: flex;display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+*/display: -moz-box;/* Firefox 17-*/display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16*/display: -moz-flex;/* Firefox 18+*/display: -ms-flexbox;/* IE 10*/border-top: 2px solid #000;margin-bottom: 0.6rem;}
.goods-wrapper .item:last-child{margin-bottom: 0;}
.goods-wrapper .item.animated .info:after{height: calc(100% - 1.2rem);}
.goods-wrapper .item:nth-child(odd) .info:after{right: 0;}
.goods-wrapper .item:nth-child(even){flex-direction: row-reverse;}
.goods-wrapper .item:nth-child(even) .info:after{left: 0;}
.goods-wrapper .item .pic{width: 50%;}
.goods-wrapper .item .pic:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);}
.goods-wrapper .item .info{position: relative;display: flex;display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+*/display: -moz-box;/* Firefox 17-*/display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16*/display: -moz-flex;/* Firefox 18+*/display: -ms-flexbox;/* IE 10*/align-items: flex-end;width:39.08%;padding-left: 0.8rem;padding-bottom: 1.97rem;padding-right: 0.4rem;}
.goods-wrapper .item .info:after{content: "";width: 1px;height: 0;position: absolute;top: 0;z-index: 10;background: #000;transition: all 1.5s ease;-webkit-transition: all 1.5s ease;-moz-transition: all 1.5s ease;-ms-transition: all 1.5s ease;-o-transition: all 1.5s ease;}
.goods-wrapper .item .info:hover .title{color: #033e88;}
.goods-wrapper .item .inner{width: 100%;}
.goods-wrapper .item .title{display: inline-block;font-size:36px;color: #000;font-weight: 700;line-height: 0.48rem;margin-bottom: 0.08rem;transition: color 0.35s ease;-webkit-transition: color 0.35s ease;-moz-transition: color 0.35s ease;-ms-transition: color 0.35s ease;-o-transition: color 0.35s ease;}
.goods-wrapper .item .desc{font-size:16px;color: #666;line-height: 0.3rem;margin-bottom: 0.77rem;}
.goodsinfo-wrapper{padding-top: 0.7rem; overflow: hidden;}
.goodsinfo-wrapper .main{position: relative;z-index: 10;display: flex;display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+*/display: -moz-box;/* Firefox 17-*/display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16*/display: -moz-flex;/* Firefox 18+*/display: -ms-flexbox;/* IE 10*/-webkit-box-pack: justify;-ms-flex-pack: justify;}
.goodsinfo-wrapper .swiper-box{width: 35.87%; overflow: hidden;}
.goodsinfo-wrapper .swiper-box .swiper-container{padding-bottom: 0.44rem; position: relative;}
.goodsinfo-wrapper .swiper-box .swiper-pagination{display: block;bottom: 0;font-size: 0;}
.goodsinfo-wrapper .swiper-box .swiper-pagination .swiper-pagination-bullet{opacity: 1;background: #d0d1d5;margin: 0 0.1rem;width: 8px;height: 8px;border: none;transition: background 0.3s ease;-webkit-transition: background 0.3s ease;-moz-transition: background 0.3s ease;-ms-transition: background 0.3s ease;-o-transition: background 0.3s ease;}
.goodsinfo-wrapper .swiper-box .swiper-pagination .swiper-pagination-bullet:link,
.goodsinfo-wrapper .swiper-box .swiper-pagination .swiper-pagination-bullet:visited,
.goodsinfo-wrapper .swiper-box .swiper-pagination .swiper-pagination-bullet:active,
.goodsinfo-wrapper .swiper-box .swiper-pagination .swiper-pagination-bullet:focus{outline: none;}
.goodsinfo-wrapper .swiper-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #033e88;}
.goodsinfo-wrapper .swiper-box .swiper-slide:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);}
.goodsinfo-wrapper .box-1{margin-bottom: 0.2rem; } 
.goodsinfo-wrapper .box-1 .prxqbt{font-size:60px;color: #000;line-height: 0.72rem;margin-right: .08rem;padding-right: 0.2rem;}
.goodsinfo-wrapper .box-1 .desc,
.goodsinfo-wrapper .box-1 .desc li{font-size:16px;color: #666;line-height: 0.36rem;}
.goodsinfo-wrapper .box-1 .desc{margin: 0.25rem auto 0.78rem;}
.goodsinfo-wrapper .box-1 .desc li{position: relative;list-style: none;padding-left: 0.18rem;}
.goodsinfo-wrapper .box-1 .desc li:before{content: "";width: 0.08rem;height: 0.08rem;background: url(../img/icon.png) no-repeat left center;background-size: 100%;position: absolute;left: 0;top: 0.14rem;z-index: 1;}
.goodsinfo-wrapper .box-1 .index-title{color: #f4f5f8;letter-spacing: 0.12rem;margin-top: -0.6rem;margin-left: -0.1rem;transition: all 1s ease;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transform: translateX(-2rem);-webkit-transform: translateX(-2rem);-moz-transform: translateX(-2rem);-ms-transform: translateX(-2rem);-o-transform: translateX(-2rem);}
.goodsinfo-wrapper .box-1 .index-title.ani{margin-bottom: 0; font-size: 1.2rem; letter-spacing: 0.24rem; text-transform: uppercase; font-family: "mb"; margin-left: 0.36rem; line-height: 1.2rem; white-space: nowrap;}
.goodsinfo-wrapper .box-1 .index-title.ani.animated i{animation: wordAni 2s ease forwards;}
.goodsinfo-wrapper .box-1 .index-title.ani i{display: inline-block; opacity: 0; visibility: hidden;}
.goodsinfo-wrapper .box-1 .index-title.ani .empty{width: 0.4rem; height: 1px;}

.goodsinfo-wrapper .info-box{width: 48%;margin-left: 10%;}
.goodsinfo-wrapper .email{position: relative;display: inline-block;line-height: 0.36rem;text-align: center;background-color: #fff;border-radius: 24px;border: solid 2px #033e88;padding: 0 0.24rem;font-size:16px;color: #033e88;transition: all 0.35s ease;-webkit-transition: all 0.35s ease;-moz-transition: all 0.35s ease;-ms-transition: all 0.35s ease;-o-transition: all 0.35s ease;margin-right: .08rem;}
.goodsinfo-wrapper .email:hover{color: #fff;background-color: #033e88;}
.goodsinfo-wrapper .email:hover i{background-image: url(../img/evl2.png);}
.goodsinfo-wrapper .email i{display: inline-block;width: 0.21rem;height: 0.16rem;margin-right: 0.1rem;background-image: url(../img/evl.png);background-size: contain;background-repeat: no-repeat;background-position: center center;vertical-align: middle;position: relative;top: -1px;transition: background 0.35s ease;-webkit-transition: background 0.35s ease;-moz-transition: background 0.35s ease;-ms-transition: background 0.35s ease;-o-transition: background 0.35s ease;}
.goodsinfo-wrapper .btn{position: relative;display: inline-block;}
.goodsinfo-wrapper .btn em{display: inline-block;width: 57px;line-height: 22px;background: url(../img/copybg2.png) no-repeat center center;background-size: 100% 100%;font-size: var(--fs14);color: #fff;margin-left: 0.08rem;text-align: center;transform: translateX(0.1rem);-webkit-transform: translateX(0.1rem);-moz-transform: translateX(0.1rem);-ms-transform: translateX(0.1rem);-o-transform: translateX(0.1rem);opacity: 0;visibility: hidden;transition: all 0.35s ease;-webkit-transition: all 0.35s ease;-moz-transition: all 0.35s ease;-ms-transition: all 0.35s ease;-o-transition: all 0.35s ease;}
.goodsinfo-wrapper .btn em.on{opacity: 1;visibility: visible;transform: translateX(0);-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);}


.goodsinfo-wrapper .box-2 .w1400{padding-top: 1.52rem; border-top: 2px solid #000;}
.goodsinfo-wrapper .box-2 .swiper-container{padding-bottom: 0.44rem; position: relative;}
.goodsinfo-wrapper .box-2 .swiper-slide:hover .icon{transform: rotateY(180deg);}
.goodsinfo-wrapper .box-2 .icon{width: 1.1rem; margin: 0 auto; display: block; transition: transform 0.35s ease; -webkit-transition: transform 0.35s ease; -moz-transition: transform 0.35s ease; -ms-transition: transform 0.35s ease; -o-transition: transform 0.35s ease;}
.goodsinfo-wrapper .box-2 .info{margin-top: 0.27rem; text-align: center;}
.goodsinfo-wrapper .box-2 .xqbt{font-size:24px; color: #000; line-height: 0.3rem;}
.goodsinfo-wrapper .box-2 p{font-size:16px; color: #666; line-height: 0.3rem; margin-top: 0.05rem;}
.goodsinfo-wrapper .box-2 .swiper-btn{width: 0.18rem; height: 0.34rem; transform: none; top: 0.38rem;}
.goodsinfo-wrapper .box-2 .prev{left: 0; background-image: url(../img/iprev.png);}
.goodsinfo-wrapper .box-2 .prev:hover{background-image: url(../img/iprev2.png);}
.goodsinfo-wrapper .box-2 .next{right: 0; background-image: url(../img/inext.png);}
.goodsinfo-wrapper .box-2 .next:hover{background-image: url(../img/inext2.png);}

.goodsinfo-wrapper .box-3 .item{position: relative;background-position: center center;background-size: cover;background-repeat: no-repeat;width: 100%;}
.goodsinfo-wrapper .box-3 .item:nth-child(even) .info{right: auto;left: calc((100% - 13rem) / 2);}
.goodsinfo-wrapper .box-3 .item:nth-child(even) .info .brief,
.goodsinfo-wrapper .box-3 .item:nth-child(even) .info .sbbt{color: #000;}
.goodsinfo-wrapper .box-3 .item:nth-child(even) .line{background: #000;box-shadow: 0px 0px 14px 1px rgba(0, 0, 0, 0.45);}
.goodsinfo-wrapper .box-3 .pic{width: 100%;}
.goodsinfo-wrapper .box-3 .pic img{width: 100%;
    display: block;
    transition: transform 0.8s ease;
    -webkit-transition: transform 0.8s ease;
    -moz-transition: transform 0.8s ease;
    -ms-transition: transform 0.8s ease;
    -o-transition: transform 0.8s ease;}
.goodsinfo-wrapper .box-3 .info{width: 33.85%;position: absolute;top: 0;z-index: 1;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;right: calc((100% - 15.36rem) / 2);display: flex;display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+*/display: -moz-box;/* Firefox 17-*/display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16*/display: -moz-flex;/* Firefox 18+*/display: -ms-flexbox;/* IE 10*/align-items: center;height: 100%;padding-right: 1rem;}
.goodsinfo-wrapper .box-3 .info .inner{width: 100%;}
.goodsinfo-wrapper .box-3 .info .sbbt{font-size: 0.6rem;color: #fff;line-height: 0.72rem;font-family: "mb";transition: color 0.3s ease;-webkit-transition: color 0.3s ease;-moz-transition: color 0.3s ease;-ms-transition: color 0.3s ease;-o-transition: color 0.3s ease;}
.goodsinfo-wrapper .box-3 .info .brief{font-size:18px;color: #fff;line-height: 0.3rem;transition: color 0.3s ease;-webkit-transition: color 0.3s ease;-moz-transition: color 0.3s ease;-ms-transition: color 0.3s ease;-o-transition: color 0.3s ease;font-family: "mr";margin-top: 0.27rem;}
.goodsinfo-wrapper .box-3 .line{width: 4px;height: 20px;background-color: #fff;margin-bottom: 0.28rem;box-shadow: 0px 0px 14px 1px rgba(255, 255, 255, 0.45);}

.goodsinfo-wrapper .border{overflow: hidden;}
.goodsinfo-wrapper .compare-box{width: 100%; overflow: hidden;/* float: left; padding-top: 5%; border-right: 1px solid #000; */}
.goodsinfo-wrapper .box-4{overflow: hidden;}
.goodsinfo-wrapper .box-4 .box-container{display: flex;display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+*/display: -moz-box;/* Firefox 17-*/display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16*/display: -moz-flex;/* Firefox 18+*/display: -ms-flexbox;/* IE 10*/-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;}
.goodsinfo-wrapper .box-4 .box-container > div{padding-top: 1rem;}
.goodsinfo-wrapper .box-4 .compare-box{padding-right: 0.4rem;}
.goodsinfo-wrapper .box-4 .download-box{padding-left: 0.4rem;}
.goodsinfo-wrapper .box-4 .inner{position: relative;}
.goodsinfo-wrapper .caption{font-size: 0.42rem;color: #000;line-height: 0.48rem;font-weight: 700;margin-bottom: 0.34rem;}
.goodsinfo-wrapper .box-5{margin-top: 1.64rem;}
.goodsinfo-wrapper .box-5 .swiper-slide{width: 31.9%;margin-right: 2.15%;text-align: center;}
.goodsinfo-wrapper .box-5 .swiper-slide:last-child{margin-right: 0;}
.goodsinfo-wrapper .box-5 .swiper-slide:hover .pic img{transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);}
.goodsinfo-wrapper .box-5 .swiper-slide:hover:before{background-color: #033e88;}
.goodsinfo-wrapper .box-5 .swiper-slide:hover .icon{background-color: #033e88;}
.goodsinfo-wrapper .box-5 .swiper-slide:hover h4{color: #033e88;}
.goodsinfo-wrapper .box-5 .swiper-slide:before{content: "";width: 2px;position: absolute;right: 0;bottom: 0;height: 100%;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;z-index: 1;background-color: #000;}
.goodsinfo-wrapper .box-5 .swiper-slide a{position: relative;display: block;padding: 0.6rem 8px 1.06rem;}
.goodsinfo-wrapper .box-5 h4{font-size: var(--fs24);color: #000;line-height: 0.3rem;padding: 0 0.6rem;margin-top: 0.68rem;transition: color 0.3s ease;-webkit-transition: color 0.3s ease;-moz-transition: color 0.3s ease;-ms-transition: color 0.3s ease;-o-transition: color 0.3s ease;}
.goodsinfo-wrapper .box-5 .icon{width: 0.5rem;height: 0.5rem;position: absolute;right: 0;bottom: 0;z-index: 1;background: #000 url(../img/i-right3.png) no-repeat center center;background-size: 7px;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.goodsinfo-wrapper .box-6 ul{display: flex;display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+*/display: -moz-box;/* Firefox 17-*/display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16*/display: -moz-flex;/* Firefox 18+*/display: -ms-flexbox;/* IE 10*/flex-flow: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;list-style: none;}
.goodsinfo-wrapper .box-6 li{width: 48.7%;}
.goodsinfo-wrapper .box-6 li:hover .pic img{transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);}
.goodsinfo-wrapper .box-6 li:hover h4{color: #033e88;}
.goodsinfo-wrapper .box-6 li:hover p:after{transform: rotate(45deg);}
.goodsinfo-wrapper .box-6 .info{display: flex;display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+*/display: -moz-box;/* Firefox 17-*/display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16*/display: -moz-flex;/* Firefox 18+*/display: -ms-flexbox;/* IE 10*/-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;padding-left: 0.26rem;border-left: 2px solid #000;padding-top: 0.22rem;}
.goodsinfo-wrapper .box-6 h4{font-size: var(--fs20);color: #000;font-weight: 700;line-height: 0.3rem;width: 48.66%;transition: color 0.3s ease;-webkit-transition: color 0.3s ease;-moz-transition: color 0.3s ease;-ms-transition: color 0.3s ease;-o-transition: color 0.3s ease;}
.goodsinfo-wrapper .box-6 p{position: relative;font-size:16px;line-height: 0.3rem;color: #000;width: 40.64%;}
.goodsinfo-wrapper .box-6 p:after{display: block;content: "";width: 0.2rem;height: 0.2rem;background: url(../img/right.png) no-repeat center center;background-size: 100%;margin-top: 0.67rem;transition: transform 0.3s ease;-webkit-transition: transform 0.3s ease;-moz-transition: transform 0.3s ease;-ms-transition: transform 0.3s ease;-o-transition: transform 0.3s ease;}

.goodsinfo-wrapper .box-7{padding: 5% 0; overflow: hidden;}

.goodsinfo-wrapper .form{display: flex;display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+*/display: -moz-box;/* Firefox 17-*/display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16*/display: -moz-flex;/* Firefox 18+*/display: -ms-flexbox;/* IE 10*/flex-flow: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;}
.goodsinfo-wrapper .form .caption{font-weight: 500;margin-bottom: 0;}
.goodsinfo-wrapper .group{position: relative;width: 32.42%;margin-right: 1.37%;margin-top: 1.37%;/* input placeholder*/}
.goodsinfo-wrapper .group.max{width: 100%;margin-right: 0;}
.goodsinfo-wrapper .group:nth-child(-n+3){margin-top: 0;}
.goodsinfo-wrapper .group:last-child,
.goodsinfo-wrapper .group:nth-child(3n){margin-right: 0;}
.goodsinfo-wrapper .group .text,
.goodsinfo-wrapper .group .msg{width: 100%;height: 0.65rem;line-height: 0.63rem;background-color: #fff;border-radius: 5px;border: solid 1px #000;padding-right: 0.28rem;padding-left: 0.28rem;font-size:16px;color: #000;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.goodsinfo-wrapper .group .text:focus,
.goodsinfo-wrapper .group .msg:focus{border-color: #033e88;}
.goodsinfo-wrapper .group ::-webkit-input-placeholder{/* WebKit browsers*/color: #666;font-size:16px;}
.goodsinfo-wrapper .group :-moz-placeholder{/* Mozilla Firefox 4 to 18*/color: #666;font-size:16px;}
.goodsinfo-wrapper .group ::-moz-placeholder{/* Mozilla Firefox 19+*/color: #666;font-size:16px;}
.goodsinfo-wrapper .group :-ms-input-placeholder{/* Internet Explorer 10+*/color: #666;font-size:16px;}
.goodsinfo-wrapper .group.pl .text{padding-left: 0.42rem;}
.goodsinfo-wrapper .group .msg{resize: none;height: 1.15rem;line-height: 0.3rem;padding-top: 0.15rem;padding-bottom: 0.15rem;}
.goodsinfo-wrapper .group i{font-size:16px;color: #033e88;display: inline-block;position: absolute;left: 0.28rem;top: 50%;line-height: 0.3rem;margin-top: -0.15rem;z-index: 1;}
.goodsinfo-wrapper .submit{display: block;margin: 0.5rem auto 0;width: 1.7rem;line-height: 0.56rem;background-color: #033e88;border-radius: 28px;text-align: center;color: #fff;font-size:16px;transition: all 0.35s ease;-webkit-transition: all 0.35s ease;-moz-transition: all 0.35s ease;-ms-transition: all 0.35s ease;-o-transition: all 0.35s ease;}
.goodsinfo-wrapper .submit:hover{box-shadow: 0 2px 30px rgba(40, 65, 121, 0.5);}
.goodsinfo-wrapper .download-box{width: 33.2%; float: right;  padding-top: 5%;}
.goodsinfo-wrapper .download-box li{width: 100%;}
.download-box ul{display: flex;display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+*/display: -moz-box;/* Firefox 17-*/display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16*/display: -moz-flex;/* Firefox 18+*/display: -ms-flexbox;/* IE 10*/flex-flow: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;}
.download-box li{height: 0.7rem;position: relative;display: flex;display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+*/display: -moz-box;/* Firefox 17-*/display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16*/display: -moz-flex;/* Firefox 18+*/display: -ms-flexbox;/* IE 10*/width: 49.35%;align-items: center;border: solid 1px #ebebeb;margin-bottom: 0.2rem;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;background-image: url(../img/download.png);background-repeat: no-repeat;background-position: right 0.2rem center;background-size: 0.16rem;}
.download-box li:last-child{margin-bottom: 0;}
.download-box li:hover{box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.13);}
.download-box li:hover:after{width: 100%;}
.download-box li:hover a{color: #033e88;}
.download-box li:after{content: "";width: 0;height: 2px;background-color: #033e88;transition: all 0.35s ease;-webkit-transition: all 0.35s ease;-moz-transition: all 0.35s ease;-ms-transition: all 0.35s ease;-o-transition: all 0.35s ease;position: absolute;left: 0;bottom: 0;z-index: 1;}
.download-box li .icon{position: relative;width: 0.7rem;height: 100%;background: url(../img/pdf.png) no-repeat center center;background-size: 0.27rem;margin-right: 0.3rem;}
.download-box li .icon:after{content: "";width: 1px;height: 0.3rem;background-color: #ebebeb;position: absolute;right: -1px;top: 50%;margin-top: -0.15rem;z-index: 10;}
.download-box li a{position: relative;font-size:18px;color: #000;transition: color 0.3s ease;-webkit-transition: color 0.3s ease;-moz-transition: color 0.3s ease;-ms-transition: color 0.3s ease;-o-transition: color 0.3s ease;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 0.3rem;flex: 1;margin-right: .08rem;max-height: 0.6rem;padding-right: 0.6rem;}

.index-more{display: inline-block;min-width: 1.14rem;height: 0.48rem;line-height: 0.44rem;background-color: #fff;border-radius: 24px;border: solid 2px #033e88;text-align: center;font-size:16px;padding: 0 0.2rem;color: #033e88;margin-right: .08rem;transition: all 0.35s ease;-webkit-transition: all 0.35s ease;-moz-transition: all 0.35s ease;-ms-transition: all 0.35s ease;-o-transition: all 0.35s ease;}
.index-more:hover{box-shadow: 0 2px 30px rgba(40, 65, 121, 0.4);}
.index-more.on, .index-more:hover{background-color: #033e88;color: #fff;}
.index-more .on:hover{box-shadow: 0 2px 30px rgba(40, 65, 121, 0.4);}
.index-more span{display: inline-block;transition: all 0.8s ease;-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;}
.goods-box ul{list-style: none;display: flex;display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+*/display: -moz-box;/* Firefox 17-*/display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16*/display: -moz-flex;/* Firefox 18+*/display: -ms-flexbox;/* IE 10*/flex-flow: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;}
.goods-box ul li{width: 46.52%;text-align: center;position: relative;margin-top: 0.4rem;}
.goods-box ul li:nth-child(-n+2){margin-top: 0;}
.goods-box ul li:after{content: "";width: 2px;height: 100%;background: #000;position: absolute;right: 0;top: 0;z-index: 1;}
.goods-box ul li:hover .pic img{transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);}
.goods-box ul li:hover .title{color: #033e88;}
.goods-box .info{margin-top: 0.4rem;}
.goods-box .title, .goods-box p{padding-left: 0.3rem;padding-right: 0.3rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.goods-box .pic img{height: 4.4rem;object-fit: contain;  transition: transform 0.8s ease;
  -webkit-transition: transform 0.8s ease;
  -moz-transition: transform 0.8s ease;
  -ms-transition: transform 0.8s ease;
  -o-transition: transform 0.8s ease;}
.goods-box .title{font-size:30px;color: #000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;transition: color 0.3s ease;-webkit-transition: color 0.3s ease;-moz-transition: color 0.3s ease;-ms-transition: color 0.3s ease;-o-transition: color 0.3s ease;}
.goods-box p{font-size:18px;color: #666;line-height: 0.3rem;height: 0.3rem;margin-top: 0.1rem;}
.goods-box .ibtn{margin-top: 0.23rem;margin-right: 0;margin-left: auto;}


.goodsCategory-wrapper .main{display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ border-top: 2px solid #000;}
.goodsCategory-wrapper .application-box{border-top: 2px solid #000;}
.goodsCategory-wrapper .application-box .swiper-container{padding-bottom: 0.2rem; overflow: hidden;}
.goodsCategory-wrapper .application-box .swiper-slide{width: 32.03%; text-align: center; background: #eff2f8; height: auto; padding-bottom: 0.3rem;}
.goodsCategory-wrapper .application-box .swiper-slide:hover .pic img{transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05);}
.goodsCategory-wrapper .application-box .swiper-slide:hover .info{opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0);}
.goodsCategory-wrapper .application-box .swiper-slide:hover figcaption{opacity: 0; visibility: hidden;}
.goodsCategory-wrapper .application-box .pic img{height: 3.45rem; object-fit: cover;   transition: transform 0.8s ease;
  -webkit-transition: transform 0.8s ease;
  -moz-transition: transform 0.8s ease;
  -ms-transition: transform 0.8s ease;
  -o-transition: transform 0.8s ease; width: 100%;}
.goodsCategory-wrapper .application-box figcaption,
.goodsCategory-wrapper .application-box .info{padding-left: 0.6rem; padding-right: 0.6rem;}
.goodsCategory-wrapper .application-box figcaption,
.goodsCategory-wrapper .application-box h5{font-size: var(--fs24); margin-right: .08rem;}
.goodsCategory-wrapper .application-box figcaption{line-height: 0.3rem; width: 100%; height: 0.6rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-top: 0.3rem; transition: all 0.35s ease; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -ms-transition: all 0.35s ease; -o-transition: all 0.35s ease;}
.goodsCategory-wrapper .application-box .info{position: absolute; left: 0; bottom: 0; z-index: 10; width: 100%; padding-top: 0.32rem; padding-bottom: 0.6rem; background: #fff; border-bottom: 2px solid #033e88; box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1); transition: all 0.35s ease; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -ms-transition: all 0.35s ease; -o-transition: all 0.35s ease; opacity: 0; visibility: hidden; transform: translateY(0.1rem); -webkit-transform: translateY(0.1rem); -moz-transform: translateY(0.1rem); -ms-transform: translateY(0.1rem); -o-transform: translateY(0.1rem);}
.goodsCategory-wrapper .application-box h5{color: #033e88; line-height: 0.36rem;}
.goodsCategory-wrapper .application-box p{font-size:16px; color: #666; margin-top: 0.12rem; line-height: 24px;}
.goodsCategory-wrapper .application-box .swiper-pagination{display: none;}
.goodsCategory-wrapper .swiper-btn{width: 0.18rem; height: 0.34rem; margin-top: -0.5rem;}
.goodsCategory-wrapper .prev{left: -0.68rem; background-image: url(../img/iprev3.png);}
.goodsCategory-wrapper .prev:hover{background-image: url(../img/iprev4.png);}
.goodsCategory-wrapper .next{right: -0.68rem; background-image: url(../img/inext3.png);}
.goodsCategory-wrapper .next:hover{background-image: url(../img/inext4.png);}


.containerss {width: 79.95%;padding-left: 0.8rem;padding-top: 0.92rem;}
.mt{margin-top:5%;}
.pt{padding-top:5%;}
.ibtn{display: block;width: 0.5rem;height: 0.5rem;background: #000 url(../img/i-right3.png) no-repeat center center;background-size: 7px;transition: all 0.35s ease;-webkit-transition: all 0.35s ease;-moz-transition: all 0.35s ease;-ms-transition: all 0.35s ease;-o-transition: all 0.35s ease;}
.ibtn:hover{background-color: #033e88;}


.pic2{font-size: 0; overflow: hidden; display: block; width: 100%;}
.pic2 img{width: 100%; display: block; transition: transform 0.8s ease; -webkit-transition: transform 0.8s ease; -moz-transition: transform 0.8s ease; -ms-transition: transform 0.8s ease; -o-transition: transform 0.8s ease;}
.pic2 img.phone{display: none;}

.compare-box .result-box table{width: 100%; text-align: center;}
.compare-box .result-box table tr:first-child td{font-weight: 700;}
.compare-box .result-box table tr:hover td{background: #fbfbfb;}
.compare-box .result-box table tr:last-child td{border-bottom: none;}
.compare-box .result-box table td{border-top: 1px solid #cccfd5; font-size: var(--fs16); color: #000; height: 0.5rem; line-height: 0.26rem; justify-content: center; border-bottom: 1px solid #e1e1e1; transition: background 0.35s ease; -webkit-transition: background 0.35s ease; -moz-transition: background 0.35s ease; -ms-transition: background 0.35s ease; -o-transition: background 0.35s ease;}
.compare-box .result-box table td:first-child{width:14%;}
.compare-box .result-box table td:not(:first-child){text-align: center; max-width: 2.34rem; padding-left: 0.1rem; padding-right: 0.1rem; border-left: 1px solid #cccfd5;}


.index-title{font-size:60px; color: #000; font-weight: 700; line-height: 0.7rem; margin-right: .08rem; margin-bottom: 0.52rem;}
.index-title.center{text-align: center;}

.goodsinfo-wrapper .caption{font-size: 0.42rem; color: #000; line-height: 0.48rem; font-weight: 700; margin: 0.34rem 0;}
.msg-wrapper .form,
.goodsinfo-wrapper .form{position: relative; z-index: 10; /* input placeholder */}
.msg-wrapper .form .list a,
.goodsinfo-wrapper .form .list a{font-size: 14px; padding-left: 0.2rem; padding-right: 0.2rem; color: #999; transition: color 0.3s ease; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -ms-transition: color 0.3s ease; -o-transition: color 0.3s ease;}
.msg-wrapper .form .iti-flag,
.goodsinfo-wrapper .form .iti-flag{display: inline-block; margin-right: 0.1rem;}
.msg-wrapper .form .caption,
.goodsinfo-wrapper .form .caption,
.msg-wrapper .form .text,
.goodsinfo-wrapper .form .text,
.msg-wrapper .form .msg,
.goodsinfo-wrapper .form .msg{width: 100%; border: solid 1px #000; padding-left: 0.2rem; font-size: var(--fs16); color: #000; background-color: #fff; border-radius: 5px;}
.msg-wrapper .form .caption,
.goodsinfo-wrapper .form .caption,
.msg-wrapper .form .text,
.goodsinfo-wrapper .form .text{}
.msg-wrapper .form .text,
.goodsinfo-wrapper .form .text,
.msg-wrapper .form .msg,
.goodsinfo-wrapper .form .msg{padding-right: 0.2rem; background-color: transparent; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
.msg-wrapper .form .text:focus,
.goodsinfo-wrapper .form .text:focus,
.msg-wrapper .form .msg:focus,
.goodsinfo-wrapper .form .msg:focus{border-color: #033e88;}
.msg-wrapper .form .star .text,
.goodsinfo-wrapper .form .star .text{padding-left: 0.43rem;}
.msg-wrapper .form .text,
.goodsinfo-wrapper .form .text{padding-left: 0.28rem;}
.msg-wrapper .form .msg,
.goodsinfo-wrapper .form .msg{line-height: 0.3rem; resize: none; padding-top: 0.15rem; padding-bottom: 0.15rem; height: 1.32rem;}
.msg-wrapper .form ::-webkit-input-placeholder,
.goodsinfo-wrapper .form ::-webkit-input-placeholder{/* WebKit browsers */ color: #666; font-size: var(--fs16);}
.msg-wrapper .form :-moz-placeholder,
.goodsinfo-wrapper .form :-moz-placeholder{/* Mozilla Firefox 4 to 18 */ color: #666; font-size: var(--fs16);}
.msg-wrapper .form ::-moz-placeholder,
.goodsinfo-wrapper .form ::-moz-placeholder{/* Mozilla Firefox 19+ */ color: #666; font-size: var(--fs16);}
.msg-wrapper .form :-ms-input-placeholder,
.goodsinfo-wrapper .form :-ms-input-placeholder{/* Internet Explorer 10+ */ color: #666; font-size: var(--fs16);}
.msg-wrapper .form .list a:hover,
.goodsinfo-wrapper .form .list a:hover{color: #fff;}
.msg-wrapper .form .list a.on,
.goodsinfo-wrapper .form .list a.on{color: #033e88;}
.msg-wrapper .form .list a:hover span,
.goodsinfo-wrapper .form .list a:hover span,
.msg-wrapper .form .list a.on span,
.goodsinfo-wrapper .form .list a.on span{text-decoration: underline;}
.msg-wrapper .form .caption,
.goodsinfo-wrapper .form .caption{cursor: pointer;}
.msg-wrapper .form .caption:after,
.goodsinfo-wrapper .form .caption:after{content: ""; display: block; width: 0.14rem; height: 100%; background-image: url(../img/i-down.png); background-size: contain; background-repeat: no-repeat; background-position: center center; background-size: 100%; position: absolute; right: 0.22rem; top: 0; z-index: 10;}
.msg-wrapper .form .caption i,
.goodsinfo-wrapper .form .caption i{position: relative; top: 0; margin-top: 0; left: 0; margin-right: 0.1rem;}
.msg-wrapper .form .list,
.goodsinfo-wrapper .form .list{width: 100%; position: absolute; left: 0; top: 100%; z-index: 12; background: #fff; max-height: 3.05rem; overflow-y: auto; display: none; border: 1px solid #454444; border-top: none;}
.msg-wrapper .form .list a,
.goodsinfo-wrapper .form .list a{display: block; font-size: var(--fs16); color: #666; line-height: 0.6rem; padding: 0 0.3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px solid #454444; transition: all 0.35s ease; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -ms-transition: all 0.35s ease; -o-transition: all 0.35s ease;}
.msg-wrapper .form .list a:last-child,
.goodsinfo-wrapper .form .list a:last-child{border-bottom: none;}
.msg-wrapper .form .list a:hover,
.goodsinfo-wrapper .form .list a:hover{background: #033e88; border-color: rgba(255, 255, 255, 0.12);}
.msg-wrapper .main{position: relative; border-top: 2px solid #000;}
.msg-wrapper .main.animated:after{height: 1.6rem;}
.msg-wrapper .main:after{content: ""; width: 1px; height: 0; background: #000; position: absolute; right: 19.92%; top: 0; z-index: 10; transition: height 1s ease; -webkit-transition: height 1s ease; -moz-transition: height 1s ease; -ms-transition: height 1s ease; -o-transition: height 1s ease; transition-delay: 0.35s;}
.msg-wrapper .form{display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ flex-flow: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;}
.msg-wrapper .form .index-more{display: block; margin: 0.5rem auto 0; width: 1.7rem; line-height: 0.52rem; height: 0.56rem; border-radius: 0.28rem;}
.msg-wrapper .group{width: 32.42%; position: relative; margin-right: 1.37%; margin-top: 1.37%;}
.msg-wrapper .group.max{width: 100%; margin-right: 0;}
.msg-wrapper .group:last-child,
.msg-wrapper .group:nth-child(3n){margin-right: 0;}
.msg-wrapper .group:nth-child(-n+3){margin-top: 0;}
.msg-wrapper .group i{position: absolute; left: 0.28rem; top: 50%; z-index: 1; font-size: 16px; color: #033e88; height: 10px; line-height: 10px; margin-top: -5px;}
.msg-wrapper .contact-box,
.msg-wrapper .address-box{display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ flex-flow: wrap;}
.msg-wrapper .contact-box .item,
.msg-wrapper .address-box .item{position: relative; margin-right: 2.6%; margin-top: 2.6%; padding-top: 0.4rem;}
.msg-wrapper .contact-box .item:hover h6,
.msg-wrapper .address-box .item:hover h6{color: #033e88;}
.msg-wrapper .contact-box h6,
.msg-wrapper .address-box h6{font-size: var(--fs24); color: #000; margin-right: .08rem; line-height: 0.36rem; transition: color 0.35s ease; -webkit-transition: color 0.35s ease; -moz-transition: color 0.35s ease; -ms-transition: color 0.35s ease; -o-transition: color 0.35s ease;}
.msg-wrapper .contact-box p,
.msg-wrapper .address-box p{font-size: var(--fs16); line-height: 0.3rem; margin-top: 0.16rem;}
.msg-wrapper .contact-box p a,
.msg-wrapper .address-box p a{display: inline-block; font-size: var(--fs16); transition: color 0.3s ease; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -ms-transition: color 0.3s ease; -o-transition: color 0.3s ease;}
.msg-wrapper .contact-box p a:hover,
.msg-wrapper .address-box p a:hover{color: #033e88;}
.msg-wrapper .contact-box em,
.msg-wrapper .address-box em{display: inline-block; width: 57px; line-height: 22px; background: url(../img/copybg.png) no-repeat center center; background-size: 100% 100%; font-size: var(--fs14); color: #000; margin-left: 0.08rem; text-align: center; transform: translateX(0.1rem); -webkit-transform: translateX(0.1rem); -moz-transform: translateX(0.1rem); -ms-transform: translateX(0.1rem); -o-transform: translateX(0.1rem); opacity: 0; visibility: hidden; transition: all 0.35s ease; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -ms-transition: all 0.35s ease; -o-transition: all 0.35s ease;}
.msg-wrapper .contact-box em.on,
.msg-wrapper .address-box em.on{opacity: 1; visibility: visible; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0);}
.msg-wrapper .contact-box .item{width: 23.05%; padding-left: 0.28rem; padding-right: 0.28rem;}
.msg-wrapper .address-box .item{cursor: pointer; width: 31.6%; padding-bottom: 1.27rem; padding-left: 0.48rem; padding-right: 0.48rem;}
.msg-wrapper .address-box .item.on{box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.14);}
.msg-wrapper .address-box .item.on .line_t,
.msg-wrapper .address-box .item.on .line_b{width: 0;}
.msg-wrapper .address-box .item.on .line_r,
.msg-wrapper .address-box .item.on .line_l{height: 0;}
.msg-wrapper .address-box p{min-height: 1.2rem;}
.msg-wrapper .address-box span{display: block; position: absolute; background: #033e88; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.msg-wrapper .address-box .index-more{position: absolute; left: 0.48rem; bottom: 0.4rem; z-index: 10;}
.msg-wrapper .contact-box .item{cursor: default; background: #eff4f6; padding-bottom: 0.4rem;}
.msg-wrapper .contact-box .item:hover .icon{transform: translateX(0.15rem); -webkit-transform: translateX(0.15rem); -moz-transform: translateX(0.15rem); -ms-transform: translateX(0.15rem); -o-transform: translateX(0.15rem);}
.msg-wrapper .contact-box .icon{position: absolute; top: 50%; margin-top: -0.51rem; right: 0.27rem; width: 1.02rem; z-index: 0; transition: all 0.35s ease; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -ms-transition: all 0.35s ease; -o-transition: all 0.35s ease;}
.msg-wrapper .map{position: relative; height: 5.6rem; overflow: hidden; margin: 0.8rem auto;}
.msg-wrapper .map .img{height: 100%; object-fit: cover; display: block; width: 100%;}
.msg-wrapper .box-1 .page-title{margin-bottom: 0.9rem;}
.msg-wrapper .box-3{border-top: 2px solid #000;}
.msg-wrapper .box-3 .index-title{margin-bottom: 0.32rem;}


.popover{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 300}
.popover .container{ background-color: #fff; padding:5% 0; left: 50%;top: 50%;width:40%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%); position: absolute;}
.popover .form{width: 90%; margin: 0 auto;}
.popover .validate_form legend{margin-bottom: 3%}
.popover p{font-size: 14px; letter-spacing: 1px; color: #999; line-height: 26px; font-weight: 400}
.popover .btn_close{position: absolute; top: 40px; right: 40px; font-size: 14px; letter-spacing: 1px; line-height: 20px; color: #333; letter-spacing: 1px; font-weight: 400}
.popover .btn_close i{margin-left: 20px}

.validate_form{margin-right: -4.44444%; font-size: 0}
.validate_form legend{display: block; width: 100%; font-size: 36px; letter-spacing: 1px; line-height: 60px; color: #f08927}
.validate_form .form-group{width: 50%; display: inline-block; vertical-align: top; padding-right: 4.44444%; margin-bottom: 2%; position: relative}
.validate_form .col_form_group{width: 100%}
.validate_form .form-control{display: block; padding: 0; margin: 0; border: none; background: none; height: 50px; font-size: 14px; letter-spacing: 2px; color: #333; font-weight: 400; width: 100%; border: 1px solid #EAEAEA; padding: 0 20px; text-align: left; cursor: pointer}
.validate_form .form-group_msg{width: 100%}
.validate_form .form-group_msg .form-control{height: 180px; resize: none; padding: 20px}
.validate_form .form-control + label{display: block !important; font-size: 14px; letter-spacing: 2px; color: #333; position: absolute; top: 18px; left: 20px; -moz-transition: all .36s ease; -o-transition: all .36s ease; -webkit-transition: all .36s ease; transition: all .36s ease; cursor: pointer}
.validate_form label.error{position: absolute; bottom: -26px; right: 40px; font-size: 14px; letter-spacing: 2px; color: #f08927}
.validate_form .form-control.active{border: 1px solid #f08927}
.validate_form .form-control:focus{outline: none}
.validate_form .form-group.on .form-control + label, .validate_form .form-control.active + label{-moz-transform: translate(0, -40px); -ms-transform: translate(0, -40px); -webkit-transform: translate(0, -40px); transform: translate(0, -40px); font-size: 12px}
.validate_form button{margin-right: 4.44444%}
.validate_form button:focus{outline: none}
.validate_form .select{display: none; position: absolute; top: 50px; left: 0; width: calc(100% - 4.44444%); background-color: #F7F7F7; background-color: #033e88; z-index: 300; padding: 10px 0; border-top: none}
.validate_form .select .scrollBar{height: 220px}
.validate_form .select ul{padding: 0 20px}
.validate_form .select li{font-size: 14px; letter-spacing: 2px; color: #999; padding: 10px 0; -moz-transition: all .36s ease; -o-transition: all .36s ease; -webkit-transition: all .36s ease; transition: all .36s ease; cursor: pointer}
.validate_form i.icon{position: absolute; top: 50%; right: 55px; margin-top: -10px; color: #f08927; -moz-transition: all .36s ease; -o-transition: all .36s ease; -webkit-transition: all .36s ease; transition: all .36s ease; -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); cursor: pointer}
.validate_form .form-group.on i.ico{-moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg)}
.popover .validate_form .select{width: calc(100% - 8.88888%)}
.popover .btn_default{margin-top: -18px}

.btn_default{padding: 0; background: none; border: none; display: inline-block; text-align: center; font-size: 14px; color: #f08927; position: relative; padding: 10px 24px; overflow: hidden; font-weight: 400; cursor: pointer; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out;float: right;}
.btn_default:after{content: ""; display: block; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; background-color: #f08927; z-index: 100; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out}
.btn_default:before{content: ""; position: absolute; background-color: #f08927; z-index: 50; -moz-transition: all 1.4s ease; -o-transition: all 1.4s ease; -webkit-transition: all 1.4s ease; transition: all 1.4s ease; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.28); -moz-transform: scale(1.02, 1.02); -ms-transform: scale(1.02, 1.02); -webkit-transform: scale(1.02, 1.02); transform: scale(1.02, 1.02); -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out}
.btn_default span{position: relative; z-index: 300; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; color: #fff;}
.btn_default span i{vertical-align: -2px; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out}
.btn_button{padding: 17px 30px}


@media only screen and (max-width: 1440px) and (min-width: 1025px) {
  .popover .container {
      padding-top: 30px;
      padding-bottom: 30px
  }

  .popover .btn_default {
      margin-top: 20px
  }

  .popover .validate_form legend {
      margin-bottom: 30px
  }

  .works_mod_list li figcaption .text p {
      font-size: .97222vw
  }

  .works_mod_list li figcaption {
      padding-right: 10%
  }
}
.side{position:fixed;width:78px;right:0;top:30%;z-index:100;background:#033e88;border-bottom:0;}
.side ul li{width:78px;height:78px;float:left;position:relative;color:#fff;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#033e88;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}

.side ul li i.bgs4{background-image:url(../img/right_pic1_on.png)}



.side ul li:hover i.bgs4{background-image:url(../img/right_pic1_on.png)}
.side ul li .sidebox{position:absolute;width:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#dd2025;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-240px;top:0;background-image:url(../images/ewm.jpg);background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}
.side ul li.sideewm .ewBox2.son{width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-240px;top:0;background-image:url(../images/xcxcode.jpg);background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}


.side ul li.sideetel .telBox.son{width:240px;display:black;color:#fff;text-align:left;position:absolute;left:-240px;top:0;background:#dd2025;}
.side ul li.sideetel .telBox dd{display:block;overflow:hidden;line-height:24px;font-size:24px; padding: 11.3% 6% 11.3% 82px;}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url(../img/right_pic8.png) 28px center no-repeat;background-color:#03336e;}
.side ul li.sideetel .telBox dd.bgs2{background:url(../images/right_pic9.png) 28px center no-repeat}
.side ul li:hover .son{display:block!important;animation:fadein 1s}

.sjkf{position:fixed;width:78px;right:0;top:50%;z-index:100;background:#033e88;border-bottom:0; display: none;}
.sjkf ul li{width:78px;height:78px;float:left;position:relative;color:#fff;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.sjkf ul li:hover{background:#033e88;color:#fff}
.sjkf ul li:hover a{color:#fff}
.sjkf ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.sjkf ul li a{color:#fff}
.sjkf ul li i.bgs4{background-image:url(../img/right_pic1_on.png)}

@keyframes fadein{from{opacity:0}
to{opacity:1}
}