html{ background:#fff; color:#666666; overflow-x:hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0;}
img{border:0;}
ol,ul,li{list-style:none;}
h1,h2,h3{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
a{color:inherit; text-decoration:none !important;}
/*******CSS reset*************/
body{ background:#fff; color:#666666; font-size:14px;}
a{ color:#666666;}
a:hover{color:#06559c;}

/*修改滚动条*/
::-webkit-scrollbar{
    width:6px;
    height:6px ;
}
::-webkit-scrollbar-track{
    box-shadow: inset 0 0 6px transparent;
    background: #f8f8f8;
    border-radius: 6px;
}
::-webkit-scrollbar-thumb{
    border-radius: 6px;
    background: #bbb;
}

@font-face{
    font-family: 'num';
    src : url('../Css/ADVENT_REGULAR.TTF');
}
@media screen and (max-width:768px){
    .row{ margin: 0;}
}

/*******CSS reset*************/
.f12{font-size:12px;}
.f16{font-size:16px;}
.bold{font-weight:bold;}
.white{color:#fff;}
.left{float:left;}
.right{float:right;}
.t_r{text-align:right;}
.clear{clear:both;}
.relative{position:relative;}
.absolute{position:absolute;}
.rel_center{position:relative;}
.hidden{display:none;}
.jj_pic{ float:left; margin:0 10px 0 0;}
.nr_pic{ text-align:center; position:relative; width:100%;}

.img-cover-4by3{ width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden;}
/*.img-cover-4by3 p{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}*/
.abs-center{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}


/** header **/
#top_bj{ width: 100%; height: auto; transition:0.5s; background: url("../Image/top_bj.png") no-repeat center #fff; position: relative;}
#top_index{ height: auto; margin: 0 auto; padding: 0;}
#top_line{ border-bottom: 1px solid #ececec; height: 60px; overflow: hidden; margin: 0 auto; padding: 0;}
#top_line .float-left p{ float: left; padding-right: 10px;}
#top_line .float-left i{ color: #d3d3d3; font-size: 30px; float: left; margin-right: 10px;}
#top_line .float-left{ color: #818181; font-size: 13px; line-height: 60px; padding: 0;}
#top_line .float-left span{ color: #e22f28; font-size: 18px; font-weight: bold;}
#top_line .float-right .ss{ float: right; width:355px; height:40px; margin: 10px 3% 0 0; font-size: 13px;}
#top_line .float-right .sou_left{float:left; width:74%; height:38px; line-height:38px; border: 1px solid #d2d2d2; border-top-left-radius: 20px; border-bottom-left-radius: 20px; text-align:left; color:#d2d2d2; background: none; outline: none; text-indent: 20px;}
#top_line .float-right .ss_pic{ float:left; width: 26%; background-color: #2446a3; background-image: linear-gradient(to right, #2446a3 , #425ebe); border-bottom-right-radius: 20px; border-top-right-radius: 20px; color: #fff; border: none; height: 38px; line-height: 38px;}
#top_line .float-right .font{ float: right; border-left: 1px solid #f2f2f3; height: 60px; line-height: 60px; padding: 0 5%;}
#top_line .float-right .font:nth-of-type(2){ padding: 0 2%;}
#top_line .float-right .font select{ border: none; background: none; color: #666; height: 35px; line-height: 35px; padding: 0 2%;}
#top_line .float-right .font select option{ font-size: 13px !important;}
@media screen and (max-width:1440px){
    #top_line .float-left p{ font-size: 12px;}
    #top_line .float-left p:last-of-type{ display: none;}
}

#logo{ padding-top: 1.2%; padding-bottom: 1%; text-align: center;}
#logo a{ display: block;}
#logo a img{ max-width: 100%; transition:0.5s; position: relative; z-index: 1; }
@media screen and (max-width:1200px){
    #top_index .row{ margin: 0;}
    #gg3,#gg3 img{ width: 250px !important;}
}
@media screen and (max-width:991px){
    #top_index{ padding: 0; width: 100%;}
    #logo{ padding: 4% 2%; text-align: left;}
    #gg3,#gg3 img{ width: 200px !important;}
}
@media screen and (max-width:768px){
    #gg3,#gg3 img{ width: 150px !important;}
}

#nav{ height: auto; transition:0.3s; padding-top: 1.5%; text-align: center; margin: 0; position: relative;}
#nav li{ display: inline-block; padding: 0 1%; height: 50px; line-height: 50px; font-size: 14px; font-weight: normal; color: #333333; text-align: center; transition:0.5s;}
#nav li a{ display: inline-block; position: relative; z-index: 1; color: #333333;}
#nav li a i{ padding-left: 5px;}
#nav li:hover a{ color: #d33f23;}

#nav li .navson{display: none; position: absolute; left: 33.5%; transform: translateX(-50%); top:100%; background: #fff; z-index: 999; width: 100vw !important; height:auto; margin: 0;}
#nav li .navson:before{ position: absolute; left: 0; top: 0; height: 100%; width: 30%; content: ''; background: url("../Image/nav_logo.png") no-repeat left bottom #ececec; background-size: 65%;}
#nav li .navson .float-left{ text-align: left; padding: 2% 3%; }
#nav li .navson .float-left .tit{ color: #3f3f3f; font-size: 24px;}
#nav li .navson .float-left .content{ color: #999999; line-height: 25px; padding: 2% 0;}
#nav li .navson .float-left .more{ color: #c7000a;}
#nav li .navson .float-right{ background: url("../Image/nav_bj.jpg") no-repeat center; background-size:100% 100%; padding: 3% 10%;}
#nav li .navson dl{ float: left; width: 30%;}
#nav li .navson dl dd{ font-weight: normal; font-size: 14px; height: 43px; line-height: 43px; text-align: left; position: relative; padding-left: 10px;}
#nav li .navson dl dd a{ color: #808080 !important; transition: 0.3s;}
#nav li .navson dl dd:hover a{ color: #c7000a !important;}
#nav li .navson .pic{ float: right; text-align: center;}


@media screen and (max-width:1550px){
    #nav li{ padding: 0 0.5%;}
}

@media screen and (max-width:1440px){
    #nav li{ font-size: 13px; padding: 0 1%;}
    #nav li i{ display: none;}
}
@media screen and (max-width:1200px){
    #nav li{ font-size: 12px; padding: 0 0.5%;}
}


.top_bj_active{ width: 100%; z-index: 20; background: #fff !important; top: 0; box-shadow: 0 0 20px rgba(0,0,0,0.2); position: fixed !important;}
.top_bj_active #logo{ padding: 0.5% 0;}
.top_bj_active #logo img{ transform: scale(1);}
.top_bj_active #nav{ padding-top: .5%;}
@media screen and (max-width:1200px){
    .top_bj_active #logo{ padding: 1% 0 0 1%;}
}
@media screen and (max-width:991px){
    .top_bj_active #logo{ padding: 2% 0;}
}
@media screen and (max-width:768px){
    .top_bj_active #logo{ padding: 3% 2%;}
    video{ width: 95% !important; height: 210px !important;}
}


/*手机导航*/
.ovh{overflow: hidden;display: none; width: 100%;height: 100vh;position: fixed;left: 0;top:0;background: rgba(0,0,0,.3);width: 100%;height: 100%;position: absolute;left: 0;right: 0;top:0;bottom:0;z-index: 99;}
.ovh.show{display: block;}
.menu{position: absolute;right: 15px;line-height: 32px; width: 75px;height: 30px;top: 50%;transform: translateY(-50%); z-index: 99;}
.menu .menu_button{width: 35px;float: right;height: pointer;cursor: pointer}
.menu .menu_button>.line{float: right;width: 100%;height: 3px;background: #323e4a;margin-top:6px;transition:.3s;transition-timing-function:ease;}
.menu .menu_button>.line:nth-child(2){transition-delay:0.05s;}
.menu .menu_button>.line:nth-child(3){transition-delay:0.1s;}
.m-sub-menu.show {right: 0;transition: all 0.44s ease 0s;z-index: 100000000;}
.m-sub-menu {position: fixed;right: -100%;width: 100%;top: 0;z-index: 100;height: 100%;background-color: #fff;transition: all 0.64s ease 0s;}
.m-sub-menu .top-box {line-height: 70px;background-color: #2849a7;font-size: 16px;color: #fff;text-indent: 25px;position: relative;}
.m-sub-menu .top-box .menu_button{width: 40px;height: 40px;cursor: pointer;position:absolute;right: 15px;top:18px; }
.m-sub-menu .top-box .menu_button .line{background: #fff;float: right;width: 40px;height: 3px;margin-top:6px;transition:.3s;transition-timing-function:ease;}
.m-sub-menu .top-box .menu_button .line:nth-child(1){transform:translateY(10px) rotate(45deg);-webkit-transform:translateY(10px) rotate(45deg);}
.m-sub-menu .top-box .menu_button .line:nth-child(2){transform:translateY(0) rotate(0);-webkit-transform:translateY(0) rotate(0);display: none;}
.m-sub-menu .top-box .menu_button .line:nth-child(3){transform:translateY(0px) rotate(-45deg);-webkit-transform:translateY(0px) rotate(-45deg);}
.m-sub-menu .list-wrap{height:calc(100vh - 70px);overflow-y: scroll;}
.m-sub-menu .list-wrap ul{padding-bottom: 80px;}
.m-sub-menu .list-wrap li {line-height: 60px;border-bottom: 1px solid #f2f2f2;}
.m-sub-menu .list-wrap li:last-child{border:none;}
.m-sub-menu .list-wrap li .col-box {display: block;width: 100%; padding: 0 8%;}
.m-sub-menu .list-wrap .tit {font-size: 16px;color: #666;}
.m-sub-menu .sec-sub-list {position: absolute;right: -100%;top: 70px;width: 100%;}
.m-sub-menu .sec-sub-list .return-fir {display: block; width: 100%; padding: 0 5%;line-height: 60px;background-color: #c40000;}
.m-sub-menu .sec-sub-list .return-fir p {padding-left: 18px;color: #fff;font-size: 18px;}
.m-sub-menu .sec-sub-list .return-fir p i{ float: left; padding-right: 10px;}
.m-sub-menu .sec-sub-list .boxs {width: 100%;height: 100vh; position: absolute;left: 0;top: 0; transition: all 0.4s ease 0s;background-color: #fff;}
.m-sub-menu .sec-sub-list .boxs.show {left: -100%;}
.m-sub-menu .sec-sub-list ul{width: 100%;/*height: 400px;*/overflow-y:auto}
.m-sub-menu .sec-sub-list li {line-height:50px; border-bottom: 1px solid #f2f2f2;}
.m-sub-menu .sec-sub-list li a {display: block;width: 84%;padding: 0 7.8% 0 8.2%;font-size: 16px;color: #666;}



#banner{ position: relative;}
#banner #flash_icon{ border-top: 1px solid rgba(255,255,255,0.2); position: absolute; left: 0; bottom: 0; width: 100%; z-index: 1; text-align: center;}
#banner #flash_icon .container{ padding: 1.5% 0 0.5%;}
#banner #flash_icon p{ display: inline-block; width: 11%;}
#banner .swiper-slide img{ width: 100%;}
#banner .swiper-pagination{ bottom: 5%;}
#banner .swiper-pagination-bullet{ width: 12px; height: 12px; border: 1px solid #fff; background: none; border-radius: 100%; transition:0.3s; opacity: 0.3;}
#banner .swiper-pagination-bullet-active{ width: 12px; background: #fff; opacity: 1;}
#banner .swiper-button-next:after,#banner .swiper-button-prev:after{ display: none;}
#banner .swiper-button-next i,#banner .swiper-button-prev i{ color: #fff; font-size: 40px;}
#banner .swiper-button-next,#banner .swiper-button-prev{ background: rgba(0,0,0,0.2); width: 50px; height: 80px;}
#banner .swiper-button-next{ right: 5%;}
#banner .swiper-button-prev{ left:5%; }

#mobile_banner img{ width: 100%;}
#mobile_banner .swiper-pagination-bullet-active{ background: #d33f23;}
@media screen and (max-width:1440px){
    #banner #flash_icon p{ width: 12%;}
}


/*foot*/
#end_line{ height: auto; line-height: 55px; width: 100%; background: #006ab7; color: rgba(255,255,255,0.5);}
#end_line a{ color: rgba(255,255,255,0.5);}
#end_line a:hover{ color: #fff;}
#footer{ background: url("../Image/end_bj.jpg") no-repeat center top; width: 100%;}
#footer .main{ padding: 0;}
#footer #end_nav{ border-bottom: 1px solid rgba(255,255,255,0.2); text-align: center;}
#footer #end_nav li{ display: inline-block; padding: 0 2.5%; height: 60px; line-height: 60px; position: relative;}
#footer #end_nav li:before{ position: absolute; content: ''; right: 0; top: 40%; width: 1px; height: 20%; background: #fff; }
#footer #end_nav li:last-of-type:before{ display: none;}
#footer #end_nav li a{ color: #fff;}
#footer .float-left{ padding: 3% 0 3% 7%;}
#footer .float-left .pic{ float: left; padding-right: 7%;}
#footer .float-left .pic img{ max-width: 100%;}
#footer .float-left .end_tel{ float: left; color: #fff; text-align: left; background: url("../Image/end_tel.png") no-repeat left top; padding-left: 30px;}
#footer .float-left .end_tel p{ font-family: Impact; font-size: 30px;}
#footer .end_lx{ border-left: 1px solid rgba(255,255,255,0.2); border-right: 1px solid rgba(255,255,255,0.2); color: #fff; padding: 3% 0 0 3%;}
#footer .end_lx i{ font-size: 17px; padding-right: 10px;}
#footer .end_lx div{ float: left; text-align: center; width: 50%; margin: 2% 0 0; background: #08488c; height: 45px; line-height: 45px; transition: 0.3s;}
#footer .end_lx div a{ color: #fff;}
#footer .end_lx div:hover{ background: #006ab7;}

#footer .float-right{ text-align: center; padding-top: 1%;}
#footer .float-right .pic{ float: left;}
#footer .float-right ul{ clear: both; padding-top: 3%;}
#footer .float-right ul li{ float: left; margin-bottom: 2%; width: 45%; text-align: left;}
#footer .float-right ul li img{ max-width: 100%;}
@media screen and (max-width:1440px){
    #footer #end_nav li{ font-size: 12px; padding: 0 2%;}
}
@media screen and (max-width:1200px){
    #footer #end_nav li{ padding: 0 1.5%;}
    #footer .float-left{ padding-left: 3%;}
    #footer .end_lx{ padding-left: 5%;}
}
@media screen and (max-width:768px){
    #footer .end_lx{ border: none;}
    #end_line{ line-height: 30px; padding: 5px 0;}
}


/* 弹出二维码*/
.codemask {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9990;
    display: none;
}
.alertcode {
    width:758px;
    height: 313px;
    background: url(../Image/tcbg.jpg) no-repeat center;
    position: fixed;
    left:50%; margin-top: -156px; margin-left: -379px;
    top: 50%;
    z-index: 9999;
}
.codecolse {
    width:60px;
    height:60px;
    background:#000 url(../Image/close.png) no-repeat center;
    position: absolute;
    right: -30px;
    top: -30px;
    border-radius: 50%;
    z-index: 9999; cursor: pointer;
}
.alertcodel{ width: 380px; height: 313px; float: left; text-align: center; }
.alertcodelimg{ text-align: center; margin-top: 40%;}
.alertcodel li{ display: inline-block; width: 47%;}
.alertcodelimg img{ width: 75%; height: auto; }
.alertcodeltxt{text-align: center; font-size: 14px; color: #fff; margin-top: 10px; }
.alertcoder{ width:310px; overflow: hidden; float: right; margin-top: 60px; margin-right: 30px;}
.alertcoderp1{ height: 35px; line-height: 35px; font-size: 20px; font-weight: bold;}
.alertcoderp2{ line-height: 30px; font-size: 14px; color: #777777;background: url(../Image/add.png) left 6px no-repeat;padding-left: 30px;}
.alertcoderp5{ line-height: 30px; font-size: 14px; color: #777777;background: url(../Image/tel.png) left 6px no-repeat;padding-left: 30px;}
.alertcoderp3{ height: 30px; line-height: 26px; font-size: 14px; margin-top: 8px; color: #757575;}
.alertcoderp4{ height: 45px; line-height: 45px; margin-top: 10px; color: #c40001; background: url(../Image/tctel.png) no-repeat left center; padding-left: 35px; font-size: 30px;  font-weight: bold; font-family:Arial;}
.tcimg1{ position: absolute; bottom: -26px; left: -167px; }









/** main **/
.main{ line-height: 30px; padding: 3% 0;}
#xwbj{ background: url("../Image/xwbj.png") no-repeat center top;}
#gupiao{ border: 1px solid #eaeaea;}
#gupiao .font{ float: left; width: 20%; padding-top: 2%;}
#gupiao .font .tit{ font-size: 16px; padding: 5% 0 25%;}
#gupiao .font .tit span{ font-size: 36px; color: #1a76b9; font-family: Arial;}
#gupiao .font .nr{ color: #999999; font-size: 14px;}
#gupiao .pic{ float: right; width: 80%; text-align: center; height: 0; padding-bottom: 36%; position: relative; overflow: hidden; margin: 1% 0;}
#gupiao .pic a{ display: block; width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}
#gupiao .pic a img{ max-width: 100%; height: 100%;}


#cpzx{ margin: 0;}
#cpzx .swiper-slide { background-position: center; position: relative;}
#cpzx .swiper-slide img{ max-width: 100% !important; height: auto;}

#cpzx .gallery-top { height: auto; padding: 0;}
#cpzx .gallery-top .row{ margin: 0;}
#cpzx .gallery-top .swiper-slide{ height: 0; padding-bottom: 66%; position: relative; overflow: hidden;}
#cpzx .gallery-top .swiper-slide img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}
#cpzx .gallery-top .swiper-slide p{ position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 40px; line-height: 40px; color: #fff; text-align: center;}
#cpzx .gallery-top .swiper-button-next:after,#cpzx .gallery-top .swiper-button-prev:after{ display: none;}
#cpzx .gallery-top .swiper-button-next i,#cpzx .gallery-top .swiper-button-prev i{ color: #fff; font-size: 30px;}
#cpzx .gallery-top .swiper-button-next,#cpzx .gallery-top .swiper-button-prev{ background: rgba(0,106,183,0.7); width: 40px; height: 80px;}
#cpzx .gallery-top .swiper-button-next{ right: 0;}
#cpzx .gallery-top .swiper-button-prev{ left: 0; }

#cpzx .gallery-thumbs { height: auto; text-align: left; padding: 2% 15px 0 0;}
#xwtit{ padding-bottom: 10px; overflow: hidden;}
#xwtit .float-left p{ color: #343537; position: relative; font-size: 22px; position: relative; padding-left: 10px;}
#xwtit .float-left p:before{ position: absolute; left: 0; top: 10%; content: ''; width: 2px; height: 80%; background: #1b79bd;}
#xwtit .float-left span{ color: #d4d5d7; font-size: 12px; font-family: Aria; text-transform: uppercase;}
#xwtit .float-right{ line-height: 60px; font-size: 13px;}
#cpzx .gallery-thumbs .swiper-slide { border-bottom: 1px solid #eaeaea; width: 100%; cursor: pointer; height: 50px !important; line-height: 50px; transition: 0.3s;}
#cpzx .gallery-thumbs .swiper-slide p{ float: left; color: #5b5b5b; width: 80%; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
#cpzx .gallery-thumbs .swiper-slide p i{ margin-right: 5px;}
#cpzx .gallery-thumbs .swiper-slide span{ display: block; float: right; color: #989898; font-size: 12px;}
/*#cpzx .gallery-thumbs .swiper-slide-thumb-active { background: #f6f6f6; padding: 0 10px;}*/
#cpzx .gallery-thumbs .swiper-slide:hover { background: #f6f6f6; padding: 0 10px;}
@media screen and (max-width:1200px){
    #cpzx .gallery-top .big .pic{ padding-bottom: 53%;}
}
@media screen and (max-width:991px){
    #cpzx .gallery-top{ margin-top: 3%;}
    #cpzx .gallery-thumbs .swiper-wrapper{ padding-top: 0;}
}

#bj{ background: url("../Image/gd_bj.jpg") no-repeat center top;}

.tit_in{ text-align: center;}
.tit_in h2{ font-size: 36px; color: #333333;}
.tit_in span{ display: inline-block; color: #bfbfbf; font-size: 12px; text-transform: uppercase; position: relative;}
.tit_in span:before{ position: absolute; left: -30px; top: 50%; width: 20px; height: 1px; content: ''; background: #e9eaeb;}
.tit_in span:after{ position: absolute; right: -30px; top: 50%; width: 20px; height: 1px; content: ''; background: #e9eaeb;}
.tit_in p{ display: inline-block; color: #989898; font-size: 16px; position: relative;}
.tit_in p:before{ position: absolute; left: -100px; top: 25%; width: 84px; height: 17px; content: ''; background: url("../Image/left_jt.png") no-repeat left top; background-size: 100%;}
.tit_in p:after{ position: absolute; right: -100px; top: 25%; width: 84px; height: 17px; content: ''; background: url("../Image/right_jt.png") no-repeat left top; background-size: 100%;}
@media screen and (max-width:768px){
    .tit_in h2{ font-size: 26px;}
    .tit_in p{ font-size: 14px; padding: 0 10%;}
}

#case{position: relative; margin-top: 2%;}
#case .swiper-container {
    width: 100%;
    height: 100%;
}
#case .swiper-slide {
    transition:0.3s;
    overflow: hidden;
    position: relative;
    border: 1px solid #e8e8e8;
    background: #fff;
    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#case .swiper-slide .pic{ display: block; width: 100%; height: 0; padding-bottom: 80%; position: relative; overflow: hidden;}
#case .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s;}
#case .swiper-slide .font{ width: 100%; padding: 5%;}
#case .swiper-slide .font h5{ color: #262626; line-height: 40px; font-weight: bold;}
#case .swiper-slide .font h3{ color: #262626; font-size: 18px; font-weight: bold; position: relative; padding-bottom: 10px; transition:0.3s;}
#case .swiper-slide .font h3:before{ position: absolute; left: 0; bottom: 0; content: ''; background: #d2d2d2; width: 20px; height: 1px;}
#case .swiper-slide .font p{ color: #7e7e7e; padding-top: 10px; transition:0.3s;}
#case .swiper-slide .font i{ color: #d2d2d2; font-size: 20px; transition:0.3s;}
#case .swiper-slide:hover img{ transform: scale(1.1);}
#case .swiper-slide:hover{ background-color: #425ebe; background-image: linear-gradient(to right, #425ebe , #2446a3);}
#case .swiper-slide:hover .font h3,#case .swiper-slide:hover .font h5,#case .swiper-slide:hover p,#case .swiper-slide:hover i{ color: #fff;}

.more_in{ display: block; margin: 3% auto; text-align: center; position: relative; width: 15%; padding: 0 10px; height: 45px; line-height: 45px; background-color: #425ebe; background-image: linear-gradient(to right, #425ebe , #2446a3); color: #fff; transition: 0.3s; cursor: pointer;}
.more_in i:first-of-type{ float: left;}
.more_in i:last-of-type{ float: right;}
.more_in i{ font-size: 20px;}
.more_in:hover{ box-shadow: rgb(0 0 0 / 30%) 0 5px 5px; transform: translate3d(0,-2px,0); background-image: linear-gradient(to right, #2446a3 , #425ebe);}
@media screen and (max-width:991px){
    .more_in{ width: 30%;}
}
@media screen and (max-width:768px){
    .more_in{ width: 60%;}
}



#kjcx{position: relative; margin-top: 2%;}
#kjcx .swiper-container {
    width: 100%;
    height: 100%;
}
#kjcx .swiper-slide {
    transition:0.3s;
    position: relative;
    padding-bottom: 30px;
    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#kjcx .swiper-slide .pic{ display: block; width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden;}
#kjcx .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s;}
#kjcx .swiper-slide .tit{ position: absolute; bottom: 0; left: 5%; height: 70px; line-height: 60px; background: #fff; border-radius: 10px; width: 90%; text-align: center;}
#kjcx .swiper-slide .tit p{ position: relative; display: inline-block;}
#kjcx .swiper-slide .tit p:before{ position: absolute; width: 20%; height: 1px; bottom: 20%; left: 40%; content: ''; background: #d7d7d7;}
#kjcx .swiper-slide:hover img{ transform: scale(1.1);}
#kjcx .swiper-slide:hover .tit{ background-color: #425ebe; background-image: linear-gradient(to right, #425ebe , #2446a3); color: #fff;}


#gsjj_bj{ background: url("../Image/jj_bj.jpg") no-repeat center fixed;}
#gsjj_bj .main{ padding: 5% 0;}
#gsjj_bj .tit_in h2,#gsjj_bj .tit_in span,#gsjj_bj .tit_in p{ color: #fff;}
#gsjj_bj .tit_in p:before{ background: url("../Image/left_jt1.png") no-repeat left top;}
#gsjj_bj .tit_in p:after{ background: url("../Image/right_jt1.png") no-repeat left top;}
#gsjj_bj .content{ color: #fff; text-align: center; padding: 3% 20% 0;}
#gsjj_bj .more_in{ border: 1px solid rgba(255,255,255,0.2); background: none; color: rgba(255,255,255,0.8)}
#gsjj_bj .more_in:hover{ background: #fff; color: #425ebe; font-weight: bold;}
@media screen and (max-width:991px){
    #gsjj_bj .content{ padding: 3%;}
}

#news{position: relative; margin-top: 2%;}
#news .swiper-container {
    width: 100%;
    height: 100%;
}
#news .swiper-slide {
    transition:0.3s;
    overflow: hidden;
    position: relative;
    background: #fff;
    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#news .swiper-slide .pic{ display: block; width: 100%; height: 0; padding-bottom: 80%; position: relative; overflow: hidden;}
#news .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s;}
#news .swiper-slide .font{ width: 100%; padding: 3% 0;}
#news .swiper-slide .font span{ color: #999999; font-family: Arial;}
#news .swiper-slide .font h3{ color: #333333; font-size: 16px; transition:0.3s; font-weight: bold; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
#news .swiper-slide .font p{ color: #666666; font-size: 14px; padding-top: 10px; transition:0.3s;}
#news .swiper-slide .font .more{ height: 35px; line-height: 35px; border: 1px solid #e0e0e0; width: 30%; border-radius: 20px; text-align: center; float: left; margin-top: 3%; transition: 0.3s;}
#news .swiper-slide:hover img{ transform: scale(1.1);}
#news .swiper-slide:hover .more{ background: #0080fc; color: #fff;}
@media screen and (max-width:768px){
    #news{ padding: 0 15px;}
}



/** 公司简介 **/
#zi_banner{ position: relative;}
#zi_banner #pic{ width: 100%;}
#zi_banner #pic img{ width: 100%; height: auto;}
#zi_banner .main{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; padding-bottom: 0;}
#zi_banner .font{ text-align: center; color: #006ab7; font-size: 36px; padding-top: 4%;}
#zi_banner #home_nav{ position: absolute; left: 0; z-index: 1; bottom: 0; width: 100%;}
#zi_banner #home_nav .container{ background: rgba(255,255,255,0.2); border-top-right-radius: 5px; border-top-left-radius: 5px; border-bottom: 1px solid #e4e5e5; height: 80px; line-height: 80px;}
#zi_banner #home_nav .float-left{ padding-left: 2%; font-size: 15px; }
#zi_banner #home_nav .float-left a{ color: #333333; padding: 0 2%; transition: 0.3s;}
#zi_banner #home_nav .float-left a:hover{ color: #2a8dfc;}
#zi_banner #home_nav ul li{ float: right; padding: 0 1.5%; font-size: 14px; color: #666666; text-align: center; cursor: pointer; position: relative;}
#zi_banner #home_nav ul li:before{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; content: ''; background: url("../Image/logo_nav.png") no-repeat 40% center; opacity: 0; transition: 0.3s;}
#zi_banner #home_nav ul li p{ position: relative; z-index: 2;}
#zi_banner #home_nav ul li:hover:before{ opacity: 1; background: url("../Image/logo_nav.png") no-repeat center center;}
@media screen and (max-width:768px){
    #zi_banner #pic img{ width: 200%; margin-left: -15%;}
    #zi_banner #home_nav ul{ padding: 0;}
    #zi_banner #home_nav ul li{ width: 20%; font-size: 12px; padding: 0;}
    #zi_banner #home_nav .container{ height: 50px; line-height: 50px;}
    #zi_banner .font{ padding-top: 10%; font-size: 22px;}
    #zi_banner #home_nav ul li:before{ background: url("../Image/logo_nav.png") no-repeat 40% center; background-size: 50%;}
}




.hui{ background: #f6fbff;}
.gsjj{ border-bottom: 1px solid #e9e9e9;}
.jj_tit{ position: relative; margin: 80px 0 0 5%;}
.jj_tit:before{ position: absolute; left: -70px; top: -80px; content: ''; background: url("../Image/logo_sy.png") no-repeat left top; background-size: 100%; width: 188px; height: 161px;}
.jj_tit p{ color: #3f3f3f; font-size: 50px; font-weight: bold;  padding-bottom: 20px; text-transform: uppercase;}
.jj_tit span{ color: #3f3f3f; font-size: 30px; font-family: Arial; text-transform: uppercase;}
#jj_left .more{ float: left; margin-top: 12%; height: 50px; line-height: 50px; text-align: center; color: #fff; width: 150px; border-bottom-right-radius: 20px; border-top-left-radius: 20px; background-color: #425ebe; background-image: linear-gradient(to right, #425ebe , #2446a3);}
#jj_con .pic{ text-align: right; border-bottom: 1px solid #e9e9e9; padding-bottom: 3%;}
#jj_con .pic img{ max-width: 100%;}
#jj_con .content{ padding: 5% 0 0; font-size: 16px; line-height: 35px;}

#jj_sub{ padding: 3% 0;}
#jj_sub li{ text-align: left; padding-left: 5%; position: relative; cursor: pointer;}
#jj_sub li h1{ color: #3f3f3f; font-size: 18px; position: relative; z-index: 1;}
#jj_sub li h1 span{ font-family: num; font-size: 90px; padding-right: 10px;}
#jj_sub li p{ color: #666666; font-size: 18px; position: relative; z-index: 1;}
#jj_sub li:before{ position: absolute; width: 120px; height: 120px; background: #ebf0f2; left: 15%; top: 30%; content: ''; opacity: 0; transition: 0.3s;}
#jj_sub li:hover h1 span{ color: #2c5ca4;}
#jj_sub li:hover:before{ left: 27%; top: 35%; opacity: 1; }
@media screen and (max-width:1440px){
    .jj_tit p{ font-size: 40px;}
    #jj_sub li h1 span{ font-size: 65px;}
}
@media screen and (max-width:991px){
    .jj_tit{ margin: 36px 0 0 5%;}
    .jj_tit p{ font-size: 36px; padding-bottom: 10px;}
    .jj_tit:before { left: -35px; top: -28px; width: 130px; height: 130px; background-size: 85%; }
    #jj_sub li h1 span{ font-size: 50px;}
}
@media screen and (max-width:768px){
    .jj_tit p{ font-size: 24px;}
}

.factory-video .video-wrap { margin: auto; position: relative; height: 100%; max-height: 100vh; top: 0; left: 0; right: 0; -webkit-transition: ease 0.6s; -moz-transition: ease 0.6s; -o-transition: ease 0.6s; transition: ease 0.6s; overflow: hidden; }
.factory-video .video-wrap .video-item { object-fit: cover; width: 100%; }
.factory-video .video-wrap .video-shade { position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.5); display: none; z-index: 1; }
.factory-video .video-wrap .overlay { position: absolute; height: 100%; width: 100%; top: 0; bottom: 0; left: 0; right: 0; color: #ffffff; z-index: 3; opacity: 0; }
.factory-video .video-wrap .overlay h3 { font-size: 28px; }
@media (min-width: 1300px) { .factory-video .video-wrap .overlay h3 { font-size: 42px; } }
.factory-video .video-wrap .overlay .desc { font-size: 18px; }
@media (min-width: 1300px) { .factory-video .video-wrap .overlay .desc { font-size: 20px; } }
.factory-video .video-wrap .overlay .content { line-height: 2; }
@media (min-width: 1300px) { .factory-video .video-wrap .overlay .content { font-size: 18px; } }
.factory-video .video-container.fixed-video .video-wrap .overlay { opacity: 1; -webkit-transition: all 2s; -moz-transition: all 2s; -ms-transition: all 2s; -o-transition: all 2s; transition: all 2s; }


.bai{ position: relative; background-color: #fff; z-index: 5;}
.hui1{ background: #f1f4f7;}

#qyfz .swiper-container { width: 100%; height: auto; margin-left: auto; margin-right: auto;}
#qyfz .swiper-slide { background-size: cover; background-position: center; position: relative;}
#qyfz .gallery-top { height: auto; width: 100%; padding: 3% 0;}
#qyfz .gallery-top .swiper-slide{ padding: 0 8%;}
#qyfz .gallery-top .swiper-slide .pic{ width: 100%; height: 0; padding-bottom: 25%; position: relative; overflow: hidden; transition: 0.3s; border: 5px solid #f1f3f7; background: #fff;}
#qyfz .gallery-top .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; border-radius: 10px; transition: 0.3s;}
#qyfz .gallery-top .swiper-slide .pic:hover img{transform: scale(1.1);}
#qyfz .gallery-top .swiper-slide .font{ text-align: left; color: #6d7081; font-size: 16px; line-height: 35px;}
#qyfz .gallery-top .swiper-slide .font .bt{ font-size: 48px; color: #2446a3; font-family: Impact; height: auto; padding: 3% 0; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
#qyfz .gallery-top .swiper-slide .font .content{ font-size: 18px;}
#qyfz .swiper-button-next,#qyfz .swiper-button-prev{ background: #e9eef2; width: 70px; height: 70px; line-height: 45px; border-radius: 100%; top: 48%;}
#qyfz .swiper-button-next:after,#qyfz .swiper-button-prev:after{ display: none;}
#qyfz .swiper-button-next i,#qyfz .swiper-button-prev i{ font-size: 40px; color: #fff; transition: 0.3s;}
#qyfz .swiper-button-next{ right: 0;}
#qyfz .swiper-button-prev{ left: 0;}
#qyfz .swiper-button-next:hover,#qyfz .swiper-button-prev:hover{ background: #2446a3;}
#qyfz .swiper-button-next:hover i,#qyfz .swiper-button-prev:hover i{ color: #fff;}

#qyfz .gallery-thumbs { height: auto; text-align: center; margin-bottom: 1%; padding: 0; box-sizing: border-box; position: relative;}
#qyfz .gallery-thumbs:before{ position: absolute; content: ''; left: 0; bottom: 28px; height: 1px; width: 100%; background: rgba(204,204,204,0.2);}
#qyfz .gallery-thumbs .swiper-slide { height: auto; font-size: 14px; cursor: pointer; transition: 0.3s;}
#qyfz .gallery-thumbs .swiper-slide i{ color: #e5e5e5; font-size: 40px; transition: 0.3s;}
#qyfz .gallery-thumbs .swiper-slide p{ color: #8d8d8d; font-size: 24px; font-family: Impact; line-height: 50px; transition: 0.3s;}
#qyfz .gallery-thumbs .swiper-slide-thumb-active{ transform: scale(1.1);}
#qyfz .gallery-thumbs .swiper-slide-thumb-active i{ color: #2446a3; font-size: 50px;}
#qyfz .gallery-thumbs .swiper-slide-thumb-active p{ color: #2446a3; font-size: 36px;}
@media screen and (max-width:768px){
    #qyfz .gallery-top .swiper-slide .pic{ padding-bottom: 65%;}
    #qyfz .gallery-top .swiper-slide{ padding: 0;}
    #qyfz .swiper-button-next,#qyfz .swiper-button-prev{ display: none;}
    #qyfz .gallery-top .swiper-slide .font{ padding: 3% !important;}
}


#zc_font{ padding: 5% 7%; color: #666666; font-size: 16px; line-height: 37px; position: relative; margin-top: 2%;}
#zc_font i:first-of-type{ position: absolute; left: 2%; top: 5%; color: #2446a3; font-size: 60px;}
#zc_font i:last-of-type{ position: absolute; right: 2%; bottom: 5%; color: #2446a3; font-size: 60px;}
#zc_pic{ position: relative;}
#zc_pic img{ max-width: 100%;}
#zc_pic:before{ width: 210px; height: 280px; background: #2446a3; position: absolute; right: 10%; bottom: 0; content: '';}
@media screen and (max-width:1440px){
    #zc_font i,#zc_pic:before{ display: none;}
}
@media screen and (max-width:768px){
    #zc_font{ font-size: 14px; line-height: 26px;}
}

#jjwt{ position: relative;}
#jjwt .swiper-container { width: 100%; height: auto; margin-left: auto; margin-right: auto;}
#jjwt .swiper-slide { background-size: cover; background-position: center;}
#jjwt .gallery-top { height: 80%; width: 100%; position: relative; background: #000;}
#jjwt .gallery-top .tit_font{ position: absolute; z-index: 9; width: 100%; top: 10%;}
#jjwt .gallery-top .jj_tit p,#jjwt .gallery-top .jj_tit span{ color: #fff; padding: 0;}
#jjwt .gallery-top .jj_tit:before{ position: absolute; left: -30px; top: -30px; content: ''; background: url("../Image/logo_sy1.png") no-repeat left top; width: 188px; height: 161px;}
#jjwt .gallery-top .swiper-slide{ overflow: hidden;}
#jjwt .gallery-top .swiper-slide img{ width: 100%; opacity: 0.5;}
#jjwt .jjwt_font{ position: absolute; bottom: 3%; z-index: 9; width: 100%;}
#jjwt .gallery-thumbs { height: auto; box-sizing: border-box;}
#jjwt .gallery-thumbs .swiper-slide { height: 168px; width: 275px !important; cursor: pointer; overflow: hidden; transition: 0.3s; position: relative;}
#jjwt .gallery-thumbs .swiper-slide .pic{ width: 100%; height: 168px; position: relative; overflow: hidden; background: #fff; transition: 0.3s;}
#jjwt .gallery-thumbs .swiper-slide .pic img{ width: 100%; height: 100%; opacity: 0.2; object-fit: cover; left: 0; position: absolute; text-align: center;}
#jjwt .gallery-thumbs .swiper-slide .font{ position: absolute; left: 0; top: 0; width: 100%; height: auto; z-index: 1; padding: 5% 5% 0;}
#jjwt .gallery-thumbs .swiper-slide .font .content{ display: none;}
#jjwt .gallery-thumbs .swiper-slide .font i:first-of-type{ color: #8e8e8e; font-size: 20px;}
#jjwt .gallery-thumbs .swiper-slide .font .tit{ color: #333333; font-size: 18px; font-weight: bold;}
#jjwt .gallery-thumbs .swiper-slide .font i:last-of-type{ color: #474747; font-size: 25px;}
#jjwt .gallery-thumbs .swiper-slide-thumb-active { width: 453px !important; }
#jjwt .gallery-thumbs .swiper-slide-thumb-active .pic{ background: #0035ff; }
#jjwt .gallery-thumbs .swiper-slide-thumb-active .font .tit,#jjwt .gallery-thumbs .swiper-slide-thumb-active .font i:last-of-type,#jjwt .gallery-thumbs .swiper-slide-thumb-active .font .content{ color: #fff;}
#jjwt .gallery-thumbs .swiper-slide-thumb-active .font .content{ display: block; padding: 0.5% 0; line-height: 25px;}
#jjwt .gallery-thumbs .swiper-slide-thumb-active .font i:first-of-type{ display: none;}
@media screen and (max-width:1200px){
}
@media screen and (max-width: 991px){
    #jjwt .gallery-top .tit_font{ display: none;}
}
@media screen and (max-width:768px){
    #jjwt .gallery-thumbs .swiper-slide{ height: 150px;}
    #jjwt .gallery-thumbs .swiper-slide .pic{ height: 150px;}
    #jjwt .gallery-top .swiper-slide img{ width: 200%;}
    #jjwt .gallery-thumbs .swiper-slide,#jjwt .gallery-thumbs .swiper-slide-thumb-active{ width: 100% !important;}
}


#cqly_bj{ background: url("../Image/cqly_bj.jpg") no-repeat center top;}
#cqly_bj .font{ text-align: right; width: 40%; float: right; color: #6b6b6b; font-size: 16px;}
#cqly_bj .font p{ color: #4e4e4e; font-size: 30px; line-height: 60px;}
#cqly_bj .font p span{ font-size: 60px; font-family: arial;}
@media screen and (max-width:1440px){
    #cqly_bj .font{ width: 60%;}
}
@media screen and (max-width:1200px){
    #cqly_bj .font{ width: 100%;}
}
@media screen and (max-width:991px){
    #cqly_bj .font p{ font-size: 26px; line-height: 40px;}
    #cqly_bj .font p span{ font-size: 26px;}
}
@media screen and (max-width:768px){
    #cqly_bj .font p{ display: none;}
    #cqly_bj .font{ font-size: 13px; padding: 0 15px;}
}

#kjpic{ position: relative; margin-top: 5%;}
#kjpic .swiper-container {
    width: 100%;
    height: 100%;
    padding: 0;
}
#kjpic .swiper-slide {
    text-align: center;
    overflow: hidden;
    transition: 0.3s;

    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#kjpic .swiper-slide .pic{ width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden; border: 1px solid #efefef;}
#kjpic .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition:0.3s; }
#kjpic .swiper-slide:hover .pic img{ transform: scale(1.1);}
#kjpic .swiper-button-next,#kjpic .swiper-button-prev{ background: #2446a3; border: 1px solid #ccc; width: 45px; height: 45px; line-height: 45px; top: 48%; z-index: 1; transition:0.3s;}
#kjpic .swiper-button-next:after,#kjpic .swiper-button-prev:after{ display: none;}
#kjpic .swiper-button-next i,#kjpic .swiper-button-prev i{ font-size: 30px; color: #ccc; transition: 0.3s;}
#kjpic .swiper-button-next{ right: -5%;}
#kjpic .swiper-button-prev{ left: -5%;}
#kjpic .swiper-button-next:hover,#kjpic .swiper-button-prev:hover{ background: #2446a3; border: 1px solid #0060a3;}
#kjpic .swiper-button-next:hover i,#kjpic .swiper-button-prev:hover i{ color: #fff;}
@media screen and (max-width:768px){
    #kjpic .swiper-container{ padding: 3% 5%;}
    #kjpic .swiper-button-next{ right:0;}
    #kjpic .swiper-button-prev{ left:0;}
    #kjpic .swiper-button-next,#kjpic .swiper-button-prev{ width: 30px;}
    #kjpic .swiper-button-next i,#kjpic .swiper-button-prev i{ font-size: 30px;}
}



/*新闻页面*/
.xwnr{ position: relative;}
.xwnr:before{ position: absolute; content: ''; background: #006ab7; left: -8.35%; top: 0; width: 32%; height: 100%;}
@media screen and (max-width:991px){
    .xwnr:before{ display: none;}
}
.widget{ padding-top: 15%;}
.widget .short_title{ color: #fff; font-size: 24px; position: relative; padding: 10% 0 0; text-align: center;}
.widget .short_title:before{ position: absolute; left: 0; bottom: -15px; content: ''; background: url("../Image/logo_sy.png") no-repeat left top; width: 188px; height: 161px;}
#pro_list{ padding-top: 10%;}
#pro_list li{ position: relative; color: #fff; font-size: 16px; font-weight: bold; border-bottom: 1px solid rgba(255,255,255,0.2); height: 100px; line-height: 100px; padding: 0 10% 0 0;}
#pro_list li a{ color: #fff;}
/*#pro_list li:before{ background: #eef4f8; position: absolute; content: ''; right: 0; top: 0; width: 0; height: 100%; transition: 0.5s;}*/
/*#pro_list li:after{ content: ''; position: absolute; right: -5%; top: 40%; width: 0; height: 0; overflow: hidden; vertical-align: middle; border-right: 10px solid #fff; border-left: 0 none; border-top: 10px solid transparent; border-bottom: 10px solid transparent; _color: #FF3FFF; _filter: chroma(color=#fff); transition: 0.3s;}*/
#pro_list li p{ float: left; position: relative; background: url("../Image/logo_blue.png") no-repeat -25% center; padding-left: 10%; transition: 0.3s;}
#pro_list li i{ float: right; font-size: 20px; position: relative;}
#pro_list li:hover:before{ width: 150%;}
#pro_list li:hover:after{ right: 0;}
#pro_list li:hover p{ color: #fff; background: url("../Image/logo_bai.png") no-repeat left center;}
#pro_list li:hover i{ color: #fff;}
#pro_list #li-on:before{ width: 150%;}
#pro_list #li-on:after{ right: 0;}
#pro_list #li-on p{ color: #fff; background: url("../Image/logo_bai.png") no-repeat left center;}
#pro_list #li-on i{ color: #fff;}

@media screen and (max-width:1440px){
    #pro_list li{ font-size: 15px; padding: 0;}
    #pro_list li p{ padding: 0;}
    #pro_list li i{ display: none;}
}

@media screen and (max-width:1200px){
    #pro_list li{ font-size: 14px;}
}



.xw_lb .tit{ border-bottom: 3px solid #e7edf2;}
.xw_lb .tit .float-left{ color: #333333; font-size: 20px; font-weight: bold; height: 50px; position: relative; padding-left: 15px;}
.xw_lb .tit .float-left:before{ position: absolute; content: ''; left: 0; top: 15%; width: 4px; background: #006ab7; height: 35%;}
.xw_lb .tit .float-right{ color: #666666; font-size: 15px;}
.xw_lb ul{ padding: 1% 0 3%;}
.xw_lb ul li{ height: auto; border-bottom: 1px solid #e5e5e5; position: relative; transition: 0.3s; padding: 20px 0;}
.xw_lb ul li a{ display: block; float: left; position: relative; width: 90%;}
.xw_lb ul li a i{ width: 43px; height: 43px; line-height: 43px; margin-top: 15px; text-align: center; background: #ebf7ff; border-radius: 100%; display: block; float: left;}
.xw_lb ul li a .nr{ float: left; padding-left: 15px; width: 95%; line-height: 35px; color: #999;}
.xw_lb ul li a .nr span{ display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-weight: bold; color: #333; font-size: 16px;}
.xw_lb ul li p{ float: right;padding: 10px; font-family: Arial; font-size: 16px; text-align: center; line-height: 30px; color: #999999; position: relative;}
.xw_lb ul li p span{ font-size: 20px; display: block; font-weight: bold; border-bottom: 1px solid #efefef; }
.xw_lb ul li:before{ position: absolute; left: 0; top: 0; content: ''; height: 100%; background: #f9f9f9; width: 0; transition: 0.5s;}
.xw_lb ul li:hover:before{ width: 100%;}
.xw_lb ul li:hover{ padding: 20px 1%;}
@media screen and (max-width:768px){
    .xw_lb ul li:hover{ padding: 0;}
    .xw_lb ul li a{ width: 100%;}
    .xw_lb ul li p{ display: none;}
}

.xw_content{ padding-top: 2%;}
.xw_content img{ max-width: 100%; height: auto !important; /*display: block; margin: 10px auto;*/}


#linknews{ padding: 3% 0 8%;}
#linknews li{ border-bottom: 1px solid #e6e6e6; float: left; width: 50%; height: 70px; line-height: 70px; padding: 0 1%; position: relative; transition: 0.3s;}
#linknews li a{ display: block; float: left; position: relative; color: #2a8dfc; width: 80%;}
#linknews li a i{ width: 43px; height: 43px; line-height: 43px; margin-top: 12px; text-align: center; background: #ebf7ff; border-radius: 100%; display: block; float: left;}
#linknews li a span{ display: block; float: left; padding-left: 15px; width: 85%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
#linknews li p{ float: right; font-family: Arial; font-size: 13px; color: #a9a9a9; position: relative;}
#linknews li:before{ position: absolute; left: 0; top: 0; content: ''; height: 100%; background: #f9f9f9; width: 0; transition: 0.5s;}
#linknews li:hover:before{ width: 100%;}
@media screen and (max-width:1200px){
    #linknews li a i{ display: none;}
}
@media screen and (max-width:991px){
    #linknews li a i{ display: block;}
    #linknews li{ width: 100%;}
}
@media screen and (max-width:768px){
    #linknews li p{ display: none;}
    #linknews li a{ width: 100%;}
}
#prev_next{ border-top: 1px solid #e6e6e6;}
#prev_next li{ float: left; width: 50%; color: #999999; height: auto; line-height: 50px; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
#prev_next li a{ color: #999999;}
#prev_next li:last-of-type{ float: right;}
#prev_next li:hover{ color: #2a8dfc;}
#prev_next li:hover a{ color: #2a8dfc;}
@media screen and (max-width:991px){
    #prev_next li{  width: 100%; line-height: 25px; font-size: 13px; margin-top: 2%;}
}


.pic_show {padding: 0;}
.pic_show li{ margin-bottom: 3%;}
.pic_show .imgbox {width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden;}
.pic_show .imgbox img { object-fit: cover; left: 0; position: absolute; text-align: center; height:100%; width:100%; transition: 0.3s;}
/*.pic_show .shuiyin{position: absolute; background: url("../images/shuiyin.png") no-repeat center; z-index: 1; left: 0; top: 0; width: 100%; height: 100%;}*/
.pic_show .imgbox1 {width: 100%; height: 0; padding-bottom: 80%; position: relative; overflow: hidden;}
.pic_show .imgbox1 p { text-align: center; left: 0; position: absolute; height:100%; width:100%; transition: 0.3s;}
.pic_show .imgbox1 p img{ max-width: 100%; max-height: 100%; transition:0.3s;}
.pic_show li:hover .imgbox img {transform: scale(1.1);}

.pic_show .txtbox { height: 50px; line-height: 50px; text-align: center; font-size: 14px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: relative; background: #fff; border-bottom: 1px solid #e2e2e2;}
.pic_show .txtbox span{ display: block; z-index: 1; position: relative; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; transition:0.3s;}
.pic_show .txtbox:after {  position: absolute;content: ""; background: #006ab7; height: 100%; width:100%;  left: 0;bottom: 0;
    transition: all 0.5s;
    -webkit-transition: transform .5s;
    -moz-transition: transform .5s;
    -ms-transition: transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
}
.pic_show li:hover .txtbox::after { -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1);
    -o-transform: scaleX(1); transform: scaleX(1);
}
.pic_show li:hover .txtbox span{ color: #fff;}



/*产品中心*/
.cpbj{ background: #f6fbff;}
.cp_tit{ text-align: center; color: #343434; font-size: 36px; padding: 2% 0;}
.cp_padding{padding: 0 10% 10%;}
@media screen and (max-width:991px){
    .cp_tit{ font-size: 22px;}
}
@media screen and (max-width:768px){
    .cp_padding{padding: 0 0 10%;}
}

.pro_con{ position: relative; overflow: hidden; cursor: pointer;}
.pro_con .pic{width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden;}
.pro_con .pic img{object-fit: cover; left: 0; position: absolute; text-align: center; height:100%; width:100%; transition: 0.3s;}
.pro_con .pro_tit{ position: absolute; width: 100%; height: 50px; line-height: 50px; left: 0; bottom: 0; z-index: 1; text-align: center; background: #fff;}
.pro_con .content{ position: absolute; left: 0; top: 100%; z-index: 2; background: rgba(52,83,177,0.8); width: 100%; height: 100%; text-align: center; color: #fff; padding: 10%; transition: 0.3s; opacity: 0; overflow: hidden;}
.pro_con .content i{ font-size: 50px; display: inline-block;}
.pro_con .content .tit{ display: inline-block; padding: 0 5%; height: 70px; line-height: 70px; font-size: 24px; border-bottom: 1px solid #fff;}
.pro_con .content ul{ padding: 6% 0;}
.pro_con .content ul li{ display: inline-block; margin: 0 1%; height: 35px; line-height: 35px; border-radius: 20px; border: 1px solid #fff; padding: 0 5%; transition: 0.3s;}
.pro_con .content ul li a{ color: #fff;}
.pro_con .content ul li:hover{ background: #fff;}
.pro_con .content ul li:hover a{ color: #3453b1;}
.pro_con .content .nr{ padding: 0 5%; font-size: 16px; color: rgba(255,255,255,0.7);}
.pro_con:hover .content{ top: 0; opacity: 1;}
@media screen and (max-width:1200px){
    .pro_con .content{ padding: 5%;}
    .pro_con .content .tit{ font-size: 20px; height: 50px; line-height: 50px;}
    .pro_con .content .nr{ font-size: 14px;}
}

@media screen and (max-width:991px){
    .pro_con .content{ padding: 5%;}
    .pro_con .content i{ display: none;}
    .pro_con .content .tit{ font-size: 18px; height: 50px; line-height: 50px;}
    .pro_con .content .nr{ font-size: 12px;}
}





#cpmore{ width: 100%; height: 60px; line-height: 60px; text-align: center; font-size: 16px; background: url("../Image/morebj.jpg") no-repeat 40%; background-size: 100%; position: relative; margin-top: 4%; transition: 0.3s;}
#cpmore:before{ position: absolute; left: 0; top: 0; content: ''; background:  rgba(49,80,175,0.95); width: 100%; height: 100%;}
#cpmore p{ position: relative; color: #fff;}
#cpmore p i{ margin-left: 10px;}
#cpmore:hover{ background: url("../Image/morebj.jpg") no-repeat center 45%; background-size: 100%; letter-spacing: 3px;}


.pro_class{ background: #fff; position: relative; height: 80px; cursor: pointer;}
.pro_class .tit{ height: 80px; line-height: 80px; padding: 0 3%; position: relative; z-index: 2; background: #fff; border: 1px solid #e5e5e5;}
.pro_class .tit:before{ position: absolute; left: 0; top: 0; content: ''; width: 100%; height: 100%; background: url("../Image/cptit_bj.jpg") no-repeat right -10px; transition: 0.3s; opacity: 0;}
.pro_class .tit p{ float: left; position: relative; z-index: 1; font-size: 16px;}
.pro_class .tit p i{ color: #818181; padding-right: 20px;}
.pro_class .tit span{ display: block; float: right; width: 18px; height: 18px; position: relative; margin-top: 31px;}
.pro_class .tit span:before{ position: absolute; width: 4px; height: 18px; left: 7px; top: 0; content: ''; background: #333; transition: 0.3s;}
.pro_class .tit span:after{ position: absolute; width: 18px; height: 4px; left: 0; top: 7px; content: ''; background: #333;}
.pro_class ul{ position: absolute; z-index: 1; width: 100%; left: 0; top: 0; background: #fff; border: 1px solid #e5e5e5; border-top: none; height: 0;  padding: 3%; transition: 0.6s; overflow: hidden; opacity: 0;}
.pro_class ul li{ border-bottom: 1px solid #e5e5e5; transition: 0.3s; height: 70px; line-height: 70px; padding: 0 5%;}
.pro_class ul li p{ float: left; width: 13px; margin-right: 10px; overflow: hidden;}
.pro_class ul li p img{ margin-left: 0; transition: 0.3s;}
.pro_class ul li i{ float: right;}
.pro_class ul li:hover{ background: #f6f8fa;}
.pro_class ul li:hover p img{ margin-left: -13px;}
.pro_class:hover{ z-index: 5; box-shadow: 0 0 20px rgba(0,106,183,0.2);}
.pro_class:hover ul{ top: 80px; height: auto; opacity: 1; }
.pro_class:hover .tit span:before{ opacity: 0;}
.pro_class:hover .tit:before{ background: url("../Image/cptit_bj.jpg") no-repeat right -40px; opacity: 0.8; }
.pro_class:hover .tit p,.pro_class:hover .tit p i{ color: #fff;}
.pro_class:hover .tit span:after{ background: #fff;}

.cpbai{ padding: 5%; margin-top: 5%;}

#cphome{ height: 60px; line-height: 60px; color: #fff; font-size: 16px; background: #4965ba; }
#cphome a{ color: #fff; padding: 0 10px;}


.o_product{ margin: 0;}
.o_product_img{width: 100%; height: 0; padding-bottom: 35%; position: relative; overflow: hidden;}
.o_product_img img{object-fit: cover; left: 0; position: absolute; text-align: center; height:100%; width:100%; transition: 0.3s;}
.o_product_info{ padding: 0 0 0 5%;}
.o_product_info h2{ color: #343434; font-size: 36px; margin-bottom: 2%;}
.o_product_info table td{ padding: 0; border: none; font-size: 16px; line-height: 35px;}
.o_product_info table tr:nth-of-type(even) td{ border-bottom: 1px solid #e9e9e9; color: #939393; padding-bottom: 10px;}
.o_product_info table tr:nth-of-type(odd) td{ color: #343434; font-size: 16px; font-weight: bold; padding-top: 10px;}
.o_product_info ul .tit{ color: #343434; font-size: 16px; font-weight: bold;}
.o_product_info ul li{ float: left; height: 40px; line-height: 40px; border: 1px solid #d7d7d7; transition: 0.3s; border-radius: 20px; padding: 0 5%; margin: 2% 2% 0 0;}
.o_product_info ul li:hover{ background: #4965ba; color: #fff;}
.o_product_info ul li:hover a{ color: #fff;}
.product-content{ line-height: 35px; padding-top: 3%; color: #666666;}
@media screen and (max-width:991px){
    .o_product_img{ padding-bottom: 60%; margin-bottom: 2%;}
}



/*招聘*/
.inner_contact_02{ margin-top: 3%;}
#jobs_title{padding:0; width:100%; background: #464650;color: #fff;font-size: 14px;height: 54px;line-height: 54px; text-align: center;}
.inner_contact_02 .td1{width: 24.33%;float: left; text-align: center;}
.inner_contact_02 .td2{width: 21.33%;float: left; text-align: center;}
.inner_contact_02 .td3{width: 21.91%;float: left; text-align: center;}
.inner_contact_02 .td4{width: 17.41%;float: left; text-align: center;}
.inner_contact_02 .td5{width: 15%;float: left; text-align: center;}
.inner_contact_02 .td5 a{color: #dd0004;font-size: 14px;}
@media screen and (max-width:768px){
    .inner_contact_02 .td4{ width: 30%;}
    #zpbj .single_tit:before{ display: none;}
}

#jobs_ul{padding:0 0 73px;width: 100%;}
#jobs_ul li{width: 100%;}
#jobs_ul li .jobs_title{font-size: 14px; width: 100%; line-height: 30px; background: rgba(255,255,255,0.6); color: #777;padding:16px 0;border-bottom: solid 1px #efefef;}
#jobs_ul li .jobs_box{padding:20px 3.5% 36px;background: rgba(245,245,245,0.7); position: relative;display: none;}
#jobs_ul li .jobs_box .info1 {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 22px;
}
#jobs_ul li .jobs_box .info1 p {
    font-size: 14px;
    color: #333333;
    line-height: 25px;
    margin: 5px 0px !important;
}
#jobs_ul li .jobs_box .info2 {
    border-bottom: 1px solid #e5e5e5;
    padding: 14px 0 22px;
}
#jobs_ul li .jobs_box .info2 h3 {
    font-size: 18px;
    color: #333333;
    line-height: 3;
    font-weight: normal;
}
#jobs_ul li .jobs_box .info2 p {
    font-size: 14px;
    color: #777777;
    line-height: 2.5;
}
#jobs_ul li .jobs_box .info2 .float-right .pic{ padding-top: 3%;}
#jobs_ul li .jobs_box .info2 .float-right .pic img{ width: 30%;}
#jobs_ul li .jobs_box .info2 .float-left {
    width: 50%;float: left;
}
#jobs_ul li .jobs_box .info2 .float-right {
    width: 43.5%;float: right;
}
#jobs_ul li .jobs_box .info2 .float-left .info-box {
    border-right: 1px solid #e5e5e5;padding-right: 10%;
}
#jobs_ul li .jobs_box .info3 {
    margin-top: 31px;
}
#jobs_ul li .jobs_box .info3 .apply_btn {
    width: 151px;
    height: 41px;
    line-height: 41px;
    background: #dd0004;
    font-size: 16px;
    color: #ffffff;
    float: right;
    transition: 0.3s;
    text-align: center;
}
#jobs_ul li .jobs_box .info3 .apply_btn:hover {
    background: #bc9b6f;
}
#jobs_ul li .jobs_box .info3 .all {
    float: right;
    font-size: 14px;
    color: #777777;
    height: 41px;
    line-height: 41px;
    padding-left: 30px;
}
#jobs_ul li .jobs_box i {
    position: absolute;
    left: 18px;
    top: -12px;
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent #f5f5f5;
}











/************************************/
.page{margin:10px 20px 15px 0;}
.page a{display:inline-block;height:18px;line-height:18px;border:1px solid #dbdbdb;padding:0 2px 0;}
.page a:hover{background:#404040;color:#fff;border:none;height:20px;line-height:20px;padding:0 3px 0;}
.page .current {padding:0 6px 0;height:18px;line-height:18px;background:#404040;color:#fff;}
/****************news*****************/
.news_title{color:#3f3f3f;text-align:left; font-size: 24px; line-height:40px; padding-bottom: 10px;}
.meta{color:#999;text-align:left; height: 50px; border-bottom: 1px solid #e6e6e6;}
@media screen and (max-width:768px){
    .news_title{ font-size: 16px;}
}
/***********news_info**************/
.jobs li{ height:auto; margin:23px 18px 18px 28px;border-bottom:1px dotted #666; position:relative;}
.jobs a{ position:absolute; right:0; top:0;float:right;width:71px;height:34px;color:#fff;text-align:center;line-height:34px; display:block; background:#f00;}
.jobs strong{color:#da020d;}
.jobs p{/*margin:6px 0 -134px 156px;*/line-height:35px;}
/***************jobs***************/
.rel_center{ text-align:center; left:50%;}
.pro_name{display:block;color:#da020d;text-align:left; font-size: 18px; margin-bottom: 10px;}
.info_title{ height: 60px; border-bottom: 1px solid #ececec; text-align: center; color: #343434; font-size: 30px;}
.info_title b{display:inline-block; padding: 0 20px; height:100%; border-right:1px solid #fff; background:#333; color:#fff; line-height:35px;}
.info_title a{margin:8px;width:15px;height:15px;background-position:0 -426px;}
/********goods_info&jobs_info*******/
.order{ font-size: 13px; width: 100%;}
.order tr{ padding-bottom: 10px; height: 40px;}
.order .t_r{ width: 25%;}
.order input{ border: 1px solid #ccc;  width: 100%; height: 30px; line-height: 30px; width: 100%;}
.order img{vertical-align:-5px;cursor:pointer;}
#submit{width:50%;height:35px; line-height: 35px; color:#000;cursor:pointer;}
/**************order&message********/
.sitemap{ width:996px; float:left; /*border:3px solid #f0f0f0;*/ margin-top:10px; margin-bottom:10px;}
.m1{ height:20px; line-height:20px; margin-top:20px; margin-left:20px;}
.m2{ margin-left:20px; margin-top:20px; line-height:25px;}
.m2 span{ font-size:14px; font-weight:bold;}
.m2t{ border:1px solid #f0f0f0; width:800px; padding-left:4px; margin-top:2px; padding:10px; margin-bottom:20px;}
.m2t ul{}
.m2t ul li{ list-style-type:none; float:left; width:150px;}
.m2t ul li a:hover{ color:red}