@charset "utf-8";
@font-face {
  font-family: "impact";
  src: url("../fonts/impact-webfont.ttf") format("truetype"),
       url("../fonts/impact-webfont.eot") format("embedded-opentype"),
       url("../fonts/impact-webfont.svg") format("svg");
}
@font-face {
  font-family: "avantgardeitcbybt";
  src: url("../fonts/avantgardeitcbybt-demi.ttf") format("truetype"),
       url("../fonts/avantgardeitcbybt-demi.eot") format("embedded-opentype"),
       url("../fonts/avantgardeitcbybt-demi.svg") format("svg");
}

html,body{height:100%;}

body{padding:0; margin:0px auto; font-size:16px;line-height:0;color:#666666; width:100%; min-width:1280px; zoom:1;font-family: Microsoft YaHei,arial, sans-serif; background:#fff;}
ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}
select,input,textarea,button{ font-size:16px; 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: block;}
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:#00479d;}
/**:hover{transition: all ease 0.3s;}*/

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

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

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

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

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

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

@media ( max-width:1660px){
.Contain2{max-width:90%;}
}

@media ( max-width:1366px){
.Contain{max-width:90%;}
}
@media ( max-width:1024px){
body{font-size:14px; line-height:0;min-width:300px;}	
.Contain,.Contain2,.Contain3,.w1200{max-width:none; margin:0 15px;line-height:24px;}
select,input,textarea,button{ font-size:14px;}
}
/*effict*/
.Scale-img {overflow: hidden;cursor: pointer; zoom:1; overflow: hidden;}
.Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;transition: opacity 0.6s, transform 0.6s;}
.Scale-img:hover img,.Scale-img:hover span {opacity: 1;-webkit-transform: scale3d(1.05,1.05,1.05);transform: scale3d(1.05,1.05,1.05); top:0px; left:0px;}
.effict{transition: all ease 0.3s;}
.imgbox{ overflow:hidden; position:relative; /*background:url(../uploadfiles/nopic.jpg) center center no-repeat; background-size:contain;*/}
.imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;display: flex;align-items: center;justify-content: center;}
.imgbox img{ width:auto !important; max-height:100%;}


