@charset "utf-8";

#main{width:100%;}

/*banner*/
.mobile_banner{ display:none;}
.banner{ position:relative; padding-top:100px; overflow:hidden;}
.banner img{ width:100%; display:block;}
.flex-viewport{ width:100%;}
.flex-control-nav {width:1180px; left:50%; margin-left:-590px; position: absolute; bottom:0; z-index:9; height:42px;text-align:center; /* background:#00a551; */ border-radius:50px; border-bottom-left-radius:0;border-bottom-right-radius:0;}
.flex-control-nav li { display: inline-block; zoom: 1; *display: inline; padding:15px 6px;}
.flex-control-nav li a{ width:6px; height:6px; border-radius:50px;display:inline-block; border:#99dbb9 solid 3px; background:#99dbb9;cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a.flex-active{ width:6px; height:6px;border:#fff solid 3px; background:#00a551;}
.banner li img,.swiper-slide img{webkit-transition: all 20s linear;-moz-transition: all 20s linear;-o-transition: all 20s linear;-ms-transition: all 20s linear;transition: all 20s linear;}
.banner li.flex-active-slide img,.swiper-slide.swiper-slide-active img{-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);transform: scale(1.1,1.1);}


/*sec1*/
.sec1{ padding-top:80px; padding-bottom:50px;  background-color:#f3f3f3;}
.sec1_tet{ float:left; padding-left:18%; padding-top:86px;}
.tab-box h1{font-size:32px; line-height:1; color:#00a551; padding-bottom:40px;}
.tab-box p{color:#666; font-size:16px; line-height:2; width:362px;}
.sec1_btn{ width:150px; height:50px; padding-top:40px;}
.sec1_btn a{ display:block; width:140px; height:50px; line-height:50px; color:#333; font-size:16px; border:#dadada solid 1px; border-radius:25px; text-align:center; padding-right:10px; background-image:url(../images/icon.png); background-repeat:no-repeat; background-position:80% center;transition: .15s linear; -moz-transition:.15s linear; -webkit-transition:.15s linear;}
.sec1_btn a:hover{ color:#00a551;}
.prev{ float:left; cursor:pointer;}
.prev_btn1{ width:16px; text-align:center; height:82px; line-height:82px; cursor:pointer; float:left; background-image:url(../images/prev.png); background-repeat:no-repeat; background-position:left center;transition: .15s linear; -moz-transition:.15s linear; -webkit-transition:.15s linear;}
.next_btn1{  width:16px; text-align:center; height:82px; line-height:82px;cursor:pointer;float:right; margin-top:-82px;background-image:url(../images/next.png); background-repeat:no-repeat; background-position:right center;transition: .15s linear; -moz-transition:.15s linear; -webkit-transition:.15s linear;}
.prev_btn1.active{background-image:url(../images/prev1.png);}
.next_btn1.active{background-image:url(../images/next1.png);}
.sec1_bg{ position:absolute; left:40px; top:0;}
.sec1_img{ z-index:2; position:relative;}
.sec1_tet1{ position:absolute; right:0; top:120px; background-image:url(../images/sec1_bg.png); background-repeat:no-repeat; width:960px; height:280px; z-index:1; text-align:center;}
.sec1_tet1 .sec1_li{ float:right; width:150px; margin-right:60px; margin-top:57px; position:relative; z-index:999;}
.sec1_tet1 .sec1_li img{ border-radius:50px;}
.circleChart{ position:absolute !important; top:0; left:25px; display:none;}
.circleChart.actived{ display:block;}
.sec1_tet1 .sec1_li.last{ margin-right:70px;}
.sec1_tet1 .sec1_li p{width:100%; font-size:14px; line-height:2; color:#fff; padding-top:10px; }
.tab-title{ width:1200px; margin:0 auto;}
.tab-title li{ width:168px; height:120px; text-align:center; position:relative; float:left;}
.tab-title li .img_color2{ opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
.tab-title li .img_color1,.tab-title li .img_color3{ opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.tab-title li.actived .img_color2{ opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.tab-title li.actived .img_color1{ opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
.tab-title li:hover .img_color2{opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.tab-title li:hover .img_color3{ opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
.tab-title li.actived:hover .img_color3{ opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.tab-title li img{ position:absolute; width:93px; height:61px; left:50%; margin-left:-46.5px;transition: .15s linear; -moz-transition:.15s linear; -webkit-transition:.15s linear;}
.tab-title li p{ padding-top:70px;font-size:12px; line-height:1; color:#999;transition: .15s linear; -moz-transition:.15s linear; -webkit-transition:.15s linear;}
.tab-title li.actived p,.tab-title li:hover p{ color:#00a551;}
.tab-box{ display:none; width:100%; position:relative;}
.tab-box.tab6{ display:block;}
.tab-title1 li.actived a{color:#00a551;}

/*sec2*/
/* .sec2 li{ float:left; width:100%; position:relative; color:#fff; overflow:hidden}
.sec2 li .sec2_tet{ position:absolute;width:1180px; left:50%; margin-left:-590px; top:186px; opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); z-index:2;}
.sec2 li.last .sec2_tet{ top:140px;}
.sec2 li.actived .sec2_tet{ opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-webkit-animation: 	appear1  1000ms ease 200ms both;
	-moz-animation: 	appear1  1000ms ease 200ms both;
	-ms-animation: 		appear1  1000ms ease 200ms both;
	-o-animation: 		appear1  1000ms ease 200ms both;
	animation: 			appear1  1000ms ease 200ms both;
}
.sec2 img.sec2_img{ display:block; width:100%; z-index:1; position:relative;}
.sec2 img.sec2_img.mobile1{ display:none;}
.sec2 li.sec2_right .sec2_tet{ text-align:right;}
.sec2 li .sec2_tet h2{ font-family:MyriadPro Semibold,'MyriadPro', Arial, sans-serif; text-transform:uppercase; color:#fff; font-size:100px; line-height:1; padding-bottom:15px;opacity:0.4;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);}
.sec2 li .sec2_tet h3{  font-size:24px; line-height:1; font-weight:bold;}
.sec2 li .sec2_tet p{ color:#fff; font-size:16px; line-height:30px; padding-top:22px; padding-bottom:22px;}
.sec2 li.sec2_right .sec2_tet p{text-align:right;}
.sec2 .sec2_tet .sec2_btn a{color:#fff; font-size:16px; padding-bottom:6px;transition: .15s linear; -moz-transition:.15s linear; -webkit-transition:.15s linear;}
.sec2 .sec2_tet .sec2_btn a span{ border-bottom:#fff solid 1px; margin-right:10px; display:inline-block; width:auto;transition: .15s linear; -moz-transition:.15s linear; -webkit-transition:.15s linear;}
.sec2 .sec2_tet .sec2_btn a:hover{ color:#00a551;}
.sec2 .sec2_tet .sec2_btn a:hover span{ border-bottom:#00a551 solid 1px;}
.index_sec2_btn{ line-height:36px; vertical-align:middle;
	-webkit-animation: 	appearTitleRT 1s infinite ease-in-out;
	-moz-animation: 	appearTitleRT 1s infinite ease-in-out;
	-ms-animation: 		appearTitleRT 1s infinite ease-in-out;
	-o-animation: 		appearTitleRT 1s infinite ease-in-out;
	animation: 			appearTitleRT 1s infinite ease-in-out;
} */
.sec2{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.sec2 .list{
    width: 16.666%;
    display: block;
    height: 400px;
    position: relative;
    overflow: hidden;
}
.sec2 .list .img{
    position: relative;
    overflow: hidden;
    height: 100%;
}
.sec2 .list .img img{
    transition: all .3s;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.sec2 .list .advice{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all .4s;
    background: rgba(0,0,0,.4);
    padding: 20px 40px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transform: translateX(-100%);
	z-index: 2;
}
.sec2 .list .advice .tit{
    font-size: 18px;
    color: #ffffff;
    text-align: center;
}
.sec2 .list .advice .desc{
    font-size: 14px;
    color: #ffffff;
    line-height: 1.72;
    margin-top: 10px;
    text-align: center;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	display:none;
}
.sec2 .list .advice .detial{
    font-size: 14px;
    color: #ffffff;
    margin-top: 30px;
    text-align: center;
    transition: all .3s;
    padding: 7px 20px;
    box-sizing: border-box;
    border: 1px solid #ffffff;
    border-radius: 20px;
}
.sec2 .list:hover .advice{
    transform: translateX(0);
}
.sec2 .list .advice .detial:hover{
    background: #00a551;
    color: #ffffff;
	border: 1px solid #00a551;
}
.sec2 .list .title-tit{
    position: absolute;
    height: 100%;
    left: 0;
    width: 100%;
    padding: 30px;
    box-sizing: border-box;
    font-size: 24px;
    color: #000;
    z-index: 1;
	transition: all .4s;
}
.sec2 .list:hover .title-tit{
    opacity: 0;
}
@media screen and (max-width:1336px){
    .sec2 .list .advice{
        padding: 20px 25px;
    }
}
@media screen and (max-width:1200px){
    .sec2 .list .advice{
        padding: 20px;
    }
}
@media screen and (max-width:1024px){
    .sec2 .list{
        width: 33.33%;
    }
}
@media screen and (max-width:768px){
    .sec2 .list{
        width: 50%;
        height: 224px;
    }
    .sec2 .list .advice{
        transform: translate(0);
    }
	.sec2 .list .title-tit{
        display: none;
    }
    .sec2 .list .advice .detial{
        margin-top: 15px;
    }
    .sec2 .list .advice .desc {
        margin-top: 5px;
        -webkit-line-clamp: 1;
    }
}

/*sec3*/
.sec3{ padding-top:85px; padding-bottom:100px;}
.sec_tit{ text-align:center;}
.sec_tit h1{color:#222; font-size:30px; line-height:1; font-weight:bold; padding-bottom:20px;}
.sec_tit h2{font-family:MyriadPro Semibold,'MyriadPro', Arial, sans-serif;color:#00a551; font-size:24px; line-height:1; padding-bottom:60px;}
.sec3 ul{width:1180px; margin:0 auto;}
.sec3 li{ float:left; width:25%; text-align:center; background-repeat:no-repeat; background-position:center; background-size:auto 42px;}
.sec3 li.li1{ background-image:url(../images/sec3_icon1.png);}
.sec3 li.li2{ background-image:url(../images/sec3_icon2.png);}
.sec3 li.li3{ background-image:url(../images/sec3_icon3.png);}
.sec3 li.li4{ background-image:url(../images/sec3_icon4.png);}
.sec3 h3,.sec3 span{ font-family:Century Gothic Regular, Arial, sans-serif;display:inline-block; font-size:72px; line-height:72px; height:72px;color:#00a551;}
.sec3 sup{font-size:36px; line-height:36px;color:#00a551; top:-1em;}
.sec3 li p{ color:#222; font-size:18px; line-height:1; padding-top:22px;}


/*新品推荐*/
.iProduct { padding-top: 50px; padding-bottom: 50px; background-color: #e6e6e6; background-image:url(../images/bg-202003261.png); background-position: center; }
.iProduct-cnt { margin: 0 85px; height: 630px; }
/* 用户绑定拨动框架 */
.layout { display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; ustify-content: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; width: 100%; height: 100%; }
.swiper-container { width: 100%; height: 100%; }
.swiper-container-vertical>.swiper-pagination-bullets { width: 185px; left: 0px; right: 0; top: auto; bottom: 0;border-left: 3px solid #a1ccb5; }
.my-swiper-pagination .swiper-pagination-bullet { width: 165px; height: auto; text-align: left; padding-left: 20px; line-height: 28px; border-radius: 0; margin: 0; background-color: transparent; opacity: .5; }
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 0;font-size: 14px;}
.my-swiper-pagination .swiper-pagination-bullet-active { opacity: 1; }
.iProduct-cnt-box { position: relative; display: block; width: 100%; height: 100%; }
.iProduct-cnt-box .w100 { width: 100%; }
.iProduct-font-l { width: 31.25%; height: 100%; float: left; text-align: right; line-height: 1; }
.iProduct-font-l__h2 { padding-bottom: 42px; font-size: 30px; font-weight: bold; color: #3e3a39; }
.iProduct-font-l__h3 { font-size: 25px; text-transform: uppercase; color: #595757; }
.iProduct-img { overflow: hidden; position: relative; display: table; width: 37.50%; height: 630px; float: left; text-align:center; }  
.iProduct-img span { vertical-align: middle; display: table-cell; width: 100%; height: 630px; }
.iProduct-img span img { margin: 0 auto; max-width: 100%; max-height: 630px; }
*+html .iProduct-img span { vertical-align: baseline; position: absolute; top: 50%; width: 100%; height: auto; text-align:center; }
*+html .iProduct-img span img { position: relative; top: -50%; left: -50%; }
.iProduct-font-r { width: 31.25%; height: 100%; float: left; line-height: 1; }
.iProduct-font-r__h2 { padding-bottom: 34px; font-size: 30px; font-weight: bold; color: #00a551; }
.iProduct-font-r__h3 { font-size: 25px; text-transform: uppercase; color: #595757; }


@media screen and (max-width:1900px){
	/*sec1*/
	.sec1_tet{ padding-left:15%;}
	.sec1_tet1{ top:120px; background-size:auto 100%;}	
	.sec1_tet1 .sec1_li{margin-right:60px;}
	.sec1_tet1 .sec1_li.last{ margin-right:80px;}
}	
@media screen and (max-width:1780px){
	/*sec1*/
	.sec1_tet1{ width:800px;}	
	.sec1_tet1 .sec1_li{margin-right:40px;}
	.sec1_tet1 .sec1_li.last{ margin-right:60px;}
	.sec1_img{ margin-left:-70px;}
}	
@media screen and (max-width:1678px){
	/*sec1*/
	.sec1_tet1 .sec1_li{margin-right:20px;}
	.sec1_tet1 .sec1_li.last{ margin-right:30px;}
	/*sec2*/
	.sec2 li .sec2_tet{ top:140px;}
	.sec2 li.last .sec2_tet{ top:100px;}
}	
@media screen and (max-width:1560px){
	/*sec1*/
	.sec1_tet1 .sec1_li{margin-right:10px;}
	.sec1_tet1 .sec1_li.last{ margin-right:30px;}
}	
@media screen and (max-width:1550px){
	/*sec1*/
	.sec1_bg{ width:100px; top:100px;}
	.sec1_tet{padding-left:180px;}
	.min_pic{width:98%; margin:0 auto;}
	.sec1_img{ margin-left:-60px;}
	.sec1_tet1{ width:780px;}	
	.sec1_tet1 .sec1_li{margin-right:0px;}
	.sec1_tet1 .sec1_li.last{ margin-right:20px;}
}	
@media screen and (max-width:1440px){
	/*sec1*/
	.sec1_tet1{ width:700px;}	
	.tab-title{ width:840px;}
	.tab-title li{ width:120px;}
	.sec1_bg{ left:10px;}
	.sec1_tet{ width:360px; padding-left:140px;}
	.sec1_img{ width:480px; margin-left:-30px; padding-top:30px;}
	/*sec2*/
	.sec2 li .sec2_tet{ top:100px;}
	.sec2 li.last .sec2_tet{ top:60px;}
	/*新品推荐*/
	.iProduct { padding-top: 20px; padding-bottom: 50px;}
	.iProduct-cnt { margin: 0 85px; height: 530px; }
	.iProduct-img { height: 530px; }  
	.iProduct-img span { height: 530px; }
	.iProduct-img span img { max-height: 530px; }
}
@media screen and (max-width:1340px){
	/*sec1*/
	.tab-box p{ width:280px;}
	.sec1_bg{ display:none; left:-200px;}
	.sec1_img{ margin-left:-50px;}
	.sec1_tet{padding-left:80px; padding-top:80px;}
	.sec1_tet1 .sec1_li.last{ margin-right:40px;}
	.sec1_tet1{width:700px;}
	.sec1_tet1 .sec1_li{width:110px; margin-right:40px;}
	.circleChart{ left:5px;}
	/*sec2*/
	.sec2 li .sec2_tet{top:48px;}
	.sec2 li.last .sec2_tet{ top:48px;}
	.sec2 li .sec2_tet h2{ font-size:60px;}
}	
@media screen and (max-width:1270px){
	/*sec1*/
	.sec1_img{ margin-left:-100px;}
}
@media screen and (max-width:1220px){
	/*banner*/
	.flex-control-nav {width:80%; left:10%; margin-left:0;}
	/*sec1*/
	.min_pic{width:100%;}
	.sec1_tet1{width:600px;}
	.sec1_tet1 .sec1_li.last{ margin-right:20px;}
	.sec1_tet1 .sec1_li{margin-right:20px;}
	.sec1_img{ margin-left:-80px;}
	/*sec2*/
	.sec2 li .sec2_tet{ width:80%; left:10%; margin-left:0;}
	/*sec3*/
	.sec3 ul{width:80%;}
	.sec3 li{ background-size:auto 30px;}
}
@media screen and (max-width:1158px){
	/*sec1*/
	.sec1_img{ margin-left:-120px;}
}
@media screen and (max-width:1100px){
	/*sec1*/
	.sec1_img{ width:380px; margin-left:-120px; padding-top:80px;}
	.sec1_tet1{ width:550px;}
}
/*ipad横*/
@media screen and (max-width:1024px){
	/*banner*/
	.banner{  padding-top:50px;}
	/*sec1*/
	.sec1{ padding-top:50px; text-align:center;}	
	.sec1_tet{ padding-left:5%; width:90%; padding-right:5%; padding-top:0px; text-align:center; padding-bottom:36px;}
	.tab-box p{ width:100%;}
	.sec1_img{ width:40%; margin-left:0px; padding-top:40px;}
	.sec1_btn{margin:0 auto; padding-top:15px;}	
	.sec1_tet1{ display:none;}	
	.sec1_btn a:hover{ color:#333;}
	.tab-title li:hover .img_color3{opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
	.tab-title li:hover .img_color2{ opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
	.tab-title li.actived:hover .img_color2{opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
	.tab-title li:hover p{ color:#999;}
	.tab-title li.actived:hover p{ color:#00a551;}
	/*sec2*/
	.sec2 .sec2_tet .sec2_btn a:hover{ color:#fff;}
	.sec2 .sec2_tet .sec2_btn a:hover span{ border-bottom:#fff solid 1px;}	
	/*新品推荐*/
	.iProduct { padding-top: 20px; padding-bottom: 50px;}
	.iProduct-cnt { margin: 0 20px; height: 490px; }
    .iProduct-font-l { width: 100%; height: auto; text-align: center; }
    .iProduct-font-l__h2 { padding-bottom: 20px; font-size: 20px; }
    .iProduct-font-l__h3 { font-size: 14px; }
    .iProduct-img { margin: 30px 0; width: 100%; height: 315px; }  
    .iProduct-img span { height: 315px; }
    .iProduct-img span img { max-height: 315px; }
    .iProduct-font-r { width: 100%; height: auto; text-align: center; }
    .iProduct-font-r__h2 { padding-bottom: 18px; font-size: 18px; }
	.iProduct-font-r__h3 { font-size: 14px; text-transform: uppercase; color: #595757; }
	.my-swiper-pagination { display: none; }
}
@media screen and (max-width:1023px){
	/*sec1*/
	.tab-title{ width:700px;}
	.tab-title li{ width:100px;}
	/*sec2*/
	.sec2 img.sec2_img.pc1{ display:none;}
	.sec2 img.sec2_img.mobile1{ display:block;}
}
/*ipad竖*/
@media screen and (max-width:768px){
	/*banner*/
	.mobile_banner{ display:block;}
	.pc_banner{ display:none;}
	.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{height:30px; width:80%; bottom:0; left:10%; /* background:#00a551; */ border-radius:50px; border-bottom-left-radius:0;border-bottom-right-radius:0;}
	.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin-top:10px; }
	.swiper-pagination-bullet{border:#99dbb9 solid 2px; background:#99dbb9; }
	.swiper-pagination-bullet-active{border:#fff solid 2px; background:#00a551}
	/*sec1*/
	.tab-box h1{ font-size:2.1rem;padding-bottom:20px;}
	.tab-box p{ font-size:1.3rem;}
	.sec1_btn{ width:100px; height:36px; padding-top:20px;}
	.sec1_btn a{ width:100px; height:36px; line-height:36px;font-size:1.3rem;padding-right:10px; background-position:85% center;}
	.min_pic{ position:relative; width:90%;}
	.tab_tit_mobile{ width:300px; margin:0 auto;  position:relative;overflow:hidden; /*overflow-x:auto;*/ height:100px;}
	.tab-title{width:840px;margin-left:0; left:0px; bottom:auto; top:0; position:relative;}
	.tab-title li{  width:100px; height:100px;}
	.tab-title li p{font-size:1.1rem;}
	.prev_btn1{ display:block; background-image:url(../images/prev.png); background-repeat:no-repeat; width:14px; height:28px; position:absolute; left:0; bottom:36px;}
	.next_btn1{ display:block; background-image:url(../images/next.png); background-repeat:no-repeat; width:14px; height:28px; position:absolute; right:0; bottom:36px;}
	.sec1_img{ padding-top:20px;}
	/*sec2*/
	.sec2 li .sec2_tet h2{font-size:4.1rem;padding-bottom:5px;}
	.sec2 li .sec2_tet h3{font-size:2.2rem;}
	.sec2 li .sec2_tet p{font-size:1.1rem; line-height:1.9rem; padding-top:12px; padding-bottom:22px;}
	.sec2 .sec2_tet .sec2_btn a{font-size:1.3rem; padding-bottom:6px;}
	.sec2 .sec2_tet .sec2_btn a span{ margin-right:5px;}
	.index_sec2_btn{ line-height:1.9rem; width:14px;}
	/*sec3*/
	.sec3{ padding-top:46px; padding-bottom:0px;}
	.sec_tit h1{font-size:2rem;padding-bottom:12px;}
	.sec_tit h2{font-size:1.7rem;padding-bottom:60px;}
	.sec3 li{ width:50%; margin-bottom:66px;background-size:auto 22px;}
	.sec3 h3,.sec3 span{ font-size:4.2rem; line-height:1; height:auto;}
	.sec3 sup{font-size:2.3rem; line-height:2.3rem;}
	.sec3 li p{font-size:1.4rem; padding-top:6px;}
}
@media screen and (max-width:736px){
	/*banner*/
	.flex-control-nav {width:90%; left:5%;}
	/*sec2*/
	.sec2 li .sec2_tet{width:90%; left:5%;}
	/*sec3*/
	.sec3 ul{width:90%;}
}
@media screen and (max-width:568px){
	/*sec1*/
	.sec1_img{ width:60%; }
}
@media screen and (max-width:375px){
	/*sec1*/
	.min_pic{ width:320px;}
}
@media screen and (max-width:320px){
	/*sec1*/
	.min_pic{ width:300px;}
	.tab_tit_mobile{ width:280px;}
	.tab-title li{ width:93px;}
	.tab-title li img{ width:46.5px; height:auto; margin-left:-23.25px; padding-top:25px;}
	/*sec2*/
	.sec2 li .sec2_tet p{ font-size:1rem;}	
}
@-webkit-keyframes appearTitleRT {
	0%	{ opacity: 0; -webkit-transform: translateX(0px);}
	100%{ opacity: 1; -webkit-transform: translateX(5px);}
}@-moz-keyframes appearTitleRT {
	0%	{ opacity: 0; -moz-transform: translateX(0px);}
	100%{ opacity: 1; -moz-transform: translateX(5px);}
}@-ms-keyframes appearTitleRT {
	0%	{ opacity: 0; -ms-transform: translateX(0px);}
	100%{ opacity: 1; -ms-transform: translateX(5px);}
}@-o-keyframes appearTitleRT {
	0%	{ opacity: 0; -o-transform: translateX(0px);}
	100%{ opacity: 1; -o-transform: translateX(5px);}
}@keyframes appearTitleRT {
	0%	{ opacity: 0; transform: translateX(0px);}
	100%{ opacity: 1; transform: translateX(5px);}
}
@-webkit-keyframes appear1 {
	0%	{opacity: 0;-webkit-transform: scale(0,0);}
	100%{ opacity: 1;-webkit-transform: scale(1,1);}
}@-moz-keyframes appear1 {
	0%	{opacity: 0;-moz-transform:scale(0,0);}
	100%{opacity: 1;-moz-transform:scale(1,1);}
}@-ms-keyframes appear1 {
	0%	{opacity: 0;-ms-transform:scale(0,0);}
	100%{opacity: 1;-ms-transform:scale(1,1);}
}@-o-keyframes appear1 {
	0%	{opacity: 0;-o-transform:scale(0,0);}
	100%{opacity: 1;-o-transform:scale(1,1);}
}@keyframes appear1 {
	0%	{opacity: 0;transform:scale(0,0);}
	100%{opacity: 1;transform:scale(1,1);}
}