@charset "utf-8";
/*banner*/
.inside_banner{ width:100%; overflow:hidden; position: relative;margin-top: 109px;}

.inside_banner img{ display:block; width:100%; height:auto;-webkit-animation: animate 4s linear;-moz-animation: animate 4s linear; animation: animate 4s linear;}
.inside_banner img.m_banner{ display:none;}

@media screen and (max-width:1560px){
.inside_banner{ margin-top: 99px;}
}

@media screen and (max-width:900px){
.inside_banner img.pc_banner{ display:none;}
.inside_banner img.m_banner{ display:block;}
.inside_banner{ margin-top: 8vh;}
}

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

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

.inside_content{ width:96%!important;}

}

.top_mag{ margin-top: 4%;}

@media screen and (max-width:560px){
.top_mag{ margin-top: 6%;}
}

.top_nomag{ margin-top: -4%;}

@media screen and (max-width:560px){
.top_nomag{ margin-top: -6%;}
}

.inside_content_container{ width: 100%; margin-top: 4%;}

@media screen and (max-width:560px){
.inside_content_container{margin-top: 6%;}
}

.index_projtct_title{ margin-bottom:2.5%; }

@media screen and (max-width: 560px){
.index_projtct_title {
    margin-bottom: 4%;}
}

/*inside_nav*/
.inside_nav_container{ width: 100%; background: #f3f2f2;}
.inside_nav_content{ width:1680px;box-sizing: border-box; margin: 0 auto;}
.inside_nav{ float: left; margin-top: 28px;}
.inside_nav p{ font-size:15px; line-height:1.5em; letter-spacing: 0.6px;color:#525252;}
.inside_nav p i{ display:inline-block; float:left; margin:2px 13px 0 0;}
.inside_nav p a{color:#525252;}
.inside_nav p a:hover{color: #e40421;}

.inside_nav_container2{ height: 80px;}

@media screen and (max-width:900px){
.inside_nav_container{ background: none;}
.inside_nav{ float: none;}
.inside_nav p{ font-size:14px;line-height: 1.5em;}
.inside_nav_container2{ height: auto;}
}
@media screen and (max-width:560px){
.inside_nav p i{ margin-right: 8px;}
.inside_nav{ margin-top: 4%;}
}
.nav_mob{ display: none;}
.about_content_left_list{float: right;}
.about_content_left_list ul li{ float: left; width:190px; height: 80px; text-align: center; line-height: 80px; margin-left: 10px;}
.about_content_left_list ul li a{ width: 100%;box-sizing: border-box;  height: 80px;display: block;background: #e1e0e0; color: #000000; font-size: 2.2rem; letter-spacing: 0.6px;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.about_content_left_list ul li.cur a,.about_content_left_list ul li:hover a{ background: #e40421; color: #fff;}

@media screen and (max-width:1450px){
.about_content_left_list ul li{ width: 170px; margin-left: 5px;}
}

@media screen and (max-width:1100px){
.about_content_left_list ul li{ width: 150px; }
}

@media screen and (max-width:1000px){
.about_content_left_list ul li{ width: 130px; }
}

@media screen and (max-width:900px){
.about_content_left_list{ float: none; width: 100%;}
.nav_mob{ display:block;}
.about_content_left_list{ margin-top: 3%;}
.nav_mob{ width: 100%; background: #f0f0f0; position:relative; text-align: left; box-sizing: border-box; padding: 17px 10px;}
.nav_mob h3{font-size:2.2rem; line-height:1em; font-weight: normal; color: #e40421;}
.nav_mob h3 i{ display:block; position:absolute; right:10px; top:0;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; height: 100%;}
.nav_mob h3 i span{  font-style:normal; text-align:center; display:block;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; background: url(../images/m_icon1.png) no-repeat center center; background-size: 100%; width: 30px; height:100% ;}
.nav_mob h3 i span.daohang2{ display:none;background: url(../images/m_icon2.png) no-repeat center center; background-size: 100%;}
.nav_mob h3 i.guanbi{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.nav_mob h3 i.guanbi span.daohang1{ display:none;}
.nav_mob h3 i.guanbi span.daohang2{ display:block;}
.about_content_left_list ul{ margin: 0; display: none; background: #fafafa;overflow: hidden;}
.about_content_left_list ul li{ width: 100%; height: auto;border-bottom: 1px solid #eaeaea; padding: 0; text-align: center; margin-left: 0; line-height: 1.2em;}
.about_content_left_list ul li a{ height: auto; background: transparent;padding: 15px 6%; color: #444;}
}
@media screen and (max-width:560px){
.about_content_left_list{ margin-top: 4%;}
.nav_mob{ padding:17px 4vw; }
.nav_mob h3{ font-size: 4.2vw;}
.nav_mob h3 i{ right: 4vw;}
.about_content_left_list ul li a{ font-size: 4vw;padding: 4vw 0;}
.nav_mob h3 i span{ width: 25px;}
}

/* news_list */
/* news top */
.main_business_title2{margin-bottom: 3.5%;}

.news_top_container{ margin-top: 2.5%; position: relative;}
.news_top_content{ width: 94%; margin: 0 auto; background: #f3f2f2;}
.news_top_content .swiper-slide{ box-sizing: border-box; padding: 40px 50px; position: relative;}
.news_top_left{ width: 50%; float: left; overflow: hidden; height: 0;
    padding-bottom: 26.66%;}
.news_top_left img{ display: block; width: 100%; height: auto;}
.news_top_right{ width: 40%;box-sizing: border-box; position: absolute; right: 80px; top: 50%;transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);}
.news_top_right h6{ font-weight: normal; color: #8c8c8c; line-height: 1.5em;  font-size: 14px;}
.news_top_right h6 span{ font-weight: bold; font-size: 2.8rem; color: #e40421; margin-right: 3px;}
.news_top_right h3{ font-size: 2.6rem; line-height: 1.5em; color: #333333; letter-spacing: 0.6px; font-weight: normal; margin-top: 3%;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.news_top_right h3:hover{color: #e40421;}
.news_top_right p{ font-size: 1.7rem; line-height: 1.6em; color: #666666; letter-spacing: 0.8px; margin-top: 3%;  display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;overflow: hidden; width: 100%;}
.news_top_right h5{ font-weight: normal; font-size: 15px; letter-spacing: 0.6px; color: #e40421; margin-top: 5%;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.news_top_right h5:hover{ color: #f3981e;}

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

.news-top-prev{background: url(../images/pro_prev.png) no-repeat center center; left: 0; top: 50%; margin-top: -27.5px; background-size: 100%;}

@media screen and (max-width:1450px){
.news_top_right{ right: 60px;}
}
@media screen and (max-width:1000px){
.news_top_left{ width: 100%; float:none;padding-bottom: 55%;}
.news_top_right{width: 100%; position: static; right: auto; top: auto;    transform: translateY(0%);
    -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -o-transform: translateY(0%); margin-top: 2.5%;}
  .news_top_right h3,.news_top_right p{ margin-top: 2%;}
  .news_top_right h6{ margin-top: 3%;}
  .news_top_right h5{ margin-top: 3%;}
  .news_top_content .swiper-slide{ padding: 4% 6%;}
  .news-top-next, .news-top-prev{ width: 50px; height: 38px;}
}

@media screen and (max-width:560px){
.news_top_container{margin: 0 auto;padding-bottom: 60px;}
.news_top_right{ margin-top: 5%;}
.news_top_right h3{ font-size: 4.4vw; margin-top: 3%;line-height: 1.5em;}
.news_top_right h6{ font-size: 3.4vw;}
.news_top_right h6 span{ font-size: 5.4vw;}
.news_top_right p{ font-size: 3.6vw; margin-top: 2%;}
.news_top_right h5{ font-size: 3.6vw; margin-top: 4%;}
.news-top-next, .news-top-prev{width: 55px;
    height: 42px;}
.news-top-next{ right: 50%;
    margin-right: -58px;
  top: calc(100% - 21px);}
.news-top-prev{   left: 50%;
    margin-left: -58px;
  top: calc(100% - 21px);}
.news_top_content{ width: 100%;}
.news_top_content .swiper-slide{ padding: 5%;}
.main_business_title2{margin-bottom: 5%;}
}
/* news bottom */
.news_bottom_list_container{ margin-top: 3%;}
.news_bottom_list_container ul li{ width: 32%; float: left; border-radius: 10px; background: #f3f2f2; box-sizing: border-box; margin: 0 2% 2% 0; overflow: hidden;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.news_bottom_list_container ul li:nth-child(3n){ margin-right: 0;}
.news_bottom_img{ width: 100%; overflow: hidden;height: 0;
    padding-bottom:53.33%;}

.news_bottom_list_container ul li:hover{ box-shadow: 0 0 20px #9e9d9d;}
.news_bottom_list_container ul li 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_bottom_list_container ul li: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_bottom_word{ width: 100%; padding: 3% 4%; box-sizing: border-box;}
.news_bottom_word h3{ font-size: 18px; line-height: 1.5em; font-weight: normal; color: #333;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; height: 3em; overflow: hidden; letter-spacing: 0.6px;}
.news_bottom_word h3:hover{ color: #e40421;}
.news_bottom_word h6{ font-weight: normal; color: #8c8c8c; line-height: 1.5em;  font-size: 14px;  margin-top: 4%; float: right;}
.news_bottom_word h6 span{ font-weight: bold; font-size: 2.8rem; color: #e40421; margin-right: 3px;}

.fenye{ width:100%; text-align:center; margin-top:2%; border-top: 1px solid #e40421;}

.fenye_word{ text-align:center; display:inline-block; margin-top: 2%;}

.fenye_word a{ font-size:16px; margin:0 3px; color:#333; line-height: 1.5em;padding:2px 2px;}

.fenye_word a.cur2,.fenye_word a:hover{ color: #e40421;border-bottom: 1px solid #e40421;}

@media screen and (max-width:1450px){
.news_bottom_word h3{ font-size: 16px;}
}

@media screen and (max-width:1000px){
.news_bottom_list_container ul li{ width: 49%;}
.news_bottom_list_container ul li:nth-child(3n){ margin-right: 2%;}
.news_bottom_list_container ul li:nth-child(2n){ margin-right: 0;}
}

@media screen and (max-width:560px){
.news_bottom_list_container ul li{ width: 100%; margin-right: 0; margin-bottom: 4%;}
.news_bottom_word h3{font-size: 4vw; height: auto;}
.news_bottom_word h6{ font-size: 3.4vw;}
.news_bottom_word h6 span{ font-size: 5.4vw;}
.fenye_word a{ font-size: 3.6vw;}
.fenye_word{ margin-top: 5%;}
}

/* inside news */
.news_detail_container{ width: 100%; padding: 4% 0; background: #f7f7f7;}
.left_nav_container{ width: 28%; float: left;}

.guanlian_container{background:#fff; padding:25px 0 35px 0; width: 100%; box-sizing:border-box;}
.guanlian_container h3{font-size:32px; line-height:40px;color: #393939;margin:0 6.5% 5.5%; font-weight:normal;}
.guanlian_container h6 img{width:100%; height:auto;}
.guanlian_container ul{ width:87%; margin:0 6.5% 0;}
.guanlian_container ul li{ font-size:16px; line-height:1.5em; border-bottom:1px dotted #c9c9c9; padding:4.5% 0;  letter-spacing: 0.6px;}


.guanlian_container ul li a{color: #333;}
.guanlian_container ul li a:hover{ color:#e40421;}


.inside_news_xiang{ width: 69%; float: right; background: #fff; box-sizing: border-box; padding: 2.5% 4%;}
.inside_news_top{ width:100%; border-bottom:1px dotted #949494; padding-bottom:2.3%;}
.inside_news_top h3{ font-size:24px; line-height:1em; border-left:3px solid #e40421; padding-left:10px; font-weight:normal; color:#e40421;letter-spacing: 0.6px;}

.inside_news_top h6{ font-weight:normal; font-size:16px; color:#333; line-height:1.5em; position:relative; margin-top:3%; letter-spacing: 0.6px;}
.inside_news_top h6 span{ position:absolute; right:0;}

.inside_news_xiang_word h1{ font-size:26px; line-height:1.5em; color:#191919; font-weight:normal; text-align:center; margin:3.5% auto 2%;letter-spacing: 0.6px;}

.inside_news_xiang_word p{ font-size:16px; line-height:2em; margin-top:15px; text-indent:2em; color:#3a3a3a;}

.inside_news_xiang_word img{max-width:100%; height:auto!important;margin-left: -2em;}

.fenye2{ width:100%; margin-top:7%;}
.fenye2 h6{ font-weight:normal; font-size:14px; line-height:1.5em; margin-top:10px; color: #e40421;}
.fenye2 a{ color:#505050;}
.fenye2 a:hover{color: #e40421;}
.news_detail{ display: none;}

@media screen and (max-width:1450px){
.inside_news_xiang_word h1{ font-size: 24px;}
.guanlian_container h3{ font-size: 30px;}
.inside_news_top h3{font-size: 22px;}
}

@media screen and (max-width:900px){
.guanlian_container{ display:none;}
.inside_news_xiang{width: 100%;padding:4%;}
.inside_news_xiang_word h1{font-size: 22px;}
.news_detail{ display:block;}
.inside_news_top h3{ display: none;}
.inside_news_top h6{ margin-top: 0;}
.news_detail_container{ margin-top: 4%;}
}

@media screen and (max-width:560px){
.inside_news_top h6{font-size: 3.6vw;}
.inside_news_xiang_word h1{font-size: 4.7vw;margin: 5% auto 2%;}
.inside_news_xiang_word p{font-size: 3.8vw; line-height: 1.8em;     margin-top: 2.5vw;}
.fenye2 h6{ font-size: 3.4vw;}
.news_detail_container{padding: 6% 0; margin-top: 5%;}
.inside_news_xiang{ padding: 3.6vw;}
}



/* congtact tel */
.contact_title_container{ margin-top: 4%;}
.BMapLabel{ background: #e40421!important; color: #fff!important; padding: 4px 6px!important; border-radius: 5px;}

.contact_tel_container{ width: 100%; padding: 4.5% 0; background: #f9f8f8; margin-top: -1%;}
.contact_laiyang_container{margin-top: 1.5%; position: relative;}
.contact_laiyang_left{ height: 350px; width: 43%; float: left; background: #ccc; margin-left: 2%;background:url(../images/erweima_right_bg.jpg) no-repeat center center;}
.contact_laiyang_right{ width: 33%; float: right;}
.contact_laiyang_right ul li{ width: 100%; border: 1px solid #e40521; box-sizing: border-box; overflow: hidden; height: 99px;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center; margin-bottom: 26px;}
.contact_laiyang_right ul li h4{ width: 28%; float: left; font-size: 18px; line-height: 1.5em;font-weight: normal; color: #333333; text-align: center; background: #ededed; height: 99px; line-height: 99px;}
.contact_laiyang_right ul li p{ width: 72%; float: right;font-size: 18px; line-height: 1.5em; color: #333333; text-align: center; box-sizing:border-box; padding: 0 10px; word-break:break-all;}
#map{ width: calc(100% - 2px); height: 349px;border:#ccc solid 1px;font-size:12px}

.contact_erweima_container{ width: 20%; float: left; height: 350px; background:url(../images/erweima_bg.jpg) no-repeat center center;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: center;}
.contact_erweima{ background: #e40421; text-align: center; padding: 8px; width: 55%; box-sizing: border-box;    }
.contact_erweima img{ width: 100%; height: auto;}
.contact_erweima p{ font-size: 16px; color: #fff; letter-spacing: 0.6px; line-height: 1.5em; margin: 8px 0 2px;}


@media screen and (max-width:1450px){
  .contact_laiyang_right ul li p,.contact_laiyang_right ul li h4{ font-size: 16px;}
  .contact_erweima p{font-size: 15px;}
}

@media screen and (max-width:1300px){
.contact_erweima{ width: 70%;}
}
@media screen and (max-width:1000px){
.contact_laiyang_left{ width: 65%; float: right; margin-left: 0;height: calc(45vw + 2px);background-size: auto 100%;}
.contact_erweima_container{ width: 33.5%; float: left;height: calc(45vw + 2px);background-size: auto 100%;}
.contact_laiyang_right{ width: 100%;}

#map{ height: 45vw;}
.contact_laiyang_right{ margin-top: 2%;}
.contact_laiyang_right ul li{ margin-bottom: 2%;height: 55px;}
}

@media screen and (max-width:560px){
.contact_title_container{ margin-top: 6%;}
.contact_tel_container{ padding: 6% 0;}
.contact_laiyang_right ul li h4,.contact_laiyang_right ul li p{ font-size: 3.8vw;}
.contact_laiyang_right ul li{ height: 13vw;}
.contact_laiyang_right ul li h4{ width: 24vw;}
.contact_laiyang_right ul li p{ width: 76vw; padding: 0 2vw;font-size: 3.6vw;}
.contact_qingdao_container{ margin-top: 3.5%;}

.contact_erweima{ width: 85%; padding: 1.5vw;}
.contact_erweima p{ font-size: 3.2vw;}
.contact_laiyang_container{ margin-top: 4%;}
.contact_laiyang_right{ margin-top: 4%;}
}


/* contact zhaoshang */
.zhaoshang_top_container{ margin-top: -1%;}
.zhaoshang_top_container p{ font-size: 16px; line-height: 1.5em; letter-spacing: 0.4px; color: #333; margin-top: 5px;}

.zhaoshang_map{ width: 100%;margin-top: 3%; position: relative;}
.zhaoshang_map img{ width: 100%; display: block;height: auto; }
.zhaoshang_map_word{ width: 50%; position: absolute; left: 0; bottom: 30%;}
.zhaoshang_map_word h6{ font-size: 18px; line-height: 1.5em; letter-spacing: 0.6px; color: #5d5d5d; margin-top: 2px;}
.zhaoshang_map_word h6 span{ font-size: 26px; color: #ff2a00;}

.zhaoshang_zhichi_container ul li{ width: 15.83%; float: left; margin: 0 1% 0 0; background: #f9f8f8; text-align: center; padding: 2% 1%; box-sizing: border-box; border: 1px solid #ebeaea;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.zhaoshang_zhichi_container ul li:nth-child(6n){ margin-right: 0;}
.zhaoshang_zhichi_container ul li img{ width: auto; height: 50px;}
.zhaoshang_zhichi_container ul li h3{font-size: 22px;
    font-weight: normal;
    color: #333;
    letter-spacing: 0.6px;
    margin-top: 15px;
    display: block;
    text-align: center;
    transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;}
.zhaoshang_zhichi_container ul li:hover{box-shadow: 0 0 20px #9e9d9d;}



@media screen and (max-width:1450px){
.zhaoshang_map_word h6{ font-size: 17px;}
.zhaoshang_map_word h6 span{ font-size: 24px;}
.zhaoshang_zhichi_container ul li h3{ font-size: 20px;}
.zhaoshang_zhichi_container ul li img{ height: 45px;}
}

@media screen and (max-width:900px){
.zhaoshang_map_word{ width: 100%; position: static; left: 0; bottom: 0; margin-top: 3%;}
.zhaoshang_zhichi_container ul li{ width: 32.66%; margin-top: 1%;}
.zhaoshang_zhichi_container ul li:nth-child(6n){ margin-right: 1%;}
.zhaoshang_zhichi_container ul li:nth-child(3n){ margin-right: 0;}
}
@media screen and (max-width:560px){
.zhaoshang_top_container p{ font-size: 3.8vw; line-height: 1.7em;}
.zhaoshang_map_word h6{ font-size: 4vw;}
.zhaoshang_map_word h6 span{ font-size: 5vw;}
.zhaoshang_top_container{ margin-top: 0;}
.zhaoshang_zhichi_container ul li{padding: 5vw 2vw;}
.zhaoshang_zhichi_container ul li img{ height: 9vw;}
.zhaoshang_zhichi_container ul li h3{ margin-top: 3vw; font-size: 4.2vw;}
}

/* contact form */
.coo_form_word{ width: 100%; background:url(../images/zhaoshang_bg.jpg) no-repeat center center;box-sizing:border-box;-webkit-box-sizing: border-box; padding:4.5% 0; margin-top: 4%; border-radius:0;}
.coo_form_word form .form_word input{border:none; background:none;outline:none; border-bottom:2px solid #e40421;box-sizing:border-box;-webkit-box-sizing:border-box; width:100%; line-height:40px; height:40px; font-size: 16px;padding: 0 20px; border-radius:0;}

.coo_form_word form .form_word div.bi_inp{ width:31%; float:left; margin:2% 3.5% 0 0;}
.coo_form_word form .form_word div.bi_inp:nth-child(3n){ margin-right:0;}

.coo_form_word form .form_word div.bi_inp{ position:relative;}
.coo_form_word form .form_word div.bi_inp span{ position:absolute; right:10px; bottom:30px;}


.coo_form_word form .form_bottom textarea
{background:none;outline:none; border:none;border-bottom:2px solid #e40421; width:100%; font-family: "Microsoft YaHei","Arial";box-sizing:border-box;-webkit-box-sizing: border-box; margin-top:6%; box-sizing: border-box; padding: 0 20px;font-size: 16px;}

.coo_form_word form .form_bottom button{ width:18%; background:none;border:none; border-radius:15px; line-height:60px; font-size:20px; color:#fff;  background: #e40421;outline:none; margin: 3% auto 0; display: block;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}

.coo_form_word form .form_bottom input.tijiao:hover{background: #f6ad3a;}


.coo_form_word input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #383838; font-size:16px;
}
.coo_form_word input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #383838;font-size:16px;
}
.coo_form_word input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #383838;font-size:16px;
}
.coo_form_word input::-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #383838;font-size:16px;}


.coo_form_word textarea::-webkit-input-placeholder{
            color:#383838;font-size:16px;
        }
.coo_form_word textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#383838;font-size:16px;
        }
.coo_form_word textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#383838;font-size:16px;
        }
.coo_form_word textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */
            color:#383838;font-size:16px;
        }

.coo_xuanze{ padding:0 20px; box-sizing:border-box; margin-top:20px;}
.coo_xuanze span{ font-size:16px; margin:3px 10px 0 0; display:block; float:left; color:#383838;}
.coo_xuanze input{ border-radius:0; width:18px; height:18px; border:1px solid #000; margin-top:5px;outline:none; display:inline-block; float:left;}
.coo_xuanze div{ float:left; }
.coo_xuanze i{ font-style:normal; font-size:16px; display:block; float:left; margin: 4px 15px 0 5px; color:#383838;}

.coo_xuanze input[type="checkbox" ] {
        width: 20px!important;
        height: 20px!important;
        background: #fff!important;
        -webkit-appearance: none!important;　　　　　-moz-appearance: none!important;
        border: 1px solid #999!important;
        padding: 0!important;
    }

.coo_xuanze input[type="checkbox" ]:checked { background:url(../images/jmlc_dui.png) no-repeat center center #e40421!important; border:none!important;

    }

@media screen and (max-width:1700px){
.main_business_title3{ width: 100%!important;}
}

@media screen and (max-width:900px){
.coo_form_word{ margin-top: 6%;}
}

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

.coo_form_word form .form_word div.bi_inp{ width:49%; margin-right:2%;}

.coo_form_word form .form_word div.bi_inp:nth-child(3n) {
    margin-right: 2%;
}
.coo_form_word form .form_word div.bi_inp:nth-child(2n) {
    margin-right: 0;
}

.coo_form_word form .form_bottom button{ font-size:16px; width: 50%; line-height: 50px;}

.coo_xuanze div{ margin-top:10px;}

.coo_xuanze span{ float:none;}

.coo_xuanze i{ font-size:16px;  margin:4px 30px 0 10px; }

}


@media screen and (max-width:560px){
.coo_form_word{padding:6% 0; margin-top: 6%;}
.coo_form_word{    background-size: cover;}
.coo_xuanze span{ font-size:4vw;}
.coo_xuanze{ margin:0; padding:0 2vw;}

.coo_xuanze input[type="radio" ]{ width: 5.5vw; height: 5.5vw;}

.coo_xuanze i{ font-style:normal; font-size:4vw; display:block; float:left; margin:1.2vw 5vw 0 2vw;}
.form_word{ margin-top: 15vw;}
.coo_form_word form .form_bottom button{ margin-top: 6%; line-height: 10vw;}

.coo_form_word input::-webkit-input-placeholder {
  /* WebKit browsers */
   font-size:3.8vw;
}
.coo_form_word input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
font-size:3.8vw;
}
.coo_form_word input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
font-size:3.8vw;
}
.coo_form_word input::-ms-input-placeholder {
  /* Internet Explorer 10+ */
font-size:3.8vw;}


.coo_form_word textarea::-webkit-input-placeholder{
    font-size:3.8vw;
        }
.coo_form_word textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */
    font-size:3.8vw;
        }
.coo_form_word textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
  font-size:3.8vw;
        }
.coo_form_word textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */
  font-size:3.8vw;
        }
.coo_form_word form .form_word input{ border-bottom:1px solid #e40421;font-size: 3.8vw; padding: 0 2vw;}
.coo_form_word form .form_bottom textarea {border-bottom:1px solid #e40421;font-size: 3.8vw; padding: 0 2vw;}

.coo_xuanze input[type="checkbox" ] {
        width: 5vw!important;
        height: 5vw!important;
    }

}

/* case */

.inside_case_container{ width:100%; overflow:hidden; padding:4% 0 4% 0; background:#f7f7f7;}

.inside_case_container ul li { width: 32%;border-radius: 6px; overflow: hidden; float: left; margin:0 2% 2% 0; background: #fff;  box-shadow:0px 1px 6px  #dfdfdf;}

.inside_case_container ul li:nth-child(3n) { margin-right: 0;}
.inside_case_container ul li .inside_case_img{ width: 100%; overflow: hidden;}
.inside_case_container ul li .inside_case_img img{ display: block; width: 100%;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;}
.inside_case_container ul li:hover .inside_case_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;}
.inside_case_container ul li h3 { padding:20px 5% 10px 5%; display: block; font-size: 20px; color: #353535; line-height: 1.5em; font-weight:normal;text-overflow: ellipsis;
white-space: nowrap;
overflow:hidden; font-weight:bold;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.inside_case_container ul li h3 i{ width: 28px; float: left; margin-top: 2px;}
.inside_case_container ul li h3 i img{ display:block; width: 100%; height: auto;}
.inside_case_container ul li h3 span{ margin-left: 10px;}
.inside_case_container ul li:hover h3{ color: #e40421;}
.inside_case_container ul li p { padding:0 5%; margin-bottom: 5%;font-size: 16px; color:#4d4e4e; line-height: 1.7em; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;overflow: hidden; width: 100%; box-sizing: border-box;}

@media screen and (max-width:1450px){
.inside_case_container ul li h3{font-size: 18px;}
.inside_case_container ul li h3 i{ width: 25px;}
}

@media screen and (max-width:900px){
.inside_case_container{ margin-top: 4%;}
.inside_case_container ul li { width: 49%; margin-right: 2%; margin-bottom: 25px;}
.inside_case_container ul li:nth-child(3n) { margin-right: 2%;}
.inside_case_container ul li:nth-child(2n) { margin-right: 0;}

}

@media screen and (max-width:560px){
.inside_case_container{ margin-top: 5%; padding: 6% 0;}
.inside_case_container ul li { width: 100%; margin-right:0; }
.inside_case_container ul li p{ font-size: 3.8vw; line-height: 1.6em;-webkit-line-clamp: 3;}
.inside_case_container ul li h3{font-size: 4.2vw;    overflow: auto;
    white-space: inherit;}
.inside_case_container ul li h3 i{ width: 5.4vw; margin-top: 0.6vw;}
.inside_case_container ul li h3 span{ margin-left: 2vw;}
}

/* about jianjie */
.inside_about_title{ margin-bottom: 3%;}
.about_jianjie_container_content{     width: 100%;
    padding: 4% 0;
    background: #f9f8f8;}
.about_jianjie_word{ width: 100%;}
.about_jianjie_word p{ color: #333; font-size: 16px; line-height: 1.9em; letter-spacing: 0.6px;}


.about_jianjie_bottom{ width: 100%; position: relative; margin-top:2.5%;}
.about_jianjie_bottom_left{ width: 62%; float: left; overflow: hidden;}
.about_jianjie_bottom_left 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;}
.about_jianjie_bottom_left:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);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;}

.about_jianjie_bottom_right{ float: right; width: 38%; position: absolute; right: 0; height: 100%; overflow: hidden;}
.about_jianjie_bottom_right ul{ position:relative; height:100%;}
.about_jianjie_bottom_right ul li{ width: 100%; box-sizing: border-box;  color: #333; font-size: 20px; line-height: 1.5em; background: #dbdbdb; letter-spacing: 0.6px; padding: 6% 7%; height:20%;}
.about_jianjie_bottom_right ul li span{ font-size: 40px; font-weight: bold; margin-right: 10px; color: #e40421;}
.about_jianjie_bottom_right ul li:first-child{ background: #e40421; color: #fff;}
.about_jianjie_bottom_right ul li:first-child span{ color: #fff;}
.about_jianjie_bottom_right ul li:first-child+li{ background: #f2f1f1;}
.about_jianjie_bottom_right ul li:first-child+li+li{ background: #ebebeb;}
.about_jianjie_bottom_right ul li:first-child+li+li+li{ background: #e5e5e5;}

.about_jianjie_bottom_right ul li:first-child+li+li+li +li{ background: #dbdbdb;}


@media screen and (max-width:1500px)
{
.about_jianjie_bottom_left{ width: 60%;}
.about_jianjie_bottom_right{ width: 40%;}
.about_jianjie_bottom_right ul li{ font-size: 18px;}
.about_jianjie_bottom_right ul li span{ font-size: 30px;}
}

@media screen and (max-width:1200px)
{
.about_jianjie_bottom_right ul li{padding: 5% 7%;}
}

@media screen and (max-width:900px)
{
.about_jianjie_container_content{ margin-top: 4%;}
.about_jianjie_bottom_left{ width: 100%; float: none;}
  .about_jianjie_bottom_left img{ height:auto; width: 100%;}
.about_jianjie_bottom_right{ width: 100%; float: none; position: static;}
  .about_jianjie_bottom_right ul li{padding: 3% 3%; font-size: 16px; height:auto;}
}

@media screen and (max-width:560px)
{
  .about_jianjie_container_content{ margin-top: 5%; padding: 6% 0;}
.inside_about_title{ margin-bottom: 5%;}
.about_jianjie_bottom_right ul li{font-size: 3.8vw;padding: 4% 4%; }
.about_jianjie_bottom_right ul li span{ font-size: 6.3vw; }
.about_jianjie_word p{ font-size: 3.8vw;}
}


/*pinpai_culture*/

.pinpai_culture_container{ width: 100%; margin-top: 4%;}
.pinpai_culture_word{ width: 100%;}
.pinpai_culture_word_left{ width:100%;}
.pinpai_culture_word_left ul{ width: 50%; float: left; position: relative; height: 100%;}
.pinpai_culture_word_left ul li{ width: 50%; box-sizing: border-box;  background: #f0f0f0; float: left; height: 100%; overflow: hidden;}
.pinpai_culture_word_left ul li:first-child+li{ position: absolute; height: 100%; right: 0; text-align: center;}
.pinpai_culture_word_left ul li .pinpai_culture_w{ position: absolute; top: 50%; width: 100%; text-align: center;transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-moz-transform: translateY(-50%);padding: 0 10px; box-sizing:border-box;}

.pinpai_culture_word_left ul:nth-child(n+3) li{ float: right;}
.pinpai_culture_word_left ul:nth-child(n+3) li:first-child+li{  position: absolute; height: 100%; left: 0; text-align: center;}

.pinpai_culture_word_left ul li img.culture_pei{ 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;}
.pinpai_culture_word_left ul li:hover img.culture_pei{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;}


.pinpai_culture_w h3{ font-size: 24px; line-height: 1.5em; font-weight: normal; letter-spacing: 0.6px; color: #e40421;}
.pinpai_culture_w p{ font-size: 16px; line-height: 1.5em; letter-spacing: 0.6px; color: #6b6b6b; display: inline-block; margin: 5px 2% 0;}
.pinpai_culture_w img{ display: block; width: 60px; margin: 0 auto 15px;}


@media screen and (max-width:1450px)
{
.pinpai_culture_w h3{font-size: 22px;}
.pinpai_culture_w img{ width: 50px;margin: 0 auto 8px;}
}

@media screen and (max-width:1200px)
{
.pinpai_culture_w img{ width: 40px;}
}

@media screen and (max-width:1000px)
{
.pinpai_culture_word_left ul{ width: 100%;}
.pinpai_culture_word_left ul:nth-child(n+3) li{ float: left;}
.pinpai_culture_word_left ul:nth-child(n+3) li:first-child+li{ left: 50%;}
.pinpai_culture_word_left ul:nth-child(even) li{float: right;}
.pinpai_culture_word_left ul:nth-child(even) li:first-child+li{ left: 0;}
.pinpai_culture_w img{ display:block;}
}

@media screen and (max-width:560px)
{
.pinpai_culture_container{ margin-top: 6%;}
.pinpai_culture_w h3{font-size: 4.2vw;}
.pinpai_culture_w img{width: 7vw;}
.pinpai_culture_w p{ font-size: 3.6vw; margin-top: 0.1vw;}

}


/* innovation */
.innovation_container{ width: 100%;
    padding: 4.5% 0;
    background:url(../images/yanfa_bg.jpg) no-repeat top center; margin-top: 4.5%;}

.innovation_content ul{ background: #fff;/*box-shadow: 0 0 20px #ccc;*/ padding: 2%; box-sizing: border-box;}
.innovation_content ul li{ width: 100%; box-sizing: border-box; position: relative; height: 100%;}
.innovation_content ul li:first-child{ margin-top: 0;}

.innovation_content ul li .innovation_img{ width: 50%; float: left; overflow: hidden; /*height: 480px;*/ position: relative;}
.innovation_content ul li .innovation_img img{ display: block; /*position: absolute; left: 50%;transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%);-o-transform: translateX(-50%);-moz-transform: translateX(-50%);*/ width: 100%; height: auto;}
.innovation_content ul li .innovation_word_content{ width: 50%; position: absolute; right: 0; top: 50%;transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-moz-transform: translateY(-50%); padding-left: 3.5%; box-sizing: border-box;}

.innovation_content ul li:nth-child(even) .innovation_img{ float: right;}
.innovation_content ul li:nth-child(even) .innovation_word_content{ right: 50%; padding-left: 0; padding-right: 3.5%;}

.innovation_content ul li h3{ font-size: 24px; line-height: 1.5em; color: #333; font-weight:normal; letter-spacing: 0.6px; margin-bottom: 20px;}

.innovation_content ul li i{ height: 35px; float: left;margin: 0 15px 0 0;}
.innovation_content ul li i img{ display: block;height: 100%; width:  auto; }
.innovation_content ul li h4{ font-weight: normal; font-size: 20px; margin-top:3.5%; letter-spacing: 0.6px; line-height: 1.2em; border-left: 3px solid #e40421; padding-left: 10px;}
.innovation_content ul li p{ font-size: 16px; line-height: 1.8em;color: #6b6b6b; letter-spacing: 0.6px; margin-top: 7px;}

@media screen and (max-width:1450px)
{
.innovation_content ul li h3{ font-size: 22px;}
.innovation_content ul li i{ height: 30px;}
.innovation_content ul li h4{ font-size: 18px;margin-top: 2%;}
}

@media screen and (max-width:1300px)
{
.innovation_content ul li .innovation_img{ height: 450px;}

.innovation_content ul li .innovation_img img{ position: absolute; left: 50%;transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%);-o-transform: translateX(-50%);-moz-transform: translateX(-50%); height: 100%; width: auto;}
}

@media screen and (max-width:1000px)
{
.innovation_content ul li .innovation_img{ width: 100%; position: static; float: none; height: auto;}
.innovation_content ul li .innovation_img img{ position: static; width: 100%; height: auto;left: 0;transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0);-o-transform: translateX(0);-moz-transform: translateX(0); }
.innovation_content ul li .innovation_word_content{ position: static; width: 100%;top: 0;transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0);-o-transform: translateY(0);-moz-transform: translateY(0); padding-left: 0;padding-right: 0; margin-top: 3%;}

.innovation_content ul li:nth-child(even) .innovation_img{ float: none;}
.innovation_content ul li:nth-child(even) .innovation_word_content{ right: 0; padding-left: 0; padding-right: 0;}

.innovation_content ul li{ margin-top: 3%;}
.innovation_content ul li:first-child{ margin-top: 0;}

}

@media screen and (max-width:560px)
{
.innovation_container{ padding: 6% 0; margin-top: 6%;}
.innovation_content ul{ padding: 3%;}
.innovation_content ul li h3{ font-size: 4.4vw; margin-bottom: 2vw;}
.innovation_content ul li i{ height: 5.4vw; margin:0.5vw 2vw 0 0;}
.innovation_content ul li h4{ font-size: 4vw; margin-top: 5vw;}
.innovation_content ul li p{ font-size: 3.8vw; margin-top: 2vw;}
.innovation_content ul li .innovation_word_content,.innovation_content ul li{ margin-top: 4%;}
}

/* honor */
.honor_container_content{ width: 100%; padding: 4% 0; background: #f9f8f8; position: relative; z-index: 2;}
.honor_container ul li{ width: 18.4%; float: left; margin: 0 2% 2% 0; box-sizing: border-box;}
.honor_container ul li:nth-child(5n){ margin-right: 0;}
.honor_container ul li img{ display: block; width: 100%; height: auto; }
.honor_img{ width: 100%; box-sizing: border-box;border: 1px solid #e4e4e4;}
.honor_container ul li h3{ font-size: 18px; text-align: center; font-weight: normal; line-height: 1.5em; letter-spacing: 0.4px; color: #505050; margin-top: 15px;}

@media screen and (max-width:1450px)
{
.honor_container ul li h3{ font-size: 16px;}
}

@media screen and (max-width:1100px)
{
.honor_container ul li{ width: 23.5%;}
.honor_container ul li:nth-child(5n){ margin-right: 2%;}
.honor_container ul li:nth-child(4n){ margin-right: 0;}
}

@media screen and (max-width:900px)
{
.honor_container ul li{ width: 32%;}
.honor_container ul li:nth-child(4n){ margin-right: 2%;}
.honor_container ul li:nth-child(3n){ margin-right: 0;}
}

@media screen and (max-width:560px)
{
.honor_container_content{ padding: 6% 0;}
.honor_container ul li{ width: 49%;margin: 0 2% 3% 0;}
.honor_container ul li:nth-child(3n){ margin-right: 2%;}
.honor_container ul li:nth-child(2n){ margin-right: 0;}
.honor_container ul li h3{ font-size: 3.6vw; margin-top: 2vw;}
}

/* product */

/* product list*/
/* product_top */
.inside_product_top_container{ margin-top: 4%;}
.inside_product_top_content{width: 100%; margin-top: 2.5%; position: relative;}
.inside_product_top{width: 94%; margin: 0 auto;}
.inside_product_top .swiper-slide 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;}
.inside_product_top .swiper-slide:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);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;}
.inside-product-next,.inside-product-prev{ z-index: 2; width: 72px; height: 55px; position: absolute;}
.inside-product-next{background: url(../images/pro_next.png) no-repeat center center; right: 0; top: 50%; margin-top: -27.5px; background-size: 100%;}
.inside-product-prev{background: url(../images/pro_prev.png) no-repeat center center; left: 0; top: 50%; margin-top: -27.5px; background-size: 100%;}

@media screen and (max-width:1000px){
.inside-product-next, .inside-product-prev{ width: 50px; height: 38px;}
}

@media screen and (max-width:560px){
.inside_product_top{width: 100%; padding-bottom: 55px;}
 .inside-product-next, .inside-product-prev{width: 55px;
    height: 42px;}
.inside-product-next{ right: 50%;
    margin-right: -58px;
  top: calc(100% - 21px);}
.inside-product-prev{   left: 50%;
    margin-left: -58px;
  top: calc(100% - 21px);}
}

/* product list */
.product_list_container{ width: 100%; box-sizing: border-box; margin-top: 4%; padding: 4% 0 3%; background: #f3f2f2;}
.product_lisit_tilte_content{ width:100%; border-bottom: 1px solid #dddddd;}

.product_list_content{margin-top: 2.5%;}
.product_list_left_content{ width: 21%; float: left; text-align: right;}

.product_list_left_content ul li{ font-size: 22px; line-height: 1.3em; color: #333333; letter-spacing: 0.6px; padding: 15px 0;box-sizing: border-box; padding-right: 20px;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; background: transparent;}
.product_list_left_content ul li.cur,.product_list_left_content ul li:hover{ background: #e40421; color: #fff;}
.product_line{ width: 3px; height: 40px; background: #e40421; float: right; margin-right: 20px;}
.product_list_left_content ul { margin: 7% 0;}
.product_list_left_content ul a.nav_none{ display: none;}


.product_list_right_content{ width: 72%; float: right;}

.product_list_right_content ul li{ width: 23.5%; float: left; margin: 0 2% 2% 0;border-radius: 5px; overflow: hidden; background: #fff; padding-bottom: 3%;  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;}

.product_list_right_content ul li:nth-child(4n){ margin-right: 0;}
.product_list_right_content ul li img{width: 100%; height:auto;display: block;    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;}
.product_list_right_content ul li h3 {
    font-weight: normal;
    font-size: 20px;
    text-align: center;
    line-height: 1.5em;
    letter-spacing: 0.4px;
    color: #333;
    margin-top: 10px;    height: 3em; overflow: hidden;
}

.product_list_right_content ul li p {
    border: 1px solid #d4d4d4;
    box-shadow: 10px;
    padding: 7px 0;
    width: 50%;
    box-sizing: border-box;
    margin: 4% auto 0;
    text-align: center;
    font-size: 16px;
    line-height: 1.5em;
    font-weight: normal;
    color: #585858;
    border-radius: 20px;
    transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.product_list_right_content ul li:hover p{
    background: #e40421;
    color: #fff;
    border: 1px solid #e40421;
}

.product_list_right_content ul li:hover {
    box-shadow: 0 0 20px #ccc;
}

.product_list_right_content ul li:hover img{    transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    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;}


.product_list_right_content h2{ font-weight: normal; font-size: 24px; letter-spacing: 0.6px; line-height: 1em; margin:2% 0 2%; border-left: 10px solid #e40421; padding-left: 15px; color: #333}


.nav_mob2{ display: none;}
.fenye_product{ border-top: none;}


@media screen and (max-width:1450px){
.product_list_left_content ul li{ font-size: 20px;padding-top: 13px;padding-bottom: 13px;}
.product_list_right_content ul li h3{ font-size: 18px;}
.product_list_right_content ul li p{ font-size: 15px;    padding: 4px 0;}
.product_list_right_content h2{ font-size: 22px;}
}

@media screen and (max-width:1350px){
.product_list_right_content ul li{ width: 32%;}
.product_list_right_content ul li:nth-child(4n){ margin-right: 2%;}
.product_list_right_content ul li:nth-child(3n){ margin-right: 0;}
}
@media screen and (max-width:900px){
.nav_mob2{ display:block;}
.product_list_left_content{ width: 100%; float: none;}
.product_list_right_content{ width: 100%; float: none; margin-top: 3%;}

.nav_mob2{ width: 100%; background: #fff; position:relative; text-align: left; box-sizing: border-box; padding: 17px 10px;}
.product_line{ display: none;}

.product_list_left_content h3{font-size:2.2rem; line-height:1em; font-weight: normal; color: #e40421;}
.product_list_left_content h3 i{ display:block;border-radius:5px; position:absolute; right:10px; top:0;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; height: 100%;}
.product_list_left_content h3 i span{  font-style:normal; text-align:center; display:block;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; background: url(../images/m_icon1.png) no-repeat center center; background-size: 100%; width: 30px; height:100% ;}
.product_list_left_content h3 i span.daohang2{ display:none;background: url(../images/m_icon2.png) no-repeat center center; background-size: 100%;}
.product_list_left_content h3 i.guanbi{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.product_list_left_content h3 i.guanbi span.daohang1{ display:none;}
.product_list_left_content h3 i.guanbi span.daohang2{ display:block;}

.product_list_left_content ul{ margin: 0; display: none; background: #fafafa;}
.product_list_left_content ul li{ border-bottom: 1px solid #eaeaea; padding: 0; text-align: center; padding: 10px 0;font-size: 2.2rem; line-height: 1.4em; color: #444;}

.product_list_left_content ul a.nav_none{ display:block;}
}

@media screen and (max-width:560px){
.nav_mob2{ padding: 17px 4vw;}
.nav_mob2 h3 i {
    right: 4vw;
}
.product_list_container{ padding: 6% 0;}
.product_list_right_content ul li{ width: 49%; }
.product_list_right_content ul li:nth-child(3n){ margin-right: 2%;}
.product_list_right_content ul li:nth-child(2n){ margin-right: 0;}

.product_list_left_content h3{ font-size: 4.2vw;}
.product_list_left_content ul li{ font-size: 4vw;padding:3vw 0; line-height: 1.2em;}
.product_list_left_content h3 i span{ width: 25px;}

.product_list_right_content ul li{ padding-bottom: 6%;}
.product_list_right_content ul li h3{ font-size: 3.8vw;}
.product_list_right_content ul li p{ font-size: 3.6vw; width: 60%; padding: 1vw 0;}
.product_list_right_content h2 { font-size: 4.2vw; padding-left: 3vw; margin: 5% auto 3%;}

}

/* inside_product */
.inside_nav_container3{ background: #fff;}

.inside_product_list_container{ margin-top: 0;}

.inside_product_container{width: 100%;box-sizing:border-box; padding: 4%; background: #fff;}

.inside_product_word_content2{ width:100%; overflow:hidden; position:relative;}


.inside_product_left{ width:42%; float:left;border:1px solid #e0e0e0; box-sizing:border-box;}

.inside_product_left img{ width:100%; height:auto;  display:block;}

.inside_product5_move .swiper-slide img.product_logo {
    position: absolute;
    left: 5%;
    top: 5%;
    z-index: 1;
    max-width: 30%;
}

.inside_product5_move .swiper-slide{box-sizing: border-box;}

.swiper-pagination10{display:none;}


.inside_product_right{ width:55%; float:right;}
.inside_product_xuan{width: 55%; overflow: hidden; position: absolute;bottom: 0;}
.inside_product_xuan dl dd{width: 23.5%; margin-right: 2%; box-sizing: border-box;border: 1px solid #e0e0e0; float: left;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.inside_product_xuan dl dd.active{border-box;border: 1px solid #e40421;}
.inside_product_xuan dl dd:nth-child(4n){margin-right: 0;}
.inside_product_xuan dl dd img{width: 100%; display: block;}

.inside_product_right h5{ font-size: 20px; line-height: 1.5em;font-weight: normal; color: #e40421;}

.inside_product_right h5 span{font-size: 32px;}

.inside_product_right h3{ font-size:34px; line-height:42px; color:#101010; background:#f6f6f6; padding:3% 4% 4% 3%; box-sizing:border-box; margin-top:3%; margin-bottom: 2%;}

.inside_product_right p{ font-size:16px; line-height:1.7em; color:#444444; margin-top:3%; width: 100%; letter-spacing: 1px;}

.inside_product_right h4{ font-size: 18px; line-height:40px;    background: #e40421; border-radius: 20px; color: #fff; text-align: center; width: 200px; font-weight: normal; position: absolute; bottom: 35%;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}

.inside_product_right h4:hover{background: #f6ad3a; }

.jiejue_title h3{ font-size:28px; line-height:32px; background:url(../images/jiejue_line.png) no-repeat left bottom; font-weight:normal; color:#3a3a3a; padding-bottom:2.3%; margin-top:3%;}
.tedian_content{ width:100%; overflow:hidden; margin-top:2%;}
.tedian_content h3{ font-size: 22px; line-height: 1.5em; margin:30px 0 20px; letter-spacing: 0.6px; background: url(../images/wenhua_icon4.png) no-repeat left center; background-size: 30px; padding-left: 40px; color: #262626;}
.tedian_content p{ font-size:16px; color:#434343; line-height:1.7em;letter-spacing: 0.6px; margin-top: 15px;}
.tedian_content img{display: block;max-width: 100%; margin: 0 auto;}

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

.inside_product_right h3{font-size: 32px;}
.inside_product_right h5{font-size: 18px;}
.jiejue_title h3{font-size: 26px;padding-bottom: 25px;}
.inside_product_right p{ font-size: 15px; }
.inside_product_right h4{ width: 180px; font-size: 15px;bottom: 35%; line-height: 35px;}
.tedian_content h3{ font-size: 20px;background-size: 26px;padding-left: 34px;}
.tedian_content p{ margin-top: 10px;}
}


@media screen and (max-width:1300px){
.inside_product_right h4{ width: auto; text-align: left; background: none; color: #e40421; bottom: 32%; display: none;}

.inside_product_right h4:hover{ color: #f6ad3a; background: none;}

}


@media screen and (max-width:1100px){
  .inside_product_left{width: 100%; float:none;}
.swiper-pagination10{display: block;}
  .swiper-container-horizontal>.swiper-pagination10 {
          bottom: 15px!important;}
  .swiper-pagination10 .swiper-pagination-bullet{ width:10px; height:10px; margin:0 3px!important; background: #000;
      opacity: .4;}
  .swiper-pagination10 .swiper-pagination-bullet-active{ background:#000000;opacity:1;}
  .inside_product_xuan{display: none;}

  .inside_product_right{width: 100%; margin-top: 5%;}
  .inside_product_right p{float: none;width: 100%;margin-top: 2%;}
  .jiejue_title h3{margin-top: 5%; padding-bottom: 17px;}
  .tedian_content{margin-top: 2%;}

  .inside_product_right h4{ position:static; bottom:0; width: 50%; margin-top: 15px;background: #e40421;color: #fff; text-align: center; display: block;}
  .inside_product_right h4:hover{background: #f6ad3a; color: #fff;}
  .tedian_content h3{ margin: 3% 0 2%;}
}

@media screen and (max-width:560px){
.inside_product_right h5{font-size: 4vw;}
.inside_product_right h3{font-size: 5.8vw;padding: 2% 4% 2.5% 3%;}
  .inside_product_right p,.tedian_content p{font-size: 3.8vw;}
  .tedian_content p{ margin-top: 1.6vw;}
  .inside_product_right p{ margin-top: 2vw;}
  .jiejue_title h3{font-size:4.6vw;    padding-bottom: 3.5vw;}
  .fenye2{margin-top: 5%;}
  .inside_product_right h4{ font-size: 4vw; line-height: 10vw; width: 100%;}
  .tedian_content h3{ font-size: 4.4vw; background-size: 6.4vw; padding-left: 8vw; margin: 5vw 0 3vw;}
}

.inproduct_insi{ width:100%; position:relative;}

.guanlian_chanpin{ width:95%; margin:0 auto 0 auto;padding: 0 5px;box-sizing: border-box;}

.guanlianpro-next{ width:14px; height:25px; background:url(../images/inproduct_right.png) no-repeat center center; background-size:100%; z-index:2; position:absolute; right:0%; top:50%; margin-top:-12.5px;}

.guanlianpro-prev{width:14px; height:25px; background:url(../images/inproduct_left.png) no-repeat center center; background-size:100%; z-index:2; position:absolute; left:0%; top:50%; margin-top:-12.5px;}


.guanlian_chanpin .swiper-slide{margin: 2.5% 0 0; width: 100%; box-sizing:border-box;}

.jiejue_product_img{display: block;width:100%; box-sizing:border-box;  overflow:hidden;padding:5%;border:1px solid #e9e9e9; }


.guanlian_chanpin .swiper-slide .jiejue_product_img img{ width:100%; display:block; 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;}

.guanlian_chanpin .swiper-slide .jiejue_product_img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);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;}


.guanlian_chanpin .swiper-slide h3{ text-align:center; font-size:16px; line-height:22px; font-weight:normal; color:#101010; margin-top:6%;}

.guanlian_chanpin .swiper-slide h3:hover{ color:#ea0a2a;}

.guanlian_chanpin .swiper-slide h3 i{ margin-right:5%;}

@media screen and (max-width:1200px){
  .guanlian_chanpin{width: 92%;}
}

@media screen and (max-width:900px){
.guanlian_chanpin .swiper-slide h3{ font-size:14px;}
.guanlian_chanpin{ width:90%;}
}

@media screen and (max-width:560px){
.guanlian_chanpin{ width:85%;}
.guanlian_chanpin .swiper-slide{margin-top: 5%;}
}



/* search */
.search_container{ margin-top: 0; background: #eae9e9;}
.search_container .product_list_right_content{ width: 100%;}
.search_container .product_list_right_content ul li{ width: 18.4%;}
.search_container .product_list_right_content ul li:nth-child(4n){ margin-right: 2%;}
.search_container .product_list_right_content ul li:nth-child(5n){ margin-right: 0;}

@media screen and (max-width:1350px){
.search_container .product_list_right_content ul li{ width: 23.5%;}
.search_container .product_list_right_content ul li:nth-child(5n),.search_container .product_list_right_content ul li:nth-child(3n){ margin-right: 2%;}
.search_container .product_list_right_content ul li:nth-child(4n){ margin-right: 0;}
}

@media screen and (max-width:900px){
.inside_nav_container3 {
      width: 100%;
      background: #f3f2f2; overflow:hidden;
  }
.inside_nav_container3 .inside_nav{ margin: 20px 0;}
.search_container .product_list_right_content ul li{ width: 32%;}
.search_container .product_list_right_content ul li:nth-child(4n){ margin-right: 2%;}
.search_container .product_list_right_content ul li:nth-child(3n){ margin-right: 0;}
}

@media screen and (max-width:560px){
.inside_nav_container3 .inside_nav{ margin: 3vw 0;}
.search_container .product_list_right_content ul li{ width: 49%;}
.search_container .product_list_right_content ul li:nth-child(3n){ margin-right: 2%;}
.search_container .product_list_right_content ul li:nth-child(2n){ margin-right: 0;}
}

/*jingxiaoshang*/
.jingxiaoshang_container ul {display: -webkit-flex;display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap:wrap;}
.jingxiaoshang_container ul li{ width:32%; margin:0 2% 0 0; background:#ededed;    box-sizing: border-box;
    padding: 1.5% 2%;}
.jingxiaoshang_container ul li:nth-child(3n){ margin-right:0;}
.jingxiaoshang_container ul li:nth-child(n+4){margin-top:1%;}
.jingxiaoshang_container ul li h3{ font-size:20px; line-height:1.3em;}
.jingxiaoshang_container ul li p{ font-size:16px; color:#333; line-height:1.3em; margin-top:10px;}
@media screen and (max-width:1450px){
  .jingxiaoshang_container ul li h3{ font-size:18px;}  
  .jingxiaoshang_container ul li p{ font-size:15px;}
}

@media screen and (max-width:560px){
 .jingxiaoshang_container ul li p{ font-size:3.6vw;margin-top: 2vw;}   
 .jingxiaoshang_container ul li h3{ font-size:4.2vw;}  
 .jingxiaoshang_container ul li{ padding:3vw; width:49%;}
 .jingxiaoshang_container ul li:nth-child(3n){ margin-right:2%;}
 .jingxiaoshang_container ul li:nth-child(2n){ margin-right:0;}
 .jingxiaoshang_container ul li:nth-child(n+4){margin-top:0;}
 .jingxiaoshang_container ul li:nth-child(n+3){margin-top:2%;}
    
}