@charset "utf-8";
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


html,body{height:100%;}

body{padding:0; margin:0px auto; font-size:14px; line-height:26px; color:#666666; width:100%; min-width:1280px; zoom:1;font-family: wrzht,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: wrzht,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:#084a95;}
/**: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 0px #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:1600px; margin:0px auto;}
.nones{ position:absolute; visibility:hidden; opacity:0; top:0;}

/*font*/
.f_red{ color:#ff0e00;}
.f_red2{ color:#ca0000;}
.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:1660px){
.Contain2{max-width:90%;}
}
@media ( max-width:1440px){
.Contain{max-width:90%;}
}
@media ( max-width:1024px){
.iconfont{ font-size:18px;}
body{ font-size:14px; line-height:24px;min-width:300px;}	
.Contain,.Contain2{max-width:none !important; margin:0 15px;}
select,input,textarea,button{ font-size:14px;}
}
/*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:#fff; width:45px; height:45px; font-weight:bold;}
.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:#084a95;}
.Pages .p_page .a_next:hover,.Pages .p_page .a_end:hover{ background-image:url(../images/arrright2.png); color:#fff; background-color:#084a95;}
.Pages .p_page .num a:hover,.Pages .p_page .num a.a_cur{background:#084a95; color:#fff;}
.Pages.p2 a{ background-color:#f0f0f0;}

@media ( max-width:1024px){
.Pages{line-height:24px; font-size:14px;}
.Pages a{ margin:0px 1px; width:24px; height:24px;}
.Pages .p_page .a_prev,.Pages .p_page .a_first{ width:40px;}
.Pages .p_page .a_next,.Pages .p_page .a_end{ width:40px;}
}
/*pages end*/


/*Top*/
.Header{ height:110px; position:fixed; width:100%; left:0; top:0; background:#084a95; z-index:100;transition: all ease 0.3s;}
.Header:before{ content:""; left:0; top:0; width:28.5%; height:100%; position:absolute; background:#fff;}
.Header .auto{ width:88%; margin:0px auto;}
.Header .Logo{ float:left; padding-top:31px; width:25.6%;transition: all ease 0.3s; position:relative; z-index:1;}
.Header .right{ float:right; line-height:110px; transition: all ease 0.3s;}

.Search{float:right; position:relative;}
.Search .Searchico{ cursor:pointer; color:#fff;}
.Search .Searchico .icongb1{ display:none;}
.Search .Searchico.on .icongb1{ display:block;}
.Search .Searchico.on .iconso{ display:none;}
.Search .Searchico .iconfont{ font-size:26px;}
.Search .searchbox{width:350px; line-height:34px;position:absolute; display:none; right:0px; top:110px;}
.Search .searchbox .input{ background:#fff;width:100%; height:36px; 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:-2px; top:0; width:60px; height:36px; color:#fff; background:#0091df; border-radius:0 4px 4px 0;}
.Search .searchbox .btn:hover { background:#00a6ff;}

.MainNav{ float:left; width:56%; padding-left:5%;}
.MainNav li{ float:left; width:15.6666%; margin-right:1%; text-align:center;position:relative; z-index:100;}
.MainNav span a{ position:relative; z-index:1;display:block; text-align:center; color:#fff; font-size:18px; line-height:110px; transition: all ease 0.3s;}
.MainNav li:after{ content:""; width:0; height:1px; font-size:0; background:#fff; position:absolute; bottom:0; left:50%;transition: all ease 0.3s;}
.MainNav em{ position:relative; z-index:1;}
.MainNav .arr{ display:none;}
.MainNav li:hover:after,.MainNav li.onnav:after{ width:100%; left:0;}
.MainNav li:hover span a,.MainNav li.onnav span a{ font-size:20px; font-weight:bold;}

.NavPull{ z-index:99;display:none; position:absolute; text-align:center; top:110px; left:0px;width:100%; padding:5px 0; line-height:24px; 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 10px; position:relative;}
.NavPull a{ color:#333; padding:0; display:block; font-size:12px; margin:0; padding:4px 0;}
.NavPull a:hover,.NavPull dd:hover a{ background:#005fc5; color:#fff;}

.Header.fixed{ height:70px; background:rgba(8,74,149,0.9); box-shadow:0 0 10px rgba(0,0,0,0.4);}
.Header.fixed .Logo{padding-top:12px;}
.Header.fixed .MainNav span a,.Header.fixed .right{line-height:70px;}
.Header.fixed .MainNav em:after{bottom:11px;}
.Header.fixed .NavPull{ top:70px;}
.Header.fixed .Search .searchbox { top:70px;}

.openbtn{ cursor:pointer; display:none;width:32px; height:25px; position:absolute; right:12px; top:11px; 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:1366px){
.Header .auto{ width:1300px; padding:0 20px;}
}

@media ( max-width:1024px){
.Header{height:45px !important;}
.Header .auto{ width:auto; padding:0 12px;}
.Header .Logo{ padding-top:10px !important;}
.Header .Logo img{ height:25px;}
.Header .right{ line-height:45px !important; padding-right:45px;}
.Header .openbtn{ display:block;}
.Search{ position:static;}
.Search .Searchico{ display:inline-block;}
.Search .Searchico .iconfont{ font-size:24px;}
.Search .searchbox{ width:94%; left:3%; top:50px !important; display:none; position:absolute;}
.Search .select{ line-height:28px;}
.MainNav{ position:fixed; height:100%; overflow-y:auto; z-index:999; width:200px; padding:0; right:-200px;background: #fff;top:45px;visibility: hidden;opacity: 0;filter: alpha(opacity=0);transition: all ease 0.3s; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.MainNav ul{ padding-top:30px;}
.MainNav li{ display:block; position:relative; float:none; border-bottom:1px solid #e9e9e9;border-top:1px solid #f9f8f6; width:auto; padding:0 12px; margin:0; background:none;}
.MainNav li span a{ font-size:15px; text-align:left; height:auto; display:block; line-height:28px !important; height:auto !important; height:auto; padding:8px 0 8px 5px;  border:0; color:#999;}
.MainNav span a:after{ display:none;}
.MainNav .bg{ display:none}
.MainNav li:hover span a,.MainNav li.onnav span a,.MainNav li span a.sele{ color:#1a1a1a; font-size:16px;}
.MainNav .arr{ display:block;position:absolute; z-index:2; width:100px; height:38px; line-height:38px; right:10px; top:0px;}
.MainNav .arr i{ position:absolute; height:auto; background:none; right:0px; top:5px;transition: all ease 0.3s;}
.MainNav li.onnav .arr i{dis-moz-transform: translate(0, -3px) rotate(-180deg) !important;
	-ms-transform: translate(0, -3px) rotate(-180deg) !important;
	-o-transform: translate(0, -3px) rotate(-180deg) !important;
	transform: translate(0, -3px) rotate(-180deg) !important;}
.MainNav em:after{ display:none;}
.MainNav.on{visibility: visible;opacity: 1;filter: alpha(opacity=100); right:0;}

.NavPull{ position:static; line-height:24px; left:auto; margin:0; padding:0; width:auto; text-align:left;}
.NavPull dd{ position:relative; text-align:left; display:block; margin:0;}
.NavPull dd a{ padding:0; font-size:14px; padding:3px 5px; margin:0;}

}

/*Top*/


/*Bottom*/
.Footer{ border-top:1px solid #e6e6e6; background:#fff; padding-top:64px; font-size:14px; color:#808080;}
.Footer .left{ width:35%; float:left;}
.Footer .logo{ padding:15px 0 40px;}
.Footer .link{ width:300px; height:50px; background: url(../images/selectarr.png) no-repeat scroll 95% center #ebebeb; font-size:16px; color:#333333;}
.Footer .sitemap{ width:64%; float:right;}
.Footer .item{ width:20%; float:left; color:#bcbec2; padding-bottom:58px;}
.Footer dt{ display:inline-block; font-weight:bold; font-size:20px; color:#000000; position:relative; line-height:51px; margin-bottom:10px;}
.Footer dt .arr{ display:none;width:100%; position:absolute; left:0; top:0; height:100%;}
.Footer dt .arr i{ width:20px; height:100%; right:5px;top:0; font-size:16px; position:absolute;transition: all ease 0.3s;}
.Footer dt:before{ content:""; width:10px; height:2px; background:#084a95; position:absolute; left:0; bottom:0;transition: all ease 0.3s;}
.Footer .item.on .arr i{dis-moz-transform: translate(0, -3px) rotate(-180deg) !important;
	-ms-transform: translate(0, -3px) rotate(-180deg) !important;
	-o-transform: translate(0, -3px) rotate(-180deg) !important;
	transform: translate(0, -3px) rotate(-180deg) !important;}
.Footer dl:hover dt:before{ width:100%;}

.Footer .item dl{ text-align:left;}
.Footer dt a{ color:#000000;}.Footer dt a:hover{ color:#084a95;}
.Footer .item dd a{ color:#808080;transition: all ease 0.3s;}.Footer .item dd a:hover{ color:#084a95; margin-left:5px;}
.Footer a{color:#808080;}.Footer a:hover{color:#084a95;}
.Footer .Copyright{ clear:both; border-top:1px solid #e6e6e6; padding:12px 0;}

.totop{ position:fixed; z-index:100; right:0; bottom:0; width:50px; line-height:50px; opacity:0;text-align: center; cursor: pointer;overflow: hidden;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; background:#ca0000; color:#fff;}
.totop.cd-is-visible {visibility: visible;opacity: 1; cursor:pointer;}

@media ( max-width:1024px){
.Footer{ padding-top:20px; line-height:24px;}
.Footer .sitemap{ width:auto; float:none; margin-right:0;}
.Footer .item{width:auto; float:none; padding:0; border-bottom:1px solid #ccc;}
.Footer .item .sub{ display:none; padding-top:8px; padding-bottom:8px;}
.Footer dt{ display:block;line-height:35px; height:auto; font-size:14px; margin-bottom:-1px;}
.Footer .item dt .arr{ display:block;}
.Footer .left{ width:auto; float:none; text-align:center;}
.Footer .logo{ display:none;}
.Footer .link{height:40px; font-size:14px; margin:12px auto;}
.Copyright{ padding:10px 0; line-height:20px; font-size:12px; text-align:center;}

.totop{width:30px; line-height:30px;}
}
/*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, -2px, 0);
	transform: translate3d(0, -2px, 0);}
.itemhover2{transition: all ease 0.3s;}
.activehover2{
	-webkit-transform: translate3d(0, -6px, 0);
	transform: translate3d(0, -6px, 0);}


/*第一屏 s*/
.HomeBan{position: relative; z-index: 1; overflow:hidden; width:100%; height:100%; background:#084a95;}
.HomeBan .slider{ margin-right:120px; background:url(../images/loading.gif) center center no-repeat;}
.HomeBan .item{ position:relative;height: 100vh;}
.HomeBan .item .txt{ text-shadow:0 3px 3px rgba(0,37,71,0.2); color:#fff; line-height:35px; text-align:center; font-size:24px; position:absolute; left:0%; width:100%; top:38%; z-index:10;}
.HomeBan .item .txt h1{font-size: 70px;font-weight: normal;}
.HomeBan .item .txt h2{ display:inline-block;font-family:思源黑体 cn,SourceHanSansCN, Microsoft YaHei,arial, sans-serif; padding:20px 0; font-weight:normal; line-height:76px; font-size:60px; margin-bottom:22px;
opacity: 0;
transform: translateY(130px);
-webkit-transform: translateY(130px);
-webkit-transition: all 700ms ease;
transition: all 700ms ease;}
.HomeBan .item .txt h2 span{ padding:0 24px;}
.HomeBan .item .txt h2 span:first-child{ padding-left:0;}
.HomeBan .item .txt h2 span:last-child{ padding-right:0;}
/* .HomeBan .item .txt h2:before{ content:""; position:absolute; left:50%; top:0; width:0; border-top:1px solid rgba(255,255,255,0.4);transition: all ease 0.6s;}
.HomeBan .item .txt h2:after{ content:""; position:absolute; left:50%; bottom:0; width:0; border-bottom:1px solid rgba(255,255,255,0.4);transition: all ease 0.6s;} */
.HomeBan .item .txt .p{font-family:DIN-Medium; letter-spacing:0.02em;
opacity: 0;
transform: translateY(130px);
-webkit-transform: translateY(130px);
-webkit-transition: all 900ms ease;
transition: all 900ms ease;}
.HomeBan .item .imgbox{ position:absolute; left:0; top:0; width:100%; height:100%;}
.HomeBan .slick-dots{ height:448px; bottom:80px; left:auto; right:-120px; width:120px; text-align:center;}
.HomeBan .slick-dots li{display:block; margin:0 auto; width:6px; padding:18px 0;}
.HomeBan .slick-dots li button{width: 6px; height: 6px; border-radius:50%; background:#fff; border: 0; cursor: pointer; padding: 0; font-size: 0;}
.HomeBan .slick-dots li.slick-active button{ border-radius:5px; height:16px;}
.HomeBan .slick-arrow{ z-index:100; width:120px; height:220px; margin:0; bottom:0; top:auto; background-color:#ebebeb; background-position:center center; background-repeat:no-repeat; border-radius:0; border:0; line-height:220px;}
.HomeBan .slick-arrow:hover{ background-color:#fff}
.HomeBan .slick-prev:before,.HomeBan .slick-next:before{ display:none;}
.HomeBan .slick-prev{ left:auto; right:0; background-image:url(../images/arr1.png);}
.HomeBan .slick-prev:hover{ background-image:url(../images/arr01.png);}
.HomeBan .slick-next{ right:-120px; background-image:url(../images/arr2.png);}
.HomeBan .slick-next:hover{ background-image:url(../images/arr02.png);}
.HomeBan .item.active .txt h2,.HomeBan .item.active .txt .p{
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;}
.HomeBan .item.active .txt h2:before,.HomeBan .item.active .txt h2:after{ width:100%; left:0;transition-delay: 1s;}
.scrollnext{ position:absolute; left:50%; bottom:30px; width:54px; height:54px; margin-left:-27px; background:#ca0000; z-index:50; border-radius:50%; cursor:pointer;}
.scrollnext i{ position:absolute; background:url(../images/arr3.png); width:13px; height:7px; left:50%; top:50%; margin:-3px 0 0 -6px;
-webkit-animation: icon-top 2s linear 0.1s infinite;}
.scrollnext:hover{ background:#a40000;}

@media ( max-width:1500px){
.HomeBan .slider{ margin-right:100px;}
}
@media ( max-width:1024px){
.HomeBan{ height:auto;}
.HomeBan .slider{ margin:0;}
.HomeBan .slick-slide{ height:auto;}
.HomeBan .slick-slide .imgbox{ position:relative; height:auto; padding-top:68%;}
.HomeBan .item .txt{ left:5%; width:90%; padding-top:20px; top:20%; font-size:16px;}
.HomeBan .item .txt h2{ font-size:24px; line-height:30px; margin-bottom:8px; padding:5px 0;}
.HomeBan .item .txt h2 span{ padding:0 5px;}
.HomeBan .item .txt .p{ line-height:22px;}
.HomeBan .item .txt .btn a{ width:150px; line-height:45px; font-size:16px; margin-right:10px;}
.HomeBan .slick-arrow{ display:none !important;}
.HomeBan .slick-dots{ height:auto; bottom:10px; left:0; right:auto; width:100%; text-align:center;}
.HomeBan .slick-dots li{ display:inline-block; padding:0 5px;}
.HomeBan .slick-dots li.slick-active button{height:6px; width:16px;}
.scrollnext{ width:34px; height:34px; margin-left:-20px;}
}
@media ( max-width:640px){
.HomeBan .item .txt{font-size:13px; top:25%;}
.HomeBan .item .txt h2{ font-size:17px; line-height:30px; margin-bottom:0;}
}

.Mores{ display:block; position:relative; width:160px; line-height:56px; text-align:center; background:#084a95; color:#fff;}
.Mores i{display:inline-block; width:16px; height:7px; background:url(../images/more.png); vertical-align:middle; margin-left:20px;}
.Mores span{ display:block; position:relative; z-index:2;}
.Mores:after{content:""; left:0; position:absolute;top:0; height:100%;transition: all ease 0.3s; width:0;}
.Mores:hover:after{ width:100%; background:#ca0000;}

.HomeTit.sub{ margin-bottom:4%;}
.HomeTit p{ text-transform:uppercase;font-family: "DIN-Medium"; color:#f0f0f0; font-size:80px; line-height:109px;}
.HomeTit h2{ line-height:40px; color:#000000; font-size:40px;}
.HomeTit h2 i{ display:block; width:30px; border-bottom:2px solid #fff; height:20px; margin:0px auto;}
.HomeTit h2 .line{ display:inline-block; vertical-align:middle; width:80px; height:1px; background:#e6e6e6;}
.HomeTit h2 .line.left{ margin-right:80px;}
.HomeTit h2 .line.right{ margin-left:80px;}
.HomeTit.bai p,.HomeTit.bai h2{ color:#fff;}

.HomeAbout{ overflow:hidden; padding:5% 0 0; background:url(../images/homeabout.jpg) center bottom no-repeat;}
.HomeAbout .info{ width:48%; float:left;}
.HomeAbout .info .p{ color:#666; line-height:30px; font-size:14px; margin:48px 0 53px; }
.HomeAbout .num{ width:53%; float:right;}
.HomeAbout .num li{ width:33.3333%; color:#fff; padding:0 3%; float:left; text-align:center; float:left; padding-top:10px; height:180px;}
.HomeAbout .num li h3{ line-height:94px;font-family: "DIN-Medium"; font-size:64px;}
.HomeAbout .num li p{ opacity:0.5; font-size:14px;}
.HomeAbout .num li.n1{ background:#084a95;}
.HomeAbout .num li.n2{ background:#0970b2;}
.HomeAbout .num li.n3{ background:#229fd4;}

@media ( max-width:1440px){
.HomeTit p{font-size:60px; line-height:80px;}
.HomeTit h2{ line-height:30px; font-size:30px;}
.HomeAbout .info .p{ margin:25px 0 50px;}
.HomeAbout .num li h3{ line-height:50px;font-size:45px;}
}
@media ( max-width:1024px){
.Mores{width:110px; line-height:40px;}
.Mores i{ margin-left:10px;}
.HomeTit p{font-size:26px; line-height:40px;}
.HomeTit h2{ line-height:24px; font-size:18px;}
.HomeTit h2 .line{ width:30px;}
.HomeTit h2 .line.left{ margin-right:10px;}
.HomeTit h2 .line.right{ margin-left:10px;}
.HomeAbout .info .p{line-height:24px; margin:15px 0 15px; height:auto;}
.HomeAbout .info{ width:auto; float:none;}
.HomeAbout .num{ width:80%;}
}
@media ( max-width:640px){
.HomeAbout .num{ width:auto; float:none; margin-top:15px;}
.HomeAbout .num li{ height:140px;}
.HomeAbout .num li h3{ line-height:35px;font-size:30px;}
.HomeAbout .num li p{ font-size:12px; line-height:20px;}
}

.HomeBusiness{ overflow:hidden; padding-bottom:5%;}
.HomeBusiness .Info{ margin-bottom:4%; background:url(../images/businessbg.jpg) center bottom no-repeat; background-size:cover; padding:5% 0 4%;}
.HomeBusiness .Info .p{ width:50%; float:left; color:#fff; line-height:30px; color:#fff; margin:24px 0 0; height:90px;-webkit-line-clamp: 3;}
.HomeBusiness .HomeTit p span{ opacity:0.2; color:#fff;}
.HomeBusiness .Mores{ float:right; margin-top:25px; background:#ca0000;}
.HomeBusiness .Mores:hover:after{ background:#9f0000;}
.HomeBusiness .slider-nav { width:20%; float:left;}
.HomeBusiness .slider-nav .slick-slide{ float:none;}
.HomeBusiness .slider-nav .item{ position:relative;height:68px; line-height:68px; overflow: hidden; font-size:18px; cursor:pointer; color:#333333; border-bottom:1px solid #e6e6e6;}
.HomeBusiness .slider-nav .item a{ display: block;padding-left:80px;}
.HomeBusiness .slider-nav .item .logo{transition: all ease 0.3s; width:63px; height:63px; background-repeat:no-repeat; background-position: center center; background-size:contain; position: absolute; left: 0; top: 0;}
.HomeBusiness .slider-nav .slick-current .logo{ width:0; margin:0;}
.HomeBusiness .slider-nav .slick-current a{ color:#fff;padding:0;}
.HomeBusiness .slider-nav .slick-current {padding-left: 0; text-align: center;}
.HomeBusiness .slider-nav .slick-current{justify-content: center; color:#fff; font-weight:bold; background:#084a95;}

.HomeBusiness .slider-info { width:69%; float:right;}
.HomeBusiness .slider-info .imgbox{ padding-top:613px;}
.HomeBusiness .slider-info .txt{ background:rgba(0,0,0,0.5); position:absolute; left:0; bottom:-100px; opacity:0; visibility:hidden; z-index:10; padding:18px 105px 25px 169px;transition: all 1.2s 0.3s;}
.HomeBusiness .slider-info .txt .logo{ position:absolute; left:40px; top:24px; width:90px; height:90px; background-color:#fff; background-repeat:no-repeat; background-position:center center; background-size:contain;}
.HomeBusiness .slider-info .txt .p{ line-height:25px; height:100px; color:#fff;-webkit-line-clamp: 4;}
.HomeBusiness .slider-info .txt:after{ content:""; position:absolute; right:39px; top:69px; background:url(../images/more.png); width:16px; height:7px;transition: all 3s 0.8s;}
.HomeBusiness .slider-info .imgbox:hover .txt:after{ right:20px;}
.HomeBusiness .slider-info .info{ border-bottom:2px solid #e6e6e6; position:relative; height:132px;}
.HomeBusiness .slider-info .info .ti{ color:#084a95; font-weight:bold; line-height:30px; padding:30px 0 0 0; font-size:24px;}
.HomeBusiness .slider-info .info:after{ content:""; background:url(../images/titbg.gif); width:106px; height:6px; left:0; bottom:-2px; position:absolute;}
.HomeBusiness .slider-info .info .num{ background:url(../images/line.gif) right 4px bottom no-repeat; line-height:13px; position:absolute; right:0; bottom:19px; color:#084a95; font-size:16px;font-family: "DIN-Medium";}
.HomeBusiness .slider-info .info .num i{ line-height:40px; font-size:40px; margin-right:15px;}
.HomeBusiness .slider-info .slick-current .txt{ bottom:0; opacity:1; visibility:visible;}

@media ( max-width:1440px){
.HomeBusiness .slider-nav{ width:25%;}
}
@media ( max-width:1024px){
.HomeBusiness .slider-nav{ width:auto; float:none;}
.HomeBusiness .slider-info{ width:auto; float:none;}
.HomeBusiness .slider-nav .slick-slide{ float:left;}
.HomeBusiness .slider-info .imgbox{ padding-top:68%;}
.HomeBusiness .slider-info .info .ti{ font-size:16px; padding-top:10px;}
.HomeBusiness .slider-info .info { height:53px;}
.HomeBusiness .slider-info .info .num{ bottom:8px; font-size:14px;}
.HomeBusiness .slider-info .info .num i { font-size:22px; line-height:30px;}
}
@media ( max-width:640px){
.HomeBusiness .slider-nav .item{ font-size:14px; height:40px;}
.HomeBusiness .slider-info .txt{ padding:14px 10px 20px 75px;}
.HomeBusiness .slider-info .txt .logo{ width:50px; height:50px; left:10px; top:15px;}
.HomeBusiness .slider-info .txt .p{ height:48px;-webkit-line-clamp: 2;}
.HomeBusiness .slider-info .txt:after{ right:20px; top:60px;}
.HomeBusiness .slick-arrow{ width:30px; height:30px; margin-top:-15px; line-height:30px;}
.HomeBusiness .slick-arrow.slick-prev{ left:0;}
.HomeBusiness .slick-arrow.slick-next{ right:0;}
}

.HomeNews{ overflow:hidden; background:#f5f5f5; padding:5% 0;}
.HomeNews .News{}
.HomeNews .News .slick-list{ margin-left:-30px;}
.HomeNews .News .item{ margin-left:30px;}
.HomeNews .News .imgbox{ padding-top:280px;}
.HomeNews .News .ti{ margin-top:35px; line-height:28px; height:56px; overflow:hidden; font-size:20px; color:#000000;}
.HomeNews .News .date{ text-align:center; position:absolute; left:0; bottom:0; z-index:2; width:110px; line-height:40px; color:#fff; background:#ca0000; font-weight:bold;}
.HomeNews .News .p{ margin:30px 0 48px; color:#666666;}
.HomeNews .News .more{ color:#084a95; font-size:16px;}
.HomeNews .News .more i{ display:inline-block; background:url(../images/more2.png); width:16px; height:7px; margin-left:20px;}
.HomeNews .News a:hover .ti{ color:#084a95;}
.HomeNews .News .HomeTit { margin-top:-35px; padding-bottom:52px;}
.HomeNews .News .HomeTit p{ color:#e6e6e6;}
.HomeNews .News .slick-dots{ bottom:auto; top:-73px; left:auto; right:0; width:218px;}
.HomeNews .News .slick-dots li{ margin:0 10px;}
.HomeNews .News .slick-dots li button{ width:6px; height:6px; background:#084a95;}
.HomeNews .News .slick-dots li.slick-active button{ width:14px; height:14px; border:1px solid #084a95; background:none;}
.HomeNews .Top{ width:35.4%; float:right; margin-right:3%; position:relative;display: none;}
.HomeNews .Top .imgbox{ padding-top:700px;}
.HomeNews .Top .info{ position:absolute; z-index:10; background:#ca0000; padding:4% 8% 0 0; width:70%; bottom:0; right:-8%; color:#fff;}
.HomeNews .Top .info .date{font-family: "DIN-Medium"; line-height:38px; opacity:0.4; padding:0 5% 0 11%;}
.HomeNews .Top .info .ti{ line-height:34px; margin-bottom:40px; font-size:24px; padding:0 5% 0 11%;}
.HomeNews .Top .info .more{ background:#ac0000; line-height:56px; padding-left:11%;}
.HomeNews .Top .info .more i{ display:inline-block; background:url(../images/more.png); width:16px; height:7px; margin-left:20px;}

@media ( max-width:1024px){
.HomeNews .News{ float:none; width:auto; margin:0px 15px;}
.HomeNews .Top{ display:none;}
.HomeNews .News .HomeTit{ padding-bottom:20px; margin-top:0;}
.HomeNews .News .slick-dots { top:-40px;}
.HomeNews .News .slick-dots li{ margin:0 5px;}
.HomeNews .News .ti{ margin-top:12px; line-height:24px; height:48px;font-size:17px;}
.HomeNews .News .p{ margin:15px 0 15px;}
.HomeNews .News .imgbox{ padding-top:62%;}
.HomeNews .News .slick-list{ margin-left:-10px;}
.HomeNews .News .item{ margin-left:10px;}
}
@media ( max-width:640px){
.HomeNews .News .ti{ margin-top:5px;font-size:15px;}
.HomeNews .News .p{ margin:5px 0;}
.HomeNews .News .more{font-size:14px;}
}

.HomeMap{background:url(../images/mapbg.jpg) center bottom no-repeat; background-size:cover;min-height: 400px;}
.HomeMap .Contain{ max-width:1300px; }
.HomeMap .Contain .txt{color:#fff; font-weight:bold; font-size:18px; text-align: center;padding-top:8%;padding-bottom: 2%;}
.HomeMap .Contain .txt span{ display:block; line-height:41px; margin-bottom:21px; font-size:40px;}
.HomeMap .Contain .map{ z-index:10; color:#fff; font-size:16px; line-height:22px; text-align: center;display: block;margin-left: 18%;}
.HomeMap .Contain .map i{ display:block; margin:0px auto; width:20px; height:31px; background:url(../images/ico/map.png);}
.HomeMap .Contain .map li{padding:1%  3%; background:#fff; color: #333;float: left;margin:10px;}


@media ( max-width:1024px){
.HomeMap .Contain .map{ font-size:14px; margin:0px auto;}
.HomeMap .Contain .txt{ width:auto; font-size:14px; position:static;}
.HomeMap .Contain .txt span{ line-height:24px; margin-bottom:0px; font-size:18px;}
}
@media ( max-width:850px){
.HomeMap .Contain .map{ zoom:.8;}
}
@media ( max-width:768px){
.HomeMap .Contain .map{ zoom:.7;}
}
@media ( max-width:568px){
.HomeMap .Contain .map{ zoom:.5;}
}
@media ( max-width:480px){
.HomeMap .Contain .map{ zoom:.4;}
}


/*首页 end*/


/*栏目页公用样式 s*/
.SubPage{ height:auto !important; height:50px; min-height:50px; padding-top:3.5%; padding-bottom:3.5%;}
.SubBan { background:#084a95; padding:110px 120px 0 0; position:relative;}
.SubBan img{ display:block; width:110%;}

.graybg{ background:#f0f0f0;}

.ColumnName{ font-weight:normal; background:#005fc5; color:#fff;display:none; position:relative; z-index:100; line-height:36px;}
.ColumnName h2{ font-weight:normal; font-size:15px;}
.ColumnName .arr{ 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:0px 10px 0 0;}

.SubMenu{ background:#fff;line-height:70px; height:70px; text-align:center; border-bottom:1px solid #e6e6e6; font-size:0;}
.SubMenu li{position:relative; display:inline-block; min-width:11.1111%;}
.SubMenu li a{position:relative; z-index:1; font-size:16px; display:block; padding:0 30px; color:#333333;}
.SubMenu li em{ position:relative; z-index:1;}
.SubMenu li .bg{ position:absolute; z-index:0; width:0; bottom:0; height:100%; left:50%; background:#084a95;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:#fff; font-weight:bold;}
.SubMenu li:last-child{ background:none;}
.SubMenu li:after{ content:""; width:8px; height:1px; right:-9px; background:#d9d9d9; top:50%; position:absolute;}
.SubMenu li:last-chil:after{ display:none;}

.SinglePage{ position:relative;word-wrap:break-word;word-break:normal;text-align:justify; font-size:16px; line-height:36px; color:#666666;}
.SinglePage video{ width:80% !important; margin:0px auto; height:auto !important;}
.newsinfo{ max-width:1000px; margin:0px auto;}

.SubTit{}
.SubTit p{}
.SubTit h2{ line-height:28px; font-size:18px; color:#333333; margin-bottom:8px;}
.SubTit h2 i{ display:inline-block; vertical-align:middle; width:4px; height:18px; background:#0091df; margin-right:11px;}

@media ( max-width:1600px){
.SubBan {padding-right:100px;}
}
@media ( max-width:1024px){
.SubBan {padding:45px 0 0 0;}
.ColumnName{ display:block; padding-left:28px;}
.SubMenu{ line-height:34px; height:auto; text-align:left;}
.SubMenu ul{ display:none; border-bottom:1px solid #eee;}
.SubMenu li{ display:block; min-width:100%; background:none; float:none;}
.SubMenu li .bg{ display:none;}
.SubMenu li a{ padding-left:16px; font-size:14px;}
.SubMenu li a:hover,.SubMenu li.onli a{ color:#084a95;}

.SubPage{ padding-bottom:25px;}
.SinglePage{ line-height:24px; font-size:14px;}
.SinglePage video{ width:100% !important;}
.SinglePage img{ width:auto !important; height:auto !important;}

.SubTit h2{ line-height:30px; font-size:15px;}
}
/*栏目页公用样式 end*/


/*华明动态 s*/
.NewsList { margin:0 0 10px -3.333%;}
.NewsList li{ position:relative; width:30%; float:left; margin:0 0 3.333% 3.333%;}
.NewsList .imgbox{ padding-top:62%;}
.NewsList .info{ background:#fff; padding:35px;}
.NewsList .ti{line-height:28px; height:56px; overflow:hidden; font-size:20px; color:#000000;}
.NewsList .date{ text-align:center; position:absolute; left:0; bottom:0; z-index:2; width:130px; line-height:48px; color:#fff; background:rgba(202,0,0,0.9); font-weight:bold;}
.NewsList .p{ margin:20px 0 30px; color:#666666;height:48px;-webkit-line-clamp: 2;}
.NewsList .more{ color:#084a95; font-size:16px;}
.NewsList .more i{ display:inline-block; background:url(../images/more2.png); width:16px; height:7px; margin-left:20px;}
.NewsList a:hover .ti{ color:#084a95;}
.Titleinfo{ border-bottom:1px solid #e6e6e6; text-align:center; margin-bottom:35px; padding-bottom:18px;}
.Titleinfo .tits{font-size:30px; color:#010101; line-height:40px;}
.Titleinfo .date{ font-size:14px; padding:5px 0 0 0;color:#808080;}
.Titleinfo .date i{ display:inline-block; margin:0 10px;}
.Titleinfo .share{ display:inline-block;*display:inline; zoom:1; vertical-align:middle;}
.PrevNextBox {margin:55px 0 0 0;position:relative; padding-top:22px; border-top:1px solid #e5e5e5; color:#888888;}
.PrevNextBox .fl i{ display:inline-block; width:1px; height:16px; font-size:0; background:#e5e5e5; vertical-align:middle; margin: 0 16px;}
.PrevNextBox .fl  a{ position:relative;}
.PrevNextBox .fl .prev a{ padding-right:27px; background:url(../images/arr4.png) right center no-repeat;}
.PrevNextBox .fl .next a{ padding-left:27px; background:url(../images/arr5.png) 0px center no-repeat;}
.PrevNextBox a.back{ position:absolute; right:0; top:-35px;color:#084a95;}
.PrevNextBox a:hover.back{ color:#084a95;}
.PrevNextBox .back{ float:right;}

.Shares{ display:inline-block; vertical-align:middle;}
.Shares .bshare-custom{ color:#333333; font-size:16px;}
.Shares .bshare-custom a{ margin-left:13px; padding:0px; width:21px; height:18px;}
.Shares .bshare-custom .bshare-weixin{ background:url(../images/ico/ico_wx.png) center center no-repeat;}
.Shares .bshare-custom .bshare-weixin:hover{ background:url(../images/ico/ico_wx2.png) center center no-repeat;}
.Shares .bshare-custom .bshare-sinaminiblog{ background:url(../images/ico/ico_wb.png) center center no-repeat;}
.Shares .bshare-custom .bshare-sinaminiblog:hover{ background:url(../images/ico/ico_wb2.png) center center no-repeat;}
.Shares .bshare-custom .bshare-qqim{ background:url(../images/ico/ico_qq.png) center center no-repeat;}
.Shares .bshare-custom .bshare-qqim:hover{ background:url(../images/ico/ico_qq2.png) center center no-repeat;}

@media ( max-width:1024px){
.NewsList .date{ width:110px; line-height:40px;}
.NewsList .ti {line-height: 24px;height: 48px;font-size: 17px;}
.NewsList .p { margin: 15px 0 15px;-webkit-line-clamp: 2; height:auto;}
.NewsList .info{ padding:12px;}

.Titleinfo { line-height:20px; font-size:12px; padding-bottom:15px; margin-bottom:20px;}
.Titleinfo .tits{ font-size:18px; padding-bottom:4px; line-height:24px;}
.Titleinfo .share{ display:none;}

.Shares{ display:none;}
.PrevNextBox {margin:50px 0 0 0; font-size:14px;}
.PrevNextBox dl{ width:auto; line-height:30px; height:30px; margin-bottom:8px;}
.PrevNextBox dl span{ padding-left:45px;}
.PrevNextBox a.back{ font-size:14px; top:-35px;}
}
@media ( max-width:768px){
.NewsList { margin:0 0 10px -3%;}
.NewsList li{ width:47%; margin:0 0 3% 3%;}
.NewsList .ti {line-height: 24px;height: auto;font-size: 15px;}
.NewsList .p { margin: 5px 0;}
.NewsList .more{ font-size:14px;}
}
@media ( max-width:480px){
.NewsList li{ width:auto;}
}

/*关于我们 s*/
.Numbox {}
.Numbox li{ position:relative; width:33.3333%; color:#fff; padding:0 3%; line-height:24px; float:left; float:left; padding-top:10px; height:180px;}
.Numbox li h3{ line-height:94px;font-family: "DIN-Medium"; font-size:64px;}
.Numbox li p{ opacity:0.5; font-size:14px; width:55%;}
.Numbox li.n1{ background:#084a95;}
.Numbox li.n2{ background:#0970b2;}
.Numbox li.n3{ background:#229fd4;}
.Numbox li .ico{transition: all ease 0.3s; opacity:0.2; position:absolute; width:15%; right:5%; top:40%;}
.Numbox li:hover .ico{ opacity:1;}
.AboutTxt{ padding:5% 6% 5%; background:url(../images/aboutbg.jpg) center bottom no-repeat;}
.AboutTxt .item{ border-bottom:1px solid #e6e6e6; padding-bottom:4%; margin-bottom:4%;}
.AboutTxt .item:last-child{ border-bottom:0px; padding-bottom:0; margin-bottom:0;}
.AboutTxt .item .ti{ font-size:32px; color:#084a95; margin-bottom:29px;}

.Graybg2{ background:#fafafa;}

.Culture{ margin:0 0 0 -2px;}
.Culture .img img{ width:100%;}
.Culture .item{ height:auto !important; height:300px; min-height:300px; width:33.333%;position:relative; float:left;}
.Culture .item .box{ position:relative; margin-left:2px;}
.Culture .info{ position:absolute; left:0; top:0; width:100%; padding:0 4%; background:rgba(0,0,0,0.2); text-align:center; color:#fff; font-size:18px; line-height:24px; height:50%;display: flex; align-items: center;justify-content: center;flex-flow: column;}
.Culture .info .ico{ width:20%; margin:0px auto 10%;}
.Culture .info .ti{ line-height:57px; font-size:30px;}
.Culture .info .ti i{ display:block; margin:0px auto; width:15px; height:16px; border-top:2px solid rgba(255,255,255,0.3);}
.Culture .i2 .info{ top:auto; bottom:0;}

.SubNav{ text-align:center; font-size:0;}
.SubNav li{ line-height:65px; display:inline-block;}
.SubNav li a{ font-weight:bold; padding:0 62px; display:block; color:#999999; font-size:20px;}
.SubNav li a:hover,.SubNav li a.on{ background:#084a95; color:#fff;}

.Rybox{ background:#f0f0f0; padding:5%;}
.RyList{ margin:0 0 10px -3%; padding-bottom:1%;}
.RyList a{ display:block; padding-bottom:8px;}
.RyList li{ width:25%; font-size:16px; float:left; text-align:center; padding:0 0 2% 3%;}
.RyList .imgbox{ padding-top:68%;}
.RyList .imgbox span{ background-size:contain;}
.RyList .ti{ height:48px; margin-top:13px;}

.SubImg img{ width:100%;}

.Leaderbg{ background:url(../images/leaderbg.jpg) center bottom no-repeat;}
.Leaderbox{ position:relative; padding-top:4%;}
.Leaderbox .leaderimg{ text-align:center; font-weight:bold; position:absolute; width:26%; left:0; top:0; font-size:22px; color:#000000;}
.Leaderbox .leaderimg .img{box-shadow:0 0 50px rgba(0,0,0,0.2); background:#fff; margin-bottom:22px; padding:10px;}
.Leaderbox .info{ font-size:16px; color:#333333; margin:0 0 0 12%; background:#f0f3f7; padding:4% 6.5% 4% 19%; height:auto !important; height:400px; min-height:400px;}
.Leaderbox .info .line{ clear:both; margin-bottom:4%; height:31px; background:url(../images/linebg.gif) 0px center repeat-x; position:relative;}
.Leaderbox .info .line .khleft{ background: #f0f3f7 url(../images/kh.png) 0px center no-repeat; width:70px; height:31px; position:absolute; left:0; top:0;}
.Leaderbox .info .line .khright{ background: #f0f3f7 url(../images/kh2.png) right center no-repeat; width:70px; height:31px; position:absolute; right:0; top:0;}
.Leaderbox .info .name{ text-align:right; font-size:28px; font-weight:bold; padding:2% 0 3.5%;}

@media ( max-width:1440px){
.Numbox li h3 { line-height: 50px; font-size: 45px;}
}
@media ( max-width:1024px){
.AboutTxt .item .ti{ font-size:22px; margin-bottom:10px;}

.Culture .info{ font-size:14px;}
.Culture .info .ti{ line-height:30px; font-size:20px;}
.Culture .info .ti i{ height:5px;}

.RyList li{ font-size:14px;}

.SubNav li{ line-height:35px; display:inline-block;}
.SubNav li a{ padding:0 20px;font-size:15px;}
}
@media ( max-width:640px){
.Numbox li h3 { line-height: 35px; font-size: 30px;}
.Numbox li p{ width:auto; font-size:12px; line-height:20px;}
.Numbox li .ico{ position:static; width:25px;}
.AboutTxt{ padding:5% 0 5%;}
.AboutTxt .item .ti{ font-size:16px; margin-bottom:5px;}

.Culture .item{ width:auto;}
.Culture .info .ico{ margin-bottom:12px;}
.Culture .i2 .info{ top:0; bottom:auto;}

.RyList li{ width:50%;}
.RyList .ti{ height:40px; line-height:20px; margin-top:5px;}

.SubNav li{ line-height:32px;}
.SubNav li a{ padding:0 7px;font-size:14px;}

.Leaderbox .leaderimg{ position:static; margin:0px auto 12px; width:50%;}
.Leaderbox .info{ font-size:14px;margin:0; padding:4%;height:200px; min-height:200px;}
.Leaderbox .info .name{font-size:18px;}
.nameimg img{ width:120px;}
.Leaderbox .info .line { height:20px;}
.Leaderbox .info .line .khleft{ background-size:contain; height:20px; width:50px;}
.Leaderbox .info .line .khright{background-size:contain; height:20px; width:50px;}
}

.BusinessNav{ text-align:center; position:relative; text-align:center; margin-top:8.5%; height:560px; background-position: center bottom; background-size:cover;}
.BusinessNav .tithead{ position:absolute; width:500px; line-height:120px; left:50%; top:-60px; margin-left:-250px; color:#fff; font-size:32px; background:#084a95;}
.BusinessNav .line{ padding-top:60px;}
.BusinessNav .nav{ padding:0 6%;}
.BusinessNav .nav li{ width:33.3333%; float:left;}
.BusinessNav .nav li a{ background:#fff; font-size:24px; color:#000000; line-height:42px; display:block; width:300px; height:300px;display:flex;justify-content:center;align-items:center;flex-direction: column; margin:0px auto;}
.BusinessNav .nav li a img{}
.BusinessNav .nav li:hover a{}

.Businessbox{ background:#f5f5f5; border:1px solid #e6e6e6; border-top:0; padding:4% 5% 2%;}
.Businessbox .tithead{ text-align:center; font-size:28px; color:#000000; line-height:46px; margin-bottom:49px;}
.Businessbox .tithead i{ display:inline-block; vertical-align:middle; margin:0 40px; width:30px; height:1px; background:#d9d9d9;}
.Businessbox .list{ text-align:center; font-size:0; padding:0 2% 4%;}
.Businessbox .list li{ vertical-align:top; display:inline-block; width:25%; padding:0 1.5%;}
.Businessbox .list .imgbox{ border:1px solid #e6e6e6; padding-top:40%; background:#fff;}
.Businessbox .list .imgbox span{ background-size:contain;}
.Businessbox .list .ti{ margin-top:13px; line-height:30px; font-size:18px; color:#333333; font-weight:bold;}
.Businessbox .list li:hover .imgbox{ border:1px solid #0153a1;}
@media ( max-width:1024px){
.BusinessNav{ height:auto; padding-bottom:5%;}
.BusinessNav .tithead{ width:300px; font-size:20px; line-height:60px; top:-30px; margin-left:-150px;}
.BusinessNav .line{ padding-top:30px;}
.BusinessNav .nav{ padding:0%;}
.BusinessNav .nav li a img{ width:50%; margin:0px auto;}
.BusinessNav .nav li a{width:150px; height:150px; font-size:16px; line-height:24px}
.Businessbox .tithead{ font-size:18px; line-height:34px; margin-bottom:15px;}
.Businessbox .list .ti{ font-size:14px; margin-top:10px; line-height:20px;}
}
@media ( max-width:640px){
.BusinessNav .tithead{ width:220px; font-size:17px; line-height:40px; top:-15px; margin-left:-110px;}
.BusinessNav .line{ padding-top:20px;}
.BusinessNav .nav li a{width:100px; padding:0 8px; height:100px; font-size:14px; line-height:20px;}
.Businessbox .list{ padding:0 0 4%;}
.Businessbox .list li{ width:50%; padding-bottom:10px;}
.Businessbox .tithead i{ width:20px; margin:0 5px;}
}

.History{ background:url(../images/historybg.jpg) center top no-repeat; padding:5% 0 0 0;}
.History .HomeTit p{ opacity:0.7;}
.Hisotybox{ padding:177px 0 138px 0; margin:10% 0 0 100px; background:url(../images/linebg.gif) 12px top repeat-y; position:relative;}
.Hisotybox .dot{ width:25px; height:25px; position:absolute; left:0; top:0; border-radius:50%; background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.2);}
.Hisotybox .dot:after{ content:""; width:7px; height:7px; border-radius:50%; background:#084a95; left:50%; top:50%; margin:-3px 0 0 -3px; position:absolute;}
.Hisotybox .item{ min-height:182px; padding-left:86px;}
.Hisotybox .item .year{ position:relative; text-align:center; width:250px; line-height:45px; color:#fff;background:url(../images/datebg.png) center center no-repeat; background-size:contain; font-size:22px;font-family: "DIN-Medium";}
.Hisotybox .item .year .dot2{ width:25px; height:25px; position:absolute; left:-86px; top:10px; border-radius:50%; background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.2);}
.Hisotybox .item .year .dot2:after{ content:""; width:5px; height:5px; border-radius:50%; background:#084a95; left:50%; top:50%; margin:-2px 0 0 -3px; position:absolute;}
.Hisotybox .item .year .dot2:before{content:""; width:32px; height:1px; position:absolute; left:25px; top:11px; background:#cccccc;}
.Hisotybox .item .p{ font-size:18px; margin:32px 0 10px;}
.Hisotybox .slick-arrow{ z-index:100; width:60px; height:60px; background-color:#ca0000; background-position:center center; background-repeat:no-repeat; border:0;}
.Hisotybox .slick-prev:before,.HomeBan .slick-next:before{ display:none;}
.Hisotybox .slick-prev{ left:auto; right:0; margin-top:-40px; background-image:url(../images/arr6.png);}
.Hisotybox .slick-next{ right:0; margin-top:40px; background-image:url(../images/arr7.png);}
.Hisotybox  slick-prev:before,.Hisotybox .slick-next:before{ display:none;}
.Hisotybox .slick-arrow.slick-disabled{ opacity:0.5; background-color:#cccccc;}
.Hisotybox .slider{ padding-bottom:35px;}

@media ( max-width:1024px){
.History{ background-size:contain;}
.Hisotybox{ margin:0; padding:35px 0;}
.Hisotybox .item .year .dot2{ left:-35px; top:6px;}
.Hisotybox .item .year .dot2:before{width:15px;}
.Hisotybox .item .year{width:165px; line-height:35px; font-size:16px;}
.Hisotybox .item{ padding-left:35px; min-height:120px;}
.Hisotybox .item .p{ font-size:14px; line-height:20px; margin:15px 40px 10px 0;}
.Hisotybox .slick-arrow{ width:35px; height:35px;}
.Hisotybox .slick-prev{ margin-top:-12px;}
.Hisotybox .slick-next{ argin-top:12px;}
}

/*联系我们 s*/
.ContactUs{ width:48%; float:left; position:relative; z-index:10; margin:5% -5% 0 5.5%; background:#084a95; color:#fff; text-align:center; padding:4% 0;}
.ContactUs .HomeTit p{ color:#26589b;}
.ContactUs .item{ margin:0 5px 24px;}
.ContactUs .item p{ padding-left:27px; position:relative; display:inline-block;}
.ContactUs .item p .iconfont{ position:absolute; left:0; top:0; font-size:20px;}
.ContactUs .txt{ padding:54px 0 38px;}
.ContactUs .ewm{ width:40%; margin:0px auto;}
#dituContent{ height:880px; width:50%; float:right;}

.Messagebox{ padding:4.5% 0; background:url(../images/msgbg.jpg) center center no-repeat; background-size:cover; clear:both;}
.Messagebox .HomeTit p{ color:#fff; opacity:0.2;}
.Messagebox .form{ margin:4% 0 0 -10px;}
.Messagebox .form li{ position:relative; width:33.333%; line-height:75px; margin-bottom:20px; float:left;}
.Messagebox .form .box{background:#fff; position:relative; margin:0 0 0 10px;}
.Messagebox .form .ti{ position:absolute; left:30px; top:0; font-size:18px; color:#000000;}
.Messagebox .form .input{ width:100%; height:75px; line-height:75px; text-indent:6em;}
.Messagebox .form li.auto{ clear:both; width:auto; float:none;}
.Messagebox .textarea{ padding:26px 15px 15px;}
.Messagebox .textarea textarea{ width:100%; height:200px; text-indent:5.5em;}
.Messagebox .btn{ padding-top:2%; text-align:center;}
.Messagebox .sendbtn{ font-size:24px; font-weight:bold; color:#fff; width:460px; height:80px; background:#084a95; cursor:pointer;}
.Messagebox .sendbtn:hover{ background:#0060cd;}
@media ( max-width:1024px){
.ContactUs{ width:auto; float:none; margin:15px;}
.ContactUs .txt{ padding:20px 0;}
.ContactUs .item{ margin-bottom:5px;}
#dituContent{ width:auto; float:none; height:400px;}
}
@media ( max-width:768px){
#dituContent{height:220px;}
.Messagebox .form li{ line-height:40px;}
.Messagebox .form .input{height:40px; line-height:40px; text-indent:4em;}
.Messagebox .form .ti{left:10px;font-size:14px;}
.Messagebox .sendbtn{ font-size:16px; width:120px; height:40px;}
}
@media ( max-width:580px){
.Messagebox .form li{ width:auto; float:none; margin-bottom:10px;}
.Messagebox .textarea{ padding:10px 15px 15px;}
.Messagebox .textarea textarea{height:120px; text-indent:3em;}
}

/*人才招募 s*/
.Hrtxt{}
.Hrtxt .imgbox{ width:50%; float:left; height:600px;}
.Hrtxt .info{ position:relative; background:#125198; width:50%; float:left;}
.Hrtxt .info .txt{ padding:0 14% 0 8%;display:flex;justify-content:center;flex-direction: column; height:600px; color:#fff;}
.Hrtxt .info .tithead{ position:relative; padding-bottom:40px; line-height:53px; margin-bottom:44px; border-bottom:1px solid rgba(255,255,255,0.1); font-size:32px; color:#ff;}
.Hrtxt .info .tithead:before{ content:""; width:40px; height:2px; background:#fff; position:absolute; bottom:-1px;}
.Hrtxt .info .tithead i{ display:inline-block; border-bottom:2px solid #fff;}
.Hrtxt .info .tithead span{ margin-left:-15px;}
.Hrtxt .info .p{ opacity:0.6; max-height:209px; font-size:16px; line-height:36px;}
.Hrtxt .info:before{ position:absolute; content:""; background:url(../images/arr8.png); width:19px; height:30px; left:-19px; top:50%; margin-top:-15px;}
.Hrtxt2{}
.Hrtxt2 .tithead{ font-size:24px; text-align:center; line-height:33px; padding:5% 0 34px; border-bottom:1px solid #e6e6e6; position:relative; color:#000000;}
.Hrtxt2 .tithead:after{ position:absolute; background:url(../images/arr9.gif); content:""; width:22px; height:13px; left:50%; margin-left:-11px; bottom:-13px;}
.Hrtxt2 .itemlist{ margin:0 0 0 -4%;}
.Hrtxt2 .itemlist .item{ width:46%; float:left; margin:12% 0 0 4%;}
.Hrtxt2 .itemlist .box{ position:relative; background:#f0f0f0; border-top:2px solid #e6e6e6; padding:154px 7% 0 7%; color:#4c4c4c; height:518px;}
.Hrtxt2 .itemlist .info{ font-size:16px; line-height:36px; max-height:321px; overflow-y:auto;}
.Hrtxt2 .itemlist .ico{ position:absolute; left:30%; width:40%; text-align:center; top:-107px;}
.Hrtxt2 .itemlist .ico img{border-radius:50%; box-shadow:0 0 50px rgba(0,0,0,0.1);}

.JobNav{}
.JobNav .item{}
.JobNav .item a{ height:64px;display: flex;align-items: center;justify-content: center; font-weight:bold; text-align:center; padding:0 5px; color:#999999; font-size:20px;}
.JobNav .item.on a{ color:#fff; background:#084a95;}
.JobNav .slick-arrow{ background-position:center center; background-repeat:no-repeat;}
.JobNav .slick-prev:before,.HomeBan .slick-next:before{ display:none;}
.JobNav .slick-prev{ background-image:url(../images/more3.png);}
.JobNav .slick-next{ background-image:url(../images/more2.png);}
.JobNav  slick-prev:before,.JobNav .slick-next:before{ display:none;}
.JobNav .slick-arrow.slick-disabled{ opacity:0.2; background-color:#cccccc;}
.JobNav .slick-arrow:hover{ background-color:#ccc;}

.Jobbox{ background:#f0f0f0; padding:5%;}
.Jobbox .jobtit{ font-size:32px; color:#084a95; margin-bottom:44px; line-height:42px;}
.jobitem{ position:relative; font-size:16px; line-height:36px; margin-bottom:20px; background:#fff; padding:34px 0 32px;}
.jobitem .ti{ font-size:22px; color:#000000; font-weight:bold; margin-bottom:11px;}
.jobitem .head{ padding:0 59px;}
.jobitem .item dd{ position:relative; display:inline-block; padding-right:61px;}
.jobitem .item dd:after{ content:""; width:1px; height:15px; position:absolute; right:30px; top:10px; background:#d9d9d9;}
.jobitem .item dd:last-child:after{ display:none;}
.jobitem .item dd:last-child{ padding-right:0;}
.jobitem .content{ display:none; border-top:1px solid #f0f0f0; margin-top:32px; padding:20px 59px 0;}
.jobitem a.detail{ text-align:center; position:absolute; right:60px; top:53px; width:130px; line-height:45px; color:#fff; background:#084a95;}
.jobitem a.detail .iconfont{ display:inline-block; font-size:18px; margin-left:5px;transition: all ease 0.3s;}
.jobitem.on a.detail { background:#ca0000;}
.jobitem.on a.detail .iconfont{
dis-moz-transform: translate(0, -3px) rotate(-180deg);
-ms-transform: translate(0, -3px) rotate(-180deg);
-o-transform: translate(0, -3px) rotate(-180deg);
transform: translate(0, -3px) rotate(-180deg);}
.jobpage{ padding:4% 0 0 0; font-size:16px; line-height:36px; text-align:center;}
.jobpage .Pages{ margin-bottom:4%;}
.jobpage p span{ margin-left:55px;}
.jobpage p span i{ display:inline-block; margin-left:20px;}

@media ( max-width:1440px){
.JobNav .item a{ font-size:16px;}
.Hrtxt .info .tithead{ font-size:24px; padding-bottom:15px; margin-bottom:20px;}
.Jobbox .jobtit{ font-size:24px; margin-bottom:20px;}
}
@media ( max-width:1024px){
.JobNav .item a{ height:48px;}
.JobNav .slick-arrow{ width:30px; height:30px; margin-top:-15px;}
.JobNav .slick-prev{ left:-10px;}
.JobNav .slick-next{ right:-10px;}
.Jobbox .jobtit{ font-size:18px; margin-bottom:5px;}
.jobitem{ padding:15px 0 15px; line-height:24px; font-size:14px;}
.jobitem .head{ padding:0 15px;}
.jobitem .ti{ font-size:16px; margin-bottom:8px;}
.jobitem .item dd{ padding-right:18px;}
.jobitem .item dd:after{ right:5px; top:5px;}
.jobitem a.detail{ font-size:12px; width:80px; right:15px; top:10px; line-height:26px;}
.jobitem .content{ padding:15px 15px 0; margin-top:15px;}
.jobpage{ font-size:14px; line-height:24px;}
.jobpage p span{ margin-left:0; display:block;}

.Hrtxt .imgbox{ width:auto; float:none; height:auto; padding-top:56%;}
.Hrtxt .info{ width:auto; float:none;}
.Hrtxt .info .txt{ padding:5%; height:auto;}
.Hrtxt .info .p{ line-height:24px; font-size:14px;}
.Hrtxt .info .tithead{ font-size:18px; line-height:30px;}
.Hrtxt2 .tithead{ font-size:18px; padding-bottom:10px;}
.Hrtxt2 .itemlist .ico{ top:-80px;}
.Hrtxt2 .itemlist .info{ line-height:24px; font-size:14px;}
}
@media ( max-width:768px){
.JobNav .item a{ font-size:15px;}
.Hrtxt .info .tithead{ font-size:17px;}
.Hrtxt2 .itemlist .item{ width:auto; float:none; margin:45px 0 0 4%;}
.Hrtxt2 .itemlist .ico{ width:70px; left:50%; margin-left:-35px; top:-35px;}
.Hrtxt2 .itemlist .box{ padding:50px 4% 4%; height:auto;}
}

/*集团业务 s*/
.YwNav{ background:#f5f5f5; text-align:center; padding:30px 0 28px;}
.YwNav ul{ margin-left:-2px;}
.YwNav li{ width:20%; float:left;}
.YwNav li a{ font-size:16px; display:block; padding-top:25px; height:119px; background:#fff; margin:0 0 2px 2px;-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.YwNav li img{ display:block; margin:0px auto 7px; width:83px; height:48px;}
.YwNav li a:hover,.YwNav li.on a{ z-index:1; position:relative; color:#084a95;
-webkit-box-shadow: 0 30px 30px rgba(0,0,0,0.15);
box-shadow: 0 30px 30px rgba(0,0,0,0.15);
-webkit-transform: translate3d(0, 0px, 0);
transform: translate3d(0, 0px, 0);}
.YwNav li:hover a,.YwNav li.on a{-webkit-filter: grayscale(0);filter: grayscale(0);}

.CompanyInfo{ padding:5% 0; overflow:hidden;}
.CompanyInfo .HomeTit{ margin-top:-3%;}
.CompanyInfo .info{ width:55%; float:left;}
.CompanyInfo .txt{ max-height:470px; overflow-y:auto; line-height:36px; margin-top:5%; font-size:16px; width:86%; padding-right:0;}
.CompanyInfo .txt::-webkit-scrollbar{width: 3px; height:3px;-webkit-overflow-scrolling : touch;background-color: #e6e6e6;}
.CompanyInfo .txt::-webkit-scrollbar-track{background-color: #e6e6e6;}
.CompanyInfo .txt::-webkit-scrollbar-thumb{background-color: #ca0000;}
.CompanyInfo .txt::-webkit-scrollbar-button{height: 0px;background-color: #e6e6e6;}
.CompanyInfo .img{ width:45%; float:right;}
.CompanyInfo .img img{ width:888px; margin-right:-260px; max-width:none;}

.CompanyCulture{ background:url(../images/culturebg2.jpg) center top no-repeat; padding-top:5%; position:relative;}
.CompanyCulture .HomeTit p{ opacity:0.2;}
.CompanyCulture .Nav{ margin-bottom:50px; text-align:center; font-size:0;}
.CompanyCulture .Nav li{ line-height:56px; cursor:pointer; display:inline-block; font-size:20px; font-weight:bold; color:#fff; padding:0 40px;}
.CompanyCulture .Nav li.on{ background:#084a95;}
.CompanyCulture .Cultures .imgbox{ width:50%; float:left; padding-top:600px;}
.CompanyCulture .slide{ width:100%;}
.CompanyCulture .Cultures .info{ font-size:18px; color:#fff; line-height:54px; width:50%; float:left; height:600px; position:relative; background:url(../images/culturebg.jpg) center center no-repeat; background-size:cover;display:flex;justify-content:center;flex-direction: column; padding:0 2% 0 3%;}
.CompanyCulture .Cultures .info:before{ width:100%; height:100%;}
.CompanyCulture .Hornors { background:#fff; padding:40px 0 0 0; height:600px;}
.CompanyCulture .Hornors a{ display:block;}
.CompanyCulture .Hornors .imgbox{ padding-top:67%; margin-bottom:15px;}
.CompanyCulture .Hornors .imgbox span{ background-size:contain;}
.CompanyCulture .Hornors .ti{ height:60px; font-size:16px;}
.CompanyCulture .Hornors .item{ width:25%; padding:0 1.2%; float:left; text-align:center;}
.CompanyCulture .slick-arrow{ width:50px; height:50px; background-color:#084a95; border:0; background-position:center center; background-repeat:no-repeat;}
.CompanyCulture .slick-arrow.slick-prev{ background-image:url(../images/more4.png);}
.CompanyCulture .slick-arrow.slick-next{ background-image:url(../images/more.png);}
.CompanyCulture .slick-prev:before,.CompanyCulture .slick-next:before{ display:none;}
.CompanyCulture .slick-disabled{ opacity:0.2;}

.CompanyCulture .History{ padding-top:63px; height:600px; background:#fff; box-shadow:0 0 50px rgba(0,0,0,0.15);}
.CompanyCulture .History .slider{ padding:0 6%; background:url(../images/linebg.gif) 0px center repeat-x;}
.CompanyCulture .History .slick-slide{ position:relative; height:475px;}
.CompanyCulture .History .item{ width:29%; position:absolute;}
.CompanyCulture .History .box{ height:200px; padding:11px 20px 0; background:#f0f0f0; position:relative;}
.CompanyCulture .History .box:after{ content:""; position:absolute; width:18px; height:10px; left:50%; bottom:-10px; background:url(../images/arr10.gif); margin-left:-9px;}
.CompanyCulture .History .box:before{ content:""; position:absolute; width:15px; height:15px; left:50%; bottom:-45px; background:url(../images/dot.gif); margin-left:-7px;}
.CompanyCulture .History .year{ position:relative; margin-bottom:27px; text-align:center; line-height:60px; font-size:30px; color:#084a95;font-family: "DIN-Medium"; border-bottom:1px solid #d9d9d9;}
.CompanyCulture .History .year:after{ content:""; position:absolute; left:50%; bottom:-1px; width:20px; height:1px; margin-left:-10px; background:#084a95;}
.CompanyCulture .History .p{ line-height:25px; color:#4c4c4c; font-size:15px; height:80px; overflow-y:auto;}
.CompanyCulture .History .item.d1{ left:0;}
.CompanyCulture .History .item.d2{ left:17%; bottom:0;}
.CompanyCulture .History .item.d2 .box:after{ bottom:auto; top:-10px;background:url(../images/arr11.gif);}
.CompanyCulture .History .item.d2 .box:before{ bottom:auto; top:-45px;}

.CompanyCulture .History .item.d3{left:35.6%;}

.CompanyCulture .History .item.d4{ left:54%; bottom:0;}
.CompanyCulture .History .item.d4 .box:after{ bottom:auto; top:-10px;background:url(../images/arr11.gif);}
.CompanyCulture .History .item.d4 .box:before{ bottom:auto; top:-45px;}

.CompanyCulture .History .item.d5{ right:0;}

.CompanyCulture .History .slick-arrow.slick-prev{ left:25px;}
.CompanyCulture .History .slick-arrow.slick-next{ right:25px;}

.Corebox{ padding:5% 0; line-height:36px; color:#4c4c4c; font-size:16px; position:relative; overflow:hidden;}
.Corebox .Nav{ margin-left:-1px;}
.Corebox .Nav li{ width:16.6666%; float:left; text-align:center;}
.Corebox .Nav.col4 li{ width:25%; float:left; text-align:center;}
.Corebox .Nav li a{ font-weight:bold; color:#666666; display:block; background:#f0f0f0; font-size:18px; margin-left:1px; padding-top:20px; height:140px;}
.Corebox .ico{ position:relative; display:block; margin:0px auto 16px; width:46px; height:41px;}
.Corebox .ico .i1,.Corebox .ico .i2{display: block; width: 46px; height: 41px; position: absolute; left:0; top: 0px;}
.Corebox .ico .i1{ transition: 400ms;}
.Corebox .ico .i2{ -webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha(opacity=0); transition:500ms;}
.Corebox li:hover .i2,.Corebox li.on .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1; filter:alpha(opacity=100);}
.Corebox li:hover .i1,.Corebox li.on .i1 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(1.2); transform: scale(1.2); }
.Corebox .Nav li.on a,.Corebox .Nav li:hover a{ color:#fff; background:#084a95; box-shadow:0 30px 30px rgba(0,0,0,0.2);}
.Corebox .SubPage{ padding-top:6%;}
.Corebox .detail .info{ padding:32px 0 0 0; width:46%; float:right;}
.Corebox .detail .info .ti{ line-height:70px; font-size:34px; color:#000000;}
.Corebox .detail .info .ti i{ display:block; width:30px; height:32px; border-top:2px solid #174ba6;}
.Corebox .khlist { margin:4% 0 0 -12px;}
.Corebox .khlist li{ width:25%; float:left;}
.Corebox .khlist .imgbox{ padding-top:40%; border:2px solid #f2f2f2; margin:0 0 12px 12px;}
.Corebox .khlist .imgbox span{ background-size:contain;}
.Corebox .khlist li:hover .imgbox{ border:2px solid #084a95;}
.Corebox .imgleft{ width:50%; float:left; overflow:hidden;}
.Corebox .imgleft.over .slick-track{ width:100% !important;}
.Corebox .imgleft.over .item{ width:100% !important;}
.Corebox .imgleft .item .imgbox{ padding-top:68%;}
.Corebox .imgleft .slick-dots{ text-align:right; bottom:15px; padding-right:5%;}
.Corebox .imgleft:hover .slick-prev{ left:10px;}
.Corebox .imgleft:hover .slick-next{ right:10px;}

.Corebox .Hornors { background:#fff; padding:40px 0 0 0; height:600px;}
.Corebox .Hornors a{ display:block;}
.Corebox .Hornors .imgbox{ padding-top:67%; margin-bottom:15px;}
.Corebox .Hornors .imgbox span{ background-size:contain;}
.Corebox .Hornors .ti{ height:60px; font-size:16px;}
.CompanyCulture .Hornors .item{ width:25%; padding:0 1.2%; float:left; text-align:center;}
.CompanyCulture .slick-arrow{ width:50px; height:50px; background-color:#084a95; border:0; background-position:center center; background-repeat:no-repeat;}
.CompanyCulture .slick-arrow.slick-prev{ background-image:url(../images/more4.png);}
.CompanyCulture .slick-arrow.slick-next{ background-image:url(../images/more.png);}
.CompanyCulture .slick-prev:before,.CompanyCulture .slick-next:before{ display:none;}
.CompanyCulture .slick-disabled{ opacity:0.2;}

.Marketpro{ background:url(../images/probg.jpg) center bottom no-repeat; background-size:cover; padding:4% 0;}
.Marketpro .HomeTit p{ opacity:0.3;}
.Marketpro .slider{ margin:0 20px;}
.Marketpro .item{ padding:0 10px 79px;}
.Marketpro .imgbox{ padding-top:60%;}
.Marketpro .imgbox em{transition: all ease 0.3s; width:100%; height:100%; background:rgba(0,0,0,0.3); z-index:2;display: flex;align-items: center;justify-content: center;}
.Marketpro .imgbox em i{ opacity:0;transition: all ease 0.3s; width:70px; height:70px; border-radius:50%; background: #c91313 url(../images/more5.png) center center no-repeat;}
.Marketpro .ti{ overflow:hidden; font-weight:bold; height:74px; padding:0 10px;display: flex;align-items: center;justify-content: center; background:#fff; font-size:20px; color:#000000;}
.Marketpro .item a{ display:block;}
.Marketpro .item:hover a{ box-shadow:0 30px 30px rgba(0,0,0,0.3);}
.Marketpro .item:hover .ti{ color:#fff; background:#ca0000;}
.Marketpro .item:hover imgbox em { background:none;}
.Marketpro .item:hover imgbox em i{ opacity:1;}
.Marketpro .slick-dots li{ margin:0 10px;}
.Marketpro .slick-dots li button{ background:#fff;}
.Marketpro .slick-dots li.slick-active button{ width:19px; height:19px; background:#084a95; border:6px solid #fff;}
.Marketpro .slick-prev{ left:0;}
.Marketpro .slick-prev{ left:0;}
.Marketpro .slick-arrow{ margin-top:-60px; width:50px; height:50px; background-color:#084a95; border:0; background-position:center center; background-repeat:no-repeat;}
.Marketpro .slick-arrow.slick-prev{ left:0; background-image:url(../images/more4.png);}
.Marketpro .slick-arrow.slick-next{ right:0; background-image:url(../images/more.png);}
.Marketpro .slick-prev:before,.Marketpro .slick-next:before{ display:none;}

@media ( max-width:1440px){
.Corebox .detail .info { padding-top:0;}
.Corebox .detail .info .ti{ line-height:50px; font-size:24px;}
.CompanyInfo .img img{ margin-right:0; margin-left:-50px;}
}
@media ( max-width:1024px){
.YwNav{ padding:15px 0; font-size:14px;}
.YwNav li img{ width:50px; height:29px;}
.YwNav li a{ font-size:14px; padding-top:12px; height:95px;}
.CompanyInfo .info{ width:auto; float:none;}
.CompanyInfo .img{ width:auto; float:none; text-align:center; margin-top:20px;}
.CompanyInfo .img img{ width:auto; height:auto; max-width:100%; margin:0;}
.CompanyInfo .txt{ max-height:200px; width:auto; line-height:24px; font-size:14px;}

.CompanyCulture{ padding-bottom:20px; background-size:cover;}
.CompanyCulture .Nav{ margin-bottom:20px;}
.CompanyCulture .Nav li{ line-height:40px; font-size:16px; padding:0 20px;}
.CompanyCulture .Cultures .imgbox{ width:auto; float:none; padding-top:50%;}
.CompanyCulture .Cultures .info{ width:auto; float:none; height:auto; padding:4%; font-size:16px; line-height:26px;}
.CompanyCulture .slick-arrow{ width:32px; height:32px;}
.CompanyCulture .History .year{ line-height:40px; font-size:20px; margin-bottom:20px;}
.CompanyCulture .History .p{ font-size:14px;}
.CompanyCulture .Hornors .imgbox{ margin-bottom:7px;}
.CompanyCulture .Hornors .ti{ font-size:14px;}

.Corebox{ padding-bottom:0; font-size:14px; line-height:24px;}
.Corebox .Nav li a{ font-size:15px; padding-top:10px; height:80px;}
.Corebox .ico{ width:30px; height:27px; margin-bottom:4px;}
.Corebox .ico .i1,.Corebox .ico .i2{width: 30px; height:27px;}
.Corebox .detail .info{ font-size:14px; line-height:24px;}
.Corebox .detail .info .ti i{ height:10px;}

.Marketpro .slick-arrow{ width:30px; height:30px;}
.Marketpro .ti{ height:48px; line-height:20px; font-size:14px;}
.Marketpro .item{ padding-bottom:45px;}
}
@media ( max-width:640px){
.YwNav li { width:33.333%;}
.YwNav li:nth-child(10) { display:none;}

.CompanyCulture .Cultures .info{font-size:14px;}
.CompanyCulture .slick-arrow{ width:26px; height:26px;}
.CompanyCulture .History .slick-arrow.slick-prev,.CompanyCulture .slick-arrow.slick-prev{ left:-10px;}
.CompanyCulture .History .slick-arrow.slick-next,.CompanyCulture .slick-arrow.slick-next{ right:-10px;}
.CompanyCulture .History{ padding:15px 0; height:auto;}
.CompanyCulture .History .slider { background:none; padding:0 4%;}
.CompanyCulture .History .item{ width:49%; float:left; margin-bottom:8px; position:static !important;}
.CompanyCulture .History .box:after,.CompanyCulture .History .box:before{ display:none !important;}
.CompanyCulture .History .item.d2,.CompanyCulture .History .item.d4{ float:right;}
.CompanyCulture .History .item.d5{ width:100%; clear:both;}
.CompanyCulture .History .item{ width:49%; float:left; position:static !important;}
.CompanyCulture .History .box{ padding:10px; height:140px;}
.CompanyCulture .History .year{ font-size:16px; line-height:25px;}
.CompanyCulture .History .p { line-height:18px; font-size:12px;}
.CompanyCulture .History .slick-slide{ height:auto;}

.CompanyCulture .Hornors{ padding:15px 0; height:auto;}
.CompanyCulture .Hornors .item{ width:50%;}
.CompanyCulture .Hornors .ti{ font-size:12px; line-height:18px; height:36px;}

.Corebox .Nav li{ width:33.333%; margin-bottom:1px;}
.Corebox .Nav li a{ font-size:14px; line-height:20px; height:70px;}
.Corebox .detail .imgleft{ width:auto; float:none;}
.Corebox .detail .info{ width:auto; float:none;}
.Corebox .detail .info .ti{ font-size:16px; line-height:40px;}
.Corebox .khlist li{ width:33.333%;}

.Marketpro .imgbox{ padding-top:50%;}
.Marketpro .item{ padding-bottom:30px;}
.Marketpro .slick-dots li{ margin:0 5px;}
.Marketpro .slick-dots li button{ width:5px; height:5px;}
.Marketpro .slick-dots li.slick-active button{ width:10px; height:10px;}
}