@charset "utf-8";
/* CSS Document */

* {outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
html {font: normal 14px "Microsoft YaHei";-webkit-text-size-adjust: 100%}
body {padding: 0;margin: 0 auto;font-size: 14px; color: #666666; font-family: "Microsoft YaHei","Arial";
    -webkit-text-size-adjust: none;
    /*取出点击出现半透明的灰色背景*/
    -webkit-tap-highlight: rgba(0,0,0,0);
    /*控制内容的可选择性*/
    /*-webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;*/
}
input[type="button"],
input[type="submit"],
input[type="reset"] {-webkit-appearance: none;}
ul,
li,
form,
dl,
dt,
dd,
div,
ol,
figure,
aside{padding: 0;margin: 0;}
.ul,
.ul li{list-style: none;}
table {border-collapse: collapse;border-spacing: 0}
table td {border-collapse: collapse;font-size: 14px;}
select, input, textarea {font-size: 14px;color: #333;border-radius: 0;-webkit-border-radius: 0;font-family: "Microsoft YaHei","Arial";}
img{border: none;max-width: 100%;vertical-align: middle;}
a {color: #333;text-decoration: none;noline:-webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */}
a:hover {color: #0075c1;text-decoration: none;}
a:focus {color: #000;outline: none;-moz-outline: none;}
a:active {color: #000;}
pre{
    white-space:pre-wrap;
    white-space:-moz-pre-wrap;
    white-space:-pre-wrap;
    white-space:-o-pre-wrap;
    word-wrap:break-word;
    margin:0;
    font-family: "Microsoft YaHei","Arial";
    text-align:justify;
    text-justify:inter-ideograph;
}
select {
    /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
    border: solid 1px #000;
    /*很关键：将默认的select选择框样式清除*/
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    /*在选择框的最右侧中间显示小箭头图片*/
    background: url(../images/select.gif) no-repeat scroll 96% center transparent;
    /*为下拉小箭头留出一点位置，避免被文字覆盖*/
    padding-right: 14px;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
    display: none;
}

.clear {clear: both;height: 0px;overflow: hidden;zoom: 0;}
.clearfix {*zoom:1;}/*IE/7/6*/
.clearfix:after { content:"\200B"; display:block; height:0; clear:both; }

.dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
/*多行文本省略号*/
.dot2,
.dot3,
.dot4{ display:-moz-box;display:box;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;}
/*2行文本省略号*/
.dot2 {-webkit-line-clamp: 2;}
/*3行文本省略号*/
.dot3 {-webkit-line-clamp: 3;}
/*4行文本省略号*/
.dot4 {-webkit-line-clamp: 4;}
.Ispic{ background-repeat:no-repeat; background-position:center center; background-size:cover;}
.Isimg{ position: absolute; left: 50%; top: 50%; max-width: 100%; max-height: 100%; transform: translate(-50%,-50%); transition: all .5s ease-in-out;}
.Isimg_2{ position: absolute; left: 0; top: 0; width: 100%;height: 100%; transition: transform .8s ease-in-out;}
/*:before,
:after{ position:absolute; content:'';}*/
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.fl{ float: left;}
.fr{ float: right;}
.center{ text-align: center;}

.slick-slider {
    position: relative;
    display: block;
    -webkit-touch-callout: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}
.slick-list {
    position: relative;
    z-index: 1;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list: focus {
    outline: none
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -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:before,
.slick-track:after {
    display: table;
    content: '';
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    display: none;
    float: left;
    min-height: 1px;
}
[dir = 'rtl'] .slick-slide {
    float: right;
}
.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;
}
.slick-arrow{ font-size: 0; border: none; cursor: pointer; z-index: 10;}



.nM{ margin: 0; }
.normal{ font-weight: normal; }

.ytable{ display: table; width: 100%; table-layout: fixed;}
.ytable_cell{ display: table-cell; vertical-align: middle;}

.Iscover{ background-repeat: no-repeat; background-position: center; background-size: cover;}
.Iscontain{ background-repeat: no-repeat; background-position: center; background-size: contain;}

.w1600{ max-width: 1600px; margin: 0 auto; width: 96%;}


.header{ position: absolute; left: 0; top: 0; width: 100%; z-index: 110; padding: 1.2% 2.8%;}
.header .logo{ display: inline-block; position: relative; z-index: 2;}
.header .logo .img2{ display: none;}
.header .dl_top{ position: absolute; right: 2%; top: 57%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform:translateY(-50%); z-index: 2;}
.header .dl_top dd,
.header .dl_top dt{ display: inline-block; vertical-align: middle;}
.header .dl_top dd > a{ display: block; color: #fff; line-height: 28px;}
.header .lang a::after,
.header .open-search::before{ content: ''; display: inline-block; vertical-align: middle;}

.header .lang a{ padding-left: 25px; background: url(../images/icon_lang.png) no-repeat left center;}
.header .lang a::after{ width: 7px; height: 7px; background: url(../images/icon_01.png) no-repeat center; margin-left: 5px;}
.header .search{ margin-left: 22px;}
.header .open-search{ background-color: #0075c1; padding: 0 15px; border-radius: 20px;}
.header .open-search::before{ width: 12px; height: 12px; background: url(../images/icon_search.png) no-repeat center; margin-right: 10px;}
.header .search_box{ position: fixed; z-index: 120; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); display: none;}
.header .search_box .bg{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.header .search_box .box{ width: 96%; max-width: 780px; background-color: #fff; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform:translate(-50%,-50%); border-radius: 5px; overflow: hidden; box-shadow: 0 10px 10px rgba(255,255,255,0.5); position: relative; z-index: 2;}
.header .search_box .text{ width: 100%; line-height: 60px; height: 60px; border: none; padding: 0 40px 0 15px; font-size: 16px; color: #666;}
.header .search_box .btn{ position: absolute; right: 0; top: 0; width: 40px; height: 100%; background: url(../images/icon_search2.png) no-repeat center;}

.header .close-btn { background: rgba(30, 30, 30, .6); cursor: pointer; height: 44px; padding: 10px;  transition: color .2s; vertical-align: top; width: 44px; position: absolute;  right: 0; top: 0; color: #ccc; z-index: 3;}
.header .close-btn svg path { fill: transparent;  stroke: currentColor;  stroke-linejoin: round; stroke-width: 3;}
.navTop{ position: absolute;/* left: 50%; top: 56%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform:translate(-50%,-50%); padding-top: 35px;*/ z-index: 1; width: 100%; text-align: center; left: 0; top: 56%}
.navTop .close-btn{ display: none;}
.navTop li{ display: inline-block; margin: 0 30px; position: relative; padding-bottom: 35px;}
.navTop a{ font-size: 16px; color: #fff; display: block;}
.header .submenu{ position: absolute; opacity: 0;  transition: all 0.5s; z-index: -100;top: 100%; height: 0; overflow: hidden; left: -130px; }
.navTop li::after,
.navTop li::before{ content: ''; position: absolute; left: 50%; transform: translateX(-50%); opacity: 0;}
.navTop li:before{ bottom: 0;border: 8px solid transparent;border-bottom-color: #0075c1; }
.navTop li::after{ width: 100%; height: 3px; background-color: #0075c1; bottom: 0;}
.header .submenu dl{ white-space:nowrap; line-height: 70px; background: rgba(255,255,255,0.8); height: 70px; overflow: hidden;}
.header .submenu dd{ display: inline-block; padding: 0 25px; position: relative;}
.header .submenu dd a{ font-size: 16px; color: #666; opacity: 1;}
.header .submenu dd a:hover{ color: #0075c1;}
.header .submenu dd:last-child:after{ display: none;}
.header .aon .submenu{  opacity: 1; z-index: 1; height: auto;}
.header .navTop .aon::before,
.header .navTop .aon::after{ opacity: 1;}



@media  (min-width: 1025px){
	.pro_header .navTop a{ color: #333333;}
}
.pro_header .logo .img1{ display: none;}
.pro_header .logo .img2{ display: block;}

.pro_header .dl_top .lang > a{ color: #333;}
.pro_header .lang a{ background-image: url(../images/icon_lang2.png);}
.pro_header .lang a::after{ background-image: url(../images/icon_01_2.png);}

@media  (max-width: 1366px){
	.navTop li{ margin: 0 15px;}
}
@media  (max-width: 1100px){
	.navTop li{ margin: 0 10px;}
	.header .submenu{ left: -90px;}
	.navTop a,
	.header .submenu dd a{ font-size: 14px;}
	.header .submenu dl{ line-height: 50px; height: 50px; }
	.header .submenu dd{ padding: 0 10px;}
}
@media  (max-width: 1024px){
	.header .logo{ width: 40%;}
	.header .dl_top .search{ display: none;}
	.navTop{position: fixed;top: 0;right: -100%;z-index: 110; max-width: 250px;height: 100%;background: #0075c1;opacity: 0;transition: .3s;width: 50%; margin: 0; float: none; padding-top: 5%;  -webkit-transform: none; -moz-transform:  none; transform:none; left: auto;}
	.navTop .close-btn{ display: block; background-color: transparent; right: 100%;}
	.navTop_show{ right: 0; opacity: 1;}
	.navTop ul{ max-height: 100%; overflow: auto;}
	.navTop li{ margin: 0; display: block; left: auto; line-height: 42px; text-align: left; padding: 0 10%;}
	.navTop .li_sub:before{ opacity: 1; width: 100%; height: 42px; left: 0; top: 0; bottom: auto; transform: none; z-index: 10;}
	.navTop li::after{ display: none;}
	#open_menu{ width: 35px;height: 35px;background: #0075c1;margin-left: 10px;position: relative;z-index: 101; border-radius: 100%; }
	#open_menu i,
	#open_menu i::before,
	#open_menu i::after{ background:#fff; border-radius:3px;position: absolute;background: #fff;border-radius: 3px;}
	#open_menu i{ left:20%; width:60%;height:2px; margin-top:-1px;top: 50%;}
	#open_menu i::before,
	#open_menu i::after{ left:0; width:100%; height:100%; content:'';transition:transform 0.3s;}
	#open_menu i::before{ top:6px;}
	#open_menu i::after{top:-6px;}
	.header .menu-layer {position: fixed;top: 0;left: 0;z-index: 98;display: none;overflow: hidden;width: 100%;height: 100%;background: rgba(0,0,0,.65)!important;}
	.header .submenu{ width: 100%!important; position: relative; transform: none; left: 0;}
	.header .submenu dl{ line-height: 30px; white-space: inherit; height: auto;background-color: transparent;}
	.header .submenu dd{ display: block;}
	.header .submenu dd a{ color: #fff!important;}
}


.Hbanner{ position: relative;}
.Hbanner img{ width: 100%;}
.Hbanner .wapBan{ display: none;}
.Hbanner dl{ position: absolute; left: 0; bottom: 0; width: 100%; z-index: 3; height: 120px; padding-left: 440px;}
.Hbanner dt{ line-height: 120px; position: absolute; left: 0; top: 0; background-color: #0075c1; width: 383px; font-size: 0; text-align: center;}
.Hbanner dt .kf,
.Hbanner dt .btn{ width: 50%; display: inline-block; vertical-align: middle; font-size: 14px;}
.Hbanner dt .kf a{ color: #fff; padding-left: 30px; background: url(../images/icon_02.png) no-repeat left center;}
.Hbanner .ul_txt{ padding: 6px 0;}
.Hbanner .ul_txt li{ color: #fff; opacity: .5; line-height: 34px;}
.Hbanner .ul_txt .slick-current{ opacity: 1;}
.Hbanner .other,
.Hbanner .slick-dots,
.Hbanner .other figure,
.Hbanner .other figure::before{ position: absolute; z-index: 10; top: 50%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform:translateY(-50%);}
.Hbanner .slick-dots{ right: 1.8%; font-size: 0;}
.Hbanner .slick-dots li{ display: block; width: 16px; height: 16px; border-radius: 100%; border: 2px solid transparent; line-height: 16px; text-align: center; margin: 20px 0;}
.Hbanner .slick-dots button{ display: inline-block; font-size: 0; background-color: #fff; border: none; width: 8px; height: 8px; vertical-align: middle; border-radius: 100%; margin:0; padding: 0;}
.Hbanner .slick-dots .slick-active{ border-color: #fff;}
.Hbanner .slick-dots .slick-active button{ opacity: 0;}
.Hbanner dt .btn{ overflow: hidden;}
.Hbanner .slick-arrow{ font-size: 0; border: none; background: url(../images/prev_btn.png) no-repeat center; width: 17px; height: 11px; opacity: .3; margin: 0 13%; cursor: pointer;}
.Hbanner .slick-next{ background-image: url(../images/next_btn.png);}
.Hbanner .slick-arrow:hover{ opacity: 1;}
.Hbanner .other{ position: absolute; left: 2.8%;}
.Hbanner .other li{ padding: 22px 0; position: relative;}
.Hbanner .other a{ display: block; float: none!important;width: 30px; height: 30px; margin: 0!important; background: url(../images/ban_icon1.png) no-repeat center;}
.Hbanner .other .sina a{ background-image: url(../images/ban_icon2.png);}
.Hbanner .other .tel a{ background-image: url(../images/ban_icon3.png);}
.Hbanner .other figure{ background-color: #0075c1; color: #fff; border-radius: 7px; left: 120%; padding: 10px; display: none;}
.Hbanner .other .txt{white-space: nowrap;}
.Hbanner .other .img{ width: 100px; height: 100px; max-width: none;}
.Hbanner .other figure::before{ content: ''; border: 5px solid transparent; border-right-color:#0075c1; right: 100%;}
@media  (max-width: 1024px){
	.Hbanner .pcBan{ display: none;}
	.Hbanner .wapBan{ display: block;}
	.Hbanner dl,
	.Hbanner .other { display: none;}
}
@media  (max-width: 768px){
	.Hbanner .slick-dots{ transform: none; bottom: 2%; width: 100%; right: 0; top: auto; text-align: center;}
	.Hbanner .slick-dots li{ margin: 0 5px; display: inline-block;}
}

.Htit h2{color: #fff; font-size: 96px; text-transform: uppercase;font-family: arial; line-height: normal;}
.Htit h3{font-size: 40px; color: #0075c1; margin-top: -73px; position: relative; z-index: 2;}
@media  (max-width: 1200px){
	.Htit h2{ font-size: 80px;}
}
@media  (max-width: 768px){
	.Htit h2{ font-size: 60px;}
	.Htit h3{ font-size: 30px; margin-top: -50px;}
}
@media  (max-width: 640px){
	.Htit h2{ font-size: 40px;}
	.Htit h3{ font-size: 24px; margin-top: -30px;}
}

.bodyhome .w1600{ overflow: hidden}
.Habout{}
.Habout,
.Habout .w1600{ position: relative;}
.Habout .w1600{ z-index: 2; padding: 8.5% 0;}
.Habout::before,
.Habout::after{ content: ''; position: absolute; width: 100%; height: 100%; background: url(../images/Habout_bg1.jpg) no-repeat center top; left: 0; top: 0;}
.Habout::after{ background-image: url(../images/Habout_bg2.jpg); background-position: center bottom;}
.Habout .pic_carousel{ width: 46.25%; position: relative; padding-left: 40px; padding-bottom: 40px;}
.Habout .pic_carousel::before{ content: ''; position: absolute; left: 0; bottom: 0;width:calc(100% - 39px); height:calc(100% - 39px); border: 1px solid #eeeeee; background-color: #fff;}
.Habout .slick-arrow{ position: absolute; right: 0; bottom: 0; z-index: 2; font-size: 0; border: none; width: 40px; height: 40px; background: url(../images/next_btn2.png) no-repeat center #0075c1;}
.Habout .slick-prev{ right: 40px; background-image: url(../images/prev_btn2.png); background-color: #fff;}

.Habout_txt{ width: 50%;}
.Habout_tit{ }
.Habout_tit h2{  text-shadow: #cccccc 1px 0 0, #cccccc 0 1px 0, #cccccc -1px 0 0, #cccccc 0 -1px 0; opacity: .3;  margin-top: -2%;}
.Habout_tit h3{  padding-left: 5px;}
.Habout article{ margin: 8% 0 5%; font-size: 16px; line-height: 32px;}
.Habout article .tit{ font-size: 24px; color: #333333; font-weight: normal;}
.Habout .about_num{ margin-bottom: 11%;}
.Habout .about_num li{ width: 26%; float: left; font-size: 16px; position: relative;}
.Habout .about_num li:nth-child(2){ width: 39%; padding: 0 4.5%; margin:0 4.5%; position: relative; }
.Habout .about_num li:last-child{ padding-right: 0;}
.Habout .about_num figure{ width: 65px; text-align: center;}
.Habout .about_num .txt{ padding-left: 10px;}
.Habout .about_num p{ color: #0075c1; margin-bottom: 5px;}
.Habout .about_num p *{ display: inline-block; vertical-align: top;}
.Habout .about_num b{ font-style: normal; font-size: 22px; line-height: 20px;}
.Habout .about_num span{ font-size: 46px; line-height: 40px;}
.Habout .about_num li:nth-child(2)::before,
.Habout .about_num li:nth-child(2)::after{content: ''; width: 1px; height: 65px; background-color: #cccccc; opacity: .5; position: absolute; top: 50%; margin-top: -32px;}
.Habout .about_num li:nth-child(2)::before{ left: 0;}
.Habout .about_num li:nth-child(2)::after{ right: 0;}
.Hmore{ width: 180px; line-height: 60px; text-align: center; display: block; border: 1px solid rgba(204,204,204,.5); position: relative; overflow: hidden; transition: all 0.5s; font-size: 16px;}
.Hmore span{ display: inline-block; position: relative; z-index: 2;}
.Hmore::before{ content: ''; position: absolute; width: 100%; top: 0; left: -100%; height: 100%; background-color: #19c8fa; background-image: linear-gradient(to right, #2ed896,#19c8fa); transition: all 0.5s; opacity: 0;}
.Hmore:hover{ border-color: transparent; color: #fff;}
.Hmore:hover::before{ left: 0; opacity: 1;}

@media  (max-width: 1366px){
	.Habout .about_num li{ width: 28%;}
	.Habout .about_num li:nth-child(2){ width: 40%; padding: 0 2%; margin: 0 2%;}
}
@media  (max-width: 1200px){
	.Habout .about_num span{ font-size: 30px;}
}
@media  (max-width: 1024px){
	.Habout .pic_carousel,
	.Habout_txt{ width: 100%; float: none;}
	.Habout .pic_carousel{ margin-bottom: 5%;}
	.Habout .pic_carousel img{ width: 100%;}
}
@media  (max-width: 768px){
	.Habout article{ margin: 5% 0 3%;}
	.Habout article .tit{ font-size: 20px;}
	.Habout .about_num{ margin-bottom: 7%;}
}
@media  (max-width: 640px){
	.Hmore{ width: 120px; line-height: 40px; font-size: 14px;}
	
	.Habout .pic_carousel{ padding: 0 0 20px 20px;}
	.Habout article .tit{ font-size: 18px;}
	.Habout article{ font-size: 14px; line-height: 24px;}
	.Habout .about_num li{ width: 100%!important; padding: 0!important; margin: 0 0 5%!important; font-size: 14px;}
	.Habout .about_num li:nth-child(2)::before,
	.Habout .about_num li:nth-child(2)::after{ display: none;}
	.Habout .about_num p{ margin-bottom: 5px;}
	.Habout .about_num span{ font-size: 26px; line-height: 30px;}
}


.Hpro{ background: url(../images/Hpro_bg.jpg) no-repeat center; background-size: cover; padding: 9% 0 4%;}
.Hpro .list{ display: none; padding-bottom: 7%; position: relative;}
.Hpro .list .pic{ padding: 0 40px 40px 0; width: 50%; position: relative;}
.Hpro .list .pic img{ width: 100%; position: relative; z-index: 2;}
.Hpro .list .pic::before{ content: ''; position: absolute; right: 0; bottom: 0;width:calc(100% - 39px); height:calc(100% - 39px); border: 1px solid #eeeeee; }
.Hpro .list .txt{ padding-right: 7.5%; font-size: 18px; line-height: 36px;}
.Hpro .list .txt h2{ font-size: 42px; }
.Hpro .list .txt p{ margin: 8% 0 11%;}
/* .Hpro .tab_switch{ margin-top: 7%;} */
.Hpro .switch{ line-height: 100px; background-color: #fff; text-align: center; position: relative; font-size: 16px; color: #333; cursor: pointer; transition: all 0.5s; overflow: hidden;}
.Hpro .switch::before,
.Hpro .switch::after{ content: ''; position: absolute; }
.Hpro .switch::after{right: 0; top: 0; width: 2px; height: 100%; background-color: #f6f6f6;}
.Hpro .switch::before{ width: 100%; height: 4px; left: -100%; bottom: 0;background-color: #19c8fa; background-image: linear-gradient(to right, #2ed896,#19c8fa); transition: all 0.5s; opacity: 0; }
.Hpro .switch span{ display: inline-block; line-height: 30px; vertical-align: middle; position: relative; padding: 5px 5px 5px 40px;}
.Hpro .switch .icon{ position: absolute; left: 0; top: 0; width: 30px; line-height: 35px; text-align: right; height: 35px;}
.Hpro .switch_aon{ background-color: #0075c1; color: #fff;}
.Hpro .switch_aon::before{ left: 0; opacity: 1;}
.Hpro .switch.prev::before{ left: auto; right: -100%; opacity: 1;}
.Hpro .switch.next::before{ left: -100%; opacity: 1;}

.Hpro .pro_show{ padding: 0 12%; position: absolute; width: 100%; left: 0; bottom: 0; background-color: #fff; border-bottom: 2px solid #f6f6f6; opacity: 0; transition: all .8s ease-in-out; z-index: 10; display: none; }
.Hpro .pro_show li{ text-align: center; padding-top: 90px; padding-bottom: 20px;}
.Hpro .pro_show figure{ position: relative; padding-top: 50%; margin-bottom: 2%; overflow: hidden;}
.Hpro .pro_show li a:hover img{ transform: translate(-50%,-50%) scale(1.15);}
.Hpro .pro_show h2{ font-size: 40px; color: #0075c1; margin-bottom: 10px;}
.Hpro .pro_show h3{ font-size: 18px; color: #666;}
.Hpro .pro_show .slick-arrow{ position: absolute; width: 81px; height: 71px; background: url(../images/prev_btn3.png) no-repeat center; top: 50%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform:translateY(-50%);}
.Hpro .pro_show .slick-prev{ left: -10%;}
.Hpro .pro_show .slick-next{ right: -10%; background-image: url(../images/next_btn3.png);}
.Hpro .pro_show .slick-prev:hover{ background-image: url(../images/prev_btn4.png);}
.Hpro .pro_show .slick-next:hover{ background-image: url(../images/next_btn4.png);}
.Hpro .pro_show_on{ display: block; opacity: 1;}
.Hpro .tab_switch .slick-arrow{ position: absolute; top: 50%; margin-top: -20px; z-index: 2; font-size: 0; border: none; width: 20px; height: 40px; background: url(../images/prev_btn2.png) no-repeat center #fff;}
.Hpro .tab_switch .slick-prev{ left: -10px;}
.Hpro .tab_switch .slick-next{ right: -10px; transform: rotate(180deg);}
@media  (max-width: 768px){
	.Hpro .list .txt h2{ font-size: 30px;}
	.Hpro .list .ytable_cell{ display: block; width: 100%;}
	.Hpro .list .pic{ margin: 5% 0; padding: 0 20px 20px 0;}
	.Hpro .list .txt{ font-size: 16px; line-height: 32px; padding-right: 0;}
	.Hpro .list .txt p{ margin: 5% 0 8%;}
	.Hpro .pro_show{ display: block; opacity: 1; position: relative; padding: 0 8%;}
	.Hpro .pro_show li{ padding-top: 50px;}
	.Hpro .pro_show figure{ width: 70%; margin: 0 auto 2%; padding-top: 60%;}
	.Hpro .pro_show h2{ font-size: 28px;}
	.Hpro .pro_show h3{ font-size: 16px;}
	.Hpro .pro_show .slick-arrow{ width: 60px; height: 50px; background-size: contain;}
}

@media  (max-width: 640px){
	.Hpro .list .txt h2{ font-size: 24px;}
	.Hpro .pro_show h2{ font-size: 20px;}
	.Hpro .pro_show h3{ font-size: 14px;}
	.Hpro .list .txt{ font-size: 14px; line-height: 24px;}
	.Hpro .tab_switch{ padding: 0 15px;}
	.Hpro .tab_switch .slick-prev{ left: -20px;}
	.Hpro .tab_switch .slick-next{ right: -19px;}
	.Hpro .switch{ line-height: 80px;}
	.Hpro .switch span{ font-size: 14px; line-height: 24px;}
}

.Hnews_tit{ text-align: center;}
.Hnews_tit h2{ color: #f0f7fb;}
.Hnews{ background: url(../images/Hnews_bg.jpg) no-repeat top center; background-size: cover; padding: 5% 0;}
.Hnews .list{ margin: 4% 0 5%;}
.Hnews li a{ padding:8% 11.3%; display: block; border: 1px solid #f5f5f5; background-color: #fff;}
.Hnews li .pic{ overflow: hidden; margin: 5% 0;}
.Hnews figure{ padding-top: 56%; transition: all .8s ease-in-out; }
.Hnews li span{ color: #0075c1; display: block; margin-bottom: 4%;}
.Hnews li span[title="行业动态"]{ color: #1daa39;}
.Hnews li h2{ font-weight: normal; font-size: 22px; line-height: 36px; height: 72px;}
.Hnews li p{ margin: 4% 0 5%; font-size: 16px; line-height: 26px; color: #666666;}
.Hnews li time{ display: block; color: #666666; padding-bottom: 1%;}
.Hnews li a:hover figure{ transform: scale(1.1);}
.Hnews .slick-arrow{ position: absolute; width: 81px; height: 71px; background: url(../images/prev_btn3.png) no-repeat center; top: 50%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform:translateY(-50%);}
.Hnews .slick-prev{ left: -2.4%;}
.Hnews .slick-next{ right: -2.4%; background-image: url(../images/next_btn3.png);}
.Hnews .slick-prev:hover{ background-image: url(../images/prev_btn4.png);}
.Hnews .slick-next:hover{ background-image: url(../images/next_btn4.png);}
.Hnews .Hmore{ margin: 0 auto;}
@media  (max-width: 1680px){
	.Hnews{ padding-left: 1%; padding-right: 1%;}
}
@media  (max-width: 768px){
	.Hnews li h2{ font-size: 18px; line-height: 28px;}
	.Hnews .slick-arrow{ width: 60px; height: 50px; background-size: contain;}
}

@media  (max-width: 640px){
	.Hnews li h2{ font-size: 16px; }
	.Hnews li p{ font-size: 14px; line-height: 24px; }
}

.Hbox_index .item{ float: left; width: 50%; position: relative; color: #fff;text-align: center; overflow: hidden;}
.Hbox_index .item a{color: #fff;}
.Hbox_index .item figure{ padding-top: 50%; transition: all .8s ease-in-out;}
.Hbox_index .item .absolute{ position: absolute; left: 0; width: 100%; top: 50%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform:translateY(-50%);}
.Hbox_index .item h2{ font-size: 30px; margin-bottom: 1.8%;}
.Hbox_index .item p{ font-size: 16px; margin: 0 auto; max-width: 568px; line-height: 30px;}
.Hbox_index .item a:hover figure{ transform: scale(1.1);}

.Hbox_index .item1{}
.Hbox_index .item1 .absolute{ top: 56%;}
.Hbox_index .item1 li{ display: inline-block; font-size: 30px;}
.Hbox_index .item1 li:nth-child(2){ margin: 0 10px;}
.Hbox_index .item1 i{ font-style: normal;}
.Hbox_index .item1 h3{ font-size: 20px; }
.Hbox_index .item1 ul{ margin: 1.5% 0; }
.Hbox_index .item1 i {font-style:normal;color:#ff1515;}
.Hbox_index .item1 i.up {color:#ff1515;}
.Hbox_index .item1 i.down {color:#090;}
.Hbox_index .item1 .price{ font-size: 18px; margin-right: 10px;}
.Hbox_index .item1 .price span{ font-size: 40px; margin-right: 5px;}
.Hbox_index .item1 .ud i {background:no-repeat left center;background-size:16px auto;padding-left:30px;}
.Hbox_index .item1 .ud .up {background-image:url(../images/Floor002436-icon.png);}
.Hbox_index .item1 .ud .down {background-image:url(../images/Floor002436-icon_down.png);}
.Hbox_index .item1 time{ font-size: 16px; opacity: .8;}
.Hbox_index .item1 .Hmore{ border-color: #fff; color: #fff; margin: 8% auto 0; width: 170px; line-height: 50px;}
.Hbox_index .video_bn{ position: absolute; left: 50%; top: 50%;-webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform:translate(-50%,-50%); color: #fff; font-size: 30px; cursor: pointer;}
.Hbox_index .video_bn::after{ content: ''; display: block; margin: 25px auto 0; width: 61px; height: 61px; background: url(../images/play_icon.png) no-repeat center;}



/* 视频弹窗 */
.video-play-wrap {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    background-color: rgba(0, 0, 0, .5);
    display: none;
    width: 100%;
    height: 100%;

}
.video-play-wrap .inner {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80%;
    height: 90%;
}
.video-play-wrap video {
    position: absolute;
    width: 100%;
    height: 100%;
}
.video-play-wrap .close-btn {
    background: rgba(30, 30, 30, .6);
    cursor: pointer;
    height: 44px;
    padding: 10px;
    transition: color .2s;
    vertical-align: top;
    width: 44px;
    position: absolute;
    right: 0;
    top: 0;
    color: #ccc;
}
.video-play-wrap .close-btn svg path {
    fill: transparent;
    stroke: currentColor;
    stroke-linejoin: round;
    stroke-width: 3;
}

@media  (max-width: 1200px){
	.Hbox_index .item1 .price span{ font-size: 36px;}
	.Hbox_index .item1 .Hmore{ margin-top: 5%;}
}
@media  (max-width: 1024px){
	.Hbox_index .item1 li{ font-size: 24px;}
	.Hbox_index .item1 .price span{ font-size: 30px;}
	.Hbox_index .item1 .Hmore{ line-height: 40px;}
	.Hbox_index .item h2{ font-size: 26px;}
	.Hbox_index .item1 h3{ font-size: 18px;}
	.Hbox_index .item p{ padding: 0 2%;}
}
@media  (max-width: 768px){
	.Hbox_index .item{ width: 100%; float: none;}
	.Hbox_index .item figure{ padding-top: 60%;}
}

@media  (max-width: 640px){
	.Hbox_index .item1 li{ font-size: 20px;}
	.Hbox_index .item1 .absolute{ top: 50%;}
	.Hbox_index .item1 .price span{ font-size: 26px;}
	.Hbox_index .item1 .Hmore{ width: 120px;}
	.Hbox_index .item h2{ font-size: 24px;}
	.Hbox_index .item p{ font-size: 14px; line-height: 26px;}
	.Hbox_index .item1 h3{ font-size: 16px;}
}
.footer{ background-color: #0075c1; color: rgba(255,255,255,.6); padding: 3% 0;}
.footer .w1600{ position: relative;}
.footer .w1600::before{ content: ''; position: absolute; right: 0; bottom: 0; background-color: rgba(255,255,255,0.1); width: 55%; height: 1px;}
.footer a{ color: rgba(255,255,255,.6);}
.footer a:hover{ color: #fff;}
.footer nav{ float: right; width: 56%; font-size: 0; text-align: right;}
.footer nav dl{ display: inline-block; vertical-align: top; text-align: left; font-size: 14px; width: 17%; margin-right: 1%;}
.footer nav dl:last-child{ margin-right: 0; width: auto;}
.footer nav dt{ font-weight: bold; font-size: 20px; color: #fff; margin-bottom: 30px;}
.footer nav dd{ font-size: 16px; line-height: 30px;}
.footer nav dd a{ display: inline-block; line-height: normal}
.foot_contact{ float: left; width: 40%;}
.foot_contact h2{ padding: 4% 0 8%;}
.foot_contact h2 span{ font-size: 16px; display: block;margin: 12px 0; color: #fff;}
.foot_contact li{ position: relative; display: inline-block; vertical-align: top; margin-right: 20px;}
.foot_contact li a{ float: none!important; margin: 0!important; display: block; width: 30px; height: 30px; background-repeat: no-repeat!important;background-position: center!important;}
.foot_contact .wx a{background-image: url(../images/ban_icon1.png);}
.foot_contact .sina a{ background-image: url(../images/ban_icon2.png);}
.foot_contact .tel a{ background-image: url(../images/ban_icon3.png);}
.foot_contact li figure{ background-color: #fff; color: #0075c1; border-radius: 7px; bottom: 120%; padding: 8px; display: none; position: absolute; left: 50%; transform: translateX(-50%); z-index: 10;}
.foot_contact li .txt{white-space: nowrap;}
.foot_contact .img{ width: 100px; height: 100px; max-width: none;}
.foot_contact li figure::before{ content: ''; border: 5px solid transparent; border-top-color:#fff; top: 100%;position: absolute; left: 50%; margin-left: -5px;}
.foot_contact .link{ padding: 3% 0;}
.foot_contact .link a,
.foot_contact .link em{ display: inline-block;}
.foot_contact .link em{ margin: 0 10px; font-style: normal; width: 1px; height: 12px; background-color: rgba(255,255,255,0.6); vertical-align: middle;}
@media  (max-width: 1500px){
	.footer nav dl{ width: 16%;}
}

@media  (max-width: 1200px){
	.footer nav dt{ font-size: 18px;}
	.footer nav dd{ font-size: 14px;}
}
@media  (max-width: 1024px){
	.footer { padding: 5% 0;}
	.footer .w1600::before{ display: none;}
	.footer nav{ display: none;}
	.foot_contact{ float: none; width: 100%; text-align: center;}
	.foot_contact h2{ padding: 3% 0 5%;}
	.foot_contact h2 span{ font-size: 14px; margin: 5px 0;}
}

.culture_index{ }
.culture_index dt{ display: inline-block; width: 53%;}
.culture_index dd{ font-size: 16px; line-height: 32px; position: relative;}
.culture_index dd *{ margin: 0;}
.culture_index dd h2{ font-size: 26px; color: #0075c1; padding-bottom: 10px;}

@media  (min-width: 769px){
	.culture_index dd{ float: left;}
	.culture_index .dd2,
	.culture_index .dd4{ float: right; text-align: left;}
	.culture_index .dd1{ width: 30%; margin-right: -6%; text-align: right; padding-top: 6%;}
	.culture_index .dd2{ width: 27%; margin-left: -5%; padding-top: 6%;}
	.culture_index .dd3{ width: 22%; text-align: right; margin-top: -17%;}
	.culture_index .dd4{ width: 22%; margin-top: -17%;}
	.culture_index .dd5{ width: 100%; clear: both; text-align: center; margin-top: 5%;}
}
@media  (max-width: 768px){
	.culture_index dt{ display: block; text-align: center; margin-bottom: 5%; width: 100%;}
	.culture_index dd{ margin-bottom: 4%;}
	.culture_index dd h2{ font-size: 22px;}
}
@media  (max-width: 640px){
	.culture_index dd{ font-size: 14px; line-height: 26px;}
	.culture_index dd h2{ font-size: 18px; padding-bottom: 5px;}
}

/*.history .time_list{ margin-bottom: 5%;}
.history .time_list li{ width: calc(25% - 2px); margin-right: 2px; float: left; line-height: 60px; text-align: center; font-weight: bold; font-size: 30px; background-color: #f6f6f6; margin-bottom: 10px; position: relative;}
.history .time_list li a{ color: #666;}
.history .time_list li::after{ content: ''; position: absolute; width: 100%; height: 4px;background-color: #19c8fa; background-image: linear-gradient(to right, #2ed896,#19c8fa); transition: all 0.5s; opacity: 0; left: 0; top: 100%;}
.history .time_list li.aon{ background-color: #0075c1;}
.history .time_list li.aon a{ color: #fff;}
.history .time_list li.aon::after{ opacity: 1;}

.history .tab_list .item{ margin-bottom: 5%;}
.history .tab_list time{ width: 106px; color: #0075c1; font-size: 30px; text-align: center; font-weight: bold;}
.history .tab_list time span{width: 100%; height: 106px; line-height: 106px; background-color: #f2f7fc; display: block; border-radius: 100%;}
.history .tab_list article{ padding-left: 5%; font-size: 18px; line-height: 30px;}

@media  (max-width: 1024px){
	.history .time_list li{ font-size: 22px;}
}
@media  (max-width: 768px){
	.history .time_list li{ font-size: 20px;}
	.history .tab_list article{ font-size: 16px; line-height: 28px;}
}

@media  (max-width: 640px){
	.history .time_list li{ font-size: 18px; width: calc(50% - 2px);}
	.history .tab_list .item{ margin-bottom: 10%;}
	.history .tab_list time{ width: 80px;}
	.history .tab_list time span{ font-size: 22px; line-height: 80px; height: 80px;}
	.history .tab_list article{ font-size: 14px; line-height: 24px;}
}*/



.auto-inner{ margin: auto; max-width: 1200px;position: relative; }
@media(max-width:1240px){
.auto-inner{ padding-left: 2%; padding-right: 2%; }
}
section.auto-inner{ padding-top: 4%; padding-bottom: 4%}

.banner{ position: relative}
.banner .wap{ display: none}
.banner img{ width: 100%}
.banner .txt{ width: 40%; max-width: 300px; height: 120px; margin: auto; text-align: center; position: absolute; left: 0; top: 0; bottom: 0; right: 0}
.banner .txt h4{ padding: 0; margin: 0; font-size: 14px; color: #fff; text-transform:uppercase}
@media(max-width:768px){
.banner .pc{ display: none}
.banner .wap{ display:block}
}

.location_menu{ border-bottom: solid 1px #dedede;}
.location{ line-height: 40px; padding-left: 30px; position: absolute; right: 0; top: -60px;font-size: 16px; background: url(../images/location.png) no-repeat left}
.location,
.location a{ color: #fff}
.location a:hover{ color: #bfe6ff}
.location em{ font-style: normal; font-family:SimSun; padding: 0px 15px;}
@media(max-width:1240px){
.location{ right: 2%}
}
.menu{ padding: 20px 0; margin: 0}
.menu .column{ display: none}
.menu ul{ text-align: center}
.menu ul li{ display: inline-block; font-size: 18px; line-height: 40px; min-width: 13.5%;}
.menu ul li a{ color: #666666;position: relative; display:inline-block; }
.menu ul li.aon a{ color: #0075c1}
.menu ul li a:after{ content: ''; position: absolute; left: 50%; display: block; width: 0%; height: 1px; bottom: -21px;  transition: 0.5s }
.menu ul li:hover a:after,
.menu ul li.aon a:after{ left: 0; width: 100%;background: #0075c1}
@media(max-width:1024px){
.menu ul li{font-size: 16px;}
}
@media(min-width:768px){
.menu ul{ display: block!important}
}
@media(max-width:768px){
.location_menu{ padding-bottom: 10px;}
.location{ padding-left: 22px; font-size: 12px;position: relative; right: auto; top: auto;background-image: url(../images/location2.png)}
.location,
.location a{ color: #888}
.location em{ padding: 0 8px}
.menu{ padding: 0}
.menu .column{ color: #fff; font-size: 16px; position: relative;display: block; padding: 8px 20px; margin: 0; border-radius: 100px;
background: rgb(0,117,193); /* Old browsers */
background: -moz-linear-gradient(left, rgba(0,117,193,1) 0%, rgba(25,200,250,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,117,193,1) 0%,rgba(25,200,250,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,117,193,1) 0%,rgba(25,200,250,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0075c1', endColorstr='#19c8fa',GradientType=1 ); /* IE6-9 */
}
.menu .column:before{ content: ''; position: absolute; right: 4%; top: 12px; width: 10px; height: 10px; border-right: solid 2px #fff; border-bottom: solid 2px #fff; transform: rotate(45deg); transition: 0.5s}
.menu .column.on:before{transform: rotate(-135deg); top: 16px; }
.menu ul{ z-index: 20; text-align: left; background: #fff; box-shadow: 0 10px 10px 2px #eee; display: none; position: absolute; width: 96%;}
.menu ul li{font-size: 14px; display: block; width: 100%; border-bottom: dotted 1px #ddd}
.menu ul li a{ padding: 0px 20px; display: block}
.menu ul li a:after{ display: none}
.menu#search .column:before{ display: none}
.menu#search ul{ display: none!important}
}

.Pages{ padding-top: 6%; line-height:18px; zoom:1; overflow:hidden; font-size: 18px;width: 100%;}
.Pages span,
.Pages .a_first,
.Pages .a_end{ display: none;}
.Pages span.p_page{ display: block; text-align: center}
.Pages a{ display:inline-block; margin:0px 2px; border: solid 1px #eeeeee; padding: 15px 20px; overflow: hidden}
.Pages em{ font-style:normal;}
.Pages a.a_prev,
.Pages a.a_next{ text-indent: -200px; padding-left: 24px; padding-right: 24px; background: no-repeat center center}
.Pages a.a_prev{ background-image: url(../images/pages_prev.png)}
.Pages a.a_next{ background-image: url(../images/pages_next.png)}
.Pages a:hover,
.Pages a.a_prev:hover,
.Pages a.a_next:hover,
.Pages a.a_cur{ color: #fff; background-color: #0075c1;border-color: #0075c1;}
@media(max-width:768px){
.Pages a{ padding: 8px 10px}
.Pages a.a_prev,
.Pages a.a_next{padding-left: 16px; padding-right: 16px;}
}

.web_link li{ padding:10px 0; border-bottom:dotted 1px #e4e4e4}
.web_link li b{ display:block; font-size:16px; font-weight:normal;}
.web_link li span{ opacity:0.8; display:inline-block; white-space:nowrap; padding-right:20px;}

.company_list{ text-align: center}
.company_list .company{ padding: 48px 0; position: relative;}
.company_list .h3{ font-size: 24px; font-weight: normal;padding: 2% 8%; margin: 0; display: inline-block;color: #fff; text-align: center; background: #0075c1}
.company_list .h3 a{ color: #fff}
.company_list a{ cursor: pointer;}
.company_list ul{ display: table; width: 100%}
.company_list ul:before{ content: ''; position: absolute; display: block; top: 2px; width: 91%; left: 4.5%; height: 1px; background: #dedede}
.company_list ul li{ padding: 20px 0; font-size: 16px; display: table-cell; vertical-align: middle; position: relative;}
.company_list ul li a{ display:inline-block; width: 24px; position: relative; z-index: 10}
.company_list ul li:before{ content: ''; position: absolute; top: -48px; display: block; left: 50%; margin-left: -2.5px; width: 5px; height: 36px; background: url(../images/company_icon.png) no-repeat;}
.company_list ul li:after{ content: ''; position: absolute; left: 23%; top: 0; width: 54%; height: 100%;background: #f2f7fc; }
.company_list ul li:hover a{ color: #fff}
.company_list ul li:hover:after{ background: #0075c1}
.company_info{ display: none;position:fixed; z-index: 1000; top: 0; width: 100%; height: 100%; background:rgb(0,0,0,0.7)}
.company_info .close{ z-index: 10; position: absolute; right:10px; top:10px; width: 22px; height: 22px; cursor: pointer; display: block;background:url(../images/company_close.png) no-repeat}
.company_info .box{width: 96%; max-width: 1200px; margin: auto; padding: 40px; position: relative}
.company_info .outer{ width: 100%; height: 100%; display: table;table-layout: fixed;}
.company_info .inner{ display: table-cell; vertical-align: middle;}
.company_info .info{ background-color: #fff}
.company_info .photo{ text-align: center}
.company_info .name{ text-align: center; font-size: 30px; padding-top: 2%; color: #333333}
.company_info .article{ padding: 3% 5%; font-size: 16px; line-height: 30px; color: #666666}
@media(max-width:768px){
.company_list .company:first-child{ padding: 10px 0}
.company_list .h3{ font-size: 18px;}
.company_list ul li{font-size: 14px;}
.company_info .name{font-size: 20px;}
.company_info .article{font-size: 14px; line-height: 24px; }
.company_info .box{ padding-left: 0; padding-right: 0}
}


.product_list ul li{ float: left; width: 30%; margin-left: 5%; padding-bottom: 16%;}
.product_list ul li a{ display: block; padding-bottom: 80.95%; position: relative;background:#f2f7fc url(../images/pro_li_bg.png) no-repeat right bottom; transition: 0.5s}
.product_list ul li .txt{ padding: 8%;}
.product_list ul li .txt span{ display: block}
.product_list ul li .txt span.en{ font-size: 36px; color: #0075c1; }
.product_list ul li .txt span.cn{ font-size: 18px ; color: #333333;}
.product_list ul li .pic{ bottom: -28%; position:absolute}
.product_list ul li .pic img{ width: 100%;}
.product_list ul li a:hover{ box-shadow: 0 0 20px #e7ebf0}
@media(min-width:768px){
.product_list ul li:nth-child(3n+1){ clear: both; margin-left: 0}
}
@media(max-width:768px){
.product_list ul li{width: 49%; margin-left: 2%; padding-bottom: 25%;}
.product_list ul li:nth-child(2n+1){ clear: both; margin-left: 0}
.product_list ul li .txt span.en{ font-size: 24px;}
.product_list ul li .txt span.cn{ font-size: 16px ;}
}

.product_info_details{ padding-top: 10%; padding-bottom: 3%; background:#f2f7fb url(../images/pro_info_bg1.png) no-repeat left bottom; background-size: 30.5%;}
.product_info_details .photo{ float: left; width: 50%;}
.product_info_details .photo img{ width: 100%}
.product_info_details .photo .slider-for{ float: right; width: 80%; background-color: #fff}
.product_info_details .photo .slider-for .slick-track{}
.product_info_details .photo .slider-nav{ float: left; width: 14%;}
.product_info_details .photo .slider-nav .item{ padding-bottom: 10px;}
.product_info_details .photo .slider-nav .item a{ display: block; padding-bottom: 100%; position: relative; background: #fff}
.product_info_details .photo .slider-nav .item img{ cursor: pointer; max-width: 100%; max-height: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto;}
.product_info_details .details{ float: right; width: 45%;font-size: 16px; line-height: 34px; color: #666666}
.product_info_details .details .h2{ font-size: 28px; color: #333333; padding: 3% 0; margin: 0; font-weight: normal;}
.product_info_details .details .info{
    white-space:pre-wrap;
    white-space:-moz-pre-wrap;
    white-space:-pre-wrap;
    white-space:-o-pre-wrap;
    word-wrap:break-word;
    margin:0;
    text-align:justify;
    text-justify:inter-ideograph;
}
.product_info_details .back{ padding-top: 5%;}
.product_info_content{ padding: 2.6% 0; min-height: 380px; background:#ffffff url(../images/pro_info_bg2.png) no-repeat right bottom;background-size: 22.86%;}
.product_info_content .tab { font-size: 18px; text-align: center; line-height: 30px;}
.product_info_content .tab a{ position: relative;display: block; float: left; width: 50%; padding: 1.2% 0; cursor: pointer;border: solid 1px #ededed}
.product_info_content .tab a:after{ content: ''; left:-1px;bottom: -1px; display: block; width:0; height: 3px; position: absolute;  transition: 0.5s}
.product_info_content .tab a.show{ color: #fff; border-color: #0075c1; background-color: #0075c1}
.product_info_content .tab a.show:after{ width: 100.5%;
background: rgb(25,200,250); /* Old browsers */
background: -moz-linear-gradient(left, rgba(25,200,250,1) 0%, rgba(46,216,150,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(25,200,250,1) 0%,rgba(46,216,150,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(25,200,250,1) 0%,rgba(46,216,150,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19c8fa', endColorstr='#2ed896',GradientType=1 ); /* IE6-9 */
}
.product_info_content .content{ padding: 3%; font-size: 16px; line-height: 34px; color: #666666}
.product_info_content .txt_fl{ float: left; width: 48%}
.product_info_content .txt_fr{ float: right; width: 48%}
@media(max-width:768px){
.product_info_details{background-size: 40%;}
.product_info_details .photo,
.product_info_details .details{ width: 100%; float: none;}
.product_info_details .photo .slider-for,
.product_info_details .photo .slider-nav{ float: none; width: 100%;}
.product_info_details .photo .slider-nav .item{ padding:10px}
.product_info_details .details{ font-size: 14px; line-height: 28px;}


.product_info_content{background-size: 40%;}
.product_info_content .tab{font-size: 16px; }
.product_info_content .content{ font-size: 14px; line-height: 28px;}
.product_info_content .txt_fl,
.product_info_content .txt_fr{ width: 100%; float: none;}
}

.video_list ul li{ float: left; width: 30%; margin-left: 5%; padding: 2% 0;}
.video_list ul li .pic{ position: relative; padding-bottom: 72.226%;}
.video_list ul li .pic img{ position: absolute; max-height: 100%; left: 0; top: 0; right: 0; bottom: 0; margin: auto;}
.video_list ul li .pic a:before{content: ''; position: absolute; z-index: 10; display: block; width: 100%; height: 100%; background:rgb(0,0,0,0.2) url(../images/video_icon.png) no-repeat center center; transition: 0.5s; background-size: 17%}
.video_list ul li .h3{ font-size: 18px ; padding:7% 0; margin: 0; font-weight: normal}
.video_list ul li .time{ line-height: 30px;}
.video_list ul li .time span{ margin-right: 10px; display: inline-block; padding: 0px 20px; color: #fff; background-color: #0075c1; border-radius: 100px;}
.video_list ul li .time a{ width: 30px; height: 30px; position: absolute; display: inline-block; background: url(../images/video_down2.png) no-repeat center center}
.video_list ul li .time a:hover{background-image: url(../images/video_down.png)}
.video_list ul li:hover .pic a:before{ background-color: transparent}
.video_list ul li:hover .h3 a{color: #0075c1;}
@media(min-width:768px){
.video_list ul li:nth-child(3n+1){ clear: both; margin-left: 0}
}
@media(max-width:768px){
.video_list ul li{width: 49%; margin-left: 2%;}
.video_list ul li:nth-child(2n+1){ clear: both; margin-left: 0}
.video_list ul li .h3{ font-size: 16px ;}
}
.knowledge_list .list{ padding: 2.5% 3%; border-bottom: solid 1px #dedede}
.knowledge_list .subtitle{ position: relative; font-size: 18px; padding: 15px 80px 15px 15px; margin: 0; font-weight: normal; cursor: pointer;}
.knowledge_list .subtitle:before{ content: ''; display: block; position: absolute; left: 0; width: 4px; height: 4px; top: 25px; background-color: #333333;}
.knowledge_list .subtitle span{ right: 0; padding-right: 18px; font-size: 16px; position: absolute;}
.knowledge_list .subtitle span:before{ content: ''; position: absolute; right: 0px; top: 6px; width: 10px; height: 10px; border-right: solid 1px #333; border-bottom: solid 1px #333;transform: rotate(-45deg);transition: 0.5s}
.knowledge_list .show{ background-color: #f2f8fc; border-bottom-color: #f2f8fc}
.knowledge_list .show .subtitle{ color: #0075c2}
.knowledge_list .show .subtitle:before{ background-color: #0075c2;}
.knowledge_list .show .subtitle span:before{transform: rotate(45deg); border-color: #0075c2}
.knowledge_list .info{ display: none; font-size: 16px; line-height: 26px;}
.knowledge_list .info p{ padding: 0; margin: 0}
@media(max-width:768px){
.knowledge_list .list{ padding: 0 2%}
.knowledge_list .subtitle{ font-size: 15px; }
.knowledge_list .subtitle span{ font-size: 12px; }
.knowledge_list .subtitle span:before{width: 8px; height: 8px;}
.knowledge_list .info{ font-size: 14px; line-height: 24px; }
}

.font_list li{ padding: 1% 2%; position: relative; border-bottom: dotted 1px #eee}
.font_list li a{ font-size: 15px;}
.font_list li span{ float: right; opacity: 0.8}
.font_list li:before{ content: ''; display: block; position: absolute; left: 0; width: 4px; height: 4px; top: 50%; background-color: #333333;}

.back{width: 140px;line-height: 46px; }
.back a{ overflow: hidden; position: relative; text-align: center;display: block; color: #fff; background-color: #0075c1}
.back a span{ position: relative; z-index: 2}
.back a:before{ content: ''; position: absolute; left: -10%; width: 0; height: 100%; display: block; background-color: #000; transition: 0.6s}
.back a:hover:before{ width: 100%; left: 0;}
@media(max-width:768px){
.back { width: 120px; line-height: 36px;}
}

.article_info .info_title{ text-align: center}
.article_info .info_title .h2{ font-size: 24px; color: #333333; font-weight: normal;padding: 2% 0; margin: 0}
.article_info .info_title time{font-size: 15px;  color: #999999}
.article_info .article{font-size: 16px; padding: 4% 0; line-height: 26px; color: #666666}
.article_info .info_img{ padding: 2% 0}
.article_info .info_img .imgfl,
.article_info .info_img .imgfr{ padding: 2% 0; width:49%}
.article_info .info_img .imgfl{ float: left;}
.article_info .info_img .imgfr{ float: right;}
.article_info .video{ max-width: 800px; margin: auto; padding: 3% 0}
.article_info .video video,
.article_info .video iframe{ width: 100%;}
.article_info .video iframe{ height: 600px}

.other_title { font-size: 16px; border-top: solid 1px #e5e5e5; padding-top: 3%;}
.other_title .back{ float: right;}
.other_title .dot{ display: block; width: 70%; line-height: 30px; opacity: 0.8}
@media(max-width:768px){
.article_info .info_img .imgfl,
.article_info .info_img .imgfr{ float:none; width:100%}
.article_info .info_title .h2{ font-size: 20px;}
.article_info .info_title time{font-size: 13px; }
.article_info .article{font-size: 14px;}
.article_info .video iframe{ height: 300px}
.other_title { font-size: 14px;}
.other_title .back{ padding: 2% 0; margin: auto; float: none}
.other_title .dot{ width: 100%}
}

.list-news .item {
  padding: 50px 0;
  border-bottom: 1px solid #eee;
  position: relative;
}
.list-news .item::after,
.list-news .item::before {
  content: "";
  position: absolute;
  top: 0;
  width: 60px;
  height: calc(100% + 1px);
  background-color: #f2f8fc;
  border-bottom: 1px solid #f2f8fc;
  opacity: 0;
  filter: alpha(opacity=0);
}
.list-news .item::after {
  left: -60px;
}
.list-news .item::before {
  right: -60px;
}
.list-news .item .image {
  width: 340px;
  float: left;
  overflow: hidden;
}
.list-news .item .image figure {
  padding-top: 60.8823%;
  -webkit-transition: .3s;
  transition: .3s;
}
.list-news .item .image figure:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.list-news .item .content {
  float: left;
  width: calc(100% - 340px);
  padding-left: 60px;
  position: relative;
}
.list-news .item .item-title{
  padding-right: 170px;
}
.list-news .item .item-title a {
  color: #333;
  font-size: 18px;
  font-weight: 400;
}
.list-news .item .txt {
  line-height: 1.65;
  font-size: 16px;
}
.list-news .item .time {
  position: absolute;
  right: 0;
  top: 20px;
  font-size: 16px;
}
.list-news .item .btn {
  display: block;
  width: 140px;
  height: 46px;
  line-height: 44px;
  text-align: center;
  font-size: 16px;
  color: #666;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  margin-top: 44px;
}
.list-news .item:hover {
  background-color: #f2f8fc;
  border-bottom-color: #f2f8fc;
}
.list-news .item:hover::after,
.list-news .item:hover::before {
  opacity: 1;
  filter: alpha(opacity=1);
}
.list-news .item:hover .btn {
  background-color: #0075c1;
  border-color: #0075c1;
  color: #fff;
}
.list-news .item:hover .item-title a {
  color: #0075c2;
}
.news-page {
  padding: 50px 0 100px;
}
@media (max-width: 768px) {
  .list-news .item {
    padding: 26px 0;
  }
  .list-news .item .image {
    display: block;
    width: 100%;
    float: none;
  }
  .list-news .item .content {
    width: 100%;
    float: none;
    padding: 30px 10px 0;
  }
  .list-news .item .time {
    position: static;
  }
  .list-news .item .item-title {
    padding-right: 0;
  }
  .list-news .item .txt {
    font-size: 14px;
  }
  .list-news .item .time {
    font-size: 14px;
  }
  .list-news .item .btn {
    width: 130px;
    font-size: 14px;
  }
  .news-page {
    padding: 4px 0 60px;
  }
}
.list-report .item {
  border-bottom: 1px solid #eee;
  padding-left: 160px;
  padding-right: 170px;
  position: relative;
}
.list-report .item .time {
  position: absolute;
  left: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 18px;
  color: #333;
}
.list-report .item .download {
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 16px;
  color: #666;
}
.list-report .item .download .icon {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  background: url(../images/pdf.png) no-repeat center center;
  margin-right: 4px;
}
.list-report .item .txt {
  margin: 0;
  font-size: 18px;
  color: #333;
  height: 118px;
  line-height: 118px;
}
.list-report .item:hover .txt,
.list-report .item:hover .time,
.list-report .item:hover .download {
  color: #0075c2;
}
.list-report .item:hover .download .icon {
  background: url(../images/pdf_active.png) no-repeat center center;
}
.report-page {
  padding: 50px 0 100px;
}
@media (max-width: 768px) {
  .list-report .item {
    padding: 20px 100px 20px 0;
  }
  .list-report .item .time {
    display: block;
    position: static;
    font-size: 14px;
    -webkit-transform: none;
    transform: none;
    margin-bottom: 4px;
  }
  .list-report .item .txt {
    height: auto;
    line-height: 1.4;
    font-size: 16px;
  }
  .list-report .item .download {
    font-size: 14px;
    right: 5px;
  }
  .report-page {
    padding: 10px 0 60px;
  }
}
.welfare-page {
  padding: 100px 0 170px;
}
.welfare-page .wrap {
  background-color: #f6f6f6;
  position: relative;
}
.welfare-page .wrap .image {
  width: 480px;
  float: right;
}
.welfare-page .wrap .image .Ispic {
  padding-top: 73.3887%;
}
.welfare-page .wrap .content {
  float: left;
  width: calc(100% - 480px);
  padding: 2% 3% 2% 5%;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}
.welfare-page .wrap .content .title {
  color: #0075c1;
  font-size: 28px;
  font-weight: bold;
  margin: 0 0 34px;
}
.welfare-page .wrap .content .demand li {
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 18px;
}
.welfare-page .wrap .content .demand li:last-child {
  margin-bottom: 0;
}
@media (max-width: 992px) {
  .welfare-page .wrap .image {
    width: 400px;
  }
  .welfare-page .wrap .content {
    width: calc(100% - 400px);
  }
  .welfare-page .wrap .content .demand li {
    margin-bottom: 10px;
  }
}
@media (max-width: 768px) {
  .welfare-page .wrap .image {
    width: 100%;
    float: none;
  }
  .welfare-page .wrap .content {
    width: 100%;
    position: static;
    padding: 30px 10px;
  }
  .welfare-page .wrap .content .demand li {
    font-size: 14px;
  }
  .welfare-page .wrap .content .title {
    font-size: 20px;
    margin: 0 0 16px;
  }
  .welfare-page {
    padding: 30px 0 60px;
  }
}
.message-page {
  overflow: hidden;
  padding: 90px 0;
}
.message-page .form {
  margin: 0 -9px;
}
.message-page .form .form-item {
  width: 100%;
  float: left;
  padding: 9px;
}
.message-page .form .form-item-4 {
  width: 33.3333%;
}
.message-page .form .input-text {
  padding: 0 24px;
  height: 60px;
}
.message-page .form .textarea {
  min-height: 240px;
  padding: 18px 24px;
}
.message-page .form .btn {
  display: block;
  margin: 22px auto 0;
  width: 160px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  background-color: #0075c1;
  border: none;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.message-page .form .submit:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.textarea,
.input-text {
  display: block;
  width: 100%;
  border: none;
  background-color: #f6f6f6;
  resize: none;
  font-size: 16px;
}
.input-text::-webkit-input-placeholder,
.textarea::-webkit-input-placeholder {
  color: #666;
}
@media (max-width: 768px) {
  .message-page .form .form-item-4 {
    width: 100%;
  }
  .message-page {
    padding: 20px 0 40px;
  }
  .message-page .form .input-text {
    height: 46px;
    font-size: 14px;
  }
  .message-page .form .textarea {
    min-height: 170px;
    font-size: 14px;
  }
  .message-page .form .btn {
    font-size: 14px;
    width: 130px;
    height: 46px;
    line-height: 46px;
    margin: 14px auto 0;
  }
}
.contactus-page {
  padding: 95px 0;
}
.contactus-page .contact-us {
  border: 4px solid #f0f2f3;
  border-radius: 3px;
  overflow: hidden;
  background-color: #f0f2f3;
  display: table;
  table-layout: fixed;
  width: 100%;
}
.contactus-page .contact-us .mapCon {
  height: 100%;
  position: relative;
  width: calc(100% - 430px);
  display: table-cell;
}
.contactus-page .contact-us .map{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.contactus-page .contact-us .map img {
  max-width: none;
}
.contactus-page .contact-us .content {
  display: table-cell;
  width: 430px;
  background-color: #fff;
  padding: 30px 50px 0 50px;
}
.contactus-page .contact-us .content .main .company-name {
  font-size: 22px;
  font-weight: bold;
  color: #0075c1;
  margin: 0 0 10px;
}
.contactus-page .contact-us .content .main .txt {
  font-size: 16px;
  margin: 5px 0;
}
.contactus-page .contact-us .content .main {
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
}
.contactus-page .contact-us .content .group .title {
  color: #0075c1;
  font-size: 18px;
  margin-bottom: 16px;
}
.contactus-page .contact-us .content .group .item {
  font-size: 16px;
  padding-left: 32px;
  margin-bottom: 10px;
  line-height: 20px;
  background: no-repeat 0 center;
  position: relative;
}
.contactus-page .contact-us .content .group .item:last-child {
  margin-bottom: 0;
}
.contactus-page .contact-us .content .group .item span {
  display: inline-block;
  margin-right: 23px;
}
.contactus-page .contact-us .content .group .item span:last-child {
  margin-right: 0;
}
.contactus-page .contact-us .content .group {
  margin-top: 15px;
}
.contactus-page .contact-us .content .group .item i{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 30px; line-height: 30px; height: 30px;}
/* .contactus-page .contact-us .content .group .item:nth-child(2) {
  background-image: url(../images/info_tel.png);
}
.contactus-page .contact-us .content .group .item:nth-child(3) {
  background-image: url(../images/info_fax.png);
}
.contactus-page .contact-us .content .group .item:nth-child(4) {
  background-image: url(../images/info_email.png);
} */
@media (max-width: 992px) {
  .contactus-page .contact-us .content {
    display: block;
    float: none;
    width: 100%;
    height: auto;
    padding: 30px;
  }
  .contactus-page .contact-us .mapCon {
    width: 100%;
    height: 350px;
    float: none;
    display: block;
  }
  .contactus-page .contact-us .content .group-wrap {
    overflow: hidden;
  }
  .contactus-page .contact-us .content .group {
    width: 50%;
    float: left;
    margin-top: 30px;
  }
}
@media (max-width: 768px) {
  .contactus-page .contact-us .content {
    padding: 30px 10px;
  }
  .contactus-page .contact-us .content .group {
    float: none;
    width: 100%;
  }
  .contactus-page .contact-us .content .group .item {
    font-size: 14px;
  }
  .contactus-page .contact-us .mapCon {
    height: 280px;
  }
  .contactus-page {
    padding: 30px 0 60px;
  }
}
.join-page {
  padding: 80px 0 100px;
}
.join-page .position-wrap {
  width: 100%;
  overflow-x: auto;
}
.join-page .position-table {
  min-width: 600px;
}
.join-page .thead {
  height: 70px;
  background-color: #0075c1;
  color: #fff;
  font-size: 18px;
  text-align: center;
}
.join-page .thead span:nth-child(1) {
  text-align: left;
  padding-left: 7%;
}
.join-page .list-position .item {
  margin: 10px 0;
}
.join-page .list-position .item .item-header {
  height: 66px;
  background-color: #f6f6f6;
  font-size: 16px;
  text-align: center;
}
.join-page .list-position .item .item-header span:nth-child(1) {
  text-align: left;
  padding-left: 7%;
}
.join-page .list-position .item .item-header .icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(../images/arrow_1.png) no-repeat center center;
  cursor: pointer;
}
.join-page .list-position .item.active .item-header .icon {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.join-page .list-position .item .container {
  border: 1px solid #eee;
  border-top: 0;
  padding: 40px 86px 60px;
  display: none;
}
.join-page .list-position .item .content {
  font-size: 16px;
}
.join-page .list-position .item .content dl {
  margin-bottom: 24px;
}
.join-page .list-position .item .content dl dt {
  line-height: 2.5;
}
.join-page .list-position .item .content dl dd {
  line-height: 1.9;
}
.join-page .list-position .item .btn {
  display: block;
  width: 160px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  background-color: #0075c1;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-top: 30px;
}
.join-page .list-position .item .btn:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
@media (max-width: 768px) {
  .join-page {
    padding: 30px 0 60px;
  }
  .join-page .thead {
    font-size: 16px;
  }
  .join-page .thead span:nth-child(1) {
    padding-left: 3%;
  }
  .join-page .list-position .item .item-header span:nth-child(1) {
    padding-left: 3%;
  }
  .join-page .list-position .item .item-header {
    font-size: 14px;
  }
  .join-page .list-position .item .container {
    padding: 20px 20px 30px;
  }
  .join-page .list-position .item .content {
    font-size: 14px;
  }
  .join-page .list-position .item .btn {
    width: 130px;
    font-size: 14px;
  }
}
/*应聘表单*/
.Form002219 {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  filter: Alpha(opacity=0);
  z-index: -999;
}
.Form002219.show {
  opacity: 1;
  filter: Alpha(opacity=1);
  z-index: 100;
}
.Form002219 h2 {
  font-size: 20px;
  color: #333;
  text-align: center;
  padding-bottom: 20px;
}
.Form002219 .ytable {
  height: 100%;
}
.Form002219 .close {
  position: absolute;
  top: 20px;
  right: 20px;
  height: 17px;
  width: 17px;
  display: block;
  background: url(../images/Form002324-colseBtn.jpg) no-repeat;
  cursor: pointer;
  z-index: 999;
}
.Form002219_on {
  z-index: 999;
  left: 0;
  opacity: 1;
}
.Form002219 .wrap-container {
  background: #fff;
  padding: 3% 2% 3% 2%;
  border-radius: 6px;
  width: 50%;
  max-width: 800px;
  position: absolute;
  margin: 0 auto;
}
.CLSBTN {
  cursor: pointer;
  width: 33px;
  height: 33px;
  background: url(../images/PicList000307-close.jpg) center no-repeat;
  position: absolute;
  right: 2%;
  top: 2%;
}
.Form002219 dl {
  width: 100%;
  min-height: 44px;
  margin-bottom: 10px;
}
.Form002219 .text {
  border: 1px solid #dfdfdf;
  border-radius: 5px;
  width: 100%;
  padding: 0 10px;
  line-height: 44px;
  height: 44px;
  color: #5b5b5b;
}
.Form002219 strong {
  display: block;
  border: 1px solid #dfdfdf;
  border-radius: 5px;
  width: 100%;
  padding: 0 10px;
  line-height: 44px;
  height: 44px;
  color: #5b5b5b;
}
.Form002219 dl.dl {
  width: 100%;
  float: none;
  max-width: none;
}
.Form002219 dl.dl p {
  color: #0075c1;
}
.Form002219 dl.dl p em {
  font-style: normal;
}
.Form002219 .btn {
  display: inline-block;
  line-height: 40px;
  min-width: 140px;
  margin-right: 20px;
  color: #fff;
  background-color: #0075c1;
  font-size: 14px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}
.queueList {
  margin: 0 !important;
}
.placeholder {
  padding: 40px 0 !important;
}
.placeholder .webuploader-pick {
  background: #0075c1 !important;
}
.Form002219 .wrap-container {
  width: 90%;
  top: 50%;
  left: 30%;
  transform: translate(0%, -50%);
  overflow: auto;
}
@media (max-width: 1366px) {
  .Form002219 .wrap-container {
    left: 21%;
  }
}
@media (max-width: 768px) {
  .Form002219 .wrap-container {
    left: 5%;
  }
  .placeholder {
    padding: 20px 0 !important;
    font-size: 14px !important;
  }
  .placeholder .webuploader-pick {
    font-size: 14px !important;
    padding: 0 15px !important;
  }
  .Form002219 h2 {
    font-size: 18px;
    padding-bottom: 0;
  }
}
@media (max-width: 480px) {
  .Form002219 .btn {
    width: 48%;
    margin-right: 2%;
    float: left;
    display: block;
    min-width: 2px;
  }
}
.introduce-page {
  padding: 80px 0 40px;
}
.introduce-page p {
  line-height: 2;
  font-size: 16px;
}
.introduce-page .section-1 .content .company {
  color: #0075c1;
  font-size: 28px;
  font-weight: bold;
  margin: 0;
  padding: 10px 0 22px;
}
.introduce-page .section-1 .data-info {
  text-align: center;
  padding: 3% 0 5%;
  font-size: 0;
}
.introduce-page .section-1 .data-info .inline {
  display: inline-block;
  vertical-align: top;
  padding: 0 6.6%;
}
.introduce-page .section-1 .data-info .inline + .inline {
  border-left: 1px solid #e5e5e5;
}
.introduce-page .section-1 .data-info .inline .number {
  display: inline-block;
  vertical-align: top;
  color: #0075c1;
  font-size: 40px;
  line-height: 100%;
}
.introduce-page .section-1 .data-info .inline .plus {
  display: inline-block;
  vertical-align: top;
  color: #0075c1;
  font-size: 24px;
  line-height: 100%;
} 
.introduce-page .section-1 .data-info .inline .txt {
  display: block;
  color: #999;
  font-size: 16px;
  margin-top: 8px;
}
.introduce-page .section-2 .content {
  padding: 34px 0;
}
.introduce-page .section-3 {
  overflow: hidden;
}
.introduce-page .section-3 .image-list {
  margin: -15px;
  overflow: hidden;
}
.introduce-page .section-3 .image-list .item {
  width: 33.3333%;
  float: left;
  padding: 15px;
}
.introduce-page .section-3 .image-list .thumbnail {
  overflow: hidden;
}
.introduce-page .section-3 .image-list .Ispic {
  padding-top: 68.421%;
  -webkit-transition: .3s;
  transition: .3s;
}
.introduce-page .section-3 .image-list .thumbnail:hover .Ispic {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.introduce-page .section-3 .content {
  padding: 34px 0;
}
@media (max-width: 768px) {
  .introduce-page {
    padding: 30px 0 20px;
  }
  .introduce-page p {
    font-size: 14px;
  }
  .introduce-page .section-1 .content .company {
    font-size: 20px;
    padding: 0 0 10px;
  }
  .introduce-page .section-1 .data-info .inline {
    width: 50%;
    margin: 4% 0;
  }
  .introduce-page .section-1 .data-info .inline .txt {
    font-size: 14px;
    margin-top: 2px;
  }
  .introduce-page .section-1 .data-info .inline .number {
    font-size: 26px;
  }
  .introduce-page .section-1 .data-info .inline .plus {
    font-size: 18px;
  }
  .introduce-page .section-1 .data-info .inline:last-child {
    border-left: 0;
  }
  .introduce-page .section-2 .content {
    padding: 20px 0;
  }
  .introduce-page .section-3 .content {
    padding: 20px 0;
  }
  .introduce-page .section-3 .image-list .item {
    width: 100%;
    padding: 6px;
  }
  .introduce-page .section-3 .image-list {
    margin: -6px;
  }
}
.service-page {
  overflow: hidden;
  padding: 85px 0 120px;
}
.list-company {
/*  margin: -15px;*/
}
.list-company .item {
  width: 20%;
  float: left;
  padding: 15px;
  text-align: center;
}
.list-company .item .thumbnail {
  display: block;
  height: 98px;
  position: relative;
  border: 1px solid #ededed;
  overflow: hidden;
}
.list-company .item .thumbnail .image {
  height: 100%;
  -webkit-transition: .3s;
  transition: .3s;
}
.list-company .item .thumbnail .image img {
  max-width: 90%;
  max-height: 90%;
}
.list-company .item .thumbnail .title {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,117,193,0.9);
  color: #fff;
  font-size: 18px;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  opacity: 0;
  filter: Alpha(opacity=0);
  -webkit-transition: .3s;
  transition: .3s;
}
.list-company .item .thumbnail:hover .title {
  opacity: 1;
  filter: Alpha(opacity=1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.list-company .item .thumbnail:hover .image {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
@media (max-width: 992px) {
  .list-company .item {
    width: 25%;
  }
}
@media (max-width: 768px) {
  .service-page {
    padding: 30px 0 60px;
  }
  .list-company {
    margin: -6px;
  }
  .list-company .item {
    width: 33.3333%;
    padding: 6px;
  }
}
@media (max-width: 640px) {
  .list-company .item {
    width: 50%;
  }
}
.honor-page {
  overflow: hidden;
  padding: 100px 0;
}
.list-honor {
  margin: -30px;
}
.list-honor .item {
  width: 33.3333%;
  float: left;
  padding: 30px;
  text-align: center;
}
.list-honor .item .thumbnail {
  border: 1px solid #f0f0f0;
  max-width: 360px;
  height: 280px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  padding: 0 10px;
}
.list-honor .item .thumbnail .content {
  height: 100%;
  width: 100%;
}
.list-honor .item .image {
  width: 138px;
  height: 181px;
  margin: 0 auto 14px;
  background: url(../images/box.png) no-repeat;
  background-size: 100% auto;
  position: relative;
}
.list-honor .item .image img {
  width: 105px;
  height: 150px;
  position: absolute;
  left: 11px;
  top: 11px;
}
.list-honor .item h3 {
  font-size: 16px;
  font-weight: 400;
  margin: 0;
}
.list-honor .item .mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(250,250,250,0.8);
  z-index: 1;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: .3s;
  transition: .3s;
}
.list-honor .item .btn {
  display: block;
  width: 140px;
  height: 46px;
  line-height: 46px;
  background-color: #0075c1;
  color: #fff;
  font-size: 16px;
  text-align: center;
  margin: 0 auto;
  -webkit-transition: .3s;
  transition: .3s;
}
.list-honor .item .btn:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.list-honor .item .thumbnail:hover .mask {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  filter: alpha(opacity=100);
}
@media (max-width: 768px) {
  .list-honor {
    margin: -6px;
  }
  .list-honor .item {
    width: 50%;
    padding: 6px;
  }
  .list-honor .item h3 {
    font-size: 14px;
  }
  .list-honor .item .btn {
    font-size: 14px;
    width: 130px;
  }
  .honor-page {
    padding: 30px 0 60px;
  }
}

.bd_weixin_popup .bd_weixin_popup_main{ padding: 5px 0!important}
.bd_weixin_popup .bd_weixin_popup_head{ padding-left: 10px}
.bd_weixin_popup{ padding: 10px 0!important}
.bd_weixin_popup .bd_weixin_popup_foot{ text-align: center!important}


.history{ background: url(../images/history_line.jpg) repeat-y left top}
.history .list_item{ padding:20px 0px 20px 250px;overflow:hidden;position:relative;}
.history .box_left{position:absolute;top:40px;left:0px; padding-left: 75px; line-height:46px;}
.history .box_left .point{width:17px;height:17px;position:absolute;top:14px;left:0;background:#018eea;overflow:hidden; border: solid 3px #cce3f3; border-radius: 100px;}
.history .box_left .year{font-size:26px; display: inline-block;color:#fff; width: 120px; text-align: center; background: #bfe3fa; border-radius: 10px 0px 10px 0; transition: 0.4s}
.history .box_right .list{ margin-bottom: 40px; background: #f7f7f7; padding: 20px;border-radius: 20px 0px 20px 0}
.history .box_right .list:last-child{ margin-bottom: 0}
.history .box_right h5{font-size: 16px; line-height: 46px; padding: 0; margin:0; font-weight:normal;}
.history .box_right h5{color:#018eea;}
.history .box_right h5 span{ font-size: 24px;}
.history .box_right p{font-size:16px;color:#333333;margin:0; padding: 0}
.history .box_right .list{ display: table; width: 100%;}
.history .box_right .pic,
.history .box_right .txt{ display: table-cell; vertical-align: middle}
.history .box_right .pic{ width: 190px; padding-right: 40px;}
.history .box_right .pic .fade{width: 190px;}
.history .box_right .pic .item{ position: relative; height: 140px;}
.history .box_right .pic img{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto}
.history .show .box_left .year{ background: #1daa39}
.history .show .box_left .point{ background:#1daa39; border-color: #d2eed7}
.history .show .box_right h5{color:#1daa39;}
.history .slick-dots{ z-index: 5; text-align: center;padding: 0; margin: 0; position: absolute; width: 100%; bottom:5%}
.history .slick-dots li{ margin: 0px 2px; font-style: normal; display: inline-block; width: 8px; height: 8px; background: #fff; border-radius: 100px;}
.history .slick-dots li button{ display: none}
.history .slick-dots li.slick-active{ background: #018eea}
.history .show .slick-dots li.slick-active{ background: #1daa39}
@media (max-width: 768px) {
.history .box_left{ padding-left: 30px; top: 20px;}
.history .box_left .year{font-size:20px; width: 80px; line-height: 32px;}
.history .box_right h5{font-size: 14px;}
.history .box_right h5 span{ font-size:18px;}
.history .box_right .list{ padding: 10px; margin-bottom: 10px;}
.history .list_item{ padding: 10px 0px 10px 120px;}
.history .box_right .pic,
.history .box_right .txt{ display: block}
.history .box_right .pic{ width: 100%; padding-right: 0}
.history .box_right p{font-size:14px;}
}