@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, table, caption, tbody, tfoot, thead, tr, th, td, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden;}
/* always display scrollbars */
body { font:14px/30px "Microsoft Yahei","微软雅黑","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; margin: 0 auto; color:#000; _background-attachment:fixed; 
_background-image:url(about:blank); width: 100%; height: 100%; overflow: hidden;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
input, select { vertical-align: middle; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; padding:0;}
img { border:0;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] ,select{ -webkit-appearance: none; border-radius: 0;}
textarea { -webkit-appearance: none; border-radius: 0; background:none; outline:none; padding:0; margin:0; border:none;}
::-moz-selection { background: #ebb112; color: #fff; text-shadow: none; }
::selection { background: #ebb112; color: #fff; text-shadow: none; }
a{ text-decoration:none; blr: expression(this.onFocus=this.blur()); cursor: pointer; color:#000; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.inner { width:1300px; margin: 0px auto;}
.fl{ float:left;}
.fr{ float:right;}
body{ background:url(../images2021new/bj.jpg);}
h1,h2,h3,h4,h5{ font-weight:normal; display:block;}
input,button,table,tr,td,textarea{ font-family:Microsoft yahei,Arial;}




header{ position:fixed; width:100%; left:0; top:0; z-index:99999;}
header.scollfox{ animation:850ms 350ms; background:rgba(0,0,0,0.6); -webkit-animation-fill-mode:both; animation-fill-mode:both;
 -webkit-backface-visibility:visible !important; backface-visibility:visible !important; -webkit-animation-name:fadedown; animation-name:fadedown;}

header.scollfox .head:before{ display:none;}
header.scollfox .nav >li{ height:51px;}
header.scollfox .nav >li >a{ padding-bottom:34px;}
header.scollfox .nav >li:hover .menudown{ top:50px;}
.head{ padding:15px 70px; position:relative;}
.head:before{ content:""; width:100%; height:1px; background:rgba(255,255,255,0.2); position:absolute; left:0; bottom:0;}
.head .logo{ line-height:1; overflow:hidden; width:400px;}
.head .logo img{ display:block; width:100%; height:auto;}
.head .navmenu{ padding:10px 0 0; position:absolute; right:41%; margin-right:-550px; top:35px;}
.nav >li{ float:left; position:relative; padding:0 14px; cursor:pointer;}
.nav >li.on a{ color:#ebb112;}
.nav >li a{ display:block; color:#fff; font-size:15px; padding-bottom:30px; line-height:1;}
.nav >li.xg{ line-height:16px;}
.nav >li.xg i{ display:inline-block; font-size:12px; color:#fff; opacity:0.4;}

.menudown{ background:#fff; position:absolute; width:132px; padding:10px 6px; left:50%; margin-left:-74px; top:70px; opacity:0; transition:430ms; visibility:hidden; z-index:20; border:1px #e0e0e0 solid;}
.menudown:before{ content:""; width:10px; height:5px; background:url(../images2021new/arrow.png) center no-repeat; position:absolute; left:50%; margin-left:-5px; top:-5px;}
.menudown li{ position:relative;}
.menudown li:before{ content:""; width:0; height:100%; background:#ebb112; position:absolute; left:50%; top:0; transition:320ms; opacity:0;}
.menudown li a{ display:block; text-align:center; line-height:34px; color:#000; font-size:14px; position:relative; padding-bottom:4px;}
.menudown li:hover:before{ width:100%; opacity:1; left:0;}
.nav >li:hover:before,.nav >li.current:before{ height:7px; opacity:1; visibility:visible;}
.nav li:hover .menudown{ opacity:1; visibility:visible; top:50px;}
.biao{ margin-top:15px;}
.biao a{ display:block; width:25px; height:22px; float:left; overflow:hidden; color:#fff; line-height:22px;}
.biao i{ display:block; width:50px; text-align:center; font-size:14px; color:#fff; float:left; overflow:hidden; line-height:24px; font-style:inherit; opacity:0.6;}
.biao a:nth-child(1){ background:url(../images2021new/search.png) center no-repeat;}
.biao a:nth-child(3){ width:66px; background:url(../images2021new/login.png) left center no-repeat; text-indent:34px;}
.biao a:nth-child(5){ width:30px;}
.biao a:hover{ margin-top:-3px;}
#chkou{display:none;position:fixed;_position:absolute;top:0px;left:0px;width:100%;height:100%;background:#000;opacity:0.4;filter:Alpha(opacity=40);_display:block;_left:-10000px;z-index:1;}
#ssuo #close{position:absolute;right:20px;top:0px;color:#999;font-size:60px; line-height:60px; overflow:hidden; z-index:100;}
#msgBody #chkou{display:block;_left:0px;}
#msgBody #ssuo{display:block;_left:0;}
#msgBody{_overflow:hidden;}
#ssuo{ width:100%;display:none;position:fixed;top:80px;left:0;/_position:absolute;_display:block;z-index:10000; background:#fff; z-index:99; padding:120px 0; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -o-transition:all 0.4s linear; transition:all 0.4s linear;}
#ssuo .search{ width:100%; overflow:hidden;}
#ssuo .search input.text{ width:75%; display:block; float:left; overflow:hidden; background:#eee; line-height:100px; height:100px; border:none; text-indent:20px; font-size:20px;}
#ssuo .search input.sub{ width:25%; float:right; overflow:hidden; line-height:100px; border:none; background:#ebb112; color:#fff; font-size:26px; cursor:pointer; font-weight:bold; font-family:微软雅黑; letter-spacing:10px;}


@media screen and (max-width:1750px){
	.head{ padding:15px 10px;}
	}
@media screen and (max-width:1600px){
	.head .navmenu{ margin-right:-510px;}
	.nav >li{ padding:0 11px;}
	.biao i{ width:30px;}
	}


@keyframes fadedown{
	from{ transform:translateY(-100%); opacity:0;}
	to{ transform:translateY(0); opacity:1;}
	}



/*.focusBox{ width:100%; position:relative; overflow:hidden;}	
.focusBox .bd{ width:100%; overflow:hidden;}
.focusBox .bd li{ width:100%; overflow:hidden;}
.focusBox .bd li img{ display:block; width:100%; height:940px; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -o-transition:all 0.4s linear; transition:all 0.4s linear; -webkit-transform:scale(2); -moz-transform:scale(2); -ms-transform:scale(1.2); -o-transform:scale(2); transform:scale(2);}
.focusBox .bd li.imgIn img{ -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);}
.focusBox .hd{ position:absolute; bottom:10px; left:50%; width:1200px; margin-left:-600px; text-align:center;}	
.focusBox .hd li{ display:inline-block; width:14px; border-radius:14px; height:14px; background:#fff; margin:0 0 0 20px; cursor:pointer; transition: .5s ease-in-out; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out; z-index:90;}	
.focusBox .hd .on{ width:30px; background:#ff7900;}	
*/




.banner { position:relative; overflow:hidden;}
.banner .bannerfix >li { height: 100%; line-height: 0; opacity:0; transition:opacity 1000ms linear; -webkit-transition:opacity 1000ms linear; float:left;}
.banner .bannerfix >li .bimg { line-height: 0; width: 100%; position: relative; transition: transform 5s ease; -webkit-transition: transform 5s ease; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
.banner .bannerfix >li.imgIn{ opacity:1; z-index:10; display:block;}
.banner .bannerfix >li.imgIn .bimg { transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transform: matrix(1, 0, 0, 1, 0, 0); }

.banner .flex-control-nav{ width:100%; height:20px; position:absolute; left:0; bottom:40px; text-align:center; z-index:20;}
.banner .flex-control-nav li{ display:inline-block; position:relative; margin-right:14px; width:5px; height:20px;}
.banner .flex-control-nav li:last-child{ margin-right:0;}
.banner .flex-control-nav li span{ display:block; text-indent:999px; overflow:hidden; width:5px; height:8px; position:absolute; background:#fff; transition:320ms; left:0; top:6px;}
.banner .flex-control-nav li a.flex-active span{ height:20px; top:0; background:#7c3e1e;}
.bamnline { display:none;}

footer{ width:100%; overflow:hidden; padding-top:50px;}
footer dl{ display:block; float:left; overflow:hidden; padding-right:120px;}
footer dl:first-child{}
footer dl dt{ display:block; overflow:hidden;}
footer dl dt h1{ color:#fff; font-size:18px; padding-bottom:20px;}
footer dl dt i{ display:block; width:20px; height:1px; background:#ebb112;}
footer dl dd{ display:block; overflow:hidden; margin-top:20px; color:#666;}
footer dl dd a{ display:block; color:#666;}
footer dl dd a:hover{ color:#ebb112;}
footer .flogo{ width:300px; float:left; overflow:hidden;}
footer .flogo img{ width:100%; display:block; margin-top:80px;}
footer em{ display:block; float:right; overflow:hidden; width:160px; font-style:normal;}
footer em img{ display:block; width:100%; height:160px;}
footer em h1{ color:#fff; font-size:16px; margin-top:10px;}
footer .webu{ width:100%; overflow:hidden; border-top:1px #ffffff solid; padding:15px 0; margin-top:70px;}
footer .webu h1{ float:left; color:#666;}
footer .webu h2{ float:right; color:#666;}