@import "iconfont.css";


*{ margin:0; padding:0; border: 0;background: none;vertical-align: top; }
address,cite,dfn,em,var, i {font-style:normal;}
body {font-family: "Microsoft YaHei","微软雅黑",Arial,sans-serif;
    font-size: 16px;color:#333;background: #f6f6f6}
table { border-collapse:collapse; border-spacing:0; }
a,
img {
    -webkit-touch-callout: none;
    max-width: 100%;
}
ul,li {margin: 0;}
button {cursor: pointer;}
a {color: #333;}
a:active,
a:focus,
a:hover,
a:visited {text-decoration: none;
    cursor: pointer;
    }
a:hover {color: #0054a5;}
input[type=password],
input[type=text],
textarea {
    resize: none;
    outline: 0;
    -webkit-appearance: none;
    white-space: pre-wrap;
    word-wrap: break-word;
    background: #fff
}
ul, ol { list-style: none; }
:focus{ outline:none;}
.clearfix{ clear: both; content: ""; display: block; overflow: hidden }
.clear{clear: both;}
.fl{ float: left; }
.fr{float: right;}

.db {display: -webkit-box;-webkit-box-align: center;}
.db > li, .boxFlex { -moz-box-flex: 1.0; -webkit-box-flex: 1.0; }
.tar {
    text-align: right;
}
.rel {
    position: relative;
}
.abs {
    position: absolute;
}


.tac {
    text-align: center;
}
.text-overflow { display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.bet { display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    -webkit-justify-content:space-between
}
.wrap {-webkit-flex-flow:wrap;flex-flow: wrap;}


.flex{
    display: flex;
    flex-wrap: wrap;
}
.flex1{
    flex: 1;
}
.c-999 {
    color: #999;
}
.c-666 {
    color: #666;
}

/*  */
.flexcenter{
    display:-webkit-flex; 
    justify-content: center;/*水平居中*/
    align-items: center;/*垂直居中*/
    -webkit-align-items:center; 
}
















.is_wap {display: none !important;}
.is_pc {display: block;}

.inline-box { font-size: 0px; text-align: center; }
.inline-box li, .inlineb { display: inline-block; vertical-align: middle; *display: inline;*zoom:1;}
.tar {text-align: right;}
div:focus{
	outline:none;
}
div {outline: none;}
.tables { display: table; table-layout: fixed; width: 100%; height: 100%;margin: 0;}
.tables li, .cell {display: table-cell;vertical-align: middle;}


.jbox {display: inline-block;width: 0;height: 0;border:5px solid transparent;border-left-color: #666;margin-left: 3px;vertical-align: middle;}
.pics {height: 100%;width: 100%;object-fit: cover;top:0;left:0;z-index: -1;}



.trsAll {
-webkit-transition: all .6s;
-o-transition: all .6s;
transition: all .6s;
position: relative;
}


.text-overflow { display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.c000 {color: #000;}
.c1 {color: #009aff}



.menu-btn {height: 16px;width: 24px;position: relative;display: block;margin-left: 20px;}
.menu-btn span {display: block;height: 2px;background-color: #35589a;position: absolute;left: 0;width: 100%;-webkit-transition: all 0.3s;transition: all 0.3s;}
.menu-btn span:nth-of-type(1) {top: 0;}
.menu-btn span:nth-of-type(2) {top: 50%;margin-top: -1px;}
.menu-btn span:nth-of-type(3) {bottom: 0;}
.menu-btn.active span:nth-of-type(1) {-webkit-transform:rotate(45deg);transform:rotate(45deg);top: 7px;}
.menu-btn.active span:nth-of-type(2) {opacity: 0;}
.menu-btn.active span:nth-of-type(3) {-webkit-transform:rotate(-45deg);transform:rotate(-45deg);bottom: 7px;}





/* Slider */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0 !important}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block}
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}

/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 20px; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

/* Dots */
.slick-slider {}
.slick-dots { position: absolute; bottom: 10px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; z-index: 2;}
.slick-dots li { position: relative; display: inline-block; height: 10px; width: 10px; margin: 0px 5px; padding: 0px; cursor: pointer; background: #fff;border-radius: 50%}
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; opacity: 0;display: none;}
.slick-dots li button:focus { outline: none; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { opacity: 0.75; background: #000}
.slick-dots li.slick-active {background: #0054a5;}




.header {padding: 25px 0;background: #fff;}
.header .b1 {font-size: 15px;color: #666666;text-align: right;}
.lang {background: url(../images/bg_lang.jpg) no-repeat right center;height: 19px;padding-right: 60px;position: relative;}
.header .link a {margin: 0 8px;font-size: 15px;}
.header .link {font-size: 12px;}
.lang a {width: 30px;height: 20px;display: block;position: absolute;top:0;right:0;}
.lang a:nth-child(1) {right:30px;}



.so {margin: 15px 0;overflow: hidden;}
.so form {display: block;overflow: hidden;height: 36px;border:1px solid #e5e5e5;border-radius: 17px;float: right;}
.so .inp, .so button {height: 34px;border:0;line-height: 34px;}
.so .inp {padding: 0 20px;float: left;width: 220px;display: block;font-size: 14px;}
.so button {width: 56px;height: 36px;background: #dc3a3c url(../images/ico_so.jpg) no-repeat center center;color: #fff;float: right;}

.tel {font-size: 18px;background: url(../images/ico_tel.jpg) no-repeat 0 center;padding-left: 50px;line-height: 30px;}
.tel span {font-size: 34px;color: #dc3a3c;}


.nav {height: 52px;line-height: 52px;background: #0054a5;color: #fff;}
.nav li {float: left;}
.nav a {color: #fff;font-size: 18px;position: relative;padding: 0 65px;}
.nav a:after {content:'';width: 1px;height: 20px;display: block;position: absolute;top:50%;right: 0;background: #fff;margin-top: -10px;}
.nav li:last-child a:after {display: none;}

.fz36 {font-size: 36px;}

.bann .abs {top:0;left:0;width: 100%;color: #fff;text-align: center;height: 100%;}
.bann .abs span {display: block;width: 32px;height: 3px;background: #fff;margin: 20px auto 0 auto;}

.bread {height: 60px;line-height: 60px;background: #fff;}
.bread .fl {background: url(../images/ico_home.jpg) no-repeat 0 center;padding-left: 30px;}

.bread ul li {margin-left: 40px;float: left;}
.bread ul li a {display: block;border-bottom: 3px solid #fff;}
.bread ul li.on a {color: #0054a5;border-bottom-color: #0054a5;}


.about_f1, .about_f2, .about_f3, .about_f4 {padding: 80px 0}

.title1 span {display: block;width: 32px;height: 3px;background: #cccccc;margin-top: 20px;}

.about_f1 .pic {margin-left: 50px;}
.about_f1 .p {line-height: 1.8; padding: 20px 0 0 0}


.about_f2 {background: url(../images/bg2.jpg) no-repeat;background-size: cover;}
.about_f2 .title1 {color: #fff;margin-bottom: 15px;}

.about_f2 ul {margin: 0 -15px;}
.about_f2 ul li {float: left;width: 33.333333%;}
.about_f2 ul li .b {margin: 15px;background: #fff;text-align: center;padding: 30px;line-height: 1.8}
.about_f2 ul li .b .ico {width: 90px;height: 90px;background: #0054a5;line-height: 90px;margin: 0 auto;border-radius: 50%;-webkit-transition: -webkit-transform 1s;}
.about_f2 ul li .b .t {font-size: 20px;padding: 10px 0}
.about_f2 ul li .b p {color: #666;font-size: 16px;height: 40px;}
.about_f2 ul li:hover .b .ico {-webkit-transform:rotate(360deg);}


.about_f3 ul {margin-top: 30px ;}
.about_f3 ul li {width: 33.3333%;text-align: center;line-height: 1.8}
.about_f3 ul li .b {padding: 50px 30px;margin: 0 15px;background: #fff;}
.about_f3 ul li .b p {margin-top: 20px;}
.about_f3 ul li .b:hover {box-shadow: 0 0 10px rgba(205,205,205,0.5);}


.about_f4 {background: #fff;}

.main {margin: 60px 0}
.news_list li {padding: 15px 0;}
.news_list li a {background: rgba(255,255,255,0.7)}
.news_list li a .boxFlex {margin: 40px 50px 40px 40px;border-right: 1px solid #d7d7d7;padding-right: 50px;}
.news_list li a .boxFlex .t {font-size: 24px;}
.news_list li a .boxFlex .t span {display: block;width: 33px;height: 3px;background: #ccc;margin: 20px 0;}
.news_list li a .boxFlex .p {line-height: 1.6;color: #333;}
.news_list li a .time {font-size: 50px;color: #cccccc;text-align: right;margin-right: 40px;}
.news_list li a .time span {display: block;font-size: 24px;}
.news_list li a .more {width: 143px;height: 40px;background: #0054a5;color: #fff;text-align: center;line-height: 40px;border-radius: 20px;margin: 0 40px 0 0;display: none;}
.news_list li a:hover .more {display: block;}
.news_list li a:hover .time {display: none;}
.news_list li a:hover {background: #fff;}


.view_main {background: #fff;padding: 0 30px;}
.view_main h2 {font-size: 30px;color: #000;padding: 70px 0 20px 0;text-align: center;}
.view_main .str {text-align: center;border-bottom: 1px solid #eee;margin-bottom: 30px;color: #666;padding-bottom: 30px;}
.view_main .str span {margin: 0 10px;}
.view_main .p {line-height: 1.8;}
.view_main .clearfix {padding: 25px 0;border-top: 1px solid #eee;margin-top: 25px;}


.act_f1 {margin: 30px 0 0 0;background: #fff;}
.act_f1 .dt {width: 50%;}
.act_f1 .info {padding: 70px 40px;margin-left: 50%;}
.act_f1 .info .t {font-size: 26px;color: #000;}
.act_f1 .info .t span {display: block;margin: 15px 0;width: 33px;height: 3px;background: #bebebe;}
.act_f1 .info .p {line-height: 1.8;margin-bottom: 20px;}
.act_f1 .info .m span {display: block;margin-top: 10px;}

.title1 p {font-size: 16px;color: #666;margin-top: 10px;}
.act_f2 {padding: 50px 0 0 0}
.act_f2 .box {padding: 50px;background: #fff;margin-top: 30px;}
.act_f2 table {width: 100%;}
.act_f2 table .inp, 
.act_f2 table textarea {background: #f5f5f5;height: 56px;padding: 10px;width: 100%;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;margin-top: 5px;}
.act_f2 table td {padding: 10px;}
.act_f2 table textarea {height: 130px;}
.act_f2 table button {width: 200px;height: 52px;border:0;background: #0054a5;color: #fff;margin: 30px auto 0 auto;display: block;}


.page {font-size: 0;text-align: center;padding: 50px 0 0 0}
.page a, .page span {display:inline-block;*display: inline;*zoom: 1;background: #fff;border:1px solid #eee;padding: 12px 20px;text-transform: uppercase;margin: 0 5px;font-size: 14px;}
.page a:hover, .page a.on {background: #004ea1;color: #fff;}


.faq_list {margin-top: 30px;margin-bottom: -10px;}
.faq_list li {margin-bottom: 20px;}
.faq_list .t {background: #fff url(../images/why.jpg) no-repeat 30px center;line-height: 50px;padding-left:70px;cursor:pointer;}
.faq_list .t span {background: url(../images/arr_right2.jpg) no-repeat right center;display: block;margin-right: 20px;}
.faq_list .p {background: #fff url(../images/ico_a.jpg) no-repeat 30px 30px;padding: 30px 30px 30px 70px;line-height: 1.8;display: none;}
.faq_list li .t.on {background-image: url(../images/why_on.jpg) ;color: #fff;background-color: #0054a5}
.faq_list li .t.on span {background-image: url(../images/arr_down.jpg)}


.down_list {margin-top: 30px;}
.down_list li {margin-bottom: 20px;background: #fff;padding: 16px 0;}
.down_list li .time {padding: 0 40px;border-right: 1px solid #ccc;margin-right: 40px;font-size: 15px;text-align: center;line-height: 24px;}
.down_list li .time span {font-size: 24px;display: block;}
.down_list li a {display: block;width: 128px;height: 40px;background: #dadada;text-align: center;line-height: 40px;margin-right: 30px;border-radius: 5px;}
.down_list li a span {background: url(../images/down.jpg) no-repeat 0 center;padding: 0 0 0 24px;font-size: 14px;color: #666;}
.down_list li:hover {background: #0054a5;color: #fff;}
.down_list li:hover a {background: #fff;}
.down_list li:hover a span {background-image: url(../images/down_on.jpg)}

.ser_box {margin-top: 30px;background: #fff}
.ser_box li {width: 50%;}
.ser_box li .info {padding: 50px;line-height: 1.8}


.job_info {background: url(../images/bg1.jpg) no-repeat;padding: 40px 50px;line-height: 1.6;background-size: cover;margin-top: 30px;}

.job_list table {width: 100%;border-collapse:separate; border-spacing:0 20px;}
.job_list table .info {display: none;line-height: 1.8;}
.job_list table .info .p {padding: 20px 30px;}
.job_list table .t td {background: #fff;height: 60px;padding: 0 20px;line-height: 60px;}
.job_list table .t.on td {background: #0054a5;color: #fff;}
.job_list table .t td .ico {background: url(../images/arr_right.jpg) no-repeat;width: 36px;height: 36px;vertical-align: middle;display: inline-block;}
.job_list table .t.on td .ico {background-image: url(../images/arr_up.jpg)}


.ml {width: 268px;}
.title2 {height: 88px;line-height: 88px;padding: 0 20px;background: #0054a5;font-size: 26px;color: #fff;border-radius: 5px 5px 0 0}
.sub {line-height: 50px;background: #fff;}
.sub li a {overflow: hidden;height: 50px;background:#e5e5e5 url(../images/sub_li.jpg) no-repeat 22px center;padding-left: 40px;display: block;border-bottom: 1px solid #fff;}
.sub li ul {display: none;}
.sub li.on a {background-image: url(../images/sub_on.jpg);color: #0054a5;}
.sub li.on ul {display: block;}
.sub li.on ul li a {background: #fff;border-bottom: 1px solid #e5e5e5;color: #333;}
.sub li.on ul li.on a, .sub li.on ul li a:hover {color: #0054a5;border-color: #0054a5;background: #f9f9f9}

.mlTel {height: 98px;background: url(../images/bg_tel.jpg) no-repeat;color: #fff;font-size: 16px;font-weight: bold;padding-left: 70px;margin-top: 20px;}
.mlTel span {display: block;font-size: 26px;font-family: arial;padding-top: 16px;}


.mr {margin-left: 268px;padding-left: 30px;}

.pro_list {margin: -14px;overflow: hidden;}
.pro_list li {width: 33.3333%;float: left;}
.pro_list li .b {margin: 14px;border-bottom: 1px solid #dedede;padding: 0 0 30px 0}
.pro_list li .b .more a {display: inline-block;height: 36px;border:1px solid #dedede;padding: 0 30px;line-height: 34px;color: #666;background: #fff;border-radius: 18px;}
.pro_list li .b .pic {margin-bottom: 20px;}
.pro_list li .b .pic .abs {top:0;left:0;width: 100%;height: 100%;background: rgba(8,75,140,0.3);color: #fff;text-align: center;visibility: hidden;}
.pro_list li .b .pic .abs span {display: block;margin-top: 10px;}
.pro_list li .b .info .t {font-size: 20px;color: #000;}
.pro_list li .b .info .p {color: #666;line-height: 1.8;padding: 10px 0 14px 0}
.pro_list li .b:hover {border-color: #0054a5;color: #0054a5;}
.pro_list li .b:hover .more a {background: #0054a5;color: #fff;}
.pro_list li .b:hover .info .t,
.pro_list li .b:hover .info .p {color: #0054a5;}
.pro_list li .b:hover .pic .abs {visibility:visible;}

.list10 {margin: 30px 0 50px 0;overflow: hidden;}
.list10 .item {float: left;text-align: center;margin-right: 30px;}
.list10 .item a > span {display: block;background: #0054a5;color: #fff;height: 54px;line-height: 54px;overflow: hidden;}
.list10 .item img {width: 100%;}
.list10 .slick-dots {position: relative;padding: 30px 0 0 0}
.list10 .slick-dots li {background: #fff;border:1px solid #d4d4d4;height: 14px;width: 14px;}
.list10 .slick-dots li.slick-active {background: #0054a5}

.pro_box {background: #fff;padding: 50px;}
.pro_box h2 {text-align: center;font-size: 32px;line-height: 40px;margin-bottom: 30px;}


.tab .hd {background: #f6f6f6;height: 56px;line-height: 56px;border-bottom: 2px solid #0f5eaa;margin-bottom: 30px;}
.tab .hd li {padding: 0 30px;float: left;position: relative;cursor: pointer;}
.tab .hd li:after {content:'';display: block;width: 1px;height: 13px;background: #bfbfbf;position: absolute;top:50%;right: 0;margin-top: -6px;}
.tab .hd li span {font-size: 18px;}
.tab .hd li.on span {color: #0f5eaa;font-weight: bold;}

.tab .bd {line-height: 1.8;}
.tab .bd .ci {display: none;}
.tab .bd .ci:nth-child(1) {display: block;}

.ascroll {width: 100%;margin: 30px 0px 44px 0px;}
.ascroll .item {width: 231px;border:1px solid #ccc;margin-right: 10px;}
.ascroll .item img {width: 100%;}
.ascroll .slick-arrow {position: absolute;left:-30px;top:0;height: 100%;background: #e7e7e7;color: #666;line-height: 140px;cursor: pointer;}
.ascroll .next {right: -20px;left:auto;}
.ascroll .on {border-color: #0054a5}
.ascroll .slick-arrow:hover {background: #0054a5;color: #fff;}


.home_f1 {padding: 80px 0;background: #fff;}
.home_f1 video {width: 100%;}
.home_f1 .info {margin-right: 50px;}
.home_f1 .video {width: 722px;}
.home_f1 .info .t {font-size: 42px;color: rgb(0, 84, 165);font-weight: bold;line-height: 45px;}
.home_f1 .info .t .cn {font-size: 34px;color: #000000;font-weight: normal;}
.home_f1 .info .t span {width: 33px;height: 3px;background: #ccc;display: block;margin: 20px 0;}
.home_f1 .info .p {line-height: 1.8}
.home_f1 .info .more a {display: block;width: 140px;height: 42px;background: #0054a5;color: #fff;text-align: center;border-radius: 21px;line-height: 42px;}
.home_f1 .info ul {text-align: left;margin: 30px 0;}
.home_f1 .info ul li {margin-right: 50px;}
.home_f1 .info ul li span {font-size: 16px;color: #666;display: block;}
.home_f1 .info ul li span.ico {width: 60px;height: 60px;border-radius: 30px;background-color: #ececec;background-position: center center;background-repeat: no-repeat;margin-bottom: 10px;}
.home_f1 .info ul li span.i1 {background-image: url(../images/ico11_01.png)}
.home_f1 .info ul li span.i2 {background-image: url(../images/ico11_02.png)}
.home_f1 .info ul li span.i3 {background-image: url(../images/ico11_03.png)}


.home_f1 .info ul li:hover span.ico {background-color: #0054a5;}
.home_f1 .info ul li:hover span {color: #0054a5;}
.home_f1 .info ul li:hover span.i1 {background-image: url(../images/ico11_01_on.png)}
.home_f1 .info ul li:hover span.i2 {background-image: url(../images/ico11_02_on.png)}
.home_f1 .info ul li:hover span.i3 {background-image: url(../images/ico11_03_on.png)}


.home_f2 {padding: 50px 0 80px 0;background: url(../images/12.jpg) no-repeat;background-size: cover;}
.title3 {margin-bottom: 30px;}
.title3 h3 {font-size: 40px;color: #000;font-weight: bold;}
.title3 p {font-size: 18px;}

.home_f2 .list10 {margin: 0 -15px -15px -15px;}
.home_f2 .list10 .item {width: 33.33333%;margin: 0;}
.home_f2 .list10 .item a {display: block;margin: 15px;}


.list10 .pic .abs {top:0;left:0;width: 100%;height: 100%;background: rgba(8,75,140,0.3);color: #fff;text-align: center;visibility: hidden;}
.list10 .pic .abs span {display: block;margin-top: 10px;}
.list10 .pic .abs img {width: auto;height: auto;}
.list10 .item:hover .pic .abs {visibility:visible;}


.home_f3 {background: url(../images/15.png) no-repeat;background-size: cover;padding: 80px 0;position: relative;}
.list100 li {float: left;width: 550px;height: 320px;background: url(../images/x1.png) no-repeat;margin-top: 60px;}
.list100 li .db {height: 100%;}
.list100 li .db .boxFlex {padding: 0 0 0 30px}
.list100 li .db .boxFlex .t {color: #104c94;font-size: 22px;font-weight: bold;}
.list100 li .db .boxFlex .t:after {content:'';width: 26px;height: 3px;background: #0054a5;display: block;margin: 10px 0;}


.list100 li:nth-child(1) .db {padding-right: 60px;}
.list100 li:nth-child(1) .db .boxFlex {padding-left: 0;}
.list100 li:nth-child(2) {float: right;background-image: url(../images/x2.png)}
.list100 li:nth-child(3) {float: right;background-image: url(../images/x3.png);width: 100%;background-position: center top;}


.list100 li:nth-child(3) .db {padding: 0 100px;margin: 0 auto;width: 860px;}
.list100 li:nth-child(2) .db {padding-left: 60px;}

.home_f4 {background: #fff;padding: 80px 0}

.n_list li {width: 33.3333%;}
.n_list li:nth-child(1),
.n_list li:nth-child(2) {
    width: 50%
}
.n_list li .db {background: #f4f4f6;margin-right:30px;margin-bottom: 30px;}
.n_list li .time {font-size: 16px;color: #999999;}
.n_list li .name {font-size: 20px;color: #000;font-weight: bold;}
.n_list li .boxFlex {padding: 26px;}
.n_list li .x {width: 27px;height: 3px;margin: 10px 0;background: #cbcbcb}
.n_list li .more {width: 114px;height: 34px;display: block;background: #0054a5;color: #fff;text-align: center;line-height: 34px;border-radius: 17px;}
.n_list li .pic {display: none;}

.n_list li:nth-child(1) .pic,
.n_list li:nth-child(2) .pic{
    display: block;
}
.n_list li p {height: 66px;overflow: hidden;}

.scroll100 {
    width: 268px;position: absolute;left:50%;margin-left: -134px;top:290px;
}




.bottom_link {background:url(../images/bg_bot.jpg) no-repeat;font-size: 18px;text-align: center;padding: 38px 0;background-size: cover;}
.bottom_link li .ico {width: 138px;height: 120px;background: url(../images/k1.png) no-repeat;margin: 0 auto 20px auto;}
.bottom_link li .ico span {background-repeat: no-repeat;background-position: center center;display: block;width: 100%;height: 100%;}
.bottom_link li:nth-child(1) .ico span {background-image: url(../images/ico1.png)}
.bottom_link li:nth-child(2) .ico span {background-image: url(../images/ico2.png)}
.bottom_link li:nth-child(3) .ico span {background-image: url(../images/ico3.png)}
.bottom_link li:nth-child(4) .ico span {background-image: url(../images/ico4.png)}
.bottom_link li:nth-child(5) .ico span {background-image: url(../images/ico5.png)}


.bottom_link li a:hover .ico {background-image: url(../images/k2.png)}
.bottom_link li:nth-child(1) a:hover .ico span {background-image: url(../images/ico1_on.png)}
.bottom_link li:nth-child(2) a:hover .ico span {background-image: url(../images/ico2_on.png)}
.bottom_link li:nth-child(3) a:hover .ico span {background-image: url(../images/ico3_on.png)}
.bottom_link li:nth-child(4) a:hover .ico span {background-image: url(../images/ico4_on.png)}
.bottom_link li:nth-child(5) a:hover .ico span {background-image: url(../images/ico5_on.png)}


.bottom_link a:hover {color: #104c94;}





.footer .cr {border-top: 1px solid #ccc;padding: 15px 0;margin: 15px 0 0 0;color: #666;}

.footer {line-height: 1.7;}
.footer .loging .t {font-size: 20px;font-weight: bold;margin: 15px 0;color: #333;}
.footer .m span {display: block;margin-top: 10px;}
.footer .flex1 {margin-left: 3%;}
.footer .it {float: left;margin-left: 5%;}

.footer .it .t {border-bottom: 1px solid #ccc;font-size: 18px;padding: 0 0 14px;margin-bottom:14px;width: 120px;}
.footer .it .t a {color: #333;}
.footer .it ul li a {color: #666;}
.footer .it ul li a:hover {color: #104c94;}

.footer .flex {padding:60px 0}









.cloud img {
  -webkit-animation: scale_img 30s infinite ease-out alternate;
  -moz-animation: scale_img 30s infinite ease-out alternate;
  -ms-animation: scale_img 30s infinite ease-out alternate;
  animation: scale_img 30s infinite ease-out alternate;
}


@-webkit-keyframes scale_img{
  0%{
    transform:scale(1) translateX(0px);
  }
  100% {
    transform:scale(1.2) translateX(0px);
  }
}
@keyframes scale_img{
  0%{
    transform:scale(1) translateX(0px);
  }
  100% {
    transform:scale(1.2) translateX(0px);
  }
}






@media (min-width:768px) {
  .vertical-middle-sm {display: table;}
   .vertical-middle-sm > div, .vertical-middle-sm > li {
      display: table-cell;
      height: 100%;
      min-height: 100%;
      float: none !important;vertical-align: middle;
    }
}

@media (max-width:1630px) {  

	
}

@media (min-width:1200px) {
  .container {
  }

}

@media (min-width:1440px) {
  .container {
    width: 1300px !important;;
  }	

}

@media (max-width:1440px) {  




}
@media (max-width:1200px) {


}




@media (max-width:1200px) {


}
@media (max-width:1024px){
   

}
@media (max-width:992px) {



}

@media (max-width:768px) {
    .header .db {
        display: block;
    }
    .so form {float: none;}
    .nav {height: auto;line-height: 30px;text-align: center;padding: 5px 0}
    .nav li {width: 33.3333%;}
    .nav .container {padding: 0}
    .nav li a {font-size: 16px;padding: 0 ;display: block;}
    .nav li:nth-child(3n) a:after {display: none;}
    .tel span {display: block;}
.slick-dots li {width: 5px;height: 5px;}
.slick-dots {bottom:0px;}

.home_f1 {padding: 50px 0}
.home_f1 .container {display: block;}
.home_f1 .info {margin: 0;}
.home_f1 .info .t {font-size: 30px;line-height: 35px;}
.home_f1 .info .t .cn {font-size: 30px;}
.home_f1 .video {width: 100%}
.home_f1 .video video {height: 260px}
.title3 h3  {font-size: 30px;}
.title3 p {font-size: 14px;}
.home_f2 .list10 {padding: 0 5px;}
.home_f2 .list10 .item {width: 50%}
.home_f2 .list10 .item a {margin: 5px;}
.footer .flex {display: none;}
.cr {font-size: 14px;}
.cr div {float: none;}
  .bottom_link {display: none;}


.fz36 {font-size: 28px;}
.n_list li:nth-child(1), .n_list li:nth-child(2) {width: 100%}
.n_list li {width: 100%}
.n_list li .db {margin: 0 0 15px 0;display: block;}
.n_list li .db img {width: 100%}
.n_list li p {font-size: 14px;height: auto;}
.scroll100 {position: relative;margin: 0;left:0;top:0;}
.list100 li {width: auto;}
.list100 li:nth-child(1) .db {padding-right: 0}
.list100 li:nth-child(3) .db {display: block;width: auto;padding: 30px 0 0 0}
.home_f3  {padding: 50px 0 0 0}
.bann {height: 220px;font-size: 24px;}
.bann img {width: 100%;height: 100%;object-fit: cover;}
.bread .fl {display: none;}
.bread .fr {float: none;}
.bread .fr li {margin-left: 0;margin-right: 14px;}
.about_f1 .db {display: block;}
.about_f1 .pic {margin: 20px 0 0 0;}
.about_f2 ul li {width: auto;float: none;}
.about_f3 ul li {width: auto;float: none;margin-bottom: 15px;}
.about_f3 ul li .b {margin: 0 ;}
.about_f1, .about_f2, .about_f3, .about_f4 {padding: 60px 0}


.ml {float: none;width: auto;}
.mr {float: none;width: auto;margin-left: 0;padding-left: 0}
.page a, .page span {padding: 5px 10px;}
.page .page {margin-top: 0;padding-top: 0;}
.pro_list {margin-top: 20px;}
.pro_list li {width: 50%}
.pro_list li .b .info .p {font-size: 14px;height: 100px;}
.pro_list li .b {margin: 5px;}
.pro_list {padding: 5px;}
.pro_list li .b .more a {font-size: 14px;}
.pro_list li .b .info .t {font-size: 18px;}
.mlTel {display: none;}
.title2 {line-height: 60px;height: 60px;font-size: 24px;}
.pro_box {padding: 20px;}
.tab .hd li span {font-size: 16px;}
.tab .hd li {padding: 0 20px;}
.list10 .item {margin: 0 5px;}
.news_list li a {display: block;}
.news_list li a img {width: 100%}
.news_list li a .boxFlex {padding-bottom: 40px;margin: 0;padding: 30px;border:0;}
.news_list li a .time, .news_list li a .more {display: none !important}
.news_list li a .boxFlex .t {font-size: 20px;}
.news_list li a .boxFlex .p {font-size: 14px;}
.news_list li a .boxFlex .t span {margin: 10px 0;}
.main {margin: 40px 0}
.view_main .str span {font-size: 12px;}
.view_main {padding: 0 20px;}
.view_main img {height: auto;}
.view_main .clearfix {font-size: 14px;}
.view_main .clearfix .fl {margin-bottom: 5px;}
.faq_list .t span {height: 50px;overflow: hidden;padding-right: 30px;}
.down_list li .time {padding: 0 15px;margin-right:15px;}
.down_list li a {margin-right: 15px;width: 80px;}
.ser_box li {width: 100%}
.ser_box li .info {padding: 20px}
.act_f1 .dt {width: 100%;float: none;}

.act_f1 .info {padding: 20px 20px;margin: 0;}
.act_f2 .box {padding: 20px;}
.job_info {padding: 30px ;}

.job_list table .info .p {font-size: 14px;padding: 0 20px;}




}


@media (max-width: 821px){




}
@media (max-width:720px){
	
}
@media (max-width:640px){
  

}
@media (max-width:639px){


}
@media (max-width:570px){


	
}
@media (max-width:480px){


}

}
@media (max-width:420px){

}
.mm-page__blocker{z-index: 2000;}