@charset "UTF-8";
body,input,button,select,textarea,table{font-family:"Microsoft YaHei", "微软雅黑";}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;}
fieldset,img {border:0;}
table{border-collapse:collapse;border-spacing:0;}
ol,ul{list-style:none;}
input,button,select,textarea{outline:none;}
textarea{resize:none;}
a:link, a:visited,a:hover, a:active {text-decoration: none;}

/*重设 HTML5 标签*/
article,aside,details,figcaption,figure,footer,header,menu,nav,section {display:block;}
audio,canvas,video {display:inline-block;*display:inline;*zoom:1;}
p{margin-bottom:10px;}

/*==公用样式==*/
.clearfix:after {visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;}
.clear{zoom:1;}
.fl{float: left;}
.fr{float: right;}
.bl{display: inline-block}
.news1450{width: 1450px;margin: 0 auto;}
.news1200{width: 1200px;margin: 0 auto;}
.news750{width:750px;margin: 0 auto;}
p{color: #fff;}
a{color: #fff;}
*{box-sizing: border-box;}
.height40 {height: 40px;}
img {border: none;vertical-align: middle;max-width: 100%;}


.ssubNav1 {padding:22px;cursor:pointer;color:#0e62aa;-webkit-transition: all 0.4s ease-in-out 0s;-o-transition: all 0.4s ease-in-out 0s;-moz-transition: all 0.4s ease-in-out 0s;transition: all 0.4s ease-in-out 0s;position: absolute; right: 0; top: 0; display:none;}
.navline {left: 30px;width: 24px; height: 2px;background-color:#0e62aa;display:block;margin-bottom:6px;-webkit-transition: all 0.4s ease-in-out 0s;}
.navline1{transform:translateY(10px) rotate(45deg);-ms-transform:translateY(10px) rotate(45deg);-webkit-transform:translateY(10px) rotate(45deg);-o-transform:translateY(10px) rotate(45deg);-moz-transform:translateY(10px) rotate(45deg);-webkit-transition: all 0.4s ease-in-out 0s;-o-transition: all 0.4s ease-in-out 0s;-moz-transition: all 0.4s ease-in-out 0s;transition: all 0.4s ease-in-out 0s;}
.navline2{background-color:transparent;-webkit-transition: all 0.2s ease-in-out 0s;-o-transition: all 0.2s ease-in-out 0s;-moz-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s;}
.navline3{transform:translateY(-6px) rotate(-45deg);-ms-transform:translateY(-6px) rotate(-45deg);-webkit-transform:translateY(-6px) rotate(-45deg);-o-transform:translateY(-6px) rotate(-45deg);-moz-transform:translateY(-6px) rotate(-45deg);-webkit-transition: all 0.4s ease-in-out 0s;-o-transition: all 0.4s ease-in-out 0s;-moz-transition: all 0.4s ease-in-out 0s;transition: all 0.4s ease-in-out 0s;}

/*header*/
.header .top{width: 100%;  background-color: #fff;    box-shadow: 0 0 8px #999;}
.fixednav { position: fixed;top: 0px;left: 0px;width: 100%;z-index: 100000;}
.logo{padding: 1% 0;position: relative;}
.logo a{}
.logo h1{display: inline-block}

.nav ul li{float: left;padding: .5% 0;text-align: center;width: 100px;}
.nav ul li a {padding:14px 0;color: #333;}
.nav ul li:hover,.nav ul li.on{background-color: #fff;transition: all 0.4s ease-in-out 0s;cursor: pointer;}
.nav ul li:hover a,.nav ul li.on a{color: #10476b;transition: all 0.4s ease-in-out 0s;}


.nav {margin: 0 auto;;position: relative;z-index: 99;float: right;}
.cg-nav{margin-right: 95px;}
.cg-nav li {position: relative;}
.cg-nav li a {display: block;}
.nav_bx {position: absolute;left:-8%;top: 53px;z-index: 999;display: none;background-color: #fff;width: 116%;box-shadow: 0 2px 7px #d4d1d1;}
.nav .nav_bx a{font-weight: normal;font-size: 13px;}
.nav .nav_bx a:hover{background-color: #0e62aa;color: #fff;}

#search{ display:none; width:750px; max-width:100%; height:330px; max-height:100%;}
#search .title{ text-align:center; padding:40px 20px; color:#000;}
#search .title .cn{ font-size:22px; font-weight:bold;}
#search .title .en{ font-size:20px; font-weight:bold; text-transform:Uppercase;}
#search .box{ margin:20px auto; position:relative; max-width:500px;}
#search .box .input{ width:100%; display:block; width:100%; padding-right:80px; height:40px; line-height:40px; border:1px solid #777;}
#search .box .a{ position:absolute; right:0; top:0; border:1px solid #777; display:block; width:80px; height:40px; line-height:40px; font-size:16px; text-align:center;color: #333;}
.i-box {
    position: absolute;
    z-index: 999;
    top: 0;
    right: 0;
    width: 80px;
    margin-top: 35px;
}
.lan {
    width: 25px;
    height: 25px;
    border: 1px solid #167ec2;
    float: right;
    border-radius: 50%;text-align: center;
}
.lan a{color: #167ec2;font-size: 10px;}
/*footer*/
.footer{background-color: #10476b;padding: 30px 0;}
.footer-left{width: 74%;padding-top:2%;}
.footer-left h3{font-size: 24px;color: #fff;margin-bottom: 10px;}
.footer-left h4{font-size: 18px;color: #fff;margin-bottom: 10px;font-weight: normal;}
.footer-left ul li {
    padding-left: 35px;
    color: #fff;
    font-size: 14px;
    line-height: 32px;
    margin: 10px 0;
    width: 49%;display: inline-block;
}
.icon_abb {background: url(../images/icon_abb.png) left no-repeat;}
.icon_mail {background: url(../images/icon_mail.png) left no-repeat;}
.icon_tel {background: url(../images/icon_tel.png) left no-repeat;}
.footer-right{width: 25%;margin-top: 3.5%;}




.footer .cq{background-color: #8d8d8d;text-align: center;padding: 12px 0;display: none;}
.footer .cq p{color: #fff;margin-bottom: 0;font-size: 14px;}

.footernav li div{position: relative;float: left;width: 30px;text-align: center;}
.footernav li div img{margin: 0 1%;}
.footernav li .wechat div{display: none;position: absolute;left: 46px;bottom: 0;}
.footernav li .wechat:hover div{display: block;}

.yqlj_box{background-color: #f5f5f5;padding: 15px 0;}
.yqlj_box p,.yqlj_box a{color: #555;font-size: 14px;margin-bottom: 0;}
.yqlj_box p span{font-weight: bold;}
.yqlj_box a{margin: 5px 10px;}

@media screen and (max-width: 1450px) {
    .i-box{margin-top: 30px;}
}
@media screen and (max-width: 1200px) {
    .news1200{width: 95%;}
    .ssubNav1{ display: block; }
    .header{margin: 0;}
    .header .nav{background-color:#fff; }
    .header .cg-nav li>a{color: #0e62aa;padding: 0;}
    .header .tel{display: none;}
    .header .logo{padding-bottom: 2%;}
    .header .logo h1 img{width: 150px;}

    .header .nav{position: absolute;width: 110%;top: 64px;z-index: 999; display: none;margin-left: -5%;padding-left: 40px;}
    .header .nav ul li{ float: none; padding: 2% 3%;}
    .header .subnav a {display: inline-block;width: 100%;margin: 0;font-size: 15px;line-height: 2;color: #7c7c7c;}

}

@media screen and (max-width: 992px){
    /*header*/
    .nav ul li{width: 100%;text-align: left;box-shadow: none;height: auto;}
    .nav_bx {box-shadow: none;}
    .header .nav ul li{padding: 0;}
    .nav .cg-nav li a {
        color: #000;
        padding: 10px 0;
    }
    .i-box {
        margin-top: 22px;
        right: 58px;
    }
    .footer{background: none;padding: 0;}
    .footer .news1200{display: none;}
    .footer .cq{display: block;}


}
@media screen and (max-width: 768px){
    .news1200{ width: 96%;}
    .nav_bx {position: static;width: auto;}

}
@media screen and (max-width: 468px){
    /*header*/
    .header .nav{top: 55px;}
    .ssubNav1 {padding: 16px;padding-top: 20px;}
    .i-box {margin-top: 18px;}
    /*footer*/
    .footer .cq{font-size: 14px;}


}