@charset "utf-8";
*{ margin:0; padding:0;color: #444;color: #888888;font-family:'Microsoft YaHei'; font-size:14px;  line-height:1;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; -webkit-transition: all linear 0.4s; transition: all linear 0.4s;}
body { margin:0 ;  overflow-x: hidden;min-width: 1200px;position: relative;width: 100%;}
ul,ul li,ol li,tr td,dl,dd{ list-style-type:none; margin:0; padding:0; }
a{ text-decoration:none; cursor:pointer; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; -webkit-transition: all linear 0.4s; transition: all linear 0.4s;}
.text,textarea,select{ outline:none;  color:#666; font-size:14px; width:100%;}
img{border:none;display: block;}
.clear{clear:both}
.clearfix:after{content: " "; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }.fr,.r{float:right;}.fl,.l{float:left}.fix{*zoom: 1;}

body{font-family:'Microsoft YaHei';max-width:1920px; margin:auto; font-size:14px; width:100%;}
.container{width:1200px;margin:auto; }
.imghover{-webkit-transition: all linear 1s;transition: all linear 1s;z-index: 10;-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);}
.imghover:hover{-webkit-transition: all linear 0.5s;transition: all linear 0.5s;z-index: 10;-webkit-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);}
.pcshow,.pcbanner{display:block;}
.mobileshow,.mobanner{display:none}

