@charset "utf-8";

html,body{height:100%;}

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

.relative{ position:relative;}
.bodyon{ overflow:hidden;}
.Contain{ position:relative; clear:both; max-width:1200px; margin:0px auto;}
.Contain2{ position:relative; clear:both; max-width:1100px; margin:0px auto;}
.block{ display:block;}

@media ( max-width:998px){
body{ font-size:14px;line-height:22px; min-width:300px; padding-top:45px;}	
.Contain{ margin:0 12px; width:auto;}
.Contain2{margin:0 12px; width:auto;}
}

/*font*/
.f_gray{ color:#003466;}
.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;}

/*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:#555; clear:both; line-height:40px; font-size:16px;}
.Pages span{ padding:0px 0px; display:inline-block; vertical-align:middle;}
.Pages a{ display:inline-block; margin:0px 3px; background:#c8c8c8; color:#fff; width:40px; text-align:center;}
.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; vertical-align:middle; font-size:18px; font-family:"宋体"; font-weight:bold;}
.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:#003466; color:#fff;}
.Pages .p_page .num a{vertical-align:middle; font-family:Arial, Helvetica, sans-serif;}
.Pages .p_page .num a:hover,.Pages .p_page .num a.a_cur{ background:#003466; color:#fff;}

@media ( max-width:768px){
.Pages{line-height:25px; font-size:14px;}
.Pages a{ width:25px;}
}
/*pages end*/


