/*main banner*/
#main_banner{width: 100%; overflow: hidden; position: relative;}

#main_banner h2 {position: absolute; top: 41%; transform: translateY(-50%); left: 15vw; text-align: left; color: #fff; z-index: 150; }
#main_banner h2 div:nth-child(1) {font-size: 4.5rem; line-height: 5.1rem; font-weight:700;}
#main_banner h2 img{width:250px; margin-top:20px;}


/*main_life_box*/
#main_content{width: 100%; background-image: url(../images/main_back.jpg); background-size: 100%; background-repeat: no-repeat; text-align: left;}
.main_life_box{margin-top: 10%; position: relative; left: -200px; display: inline-block; width: 100%;}
.main_life_box>div:nth-child(1){width: 65%;}
.main_life_cont{position: absolute; top:50%; transform: translateY(-50%); left: 57vw; display: inline-block;}
.main_life_cont>div{text-align: left; font-size: 4.3rem; font-weight: 700; color: #fcb737;line-height: 5rem;}
.main_life_cont>button>a{font-size: 1.25rem; color: #fff;  padding: 10px 30px; border: 1px solid #fcb737; font-weight: 500; background: #fcb737; display: inline-block;}
.main_life_cont>button{float: left; margin-top: 4%; }

/*main_product_box*/
.main_product_box{margin-top: 15%; position: relative; left: 0; width: 100%; overflow: hidden; padding-bottom:5%;}
.main_product_box>div:nth-child(1){display: inline-block; margin-left: 50%; width: 30%;}
.main_product_cont{position: absolute; top:30%; transform: translateY(-50%); left: 10vw; display: inline-block;}
.main_product_cont>div{text-align: right;; font-size: 4.3rem; font-weight: 700; color: #fcb737;line-height: 5rem;}
.main_product_cont>button>a{font-size: 1.25rem; color: #fff;  padding: 10px 30px; border: 1px solid #fcb737; font-weight: 500; background: #fcb737; display: inline-block;}
.main_product_cont>button{float: right; margin-top: 4%;}


/*main_rnd_box*/
.main_rnd_box{margin-top: 20%; position: relative; left: 0; width: 100%;}
.main_rnd_box>div:nth-child(1){display: inline-block; width: 35%; margin-left: 16%}
.main_rnd_cont{position: absolute; bottom: 60px; left: 55vw; display: inline-block;}
.main_rnd_cont>div{text-align: left; font-size: 4.3rem; font-weight: 700; color: #fcb737;line-height: 5rem;}
.main_rnd_cont>button>a{font-size: 1.25rem; color: #fff;  padding: 10px 30px; border: 1px solid #fcb737; font-weight: 500; background: #fcb737; display: inline-block;}
.main_rnd_cont>button{float: left; margin-top: 4%;}


/*main_responsibility_cont*/
.main_responsibility_cont{width: 80%; margin-top: 350px; padding-left: 21%;}
.main_responsibility_cont>div{text-align: left;; font-size: 4.3rem; font-weight: 700; color: #fcb737;line-height: 5rem;}
.main_responsibility_cont>button>a{font-size: 1.25rem; color: #fff;  padding: 10px 30px; border: 1px solid #fcb737; font-weight: 500; background: #fcb737; display: inline-block;}
.main_responsibility_cont>button{ margin-top: 4%; text-align: left;}





/*res_cont_box*/
.res_cont_box{margin: 100px auto 0; text-align: center; width: 100%; max-width: 1200px;}
.res_cont_box>li{float: left;width: 25%; text-align: center;}
.res_cont_box>li>div:nth-child(1){width: 158px; height: auto; display: inline-block;}
.res_cont_box>li>h3{font-size: 1.5rem;  font-weight: 700; padding: 5% 0; color: #fcb737;}
.res_cont_box>li>p:nth-child(4){font-size: 1.5rem; font-weight: 700; color: #fcb737; padding: 3% 0;}
.res_cont_box>li>p:nth-child(5){font-size: 1rem; font-weight: 400; color: #fcb737; line-height: 1.5rem;}
.stoke{width: 150px; display: inline-block; margin: 0 auto;height: 1px; background: #fcb737;}


/*partner_box*/

.partner_box{margin-top:20%; width: 100%; background-image: url(../images/partner_map6.png); background-size: 100% ; background-position:  center bottom; background-repeat: no-repeat; background-attachment:fixed; padding-bottom: 5%;}
.partner_conf>h3{font-size: 1.875rem; color: #fcb737; text-align: center; padding-top: 50px; padding-bottom: 50px;}
.partner_conf>h3 span{font-size: 2.5rem; font-weight: 700; color: #fcb737;}
/*container_box*/

.container_box{width: 100%; max-width: 1200px; margin:  0 auto; text-align: center}
.container_box>li{width: 24.5%; float: none; display: inline-block; padding: 2% 0; text-align: center; margin: 0; opacity: 0;}


/*m_main_box*/

.m_main_box{width: 90%; margin:0 auto; margin-top: 30px; display: none;}
.m_main_cont{ margin-top: -50px; width: 100%;}
.m_main_cont>div:nth-child(1){font-size: 3rem; line-height: 3.5rem;  color: #fcb737; font-weight: 700; text-align: right;}
.m_main_cont>button{width: 100%; text-align: right;}
.m_main_cont>button>a{font-size: 1.25rem; color: #fff;  padding: 10px 30px; border: 1px solid #fcb737; font-weight: 500; background: #fcb737; display: inline-block; margin-top: 5px;}

.m_main_cont2{ margin-top: 4%;}
.m_main_cont2>div:nth-child(1){font-size: 3rem; line-height: 3.5rem;  color: #fcb737; font-weight: 700; text-align: left;}
.m_main_cont2>button{float: left;}
.m_main_cont2>button>a{font-size: 1.25rem; color: #fff;  padding: 10px 30px; border: 1px solid #fcb737; font-weight: 500; background: #fcb737; display: inline-block; margin-top: 5px;}

.m_main_box>li{margin-top: 50px;}
.m_main_box>li:nth-child(2)>div{width: 50%; float: right;}
.m_main_box>li:nth-child(3)>div{width: 50%; float: left; text-align: center;}
.m_main_box>li:nth-child(3)>div:nth-child(1) img{width:100% !important;}
.m_main_box>li:nth-child(3)>div:nth-child(2){margin-top: 5%;}

.m_main_cont3{ margin-top: 12%;}
.m_main_cont3>div:nth-child(1){font-size: 3rem; line-height: 3.5rem;  color: #fcb737; font-weight: 700; text-align: center;}
.m_main_cont3>button{text-align: center; width: 100%}
.m_main_cont3>button>a{font-size: 1.25rem; color: #fff;  padding: 10px 30px; border: 1px solid #fcb737; font-weight: 500; background: #fcb737; display: inline-block; margin-top: 5px;}


.m_main_box>li>div{}

.tmpc {display:block;}
.tmmobile {display:none;}
    
    

@media (max-width:1700px){
    :root{font-size: 15px;}
    .main_life_cont>div{font-size: 4rem; line-height: 4.5rem;}
    .main_product_cont>div{font-size: 4rem; line-height: 4.5rem; text-align: left;}
    .main_product_cont>button{float: left;}
    .main_rnd_cont>div{font-size: 4rem; line-height: 4.5rem;}
    .main_responsibility_cont>div{font-size: 4rem; line-height: 4.5rem;}
    .main_product_cont{left: 10vw; display: inline-block; width: auto;}
}

@media (max-width:1200px){
    :root{font-size: 15px;}
    .main_life_box{margin-top: 10%}
    #main_content{background-image: url(../images/main_back2.jpg);}
    .main_life_cont{left: 60vw}
    .main_product_box>div:nth-child(1){margin-left: 55%; width: 40%}
    .main_product_cont{left: 10vw;}
    .main_rnd_box>div:nth-child(1){margin-left: 7%;width: 40%;}
    .main_responsibility_cont{margin-top: 20%; padding-left:10%;}
	.main_rnd_cont{left:50vw;}
	.main_product_box{padding-bottom:5%;}
	.main_product_box>div:nth-child(1){margin-top:10%;}
    .main_rnd_box{margin-top: 10%;}
    .main_product_box{margin-top: 10%;}
    .container_box>li{width: 24.5%;}
    .container_box>li>img{width: 80% !important;}
}

@media (max-width:1024px){
    :root{font-size: 14px;}
    #main_banner h2 div:nth-child(1){font-size: 3.5rem;  line-height: 4rem; left:10vw}
	#main_banner h2 img{width:220px; margin-top:15px;}
    .main_life_cont>div{font-size: 3.5rem; line-height: 3.9rem;}
    .main_product_cont>div{font-size: 3.5rem; line-height: 3.9rem; text-align: left;}
    .main_rnd_cont>div{font-size: 3.5rem; line-height: 3.9rem;}
    .main_responsibility_cont>div{font-size: 3.5rem; line-height: 3.9rem;}
    .res_cont_box{width: 60%;}
    .res_cont_box>li{width: 50%;}
    .res_cont_box>li:nth-child(3),.res_cont_box>li:nth-child(4){margin-top: 10%;}
    .partner_box{margin-top: 10%;}
    .partner_box>img{height: 700px !important; width: auto !important; left: 50%; transform: translateX(-50%); position: relative;}
	 .main_life_cont>div{font-size: 3rem; line-height: 3.3rem;}
    .main_product_cont>div{font-size: 3rem; line-height: 3.3rem; text-align: left;}
    .main_rnd_cont>div{font-size: 3rem; line-height: 3.3rem;}
    .main_responsibility_cont>div{font-size: 3rem; line-height: 3.3rem;}
	.main_life_box>div:nth-child(1){width:80%;}
}

@media (max-width:768px){
    :root{font-size: 13px;}
    #main_content{background: none;}
    #main_banner{height: 450px; }
    #main_banner img:nth-child(1){height: 450px !important; width: auto !important; position: relative; left: 50%; transform: translateX(-50%);}
    #main_banner h2{font-size: 2rem; left:5vw}
    .main_life_cont>div{font-size: 3rem; line-height: 3.3rem;}
    .main_product_cont>div{font-size: 3rem; line-height: 3.3rem; text-align: left;}
    .main_rnd_cont>div{font-size: 3rem; line-height: 3.3rem;}
    .main_responsibility_cont>div{font-size: 3rem; line-height: 3.3rem;}
    .main_product_box>div:nth-child(1){width: 50%; margin-left: 50%;}
    .main_product_box{margin-top: 5%;}
    .main_rnd_box>div:nth-child(1){width: 35%;}
    .main_life_cont{left:60vw;}
    .main_life_box{left: -70px;}
    .main_life_box>div:nth-child(1){width: 100%}
    .main_life_cont>button>a{font-size: 1rem; padding: 5px 15px;}
    .main_product_cont>button>a{font-size: 1rem;padding: 5px 15px;}
    .main_rnd_cont>button>a{font-size: 1rem; padding: 5px 15px;}
    .main_responsibility_cont>button>a{font-size: 1rem; padding: 5px 15px;  }
    .res_cont_box>li>div:nth-child(1){width: 120px;}
    .container_box>li{width: 28.33%;}
    .container_box>li>img{width: 100% !important;}
    .partner_box>img{height: 500px !important;}
	.partner_box{background-size: cover ;}

	.main_life_box{display:none;}
	.main_product_box{display:none;}
	.main_rnd_box{display:none;}
	.main_responsibility_cont{display:block;}
    .m_main_box{display: block;}
}
@media (max-width:600px){
    :root{font-size: 12px;}
    /*m_main_box*/

    .m_main_cont>div:nth-child(1){font-size: 2.5rem; line-height: 2.9rem; text-align: center; margin-top: 10px;}
    .m_main_cont2>div:nth-child(1){font-size: 2.5rem; line-height: 2.9rem; text-align: center; margin-top: 10px;}
    .m_main_cont3>div:nth-child(1){font-size: 2.5rem; line-height: 2.9rem; text-align: center; margin-top: 10px;}
    .m_main_cont{ margin-top: 0px; width: 100%;}
    .m_main_cont>button{width: 100%; text-align: center;}

    .m_main_cont2{ margin-top: 0;}
    .m_main_cont2>button{float: none; width: 100%; text-align: center;}
    .m_main_cont2>button>a{font-size: 1rem; color: #fff;  padding: 5px 15px; border: 1px solid #fcb737; font-weight: 500; background: #fcb737; display: inline-block; margin-top: 5px;}

    .m_main_box>li{margin-top: 50px;}
    .m_main_box>li:nth-child(2)>div{width: 100%; float: none; text-align: center}
    .m_main_box>li:nth-child(2) img{width: 70% !important;}
    .m_main_box>li:nth-child(3)>div{width: 100%; float: none; text-align: center;}
    .m_main_box>li:nth-child(3)>div:nth-child(1) img{width: 80% !important;}
    .m_main_box>li:nth-child(3)>div:nth-child(2){margin-top: 10px;}
    .m_main_cont>button>a{padding: 5px 15px; font-size: 1rem;}
    .m_main_cont3>button>a{padding: 5px 15px; font-size: 1rem;}
    .m_main_box>li:nth-child(4){display: none;}
    
    .res_cont_box{margin: 50px auto 0; width:90%;}
    .res_cont_box>li>h3{font-size: 1.2rem;}
    .res_cont_box>li .stoke{display:none;}
    .res_cont_box>li p {display:none;}    
    
    .tmpc {display:none;}
    .tmmobile {display:block; margin-top:5%;}
}
@media (max-width:480px){
    :root{font-size: 12px;}
     #main_banner h2{font-size: 2rem; left:4vw}
    #main_banner h2 br{display: block;}
    .main_life_box>div:nth-child(1){width: 100%;}
    .main_life_box{left: 0px;}
    .main_life_cont{top: 165px; left: 0vw;  right: 20px; text-align: right; width: auto; display: inline-block;}
    .main_life_cont>div{text-align: right;}
    .main_life_cont>button{float: right;}
    .main_product_box{margin-top: 100px;}
    .main_life_cont>div{font-size: 2.5rem; line-height: 2.8rem;}
    .main_product_cont>div{font-size: 2.5rem; line-height: 2.8rem; text-align: left;}
    .main_rnd_cont>div{font-size: 2.5rem; line-height: 2.8rem;}
    .main_responsibility_cont>div{font-size: 2.5rem; line-height: 2.8rem;}
    .main_life_cont>button{margin-top: 15px;}
    #main_content{width: 100%; margin: 0 auto;}
    .main_responsibility_cont>button,.main_rnd_cont>button,.main_product_cont>button{margin-top: 15px;}
    .main_product_cont{top: 50px;}
    .main_product_box>div:nth-child(1){margin-top: 60px; width: 45%; margin-left: 50%}
    .main_rnd_cont{width:auto;}
    .main_rnd_cont>button{float: right;}
    .main_rnd_box{margin-top:100px;}
    .main_rnd_box>div:nth-child(1){width: 45%;}
    .main_rnd_cont{left: 30vw; bottom: 165px; text-align: right;}
    .main_rnd_cont>div{display: block; text-align: right;}
    .main_responsibility_cont{display: inline-block;}
    .res_cont_box{margin: 80px auto 0; width:90%;}
    .res_cont_box>li>h3{font-size: 1.2rem;}
    .res_cont_box>li .stoke{display:none;}
    .res_cont_box>li p {display:none;}    
    .res_cont_box>li>div:nth-child(1){width: 100px;}
    .res_cont_box>li{width: 50%;margin: 0 auto;}
    .res_cont_box>li:nth-child(2){margin-top: 0%;}
    .container_box{height: auto; padding:0 7%;}
    .main_responsibility_cont>button>a{float: none; padding: 2px 15px;}
    .partner_box>img{height: auto !important}
    .main_responsibility_cont{display: block;width:100%; padding:0; text-align:center; margin-top:25%;}
    .main_responsibility_cont>div {text-align:center;}
    .main_responsibility_cont>button>a {padding: 5px 15px; font-size: 1rem;}
    .container_box>li{width: 50%; float: left; margin: 0 auto}
    .container_box>li>img{width: 90% !important;}
    .container_box>li{padding: 0;}
    
    
}

@media (max-width:400px){
    
}