@charset "utf-8";
html,body{height:100%;}



body{padding:110px 0 0 0; margin:0px auto; font-size:14px; line-height:24px; color:#666666; width:100%; min-width:1280px; zoom:1;font-family: Microsoft YaHei,arial, sans-serif; background:#fff;}
ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}
select,input,textarea,button{ font-size:14px; border-radius:0; -webkit-border-radius:0; color:#545454;font-family: Microsoft YaHei,arial, sans-serif;}
input:focus { outline: none;}
input,button,select,textarea{ border:0px;outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/}
button{ cursor:pointer;}
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/}
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,fxigcaption,address{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ max-width:100%; border:none; border:0;  vertical-align:top;}
a{ color:#333333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);transition: all ease 0.3s;}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#0091df;}
/**:hover{transition: all ease 0.3s;}*/

/*input字体*/
:-moz-placeholder {color: #999999;}
::-moz-placeholder {color: #999999;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #999999;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #999999;}

select {
	/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
	border: solid 1px #d9d9d9; text-indent:1em;
	/*很关键：将默认的select选择框样式清除*/
	appearance: none; color:#999999;
	-moz-appearance: none;
	-webkit-appearance: none;
	/*在选择框的最右侧中间显示小箭头图片*/
	/*background: url(../images/selectarr.png) no-repeat scroll 95% center transparent;*/
	/*为下拉小箭头留出一点位置，避免被文字覆盖*/
	padding-right: 14px;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
display: none;
}

/*网页滚动条*/
::-webkit-scrollbar{
            width: 6px; height:6px;-webkit-overflow-scrolling : touch;
            background-color: #e6e6e6;}
::-webkit-scrollbar-track{
            background-color: #e6e6e6;}
::-webkit-scrollbar-thumb{
            border-radius: 10px;
            background-color: #58504a;}
::-webkit-scrollbar-button{
            height: 0px;
            background-color: #e6e6e6;}

/*公用样式*/
.fl{ float:left;}.fr{ float:right;}.tl{ text-align:left !important;}.tr{ text-align:right;}.tc{ text-align:center !important;}
.hide{ display:none;}
.block{ display:block;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
.clearfix:after{ content: ''; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix{*zoom:1;}.relative{ position:relative;}
.bodyon{ overflow:hidden;}
.Contain{ z-index:1; position:relative; clear:both; max-width:1400px; margin:0px auto;}
.Contain2{ z-index:1; position:relative; clear:both; max-width:1200px; margin:0px auto;}

/*font*/
.f_gray{ color:#333333;}
.iconfont{ font-size:24px; vertical-align:middle;}
.tit{ display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%;}
.p{overflow: hidden;word-break:normal;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;}

@media ( max-width:1440px){
.Contain{max-width:90%;}
}
/*effict*/
.Scale-img {overflow: hidden;cursor: pointer; zoom:1; overflow: hidden;}
.Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;transition: opacity 0.6s, transform 0.6s;}
.Scale-img:hover img,.Scale-img:hover span {opacity: 1;-webkit-transform: scale3d(1.05,1.05,1.05);transform: scale3d(1.05,1.05,1.05); top:0px; left:0px;}
.effict{transition: all ease 0.3s;}
.imgbox{ overflow:hidden; position:relative; /*background:url(../uploadfiles/nopic.jpg) center center no-repeat; background-size:contain;*/}
.imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;display: flex;align-items: center;justify-content: center;}
.imgbox img{ width:auto !important; max-height:100%;}


/*pages*/
.Pages{ zoom:1; overflow:hidden;text-align:center; color:#666666; clear:both; line-height:45px; font-size:16px;}
.Pages span{ padding:0px 0px; display:inline-block; vertical-align:middle;}
.Pages a{ display:inline-block; margin:0px 4px;text-align:center; background-color:#f0f0f0; width:45px; height:45px;}
.Pages .p_page a{ display:inline-block; vertical-align:middle; background-position:center center; background-repeat:no-repeat;}
.Pages .p_page .a_prev,.Pages .p_page .a_first{ background-image:url(../images/arrleft.png); width:90px;}
.Pages .p_page .a_next,.Pages .p_page .a_end{ background-image:url(../images/arrright.png); width:90px;}
.Pages .p_page .a_prev:hover,.Pages .p_page .a_first:hover{ background-image:url(../images/arrleft2.png); color:#fff; background-color:#0056aa;}
.Pages .p_page .a_next:hover,.Pages .p_page .a_end:hover{ background-image:url(../images/arrright2.png); color:#fff; background-color:#0056aa;}
.Pages .p_page .num a:hover,.Pages .p_page .num a.a_cur{ background:#0056aa; color:#fff;}

@media ( max-width:1024px){
.Pages{line-height:24px; font-size:14px;}
.Pages a{ margin:0px 1px; width:24px; height:24px;}
.Pages .p_page .num a{ padding:0 4px;}
}
/*pages end*/


/*Top*/
.Header{ height:110px; position:fixed; width:100%; left:0; top:0; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.2); z-index:100;}
.Header .auto{ margin-left:8%;}
.Header .Logo{ float:left; padding-top:28px;}
.Header .Tel{ font-weight:bold;font-family: "DIN-Medium"; float:right; height:78px; font-size:18px; color:#0056aa; padding:32px 3.8% 0 1.4%; margin-left:2%; border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;}
.Header .Tel a{color:#0056aa;}
.Header .Tel .ico{ font-weight:normal; margin:4px 13px 15px 0; border:2px solid #dae0ef; display:block; float:left; width:36px; height:36px; line-height:36px; text-align:center; color:#0056aa; border-radius:50%;}

.Search{float:right; position:relative; padding:43px 2.4% 0;}
.Search .Searchico{ cursor:pointer; color:#433e3d;}
.Search .Searchico .icongb1{ display:none;}
.Search .Searchico.on .icongb1{ display:block;}
.Search .Searchico.on .iconso{ display:none;}
.Search .Searchico .iconfont{ font-size:26px;}
.Search .Searchico:hover .iconfont{ color:#0056aa;}

.Search .searchbox{width:370px;position:absolute; top:110px; right:0; display:none;}
.Search .searchbox .input{ background:#fff;width:99.5%; height:34px; line-height:34px; text-indent:1em; border:1px solid #dcdcdc; border-radius:4px;}
.Search .searchbox .input::-webkit-input-placeholder {color: #959595;}
.Search .searchbox .btn { position:absolute; right:0; top:0; width:60px; height:36px; color:#fff; background:#0091df; border-radius:0 4px 4px 0;}
.Search .searchbox .btn:hover { background:#00a6ff;}

.MainNav{float:right;}
.MainNav li{ float:left; position:relative; z-index:100;}
.MainNav span a{ position:relative; z-index:1;display:block; line-height:110px; padding:0 25px; text-align:center; color:#333333; font-size:16px; transition: all ease 0.3s;}
.MainNav span a em{ position:relative; z-index:1;}
.MainNav .bg{ position:absolute; left:50%; width:0; bottom:0; height:100%; background:#0056aa;transition: all ease 0.3s;}
.MainNav .arr{ display:none;}
.MainNav li:hover span a,.MainNav li.onnav span a{ color:#fff;}
.MainNav li:hover .bg,.MainNav li.onnav .bg,.MainNav li span a.bg{ width:100%; left:0;}

.NavPull{ z-index:99;display:none; position:absolute; text-align:center; top:110px; left:0;width:100%; padding:5px 0; line-height:33px; background:rgba(255,255,255,0.9); box-shadow:0 5px 15px rgba(0,0,0,0.2);}
.NavPull.null{background:none; padding:0;}
.NavPull dd{ margin:0 5px; position:relative;}
.NavPull a{ color:#333; padding:0; display:block; font-size:15px; margin:0 5px; padding:4px 0;}
.NavPull a:hover,.NavPull dd:hover a{ background:#0056aa; color:#fff;}

.openbtn{ cursor:pointer; display:none;width:32px; height:25px; padding-top:1px; background:#fff; position:absolute; right:12px; top:13px; z-index:999;}
.closebtn{ position:fixed; left:0px; top:45px; width:100%; height:100%; z-index:10; display:none;background: rgba(0,0,0,0.5);}
.openbtn span{ display:block; height:3px; background:#0091df; border-radius:4px; margin:4px;transition: all ease 0.3s;}
.openbtn.on .sp1 {
	-webkit-transform: translate(0, 7px) rotate(45deg) !important;
	-moz-transform: translate(0, 7px) rotate(45deg) !important;
	-ms-transform: translate(0, 7px) rotate(45deg) !important;
	-o-transform: translate(0, 7px) rotate(45deg) !important;
	transform: translate(0, 7px) rotate(45deg) !important;}
.openbtn.on .sp2 {
	-webkit-transform: translate(0, 0) rotate(-45deg) !important;
	-moz-transform: translate(0, 0) rotate(-45deg) !important;
	-ms-transform: translate(0, 0) rotate(-45deg) !important;
	-o-transform: translate(0, 0) rotate(-45deg) !important;
	transform: translate(0, 0) rotate(-45deg) !important;}	
.openbtn.on .sp3 { display:none;}
@media ( max-width:1600px){
.Header .auto{ margin-left:2%;}
.MainNav span a{padding:0 18px;}
}
@media ( max-width:1440px){
.Header .Tel{ margin-left:0;}
}
@media ( max-width:1366px){
.Header .auto{ min-width:1366px;}
}

/*Top*/

/*Bottom*/
.Footer{ position:relative; background:#1c1c1f; padding:40px 0 0;}
.Footer .CompanyName{ margin-bottom:0; padding-bottom:0; line-height:62px; font-size:24px; color:#fff;}
.Footer .CompanyName i{ display:block; width:30px; height:16px; border-top:2px solid #49494c;}
.Footer .CompanyName:after { display:none;}
.Footer .Contact{ padding-bottom:24px; border-bottom:1px solid #333336; margin-bottom:50px;}
.Footer .Contact dt{ line-height:44px; font-size:18px; color:#cecece;}
.Footer .Contact dt i{ display:inline-block; vertical-align:middle; width:4px; height:4px; margin-right:10px; background:#ffff1a;}
.Footer .Contact dd{ padding-left:15px; color:#808080;}
.Footer .Contact dd i{ margin-right:19px;}
.Footer .Link select{ width:180px; height:50px; color:#999999; border:0; background: #232326 url(../images/selectarr.png) no-repeat scroll 88% center;}
.Footer .Copyright{ margin-top:30px; border-top:1px solid #28282a; line-height:56px;}
.Footer .Copyright a{ color:#666666;}.Footer .Copyright a:hover{ color:#fff;}

.totop{text-align: center; position:fixed; bottom:60px; right:0; width:60px; height:60px; line-height:60px; color:#fff; cursor: pointer;overflow: hidden;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; background:#0056aa; z-index:999;}
.totop.cd-is-visible {visibility: visible;opacity: 1; cursor:pointer;}
.totop:hover{ color:#fff; background:#024689;}
.totop .iconfont{ font-size:20px;}

/*Bottom*/


/*首页 s*/
.itemhover{transition: all ease 0.3s;}
.activehover{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.5);
	box-shadow: 0 15px 30px rgba(0,0,0,0.1);
	-webkit-transform: translate3d(0, -5px, 0);
	transform: translate3d(0, -5px, 0);}


/*第一屏 s*/
.HomeBan{position: relative; z-index: 1; overflow:hidden; clear:both;}
.HomeBan .slick-slide img{ width:100%;}
.HomeBan .slick-dots{position: absolute; z-index: 10; bottom: 38px; left: 0; width:100%; text-align:center;}
.HomeBan .slick-dots li{ display:inline-block; margin:0 10px 0 10px;}
.HomeBan .slick-dots li button{display: block; width: 12px; height: 12px; border:3px solid rgba(255,255,255,0); background:rgba(255,255,255,0.5); cursor: pointer; padding: 0; font-size: 0;}
.HomeBan .slick-dots li.slick-active button{ background:#0091df;}
.HomeBan .slick-arrow{ font-size:0; z-index:10;position: absolute; top: 50%; margin-top: -29px; background:rgba(255,255,255,0.5); width: 58px; height: 58px; line-height:58px; border-radius:50%;cursor: pointer; padding: 0;transition: all ease 0.3s; border:0;}
.HomeBan .slick-prev{ left:-100px;}
.HomeBan .slick-next{ right:-100px;}
.HomeBan:hover .slick-prev { left:4%;}
.HomeBan:hover .slick-next { right:4%;}
.HomeBan .slick-arrow:hover{ background:#0056aa; color:#fff;}

.HomeAbout{ overflow:hidden; padding:5% 0; background:url(../images/homeabout.jpg) center top no-repeat; background-size:cover;}
.HomeAbout .Num{ margin-bottom:60px; box-shadow:0 0 50px rgba(0,86,170,0.2); background:#2f75b9;}
.HomeAbout .Num .logo{ padding-top:65px; height:115px; width:20%; float:left; background:#fff; text-align:center;}
.HomeAbout ul{ background:url(../images/numbg.jpg); background-size:cover; width:80%; float:left; height:180px;}
.HomeAbout li{ background:url(../images/line.png) right center no-repeat; padding-top:42px; height:138px; position:relative; width:25%; float:left; text-align:center; color:#fff;}
.HomeAbout li b{ line-height:64px;display:block; font-size:56px;font-family: "DIN-Medium";}
.HomeAbout .imgbox{ width:50%; float:right;}
.HomeAbout .About{ width:45%; float:left;}
.HomeAbout .About .name{ padding-top:25px; position:relative; line-height:94px; color:#040000; font-size:36px; border-bottom:1px solid #e6e6e6;}
.HomeAbout .About .name i{ position:absolute; left:0; bottom:-1px; height:2px; width:50px; height:2px; background:#0056aa; font-size:0;}
.HomeAbout .About .p{ line-height:30px; height:90px; color:#666666; margin:30px 0 50px;}
.HomeAbout .About .more{ display:block; width:128px; background:#0056aa; position:relative; line-height:52px; color:#fff; padding-left:32px;}
.HomeAbout .About .more .iconfont{transition: all ease 0.3s; position:absolute; right:17px; font-size:16px;}
.HomeAbout .About .more:hover .iconfont{ right:25px;}

.HomeAd img{ display:block; width:100%;}

.Homea{ margin-bottom:1px; padding-top:28%; background-repeat:no-repeat; position:relative; background-position:center center; background-size:cover;}
.Homea a{ position:absolute; left:0; top:0; width:100%; height:100%;}
.Homea a .ti{ text-align:center; position:absolute; width:360px; line-height:105px; font-size:36px; font-family:"宋体"; font-weight:bold; color:#fff; background:rgba(0,86,170,0.85); left:50%; top:50%; margin:-50px 0 0 -180px;transition: all ease 0.3s;}
.Homea a .ti .iconfont{ font-weight:normal; margin-left:43px;transition: all ease 0.3s;}
.Homea .ti:hover { background:#054f98; margin-top:-70px;}
.Homea .ti:hover .iconfont{ margin-left:60px;}

.Hometit{ line-height:72px; font-size:36px; color:#040000; padding-top:60px;}
.Hometit i{ display:block; margin:0px auto; width:37px; height:21px; border-top:2px solid #0056aa;transition: all ease 0.3s;}
.HomePro{ position:relative; width:34%; float:left; padding:0 8%; height:720px; text-align:center; overflow:hidden;}
.HomePro .bg{ position:absolute; left:-10%; top:0;
-webkit-animation: leaf 4s ease-in-out infinite;
-moz-animation: leaf 4s ease-in-out infinite;
-o-animation: leaf 4s ease-in-out infinite;
animation: leaf 4s ease-in-out infinite;}
.HomePro .p{ margin-bottom:30px; color:#666666;-webkit-line-clamp: 2; height:60px;}
.HomePro .slider{ overflow:hidden;}
.HomePro .imgbox img{ height:382px;}
.HomePro .slick-slide:hover .Hometit{ color:#0056aa;}
.HomePro .slick-slide:hover .Hometit i{ width:100px;}
.HomePro .slick-dots li button{display: block; width: 7px; height: 7px; background:#cccccc; cursor: pointer; padding: 0; font-size: 0;}
.HomePro .slick-dots li.slick-active button{ background:#0056aa; width:12px; height:12px;}
.HomePro .slick-prev{ left:-200px; top:65%;}
.HomePro .slick-next{ right:-200px; top:65%;}
.HomePro:hover .slick-prev { left:0;}
.HomePro:hover .slick-next { right:0;}

.HomeHornor{ text-align:center; float:left; width:46%; padding:0 2%; height:720px; background:#f5f5f5;}
.HomeHornor .slider-for { margin:28px 0 46px;}
.HomeHornor .slider-for .imgbox img{ height:265px;}
.HomeHornor .slick-arrow{ font-size:0; z-index:10;position: absolute; top: 50%; margin-top: -33px; background:#fff; width: 66px; height: 66px; line-height:66px; border-radius:50%;cursor: pointer; padding: 0;transition: all ease 0.3s; border:0;}
.HomeHornor .slick-prev{ left:0px;}
.HomeHornor .slick-next{ right:0px;}
.HomeHornor .slick-arrow:hover{ background:#0056aa;}

.HomeHornor .slider-nav{}
.HomeHornor .slider-nav .slick-track{ width:100% !important;transform: translate3d(0, 0px, 0px) !important;}
.HomeHornor .slider-nav .item{ page:73px; width:25% !important; margin-bottom:1px; float:left; cursor:pointer; background:#fff;}
.HomeHornor .slider-nav .item span{ display: flex;align-items: center;justify-content: center; background:#fff; color:#040000; font-size:16px; cursor:pointer; border-left:1px solid #f5f5f5; height:72px; padding:0 24px; line-height:20px;transition: all ease 0.3s;}
.HomeHornor .slider-nav .item.slick-current span{ color:#fff; background:#0056aa;}

.HomeNews{ overflow:hidden; background:#f6f4fb; padding:5% 0;}
.HomeNews .imgbox{ padding-top:66%;}
.HomeNews .slick-list{ margin:0 -27px 0 -28px;}
.HomeNews .slick-slide{ margin:0 27px 0 28px;}
.HomeNews .date{ text-align:center;font-family: "DIN-Medium"; color:#88aed6; position:absolute; z-index:2; left:0; bottom:0; width:80px; height:90px; background:url(../images/filter85.png);transition: all ease 0.3s;}
.HomeNews .date i{ display:block; border-bottom:1px solid rgba(255,255,255,0.12); margin:0px auto 3px; line-height:49px; padding-top:5px; width:50px; font-size:40px; color:#fff;}
.HomeNews .ti{ margin-top:35px; height:70px; line-height:28px; overflow:hidden; font-size:18px; color:#333333;}
.HomeNews .line{transition: all ease 0.3s; width:30px; height:20px; border-top:2px solid #cccccc;}
.HomeNews .p{ color:#808080; line-height:28px; height:56px;-webkit-line-clamp: 2;}
.HomeNews .slick-slide:hover .line{ width:100%; border-top:2px solid #0056aa;}
.HomeNews .imgbox:after{ content:""; position:absolute; z-index:2; left:50%; top:50%; width:0; height:0; background:rgba(0,86,170,0.23) url(../images/more.png) center center no-repeat;transition: all ease 0.3s;}
.HomeNews .slick-slide:hover .imgbox:after{ width:100%; height:100%; left:0; top:0;}
.HomeNews .slick-slide:hover .date{ bottom:-90px;}
.HomeNews .slick-disabled{ display:none !important;}
.HomeNews .slick-arrow{ background:#0056aa; color:#fff; margin-top:0;}
.HomeNews .slick-prev{ left:auto; right:-100px; top:50px;}
.HomeNews .slick-next{ right:-100px; top:265px;}
.HomeNews .slick-dots{ left:auto; bottom:217px; height:146px; right:-100px; text-align:center; width:50px;display:flex;justify-content:center;align-items:center;flex-direction: column;}
.HomeNews .slick-dots li{ display:block; margin:10px auto;}
.HomeNews .slick-dots li button{ width:7px; height:7px; background:#cccccc;}
.HomeNews .slick-dots li.slick-active button{ width:13px; height:13px; background:#0056aa;}
@media ( max-width:1600px){
.HomeNews .slick-prev{ right:-62px;}
.HomeNews .slick-next{ right:-62px;}
.HomeNews .slick-dots{ right:-62px;}
}
/*首页 end*/


/*栏目页公用样式 s*/
.SubPage{ height:auto !important; height:200px; min-height:200px; padding-top:4%; padding-bottom:4%;}
.SubBan { position:relative; overflow:hidden;}
.SubBan .img img{ width:100%;}
.SubBan .ti{ position:absolute; right:13%; top:50%; margin-top:-65px;}
@media ( max-width:1600px){
.SubBan .ti{ right:5%;}
}
.ColumnName{ font-weight:normal; font-size:15px; color:#fff;height:130px; padding:28px 0 0 29px; background:#0091df url(../images/logobg.png) right bottom no-repeat; margin:-158px 0 20px; position:relative; z-index:100; line-height:36px;}
.ColumnName h2{ font-weight:normal; font-size:30px;}
.ColumnName h2 span{ font-weight:bold; display:block; font-family:Arial, Helvetica, sans-serif; font-size:24px;}
.ColumnName h2 .line{ display:block; width:30px; height:26px; border-bottom:2px solid #fff;}

.ColumnName .arr{ display:none; position:absolute; width:100%; height:100%; text-align:right; right:0; top:0;transition: all ease 0.3s;}
.ColumnName .iconfont{ font-size:24px; display:inline-block; margin:8px 10px 0 0;}

.SubMenu{ background:#fff;line-height:70px;clear:both; position:relative; z-index:5; box-shadow:0 5px 8px rgba(41,23,108,0.08); text-align:center;transition: all ease 0.3s;}
.SubMenu li{position:relative; display:inline-block; width:12.5%;}
.SubMenu li a{position:relative; z-index:1; display:block; font-size:16px; color:#333333;}
.SubMenu li em{ position:relative; z-index:1; display:inline-block;}
.SubMenu li .bg{ position:absolute; z-index:0; width:0; bottom:0px; height:2px; left:50%; background:#0056aa;transition: all ease 0.3s; font-size:0;}
.SubMenu li:hover .bg,.SubMenu li.onli .bg{ width:100%; left:0;}
.SubMenu li a:hover,.SubMenu li.onli a{ color:#0056aa;}
.SubMenu dl{ display:none;}
.SubMenu li.onli dl{ display:block; line-height:32px; padding:10px 0 10px 48px;}
.SubMenu li.onli dl a{ color:#666666; padding:0;}
.SubMenu li.onli dl a.on,.SubMenu li.onli dl a:hover{ color:#333333; background:url(../images/dot.gif) 0px center no-repeat; padding-left:14px;}

.SubNav{ text-align:center; padding-bottom:60px;}
.SubNav li{ display:inline-block; line-height:50px;}
.SubNav li a{ padding:0 37px; border-radius:26px; display:inline-block; color:#666666; font-size:22px;}
.SubNav li a:hover,.SubNav li.on a{ color:#fff; background:#0056aa;}

.SinglePage{word-wrap:break-word;word-break:normal;text-align:justify; line-height:28px; font-size:15px;}
.SinglePage video{ width:80% !important; margin:0px auto; height:auto !important;}
.CompanyName{ display:inline-block; position:relative; font-weight:normal; line-height:35px; padding-bottom:30px; font-size:36px; color:#040000; margin-bottom:30px;}
.CompanyName:after { content:""; position:absolute; left:0; bottom:0;width:30px; height:2px;  background:#0056aa;}

.newsinfo{ font-size:16px; color:#808080; line-height:36px;}

/*栏目页公用样式 end*/


/*关于瑞新 s*/
.Aboutimg{ width:47%; float:left; margin:0 2% 2% 0;}
.Numbox{}
.Numbox li{ background:url(../images/line2.gif) right center no-repeat; padding-top:28px; height:120px; position:relative; width:25%; float:left; text-align:center; }
.Numbox li b{ line-height:64px; font-weight:normal;display:block; font-size:50px;font-family: "DIN-Medium"; color:#0056aa;}
.Numbox li:last-child{ background:none;}

.SubTit{ text-align:center; margin-bottom:4%;}
.SubTit h2{ font-size:36px; color:#040000; font-weight:normal; line-height:46px;}
.SubTit h2 i{ display:block; margin:0px auto; width:50px; height:23px; border-bottom:2px solid #0056aa;}
.SubTit p{ margin-top:24px; color:#808080; font-size:16px;}

.Culture{}
.Culture li{ width:50%; float:left;}
.Culture .info{ background:#f5f5f5; height:120px; z-index:2; position:relative; padding:60px 90px 0 242px; line-height:32px; font-size:28px; color:#0056aa; font-family:"宋体"; font-weight:bold;}
.Culture .ico{ position:absolute; left:40px; top:-50px; font-size:20px; font-family:"宋体"; font-weight:bold; text-align:center; color:#fff; width:160px; height:160px; background:#0056aa;}
.Culture .ico i{ display:block; padding:26px 0 15px;}
.Culture .c2 .ico{ top:auto; bottom:-42px;}

.History{ position:relative; padding:80px 0 110px 0; background:url(../images/linebg.gif) center top repeat-y; width:1200px; margin:0px auto;}
.History .item{ height:auto !important; height:129px; min-height:129px; color:#808080; font-size:14px; line-height:24px; position:relative; border-top:1px solid #e6e6e6; padding:21px 0 16px 0; text-align:right; position:relative; margin-top:6px; width:50.5%; float:left;}
.History .item .dot{ position:absolute; right:0px; top:-7px; background:url(../images/dot.png); width:13px; height:13px;}
.History .item .info{ margin:0 60px 0 212px;}
.History .item .imgbox{ position:absolute; left:0; top:21px; width:180px; height:130px;}
.History .item .year{ line-height:53px; padding-top:9px; color:#0056aa; font-size:26px;}
.History .item .year b{font-family: "DIN-Medium";}
.History .item.next{ text-align:left; float:right;}
.History .item.next .imgbox{ left:auto; right:0;}
.History .item.next .info{ margin:0 212px 0 60px;}
.History .item.next .dot{ right:auto; left:0;}
.History .item.nopic .info{ margin:0 60px 0 0 !important;}
.History .item.next.nopic .info{ margin:0 0px 0 60px !important;}
.History .showMorehandle{ position:absolute; width:39px; height:39px; line-height:39px; text-align:center; border:1px solid #e7e7e7; border-radius:50%; background:#fff; bottom:0; left:50%; margin-left:-20px; cursor:pointer; color:#0056aa;}
.History .showMorehandle em{ display:none;}
.History .showMorehandle:hover{color:#fff; background:#0056aa;}

.HornorList{ margin:0 0 1% -2.5%;}
.HornorList li{ text-align:center; width:22.5%; float:left; margin:0 0 1.5% 2.5%;}
.HornorList li .imgbox img{ height:217px;}
.HornorList li .ti{ height:48px; overflow:hidden; margin-top:16px; font-size:16px;}


/*产品展示 s*/
.bodybg{ background:#f0f0f0;}
.bodybg .Pages a{ background-color:#fff;}
.ProList{ margin:0 0 10px -2.5%;}
.ProList li{ margin:0 0 2.5% 2.5%; width:22.5%; float:left; text-align:center;}
.ProList .imgbox{ height:320px; display:table-cell; vertical-align:middle; background:#fff;}
.ProList .imgbox img{ max-height:320px;}
.ProList .ti{ height:48px; font-size:20px; margin-top:17px;}

.ProImg{ text-align:center; width:45%; float:left;}
.ProImg img{ width:100%;}
.ProInfo{ width:46%; float:right;}
.ProInfo .ti{ line-height:72px; color:#040000; font-size:36px;}
.ProInfo .ti i{ display:block; width:36px; height:40px; border-top:2px solid #0056aa;}
.ProInfo table{ border-top:1px solid #e6e6e6; border-right:1px solid #e6e6e6;}
.ProInfo table td{ border-left:1px solid #e6e6e6; padding:3.5% 2% 3.5% 6%; border-bottom:1px solid #e6e6e6;}
.ProInfo table .td1{ width:20%; font-weight:bold;}
.Back{ text-align:center; clear:both; padding-top:8%;}
.Back a{ background:#0056aa; display:block; margin:0px auto; width:200px; line-height:60px; color:#fff; font-size:18px; border-radius:30px;}
.Back .iconfont{transition: all ease 0.3s; font-size:26px; margin-left:20px;}
.Back a:hover .iconfont{ margin-left:30px;}
.Back a:hover{ background:#0068cd;}


/*新闻中心 s*/
.NewsList{ padding-bottom:1%;}
.NewsList li{ border-bottom:1px solid #e6e6e6; margin-bottom:40px; padding-bottom:40px;}
.NewsList .imgbox{ width:32%; float:left; padding-top:280px;}
.NewsList .date{font-family: "DIN-Medium"; width:80px; z-index:2; position:absolute; line-height:31px; right:0; top:50%; margin-top:-45px; color:#fff; text-align:center; background:rgba(0,86,170,0.8);}
.NewsList .date b{ border-bottom:1px solid rgba(255,255,255,0.12); display:block; line-height:49px; padding-top:5px; width:50px; margin:0px auto; font-size:40px;}
.NewsList .info{ float:right; width:63%; padding-top:36px;}
.NewsList .tit{ line-height:62px; font-size:24px; color:#1a1a1a;}
.NewsList .line{ width:30px; height:22px; border-top:2px solid #cccccc;}
.NewsList .p{ color:#808080; line-height:28px; height:56px;-webkit-line-clamp: 2;}
.NewsList .more{ width:20px; height:20px; background:url(../images/more2.png); margin-top:22px;}
.NewsList li:hover .tit{ color:#0056aa;}
.NewsList li:hover .date{background:rgba(0,86,170,1);}

.TitleInfo{ margin-bottom:4%; text-align:center; border-bottom:1px solid #e6e6e6; padding-bottom:26px;}
.TitleInfo h2{ line-height:40px; font-size:34px; color:#000000; margin-bottom:11px; font-weight:normal;}
.TitleInfo .date{ font-size:16px; color:#999999; padding-top:11px;}
.TitleInfo .date i{font-family: "DIN-Medium";}

.PrevNextBox { background:#f5f5f5; padding:19px 0 60px;}
.PrevNextBox dl{ position:relative; font-size:16px; color:#666666; width:72%; padding-top:13px; line-height:76px; height:76px; border-bottom:1px solid #e6e6e6;}
.PrevNextBox dl a{ color:#666666;}
.PrevNextBox dl a:hover{ color:#0056aa;}
.PrevNextBox dl .tit{ width:70%;}
.PrevNextBox dl .date{ font-size:14px; position:absolute; right:0; top:0; color:#b2b2b2;font-family: "DIN-Medium";}
.PrevNextBox dl a.none{color:#999;}
.PrevNextBox .btn{ position:absolute; right:0; top:100px;}
.PrevNextBox .btn a.back{ display:inline-block; text-align:center; width:56px; height:56px; line-height:54px; color:#fff; background:#0056aa;}
.PrevNextBox .btn a.back .iconfont{ font-size:29px;}
.PrevNextBox .bshare-custom{ display:inline-block; vertical-align:middle; margin-right:5px;}
.PrevNextBox .bshare-more{ display:inline-block; text-align:center; width:56px; height:56px; line-height:54px; color:#fff; background:#0056aa url(../images/share.png) center center no-repeat;}


/*联系我们 s*/
.Map{ width:50%; float:left;}
#dituContent{ border:1px solid #e6e6e6; height:598px;}
.ContactUs{ padding-top:20px; width:45%; float:right;}
.ContactUs li{ border-bottom:1px solid #e6e6e6; padding:21px 0 0 79px; height:93px; color:#808080; position:relative;}
.ContactUs li .ico{ text-align:center; position:absolute; left:0; top:37px; width:40px; height:40px; line-height:38px; color:#fff; background:#0056aa;}
.ContactUs li h2{ font-size:20px; font-weight:normal; line-height:39px; color:#000000;}
.ContactUs li h2 i{ display:block; width:15px; height:5px; border-top:1px solid #d9d9d9;}


/*创新科研 s*/
.Systembox{ position:relative;}
.Systembox .imgbox{ z-index:10; width:54%;}
.Systembox .info{ line-height:34px; position:relative; width:58%; margin-top:-25%; float:right;}
.Systembox .info .box{ border:9px solid #0056aa; border-left:0; background:#fff; padding:6% 5% 6% 29%;}
.Systembox .info .CompanyName{ display:block;}

.Managebox{ background:#fff; line-height:34px;}
.Managebox .info{ text-align:center; padding-bottom:5%;}
.Managebox .info2{ position:relative; height:330px; margin-bottom:-249px; background:#fff; box-shadow:0 0 30px rgba(0,0,0,0.1);}
.Managebox .info2 .logo{ padding-top:44px; text-align:center; height:330px; width:32%; float:left;}
.Managebox .info2 .logo img{ border-radius:50%; border:1px solid #e6e6e6; width:238px; height:238px;}
.Managebox .info2 .shadow{ left:32%; position:absolute; width:100%; top:0; height:100%; background:url(../images/shadow.gif) 0px top repeat-y;}
.Managebox .info2 .txt{ height:330px;display: flex;align-items: center; width:58%; padding-right:5%; float:right; position:relative; z-index:2;}


/*企业责任 s*/
.QyList{}
.QyList .item{ margin-bottom:4.2%; background:#f5f5f5;}
.QyList .item:last-child{ margin-bottom:0;}
.QyList .imgbox{ width:44%; float:left; padding-top:400px;}
.QyList .info{ width:46%; padding:58px 5% 0; float:left;}
.QyList .info .SubTit{ text-align:left;}
.QyList .info .SubTit h2 i{ width:40px; height:20px; border-bottom:2px solid #d9d9d9; margin:0px;transition: all ease 0.3s;}
.QyList .info:hover .SubTit h2 i{ width:100px; border-bottom:2px solid #0056aa;}
.QyList .info .p{-webkit-line-clamp: 3; color:#666666; height:90px; margin:22px 0 40px; line-height:30px;}
.QyList .info .more{ display:block; width:128px; background:#0056aa; position:relative; line-height:52px; color:#fff; padding-left:32px;}
.QyList .info .more .iconfont{transition: all ease 0.3s; position:absolute; right:17px; font-size:16px;}
.QyList .info .more:hover .iconfont{ right:25px;}

.Staffbg{ background:url(../images/ygbg.jpg) center top no-repeat;}
.StaffList{ margin:0 0 0 -12px;}
.StaffList li{ width:25%; float:left; text-align:center;}
.StaffList .box{ margin:0 0 0 12px; padding-bottom:36px; background:#fff; border-radius:26px; box-shadow:0 0 50px rgba(24,74,110,0.1);}
.StaffList .imgbox em{ position:absolute; z-index:2; left:0; bottom:0; width:100%;}
.StaffList .imgbox{ border-radius:26px 26px 0 0; padding-top:260px;}
.StaffList li.li2{ padding-top:100px;}
.StaffList li.li3{ padding-top:100px;}
.StaffList .ico{ margin:-75px auto 0; position:relative; z-index:2;}
.StaffList .ico img{ border-radius:50%; box-shadow:0 0 50px rgba(24,74,110,0.1);}
.StaffList .ti{ padding:32px 0 17px; font-size:28px; color:#000000; line-height:36px;}
.StaffList .ti i{ display:inline-block; vertical-align:middle; width:30px; height:1px; background:#e6e6e6; font-size:0; margin:0 22px;}
.StaffList .ti em{ display:block; font-size:14px; color:#999999; font-family:Arial, Helvetica, sans-serif;}
.StaffList .more{ width:50px; height:50px; line-height:50px; margin:0px auto; border-radius:50%; color:#fff; background:#e6e6e6;}
.StaffList li:hover .more{background:#0056aa;}

.SubList{ padding-bottom:3%;}
.SubList li{ height:170px; background:#fff; margin-bottom:20px; padding:45px 72px 45px 320px; position:relative;}
.SubList .date{ position:absolute; width:240px; height:170px; left:0; top:45px; border-right:1px solid #d9d9d9; text-align:center; color:#0056aa; font-size:18px;font-family: "DIN-Medium"; line-height:43px;}
.SubList .date b{ display:block; width:70px; margin:0px auto; line-height:73px; border-bottom:1px solid #d9d9d9; font-size:60px; padding-top:26px;}
.SubList .tit{ line-height:30px; font-size:26px; color:#000000;}
.SubList .line{transition: all ease 0.3s; width:30px; height:22px; border-top:2px solid #cccccc; margin-top:16px;}
.SubList .p{ color:#808080; line-height:28px; height:56px;-webkit-line-clamp: 2; margin-bottom:22px;}
.SubList .more{ background:url(../images/more2.png); width:20px; height:20px;}
.SubList li:hover .line{ width:100px;border-top:2px solid #0056aa;}
.SubList li:hover .tit{ color:#0056aa;}


/*人力资源 s*/
.Hrbox{ overflow:hidden; background:#f0f0f0; padding:42px 5%;}
.Hrbox .imgbox{ width:47%; float:left;}
.Hrbox .info{ font-size:14px; width:40%; float:right; color:#888888; line-height:25px; padding-top:135px;}
.Hrbox .info h2{ margin-bottom:27px; font-size:24px; color:#333333; font-weight:normal;}

.Hrinfo{ width:46%; float:left; color:#888888; line-height:25px;}
.Hrinfo h2{ font-size:32px; color:#0056aa; font-family:"宋体"; padding:45px 0 24px;}
.Hrimg{ width:48%; float:right;}
.Hrinfo h3{ font-size:18px; line-height:35px; color:#0056aa; font-family:"宋体"; padding:24px 0 0;}

.Hrbg{ background:#f6f6f6;}
.Hrfl{ margin:0 0 0 -5%;}
.Hrfl li{ color:#333333; font-size:16px; width:15%; text-align:center; float:left; padding:0 0 46px 5%;}
.Hrfl .ico{transition: all ease 0.3s; width:140px; height:92px; margin:0px auto 22px; padding-top:48px; border-radius:50%; background:#fff; box-shadow:0 5px 20px rgba(0,0,0,0.03);}
.Hrfl li:hover { color:#0056aa;}
.Hrfl li:hover .ico{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.5);box-shadow: 0 15px 30px rgba(0,0,0,0.1);}

.hrw1{ width:23%;}
.hrw2{ width:20%;}
.hrw3{ width:20%;}
.hrw4{ width:20%;}
.hrw5{}
.Hrhead{height:60px; text-align:center; color:#fff; background: #0056aa; font-size:18px; margin-bottom:0px;}
.padleft{ padding-left:4%; text-align:left !important;}
.HrList{ margin-bottom:5%;}
.HrList li{ border-bottom:1px solid #dfdfdf;}
.HrList li td{ height:58px; font-size:16px; text-align:center; color:#333333;}
.HrList li td a{color:#333333;}
.HrList .btn{ display:block; background:url(../images/more2.png); width:20px; height:20px; margin:0px auto;}
.HrList li .txtCont{border-top:1px solid #dfdfdf; position:relative; display:none;line-height:28px; padding:25px 4% 4%; color:#666666;}
.HrList li .txtCont .item{ display:none; border-bottom:1px solid #e6e6e6; padding-bottom:10px; margin-bottom:10px;}
.HrList li .txtCont .item dd span{ color:#4c4c4c;}
.HrList li .txtCont .stit{ font-size:16px; color:#333333; line-height:30px;}
.HrList li .txtCont .stxt{ margin-bottom:24px; font-size:14px;}
.HrList li .txtCont .apply a{ display:block; color:#fff; font-size:18px; width:150px; line-height:48px; text-align:center; background:#0056aa;}
.HrList li .txtCont .apply a:hover{background:#0574e0;}
.HrList li.current a,.HrList li.current td{ color:#0056aa;}
.HrList li.current .btn{ background:url(../images/jia.png);}
.HrList li:hover td{ background:#f1f7fc;}

.Jobbox{ line-height:38px; width:68%; position:relative; padding:2% 4%; border-radius:10px; margin:20px auto; background:#fff;}
.Jobtit{ text-align:center; color:#333; padding-bottom:3%; font-size:24px;}
.Jobbox .mfp-close{ border-radius:50%; background:#0070de; font-size:35px; color:#fff !important; font-weight:normal; opacity:1; width:39px; height:39px; position:absolute; right:-15px; top:-15px;}
.Jobbox .mfp-close-btn-in .mfp-close{ color:#fff !important;}
.Jobbox .mfp-close:hover{ top:-15px;}

.JobForm{ color:#666666; margin:0px 0px 0px 0px;}
.JobForm dl{ width:48%; float:left; padding-left:1%; line-height:28px;}
.JobForm dl dt{ width:22%; float:left; text-align:right; padding:5px 2% 5px 0;}
.JobForm dl dd{ width:70%; float:left;}
.JobForm dl.other{ width:99%; float:none; padding-left:1%;}
.JobForm dl.other dt{ width:10.8%; padding-right:1%;}
.JobForm dl.other dd{ width:84%;}
.JobForm dd{ padding:5px 0px;}
.JobForm .input { background:#fff; border:1px solid #dbdbdb; width:99%; height:28px; line-height:28px;}
.JobForm .input2 { background:#fff; border:1px solid #dbdbdb; width:99%; height:116px; line-height:23px;}
.JobForm select { border:1px solid #dbdbdb; width:190px; height:23px; line-height:23px;}
.sendbtn{ cursor:pointer; color:#fff; width:120px; height:40px; font-size:16px;background: linear-gradient(to right,#17d6f5,#0070de); margin-right:8px;}
.resetbtn{ cursor:pointer; color:#fff; width:120px; height:40px; font-size:16px; background:#999;}


/*员工风采 s*/
.StyleList{}
.StyleList .slider{ margin-bottom:-2.5%;}
.StyleList .item{ overflow:hidden; width:30.833%; float:left; margin:0 1.5% 2.5% 1%; position:relative; text-align:center;}
.StyleList .imgbox{ padding-top:220px;}
.StyleList .tit{transition: all ease 0.3s; color:#fff; opacity:0; position:absolute; left:0; bottom:-50px; width:100%; z-index:2; line-height:50px; font-size:16px; background:#105ea9;}
.StyleList .item:hover .tit{ opacity:1; bottom:0;}
.StyleList .slick-arrow{ background:#fff; width:66px; height:66px; line-height:66px;}
.StyleList .slick-prev{ left:-100px;}
.StyleList .slick-next{ right:-100px;}
.StyleList .slick-arrow:hover{ background:#105ea9;}
.StyleList .slick-dots{ display:none !important;}