*{border:0; margin:0; padding:0; outline:0; box-sizing:border-box;}
body,h1,h2,h3,h4,.nnbt,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,.nnbt,h6{font-weight:normal;}
em{font-style:normal;}
ul,li,ol{list-style:none;}

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

/** 重置图片元素 **/
.fl{float:left;}
.fr{float:right;}
.l{ float:left;}
.r{ float:right;}

/** 重置表格元素 **/
table{border-collapse:collapse;}
.clear:after{content:"."; display:block; height:0; visibility:hidden; clear:both; overflow:hidden;}
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size:0; }
.clearfix { *zoom:1;}
.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:999;-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: #0084f4;}
.dh ul li.on p a{color: #0084f4;}
.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:#fff; background: #0084f4;}
.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: #0084f4;}

.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: #0084f4;}
.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: #0084f4;}
.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;} */

.sp_header,.sjj_nav{ display:none;}

/* banner*/
.banner {position:relative;overflow:hidden;height:auto;}
.home-banner {height:auto;}
.banner-img img {display:block;width:100%;height:auto;}
.home-banner .banner-text {position:absolute;top:50%;left:50%;width:100%;z-index:500;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);}
.banner-content {width:50%;}
.home-banner .banner-text .bnbt {color:#fff;font-size:40px;font-weight:600;margin-bottom:3%;}
.home-banner .banner-text p {color:#fff;font-size:22px;margin-bottom:3%;display:block; line-height: 36px; font-weight:300;}
.home-banner .banner-text a {display:inline-block;background-color:#0084f4;padding:10px 30px;border-radius:30px; color: #fff;}
.banner-switch {width:100%;position:absolute;left:0;bottom:20px;height:50px;}
.banner-switch .container{position:relative; width:88%; margin: 0 auto;}
.banner-switch .swiper-button-next {right:0;left:auto;}
.banner-switch .swiper-button-prev {right:50px;left:auto; }
.banner-switch .swiper-button-prev,.banner-switch .swiper-button-next {background-color:#fff;color:#111;width:44px;height:44px;border-radius:100%;}
.banner-switch .swiper-button-prev:hover,.banner-switch .swiper-button-next:hover {background-color:#192b65;color:#fff;}
.banner-switch .swiper-button-prev::after,.banner-switch .swiper-button-next::after {font-size:18px;}
.roll-icon {position:absolute;left:0% ;top:50%;height:44px;margin-top:calc(0px - (44px / 2));width:24px;height:44px;border:1px solid rgba(255,255,255,0.8);border-radius:50px;z-index:100;}
.roll-icon i {width:2px;height:8px;position:absolute;top:20%;left:50%;transform:translateX(-50%);background:rgba(255,255,255,0.8);animation:Jumping 1500ms infinite ease-in-out;border-radius:5px;-webkit-border-radius:5px;}
@keyframes Jumping {0% {top:20%;}
50% {top:50%;}
100% {top:20%;}
;}
.roll-tips {position:absolute;top:50%;left:45px;margin-top:-11px;z-index:100;color:#fff;font-size:12px;}

.g_fwan{padding-top:20px;position: relative;}
.g_fwan .dbt a{font-size:40px;font-weight:400;line-height:40px;color:#000;display:block;font-weight:700;text-align:center;margin-bottom:2%}
.g_fwan .dbt:before{content: "";position:absolute;background: url(../img/tit1.png) no-repeat;background-size:160px 50px;width:160px;height: 50px;left:32%;top:20px;}
.g_fwan .dbt:after{content: ""; position:absolute; background: url(../img/tit2.png) no-repeat;background-size:160px 50px;width:160px;height: 50px;top:20px; right:34%;}
.g_fwan .dbt a{color:#333}

.intitle{text-align: center;margin:0 auto;position:relative; display: flex; justify-content: center; align-items: center; margin-bottom:2%}
.intitle .inbt{text-transform:uppercase; font-size:40px; 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:160px;background: url(../img/tit1.png) no-repeat center;height:50px;}
.intitle .ber{width:160px;background: url(../img/tit2.png) no-repeat center;height:50px;}


/*首页关于*/
.home-icon{background:#0084f4;text-align:center;text-transform:uppercase;margin-bottom:10px;width:30px;height:3px;display:flex}
.home-title{font-size: 40px; font-weight:600;text-align:center;text-transform:uppercase;line-height:1.2;}
.home-title span{color:#555; font-size:30px; font-weight: 300;}

.home-about{padding:3% 0; overflow: hidden; background: url(../img/a_bg.jpg) no-repeat; background-size: cover; background-attachment: fixed;}
.home-about .pd06{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.home-about .aboutinfo{width:50%}
.home-about .aboutinfo .home-title{text-align:left;font-size: 40px; color: #333;}
.home-about .aboutinfo p{margin:1em 0;color:#555; font-size: 16px; line-height: 30px;}
.home-about .aboutinfo .more{font-size:15px;font-weight:500;height:50px;color:#0084f4;display:inline-flex;align-items:center;margin-top:10px;border-radius:10px;transition:all .2s linear}
.home-about .aboutinfo .more:hover{background:#0084f4;padding:0 20px;color:#fff}
.home-about .aboutinfo .more em{margin-left:10px;width:16px;height:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:12px;background:#0084f4}
.home-about .aboutimg{flex:1;padding-left:3%; transition:all 0.3s ease 0s;}
.home-about .aboutimg img{transition:all 0.3s ease 0s; border-radius: 8px; width: 100%; display: block;} 
.home-about .aboutimg img:hover{transform:scale(1.02) rotate(1deg)}
.flex-left { display: flex; flex-wrap: wrap; justify-content: space-between;}
.shili-num{margin-top: 5%;}
.shili-num ul{}
.shili-num ul li{}
.shili-num ul li .num i{font-size:42px;line-height:42px;color:#0084f4;font-weight:bold; font-style: normal;}
.shili-num ul li .num sub{font-size:18px;color:#272933;line-height:18px;margin-left:5px;vertical-align:middle;bottom:0}
.shili-num ul li .num sub.zh{font-size:16px}
.shili-num ul li p{font-size:16px;line-height:28px;color:#272933;opacity:0.8;margin-top:3% !important;}

/*首页产品*/
.inprobox{padding:3% 0; overflow: hidden; background: url(../img/p_bg.jpg) no-repeat; background-size: cover;}
.jgfw_top {text-align:center;}
.jgfw_tleh{display: flex; align-items: center; justify-content: center; color: #333;}  
.jgfw_tleh span {font-size:42px;font-weight:700;padding:0 50px; line-height: 42px; }
.jgfw_tleh img{vertical-align: middle; max-width: 100%;display: block;height: auto;border: 0;}
.jgfw_tlep {font-size:20px; margin-top:1%; color: #555;}
.write{color: #fff;}

.index-product-hz{margin-top:3%;margin-right:-1%;margin-left:-1%;display: flex; flex-wrap: wrap;}
.index-product-hz a{width:31.333%;margin-right:1%;margin-left:1%;background:#fff;border-bottom:4px solid #1c3071;position:relative;float:left;margin-bottom:30px;display: block; }
.index-product-hz a:after{ content:""; position: absolute;width: 0;height:4px;bottom: -4px;left: 50%;-webkit-transition:all .4s;transition:all .4s; background-color:#0084f4;}
.index-product-hz a:hover:after{width:100%;left: 0;}
.index-product-box{}
.index-product-wb{padding:15px;text-align:center;font-size:18px;font-weight:bold;}
.index-product-wb p{margin-top:10px;color:#666;font-size:15px;font-weight:normal;}
.index-product-box:before{content:""; width:100%; height:100%; background: rgba(210, 152, 44, 0.7); opacity:0; position:absolute; top:0; left:0; transition:all 0.5s;}
.index-product-box:hover:before{opacity:1;}
.index-product-box:after{content:""; width:65px; height:65px; background:url(../img/j.png) center no-repeat; transform:translate(-50%,-50%); position:absolute; top:50%; left:50%; opacity:0; z-index:1; transition:all 0.5s;}
.index-product-box:hover:after{opacity:1;}
.index-product-pic img{width: 100%; display: block;}

.index-product-hz2{margin-top:3%;margin-right:-1%;margin-left:-1%;display: flex; flex-wrap: wrap;}
.index-product-hz2 a{width:23%;margin-right:1%;margin-left:1%;background:#fff;border-bottom:4px solid #1c3071;position:relative;float:left;margin-bottom:30px;display: block; }
.index-product-hz2 a:after{ content:""; position: absolute;width: 0;height:4px;bottom: -4px;left: 50%;-webkit-transition:all .4s;transition:all .4s; background-color:#000581;}
.index-product-hz2 a:hover:after{width:100%;left: 0;}

.floor_3_main { width: 100%; position: relative; padding:3% 0; background: url(../img/yy_bg.jpg) center center no-repeat; background-size: cover;}
.icon { background-image: url("../img/icon.png"); display: inline-block; vertical-align: middle; }
.index_tit{ width: 100%; display: inline-block; }
.index_tit .index_tit_left{ float: left; }
.index_tit .index_tit_left h3{ font-size: 46px; color: #333; line-height: 46px; font-weight: bold;}
.index_tit .index_tit_left h3 span{ color: #0084f4; }
.index_tit .index_tit_left p{ color: #999; font-size: 16px; font-family: "Arial"; line-height: 16px; text-transform: uppercase; padding-top: 8px;}
.index_tit .more{ float: right; }
.index_3_body { display: -webkit-flex;
display: -ms-flexbox;display: flex;  width: 100%; margin: 0 auto; margin-top: 36px;}
.index_3_body .item {
width: 15.3%;
height: 520px;margin-right: 1.4%;overflow: hidden;position: relative; border-radius: 10px; overflow: hidden;
transition: all .4s, -webkit-transform .4s;transition: all .4s, transform .4s;
cursor: pointer;background-position: 50%;background-size: cover;}
.index_3_body .item.li5{ margin-right: 0; }
.index_3_body .item .fl_t {
  text-align: center; width: 100%; height: 100%; position: relative;  transition: all ease 0.36s;}
.index_3_body .item .fl_t img {
  display: block; width: 50px; height: 50px;  position: absolute; left: 50%; margin-left: -25px; margin-top: 50%;}
.index_3_body .item .fl_t p { display: inline-block; padding: 0 10%;  padding-top: 20%; text-align: left;}
.index_3_body .item .fl_t p span {
  float: left; display: block; font-size: 24px; color: #fff; line-height: 30px;text-shadow: 1px 1px 2px rgba(0, 0, 0, .6);}
.index_3_body .item .fl_t p i {
  float: left;
  display: block;  font-size: 22px; color: #fff; line-height: 30px; text-shadow: 1px 1px 2px rgba(0, 0, 0, .6); writing-mode: vertical-lr;}

.index_3_body .item .fl_t b {  margin-left: 10%;
  display: block;  width: 40px;  height: 40px;  background-color: #fff;  position: absolute; left: 0; bottom: 10%; font-size: 30px; color: #0084f4; line-height:40px; font-weight: normal; border-radius: 50%;}

.index_3_body .item .bg {
  background:url(../img/j12_02.png) center center no-repeat; width: 100%;  height: 100%; background-size: 100% 100%;
  -webkit-justify-content: center;  -ms-flex-pack: center;
  justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #fff;
  position: relative;  opacity: 0; position: absolute;  left: 0; top: 0;  transition: all ease 0.36s;}

.index_3_body .item .bg::before,
.index_3_body .item .bg::after {
  box-sizing: border-box; content: '';  position: absolute; top: 12px;
  left: 12px; bottom: 12px;right: 12px;
  -webkit-transform-origin: center; -ms-transform-origin: center;  transform-origin: center; z-index: 10;
}
.index_3_body .item .bg::before {
 border-top: 1px solid rgba(255, 255, 255, 0.47); border-bottom: 1px solid rgba(255, 255, 255, 0.47); */ -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1);}
.index_3_body .item .bg::after { border-left: 1px solid rgba(255, 255, 255, 0.47); border-right: 1px solid rgba(255, 255, 255, 0.47); -webkit-transform: scale3d(1, 0, 1); transform: scale3d(1, 0, 1);}
.index_3_body .item.on .bg::before,
.index_3_body .item.on .bg::after { /* bg1 */ -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s;}
.index_3_body .item .bg img { display: block; padding-left: 34px; padding-top: 30px;}
.index_3_body .item .bg .title { display: block; position: absolute; left:15%; top: 25%; padding-right: 50px; }
.index_3_body .item .bg .title span { display: block; font-size: 28px; color: #fff; line-height: 30px;  text-shadow: 1px 0px 1px rgba(0, 0, 0, .35);}
.index_3_body .item .bg .title p { display: block; font-size: 18px; color: #fff; line-height: 30px; text-shadow: 1px 0px 1px rgba(0, 0, 0, .35); padding-top:20px;}
.index_3_body .item .bg .a {
  transition: all ease 0.36s; position: absolute; left: 50px; bottom: 50px; display: block; width:98px;
  height: 38px; border-radius:40px; text-align: center; line-height: 38px; border: #fff solid 1px; font-weight: normal;  font-size: 16px;}
.index_3_body .item .bg .a p { display: inline-block;}
.index_3_body .item .bg .a p i { display: block; width: 26px; height: 26px; background-position: -149px -411px; float: left; margin-top: 6px; margin-left: 8px;}
.index_3_body .item .bg .a p span { display: block; font-size: 16px; color: #fff; line-height: 38px; float: left;}
.index_3_body .item .bg .a:hover { transform: translateY(-5px);transition: all ease 0.36s;}
.index_3_body .item.on { width: 50.8%; transition: all .4s, transform .4s, -webkit-transform .4s;}
.index_3_body .item.on .fl_t { opacity: 0; transition: all .4s, transform .4s, -webkit-transform .4s;}
.index_3_body .item.on .bg { opacity: 1; transition: all .4s, transform .4s, -webkit-transform .4s;}


@media (max-width: 1660px) {

.index_3_body .item {height: 26vw;}
.index_3_body .item .bg .title span {  font-size: 26px;  line-height: 28px;}
.index_3_body .item .bg .title p { font-size: 16px; line-height: 28px; padding-top: 16px;}
.index_3_body .item .bg .title { top: 60px;}
.index_3_body .item .fl_t p span { font-size: 22px;}

}

.ldipss{background:url(../img/w_bg.jpg); padding:3% 0 2%; overflow:hidden;}
.ldipss .swiper-father{position:relative; overflow:hidden; margin-top:3%;}
.ldipss .honor{padding-top:0%;}
.ldipss .honor .swiper-slide{}
.ldipss .honor .swiper-slide img{width:99%; border:1px solid #ccc}
.ldipss .honor .swiper-slide p{font-size:15px;text-align:center;line-height:30px;padding:10px 0; color:#fff;}
.ldipss .swiper-father .swiper-button-next,.ldipss .swiper-father .swiper-button-prev{width:45px;height:45px;text-align:center;box-sizing:border-box;}
.ldipss .swiper-father .swiper-button-next i,.ldipss .swiper-father .swiper-button-prev i{ line-height:45px }
.ldipss .swiper-father .swiper-button-next i img,.ldipss .swiper-father .swiper-button-prev i img{vertical-align:middle; width:100%;}
.ldipss .swiper-father .left{right:0;outline:medium; background:rgba(0,0,0,0.65);}
.ldipss .swiper-father .right{left:-0;outline:medium; background:rgba(0,0,0,0.65);}
.ldipss .swiper-father .left:hover i,.ldipss .swiper-father .right:hover i{color:#0084f4;}
.ldipss .swiper-pagination-bi{position:absolute;bottom:-15px;z-index:11;text-align:center; width:100%;}
.ldipss .swiper-pagination-bi .swiper-pagination-bullet{margin:0 5px;}
.ldipss .swiper-pagination-bullet{width:12px;height:12px;background:#bbb;border-radius:10px}
.ldipss .swiper-pagination-bullet-active{background:#0084f4;opacity:1;}
.ldipss .swiper-father .swiper-button-next::after,.ldipss .swiper-father .swiper-button-prev::after{display:none;}


.home-news{padding:3% 0; overflow: hidden;}
.news5box{margin-top: 3%;}
.news5ba{width:45%;background:#f8f8f8;transition:all 0.3s; float: left;}
.news5baa{overflow:hidden;}
.news5baa img{transition:all 0.3s;width:100%;}
.news5bab{width:100%;box-sizing:border-box;padding:5%;}
.news5bab .nnbt{font-size:20px;margin:0 0 20px;}
.news5bab p{line-height:30px;color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news5baba{justify-content:space-between;margin-top:30px; display: flex;}
.news5baba span{color:#999;}
.news5baba img{display:inline-block;margin-left:10px;opacity: .3;}
.news5baba i{color:#999; font-style: normal;}
.news5ba:hover{box-shadow: 0 0 20px #ccc;}
.news5ba:hover .news5bab .nnbt{color:#0084f4;}
.news5c{width:52%; float: right;}
.news5c li{padding-top:25px;border-bottom:1px solid #eee;padding-bottom:25px;justify-content: space-between;align-items: center;box-sizing:border-box;transition:all 0.3s; display: flex;}
.news5ca{width:calc(100% - 130px);border-right: 2px solid #eee;padding-right:30px;}
.news5ca .nnbt{font-size:20px;margin-bottom:20px;color:#333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.news5ca p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;color:#777;line-height:30px;}
.news5cb{width:100px;text-align: center;}
.news5cb .nnbt{font-size:40px;color:#999;}
.news5cb span{display:block;text-align:center;color:#999;}
.news5cb img{opacity: 0.3;}
.news5cba{display:none;}
.news5c li:last-child{margin:auto;border:0;}
.news5c li:hover{background:#0084f4;padding:25px; box-sizing: border-box;}
.news5c li:hover .news5ca .nnbt{color:#fff;}
.news5c li:hover .news5ca p{color:#fff;}
.news5c li:hover .news5cba{display:block;}
.news5c li:hover .news5cb .nnbt{color:#fff;}
.news5c li:hover .news5cb span{color:#fff;}


.line2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}



.link_bg{background-color:#f2f2f2;padding:0.6% 6%;overflow: hidden;}
.link_dht{line-height:30px;font-size:14px; color:#333;}
.link_dht i{display: inline-block;color:#333;font-size:1vw;line-height:30px;border-radius:50%;text-align:center;font-weight:400;margin-right:10px;transition:all .4s;position: relative;}
.link_dht i img{height:25px; vertical-align: middle;}
.link_nr{margin-left:20px; width: 82%}
.linkTagcs{height:auto;}
.linkTagcs ul{margin:0px;padding:0px;list-style-type:none;}
.linkTagcs li{list-style:none;margin:0px;padding-right:11px;float:left;}
.linkTagcs li a{color:#333;word-break:break-all;font-size: 14px; line-height:32px;}
.linkTagcs li img{border:0px;}


/* 底部 */
footer{clear:both;margin:0px auto;padding:0px;background: #0084f4;}
footer ul{list-style:none;padding:0px}
footer .foot-main{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;padding:3% 0px;border-bottom:1px solid rgba(255, 255, 255, 0.1)}
footer .foot-main .foot-item{width:14%}
footer .foot-title{font-size:22px;font-weight:500;margin-bottom:20px;text-transform:capitalize;color:#fff}
footer .foot-item.foot-info{width:42%;box-sizing:border-box;padding-right:3%}
footer .foot-touch .foot-inner{display:flex;margin-bottom:10px;align-items:flex-start;color:rgba(255,255,255,0.8)}
footer .foot-touch .foot-inner .icon2{width:20px;display:inline-flex;align-items:center;justify-content:center}
footer .foot-touch .foot-inner .icon2 em{width: 20px;}
footer .foot-touch .foot-inner .icon2 em img{width: 100%;}
footer .foot-touch .foot-inner .content{flex:1;padding-left:10px}
footer .foot-touch .foot-inner .content a{transition:all .1s linear;color:rgba(255,255,255,0.8)}
footer .foot-touch .foot-inner .content:hover a{color:#fff}
footer .foot-touch .foot-inner .content span{margin-right:4px}
footer .foot-share{margin-top:20px}
footer .foot-share ul{display:flex;flex-wrap:wrap}
footer .foot-share ul a{margin-left:10px;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;color:#FFFFFF;background-color:#06579c;transition:all .1s linear}
footer .foot-share ul a img{width:60%; display: block}
footer .foot-share ul a:hover{background-color:#0084f4}
footer .foot-list{display:flex;flex-wrap:wrap}
footer .foot-list li{width:100%}
footer .foot-list li a{display:inline-block;padding:4px 0px;text-transform:capitalize;color:rgba(255,255,255,0.8)}
footer .foot-list li a:hover{color:#fff}
footer .logo{display:block;margin-bottom:16px}
footer .logo img {width:auto;max-height:60px}
footer .foot-categories .foot-list li{width:100%}
footer .foot-item.foot-code{width:12%}
footer .foot-code img{width:100%;height:auto; display: block;} 
footer .copyright{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;box-sizing:border-box;text-align:center;padding:12px;color:rgba(255,255,255,0.8); font-size:14px}
footer .copyright a{margin-left:10px}
footer .copyright a:hover{color:#0084f4}
footer .gotop{display:flex;justify-content:center;align-items:center;font-weight:var(--fontbold6);cursor:pointer;transform:rotate(180deg);opacity:0}
footer .gotop em{font-weight:var(--fontbold3);font-size:var(--fontsize20)!important;color:#FFFFFF;background:var(--color);width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center}
  



.comBanner{width:100%;height:auto;position:relative}
.comBanner::before{content:'';width:100%;height:100%;position:absolute;left:0;top:0;background:linear-gradient(133deg,rgba(12,184,255,0.65) 0%,rgba(15,134,224,0.19) 100%)}
.comBanner img{height:100%;object-fit:cover; display: block;}
.bannerTit{font-weight:bold;font-size:48px;color:#FFFFFF;position:absolute;left:50%;top:50%;padding-bottom:30px;width:80%;transform:translateX(-50%)}
.bannerTit::after{content:'';width:52px;height:2px;background:#FFFFFF;opacity:.5;position:absolute;bottom:0;left:0}

.bread{width:100%;border-bottom:1px solid #DEDEDE;background:#FFFFFF; padding: 0.5% 0;}
.bread .pd06{height:100%;display:flex;align-items:center;justify-content:space-between}
.breadL{display:flex;align-items:center}
.breadL a{width:120px;line-height:40px;border-radius:24px;display:flex;align-items:center;justify-content:center;font-weight:400;font-size:16px;color:#333333;margin-right:1%;transition:all .3s} 
.breadL a.active,.breadL a:hover{background:#0084f4;color:#FFFFFF}
.breadR{display:flex;align-items:center}
.breadR a{display:flex;align-items:center;justify-content:center;font-weight:400;font-size:14px;color:#6B6B6B;margin-right:25px;position:relative;transition:all .3s}
.breadR a::after{content:'-';position:absolute;top:50%;transform:translateY(-50%);right:-15px}
.breadR a img{width:18px;height:18px;margin-right:8px}
.breadR a:hover{color:#0084f4}
.breadR a:last-child{margin-right:0;
/*width: 4.2rem;*/
    display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:1;
    justify-content: left;
}
.breadR a:last-child::after{display:none}
.about1 {width:100%;height:auto;background-image:url(../img/aboutbgt.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover; padding: 3% 0; overflow: hidden;}
.about1Con {margin-top:4%;display:flex;justify-content:space-between;}
.about1L {width:52%;}
.about1LTit {font-weight:bold;font-size:28px;color:#0084f4;padding-bottom:2%;position:relative;margin-bottom:4%;}
.about1LTit::after {content:'';width:50px;height:2px;background:#0084f4;position:absolute;bottom:0;left:0;}
.about1LTxt {font-weight:normal;font-size:16px;color:#333333;line-height:34px;}
.about1R {width:45%;}
.about1R img{width:100%; display:block;}
.about1R img:nth-child(1) {filter:brightness(0.8);}


.about2{width:100%; height:auto; padding:3% 0; overflow:hidden;}
.about2Con {width:100%;height:640px;margin-top:3%;background-position:center center;display:flex;overflow:hidden; background:url(../img/CultureBg.jpg) no-repeat; background-size: cover;}
.about2Item {position:relative;width:33.333%;display:flex;flex-direction:column;align-items:center;opacity:.7;transition:all .3s;border-right:0.01rem solid rgb(255,255,255,.26);cursor:pointer;}
.about2Item .bg {position:absolute;top:100%;left:0;background:linear-gradient(0deg,#0085CC 0%,#00ADE8 100%);width:100%;height:100%;opacity:0;transition:all 0.3s;}
.about2Item:nth-child(3n) {border:0;}
.about2Item:hover {opacity:1;border-right:0.01rem solid rgb(255,255,255,0);}
.about2Item:hover .bg {top:0;opacity:0.7;}
.about2Item img {position:relative;z-index:99;width:76px;height:76px;margin-bottom:7%;margin-top:34%;transition:all .3s;/*opacity:0.7;*/;}
.about2Item:hover img {margin-top:28%;margin-bottom:5%;opacity:1;}
.about2ItemTit {position:relative;z-index:99;font-weight:400;font-size:28px;color:#FFFFFF;}
.about2line {position:relative;z-index:99;width:1px;height:0;background:rgb(255,255,255,.72);transition:all .3s;}
.about2Item:hover .about2line {height:50px;margin:3% 0;}
.about2ItemTxt {position:relative;z-index:99;font-weight:normal;font-size:16px;color:#FFFFFF;line-height:30px;opacity:0;transition:all .3s; padding:5%; box-sizing:border-box}
.about2Item:hover .about2ItemTxt {opacity:1;}

.l-a {width: 100%;padding: 3% 0; overflow: hidden;}
.zzjg{padding: 3% 0 0; overflow: hidden;}
.zzjg img{width: 100%; display: block; margin: auto;}

.honor{height:auto;overflow:hidden;}
.honor ul{list-style:none;overflow:hidden;margin-right:-2%;margin-top:2%}
.honor li{width:18%;height:auto;overflow:hidden;margin-right:2%;float:left;margin-bottom:3%}
.honor li .hpic{border:1px solid #cdcdcd;height:auto;overflow:hidden; width:100%; display: block; margin: auto;}
.honor li a{display:block;width:100%;overflow:hidden;transition:all 0.3s}
.honor li .hpic img{width:100%!important;overflow:hidden; display: block;}
.honor li div:hover{border:1px solid #0798d1}
.honor li a:hover{transform:scale(1.2,1.2);overflow:hidden}
.honor li span{display:block;text-align:center;line-height:40px;color:#222;font-size:15px}


.grey{background: #f7f7f7;}

.workshop{height:auto;overflow:hidden;}
.workshop ul{list-style:none;overflow:hidden;margin-right:-3%;margin-top:2%}
.workshop li{width:22%;height:auto;overflow:hidden;margin-right:3%;float:left;margin-bottom:2%}
.workshop li .hpic{border:1px solid #cdcdcd;height:auto;overflow:hidden; width:92%; display: block; margin: auto;}
.workshop li a{display:block;width:100%;overflow:hidden;transition:all 0.3s}
.workshop li .hpic img{width:100%!important;overflow:hidden; display: block;}
.workshop li div:hover{border:1px solid #0084f4}
.workshop li a:hover{transform:scale(1.2,1.2);overflow:hidden}
.workshop li span{display:block;text-align:center;line-height:40px;color:#222;font-size:15px}

.pzlc{overflow: hidden;}
.pzlc img{max-width: 100%; display: block; margin: auto;}


.case{ background:#F6F6F6; padding:3% 0; overflow:hidden}
.caseItem {width:100%;height:auto;display:flex;cursor:pointer;background:#FFFFFF;}
.caseItem:nth-child(2n) {flex-direction:row-reverse;}
.caseImg {width:50%;overflow:hidden;}
.caseImg img {transition:all 0.3s;object-fit:cover; width:100%; display:block}
.caseText {width:50%;padding:5%;box-sizing:border-box;}
.caseIcon {width:12px;height:12px;margin-bottom:1.5%;}
.caseTit {font-weight:bold;font-size:32px;color:#333333;margin-bottom:4%;transition:all .3s;}
.caseItem:hover .caseTit {color:#0084f4;}
.caseItem:hover .caseImg img {transform:scale(1.1);}
.caseTxt {font-weight:400;font-size:16px;color:#6B6B6B;line-height:28px;margin-bottom:4%;display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 3;}
.caseMore {position:relative;width:140px;border-radius:27px;border:1px solid #6B6B6B;display:flex;align-items:center;justify-content:center;font-weight:400;font-size:16px; line-height:39px; :#6B6B6B;transition:all .3s;}
.caseMore img {width:12px;height:12px;margin-left:12%;transition:all .3s;}
.caseMore::after {position:absolute;z-index:-1;top:0;left:0;content:"";width:0;height:100%;border-radius:27px;background:linear-gradient(140deg,#0085CC 0%,#1DA3EB 100%);transition:all 0.3s;}
.caseMore:hover::after {width:100%;}
.caseMore:hover {position:relative;z-index:1;/*background:linear-gradient(140deg,#0085CC 0%,#1DA3EB 100%);*/  border:1px solid transparent;color:#FFFFFF;}
.caseMore:hover img {position:relative;z-index:1;filter:brightness(0) invert(1);}

.p102-info-list {border:1px solid #e3e3e3;border-bottom:0;margin-bottom:3%;}
.p102-info-list dl {border-bottom:1px solid #e3e3e3;padding:2%; box-sizing: border-box; background:#fff; overflow: hidden;}
.p102-info-list dt {width:25%; float: left;}
.p102-info-list dt a,.p102-info-list dt img {display:block;width:100%;}
.p102-info-list dd {float: right; width: 73%;}
.p102-info-list dd .nnbt {height:40px;line-height:40px;font-weight:normal;margin-bottom:5px;}
.p102-info-list dd .nnbt a {display:inline-block;max-width:100%;height:40px;font-size:22px;color:#333333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.p102-info-list .p102-info-list-desc {font-size:14px;line-height:26px;color:#666666;text-align:justify;display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp:4;
    -webkit-box-orient: vertical;}
.p102-info-list-more {padding-top:22px;}
.p102-info-list-more a {display:block;width:98px;height:34px;line-height:34px;font-size:14px;color:#0084f4;text-align:center;border:1px solid #0084f4;position:relative;}
.p102-info-list-more a:before {content:'';position:absolute;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:10px solid #fff;left:-1px;top:50%;margin-top:-9px;z-index:1;}
.p102-info-list-more a:after {content:'';position:absolute;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid #0084f4;left:-1px;top:50%;margin-top:-5px;z-index:2;}
.p102-info-list dl:hover {box-shadow:5px 5px 10px #ededed,-5px -5px 10px #ededed;}
.p102-info-list dl:hover dd .nnbt a {color:#0084f4;}
.p102-info-list dl:hover .p102-info-list-more a {background:#0084f4;color:#fff;}
.p102-info-list dl:hover .p102-info-list-more a:before {border-left:10px solid #0084f4;}
.p102-info-list dl:hover .p102-info-list-more a:after {border-left:7px solid #fff;}





.nypro_left{float:left;width:20.45%;}
.nypro_left .lfbt{line-height:50px;padding:0 0 0 20px;background:#0084f4;font-size:20px;color:#fff;font-weight:600;text-transform:uppercase;}
.nypro_left .lfbt::after{display:none;font-family:"qico";content: "\e727";float:right;font-size:20px;font-weight:normal;margin-top:0px;margin-right:15px;-webkit-transition: -webkit-transform .3s ease;transition: -webkit-transform .3s ease;transition: transform .3s ease;transition: transform .3s ease, -webkit-transform .3s ease;}
.nypro_left .lfbt.active::after{-webkit-transform: rotate(45deg) scale(1.08);-ms-transform: rotate(45deg) scale(1.08);transform: rotate(45deg) scale(1.08);}

.proleftmenu{margin:0 0 20px;}
.proleftmenu > ul{}
.proleftmenu > ul > li{border:1px solid #e2e2e2;margin:5px 0 0; background: #fff;}
.proleftmenu > ul > li .lmbt{line-height:22px;display:block;padding:10px 0 10px 20px;font-size:17px;color:#333;cursor:pointer;position:relative;}
.proleftmenu > ul > li .lmbt a{display:block;margin-right:40px;box-sizing:border-box;text-transform:capitalize;}
.proleftmenu > ul > li .lmbt a:hover{color:#0084f4;text-decoration:underline;}
.proleftmenu > ul > li .lmbt span{position:absolute;right:0;top:0;background:url("../img/i4.png") no-repeat center;width:40px;height:45px;display:block;}

.proleftmenu > ul > li ul{display:none;}
.proleftmenu > ul > li ul li{line-height:24px;border-bottom:1px dashed #DCDCDC;padding:8px 20px;}
.proleftmenu > ul > li ul li:last-child{border-bottom:none;}
.proleftmenu > ul > li ul li a{background:url("../img/i8.png") no-repeat left 9px;font-size:15px;padding-left:15px;color:#333;display:block;}
.proleftmenu > ul > li ul li.active a,.proleftmenu > ul > li ul li a:hover{color:#0084f4;}

.proleftmenu > ul > li.active .lmbt{color:#0084f4;border-bottom:1px solid #e2e2e2;}
.proleftmenu > ul > li.active span{background:url("../img/i4-1.png") no-repeat center;}


.xwpmenu{margin:0 0 20px 0;}
.xwpmenu ul{}
.xwpmenu ul li{display:block;line-height:50px;height:50px;padding-left:20px;background:#fff;border:1px solid #e2e2e2;border-top:none;position:relative;}
.xwpmenu ul li a{font-size:16px;color:#333;text-transform:capitalize;}
.xwpmenu ul li:last-child a{border-bottom:none;}
.xwpmenu ul li::after{color:#555;font-family:"qico";content: "\e7eb";position:absolute;right:10px;top:0;font-size:16px;font-weight:normal;line-height:49px;}

.xwpmenu ul li.active::after{display:block;color:#0084f4;}
.xwpmenu ul li.active a,.xwpmenu ul li a:hover{color:#0084f4;}


/*fen-cp*/
.fen-cp{margin:0;padding:0px 0px;width: 100%;}
.fen-cp ul{ display: inline-block;}
.fen-cp ul li{padding:10px 0 10px 0;width: 100%;vertical-align: top;border-bottom: 1px solid #e5e5e5;}
.fen-cp ul li .leftdiv{width: 35%;filter:alpha(opacity:100);opacity:1;float: left;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;overflow: hidden;border: 1px solid #e5e5e5;}
.fen-cp ul li .leftdiv a{width: 100%}
.fen-cp ul li .leftdiv a img{width: 100%;height: auto; display: block;}
.fen-cp ul li .rightp{width: 58%;float: right;}
.fen-cp ul li .rightp>a{font-size: 14px;color: #333;line-height: 26px;overflow: hidden;width: 100%;text-transform: inherit;margin:0px 0 0 0;}
.fen-cp ul li .rightp span{font-size: 14px;line-height: 22px;color: #808080;max-height: 44px;overflow: hidden;margin:5px 0 0 0;}
.fen-cp ul li .rightp>span a{margin:5px 0 0 0;color: #0084f4;text-transform:uppercase;display: inline-block;width: auto;font-size: 14px;font-family: "poppins-semibold";}
.fen-cp ul li .rightp>span a i{margin:0 0 0 5px;display: inline-block;}
.fen-cp ul li:hover .rightp a{color:#0084f4;}
.fen-cp ul li .leftdiv :hover a{}
.fen-cp ul li:hover .leftdiv {filter:alpha(opacity:100);opacity:1;border: 1px solid #0084f4;}
.fen-cp ul li .rightp span a:hover{color: #0084f4;text-decoration: underline;}
.fen-cp ul li .rightp span a:hover i{color: #0084f4;}
.fen-cp ul li .rightp .fen-cp-bt{font-size:16px;color: #333;line-height: 26px; max-height: 52px;}

@media(max-width:1200px){}
@media(max-width:992px){
}
@media(max-width:768px){
  .fen-cp ul{width: 102%;margin:0 0 0 -2%;}
  .fen-cp ul li{width: 47%;margin:0 0 0 2%;display: inline-block;float: none;}
  .fen-tag{width: 100%;padding: 10px 0 20px;}
}
@media(max-width:480px){
  .fen-cp ul li{width: 98%;}
}



.proleftlist2{margin:0 0 30px;}


.proright{width: 76%; float: right;}
.proleft_bt{margin-bottom:15px;background:#F7F7F7;padding:15px; box-sizing: border-box;}
.proleft_bt .topbt{font-size:24px;color:#111;font-weight:600;}
.proleft_bt .t{font-size:16px;color:#545454;line-height:24px;margin:15px 0 0;}
.proleft_bt .t h5{font-size:18px;font-weight:500;color:#333;margin-top:10px;}
.proleft_bt .t p~p{margin-top:10px;}

.prolist{}
.prolist ul{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin:0 -10px;}
.prolist ul li{width:33.3333333333%;padding:0 10px;margin-bottom:20px;position:relative;box-sizing:border-box;text-align:center;}
.prolist ul li .rppimg{display:block;overflow:hidden;width:100%;position:relative;box-sizing:border-box;box-shadow: 0 0 5px rgba(0, 0, 0, 0.32);}
.prolist ul li .rppimg:after{content:"";display:none;/*background:rgba(72, 120, 182, 0.77) url(../images/i2.png) no-repeat center;*/position:absolute;left:0;right:0;top:0;bottom:0;}
.prolist ul li .rppimg img{width:100%;display:block;transition:all 0.3s ease 0s;}
.prolist ul li p{height:60px;padding:0 8px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;text-align:center;font-size:16px;color:#202020;}
.prolist ul li p a:hover{color:#1D4686;}

.prolist ul li:hover .rppimg img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.prolist ul li:hover .rppimg p{color:#fff;}
.prolist ul li:hover > .rppimg:after{display:block;}

.pro_right{width:100%; overflow: hidden;}
.productss{overflow: hidden;}
.productss img{max-width: none !important;}
.promore_l{width:45%;float:left;}

/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{width:99.8%; border:1px solid #d6d6d6; background:#fff}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:100%;height:100%;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#fff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}


/*图片小图预览列表*/
.spec-preview{width:100%; height:100%;}
.spec-scroll{clear:both;margin-top:10px;width:100%; float:left;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block; width:32px; height:32px; cursor:pointer; margin-top:14px;}
.spec-scroll .items{float:left;position:relative;width:80%; height:60px; overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;}
.spec-scroll .items ul li{float:left;width:100px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #d6d6d6; padding:2px;width:80px;}
.spec-scroll .items ul li img:hover{border:2px solid #0084f4 ; padding:1px;}

.pros_right{width:50%; float:right; overflow:hidden;}
.pros_right_top{overflow:hidden; border-bottom:2px solid #e6e6e6;}
.pros_right_top .pbt{overflow:hidden; font-size:28px; color:#0084f4 ; padding-bottom:10px; line-height: 45px;}
.proleft{width:100%;font-size:16px; line-height:30px; margin-top:20px;}
.proleft p{font-size:16px; line-height:25px; }


.procolor{ margin-top:20px;}
.procolor_bt{font-weight: 600; font-size: 16px; color: #333;border-bottom: 1px dashed #e6e6e6; padding-bottom: 10px;}
.procolor ul{}
.procolor li{border: 1px solid #ccc; margin:2% 1% 0 0; display: inline-block; width:35px; height: 35px}
.color_witer{background: #fff}
.color_red{background: #ff0000}
.color_yellow{background: #fff600}
.color_blue{background: #02028f}
.color_pink{background: #ff3be6}
.color_black{background:#000}
.color_green{background: #049915}

.pc-cx-tel-1{width: 100%;height: auto;border-top: 2px solid #e6e6e6;padding-top: 2%;overflow:hidden;margin-top:4%;}
.pc-cx-tel-1-t1{width: 28%;height: auto;background: #333;font-size: 18px;line-height: 44px;text-align: center;float: right;margin-top: 15px;}
.pc-cx-tel-1-t1 a{display: block;color: #fff;}
.pc-cx-tel-1-t2{height: auto;padding-left: 70px;background: url(../img/head-c-r1.png) no-repeat 0px center;font-size:20px;color: #454545;float:left;line-height:30px;}
.pc-cx-tel-1-t2 p{line-height: 24px;font-size: 18px}
.pbtn{margin-top:10px;overflow:hidden;}
.pbtn a{width:33%;height:50px;line-height:50px;float:left;text-align:center;margin-right:3%; background: #0084f4;
    color: #fff; font-size:18px}
.pbtn i{font-family:"iconfont";position:relative;margin-right:5px;font-style:normal;line-height:1;top:0px;}
.pbtn i img{width:20px; vertical-align: middle;}
.pbtn a:hover{background:#ff963a;color:#fff;}
/* .pbtn a:nth-child(2){width:50%; background:#ff963a;} */

.wl2{overflow: hidden; width: 45%; margin-top: 3%;}
.wl2 a{font-size:24px;line-height: 50px;color: #0084f4;padding: 0 3%; background: none; width: auto;}

.tabs-basic{width:100%; margin-top:3%;}
/* The tabs */
.tabs-basic ul{list-style:none; text-align:left; margin:0; padding:0; border-bottom:1px solid #e6e6e6;}
.tabs-basic ul li{display:inline-block; margin-bottom:-1px; font-size:16px; text-transform:uppercase;}
.tabs-basic a{display:block; text-decoration:none; background:#eee; border:1px solid transparent; padding:10px 40px; color: #333}
.tabs-basic .tab-active{border-bottom:2px solid #0084f4 ; color:#fff; background:#0084f4 ;}
/* The content */
.tabs-basic .tabs-content-placeholder{overflow:hidden; margin:auto; background:#fff; padding:20px 0;}
.tabs-basic .tabs-content-placeholder .div{display:none;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active{display:block; line-height:30px; font-size:14px;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table{border:1px solid #d6d6d6; line-height:24px; text-align:center;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table tr{padding-left:20px;}
.tabs-basic .tabs-content-placeholder .div p{line-height:30px; text-align:left; margin-top:10px;}
.tabs-basic .tabs-content-placeholder .div img{max-width:100%; clear: both; display: block;}
.tabs-basic table{border-collapse:collapse; border: 1px #e6e6e6 solid !important; width:100% !important;line-height:30px!important;}
.tabs-basic table td{padding:8px!important; padding-left:12px !important; word-wrap:break-word; word-break:break-all; border:1px #e6e6e6 solid !important; line-height:30px!important;}
.tabs-basic table td div{padding:0px!important;height:auto!important;}

.hot_pro2{width:100%;float:left; margin-top:3%;}
.hot_pro2_tit{width:100%; height:45px; background:#f1f1f1; color:#0084f4 ; line-height:45px; font-size:16px; padding:0 20px; font-weight:bold; border:1px solid #d6d6d6; box-sizing: border-box;}

.scrollleft2{width:100%; float:left; margin-top:2%;}
.scrollleft2 ul{margin-right: -2%}
.scrollleft2 li{width:200px; float:left; margin-right:20px; overflow:hidden;}
.scrollleft2 li img{width:99%; display:block; border:1px solid #e6e6e6;}
.scrollleft2 li img:hover{border:1px solid #fff ;}
.scrollleft2 li a{color: #333}
.scrollleft2 li span{display:block; width:100%; line-height:30px; margin-top:10px; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;}

#feedback{margin-top:0.2rem}
.select{position:relative;z-index:1}
.select>div{position:absolute;z-index:1;left:0;right:0;top:100%;background:#fff;border:1px solid #ebebeb;background:var(--grey_bg);margin:0;padding:0.5rem 0}
.feedback .select>a,.feedback input,.feedback select{display:block;outline:none;margin-bottom:2%;width:100%;padding:0px 6%;font-size:16px;line-height:45px;color:#666;border:none;background:#FFF;border:1px solid rgba(0,0,0,.1);transition:all .4s; box-sizing: border-box;}
.select>div a{color:var(--text);line-height:2em}
.select>div a.disabled{opacity:0.5}
.select>div a:hover{color:var(--colour1);background:#fff}
.feedback-box{background: #f5f5f5; padding: 3% ; box-sizing: border-box;}
.feedback-box .title{font-size:28px;font-weight: bold; color:#003f9e; text-align: center;}
.feedback-box p{margin-bottom: 2%; text-align: center; font-size: 16px;}
.feedback select{appearance:none}
.feedback .label input{display:none}
.field-name-prefix-item{display:inline-block}
.field-name-prefix-item label{display:block;margin-bottom:18px;line-height:40px;text-align:center;width:126px;cursor:pointer;background:#FFF;transition:color .15s,background .15s}
.field-name-prefix-item input[type=radio]:checked+label{color:#fff;background:var(--colour1)}
.form-control{border:1px solid #ebebeb;line-height:44px;height:44px;width:100%;padding:0px 15px;margin:10px 0px;border-radius:none;box-shadow:0}
.feedback textarea{border:none;font-size:16px;line-height:24px;width:100%;height:160px;padding:15px;margin:10px 0px;outline:none;box-shadow:none;overflow-x:hidden;background:#FFF;border:1px solid rgba(0,0,0,.1); box-sizing: border-box;}
.choice-privacy{margin-bottom:20px}
.choice-privacy input{margin-bottom:3px;margin-right:6px;display:inline-block;width:16px;height:16px;vertical-align:middle}
.choice-privacy input[type=radio]:checked~label{background:var(--colour1)}
.choice-privacy label a{color:#666;text-decoration:underline}
.choice-privacy label a:hover{color:var(--colour1);text-decoration:underline}
.feedback .submit{display: inline-block;
    padding: 0px 8%;
    background: #003f9e;
    font-size:16px;
    line-height:48px;
    color: #fff;
    margin: 15px 0px;
    border-radius:4px;
    transition: all .3s;}
.feedback .submit:hover{background:#333}
.feedback .submit span{display:inline-block;font-size:20px;line-height:inherit;color:#fff !important;vertical-align:bottom}

.col-md-6{width:48%; float:left; margin-right:2%;}
.col-md-12{-ms-flex:0 0 100%;flex:0 0 98%;max-width:100%}
#feedback .row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-2%;}


.about_x2.bgs2{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:#0084f4 ;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;word-break:break-all; padding:3% 0;font-size:15px; color:#444;text-align:left;}
.about_x2.bgs2 .con_id img{max-width: 100%; display: block; margin: auto;}
.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;}

.related-product{overflow:hidden;}
.related-product .title,.relatedTitle{background:#e7e7e7;height:45px;line-height:45px;}
.related-product .title span,.relatedTitle span{display:inline-block;color:#fff;background:#0084f4;width:120px;height:45px;text-align:center;font-size:16px;font-weight:bold;}
.relatedNews{margin:5% 0 0;overflow:hidden}
.relatedNews_font{font-size:13px;margin-top:15px;}
.relatedNews_font ul{margin-right:-3%}
.relatedNews_font ul li{float:left;margin-right:3%;width:47%;;line-height:40px;border-bottom:1px dotted #ddd;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.relatedNews_font ul li a{background:url(../img/ly_li.png) no-repeat left center;padding-left:10px;color: #666}
.relatedNews_font ul li a:hover{color: #0084f4}
.relatedNews_font ul li span{float:right;color:#999;margin-left:30px;}


.contactbox{overflow: hidden; padding-bottom: 4%;}
.contactbox ul{ margin-right: -2%;}
.contactbox li{float: left; text-align: center; border: 1px solid #ccc; width:23%; margin-right: 2%; padding:2% 0 0; box-sizing: border-box; min-height: 280px; background:#fff;}
.contactbox li .coimg{ margin-bottom: 5%;border-radius: 50%;width: 90px;height: 90px;background-color: #0084f4; margin: auto;}
.contactbox li .coimg img{max-width:60%; display: inline-block; clear: both; margin: auto; line-height: 60px; padding-top: 18%;}
.contactbox li .cot1{font-size:22px;line-height: 1.25;color: #333333;font-weight: bold;text-align: center; margin-top:4%;}
.contactbox li .cot2{font-size:18px;line-height: 1.77;color: #666666;text-align: center; margin:4%;}

.contact_content{width: 100%; overflow: hidden;}
.contact_content #map_container{width:50%; float:right; height:470px;font-size: 15px; font-family: 'Poppins';font-weight: normal;color:#000;}

.col_feb {width: 47.5%; float:left;padding:2%; text-align: left; border: 1px solid #ccc; box-sizing: border-box;}
.co_onr {width: 100%; overflow: hidden;}
.co_onr .febt{font-size: 30px;line-height: 1.2;color:#000;margin-bottom:12px;font-weight: normal;}
.co_onr p{ font-size: 16px; line-height: 1.5; color: #333; margin-bottom:42px; overflow: hidden;}
.co_onr ul li{overflow: hidden;float: left;width: 48%;}
.co_onr ul li span{display: block; font-size: 14px;color: #333; margin-bottom:5px;}
.co_onr ul li i{ display: inline-block; position: relative; width:100%; font-size: 14px; color: #666666; text-transform: uppercase;}
.co_onr ul li input{border: none;border: 1px solid #c6c3c3;width: 100%;line-height:35px;background: #fff;padding: 0 15px;border-radius: 4px; box-sizing: border-box}
.co_onr ul li.mal{ margin-left:2%; margin-bottom: 15px;}
.co_onr ul li.long{clear: both;width: 100%;margin-bottom: 15px;}
.co_onr ul li.long input{width: 100%;outline: none;}
.co_onr ul li.long textarea{border: none;height:90px;width: 100%;outline: none;border: 1px solid #c6c3c3;background: #fff;padding: 10px 15px; border-radius: 4px; 
  font-size: 12px; box-sizing: border-box;}
.co_onr ul li.long2{margin-bottom: 16px;}
.co_onr ul li.lst{line-height:45px;font-size: 15px;width:  100%; padding-bottom: 20px;}
.co_onr ul li.lst button{display: inline-block;float: left;width: 200px;height: 42px;line-height: 42px;color: #fff;cursor: pointer;border: none;font-size: 16px; font-family: 'Poppins';
  text-transform: capitalize;padding-right: 0;background: #0052a5;  border-radius: 6px;}



.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:#0084f4;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;}