/*===================CSS Reset================*/
::selection {color:#fff;background-color: #06783b;}
::-moz-selection {color:#fff;background-color: #06783b;}
::-webkit-selection {color:#fff;background-color: #06783b;}
::-webkit-scrollbar {width: 3px;height: 8px;background-color: #F5F5F5;}
::-webkit-scrollbar-track {border-radius: 10px;background-color: #E2E2E2;}
::-webkit-scrollbar-thumb {border-radius: 10px; background-color: #333;}
* {padding: 0;margin: 0; box-sizing:border-box;}
@media (min-width:1660px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1660px){html{font-size:15px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:15px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:14px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:13px;}}
@media (max-width:328px){html{font-size:12px;}}

#bdshare_weixin_qrcode_dialog *,#bdshare_weixin_qrcode_dialog{ box-sizing:content-box; }
body {font: 14px/1.231 "微软雅黑", 'Microsoft YaHei', arial, clean, sans-serif; position:relative; color: #333; margin: 0; line-height:1.2; min-width:1200px; overflow-x:hidden}
.loading-mask {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	background: #06783b;
	transition: cubic-bezier(.62, .06, .07, .98) 1s;
	-ms-transition: cubic-bezier(.62, .06, .07, .98) 1s;
	-o-transition: cubic-bezier(.62, .06, .07, .98) 1s;
	-webkit-transition: cubic-bezier(.62, .06, .07, .98) 1s;
	-moz-transition: cubic-bezier(.62, .06, .07, .98) 1s
}
.loading-mask.compelet {
	transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%)
}
.full {
    width: 100%;
    height: 100%;
}

:focus { outline: 0;}
 input,button,a { outline:0;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display: block;}
ins {background-color: #ff9;color: #000;text-decoration: none;}
mark {background-color: #ff9;color: #000;font-style: italic;font-weight: bold;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #cccccc;margin: 1em 0;padding: 0;}
input,select {vertical-align: top;}
li,ul {list-style-type: none;}
img {border: none;}
a{text-decoration: none; color: inherit;}
a:link,a:hover,a:active,a:visited {text-decoration: none;}
input,textarea {outline: 0;border: 0;}
textarea {resize: none;}
h1,h2,h3,h4,h5,h6,dl,dd,dt,i,em {font-weight: normal;font-style: normal;}
ul, li {list-style: none;margin: 0;padding: 0;}

/*自定义样式*/
.fl {float: left;}
.fr {float: right;}
.m{width: 1200px;margin: 0 auto; display: block; position:relative;}
.m1440{max-width: 1440px; width:90%; margin: 0 auto; display: block; position:relative;}
.m1600{max-width: 1600px; width:90%; margin: 0 auto; display: block; position:relative;}
.m1900{max-width: 1900px;width:90%;margin: 0 auto;display: block;/* position:relative; */}
.img{ overflow:hidden;}
.img img{ width:100%; height:100%;}
h5{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
h5 a{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.clear{ clear:both;}

/*首页开始*/

#header{ position:absolute; z-index:999; width:100%; transition:1s; height:90px;}
#header .m{ position:relative;}	
.line_bot{ display:block; width:100%; height:1px; position:absolute; left:0; bottom:0; background:rgba(255,255,255,.2);}
#logo{ float:left; height:90px;}
#logo a{ display:table-cell; vertical-align: middle; height:90px;}
#logo img{ display:block;}
#nav{float:right;position:  absolute;right:  0;}
#nav ul{ float:left;}
#nav ul li{ float:left;}
#nav>ul>li>a{ padding:0 28px;}
#nav ul li a{ font-size:15px; color:#fff; display:block;}
#nav ul li a h3{ position:relative; font-size:15px; color:#fff; height:90px; line-height:90px;text-transform: capitalize;}
#nav ul li.on h3,#nav ul li:hover h3{ }
#nav ul li h3:after{ content:""; display:block; width:100%; height:3px; position:absolute; left:0; background:#2f308a; bottom:-1px; transition:.3s; transform:scale(0);}
#nav ul li h3:hover:after,#nav ul li.on h3:after{  transform:scale(1);}
#nav .list{ white-space:nowrap;  height:0; background:#fff; padding-top:30px; position:absolute;top:90px; opacity:0; visibility:hidden; transition:.7s; overflow:hidden;}
#nav .list .con{ display:inline-block; margin-left:33px; margin-right:20px; vertical-align:top;}
#nav .list .img{ width:280px; display:inline-block; height:183px; margin-right:35px;}
#nav .list a{ color:#515151; height:30px;line-height:30px; display:block;font-size:14px;text-decoration:none;  font-weight:normal;  margin-right:31px; transition:.5s; }
#nav .list a:hover{ margin-right:0;}
#nav .list a:before{ content:""; display: inline-block; width:0; height:1px; background:#515151; position:relative; top:-6px; margin-right:0; transition:.5s;}
#nav .list a:hover:before{ width:19px; margin-right:12px; }
#nav li:focus .list,#nav li:hover .list{ opacity:1; visibility:visible; height:245px;}
#nav li:focus .list a,#nav li:hover .list a{ }
#nav ul li:nth-child(4) .list{ margin-left: auto; }
#nav ul li:nth-child(5) .list{ margin-left: auto; }
#nav ul li:nth-child(6) .list{ margin-left: auto; }
#nav ul li:nth-child(7) .list{ margin-left: auto; }
#nav ul li:nth-child(8) .list{ margin-left: auto; }

.search_btn{height:90px;line-height:90px;margin-left:30px;cursor:pointer;padding-top:5px;position:relative;width:100px;text-align:  center;}
.search_btn:after{ content:""; width:1px; height:100%; display:block; position:absolute; background:rgba(255,255,255,.2); left:0; top:0;}

#header .dw2{ float:left; height:90px; width:172px; cursor:pointer; position:relative; margin-left:50px;}
#header .dw2 .j_tab{ }
#header .dw2:after{ content:""; width:1px; height:100%; display:block; position:absolute; background:rgba(255,255,255,.2); right:0; top:0;}
#header .dw2.yuyan:before{ content:""; width:1px; height:100%; display:block; position:absolute; background:rgba(255,255,255,.2); left:0; top:0;}
#header .dw2 .dh{  height:29px; line-height:29px; text-align:center; font-size:14px; color:#fff; cursor:pointer; }
#header .dw2 .dh span{ background:url(../image/jt1.png) right center no-repeat; padding-right:22px;}
#header .dw2 .dd{padding-bottom:10px;padding-top:10px;position:absolute;top: 90px;width: 100%;text-align:center;background: #00aeef;left: 0;border: 1px solid #00aeef;opacity: 0;visibility: hidden;transition: 400ms;transform: translateY(15px);}
#header .dw2 .dd:before{content:"";display:inline-block;border:8px solid transparent;border-bottom: 8px solid #00aeef;position:absolute;top:-16px;left:50%;margin-left:-8px;}
#header .dw2 .dd a{display:block;text-align:center;line-height:30px;color: #fff;font-size:13px;padding:0 10px;}
#header .dw2 .dd a:hover{ font-weight:bold; }
#header .dw2.on .dd{opacity:1; visibility: visible; transform: translate(0);}

/**/

.tc{ transition:all ease 300ms; position: fixed; width: 100%; height: 100%;  top: 0; left: 0; z-index:9999999999; pointer-events: none; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.tc.act{ filter:alpha(opacity=100);   -moz-opacity:1;   -khtml-opacity: 1;   opacity: 1;  display: block;  pointer-events: auto;}
.tc-box{
  width: 60rem; padding-top:40px;
  max-width:80%;
  margin:0 auto; margin-top:-80px;
  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;
  overflow:  hidden;
  }
.tc.act .tc-box{ -webkit-animation-name: anim-open-2; animation-name: anim-open-2; transform:scale(1);}
.close{ position: absolute; cursor:pointer; color:#e13a39; font-size:30px; right: 30px; top: 30px;}
.tc_bg { height: 100%; background: rgba(0,0,0,.85); position: absolute; top: 0; left: 0; width: 100%; z-index: 0;}
.tc_txt{ height:470px; overflow-y:auto; padding-right:30px;}
/*弹窗内容样式*/
.tc-box form{ position:relative;border-bottom:2px solid #eee; height:4.25rem; padding-right:20px; position:relative;}
.tc-box .tc_fdj{ position:absolute; left:20px; display:block; height: 4.25rem; line-height: 4.25rem;}
.tc-box .tc_fdj img{ width:1.3rem;}
.tc-box form label{ text-align:left; display:block; position:absolute; bottom:0; height: 4.25rem; line-height: 4.25rem;font-size:1.6rem; color:#999; pointer-events:none; margin-left:20px; transition:.3s;}
.tc-box form label.act{ font-size:16px; bottom:3rem;line-height: 3rem; height:3rem;}
.tc-box #keyword{width: 80%;height:4.25rem; padding:0 20px;font-size:1.6rem; color:#999;box-shadow:none;-webkit-appearance: none;float:left;border-right: 0; background:none;}
.tc-box .btn_blue{width: 40px;height:4.25rem; border:0; line-height:4.25rem;background:url(../image/search.png) center center no-repeat;font-size:1.125rem;color:#fff;cursor:pointer;text-transform:uppercase;float:right;}
.tc-box .btn_blue.fr{ background:#e9edef; color:#4e4f53;}

/* icon hover */
.icon_hover::before,
.icon_hover::after {
display: block;
transition: transform 0.4s ease, opacity 0.4s ease;
}

.icon_hover::after {
position: absolute;
transform: translateY(8px);
opacity: 0;
}
.icon_hover:hover::before {
transform: translateY(-8px);
opacity: 0;
}
.icon_hover:hover::after {
transform: translateY(0);
opacity: 1;
}
	

/*首页banner*/

.banner{ height:100vh; width:100vw; position:relative;}
.banner  li{ position:relative; }
.banner li .img{ position: relative; left:0; top:0; width:100%; height:100vh; background-size:cover !important; z-index:8;  }	
#banner li img{ display:inline-block; margin-bottom:100px;}
#banner li .con{ position:absolute; width:100%; height:100%; top:0; left:0; z-index:999; text-align:center; }
#banner li .bn1_txt{position:absolute;left:50%;top:50%;margin-left:-369px;margin-top: -269px;}
#banner li .bn1_light_dot{position:absolute;left:50%;top:50%;margin-left:-369px;margin-top: -151px;}
#banner li .bn1_light_dot{
    motion-path: path("M100 130 A100 360 85 0 0 700 70");
    offset-path: path("M100 130 A100 360 85 0 0 700 70");
    animation: move 2s ease-in-out alternate; motion-offset: 100%;  offset-distance: 100%; transform:scale(.8);
}
@keyframes move {
  0%{ motion-offset: 0%;  offset-distance: 0%; transform:scale(1);}
  100% { motion-offset: 100%;  offset-distance: 100%; transform:scale(.8);}
}
#banner li .bn1_pro{ position:absolute; left:50%; top:50%; margin-left:200px; margin-top:-89px;}
#banner li .bn1_light{ position:absolute; left:-721px; top:-90px; width:930px; height:591px;
background: url(../image/banner1_light.png) ;
-webkit-mask: url(../image/banner1_light.png) no-repeat;
-webkit-mask-size:930px 591px;
animation: 2s maskPosition alternate ;
}
@keyframes maskPosition{
0%{-webkit-mask-position:930px 0;}
100%{-webkit-mask-position:0 0;}
}
#banner li .txt h5{ font-size:44px; font-weight:bold; margin-bottom:23px; color:#fff; transition:1.5s .6s; opacity:0; display:block; transform:translateY(100px);}
#banner li .txt p{ font-size:15px; color:#fff; color:rgba(255,255,255,.75); transition:1.5s .6s; opacity:0; display:block; transform:translateY(140px);}
#banner .more_btn{ transform:translateY(180px); opacity:0; transition:1.5s .6s; }
#banner li.slick-current .txt span,#banner li.slick-current .txt h5,#banner li.slick-current .txt p,#banner li.slick-current .txt .more_btn{ transform:translateY(0px); opacity:1;}
#banner li.slick-current{ z-index:999;}
.banner .slick-arrow{ z-index:99; position:absolute; top:50%; margin-top:-32px; transform:translate(0,0); 
	display:block;
    width: 63px;
    height: 63px;}
.banner .slick-prev{ left:115px;
	background:url(../image/banner_left.png) left center no-repeat;
	transition:300ms;
	-webkit-transition:300ms;
	animation:moveL 2s linear infinite;
	}
	
.banner .slick-next{ right:115px;
	background:url(../image/banner_right.png) right center no-repeat;
	transition:300ms;
	-webkit-transition:300ms;
	animation:moveL 2s linear infinite;
	}

.slick-prev:before, .slick-next:before{ display:none;}
@keyframes moveL{
	0%{ transform:translateX(0); -webkit-transform:translateX(0);}
	25%{ transform:translateX(-3px); -webkit-transform:translateX(-3px);}
	50%{ transform:translateX(0); -webkit-transform:translateX(0); }
	75%{ transform:translateX(3px); -webkit-transform:translateX(3px); }
	100%{ transform:translateX(0); -webkit-transform:translateX(0);}
	}
@-webkit-keyframes moveL{
	0%{ transform:translateX(0); -webkit-transform:translateX(0);}
	25%{ transform:translateX(-3px); -webkit-transform:translateX(-3px);}
	50%{ transform:translateX(0); -webkit-transform:translateX(0); }
	75%{ transform:translateX(3px); -webkit-transform:translateX(3px); }
	100%{ transform:translateX(0); -webkit-transform:translateX(0);}
	}

@-webkit-keyframes bgscale {
from { -webkit-transform: scale(1.05); transform: scale(1.05); }
to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes bgscale {
from { -webkit-transform: scale(1.05); transform: scale(1.05); }
to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
@-webkit-keyframes bgscale2 {
from { opacity: 1; -webkit-transform: scale(1); transform: scale(1);  }
to { -webkit-transform: scale(1.05); transform: scale(1.05);}
}
@keyframes bgscale2 {
from { opacity: 1; -webkit-transform: scale(1); transform: scale(1);  }
to { -webkit-transform: scale(1.05); transform: scale(1.05);}
}


.more_btn{ width:145px; height:45px; display:block; margin:0 auto; border-radius:30px; border:1px solid #fff; border:1px solid rgba(255,255,255,.6); line-height:43px; color:#fff; font-size:14px; margin-top:50px; text-align:center;}

.mouse { position: absolute; left:50%; bottom: 116px; margin-left:-10px; text-align: center; z-index: 50; opacity:.55;}
.mouse span { display: inline-block; width: 24px; height:36px; border:2px solid #fff; border-radius:12px; margin: auto; position: relative; }
.mouse span:after{ content:""; width:11px; height:18px; background:url(../image/mouse_tail.png) center no-repeat; display:block; position:absolute; bottom:-28px; left:50%; margin-left:-5.5px; animation-delay: 600ms; animation-duration: 1500ms; animation-iteration-count: infinite; animation-name: arrow; animation-play-state: running; animation-timing-function: linear; }
.mouse 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 b { display: block; text-align: center; color: #766047; font-size: 18px; line-height: 1; font-family: Arial; margin-top: 4px; 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); }
}


.s_about{ background:url(../image/s_about_bg.jpg) bottom no-repeat;}
.s_about .tt{ margin-bottom:38px;}
.s_about .tt h3{ font-size:36px; color:#fff; font-weight:bold; margin-bottom:20px; transform:translateY(200px); transition:1s; opacity:0;}
.s_about .tt p{ font-size:15px; color:#fff; transform:translateY(200px); transition:1s; opacity:0;}
.s_about .con{ width:560px; font-size:15px; line-height:32px; color:#fff; transform:translateY(200px); transition:1s; opacity:0;}
.s_about .more_btn{ margin:0; margin-top:60px; transform:translateY(200px); transition:1s; opacity:0;}

.s_about.active .tt h3{ transform:translateY(0px); opacity:1; transition:1.5s 0s;}
.s_about.active .tt p{ transform:translateY(0px); opacity:1; transition:1.5s .2s;}
.s_about.active .con{ transform:translateY(0px); opacity:1; transition:1.5s .4s; }
.s_about.active .more_btn{ transform:translateY(0px); opacity:1; transition:1.5s .6s; }

.s_tt{}
.s_tt a{ }
.s_tt h3{ font-size:36px; color:#3b3c3d; font-weight:bold; margin-bottom:16px;}
.s_tt p{ font-size:15px; color:#3b3c3d;}
.s_pro{ background:url(../image/s_pro_bg.jpg) bottom no-repeat; background-size:cover;}
.s_pro .m{ position:relative; z-index:0;}
.s_pro .s_tt{ float:left;}
.s_pro .hd{ overflow:hidden; margin-bottom:65px;}
.s_pro .hd ul{ float:right; margin-top:33px;}
.s_pro .hd ul li{ float:left; margin-left:30px; height:40px; font-size:18px; color:#2b2b2b; cursor:pointer; position:relative;}
.s_pro .hd ul li:before{ content:""; width:100%; height:3px; display:block; position:absolute; left:0; bottom:0; background:#a3a4a4;}
.s_pro .hd ul li:after{ content:""; width:0; height:3px; display:block; position:absolute; left:0; bottom:0; background:#2f308a; transition:.5s;}
.s_pro .hd ul li.slick-current{ color:#2f308a;}
.s_pro .hd ul li.slick-current:after{ width:100%;}

.s_pro .hd2{ overflow:hidden; margin-bottom:55px;}

.s_pro .hd2 ul{ width:1090px; float:left;}
.s_pro .hd2 ul .slick-track{ float:left; }
.s_pro .hd2 ul .slick-track:before{ content:""; width:1px; height:100%; background:#b2b3b8; position:absolute; left:0; top:0; display:block;}
.s_pro .hd2 .more{ float:right; line-height:50px;}
.s_pro .hd2 ul li{ cursor:pointer; height:50px; line-height:48px; border:1px solid #b2b3b8; border-left:0; text-align:center; font-size:13px;}
.s_pro .hd2 ul li.slick-current{ color:#fff; border:1px solid #2f308a; background:#2f308a;}

.s_pro_list{ position:relative;}
.s_pro_list .txt{ width:555px; float:left;}
.s_pro_list .txt h5{ font-size:30px; color:#232323; margin-bottom:30px;}
.s_pro_list .txt p{ font-size:14px; color:#464748; line-height:28px; height:84px; overflow:hidden;}
.s_pro_list .txt .btn{ margin-top:55px; display:block; width:145px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:14px; background:#2f308a; border-radius:20px;}
.s_pro_list .img{ width:500px; float:right;}
.s_pro_list .img img{ width:auto; max-width:100%;}
.s_pro_list .img img{ transform:translateY(20px); opacity:1; transition:0.4s;}
.s_pro_list .slick-current .img img{ transform:translateY(0); opacity:1; transition:1s 0.2s;}
.scan_anim{ position:absolute; bottom:-180px; right:0; width:506px; height:509px; transform:rotateX(70deg) scale(.9); -moz-transform:rotateX(70deg) scale(.9); -ms-transform:rotateX(70deg) scale(.9); -o-transform:rotateX(70deg) scale(.9); -webkit-transform:rotateX(70deg) scale(.9); z-index:-1; }
.scan_anim span{ position:absolute; left:0; top:0;}
.scan_anim .scan_up{animation: radar-beam 5s linear infinite;}
@keyframes radar-beam {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*.s_pro ul li .img{ transform:translateY(150px); opacity:0; transition:0.4s;}
.s_pro.active ul li .img{ transform:translateY(0); opacity:1; transition:1s 0.2s;}*/
.s_pro .txt{ transform:translateX(-120px); opacity:0; transition:0.4s;}
.s_pro.active .txt{ transform:translateX(0); opacity:1; transition:1s 0.2s;}

.s_apply .fp-tableCell{ background:#f3f5f7;}
.s_apply .s_tt{ height:13rem; padding-top:60px; text-align:center; position:relative; }
.s_apply ul{ margin-right:-10px;}
.s_apply ul li{ width:25vw; height:calc(100vh - 13rem); float:left;  transition:.5s; overflow:hidden; position:relative; z-index:0;}
.s_apply ul li .img{ width:100%; height:100%; position:absolute; top:0; left:0; z-index:0; transition:.5s;}
.s_apply ul li .txt{ width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; padding-top:169px; }
.s_apply ul li .txt .con{ display:block; max-width:80%; margin:0 auto; text-align:center;}
.s_apply ul li a{ display:block; width:424px; height:100%; overflow:hidden;}
.s_apply ul li span{ font-size:24px; font-family:arial; text-transform:uppercase; color:#fff; display:block; margin-bottom:18px; transition:.5s;}
.s_apply ul li h5{ font-size:18px; color:#fff; margin-bottom:20px; margin-bottom:38px; transition:.5s;}
.s_apply ul li .more{ width:48px; height:5px; display:block; margin:0 auto; background:url(../image/s_more.png) center no-repeat;}
.s_apply ul li .img:before{ content:""; display:block; width:0; height:100%; position:absolute; top:0; right:0; background:rgba(0,0,0,.3); transition:.7s;}
.s_apply ul li:hover .img:before{ width:100%; left:0; right:auto;}

.s_case .m{ position:relative; z-index:99;}
.s_case .fp-tableCell{ background:url(../image/s_case_bg.jpg) center no-repeat;}
.s_case .tt{ overflow:hidden; color:#3c3c3c; position:relative; margin-bottom:30px; text-transform:uppercase;}
.s_case .tt h3{ font-size:38px; font-weight: bold;}
.s_case .tt p{ font-size:15px; font-weight:normal; margin-top:15px;}
.s_case .tt span{ float:left; font-size:14px; padding-top:55px; font-weight:normal; background:url(../image/s_case_more.png) left 57px no-repeat; padding-left:26px;  }
.s_case .tt ul{ float:left; margin-top:50px; margin-right:38px;}
.s_case .tt ul li{ float:left; margin-left:13px; color:#3c3c3c; font-size:16px; height:27px; position:relative; cursor:pointer;}
.s_case .tt ul li:before{ content:""; width:100%; height:3px; display:block; position:absolute; left:0; bottom:0; background:#a3a4a4;}
.s_case .tt ul li:after{ content:""; width:0; height:3px; display:block; position:absolute; left:0; bottom:0; background:#2f308a; transition:.5s;}
.s_case .tt ul li.slick-current{ color:#2f308a;}
.s_case .tt ul li.slick-current:after{ width:100%;}

.s_case_list{}
.s_case_list ul{ margin:0 0 -8px -8px;}
.s_case_list ul li{ position:relative; float:left; margin:0 0 8px 8px; width:394px; height:245px; background:#000;}
.s_case_list ul li img{ }
.s_case_list ul li .mask{ display:table; width:100%; height:100%; position:absolute; z-index:0; left:0; top:0; transition:.5s;}
.s_case_list ul li .mask:after{ content:""; position:absolute; z-index:-1; right:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3); -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;}/*for IE9*/ 
.s_case_list ul li .mask:before{ content:""; position:absolute; right:0; top:0; width:0; height:100%; background:rgba(21,96,157,0.9); -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;}
.s_case_list ul li:hover .mask:after {
    left: 0;
    width: 0;
}
.s_case_list ul li:hover .mask:before{
    left: 0;
    width: 100%;
}
.s_case_list ul li .mask p{ font-size:16px; color:#fff; text-align:center; padding:0 20px; position:relative;}
/*.s_case_list ul li:hover .mask{ background: rgba(20,78,161,.85)}*/

.s_case .s_case_list ul li{ transform:translateY(150px); opacity:0; transition:0.4s;}
.s_case.active .s_case_list ul li{ transform:translateY(0); opacity:1;}
.s_case.active .s_case_list ul li:nth-child(1){ transition:1s 0.2s;}
.s_case.active .s_case_list ul li:nth-child(2){ transition:1s 0.4s;}
.s_case.active .s_case_list ul li:nth-child(3){ transition:1s 0.6s;}
.s_case.active .s_case_list ul li:nth-child(4){ transition:1s 0.8s;}
.s_case.active .s_case_list ul li:nth-child(5){ transition:1s 1s;}
.s_case.active .s_case_list ul li:nth-child(6){ transition:1s 1.2s;}
.s_case.active .s_case_list ul li:nth-child(7){ transition:1s 1.4s;}
.s_case.active .s_case_list ul li:nth-child(8){ transition:1s 1.6s;}

canvas {
	display:block;
}
.waves {
	position:absolute; z-index:0;
	left:0;
	top:0;
	right:0;
	bottom:0;
}


.s_news{ background:url(../image/s_news_bg.jpg) bottom no-repeat; background-size:cover;}
.news_pic{ width:420px; height:505px; float:left; background:#fff; border-radius:8px; overflow:hidden;}
.news_pic .img{}
.news_pic .img img{}
.news_pic .txt{ padding:45px;}
.news_pic .txt span{ font-size:14px; color:#5b5b5b;}
.news_pic .txt h5{ font-size:22px; color:#353535; font-weight:bold; white-space: normal; line-height:32px; height:64px; margin-bottom:22px; margin-top:12px;}
.s_news .tt{ overflow:hidden; color:#fff; position:relative; margin-bottom:30px; text-transform:uppercase;}
.s_news .tt h3{ float:left; font-size:38px; font-weight: bold;}
.s_news .tt p{ font-size:15px; font-weight:normal; margin-top:15px;}
.s_news .tt span{ float:right; font-size:14px; padding-top:55px; font-weight:normal; background:url(../image/s_news_more.png) left 57px no-repeat; padding-left:26px;  }
.s_news ul{ float:right; width:726px; color:#fff; margin-top:-25px;}
.s_news ul li{ height:138px; padding-top:30px; }
.s_news ul li+li{ border-top:1px dashed rgba(255,255,255,.2);}
.s_news ul li a{ display:block; width:100%;}
.s_news ul li span{ opacity:.75; font-size:14px; margin-bottom:7px; display:block;}
.s_news ul li h5{ font-size:18px; font-weight:bold; margin-bottom:15px;}
.s_news ul li p{ opacity:.8; font-size:14px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}


.ib{ display: inline-block; vertical-align: middle; letter-spacing: 0; } 
	.ab-more { display: block; height: 40px; color: #353535; line-height: 40px; overflow: hidden; transition: 300ms; }
	.ab-more i { line-height: 24px; font-size:20px; }
	.ab-more .aw { position: relative; margin-left: 10px; width: 30px; height: 19px; }
	.ab-more .aw:before, .ab-more .aw:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(../image/aw_3.png) no-repeat;}
	.ab-more .aw:before { background-position: right center; }
	.ab-more .aw:after { opacity: 0; visibility: hidden; transform: translateX(-10px); }
	.ab-more:hover .aw:before {
    opacity: 0;
    visibility: hidden;
    transform: translateX(20px);
    transition: 200ms;
	}
	.ab-more:hover .aw:after {
		opacity: 1;
		visibility: visible;
		transform: none;
		transition: 200ms 400ms;
	}


.foot{ background:#2e2e30 !important; color:#a9a9a9; padding-top:75px;}

.foot_lianxi .txt{ font-size:14px; line-height:30px; color:#d8d8d8; margin-bottom:20px; }
.foot_lianxi .txt h5{ font-size:18px; color:#fff; margin-bottom:10px;}
.foot_nav{}
.foot_nav ul{}
.foot_nav ul li{ float:left; margin-right:50px;}
.foot_nav ul li h3{ text-transform:uppercase; font-size:16px; color:#f6f6f6; margin-bottom:13px;}
.foot_nav ul li .list{}
.foot_nav ul li .list a{ display:block; font-size:14px; color:#afafaf; line-height:30px;}

.foot .shart_box{ display:inline-block; float:left; margin-top: -3px;}
.foot #j_shart_s_24 .bds_qzone{background:url(../image/j_shart2.png) center -224px no-repeat}
/*.foot #j_shart_s_24 .bds_tsina{background:url(../image/j_shart2.png) -73px 0px no-repeat}*/
.foot #j_shart_s_24 .douyin{background:url(../image/j_shart2.png) -73px 0px no-repeat}
.foot #j_shart_s_24 .bds_tqq{background:url(../image/j_shart2.png) 0px 0px no-repeat}
.foot #j_shart_s_24 .bds_renren{background:url(../image/j_shart2.png) center -340px no-repeat}
.foot #j_shart_s_24 .bds_weixin{background:url(../image/j_shart2.png) -35px 0px no-repeat}
.foot #j_shart_s_24 .bds_sqq{background:url(../image/j_shart2.png) 0px 0px no-repeat}
.foot #j_shart_s_24 .bds_fbook{background:url(../image/j_shart2.png) center -166px no-repeat}
.foot #j_shart_s_24 .bds_twi{background:url(../image/j_shart2.png) center -137px no-repeat}
.foot #j_shart_s_24 .bds_linkedin{background:url(../image/j_shart2.png) center -108px no-repeat}
.foot #j_shart_s_24 .bds_tieba{background:url(../image/j_shart2.png) center -253px no-repeat}
.foot #j_shart_s_24 .bds_huaban{background:url(../image/j_shart2.png) center -253px no-repeat}
.foot #j_shart_s_24 .bds_douban{background:url(../image/j_shart2.png) center -253px no-repeat}
.foot #j_shart_s_24 .bds_copy{background:url(../image/j_shart2.png) center -253px no-repeat}
.foot #j_shart_s_24 .bds_print{background:url(../image/j_shart2.png) center -253px no-repeat}
.foot #j_shart_s_24 .bds_mshare{background:url(../image/j_shart2.png) center -253px no-repeat}
.link{ padding:30px 0; }
.link .m{ position:relative; padding-left:70px;}
.link h3{ font-size:13px; color:#c0c0c1; position:absolute; left:0; line-height: 30px;}
.link .con{ line-height:30px;}
.link .con a{ font-size:14px; color:#727273; padding:0 10px; line-height:30px; transition:.3s; position:relative;}
.link .con a:hover{ color:#fff;}

.foot_bot{ text-align:center; border-top:1px solid #38393a; margin-top:0px; padding-top:30px; overflow:hidden; padding-bottom:55px;}
.foot_bot .copyright{ display:block; font-size:12px; color:#686869; margin-top:22px; }
.foot_bot .copyright p{ font-size:12px; color:#686869; }
.foot_bot .copyright a:hover{ color:#fff;}
.foot a{ transition:.3s;}
.foot_nav ul li .list a:hover{ color:#fff;}
.foot_ewm{}
.foot_ewm .ewm{ float:left; margin-right:20px;}
.foot_ewm .ewm .img{ width:118px; height:118px; border:1px solid #4d4d4f; padding:12px;}
.foot_ewm .ewm .img img{}
.foot_ewm .ewm span{ background:#2e2e30; top:-6px; position:relative; font-size:12px; color:#f6f6f6; padding:0 10px;}

.foot_search{ text-align:right;}
.foot_search p{ font-size:14px; color:#c0c0c1; line-height:24px; padding-top:8px;}
.foot_search form{ font-size:0; margin-left:18px; margin-top:15px;}
.foot_search form input{ width:260px; height:45px; color:#999; padding:0 20px; font-size:12px; background: none; border:1px solid #515152; }
.foot_search form button{ width:85px; height:45px; background:#005da9; color:#f6f6f6; border:0; font-size:12px; font-weight:bold; text-transform:uppercase; margin-left:5px;}


#fp-nav ul li a span, .fp-slidesNav ul li a span{ background: #fff; background: rgba(255,255,255,.8);}
#fp-nav ul li .fp-tooltip{ display:none;}


#fix_ewm_box{position: fixed; top: 0px; right: 0; z-index: 999999999999999999999999; display: none; width: 100%; height: 100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#D8000000', endColorstr='#D8000000');background:rgba(0,0,0,0.85); }
#fix_ewm_box .ewm{ display: block; position: absolute; background:#fff; padding:15px; border-radius:5px; top: 50%; margin-top: -100px;  left: 50%; margin-left: -60px; width: 160px; -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;}
#fix_ewm_box .ewm img{ width:130px; height:130px;}
#fix_ewm_box .ewm p{ text-align:center; font-size:14px;}


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;}/* WebKit browsers */
input:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */}/* Mozilla Firefox 4 to 18 */
input:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */
input:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */
input:focus:-ms-input-placeholder {color: transparent;}/* 点击搜索框获取焦点 placeholder消失-结束 */
textarea::-webkit-input-placeholder{color:#999;}
textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#999;}
textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#999;}
textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#999;}/* WebKit browsers */
textarea:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */}/* Mozilla Firefox 4 to 18 */
textarea:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */
textarea:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */
textarea:focus:-ms-input-placeholder {color: transparent;}/* 点击搜索框获取焦点 placeholder消失-结束 */
textarea::-webkit-scrollbar {width: 1px; }


/*========= 内页开始 =========*/

#header.n_header{ position: fixed; background:#262728; top:0; height:133px;}
/*内页banner*/
.bn-box {width: 100%;overflow: hidden;position: relative;z-index:0;}
.ny_banner {width: 2000px;height:300px;position: relative;overflow: hidden;margin-left: 50%;left: -1000px;top: 0; overflow:hidden;}
.ny_banner .m{ display:table; position:relative; }
.ny_banner .m .box{height:300px; vertical-align:middle; display:table-cell; margin:0 auto; }
.ny_banner h5{ font-size:36px; color:#fff; margin-top:40px; text-transform: capitalize;}
.ny_banner span{ font-size:15px; color:#fff; display:block; margin-top:15px; }
.ny_banner .box i{ display: inline-block; width:25px; height:1px; background:#fff; position:relative; margin-left:14px; top:-10px;  }


/*=====面包屑===*/
.n_position{ height:80px; background:#eff1f5; border-bottom:1px solid #e4e2e1; clear:both; overflow:hidden; }
.n_position ul{ float:left;}
.n_position ul li{ height:80px; line-height:80px; text-align:center; float:left; display:inline-block; position:relative;  }
.n_position ul li a{ display:block; position:relative; z-index:1; text-align:center; font-size:16px; color:#3b3c3d; padding:0 40px;}
.n_position ul li.on{ background:#2f308a;}
.n_position ul li.on a{ color:#fff; text-transform: capitalize}
.n_position ul li:hover a{ color:#fff;  text-transform: capitalize}
.n_position li i { position: absolute; right: 0; top: 0; display: block; height:100%; width:0; background:#b0b1b1; transition:all ease 600ms; z-index:0;}
.n_position li:hover i { width:100%; left:0; right:auto;}
.n_position h3{ font-size:12px; line-height:80px; display:inline-block; float:right; color:#7b7b7d;}
.n_position h3 img{ position:relative; top:1px; margin-right:3px;}
.n_position h3:before{ content:url(statics/style/pc/images/home_icon.png); margin-right:6px; position:relative; top:1px;}
.n_position h3 a{ margin:0 5px; display:inline-block; color:#969798; font-size:12px;}
.n_position h3 a:hover{ color:#2f308a;}
.n_position h3 em{ color:#2f308a; margin-left:5px;}


#footer{ background:#262728; padding-top:76px;}
#gotop{ position:fixed; right:50%; margin-right:-750px; bottom:80px; cursor:pointer; opacity:1; transition:.9s;}
#gotop.hide{ opacity:0; bottom:-100px;}

#n_main{ }

.j_tab_cel { display: table-cell; vertical-align: middle; width: 100%; height: 100%;}
.j_tab { display: table; width: 100%; height: 100%;}



/*==============分页=====================*/
.j_pages { text-align: center; margin-bottom:73px; }
.j_pages .box{display: inline-block;  font-size:0;}
.j_pages a{ height:35px; padding:0 12px; min-width:35px; line-height:35px; text-align:center; display:inline-block; border-radius:2px; margin:0 4px; color:#66635f; font-size:14px; font-family:arial; overflow:hidden; float:left; transition:.3s; background:#eeeff4; }
.j_pages .on{ background:#036dc6; color:#fff !important;}
.j_pages a:hover{ background:#036dc6; color:#fff !important;}
.j_pages a.m_bnt{ padding:0 20px; font-family:Microsoft Yahei; margin:0 15px;}
.j_pages a.u_bnt{ transition: all 1s;-moz-transition: all 1s; /* Firefox 4 */-webkit-transition: all 1s; /* Safari 和 Chrome */
-o-transition: all 1s; /* Opera */}

/*内容样式*/
.ar_article{ font-size:14px; color:#6b6d71; line-height:30px;  }
.ar_article p{font-size:15px;color:#6b6d71;line-height:30px; padding-bottom:20px;}	
.ar_article strong{ font-weight:bold;}
.ar_article td,.ar_article th{ padding:5px 15px; border: 1px solid #c6c5c5;}
.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:#777;}
.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_article sub {
    vertical-align: sub;
    font-size: smaller;
}


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


#n_about{ padding-top:100px; padding-bottom:80px;}
#n_about .tt{ text-align:center; margin-bottom:50px;}
#n_about .tt h5{ font-size:30px; color:#3c3c3c; font-weight:bold; margin-bottom:10px;}
#n_about .tt span{ font-size:14px; color:#b8b9bc; text-transform:uppercase; font-family:arial;}
#n_about .con{ text-align:center;}

#n_fangan_xq{ padding-top:100px; padding-bottom:80px;}
#n_fangan_xq .tt{ text-align:center; margin-bottom:50px; height:78px; border-bottom:3px double #e1e2e5;}
#n_fangan_xq .tt h5{ font-size:30px; color:#3c3c3c; font-weight:bold; margin-bottom:10px;}



#n_case{ padding-top:100px; overflow:hidden; padding-bottom:80px;}
#n_case ul{ margin:0 -4px;}
#n_case ul li{ position:relative; float:left; margin:0 4px; margin-bottom:8px; width:394px; height:245px; }
#n_case ul li img{ }
#n_case ul li .mask{ display:table; width:100%; height:100%; position:absolute; z-index:0; left:0; top:0; transition:.5s;}
#n_case ul li .mask:after{ content:""; position:absolute; right:0; top:0; z-index:-1; width:100%; height:100%; background:rgba(0,0,0,0.3); -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;}/*for IE9*/ 
#n_case ul li .mask:before{ content:""; position:absolute; right:0; top:0; z-index:-1; width:0; height:100%; background:rgba(21,96,157,0.9); -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;}
#n_case ul li:hover .mask:after { left: 0; width: 0;}
#n_case ul li:hover .mask:before{ left: 0; width: 100%;}
#n_case ul li .mask p{ font-size:16px; color:#fff; text-align:center; padding:0 20px; position:relative;}

#n_zizhi{ padding-top:70px; overflow:hidden; padding-bottom:80px;}
#n_zizhi ul{ margin:0 -10px; margin-top:-45px;}
#n_zizhi ul li{float:left;width:285px;height: 276px;background:#eff1f5;margin:0 10px;margin-top:45px;position:relative;transition:all ease 300ms;-webkit-transition:all ease 300ms;}
#n_zizhi ul li a{ position:relative; display:block; z-index:999;}
#n_zizhi ul li::before,#n_zizhi ul li::after{position:absolute;content:'';opacity:0;transition:all 0.5s;}
#n_zizhi ul li::before{top:0px;right:0px;bottom:0px;left:0px;border-top:3px solid #2f308a;border-bottom:3px solid #2f308a;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}
#n_zizhi ul li::after{top:0px;right:0px;bottom:0px;left:0px;border-right:3px solid #2f308a;border-left:3px solid #2f308a;transform:scale(1,0);transform-origin:100% 0;}
#n_zizhi ul li:hover::before,#n_zizhi ul li:hover::after{opacity:1;transform:scale(1);transition: all 0.5s;}
#n_zizhi ul li .img_box{ width:240px; height:161px; margin:0 auto; margin-top:24px; position:relative;transition:all ease 300ms; -webkit-transition:all ease 300ms;}
#n_zizhi ul li img{ max-width:90%; max-height:90%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); -moz-transform:translateX(-50%) translateY(-50%); -o-transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%);}
#n_zizhi ul li:hover{ background:#fff; box-shadow:0 5px 18px 0 rgba(0,0,0,.1);}
#n_zizhi ul li p{text-align:center;margin-top:18px;font-size: 14px;color:#646566;padding: 0 10px;line-height:  1.5;}
#n_zizhi ul li p:hover{ color:#333;}

#n_news{ padding-top:70px; overflow:hidden; margin-bottom:30px;}
#n_news ul{ margin-right:-25px;}
#n_news ul li{ width:385px; margin-right:23px; float:left; margin-bottom:40px; transition:.5s;}
#n_news ul li:hover{ box-shadow:0 10px 20px 0 rgba(0,0,0,.1);}
#n_news ul li .img{ width:100%; height:236px;object-fit: cover; }
#n_news ul li .img img{}
#n_news ul li .txt{ border:1px solid #e5e5e5; height:206px;}
#n_news ul li .txt .con{ padding:25px;}
#n_news ul li .txt h5{ font-size:18px; color:#353535; line-height:72px; height:72px; border-bottom:1px solid #dadce2; padding:0 25px; position:relative;}
#n_news ul li .txt h5:before{ content:""; display:block; position:absolute; bottom:0; left:0; width:0; height:2px; background:#2f308a; opacity:0; transition:.5s; -webkit-transition:.5s;}
#n_news ul li .txt:hover h5:before{ opacity:1; width:100%; }
#n_news ul li .txt p{ font-size:14px; color:#8d8e92; line-height:24px; height:48px; overflow:hidden;}
#n_news ul li .txt span{ display:block; margin-top:18px; font-size:14px; font-family:arial; color:#5b5b5b;}

#n_fangan{ padding-top:100px; padding-bottom:60px;}
#n_fangan ul{}
#n_fangan ul li{ height:245px; margin-bottom:22px; background:#f2f4f8; transition:.5s;}
#n_fangan ul li:hover{ background:#fff; box-shadow:0px 3px 25px 0 rgba(0,0,0,.1);}
#n_fangan ul li a{}
#n_fangan ul li .img{ width:430px; height:245px; float:left; margin-right:50px;}
#n_fangan ul li .img img{}
#n_fangan ul li .txt{ padding-top:50px; padding-right:47px;}
#n_fangan ul li .txt h5{ font-size:24px; color:#2f308a; margin-bottom:16px;}
#n_fangan ul li .txt p{ font-size:14px; color:#888a8e; line-height:22px; margin-bottom:25px;}
#n_fangan ul li .more{}
#n_fangan ul li .more i{ display:inline-block; width:30px; height:11px; background:url(../image/n_news_more.png) center no-repeat; margin-right:11px;}

#n_lianxi{ position:relative; z-index:9; padding-top:77px;}
#n_lianxi .tt1{ text-align:center; margin-bottom:45px;}
#n_lianxi .tt1 h3{ font-size:50px; color:#4b4e53; font-weight:bold; margin-bottom:6px;}
#n_lianxi .tt1 span{ font-size:14px; color:#2f308a; font-family:arial; text-transform:uppercase;}
#n_lianxi .tt2{ text-align:center;}
#n_lianxi .con{ text-align:center; margin-top:40px; font-size:14px; color:#676768; line-height:30px;}

.lianxi_box{ background:#fff url(../image/lianxi_bg.jpg) center top no-repeat; overflow:hidden; padding:70px; margin-top:80px; border:1px solid #eee; border-top:0;}
.lianxi_box .left{ width:527px; height:397px; border-right:1px solid #e4e7e9;}
.lianxi_box .tt{ margin-bottom:50px;}
.lianxi_box .tt h3{ font-size:36px; color:#2f308a; font-weight:bold; text-transform:uppercase; display:inline-block;}
.lianxi_box .tt span{ font-size:16px; color:#696969; display:inline-block; margin-left:10px; position:relative; top:-2px;}
.lianxi_box ul{ border-top:1px solid #e4e7e9; padding-top:65px;}
.lianxi_box ul li{ font-size:14px; color:#727273; display:inline-block; padding-left:36px; margin-bottom:30px;}
.lianxi_box ul li+li{ margin-left:35px;}
.lianxi_box ul li b{ display:block; font-weight:normal; font-size:16px; color:#171717; margin-bottom:3px;}
.lianxi_box .ewm{ width:210px; float:left; margin-left:30px; text-align:center; font-size:16px; color:#303030;}
.lianxi_box .ewm img{ width:210px; height:210px; margin-bottom:20px; border:1px solid #e5e5e5; padding:20px;}

.un_box.map{ margin-top:-168px; position:relative; border-top:1px solid #e5e5e5;}

#n_join{ padding-bottom:117px; padding-top:100px; position:relative; }
.join_slide{ margin:0 -10px; position:relative; z-index:999;}
.join_slide li .box{ width:380px; height:535px; background:#fff; display:block; overflow:hidden; position:relative; margin:0 auto; border-radius:5px; overflow:hidden; }
.join_slide li .box .tt{ height:140px; width:380px; background:#005bac; border-radius: 3px 3px 0 0; text-align:center; display:table-cell; vertical-align:middle; padding:20px; transition:.3s; }
.join_slide li .box .tt h5{ text-align:center; font-size:24px; color:#fff; margin-bottom:13px;}
.join_slide li .box .tt span{ font-size:14px; color:#fff; opacity:.6; margin:0 10px;}
.join_slide li .box:hover .tt{ background:#2c6dca;}
.join_slide li .box:hover .tt h5{ color:#fff;}
.join_slide li .box:hover .tt span{color:#fff;}
.join_slide li .box .b{ color:#2f308a; font-size:14px; font-weight:bold; }
.join_slide li .box .txt{ padding:50px 30px; border:1px solid #e9e9e9; background:#fff; border-radius:0 0 5px 5px; box-sizing:border-box; margin-left:1px; }
.join_slide li .box .con{ font-size:13px; line-height:30px; color:#8c8a88; margin-top:15px; height:262px; overflow-y:auto; padding-right:10px;}
.join_slide li .box .con *{font-size:13px; line-height:30px; color:#8c8a88;}
.join_slide li .box .con::-webkit-scrollbar {width:2px;height: 8px;background-color: #eee; border:0; box-shadow:0; border-radius:0;}
.join_slide li .box .con::-webkit-scrollbar-track { background-color: #e2e2e2; opacity:.5}
.join_slide li .box .con::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);background-color: #2f308a; opacity:.5}
.join_slide .slick-prev{ width:35px; height:35px; display:block; background:url(../image/join_left.png) center no-repeat; position:absolute; z-index:99; cursor:pointer; top:250px; left:-100px;}
.join_slide .slick-next{ width:35px; height:35px; display:block; background:url(../image/join_right.png) center no-repeat; position:absolute; z-index:99; cursor:pointer; top:250px; right:-100px;}
.join_slide .slick-arrow:before{ display:none;}
.join_slide .slick-arrow:hover{ opacity:.7;}


/*========= 内页开始 =========*/
#n_banner{ width:100%; height:320px; position:relative; z-index:0;}
#n_main{ background:url(statics/style/pc/images/n_bg.png) bottom repeat-x; }
.left_con{ width:260px; float:left; position:relative; z-index:99; margin-top:28px;}
.left_nav{ background:#fff; border:1px solid #e5e5e5; border-left:8px solid #2f308a; margin-bottom:30px;}
.left_nav .tt{ margin-top:36px; margin-left:30px; background:url(../image/leftnav_tt.png) left center no-repeat; padding-left:46px;}
.left_nav .tt span{ font-size:12px; color:#a7a7a7; font-family:arial;}
.left_nav .tt h3{ font-size:15px; color:#a0a0a0;}
.left_nav .tt h3 i{ display:inline-block; width:27px; height:1px; background:#dcdcdc; margin-left:20px; position:relative; top:-10px;}
.left_nav .tt h3 i:after{ content:""; display:inline-block; width:7px; height:7px; border-radius:50%; position:absolute; border:1px solid #dddddd; right:-12px; top:-3px; box-sizing:border-box;}
.left_nav ul{ margin-top:37px;}
.left_nav ul li{ height:50px; border-top:1px solid #e5e5e5; border-top:1px solid rgba(0,0,0,.1); position:relative;}
.left_nav ul li a{ padding-left:52px; display:block; position:relative; line-height:49px; transition:.5s; }
.left_nav ul li a:before{ content:""; width:10px; height:10px; border-radius:50%; border:2px solid #dcdcdc; display:block; position:absolute; left:30px; top: 20px; box-sizing: border-box;}
.left_nav ul li a:after{ content:""; width:7px; height:100%; background:url(../image/left_nav_arrow.png) center no-repeat; position:absolute; top:0; right:50px; display:block; transition:.5s .3s; opacity:0;}
.left_nav ul li:before{ content:""; display:block; width:0; height:100%; background:#2f308a; position:absolute; left:0; top:0; transition:.5s;}
.left_nav ul li:hover:before,.left_nav ul li.on:before{ width:100%;}
.left_nav ul li:hover a,.left_nav ul li.on a{ color:#fff;}
.left_nav ul li:hover a:after,.left_nav ul li.on a:after{ right:30px; opacity:1;}
.left_nav ul li:hover a:before,.left_nav ul li.on a:before{ border:2px solid #fff;}

.left_contact{}
.left_contact .img{ width:260px;}
.left_contact .img img{ display:block; max-width:100%;}
.left_contact .txt{ border:1px solid #e5e5e5; padding:23px;}
.left_contact .tt{ font-size:14px; color:#3e3e3e; border-bottom:1px dotted #a6a7ab; padding-bottom:12px; margin-bottom:10px;}
.left_contact .tt span{ font-size:20px; color:#2f308a; font-family:arial; font-weight:normal; text-transform:uppercase; font-weight:bold; margin-right:6px;}
.left_contact .p{ font-size:14px; color:#7f8186; line-height:30px;}

.right_con{ width:896px; float:right; margin-top:28px;}
#n_title{ height:55px; line-height:55px; border-bottom:2px solid #eff1f5; margin-bottom:46px;}
#n_title h3{ float:left; font-size:18px; color:#2f308a; position:relative;}
.n_position2{ font-size:12px; line-height:55px; }
.n_position2 h3{ font-size:12px; display:inline-block; float:right; color:#7b7b7d;}
.n_position2 h3 img{ position:relative; top:1px; margin-right:3px;}
.n_position2 h3:before{ content:url(statics/style/pc/images/home_icon.png); margin-right:6px; position:relative; top:1px;}
.n_position2 h3 a{ margin:0 5px; display:inline-block; color:#969798; font-size:12px;}
.n_position2 h3 a:hover{ color:#2f308a;}
.n_position2 h3 em{ font-size:12px; color:#2f308a; margin-left:5px;}

#n_pro{ overflow: hidden; margin-bottom:20px;}
#n_pro ul{ margin-right:-50px;}
#n_pro ul li{ width:280px; float: left; margin-bottom:40px; margin-right:27px;}
#n_pro ul li .box{ width:100%; cursor:pointer;}
#n_pro ul li .box .img{ width:100%; height:240px; text-align:center; border-bottom:0;}
#n_pro ul li .box .img img{ transition:1s;}
#n_pro ul li .box:hover .img img{ transform:scale(1.05);}
#n_pro ul li .box h5{ width:100%; height:54px; background:#fff; text-align:center; line-height:52px; font-size:15px; color:#3c3a3a; padding:0 15px; transition:.3s; }
#n_pro ul li .box:hover h5{ background:#2f308a; color:#fff;}

.pic_slide{ width:532px; margin:0 auto; margin-bottom:30px;}
.pic_slide li{ width:532px; float: left; margin-bottom:44px; margin-right:0;}
.pic_slide li .img{ width:532px; height:430px; background:#fff; text-align:center; border-bottom:0;}
.pic_slide li .img img{ transition:1s;}
.pic_slide li:hover .img img{ transform:scale(1.05);}
.pic_slide .slick-prev{ width:52px; height:52px; display:block; background:url(../image/pic_left.png) center no-repeat; position:absolute; z-index:99; cursor:pointer; margin-top:-26px; left:-180px; transition:.3s;}
.pic_slide .slick-next{ width:52px; height:52px; display:block; background:url(../image/pic_right.png) center no-repeat; position:absolute; z-index:99; cursor:pointer; margin-top:-26px; right:-180px; transition:.3s;}
.pic_slide .slick-arrow:before{ display:none;}
.pic_slide .slick-arrow:hover{ opacity:.8;}

#n_pro_xq{ padding-bottom:50px;}
#n_pro_xq .tt{ text-align:center; font-size:30px; color:#3c3a3a; margin-bottom:55px;}
#n_pro_xq .tt2{ border-bottom:1px solid #dbdbdb; margin-bottom:40px;}
#n_pro_xq .tt2 span{ display:block; width:182px; height:55px; line-height:55px; text-align:center; background:#2f308a; color:#fff;}
#n_pro_xq .tt2 span img{ position:relative; top:4px; margin-right:11px;}

#n_news_xq{ margin-top:79px; overflow:hidden;}
.ar_title{ margin-bottom:50px;}
.ar_title h3{ font-size:30px; color:#353535; font-weight:bold;}
.news_leftcon{ width:850px; float: left;}
.news_rightcon{ width:300px; float:right;}
.left_tool{ width:99px; float:left; border-right:1px solid #e8ebed; padding-bottom:266px; position:relative;}
.left_tool:before{ content:""; display:block; width:6px; height:6px; border-radius:50%; border:2px solid #2f308a; position:absolute; top:-10px; right:-5px; }
.news_time{ margin-bottom:135px;}
.news_time p{ font-size:14px; color:#2f308a; font-family:arial;}
.news_time p i{ font-size:16px;}
.news_time span{ font-size:30px; color:#3f4146; font-family:arial;}
.news_con{ width:707px; float:right;}
.news_slide{}
.news_slide .img{ width:300px; height:185px; }
.news_slide .img img{}
.news_slide .txt{ padding:18px; border:1px solid #e5e5e5; border-top:0; padding-bottom:30px;}
.news_slide .txt h5{ font-size:16px; color:#353535; font-weight:bold; margin-bottom:12px;}
.news_slide .txt p{ font-size:14px; color:#8d8e92; line-height:18px; height:36px; overflow:hidden;}
.news_slide .txt span{ font-family:arial; font-size:14px; color:#5b5b5b; margin-top:10px; display:block;}
.news_slide .slick-dots { bottom:-15px;}
.news_slide .slick-dots li{ margin:0;}
.news_slide .slick-dots li button:before{ width:10px; height:10px; border-radius:50%; border:1px solid #000000; background:#fff;  font-size:0; box-sizing:border-box;}
.news_slide .slick-dots li.slick-active button:before{ background:#fff; border:2px solid #1f56a5;}

.news_tuijian{}
.news_tuijian li{}
.news_tuijian li a{}
.news_tuijian li h5{ position:relative; padding-left:20px; font-size:16px; color:#3a3a3a; line-height:38px;}
.news_tuijian li h5:before{ content:"●"; font-size:16px; color:#2f308a; position:absolute; left:0; top:-1px;}
.news_tuijian li:hover h5{ color:#2f308a;}


.ar_fot{ background:url(../image/ar_fot.jpg) center top no-repeat; padding-top:50px; margin-top:30px; margin-bottom:70px;}
.ar_fot h5{ line-height:47px; margin-bottom:10px;}
.ar_fot h5 a{ font-size:16px; color:#333333; transition:.3s;}
.ar_fot h5 b{ font-size:14px; color:#fff; display:inline-block; background:url(../image/shangyipian.png) center no-repeat; width:90px; height:44px; text-align:center; line-height:35px; margin-right:20px;}
.ar_fot h5 a:hover{ color:#2f308a;}





/*==============分享插件=====================*/
.shart_box2{ width:80px; }
.through{ position:relative; text-align:center;}
.through span {
    display: inline-block;
    background: #fff;
    padding: 0 5px;
}
.through:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #e8e8e8;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: -1;
}

#j_shart_s_240{ position:relative; white-space:nowrap; overflow:hidden; }
#j_shart_s_240 .fx{ position:relative; top:2px; cursor:pointer;}
#j_shart_s_240 a{ width:40px !important; height:40px !important; background:#ccc; border-radius:50%; display:block; float:none; margin:0 auto; margin-top:16px; position:relative;}
#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:#3dbe5b; transition:.5s; transform:scale(0); z-index:1;}
#j_shart_s_240 a:hover:after{ transform:scale(1);}
#j_shart_s_240 .bds_qzone:before{ background:url(../image/share_qzone.png) center no-repeat; }
#j_shart_s_240 .bds_tsina:before{ background:url(../image/share_sina.png) center no-repeat; }
#j_shart_s_240 .bds_weixin:before{ background:url(../image/share_weixin.png) center no-repeat; }
#j_shart_s_240 .bds_sqq:before{background:url(../image/share_qq.png) center no-repeat; background-size:auto 20px !important;}
#j_shart_s_240 .bds_count:hover{ font-size:12px;}

.n_nav2{ text-align:center; margin-top:40px;}
.n_nav2 a{ width:165px; height:40px; display:inline-block; margin:10px; font-size:15px; color:#6e6e6e; border-radius:20px; border:2px solid #d5d5d5; line-height:36px; position:relative; z-index:0; overflow:hidden; transition:all ease 600ms;}
.n_nav2 a.on{ color:#fff; border:2px solid #005bac; background:#005bac;}
.n_nav2 a:before{ content:""; position: absolute; right: 0; top: 0; display: block; height:100%; width:0; background:#005bac; transition:all ease 600ms; z-index:-1;}
.n_nav2 a:hover:before{ width:100%; left:0; right:auto;}
.n_nav2 a:hover{ color:#fff; border:2px solid #005bac; }
.ar_title{background: url(statics/style/pc/images/ar_title_bg.jpg) left bottom no-repeat;}










#n_about{ width: 100%; overflow: hidden; background: url(../image/about_map.png) center 3rem no-repeat;}

#n_about .tt{ text-align: center; margin-bottom: 4.25rem; font-family: PingFangSC-Bold; font-size: 1.625rem;}

#n_about .con{ text-align: center; font-size: .9375rem; line-height: 1.875rem; color: #3e3e3e;}

.n_shuzi{ margin-top: 3rem; margin-bottom: 4rem;}

.n_shuzi ul{ text-align: center; overflow: hidden; font-size: 0; border-top: 1px solid #ddd; border-left: 1px solid #ddd;}

.n_shuzi ul li{ width:20%;float: left; overflow: hidden; position: relative; z-index: 1;}

.n_shuzi ul li .box{ display: inline-block; height: 8.4375rem; border: 1px solid #ddd; border-left: 0; border-top: 0; width: 100%;  text-align: center; padding: 1rem;  }

.n_shuzi ul li .j_tab{ table-layout: fixed;}

.n_shuzi ul li p span{font-family: PingFangSC-Bold; color: #151515; font-size:2.25rem; margin-bottom:.8rem; text-transform: uppercase;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s}

.n_shuzi ul li p font{ font-family: PingFangSC-Bold; font-size: .875rem; position: relative; top: -5px; margin-left: .75rem;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s}

.n_shuzi ul li h5{ font-size:.9375rem; margin-top: .8125rem; white-space: normal; line-height: 1.5;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s }

.n_shuzi ul li .box:before{content:"";position:absolute;left:auto; z-index: -1; right:0;bottom:0;width:100%;height:0;background:#2f308a;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s}

.n_shuzi ul li .box:hover:before,.n_nav ul li.on a:before{top:0;bottom:auto;height:100%}

.n_shuzi ul li .box:hover p span{ color:#fff;}

.n_shuzi ul li .box:hover p font{ color:#fff;}

.n_shuzi ul li .box:hover h5{ color:#fff;}






















/*-- 投资者关系 --*/
.investor-nav a{padding:0 .1rem;}

.Inv-title{line-height:48px;font-size:36px;font-weight:600;}

/*企业信息*/
.Inv-entInfo{padding:40px 0 100px;}
.InvEntInfo-list{border-collapse:collapse;margin:33px 0 0;}
.InvEntInfo-list tr td{padding:0 0 0 4.25%;height:60px;vertical-align:middle;font-size:15px;color:#666666;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.InvEntInfo-list tr td:first-child{/*width:27.916667%;*/font-weight:600;border-right:1px solid #e5e5e5;}
.InvEntInfo-list tr td:last-child{width:72.08333333333333%;font-weight:normal !important;border-right:0px !important;}

/*企业管治*/
.Inv-gvrc{padding:40px 0 100px;}
.InvGvrc-nav{margin:37px 0 0;}
.InvGvrc-nav a{display:block;width:180px;height:40px;line-height:38px;text-align:center;font-size:16px;color:#666;border:1px solid #cccccc;float:left;margin:0 0 0 8px;}
.InvGvrc-nav a:first-child{margin:0px;}
.InvGvrc-nav a.cur,
.InvGvrc-nav a:hover{color:#155e9f;border-color:#155e9f;}

/*董事会委员会*/
.InvGvrcBODC-hint{line-height:28px;font-size:15px;color:#666666;margin:28px 0 0;}

.InvGvrcBODC-type{overflow:hidden;margin:25px 0 0;}
.InvGvrcBODC-type .box{line-height:27px;font-size:15px;color:#666;float:left;margin:0 14px;}
.InvGvrcBODC-type .box img{margin:0 17px 0 0;}

.InvGvrcBODC-list{width:100%;border-collapse:collapse;margin:27px 0 0;}
.InvGvrcBODC-list tbody th{height:50px;color:#fff;vertical-align:middle;text-align:center;font-weight:normal;background:#155e9f;border:1px solid rgba(255,255,255,.2);}
.InvGvrcBODC-list tbody tr:first-child th{font-size:16px;font-weight:600;border:0px;}
.InvGvrcBODC-list tbody tr:first-child th:nth-child(1){padding:0 0 0 .57rem;text-align:left;border-right:1px solid rgba(255,255,255,.2);}
.InvGvrcBODC-list tbody tr:first-child th:nth-child(2){width:75%;}
.InvGvrcBODC-list tbody tr:nth-child(2) th{border-bottom:0px;border-right:0px;}

.InvGvrcBODC-list tbody:nth-child(1){width: 100%;background-color: #155e9f;color: #fff;}

.InvGvrcBODC-list tbody tr td{height:60px;vertical-align:middle;text-align:center;font-size:18px;border-bottom:1px solid #e5e5e5;}
.InvGvrcBODC-list tbody tr td:first-child{padding:0 0 0 .57rem;width:25%;text-align:left;font-size:15px;/*color:#155e9f;*/}
.InvGvrcBODC-list tbody tr td:first-child a{/*text-decoration:underline;*/cursor:context-menu;}
.InvGvrcBODC-list tbody tr td .Chairman,
.InvGvrcBODC-list tbody tr td .Committee{display:inline-block;width:28px;height:27px;background:url(../images/content/InvGvrcBODC-1.png) no-repeat center center / cover;}
.InvGvrcBODC-list tbody tr td .Committee{background-image:url(../images/content/InvGvrcBODC-2.png);}
.InvGvrcBODC-list tbody tr td .Commides{background-image:url(../images/content/InvGvrcBODC-3.png);display:inline-block;width:28px;height:27px;}

.InvGvrcBODC-intro{background:url(../images/content/InvGvrcBODC/InvGvrcBODC-bg.png) no-repeat center center / cover;position:relative;margin:67px 0 0;}
.InvGvrcBODC-intro-nav{width:20.5%;background:rgba(255,255,255,.9);float:left;}
.InvGvrcBODC-intro-nav a{display:block;padding:30px 0 24px;text-align:center;position:relative;}
.InvGvrcBODC-intro-nav a .icon{display:block;width:40px;height:40px;margin:0 auto;}
.InvGvrcBODC-intro-nav a .name{line-height:28px;font-size:16px;font-weight:600;color:#666;margin:15px 0 0;}
.InvGvrcBODC-intro-nav a:after{content:"";display:block;width:80%;height:1px;background:#dde2e9;position:absolute;left:10%;top:0px;}
.InvGvrcBODC-intro-nav a:first-child:after{display:none;}

.InvGvrcBODC-intro-nav a .icon.i1{background:url(../images/content/InvGvrcBODC/InvGvrcBODC-1.png) no-repeat center center / cover;}
.InvGvrcBODC-intro-nav a .icon.i2{background:url(../images/content/InvGvrcBODC/InvGvrcBODC-2.png) no-repeat center center / cover;}
.InvGvrcBODC-intro-nav a .icon.i3{background:url(../images/content/InvGvrcBODC/InvGvrcBODC-3.png) no-repeat center center / cover;}
.InvGvrcBODC-intro-nav a .icon.i4{background:url(../images/content/InvGvrcBODC/InvGvrcBODC-4.png) no-repeat center center / cover;}
.InvGvrcBODC-intro-nav a .icon.i5{background:url(../images/content/InvGvrcBODC/InvGvrcBODC-5.png) no-repeat center center / cover;}

.InvGvrcBODC-intro-nav a.cur{background:#155e9f;}
.InvGvrcBODC-intro-nav a.cur .name{color:#fff;}
.InvGvrcBODC-intro-nav a.cur:after{display:none;}
.InvGvrcBODC-intro-nav a.cur .icon.i1{background-image:url(../images/content/InvGvrcBODC/InvGvrcBODC-1-2.png);}
.InvGvrcBODC-intro-nav a.cur .icon.i2{background-image:url(../images/content/InvGvrcBODC/InvGvrcBODC-2-2.png);}
.InvGvrcBODC-intro-nav a.cur .icon.i3{background-image:url(../images/content/InvGvrcBODC/InvGvrcBODC-3-2.png);}
.InvGvrcBODC-intro-nav a.cur .icon.i4{background-image:url(../images/content/InvGvrcBODC/InvGvrcBODC-4-2.png);}
.InvGvrcBODC-intro-nav a.cur .icon.i5{background-image:url(../images/content/InvGvrcBODC/InvGvrcBODC-5-2.png);}

.InvGvrcBODC-intro-box{width:56.25%;color:#fff;position:absolute;top:12.56613756613757%;right:14.1667%;display:none;}
.InvGvrcBODC-intro-box .name{line-height:45px;font-size:32px;font-weight:600;}
.InvGvrcBODC-intro-box .con{line-height:32px;margin:20px 0 0;}
.InvGvrcBODC-intro-box .btn{display:block;width:220px;height:42px;line-height:38px;border:2px solid #fff;margin:44px 0 0;}
.InvGvrcBODC-intro-box .btn span{padding:0 48px 0 0;background:url(../image/icon-dd1.png) no-repeat right center;}
.InvGvrcBODC-intro-box .btn:hover{background:#155e9f;border-color:#155e9f;}
.InvGvrcBODC-intro-box .btn:hover span{padding:0px;color:#fff;background-position:200px center;}

/*董事*/
.InvGvrcBOD-list{padding:52px 0 60px;border-bottom:1px solid #e5e5e5;}
.InvGvrcBOD-list dt{line-height:36px;font-size:24px;}
.InvGvrcBOD-list ul{width:105%;margin:0 0 0 -5%;}
.InvGvrcBOD-list ul li{width:33.3333%;padding:25px 0 0 4.761904761904762%;float:left;}
.InvGvrcBOD-list .InvGvrcBOD-box{}
.InvGvrcBOD-box .InvGvrcBOD-top{padding:23px 15.5555% 20px 10.8333%;color:#fff;background:#155e9f;position:relative;height:140px;}
.InvGvrcBOD-top .name{padding:0 0 10px;line-height:26px;font-size:20px;border-bottom:1px solid rgba(255,255,255,.3);}
.InvGvrcBOD-top .job{line-height:26px;opacity:.7;margin:5px 0 0;}
.InvGvrcBOD-top .btn{width:16px;height:31px;background:url(../image/icon-dd2.png) no-repeat center center / cover;position:absolute;right:5.5555%;top:50%;margin-top:-15px}
.InvGvrcBOD-box .InvGvrcBOD-block{padding:27px 8.8889% 34px;border:1px solid #e5e5e5;}
.InvGvrcBOD-block .con{height:140px;line-height:28px;color:#666666;overflow:hidden;}
.InvGvrcBOD-block .btn{padding:0 0 0 28px;line-height:22px;color:#666666;background:url(../image/icon-see.png) no-repeat 2px center;margin:25px 0 0;}
.InvGvrcBOD-box:hover{box-shadow:0 0 10px 4px #e1e1e1;transform:translate3d(0,-2px,0);transition:all .3s cubic-bezier(.55,0,.1,1)}
.InvGvrcBOD-list:last-child{border:0px;}

/*公告和通函*/
.Inv-ANC{padding:40px 0 100px;}
.InvANC-left,
.InvReport-left,
.InvSPI-left,
.InvSHS-left,
.InvIRC-left,
.InvFAQ-left,
.InvEmailTips-left{float:left;}
.InvANC-list{}
.InvANC-list li{padding:8px 40px 8px 1%;border:1px solid #fff;border-bottom:1px solid #f1f1f1;position:relative; width:955px;}
.InvANC-list li a{display:block;padding:15px 0 15px 40px;line-height:24px;font-size:13px;color:#616161}
.InvANC-list li .date{text-align:center;position:absolute;top:50%;right:3.25%;margin-top:-32.5px;}
.InvANC-list li .date .day{font:bold 48px/45px 'Arial';}
.InvANC-list li .date .year{font:bold 14px/20px 'Arial';color:#666666;}

.InvANC-list li:hover a{ color: #005bac}
.InvANC-list li:hover .date .day,
.InvANC-list li:hover .date .year{color:#005bac;}

.InvANC-left .pagination,
.InvReport-left .pagination,
.InvSHS-left .pagination,
.InvIRC-left .pagination,
.InvFAQ-left .pagination{margin:62px 0 0;}
.fanye{ text-align:center; padding-left:8px; }

/*右侧*/
.InvANC-right{float:right; width:330px;}
.InvANC-right .InvANCr-box{padding:15px 7.142857142857143% 25px;border:10px solid #f3f3f3;}
.InvANCr-box .InvANCr-type{line-height:38px;font-size:20px;font-weight:600;}
.InvANCr-srch{margin:3px 0 0;}
.InvANCr-srch li{padding:8px 0;}
.InvANCr-srch li select{padding:0 20px 0 20px;width:100%;height:32px;color:#616161;border:1px solid #859bcd;background:url(../image/icon-dd3.png) no-repeat right top;position:relative;}
.InvANCr-srch li select::-ms-expand{ display: none;}
.InvANCr-srch li select{appearance:none; -moz-appearance:none;-webkit-appearance:none;}
.InvANCr-srch li .text{width:100%;padding:0 31px 0 20px;width:100%;height:32px;color:#aaaaaa;border:1px solid #f3f3f3;}
.InvANCr-srch li .text::-webkit-input-placeholder{color:#aaa;}
.InvANCr-srch li .btn{width:100%;line-height:34px;font-size:18px;color:#155e9f;border:2px solid #155e9f;background:#fff;}
.InvANCr-srch li .btnn{width:100%;line-height:34px;font-size:18px;color:#616161;border:2px solid #616161;background:#fff;}
.InvANCr-srch li .btn:hover{color:#fff;background:#155e9f;}

.InvANCr-cons{margin:20px 0 0;}
.InvANCr-cons img{width:100%;margin:19px 0 0;}
.InvANCr-cons ul{padding:12px 0 18px;}
.InvANCr-cons ul li{padding:7px 0 7px 20px;line-height:18px;color:#666666;position:relative;}
.InvANCr-cons ul li .type{display:block;color:#005bac;text-transform:uppercase;position:absolute;left:0px;top:7px;}

/*企业报告*/
.InvReport-left{float:left;}

.InvReport-Newest{width:103.571428571428571%;margin:0 0 0 -3.571428571428571%;}
.InvReport-Newest li{width:33.3333%;padding:0 0 43px 3.448275862068964%;float:left;}
.InvReport-Newest .InvReportNewest-box{display:block;border:1px solid #e5e5e5;overflow:hidden;position:relative;}
.InvReportNewest-box img{width:100%;height:340px;object-fit:cover;}
.InvReportNewest-box .InvReportNewest-block{padding:110px 0 0;width:100%;height:100%;text-align:center;background:rgba(21,94,159,.8);position:absolute;top:0px;top:0px;opacity:0;z-index:2;transition-delay:.2s;-webkit-transition-delay:.2s;}
.InvReportNewest-block .icon{display:block;width:48px;height:48px;background:url(../image/icon-report.png) no-repeat center center / cover;margin:0 auto;}
.InvReportNewest-block .name{line-height:44px;font-size:24px;font-weight:600;color:#fff;margin:10px 0 0;}

.InvReport-list{border-top:1px solid #f1f1f1;}
.InvReport-list li{border-bottom:1px solid #f1f1f1;}

.InvReport-list .InvReport-box{padding:22px 11.9047619047619% 23px 3.452380952380952%;background:#f3f6f8;border-top:1px solid #f1f1f1;position:relative;}
.InvReport-box .name{padding:0 0 0 66px;line-height:35px;font-size:16px;background:url(../image/icon-pdf3.png) no-repeat left center;}

.InvReport-list dt{cursor:pointer;}
.InvReport-list dt .InvReport-box{background:#fff;border-top:0px;}
.InvReport-list dt .InvReport-box:after{content:"";display:block;width:17px;height:17px;background:url(../image/icon-dd4.png) no-repeat center center;position:absolute;right:5.119047619047619%;top:50%;margin-top:-8px;}
.InvReport-list dt.cur .InvReport-box{background:#155e9f;}
.InvReport-list dt.cur .InvReport-box .name{color:#fff;background-image:url(../image/icon-pdf3-2.png);}
.InvReport-list dt.cur .InvReport-box:after{background-image:url(../image/icon-dd4-2.png);}


.InvReport-list dd{display:none;}
.InvReport-list dd .InvReport-box:first-child{border:0px;}
.InvReport-list dd .InvReport-box .btn{line-height:35px;color:#155e9f;position:absolute;top:22px;right:3.095238095238095%;}

/*股价资料*/
.Inv-SPI{padding:40px 0 100px;}

/*股东服务*/
.Inv-SHS{padding:40px 0 100px;}
.InvSHS-left .InvGvrc-nav{margin:0px;}

.InvSHS-list{width:100%;border-collapse:collapse;margin:32px 0 0;}
.InvSHS-list thead th{width:15.83335%;height:60px;vertical-align:middle;text-align:center;color:#fff;font-size:16px;background:#155e9f;}
.InvSHS-list tbody tr td{width:15.83335%;height:100px;vertical-align:middle;text-align:center;border-bottom:1px solid #f1f1f1;}
.InvSHS-list thead th:first-child,
.InvSHS-list tbody tr td:first-child{width:36.6666%;padding:0 0 0 4.285714285714286%;text-align:left;}
.InvSHS-list tbody tr td:first-child{font-size:16px;}

/*分析师名单*/
.Inv-Analyst{padding:40px 0 100px;}
.InvAnalyst-list{width:100%;border-collapse:collapse;margin:36px 0 0;}
.InvAnalyst-list thead th{height:60px;font-size:16px;color:#fff;vertical-align:middle;background:#155e9f;}
.InvAnalyst-list tbody td{height:60px;vertical-align:middle;font-size:15px;color:#666666;border-bottom:1px solid #e5e5e5;}
.InvAnalyst-list thead th:first-child,
.InvAnalyst-list tbody td:first-child{padding:0 0 0 4.75%;}
.InvAnalyst-list thead th:last-child,
.InvAnalyst-list tbody td:last-child{width:25.3333%;}

/*投资者关系日历*/
.Inv-IRC{padding:40px 0 100px;}
.InvIRC-left{margin:0px;}
.InvIRC-list{margin:20px 0 0;}
.InvIRC-list li{padding:22px 0 19px;border-bottom:1px solid #f1f1f1;}
.InvIRC-list .InvIRC-date{width:90px;padding:9px 0 14px;text-align:center;border:1px solid #e5e5e5;float:left;}
.InvIRC-date .day{font:bold 48px/45px 'Arial';}
.InvIRC-date .year{font:bold 14px/20px 'Arial';}
.InvIRC-box{width:84.88095238095238%;float:right;margin:6px 0 0;}
.InvIRC-box .name{line-height:34px;font-size:16px;font-weight:600;}
.InvIRC-box .con{width:33.3333%;line-height:28px;color:#666666;float:left;}
.InvIRC-list li:hover{background:#fff;box-shadow:0 0 10px 4px #e1e1e1;transform:translate3d(0,-2px,0);transition:all .3s cubic-bezier(.55,0,.1,1);z-index:2;}
.InvIRC-list li:hover .name{color:#155e9f;}

/*投资者常见问题*/
.Inv-FAQ{padding:40px 0 100px;}
.InvFAQ-left{margin:17px 0 0;}
.InvFAQ-list li{border-bottom:1px solid #e5e5e5;}
.InvFAQ-list li .quest{padding:20px 30px 20px 62px;line-height:32px;font-size:16px;background:url(../image/icon-faq.png) no-repeat left center;position:relative;cursor:pointer;}
.InvFAQ-list li .quest:after{content:"";display:block;width:15px;height:100%;background:url(../image/icon-dd5.png) no-repeat center center;position:absolute;right:0px;top:0px;}
.InvFAQ-list li .anw{padding:9px 0 0;position:relative;margin-top:-14px;display:none;}
.InvFAQ-list li .anw .con{padding:27px 5% 32px;line-height:28px;color:#666666;border:1px solid #e5e5e5;border-bottom:0px;}
.InvFAQ-list li .anw:after{content:"";display:block;width:23px;height:11px;background:url(../images/bg/faq-orn1.png) no-repeat center center;position:absolute;top:0px;left:7.619047619047619%;}
.InvFAQ-list li .quest.cur:after{transform:rotate(-90deg);-webkit-transform:rotate(-90deg);}

/*资料索取*/
.Inv-data{padding:40px 0 100px;}
.InvData-list{width:104%;margin:30px 0 0 -4%;}
.InvData-list li{width:50%;padding:0 0 0 3.846153846153846%;float:left;}
.InvData-list .InvData-box{padding:7px 0 8px;position:relative;}
.InvData-box .InvData-block{padding:0 50px 0 78px;background:#f7f7f7;position:relative;}
.InvData-block .type{display:block;width:78px;height:50px;line-height:50px;text-align:center;font-size:12px;color:#666666;position:absolute;left:0px;top:50%;margin-top:-25px;}
.InvData-block .imp{display:block;width:50px;height:50px;line-height:50px;text-align:center;font-size:12px;color:#fd0000;position:absolute;right:0px;top:50%;margin-top:-25px;}
.InvData-block .text{width:100%;height:50px;line-height:50px;}

.InvData-block.InvData-msg{padding-right:20px;}
.InvData-block.InvData-msg .text{height:245px;resize:none;}

.InvData-block.InvData-yzm{padding-right:0px;}
.InvData-block.InvData-yzm .text{width:21.875%;float:left;}
.InvData-block.InvData-yzm .yzm-img{display:block;width:112px;padding:11px 0;height:50px;line-height:28px;font-size:0px;float:left;}
.InvData-block.InvData-yzm .yzm-img img{width:100%;height:100%;}
.InvData-block.InvData-yzm .yzm-hint{line-height:50px;font-size:12px;color:#666666;float:left;margin:0 0 0 14px;}
.InvData-block.InvData-yzm .yzm-hint span{color:#fd0000;margin:0 8px 0 0;}

.InvData-action{text-align:center;font-size:0px;clear:both;margin:48px 0 0;}
.InvData-action .btn{width:121px;height:34px;line-height:34px;font-size:14px;color:#fff;margin:0 7px;}
.InvData-action .btn.sub-btn{background:#155e9f;}
.InvData-action .btn.cCel-btn{background:#909090;}

/*电邮提示*/
.Inv-EmailTips{padding:40px 0 100px;}
.InvEmailTips-img{width:100%;}
.InvEmailTips-check{line-height:16px;color:#666666;margin:63px 0 0;}
.InvEmailTips-check .check{width:16px;height:16px;border:1px solid #cccccc;border-radius:2px;overflow:hidden;margin:0 9px 0 0;vertical-align:middle;cursor:pointer;}
.InvEmailTips-check .check:checked{background:url(../image/icon-get2.png) no-repeat center center / cover;border:0px;}
.InvEmailTips-text.text{width:419px;padding:0 24px;height:40px;background:#ebeae9;margin:50px 0 0;}
.InvEmailTips-text.text::-webkit-input-placeholder{color:#888888;}
.InvEmailTips-btn{width:419px;height:40px;line-height:40px;color:#fff;background:#155e9f;margin:16px 0 0;}

.contain {
    width: 1200px;
    margin: 0 auto;
}





.form_btn_filter{
	display: inline-block;
	font-size: 1.1em;
	line-height: 1.65;
	font-family: inherit;
	border-radius: 0;
	-webkit-border-radius: 0;
 	border:0px;
        outline:0px;
	text-align:right !IMPORTANT;
	direction:rtl !IMPORTANT;
	color: #fff;
	width:90px;
	 text-transform: capitalize;
}
.form_btn_reset{
	background: #ccc !IMPORTANT;
	display: inline-block;
	font-size: 1.1em;
	line-height: 1.65;
	font-family: inherit;
	border-radius: 0;
	-webkit-border-radius: 0;
 	border:0px;
        outline:0px;
	text-align:right !IMPORTANT;
	direction:rtl !IMPORTANT;
	color: #fff;
}
.main_div { 
	transition: 0.2s ease-in-out; 
	-webkit-transition: 0.2s ease-in-out;
    	-moz-transition: 0.2s ease-in-out;
    	-o-transition: 0.2s ease-in-out;
}
.main_div:hover { 
	color:#000;
	transform: scale(1.1); 
 	-webkit-transform: scale(1.05);
   	 -moz-transform: scale(1.05);
   	 -o-transform: scale(1.05);
    	-ms-transform: scale(1.05);
}
button, .button, .added_to_cart {
    display: inline-block;
    background-color: #2f308a;
    color: #fff;
    padding: .538em 1.077em;
    font-family: inherit;
    font-size: .923em;
    font-weight: 400;
    margin: 0;
    border: 0;
    cursor: pointer;
    line-height: 1.65;
    -webkit-appearance: none;
    -webkit-font-smoothing: inherit;
    text-decoration: none !important;
    max-width: 100%;
    transition: 0.15s all ease;
    border-radius: 3px;
}