@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;}
* { margin: 0; padding: 0;}
body { font: 16px/1.8 "Microsoft Yahei",verdana;}
a { text-decoration: none;    transition:0.5s all;  -webkit-transition:0.5s all;  -moz-transition:0.5s all;  -o-transition:0.5s all;  -ms-transition:0.5s all;}
strong { font-weight: bold;}
*html .clearfix{zoom: 1;}
*+html .clearfix {zoom: 1;}
html{font-size:62.5%; /* 10÷16=62.5% */}
.shouji{ display:none}

/*top*/

.top { width: 100%; height: 90px; background: #FFF;}
.top_nei { width: 1200px; margin: 0 auto; height: 90px;}
.top_nei .logo { width: 307px; height: 90px; float: left;}
.top_nei .logo a { display: block;}
.top_nei .menu { width: 694px; height: 90px; float: left; margin-left: 149px;}
.top_nei .langue { width: 50px; height: 90px; float: left;}

/*menu*/
.menu ul li { float: left; width: 85px; border-right: 1px solid #e8e8e8; height: 90px; }
.menu ul li a { display: block; width: 85px; height: 90px; text-align: center;}
.menu ul li a:hover { background: #354681;}
.menu ul li a:hover span { color: #FFF;}
.menu ul li a span { display: block; float: left; width: 100%; }
.menu ul li a .sp1 { font-size: 14px; height: 14px; color: #333; margin-top: 20px; margin-bottom: 10px;}
.menu ul li a .sp2 { font-size: 12px; height: 12px; font-family: Arial; color: #999;}
.menu ul li #currentNav { background: #354681;}
.menu ul li #currentNav span { color: #FFF;}

/*langue*/
.cn,.en { display: block; width: 50px; height: 22px; background: url("../images/en.png") no-repeat center; font-size: 12px; color: #FFF; text-align: center; line-height: 22px; cursor: pointer; }
.cn { margin-top: 22px; margin-bottom: 7px;}
.cn:hover,.en:hover { background: url("../images/cn.png") no-repeat center; cursor: pointer}

/*banner*/
.banner { width: 100%; height: 573px; background: url("../images/banner_about.jpg") no-repeat 50% 50%;}
.banner_contact { width: 100%; height: 573px; background: url("../images/banner_contact.jpg") no-repeat 50% 50%;}
.banner_anli { width: 100%; height: 573px; background: url("../images/banner_anli.jpg") no-repeat 50% 50%;}
.banner_product { width: 100%; height: 573px; background: url("../images/banner_product.jpg") no-repeat 50% 50%;}
.banner_news { width: 100%; height: 573px; background: url("../images/banner_news.jpg") no-repeat 50% 50%;}
.banner_zl { width: 100%; height: 573px; background: url("../images/banner_zl.jpg") no-repeat 50% 50%;}
.banner_culture { width: 100%; height: 573px; background: url("../images/banner_culture.jpg") no-repeat 50% 50%;}
.banner_join { width: 100%; height: 573px; background: url("../images/banner_join.jpg") no-repeat 50% 50%;}


/*foot*/
.foot { width: 100%; height: 377px; background: #21317c;float: left;}
.foot .return { position: fixed; display: block; width: 80px; height: 80px; right: 20px; bottom: 100px;}
.foot .return img { width: 80px; height: 80px;}
.foot_nei { width: 1200px; height: 377px; margin: 0 auto;}
.foot_nav { width: 1200px;height: 270px; padding-top: 54px; background: url("../images/ftnv.jpg") no-repeat bottom center;}
.foot_nav .nav_list { width: 650px; float: left; height: 270px;}
.foot_nav ul { float: left; height: 270px;}
.foot_nav .gywm { width: 133px; }
.foot_nav .fw { width: 150px;}
.foot_nav .zl { width: 176px;}
.foot_nav .wh { width: 133px;}
.foot_nav ul .ft_title { display: block; font-size: 18px; color: #a0a8ce; font-weight: bold; margin-bottom: 15px;}
.foot_nav ul li { width: 100%; height: 24px; line-height: 24px; text-align: left;}
.foot_nav ul li a { font-size: 14px; color: #FFF;}

.foot_nav .ft_info { width: 550px; height: 270px; float: left; }
.foot_nav .ft_info .ct_info { float: left;}
.foot_nav .ft_info .ct_info .company { font-size: 18px; color: #FFF; font-weight: bold; margin-bottom: 40px; margin-top: 2px; text-align: right; }
.foot_nav .ft_info .ct_info .address { font-size: 14px; color: #FFF; }
.foot_nav .ft_info .ct_info .tel { font-size: 18px; color: #ff8b52; font-weight: bold; text-align: right; }
.foot_nav .ft_info .erweima { float: left; width: 100px;  margin-left: 28px;}
.foot_nav .ft_info .ct_info .plat img { float: right; margin-left: 12px;}
.foot_nav .ft_info .ct_info .plat .wx {margin-top: 2px;}
.foot_nei .foot_bq p { width: 1200px; margin: 0 auto; text-align: center; height: 50px; line-height: 50px; font-size: 12px; color: #FFF;}
.foot_nei .foot_bq p a { font-size: 12px; color: #FFF;}

.plat_ul { width: 100%; height: 40px;}
.weixin{ width:34px; height:34px; position:relative; font-size:12px; text-align:center; float: right }
.weixin a{width:34px; height:34px; display:block; position:absolute; left:0; bottom: -1px; background:url(../images/wx.png) no-repeat center; }
.weixin .weixin_nr{width:100px; height:120px; padding:10px; background:#fff; text-align:center; position:absolute; left:-45px; top:45px; display:none;}
.weixin .weixin_nr img{ margin-bottom: 5px;}
.weixin .weixin_nr .arrow{ width:0; height:0; border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent; position:absolute; left:50px; top:-10px;}
.weixin.on .weixin_nr{ display:block;}
.weixin.on a{ background:url(../images/wx.png) no-repeat;}
.qq { width: 37px; height: 38px; float: right; margin-right: 11px;}

@media all and (min-width: 0px) and (max-width: 767px){
    body { min-width: inherit; background:none;font-size:1.4rem; line-height:2.0rem;font-family: "Microsoft Yahei","Roboto",Arial,"Helvetica Neue","Times New Roman","黑体";}
    .shouji{ display:block}
    .shoujinone{ display:none!important}
    img{ width:100%}
    .top_nei { width: 100%;}
    .menu-button { position: relative;cursor: pointer; }
    .toolbar { position: fixed;top:0;left: 0;right: 0;background-color: transparent;z-index: 3; height: 0}
    .menu-left { float: right; margin-right: 1.0rem; margin-top: 2.4rem;}
    .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; }
    .logo1 { width: 254px; margin-left: 20px; margin-top: 10px;}
    .top_sj { width: 287px;}

    /*foot*/
    .foot { height: 250px;}
    .foot_nei { width: 100%; height: 250px;}
    .foot_nav { width: 100%; height: 120px; padding-top: 0;}
    .foot_nav .ft_info { width: 100%; height: 120px;}
    .foot_nav .ft_info .ct_info {  float: none; text-align: center;line-height: 28px;}
    .foot_nav .ft_info .ct_info .company { font-size: 22px; margin-top: 20px; text-align: center}
    .foot_nav .ft_info .ct_info .address { width: 94%; margin: 0 auto; text-align: left;}
    .foot_nav .ft_info .ct_info .mail{ width: 94%; margin: 0 auto; text-align: left; color: #FFF;}
    .foot_nav .ft_info .ct_info .tel { width: 94%; margin: 0 auto; text-align: left; font-size: 14px; color: #FFF;font-weight: normal}
    .return{ display: none!important;}


    /*foot_tags*/
    .foot .tags{ position: fixed; width:100%; height: 3.9rem; bottom: 0; left: 0; z-index: 1001}
    .foot .tags .tags1{ float: left; width: 22%; border-right: 1px solid #333;}
    .foot .tags .tags2{ float: left; width: 28.4375%; border-right: 1px solid #333;}
    .foot .tags .tags3{ float: left; width: 25.3125%; border-right: 1px solid #333;}
    .foot .tags .tags4{ float: left; width: 23.3%;} .footer1 .tags a img{height: 3.9rem;}
}