@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;}
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}

/*top*/
.top { width: 100%; height: 115px; background: url("../images/header_bg.jpg") repeat-x;}
.header { width: 1200px; height: 105px; margin: 0 auto; padding-top: 10px;}
.header .logo { width: 364px; height: 105px; float: left; }
.header .logo a { display: block;}
.header .logo a img { float: left; margin-top: 18px;}
.header .link { width: 256px; height: 23px; float: right; margin-top: 6px;}
.header .link a,.header .link img { float: left;}
.header .link .cn { display: block; width: 84px; height: 23px;}
.header .link .cn img { width: 40px; height: 23px;}
.header .link .cn span { float: left; font-size: 12px; color: #000; margin-top: 4px; margin-left: 5px;}
.header .link .en { display: block; width: 95px;}
.header .link .en img { width: 37px; height: 23px;}
.header .link .en span { float: left; font-size: 12px; font-family: arial; margin-left: 8px; margin-top: 5px;}
.header .link .jn { width: 77px; height: 23px;}
.header .link .jn img { width: 35px; height: 23px;}
.header .link .jn span { float: left; font-size: 12px; color: #000; margin-left: 6px; margin-top: 4px;}
.header .menu { width: 836px; height: 32px; float: right; margin-top: 31px;}
.header .menu .nav1 .li1 { float: left; width: 95px; height: 32px; text-align: center; line-height: 30px; margin-right: 28px; position: relative;}
.header .menu .nav1 .li1 a { display: block; width: 95px; height: 32px; font-size: 16px; color: #999;}
.header .menu .nav1 .li1 a:hover { background: #005bac; color: #FFF;  border-radius: 5px}
.header .menu .nav1 .currentNav_6 { margin-right: 0px;}
.header .menu .nav1 .li1 .nav2 { position: absolute; width: 533px; height: 295px; display: none; padding-top: 13px; z-index: 1}
.header .menu .nav1 .li1:hover .nav2 { display: block; background: #FFF; z-index: 1}
.header .menu .nav1 .li1:hover .nav2 .nav_list { width: 140px; height: 292px; float: left; background: #e6e6e6; }
.header .menu .nav1 .li1:hover .nav2 .nav_list li { width: 140px; height: 47px; line-height: 47px; border-bottom: 1px solid #b3b3b3; }
.header .menu .nav1 .li1:hover .nav2 .nav_list li a { display: block; width: 140px; height: 47px; border-radius: 0; font-size: 14px; color: #565656;}
.header .menu .nav1 .li1:hover .nav2 .nav_list li a:hover { color: #FFF;}
.header .menu .nav1 .li1:hover .nav2 .nav_intro { height: 295px; width: 331px; float: left;}
.header .menu .nav1 .li1:hover .nav2 .nav_intro .nav_pic { margin-top: 20px; margin-left: 31px;}
.header .menu .nav1 .li1:hover .nav2 .nav_intro p { width: 331px; margin-left: 31px; margin-top: 20px; line-height: 22px; text-align: left;}
.header .menu .nav1 .li1:hover .nav2 .nav_t { width: 100%; height: 3px; background: url("../images/nav_xl.png") repeat-x;}
.header .menu .nav1 .currentNav_4:hover .nav2 { position: absolute; left: -440px; }
.header .menu .nav1 .currentNav_5:hover .nav2 { position: absolute; left: -440px; }
.header .menu .nav1 .currentNav_6:hover .nav2 { display: none;}
.header .menu .nav1 .currentNav_2:hover .nav2 { width: 688px; height: 340px;}
.header .menu .nav1 .currentNav_2:hover .nav2 .nav_list { width: 300px; height: 336px;}
.header .menu .nav1 .currentNav_2:hover .nav2 .nav_list li { width: 140px; float: left;}
.header .menu .nav1 .currentNav_2:hover .nav2 .nav_list .ctNav_1,.header .menu .nav1 .currentNav_2:hover .nav2 .nav_list .ctNav_3,.header .menu .nav1 .currentNav_2:hover .nav2 .nav_list .ctNav_5,.header .menu .nav1 .currentNav_2:hover .nav2 .nav_list .ctNav_7,.header .menu .nav1 .currentNav_2:hover .nav2 .nav_list .ctNav_9,.header .menu .nav1 .currentNav_2:hover .nav2 .nav_list .ctNav_11,.header .menu .nav1 .currentNav_2:hover .nav2 .nav_list .ctNav_13 { margin-right: 10px;}
#currentNav  { background: #055bac; border-radius: 5px; color: #FFF!important;}


/*banner*/
.banner{width: 100%; height: 519px; position: relative; margin: 0 auto; z-index: 0; background: #ebebeb;}
.banner #full-screen-slider { width:100%; height:519px; float:left; position:absolute;}
.banner #slides { display:block; width:100%; height:512px; list-style:none; padding:0; margin:0 auto; position:relative}
.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; left:47%; bottom:8px;z-index:9900;  padding:5px 15px 15px 0; margin:0}
.banner #pagination li { display:block; list-style:none; width:12px; height:12px; float:left; margin-left:15px; background:#005bac; -moz-border-radius:6px;-webkit-border-radius: 6px;border-radius: 6px;behavior: url(../css/ie-css3.htc); opacity: 0.8 }
.banner #pagination li a { display:block; width:100%; height:100%; padding:0; margin:0; text-indent:-9999px;}
.banner #pagination li.current { background: #fff;}

/*foot*/
.foot { width: 100%; height: 312px; float: left; background: url("../images/foot_bg.jpg") repeat-x; }
.foot .foot_nei { width: 1200px; margin: 0 auto;}
.foot .foot_nei .form { width: 583px; height: 226px; float: left; margin-top: 46px;}
.foot .foot_nei .form .Content { float: right;}
.foot .foot_nei .form .faqtit { font-size: 14px; color: #FFF;}
.foot .foot_nei .form h3 {font-size: 16px; color: #FFF; margin-bottom: 23px;}
.foot .foot_nei .info { width: 230px; height: 224px; float: left; margin-top: 46px; margin-left: 100px; line-height: 34px;}
.foot .foot_nei .info h3 { font-size: 16px; color: #FFF;}
.foot .foot_nei .info p { font-size: 12px; color: #FFF;}
.foot .foot_nei .info p a { font-size: 12px; color: #FFF;}
.foot .foot_nei .info p a:hover { color: #F00}
.foot .foot_nei .info p .sm { margin-left: 17px;}
.foot .foot_nei .wx { width: 185px; height: 185px; float: left; margin-top: 87px; margin-left: 58px;}

/* side */
.side{position:fixed;width:54px;height:275px;right:0;top:400px;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;}
    .top_sj .logo1 a { display: block}
    .top_sj .logo1 a img {width: 100%!important;}
    .tiao { background: url("../images/top_hengtiao.jpg") repeat-x scroll 0 0; height: 0.7rem; margin-bottom: 0.5rem;}
    .menu-button {position: relative;cursor: pointer;}
    .toolbar {position: fixed;top:0;left: 0;right: 0;background-color: transparent;z-index: 3; top: 3.5rem;}
    .menu-left {float: right; margin-right: 1.0rem; width: 12%; }
    .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; }

    .langue { width: 100%; height: 4.8rem; background: #005bac;}
    .langue .cn { display: block; width: 84px; height: 23px; float: left; margin-right: 5%; margin-top: 1.3rem; margin-left: 7%;}
    .langue .cn img { width: 40px; height: 23px; float: left;}
    .langue .cn span { float: left; font-size: 12px; color: #FFF; margin-left: 5px;}
    .langue .en { display: block; width: 95px; float: left; margin-right: 5%; margin-top: 1.3rem;}
    .langue .en img { width: 37px; height: 23px; float: left;}
    .langue .en span { float: left; font-size: 12px; font-family: arial; margin-left: 8px; color: #FFF;}
    .langue .jn { width: 90px; height: 23px; float: left; margin-top: 1.3rem;}
    .langue .jn img { width: 35px; height: 23px; float: left;}
    .langue .jn span { float: left; font-size: 12px; color: #FFF; margin-left: 6px; }

    .foot { width: 100%; float: left; height: auto; background: #000; padding-bottom: 25px;}
    .foot .foot_nei { width: 100%;}
    .foot .foot_nei .form { width: 93.75%; height: auto!important; margin-left: 3.125%; font-size: 1.4rem;}
    .foot .foot_nei .form .st { width: 100%!important;}
    .foot .foot_nei .form .Content { float: left!important;}
    .foot .foot_nei .info { width: 93.75%; margin-left: 3.125%!important; margin-top: 2.3rem;}
    .foot .foot_nei .info p { font-size: 1.4rem; color: #FFF;}
    .foot .foot_nei .info p a { font-size: 1.4rem;}

    .foot .tags{ position: fixed; width:100%; bottom: 0; left: 0; z-index: 1001; border-top: 1px solid #333;}
    .foot .tags .tags1{ float: left; width: 19.0625%; border-right: 1px solid #333;}
    .foot .tags .tags2{ float: left; width: 20%; border-right: 1px solid #333;}
    .foot .tags .tags3{ float: left; width: 20%; border-right: 1px solid #333;}
    .foot .tags .tags4{ float: left; width: 19.6875%;border-right: 1px solid #333;}
    .foot .tags .tags5{ float: left; width: 19.6875%;}
    .foot .tags a img{height: 3.8rem;}
}