body {
    font-family:'微软雅黑',"Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体";
    font-weight: normal;
    background-color: #fff;
    font-size: 14px;
    overflow-x: hidden;

}
/*本地字体引用*/

@font-face {
    font-family: 'astros';
    src:url(../fonts/astros.ttf), url(../fonts/astros.woff), url(../fonts/astros.woff2);
}
*{ margin: 0; padding: 0;}
body,div,span,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,td,tr,th,p{padding:0; margin:0;}
li,dd,ol,ul{list-style-type:none;}
a{ text-decoration:none;cursor: pointer;}
img{border:none; outline: medium none; }
img a{border:none;}
input, select,button{outline: medium none;border: none; padding: 0; margin: 0; font-family: "Microsoft YaHei",Helvetica,sans-serif,"宋体";}
textarea {outline: medium none; background: none; border: 0; padding: 0; margin: 0; resize: none; font-family:"Microsoft YaHei",Helvetica,sans-serif,"宋体";}
i{font-style:normal;}
h1,h2,h3,h4,h5,h6{ font-weight: normal;}
ul  li img { display: block;/* width: 100%; height: 100%;*/cursor:pointer;}

a:hover{background: none;-webkit-tap-highlight-color: rgba(255, 255, 255, 0.2);-webkit-user-select: none;-moz-user-select: none;}
input[type="button"], input[type="submit"], input[type="reset"],button { -webkit-appearance: none;  }
textarea {  -webkit-appearance: none;}

.content{width: 100%;margin: 0 auto;height: auto;overflow: hidden;}
.mr{margin-right: 0!important;}
.fl{float: left}
.fr{float: right;}



/*头部*/
.head{height: 90px;background-color: rgba(54, 102, 197, 0.8);position: absolute;top: 0;left: 0;width: 100%;z-index: 1;padding: 0 5%;}
.head .nav-btn{display: none;}

.head .logo1{float: left;margin-top: 34px;width: 125px;}
.head .logo2{display: none;}

.head .nav{line-height: 90px;height: 90px;/*float: right;*/overflow: hidden;width: 70%;top:0;margin: 0 auto;}
.head .nav .close{display: none;}
.head .nav .class1{height: auto;overflow: hidden;}
.head .nav .class1 li{float: left;width: 14%;font-size: 15px;line-height: 90px;font-weight: bold;text-align: center;}
.head .nav .class1 li a{color: #fff;padding-bottom: 10px;}
.head .nav .class1 li:hover{color: #dadfe7;}
.head .nav .class1 .on a{border-bottom: 1px solid #d0d0d0;}

.head .nav .all{position: absolute;width: 100%;left: 0;padding:2% 5%;background-color: rgba(54, 102, 197, 0.6);display: none;z-index: 10;}
.head .nav .all .show{width: 70%;margin-left: 15%;height: auto;overflow: hidden;}
.head .nav .all .show ul{width: 14%;float: left;text-align: center;}
.head .nav .all .show ul li{line-height: 20px;padding: 10px 0;}
.head .nav .all .show ul li a{display: block;color: #fff;}
.head .nav .all .show ul li a:hover{text-decoration: underline;}




.head .language{float: right;line-height: 90px;color: #fff;margin-right: 60px;font-size: 16px;}
.head .language a{color: #fff;}
.head .search{float: right;margin-top: 25px;margin-right: 0;cursor: pointer;}

.search-box{position: absolute;z-index: 30;width: 100%;height: 90px;background-color: #4576D7;top: 0;display: none;}
.search-box form{border-bottom: 1px solid #ccc;height: 40px;width: 450px;margin: 25px auto;}
.search-box input{background-color: #4576D7;line-height: 39px;height: 39px;width: 400px;text-indent: 20px;float: left;color: #fff;}
.search-box button{background: url("../images/sou.png") no-repeat center;width: 40px;height: 40px;cursor: pointer;}
.search-box input::placeholder{color: #e0e0e0;}
.search-box .close{float: right;margin-top: -55px;margin-right: 5%;cursor: pointer;transition: all 0.3s;}
.search-box .close:hover{transform: rotateZ(90deg);}

.footer{background-color: #3666C5;padding: 50px 0;}
.footer .left{padding: 0 2%}
.footer .left img{width: 125px;}
.footer .left .p1{line-height: 40px;color: #fff;margin-bottom: 30px;}
.footer .left .p2{line-height: 30px;color: #fff;}
.footer .right{}
.footer .right ul{float: right;}
.footer .right ul li{float: left;margin: 0 10px;line-height: 25px;}
.footer .right ul li a{color: #fff;}
.footer .right .ewm{float: right;border-left: 1px solid #5E84CF;border-right: 1px solid #5E84CF;padding: 0 80px;margin-top:80px;}
.footer .right .ewm p{float: left;text-align: center;line-height: 30px;color: #bacbed;margin-right: 20px;margin-top: 25px;}
.footer .right .ewm img{max-width: 120px;}
.bq{line-height: 20px;color: #2E2D3C;font-size: 12px;text-align: center;margin: 5px;}
.gotop{position: fixed;z-index: 50;right: 5%;bottom: 5%;cursor: pointer;width: 3%;min-width: 30px;max-width: 70px;display: none;}


@media  only screen and (max-width: 1024px){
    .head{background-color: #fff;position: static;padding: 10px;height: 50px;}
    .head .nav-btn{float: left;width: 25px;display: block;margin-top: 8px;}
    .head .search{display: none;}
    .head .language{float: right;line-height: 30px;color: #2E2D3C;margin: 0;background-color: #2E2D3C;width: 30px;text-align: center;font-size: 13px;}

    .head .nav{position: fixed;z-index: 999;width: 100%;height: 100%;background-color: rgba(0,0,0,0.8);left: 0;top: 0;text-align: center;display: none;float: none;}
    .head .nav .close{display: block!important;float: right;margin: 10px;}
    .head .nav .class1 {width: 80%;margin:50px auto;}
    .head .nav .class1 li{float: none;line-height: 30px!important;border-bottom: 1px solid #717171;width: 100%;margin: 20px 0 0 0;}
    .head .nav .class1 li a{display: block;padding-bottom: 0px;}
    .head .nav .class1 .on a{padding-bottom: 0px;}
    .head .nav .all{display: none!important;}
    .head .logo2{float: left;width: 100px;margin:8px 0 0 30%;display: block;}
    .head .logo1{display: none;}
}






@media  only screen and (max-width: 768px){

    .footer{padding: 25px 0;}
    .footer .left{text-align: center;padding: 0;}
    .footer .left .p1{margin-bottom: 0px;font-size: 13px; }
    .footer .left .p2{padding: 0 15px;font-size: 13px;line-height: 25px;}
    .footer .right{display: none;}
}








.page{margin:40px auto 50px;font-size: 14px;text-align: center;}
.page a{/*border: 1px solid #C2C2C2 ;*/ margin: 0px 5px; display: inline-block;display: inline-block; min-width: 27px; text-align:center; height: 27px;  line-height: 27px;color: #C2C2C2; }
.page span{display: inline-block; min-width: 27px; text-align:center; height: 27px;  line-height: 27px; margin: 0px 5px;/*border: 1px solid #C80203;*/}
.page .current{  width: 27px;/*border: 1px solid #a64c4c;*/}
.page .current a{color: #ffffff;}
.page .prev{}
.page .prev:hover{background-color: #999999;color: #ffffff;}
.page .next{}
.page .next:hover{background-color: #999999;color: #ffffff;}