*{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:400}
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:12px;color: #333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale}
body{line-height:1.6}
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:#333;}
a:hover{text-decoration:underline;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}
button,input[type="button"], input[type="submit"] {line-height:normal !important}
/*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:#999}
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}

body{ background: url(20171102_bg.jpg) no-repeat center top #fff;}
.wrap{ width: 100%; overflow: hidden;}
.wrap .header{width: 1200px; margin: 0 auto; position: relative; height: 632px;}
.wrap .list-header{width: 1200px; margin: 0 auto; position: relative; height: 349px; overflow: hidden;}
.wrap .header .img1{margin-top: 40px; height: 37px; position: relative;width: 1200px;margin: 0 auto;}
.wrap .header .img1 img{position:absolute; left: 50%; margin-left: -560px; }

.wrap .header .img2{position:relative;display: block; margin: 0 auto; height: 130px;width: 1200px;}
.wrap .header .img2 img{position:absolute; margin-right: 35px; float: left; top: 115px;}

.wrap .header .img3{position:relative;display: block; margin: 0 auto; height: 130px;width: 1200px;}
.wrap .header .img3 img{position:absolute; margin-right: 35px; float: left; top: 215px;}
.wrap .header .logo{ position: absolute; top: 0; right: -100px; width: 343px; height: 95px; z-index: 999;}
/*.wrap .header .logo img{position:absolute; margin-right: 35px; float: left; top: 215px;}*/
.mtop{ margin-top: 50px;}

