@charset "utf-8";
/* CSS Document */
.index_Notice{
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    justify-content: center;
    align-items: center;
    z-index: 9999;}    
.Notice{   
    width: 50%;
    margin: 0 auto;
    line-height: 30px;
    color: #fff;
    margin-top:5%;
    position: relative;
    display: block;}
.Notice span{
    float: right;
    /*right: -36px;*/
    position: relative;
    top: 36px;
    font-size: xxx-large;
    transform: rotate(45deg);
    cursor: pointer;}
.Notice img{width: 100%;}



.nav{width:100%;
	height:100px;
	/*overflow:hidden;*/
	position:fixed;
	top:0;
	z-index:9;
	background:#fff;
	box-shadow:0 0 8px 0  #666;
	/*background:#CCC;*/
	}
.nav_ul{width:1200px; 
		margin:0 auto;
		}
.nav_ul img{/*margin-top:20px; */
		
		
		}		
.nav_ul ul{ float:right; 
			width:846px;}		
.nav_ul ul li{width:116px; 
			text-align:center;
			display:block;
			float:left;
			font-size:22px;
			letter-spacing:1.5px;
			margin:0 15px;
			margin-top:45px;
			color:#595959;
			height: 38px;
			line-height: 38px;
			font-weight: lighter;
			}

		
.nav_ul ul li:first-child{
			margin-left:0;
	}	
.nav_ul ul li:last-child{
			margin-right:0;
	}		
.nav_ul ul li:hover{ background:#00489d;
					border-radius:20px;
					color:#FFF;
	}	
.nav_ul ul li:hover a{color:#fff;
	}					
.nav_ul ul li a:hover{color:#fff;
	}

#son_list{display:none;
		 background:#fff; 
		 color:#595959;
		 border-radius:10px;
		 }
#son_list a{color:#595959; font-size:18px; width:116px; text-align:center;}
.nav_ul ul li:hover #son_list{display:block;}

.active{background: #00489d;
		border-radius: 20px;
		color: #FFF;
		}
