@charset "utf-8";

/* CSS Document */

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: 0 !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%;}

table{table-layout: fixed;}

*:focus{ outline: 0 !important; }

.m{ max-width: 1800px; height:100%;margin: 0 auto; padding:0 100px; display: block; position:relative;}

.pad_top{ padding-top:5rem;}

.pad_bot{ padding-bottom:5rem;}

.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=============================*/

#header{ height:5.9375rem; z-index:999; width:100%; position:fixed; top:0;  transition:.5s;}

#header .container{ height:100%;}

#logo{ float:left; height:100%;}

#logo img{ }

#logo img.img02{ display: none;}

#nav{ float:left; }

#nav ul{}

#nav ul li{ float:left;  position:relative; z-index:0;}

#nav ul li+li:after{ content: ""; display: block; width: 1px; height: 1rem; background: #fff; position: absolute; left: 0; top: 50%; margin-top: -.5rem;}

#nav ul li a{ display:block; padding:0 3rem; text-transform:uppercase;}

#nav ul li h3{ font-size:1.125rem; color:#fff; line-height:5.9375rem; transition:.5s; overflow:hidden; position:relative;}

#nav ul li.on h3,#nav ul li:hover h3{ color:#fff; }

#nav ul li h3:before{ content: ""; display: block; width: 0; height: 5px; background: #fff; right: 0; bottom: 0; opacity: 0; transition: .5s; position: absolute;}

#nav ul li a:hover h3:before,#nav ul li.on a h3:before{ opacity: 1; width: 100%; left: 0; right: auto;}

#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:after{ content: ""; display: block; width: 100%; height:18px; background: url(../images/sub_nav_bg.png) center no-repeat; background-size: 100% 100%; margin-top: -3px;}

#nav ul li .sub .box{ padding:10px 10px; text-align: center; background:#98bee8; position: relative; z-index: 9;}

#nav ul li .sub a{ padding:0; line-height:2; transition:.3s; font-size:.9375rem; color: rgba(255,255,255,.8);}

#nav ul li .sub a:hover{ color:#fff;}

#nav ul li:hover .sub{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; visibility:visible; transform:translateY(0px);}

#header.xg{ background:#fff; height: 5rem; box-shadow: 0 1px 2px rgba(0,0,0,.2);}

#header.xg #nav ul li h3{line-height:5rem; color: #333;}

#header.xg #nav ul li h3:before{ background:#0a66ce; }

#header.xg .top_tel{line-height:5rem; background: url(../images/top_tel_on.png) left center no-repeat; color: #222;}

#header.xg #nav ul li.on h3, #header.xg #nav ul li:hover h3{ color: #0a66ce;}

#header.xg #logo .img02{ display: inline-block;}

#header.xg #logo .img01{ display: none;}

#header.xg #nav ul li+li:after{ background: #ddd;}

/***********************/

/*手机头部开始*/

#m_header{ position: fixed;  z-index:999; width:100%; height:4.5rem; left:0; top:0; background:#fff; display:none; }

#m_header #m_logo{ height:4.5rem; line-height: 4.5rem; }

#m_header #m_logo img{ max-height:63%;}

/*导航按钮开始*/

#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:#0a66ce; width:17rem;  height:100vh; right: -400px; top: 0; display:none; padding:50px 0; padding-top:80px; 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: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:100vh; width:100%; position: relative; top:0; left:0; z-index:9; background:#fff; }

#banner .banner_slider{ position:absolute; top:0; left:0; width:100%; height:100%;}

#banner li{ position:relative; }

#banner li .img{ width:100%; height:100vh; z-index:8; -webkit-transform: scale(1.1); transform: scale(1.1);}	

@-webkit-keyframes bgscale {

from { -webkit-transform: scale(1.1); transform: scale(1.1); }

to {-webkit-transform: scale(1); transform: scale(1); }

}

@keyframes bgscale {

from { -webkit-transform: scale(1.1); transform: scale(1.1); }

to {-webkit-transform: scale(1); transform: scale(1); }

}

#banner .slick-active .img{ animation:bgscale 7s linear .3s; animation-fill-mode: forwards;  }

#banner .m{ height:100%;}

#banner li.slick-current{ z-index:999;}

#banner .con{ position:absolute; width:100%; height:100%; top:0; left:0; z-index:999; }

#banner .txt{ margin:0 auto; color:#fff; text-align:center; margin-top:0rem;}

#banner .txt h3{ opacity:0; font-size:3rem; color: #92959a; text-transform:uppercase;  font-family: "Franklin Gothic Demi";  }

#banner .txt h4{ opacity:0; font-size:3.75rem; color: #3a4864; font-weight: bold; text-transform:uppercase; display:block; margin-top:1rem; }

#banner .txt p{ opacity:0; font-size:1rem; line-height: 1.75rem; color: #92959a; display:block; margin-top:.75rem; }

#banner .txt p span{ display: inline-block;}

#banner .txt .pic{ opacity:0;margin: 0 auto; margin-top:3rem; display: inline-block; position: relative; z-index: 1; margin-right: 7rem;}

#banner .txt .pic .img02{ position: absolute; left: 85%; top: 60%; z-index: -1; animation: 3s flash infinite;}

#banner li.slick-current{ z-index:999;}

#banner .remove .demo3 h3{ animation:quit 1s ease-in forwards; }

#banner .remove .demo3 h4{ animation:quit 1s ease-in forwards; }

#banner .remove .demo3 p{ animation:quit 1s ease-in forwards; }

#banner .remove .demo3 .pic{ animation:quit 1s ease-in forwards; }

#banner .slick-current .demo3 h3{ animation:enter 1s .8s ease-out forwards; }

#banner .slick-current .demo3 h4{ animation:enter 1s 1.4s ease-out forwards; }

#banner .slick-current .demo3 p{ animation:enter 1s 1.8s ease-out forwards; }

#banner .slick-current .demo3 .pic{ animation:enterleft 2s 2s ease-out forwards; }

#banner .fenshi{ display: block; width: 7.75rem; height: 8.75rem; line-height: 8.75rem; background: url(../images/bn_dot.png) center no-repeat; background-size: contain; text-align: center; color: #97c3eb; font-size: 1.125rem; padding-right: 1rem; position: absolute; bottom: -1rem;right: 50%; margin-right: -30rem; }

#banner .fenshi.active{ animation:enter 1s forwards;  }

#banner .fenshi span{ font-weight: bold;}

.fenzi{ margin-right: 7px; color: #fff;}

#banner .slick_arrow{ z-index:99; position:absolute; top: 50%; margin-top: -2rem; transform:translate(0,0); opacity:.8; overflow:visible; white-space: nowrap; display:block; width: 66px; height: 66px; transition:500ms; -webkit-transition:500ms; overflow: hidden; border-radius: 2.125rem; cursor: pointer;}

#banner .slick_arrow font{ display: inline-block; width: 60px; height:60px; border-radius:50%; background-size: 1.0625rem !important; border: 1px solid #fff;vertical-align: middle; position: absolute; top: 3px; transition: .3s;}

#banner .slick_arrow span{ opacity: 0; line-height: 66px; color: #fff; position: absolute; top: 0; text-transform: uppercase; font-size: 1.125rem; font-family: "Franklin Gothic Demi Italic"; } 

#banner .slick_arrow:before{ display:none; }

#banner .slick_prev{ left:8rem;}

#banner .slick_next{ right:8rem;}

#banner .slick_prev font{ background: url(../images/banner_left.png) center no-repeat;left: 3px;}

#banner .slick_next font{ background: url(../images/banner_right.png) center no-repeat; right: 3px;}

#banner .slick_prev:hover font{ background: url(../images/banner_left_on.png) center no-repeat #fff; }

#banner .slick_next:hover font{ background: url(../images/banner_right_on.png) center no-repeat #fff; }

#banner .slick_prev span{ left: 8.25rem; }

#banner .slick_next span{ right: 8.25rem; }

#banner .slick_arrow:hover{ width: 13.125rem; background: #0a66ce; transition-delay: .3s;}

#banner .slick_arrow:hover span{ opacity: 1; display: inline-block;}

@-webkit-keyframes enter {

    0% { opacity: 0; transform:translateY(-60%); }

    100% { opacity: 1;  transform: translateY(0px); }

}

@keyframes enter {

    0% { opacity: 0; transform:translateY(-60%); }

    100% { opacity: 1; transform: translateY(0px); }

}

@-webkit-keyframes enterleft {

    0% { opacity: 0; transform:translateX(-60%) scale(.5); }

    100% { opacity: 1;  transform: translateX(0px) scale(1); }

}

@keyframes enterleft {

    0% { opacity: 0; transform:translateX(-60%) scale(.5); }

    100% { opacity: 1; transform: translateX(0px) scale(1); }

}

@-webkit-keyframes quit {

	0% { opacity: 1;  transform: translateY(0px); }

    100% { opacity: 0; transform:translateY(100px); }

}

@keyframes quit {

   0% { opacity: 1;  transform: translateY(0px); }

    100% { opacity: 0; transform:translateY(100px); }

}

@-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%; }

}





