@charset "UTF-8";


bhtml,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,textarea,input
{margin:0;padding:0;border:0;outline:none 0;vertical-align:baseline;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

html {font-family:"Microsoft YaHei","Helvetica","Helvetica Neue"; font-size: 625%;
    line-height: 1.5; color: #444;  -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%; background:#fff;}
body {font-size:.14rem; color:#333; background:#fff;font-family:Arial,"微软雅黑"}
html,body{margin:0px; padding:0px; }

article,aside,details,figcaption,figure,footer,header,hgroup,menu,section{display:block}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{vertical-align:baseline;text-decoration: none;color:#333; background: transparent;}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select,img{vertical-align:middle;}
button, input, select, textarea {font-family: inherit; font-size: 100%;}
/* a,img { -webkit-touch-callout: none;}*/
strong,b { font-weight: bold;}
i,em { font-style: normal;}
ul,ol,li,dl,dt,dd { list-style-type: none; padding: 0; margin: 0}
img{ height:auto; border:none;}


input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{-webkit-appearance: none;appearance: none;-moz-appearance:none;margin: 0;}
input[type="number"]::-moz-outer-spin-button,input[type="number"]::-moz-inner-spin-button{-webkit-appearance: none;appearance: none;-moz-appearance:none;margin: 0;}
input[type="number"]::outer-spin-button,input[type="number"]::inner-spin-button{-webkit-appearance: none;appearance: none;-moz-appearance:none;margin: 0;}
:focus{outline:0;}
/* 清除浮动 */
.clearfix:before,.clearfix:after {display: table;content:'';}
.clearfix:after { clear: both; }
.clearfix { *zoom:1;}
q:before,q:after{content: ""}
.clear { clear:both;}

/* 省略号 */
.ellipsis{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*重置*/
input,textarea{-webkit-appearance:none; border:none;}
input[type='checkbox']{ -webkit-appearance:checkbox;}
:-moz-placeholder { color: #c8c8c8;}
::-webkit-input-placeholder { color:#c8c8c8;}

.top{ height: 120px;}
.top_content{ width: 1200px; margin: 0 auto; position: relative;}
.top_content_left{ float: left; overflow: hidden; margin-right:30px;  }
.top_content_left img{ vertical-align: top; margin-top: 27px; }
.nav_ul{  float: left; }
/*.nav_ul>li{ float: left; width: 120px; line-height: 120px; position: relative; text-align: center;}*/

/*调整*/
.nav_ul>li{ float: left; width: 110px; line-height: 120px; position: relative; text-align: center;}

.nav_ul>li a{ display: block; overflow: hidden; color: #333333; font-size: 16px; }
.nav_ul>li:hover:after{ width: 100%; height: 10px; position: absolute; top: 0; left: 0;
    background: #f50f39; content: '';}
.nav_ul>li:hover>a{ text-decoration: underline; }
.nav_ul>li.active:after{ width: 100%; height: 10px; position: absolute; top: 0; left: 0;
    background: #f50f39; content: ''; }

.nav_ul dl.sub{ display: none; position: absolute;
    left: -3px;
    top: 120px;
    z-index: 1;
    width: 117px;
    border: 1px solid #E6E4E3;
    border-top: 0;
    background: #fff;  z-index: 100}
.nav_ul dl.sub dd{   text-align: center;
    padding: 0 8px;
    margin-bottom: -1px; }
.nav_ul dl.sub dd a {    display: block;
    border-bottom: 1px solid #E6E4E3;
    padding: 8px 0;

    line-height: 28px;
    color: #333;
    font-size: 16px;
}
.nav_ul>li:hover dl.sub{ display: block; }
.nav_ul dl.sub dd:last-child a{ border-bottom: none; }
.nav_ul dl.sub dd a:hover{ text-decoration: underline; }


.top_content_right{  float: right;}
.top_content_right input{ display:block; width:170px; height: 36px;
    line-height: 36px; font-size: 14px; background: #fff; float: left; }
.top_content_right img{  vertical-align: top; margin-top: 9px;  }
.search{width: 200px; height:36px; border-bottom: 1px solid #cccccc;
    overflow: hidden; margin-top: 12px;}
.search_btn{ background:none; border:none; float:right;cursor: pointer;}
/* .search button{ float: right; background:url(../images/search.png) no-repeat; border:none; width:18px; background-size:cover; height:18px;}*/
.language{ background: #f50f39;  margin-left: 30px; text-align: center;
    line-height: 32px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px; width: 154px;
    position: relative;
    padding: 0 8px;
    background-image: url(../images/language_xiala.png);
    background-repeat: no-repeat;
    background-position: 150px center;
    -webkit-background-size: auto 5px;
    background-size: auto 5px;
}
.options {  position: absolute;  top: 30px!important;  left: -1px;  right: 6px;    border: 1px solid #ddd;
    border-top: none;  padding:0 0 10px 0;    background-color: #fff;   z-index: 9;
    box-shadow: 0 0 6px 0 rgba(201,201,201,.75);
}
.options li {
    font-size: 12px;
    line-height: 20px; margin-top: 10px;
    position: relative;
    padding-left: 40px; text-align:left;
    cursor: pointer;
    color: #777;
}
.tit {
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    height: 30px;
    background: 0 0;
}


.banner{ height:500px; width: 100%; background-size:cover; background-repeat: no-repeat;
    background-position: top center }
.banner_index{height:866px; width: 100%; background-size:cover; background-repeat: no-repeat;
    background-position: top center }
.nav{ height: 72px; overflow: hidden; border-bottom: 1px solid #e3e3e3; width: 100%; background: #fff; z-index: 9999}
.nav_main{ width: 1200px; margin: 0 auto; overflow: hidden; }


.tab{overflow:hidden; float: left;}
.tab a{float:left;color:#666666; font-size: 16px; margin-right: 60px;
    line-height: 70px; position: relative; display: inline-block;}
.tab a.on{color:#c60c30;text-decoration:none; border-bottom: 2px solid #c60c30}
.theme .content{overflow:hidden; width: 890px; background: #fafafa; float: left;}
.theme .content li{display:none;}

.nav_right{ float: right; line-height: 72px; }
.nav_right a{ color: #b0b0b0; font-size: 14px; }
.nav_right a:hover{ text-decoration: underline; }
.nav_right span{ color: #b0b0b0;font-size: 14px; margin: 0 10px; }
.nav_right img{ width: 10px; height: 14px; vertical-align: top; margin-top: 29px;
    margin-right: 10px; }
.theme{ width: 1200px; margin: 60px auto 0; overflow: hidden; }
.content_title{ color: #c60c30; font-size: 20px; margin: 0 30px;
    border-bottom: 1px solid #ededed; font-weight: bold; height: 50px; line-height: 50px; margin-top: 10px; }
.theme_right{ float: right; width: 280px; }
.theme_right_li{ overflow: hidden; background: #fafafa; margin-bottom: 30px; }
.theme_right_title{ height: 60px; line-height: 60px; border-bottom: 1px solid #efefef; color: #333333;
    font-size: 20px; font-weight: bold; padding: 0 20px; }
.theme_right_li_font{ overflow: hidden; margin:20px  }
.theme_right_li_font a{ color: #999; font-size: 14px; line-height: 36px;  margin-right: 10px;}

.theme_right_li_font_number{ color: #0f9dcc; font-weight: bold; cursor: pointer; font-size: 30px; text-align: center; line-height: 30px; }

.theme_right_li_font_time{ color: #666666; font-size: 14px;  text-align: center; margin-top: 10px;}
.theme_right_li_font_btn{ width: 166px; height: 40px; border:6px solid #0f9dcc; text-align: center;
    margin: 30px auto 10px; line-height: 40px; color: #0f9dcc; font-size: 16px; cursor: pointer; transition: all 0.1s 0.1s ;}

.xiaxi{ width:18px; height: 18px; background:url(../images/contact.png); background-size: 100%;
    transition: all 0.2s 0.1s ease-out; display: inline-block; vertical-align: top; margin-top: 10px; margin-right: 5px  }

.theme_right_li_ul{ overflow: hidden; margin: 10px 20px 0 }
.theme_right_li_ul li{ overflow: hidden; padding: 20px 0; border-bottom: 1px solid #efefef }
.theme_right_li_ul_left{ width: 102px; height: 100px; float: left; overflow: hidden; margin-right: 18px; }
.theme_right_li_ul_left img{ width: 100%; vertical-align: top; }
.theme_right_li_ul_right{ overflow: hidden; height: 100px; display: flex; align-items: center; color: #666; font-size: 16px; line-height: 24px; }
.product_dl{ overflow: hidden; margin: 0 30px; }
.product_dl dd{ padding: 30px 0; border-bottom: 1px solid #ededed; overflow: hidden;}
.product_dl dd:hover .product_dl_btn{ border:3px solid #c60c30; color: #c60c30 }
.product_dl dd:hover .product_right_one{ color: #c60c30; text-decoration:underline}
.product_left{ float: left; width: 278px; height: 272px; margin-right: 30px }
.product_right{ overflow: hidden; height: 272px; display: flex; align-items: center; }
.product_right_juzhong{ overflow: hidden; }
.product_right_one{ color: #333333; font-size: 20px; line-height: 20px; }
.product_right_two{ color: #333333; font-size: 14px; margin-top: 12px;}
.product_right_three{ color: #666; font-size: 14px; line-height: 24px; max-height: 70px; margin: 24px 0 46px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden; }
.product_dl_btn{ height:36px; width: 114px; text-align: center; line-height: 36px; color: #999999; font-size: 14px;
    border:3px solid #cccccc;    transition: all 0.2s 0.1s ease-out;  }

.theme_right_li:hover .theme_right_li_font_number{color: #c60c30;}
.theme_right_li_font a:hover{color: #c60c30;text-decoration: underline;}
.theme_right_li:hover .theme_right_li_font_btn{ border:6px solid #c60c30; color: #c60c30;  }
.theme_right_li:hover .xiaxi{ background:url(../images/contact_h.png); background-size: 100%;}


.footer{ background: #fafafa; overflow: hidden; padding-top: 80px; margin-top: 100px }
.footer_content{ width: 1200px; margin: 0 auto; }
.footer_content_left{ float: left; }
.footer_content_left_one{ overflow:hidden; }
.footer_content_left_two{  margin:60px 0 0 0; height: 40px; }
.footer_content_left_two a{ display: block; float: left; margin-right: 30px;transition: all 0.6s; position:relative }
.shareimg{ position:absolute; top:50px; left:-50%; width:150px; height:150px; opacity:0;transition: all 0.6s}

.footer_content_left_two img{ width:40px; height:40px;transition: all 0.6s; }

.footer_content_left_two a:hover>img{ transform: scale(1.3); }
.footer_content_left_two a:hover .shareimg{  opacity:1}
.shareimg img{ width:100%; height:100%}
.footer_dl{ float: right; margin:10px 0 0 100px; overflow: hidden;}
.footer_dl dt{ border-bottom:1px solid #e1e1e1; text-align:left; padding-bottom: 15px; margin-bottom: 15px }
.footer_dl dt a{ color: #333333; font-size: 16px; }
.footer_dl dd{ overflow: hidden; line-height: 30px; }
.footer_dl dd a{ color: #333; font-size: 14px; }
.footer_dl dd a:hover{ text-decoration: underline; }
.footer_one{  min-height: 213px;}
.footer_two{ overflow: hidden; border-top:1px solid #e1e1e1; margin-top: 70px; padding: 90px 0; position: relative; }
.footer_two:after{ width: 1px; height: 88px; background: #e1e1e1; position: absolute; left: 50%; top: 90px; content: '' }
.footer_two_left{ float: left; }
.footer_two_left_title{ color: #333; font-size: 16px; line-height: 16px;}
.footer_two_left_font{ color: #666666; font-size: 14px; line-height: 30px; margin-top: 18px; }
.footer_two_left_font span{ margin-right: 52px; }
.footer_two_left_font a{ color: #fff }
.footer_two_right{ float: right; }

.index_footer{ background: #495565;}
.index_footer .footer_dl dt{ color: #fff; border-bottom: 1px solid rgba(255,255,255,0.1) }
.index_footer .footer_dl dt a{ color: #fff }
.index_footer .footer_dl dd a{ color: #fff }
.index_footer .footer_two{ border-top:1px solid rgba(0,0,0,0.1); }
.index_footer .footer_two_left_title{ color: #fff }
.index_footer .footer_two_left_font{ color: #fff }
.index_footer .footer_two:after{ background: rgba(0,0,0,0.1) }
.bottom{ background: #212c30; color: #fff; overflow:hidden; width: 100%; padding: 20px 0}
.bottom_concent{ width: 1200px; margin: 0 auto; overflow: hidden; }
.bottom_concent_left{  font-size: 14px; width: 100%; text-align: center; }
.bottom_concent_left a{ color:#fff}
.bottom_concent_right{ float: right; }
.bottom_concent_right a{ color: #fff; font-size: 14px; }
.bottom_concent_right a:hover{ text-decoration: underline; }
.bottom_concent_right span{ color: #fff; font-size: 14px; margin: 0 10px; }

/*产品详情*/
.wid1200{ width: 1200px; margin: 0 auto; height: auto; position: relative;}
.productxq_top{ text-align: center; color: #333; font-size: 16px; line-height: 30px; margin-top: 50px; }
.productxq_ul{ display: flex; overflow: hidden;  justify-content:space-between; margin: 0 0 80px; padding-top: 50px;}
.productxq_ul li{ width: 150px; text-align: center; transition:All 0.4s ease-in-out;cursor: pointer;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;}
.productxq_ul li:hover{transform:translate(0,-10px);
    -webkit-transform:translate(0,-10px);
    -moz-transform:translate(0,-10px);
    -o-transform:translate(0,-10px);
    -ms-transform:translate(0,-10px);
}

.productxq_ul_font{ color: #c60c30; font-size: 16px; margin-top: 15px; font-weight:bold; }
.product_switch{ width: 1200px; overflow: hidden; margin: 0 auto;}

.product_switch_left{ width: 486px;  height: auto; margin-right: 10px; float: left; }
.product_switch_right{ overflow: hidden; background: #fafafa; float: right; width: 704px; min-height: 637px;}

.gallery-top {
    height:476px;
    width: 100%;
}
.gallery-top .swiper-slide{ background-repeat: no-repeat; background-size: 100% }
.gallery-thumbs {
    height: 151px;
    box-sizing: border-box; margin-top: 10px;
    padding: 0 0;
}
.gallery-thumbs .swiper-slide {
    height:151px; background-repeat: no-repeat;background-size:cover;

}
.gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}
.gallery-thumbs .swiper-slide-thumb-active:after{ width: 151px; height: 147px; border:2px solid #c60c30;
    position: absolute; left: 1px;  top: 0; content: ''}

.product_switch_right_font{ overflow: hidden; margin: 0 50px; }
.product_switch_right_name{ color: #c60c30; font-size: 30px; font-weight: bold; border-bottom: 1px solid #e5e5e5;
    padding: 26px 0; margin-top: 20px; }
.product_switch_right_name span{ font-size: 18px; margin-left: 10px; color: #333333; font-weight:100 }
.product_switch_right_brief{ overflow: hidden; border-bottom: 1px solid #e5e5e5; padding: 26px 0; }
.product_switch_right_brief_title{ color: #333333; font-size: 18px; }
.product_switch_right_brief_font{ color: #666666; font-size: 14px; line-height: 24px; margin-top: 10px;}

.consulting{ overflow: hidden; margin-top: 50px; float: left; }
.consulting_left{ float: left; margin-right: 10px; }
.consulting_left img{ vertical-align: top; margin-top:4px; }
.consulting_right{ overflow: hidden; }
.consulting_right_one{ color: #999999; font-size: 16px; }
.consulting_right_two{ color: #c60c30; font-size: 36px; line-height: 36px; font-weight: bold; }
.zixun_btn{ width: 114px; height: 36px; border:3px solid #c60c30; text-align: center; line-height: 36px; color: #c60c30;
    margin-top: 60px;
    cursor: pointer; float: right; }

.tech{overflow:hidden; height: 51px; width: 1200px; margin: 30px auto 10px; background: #fafafa }
.tech a{float:left;color:#c60c30; font-size: 16px; width: 164px; text-align: center;
    line-height: 49px; position: relative; display: inline-block;}
.tech a.on{color:#c60c30;text-decoration:none; border-bottom: 2px solid #c60c30; font-weight: bold;}
.tech_center{overflow:hidden;   width:1200px; margin: 0 auto  }
.tech_center>ul>li{display:none; overflow: hidden;}

.tabPanel{  overflow: hidden; margin-top: 20px; }
.tabPanel dl{ float: left; overflow: hidden; margin-right: 30px; max-height: 375px; overflow: auto }
.tabPanel dl dd{ height:68px; width: 298px;border:1px solid #e5e5e5; background: #fafafa; text-align: center; line-height: 68px;
    margin: 5px 0; color: #333; font-size: 18px; cursor: pointer;}
.tabPanel dl dd:first-child{ margin-top: 0 }
.tabPanel dl dd.hit{ background:#c60c30; color: #fff }
.panes{ overflow: hidden; background: #fafafa }
.pane{display: none;}

.innovation{ overflow: hidden; padding:30px; }
.innovation_left{ float: left; width: 454px; margin-right: 30px; }
.innovation_right{ overflow: hidden; }
.innovation_right_title{ color: #c60c30; font-size: 16px; margin-top: 26px; }
.innovation_right_font{ color: #666; font-size: 14px; line-height: 24px; margin-top: 10px;  }

.parameter{ overflow: hidden; background: #fafafa; padding: 30px 0}
.parameter_left{ float: left; width: 600px; margin-left: 50px; margin-right: 20px; }
.parameter_left dt{ overflow: hidden; }
.parameter_left dd{ overflow: hidden; margin: 4px 0; }
.parameter_dt_left{ float: left; width: 300px; line-height: 40px; font-size: 16px;  color: #333 }
.parameter_dd_left{ float: left; width: 300px; color: #4e4e4e; font-size: 16px; line-height: 30px;}
.parameter_dd_left img{ vertical-align: top; margin-right: 10px; margin-top: 6px; width: 16px; }
.parameter_right{ overflow: hidden; }

.consumables{ overflow: hidden; margin: 0 50px; }
.consumables_font{ color: #666; font-size: 16px; line-height: 30px; margin-top: 10px; }
.consumables_font i{ display: block; color: #c60c30; margin-top: 20px; }
.consumables_tu{ display: flex;justify-content:space-between; margin-top: 20px; }
.consumables_tu1{ width: 290px; overflow: hidden;}
.consumables_tu2{width: 201px; overflow: hidden;}
.consumables_tu3{width: 360px; overflow: hidden;}

.swiper-button-prev-mm,.swiper-button-next-mm{ background:url(../images/swiper_button2.png) no-repeat;
    width:26px; height: 49px; position: absolute; z-index: 111; cursor: pointer; top: 50%; transform: translateY(-50%);}
.swiper-button-prev-mm{  left: 20px;  }
.swiper-button-next-mm{ background-position: -26px 0 ; right: 20px; }

.technological{ overflow: hidden; margin-top: 20px;}
.technological dl{ overflow: hidden; display: flex;justify-content:space-between; flex-wrap:wrap;}
.technological dl dd{ width: 380px; height: 307px; background: #fafafa; margin: 15px 0;}
.technological_left{ width: 86px; display: flex; align-items: center; height: inherit; margin: 0 30px; float: left; }
.technological_left img{ width:auto; max-width: 86px; }
.technological_right{ overflow: hidden;  margin-right: 30px;display: flex; height: inherit; align-items: center; }
.technological_right_font{ overflow: hidden; }
.technological_right_title{ color: #333333; font-size: 18px; }
.technological_right_zi{ color: #666666; font-size: 14px; line-height: 24px; margin-top: 16px; }
.funct_ul{ overflow: hidden; position: relative;}
.funct_ul li{ float: left; text-align:center; margin: 20px 0 0 0; width: 120px;cursor:pointer}
.funct_ul li:hover .funct_font{ color: #c60c30;    text-decoration: underline;}

.funct_font{ color: #333; font-size: 14px;  margin-top: 6px; cursor:pointer}
.mt50{ margin-top: 50px; }
.innovation_one{ overflow: hidden; }
.consumables_tu4{ width: 533px; border: 1px solid #e5e5e5; }
.nav_d{ overflow: hidden; margin: 0 auto; width: 1200px; }
.mb15{ margin-bottom: 0; margin-top: 0 }
.mt25{ margin-top: 25px; }

.technological4{ overflow: hidden; background: #fafafa; padding: 50px;}
.technological4_left{ float: left; margin-right: 120px; width: 500px; }
.technological4_left dd{ overflow: hidden; }
.technological4_left_yaun{ width: 8px; height: 8px; border-radius:50%; overflow: hidden; background: #c60c30; float: left;
    margin-right: 10px; margin-top: 22px;  }
.technological4_right{ overflow: hidden;  }
.technological4_left_font{ overflow: hidden; color: #666; font-size: 14px; line-height: 24px; border-bottom: 1px dashed rgba(0,0,0,0.1);
    padding: 15px 0;}

/*首页*/
.indenx_one{  background: #fff; width: 1200px; margin:  0 auto; height:auto }
.index_title{ width: 386px; margin: 0 auto; height: 70px; line-height: 70px; margin-top: 60px; overflow: hidden; text-align: center; position: relative;}
.index_xian{ width: 100%; height: 1px; background: #0ec3d4;  position: absolute; top: 35px; left: 0  }
.index_title span{ background: #fff;  color: #333333; font-size: 36px; height: 70px; line-height: 70px; padding: 0 30px;
    display: inline-block; position: relative;z-index: 5; font-weight: bold;}
.index_title_left{ position: absolute; top:30px; left: -10px; width: 10px; height: 10px; border-radius: 50%; background: #0ec3d4 }
.index_title_right{ position: absolute; top: 30px; right: -10px; width: 10px; height: 10px; border-radius: 50%; background: #0ec3d4 }
.index_title_font{ text-align: center; color: #666666; font-size: 18px; }
.indenx_one_ul{ display:flex; justify-content:space-between; }
.indenx_one_ul li{ width: 380px; height: 600px; border-radius: 10px; overflow: hidden; background: #fff; cursor:pointer;
    box-shadow: 0 0 24px rgba(0,0,0,0.1); margin-top:40px; position: relative; transition: width 0.5s; }
.indenx_one_ul_title{ height: 100px; line-height: 80px; color: #f50f39; font-size: 24px; font-weight: bold; text-align: center; }
.indenx_one_ul_jia{ position: absolute; left: 50%; top: 80px; transform: translateX(-50%); z-index: 10;
    width: 40px; height: 40px; background: url(../images/jia.png) no-repeat; background-size: 100%; transition: all 0.35s 0.1s ease-out; }
.indenx_one_ul li:hover .indenx_one_ul_jia{ background: url(../images/jia_h.png) no-repeat;}
.indenx_one_ul_img{ width: 380px; height: 500px; overflow: hidden; }
.indenx_one_ul_img img{ width:380px; height:500px;}
.indenx_one_btn{ border: 2px solid #0ec3d4; border-radius: 50px; overflow: hidden; margin: 50px auto 80px;
    width: 176px; height: 46px; line-height: 46px; text-align: center; cursor: pointer; }
.indenx_one_btn a{  color: #0ec3d4;font-size: 16px; }
.indenx_two{ width: 100%; min-width: 1200px; overflow: hidden; background: #1460ce url(../images/index_two.jpg) no-repeat; background-position:center 190px}
.indenx_two_conter{ width: 1200px; margin: 0 auto; height: auto; }

.indenx_two .index_xian{background: #fff;}
.indenx_two .index_title span{ background: #1460ce; color: #fff }
.indenx_two .index_title_left{ background: #fff }
.indenx_two .index_title_right{ background: #fff }
.indenx_two .index_title_font{ color: #fff; font-size: 16px; line-height: 30px;}
.indenx_two_btn{border: 2px solid #fff; border-radius: 50px; overflow: hidden; margin: 30px auto 80px;
    width: 176px; height: 46px; line-height: 46px; text-align: center; cursor: pointer; }
.indenx_two_btn a{ color: #fff;font-size: 16px; }
.index_two_qie{  position: relative; height: auto; width: 1200px; margin: 0 auto; }
.swiper-button-prev-in,.swiper-button-next-in{ background:url(../images/swiper_button3.png) no-repeat;
    width:27px; height: 50px; position: absolute; z-index: 111; cursor: pointer; top: 50%; transform: translateY(-50%);}
.swiper-button-prev-in{  left:0;  }
.swiper-button-next-in{ background-position: -27px 0 ; right: 0; }
.index_two_qie_bg{ margin: 0 auto; text-align: center; height: 630px; position: relative; }
.etobg{ margin-top: 230px; position: relative;z-index: 5}
.index_two_qie_ul{ position: absolute; width: 968px; left: 114px; z-index: 30; top: 100px; }
.index_two_qie_ul li{ float: left; text-align: center; width: 242px; margin-bottom: 100px;}
.index_two_qie_ul li:last-child{ margin-left: 365px; }
.index_two_qie_ul_one{ color: #fff; font-size: 24px; height: 80px; line-height: 80px; }
.index_two_qie_ul li img{ width: 100px; height: 100px;transition: all 0.6s; cursor: pointer; }
.index_two_qie_ul li img:hover{transform: scale(1.2)}



.index_three{ overflow: hidden; width: 1200px; margin: 0 auto; height: auto; }
.index_three_title{ height: 96px; line-height: 96px; overflow: hidden; border-bottom: 1px solid #e5e5e5; width: 1200px; margin: 50px auto }
.index_three_title_left{ float: left; color: #111111; font-size: 36px; font-weight: bold; }
.index_three_title_left img{ vertical-align: top; margin: 33px 0 0 20px; }
.index_three_title_right{ float: right; }
.index_three_title_right a{ color: #999; font-size: 16px; }
.index_three_about{ overflow: hidden; margin:50px 0 78px }
.index_three_about_left{ float: left; width: 600px; height: 710px; background:#1460ce; display: flex; align-items: center; }
.index_three_about_left_font{ overflow: hidden; margin: 0 48px; }
.index_three_about_left_font_one{ color: #fff; font-size: 36px; font-weight: bold; }
.index_three_about_left_font_two{ color: #fff; font-size: 18px; line-height: 36px; margin-top: 10px; }
.index_three_about_right{ overflow: hidden; background:#f5f5f5; height: 710px; }


.swiper-container-z{ height: 100%; }
.swiper-container-horizontal>.swiper-pagination-z .swiper-pagination-bullet{ width: 12px; height: 12px; margin: 0 9px;
    background:rgba(0,0,0,0.2);opacity:1;
}
.swiper-container-horizontal>.swiper-pagination-z .swiper-pagination-bullet-active
{ background:rgba(51,51,51,1); opacity:1; }

.swiper-container-z .swiper-slide{ text-align: center; align-items: center; display: flex;}
.swiper-container-z .swiper-pagination-z{ bottom:46px; }
.swiper-button-prev-z,.swiper-button-next-z{ background:url(../images/swiper_button4.png) no-repeat;
    width:30px; height: 50px; position: absolute; z-index: 111; cursor: pointer; top: 50%; transform: translateY(-50%);}
.swiper-button-prev-z{  left: 0;  }
.swiper-button-next-z{ background-position: -30px 0 ; right:0; }
.swiper-container-z-font{  width: 100%; text-align: center;}
.swiper-container-z-font img{transition:all 0.6s; cursor: pointer;}
.swiper-container-z-font img:hover{transform:translate(0,-20px);  }
.swiper-container-z-year{ color: #111; font-size: 30px; font-weight: bold; margin-top: 40px; }
.swiper-container-z-year span{ font-size: 72px; line-height: 72px; font-weight: 100;  }
.swiper-container-z-fe{ font-size: 24px; line-height: 24px; margin-top: 20px; }

.index_four{ overflow: hidden; background: #f7f7f7; }

.index_new{ overflow: hidden; display: flex; justify-content: space-between; padding-bottom: 50px; padding-top: 20px; }
.index_new li{ width: 285px; height: auto; overflow: hidden; position:relative;
    transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;}

.index_new li:hover{transform:translate(0,-10px);
    -webkit-transform:translate(0,-10px);
    -moz-transform:translate(0,-10px);
    -o-transform:translate(0,-10px);
    -ms-transform:translate(0,-10px);
    -webkit-box-shadow:0px 5px 15px #e5e5e5;
    -moz-box-shadow:0px 5px 15px #e5e5e5;
    box-shadow:0px 5px 15px #e5e5e5;}
.index_new_one{ width: 285px; height: 360px; overflow: hidden; }
.index_new_two{ color: #333333; font-size: 18px; overflow: hidden;   text-overflow:ellipsis;
    white-space: nowrap; margin: 16px 0 6px }
.index_new_three{ overflow: hidden; margin-bottom: 10px;}
.index_new_three span{ color: #999999; font-size: 14px; margin-right: 14px; }

.container-he{ position: relative; margin-bottom: 80px; }
.swiper-button-prev-he,.swiper-button-next-he{ background:url(../images/swiper_button5.png) no-repeat;
    width:40px; height: 40px; position: absolute; z-index: 111; cursor: pointer; top: 50%; transform: translateY(-50%);}
.swiper-container-he .swiper-slide{ text-align: center; align-items: center; display: flex; height: 100px; background:#fff;
    border-radius: 10px;}
.swiper-button-prev-he{  left: -50px;  }
.swiper-button-next-he{ background-position: -40px 0 ; right:-50px; }

.solution{margin: 0 auto; height: auto; }
.solution .content ul>li{ display: none }

.solution_title{ margin-top:60px; text-align: center; height: 110px; line-height: 110px; position: relative;
    color: #333; font-size: 36px;}
.solution_title:after{ width: 50px; height: 1px; bottom: 0; left: 50%; transform: translateX(-50%); background: #f50f39; content: ''; position:absolute; }
.solution_dl{ overflow: hidden; display: flex; justify-content: space-between; margin: 0 0 130px; padding-top: 50px; }
.solution_dl dd{ width: 285px; height: 472px; overflow: hidden; background: #fafafa;position:relative;
    transition:All 0.4s ease-in-out;cursor: pointer;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;}

.solution_dl dd:hover{transform:translate(0,-10px);
    -webkit-transform:translate(0,-10px);
    -moz-transform:translate(0,-10px);
    -o-transform:translate(0,-10px);
    -ms-transform:translate(0,-10px);
    -webkit-box-shadow:0px 5px 15px #e5e5e5;
    -moz-box-shadow:0px 5px 15px #e5e5e5;
    box-shadow:0px 5px 15px #e5e5e5;}

.solution_one{ overflow: hidden; width: 1200px; margin: 0 auto;  }
.solution_dl_one{position: relative; overflow: hidden;}
.suspension{ position: absolute; width: 100%; height: 100%; background: rgba(15,157,204,0.8); left: 0; top: 0; text-align: center;
    display: flex; align-items: center; justify-content: center;}
.suspension_one{ color: #333333; font-size: 18px; margin:40px 30px 15px; }
.suspension_two{ color: #666; font-size: 14px; line-height: 24px;margin: 0 30px; }
.solution_two{ overflow: hidden; background: #ebebeb }
.solution_two_conter{ width: 1200px; margin: 140px auto 100px; overflow: hidden; }
.solution_two_conter_left{ float: left; width: 510px; }
.solution_two_conter_right{ float: right; width: 660px; overflow: hidden;}
.solution_two_title{ height: 74px;position: relative; color: #f50f39; font-size: 36px; line-height: 50px; }
.solution_two_title:after{ width: 50px; height: 1px; background: #f50f39; position: absolute; left: 0; bottom: 0; content: ''; }
.solution_two_font{ color: #666666; font-size:14px; line-height: 30px; margin-top: 20px; }
.process{ overflow: hidden;  margin: 50px 0 0  }
.process_left{ float: left; width: 600px; height: 660px; background: #fafafa; margin-bottom: 30px;}
.process_left_one{ color: #333; font-size: 24px; line-height: 24px; margin: 46px 50px 0; }
.process_left_two{ width: 340px; height: 390px; margin: 30px auto 40px; overflow: hidden; }
.process_left_three{ color: #666666; font-size: 14px; margin: 0 50px 0; line-height: 24px; }
.process_right{ overflow:hidden; }
.process_right_li{ float: left; width: 170px; height: 200px; background: #fafafa; margin:0 0 30px 30px;text-align: center; cursor: pointer; }
.process_right_li_one img{ width: auto; max-width: 128px;  }
.process_right_li_one{ width: 128px; margin:  10px auto; overflow: hidden; height: 147px; display: flex; align-items: center; justify-content: center; }
.process_right_li_two{ color: #333; font-size: 16px; text-align: center; line-height: 24px; }
.on .process_right_li_two{ color: #f50f39 }
.process_da{ display: none }
.process_da:first-child{ display: block; }

.explain{ overflow: hidden; margin:0 0 30px; background: #fafafa; padding: 20px 30px}
.explain_title{ color: #f50f39; font-size: 18px; }
.explain_font{ color: #666666; font-size: 14px; line-height: 24px; margin-top: 10px;}
.support{ display: flex; width: 1200px;  margin: 0 auto 80px; padding-top: 50px; overflow: hidden; justify-content:space-between;}
.support dd{ width: 277px; height: auto; }
.support_one{ background: #fff; height: 203px; width: 100%; display: flex; align-items: center;
    justify-content: center;position:relative;
    transition:All 0.4s ease-in-out;cursor: pointer;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out; }


.support dd:hover .support_one{transform:translate(0,-10px);
    -webkit-transform:translate(0,-10px);
    -moz-transform:translate(0,-10px);
    -o-transform:translate(0,-10px);
    -ms-transform:translate(0,-10px);
    -webkit-box-shadow:0px 5px 15px #e5e5e5;
    -moz-box-shadow:0px 5px 15px #e5e5e5;
    box-shadow:0px 5px 15px #e5e5e5;}
.support_two{ color: #666666; font-size: 14px; line-height: 24px; margin-top: 10px; }
.support_two span{ color: #f50f39 }
.support_one_font{ overflow: hidden; }
.support_one_font_font{color: #333; font-size: 18px; text-align: center; margin-top: 15px;}

.scene{ overflow: hidden; margin: 50px 0; }
.scene img{transition:all .4s ease-out; cursor: pointer;}
.scene img:hover{ transform:scale(1.1); }
.scene_left{ float: left; width: 575px; height: 324px; overflow: hidden;}
.scene_right{ float: right; width: 575px; height: 324px; overflow: hidden; }
.data{ height: 60px; line-height: 60px; overflow: hidden; border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;  cursor: pointer;}
.data_left{float: left; color: #666;font-size: 16px;}
.data_left img{ vertical-align: top; margin: 19px 20px 0 0  }
.data_right{ float: right;color: #666;font-size: 16px; }
.data_right img{ vertical-align: top; margin: 19px 10px 0 0  }

.about_title{ text-align: center; overflow: hidden; padding-top: 70px; }
.about_title_one{ color: #f50f39; font-size: 30px; font-weight: bold; line-height: 50px; }
.about_title_two{ color: #333333; font-size:18px;}
.anmao{ height: 70px;margin-top: -60px; }

.jianjie{ overflow: hidden; margin: 40px 0 80px; }
.jianjie_left{ float: left; color: #666; font-size: 16px; line-height: 30px; width: 650px; }
.jianjie_left p{ margin-bottom: 10px; }
.jianjie_right{ width: 500px; height: 424px; float: right; background: #ccc }

.video-con{ width: 500px; height: 424px; position: relative; background: #000}
.video-con .video{ width: 100%; height: 100%;}
.video-con .btn{ width: 60px; height: 60px; background: transparent url("../images/play-btn.png") no-repeat;
    position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border: none; background-size:100% }
.video-con .btn.pause{ background-image: url("../images/pause-btn.png");}

#timeLine{
    width: 1200px;
    margin: 40px auto;
    padding-bottom: 40px;
    overflow: hidden;
}
#yearList{
    width: 100%;
    list-style: none;
    position: relative; display: flex;
    z-index: 99
}
#yearList:after,.container-li:after{
    content: "";
    display: table;
    clear: both;
}
#yearList li{
    width: 175px;
    cursor: pointer; height: 130px;
    flex-shrink:0;
    text-align: center;


}
.year-dot{
    width: 19px; height: 19px; border-radius: 50px; border: 1px solid #eeeeee;
    background-color: #fff;  display: block; margin: 56px auto 0; position: relative;
}
.year-dot:after{ width: 1px; height: 8px; position: absolute; background: #e5e5e5; content: ''; left: 10px; bottom: -9px; }
.dotted-line{
    border-bottom: dashed 1px  rgba(0,0,0,0.1);
    position: relative;
    top: -63px;
    z-index: 1;
}
#cList{
    width: 100%;
    position: relative;
}
#btnLeft{
    width: 72px; height: 31px;

    position: absolute;
    left: -82px;
    top: 448px;
    text-decoration: none;
    z-index:999;

}
#btnRight{
    width: 72px; height: 31px;

    position: absolute;
    right: -82px;
    top: 448px;
    text-decoration: none;
    z-index:999;
}
#btnLeft:hover,#btnRight:hover{
    cursor:pointer;
}
#cUl{
    width: 1200px;
    list-style: none;
    height: 396px;
    margin: 0 auto;
    position: relative;
    left: 0px;
}
#cUl li{
    width: 1200px; height: 396px; background: url(../images/course_bg.jpg) repeat-y;
    position: absolute;  left: 0; border-radius: 10px; overflow: hidden;
}
.yearList_year{ margin-top: 16px;  font-size: 24px;}

.year-active{
    color: red;
}
.year-active i{
    background-color:#f50f39;
    border: 1px solid #f50f39
}

.licha{ position: relative; width: 1200px; }
.licha_left{ float: left; width: 480px; height:296px; border-radius: 10px; overflow: hidden; margin: 50px 50px 0 40px  }
.licha_right{ overflow: hidden; margin-right: 50px; }
.licha_right_font{ color: #666; font-size: 16px; line-height: 30px; margin-top: 20px; }
.licha_right_title{ color: #f50f39; font-size: 30px; border-bottom: 1px solid #e1e1e1; line-height: 80px; margin-top: 24px; }
.culture{ width: 100%; height: 733px; background: url(../images/culture.jpg) no-repeat center; background-size: cover;  }
.culture_conter{ overflow: hidden; width: 1200px; margin:0 auto; }

.zcj_yyy{ max-width:1200px; margin:0 auto; overflow:hidden; height:456px; margin-top: 40px;  display:flex;transition:max-width 0.5s;}
.zcj_yyy_li{ width:100px;  height:456px; text-align:center; position:relative;transition:width 0.5s; cursor:pointer;
    margin-left: 10px}
.zcj_yyy_li:first-child{ margin-left: 0;  }
.zcj_yyy_al{ overflow:hidden; position:absolute; width:100%; height:100%; z-index:50; background:rgba(0,0,0,0.5);display:flex; align-items:center;}
.zcj_yyy_juzhong{ overflow:hidden; width:100%;}
.zcj_yyy_li_one{ width:60px; height:24px; text-align:center; line-height:24px; color:#fff;
    margin:0 auto;transition:all ease-out 0.2s; opacity:0; height:0}

.zcj_yyy_li_two{ color:#f50f39; text-align:center; position:relative; height:60px; line-height:60px;
    font-size:30px;transition:all ease-out 0.4s; opacity:0; height:0}
.zcj_yyy_li_two:after{ width:50px; height:3px; background:rgba(255,255,255,0.5); position:absolute; bottom:0; left:50%; margin-left:-25px; content:''}
.zcj_yyy_li_three{ color:#fff; font-size:18px; line-height:30px; text-align:center; margin:0 15% 0;
    transition:all ease-out 0.2s; opacity:0; height:0; padding-top: 20px;}

.zcj_yyy_li:hover .zcj_yyy_li_one,.zcj_yyy_li:hover .zcj_yyy_li_two,.zcj_yyy_li:hover .zcj_yyy_li_three{
    transition: all ease-in 0.2s; height:auto; opacity:1}
.zcj_yyy_li:nth-child(3) .culture_pme{ margin-top: 30px; }

.width{ width:760px;}
.width .zcj_yyy_li_three{ opacity: 1; height: auto; }
.culture_pme{ color: #fff; font-size: 36px; font-weight: bold; transition:all ease-out 0.2s;}
.culture_tqi{ color: #fff; text-align: center; font-size: 24px;transition:all ease-out 0.2s; }
.culture_rgeww{ width: 36px; color: #fff; font-size: 22px; line-height: 28px; margin: 0 auto; padding-top: 10px;transition:all ease-out 0.2s; }
.width .zcj_yyy_li_one,.width .zcj_yyy_li_two,.width .zcj_yyy_li_three{opacity: 1; height: auto;}
.width .culture_pme,.width .culture_tqi,.width .culture_rgeww{opacity: 0; height: 0;}

.honor{ width: 1200px; margin:36px auto 10px; overflow-y: scroll; max-height: 478px; background: url(../images/bg.jpg) repeat-y 9px ; }
.honor li{ height: 60px; line-height: 60px; overflow: hidden;  margin-bottom: 20px;}
.honor li:last-child{ margin-bottom: 0 }
.honor_left{ width: 12px; height: 12px; background: #fff; border-radius: 50%; float: left; margin-right: 35px;
    border: 4px solid #e5e5e5; margin-top: 20px; }
.honor_sanjiao{  width: 0;    height: 0;float: left; margin-top: 20px;
    border-right: 16px solid #f2f2f2;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent; }
.honor_right{ height: 60px; line-height: 60px; padding: 0 30px; margin-right: 50px;  font-size: 18px; color: #666;
    background: #f2f2f2; overflow: hidden;    text-overflow:ellipsis;       white-space: nowrap;}
.fenye{ overflow: hidden; text-align: center; margin: 50px auto;  }
.fenye a{ display: inline-block; width: 45px; height: 45px; line-height: 45px; text-align: center;
    font-size:16px; color: #666; background: #ebebeb; margin: 0 3px;}
.fenye a.on{  color: #fff; background: #c21823}
.fenye a:hover{ color: #fff; background: #c21823 }
.fenye a:first-child, .fenye a:last-child{ font-size: 18px;    font-family: cursive; }

/*新闻列表*/
.news_dl{overflow: hidden;    margin: 0 30px;}
.news_dl dd{    padding: 30px 0; border-bottom: 1px solid #ededed; overflow: hidden;}
.news_left{ float: left; width: 210px; height: 210px; overflow: hidden; margin-right: 30px; display: flex;    justify-content: center;
    align-items: center; }
.news_left img{ width: 100%; }
.news_right{ overflow: hidden; }

.news_right_one{ color: #333333;  font-size: 20px; font-weight: bold; margin:15px 0 10px; }
.news_right_two{ color: #666; font-size: 14px; line-height: 24px; height: 72px; overflow: hidden;
    display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3;
    overflow: hidden;  }
.news_right_three{ overflow: hidden; line-height: 42px; margin-top: 36px; }
.news_right_three_left{ float: left; }
.news_right_three_left span{ color: #666; font-size: 14px; margin-right: 20px; }
.news_right_three_right{ float: right; width: 114px; height: 40px; border: 3px solid #ccc;
    color: #999999; text-align: center; line-height: 40px; font-size: 14px; }
.news_dl dd:hover .news_right_one{ color: #c60c30; text-decoration: underline; }
.news_dl dd:hover .news_right_three_right{ border: 3px solid #c60c30;
    color: #c60c30;}
.overa{ overflow: hidden; width:100%; }
.overa_one{ color: #666666; font-size: 16px; line-height: 24px;
    display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;
    overflow: hidden;  }
.overa_two{ color: #888888; font-size: 14px; margin-top: 10px; }
.theme_right_li_ul li:hover .theme_right_li_ul_right{ text-decoration: underline; color: #c60c30 }

.mt20{ margin-top: 20px; }
.journalism{ overflow: hidden; margin: 0 50px; padding-bottom: 40px; }
.journalism_title{ color: #c60c30; font-size: 32px; margin-top: 36px; }
.journalism_time{ overflow:hidden; margin-top: 10px; margin-bottom: 20px; }
.journalism_time span{ color: #666666; font-size: 14px; margin-right: 20px; }
.journalism_font{ overflow: hidden; color: #666; font-size: 16px; line-height: 30px; padding-top: 15px;
    border-top:1px solid #eee; }
.journalism_font img{ display: block; margin: 20px 0; max-width:100% }
.source{ overflow: hidden; margin-top: 40px;}
.source img{ margin-right: 10px; }
.source a{ color: #999999; font-size: 14px; }



.cd-publish {
    position:fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;  display:flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index:99999999999;
}
.cd-publish.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-publish-container {

    width:750px; height:auto; padding:50px 0; overflow:auto;

    background: #FFF; height:auto;
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.publish_one{ overflow:hidden; margin-bottom:30px;}
.publish_one_left{ float:left; width:137px; text-align:right; margin-right:10px; color:#333; font-size:18px; line-height:50px;}
.publish_one_right{ overflow:hidden; margin-right:50px;}
.publish_one_right_input{ min-height:48px; border:1px solid #e5e5e5; background:#fff; padding:0 10px;}
.publish_one_right_input input{ width:100%; height:48px; line-height:48px; color:#f60f39; background:#fff}
.publish_one_right_input textarea{ height:100px; width:100%; padding:10px 0}

.publish_btn{ width:120px; height:50px; background:#f60f39; text-align:center; line-height:50px; margin-left:147px; color:#fff}

.cd-recruit {
    position:fixed;
    left: 0;
    top: 0;
    display:flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index:99999999999;
}
.cd-recruit.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-recruit-container {

    width:1000px; height:auto; overflow:auto;

    background: #FFF; height:auto;
    /* Force Hardware Acceleration in WebKit */
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.recruit_title{ margin:0 46px 0; overflow:hidden; border-bottom:1px solid #e4e4e4; height:64px; line-height:64px; margin-top:30px; position:relative}
.recruit_title:after{ width:52px; height:2px; background:#c60c30; position:absolute; bottom:0; left:0; content:''}
.recruit_title_left{ float:left; color:#333; font-size:24px;}
.recruit_font{ color:#777; font-size:14px; line-height:31px; margin:30px 46px; max-height:600px; overflow:auto}
.cd-recruit-close{width: 23px; height: 23px; background: url(../images/close.png) no-repeat; background-size:100%; float:right; margin-top:19px;}
.recruit_font_top{ color:#444; font-size:18px;}
.recruit_font_title{color:#444; font-size:18px; margin-top:20px;}
.recruit_bottom{ height:158px; border-top:1px solid #e8e8e8; overflow:hidden; background:#f6f6f6}
.recruit_bottom_left{ float:left; margin:0 0 0 50px;color:#444; font-size:30px; line-height:158px;}
.recruit_bottom_xian{ width:1px; height:75px; background:#dddddd; float:left}


.comment{ overflow: hidden; padding: 0 50px 20px }
.white{ height: 30px; background: #fff }
.comment_title{ overflow: hidden; height: 30px; line-height: 30px; margin: 50px 0 30px }
.comment_title_left{ float: left; width:5px; height: 30px; background: #f50f39; margin-right: 20px; }
.comment_title_right{ overflow: hidden;font-size: 24px; color: #333;  }

.eval{ overflow: hidden;  }
.eval_left{ width: 670px; height:48px; line-height: 48px; background: #fff; float: left;
    border: 1px solid #e5e5e5; border-right: 0 }
.eval_right{ overflow: hidden; height: 50px; line-height: 50px; background: #f50f39; color: #fff;
    text-align: center; font-size: 16px; }
.examine{ color: #999; font-size: 16px; border-bottom: 1px solid #e1e1e1; margin-top: 16px; height: 70px; }
.comment_ul{ overflow: hidden; margin-top: 20px; }
.comment_ul dd{ overflow: hidden; border-bottom: 1px dashed #e1e1e1; padding: 24px 0 }
.comment_ul dd:last-child{ border-bottom: 0; }
.comment_ul_one{ color: #f50f39; font-size: 18px; }
.comment_ul_two{ color: #666666; font-size: 16px; line-height: 30px; margin: 10px 0 }
.comment_ul_three{ color: #999; font-size: 14px; }

.contact .content{overflow:hidden; width: 1200px;  }
.contact .content li{display:none;}
.contact{ width: 1200px; margin: 60px auto 0; overflow: hidden; }
.contact_one{ overflow: hidden; background: #fafafa; padding: 30px 50px; }
.contact_one_left{ float: left; width: 550px; }
.contact_one_left_tite{ color: #c60c30; font-size: 24px; line-height: 46px; }
.contact_one_left_tite img{ margin-right: 10px; vertical-align: top }
.contact_one_left_name{ color: #333333; font-size: 18px; margin-top: 20px; }
.contact_one_left_font{ color: #666666; font-size: 14px; line-height: 30px;}
.contact_one_line{ width: 1px; height: 266px; background: #e9e9ea; float: left; }
.contact_one_right{ float:right; }

.mae{ overflow: hidden; margin-top: 20px; margin-left: -10px;}
.mae_left{ float: left; margin:10px  30px 0 10px; }
.mae_right_one_li img{ vertical-align: top; margin-top: 34px; }
.mae_left_one{ width: 136px; height: 136px; background: #fff; text-align: center; box-shadow: 0 0 10px rgba(0,0,0,0.2) }
.mae_left_one img{ width: 116px; height: 116px; vertical-align: top; margin: 10px; }
.mae_left_font{ color: #666; font-size: 14px; text-align:center; margin-top: 10px;}
.mae_right{ width: 260px; float:right }
.mae_right_one{ height: 132px; border-top:2px solid #f2f2f2; border-bottom:2px solid #f2f2f2; margin-top: 10px; }
.mae_right_one_li{ float: left; width: 86px; text-align: center; position:relative; cursor:pointer}

.mae_right_one_li_font{ color: #999; font-size: 16px; text-align: center; margin-top: 10px; }

.mae_none{ position:absolute; left:0; top:-2px; z-index:9; display:none;}
.mae_none_hover .mae_none{ display:block}
/*.mae_right_one_li:hover .mae_none{ display:block;}*/

.wangdian{ overflow: hidden; margin-top: 60px; }
.wangdian_left{ width: 860px; height: 146px; background: #0f9dcc; float: left; margin-right: 10px; }
.wangdian_left_one{ overflow: hidden; color: #fff; font-size: 24px; margin: 30px 0 0 30px; line-height: 30px; }
.wangdian_left_one img{ margin-right: 10px; vertical-align: top; margin-top: 2px; }
.wangdian_left_two{ overflow: hidden; margin-top: 16px; }
.wangdian_left_two select{ float: left; appearance:none; width:300px; height: 40px; line-height: 40px;
    background: #fff url(../images/sanjiao.png) no-repeat; background-position:  266px 17px; margin-left: 30px;
    -moz-appearance:none; padding: 0 20px; font-size: 16px;
    -webkit-appearance:none;}
.search_btns{ float: left; width: 136px; height: 36px; border: 2px solid #fff; margin-left: 30px;
    text-align: center; line-height: 34px; background: none; display: block; padding: 0; font-size: 16px;
    vertical-align: top; color: #fff; cursor: pointer; }
.wangdian_right{ overflow:hidden; height: 146px; background: #0f9dcc; display: flex;
    justify-content: center; align-items: center; }
.wangdian_right_font{ overflow: hidden; color: #fff; font-size: 24px; }
.wangdian_right_font img{ margin-right: 10px; }
.map{ overflow: hidden; margin-top: 10px; }
.map_left{ float: left; width: 860px; height: 600px; overflow: hidden; margin-right: 10px; }
.map_right{ overflow: hidden; background: #fafafa; height: 600px; padding: 0 30px; }
.map_right_title{ color: #333; font-size: 14px; margin-top: 24px; }
.map_right_ul{  height: 540px; overflow: auto; }
.map_right_ul dd{ margin-top: 20px; color: #333; font-size: 14px; line-height: 24px;}
.map_right_ul dd p{ color: #c60c30 }
.liua{ color: #333; font-size: 30px; margin-top: 58px;}
.liua_font{ color: #666; font-size: 16px; }

.iframe{ overflow: hidden; margin-top: 20px; }
.iframe_one{ width:1200px; overflow: hidden; display: flex; justify-content: space-between;  }
.iframe_one_li{ width:386px; height: 50px; background: #fafafa }
.iframe_one_li input{ display: block; margin: 0 10px; width: 366px; height: 50px; line-height:50px;
    color: #333; font-size: 16px; background: #fafafa}
.iframe_two{ overflow: hidden;  margin: 20px 0 50px; width: 1200px;background: #fafafa }
.iframe_two textarea{  display: block; color: #333; font-size: 16px; line-height:1.5; margin:10px;
    width:1200px; height: 180px;background: #fafafa  }
.iframe_btn{ overflow: hidden; }
.iframe_btn1{ float: left; color: #fff; background: #333; width: 260px; height: 50px;
    line-height: 50px; margin-right: 10px; border: none; font-size: 20px; }
.iframe_btn2{ float: left; color: #fff; background: #c21823; width: 260px; height: 50px; cursor:pointer;
    line-height: 50px; margin-right: 10px; border: none; font-size: 20px; }
.rencai{ width: 1170px; height: 108px; margin:0 auto; background: #fafafa; padding-left: 30px; }
.rencai select{ width: 300px; height: 50px; line-height: 50px; padding: 0 18px;
    border: 1px solid #ddd; border-radius: 5px;  float: left;
    margin-top: 28px; margin-right: 10px;    appearance:none;
    background: #f7f7f7 url(../images/selectbg.png) no-repeat; background-position:  258px 20px;
    -moz-appearance:none; font-size: 16px;
    -webkit-appearance:none; }
.rencai input{width: 262px; height: 50px; line-height: 50px; padding: 0 18px;
    border: 1px solid #ddd; border-radius: 5px; overflow: hidden; float: left;
    margin-top: 28px; margin-right: 10px;
    background: #f7f7f7 url(../images/selectbg.png) no-repeat; background-position:  258px 20px;
    font-size: 16px;
}
.rencai_btn{  width: 210px; height: 50px; background: #c60c30; border: 1px solid #c60c30;
    text-align: center; color: #fff; float: left; display: block; font-size: 18px; margin-top:28px }

.rencai_dl{ overflow: hidden; width: 1200px; height: auto; background: #fafafa; margin-top: 10px; }
.rencai_dl dt{ height:60px; line-height: 60px; border-bottom: 2px solid #f1f1f1; color: #444; font-size: 16px;  }

.rencai_dl_one{ overflow: hidden; width: 1200px; height: auto; background: #fafafa; margin-top: 10px; }
.rencai_dl_one dt{ height:60px; line-height: 60px; border-bottom: 2px solid #f1f1f1; color: #444; font-size: 16px;  }


.rencai_dt1{ float: left; margin-left: 50px; width: 170px;white-space: nowrap;
    overflow: hidden;  text-overflow: ellipsis; }

/*新增*/
.rencai_dtone1{ float: left; margin-left: 50px; width: 170px;white-space: nowrap;
    overflow: hidden;  text-overflow: ellipsis; }


.rencai_dt2{ float: left; text-align:center; width: 140px; }
.rencai_dt3{ float: left; text-align:center; width: 190px; }
.rencai_dt4{ float: left; text-align:center; width: 170px; }
.rencai_dt5{ float: left; text-align:center; width: 190px; }
.rencai_dt6{ float: right; width: 190px;  }

/*新增*/
.rencai_dtone6{ float: right; width: 190px;  }

.rencai_dl dd{ height: 50px; line-height: 50px; border-bottom: 1px solid #f1f1f1; color:#666; font-size: 15px; }
.rencai_dl dd:hover{ color: #c60c30; cursor: pointer; }

.rencai_dl_one dd{ height: 50px; line-height: 50px; border-bottom: 1px solid #f1f1f1; color:#666; font-size: 15px; }
.rencai_dl_one dd:hover{ color: #c60c30; cursor: pointer; }

.recruit_bottom_xian{ float: left; width: 1px; height: 75px; background: #ddd; margin: 40px 30px 0 130px;}
.recruit_bottom_right{ float: left; color: #777777;font-size: 15px; line-height: 30px;margin-top: 32px; }

.cont a{ background: #fff; border:1px solid #ddd; }
.dignshi{ width: 1200px; margin: 0 auto; overflow: hidden; }

/*侧边联系我们弹窗*/
.cd-popup3 {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index:99999999999;
}
.cd-popup3.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container3 {
    position:absolute;
    width: 580px; left: 50%; top: 120px; margin-left: -290px;
    border:1px solid #e5e5e5;
    background: #FFF; height:auto;
    /* Force Hardware Acceleration in WebKit */
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.cd-popup-close3{ width: 15px; height: 15px; background: url(../images/close1.png) no-repeat;
    position: absolute; right: 11px; top: 11px; background-size: 100%;}
.side_logo{ text-align: center; margin:30px auto 10px; }
.side_logo img{vertical-align: top;}
.side_title{ text-align: center; color: #333; font-size: 14px; font-weight: bold; }
.from{ margin: 0 30px; overflow: hidden; }
.from_Font{ color: #666; font-size: 14px; line-height: 30px; height: 30px; margin-top: 10px;}
.from_Font span{ font-weight: bold; font-size: 24px; color: #b94a48; vertical-align: top; line-height: 36px;}
.form_input{ border: 1px solid #dcdcdc; border-radius: 5px; overflow: hidden; min-height: 35px; padding: 0 10px; }
.form_input input{ display: block; line-height: 35px; width: 100%; }
.form_input textarea{ height:90px; margin: 10px 0;  display: block; width: 100%; }
.from_btn{ overflow: hidden; text-align: center; margin: 0 0 30px; }
.from_btn button{ width: 140px; height: 34px; margin: 0 5px; color: #fff; font-size: 14px; border:none;}
.from_btn button.from_btn1{ background: #9f9fa4; }
.from_btn button.from_btn2{background: #161617;}
.cebian{ position: fixed; top: 50%; right: 0; height: auto; transform: translateY(-50%); z-index: 8; width:35px; z-index: 999 }
.side{ background: #f2f2f2;  width: 35px; padding: 20px 0; text-align: center; z-index:999;
    color: #999999; font-size: 15px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; overflow: hidden;
    cursor: pointer; line-height: 18px;}
.zixundh{ overflow: hidden; text-align: center; color: #666666; font-size: 14px; margin: 25px 0 ; }
.zixundh span{ color: #0068b7; font-size: 24px; font-weight:bold; }


.indenx_one_ul li.kuan2{ width: 100px; }
.indenx_one_ul li.kuan{ width: 980px }


.one_u2{ overflow: hidden; }
.one_u2_left{ float: left; width: 427px; height: 600px;margin-right:50px; }
.one_u2_left img{ width:427px; height:600px; vertical-align:top;}
.one_u2_right{  margin-right:50px; overflow: hidden;}
.one_u2_right_one{ overflow:hidden; line-height:40px; margin-top:40px}
.one_u2_right_one_left{ float:left; color:#333; font-size:24px; font-weight:bold}
.one_u2_right_one_right{ float:right; width: 40px; height: 40px; background:url(../images/del.png) no-repeat;
    background-size: 100%;transition: all 0.35s 0.1s ease-out;}
.one_u2_right_one_right:hover{ background:url(../images/del_h.png) no-repeat;
    background-size: 100%;}
.one_u2_right_two{ font-size:16px; color:#666; line-height:30px; margin-top:30px; height:64px; overflow:hidden}
.one_u2_right_two a{ color: #0ec3d4 }
.one_u2w{ overflow: hidden; }
.one_u2w dd{overflow: hidden; color: #666;  font-size: 20px; line-height: 30px; display: none;
    -webkit-animation-duration: 0.5s; margin-top: 20px; position: relative;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: returnToNormal;
    animation-name: returnToNormal;
}
.one_u2w dd:after{ width: 1px; height: 20px; background: #aaa; top:5px; left: 44px; content: ''; position: absolute;  }
.one_u2w dd.lasa:after{ width: 0 }
.one_u2w dd.lasa{ margin-top: 100px; }

.one_u2w dd img{ width: 24px; height: 24px;    vertical-align: top; margin-right: 40px;
    margin-top: 2px; }
@keyframes returnToNormal {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-30px, 0, 0);
        transform: translate3d(-30px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}


.indenx_one_ul li.kuan .one_u1{ display: none }
.indenx_one_ul li.kuan2 .one_u1{ display: none }
.indenx_one_ul li.kuan2 .one_u2{ display: none }
.indenx_one_ul li.kuan2 .one_u3{ display: block; }
.indenx_one_ul li.kuan .one_u3{ display: none; }
.indenx_one_ul li.kuan .one_u2{ display: block; }

.index_ja{ overflow:hidden; text-align:center; margin:200px auto 0;background: url(../images/jia.png) no-repeat; background-size: 100%;
    width: 40px; height: 40px;transition: all 0.35s 0.1s ease-out;}
.index_ja2{ color:#333; font-size:24px; width:30px; margin:0 auto;
    text-align:center; font-weight:bold; margin-top:10px; line-height:30px;}

.indenx_one_ul li.kuan2:hover .index_ja{ background: url(../images/jia_h.png) no-repeat;}


.cd-popupxi {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color:#fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index:99999999999;
}
.cd-popupxi.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}

.cd-popup-closexi{ width: 15px; height: 15px; background: url(../images/close1.png) no-repeat;
    position: absolute; right: 11px; top: 11px; background-size: 100%;}
.popupxi_title{ margin: 20px 0 0 50px; font-size: 20px; }
.popupxi_font{ margin:10px 50px 0 50px; text-align: justify; font-size: 14px; color: #333; line-height: 24px; }

.swiper-pagination-bb{ height: 50px }
.swiper-container-horizontal>.swiper-pagination-bb .swiper-pagination-bullet{ width: 12px; height: 12px; margin: 0 9px;
    background:rgba(0,0,0,0.2);opacity:1;
}
.swiper-container-horizontal>.swiper-pagination-bb .swiper-pagination-bullet-active
{ background:rgba(255,255,255,1); opacity:1; }




.swiper-container-q{ height: 40px; line-height: 40px;

}

.swiper-button-prev-q,.swiper-button-next-q{ background:url(../images/swiper_button2.png) no-repeat; background-size: cover;
    width:15px; height: 28px; position: absolute; z-index: 111; cursor: pointer; top: 50%; transform: translateY(-50%);}
.swiper-button-prev-q{  left: 0;  }
.swiper-button-next-q{ background-position: -15px 0 ; right: 0; }

.swiper-button-prev-q2,.swiper-button-next-q2{ background:url(../images/swiper_button2.png) no-repeat; background-size: cover;
    width:15px; height: 28px; position: absolute; z-index: 111; cursor: pointer; top: 50%; transform: translateY(-50%);}
.swiper-button-prev-q2{  left: 0;  }
.swiper-button-next-q2{ background-position: -15px 0 ; right: 0; }

.swiper-button-prev-q3,.swiper-button-next-q3{ background:url(../images/swiper_button2.png) no-repeat; background-size: cover;
    width:15px; height: 28px; position: absolute; z-index: 111; cursor: pointer; top: 50%; transform: translateY(-50%);}
.swiper-button-prev-q3{  left: 0;  }
.swiper-button-next-q3{ background-position: -15px 0 ; right: 0; }

.hsouyabner{ margin: 0 30px; text-align: center; }
.hsouyabner a{ color: #666;
    font-size: 18px;
    line-height: 20px; }
.hsouyabner a:hover{color: #c60c30;text-decoration: underline }

.search_btns:hover{
    background: #fff;
    color: #0f9dcc;
    font-weight:bold;
}

.prol_lef{ float: left; width: 28%; margin-left: 4%; }
.prol_lef_one{ color: #333; font-size: 18px; line-height: 40px; text-align: left; margin-bottom: 20px;}

.prol_lef_li{ overflow: hidden;}
.prol_lef_li a{ color: #666; font-size: 12px; line-height: 30px; padding-left:30px;  position: relative;  display: inline-block; text-align: left; }
.prol_lef_li a:after{ width: 10px; height: 10px; background: #999; border-radius: 50%; position: absolute; left: 0; top: 10px; content: '' }




/*分页*/
.fpage{ text-align:center;padding:40px 0 0 0; font-size:20px; margin: 50px auto}
.fpage ul{ display:inline-block; vertical-align:bottom;}
.fpage li{ padding:0 0.25em; float:left;}
.fpage .disabled{visibility: hidden;}
.fpage a{}
.fpage a,
.fpage span{height: 45px;width: 45px;line-height: 45px;display: block;border-radius:3px;color: #ebebeb;font-size: 14px;float: left; min-width: 30px; text-align: center; padding: 0 5px; box-sizing: border-box;background: #ebebeb; border: 1px solid #d9d9d9; color: #333;}

.fpage .active a,
.fpage .active span{ background:red; color:#ebebeb; border-color:red;}
.fpage span{background:#333;}


.nfpage{ padding:40px 0 0 0; font-size:20px; margin: 50px auto}
.nfpage .pagination{margin-top: 100px;}
.nfpage ul{ display:inline-block; vertical-align:bottom;}
.nfpage li{ padding:0 0.25em; float:left;}
.nfpage .disabled{visibility: hidden;}
.nfpage a{}
.nfpage a,
.nfpage span{height: 45px;width: 45px;line-height: 45px;display: block;border-radius:3px;color: #ebebeb;font-size: 14px;float: left; min-width: 30px; text-align: center; padding: 0 5px; box-sizing: border-box;background: #ebebeb; border: 1px solid #d9d9d9; color: #333;}

.nfpage .active a,
.nfpage .active span{ background:red; color:#ebebeb; border-color:red;}
.nfpage span{background:#333;}



.pfpage{margin-left:600px;padding:40px 0 0 0; font-size:20px;}
.pfpage .pagination{margin-top: 10px;}
.pfpage ul{ display:inline-block; vertical-align:bottom;}
.pfpage li{ padding:0 0.25em; float:left;}
.pfpage .disabled{visibility: hidden;}
.pfpage a{}
.pfpage a,
.pfpage span{height: 45px;width: 45px;line-height: 45px;display: block;border-radius:3px;color: #ebebeb;font-size: 14px;float: left; min-width: 30px; text-align: center; padding: 0 5px; box-sizing: border-box;background: #ebebeb; border: 1px solid #d9d9d9; color: #333;}

.pfpage .active a,
.pfpage .active span{ background:red; color:#ebebeb; border-color:red;}
.pfpage span{background:#333;}