@charset "utf-8";
/* CSS Document */
body{ font-size:100%;line-height:1.1; width:100%; min-width: 1200px; position:relative; font-family:"微软雅黑",arial,sans-serif; overflow-x:auto; background: #fff; padding-top: 7.75rem;  }
*{ padding:0; margin:0;}
img{ max-width:100%;}
#bdshare_weixin_qrcode_dialog *,#bdshare_weixin_qrcode_dialog{ box-sizing:content-box; }
.j_tab{ display:table; width:100%; height:100%;}
.j_tab_cel{ display:table-cell; vertical-align:middle; width:100%; height:100%;}
*{ margin:0; padding:0; outline:none; }
a{ color:inherit;}
a:focus{ outline: none !important;}
h4, .h4, h5, .h5, h6, .h6,h1, .h1, h2, .h2, h3, .h3,p{ margin:0;}
h5{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
h5 a{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
img{ max-width:100%; max-height:100%;}
.img img{ width:100%; height:100%; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; }
.img:hover img{ transform: scale(1.1) rotate(.1deg); -webkit-transform: scale(1.1) rotate(.1deg); -moz-transform: scale(1.1) rotate(.1deg); -ms-transform: scale(1.1) rotate(.1deg); -o-transform: scale(1.1) rotate(.1deg); }
li:hover .img img{ transform: scale(1.1) rotate(.1deg); -webkit-transform: scale(1.1) rotate(.1deg); -moz-transform: scale(1.1) rotate(.1deg); -ms-transform: scale(1.1) rotate(.1deg); -o-transform: scale(1.1) rotate(.1deg); }
svg{ max-width:100%; max-height:100%;}
table{ width:100%;}
.m1100{ width:1100px; margin:0 auto; display: block; position:relative;}
.m{ max-width: 1200px; height:100%;margin: 0 auto; display: block; position:relative;}
.m1280{max-width: 1280px; width:100%; height:100%; margin: 0 auto; padding:0 40px; display: block; position:relative;}
.m1360{max-width: 1360px; width:100%; height:100%; margin: 0 auto; display: block; position:relative;}
.m1400{max-width: 1540px; width:100%; height:100%; margin: 0 auto; padding:0 70px; display: block; position:relative;}
.m1600{max-width: 1600px; width:100%; height:100%; margin: 0 auto; display: block; position:relative;}
.m1689{max-width: 1689px; width:100%; height:100%; margin: 0 auto; display: block; position:relative;}
.m1900{max-width: 1900px; width:100%; height:100%; margin: 0 auto; display: block; position:relative;}
.pad_top{ padding-top:65px;}
.pad_bot{ padding-bottom:65px;}
.pad_aside{ padding-left:45px; padding-right:45px;}
.draw_h{ width: 67px !important; height: 67px !important; line-height: 65px !important; display:block; border-radius: 50%; text-align: center; position:relative;}
.draw_h:before{ content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; border: 2px solid rgba(100%,100%,100%,.5); border-radius: 50%;}
svg.drawcircle{position:absolute;top:0;left:0;overflow: inherit;display: block;pointer-events: none;}
svg.drawcircle circle {
	fill: none; box-sizing:border-box;
	stroke-width: 2;
	stroke: none;
	stroke-dasharray: 0 , 188.49;
	stroke-dashoffset:188.49;
	transition: all .3s linear 0s;	
}
.draw_h:hover svg.drawcircle circle { 
    stroke:#fff;
	stroke-dasharray:188.49 , 0;
	stroke-dashoffset:188.49;
	-webkit-transition: all .7s cubic-bezier(0.11, 0.57, 0.58, 1);
	transition: all .7s cubic-bezier(0.11, 0.57, 0.58, 1);
}
.draw_h .icon { fill: #626262; vertical-align: middle; transition:.3s;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.draw_h:hover .icon{ fill:#0081cc;}
/*===========================header=============================*/
body{background: url(../images/body_bg.jpg) center top no-repeat;}
#header{ position: relative; height:7.75rem; z-index:999; border-bottom: 1px solid rgba(0, 0, 0, 0.1); width:100%; min-width: 1200px; position:fixed; top:0; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#header .m{ height:100%; max-width: 100%; padding:0 50px;}
#logo{ float:left; height:100%; width:28%;}
#logo img{ }
#header .fr{ width: 69%;}
#nav{padding-left: 1px;float: left;width: 100%;}
#nav ul{
 display: flex;
}
#nav ul li{float:left;position:relative;z-index:1;margin-left: -1px;flex-grow: 1;text-align: center;}
#nav ul li:before{ content: ""; display: block; position: absolute; z-index: -1; width: 100%; height: 0; left: 0; bottom: 0; border: 1px solid #017dc1; opacity: 0; border-top: 0; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#nav ul li a{display:block;text-transform:uppercase;}
#nav ul li h3{ font-size:1rem; color:#232323; font-weight: bold; line-height:7.75rem; padding:0 10px; overflow:hidden; position:relative; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#nav ul li.on h3,#nav ul li:hover h3{ color:#0084cd;}
#nav ul li.on:before,#nav ul li:hover:before{ height: 100%; opacity: 1; }
#nav ul li .sub{position:absolute;top:100%;background:rgba(59,136,228,.9);width: 100%;left: 0;z-index: 10000;display: none;}
#nav ul li .sub .box{ text-align: center; padding: 10px
    ;}
#nav ul li .sub a{ padding:0; line-height:2; color: #fff; transition:.3s; font-size:15px;}
#nav ul li .sub a:hover{ color:#fff; padding-left: 10px;}
.head_bot{ padding: 1.25rem 0;} 
.head_bot .m{ max-width: 100%; letter-spacing: 5rem; padding:0 50px;} 

#header.xg{ height:6rem; background: #fff; }
#header.xg #nav ul li h3{ line-height: 6rem;}

.tc{ transition:all ease 300ms; position: fixed; width: 100%; height: 100%;  top: 0; left: 0; z-index:9999999999; pointer-events: none; visibility:hidden; opacity:0;  transition:.5s;}
.tc[name=tc_search]{ opacity:1;}
.tc.act{  display: block;  pointer-events: auto; visibility:visible; opacity:1;}
.tc-box{
  box-sizing:border-box; z-index:999;
  display: block;
  position:relative;
  }
/*.tc.act .tc-box{ -webkit-animation-name: anim-open-2; animation-name: anim-open-2; transform:scale(1);}*/
.tc_close{ position: absolute; cursor:pointer; color:#e13a39; font-size:30px; right: 1.75rem; top: 1.75rem;}
.tc_bg { height: 100%; background: rgba(0,0,0,.85); position: absolute; top: 0; left: 0; width: 100%; z-index: 0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; transition:.5s; }
.tc.act .tc_bg{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; transition:.5s; }
 

/***********************/
/*手机导航开始*/
#m_header{ display:none; height:4.5rem; position:fixed; top:0; width:100%; z-index:999; transition:0s 1.5s; background: #fff;}
#m_header .m{ position:relative; height:100%;}
#m_logo{ transition:0s 1.5s; height:100%; visibility:visible; float: left;}
#m_logo img{ display:block; max-height: 60%;}
/*导航按钮开始*/
#nav_btn_box{ height:100%; z-index:999999999; margin-left:20px; position:fixed; height:4.5rem; right:0; top: 0; display:none; }
#nav_btn_box.on{ background:none;  }
#nav_btn{}
#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before{ background:#fff;}
#nav_btn{ cursor: pointer; text-align: center;z-index:99999; padding-bottom:4px; transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s; outline:none; box-shadow:none;}
#nav_btn .point{display: inline-block;width: 1.875rem;height: 22px; position: relative; outline:none;}
#nav_btn .point:hover .navbtn,
#nav_btn .point:hover .navbtn::after,
#nav_btn .point:hover .navbtn::before{width: 1.75rem;}
#nav_btn .navbtn{position: absolute;top: 12px;left: 0;display: inline-block;width: 21px;height: 1px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;/* background: #333; */}
#nav_btn .navbtn::after,
#nav_btn .navbtn::before{position: absolute;left: 0;display: inline-block;width: 1.75rem;height: 3px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #939393;}
#nav_btn .navbtn::after{top: -5px;}
#nav_btn .navbtn::before{top: 5px;}
#nav_btn .point.on .navbtn{background: transparent;}
#nav_btn .point.on .navbtn::after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;}
#nav_btn .point.on .navbtn::before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px;}
/*导航按钮结束*/
.m_nav_list{flex-direction:column; justify-content: flex-start; width:100%; overflow: auto;}
.m_nav_list::-webkit-scrollbar {display:none}
#m_nav { z-index: 99999; position: fixed; background:#0071ef; width:22rem;  height:100vh; right: -400px; top: 0; display:none; padding:50px 0; overflow:hidden; 
    pointer-events: none;
    transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -webkit-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -moz-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -o-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -ms-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;}
#m_nav.act{ pointer-events: auto; right:0;}
#m_nav>ul>li{ width:100%; overflow:hidden; padding:0 2.3rem; }
#m_nav>ul>li+li{ border-top:1px solid rgba(255, 255, 255, 0.1);}
#m_nav li .a{  }
#m_nav li .a h3{ line-height:4.5rem; height:4.5rem; color:#fff; padding:0; font-size:1.125rem; float:left;}
#m_nav li .a span{ display:block; position:absolute; top:0; right:10px; width: 20px; height: 50px; text-align:center;}
#m_nav li .a span i{ font-size:0;}
#m_nav .title .a i{  opacity:1;filter:alpha(opacity=100); display:inline-block; width:10px; height:4.5rem; float:right; display:inline-block; background: url(../images/arrow_down.svg) center no-repeat; background-size:contain;}
#m_nav li.on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}
#m_nav .on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}
#m_nav li{display:block;width:100%;}
.slide_nav{ position: absolute; left:0; height: 70px; z-index: 998; padding:15px; top:0; width: 100%; }
#m_nav .title .list{display:none;position:relative;width:100%;z-index:9;left:0;margin-left:0;background:none;border:0;clear: both;padding-bottom:10px;}
#m_nav .title .list span{ background:none; }
#m_nav .title .list span a:hover{ color: #014085;}
#m_nav .title .list a{display:block;font-size:1rem;color: #fff;text-align:left;line-height:35px;height: 35px;border:0;font-weight:300;}
/*三级导航 开始*/
#m_nav .title .list .void>a{background-size:10px; position:relative;}
#m_nav .title .list .void>a:before{ content:"·"; position:absolute; left:-1em; font-size:12px; font-weight:bold;}
#m_nav .title .list span{ position:relative; display:block;}
#m_nav .title .list span .sub{ position: static; width:100%;display: block !important; overflow:hidden;}
#m_nav .title .sub a{ background:none; font-size:.875rem; opacity:.8; min-width:50%; float:left; display:inline-block; color:#999;}
.nav_mask { position: fixed; top: 0; left: 0;width: 100%;height: 100%;z-index: 888;background-color: rgba(0,0,0,0.4);display: none;}

/*顶部搜索*/
.wap_search{ font-size:16px;border-radius: 5px; color:#fff;text-align:center; font-family:arial;letter-spacing:2px;line-height:40px; transition:height .4s ease-in-out;-webkit-transition:height .4s ease-in-out;overflow:hidden; width: 100%;}
.wap_search form{height:40px;border-radius:20px;border: 1px solid rgba(255,255,255,.6);position:relative;width: 18rem; margin: 20px auto; }
.wap_search .input{ font-size:.875rem; color:#fff; height:38px; line-height:38px; padding:0 1rem; box-shadow:none;-webkit-appearance: none;float:left;border-right: 0; background:none;}
.wap_search .btn_blue{ position:absolute; cursor:pointer; top:0; right:0; width: 40px;height:38px; line-height:38px; border:0; background:url(../images/seach_white.svg) center no-repeat; background-size: 1.5rem;}
.wap_search .btn_blue.fr{ background:#e9edef; color:#4e4f53;}
.wap_search input::-webkit-input-placeholder{ color:#fff; color: rgba(255,255,255,.7); }
.wap_search input::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#fff; color: rgba(255,255,255,.7); }
.wap_search input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */ color:#fff; color: rgba(255,255,255,.7); }
.wap_search input:-ms-input-placeholder{  /* Internet Explorer 10-11 */  color:#fff; color: rgba(255,255,255,.7); }/* WebKit browsers */
.wap_search input:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */}/* Mozilla Firefox 4 to 18 */
.wap_search input:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */
.wap_search input:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */
.wap_search input:focus:-ms-input-placeholder {color: transparent;}/* 点击搜索框获取焦点 placeholder消失-结束 */
 
/*首页banner*/
#banner{ width: 100%; max-width: inherit; padding:0 50px;}
#banner .m{ max-width: inherit; padding: 0 3.75rem;}
#banner .swiper-container { height:49rem;  }
#banner .swiper-slide { overflow: hidden;}
#banner .slide-inner { position: absolute;  width: 100%; height: 100%;left: 0; top: 0; background-size: cover; background-position: center; background-repeat: no-repeat !important;}
#banner .txt{ color: #fff;}
#banner .txt h3{ font-size: 1.875rem; color: #fff; font-weight: bold;}
#banner .txt h4{ font-size: 3.875rem; font-weight: bold; margin-top: 1rem;}
#banner .txt span{ font-size: .93758rem; text-transform: uppercase; display: block; margin-top: 1.125rem;}
#banner .txt a{ font-size:1rem; color: #017dc1; font-weight: bold; display: block; width: 14.25rem; height: 3.4375rem; line-height: 3.4375rem; text-align: center; background: #fff; border-radius: 1.75rem; font-weight: bold; margin-top: 2.875rem; -webkit-border-radius: 1.75rem; -moz-border-radius: 1.75rem; -ms-border-radius: 1.75rem; -o-border-radius: 1.75rem; }
 
#banner .swiper-pagination{ width: 11px; position: absolute; top: 35%; right: 60px; left: auto;}
#banner .swiper-pagination span{ display: block; width: 11px; height: 11px; margin-bottom: 24px; position: relative; background: url(../images/bot.png) center 11px no-repeat; opacity: 1 !important; transition:.5s ; -webkit-transition:.5s ; -moz-transition:.5s ; -ms-transition:.5s ; -o-transition:.5s ; }
#banner .swiper-pagination span:before{ content: ""; display: block; width: 11px; height: 11px; position: absolute; left: 0; top: 0; border: 1px solid rgba(255,255,255,.4); transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
#banner .swiper-pagination span:after{ content: ""; display: block; width: 1px; height: 0; left: 50%; margin-left: -.5px; position: absolute; top: 11px; background: #fff;}
#banner .swiper-pagination span.swiper-pagination-bullet-active{height: 95px; }
#banner .swiper-pagination span.swiper-pagination-bullet-active:before{ background: #fff; }
#banner .swiper-pagination span.swiper-pagination-bullet-active:after{ animation: anim-h 3s forwards; -webkit-animation: anim-h 3s forwards; }

@-webkit-keyframes anim-h {
    0% { height: 0; }
    100% { height: 84px; }
}
@keyframes anim-out-pseudo {
    0% { height: 0; }
    100% { height: 84px; }
}

.s_btn_r{width: 9.0625rem; background: #0084cd; height: 2.8125rem; line-height: 2.8125rem; border-radius: 1.75rem; text-align: center; display: block; font-size: .875rem; color: #fff; text-decoration: none; letter-spacing:1px;}
.s_btn_r .arrow{ display: inline-block; vertical-align: middle; width: 0; height: 18px; position: relative; font-size: 0; line-height: .5rem; transition: 1s; }
.s_btn_r .arrow font{ width: 23px; display: inline-block; position: absolute; left: -20px; top: 0; transition: .7s;}
.s_btn_r font svg{ width: 7px; height: 1rem; transition: .5s;}
.s_btn_r font svg.arrow01{ width: 4px; opacity: .4;}
.s_btn_r font svg.arrow02{ width: 5px; opacity: .8;}
.s_btn_r font svg.arrow03{ opacity:1;}
.s_btn_r font.font1 svg.arrow01{ width: 9px; opacity:0; }
.s_btn_r font.font1 svg.arrow02{ width: 6px;opacity:0; }
.s_btn_r font.font1 svg.arrow03{ width: 5px;opacity:0; }
.s_btn_r:hover{ letter-spacing: 0;}
.s_btn_r:hover .arrow{ width: 23px;}
.s_btn_r:hover font{  -webkit-transform: translate3d(15px, 0, 0px);   }
.s_btn_r:hover font.font2 svg.arrow01{-webkit-transform: translate3d(6px, 0, 0px); opacity: 0; width: 9px; }
.s_btn_r:hover font.font2 svg.arrow02{-webkit-transform: translate3d(8px, 0, 0px); opacity: 0; width: 6px; }
.s_btn_r:hover font.font2 svg.arrow03{-webkit-transform: translate3d(10px, 0, 0px);  opacity: 0;width: 5px; }
.s_btn_r:hover font.font1 svg.arrow01{-webkit-transform: translate3d(6px, 0, 0px); opacity: .4;  width: 5px;}
.s_btn_r:hover font.font1 svg.arrow02{-webkit-transform: translate3d(8px, 0, 0px);  opacity: .8; width: 6px;}
.s_btn_r:hover font.font1 svg.arrow03{-webkit-transform: translate3d(10px, 0, 0px); opacity: 1; width: 9px; }

 .s_tt{ text-align: center; margin-bottom: 38px;}
 .s_tt h3{ font-size: 30px; color: #232323; font-weight: bold; margin-bottom: 6px;}
 .s_tt p{ font-size: 14px; color: #bcbcbc; }

#s_pro{}
#s_pro .hd{ max-width: 1035px; margin: 0 auto; margin-bottom: 42px;}
#s_pro .hd ul{}
#s_pro .hd ul li{ padding: 0 15px;}
#s_pro .hd ul li a{ display: block; text-align: center; font-size: 16px; color: #888888; font-weight: bold; height: 55px; line-height: 53px; overflow: hidden; border: 1px solid #e5e5e5; position: relative; z-index: 1; border-radius: 28px; -webkit-border-radius: 28px; -moz-border-radius: 28px; -ms-border-radius: 28px; -o-border-radius: 28px; transition:all ease 600ms; -webkit-transition:all ease 600ms; -moz-transition:all ease 600ms; -ms-transition:all ease 600ms; -o-transition:all ease 600ms; }
#s_pro .hd ul li.slick-current a:before{ border:1px solid #017dc1;}
#s_pro .hd ul li a:after{ content:""; position: absolute; right: 0; top: 0; display: block; height:100%; width:0; background:#017dc1; transition:all ease 600ms; z-index:-1; -webkit-transition:all ease 600ms; -moz-transition:all ease 600ms; -ms-transition:all ease 600ms; -o-transition:all ease 600ms; }
#s_pro .hd ul li.slick-current a:after{ width:100%; left:0; right:auto;}
#s_pro .hd ul li.slick-current a{ color:#fff;  }


#s_pro .bd{}
#s_pro .bd ul{ margin: 0 -15px; margin-top: -30px;}
#s_pro .bd ul li{ width: 25%; float: left; padding: 0 15px; margin-top: 30px;  }
#s_pro .bd ul li a{ display: block; border: 1px solid #e5e5e5; padding: 6px; position: relative; z-index: 1;}
#s_pro .bd ul li a:before{ content: ""; display: block; width: 0; height: 3px; background: #017dc1; position: absolute; right: 0; bottom: 0; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#s_pro .bd ul li a:hover:before{ width: 100%; left: 0; right: auto;}
#s_pro .bd ul li a .img{ }
#s_pro .bd ul li a .img img{ display: block; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; }
#s_pro .bd ul li a:hover .img img{ transform: scale(1.1) rotate(.1deg); -webkit-transform: scale(1.1) rotate(.1deg); -moz-transform: scale(1.1) rotate(.1deg); -ms-transform: scale(1.1) rotate(.1deg); -o-transform: scale(1.1) rotate(.1deg); }
#s_pro .bd ul li .txt{ text-align: center; padding: 26px 0; }
#s_pro .bd ul li .txt h5{ font-size: 16px; color: #232323; font-weight: bold; }
#s_pro .bd ul li .txt p{ font-size: 14px; color: #bcbcbc; margin-top: 10px; margin-bottom: 23px;}
#s_pro .bd ul li .txt span{ font-size: 14px; color: #232323; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#s_pro .bd ul li:hover .txt span{ color: #017dc1;}
#s_pro .btn_more{ margin: 0 auto; margin-top: 50px;}
.btn_flashcenter{ display: block; width: 187px; font-weight: bold; position: relative; overflow: hidden; height: 50px; border-radius: 25px; background: #017dc1; text-align: center; line-height: 50px; color: #fff; font-size: 16px; transition: 0.52s; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; }
.btn_flashcenter .anim { -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); position: absolute; top: 50%; left: 50%; }
.btn_flashcenter .anim:before { position: relative; content: ''; display: block; margin-top: 100%; }
.btn_flashcenter .anim:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; }
.btn_flashcenter:hover .anim { -moz-animation: anim-out 0.75s; -webkit-animation: anim-out 0.75s; animation: anim-out 0.75s; }
.btn_flashcenter:hover .anim:after { -moz-animation: anim-out-pseudo 0.75s; -webkit-animation: anim-out-pseudo 0.75s; animation: anim-out-pseudo 0.75s; }
@-webkit-keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}
@-moz-keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
} 
@-ms-keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}
@keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}
@-webkit-keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}
@-moz-keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}
@-ms-keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}
@keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}

