@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;}

/*==公用样式==*/
.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: #333;}
a{color: #333;}
a:hover{color: #004384}
*{box-sizing: border-box;}
.height40 {height: 40px;}

.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{width: 100%;height: 80px;background: url(../images/top_bg.jpg) repeat-x;}
.logo>a{display: inline-block;float: left;height: 42px;padding: 10px 30px 0 0;}
.logo>a img{max-width: 100%;}
.nav {margin: 0 auto;;position: relative;z-index: 99;float: right;}
.nav ul li{float: left;position: relative;margin: 0 5px;}
.nav ul li:hover{background-color: #004384;cursor: pointer;}
.nav ul li:hover a{color: #fff;}
.nav ul li>a{font-size: 15px;display: block;padding: 32px 25px 13px 25px;}
.nav ul li.current a {
    background-color: #004384;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #fff;
}
.nav ul li>a:hover {
    background-color: #004384;
    color: #fff;
}
.nav_bx {position: absolute;
    left: 0;
    top: 65px;
    z-index: 9999;
    display: none;
    padding: 0 0 20px 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #004384;
    width: 100%;
   }
.nav .nav_bx a{position: relative;
    height: 30px;
    width: 100%;
    line-height: 30px;
    display: block;
    color: #fff;
    text-align: center;
    font-size: 12px;
}

/*footer*/
.footer{background-color: #004384;}
.footNav div {
    margin: 40px 0 10px 0;
    padding: 0 30px 0 30px;
    float: left;
}
.footNav div span {
    width: 140px;
    font-size: 16px;
    line-height: 28px;
    color: #004384;
    background: #FFF;
    text-align: center;
    display: block;
    border-radius: 4px;
    margin-top: 5px;
    margin-bottom: 15px;
}
.footNav div a {
    color: #EEE;
    line-height: 24px;
    display: block;
    text-align: center;
    font-size: 12px;
}
.footer .cq{background-color: #222;padding: 15px 0;text-align: center;}
.footer .cq p{color: #aeacac;font-size: 12px;}
.footer .cq p:nth-of-type(2){display: none;}
.footer .cq ul{text-align: center;}
.footer .cq li a{color: #aeacac;font-size: 14px;}
.footer .cq li{width: 17%;float: left;margin:0 0 8px 0;}


.qq{width: 55px;position: fixed;right: 0;bottom: 38%;text-align: center;font-size: 14px;z-index: 1000;}
.qq .returntop {width: 55px;height: 55px;position: relative;background: #373737;cursor: pointer;margin-bottom: 1px;transition: all 0.5s ease;}
.qq .returntop .sanjiao{position: absolute;top: -5px;left: 25px;width: 0px;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #373737;transition: all 0.5s ease;}
.qq .returntop p{line-height: 55px;color: #fff;}
.qq a{margin-bottom:1px; display: block;position: relative;width: 125px;height: 55px;right: 0;background: #373737;z-index: 10;transition: all 0.5s ease;}
.qq  a .QQ img{position: absolute;left: 10.5px;top: 10.5px;width: 35px;}
.qq  a .QQ  p{position: absolute;left: 55px;height: 55px;color: #fff;line-height: 55px;}
.qq a:hover {background: #195590;right: 65px;}
.qq> div:nth-of-type(1):hover{background: #195590;}
.qq div:nth-of-type(1):hover .sanjiao{border-bottom: 5px solid #195590;}
.qq a:nth-of-type(1){width: 175px;}
.qq a:nth-of-type(1):hover{right: 117px;}
.qq .ma{position: relative;width: 55px;height: 55px;background: #373737;margin-bottom: 1px;}
.qq .ma >img{width: 35px;margin-top: 10px;}
.qq .ma .right_sanjiao{opacity: 0;position: relative;width: 150px;height: 150px;right: 160px;top: -144px;background: #195590;transition: all 0.5s ease;}
.qq .ma .right_sanjiao img{width: 140px;margin-top: 5px;}
.qq .ma .right_sanjiao .triangle-right {position: absolute;bottom: 18px;right: -5px;width: 0;height: 0;border-top: 5px solid transparent;border-left: 5px solid #195590;border-bottom: 5px solid transparent;}
.qq> div:nth-of-type(2):hover .right_sanjiao{opacity: 1;}
@media screen and (min-width: 768px){
    .news1200{ width: 750px;margin: 0 auto }
}
@media screen and (min-width: 992px){
    .news1200{ width: 940px;margin: 0 auto }
}
@media screen and (min-width: 1200px){
    .news1200{ width: 1200px;margin: 0 auto }
}
@media screen and (max-width: 1200px) {

    .ssubNav1{ display: block; }
    .header{margin: 0;height: 60px;}
    .logo a{padding-left: 20px;}
    .header .nav{background-color:#fff; }
    .header .cg-nav li>a{color: #0e62aa;padding: 0;}
    .header .logo a img{ width: 120px;}
    .header .nav{position: absolute;width: 100%;top: 60px;z-index: 999; display: none;}
    .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;}

    .cg-nav{padding-left: 20px;}
    .nav ul li.current a {background-color: #fff;color: #0e62aa;}
    .nav ul li>a:hover {background-color: #fff;color: #0e62aa;}
    .nav_bx{background: #fff;border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;}
    .nav ul li:hover a {color: #333;}
    .nav .nav_bx a{color: #0e62aa;text-align: left;}
    /*footer*/
    .footer .news1200{display: none;}
}

@media screen and (max-width: 992px){
    /*header*/
    .nav ul li{width: 100%;text-align: left;box-shadow: none;height: auto;}
    .header .nav ul li{padding: 0;}
    .nav .cg-nav li a {color: #000;padding: 10px 0;}
    .header .nav_bx{padding: 0;}
    .nav .nav_bx a{height: auto;line-height:normal}
    .nav ul li.current a {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    .nav ul li:hover {
        background-color: #fff;
    }

}
@media screen and (max-width: 768px){
    .news1200{ width: 100%;}
    .nav_bx {position: static;width: auto;}
    .qq{display: none;}
    .cq p:nth-of-type(1){display: none;}
    .footer .cq p:nth-of-type(2){display: block;}
}
@media screen and (max-width: 468px){
    /*header*/




}