.active a{color:#fff;}

.wap-nav{display: none;}

.index_banner{margin-top:100px;}
/*    .swiper-container {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        Center slide text vertically 
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }*/
.i_banner img{width:100%;}	
.index_about{
	background:#fff;
	height:730px;
	overflow:hidden;}
.index_about_box{width:1200px; 
	margin:0 auto;}	
	
.idnex_about_left{
	/*visibility: visible;
	animation-name: fadeInLeft;
	animation-fill-mode: both;
	animation-duration: 2s;*/
	}	


.index_about_box img{
	float:left;
	margin-top:106px;
	}	
.index_about_right{
	float:right;
	margin-top:106px;
	/*visibility: visible;
    animation-name: fadeInRight;
    animation-fill-mode: both;
    animation-duration: 2s;*/}	
.index_about_title{
	font-size:58px;
	color:#014abb;
	position: relative;
	font-weight: lighter;
    /*left: -120px;*/
	letter-spacing:2px}	
.index_about_title p{
	font-size:34px;
	font-weight:normal;}	
.index_about_title p span{
	font-weight: bolder;}	
.index_about_text{
	width:438px;
	font-size:16px;
	color:#595959;
	margin-top: 47px;}	
.index_about_text p{
	line-height:32px;
	letter-spacing:2px;
	margin-bottom:25px;}
.index_about_text>a{
	border: 2px solid #88aad2;
    padding: 5px 15px;
    color: #00489e;
}
.index_pro{
	background:#f8efe6;
	height:755px;
	box-shadow:0 0 30px #666;
}
.index_pro_container{
	width:1200px;
	margin:0 auto;
	padding-top:60px;
}
.index_pro_title{
	/*margin-top:112px;*/
	font-size:58px;
	color:#014abb;
	font-weight: lighter;
}
.index_pro_title p{
	font-size:34px;
	font-weight:bold;}
.index_pro_title p a{
	font-size:16px;
	font-weight: normal;
	border: 2px solid #00489e;
    padding: 5px 15px;
    color: #00489e;
	margin-left:65px;

}	

	
.swiper-container_pro{
	/*visibility: visible;
    animation-name: fadeInUp;
    animation-fill-mode: both;
    animation-duration: 2s;*/
	}
.swiper-container_pro_mobile {display: none;}	
	
.index_pro_list{
	height:708px;
	/*background:#fff;*/
	margin-top:50px;
	position: relative;
	overflow:hidden;}	
.index_prolist{
	height:547px;
	background:#FFF;
	width:380px;}
.index_prolist{
	text-align:center;
	padding-top:10px;
	box-shadow:0 0 10px #666;}	
.index_prolist img{width:90%;}	
	
.index_prolist p{
	line-height:72px;
	font-size:30px;}	
	
	
	
.index_path{
	box-shadow:0 0 30px #666;
	background:#FFF;
	height:1700px;
	}
.index_path_title{
	font-size: 58px;
    color: #014abb;
	font-weight: lighter;
	
	}	
.index_path_title p{
	font-size: 34px;
    font-weight: bold;
	}
.index_path_box{
	width:1200px;
	margin:0 auto;
	padding-top:100px;
	}
.index_path_axis{
	height:1350px;
	width:1200px;
	margin-top:100px;
	font-size:24px;
	position:absolute;
	
	}
.index_path_event{
	font-weight:bold;
	margin-bottom:70px;
	/*visibility: visible;
    animation-name: fadeInUp;
    animation-fill-mode: both;
    animation-duration: 2s;*/
	}	
.index_path_event i{

    display: inline-block;
    width: 20px;
    height: 20px;
    background: #383838;
    border-radius: 50%;
	margin-left:92px;
	}	
	
.index_path_event li{
	font-weight:lighter;
	margin-left:100px;
	width: 75%;
    float: right;}	
	
.index_path_axis1{
	width:2px;
	height:1350px;
	background:#383838;
	position: absolute;
	top: 10px;
    left: 160px;
}	
	
				
.index_brand{
	background:#eeeeee;
	height:940px;
	box-shadow:0 0 30px #666;
	}	
.index_brand_container{
	width:1200px;
	margin:0 auto;
	padding-top:80px;
	}	
.index_brand_table{
	width:1200px;
	text-align:center;
	margin-top:35px;
	}	
.index_brand_table h3{
	float:left;
	width:400px;
	background: #fff;
    line-height: 45px;
    font-size: 24px;
    text-align: center;}
#table .on{
	background:#014abb;
	color:#fff;}		
.index_brand_show{
	margin-top: 30px;
    background: #fff;
    padding-top: 30px;
	display:none;
	clear:both;
	}	
.index_brand_show p{
	line-height: 60px;
    font-size: 18px;
    text-align: left;
    margin-left: 45px;
	font-weight: lighter;
	
	}	
.index_layout{
	box-shadow:0 0 30px #666;
	background:#FFF;
	padding-top: 120px;
	padding-bottom: 120px;}	
.index_layout_map{
	width:100%;
	height:942px;
	background:url(../image/index_map.png) no-repeat;
	overflow:hidden;}	
	
.index_layout_title{
	font-size: 58px;
    color: #014abb;
	width:1200px;
	margin:0 auto;
	text-align: right;
	overflow:hidden;
	}	
.index_layout_title p{
	font-size: 34px;
    font-weight: bold;}	
.index_layout_txt{
	float: right;
    font-size: 18px;
    margin-top: 80px;
	line-height: 45px;
	color: #383838;
	}	
.index_layout_txt b{
	font-size:20px;}	
.index_layout_txt>p{
	font-size:18px;
	font-weight: lighter;
	text-align:left;
	}	
.index_jointitle{
	width:1200px;
	height:355px;
	margin: 0 auto;
	margin-top: 150px;
    border: 1px #ccc dashed;
	overflow:hidden;
	}	
.index_jointitle_left{
	text-align: center;
    width: 50%;
    border-right: 5px solid #00489e;
	margin-top: 90px;
	float:left
	}	
.index_jointitle_right{
	width:49%;
	text-align:center;
	height:180px;
	float:right;
	margin-top: 90px;
	font-size:110px;
	font-weight: bold;
	color: #014abb;}	
.index_jointitle_right p{
	margin-top:15px;}	
.index_jointitle_right p>a{
	font-size: 16px;
    font-weight: normal;
    border: 2px solid #00489e;
    padding: 5px 150px;
    color: #00489e;
	}	
.index_message{
	width:1200px;
	margin:0 auto;
	text-align:center;
	padding-top:80px;
	font-size:50px;
	font-weight:bold;
	color:#014abb}	
.index_message_title{
	margin-bottom:30px;}	
.index_message_title span{
	color: red;
   font-size: 1.3rem;
}
.index_message_title span a{
 	  color: #fff;
    font-size: 1.3rem;
    background: #f00;
    padding: 2px 9px;
    border-radius: 1.5rem;
}	
.index_message p{
	font-size:20px;
	font-weight:100;
	color:#383838;
   margin-top: 15px;
	}	
.index_message li{
	float:left;
	width:48%;}	
.index_message li:first-child{
	margin-right:40px;
	}	
.index_message li input{
	width:94%;
	height:60px;
	border-radius:10px;
	border:1px solid #00489e;
	font-size:22px;
	outline:none;
	padding:0 15px
	}	
.index_message textarea{
	width:97%;
	height:210px;
	border-radius:10px;
	border:1px solid #00489e;
	margin-top:30px;
	font-size:22px;
	outline:none;
	padding:15px
}	
.index_message .submit{
	width:100%;
	margin-top: 30px;
    background: #014abb;
    color: #fff;
    line-height: 56px;
    border-radius: 10px;
	font-size: 25px;
	border: none;
	}	
.footer{
	width:100%;
	height:450px;
	background:#f1f1f1;}	
.footer_body{
	width:1200px;
	margin:0 auto;
	}	
.footer_body_follow{
	width:100%;
	padding:40px 0;
	}	
.footer_body_follow span{
	float:left;
	font-size:22px;
	line-height:50px;}	
.footer_body_follow li{
	float:left;
	margin-left:40px;
	width: 44px;
    height: 36px;}	
.footer_body_follow li:nth-child(5){
	margin-left: 65px;
	}    
.footer_body_follow img{
	float:right;
	}	
.footer_body_add{
	margin-top:40px;
	border-top:2px solid #ccc;
	font-size:18px;
	font-weight:normal;
	height: 210px;
	border-bottom: 2px solid #ccc;
	background: url(../image/foot_add.png) no-repeat;
	
	}	
.footer_body_add ul{
	margin-top:60px;
	float: left;
	width: 350px;
}	
.foot_add2{margin-left: 100px;}
.foot_add3{margin-left: 50px;}
.footer_body_add .foot-copy{margin-top: 100px; width: 100%;}
.foot-copy li{width:50%; float: left;}
.foot-copy li:last-child{
	float:right; text-align: right;}	
	

.fixed_bottom[data-v-e5022d9d] {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 112px;
    background: url(http://www.jiajian-tea.com/image/bottom-banner.png) no-repeat bottom / contain;
    background-size: 1920px;
    z-index: 20;
}

.fixed_bottom .txt[data-v-e5022d9d] {
    color: #fff;
    font-family: PingFang SC;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 148.5%;
    letter-spacing: .5px;
}

.fixed_bottom .common-get-button[data-v-e5022d9d] {
    margin-left: 32px;
    background: #fff;
    width: 180px;
    height: 60px;
    border-radius: 60px;
    color: #393025;
    text-align: center;
    font-family: PingFang SC;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 148.5%;
    letter-spacing: 2px;
}

.justify-center {
    justify-content: center;
}

.items-center {
    align-items: center;
}

.flex {
    display: flex;
}


.style_container__iR17E.style_show___iw_F {
	display: none;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.style_container__iR17E .style_close__6evxS {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 34px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    cursor: pointer;
    display: block;
}

.style_container__iR17E h5 {
    font-size: 26px;
    font-weight: 600;
    color: #c1af88;
}	

.style_container__iR17E {
    position: fixed;
    top: 50%;
    left: 50%;
    padding: 60px 100px;
    z-index: 12;
    background: #fff;
    text-align: center;
    border-radius: 8px 8px 8px 8px;
    border: 1px solid #707070;
    width: 50vw;
    margin: -33vh -30vw;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    transition: all .4s ease;
}	
	
.style_container__iR17E .style_name__gNY8e {
    margin-bottom: 20px;
}

.style_container__iR17E p {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
}

.style_container__iR17E p {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
}