#s_about{ width: 100%; height: 860px; overflow: hidden; background: url(../images/s_about_bg2.jpg) center no-repeat; padding-top: 90px;}
#s_about .s_tt{ text-align: left;}
#s_about .s_tt h3{ color: #fff;}
#s_about .s_tt p{ color: rgba(255,255,255,.4); margin-bottom: 32px;}
#s_about .s_tt i{ display: block; width: 30px; height: 3px; background: #fff;}
#s_about .con{ font-size: 15px; line-height: 30px; color: rgba(255,255,255,.8); }
#s_about .box{ width: 640px;}

.s_rukou{ margin-top: 80px;}
.s_rukou ul{ display: flex; justify-content: space-between;}
.s_rukou ul li{ float: left; text-align: center; }
.s_rukou ul li a{ display: block; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s;}
.s_rukou ul li font{ display: block; height: 30px;}
.s_rukou ul li font img{}
.s_rukou ul li h5{ font-size: 16px; color: #fff; color: rgba(255,255,255,.8); font-weight: bold; margin-top: 15px;}
.s_rukou ul li i{ color: #fff; margin-top: 18px; display: block; opacity: 0; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.s_rukou ul li:hover i{ opacity: 1;}
.s_rukou ul li:hover a{ transform: translateY(-20px); -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); }

#s_case{ width: 100%; overflow: hidden;}
#s_case .hd{ max-width: 520px; margin: 0 auto; margin-bottom: 42px;}
#s_case .hd ul{}
#s_case .hd ul li{ padding: 0 15px;}
#s_case .hd ul li a{ display: block; font-size: 16px; font-weight: bold; color: #888888; text-align: center; height: 55px; line-height: 53px; overflow: hidden; border: 1px solid #e5e5e5; position: relative; z-index: 1; border-radius: 28px; -webkit-border-radius: 28px; -moz-border-radius: 28px; -ms-border-radius: 28px; -o-border-radius: 28px; transition:all ease 600ms; -webkit-transition:all ease 600ms; -moz-transition:all ease 600ms; -ms-transition:all ease 600ms; -o-transition:all ease 600ms; }
#s_case .hd ul li.slick-current a:before{ border:1px solid #017dc1;}
#s_case .hd ul li a:after{ content:""; position: absolute; right: 0; top: 0; display: block; height:100%; width:0; background:#017dc1; transition:all ease 600ms; z-index:-1; -webkit-transition:all ease 600ms; -moz-transition:all ease 600ms; -ms-transition:all ease 600ms; -o-transition:all ease 600ms; }
#s_case .hd ul li.slick-current a:after{ width:100%; left:0; right:auto;}
#s_case .hd ul li.slick-current a{ color:#fff;  }

#s_case .bd{}
#s_case .bd ul{ margin: 0 -15px; margin-top: -39px;}
#s_case .bd ul li{ width: 33.333%; float: left; padding: 0 15px; margin-top: 39px;  }
#s_case .bd ul li a{ display: block; position: relative; z-index: 1;}
#s_case .bd ul li a .img{ }
#s_case .bd ul li a .img img{}
#s_case .bd ul li a h5{ font-size: 16px; color: #232323; font-weight: bold; text-align: center; padding-top: 30px;}
#s_case .btn_more{ margin: 0 auto; margin-top: 50px;}

#s_fuwu{ width: 100%; height: 390px; overflow: hidden; background: url(../images/s_fuwu_bg.jpg) center no-repeat; }
#s_fuwu .m{ position: relative;}
#s_fuwu .s_tt{ text-align: left; margin-bottom: 85px;}
#s_fuwu .s_tt h3{ color: #fff;}
#s_fuwu .s_tt p{ color: rgba(255,255,255,.4); margin-bottom: 32px;}
#s_fuwu .s_tt i{ display: block; width: 30px; height: 3px; background: #fff;}
#s_fuwu .left{ float: left; width: 385px; float: left; padding-top: 69px;}
#s_fuwu .left .tel{ }
#s_fuwu .left .tel p{ font-size: 16px; color: #fff; }
#s_fuwu .left .tel p img{ margin-left: 12px; }
#s_fuwu .left .tel h4{ font-size: 42px; font-family: BarlowCondensed-SemiBoldItalic; color: #fff; }
#s_fuwu .right{ position: absolute; top: 0; left: 385px; width: 840px;}
#s_fuwu .right ul{}
#s_fuwu .right ul li{ width: 280px; height: 390px; float: left; text-align: center; position: relative;}
#s_fuwu .right ul li:before{ content: ""; width: 500px; height: 100%; position:absolute; left: -111px; top: 0; background: url(../images/s_fuwu_bg01.png) center no-repeat; opacity: 0; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#s_fuwu .right ul li:nth-child(2):before{ content: ""; width: 500px; height: 100%; position:absolute; left: -111px; top: 0; background: url(../images/s_fuwu_bg02.png) center no-repeat;}
#s_fuwu .right ul li:nth-child(3):before{ content: ""; width: 729px; height: 100%; position:absolute; left: -111px; top: 0; background: url(../images/s_fuwu_bg03.png) center no-repeat;}
#s_fuwu .right ul li a{ display: block; width: 100%; height: 100%; position: relative; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#s_fuwu .right ul li font{ display: block; height: 30px; text-align: center;}
#s_fuwu .right ul li font img{}
#s_fuwu .right ul li h5{ font-size: 16px; color: #fff; color: rgba(255,255,255,.8); font-weight: bold; margin-top: 15px;}
#s_fuwu .right ul li i{ color: #fff; margin-top: 18px; display: block; opacity: 0; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#s_fuwu .right ul li.on i{ opacity: 1;}
#s_fuwu .right ul li.on a{ transform: translateY(-20px); -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); }
#s_fuwu .right ul li.on:before{ opacity: 1;}

#s_news{ width: 100%; padding-bottom: 20px;}
#s_news .hd{ overflow: hidden;}
#s_news .hd .s_tt{ text-align: left; float: left; }
#s_news .hd .btn_more{ float: right;}
#s_news .bd{ overflow: hidden;}
#s_news .bd ul{ margin: 0 -15px;}
#s_news .bd ul li{ width: 33.333%; float: left; padding: 0 15px; position: relative; z-index: 1;}
#s_news .bd ul li:before{ content: ""; display: block; width: 100%; height: 1px; background: #e5e5e5; position: absolute; left: 0; top: 0;  }
#s_news .bd ul li a{ padding-top: 40px; display: block; position: relative;}
#s_news .bd ul li a:before{ content: ""; display: block; width: 30px; height: 1px; background: #000000; position: absolute; top: 0; left: 0;transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#s_news .bd ul li .img{}
#s_news .bd ul li .img img{}
#s_news .bd ul li .txt{ padding-top: 32px; padding-bottom: 44px; overflow:hidden;}
#s_news .bd ul li .txt h5{ font-size: 16px; color: #232323; font-weight: bold; margin-bottom: 16px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#s_news .bd ul li .txt p{ font-size: 14px; color: #bcbcbc; line-height: 25px; height: 50px; overflow: hidden; margin-bottom: 35px;}
#s_news .bd ul li .time{ float: left;font-family: BarlowCondensed-Regular; font-size: 16px; color: #000;}
#s_news .bd ul li .btn_r{ float: right; font-size: 14px; color: #404040;transition: .5s; }
#s_news .bd ul li a:hover:before{ width: 100%; background: #017dc1;}
#s_news .bd ul li a:hover .txt h5{ color:#017dc1;}
#s_news .bd ul li a:hover .txt .btn_r{ color:#017dc1;}

#footer{ width: 100%; overflow: hidden; background:#2a2a2a url(../images/foot_bg.jpg) center bottom no-repeat; padding-top: 80px;}
#footer .m{ display: flex; justify-content: space-between; max-width: inherit; padding:0 50px;}
#footer .left_con{ flex-grow: 1; max-width: 532px; margin-right: 50px;}
#footer .right_con{ flex-grow: 1; max-width: 1053px;}
.foot_logo{ margin-bottom: 40px;}
.foot_lianxi{    display: flex;
    justify-content: space-between;
    align-items: flex-end;}
.foot_lianxi .left{}
.foot_lianxi .left p{ font-size: 16px; color: rgba(255,255,255,.6);}
.foot_lianxi .left p img{ margin-left: 13px;}
.foot_lianxi .left h4{ font-size: 42px; font-family: BarlowCondensed-SemiBoldItalic; color: #017dc1; margin-bottom: 14px; }
.foot_lianxi .right{}
.foot_nav{ display: flex; justify-content: space-between;}
.foot_nav dl{ float: left;}
.foot_nav dl dt{ font-size: 16px; font-weight: bold; color: #fff; margin-bottom: 26px; }
.foot_nav dl dd{ font-size: 14px; color:rgba(255,255,255,.4); line-height: 30px; }
#footer dl a:hover{ color: #017dc1;}
.copyright a:hover{ color: #017dc1;}
.copyright{ margin-top: 130px;}

.s_foot_link{ height:40px; width:328px; cursor:pointer;overflow:visible;position: relative;text-align:left; max-width: 100%; }
.s_foot_link .tanchu{/* overflow:auto; */box-sizing:border-box;position:absolute;bottom: 52px;border-bottom:0;display: none;left: 0;right:-1px;z-index:1;border:1px solid #3a3a3a;}
.s_foot_link .tanchu>div:before {
    content: "";
    position: absolute;
    bottom: 1px;
    right: 50%;
    margin-right: -15px;
    height: 30px;
    width: 30px;
    background-color: #fff;
    border: 1px solid #eee;
    z-index: -1;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}
.s_foot_link .tanchu>div{max-height:200px;background: #fff;display:block;padding:10px 13px;overflow:auto;}
.s_foot_link .tanchu>div::-webkit-scrollbar {display:none}
.s_foot_link .tanchu a{ color: #7c7c7c; line-height: 27px; display:block; font-size: 13px;}
.s_foot_link .tanchu a:hover{ color: #0053a7; }
.s_foot_link #bnt_link1.a {padding-left:12px;color: #4b4948;border:1px solid #3a3a3a;text-align:left; width:100%;height:47px;float:left;box-sizing:border-box;text-decoration:none;position:absolute;z-index:1;right: 0;}
.s_foot_link #bnt_link1.a h5{ color:#fff;font-size:14px; font-weight: bold;line-height: 45px; max-width: calc(100% - 45px);display:inline-block;float:  left;}
.s_foot_link #bnt_link1.a h5 b{ font-weight:normal; margin-left:.75rem; font-weight: normal; font-size:14px; color:rgba(255,255,255,.6);}
.s_foot_link .a span{ display:inline-block; float:right; color:#919397; line-height:43px; width:10px; text-align:center; height:100%; margin-right:17px; position:absolute; right:0; top:0; }
.s_foot_link .a span svg{ height:43px;}

.copyright{ font-size: 14px; color: rgba(255,255,255,.4); background: #242424; line-height: 47px; padding: 17px 0;}

.n_banner{ text-align: center; padding:0 50px;}
/*内页导航*/
.n_nav_box{ position:relative; height:79px; line-height:79px; z-index: 2; border-bottom: 1px solid #e8e8e8; }
.n_nav{ float:right; }
.n_nav::-webkit-scrollbar{ display:none;}
.n_nav a{ font-size:16px; color:#404040;display:inline-block; margin-left: 34px; text-align:center; position:relative; z-index:1; transition: .5s;}
.n_nav a:before{ content:""; width:0; height:3px; display:block; background:#0881bf; position:absolute; bottom:0px; left:0; transition: .5s; z-index:-1;}
.n_nav a:hover:before,.n_nav a.on:before{ width:100%;}
.n_position{ text-align:right; float:left;  font-size:0; height: 79px; line-height:79px; color:#a6a6a6; background:url(../images/home_ico.png) left center no-repeat; padding-left:1.25rem; }
.n_position a{ font-size:13px; color:#7b7b7d; position:relative; transition:.2s;}
.n_position i{font-size: 0;color:#7b7b7d;display:inline-block;margin:0 .5rem;font-family:arial;border: 3px solid transparent;border-left: 4px solid #969696;position:  relative;top: -1px;}
.n_position em{ font-size:13px; color:#0881bf;}
.n_position a:hover{ color:#0881bf;}

#n_pro{}
#n_pro ul{ margin: 0 -15px; margin-top: -30px;}
#n_pro ul li{ width: 25%; float: left; padding: 0 15px; margin-top: 30px;  }
#n_pro ul li a{ display: block; border: 1px solid #e5e5e5; padding: 6px; position: relative; z-index: 1;}
#n_pro ul li a:before{ content: ""; display: block; width: 0; height: 3px; background: #017dc1; position: absolute; right: 0; bottom: 0; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#n_pro ul li a:hover:before{ width: 100%; left: 0; right: auto;}
#n_pro ul li a .img{ }
#n_pro ul li a .img img{ display: block; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; }
#n_pro ul li a:hover .img img{ transform: scale(1.1) rotate(.1deg); -webkit-transform: scale(1.1) rotate(.1deg); -moz-transform: scale(1.1) rotate(.1deg); -ms-transform: scale(1.1) rotate(.1deg); -o-transform: scale(1.1) rotate(.1deg); }
#n_pro ul li .txt{ text-align: center; padding: 26px 0; }
#n_pro ul li .txt h5{ font-size: 16px; color: #232323; font-weight: bold; }
#n_pro ul li .txt p{ font-size: 14px; color: #bcbcbc; margin-top: 10px; margin-bottom: 23px;}
#n_pro ul li .txt span{ font-size: 14px; color: #232323; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#n_pro ul li:hover .txt span{ color: #017dc1;}
 
#n_main{ padding-top: 62px; position: relative; padding-bottom: 60px; width:100%;}
/*翻页*/
.page { text-align:center; margin-top:3rem; font-size: 0;}
.page li{ display:inline-block; list-style: none; }
.page a{ padding:0 1rem; line-height:2.5rem; display:inline-block; border:1px solid #e2e2e2; border-radius: 2px; margin:0 0.375rem; color:#919191; font-size:1rem; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.page .on{ background:#0881bf;  color:#fff; border:1px solid #0881bf; }
.page a:hover{ background:#0881bf;  color:#fff; text-decoration:none; border:1px solid #0881bf;}
.page span{ line-height:2.5rem; display:inline-block; margin:0 8px; font-size:1rem; color:#919191; border-radius: 2px;}
.page input{ height:2.625rem; line-height:2.5rem; font-size: 1rem; display:inline-block; border:1px solid #e2e2e2; border-radius: 2px; background:none; width:2.5rem; text-align:center; color:#919191;}
.page button{ width:65px; cursor:pointer;height:2.625rem; line-height:2.5rem; display:inline-block; border-radius: 2px; border:1px solid #e2e2e2; font-size:1rem; color:#919191; background:none;}
.page button:hover{ background:#0881bf;  color:#fff; text-decoration:none; border:1px solid #0881bf;}

#n_news{}
#n_news ul{ margin: 0 -15px;}
#n_news ul li{ width: 33.333%; float: left; padding: 0 15px; position: relative; z-index: 1;}
#n_news ul li:before{ content: ""; display: block; width: 100%; height: 1px; background: #e5e5e5; position: absolute; left: 0; top: 0;  }
#n_news ul li a{ padding-top: 40px; display: block; position: relative;}
#n_news ul li a:before{ content: ""; display: block; width: 30px; height: 1px; background: #000000; position: absolute; top: 0; left: 0;transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#n_news ul li .img{}
#n_news ul li .img img{}
#n_news ul li .txt{ padding-top: 32px; padding-bottom: 44px; overflow:hidden;}
#n_news ul li .txt h5{ font-size: 16px; color: #232323; font-weight: bold; margin-bottom: 16px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#n_news ul li .txt p{ font-size: 14px; color: #bcbcbc; line-height: 25px; height: 50px; overflow: hidden; margin-bottom: 35px;}
#n_news ul li .time{ float: left;font-family: BarlowCondensed-Regular; font-size: 16px; color: #000;}
#n_news ul li .btn_r{ float: right; font-size: 14px; color: #404040;transition: .5s; }
#n_news ul li a:hover:before{ width: 100%; background: #017dc1;}
#n_news ul li a:hover .txt h5{ color:#017dc1;}
#n_news ul li a:hover .txt .btn_r{ color:#017dc1;}

#n_pro_xq{ overflow: hidden;}
#n_pro_xq .topbox{ position:  relative; overflow:hidden; margin-bottom:32px; padding-bottom: 40px; border-bottom: 1px solid #e5e5e5; }
#n_pro_xq .topbox .imgbox{ width:424px; float:left; overflow: hidden;}
#n_pro_xq .topbox .imgbox img{}
#n_pro_xq .topbox .txt{ width:calc(100% - 424px); float:left; padding-left:53px; padding-top:1.6rem;}
#n_pro_xq .topbox .txt .tt{ margin-bottom:2rem; font-size: 30px; color: #2f3133; font-weight: bold;}
#n_pro_xq .topbox .txt .tt i{ display: block; width: 25px; height: 3px; background: #0881bf; margin-top: 28px; margin-bottom: 38px;}
#n_pro_xq .topbox .txt .con{  font-size:15px; color:#676767; line-height:30px;  }
#s_pro.n_pro ul{ margin-top: -2.75rem;}
#s_pro.n_pro ul li{ margin-top: 2.75rem;}

.ar_article{font-size:15px; color:#676767; line-height:30px; text-align:justify; }
.ar_article p{font-size:15px; color:#676767; line-height:30px; padding-bottom:30px;}
.ar_article p:last-child{ padding-bottom: 0;}
.ar_article h4{ font-size: 18px; color: #0881bf; font-weight: bold; line-height: 34px;}	
.ar_article strong{ font-weight:bold;}
.ar_article td,.ar_article th{ padding:15px 30px; border: 1px solid #c6c5c5; font-size:1.125rem;}
.ar_article td p,.ar_article th p{ padding-bottom:0; margin-bottom:0; text-align: inherit;}
.ar_article img{ max-width:100%;}
.ar_article img{ margin-bottom: 30px;}
.ar_article a{ }
.ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5,.ar_article h6{ font-weight:bold;}
.ar_article ul li,
.ar_article ol li{ padding-bottom:0 !important; margin-bottom:0 !important; }
.ar_article ul li p,
.ar_article ol li p{ padding-bottom:0;  }
.ar_article ul,
.ar_article ol{ margin-bottom:15px;}


#n_pro_xq .slick-arrow{
	z-index:99;
	position:absolute;
	top:50%;
	margin-top:-21px;
	transform:translate(0,0);
	opacity:1;
	display:block;
	width: 42px;
	height: 42px;
	background-size:42px !important;
	transition:.3s ;
	-webkit-transition:.3s ;
	-moz-transition:.3s ;
	-ms-transition:.3s ;
	-o-transition:.3s ;
}
#n_pro_xq .slick-prev{ left:25px;background:url(../images/n_pro_left.png) left center no-repeat;
	transition:300ms;-webkit-transition:300ms;}
#n_pro_xq .slick-next{ right:25px; background:url(../images/n_pro_right.png) right center no-repeat;
	transition:300ms;-webkit-transition:300ms;}
.slick-prev:before, .slick-next:before{ display:none;}

#n_pro_xq .slick-prev:hover{background:url(../images/n_pro_left_on.png) left center no-repeat;}
#n_pro_xq .slick-next:hover{background:url(../images/n_pro_right_on.png) left center no-repeat;}

.n_tt{ margin-bottom: 33px;}
.n_tt h3{ font-size: 26px; color: #393939; font-weight: bold;}
.n_tt span{ font-size: 14px; color: #a4a4a4; font-family:arial; font-weight: normal; text-transform: uppercase;}
.n_tt i{ display: block; width: 30px; height: 3px; background: #0881bf; margin-top: 25px; }

#n_about{}
#n_about .txt{ width: 664px;}
#n_about .pic{ width: 471px;}

#n_lianxi{ }
#n_lianxi .box{ position: relative; padding:76px 50px; border: 1px solid #e8e8e8; overflow: hidden; background: url(../images/n_lianxi_bg.jpg) right bottom no-repeat; margin-bottom: 3.125rem;}
#n_lianxi .box:before{ content: ""; display: block; width: 100%; height: 5px; background: #0881bf; position: absolute; left: 0; top: 0;}
#n_lianxi .txt{ float: left;}
#n_lianxi .txt h3{ font-size: 24px; color: #242424; font-weight: bold; margin-bottom: 1.75rem; position: relative;}
#n_lianxi .txt h3:before{ content: ""; display: block; width: 5px; height: 23px; background: #0881bf; position: absolute; left: -25px; top: 2px;}
#n_lianxi .con{ font-size: 1rem; color: #6b6b6b; line-height: 1.875rem;}
#n_lianxi .ewm{ text-align: center; width: 8.9375rem; float: left; margin-left: 10rem;}
#n_lianxi .ewm img{ height: 8.9375rem; border: 1px solid #e5e5e5;}
#n_lianxi .ewm p{ margin-top: .8rem; font-size: 1rem; color: #6b6b6b;}

#n_join #list_slide{  position:relative; margin-bottom: 50px;}
#n_join #list_slide dl{ background:#f5f5f5;  position: relative; margin-bottom:10px; }
#n_join #list_slide dt{ position:relative;border:1px solid #edf0f2; cursor:pointer; height:65px; transition:.5s;  }
#n_join #list_slide dt.on{ background:#0881bf;border:1px solid #0881bf; }
#n_join #list_slide dt h1{  color:#505050; padding-left:32px; font-size:16px; line-height:65px; overflow:hidden; background:url(../images/ico_s.png) right center no-repeat;  display:block; margin-right:32px;}
#n_join #list_slide dt h1 b{ display:block; width:565px; float:left; font-weight:normal; font-size: 18px; }
#n_join #list_slide dt h1 span{ font-size:14px; width:268px; float: left; float:left;}
#n_join #list_slide dt.on h1{ color:#fff;}
#n_join #list_slide dd{ display:none; line-height:32px;  padding: 0px 32px; padding-bottom:15px;}
#n_join #list_slide dd p{  margin-bottom:0;}
#n_join #list_slide dd p:last-child{ padding-bottom:0;}
#n_join #list_slide dd .content{ padding:25px 0 15px 0px;}
#n_join #list_slide dd .content { color:#5f5f5f; font-size:16px; line-height:32px;}
#n_join #list_slide dd .content p{ margin-bottom:20px; color:#5f5f5f; font-size:16px; line-height:32px;}
#n_join #list_slide dt.on h1{ background:url(../images/ico_s_on.png) right center no-repeat ;  }
#n_join #list_slide dt.on h1 b{ font-weight: bold;}
#n_join #list_slide .btn_toudi{ width:100px; height:35px; display:block; text-align:center; line-height:35px; color:#fff; font-size:13px; border-radius:3px; background:#0e4da1; margin-bottom:20px;}
#n_join #list_slide .btn_toudi:hover{ background:#0e4da1;}



/*新闻详情*/
#n_news_xq{ width:100%; overflow:hidden; }
.ar_title{margin-bottom:2rem;border-bottom:1px solid #e5e5e5;padding-bottom: .6rem;position:relative; }
.ar_title h3{font-size:22px;color:#404040;font-weight:bold;margin-bottom: 1.1rem;}
.ar_title h3 i{ display: inline-block; width: 5px; height: 20px; position: absolute; left: -22px; top: .125rem;}
.ar_title h3 i:before{ content:""; display: block; width: 100%; height: 100%; background: #0881bf; left: 0; top: 0;}
.ar_title h4 { overflow: hidden;}
.ar_title .time{ font-size:.875rem; color:#6d6d6d; display: inline-block; margin-bottom:1rem; line-height:1rem;}
.ar_title .time font{ width:.9rem; height:1.125rem; float: left; margin-right:.5rem;}
.ar_title .time font svg{ max-width:100%; max-height:100%;}
.ar_title h4 span{ font-size:.875rem; color:#404040; margin-right:2.5rem; float: left; line-height: 35px;}
.ar_title .butie{ float:right; font-size:1.125rem; color:#383838; margin-top:-2rem;}
.ar_title .butie b{ font-size:3.375rem; color:#f5c237; font-family:"Geometr706 BlkCn BT"; font-weight:normal;}
.ar_title .butie font{ font-size:1.5rem; color:#f5c237;}
 
#ar_fot{ margin-top:10px; position:relative; padding-bottom:3rem; width:100%; overflow:hidden;}
#ar_fot .inbox{ position:relative;}
#ar_fot h3{ display:block; font-size:14px; line-height:30px; color:#676869;width:35px; height:35px; transition:.3s; margin:0;}
#ar_fot h3 a{ display:block; width:35px; height:35px;}
#ar_fot h3 a svg{ max-width:100%; max-height:100%; }
#ar_fot h3 a svg *{ fill:#ccc;}
#ar_fot h3 a:hover{ color:#d9353c;}
#ar_fot h3.prev{ position: absolute; left:0; top:0;}
#ar_fot h3.next{ position: absolute; right:0; top:0; }
#ar_fot h3 a:hover svg *{ fill:#15499a;}
#ar_fot .bnt_back{ font-size:14px; width:160px; height:35px; line-height:35px; margin:0 auto; text-align:center; border:1px solid #ccc; border-radius:20px; transition:.3s;}
#ar_fot .bnt_back a{ display:block; font-size:14px; color:#7f7f7f; transition:.3s;}
#ar_fot .bnt_back:hover{ border:1px solid #15499a;}
#ar_fot .bnt_back:hover a{ color:#15499a; }

#piaofu_news{ position: absolute;
    left: 50%; height: 80%; 
    margin-left: -677px;
    top: 150px;
    z-index: 99; }
.fixbox.xg{ position: fixed !important; left:50% !important; margin-left: -800px; top:150px !important; z-index:99;}
#piaofu_news ul{position: sticky; 
    top: 100px;
    z-index: 99;}
#piaofu_news ul li{ position:relative; z-index:0;width:41px; height:41px; cursor:pointer; margin-bottom:20px; }
#piaofu_news ul li span{ position: absolute; opacity: 0; z-index: 9; padding-left: 5px; width:5.5rem; height: 41px; line-height: 41px; right: 100%; text-align: center; font-size: .875rem; color: #fff;}
#piaofu_news ul li font{ width:41px; height:41px; text-align:center; display:table-cell; vertical-align:middle; position: relative; z-index: 1;}
#piaofu_news ul li font img{ display: block; margin: 0 auto;}
#piaofu_news ul li font:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; right: 0; top: 0; z-index: -1; border:2px solid #a9a9a9; border-radius: 21px; transition: .3s;}
#piaofu_news ul li font:hover:before{ border: 2px solid #0881bf; background: #0881bf; width:calc(5.5rem + 41px); }
#piaofu_news ul li:hover span{ opacity: 1;}
/*==============分享插件=====================*/
h4 .bshare-custom {
    font-size: 13px;
    line-height: 35px !important;
    float: left;
}
.bshare-custom a{}
.bshare-custom .bshare-qqim { background: url(../images/share_qq.svg) center no-repeat !important; background-size: 13px !important; }
.bshare-custom .bshare-sinaminiblog { background: url(../images/share_weibo.svg) center no-repeat !important; background-size: 15px !important; }
.bshare-custom .bshare-weixin { background: url(../images/share_weixin.svg) center no-repeat !important; background-size: 16px !important;}

#n_licheng{ }
#n_licheng .m{ }
#n_licheng .left{ width: 600px; padding-top: 64px; padding-bottom: 64px; float: left; overflow: hidden;  position: sticky;position: -webkit-sticky; top: 100px;  }
#n_licheng .right{ width: 530px; padding-top: 64px; float: right; border-left: 1px solid #e5e5e5; padding-left: 55px;min-height: 690px; padding-bottom: 60px; }
#n_licheng .left .box{overflow: hidden;}
#n_licheng .left .img{ width: 480px; float: left;}
#n_licheng .left .tt{ float: right;}
#n_licheng dl{}
#n_licheng dt{ font-size: 30px; color: #353535; font-weight: bold; font-family: BarlowCondensed-SemiBold; position: relative; }
#n_licheng dt:before{ content: ""; display: block; width: 8px; height: 13px; background: url(../images/sanjiao.png) center no-repeat; position: absolute; left: -40px; top: 15px; opacity: 0; transform: translateX(20px); transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); }
#n_licheng dd{ font-size: 14px; line-height: 30px; color: #1f1f1f; padding-left: 20px; position: relative;}
#n_licheng dd:before{ content: ""; display: block; width: 7px; height: 7px; background: #1f1f1f; position: absolute; left: 0; top: 13px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
#n_licheng dl:hover dt:before{ opacity: 1; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); }
#n_licheng dl:hover dt{ color: #0881bf;}

#n_case{ margin-bottom: 10px; overflow: hidden;}
.pic03 ul{ margin: 0 -15px;}
.pic03 ul li{ width: 33.3333%; float: left; padding:0 15px;}
.pic03 ul li .img{ position: relative; overflow: hidden;}
.pic03 ul li .img img{}
.pic03 ul li .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; color: #fff; z-index: 1; font-size: .875rem; line-height: 2rem;}
.pic03 ul li .mask:before{ content: ""; position: absolute; right: 0; top: 0; width: 0; height: 100%; background:rgba(8, 130, 191, 0.8); z-index: -1; transition: .7s; }
.pic03 ul li .mask font{ width: 1.1875rem; height: 1.1875rem; display: inline-block; background: url(../images/jia.png) center no-repeat; background-size: contain; vertical-align: middle;margin: 0 1rem;}
.pic03 ul li .mask span{ opacity: 0; visibility: hidden; transform: translateY(15px); transition: .3s; display: inline-block;}
.pic03 ul li h5{ font-size: 16px; color: #232323; font-weight: bold; text-align: center; padding-top: 28px;margin-bottom:39px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.pic03 ul li h4{ font-size: 18px; color: #232323; text-align: center; overflow: hidden;margin-bottom:55px; text-overflow: ellipsis; white-space: nowrap; padding-top: 20px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
 
.pic03 ul li:hover .mask:before{ width: 100%; left: 0; right: auto;}
.pic03 ul li:hover .mask span{ opacity: 1; visibility: visible; transform: translateY(0); transition: .5s .3s; }

.pic03 ul li .pic{ position: relative; overflow: hidden; text-align: center; height: 256px; line-height: 256px; background: #f6f6f9;}
.pic03 ul li .pic img{ max-height: 90%; max-width: 90%;}
.pic03 ul li .mask p{ font-size: 18px; color: #fff; font-weight: bold; margin-bottom: 5px;}
.pic03 ul li:hover h4{ opacity: 0; transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }