@charset "utf-8";
/* CSS Document */
@font-face{ font-family: font_shuzi; src: url(../fonts/BarlowCondensed-Medium.ttf);}
@font-face{ font-family: font_tt; src: url(../fonts/MLSBQ.TTF);}
@font-face{ font-family:b_Regular; src: url(../fonts/BarlowCondensed-Regular.ttf);}
@font-face{ font-family:b_MediumItalic; src:url(../fonts/BarlowCondensed-MediumItalic.ttf);}
@font-face{ font-family:b_BoldItalic; src:url(../fonts/BarlowCondensed-BoldItalic.ttf);}

body{ font-size:100%;line-height:1.1; width:100%; position:relative; background:none; font-family:"微软雅黑","Microsoft YaHei", sans-serif; overflow-x:hidden;}
*{ 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%;}
svg{ max-width:100%; max-height:100%;}
.m1100{ width:1100px; margin:0 auto; display: block; position:relative;}
.m{width: 1200px;margin: 0 auto; display: block; position:relative;}
.m1280{max-width: 1280px; width:100%; height:100%; margin: 0 auto; display: block; position:relative;}
.m1360{max-width: 1360px; width:100%; height:100%; margin: 0 auto; display: block; position:relative;}
.m1500{max-width: 1500px; width:100%; height:100%; margin: 0 auto; 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:5rem;}
.pad_bot{ padding-bottom:5rem;}

