﻿*{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: 30px;color:#555;outline:0;font-family:'Helvetica Neue', Helvetica, Segoe UI,Arial, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft Yahei', STHeiti,SimSun,sans-serif;font-style: normal;}
html,body{width:100%; position:relative;height:100%;}
.bodyw,.body_st{height:100%;}
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:#055897;}

/** 重置图片元素 **/
.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;}
.w1400{ width:1400px;max-width: 95%; margin:auto;}
.w1200{ width:1400px;max-width: 95%; margin:auto;}

.topWrap {background:#fff;font-family: "Microsoft Yahei"; position: relative;}
.topWrap .header { max-width: 1400px; margin:0 auto;  }
.layout{max-width: 1400px;margin:0 auto;}
.twz { background: #e6e6e6; height: 43px; color: #555; line-height: 43px; font-size: 14px;}
.twz a { display: inline-block;  color: #999999; position: relative;padding:0 15px 0 7px;background: url(../img/tpico.png) no-repeat left center; }
.twz a:last-child{padding-right: 0;}
.h_nr { height: 115px;padding:15px 0; box-sizing: border-box; }
.logo { overflow: hidden; box-sizing: border-box; float: left;margin-top: 0.5%;}
.logo img { height:70px; display: block; }
.logo_txt {font-size:24px; color: #055897;  text-align: left; line-height: 33px;font-weight: normal;margin-top: 8px;margin-left: 30px;float: left; letter-spacing: 2px;}
.logo_txt i{font-weight: bold; font-size:28px; color: #252525; display: block; line-height: normal; padding-bottom: 5px; font-style: normal;letter-spacing:0px;}
.logo_txt em{color:#cb2e2c;}
.t_code{width: 110px;float: right;}
.t_code img{width: 80px;height:80px;float: left;}
.t_code span{height: 80px;float: left; width:23px;background: #ececec;color:#333333;font-size: 14px; display: block;padding:0 5px;box-sizing: border-box;text-align: center; line-height: normal;}

.h_nr .sc{margin-top: 10px; padding-left: 54px; background: url(../img/tel.png) no-repeat left center; float: right; width: 255px; box-sizing:border-box; }
.h_nr .sc p {overflow: hidden; color: #055897;font: 22px "Arial";  font-weight: bold;float: left;  line-height: 32px;}

.h_nr .albb{ float:right;  margin-right:15px;}
.h_nr .albb img{max-width: 100%;}

.nav{ height: 65px; border-top:1px solid #ebebeb;position: relative;}
.nav ul{ max-width: 1400px;margin:0 auto;}
.nav li { float: left;font-size: 17px;width:138px; padding:0 26px; }
.nav li a { text-decoration: none; height: 65px;line-height: 65px;padding:0 15px;  display: block; position: relative;z-index: 2; color: #333333;box-sizing: border-box; text-align: center;}
.nav li:before{content:'';position:absolute;height:16px;width:9px;background: url(../img/libg.png) no-repeat;background-size:100%; top:25px;right:0;}
.nav li:hover:before,.nav li.cur:before{width:0;color: #fff;z-index: 1;} 
.nav li:hover a, .nav .cur a {background:url(../img/cur.png) no-repeat center center;background-size: 100%; font-weight: normal; text-decoration: none;  color: #fff; }
.nav li.home{padding-left:0;}
.nav li.nones{padding-right: 0;}
.nav li.nones:before{background: none;}


.nav li .submenu{overflow: hidden; display: none;position: absolute;width: 100%;top:65px;z-index: 99;background:#f4f4f4;padding: 14px 0; left: 0;line-height: 0;font-size: 0; text-align: center;}
.nav li .submenu dl{max-width: 1400px;margin: 0 auto;padding: 30px 0;}
.nav li .submenu dt{float: right;width: 450px;height: 260px;overflow: hidden;margin-left: 30px;}
.nav li .submenu dt a{background:none;}
.nav li .submenu dt img{width: 450px;height: 260px;display: block;}
.nav li .submenu dd{float: left;width: calc(100% - 480px);}
.nav li .submenu p a{display: block;float: left;width: 22%;height: 48px;line-height: 48px;background: #fff;border: 1px solid #d9d9d9;padding-left: 5%;font-size: 16px;color: #333333;margin: 0 20px 20px 0;position: relative; text-align: left;}
.nav li .submenu p a:nth-child(4n){margin-right: 0;}
.nav li .submenu p a:before{content: "";position: absolute;width: 6px;height: 6px;border: 1px solid #a4a4a4;border-radius: 50%;left:21px;top:21px;}
.nav li:hover .submenu p a{font-weight: normal;}
.nav li:hover .submenu p a:hover{border-color: #cb2e2c;background:#940806;
background-image:-webkit-gradient(linear, left top, right bottom, from(#cb2e2c), to(#940806)); 
background-image: -webkit-linear-gradient(left, #cb2e2c, #940806); 
background-image: -moz-linear-gradient(left, #cb2e2c, #940806); 
background-image: -o-linear-gradient(left, #cb2e2c, #940806); 
background-image: -ms-linear-gradient(left, #cb2e2c, #940806); 
background-image: linear-gradient(left, #cb2e2c, #940806);color: #fff;}
.nav li .submenu span a{display: block;width: 198px;height: 48px;line-height: 48px;border: 1px solid #cb2e2c;padding-left: 42px;font-size: 18px;color: #fff;margin: 0 20px 20px 0;position: relative; text-align: left;font-weight: normal; float: left;background:#cb2e2c;
background-image:-webkit-gradient(linear, left top, right bottom, from(#cb2e2c), to(#940806)); 
background-image: -webkit-linear-gradient(left, #cb2e2c, #940806); 
background-image: -moz-linear-gradient(left, #cb2e2c, #940806); 
background-image: -o-linear-gradient(left, #cb2e2c, #940806); 
background-image: -ms-linear-gradient(left, #cb2e2c, #940806); 
background-image: linear-gradient(left, #cb2e2c, #940806); }
.nav li .submenu span a:before,.nav li .submenu p a:hover:before{content: "";position: absolute;width: 6px;height: 6px;border: 1px solid #fff;border-radius: 50%;left:21px;top:21px;}

@media screen  and (max-width:1440px) {
.topWrap .header,.nav li .submenu dl{width:1200px;}
.nav ul{ width: 1200px;margin:0 auto;}
.nav li {font-size: 16px;width:114px;}
.nav li .submenu p a{font-size: 16px;}
}

.snav {height: 65px; position: relative; background: #055897;}
.snav ul{font-size: 0px;float: left;}
.snav li{position: relative;width: 175px;padding: 0 22px; display: inline-block;z-index: 100;position: relative;}
.snav li:before{content:'';position:absolute;height:16px;width:9px;background: url(images/libg.png) no-repeat;background-size:100%; top:25px;right:0;}
.snav li:hover:before,.snav li.cur:before{width:0;color: #fff;z-index: 1;} 
.snav li p{line-height: 65px;font-size: 16px;text-align: center;}
.snav li p a{display: block;transition: all 0.5s;color: #fff;}
.snav li:hover p a{background:#cb2e2c;background-size: 100%;  color: #fff;}
.snav li dl{position: absolute;left: 0px;top: 65px;width: 100%;background:#f4f4f4;visibility: hidden;opacity: 0;transition: all 0.5s;text-align: center;font-size: 14px;}
.snav li p a.current{background:#cb2e2c;background-size: 100%;  color: #fff;}
.snav li:hover dl{visibility: visible;opacity: 1;}
.snav li dd{line-height: 47px;position: relative; font-size: 14px;border-bottom: 1px solid #ddd;}
.snav li dd a{display: block;color: #111;transition: all 0.5s;}
.snav li dd a:hover{border-color: #cb2e2c;background:#940806;
background-image:-webkit-gradient(linear, left top, right bottom, from(#cb2e2c), to(#940806)); 
background-image: -webkit-linear-gradient(left, #cb2e2c, #940806); 
background-image: -moz-linear-gradient(left, #cb2e2c, #940806); 
background-image: -o-linear-gradient(left, #cb2e2c, #940806); 
background-image: -ms-linear-gradient(left, #cb2e2c, #940806); 
background-image: linear-gradient(left, #cb2e2c, #940806);color: #fff;}
.snav li dd:last-child:after{display: none;}

.snav li dd .sanji{position: absolute;left: 100%;top:0px;width: 100%;background: #f4f4f4;visibility: hidden;opacity: 0;transition: all 0.3s;}
.snav li dd:hover .sanji{visibility: visible;opacity: 1;}
.snav li dd .sanji .list{border-bottom: 1px solid #ddd;}
.snav li dd .sanji .list a{background: #f4f4f4;color:#333;}
.snav li dd .sanji .list a:hover{background: #940806;color:#FFF;}
.snav li dd .sanji .list:last-child{border-bottom: none;}



.top_bg{position: absolute;left: 0;top: 0;right: 0;z-index: 9;background: #fff;}
.top_bg.on{position: fixed;top: 0;}
.top_t{background:#ececec;position: relative;}
.top_t .w1400{padding: 0 0px;}
.top_t .l{font-size:14px; line-height:36px; color:#555;display: flex;align-items: center;}
.top_t .l i{font-size:16px;color: #055897;padding-right: 5px;}
.top_t .l span{padding: 2px 10px;}
.top_t .r{}
.top_t .r .top_yx{float: left;}
.top_t .r .top_yx a{font-size:14px; line-height:36px; color:#555;display: flex;align-items: center;-webkit-transition: 0.5s;transition: 0.5s;}
.top_t .r .top_yx a i{font-size:18px;color: #055897;padding-right: 5px;font-weight: normal;}
.top_t .r .top_yx a:hover{color:#055897;font-weight: bold;}
.top_t .r .top_yy{float: left;margin-left: 36px;position: relative;z-index: 2;}
.top_t .r .top_yy span{font-size:14px; line-height:36px; color:#555;display: flex;align-items: center;-webkit-transition: 0.5s;transition: 0.5s;cursor: pointer;}
.top_t .r .top_yy span i{font-size:16px;color: #055897;padding-right: 5px;font-weight: normal;}
.top_t .r .top_yy span i img{vertical-align: middle;}
.top_t .r .top_yy span:hover{color:#055897;font-weight: bold;}
.top_t .r .top_yy .top_yy_xl{position: absolute;left:50%;top: 36px;background: #f6f6f6;display: none;padding: 10px 0;width: 100px;margin-left: -50px;border-radius: 0 0 5px 5px;}
.top_t .r .top_yy .top_yy_xl a{display: block;font-size: 14px;line-height: 30px;color: #666;text-align: center;}
.top_t .r .top_yy .top_yy_xl a:hover{color: #055897;font-weight: bold;}


.top_yy{float: right;margin-left: 36px;position: relative;z-index: 2; margin-top:2%;}
.top_yy span{font-size:14px; line-height:36px; color:#555;display: flex;align-items: center;-webkit-transition: 0.5s;transition: 0.5s;cursor: pointer;}
.top_yy span i{font-size:16px;color: #055897;padding-right: 5px;font-weight: normal;}
.top_yy span i img{vertical-align: middle;}
.top_yy span:hover{color:#055897;font-weight: bold;}
.top_yy .top_yy_xl{position: absolute;left:50%;top: 36px;background: #f6f6f6;display: none;padding: 10px 0;width: 100px;margin-left: -50px;border-radius: 0 0 5px 5px;}
.top_yy .top_yy_xl a{display: block;font-size: 14px;line-height: 30px;color: #666;text-align: center;}
.top_yy .top_yy_xl a:hover{color: #055897;font-weight: bold;}

.top_t .sns{float:left;}
.top_t .sns a{display:inline-block;vertical-align:top;width:1.8vw;height:1.8vw;background-image:url(../img/sns.png);background-size:400% 200%;}
.top_t .sns a:hover{background-position-y:-100%;}
.top_t .sns .facebook{background-position-x:0;}
.top_t .sns .twitter{background-position-x:-100%;}
.top_t .sns .linkedin{background-position-x:-200%;}
.top_t .sns .youtube{background-position-x:-300%;}
.top_h{box-shadow: 1px 0 4px rgba(0,0,0,.15);position: relative;z-index: 1;}
.top_h .logo{}
.top_h .logo img{display: block;height:100px;padding: 15px 0;/**-webkit-transition:0.5s;transition:0.5s;*/}
.top_ss{margin-left: 20px;position: relative;}
.top_ss span.button{ display:block;padding-top: 28px; width:30px; height:60px;font-size: 16px;line-height: 60px;text-align: center;color: #000; cursor:pointer;/*-webkit-transition:0.5s;transition:0.5s;*/}
.serach{border-radius: 4px;box-shadow: 0 0 5px 0 rgba(0,0,0,.14);margin-top: 5px;position: absolute;right: -15px;top: 100%;display: none;}
.serach:before{background-color: #fff;border: 5px solid inherit;border-bottom: 0;border-right: 0;box-shadow: 0 0 5px 0 rgba(0,0,0,.14);content: "";height: 8px;position: absolute;right: 25px;top: -4px;transform: rotate(45deg);width: 8px;z-index: 1;}
.serach2{background-color: #fff;border-radius: inherit;padding: 7px 8px;position: relative;z-index: 2;}
.serach form input[type='text']{font-size:12px; width:196px; height:32px; line-height:30px;background-color: #f9f9f9;border: 1px solid #efefef;padding: 4px 10px;}
.serach form input[type='text']:focus{border: 1px solid #055897;}
.serach form a{position: absolute;right: 40px;top:0px;font-size: 16px;line-height: 60px;color: #fff;}
.dh_tx{position: absolute;top:0px;}
.dh_tx i{position: absolute;top: 0; height:80px;-webkit-transition:0.5s;transition:0.5s;}
.dh_tx i:after{content: "";position: absolute;left: 20px;bottom: 0;right: 20px; -webkit-transition:0.5s;transition:0.5s;border-bottom: 2px solid #055897;}
.dh{float:right;}
.dh ul{}
.dh ul li{float: left;position: relative;padding-top: 20px;}
.dh ul li p a{display: block;line-height:60px;font-size: 16px;position: relative;color: #000;-webkit-transition:0.5s;transition:0.5s;/*padding: 0 20px;*/text-align: center;}
.dh ul li.on p a{color: #055897;}
.dh ul li:hover p a{color: #055897;}
.dh ul li .dh_fl{position: absolute;left: 0;top: 80px;width:240px;display: none;border-radius:0 0 5px 5px;box-shadow:0 0 10px rgba(0, 0, 0, 0.1);background: #fff;}
.dh ul li:hover .dh_fl{display: block;}
.top_bg .dh ul li .dh_fl ul li{width: 100%;padding-top: 0;}
.dh ul li .dh_fl ul li a{display: block;font-size: 14px;line-height: 20px;padding: 10px 20px; color: #999;border-top: 1px solid #eee;-webkit-transition:0.5s;transition:0.5s;display: flex;align-items: center;justify-content: space-between;}
.dh ul li .dh_fl ul li a:hover{color:#fff;background: #055897;}
.top_bg.on .dh ul li .dh_fl ul li .dh_fl{left: 100%;top: 10px;}

.top_bg.on .top_h .logo img{height: 70px;padding: 10px 0;}
.top_bg.on .dh ul li{padding-top: 10px;}
.top_bg.on .dh ul li .dh_fl{top: 70px;}
.top_bg.on .top_ss span.button{padding-top: 18px;}
.top_bg.on .top_yy{margin-top: 1.3%;}

.banner{ width:100%; overflow:hidden;position:relative;}
.banner ul li{overflow: hidden;}
.banner ul li a{display: block;height: auto;}
.banner ul li img{display:block;width:100%;height:auto;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;}
.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:#055897;}
.bandd span.swiper-pagination-bullet-active:after{content: "";position: absolute;left: -6px;top: -6px;border: 1px solid #055897;width: 18px;height: 18px;border-radius: 50%;}
.banz,.bany{ position:absolute; top:50%; width:50px;margin-top: -25px; height:50px; 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.2);border-radius: 50%;}
.banz{ left:5%;}
.bany{ right:5%;}
.banner:hover .banz,.banner:hover .bany{ opacity:1;}



.j_title{text-align: center;font-size: 40px;color: #333;}
.j_title i{color: #333; font-style: normal;}
.j_title span{display: block;font-size: 18px;margin: 5px 0 20px 0;}
.j_title em{ font-size:0; display:block;height: 8px; font-style: normal;}
.j_title em i{ display:inline-block; width:8px; height:8px; border-radius:50%; background:#ccd2cc;animation: bounce_fountainG 1.2s linear infinite;} 
.j_title em i+i{ margin-left:16px;}
.j_title em i:nth-child(1){animation-delay: .4s;}
.j_title em i:nth-child(2){background:#055897;animation-delay: .6s;}
.j_title em i:nth-child(3){animation-delay: .8s;}

.index-two{padding:4% 0;background:#f3f3f3; overflow: hidden;}
.index-two ul{margin:20px -6.5px 0}
.index-two li{width:25%;float:left;padding:0 6.5px}
.int-list{display:block;width:100%;padding-bottom:33px;background:white;position:relative;overflow:hidden;transition:ease .5s}
.int-pic{width:80%;overflow:hidden;position:relative;transition:ease .5s;overflow:hidden;margin:0 auto}
.int-pic img{display:block;width:100%;transition:all .5s}
.int-list .pbt{font-size:22px;color:#333;line-height:37px;margin-top:18px;text-align:center;padding:0 30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.int-list p{font-size:15px;color:#666;line-height:24px;margin-top:4px;text-align:center;padding:0 30px;height:48px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.index-two li:hover img{transform:scale(1.05)}
.index-two li:hover .pbt{color:#055897}
.in2-block{opacity:1;transition:ease .5s}
.in2-hover{position:absolute;width:100%;bottom:-100%;height:100%;background:#055897;left:0;transition:all ease .5s;padding:10px}
.in2-hover-cont{position:relative;width:100%;height:100%;padding-top:70px}
.in2-hover-cont span{font-size:17px;color:#fff;display:block;text-align:center;margin-top:30px;font-weight:bold;background:url(../img/i_pjt.png)no-repeat center bottom;padding-bottom:90px}
.index-two li:hover .in2-hover{bottom:0}
.index-two li:hover .in2-block{opacity:0}
.in2-hover-line{position:absolute;width:94%;height:94%;position:absolute;left:3%;top:3%}
.in2-line1{border-top:2px solid #fff;border-bottom:2px solid #fff;transform:scale(0,1)}
.in2-line2{border-right:2px solid #fff;border-left:2px solid #fff;transform:scale(1,0)}
.in2-line1,.in2-line2{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;filter:alpha(opacity=0);pointer-events:none;transition:opacity 0.6s,transform 0.6s;transition-delay:0.1s}
.index-two li:hover .in2-line1,.index-two li:hover .in2-line2{opacity:1;filter:alpha(opacity=100);transform:scale(1)}
.int-list .in2-hover p,.int-list .in2-hover .pbt{color:#fff !important}
.int-list .in2-hover .pbt{margin-bottom:20px;margin-top:0}


.home-app{padding:6% 0;padding-left:7.3%;margin-right:-15px;background-color:#f6f9fb}
.home-app .container{width:100%}
.home-app .title .appbt{font-size:34px;color:#333333;line-height:1;font-weight:bold}
.home-app .title .appwz{font-size:18px;color:#666666;line-height:54px}
.home-app .l-box{width:42.88%;padding-right:5%}
.home-app .title{margin-bottom:67px}
.app-list{align-items:center;flex-wrap:wrap}
.app-list .column{flex-direction:column;justify-content:center;align-items:center;text-align:center;width:140px;height:140px;border:1px solid #def3fe;border-radius:50%;overflow:hidden;background-color:#ffffff;margin-right:60px;margin-bottom:60px;transition:all .5s;cursor:pointer}
.app-list .column:nth-child(3n){margin-right:0}
.app-list .img2{display:none}
.app-list .name{font-size:16px;color:#666666;line-height:1;margin-top:10px;transition:all .3s}
.app-list .column.on{background-color:#055897;border:1px solid #055897}
.app-list .column.on .img1{display:none}
.app-list .column.on .img2{display:block}
.app-list .column.on .name{color:#ffffff}
.home-app .r-box{width:57.12%;background-color:#ffffff;border-radius:30px 0 0 30px;box-shadow:0 5px 30px rgba(0,0,0,.2);padding:3%;background-image:url(../img/img3.jpg);background-repeat:no-repeat;background-position:top right;background-size:auto 100%}
.swiper3 .swiper-slide{background-color:#ffffff}
.swiper3 .text-box{width:calc(100% - 340px);padding-right:80px}
.swiper3 .img-box{width:340px}
.swiper3 .name{font-size:22px;color:#333333;line-height:54px;font-weight:bold;margin-bottom:8px}
.swiper3 .h1{font-size:18px;color:#333333;line-height:54px}
.swiper3 .text{font-size:16px;color:#666666;line-height:33px;height:198px;word-break:break-all;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical}
.swiper3 .btn-more{font-size:14px;color:#ffffff;background-color:#055897;border-radius:15px;width:150px;height:50px;padding:0;line-height:50px;margin-top:10px;text-align: center;}
.home-app .bot-box{max-width:85%;width:100%;justify-content:space-between;align-items:center;border-top:1px solid #e9e9e9;padding-top:25px;margin-top:55px}
.home-app .swiper-button-next,.home-app .swiper-button-prev{position:static;top:auto;margin-top:auto;width:32px;height:15px;background-repeat:no-repeat;background-position:center center;background-size:cover;transition:all .3s}
.home-app .swiper-button-prev{background-image:url(../img/icon12.png)}
.home-app .swiper-button-next{background-image:url(../img/icon12-2.png);margin-left:37px}
.home-app .swiper-button-prev:hover{background-image:url(../img/icon13.png)}
.home-app .swiper-button-next:hover{background-image:url(../img/icon13-2.png)}
.home-app .swiper-pagination{position:static}
.home-app .swiper-pagination-bullet{width:auto;height:auto;font-size:16px;color:#888888;line-height:24px;margin:0 12px;opacity:1;background:none}
.home-app .swiper-pagination-bullet:last-child{margin-right:0}
.home-app .swiper-pagination-bullet-active{color:#055897}
.home-app .swiper-button-next:after,.home-app .swiper-button-prev:after{display: none;}

.home-about{padding:4% 0 6%;position:relative;background:url(../img/home-about-bg.png) no-repeat center top}
.home-about .nr{padding-top:3%}
.home-about .jsh .text{width:50%;float:left;padding-right:3%;}
.home-about .jsh .pic{width:50%;float:left;padding-left:4%}
.home-about .jsh .video{position:relative}
.home-about .jsh .video:after{content:"";display:block;width:490px;height:300px;position:absolute;left:-25px;bottom:-25px;background:#055897;z-index:0}
.home-about .jsh .video video{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position:relative;z-index:1;}
.home-about .jsh .video img{position:relative;z-index:1;vertical-align:middle; width: 100%;}
.home-about .jsh .video .btn{width:150px;height:150px;background:rgba(30,87,163,0.2);border-radius:100%;display:block;position:absolute;z-index:9;top:0;right:0;bottom:0;left:0;margin:auto}
.home-about .jsh .video .btn:before{content:"";display:block;width:100px;height:100px;border-radius:100%;background:rgba(30,87,163,0.2);position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}
.home-about .jsh .video .btn span{display:block;width:60px;height:60px;border-radius:100%;background:#055897;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}
.home-about .jsh .video .btn span:before{content:"";display:block;width:12px;height:14px;background:url(../img/triangle-01.svg) no-repeat center center;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}
.home-about .jsh .title{color:#333333;font-size:28px;font-weight:700;margin-bottom:20px}
.home-about .jsh .info{color:#666666;font-size:16px;line-height:28px;margin-bottom:40px}

.numList{ padding-top:4%; }
/*.numList ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;}*/
.numList li{ float: left; width: 20%; box-sizing: border-box; padding-left:5%; background: url(../img/line1.png) right center no-repeat;}
.numList li:first-child{ padding-left: 0; }
.numList li:last-child{ float: right; width: auto; background: none; }
.numList li .num{ height: 56px; color: #333; font-size: 16px;}
.numList li .numUp{ color: #055897; font-size:48px; line-height:48px; padding-right: 5px;font-weight: 600;}
.numList li .num img{ vertical-align: top; padding-right: 6px; }
.numList li p{ font-size: 16px; line-height: 16px; color: #333; }

.moreBtn span,.moreBtn a{background:#fff;display:inline-block;border:1px #055897 solid;text-align:center;color:#055897;font-size:14px;line-height:40px;width:150px;position:relative}
.moreBtn span:after,.moreBtn a:after{content:"";display:inline-block;width:22px;height:11px;background:url(../img/arrow-right.png) no-repeat right center;vertical-align:middle;margin-left:20px;margin-top:-3px}
.moreBtn span:hover,.moreBtn a:hover{border-color:#ffcd51;background:#ffcd51;color:#fff}
.moreBtn span:hover:after,.moreBtn a:hover:after{background:url(../img/arrow-right-2.png) no-repeat right center}
@media screen and (max-width:1023px){.moreBtn span,.moreBtn a{height:30px;line-height:28px;width:100px;font-size:12px}
.moreBtn span:after,.moreBtn a:after{width:16px;margin-left:10px}
}





/*about*/
.flex{display:flex;display:-webkit-flex;display:-ms-flexbox;}
.homeBlock{padding:4% 0 0;width: 100%;overflow: hidden;background: url(../img/aboutbg.jpg) no-repeat bottom center;align-items:flex-end;}
.title{margin-bottom:5%;font-size:16px;color:#333;position:relative;line-height: 30px;}
.title.center{text-align:center;}
.subtitle span{text-transform:uppercase;font-size:36px;color:#e2e2e2;line-height:1;font-family:'OswaldBold';position:relative;}
.subtitle span:after{content:"";left:0;top:0;z-index:10;position:absolute;width:100%;height:100%;background-image:-webkit-linear-gradient(180deg,#fff,#fff 2px,transparent 2px,transparent 4px,#fff 4px,#fff 5px,transparent 5px,transparent 7px);background-image:linear-gradient(180deg,#fff,#fff 2px,transparent 2px,transparent 4px,#fff 4px,#fff 5px,transparent 5px,transparent 7px);background-repeat:repeat-y;background-size:auto 7px;z-index:10;}
.white .subtitle span{background-image:-webkit-linear-gradient(180deg,#e2e2e2,#e2e2e2 1px,#fff 2px,#fff 2px);background-image:linear-gradient(180deg,#e2e2e2,#e2e2e2 1px,#fff 2px,#fff 2px);background-repeat:repeat-y;background-size:auto 2px;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.white .subtitle span::after{display:none;}
.title.white{color:#fff;}
.title.white .inabt{color:#fff;}
.title .inabt{font-size:30px;color:#055897;margin:0px 0 15px;line-height:1;font-weight: 600;}
.title .inabt .line{display:block;height:3px;width:35px;background:#055897; margin-top: 15px;}
.home1{align-items:stretch;}
.home1 .item{background-size:cover;background-repeat:no-repeat;background-position:center;padding:10% 60px 140px 60px;color:#fff;position:relative;width:25%;-webkit-transition:.6s;transition:.6s;z-index:10;height:700px;border-right:2px solid #fff}
.home1 .item.cur{width:60% !important;flex:0 0 auto;}
.home1 .item.cur:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:-1;}
.home1 .item .icon{text-align:center;-webkit-transition:.6s;transition:.6s;opacity:1;margin-top:0;}
.home1 .item.cur .icon{opacity:0;margin-top:-160px;text-align:left;}
.home1 .item .tit{font-size:30px;text-align:center;margin:20px 0 50px;}
.home1 .item.cur .tit{text-align:left;}
.home1 .item .desc{font-size:16px;line-height:30px;position:relative;top:60px;opacity:0;-webkit-transition:.6s;transition:.6s;overflow:hidden;max-width:65%;}
.home1 .item.cur .desc{top:0;opacity:1;}
.home1 .item .ibtn{position:absolute;left:0;bottom:0;width:100%;padding:21px 40px 0px;text-align:center;line-height:46px;justify-content:center;background:url(../img/flashline2.png) no-repeat top center;}
.home1 .item .ibtn .tags{vertical-align:middle;white-space:nowrap;width:0;}
.home1 .item .ibtn .tags a{display:inline-block;vertical-align:middle;padding-right:20px;margin-right:20px;background:url(../img/icon-more2.png) no-repeat right center;position:relative;left:30px;opacity:0;-webkit-transition-delay:.3s;transition-delay:.3s;-webkit-transition:.6s;transition:.6s;}
.home1 .item.cur .ibtn .more{display:inline-block;border:2px solid #fff;padding:0 17px;border-radius:23px;line-height:42px;white-space:nowrap;}
.home1 .item.cur .ibtn .more:after{content:"+";margin-left:40px;font-size:20px;vertical-align:middle;}
.home1 .item.cur .ibtn{justify-content:space-between;padding:45px 40px 24px;background:url(../img/flashline.png) no-repeat top center;}
.home1 .item.cur .ibtn .tags{width:auto;}
.home1 .item .ibtn .tags a:nth-child(2){-webkit-transition-delay:.4s;transition-delay:.4s;}
.home1 .item .ibtn .tags a:nth-child(3){-webkit-transition-delay:.5s;transition-delay:.5s;}
.home1 .item .ibtn .tags a:nth-child(4){-webkit-transition-delay:.6s;transition-delay:.6s;}
.home1 .item .ibtn .tags a:nth-child(5){-webkit-transition-delay:.7s;transition-delay:.7s;}
.home1 .item .ibtn .tags a:nth-child(6){-webkit-transition-delay:.7s;transition-delay:.8s;}
.home1 .item .ibtn .tags a:nth-child(7){-webkit-transition-delay:.7s;transition-delay:.9s;}
.home1 .item .ibtn .tags a:nth-child(8){-webkit-transition-delay:.7s;transition-delay:1s;}
.home1 .item .ibtn .tags a:nth-child(9){-webkit-transition-delay:.7s;transition-delay:1.1s;}
.home1 .item .ibtn .tags a:nth-child(10){-webkit-transition-delay:.7s;transition-delay:1.2s;}
.home1 .item.cur .ibtn .tags a{left:0;opacity:1;}
.about{padding-bottom:7%;}
.about .left{width:50%;}
.about .left img{max-width: 100%;}
.about .title h3{margin-bottom:5%;}
.viewMore a,.viewMore span{display:inline-block;}
.viewMore a:after,.viewMore span:after{content:"";display:inline-block;width:18px;height:18px;background:#333 url(../img/icon-more2.png) no-repeat center;border-radius:50%;vertical-align:middle;margin-left:10px;margin-bottom:3px;}
.viewMore2 a,.viewMore2 span{display:inline-block;border:2px solid #333;padding:0 17px;border-radius:23px;line-height:42px;white-space:nowrap;color:#333;}
.viewMore2 a:after,.viewMore2 span:after{content:"+";margin-left:40px;font-size:20px;vertical-align:middle;}
.viewMore2 a:hover,.viewMore2 span:hover{color:#fff;background:#333;}
.about .right{width:49%;padding-left:10%;}
.about .right .img{position: relative;}
.about .right .img img{max-width: 100%;display: block;}
.about .right .img .btn{position: absolute;top: 50%;left: 50%;margin-top: -40px;margin-left: -40px;width: 80px;height: 80px;border-radius: 50%;background: rgba(8,144,255,.9);box-shadow: 0 0 10px rgb(0 0 0 / 50%);transition: all .5s;}
.about .right .img .btn:before{content: " ";position: absolute;top: 50%;left: 50%;margin-top: -20px;margin-left: -10px;width: 0;height: 0;border-top: 20px solid transparent;border-bottom: 20px solid transparent;border-left: 30px solid #fff;transition: all .5s;}
.about .right .img a:hover .btn{background: #055897;}
.animation{;-webkit-animation:twinkling 2.1s infinite ease-in-out;animation:twinkling 2.1s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
@keyframes twinkling {0% {-webkit-transform:scale(1);}50% {-webkit-transform:scale(1.12);}100% {-webkit-transform:scale(1);}}


.aboutMap{display:inline-block;font-size:0;position:relative;}
.aboutMap i{position:absolute;width:10px;height:10px;left:33.5%;top:42.6%;background:#055897;border-radius:50%;z-index:10;}
.aboutMap i:before{content:"";position:absolute;padding:25px;border:1px solid #055897;border-radius:50%;left:50%;top:50%;margin-top: -26px;margin-left: -26px;-webkit-animation:scales 2s ease-in infinite;animation:scales 2s ease-in infinite;z-index:-1;}
.aboutMap i:after{content:"";position:absolute;padding:25px;border-radius:50%;left:50%;top:50%;margin-left: -26px;margin-top: -26px;background:#edafb0;border:1px solid #edafb0;-webkit-animation:scales 2s ease-in infinite;animation:scales 2s ease-in infinite;animation-delay:.5s;z-index:-1;}
.aboutMap i em{position:absolute;width:100%;height:100%;background:#055897;border-radius:50%;z-index:10;}
@-webkit-keyframes scales{from{-webkit-transform:scale(0);transform:scale(0);}
to{-webkit-transform:scale(1);transform:scale(1);}}
@keyframes scales{from{-webkit-transform:scale(0);transform:scale(0);}
to{-webkit-transform:scale(1);transform:scale(1);}}
.aboutMap i .lg{position:absolute;width:60px;left:50%;margin-left:-28px;top:30px;}
.aboutMap i .lg img{vertical-align: middle;max-width: 100%;}


/*数据*/
.index-data{margin-top: 0px}
.index-data ul{margin-right: -8%;}
.index-data li{width: 25.333%;border-bottom: 2px solid #055897;margin-right: 8%; padding: 6% 0; padding-bottom: 20px; box-sizing: border-box; float: left;}
.index-data li:nth-child(2n){padding-top:20%}
.index-data span{display: block;width: 100%;font-size:3rem;line-height: 3rem;color: #333;}
.index-data .data{display: inline-block;margin-bottom: 0.5rem;margin-right: 0.5rem;font-size:46px;line-height: 2.5rem;color: #333;font-weight: 600;}
.index-data small{font-size: 14px;color: #333;position: absolute;}
.index-data p{margin-bottom: 0px;color: #666;}
.index-data li:hover span{color: #e30000;-webkit-filter:brightness(100);
	transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);}



.sy_gy_bg{padding:60px 0;}
.sy_gy{display: flex;justify-content: space-between;align-items: center;}
.sy_gy_bg .txt{width: 48%;padding:25px 40px;background: #f2f7fb;}
.sy_gy_bg .txt .ml1{font-size: 24px;line-height: 30px;color: #055897;text-transform: uppercase;font-weight: 500;}
.sy_gy_bg .txt .ml2{font-size: 14px;line-height: 22px;color: #666;margin-top: 10px;}
.sy_gy_bg .img{width: 48%;overflow: hidden;position: relative;}
.sy_gy_bg .img img{display: block;width: 100%;cursor: pointer;-webkit-transition:0.5s;transition:0.5s;}
.sy_gy_bg .img:hover img{ -webkit-transform:scale(1.1);transform:scale(1.1);}
.sy_gy_bg .img .bf{position: absolute;left: 50%;top: 50%;margin: -26px 0 0 -26px;z-index: 1; width: 53px;height:53px;font-size: 50px;line-height: 53px;text-align: center;color: #fff;cursor: pointer;}
.sy_gy_bg .img .bf span {position: absolute;top: 50%;left: 50%;-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);width: 53px;height:53px;display: block;border: 1px dashed #fff;-webkit-border-radius: 100%;border-radius: 100%;}
.sy_gy_bg .img .bf .cirI01 {-webkit-animation: jing_max 2.4s linear 0s infinite normal both;animation: jing_max 2.4s linear 0s infinite normal both;}
.sy_gy_bg .img .bf .cirI02 {-webkit-animation: jing_max 2.4s linear 0.6s infinite normal both;animation: jing_max 2.4s linear 0.6s infinite normal both;}
.sy_gy_bg .img .bf .cirI03 {-webkit-animation: jing_max 2.4s linear 1.5s infinite normal both;animation: jing_max 2.4s linear 1.5s infinite normal both;}
.sy_gy_bg .img .sp{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 2;display: none;background: #000;}
.sy_gy_bg .img .sp video{display:block;width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;}
@-webkit-keyframes jing_max {0% {width: 53px;height: 53px;opacity: 0;}25% {width: 68px;height:68px;opacity: 0.6;}50% {width: 84px;height:84px;opacity: .3;}75% {width: 106px;height:106px;opacity: 0;}100% {width: 53px;height:53px;opacity: 0;}}
@keyframes jing_max {0% {width: 53px;height: 53px;opacity: 0;}25% {width: 68px;height:68px;opacity: 0.6;}50% {width: 84px;height:84px;opacity: .3;}75% {width: 106px;height:106px;opacity: 0;}100% {width: 53px;height:53px;opacity: 0;}}

.sy_bt{font-size: 36px;line-height: 36px;color: #333;text-align: center;text-transform: uppercase;font-weight: bold;}
.sy_bt:after{content: "";display: block;width: 50px;height: 3px;background: #055897;margin: 15px auto 0;}
.sy_bt.fff{color: #fff;}
.sy_bt.fff:after{background: #fff;}

.sy_cp_bg{padding:60px 0 40px;background: url(../img/sy_cp_bg.jpg) center no-repeat;background-size: cover;}
.sy_cp_bg .lb{margin-top: 50px;}
.sy_cp_bg .lb ul li{float: left;width: 23.5%;margin: 0 2% 2% 0;background: #fff;border-radius: 5px;overflow: hidden;-webkit-transition:0.5s; transition:0.5s;}
.sy_cp_bg .lb ul li:nth-child(4n){margin-right: 0;}
.sy_cp_bg .lb ul li .img{overflow: hidden;}
.sy_cp_bg .lb ul li .img img{display: block;width: 100%;-webkit-transition:0.5s; transition:0.5s;}
.sy_cp_bg .lb ul li:hover .img img{transform:scale(1.1); -webkit-transform:scale(1.1);}
.sy_cp_bg .lb ul li .txt{font-size: 16px;line-height: 30px;color: #666;text-align: center;padding: 0px 0 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-transition:color 0.5s; transition:color 0.5s;}
.sy_cp_bg .lb ul li:hover .txt{color: #055897;font-weight: 400;}
.sy_cp_bg .lb ul li:hover{box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);-webkit-transform: scale(1.05) translateY(-10px);transform: scale(1.05) translateY(-10px);}

.sy_yy_bg{padding: 60px 0;}
.sy_yy{display: flex;align-items: center;justify-content: center;margin-top: 50px;}
.sy_yy_fl{width: 23%;background: #055897;padding: 30px 0;}
.sy_yy_fl a{display: block;font-size: 18px;line-height: 26px;color: #fff;padding:15px 30px 15px 30px;}
.sy_yy_fl a.on{font-weight: bold;}
.sy_yy_r{width: 77%;position: relative;height: 520px;overflow: hidden;}
.sy_yy_r ul li{position: absolute;left: 0;top: 0;right: 0;bottom: 0;display: none;}
.sy_yy_r ul li .img{height: 100%;}
.sy_yy_r ul li .img img{display:block;width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;}
.sy_yy_r ul li .txt{position: absolute;left: 0;right: 0;bottom: 0;top: 0;display: flex;align-items: center;justify-content: center;background:rgba(16,21,37,0.5);}
.sy_yy_r ul li .txt .ml1{font-size: 36px;line-height: 36px;text-align: center;font-weight: bold;color: #fff;}
.sy_yy_r ul li .txt .ml2{font-size: 18px;line-height: 36px;text-align: center;color: #fff;margin-top: 30px;max-width: 650px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.sy_yy_r ul li .txt .ml3{display: block; font-size: 14px;line-height:46px;color: #fff;text-align: center;width: 150px;background:#055897;margin: 40px auto 0;-webkit-transition:0.5s;transition:0.5s;}
.sy_yy_r ul li .txt .ml3:hover{font-weight: bold;}
.sy_yy_r ul li.on .txt .ml1{animation-name:fadeInUp;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay: 0.2s;animation-delay: 0.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.sy_yy_r ul li.on .txt .ml2{animation-name:fadeInUp;-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;}
.sy_yy_r ul li.on .txt .ml3{animation-name:fadeInUp;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay: 0.8s;animation-delay: 0.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}

/*首页---新闻中心*/
.news{padding: 3% 0; overflow: hidden; background: #f8f8f8;}
.homeTop{overflow:hidden;margin-bottom:40px;position:relative;}
.hTitle{font-size:16px;line-height:1.4;margin-bottom:4%;}
.hTitle span{display: block;font-size:40px;color:#191919;font-weight:700;}
.homeTop .hTitle{margin-bottom:0;text-align:left;}
.homeMenu{position:absolute;right:2%;bottom:5px;font-size:1.286em;text-align:center;}
.homeMenu a{position:relative;color:#333;text-align:center;z-index:2;padding-bottom:10px;display:inline-block;margin-left:40px;}
.homeMenu a::after{content:"";position:absolute;left:0;bottom:0;background:#055897;width:100%;height:2px;z-index:-1;transform: scale(0,1);transform-origin:right;transition:transform .5s;}
.homeMenu .on{color:#055897;}
.homeMenu .on::after{transform: scale(1);transform-origin:left;}


.newsL{width:48%;font-size: 16px; overflow: hidden;}
.newsL dt{height:auto;overflow:hidden;margin-bottom:auto; position: relative;}
.newsL dt .bgImg{width: 100%;}
.newsL dt .bgImg img{width: 100%; display: block;}
.newsL dd{padding:0 30px;height:45px;line-height:45px;}
.newsL dd a{background: url('../img/news_li.png') no-repeat left center;padding-left:20px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;
}
.newsL dd i{float:right;font-family:"iconfont";font-style:normal;margin-left:15px;transition:all .5s;}
.newsL dd a:hover i{margin-right:10px;}
.newsL dd a:hover{padding-left:30px;background-position: 10px center;}
.newsL dt .wwz{ box-sizing:border-box; font-size: 16px;line-height:20px;text-align: center;padding: 15px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color: #fff; background: rgba(0,0,0,0.6); position: absolute; bottom:0px; left: 0px; width: 100%; text-align: left}
.newsL dt:hover .wwz{color:#055897;}
.newsL dt .wwz span{float: right;}




.newsR{width:48%;overflow:hidden;}
.newsR li{color:#888;border-bottom: 1px solid #e5e5e5;position: relative;}
.newsR li a{display:block;padding:20px 0; color:#888;transition:all .6s;}
.newsR li .date{width:120px;text-align:center; font-size: .75rem;color: #999;font-family: Arial;line-height: 1.2;margin-right:-180px;transition: all .5s;border-left: 1px solid #e5e5e5;background: url('../img/news_arr.png') no-repeat 120px center;height:80px;}
.newsR li .date b{font-size: 3.667em;color: #333;display: block;font-weight:normal;font-weight:700;margin-bottom:5px;}
.newsR li .nbt{font-size:1.286em;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-bottom:10px;color:#191919;}
.newsR li .txt{text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;}
.newsR li a:hover{background:#f1f1f1;padding-left:20px;}
.newsR li a:hover .nbt{color: #055897;}
.newsR li a:hover .date{font-size:0;line-height:0; background-position: center center;transition: background .5s;}


.sy_lx_bg{padding:5% 0; overflow: hidden; background: url(../img/sy_lx_bg.jpg); background-size: cover;}
.sy_lx_bg .img{}
.sy_lx_bg .img img{display: block;width: 100%;}
.sy_lx_bg .txt{display: flex;align-items: center;justify-content: center;text-align: center;}
.sy_lx_bg .txt .txt2{max-width: 800px;}
.sy_lx_bg .txt .ml1{font-size: 36px;line-height: 36px;color: #fff;text-transform: uppercase;font-weight: bold;}
.sy_lx_bg .txt .ml2{font-size: 16px;line-height: 36px;color: #fff;margin-top: 2%;}
.sy_lx_bg .txt .ml3{display: flex;align-items: center;justify-content: center;margin-top: 3%;}
.sy_lx_bg .txt .ml3 a{font-size: 16px;line-height: 46px;color: #fff;padding: 0 3%;display: flex;align-items: center;justify-content: center;background: #055897;border-radius: 5px;-webkit-transition:0.5s;transition:0.5s;}
.sy_lx_bg .txt .ml3 a i{font-size: 24px;padding-right: 5px;}
.sy_lx_bg .txt .ml3 a i img{vertical-align:middle;}
.sy_lx_bg .txt .ml3 a:hover{background:#055897;}

.sy_hz{padding:4% 0;}
.sy_hz_lb{margin: 45px auto 0;}
.sy_hz_lb ul li{float: left;width: 23.5%;margin: 0 2% 2% 0;padding: 0 20px;}
.sy_hz_lb ul li:nth-child(4n){margin-right: 0;}
.sy_hz_lb ul li .h1{overflow: hidden;}
.sy_hz_lb ul li .h1 img{display: block;width: 100%; -webkit-transition:0.5s;transition:0.5s;}
.sy_hz_lb ul li:hover .h1 img{-webkit-transform:scale(1.1);transform:scale(1.1);}


.inpartent{padding:0 0 3% 0; overflow: hidden;}
.inpartentny{width:100%; position: relative; overflow: hidden; padding:0 3.6%; box-sizing: border-box;}

.inpartentny .swiper-pagination-ab{position: absolute;bottom:0!important;z-index: 1000;text-align: center; background: rgba(0,0,0,0.5); padding: 1.5% 0; border-bottom-right-radius: 50px;}
.inpartentny .swiper-slide .partent{}
.inpartentny .swiper-slide .partent ul{ border-right:-1px solid;}
.inpartentny .swiper-slide .partent li{border: 1px solid #eee; background: #fff;}
.inpartentny .swiper-slide .partent li .paimg{}
.inpartentny .swiper-slide .partent li .paimg img{width: 100%; vertical-align: middle; display: block; margin: auto; clear: both;}
.inpartentny .swiper-pagination-ab .swiper-pagination-bullet{margin:0 5px;}
.inpartentny .swiper-pagination-bullet{width: 11px;height: 11px;background: none;border-radius: 10px;border:1px solid #fff;background: #fff;}
.inpartentny .swiper-pagination-bullet-active{background: #fff;opacity: 1;border:1px solid #fff;}

.inpartentny  .prev3 {width: 40px;height: 40px;background-image: url(../img/1_11.png) !important;left:0;margin-top: 0;background-size: 40px;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;}
.inpartentny  .next3 {width: 40px;height: 40px;background-image: url(../img/1_12.png) !important;right:0;margin-top:0;background-size: 40px;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;}
.inpartentny  .prev3:hover {background-image: url(../img/1_11_1.png)!important;}
.inpartentny  .next3:hover {background-image: url(../img/1_12_1.png)!important;}
.inpartentny .swiper-button-prev:after, .inpartentny .swiper-rtl .swiper-button-next:after, .inpartentny .swiper-button-next:after, .inpartentny .swiper-rtl .swiper-button-prev:after{display: none;}




.foot_bg{padding:40px 0 0px;background: url(../img/foot_bg.jpg) center no-repeat;background-size: cover;}
.foot_dh_js{display: flex;justify-content: space-between;}
.foot_dh_js .foot_js{}
.foot_dh_js .foot_js .img img{display: block;height:60px;}
.foot_dh_js .foot_js .txt{font-size: 14px;line-height: 18px;color: #fff;padding-top: 20px;}
.foot_dh_js .foot_js .txt p{display: flex;padding-top: 10px;}
.foot_dh_js .foot_js .txt p i,.foot_dh_js .foot_js .txt p em{font-size: 20px;padding-right: 5px;}
.foot_dh_js .foot_dh{width: 72%;display: flex;justify-content: space-between;}
.foot_dh_js .foot_dh ul{max-width: 320px;}
.foot_dh_js .foot_dh ul li{padding-bottom: 12px;display: flex;}
.foot_dh_js .foot_dh ul li a{font-size: 14px;line-height: 18px;color: #fff;-webkit-transition:0.5s;transition:0.5s;}
.foot_dh_js .foot_dh ul li.bt{padding-bottom: 20px;}
.foot_dh_js .foot_dh ul li.bt a{font-size: 20px;font-weight: bold;}
.foot_dh_js .foot_dh ul li a:hover{color: #055897;}
.bqsy{border-top: 1px solid rgba(255, 255, 255, 0.1);margin-top: 20px;padding: 15px 0;}
.bqsy .bqsy_l{float: left;font-size: 14px;line-height: 36px;color: #fff;}
.bqsy .bqsy_r{float: right;}
.bqsy .bqsy_r ul li{float: left;}
.bqsy .bqsy_r ul li a{font-size: 22px;line-height: 36px;color: #fff;padding: 0 10px;-webkit-transition:0.5s;transition:0.5s;}
.bqsy .bqsy_r ul li a.facebook:hover{color: #3c57a2;}
.bqsy .bqsy_r ul li a.tuite:hover{color: #3598db;}
.bqsy .bqsy_r ul li a.youtube:hover{color: #f40002;}
.bqsy .bqsy_r ul li a.lingying:hover{color: #0076b4;}

.bat{overflow: hidden;position: relative;}
.bat .img{height: 500px;overflow: hidden;}
.bat .img img{display:block;width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;}
.bat .txt_bg{position: absolute;left: 0;top: 0;right: 0;bottom: 0;display: flex;align-items: center;justify-content: center;background: rgba(0, 0, 0, 0.4);}
.bat .txt_bg .txt{width: 100%;max-width: 1200px;}
.bat .txt_bg .txt .ml1{font-size: 58px;line-height: 58px;color: #fff;text-transform: uppercase;font-weight: 900;text-shadow: 2px 2px 5px #000;text-align: center;}
.bat .txt_bg .txt .ml2{font-size: 18px;line-height: 30px;color: #fff;margin-top: 20px;text-align: center;}
.bat .txt_bg .txt .mlxw{font-size: 36px;line-height: 40px;color: #fff;font-weight: bold;text-shadow: 2px 2px 5px #000;text-align: center;}
.bat .txt_bg .txt .mllx1{font-size: 36px;line-height: 36px;color: #fff;text-transform: uppercase;font-weight: 900;text-shadow: 2px 2px 5px #000;text-align: center;}
.bat .txt_bg .txt .mllx2{font-size: 14px;line-height: 24x;color: #fff;margin-top: 20px;text-align: center;}

/* 内页代码*/
.sonBan{width: 100%;background: #fff;}
.sonBan-img{width: 100%;object-fit: cover;min-height: 300px; display: block;}

/*面包屑*/
.flexBox{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-wrap: wrap;justify-content: space-between;}
.inner-nav2{font-size: 15px;background:white;line-height: 75px;border-bottom: 1px solid #efefef;}
.inner-nav2.zon{position: fixed;left: 0;right: 0;top: 100px;background: #fff;z-index: 9;}
.inner-nav2 .inner-nav-left, .inner-nav2 .inner-nav-right{/* flex: 0 0 auto; */display: inline-flex;}
.inner-nav2 .nav-left-a{position: relative;color: #333;flex: 0 0 auto;display: inline-block;transition-duration: .3s;}
.inner-nav2 .inner-nav-left p{padding-right: 48px; position: relative;}
.inner-nav2 .nav-left-a:before{position: absolute;bottom: -1px;content: "";display: block;width: 0;height: 2px;left: 22px;background: #055897;transition-duration: .3s;}
.inner-nav2 .inner-nav-left p:after{position: absolute;right: 24px;top: 50%;margin-top: -7px;content: "";display: inline-block;vertical-align: top;width: 1px;height: 14px;background: #ccc;}
.inner-nav2 .nav-left-a:last-child:after{opacity: 0;display: none;}
.inner-nav2 .nav-left-a:hover, .inner-nav2 .nav-left-a.cur{color: #055897;}
.inner-nav2 .nav-left-a:hover:before, .inner-nav2 .nav-left-a.cur:before{width: 100%;left: 0;}
.inner-nav2 .bread-s0{display: inline-block;padding-left: 20px;background: url(../img/mianbao.png) no-repeat left center;}
.inner-nav2 .bread-a{color: #333;flex: 0 0 auto;transition-duration: .3s;}
.inner-nav2 .bread-a:hover, .inner-nav2 .bread-a.cur{color: #055897;}
.inner-nav2 .bread-a1{margin: 0 8px;}
.inner-nav2 .bread-a2{margin-left: 8px;color: #055897;}


.company-story{width: 100%;padding: 4% 0;position: relative; box-sizing: border-box;}
.company-stoitems{width: 100%;display: flex;justify-content: space-between;}
.company-stoshow{width: calc(100% - 40%);position: relative;z-index: 2;padding-left: 3%;}
.company-stocont {width: 100%;overflow-y: auto; height: 312px;padding-right: 2%;margin-top: 2%; }
.company-stocont::-webkit-scrollbar {width: 4px;height: 4px;}
.company-stocont::-webkit-scrollbar-thumb {border-radius: 4px;box-shadow: inset 0 0 6px #055897;}
.company-stocont::-webkit-scrollbar-track {box-shadow: inset 0 0 6px #eee;border-radius: 0;}
.company-comtitle{width: 100%;}
.company-comtitle .bt{font-size: 32px;color: #222;position: relative;padding-bottom: 10px;font-weight: bold;}
.company-comtitle .bt::after{content: '';width: 29px;height: 2px;background-color:#055897;position: absolute;bottom: 0;left: 0;}
.company-comtitle h3{font-size: 26px;color: #333;line-height: 30px;margin-top: 22px;}
.company-stocont p{font-size: 15px;color: #777;line-height:28px;margin-top: 2%;}
.company-stoimg{width: 52%;}
.company-stoimg-items{width: 100%;height: 100%;overflow: hidden;display: flex;justify-content: center;align-items: center;position: relative;}
.company-stoimg-items img{object-fit: cover;width: 100%;}

.company-gc{line-height: 36px; font-size: 15px; overflow: hidden; padding: 3% 0;}
.company-gc img{max-width: 100%;margin: 0 auto; display: block;} 

.company-gc table{border:1px solid #d6d6d6; line-height:24px; text-align:center;}
.company-gc table tr{padding-left:20px;}
.company-gc table tr:nth-child(1){background:#055897; color: #fff;}
.company-gc table tr:nth-child(2n){background: #f5f5f5;}
table{border-collapse:collapse; border: 1px #e6e6e6 solid !important; width:100% !important;line-height:30px!important;}
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;}
table td div{padding:0px!important;height:auto!important;}

.indmh-num{width: 100%;  background: #fafafa; padding-bottom: 3.5%; overflow: hidden;}
.indmh-num li{width: 20%;text-align: center; color: #444;}
.indmh-num li .num{font-family: "MB";font-weight: 400;font-size: 20px;}
.indmh-num li .num span{font-weight: 700;font-size: 50px;margin-right: 8px;  color: #055897; letter-spacing: -2px;}
.indmh-num li .num sup{ color: #333; vertical-align: top;}
.indmh-num li .title{line-height: 1.1;}

.about-culture{width: 100%;padding: 3% 0; overflow: hidden; background: #f5f5f5;}
.common-style{text-align: center;}
.common-style .cbt{font-size: 32px;color: #055897;line-height: 44px;margin:15px 0;}
.about-culture-items{width: 100%;margin-top: 60px;}
.about-culture-items ul{ margin-right: -2%;}
.about-culture-items ul li{width:31.333%;float: left; margin: 0 2% 4% 0; background: #fff; padding:2%; box-sizing: border-box; border-radius: 20px; min-height: 240px;}
.culture-item{width: 100%;text-align: center;}
.culture-item .cnybt{font-size:22px;color: #222;m}
.culture-wall{width: 100%;padding: 0 16px;margin-top: 20px;}
.culture-wall p{font-size: 15px;color: #777;line-height: 24px;}
.culture-cont{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;transition: transform .4s ease;}
.culture-icon{margin: 3% 0;}
.culture-icon:after{content:'';width:36px;height:36px;background:#ccdbec;position:absolute;right:-8px;bottom:-10px;border-radius:50%;z-index:-1;transition: all .6s ease}
.culture-back{position:absolute;left:0;top:0;width:100%;height:100%}
.culture-back>div{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;text-align:center;transition:all 1.5s cubic-bezier(.23,1,.32,1);background-repeat:no-repeat;background-size:cover;visibility: hidden;opacity: 0}
.culture-back>div:after{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,.5)}
.culture-back>div.active{opacity:1;visibility:visible}
.culture-btn{font-size:16px}
.culture-item:hover .culture-icon:after{width: 80px;height: 80px;right: 50%;bottom: 50%;transform: translate(50%,50%)}
.culture-item .culture-icon img{transition: all .6s ease}
.culture-item:hover .culture-icon img{transform: scale(.8)}
.culture-item:hover h2{color: #e5931b;}


.flex{display: flex;flex-wrap: wrap;}

.Ulimg{margin-top:20px;overflow: hidden;}
.Ulimg ul{ margin-left:-2%;}
.Ulimg li{ float:left; width:31.333%; margin-left:2%; text-align:center; margin-bottom:2%; box-sizing: border-box; overflow: hidden;}
.Ulimg li .upimg{width: 100%; border: 5px solid #e2e2e2; overflow: hidden;}
.Ulimg li .upimg img{ max-width:100%; -webkit-transition:0.5s;transition:0.5s;}
.Ulimg li .upimg:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.Ulimg li span{display:block; line-height:22px; font-size:15px; padding: 12px 0 0;}

.Ulimg2{margin-top:20px;overflow: hidden;}
.Ulimg2 ul{ margin-left:-2%;}
.Ulimg2 li{ float:left; width:23%; margin-left:2%; text-align:center; margin-bottom:2%; box-sizing: border-box; overflow: hidden;}
.Ulimg2 li .upimg{width: 100%; border: 5px solid #e2e2e2; overflow: hidden;}
.Ulimg2 li .upimg img{ max-width:100%; -webkit-transition:0.5s;transition:0.5s;}
.Ulimg2 li .upimg:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.Ulimg2 li span{display:block; line-height:22px; font-size:15px; padding: 12px 0 0;}


.appnyimg{text-align:center; }
.appnyimg .title{font-size:32px;font-weight:300}
.appnyimg ul{margin-left:-2%; }
.appnyimg li{float:left;width:31.333%;margin-left:2%;position:relative;margin-bottom:3%;background:#000;overflow:hidden}
.appnyimg li img{width:100%;opacity:0.5;transition:all 0.3s; display: block;}
.appnyimg li:hover img{opacity:1;transform:scale(1.2)}
.appnyimg li .sbt{position:absolute;left:0px;top:0px;color:#FFF;width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:26px;font-weight:300}



.news_ny-list{width: 100%;}
.news-ul{margin: -15px 0 0 -1.5%;display: flex;flex-wrap: wrap;}
.news-link{display: block;width: 31.8333%;float: left;margin: 30px 0 0 1.5%;background: #fff;transition: all .4s ease;position: relative;}
.news-pic{width:100%;overflow:hidden}
.news-pic img{width:100%;object-fit:cover;transition:all .8s ease;height: 258px;}
.news-link:hover img{transform:scale(1.06)}
.news-info{background:#f5f5f5;display:flex;padding:22px;z-index: 1;position: relative;transition: all .4s ease}
.news-link:hover .news-info{transform: translateY(-40px)}
.news-time{font-size:14px;color:#888;font-family: "Samsung";text-align:center}
.news-time span{font-weight:700;font-size:32px;color:#333;display:block;width:60px;line-height:1.5}
.news-txt{width:calc(100% - 50px);padding-left:20px}
.news-txt-title{font-size:16px;color:#333;font-weight:700;margin-bottom:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.news-txt p{font-size:14px;line-height:24px;height: 48px;color:#888;overflow:hidden;-webkit-line-clamp:2;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical}
.news-more{position:absolute;z-index:0;width:100%;background:#055897;color:#fff;display:flex;align-items:center;justify-content:center;height:40px;left:0;bottom:0;font-size:16px}
.news-more i{display:block;background:url("../img/arr-r.png") no-repeat center/100%;width:6px;height:10px;margin-left:20px}


/* 新闻详情 */
.news-detail{width: 100%;padding: 30px 0 50px;background: #fff;overflow: hidden;}
.news-detail .contain{max-width: 1200px;}
.news-detail .info{text-align: center;}
.news-detail .info-title{font-size: 18px;margin:15px 0;font-weight: bold;}
.news-detail .info-data *{color: #999;}
.news-detail .info-data{margin-bottom: calc((30 / 1300) * 100%);}
.news-detail .info-data > div{margin-right: calc((45 / 1300) * 100%);}
.news-detail .info-data img{margin-right: 5px;}
.news-detail .detail{font-size: 14px;line-height:30px;color: #444; margin-bottom:40px;}
.news-detail .detail img{max-width: 100%;height: auto !important;}
.inline-block{display:inline-block !important;*display:inline;zoom:1;}

.casexq-btnback{width: 100%;overflow: hidden;margin-top: 28px;padding-top: 28px;border-top: 1px solid #eee;}
.casexq-btn{width: calc(100% - 136px);padding-right: 80px;float: left;}
.casexq-btn p{width: 100%;font-size: 14px;color: #666;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height: 35px;}
.casexq-btn p a{transition: all .4s ease;}
.casexq-btn p a:hover{color: #055897;}
.casexq-back{margin-top: 10px;width: 136px;height: 45px;line-height: 45px;display: block;float: right;border-radius: 25px;font-size: 16px;color: #fff;background: #055897;text-align: center;}
.casexq-back i{width: 14px;height: 14px;display: inline-block;vertical-align: middle;background: url('../images/casexqic3.png') no-repeat;margin: -4px 12px 0 0;transition: all .4s linear;}
.casexq-back:hover i{transform: rotate(180deg);}

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


.xinwenxiangqing{overflow: hidden;box-sizing: border-box;}
.xinwenxiangqing .nd_head{text-align: center;border-bottom: 1px dashed #d6d6d6;padding-bottom:1%}
.xinwenxiangqing .nd_head p{color: #055897;font-size: 28px;height: auto;padding-bottom:1%}
.xinwenxiangqing .nd_head span{color: #666;font-size: 16px;margin: 0 15px;}
.xinwenxiangqing .nd_text{text-align: left;font-size:16px;line-height:30px;padding: 15px 0;}
.xinwenxiangqing .nd_text .big{font-size: 16px;line-height: 35px;font-weight: 600;color:#055897}
.xinwenxiangqing .nd_text img{max-width: 100%;display: block;margin: 10px auto;}
.xinwenxiangqing .nd_text .baimg{width: 40%;float: right;margin-left: 30px;}
.xinwenxiangqing .nd_text .baimg img{width: 100%;clear: both;display: block;margin: auto}
.detail_fenx a{font-size:14px;padding:12px 0;overflow:hidden;margin-top:20px;border-top:1px dotted #adadad;color:#333;}
.new_s2{width:100%;float:left;margin-top:5%;}
.hot_pro2{width:100%;float:left;margin-top:5%;}
.hot_pro2_tit{width:100%;height:45px;background:#f1f1f1;color:#055897;line-height:45px;font-size:16px;padding:0 20px;font-weight:bold;border:1px solid #d6d6d6;box-sizing: border-box;}
.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:#055897;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: #055897}
.relatedNews_font ul li span{float:right;color:#999;margin-left:30px;}

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

.sy{padding-top:3px; margin-right: 1%;}
.sy img{max-width: 100%; display: block; vertical-align: top; font-size: 0;}
.location { padding:20px 0;border-bottom:1px solid #f2f2f2;color:#666; font-size: 15px;background: #f8f8f8;}
.location,.location a { color:#666; }
.location a:hover { color:#055897; }
.location a.cur { color:#055897; }
.nybox{padding: 3% 0; overflow: hidden;}
.nybox_left{overflow: hidden; float: left;}
.nybox_right {overflow:hidden; width: 72%; float:right;}
.ny_r_title { border-bottom:1px solid #dfdfdf; color:#444; line-height:45px; height:40px;}
.ny_r_title span{ float:right;}
.ny_r_title a { color:#666666}
.ny_r_title a:hover { color:#055897; text-decoration:underline;}
.ny_r_title .nyabbt { float:left; border-left:5px solid #055897; color:#222; font-size:22px; font-weight:500; line-height:25px; margin-bottom:15px; padding-left:15px;}
.ny_r_info { padding-top:15px; line-height:35px; color:#444; font-size: 15px; overflow: hidden; }
.ny_r_info img{max-width: 100%;}

.prolist{width: 25%; float: left;}
.prolist ul{border: 1px solid #e4e4e4;padding:2% 5% 0; overflow: hidden; background: #fff}
.prolist .lpbt{background: #055897 url("../img/pico1.png")no-repeat 32px center;padding:8% 25%; color: #fff;font-size: 20px;font-weight: bold; box-sizing: border-box;}
.prolist ul li{border-bottom: 1px solid #eee;font-size: 15px;color: #555;background: url("../img/pico3.jpg")no-repeat left center;padding:5.6% 10%; box-sizing: border-box;}
.prolist ul li a{display: block;}
.prolist ul li:last-child{border: none;}
.prolist ul li:hover a{color: #055897; font-weight: 600;}
.prolist ul li.hover a{color: #055897; font-weight: 600;}

.cinfo{}
.cinfo .lpic{width: 100%}
.cinfo .lpic img{width: 100%;display: block;}
.cinfo .ltext{padding: 5%; box-sizing: border-box; background: #f6f6f6;border: 1px solid #e4e4e4; border-top: 0}
.cinfo p{font-size: 16px; line-height:30px; color: #555}
.cinfo b{display: block; font-family: "Arial"; font-size: 28px; font-weight: bold; color: #fff; line-height: 30px; margin-top: 4px;}

.ny_tel { color:#fff; background:#055897; font-size:22px; padding-left:24px;width:100%;}
.ny_tel_n{padding:5% 3%; background:#055897; box-sizing: border-box;}
.ny_tel02 {}
.ny_tel02 img { float:left; padding-right:3%; display: inline-block; margin-top: 10px; vertical-align: middle;}
.ny_tel_n dl{overflow: hidden;}
.ny_tel_n dd { height:auto;  font-size:14px;color:#fff;line-height: 25px; margin-bottom: 7.5%;}
.ny_tel_n dd em { font-size: 18px; display: inline-block; }
.ny_tel_n dd em img{max-width: 20px}
.ny_tel_n dd span{ height:auto;  line-height:24px; font-size:14px;color:#fff; width: 90%;}


.downloads{overflow: hidden;}
.downloads ul{margin-right: -2%}
.downloads ul li{width:47.5%;height: 65px;border: 1px solid #e5e5e5;margin-bottom: 20px;overflow: hidden;margin-right: 2%;float: left;}
.downloads ul li:nth-child(2n){background: #f7f7f7;}
.downloads ul li i{min-width: 60px;line-height: 64px;text-align: center;font-size: 30px;color: #a2a2a2;float: left;display: block;}
.downloads ul li i img{max-width: 30px;vertical-align: middle;display: inline-block;}
.downloads ul li p{width: 82%;height: 64px;line-height: 64px;font-family: 'helveticaneuecyr-medium';font-size: 16px;color: #4d4d4d;float: left;display: block;margin-bottom: 0;}
.downloads ul li h5{width: 40%;height: 64px;line-height: 64px;font-family: 'Arial';font-size: 20px;color: #a2a2a2;float: left;display: block;}
.downloads ul li a{min-width: 60px;height: 64px;display: block;}
.downloads ul li a i{font-size: 24px;}
.downloads ul li a:hover i{color: #055897;}
.downloads ul li a:hover p{color: #055897;}

.contact{width: 100%;height: auto;overflow: hidden;padding: 0% 0;box-sizing: border-box;}
.contact_lx{float: left;width:45%;font-size: 16px;line-height: 35px;}
.contact_lx .txt{overflow: hidden;}
.contact_lx .txt .bt{font-size: 24px;line-height: 36px;color: #055897;}
.contact_lx .txt .nr{font-size: 16px;line-height: 36px;color: #666;margin-top: 15px;}
.contact_lx .txt .nr span{font-weight: 600;}
.contact_lx .txt .ewm{width: 160px;margin-top: 20px;}
.contact_lx .txt .ewm img{display: block;width: 100%;}
.contact_lx .txt .ewm p{font-size: 16px;line-height: 24px;color: #666;text-align: center;padding-top: 7px;}


.tactfrms{width:52%;float:right;}
#map_container{height:400px;}
.bot{background: #fafafa;overflow: hidden;}
.bot .t-center{text-align: center;padding-top:2%}
.bot .title{font-size: 32px;line-height: 1.85; margin-bottom:1% !important;}
.bot .ltitle{font-size: 14px;line-height: 25px;color:#777;margin-top: 5px;margin-bottom:0%;}
.bot .form{padding:2.2% 0%;display: block;}
.bot .tip{font-size: 14px;line-height: 22px;color:#666666;}
.bot .input{display: block;width: 100%;background-color: #fff;font-size: 14px;line-height: 32px;padding:8px 2.2%;color:#999;margin:2% 0;box-sizing: border-box;border: 0;}
.bot .input:focus{box-shadow: 0 0 10px rgba(0,0,0,0.08);}
.bot .br{border-radius: 5px;}
.bot .submit{line-height: 44px;height: 44px;padding:0 45px;display: inline-block;background-color: #055897;font-size: 15px;color: #fff;cursor: pointer;border: 0;}
.bot .submit:hover{background-color: #055897;}
.col-sm-6{width: 50%;float: left;padding: 0 2%;box-sizing: border-box;}
.col-xs-12{padding: 0 2%;box-sizing: border-box;}

.inpro_lefts{width:20%; float: left; }
.left{overflow: hidden;}
.left .left_title{height: auto; background: #055897 url(../img/left01.jpg) no-repeat right; color: #fff;}
.left .left_title .bt{font-size: 20px; font-weight: bold; line-height:60px; padding-left:10%; text-transform: uppercase; margin: 0;}
.left .left_title .si{background-position: -248px -76px; vertical-align: middle; width: 28px; height: 28px; margin-right: 30px; margin-top: 28px;}
.icon {vertical-align: middle;background: url(../img/icon.png) no-repeat;}
.left .submenu{overflow: hidden;}
.left .submenu li{ width: 100%;}
.left .submenu li a.sub1{display: block;padding:3% 5%; box-sizing: border-box; background: url(../img/jtou.png) no-repeat 90% center #fff;font-size: 14px;border: 1px solid #dedede;border-top: 0 none;overflow: hidden;}
.left .submenu li a.sub1:hover{background: url(../img/jtou_a.png) no-repeat 90% center #fff;border-left: 2px solid #055897;border-right: 1px solid #055897;color: #055897;}
.left .submenu li.hover a.sub1{background: url(../img/jtou_a.png) no-repeat 90% center #fff;border-left: 2px solid #055897;border-right: 1px solid #055897;color: #055897;}
.left .submenu s{width: 2px; height: 61px; display: block; background: #055897; position: absolute; left: 0; top: 0;}
.left .submenu .box{padding-bottom: 0;background: #fff;border: 1px solid #dedede;border-top: 0 none;display: none;}
.left .submenu .box a{color: #333;display: block;overflow: hidden; font-size: 14px;padding: 2% 10%; box-sizing: border-box;}
.left .submenu .box a s{width: 10px;height: 10px;margin-right: 8px;display: inline-block;background-position: 2px -178px;}
.left .submenu .box a:hover, .left .submenu .box a.hover{color: #055897;}
.left .submenu .box a:hover, .left .submenu .box a.hover{color: #055897; font-weight: 600}
.left .submenu li.hover .box{display: block;}

.box2{padding-bottom: 0;background: #fff;border-top: 0 none;display: none;}
.box2 dd{}
.box2 dl a{color: #333;line-height:30px !important;display: block;padding-left:40px !important;overflow: hidden; font-size: 12px !important}
.box2 dl s{width: 10px;height: 10px;margin-right: 8px;display: inline-block;background-position: 2px -178px;}
.box2 dl a :hover, .left .submenu .box2 dl a.hover{color: #055897;}
.left .submenu li.hover .box2{display: block;}


.box3{padding-bottom: 0;background: #fff;border-top: 0 none;display: none;}
.box3 dd{}
.box3 dl a{color: #333;line-height:30px !important;display: block;padding-left:60px !important;overflow: hidden; font-size: 12px !important}
.box3 dl s{width: 10px;height: 10px;margin-right: 8px;display: inline-block;background-position: 2px -178px;}
.box3 dl a :hover, .left .submenu .box dl a.hover{color: #055897;}
.left .submenu li.hover .box3{display: block;}


.pconcat{ margin:5% 0px 0; background: #efefef; box-sizing: border-box; width: 100%}
.pconcat img{width: 100%;}
.pconcat p{padding:3% 5%; font-size:14px; color:#555;box-sizing: border-box; line-height: 28px;}
.pconcat p b{ display:block; font-size:30px; font-family:Arial, Helvetica, sans-serif; line-height: 44px;}
.pconcat p span{ padding-left:25px; background:url(../img/l_tel.png) no-repeat left center;}
.pconcat p em{font-style: normal;}

.inpro_right{width: 78%; float: right;}
.toptit { font-size: 22px;color:#343434; line-height: 52px; background: #f4f4f4; padding-left:16px; margin-bottom:20px; border-left:3px solid #055897;}

.product_list{width: 100%;  margin-top: 3%; overflow: hidden;}
.product_list ul{margin-right:-2%;overflow: hidden;}
.product_list ul li{float:left;width:23%;margin-bottom:2%;margin-right:2%;}
.product_list ul li a{display:block;}
.product_list ul li .pImg{transition:all .3s;display: block; overflow: hidden; border: 1px solid #eee;}
.product_list ul li .pImg img{max-width: 100%;display:block;transition:all .4s;}
.product_list ul li p{font-size:14px; line-height:25px; padding-top: 10px; display: block; text-align: center; color:#444;min-height: 90px}
.product_list ul li a:hover p{color:#055897;}
.product_list ul li:hover .pImg img{max-width: 100%;display:block; transform:scale(1.1); -webkit-transform:scale(1.1);}



.pro_right{width:100%; overflow: hidden;margin-top: 3%;}
.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:33px;}
.spec-scroll .items{float:left;position:relative;width:80%; height:90px; overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;}
.spec-scroll .items ul li{float:left;width:90px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #d6d6d6; padding:2px;width:80px;height:80px;}
.spec-scroll .items ul li img:hover{border:2px solid #055897 ; 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; display:inline-block; font-size:28px; color:#055897 ; padding-bottom:10px;}
.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: #055897;
    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:#cb2e2c;color:#fff;}
.pbtn a:nth-child(2){width:50%; background:#cb2e2c;}




.proleft_btn{width:100%; float:left; margin-top:30px;}
.proleft_btn li{width:150px; float:left; margin-right:10px;}
.proleft_btn li a{width:150px; height:40px; float:left; line-height:40px; text-align:center; font-size:16px; background:#eee; display:block; color: #fff }
.proleft_btn li span{float:left; padding-right:20px;}
.proleft_btn li a:hover,.proleft_btn li a.on{background:#fff ; color:#fff;}

.tabs-basic{width:100%; margin-top:50px; float:left;}
/* 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 #055897 ; color:#fff; background:#055897 ;}
/* The content */
.tabs-basic .tabs-content-placeholder{overflow:hidden; margin:auto; background:#fff; padding:20px 0;}
.tabs-basic .tabs-content-placeholder .div{display:block;}
.tabs-basic .tabs-content-placeholder .div p{line-height:30px; text-align:left; margin-top:10px;}
.tabs-basic .tabs-content-placeholder .div img{width:100%; margin: auto; 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:50px;}
.hot_pro2_tit{width:100%; height:45px; background:#f1f1f1; color:#055897 ; 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:20px;}
.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;}



.messages_box{width:auto;overflow:hidden;box-sizing:border-box}
.messages_box ul{margin-right:-2%}
.messages_box ul li{padding:1% 0;margin-right:2%;width:48%;box-sizing:border-box;float:left}
.messages_box .text-input,.messages_box .summary-input,.messages_box .qq-input{width:100%;padding:0px 2%;line-height:normal;background:none repeat scroll 0% 0% rgb(253,253,253);border-width:1px;border-style:solid;border-color:rgb(133,133,133) rgb(175,175,175) rgb(201,201,201);box-shadow:1px 2px 3px rgb(183,183,183) inset !important;font-size:14px;box-sizing:border-box;line-height:45px}
.messages_box .cont-input{width:100%;height:250px;padding:10px;line-height:20px;background:none repeat scroll 0% 0% rgb(253,253,253);border-width:1px;border-style:solid;border-color:rgb(133,133,133) rgb(175,175,175) rgb(201,201,201);box-shadow:1px 2px 3px rgb(183,183,183) inset !important;font-size:14px;box-sizing:border-box}
.messages_box .code-input{width:125px;vertical-align:middle;height:33px;padding:0px 10px;line-height:normal;background:none repeat scroll 0% 0% rgb(253,253,253);border-width:1px;border-style:solid;border-color:rgb(133,133,133) rgb(175,175,175) rgb(201,201,201);box-shadow:1px 2px 3px rgb(183,183,183) inset !important}
.messages_box .verify-pic{height:35px;vertical-align:middle}
.messages_box .submitBtn{text-align:center;padding-top:10px}
.messages_box .messages-button{width:125px;height:34px;line-height:34px;font-size:16px;color:#fff;text-align:center;background:none repeat scroll 0% 0% #0F1636;border:none}
.messages_box ul li:nth-child(5){width:98%!important}
.messages_box ul li:nth-child(6){float:left}
.messages_box ul li:nth-child(7){float:right}
.messages_box ul li input{width:100%;height:auto;background:none;border:none;color:#999;padding:0 15px;font-size:14px;outline:none;-webkit-appearance:none;line-height:45px;box-sizing:border-box}
.messages_box ul li .btn,.messages_box ul li .btn2{color:#fff;font-size:16px;cursor:pointer}
.messages_box ul li .btn{background:#055897}
.messages_box ul li .btn2{background:#999}

.sp_header,.sjj_nav{display: none}
.foot_nav{height:45px;display:none}
.bottomToolbar{width:100%;font-size:1em;position:fixed;display:block;margin:0;padding:0;bottom:0;left:0;text-align:center;z-index:999;background:#333}
.bottomToolbar li{width:24.6%;float:left;position:relative;text-align:center;border-right:1px solid #4c4d4d}
.bottomToolbar li img{text-align:center;margin:auto;width:auto;height:23px}
.bottomToolbar li a{padding:5px 0 2px 0;margin-right:1px;display:block;font-size:20px;text-align:center;color:#FFF;text-decoration:none}
.bottomToolbar li a:hover,.bottomToolbar li.over{background-color:#055897;color:#fff}
.bottomToolbar li em{text-align:center;margin:0 auto;color:#fff;font-size:14px;display:block;font-style:normal}
.bottomToolbar li a:hover em{color:#fff}

.ym1idea{margin:3% 0; overflow: hidden;}
.ym1idea dl {background: #fff;}
.ym1idea dl dt{float:right;width:50%}
.ym1idea dl dd{float:left;width:50%;box-sizing:border-box;background:#fff;}
.ym1idea dl dd .text1{padding:4% 8%;background:#055897;display:block; box-sizing: border-box;}
.ym1idea dl dd .text1 p{color:#fff}
.ym1idea dl dd .text2{padding:8%;display:Block; box-sizing: border-box;}
.ym1idea dl dd .text2 .cbt{color:#333}
.ym1idea dl dd .text2 p{margin-top:5%}
.ym1idea dl dd .cbt{color:#fff;font-size:24px;display:inline-block;position:Relative;z-index:2}
.ym1idea dl dd .cbt:after{content:"";width:100%;height:7px;background:#3c7dae;position:absolute;bottom:2px;left:0;display:inline-block;z-index:-1}
.ym1idea dl dd p{font-size:18px;line-height:37px;color:#333;text-align:justify;margin-top:2%}
.ym1idea dl dd b{font-family:fantasy;font-size:72px;display:block;line-height:84px;color:rgba(5,88,151,0.3);padding-top:10px;width:400px}