@charset "utf-8";



html,body{height:100%;}

body{padding:100px 0 0 0; margin:0px auto; font-size:16px; line-height:28px; color:#333333; width:100%; min-width:300px; zoom:1;font-family:pingfang,"Microsoft YaHei",Arial,Helvetica,sans-serif,Arial,"宋体";}
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:pingfang,"Microsoft YaHei",Arial,Helvetica,sans-serif,Arial,"宋体";}
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:#c5271e;}
/**: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(/cn/images/ico/selectarr.png) no-repeat scroll 95% center transparent;
	/*为下拉小箭头留出一点位置，避免被文字覆盖*/
	padding-right: 14px;
}

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

/*网页滚动条*/
::-webkit-scrollbar{
            width: 3px;-webkit-overflow-scrolling : touch;
            background-color: #999999;}
::-webkit-scrollbar-track{
            background-color: #999999;}
::-webkit-scrollbar-thumb{
            border-radius: 10px;
            background-color: #143a83;}
::-webkit-scrollbar-button{
            height: 0px;
            background-color: #999999;}

/*公用样式*/
.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;}
.w1200{ z-index:1; position:relative; clear:both; max-width:1200px; margin:0px auto;}
.w1300{ z-index:1; position:relative; clear:both; max-width:1300px; margin:0px auto;}
.w1400{ z-index:1; position:relative; clear:both; max-width:1400px; margin:0px auto;}
.w1500{ z-index:1; position:relative; clear:both; max-width:1500px; margin:0px auto;}

/*font*/
.f_black{ color:#000000;}
.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:1500px){
.w1500{max-width:90%;}
}
@media ( max-width:1440px){
.w1400{max-width:90%;}
}
@media ( max-width:1300px){
.w1300{max-width:90%;}
}
@media ( max-width:1200px){
.w1200{max-width:90%;}
}
@media ( max-width:1024px){
body{ padding-top:45px; font-size:15px;}	
.w1400,.w1200{max-width:none; margin:0 15px;}
}

/*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.1,1.1,1);transform: scale3d(1.1,1.1,1); top:0px; left:0px;}
.effict{transition: all ease 0.3s;}
.imgbox{ overflow:hidden; position:relative;}
.imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;}


/*pages*/
.Pages{ zoom:1; overflow:hidden;text-align:center; color:#818181; clear:both; line-height:43px;}
.Pages span{ padding:0px 0px; display:inline-block; vertical-align:middle;}
.Pages a{ display:inline-block; margin:0px 3px;text-align:center; color:#143a83; background:#fff; border:1px solid #ebebeb;}
.Pages .p_page a{ display:inline-block; vertical-align:middle;}
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{ display:inline-block; color:#b0b0b0; vertical-align:middle; padding:0 35px; font-family:"宋体";}
.Pages .p_page .a_prev:hover,.Pages .p_page .a_next:hover,.Pages .p_page .a_first:hover,.Pages .p_page .a_end:hover{ color:#fff; background:#143a83; border:1px solid #143a83;}
.Pages .p_page .num a{ width:43px;}
.Pages .p_page .num a:hover,.Pages .p_page .num a.a_cur{color:#fff; background:#143a83; border:1px solid #143a83;}


@media ( max-width:1024px){
.Pages{line-height:25px !important;}
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{padding:0 10px !important;}
.Pages .p_page .num a{ width:25px !important;}
}
/*pages end*/


/*Top*/
.Header{ z-index:99999; position:fixed; left:0; top:0; background:rgba(255,255,255,0.9); width:100%; height:100px;transition: all ease 0.3s;}
.Header .Contain{ max-width:90%; margin:0px auto;}
.Header .Logo{ width:22%; float:left; height:100px;display: flex; align-items: center;transition: all ease 0.3s;}
.Header .Logo .ewm{color:#143a83; margin-left:25px; position: relative; display: block; display: inline-block;}
.Header .Logo .ewm .iconfont{ font-size:32px; font-weight:normal;}
.Header .Logo .ewm .img{ font-size:14px; text-align:center; position:absolute; z-index: 9; border:1px solid #d2d2d2; border-radius:5px; background:#fff; width:110px; padding:6px 6px 3px; left:-46px; top:40px; display:none;}
.Header .Logo .ewm .img i{ position:absolute; background:url(/cn/images/arr.png); width:20px; height:10px; left:50%; top:-10px; margin-left:-10px;}
.Header .Logo .ewm .img img{ max-width:none; width:110px; height:110px; display:block; margin-bottom:5px;}


.Toper{ z-index:10; float:right;transition: all ease 0.3s;display: flex; align-items: center;justify-content: center; height:100px;}
.Toper .Oa{display:inline-block; width:27px; height:27px; line-height:27px; text-align:center; vertical-align:top; margin:0 30px;}
.Toper .Oa a{ font-size:14px; display:block; color:#fff; background:#143a83; border-radius:50%;}
.Toper .Oa a:hover{ background:#c5271e;}
.Toper .Ver{font-family: 'DINMedium'; position:relative; z-index:100;display:inline-block; vertical-align:middle; font-size:16px;}
.Toper .Ver dt{ cursor:pointer; color:#c5271e; font-weight:bold;}
.Toper .Ver dt .iconfont{ color:#585858; font-weight:normal; font-size:18px; margin-left:5px;}
.Toper .Ver dd{ display:none; position:absolute; background:#fff; box-shadow:0 0 10px #ddd; top:25px; left:0; line-height:35px; width:120%; left:-10%; text-align:center;}
.Toper .Ver dd a{ display:block;}

.Toper .Search{float:right; width:180px; border-bottom:1px solid #d9d9d9;}
.Toper .Searchico{ cursor:pointer; text-align:center; color:#143a83; display:inline-block; vertical-align:top;}
.Toper .Searchico .iconfont{ vertical-align:top;}
.Toper .Searchico .icongb{ display:none;}
.Toper .Searchico.on .icongb{ display:block;}
.Toper .Searchico.on .iconso{ display:none;}
.Toper .searchbox{width:260px; background:#fff; right:15px; box-shadow:0 0 10px #999; display:none; position:absolute; top:102px;}
.Toper .searchbox .input{width:100%; height:38px; line-height:38px; text-indent:1em;}
.Toper .searchbox .input::-webkit-input-placeholder {color: #959595;}
.Toper .searchbox .btn { position:absolute; right:5px; top:6px; width:29px; background:none;}

.MainNav{ float:right;transition: all ease 0.3s; width:57%; padding-right:2%;}
.MainNav li{ float:left; width:12.5%;}
.MainNav li span{display: block; position:relative; z-index: 999;}
.MainNav li span a{ z-index:1; position:relative;display:block; text-align:center; color:#262626; font-size:16px; height:100px; line-height:100px; transition: all ease 0.3s;}
.MainNav .bg{ position:absolute; left:50%; top:0px; height:100%; background:#143a83;width:0%; z-index:0;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.MainNav .arr{ display:none;}
.MainNav li:hover span a,.MainNav li.onnav span a,.MainNav li span a.sele{ color:#fff;}
.MainNav li:hover span .bg,.MainNav li.onnav span .bg,.MainNav li span a.sele .bg{ width:100%; left:0;}

.NavPull{position:absolute; display: none; overflow: hidden; height: 510px; z-index: 5; left:0;width:100%; padding-top:1px; background: #f2f0f0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); transition: all 0.5s;}
.MainNav li.on .NavPull{top: 100px; display: block; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100);}
.NavPull.null{background:none; padding:0;}
.NavPull .img{width: 62.5%; float: left; position: relative;}
.NavPull .img img{display: block; width: 100%;}
.NavPull .img .name{position: absolute; left: 40px; top: 30px; width: 100%; color: #fff; z-index: 2; padding: 20px 0px; font-size: 45px;}
.NavPull dl{width: 37.5%; float: right;}
.NavPull dl dt{color: #5f636a; font-size: 24px; padding:20px 0 20px 50px;}
.NavPull dd{line-height: 50px; padding-left: 50px;}
.NavPull dd i{display: inline-block; width: 2px; background: #143a83; height: 12px; vertical-align: middle; margin-right: 10px;}
.NavPull a{ display:block; color:#333; font-size:16px;}
.NavPull dd:hover{ background:#fff;}

.openbtn{ cursor:pointer; display:none;width:32px; height:25px; padding-top:1px; background:#fff; position:absolute; right:12px; top:9px; z-index:999;}
.closebtn{ position:fixed; left:0px; top:46px; width:100%; height:100%; z-index:0; display:none; background:rgba(255,255,255,0.9);}
.openbtn span{ display:block; height:3px; background:#c5271e; 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;}

.Header.Fixedtop{ height:70px; box-shadow:0 0 10px #ddd;}
.Header.Fixedtop .Logo,.Header.Fixedtop .Toper{ height:70px;}
.Header.Fixedtop .MainNav li span a{height:70px; line-height:70px;}
.Header.Fixedtop .MainNav li.on .NavPull,.Header.Fixedtop .searchbox{ top:70px;}

.Header2{ display:none; z-index:999; background:#fff; box-shadow:0 5px 15px #0e285b; position:absolute; right:0; top:10%; width:120px;}
.Header2 .logo{ height:120px;display: flex;align-items: center;justify-content: center;}
.Header2 .openbtn2{ cursor:pointer; height:120px;display:flex;justify-content:center;align-items:center;flex-direction: column; background:#143a83;}
.Header2 .openbtn2 span{ display:block; height:3px; width:34px; background:#fff; margin:4px;transition: all ease 0.3s;}
.Header2 .openbtn2 span.sp2{ margin-left:11px; width:23px;}
.Header2 .openbtn2.on .sp1 {
	-webkit-transform: translate(0, 10px) rotate(45deg) !important;
	-moz-transform: translate(0, 10px) rotate(45deg) !important;
	-ms-transform: translate(0, 10px) rotate(45deg) !important;
	-o-transform: translate(0, 10px) rotate(45deg) !important;
	transform: translate(0, 10px) rotate(45deg) !important;}
.Header2 .openbtn2.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; margin-left:0; width:34px;}	
.Header2 .openbtn2.on .sp3 { display:none;}
.HomeMainNav { display:none; position:absolute; left:0; top:0; width:100%; height:100%; z-index:888; background:rgba(20,58,131,0.9);}
.HomeMainNav .nav{ height:100%; position:relative;}
.HomeMainNav li{display:flex;justify-content:center;flex-direction: column; top:0; width:11.111%; height:100%; position:absolute; background:url(/cn/images/home/linebg2.png) 0px top repeat-y;}
.HomeMainNav li.li1{ left:11.111%;}
.HomeMainNav li.li2{ left:22.222%;}
.HomeMainNav li.li3{ left:33.333%;}
.HomeMainNav li.li4{ left:44.444%;}
.HomeMainNav li.li5{ left:55.555%;}
.HomeMainNav li.li6{ left:66.666%;}
.HomeMainNav li.li7{ left:77.777%;}
.HomeMainNav li.li8{ left:88.888%;}
.HomeMainNav li dl{ line-height:40px; margin-left:23px; height:375px;}
.HomeMainNav li dt{ line-height:21px; height:99px; font-size:26px; position:relative; color:#fff;display: flex;align-items: center;}
.HomeMainNav li dt.lx{ height:42px;}
.HomeMainNav li dt i{ background:url(/cn/images/home/dot3.gif); width:7px; height:7px; position:absolute; left:-26px;}
.HomeMainNav li a{ color:#fff;}.HomeMainNav li a:hover{ opacity:0.5;}
.HomeMainNav .Toper{ position:absolute; right:13%; top:20%;}
.HomeMainNav .Toper{ position:absolute; right:13%; top:20%;}
.HomeMainNav .Toper .Searchico .iconfont{ color:#fff;}
.HomeMainNav .Toper .Oa a{ color:#143a83; background:#fff;}
.HomeMainNav .Toper .Ver dt{ color:#fff;}
.HomeMainNav .Toper .Ver dt .iconfont{ color:#fff;}

@media ( max-width:1440px){
.Header2{width:80px;}
.Header2 .logo{ height:80px;}
.Header2 .logo img{ width:42px;}
.Header2 .openbtn2{ height:80px;}
.HomeMainNav li dl{margin-left:15px;}
.HomeMainNav .Toper{ top:17.5%; right:12%;}
.HomeMainNav .Toper .Oa{ margin:0 18px;}
.HomeMainNav li dt{ font-size:20px;}
.HomeMainNav li dt i{left:-19px;}
}
@media ( max-width:1366px){
.Header .Contain{ max-width:95%;}
.HomeMainNav .Toper{top:12%;}
}
@media ( max-width:1024px){
.Header{height:45px !important; top:0 !important;}
.Header .Contain{ max-width:none; margin:0 12px;}
.Header .Logo{ width:auto; height:45px !important;}
.Header .Logo img{ height:28px;}
.Header .Logo .ewm { margin-left:10px;}.Header .Logo .ewm .iconfont{ font-size:22px;}
.Header .openbtn{ display:block;}
.Toper{ padding-right:40px; height:45px;}
.Toper .Oa{ margin:0 12px;}
.Toper .Searchico{ line-height:24px;}
.Toper .searchbox{ width:94%; left:3%; top:47px !important;}

.MainNav{ position:fixed; height:auto; max-height:100%; overflow-y:auto; z-index:999; width:100%; padding:0; left:0;background: #999;top:46px; display:none;}
.MainNav ul{ margin-top:0px;}
.MainNav li{ display:block; position:relative; cursor:pointer; float:none; border-bottom:1px solid #908f8f;border-top:1px solid #9e9d9d; width:auto; margin:0 10px; background:none;}
.MainNav li span a{ font-size:16px; text-align:left; height:auto; display:block; line-height:40px !important; height:40px !important; padding-left:5px; color:#fff !important; border:0;}
.MainNav .bg{ display:none}
.MainNav li:hover span .line,.MainNav li.onnav span .line,.MainNav li span a.sele .line{ width:100%; margin:0; left:0px; bottom:-1px;}
.MainNav .arr{ display:inline-block; position:absolute; z-index:2; width:100%; height:46px; left:0px; top:0px;}
.MainNav .arr i{ position:absolute; height:auto; background:none; right:20px; top:5px;transition: all ease 0.3s; color:#fff;}
.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;}
.NavPull { position:static;text-align:left; width:100% !important; border-radius:0; height: auto; opacity: 1; transition: all 0s;}
.NavPull .img{display: none;}
.NavPull dl{ padding:0 !important; width: auto; float: none;}
.NavPull dl dt{display: none;}
.NavPull dd{padding-left: 0; line-height: 30px;}
.NavPull dd i{display: none;}
.NavPull dd a{ display:block;padding:5px 0px 5px 20px; color:#fff; background: #888;}
.NavPull dd a:hover{ color:#143a83; background:transparent;}

.Header.Fixedtop .Logo,.Header.Fixedtop .Toper{ height:45px;}
.Header2{ display:none !important;}
}
/*Top*/


/*Bottom*/
.Footer{ background:#fff; border-top:1px solid #143a83; padding-top:54px;}
.Footer .Logo{ padding-top:26px; width:22%; float:left;}
.Footer .Rcon{ width:69%; float:right; padding-bottom:40px;}
.Footer .Rcon .contact{ margin-left:-3%;}
.Footer .Rcon .contact dl{ position:relative; font-size:18px; color:#000000; border-bottom:1px solid #e6e6e6; width:47%; height:70px; float:left; margin-left:3%;display: flex;align-items: center; text-transform:uppercase;}
.Footer .Rcon .contact dl dt{ color:#143a83; position:absolute; width:53px; top:22px; text-align:center;}
.Footer .Rcon .contact dl dd{ margin-left:61px;}
.Footer .Rcon .contact dl dd i{ margin-right:7px;font-family: 'DINMedium';}
.Footer .Rcon .share{ margin:4.1% 0;}
.Footer .Rcon .share a{ z-index:100; position:relative; display:inline-block; width:80px; line-height:80px; text-align:center; color:#143a83; border-radius:50%; margin-right:28px; background:#f5f5f5;}
.Footer .Rcon .share a .iconfont{ font-size:38px;}
.Footer .Rcon .share a:hover{ color:#fff; background:#143a83;}
.Footer .Rcon .ewm{ font-size:14px; text-align:center; position:absolute; border:1px solid #d2d2d2; border-radius:5px; background:#fff; width:110px; padding:6px 6px 3px; left:-22px; bottom:90px; display:none; line-height:22px; color:#666;}
.Footer .Rcon .ewm i{ position:absolute; background:url(/cn/images/arr2.png); width:20px; height:10px; left:50%; bottom:-10px; margin-left:-10px;}
.Footer .Rcon .ewm img{ max-width:none; width:110px; height:110px; display:block; margin-bottom:5px;}
.Footer .Rcon .share a:hover .ewm{ display:block;}
.Footer .Rcon .link select{ width:100%; border:1px solid #e6e6e6; height:59px; color:#000000; font-size:18px; text-indent:1.5em;}
.Copyright{ border-top:1px solid #e6e6e6; line-height:62px; text-transform:uppercase; color:#000000; font-size:14px;}

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

@media ( max-width:1024px){
.Footer{padding-top:18px;}
.Footer .Logo{ display:none;}
.Footer .Rcon{ width:auto; float:none; padding-bottom:20px;}
.Footer .Rcon .contact dl{ font-size:14px;}
.Footer .Rcon .share { text-align:center;}.Footer .Rcon .share a{width:40px; line-height:40px; margin:0 8px;}
.Footer .Rcon .share a .iconfont{ font-size:24px;}
.Footer .Rcon .ewm{ bottom:48px; left:-42px;}
.Footer .Rcon .link select{height:35px;font-size:15px; text-indent:1em;}
.Copyright{ line-height:22px; text-align:center; font-size:12px; padding:10px 0;}
.Copyright dd{ float:none !important;}
.totop{width:35px; height:35px; line-height:35px; background:#c5271e; color:#fff;}
}
@media ( max-width:768px){
.Footer .Rcon .contact dl{ width:auto; float:none; line-height:20px; height:50px;}
.Footer .Rcon .contact dl dt{ width:40px; top:12px;}
.Footer .Rcon .contact dl dd{ margin-left:42px;}
}
/*Bottom*/


/*首页 s*/
.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, -3px, 0);
	transform: translate3d(0, -3px, 0);}


/*第一屏 s*/
@-webkit-keyframes rightan
{
  from{bottom: 7%;opacity: 0;}
  to{bottom: 3%;opacity: 1;}
}
.downarr{ -webkit-animation: rightan 1s infinite;-webkit-animation-fill-mode: both;width:17px; height:133px; background:url(/cn/images/home/scroll.png); position:absolute; bottom:3%; right:10%; z-index:999;}
.HomeBan {overflow:hidden; clear:both; position:relative;background:url(/cn/images/loading.gif) center center no-repeat; margin-top:100px;}
.HomeBan .slides li{ position:relative;background-position:center center; background-repeat:no-repeat; background-size:cover;}
.HomeBan .slides li a{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; z-index:2;}
.HomeBan .slides li .txt{ position:absolute; width:84%; left:8%; top:30%;transform:translateY(-300px);-webkit-transform:translateY(-300px);opacity:0;transition:all 1s;}
.HomeBan .slides li .txt img{ width:auto;}
.HomeBan video{ width:100%;}
.HomeBan .slides li.flex-active-slide .txt{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.HomeBan .flex-control-nav{bottom:15%; z-index:20;}
.HomeBan .flex-control-nav li{ margin:0 7px 0 6px; vertical-align:middle;}
.HomeBan .flex-control-nav li a{ opacity:1; width:12px; height:12px; background:#fff; border-radius:50%;}
.HomeBan .flex-control-nav li a.flex-active{opacity:1; background:#c5271e; width:15px; height:15px;}
.HomeBan .flex-direction-nav a { opacity: 0; background:#143a83; color:#fff; width:60px; height:60px; line-height:60px; font-size:18px;}
.HomeBan .flex-direction-nav .flex-prev {left:-50px;}
.HomeBan .flex-direction-nav .flex-next {right:-50px;}
.HomeBan:hover .flex-direction-nav .flex-prev { opacity:1; left:5%;}
.HomeBan:hover .flex-direction-nav .flex-next { opacity:1; right:5%;}
.HomeBan .flex-direction-nav a:hover { background:#c5271e;}

.HomeNotice{ width:100%; background:rgba(0,0,0,0.2); color:#fff; height:60px; line-height:60px;overflow:hidden; left:0; top:0; z-index:10; position:absolute;}
.HomeNotice .content{ position:relative; padding-left:60px;}
.HomeNotice .content .iconfont{ position:absolute; left:0; top:0;}
.HomeNotice .content .date{ display:inline-block; margin-left:20px;font-family: 'DINMedium'; font-size:14px;}
.HomeNotice #scroll_div{white-space:nowrap; overflow:hidden;}
.HomeNotice #scroll_div a{ color:#fff;}.HomeNotice #scroll_div a:hover{ color:#c5271e;}


@media ( max-width:1024px){
.HomeNotice{ height:40px; line-height:40px;}
.HomeNotice .content{padding-left:40px;}
.HomeNotice .content li{ width:auto; float:none;}
.HomeNotice .content li span{ padding-right:0%;}
.HomeBan {margin-top:45px; height:300px !important;}
.HomeBan .slides li{ height:300px !important;}
.HomeBan .slides li .txt{width:60%;}
.HomeBan .flex-direction-nav { display:none;}
}
/*第一屏 end*/

.sec-2{ background:#f5f5f5;}
.sec-2 .Subtit{ text-align:left;}
.sec-2 .w1500{ padding-top:4%;}
.sec-2 .news { position:relative;}
.sec-2 .news ul{margin-left:-3%;}
.sec-2 .news li{transition: all ease 0.3s; width:26.33333%; margin-left:3%; float:left; background:#fff;transform:translateY(-150px);-webkit-transform:translateY(-150px);opacity:0;}
.sec-2 .news li.li1{transition:all 1s;}
.sec-2 .news li.li2{transition:all 1s 0.2s;}
.sec-2 .news li.li3{transition:all 1s 0.4s;}
.sec-2 .news .box{ padding:39px 40px 50px;}
.sec-2 .news .date{ color:#143a83; width:77px;font-family: 'DINMedium'; font-size:18px; line-height:35px; text-align:center; font-weight:bold;}
.sec-2 .news .date i{ display:block; line-height:50px; font-size:42px; border-bottom:2px solid #d9d9d9;}
.sec-2 .news .ti{ margin-top:20px; font-weight:bold; line-height:30px; color:#000000; font-size:18px; height:60px; overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.sec-2 .news .p{ padding-top:21px; border-top:2px solid #c5271e; margin:21px 0 60px 0; color:#666666; font-size:14px; line-height:30px; height:90px;-webkit-line-clamp: 3;}
.sec-2 .news .detail{ text-align:right; border-bottom:1px solid #143a83; font-size:14px; color:#000000;}
.sec-2 .news .detail i{ display:inline-block; vertical-align:middle; width:48px; height:48px; margin-left:20px; background: #143a83 url(/cn/images/more.png) center center no-repeat;}
.sec-2 .news li:hover .detail{ border-bottom:1px solid #c5271e;}
.sec-2 .news li:hover .detail i{ background-color:#c5271e;}
.sec-2 .news li:hover .ti{ color:#c5271e;}
.sec-2 .more{ position:absolute; right:0; width:12.33333%; margin-top:-12.33333%; top:0;transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);-webkit-transform:scale(0);transition:all 1s 0.6s;}
.sec-2 .more a{ display:block; padding-top:100%; background: #143a83 url(/cn/images/home/more.png) center center no-repeat;}
.sec-2 .more a:hover{ background-color:#c5271e;}
.sec-2 .img{ width:37%; text-align:right; position:absolute; right:0; top:0;}
.sec-2.active .news li{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.sec-2.active .more{transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);}
@media ( min-width:1600px) and ( max-width:1920px){
.sec-2 .news .date i{line-height:78px; font-size:72px;}
.sec-2 .news .ti{ margin-top:30px; line-height:38px; font-size:20px; height:76px;}
}
@media ( max-width:1366px){
.sec-2 .news .date i{line-height:45px; font-size:28px;}
.sec-2 .news .ti{ margin-top:20px; font-size:16px; line-height:25px; height:50px;}
.sec-2 .news .p{ padding-top:15px; line-height:24px; height:72px; margin-bottom:28px;}
.sec-2 .news .box{ padding:20px;}
}
@media ( max-width:1200px){
.sec-2 .w1500{ padding-bottom:4%;}
}
@media ( max-width:768px){
.sec-2 .news .box{ padding:5px 12px 12px;}
.sec-2 .news li{ width:auto; margin-bottom:10px;}
.sec-2 .news .ti{ height:auto; margin-top:10px; font-size:15px;}
.sec-2 .news .p{ padding-top:10px; margin-top:0; margin-bottom:10px; line-height:24px; height:auto;-webkit-line-clamp: 2;}
.sec-2 .news .detail i{ width:30px; height:30px;}
.sec-2 .news li{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.sec-2 .more{transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);}
.sec-2 .news .date{font-size: 14px; width: 90px;}
}
/*第二屏 end*/
.sec-3{ background:url(/cn/images/home/ywbg.jpg) center top no-repeat; background-size:cover;}
.sec-3 .Subtit{ padding-top:4%;}
.sec-3 .list {position: relative; background:url(/cn/images/home/linebg.gif) 0px top repeat-x; height:85px; margin-bottom:2%;}
.sec-3 .list .item {position: relative;}
.sec-3 .list li .atxt { display:block; text-align:center; padding-top:30px; color: #333333; background:url(/cn/images/home/dot1.gif) center 3px no-repeat;}
.sec-3 .list .liactive li .atxt { background:url(/cn/images/home/dot2.gif) center top no-repeat; line-height:55px;color: #000000; font-size:20px;}
.sec-3 .listPic .btns .btna { position:absolute; top:48%; z-index:999; display:block; background-color:#c5271e; border:1px solid rgba(255,255,255,0.2); width:56px; height:56px;}
.sec-3 .listPic .btns .btna:hover {background-color: #c5271e;}
.sec-3 .listPic .btns .btn-prev { left:15%; background:url(/cn/images/home/arr1.png) center center no-repeat;}
.sec-3 .listPic .btns .btn-next { right:15%; background:url(/cn/images/home/arr2.png) center center no-repeat;}
.sec-3 .listPic { position:relative;}
.sec-3 .listPic .imgbox{ padding-top:58%;}
.sec-3 .listPic .box{ position:relative; margin:0 4%;}
.sec-3 .listPic .info{ opacity:0; z-index:5; background:#fff; position:absolute; left:0; top:20%; padding:5% 5% 57px; width:33%; border-left:3px solid #143a83; margin-left:-3px;}
.sec-3 .listPic .info .ti{ line-height:38px; color:#000000; font-size:30px; font-weight:bold;}
.sec-3 .listPic .info .ti i{ display:inline-block; border-bottom:2px solid #143a83; padding-bottom:16px;}
.sec-3 .listPic .info .p{ line-height:30px; height:60px; margin:21px 0 0;-webkit-line-clamp: 2; color:#666666; font-size:14px;}
.sec-3 .listPic .info .more{ position:absolute; background: #c5271e url(/cn/images/more.png) center center no-repeat; width:48px; height:48px; bottom:-24px; left:13%;}
.sec-3 .listPic .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:4;}
.sec-3 .listPic .tis{ position:absolute; top:45%; z-index:10; color:#fff;}
.sec-3 .listPic .center .bg{ display:none;}
.sec-3 .listPic .center .info{ opacity:1;}

@media ( min-width:1600px) and ( max-width:1920px){
.sec-3 .listPic .imgbox{ padding-top:45%;}
}
@media ( max-width:1366px){
.sec-3 .list {height:57px;}
.sec-3 .list li .atxt {padding-top:12px;}
.sec-3 .list .liactive li .atxt {line-height:45px;font-size:18px;}
.sec-3 .listPic .info .ti{ line-height:28px;font-size:20px;}
.sec-3 .listPic .info .ti i{padding-bottom:8px;}
.sec-3 .listPic .info .p{ line-height:24px; height:48px; margin:12px 0 0;-webkit-line-clamp: 2;}
.sec-3 .listPic .imgbox{ padding-top:50%;}
}
@media ( max-width:1200px){
.sec-3{ padding-bottom:4%;}
}
@media ( max-width:768px){
.sec-3 .listPic .btns .btna {top:-32px;width:30px; height:30px;}
.sec-3 .listPic .btns .btn-prev { left:0;background-color: #c5271e;}
.sec-3 .listPic .btns .btn-next { right:0;background-color: #c5271e;}
.sec-3 .list .liactive li .atxt {font-size:16px;}
.sec-3 .listPic .imgbox{ padding-top:68%;}
.sec-3 .listPic .info{width:55%; padding-bottom:30px;}
.sec-3 .listPic .info .ti{ line-height:28px; font-size:16px;}
.sec-3 .listPic .info .ti i{ padding-bottom:5px;}
.sec-3 .listPic .info .more{ width:30px; height:30px; bottom:-15px; left:8%;}
}
/*第三屏 end*/

.sec-4{ background:url(/cn/images/home/workbg.jpg) center top no-repeat; background-size:cover;}
.sec-4 .Subtit{transform:translateY(150px);-webkit-transform:translateY(150px);opacity:0;transition:all 1s;}
.sec-4 .w1400{ padding-top:4%;}
.sec-4 .Col{ margin-bottom:19px; margin-top:-20px; position:relative;}
.sec-4 .Col .thead{ position:absolute; left:0; top:0; font-size:24px; padding:0 37px; line-height:54px; color:#fff; background:#143a83 url(/cn/images/home/ico1.png) center center no-repeat; z-index:3;}
.sec-4 .Col .imgbox{ position:absolute; left:0; top:20px; width:35.8%; padding-top:220px;}
.sec-4 .Col .list{ background:#fff;height:250px; margin-left:31%; padding:8px 6% 0 140px;}
.sec-4 .Col .list li{transition: all ease 0.3s; height:75px;display: flex;align-items: center; padding:0 100px 0 110px; border-bottom:1px solid #e6e6e6; position:relative; font-size:18px;}
.sec-4 .Col .list .date{ position:absolute; left:0; border-right:1px solid #e6e6e6; padding-right:31px; color:#143a83; width:52px;font-family: 'DINMedium'; font-size:14px; line-height:11px; text-align:center; font-weight:bold;}
.sec-4 .Col .list .date i{ display:block; line-height:24px; margin-bottom:9px; font-size:32px; padding-bottom:9px; border-bottom:2px solid #d9d9d9;}
.sec-4 .Col .list li .more{ top:40px; right:29px; background:url(/cn/images/home/more2.png) right center no-repeat; width:19px; height:19px; position:absolute;}
.sec-4 .Col .list li a{ display:block; font-weight:bold;}
.sec-4 .Col.next{ margin-top:0;}
.sec-4 .Col.next .list{ margin-left:0; margin-right:31%; padding:8px 140px 0 6%;}
.sec-4 .Col.next .imgbox{ left:auto; right:0;}
.sec-4 .Col.next .thead{ left:auto; rgiht:0; background:#143a83 url(/cn/images/home/ico2.png) center center no-repeat;}
.sec-4 .Col.c1{transform:translateY(150px);-webkit-transform:translateY(150px);opacity:0;transition:all 1s 0.2s;}
.sec-4 .Col.c2{transform:translateY(150px);-webkit-transform:translateY(150px);opacity:0;transition:all 1s 0.4s; margin-bottom:0;}
.sec-4.active .Subtit{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}
.sec-4.active .Col.c1{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}
.sec-4.active .Col.c2{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}

@media ( min-width:1600px) and ( max-width:1920px){
.sec-4 .Col .list li{height:84px;display:}
.sec-4 .Col .list{ height:276px;}
.sec-4 .Col .imgbox{padding-top:245px;}
.sec-4 .Col .thead{ font-size:30px;  line-height:64px;}
}
@media ( max-width:1366px){
.sec-4 .Col .list{height:190px;}
.sec-4 .Col .list li{height:58px; line-height:24px; font-size:16px;}
.sec-4 .Col .list .date i{ font-size:18px; margin-bottom:4px; padding-bottom:2px;}
.sec-4 .Col .list li .more{ top:20px;}
.sec-4 .Col .imgbox{ padding-top:158px;}
}
@media ( max-width:1200px){
.sec-4 .w1400{ padding-bottom:4%;}
.sec-4 .Col .list{padding-left:100px; padding-right:20px;}
.sec-4 .Col.next .list{ padding-right:100px; padding-left:20px;}
.sec-4 .Col .thead{ font-size:18px;}
.sec-4 .Col .list li { padding-right:50px; font-size:15px;}
.sec-4 .Col .list li .more { right:10px;}
}
@media ( max-width:768px){
.sec-4 .Col .imgbox{ position:relative; padding-top:50%; top:0; width:auto !important;}
.sec-4 .Col .list{ margin:0 !important; padding:12px;}
.sec-4 .Col.next .list{ padding-right:20px;}
.sec-4 .Col .list li { padding-right:0px; padding-left:70px;}
.sec-4 .Col .list li .more { display:none;}
.sec-4 .Col .list .date{ padding-right:8px; font-size: 12px;}
.sec-4 .Subtit{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}
.sec-4 .Col.c1{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}
.sec-4 .Col.c2{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}
}

/*第四屏 end*/

.sec-5{ background:url(/cn/images/home/fzbg.jpg) center center no-repeat; background-size:cover; background-size:cover;}
.sec-5 .w1500{ padding-top:4%;}
.sec-5 .Subtit{ text-align:left;}
.sec-5 .txt{ font-size:18px; color:#666666; margin:-5% 0 7%;}
.sec-5 .more{ background:url(/cn/images/home/more4.png); width:30px; height:30px;}

.sec-5 .Col1{ background:#fff; margin-bottom:3.5%;transform:translateY(150px);-webkit-transform:translateY(150px);opacity:0;transition:all 1s 0.1s;}
.sec-5 .Col1 .imgbox{ padding-top:25%; width:61%; float:left;}
.sec-5 .Col1 .info{ width:29%; padding:4% 0 0 4%; float:left;}

.sec-5 .Col2 { clear:both;transform:translateY(150px);-webkit-transform:translateY(150px);opacity:0;transition:all 1s 0.3s;}
.sec-5 .Col2 .tithead{ width:35%; float:left;}
.sec-5 .Col2 .Subtit .en{ color:#fff; border-bottom:2px solid #fff;}
.sec-5 .Col2 .Subtit .cn{ color:#fff;}
.sec-5 .Col2 .txt{color:#fff;}
.sec-5 .Col2 .more{ background:url(/cn/images/home/more04.png);}

.sec-5 .Col2 .list{ width:65%; float:left;}
.sec-5 .Col2 .list ul{ margin-left:-10px;}
.sec-5 .Col2 .list li{ width:33.333%; float:left;}
.sec-5 .Col2 .list .box{transition: all ease 0.3s; background:#fff; margin-left:10px; height:250px; padding:30px 10% 0;}
.sec-5 .Col2 .list .date{ color:#143a83; width:55px;font-family: 'DINMedium'; font-size:14px; line-height:28px; text-align:center; font-weight:bold;}
.sec-5 .Col2 .list .date i{ display:block; line-height:45px; font-size:32px; border-bottom:2px solid #d9d9d9;}
.sec-5 .Col2 .list .p{ height:52px;-webkit-line-clamp: 2; margin:29px 0 44px;}
.sec-5 .Col2 .list .more{ background:url(/cn/images/home/more3.png); width:15px; height:15px;}
.sec-5.active .Col1{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}
.sec-5.active .Col2{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}

@media ( min-width:1600px) and ( max-width:1920px){
.sec-5 .Col1{margin-bottom:5%;}
.sec-5 .Col1 .imgbox{ padding-top:28%;}
.sec-5 .Col2 .list .box{height:270px; padding-top:40px;}
.sec-5 .Col1 .info{ padding-top:2%;}
}
@media ( max-width:1366px){
.sec-5 .Col1{margin-bottom:2%;}
.sec-5 .Col2 .list .box{ height:180px; padding:20px 10% 0;}
.sec-5 .Col2 .list .date{line-height:24px;}
.sec-5 .Col2 .list .date i{ line-height:32px; font-size:24px;}
.sec-5 .Col2 .list .p{ height:48px; margin:20px 0 20px; font-size:14px;}
.sec-5 .txt{ font-size:16px;margin-bottom:5%;}
}
@media ( max-width:1200px){
.sec-5{ padding-bottom:4%;}
.sec-5 .Col1 .info { padding-top:2%;}
.sec-5 .txt { font-size:14px;}
}
@media ( max-width:768px){
.sec-5 .Col1 .imgbox{ padding-top:60%; width:auto; float:none;}
.sec-5 .Col1 .info{ width:auto; padding:12px; float:none;}
.sec-5 .Col2 .tithead{ width:auto; float:none;}
.sec-5 .Col2 .list{ width:auto; float:none;}
.sec-5 .txt{ margin-bottom:15px !important;}
.sec-5 .Col2 .more{ margin-bottom:10px;}
.sec-5 .Col2 .list .box{ padding-left:12px; padding-right:12px;}
.sec-5 .Col1{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}
.sec-5 .Col2{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}
.sec-5 .Col2 .list .date{width: 70px;}
}
@media ( max-width:640px){
.sec-5 .Col2 .list li{ width:auto; float:none; margin-bottom:10px;}
.sec-5 .Col2 .list .p{ height:auto; margin:5px 0;}
.sec-5 .Col2 .list .box{ height:auto; padding:12px;}
}
/*第五屏 end*/

.sec-6{ background:url(/cn/images/home/hbbg.gif) center top no-repeat; background-size:cover;}
.sec-6 .w1400{ padding-top:4%;}
.sec-6 .tithead{ width:343px; position:absolute; padding-top:24%; left:0; top:0;}
.sec-6 .more{ margin-top:16%; background:url(/cn/images/home/more4.png); width:30px; height:30px;}
.sec-6 .Subtit{ text-align:left;transform:translateX(-120px);-webkit-transform:translateX(-120px);opacity:0;transition:all 1s 0.1s; position: relative;}
.sec-6 .list{ padding:7% 0 0 380px;}
.sec-6 .list ul{ height:600px; position:relative;}
.sec-6 .list li{ position:absolute; width:34%; text-align:center;transform:translateY(-120px);-webkit-transform:translateY(-120px);opacity:0;}
.sec-6 .list li.li1{ left:0; top:32%;transition:all 1s 0.2s;}
.sec-6 .list li.li2{ left:5%; bottom:25%;transition:all 1s 0.3s;}
.sec-6 .list li.li3{ left:30%; top:18%;transition:all 1s 0.4s;}
.sec-6 .list li.li4{ left:30%; top:46%;transition:all 1s 0.5s;}
.sec-6 .list li.li5{ left:30%; bottom:3%;transition:all 1s 0.6s;}
.sec-6 .list li.li6{ right:0; top:0;transition:all 1s 0.7s;}
.sec-6 .list li.li7{ right:0; top:46%;transition:all 1s 0.8s;}
.sec-6 .list li.li8{ right:0; bottom:0;transition:all 1s 0.9s;}
.sec-6.active .Subtit{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}
.sec-6.active .list li{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}
@media ( max-width:1366px){
.sec-6 .tithead{padding-top:20%;}
.sec-6 .list{ padding-top:4%;}
.sec-6 .list ul{ height:420px;}
}
@media ( max-width:1200px){
.sec-6 .w1400{ padding-bottom:4%;}
.sec-6 .tithead{ padding-top:16%;}
.sec-6 .list{ padding-top:0%;}
}
@media ( max-width:768px){
.sec-6 .tithead{ width:auto; position:static; padding:0;}
.sec-6 .more{ margin-top:15px; position: absolute; right: 0; top: 0;}
.sec-6 .list{ padding:0;}
.sec-6 .list ul{ height:350px;}
.sec-6 .Subtit{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}
.sec-6 .list li{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}
}
@media ( max-width:640px){
.sec-6 .list ul{ height:160px;}
}
/*第六屏 end*/

.sec-7{ background:url(/cn/images/home/contactbg.jpg) center top no-repeat; background-size:cover;}
.sec-7 .w1200{ padding-top:4%;}
.sec-7 .Subtit{ text-align:left;transform:translateX(-120px);-webkit-transform:translateX(-120px);opacity:0;transition:all 1s 0.1s;}
.sec-7 .Subtit .en{ font-size:150px; opacity:0.2; display:block; border:0; line-height:111px; color:#fff;}
.sec-7 .Subtit .cn{ border-bottom:2px solid #fff; font-size:40px; line-height:95px; display:inline-block;*display:inline;zoom:1; color:#fff;}
.sec-7 .txt{ color:#fff; line-height:30px; font-size:14px; min-height:230px; margin-top:38px;transform:translateX(-120px);-webkit-transform:translateX(-120px);opacity:0;transition:all 1s 0.3s;}
.sec-7 .enter{ float:right; width:320px; line-height:100px; text-align:center; padding-right:29px; position:relative;transform:translateX(-120px);-webkit-transform:translateX(-120px);opacity:0;transition:all 1s 0.4s; font-size:24px; }
.sec-7 .enter a{ display:block; color:#fff;background:#c5271e;}
.sec-7 .enter i{transition: all ease 0.3s; top:40px; position:absolute; right:0; width:59px; height:21px; background:url(/cn/images/home/more5.png);}
.sec-7 .enter:hover a{ background:#e61509;}
.sec-7 .enter:hover i{ right:-15px;}

.sec-7.active .Subtit{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}
.sec-7.active .txt{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}
.sec-7.active .enter{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}
@media ( max-width:1440px){
.sec-7 .Subtit .en{ font-size:100px;line-height:80px;}
.sec-7 .Subtit .cn{font-size:30px; line-height:60px;}
.sec-7 .txt{line-height:24px; min-height:200px; margin-top:30px;}
.sec-7 .enter{width:250px; line-height:70px; font-size:22px;}
.sec-7 .enter i{top:30px;}
}
@media ( max-width:1200px){
.sec-7 .w1200{ padding-bottom:4%;}
}
@media ( max-width:768px){
.sec-7 .Subtit .en{ font-size:30px;line-height:40px;}
.sec-7 .Subtit .cn{font-size:20px; line-height:30px;}
.sec-7 .txt{min-height:100px; margin-top:1px;}
.sec-7 .enter{width:150px; line-height:45px; font-size:18px;}
.sec-7 .enter i{top:14px;}
}

/*第七屏 end*/

/*首页 end*/


/*栏目页公用样式 s*/
.SubPage{ height:auto !important;min-height:350px; height:350px;padding-top:6%;padding-bottom:6%;}
.SubBan{ overflow:hidden; position:relative;}
.SubBan .txt{ position:absolute; top:33%; left:0; text-align:center; width:100%; font-size:50px; color:#fff; line-height:126px;}
.SubBan .txt .en{ text-transform:uppercase; display:inline-block; letter-spacing:0.15em; font-weight:bold; font-size:70px;font-family: 'DINMedium'; border-bottom:1px solid #fff;}

.ColumnName{ text-align:center; font-size:16px; color:#fff; background:#143a83; display:none; line-height:40px; position:relative;}
.ColumnName span{ display:inline-block; border-bottom:1px solid #fff; padding-bottom:22px;}
.ColumnName .arr{ position:absolute; width:30px; right:10px; top:0;transition: all ease 0.3s;}
.ColumnName .iconfont{ font-size:20px;}
.ColumnName.on .arr{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;}

.SubMenu{clear:both; text-align:center; position:relative; z-index:5; background:#fff; box-shadow:0 4px 5px #e8ebf0;}
.SubMenu ul{ max-width:94%; margin:0px auto;display: flex;display: -webkit-flex;flex-flow:row;justify-content: center;}
.SubMenu li{width:16.6666%; position:relative;}
.SubMenu li a{ z-index:1; position:relative; display:block; font-size:18px; padding:29px 0 0 0; height:101px; border-right:1px solid #e6e6e6; border-left:1px solid #e6e6e6; margin-left:-1px;color:#666666;}
.SubMenu li .arr{ background:url(/cn/images/menuarr.png); width:21px; height:10px; left:50%; margin-left:-10px; bottom:-9px; z-index:2; position:absolute; display:none;}
.SubMenu li em{ position:relative; z-index:1;}
.SubMenu li .bg{ position:absolute; z-index:0; width:100%; bottom:0px; height:0; left:0; background:#143a83;transition: all ease 0.3s; font-size:0;}
.SubMenu li:hover .bg,.SubMenu li.onli .bg{ height:100%;}
.SubMenu li a:hover,.SubMenu li.onli a{ color:#fff;}
.SubMenu .ico{ display:block; position:relative;width:45px; height:40px; margin:0px auto 9px;transition: all ease 0.3s;}
.SubMenu li .i1,.SubMenu li .i2{position: absolute; left:0px;top: 0px;width:45px; height:40px;}
.SubMenu li .i1{ transition: 400ms;}
.SubMenu li .i2{ -webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha(opacity=0); transition:500ms;}
.SubMenu li:hover .i2,.SubMenu li.onli .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1; filter:alpha(opacity=100);}
.SubMenu li:hover .i1,.SubMenu li.onli .i1 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(1.2); transform: scale(1.2);}
.SubMenu li:hover .arr,.SubMenu li.onli .arr{ display:block;}

.SubMenu.ywfw{box-shadow:0 0 0 #fff;}
.SubMenu.ywfw li a{border:1px solid #e6e6e6;}

.Subtit{ text-align:center; padding-bottom:35px;}
.Subtit .en{font-family: 'DINMedium'; line-height:40px; text-transform:uppercase; display:inline-block; *display:inline;zoom:1; color:#143a83; font-size:34px; border-bottom:2px solid #143a83;}
.Subtit .cn{ font-weight:bold; margin-top:-10px; color:#000000; font-size:24px; line-height:55px;}
.Subtit.bai .en{ border-bottom:1px solid #fff;}
.Subtit.bai .en,.Subtit.bai .cn{ color:#fff;}

.SinglePage{word-wrap:break-word;word-break:normal;text-align:justify; line-height:28px;}
.SinglePage video{ width:65% !important; margin:0px auto; display:block; background:#000; height:auto !important;}

@media ( min-width:1600px) and ( max-width:1920px){
.Subtit{ padding-bottom:56px;}
.Subtit .en{font-size:50px; line-height:60px; padding:15px 0;}
.Subtit .cn{ font-size:40px;line-height:85px;}
}

@media ( max-width:1024px){
.SubPage{padding-bottom:22px;padding-bottom:28px;}
.SubBan .txt{font-size:17px;line-height:38px;}
.SubBan .txt .en{font-size:22px;}

.ColumnName{ display:block;}
.SubMenu{ border-bottom:0; margin-top:-20px; background:none; line-height:35px;}
.SubMenu .place{ float:none; text-align:right; background:rgba(38,160,65,0.2); border-radius:20px 0 20px 0; padding-right:10px; color:#666;}
.SubMenu .place a{color:#666;}

.SubMenu ul{ display:none; float:none;}
.SubMenu li{text-align:left; width:auto; float:none; border-bottom:1px solid #ddd;}
.SubMenu .ico{ display:inline-block; vertical-align:middle; margin:2px 6px 0 0; width:25px; height:22px;}
.SubMenu li .i1,.SubMenu li .i2{width:25px; height:22px;}
.SubMenu li a{font-size:16px; padding:0 0 0 12px; border-left:0; border-right:0; line-height:35px; height:auto;}
.SubMenu li .bg{ display:none;}
.SubMenu li:last-child{ border-bottom:0;}
.SubMenu li a:hover,.SubMenu li.onli a{ color:#143a83;}

.Subtit{ padding-bottom:20px;}
.Subtit .en{font-size:24px;line-height:35px;}
.Subtit .cn{font-size:16px;line-height:48px;}

.SinglePage{line-height:24px;}
.SinglePage video{ width:100% !important;}
.SinglePage img{width:auto !important;height:auto !important;}
}
/*栏目页公用样式 end*/


/*关于我们 s*/
.Aboutinfo{margin-top:3.2%; padding-top:20px; margin-bottom:5%; position:relative;}
.Aboutinfo .w1200{ background:#fff;}
.Aboutinfo .tithead{ text-align:right;}
.Aboutinfo .imgbox{ width:45.5%; float:left;}
.Aboutinfo .info{ width:49%; float:right; line-height:38px; padding-top:34px;}
.Aboutinfo .bg1{ position:absolute; left:0; bottom:0; height:60%; width:25%; background:url(/cn/images/aboutbg1.jpg) center bottom no-repeat; background-size:cover;}
.Aboutinfo .bg2{ position:absolute; right:0; bottom:0; height:60%; width:14%; background:url(/cn/images/aboutbg2.jpg) center bottom no-repeat; background-size:cover;}

.Videobox{ position:relative; margin-bottom:8%;display: none;}
.Videobox .play{display: flex;align-items: center;justify-content: center; background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; width:100%; left:0; bottom:0; height:100%; z-index:8; cursor:pointer;}
.Videobox .play i{ background:url(/cn/images/ico/play.png) center center no-repeat; background-size:contain; width:110px; height:110px; display:block;border-radius:50%;z-index:3;transition: all ease 0.3s;}
.Videobox .play span{ position:absolute;width:100%; left:0; top:0; height:100%; z-index:1; background:rgba(0,0,0,0.1);}
.Videobox video{ position:relative; z-index:2; width:100%; height:560px;object-fit: fill; background:#000;}
.Videobox:hover .play i{ width:80px; height:80px;}

.Subtit.jg{ background:url(/cn/images/culturebg.jpg) center top no-repeat; background-size:cover; text-align:center; color:#fff; line-height:80px; padding:40px 0; margin-bottom:5%;}
.Subtit.jg .en{ color:#fff; border-bottom:2px solid #fff; line-height:none;}
.Subtit.jg .cn{ color:#fff; line-height:none;}

.HornorBox{position: relative; overflow:hidden;}
.HornorBox .swiper-slide {width: 480px; text-align:center; padding:0 0 25px;}
.HornorBox .swiper-slide a{ font-size:22px; display:block;}
.HornorBox .swiper-slide .imgbox{ height:330px;margin:0px auto 30px; border:1px solid #e6e6e6;}
.HornorBox .swiper-slide .imgbox span{ background-size:contain;}
.HornorBox .swiper-slide.swiper-slide-active a{ color:#143a83;}
.HornorBox .swiper-pagination {width: 100%;bottom: 20px; display:none;}
.HornorBox .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;background-color: #cccccc;width: 10px;height: 10px;opacity: 1;}
.HornorBox .swiper-pagination-bullets .swiper-pagination-bullet-active {background-color: #eb5f1a;}
.HornorBox .swiper-button-prev { cursor:pointer;left: 0px;width: 70px;height: 70px; background: #e6e6e6 url(/cn/images/ico/rtarr1.png) center center no-repeat; margin-top:-35px;}
.HornorBox .swiper-button-next { cursor:pointer;right: 0px;width: 70px;height: 70px;background: #e6e6e6 url(/cn/images/ico/rtarr2.png) center center no-repeat; margin-top:-35px;}
.HornorBox .swiper-button-prev:hover {background: #143a83 url(/cn/images/ico/rtarr01.png) center center no-repeat;}
.HornorBox .swiper-button-next:hover {background: #143a83 url(/cn/images/ico/rtarr02.png) center center no-repeat;}

.Culturebox{ background:url(/cn/images/culturebg2.jpg) center top no-repeat; background-size:cover; padding:5.2% 0; margin-bottom:6%;}
.Culturebox .Subtit{ padding-bottom:15px;}
.Culturebox .txt{ color:#fff; line-height:38px; text-align:center; padding-bottom:6%;}
.Culturebox .list{ margin:0 0 0 -3%;}
.Culturebox .list li{transition: all ease 0.3s; position:relative; width:22%; float:left; text-align:center; height:350px; margin:35px 0 0 3%; background:#fff;}
.Culturebox .list .ti{ font-weight:bold; padding:107px 31px 0; color:#000000; font-size:22px;}
.Culturebox .list .ti i{ display:block; margin:0px auto 13px; width:24px; height:15px; border-bottom:1px solid #c5271e;}
.Culturebox .list .info{ height:140px; padding:0 30px; overflow-y:auto; font-size:14px; color:#4c4c4c;}
.Culturebox .list .ico{ position:absolute; width:130px; height:130px; text-align:center;display: flex;align-items: center;justify-content: center; background:#fff; box-shadow:0 5px 15px #d8dde7; left:50%; top:-65px; margin-left:-65px; border-radius:50%;}
.Culturebox .list .ico img{ width:54px; height:54px;}

.Leaderbox{ background:#ededed; padding-top:7%;}
.Leaderbox .content{ width:46%; float:right; padding-bottom:50px; border-bottom:1px solid #d9d9d9;}
.Leaderbox .content .Subtit{ text-align:left; border-bottom:1px solid #d9d9d9; margin-bottom:43px;}
.Leaderbox .content .info{ color:#4c4c4c; font-size:14px; line-height:29px; padding-right:20px; height:435px; overflow-y:auto;}
.Leaderbox .imgbox{ width:52%; float:left;}
.Leaderbox .imgbox img{ margin:-25px 0 0 -30px;}

.sec-3box{ padding:6% 0 7%; background:url(/cn/images/lsbg.jpg) center bottom no-repeat; background-size:cover;}
#historydate{ height:74px; background:url(/cn/images/line.gif) 0px bottom repeat-x; margin-bottom:5%;}
#historydate .slides li{ text-align:center;height:74px; position:relative;}
#historydate .slides li span{ left:0; position:absolute; bottom:2px; width:100%; height:46px; line-height:26px; cursor:pointer; color:#999999; font-size:18px;font-family: 'DINMedium'; background:url(/cn/images/lsdot.png) center bottom no-repeat;}
#historydate .slides li.flex-active-slide span{ font-size:36px; bottom:0; height:74px; color:#c5271e;background:url(/cn/images/lsdot2.png) center bottom no-repeat;}
#historycon .flexslider{ box-shadow:0 8px 15px #ddd;}
#historycon .box{ background:#fff url(/cn/images/imgbg.gif) 32% top repeat-y; padding:50px;}
#historycon .info{ width:58%; float:right; padding-right:1%;}
#historycon .imgbox{ width:32%; padding-top:320px; float:left;}
#historycon .year{ line-height:90px; color:#143a83; font-size:24px;}
#historycon .year b{font-family: 'DINMedium'; font-size:50px;}
#historycon .txt{ line-height:36px; color:#4c4c4c;border-bottom:1px solid #e6e6e6; padding-bottom:32px; margin-bottom:80px;}
#historycon .flex-direction-nav a { border-radius:0;opacity: 1; margin:0; top:auto; bottom:50px; width: 50px; height: 50px; line-height:50px;background-color: #cccccc; color:#fff; font-size:20px; font-family:"宋体";}
#historycon .flex-direction-nav .flex-prev { left:auto; right:128px;}
#historycon .flex-direction-nav .flex-next { right: 65px;}
#historycon .flex-direction-nav a:hover { background-color:#143a83;color:#fff}
#historycon .flex-direction-nav .flex-disabled { display:none;}

@media ( max-width:1200px){
.Aboutinfo .info{line-height:28px; padding-top:15px;}
}
@media ( max-width:1024px){
.Videobox video{height:400px;}
.Videobox .play i{width:60px !important; height:60px !important;}

.Subtit.jg{line-height:40px; padding:10px 0;}
.HornorBox .swiper-button-prev {width: 36px;height: 36px; margin-top:-32px;}
.HornorBox .swiper-button-next {width: 36px;height: 36px; margin-top:-32px;}
.Culturebox .txt{line-height:24px;}
.Culturebox .list li{ height:280px;}
.Culturebox .list .ti{padding:60px 10px 0;font-size:16px; line-height:20px;}
.Culturebox .list .info{padding:0 10px;}
.Culturebox .list .ico{ width:100px; height:100px; top:-50px; margin-left:-50px;}

#historycon .box{padding:25px; background-position:28% top;}
#historycon .txt{ line-height:26px; padding-bottom:20px; margin-bottom:50px;}
#historycon .year{ line-height:50px; font-size:18px;}
#historycon .year b{font-size:28px;}
#historycon .flex-direction-nav a {bottom:20px; width: 30px; height: 30px; line-height:30px;}
}
@media ( max-width:768px){
.Aboutinfo .imgbox{ width:auto; float:none; width:60%; margin:0px auto 12px; text-align:center;}
.Aboutinfo .info{ width:auto; float:none; line-height:24px; padding:0 12px;}
.Videobox video{height:240px;}
.Videobox .play i{width:40px !important; height:40px !important;}

.HornorBox .swiper-slide {width: 200px;}
.HornorBox .swiper-slide .imgbox{ height:238px; margin:0px auto 10px;}
.HornorBox .swiper-slide a{ font-size:14px;}
.Culturebox .list li{width:47%;}
.Culturebox .list .ico{ width:70px; height:70px; top:-30px; margin-left:-35px;}
.Culturebox .list .ico img{ width:40px; height:40px;}

.Leaderbox .content .Subtit{ margin-bottom:18px;}
.Leaderbox .content{ width:auto; float:none; padding-bottom:20px; margin-bottom:20px;}
.Leaderbox .content .info{line-height:24px; padding-right:0px; height:auto;}
.Leaderbox .imgbox{ width:auto; float:none;}.Leaderbox .imgbox img{ margin:0;}
#historycon .box{padding:15px; background:#fff;}
#historycon .info{ width:auto; float:none; padding:0;}
#historycon .txt{ font-size:15px; margin-bottom:18px;}
#historycon .imgbox{ width:auto; padding-top:50%; float:none;}
#historydate{ height:50px;}
#historydate .slides li{height:50px;}
#historydate .slides li span{ font-size:16px;}
#historydate .slides li.flex-active-slide span{ font-size:22px; bottom:0; height:50px; color:#c5271e;background:url(/cn/images/lsdot2.png) center bottom no-repeat;}
#historycon .flex-direction-nav a { bottom:auto; top:20px;}
#historycon .flex-direction-nav .flex-prev { right:58px;}
#historycon .flex-direction-nav .flex-next { right: 20px;}
}
@media ( max-width:580px){
.Aboutinfo .imgbox{ width:auto; float:none; width:60%; margin:0px auto 12px; text-align:center;}
.Aboutinfo .info{ width:auto; float:none; line-height:24px; padding:0 12px;}
.Videobox video{height:240px;}
.Videobox .play i{width:40px !important; height:40px !important;}

.HornorBox .swiper-slide .imgbox{ height:200px;}
}


/*新闻资讯 s*/
.NewsList{ margin:0 0 10px -5%;}
.NewsList .top{ background:#fff; box-shadow:0 0 12px #e6e8ec; margin:0 0 6% 5%; position:relative;}
.NewsList .top .imgbox{ width:60%; float:left; padding-top:45%;}
.NewsList .top .info{ float:right; padding:8% 5% 0; width:30%; font-size:14px;}
.NewsList .top .info .ti{ font-weight:bold; line-height:35px; font-size:26px; color:#000000;}
.NewsList .top .info .ti span{ display:block;height:70px; overflow:hidden;}
.NewsList .top .info .ti i{ display:block; width:100%; height:25px; border-bottom:1px solid #c5271e; margin-bottom:26px;}
.NewsList .top .info .p{ text-indent:2em; line-height:24px; height:96px; margin-bottom:56px;-webkit-line-clamp: 4;}
.NewsList .top .info .date{ color:#143a83;font-family: 'DINMedium'; font-weight:bold;}
.NewsList .top .info .more{ position:absolute; bottom:0; right:0; color:#000000;}
.NewsList .top .info .more i{ display:inline-block; vertical-align:middle; margin-left:20px; background: #143a83 url(/cn/images/more.png) center center no-repeat; width:48px; height:48px;}

.NewsList .li{ width:45%; float:left; padding:0 0 5% 5%;}
.NewsList .li .imgbox{ padding-top:70%;}
.NewsList .li .info{ position:relative; z-index:2; border-bottom:1px solid #e6e6e6; background:#fff; padding:44px 0 38px; line-height:36px;transition: all ease 0.3s;}
.NewsList .li .ti{ font-weight:bold; height:72px; overflow:hidden; color:#333333; font-size:24px; margin-bottom:9px;}
.NewsList .li .p{-webkit-line-clamp: 2; height:0; line-height:28px; color:#999;transition: all ease 0.3s;}
.NewsList .li .date{ margin-top:9px; font-weight:bold; color:#b2b2b2; font-size:14px;font-family: 'DINMedium';}
.NewsList .li:hover .p{ height:58px;}
.NewsList .li:hover .info{margin-top:-58px;}

@media ( max-width:1024px){
.NewsList .top .info{ padding-top:4%;}
.NewsList .top .info .ti{ line-height:28px; font-size:18px;}
.NewsList .top .info .ti span{height:56px;}
.NewsList .top .info .ti i{height:12px; margin-bottom:12px;}
.NewsList .top .info .p{margin-bottom:20px;}
.NewsList .li .info{padding:20px 0 20px; line-height:28px;}
.NewsList .li .ti{height:56px; font-size:18px;}
}
@media ( max-width:768px){
.NewsList .top .imgbox{ width:auto; float:none; padding-top:60%;}
.NewsList .top .info{ float:none; width:auto; padding-bottom:12px;}
.NewsList .top .info .ti span{ height:auto; font-size:16px;}
.NewsList .top .info .p{height:48px;-webkit-line-clamp: 2; margin-bottom:12px;}
.NewsList .top .info .more i{width:32px; height:32px; margin-left:10px;}
.NewsList .li .info{line-height:24px; margin:0 !important;}
.NewsList .li .ti{height:48px; font-weight:normal; font-size:16px;}
.NewsList .li .p{ height:auto !important; line-height:22px;}
}

/*业务范围 s*/
.graybg{ background:#f5f5f5;}
.Businesstxt{position:relative; z-index:2; color:#666666; line-height:33px; background:#fff; max-width:94%; margin:-10.5% auto 6%;}
.Businesstxt .info{padding:3.5% 6.5% 2.2%;}
.BusinessList{}
.BusinessList .item{ position:relative; margin-bottom:5%;}
.BusinessList .item .imgbox{ padding-top:500px; width:64%;}
.BusinessList .item .imgbox em{ background:rgba(0,0,0,0.3); width:100%; left:0; top:0; height:100%; position:absolute; z-index:2;transition: all ease 0.3s;}
.BusinessList .item .info{ width:30%; position:absolute; right:0; background:#fff; z-index:10; border-right:4px solid #143a83; padding:5.5% 5%; top:15%;}
.BusinessList .item .info .ti{ line-height:68px; color:#000000; font-size:30px; display: inline-block;}
.BusinessList .item .info .ti i{ display:block; width:auto; height:22px; border-top:1px solid #143a83;}
.BusinessList .item .info .p{ font-size:14px; text-indent:2em; line-height:30px; height:90px;-webkit-line-clamp: 3; color:#666666;}
.BusinessList .item .info .more{ background: #c5271e url(/cn/images/more.png) center center no-repeat; width:48px; height:48px; left:-48px; top:50%; margin-top:-24px; position:absolute;}
.BusinessList .item:hover .imgbox em{ opacity:0;}
.BusinessList .item:hover .info{ background:#143a83;}
.BusinessList .item:hover .info .ti{ color:#fff;}
.BusinessList .item:hover .info .ti i{ border-top:1px solid #fff;}
.BusinessList .item:hover .info .p{ color:#fff;}
.BusinessList .item.next .imgbox{ float:right;}
.BusinessList .item.next .info{ right:auto; left:0;border-left:4px solid #143a83; border-right:0;}
.BusinessList .item.next .info .more{ left:auto; right:-48px;}
.BusinessList .item:last-child{ margin-bottom:0;}

.YwList{}
.YwList li{ background:#fff; margin-bottom:40px;transition: all ease 0.3s;}
.YwList .imgbox{ width:31%; padding-top:300px; float:left;}
.YwList .info{ width:61%; float:left; padding:2% 4% 0;}
.YwList .ti{ line-height:65px; color:#000000; font-size:26px; font-weight:bold; display: inline-block;}
.YwList .ti i{ display:block; width:auto; height:12px; border-top:1px solid #143a83;}
.YwList .p{ font-size:14px; text-indent:2em; line-height:30px; height:60px;-webkit-line-clamp: 2; color:#666666; margin-bottom:40px;}
.YwList .more{ background: #143a83 url(/cn/images/more.png) center center no-repeat; width:48px; height:48px;}
.YwList li:hover .ti{ color:#c5271e;}
.YwList li:hover .more{ background-color:#c5271e;}
.BusinessInfo{ padding-left:8%; padding-right:8%; background:#fff;}
.SubTit2{ padding-bottom:30px; line-height:51px; font-size:48px; color:#000000; text-align:center;}
.SubTit2 i{ display:none; margin:0px auto; width:30px; height:27px; border-bottom:1px solid #143a83;}
.Ywinfo{ color:#666666; padding-bottom:60px;}
.SubTit3{ padding:0px 0 27px; margin-bottom:45px; color:#143a83; font-size:24px; border-bottom:1px solid #e6e6e6;}
.Titleinfo{ margin-bottom:25px; padding-bottom:5px; text-align:center; color:#666; border-bottom:1px solid #eee;}

.CaseList{ margin:0 0 25px -20px;}
.CaseList li{ text-align:center; width:25%; float:left;}
.CaseList .box{ margin:0 0 35px 20px; color:#000000; font-size:18px;}
.CaseList .imgbox{ padding-top:70%; margin-bottom:14px;}

.PrevNextBox { clear:both;margin:15px 0 0 0; padding-bottom:6%;position:relative; padding-top:11px; color:#4c4c4c;}
.PrevNextBox dl{ width:50%; line-height:88px; height:88px;overflow:hidden; border-bottom:1px solid #e6e6e6; position:relative;}
.PrevNextBox dl span{ padding:0 75px 0 55px; position:relative; display:block;}
.PrevNextBox dl span em{ position:absolute; left:0px; top:0px; color:#333333;}
.PrevNextBox dl span .date{ position:absolute; right:0; top:0; color:#808080; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.PrevNextBox dl a{ margin:0px auto; display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:95%; color:#4c4c4c;}
.PrevNextBox dl a:hover{color:#c5271e;}
.PrevNextBox dl a.none{color:#999;}
.PrevNextBox .other{ position:absolute; right:0; top:85px;}
.PrevNextBox .bshare-custom{ display:inline-block; vertical-align:middle;}
.PrevNextBox .other a,.PrevNextBox .other a.more-style-addthis{ padding:0 !important; width:56px; height:56px; line-height:56px; text-align:center; margin-left:15px; display:inline-block !important; background:#143a83; color:#fff;}
.PrevNextBox .other a.more-style-addthis{ opacity:1; background-image:url(/cn/images/share.png); background-position:center center; background-repeat:no-repeat;}
.PrevNextBox .other .iconfont{ font-size:28px;}
.PrevNextBox .other a:hover{ background-color:#c5271e;}
.videoinfo{ width:80%; margin:0px auto 15px; text-align:center;}
.videoinfo video{ width:100%;}

@media ( max-width:1024px){
.Businesstxt{line-height:24px; margin-top:-7%;}
.BusinessList .item .info .ti{ line-height:30px;font-size:20px;}
.BusinessList .item .imgbox{ padding-top:40%;}
.YwList .ti{ line-height:35px;font-size:18px;}
.YwList .imgbox{padding-top:260px;}
.SubTit2{ padding-bottom:20px; line-height:30px; font-size:20px;}
.SubTit2 i{height:12px;}
.SubTit3{ padding:0px 0 15px; margin-bottom:20px; font-size:17px;}
.Ywinfo{padding-bottom:20px;}
.CaseList{ margin-left:-10px; margin-bottom:10px;}
.CaseList .box{ margin:0 0 20px 10px; font-size:15px;}
.PrevNextBox .bshare-custom{ display:none;}
.PrevNextBox dl{line-height:45px; height:45px;}
.PrevNextBox .other{ top:40px;}
.Titleinfo{ font-size:12px;}
.videoinfo{ width:auto;}
}
@media ( max-width:768px){
.BusinessList .item .imgbox{ width:auto; float:none !important; padding-top:60%;}
.BusinessList .item .info{ width:auto; position:relative !important; background:#fff !important; box-shadow:0 0 10px #ddd;}
.BusinessList .item .info .more{ right:0 !important; left:auto; width:30px; height:30px; top:-6px !important;}
.BusinessList .item .info .p{line-height:24px; height:auto;}
.BusinessList .item .info .ti{ font-size:18px;}
.BusinessList .item:hover .info .ti{ color:#000000;}
.BusinessList .item:hover .info .ti i{ border-top:1px solid #143a83;}
.BusinessList .item:hover .info .p{ color:#666666;}
.YwList li{ margin-bottom:20px;}
.YwList .imgbox{ width:auto; float:none; padding-top:60%;}
.YwList .info{ width:auto; float:none; padding:12px;}
.YwList .p{margin-bottom:20px;}
.YwList .ti{ line-height:24px; font-weight:normal;font-size:16px;}
.YwList .ti i{ margin-top:8px;}
.YwList .more{width:30px; height:30px;}
.CaseList li{ width:50%;}
.Ywinfo{ line-height:24px;}
.BusinessInfo{ padding-left:12px; padding-right:12px;}
.PrevNextBox { padding-right:48px;}
.PrevNextBox dl{ width:auto;}
.PrevNextBox .other a{ width:35px; height:35px; line-height:35px;}
}


/*党建工作 s*/
.SubNav{ line-height:31px; text-align:center; padding-bottom:5%;}
.SubNav li{ font-size:24px; display:inline-block;*display:inline;zoom:1;}
.SubNav li i{ display:inline-block; width:51px; margin-top:-2px; line-height:25px; vertical-align:middle; color:#d9d9d9;}
.SubNav li:last-child i{ display:none;}
.SubNav li a{ font-weight:bold;}
.SubNav li a:hover,.SubNav li.on a{ color:#143a83;}

.WorkList{ margin:0 0 18px 0; padding-bottom:3%;}
.WorkList .top{ background:#fff; margin-bottom:6%; position:relative;transition: all ease 0.3s;}
.WorkList .top .imgbox{ width:45%; float:left; padding-top:470px;}
.WorkList .top .info{ float:right; padding:6% 5% 0; width:45%;}
.WorkList .top .info .ti{ font-weight:bold;line-height:35px; font-size:26px; color:#000000; display: inline-block;}
.WorkList .top .info .ti i{ display:block; width:auto; height:18px; border-bottom:1px solid #143a83; margin-bottom:26px;}
.WorkList .top .info .p{ text-indent:2em; line-height:30px;font-size:14px; color:#666666; height:90px; margin:41px 0 47px;-webkit-line-clamp: 3;}
.WorkList .top .info .date{ color:#999999; line-height:48px;}
.WorkList .top .info .more{ background: #143a83 url(/cn/images/more.png) center center no-repeat; width:48px; height:48px; float:right;}
.WorkList .top:hover.info .ti{ color:#c5271e;}
.WorkList .top:hover.info .more{ background-color:#c5271e;}

.WorkList .li{ position:relative; margin-bottom:2px; height:auto !important; height:100px; min-height:100px; background:#fff; padding:39px 19% 39px 220px;transition: all ease 0.3s;}
.WorkList .li .date{ line-height:30px; font-size:14px; color:#143a83; position:absolute; left:80px; top:39px; width:90px; height:100px; text-align:center;font-family: 'DINMedium'; font-weight:bold; background:#f5f5f5;}
.WorkList .li .date i{ display:block; margin:0px auto; line-height:46px; font-size:36px; border-bottom:1px solid #d9d9d9; width:50px; padding-top:11px;}
.WorkList .li .tit{ font-weight:bold;line-height:42px; font-size:18px; color:#333333;}
.WorkList .li .p{ line-height:26px; height:52px; text-indent:2em;-webkit-line-clamp: 2; font-size:14px; color:#666;}
.WorkList .li .more{ background:url(/cn/images/more2.png); width:21px; height:21px; position:absolute; right:5%; top:80px;}
.WorkList .li:hover .date{ color:#fff; background:#143a83;}
.WorkList .li:hover .tit{ color:#143a83;}
.WorkList .bg{ background:#fff;}

.VideoList{ margin:0 0 18px -3%; padding-bottom:1%;}
.VideoList li{ width:30.333%; float:left; text-align:center; margin:0 0 2.5% 3%;transition: all ease 0.3s}
.VideoList .imgbox{ padding-top:65%;}
.VideoList .play{ position:absolute; left:0; top:0; z-index:2; width:100%; height:100%;display: flex;align-items: center;justify-content: center; background:rgba(0,0,0,0.4);}
.VideoList .play i{ border-radius:50%; width:63px; height:63px; background: rgba(20,58,131,0.5) url(/cn/images/play.png); background-size:contain;}
.VideoList .tit{ background:#fff; font-size:18px; line-height:64px;}
.VideoList li:hover .play{ background-color:transparent;}

@media ( max-width:1024px){
.SubNav li{ font-size:18px;}
.SubNav li i{width:30px;}
.WorkList .top .info .ti{line-height:28px; font-size:18px;}
.WorkList .top .imgbox{padding-top:300px;}
.WorkList .top .info .p{line-height:24px;height:48px; margin:20px 0 20px;-webkit-line-clamp: 2;}
.WorkList .li{height:auto !important; height:100px; min-height:100px; background:#fff; padding:20px 19% 20px 130px;}
.WorkList .li .date{left:20px; top:20px;}
.WorkList .li .tit{ font-size:16px;}
.WorkList .li .more{top:60px;}
.VideoList .tit{font-size:16px; line-height:50px;}
.WorkList .w1200{ margin:0px auto;}
}
@media ( max-width:768px){
.SubNav li{ width:31.333%; font-size:16px;}
.SubNav li i{ display:none;}
.WorkList .top .imgbox{ width:auto; float:none; padding-top:65%;}
.WorkList .top .info{ float:none; padding:12px; width:auto;}
.WorkList .top .info .ti{ font-size:16px;}.WorkList .top .info .ti i{height:10px; margin-bottom:15px;}
.WorkList .top .info .p{margin-top:10px;}
.WorkList .top .info .date{line-height:30px; font-size:14px;}
.WorkList .top .info .more{ width:30px; height:30px;}
.WorkList .li{ padding:12px 12px 12px 85px; height:80px; min-height:80px;}
.WorkList .li .tit{ line-height:30px;}
.WorkList .li .more{ display:none;}
.WorkList .li .date{ line-height:24px; left:12px; top:12px; width:60px; height:80px; font-size:12px;}
.WorkList .li .date i{font-size:22px; line-height:38px;}
.VideoList .tit{font-size:14px; line-height:40px;}
.VideoList .imgbox{ padding-top:78%;}
.VideoList .play i{width:40px; height:40px;}
}


/*职工之家 s*/
.ghbg{ background: #f5f5f5 url(/cn/images/ghbg.jpg) center bottom no-repeat;}
.GHbox{ position:relative; padding:80px 0 0 0; height:auto !important; height:300px; min-height:300px;}
.GHbox .imgbox{ position:absolute; width:50%; left:0; top:0;}
.GHbox .info{ float:right; background:#fff; padding:5% 3% 5% 10%; width:41.5%;}
.GHbox .tithead{ line-height:77px; font-size:40px; color:#000000; font-weight:bold; display: inline-block;}
.GHbox .tithead i{ display:block; width:auto; height:22px; border-top:2px solid #143a83;}
.GHbox .txt{ max-height:365px; overflow-y:auto; font-size:14px; color:#4c4c4c; padding-right:30px;}
@media ( max-width:1024px){
.GHbox .tithead{ line-height:45px; font-size:20px;}
}
@media ( max-width:768px){
.GHbox{padding:0;}
.GHbox .imgbox{ position:static; width:auto; text-align:center;}
.GHbox .info{ float:none;padding:12px; width:auto;}
.GHbox .txt{ padding:0;max-height:none;}
}

/*法治专栏 s*/
.FzFocus { overflow:hidden; width:44.5%; float:left; margin-bottom:5%;}
.FzFocus .slides li{ position:relative;}
.FzFocus .slides li .imgbox{ padding-top:470px;}
.FzFocus .slides li .info{ z-index:2; position:absolute; height:70px; color:#fff; line-height:70px; position:absolute; left:0; width:100%; bottom:0; background:rgba(0,0,0,0.8);}
.FzFocus .slides li .num{ width:25%; float:left; text-align:center; font-size:30px;}
.FzFocus .slides li .tit{ width:68%; float:left; font-size:20px;}
.FzFocus .slides li:hover .tit{ color:#c5271f;}
.FzFocus .flex-control-nav{ display:none;}
.FzFocus .flex-direction-nav a { opacity: 1;color:#fff; width:24px; height:24px; line-height:24px; font-size:20px; top:auto; bottom:20px;}
.FzFocus .flex-direction-nav .flex-prev {left:5px;}
.FzFocus .flex-direction-nav .flex-next {right:5px;}
.FzFocus .flex-direction-nav a:hover { color:#ec6d00;}

.FzRec {width:51%; float:right;}
.FzRec .li{ line-height:42px; height:42px; padding-left:137px; position:relative; background:url(/cn/images/dot.gif) 0px center no-repeat; font-size:14px;}
.FzRec .li .date{ position:absolute; left:26px; color:#143a83;}
.FzRec .top{ line-height:79px; font-size:26px;}
.FzRec .top a{ color:#000000;}.FzRec .top a:hover{ color:#c5271e;}

.FlList{ margin-bottom:3.5%; padding-bottom:15px;}
.FlList li{transition: all ease 0.3s; height:100px;display: flex;align-items: center; padding:0 120px 0 220px; border-bottom:1px solid #e6e6e6; position:relative; font-size:18px;}
.FlList li .date{ font-weight:bold; position:absolute; left:16px; top:34px; color:#143a83;font-family: 'DINMedium';}
.FlList li .date i{ display:inline-block; margin-right:25px; vertical-align:middle; width:71px; text-align:center; padding-right:9px; border-right:1px solid #d9d9d9; font-size:36px;}
.FlList li .more{ top:40px; right:50px; height:28px; background:url(/cn/images/more3.png) right center no-repeat; width:35px; height:13px; position:absolute;}
.FlList li a{ display:block;}

@media ( max-width:1024px){
.FzFocus .slides li .imgbox{ padding-top:350px;}
.FzRec .li{ line-height:30px; height:30px; padding-left:137px;}
.FzRec .top{ line-height:50px; font-size:20px;}
.FzFocus .slides li .num{ font-size:20px;}
.FzFocus .slides li .tit{ font-size:16px;}

.FlList.w1200 { margin-left:0; margin-right:0;}
.FlList li{height:60px;padding:0 20px 0 75px;font-size:15px; line-height:22px;}
.FlList li .more{ top:18px; right:10px; width:10px;}
.FlList li .date{ font-weight:normal; left:10px; top:7px; font-size:14px; text-align:center; line-height:20px;}
.FlList li .date i{font-size:20px; width:auto; margin:0 0 4px; display:block; border-right:0;}
}
@media ( max-width:768px){
.FzFocus .slides li .info{ height:45px; line-height:45px;}
.FzFocus .slides li .imgbox{ padding-top:60%;}
.FzFocus,.FzRec {width:auto; float:none; margin-bottom:20px;}
.FzRec li:nth-child(5){margin-top:10px; padding-top:10px;}
.FzRec .top{ font-size:18px;}
}


/*加入我们 s*/
.jobbg{ background:url(/cn/images/jobbg.jpg) 0px bottom repeat-x;}
.jobll{ margin-top:5%;}
.jobll .img{}
.jobll ul{ margin:-5.5% 3% 0 0; padding-left:0.5%; position:relative; z-index:2;}
.jobll li{ width:22.5%; margin:0 0 0 2.5%; float:left;}
.jobll .box{ background:#fff; padding:122px 40px 0; height:258px; position:relative;}
.jobll .ti{ text-align:center; position:absolute; color:#fff; background:#143a83; font-size:24px; line-height:28px; width:28px; padding:24px 16px; left:50%; margin-left:-25px; top:-80px; box-shadow:0 2px 7px #ddd;}
.jobll .txt{ line-height:30px; color:#666666; font-size:14px; height:220px; overflow-y:auto;}

.jobpy{ background:url(/cn/images/jobrc.jpg) center bottom no-repeat; background-size:cover; padding:5% 0 1.5%;}
.jobpy .content{ position:relative;}
.jobpy .content ul{ margin-left:-5%;}
.jobpy .item{transition: all ease 0.3s; height:240px; width:45%; background:#fff; box-shadow:0 0 8px #ddd; float:left; margin:0 0 6% 5%;}
.jobpy .ti{ margin-bottom:22px; font-weight:bold; padding:31px 0 0 50px; font-size:24px; height:62px; line-height:61px; float:left; border-bottom:1px solid #e6e6e6;}
.jobpy .ti span{ display:block; color:#143a83; border-bottom:2px solid #143a83;}
.jobpy .info{ clear:both; margin:0 75px 0 50px; line-height:30px; font-size:14px; color:#666666; height:90px; overflow-y:auto;}
.jobpy .img{ position:absolute; top:155px; z-index:10; left:50%; margin-left:-125px;}
.jobpy .img img{ border:10px solid #fff; border-radius:50%; width:240px; height:240px; display:block; margin:0px auto;}

.hrw1{ width:20%;}
.hrw2{ width:20%;}
.hrw3{ width:20%;}
.hrw4{ width:20%;}
.hrw5{ width:20%;}
.jobmail{ font-weight:bold; text-align:right; color:#c5271e; font-size:18px; margin:0 0 20px;}
.Hrhead{ font-weight:bold;height:68px; text-align:center; color:#143a83; background: #fafafa; font-size:18px; border-top:1px solid #d9d9d9;border-left:1px solid #d9d9d9;}
.Hrhead td{border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;}
.HrList{ margin-bottom:4%; padding-bottom:10px; border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;}
.HrList li{ border-bottom:1px solid #dfdfdf;}
.HrList li td{ height:68px; font-size:14px; text-align:center; color:#333333;}
.HrList li td a{color:#333333;}
.HrList .btn{ width:24px; height:24px; display:block; margin:0px auto; background: #143a83 url(/cn/images/jia.gif) center center no-repeat;}
.HrList li .txtCont{border-top:1px solid #dfdfdf; font-size:14px;position:relative; display:none; padding:25px 15% 25px 4%; color:#4c4c4c;}
.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{ margin-bottom:14px; font-weight:bold; font-size:18px; color:#143a83;}
.HrList li .txtCont .stxt{ margin-bottom:24px;}
.HrList li .txtCont .line{ border-bottom:1px solid #e6e6e6; height:20px; margin-bottom:32px;}
.HrList li.current a,.HrList li.current td{ color:#143a83;}
.HrList li.current .btn{ background: #143a83 url(/cn/images/jian.gif) center center no-repeat;}

@media ( max-width:1440px){
.jobpy .img{margin-left:-90px; top:175px;}
.jobpy .img img{width:180px; height:180px;}
}
@media ( max-width:1024px){
.jobll .box{ padding:90px 12px 0;}
.jobll .txt{ line-height:24px;}
.jobll .ti{ font-size:18px; line-height:24px; padding:12px 8px; margin-left:-20px; top:-50px;}
}
@media ( max-width:768px){
.jobll li{ width:47.5%; margin-bottom:2.5%;}
.jobpy .img{ position:static; margin:0px auto 12px;}
.jobpy .item{ float:none; width:auto; height:auto; padding-bottom:15px;}
.jobpy .ti{ margin-bottom:22px;padding:20px 0 0 20px; height:31px; line-height:30px; font-size:18px;}
.jobpy .info{margin:0 15px 0 20px; line-height:24px; height:auto;}
.hrw1{ width:50%;}
.hrw2,.hrw3{ display:none;}
.hrw4{ width:30%;}
.hrw5{ width:20%;}
.Hrhead{height:45px; font-size:14px; font-weight:normal;}
.HrList li td{ height:45px;}
.HrList li .txtCont{ padding-right:4%;}
.HrList li .txtCont .line{height:10px; margin-bottom:10px;}
.HrList li .txtCont .stxt{ margin-bottom:10px;}
}
@media ( max-width:580px){
.jobll ul{ margin:0;}
.jobll li{ width:auto; margin:0 0 12px;}
.jobll .ti{ position:static; width:auto; margin:0 0 12px; padding:8px;}
.jobll .box{ padding:12px; height:auto;}
.jobll .txt{ height:auto;}
}


/*通知公告 s*/
.noticetop{ padding:4% 0; margin-bottom:2px; background:#fff;}
.NoticeFocus { overflow:hidden;}
.NoticeFocus .auto{ max-width:1200px; margin:0px auto;}
.NoticeFocus .slides li{ position:relative;}
.NoticeFocus .slides li .imgbox{ padding-top:400px; width:53%; float:left;}
.NoticeFocus .slides li .info{ float:right; width:41%; padding-top:7%;}
.NoticeFocus .slides li .box{ position:relative; padding-left:111px;}
.NoticeFocus .slides li .date{ position:absolute; left:0; text-align:center; width:61px; color:#143a83; font-weight:bold; line-height:34px;font-family: 'DINMedium';}
.NoticeFocus .slides li .date i{ display:block; line-height:50px; padding-bottom:4px; border-bottom:2px solid #d9d9d9; font-size:52px;}
.NoticeFocus .slides li .ti{ font-weight:bold; line-height:32px; color:#000000; font-size:22px;}
.NoticeFocus .slides li .p{ line-height:27px; color:#4c4c4c;text-indent:2em;-webkit-line-clamp: 2; margin:18px 0 44px;}
.NoticeFocus .slides li .more{ width:48px; height:48px; background: #c5271e url(/cn/images/more.png) center center no-repeat;}
.NoticeFocus .slides li:hover .more{background-color: #143a83;}
.NoticeFocus .slides li:hover .ti{color: #c5271e;}
.NoticeFocus .flex-control-nav{ right:-10%; text-align:right; width:20px; top:40%;}
.NoticeFocus .flex-control-nav li a{ text-indent:999em; background:#143a83;}
.NoticeFocus .flex-control-nav li a.flex-active{ background:none; width:11px; height:11px; border:3px solid #c5271e; margin-left:-4px;}
.NoticeFocus .flex-direction-nav { display:none;}

@media ( max-width:1439px){
.NoticeFocus .flex-control-nav{ right:-4%;}
}
@media ( max-width:1300px){
.NoticeFocus .flex-control-nav{ right:0; width:35%; top:auto; bottom:6%;}
}
@media ( max-width:1200px){
.NoticeFocus .auto{ margin:0 15px;}
}
@media ( max-width:1024px){
.NoticeFocus .slides li .box{ padding-left:80px;}
.NoticeFocus .slides li .ti{font-size:18px;}
.NoticeFocus .slides li .date i{ font-size:28px; line-height:35px;}
.NoticeFocus .slides li .imgbox{ padding-top:300px;}
.NoticeFocus .slides li .p{ margin:10px 0 15px;}
}
@media ( max-width:768px){
.NoticeFocus .slides li .imgbox{ width:auto; float:none; padding-top:60%; margin-bottom:12px;}
.NoticeFocus .slides li .info{ float:none; width:auto; padding-top:0;}
.NoticeFocus .flex-control-nav{bottom:-8px;}
.NoticeFocus .slides li .ti{font-size:16px; line-height:24px;}
.NoticeFocus .slides li .more{ width:30px; height:30px;}
}

/*联系我们 s*/
.Contacts{border-left:1px solid #e6e6e6;}
.Contacts li{ width:25%; text-align:center; float:left;transition: all ease 0.3s;}
.Contacts .box{ border:1px solid #e6e6e6;border-left:0px; padding:50px 9% 0; height:248px; color:#666666;}
.Contacts .ico{ width:100px; height:100px; line-height:100px; background:#f5f5f5; color:#143a83; border-radius:50%; margin:0px auto;}
.Contacts .ico .iconfont{ font-size:35px;}
.Contacts .ti{ line-height:42px; color:#000000; font-size:20px;font-family: 'DINMedium'; margin-top:26px;}
.Contacts li:hover .ico{ background:#143a83; color:#fff;}
#dituContent{ height:498px; border:1px solid #e6e6e6;}

.Messagebox{ background:url(/cn/images/contactbg.jpg) center bottom no-repeat; background-size:cover; padding:6% 0;}
.Messagebox ul{ margin-left:-15px;}
.Messagebox li{}
.Messagebox li.w33{ width:33.3333%; float:left;}
.Messagebox li .box{ font-size:18px; margin:0 0 15px 15px; line-height:40px; position:relative; background:#fff; box-shadow:0 4px 10px #ddd; padding:20px 27px;}
.Messagebox li label{ position:absolute; color:#262626; left:27px; top:20px;}
.Messagebox li label i{ color:#c9403a;}
.Messagebox li .input{ width:100%; height:40px; line-height:40px;}
.Messagebox li textarea{ width:100%; height:200px;}
.Messagebox li .sendbtn{ width:33%; height:80px;font-size:24px; color:#fff; cursor:pointer; background:#143a83;}
.Messagebox li .sendbtn:hover{background:#2859b7;}
.Messagebox li.btn{ padding-top:3.8%;}
.Messagebox li .iconfont{ font-size:32px;}

@media ( max-width:1024px){
.Contacts .box{height:180px; padding-top:20px;}
.Contacts .ico{ width:60px; height:60px; line-height:60px;}
.Contacts .ti{ line-height:32px;font-size:18px; margin-top:12px;}
#dituContent{ height:350px;}
.Messagebox li .box{ font-size:16px; line-height:30px; padding:10px;}
.Messagebox li label{left:10px; top:15px;}
.Messagebox li .sendbtn{height:50px;font-size:18px;}
.Messagebox li .iconfont{ font-size:24px;}
}
@media ( max-width:768px){
.Contacts li{ width:50%; margin-top:-1px; line-height:20px;}
.Contacts .ico{ width:50px; height:50px; line-height:50px;}
#dituContent{ height:240px;}
.Messagebox li.w33{ width:auto; float:none;}
.Messagebox li .box{ line-height:30px; padding:0px 10px;}
.Messagebox li label{top:4px;}
}

/*资质证书*/
.HonnorList li{width:31.3333%; margin:0 3% 3% 0; float:left;}
.HonnorList li:nth-child(3n){margin-right:0;}
.HonnorList li a{display:block;}
.HonnorList li .effect-img{border:1px solid #e6e6e6;}
.HonnorList li .effect-img img{display:block; width:100%;}
.HonnorList li .name{display:block; height:58px; line-height:58px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;text-align:center; font-size:16px; color:#4c4c4c;}
.HonnorList li:hover a{box-shadow:0px 0px 20px #ccc;}
.HonnorList li:hover .name{color:#e60122;}

@media ( max-width:640px){
	.HonnorList li{width:48%; margin-right:0;}
	.HonnorList li:nth-child(2n){float:right;}
	.HonnorList li .name{font-size:14px; height:36px; line-height:36px;}
}

@media ( max-width:480px){
	.HonnorList ul{padding-bottom: 3%;}
	.HonnorList li,.HonnorList li:nth-child(2n){width: auto; float: none;}
	.HonnorList li .name{height: auto; text-overflow: inherit; white-space: normal; line-height: 24px; margin-top: 10px;}
}