﻿
* { box-sizing: border-box; padding: 0; margin: 0; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: none; }

a, a:hover, a:active, a:focus { color: #000000; text-decoration: none !important; font-weight: normal; }
::-webkit-input-placeholder { color: #095da6; }

input:-moz-placeholder { color: #d5b0a2; }
input,button,select,textarea,a,span{outline:none;filter:chroma}
html { font-size: 100%; height:100%;}
img { border: none; }
body { font-family: "PingFang SC","PingHei","STHeitiSC-Light", "Myriad Set Pro", "Lucida Grande","Helvetica Neue", "Helvetica","microsoft yahei","SimHei", "tahoma", "Arial","Verdana", "黑体", "sans-serif"; overflow-x: hidden; overflow-y: scroll; margin: auto; min-width: 100%; background: #fff;}

ul, li { list-style: none; padding: 0; margin: 0; }

h1, h2, h3, h4, h5 { font-weight: normal; }
.clear { clear: both; width: 0; height: 0; }
.li{list-style-type:none;}

/*.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }*/

.clearfix { display: inline-table; }

.img-responsive { max-width: 100%; height: auto; display: block; }
.img-full { width: 100%; height: auto; display: block; }
.img-center { display: block; margin: auto; }
.img-circle { border-radius: 50%; max-width: 100%; }
.Font_CG { font-family: "PingFang SC","PingHei","STHeitiSC-Light", "Myriad Set Pro", "Lucida Grande","Helvetica Neue", "Helvetica","microsoft yahei","SimHei", "tahoma", "Arial","Verdana","黑体", "sans-serif"; }
.loadingDiv { position:fixed;width:100%;height:100%;background:#fff;z-index:1000;}
.loadingMain { width:27em;height:16em;position:absolute;left:50%;top:50%;margin:-8em 0 0 -13.5em;}
.loadingLogo { width:136px;margin:auto;}
.loadingImg {width:100px;margin:auto; }
.loadingLine { }
.loadingProcess {color:#095da6;font-size:0.9375em;text-align:center;margin-top:3em; }
    .loadingProcess span { }

.container { position: fixed; bottom: 0; z-index: 2; overflow: hidden; width: 100%; height:100%; }
.header { width: 100%; height: 5em; background: #fff; position: relative; z-index: 200; display: table;}
.headerDiv{width:1200px;height:5em;margin:auto; }
#logo { height:5em; display: block; margin-left:10%; }
.header_logo{float:left;}
.header_right{float:right;width:600px;height:5em;}
.header_right_left{color:#676767;float:left;line-height:5em;display:block;width:6em;margin-right:1em;}


.header_right_left>img{height:1.5em;margin-right:0.5em;float:left;margin-top:1.75em;}
.header_right_left>p{line-height:5em;}
.header_right_right{color:#676767;float:right;display:block;width:500px;padding-left: 5%;padding-top: 30px;}
.header_right_right>img{height:13px; margin-left:1em;float:left;margin-right:0.5rem;margin-top: 3px;}
.header_right_right>p{float:left;font-size:11px;}
.header_right_right>p>span{color:#004385;}

.Fixheader { width: 100%; height: 4em; background: #fff; position: fixed; top: -5em; left: 0; z-index: 199; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; }
    .Fixheader.show { top: 0;}
.Fixheader_left { margin-left:2em; float: left;height:100%; }
    .Fixheader_left img { display: block; max-height:100%;margin-left:40px;}
.Fixheader_nav { height: 5em;width:75em; position: absolute; top: 0; right:1em;}
    .Fixheader_nav ul li { height: 4em; line-height: 4em; display: block; float: left; text-align: center; position:relative;width: 12.25em; }
        .Fixheader_nav ul li a { color: #FFF; font-size: 1em; letter-spacing: 0.1875em; width: 100%; height: 100%; display: block; }
        .Fixheader_nav ul li.active a { background:#bf0a10; }
        .fixnav_arrow_down { position:absolute;width:0.75em;left:50%;margin-left:-0.55em;top:5em;height:0.375em;line-height:0.375em;display:none;z-index:1;}
.Fixheader_nav ul li.active .fixnav_arrow_down { display:block;}

.header_fixnav_main { width: 100%;padding:1.25em 0;  display: none; position: fixed; top: 4em; background: #fff; overflow: hidden; transition: all 0.3s linear 0.4s; -webkit-transition: all 0.3s linear 0.4s; -moz-transition: all 0.3s linear 0.4s; -ms-transition: all 0.3s linear 0.4s; -o-transition: all 0.3s linear 0.4s; }
    .header_fixnav_main.active { border-bottom:1px solid #f4e5cc;  transition-delay: 0s; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; display:block;}
.header_fixnav_main_content { width: 75em;  margin: auto; }
.header_fixnav_main_line { width: 100%; height: 3.4375em; margin: auto; border-bottom: #dcdcdc 1px solid; position: relative; }
.icon_now { position: absolute; bottom: -1px; }

.header_nav { width: 1200px; height: 50px; background: #004385; position: relative; z-index: 198;margin:auto; }
.header_nav_content { width: 1200px; height:50px; margin: auto;position:relative;z-index:44; }
    .header_nav_content ul li {position:relative; width:15em; height:50px; display: block; float: left;  text-align: center; line-height: 50px; font-size: 16px; letter-spacing: 0.0875em; border-left:#1a5691 1px solid;border-right:#1a5691 1px solid;}
        .header_nav_content ul li a { color: #fff; display: block; cursor: pointer; }
        .header_nav_content ul li.active a { background:#1a5691;color:#fff;}
.nav_arrow_down { position:absolute;width:0.75em;left:50%;margin-left:-0.55em;height:0.375em;line-height:0.375em;display:none;}
.header_nav_content ul li.active .nav_arrow_down { display:block;}
.header_nav_main { width: 100%;padding:0;display: none; position: absolute;overflow: hidden; transition: all 0.3s linear 0.4s; -webkit-transition: all 0.3s linear 0.4s; -moz-transition: all 0.3s linear 0.4s; -ms-transition: all 0.3s linear 0.4s; -o-transition: all 0.3s linear 0.4s; }
    .header_nav_main.active {  transition-delay: 0s; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; display:block;}
.header_nav_main_content { width: 66em;  margin: auto; }
.header_nav_main_line { width: 100%; height: 3.4375em; margin: auto; border-bottom: #dcdcdc 1px solid; position: relative; }
.icon_now { position: absolute; bottom: -1px; }
.footer-wrapper{position:relative;}
/*·····*/
a:hover { color:#095da6;}
/*·····*/
.header_nav_main2 .main_list { width: 100%; }
.header_nav_main2 .main2_list { width:15em; margin-left:168px;background:#fff; }
    .header_nav_main2 .main2_list > ul > li {  width:15em;line-height:50px; text-align:center;cursor:pointer; }
    .header_nav_main2 .main2_list > ul > li:hover { width:15em;line-height:50px; text-align:center;cursor:pointer;background:#004385;color:#fff; }
     .header_nav_main2 .main2_list > ul >a> li {  width:15em;line-height:50px; text-align:center;cursor:pointer; }
    .header_nav_main2 .main2_list > ul >a> li:hover { width:15em;line-height:50px; text-align:center;cursor:pointer;background:#66b3fb;color:#fff; }
    .header_nav_main2 .main2_list .main2_list_left { width: 31.625em; height: 10em; }
        .header_nav_main2 .main2_list .main2_list_left .main2_list_left_1 { float: left;width:12.5em; }
        .header_nav_main2 .main2_list .main2_list_left .main2_list_left_2 { float: left; display:block;margin-left:0.9275em;}
            .header_nav_main2 .main2_list .main2_list_left .main2_list_left_2 .main2_list_left_2_1 { font-size: 1.25em; color: #000; margin-top: 0.1em; }
            .header_nav_main2 .main2_list .main2_list_left .main2_list_left_2 .main2_list_left_2_2 { width: 1.375em; height: 1px; margin: 1.125em 0; }
            .header_nav_main2 .main2_list .main2_list_left .main2_list_left_2 .main2_list_left_2_3 { font-size: 0.5em; color: #8e8e8e; line-height: 1.6em; }
    .header_nav_main2 .main2_list .main2_list_right { width: 25em; }
        .header_nav_main2 .main2_list .main2_list_right .main2_list_right_1 { float: left; width: 8.5625em; }
        .header_nav_main2 .main2_list .main2_list_right .main2_list_right_2 { float: left; margin-left: 1.875em; }
            .header_nav_main2 .main2_list .main2_list_right .main2_list_right_2 .main2_list_right_2_1 { font-size: 1.25em; color: #000; margin-top:0.25em; }
            .header_nav_main2 .main2_list .main2_list_right .main2_list_right_2 .main2_list_right_2_2 { width: 1.375em; height: 1px; margin: 1.125em 0;}
            .header_nav_main2 .main2_list .main2_list_right .main2_list_right_2 .main2_list_right_2_3 { font-size: 0.875em; color: #8e8e8e; line-height: 1.6em; }
.main2_list a:hover div{color:#906d4f!important;} 
.main2_list_item { clear: both;}
.main2_list_item_1 { float: left; width: 12.5em; }
.main2_list_item_2 { float: left; margin-left: 0.9275em; }
    .main2_list_item_2:hover .main2_list_item_2_1 { color:#906d4f;}
.main2_list_item_2_1 { font-size: 1.125em; color: #000; margin-top: 0.1em; }

.main2_list_item_2_2 { width: 1.375em; margin: 0.875em 0; }
.main2_list_item_2_3 { font-size: 0.5em; color: #a3a3a3; line-height: 1.6em; }
/*······*/
    .main3_list { width: 15em; margin-left: 408px; background:#fff;}
    .main3_list a:hover div { color:#906d4f!important;}
    .main3_list > ul > li { width:15em;line-height:50px;  text-align:center;cursor:pointer;}
    .main3_list > ul > li:hover { width:100%;line-height:50px;  text-align:center;background:#66b3fb;cursor:pointer;color:#fff;}
    .main3_list > ul >a> li { width:15em;line-height:50px;  text-align:center;cursor:pointer;}
    .main3_list > ul >a> li:hover { width:100%;line-height:50px;  text-align:center;background:#66b3fb;cursor:pointer;color:#fff;}
    .clearfix1>li{line-height:1.6em;}

.main2_list_right3{width:20em !important;float:left;}


/*······*/
.main2_list_item1{width:22em;}
.main4_list { width: 15em; margin-left:648px; background:#fff;  }
    .main4_list a:hover  { color:#906d4f!important;}
    .main4_list ul > li { width:15em;line-height:50px; text-align:center;cursor:pointer; }
    .main4_list ul > li:hover { float: left; width:100%;line-height:50px; text-align:center;cursor:pointer;background:#004385;color:#fff; }
    .main4_list ul >a> li { width:15em;line-height:50px; text-align:center;cursor:pointer; }
    .main4_list ul >a> li:hover { float: left; width:100%;line-height:50px; text-align:center;cursor:pointer;background:#66b3fb;color:#fff; }
.main4_item_1 { font-size: 1.25em; color: #000; }
.main4_item_2 { width: 1.375em; margin: 0.9375em 0; display: block; overflow: hidden; }
.main4_item_3_1 { float: left; width: 15em; }
.main4_item_3_2 { float: left; width: 8.75em; padding-left: 1.125em; }
    .main4_item_3_2 > ul > li { float: left; }
        .main4_item_3_2 > ul > li > a { color: #a3a3a3; font-size: 0.5em; display: block; line-height: 1.6em; }
.main4_item_3_3{margin-left:5em;float: left; width: 8.75em; padding-left: 1.125em; }
    .main4_item_3_3 > ul > li { float: left; }
        .main4_item_3_3 > ul > li > a { color: #a3a3a3; font-size: 0.5em; display: block; line-height: 1.6em; }

.main5_list { width: 15em; margin-left:888px; background:#fff;  }
    .main5_list a:hover  { color:#906d4f!important;}
    .main5_list ul > li { width:15em;line-height:50px; text-align:center;cursor:pointer; }
    .main5_list ul > li:hover { float: left; width:100%;line-height:50px; text-align:center;cursor:pointer;background:#004385;color:#fff; }
    .main5_list ul >a> li { width:15em;line-height:50px; text-align:center;cursor:pointer; }
    .main5_list ul >a> li:hover { float: left; width:100%;line-height:50px; text-align:center;cursor:pointer;background:#66b3fb;color:#fff; }

.Contents { width: 100%; min-height: 700px; position: relative; }

.footer { width: 100%;  background: #3b3b3b; position:relative; height:326px;    display: inline-table; }
.fixed{position: fixed;bottom:-294px;}
.expanded{bottom:0;}

.footerright{position:absolute;bottom:-4px;right:0;float:left;}
.footerright>ul>li{float:left;}
.footerright>ul>li>img{display:block;}

.footerCopyright { height: 80px; width: 100%; background: #111111; overflow: hidden;}
.footerCopyrightMain { width:62%; margin:0 4%; overflow: hidden; line-height:80px;height:80px;}
.halvingLine { float: left;height: 80px;line-height:80px;right: -10%;s}
.halvingLine>img{  display: block;max-height: 100%;line-height:80px;}
.copyright { color: #919191; font-size:12px; text-align: right; line-height:80px;letter-spacing:1px;}
.copyright a{color: #919191;}
.copyright a:hover{color: #a3d4ff;}

.slide { position:absolute; bottom:2%; left:50%; margin-left:-50px; z-index:99;width:6.1em;}
.slide1 { position:absolute; top:715px; left:50%; margin-left:-50px; z-index:99;}
.slide2 { position:absolute; top:56%; left:50%; margin-left:-50px; z-index:99;}
.maxminimg{transition: all 0.6s;}
.maxminimg:hover{transform: scale(1.2);}

.footer-Phone{position:fixed;z-index:99999;width:30%;top:40%;left:35%;height:180px;background:#fff;display:none;}
.footer-Phone-nav{background:#095da6;color:#fff;height:3.5em;}
.footer-Phone-nav>img{float:left;margin-top:1rem;width:1.5em;margin-left:40%;margin-right:2%;}
.footer-Phone-nav>p{float:left;line-height:3.5rem;}
.footer-Phone>h3 {text-align: center;font-size: 1.3em;margin-top: 1.5em;}
.footer-Phone>p{text-align:center;font-size:1.1em;margin-top:0.75rem;}
.footer-close {position: absolute;right: 1.5em;top: 1.2em;width:1rem;width: 1rem !important;margin-top: 0 !important;}


@media screen and (max-width:1024px) {
.header_nav { width: 990px;     display:table; }
/*.header_nav_content ul li { width: 12.375em;}*/
.main4_list { /*width:198px;*/ margin-left:586px; }

.main5_list{margin-left:826px;}
/*.main4_list ul > li { width:198px; }*/
/*.main4_list ul >a> li { width:198px; }*/
.main3_list { /*width: 198px;*/ margin-left: 347px; }
/*.main3_list > ul > li { width:198px;}*/
.header_nav_main2 .main2_list { /*width:198px;*/ margin-left:106px;}
/*.header_nav_main2 .main2_list > ul > li {   width: 198px;  }
       .header_nav_main2 .main2_list > ul > li:hover { width:198px; }
        .header_nav_main2 .main2_list > ul >a> li {   width: 198px;  }
.header_nav_main2 .main2_list > ul >a> li:hover { width:198px; }*/

    .headerDiv {   display: inline-table; }
   .halvingLine{    display: none;}
    .halvingLine>img{    display: none;}
    .copyright {text-align:left;}
    .container { position:relative; bottom: 0; z-index: 2; overflow: hidden; width: 100%; height:100%; }
}

@media screen and (min-width:1680px) {
    .halvingLine>img {
 
    margin-left: 58%;
}


}



@media screen and (max-width:1280px) {
    html { font-size:100%;}
}
@media screen and (max-width:1024px) {
    html { font-size:85%;}
}

