@charset "utf-8";
/* CSS Document */
* {padding: 0;margin: 0;}
body {margin: 0px;padding: 0px;color: #666;font-family:"微软雅黑", Arial, Helvetica, sans-serif;font-size:14px;background:#fff;text-align:left;position:relative;line-height:20px;min-width:1200px;}
img {border: 0;position:relative;}
.clear {height:0px;line-height:0px;font-size:0px;clear:both;visibility:hidden;overflow:hidden;padding:0;margin:0;}
div,ul,dl,dd,dt,li,p,span,h1,h2,h3,h4,h5,h6 { margin:0px;padding:0px;list-style:none;list-style-type: none; word-wrap:break-word;position:relative; border:none;font-weight:400;}
a {color:#666;text-decoration:none;position:relative;cursor:pointer;}
header, footer, nav, section, article, menu, aside {display:block;position:relative;} 
textarea { resize:none;font-family:"微软雅黑";font-size:14px;outline: none;}
table { border-collapse:collapse;border-spacing:0;}
th , td { text-align:left;}
input {font-family:"微软雅黑";font-size:14px;outline: none;}
input:focus .textarea:focus{outline:none;}
input.sub {cursor:pointer; background:none; border:none;}
input.text {background:none; border:none;}
/*去掉圆角*/
input[type=submit],input[type=reset],input[type=button],input[type=text]{-webkit-appearance:none;}
input.text {background:none; border:none;}
/*去掉select图标*/
a,button,input,select{
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent; /* For some Androids */}
/* common main */
.red,a.red { color:#cc0031;}
.yellow,a.yellow { color:#f8bd09;}
.white,a.white { color:#fff;}
.fc,a.fc { color:#4fb0a5;}
.c0,a.c0 { color:#000;}
.c1,a.c1 { color:#111;}
.c2,a.c2 { color:#222;}
.c3,a.c3 { color:#333;}
.c4,a.c4 { color:#444;}
.c5,a.c5 { color:#555;}
.c6,a.c6 { color:#666;}
.c7,a.c7 { color:#777;}
.c8,a.c8 { color:#888;}
.c9,a.c9 { color:#999;}
a:hover {color:#a41e25;}
.fs12 { font-size:12px;}
.fs14 { font-size:14px;}
.fs16 { font-size:16px;}
.fs18 { font-size:18px;}
.fs20 { font-size:20px;}
.fs22 { font-size:22px;}
.fs24 { font-size:24px;}
.fw-b { font-weight:bold;}
.fw400 { font-weight:400;}
.ti2 { text-indent:2em;}
.lh18 { line-height:18px;}
.lh20 { line-height:20px;}
.lh25 { line-height:25px;}
.lh30 { line-height:30px;}
.lh35 { line-height:35px;}
.lh40 { line-height:40px;}
.unl { text-decoration:underline;}
.unl-no { text-decoration:none;}
.unl-th { text-decoration:line-through;}
.ta-l { text-align:left;}
.ta-c { text-align:center;}
.ta-r { text-align:right;}
.fl { float:left;}
.fr { float:right;}
.va-m { vertical-align:middle;}
.va-t { vertical-align:top;}
.pr { position:relative;}
.pa { position:absolute;}
.oh { overflow:hidden;}
.none { display:none;}
.block { display:block;}
.inblock { display:inline-block;}
.pointer { cursor:pointer;}
.w100 { width:100%;}
.w1000 { width:1000px;}
.w1200 { width:1200px;}
.h5 { height:5px;}
.h10 { height:10px;}
.h15 { height:15px;}
.h20 { height:20px;}
.h25 { height:25px;}
.h30 { height:30px;}
.h40 { height:40px;}
.h50 { height:50px;}
.h60 { height:60px;}
.h70 { height:70px;}
.h100 { height:100%;}
.ma2 { margin:2px;}
.ma5 { margin:5px;}
.ma10 { margin:10px;}
.ma15 { margin:15px;}
.ma20 { margin:20px;}
.pa2 { padding:2px;}
.pa5 { padding:5px;}
.pa10 { padding:10px;}
.pa15 { padding:15px;}
.pa20 { padding:20px;}
.ml5 { margin-left:5px;}
.ml10 { margin-left:10px;}
.ml15 { margin-left:15px;}
.ml20 { margin-left:20px;}
.mr5 { margin-right:5px;}
.mr10 { margin-right:10px;}
.mr15 { margin-right:15px;}
.mr20 { margin-right:20px;}
.mt5 { margin-top:5px;}
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mb5 { margin-bottom:5px;}
.mb10 { margin-bottom:10px;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px;}
.pl5 { padding-left:5px;}
.pl10 { padding-left:10px;}
.pl15 { padding-left:15px;}
.pl20 { padding-left:20px;}
.pr5 { padding-right:5px;}
.pr10 { padding-right:10px;}
.pr15 { padding-right:15px;}
.pr20 { padding-right:20px;}
.pt2 { padding-top:2px;}
.pt5 { padding-top:5px;}
.pt10 { padding-top:10px;}
.pt15 { padding-top:15px;}
.pt20 { padding-top:20px;}
.pb5 { padding-bottom:5px;}
.pb10 { padding-bottom:10px;}
.pb15 { padding-bottom:15px;}
.pb20 { padding-bottom:20px;}
.mga { margin-left:auto;margin-right:auto;}
.main {width:1200px;margin-left:auto;margin-right:auto;}
.absolute-r { position:absolute;left:auto;right:0;}
.absolute-l { position:absolute;left:0;right:auto;}
.comtab { table-layout:fixed;width:100%;border-collapse:collapse;}
.textover { overflow:hidden;white-space:nowrap;display:block;text-overflow:ellipsis;}

.whitebg,input.whitebg { background:#fff;}
.eeebg,input.eeebg { background:#eee;}
.cccbg,input.cccbg { background:#ccc;}

/* js相关样式 */
.bannerbox {width:100%;height:520px;margin:0 auto;overflow:hidden;}
.bannerbox a {display:block;width:100%;height:520px;background-repeat:no-repeat;background-position:center center; position:absolute; left:0; top:0;}
#bannernum {position:absolute;width:100%;bottom:15px;text-align:center;left:0; z-index:10;}
#bannernum span { display:inline-block;width:10px;height:10px;background:#fff;line-height:0px; font-size:0px; margin:0 5px;}
#bannernum span.numsel { background:#4fb0a5;}
.bannerbox .main {z-index:10; top:250px;}
.bannerbox .main b { position:absolute; top:0; display:block; width:25px; height:60px; cursor:pointer;transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out; opacity:0.5;}
#adlast { background:url(../images/ad_page02.png) no-repeat; left:0;}
#adnext { background:url(../images/ad_page01.png) no-repeat; right:0;}
.bannerbox .main b:hover {opacity:1;}
/* cartoon */
.cartoon {
	transition:all 0.2s ease-in-out;
    -webkit-transition:all 0.2s ease-in-out;}

/*顶部*/
.mainhead { width:100%; height:108px; z-index:99;}
.mainhead .main { }
.mainhead h1 {width:280px;}
.mainhead h1 a{display: block;height: 120px;}
.mainhead h1 img{display: block;position: absolute;top:0;bottom: 0;left: 0;margin: auto;}
.mainhead ul {background: #00aae8}
.mainhead ul li {float:left; padding:0 0 0 50px;line-height: 40px;}
.mainhead ul li .a1 { display:block; white-space:nowrap; font-size:16px;transition: all 0.2s ease-in-out 0.01s;-webkit-transition: all 0.2s ease-in-out 0.01s;padding: 0 10px;}
.mainhead ul li menu { position:absolute; left:50%; top:83px; width:120px; margin-left:-35px; display:none;}
.mainhead ul li menu a { display:block; line-height:45px;height:45px; white-space:nowrap; overflow:hidden; background:#419d93;transition: all 0.2s ease-in-out 0.01s;-webkit-transition: all 0.2s ease-in-out 0.01s; color:#fff; text-align:center; font-size:16px;}
.mainhead ul li menu a:hover {background:#4fb0a5;color:#fff;}
/*.mainhead ul li.sel .a1,.mainhead ul li:hover .a1 {background: #006335;color: #fff;}*/



.trans{ transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s; -moz-transition: all 0.6s; }
.tru{text-transform :Uppercase}

/*placeholder颜色*/
::-webkit-input-placeholder { /* WebKit browsers */
    color: #999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #999;
}
.op{filter:alpha(Opacity=100);-moz-opacity:1;opacity:1;}

.indTop .headBox{width: 1920px;text-align: center;left: 50%;margin-left: -960px;}
.indTop{position: relative; height: 100px; z-index: 97;width: 100%;overflow: hidden;text-align: center;}
.headBox{clear:both; position: relative; height: 100px; background: #fff; z-index: 97; -webkit-box-shadow: 0px 1px 5px rgba(0,0,0,0.1); box-shadow: 0px 1px 5px rgba(0,0,0,0.1);}
.headBox .wrap{position: relative; z-index: 2;}
.logo{height:70px;overflow: hidden;margin-top:22px;margin-left: 30px;margin-right: 15px;}
.logo a img{display:block;height:70px;}
.searchbt{background: url(../images/icon/search01.png) no-repeat center;width: 30px;height: 30px;border: 1px solid #f0f0f0;float: right;top: 35px;margin-left: 15px;}
.indTop .goin{color: #999999;font-size: 16px;line-height: 100px;}
/*
* 主导航
*/
.menuBox{z-index: 9;position: relative;}
.menuDl{position: relative;overflow: hidden;}
.menuDl dd{display: inline;float:left; padding: 0 5px; position: relative; z-index: 3;background: url(../images/icon/hr01.png) no-repeat right;left: 1px;}
.menuDl dd:hover,.menuDl dd.hover{background: none;}
.menuDl dd span a{display: block;height:100px;overflow: hidden;line-height: 100px;color: #666;font-size:18px;position: relative; padding: 0px 10px; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.menuDl dd.hover span a{color: #fff}
.menuDl dd span a i{display: none;width: 100%;height: 2px;overflow: hidden;background: #d6000f;position: absolute;left: 0px;bottom: 0px;}
.menuDl dd.hover span a i{display: block;}
.menuDl dd .div_a{width: 100%;overflow: hidden;position: absolute;top: 108px;left: 0;z-index: 99;background:#fff;display: none;}
.menuDl dd .div_a a{display: block;height: 35px;overflow: hidden;text-align: center;line-height: 35px;text-align: center;color: #333333;font-size: 14px;}
.menuDl dd .div_a a.hover{background: #fff}
.menuDl dd .div_a a:hover{background: #fff}
.subMenuDiv{display: none;width: 100%;position: absolute;/*left: 0px;*/top: 80px;/*opacity: 0;*/z-index: 1;}
.menuDl dd.hover .subMenuDiv{z-index: 3;}
.menuDl dt{width: 0px; /*height: 2px;*/ height:100%; overflow: hidden; background: #a41f25 url(../images/icon/navbg.jpg) no-repeat top; position: absolute; left: 0px; bottom: 0px; z-index: 2;}
.subMenu_ul{width: 1000px; overflow: hidden; padding: 10px 0px; position: relative; z-index: 3;}
.subMenuShadow{height: 100%; overflow: hidden; position: absolute; left: 50%; top: 0px; z-index: 1; width: 50000px; margin-left: -25000px;}
/*.subMenu_ul:after{display: block; left: 15px; right: 15px; overflow: hidden; top: 0px; height: 0px; z-index: 1; background: #fff;}*/
.subMenu_ul li{overflow: hidden; height: 30px; line-height: 30px; position: relative; z-index: 2; float: left; display: inline; margin: 0px 15px; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); /*-webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;*/}
.menuDl dd.hover .subMenu_ul li{opacity: 0; -webkit-animation: liMove 0.3s linear forwards; -o-animation: liMove 0.3s linear forwards; animation: liMove 0.3s linear forwards;}
@keyframes liMove{0%{transform: translateY(-110%);opacity: 0;} 100%{transform: translateY(0px);opacity: 1;}}
.menuDl dd.hide .subMenu_ul li{opacity: 1; -webkit-animation: liHIde 0.3s linear forwards; -o-animation: liHIde 0.3s linear forwards; animation: liHIde 0.3s linear forwards;}
@keyframes liHIde{0%{transform: translateY(0px);opacity: 1;} 100%{transform: translateY(110%);opacity: 0;}}

.subMenu_ul li a{display: block; overflow: hidden; font-size: 14px; color:#ccc; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.subMenu_ul li a:hover{color:#fff;}
.half .subMenu_ul li a{font-size: 14px;}
.subMenu_ul li a span{position: relative;}
.subMenu_ul li a span em{display: block; width: 2px; height: 10px; overflow: hidden; position: absolute; left: 0px; top: 50%; margin-top: -5px; background: #d6000f;}

.subMenuR{width: 50%;overflow: hidden;padding: 20px 0px;}
.menuTop{height: 40px;line-height: 40px;display: block;overflow: hidden;font-size: 24px;color:#555;padding-left: 50px;}
.subMenuCont{overflow: hidden;position: relative;margin-right: 15px;}
.listBg{width: 0px;height: 0px;overflow: hidden;background: rgba(255,255,255,1);position: absolute;left: 0px;top: 0px;}
.subMenuTop{height: 40px;line-height: 40px;display: none;font-size: 16px;color:#888;overflow: hidden;padding: 15px 0px 10px 50px;}
.half{float: left;display: inline;width: 50%;}
/*.subMenuR.half{width: 66.6666666%;}
.subMenuR.half{padding-left: 33.3333333%}*/
.half .subMenuTop{display: block;}
.subMenuL{width: 50%; padding: 20px 0px;}
.subMenuTxt{height: 250px;overflow: hidden; padding: 20px; margin: 0px 20px;}
.subMenuLTop{display: none;text-align: center;font-size: 34px;color:#333;overflow: hidden;}
.subMenuIntr{display: none;overflow: hidden;font-size: 14px;color:#404040;line-height: 25px;}
.menuBg{display: none;width: 100%; height: 50px;overflow: hidden;position: absolute;left: 0px;top: 80px; z-index: 1;background: rgba(0,0,0,0.6);}
.subMenuDiv.showMenu{-webkit-animation: showMenu 0.5s linear forwards;-o-animation: showMenu 0.5s linear forwards;animation: showMenu 0.5s linear forwards;}
@keyframes showMenu{0%{opacity: 0.5}100%{opacity: 1}}
.subMenuDiv.hideMenu{-webkit-animation: hideMenu 0.5s linear forwards;-o-animation: hideMenu 0.5s linear forwards;animation: hideMenu 0.5s linear forwards;}
@keyframes hideMenu{0%{opacity: 0.2}100%{opacity: 0}}
.topR{/*clear:both;*/}
a.lang_a{font-weight: bold;color:#888;}
.lang_dl{display: none; width: 270px; overflow: hidden; position: absolute; left: 50%; top: 80px; margin-left: -135px;}
.lang_dl dd{overflow: hidden; float: left; display: inline; font-size: 14px; color:#333; position: relative;}
.lang_dl dd:nth-child(1){animation-delay: 0s;}
.lang_dl dd:nth-child(2){animation-delay: 0.12s;}
.lang_dl dd:nth-child(3){animation-delay: 0.18s;}
@keyframes languaShow{0%{transform: translateY(-110%);opacity: 0;} 100%{transform: translateY(0px);opacity: 1;}}
@keyframes languaHide{0%{transform: translateY(0px);opacity: 1;} 100%{transform: translateY(110%);opacity: 0;}}
.lang_dl dd a{display: block; width: 90px; height: 50px; line-height: 50px; text-align: center; color:#ccc; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.lang_dl dd em{display: block; width: 1px; height: 15px; overflow: hidden; position: absolute; right: 0px; top: 50%; margin-top: -7px; background: rgba(255,255,255,0.2);}
.lang_dl dd a:hover{color:#fff;}
.fixedMenu{width: 100%; position: absolute; left: 0px; top: 80px;}