@charset "utf-8";
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,
li, dl, dt, dd, form, a, fieldset, input, th, td,section
{margin: 0; padding: 0; border: 0; outline: none;}
html{width:100%}
body{font-size: 14px;font-family:'MicroSoft YaHei';background:#f5f5f5;width:100%}
h1, h2, h3, h4, h5, h6{font-size: 100%;padding: .6em 0;margin: 0 15px;}
ul{list-style: none;}
a{color: black;text-decoration: none;}
a:hover{text-decoration: none;}
*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
::-webkit-scrollbar {
    width: 4px;
}

::-webkit-scrollbar-button {
    width: 6px;
    height:4px;
}
::-webkit-scrollbar-track {
    background:#eee;
    border: thin solid lightgray;
    box-shadow: 0px 0px 3px #dfdfdf inset;
    border-radius:10px;
}
::-webkit-scrollbar-thumb {
    background:#999;
    border: thin solid gray;
    border-radius:10px;
}
::-webkit-scrollbar-thumb:hover {
    background:#7d7d7d;
}


@media screen and (min-width:1200px){
    .container{width:100%;}
    .container .top{width:100%;height: 100%;}
    .nav .nav_div{width: 1366px;margin:0 auto;}
    
    .container .footer{width: 100%;height: 140px;background: #f5f5f5;}
    .footer .info .infoBorder{width: 1136px;margin:0 auto;height: 100%;}
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
    .container{width:100%;}
    .container .top{width:1360px;height: 100%}
    .nav .nav_div{width: 100%;}
    
    .container .footer{width: 1360px;height: 140px;background: #f5f5f5;}
    .footer .info .infoBorder{width: 1136px;margin:0 auto;height: 100%;}
}
@media screen and (min-width: 1px) and (max-width: 959px) {
    .container{width:960px;}
    .container .top{width:1199px;height: 100%}
    .nav .nav_div{width: 100%;}
    
    .container .footer{width: 1222px;height: 140px;background: #f5f5f5;}
    .footer .info .infoBorder{width: 900px;margin:0 auto;height: 100%;}
}
.container .top{display: flex ;display:-webkit-box;display: -ms-flexbox;}
.top .nav{background:#00549f;width:100%;height:90px;
			z-index:110;position: fixed;top: 0; left: 0;}
.nav .nav_div{display: flex;display:-webkit-box;display: -ms-flexbox;}
.nav_div .logo{margin-top: 16px;margin-left: 40px;height:60px;}
.nav_div .email{background:#3a91e2;width:102px;height:32px;line-height: 32px;color:#fff;
                display: inline-block;margin: 2px 70px 0px;text-align: center;border-radius: 4px;}
.nav_div .nav_ul{display: flex;display:-webkit-box;display: -ms-flexbox;height: 90px;width:700px;
				line-height:90px;margin-left:50px;}
.nav_div .nav_ul .navOne{width: 100px;position: relative;-webkit-transition: border-bottom 0.4s linear;
					-moz-transition: border-bottom 0.4s linear;-o-transition: border-bottom 0.4s linear;}
.nav_ul .navOne .navOne_a{color: #fff;font-size: 16px; display: inline-block;width: 100%;
             text-align: center;-moz-transition: font-size 1s linear, color 1s linear, font-weight 1s linear;
             -o-transition: font-size 1s linear, color 1s linear, font-weight 1s linear;
             -webkit-transition: font-size 1s linear, color 1s linear, font-weight 1s linear;}
.nav_ul .navOne .navOne_a:hover{color:#3a91e2;font-weight: bold;}
.nav_ul .on{border-bottom:2px solid #3a91e2;}
.nav_ul .on .navOne_a{color:#3a91e2;font-weight: bold;}
.nav_ul .navOne .nav_ul{width:100%;height:170px;display: none;position: relative;/*top: -26px;*/}
.navOne ul li{width:100%;height: 32px;}
.navOne ul li:first-child{margin-top: -20px;}
.navOne ul li a{width: 100%;display: block;height: 30px;line-height: 30px;
                text-align: center;color: #fff;}
.navOne ul li a:hover{color: #00FFE4;}
.nav_div .header_right{width: 120px;margin-top: 10px;}
.navOne .cp-box{position: absolute;left: -625px;top: 90px;
	display:flex;width: 1250px;height: 410px;alin-items:center;
	background: #0461b3;justify-content: center;}
.cp-box .oneEm{display: block;position: absolute;top: -6px;
    left: 53.5%;border-left: 5px solid transparent;border-right: 5px solid transparent;
    border-bottom: 7px solid #0461b3;}
.cp-box .li-box{width:150px;margin-left:76px;}   
.li-box .item-box{margin-top:20px;}
.li-box p{color:#fff;text-align:center;font-size: 16px;font-weight: bold;border-bottom:1px solid rgba(30,179,235,0.2)} 
.cp-box .item-line{width:1px;height:153px;background: rgba(8,18,46,0.1);margin-top:82px;}
.li-box .item-box a{margin-bottom:20px;font-size: 14px;}
.li-box .item-box .pd-item{display:flex;}

    
    

/***搜索框***/
.nav_div .sb-search {position: relative;margin-top: 10px;width: 0%;min-width: 40px;height: 40px;
    overflow: hidden;-webkit-transition: width 0.3s;-moz-transition: width 0.3s;
    transition: width 0.3s;-webkit-backface-visibility: hidden;margin-left: 11%;}
.sb-search-input {position: absolute;top: 0;right: 0;border: none;outline: none;
    background:rgba(255,255,255,0.1);width: 100%;height: 40px;margin: 0;
    z-index: 10;padding: 20px 65px 20px 20px;color: #fff;line-height: 40px}
.sb-icon-search,.sb-search-submit  {width: 40px;height: 40px;display: block;
    position: absolute;right: 0;top: 0;padding: 0;margin: 0;line-height: 40px;
    text-align: center;cursor: pointer;}
.sb-search-submit {background: url('../../images/web/seach.png') no-repeat;
    background-position: 6px;color: transparent;border: none;outline: none;z-index: -1;}
.sb-icon-search {color: #fff;background: url('../../images/web/seach.png') no-repeat;
    background-position: 6px;z-index: 90;text-transform: none;-webkit-font-smoothing: antialiased;}
.sb-search.sb-search-open, .no-js .sb-search {width: 14%;}
.sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search {
    background:rgba(255,255,255,0.1);color: #fff;z-index: 11;}
    
.footer .info{background: #00549f;width:100%;height:90px;}
.info .infoBorder{display: flex ;display:-webkit-box;display: -ms-flexbox;}
.infoBorder .contentOne{width:210px;margin-top:20px;}
.contentOne p{color:#fff;}
.contentOne p a{color:#fff;}
.contentOne p img{position: relative;top: 8px;right: 16px;}
.infoBorder .contentTwo{width:340px;margin-top:20px;margin-left:100px;}
.contentTwo p{color:#fff;}
.contentTwo p img{position: relative;top: 6px;right:12px;}
.infoBorder .contentThree{margin-top:0;margin-left:100px;}
.contentThree p{color:#fff;}
.contentThree p img{position: relative;top: 26px;right: 16px;}
.footer .code{width: 630px;margin: 0 auto;color: #494949;margin-top: 20px;}
.infoBorder .contentFour{width:80px;margin-left: 100px; }
.contentFour .wechat{width:100%;margin-top: -22px;}
.contentFour  .icon_wechat{position: relative;top: 30px;right:36px;}