@charset "UTF-8";
/*------------// Overall //------------------*/
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body{font:12px/140% 'Microsoft YaHei', Arial, sans-serif;color:#5a5a5a; margin:0; background:#FFF;padding: 0;}
html,body{-webkit-text-size-adjust:none; font-family: 'Microsoft YaHei', Arial, sans-serif !important;height: 100%;}
table,td{font:12px/140% -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; color:#5a5a5a;}
table{border-collapse:collapse; border-spacing:0; empty-cells:show; }
em {font-style: initial;}
th, td { border-collapse:collapse; }
a:link{text-decoration:none; color:#5a5a5a;}
a:visited{text-decoration:none; color:#5a5a5a;}
a:hover {text-decoration: none;color: #02396c;}
img{ border:0; }
img {vertical-align: top;max-width: 100%;}
div,p,img,ul,ol,li,form,input,label,span,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner{   border:none;padding:0 }
a{blr:expression(this.onFocus=this.blur())} /*for IE*/
a{outline:none;} /*for Firefox*/
i {font-style: initial;}
ol,ul,li{list-style-type:none;}
.cl:after{content:"";display:block;clear:both;visibility:hidden;}
.clearfix:after{content:"";display:block;clear:both;visibility:hidden;}
.cl{zoom:1;}
.clearfix{zoom:1;}
.z {float: left}
.y {float: right;}
.clear {clear: both;}
.clear:after{content:"";display:block;clear:both;visibility:hidden;}
.container {max-width: 1300px;margin: 0 auto;}
.center {text-align: center}
@media (max-width: 1300px){
    .pd15{padding: 0 15px;}
}

/*分页*/
.am-pagination {padding-left: 0;margin: 1.5rem 0;list-style: none;color: #999999;text-align: left;}
.am-pagination {position: relative;}
.am-pagination-default {margin-left: 10px;margin-right: 10px;font-size: 16px; text-align: center}
.am-pagination:before, .am-pagination:after {content: " "; /* display: table; */}
.am-pagination > li {display: inline-block;}
.am-pagination > li > a, .am-pagination > li > span {position: relative;display: block;padding: 0.5em 1em;text-decoration: none;line-height: 1.2;background-color: #ffffff;border: 1px solid #dddddd;border-radius: 2px;margin-bottom: 5px;margin-right: 5px;}
.am-pagination > .am-active > a, .am-pagination > .am-active > span, .am-pagination > .am-active > a:hover, .am-pagination > .am-active > span:hover, .am-pagination > .am-active > a:focus, .am-pagination > .am-active > span:focus {z-index: 0;color: #ffffff;background-color: #cf2820;border-color: #cf2820;cursor: default;}
.am-pagination .am-pagination-next {float: right;}
.am-pagination .am-pagination-next a {border-radius: 2px;}
.am-pagination > li:last-child > a, .am-pagination > li:last-child > span {margin-right: 0;}
.am-pagination-default .am-pagination-prev, .am-pagination-default .am-pagination-next {float: none;}



@font-face {
    font-family: 'hy';
    src: url('webfonts/hyhj.ttf');
    font-weight: normal;
    font-style: normal;
}






.header {padding: 0 20px;position:relative;z-index: 10;top: 0;left: 0;box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 5px;width: 100%;background: #f2f2f2;}
.header_i {width: 100%;max-width: 1300px;margin: auto;height: 80px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.header.bg {box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);}
.header.bg .header_i {height: 80px;}
.header .logo a, .header .logo img {display: block;}
.header_r {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
.header_nav {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;font-size: 16px;line-height: 80px;color: #000000;position: relative;}
.header_nav li { padding: 0 15px;}
.header_nav li:last-child { padding-right: 0}
.header_nav li a {display: block;position: relative;}
.header_nav li a::after {content: '';position: absolute;bottom: 12px;left: 0;right: 0;width: 0;margin: auto;height: 4px;border-radius: 2px;background: #02396c;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.header_nav li.active > a, .header_nav li.on > a {color: #02396c;}
.header_nav li.active a::after,
.header_nav li.on a::after {width: 30px;}
.header_nav li {position: relative}
.header_nav .ex::before{position: absolute;content:'';z-index:999;margin-top: -20px;left: 50% !important;margin-left: -5px !important;width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #005CA9;}
.header_nav li .ex{position: absolute;top: 80px;background-color: #005CA9;padding: 15px 0px;left: -15px;right: -15px;width: auto; display: none}
/*.header_nav li:hover >.ex{top: 60px;opacity: 1;}transition: top 300ms, opacity 300ms;top: -370px;opacity: 0;*/
.header_nav li >.ex p{line-height: 35px;text-align: center;}
.header_nav li >.ex p:last-child{border-bottom: none;}
.header_nav li >.ex p a{color: #fff;white-space: nowrap;display: block;padding: 0px 20px;text-align: center;overflow: hidden;text-overflow: ellipsis;}
.header_nav li >.ex p:hover a{background: #004782
}

/*.header_nav::after {content: '';position: absolute;right: 0;top: 0;bottom: 0;margin: auto;width: 1px;height: 12px;background-color: #000000;}*/
.header_r_r {position: relative; margin-left: 20px; margin-top: 10px; padding-left: 10px;}
.header_r_r a {margin-left: 10px;font-size: 16px;color: #000000;display: block;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.header_r_r a:hover {color: #02396c;}
.header_r_r::after {content: '';position: absolute;left: 0;top: 0;bottom: 0;margin: auto;width: 1px;height: 12px;background-color: #000000;}

.header .second_nav {height: 60px;background: #f5f5f5;position: fixed;top: 90px;left: 0;width: 100%;line-height: 60px;display: none;font-size: 0;text-align: center;box-shadow: 0px 5px 9.9px 0.1px rgba(155, 155, 155, 0.1);}
.header.bg .second_nav {top: 80px;}
.header .second_nav h6 {display: inline-block;}
.header .second_nav a {display: block;font-size: 14px;height: 60px!important;line-height: 60px!important;padding: 0 20px;color: #888;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.header .second_nav a::after {display: none;}
.header .second_nav a:hover {color: #02396c;}
.search_header {position: fixed;top: 0;left: 0;z-index: 9999;width: 100%;background: #e5e5e5;padding: 0 80px;}
.search_headeri {width: 100%;max-width: 1600px;margin: auto;height: 100px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.search_headeri .inp {width: calc(100% - 210px);position: relative;}
.search_headeri .inp img {position: absolute;top: 0;bottom: 0;left: 0;margin: auto;}
.search_headeri .inp input {display: block;width: 100%;height: 40px;border: 0;background: transparent;padding-left: 30px;font-size: 16px;color: #333;}
.search_headeri .inp input::placeholder {color: #ccc;}
.search_headeri .close {width: 30px;height: 30px;background: #333333;border-radius: 50%;overflow: hidden;position: relative;display: block;margin-left: 45px;}
.search_headeri .close::before,.search_headeri .close::after {content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: 16px;height: 1px;background: #fff;-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);transform: rotateZ(45deg);}
.search_headeri .close::after {-webkit-transform: rotateZ(-45deg);-moz-transform: rotateZ(-45deg);-ms-transform: rotateZ(-45deg);-o-transform: rotateZ(-45deg);transform: rotateZ(-45deg);}
.search_headeri .btn {background: #000000;border-radius: 5px;width: 90px;height: 40px;line-height: 40px;text-align: center;color: #fff;font-size: 12px;margin-left: 45px;display: block;}
.hds.is-fixed .header{
    position: fixed;
    animation: dhs .5s linear both;
    -webkit-animation: dhs .5s linear both;
}





.top {background: #eaeaea;border-bottom: 1px solid #e1e1e1;z-index: 99999;min-width: 1300px;}
.top>div {max-width: 1300px;margin: 0 auto;}
.top>div>ul>li {margin-right: 20px;}
.top>div>ul>li>a {display: block;line-height: 35px;color: #5e5e5e;font-size: 14px;}
.top>div>ul>li>a:hover {color: #009c9d;}
.top>div>ul>li>a:hover>span {border-top: 7px solid #009c9d;}
.top>div>ul>li>a>span {display: inline-block;width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 7px solid #939292;margin-left: 5px;position: relative;top: -1px;}
.top>div>ul>li>a>span>i {margin-right: 2px;}
.top>div>ul.y>li {position: relative;}
.top>div>ul.y>li>div {display: none;position: absolute;top: 100%;background: #fff;border: 1px solid #ddd;border-top: none;width: 120px;height: 120px;z-index: 11;right: -58px;}
.top>div>ul.y>li:hover>div {display: block;}
.top>div>ul.y>li>div a {color: #5e5e5e;font-size: 12px;}
.top>div>ul.y>li {margin-right: 0;margin-left: 20px;}
.top>div>p {font-size: 14px;line-height: 35px;color: #5e5e5e;}
.top>div>p>a {color: #fe5102;}

.xspro {
    background-image: url(../images/bg3.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.tel .name i {
    font-size: 20px;
    background: url("../images/phones.png") no-repeat;
    background-size: 100%;
    width: 22px;
    height: 22px;
}

.spro{ padding-top:70px; max-width:1300px; margin:0 auto; padding-bottom:80px;}
.spro_con{ margin-top:70px; margin-left: -10px;margin-right: -10px; position: relative;}
.spro_con .swiper-pagination-bullet {width: 12px;height: 12px;margin: 0 5px;}
.spro_con .swiper-pagination-bullet-active {background: #00579e}
.spro_con .swiper-pagination {position: relative;text-align: center;top: 30px;}
.spro .i{position: relative;cursor: pointer;overflow: hidden;box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1);margin: 10px 10px;}
.spro .i >img{width: 100%;transition: transform 300ms;height: 430px;object-fit: cover;}
.spro .i:hover >img{transform: scale(1.05, 1.05);}

.spro .i >.cta{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 1;line-height: 100%;text-align: center;color: #fff;font-size: 24px;font-weight: 600;display: flex;flex-direction: column;justify-content: center;}
.spro .i >.cta span{display: block;font-size: 12px;border: 1px solid #00579e; background: #00579e;width: 110px;line-height: 30px;margin: 15px auto 0px;border-radius: 5px;}
.spro .i:hover >.cta{opacity: 0;}

.spro .i >.ct{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 73, 146, .8);opacity: 0;line-height: 100%;text-align: center;color: #fff;font-size: 24px;font-weight: 600;display: flex;flex-direction: column;justify-content: center;}
.spro .i >.ct span{display: block;font-size: 12px;border: 1px solid #fff;width: 110px;line-height: 30px;margin: 15px auto 0px;border-radius: 5px;}
.spro .i:hover >.ct{opacity: 1;}


@media (max-width:1600px) {
    .spro{ width:93.75%; margin:0 auto; padding:50px 0px 60px;}
    .spro_con{ margin-top:40px;}
}
@media (max-width:768px) {
    .spro{ padding:30px 0px 30px;}
    .spro .swiper-scrollbar{ margin-top:55px;}
}
@media (max-width:550px) {
    .spro_con{ margin-top:20px;}
}



.b-2 {margin-top: 90px;    margin-bottom: 90px;}
.c-line {width: 35px;height: 2px;background: url(../images/c-line.png) no-repeat;display: inline-block;margin: 18px 0;}
.c-img { font-size: 35px; line-height: 35px; font-weight: bold; font-family: tahoma,geneva,sans-serif;} .c-txt {font-size: 18px;color: #333;}
.services-1  {margin-top: 70px;}
.services-1 .col-sm-2 {width: 16.66666667%;float: left;}
.services-1 .col-wrapper {padding: 0 10px}
.services-1 h3 {
    font-size: 15px;
    line-height: 24px;
}
.services-1 .icon-wrapper {position: relative;height: 80px;margin-bottom: 30px;}
.services-1 .icon-wrapper i {font-size: 50px}
.services-1 .icon-wrapper i:after {content: "";display: block;position: absolute;bottom: 0px;left: 50%;margin-left: -15px;border-bottom: 1px solid rgb(1, 59, 94);width: 30px;}
.services-2 .row {text-align: left}
.services-2 .icon {display: table}
.services-2 .row  .icon {float: left;margin-right: 20px;}
.services-2 .row .text {overflow: hidden}
.services-2 .icon i.icn {color: #2e2e2e;line-height: 1;font-size: 35px;text-transform: uppercase;-webkit-transition: all 200ms ease-in;-o-transition: all 200ms ease-in;-moz-transition: all 200ms ease-in;}
.cz_eqh {
    margin-top: 80px;
    margin-bottom: 100px;
}
[class*='cz_split_box_'] {
    overflow: hidden;
}
#cz_59088 {box-shadow: 0px 13px 60px 0px rgba(0, 87, 158, 0.28);}
.cz_wpe_content h1 {font-size: 32px; font-weight: normal; line-height: 34px; margin-top: 15px; color: #000; }
.wpb_wrapper .i {font-size: 15px; line-height: 24px; color: #999; text-indent: 2em; height: 192px; overflow: hidden; }
.cz_btn strong {color: #fff; font-size: 14px; }
.cz_split_box_left > div, .cz_split_box_right > div {position: relative; width: 50%; float: left; }
.cz_split_box {z-index: -1; background-size: cover; background-position: center center; }
.cz_box_front_inner, .cz_box_back_inner {margin: 0; padding: 30px; transition: all .2s ease-in-out; }
#cz_59088 .cz_box_front_inner {background-color: #ffffff; padding: 40px 50px 60px; }
[class*='cz_split_box_'] .cz_box_front_inner > span {content: ''; z-index: 1; visibility: visible; position: absolute; top: 50%; left: 0; width: 20px; height: 20px; background: inherit; transform: translate(-50%, -50%) rotate(45deg); }
.cz_box_front_inner > div {border-radius: inherit; }
.cz_title {position: relative; z-index: 1; }
#cz_56045 .cz_title_content {margin-bottom: 20px; }
.cz_title_content {display: table; position: relative; word-break: break-word; transition: all .2s ease-in-out; }
.cz_title_content > span {margin: 0 15px 0 0; position: relative; font-size: 20px; transition: all .2s ease-in-out; }
.cz_title_content .cz_line_side_solo {font-size: 0; height: 4px; width: 50px; display: inline-block; vertical-align: bottom; margin: 0 20px 0 0; background: rgba(167, 167, 167, .4); }
#cz_56045 .cz_title_line span, #cz_56045 .cz_line_side_solo {background-color: transparent; background-image: linear-gradient(90deg,#006f68,#000000); width: 120px; height: 3px; position: absolute; top: 34px; left: -150px; }
.cz_title_content > * {display: table-cell; }
.cz_title_content * {margin: 0; }
.cz_title_content > div {position: relative; z-index: 2; vertical-align: middle; word-break: normal; }
.cz_title_content * {margin: 0; }
.cz_btn_left {float: left; }
.cz_btn {position: relative; display: inline-block; border: 0; margin: 0 0 -10px; overflow: hidden; padding: .6em 1.2em; border-style: solid; color: #fff; background: #4e71fe; text-align: initial; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; transition: all .2s ease-in-out; }
.cz_btn{color: #ffffff; background-color: #013b5e; padding: 12px 80px; border-style: none; border-width: 1px; border-radius: 0px; }
.image-b {display: none }

.col-wrapper:hover .icon-wrapper .image-b{display: initial;}
.col-wrapper:hover .icon-wrapper .image-a{display: none;}


.sab{background:url(../images/abgj.jpg) no-repeat center top;padding-top:110px;}
.sabm{ max-width:1300px; margin:0 auto; padding-bottom:40px;}
.sab_tit{ font-size:28px; font-weight:bold; line-height:28px; text-align:center; color:#fff;}
.sab_en{ text-align:center; text-transform:uppercase; font-size:16px; color:#fff; margin-top:25px;}
.sab_con{ margin-top:116px; overflow:hidden}
.sabli{ float:left; width:calc(33.33% - 6px); margin:0px 3px;}
.sab_wz{ background:#f4f4f4; height:250px; box-sizing:border-box;}
.sabs_tit{ padding-top:60px; text-align:center; font-size:24px; font-weight:bold; color:#333; line-height:24PX;}
.sabs_zy{ margin:0 auto;margin-top:30px;line-height:34px; color:#666666; font-size:16px; text-align:center}
.sabli:nth-child(1) .sabs_zy{ width:400px;  }
.sabli:nth-child(2) .sabs_zy{ width:375px;}
.sabli:nth-child(3) .sabs_zy{ width:320px;}








/*首页轮播图  */
.banner{  position:relative;}
.banner .swiper-container{ }


.banner .swiper-pagination{ position:absolute; top:50%; transform:translateY(-50%); z-index:55;}
.banner .swiper-pagination1{ position:absolute; bottom:50px; z-index:6; text-align:center; width:100%;}
.banner .swiper-pagination1 span{ display:inline-block; width:22px; height:22px; margin:0 5px; background:url(../images/dian1.png) no-repeat center; opacity:1;}
.banner .swiper-pagination1 span.swiper-pagination-bullet-active{ background:url(../images/dian2.png) no-repeat center;}







.div1sa{ background:url(../images/1_35.jpg) top left no-repeat; padding-top:38px; color:#333; line-height:32px;}
.div1sa .z {font-size: 38px;font-weight: 600;}
.div1sa .y a{ color:#02396c; font-size:16px;}
.div1sa .y a:hover{ color:#aa1f25;}
.sidebar-slide-cats .typelist li a.active {
    background: #dae4ff;
}


/*新闻资讯*/
.gg {background: url(../images/1_34.jpg) center top no-repeat;padding-top: 70px;padding-bottom: 100px;max-width: 1300px;margin: 0 auto;}
.gg .div2{ margin-top:40px;}
.gg .div2 ul li{ width:23.5%; margin-right:2%; float:left; background:#fff; box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1);padding-bottom: 20px;}
.gg .div2 ul li:nth-child(4n){margin-right:0;}
.gg .div2 ul li .p1 img{ width:100%;}
.gg .div2 ul li .p2{ padding:16px;}
.gg .div2 ul li .p2 .pp1 {color: #333;font-size: 20px;height: 25px;line-height: 24px;overflow: hidden;}
.gg .div2 ul li .p2 .pp2{ color:#999; font-size:16px; margin-top:10px;}
.gg .div2 ul li .p2 .pp3{ color:#666; font-size:14px; line-height:24px; height:48px; overflow:hidden; margin-top:5px;}



.b-5{background:#3c3c3c;padding:50px 0;   border-top: 9px solid #c83427;}
.b-5 h2{font-size:16px;font-weight:normal;border-bottom:1px solid #e3e3e3;padding-bottom:10px;margin-bottom:20px;color: #fff;}
.b-5 .g1 {width: 40%;float: left;padding-right: 20px;}
.b-5 .g1 h2 span {font-size: 12px;}
.b-5 .g1 p{font-size:15px;color:#cccccc;line-height:24px; }
.b-5 .g1 span{font-family:Arial;}
.b-5 .g1 .add{margin-top:7px;}
.b-5 .g2 {width: 30%;float: left}
.b-5 .g2 ul {padding-left: 18px;}
.b-5 .g2 li {width: 33.33%;float: left;list-style-type: circle;padding-left: 5px;    color: #fff;}
.b-5 .g2 li a {height: 25px;display: block;font-size: 15px;color: #ccc;}
.b-5 .g2 h2 span {font-size: 12px;}
.b-5 .g3 {width: 30%;float: right;padding-left: 20px;}
.b-5 .g3 .ewm {text-align: right;}
.b-5 .g3 .ewm img{box-shadow: 0 0 10px #ddd; width: 100px;}
.b-5 .g3 .ewm-a {float: right;width: 36%;}
.b-5 .g3 li{margin-bottom:12px;}
.b-5 .g3 li a{display:block;width:116px;height:34px;line-height:34px;border:1px solid #e5e5e5;font-size:15px;background:url(qq.png) left 13px center no-repeat;padding-left:38px;box-sizing:border-box;}

.footer{background: #333;padding:30px 0;font-size:14px;color:#fff;}
.footer .mes{border-bottom: 1px solid #b1b1b1;padding-bottom:26px;}
.footer .mes .ftnav{float:left;}
.footer .mes .ftnav a{color:#fff;}
.footer .mes .ftnav a:hover{color:#5e8ff8;}
.footer .mes .tel{float:right;position:relative}
.footer .copyright{padding-top:30px;}
.footer .copyright span{float:right;}
.footer .copyright span a{color:#fff;}
.footer .copyright a{color:#fff;}
.footer .copyright a:hover{color:#5e8ff8;}
.footer .to-top img {width: 20px;padding-top: 13px;}
.footer .to-top {top: -15px;position: absolute;width: 50px;text-align: center;height: 45px;background: #888;}
.footer .to-top:hover {background: #00579e;}