@charset "utf-8";
html,body{height:100%;}
body{padding:0; margin:0px auto; font-size:16px; line-height:30px; color:#666666; width:100%; min-width:300px; zoom:1;font-family:"Microsoft YaHei","Arial","宋体",sans-serif;}
ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}
select,input,textarea,button{ font-size:14px; border-radius:0; -webkit-border-radius:0; color:#545454; font-family:"Microsoft YaHei";}
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:#666666; 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:#000;}
*:hover{transition: all ease 0.3s;}
.fl{ float:left;}.fr{ float:right;}.tr{ text-align:right;}.tc{ text-align:center;}
.hide{ display:none;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
.clearfix:after{ content: ''; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix{*zoom:1;}
:-moz-placeholder {color: #888888;}
::-moz-placeholder {color: #888888;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #888888;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #888888;}
.relative{ position:relative;}
.bodyon{ overflow:hidden;}
.Contain{ position:relative; clear:both; max-width:1300px; margin:0px auto;}
.block{ display:block;}
.tit{ display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%;}
.p{overflow: hidden;word-break:normal;text-align:justify;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;}
.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%;}
::-webkit-scrollbar{
            width: 3px;-webkit-overflow-scrolling : touch;
            background-color: #e6e6e6;}
::-webkit-scrollbar-track{
            background-color: #e6e6e6;}
::-webkit-scrollbar-thumb{
            border-radius: 10px;
            background-color: #4d4d4d;}
::-webkit-scrollbar-button{
            height: 0px;
            background-color: #B0AEDA;}


@media ( max-width:1300px){
.Contain{padding:0 12px;}
}
@media ( max-width:998px){
body{font-size:14px; line-height:24px;}
}

/*font*/
.f_red{ color:#912228;}

.Scale-img {overflow: hidden;cursor: pointer; zoom:1; overflow: hidden;}
.Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.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;}

/*pages*/
.Pages{ zoom:1; overflow:hidden;text-align:center; color:#555; clear:both; line-height:28px;}
.Pages span{ padding:0px 0px; display:inline-block; vertical-align:middle;}
.Pages a{ display:inline-block; margin:0px 2px; vertical-align:middle; border:1px solid #e5e5e5; color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:center; width:28px;}
.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{ font-family:"宋体"; font-size:12px;}
.Pages .p_page .a_prev:hover,.Pages .p_page .a_next:hover,.Pages .p_page .a_first:hover,.Pages .p_page .a_end:hover{ background:#2456b2; color:#fff; border:1px solid #2456b2;}
.Pages .p_page .num a{}
.Pages .p_page .num a:hover,.Pages .p_page .num a.a_cur{background:#2456b2; color:#fff; border:1px solid #2456b2;}

@media ( max-width:768px){
.Pages{ line-height:24px;}
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{padding:0 6px;}
.Pages .p_page .num a{width:24px;}
}
/*pages end*/

/*Top*/
.Header{ height:65px;position:fixed; left:0px; top:0px; width:100%; z-index:999; background:rgba(3,92,172,0.2); transition: all ease 0.3s;}
.Header .Logo{float:left; padding-top:12px;transition: all ease 0.3s;}
.Header .auto{ width:92%; margin:0px auto;}
.Header .Search{ position:relative; float:right; padding:15px 0px 0 37px; z-index:777;transition: all ease 0.3s;}
.Header .Search .icon{ cursor:pointer; display:block; text-align:center; height:35px; width:35px; border-radius:50%; background: #fff url(../images/searchico.png) center center no-repeat;}
.Header .searchbox{ display:none; position:absolute; height:33px; right:0px; top:71px; background:#fff; box-shadow:0 0 10px #ddd; border:1px solid #ddd; width:300px;}
.Header .searchbox .i2{ position:absolute; top:-57px; border-radius:50%; right:-1px; cursor:pointer; width:35px; height:35px; background: #fff url(../images/closenav.png) center center no-repeat;}
.Header .searchbox .input{ color:#666;width:90%; height:33px; line-height:33px; text-indent:1em;}
.Header .searchbox .btn button{ position:absolute; right:0px; top:0px; height:33px; width:33px; box-shadow:0 0 4px #ddd; background: #fff url(../images/searchico.png) center center no-repeat;}
.Header .version{transition: all ease 0.3s; margin:15px 0 0 15px; border-radius:18px; border:1px solid #fff; line-height:33px; position:relative;float:right;}
.Header .version a{ border-radius:18px 0 0 18px; display:inline-block; vertical-align:top; width:45px; text-align:center; font-size:13px; color:#fff;}
.Header .version a.on{ background:#fff;color:#035cac;}
.Header .version a.en{ border-radius:0px 18px 18px 0;}

.MainNav{ float:left; padding-left:6%; width:64%; transition: all ease 0.3s;}
.MainNav li{float:left; width:20%; position:relative; z-index:999;}
.MainNav li span a{ z-index:2;display:block; color:#fff; text-align:center; height:65px; line-height:65px; font-size:18px; font-weight:bold;}
.MainNav li em{ display:inline-block; position:relative;}
.MainNav li:hover span a,.MainNav li.onnav span a,.MainNav li span a.sele{ color:#fff;}
.MainNav i{ position:absolute; left:50%; bottom:0px; height:1px; font-size:0; background:#fff; width:0%; z-index:0;transition: all ease 0.3s;}
.MainNav li:hover span i,.MainNav li.onnav span i,.MainNav li span a.sele i{ width:100%; left:0px;}

.NavPull{ width:210px; line-height:36px; top:65px; left:0px; text-align:center; position:absolute; padding-top:2px; z-index:100; display:none;}
.NavPull a{ font-size:14px; background:rgba(255,255,255,0.9); box-shadow:0 0 5px #999; display:block; color:#444; margin-bottom:2px; border-radius:6px;}
.NavPull a:hover{ background:#035cac; color:#fff;}
.NavPull dd{opacity:0; position:relative;}
.NavPull dd.d1{transition:opacity 1s;}
.NavPull dd.d2{transition:opacity 1s 0.2s;}
.NavPull dd.d3{transition:opacity 1s 0.3s;}
.NavPull dd.d4{transition:opacity 1s 0.4s;}
.NavPull dd.d5{transition:opacity 1s 0.5s;}
.NavPull dd.d6{transition:opacity 1s 0.6s;}
.NavPull dd.d7{transition:opacity 1s 0.7s;}
.MainNav li.onnav .NavPull dd{opacity:1;}
.MainNav li:nth-child(2) .NavPull{ left:7%;width:170px;}

.mstbg{ position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:886; display:none;}
.openbtn,.closebtn{ cursor:pointer; display:none;width:26px; position:fixed; right:10px; z-index:999;}
.openbtn.on{ display:none !important;}
.openbtn{ position:absolute; right:12px; top:9px;}
.closebtn{ z-index:999; top:8px; right:202px;}
.closebtn.auto{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:887; display:none;}
.openbtn span,.closebtn span{ display:block; height:3px; background:#fff; margin:4px 0px;transition: all ease 0.3s;}
.closebtn .sp1 {
	-webkit-transform: translate(0, 3px) rotate(45deg) !important;
	-moz-transform: translate(0, 3px) rotate(45deg) !important;
	-ms-transform: translate(0, 3px) rotate(45deg) !important;
	-o-transform: translate(0, 3px) rotate(45deg) !important;
	transform: translate(0, 3px) rotate(45deg) !important;}
.closebtn .sp2 {
	-webkit-transform: translate(0, -3px) rotate(-45deg) !important;
	-moz-transform: translate(0, -3px) rotate(-45deg) !important;
	-ms-transform: translate(0, -3px) rotate(-45deg) !important;
	-o-transform: translate(0, -3px) rotate(-45deg) !important;
	transform: translate(0, -3px) rotate(-45deg) !important;}	
.mobilenav{ display:none;}

.Header.Fixedtop{ height:50px; background:rgba(3,92,172,0.8);}
.Header.Fixedtop .Logo{ padding-top:5px;}
.Header.Fixedtop .MainNav li span a{ height:50px; line-height:50px;}
.Header.Fixedtop .Search{ padding-top:8px;}
.Header.Fixedtop .version { margin-top:7px;}
.Header.Fixedtop .searchbox{ top:53px;}
.Header.Fixedtop .searchbox .i2{ top:-46px;}
.Header.Fixedtop .NavPull{ top:50px;}

@media ( max-width:1330px){
.MainNav{ width:61%;}
}
@media ( max-width:1179px){
.MainNav{ width:58%;}
}
@media ( max-width:1100px){
.MainNav{ width:54%;}
}

@media ( max-width:998px){
.Header .auto{ width:auto; padding:0 12px;}
.Header{height:46px; padding:0;}
.Header .Logo{ padding-top:5px; width:auto;}.Header .Logo img{ height:33px;}
.Header .version { margin:8px 40px 0 0; line-height:28px;}.Header .version a{ width:25px;}
.Header .openbtn{ display:block;}
.Header .Search{ position:static; padding:5px 12px 0 0;}
.Header .searchbox{ display:; position:absolute; height:33px; right:2%; top:49px; width:96%;}
.Header .searchbox .i2{top:-45px; right:107px;}
.Header.Fixedtop{ height:46px;}
.Header.Fixedtop .Logo{ padding-top:8px; width:auto;}
.Header.Fixedtop .MainNav{ padding-top:0px;}
.Header.Fixedtop .Search{ padding:5px 12px 0 0;}
.Header .version dd,.Header.Fixedtop .version dd{top:46px;}
.Header.Fixedtop .Logo{ padding-top:5px;}
.Header.Fixedtop .searchbox{top:49px;}
.Header.Fixedtop .searchbox .i2{ top:-42px;}
.Header.Fixedtop .MainNav li span a{ height:47px;}
.Header.Fixedtop .version { margin-top:8px;}

.MainNav{ position:fixed; z-index:999; width:200px; padding:0; height:100%; overflow-y:auto; background:#fff; right:-200px; top:0px;}
.MainNav ul{ margin-top:0px;}
.MainNav li{ position:relative; cursor:pointer; float:none; border-bottom:1px solid #ddd; width:auto; margin:0 10px;}
.MainNav li span a{ font-size:16px; text-align:left; height:auto; display:block; line-height:40px; height:40px; padding-left:5px; color:#333 !important;}
.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{ position:absolute; z-index:2; width:100%; height:46px; left:0px; top:0px;}
.MainNav .arr i{ position:absolute; width:17px !important; height:10px; background:url(../images/arr.png); left:auto !important; right:10px; top:18px;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;}

.pcnav{ display:none;}
.mobilenav{ display:block;}

.NavPull { position:static; background:#f2f2f2; text-align:left; width:100%; border-radius:0; padding-bottom:0; margin:0 !important;}
.NavPull a{ display:block;padding:5px 0px 5px 10px; color:#333; box-shadow:0; line-height:24px; font-size:14px; border-bottom:1px solid #ddd;}
.NavPull dd a:hover{ color:#fff;}
}
/*Top*/


/*Bottom*/
.Footer{background:#184e81 url(../images/bottombg.jpg) center top no-repeat; padding:37px 0px 0px; color:#fff; font-size:15px;}
.Footer .item{ width:24%; float:left; padding-bottom:34px;}
.Footer .item .ti{ background:url(../images/bline.png) 0px bottom no-repeat; line-height:59px; font-size:24px; margin-bottom:30px;}
.Footer .item a{ color:#fff;}.Footer .item a:hover{ margin-left:5px; color:#b83739;}
.Footer .item.a74,.Footer .item.a61 { width:21%;}
.Footer .item.contact{ width:28%;}
.Footer .item.contact li{ position:relative; padding-left:45px; height:auto !important; height:30px; min-height:30px;}
.Footer .item.contact li span{ position:absolute; left:0px; top:0px;}
.Footer .item.gz{ float:right;}
.Footer .item.gz .ewm{ display:inline-block; padding:8px 199px 0px 0; position:relative;}
.Footer .item.gz .ewm .img{ padding:8px; background:#fff;}
.Footer .item.gz .ewm p{ position:absolute; width:192px; right:0px; top:32px;}

.Copyright{ background:#0d3c67; text-align:center; color:#ccd2d9; padding:21px 12px;}
.Copyright a{color:#ccd2d9;}.Footer .Copyright a:hover{color:#fff;}

.totop{width: 40px;height: 40px;text-align: center; background: #555; position: fixed;bottom: 73px; right: 5px; cursor: pointer;border-radius: 5px;color:#fff;overflow: hidden;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.totop>span{display: block;line-height: 15px;font-size: 12px;color:#fff;}
.totop.cd-is-visible {visibility: visible;opacity: 1; height:40px; cursor:pointer;}

@media ( max-width:998px){
.Footer{ padding-top:18px; font-size:14px;}
.Footer .item .ti{ font-size:16px; margin-bottom:10px; line-height:30px;}
.Footer .item.a1,.Footer .item.a2,.Footer .item.a3{ display:none;}
.Footer .item.contact{ width:40%;}
.Footer .item.gz{ width:40%;}
.Copyright{ padding-top:5px; padding-bottom:5px; font-size:12px;}
.totop{width: 30px;height: 30px;bottom: 73px; font-size:12px;}
.totop.cd-is-visible { height:35px;}
.totop>span{ line-height:12px;}
}
@media ( max-width:640px){
.Footer .item{ width:auto !important; float:none !important;}
}

/*Bottom*/


/*首页 s*/
.homebody{ overflow:hidden;}
.Loding{ width:100%; height:100%; position:fixed;background:#fff;}
.Loding .line{ width:0%; left:0px; top:0px; height:3px; background:#00b1f6; position:fixed; z-index:3;}
.Loding h1{ position:fixed; left:50%; top:50%; margin:-18px 0 0 -74px;}

.homepage{ opacity:0; margin-top:100%;transition: all ease 0.3s 0.2s;}
.homepage.active{ opacity:1; margin-top:0;}

.HomeBan {overflow:hidden; clear:both; position:relative;}
.HomeBan .slides li{ position:relative; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.HomeBan .slides li img{ width:auto;}
.HomeBan .flex-control-nav{top:42%; z-index:10; text-align:right;}
.HomeBan .flex-control-nav li{ display:block; margin:0; line-height:15px;}
.HomeBan .flex-control-nav li a{ background:#fff;opacity:1; width:26px; display:inline-block; overflow:hidden; text-indent:99em; height:5px;}
.HomeBan .flex-control-nav li a.flex-active{opacity:1; background:#0073b9; width:36px;}
.HomeBan .flex-direction-nav  { display:none;}
.HomeBan .flex-direction-nav a {width: 55px; height: 55px; border:1px solid rgba(255,255,255,0.9);background-color: rgba(0,0,0,0.4); border-radius:50%;}
.HomeBan .flex-direction-nav .flex-prev { left:-60px; background-image:url(../images/arrleft.png); background-position:center center; background-repeat:no-repeat;}
.HomeBan .flex-direction-nav .flex-next { right:-60px; background-image:url(../images/arrright.png); background-position:center center; background-repeat:no-repeat;}
.HomeBan .flex-direction-nav .flex-prev:hover { background-image:url(../images/arrleft0.png);}
.HomeBan .flex-direction-nav .flex-next:hover {background-image:url(../images/arrright0.png);}
.HomeBan .flex-direction-nav a:hover { border:1px solid #00b4f6; background-color:#00b4f6;}
.HomeBan:hover .flex-direction-nav .flex-prev { left:4%;}
.HomeBan:hover .flex-direction-nav .flex-next { right:4%;}
.HomeBan .txt{ position:absolute; width:86%; left:7%;top:30%; text-align:center;transform:translateY(-200px);-webkit-transform:translateY(-200px);opacity:0;transition:all 2s 0.5s; text-align:center; font-size:60px; color:#fff; z-index:10; font-weight:bold;}
.HomeBan .slides li a{ position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:2;}
.HomeBan .slides li.flex-active-slide .txt{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}

.HomeBottome{ text-align:center; z-index:88; position:fixed; left:0px; bottom:-100px; width:100%; background:rgba(0,0,0,0.1); color:#fff;transition: all ease 2s; font-size:14px;}
.HomeBottome p{ padding:20px;}
.HomeBottome a{color:#fff;}.HomeBottome a:hover{color:#00bdf6;}
.homepage.active .HomeBottome{ bottom:0;}
@media ( max-width:1440px){
.HomeBan .txt{ top:30%;}
}

@media ( max-width:998px){
.HomeBottome p{font-size:12px; padding:5px 12px; line-height:20px;}
}

.activehover{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.5);
	box-shadow: 0 15px 30px rgba(0,0,0,0.2);
	-webkit-transform: translate3d(0, -3px, 0);
	transform: translate3d(0, -3px, 0);}

/*首页 end*/


/*栏目页公用样式 s*/
.SubBan{ position:relative;height:430px; margin:0px auto; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.SubBan .txt{ position:absolute; width:100%; left:0%; top:45%; letter-spacing:0.1em; text-align:center; color:#fff; font-size:32px;}
.SubBan .txt h2{ display:block; line-height:58px; font-size:38px;}
.SubBan .txt p{ display:none; line-height:28px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:18px;}

.SubPage{ height:auto !important; min-height:255px; height:255px; padding-top:4.5%; padding-bottom:4.5%;}
.MenuList{ overflow:hidden; background:#f5f5f5; line-height:60px; text-align:center;}
.MenuList li{ display:inline-block;*display:inline;zoom:1; margin:0 0.5%;}
.MenuList li a{ display:block; position:relative; color:#3d3d3d; padding:0 15px;}
.MenuList li a em{ position:relative; z-index:1;display:block;}
.MenuList li .bg{ position:absolute; z-index:0; width:0%; bottom:0%; height:100%; left:0; background:#035cac;transition: all ease 0.4s;}
.MenuList li a:hover,.MenuList li.onli a{ color:#fff;}
.MenuList li a:hover .bg,.MenuList li.onli .bg{ width:100%;}
.ColumnName{ display:none; text-align:right; font-size:14px; line-height:40px; border-bottom:1px solid #ddd;}
.ColumnName .arr{ display:inline-block; vertical-align:middle; margin-left:10px; width:25px;}
.ColumnName .arr i{ position:absolute; right:15px; top:11px; background:url(../images/arr.png) center center no-repeat; width:20px; height:20px;transition: all ease 0.3s;}
.ColumnName.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;}

.SinglePage{ word-wrap:break-word;word-break:normal;text-align:; line-height:32px; font-size:16px;}

@media ( max-width:998px){
.SubBan{height:150px;}
.SubBan .txt h2{ font-size:18px; line-height:28px;}
.SubBan .txt p{ font-size:13px;}
.MenuList{ background:none; overflow:auto; box-shadow:0 0 10px #ddd;}
.ColumnName{ display:block;}
.MenuList ul{ display:none;}
.MenuList li{ display:block; line-height:30px; border:1px solid #ddd; width:auto; border-top:0;}

.SubPage{ padding-top:25px;padding-bottom:30px;}
.SinglePage{line-height:24px; font-size:14px;}
}
/*栏目页公用样式 end*/


/*关于我们 s*/
.AboutImg{ width:32.5%; float:left; overflow:hidden; text-align:center;}
.AboutInfo{ color:#797a7b; line-height:23px; width:62%; float:right;}
.AboutInfo .img{ padding-top:7.5%;}
.AboutInfo .i1{ width:42%; float:left;}
.AboutInfo .i2{ width:49%; float:right; text-align:right;}
.Name{ padding:10px 0 16px;}
.Name h3{ font-size:28px; color:#222222;}
.Name p{ font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#999999; text-transform:uppercase;}

.SubCompany .item{ width:50%; float:left; position:relative; transition: all ease 0.3s;}
.SubCompany .item .box{ position:relative; z-index:2;padding:9% 6% 4%; border:1px solid #e0e0e0; margin-bottom:-1px; font-size:15px; transition: all ease 0.3s;}
.SubCompany .item .bg{background:url(../images/subgsbg.png) center bottom no-repeat; background-size:contain; width:100%; height:100%; position:absolute; left:0px; bottom:0px;transition: all ease 0.3s;}
.SubCompany .item .thead{ font-size:24px; color:#252525;}
.SubCompany .item .thead i{ display:block; width:50px; height:16px; border-bottom:2px solid #035cac; margin-bottom:26px;}
.SubCompany .item .txt{ height:185px; overflow-y:auto;}
.SubCompany .item:nth-child(even) .box{ border-left:0;}
.SubCompany .item:hover .box{ background-color:#035cac; color:#fff;}
.SubCompany .item:hover .thead{color:#fff;}
.SubCompany .item:hover .thead i{ border-bottom:2px solid #fff;}
.SubCompany .item:hover .bg{ opacity:0.25;}
.SubCompany .item .txt::-webkit-scrollbar{
            width: 0px;-webkit-overflow-scrolling : touch;
            background-color: rgba(255,255,255,0.1);}
.SubCompany .item .txt::-webkit-scrollbar-track{
            background-color: rgba(255,255,255,0.1);}
.SubCompany .item .txt::-webkit-scrollbar-thumb{
            border-radius: 10px;
            background-color: #b4b4b4;}
.SubCompany .item .txt::-webkit-scrollbar-button{
            height: 0px;
            background-color: #B0AEDA;}
.SubCompany .item .txt:hover::-webkit-scrollbar{width: 3px;}


.Subtit{ max-width:1065px; border-bottom:4px solid #e9e9e9; line-height:32px; margin:0px auto 43px;}
.Subtit h3{ font-size:30px; color:#035cac; display:inline-block;*display:inline;zoom:1; border-bottom:4px solid #2c70a5; padding-bottom:20px; margin-bottom:-4px;}

.History{ position:relative; max-width:1065px; margin:0px auto; background:url(../images/line.gif) 122px top repeat-y; }
.History .dot{ position:absolute; left:119px; top:0px; width:7px; height:7px; background:#005f9d; border-radius:50%;}
.History .item{ padding-top:77px;position:relative; margin-left:145px;}
.History .date{ border-radius:50%; position:absolute; top:39px; left:-145px; width:87px; line-height:87px; text-align:center; border:1px solid #e8e8e8; font-size:20px; color:#87px;transition: all ease 0.3s;}
.History .dots{ position:absolute; background:url(../images/dot2.png); width:15px; height:15px; left:-29px; top:70px;}
.History .con{ padding:25px 50px; color:#444444; background:#edf3f9; font-size:15px;}
.History .con .p{ padding-left:0px; position:relative; margin-bottom:20px;}
.History .con .p .dates{ position:; display:inline-block; margin-right:4px; color:#035cac; font-size:20px; left:0px; top:0px;}
.History .con .p:last-child{ margin-bottom:0;}
.History .item:hover .date{ color:#fff; background:#035cac; border:1px solid #035cac;}

.History.LS2 { padding-top:20px;}
.History.LS2 .item{ padding-top:40px;}
.History.LS2 .item .con p{ padding:0 0 0 13px; background:url(../images/dot3.gif) 0px 11px no-repeat; margin:0;}
.History.LS2 .item:hover .con{ background:#0d62af;}
.History.LS2 .item:hover .con p{ color:#fff; background:url(../images/dot03.gif) 0px 11px no-repeat;}


@media ( max-width:998px){
.AboutInfo{ line-height:24px;}
.Name h3{ font-size:18px;}
.Name p{font-size:14px;}
.SubCompany .item .thead{ font-size:16px;}
.SubCompany .item .box{ font-size:14px;}
.Subtit{margin:0px auto 15px;}
.Subtit h3{ font-size:20px; padding-bottom:10px;}
.History .item{ padding-top:20px;}
.History.LS2 .item{ padding-top:20px;}
}
@media ( max-width:640px){
.AboutImg{ width:auto; float:none; padding-top:15px;}
.AboutInfo{width:auto; float:none;}
.SubCompany .item{ width:auto; float:none;}
.SubCompany .item .txt{ height:auto;}
.SubCompany .item .box{ padding:15px;}
.SubCompany .item:nth-child(even) .box{ border-left:1px solid #e0e0e0;}
.SubCompany .item .thead i{ margin-bottom:10px;}
.History{ background-position:58px top;}
.History .dot{ left:55px;}
.History .item{margin-left:80px;}
.History .date{ left:-80px; width:40px; line-height:40px; font-size:15px;}
.History .dots{ top:50px;}
.History .con{ padding:20px; font-size:14px;}
.History .con .p{ padding-left:0px; margin-bottom:10px;text-align:left;}
.History .con .p .dates{font-size:15px; display:block;}
}


/*文明创建*/
.SubMenu{ margin-bottom:6%; text-align:center;}
.SubMenu li{ display:inline-block;*display:inline;zoom:1; padding:0 30px;}
.SubMenu li a{ display:block; font-size:24px; color:#3d3d3d; padding-bottom:15px;}
.SubMenu li a:hover,.SubMenu li.on a{ border-bottom:2px solid #035cac; color:#035cac;}

.NewsFocus { width:39%; float:left; margin-bottom:49px;}
.NewsFocus .slides li{ position:relative;}
.NewsFocus .imgbox{ height:330px;}
.NewsFocus .ti{ z-index:2; width:100%; line-height:43px; position:absolute; left:0px; bottom:0px; background:rgba(0,0,0,0.8); font-size:14px; color:#fff;}
.NewsFocus .ti .tit{ width:80%; text-indent:1.5em;}
.NewsFocus .slides li.flex-active-slide .txt{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.NewsFocus .slides li.flex-active-slide p{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}
.NewsFocus .flex-control-nav{bottom:7px; z-index:10; text-align:right;}
.NewsFocus .flex-control-nav li { margin:0 8px 0 0;}
.NewsFocus .flex-control-nav li a{ opacity:1; width:10px; overflow:hidden; height:10px; border-radius:50%; background:#747474; text-indent:999em;}
.NewsFocus .flex-control-nav li a.flex-active{opacity:1; background:#0f7fc1;}

.NewsTop{ width:57%; float:right; height:330px; overflow:hidden; margin-bottom:49px;}
.NewsTop li{ background:url(../images/linebg.gif) 0px bottom repeat-x; margin-bottom:27px; padding:0 162px 36px 0; position:relative;}
.NewsTop li .tit{ color:#272727; line-height:54px; padding-bottom:6px; font-size:18px;}
.NewsTop li .p{ color:#717171; font-size:14px; height:60px;-webkit-line-clamp: 2;}
.NewsTop li .date{ border-left:1px solid #d7d7d7; height:97px; position:absolute; right:0px; top:0px; width:125px; text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:28px; color:#a5a5a5;}
.NewsTop li .date b{ display:block; font-size:23px; color:#555555; font-size:30px;}
.NewsTop li:hover .tit{ color:#035cac;}

@media ( max-width:998px){
.SubMenu li{line-height:35px; padding:0 8px;}
.SubMenu li a{font-size:16px;}
.NewsFocus .imgbox{ height:280px;}
.NewsTop{ height:280px;}
.NewsTop li{ padding:0 90px 15px 0;}
.NewsTop li .p{ height:auto;}
.NewsTop li .date{ width:60px;}
.NewsTop li .date b{ font-size:20px;}
}
@media ( max-width:640px){
.NewsFocus { width:auto; float:none; margin-bottom:15px;}
.NewsFocus .imgbox{ height:auto; padding-top:55%;}
.NewsTop{ width:auto; float:none; height:auto; margin-bottom:15px;}
.NewsTop li { margin-bottom:10px;}
.NewsTop li .tit{ font-size:15px; line-height:30px;}
.NewsTop li .p{ line-height:20px;}
.NewsTop li .date{ height:65px; top:12px;}
}


/*公司视频*/
.VideoList{ margin:0 0 15px -5%;}
.VideoList li{ width:28.3333%; float:left; margin: 0 0 4% 5%;transition: all ease 0.3s;}
.VideoList li .imgbox{ padding-top:62%;}
.VideoList li .tit{ background:url(../images/play.gif) right center no-repeat; line-height:53px; font-size:16px; color:#035cac; border-bottom:1px solid #e3e3e3;}
.VideoList.pro li .tit{ background:none; text-align:center;line-height:53px; font-size:16px; color:#000; border-bottom:1px solid #e3e3e3;}
.VideoInfo { padding-bottom:0;width:80%; margin:25px auto;}
.VideoInfo .video{ width:auto; float:none; height:600px;}
.videotit{ text-align:center;width:80%; margin:0px auto; background:#fff; color:#333;}
.mfp-close{ border-radius:50%; background:#0080af; font-size:40px; color:#fff; font-weight:bold; opacity:1; width:39px; height:39px; position:absolute; right:0px; top:0px;}
.mfp-close-btn-in .mfp-close{ color:#fff !important;}
.VideoList.pro li:hover .tit{color: #035cac}
@media ( max-width:768px){
.VideoList li { width:45%;}
.VideoList li .tit{ font-size:14px; line-height:40px;}
}

/*新闻中心 s*/
.NewsList{ padding-bottom:18px;}
.NewsList ul{ margin-left:-20px;}
.NewsList li{ width:50%; float:left;}
.NewsList li .box{transition: all ease 0.3s; position:relative; margin:0 0 20px 20px; padding:24px 147px 24px 20px; background:#f2f2f2;}
.NewsList li .date{ position:absolute; right:17px; text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:28px; color:#a5a5a5;}
.NewsList li .date b{ display:block; color:#555555; font-size:30px;}
.NewsList li .tit{ color:#383838;}
.NewsList li .p{-webkit-line-clamp: 1; font-size:14px; height:30px;}
.NewsList li:hover .box{ background:#035cac;}
.NewsList li:hover .box .tit{ color:#fff;}
.NewsList li:hover .box .p{ color:#9bc5ea;}
.NewsList li:hover .box .date{ color:#9bc5ea;}
.NewsList li:hover .box .date b{ color:#9bc5ea;}

.NewsInfo {color:#333333; line-height:26px;}

.Titleinfo{ text-align:center; border-bottom:1px dashed #e5e5e5; margin-bottom:35px;}
.Titleinfo h2{-size:24px; color:#222222; line-height:26px;}
.Titleinfo .date{ padding:12px 0; font-size:14px;}
.Titleinfo .date i{ display:inline-block; margin:0 10px;}
.Titleinfo .share{ display:inline-block;*display:inline; zoom:1; vertical-align:middle;}

.PrevNextBox {margin:50px 0 0 0;position:relative; color:#888888; font-size:16px;}
.PrevNextBox dl{ width:49.5%; line-height:50px; height:50px;overflow:hidden; background:#f1f1f1; position:relative;}
.PrevNextBox dl span{ padding-left:97px; position:relative; display:block;}
.PrevNextBox dl span em{ position:absolute; left:33px; top:0px; color:#000000;}
.PrevNextBox dl a{ margin:0px auto; display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:95%; color:#666666;}
.PrevNextBox dl:hover{background:#666; color:#fff;}
.PrevNextBox dl:hover a{ color:#fff;}
.PrevNextBox dl:hover span em{color:#fff;}
.PrevNextBox dl a.none{color:#999;}
.newsclose{ text-align:center; width:35%; margin:25px auto 0;}

@media ( max-width:768px){
.NewsList li .box{padding:15px 70px 15px 15px; background:#f2f2f2;}
.NewsList li .date b{font-size:16px; color:#555555; line-height:20px;}
.NewsList li .p{ height:auto;}

.Titleinfo { line-height:20px; padding-bottom:10px; margin-bottom:20px;}
.Titleinfo h2{ font-size:18px;}

.PrevNextBox {margin:30px 0 0 0; font-size:14px;}
.PrevNextBox dl{ width:auto; float:none !important; line-height:30px; height:30px; margin-bottom:8px;}
.PrevNextBox dl span{ padding-left:65px;}
.PrevNextBox dl span em{left:10px;}
.PrevNextBox dl a{ display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%; color:#666666;}
.PrevNextBox dl:hover{background:#126db6; color:#fff;}
.PrevNextBox dl:hover a{ color:#fff;}
.PrevNextBox dl:hover span em{color:#fff;}
.PrevNextBox dl a.none{color:#999;}
}
@media ( max-width:640px){
.NewsList{ width:auto; float:none;}
.NewsList li{ width:auto; float:none;}
.NewsList li .box{ margin-bottom:10px;}
}


/*供应链服务体系*/
.servicebox{ background:#efefef; padding:8% 0 5%; position:relative; overflow:hidden;}
.servicebox .Contain{ max-width:92%; z-index:100;}
.servicebox canvas{ position:absolute; z-index:10; left:0px; bottom:0; width:100%; height:400px !important;}
.servicebox .lz{ position:absolute; right:0px; top:0px; text-align:right; z-index:2;}
.Cyleft{ position:relative; width:664px; float:left;}
.Cyleft ul{ position:relative; z-index:2;}
.Cyleft li{ font-weight:bold; position:absolute; font-size:18px;display: flex; align-items: center;justify-content: center; border-radius:50%; line-height:24px; text-align:center;}
.Cyleft li span{ padding-top:0px; display:block;}
.Cyleft .bg1{ color:#333333; background:#fff; width:150px; height:150px; box-shadow:0 0 12px #d1e4ed;}
.Cyleft .bg1 img{ display:block; margin:0px auto;}
.Cyleft .bg2{ color:#fff; width:96px; height:96px; background:#035cac;}
.Cyleft li.li1{ left:41px; top:114px;}
.Cyleft li.li2{ left:0px; top:342px;}
.Cyleft li.li3{ left:88px; top:514px;}
.Cyleft li.li4{ right:84px; top:514px;}
.Cyleft li.li5{ right:0px; top:342px;}
.Cyleft li.li6{ right:41px; top:114px;}
.Cyleft li.li7{ left:280px; top:4px;}
.Cyleft li.li8{ left:248px; top:282px; line-height:34px; color:#035cac; width:176px;}
.Cyleft .quan{ position:relative; z-index:1; animation:rond 3s infinite linear; -webkit-animation:rond 3s infinite linear;}
.Cyleft .sjtx{ display:none; position:absolute; left:0px; top:0; z-index:2;}

@keyframes rond {
  0% {transform : rotate(0deg);}
  100% {transform : rotate(360deg);}
}

@-webkit-keyframes rond {
    0%{-webkit-transform : rotate(0deg);}
  100%{-webkit-transform : rotate(360deg);}
}

.Cyright{ color:#474747; font-weight:bold; line-height:35px; padding:6% 0 0 5%; width:40%; float: left;}
.Cyright .tits{ padding-bottom:5%; width:76%;}

@media ( max-width:1307px){
.Cyleft{ float:none; margin:0px auto;}
.Cyright{ float:none; width:auto;}
}
@media ( max-width:700px){
.Cyleft{ width:auto;}
.Cyleft ul{ display:none;}
.Cyleft .sjtx{ display:block;}
.Cyright{ line-height:24px; padding-bottom:20px;}
.servicebox canvas{ opacity:0;}
}


/*六大事业部*/
.SixBm{}
.SixBm li{ width:33.33333%; float:left; background:#f1f7fc;transition: all ease 0.3s; background-position:center bottom 40px;}
.SixBm li .box{ height:449px; padding:76px 53px 0;}
.SixBm li .ico{ position:relative; display: block; margin: 0px auto 12px; width:100px; height:67px;}
.SixBm li .tit{ padding:37px 0 24px; font-size:24px; color:#282828; text-align:center;}
.SixBm li .txt{ font-size:15px; color:#8d8d8d; height:150px; overflow-y:auto;}
.SixBm li .txt::-webkit-scrollbar{
            width: 0px;-webkit-overflow-scrolling : touch;
            background-color: rgba(255,255,255,0.1);}
.SixBm li .txt::-webkit-scrollbar-track{
            background-color: rgba(255,255,255,0.1);}
.SixBm li .txt::-webkit-scrollbar-thumb{
            border-radius: 10px;
            background-color: #b4b4b4;}
.SixBm li .txt::-webkit-scrollbar-button{
            height: 0px;
            background-color: #B0AEDA;}
.SixBm li .txt:hover::-webkit-scrollbar{width: 3px;}

.SixBm li .tel{ margin:28px auto 0; width:258px; line-height:42px; text-align:center; border:1px solid #d8e9f7; color:#474747; font-weight:bold;}
.SixBm li .i1,.SixBm li .i2{ display: block; position: absolute; left:0px;top: 0px;}
.SixBm li .i1{ transition: 400ms;}
.SixBm li .i2{ -webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha(opacity=0); transition:500ms;}
.SixBm li:hover .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1; filter:alpha(opacity=100);}
.SixBm li:hover .i1 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(1.2); transform: scale(1.2);}
.SixBm li:nth-child(even){background:#eaf4fc;}
.SixBm li:hover{background: #0864b0 url(../images/bmbg.jpg) center top no-repeat;}
.SixBm li:hover .tit{ color:#fff;}
.SixBm li:hover .txt{ color:#bcdaf5;}
.SixBm li:hover .tel{ border:1px solid #d8e9f7; color:#fff;}

@media ( max-width:1100px){
.SixBm li .box{padding:76px 20px 0;}
}
@media ( max-width:998px){
.SixBm li{ width:50%;}
}
@media ( max-width:640px){
.SixBm li{ width:auto; float:none;}
.SixBm li .box{ height:auto; padding:15px;}
.SixBm li .ico{ width:60px; height:40px;}
.SixBm li .tit{ padding:12px 0 12px; font-size:18px;}
.SixBm li .txt{ font-size:14px; height:auto;}
}


/*增值服务*/
.ServiceList{ margin:0 0 0 -11px;}
.ServiceList li{ position:relative; width:25.5%; float:left;transition: all ease 0.3s;}
.ServiceList li{ position:relative; width:25.5%; float:left;}
.ServiceList li .imgbox{ height:203px; margin:0 0 11px 11px;transition: all ease 0.3s;}
.ServiceList li .info{ z-index:2; position:absolute; left:33px; top:45px;}
.ServiceList li .tits{ line-height:34px; color:#454545; font-size:20px;}
.ServiceList li .tits img{ display:block; margin-bottom:17px;}
.ServiceList li .tits i{ display:block; width:10px; height:2px; background:#035cac; font-size:0;}
.ServiceList li.li1{ width:23.5%;}
.ServiceList li.li1 .imgbox{ height:417px;}

@media ( max-width:640px){
.ServiceList li .tits{ font-size:16px;}
.ServiceList li .tits img{ width:40px; margin-bottom:5px;}
.ServiceList li.li1{ width:auto; float:none;}
.ServiceList li .imgbox{ height:160px;}
.ServiceList li.li1 .imgbox{ height:160px;}
.ServiceList li{width:33.3333%;}
}


/*合作伙伴*/
.PartnerList{ padding:0 1% 20px;}
.PartnerList ul{ margin:0 0 0 -20px;}
.PartnerList li{ width:20%; float:left;}
.PartnerList li .imgbox{ border:1px solid #e2edf8; margin:0 0 20px 20px; padding-top:44%;transition: all ease 0.3s;}
.PartnerList li .imgbox span{ background-size:contain;}

@media ( max-width:640px){
.PartnerList li{ width:50%;}
}


/*联系我们*/
.ContactUs{ margin:0 0 4% -20px;}
.ContactUs li{ width:33.3333%; float:left; margin-bottom:20px;}
.ContactUs li .box{ position:relative; margin-left:20px; border-radius:6px; color:#747474; line-height:20px; background:#f5f5f5; padding:18px 30px 0 57px; height:80px;}
.ContactUs li .box .ico{ position:absolute; width:25px; left:15px; top:28px; background-size:contain; height:34px;}
.ContactUs li .box .ico2{ position:absolute; right:5px; top:5px; width:68px; height:89px;background-size:contain; opacity:0.05;}
.ContactUs li .box h3{ line-height:36px; color:#2f2f2f; font-size:16px;}
.ContactUs li .box p{ font-size:13px; color:#747474; line-height:20px;}
.ContactUs li:hover .box{ background:#045cac;}
.ContactUs li:hover .box h3{ color:#fff;}
.ContactUs li:hover .box p{ color:#fff;}
.ContactUs li.add .ico{ background-image:url(../images/ico/add.png);}
.ContactUs li.add .ico2{ background-image:url(../images/ico/add.png);}
.ContactUs li.add:hover .ico{ background-image:url(../images/ico/add0.png);}

.ContactUs li.zip .ico{ background-image:url(../images/ico/zip.png);}
.ContactUs li.zip .ico2{ background-image:url(../images/ico/zip.png);}
.ContactUs li.zip:hover .ico{ background-image:url(../images/ico/zip0.png);}

.ContactUs li.tel .ico{ background-image:url(../images/ico/tel.png);}
.ContactUs li.tel .ico2{ background-image:url(../images/ico/tel.png);}
.ContactUs li.tel:hover .ico{ background-image:url(../images/ico/tel0.png);}

.ContactUs li.fax .ico{ background-image:url(../images/ico/fax.png);}
.ContactUs li.fax .ico2{ background-image:url(../images/ico/fax.png);}
.ContactUs li.fax:hover .ico{ background-image:url(../images/ico/fax0.png);}

.ContactUs li.mail .ico{ background-image:url(../images/ico/mail.png);}
.ContactUs li.mail .ico2{ background-image:url(../images/ico/mail.png);}
.ContactUs li.mail:hover .ico{ background-image:url(../images/ico/mail0.png);}

@media ( max-width:998px){
.ContactUs li{ width:50%;}
}
@media ( max-width:640px){
.ContactUs li{ width:auto; float:none; margin-bottom:10px;}
}


/*20190925*/
.LeftBar{ width:19%; float:left;}
.ProTit{ line-height:2.6em; text-align:center; font-size:18px; color:#fff; background:#007cc2;}
.RightBar{ width:78%; float:right;}
.ProMenu{ border:1px solid #e9e9e9; border-top:0px;}
.ProMenu ul{ margin:10px 0px;}
.ProMenu li span a{ display:block; color:#333333; background:url(../images/menuarr.gif) 0px center no-repeat; padding:5px 0px 5px 10px; margin-left:16px;}
.ProMenu li span a:hover,.ProMenu li.onli span a{ background:url(../images/menuarr2.gif) 0px center no-repeat; color:#007cc2;}
.ProMenu .sub{ display:none; line-height:25px; padding:5px 0px;}
.ProMenu .sub dd{ padding:0px 5px 0px 40px;}
.ProMenu .sub a{ color:#666666; font-size:14px;}
.ProMenu .sub a:hover,.ProMenu .sub a.cur{ color:#007cc2;}
.ProMenu li.onli .sub{ display:block;}
@media ( max-width:998px){
.LeftBar{ width:auto; float:none;}
.RightBar{ width:auto; float:none;}
.ProMenu{ margin-bottom:18px;}
.ProMenu ul{display:none;}
.ProTit { cursor:pointer; font-size:16px; line-height:36px;}
.ProTit span{ padding-right:20px; background:url(../images/proarr.png) right center no-repeat;}
}