@charset "utf-8";

*{word-wrap:break-word}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";font-size:14px;color: #666666;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased}
body{line-height:1.8;background-color:#ffffff;min-width:1200px;}
h1,h2,h3,h4,h5,h6{font-size:100%}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none;cursor: pointer;color:#666666}
a:hover{text-decoration:none;outline:none}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
b{font-weight:400}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}
/*IE下a:hover 背景闪烁*/
html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}

/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
/*
    Name:           style_clearfix
    Example:        class="clearfix|cl"
    Explain:        Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
.cl:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}

.w1200{width:1200px;margin:auto}
.w1140{width:1140px;margin:auto}
.w1000{width:1000px;margin:auto}
.tran-all5{-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease}
.tran-all3{-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}

.clear{height:0;clear:both;zoom:1;line-height:0;font-size:0}
.height10{height:10px;clear:both;zoom:1;line-height:0;font-size:0}
.height20{height:20px;clear:both;zoom:1;line-height:0;font-size:0}
.height50{height:50px;clear:both;zoom:1;line-height:0;font-size:0}
.height100{height:100px;clear:both;zoom:1;line-height:0;font-size:0}

.text-l{text-align:left}
.text-r{text-align:right}
.text-c{text-align:center}
.va *{vertical-align:sub!important;*vertical-align:middle!important;_vertical-align:middle!important}
.va-t{ vertical-align:top!important}
.va-m{ vertical-align:middle!important}
.va-b{ vertical-align:bottom!important}

.pos-r{position:relative}
.pos-a{position:absolute}
.pos-f{position:fixed}

.f-l{float: left!important;_display:inline}
.f-r{float: right!important;_display:inline}

.left{ left:0; right:auto}
.right{ right:0; left:auto}
.top{ top:auto; bottom:0}
.bottom{ top:0; bottom:auto}

.text-overflow{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.over-hide{overflow: hidden;}
.line{ font-size: 0px; line-height: 0px; border-top: solid 1px #eeeeee; float: none}

.bk-gray{border:solid 1px #eeeeee}
.radius{border-radius:5px; overflow:hidden}
.round{border-radius:1000px; overflow:hidden}
.circle{ border-radius:50%; overflow:hidden}

.box-shadow{-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1);box-shadow:0 1px 2px rgba(0,0,0,0.1)}
.text-shadow{-webkit-text-shadow:0 0 2px rgba(0,0,0,0.2);text-shadow:0 0 2px rgba(0,0,0,0.2)}

.text-white{color:#ffffff;}
.text-main{color:#f3990f}
.bgw{background:#ffffff}
.bgs{background:#f4f4f4;}

sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}

.content{position:relative;font-size:14px;overflow:hidden;text-align: left;color: #868686;line-height: 2}
.content h3{ margin-top:20px;font-size:16px}

.hide{display:none}[hidden]{display: none}
.hidden{display:none!important;visibility:hidden!important}
.f-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}
[class*="span"].hide,.row-fluid [class*="span"].hide{display:none}
.show{display:block}
.invisible{visibility:hidden}

::-webkit-input-placeholder {color:#999999;font-size:14px}
:-moz-placeholder {color:#999999;font-size:14px}
::-moz-placeholder {color:#999999;font-size:14px}
:-ms-input-placeholder {color:#999999;font-size:14px}


/*head*/
.header{position: relative;z-index:7;height:40px;background-color:#00a964;}
.header li.segm{width:1px;height:14px;margin:13px 20px;background-color:#52c090;}
.head-collection{float:left;}
.head-collection li{float:left;position: relative;}
.head-collection li a{display:block;height:20px;line-height:20px;padding:10px 0;font-size:13px;color:#ffffff}
.mobile-smallbox{display:none;position: absolute;z-index:6;left:-33px;top:40px;padding:5px;border:1px solid #ddd;box-shadow: 0 0 5px rgba(0,0,0,0.2);background-color: #fff}
.xiaoche:hover .mobile-smallboxx{display: block;}
.mobile-smallboxx{display:none;width: 200px;height: 200px;position: absolute;top: 40px;left: 120px; z-index:6;padding:5px;border:1px solid #ddd;box-shadow: 0 0 5px rgba(0,0,0,0.2);background-color: #fff}
.mobile-smallbox img{display:block;width:120px;height:120px;}
.head-collection li:hover .mobile-smallbox{display: block}
.head-collection li:hover a{color:#fff;}



.nav{position: relative;z-index:60;width:100%;height:94px;background-color: #ffffff;box-shadow: 0 0 5px rgba(0,0,0,.2);-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}
.logo{float:left;height:94px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}
.logo img{display:block;height:51px;margin-top:22px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}
.nav .nav-ul{float:right;text-align:center;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}
.nav .nav-ul>li{position: relative;float:left;height:94px;text-align:center;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}
.nav .nav-ul>li>a{display:block;padding:0 25px;height:91px;line-height:94px;font-size:14px;color:#332c2b;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}
.nav .nav-ul>li:hover>a,
.nav .nav-ul>li.active>a{border-bottom:3px solid #00a964;color: #00a964;}

.nav-child{display:none;position:absolute;width:140px;top:100%;left:50%;margin-left:-70px;z-index:11;}
.nav-child .sub li{position:relative;width:100%;border-top:1px solid rgba(255,255,255,0.7);border-color:rgba(255,255,255,0.5);background:#e6002d;background:rgba(0,169,100,0.8);}
.nav-child .sub li a{display:block;position:relative;width:100%;height:40px;line-height:40px;color:#fff;text-align: center;font-size:13px;}
.nav-child .sub li:hover{background:rgba(0,169,100,1);}


#floatingcontainer{width:100%;height:94px;background-color: #ffffff;margin-bottom: -23px;}
.nav.fixed{position: fixed;left:0;top:0;height: 50px}
.nav.fixed .logo{height:50px}
.nav.fixed .logo img{margin-top:10px;height:30px}
.nav.fixed .nav-ul {height:50px;}
.nav.fixed .nav-ul li{height:50px;}
.nav.fixed .nav-ul li a{height:47px;line-height:50px;}


/*foot*/

.foot{position:relative;background:#f4f4f4;}
.foot .foot-nav{padding:80px 0}
.foot .foot-nav .uls{float:left;width:880px;}
.foot .foot-nav dl{float:left;width: 176px;}
.foot .foot-nav dt{margin-bottom:25px;padding-left:20px;background:url(../imgs/dot.png) no-repeat left center}
.foot .foot-nav dt a{font-size:18px;color:#332c2b}
.foot .foot-nav dd {margin-left: 20px}
.foot .foot-nav dd a{line-height:30px;color:#868686;font-size:14px;}
.foot .foot-nav dd a:hover{color:#00a964}

.foot .lxxx{float:right;width:310px;}
.foot .tel{width:310px;height:70px;background-color: #ffffff}
.foot .tel .icon{float: left;height:70px;width:70px;background:url("../images/icon_05.png") no-repeat center center;background-color:#00a964 }
.foot .tel span{float: left;display:block;font-size: 13px;color:#868686;margin-left: 30px;margin-top: 10px}
.foot .tel b{float: left;display:block;font-size: 24px;color:#332c2b;font-weight: bold;margin-left: 30px;line-height: 1}
.foot .ewms{margin-top: 140px}
.foot .ewms p{float:right;margin-left:20px;width:100px;text-align:center}
.foot .ewms img{display: block;margin-bottom:5px;width:100px}

.footc{padding:20px 0;font-size:14px;color:#ffffff;background-color: #00a964}
.footc .lefts{width:900px;}
.footc .rights{width:200px;text-align:right}
.footc a{color:#ffffff;}

/*友情链接*/
.web_link{overflow:hidden;    background: #f4f4f4;}
.web_link h3{float:left;font-size:15px;color:#221815;}
.web_link ul li a:hover{background-color:#ed7020;color:#fff;}
.txtMarquee-left{float:left;margin:3px 0px 3px 10px; width:1000px; height:24px;line-height:24px; position:relative;  }
.txtMarquee-left .bd{ padding:0px; }
.txtMarquee-left .bd .tempWrap{ width:950px !important; }/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
.txtMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.txtMarquee-left .bd ul li{ float:left; height:35px; line-height:35px;  text-align:left; _display:inline; width:auto !important; margin-top: 10px; }/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */
.txtMarquee-left .bd ul li span{float:right;display:block;color:#999;margin:9px 0px;height:9px;width:1px;overflow:hidden;}
.txtMarquee-left .bd ul li a{float:left;margin:0 15px;padding:0px 10px;border-radius:8px;font-size:15px;color:#221815;}
.txtMarquee-left .bd ul li span:before{float:right;display:block;content:'';width:1px;height:9px;background-color:#231815;}
.txtMarquee-left .bd ul li a:hover,.web_link ul li a:hover{background-color:#ff0000;color:#fff;}
.container1200 {
    margin: 0 auto;
    width: 1200px;
    min-width: 1200px;
}


.foot-nav dd:hover {
    background-color: rgba(37, 113, 113, 0);
    border-color: rgba(255, 255, 255, 0.35);
    min-width: 130px;
    padding-left: 20px;
    background-position: center left;
    background-image: url("../images/sj.png");
    background-repeat: no-repeat;
}

.foot-nav dd {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}