@charset "utf-8";
*{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */ /*设置的区域宽度用百分比固定为父元素的宽度对应的百分百，不会收到padding或是border把盒子撑大*/
}

/*公共样式*/
body{ padding:0px; margin:0px auto; font-size:14px; line-height:24px; color:#666666; font-family:Arial,"微软雅黑"; width: 100%; min-width:1240px; width:expression((documentElement.clientWidth < 1240) ? "1240px" : "100%" );zoom:1; background:#fff;}
ul,li,form, dl,dt,dd, div,aside,figcaption,article,h1,h2,h3,h4,h5,h6,p,i,fieldset,em{ font-style:normal;padding: 0px; margin: 0px;list-style:none; border:0px; font-style:normal;}
figcaption,nav,article,header,aside,footer,time,section{ display:block; margin:0px;}
select,input,textarea,button{ font-family:Arial,"微软雅黑"; color:#4c4c4c; border:0; -webkit-border-radius:0; font-size:14px;}
input,button,select,textarea{ border:0px;outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/}
button{ border:0px; cursor:pointer;}
h1,h2,h3,h4{ margin:0px;}
img{ max-width:100%; border:none; border:0;  vertical-align:top;}
a{ color:#333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);/*transition: all ease 0.3s;*/}
a:hover{ color:#fd4a1d; text-decoration:none;}
a:active{star:expression(this.onFocus=this.blur());} 
a:focus {outline:none; -moz-outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
input:focus { outline: none;}
a:focus,button:focus{outline:none; -moz-outline:none;}
::-moz-focus-inner{border:0px;outline:none;}
.hide{ display:none;}
.fl{ float:left;}.fr{ float:right;},.fn{ float:none;}
.tl{ text-align:left;}.tc{ text-align:center;}.tr{ text-align:right;}
.clear{ clear:both;}.clearfix{overflow:hidden;_zoom:1;}
.relative { position:relative;}
.Contain{ width:1240px; margin:0px auto;}
.Scale-img {overflow: hidden;text-align: center;cursor: pointer; zoom:1; overflow: hidden;}
.Scale-img img {opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.Scale-img:hover img {opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1); top:0px; left:0px;}
.imgbox{ overflow:hidden; position:relative;display: flex;align-items: center;justify-content: center;}
.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;}
.block{ display:block !important;}
.mb25{ margin-bottom:25px;}
.pt25{ padding-top:25px;}

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


/*font s*/
.activehover{-webkit-box-shadow: 0 5px 20px rgba(0,0,0,0.3);
	box-shadow: 0 5px 20px rgba(0,0,0,0.3);
	-webkit-transform: translate3d(0, -4px, 0);
	transform: translate3d(0, -4px, 0);}
.iconfont{ font-size:24px; vertical-align:middle;}
.f_orange{ color:#fd4a1d !important;}
.f_blue{ color:#009def;}
.f_12{ font-size:12px !important;}
.f_14{ font-size:14px !important;}

/*font end*/

/*表单样式*/
select {
	/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
	border: 1px solid #e5e5e5; border-radius:5px; padding:0 13px; height:36px; width:138px;
	/*很关键：将默认的select选择框样式清除*/
	appearance: none; color:#666666;
	-moz-appearance: none;
	-webkit-appearance: none;
	/*在选择框的最右侧中间显示小箭头图片*/
	background: #fff url(../images/common/selectarr.gif) no-repeat right 11px center;
	/*为下拉小箭头留出一点位置，避免被文字覆盖*/
	padding-right: 14px;
}

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

:-moz-placeholder {color: #b2b2b2;}
::-moz-placeholder {color: #b2b2b2;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #b2b2b2;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #b2b2b2;}

.btns{ text-align:center; display:inline-block; cursor:pointer; border-radius:5px; color:#fff; background:#fd4a1d; font-size:16px;}
.btns:hover{ background:#dc2c00; color:#fff;}
.btnx{ text-align:center; line-height:27px; display:inline-block; border-radius:5px; cursor:pointer; font-size:14px; padding:0 20px; border:1px solid #e5e5e5;}
.btnx:hover{ border:1px solid #fd4a1d; color:#fd4a1d;}
.loginbtn{ width:100%; height:42px; line-height:36px;}
.regbtn{ width:100%; height:50px; line-height:36px; font-size:18px;}
.savebtn{ width:84px; height:36px; line-height:36px;}
.nexttn{ width:112px; height:36px; line-height:36px;}
.sxtn{ width:70px; height:30px; font-size:14px; line-height:30px;}
.yzbtns{ text-align:center; border-radius:5px; width:160px; line-height:34px; border:1px solid #fd4a1d; color:#fd4a1d; display:inline-block;}
.yzbtns:hover{ background:#fce7e2;}
.input-txt{ border-radius:5px; width:100%; border:1px solid #e5e5e5; padding:0 14px; height:50px; line-height:48px;}
.textarea-txt{ border-radius:5px; width:100%; border:1px solid #e5e5e5; padding:8px 14px; height:148px; line-height:30px;}

/*表单样式 end*/

/*pages*/
.Pages{ zoom:1; overflow:hidden;text-align:center; color:#666666; clear:both; line-height:34px;}
.Pages span{ padding:0px 0px; display:inline-block; vertical-align:middle;}
.Pages .total{ display:inline-block; vertical-align:middle; border:1px solid #e6e6e6; padding:0 10px;}
.Pages .input{ vertical-align:middle; width:36px; height:36px; line-height:34px; text-align:center; border:1px solid #d2d2d2; border-radius:3px;}
.Pages .btnok{ vertical-align:middle; width:50px; height:36px; border-radius:3px; cursor:pointer; border:1px solid #d2d2d2; background:#f4f4f4;}
.Pages a{ display:inline-block; margin:0px 6px; border:1px solid #d2d2d2; color:#666666; text-align:center; border-radius:3px;}
.Pages .p_page a{ display:inline-block; vertical-align:middle;}
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{ display:inline-block; vertical-align:middle; padding:0 10px;}
.Pages .p_page .a_prev:hover,.Pages .p_page .a_next:hover,.Pages .p_page .a_first:hover,.Pages .p_page .a_end:hover{ border:1px solid #fd4a1d; background:#fd4a1d; color:#fff;}
.Pages .p_page .num a{ width:36px;}
.Pages .p_page .num a:hover,.Pages .p_page .num a.a_cur{ border:1px solid #fd4a1d; background:#fd4a1d; color:#fff;}

.Pages2{ zoom:1; overflow:hidden;text-align:right; color:#666666; line-height:26px;}
.Pages2 span{ padding:0px 0px; display:inline-block; vertical-align:middle;}
.Pages2 a{ display:inline-block; margin:0px 6px;color:#666666;}
.Pages2 .p_page a{ display:inline-block; vertical-align:middle;}
.Pages2 .p_page .a_prev,.Pages2 .p_page .a_next,.Pages2 .p_page .a_first,.Pages2 .p_page .a_end{ opacity:#999999; border-radius:3px; padding:0 8px; border:1px solid #e5e5e5;}
.Pages2 .p_page .a_prev:hover,.Pages2 .p_page .a_next:hover,.Pages2 .p_page .a_first:hover,.Pages2 .p_page .a_end:hover{ border:1px solid #fd4a1d; background:#fd4a1d; color:#fff;}
.Pages2 .p_page .num a:hover,.Pages2 .p_page .num a.a_cur{color:#fd4a1d;}
.Pages2 .p_jump{ display:none;}

/*pages end*/


/*top s*/
.TopAd{ margin:0px auto 12px; width:1240px; position:relative;}
.TopAd img{ width:100%;}
.TopAd .close{ position:absolute; right:10px; top:10px; color:#fff;}

.Header{}
.Header .Toper{ font-size:12px; line-height:35px; height:32px; background:#f3f3f3;}
.Header .Toper .wel{ width:205px; display:inline-block;}
.Header .Toper .hello{}
.Header .Toper .hello img{ display:inline-block; vertical-align:middle;}
.Header .Toper .hello .out{ margin:0 40px 0 18px;}
.Header .Toper .hello .add .iconfont{ color:#fd4a1d;font-size:20px;}
.Header .Toper i{ display:inline-block; width:27px; color:#d1d1d1; text-align:center;}
.Header .Toper .tel{ margin-left:25px; color:#fd4a1d;}
.Header .Toper .tel .iconfont{ vertical-align:middle; font-size:16px; color:#fd4a1d;}
.Header .Toper .my{ position:relative; display:inline-block;}
.Header .Toper .my dl{ display:none; position:absolute; left:-13px; top:35px; background:#fff; text-align:center; line-height:24px; padding:5px 0; box-shadow:0 4px 8px rgba(0,0,0,0.2); width:76px; z-index:999;}
.Header .Toper .my dl a{ display:block; color:#666666;}.Header .Toper .my dl a:hover{ background:#f3f3f3;}
.Header .Wrap{ height:114px; clear:both;}
.Header .Logo{ position:relative; float:left; padding-top:30px;}
.Header .Logo span{ left:225px; position:absolute; line-height:40px; top:36px; border-left:1px solid #eeeeee; padding-left:15px; font-size:24px; color:#fd4a1d; width:222px;}
.Header .searchbox{ float:right; padding-top:38px;}
.Header .search{ float:left; width:422px; position:relative;}
.Header .search input{ width:100%; text-indent:1em; height:38px; border:1px solid #fd4a1d;}
.Header .search button{ color:#fff; width:79px; height:38px; background:#fd4a1d; position:absolute; right:0; top:0;}
.Header .search .iconfont{ font-size:16px; margin-left:2px;}
.Header .search .keyword{ line-height:33px; color:#666666; font-size:12px;}
.Header .search .keyword a{ color:#b5b5b5; display:inline-block; margin-right:4px;}
.Header .search .keyword a:hover{ color:#fd4a1d;}

.Header .car{ width:136px; line-height:35px; margin-left:14px; float:left;}
.Header .car a{ border:1px solid #fd4a1d; display:block; text-align:center; position:relative; color:#eb471d;}
.Header .car em{ position:absolute; left:102px; top:3px; width:16px; line-height:16px; color:#fff; font-size:12px; border-radius:50%; background:#fd4a1d;}
.Header .car:hover a{ background:#fd4a1d; color:#fff;}.Header .car:hover em{ background:#fff; color:#fd4a1d;}
.Header .ewm{ float:right; padding:25px 0 0 35px;}
.Header .ewm img{ width:64px; height:64px;}

.Header .Toper.on{ margin-bottom:114px;}
.Header .Wrap.Fixed{ position:fixed; height:70px; left:0; top:0; z-index:900; width:100%; background:#fff; box-shadow:0 5px 8px rgba(0,0,0,0.1);}
.Header .Wrap.Fixed .ewm,.Header .Wrap.Fixed .keyword{ display:none;}
.Header .Wrap.Fixed .Logo { padding-top:8px;}
.Header .Wrap.Fixed .searchbox { padding-top:16px;}
.Header .Wrap.Fixed .Logo span { top:17px;}

.MainNav{ height:42px; line-height:42px; background:#434849; position:relative; clear:both; z-index:888;}
.MainNav .nav{ float:left; margin-left:290px; height:50px;}
.MainNav .nav li{ float:left; position:relative; z-index:99; margin-right:50px;}
.MainNav .nav li span a{ font-size:16px; color:#d3d3d3; display:block; position:relative;}
.MainNav .nav li span  a:hover,.MainNav .nav li.onnav span a{color:#fff; font-weight:bold;}
.MainNav .bg{ position:absolute; left:50%; bottom:0px; height:2px; background:#eb471d;width:0%;transition: all ease 0.3s;}
.MainNav li:hover span .bg,.MainNav li.onnav span .bg,.MainNav li span a.sele .bg{ width:100%; left:0;}
.MainNav.jf .nav{ float:none; margin-left:0;}
.MainNav.jf .nav li{ padding:0 30px 0 30px;}
.MainNav .nav li:hover:after,.MainNav .nav li.onnav:after{ content:""; width:100%; height:2px; font-size:0; background:#fff; position:absolute; bottom:8px; left:0;}
.MainNav .nav li#nav13{ display:none;}

.SubNav{ background:#fff; display:none; position:absolute; width:100%; left:0; box-shadow:0px 0px 5px #ccc; text-align:center; line-height:28px; padding:5px 0px; top:50px;}
.loginin{ position:relative; display:inline-block; height:36px; }
.loginin .pullnavs{ display:none; text-align:left; position:absolute; line-height:25px; padding:10px 0px; display:; width:100px; left:-22px; box-shadow:0px 0px 5px #ccc; background:#f5f5f5;}
.loginin .pullnavs dd{ padding-left:14px;}
.loginin .pullnavs dd a{ color:#009fe5;}.loginin .pullnavs dd a:hover{ text-decoration:underline;}
.loginin:hover .pullnavs{ display:block;}

.Category{ width:230px; z-index:100; position:absolute; left:50%; top:0px; margin-left:-620px;}
.Category .dt{line-height:42px; height:42px; position:relative; background:#fd4a1d; font-size:14px; font-weight:normal; color:#fff; position:relative; text-align:center;}
.Category .dt a{ color:#fff; font-weight:bold;}
.Category .dt .iconfont{ font-weight:normal; margin-left:10px;}
.Category .dd{ display:none;position:relative; height:448px; padding-top:8px; background:#eeeeee;}
.Category .catalog_list li{display:block;}
.Category .group_title {height:32px; line-height:32px;}
.Category .group_title .icon{ position:absolute; width:29px; height:29px; left:20px; top:1px;}
.Category .group_title .icon .i1,.Category .group_title .icon .i2{display: block; width: 29px; height: 29px; position: absolute; left:0; top: 0px;}
.Category .group_title .icon .i1{ transition: 400ms;}
.Category .group_title .icon .i2{ -webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha(opacity=0); transition:500ms;}
.Category .group_title:hover .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1; filter:alpha(opacity=100);}
.Category .group_title:hover .i1 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(1.2); transform: scale(1.2); }
.Category .group_title a{ font-size:12px; display:block; color:#4c4c4c; padding:0 10px 0 59px; position:relative;display: flex;align-items: center;}
.Category .group_title a:hover{color:#009fe5;}
.Category .group_title:last-child{ border-bottom:0px;}
.Category .cata_sub{ position:absolute; width:1010px; top:0px; height:auto !important; height:446px; min-height:446px; left:230px; background:#fff; border:1px solid #fd4a1d; display:none;}
.Category .cata_sub .list{ font-size:12px; padding:23px 0 0 20px; height:446px; overflow-y:auto;}
.Category .cata_sub .list dl{ margin-bottom:12px; position:relative; height:auto !important; height:24px; min-height:24px; line-height:24px;}
.Category .cata_sub .list dl dt{ font-weight:bold;color:#666666;}
.Category .cata_sub .list dl dt a{color:#666666;}.Category .cata_sub .list dl dt a:hover{color:#fd4a1d;}
.Category .cata_sub .list dl dt i{ display:inline-block; vertical-align:middle; width:5px; height:8px; margin-left:8px; background:url(../images/common/arr.gif);}
.Category .cata_sub .list dl dd a{ display:inline-block; color:#666666;}
.Category .cata_sub .list dl dd i{ display:inline-block; vertical-align:middle; height:20px; width:20px; background:url(../images/common/line.gif) center center no-repeat;}
.Category .cata_sub .list dl dd a:hover{color:#fd4a1d;}

.Category li.hover .group_title .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1; filter:alpha(opacity=100);}
.Category li.hover .group_title a{ color:#fd4a1d; background:#fff;}
.Category .cata_sub .logo{ display:none; position:absolute; right:0; top:0; height:100%; border-left:1px solid #ebebeb; width:230px; overflow-y:auto;}
.Category .cata_sub .logo dd{ width:46%; padding:15px 2% 0; float:left;}
.Category .cata_sub .logo dd img{ display:block; height:45px; max-width:100%;}
/*top end*/


/*footer s*/
.Footer{background:#f8f8f8; margin-top:60px; clear:both; padding-top:52px;}
.Footer .service{ margin-bottom:30px; border-bottom:1px solid #e5e5e5;}
.Footer .service li{ font-weight:bold; width:25%; float:left; text-align:center; padding-top:38px; height:127px; font-size:18px; color:#333333;}
.Footer .service li img{ display:inline-block; vertical-align:middle; margin-right:10px; width:54px; height:54px;}
.Footer .sitemap{ float:left;}
.Footer .sitemap dl{ line-height:28px; width:185px; float:left; padding-bottom:32px;}
.Footer .sitemap dl dt{ line-height:37px; font-size:16px; padding-bottom:5px;}
.Footer .sitemap dl dt a{ font-weight:bold; color:#333333;}.Footer .sitemap dl dt a:hover{ color:#fd4a1d;}
.Footer .sitemap dl dd a{ color:#777777;}.Footer .sitemap dl dd a:hover{ color:#fd4a1d;}
.Footer .lxwm{ float:left; padding-left:18px; width:180px;}
.Footer .lxwm dl{ padding:0 0 20px 26px; position:relative; line-height:34px; color:#333333;}
.Footer .lxwm dl .iconfont{ font-size:20px; position:absolute; left:0; top:0; color:#adadad;}
.Footer .lxwm dl dd{ line-height:17px; color:#fd4a1d; font-size:16px;}
.Footer .lxwm dl .tel{ font-size:20px; font-weight:bold;}
.Footer .ewm{ float:right; padding-right:65px; position:relative;}
.Footer .ewm .img img{ width:132px; height:132px; padding:10px; background:#fff;}
.Footer .ewm .down{ position:absolute; right:0; width:57px; top:0; text-align:center;}
.Footer .ewm .down a{ color:#bbbbbb; display:block; padding:5px 0 5px;}
.Footer .ewm .down .iconfont{ line-height:32px; font-size:33px; display:block;}
.Footer .ewm .down a:hover{ color:#fd4a1d;}
.Footer .copyright{ text-align:center; background:#282828; color:#818181; padding:18px 0;}
.Footer .copyright a{ color:#818181;}.Footer .copyright a:hover{ color:#fff;}
.Footer .copyright .ico { padding-top:8px;}
.Footer .copyright .ico img{ display:inline; margin:0px 5px; vertical-align:middle;}

/*footer end*/

/*右侧飘浮栏目 s*/
.Float-tool {position: fixed;right: 0;top: 0;bottom: 0;height: 100%;z-index: 9000;width: 37px;color: #fff;display: table;}
.Float-tool .wrap{ display:table-cell; vertical-align:middle;}
.Float-tool li{ position:relative;}
.Float-tool .tool-btn{ display:block; padding:15px 0; border-bottom:1px solid #858585; background:#666666; color:#fff; text-align:center;}
.Float-tool .iconfont{ display:block;}
.Float-tool .tip{white-space: nowrap; position:absolute; color:#333; background:#fff;visibility: hidden;opacity: 0; padding:0 15px; line-height:40px; border:1px solid #e5e5e5; border-radius:2px; right:37px; top:50%; margin-top:-21px;}
.Float-tool .ewm{ text-align:center; line-height:18px; position:absolute; color:#333; background:#fff;visibility: hidden;opacity: 0; padding:10px; border:1px solid #e5e5e5; border-radius:2px; right:37px; top:-50px; width:96px;}
.Float-tool .ewm b{ display:block; margin-top:6px;}
.Float-tool li.on .tool-btn{ background:#fd4a1d;}
.Float-tool li.on .tip,.Float-tool li.on .ewm{visibility: visible;opacity: 1;}
.totop{overflow: hidden;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; margin-bottom:-100px;}
.totop.cd-is-visible {visibility: visible;opacity: 1; cursor:pointer; height:auto; margin-bottom:0;}


.HideDiv{ display:none;}