.header{overflow:hidden; z-index:9999; background-color:#fff; padding:5px 0 10px;-webkit-transition: all linear 0.4s;transition: all linear 0.4s; position:fixed; top:0; width:100%;  border-bottom: 1px solid #f2f2f2;}
.header .container{width:1200px; margin:auto; overflow:hidden;}
.header .logo{float:left; }
.header .logo img{height:45px;margin-top: 10px;}
.header .nav{float:right;  width:850px;}
.header .nav a{ line-height:60px; font-weight:bold; display:block; float:left; width:100px; text-align:center; font-size:15px; color:#333; position:relative;}
.header .nav .a1.current,.header .nav .a1:hover{color:#0a3387}
.header .nav .a1.current::after,.header .nav .a1:hover::after{color:#0a3387;content:""; width:30px; height:2px; background-color:#0a3387; position: absolute; bottom: 0;  left: 50%; margin-left: -15px;}
.header .nav a.icon{color:#0a3387; font-weight:normal}
.header .nav a.tel{width:150px; background:url(/images/foli1.png) no-repeat center left; padding-left:10px; background-size:15px;}
.header .nav a.mail{width:170px;background:url(/images/foli4.png) no-repeat center left; padding-left:25px;  background-size:16px;  background-position: 0px 25px;}
.header .lan{float:right;  width:30px; height:30px; margin-top:15px;}
.header .lan a{font-size:12px; width:28px; height:28px; line-height:28px; background-color:#0a3387; display:block; border-radius:50%; color:#fff; text-align:center}
.header.smallheader {padding: 5px 0; background-color: #fff;}
.header.smallheader .logo img{height:40px;}
.header.smallheader .nav{width:560px}
.header.smallheader .nav .a1{font-size:14px; line-height:40px;}
.header.smallheader .lan{margin-top:5px;}
.header.smallheader a.icon{display:none}

.footer { background: #0a3387; padding-top: 46px;    padding-bottom: 20px; overflow:hidden;}
.footer .footer_left{width:300px; float:left; overflow:hidden}
.footer .footer_left .cslogan{font-size:16px; color:#ddd; line-height:30px; margin-top:5px; }
.footer .footer_right{width:680px; float:right; overflow:hidden}
.footer .title {line-height:30px;color:#fff; font-weight:bold; font-size:16px;}
.footer .title.cname{font-size:24px; }
.footer .title a{color:#ddd; font-size:14px;}
.footer .footer_item {float:left;min-width:200px; padding-right:50px;}
.footer .footer_item.weixin{float:right; min-width:130px; padding-right:0;}
.footer .footer_item.weixin img{width:130px; margin-top:16px;}
.footer .footer_item.weixin p{text-align:center; color:#ddd;; line-height:26px;}
.footer .ftx_ul {margin-top:16px;}
.footer .ftx_ul li {line-height:30px;color:#ffffff;}
.footer .ftx_ul li a{color:#fff;}
.footer .ftx_ul li a:hover {padding-left: 20px; background: url(../images/icon_08.png) no-repeat left center;}
.footer .footer_bot {margin-top:25px;border-top:1px solid #939393;color:#fff;padding-top:10px;}
.footer .footer_bot .copyright {color:#ddd;line-height:30px;font-size:13px; float:left; }
.footer .footer_bot .copyright a{color:#ddd;line-height:30px;font-size:13px; padding-left:5px;}

.right_nav{ right:0; bottom:100px; position:fixed; text-align:left;overflow: hidden;z-index:999;}
.right_nav li{background:#adadad;margin:4px 0;padding: 10px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;cursor:pointer;position:relative; right: -70px;}
.right_nav li .iconBox{text-align: center;overflow: hidden;display: flex;align-items: center;justify-content: space-between}
.right_nav li img{width: 30px;height:30px;}
.right_nav li h4{color: #fff;font-size:14px;margin:2px 0;margin-left: 15px;}
.right_nav li:hover{background:#ec6c00}
.right_nav li .hideBox{display: none;position: absolute;right:105px;padding:10px;padding-right: 15px; top:-10px;z-index: 999;}
.right_nav li .hideBox .hb{border: 1px solid #ccc;background-color: #fff; padding: 10px 20px;border-top: 2px solid #ec6c00;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.right_nav li .hideBox .hb h5{padding: 5px 0 10px;border-bottom: 1px solid #ccc;color: #ec6c00;font-size: 16px;font-weight: 400;display: block;white-space: nowrap;}
.right_nav li .hideBox .hb p {margin-top: 5px;font-size: 16px;font-weight: 700; line-height:30px; color:#333; }
.right_nav li .hideBox .hb .qqtalk{margin-top: 10px;}
.right_nav li .hideBox .hb .qqtalk a{display: flex;align-items: center;  padding: 10px 0;;}
.right_nav li .hideBox .hb .qqtalk img{width: 25px;height:25px;}
.right_nav li .hideBox .hb .qqtalk p{font-size: 14px;font-weight: 400;white-space: nowrap;margin-top: -5px;margin-left: 5px;}
.right_nav li:nth-child(3) .hideBox{top:-120px;}
.right_nav li:nth-child(3) .hideBox img{width:140px;height: auto;margin-top: 10px;}

.en.header .container{ width:1300px;}
.en.header .nav{width:950px;}
.en.header .nav a.mail{width:240px;padding-left: 10px;}
.en.footer .footer_left{width:480px;}
.en.footer .title.cname{font-size:20px;}
.en.footer .footer_left .cslogan{font-size:12px; font-weight:bold}




@media only screen and (max-width:1200px) {
    body{max-width:100%; min-width:100%;}
    .container{width:100%;margin:auto; }
    .pcshow,.pcbanner{display:none;}
    .mobileshow,.mobanner{display:block}
    .right_nav{display:none}

    .header{ padding:5px 3%;width:100%;border-bottom:1px solid #eee; }
    .header .logo{float:none; }
    .header .logo img{height:35px; margin-top:0;}
    .header .lan{float:none; position: absolute;  right: 15%; top: 0; margin-top: 10px;}
    .header .mmenu{position:absolute; right:3%; z-index:99999; top:8px; width:10%;}
    .header .mmenu span{display:block; width:80%; height:4px; margin-top:5px; border-radius:5px; background-color:#0a3387}
    .header .mmenu span:nth-child(2){width:60%;}
    .header .mmenu.on{}
    .header .mmenu.on span{background-color:#fff; }
    .header .nav{float:none; width:40%; padding:10% 5% 5%;  position: fixed; right: -50%; z-index: 99999; background-color:#0a3387;  top: 0; bottom: 0;  height: 100%;-webkit-transition: all linear 0.4s;transition: all linear 0.4s;}
    .header .nav.expend{right:0;}
    .header .nav a{color:#fff; text-align:left}
    .header .nav .a1.current,.header .nav .a1:hover{color:#fff}
    .header .nav a.icon{display:none}

    .footer { padding:5% 4%; position:relative;}
    .footer .footer_left{width:100%; float:none;}
    .footer .footer_left .cslogan{font-size:15px;margin-top:0; }
    .footer .footer_right{width:20%; float:none; position:absolute; top:5%; right:4%}
    .footer .title.cname{font-size:18px; }
    .footer .footer_item { display:none}
    .footer .footer_item.weixin{float:none; display:block; min-width:60px; padding-right:0;}
    .footer .footer_item.weixin .title{display:none}
    .footer .footer_item.weixin img{width:100%; margin-top:20px;}
    .footer .footer_item.weixin p{text-align:center; color:#ddd;; line-height:26px;}
    .footer .ftx_ul li { font-size:12px;}
    .footer .footer_bot {display:none}

    .en.header .container{ width:100%;}
    .en.header .nav{width:40%;}
    .en.footer .title.cname{font-size:18px;}
    .en.footer .footer_item.weixin{display:none}
}