@charset "utf-8";



/* CSS Document */



@charset "utf-8";



@font-face{



	font-family:myE;



	src: url(/statics/style/pc/font/DINOFFCPRO-CONDBOLD.TTF);



}



/*===================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; margin:0 auto;}



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; min-width:1200px;}



.m1600{max-width: 1600px; width:90%; margin: 0 auto; display: block; position:relative; min-width:1200px;}



.m1900{max-width: 1900px; width:90%; margin: 0 auto; display: block; position:relative; min-width:1200px;}



.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%; height:90px;}



#header.n_header{ position:fixed; top:0;}



#header .m1900{ position: static;}	



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



#nav>ul{ float:left;}



#nav>ul>li{ float:left; position:relative; padding:0 1.3rem;}



#nav>ul>li.static{ position:static;}



#nav>ul>li+li{  }



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



#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:#c30e23; bottom:-1px; transition:.3s; transform:scale(0);}



#nav>ul>li:hover h3: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; overflow:hidden;left: 0;width: 100%;text-align:center; padding-bottom:30px;}



#nav .list .con{ display:inline-block; margin-left:33px; margin-right:165px;text-align: left; width:138px; vertical-align: top;}



#nav .list .pic{ width:400px; display:inline-block; margin-right:35px;}



#nav .list .pic img{ width:100%; height:200px; height:207px;}



#nav .list .pic h5{ text-align:left; font-size:20px; color:#383838; margin-top:8px; margin-bottom:12px;}



#nav .list .txt{ text-align:left; white-space:normal; font-size:13px; color:#757575; line-height:26px;}







#nav .list a{ color:#393939; height:38px;line-height:38px; display:block;font-size:15px;text-decoration:none;  font-weight:normal; transition:.5s; position:relative; }



#nav .list a:hover{ color:#008cd6 !important;}



#nav .list ul.sub>li.on>a{ color:#008cd6;}



#nav .list ul.sub>li a.on{ color:#008cd6;}



#nav .list ul.sub>li>a:after{ content:""; display: inline-block; width:0; height:10px; background: url(/statics/style/pc/images/nav_arrow.png) center no-repeat; position: absolute; right:0; top:15px; transition:.5s; }



#nav .list ul.sub>li>a:hover:after,#nav .list ul.sub>li.on>a:after{ width:16px; }



#nav li:focus .list,#nav li:hover .list{ opacity:1; visibility:visible; height:auto;}



#nav li:focus .list a,#nav li:hover .list a{ }



#nav .list .sub2{ display:none;}



#nav .list .sub2 a{ font-size:14px; color:#5e5e5e; padding-left:18px;}







#nav .list2{transform: rotateX(-90deg); transform-origin:top; transition:.5s; white-space:nowrap; width:600px; height:0;background:#fff;padding-top:30px;position:absolute;top:90px;opacity:0;visibility:hidden; overflow:hidden;right:50%; margin-right:-300px; text-align:center; padding-bottom:30px;}



#nav .list2.act{transform: rotateX(0deg); }



#nav .list2 .con{ display:inline-block; margin-left:5px; text-align: left; width:138px; vertical-align: top;}



#nav .list2 .pic{ width:355px; display:inline-block; margin-right:35px; float:right;}



#nav .list2 .pic img{ width:100%; height:181px; }



#nav .list2 .pic h5{ text-align:left; font-size:18px; color:#383838; margin-top:15px; margin-bottom:12px;}



#nav .list2 .pic h5 span{ font-size:14px; font-family:arial; text-transform:uppercase;}



#nav .list2 .txt{ text-align:left; white-space:normal; font-size:13px; color:#757575; line-height:26px;}







#nav .list2 a{ color:#393939; height:38px;line-height:38px; display:block;font-size:15px;text-decoration:none;  font-weight:normal; transition:.5s; position:relative; }



#nav .list2 a:hover{ color:#132a88 !important;}



#nav .list2 ul.sub>li.on>a{ color:#132a88;}



#nav .list2 ul.sub>li a.on{ color:#132a88;}



#nav .list2 ul.sub>li>a:after{ content:""; display: inline-block; width:0; height:10px; background: url(/statics/style/pc/images/nav_arrow.png) center no-repeat; position: absolute; right:0; top:15px; transition:.5s; }



#nav .list2 ul.sub>li>a:hover:after,#nav .list ul.sub>li.on>a:after{ width:16px; }



#nav li:focus .list2,#nav li:hover .list2{ opacity:1; visibility:visible; height:auto;}



#nav li:focus .list2 a,#nav li:hover .list2 a{ }



#nav .list2 .sub2{ display:none;}



#nav .list2 .sub2 a{ font-size:14px; color:#5e5e5e; padding-left:18px;}







.search_btn{ height:90px; line-height:90px; margin-left:30px; cursor:pointer; padding-top:5px; position:absolute; right:0; width: 103px; text-align: center;}







#header .dw2{ float:left; height:90px; width:172px; cursor:pointer; position:relative; margin-left:50px; display: none;}



#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(/statics/style/pc/images/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);}







/**/



#logo .logo_black{ display:none;}



.top_search_black{ display:none;}



#header.xg{ position:fixed; top:0; background:#fff; border-bottom:1px solid rgba(0,0,0,.1);}



#header.xg #logo .logo_black,#header.xg .top_search_black{ display: inline-block;}



#header.xg #logo .logo_white,#header.xg .top_search_white{ display:none;}



#header.xg #nav ul li a h3{ color:#333;}



#header.xg .dw2 .dh{ color:#5b5b5b;}



#header.xg .dw2.yuyan:before{ background:rgba(0,0,0,.1);}



#header.xg .dw2:after{ background:rgba(0,0,0,.1);}



#header.xg .dw2 .dh span{ background:url(/statics/style/pc/images/jt2.png) right center no-repeat; }



.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(/statics/style/pc/images/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;background: #151752;}



.banner  li{ position:relative; }



.banner li .img{ position: relative; left:0; top:0; width:100%; height:100vh;z-index:8; background-size: 100% !important; }	



#banner li img{ display:inline-block; margin-bottom:100px;}



#banner li .txt{ display:none;}



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



#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(/statics/style/pc/images/banner_left.png) left center no-repeat;



	transition:300ms;



	-webkit-transition:300ms;



	animation:moveL 2s linear infinite;



	}



	



