@charset "utf-8";
/* CSS Document */
html, body, div, p, ul, li, dl, dt, dd, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0; }
body, input, select, button, textarea{ font-family: "微软雅黑"; color:#474747; font-size:15px;}
a, a:link { color: #474747; text-decoration: none; }
a:active, a:hover { text-decoration: none; }
 ul { padding:0; list-style-type: none; }
.clear { diplay: block!important; float: none!important; clear: both; overflow: hidden; width: auto!important; height: 0!important; margin: 0 auto!important; padding: 0!important; font-size: 0; line-height: 0; }
a{text-decoration:none;}
body{width: 100%;}
.clean{clear:both;}
img{padding:0; margin:0; vertical-align:top;}

.wt:link {color: #fff;text-decoration: none;}
.wt:visited {color: #fff;text-decoration: none;}
.wt:hover {color:#fff;text-decoration: none;}
.wt:active {color: #fff;text-decoration: none;}


/*top*/
.top{width:100%; height:55px; position:fixed; top:0; z-index:999; background-color:#fff;  -moz-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.2); box-shadow:0px 1px 3px rgba(0, 0, 0, 0.2);}
.top ul{width:90%; margin:0 auto; height:55px;}
.top ul li:nth-child(1){display:flex; -webkit-display:flex; justify-content:left; align-items:center;}
.top ul li{width:50%; float:left; height:55px;}

/*mob nav*/
.sp_nav{width:8vw;float:right;position:relative;cursor:pointer;height:7vw;margin-top:2.6vh;}
.sp_nav span{display:block;background:#d80f2c;width:8vw;height:3px;position:absolute;left:0;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:8px}
.sp_nav span:nth-of-type(3){top:16px}
.sp_nav_se span:nth-of-type(1){top:8px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:8px;transform:rotate(-45deg)}

.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%; height:100%; font-size:1em; line-height:40px; top:-100%; left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:55px;}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:100%;}
.sjj_nav>ul>li:first-child .language{float:right;width:100%;overflow:hidden;line-height:30px;}
.sjj_nav>ul>li:first-child .language a{width:20%;float:left; text-align:center;color:#999; border-right:1px #ddd solid;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:5vw;position:relative;line-height:40px;}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#616161;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#999;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#0053a1}
.sjj_nav ul li ul li>ul{margin-left:10px}

/*banner*/
.banner{width:100%; height:35vh; background-color:#fff; margin-top:55px; background-image:url(../image/banner.jpg); background-repeat:no-repeat; background-size:auto 100%; background-position:center;}
/*banner*/
.txt-box{width:100%; display: block; margin:20vh auto 0 auto; text-align:center;}
.swiper-container {width: 100%;height:100%;}

/* 文字视差显示 */                                                                                                                                              
.swiper-slide{color: #fff;}
.swiper-slide .title{font-size:40px; color:#fff; font-family:'mon'; font-weight:bold;}
.swiper-slide .titlea{font-size:40px; color:#fff; font-family:'mon'; font-weight:bold; margin-top:15px;}

/*index_a*/
.index_a{width:100%; height:auto; padding:6vh 0 6vh 0;}
.index_a ul:first-child{margin-bottom:3vh; line-height:1em;}
.index_a ul{width:90%; height:auto; margin:0 auto; text-align:center;}
.index_a ul li{float:left; width:50%; line-height:0.9em; margin-bottom:2vh;}
.index_a ul li span{font-size:0.5em; color:#aaa;}
.index_a ul li img{width:65%; margin:0 auto 1.5vh auto;}

.index_a fonttitlea{font-size:1.5em; font-weight:bolder;}
.index_a fonttitleb{font-size:0.6em; font-family:Arial, Helvetica, sans-serif; color:#ccc; font-weight:normal;}

/*index_b*/
.index_b{width:100%; height:auto; padding:6vh 0 6vh 0; background-image:url(../image/adv_1.jpg); background-size:cover; background-position:center;}
.index_b ul:first-child{margin-bottom:3vh; line-height:1em;}
.index_b ul{width:90%; height:auto; margin:0 auto; text-align:center;}
.index_b ul li{width:100%; color:#fff; border-bottom:1px solid #c6d5e5; line-height:0.9em; padding:2vh 0;}
.index_b ul li div:nth-child(1){float:left; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:2.2em; line-height:0.8em; text-align:left; width:10%; padding-right:2%;}
.index_b ul li div:nth-child(2){float:left; text-align:left; width:88%;}
.index_b ul li span{font-size:0.6em; color:#fff;}
.index_b ul a{padding:8px 30px; border:1px solid #fff; color:#fff; font-size:0.8em}

.index_b fonttitlea{font-size:1.5em; font-weight:bolder; color:#fff;}
.index_b fonttitleb{font-size:0.6em; color:#fff; font-weight:normal;}

/*index_c*/
.index_c{width:100%; height:auto; padding:6vh 0 6vh 0; border-bottom:1px solid #f5f5f5;}
.index_c ul:first-child{margin-bottom:3vh; line-height:1em;}
.index_c ul{width:90%; height:auto; margin:0 auto; text-align:center;}
.index_c ul li{width:100%;}
.index_c ul li span{font-size:1.2em; color:#d80f2c; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.index_c ul li img{width:30%; margin-top:1vh;}

.index_c fonttitlea{font-size:1.5em; font-weight:bolder; color:#d80f2c;}
.index_c fonttitleb{font-size:0.6em; font-family:Arial, Helvetica, sans-serif; color:#ccc; font-weight:normal;}

/*index_d*/
.index_d{width:100%; height:auto; padding:6vh 0 6vh 0; border-bottom:1px solid #f5f5f5; background-image:url(../image/denglong.jpg); background-size:auto 100%; background-position:left -120px; background-repeat:repeat-x;}
.index_d ul:first-child{margin-bottom:3vh; line-height:1em;}
.index_d ul{width:90%; height:auto; margin:0 auto; text-align:center;}
.index_d ul li{width:100%; font-size:0.9em; text-align:center;}

.index_d fonttitlea{font-size:1.5em; font-weight:bolder; color:#d80f2c;}
.index_d fonttitleb{font-size:0.6em; font-family:Arial, Helvetica, sans-serif; color:#ccc; font-weight:normal;}

/*index_e*/
.index_e{width:100%; height:auto; padding:6vh 0 6vh 0; background-color:#f5f5f5;}
.index_e ul:first-child{margin-bottom:3vh; line-height:1em;}
.index_e ul{width:90%; height:auto; margin:0 auto; text-align:center;}
.index_e ul li{width:100%; font-size:0.9em; text-align:left;}

.index_e ul li span{font-size:1.2em; color:#333; font-weight:bold;}
.index_e ul li font{font-size:1em; color:#333; font-weight:bold;}
.index_e ul li img{width:100%; margin-bottom:2vh;}
.index_e_ul_a{padding:8px 30px; border:1px solid #666; color:#666; font-size:0.8em; margin:0 auto;}

.index_e fonttitlea{font-size:1.5em; font-weight:bolder;}
.index_e fonttitleb{font-size:0.6em; font-family:Arial, Helvetica, sans-serif; color:#ccc; font-weight:normal;}

/*index_f*/
.index_f{width:100%; height:auto; padding:6vh 0 6vh 0; background-color:#f5f5f5; margin-top:2px;}
.index_f ul:first-child{margin-bottom:3vh; line-height:1em;}
.index_f ul{width:90%; height:auto; margin:0 auto; text-align:center;}
.index_f ul li{width:50%; font-size:0.9em; text-align:left; float:left; background-color:#fff; height:22vh; display:flex; -webkit-display:flex; justify-content:center; align-items:center;}
.index_f ul li dl{width:80%; font-size:0.9em;}
.index_f_ul_a{padding:8px 30px; border:1px solid #666; color:#666; font-size:0.8em; margin:0 auto;}

.index_f fonttitlea{font-size:1.5em; font-weight:bolder;}
.index_f fonttitleb{font-size:0.6em; font-family:Arial, Helvetica, sans-serif; color:#ccc; font-weight:normal;}

/*index_g*/
.index_g{width:100%; height:auto; padding:6vh 0 6vh 0; background-image:url(../image/adv_1.jpg); background-size:cover; background-position:center;}
.index_g ul:first-child{margin-bottom:3vh; line-height:1em;}
.index_g ul{width:90%; height:auto; margin:0 auto; text-align:center;}
.index_g ul li{width:100%; text-align:left;}
.index_g ul li p{font-size:0.8em; color:#fff;}

.index_g ul a{padding:8px 30px; border:1px solid #fff; color:#fff; font-size:0.8em}

.index_g fonttitlea{font-size:1.5em; font-weight:bolder; color:#fff;}
.index_g fonttitleb{font-size:0.6em; font-family:Arial, Helvetica, sans-serif; color:#fff; font-weight:normal;}

/*index_f*/
.index_h{width:100%; height:auto; padding:6vh 0 6vh 0; border-bottom:1px solid #f5f5f5;}
.index_h ul:first-child{margin-bottom:3vh; line-height:1em;}
.index_h ul{width:90%; height:auto; margin:0 auto; text-align:center;}
.index_h ul li{width:100%; font-size:0.9em; text-align:left; border-bottom:1px solid #eee; line-height:2.5em;}
.index_h ul li:nth-child(2n+2){background-color:#f5f5f5;}
.index_h ul p{font-size:1em; font-weight:bold; line-height:3em;}
.index_h_ul_a{padding:8px 30px; border:1px solid #333; color:#fff; font-size:0.8em; margin:0 auto; display:block; width:40%;}

.index_h fonttitlea{font-size:1.5em; font-weight:bolder;}
.index_h fonttitleb{font-size:0.6em; font-family:Arial, Helvetica, sans-serif; color:#ccc; font-weight:normal;}

/*index_i*/
.index_i{width:100%; height:auto; padding:6vh 0 6vh 0;}
.index_i ul:first-child{margin-bottom:3vh; line-height:1em;}
.index_i ul{width:90%; height:auto; margin:0 auto; text-align:center;}
.index_i ul li{width:calc(100% - 20px); text-align:center; background-color:#6182a6; margin-bottom:2px; padding:10px; border-radius:6px;}
.index_i ul li ol{width:calc(100% - 10px); background-color:#fff; font-size:0.8em; line-height:2.5em; text-align:left; padding-left:10px; display:block;}
.index_i_ztitle{font-size:1em; color:#fff; font-weight:bold;}
.index_i_ul_a{padding:8px 30px; border:1px solid #fff; color:#fff; font-size:0.8em; margin:0 auto;}
.index_i fonttitlea{font-size:1.5em; font-weight:bolder;}
.index_i fonttitleb{font-size:0.6em; font-family:Arial, Helvetica, sans-serif; color:#ccc; font-weight:normal;}

/*index_j*/
.index_j{width:100%; height:auto; padding:6vh 0 6vh 0; background-color:#333;}
.index_j ul:first-child{margin-bottom:3vh; line-height:1em;}
.index_j ul{width:90%; height:auto; margin:0 auto; text-align:center; }
.index_j ul li{font-size:0.9em; color:#aaa; line-height:1.6em;}
.index_j ul li p{font-size:0.8em; color:#fff; line-height:1.6em;}
.index_j ul li center{font-size:0.8em;}

.index_j fonttitlea{font-size:1.5em; font-weight:bolder; color:#fff;}
.index_j fonttitleb{font-size:0.6em; font-family:Arial, Helvetica, sans-serif; color:#ccc; font-weight:normal;}

/*bottom*/
.bottom{width:100%; height:auto; padding:3vh 0 3vh 0; background-color:#d80f2c; font-size:2em; text-align:center;}

/*left_menu*/
.left_menu{width:100%; margin:0 auto; padding:6vh 0 5.5vh 0;}
.left_menu ul{width:90%; margin:0 auto;}
.left_menu ul li{width:calc(33.33% - 6px); float:left; margin-right:4px; margin-bottom:4px; border:1px solid #eee; padding:8px 0px; text-align:center; font-size:0.7em;}
.left_menu ul li:nth-child(3n+3){margin-right:0;}

/*content_a*/
.content_a{width:100%; height:auto; padding:6vh 0; background-color:#f5f5f5;}
.content_a ul:first-child{margin-bottom:2vh; line-height:1em; font-size:0.8em; color:#aaa;}
.content_a ul{width:90%; height:auto; margin:0 auto; text-align:left;}
.content_a ul li{width:100%; text-align:left;}
.content_a ul li p{font-size:0.9em;}
.content_a ul li img{width:100%;}
.content_a ul li em{font-size:0.7em; line-height:2em;}
.content_a ul li font{font-size:0.8em; color:#999;}

.content_a ul li div{width:100%; border-bottom:1px solid #ddd; margin-bottom:30px; padding-bottom:30px;}
.content_a ul li div span{font-size:1.5em; font-weight:bold; margin:10px 0; display:block; color:#d80f2c;}
.content_a ul li div font{font-size:1.2em; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}

.content_a ul li dl{width:calc(100% - 10px); padding:10px 0; background-color:#FFF; font-size:0.75em; padding-left:10px;}
.content_a ul li dl:nth-child(2n+2){background-color:#dbe4ee;}
.content_a ul li dl span{font-size:0.8em; font-family:Arial, Helvetica, sans-serif; color:#999;}

.content_a fonttitlea{font-size:1.5em; font-weight:bolder; color:#d80f2c;}
.content_a fonttitleb{font-size:0.6em; font-family:Arial, Helvetica, sans-serif; color:#ccc; font-weight:normal;}

/*contact*/
.contact{width:100%; height:94vh;}

/*bottoma*/
.bottoma{width:100%; height:auto; padding:3vh 0 3vh 0; background-color:#d80f2c; font-size:2em; text-align:center; position:fixed; z-index:1; bottom:0;}