/*通用的代码*/
@charset "utf-8";
/* CSS Document */

html, body, div, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, object, code, legend, button, input, textarea, label, th, td, a, img {padding:0;border:none;outline:0; margin:0;}
body {background:#fff;font-family:"arial","微软雅黑";color: #393939;}
h1, h2, h3, h4, h5, h6 {/*font-weight:normal;*/}
ul, ol li {/*list-style: none;*/}
li{/*list-style:none;*/}
a{text-decoration: none; color: #333; }
fieldset, img {border: 0 none;}
address, caption, cite, code, dfn, em, i, th, var, optgroup {/*font-style:normal;*/font-weight:normal;}
abbr, acronym {border:0;font-variant:normal;}
input, button, textarea, select, optgroup, option {font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input, button, textarea, select {outline: none;}
textarea {resize: none;}
table {border-collapse:collapse;}
table td{border:1px solid #393939;}
.inside_left_n_table table td{border:none;}
body,html{width:100%; height:100%;}
.body_hidden{width: 100%;height: 100%;overflow: hidden!important;}
/*手机导航*/
.onShow,.onError,.onFocus,.onCorrect{color:#b0b0b0;font-size:12px;}

/* .onShow{display:none;}
.onError{display:none;}
.onFocus{display:none;}
.onCorrect{display:none;} */
.mobile_nav{width:100%; height: 100%; background:#365374;position: fixed;top:0px; right: -100%;z-index: 50; }
.mobile_nav_logo{width:180px;display: block;padding-left: 4.5%;padding-top:20px}
.mobile_nav_btn{width:40px; display: block;position: absolute;right: 5%;top:4%; cursor: pointer;}

.mobile_nav_list{width: 90%; margin:0 auto;padding-top: 2%;}

.mobile_nav_list li{width:92%;height:55px; padding-left:8%;
background: url(../img/mobile_nav_01.png) no-repeat 95% 70%;background-size:10px;
border-bottom: 1px solid #94a1ae; font-size:20px; line-height:70px;position: relative;}
.mobile_nav_list li a{color:#FFFFFF;}
.mobile_nav_list a{color:#FFFFFF;}
.mobile_nav_a{width:95%;margin: 0 auto;padding-top:4%;}
.mobile_nav_a p{font-size: 16px;width:40%;float: left;height:20px;padding-top: 5%;margin-left:10%;}
.mobile_nav_a p img{width:15px;position: relative;bottom:2px;}
.mobile_nav_a p a{color:#FFFFFF;}

/*导航*/
.header_pc{width:100%; height:100px;
background:url(../img/header_bg.jpg) no-repeat center center;
position: relative;
/* overflow: hidden; */
}
/*二维码*/
.footer_follow span b {
    display: block;
    font-size: 12px;
    color: rgba(255,255,255,0.6);
    line-height: 36px;
    width: 80px;
    text-align: center;
    font-weight: normal;
}

.footer_follow span {
    display: block;
    float: left;
}

.header_n{width: 1500px;margin: 0 auto;position: relative; height:100%;}


.nav_pc{position: absolute;right:0px;height:30px; bottom:10px; width: 100%;}
.nav_pc li{float:right; display: block;text-align: right;width:9.5%;font-size: 18px;position: relative;height:40px;}
.nav_li_last{margin-right: 0px!important;}
.nav_pc li a{color:#FFFFFF; opacity: 0.7;}
.nav_pc li a:hover{opacity:1;}

.nav_pc ul{
    background:rgba(12,67,110,0.9);
    position: absolute;
    left:10%;
    top:40px;
    z-index:10;
    width:220%;
    padding:0 18px;
    display: none;
}
/* .nav_pc ul{
    background:#fff;
    position: absolute;
    left:30%;
    top:40px;
    z-index:10;
    width:180%;
    padding:0 6px;
    border:1px solid #ddd;
    display: none;
} */
.nav_pc ul.nav-sec01{
    width:320%;
    left:9%;
}
.nav_pc ul.nav-sec01 .nav-sec011{
    float:left;width:47%;

}
.nav_pc ul.nav-sec01 .nav-sec012{
    float:left;width:47%;margin-left:6%

}
.nav_pc ul.nav-sec02{
    width:320%;
    left:auto;
    right:-40px;
}
.nav_pc .nav_li_last_ggfw{
    left:auto;
    right:-20px;
}
.nav-sec021{
    float:left;width:47%;
}

.nav-sec022{
    float:left;width:47%; margin-left:6%
}






.nav_pc ul li {
    text-indent:12px;
    height:56px;
}
.nav_pc ul li a:hover{
    border-bottom: none;
}
.nav_pc ul li{
    float:none;
    text-align: left;
    width:100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
/* .nav_pc ul li{
    float:none;
    text-align: left;
    width:100%;
    border-bottom: 1px solid #ddd;
} */
.nav_pc ul li.nav-sec-li2 {
    border-bottom: none;
}
.nav_pc ul li a{
    color:#fff;
    font-size:16px;
    line-height:56px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
}

/* .nav_pc ul li a{
    color:#232323;
    font-size:16px;
    line-height:56px;
} */












.header_top{color:#FFFFFF; position: absolute;right:0px;height: 40px; font-size: 14px; top:5px;}
.header_top a{color:#71839a;margin-right:18px;line-height: 1.5em;}
.header_top span{margin-right:18px;color:#71839a;}
.header_top a:hover{color: #FFFFFF;}

.logo_box{width:1500px; margin: 0 auto;position: relative;height: 90px;}
.logo{width: 290px;position: absolute;display: block;left: 0px; top:12px;}
.mobile_nav_english{width:35px;display: none;position: absolute;}
.search{width:240px;height: 41px;position: absolute;right: 0px; top:30px;}
.search input{width:225px; height: 40px; background: #f7f7f7;padding-left: 2%;}
.search_display{display: block!important;}
.search_btn{width:40px;position: absolute;right: 0px;background:#d8d8d8; top: 0px;cursor: pointer;}
.search_btn img{display: block;position: relative; width: 100%;}
.search_btn:hover{background:#3a6594;}


.search_btn2{width:40px;position: absolute;right: 0px;background:#d8d8d8; top: 0px;cursor: pointer;z-index:5; display:none;}
.search_btn2 img{display: block;position: relative; width: 100%;}

.logo_box_btn{width:35px; display:block; position:absolute; right:0px; top:25%; cursor:pointer;}

.search_fixed{width:100%;height:50px;position: fixed; top: 0px; left: 0px;z-index: 80;display: none;}
.search_fixed input{background: #f7f7f7;width:85%;margin-left:5%;height:40px;}
/*底部总*/
.footer{width:100%; height: 490px; overflow: hidden; background:url(../img/footer_bg.jpg) no-repeat center center;}
.footer_n{width: 1500px; margin: 0 auto;height: 100%; position: relative;}
.footer_n a:hover{
	text-decoration: underline;
}
.footer_nav{padding-top:65px; }
.footer_nav li{float: left; color: #FFFFFF;width:110px; margin-right:1.8%;list-style: none;}
.footer_nav li h2{font-size:16px; font-weight: bold;}
.footer_nav li h2 a{color:#FFFFFF;}
.footer_nav li p{font-size:12px;width:100%; min-height:22px;}
.footer_nav li p a{color:#a9b0ba;}
.footer_line{width: 40px;height: 1px;background:#FFFFFF; margin-top: 10px; margin-bottom: 20px;}
.footer_nav li a:hover{color: #FFFFFF;}

.footer_form_btn:hover{text-decoration:underline;}


.fantop{position:fixed;right:0;bottom:20%;  z-index:99; display:none;}	 
.fantop ul li{width:52px; height:52px; background:#ff7777; margin-top:2px; position:relative; cursor: pointer;list-style: none;}
.fantop ul li img{display:block; position:absolute;top:0px; left:0px}
.fantopyin{ opacity:0;}	

/*表单留言*/
.footer_form {width:325px; height:365px;position: absolute; right: 0px; font-size: 14px; top: 55px;}
.footer_form h2{font-size: 18px; color: #FFFFFF;display: block;position: relative; bottom: -6px;}
.footer_form .input_text{width:84%; line-height: 30px;   height:30px; background-color: #FFFFFF; padding-left:16%; margin-top:16px; border-radius:3px; color: #4e4e4e;}
.input_text01{background: url(../img/footer_from01.png) no-repeat 15px 0px;}
.input_text02{background: url(../img/footer_from02.png) no-repeat 15px 0px;}
.input_text03{background: url(../img/footer_from03.png) no-repeat 15px 0px;}
.input_text04{background: url(../img/footer_from04.png) no-repeat 12.5px -4px;height: 130px!important;}
.footer_form_btn{background:#f3f3f3; width:80px; height:28px; border-radius:3px; color:#535353; cursor: pointer; position: absolute;bottom: 0px; right: 0px;}

/*底部分享*/
.footer_follow{position: absolute; display: block; bottom:100px; width: 215px; height:80px; color: ;}

.footer_follow img{display: block;  width:80px;}

.footer_bottom{width: 100%;position: absolute; height:35px;bottom: 0px; line-height:35px; border-top: 1px solid #454e5b; color: #8f9397; font-size: 12px;}
.footer_bottom a{color: #8f9397;}
.footer_bottom a:hover{color: #FFFFFF;text-decoration: underline;}
.footer_bottom_a{position: absolute;display: block;right: 0px;top:0px;}

/*按钮渐变颜色*/
.btn_style
{
transition:background 0.3s;
-moz-transition:background 0.3s; /* Firefox 4 */
-webkit-transition:background 0.3s; /* Safari and Chrome */
-o-transition:background 0.3s; /* Opera */
} 
.btn_style:hover{background:#FFFFFF;}


/* placehoder颜色 */
input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #b0b0b0; opacity:1; 
}

input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #b0b0b0;opacity:1;
}

input:-ms-input-placeholder{
    color: #b0b0b0;opacity:1;
}

input::-webkit-input-placeholder{
    color: #b0b0b0;opacity:1;
}
/* placehoder颜色 */



@media screen and (min-width:1080px) and (max-width:2500px){
	
.logo_box_btn{display:none;}
.footer_btn_top{display: none;}

}



@media screen and (min-width:1080px) and (max-width:1520px){
/*顶部*/
.nav_pc ul{
    background:rgba(12,67,110,0.9);
    position: absolute;
    left:11%;
    top:40px;
    z-index:10;
    width:220%;
    padding:0 18px;
    display: none;
}
.nav_pc ul.nav-sec01{
    width:320%;
    left:12%;
}
.nav_pc ul.nav-sec01 .nav-sec011{
    float:left;width:47%;

}
.nav_pc ul.nav-sec01 .nav-sec012{
    float:left;width:47%;margin-left:6%

}
.nav_pc ul.nav-sec02{
    width:390%;
    left:-252%;
}
.nav-sec021{
    float:left;width:47%;
}

.nav-sec022{
    float:left;width:47%; margin-left:6%
}
.nav_pc .nav_li_last_ggfw{
    left:-125%;
}
.nav_pc .nav_li_last_ggfw li{
    /* text-align: right; */
    
}

.header_n{width:90%;}
.logo_box{width:90%;}
/* #nav_li_lastli{width:80px!important;} */
/*底部*/
.footer_n{width:90%;}
.footer_nav li{margin-right:25px;width:110px;list-style: none;}
.footer_form{width:250px;}
.footer_form .input_text{padding-left:52px;width:198px;}

}
@media screen and (min-width:1080px) and (max-width:1300px){
    /*顶部*/
    .nav_pc li{
        width:9.5%;
    }
	/*底部*/
.footer_nav li{margin-right:0.6%;width: 100px;}
	
}
@media screen and (min-width:1080px) and (max-width:1200px){




}

@media screen and (min-width:0px) and (max-width:1440px){
	
	
	
	
}


/*手机站样式*/
@media screen and (min-width:0px) and (max-width:1080px){
	
.header_pc{display:none;}
.logo_box{width:92%;}
.search{width: 40px;position: absolute; right:15%; top:22%;width:35px;}
.search_btn{width: 100%;}
.search_btn2{width: 100%;display:block;}
.search input{display:none;height: 35px;position: relative;}
.mobile_nav_english{left:320px;top:29px;display: block; }
/*底部*/
.footer{background:none!important;height: auto;}
.footer_n{width: 100%; height:auto;background: #2e2e2e;}
.footer_nav{display:none;}
.footer_follow{display:none;}
.footer_form{display: none;}

.footer_btn_top{display: block;width: 100%;}
.footer_bottom{ background: #2e2e2e; position: relative;left: auto; right: auto;width:92%;margin: auto;}
.footer_bottom_a{display:none;}
.footer_none{display:none;}

}





@media screen and (min-width:0px) and (max-width:768px){
	

.mobile_nav_english{left:160px;top:29px;display: block;}
.logo_box{height:70px;width: 92%;}
.logo{width:150px; padding-top:2%;}
.logo_box_btn{width:35px;}

.mobile_nav_btn{width:35px; right:4%; top:3%}
.mobile_nav_logo{width:150px;}
.mobile_nav_list li{height:60px; padding-left:8%;
background-size:10px;
border-bottom: 1px solid #94a1ae; font-size:16px; line-height:60px;position: relative;}
.mobile_nav_a p{font-size: 14px;}

.fantop-go{display:none;}


}