.banner .slick-next{ right:115px;



	background:url(/statics/style/pc/images/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(/statics/style/pc/images/mouse_tail.png) center no-repeat; display:block; position:absolute; bottom:-28px; left:50%; margin-left:-5.5px;}



.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(/statics/style/pc/images/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_pro{ background:url(/statics/style/pc/images/s_pro_bg.jpg) bottom no-repeat;}

.s_pro .tt{ text-align:center; font-size:38px; color:#fff; font-weight:bold; margin-bottom:40px;}
.s_pro .tt a{ font-size:38px; color:#fff;}
.s_pro ul{ margin:0 -15px;}
.s_pro ul li{ width:33.333%; float:left; margin-bottom:20px; overflow:hidden; padding: 0 15px;}
 
.s_pro ul li a{}
.s_pro ul li .pic{ text-align:center; height:300px; background:#fff; width:100%; display:table; padding:0 10px; overflow: hidden; }
.s_pro ul li .pic img{ max-height:100%;max-width: 100%; transition:1s; }
.s_pro ul li .txt{ background:#fff; padding:15px 30px; min-height:5.5rem;}
.s_pro ul li .txt h5{ color:#363638; font-size:15px; margin-bottom:5px;}
.s_pro ul li .txt span{ font-size:12px; color:#6e6e70; text-transform:uppercase; opacity:.7;} 
.s_pro ul li:hover .pic img{ transform:scale(1.1) }
.s_pro ul li{ opacity:0; transform:scale(.9); transition:1.5s 0s;}

.s_pro.active ul li{ transform:scale(1); opacity:1; transition:1.5s 0s;}











.s_apply .fp-tableCell{ background:#f3f5f7;}



.s_apply .tt{ font-size:38px; height:13rem; line-height:13rem; color:#3b3c3d; font-weight: bold;  text-align:center; position:relative; }



.s_apply ul{ margin-right:-10px;}



.s_apply ul li{ width:50vw; 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; background-size: cover !important; }



.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(/statics/style/pc/images/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_apply .tt{ transform:translateY(100px); transition:1s; opacity:0;}



.s_apply ul li span{ transform:translateY(100px); transition:1s; opacity:0;}



.s_apply ul li h5{ transform:translateY(100px); transition:1s; opacity:0;}



.s_apply ul li .more{ transform:translateY(100px); transition:1s; opacity:0;}



.s_apply.active .tt{transform:translateY(0px); opacity:1; transition:1.5s 0s;}



.s_apply.active ul li span{ transform:translateY(0px); opacity:1; transition:1.5s .2s;}



.s_apply.active ul li h5{ transform:translateY(0px); opacity:1; transition:1.5s .4s;}



.s_apply.active ul li .more{ transform:translateY(0px); opacity:1; transition:1.5s .6s;}







.s_news{ background:url(/statics/style/pc/images/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; line-height:60px; position:relative; margin-bottom:30px; text-transform:uppercase;}



.s_news .tt h3{ float:left; font-size:38px; font-weight: bold;  }



.s_news .tt span{ float:right; font-size:14px; font-weight:normal; background:url(/statics/style/pc/images/s_news_more.png) left center 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;}







.s_news .tt{ transform:translateY(100px); transition:1s; opacity:0;}



.s_news.active .tt{transform:translateY(0px); opacity:1; transition:1.5s 0s;}











.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(/statics/style/pc/images/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{ max-width:400px; margin-bottom: 20px;}



.foot_lianxi .txt{ font-size:14px; line-height:35px; color:#d8d8d8; }



.foot_nav{}



.foot_nav ul{}



.foot_nav ul li{ float:left; margin-right:110px;}



.foot_nav ul li h3{ text-transform:uppercase; font-size:15px; color:#f6f6f6; margin-bottom:13px; font-weight:bold;}



.foot_nav ul li .list{}



.foot_nav ul li .list a{ display:block; font-size:13px; color:#afafaf; line-height:30px;}







.foot .shart_box{ display:inline-block; float:left; margin-top: 30px;}



.foot .shart_box ul li{ float:left;cursor:pointer; position:relative;}



.foot .shart_box ul li .dh{ width:20px; height:20px; margin-right:10px;}



.foot .shart_box li .dd{ position:absolute; display:block !important; width:110px; height:110px; padding:5px; background:#fff; bottom:40px; opacity: 0; left: 50%; margin-left: -64px; visibility: hidden; transition: .5s; box-shadow:0 5px 15px 0 rgba(0,0,0,.1);}



.foot .shart_box li .dd:before{ content:""; display:block; border:6px solid transparent; border-top:6px solid #fff; position:absolute; bottom:-12px; left:50%; margin-left:-6px; }



.foot .shart_box li:hover .dd{ opacity: 1; visibility: visible; bottom:33px; }



.foot .shart_box li .dd img{ width:100px; height:100px;}











.foot #j_shart_s_24 .bds_qzone{background:url(/statics/style/pc/images/j_shart2.png) center -224px no-repeat}



/*.foot #j_shart_s_24 .bds_tsina{background:url(/statics/style/pc/images/j_shart2.png) -73px 0px no-repeat}*/



.foot #j_shart_s_24 .taobao{background:url(/statics/style/pc/images/j_shart2.png) -73px 0px no-repeat}



.foot #j_shart_s_24 .bds_tqq{background:url(/statics/style/pc/images/j_shart2.png) 0px 0px no-repeat}



.foot #j_shart_s_24 .bds_renren{background:url(/statics/style/pc/images/j_shart2.png) center -340px no-repeat}



.foot #j_shart_s_24 .bds_weixin{background:url(/statics/style/pc/images/j_shart2.png) -35px 0px no-repeat}



.foot #j_shart_s_24 .bds_sqq{background:url(/statics/style/pc/images/j_shart2.png) 0px 0px no-repeat}



.foot #j_shart_s_24 .bds_fbook{background:url(/statics/style/pc/images/j_shart2.png) center -166px no-repeat}



.foot #j_shart_s_24 .bds_twi{background:url(/statics/style/pc/images/j_shart2.png) center -137px no-repeat}



.foot #j_shart_s_24 .bds_linkedin{background:url(/statics/style/pc/images/j_shart2.png) center -108px no-repeat}



.foot #j_shart_s_24 .bds_tieba{background:url(/statics/style/pc/images/j_shart2.png) center -253px no-repeat}



.foot #j_shart_s_24 .bds_huaban{background:url(/statics/style/pc/images/j_shart2.png) center -253px no-repeat}



.foot #j_shart_s_24 .bds_douban{background:url(/statics/style/pc/images/j_shart2.png) center -253px no-repeat}



.foot #j_shart_s_24 .bds_copy{background:url(/statics/style/pc/images/j_shart2.png) center -253px no-repeat}



.foot #j_shart_s_24 .bds_print{background:url(/statics/style/pc/images/j_shart2.png) center -253px no-repeat}



.foot #j_shart_s_24 .bds_mshare{background:url(/statics/style/pc/images/j_shart2.png) center -253px no-repeat}



.link{ padding:10px 0 15px 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:13px; 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 *{ 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{margin-right:30%;}



.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:#c30e23; color:#fff; 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;}







input::-webkit-input-placeholder{color:#666; }



input::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#666;}



input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#666;}



input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#666;}/* 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; }











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



/*内页banner*/



.bn-box {width: 100%;overflow: hidden;position: relative;z-index:0; margin-top:133px; }



.ny_banner {width: 2000px;height:400px;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:400px; vertical-align:middle; display:table-cell; margin:0 auto; text-align:center;}



.ny_banner h5{ font-size:56px; color:#acabab;  color:rgba(255,255,255,.45); font-style:italic; }



.ny_banner span{ font-size:18px; color:#a9a7a6; color:rgba(255,255,255,.45);  font-style:italic; display:block; margin-top:15px; }



.ny_banner .box i{ display:block; width:25px; height:3px; background:#a63300;  }







#footer{ background:#262728; padding-top:76px;}







.j_position{ text-align:right; font-family:arial; color:#8a8986; padding:22px 0; padding-top:30px; font-size:12px;position: relative;



    z-index: 99;}



.j_position img{ margin-right:5px;}



.j_position a{ font-family:arial; color:#8a8986; margin:0 5px; transition:.3s;}



.j_position a:hover{ color:#b39f87;}



.j_position em{ margin-left:5px; color:#b39f87;}











#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; padding-bottom:80px; }



.j_pages .box{display: inline-block; color:#616264; font-size:14px;  }



.j_pages a,.j_pages input,.j_pages button{ height:32px; padding:0 10px; min-width:35px; line-height:30px; border:1px solid #e1e1e1; text-align:center; display:inline-block; margin:0 6px; color:#616264; font-size:13px; text-transform:uppercase; overflow:hidden; float:left; transition:.3s; }



.j_pages .on{ color:#fff !important; background:#005da9; border:1px solid #005da9; }



.j_pages a[href]:hover,.j_pages button:hover{  color:#fff !important; background:#005da9; border:1px solid #005da9; }















/*内容样式*/



.ar_article{ font-size:16px; color:#707070; line-height:30px;  }



.ar_article p{font-size:16px;color:#707070;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_banner{ width:100%; height:429px;}







/*=====面包屑===*/



.n_position{ height:55px; clear:both; overflow:hidden; position:relative; margin-bottom:20px; }



.n_position h3{ font-size:12px; line-height:55px; display:block; float:right; color:#7b7b7d;}



.n_position h3 img{ position:relative; top:1px; margin-right:3px;}



.n_position h3:before{   margin-right:6px; position:relative; top:1px;}



.n_position h3 a{ margin:0 5px; display:inline-block; color:#5b5b5b; font-size:12px; vertical-align: middle;}



.n_position h3 a:hover{ color:#a9a9a9;}



.n_position h3 i{ display:inline-block; width:16px; height:55px; background:url(/statics/style/pc/images/sanjiao.png) center no-repeat; vertical-align: middle;}



.n_position h3 em{ color:#a9a9a9; margin-left:5px; vertical-align: middle;}







#n_main{ }



#n_changjing_xq{ overflow:hidden; padding-bottom:55px;}



#n_changjing_xq .pic{ width:580px; height:385px; float:left;}



#n_changjing_xq .pic img{ width:100%; height:100%;}



#n_changjing_xq .txt{ float:right; width:570px;}



#n_changjing_xq .txt .tt{ font-size:28px; color:#0a0502; margin-bottom:20px;}



#n_changjing_xq .txt .con{ font-size:15px; color:#6c6c6c; line-height:30px; height:150px; overflow:auto;}







.pic_slide{ margin-bottom:30px;}



.pic_slide li{ float: left; margin-right:0; text-align:center;}



.pic_slide li .img{ width:280px; height:157px; 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 li h5{ font-size:15px; color:#363638;}



.pic_slide .slick-prev{ width:30px; height:52px; display:block; background:url(/statics/style/pc/images/pic_left.png) left center no-repeat; position:absolute; z-index:99; cursor:pointer; margin-top:-26px; left:0px; transition:.3s;}



.pic_slide .slick-next{ width:30px; height:52px; display:block; background:url(/statics/style/pc/images/pic_right.png) right center no-repeat; position:absolute; z-index:99; cursor:pointer; margin-top:-26px; right:0px; transition:.3s;}



.pic_slide .slick-arrow:before{ display:none;}



.pic_slide .slick-arrow:hover{ opacity:.8;}







/*online qq*/



aside#top{ }



.online_q {  position: fixed; right: 10px; bottom: 10%; z-index: 9999; transition:.5s; -webkit-transition:.5s;}



.online_q .btn2{width:45px; height:45px; cursor:pointer; position:relative; font-size:12px; color:#fff;}



.online_q .btn-top{ background:#a4e7fe; padding:0; transition:.5s;}



.online_q .btn-top:hover{ background:#42cfff; }



.online_q .btn2 a{  font-size:12px; color:#fff;}



.online_q .btn2 span{display:block; float:left; width:45px; height:45px; position:relative; z-index:999; overflow:hidden; transition:.3s; -webkit-transition:.3s;}



.online_q .btn-qq span{background:url(/statics/style/pc/images/piaofu_qq.png) center no-repeat #4b4b4d; }



.online_q .btn-tel span{background:url(/statics/style/pc/images/piaofu_tel.png) center no-repeat #4b4b4d;}



.online_q .btn-zixun span{background:url(/statics/style/pc/images/piaofu_zixun.png) center no-repeat #4b4b4d;}



.online_q .btn-wx span{background:url(/statics/style/pc/images/piaofu_wx.png) center no-repeat #4b4b4d; }



.online_q .btn-taobao span{background:url(/statics/style/pc/images/piaofu_taobao.png) center no-repeat #4b4b4d; }



.online_q .btn-top span{ height:100%; background:url(/statics/style/pc/images/piaofu_top.png) center no-repeat #4b4b4d; }



.online_q .btn2:hover span{ background-color:#c30e23 !important; }



.online_q .open.pic{ position:absolute; background:#c30e23; width:100px; height:100px; right:80px; top:50%; margin-top:-50px; text-align:right; opacity:0; transition: .6s; -webkit-transition: .6s; visibility:hidden;}



.online_q .open.pic img{ width:80px; height:80px; margin-top:10px; margin-right:10px;}



.online_q .btn2:hover .open.pic{ opacity:1; right:55px;visibility:visible;}



.online_q .open.phone{ display:inline-block; height:45px; line-height:45px; z-index:0; width:0; background:#eee; color:#4b4b4d; font-family:arial; font-size:18px; transition:width 0s; -webkit-transition:width 0s; text-align:center;  width:150px;}



.online_q .btn2:hover .open.phone{transition:.5s; -webkit-transition:.5s; opacity:1; visibility:visible;}



.btn-tel a{ display:block; width:45px; white-space:nowrap; position:absolute; right:0;transition:.5s; -webkit-transition:.5s; overflow:hidden;}



.btn-tel:hover a{ width:205px;}



.online_q .btn-02.btn-tel:hover span{ background:url(/statics/style/pc/images/piaofu_tel.png) center no-repeat #fff; border:2px solid #037ccf;}



#gotop.hide{ height:0; overflow:hidden;}







#n_pro_xq{ overflow:hidden; padding-bottom:60px;}



.n_pro_xq_slide{ width:635px; height:355px; overflow:hidden; float:left;}



.n_pro_xq_slide .slick-list li img{ width:635px; height:355px; }



.n_pro_xq_slide .slick-prev{ width:30px; height:52px; display:block; background:url(/statics/style/pc/images/n_pro_xq_left.png) left center no-repeat; position:absolute; z-index:99; cursor:pointer; left:40px; transition:.3s;}



.n_pro_xq_slide .slick-next{ width:30px; height:52px; display:block; background:url(/statics/style/pc/images/n_pro_xq_right.png) right center no-repeat; position:absolute; z-index:99; cursor:pointer; right:40px; transition:.3s;}



.n_pro_xq_slide .slick-arrow:before{ display:none;}



.n_pro_xq_slide .slick-arrow:hover{ opacity:.8;}



#n_pro_xq .txt{ width:510px; float:right; padding-top:18px;}



#n_pro_xq .txt .tt{ font-size:28px; color:#0a0502;}



#n_pro_xq .txt .tip{ font-size:18px; color:#0a0502; margin-top:35px; margin-bottom:18px;}



#n_pro_xq .txt .con{ font-size:14px; color:#6f6f6f; line-height:28px; height:112px; overflow:auto;}



#n_pro_xq .txt .con::-webkit-scrollbar{ display:none;}



#n_pro_xq .txt .btn{ display:block; width:205px; height:50px; line-height:50px; text-align:center; border-radius:25px; background:#132a88; color:#fff; font-size:14px; margin-top:43px;}



#n_pro_xq .txt .btn i{ display:inline-block; width:21px; height:18px; background:url(/statics/style/pc/images/down_ico.png) center no-repeat; position:relative; top:3px; margin-right:10px;}



#n_pro_xq .hd{ margin-top:80px; margin-bottom:50px; height:70px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}



#n_pro_xq .hd ul{ overflow:visible;}



#n_pro_xq .hd ul .slick-list{ overflow:visible;}



#n_pro_xq .hd ul li{ line-height:68px; height:68px; border-right:1px solid #e5e5e5; text-align:center; font-size:18px; color:#535353; cursor:pointer; position:relative;}



#n_pro_xq .hd ul li:first-child{border-left:1px solid #e5e5e5;}



#n_pro_xq .hd ul li:before{ content:""; width:0; height:3px; display:block; background:#c30e23; position:absolute; right:0; bottom:-1px; transition:.7s;}



#n_pro_xq .hd ul li.slick-current:before,#n_pro_xq .hd ul li:hover:before{ width:100%; left:0; right:auto;}







.n_nav2{ text-align:center; margin-bottom:40px;}



.n_nav2 a{ width:160px; height:45px; display:inline-block; margin:10px; font-size:15px; color:#6e6e6e; border-radius:25px; border:2px solid #e3e3e3; line-height:41px; position:relative; z-index:0; overflow:hidden; transition:all ease 600ms;}



.n_nav2 a.on{ color:#fff; border:2px solid #005da9; background:#005da9;}



.n_nav2 a:before{ content:""; position: absolute; right: 0; top: 0; display: block; height:100%; width:0; background:#005da9; 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 #005da9; background:#005da9;}







#n_pro{ padding-bottom:40px;}



#n_pro ul{}



#n_pro ul li{ height:320px; padding-top:20px; position:relative; background:#fff; margin-bottom:15px; overflow:hidden;}



#n_pro ul li .tt{ margin-bottom:13px; position:relative;}



#n_pro ul li .tt h5{ font-size:24px; color:#363638; margin-bottom:3px;}



#n_pro ul li .tt span{ font-size:13px; color:#6e6e70; text-transform:uppercase; font-family:arial;}



#n_pro ul li .txt{ float:left; font-size:14px; color:#656565; line-height:28px; width:620px; margin-left:46px; padding-top:38px;}



#n_pro ul li .txt .con{ height:48px; overflow:hidden; font-size:13px; color:#868686; line-height:24px;}



#n_pro ul li .txt p{ font-size:13px; color:#868686; line-height:24px;}



#n_pro ul li .txt .more_btn{ margin-top:35px; background: rgba(108,187,90,0); border:1px solid #d9d9d9; color:#656565; margin-left:0; }



#n_pro ul li .txt .more_btn:hover{ background: #132a88; border:1px solid #132a88; color:#fff;}



#n_pro ul li .img{ float:right; width:510px; height:290px;}



#n_pro ul li.li_1{ }



#n_pro ul li.li_1 .txt{ float:right; margin-right:46px; margin-left:auto;}



#n_pro ul li.li_1 .img{ float:left;}















.btn_flashcenter { display: block; width: 145px; position: relative; overflow: hidden; height: 40px; border-radius: 20px; background: #005da9; text-align: center; line-height: 40px; color: #fff; font-size: 14px; transition: 0.52s; }



.btn_flashcenter .anim { -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); position: absolute; top: 50%; left: 50%; }



.btn_flashcenter .anim:before { position: relative; content: ''; display: block; margin-top: 100%; }



.btn_flashcenter .anim:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; }



.btn_flashcenter:hover .anim { -moz-animation: anim-out 0.75s; -webkit-animation: anim-out 0.75s; animation: anim-out 0.75s; }



.btn_flashcenter:hover .anim:after { -moz-animation: anim-out-pseudo 0.75s; -webkit-animation: anim-out-pseudo 0.75s; animation: anim-out-pseudo 0.75s; }











@-webkit-keyframes anim-out-pseudo {



    0% { background: rgba(0, 0, 0, 0.25); }



    100% { background: transparent; }



}







@-moz-keyframes anim-out-pseudo {



    0% { background: rgba(0, 0, 0, 0.25); }



    100% { background: transparent; }



}







@-ms-keyframes anim-out-pseudo {



    0% { background: rgba(0, 0, 0, 0.25); }



    100% { background: transparent; }



}







@keyframes anim-out-pseudo {



    0% { background: rgba(0, 0, 0, 0.25); }



    100% { background: transparent; }



}







@-webkit-keyframes anim-out {



    0% { width: 0%; }



    100% { width: 100%; }



}







@-moz-keyframes anim-out {



    0% { width: 0%; }



    100% { width: 100%; }



}







@-ms-keyframes anim-out {



    0% { width: 0%; }



    100% { width: 100%; }



}







@keyframes anim-out {



    0% { width: 0%; }



    100% { width: 100%; }



}







#n_case{ padding-bottom:30px; overflow:hidden;}



#n_case ul{ margin-right:-40px;}



#n_case ul li{ width:580px; float:left; margin-right:40px; margin-bottom:18px;}



#n_case ul li a{}



#n_case ul li .img{ position: relative; width:580px; height:385px;}



#n_case ul li .img img{}



#n_case ul li h5{ font-size:20px; color:#414141; text-align:center; line-height:55px; height:55px;}



#n_case ul li .mask{ position:absolute; width:100%; height:100%; top:0; left:0; z-index:0; }



#n_case ul li .mask font{ display:block; width:30px; height:30px; margin:0 auto; background:url(/statics/style/pc/images/s_more_jia.png) center no-repeat; transform:translateY(0px); transition:.7s; opacity:1;}



#n_case ul li .mask p{ font-size:13px; color:#f3f3f3; margin-top:17px; transform:translateY(0px); transition:.7s; opacity:1;}



#n_case ul li .mask:before{ content:""; width:100%; height:100%; display:block; position:absolute; top:0; left:0; background:rgba(0,0,0,.2); z-index:-1; transition:.7s; opacity:1;}



#n_case ul li:hover .mask font{ transform:translateY(-80); opacity:0;}



#n_case ul li:hover .mask p{ transform:translateY(-80); opacity:0;}



#n_case ul li:hover .mask:before{ opacity:0; width:0; right:0; left:auto;}











.n_news1{ }



.n_news1 ul{ margin:0 -15px;}



.n_news1 ul li{ width:380px; height:490px; float:left; margin:0 15px;}



.n_news1 ul li .img{ width:100%; height:240px; overflow:hidden;}



.n_news1 ul li .img img{ transition:1s;}



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



.n_news1 ul li .txt{ height:250px; border:2px solid #e2e2e2; border-top:0; padding:35px 26px;}



.n_news1 ul li .txt h5{ font-size:18px; color:#79797b; font-weight:bold; margin-bottom:18px;}



.n_news1 ul li .txt p{ font-size:13px; line-height:26px; color:#868686; height:104px; overflow:hidden;}



.n_news1 ul li .txt span{ font-size:16px; color:#aaaaaa; font-family:arial; display:block; margin-top:18px;}







.n_news2{ margin-top:40px; margin-bottom:40px;}



.n_news2 ul{}



.n_news2 ul li{ position:relative; z-index:0; padding:30px 0; border-top:1px solid #f1f1f1;}



.n_news2 ul li:before{ content:""; display:block; width:100%; height:0; bottom:0; left:0; background:#f9f9fa; position:absolute; transition:.7s;}



.n_news2 ul li:hover:before{ height:100%; bottom:auto; top:0;}



.n_news2 ul li .m{ }



.n_news2 ul li { }



.n_news2 ul li  h5{ font-size:18px; color:#3b3b3b; padding-top:11px;}



.n_news2 ul li .time{ font-size:13px; color:#868686; margin-top:15px; display:block; margin-bottom:15px;}



.n_news2 ul li  p{ font-size:13px; color:#868686; line-height:20px; height:20px;}



.n_news2 ul li .btn{ font-size:12px; margin-top:25px; color:#666; line-height:25px; z-index:0; transition:.5s; overflow:hidden;}















#n_new_xq{ overflow:hidden; margin-bottom:60px;}



#left_news{ width:886px; float:left;}



#right_news{ width:289px; float:right;}







#right_news{ width: 262px; float:right; }



#right_news .title{ padding-bottom: 10px;}



#right_news .title h1{ font-size:18px; color:#4e4e4e;}



#right_news a{ display: block;}



#right_news ul li{ padding-bottom: 18px; margin-top: 15px; border-bottom: 3px solid #dedede; }



#right_news ul li span{ font-size:22px; color:#979797; font-family:arial;}



#right_news ul li h5 a{ font-size:16px; color:#545454; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:9px 0;}



#right_news ul li:hover h5 a{ color:#005da9;}



#right_news ul li p{ font-size:12px; color:#969696; line-height:20px; height:40px; overflow: hidden;}



.search{ width:100%; height:45px; overflow:hidden; position:relative; z-index:0; margin-bottom:40px; background:#fff; }



.search .searchbar{ height:45px; padding:0 20px; background:#f2f2f2; width:215px; font-size:14px; color:#bbbbbb; font-family:'Microsoft YaHei'; font-weight:100;}



.search .searchbtn{ display:block; position:absolute; cursor:pointer; top:0; right:0; width:50px; height:45px; z-index:9; background:#005da9 url(/statics/style/pc/images/fdj.png) center no-repeat; color:#fff; transition:.3s;}



.search .searchbtn:hover{ background:#014f8f url(/statics/style/pc/images/fdj.png) center no-repeat;}



.n_hezuo_bn{ margin-top:23px;}







/*==============新闻详情=====================*/







.ar_title {margin-bottom:40px; border-bottom:1px solid #efefef; padding-bottom:10px;}



.ar_title h3{ font-size:27px; color:#4a4a4a; margin-bottom:30px; }



.ar_title span.time{ font-size:14px; color:#797979; font-weight:bold; line-height:36px;}



.ar_bot{ border-top:1px solid #dedede; margin-top:20px; margin-bottom:70px; padding-top:15px; line-height:28px; font-size:16px; color:#707070;}



.ar_bot a{ font-size:14px; color:#797979; font-family:arial; font-weight:bold; transition:.3s;}



.ar_bot a:hover{ color:#c6b39d;}



span.span2.shart_box{ position:relative; padding-left:55px; overflow:hidden; display:block; line-height:36px; margin-right:-15px;}



span.span2.shart_box .share_tt{ position:absolute; left:0; top:0; float:left; font-size:14px; color:#616060; }



#j_shart_s_24{ float:right; transform:scale(.8);}







#ar_fot{ height:90px; display:table; width:100%; margin-top:20px;}



#ar_fot a{ font-size:15px; color:#666565;}



#ar_fot ul { display:table-cell; vertical-align:middle; width:100%; height:100%;}



#ar_fot ul li{ width:33.333%; float:left;}



#ar_fot li a{ display: inline-block; height:60px; line-height:60px;}



.ar_fot_prev{ text-align:left;}



.ar_fot_list{ text-align: center;}



.ar_fot_next{ text-align: right;}



.arrow_left{ position: relative; width:20px; height:20px; display: inline-block; top:10px; margin-right:30px; transition:.3s;}



.arrow_left:before{ content:""; width:10px; height:1px; background:#333; display:block; transform:rotate(-45deg); position:absolute; top:0; transition:.3s;}



.arrow_left:after{ content:""; width:10px; height:1px; background:#333; display:block; transform:rotate(45deg); position:absolute; top:6px; transition:.3s;}



.arrow_left i{ display:block; width:0; height:1px; background:#005da9; display:block; top:3px; left:2px; position:absolute; transition:.3s;}



.ar_fot_prev a:hover .arrow_left{ margin-right:40px;}



.ar_fot_prev a:hover .arrow_left i{ width:18px;}



.ar_fot_prev a:hover .arrow_left:before,.ar_fot_prev a:hover .arrow_left:after{ background:#005da9 !important;}



.ar_fot_list font{position: relative;top:5px;margin-right:15px;width: 26px;height:20px;display:inline-block;background:url(/statics/style/pc/images/CombinedShape.png) center no-repeat;transition:.2s;background-size:  contain;}



.ar_fot_list a:hover font{ background:url(/statics/style/pc/images/CombinedShape_on.png) center no-repeat;background-size:  contain; } 



.arrow_right{ position: relative; width:20px; height:20px; display: inline-block; top:10px; margin-left:30px; transition:.3s;}



.arrow_right:before{ content:""; width:10px; height:1px; background:#333; display:block; transform:rotate(45deg); position: absolute; top:0; right:0; transition:.3s;}



.arrow_right:after{ content:""; width:10px; height:1px; background:#333; display:block; transform:rotate(-45deg); position:absolute; top:6px; right:0; transition:.3s;}



.arrow_right i{ display:block; width:0; height:1px; background:#005da9; display:block; top:3px; right:3px; left:auto; position: absolute; transition:.3s;}



.ar_fot_next a:hover .arrow_right{ margin-left:40px;}



.ar_fot_next a:hover .arrow_right i{ width:18px;}



.ar_fot_next a:hover .arrow_right:before,.ar_fot_next a:hover .arrow_right:after{ background:#005da9 !important;}







#ar_fot a:hover span{ color:#005da9;}







.n_pro_tuijian_slide{ margin-top:25px;}



.n_pro_tuijian_slide .item img{ width:283px;}



.n_pro_tuijian_slide .slick-prev{ width:30px; height:52px; display:block; background:url(/statics/style/pc/images/n_pro_tuijian_left.png) left center no-repeat; position:absolute; z-index:99; cursor:pointer; left:20px; transition:.3s;}



.n_pro_tuijian_slide .slick-next{ width:30px; height:52px; display:block; background:url(/statics/style/pc/images/n_pro_tuijian_right.png) right center no-repeat; position:absolute; z-index:99; cursor:pointer; right:20px; transition:.3s;}



.n_pro_tuijian_slide .slick-arrow:before{ display:none;}



.n_pro_tuijian_slide .slick-arrow:hover{ opacity:.8;}







#n_zizhi{ overflow:hidden; padding-bottom:30px;}



#n_zizhi ul{ margin-right:-79px;}



#n_zizhi ul li{ margin-right:79px; float:left; height:384px;}



#n_zizhi ul li .pic{ width:238px; height:324px; background:url(/statics/style/pc/images/zizhi_bg.png) center no-repeat; padding:9px; box-shadow:0px 9px 20px 0 rgba(0,0,0,.2);}



#n_zizhi ul li .pic img{ width:220px; height:306px;}



#n_zizhi ul li h5{ text-align:center; font-size:16px; color:#666; padding-top:15px;}











#n_video{ padding-bottom:20px; overflow:hidden;}



#n_video ul{ margin-right:-30px;}



#n_video ul li{ width:380px; float:left; margin-right:30px; margin-bottom:35px;}



#n_video ul li a{}



#n_video ul li .img{ position: relative; width:380px; height:245px;}



#n_video ul li .img img{}



#n_video ul li h5{ font-size:17px; color:#4c4c4c; line-height:40px; height:40px; margin-top:5px;s}



#n_video ul li span{ font-size:12px; color:#a3a3a3;}



#n_video ul li .mask{ position:absolute; width:100%; height:100%; top:0; left:0; z-index:0; }



#n_video ul li .img .mask{ width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,.3);}



#n_video ul li .img .mask i{ width:40px; height:40px; border-radius:50%; display:block; margin:0 auto; margin-top:103px; position:relative; z-index:0;}



#n_video ul li .img .mask i:after{ content:""; width:40px; height:40px; border-radius:50%; position:absolute; z-index:-1; left:0; top:0; background:url(/statics/style/pc/images/n_video_ico.png) 15px center no-repeat; background-size:13px; z-index:9;}



#n_video ul li .img .mask i:before{ content:""; width:40px; height:40px; border-radius:50%; border:1px solid #fff; background:rgba(0,0,0,.3); display:block; position:absolute; z-index:-1; left:0; top:0;transition:.5s; -webkit-transition:.5s;}



#n_video ul li .img .mask:hover i:before{ transform:scale(1.4);border:1px solid #fff; }







#n_wenhua{ overflow:hidden;}



#n_wenhua ul{ float:left;}



#n_wenhua ul li{ position:relative; background:#005da9;}



#n_wenhua ul li img{ display:block; transition:.5s;}



#n_wenhua ul li.li_2{ margin:15px; margin-top:0;}



#n_wenhua ul li .txt{ position:absolute; width:100%; height:100%; position:absolute; top:0; left:0; text-align:center; color:#fff;}



#n_wenhua ul li .txt font{ display:block; margin:0 auto; width:42px; height:42px; background:url(/statics/style/pc/images/wenhua_ico.png) center no-repeat;}



#n_wenhua ul li .txt h5{ font-size:22px; margin-bottom:15px; margin-top:13px;}



#n_wenhua ul li .txt p{ font-size:16px; line-height:26px;}



#n_wenhua ul li::before,#n_wenhua ul li::after{position:absolute;content:'';opacity:0;transition:all 0.5s;}



#n_wenhua ul li::before{top:14px;right:14px;bottom:14px;left:14px;border-top:1px solid #fff;border-bottom:1px solid #fff;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0; opacity:.35}



#n_wenhua ul li::after{top:14px;right:14px;bottom:14px;left:14px;border-right:1px solid #fff;border-left:1px solid #fff;transform:scale(1,0);transform-origin:100% 0; opacity:.35;}



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



#n_wenhua ul li:hover img{ opacity:0;}







#n_fengcai{ height:535px; background:#f3f3f3; padding-top:70px; margin-top:70px;}



#n_fengcai .tt{ text-align:center; margin-bottom:38px;}



#n_fengcai .tt h3{ font-size:32px; color:#3d3d3d; margin-bottom:10px;}



#n_fengcai .tt span{ font-size:18px; color:#696969; font-family:arial; text-transform:uppercase;}



#n_fengcai ul{ margin:0 -10px;}



#n_fengcai ul li img{ margin:0 auto; width:385px; height:265px;}



#n_fengcai .slick-prev{ width:40px; height:40px; display:block; background:url(/statics/style/pc/images/n_fengcai_left.png) left center no-repeat; position:absolute; z-index:99; cursor:pointer; left:-80px; transition:.3s;}



#n_fengcai .slick-next{ width:40px; height:40px; display:block; background:url(/statics/style/pc/images/n_fengcai_right.png) right center no-repeat; position:absolute; z-index:99; cursor:pointer; right:-80px; transition:.3s;}



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



#n_fengcai .slick-arrow:hover{ opacity:.8;}







#n_lianxi{ overflow:hidden; padding-top:70px;}



#n_lianxi .txt{ width:440px; float:left;}



#n_lianxi .txt .tt{ margin-bottom:25px;}



#n_lianxi .txt .tt h5{ font-size:20px; color:#313131; font-weight:bold; }



#n_lianxi .txt .tt span{ font-size:18px; color:#6c6d70;}



#n_lianxi .txt p{ font-size:14px; color:#4c4c4c; line-height:33px;}



#n_lianxi .txt p a:hover{ color:#005da9;}



.un_box.map{ width:720px; height:385px; float:right; position:relative; border:1px solid #e5e5e5;}



#n_lianxi .ewm{ width:140px; height:140px; border:2px solid #e5e5e5;  float:left; margin-right:17px; text-align:center; margin-top:35px;}



#n_lianxi .ewm img{ width:136px; height:136px; }







#n_lianxi .j_form{ width:656px; margin-right:-16px;}



.j_form .form-group{ background:#f2f2f2; width:640px; overflow:hidden; margin-bottom:18px; position:relative; }



.j_form .form-group.fl{ width:312px; margin-right:16px;}



.j_form .form-group span{width:85px; height:50px;line-height:50px;color:#949596;padding-left:1.5rem;display:block;float:left;}



.j_form .form-group span i{ color:#ff0000; margin-left:6px;}



.j_form .form-group>input{ height:50px; width: calc(100% - 85px); padding-right:20px; float:left; font-size:14px; color:#949596;  background:none; }



.j_form .form-group textarea{ width: 100%; float:right; height:200px; line-height:26px; padding:15px 20px 15px 1.5rem; font-size:14px; color:#999; background:none; font-family:"微软雅黑", 'Microsoft YaHei'; }



.j_form .form-group .yzm{ position:absolute; right:0; top:0; max-height:100%; height: 40px; background:none !important;}



.j_form .form-group .yzm img{ max-width:100%; max-height:100%; mix-blend-mode: multiply;}



.j_form .btn_tijiao{ display:block; width:177px; height:40px; text-align: center; background:#132a88;  color:#fff; border:0; outline: none; clear:both; transition:.5s; cursor:pointer; margin-top:0px;}











label {font-size:12px;cursor:pointer; margin-right:10px; font-size:15px; color:#323233;}



label i {font-size:18px;font-style:normal;display:inline-block;width:18px;height:18px;text-align:center;line-height:18px;color:#fff;vertical-align:middle;margin:-2px 5px 1px 0px; color:#7d7d7d; position:relative;}



label i:before{ content:""; width:8px; height:8px; display:block; border-radius:50%; background:#7d7d7d; position:absolute; top:4px; left:4px; }



input[type="checkbox"],input[type="radio"] {display:none;}



input[type="radio"] + i {border-radius:50%;}



input[type="checkbox"]:checked + i,input[type="radio"]:checked + i { border:#3d756c 1px solid; }



input[type="checkbox"]:checked + i,input[type="radio"]:checked + i:before{ background:#3d756c;}



input[type="checkbox"]:disabled + i,input[type="radio"]:disabled + i {border-color:#ccc;}



input[type="checkbox"]:checked:disabled + i,input[type="radio"]:checked:disabled + i {background:#ccc;}











input::-webkit-input-placeholder{color:#999; }



input::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#999;}



input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#999;}



input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#999;}/* 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; }







#n_map{ margin-top:50px;}



.n_nav2 a.slick-current{ color:#fff; border:2px solid #005da9; background:#005da9;}



.map_slider-nav{ width:360px; margin:0 auto; margin-bottom:35px;}







#n_gaikuang{ overflow:hidden; margin-bottom:80px;}



#n_gaikuang .fl{ width:565px; height:375px; float:left;}



#n_gaikuang .fr{ position:relative; width:582px; overflow:hidden;}



#n_gaikuang .tt{ margin-bottom:25px;}



#n_gaikuang .tt h3{ font-size:22px; color:#4d4d4d; font-weight:bold; margin-bottom:10px;}



#n_gaikuang .tt p{ font-size:18px; color:#b5b5b5; font-family:arial;}



#n_gaikuang .con{ font-size:15px; color:#767676; line-height:30px;  overflow:auto;}



#n_gaikuang .con::-webkit-scrollbar{ display:none;}



#n_gaikuang .con p{ font-size:15px; color:#767676; line-height:30px; margin-bottom:25px;}



#bnt_show_video .mask{ position:absolute; left:0; top:0; width:100%; height:100%; text-align:center;}







#s_video_box a{ display: block; position: relative; width: 100%; height: 290px; overflow: hidden;} 



#s_video_box a img.img{}



#s_video_box a .icon{ position: absolute; left:0; top: 0; width: 100%; height: 100%;    display:block;  background: url(/statics/style/pc/images/icon_play.png) center no-repeat;}



#show_video_box{ position:fixed; z-index:9999; top:0; left:0; display:none; height:100%; width:100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2000000', endColorstr='#B2000000');background:rgba(0,0,0,0.7);}



#show_video_box .box{ position:absolute; top:50%;  left:50%; margin-left:-550px; margin-top:-290px;}



#page_video{ width:1080px; height:580px;  background:none; position:relative;}



#page_video .video_box{border:5px solid #005da9; width:1010px; height:580px;}



#bnt_close{ display:block; width:70px; height:70px; background:#005da9; position:absolute; top:0; right:0;}



#bnt_close img{ display:block; position:absolute; left:18px; top:18px; }



#bnt_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;}







#n_team{ background:#f0f0f0 url(/statics/style/pc/images/team_bg.jpg) center bottom no-repeat; padding-top:80px; overflow:hidden;}



#n_team .txt{ width:521px; float: left; padding-top:88px;}



#n_team .txt .ico{ display:block; width:48px; height:34px; background: url(/statics/style/pc/images/team_ico.png) center no-repeat; }



#n_team .txt .tt{ font-size:22px; color:#4d4d4d; font-weight:bold; margin-top:23px; margin-bottom:26px;}



#n_team .txt .con{ font-size:15px; color:#767676; line-height:30px;}



#n_team .img{ width:620px; height:410px; float:right;}







.n_shuzi{ margin-top:50px; padding-bottom:98px; overflow:hidden;}



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



.n_shuzi ul li h5{ font-size:72px; color:#484848; margin-bottom:18px;}



.n_shuzi ul li p{ font-size:16px; color:#595959;}











#n_join #list_slide{  position:relative; }



#n_join #list_slide dl{ background:#f6f6f6; position: relative; margin-bottom:20px; }



#n_join #list_slide dt{ position:relative; cursor:pointer; height:60px; }



#n_join #list_slide dt h1{  color:#585858; padding-left:30px; font-size:16px; font-weight:bold; line-height:60px; background:url(/statics/style/pc/images/ico_s.png) right center no-repeat;  display:block; margin-right:30px;}



#n_join #list_slide dt h1 span{ margin-right:50px; font-size:14px; color:#585858;}



#n_join #list_slide dt h1 .fr{ margin-right:50px; font-size:14px; color:#585858; font-weight:normal;}



#n_join #list_slide dd{ display:none; line-height:24px;  padding: 0px 30px; padding-bottom:15px; border-top:1px solid #e3e3e6;}



#n_join #list_slide dd p{  margin-bottom:0;}



#n_join #list_slide dd p:last-child{ padding-bottom:0;}



#n_join #list_slide dd .content{ padding:25px 0 15px 0px;}



#n_join #list_slide dd .content { color:#585858; font-size:14px; line-height:28px;}



#n_join #list_slide dd .content *{ color:#585858; font-size:14px; line-height:28px;}



#n_join #list_slide dd .content p{ margin-bottom:20px;}



#n_join #list_slide dt.on h1{ background:url(/statics/style/pc/images/ico_s_on.png) right center no-repeat ;  }







#n_join #list_slide a.btn{ width:100px; height:34px; text-align:center; line-height:34px; color:#fff; font-size:13px; border-radius:3px; display:block; background:#005da9; transition:.3s;}



#n_join #list_slide a.btn:hover{ background:#004d8b;}







#n_linian{ height:470px; background:url(/statics/style/pc/images/n_linian.jpg) center no-repeat; margin-top:58px; overflow:hidden;}



#n_linian ul{ text-align:center;}



#n_linian ul li { display:inline-block; width:265px; height:470px; text-align:center; color:#fff; padding-top:130px; margin:0 50px; position:relative; z-index:0;}



#n_linian ul li .ico{ width:90px; height:90px; border-radius:50%; margin:0 auto; border:1px solid #fff; transition:.7s; position:relative; z-index:0;}



#n_linian ul li .ico:before{ content:""; display:block; width:100%; height:100%; border-radius:50%; position:absolute; left:0; top:0; background:rgba(255,255,255,0); transition:.7s; z-index:-1; opacity:0;}



#n_linian ul li .ico font{width:90px; height:90px; border-radius:50%; display:block;}



#n_linian ul li .ico .ico2{ display:none;}



#n_linian ul li h5{ font-size:24px; color:#fff; font-weight:bold; margin-top:53px; margin-bottom:33px;}



#n_linian ul li i{ width:145px; height:5px; display:block; background: url(/statics/style/pc/images/n_linian_line.png) center no-repeat; margin:0 auto;}



#n_linian ul li:before{ content:""; display:block; width:100%; height:0; bottom:0; left:0; position:absolute; background:#005da9; transition:.7s; z-index:-1; opacity:0;}



#n_linian ul li:hover:before{ height:100%; top:0; bottom:auto; opacity:1;}



#n_linian ul li:hover .ico{ background:#fff;}



#n_linian ul li:hover .ico1{ display:none;}



#n_linian ul li:hover .ico2{ display:block;}



#n_linian ul li:hover .ico:before{ transform:scale(1.2); opacity:1; background:rgba(255,255,255,.3);}







#n_fuli{ padding:70px 0; overflow:hidden;}



#n_fuli .tt{ font-size:30px; color:#252525; text-align: center; margin-bottom:15px;}



#n_fuli{ padding-bottom:80px; overflow:hidden; padding-top:90px;}



#n_fuli ul{ margin:0 -50px; overflow:hidden; background:url(/statics/style/pc/images/fuli_bg.png) center no-repeat;}



#n_fuli ul li{ width:20%; float:left; position:relative;}



#n_fuli ul li .ico{ width:135px; height:135px; border-radius:50%; margin:0 auto; transition:.7s; position:relative; z-index:0;}



#n_fuli ul li font{ display:block; height:100%; width:100%; margin-top:46px; margin-bottom:15px;}



#n_fuli ul li h5{ font-size:17px; color:#252525; text-align:center; margin-top:32px;}



#n_fuli ul li .ico:before{ content:""; display:block; width:100%; height:100%; border-radius:50%; position:absolute; left:0; top:0; background:rgba(0,93,169,.35); transition:.7s; z-index:-1; transform:scale(1.15); }



#n_fuli ul li .ico:after{ content:""; display:block; width:100%; height:100%; border-radius:50%; position:absolute; left:0; top:0; background:rgba(0,93,169,1); transition:.7s; z-index:-1; transform:scale(1); }



#n_fuli ul li.li_2 .img{ position:absolute; bottom:15px; left:15px;}



#n_fuli ul li.li_1{ margin-top:160px;}



#n_fuli ul li .ico:hover:before{ transform:scale(1);background:rgba(0,93,169,1);}



#n_fuli ul li .ico:hover:after{ transform:scale(1.15);background:rgba(0,93,169,.35);}







#n_lvyou{ background:#f6f6f6; padding:60px 0 80px;}



#n_lvyou .tt{ font-size:30px; color:#252525; text-align: center; margin-bottom:45px;}



#n_lvyou ul .slick-list{}



#n_lvyou ul .slick-list li{ height:460px; background:#fff; position:relative;}



#n_lvyou ul .slick-list li .img{ width:400px; height:230px;}



#n_lvyou ul .slick-list li .img img{}



#n_lvyou ul .slick-list li .txt{ height:230px; text-align:center; padding-top:86px; position:relative;}



#n_lvyou ul .slick-list li .txt:before{ content:""; display:block; border:9px solid transparent; border-bottom:9px solid #fff; position:absolute; top:-18px; left:50%; margin-left:-9px;}



#n_lvyou ul .slick-list li .txt h5{ font-size:22px; color:#252525; margin-bottom:15px;}



#n_lvyou ul .slick-list li .txt p{ font-size:16px; color:#252525;}



#n_lvyou ul .slick-list li.li_2 .img{ position:absolute; bottom:0;}



#n_lvyou ul .slick-list li.li_2 .txt:before{ border:9px solid transparent; border-top:9px solid #fff; bottom:-18px; top:auto;}







#n_lvyou .slick-dots { bottom:-50px;}



#n_lvyou .slick-dots li button:before{ width:12px; height:12px; border-radius:50%; border:1px solid #666; font-size:0; box-sizing:border-box; transition:.3s; opacity:1;}



#n_lvyou .slick-dots li.slick-active button:before{ background:#005da9; border:1px solid #005da9;}







#n_fuli3{ padding-bottom:80px; overflow:hidden; padding-top:90px;}



#n_fuli3 ul{ margin-right:-75px;}



#n_fuli3 ul li{ width:180px; height:350px; float:left; border-radius:90px; background:#f6f6f6; border:1px solid #f0f0f0; margin-right:75px; position:relative;}



#n_fuli3 ul li .img{ width:148px; height:148px; border-radius:50%; margin:15px auto; }



#n_fuli3 ul li .img img{}



#n_fuli3 ul li .txt{ text-align:center;}



#n_fuli3 ul li .txt font{ display:block; height:31px; width:100%; margin-top:46px; margin-bottom:15px;}



#n_fuli3 ul li .txt h5{ font-size:18px; color:#3f3f3f;}



#n_fuli3 ul li.li_2 .img{ position:absolute; bottom:15px; left:15px;}







/*视频详情*/



#my-video{ margin:0 auto; box-sizing: content-box; margin-top:30px;}



#my-video .vjs-big-play-button {



    height:66px;



    width: 66px; background:url(/statics/style/pc/images/play.png) center no-repeat;



    position: absolute;



    top: 50%;



    left: 50%; margin-left:-33px; margin-top:-33px;



    padding: 0;



    cursor: pointer;



    opacity: 1;



    border-radius: 100%;



    transition: all .4s; border: 0;



}



.vjs-big-play-button span.vjs-icon-placeholder:before{ content:none !important;}



#my-video .vjs-big-play-button:focus,#my-video:hover .vjs-big-play-button {



    border-color: #fff;



    background-color: transparent;



    transition: all 0s;



}







#n_video_xq{ border:1px solid #eee; padding:70px; margin-bottom:80px;}







#nav {position: absolute;right: 0;padding-right: 97px;}



@media (max-width:1361px){







	#header,#logo,#logo a,#header .dw2{ height:75px;}



	#nav>ul>li a h3,.search_btn{ height:75px; line-height:75px;}



	#nav .list,#nav .list2{ top:75px;}



	.mouse{ bottom:30px;}



	.s_pro .tt{ margin-bottom:20px;}



	.s_pro .tt a,.s_about .tt h3{ font-size:28px;}



	.s_pro ul li.li_1 .pic, .s_pro ul li.li_6 .pic{ height:250px;}



	.s_pro ul li .pic{ height:130px; overflow: hidden;}



	.s_apply .tt{ font-size:28px; height:100px; line-height:100px;}



	.s_apply ul li{height: calc(100vh - 100px);}



	.s_news .tt h3{ font-size:28px;}



	



	}





#gotop2{ position:fixed; display: block; bottom: 20px; right: 15px; z-index: 9999;}

#gotop2 img{ display: block;}

#gotop2{ transition:.5s; overflow:hidden; height:90px;}

#gotop2.hide{ height:0; opacity:0; }


















































/*
     FILE ARCHIVED ON 22:53:00 Jan 07, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 12:03:20 Jul 11, 2024.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 2.806
  exclusion.robots: 0.05
  exclusion.robots.policy: 0.037
  esindex: 0.01
  cdx.remote: 14.108
  LoadShardBlock: 74.827 (3)
  PetaboxLoader3.datanode: 54.443 (4)
  PetaboxLoader3.resolve: 97.462 (2)
  load_resource: 119.425
*/