@charset "utf-8";
/*
** @Author: obear
** @Date: 2019-05-23 15:57:05 * @Last Modified by: obear * @Last Modified time: 2019-05-23 18:03:05
*/
/*全局初始化样式*/
*{outline: 0; box-sizing: border-box;}
html{font:14px/1.5 "arial"; -webkit-text-size-adjust: 100%;}
body{padding: 0; margin: 0 auto; font-size: 14px; line-height: 26px;
 font-family: arial, Microsoft YaHei, '微软雅黑', '宋体'; color: #666666;
  width: 100%; min-width: 320px;
  -webkit-font-smoothing:antialiased;
   max-width: 1920px; zoom: 1; /*禁用Webkit内核浏览器的文字大小调整功能*/ -webkit-text-size-adjust: none;
    /*取出点击出现半透明的灰色背景*/ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight: rgba(0, 0, 0, 0); /*控制文本可选性*/ -webkit-user-select: none; user-select: none; /*设置字体的抗锯齿或者说光滑度*/ -webkit-font-smoothing: antialiased;}
/*默认去除ul、li的默认样式*/
.p,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
dl,
dd{margin: 0; padding: 0;}
.ul,
.ul li{list-style: none; margin: 0; padding: 0;}
/*初始化下拉菜单、单行输入框、多行输入框的样式*/
select,
input,
textarea{border-radius: 0; -webkit-border-radius: 0; color: #666460;}
/*表单元素获得焦点时不显示虚线框*/
input:focus{outline: none;}
input,
button,
select,
textarea{outline: none; /*-webkit-appearance:none;*/ /*强制去除表单自带的样式*/}
/*初始化表单元素样式*/
textarea,
input,
select{background: none; border: none; margin: 0; padding: 0;}
input[type="button"],
input[type="submit"],
input[type="reset"]{-webkit-appearance: none;}
/*不允许多行输入文本框有滚动条*/
textarea{resize: none; /*-webkit-appearance:none;*/ /*强制去除textarea自带的样式*/}
/*初始化表单元素样式*/
textarea,
input,
select{background: none; border: none; margin: 0; padding: 0;}
/*初始化HTML5标签样式*/
audio,
canvas,
progress,
video{display: inline-block; vertical-align: baseline;}
article,
aside,
footer,
header,
hgroup,
nav,
section,
figure,
figcaption{display: block;}
/*去除figure边距*/
figure,
figcaption{margin: 0px; padding: 0px;}
/*初始化图片样式*/
img{border: none; border: 0; max-width: 100%; vertical-align: top;}
/*初始化a的样式和字体样式*/
a{color: #666460; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a:focus{outline: none; -moz-outline: none;}
a:hover{color: #FF5800;}
/*清除浮动*/
.clear{clear: both; height: 0px; overflow: hidden;}
.clearfix:after{content: "."; display: block; height: 0; visibility: hidden; clear: both; font-size: 0px;}
.clearfix{zoom: 1;}
/*全局样式*/
.css2_transition{transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear;}
.css3_transition{transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; -moz-transition: all 0.3s linear;}
.css5_transition{transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; -moz-transition: all 0.5s linear;}
.back_transition{background-size: 100%;}
.back_transition:hover{background-size: 110%;}
.css_transform{transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1);}
.css_transform:hover{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1);}
/**页面框架**/
.fl{float: left;}
.fr{float: right;}
.w22{width: 22%; padding-bottom: 4%;}
.w75{width: 75%; padding-bottom: 4%;}
@media (max-width: 1024px){.fl, .fr{float: none;} .w22, .w75{width: auto; padding-bottom: 2%;}}
.auto_1440{max-width: 1440px; margin: 0 auto;}
@media (max-width: 1440px){.auto_1440{padding: 0 2%;}}
.auto_1366{max-width: 1366px; margin: 0 auto;}
@media (max-width: 1366px){.auto_1366{padding: 0 2%;}}
.auto_1280{max-width: 1280px; margin: 0 auto;}
@media (max-width: 1280px){.auto_1280{padding: 0 2%;}}
.auto_1200{max-width: 1200px; margin: 0 auto;}
@media (max-width: 1200px){.auto_1200{padding: 0 2%;}}
.auto_1180{max-width: 1180px; margin: 0 auto;}
@media (max-width: 1180px){.auto_1180{padding: 0 2%;}}
.auto_1150{max-width: 1150px; margin: 0 auto;}
@media (max-width: 1150px){.auto_1150{padding: 0 2%;}}
.auto_1100{max-width: 1100px; margin: 0 auto;}
@media (max-width: 1100px){.auto_1100{padding: 0 2%;}}
.auto_1050{max-width: 1050px; margin: 0 auto;}
@media (max-width: 1050px){.auto_1050{padding: 0 2%;}}
.auto_1000{max-width: 1000px; margin: 0 auto;}
@media (max-width: 1000px){.auto_1000{padding: 0 2%;}}
.auto_950{max-width: 950px; margin: 0 auto;}
@media (max-width: 950px){.auto_950{padding: 0 2%;}}
/**页面框架 End**/
/*页面框架结构*/
/*页面主体内容*/
@media (min-width: 1200px){.container{padding-top: 50px;}}
/*边侧菜单*/
/*主要内容*/
/*内容*/
.txtbox,
.singlepage{/*单片 设置文字两端对齐*/ text-justify: inter-ideograph; text-align: justify; word-wrap: break-word; overflow: hidden;padding-bottom: 10px;}
.current{/*当前位置*/}
/* banner */
.Hbanner{position: relative;}
.Hbanner .down{cursor: pointer; background: url(../images/down.png) no-repeat center; width: 23px; height: 57px; position: absolute; bottom: 30px; z-index: 4; -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); left: 50%;}
.Hbanner .swiper-slide .pc{display: block; height: 580px; overflow: hidden; background-repeat: no-repeat; background-size: auto 100%; background-position: center;}
.Hbanner .swiper-slide .phone{display: none;}
.Hbanner .swiper-pagination-bullet{border-radius: 50%; width: 11px; height: 11px; background-color: rgba(255, 255, 255, 0.27); opacity: 0.27;}
.Hbanner .swiper-pagination-bullet-active{background-color: #ffffff; opacity: 1;}
.swiper-button-next,
.swiper-button-prev{display: none;}
.Hbanner:hover .swiper-button-next,
.Hbanner:hover .swiper-button-prev{display: block;}
@media (max-width: 1000px){.Hbanner .swiper-slide .pc{display: none;} .Hbanner .swiper-slide .phone{display: block;} .Hbanner .swiper-slide .phone img{width: 100%;} .Hbanner .swiper-slide .pc{height: 0;} .swiper-button-next, .swiper-button-prev{display: block;}}
.banner{width: 100%;}
.banner .pc{height: 180px; background-repeat: no-repeat; background-position: top center; display: none;}
.banner .phone{display: block;}
.banner .phone img{width: 100%;}
@media (min-width: 1200px){.banner .pc{display: block;} .banner .phone{display: none;}}
@media (min-width: 1920px){.Hbanner .swiper-slide .pc{background-size: 100% 100%;}}
/*分页*/
.Pages{text-align: center; padding: 20px 0;}
.Pages .p_cur,
.Pages .p_count,
.Pages .p_total,
.Pages .p_jump,
.Pages .a_first,
.Pages .a_end{display: none;}
.Pages a{display: inline-block; width: 30px; height: 30px; line-height: 30px; overflow: hidden; border: 1px solid #ebebeb; font-size: 15px; vertical-align: middle;}
.Pages a.a_cur,
.Pages a:hover{background-color: #1c65c6; color: #fff;}
.Pages .a_prev,
.Pages .a_next{line-height: 100px; background: url(../images/Page001815-a_prev.gif) no-repeat center center;}
.Pages .a_next{background-image: url(../images/Page001815-a_next.gif);}
.Pages .a_prev:hover{background-image: url(../images/Page001815-a_prev_hover.gif);}
.Pages .a_next:hover{background-image: url(../images/Page001815-a_next_hover.gif);}
.Pages em{font-style: normal; margin: 0 10px; vertical-align: middle;}
/*分页*/
/*头部*/
.Top001816{width: 100%;}
.Top001816 .top{font-size: 14px; width: 100%; height: 28px; background-color: #232323; margin: 0;}
.Top001816 .top .welcome-txt{float: left; color: #fff; display: none;}
.Top001816 .top dd{float: right; margin-left: 5px; padding: 0 8px; height: 28px; line-height: 28px; position: relative;}
.Top001816 .top dd span{color: #fff;}
.Top001816 .top dd span em{font-size: 16px; line-height: 24px; color: #ffffff; font-style: normal;}
.Top001816 .top dd a{display: inline-block; color: #fff;}
.Top001816 .top dd.oldweb{ padding: 0;}
.Top001816 .top dd.oldweb a{ font-size: 13px; }
.Top001816 .top dd a.cn{background: url(../images/Top001816-a_lang.png) no-repeat right center; padding-right: 15px; font-size: 12px; text-decoration: underline; color: #ff4242;}
.Top001816 .top dd figure{display: none; position: absolute; left: 0; top: 100%; width: 100%; background-color: #0c2b4c; z-index: 20;}
.Top001816 .top dd:hover figure{display: block;}
.Top001816 .top dd figure a{display: block; padding: 5px 0; text-align: center;}
.Top001816 .top dd i{font-style: normal; color: #415973; margin: 0 10px;}
.Top001816 .top .dd_ie_8 span i{color: #fff; font-size: 18px;}
.Top001816 .top dd a.a_log{background: url(../images/Top001816-a_login.png) no-repeat left center; padding-left: 20px;}
.Top001816 header{background: rgba(255, 255, 255, 0.9);}
.Top001816 header .auto{position: relative;}
.Top001816 .logo{position: absolute; left: 0; top: 50%; margin-top: -21px;}
.Top001816 .logo img{display: block;}
.Top001816 .search{position: absolute; right: 0; top: 50%; margin-top: -15px; background: url(../images/Top001816-search.png) no-repeat center center #505050; width: 130px; height: 33px; border-radius: 16px; z-index: 10;}
.Top001816 .search dl{position: absolute; right: 0; width: 100%; overflow: hidden; border-radius: 16px; top: 45%; margin-top: -15px; background: #505050; height: 33px;}
.Top001816 .search .text{float: left; width: 100%; padding: 0 40px 0 20px; height: 33px; line-height: 33px; border: none; background: none; color: #bababa;}
.Top001816 .search .btn{position: absolute; right: 10px; top: 0; width: 30px; background: url(../images/Top001816-search.png) no-repeat center center; height: 33px; padding: 0; cursor: pointer; border: none;}
.Top001816 nav{padding-right: 195px;}
.Top001816 nav ul{float: right;}
.Top001816 nav li{float: left; position: relative; padding: 21px 10px;}
.Top001816 .heng .subnav > dd .sssubnav dt,.Top001816 .heng .subnav > dd .sssubnav dd{ text-align: left;   }
.Top001816 nav li dl{position: absolute; top: 100%; width: 220px; margin: 0; background: #eeeff3; left: -45px; z-index: 100; padding: 14px 0; display: none; border-radius: 10px;}
.Top001816 nav li dl dt{line-height: 40px; margin-bottom: 5px; text-align: center; letter-spacing: -0.1px; border-bottom: 1px solid #999;}
.Top001816 nav li dl dt:last-child a{border-bottom: 0;}
.Top001816 nav li.nflag dl dt{border-bottom: 0;}
.Top001816 nav li a:hover{color: #195392;}
.Top001816 nav li a{display: block; color: #000000; font-size: 16px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.Top001816 nav li em{display: none; color: #195392; font-style: normal;}
.Top001816 nav li em a{color: #fff;}
.Top001816 nav li em a:hover{color: #fff;}
.Top001816 nav li > a{position: relative; line-height: 40px; width: 100px; height: 40px; text-align: center;}
/* .Top001816 nav li > a i{display:none;position:absolute; width:0; height:0; border:6px solid #195392; border-left-color:transparent;border-right-color:transparent; border-bottom:0; left:50%; margin-left:-6px; top:22px;}*/
.Top001816 nav li > a:hover,
.Top001816 nav li a.aon{color: #fff; background: #1c65c6 ;}
.Top001816 nav .heng dt > a{color: #195392; font-weight: 600;}
.Top001816 .heng{width: 1360px; left: 50%; margin-left: -540px; padding-left: 5px; padding-right: 5px; display: none;}
.Top001816 .heng .subnav{float: left; padding: 0 5px; border-left: 1px solid #999;}
.Top001816 .heng .subnav:first-child{border-left: 0;}
.Top001816 .heng .subnav1 > dd,
.Top001816 .heng .subnav2 > dd{width: 50%; text-align: left; border-left: 1px solid #999;}
.Top001816 .heng .subnav1 > dd .ssubnav,
.Top001816 .heng .subnav2 > dd .ssubnav{float: left; margin-top: 15px; /*height: 145px;*/ /*overflow: hidden;*/  }
.Top001816 .heng .subnav:nth-of-type(1) dd:nth-of-type(1) dl:nth-of-type(1),
.Top001816 .heng .subnav:nth-of-type(1) dd:nth-of-type(1) dl:nth-of-type(2),
.Top001816 .heng .subnav:nth-of-type(1) dd:nth-of-type(1) dl:nth-of-type(3){  }
.Top001816 .heng .subnav:nth-of-type(1) dd:nth-of-type(1) dl:nth-of-type(4),
.Top001816 .heng .subnav:nth-of-type(1) dd:nth-of-type(2) dl:nth-of-type(4){ margin-bottom: 75px;  }
/*.Top001816 .heng .subnav > dd dl dd{ text-align: center; }
*/.Top001816 .heng .subnav2 > dd .ssubnav1{ width: 130px;  }
.subnav3 dd{ width: 100%;
text-align: center; }
/*.Top001816 .heng .subnav:nth-of-type(2) dd:nth-of-type(1) dl:nth-of-type(1){ width: 130px; }
.Top001816 .heng .subnav:nth-of-type(3) dd:nth-of-type(1) dl:nth-of-type(1){ width: 135px; }
.Top001816 .heng .subnav:nth-of-type(3) dd:nth-of-type(1) dl:nth-of-type(1) dd{ width: 135px; text-align: center;}*/
.Top001816 .heng .subnav1 > dd .ssubnav1,
.Top001816 .heng .subnav2 > dd .ssubnav1,
.Top001816 .heng .subnav1 > dd .ssubnav2,
.Top001816 .heng .subnav2 > dd .ssubnav2,
.Top001816 .heng .subnav1 > dd .ssubnav3,
.Top001816 .heng .subnav2 > dd .ssubnav3,
.Top001816 .heng .subnav1 > dd .ssubnav4,
.Top001816 .heng .subnav2 > dd .ssubnav4{margin-top: 0;}
.Top001816 .heng .subnav1 > dd .ssubnav:nth-of-type(4n),
.Top001816 .heng .subnav2 > dd .ssubnav:nth-of-type(4n){border-right: 0; }
.Top001816 .heng .subnav1{width: 70%;}
.Top001816 .heng .subnav1 > dd .ssubnav{width: 25%; border-right: 1px solid #999;}
.Top001816 .heng .subnav2{width: 20%;}
.Top001816 .heng .subnav3{width: 10%;}
.Top001816 .heng .subnav > dt{border-bottom: 1px solid #999;}
.Top001816 .heng .subnav > dt + dd{border-left: 0;}
.Top001816 .heng .subnav > dd{float: left; }
.Top001816 .heng .subnav > dd a{font-size: 12px;}


.Top001816 .heng .subnav > dd .a-link{text-align: center; line-height: 30px; margin-bottom: 10px; border-bottom: 1px solid #999;}
.Top001816 .heng .subnav > dd .a-link a{color: #2B5079;    font-size: 15px;
    font-weight: bold;}
.Top001816 .heng .subnav > dd dl{text-align: center; position: static; display: inline-block; padding: 0; width: auto; background: none; border-radius: 0;}
.Top001816 .heng .subnav > dd .ssubnav{ }
.Top001816 .heng .subnav > dd dl a{text-align: left;}
.Top001816 .heng .subnav > dd .sssubnav dt,
.Top001816 .heng .subnav > dd .sssubnav dd{width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.Top001816 .heng .subnav > dd .sssubnav dd{ line-height: 22px; }
.Top001816 .heng .subnav > dd .sssubnav dt{line-height: 30px;}
@media (min-width: 768px){.Top001816 .top .welcome-txt{display: block;}}
@media (max-width: 1000px){
.Top001816 nav li .anav{display: none;}
.Top001816 nav li > a:hover span, .Top001816 nav li a.aon span{color: #fff;}
.Top001816 .logo{position: relative; padding: 20px 50% 20px 0; left: 0; top: auto; margin-top: 0;} 
.Top001816 .logo img{height: auto;}
.Top001816 .search{right: 10%;}
.Top001816 nav{overflow-y: auto; padding-right: 0; position: fixed; left: 0; top: 0; height: 100%; width: 70%; max-width: 300px; background-color: #fff; border-right: 1px solid #0c2b4c; box-shadow: 0 0 10px #0c2b4c; z-index: 20; padding-top: 5%; -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; -webkit-transition: 0.3s; transition: 0.3s;} .Top001816 nav.navOut{-webkit-transform: translateX(0); transform: translateX(0); opacity: 1;}
.Top001816 nav ul, .Top001816 nav li{float: none;} 
.Top001816 nav li{padding: 0 5% 10px;}
.Top001816 nav li.has_dl > a{display: none;} 
.Top001816 nav li em{display: block; border-radius: 22px;} 
.Top001816 nav li > a i{display: none !important;} 
.Top001816 nav li > a, .Top001816 nav li em{padding: 5%; background: #195392; color: #e6ecf2; height: auto;} 
.Top001816 nav li dl{position: relative; top: auto; width: auto; border-radius: 22px; left: 0;}
.Top001816 .heng{width: 100%; left: 0; margin: 0!important;}
.Top001816 .heng .subnav > dt{ border-bottom: none; }
.Top001816 .heng .subnav{float: none; width: auto; border-left: none;} 
.Top001816 .heng .subnav > dt a{font-weight: normal; color: #000;}
.Top001816 .heng .subnav > dd{display: none;}
.Top001816 .mobile_menu{position: absolute; right: 0; margin-right: 0px; width: 42px; height: 34px; top: 50%; margin-top: -17px; border-radius: 5px;}
.Top001816 .open{background-color: #86a5c6; -webkit-transition: 0.3s; transition: 0.3s;}
.Top001816 .mobile_menu span, .Top001816 .mobile_menu span::before, .Top001816 .mobile_menu span::after{position: absolute; background-color: #86a5c6; width: 100%; height: 3px; -webkit-transition: 0.3s; transition: 0.3s;}
.Top001816 .mobile_menu span{left: 15%; width: 70%; top: 50%; margin-top: -1.5px;}
.Top001816 .mobile_menu span::before, .Top001816 .mobile_menu span::after{content: ''; left: 0;}
.Top001816 .mobile_menu span::before{top: -8px;} .Top001816 .mobile_menu span::after{top: 8px;}
.Top001816 .open span{background-color: transparent;} 
.Top001816 .open span::before, .Top001816 .open span::after{background-color: #fff; top: 0;} 
.Top001816 .open span::before{-webkit-transform: rotate(45deg); transform: rotate(45deg);}
.Top001816 .open span::after{-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}}
.sanjiao{height: 0px; width: 0px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 12px solid #195392; position: absolute; left: 0; right: 0; bottom: 5px; margin: 0 auto; display: none;}
/*头部*/
/*底部*/
footer{background-color: #2a2e35; padding: 17px 0; line-height: 29px; color: rgba(255, 255, 255, 0.42);}
footer .auto_1100{position: relative;}
footer ul{float: right;}
footer ol,
footer li{float: left; margin: 0; padding: 0;}
footer .left{float: left;}
footer li.li_wx a{display: block; position: fixed; bottom: 0; width: 90px; height: 90px; right: 0; margin-left: -64px; z-index: 5;}
@media (min-width: 1000px){footer li.li_wx a{width: 120px; height: 120px;}}
footer li.li_wx:hover a{display: block;}
footer li.li_wx a img{display: block; width: 100%;}
footer .jiathis_style_32x32 .jtico{background: none; height: 29px !important; padding-left: 29px!important;}
footer a{color: #886246;}
footer a:hover{color: #fff;}
footer ol a{font-size: 12px; display: inline-block; margin-right: 20px; position: relative; color: rgba(255, 255, 255, 0.42);}
footer ol a::before{position: absolute; content: ''; right: -10px; width: 2px; background-color: #4e321b; height: 6px; top: 50%; margin-top: -3px; border-left: 1px dotted #886246;}
footer ol a:last-child::before{display: none;}
footer li{margin-left: 15px !important;}
footer li a{display: block; width: 29px; height: 29px; background: url(../images/Bottom001695-share.png) no-repeat 0 0;}
footer li.li_wb a{background-position: -38px 0;}
footer li.li_sina a{background-position: right 0;}
footer p{margin: 0; float: right; font-size: 12px;}
@media (max-width: 1100px){footer ul{float: none;} footer p{clear: both;}}
@media (max-width: 640px){footer ol{float: none; clear: both;} footer li.li_wx{margin-left: 0;} footer li.li_wx figure{/*left:0; margin-left:0;*/ width: 40px;} footer ol a:last-child{margin-right: 0;}}
/*底部*/
/**返回旧网站**/
#ReturnOldWeb{ display: none !important; }
#ReturnOldWeb.hide{width: 30px;}
#ReturnOldWeb{text-align: center; position: fixed; display: block; right: 0; width: 50px; top: 65%; overflow: hidden; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 9999;}
#ReturnOldWeb a{display: block; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: all 0.2s; transition: all 0.2s; background: rgba(255, 255, 255, 0.8);}
#ReturnOldWeb img{display: block;}
#ReturnOldWeb .word{font-size: 12px; line-height: 18px; color: #2065C4; padding: 5px 5px; background: rgba(225, 225, 225, 0.9); display: block;}
#ReturnOldWeb .click{display: block; background: rgba(16, 158, 224, 0.4) url(../images/icons1.png) no-repeat center; background-size: 6px; height: 20px; -webkit-transition: all 0.2s; transition: all 0.2s; cursor: pointer;}
#ReturnOldWeb .click:hover{background-color: rgba(16, 158, 224, 0.8);}
#ReturnOldWeb .hide{-webkit-transform: translateX(100%); transform: translateX(100%);}
#ReturnOldWeb .hide + .click{background-image: url(../images/icons1_hover.png);}
/* 首页 */
.home{padding: 5% 0;}
.home .title{background: #f8f9fb; padding: 2%;}
.home .title h1{float: left; font-weight: bold; font-size: 22px; line-height: 38px; color: #000; margin: 0; height: 38px; text-align: center; background: url(../images/home-title.png) no-repeat left center; padding-left: 45px;}
.home .title a{font-size: 12px; line-height: 38px; color: #2065C4;; float: right;}
.HomrPro .list{padding-top: 3%;}
.HomrPro .list ul{margin-left: -2%; margin-right: -2%;}
.HomrPro .list li{float: left; width: 50%; padding: 2%;}
.HomrPro .list li a{display: block; border: 1px solid #eee; padding: 3%; text-align: center;}
.HomrPro .list li img{width: 100%; -webkit-transition: all .3s; transition: all .3s;}
.HomrPro .list li span{display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 3% 0;color: #000;  /* font-weight: bold;*/}
/*.HomrPro .list li:nth-child(7){width: 100%;}*/
/*
.hflist{margin: 19px 0 0;}
.hflist ul li{width: 100%;text-align: center;display: block;border:solid 1px #E5E5E5;}
.hflist li figure{padding-top: 68%;width: 100%;}
.hflist li p{padding:0 2%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size: 16px;line-height: 24px;color: #000;}
*/
/*
.HFix1 .Hhonor{margin: 19px 0 0;}
.HFix1 .Hhonor .swiper-slide{width: 100%;text-align: center;}
.HFix1 .Hhonor .swiper-slide figure{padding-top: 68%;width: 100%;border:solid 1px #E5E5E5;}
.HFix1 .Hhonor .swiper-slide p{padding:0 2%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size: 16px;line-height: 24px;color: #000;}
.HFix1 .swiper-button-next.swiper-button-disabled,.HFix1 .swiper-button-prev.swiper-button-disabled{background-size:}
.HFix1 .swiper-button-prev{background-image:url(../images/prev.png);background-position: center;width: 25px;height: 57px;left: 0;top: 50%;transform:translate(0%,-50%);}
.HFix1 .swiper-button-next{background-image:url(../images/next.png);background-position: center;width: 25px;height: 57px;right: 0;top: 50%;transform:translate(0%,-50%);}
.HFix1 .open_info{position:fixed; left:0; top:0; width:100%; height:100%; z-index:200; background:rgba(0,0,0,0.7); display:none;}
.HFix1 .info_area{position:absolute; width:90%; max-width:1000px; left:50%; transform:translate(-50%,-50%); top:50%; background:#fff; padding:5%;}
.HFix1 .info_area .close{border: 2px solid #c53b19;border-radius: 50%; position:absolute; right:20px; width:31px; height:31px; top:20px; background:#fff; cursor:pointer;}
.HFix1 .info_area .close::before,
.HFix1 .info_area .close::after{position:absolute; content:''; width:20px; height:2px; background:#c53b19; top:13px; left:4px;}
.HFix1 .info_area .close::before{transform:rotate(45deg);}
.HFix1 .info_area .close::after{transform:rotate(-45deg);}
.HFix1 .info_area .pic{width:100%; height:auto; overflow:hidden; top:0; left:0; text-align:center;}
.HFix1 .info_area .pic img{float: none;}
.HFix1 .info_area .txt{padding-top:15px; text-align:center;}
*/
.HFix1{padding-top: 2%;}
.HFix1 .left{width: 100%;}
.HomeNews{padding-top: 3%;}
.HomeNews li{overflow: hidden; margin-top: 10px; border: 1px solid #ebecec;}
.HomeNews li:first-child{margin-top: 0;}
.HomeNews li div{position: relative; padding-left: 37%; padding-right: 2%; padding-bottom: 2.5%;}
.HomeNews li .Ispic{position: absolute; left: 0; top: 0; height: 100%; width: 33.5%; background-size: cover;}
.HomeNews li .Ispic img{display: none;}
.HomeNews li h1{margin: 0; font-size: 16px; line-height: 1; font-weight: normal; padding: 14px 0 10px; color: #000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.HomeNews li h1 a{color: #333;}
.HomeNews li time{color: #444; font-size: 12px; padding: 15px 0 15px 20px; display: block; background: url(../images/time.png) no-repeat left center; background-size: 16px;}
.HomeNews li i{width: 33px; height: 1px; background: #999; display: block; display: none;}
.HomeNews li p{color: #666;; margin: 0; height: 58px; line-height: 20px; font-size: 14px; overflow: hidden; padding-bottom: 15px;}
.HomeNews li h1 a:hover{color: #2065C4;}
@media (max-width: 768px){.HomeNews li .Ispic{width: 42%;} .HomeNews li div{padding: 1% 2% 0 45%;} .HomeNews li h1{padding: 0;} .HomeNews li p{margin-top: 5px; -webkit-line-clamp: 1;}}
@media (max-width: 480px){.HomeNews li .Ispic img{display: block; width: 100%;} .HomeNews li div{padding: 2%;} .HomeNews li .Ispic{position: relative; display: block; width: auto;} .HomeNews li p{line-height: 20px; font-size: 12px;} .HomeNews li h1{font-size: 16px; margin-top: 10px;}}
.HFix1 .right{padding-top: 5%;}
.HomeCase{margin-top: 3%; border: 1px solid #eee;}
.HomeCase .pic{padding-bottom: 60.6%; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.HomeCase .txt{padding: 4%;}
.HomeCase .txt h3{font-size: 20px; color: #383838;}
.HomeCase .txt p{line-height: 1.8; color: #666;}
.HomeCase .txt .more{color: #fff; width: 160px; line-height: 43px; height: 43px; text-align: center; background: #3161b3; display: block;}
.HomeCase .swiper-slide{text-align: center; padding-bottom: 10%;}
.HomeCase .swiper-slide a{display: block;}
.HomeCase .swiper-slide img{width: 100%;}
.HomeCase .swiper-slide span{display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 7% 0 5%; color: #000;}
.HomeCase .swiper-slide a:hover span{color: #2065C4;}
@media (min-width: 768px){.HFix1 .left{float: left; width: 50%;} .HFix1 .right{float: right; width: 48%; padding-top: 0;} .hflist ul{margin-left: -2%;} .hflist ul li{width: 50%; padding-left: 2%; float: left; overflow: hidden;} .HomrPro .list{padding-top: 14px;} .HomrPro .list ul{margin-left: -5px; margin-right: -5px; position: relative; padding-right: 34%;} .HomrPro .list li{padding: 5px; width: 33.33333%;} .HomrPro .list li a{padding: 14px 0 23px;} .HomrPro .list li span{padding-top: 15px; line-height: 1; font-size: 14px; color: #000;} .HomrPro .list li img{width: 130px;} .HomrPro .list li:last-child{display: block;} .HomrPro .list li:nth-child(4){width: 34%; position: absolute; right: 0; top: 0;} .HomrPro .list li:nth-child(4) a{padding: 5px;} .HomrPro .list li:nth-child(5) a{padding: 55px 0 11px;} .HomrPro .list li:nth-child(4) span{padding-top: 10px; font-size: 16px;} .HomrPro .list li:nth-child(5) span{padding-top: 35px; font-size: 16px;} .HomrPro .list li:nth-child(4) img{width: 310px; height: 262px;} .HomrPro .list li:nth-child(5) img{width: 180px; height: 180px;} .HomrPro .list li:nth-child(5){width: 34%; position: absolute; right: 0; bottom: 0;} /* .HomrPro .list li:nth-child(5),
.HomrPro .list li:nth-child(6),
.HomrPro .list li:nth-child(7){margin-top:-214px;} */ .HomrPro .list li:nth-child(7){width: 33.33333%;} .HomrPro .list li a:hover span{color: #2065C4;} .HomrPro .list li a:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);}}
@media (min-width: 1024px){.home{padding: 40px 0 84px;} .HomeNews{padding-top: 19px;} .HomeCase{margin-top: 19px;} .HomeCase .swiper-slide{padding-bottom: 64px;} .HomeCase .swiper-slide span{font-size: 16px; padding: 33px 0 0;} .HomeCase .swiper-pagination-bullet{width: 10px; height: 10px;} .HomeCase .swiper-container-horizontal > .swiper-pagination-bullets{bottom: 27px;}}
/* * .Floor001042 为demo编号 */
.Floor001042{padding: 3% 0;}
.Floor001042 .ul{padding-top: 30px;}
.Floor001042 li{position: relative; border: 1px solid #eee; margin-bottom: 1%;}
.Floor001042 li figure{padding-bottom: 68%; background-size: contain; background-repeat: no-repeat; background-position: center center;}
.Floor001042 li a:hover img{-webkit-filter: grayscale(100%); opacity: 8; -webkit-transition: all 300ms!important; transition: all 300ms!important;}
@media screen and (min-width: 540px){.Floor001042 li{width: 50%; float: left;}}
@media only screen and (min-width: 1024px){.Floor001042 li{width: 24%; margin-right: 1.33%;} .Floor001042 li:nth-child(4){margin-right: 0%;}}
/* * .Floor001042 为demo编号 */
.Floor0010421{padding: 0% 0;}
.Floor0010421 .ul{padding-top: 30px;}
.Floor0010421 li{position: relative;}
.Floor0010421 li figure{padding-bottom: 90%; background-size: contain; background-repeat: no-repeat; background-position: center center;}
.Floor0010421 li h3{font-size: 16px; font-weight: normal; text-align: center;color: #000;}
.Floor0010421 li a:hover img{-webkit-filter: grayscale(100%); opacity: 8; -webkit-transition: all 300ms!important; transition: all 300ms!important;}
@media screen and (min-width: 540px){.Floor0010421 li{width: 50%; float: left;}}
@media only screen and (min-width: 1024px){.Floor0010421 li{width: 20%;}}
/* * .Floor001042 为demo编号 */
.Floor0010422{padding: 3% 0 0;}
.Floor0010422 .ul{padding-top: 30px;}
.Floor0010422 li{position: relative; margin-bottom: 1%;}
.Floor0010422 li figure{padding-bottom: 126%; background-size: cover; background-repeat: no-repeat; background-position: center center;}
.Floor0010422 li h3{font-size: 16px; font-weight: normal; text-align: center;}
.Floor0010422 li a:hover img{-webkit-filter: grayscale(100%); opacity: 8; -webkit-transition: all 300ms!important; transition: all 300ms!important;}
.Floor0010422 dt{width: 25%; text-align: center; font-size:16px; float: left; padding: 35px 0; position: relative;}
.Floor0010422 dt a{ color: #000; }
.Floor0010422 dt a:hover{color: #08497f;}


@media screen and (min-width: 540px){.Floor0010422 li{width: 50%; float: left;}}
@media only screen and (min-width: 1024px){.Floor0010422 li{width: 32.65%; margin-right: 1%;} .Floor0010422 li:nth-child(3){margin-right: 0%;} .Floor0010422 dt::before{content: ''; border: 8px solid #08497f; border-top-color: transparent; border-bottom-color: transparent; position: absolute; top: 42%; left: 22%; width: 0; height: 0; border-right: 0;}}
/* 首页 */
/* about */
.about{padding-bottom: 10%;}
.about .word{float: left; width: 58%;}
.about .pic{float: right; width: 40%;}
.about .pic img{float: right;}
@media (max-width: 640px){.about .word{float: none; width: 100%;} .about .pic{float: none; width: 100%;}}
/* about */
/* honor */
.honor ul li{width: 100%; text-align: center;}
.honor li figure{padding-top: 68%; width: 100%; border: solid 1px #E5E5E5;}
.honor li p{padding: 0 2%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; line-height: 24px; color: #000;}
.honor .open_info{position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 200; background: rgba(0, 0, 0, 0.7); display: none;}
.honor .info_area{position: absolute; width: 90%; max-width: 1000px; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; background: #fff; padding: 5%;}
.honor .info_area .close{border: 2px solid #c53b19; border-radius: 50%; position: absolute; right: 20px; width: 31px; height: 31px; top: 20px; background: #fff; cursor: pointer;}
.honor .info_area .close::before,
.honor .info_area .close::after{position: absolute; content: ''; width: 20px; height: 2px; background: #c53b19; top: 13px; left: 4px;}
.honor .info_area .close::before{-webkit-transform: rotate(45deg); transform: rotate(45deg);}
.honor .info_area .close::after{-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.honor .info_area .pic{width: 100%; height: auto; overflow: hidden; top: 0; left: 0; text-align: center;}
.honor .info_area .pic img{float: none;}
.honor .info_area .txt{padding-top: 15px; text-align: center;}
@media (min-width: 640px){.honor ul{margin-left: -4%;} .honor ul li{width: 33.33%; padding-left: 4%; float: left;}}
/* honor */
/* news */
.news li{overflow: hidden; margin-bottom: 40px; border-bottom: 1px solid #ebecec; border-top: 1px solid #ebecec; border-right: 1px solid #ebecec;}
.news li:last-child{border-bottom: 0;}
.news li div{position: relative; padding-left: 29%; padding-right: 2%;}
.news li .Ispic{position: absolute; left: 0; top: 0; height: 100%; width: 26%;}
.news li .Ispic img{display: none;}
.news li h1{margin: 0; font-size: 16px; font-weight: normal; padding: 15px 0; color: #000;}
.news li h1 a{color: #000;}
.news li time{color: #444444; font-size: 14px; line-height: 24px; padding: 15px 0 15px 30px; display: block; background: url(../images/time.png) no-repeat left center;}
.news li i{width: 42px; height: 1px; background: #999999; display: block;}
.news li p{color: #666; margin: 15px 0 0; overflow: hidden; font-size: 14px;}
@media (max-width: 768px){.news li div{padding-left: 45%;} .news li .Ispic{width: 42%;} .news li div{padding-right: 0;}}
@media (max-width: 480px){.news li .Ispic img{display: block; width: 100%;} .news li div{padding-left: 0;} .news li .Ispic{position: relative; display: block; width: auto;} .news li p{line-height: 20px; height: 60px; font-size: 12px;} .news li h1{font-size: 16px;}}
/* news */
/* newsinfo */
.article_title{padding-bottom: 2%;}
.article_title h1{font-size: 18px; line-height: 30px; color: #000; margin: 0; font-weight: 300; text-align: center;}
.article_title time{font-size: 14px; line-height: 30px; color: #999; text-align: center; display: block;}
.artile_info{padding: 31px 0 40px; border-bottom: 1px solid #ebecec; border-top: 1px solid #ebecec;}
.article_db{margin: 3.5% 0 10%;}
.article_db .btn a{display: block; width: 127px; height: 34px; background-color: #1c65c6; color: #fff; line-height: 34px; text-align: center;}
.article_db .fap a{font-size: 14px; color: #999999;}
@media (min-width: 640px){.article_db .btn{float: left;} .article_db .fap{float: right;}}
/* newsinfo */
/* product */
.ProIndex{padding: 3% 0; overflow: hidden;}
.ProIndex ul{margin-left: -2%; margin-right: -2%;}
.ProIndex li{float: left; width: 50%; padding: 2%;}
.ProIndex li a{border: 1px solid #eee; background-color: #F9F9F9; display: block; text-align: center; padding: 2%;}
.ProIndex li span{display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #000;}
.ProIndex li a:hover span{color: #1c65c6;}
@media (min-width: 768px){.ProIndex li{width: 33.33333%;} .ProIndex li span{padding: 3%;}}
@media (min-width: 1024px){.ProIndex{padding: 20px 0 48px;} .ProIndex ul{margin-left: -24px; margin-right: -24px;} .ProIndex li{padding: 0 24px 50px;} .ProIndex li a{padding: 30px 0 30px;} .ProIndex li span{padding: 35px 0 0; font-size: 18px;} .ProIndex li img{width: 260px; height: 260px;}}
.product ul{margin-left: -2%; margin-right: -2%;}
.product li{width: 50%; float: left; padding: 2% 2% 4%;}
.product li a{display: block; text-align: center; padding: 4% 2%; border: 1px solid #d9dbdc;}
.product li figure{padding: 3px; width: 134px; margin: 0 auto;}
.product li figure em{padding-bottom: 100%; margin: 0 auto; display: block; background-repeat: no-repeat; background-position: center center; position: relative;}
.product li figure img{display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.product li h5,
.product li p{margin: 0;}
.product li h5{font-size: 16px; padding: 10px 0; font-weight: 300; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.product li span{width: 140px; height: 30px; background-color: rgba(137, 137, 137, 0.05); border: solid 1px rgba(137, 137, 137, 0.2); margin: 0 auto; display: block; border-radius: 15px; color: #959791; text-align: center; line-height: 30px;}
.product li p{color: rgba(0, 0, 0, 0.4); padding-bottom: 10px;}
.product li a:hover{color: #57a9ac;}
.product li a:hover span{color: #fff; background-color: #1c65c6;}
.product li img{max-width: 134px; width: 100%;}
@media (min-width: 768px){.product li{width: 33.33333%; padding-bottom: 33px;}}
@media (min-width: 1024px){.product ul{margin-left: -31px; margin-right: -31px;} .product li{padding: 0 31px 33px;}}
/* @media(max-width:640px){.product li{width:32%;}
.product li:nth-child(4n){margin-right:2%;}
.product li:nth-child(3n){margin-right:0;}
.product li span{width: auto;}} */
/* @media(max-width:480px){.product li{width:42%;}
.product li:nth-child(3n){margin-right:2%;}
.product li:nth-child(2n){margin-right:0;}} */
/* product */
/* product_info */
.product_info .list_img{float: left; width: 55.6%; border: 1px solid #999;}
.product_info .list_img .owl-nav{display: none;}
.product_info .list_img .pic{display: block; width: 100%; position: relative; border: 1px solid #dcdcdc; /*height:412px;*/ text-align: center;}
.product_info .list_img .pic img{width: 100%; /*max-height: 100%; height: auto; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);*/}
.product_info .list_img .pic span{position: absolute; display: block; right: 50px; bottom: 50px; background: #56ADF3; border-radius: 5px; color: #fff; padding: 5px;}
/* .product_info .list_img .row{padding:10px 40px; background: #F6F6F6;} */
/* .product_info .list_img .row .item{cursor: pointer;box-sizing:border-box;padding:10px 30px;height: 120px;} */
.product_info .list_img .owl-item .item:hover{border: 0;}
.product_info .owl-nav .owl-prev,
.product_info .owl-nav .owl-next{width: 40px; height: 40px; position: absolute; top: 50%; margin-top: -20px; background-size: 10px; background-position: center; background-repeat: no-repeat; opacity: 0.6; font-size: 0; z-index: 10; cursor: pointer;}
.product_info .owl-nav .owl-prev{left: 0; background-image: url(../images/Page001815-a_prev.gif);}
.product_info .owl-nav .owl-next{right: 0; background-image: url(../images/Page001815-a_next.gif);}
.product_info .right_info{float: right; width: 39.2%;}
.product_info .right_info h1,
.product_info .right_info p{margin: 0; padding: 0 0 8%; border-bottom: 1px solid #e7e8e8;}
.product_info .right_info h1{padding: 7% 0; font-size: 23px; line-height: 22px; color: #333;}
.product_info .right_info h3{padding: 2% 0 0; line-height: 30px; color: #000000; margin: 0; font-size: 14px;}
.product_info .right_info p{line-height: 30px; color: #000000; margin-bottom: 10%; font-size: 14px;}
.product_info .right_info a{display: inline-block; border: 1px solid #fdf3f2; padding: 10px 5%; color: #e60a00; -webkit-transition: 0.4s; transition: 0.4s;}
.product_info .right_info a:hover{background-color: #e60a00; color: #fff;}
.product_info .right_info .parameter dd{border-bottom: 1px solid #DBDBDB; line-height: 30px;}
.product_info .right_info .parameter dd span{display: inline-block; width: 90px; font-weight: bold;}
.product_info .tab{padding: 3% 0;}
/*.product_info .tab.IsDefaultTrue{display: none;}*/
.product_info .tab .h1_tab{margin: 0; background: #e7e8e8; overflow: hidden; font-size: 16px; font-weight: normal; color: #000;}
.product_info .tab .h1_tab span{float: left; margin: 0 5%; line-height: 50px; cursor: pointer;}
.product_info .tab .h1_tab span.on{color: #1D66C5; border-bottom: 2px solid #1D66C5;}
.product_info .tab .info{padding-top: 2%; overflow-x: auto;}
.product_info .tab .info table{border-collapse: collapse;}
.product_info .tab .info td{border-width: 1px!important;}
.product_info .ul_download li{border-bottom: 1px solid #d1d1d3; line-height: 34px; background: url(../images/product_info-icon_download.png) no-repeat right center; padding: 10px 0;}
.product_info .ul_download li a{padding: 0 38px; background: url(../images/product_info-icon.png) no-repeat left center;}
@media (max-width: 768px){.product_info .list_img, .product_info .right_info{float: none; width: auto;} .product_info .list_img .pic{height: auto;} .product_info .list_img .pic img{position: static; width: 100%; height: auto; -webkit-transform: translate(0); transform: translate(0);}}
@media (max-width: 640px){.product_info .list_img .row .item{height: 200px;} .product_info .list li{height: 100px;} .product_info .right_info h1{font-size: 20px;} .product_info .right_info h3{font-size: 16px;}}
@media (max-width: 480px){.product_info .list{padding-top: 30px; padding-bottom: 30px;} .product_info .list a{height: 28px;} .product_info .list li{height: 80px;} .product_info .tab .h1_tab{font-size: 14px;} .product_info .tab .h1_tab span{padding: 0 3%;}}
/* product_info */
/* consultation */
.consultation{padding: 7% 3%; border: 1px solid #D9D9D9; margin-bottom: 10%;}
.consultation .title{position: relative; color: #343434; font-size: 34px; padding-bottom: 5%; background: url(../images/consultation_tit.png) no-repeat left center / contain;}
.consultation .title:before{position: absolute; left: 0; bottom: 0; width: 31px; height: 2px; content: ""; background: #343434;}
.consultation dd li{float: left; width: 31%; margin-right: 3.5%; margin-bottom: 3.5%; position: relative;}
.consultation dd li:nth-child(3n){margin-right: 0;}
.consultation dd .ul2 li{width: 100%; margin-right: 0;}
.consultation dd .text{border: 1px solid #dadada; line-height: 42px; height: 42px; width: 100%; background: #fff; padding: 0 10px;}
.consultation dd li label{position: absolute; left: 15px; top: 0; line-height: 42px;}
.consultation dd li .form_err{position: absolute; right: 5px; top: 50%; color: #f00; line-height: 20px; margin-top: -10px;}
.consultation dd textarea.text{height: 220px;}
.consultation .btn{margin: 3% 0 0; cursor: pointer; background: #1c65c6; color: #fff; height: 44px; border: none; font-size: 18px; width: 40%; max-width: 166px;}
@media (max-width: 768px){.consultation dd li{float: none; width: auto; margin-right: 0 !important;}}
@media (max-width: 480px){.consultation .title{font-size: 24px;}}
/* consultation */
/* case */
/*.case{padding-top:2%;}*/
.case li{float: left; width: 48%; margin-right: 4%; margin-bottom: 3%; border: 1px solid #E2E2E2; overflow: hidden; padding: 2%;}
.case li:nth-child(2n){margin-right: 0;}
.case li .Ispic{float: left; width: 50%; padding-bottom: 41%; background-position: center; background-repeat: no-repeat;}
.case li figure{float: right; width: 47%;}
.case li h2{margin: 0; font-size: 16px; font-weight: normal; line-height: 30px; color: #000;}
.case li p{line-height: 24px; overflow: hidden; height: 96px; color: #999; font-size: 12px;}
.case li .more{display: inline-block; width: 81px; text-align: center; height: 27px; line-height: 27px; background: #ededed; border: 1px solid #dedede; border-radius: 13px; font-size: 12px; color: #959791;}
.case li:hover .more{color: #fff; background-color: #1c65c6;}
.case li:hover h2 a{color: #1c65c6;}
.case li:hover p{color: #1c65c6;}
@media (max-width: 1000px) and (min-width: 769px){.case li p{height: 48px;}}
@media (max-width: 768px){.case li{float: none; margin-right: 0; width: auto;}}
@media (max-width: 480px){.case li .Ispic, .case li figure{float: none; width: auto;} .case li .Ispic{display: block; padding-bottom: 55%;} .case li figure{padding-top: 15px;}}
@media (max-width: 375px){.case li p{height: 48px;}}
/* case */
/* case_info */
/*
.case_info{padding:0 0 10%;}
.case_info .list_img{float: left; width:55.6%;}
.case_info .list_img .pic{display: block;width: 100%;position: relative;border:1px solid #dcdcdc;height:412px;text-align: center;}
.case_info .list_img .pic img{height: auto;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.case_info .list_img .pic span{position: absolute;display: block;right: 50px;bottom: 50px;background: #56ADF3;border-radius: 5px;color: #fff; padding: 5px;}
.case_info .list_img .row{padding:10px 40px; background: #F6F6F6;}
.case_info .list_img .row .item{cursor: pointer;box-sizing:border-box;padding:10px 30px;height: 120px;}
.case_info .owl-nav .owl-prev{position: absolute; top:0; left: -40px; width:40px; height:100%; background: url(../images/Page001815-a_prev.gif) no-repeat center; background-size:10px; font-size:0; opacity: 0.6}
.case_info .owl-nav .owl-next{position: absolute; top:0; right: -40px; width:40px; height:100%; background: url(../images/Page001815-a_next.gif) no-repeat center; background-size:10px;font-size:0; opacity: 0.6}
*/
.case_info .list_img{float: left; width: 55.6%; position: relative; border: 1px solid #E1E1E1;}
.case_info .list_img .item{width: 100%;}
.case_info .list_img .item:hover{border: 0 !important;}
.case_info .list_img .item img{width: 100%;}
.case_info .owl-nav .owl-prev,
.case_info .owl-nav .owl-next{width: 40px; height: 40px; background-color: rgba(255, 255, 255, 0.5); background-position: center; background-repeat: no-repeat; background-size: 10px; font-size: 0; opacity: 0.6; position: absolute; top: 50%; margin-top: -20px; z-index: 10;}
.case_info .owl-nav .owl-prev{left: 5px; background-image: url(../images/Page001815-a_prev.gif);}
.case_info .owl-nav .owl-next{right: 5px; background-image: url(../images/Page001815-a_next.gif);}
.case_info .owl-carousel .disabled{display: none;}
.case_info .right_info{float: right; width: 39.2%;}
.case_info .right_info h1,
.case_info .right_info p{margin: 0; padding: 5% 0 8%; border-bottom: 1px solid #e7e8e8;}
.case_info .right_info h1{padding: 7% 0; font-size: 23px; line-height: 22px; color: #333;}
.case_info .right_info p{line-height: 30px; color: #000000; margin-bottom: 10%; font-size: 14px;}
.case_info .right_info a{display: inline-block; border: 1px solid #fdf3f2; padding: 10px 5%; color: #e60a00; -webkit-transition: 0.4s; transition: 0.4s;}
.case_info .right_info a:hover{background-color: #e60a00; color: #fff;}
.case_info .tab{padding: 3% 0;}
.case_info .tab p{margin: 0; overflow: hidden; font-size: 14px; line-height: 30px; font-weight: normal; color: #999;}
@media (max-width: 768px){.case_info .list_img, .case_info .right_info{float: none; width: auto;}}
@media (max-width: 640px){.case_info .list li{height: 100px;} .case_info .right_info h1{font-size: 20px;} .case_info .right_info h3{font-size: 16px;}}
@media (max-width: 480px){.case_info .list{padding-top: 30px; padding-bottom: 30px;} .case_info .list a{height: 28px;} .case_info .list li{height: 80px;} .case_info .tab p{font-size: 14px;}}
/* case_info */
/* contact */
.Map000101{border: 1px solid #D9D9D9; margin-bottom: 10%;}
.Map000101 .map{width: 58.4%; float: left;}
.Map000101 .map #allMap{height: 450px; width: 100%;}
.Map000101 .map #allMap img{max-width: none;}
.Map000101 .info{float: right; width: 41.6%; max-height: 450px; overflow: auto;}
.Map000101 .info li{line-height: 25px; padding: 20px; border-bottom: 1px #dbdbdb dotted; cursor: pointer;}
.Map000101 .info li p{margin: 0;}
.Map000101 .info li h1{margin: 0; font-size: 14px;}
.Map000101 .info li:hover,
.Map000101 .info li.on{background-color: #eee;}
@media (max-width: 640px){.Map000101 .map{float: none; width: 100%;} .Map000101 .info{float: none; width: 100%;}}
/* contact */
/*页面二级/左侧/右侧菜单*/
.Menu002290{margin: 35px 0 10px;}
.Menu002290:after{clear: both; content: ""; display: block;}
.Menu002290 .menu{float: left; display: inline-block;}
.Menu002290 .menu ul li{display: block; min-width: 80px; height: 34px; background-color: #bfbfbf; float: left; margin-right: 6px; margin-bottom: 6px; z-index: 9;}
.Menu002290 .menu ul li:hover{z-index: 20;}
.Menu002290 .menu ul li:last-child{margin-left: 0;}
.Menu002290 .menu ul li > a{font-size: 14px; text-align: center; height: 34px; line-height: 34px; width: 100%; display: block; color: #fff; position: relative; overflow: hidden; padding: 0 10px;}
.Menu002290 .menu ul li.on > a,
.Menu002290 .menu ul li > a:hover{color: #fff; background-color: #1c65c6;}
.Menu002290 .location{display: none; font-size: 14px; line-height: 34px; color: #999999; padding-left: 27px; float: right;}
.Menu002290 .location a{color: #acacac; padding: 0px 5px;}
.Menu002290 .location span{padding: 0px 5px; color: #1c65c6;}
/* .Menu002290 .columnName{display:none;} */
@media only screen and (min-width: 768px){.Menu002290 .location{display: block;} .Menu002290 .columnName{float: left; color: #1c65c6;}}
@media (min-width: 1024px){.Menu002290 .columnName{font-size: 24px; letter-spacing: 1px;}}
/*页面二级/左侧/右侧菜单*/
/*网站地图*/
.ul_sitemap li{border-bottom: dotted 1px #ddd; padding: 5px 0px;}
.ul_sitemap li strong{width: 90px; display: inline-block;}
.Menu002290 .menu ul li{position: relative;}
.Menu002290 .menu ul li div{position: absolute; left: 0; top: 100%; display: none;}
.xialys{width: 100%; text-align: center;}
.xialys a{width: 100%; display: block; background-color: #bfbfbf; font-size: 12px; color: #fff; height: 34px; line-height: 34px;}
.xialys a:hover{background-color: #1c65c6;}
/*下载中心*/
.download li{float: left; width: 50%; padding: 2%;}
.download li .item{border: 1px solid #ddd; padding: 4%;}
.download li .ti{width: 100%; padding-bottom: 3%;}
.download li .ti:before{content: ''; width: 0; height: 0; font-size: 0; line-height: 0; border-width: 5px; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #1c65c6; display: inline-block; vertical-align: middle; margin-right: 2px;}
.download li .imgbox{width: 44%; float: left;}
.download li .imgbox img{width: 100%;}
.download li .txtbox{width: 50%; float: right; font-size: 12px; line-height: 20px;}
.download li .txtbox .format{text-transform: uppercase; font-size: 14px;}
.download li .txtbox time{display: block;}
.download li .txtbox .btn{background-color: #1c65c6; color: #fff; border-radius: 3px; padding: 2px 10px; display: inline-block;}
.download li .txtbox .btn:before{content: ''; width: 0; height: 0; font-size: 0; line-height: 0; border-width: 5px; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #fff; display: inline-block; vertical-align: middle; margin-right: 2px;}
.pop-form{width: 100%; height: 100%; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.7); z-index: 200; display: none;}
.pop-form .contbox{width: 90%; max-width: 400px; background-color: #fff; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.pop-form .contbox ul{padding: 5% 3%;}
.pop-form .contbox li{padding: 2% 0;}
.pop-form .contbox li .text{border: 1px solid #ddd; border-radius: 15px; height: 30px; line-height: 30px; padding: 0 10px; width: 100%; font-size: 14px; background: none; margin: 0;}
.pop-form .contbox li .textarea{height: 120px;}
.pop-form .contbox li.btnbox{text-align: center; padding-top: 2%;}
.pop-form .contbox li .btn{width: 90px; height: 35px; line-height: 35px; text-align: center; background-color: #1c65c6; color: #fff; border-radius: 3px; display: inline-block; cursor: pointer;}
.pop-form .contbox .close{display: block; width: 40px; height: 40px; position: absolute; right: 0; top: 5px; color: #555; font-size: 25px; text-align: center; line-height: 40px; font-family: Arial; cursor: pointer;}
@media (min-width: 768px){.download ul{margin-left: -10px; margin-right: -10px;} .download li{width: 33.33333%; padding: 10px;} .pop-form .contbox ul{padding: 30px 40px;} .pop-form .contbox li .text{height: 40px; line-height: 40px; border-radius: 20px;} .pop-form .contbox li .textarea{height: 120px;}}
@media (min-width: 1024px){.download li{width: 25%;} .download li .txtbox time{padding-top: 10px;}}
/*Bottom002641 */
.Bottom002641{padding-top: 3%; background: #e7eaef;}
.Bottom002641 .auto{max-width: 1000px;}
.Bottom002641 .bottom{padding-bottom: 3.5%;}
.Bottom002641 .bottom nav{width: 70%; float: left;}
.Bottom002641 .bottom nav dl{float: left; width: 24.8%; margin-right: 0%;}
.Bottom002641 .bottom nav dl:last-child{margin-right: 0;}
.Bottom002641 .bottom nav dt{border-bottom: 1px solid #ddd; font-size: 16px; padding-bottom: 10px; margin-bottom: 26px; color: #333; position: relative; font-weight: bold;}
.Bottom002641 .bottom nav dt::after{content: ''; position: absolute; width: 14px; height: 1px; bottom: 0; left: 0; background: #2762b2;}
.Bottom002641 .bottom nav dd{line-height: 24px; font-size: 12px;}
.Bottom002641 .bottom nav dd a{color: #7c7f84;}
.Bottom002641 .bottom nav dd a:hover{color: #3263af;}
.Bottom002641 .bottom nav li{float: left; width: 40%; padding: 1% 0; border-right: 1px solid #ddd; margin-top: 36px; margin-right: 10%;}
.Bottom002641 .bottom nav li:nth-child(2){margin-right: 0%; width: 45%;}
.Bottom002641 .bottom nav li img{float: left;}
.Bottom002641 .bottom nav li.li1 p{float: left; margin: 0; line-height: 20px; color: #ccc; font-size: 16px; padding: 7px 0 0 10px;}
.Bottom002641 .bottom nav li.li1 p b{font-size: 24px; display: block; color: #616266;}
.Bottom002641 .bottom nav li.li2{text-align: right;}
.Bottom002641 .bottom nav li.li2 p{float: left; margin: 0; line-height: 20px; color: #616266; font-size: 14px; padding: 7px 10px 0 0;}
.Bottom002641 .bottom nav li.li2 p b{font-size: 14px; display: block; color: #616266;}
.Bottom002641 .contact{width: 30%; float: right; text-align: left;}
.Bottom002641 .contact > p{margin: 0; font-size: 16px; color: #333; clear: both; font-weight: bold;}
.Bottom002641 .contact figure{line-height: 24px; font-size: 12px; color: #888; padding-top: 30px; padding-bottom: 14px;}
.Bottom002641 .contact figure b{font-size: 16px; font-weight: normal;}
.Bottom002641 footer{background: #2a2f35; padding: 1% 0;}
.Bottom002641 footer dd{float: left; color: #8f9297; line-height: 40px;}
.Bottom002641 footer dt{float: right;}
.Bottom002641 footer dd a{color: #8f9297; display: inline-block;}
.Bottom002641 footer dd a:hover{color: #fff;}
.Bottom002641 footer dd a::after{display: inline-block; content: ''; width: 1px; height: 10px; background: #fff; opacity: 0.2; margin: 0 10px; vertical-align: middle;}
.Bottom002641 footer dd a:last-child{margin-right: 20px;}
.Bottom002641 footer dd a:last-child::after{display: none;}
.Bottom002641 .bdsharebuttonbox a{margin: 3px 10px 0 0; float: left; background: url(../images/Bottom002641_share.png) no-repeat left center; width: 32px; height: 32px; padding: 0; border-radius: 50%; border: 1px solid #464a53;}
.Bottom002641 .bdsharebuttonbox a.bds_tsina{background-position: -5px -5px;}
.Bottom002641 .bdsharebuttonbox a.bds_weixin{background-position: -56px -5px;}
@media (max-width: 1200px){.Bottom002641 footer dd, .Bottom002641 footer dt{float: none;}}
@media (max-width: 1024px){.Bottom002641 .bottom nav{display: none;} .Bottom002641 .contact{text-align: center; width: auto; float: none;} .Bottom002641 .code{margin: 15px auto; float: none;} .Bottom002641 .bottom{padding-bottom: 2%;}}
@media (max-width: 640px){.Bottom002641{padding-top: 30px;} .Bottom002641 .contact > p{font-size: 20px;} .Bottom002641 .contact figure{padding-top: 20px;} .Bottom002641 footer{text-align: center;} .Bottom002641 footer dt{display: block;} .Bottom002641 .bdsharebuttonbox{display: none;} .Bottom002641 .bdsharebuttonbox a{margin: 0 5px 10px;} .Bottom002641 footer p{text-align: center; width: 100%; float: none;} .Bottom002641 footer dd a:last-child::after{display: none;}}
.bd_weixin_popup,
.bd_weixin_popup *{box-sizing: content-box;}
/*# sourceMappingURL=./whir_css.css.map */
@media (min-width: 1400px){
.Top001816 .heng{width: 1400px;
	    margin-left: -582px;
  }

}
.maincontent .Content .link li{ display: inline-block; padding: 5px 15px; border:1px solid #999;margin: 5px 7px; }
/*.contain.home  .HomrPro{ max-width: 1400px;  }
@media screen and (min-width:1200px ) {
.contain.home  .HomrPro .list li{ width: 25%; }	
}
*/


    .joblist {
        padding: 0;
    }

    .joblist li {
        width: 100%;
        box-sizing: border-box;
        position: relative;
        margin-bottom: 15px;
        padding: 40px 20px;
        background-color: #f1f1f1;
        cursor: pointer;
        margin-left: 0;
        margin-right: 0;
        list-style: none;
    }

    .joblist li .jobdate {
        color: #a8b4c0;
        font-size: 43px;
        font-family: dincond_medium, sans-serif;
        letter-spacing: -2px;
        padding-top: 35px;
    }

    .joblist li .fl {
        float: left;
    }

    .joblist li .jobcontent {
        margin-right: 5%;
        max-width: 750px;
    }

    .joblist li .fr {
        float: left;
        padding-left: 5%;
    }

    .joblist li .jobcontent>h1 {
        margin-bottom: 5px;
    }

    .joblist li .jobcontent>h1,
    .joblist li .jobcontent>h2 {
        color: #213846;
        font-size: 16px;
        font-weight: bold;
    }

    .joblist li .jobcontent>h1,
    .joblist li .jobcontent>h2 {
        color: #213846;
        font-size: 16px;
        font-weight: bold;
    }

    .joblist li .jobcontent .jobdetail {
        margin-top: 15px;
        display: none;
    }

    .joblist li .jobcontent .jobdetail h1 {
        margin-bottom: 15px;
        color: #2180f6;
        font-size: 16px;
        font-weight: bold;
    }

    .joblist li .jobcontent .jobdetail p {
        margin-bottom: 15px;
        color: #474747;
    }

    .joblist li .jobcontent a.join_uploadbtn {
        margin-top: 30px;
        padding: 10px 40px;
        color: #2180f6;
        font-weight: bold;
        border-radius: 30px;
        border: 1px solid #2180f6;
        display: inline-block;
        -webkit-transition: all 400ms;
        transition: all 400ms;
    }

    .clearfix:after {
        content: "\200B";
        display: block;
        height: 0;
        clear: both;
    }
  @media(max-width: 1367px){
  	.Top001816 .heng{margin-left: -572px;}
  }