/*pages*/
.Pages{ zoom:1; overflow:hidden;text-align:center; clear:both; font-size:14px; line-height:36px;}
.Pages span{ padding:0px 0px; display:inline-block; vertical-align:middle;}
.Pages a{ display:inline-block; margin:0px 4px;color:#838383; width:40px; background:#efefef;}
.Pages .p_page a{ display:inline-block; vertical-align:middle; width:44px;}
.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; width:auto; padding:0 15px;}
.Pages .p_page .a_prev:hover,.Pages .p_page .a_next:hover,.Pages .p_page .a_first:hover,.Pages .p_page .a_end:hover{ color:#fff; background:#00479d;}
.Pages .p_page .num a:hover,.Pages .p_page .num a.a_cur{background:#00479d; color:#fff;}
.Pages .total{ margin:0px 4px;color:#838383; padding:0 12px; background:#efefef;}

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


/*Top*/
.Header{ z-index:999; position:fixed; left:0; top:0; width:100%;background:rgba(0,0,0,0.5); border-bottom:1px solid rgba(255,255,255,0.2); transition: all ease 0.3s; height:90px;}
.Header .auto{ max-width:1600px; margin:0px auto;}
.Header .Logo{ float:left; padding-top:16px;}
.Header .Logo img{ height:57px;}
.Probody .Header{background:rgba(0,0,0,0.5);}

.Shop{float:right; width:10%;}
.Shop a{ display:block; text-align:center; font-size:18px; color:#fff; font-weight:bold; line-height:90px; border-left:1px solid rgba(255,255,255,0.3);}
.Shop a:hover{ color:#ff6a00;}
.Shop .ico{ display:inline-block; vertical-align:middle; width:22px; height:22px; margin-right:10px; position:relative;}
.Shop .i1,.Shop .i2{ width:22px; height:22px; position: absolute; left:0;top:0;}
.Shop .i1{ transition: 400ms;}
.Shop .i2{ -webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha(opacity=0); transition:500ms;}
.Shop a:hover .i1{-webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha(opacity=0);}
.Shop a:hover .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1; filter:alpha(opacity=100);}

@media(max-width:1024px){
.Shop.search-ico{right:50px;}
}

.MainNav{ float:right; width:60%;}
.MainNav li{ float:left; width:16.6666%;}
.MainNav span a{ position:relative; z-index:1;display:block; text-align:center; color:#fff; font-size:20px; font-weight:bold; padding:0 9px;line-height:90px; transition: all ease 0.3s;}
.MainNav .bg{ position:absolute; left:50%; width:0; bottom:0px; height:3px; background:url(../images/navline.gif);transition: all ease 0.3s;}
.MainNav .arr{ display:none;}
.MainNav li:hover span a,.MainNav li.onnav span a,.MainNav li span a.sele{ color:#ff6a00;}
.MainNav li:hover .bg,.MainNav li.onnav .bg,.MainNav li span a.bg{ width:100%; left:0;}

.NavPull{ z-index:99;display:none; position:absolute; text-align:center; top:87px; left:0;width:100%;line-height:50px; padding:37px 0; background:rgba(255,255,255,0.98); box-shadow:0 5px 10px rgba(0,0,0,0.05);}
.NavPull .Contain{height:auto !important; height:126px; min-height:126px;}
.NavPull.null{background:none; padding:0;}
.NavPull .imgbox{ position:absolute; left:0; top:0; width:225px; height:126px;}
.NavPull .info{ margin-left:264px; width:57%;}
.NavPull dd{ float:left; width:140px;margin:0 20px 15px 0;}
.NavPull dd:last-child i{ display:none;}
.NavPull a{ font-size:16px; max-width:140px; color:#191919; display:block; background:#fff;}
.NavPull a:hover{color:#fff; background:#00479d;}

.MainNav li:nth-child(4) .NavPull dl{}
.MainNav li:nth-child(5) .NavPull dl{ padding-right:380px;}
.MainNav li:nth-child(6) .NavPull dl{ padding-right:148px;} 

.openbtn{ cursor:pointer; display:none;width:32px; height:25px; padding-top:1px; background:#fff; position:absolute; right:12px; top:9px; z-index:999;}
.closebtn{ position:fixed; left:0px; top:45px; width:100%; height:100%; z-index:0; display:none;background: rgba(0,0,0,0.5);}
.openbtn span{ display:block; height:3px; background:#ff6a00; border-radius:4px; margin:4px;transition: all ease 0.3s;}
.openbtn.on .sp1 {
	-webkit-transform: translate(0, 7px) rotate(45deg) !important;
	-moz-transform: translate(0, 7px) rotate(45deg) !important;
	-ms-transform: translate(0, 7px) rotate(45deg) !important;
	-o-transform: translate(0, 7px) rotate(45deg) !important;
	transform: translate(0, 7px) rotate(45deg) !important;}
.openbtn.on .sp2 {
	-webkit-transform: translate(0, 0) rotate(-45deg) !important;
	-moz-transform: translate(0, 0) rotate(-45deg) !important;
	-ms-transform: translate(0, 0) rotate(-45deg) !important;
	-o-transform: translate(0, 0) rotate(-45deg) !important;
	transform: translate(0, 0) rotate(-45deg) !important;}	
.openbtn.on .sp3 { display:none;}

.Header.fixed{ background:rgba(0,0,0,0.6);}

@media ( max-width:1660px){
.Header .auto{ max-width:90%;}
}
@media(max-width:1200px){
.NavPull .info{ width:70%;}
}

@media ( max-width:1024px){
.Header{height:45px; top:0; position:fixed;}
.Header .Logo{ padding-top:14px;}
.Header .Logo img{ height:20px;}

.Shop { width:auto; top:0; right:100px; position:absolute;}
.Shop a{ font-size:15px; line-height:45px; border-left:0px;}
.Shop .ico,.Shop .i1,.Shop .i2{ width:18px; height:18px;}

.Header .openbtn{ display:block;}

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

.NavPull{ position:static; line-height:30px; padding:8px; text-align:left;}
.NavPull .Contain { margin:0;}
.NavPull dl{ padding:0 !important;}
.NavPull dd{ position:relative; text-align:left; display:block; margin:0;}
.NavPull dd a{ padding:0 0 0 8px; color:#666;}
.NavPull .imgbox{ display:none;}
.NavPull .info{ width:auto; margin:0; padding:0 !important;}
}
/*Top*/


/*Bottom*/
.Footer{ background:#e6eaec url(../images/footbg.jpg) center bottom no-repeat; padding-top:2.8%; font-size:14px;}
.Footer .auto{ position:relative; max-width:1600px; margin:0px auto;}
.Footer .sitemap{ margin:0 0 5% 0; width:60%; float:left;}
.Footer .item{line-height:30px; width:20%; float:left; color:#888888;}
.Footer .item dl{ margin:0px auto; display:inline-block; *display:inline-block; zoom:1; text-align:left;}
.Footer .item dt{ font-size:16px; line-height:59px; font-weight:bold; position:relative;}
.Footer .item dt .arr{ display:none;width:100%; position:absolute; left:0; top:0; height:100%;}
.Footer .item dt .arr i{ width:20px; height:100%; right:5px;top:0; 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 dt a{ color:#333333;}.Footer .item dt a:hover{ color:#004494;}
.Footer .item dd a{ color:#666666;transition: all ease 0.3s;}.Footer .item dd a:hover{ color:#00479d; margin-left:5px;}
.Footer .ewm{ width:35%; float:right; text-align:right; border-left:1px solid #e2e2e2; margin-top:8px; padding-bottom:9px;}
.Footer .ewm li{ font-size:12px; text-align:center; display:inline-block;*display:inline;zoom:1; padding-left:13px; height:206px; line-height:19px; color:#3a3a3a;}
.Footer .ewm li img{ display:block; margin:0px auto 6px; padding:8px; background:#fff; width:110px; height:110px;}
.Footer .link{ border-radius:5px; width:256px; height:38px; text-indent:1em; border:1px solid #c5c5c5; font-size:14px; color:#333333;}

.Copyright{ background:#282828; text-align:center; color:#bdbdbd; padding-top:29px; height:59px;line-height:30px;}
.Copyright a{color:#bdbdbd;}.Copyright a:hover{color:#fff;}
.Copyright .logo{ position:absolute; top:-5px; left:0;}
.Copyright .totop2{line-height:30px; font-size:14px;cursor: pointer; position:absolute; top:0; right:10%; color:#d4d4d4;}
.Copyright .totop2 .iconfont { width:31px; height:31px; margin-left:13px; border:1px solid #d4d4d4; border-radius:50%; font-size:18px; display:inline-block;}
.Copyright .totop2:hover { color:#ffcc00;}
.Copyright .totop2:hover .iconfont{border:1px solid #ffcc00;}

.totop{ overflow: hidden;visibility:visible;opacity: 1;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.totop.cd-is-visible {visibility: visible;opacity: 1;}

.FastRight{ width:60px; position:fixed; z-index:999; right:10px; bottom:15%; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.FastRight li{ position:relative; cursor:pointer; margin-bottom:1px; border-bottom:1px solid #eee;}
.FastRight li:last-child{ border-bottom:0;}
.FastRight .ico{ line-height:60px;display:flex;justify-content:center; color:#00479d;align-items:center;flex-direction: column; background:#fff;}
.FastRight .ico .iconfont{display:block; font-size:27px;}
.FastRight li:hover .ico{ background:#ff6a00; color:#fff;}
.FastRight .info{ position:absolute; top:80px; right:62px; font-size:14px; padding:9px; text-align:center; color:#fff; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.15);
visibility: hidden;opacity: 0;filter: alpha(opacity=0);transition: all ease 0.3s;}
.FastRight .info img{ border:12px solid #fff; max-width:none; width:90px; height:90px;}
.FastRight .info.tel{ line-height:26px; color:#00479d; width:150px; text-align:left;}
.FastRight .info.tel b{ display:block; font-size:16px;}
.FastRight .info a{ color:#00479d;}
.FastRight li.on .info{ top:0;visibility: visible;opacity: 1;filter: alpha(opacity=100);}

@media ( max-width:1660px){
.Footer .auto{ max-width:90%; margin:0px auto;}
}

@media ( max-width:1024px){
.Footer{ padding-top:20px;}
.Footer .auto{ max-width:none; margin:0 15px;}
.Footer .sitemap{ width:auto; float:none; margin:0 0 10px 0;}
.Footer .item{width:auto; float:none; padding:0;}
.Footer .item dl{ display:block;}
.Footer .item .sub{ display:none; padding-top:8px; padding-bottom:8px;}
.Footer .item dt{line-height:30px; height:auto; font-size:14px; border-bottom:1px dotted rgba(0,0,0,0.1);}
.Footer .item dt .arr{ display:block;}
.Footer .ewm{ float:none; border-left:0; padding:0 0 20px; width:auto; text-align:center;}

.Copyright{ padding:10px 0; height:auto; line-height:20px; font-size:12px; text-align:center;}
.Copyright .logo{ display:none;}
.FastRight{ width:32px; right:1px;}
.FastRight .ico{ height:32px;}
.FastRight .ico .iconfont{font-size:18px;}
.FastRight .info img{ border:2px solid #fff;width:82px; height:82px;}
.FastRight em{ display:none;}
.FastRight .info{ right:32px;}
.FastRight .ico .iconfont{margin:0;}
.Copyright .totop2{ display:none;}
}
/*Bottom*/


/*首页 s*/
.activehover{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.15);
	box-shadow: 0 15px 30px rgba(0,0,0,0.15);
	-webkit-transform: translate3d(0, -3px, 0);
	transform: translate3d(0, -3px, 0);}


/*第一屏 s*/
.HomeBan {overflow:hidden; clear:both; position:relative;height:auto !important;height:800px;min-height:800px;background:url(../images/loading.gif) center center no-repeat;}
.HomeBan .slides li .img{ overflow:hidden; position:relative; padding-top:50%;}
.HomeBan .slides li .video{ background-position: center top; background-repeat:no-repeat; background-size:contain; overflow:hidden; position:relative; padding-top:40%;}
.HomeBan .slides li .img img{ position:absolute; left:0; top:0;}
.HomeBan .slides li video{ position:absolute; left:0; top:0; width:100%; height:100%;object-fit: fill;}
.HomeBan .slides li.flex-active-slide .txt{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}
.HomeBan .flex-control-nav{bottom:5%; z-index:10;}
.HomeBan .flex-control-nav li{ margin:0 10px; vertical-align:middle;}
.HomeBan .flex-control-nav li a{ opacity:1; width:8px; height:8px; border:2px solid #9d9d9d; background:none; border-radius:50%; cursor:pointer;}
.HomeBan .flex-control-nav li a.flex-active{opacity:1; width:12px; height:12px;}
.HomeBan .flex-direction-nav a { opacity: 0; border:1px solid #9f9f9f; color:#9f9f9f; width:50px; height:50px; line-height:50px; font-size:35px;}
.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 #58504a !important; background:#58504a !important; color:#fff;}

@media ( max-width:1024px){
.HomeBan{height:500px;min-height:500px;}
.HomeBan .flex-control-nav{bottom:10px; z-index:10;}
.HomeBan .flex-direction-nav{ display:none;}
.HomeBan .flex-control-nav li{ margin:0 5px;}
.HomeBan .flex-control-nav li a{ width:5px; height:5px;}
.HomeBan .flex-control-nav li a.flex-active{width:9px; height:9px;}
}
@media ( max-width:768px){
.HomeBan{height:350px;min-height:350px;}
}
@media ( max-width:480px){
.HomeBan{height:180px;min-height:180px;}
}
/*banner end*/

.HomeTit{ text-align:center; padding-bottom:35px;position:relative;}
.HomeTit h2{ color:#333333; font-size:28px; line-height:50px; padding-bottom:10px;}
.HomeTit h2 span{ display:block; text-transform:uppercase; font-size:40px;font-family: "avantgardeitcbybt";}
.HomeTit p{ color:#999999;}
.HomeTit p.more{padding-left:0;position:absolute;top:10px;right:35px;}

@media(max-width:1024px){
.HomeTit p.more{width:58px;line-height:25px;font-size:13px;right:43px;top:-7px;}
}

.Homepd{ padding:3% 0; overflow:;}
.HomeCustomer .flexslider{}
.HomeCustomer .box{ margin:0 31px;}
.HomeCustomer .imgbox{ padding-top:55%;}
.HomeCustomer .info{ width:80%; padding-top:35px;}
.HomeCustomer .ti{ line-height:28px; height:56px; overflow:hidden; font-weight:bold; font-size:18px;}
.HomeCustomer .p{ font-size:14px; line-height:24px; height:48px;-webkit-line-clamp: 2; color:#adadad; margin:10px 0 34px;}
.HomeCustomer .more{ position:relative; padding-left:22px; width:126px; line-height:48px; border:1px solid #000000; color:#000000; font-size:14px;}
.HomeCustomer .more i{ position:absolute; right:22px; top:18px; background:url(../images/arr1.png); width:7px; height:13px;}
.HomeCustomer li:hover .more{ color:#fff; background:#ff6a00; border:1px solid #ff6a00;}
.HomeCustomer li:hover .more i{background:url(../images/arr01.png);}
.HomeCustomer .flex-control-nav{ display:none;}
.HomeCustomer .flex-direction-nav a{ margin-top:-140px;}

@media ( max-width:1440px){
.HomeCustomer .box{ margin:0 15px;}
}
@media ( max-width:1024px){
.HomeTit{ padding-bottom:20px;}
.HomeTit h2{ font-size:17px; line-height:24px; padding-bottom:5px;text-align:left;}
.HomeTit h2 span{ font-size:22px;}
.HomeCustomer { padding-bottom:30px;}
.HomeCustomer .info{ width:auto; padding-top:10px;}
.HomeCustomer .ti{ font-size:15px; line-height:24px; height:48px;}
.HomeCustomer .p{ margin:8px 0; font-size:12px;}
.HomeCustomer .more { padding-left:10px; width:88px; line-height:32px;}
.HomeCustomer .more i { right:8px; top:10px;}
.HomeCustomer .flex-direction-nav { display:none;}
.HomeCustomer .flex-control-nav{ display:block; bottom:-6px;}
}
@media ( max-width:640px){
.HomeCustomer .box{ margin:0 5px;}
}

.HomePro{ overflow:hidden; background:url(../images/probg.jpg) center center no-repeat; background-size:cover; padding:2% 0 3%;}
.HomePro #bigpro .slides li{ position:relative;}
.HomePro #bigpro .img{ width:50%; float:right; margin-right:4%; text-align:center;transition: all ease 0.3s;}
.HomePro #bigpro .img img{}
.HomePro #bigpro .img:hover{
-webkit-transform: translate3d(0, -6px, 0);
transform: translate3d(0, -6px, 0);}

.HomePro #bigpro .info{ width:43%; float:left; padding:6% 0 0 3%;}
.HomePro #bigpro .info{ color:#333333;}
.HomePro #bigpro .info h2{ line-height:50px; font-size:24px;}
.HomePro #bigpro .info h2 span{ line-height:90px; font-size:45px;font-family: "avantgardeitcbybt"; display:block;}
.HomePro #bigpro .info .p{ margin-bottom:55px; color:#333333;}
.HomePro #bigpro .info:hover h2{ color:#ff6a00;}
.HomePro #bigpro .more{ position:relative; padding-left:22px; width:126px; line-height:48px; border:1px solid #000000; color:#000000; font-size:14px;}
.HomePro #bigpro .more i{ position:absolute; right:22px; top:18px; background:url(../images/arr1.png); width:7px; height:13px;}
.HomePro #bigpro .info:hover .more{ color:#fff; background:#ff6a00; border:1px solid #ff6a00;}
.HomePro #bigpro .info:hover .more i{background:url(../images/arr01.png);}
.HomePro #bigpro .flex-direction-nav a{ background:#fff; border:1px solid #fff;}

.HomePro #nav { position:relative; z-index:2;text-align:center;}
.HomePro #nav .box{ position:relative; cursor:pointer;min-width:150px; display:inline-block; color:#fff; margin:0 16px; padding-bottom:16px; border-bottom:3px solid #fff; line-height:26px; font-weight:bold;}
.HomePro #nav .box span{ text-transform:uppercase; font-size:14px; display:block;font-family: "avantgardeitcbybt";}
.HomePro #nav .box i{ position:absolute; height:3px; left:0; bottom:-3px; background:#ff6a00; width:0;transition: all ease 0.3s;}
.HomePro #nav .flex-active-slide .box{ color:#ff6a00;border-bottom:3px solid #ff6a00;}
.HomePro #nav .flex-active-slide .box i{ width:100%;}
.HomePro .flex-direction-nav{ display:none;}

.HomePro .flnav{ position:absolute; width:35%; top:65%; left:3%; line-height:54px;}
.HomePro .flnav dd{ font-size:20px; cursor:pointer; padding:0 18px; float:left; position:relative; background:rgba(0,0,0,0.7); color:#fff;}
.HomePro .flnav dd span{ display:block; position:relative; z-index:1;}
.HomePro .flnav dd.on:after{ content:""; position:absolute; left:0; top:-5px; width:100%; height:64px;background-image: linear-gradient(to right, #ff922d , #ff750d); box-shadow:0 8px 13px rgba(161,67,0,0.26);}
.HomePro .none{ opacity:0; visibility:hidden; position:absolute;}

@media ( max-width:1500px){
.HomePro #bigpro .info h2 { font-size:22px; line-height:40px;}
.HomePro #bigpro .info h2 span { line-height:70px; font-size:34px;}
.HomePro #nav .box { margin:0 5px;}
.HomePro #nav .box span{ font-size:12px;}

.HomePro .flnav dd{padding:0 14px;}
}

@media ( max-width:1024px){
.HomePro{ padding-bottom:50px;}
.HomePro .flex-control-nav{ bottom:-28px;}
.HomePro #bigpro .info h2 { font-size:18px;line-height:24px;}
.HomePro #bigpro .info h2 span { font-size:28px; line-height:40px;}
.HomePro #bigpro .more { padding-left:10px; width:88px; line-height:32px;}
.HomePro #bigpro .more i { right:8px; top:10px;}

.HomePro .flnav dd{padding:0 5px; font-size:16px;}
}
@media ( max-width:640px){
.HomePro #bigpro .img{ width:auto; float:none;}
.HomePro #bigpro .img img{ max-height:none;}
.HomePro #bigpro .info{ width:auto; float:none; padding:10px;}
.HomePro #nav .box{ padding-bottom:5px; line-height:20px;min-width:120px;}
.HomePro #bigpro .info .p{ margin-bottom:10px;}
.HomePro #bigpro .info h2 { font-size:16px;}
.HomePro #bigpro .info h2 span{ font-size:22px; line-height:26px;}

.HomePro .flnav{ position:static; width:auto; line-height:45px; margin:15px 0 20px;}
.HomePro .flnav dd.on:after{ height:54px;}
.HomePro .flnav dd{ padding:0 10px;}
}


.HomeVideo{ position:relative;}
.HomeVideo .play{background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; width:100%; height:100%; top:0;  left:0; z-index:2;cursor:pointer;}
.HomeVideo .play span{ position:absolute; left:0; top:0; z-index:2; text-align:center; background:rgba(0,0,0,0.3);width:100%; height:100%; line-height:44px; color:#fff; font-size:40px; display:block;z-index:3;transition: all ease 0.3s;display:flex;justify-content:center;align-items:center;flex-direction: column;}
.HomeVideo .play span .iconfont{ border:0; width:80px; font-size:78px; display:block; margin-bottom:30px; line-height:80px;}
.HomeVideo .more2{position:absolute; top:40px;width:160px;text-align:center;right:40px;border-radius:15px;line-height:45px;color:#fff;font-size:18px;z-index:100;background:#ff6a00;}
.HomeVideo video{ width:100%; height:640px; background:#000; display:;}
.HomeVideo:hover .play span{background:rgba(0,0,0,0.1);}
.HomeVideo:hover .play span .iconfont{ color:#ff6a00;}

.Homepd .more{ text-align:center; margin:30px auto;position:relative; padding-left:0px; width:126px; line-height:48px; border:1px solid #000000; color:#000000; font-size:14px;}
.Homepd .more i{display:inline-block; position:static !important; vertical-align:middle;margin-left:10px; background:url(../images/arr1.png); width:7px; height:13px;}
.Homepd .more:hover{ color:#fff; background:#ff6a00; border:1px solid #ff6a00;}
.Homepd .more:hover i{background:url(../images/arr01.png);}

@media ( max-width:1500px){
.HomeVideo .play span .iconfont{ font-size:50px; line-height:50px;}
.HomeVideo video{height:500px;}
.Homepd .more { padding-left:10px; width:88px; line-height:32px;}
.Homepds .more i { right:8px; top:10px;}
}
@media ( max-width:1024px){
.HomeVideo .play span .iconfont{ margin-bottom:10px; height:45px;}
.HomeVideo .play span{ font-size:18px; line-height:24px;}
.HomeVideo video{height:400px;}
}
@media ( max-width:640px){
.HomeVideo .play span{ font-size:16px;}
.HomeVideo video{height:220px;}
.HomeVideo .more2{font-size:14px;width:100px;line-height:26px;right:25px;top:25px;}
}



.HomeFa{ background:#ecf0f2; overflow:hidden;}
.HomeFa .infotxt{ width:25%; float:left;}
.HomeFa .HomeTit{ text-align:left;}
.HomeFa .HomeTit p{ margin-top:18px;}
.HomeFa .flexslider{ width:75%; float:right;}
.HomeFa .box{ margin-left:20px; padding:58px 0 45px; background-position:center top; background-repeat:no-repeat; background-size:contain; background-color:#fff;}
.HomeFa .box .imgbox{ padding-top:65%;}
.HomeFa .box .imgbox span{ background-size:contain;}
.HomeFa .box .info{ padding:0 40px; margin-top:40px;}
.HomeFa .box .info .tit{ font-size:18px; font-weight:bold; color:#333333;}
.HomeFa .box .info .p{ height:48px; line-height:24px; color:#a9a9a9; font-size:14px; margin:18px 0 34px;-webkit-line-clamp: 2;}
.HomeFa .box .info .more{ position:relative; width:48px; height:48px; line-height:48px; border:1px solid #000000; color:#000000; font-size:14px;}
.HomeFa .box .info .more i{ position:absolute; top:18px; right:20px;margin-left:0; background:url(../images/arr1.png); width:7px; height:13px;}
.HomeFa .box .info .more em{ position:absolute; opacity:0;}
.HomeFa .box:hover .more{ width:135px; color:#fff; border:1px solid #4d81bf;}
.HomeFa .box:hover .more i{background:url(../images/arr01.png); right:22px;margin-left:10px;}
.HomeFa .box:hover .more em{ position:static; opacity:1;}
.HomeFa .box:hover{ background:#004aa4 !important;}
.HomeFa .box:hover .info .tit{ color:#fff;}
.HomeFa .box:hover .info .p{ color:#a3b4d5;}
.HomeFa .flexslider{ position:static;}
.HomeFa .flex-control-nav{ display:none;}
.HomeFa .flex-direction-nav .flex-prev{ left:0; margin-top:0; top:auto; bottom:38px;}
.HomeFa .flex-direction-nav .flex-next{ left:70px; right:auto; margin-top:0; top:auto; bottom:38px;}

@media ( max-width:1024px){
.HomeFa{ padding-bottom:30px;}
.HomeFa .infotxt{ width:auto; float:none;}
.HomeFa .flexslider{ width:auto; float:none;}
.HomeFa .flex-viewport{ margin-left:-12px;}
.HomeFa .box{ margin-left:12px; padding:20px 0 20px;}
.HomeFa .box .info{ margin-top:12px; padding:0 12px;}
.HomeFa .box .info .tit{ font-size:15px;}
.HomeFa .box .info .p{ font-size:12px; margin:8px 0;}
.HomeFa .flex-direction-nav{ display:none;}
.HomeFa .flex-control-nav{ display:block; bottom:-30px;}
.HomeFa .box .info .more{ width:30px !important; padding:0 !important; height:30px; line-height:30px;}
.HomeFa .box .info .more i{top:10px; right:10px; }
.HomeFa .box .info .more em{ opacity:0 !important;}
}

.NewsFocus{ width:50%; float:left; position:relative; margin-bottom:29px;}
.NewsFocus .slides li{ position:relative;}
.NewsFocus .bg{ position:absolute; width:100%; left:0; top:0; height:100%;display:none; background:rgba(0,0,0,0.3); z-index:2;transition: all ease 0.3s;}
.NewsFocus .imgbox{padding-top:446px;}
.NewsFocus .info{ width:90%; padding:0 5% 12px; position:absolute; color:#fff;background:rgba(0,0,0,0.4); bottom:0; left:0; z-index:10;transition: all ease 0.3s;}
.NewsFocus .info .num{display:none; line-height:68px; font-size:30px;}
.NewsFocus .info .tit{ line-height:46px; font-size:18px; font-weight:bold; width:80%;}
.NewsFocus .info .p{ font-size:14px; line-height:24px; height:48px;-webkit-line-clamp: 2;}
.NewsFocus .date{ position:absolute; background:#004aa4; z-index:10; text-align:center; left:5%; top:5%; width:70px; height:80px; color:#fff; font-size:14px; font-family:Arial, Helvetica, sans-serif; line-height:16px;}
.NewsFocus .date i{ display:block; line-height:33px; padding-top:15px; font-size:30px;font-family: "impact";}
.NewsFocus .slides li:hover .info{ background:rgba(0,0,0,0.5);}
.NewsFocus .slides li:hover .bg{ opacity:0;}

.NewsFocus .flex-direction-nav{ display:none;}
.NewsFocus .flex-control-nav{bottom:72px; z-index:10; right:0; width:100px; text-align:center;}
.NewsFocus .flex-control-nav li{ margin:0 5px 0 0; vertical-align:middle;}
.NewsFocus .flex-control-nav li a{ opacity:1; width:9px; height:9px; background:#fff; border-radius:0; border-radius:50%; border:0;}
.NewsFocus .flex-control-nav li a.flex-active{ width:15px; height:15px; background:#ff6a00;}

.RecNews{ width:45%; float:right;}
.RecNews .slides li{ position:relative; height:446px;}
.RecNews .flex-viewport{ margin-left:-59px;}
.RecNews .box{ margin-left:59px;}
.RecNews .imgbox{padding-top:205px; margin-bottom:20px;}
.RecNews .date{ line-height:36px; font-size:14px; color:#333333;}
.RecNews .ti{ line-height:32px; height:64px; color:#333333; overflow:hidden; margin-bottom:26px; font-size:18px; font-weight:bold;}
.RecNews .p{ font-size:14px; line-height:24px; height:48px;-webkit-line-clamp: 2; color:#666666;}
.RecNews .slides li:hover .ti{ color:#ff6a00;}

.RecNews .flex-direction-nav{ display:none;}
.RecNews .flex-control-nav{bottom:0; z-index:10; text-align:left; line-height:5px;}
.RecNews .flex-control-nav li{ cursor:pointer; margin:0 10px 0 0; vertical-align:middle;}
.RecNews .flex-control-nav li a{ opacity:1; width:40px; height:5px; background:#ededef; border-radius:0; border:0;}
.RecNews .flex-control-nav li a.flex-active{ background:#ff6a00;}

@media ( max-width:1440px){
.RecNews .flex-viewport{ margin-left:-30px;}
.RecNews .box{ margin-left:30px;}
}
@media ( max-width:1024px){
.NewsFocus{ width:auto; float:none;  margin-bottom:15px;}
.NewsFocus .imgbox{padding-top:65%;}
.NewsFocus .info{ padding:0 5% 10px;}
.NewsFocus .info .tit{ font-size:15px; line-height:24px;}
.NewsFocus .info .num{ font-size:16px; line-height:30px;}
.NewsFocus .info .p{ font-size:12px;height:24px;-webkit-line-clamp: 1;}
.NewsFocus .date i{ font-size:24px;}
.NewsFocus .flex-control-nav{ bottom:70px;}

.RecNews{ width:auto; float:none; padding-bottom:30px;}
.RecNews .flex-viewport{ margin-left:-10px;}
.RecNews .flex-control-nav{bottom:-25px;}
.RecNews .flex-control-nav li a{ width:20px;}
.RecNews .imgbox{ margin-bottom:10px; padding-top:62%;}
.RecNews .slides li{ height:auto;}
.RecNews .box{ margin-left:10px;}
.RecNews .ti{ font-size:15px; line-height:24px; height:48px; margin-bottom:8px;}
.RecNews .p{ font-size:12px;}
}
/*首页 end*/


/*栏目页公用样式 s*/
.SubPage{ height:auto !important; height:200px; min-height:200px; padding-top:4.6%; padding-bottom:3.6%;}
.SubBan { position:relative;}
.SubBan .img img{ width:100%;}

.ColumnName{ position:absolute; padding-left:49px; width:225px; left:0; top:-80px;}
.ColumnName .bg{position:absolute; height:130px; background:#fff url(../images/linesub.gif) 0px 52px no-repeat; z-index:-1; width:584px; left:-310px; top:0;}
.ColumnName h2{ padding-top:29px; line-height:52px; color:#00479d; font-size:36px;}
.ColumnName p{ line-height:35px; color:#e6e6e6; font-size:30px;font-family: "impact"; text-transform:uppercase;}
.ColumnName .arr{ display:none; position:absolute; right:12px; top:0; height:100%; text-align:right; padding-right:5%; width:95%;}
.ColumnName .iconfont{ font-size:24px;transition: all ease 0.3s;}
.ColumnName.on .arr .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{line-height:50px;clear:both; position:relative; z-index:5; background:#00479d;transition: all ease 0.3s;}
.SubMenu .Contain{line-height:50px;}
.SubMenu ul{ float:right;}
.SubMenu li{float:left; position:relative; margin-left:44px;}
.SubMenu li a{ z-index:1; position:relative; z-index:1; display:block; font-size:18px; color:#fff;}
.SubMenu li .bg{ position:absolute; z-index:0; width:0%; bottom:0px; height:3px; left:50%; background:#ff6a00;transition: all ease 0.3s; font-size:0;}
.SubMenu li:hover .bg,.SubMenu li.onli .bg,.SubMenu li.active .bg{ left:0; width:100%;}
.SubMenu li a:hover,.SubMenu li.onli a{}

.subnav{ border-bottom:1px solid #ececec; padding-bottom:20px; text-align:center;}
.subnav li{ display:inline-block;}
.subnav li a{ color:#666; background:#e6e6e6; display:block; line-height:30px; border-radius:5px; margin:0 10px; padding:5px 15px;}
.subnav li a:hover,.subnav li.on a{ color:#fff; background:#ff6a00;}


.SinglePage{word-wrap:break-word;word-break:normal;text-align:justify; color:#333333; line-height:30px; font-size:16px;}
.SinglePage video{ width:80% !important; margin:0px auto; height:auto !important;}
.SinglePage p{ text-indent:2em;}

.SubTit{margin-bottom:22px; border-bottom:1px solid #ececec; padding-bottom:27px; position:relative;}
.SubTit h2{ line-height:58px; color:#292929; font-size:36px;}
.SubTit h2 i{ position:absolute; width:50px; height:1px; font-size:0; left:0; bottom:-1px; background:#00479d;}
.SubTit.bai{ border-bottom:1px solid rgba(255,255,255,0.1);}
.SubTit.bai h2{ color:#fff;}
.SubTit.bai h2 i{ background:#ff6a00;}

media ( max-width:1024px){
.SubPage{ padding-top:20px;padding-bottom:30px;}

.ColumnName{ position:relative; top:-25px; width:225px;}
.ColumnName .bg{height:60px; background-position:-60px 18px; box-shadow:0 0 10px rgba(0,0,0,0.2); width:500px; left:-240px;}
.ColumnName h2{ padding-top:3px; line-height:30px; font-size:18px;}
.ColumnName p{ line-height:17px;font-size:16px;}
.ColumnName .arr{ display:block;}

.SubMenu{ border-bottom:0; margin:0 0 10px; background:none; line-height:32px; height:auto; display:block;}
.SubMenu .Contain{line-height:32px;}
.SubMenu ul{ display:none; float:none;}
.SubMenu li{position:relative;display:block;}
.SubMenu li a{ z-index:1; position:relative; display:block; font-size:18px; color:#000000; border-right:1px solid #eaeaea;}
.SubMenu ul{ display:none; background:#fff; float:none;}
.SubMenu li{text-align:left; width:auto; float:none; border-bottom:1px solid #ddd; margin:0;}
.SubMenu li a{font-size:15px; padding:0 5%; border-left:0; border-right:0; line-height:36px; height:auto;}
.SubMenu li .bg{ display:none;}
.SubMenu li:last-child{ border-bottom:0;}
.SubMenu li a:hover,.SubMenu li.active a{ color:#143a83;}

.SinglePage{ line-height:24px; font-size:14px;}
.SinglePage video{ width:100% !important;}

.SubTit{margin-bottom:12px;}
.SubTit h2{ line-height:30px; font-size:18px;}

.subnav li a{line-height:24px; margin:0 4px;}

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


/*公司简介 s*/
.AboutTxt{ color:#505050; padding:6% 0 5%;}
.AboutTxt .tithead{ line-height:60px; color:#292929; font-size:36px; display:inline-block; position:relative; border-bottom:1px solid #ececec; padding-bottom:27px; margin-bottom:4%;}
.AboutTxt .tithead i{ position:absolute; width:50px; height:1px; left:0; bottom:-1px; background:#00479d;}
.AboutTxt .txt{ line-height:26px; color:#505050;}

.AboutTxt2{ position:relative; overflow:hidden;}
.AboutTxt2 .info{ width:46%; padding-right:4%; height:100%; text-align:right; background:url(../images/aboutinfobg.jpg) center center no-repeat; background-size:cover; position:absolute;}
.AboutTxt2 .info ul{ width:62%; display:inline-block;}
.AboutTxt2 .info li{ width:50%; float:left; color:#fff; text-align:center; padding-top:11%;}
.AboutTxt2 .info li .ico{ margin-bottom:26px;}
.AboutTxt2 .info li .ico img{ display:block; margin:0px auto 25px; width:63px;}
.AboutTxt2 .info li .num{ line-height:64px; height:64px;}
.AboutTxt2 .info li .num i{ font-size:48px;font-family: "impact"; margin:0 9px;}
.AboutTxt2 .img{ width:53.4%; float:right; position:relative;}

.AboutTxt3{ padding:3% 0;}
.AboutTxt3 ul{ margin-left:-4%;}
.AboutTxt3 li{ overflow:hidden;transition: all ease 0.3s; width:46%; float:left; margin-left:4%; position:relative; padding-bottom:123px;}
.AboutTxt3 .imgbox{ padding-top:62%;}
.AboutTxt3 .info{ position:absolute; left:0; bottom:0; color:#2f2f2f; width:90%; z-index:2; background:#f7f7f7; padding:19px 5% 22px;transition: all ease 0.3s;}
.AboutTxt3 .info h2{ line-height:64px; font-size:36px; font-weight:normal;}
.AboutTxt3 .info h2 i{ display:block; width:20px; height:15px; border-top:3px solid #00479d;transition: all ease 0.3s;}
.AboutTxt3 .info p{ position:absolute; bottom:-30px; opacity:0; visibility:hidden;transition: all ease 0.3s; color:#fff;}
.AboutTxt3 li:hover .info{ background:#ff6a00; color:#fff;}
.AboutTxt3 li:hover .info i{ border-top:3px solid #fff; margin-bottom:30px;}
.AboutTxt3 li:hover .info p{bottom:27px; opacity:1; visibility:visible;}

.AboutTxt4{ padding:3% 0; background:url(../images/aboutinfobg3.jpg) center bottom no-repeat; background-size:cover;}
.AboutTxt4 ul{margin-left:-3.3333%;}
.AboutTxt4 li{ width:30%; float:left; margin-left:3.3333%;}
.AboutTxt4 .box{transition: all ease 0.3s; background:#fff; height:343px; padding:77px 50px 0; background:url(../images/aboutinfobg2.jpg) center top no-repeat; background-size:cover;}
.AboutTxt4 .ico{ margin-bottom:20px;}
.AboutTxt4 .ti{ line-height:50px; color:#0f0f0f; font-size:22px;}
.AboutTxt4 .ti i{ display:block; width:33px; height:22px; border-top:1px solid #00479d;}
.AboutTxt4 .p{ line-height:24px; color:#959595; font-size:14px;}
@media ( max-width:1600px){
.AboutTxt2 .info li .ico img{ width:40px; margin-bottom:0px;}
.AboutTxt2 .info li .num { line-height:50px; height:50px;}
.AboutTxt2 .info li .num i{ font-size:34px;}
}
@media ( max-width:1024px){
.AboutTxt{ padding-top:0%;}
.AboutTxt .tithead{ font-size:18px; line-height:28px; padding-bottom:10px;}
.AboutTxt2 .info{ position:static; width:auto; height:auto; padding-bottom:5%;}
.AboutTxt2 .info ul{ width:auto; display:block;}
.AboutTxt2 .info li{ padding-top:6%;}
.AboutTxt2 .info li .ico{ margin-bottom:10px;}
.AboutTxt2 .info li .num { line-height:40px; height:40px;}
.AboutTxt2 .info li .num i{ font-size:28px;}
.AboutTxt2 .img{ width:auto; float:none;}

.AboutTxt3 li{ padding-bottom:94px;}
.AboutTxt3 .info { padding-bottom:19px;}
.AboutTxt3 .info h2{ font-size:22px; line-height:40px;}

.AboutTxt4 .box{ padding:20px 20px 0;}
.AboutTxt4 .ti { font-size:16px;}
.AboutTxt4 .ico{ width:34px;}
}
@media ( max-width:768px){
.AboutTxt .tithead { font-size:16px; line-height:24px;}

.AboutTxt2 .info li .num i{ font-size:22px;}
.AboutTxt2 .info li .ico{ margin-bottom:5px;}

.AboutTxt3 li{ width:auto; float:none;}

.AboutTxt4{ padding-top:20px;}
.AboutTxt4 li{ width:auto; float:none; margin-bottom:15px;}
.AboutTxt4 .ico{ margin-bottom:0;}
.AboutTxt4 .box{ height:auto; padding-bottom:20px;}
.AboutTxt4 .ti i{ height:8px;}
}

/*联系方式 s*/
.Contact{ width:40%; float:left; position:relative; z-index:2;}
.Contact h2{ line-height:52px; color:#292929; font-size:36px; margin-bottom:27px;}
.Contact p b,.Contact p strong{ color:#ff6a00;}
.Contact .lxwm{ position:absolute; top:281px; left:0; width:150%; z-index:2; color:#fff; padding:19px 0 22px; box-shadow:0 30px 70px rgba(0,0,0,0.13);
background-image: -webkit-linear-gradient(left, #ff8700,#ff6a00);
background-image: -moz-linear-gradient(left, #ff8700, #ff6a00);
background-image: -ms-linear-gradient(left, #ff8700, #ff6a00);
background-image: -o-linear-gradient(left, #ff8700,#ff6a00);}
.Contact .lxwm .item{ line-height:26px; width:30%; padding-left:3.3333%; float:left;}
.Contact .lxwm .item dt { line-height:38px;}
.Contact .lxwm .item dd.tel{ font-size:20px; font-family:Arial, Helvetica, sans-serif;}

.Map{ width:60%; float:right;}
#dituContent{ height:500px;}
@media ( max-width:1024px){
.Contact .lxwm .item dd.tel{ font-size:16px;}
.Contact{ width:auto; float:none;}
.Contact .lxwm{ position:static; margin:15px 0; width:auto;}
.Contact h2{ line-height:30px; font-size:18px; margin-bottom:10px;}
.Map{ width:auto; float:none;}
#dituContent{ height:350px;}
}
@media ( max-width:640px){
.Contact .lxwm .item{ width:auto; float:none;}
#dituContent{ height:220px;}
}

/*社会责任 s*/
.SocialTxt{ padding-bottom:3.5%;}
.SocialTxt .Info{ width:46%; float:left; font-size:18px; color:#a1a1a1; line-height:36px;}
.SocialTxt .Img{ width:46%; float:right; text-align:center;}

.SocialList{}
.SocialList .item{ background:#f4f4f4; margin-top:32px;transition: all ease 0.3s;}
.SocialList .imgbox{ padding-top:315px; width:50%; float:left;}
.SocialList .info{ padding:0 5%; width:40%; float:left; line-height:36px; font-size:15px;}
.SocialList .ti{ padding-top:61px; line-height:58px; font-size:26px; color:#00479d;}
.SocialList .ti i{ width:14px; height:17px; display:block; border-top:3px solid #b8b8b8;}
.SocialList .p{ line-height:36px; height:108px;-webkit-line-clamp: 3; color:#616161;}
.SocialList .item.next .imgbox{ float:right;}
@media ( max-width:1024px){
.SocialList .imgbox{ padding-top:250px;}
.SocialTxt .Info{ font-size:14px;line-height:26px;}
.SocialList .ti{ padding-top:25px; line-height:40px; font-size:18px;}
.SocialList .p{ line-height:24px; height:auto;}
}
@media ( max-width:640px){
.SocialTxt .Info{ width:auto; float:none;}
.SocialTxt .Img{ width:auto; float:none; margin-top:12px;}
.SocialList .item{margin-top:15px;}
.SocialList .ti{ padding-top:10px;}
.SocialList .imgbox{ padding-top:50%; width:auto; float:none !important;}
.SocialList .info{ padding:0px 15px 15px; width:auto; float:none; font-size:14px;}
}

/*工程案例 s*/
.CaseRec{ padding-top:1.5%; margin-bottom:5%; position:relative; height:430px;}
.CaseRec .info{ position:absolute; right:0; width:33%; right:5%; top:18%;}
.CaseRec .info .ti{ font-size:24px; color:#292929; margin-bottom:30px;}
.CaseRec .info .p{color:#666666;}
.CaseRec .info:hover .ti{color:#ff6a00;}

.CaseRec #Bigimg{ position:relative; z-index:1; width:58%; float:left;}
.CaseRec #Bigimg .imgbox{ padding-top:430px;}
.CaseRec #Bigimg .flex-direction-nav{ display:none;}

.CaseRec #Smallimg{width:36%; position:absolute; right:2%; bottom:4%;}
.CaseRec #Smallimg .flexslider{ padding:0 14px;}
.CaseRec #Smallimg .imgbox{ cursor:pointer; margin:0 8px 0 9px; border:3px solid #fff; padding-top:68px;}
.CaseRec #Smallimg .flex-active-slide .imgbox{ border:3px solid #ff6a00;}
.CaseRec #Smallimg .flex-direction-nav a{ width:10px; height:16px; border:0; border-radius:0; text-indent:999em; margin-top:-8px;}
.CaseRec #Smallimg .flex-direction-nav .flex-prev{ left:0px; background:url(../images/arrl2.png);}
.CaseRec #Smallimg .flex-direction-nav .flex-prev:hover{background:url(../images/arrl02.png) !important; border:0 !important;}
.CaseRec #Smallimg .flex-direction-nav .flex-next{ right:0px; background:url(../images/arrr2.png);}
.CaseRec #Smallimg .flex-direction-nav .flex-next:hover{background:url(../images/arrr02.png) !important; border:0 !important;}

.CaseList{ margin:0 0 1.5% -3%;}
.CaseList li{ width:30.333%; float:left; margin:0 0 3% 3%;}
.CaseList .box{transition: all ease 0.3s; border:2px solid #eeeeee; background:#fff; padding:7% 8%;}
.CaseList .ti{ font-size:24px; color:#000000; height:60px; overflow:hidden; margin-bottom:4px;}
.CaseList .imgbox{ padding-top:55%;}
.CaseList .p{ height:75px; line-height:25px;-webkit-line-clamp: 3; font-size:14px; color:#666666; margin:25px 0;}
.CaseList .more{ border-radius:14px; margin:0px auto; width:100px; line-height:30px; text-align:center; font-size:12px; color:#666666; background:#eeeeee;}
.CaseList .more i{ display:inline-block; vertical-align:middle; background:url(../images/arr5.png); width:13px; height:13px; margin-left:6px;}
.CaseList li:hover .box{ border:2px solid #fff;}
.CaseList li:hover .more{ background:#ff6a00; color:#fff;}
.CaseList li:hover .more i{ background:url(../images/arr05.png);}
.CaseList li:hover .ti{ color:#ff6a00;}
@media ( max-width:1024px){
.CaseRec{height:350px;}
.CaseRec .info .ti{ font-size:18px; margin-bottom:15px;}
.CaseRec #Bigimg .imgbox{ padding-top:350px;}
	
.CaseList .ti{ font-size:18px; height:48px;}
}
@media ( max-width:640px){
.CaseRec{height:auto;}
.CaseRec .info{ position:static; width:auto; margin-bottom:15px;}
.CaseRec #Bigimg{ width:auto; float:none; margin-bottom:12px !important;}
.CaseRec #Bigimg .imgbox{ padding-top:60%;}
.CaseRec #Smallimg{width:auto; position:static;}
.CaseRec #Smallimg .imgbox{margin:0 4px 0 4px; padding-top:60%;}

.CaseList .ti{ font-size:15px;}
.CaseList li{ width:47%;}
.CaseList .p{ height:40px; line-height:20px;-webkit-line-clamp: 2; font-size:13px; margin:8px 0;}
}

/*荣誉资质 s*/
.HornorRec{ margin:3.3% 0 0;position:relative;}
.HornorRec .Info{ width:48%; position:absolute; left:0; top:40px; font-size:18px; color:#a1a1a1; line-height:36px;}

.HornorRec .Contain{height:558px;}
.HornorRec .bg{ height:200px; position:absolute; left:0; bottom:0; width:100%; background:#00479d;}
.HornorRec #Bigimg{ position:relative; z-index:1; width:35%; float:right;}
.HornorRec #Bigimg .info{ height:216px; font-size:14px; line-height:24px; overflow-y:auto; margin-bottom:10px;}
.HornorRec #Bigimg .info .date{ padding:49px 0 30px; color:#ff6a00; font-size:26px;}
.HornorRec #Bigimg .imgbox{ padding-top:286px; border:2px solid #e5e5e5; background:url(../images/rybg.gif);}
.HornorRec #Bigimg .imgbox span{ background-size:contain;}
.HornorRec #Bigimg .flex-direction-nav{ display:none;}

.HornorRec #Smallimg{ position:absolute; z-index:1; width:62%; left:0; bottom:43px;}
.HornorRec #Smallimg .flexslider{ padding:0 14px;}
.HornorRec #Smallimg .imgbox{ cursor:pointer; margin:0 10px 0 9px; border:2px solid #e5e5e5; padding-top:109px;}
.HornorRec #Smallimg .flex-active-slide .imgbox{ border:2px solid #ff611b;}
.HornorRec #Smallimg .flex-direction-nav a{ width:17px; height:28px; border:0; border-radius:0; text-indent:999em; margin-top:-14px;}
.HornorRec #Smallimg .flex-direction-nav .flex-prev{ left:-10px; background:url(../images/arrl1.png);}
.HornorRec #Smallimg .flex-direction-nav .flex-prev:hover{background:url(../images/arrl01.png) !important; border:0 !important;}
.HornorRec #Smallimg .flex-direction-nav .flex-next{ right:-10px; background:url(../images/arrr1.png);}
.HornorRec #Smallimg .flex-direction-nav .flex-next:hover{background:url(../images/arrr01.png) !important; border:0 !important;}

.HornorList{ padding-bottom:10px; margin-left:-3.333%;}
.HornorList li{transition: all ease 0.3s; overflow:hidden; width:30%; float:left; margin:0 0 3.333% 3.333%; position:relative; text-align:center;}
.HornorList .imgbox{ padding-top:65%;border:2px solid #e5e5e5; background:url(../images/rybg.gif);}
.HornorList .imgbox span{ background-size:contain;}
.HornorList .ti{transition: all ease 0.3s; visibility:hidden; opacity:0; position:absolute; z-index:2; left:0; bottom:-50px; width:90%; padding:15px 5%; color:#fff; background:rgba(255,106,0,0.9);}
.HornorList li:hover .ti{ visibility:visible; opacity:1; bottom:0;}
@media ( max-width:1024px){
.HornorRec .Info{font-size:14px;line-height:26px;}
.HornorRec #Bigimg .info .date{ padding:10px 0 10px; font-size:18px;}
}
@media ( max-width:768px){
.HornorRec .Info{ width:auto; position:static;}
.HornorRec .Contain{height:auto; padding-bottom:15px;}
.HornorRec #Bigimg{width:auto; float:none;}
.HornorRec #Bigimg .imgbox{ padding-top:65%;}
.HornorRec #Bigimg .info{ height:120px;}
.HornorRec #Bigimg .info .date{ padding:0 0; font-size:16px;}
.HornorRec #Smallimg{ position:static; width:auto; margin-top:15px;}
.HornorRec #Smallimg .imgbox{ margin:0 6px; padding-top:60%;}

.HornorList{ margin-left:-3%;}
.HornorList li{width:47%; margin:0 0 3% 3%;}
}

/*招聘信息 s*/
.JobList{ padding:10px 0 15px 0; margin-bottom:2.5%;}
.JobList .item{ margin-top:22px; border:3px solid #e5e5e5; padding:7px 30px 4px;}
.JobList .jobtit{ cursor:pointer; line-height:62px; font-size:18px; color:#00479d; font-weight:bold; position:relative;}
.JobList .jobtit .more{ position:absolute; width:57px; height:22px; cursor:pointer; background:url(../images/arr2.png); right:0; top:22px;}
.JobList .info{ line-height:37px;}
.JobList .detail{ display:none; line-height:26px; margin-bottom:4%;}
.JobList .detail .stit{ line-height:37px; padding-top:15px; color:#094eba;}
.JobList .other{ line-height:46px; border-top:1px solid #d6d6d6; font-size:14px; margin-top:17px;}
.JobList .other dd{ display:inline-block; width:209px; color:#292929;}
.JobList .other dd span{color:#888888;}
.JobList .item.current .info{ display:none;}
.JobList .item.current .jobtit .more{background:url(../images/arr02.png);}
@media ( max-width:768px){
.JobList .item{ margin-top:15px; padding:7px 15px 4px;}
.JobList .jobtit{ line-height:35px; font-size:16px;}
.JobList .jobtit .more{ top:8px;}
.JobList .info{ line-height:24px;}
.JobList .other dd{width:160px;}
}

/*招募经销商 s*/
.Ysimg{ width:40%; position:relative; float:left; padding-top:6%;}
.Ysimg img{ position:relative; z-index:1;transition: all ease 0.3s;}
.Ysimg:hover img{ margin-top:-15px;}
.Ysimg .bg{ background:url(../images/jmbg.jpg); background-size:cover; width:818px; position:absolute; top:0; height:560px; left:-298px;}
.Ysinfo{ width:60%; float:right; position:relative; z-index:1;}
.Ysinfo li{ width:40%; float:left; padding:0 5%; height:280px; background:#f8f8f8; color:#818181; line-height:24px; font-size:14px;}
.Ysinfo .ico{ text-align:center; padding:46px 0 26px; margin:0px auto;}
.Ysinfo .ti{ text-align:center; line-height:38px; color:#292929; font-size:20px;}
.Ysinfo .ti i{ display:block; margin:0px auto; width:25px; height:20px; border-top:1px solid #ff6a00;}
.Ysinfo li.li2,.Ysinfo li.li3{ background:#f1f1f1;}

.Hzbox{ background:url(../images/processbg.jpg) center top no-repeat; background-size:cover; padding:4% 0 6%;}
.Hzbox .content{ height:180px; margin-top:4%; background:url(../images/linebg2.gif) center bottom 45px repeat-x;}
.Hzbox .content li{ width:20%; text-align:center; float:left; font-weight:bold;}
.Hzbox .content li span{transition: all ease 0.3s; line-height:94px; padding-top:17px; display:block; font-size:20px; color:#fff;}
.Hzbox .content li em{transition: all ease 0.3s; display:block; margin:0px auto; width:46px; line-height:46px; font-size:26px; color:#414141; font-family:Arial, Helvetica, sans-serif; background:#d2d3d8; border-radius:50%;}
.Hzbox .content li:hover span{ line-height:88px; padding-top:0; color:#ff6a00;}
.Hzbox .content li:hover em{ width:92px; line-height:92px; color:#fff; font-size:36px; background:#ff6a00;}

.Message{ margin:0 0 0 -3.333%;}
.Message .item{ margin-bottom:35px; margin-left:3.333%;}
.Message .w30{ width:30%; float:left;}
.Message .line{ position:relative; padding-left:44px; border:1px solid #d8d8d8; height:58px;}
.Message .line .ico{ position:absolute; left:13px; top:10px; color:#0b4fa1;}
.Message .line input{ width:100%; height:58px; line-height:58px;}
.Message .line .select ul{ margin-right:-3%;}
.Message .line .select li{ width:30.333%; padding-right:3%; background:url(../images/linebg.gif) right center no-repeat; float:left;}
.Message .line .select select{ width:100%; height:58px; background-position:right center; border:0;}
.Message .line .select li:last-child{ background:none;}
.Message .btn{ text-align:center; padding-top:3%; margin-bottom:0;}
.Message .sendbtn{ color:#fff; font-size:18px; border-radius:29px; background:#ff6a00; width:174px; height:60px;}
.Message .sendbtn:hover{ background:#e15501;}
@media ( max-width:1024px){
.Ysimg .bg{height:400px;}
.Ysinfo li{ height:200px;}
.Ysinfo .ico{ padding:15px 0 10px; width:60px;}
}
@media ( max-width:768px){
.Ysimg{ width:auto; float:none; text-align:center;}
.Ysimg .bg{ left:0; height:100%; width:100%;}
.Ysimg img{ width:60%; margin:0px auto;}
.Ysimg:hover img{ margin-top:0;}
.Ysinfo{ width:auto; float:none;}
.Ysinfo .ti{ font-size:16px;}
.Ysinfo .ti i{ height:10px;}
.Ysinfo li{ line-height:20px; font-size:12px; height:182px;}
.Hzbox .content{ height:90px; background:url(../images/linebg2.gif) center bottom 20px repeat-x;}
.Hzbox .content li span{line-height:50px; padding-top:5px; font-size:15px;}
.Hzbox .content li em{width:30px; line-height:30px; font-size:15px;}

.Message .w30{ width:auto; float:none;}
.Message .item{ margin-bottom:12px;}
.Message .line{ height:35px;}
.Message .line input,.Message .line .select select{ height:35px; line-height:35px;}
.Message .line .ico{ top:5px;}
.Message .sendbtn{ width:110px; height:38px; font-size:16px;}
}

/*新闻中心 s*/
.NewsList{ padding:1.5% 0 0 0; margin:0 0 0 -4.333%;}
.NewsList li{ width:29%; float:left; margin:0 0 4% 4.333%;}
.NewsList .imgbox{ padding-top:60%; margin-bottom:39px;transition: all ease 0.3s;}
.NewsList .imgbox span{ background-size:;}
.NewsList .date{ background:rgba(0,74,164,0.8); line-height:42px; font-size:40px; text-align:center; z-index:2; position:absolute; left:0; color:#fff; bottom:0; width:90px; padding:9px 0 8px; }
.NewsList .date i{ display:block; opacity:0.8; font-size:14px;line-height:21px;}
.NewsList .ti{ line-height:30px; height:60px; font-size:20px; color:#000000; margin-bottom:12px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.NewsList .p{ height:100px;-webkit-line-clamp: 4; line-height:25px; font-size:14px; color:#666666;}
.NewsList li:hover .ti{ color:#ff6a00;}
.NewsList li:hover .date{background:rgba(255,106,0,0.8);}

.NewsInfo{ max-width:1100px; margin:0px auto;}
.Titleinfo{ border-bottom:1px solid #e6e6e6; text-align:center; margin-bottom:35px; padding:0px 0 18px;}
.Titleinfo .tits{font-size:26px; color:#010101; line-height:40px;}
.Titleinfo .date{ font-size:14px; padding:5px 0 0 0;color:#808080;}
.Titleinfo .date i{ display:inline-block; margin:0 10px;}
.Titleinfo .share{ display:inline-block;*display:inline; zoom:1; vertical-align:middle;}
.PrevNextBox {margin: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 img{ width:50px; height:50px; display:inline-block; vertical-align:middle; margin-right:5px;}
.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:#ff6a00; font-size:16px; }

@media ( max-width:1024px){
.NewsList .date{line-height:30px; font-size:28px; width:60px;}
.NewsList .date i{ font-size:12px;}
.NewsList .imgbox{ margin-bottom:10px;}
.NewsList .p{ height:44px;-webkit-line-clamp: 2; line-height:22px; font-size:13px;}
.NewsList .ti{ height:50px; line-height:25px; font-size:15px; margin-bottom:5px;}

.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;}
.PrevNextBox dl span{ padding-left:45px;}
.PrevNextBox a.back{ font-size:14px; top:-35px;}
}
@media ( max-width:640px){
.NewsList li{ width:auto; float:none;}
.NewsList li .ti{ height:auto; line-height:24px;}
}


/*互动营销 s*/
.SearchNews{ margin-bottom:4%; border:1px solid #eaeaea; font-size:0; padding-left:16px; height:auto !important; height:43px; min-height:43px; line-height:43px; color:#212121; padding-left:80px; position:relative;}
.SearchNews dt{ position:absolute; left:16px; top:0; font-size:14px;}
.SearchNews dd{ vertical-align:middle; cursor:pointer; display:inline-block; margin-left:22px; font-size:14px;}
.SearchNews dd i{ display:inline-block; vertical-align:middle; width:5px; height:5px; border:1px solid #a1a1a1; margin-right:4px; color:#595959;}
.SearchNews dd.on { color:#ff6a00;}
.SearchNews dd.on i{ border:1px solid #ff6a00; background:#ff6a00;}

.NewsList2{ padding-bottom:2%;}
.NewsList2 li{transition: all ease 0.3s; height:200px; position:relative; background:#f8f8f8; padding:0 217px 0 349px; margin-bottom:30px;}
.NewsList2 .imgbox{ position:absolute; left:0; top:0; width:300px; padding-top:200px;}
.NewsList2 .date{ position:absolute; right:0; bottom:0; border-left:1px solid #e2e2e2; padding-left:19px; width:128px; height:100%; text-align:center;display:flex;justify-content:center;align-items:center;flex-direction: column; font-family:Arial, Helvetica, sans-serif; color:#797979; font-size:14px;}
.NewsList2 .date span{ display:block; line-height:48px; font-size:50px;}
.NewsList2 .date .more{ width:46px; line-height:36px; border:2px solid #efefef; color:#7b7b7b; margin-top:15px;}
.NewsList2 .tit{ padding:34px 0 26px; color:#282828; font-size:24px;}
.NewsList2 .p{-webkit-line-clamp: 3; height:78px; color:#838383; font-size:14px; line-height:26px;}
.NewsList2 li:hover .date .more{ border:2px solid #ff6a00; color:#ff6a00;}
.NewsList2 li:hover .tit{ color:#ff6a00;}

.InfoList{ margin:0 0 0 -3%; padding-bottom:10px;}
.InfoList .li{transition: all ease 0.3s; width:30.333%; float:left; margin:0 0 3% 3%; background:#f6f6f6;}
.InfoList .li .imgbox{ padding-top:244px;}
.InfoList .li .info{ padding:18px 20px 42px;}
.InfoList .li .info .date{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; color:#636363;}
.InfoList .li .info .tit{ font-weight:normal; margin:10px 0 11px; font-size:20px; color:#1d1d1d;}
.InfoList .li .info .p{ color:#666666; font-size:14px;-webkit-line-clamp: 2; height:50px; line-height:25px; margin-bottom:24px;}
.InfoList .li .info .more{ text-align:center; width:100px; line-height:30px; color:#fff; font-size:12px; background:#ff6a00; border-radius:14px;}
.InfoList .li .info .more i{ display:inline-block; vertical-align:middle; background:url(../images/more.png); width:13px; height:13px; margin-left:6px;}
.InfoList .li:hover .info .tit{ color:#00479d;}
.InfoList .li:nth-child(3){ clear:both;}
.InfoList .top{ width:63.666%; margin:0 0 3% 3%; float:left; position:relative;transition: all ease 0.3s;}
.InfoList .top .imgbox{ padding-top:488px;}
.InfoList .top .info{ position:absolute; z-index:10; padding:15% 4% 25px; background:url(../images/titbg.png) 0px bottom repeat-x; width:92%; bottom:0; left:0; font-size:14px; color:#fff;}
.InfoList .top .info .tit{ line-height:46px; font-size:24px;}
.InfoList .top .info .p{ height:24px;-webkit-line-clamp: 1;}

@media ( max-width:1024px){
.SearchNews{ padding-left:65px;}
.SearchNews dt{ left:5px;}
.SearchNews dd { margin-left:8px;}

.NewsList2 .imgbox{width:150px; padding-top:100px;}
.NewsList2 li{ height:100px;padding:0 60px 0 165px; margin-bottom:12px;}
.NewsList2 .tit{ padding:15px 0 5px; font-size:16px;}
.NewsList2 .p{-webkit-line-clamp: 2; height:auto; font-size:13px; line-height:22px;}
.NewsList2 .date{ line-height:20px; padding-left:0; width:50px;font-size:12px;}
.NewsList2 .date span{line-height:25px; font-size:20px;}
.NewsList2 .date .more{ width:20px; line-height:20px;margin-top:0px;}
.NewsList2 .date .more .iconfont{ font-size:18px;}

.InfoList .top .info{ padding:8px 4% 8px;}
.InfoList .top .info .tit{ line-height:28px; font-size:16px;}
.InfoList .top .imgbox{ padding-top:401px;}
.InfoList .li .info{ padding:10px;}
.InfoList .li .info .tit{ margin:5px 0; font-size:15px;}
.InfoList .li .info .p{ font-size:13px;line-height:20px; height:auto; margin-bottom:10px;}
}
@media ( max-width:640px){
.NewsList2 .imgbox{width:120px; padding-top:80px;}
.NewsList2 .tit{ padding:8px 0 2px; font-size:15px;}
.NewsList2 li{ height:80px;padding:0 0 0 130px;}
.NewsList2 .date{ background:rgba(0,74,164,0.8); height:auto;color:#fff; right:auto; left:0;}
.NewsList2 .date .more{ display:none;}
.NewsList2 .p{line-height:20px;}

.InfoList .li,.InfoList .top{width:auto; float:none;}
.InfoList .li .imgbox,.InfoList .top .imgbox{ padding-top:60%;}
}

/*销售服务网点 s*/
.Network{ padding-bottom:6%;}
.Network .Info{ width:60%; float:left; font-size:18px; color:#a1a1a1; line-height:36px;}
.Network .Num{ width:30%; float:right; padding-top:5%;}
.Network .Num li{ width:45%; float:left; padding-left:5%; text-align:center; color:#3a3a3a;}
.Network .Num li b{ display:block; line-height:63px;font-family: "impact"; font-size:36px; color:#00479d;}
.Network .Num li b i{ display:block; width:12px; margin:0px auto; height:5px; border-top:1px solid #ff6a00;}
.NetworkSearch li{ float:left;}
.NetworkSearch li.w25{ width:25%; margin:0 2% 2% 0;}
.NetworkSearch li.w16{ width:16%; margin:0 2% 2% 0;}
.NetworkSearch select{ width:100%; border:2px solid #ededed; height:55px; color:#404040; background: url(../images/selectarr2.png) no-repeat scroll 95% center transparent;}
.NetworkSearch input{ width:100%; border:2px solid #ededed; height:55px; color:#404040;}
.NetworkSearch .sendbtn{ color:#fff; font-size:18px; width:130px; height:55px; background:#ff6a00;}
.NetworkSearch .sendbtn:hover{ background:#e86203;}

.NetworkTit{display:none;height:82px; line-height:82px; border-bottom:1px solid #00479d; color:#00479d; font-size:30px; position:relative;}
.NetworkTit .iconfont{ position:absolute; right:0; line-height:24px; top:50%; margin-top:-5px; color:#ff6a00;}

.NetworTable {display: table;width: 100%;border-collapse: collapse; margin-bottom:30px;}
.table-tr {display: table-row;height: 30px;}
.table-th {display: table-cell;	height: 100%;border: 1px solid #eaeaea;text-align: center;vertical-align: middle;background-color: #f5f5f5; font-size:24px; color:#2b2b2b; font-weight:bold; height:82px;}
.table-th .iconfont{ font-weight:normal; color:#dcdcdc; font-size:36px; margin-right:10px;}
.table-td {display: table-cell;height: 100%;border: 1px solid #eaeaea;text-align: center;vertical-align: middle; height:98px; font-size:18px; color:#2b2b2b; width:31.3333%; padding:0 1%;}
.table-tr:hover .table-td { background:#eaeaea;}

#dituContent2{ border:2px solid #e6e6e6; height:546px;}

@media ( max-width:1024px){
.Network .Info{font-size:14px;line-height:26px;}
.NetworkTit{height:40px; line-height:40px; font-size:18px;}
.NetworkTit .iconfont{margin-top:-12px;}
.table-th {font-size:16px; height:60px;}
.table-th .iconfont{ font-size:24px;}
.table-td {height:60px; font-size:15px;}
#dituContent2{height:400px;}
}
@media ( max-width:640px){
.table-td { line-height:20px;font-size:14px;}
.table-th {font-size:14px;}
.table-th .iconfont{ font-size:18px; margin-right:0;}
.Network .Info{ width:auto;}
.Network .Num{ width:auto; float:none;}
.Network .Num li{ width:50%; padding:0;}
.Network .Num li b{line-height:30px;font-size:20px;}
.NetworkSearch li{ float:none; width:auto !important;}
.NetworkSearch select{ height:30px;}
.NetworkSearch .sendbtn{ font-size:15px; width:100px; height:35px;}
.NetworkSearch .btn{ text-align:center; padding-bottom:10px;}
#dituContent2{height:220px;}
}

/*客户服务 s*/
.DownList{ padding:2% 0 2% 0; margin-left:-3.333%;}
.DownList li{transition: all ease 0.3s; width:30%; float:left; margin:0 0 3.333% 3.333%; box-shadow:0 30px 70px rgba(0,0,0,0.13);}
.DownList li .info{transition: all ease 0.3s; padding:44px 5% 0; height:134px; font-size:24px; color:#00479d; line-height:36px; font-weight:bold; background: #fff url(../images/downbg3.gif) right bottom no-repeat;}
.DownList li .info span{ display:block; font-family:Arial, Helvetica, sans-serif;}
.DownList li .down{transition: all ease 0.3s; padding:0 5%; line-height:84px; color:#fff; background:url(../images/downbg.jpg) center top no-repeat; background-size:cover;}
.DownList li .down .ico{ float:right;}
.DownList li .down .ico .iconfont{ font-size:42px;}
.DownList li:hover .info{ color:#ff6a00;}
.DownList li:hover .down{ background:url(../images/downbg2.jpg) center top no-repeat; background-size:cover;}
.DownList li:hover .line{ border:3px solid #ff6a00; width:98.5%; top:0; height:98%; position:absolute; z-index:10; left:0;}

.TecList{ padding:2% 0 2% 0;}
.TecList li{transition: all ease 0.3s;display: flex;align-items: center; border:1px solid #eeeeee; height:64px; padding:0 80px 0 98px; position:relative; font-size:18px; color:#292929; font-weight:bold; margin-bottom:25px;}
.TecList li .p{-webkit-line-clamp: 2;}

.TecList li .arr{transition: all ease 0.3s; width:40px; height:17px; background:url(../images/arr3.png); background-size:contain; position:absolute; right:22px; top:50%; margin-top:-8px;}
.TecList li .ico{ position:absolute; left:0; top:0; height:100%; width:74px; text-align:center;display: flex;align-items: center;justify-content: center; color:#fff; background:#094eba;}
.TecList li .ico .iconfont{ font-size:29px; font-weight:normal;}
.TecList li:hover .arr{ right:10px;}
.TecList li a{ display:block;}

.VideoTec{ padding-top:1%;}
.VideoTec .left{transition: all ease 0.3s; width:59%; float:left;}
.VideoTec .left:hover .play{background:rgba(0,0,0,0.2);}
.VideoTec .imgbox{ padding-top:430px;}
.play{ position:absolute; text-align:center; left:0; top:0; z-index:2; width:100%; height:100%;display: flex;align-items: center;justify-content: center; background:rgba(0,0,0,0.45);}
.play .iconfont{ color:#fff; border:3px solid #fff; display:block; width:56px; height:56px; line-height:56px; font-size:30px;}
.VideoTec .right{ width:35%; padding:0 2%; float:right; background:#e8f1ff url(../images/videobg.jpg) center bottom no-repeat; background-size:contain; text-align:center; height:430px;display:flex;justify-content:center;align-items:center;flex-direction: column;}
.VideoTec .right .logo{}
.VideoTec .right h3{ margin:16px 0 24px; font-size:24px; color:#292929;}
.VideoTec .right .p{ line-height:36px; max-width:290px; margin:0px auto;}

.VideoList{ padding:2% 0 2%; margin-left:-3.333%;}
.VideoList li{transition: all ease 0.3s; width:30%; float:left; margin:0 0 3.333% 3.333%;}
.VideoList li .imgbox{ padding-top:55%; box-shadow:0 30px 70px rgba(0,0,0,0.13);}
.VideoList li .ti{ height:79px; font-size:24px; color:#000000; border-bottom:2px solid #000000;display: flex;align-items: center;justify-content: center;}
.VideoList li:hover .ti{ color:#ff6a00; border-bottom:2px solid #ff6a00;}
.VideoList li:hover .play{background:rgba(0,0,0,0.2);}


.VideoInfo{ width:55%; margin:25px auto; position:relative;text-align:center;background:#000;}
.VideoInfo video{height:576px;background:#000;}
.VideoInfo .title{ color:#fff; text-align:center; font-size:18px; padding-top:10px;}
.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;}

@media ( max-width:1024px){
.DownList li .info{ font-size:18px; line-height:24px;}
.DownList li .down{ line-height:40px;}
.DownList li .down .ico .iconfont{ font-size:24px;}

.TecList li{ font-size:16px; margin-bottom:12px; padding:0 50px 0 50px;}
.TecList li .ico{width:40px;}
.TecList li .ico .iconfont{ font-size:20px;}
.TecList li .arr{width:25px; height:11px; right:10px; margin-top:-5px;}
.TecList li:hover .arr{ right:5px;}

.VideoTec .imgbox{ padding-top:350px;}
.VideoTec .right{ height:350px;}
.VideoTec .right h3{ margin:10px 0 10px; font-size:18px;}
.VideoTec .right .p{ line-height:24px;}
.play .iconfont{ border:2px solid #fff; width:30px; height:30px; line-height:30px; font-size:18px;}
.VideoList li .ti{ height:60px; font-size:15px;}

.VideoInfo{ width:96%; margin:10px auto;}
.VideoInfo .title{font-size:16px;}
.VideoInfo video{height:350px;}
}
@media ( max-width:640px){
.DownList li{ width:auto; float:none;}
.DownList li .info{ padding:5%; height:auto; background-size:contain;}
.TecList li{ font-size:14px; line-height:20px;}

.VideoTec .left{ width:auto; float:none;}
.VideoTec .imgbox{ padding-top:60%;}
.VideoTec .right{ width:auto; float:none; height:auto; padding:15px;}

.VideoList{margin-left:-3%;}
.VideoList li{ width:47%; margin:0 0 3% 3%;}
}

/*产品中心 s*/
.Protxt{ width:50%; float:left; font-size:18px; color:#a1a1a1; line-height:36px;}
.ProNav{ margin:5% 0 35px -1%;}
.ProNav li{ width:24%; margin:0 0 1% 1%; float:left; line-height:52px; position:relative;}
.ProNav li a{ position:relative; display:block; color:#363636; background:#efefef; font-size:16px;transition: all ease 0s; height:70px;display: flex;align-items: center;justify-content: center; padding:0 0 0 15px;}
.ProNav li a:hover,.ProNav li.on a{ background: #ff6a00 url(../images/navbg.gif) center center no-repeat; background-size:contain; color:#fff;}
.ProNav li i{ position:absolute; left:50%; bottom:0; background:#d7570a; height:5px; width:0;transition: all ease 0.3s;}
.ProNav li:hover i,.ProNav li.on i{ width:100%; left:0;}

.ProTec{ display:none; margin-bottom:3%;}
.ProTec .left{ width:65.555%; float:left; position:relative; overflow:hidden;}
.ProTec .left .ico{ position:absolute; top:9px; left:13px; z-index:10;}
.ProTec .flexslider{overflow:hidden;}
.ProTec .left .slides li{ position:relative;}
.ProTec .left .imgbox{background-position:center center; background-repeat:no-repeat; background-size:cover; padding-top:510px;}
.ProTec .left .imgbox span{ background-size:contain;}
.ProTec .left .tit{ position:absolute; left:0; bottom:0; z-index:2; padding:8% 5% 30px; background:url(../images/titbg2.png) 0px bottom repeat-x; font-size:24px; color:#fff; font-weight:bold; width:90%;}
.ProTec .flex-control-nav{ text-align:center; right:0; width:100px;bottom:5%; z-index:10;}
.ProTec .flex-control-nav li{ margin:0 6px 0 0; vertical-align:middle;}
.ProTec .flex-control-nav li a{ opacity:1; width:10px; height:6px; background:#fff; border-radius:0; cursor:pointer;}
.ProTec .flex-control-nav li a.flex-active{opacity:1; width:20px; background:#c74c1e;}
.ProTec .flex-direction-nav a { opacity: 0; border-radius:0; border:1px solid #58504a; background:#58504a; color:#fff; width:40px; height:60px; line-height:60px; font-size:35px;}
.ProTec .flex-direction-nav .flex-prev {left:-50px;}
.ProTec .flex-direction-nav .flex-next {right:-50px;}
.ProTec .left:hover .flex-direction-nav .flex-prev { opacity:1; left:0;}
.ProTec .left:hover .flex-direction-nav .flex-next { opacity:1; right:0;}

.ProTec .right{ width:31.333%; float:right;}
.ProTec .right li{transition: all ease 0.3s; margin-bottom:20px; position:relative;}
.ProTec .right .imgbox {padding-top:245px; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.ProTec .right .imgbox span{ background-size:contain;}
.ProTec .right .tit{ position:absolute; padding:10% 5% 13px; width:90%; left:0; bottom:0;transition: all ease 0.3s; font-size:16px; text-align:center; color:#fff; background:url(../images/titbg3.png) 0px bottom repeat-x; z-index:10;}
.ProTec .right li:hover .zoom{ opacity:1;}

.ProList{ margin:0 0 0 -3.333%; padding:0 0 2%;}
.ProList li{transition: all ease 0.3s; width:30%; float:left; margin:0 0 3.333% 3.333%; position:relative; text-align:center;}
.ProList .box{border:3px solid #f0f0f0; padding:30px;}
.ProList .imgbox{ padding-top:80%; width:80%; margin:0px auto;}
.ProList .imgbox span{ background-size:contain;}
.ProList .info{ text-align:center; display:inline-block;}
.ProList .ti{ font-size:22px; color:#000000; font-weight:bold; line-height:36px; text-align:left; display:inline-block; padding-bottom:29px;}
.ProList .ti span{ font-weight:normal; display:block; color:#ff6a00; line-height:21px; font-size:14px;}
.ProList .p{ line-height:26px; color:#767676; padding-bottom:30px; text-align:left; font-size:14px; height:72px; overflow:hidden;}
.ProList .p p{ background:url(../images/dot.gif) 0 10px no-repeat; padding-left:13px; margin-bottom:10px;}
.ProList .p p:last-child{margin-bottom:0;}
.ProList .more{ font-size:14px; width:141px; line-height:48px; color:#fff; background:#ff6a00; margin:0px auto;}
.ProList .line{ background:#00479d; height:4px; left:50%; bottom:0; width:0;transition: all ease 0.3s;}
.ProList li:hover .line{width:100%; left:0;}

.ProLeft{ width:53%; float:left;}
.ProRight{ width:42%; float:right;padding-top:3%;}
.ProRight .info{ line-height:32px;}
.ProRight .info .p1{ margin-bottom:10px;}
.ProRight .tel{ font-weight:bold; color:#333; margin:15px 0 10px;}
.ProRight .tel i{ color:#ff6a00;}

.ProTit{ border-bottom:1px solid #d4d4d4; margin-bottom:2%;}
.ProTit h2{ font-size:28px; color:#000000; margin-top:10px; line-height:44px;}
.ProTit h2 i{ display:block; margin-bottom:-1px; width:30px; height:23px; border-bottom:2px solid #004f99;}
.ProTit p{ font-size:18px; line-height:30px;}

#BidPic{overflow:hidden;}
#BidPic .imgbox{ padding-top:72%; width:72%; margin:0px auto;}
#BidPic .imgbox span{ background-size:contain;}
#BidPic .slides li{ position:relative;}
#BidPic .slides .info{ z-index:2; position:absolute; left:0; bottom:0; width:100%;}
#BidPic .slides .info span{ display:inline-block; text-align:center; min-width:260px; padding:0 20px; line-height:100px; font-size:20px; color:#fff; background:rgba(223,12,21,0.8);}
#BidPic .flex-control-nav{ display:none;}
#BidPic .flex-direction-nav a { opacity: 1; color:#004f99; border:0; background:#f5f5f5; width:60px; height:60px; line-height:60px; font-size:30px;}
#BidPic .flex-direction-nav a:hover { background:#004f99 !important; border:0 !important; color:#fff;}
#BidPic .flex-direction-nav .flex-prev {left:0;}
#BidPic .flex-direction-nav .flex-next {right:0;}
#BidPic .flex-direction-nav .flex-disabled{ opacity:1 !important;}

#SmallPic{ width:385px; margin:0 auto 6%;overflow:hidden;}
#SmallPic .imgbox{ cursor:pointer; border:1px solid #ebebeb; padding-top:58%; margin:0 4px;}
#SmallPic .imgbox span{ background-size:contain;}
#SmallPic .slides li.flex-active-slide .imgbox{ border:1px solid #ff6a00;}
#SmallPic .flex-direction-nav{ display:none;}

.ProTab{ text-align:center; background:#f5f5f5; line-height:64px; margin-bottom:36px;}
.ProTab li{ position:relative; width:33.333%; float:left; font-size:18px; color:#000000; cursor:pointer; font-weight:bold;}
.ProTab li.on{ background:#004f99; color:#fff;}
.ProTab li.on i{ background:url(../images/arr4.png); width:13px; height:6px; left:50%; margin-left:-7px; bottom:-6px; position:absolute;}

.ProInfo{ padding:4%; background:#f5f5f5; color:#676767; line-height:36px;}

@media ( max-width:1024px){
.Protxt{ width:auto; float:none; font-size:14px; line-height:26px;}
.ProTec .left .tit{ font-size:16px;}
.ProTec .right .tit{ font-size:14px;}
.ProList .ti{ font-size:15px; padding-bottom:10px; line-height:26px;}
.ProList .p { height:48px;}
.ProList .p p { margin-bottom:0;}
.ProList .box{ padding:10px;}
.ProList .more{ width:100px; line-height:28px;}

.imgbox .zoom .iconfont{ font-size:24px;}
.ProNav{ padding:10px; margin-bottom:15px;}
.ProNav li{ width:48%;}
.ProNav li a{ font-size:14px; height:30px; display:block; line-height:30px; border:0 !important;}

.ProTit{ padding-top:54px;}
.ProTit h2{ font-size:18px; line-height:24px;}
.ProTit h2 i{height:10px;}
.ProTit p{ font-size:14px;}
#BidPic .flex-direction-nav a{ width:40px; height:40px; line-height:40px;}
.ProTab{line-height:40px; margin-bottom:15px;}
.ProTab li{ font-size:15px;}
.ProInfo{ line-height:24px;}

.ProLeft{ width:auto; float:none;}
.ProRight{ width:auto; float:none;padding-top:0;}
.ProRight .info{ line-height:24px;}
}
@media ( max-width:640px){
.ProList{ margin:0 0 0 -3%;}
.ProTec .left{ width:auto; float:none;}
.ProTec .left .imgbox{ padding-top:60%;}
.ProTec .left .tit{ padding:12px 5%; font-size:14px;}
.ProTec .right { margin-left:-3%; float:none; width:auto;}
.ProTec .right li{width:47%; margin:3% 0 0 3%; float:left;}
.ProTec .right .imgbox { padding-top:60%;}
.ProTec .right .tit{ padding:12px 5%;}
.ProList li{ width:47%; margin:0 0 3% 3%;}

#SmallPic{ width:320px;}
#BidPic .imgbox{ padding-top:80%; width:80%;}
}

/*产品商城 s*/
.HeaderPro{ background:#fff; margin-bottom:11px;}
.HeaderPro .Top{ height:123px;}
.HeaderPro .Top .Logo{ float:left; padding-top:28px;}
.HeaderPro .Top .Right{ float:right; padding-top:43px;}
.HeaderPro .Top .shop{ float:right; display:block; width:141px; line-height:50px; color:#fff; background:#ff6a00; border-radius:5px; text-align:center; font-size:18px;}
.HeaderPro .Top .shop img{ display:inline-block; vertical-align:middle; margin-right:12px;}
.HeaderPro .Top .shop:hover{ background:#ff4e00;}
.HeaderPro .Top .Tel{ float:right; padding:5px 0 0 11px; width:144px; line-height:18px; font-size:14px;}
.HeaderPro .Top .Tel b{ display:block; line-height:19px; padding-top:5px; color:#ff611b; font-size:18px; font-family:Arial, Helvetica, sans-serif;}

.Search{float:right; padding:6px 0 0 0;}
.Search .Searchico{ cursor:pointer; color:#ff6a00; display:none;}
.Search .Searchico .icongb1{ display:none;}
.Search .Searchico.on .icongb1{ display:block;}
.Search .Searchico.on .iconso{ display:none;}
.Search .Searchico .iconfont{ font-size:30px;}
.Search .searchbox{width:266px; background:#fff; float:right; position:relative; border:1px solid #00479d; display:; border-radius:19px;}
.Search .searchbox .input{width:100%; height:39px; line-height:39px; text-indent:1em; font-size:12px;}
.Search .searchbox .input::-webkit-input-placeholder {color: #959595;}
.Search .searchbox .btn { position:absolute; right:-1px; top:0; width:69px; height:39px; line-height:35px; border-radius:19px; text-align:center; background:#00479d; color:#fff;}
.Search .searchbox .btn .iconfont{ font-size:28px;}
.Search .searchbox .btn:hover { background:#0068e7;}
.MainNav2{ border-top:1px solid #eeeeee; background:#fff; height:45px; position:relative; z-index:100;}
.MainNav2 .Category{ position:absolute; width:230px; left:0; top:0;}
.MainNav2 .Category dt{ line-height:45px; padding-left:25px; color:#fff; cursor:pointer; background:#00479d;}
.MainNav2 .Category dt span{ display:inline-block; vertical-align:middle; width:22px; margin-right:25px;}
.MainNav2 .Category dt span i{ display:block; background:#fff; height:2px; margin-bottom:4px;}
.MainNav2 .Category dt span i.sp3{ margin-right:5px;}
.MainNav2 .Category dd{ position:absolute; top:56px; width:100%; background:#4d4d4d; padding-top:7px; height:453px;}
.MainNav2 .Category dd .item{ line-height:48px;}
.MainNav2 .Category dd .item a { color:#fff; display:block; font-size:14px; padding-left:26px; position:relative;}
.MainNav2 .Category dd .item a .iconfont{ position:absolute; right:20px; top:0; font-size:15px; color:#fff;}
.MainNav2 .Category dd .item a:hover { background:#929292;}
.MainNav2 .nav{ float:right;}
.MainNav2 .nav li{ float:left; margin-left:85px; line-height:45px;}
.MainNav2 .nav li span a{ display:block; font-size:18px; color:#1b1b1b;}
.MainNav2 .nav li.onnav span a,.MainNav2 .nav li:hover span a{ font-weight:bold;color:#00479d;}
.MainNav2 .arr{ display:none;}
.MainNav2 .NavPull{ top:45px; background:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.2); line-height:50px;}
.MainNav2 li:nth-child(4) .NavPull dl{ text-align:right;}
.MainNav2 li:nth-child(4) .NavPull dl{ padding-right:150px; text-align:right;}
.MainNav2 li:nth-child(5) .NavPull dl{ padding-right:100px; text-align:right;}
.MainNav2 li:nth-child(6) .NavPull dl{ padding-right:25px; text-align:right;}
.MainNav2 .NavPull i{ width:35px;background: url(../images/navline2.png) center center no-repeat;}

@media ( max-width:1024px){
.HeaderPro{position:relative; z-index:100;}
.HeaderPro .Top{ height:45px;}
.HeaderPro .Top .Logo { padding-top:15px;}
.HeaderPro .Top .Logo img{ height:20px;}
.HeaderPro .Top .Right { padding:10px 40px 0 0;}
.HeaderPro .Top .shop{ width:65px; line-height:25px; font-size:14px;}
.HeaderPro .Top .shop img{ width:15px; margin-right:5px;}
.Search{ padding:0 6px 0 0;}
.Search .Searchico{ display:block;}
.Search .searchbox{ display:none; position:absolute; left:2%; top:45px; width:96%; z-index:100;}
.HeaderPro .Top .Tel{ display:none;}
.Search .Searchico .iconfont { font-size:24px;}
.Search .searchbox .btn{ width:45px;}
.openbtn{ display:block;}

.MainNav2 .nav{ position:fixed; height:100%; overflow-y:auto; z-index:999; width:200px; padding:0; right:-200px;background: #fff;top:45px;visibility: hidden;opacity: 0;filter: alpha(opacity=0);transition: all ease 0.3s; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.MainNav2 .nav li{ display:block; position:relative; float:none; border-bottom:1px solid #e9e9e9;border-top:1px solid #f9f8f6; width:auto; margin:0 10px; background:none;}
.MainNav2 .nav li span a{ font-size:16px; text-align:left; height:auto; display:block; line-height:28px !important; height:auto !important; height:auto; padding:8px 0 8px 5px;  border:0; color:#999;}
.MainNav2 .bg{ display:none}
.MainNav2 .nav li:hover span a,.MainNav2 li.onnav span a,.MainNav2 li span a.sele{ color:#1a1a1a;}
.MainNav2 .nav .arr{ display:inline-block; position:absolute; z-index:2; width:100px; line-height:38px; right:0px; top:0px;}
.MainNav2 .nav .arr i{ position:absolute; height:auto; background:none; right:0px; top:5px;transition: all ease 0.3s;}
.MainNav2 .nav 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;}
.MainNav2 .nav.on{visibility: visible;opacity: 1;filter: alpha(opacity=100); right:0;}
.MainNav2 .Category dd{ display:none;}
.MainNav2 .NavPull{line-height:30px;}
}

.ProBan {overflow:hidden; position:relative;background:url(../images/loading.gif) center center no-repeat; width:970px; float:right;}
.ProBan .imgbox{ padding-top:460px;}
.ProBan .flex-control-nav{bottom:16px; z-index:10; line-height:10px;}
.ProBan .flex-control-nav li{ margin:0 3px; vertical-align:middle;}
.ProBan .flex-control-nav li a{ opacity:1; width:10px; height:10px; border:0px; background:#fff; border-radius:50%; cursor:pointer;}
.ProBan .flex-control-nav li a.flex-active{opacity:1; width:28px; border-radius:5px;}
.ProBan .flex-direction-nav a { opacity: 0; border:1px solid #9f9f9f; color:#9f9f9f; width:50px; height:50px; line-height:50px; font-size:35px;}
.ProBan .flex-direction-nav .flex-prev {left:-50px;}
.ProBan .flex-direction-nav .flex-next {right:-50px;}
.ProBan:hover .flex-direction-nav .flex-prev { opacity:1; left:2%;}
.ProBan:hover .flex-direction-nav .flex-next { opacity:1; right:2%;}
.ProBan .flex-direction-nav a:hover { border:1px solid #58504a !important; background:#58504a !important; color:#fff;}

.ProTits{ padding-top:29px; line-height:56px; overflow:hidden; height:56px;}
.ProTits h2{ float:left; color:#ff611b; font-size:26px;}
.ProTits h2 .iconfont{ font-size:40px; margin-right:13px; font-weight:normal;}
.ProTits .more{ float:right; text-align:center; color:#fff; width:100px; line-height:32px; margin-top:12px; background:#ff611b; font-size:14px; border-radius:16px;}
.ProTits .more i{ display:inline-block; vertical-align:middle; width:12px; height:12px; background:url(../images/more2.gif); margin-left:8px;}
.ProTits.hui h2{ color:#333333;}
.ProTits.hui p{ color:#999999; float:right;}

.ProHot{}
.ProHot .left{ width:60%; float:left;}
.ProHot .left li{ width:50%; float:left;}
.ProHot .left li a{transition: all ease 0.3s; position:relative; display:block; border:1px solid #eeeeee; margin:-1px 0 0 -1px; background:#fff; padding:24px 13px 0 30px; height:199px;}
.ProHot .left li .info{ position:absolute; left:30px; top:37px; z-index:2; width:60%;}
.ProHot .left li .info .ti{ height:60px;}
.ProHot .left li .info .price{ line-height:22px; color:#ec5859;}
.ProHot .left li .info .price i{color:#ec5859;}
.ProHot .left li .imgbox{ width:175px; padding-top:175px; float:right;}
.ProHot .left li .imgbox span{ background-size:contain;}

.ProHot .Hot{ overflow:hidden; text-align:center; border:1px solid #eeeeee; background:#fff; height:443px; width:38.5%; float:right;}
.ProHot .Hot h2{ padding-top:26px; line-height:44px; font-size:24px; color:#00479d;}
.ProHot .Hot .imgbox{ width:64%; padding-top:64%; margin:0px auto;}
.ProHot .Hot .imgbox span{ background-size:contain;}
.ProHot .flex-control-nav{bottom:-15px; z-index:10; line-height:12px;}
.ProHot .flex-control-nav li{ margin:0 9px; vertical-align:middle;}
.ProHot .flex-control-nav li a{ opacity:1; width:8px; height:8px; border:0px; background:#dcdcdc; border-radius:50%; cursor:pointer;}
.ProHot .flex-control-nav li a.flex-active{opacity:1; width:9px; height:9px; border:2px solid #ff7233; background:#fff;}
.ProHot .flex-direction-nav a { opacity: 0; border:1px solid #9f9f9f; color:#9f9f9f; width:50px; height:50px; line-height:50px; font-size:35px;}
.ProHot .flex-direction-nav .flex-prev {left:-50px;}
.ProHot .flex-direction-nav .flex-next {right:-50px;}
.ProHot .Hot:hover .flex-direction-nav .flex-prev { opacity:1; left:2%;}
.ProHot .Hot:hover .flex-direction-nav .flex-next { opacity:1; right:2%;}
.ProHot .flex-direction-nav a:hover { border:1px solid #58504a !important; background:#58504a !important; color:#fff;}

.Floor .ProTits h2{ color:#333333;}
.Floor .ProTits .more{ background:#00479d;}
.Floor .ProTits .num{ color:#fff; width:35px; line-height:35px; display:inline-block; text-align:center; border-radius:50%; background:#00479d; margin-right:15px; font-size:24px; font-weight:normal;}
.ProLists{ margin:0 0 0 -12px;}
.ProLists li{ float:left; text-align:center; width:20%;}
.ProLists a{transition: all ease 0.3s; display:block; margin:0 0 12px 12px;}
.ProLists .box{ background:#fff; padding-top:16px; height:256px;}
.ProLists .proimg{}
.ProLists .imgbox{ width:72%; padding-top:72%; margin:0px auto;}
.ProLists .imgbox span{ background-size:contain;}
.ProLists .info{ padding:18px 10px 0; height:72px; line-height:24px; font-size:14px;}
.ProLists .price{ color:#eb4547; font-size:16px;}
.ProLists .price i{ color:#eb4547;}
.ProLists li:hover .info{ background:#00479d; color:#fff;}
.ProLists li:hover .info .price{ display:none;}
.ProLists li:hover .info .ti span{ display:block;}

.Customer { margin:0 0 5% -3%;}
.Customer li{transition: all ease 0.3s; width:30.333%; float:left; margin-left:3%;}
.Customer .imgbox{ padding-top:64%;}
.Customer .info{ border:1px solid #efefef; border-top:0; padding:26px 19px 36px;}
.Customer .tit{ font-size:16px; color:#2a2a2a;}
.Customer .p{ font-size:14px; line-height:20px; height:40px;-webkit-line-clamp: 2; color:#a5a5a5; margin:9px 0 19px;}
.Customer .more{ position:relative; width:99px; line-height:32px; text-align:center; border-radius:16px; background:#ff6a00;color:#fff; font-size:14px;}
.Customer .more .iconfont{ font-size:20px;}

.FloorNav{ position:fixed; display:table; height:100%; top:0; left:50%; margin-left:620px; width:150px; z-index:900;}
.FloorNav ul{ display:table-cell; vertical-align:middle; opacity:0; margin-bottom:-100px;transition: all ease 0.3s;}
.FloorNav li a{ font-size:14px; background:#fff; display:block;line-height:37px; border:1px solid #eeeeee; margin-top:-1px;color:#525252; padding-left:18px;}
.FloorNav li.active a{ color:#fff; background:#ff611b;}
.FloorNav.wedding_fix ul{ margin-bottom:0; opacity:1;}

.Buybtn{ display:block; margin:0px 0 25px; color:#fff; background:#ff6a00; font-size:18px; width:155px; line-height:50px; border-radius:24px; text-align:center;}
.Buybtn:hover{ color:#fff; background:#ff4e00;}

@media ( max-width:1024px){
.ProBan {width:100%; float:none;}
.ProBan .imgbox{ padding-top:50%;}
.ProTits{ padding-top:15px; line-height:40px; height:40px;}
.ProTits h2{font-size:18px;}
.ProTits h2 .iconfont{ font-size:28px; margin-right:5px;}
.ProTits .more{width:60px; line-height:26px; margin-top:5px; font-size:12px;}
.ProTits .more i{ margin-left:5px;}
.ProHot .Hot h2{ font-size:18px; padding-top:12px; line-height:30px;}
.ProHot .left{ width:auto; float:none;}
.ProHot .Hot{height:auto; width:auto; float:none;}

.ProLists .proimg{ display:none;}
.ProLists li{ width:25%;}
.Customer .info{ padding:10px 10px;}
.Customer .tit{ font-size:14px;}
.FloorNav{ display:none !important;}

.Buybtn{font-size:16px; width:120px; line-height:36px;}
}

@media ( max-width:768px){
.ProHot .left li .info .ti{ font-size:12px; height:44px; line-height:22px;}
.ProHot .left li .info .price{ font-size:12px;}
.ProHot .left li .imgbox{ width:70%; padding-top:70%;}
.ProHot .left li a{ padding:10px 10px 0 10px; height:auto;}
.ProHot .left li .info{ top:10px; left:10px;}
.ProLists .box{ height:auto;}
.ProLists .info{ padding:10px 8px 0;}
.ProLists li{ width:50%;}
.ProLists .ti{ font-size:12px;}
.ProLists .price{ font-size:14px;}
.Customer { margin-left:-3%;}
.Customer li{ width:47%;}
.Customer li:last-child{ display:none;}
}

/* 头部搜索框 */
.TopSearch{width:100%;background:rgba(255,255,255,0.98); border-top:3px solid #f36c0d; box-shadow:0 0 10px rgba(0,0,0,0.5); padding:45px 0;position:fixed;top:0; left:0;z-index:999;display:none;}
.TopSearch .search-box{width:785px;margin:0 auto;padding-left:203px; position:relative;}
.TopSearch .search-box .logo{ position:absolute; top:37px; left:0;}
.TopSearch .search-box .logo img{ width:115px;}
.TopSearch .search-box .nav{ line-height:33px; height:33px; margin-bottom:10px;}
.TopSearch .search-box .nav li{float: left; padding:0 22px; font-size:16px; color:#000000; font-weight:bold; cursor:pointer;}
.TopSearch .search-box .nav li.active{background:#00479d; color:#fff;}
.TopSearch .search-box .search-t{border:1px solid #ff6a00; background:#fff;height:48px;line-height: 48px; position:relative; display:inline-block; vertical-align:middle; width:687px;}
.TopSearch .search-box .search-t input{ text-indent:1em;width:100%;height:50px;line-height: 48px;}
.TopSearch .search-box .search-t button{ position:absolute; right:-1px; top:-1px;width:98px;background:#ff6a00; color:#fff; font-size:18px; font-weight:bold;height:50px;}
.TopSearch .search-box .search-t button:hover{ background:#ff4200;}
.TopSearch .search-box .search-t:hover{ border:1px solid #ff4200;}
.TopSearch .search-box .close{ display:inline-block; width:50px; line-height:47px; height:50px; color:#fff; background:#dbdbdb; margin-left:9px; vertical-align:middle; text-align:center; cursor:pointer;}
.TopSearch .search-box .close:hover{background:#ff6a00;}

.SearchList{ margin-bottom:4%;}
.SearchList li{ height:49px; line-height:49px; border-bottom:1px dotted #cacaca; background:url(../images/dot.gif) 0px center no-repeat; padding:0 80px 0 16px; position:relative;}
.SearchList .date{ position:absolute; right:0; top:0; color:#999999;}


.xxinfo{color:#333;width:132%;font-weight:bold;text-align:center;padding-top:20px;}
.xxinfo a{display:inline-block;width:100px;line-height:35px;color:#fff;background:#ff6a00;margin-left:10px;}

@media ( max-width:998px){
.TopSearch{padding:20px 0;}
.TopSearch .search-box{width:94%; padding:0;}
.TopSearch .search-box .logo{ display:none;}
.TopSearch .search-box .nav li{ font-size:15px; padding:0 10px;}
.TopSearch .search-box .search-t{ width:auto; display:block;}
.TopSearch .search-box .close{ position:absolute; right:-10px; top:-10px; width:38px; height:38px; line-height:34px;}

.SearchList .date{ font-size:12px;}
}
}