﻿@charset"utf-8";
/*all tag reset*/
li{list-style:none;}
legend{color:#5A5A5A;}
fieldset,img{border:0;}
i,em{font-style:normal}
ul{margin:0 ;padding: 0;}
strong{ font-weight:bold;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
sup{vertical-align: super;}
sub{vertical-align: sub;}
del,ins{text-decoration:none;}
small{font-size:12px; display: block;}
abbr,acronym{border:0;font-variant:normal;}
input,button,textarea,select{font-size:100%;}
input.hidefocus::-moz-focus-inner {border:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
table{border-collapse:collapse;border-spacing:0;empty-cells:show;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;outline:none;}
/*clearfix*/
strong{ font-weight: bold;}
blue { color: #1253a2;}
ul{list-style: none;}
*html .clearfix{zoom: 1;}
*+html .clearfix {zoom: 1;}
a{text-decoration: none; color: #565656;font-size: 12px;}
body{ font-size: 12px; font-family: "微软雅黑"; color: #565656;}
.clearfix:after { height: 0; visibility: hidden; content: "."; display: block; clear: both;}
html{font-size:62.5%; /* 10÷16=62.5% */}
.shouji{ display:none}
img {-webkit-filter: brightness(1.05);filter: brightness(1.05);}

/*header*/
.header { width: 100%; height: 102px; background: url("../images/top_bg.jpg") no-repeat;}
.header .top { width: 1200px; height: 102px; margin: 0 auto;}
.header .top .logo { float: left; width: 600px; height: 62px; margin-top: 18px;}
.header .top .logo a { display: block;}
.header .top .line { float: right; margin-right: 16px;  margin-top: 29px;}
.header .top .line .lx { margin-bottom: 28px;}
.header .top .line .lx a { font-size: 14px; color: #999;}
.header .top .line .lx .lw { margin-right: 18px;}
.header .top .line .lx .fs { margin-left: 18px;}
.header .top .line .rx { text-align: right;}
.header .top .line .rx span { display: block; font-size: 14px; color: #999; margin-bottom: 10px;}

/*menu*/
.menu { width: 100%; height: 40px; background: url("../images/menu_bg.jpg") repeat-x;}
.menu .nav { width: 1200px; height: 40px; margin: 0 auto;}
.menu .nav .nav1 li {  float: left; width: 169px; height: 40px; background: url("../images/nav_f.png") no-repeat right center; text-align: center; line-height: 40px; background-position:  100% 60%;}
.menu .nav .nav1 li .nv { display: block; width: 169px; height: 40px; font-size: 18px; color: #666;}
.menu .nav .nav1 li .nv:hover { background: url("../images/nav_bg.png") no-repeat; color: #FFF;}
.menu .nav .nav1 .currentNav_6 { background: none;}
.menu .nav .nav1 li .nav2 { display: none; background: #FFF}
.menu .nav .nav1 li:hover .nav2 { display: block;z-index:106; position: relative}
.menu .nav .nav1 li .nav2 li { width: 169px; height: 40px; line-height: 40px; text-align: center; background: #FFF;opacity: 0.7 }
.menu .nav .nav1 li .nav2 li a { font-size: 14px; color: #333;}
.menu .nav .nav1 li .nav2 li a:hover { color: #2591f6;}
#currentNav { background: url("../images/nav_bg.png") no-repeat!important; color: #FFF;}

/*banner
.fullSlide{width:100%; position:relative; height:529px; margin: 0 auto;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:529px;overflow:hidden;text-align:center; opacity: 1!important;z-index:-1!important}
.fullSlide .bd li a{display:block;height:529px;z-index:-1!important}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{ cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#f00;}
.fullSlide .prev { display: block; width:51px; height:44px; background:url(../images/b_left.png) no-repeat;  position:absolute; top: 76%; right: 8%; z-index:105; cursor: pointer}
.fullSlide .next{ display: block; width:51px; height:44px; background:url(../images/b_right.png) no-repeat; position: absolute; top: 89%; right: 8%; z-index: 105; cursor: pointer }
*/

/*banner*/
.banner{ width: 100%; height: 406px;  margin: 0 auto; position: relative; z-index: 0}
.banner #full-screen-slider{ width:100%; height:406px; float:left; position:absolute;}
.banner #slides{ display:block; width:100%; height:406px; list-style:none; padding:0; margin:0 auto; position:relative;-webkit-filter: brightness(1.05);filter: brightness(1.05);}
.banner #slides li{ display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
.banner #slides li a{ display:block; width:100%; height:100%; text-indent:-9999px}
.banner #pagination{ display:block; list-style:none; position:absolute; right:5%; top:100px;z-index:9900;margin:0; background: #333; width: 33px; border-radius: 11px; opacity: 0.8; padding-bottom: 10px; padding-top: 5px; text-align: center;}
.banner #pagination li{ display:block; list-style:none; width:9px; height:9px; background: #fff; -moz-border-radius:6px;-webkit-border-radius: 6px;border-radius: 6px;behavior: url(../css/ie-css3.htc); margin-top: 6px; margin-left: 12px;}
.banner #pagination li a{ display:block; width:100%; height:100%; padding:0; margin:0; text-indent:-9999px;}
.banner #pagination li.current{ background: #330097;}

.item{display:block;position:absolute;z-index:124;top:250px;right: 5%; background: #333; width: 33px; border-radius: 11px; opacity: 0.8; padding-bottom: 10px; padding-top: 5px; text-align: center;}
.item a{display:inline-block;width:9px;height:9px;margin-right:10px;background:#fff;-moz-border-radius:6px;-webkit-border-radius: 6px;border-radius: 6px;behavior: url(../css/ie-css3.htc);overflow:hidden; margin-bottom: 12px;}
.item a.cur{background: #330097;}
.slide-box,.slide{display:block;width:100%;height:406px;overflow:hidden}
.slide-box{position:relative}

/*foot*/
.foot { width: 100%; height: 232px; background: #FFF; float: left; position: relative; z-index: 10; border-top: 1px solid #eee; padding-top: 20px;}
.foot .ft_nei { width: 100%; height: 232px; }
.foot .ft_nei .ft_top { width: 1200px; height: 192px; margin: 0 auto; background: #FFF;}
.foot .ft_nei .ft_top .foot_nav { width: 784px; height: 192px; float: left; }
.foot .ft_nei .ft_top .foot_nav  ul .f_nv { float: left; width: 195px; height: 153px; border-right: 1px solid #d0d0d0; line-height: 24px;}
.foot .ft_nei .ft_top .foot_nav  ul #fv_4,.foot .ft_nei .ft_top .foot_nav  ul #fv_5,.foot .ft_nei .ft_top .foot_nav  ul #fv_6 { display: none;}
.foot .ft_nei .ft_top .foot_nav  ul .f_nv .ft_nav2 { float: left; width: 195px; color: #666; text-align: center; font-size: 14px; margin-bottom: 10px;}
.foot .ft_nei .ft_top .foot_nav  ul .f_nv .ft_nav2:hover { color: #1c7dd8; }
.foot .ft_nei .ft_top .foot_nav  ul .f_nv .nav_title { display: block; font-size: 18px; color: #666; text-align: center; margin-bottom: 10px;}

.foot .ft_nei .ft_top .foot_nav  ul li ul li a { display: block; margin-left: 49px; font-size: 12px; color: #999; background: url("../images/ft_navbg.png") no-repeat left center; padding-left: 13px;}
.foot .ft_nei .ft_top .foot_nav  ul li ul li a:hover { color: #1c7dd8; background: url("../images/ft_navhover.png") no-repeat left center;}
.foot .ft_nei .ft_top .foot_info { width: 234px; height: 192px; float: right; margin-right: 86px; margin-top: 9px;}
.foot .ft_nei .ft_top .foot_info .wx { float: left; width: 234px; height: 77px;}
.foot .ft_nei .ft_top .foot_info .wx img { float: left; width: 82px; height: 77px;}
.foot .ft_nei .ft_top .foot_info .wx p { float: left; width: 86px; height: 44px; font-size: 12px; line-height: 24px; color: #666; margin-top: 35px; margin-left: 10px;}
.foot .ft_nei .ft_top .foot_info .info { float: left; width: 234px; height: 35px; line-height: 24px; color: #666; margin-top: 15px; }
.foot .ft_nei .ft_bottom { width: 100%; height: 39px; background: #1c7dd8; line-height: 39px; }
.foot .ft_nei .ft_bottom .bm_info { width: 747px; margin: 0 auto; height: 39px; text-align: center;}
.foot .ft_nei .ft_bottom .bm_info p a { font-size: 12px; color: #FFF;}
.foot .ft_nei .ft_bottom .bm_info p { font-size: 12px; color: #FFF; display: inline-block; height: 39px;}
.foot .ft_nei .ft_bottom .bm_info .bq { margin-right: 18px;}
.foot .ft_nei .ft_bottom .bm_info #bq1 { margin-right: 0;}



/* side */
.side{position:fixed;width:54px;height:275px;right:0;top:214px;z-index:1009;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;overflow:hidden;font:14px/54px Arial, Helvetica, sans-serif;}
.side ul li .sidebox1{ display:block;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;overflow:hidden;width:40px;height:40px; padding-top:14px; padding-left:14px}
.side ul li .sidebox1:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}
#qcode { position:relative; margin:0 auto; }
#qqgroup { display:none; position:absolute; overflow:hidden; background:url(../images/erweima.png) no-repeat; width:150px; height:150px; z-index: 2000000; left:-150px; top:-35px; }

@media all and (min-width: 0) and (max-width: 767px) {
    body { min-width: inherit; background:none;font-size:1.4rem; line-height:2.0rem}
    .shouji{ display:block}
    .shoujinone{ display:none}
    img{ width:100%}
    .top_sj{border-bottom: 1px solid #dedede; height: auto;}
    .top_sj .logo1 a { display: block}
    .top_sj .logo1 a img {width: 100%!important;}
    .menu-button {position: relative;cursor: pointer; top: -26px;}
    .toolbar {position: fixed;top:0;left: 0;right: 0;background-color: transparent;z-index: 3; top: 4rem; height: 2rem;}
    .menu-left {float: right; margin-right: 1.0rem; }
    .sidebar {margin: 0;padding-top: 1rem;color: white;background-color:#000; width: 55%}
    .sidebar li { border-bottom: 1px solid #FFF; padding-bottom: 1rem; width: 100%;}
    .sidebar li .block { font-weight:bold; display:block; margin-left:15px; line-height:4rem; font-size:1.6rem; color: #FFF; }
    .sidebar li a{ display:block; margin-left:3rem; line-height:3.2rem; font-size:1.4rem; color: #FFF; }

    /*banner*/
    .banner1{ width: 100%; height:97px; position:relative; margin:0 auto; overflow:hidden; z-index:-1;}
    /*foot*/
    .footer { width: 100%; height: auto; background: #5a5a5a; float: left; padding-bottom: 35px;}
    .footer .ft_nav { width: 100%; background: #5a5a5a; padding-top: 1.8rem;}
    .footer .ft_nav ul li { width: 100%; height: 3.2rem; border-bottom: 1px dashed #797777;}
    .footer .ft_nav ul li a { color: #FFF; display: block; width: 88%; line-height: 3.2rem; margin-left: 6%; background: url("../images/ft_tag.png") no-repeat right center; font-size: 1.4rem;}
    .footer .xinxi{ width: 100%; margin-top: 3.3rem; line-height: 2.4rem; margin-bottom: 3.4rem; text-align: center}
    .footer .xinxi p{ color: #FFF; font-size: 1.4rem;}
    .footer .xinxi p a { color: #FFF; font-size: 1.4rem;}
    .footer .tags{ position: fixed; width:100%; bottom: 0; left: 0; z-index: 1001}
    .footer .tags .tags1{ float: left; width: 31.25%;}
    .footer .tags .tags2{ float: left; width: 37.8%;}
    .footer .tags .tags3{ float: left; width: 30.9%; }
    .footer.tags a img{height: 5.5rem;}


}