



@font-face{
     font-family:OpenSans-Bold;
     src:url(../font/opensans-bold.ttf);
}

@font-face{
     font-family:siyuan;
     src:url(../font/sourcehansansk-regular.ttf);
}




 
body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol,input{margin:0;padding:0}em,i{font-style:normal}li{list-style:none}a,a:hover{text-decoration:none}img{border:0}table{border-collapse:collapse;border-spacing:0}label{cursor:default}textarea{resize:none}a,a:focus{outline:none}.clearfix:after{content:'\20';display:block;height:0;clear:both}.clearfix{*zoom:1}.clear{display:block;height:0;clear:both;font-size:0;line-height:0;overflow:hidden}.fl{float:left;display:inline}.fr{float:right;display:inline}.fn{float:none}.tl{text-align:left}.tr{text-align:right}.tc{text-align:center}.hide{display:none}.show{display:block}.mt10{margin-top:10px}.noBg{background:none!important}.noBorder{border:0!important}.red{color:red}.mb15{margin-bottom:15px}body,button,input,select,textarea{font:12px/1.5 Tahoma,Arial,'Hiragino Sans GB','microsoft yahei',\5b8b\4f53}
body{background: #fff;width:100%;font-family:'microsoft yahei';}
a{color:#555;text-decoration:none;}
a:hover{color:#3366cc;}

input,select{
    -webkit-appearance: none;
}


img{max-width:100%;vertical-align: middle;}
.wrapper{width:100%;position:relative;overflow:hidden;}
.g-in{width:1400px;margin:0 auto;}

.header{height:85px;background-color:#fff;box-shadow:0px 1px 5px rgba(0,0,0,0.1);z-index:1000;position:fixed;left:0px;top:0px;width:100%;z-index:100;transition:all 0.3s;}
.header .g-in{position:relative;}
.header .logo{float:left;transition:all 0.3s;height:85px;line-height: 85px;}
.header .logo img{display:inline-block;transition:all 0.3s;width:195px;height: 50px;}
.header .nav{float:left;margin-left:50px;}
.header .nav li{float:left;font-size:16px;width:110px;transition:all 0.3s;position:relative;text-align:center;}
.header .nav li > a{color:#555555;display:block;transition:all 0.3s;height:85px;line-height:85px;}
.header .nav li > a span{display:inline-block;position:relative;line-height:28px;}
.header .nav li > a span:before{content:"";display:block;width:100%;height:2px;background-color:#3366cc;position:absolute;left:0px;bottom:0px;transform:scaleX(0);transition:transform 0.3s;}
.header .nav li:hover > a,.header .nav li .current{color:#3366cc;}
.header .nav li:hover > a span:before,.header .nav li .current span:before{transform:scaleX(1);}
.header .nav li .slideNav{position:absolute;left:50%;top:90px;width:152px;background-color:#fff;display:none;margin-left: -76px;border:1px solid rgba(0,0,0,0.1);border-top:none;}
.header .nav li .slideNav dd{line-height:42px;border-bottom:1px solid #e0e0e0;}
.header .nav li .slideNav dd:last-child{border:none;}
.header .nav li .slideNav dd a{display:block;transition:all 0.3s;}
.header .nav li .slideNav dd a:hover{background-color:#3366cc;color:#fff;}


.header .siteRight{float:right;transition:all 0.3s;height:24px;line-height:24px;margin-top:30px;}
.header .siteRight .searchBtn{padding:0px 10px;position:relative;float:left;}
.header .siteRight .searchBtn:before{content:"";display:block;width:1px;height:16px;background-color:#e5e5e5;position:absolute;right:0px;top:50%;margin-top:-8px;}

.header .siteRight .searchBtn .btn{width:24px;height:24px;background:url(../image/serbtn.gif) center no-repeat;cursor:pointer;}
.header .siteRight .lan{float:left;}
.header .siteRight .lan .a_group{position:relative;}
.header .siteRight .lan a{font-size:14px;color:#888888; font-family:OpenSans-Bold;display:block;padding:0px 20px 0px 12px;position:relative;}

.header .siteRight .lan .a1:before{content:"";display:block;width:11px;height:6px;background:url(../image/xl.gif) center no-repeat;position:absolute;right:0px;top:50%;margin-top:-3px;transition:all 0.3s;}
.header .siteRight .lan .a1{}
/*.header .siteRight .lan .a2{opacity:0;visibility:hidden;transition:all 0.3s;}
.header .siteRight .lan:hover .a2{display:block;opacity:1;visibility: visible;}*/


.header .siteRight .lan .lanXl{position:absolute;left:0px;top:24px;width:70px;line-height:26px;font-size:14px;text-align:center;background-color:#fff;padding-top:9px;opacity: 0;visibility: hidden;transition:all 0.3s;}
.header .siteRight .lan .lanXl ul{box-shadow:0px 1px 10px rgba(0,0,0,0.1);}
.header .siteRight .lan .lanXl:before{content:"";display:block;width:0px;height:0px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid rgba(0,0,0,0.1);position:absolute;left:50%;margin-left:-8px;top:0px;}
.header .siteRight .lan .lanXl:after{content:"";display:block;width:0px;height:0px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #fff;position:absolute;left:50%;margin-left:-8px;top:1px;}
.header .siteRight .lan .lanXl a{display:block;padding:0px;font-weight:normal;transition:all 0.3s;}
.header .siteRight .lan .lanXl a:hover{background-color:#004ca4;color:#fff;}
.header .siteRight .lan:hover .a1:before{transform:rotate(-180deg);}

.header .siteRight .lan:hover .lanXl{opacity:1;visibility: visible;}



.header .siteRight .gp{float:left;margin-left:30px;}
.header .siteRight .gp a{font-size:16px;color:#666;display:block;transition:all 0.3s;color:#004ca4;font-family:OpenSans-Bold;line-height:24px;}

.header .serBox{position:absolute;right:0px;top:0px;width:85%;height:85px;background-color:#fff;transition:all 0.3s;display:none;}
.header .serBox .boxC{position:absolute;right:0px;top:50%;margin-top:-16px;width:696px;}
.header .serBox .boxC .sub{display:block;height:32px;width:24px;background:url(../image/serbtn.gif) center no-repeat;float: left;transform:translateX(60px);cursor:pointer;}
.header .serBox .boxC .subshow{animation: subshow 0.6s forwards;}
.header .serBox .boxC .lab1{display:block;float:right;margin-left:0px;transition:all 1s;width:640px;overflow:hidden;position:relative;height:32px;}
.header .serBox .boxC .lab1 .txtbox{position:absolute;right:0px;top:1px;height:100%;width:640px;transform:translateX(100px);}
.header .serBox .boxC .lab1 .txt{height:32px;width:640px;border:none;outline:none;font-size:16px;color:#666;padding:0px 10px;box-sizing:border-box;}
.header .serBox .boxC .close{width:32px;height:32px;display:block;float:right;font-size:28px;line-height:30px;color:#666;text-align:center;font-weight:lighter;cursor:pointer;/*font-family:\5b8b\4f53;*/}
.header .serBox .boxC .lab1show .txtbox{animation: lab1show 0.6s forwards;}

@keyframes subshow{

    0%{transform:translate(60px);}
    100%{transform:translateX(0px);}
}

@keyframes lab1show{

    0%{transform:translate(400px);}
    100%{transform:translateX(0px);}


}




.headBlank{height:85px;transition:all 0.3s;}
.headBlankOn{height:70px;}

.headerIS{height:70px;}
.headerIS .serBox{height:70px;}
.headerIS .logo{height: 70px;line-height: 70px;}
.headerIS .logo img{height:40px;width:156px;}
/*.headerIS .nav li{width:96px;}*/
.headerIS .nav li > a{height:70px;line-height:70px;}
.headerIS .siteRight{margin-top:24px;}
.headerIS .nav li .slideNav{top:70px;}

.headerSJ{display:none;}


.footer{background:url(../image/footbg.jpg);background-size:cover;margin-top:-100px;}
.footer .footTop{padding-top:140px;border-bottom:1px solid rgba(255,255,255,0.2);}
.footer .footTop .scrNew{height:40px;line-height:40px;padding:0px 20px;border:1px solid #2968a4;border-radius:5px;background-color:rgba(255,255,255,0.05);}
.footer .footTop .scrNew .spTit{float:left;font-size:16px;color:#f2f5f7;font-weight:bold;padding-right:16px;background:url(../image/xxl.png) right center no-repeat;margin-right:15px;}

.footer .footTop .scrNew .list{float:left;}
.footer .footTop .scrNew .list li a{font-size:16px;color:#dfe2e5;transition:all 0.3s;}
.footer .footTop .scrNew .list li a:hover{color:#fff;}
.footer .footTop .scrNew .more{display:block;float:right;font-family: Arial;color:#a1bddc;font-family:12px;text-transform:uppercase;padding-right:50px;position:relative;background:url(../image/zjt.png) right center no-repeat;transition:all 0.3s;}
.footer .footTop .scrNew .more:hover{color:#fff;background-image: url(../image/zjt.png);}


.footer .midInfo{padding:40px 0 30px;border-bottom:1px solid rgba(255,255,255,0.3);}
.footer .midInfo .logo{float:left;color:#fff;font-family:14px;}
.footer .midInfo .logo p{letter-spacing:8px;margin-left:3px;margin-top:10px;font-size:14px;}
.footer .midInfo .yx{float:right;font-size:16px;color:#e6eaec;padding-left:25px;background:url(../image/yx.png) left center no-repeat;margin-top:45px;}
.footer .midInfo .yx span{font-size:20px;color:#fff;font-family:Arial;margin-left:10px;}

.footer .botInfo{padding:40px 0px 30px;}
.footer .botInfo .footNav{float:left;}
.footer .botInfo .footNav dl{float:left;margin-right:100px;}
.footer .botInfo .footNav dl dt{margin-bottom:8px;}
.footer .botInfo .footNav dl dt a{font-size:16px;color:#fff;font-weight:bold;color:#fff;}
.footer .botInfo .footNav dl dd a{color:#dfe3e5;font-size:14px;display:block;line-height: 28px;transition:all 0.3s;}
.footer .botInfo .footNav dl dd a:hover{color:#fff;transform:translateX(-6px);}

.footer .botInfo .share{float:right;width:135px;}
.footer .botInfo .share .ewm{padding:10px;border:1px solid rgba(255,255,255,0.2);width:135px;height:135px;box-sizing:border-box;margin-top:10px;}
.footer .botInfo .share .list li{float:left;margin-right:31px;line-height:24px;}
.footer .botInfo .share .list li a{display:block;width:24px;height:24px;transition:all 0.5s;}
.footer .botInfo .share .list ul{width:200px;}
.footer .botInfo .share .list .l1 a{background:url(../image/wx.png) center no-repeat;}
.footer .botInfo .share .list .l2 a{background:url(../image/app.png) center no-repeat;}
.footer .botInfo .share .list .l3 a{background:url(../image/qq.png) center no-repeat;}
.footer .botInfo .share .list li:hover a{transform:rotateY(180deg);}


.footer .botInfo .share .link {margin-top:20px;}
.footer .botInfo .share .link select{display: block;width:100%;height:20px;background-color:#fff;border:1px solid #b7bac3;border-radius:3px;outline:none;color:#666666;cursor:pointer;}


.footer .footBot{font-size:12px;color:#fff;padding:20px 0px;}
.footer .footBot .copyRight{float:left;}
.footer .footBot .tec{float:right;}
.footer .footBot .tec a{color:#fff;}






@media(max-width:1500px){

    .g-in{width:1200px;}
    .header .nav li{width:115px;}
    .header .siteRight .gp{margin-left:20px;}
    .header .siteRight .gp a{font-size:14px;}
    /*.header{height:80px;}
    .header .logo{margin-top:23px;}
    .header .logo img{width:180px;height:auto;}
    .header .nav li > a{height:80px;line-height:80px;}
    .header .siteRight{margin-top:29px;}
    .headBlank{height:80px;transition:all 0.3s;}
    .headBlankOn{height:70px;}
    .header .nav li .slideNav{top:80px;width:140px;margin-left:-70px;} 

    .headerIS{height:70px;}
    .headerIS .logo{margin-top:21px;}
    .headerIS .logo img{width:150px;height:auto;}
    .headerIS .nav li{width:90px;}
    .headerIS .nav li > a{height:70px;line-height:70px;}
    .headerIS .siteRight{margin-top:24px;}
    .headerIS .nav li .slideNav{top:70px;}*/

    .footer .botInfo .footNav dl{margin-right:68px;}
    
}


@media(max-width:1024px){

    .g-in{width:100%;padding:0px 12px;box-sizing:border-box;}
    
    .header{display:none;}
    .headBlank{display:none;}
    .headerSJ{display:block;position:fixed;left:0px;top:0px;box-shadow:0px 1px 10px rgba(0,0,0,0.2);z-index:99;width:100%;background-color:#fff;padding:0px 0px;}
    .headerSJ .headerSC{padding:0px 12px;height:60px;}
    .headerSJ .logo{float:left;line-height:60px;}
    .headerSJ .logo img{height:39px;}
    
    .navbar{

        position: relative;
        float: right;
        padding: 9px 10px;
        margin-top: 14px;
        margin-right: 0px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        border-color:#3366cc;
        outline:none;

    }

    .navbar:focus{
        background-color:#3366cc;
    }

    .navbar:focus .icon-bar{
        background-color:#fff;
    }

    
    .navbar .icon-bar{
       
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
        background-color:#3366cc;
       
    }

    .navbar .icon-bar+.icon-bar{
        margin-top: 4px;
    }


    .headerSJ .navwrap{position:fixed;top:0px;left:-50%;width:50%;height:100%;z-index:1100;background-color:#000;opacity:0;}
    .headerSJ .navwrap .nav{padding:10px 5% 0px 5%;}
    .headerSJ .navwrap .nav li{line-height:42px;border-bottom: 1px solid #232530;padding:0px 5%;}
    .headerSJ .navwrap .nav li a{display:block;color:#fff;font-size:16px;}
    .headerSJ .navbg{position:fixed;left:0px;top:0px;width:100%;height:100%;background-color:rgba(0,0,0,0.7);z-index: 1001;display:none;}
    .headerSJ .navbg .closeSJ{position:absolute;right:20px;top:20px;}

    .headerSJ .navwrap .nav .SJbod{display:none;}
    .headerSJ .navwrap .nav .SJbod dd a{height:36px;line-height:36px;font-size:14px;}
    .headerSJ .navwrap .nav .plus a{background:url(../image/plus2.png) right center no-repeat;}
    .headerSJ .navwrap .nav .minus a{background:url(../image/-.jpg) right center no-repeat;}

    .headerSJ .navwrap .nav .lan .SJtit a{display:inline-block;}
    .headerSJ .navwrap .nav .lan .SJtit span{color:#fff;font-size:16px;display:inline-block;padding:0px 5px;}


    .footer{margin:0px;}
    .footer .footTop{padding-top:0px;}
    .footer .footTop .scrNew{display:none;}
    .footer .midInfo .yx{display:none;}

    .footer .midInfo .logo{float:none;text-align:center;}
    .footer .botInfo .footNav{display:none;}
    .footer .botInfo .share{float:none;margin:0 auto;}
    .footer .botInfo .share .list{display:none;}
    .footer .botInfo{padding:10px 0px 20px;}
    .footer .footBot .tec{display:none;}
    .footer .footBot .copyRight{float:none;text-align:center;}
    

}










