@charset "utf-8";
/* CSS Document */
html{-webkit-text-size-adjust:none;}
body {font-size:14px; color:#00000;line-height:26px; margin:0; padding:0; font-family:"΢���ź�","MicrosoftYaHei","Microsoft YaHei","Arial"; -webkit-text-size-adjust:none; }
img { border:0}
div,form,ul,ol,li,span,h1,h2,h3,h4,h5,h6,dl,dt,dd {border: 0;margin: 0;padding: 0;list-style-type:none; font-weight:normal;}
.fz12,font,h2,h1 { font-size:14px}
h3,h4,h5, { font-weight:normal; font-size:14px}

a { outline:none;-moz-outline:none; color:#3C72B8;}
a:link {color:#343434;text-decoration: none}
a:visited {color:#343434;text-decoration: none}
a:active {color:#343434;text-decoration: none}
a:hover {color:#ae0808;text-decoration:none}
p { padding:0; margin:0; padding-bottom:0px;}
.tar { text-align:right}
.tal { text-align:left}
.tac { text-align:center}
.ft {float:left}
.fr {float:right}
.clear { clear:both}
.bgff { background:#F6F6F6}
.w100 { width:1024px; margin:0 auto}

@media all and (max-width:1060px){
.w100 { width:94%;}	
}


/*��ҳ*/
.top{ width:100%; height:36px; line-height:36px; background:#861D1A; overflow:hidden;}
.top .top_ft{ font-size:12px; color:#fff; float:left;}
.top .top_ft span{ font-size:14px;}
.top .top_fr{ font-size:14px; float:right;}
.top .top_fr a{ display:block; width:50px; float:left; color:#fff; }
@media all and (max-width:320px){
.top .top_ft{ display:none;}	
}

.head{ width:100%; height:72px; position:absolute; top:0px; left:0px; background:url(images/head_bj.png); z-index:9999}
.head .head_main{ width:1024px; margin:0 auto;}
.head .head_main .head_logo{ float:left; padding-top:13px;}
.head .head_main .head_logo a{ display:block;}
.head .head_main .head_nav{ float:right; padding-top:45px;}
.head .head_main .head_nav ul li{ float:left; width:110px; height:37px; text-align:center; font-size:16px; position:relative;}
.head .head_main .head_nav ul li a.yj{ display:block; border-left:1px solid #fff; color:#000000; height:16px; line-height:16px; }
.head .head_main .head_nav ul li.sy{ width:82px;}
.head .head_main .head_nav ul li.sy a{ border-left:0px;}
.head .head_main .head_nav ul li.on a{ color:#ae0808}
.head .head_main .head_nav ul li a:hover{ color:#ae0808}
.head .head_main .head_nav ul li h3{ position:absolute; top:37px; left:0px; width:100%; background:url(../images/nav_bj.png); overflow:hidden; display:none; font-size:16px;}
.head .head_main .head_nav ul li h3 a{ display:block; line-height:34px; color:#fff;}
.head .head_main .head_nav ul li.on h3 a{ color:#fff}
.head .head_main .head_nav ul li h3 a:hover{ color:#ae0808}

.head.qt_nav.ats{ position:fixed; top:0px; left:0px;}
.head.ats{  top:0px; left:0px; z-index:8888}
.head.qt_nav{position:relative; background:#fff; border-bottom:1px solid #D7D7D7;}
.head.qt_nav .head_main .head_nav ul li a.yj{ border-left:1px solid #282828; color:#282828; }
.head.qt_nav .head_main .head_nav ul li.sy a{ border-left:0px;}
.head.qt_nav .head_main .head_nav ul li.on a{ color:#ae0808}
.head.qt_nav .head_main .head_nav ul li.on h3 a{ color:#fff}
.head.qt_nav .head_main .head_nav ul li h3 a:hover{ color:#ae0808}
.head.qt_nav .head_main .head_nav ul li a:hover{ color:#ae0808}



@media all and (max-width:1060px){
.head{ height:105px;}
.head .head_main{ width:100%;}
.head .head_main .head_logo{ float:none; padding-top:10px; text-align:center;}
.head .head_main .head_nav{ float:none; padding-top:10px; margin:0 auto;}
.head .head_main .head_nav ul li{ width:15%; font-size:14px;}	
.head .head_main .head_nav ul li.sy{ width:10%;}
.head .head_main .head_nav ul li h3{top:32px; font-size:14px;}

.banner{ height:400px; padding-top:105px;}
.banner .banner_img ul li{ height:400px;}
.banner .banner_img ul li a { height:400px;}
.banner .banner_img ul li img { height:400px;}
}
@media all and (max-width:720px){
.banner{ height:300px;}
.banner .banner_img ul li{ height:300px;}
.banner .banner_img ul li a { height:300px;}
.banner .banner_img ul li img { height:300px;}

.head .head_main .head_nav ul li{ font-size:12px;}	
.head .head_main .head_nav ul li h3{font-size:12px;}
}
@media all and (max-width:480px){
.head { height:115px}
.banner{ height:200px; padding-top:115px}
.banner .banner_img ul li{ height:200px;}
.banner .banner_img ul li a { height:200px;}
.banner .banner_img ul li img { height:200px;}

.head .head_main .head_nav ul li a.yj{ width:30px; height:32px; border-left:0px; margin:0 auto; font-size:12px;}
.head .head_main .head_nav ul li.sy{ width:10%;}
.head .head_main .head_nav ul li.sy a{ line-height:32px; margin:0 auto; width:30px;}
.head .head_main .head_nav ul li h3{top:42px; }
.head.qt_nav .head_main .head_nav ul li a.yj{ border-left:0px;}

}