.draw_h{ width: 42px; height: 42px; line-height: 40px; 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: 1px solid #bcbcbc; 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: 1;
	stroke: none;
	stroke-dasharray: 0 , 62.5;
	stroke-dashoffset:31.25;
	transition: all .3s linear 0s;	
}
.draw_h:hover svg.drawcircle circle { 
    stroke:#0081cc;
	stroke-dasharray:62.5 , 0;
	stroke-dashoffset:31.25;
	-webkit-transition: all .5s cubic-bezier(0.11, 0.57, 0.58, 1);
	transition: all .5s 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=============================*/

#header{ position: fixed; top:0; width:100%; height:80px; z-index:999; background:#fff; width:100%; transition:.6s; box-shadow:0 0 3px rgba(0,0,0,.1);}
#header .container{ height:100%;}
#header #logo{ }
#logo{ float:left; height:100%;}
#logo img{  }
#nav{ float:left; margin-right:3rem;}
#nav ul{}
#nav ul li{ float:left; position:relative; z-index:0;}
#nav ul li a{ display:block; padding:0 1.2rem; text-transform:uppercase;}
#nav ul li h3{ font-size:1rem; color:#3f3f3f; line-height:80px; overflow:hidden; position:relative; transition:.6s;}
#nav ul li.on h3{ color:#3f3f3f; font-weight:bold;}
#nav ul li a i{ display:inline-block; background:url(../images/nav_down.png) center no-repeat; width:9px; height:6px; background-size:contain; vertical-align:middle; margin-left:8px;}
#nav ul li .sub{position:absolute;top:100%;width: 160px;left:50%;margin-left: -80px;z-index: 10000;/* transform:translateY(-20px); */visibility:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;transition:.5s;}
#nav ul li .sub .box{padding:10px 20px;background: rgba(0, 0, 0, 0.6);text-align:center;}
#nav ul li .sub a{padding:0;line-height:2;transition:.3s;font-size: .9rem;color: #c6cdd0;}
#nav ul li .sub a:hover{color: #ffffff;}
#nav ul li:hover .sub{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; visibility:visible; transform:translateY(0px);}
#nav>ul>li.on h3,#nav ul li:hover h3{ }
#nav>ul>li h3:before{content:"";display:block;border:6px solid transparent;border-bottom: 8px solid #0080cc;position:absolute;left: 50%;bottom: -12px;transition:.3s;margin-left:  -6px;}
#nav>ul>li h3:after{ content:""; display:block; width:100%; height:3px; position:absolute; left:0; background:#0080cc; bottom:0px; transition:.3s; transform:scale(0);}
#nav>ul>li:hover h3:after,#nav ul li.on h3:after{  transform:scale(1);}
#nav>ul>li:hover h3:before,#nav ul li.on h3:before{ bottom: 0;}


/*顶部搜索*/
.tc_search{ width:12.5rem; float:right; height:80px; transition:.6s;}
.tc_search form{ height:40px; border-radius:20px; border:1px solid #e5e5e5; position:relative; width:100%; }
.tc_search #keyword{ font-size:.875rem; color:#282828; height:38px; line-height:38px; padding:0 1rem; box-shadow:none;-webkit-appearance: none;float:left;border-right: 0; background:none;}
.tc_search .btn_blue{ position:absolute; top:0; right:0; width: 40px;height:38px; line-height:38px; border:0; background:url(../images/search_blue.svg) center center no-repeat; background-size:1.2rem;  }
.tc_search .btn_blue.fr{ background:#e9edef; color:#4e4f53;}
.tc_search input::-webkit-input-placeholder{ color:#000; color: rgba(0,0,0,.7); }
.tc_search input::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#000; color: rgba(0,0,0,.7); }
.tc_search input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */c color:#000; color: rgba(0,0,0,.7); }
.tc_search input:-ms-input-placeholder{  /* Internet Explorer 10-11 */  color:#000; color: rgba(0,0,0,.7); }/* WebKit browsers */
.tc_search input:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */}/* Mozilla Firefox 4 to 18 */
.tc_search input:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */
.tc_search input:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */
.tc_search input:focus:-ms-input-placeholder {color: transparent;}/* 点击搜索框获取焦点 placeholder消失-结束 */


#header.xg{ height:60px; }
#header.xg #nav ul li h3{ line-height:60px;}
#header.xg .tc_search{ height:60px;}
/***********************/

/*手机头部开始*/
#m_header{ position: fixed;  z-index:999; width:100%; height:4.5rem; left:0; top:0; padding:0 10px;background:#fff; display:none;}
#m_header #logo{ height:4.5rem; }
#m_header #logo img{ max-height:60%;}
#m_header .yuyan{ height:4.5rem; float:right; margin-right:4rem;}
#m_header .yuyan span{ display:block; width:24px; height:24px; line-height:24px; color:#fff; font-size:.9rem; text-align:center; margin-left:17px; background:rgba(255,255,255,.3);}
.wap_search{ width:80%; margin:0 auto;}
.wap_search form{ position:relative;}
.wap_search #keyword{width: 80%;height:3.8rem; line-height:3.8rem; border:0;padding:0 1rem; font-size:1rem; color:#999;box-shadow:none;-webkit-appearance: none;float:  left;border-right: 0;}
.wap_search .btn_blue{width: 20%;height:3.8rem; background:#00a0e9 url(../images/search.svg) center no-repeat; background-size:20px; font-size:0;color:#fff;cursor:pointer;text-transform:uppercase;float:  left;}


/*导航按钮开始*/
#nav_btn_box{ height:100%; z-index:999999999; float:right; margin-left:20px; }
#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: 1px;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: #333;}
#nav_btn .navbtn::after{top: -8px;}
#nav_btn .navbtn::before{top: 8px;}
#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:#0080cc; width:17rem;  height:100vh; right: -400px; top: 0; display:none; padding:50px 0; padding-top:80px; overflow:hidden; 
    pointer-events: none;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    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:5rem; height: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: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:40px;height: 40px;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;}



/*首页banner*/
#banner{ height:calc(100vh - 80px); width:100%; position:relative; background:#000; overflow:hidden; margin-top:80px;}
#banner .banner_slider{ position:absolute; top:0; left:0; width:100%; height:100%;}
#banner li{ position:relative;}
#banner li .img{ width:100%; height:calc(100vh - 80px); z-index:8;  }	
#banner li .img img{ }

#banner li{ opacity:1 !important;}
@-webkit-keyframes slideIn { 0% {-webkit-transform:translateX(100%);opacity:1;} 100% {-webkit-transform:translateX(0);opacity:1;} } 
@keyframes slideIn { 0% {transform:translateX(100%);opacity:1;} 100% {transform:translateX(0);opacity:1;} } 
@-webkit-keyframes imgIn { 0% {-webkit-transform:-webkit-translateX(-85%);opacity:1;} 100% {-webkit-transform:-webkit-translateX(0);opacity:1;}}
@keyframes imgIn { 0% {transform:translateX(-85%);opacity:1;} 100% {transform:translateX(0);opacity:1;}}
#banner li.slick-active {-webkit-animation: slideIn 1600ms cubic-bezier(0.190, 1, 0.420, 1); animation: slideIn 1600ms cubic-bezier(0.190, 1, 0.420, 1); -moz-animation: slideIn 1600ms cubic-bezier(0.190, 1, 0.420, 1);}
#banner li.slick-active .img img{ -webkit-animation: imgIn 1600ms cubic-bezier(0.190, 1, 0.420, 1); animation: imgIn 1600ms cubic-bezier(0.190, 1, 0.420, 1); -moz-animation: imgIn 1600ms cubic-bezier(0.190, 1, 0.420, 1); } 



#banner .slick-arrow{ left:50%; top:50%; margin-top:0; width:5rem; height:5rem; background-size:5rem !important;}
#banner .slick-prev{ z-index:999; left:8%;
	background:url(../images/banner_left.png) center no-repeat;
	}
#banner .slick-next{ right:8%; left:auto;
	background:url(../images/banner_right.png) center no-repeat;
	}
.slick-prev:before, .slick-next:before{ display:none;}


.mouse_down { position: absolute; left:50%; width:100px; bottom: 68px; margin-left:-50px; text-align: center; z-index: 50; opacity:.9; }
.mouse_down span { display: inline-block; width: 1.5rem; height:2.25rem; border:2px solid #fff; border:2px solid rgba(255,255,255,.6); border-radius:12px; margin: auto; position: relative; }
.mouse_down span:before { content: ""; width: 2px; height: 7px; background: #fff; position: absolute; left: 50%; margin-left: -1px; top: 3px; animation-delay: 0ms; animation-duration: 1500ms; animation-iteration-count: infinite; animation-name: arrow; animation-play-state: running; animation-timing-function: linear; }
.mouse_down b { display: block; text-align: center; color: #fff; font-size: .875rem; line-height: 1; margin-top: 1rem; font-weight: normal; }
@-webkit-keyframes arrow {
    0% { opacity: 0; -webkit-transform: translate3d(0px, 0px, 0px); }
    33% { opacity: 1; }
    66% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(0px, 5px, 0px); }
}
@keyframes arrow {
    0% { opacity: 0; transform: translate3d(0px, 0px, 0px); }
    33% { opacity: 1; }
    66% { opacity: 1; }
    100% { opacity: 0; transform: translate3d(0px, 5px, 0px); }
}
.btn_flashcenter {  position: relative; overflow: hidden; transition: 0.52s; }
.btn_flashcenter:hover { box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.225); }
.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_tt{ text-align:center; margin-bottom:3.3rem;}
.s_tt span{ font-size:1.625rem; color:#0081cc; text-transform:uppercase; display:block; margin-bottom:10px; font-family:font_tt;}
.s_tt h3{ font-size:1.5rem; color:#383838; font-weight:bold;}
.s_tt.left{ text-align:left;}
/* 主体开始*/
#s_mian{  }


#s_pro{ background:url(../images/s_pro_bg.jpg) center no-repeat; background-size:cover; background-attachment:fixed;}
#s_pro ul{ margin-bottom:4rem; margin-top:-10px;}
#s_pro .line{ width:100%; height:1px; background:#c8c9ca;}
#s_pro ul li{}
#s_pro ul li .box{ width:13.125rem; margin:0 auto; display:block; text-align: center; padding-top:2rem; position:relative;}
#s_pro ul li .box i{ display:block; width:8px; height:8px; border-radius:50%; background:#0f85cd; position:absolute; left:50%; margin-left:-4px; top:6px;  transform:scale(0); transition:.5s; }
#s_pro ul li .box i:before{ content:""; display:block; width:100%; height:100%; border-radius:50%; background:#0f85cd; position:absolute; top:0; left:0; transform:scale(2.5); opacity:.3;}
#s_pro ul li .box:hover i{ transform:scale(1);}
#s_pro ul li font{ font-size:5.9375rem; color:#cdcdcd; font-family:font_shuzi;}
#s_pro ul li:hover font{ color:#0f85cd;}
#s_pro ul li .pic{ width:13.125rem; height:13.125rem; border-radius:50%; position:relative; z-index:1; margin-top:-1.8rem;}
#s_pro ul li .img{ width:100%; height:100%; border-radius:50%; border:1px solid #e5e5e5; }
#s_pro ul li .pic:before{ content:""; display:block; width:100%; height:100%; background:#fff; position:absolute; top:0; bottom:0; z-index:-1; border-radius:50%; transform:scale(1.15); transition:.3s;}
#s_pro ul li .pic:after{ content:""; display:block; width:100%; height:100%; background:rgba(136,139,146,.1); position:absolute; top:0; bottom:0; z-index:-1; border-radius:50%; transform:scale(1); transition:.3s;}
#s_pro ul li:hover .pic:before{ transform:scale(.9);}
#s_pro ul li:hover .pic:after{ transform:scale(1.15);}
#s_pro ul li:hover .img{ border:1px solid transparent;}
#s_pro ul li .img img.img01{ display:block;}
#s_pro ul li .img img.img02{ display:none;}
#s_pro ul li:hover .img img.img01{ display:none;}
#s_pro ul li:hover .img img.img02{ display:block;}
#s_pro ul li h5{ font-size:1.125rem; color:#646363; margin-top:2.75rem;}

.s_btn_more{ display:block; margin:0 auto; width:10rem; height:40px; line-height:38px; transition:.5s; text-align:center; border:1px solid #989898; border-radius:2rem; font-size:.875rem; color:#383838; position:relative; z-index:1; overflow:hidden;}
.s_btn_more:before{ content:""; width:0; height:100%; display:block; background:#0f85cd; transition:.5s; position: absolute; z-index:-1; top:0; right:0;}
.s_btn_more:hover{ border:1px solid #0f85cd; color:#fff;}
.s_btn_more:hover:before{ width:100%; right:auto; left:0;}

#s_rukou{}
#s_rukou ul{}
#s_rukou ul li{ width:25%; float:left; }
#s_rukou ul li .box{ width:100%; height:31.8rem; background-size:cover !important; color:#fff; text-align:center; overflow:hidden; position:relative; z-index:1;}
#s_rukou ul li .box:before{ content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,.3); z-index:-1; transition:.3s;}
#s_rukou ul li .box .txt1{ width:100%; height:100%; padding:3.75rem; position:absolute; top:0; left:0;}
#s_rukou ul li .box .txt1{ margin-top:5rem; transition:.7s; opacity:0;}
#s_rukou ul li .box .txt1 h5{ font-size:1.5rem;}
#s_rukou ul li .box .txt1 i{ display:block; width:1.25rem; height:5px; background:#0081cc; margin:2.2rem auto;}
#s_rukou ul li .box .txt1 p{ font-size:.875rem; line-height:1.5rem; opacity:.7; margin-bottom:2rem; text-align:left;}
#s_rukou ul li .box .txt2{ text-align:left; bottom:0; padding:3.75rem; position:absolute; transition:.7s; opacity:1;}
#s_rukou ul li .box .txt2 font img{ max-height:2rem; max-width:2rem;}
#s_rukou ul li .box .txt2 h5{ margin-top:1.25rem; margin-bottom:.5rem; font-size:1.25rem;}
#s_rukou ul li .box .txt2 span{ font-size:1.375rem; font-family:font_tt; text-transform:uppercase;}
#s_rukou ul li .box:hover .txt1{ margin-top:0; opacity:1;}
#s_rukou ul li .box:hover .txt2{ opacity:0; bottom:-5rem;}
#s_rukou ul li .box:hover:before{ background:rgba(0,0,0,.5);}

.btn_rukou{ width:135px; height:35px; text-align:center; line-height:33px; border:1px solid #fff; border:1px solid rgba(255,255,255,.4); border-radius:7px; margin:0 auto; font-size:.875rem; position:relative; z-index:1; overflow:hidden;}
.btn_rukou:before{ content:""; width:0; height:100%; display:block; background:#0f85cd; transition:.5s; position: absolute; z-index:-1; top:0; right:0;}
.btn_rukou:hover{ border:1px solid #0f85cd; color:#fff;}
.btn_rukou:hover:before{ width:100%; right:auto; left:0;}

#s_shuzi{ width:100%; overflow:hidden; background:#f4f5f7; }
#s_shuzi ul{ overflow:hidden; }
#s_shuzi ul li{ text-align:center; float:left; width:25%;}
#s_shuzi ul li+li{ border-left:1px solid #e2e3e5;}
#s_shuzi ul li h4{ font-size:1rem; color:#606060;}
#s_shuzi ul li h5{ color:#454545; margin-bottom:1.125rem; line-height:1.7; overflow:visible; position:relative;}
#s_shuzi ul li h5 span{ font-size:4.2rem; font-family:font_shuzi;}
#s_shuzi ul li h5 i{ font-size:1.125rem; font-weight:bold; color:#454545; position:relative; top:-1.5rem; left:.33rem;}
#s_shuzi ul li p{ font-size:1rem; color:#717171; line-height:1.5;}

#s_news{}
#s_news .hd{ overflow:hidden;}
#s_news .s_tt{ float:left;}
#s_news .hd ul{ float:right; width:24.37rem; margin-top:1rem;}
#s_news .hd ul li{ float:left;}
#s_news .hd ul li span{ font-size:1rem; color:#4d4d4d; display:block; float:right; cursor:pointer; line-height:45px; position:relative;}
#s_news .hd ul li.slick-current span{ color:#0081cc;}
#s_news .hd ul li span:before{ content:""; width:0; height:3px; display:block; background:#0081cc; transition:.5s; position: absolute; bottom:0; right:0;}
#s_news .hd ul li.slick-current span:before{ width:100%; right:auto; left:0;}
#s_news .bd{}
#s_news .bd ul{ padding-bottom:3rem;}
#s_news .bd ul li{}
#s_news .bd ul li .box{ display:block; position:relative; margin:.5rem; margin-top:1rem; margin-bottom:4rem;}
#s_news .bd ul li .time{ position:absolute; width:5rem; height:4.375rem; background:#6f6f6f; color:#fff; font-family:arial; font-size:1rem; text-align:center; padding-top:.875rem; left:2.2rem; top:-1rem; z-index:9;}
#s_news .bd ul li .time b{ display:block; font-size:1.5rem; font-weight:bold; }
#s_news .bd ul li .img{}
#s_news .bd ul li .img img{}
#s_news .bd ul li .mask{ position:absolute; left:0; top:0; width:100%; height:100%; background: rgba(0,0,0,.5); color:#fff; text-align:center; padding:0 1rem;}
#s_news .bd ul li .txt{ position: absolute; width:100%; height:100%; top:0; left:0; border:2px solid #e5e5e5; z-index:8; background:#fff; padding:2rem; padding-top:5rem; transition:.5s;}
#s_news .bd ul li .txt h5{ font-size:1rem; color:#313131; border-bottom:1px solid #e7e7e7; padding-bottom:1.375rem; margin-bottom:1.6rem;}
#s_news .bd ul li .txt p{ font-size:.875rem; line-height:1.5rem; height:4.5rem; overflow:hidden; color:#949396;}
#s_news .bd ul li .more_jia{ position:absolute; width:3rem; height:3rem; line-height:2.8rem; font-size:1.5rem; border-radius:50%; background:#6f6f6f; color:#fff; text-align:center; left:50%; margin-left:-1.5rem; bottom:-1.5rem; z-index:9;}
#s_news .bd ul li .more_jia:before{ content:""; display:block; width:100%; height:100%; background:rgba(102,102,102,.1); position:absolute; left:0; top:0; z-index:-1; border-radius:50%; transform:scale(1.4);}
#s_news .bd ul li:hover .txt{ opacity:0;}
#s_news .bd ul li:hover .time{ background:#0081cc; color:#fff;}
#s_news .bd ul li:hover .more_jia{ background:#0081cc; color:#fff;}
#s_news .bd ul li:hover .more_jia:before{ background:rgba(0,129,204,.1);}

#s_news .slick-dots{ bottom:-30px;}
#s_news .slick-dots li{ width:26px; height:9px; border:1px solid #d4d4d4; opacity:1; transition:.3s; margin:0 3px;}
#s_news .slick-dots li.slick-active { border:1px solid #6f6f6f; }
#s_news .slick-dots li button:before{ display:none;}

.more_fang{ display:block; margin:0 auto; width:12.5rem; height:45px; line-height:43px; transition:.5s; text-align:center; border:1px solid #eee; font-size:1rem; color:#454545; position:relative; z-index:1; overflow:hidden;}
.more_fang:before{ content:""; width:0; height:100%; display:block; background:#0f85cd; transition:.5s; position: absolute; z-index:-1; top:0; right:0;}
.more_fang:hover{ border:1px solid #0f85cd; color:#fff;}
.more_fang:hover:before{ width:100%; right:auto; left:0;}


#s_coop{ overflow:hidden; background: url(../images/s_coop_bg.jpg) center no-repeat; background-size:cover; background-attachment:fixed; width:100%; }	
#s_coop .s_tt p{ width:auto;}
#s_coop ul{ margin-top:-2rem;}
#s_coop ul li{ float:left; text-align:center; margin-top:2.8rem;}
#s_coop ul li .box{ display:block; position:relative;width:11.9rem; height:11.9rem; cursor:pointer;}
#s_coop ul li .box:before{ content:""; width:100%; height:100%; border-radius:50%; border:2px solid #0081cc; display:block; position:absolute; top:0; left:0; transform:scale(1.1); transition:.3s; opacity:0;}
#s_coop ul li .box:hover:before{opacity:1;}
#s_coop ul li .img{width:11.9rem;height:11.9rem;margin:0 auto;border-radius:50%;overflow:hidden;margin:0 auto;transition:.5s;position:relative;border:1px solid #eaeaeb;background:#fff;line-height:  11.9rem;}
#s_coop ul li .img img{transition:1s;max-width: 80%;max-height: 80%;width:  auto;height:  auto;vertical-align:  middle;}
#s_coop ul li .mask{position:absolute; z-index:1; width:100%; height:100%; left:0; top:0; padding:0 1rem;}
#s_coop ul li .mask:before{ content:""; display:block;position:absolute; z-index:-1; width:100%; height:100%; left:0; top:-100%; background:#0081cc;transition:.5s;}
#s_coop ul li .mask h5{ font-size:1rem; color:#fff; transform:translateY(20px);transition:.5s; opacity:0; margin-bottom:.8rem;}
#s_coop ul li .mask p{ font-size:.875rem; line-height:1.25rem; color:#fff; color:rgba(255,255,255,.8); transform:translateY(20px);transition:.5s; opacity:0;}
#s_coop ul li:hover .mask:before{ top:0; }
#s_coop ul li:hover .mask p,#s_coop ul li:hover .mask h5{ transform:translateY(0px); opacity:1;}

#s_link{ padding:1.5rem 0; border-top:1px solid #ececec; overflow:hidden;}
#s_link .tt{ width:4rem; font-size:1.5rem; font-weight:bold; color:#424346; font-family:font_shuzi; line-height:36px;}
#s_link .right{ width:calc(100% - 4rem);}
#s_link a{ line-height:36px; font-size:.875rem; color:#424346; margin-left:17px; display:inline-block;}

/*底部*/
#foot{ background:#3d3d3d url(../images/foot_map.png) 28% center no-repeat; width:100%; overflow:hidden;}
.foot_top{ padding-bottom:1rem; margin-bottom:2rem; }
.foot_logo{ }
.foot_logo img{}
.foot_nav{ position:relative; width:532px; max-width:100%; color:#fff;}
.foot_nav .hd{ width:100%; border-bottom:1px solid #646464; margin-bottom:1.5rem;}
.foot_nav .hd li{ font-size:1rem; color:#9d9d9d; cursor:pointer;}
.foot_nav .hd li span{ position:relative; display:inline-block; padding-bottom:1.6rem; }
.foot_nav .hd li span:before{ content:""; display:block; width:0; height:3px; background:#2ca7ef; position:absolute; right:0; bottom:0; transition:.3s;}
.foot_nav .hd li.slick-current{ color:#fff;}
.foot_nav .hd li.slick-current span:before{ width:100%; left:0 ; right:auto;}
.foot_nav .bd ul li{ font-size:1rem; color:#b0b0b0; line-height:1.875rem;}

.foot_ewm{ float:right; margin-left:1.875rem;}
.foot_ewm .ewm{ float:left; margin-left:11px; width:130px; height:164px; border:1px solid #5a5a5a; padding:11px;}
.foot_ewm .ewm img{ width:106px; height:106px;}
.foot_ewm .ewm p{ font-size:13px; color:#fff; color:rgba(255,255,255,.5); text-align:center; margin-top:1rem;}

.foot_lianxi{ float:left; }
.foot_lianxi p{ font-size:.875rem; color:rgba(255,255,255,.54); text-align:right; }
.foot_tel{ position:relative; color:#fff; padding-left:3.2rem; text-align:right; margin-bottom:1rem;}
.foot_tel font{ display: inline-block; width:33px; height:33px; border-radius:50%; border:1px solid #969798; text-align:center; line-height:31px; position:relative; top:-5px;}
.foot_tel font img{ max-width:15px; vertical-align:middle; position: relative; top: -2px;}
.foot_tel b{ font-size:1.975rem; color:#2ca7ef; font-weight:normal; font-family:arial; margin-bottom:.7rem; display: inline-block;}
 
.foot_lianxi form{ float:right; margin-top:2.25rem;}
.foot_lianxi .input{text-align:center;font-size:0;height:  3.75rem;margin: 0;display:inline-block;}
.foot_lianxi .input .input-text{display:inline-block; *display:inline; *zoom:1;width: 21.75rem;height: 3.75rem;line-height:  3.75rem;position:  relative;vertical-align: top;background: #3b3b3b;border: #535353 1px solid;}
.foot_lianxi .input .input-text input{display:block;width:100%;height:100%;font-size: .875rem;border:none;background:none;padding: 0 32px;position:  relative;z-index: 10;color: #b6b6b6;}
.foot_lianxi .input .btn_tijiao{display:inline-block; *display:inline; *zoom:1;width: 126px; border:0; font-size:.875rem; height:  3.75rem; color:#fff; line-height:  3.75rem;background: #535353;margin-left: 0;position:relative;z-index:11;transition: 0.6s;cursor: pointer;}
.foot_lianxi .input .btn:hover{background: #353434;}
input::-webkit-input-placeholder{ color:#919191;}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#919191; }
input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#919191;}
input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#919191;}

.foot_lianxi .input .input-text > input:focus {
  background-color: transparent;
  border-color: transparent;
}
.foot_lianxi .input .input-text > input:focus ~ .input-border {
}
.foot_lianxi .input .input-text > input:focus ~ .input-border:first-of-type:before {
  -webkit-transition: 0.15s ease-in-out all;
  transition: 0.15s ease-in-out all;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  width: 100%;
}
.foot_lianxi .input .input-text > input:focus ~ .input-border:first-of-type:after {
  height: 100%;
  -webkit-transition: 0.15s ease-in-out all;
  transition: 0.15s ease-in-out all;
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
.foot_lianxi .input .input-text > input:focus ~ .input-border:last-of-type {
  background: transparent;
}
.foot_lianxi .input .input-text > input:focus ~ .input-border:last-of-type:before {
  -webkit-transition: 0.15s ease-in-out all;
  transition: 0.15s ease-in-out all;

  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
  width: 100%;
}
.foot_lianxi .input .input-text > input:focus ~ .input-border:last-of-type:after {
  height: 100%;
  -webkit-transition: 0.15s ease-in-out all;
  transition: 0.15s ease-in-out all;
  -webkit-transition-delay: 0.45s;
  transition-delay: 0.45s;
  top: 0;
}
.foot_lianxi .input .input-text .input-border {
  bottom: 0px;
  display: block;
  left: -1px;
  position: absolute;
  top: -1px;
  right: -1px;
}
.foot_lianxi .input .input-text .input-border:before,
.foot_lianxi .input .input-text .input-border:after {
  bottom: 0;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  width: 0;
  background-color: #999;
  -webkit-transition: 0.3s ease-in-out all;
  transition: 0.3s ease-in-out all;
}
.foot_lianxi .input .input-text .input-border:first-of-type:before {
  height: 1px;
  left: 0;
  top: 0;
  width: 0;
}
.foot_lianxi .input .input-text .input-border:first-of-type:after {
  height: 0;
  right: 0;
  top: 0;
  width: 1px;
}
.foot_lianxi .input .input-text .input-border:last-of-type:before {
  background-color: #999;

  height: 1px;
  top: calc(100% - 1px);
  right: 0;
  width: 0;
}
.foot_lianxi .input .input-text .input-border:last-of-type:after {
  background-color: #999;
  height: 0;
  top: calc(100% - 1px);
  left: 0;
  width: 1px;
}

.copyright{ line-height:35px; padding:1rem; background:#333333; font-size:.8rem; color:#818181; text-align:center;}
.copyright a:hover{ color:#046bad;}
 
#gotop{ display:none; width:2.9rem; height:2.9rem; border-radius:50%; overflow:hidden; position:absolute; bottom:6rem; right:4rem; position:fixed; z-index:999; background:#046bad;}
#gotop img{ animation: hide-dt-f 3s infinite; }
@keyframes hide-dt-f{
	0% { opacity: 0; -webkit-transform: translate3d(0px, 10px, 0px); }
    33% { opacity: 1; }
    66% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(0px, -10px, 0px); }
}


/****************内页开始*****************/
/*内页banner*/
.n_banner {width: 100%; position: relative; text-align:center; height:22rem; overflow:hidden; margin-top:80px; }
.n_banner .txt{ color:#fff; text-align:center;}
.n_banner .txt small{ font-size:1.875rem; font-weight:bold; text-transform:uppercase; display:block;}
.n_banner .txt b{ font-size:2rem; font-weight:normal;}

.n_position{ text-align:center; font-size:13px; color:#fff; background-size:.9rem; }
.n_position a{ font-size:14px; color:#fff; position:relative; line-height:44px; transition:.2s; opacity:.7;}
.n_position i{ color:#fff; opacity:.7; margin:0 6px; display:inline-block;}
.n_position em{ font-size:14px; color:#fff;  opacity:.7;}
.n_position a:hover{ color:#fff; opacity:1;}

/*内页导航*/
.n_nav_box{border-bottom: 1px solid rgba(0, 0, 0, 0.16);height:5.6rem;box-shadow: 0px 6px 20px 0 rgba(0, 0, 0, 0.1);position:  relative;}
.n_nav{text-align:  center;font-size:  0;}
.n_nav ul li{width:20%;text-align:center;line-height:5.6rem;border-right:1px solid #eeeeee;font-size:1rem;color:#606060;transition:.3s;display:  inline-block;}
.n_nav ul li:first-child{ border-left:1px solid #eee;}
.n_nav ul li a{ display:block;}
.n_nav ul li font{display:inline-block;vertical-align:middle;width:1.6rem;height:1.6rem;line-height:1.6rem;margin-right:1rem;position:  relative;}
.n_nav ul li font img{max-width:100%;max-height:100%;vertical-align:middle;position:  absolute;left:  0;}
.n_nav ul li font .img02{ display:none; }
.n_nav ul li:hover,.n_nav ul li.on{ color:#fff; background:#0081cc;}
.n_nav ul li:hover .img01,.n_nav ul li.on .img01{ display:none;}
.n_nav ul li:hover .img02,.n_nav ul li.on .img02{ display:block;}

.n_tt{ text-align:center; margin-bottom:3rem;}
.n_tt h3{ font-size:1.625rem; color:#383838; font-weight:bold; margin-top:-3.3rem; margin-bottom:5px;}
.n_tt span{ font-size:1rem; color:#383838; text-transform:uppercase; display:block;}
.n_tt font{ font-size:4.875rem; color:#e6e7e8; font-weight:bold; font-family:arial; text-transform:uppercase; display:block;}
.n_tt.left{ text-align:left}
.n_tt.left h3,.n_tt.left span{ padding-left:2rem;}

.n_tt.white h3{ color:#fff; }
.n_tt.white span{ color:#fff;}
.n_tt.white font{ color:#fff; opacity:.1; }

.ar_article{ font-size:.875rem; color:#606060; line-height:1.875rem; text-align:justify; }
.ar_article p{font-size:.875rem;color:#606060;line-height:1.875rem; padding-bottom:1.75rem;}	
.ar_article strong{ font-weight:bold;}
.ar_article td,.ar_article th{ padding:15px; 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 a{ color:#363636;}
.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; margin-left:2rem;}
.ar_article ul li p,
.ar_article ol li p{ padding-bottom:0; margin-bottom:3px !important; }
.ar_article ul,
.ar_article ol{ margin-bottom:15px;}

#n_about{ background:url(../images/n_about_bg.jpg) center top no-repeat; background-size:cover; width:100%; overflow:hidden; border-bottom:2px solid #e1e2e6;}
#n_about .n_tt font{ color:#d7d8da;}

#n_zhichi{ background:#f4f5f7; width:100%; overflow:hidden;}
#n_zhichi ul{ overflow:hidden;}
#n_zhichi ul li{ width:50%; float:left; overflow:hidden; position:relative;}
#n_zhichi ul li .img{ width:50%; float:left;}
#n_zhichi ul li .txt{ width:50%; background:#fff; position:absolute; right:0; top:0; height:100%; padding:1rem 3.7rem; text-align:center;}
#n_zhichi ul li .txt h4{ height:2.5rem; margin-bottom:3.3rem;}
#n_zhichi ul li .txt h4 font{ display: inline-block; width:2.5rem; height:2.5rem; vertical-align:middle; margin-right:1.5rem;}
#n_zhichi ul li .txt h4 font img{}
#n_zhichi ul li .txt h4 span{ font-size:1.625rem; color:#383838; line-height:2rem; vertical-align:middle; display:inline-block; padding-left:1.5rem; border-left:1px solid #d1d3d6;}
#n_zhichi ul li .txt p{ font-size:.875rem; color:#606060; line-height:1.875rem; text-align:left;}

#n_wenhua{ background:#f3f4f6 url(../images/wenhua_bg.jpg) center bottom no-repeat; width:100%; overflow:hidden;}
#n_wenhua .row .box{ position:relative; overflow:hidden;}
#n_wenhua ul{ padding:0;}
#n_wenhua ul li{ position:relative; padding:.5rem 15px;}
#n_wenhua ul li .img{}
#n_wenhua ul li .img img{}
#n_wenhua ul li .txt{ position:absolute; left:0; top:0; padding:3.6rem 2.8rem;}
#n_wenhua ul li .txt h5{ font-size:1.5rem; color:#0081cc; font-weight:bold; margin-bottom:1rem;}
#n_wenhua ul li .txt p{ font-size:1rem; color:#fff; line-height:1.875rem;}
#n_wenhua ul li.li_2 .txt{ left:auto; right:0; text-align:right;}
@media (min-width: 768px)
{
#n_wenhua ul.ul_2{ position:absolute; height:100%; right:0; }
#n_wenhua ul.ul_2 .li_3{ bottom:0; position:absolute; right:0; left:0; }
	}

#n_lueying{ width:100%; overflow:hidden; background:#fff;}
#n_lueying ul{ margin:0 -1rem;}
#n_lueying ul li{ padding:1rem;}
#n_lueying ul li .box{ position:relative;}
#n_lueying ul li .box .txt{ width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,129,204,.95); z-index:99; text-align:center; color:#fff; font-size:1.125rem;
 opacity:0; visibility:hidden; transition:.7s;}
#n_lueying ul li .box .txt::before,#n_lueying ul li .box .txt::after{position:absolute;content:'';opacity:0;transition:all 0.5s;}
#n_lueying ul li .box .txt::before{top:15px;right:15px;bottom:15px;left:15px;border-top:1px solid #fff;border-bottom:1px solid #fff;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}
#n_lueying ul li .box .txt::after{top:15px;right:15px;bottom:15px;left:15px;border-right:1px solid #fff;border-left:1px solid #fff;transform:scale(1,0);transform-origin:100% 0;}
#n_lueying ul li .box .txt:hover::before,#n_lueying ul li .box .txt:hover::after{opacity:.6;transform:scale(1);transition: all 0.5s .2s;}
#n_lueying ul li .box:hover .txt{ opacity:1; visibility:visible;}

#n_lueying .slick-arrow{ z-index:99; position:absolute; top:50%; margin-top:-1.3rem; transform:translate(0,0); background-repeat:no-repeat; background-position:center;  display:block;width: 2.6rem;height: 2.6rem; transition:.3s; }
#n_lueying .slick-prev{background-image:url(../images/arrow_left.png); background-size:2.5rem; left:-80px;}
#n_lueying .slick-next{background-image:url(../images/arrow_right.png); background-size:2.5rem; right:-80px; left:auto;}
#n_lueying .slick-prev:hover{ background-image:url(../images/arrow_left_on.png); }
#n_lueying .slick-next:hover{ background-image:url(../images/arrow_right_on.png); }
#n_lueying .slick-arrow:before{ display:none;}

#n_coop{ background:#f3f4f6;}

/*翻页*/
.page { text-align:center; margin-top:4rem;}
.page li{ display:inline-block; list-style: none; }
.page .a{ padding:0 14px; height:40px; line-height:40px; display:inline-block; border:1px solid #b6b7b8; margin:0 0.25rem; color:#fff; color:#919191; font-size:.875rem; -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:#0081cc;  color:#fff; border:1px solid #0081cc; }
.page .thisclass{ background:#0081cc;  color:#fff; border:1px solid #0081cc;}
.page .a:hover{ background:#0081cc;  color:#fff; text-decoration:none; border:1px solid #0081cc;}
.page span{ line-height:40px; display:inline-block; margin:0 8px; font-size:.875rem; color:#919191;}
.page input{height:40px; line-height:40px; display:inline-block; border:1px solid #b6b7b8; background:none; width:40px; text-align:center; color:#919191;}
.page button{ width:65px; cursor:pointer;height:40px; line-height:40px; display:inline-block; border:1px solid #b6b7b8; font-size:.875rem; color:#919191; background:none;}
.page button:hover{ background:#0081cc;  color:#fff; text-decoration:none; border:1px solid #0081cc;}

#n_news { background:#f0f1f5; width:100%; overflow:hidden;}
#n_news ul{  margin:0 -1rem; margin-top:-3.6rem;}
#n_news ul li{ padding:0 1rem;}
#n_news ul li .box{ display:block; position:relative; margin:.5rem; margin-top:3.6rem;}
#n_news ul li .time{ position:absolute; z-index:1; overflow:hidden; font-family:arial; width:5rem; height:4.375rem; background:#6f6f6f; color:#fff; font-size:1rem; text-align:center; padding-top:.875rem; left:2.2rem; top:-1rem; z-index:9;}
#n_news ul li .time b{ display:block; font-size:1.5rem; font-weight:bold; }
#n_news ul li .img{}
#n_news ul li .img img{}
#n_news ul li .txt{  z-index:8; background:#fff; padding:2rem; transition:.5s; position:relative;}
#n_news ul li .txt h5{ font-size:1rem; color:#313131; margin-bottom:.8rem;}
#n_news ul li .txt p{ font-size:.875rem; line-height:1.5rem; height:3rem; overflow:hidden; color:#949396;}
#n_news ul li .txt span{ font-size:.75rem; line-height:1rem; color:#6f6f6f; text-transform:uppercase; font-family:arial; margin-top:1.375rem; display:block;}
#n_news ul li .txt span i{ display:inline-block; width:15px; height:1rem; background:url(../images/right.svg) center no-repeat; background-size:12px; vertical-align:middle; position:relative; top:-1px;}
#n_news ul li:hover .time{ color:#fff;}
#n_news ul li .time:before{ content:""; width:0; height:100%; display:block; background:#0081cc; position:absolute; right:0; bottom:0; transition:.5s; z-index:-1;}
#n_news ul li .box:hover .time:before{ width:100%; left:0; right:auto;}
#n_news ul li .txt:before{ content:""; width:0; height:2px; display:block; background:#0081cc; position:absolute; right:0; bottom:0; transition:.5s;}
#n_news ul li .box:hover .txt:before{ width:100%; left:0; right:auto;}
#n_news ul li .box h5:hover{ font-weight:bold; color:#0081cc;}
#n_news ul li .txt span:hover{ color:#0081cc;}
#n_news ul li .txt span:hover i{background:url(../images/right_on.svg) center no-repeat; background-size:12px;}

#n_zizhi{ width:100%; overflow:hidden; background:#f3f4f6; text-align:center;}
#n_zizhi .kuang{ width:100%; height:100%;}
#n_zizhi ul{ margin-top:-3rem;}
#n_zizhi ul li{ margin-top:3rem;}
#n_zizhi ul li a{ display:block; max-width:282px; margin:0 auto;}
#n_zizhi ul li .img_box{ position:relative; background:#fff; box-shadow:0 0 12px 1px rgba(0,0,0,.1);}
#n_zizhi ul li .pic{ position: absolute; top:15px; left:15px; bottom:15px; right:15px; overflow:hidden; }
#n_zizhi ul li h5{ font-size:1rem; color:#555555; margin-top:1.5rem;}


/*新闻详情*/
#n_news_xq{ width:100%; overflow:hidden; background:#f0f1f5;}
.ar_title{margin-bottom:2rem;border-bottom:1px solid #e5e5e5;padding-bottom: .6rem;position:relative;}
.ar_title:after{ content:""; position:absolute; bottom:-2px; left:0; height:2px; background:#0081cc; display:block; width:50px;}
.ar_title h3{font-size:1.5rem;color:#313131;font-weight:bold;margin-bottom: 1.1rem;}
.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:13px; color:#818181; margin-right:1rem;}
.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;}
.right_con{ float:right; }
.left_con{ }
.right_con>.box{ background:#fff; padding:2.5rem 2.2rem;}
.left_con>.box{ background:#fff; padding:2.5rem 2.2rem;}
#right_search form{ position:relative; width:100%; margin:0 auto; background:#fff; border:2px solid #eee; height:60px;}
#right_search #keyword{width: 90%; height:56px; padding:0 20px; font-size:1.125rem; color:#696969;box-shadow:none;-webkit-appearance: none;float:left;border-right: 0; background:none;}
#right_search .btn_blue{ position:absolute; top:0; right:0; width: 40px; height:56px; border:0; line-height:4.25rem;background:url(../images/search.svg) center center no-repeat; background-size:1.125rem;font-size:1.125rem;color:#fff;cursor:pointer;text-transform:uppercase; }

.news_tuijian .box{ background:url(../images/right_con_bg.jpg) center bottom no-repeat #fff; background-size:100%;}
.news_tuijian .tt{ font-size:1rem;  color:#6d6d6d; line-height:1.5rem;  margin-bottom:0;}
.news_tuijian .tt span{ display:block;color:#0081cc;}
.news_pic{ border-bottom:1px solid #d3d3d3; position:relative; margin-bottom:25px; padding-bottom:10px;}
.news_pic .txt{ padding:25px 0;}
.news_pic:after{ content:""; position:absolute; bottom:-1px; left:0; height:2px; background:#0081cc; display:block; width:50px;}
.news_pic .txt h4{ font-size:1rem; color:#313131; line-height:1.5rem;}
.news_pic .txt span{ font-size:.875rem; color:#838383; font-family:arial; display:block; margin:15px 0;}
.news_pic .txt p{ font-size:.8rem; color:#949396; line-height:1.5rem; height:3rem; overflow:hidden; }
.news_pic .txt .btn_ts{  overflow:hidden; z-index:0; display:block; float:right; color:#313131; font-size:13px; position:relative;}
.news_pic .txt .btn_ts:before{ content:""; display:block; width:100%; height:1px; z-index:-1; position:absolute; bottom:0; left:0; background:#acacac; transition: all .3s ease;}
.news_pic .txt .btn_ts:hover:before{ width:0;}
.news_tuijian ul{}
.news_tuijian ul li{ height:2rem; line-height:2rem;}
.news_tuijian ul li h5{ font-size:.875rem; color:#6d6d6d; float:left; width:290px;}
.news_tuijian ul li h5:before{ content:"●"; color:#0081cc; margin-right:8px;}
.news_tuijian ul li:hover h5{ color:#0081cc;}
.news_tuijian ul li:hover h5:before{ color:#0081cc;}
.right_ewm{ overflow:hidden; margin-top:2rem; padding-left:1rem; padding-bottom:2rem;}
.right_ewm .img{ float:left; width:8.3rem; height:8.3rem; border:1px solid #e5e5e5; margin-right:23px;}
.right_ewm .txt{ float:left; height:8.3rem;}
.right_ewm .txt p{ font-size:13px; line-height:26px; color:#818182;}


.ar_article{ font-size:.875rem; color:#767676; line-height:1.75rem; text-align:justify; }
.ar_article p{font-size:.875rem;color:#767676;line-height:1.75rem; padding-bottom:1.75rem;}	
.ar_article strong{ font-weight:bold;}
.ar_article td,.ar_article th{ padding:15px; 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 a{ color:#363636;}
.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; margin-left:2rem;}
.ar_article ul li p,
.ar_article ol li p{ padding-bottom:0; margin-bottom:3px !important; }
.ar_article ul,
.ar_article ol{ margin-bottom:15px;}

#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:#f5c237;}
#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 #f5c237;}
#ar_fot .bnt_back:hover a{ color:#f5c237; }


#piaofu_news{ position: absolute; left:50%; margin-left:-750px; top:600px; z-index:9999;}
#piaofu_news.xg{ position: fixed; left:50%; margin-left:-750px; top:100px; z-index:9999;}
#piaofu_news ul{}
#piaofu_news ul li{ position:relative; z-index:0;width:41px; height:41px; cursor:pointer; margin-bottom:20px; }
#piaofu_news ul li font{ display:block; width:41px; height:41px; text-align:center; display:table-cell; vertical-align:middle;}


/*==============字号控件=====================*/
#font_set_box{ background: url(../images/icon_font.svg) left center no-repeat; background-size:22px; padding-left: 26px; }
.font_box{ display:inherit; position:relative; }
.font_box a { display:inline-block; width:14px; line-height:30px; font-size:.875rem; color: #a8a8a8; text-align:center; margin:0 4px;}
.font_box a.on{ color:#0081cc; }
.font_box a:hover{ color:#0081cc; }
.font_size_lg{ font-size:18px !important; line-height: 40px !important;}
.font_size_lg p{ font-size:18px !important; line-height: 40px !important;}
.font_size_md{ font-size:16px !important; line-height: 36px !important;}
.font_size_md p{ font-size:16px !important;  line-height: 36px !important;}
.font_size_sm{ font-size:14px !important;}
.font_size_sm p{ font-size:14px !important;}

#n_mian{background: #f3f4f6;}
/*筛选*/

.filter {
	padding: 35px; background:#fff; 
}

.filter .allfil {
	padding-bottom: 10px
}
.filter dl{ overflow:hidden; margin-bottom:0;}
.filter dl+dl{ border-top:1px solid #e5e5e5; padding-top:1.5rem; margin-top:1rem;}
.filter dl dd,.filter dl dt {
	display: inline-block;
	vertical-align: top
}
.filter dl dd{ width:calc(100% - 72px); float:left;}
.filter dl dt { float:left;
	width: 72px;
	text-align: left; font-size:1.125rem; color:#333;
	font-weight: bold;
	 height:2.25rem; line-height:2.25rem;
}

.filter dl dd label {
	float: left; min-width:10rem; height:2.25rem; line-height:2.25rem;
	text-shadow: 0 0 0 #ddd
}
.filter dl dd a.checkBox{ width:115px;}
.filter dl dd a:hover{ color:#0081cc;}
.filter dl dd a.area_cot,.filter dl dd a.pg_area {
	margin-right: 0
}

/*选择框美化*/
label {font-size:1rem; color:#6e6e6e; font-weight:normal; cursor:pointer; margin-left:10px;}
label i {font-size:12px;font-style:normal;display:inline-block; position:relative; width:15px;height:15px;text-align:center;line-height:15px;color:#fff;vertical-align:middle;margin:-2px 10px 1px 0px;border:#cfd0d2 1px solid;}
input[type="checkbox"],input[type="radio"] {display:none;}
input[type="radio"] + i {border-radius:2px;}
input[type="checkbox"]:checked + i,input[type="radio"]:checked + i { border:#0081cc 1px solid;}
input[type="checkbox"]:checked + i,input[type="radio"]:checked + i:before{ content:""; width:7px; height:7px; border-radius:2px; background:#0081cc; position:absolute; top:3.5px; left:3.5px;}
input[type="checkbox"]:disabled + i,input[type="radio"]:disabled + i {border-color:#ccc;}
input[type="checkbox"]:checked:disabled + i,input[type="radio"]:checked:disabled + i {background:#ccc;}

#n_shaixuan{ margin-bottom:2.8rem;}
#n_pro{ width:100%; overflow:hidden;}
#n_pro ul{ margin-top:-1.87rem;}
#n_pro ul li{ margin-top:1.87rem;}
#n_pro ul li .box{ display:block;}
#n_pro ul li .img{}
#n_pro ul li .img img{
    height: 240px;
}
#n_pro ul li .txt{ background:#fff; text-align:center; padding:2rem 1rem; position:relative; z-index:1;}
#n_pro ul li .txt h5{font-size:1.125rem;color:#383838;margin-bottom: 0;transition:.7s;}
#n_pro ul li .txt p{font-size:.875rem;color:#bdbdbd;text-transform:uppercase;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:.7s;min-height: 15px;display: none;}
#n_pro ul li .txt:before{ content:""; position:absolute; z-index:-1; display:block; width:100%; height:0; background:#0081cc; left:0; top:0; transition:.7s;}
#n_pro ul li .box:hover .txt:before{ height:100%; bottom:0; top:auto;}
#n_pro ul li .box:hover .txt h5{ color:#fff;}
#n_pro ul li .box:hover .txt p{ color:#7cb1de;}

/*产品弹窗*/
.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 .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; }
.tc_pro {
    width:1029px; 
    min-height: 430px; max-width: 90%; background:#fff; padding:3.4rem;
    margin: 0 auto;
    position:relative; z-index:999;
}
.tc_pro .tc_close{background:url(../images/close_black.svg) center no-repeat; background-size:1.5rem; transition:1s; opacity:.8; position: absolute; cursor:pointer; font-size: 20px; right: 2rem; top: 2rem; z-index:999; width:37px; height:37px;}
.tc_pro .tc_close:hover{ transform:rotate(180deg);}
.tc_txt{ height:470px; overflow-y:auto; padding-right:30px;}
.tc .close,.tc{ transition:all ease 400ms; -moz-transition:all ease 400ms; -ms-transition:all ease 400ms; -o-transition:all ease 400ms; -webkit-transition:all ease 400ms; } 


.tc .item img{box-sizing:border-box; margin:0 auto; cursor:pointer; }
.tc-box{  }
.tc .j_tab{ position:relative;table-layout: fixed}
.tc-box .tt{ margin-bottom:1.2rem; border-bottom:1px solid #dddee0; padding-bottom:1.5rem; padding-top:1rem;}
.tc-box .tt h5{ font-size:1.75rem; color:#1e1e1e; font-weight:bold; line-height:1.3; margin-bottom:5px;}
.tc-box .tt span{ font-size:1rem; color:#c2c2c4; text-transform:uppercase;}
.tc-box .con{font-size:.9375rem;color:#707070;line-height:1.625rem;max-height: 9.0rem; padding-right: 10px; overflow:hidden;overflow-y: scroll;}
.tc-box .btn_pdf{ display:block; width:11.8rem; height:3.125rem; font-size:.9375rem; background:#0081cc; border-radius:3px; margin-top:2rem; text-align:center; color:#fff; line-height:3.125rem;}
.tc-box .btn_pdf font{ display:inline-block; vertical-align:middle; margin-right:5px; width:1.5rem; height:1.5rem; background:url(../images/pdf.svg) center no-repeat; background-size:contain;}
.tc_t{ height:80%; overflow-y:auto;}
.tc_slide{}
.tc_slide .img{ width:100%;} 
.tc_slide .img img{ width:100%;}
.tc_slide .slick-arrow{ z-index:99; position:absolute; top:50%; margin-top:-22px; transform:translate(0,0); background-repeat:no-repeat; background-position:center;  display:block;width:1.375rem;height: 44px; background-size:contain; transition:.3s; opacity:1;}
/*.tc_slide .slick-prev{background-image:url(../images/tc_left.png); left:-10%;}
.tc_slide .slick-next{background-image:url(../images/tc_right.png); right:-10%; left:auto;}*/
.tc_slide .slick-arrow:hover{ opacity:.8; }
.tc-box .con ul{ max-width:100%}


#n_licheng{}
#n_licheng .bd{}
#n_licheng .bd ul{}
#n_licheng .bd ul li{
    padding-bottom:  6rem;
}
#n_licheng .bd ul li .txt{margin-top:1rem;max-width:610px;position:relative;z-index: -1;}
#n_licheng .bd ul li .txt font{position:absolute;color:#f5f6f7;font-size: 30rem;top: -80%;left:-10%;font-family:arial;z-index:-1;}
#n_licheng .bd ul li .tt{ font-size:2.875rem; color:#0081cc; font-weight:bold; margin-bottom:1.3rem;}
#n_licheng .bd ul li .con{ font-size:1rem; color:#606060; line-height:2.2rem;}
#n_licheng .bd ul li .con .item{ padding-left:1.3rem; position: relative;}
#n_licheng .bd ul li .con .item i{ position:absolute; color:#0081cc; left:5px;}
#n_licheng .hd{/* margin-top:6.5rem; */}
#n_licheng .hd ul{}
#n_licheng .hd ul li{ font-size:1.125rem; color:#606060; position:relative; cursor:pointer;}
#n_licheng .hd ul li i{ display:block; width:14px; height:14px; border-radius:50%; position: absolute; left:50%; margin-left:-7px; }
#n_licheng .hd ul li i:before{ content:""; width:100%; height:100%; display:block; position:absolute; top:0; left:0; border:3px solid #606060; border-radius:50%;}
#n_licheng .hd ul li span{ display:block; text-align:center; margin-top:2rem;}
#n_licheng .hd ul li.slick-current{ color:#0081cc;}
#n_licheng .hd ul li.slick-current i:before{ border:1px dashed #128acf;}
#n_licheng .hd ul li.slick-current i:after{ content:""; width:100%; height:100%; display:block; position:absolute; top:0; left:0; background:#128acf; transform:scale(.6); border-radius:50%;}

#n_licheng .slick-arrow{z-index:99;position:absolute;top:auto;bottom: 6rem;right:0;transform:translate(0,0);background-repeat:no-repeat;background-position:center;display:block;width:4.375rem;height: 4.375rem;background-size:contain;transition:.3s;opacity:1;}
#n_licheng .slick-prev{background-image:url(../images/licheng_left.png); left:auto; right:5.2rem; }
#n_licheng .slick-next{background-image:url(../images/licheng_right.png); }
#n_licheng .slick-prev:hover{background-image:url(../images/licheng_left_on.png);}
#n_licheng .slick-next:hover{background-image:url(../images/licheng_right_on.png);}

#n_licheng .line_box{ margin-bottom:2rem; position:relative;}

#n_licheng .line{ height:1rem; border-top:1px dashed #dadbdd; border-bottom:1px dashed #dadbdd; position:relative;}
#n_licheng .line:before{ content:""; width:100%; height:1px; border-top:1px dashed #dadbdd; position:absolute; top:50%; left:0;}
#n_licheng .lc_line{ border-top:1px dashed #0081cc; border-bottom:1px dashed #0081cc; height:1rem; width:0; position:absolute; top:0; left:0; z-index:99; transition:.7s;}
#n_licheng .lc_line:before{ border-top:1px dashed #0081cc;}
.ico_zc{ position:absolute; left:0; bottom:0; transition:.7s;}


/*==============文心版图====================*/
#n_picker{ text-align:center;width:712px; max-width:90%; margin:0 auto;}
#n_picker .box{ display:inline-block;}
#n_picker label{ margin:5px;}
#dr_linkage_diqu_select label{ display:inline-block;}
select{-webkit-appearance: none; outline:none; background-image:url(../images/select_arrow.svg) !important; background-position:95% center !important; background-repeat:no-repeat !important; background-size:18px !important;}
#n_picker .form-control{ display: inline-block; width:100%; min-width:200px; height:50px; padding:0 12px; border-radius:0px; border:0; border-bottom:1px solid #2b92cf; background: #0081cc; height:50px; line-height:46px; font-size:.875rem; color:#fff; color:rgba(255,255,255,.7); font-weight:normal;box-shadow:none;}
.btn_anniu.fl input{ height:50px; line-height:50px; padding:0 20px;}
#n_space .content{ position: relative; min-height: 880px; padding-top:3rem;}
#n_space .n_tt{ margin-bottom:2rem;}
#j_map{ position: absolute; left: 0; top: 0; width: 50%; height:100%;  }
#j_map.fix{ position: fixed; top: 160px; right: 50%; margin-right: -640px;}
#j_map.m_fix{ position: fixed; top: 50px; right: 0%; z-index: 9999;}
.location-map{position:relative;float:right;width:100%; min-height:35.875rem; }
.location-map .inner{position:absolute;top:0;right:0;bottom:0;left:0}
#maps{height:880px}
#maps img{max-width:inherit!important}
#maps .anchorBL{display:none!important}

/*==============版图列表=====================*/
#page_space{width:100%;overflow:hidden;position: relative; margin-top:80px;}
#n_space .content{ width: 50%; overflow:hidden; position:absolute; right:0; height:100%; background:#0081cc;}
#n_space .content.m_fix{ position: fixed; top: 270px; left: 0; width: 100%;}
#n_space .swiper-slide{height: auto;-webkit-box-sizing: border-box;  box-sizing: border-box; padding: 0 30px 0 0;}
#n_space ul{ width:712px; max-width:90%; margin:0 auto; margin-top:1rem; height:calc(100vh - 17rem); overflow:auto; padding-right:2rem;}
#n_space ul::-webkit-scrollbar {width: 5px;height: 8px;background-color: #0081cc;}
#n_space ul::-webkit-scrollbar-track {border-radius: 10px;background-color: #0081cc;}
#n_space ul::-webkit-scrollbar-thumb {border-radius: 10px; background-color: #fff;}

#n_space li{ position: relative; padding:1.625rem 0; opacity:.7;}
#n_space li.active{ opacity:1;}
#n_space li+li{ border-top:1px solid #2d94d1;}
#n_space li:last-child{margin-bottom: 0px;}
#n_space li a{ display: block; position: relative;}
#n_space li .text_box{ }
#n_space li .text_box .box{ padding-top: 1rem;}
#n_space li h1{ background:url(../images/dw.svg) left center no-repeat; background-size:1.1rem;  padding-left:2.5rem; color: #fff; height: 20px; line-height: 20px; font-size: 1.375rem; font-weight:bold; margin-bottom: 1rem; display: block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
#n_space li .con{ margin-top: .9375rem; padding-left:2.5rem; display: block; line-height: 1.875; font-size: .875rem; color: #b8d2eb;  white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
#n_space li:hover { }

.btn_xq{ display:block; width:6.875rem; height:2.2rem; line-height:2.2rem; text-align:center; margin-top:1.5rem; border:1px solid #bcbcbc; border-radius:3px; font-size:12px; color:#575757;}
#n_space li:hover .btn_xq{  }


.main_con2{ position:relative; height:100vh; overflow:hidden; padding-bottom:3rem}
#j_map.right_con2.fixed{ position: fixed; top: 100px; right: 50%; margin-right: -640px;}
#j_map.right_con2.absolute{ position: absolute; left: auto; top: auto; bottom: 5.2rem; right: 0;}

.n_xuanxing+.n_xuanxing .m1360{ border-top:1px solid #dbdcde;}

.n_xuanxing ul{ margin:0 -5px;}
.n_xuanxing ul li{ padding:0 5px;}
.n_xuanxing ul li .box{ background:#fff; display:block; width:238px; max-width:100%; margin:0 auto; text-align:center; padding:3.5rem 1rem;}
.n_xuanxing ul li font{ display:block; width:27px; height:27px; background:url(../images/xuanxing.svg) center no-repeat; background-size:contain !important; margin:0 auto; margin-bottom:1.5rem;}
.n_xuanxing ul li .txt{ height:4rem;}
.n_xuanxing ul li .txt h5{ font-size:1.125rem; line-height:1.5rem; color:#373737;}
.n_xuanxing ul li .txt span{ font-size:.875rem; color:#919191;}
.n_xuanxing ul li .j_btn{ display:block; width:89px; height:35px; line-height:35px; text-align:center; margin:0 auto; background:#f4f5f7; border-radius:5px; font-size:.875rem; color:#555; transition:.5s;}
.n_xuanxing ul li .box:hover .j_btn{ color:#fff; background:#0081cc;}
.n_xuanxing ul li .box:hover font{ background:url(../images/xuanxing_on.svg) center no-repeat;}

.arrow_right .slick-arrow{ z-index:99; position:absolute; left:auto; right:15px; top:-5rem; transform:translate(0,0); background-repeat:no-repeat; background-position:center;  display:block;width: 2.6rem;height: 2.6rem; transition:.3s; }
.arrow_right .slick-prev{background-image:url(../images/arrow_left.png); background-size:2.5rem; right:4.3rem;}
.arrow_right .slick-next{background-image:url(../images/arrow_right.png); background-size:2.5rem; }
.arrow_right .slick-prev:hover{ background-image:url(../images/arrow_left_on.png); }
.arrow_right .slick-next:hover{ background-image:url(../images/arrow_right_on.png); }
.arrow_right .slick-arrow:before{ display:none;}

#n_anzhuang ul li font{ background:url(../images/anzhuang.svg) center no-repeat;}
#n_anzhuang ul li .box:hover font{ background:url(../images/anzhuang_on.svg) center no-repeat;}
#n_guzhang ul li font{ background:url(../images/guzhang.svg) center no-repeat;}
#n_guzhang ul li .box:hover font{ background:url(../images/guzhang_on.svg) center no-repeat;}


#yy_case{ background:#fff;}
#yy_case .box{ margin:0 .8rem; display:block; text-align:center; }
#yy_case .box h5{ font-size:1.125rem; color:#555; line-height:2rem; padding-top:1rem;}
#yy_case .box .img{ font-size:0;}
#yy_case .box .img img{ transition:1s;}
#yy_case .box:hover .img img{ transform:scale(1.05);}
#yy_case .box:hover h5{ color:#0081cc;}
#yy_case .slick-dots{ bottom:-3rem;}
#yy_case .slick-dots li{ width:1.625rem; height:9px; border:1px solid #d4d4d4; opacity:1; transition:.3s; margin:0 3px; }
#yy_case .slick-dots li.slick-active { border:1px solid #6f6f6f;}
#yy_case .slick-dots li button:before{ display:none;}

#n_peixun{ overflow:hidden;}
#n_peixun ul{}
#n_peixun ul li{ overflow: hidden; padding:2.5rem 0;}
#n_peixun ul li+li{ border-top:1px solid #dbdcde;}
#n_peixun ul li .txt{ padding-top:2.25rem; padding-bottom:2rem;}
#n_peixun ul li .tt{ font-size:1.5rem; color:#383838; font-weight:bold; margin-bottom:1.25rem;}
#n_peixun ul li .con{ font-size:1rem; color:#7d7d7d; line-height:1.875rem;}
.blue{ color:#0081cc;}
#n_peixun ul li .tt2{ margin-bottom:1.2rem;}
#n_peixun ul li .lianxi_yuan{ position:relative; max-width:376px;}
#n_peixun ul li .lianxi_yuan .tel{width: 210px; height: 210px;position: absolute; top:50%; margin-top:-105px; right:50%; margin-right:-105px; z-index:999; background:#fff; border-radius:50%;}
#n_peixun ul li .lianxi_yuan .tel p{ font-size:1.5rem; color:#444; margin-bottom:5px;}
#n_peixun ul li .lianxi_yuan .tel h5{ font-size:1.875rem; color:#444; font-family:font_shuzi;}
.circle {
  width: 210px;
  height: 210px;
  margin: 0 auto;
  position: absolute; top:50%; margin-top:-105px; right:50%; margin-right:-105px; z-index:99; text-align:center; 
}
.circle span {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-animation: circleScale 3s linear infinite;
  -moz-animation: circleScale 3s linear infinite;
  -ms-animation: circleScale 3s linear infinite;
  animation: circleScale 3s linear infinite;
}
.circle span:nth-of-type(2) {
  animation-delay: 1s;
}
.circle span:nth-of-type(3) {
  animation-delay: 2s;
}
@keyframes circleScale {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
  }
}
@keyframes circleScale1 {
  0% {
    opacity: 1;
    -webkit-transform: scale(.3);
    -moz-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
  }
}
.circle a{ cursor:pointer; position: absolute; display:block; width:68px; height:68px; left:50%; margin-left:-34px; top:50%; margin-top:-34px;}
.circle a img{ display:block;}

#n_zhiye{ border-bottom:1px solid #e1e2e6; width:100%; overflow:hidden;}
#n_zhiye .txt{ padding-top:4rem; margin-bottom:3rem;}
#n_zhiye .txt .tt{ margin-bottom:1.5rem;}
#n_zhiye .txt .tt h3{ font-size:1.875rem; color:#202020; font-weight:bold; margin-bottom:.5rem;}
#n_zhiye .txt .tt p{ font-size:1rem; color:#454545; letter-spacing:8px;}
#n_zhiye .txt .con{ font-size:.9375rem; color:#606060; line-height:1.875rem;}

#n_peixun2{ background:#fff; width:100%; overflow:hidden;}
#n_peixun2 ul{}
#n_peixun2 ul li{ width:20%; float:left; text-align:center;}
#n_peixun2 ul li font{ display:block; width:11.56rem; height:13.375rem; max-width:100%; transition:.1s; background: url(../images/peixun_bg.png) center no-repeat; background-size:contain; margin:auto; position:relative; margin-bottom:.5rem;transition:0.6s cubic-bezier(.215,.61,.355,1); -webkit-transition:0.6s cubic-bezier(.215,.61,.355,1); -moz-transition:0.6s cubic-bezier(.215,.61,.355,1); -ms-transition:0.6s cubic-bezier(.215,.61,.355,1);}
#n_peixun2 ul li font span{ overflow:hidden; display:inline-block; height:4rem; width:4rem; max-width:40%; max-height:30%; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; transition:0.6s cubic-bezier(.215,.61,.355,1); -webkit-transition:0.6s cubic-bezier(.215,.61,.355,1); -moz-transition:0.6s cubic-bezier(.215,.61,.355,1); -ms-transition:0.6s cubic-bezier(.215,.61,.355,1);}
#n_peixun2 ul li font svg{ display:block; transition:.1s; max-height:100%; width:auto; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; fill:#0081cc; }
#n_peixun2 ul li font svg *{fill:#0081cc; transition:.1s;}
#n_peixun2 ul li:hover font{ background:url(../images/peixun_bg_on.png) center no-repeat; background-size:contain;  }
#n_peixun2 ul li h5{ font-size:1.25rem; color:#000; margin-top:2rem; margin-bottom:.8rem;}
#n_peixun2 ul li:hover span{  -webkit-animation: doudong 1s; -moz-animation: doudong 1s; animation: doudong 1s;}
#n_peixun2 ul li:hover font svg,#n_peixun2 ul li:hover font svg *{ fill:#fff;}

@keyframes doudong {
    from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none }
    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}

#n_salary{ width:100%; overflow:hidden; background:url(../images/fuli_bg.jpg) center no-repeat; background-size:cover; background-attachment:fixed;}
#n_salary .ul_1{ width:20%; float:left;}
#n_salary .ul_2{ width:80%; float:left;}
#n_salary ul li { text-align:center; margin-bottom:1.5rem; padding:0 .75rem; }
#n_salary ul li .box{ cursor:pointer; color:#555555; transition:.3s; padding:0 5px; font-size:1rem; color:#555555; line-height:1.5; border-radius:3px;}
#n_salary ul li font{ display:block; width:2rem; height:2rem; margin:0 auto; position:relative; transition:0.6s cubic-bezier(.215,.61,.355,1); -webkit-transition:0.6s cubic-bezier(.215,.61,.355,1); -moz-transition:0.6s cubic-bezier(.215,.61,.355,1); -ms-transition:0.6s cubic-bezier(.215,.61,.355,1);}
#n_salary ul li span{ display:block; height:5.56rem; width:5.56rem; display:table; border-radius:50%; border:1px solid #bbb; margin:auto; margin-bottom:1rem; transition:0.6s cubic-bezier(.215,.61,.355,1); -webkit-transition:0.6s cubic-bezier(.215,.61,.355,1); -moz-transition:0.6s cubic-bezier(.215,.61,.355,1); -ms-transition:0.6s cubic-bezier(.215,.61,.355,1);}
#n_salary ul li font svg{ display:block; transition:.1s; max-height:100%; width:auto; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; fill:#6e6e6e; }
#n_salary ul li font svg *{fill:#6e6e6e; transition:.1s;}
#n_salary .ul_1 li .box{ background:#fff; height:15.3125rem; padding-top:3.3rem;}
#n_salary .ul_2 li{ width:25%; float:left;}
#n_salary .ul_2 .box{ background:#fff; height:100%; padding-top:1.5rem; height:6.875rem;}
#n_salary .ul_2 .box font{ margin-bottom:.5rem;}
#n_salary ul li .box:hover{}
#n_salary ul li .box:hover font svg{}
#n_salary ul li .box:hover font svg *{}
#n_salary ul li:hover font{  -webkit-animation: doudong 1s; -moz-animation: doudong 1s; animation: doudong 1s;}
#n_salary ul.ul_1 li .box:hover span{ background:#fff; border:1px solid #fff;}
#n_salary ul.ul_1 li .box:hover font svg{ fill:#0081cc;}
#n_salary ul.ul_1 li .box:hover font svg *{ fill:#0081cc;}



#n_join{ padding-bottom:55px; width:100%; overflow:hidden;}
#n_join .hd{ }
#n_join .hd ul li .box{width:220px;height:17.4rem;margin:0 auto;max-width:95%;text-align:center;border-radius:5px;border:1px solid #e5e5e5;color:#323339;font-size:1.125rem;padding-top:35px;box-sizing:border-box;cursor:pointer;position:relative;background: #fff;}
#n_join .hd ul li font{ display:block; width:5.5rem; height:5.5rem; margin:0 auto; border:1px solid #e6e6e6; border-radius:50%; background:url(../images/join.svg) center no-repeat; background-size:2rem;}
#n_join .hd ul li i{ width:20px; height:2px; background:#0081cc; display:inline-block; margin:1.5rem 0 1rem; }
#n_join .hd ul li h5{ font-size:1rem; color:#4c4c4c; text-align:center; margin-bottom:5px; }
#n_join .hd ul li span{ font-size:.875rem; color:#898989; text-transform:uppercase; font-family:arial; margin:0 auto; display:block;}
#n_join .hd ul li.slick-current .box{ border:2px solid #0081cc;}
#n_join .hd ul li.on h5{ color:#fff;}
#n_join .hd ul li.on span{ color:#a5bce0;}
#n_join .bd{ border-radius:5px;margin:0 auto;margin-top:2rem;background: #fff;}
#n_join .bd ul li{}
#n_join .bd ul li .box{height:352px; overflow:auto; margin:2.5rem;}
#n_join .bd ul li .box::selection {color:#fff;background-color: #4687f2;}
#n_join .bd ul li .box::-moz-selection {color:#fff;background-color: #4687f2;}
#n_join .bd ul li .box::-webkit-selection {color:#fff;background-color: #4687f2;}
#n_join .bd ul li .box::-webkit-scrollbar {width: 2px;height: 8px;background-color: #ebebeb;}
#n_join .bd ul li .box::-webkit-scrollbar-track {border-radius: 10px;background-color: #ebebeb;}
#n_join .bd ul li .box::-webkit-scrollbar-thumb {border-radius: 10px; background-color: #0081cc;}

#n_join .hd .slick-arrow{ z-index:99; position:absolute; top:50%; margin-top:-1.3rem; transform:translate(0,0); background-repeat:no-repeat; background-position:center;  display:block;width: 2.6rem;height: 2.6rem; transition:.3s; }
#n_join .hd .slick-prev{background-image:url(../images/arrow_left.png); background-size:2.5rem; left:-5rem;}
#n_join .hd .slick-next{background-image:url(../images/arrow_right.png); background-size:2.5rem; right:-5rem; left:auto;}
#n_join .hd .slick-prev:hover{ background-image:url(../images/arrow_left_on.png); }
#n_join .hd .slick-next:hover{ background-image:url(../images/arrow_right_on.png); }
#n_join .hd .slick-arrow:before{ display:none;}


/*案例弹窗*/
.tc_btn{ cursor:pointer;}
.tc_case {
    width: calc(100vw - 3px); 
    min-height: 420px; max-width: 1200px;
    margin: 0 auto;
    position:relative; z-index:999;
}
.tc_case .tc_close{background:url(../images/close.svg) center no-repeat; background-size:2rem; transition:1s; opacity:.8;}
.tc_case .tc_close:hover{ transform:rotate(90deg);}
.tc_case .tc_close{ position: absolute; cursor:pointer; font-size: 20px; right: 0; top: -2rem; z-index:999; width:37px; height:37px;}
.tc_bg{ height: 100%; background:#1c1c1e; background:rgba(0,0,0,.88); position: absolute; top: 0; left: 0; width: 100%; }
.tc_txt{ height:470px; overflow-y:auto; padding-right:30px;}
.tc_case  .close:hover{ transform:rotate(180deg);}
.tc_case  .close,.tc{ transition:all ease 400ms; -moz-transition:all ease 400ms; -ms-transition:all ease 400ms; -o-transition:all ease 400ms; -webkit-transition:all ease 400ms; } 


.tc_case  .item img{box-sizing:border-box; margin:0 auto; cursor:pointer; }
.tc_case .tc-box{ text-align:center; color:#9d9ea0;}
.tc_case .j_tab{ position:relative;}
.tc_case.tc-box h5.tt{ font-size:1.6rem; color:#fff; margin-bottom:1.5rem; padding:0; line-height:1.3; border:0; text-align:center;}
.tc_case .tc_t{ height:80%; overflow-y:auto;}
.tc_case .tc_slide{width:980px; max-width:80%; margin:0 auto;}
.tc_case .tc_slide .img{ width:100%;} 
.tc_case .tc_slide .img img{ width:100%;}
.tc_case .tc_slide .slick-arrow{ z-index:99; position:absolute; top:50%; margin-top:-22px; transform:translate(0,0); background-repeat:no-repeat; background-position:center;  display:block;width:1.375rem;height: 44px; background-size:contain; transition:.3s; opacity:1;}
.tc_case .tc_slide .slick-prev{background-image:url(../images/tc_left.png); left:-10%;}
.tc_case .tc_slide .slick-next{background-image:url(../images/tc_right.png); right:-10%; left:auto;}
.tc_case .tc_slide .slick-arrow:hover{ opacity:.8; }



/*产品修改*/
.pro_left_con{ padding:0; margin-bottom:3rem;}
.pro_right_con{ padding:0; margin-bottom:3rem;}
#pinpai_txt{ margin-bottom:1.6rem;}
#pinpai_txt .tt{ font-size:1.5rem; color:#393939; margin-bottom:1.5rem;}
#pinpai_txt .con{ font-size:.875rem; color:#7b7c7d; line-height:2;}

#pro_nav{}
#pro_nav .box{ float:right; min-width:211px;}
#pro_nav .tt{ font-size:1.5rem; color:#0081cc; padding-bottom:1.5rem; border-bottom:1px solid #e1e1e1; margin-bottom:1rem;}
#pro_nav ul{}
#pro_nav ul li{font-size:.9375rem; color:#6a6a6a; line-height:3rem;}
#pro_nav ul li a{ display:block; }
#pro_nav ul li i{ display:inline-block; width:11px; height:8px; background: url(../images/pro_nav_i.svg) center no-repeat; background-size:contain; margin-right:.7rem;}
#pro_nav ul li.on,#pro_nav ul li:hover{ color:#0081cc; font-weight:bold;}

.n_pro_pinpai ul{ margin:0 -10px;}
.n_pro_pinpai ul li{ float:left; padding:0 10px;}
.n_pro_pinpai ul li .box{ background:#fff;}
#n_pro.n_pro_pinpai ul{ } 
#n_pro.n_pro_pinpai ul li .box{ border:1px solid #e5e5e5;}
#n_pro.n_pro_pinpai ul li .txt{ background:#fafafa; padding:1.5rem 1rem;}
#n_pro.n_pro_pinpai ul li .txt h5{ margin-bottom:0; font-size:.875rem; color:#494a4a; font-weight:bold;}