@charset "utf-8";
*{ margin:0; padding:0;}
.clear{ clear:both;}

img{ border:none;}

ul,li{ list-style:none;}

a{ text-decoration:none;}

html,body{  font-family: "Microsoft YaHei","Arial";  color:#272727; font-size:12px; background-color:#ffffff;  }

html{overflow-x:hidden;}

body a{outline:none;blr:expression(this.onFocus=this.blur());}


/*gundong*/
::-webkit-scrollbar
{
width: 5px;
height:5px;
}

::-webkit-scrollbar-track
{
border-radius: 0px;
background: #ff2a00;
}

::-webkit-scrollbar-thumb
{
border-radius: 5px;
background:#46cac8;
}

::-webkit-scrollbar-thumb:hover
{
border-radius: 5px;
background:#46cac8;
}

/*loadding*/
.loading_content {
    width: 100%;
    height: 100%;
    background: #ffd264;
    opacity: 1;
    position: fixed;
    background-image: linear-gradient(to bottom right, #ffd264,#ff2a00);
}
.loading_center{

	position:absolute;
	left:50%;
	top:50%;
  display: table; text-align: center;
  margin-left: -125px;
  margin-top: -98.5px;

}

.loading_center img{ width: 250px; height: auto;}
.dongtai_load{
  height: 40px;
  margin: 0 auto;
  margin-top:30px;

}
.dongtai_load span{
  display: inline-block;
  width: 8px;
  height: 100%;
  border-radius: 4px;
  background: #8ed228;
  -webkit-animation: load 1s ease infinite;
  animation: load 1s ease infinite;
}
@-webkit-keyframes load{
  0%,100%{
    height: 40px;
    background: #ff2a00;
  }
  50%{
    height: 70px;
    margin: -15px 0;
    background: #46cac8;
  }
}
.dongtai_load span:nth-child(2){
  -webkit-animation-delay:0.2s;
  animation-delay:0.2s;
}
.dongtai_load span:nth-child(3){
  -webkit-animation-delay:0.4s;
  animation-delay:0.4s;
}
.dongtai_load span:nth-child(4){
  -webkit-animation-delay:0.6s;
  animation-delay:0.6s;
}
.dongtai_load span:nth-child(5){
  -webkit-animation-delay:0.8s;
  animation-delay:0.8s;
}


@media screen and (max-width:560px){
.loading_center img{ width: 150px;}

.loading_center{
  margin-left: -75px;
  margin-top: -80px;
}
}



/*nav*/
.nav_container{ width:100%; height:103px;background:rgba(255,255,255,1);  z-index:9;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;  border-top: 7px solid #ff2a00;}

.nav_content{ width:1680px; margin:0 auto 0 auto;}

.nav_content img.logo{ height:88px; float:left; margin-top:7px;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}

.nav{ float:right;}

.nav ul li{ float:left; font-size:18px; letter-spacing:1px; padding:0 1.8vw;}

.nav ul li a{ color:#2c2c2c; line-height:103px; display:block; height:103px;box-sizing:border-box;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;border-bottom:3px solid transparent;}
.nav ul li a:hover,.nav ul li a.cur{  border-bottom:3px solid #ff2a00;}


.nav_search{ float:right; position:relative;margin-left:3vw; z-index: 10;}
.nav_search_img{ overflow:hidden; height:103px; line-height:103px; box-sizing:border-box;}
.nav_search_img img{ margin-top:30px;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}

.nav_search .search_form{ position:absolute; right:-700%; font-size:18px;white-space: nowrap; letter-spacing:1px; overflow:hidden; display:block; padding:20px 22px; background:rgba(255,42,0,0.9); color:#fff; border-radius:5px; opacity:0; transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; width:280px;}


.nav_search .search_form2{opacity:1;right:0;}
.nav_search .search_form i{ width:20px; height:auto;position:absolute; right:22px; top:15px;}
.nav_search .search_form i img{ width:100%; height:auto; display:block;}
.search_form input{ width:80%; float:left; box-sizing:border-box;border:none; background:#fff;outline:none; height:35px; border-radius:5px; padding-left:10px;}

.search_form p{ font-size:16px; line-height:1.5em; color:#fff; margin-bottom:10px;}

.search_form button{ width:18%; float:right; height:35px; background:url(/images/top_s2.png) no-repeat center center #46cac8; border:none;outline:none;border-radius:5px; background-size:18px;}

.nav_line{ width: 2px; height: 23px; float: right; background: rgba(129,129,129,1); margin-top: 38px; margin-left: 1.2vw;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}


.fixedhead{ height:80px; position: fixed; top: 0; left: 0;border-top: 5px solid #ff2a00;box-shadow: 0 7px 21px #cfcfcf;}
.fixedhead img.logo{height: 68px;
    margin-top: 6px;}

.fixedhead .nav ul li a{line-height: 80px;
    height: 80px;}

.fixedhead .nav_call_img{line-height: 80px;
    height: 80px;}
.fixedhead .nav_line{ margin-top: 30px;}
.fixedhead .nav_search_img{ height: 80px; line-height: 80px;}
.fixedhead .nav_search_img img{ margin-top: 22px;}


@media screen and (max-width:1700px){
.nav_content{ width:96%;}
}
@media screen and (max-width:1450px){
.nav_container{  height:80px;border-top: 5px solid #ff2a00;}
.nav_content img.logo{ height: 68px;margin-top: 6px;}
.nav ul li a{ height:80px; line-height:80px;}
.nav ul li{ font-size:17px;}
.nav_search_img{ height: 80px; line-height: 80px;}
.nav_search_img img{ margin-top: 22px;}
.nav_line{ margin-top: 30px;}
}

@media screen and (max-width:1020px){
.nav ul li{    padding: 0 1.5vw;}
.nav_search{ margin-left: 2vw;}
}

@media screen and (max-width:980px){
.nav ul li{    padding: 0 1.2vw;}
.nav ul li{ font-size:16px;}
}





/*ÊÖ»ú¶Ëµ¼º½*/

.header2 { width:100%; height:5vh; background:rgba(255,255,255,1); color:#dcdcdc; position:fixed;padding:1.5vh 0; overflow:hidden; z-index: 10; border-bottom:1px solid #ff2a00; display: none;}
.header2 img { height:4vh; display:block; margin:0 auto;}
.header2 .top_dh { width:20%;position: relative; float:left;top: 50%;transform: translateY(-50%); }
.header2 .mobile_logo { width:60%; display:block; float:left; text-align:center; color:#FFF; font-weight:normal;position: relative;top: 50%;transform: translateY(-50%); }

.header2 .mobile_logo img { height:6vw;}
.header2 .top_ss { width:20%; float:left;position: relative;top: 50%;transform: translateY(-50%); }
.nav_bg_m { position:fixed; left:-50%; width:50%; height:92vh; overflow-x:hidden; top:0; z-index:9; background-image: linear-gradient(to bottom right, #ff2a00, #ff9600);
 -webkit-transition: all 1.0s;
  -moz-transition: all 1.0s;
  -o-transition: all 1.0s;
  transition: all 1.0s;
  background-size:cover;
   padding-top:8vh;

}
.nav_gb_m { position:fixed; right:-100%; width:50%; height:92vh; overflow-x:hidden; top:0; z-index:9; background:rgba(0,0,0,0.8);
 -webkit-transition: all 1.0s;
  -moz-transition: all 1.0s;
  -o-transition: all 1.0s;
  transition: all 1.0s;
   background-size:cover;    padding-top:8vh;
}
.nav_gb_m img{ width:20px; z-index:11; right:5vw; top:12vh; position:absolute;}
.mobile_logo2 { width:100%;    margin: 5vh auto 2vh auto;}
.mobile_logo2 img { width: 65%; margin:0 auto; display:block;}
.nav_mobile { display:block; width:100%; text-align:center; overflow:hidden;margin-top: 5vh;}
.nav_mobile li { width: 90%;position: relative;font-size: 16px; letter-spacing:1px; overflow:hidden; margin:2vh auto;}
.nav_mobile li a { color:#fff;  width: 100%; display:block;    padding: 1vh 0;}
.nav_mobile li a.cur { color:#fff; border-bottom: 1px solid #fff;}

.msearch_form{ width:90%; margin:0 auto; box-sizing:border-box; position: absolute;left: 5%; bottom: 12vh;}

.msearch_form input{ border:1px solid #fff;}
.msearch_form button{background: url(/images/top_s2.png) no-repeat center center #46cac8;background-size: 16px;}


@media screen and (max-width:900px){
.nav_container{ display:none;}
.header2{ display:block;}
}

@media screen and (max-width:680px){
.header2 .mobile_logo img { height:9vw;}
}
@media screen and (max-width:500px){
.header2 .mobile_logo img { height:11vw;}
}

/*banner*/

.banner{ width: 100%;}

.banner .swiper-slide img { display:block;width: 100%;height: auto;}
.banner .swiper-slide img.m_banner{display: none;}
.bannerfenye .swiper-pagination-bullet{ width:15px; height:15px; margin:0 5px;opacity: .5; }
.bannerfenye .swiper-pagination-bullet-active{ background:#ff2a00;opacity:0.9;}
.banner-next{ width: 47px; height: 47px; background: url(/images/banner_prev.png) no-repeat center center; background-size: 100%; position: absolute; top: 50%; margin-top: -23.5px; left: 6%; z-index: 2;}
.banner-prev{width: 47px; height: 47px; background: url(/images/banner_next.png) no-repeat center center; background-size: 100%; position: absolute; top: 50%; margin-top: -23.5px; right: 6%; z-index: 2;}


@media screen and (max-width:900px){
.banner .swiper-slide img.m_banner{display:block;margin-top: 8vh;}
.banner .swiper-slide img.pc_banner{display: none;}
.banner-next,.banner-prev{ display: none;}
.bannerfenye .swiper-pagination-bullet{ width:10px; height:10px; }
}

/* index_about */
.index_about_container{ width: 100%; overflow: hidden; padding: 5% 0 4.5%; background: url(/images/about_bg.jpg) no-repeat center center; box-sizing: border-box;}
.index_about_content{ width: 1680px; margin: 0 auto;}
.index_about_title{ width: 26%; float: left; box-sizing: border-box;}
.index_about_title h6{ width: 93px; height: 4px; background: #46cac8;}
.index_about_title h4{ font-weight:normal; font-size: 22px; line-height: 1.5em; color: #868f9a; text-transform: uppercase; margin-top: 0.8vw;}

.index_about_title h3{ font-size: 38px; color: #393939; line-height: 1.5em; letter-spacing: 0.6px;}
.index_about_title h3 a{color: #393939;}

.index_about_title p{ font-size: 15px; line-height: 1.5em;color: #46cac8; letter-spacing: 0.6px;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; margin-top: 1.6vw;overflow: hidden;}
.index_about_title p a{color: #46cac8; letter-spacing: 0.6px;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}

.index_about_title p span{ display: block; float:left;}
.index_about_title p i{ display:block; float: left; width: 17px; height: 17px; margin: 3px 0 0 8px;}
.index_about_title p i img{ display: block;width: 100%; height: auto;}
.index_about_title p:hover a{ color: #ff2a00;}

.index_about_right{ width: 74%; float: right; box-sizing: border-box; }
.index_about_right_top{ width: 100%;}
.index_about_right_top p{ font-size: 16px; color: #333333; line-height: 1.6em; letter-spacing: 0.6px;}

.index_about_right_bottom{ width: 100%; position: relative; overflow:hidden; margin-top: 2.5%;}
.right_word{ width: 100%; padding: 0 10%; box-sizing:border-box;color: #fff;  color: #fff; text-align: center; position: absolute; left: 0; top: 50%;transform: translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%);}

.right_word h3{ font-weight: normal; font-size: 32px; line-height: 1.5em; letter-spacing: 0.6px;color: #fff;}
.right_word p{ font-size: 16px; line-height: 1.5em; margin-top: 0.8%;letter-spacing: 0.6px;}
.right_word .right_more{ width: 46px; height: 46px; overflow: hidden;margin: 2.5% auto 0;}
.right_word .right_more img{ display: block; width: 100%; height: auto;}
.index_right_img{ width: 100%; overflow: hidden;}
.index_about_right .index_right_img img{ transition: all 2s ease-out 0s;-webkit-transition: all 2s ease-out 0s; -moz-transition: all 2s ease-out 0s; -mo-transition: all 2s ease-out 0s; display: block; width: 100%; height: auto;}
.index_about_right:hover .index_right_img img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transition: all 0.6s ease-out 0s; -webkit-transition: all 0.6s ease-out 0s;-moz-transition: all 0.6s
ease-out 0s;-mo-transition: all 1s ease-out 0s;}

@media screen and (max-width:1700px){
.index_about_content{ width:96%;}
}

@media screen and (max-width:1450px){
.index_about_title h3{ font-size: 36px;}
.index_about_title h4{ font-size: 20px;}
.right_word h3{ font-size: 30px;}
.right_word .right_more{ width: 40px; height: 40px;}
}

@media screen and (max-width:1300px){
.right_word h3{ font-size: 28px;}
.right_word .right_more{ width: 30px; height: 30px;}
}

@media screen and (max-width:900px){
.index_about_title{width: 100%; float: none;}
.index_about_right{ width: 100%; float: none; margin-top: 3.5%;}
.index_about_title h3{ font-size: 32px;}
.index_about_title h4{ font-size: 18px;}
.index_about_right_top p{ font-size: 15px;}
.right_word h3{ font-size: 24px;}
.right_word p{ font-size: 15px;}
.right_word{ padding: 0 10%;}


}

@media screen and (max-width:560px){
  .index_about_container{ padding: 6% 0;}
.index_about_title h3{ font-size: 6vw;}
.index_about_title h4{ font-size: 4vw;}
.index_about_title h6{ width: 10vw; height: 2px;}
.right_word p{ display: none;}
.right_word .right_more{ display: none;}
.index_about_right_top p{ font-size: 3.6vw; line-height: 1.6em;}
.index_about_title p{ font-size: 3.6vw;}
.index_about_title p i{ width: 4vw; margin-top:1vw;}
.right_word h3{ font-size: 4.5vw; }
}

/* develop */
.develop_container{ width: 100%; overflow: hidden; box-sizing: border-box; position: relative;}

.develop_container_bg{ width: 100%; height: 760px;}
.develop_container_bg img{ display: block;display: inline; position: absolute;opacity: 0;  left:50%;
        top:50%;
        transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%); transition-duration: 1s;-ms-transition-duration: 1s;-moz-transition-duration: 1s; -webkit-transition-duration: 1s; }

.develop_container_bg img.bgclear{ opacity: 1;}


.develop_content{width: 1680px;overflow: hidden; position: absolute;top: 11%; left: 50%; margin-left: -840px;}

.develop_title{ width: 100%; float: none;}
.develop_title h4,.develop_title h3 a{ color: #fff;}
.develop_nav_content{ width: 100%; margin-top: 2.8%;}
.develop_nav_content ul li{ width: 290px; height: 100px; float: left; background: #46cac8; border-radius: 10px; text-align: center; margin-right: 2%;cursor: pointer;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}

.develop_nav_content ul li img{ height:44px; width: auto; margin: 10px auto 0; display: block;}
.develop_nav_content ul li p{ color: #fff; font-size: 18px; line-height: 1.5em; letter-spacing: 0.6px; margin-top: 8px;}
.develop_nav_content ul li.navcur{ background: #ff2a00;}

.develop_word_top_content{ width: 100%; border-bottom: 1px solid #757371; padding-bottom: 3%; margin-bottom: 3%;}

.develop_word_top_content p{ font-size: 16px; letter-spacing: 0.6px; line-height: 1.5em; margin-top: 5px;}

.develop_word_content{ width: 100%; margin-top: 2.5%; color: #fff;}
.develop_word_content ul li {
    display: none; width: 100%; overflow: hidden;}
.develop_word_content ul li.tabclear {
    display: block;
}

.develop_word_content ul li:nth-child(2) dl dd{ width: 25%;}
.develop_word_content dl dd{ width: 20%; float: left; text-align: center; position: relative;}
.develop_word_content dl dd .left_line{ width: 2px; height: 36px; background: #fff; position:absolute;left: 0; top: 3vw;}
.develop_word_content dl dd .left_line2{ width: 2px; height: 36px; background: #fff; position:absolute;right: 0;top: 3vw;}

.develop_word_content dl dd span{ font-size: 55px; line-height: 1.5em; color: #ff2a00;}
.develop_word_content dl dd i{ font-style: normal; font-size: 20px; color: #fff; font-weight: normal; margin-left: 5px;}
.develop_word_content dl dd h6{ width: 35px; height: 2px; background: #fff; margin: 1% auto 0; }
.develop_word_content dl dd p{color: #fff; font-size: 16px; letter-spacing: 0.6px; line-height: 1.5em; margin-top: 10px;}


@media screen and (max-width:1700px){
.develop_content{ width:96%; left: 2%; margin-left: 0;}
}

@media screen and (max-width:1450px){
.develop_container_bg{  height: 700px;}
.develop_word_content dl dd span{ font-size: 46px;}
.develop_word_content dl dd{box-sizing: border-box; padding: 0 20px;}
.develop_word_content dl dd:first-child .left_line,.develop_word_content dl dd .left_line2{ display: none;}
.develop_nav_content ul li p{ font-size: 17px;}
}
@media screen and (max-width:1300px){
.develop_word_content dl dd .left_line, .develop_word_content dl dd .left_line2{display: none;}
.develop_content{top: 8%;}
.develop_container_bg{  height: 630px;}
.develop_word_content dl dd{padding: 0 1.5%;}
}

@media screen and (max-width:900px){
.develop_word_content dl dd,.develop_word_content ul li:nth-child(2) dl dd{ width: 50%; margin-bottom: 2%;}
.develop_container_bg{ display: none;}
.develop_content{ position:static; margin: 0 auto;}
.develop_container{ width: 100%; background:url(/images/m_develop_bg.jpg) no-repeat center center; padding: 4.5% 0;}
.develop_word_top_content p{ font-size: 15px;}

.develop_nav_content ul li{ height: 80px; width: 49%; margin-right: 2%;}
.develop_nav_content ul li:nth-child(2n){ margin-right: 0;}
.develop_nav_content ul li img{ height: 30px;}
.develop_word_content dl dd span{ font-size: 40px;}
}

@media screen and (max-width:560px){

.develop_container{padding: 6% 0;}
.develop_word_top_content{    padding-bottom: 5%;
    margin-bottom: 5%;}
.develop_nav_content{ margin-top: 4%;}
.develop_word_top_content p,.develop_word_content dl dd p{ font-size: 3.6vw; line-height: 1.6em;}
.develop_word_content dl dd i{ font-size: 3.6vw;}
.develop_word_content dl dd span{ font-size: 7vw;}
.develop_word_content dl dd,.develop_word_content ul li:nth-child(2) dl dd{ width: 100%; position: relative;}
.develop_word_content dl dd h3{ float: left;}
.develop_word_content dl dd h6{ float: left; width: 2px; height: 6.5vw; margin: 2.2vw 0 0 3vw;}
.develop_word_content dl dd p{ float: left; margin: 3.5vw 0 0 3vw;}

.develop_nav_content ul li img{ float: left; margin: 0; height: 6vw;}
.develop_nav_content ul li p{ float: left; font-size: 4vw; margin: 0.5vw 0 0 2vw;}
.develop_nav_content ul li{display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    justify-content: center;}
.develop_nav_content ul li{ height: auto;padding: 3.5vw 0;}
}

/* strategy */

.strategy_container{ width: 100%;overflow: hidden; padding: 4.5% 0; background: url(/images/zhanlue_bg.jpg) no-repeat center center; box-sizing: border-box;}
.strategy_content{ width: 1680px; margin: 0 auto;}
.strategy_title{ width: 100%; float: none;}
.strategy_word_content{margin: 2.8% auto 0;}

.strategy_word_content .swiper-slide .index_right_img img{transition: all 2s ease-out 0s;-webkit-transition: all 2s ease-out 0s; -moz-transition: all 2s ease-out 0s; -mo-transition: all 2s ease-out 0s; display: block; width: 100%; height: auto;}
.strategy_word_content:hover .swiper-slide .index_right_img img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transition: all 0.6s ease-out 0s; -webkit-transition: all 0.6s ease-out 0s;-moz-transition: all 0.6s
  ease-out 0s;-mo-transition: all 1s ease-out 0s;}
.strategy_word{transform: translateY(0%);
    -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -o-transform: translateY(0%); top: 15%;}
.strategy_fenye .swiper-pagination-bullet{ width:15px; height:15px; margin:0 5px;opacity: .5; }
.strategy_fenye .swiper-pagination-bullet-active{ background:#ff2a00;opacity:0.9;}
.swiper-container-horizontal>.strategy_fenye {
        bottom: 25px!important;}
.strategy-next,.strategy-prev{ display: none;}

@media screen and (max-width:1700px){
.strategy_content{ width:96%;}
}
@media screen and (max-width:900px){
.strategy_fenye{display: none;}
.strategy_word{top: auto;}
.strategy_word_content .swiper-slide{display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: center;}
.strategy-next,.strategy-prev{ display: block;z-index: 2;width: 28px; height: 28px; position: absolute;}
.strategy-next{background: url(/images/banner_next.png) no-repeat center center; background-size: 100%; right: 3%; top: 50%; margin-top: -14px;}
.strategy-prev{background: url(/images/banner_prev.png) no-repeat center center; background-size: 100%; left: 3%; top: 50%; margin-top: -14px;}
.strategy_word .right_more{ display: none;}

}
@media screen and (max-width:560px){
.strategy_word {
    padding: 0 15%;
}
.strategy_container{ padding: 6% 0;background-position: center bottom;}
}

/* delicacy */
.delicacy_container{ width: 100%;overflow: hidden; padding: 4.5% 0; background:#f1f0f0; box-sizing: border-box;}
.delicacy_container2{box-sizing: border-box;position: relative;}
.delicacy_content{ width: 1680px; margin: 0 auto; }
.delicacy_title{ width: 100%; position: absolute;top: 0;z-index: 0;}

.delicacy_word_right { width: 71.5%; float: right;box-sizing: border-box;}
.delicacy_word_right .swiper-slide{ border-radius: 10px; overflow: hidden;}
.delicacy_word_right img.delicy_img{ width: 100%; height:auto;}
.delicacy_word{ width: 100%; max-height: 55px;padding: 0 7%;background: rgba(255,42,0,0.8);box-sizing: border-box; position: absolute;left: 0;bottom: 0;transition-duration: .8s;-ms-transition-duration: .8s;-moz-transition-duration: .8s; -webkit-transition-duration: .8s;}
.delicacy_word h3{ text-align: center; font-size: 20px; font-weight: normal; line-height: 1.5em; color: #fff; letter-spacing: 0.6px; display: table;margin: 0 auto; line-height: 55px;}
.delicacy_word h3 img{ height: 24px; width: auto;float: left; margin: 15px 8px 0 0;}
.delicacy_word h3 span{ float: left;}
.delicacy_word p{ font-size: 16px; line-height: 1.5em; color: #fff; letter-spacing: 0.6px; margin-top: 10%; opacity: 0;transition-duration: .9s;-ms-transition-duration: .9s;-moz-transition-duration: .9s; -webkit-transition-duration: .9s;}
.delicacy_word h6{ font-weight: normal; letter-spacing: 0.6px; font-size: 14px; line-height: 1.5em; margin-top: 5%; color: #fff;opacity: 0;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.delicacy_word_right .swiper-slide:hover .delicacy_word{padding: 3% 7% 8%; max-height: 250px;}

.delicacy_word_right .swiper-slide:hover .delicacy_word p,.delicacy_word_right .swiper-slide:hover .delicacy_word h6{opacity: 1;}
.delicacy_word_right .swiper-slide:hover .delicacy_word p{ margin-top: 3%;}

.delicacy-next,.delicacy-prev{ width: 72px; height: 55px; position: absolute; z-index: 2;}
.delicacy-next{ background: url(/images/pro_next.png) no-repeat center center; bottom: 0; right: 75%;background-size: 100%; }

.delicacy-prev{ background: url(/images/pro_prev.png) no-repeat center center; bottom: 0; right: calc(75% + 78px);background-size: 100%;}


@media screen and (max-width:1700px){
.delicacy_content{ width:96%;}
}

@media screen and (max-width:1450px){
  .delicacy_word h3{ font-size: 18px;}
  .delicacy_word p{ font-size: 15px;}
}
@media screen and (max-width:900px){
.delicacy_title{ position: static;}
.delicacy_word_right{ width: 96%; margin: 2.8% auto 0; float:none;}
.delicacy-next{ right: 50%; margin-right: -58px;bottom: 0; width: 55px; height: 42px;}
.delicacy-prev{ left: 50%; margin-left: -58px; bottom: 0;width: 55px; height: 42px;}
.delicacy_container2{ padding-bottom: 60px;}
}
@media screen and (max-width:560px){
.delicacy_container{ padding: 6% 0;}
.delicacy_word h6,.delicacy_word p{display: none;}
.delicacy_word_right .swiper-slide:hover .delicacy_word{padding: 0 7% 0; max-height: auto;}
.delicacy_word h3{ font-size: 3.8vw; line-height: 40px;}
.delicacy_word h3 img{ height: 5vw;    margin: 1.5vw 8px 0 0;}
.delicacy_word{ max-height: 40px;}
}

/* news */
.index_news_container{ width: 100%;overflow: hidden; padding: 4.5% 0; background: url(/images/news_bg.jpg) no-repeat center center; box-sizing: border-box;}
.index_content{ width: 1680px; margin: 0 auto;}
.index_news_word_content{ width: 100%; margin-top: 2.8%;position: relative; overflow: hidden;}

.news_left_content{ width:46%; float:left;  padding-bottom:1%; position:relative;}

.news_left_img{ width:100%; overflow:hidden;height: 0; padding-bottom: 55.8%;}

.news_left_img img{  transition: all 2s ease-out 0s;-webkit-transition: all 2s ease-out 0s; -moz-transition: all 2s ease-out 0s; -mo-transition: all 2s ease-out 0s; display:block; width:100%; height:auto;}
.news_left_img:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transition: all 0.6s ease-out 0s; -webkit-transition: all 0.6s ease-out 0s;-moz-transition: all 0.6s ease-out 0s;-mo-transition: all 1s ease-out 0s;}

.news_left_content h3{ font-size:24px; font-weight:normal; color:#333333; line-height:1.5em; letter-spacing:0.6px; margin-top:4.5%; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;overflow: hidden;}

.news_left_content p{ color:#636363; font-size:15px; line-height:1.6em; letter-spacing:0.8px; margin-top:2%; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;overflow: hidden; width: 100%;}
.news_left_content h6{ color:#949393; font-weight:normal; font-size:13px; line-height:1.5em; letter-spacing:0.2px; margin-top:2%;}

.news_line{ width:8%; height:3px; background:#46cac8; position:absolute; left:0; bottom:0;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; z-index: 2;}
.news_line2{width:46%; height: 3px; background: #dfdede;position:absolute; left:0; bottom:0; z-index: 1;}

.news_left_content:hover+.news_line{ width:46%;}

.news_list{ width:48%; float:right;}

.news_list ul li{ width:100%; overflow:hidden; border-bottom:2px solid #cfcfcf;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; padding-bottom:4.8%; margin-bottom:4.8%;}
.news_list ul li:nth-child(3n){ margin-bottom: 0;}

.news_list ul li:hover{border-bottom:2px solid #ff2a00;}
.news_list ul li h3{ color:#333333; font-size:20px; line-height:1.5em; font-weight:normal; letter-spacing:0.6px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;overflow: hidden; width: 100%;}

.news_list ul li p{line-height:1.7em; color:#636363; font-size:15px;letter-spacing:0.8px; margin-top:2.5%;   display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;overflow: hidden;}
.news_list ul li h6{ color:#949393; font-weight:normal; font-size:13px; line-height:1.5em; letter-spacing:0.2px; margin-top:2.5%;}

@media screen and (max-width:1700px){
.index_content{ width:96%;}
}

@media screen and (max-width:1450px){
  .news_left_content h3{ font-size: 22px;}
  .news_list ul li h3{ font-size: 18px;}
}

@media screen and (max-width:1250px){
  .news_list ul li{ padding-bottom:3.5%; margin-bottom:3.5%;}
  .news_left_content h3{ margin-top: 6%;}
}
@media screen and (max-width:1000px){
.index_news_container{ background: #f4f5fa;}
.news_left_content{ width:100%; float: none;}
.news_list{ width:100%; float: none;}
.news_line2,.news_line{ display: none;}
.news_left_content{ border-bottom: 3px solid #ff2a00; padding-bottom: 5%;}
.news_left_content h3{ margin-top: 4%;}
.news_list ul li{ padding-bottom:5%; margin-top:5%; margin-bottom:0;}
.news_list ul li:first-child + li + li{  border-bottom:2px solid #dfdede;}
.news_list ul li:first-child + li + li:hover{border-bottom:2px solid #ff2a00;}

.news_left_content h3{    -webkit-line-clamp: 10;}

.news_list ul li h3{-webkit-line-clamp: 10;}
}
@media screen and (max-width:560px){
.index_news_container{ padding: 6% 0;}
.news_left_content p,.news_list ul li p{font-size: 3.6vw;}
.news_left_content h3{ font-size: 4.2vw;}
.news_list ul li h3{ font-size: 3.8vw;}
.news_left_content h6,.news_list ul li h6{ font-size:3.2vw;}

}

/* investor */
.investor_container{ width: 100%;overflow: hidden; padding: 4.5% 0 0;box-sizing: border-box;}
.investor_content{ width: 1680px; margin: 0 auto;}

.investor_bottom_content{ width:100%; overflow:hidden; margin-top: 2.8%;}

.investor_left_content{ width:50%; float:left; position:relative; overflow:hidden;}


.investor_left_content img{ display:block; width:100%; height:auto; transform: scale(1);-mo-transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);transition: all 0.8s ease-out 0s;-webkit-transition: all 0.8s ease-out 0s; -moz-transition: all 0.8s ease-out 0s; -mo-transition: all 0.8s ease-out 0s;}

.investor_left_content:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transition: all 0.6s ease-out 0s; -webkit-transition: all 0.6s ease-out 0s;-moz-transition: all 0.6s
ease-out 0s;-mo-transition: all 1s ease-out 0s;}

.investor_word_content{width:100%; padding: 0 10%;position:absolute;  top:50%; box-sizing: border-box;
        transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        -webkit-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);  }

.investor_word_content h6{  font-size:24px; color:#fff; letter-spacing:0.6px; line-height: 1.5em;text-transform: uppercase; font-weight:normal;}

.investor_word_content h3{ font-size:32px; line-height:1.6em; color:#fff; letter-spacing:0.6px; font-weight:normal;}

.investor_word_content p{ font-size:16px; line-height:1.6em; color:#fff; letter-spacing:0.6px; margin-top:2.5%; width: 360px;}
.investor_word_content h4{ font-size: 16px; line-height: 1.5em; color: #fff; letter-spacing: 0.6px; font-weight: normal; margin-top: 2.5%;}

@media screen and (max-width:1700px){
.investor_content{ width:96%;}
.investor_word_content{ padding: 0 4%;}
}
@media screen and (max-width:1450px){
.investor_word_content h6{font-size: 22px;}
.investor_word_content h3{font-size: 28px;}

}

@media screen and (max-width:1200px){
.investor_word_content p{display: none;}
}
@media screen and (max-width:1000px){
.investor_word_content h6{ font-size: 20px;}
.investor_word_content h3{ font-size: 26px;}
.investor_word_content h4{font-size: 15px;}
}
@media screen and (max-width:900px){
.investor_word_content{ padding: 0 2%;}
}

@media screen and (max-width:800px){
.investor_left_content{width: 100%; margin-bottom: 2%; float: none;}
.investor_word_content{ padding: 0 2%;}
}

@media screen and (max-width:560px){
.investor_container{ padding: 6% 0 0;}
.investor_word_content h6{font-size: 4vw;}
.investor_word_content h3{font-size: 4.5vw;}
.investor_word_content h4{font-size: 3.4vw;}
}


/* footer */
.footer_container{ width: 100%; background: #545454; padding-top: 4.5%; box-sizing: border-box;}
.footer_content{ width: 1680px; margin: 0 auto; color: #fff;}
.footer_contact_left{ width: 28%; float: left;}
.footer_contact_left h3{ font-size: 18px; font-weight: normal; line-height: 1.5em; letter-spacing: 0.6px;}
.footer_contact_left p{ font-size: 14px; line-height: 1.5em; background: url(/images/footer_icon1.png) no-repeat left top; padding-left: 26px; margin-top: 10px;letter-spacing: 1px; box-sizing: border-box;}
.footer_contact_left p.address{background: url(/images/footer_icon2.png) no-repeat left top;}
.footer_contact_left h3.umag{ margin-top: 35px;}

.footer_content_list{ float: right;}
.footer_content_list ul{ float:left; margin-left: 5.5vw;}
.footer_content_list ul:first-child{ margin-left: 0;}
.footer_content_list ul li{ font-size: 14px; line-height: 1.5em; margin-bottom: 10px; letter-spacing: 1px;padding-left: 30px;}
.footer_content_list ul li a,.footer_content_bottom a{color:#fff;}
.footer_content_list ul li a:hover,.footer_content_bottom a:hover{ color: #ffd264;}
.footer_content_list ul li:first-child{ font-size: 16px; margin-bottom: 20px; background: url(/images/footer_icon.png) no-repeat left center; line-height: 1.5em; padding-left: 30px;}
.footer_content_list ul li:first-child a{color: #fff;}

.footer_line{ width: 100%; height: 1px; background: #fff; margin-top: 3.5%;}

.footer_content_bottom{ width: 1680px; color: #fff; margin: 1.5% auto 0; box-sizing: border-box; padding-bottom: 1.2%;}
.footer_content_bottom p{ font-size: 14px; line-height: 1.5em; margin-top: 10px; letter-spacing: 0.6px;}
.footer_content_bottom p span{ margin-right: 20px;}

@media screen and (max-width:1680px){
.footer_content,.footer_content_bottom{width: 96%;}

}

@media screen and (max-width:1560px){
.footer_content_list ul{  margin-left: 4vw;}
}

@media screen and (max-width:1300px){
.footer_content_list ul{  margin-left: 2.7vw;}
}

@media screen and (max-width:1200px){
.footer_content_list ul{  margin-left: 2.7vw;}
.footer_contact_left{ display: none;}
.footer_content_list{ width: 100%; float: none;}
.footer_content_list ul{  margin-left: 5.5vw;}
}

@media screen and (max-width:900px){
.footer_contact_left{ display:block; width: 100%;}
.footer_contact_left h3.umag{ margin-top: 5%;}
.footer_content_list{ display: none;}
}




@media screen and (max-width:560px){
.footer_container{ padding-top: 6%;}
.footer_content_bottom p span{display: block; margin-bottom: 3px;}
.footer_content_bottom{ padding-bottom: 2%;}
.footer_contact_left h3{ font-size: 3.8vw;}
}


/*mobile footer*/

.xf_hei{width:100%; height:10vh; float:left; overflow:hidden; display:none; }
.xf_dh { width:100%; height:10vh; float:left; overflow:hidden; background:#ff2a00;  position:fixed; bottom:0; left:0; z-index:998; display:none;}
.xf_dh li { width:20%; height:100%; display:block; float:left; background-size:4.5vh;}
.xf_dh li a { display:block; padding-top:6.5vh; height:4vh; line-height:3vh; text-align:center; color:#FFF; font-size:1.6vh;}
.xf_dh_a { background:url(/images/xf_dh_a.png) no-repeat center 1.4vh;}
.xf_dh_b { background:url(/images/xf_dh_b.png) no-repeat center 1.4vh;}
.xf_dh_c { background:url(/images/xf_dh_c.png) no-repeat center 1.4vh;}

.xf_dh_d { background:url(/images/xf_dh_d.png) no-repeat center 1.4vh;}
.xf_dh_e { background:url(/images/xf_dh_e.png) no-repeat center 1.4vh; }

@media screen and (max-width:900px){

.xf_hei{ display:block;}
.xf_dh{ display:block;}
}