.ar_article{ font-size:.9375rem; color:#686868; line-height:1.875rem; text-align:justify; }

.ar_article p{font-size:.9375rem;color:#686868;line-height:1.875rem; padding-bottom:1.75rem;}

.ar_article p:last-child{ padding-bottom: 0;}

.ar_article strong{ font-weight:bold;}

.ar_article td,.ar_article th{ padding:15px; border: 1px solid #c6c5c5; font-size:1rem !important;    font-family: "微软雅黑","Microsoft YaHei", sans-serif !important;}

.ar_article td *,.ar_article th *{ font-size:0.95rem !important; font-family: "微软雅黑","Microsoft YaHei", sans-serif !important;}

.ar_article td p,.ar_article th p{ padding-bottom:0; margin-bottom:0; text-align: inherit;}

.ar_article img{ max-width:100%; margin-bottom: 20px;}
.ar_article video{ width:50% !important; height: auto !important;}
.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;}



.bot{ overflow: hidden;}



#s_pro{ position: relative; width: 100%; overflow: hidden;}

.s_pro_list .tt{ margin-bottom: 6.75rem;}

.s_pro_list .tt h3{ font-size: 2.25rem; color: #363738; font-weight: bold; margin-bottom: .5rem;}

.s_pro_list .tt h3 b{ color: #0a66ce;}

.s_pro_list .tt span{ font-size: 1.125rem; color: #363738; font-family: arial; text-transform: capitalize;}



.s_pro_list{ width: 50%; float: left; background: url(../images/s_pro_bg.jpg) center no-repeat; padding: 6.75rem 0; }

.s_pro_list .m{ max-width: 840px;}

.s_pro_list .bd{}

.s_pro_list .bd ul{}

.s_pro_list .bd ul li{}

.s_pro_list .bd ul li a{}

.s_pro_list .bd ul li .pic{ margin-bottom: 4.75rem;}

.s_pro_list .bd ul li .pic img{}

.s_pro_list .bd ul li .tt2{ margin-bottom:6rem; }

.s_pro_list .bd ul li .tt2 i{ display: block; width: 25px; height: 2px; background: #004590;}

.s_pro_list .bd ul li .tt2 h4{ font-size: 2.25rem; color: #000; margin-top: 2.25rem; margin-bottom: .625rem;}

.s_pro_list .bd ul li .tt2 p{ font-size: 1rem; color: #565656;}

.s_pro_list .bot{ margin-left: -1rem;}

.s_pro_list .hd{ float: left; width: 220px;}

.s_pro_list .hd ul{}

.s_pro_list .hd ul li{ font-size: .875rem; color: #b5b5b5; height: 1.75rem; padding-left: 1rem; position: relative;}

.s_pro_list .hd ul li h5{ line-height: 1.75rem; cursor: pointer;}

.s_pro_list .hd ul li:before{ content: ""; width: 2px; height: 0; opacity: 0; display: block; background: #000; position: absolute; top: 50%; margin-top: -5.5px; left: 0; transition: .3s;}

.s_pro_list .hd ul li.slick-current{ color: #000;}

.s_pro_list .hd ul li.slick-current:before{ opacity: 1; height: 11px;}

.s_pro_list .btn_feiji{ float:right;}

.btn_feiji{ position: relative; padding-top: .8125rem; padding-right: 1.875rem; }

.btn_feiji p{ display: block; width: 12.5rem; height: 3.4375rem; line-height:3.3125rem; border: 1px solid #004ebb; border-left: 7px solid #004ebb; padding-left: 1.625rem; position: relative;}

.btn_feiji span{ display: block; width: 7.875rem; background: url(../images/btn_feiji.png) center bottom no-repeat; background-size: contain; position: absolute; bottom: 0; top: 0; right: 0;}

.btn_feiji font{ display: block; width: 1.625rem; height: 1.625rem; background: #eee; border-radius: 50%; position: absolute; top: 50%; margin-top:-.8125rem;   overflow: hidden; right: 0;}

.btn_feiji font:before{ content: ""; display: block; width: 100%; height: 100%; background: url(../images/arr.png) center no-repeat; position: absolute; left: -100%; top: 0; background-size: 1.5rem; transition: .5s;}

.btn_feiji font:after{ content: ""; display: block; width: 100%; height: 100%; background: url(../images/arr.png) center no-repeat; position: absolute; left: 0; top: 0; background-size: 1.5rem; transition: .5s;}

.btn_feiji:hover font:before{ left: 0;}

.btn_feiji:hover font:after{ left: 100%;}



.s_pro_link{ width: 50%; position: absolute; right: 0; height: 100%;}

.s_pro_link ul{ width: 100%; height:100%;}

.s_pro_link ul li{ width: 100%; height: 50%; position: relative; overflow: hidden;}

.s_pro_link ul li .img{  width: 100%; height:100%; transition: 1s; background-size: cover !important;}

.s_pro_link ul li:hover .img{ transform: scale(1.1) rotate(.1deg);}

.s_pro_link ul li .txt{ position: absolute; left: 0; top: 0; width:100%; height: 100%; padding-left:8rem; padding-top: 8rem;}

.s_pro_link ul li .tt{ color: #fff;}

.s_pro_link ul li .tt i{ display: block; width: 25px; height: 2px; background:#004590;}

.s_pro_link ul li .tt h5{ font-size: 2.25rem; color: #fff; font-weight: bold; margin-top: 2.25rem; margin-bottom: .875rem;}

.s_pro_link ul li .tt p{ font-size: 1rem; color: rgba(255,255,255,.8); line-height: 1.5rem;}

.s_pro_link ul li:nth-child(2) .tt{ position: absolute; bottom: 8rem;}





.btn_jia2 { padding: 2rem;

  margin: 0 auto;

  position: absolute; bottom:-4.5rem; left:50%; margin-left: -4.5rem; z-index:999; text-align:center;  

}

.btn_jia2 span {

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  border-radius: 50%;

  background-color:#0a64ca;

  -webkit-transform: scale(0);

  -moz-transform: scale(0);

  -ms-transform: scale(0);

  transform: scale(0);

  -webkit-animation: circleScale 3s linear infinite;

  -moz-animation: circleScale 3s linear infinite;

  -ms-animation: circleScale 3s linear infinite;

  animation: circleScale 3s linear infinite;

}

.btn_jia2 span:nth-of-type(2) {

  animation-delay: 1s;

}

.btn_jia2 span:nth-of-type(3) {

  animation-delay: 2s;

}

@keyframes circleScale {

  0% {

    opacity: 1;

    -webkit-transform: scale(0);

    -moz-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

  }

}

@keyframes circleScale1 {

  0% {

    opacity: 1;

    -webkit-transform: scale(0);

    -moz-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

  }

  60% {

    opacity: 1;

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(3);

    -moz-transform: scale(3);

    -ms-transform: scale(3);

    transform: scale(3);

  }

}

.btn_jia2 a{ cursor:pointer; position:relative; color: #fff; background-size: 2.5rem; width: 5rem; height: 5rem; border-radius: 50%; background:#0a64ca url(../images/btn_jia2.png) center no-repeat; background-size: 2.5rem; display: block;}



#s_case{ width: 100%; overflow: hidden; background: url(../images/s_case_bg.jpg) center no-repeat; background-size: cover;}

#s_case .top{  z-index: 9;}

#s_case .tt{ color: #fff; display: inline-block; position: relative; float: left; z-index: 99;}
#s_case .tt a{ display: block; overflow: hidden;}
#s_case .tt h3{ color: #fff; font-size: 2.25rem; font-weight: bold; width: 2.5rem; float: left;}

#s_case .tt span{ color: rgba(255,255,255,.4); font-size: 1.125rem; font-family: arial; text-transform: uppercase; transform: rotate(90deg); display: inline-block; 

 position: absolute; top: 35px; left: 8px;}

.btn_jia{ float: right; display: block; width: 3.75rem; height: 3.75rem; background: url(../images/btn_jia.png) center no-repeat; background-size: 1.1875rem; border: 2px solid #fff; position: relative; z-index: 999; transition: .3s;}

.btn_jia:hover{border: 2px solid #0a64ca; background: #0a64ca url(../images/btn_jia.png) center no-repeat;}

#s_case .bd{ text-align: center; color: #fff; margin-top: 3rem; position: relative; z-index: 9;}

#s_case .bd ul{}

#s_case .bd ul li{ padding-bottom: 5rem;}

#s_case .bd ul li .box{ padding-bottom: 5.75rem; position: relative;}

#s_case .bd ul li font{ display: block; width: 4rem; height: 4rem; margin: 0 auto;}

#s_case .bd ul li font img{ display: inline-block;}

#s_case .bd ul li h5{ font-size: 2rem; margin-top: 3rem; margin-bottom: 2rem; }

#s_case .bd ul li i{ display: block; width: 25px; height: 2px; background:#00c5d0; margin: 0 auto; margin-bottom: 1.875rem;}

#s_case .bd ul li p{ font-size: .875rem; line-height: 1.5rem; color: rgba(255,255,255,.6); margin-bottom: 5.625rem; max-width: 718px; margin: 0 auto;}

#s_case .hd{ margin-top: -5rem;}

#s_case .hd ul li{ padding: 0 .625rem;}

#s_case .hd ul li .box{ position: relative;}

#s_case .hd ul li .img{ }

#s_case .hd ul li .img img{ }

#s_case .hd ul li .txt{ position: absolute; z-index: 9; left: 0; top: 50%; bottom: 0; width: 100%; color: #fff;

	background: linear-gradient(top, transparent, rgba(0, 0, 0, 0.25));

    background: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.25));

    background: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.25));

    background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.25));

    background: -moz-linear-gradient(top,transparent, rgba(0, 0, 0, 0.25));

    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(rgba(0, 0, 0, 0.9)));

}



#s_case .hd ul li .con{ padding: 0 3.75rem; position: absolute; width: 100%; left: 0; bottom: 0; padding-bottom:4rem; transition: .7s; opacity: 1;}

#s_case .hd ul li .con i{ display: block; width: 25px; height: 2px; background:#00c5d0; margin-bottom: 1.875rem;}

#s_case .hd ul li .con h5{ font-size: 1.625rem; color: #fff; font-weight: bold; margin-bottom: .75rem;}

#s_case .hd ul li .con p{ font-size: .9375rem; line-height: 1.5rem; color: rgba(255,255,255,.6);}

#s_case .hd ul li.slick-current .con{ bottom: -3rem; opacity: 0;}



 



#s_case .hd .slick-arrow{ font-size:0; transform:translate(0,0); background-repeat:no-repeat; background-position:center; display:block;width:3.4375rem;height: 3.4375rem; background-color:rgba(0,0,0,.55); background-size:1.5rem !important; transition:.3s; opacity:1; z-index: 9; margin-top: -1.718rem;}

#s_case .hd .slick-prev{background-image:url(../images/left_white.svg); left: calc(20vw + .625rem);}

#s_case .hd .slick-next{background-image:url(../images/right_white.svg); right: calc(20vw + .625rem);}

#s_case .hd .slick-arrow:before{ display: none;}

.s_about_bg{background: url(../images/s_about_bg.jpg) center bottom no-repeat;}

#s_about{ position: relative; overflow: hidden; }

#s_about .m{ position: static;}

#s_about .tt{ position: absolute; left: 21%; right: 50%;}

#s_about .tt h3{ font-size: 2rem; font-weight: bold; color: #1b1b1b; margin-bottom: 10px;}

#s_about .tt span{ font-size: 1.125rem; color: #8b8c8e; font-family: arial; text-transform: capitalize; display: block;}

#s_about .tt i{ display: inline-block; width: 25px; height: 2px; background:#0a64cb; margin-bottom: 1.875rem; margin-top: 2.5rem;}

#s_about .tt p{ font-size: 1.125rem; color: #1b1b1b; line-height: 2rem; padding-right: 10px;}

#s_about .txt{ width: 50%; float: right; padding-bottom: 3rem;}

#s_about .txt h3{ font-size: 1.5rem; color: #151515; margin-bottom: 3.125rem;}

#s_about .txt p{ font-size: .875rem; line-height: 1.875rem; color: #747575;}

.btn_tansuo{ line-height: 2.75rem; font-size: 1rem; color: #6e6e6e; margin-top: 3.125rem; display: inline-block;}

.btn_tansuo font{ display: inline-block; width: 2.75rem; height: 2.75rem; background: url(../images/btn_tansuo.png) center no-repeat; background-size: contain !important; vertical-align: middle; margin-right: 11px; margin-top: -3px;}

.btn_tansuo:hover{ color: #004ebb;}

.btn_tansuo:hover font{ background: url(../images/btn_tansuo_on.png) center no-repeat; }

.btn_video{ max-width: 30%; position: absolute; left: 0; bottom: 0; z-index: 9999;}

.btn_video a{ position: absolute; right: 40%; top: 35%; display: block; width: 3rem; height: 3rem;}

.btn_video a img{ transition: 1s;}

.btn_video:hover a img{ transform: rotate(360deg);}

#s_rukou{border-top: 1px solid #c3c5c6; overflow: hidden;}

#s_rukou ul{}

#s_rukou ul li{ width: 33.333%; float: left; position: relative; z-index: 1;}

#s_rukou ul li:before{ content: ""; display: block; width: 0; height: 70%; position: absolute; right: 0; bottom: 0; z-index: -1; transition: 1s;

background: linear-gradient(top, transparent, rgba(211,215,220,.7));

background: -o-linear-gradient(top, transparent, rgba(211,215,220,.7));

background: -ms-linear-gradient(top, transparent, rgba(211,215,220,.7));

background: -webkit-linear-gradient(top, transparent, rgba(211,215,220,.7));

background: -moz-linear-gradient(top,transparent, rgba(211,215,220,.7));

background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(rgba(211,215,220,.7)));

}

#s_rukou ul li:hover:before{ width: 100%; left: 0; right: auto;}

#s_rukou ul li a{ display: block; text-align: center; padding: 12.5rem 1rem;}

#s_rukou ul li font{ display: block; width: 4.625rem; height: 4.625rem; overflow: hidden; margin: 0 auto; transition: 1s;}

#s_rukou ul li font img{ display: inline-block;}

#s_rukou ul li font img.img02{ display: none;}

#s_rukou ul li h5{ font-size: 1.25rem; color: #1b1b1b; font-weight: bold; margin-top: 2rem; margin-bottom: .75rem;}

#s_rukou ul li p{ font-size: .9375rem; color: #5c5c5d; line-height: 1.5rem;}



#s_rukou ul li+li{ border-left:1px solid #cecece;}

#s_rukou ul li:hover font{ transform: rotateY(180deg);}

#s_rukou ul li:hover font img.img01{ display: none;}

#s_rukou ul li:hover font img.img02{ display: inline-block;}



.btn_bian{ display: block; width: 11.4375rem; height: 3.3125rem; background: url(../images/btn_fj2.png) center no-repeat; background-size: contain !important; transition: .3s;}

.btn_bian:hover{ background: url(../images/btn_fj2_on.png) center no-repeat;}



#s_news{ overflow: hidden; border-bottom: 2px solid #e2e2e2;}

#s_news .left_box{ width: 40%; float: left;}

#s_news .right_box{ width: 60%; float:right; padding-left: 5rem;}



#s_news .hd{ overflow: hidden; border-bottom: 2px solid #e2e2e2; }

#s_news .tt{ float: left; font-size: 2rem; line-height: 3rem; color: #363738; font-weight: bold;}

#s_news .tt span{ color: #0a66ce;}

#s_news .hd ul{ width:22rem; float: right;}

#s_news .hd ul li{ line-height: 3.75rem; text-align: center; font-size: 1rem; color: #363738; position: relative; z-index: 1;transition: .5s;}

#s_news .hd ul li a{ display: block;}

#s_news .hd ul li:before{ content: ""; display: block; width: 100%; height:0 ; position: absolute; left: 0; bottom: 0; background: url(../images/btn_bian.png) left bottom no-repeat; background-size: 100% 100% !important; transition: .5s; z-index: -1; }

#s_news .hd ul li.slick-current{color: #fff;}

#s_news .hd ul li.slick-current:before{ height: 100%;}

#s_news .bd{}

#s_news .bd ul{}

#s_news .bd ul li{ overflow: hidden; padding: 3.75rem 0; padding-left: 1.5rem;}

#s_news .bd ul li+li{ border-top: 2px solid #e2e2e2;}

#s_news .bd ul li h5{ font-size: 1.5rem; color: #282829; white-space: normal; overflow: visible; margin-bottom: 1rem; transition: .3s; position: relative;}

#s_news .bd ul li h5 a{white-space: normal; line-height: 2.125rem; height: 4.25rem; overflow: hidden; display: block;}

#s_news .bd ul li h5:hover{ color:#0a66ce;}

#s_news .bd ul li h5:before{ content: ""; display: block; width: 6px; height: 6px; border-radius: 50%; background:#0a66ce; position: absolute; left: -1.5rem; top: 1rem;}

#s_news .bd ul li p{ font-size: .875rem; line-height: 1.5rem; height: 3rem; overflow: hidden;}

#s_news .bd ul li .time{ font-size: 1rem; color: #004ebb; font-family: "Franklin Gothic Demi"; float: left; display: block; margin-top: 3.5rem;}

#s_news .bd ul li .btn_bian{ float: right; margin-top: 1rem;}



.news_pic{ }

.news_pic li{ padding: .9375rem; margin-bottom: 10px; position: relative; z-index: 1; float: left;}

.news_pic li:before{ content: ""; display: block; position: absolute; top: 0; bottom: 100%; left: 0; right: -10rem; background: #004ebb; z-index: -1; opacity: 0; transition: .7s;}

.news_pic li:after{ content: ""; display: block; position: absolute; width: 100px; height: 100px; background: #fff; right: -13.125rem; top: -60px; transform: rotate(45deg); opacity: 0;}

.news_pic li .img{ width: 20rem; float: left; margin-right: 1.5rem; }

.news_pic li .img img{ transition: 1s;}

.news_pic li:hover .img img{ transform: scale(1.1);}

.news_pic li .txt{ padding: 1.5rem 0 1.5rem 0; }

.news_pic li .txt span{ font-size:1.5rem;  color: #004ebb; font-family: "Franklin Gothic Demi"; display: block; margin-bottom: 2.25rem; }

.news_pic li .txt h5{ font-size: 1.125rem; color: #1c1c1c; margin-bottom: .75rem;}

.news_pic li .txt p{ font-size: .875rem; line-height: 1.5rem; height: 3rem; overflow: hidden; color: #797979;}



@media (min-width: 481px)

{

.news_pic li:hover { z-index: 9;}

.news_pic li:hover span{ color: #fff;}

.news_pic li:hover h5{ color: #fff;}

.news_pic li:hover p{ color: #ccd9f1;}

.news_pic li:hover:before{ opacity: 1;bottom:0; box-shadow: 0 5px 20px rgba(0,0,0,.2); }

.news_pic li:hover:after{ opacity: 1;}

}

#foot{}

.foot_top .m{  }

.foot_top .txt{ width:40%; float: left; padding-top: 3.5rem;}

.foot_top .txt .tt{ margin-bottom: 3rem; float: left;}

.foot_top .txt .tt h3{ font-size: 1.125rem; color: #0a66ce; font-weight: bold; margin-bottom: 5px;}

.foot_top .txt .tt span{ font-size: .8125rem; color: #a7a7a7;  }

.foot_top .txt .btn_linedown{ float: right; font-size: .875rem; color: #000000;}

.foot_lianxi{ float: left; max-width: calc(100% - 8rem);}

.foot_lianxi li{ font-size: .875rem; color: #8d8d8d; line-height:1.775rem; margin-bottom: .6rem; padding-left: 2rem; position: relative;}

.foot_lianxi li font{ display: inline-block;position: absolute; left: 0; width: 1.125rem;}

.foot_ewm{ float: right; border: 1px solid #d5d5d5; width: 7.5rem;}



.btn_linedown{font-size:14px; color:#000; position:relative;}

.btn_linedown:hover{ color:#000 !important; }

.btn_linedown:before,.btn_linedown:after{ content:""; width:100%; height:1px; background:#3c756d; display:inline-block; position:absolute; right:0; bottom:-.5rem;}

.btn_linedown:after{ width:0; transition:.5s;}

.btn_linedown:before{ transition:.5s .5s; left:0; right:auto;}

.btn_linedown:hover:before{ width:0; transition:.5s; right:0; left:auto;}

.btn_linedown:hover:after{ width:100%; transition:.5s .5s; left:0; right:auto;}



.foot_top .pic{ max-width: 55%; float: right; position: relative; z-index: 1; margin-bottom: .9375rem;}

.foot_top .pic img{  box-shadow: 0px 56px 21px 0px rgba( 0, 0, 0,.1 );}

.foot_top .pic .block{ position: absolute; width: 100%; height: 100%; background: #b5d1f0; top: .9375rem; left: -.9375rem; z-index: -1;  box-shadow: 0px 30px 15px 0px rgba( 0, 0, 0,.1 );}



.foot_bot{ padding: 2.5rem 0; background:#29292a ; text-align: center;}

.foot_nav{ font-size: .9375rem; color: rgba(255,255,255,.25); margin-top: 1.5rem; margin-bottom: .5rem;}

.foot_nav a{ padding: 0 3rem; line-height: 2; transition: .3s;}

.foot_nav a:hover{ color: #fff;}

.copyright{ font-size: .9375rem; color: rgba(255,255,255,.25); line-height: 1.5;}

#foot a{ transition: .3s;}

.copyright a:hover{ color: #fff;}



.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 .j_tab{ table-layout: fixed;}

.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; transform: translateY(-10rem);transition: all 0.5s ease-out; opacity: 0;

  }

.tc.act .tc-box{ transform: translateY(0); opacity: 1;}

.tc_close{ position: absolute; cursor:pointer; color:#e13a39; font-size:30px; right:15px; top: 15px;}

.tc_bg { height: 100%; background: rgba(0,0,0,.7); position: absolute; top: 0; left: 0; width: 100%; z-index: 0;}

.tc.act .tc_bg{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; transition:.5s; }

.tc_shipin{  width:64rem;  max-width: 90%; margin:0 auto;  background:none; position:relative; height: 38rem;}

.tc_shipin video{ width:100%; height:100%;}

.tc_shipin .tc_close{ display:block; width:1.5rem; height:1.5rem; position:absolute; top:-2rem; right:-3rem; border-radius:50%;}

.tc_shipin .tc_close img{ display:block; position:absolute; width:1rem; height:1rem; left:50%; top:50%; margin-top:-.5rem; margin-left:-.5rem; }

.tc_shipin .tc_close:hover img{transform:rotate(90deg); -webkit-transform:rotate(90deg);  -moz-transform:rotate(90deg);-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}

.video-js{width: 100% !important;height: 100% !important;}

.video-js .vjs-big-play-button{ left:50% !important; top:50% !important; margin-left:calc(-1.6rem - 5px); margin-top:calc(-1.6rem - 5px); background-color: rgba(0, 0, 0, 0) !important;}

video{

    object-fit:fill;  

}

.vjs-poster{ background-size: cover !important;}





/*内页开始*/

#n_banner{ width:100%; height:30rem; overflow:hidden; position:relative; text-align:left; background:#000; z-index: 8; }

#n_banner .con{ height:100%; position: absolute; top:0; left:0; z-index:99; width:100%;}

#n_banner .img{ height:100%; opacity:1; fiter:alrha(opacity=100); }

#n_banner .txt{ padding-top: 3rem;}

#n_banner .txt h3{ text-transform:uppercase; font-size:1.875rem; color:#fff; margin-bottom:.5rem; }

#n_banner .txt span{ display: block; font-size:1.5rem; font-family: "Franklin Gothic Demi";  text-transform: capitalize; color:#fff; color:rgba(255,255,255,.4); text-transform: uppercase;}

#n_banner .txt p{ font-size: 1rem; color: #fff; line-height: 1.5; margin-top: 1.875rem;}



/*内页导航*/

.n_nav_box{ position:relative; height:4.75rem; line-height:4.75rem; z-index: 1; width:100%; overflow:hidden; }

.n_nav_box:after{ content:""; width:100%; height:2px; display:block; background:#e8e8e8; position:absolute; bottom:1px; left:0; transition: .5s; z-index:-1;}

.n_nav{ float:right; }

.n_nav a{ font-size:1rem; color:#5b5b5b; font-weight: bold; display:inline-block; margin-right:3rem; text-align:center; position:relative;}

.n_nav a:before{ content:""; width:0; height:3px; display:block; background:#0a66ce; position:absolute; bottom:0px; transition: .5s; opacity: 0;}

.n_nav a:hover,.n_nav a.on{ color:#0a66ce;}

.n_nav a:hover:before{ width:100%; opacity: 1;}

 .n_nav a.on:before{ width:100%; opacity:1;}

.n_position{ text-align:right; float:left;  font-size:.8125rem; color:#7b7b7d; background:url(../images/home_ico.png) left center no-repeat; padding-left:1.5rem; }

.n_position a{  font-size:.8125rem; color:#7b7b7d; position:relative; line-height:4.75rem; transition:.2s;}

.n_position i{font-size: 0;color:#7b7b7b;display:inline-block;margin:0 12px;font-family:arial;border: 3px solid transparent;border-left: 4px solid #969696;position:  relative;top: -2px;}

.n_position em{ font-size:12px; color:#0a66ce;}

.n_position a:hover{ color:#0a66ce;}



.ar_article{ font-size:.875rem; color:#747474; line-height:1.75rem; text-align:justify; }

.ar_article p{font-size:0.95rem;color:#403e3e;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:.875rem;width: 33%;}

.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_mian{ margin-top: .1px; background: #f6f6f6; border-bottom:2px solid #e2e2e2; }





/*人才招聘*/



#n_join{overflow: hidden; background: #f6f6f6;}

#n_join .img{ width: 32.25%; float: left;}

#n_join #list_slide{ width: 67.75%; float: right; padding-left: 36px;}

#n_join dt span{ float: left; }

#n_join .span01{ width:25%; }

#n_join .span02{ width:15%; }

#n_join .span03{ width:15%; }

#n_join .span03{ width:15%; }

#n_join .span05{ max-width:20%; width: 150px; display: block; height: 100%; text-align: center; position: relative;}

#n_join #list_slide{  position:relative; }

#n_join #list_slide dl{ position: relative; margin-bottom:10px; }

#n_join #list_slide dt {position:relative;cursor:pointer; height:9.375rem; background:#fff; border: 1px solid #dedede; transition:1s; border-radius: 3px; overflow: hidden; font-size: 1rem; color: #797979; padding: 2rem 0; padding-left: 3rem; display: flex; align-items: center;align-content: center; justify-content: space-between; }

#n_join #list_slide dt:hover:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border:2px solid #0a66ce;}

#n_join #list_slide dt span.span01{ border-right: 1px solid #dcdcdc;}

#n_join #list_slide dt span.span01 b{ font-size: 1.3125rem; color: #131313; font-weight: bold;}

#n_join #list_slide dt span.span01 .time{ font-size: .875rem; color: #878787; display: block; padding-left: 1.25rem; background: url(../images/time.png) left center no-repeat; background-size: .8125rem;}

#n_join #list_slide dt span.span05{background:url(../images/n_jia.png) center no-repeat ; background-size: 2rem !important;}

#n_join #list_slide dt span.span05:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/pin.png) center no-repeat; background-size: 4.5rem;}

#n_join .tc{ transition:all ease 300ms; position: fixed; width: 100%; height: 100%;  top: 0; left: 0; z-index:999999; pointer-events: none; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; overflow: auto; padding:3rem 0;}

#n_join .tc.act{ filter:alpha(opacity=100);   -moz-opacity:1;   -khtml-opacity: 1;   opacity: 1;  display: block;  pointer-events: auto;}

#n_join .tc-box{

   margin:0 auto; box-sizing:border-box; background:#fff; display: block; position:relative; z-index:1;

    -webkit-animation-duration: 1.2s;

	animation-duration: 1.2s;

	-webkit-animation-timing-function: linear;

	animation-timing-function: linear;

	-webkit-animation-fill-mode: forwards;

	animation-fill-mode: forwards;  -webkit-animation-name: anim-close-2; animation-name: anim-close-2;}

#n_join .tc.act .tc-box{ -webkit-animation-name: anim-open-2; animation-name: anim-open-2; transform:scale(1);}

#n_join .tc_close{ position: absolute; cursor:pointer; color:#e13a39; font-size:22px; right: -50px; top: -50px; z-index:999; width:40px; height:40px; background:url(../images/close.png) center no-repeat;}

#n_join .tc_bg { height: 100%; background: rgba(0,0,0,.7); position: fixed; top: 0; left: 0; width: 100%; z-index: 0;}

#n_join .tc_txt{ height:470px; overflow-y:auto; padding-right:30px;}





#n_join .tc_zhaopin{ width:850px; max-width: 90%; min-height:420px; padding: 3.5rem 3rem 4rem; border-radius:6px; background:#fff; text-align:left;}

#n_join .tc_zhaopin .tt{ font-size:1.625rem; color:#252525;  margin-bottom:1.875rem; position:relative; padding-bottom:10px; text-align: center; font-weight: bold;}

#n_join .hd{  overflow: hidden; line-height: 4.375rem; display: flex; justify-content: space-around; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; font-size: 1rem; color: #000; margin-bottom: 2rem;}

#n_join .tc_zhaopin p{ font-size:.975rem; color:#131313; line-height:2.25rem;}

 

@media (max-width: 1280px)

{

#n_join .img{ display: none;}

#n_join #list_slide{ width: 100%; float: none; padding-left: 0;}



}

@media (max-width: 480px)

{

#n_join .tc_close{ right:0; width: 20px; height: 20px; background-size: 20px !important; top: -30px;}

#n_join .span02{ display: none;}

#n_join #list_slide dt{ padding-left: 10px; padding-top: 0; padding-bottom: 0; height: 7.5rem;}	

#n_join .span01{ width:30%;}

#n_join .span03{ width: 20%;}

#n_join .span05{ width: 14%;}

#n_join #list_slide dt span.span05:before{ display: none;}

}





/*翻页*/

.page { text-align:center; padding-top: 3rem; font-size: 0; }

.page a{ padding:0 13px; min-width: 35px; height:35px; line-height:33px; display:inline-block; margin:0 4px; border-radius: 2px; color:#66635f; background: #fff; 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:#0a66ce;  color:#fff;}

.page a:hover{ background:#0a66ce; color:#fff;}





.contact_info{ width: 744px; max-width: 100%; position: relative; border-top: 5px solid #0a64cb; padding: 3.25rem 3.75rem; z-index: 9; background: #fff; padding-bottom: 2rem; float: right;}

.contact_info .tt{ margin-bottom: 1.75rem;}

.contact_info .tt h3{ font-size: 1.5rem; color: #4d4d4d; }

.contact_info .tt span{ font-size: 1.125rem; color: #0a66ce; text-transform: uppercase; margin-left: .75rem;}

.contact_info .txt h4{ font-size: 1.5rem; color: #151515; font-weight: bold; margin-bottom: 1.5rem;}

.contact_info ul{ margin-bottom: 2rem;}

.contact_info ul li{ font-size: .875rem; line-height: 1.875rem;  color: #616161; }

.contact_info ul li span{}



.lianxi_ewm{ overflow: hidden; float: left;}

.lianxi_ewm img{ float: left; width: 7.5rem; height: 7.5rem; margin-right: 1.5rem; border: 1px solid #e5e5e5;}

.lianxi_ewm .txt2{ float: left; height: 7.5rem; font-size: .875rem; color: #575757; line-height: 1.5rem;}

.contact_info .dw{ float: right; text-align: right; font-size: .875rem; color: #a7a7a7; height: 7.5rem; line-height: 1.5rem;}

#n_lianxi{ position: relative; height: 54rem;}

#n_map{ overflow:hidden; border: 1px solid #e7e7e7; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #eee;}



#n_lianxi2{ border-bottom: 2px solid #e2e2e2; background: #fff;}

#n_map2{ background: #eee;}



#n_case_xq{ background: #f6f6f6;}

#n_case_xq .tt{ text-align: center;}

#n_case_xq .tt h3{ font-size: 2.25rem; color: #3d3d3d; font-weight: bold;}

#n_case_xq .tt i{ display: block; width: 64px; height: 1px; background: #000; margin: 0 auto; margin-top: .875rem; margin-bottom: 3.75rem;}







#n_zizhi{ width:100%; overflow:hidden; text-align:center;}

#n_zizhi ul{ margin: 0 -2rem; margin-top:-2.5rem;}

#n_zizhi ul li{ margin-top:2.5rem; float: left; width: 20%; padding: 0 2rem;}

#n_zizhi ul li a{ display:block; max-width:319px; background:#fff; margin:0 auto; }

#n_zizhi ul li .img_box{ position:relative; height:12rem; padding: 0 1rem;  }

#n_zizhi ul li .pic{ width:100%; height:100%;  }

#n_zizhi ul li .pic img{ max-width: 150px; max-height: 120px;}

#n_zizhi ul li h5{ font-size:1rem; color:#555555; margin-top:1.5rem;}



#n_zizhi ul li .mask{ position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(10, 102, 206, 0.8); opacity:0; filter:alpha(opacity=0); transition:.5s; }

#n_zizhi ul li .mask font{ display:block; margin:0 auto; width:2rem; height:2rem; background: url(../images/fdj.png) center no-repeat; background-size:1.1875rem; border-radius:50%;}

#n_zizhi ul li .mask p{ color:#fff; font-size:.9375rem; margin-top:1.5rem;}

#n_zizhi ul li .mask i{ display:block; width:15px; height:1px; background:#fff; margin:0 auto; margin-top:.875rem;}

#n_zizhi ul li a:hover{ }

#n_zizhi ul li a:hover .mask{ opacity:1; filter:alpha(opacity=100); }



#n_news{}

#n_news ul{ margin-top: -3.25rem;}

#n_news ul li{ margin-top: 3.25rem;}

#n_news ul li .img{ width: 23.4%;}

#n_news ul li .img img{}

#n_news ul li .txt{ position: absolute; left: 26%; top: 0; height: 100%; right: 0;}

#n_news ul li .txt span{ font-size: 1rem; color: #0a66ce;font-family: "Franklin Gothic Demi";}

#n_news ul li .txt h5{ font-size: 1.5rem; color: #343434; margin-top: 1.25rem; margin-bottom: 1.5rem;}

#n_news ul li:hover .txt h5{ color: #0a66ce; font-weight: bold;}

#n_news ul li .txt p{ font-size: .875rem; color: #6b6b6b; line-height: 1.5rem; height: 3rem; overflow: hidden;}       

#n_news ul li .txt:before{ content:""; display:block; width:100%; height:1px; background:#ddd; position:absolute; right:0; bottom:0; transition:.7s;}

#n_news ul li .txt:after{ content:""; display:block; width:0; height:1px; background:#0a66ce; position:absolute; right:0; bottom:0; transition:1s;}

#n_news ul li .txt:hover:after{ width:100%; left:0; right:auto;}



#n_pro{}

#n_pro ul{ margin: 0 -1.75rem; margin-top: -3rem;}

#n_pro ul li{ width: 50%; float: left; padding: 0 1.75rem; margin-top: 3rem;}

#n_pro ul li a{ display: block; position: relative; background: #fff; padding: 3rem 1rem;}

#n_pro ul li .txt{ text-align: center; position: relative;}

#n_pro ul li .txt h5{ font-size: 1.5rem; color: #000; margin-bottom: 5px;}

#n_pro ul li .txt p{ font-size: .875rem; color: #585858; height: 1.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

 

#n_pro ul li .pic{ text-align: center; margin-bottom: 2.5rem;}

#n_pro ul li .pic img{ display: inline-block; max-width:100%; margin:0 auto;}

#n_pro ul li .pic::before,#n_pro ul li .pic::after{position:absolute;content:'';opacity:0;transition:all 0.6s; z-index:999;}

#n_pro ul li .pic::before{top:0;right:0;bottom:0;left:0;border-top:2px solid #0a66ce;border-bottom:2px solid #0a66ce; 

			transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}

#n_pro ul li .pic::after{top:0;right:0;bottom:0;left:0;border-right:2px solid #0a66ce;border-left:2px solid #0a66ce;transform:scale(1,0);transform-origin:100% 0;}

#n_pro ul li:hover .pic::before,#n_pro ul li:hover .pic::after{opacity:1;transform:scale(1);transition: all 0.5s;}

 

#n_pro ul li font{ display: block; width: 1.625rem; height: 1.625rem;  border: 1px solid #999; border-radius: 50%; position: absolute; top: 50%; margin-top:-.8125rem;   overflow: hidden; right: 2rem;}

#n_pro ul li font:before{ content: ""; display: block; width: 100%; height: 100%; background: url(../images/arr.png) center no-repeat; position: absolute; left: -100%; top: 0; background-size: 1.5rem; transition: .5s;}

#n_pro ul li font:after{ content: ""; display: block; width: 100%; height: 100%; background: url(../images/arr.png) center no-repeat; position: absolute; left: 0; top: 0; background-size: 1.5rem; transition: .5s;}

#n_pro ul li:hover font:before{ left: 0;}

#n_pro ul li:hover font:after{ left: 100%;}



#n_case{}

#n_case ul{ margin: 0 -2rem; margin-top: -2.5rem;}

#n_case ul li{ padding: 0 2rem; margin-top:2.5rem ; width: 33.333%; float: left;}

#n_case ul li .img,#n_case ul li .img img{ overflow:hidden; width:100%; height:100%; position:relative}

#n_case ul li .img img{ transition:1s; display:block;}

#n_case ul li .img .red-bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; }

#n_case ul li .img .red-bg{ background:rgba(0,77,147,0.9);}

#n_case ul li .img .line { display: block; background: #fff; position: absolute; top: 35%; left: 50%; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; }

#n_case ul li .img .line_1 { width: 52px; height: 1px; margin: -1px 0px 0px -26px; transform: translateX(-55px); -webkit-transform: translateX(-55px); }

#n_case ul li .img .line_2 { width: 1px; height: 52px; margin: -26px 0px 0px -1px; transform: translateY(55px); -webkit-transform: translateY(55px); }

#n_case ul li:hover .img .red-bg { opacity: 1; visibility: visible; }

#n_case ul li:hover .img .line { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; }

#n_case ul li:hover .img img{ transform:scale(1.05);}

#n_case ul li .img p{ font-size: .875rem; line-height: 1.5rem; height: 3rem; overflow: hidden; color: rgba(255,255,255,.7); position: absolute; top: 55%; text-align: center; margin: 0 3rem; opacity: 0; transition: .5s; transform: translateY(20px); }

#n_case ul li:hover .img p{ opacity: 1;transform:translateY(0); }

#n_case ul li h5{ height: 3.4375rem; line-height: 3.4375rem; background: #fff; text-align: center; font-size: 1.125rem; color: #3d3d3d; padding: 0 1rem;}

 



/*新闻详情*/



#n_news_xq{ width:100%; overflow:hidden; }



.ar_title{margin-bottom:1.5rem;border-bottom:1px solid #e5e5e5;padding-bottom: .6rem;position:relative; }



.ar_title h3{font-size:1.5rem;color:#313131;font-weight:bold;margin-bottom: 1.1rem; line-height: 1.5;}



.ar_title h3 i{ display: inline-block; width: 5px; height: 20px; position: absolute; background: #0a64cb; left: -22px; top: .125rem;}



.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: 2.25rem;}



.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;}



#n_news_xq .right_con{ float:right; width: 25.75%; }



#n_news_xq .left_con{ width: 70%; float: left; padding-left: 4.5rem; }



#n_news_xq .right_con>.box{padding:2.5rem 2.2rem; border: 1px solid #e5e5e5; }



#n_news_xq .left_con>.box{ }



#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{ }



.news_tuijian .tt{ font-size: 1.25rem; color: #242424; line-height: 2rem; font-weight: bold;}



.news_tuijian .tt i{ display: inline-block; width: 5px; height: 21px; position: relative; background: #0a64cb; margin-right: 10px; position: relative; top: .25rem;}



.news_tuijian .tt span{ font-size: 1rem; color: #0a64cb; font-family: Poppins; margin-left:.625rem; font-weight: normal;}







.news_tuijian .txt{ padding: 1.5rem 0 .75rem; border-bottom: 1px solid #cccccc; position: relative;}



.news_tuijian .txt:after{ content:""; position:absolute; bottom:-1px; left:0; height:2px; background:#0a64cb; display:block; width:68px;}



.news_tuijian .txt h5{ font-size: 1.125rem; line-height: 1.2; color: #404040; font-weight: bold; transition: .3s; margin-bottom: 1.125rem;}



.news_tuijian .txt h5:hover{ color: #0a64cb;}



.news_tuijian .txt p{font-size: .9375rem; color: #adadad; line-height: 1.5rem; height: 3rem; overflow: hidden;}



.news_tuijian .txt .top_box{ overflow: hidden; margin-top: 1rem;}



.news_tuijian .txt .time{ font-size: .9375rem; line-height: 2.625rem; font-family: Poppins; color: #989898;}



.news_tuijian .txt .btn_more{ float: right; font-size: .9375rem; color: #919191;}



.news_tuijian .txt .btn_more:hover{ color: #0a64cb;}



.news_tuijian .txt .arrow_anim{ margin-top: 0;}







.news_tuijian ul{ padding-top: 1rem;}



.news_tuijian ul li{ height:2.625rem;}



.news_tuijian ul li a{ display: block;}



.news_tuijian ul li h5{ font-size:1rem; line-height:2.625rem; color:#6d6d6d;  }



.news_tuijian ul li h5:before{ content:""; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background:#0a64cb;



; margin-right:8px;}



.news_tuijian ul li:hover h5{ color:#0a64cb



;}



.news_tuijian ul li:hover h5:before{ color:#0a64cb



;}







#ar_fot{ margin-top:10px; position:relative; 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:#0a64cb;}



#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 #0a64cb;}



#ar_fot .bnt_back:hover a{ color:#0a64cb; }







#piaofu_news{ position: absolute; left:50%; margin-left: -800px; top:750px; z-index:99;}



#piaofu_news.xg{ position: fixed; left:50%; margin-left: -800px; top:150px; z-index:99;}



#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 span{ position: absolute; z-index: 9; padding-left: 5px; width:5.5rem; height: 41px; line-height: 41px; right: 100%; text-align: center; font-size: .875rem; color: #fff; opacity: 0;}



#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 #0a64cb; background: #0a64cb; width:calc(5.5rem + 41px); }



#piaofu_news ul li:hover span{ opacity: 1;}



/*==============分享插件=====================*/



.ar_fx{ margin:0 auto; text-align:center;}



#j_shart_s_240{ position:relative; white-space:nowrap;}



#j_shart_s_240 .fx{ position:relative; top:2px; cursor:pointer;}



.ar_fx h4{ font-size:.875rem; float: left; line-height: 35px;}



.ar_fx .shart_box2{ float: left;}



#j_shart_s_240 a{ display: inline-block !important; position:relative; cursor:pointer; float:none !important; background: none;}



#j_shart_s_240 a:before{ content:""; display:block; width:100%; height:100%; border-radius:50%; position:absolute; top:0; left:0; z-index:2; background-size:auto 25px !important;}



#j_shart_s_240 a:after{ content:""; display:block; width:100%; height:100%; border-radius:50%; position:absolute; top:0; left:0; background:#fff; ; transition:.5s; transform:scale(0); z-index:1;}



#j_shart_s_240 a:hover:after{ transform:scale(1);}



#j_shart_s_240 a.bds_weixin:before{ background:url(../images/share_weixin_gray.png) center no-repeat; background-size:auto 17px !important; }



#j_shart_s_240 a.bds_sqq:before{background:url(../images/share_qq_gray.png) center no-repeat; background-size:auto 13px !important; }



#j_shart_s_240 a.bds_tsina:before{ background:url(../images/share_sina_gray.png) center no-repeat; background-size:auto 17px !important; }



#j_shart_s_240 a.bds_count:hover{ font-size:12px;}



#j_shart_s_240 a:nth-child(1){ transition:.6s .1s;}



#j_shart_s_240 a:nth-child(2){ transition:.6s .2s;}



#j_shart_s_240 a:nth-child(3){ transition:.6s .3s;}



#j_shart_s_240 a:nth-child(4){ transition:.6s .4s;}







.arrow_anim{ display: block; width: 2.625rem; height: 2.625rem; border-radius: 50%; background: #f5f7f9; position: relative; margin-top: 1.25rem; overflow: hidden;}



.arrow_anim:before{ content: ""; display: block; width: 100%; height: 100%; background: url(../images/pro_i.png) center no-repeat; position: absolute; left: -100%; top: 0; background-size: 1.0625rem; transition: .5s;}



.arrow_anim:after{ content: ""; display: block; width: 100%; height: 100%; background: url(../images/pro_i.png) center no-repeat; position: absolute; left: 0; top: 0; background-size: 1.0625rem; transition: .5s;}



.item:hover .arrow_anim:before{ left: 0;}



.item:hover .arrow_anim:after{ left: 100%;}



#n_pdf{}

#n_pdf ul{ margin: 0 -6rem; margin-top: -2.5rem;}

#n_pdf ul li{ width: 50%; float: left; padding: 0 6rem; margin-top: 2.5rem;}

#n_pdf ul li a{ display: block; height: 6rem; position: relative; transition: .3s;}

#n_pdf ul li a:before{ content: ""; display: block; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; background: #dbdbdb;}

#n_pdf ul li .txt{ width: calc(100% - 9rem); float: left;}

#n_pdf ul li .txt h5{ line-height: 6rem; font-size: 1.125rem; color: #4e4e4e;}

#n_pdf ul li .txt  i{ display: inline-block; width: .5rem; height: .5rem; border-radius: 50%; background: #073190; margin-right: 1rem; vertical-align: middle;transition: .3s;}

#n_pdf ul li font{ width: 9rem; float: right; line-height: 6rem; height: 6rem; text-align: center; background: url(../images/pdf.png) center no-repeat; background-size: 2.5rem !important; position: relative;transition: .3s;}

#n_pdf ul li font:before{ content:""; display: block; width: 1px; height: 38px; background: #c5c5c5; position: absolute; top: 50%; margin-top: -19px; left: -1rem; transition: .3s;}

#n_pdf ul li:hover a{ background: #fff;box-shadow: 0px 0px 62px 19px rgba( 0, 0, 0,.1 );}

#n_pdf ul li:hover .txt i{ opacity: 0;}

#n_pdf ul li:hover font{ background: url(../images/pdf_on.png) center no-repeat #073190;}

#n_pdf ul li:hover font:before{ height: 0; opacity: 0;}

 

 

#n_licheng{ width:100%; overflow:hidden; background:url(../images/licheng_bg.jpg) left bottom no-repeat; position:relative; z-index: 1; padding-bottom: 0;}

#n_licheng .m{ overflow: hidden; }

#n_licheng .tt{ text-align: center; margin-bottom: 5rem;}

#n_licheng .tt h3{ font-size: 1.875rem; color: #232323; font-weight: bold; margin-bottom: .5rem;}

#n_licheng .tt span{ font-size: 1.25rem; color: #b7b7b7; font-family: Poppins;}

#n_licheng .left_box{ width:50%; float: left; position: -webkit-sticky; position: sticky; top: 0;}

#n_licheng .right_box{ width: 50%; float: right; position: relative;}

.fjline{ position: absolute; right: -1rem; bottom: -1rem; z-index: -1;}

#n_licheng ul{ position: relative; display: block; min-height: 95vh; padding-bottom: 5rem; overflow: auto; padding-top: 30px;}

#n_licheng ul::-webkit-scrollbar{ display: none;}

#n_licheng ul:after {content:""; width:2px; height:calc(100% + 90px); background:#d0d1d3; display:block; position:absolute; top:-30px; left:5.9375rem;}

#n_licheng ul li:first-child:before {

    content: "";

    width: 1.1875rem;

    height: 23px;

    background: url(../images/licheng_ico.png) center top no-repeat; background-size: contain;

    display: block;

    z-index: 999;

    position: absolute;

    top: -30px;

    left: 5.375rem;

}

#n_licheng ul:before {

    content: "";

    width: 1.375rem;

    height: 19px;

    background: url(../images/licheng_down.png) center top no-repeat; background-size: contain;

    display: block;

    z-index: 999;

    position: absolute;

    bottom:3rem;

    left: 5.25rem;

}

#n_licheng ul li{ position: relative; margin-bottom:1.25rem;}

#n_licheng ul li .year{ position:absolute; z-index:9; width:5.9375rem; top:50%;  height:40px; line-height:40px; text-align:center; margin-top:-20px;}

#n_licheng ul li .year span{ font-size:1.5rem; color:#515355; font-family: arial; font-weight:bold; transition:.2s; position: absolute; right: 2.5rem;}

#n_licheng ul li .year:before{ content:""; width:10px; height:10px; background:#fff; border:2px solid #136bce; display:block; border-radius:50%; position:absolute; top:50%; margin-top:-5px; right:-5px; }

#n_licheng ul li .year:after{ content:""; width:1rem; height:2.625rem; background: url(../images/kedu.png) center no-repeat; background-size: contain; display:block; position:absolute; top:calc(50% + 1rem); right:-1rem; transition:.5s;}

#n_licheng ul li:hover .year:before{ background: url(../images/ico_fj.png); width: 1.625rem; height: 1.625rem; background-size: contain; border: none; margin-top: -.8125rem; right: -.885rem;}

#n_licheng ul li.slick-current .year span{ color:#d9000f; font-size:1.625rem;}

#n_licheng ul li:after{ content:""; width:2px; height:calc(100% + 90px); background:#d0d1d3; display:block; position:absolute; top:-30px; left:5.9375rem;}

#n_licheng ul li .txt{ margin-left:9.375rem; background: #fff; border: 1px solid #eaeaea; border-radius:3px; padding:1rem 2rem; font-size:.875rem; color:#4e4e4e; line-height:1.875rem; position:relative; transition: .2s;}

#n_licheng ul li .txt dl{ margin:0; overflow: hidden;}

#n_licheng ul li .txt dt{ float: left; font-weight: bold; width: 6rem; line-height:1.875rem;}

#n_licheng ul li .txt dd{ float: left; line-height:1.875rem;}

#n_licheng ul li:hover .txt{ background: #0a66ce; color: #fff;}

#n_licheng ul li:hover .year span{ } 

 

#n_about{}

#n_about .tt{ line-height: 2rem; margin-bottom: 3rem;}

#n_about .tt h3{ font-size: 1.5rem; color: #151515; font-weight: bold; float: left; margin-right: 1rem;}

#n_about .tt span{ font-size: 1rem; color: #a7a7a7; letter-spacing: .625rem; display: inline-block;}



.s_line{ position: absolute; top: 50%; width: 100%; left: 0;}

.s_line .fl{ width:20%; height:1px; background:#cfcfcf;}

.s_line .fr{ width:20%; height:1px; background:#cfcfcf;}

.s_line .yuan{ width:10px; height:10px; border:1px solid #d1d1d1; background:#fff; position:absolute;border-radius:50%; top:-5px; z-index: 9;}

.s_line .yuan1{ left:20%; margin-left:-5px; }

.s_line .yuan2{ right:20%; margin-right:-5px; }



.n_shuzi{ width: 100%; overflow: hidden; position: relative;}

.n_shuzi ul{ width:55%; margin: 0 auto;}

.n_shuzi ul li{ width: 20%; float: left; position: relative; text-align: center;}

.n_shuzi ul li .box{ display: inline-block; text-align:left;}

.n_shuzi ul li .box font{ width: 2.5rem; height: 2.5rem; display: block;}

.n_shuzi ul li p{ font-size: 1rem; color: #686868; margin-top: 1rem; margin-bottom: .875rem; }

.n_shuzi ul li h4{  font-weight: normal;}

.n_shuzi ul li h4 span{ font-family: "Franklin Gothic Demi"; font-size:1.875rem; color: #0a66ce; margin-right: .5rem;}

.n_shuzi ul li h4 b{ font-size:1.5rem; font-family: "Franklin Gothic Demi";  color: #0a66ce;vertical-align:super;}

.n_shuzi ul li+li:after{ content:""; display: none; width: 1px; height: 2.5rem; position: absolute; left: 0; top: 2rem; background: #ccc;}



#n_video{ width: 100%; overflow: hidden; }

#n_video .img{ position:relative; z-index:9;cursor: none; overflow: hidden; border-radius: 0 3.5rem 0 3.5rem; overflow: hidden;}

#n_video .img a{ display: block; }

#n_video .img a>img{ transition: 1s; }

#n_video .img:hover a>img{ transform: scale(1.03) rotate(.1deg);}

#n_video .img .mask{ position:absolute; z-index:1; bottom:0; left:0; width:100%; height:100%; transition:.5s; text-align:center; opacity:1; }

#n_video .img .mask font{ display:block; width:3.75rem; height:3.75rem; transition:.5s; border-radius:50%;  margin:0 auto; position: relative;}

#n_video .img .mask font img{ position: relative; z-index: 9;}

 





.n_wap_advantage{ background:url(../images/pro_ys_bg.jpg) center no-repeat; background-size: cover; width:100%; overflow:hidden;}

.n_wap_advantage ul{ text-align:center; font-size:0;}

.n_wap_advantage ul li{ color:#fff; text-align:center; width:33.333%; float: left; margin-bottom: 2rem; position: relative;}

.n_wap_advantage ul li+li:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; border-left:1px solid #d1d1d1;}

.n_wap_advantage ul li font{ display:block; width:13rem; height:13rem; line-height:13rem; border-radius:50%; background:#fff; border: 1px solid #d1d1d1; margin:0 auto;}

.n_wap_advantage ul li font img{ max-width:3.25rem; max-height:3.25rem; vertical-align:middle; display: inline-block;}

.n_wap_advantage ul li h5{ font-size:1.875rem; margin-top:1.7rem; color: #000000; margin-bottom:.8rem; text-transform:uppercase;}

.n_wap_advantage ul li p{ font-size:.875rem; line-height:1.25rem; color:#6f6f6f;}



.n_wap_advantage ul li:hover font img{ animation:huadong3 .7s ease-in-out;}

@-webkit-keyframes huadong3 {

	0% { transform:translateX(0); opacity:1;}

	50%{ transform:translateX(-100%); opacity:0;}

	51%{ transform:translateX(100%); opacity:0;}

	100% { transform:translateX(0); opacity:1;}

}



@keyframes huadong3 {

	0% { transform:translateX(0); opacity:1;}

	50%{ transform:translateX(-100%); opacity:0;}

	51%{ transform:translateX(100%); opacity:0;}

	100% { transform:translateX(0); opacity:1;}

}



.pro_xq_tt{ text-align: center; margin-bottom: 3.75rem;}

.pro_xq_tt h3{ font-size: 2.25rem; color: #0a66ce; font-weight: bold; margin-bottom: 9px;}

.pro_xq_tt span{ font-size: 1rem; color: #858585; display: block;}





#s_story{ }

.video_box{ position:relative; z-index:1;  visibility: visible; width: 100%; height:0; padding-top:41%; overflow: hidden;}

#myVideo {    /*object-fit: cover;*/

    border: none !important; position: absolute;

        position: absolute;

    width: 100%;

    top:-18%;

	bottom:-10%;

    left: 0;



	}

	

.sticky{ position: -webkit-sticky; position: sticky; top: 0; width: 100%; height:806px;  }

.video_box .jg div {

  position: absolute;

  background: #fff;

  overflow: hidden;

  transition: 1s all

}

 





#pro_canshu{ width: 100%; overflow: hidden; background: url(../images/pro_canshu_bg.jpg) center top no-repeat; }

#pro_canshu .hd{}

#pro_canshu .hd .pic{ float: left; margin-left:5%; height: 25rem; }

#pro_canshu .hd .pic img{ transition: .5s;}

#pro_canshu .hd .pic img:hover{ transform: translateY(-5%);}

#pro_canshu .hd .pro_xq_tt{ text-align: right; float: right; background: url(../images/pro_canshu_tt.png) left center no-repeat; padding-left:7.5rem ;}

#pro_canshu .bd{}

#pro_canshu .bd ul{ text-align:center; font-size:0; margin: 0 auto; max-width: 1080px; }

#pro_canshu .bd ul li{ color:#fff; text-align:center; width:20%; float: left; margin-bottom: 2rem; padding: 0 8px; overflow: hidden;}

#pro_canshu .bd ul li .box{ border: 1px solid rgba(255,255,255,.4); padding: 5rem 0 3rem;position: relative; z-index: 1;}

#pro_canshu .bd ul li h4{ font-size:1.5rem; margin-top:1.7rem; color: #00fff0; font-family:"微软雅黑"; line-height: 2rem; height: 4rem; overflow: hidden; padding: 0 10px; margin-bottom:.8rem; transition:.7s; }

#pro_canshu .bd ul li h4 span{word-break: break-all;}

#pro_canshu .bd ul li p{ font-size:1.125rem; line-height:1.25rem; color:#fcfcfc; transition:.7s;}



#pro_canshu .bd ul li .box:after{ content:""; display:block; width:0; height:100%; background:#0a66ce; position:absolute; z-index: -1; right:0; bottom:0; transition:.7s;}

#pro_canshu .bd ul li .box:hover:after{ width:100%; left:0; right:auto;}

#pro_canshu .bd ul li .box:hover h4{ color: #fff;}

#pro_canshu .bd ul li .box:hover p{ color: #fff;}





#pro_zaiti{ width:100%; overflow: hidden; background: url(../images/pro_zaiti_bg.jpg) center no-repeat; background-size: cover;}

#pro_zaiti ul{ margin: 0 -1rem;}

#pro_zaiti ul li { text-align: center; padding: 0 1rem;}

#pro_zaiti ul li .box{ display: inline-block; cursor: pointer;}

#pro_zaiti ul li .pic{ height: 9rem; width: 8rem; margin: 0 auto;}

#pro_zaiti ul li .pic img{ display: inline-block;}

#pro_zaiti ul li .txt{}

#pro_zaiti ul li .txt h5{ max-width: 11.875rem; border: 2px solid #848484; font-size: 1.125rem; font-weight: bold; line-height: 2.875rem; margin: 0 auto; margin-top: 1.625rem; margin-bottom: 1.5rem; position: relative; z-index: 1; transition: .7s;}

#pro_zaiti ul li .txt p{ font-size: .875rem; color: #6a6a6a; line-height: 1.25rem;}



#pro_zaiti ul li .txt h5:after{ content:""; display:block; width:0; height:100%; background:#0a66ce; position:absolute; z-index: -1; right:0; bottom:0; transition:.7s;}

#pro_zaiti ul li .txt:hover h5:after{ width:100%; left:0; right:auto;}

#pro_zaiti ul li .txt:hover h5{ color: #fff; border: 2px solid #0a66ce;}



.tc_zaiti{ width: 766px; max-width: 90%; background: #fff; border-radius: 5px; margin: 0 auto; padding: 4.5rem 4rem;}

.tc_zaiti .tc_close{ width: 1.625rem; top: 1.75rem; right: 1.75rem; position: absolute; }

.tc_zaiti .tt{ text-align: center; font-size: 1.875rem; color: #000000; font-weight: bold; line-height: 2; margin-bottom: 2.5rem; }

.tc_zaiti .tt i{ display: inline-block; width: 4.5rem; height: 1px; background: #4c4c4c; vertical-align: middle; margin: 0 1.5rem;}

.tc_zaiti table{ width:100%;table-layout: auto; }

.tc_zaiti td,.tc_zaiti th{ padding:1rem; line-height: 1.5; border: 1px solid #e5e5e5; font-size:1rem !important; color: #000; text-align: center;}

.tc_zaiti td *,.tc_zaiti th *{ font-size:0.9375rem !important; font-family: "微软雅黑","Microsoft YaHei", sans-serif !important;}

.tc_zaiti td p,.tc_zaiti th p{ padding-bottom:0; margin-bottom:0; text-align: inherit;}

.tc_zaiti tr:nth-child(even){ background: #efeff2; }

.tc_zaiti .con{ font-size:0.9375rem; line-height: 1.875rem; color: #666; }





#n_case.pro_case{ width:100%; overflow: hidden; background: url(../images/pro_case_bg.jpg) center no-repeat; background-size: cover;}

#n_case.pro_case ul{ margin-bottom: 2rem; position: relative;}

#n_case.pro_case ul li a{ display: block; background: #fff;}

#n_case.pro_case .pro_xq_tt h3{ color:#fff;}

#n_case.pro_case .pro_xq_tt span{ color:#fff; display: block;}



#n_case.pro_case .slick-arrow{ z-index:99; position:absolute; top:50%; border-radius: 50%; margin-top:-1.25rem; transform:translate(0,0); opacity:1; border: 1px solid #fff;

	display:block; width: 2.5rem; height: 2.5rem; background-size:1.0625rem !important; z-index: 99;}

#n_case.pro_case .slick-prev{ left:-5rem;  background:url(../images/banner_left.png) center no-repeat; ;}

#n_case.pro_case .slick-next{ right:-5rem; background:url(../images/banner_right.png) center no-repeat; }

.slick-prev:before, .slick-next:before{ display:none;}



#gallerySlider .placeholder img{ max-width: 80% !important; max-height: 90% !important;}







/*banner修改*/

#banner .fenshi{ display:none; }

#banner .slick-current .demo3 .pic{ animation:enterleft2 10s 2s ease-out forwards infinite; }

@-webkit-keyframes enterleft2 {

    0% { opacity: 0; transform:translateX(-60%) scale(.5); }

    20% { opacity: 1;  transform: translateX(0px) scale(1); }

    100% { opacity: 1;  transform: translateX(0px) scale(1); }

}

@keyframes enterleft2 {

    0% { opacity: 0; transform:translateX(-60%) scale(.5); }

    20% { opacity: 1;  transform: translateX(0px) scale(1); }

    100% { opacity: 1;  transform: translateX(0px) scale(1); }

}



.slick-arrow.slick-hidden{ display: none !important; }
.btn_jia3{ float: right; display: block; width: 5rem; height: 3.75rem; color: #fff; text-align: center; line-height: 3.5rem; border: 2px solid #fff; position: relative; z-index: 999; transition: .3s;}
.btn_jia3:hover{border: 2px solid #0a64ca; background: #0a64ca ;}

#n_case_xq .m{ max-width: 1600px;}