/*Top*/
.Header{ z-index:999; position:fixed; left:0; top:0; background:rgba(255,255,255,0.9); width:100%; height:100px;transition: all ease 0.3s;}
.Header .Logo{ position:absolute; left:0; top:32px;transition: all ease 0.3s;}
.Header .Toper{ font-size:16px; position:absolute; right:0; top:35px;transition: all ease 0.3s; color:#747474; text-align:right; width:108px; line-height:30px;}
.Header .Search{float:right; width:180px; border-bottom:1px solid #d9d9d9;}
.Header .Searchico{ cursor:pointer; text-align:center; color:#fff; display:inline-block;*display:inline;zoom:1; vertical-align:middle; width:30px; height:30px;line-height:30px; border-radius:50%; background:#484a53; position:relative; margin-left:20px;}
.Header .Searchico .iconfont{ vertical-align:top;}
.Header .Searchico .icongb{ display:none;}
.Header .Searchico.on .icongb{ display:block;}
.Header .Searchico.on .iconso{ display:none;}
.Header .searchbox{width:260px; background:#fff; right:0; display:none; position:absolute; top:66px;}
.Header .searchbox .input{width:100%; height:38px; line-height:38px; text-indent:1em;}
.Header .searchbox .input::-webkit-input-placeholder {color: #959595;}
.Header .searchbox .btn { position:absolute; right:5px; top:6px; width:29px; background:none;}
.Header .lag{display: inline-block;;position: relative;text-align: center;}
.Header .lag .lag_b{position: absolute;width: 100px;top: 100%;display: none;text-align: center;left: 50%;margin-left: -50px;padding: 10px 0;background: #fff}
.Header .lag:hover .lag_b{display: block;}
.MainNav{ text-align:right; padding-right:99px;transition: all ease 0.3s;}
.MainNav li{ display:inline-block;*display:inline;zoom:1; margin:0 40px 0 0;}
.MainNav li span a{ z-index:2; position:relative;display:block; color:#333333; height:100px; line-height:100px; font-size:16px;transition: all ease 0.3s; font-weight:bold;}
.MainNav li span a img{ display:inline-block; vertical-align:middle; margin-right:8px;}
.MainNav .bg{ position:absolute; left:50%; bottom:0px; height:4px; background:#f7a12a; width:0%; z-index:0;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.MainNav .arr{ display:none;}
.Header .lag .lag_b a{display: block;}
.MainNav li:hover span a,.MainNav li.onnav span a,.MainNav li span a.sele{ color:#ed6d00;}
.MainNav li:hover span .bg,.MainNav li.onnav span .bg,.MainNav li span a.sele .bg{ width:100%; left:0;}

.NavPull{display:none; position:absolute; top:100px; text-align:center; left:0px; background:url(../images/navbg.png) center top repeat-y;width:100%;}
.NavPull.null{background:none; padding:0; box-shadow: 0 0px 0px none;}
.NavPull dd { display:inline-block;*display:inline;zoom:1; margin:0 5px;}
.NavPull a{ display:block; color:#fff; padding:8px; font-size:16px;}
.NavPull a:hover{ background:#ed6d00;}

.mstbg{ position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:886; display:none;}
.openbtn{ cursor:pointer; display:none;width:26px; position:absolute; right:12px; top:9px; z-index:999;}
.closebtn{ position:fixed; left:0px; top:46px; width:100%; height:100%; z-index:887; display:none; background:rgba(255,255,255,0.8);}
.openbtn span{ display:block; height:3px; background:#f7a12a; margin:4px 0px;transition: all ease 0.3s;}
.openbtn.on .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;}
.openbtn.on .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;}	
.openbtn.on .sp3 { display:none;}

.Header.Fixedtop{ height:60px; box-shadow:0 0 10px #ddd;}
.Header.Fixedtop .Logo{ top:8px;}
.Header.Fixedtop .Toper{ top:15px;}
.Header.Fixedtop .MainNav li span a{ height:60px; line-height:60px;}
.Header.Fixedtop .NavPull{top:60px;}
.Header.Fixedtop .searchbox { top:46px;}

@media ( max-width:1135px){
.MainNav li{ margin-right:18px;}
}
@media ( max-width:998px){
.Header{height:45px !important;}
.Header .auto{ margin:0 12px;}
.Header .Logo{ top:8px;}
.Header .Logo img{ height:25px !important;}
.Header .Toper{ font-size:14px; float:right; position:static; width:auto; padding-top:7px;}
.Header .Searchico{width:28px; height:28px;line-height:28px; margin:0 38px 0 12px;}
.Header .searchbox{ width:100%; top:47px !important;}
.Header .openbtn{ display:block;}

.MainNav{ position:fixed; height:auto; max-height:100%; overflow-y:auto; z-index:999; width:100%; padding:0; left:0;background: #666;top:46px; display:none;}
.MainNav ul{ margin-top:0px;}
.MainNav li{ display:block; position:relative; cursor:pointer; float:none; border-bottom:1px solid #717070;border-top:1px solid #616161; width:auto; margin:0 10px;}
.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 img{ position:absolute; width:17px; height:auto; background:none; right:20px; top:16px;transition: all ease 0.3s;}
.MainNav li.onnav .arr img{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; background:#737373; text-align:left; width:100% !important; border-radius:0;}
.NavPull dd a{ display:block;padding:5px 0px 5px 10px; color:#fff; font-size:14px; border-bottom:1px solid #666;}
.NavPull dd a:hover{ color:#fff; background:#4d4c4c;}
.NavPull .sub{ display:block; background:#737373; position:static; width:100%;}
.NavPull .sub dd a{ padding-left:40px;}

.Header.Fixedtop{ height:46px;}
.Header.Fixedtop .Logo img{ height:30px;}
}
/*Top*/


/*Bottom*/
.Footer{ background:#003466; padding-top:19px;}
.Footer .sitemap{ margin-right:270px;}
.Footer .contact{ position:absolute; width:165px; right:0; top:20px; text-align:center; color:#fff; text-align:center;}
.Footer .contact .img img{ display:block; width:145px; margin:0px auto;}
.Footer .contact .tel{ padding-top:10px;}
.Footer .contact .tel a{ color:#fff;}

.Footer .sitemap{display: flex;justify-content: space-between;}
.Footer .item{ text-align:center; line-height:30px;  float:left; color:#888888; padding-bottom:32px;}
.Footer .item dl{ display:inline-block; *display:inline-block;}
.Footer .item dt{ line-height:61px; font-size:16px; color:#fff; background:url(../images/lineb.png) 0px bottom no-repeat; margin-bottom:13px; position:relative;}
.Footer .item dt .arr{ display:none;width:100%; position:absolute; left:0; top:0; height:100%;}
.Footer .item dt .arr i{ width:15px; right:5px; top:0px; font-size:16px; position:absolute;transition: all ease 0.3s;}
.Footer .item.on .arr i{dis-moz-transform: translate(0, -3px) rotate(-180deg) !important;
	-ms-transform: translate(0, -3px) rotate(-180deg) !important;
	-o-transform: translate(0, -3px) rotate(-180deg) !important;
	transform: translate(0, -3px) rotate(-180deg) !important;}
.Footer .item dl{ text-align:left;}
.Footer .item .sub{ padding-top:13px;}
.Footer .item a{ color:#fff; opacity:0.4;}.Footer .item a:hover{ color:#fff; opacity:1;}
/*.Footer .item.dt1{ text-align:left;}
.Footer .item.dt6{ text-align:right;}*/

.Copyright{ padding:16px 12px 20px; font-size:14px; color:#596e80; background:#012c55;}
.Copyright a{color:#596e80;}.Copyright a:hover{color:#fff;}
.Copyright .share{ display:inline-block; *display:inline;zoom:1; vertical-align:middle;}
.Copyright .share .bshare-custom{display:inline-block; *display:inline;zoom:1; vertical-align:middle; margin-top:-4px;}
.Copyright .share .bshare-custom a{ width:24px; height:24px; background:rgba(169,169,169,0.2) url(../images/ico/share.png); padding:0; border-radius:50%; margin-left:11px;}
.Copyright .share .bshare-custom .bshare-sinaminiblog{ background-position:0px top;}
.Copyright .share .bshare-custom .bshare-qqim{ background-position:-24px top;}
.Copyright .share .bshare-custom .bshare-weixin{ background-position:-48px top;}
.Copyright .share .bshare-custom a:hover{ background-color:#e57a14;}

.FloatNav{ width:80px; position:fixed; right:0px; top:38%; z-index:999;}
.FloatNav li{ position:relative; margin-bottom:2px; background:rgba(0,0,0,0.6);}
.FloatNav .iconfont{ font-size:30px;}
.FloatNav .ico{ color:#fff; display:block; position:relative; z-index:1; height:70px; padding-top:10px; text-align:center;}
.FloatNav .ico em{ display:block; font-size:14px; margin-top:8px;}
.FloatNav li:hover{ background:#e57a14;}
.FloatNav .info{ position:absolute; right:-250px; top:0; background:#e57a14; line-height:40px; width:130px; text-align:center; color:#fff; font-size:18px; padding:10px; opacity:0;}
.FloatNav .info .ewm{ width:130px; height:130px;}
.FloatNav .info.search{ width:240px;}
.FloatNav .info.search input{ width:100%; background:#fff; height:37px; line-height:37px; text-indent:0.5em;}
.FloatNav .info.search button{ position:absolute; right:10px; top:13px; height:37px;}




.Popbox{ position:relative; background:#fff; width:1200px; margin:0px auto;}
.Popbox .Tithead{ text-align:center; font-size:30px; color:#003466; line-height:33px; padding-bottom:20px;}
.Popbox .auto{ padding:4% 4% 2.5%;}
.form ul{ margin-left:-19px;}
.form li{ margin-bottom:19px; clear:both; line-height:48px;}
.form .line{position:relative; margin-left:19px;}
.form .inputbox{ border:1px solid #d9d9d9; position:relative;}
.form .ti{ display:block;font-size:16px;}
.form .yz{ width:281px; position:relative;}
.form .yzm{ position:absolute; right:0; top:0; width:112px; height:48px;}
.form .textarea{ margin-left:19px;}
.form .textarea .inputbox{padding:15px; position:relative;}
.form .textarea .ti{ top:14px;}
.form .input{ font-size:16px; color:#333333; height:48px; line-height:48px; width:100%; text-indent:1em;}
.form .input.upload{ text-indent:0; height:32px; line-height:32px; margin:5px 0 5px 2%; width:98%;}

.form li.w50{ float:left; width:50%; clear:none;}
.form textarea{ font-size:16px; height:110px; width:100%;}
.form .btn{ color:#fff; height:56px; font-size:18px; width:100%;}
.form .sendbtn{ background:#003466;}
.form .resetbtn{ background:#e5e5e5; color:#333333;}
.Popbox .mfp-close{ font-size:40px; color:#000000; opacity:1;  position:absolute; right:0px; top:0px;}
.jobpop{ width:50%;}

.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;}
.totop.cd-is-visible {visibility: visible;opacity: 1; cursor:pointer;}

@media ( max-width:1200px){
.Popbox{width:94% !important;}
}
@media ( max-width:998px){
.Footer{ padding-top:20px;}
.Footer .sitemap{display: block;}
.Footer .item{ width:auto !important; float:none; border-right:0; margin:0; padding:0 !important; text-align:center; padding-bottom:0;}
.Footer .item dl{ display:block;}
.Footer .item .sub{ display:none; padding-bottom:8px;}
.Footer .item dt{line-height:40px; font-size:14px; margin-bottom:-1px;border-bottom:1px solid #335d85; }
.Footer .item dt .arr{ display:block;}
.Copyright {line-height:20px; padding:8px 0; font-size:12px;}
.Copyright dd{ float:none !important; text-align:center;}
.Copyright .share{ display:none;}
.Popbox .Tithead{font-size:20px;  padding-bottom:10px;}
.form ul{ margin-left:-10px;}
.form li { line-height:30px;}
.form .line{ margin-left:10px;}
.form .input{ font-size:14px;height:35px; line-height:35px;}
.form .textarea{margin-left:10px;}
.form textarea{ font-size:14px; height:80px;}
.form .btn{height:40px; font-size:16px;}
.form .yzm{width:55px; height:34px;}
.FloatNav{ width:30px; top:30%;}
.FloatNav .iconfont{ font-size:16px;}
.FloatNav .ico{height:30px; line-height:30px; padding-top:0;}
.FloatNav .ico em{ display:none;}
.totop.cd-is-visible {height:30px;}
}
@media ( max-width:768px){
.Footer .sitemap{ margin-right:0;}
.Footer .contact{ position:static; padding:15px 0; margin:0px auto; width:170px;}
}

/*Bottom*/

/*首页 s*/
.Homecss{ background:#fff;}
.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);}
	
.HomeBan {overflow:hidden; clear:both; position:relative;background:url(../images/loading.gif) center center no-repeat;}
.HomeBan .slides li{ position:relative;}
.HomeBan .slides li a{ display:block; height:610px;background-position:center center; background-repeat:no-repeat; background-size:cover;}
.HomeBan .slides li .txt{ font-family:"SourceHanSansCN"; position:absolute; width:1000px; left:50%; margin-left:-500px; top:40%; color:#fff; line-height:56px;}
.HomeBan .slides li .txt .auto{ display:inline-block; *display:inline; position:relative;}
.HomeBan .slides li .txt h2{ display:block; font-size:46px;transform:translateX(-100px);-webkit-transform:translateX(-100px);opacity:0;transition:all 1s;}
.HomeBan .slides li .txt .en{ line-height:44px; font-size:18px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;transform:translateX(100px);-webkit-transform:translateX(100px);opacity:0;transition:all 1s 0.5s;}
.HomeBan .slides li .txt .ico{ position:absolute; right:-30px;top:-65px;-webkit-transform:rotate(360deg) scale(0.5); 
-moz-transform:rotate(360deg) scale(0.5);
-ms-transform:rotate(360deg) scale(0.5);
-o-transform:rotate(360deg) scale(0.5);opacity:0;transition:all 1s 0.8s;}
.HomeBan .slides li .txt .ico img{ width:auto;}
.HomeBan .slides li.flex-active-slide .txt h2{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}
.HomeBan .slides li.flex-active-slide .txt .en{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}
.HomeBan .slides li.flex-active-slide .txt .ico{-webkit-transform:rotate(0deg) scale(1); 
-moz-transform:rotate(0deg) scale(1);
-ms-transform:rotate(0deg) scale(1);
-o-transform:rotate(0deg) scale(1);opacity:1;}
.HomeBan .flex-control-nav{bottom:15px; z-index:10;}
.HomeBan .flex-control-nav li{ margin:0 7px 0 6px; vertical-align:middle;}
.HomeBan .flex-control-nav li a{ opacity:1; width:7px; height:7px; background:#fff; border-radius:50%;}
.HomeBan .flex-control-nav li a.flex-active{opacity:1; background:#ed6d00; width:11px; height:11px;}
.HomeBan .flex-direction-nav a { opacity: 0; border:1px solid #fff; color:#fff; width:24px; height:24px; line-height:24px; 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 { border:1px solid #ec6d00; color:#ec6d00;}

@media ( max-width:1200px){
.HomeBan .slides li .txt{ width:86%; left:8%; margin-left:0;}
}
@media ( max-width:998px){
.HomeBan .flex-control-nav{bottom:10px; z-index:10;}
.HomeBan .flex-direction-nav{ display:none;}
.HomeBan .slides li a{height:400px;}
.HomeBan .slides li .txt{ line-height:38px;}
.HomeBan .slides li .txt h2{font-size:24px;}
.HomeBan .slides li .txt .en{font-size:14px;}
.HomeBan .slides li .txt .ico{ width:100px; top:10px; right:0;}
}
@media ( max-width:640px){
.HomeBan .slides li a{height:250px;}
.HomeBan .slides li .txt{ line-height:28px;}
.HomeBan .slides li .txt h2{font-size:18px;}
.HomeBan .slides li .txt .en{font-size:12px; line-height:20px;}
.HomeBan .slides li .txt .ico{ width:80px;}
}


.HomeTit{ text-align:center; padding:5.2% 0 4.2%;}
.HomeTit h2{ font-size:36px; color:#333333; line-height:48px;}
.HomeTit h2 i{ font-size:0; width:14%; display:inline-block; vertical-align:middle; margin:0 3%; height:2px; background:#e57a14;}

.HomeAbout{ padding-bottom:6.5%;}
.HomeAbout .imgbox{ width:33%; float:left; height:250px;}
.HomeAbout .imgbox span{ background-position:0px top;}
.HomeAbout .info{ width:64%; float:right; padding-top:14px;}
.HomeAbout .p{ text-indent:2em; height:90px; line-height:30px;-webkit-line-clamp: 3;color:black;}
.HomeAbout .nav li{ width:40%; float:left; padding:24px 0 11px; font-size:18px;}
.HomeAbout .ico{ position:relative;width:200px; height:85px; display:inline-block;*display:inline-block;zoom:1; vertical-align:middle; margin-right:14px;transition: all ease 0.3s;}
.HomeAbout li .i1,.HomeAbout li .i2{position: absolute; left:0px;top: 0px;}
.HomeAbout li .i1{ transition: 400ms;}
.HomeAbout li .i2{ -webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha(opacity=0); transition:500ms;}
.HomeAbout li:hover .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1; filter:alpha(opacity=100);}
.HomeAbout li:hover .i1 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(1.2); transform: scale(1.2);}
.HomeAbout li a{ color:black;}
.HomeAbout li:hover a{ color:#ed6d00;}
@media ( max-width:998px){
.HomeTit h2{ font-size:18px; line-height:30px;}
.HomeAbout .ico{width:60px; height:60px;}
.HomeAbout .nav li{font-size:15px;}
}
@media ( max-width:768px){
.HomeAbout .imgbox{ width:auto; float:none; height:auto; padding-top:50%;}
.HomeAbout .info{ width:auto; float:none;}
.HomeAbout .p{ height:60px; line-height:20px;}
.HomeAbout .nav li{ text-align:center; padding:15px 0 0;width:50%;}
.HomeAbout .ico{ display:block; margin:0px auto;width:100px;height:48px;}
}

.HomePro{ background:url(../images/probg.jpg) center top no-repeat; background-size:cover;}
.HomePro .nav{ text-align:center; margin-bottom:3%;}
.HomePro .nav li{ display:inline-block;*display:inline;zoom:1; padding:0 3px; line-height:35px;}
.HomePro .nav li img{ display:block; margin:0px auto; width:38px; height:38px;}
.HomePro .nav li span{ position:relative; display:block; border:1px solid #ebebeb; background:#003466; color:#fff; padding-top:13px; height:75px; min-width:168px; text-align:center; font-size:15px;}
.HomePro .nav li a{ display:block;}
.HomePro .nav li.on span,.HomePro .nav li:hover span{ color:#fff; background:#ed6d00;}

.ProList{ margin-left:-8px;}
.ProList li{ width:25%; float:left;}
.ProList .box{transition: all ease 0.3s; text-align:center; margin:0 0 14px 8px; border:1px solid #cecece; background:#efefef; padding:15px 15px 0;}
.ProList .imgbox{ padding-top:80%; background:#fff;}
.ProList .imgbox span{ background-size:contain;}
.ProList .info{ position:absolute;display: flex; align-items: center;flex-direction: column;justify-content:center; width:100%; height:100%; left:0; bottom:-50px; background:rgba(237,109,0,0.9); z-index:2; opacity:0;transition: all ease 0.3s;}
.ProList .info img{ width:61px; height:61px;transition: all ease 0.3s;
-webkit-transform:rotate(360deg) scale(0.5); 
-moz-transform:rotate(360deg) scale(0.5);
-ms-transform:rotate(360deg) scale(0.5);
-o-transform:rotate(360deg) scale(0.5);}
.ProList .info .more{ width:118px; line-height:38px; border:1px solid rgba(255,255,255,0.4); border-radius:20px; display:block; margin:29px auto 0; color:#fff;}
.ProList li:hover .info{ bottom:0; opacity:1;}
.ProList li:hover .info img{-webkit-transform:rotate(0deg) scale(1); 
-moz-transform:rotate(0deg) scale(1);
-ms-transform:rotate(0deg) scale(1);
-o-transform:rotate(0deg) scale(1);}
.ProList .tit{ line-height:44px; font-size:16px;}
.ProList .More{ padding:19px 0 46px; clear:both;}
.ProList .More a{ display:block; margin:0px auto; width:150px; line-height:42px; font-size:16px; color:#fff; background:#ed6d00; border-radius:20px; text-align:center;}
.ProList .More a i{ display:inline-block; vertical-align:middle; width:21px; height:21px; background:url(../images/ico/more.png); margin-right:7px;}
.ProList .More a:hover{ background:#be5700;}
@media ( max-width:1024px){
.HomePro .nav li{ padding:0; display:block; float:left; width:33.333%;}
.HomePro .nav ul{ margin-left:-10px;}
.HomePro .nav li span{ margin:0 0 10px 10px; line-height:20px; font-size:14px; padding:0px 4px 0 4px;display: flex; align-items: center;flex-direction: column;justify-content:center; min-width:inherit;}
.HomePro .nav li img{ width:28px; height:28px;}
.ProList li{ display:; width:33.333%;}
.ProList li:nth-child(1),.ProList li:nth-child(2),.ProList li:nth-child(3),.ProList li:nth-child(4),.ProList li:nth-child(5),.ProList li:nth-child(6){ display:block;}
.ProList .box{padding:8px 8px 0;}
.ProList .tit{ line-height:35px; font-size:14px;}
.ProList .info{ display:none;}
.HomePro .nav li a{ display:none;}
.ProList .More{ padding:10px 0 20px;}
.ProList .More a{width:120px; line-height:35px; font-size:14px;}
}
@media ( max-width:560px){
.ProList li{width:50%;}
}

.HomeArea{}
.HomeArea li{ position:relative; width:33.3333%; float:left;}
.HomeArea .imgbox{ padding-top:75%;}
.HomeArea .bg{ position:absolute; z-index:2; left:0; bottom:0px; width:100%; height:100%; background:rgba(0,0,0,0.4);transition: all ease 0.3s;}
.HomeArea .info{ font-size:18px; color:#fff;display: flex; align-items: center;flex-direction: column;justify-content:center; width:100%; z-index:3; height:100%; position:absolute; left:0; bottom:0;transition: all ease 0.3s;}
.HomeArea .ico{ position:relative;width:65px; height:65px; margin:0px auto 15px;transition: all ease 0.3s;}
.HomeArea li .i1,.HomeAbout li .i2{position: absolute; left:0px;top: 0px;}
.HomeArea li .i1{ transition: 400ms;}
.HomeArea li .i2{ -webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha(opacity=0); transition:500ms;}
.HomeArea li:hover .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1; filter:alpha(opacity=100);}
.HomeArea li:hover .i1 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(1.2); transform: scale(1.2);}
.HomeArea li:hover .bg { height:80px; background:#ed6d00;}
.HomeArea li:hover .info { height:auto; bottom:10px;}
@media ( max-width:640px){
.HomeArea li{width:50%;}
.HomeArea .ico{width:40px; height:40px;}
.HomeArea .info{ font-size:14px;}
.HomeArea li:hover .bg { height:70px;}
}

.HomeNews{ padding-bottom:4.5%;}
.NewsFocus{ width:53%; float:left; overflow:hidden;}
.NewsFocus .slides li{ position:relative;}
.NewsFocus .imgbox{ height:430px;}
.NewsFocus .ti{ background:rgba(0,0,0,0.4); width:100%; position:absolute; z-index:1; left:0; bottom:0; line-height:50px; font-size:16px; text-indent:1em; color:#fff;}
.NewsFocus .ti .tit{ width:70%;}
.NewsFocus .flex-control-nav{ text-align:right; right:10px; bottom:9px;}
.NewsFocus .flex-control-nav li{ margin:0 7px 0 0; cursor:pointer;}
.NewsFocus .flex-control-nav li a{ text-indent:999em; opacity:1; width:18px; height:18px; background:url(../images/ico/logoico.png); background-size:contain;}
.NewsFocus .flex-control-nav li a.flex-active{opacity:1; background:url(../images/ico/logoico2.png); background-size:contain;}
.NewsFocus .flex-direction-nav a { opacity:1;width: 6px; height: 11px; margin-top:0; top:auto; bottom:16px;}
.NewsRight { width:44%; float:right;}
.NewsRight .li{ height:34px; line-height:34px; background:url(../images/ico/dot.gif) 0px center no-repeat; padding-left:10px;}
.NewsRight .li .date{ float:right; color:#888888; font-size:14px;}
.NewsRight .li .tit{ width:72%; float:left; color:#666666; font-size:16px;}
.NewsRight .li:hover .tit{color:#e57a14;}
.NewsRight .top{ border-bottom:1px dashed #dedede; padding-bottom:17px; margin-bottom:13px;}
.NewsRight .top .tit{ line-height:27px; font-size:18px; color:#333333; margin-bottom:8px;}
.NewsRight .top .p{-webkit-line-clamp: 2; height:48px; color:#999999;}
.NewsRight .top:hover .tit{ color:#e57a14;}
@media ( max-width:998px){
.NewsRight .li .tit{font-size:14px;}
.NewsRight .top .tit{font-size:16px;}
}
@media ( max-width:768px){
.NewsFocus,.NewsRight{ width:auto; float:none; margin-bottom:15px;}
.NewsFocus .imgbox{ height:auto; padding-top:50%;}
.NewsFocus .ti{ line-height:35px; font-size:14px;}
.NewsFocus .flex-control-nav{right:0px; bottom:2px;}
.NewsFocus .flex-control-nav li a{width:12px; height:12px;}
.NewsRight .li{ height:28px; line-height:28px;}
.NewsRight .top{ padding-bottom:10px; margin-bottom:10px;}
}



/*首页 end*/


/*栏目页公用样式 s*/
.SubPage{ height:auto !important;min-height:255px; height:255px; padding-bottom:5%;}
.SubPage2{ height:auto !important;min-height:255px; height:255px; padding-top:4%; padding-bottom:5%;}
.SubBan{ overflow:hidden; position:relative; height:350px;background-position:center center; background-repeat:no-repeat; background-size:cover;}
.SubBan .txt{max-width:1000px; margin:0px auto; padding-top:113px;color:#fff; font-size:26px; line-height:35px; font-family:"SourceHanSansCN";}
.SubBan .txt span{ display:block; line-height:28px; font-size:18px; margin-left:53px;}
.gbban .txt{ color:#fff;}
.ColumnName{ font-weight:normal; text-align:center; color:#fff; font-weight:bold; font-size:16px; line-height:40px; background:#003466; position:relative; display:none; margin-top:10px;}
.ColumnName .iconfont{ position:absolute; width:30px; right:0; top:0;transition: all ease 0.3s;}
.ColumnName.on .iconfont{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; line-height:59px; text-align:center; position:relative; z-index:1; background:#fff; border-bottom:1px solid #e3e3e3;}
.SubMenu li{ display:inline-block;*display:inline;zoom:1;position:relative; padding:0 32px;}
.SubMenu li a{ display:block; font-size:16px; padding:0 5px; color:black;}
.SubMenu li a em{ position:relative; z-index:1;display:block;}
.SubMenu li .line{ position:absolute; z-index:0; width:0%; bottom:-2px; height:2px; left:50%; background:#ed6d00;transition: all ease 0.3s; font-size:0;}
.SubMenu li a:hover .line,.SubMenu li.onli .line,.SubMenu li.active .line{ width:100%; left:0;}
.SubMenu li a:hover,.SubMenu li.onli a,.SubMenu li.active a{ color:#ed6d00;}
.SubMenu .ico{ position:relative;width:36px; height:36px; display:block; margin:0px auto;transition: all ease 0.3s;}
.SubMenu li .i1,.HomeAbout li .i2{position: absolute; left:0px;top: 0px;}
.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.onli .i2,.SubMenu li.active .i2,.SubMenu li:hover .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1; filter:alpha(opacity=100);}
.SubMenu li.onli .i1,.SubMenu li.active .i1,.SubMenu li:hover .i1 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(1.2); transform: scale(1.2);}
.SubMenu.area{ padding:29px 0 16px; line-height:38px;}
.SubMenu.area li a{ font-size:15px; color:#333333;}
.SubMenu.area li a:hover,.SubMenu.area li.onli a,.SubMenu.area li.active a{ color:#003466;}
.SubMenu.wedding_fix{ width:100%; left:0; top:60px; position:fixed; z-index:100; padding:12px 0 0;}

.SubMenu .prolist{ display:none; position:absolute; left:0; top:59px; width:100%;}
.SubMenu .prolist dd{ background:#e3e3e3; margin-bottom:1px; text-align:left;}
.SubMenu .prolist dd a{ color:#333; display:block; padding:8px; font-size:14px; line-height:22px;}
.SubMenu .prolist dd a:hover{ color:#fff; background:#ed6d00;}
.SubMenu .SubMenu2{position: absolute;top: 100%;left: 0;width: 100%;display: none;background: #fff;box-shadow: 0 0 15px rgba(0,0,0,.2)}
.SubMenu li:hover .SubMenu2{display: block;}
.SubMenu .SubMenu2 p{line-height: 40px;font-size: 14px;}
.SubMenu .SubMenu2 p a{color: #333}
.SubMenu .SubMenu2 p:hover a{color: #ed6d00}
.probody .SubMenu li{ min-width:11%; padding-left:2%; padding-right:2%; margin:0;}

.SubTit{ clear:both; text-align:center; padding:38px 0 41px;}
.SubTit .en{ text-transform:uppercase; font-size:30px; color:#cccccc; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; line-height:38px;}
.SubTit h2{ font-size:24px; font-weight:normal; color:#003466; line-height:31px;}
.SubTit h2 i{ height:1px; font-size:0; width:30px; margin:0 10px; display:inline-block; vertical-align:middle; background:#d3d3d3;}

.SinglePage{ color:#4c4c4c; font-size:16px; line-height:26px; word-wrap:break-word;word-break:normal;text-align:justify;}

@media ( max-width:998px){
.SubPage{padding-bottom:25px;}
.SubBan { height:150px;}
.SubBan .txt{max-width:none; width:94%; padding-top:50px;font-size:18px; line-height:25px;}
.SubBan .txt span{ font-size:14px; margin-left:40px;}
.ColumnName{ display:block;}
.SubMenu{ border-bottom:0; background:none;}
.SubMenu ul{ display:none;}
.SubMenu li{ display:block; margin:0; text-align:left; border-bottom:1px solid #eee; line-height:35px;}
.SubMenu li a{font-size:16px;}
.SubMenu .ico{ display:inline-block; vertical-align:middle; margin-right:10px;}
.SubMenu .iconfont{ font-size:22px;}
.SubMenu li .line{ display:none;}
.SubMenu.area{ padding:0px;}
.SubMenu.wedding_fix{ position:static;}
.SubMenu .prolist{ display:none !important;}
.SubTit{ padding-top:25px;padding-bottom:20px;}
.SubTit .en{ font-size:19px; line-height:24px;}
.SubTit h2{ font-size:17px;line-height:24px;}
.SinglePage{font-size:14px; line-height:28px;}
}
/*栏目页公用样式 end*/


/*人才机制 s*/
.Hrtxt{ padding-bottom:50px;}
.Hrtxt .txt{ width:47%; float:left; padding-top:6%; color:#888888;}
.Hrtxt .img{ width:45%; float:right;}

.Hrtxt2{ color:#333333; font-size:16px; padding-bottom:50px; margin-bottom:20px;}
.Hrtxt2 .list li{ width:18%; padding:0 1%; text-align:center; float:left;}
.Hrtxt2 .list li .ico{ width:70%; margin:0px auto 20px;}
.Hrtxt2 .list li .ico img{ border-radius:50%; box-shadow:0 4px 15px #ddd;}
.graybg{ background:#f6f6f6;}

.Hrtxt3{ max-width:1000px; padding:33px 55px; margin:0px auto 50px; background:#f9f9f9;}
.Hrtxt3 .img{ width:50%; float:left;}
.Hrtxt3 .info{ width:43%; padding-top:8%; float:right; color:#888888;}
.hrtit{ color:#333333; margin-bottom:21px; font-size:22px;}
.Hrtxt4{ max-width:1100px; padding:0px 0px 50px; text-align:center; margin:0px auto;}
@media ( max-width:768px){
.Hrtxt{ padding-bottom:25px;}
.Hrtxt .txt{ width:auto; float:none; margin-bottom:15px;}
.Hrtxt .img{ width:auto; float:none;}
.Hrtxt2{font-size:14px; padding-bottom:25px; margin-bottom:0;}
.Hrtxt3 .img{ width:auto; float:none;}
.Hrtxt3{padding:15px; margin:0px auto 25px;}
.Hrtxt3 .info{ width:auto; padding-top:4%; float:none;}
.hrtit{font-size:18px;}
.Hrtxt4{ padding-bottom:25px;}

.Hrtxt2 .list li{ width:31.333%;}
.Hrtxt2 .list li:nth-child(4){ clear:both; margin-left:15%;}
}


/*加入我们 s*/
.hrw1{ width:30%;}
.hrw2{ width:17%;}
.hrw3{ width:16%;}
.hrw4{ width:16%;}
.hrw5{}
.Hrhead{height:60px; text-align:center; color:#fff; background: #003466; font-size:18px; margin-bottom:0px;}
.padleft{ padding-left:4%; text-align:left !important;}
.HrList{ height:700px; overflow:hidden;}
.HrList li{ border-bottom:1px solid #dfdfdf;}
.HrList li td{ height:58px; font-size:16px; text-align:center; color:#333333;}
.HrList li td a{color:#333333;}
.HrList .btn{ padding:10px; display:block; margin:0px auto; width:19px;}
.HrList .btn i{ display:inline-block; background:url(../images/ico/jia.png); background-size:contain; width:19px; height:19px;}
.HrList li .txtCont{border-top:1px solid #dfdfdf; background:#fff; position:relative; display:none;line-height:28px; padding:25px 4% 25px; color:#666666;}
.HrList li .txtCont .item{ display:none; border-bottom:1px solid #e6e6e6; padding-bottom:10px; margin-bottom:10px;}
.HrList li .txtCont .item dd span{ color:#4c4c4c;}
.HrList li .txtCont .stit{ font-weight:bold; font-size:16px; color:#333333; line-height:30px;}
.HrList li .txtCont .stxt{ margin-bottom:24px;}
.HrList li .txtCont .apply a{ display:block; color:#fff; font-size:16px; width:140px; line-height:40px; text-align:center; background:#ed6d00;}
.HrList li .txtCont .apply a:hover{background:#c15900;}
.HrList li.current a,.HrList li.current td{ color:#ed6d00;}
.HrList li.current .btn i{background:url(../images/ico/jian.png);}

@media ( max-width:768px){
.Hrhead{ height:36px;font-size:15px; margin-bottom:10px; font-weight:normal;}
.HrList{ margin-bottom:28px; height:350px;}
.HrList li td{ height:42px;font-size:14px;}
.hrw1{ width:75%;}
.hrw2,.hrw3,.hrw4{ display:none;}
.HrList li .txtCont .stit{ font-size:15px;}
.HrList li .txtCont .item{ display:block;}
.HrList li .txtCont{ padding-top:10px; padding-bottom:10px; line-height:24px;}
.HrList li .txtCont .apply a{width:110px; line-height:32px; font-size:14px;}
.HrList .btn{width:14px;}
.HrList .btn i{width:14px; height:14px;}
}

/*员工风采 s*/
.PhotoList{ margin:0 0 2% -2%;}
.PhotoList li{ position:relative; width:31.333%; overflow:hidden; float:left; margin:0 0 2% 2%; text-align:center;transition: all ease 0.3s;}
.PhotoList .imgbox{ padding-top:60%;}
.PhotoList .tit{ color:#fff; position:absolute; left:0; bottom:-50px; background:rgba(237,109,0,0.9); font-size:16px; line-height:50px; z-index:2;transition: all ease 0.3s;}
.PhotoList li:hover .tit{ bottom:0;}

@media ( max-width:998px){
.PhotoList .tit{ bottom:0; line-height:30px; font-size:14px;background:rgba(0,0,0,0.5); }
}
@media ( max-width:768px){
.PhotoList li{ width:48%;}
}


/*联系我们 s*/
.witebg{ background:#fff;}
.Map{ text-align:center; padding:45px 0 60px;}
.ContactUs{}
.ContactUs li{ background:#f9f9f9; margin-bottom:20px; padding:20px 0 20px 28px;}
.ContactUs .name{display: flex; align-items: center; border-right:1px solid #e2e2e2; width:38%; float:left; color:#333333; font-size:18px;}
.ContactUs .name .img{ width:21%; margin-right:0; float:left; padding-top:9px; text-align:center;}
.ContactUs .item{ width:58%; float:right; padding-top:9px; line-height:24px;}
.ContactUs .item dl{ margin-left:-4%;}
.ContactUs .item dd{ position:relative; color:#000000; width:46%; float:left; padding:8px 0 7px 4%;}
.ContactUs .iconfont{ font-size:19px; margin-right:6px; color:#333333;}
.ContactUs span{color:#666666;}.ContactUs span a{color:#666666;}.ContactUs span a:hover{color:#ed6d00; text-decoration:underline;}
.ContactUs .tel em{ position:absolute; left:29px; top:9px;}
.ContactUs .tel span{ display:block; margin-left:69px;}
@media ( max-width:998px){
.Map{padding:25px 0 25px;}
.ContactUs .name{ width:auto; float:none; font-size:16px;}
.ContactUs .name .img{ width:auto; width:45px;margin-right:8px;}
.ContactUs .item{ width:auto; float:none;}
}
@media ( max-width:580px){
.ContactUs .item dd{ width:auto; float:none;}
.ContactUs .item dd{ padding-bottom:0;}
.ContactUs .tel em{position:static;}
.ContactUs .tel span{margin-left:0;}
.ContactUs li {padding: 8px 0 20px 15px;}
.ContactUs .name{border-right:0;}
}


/*环境服务 s*/
.CaseList{ padding-bottom:4%;}
.CaseList li{ background:#fff;transition: all ease 0.3s;}
.CaseList .imgbox{ width:50%; float:left; height:350px;}
.CaseList .info{ width:40%; float:left; padding:0 5%; color:#888888; line-height:25px;}
.CaseList .info .tit{ line-height:50px; padding-top:31px; color:#333333; font-size:20px;}
.CaseList .info .tit i{ display:block; width:35px; height:17px; border-top:3px solid #003466;}
.CaseList .info .txt{ color:#888888; height:125px; overflow:hidden; margin-bottom:34px; font-size:16px;}
.CaseList .info .more{ width:108px; line-height:38px; text-align:center; color:#003466; border:1px solid #003466;}
.CaseList li:hover .info .tit{ color:#ed6d00;}
.CaseList li:hover .info .tit i{ border-top:3px solid #ed6d00;}
.CaseList li:hover .info .more { border:1px solid #ed6d00; color:#ed6d00;}
.CaseList li.next .imgbox{ float:right;}

.Infotxt{ padding-top:1.5%; width:46%; float:left; line-height:30px;}
.Infotxt.about{ width:50%; color:#888888; line-height:24px;}
.Infoimg{ position:relative; width:47%; float:right;}
.Infoimg .imgbox{ height:400px;}
.Infoimg .flex-direction-nav a {color:#fff; width:50px; height:50px; border-radius:0; top:auto; bottom:0; line-height:50px; font-size:28px;}
.Infoimg .flex-direction-nav .flex-prev {left:-50px; background:#254973;}
.Infoimg .flex-direction-nav .flex-next {left:0px; background:#ed6d00;}

.Infotxt2{ padding-top:2.5%; width:44%; float:right; line-height:30px;}
.list_style1 li{ background:url(../images/dot.gif) 0px 12px no-repeat; padding-left:13px; margin-bottom:13px;}
.list-style1 li{ margin-bottom:15px;}
.Infoimg2{ width:50%; float:left;}
.infotit{ line-height:59px; color:#000000; font-size:22px;}
.infotit i{ display:block; width:45px; border-top:3px solid #003466; height:25px;}
.Infotxt3{width:47%; float:left; line-height:29px;}
.Infoimg3{ width:50.4%; float:right;}
.tabcss{ clear:both; padding-top:50px; color:#333333; text-align:center;}
.tabcss th{ font-size:16px; font-weight:bold; color:#fff; background:#003466; height:60px;}
.tabcss tbody tr td{ background:#fff; padding:11px 0;}
.tabcss tbody tr:nth-child(even) td{ background:#efefef;}
.tabcss .tdl{ text-align:left; padding-left:8%;}

.Model{ padding:1% 0 0 0;}
.Model li{ width:18%; float:left; color:#333333; font-size:18px; text-align:center; padding:0 1%;}
.Model .ico{ width:70%; margin:0px auto 8%;}
.graybg2{ background:#f2f2f2;}

.Case1{ height:auto !important; height:600px; min-height:600px; width:40.5%; float:left; background:#f8f0e9;}
.Case2{ height:auto !important; height:600px; min-height:600px; width:57.5%; float:right; background:#edf3fc;}
.Case1 .img,.Case2 .img{ padding:0 4%; text-align:center;}
.Case1 .list,.Case2 .list{ padding:0 6%;}
.Case1 .list li,.Case2 .list li{ line-height:31px; float:left;}
.Case1 .list li{ width:50%;}.Case1 .list li:nth-child(2n+1){ clear:both;}
.Case2 .list li{ width:33.333%;}.Case2 .list li:nth-child(3n+1){ clear:both;}
.Casetit{ text-align:center; padding:27px 0 14px; color:#003466;}
.Casetit b{ display:block; line-height:40px; font-size:26px; color:#333333;}
.result{ clear:both; text-align:center; padding-top:5%; font-size:30px; color:#444444;}
.result b{color:#003466;}
.result b i{color:#ed6d00;}

.lxwm_case{ padding-top:20px;}
.lxwm_case li{ font-size:15px; color:#888888; margin-top:13px; padding-left:38px; position:relative;}
.lxwm_case li .iconfont{ position:absolute; font-size:32px; left:0; top:0; color:#ed6d00;}
.lxwm_case li b{ color:#333333;}

.CaseNav{ text-align:center; margin-bottom:40px;}
.CaseNav li{ width:130px; border-radius:16px; display:inline-block; *display:inline;zoom:1; color:#999999; font-size:16px; line-height:36px;}
.CaseNav li.on{ color:#fff; background:#ed6d00;}
.ProcessList{ height:auto !important; height:452px; min-height:452px;}
.ProcessList ul{ margin-left:-2%;}
.ProcessList li{ position:relative; padding-left:2%; width:18%; float:left; text-align:center;}
.ProcessList li .ico{ width:70%; margin:0px auto;}
.ProcessList li h3{ line-height:34px; color:#333333; font-size:20px; padding-top:11px;}
.ProcessList li .p{ margin:0 16px; color:#888888;}
.ProcessList li:nth-child(even){ padding-top:149px;}
.ProcessList li:nth-child(odd) .line{ position:absolute; background:url(../images/line1.png); width:91px; height:58px; right:-36%; top:125px;}
.ProcessList li:nth-child(even) .line{ position:absolute; background:url(../images/line2.png); width:100px; height:64px; right:-36%; top:121px;}
.ProcessList li:last-child .line{ display:none;}

.HwMap{ position:relative;}
.HwMap .dot{ position:absolute; right:22px; top:46px; padding:15px; background:rgba(238,123,25,0.5); border-radius:50%; display:inline-block;
 -webkit-animation-name: scaleDraw; /*关键帧名称*/
-webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
-webkit-animation-iteration-count: infinite;  /*动画播放的次数*/
-webkit-animation-duration: 5s;
}
.HwMap .dot i{ width:28px; height:28px; background:#ee7b19; border-radius:50%; display:block;
 -webkit-animation-name: scaleDraw; /*关键帧名称*/
-webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
-webkit-animation-iteration-count: infinite;  /*动画播放的次数*/
-webkit-animation-duration: 5s;
}.HwMap li{ color:#333333; line-height:26px; position:absolute;}
.HwMap li p{ padding:8px 40px 0 0; font-size:16px;}
.HwMap li p i{ display:inline-block; margin-right:24px;}
.HwMap li h3{ line-height:42px; padding-left:114px; font-size:18px; color:#000000;}
.HwMap li.oz{ left:3%; top:11%; width:241px; background:url(../images/line3.png) 0px 42px no-repeat;}
.HwMap li.fz{ left:0%; top:38%; width:241px; background:url(../images/line3.png) 0px 42px no-repeat;}
.HwMap li.mz{ right:0%; top:34%; width:280px; background:url(../images/line4.png) 0px 42px no-repeat;}
.HwMap li.mz p,.HwMap li.yz p,.HwMap li.dyz p{ padding-left:40px; padding-right:0;}
.HwMap li.mz p i,.HwMap li.yz p i{margin-right:0px; margin-left:24px;}
.HwMap li.mz .dot,.HwMap li.yz .dot,.HwMap li.dyz .dot{ right:auto; left:-28px;}
.HwMap li.mz h3,.HwMap li.yz h3,.HwMap li.dyz h3{ padding-left:48px;}
.HwMap li.yz{ right:25%; top:28%; width:480px; background:url(../images/line4.png) 0px 42px no-repeat;}
.HwMap li.dyz{ left:45%; top:65%; width:200px; background:url(../images/line4.png) 0px 42px no-repeat;}
.sjMap{ display:none;}

.Partner{ padding-bottom:45px; margin-bottom:6.4%;}
.Partner dl{ margin:1px 1px 0 0;}
.Partner dd{ width:25%; float:left;}
.Partner .imgbox{ padding-top:48%; border:1px solid #e5e5e5; margin:-1px -1px 0 0px;}
.Partner .imgbox span{ background-size:contain;}
.Partner .flex-control-paging{ height:5px; bottom:0;}
.Partner .flex-control-paging li a{ width:31px; border-radius:0; height:5px; background:#979797;}
.Partner .flex-control-paging li a.flex-active{background:#ee7b19;}

@keyframes scaleDraw { 
  0%{transform: scale(1); background:rgba(238,123,25,0.5);}
  25%{transform: scale(0.5);background:rgba(238,123,25,0.1);}
  50%{transform: scale(1);background:rgba(238,123,25,0.5);}
  75%{transform: scale(0.5);background:rgba(238,123,25,0.9);}
}
@media ( max-width:998px){
.HwMap{ display:none;}	
.sjMap{ display:block;}
}
@media ( max-width:800px){
.Infotxt,.Infotxt2,.Infotxt3,.Infotxt4{width:auto !important; float:none; line-height:24px; margin-bottom:18px; padding-top:0;}
.Infoimg,.Infoimg2,.Infoimg3,.Infoimg4{ width:auto; float:none; text-align:center;}
.Infoimg .flex-direction-nav .flex-prev {left:0px;}
.Infoimg .flex-direction-nav .flex-next {left:50px; background:#ed6d00;}
.Infoimg .imgbox{ height:auto; padding-top:50%;}
.Model li{font-size:14px;}
.ProcessList{ height:auto !important; height:100px; min-height:100px;}
.ProcessList li{ padding-bottom:12px;}
.ProcessList li:nth-child(even){ padding-top:0;}
.ProcessList li .line{ display:none;}
.ProcessList li .ico{ width:40%;}
.ProcessList li h3{ line-height:24px; font-size:16px;}
.ProcessList li:nth-child(odd){ clear:both;}
.Partner{ padding-bottom:25px;}
}

@media ( max-width:640px){
.CaseList li{ margin-bottom:12px;}
.CaseList .imgbox{ width:auto !important; float:none !important; height:auto; padding-top:50%;}
.CaseList .info{ width:auto !important; float:none !important; padding:12px 12px 20px; line-height:24px;}
.CaseList .info .tit{ line-height:35px; padding-top:0px; font-size:16px;}
.CaseList .info .txt{ height:72px; font-size:14px; margin-bottom:10px;}
.infotit{ line-height:45px;font-size:18px;}
.tabcss th{ font-size:14px;}
.Case1,.Case2{ width:auto !important; padding-bottom:10px; clear:both; height:200px; min-height:200px;}
.Case2 .list li{ width:50%;}.Case2 .list li:nth-child(3n+1){ clear:none;}.Case2 .list li:nth-child(2n+1){ clear:both;}
.Casetit{padding:10px 0;}
.Casetit b{line-height:30px; font-size:18px;}
.result{font-size:16px;}
.ProcessList li { width:48%;}
}

/*新闻资讯 s*/
.subnav{margin-top: 3%;text-align: center;}
.subnav li{display: inline-block;height: 40px;line-height: 40px;width: 140px;border-radius: 5px;text-align: center;border: 1px solid #ed6d00;margin: 0 8px;}
.subnav li a{color: #ed6d00; }
.subnav li.on a,.subnav li:hover a{color: #fff; }
.subnav li.on,.subnav li:hover{background: #ed6d00; }
.NewsTop{ margin-top:2.5%; position:relative; background:#fff; height:380px; padding-left:50%;}
.NewsTop .imgbox{transition: all ease 0.3s; opacity:0; position:absolute; left:0; width:50%; top:0; height:380px;}
.NewsTop li{ margin:0 23px 0 11px; height:125px;}
.NewsTop li .box{ position:relative; padding-left:90px;}
.NewsTop li .date{ width:90px; font-size:12px; line-height:15px; color:#222222; position:absolute; left:0; top:21px; text-align:center;}
.NewsTop li .date b{ display:block; line-height:53px; font-size:34px;}
.NewsTop li .date i{ display:block; margin:0px auto; width:40px; height:7px; border-top:1px solid #686868;}
.NewsTop li .tit{ line-height:38px; color:#222222; font-size:18px; padding-top:21px;}
.NewsTop li .p{ line-height:20px; height:40px;-webkit-line-clamp: 2; color:#999999;}
.NewsTop li.on .tit{ color:#003466;}
.NewsTop li.on .imgbox{ opacity:1; z-index:2;}

.NewsList{ margin:31px 0 15px -2.5%;}
.NewsList li{ width:30.8333%; float:left; margin:0 0 2.5% 2.5%; background:#fff;transition: all ease 0.3s}
.NewsList li .box{ padding:20px; line-height:25px; color:#333333;}
.NewsList li .imgbox{ padding-top:60%;}
.NewsList li .tit{ margin:20px 0 17px; font-size:18px; color:#003466;}
.NewsList li .p{ -webkit-line-clamp: 3; height:75px; color:#999999; margin-bottom:24px;}

.Titleinfo{ border-bottom:1px solid #e6e6e6; text-align:center; margin-bottom:35px; padding:35px 0 18px;}
.Titleinfo .tits{font-size:28px; color:#010101; line-height:53px;}
.Titleinfo .date{ font-size:14px; padding:5px 0 0 0;color:#808080;}
.Titleinfo .date i{ display:inline-block; margin:0 10px;}
.Titleinfo .share{ display:inline-block;*display:inline; zoom:1; vertical-align:middle;}
.PrevNextBox {margin:50px 0 0 0;position:relative; padding-top:11px; border-top:1px solid #e6e6e6; color:#888888; font-size:16px;}
.PrevNextBox dl{ width:70%; line-height:50px; height:50px;overflow:hidden; border-bottom:1px dotted #d9d9d9; 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:#333333;}
.PrevNextBox dl a.none{color:#999;}
.PrevNextBox a.back{ position:absolute; right:0; top:54px; color:#001c5e; font-size:16px; padding-right:31px; background:url(../images/ico/back.png) right center no-repeat;}

.newinfo{ max-width:1000px; margin:0px auto;}

@media ( max-width:998px){
.NewsList li .box{ padding:10px; line-height:20px;}
.NewsList li .p{ height:60px; margin-bottom:10px;}
.NewsList li .tit{ margin:10px 0 5px; font-size:16px;}
.NewsTop{height:280px;}
.NewsTop li .date b{ line-height:28px; font-size:18px;}
.NewsTop li .tit{font-size:16px; padding-top:10px;}
.NewsTop li{ height:auto;}
.NewsTop .imgbox{ height:280px;}

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

.PrevNextBox {margin:50px 0 0 0; font-size:14px;}
.PrevNextBox dl{ width:auto; line-height:30px; height:30px; margin-bottom:8px;}
.PrevNextBox dl span{ padding-left:45px;}
.PrevNextBox a.back{ font-size:14px; top:-35px;}
}
@media ( max-width:640px){
.NewsTop { position:static; padding:10px 0; height:auto;}
.NewsTop li{ display:none; margin:0 10px;}
.NewsTop li:nth-child(1){ display:block;}
.NewsTop .imgbox{ position:relative; width:auto; height:auto; padding-top:50%;}
.NewsList{ margin-top:20px;}
.NewsList li{ width:47.5%;}
.NewsList li .p{height:40px; -webkit-line-clamp: 2;}
}


/*应用领域 s*/
.Areabox{ padding-left:200px; padding-bottom:20px; height:auto !important; height:240px; min-height:240px; position:relative;}
.Areabox .tithead{ width:180px; position:absolute; left:0; top:0px; background-color:#003466; height:240px; background-image:url(../images/logobg.png); background-position:center bottom; line-height:30px; background-repeat:no-repeat; text-align:center;}
.Areabox .tithead span{ display:block; padding-top:55px; font-size:24px; color:#f5f5f5;}
.Areabox .tithead span i{ display:block; font-size:14px; opacity:0.4; color:#fff; text-transform:uppercase;line-height: 1;margin-top: 10px;}
.Areabox:nth-child(1n+1) .tithead{ background-color:#003466;}
.Areabox:nth-child(2n+2) .tithead{ background-color:#ed6d00;}
.Areabox:nth-child(3n+3) .tithead{ background-color:#17688d;}

.Arealist { margin-left:-2%;}
.Arealist li{ text-align:center; width:95% !important; position:relative; float:left; margin:0 0 2% 2%;transition: all ease 0.3s;}
.Arealist .imgbox{ padding-top:240px;}
.Arealist .tit{ z-index:2; position:absolute; color:#fff; left:0; bottom:0; width:100%; line-height:50px; font-size:16px; background:rgba(0,0,0,0.5);}
@media ( max-width:998px){
.Arealist .tit{ font-size:14px; line-height:35px;}
}
@media ( max-width:768px){
.Areabox{ padding-left:0px; height:50px; min-height:50px;}
.Areabox .tithead{ line-height:22px; margin-bottom:10px; width:auto; position:static; background-position:right bottom; height:auto; background-size:contain;}
.Areabox .tithead span{padding:10px 0 5px 25px; font-size:16px; text-align:left;}
.Areabox .tithead span i{ font-size:12px;}
.Arealist .imgbox{ padding-top:80%;}
}
.Arealist .slick-arrow {
    position: absolute;
    bottom: 100%;
    background: #e1e1e1 no-repeat center;
    background-size: auto calc(15 / 16 * 1em);
    padding: 0;
    width: calc(52 / 16 * 1em);
    height: calc(52 / 16 * 1em);
    font-size: 1em;
    text-indent: -9999em;
    transition: 0.56s;
    top: 50%;
    margin-top: calc(-26 / 16 * 1em);
    z-index: 999;
    left: 10px;
}

.Arealist .slick-prev {
    margin-right: calc(74 / 16 * 1em);
    background-image: url(../images/Floor003183-prev.svg);
}

.Arealist .slick-arrow:hover {
    background-color: #bf9c50;
}

.Arealist .slick-next {
	    left: auto;right: 15px;

    background-image: url(../images/Floor003183-next.svg);
}


/*产品中心 s*/
.ProLists{ margin:0 0 0 -2%;}
.ProLists li{ width:23%; float:left; text-align:center; margin:0 0 3% 2%; background:#fff;transition: all ease 0.3s;}
.ProLists .imgbox{ padding-top:90%;}
.ProLists .imgbox span{ width:90%; height:90%; left:5%; top:5%; background-size:contain;}
.ProLists .tit{ overflow: hidden;
    line-height: 22px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: normal;
    font-size: 16px;
    font-weight: bold;
    color: #333333;}
.ProLists .p{ line-height:21px; height:63px; color:#999999;-webkit-line-clamp: 3;}
.ProLists .info{ padding:0 20px 35px;}
.ProLists li:hover .tit{ color:#ed6d00;}

.ProImg{ background:#fff; width:40%; float:left; padding-bottom:10px; margin-bottom:20px;}
#bigimg .imgbox{ padding-top:270px;}
#bigimg .imgbox span{ background-size:contain;}
#bigimg .flex-direction-nav{ display:none;}
#smallimg { margin:0 40px;}
#smallimg .flex-viewport{ margin-left:-5px;}
#smallimg .imgbox{ height:76px; border:2px solid #e6e6e6; background:#e6e6e6; margin-left:15px;}
#smallimg .imgbox span{ background-size:contain;}
#smallimg .slides li{ cursor:pointer;}
#smallimg .slides li.flex-active-slide .imgbox{ border:2px solid #ed6d00; background:#fff;}
#smallimg .flex-direction-nav a { width:18px; height:30px; line-height:30px; font-size:16px; background:#ed6d00; border-radius:0; color:#fff;}
#smallimg .flex-direction-nav .flex-prev{ left:-25px;}
#smallimg .flex-direction-nav .flex-next{ right:-25px;}
#smallimg .flex-direction-nav .flex-prev.flex-disabled{ background:#666666; opacity:1 !important;}
#smallimg .flex-direction-nav .flex-next.flex-disabled{ background:#666666; opacity:1 !important;}

.ProInfo{ width:57%; float:right; background:url(../images/probg2.png) right 102px no-repeat; margin-bottom:20px;}
.ProInfo .tithead{ border-bottom:1px dashed #e9e9e9; line-height:78px; margin-bottom:15px; color:#ed6d00; font-size:24px;}
.ProInfo .item { line-height:25px; color:#888888; height:auto !important; height:150px; min-height:150px; margin-bottom:26px;}
.ProInfo .item dt{ line-height:39px; color:#444444; font-size:16px; font-weight:bold;}
.ProInfo .btn { padding-bottom:50px;}
.ProInfo .btn a{ width:159px; line-height:40px; display:inline-block; margin-right:20px; color:#fff; font-size:16px; text-align:center;}
.ProInfo .btn a.qq{ background:#ed6d00;}.ProInfo .btn a:hover.qq{ background:#c25900;}
.ProInfo .btn a.down{ background:#003466;}.ProInfo .btn a:hover.down{ background:#0f6eca;}

.ProNav{ clear:both; line-height:50px; background:#ebebeb;}
.ProNav a{ font-size:16px; width:25%; float:left; text-align:center; display:block; color:#666666; font-weight:bold;}
.ProNav a.on{ background:#ed6d00; color:#fff;}
.ProNav.fxied{ top:60px; width:1200px; left:50%; margin-left:-600px; z-index:99; position:fixed;}
.Procontent{ background:#fff; padding:0 30px 25px;}
.Protxt{ border-bottom:1px dashed #cccccc; padding-bottom:32px; margin-bottom:20px;}
.Protxt .info{ width:48%; float:left;}
.Protxt .info p{ background:url(../images/dot2.gif) 12px 11px no-repeat; padding-left:12px; margin-bottom:5px;}
.Protxt .info p{padding-left:20px;}
.Protxt .info p:first-child{padding-left:12px;}
.Protxt .info p strong{margin-left:-10px;}
.Protxt .img{ width:47%; float:right;}
.AreaList{ margin:0 0 0 -2.5%;}
.AreaList li{transition: all ease 0.3s; width:22.5%; float:left; text-align:center; position:relative; margin:0 0 2.5% 2.5%;}
.AreaList .imgbox{ padding-top:55%;}
.AreaList .tit{ position:absolute; left:0; bottom:0; width:100%; background:url(../images/titbg.png) 0px bottom repeat-x; color:#fff; line-height:35px; padding-top:15px; font-size:16px; z-index:2;}

@media ( max-width:1200px){
.ProNav.fxied{ top:46px; width:100%; left:0%; margin-left:0px;}
}
@media ( max-width:998px){
.ProLists .tit{ line-height:28px; font-size:14px;}
.ProLists .info{ padding:0 10px 15px;}
.Procontent{ padding:0 10px 15px;}
.AreaList .tit{ font-size:14px; line-height:28px;}
.ProLists li{ width:31.333%;}
.ProImg{ width:auto; float:none;}
.ProInfo{ width:auto; float:none; background-position:right bottom;}
.ProInfo .tithead{ line-height:45px;font-size:18px;}
.ProInfo .item {height:40px; min-height:40px; margin-bottom:12px;}
.Protxt .info{ width:auto; float:none;}
.Protxt .info p{margin-bottom:12px;}
.Protxt .img{ width:auto; float:none;}
.AreaList li{ width:30.8333%;}
.ProInfo .btn{ padding:0;}
.ProInfo .btn a{ width:120px; line-height:35px; font-size:14px;}
}
@media ( max-width:560px){
.ProLists li{ width:48%;}
.AreaList li{ width:47.5%;}
}


/*关于格瑞拓 s*/
.History{ padding:1.5% 0 4.2%; background:url(../images/lsbg.jpg) center top no-repeat; background-size:cover;}
#historydate{ height:77px; background:url(../images/linebg.gif) 0px bottom repeat-x;}
#historydate .slides li{ text-align:center;height:77px; position:relative;}
#historydate .slides li span{ left:0; position:absolute; bottom:0px; width:100%; height:50px; line-height:39px; cursor:pointer; color:#b3b3b3; font-size:18px; font-family:Arial, Helvetica, sans-serif; background:url(../images/lsdot.png) center bottom no-repeat;}
#historydate .slides li.flex-active-slide span{ font-size:20px; color:#e57a14;background:url(../images/lsdot2.png) center bottom no-repeat;}
#historycon .box{ margin:0 30px; background:#fff;}
#historycon .info{ width:44.5%; float:right; padding-right:3.5%;}
#historycon .imgbox{ width:48%; height:300px; float:left;}
#historycon .year{ line-height:48px; padding-top:25px; color:#333333; font-size:20px;}
#historycon .txt{ line-height:30px; color:black; height:145px; border-bottom:1px solid #f0f0f0; overflow-y:auto; font-size:16px;}
#historycon .flex-direction-nav a { border-radius:0;opacity: 1; margin:0; top:auto; bottom:21px; width: 40px; height: 40px; line-height:40px;background-color: #e2e2e2; color:#999999; font-size:16px;}
#historycon .flex-direction-nav .flex-prev { left:auto; right:120px;background:#e2e2e2; }
#historycon .flex-direction-nav .flex-next { right: 70px;}
#historycon .flex-direction-nav a:hover { background-color:#e57a14;color:#fff;}
#historycon .flex-direction-nav .flex-disabled { display:none;}

.Culture{ background:url(../images/culturebg.jpg) center top no-repeat; background-size:cover; padding:1.5% 0 4.2%;}
.Culture .SubTit h2{ color:#fff;}
.Culture ul{ padding-top:3%; margin-left:-2%;}
.Culture li{ color:#fff; width:23%; float:left; font-size:16px; text-align:center; padding-left:2%;}
.Culture .ico{ position:relative;width:120px; height:120px; margin:0px auto;transition: all ease 0.3s;}
.Culture li .i1,.Culture li .i2{position: absolute; left:0px;top: 0px;}
.Culture li .i1{ transition: 400ms;}
.Culture li .i2{ -webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha(opacity=0); transition:500ms;}
.Culture li:hover .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1; filter:alpha(opacity=100);}
.Culture li:hover .i1 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(1.2); transform: scale(1.2);}
.Culture h3 { line-height:42px; font-size:20px; padding-top:15px;}
.Culture .p { line-height:20px; opacity:0.7;}
.Culture li:nth-child(even) { padding-top:80px;}

.HornorBox{padding:1.5% 0 0px; margin-top:4px; background:url(../images/rybg.jpg) center bottom no-repeat; background-size:cover;}
.Hornorscroll{ margin-top:2.5%; padding:0 83px 12%; background:url(../images/rybg.png) center bottom no-repeat; background-size:contain;}
.Hornorscroll .imgbox{background:url(../images/rybg2.png); background-size:contain; width:254px; height:173px; margin:0px auto;}
.Hornorscroll .imgbox span{ background-size:contain; border-radius:5px; left:1.5%; top:1.5%; width:92%; height:95%;}
.Hornorscroll .flex-direction-nav a{ color:#0c4ca3; font-size:46px; font-weight:bold; margin-top:20px; width:40px; height:40px; border-radius:0;}
.Hornorscroll .flex-direction-nav .flex-prev { opacity:1; left:-150px;}
.Hornorscroll .flex-direction-nav .flex-next { opacity:1; right:-150px;}
.Hornorscroll .flex-control-nav{ display:none;}

.Tzbox{padding:1.5% 0 4.2%;}
.NewsFocus2{ overflow:hidden; position:relative; background:#fff; margin-bottom:20px;}
.NewsFocus2 .slides li{ position:relative; height:280px;}
.NewsFocus2 .imgbox{ overflow:hidden; width:37%; height:280px; float:left;}
.NewsFocus2 .info{ width:57%; padding:24px 2% 0 0%; float:right;}
.NewsFocus2 .date{ color:#999999; background:url(../images/ico/date.png) 0px center no-repeat; padding-left:34px; font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:49px;}
.NewsFocus2 .tit{ font-size:18px; line-height:49px; color:#222222;}
.NewsFocus2 .p{height:72px; overflow:hidden; color:#888888;-webkit-line-clamp: 3;}
.NewsFocus2 .slides li:hover .tit{ color:#007cc3;}
.NewsFocus2 .flex-direction-nav{ display:none;}
.NewsFocus2 .flex-control-nav{ left:41%; text-align:left;width:32%; bottom:30px;}
.NewsFocus2 .flex-control-paging li a {width: 12px; height: 12px; text-indent:999em; background:#b5b5b5; border-radius:50%;}
.NewsFocus2 .flex-control-paging li a.flex-active {background:#ed6d00;}
.NewsList2{}
.NewsList2 li{ height:49px; line-height:49px; border-bottom:1px dashed #d5d5d5; font-size:16px;}
.NewsList2 li .date{ float:right; color:#888888; font-size:14px;}
.NewsList2 li .tit{ width:70%; float:left; background:url(../images/dot3.gif) 2px center no-repeat; padding-left:19px;}

@media ( max-width:1200px){
.Hornorscroll .flex-direction-nav .flex-prev {left:-50px;}
.Hornorscroll .flex-direction-nav .flex-next {right:-50px;}
}

@media ( max-width:998px){
#historycon .box{ margin:0;}
#historycon .txt{ line-height:24px;font-size:14px;}
#historycon .flex-direction-nav .flex-prev {right:75px;}
#historycon .flex-direction-nav .flex-next { right: 30px;}
.Hornorscroll .flex-direction-nav .flex-prev {left:0px;}
.Hornorscroll .flex-direction-nav .flex-next {right:0px;}
.Hornorscroll{padding-left:0; padding-right:0;}
}
@media ( max-width:768px){
#historycon .info{ width:auto; float:none; padding:10px;}
#historycon .imgbox{ width:auto; height:auto; padding-top:50%; float:none;}
#historycon .txt{ height:auto; padding-bottom:10px;}
#historycon .year{ line-height:32px; padding-top:0px;  font-size:18px;}
#historydate,#historydate .slides li{ height:50px;}
#historydate .slides li span{ height:38px; line-height:30px;font-size:16px;}
#historydate .slides li.flex-active-slide span{ font-size:18px;}
.Culture li{width:48%;font-size:14px; padding-bottom:15px;}
.Culture li:nth-child(even) { padding-top:0px;}
.Culture li:nth-child(odd) {clear:both;}
.Culture .ico{width:80px; height:80px;}
.Culture h3 { line-height:30px; font-size:16px; padding-top:6px;}
.NewsFocus2 { padding-bottom:35px;}
.NewsFocus2 .slides li{height:auto;}
.NewsFocus2 .imgbox{width:auto; height:auto; padding-top:50%; float:none;}
.NewsFocus2 .info{ width:auto; padding:12px; float:none;}
.NewsFocus2 .p{ height:auto;}
.NewsFocus2 .tit{ font-size:16px; line-height:28px;}
.NewsFocus2 .date{ font-size:14px; line-height:28px;}
.NewsFocus2 .flex-control-nav{ left:0; text-align:center; width:100%; bottom:-25px;}
.NewsList2 li{ height:28px; line-height:28px; font-size:14px;}
}
@media ( max-width:560px){
.Hornorscroll .imgbox{width:170px; height:116px;}
.Hornorscroll .flex-direction-nav a{ margin-top:-20px;}
}

.zgsgw {display: block;margin: 0 auto;width: 160px;height: 60px;line-height: 60px;text-align: center;border: 1px solid #003466;font-size: 20px;border-radius: 10px;background: #003466;color: #fff;margin-top: 80px;}
.zgsgw:hover{background: none;border: 1px solid #ed6d00}