.wrap .menu{width: 100%; height: 65px; line-height: 65px; background: #ae1c18; color: #fff;text-align:center; z-index: 9999;}
.wrap .menu a{color: #FFFF00; height: 65px; line-height: 65px; padding: 0 30px; font-size: 18px;}
.wrap .main{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.wrap .mode-a{width: 100%; height: 661px; overflow: hidden; background: url(20171102_bg01.jpg) repeat top center;}
.wrap .mode-a .mode-a-box{width: 1200px; margin: 0 auto;}
.wrap .mode-a .mode-a-box h1{width: 100%; text-align: center; height: 80px; line-height: 80px; padding: 50px 0;}
.wrap .mode-a .mode-a-box h1 a{ margin:2px; float: left;}
.wrap .mode-a .mode-a-box .m-box{width: 100%;height: 501px;position: relative;}
.wrap .mode-a .mode-a-box .m-box .m-left{width: 591px; height: 400px; float: left;}
.wrap .mode-a .mode-a-box .m-box .m-right{width: 581px; height: 400px; float: right; overflow: hidden;}
.wrap .mode-a .mode-a-box .m-box .m-right .m-box-list{width: 100%; overflow: hidden;}
.wrap .mode-a .mode-a-box .m-box .m-right .m-box-list h2{ font-size: 18px; text-align: left; color: #CC0000;}
.wrap .mode-a .mode-a-box .m-box .m-right .m-box-list h2 a{ color: #CC0000;}
.wrap .mode-a .mode-a-box .m-box .m-right .m-box-list p{ line-height: 25px; margin: 10px 0; padding: 5px 0; border-bottom: #CCCCCC dashed 1px;}
.wrap .mode-a .mode-a-box .m-box .more{
    width: 105px;
    margin: 0 auto;
    height: 50px;
    line-height: 50px;
    background: #c00;
    position: absolute;
    left: 50%;
    bottom: 30px;
    margin-left: 270px;
}
.wrap .mode-a .mode-a-box .m-box .more a{float: left; height: 50px; line-height: 50px; background: #c00; color: #fff; text-align: center; font-size: 16px; padding: 0 20px;}

.focusBox { position: relative; width: 100%; height: 400px; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white;float: left; }	
.focusBox .pic img { width: 591px; height: 400px; display: block; }	
.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }	
.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }	
.focusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}	
.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 14px; text-decoration: none; }	
.focusBox .num { position: absolute; z-index: 3; bottom: 13px; right: 8px; }	
.focusBox .num li{ float: left; position: relative; width: 15px; height: 15px; border-radius: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; margin: 0 8px;}	
.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }	
.focusBox .num li span { z-index: 1; background: #fff; }	
.focusBox .num li.on a,.focusBox .num a:hover{ background:#c00;  }
.focusBox .num li.on span{ background: #c00;}

.wrap .mode-b{width: 100%; height: 836px; overflow: hidden; background: url(20171102_bg02.jpg) no-repeat top center;}
.wrap .mode-b .mode-b-box{width: 1200px; height: 836px;overflow: hidden; margin: 0 auto; position: relative;}
.wrap .mode-b .mode-b-box .txt{ float: right; width:539px; padding:130px 80px 50px 20px; line-height: 30px; font-size: 15px;}
.wrap .mode-b .mode-b-box .showFlash{
    padding: 0 10px;
    position: absolute;
    top: 85px;
    left: 30%;
    width: 475px;
    height: 664px;
    line-height: 50px;
    font-size: 18px;
    text-align: center;
    float: left;
    color: #fff;
    cursor: pointer;
}


.wrap .mode-c{width: 100%; height: 683px; overflow: hidden; background: url(20171102_bg03.jpg) no-repeat top center;}
.wrap .mode-c .mode-c-box{width: 1200px; height: 683px;overflow: hidden; margin: 0 auto; position: relative;}
.wrap .mode-c .mode-c-box .link a{
	position: absolute;
    width: 460px;
    height: 90px;
    left: 30%;
    top: 60px;
}
.qwjd{ width:1200px; padding-top:170px;  overflow:hidden;   }	
.qwjd .hd{ height:22px; line-height:22px;  overflow:hidden;   }	
.qwjd .hd h2{ float:left; font: 15px Arial,Helvetica,sans-serif; color: #072; margin: 0 0 12px 0; }	
.qwjd .hd h2 a{ color:#37A; font-size:12px; margin-left:10px;  }	
.qwjd .hd .next,.douban .hd .prev{ float:right; display:block; width:18px; height:18px; background: url(images/left_right.gif) no-repeat -6px -7px; overflow:hidden; margin-right:6px; cursor:pointer; }	
.qwjd .hd .next{ background-position:-34px -7px; }	
.qwjd .hd .prevStop{ background-position:-6px -40px; cursor:default; }	
.qwjd .hd .nextStop{ background-position:-34px -40px; cursor:default; }	
.qwjd .hd ul{ float:right; margin:6px 6px 0 0; zoom:1; }	
.qwjd .hd ul li{ float:left; cursor:pointer; display:block; background: #ccc; width:18px; height:10px; margin-right:4px; _display:inline; border-radius: 15px;}	
.qwjd .hd ul li.on{ background:#c00; }	
.qwjd .bd{ padding:12px 0 0 0;  }	
.qwjd .bd ul{ overflow:hidden; zoom:1; }	
.qwjd .bd ul li{ float:left; width:248px; height: 380px; margin-right:66px; background: url(20171102_bg04.jpg) no-repeat center center;}
.qwjd .bd ul li img{ width: 228px; height: 360px; padding: 10px;}


.wrap .mode-d{width: 100%; height: 973px; overflow: hidden; background: url(20171102_bg05.jpg) no-repeat top center;}
.wrap .mode-d .mode-d-box{width: 1200px; height: 973px;overflow: hidden; margin: 0 auto; position: relative;}
.wrap .mode-d .mode-d-box h2{ position: absolute; left: 50%; margin-left: -110px; top: 250px;}
.wrap .mode-d .mode-d-box .tab-box{width: 100%; overflow: hidden; position: relative;top: 320px; }
.wrap .mode-d .mode-d-box .tab-box ul li{width: 85px; height: 54px; background: url(20171102_img19.png) no-repeat center center; position: absolute; cursor: pointer;}
.wrap .mode-d .mode-d-box .tab-box ul li p{ padding-top: 60px; text-align: center; font-size: 18px; color: #c00; font-weight: 500;}
.wrap .mode-d .mode-d-box .tab-box ul li.no-1{ left: 50px; top: 28px;}
.wrap .mode-d .mode-d-box .tab-box ul li.on{background: url(20171102_img18.png) no-repeat center center;}

.wrap .mode-d .mode-d-box .tab-box ul li.no-2{ left: 150px; top: 62px;}

.wrap .mode-d .mode-d-box .tab-box ul li.no-3{ left: 288px; top: 48px;}
.wrap .mode-d .mode-d-box .tab-box ul li.no-4{ left: 388px; top: 102px;}
.wrap .mode-d .mode-d-box .tab-box ul li.no-5{ left: 480px; top: 62px;}
.wrap .mode-d .mode-d-box .tab-box ul li.no-6{ left: 610px; top: 92px;}
.wrap .mode-d .mode-d-box .tab-box ul li.no-7{ left: 765px; top: 38px;}
.wrap .mode-d .mode-d-box .tab-box ul li.no-8{ left: 865px; top: 80px;}
.wrap .mode-d .mode-d-box .tab-box ul li.no-9{ left: 965px; top: 30px;}
.wrap .mode-d .mode-d-box .tab-box ul li.no-10{ left: 1065px; top: 65px;}
.wrap .mode-d .mode-d-box .tab-box .m-news{ padding-top: 230px;float: left;width: 1200px; overflow: hidden;}
.wrap .mode-d .mode-d-box .tab-box .m-news .line{ padding: 0 20px; height: 329px; border-right: #777 dashed 1px; float: left;}
.wrap .mode-d .mode-d-box .tab-box .m-news .dfdt-box{ float: right; width: 655px;}
.wrap .mode-d .mode-d-box .tab-box .m-news .dfdt-box .m-box-list{width: 100%; overflow: hidden;}
.wrap .mode-d .mode-d-box .tab-box .m-news .dfdt-box .m-box-list h3{ font-size: 18px; text-align: left; color: #CC0000;}
.wrap .mode-d .mode-d-box .tab-box .m-news .dfdt-box .m-box-list h3 a{ color: #CC0000;}
.wrap .mode-d .mode-d-box .tab-box .m-news .dfdt-box .m-box-list p{ line-height: 25px; margin: 10px 0; padding: 5px 0; border-bottom: #CCCCCC dashed 1px;}


.dfdt-focus { position: relative; width:478px; height: 329px; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white;float: left; }	
.dfdt-focus .pic img { width: 478px; height: 329px; display: block; }	
.dfdt-focus .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }	
.dfdt-focus .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }	
.dfdt-focus .txt dd{ height:36px; line-height:36px; position:absolute; bottom:-36px;}	
.dfdt-focus .txt dd a{ display: block; color: white; padding: 0 0 0 10px; font-size: 14px; text-decoration: none; }	
.dfdt-focus .num { position: absolute; z-index: 3; bottom: 13px; right: 8px; }	
.dfdt-focus .num dd{ float: left; position: relative; width: 25px; height: 10px; border-radius: 15px; line-height: 10px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; margin: 0 8px; background: #fff;}	
.dfdt-focus .num dd a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
.dfdt-focus .num dd span { z-index: 1; background: #fff; }	
.dfdt-focus .num dd.on a,.focusBox .num a:hover{ background:#c00;  }

.wrap .mode-e{width: 100%; height: 828px; overflow: hidden; background: url(20171102_bg06.jpg) no-repeat top center;}
.wrap .mode-e .mode-e-box{width: 1200px; height: 828px;overflow: hidden; margin: 0 auto; position: relative;}
.wrap .mode-e .mode-e-box h2{ padding: 50px 0; text-align: center;}
.wrap .mode-e .mode-e-box ul li{ background: #fff; margin: 10px 40px 10px 0;width: 529px; height: 146px; border: #ccc dashed 1px; float: left;}
.wrap .mode-e .mode-e-box .pic{ width:208px; height: 146px; float: left; overflow: hidden;}
.wrap .mode-e .mode-e-box .pic img{ width:208px; height: 146px;}
.wrap .mode-e .mode-e-box .txt{ margin:0 5px; width:308px; height: 146px; float: right;}
.wrap .mode-e .mode-e-box .txt h1{ font-size: 16px;}
.wrap .mode-e .mode-e-box .txt h1 a{ color: #c00;}
.wrap .mode-e .mode-e-box .txt p{ line-height: 23px; text-indent: 2em; font-size: 14px;}

.wrap .mode-f{width: 100%; height: 996px; overflow: hidden; background: url(20171102_bg07.jpg) no-repeat top center;}
.wrap .mode-f .mode-f-box{width: 1200px; height: 996px;overflow: hidden; margin: 0 auto; padding-top:270px;}
.wrap .mode-f .mode-f-box ul{ padding-top: 50px;position: relative; }
.wrap .mode-f .mode-f-box ul li{width:508px; height: 209px; overflow: hidden; margin: 20px; margin-bottom: 110px; position: absolute;}
.wrap .mode-f .mode-f-box ul li img{float:left;width: 205px; height: 205px; border-radius: 50%;}
.wrap .mode-f .mode-f-box ul li .txt{width: 270px; height: 205px; overflow: hidden; float: right;}
.wrap .mode-f .mode-f-box ul li .txt h1{ font-size: 16px;}
.wrap .mode-f .mode-f-box ul li .txt h1 a{ color: #c00;}
.wrap .mode-f .mode-f-box ul li .txt p{ font-size: 12px; line-height: 25px; text-indent: 2em;}
.wrap .mode-f .mode-f-box ul #img01{ left: 10px; top: 50px;}
.wrap .mode-f .mode-f-box ul #img02{right: 10px; top: 5px;}
.wrap .mode-f .mode-f-box ul #img03{left: 10px; top: 350px;}
.wrap .mode-f .mode-f-box ul #img04{right: 10px; top: 340px;}

.footer{width: 100%; background: #eee; height: 145px; font-size: 14px; position: relative; text-align: center; line-height: 25px; padding-top: 35px;}
.footer a{ color: #666;}
.footer .share-box{ position: absolute; left: 50%; margin-left: 320px; top: 0;}
.footer .share-box img{height: 180px;}
.wrap .main{ margin: 20px auto; overflow: hidden;}
.leftNav{width: 320px; float: left;}
.leftNav h1{ height: 50px; line-height: 50px; background: #c00; text-align: center; font-size: 18px; color: #fff;}
.leftNav p{ font-size: 14px; height: 40px; line-height: 40px; text-align: center; background: #DEC081; border-bottom:#fff solid 1px;}
.leftNav p.on{ background:#CC6600;}
.leftNav p a{ color: #000;}
.leftNav p.on a{ color: #fff;}
.rightList{width:860px; overflow: hidden; float: right;}
.rightList h1{ height: 50px; line-height: 50px; background: #eee;font-size: 18px; color: #fff;}
.rightList h1 span{ background: #c00;height: 50px; line-height: 50px; padding: 0 15px; border-radius: 5px; float: left;}
.rightList .listbox{ padding: 10px; overflow: hidden;}
.rightList .listbox ul li{ height: 30px; line-height: 30px; font-size: 14px;}
.rightList .listbox ul li span{ float: right; color: #666;}

div.page{padding: 20px 0px;text-align: center;clear: both;overflow:hidden;}
div.page a{padding:5px 10px;font-size: 14px; background:#ffffff; border:1px solid #cccccc; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; color:#5d5d5d; margin: 0 3px;}
div.page a:hover{background:#069be5; border:1px solid #069be5; color: #FFFFFF;}
div.page a.up{ }
div.page a.onhover{background: #069be5;border: 1px solid #069be5;color: #FFFFFF;}
div.page input{ border:1px solid #cccccc; width:50px;height:20px; line-hegiht:20px; text-align:center;}
div.page span{padding-right:10px;}

.center-shop {margin: 40px auto 0;overflow: hidden;}
.center-shop h3{font-size: 38px; line-height: 70px; text-align: center; text-align: center; color: #333333;}
.center-shop dl{display: block; border-bottom: solid 1px #DDDDDD; line-height: 40px; overflow: hidden;}
.center-shop dl dt{float: left;}
.center-shop dl dd{float: right;}
.center-shop .text-content{padding: 40px 0;overflow: hidden; font-size: 16px; line-height: 34px;}
.center-shop .text-content img{max-width: 100%; display: block; margin: 0 auto;}
.oHeight{height: 100%;overflow: hidden;}
.preLoad{background: #f5f5f5;width: 100%;height: 100%;position: relative;z-index: 30;}
.preImg{width: 244px; height: 110px; position: absolute; z-index: 30; left: 50%; margin-left: -122px; margin-top: -50px; top: 50%;}
.Loading{position: absolute; left: 50%; width: 50px; height: 20px; top: 50%; margin-left: -25px; margin-top: 60px; text-align: center; font-size: 16px; z-index: 31; color: #666; font-family: arial; }