a:hover{text-decoration: none;}
/*****************************index************************/
/****header******/
.banner_height{min-height:60px;border:none;position:relative;}
#header{box-shadow: 0 0 5px Rgba(0,0,0,0.2); position: fixed; width: 100%}
.search_icon{display:inline-block;width:22px;height:22px;background: url("../images/search_icon.png") no-repeat; background-size:90% 90%;cursor: pointer;vertical-align: middle;margin-left: 3px; margin-bottom:10px;}
.banner_right{margin-right:3%;}
.banner_right li{line-height: 75px;}
.center_ul{margin-left:20%;}
div.navbar-header>a.logo{margin-left: 2%;!important;}

.container > .m_5{margin-left: 5%;}
.navbar-brand > img{width: 100%;}
.navbar-toggle{margin-top: 13px;}
.container_pc{overflow: hidden;}
.pc_sea_b{width: 20px;height:32px;position: relative;margin-top:20px;line-height:32px;border: 1px solid #b3b3b3;border-width:0px;border-radius: 6px;overflow: hidden;}
.pc_sea_k{width:170px;height:40px;border-radius: 8px;outline: none;border: 1px solid #b3b3b3;border-width:0px;padding-left: 5px; line-height:38px;}
.containerPC{overflow:hidden;}
.mo_tool{margin-top: 4%;margin-right: 4%;width: 60px;}
.lo_a{display: inline-block; color:#333;margin-right:7%; font-size:1.3rem;}

.header-search{	position: relative;	width:40px;height:55px;float: left; margin-top:10px;}
.header-search .on-roll{position: absolute;	right: 0;top: 0;width:40px;height:55px;background: url("../images/search.png") center 10px no-repeat;transition-duration:300ms;}
.header-search .on-roll:hover{background: url("../images/searchb.png") center 10px no-repeat #cf0909;}
.on-close{position: absolute;right: 0;top: 0;width:40px;height:55px;background: url("../images/close.png") center 10px no-repeat;display: none;}
.open-search{position: absolute;right:40px;top: 0;	width: 0;height:55px;background: #f4f4f4;padding:0 0 0 0 ;	overflow: hidden; z-index:10;}
.open-search .in-search{height:55px;line-height:55px; font-size:18px;background: transparent;border:0 none;display: block;	width: 280px;float: left; padding:0 0 0 14px;}
.open-search .submit-search{float: right;width: 80px;height: 60px;background: url("../images/search.png") center 10px no-repeat;border: 0 none;}
.sjjjjs{ display:none;}
/**********header_end*******/

/****banner*****/
#banner_slide{width: 100%;position: relative;}
#banner_slide .swiper_slide{margin: 0;}
#banner_slide .swiper-pagination-bullet{background: #504228;opacity: 1;}
#banner_slide .swiper-pagination-bullet-active{background: #cf0909;}
#P_banner_slide{width: 100%;overflow: hidden;}
.icon_down {
    position: absolute;
    left: 50%;
    margin-left: -20px;
    bottom: 12%;
    display: inline-block;
    width: 41px;
    height: 41px;
    background: url(../images/down_btn.png) no-repeat;
    z-index: 100;
    animation: myfirst 4s infinite;
    -moz-animation: myfirst 4s infinite;
    -webkit-animation: myfirst 4s infinite;
    -o-animation: myfirst 4s infinite;
    cursor: pointer;
}
@keyframes myfirst
{
    0%   {bottom:12%;}
    50%  {bottom:8%;}
    100% {bottom:12%;}
}

@-moz-keyframes myfirst /* Firefox */
{
    0%   {bottom:12%;}
    50%  {bottom:8%;}
    100% {bottom:12%;}
}

@-webkit-keyframes myfirst /* Safari �� Chrome */
{
    0%   {bottom:12%;}
    50%  {bottom:8%;}
    100% {bottom:12%;}
}

@-o-keyframes myfirst /* Opera */
{
    0%   {bottom:12%;}
    50%  {bottom:8%;}
    100% {bottom:12%;}
}

/****banner_END*****/

/*******main***********/
.homexx{ margin:0 auto; width:100%; text-align:center; po}
.homexx img{ margin:0 auto; max-width:98%;}

.spbfal{ width: 100px; height: 100px; cursor: pointer; border-radius: 50%;background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(5px); text-align: center; line-height: 80px; display: flex; transition:all 0.5s ease;margin: 0 auto;}
.spbfal img{line-height: 80px; width: 60px;margin: 0 auto;}
.spbfal:hover{background:#d21919;}
.spalh{display: block;}
.spalb{display: none;}
.spbfal:hover .spalb{display: block;width: 36px;margin: 0 auto;}
.spbfal:hover .spalh{display: none;}
.zzao{position:fixed;height:100%;width:100%;background:rgba(0,0,0,.8);top:0;left:0;z-index:-1;opacity:0}
.sb_zzao{z-index:99;width:100%;height:100%;top:0;left:0;right: 0; bottom: 0; background:rgba(0,0,0,.9);visibility:hidden; opacity:0;}
.video_out{display:none; top: 50%; left:41%; transform: translate(-50%,-50%); width: 82%;}
.video_out video{ width: 100%;}
.vdo_close{width:30px;height:30px;border-radius:50%;background:black;top:-15px;right:-15px;z-index: 10; cursor: pointer;}
.vdo_close img{width: 16px; margin: 7px 0 0 7px;}
.vdo_close .iconfont{display:block;text-align: center;line-height:30px;font-size:13px;color:white;cursor:pointer;}
.vdo_close .iconfont:hover{transform-origin:center;transform:rotateZ(360deg);-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-ms-transform:rotateZ(360deg);-o-transform:rotateZ(360deg);}
.jjsp{background: #000;}
.jjsp video{width: 100%; opacity: 0.8;display: flex;background: var(--color-bs);}
.jjspw{ z-index: 10;}
.bfwzsp{color: #fff; padding-top: 20px;}









.cp_title{width: 100%;text-align: center; padding:80px 0 30px 0;}
.cp_title h2{  font-size:2.4rem;color: #d21919;margin-bottom:5px;}
.cp_title p{font-size: 1.3rem;color: #666;}

.cp_top{background: #f9f9f9;}
.cp_slide_list{width: 100%;height: 100%;}
#cp_slide_left{width: 100%;}
#cp_slide_left a{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;position: relative;}
#cp_slide_left .swiper-pagination-bullet{background: #504228;opacity: 1;}
#cp_slide_left .swiper-pagination-bullet-active{background: #cf0909;}
#cp_slide_left .swiper-pagination{bottom: 6%;}
/*#cp_slide_left img{width: 80%;margin-top: -10%;}*/
.cp_d{background: #f5f5f6;}
.cp_l_art{width: 100%;position: absolute;left:3%;bottom:4%;}
.cp_l_art p{font-size:1.8rem;color:#000;}
.cp_l_art span{font-size:13px;color:#666;}


.cp_d_r{overflow: hidden;}
.scpfl a{display: block; width: calc(100%/3); position: relative; background: #000;}
.scpfl a img{transition:all 0.5s ease; width: 100%;}
.scpfl a .sfl-z{bottom: 5%; color: #fff; font-size: 24px; transition:all 0.5s ease;}
.scpfl a:hover img{opacity: 0.5;}
.scpfl a:hover .sfl-z{bottom: 7%;}



.navbar-default .navbar-toggle{border-color: #f4f4f4;}
.navbar-default .navbar-toggle .icon-bar{background-color: #333;}
.navbar-toggle .icon-bar{ width:27px;}



#cp_slide_right{width: 100%;}
#cp_slide_right .swiper-button-prev{width:50px;height:64px;background: url("../images/cp_r_prev.jpg") center no-repeat;right:62px;left: inherit;z-index: 150}
#cp_slide_right .swiper-button-next{width: 50px;height: 64px;background: url("../images/cp_r_next.jpg") center no-repeat;z-index: 150}
.cp_d_r a{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;position: relative;}

.w_80{width: 80%;overflow: hidden;}
.w_85{width: 85%;overflow: hidden;}
.num_count{width:100%;overflow: hidden;}
.num_count ul{display: flex;justify-content: center;align-items: center;}
.num_count ul li{text-align: center;}
.num_count h3 span{font-size:3.9rem;font-family:num; }
.num_count{padding:0 0 35px;}
.num_count ul li p{font-size: 13px;color: #666666;font-family:num;}



/* 
#news_slide{margin-bottom:30px;}
.news_img{ float: left;width: 50%;}
.news_art{float: left;width: 50%;text-align: center;background: #f9f9f9;padding:0 5%;}

.news_art h2{color: #cf0909;margin-top:23%;margin-bottom: 5%;font-size: 2rem;}
.news_art p{color: #646464;font-size: 13px;}

.news_art span{margin-top:5%;display: inline-block;width: 173px;height:38px;border: 1px solid #e5e5e5;background: white;color: #656565;font-size:1.2rem;line-height:38px;text-align: center;transition:all .5s; }
.news_art span:hover{transition: all .5s; color: white;background: #cf0909;border-color: #cf0909;}

#news_slide .swiper-wrapper{margin-bottom:3%;}
#news_slide .swiper-pagination{}
#news_slide .swiper-pagination-bullet{width: 12px;height: 12px;background: #888;opacity: 1;}
#news_slide .swiper-pagination-bullet-active{background: white;border: 2px solid #cf0909;} */

/*******main_EnD***********/

/*********footer***********/
.footer{background: #323232;padding: 50px 0;}
.footer p a:hover{color:#fff;}
/*********footer_END***********/

/****************Product_list****************/
.p_banner{ width: 100%;position: relative;background:black;overflow: hidden;}
.p_banner img{ width:100%;}
.loc_href{position: absolute;left:5%;top: 5%;color: #515151;z-index: 99;}
.loc_href a{color: #515151;}
.loc_href a.active{color:#cf0909;}
.p_bg_title{position: absolute;width: 400px;left: 50%;margin-left: -200px;top:45%;color: white;font-size: 48px;text-align: center;z-index: 99;}
.p_bg_title p{font-size:24px;}

.pro_tab{width: 100%;padding: 0 5%;background: #555;/*height: 65px;*/}
.pro_tab ul {display: block;width: 100%;height: 100%;margin-bottom: 0;}
.pro_tab ul li{float: left;}
.pro_tab ul li a{display: block;width: 100%;height:100%;padding:0 25px;line-height: 65px;color: white;}
.pro_tab ul li a:hover{}
.pro_tab ul li a.active{background: #cf0909;color: white;}

.pro_box{width: 100%;padding: 0 5%;overflow: hidden;margin-top: 30px;margin-bottom: 30px;}

.pro_box2{ max-width:95%; margin:30px auto 0;}
.pro_box2 ul li{ float:left; width:19%; background:#fff; margin:0 0.5% 1% 0.5%; text-align:center; padding-bottom:30px;}
.cpbtx{ font-weight:bold; max-width:90%; text-align:center; margin-bottom:50px; font-size:1.2rem;display:block;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.cpmore a{ border:1px solid #ccc; display:block; padding:5px 0; color:#999; width:100px; font-size:1rem; margin:0 auto;border-radius:5px;transition:all .5s;}
.cpmore a:hover{border:1px solid #333; background:#333; color:#fff;transition:all .5s;}
.pro_box2 ul li img{ max-width:90%;display: inline-block; }
.pro_img2{  vertical-align: middle;}

.e_g{background: #f4f4f4;}
.pro_box ul{}
.pro_box ul li{float: left;width: 19%;margin:0.25%;text-align: center;margin-top: 1%; background:#fff;}
.pro_box ul li a{display: block;width: 100%;position: relative;}
.pro_box .pro_img img{width: 100%;}

.pro_art{position: absolute;width: 100%;left:0;bottom:8%;color: #333;font-size: 1.2rem;}

.r_box_text{position: absolute;width: 100%;height: 100%;top: 0;left: 0;text-align: center;background: rgba(209, 22, 22, .95);color: white;opacity: 0;overflow:hidden;transition: all .5s;}

.r_box_text h3{margin-top:20%;font-size: 20px;}
.r_box_text p{font-size: 14px;margin-top:5%; padding:0 40px;}
.more_btn{position:relative;width: 125px;height: 40px;text-align:center;line-height:38px;font-size: 14px;color: white;border:none;border-top: 1px solid #e37373;border-bottom: 1px solid #e37373;background: transparent;margin-top:8%;overflow: hidden;}
.more_btn::after{content: '';width: 100%;height: 100%;background: rgba(227, 115, 115, 0.55);position: absolute;left: 0;top:100%;transition: all .3s;}
.more_btn:hover::after{top: 0;transition: all .3s;}

.pro_box ul li a:hover .r_box_text{opacity: 1;transition: all .5s;}

.art_box{opacity:0;transform:translateY(30px);}

.pro_box ul li a:hover .art_box{opacity: 1;transform:translateY(0px);transition: all .5s;}




.footer-1 ul li{ color: #fff; text-align: left; width: calc(100%/4); padding-right: 30px;}
.footer-1 ul li h2,.footer-2 h2{width: 100%; font-size: 17px; font-weight: 700; padding-bottom: 8px;height: 27px;}
.footer-1 ul li a{color: Rgba(250,250,250,0.7); display: block; padding: 2px 0;}
.footer-2 li{width:calc(100%/3);color: #fff;padding-right: 30px;}
.footer-2 li p{color: Rgba(250,250,250,0.7);text-align: left; }
.footer-1 ul li:last-of-type,.footer-2 li:last-of-type{padding-right: 0;}
.footer-2{border-top: 1px solid Rgba(250,250,250,0.1); padding-top: 10px; margin-top: 40px;}
.footer-sm p{position: absolute;bottom:20px;left:18px;transition: all 0.5s ease;transform: translate(-50%, 15px);opacity: 0;visibility: hidden;background: #fff;border-radius: 10px;overflow: hidden;text-align: center;font-size: 12px;z-index: 15;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);}
.footer-sm:hover p{ opacity: 1; visibility: visible; transform: translate(-50%, -5px);}
.sm-nr img{width: 26px;}
.sm-nr p img{width: 110px;}

.footer-3,.footer-3 a{font-size: 12px; color: #666;}
.sxwo{padding: 100px 0;}
.sxwgd,.sxw-r{width: 50%;}
.sxw-r{padding: 40px;}
.sxw-r a{display: block; border-bottom: 1px solid #f1f1f1; padding: 6px 0; margin: 11px 0; color: #333;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.sxw-r a:hover{color: #e71e14;}
.sxw-r a.iconHov{color: #e71e14;}


/*内页产品小图*/
.page{text-align:center; padding-bottom:30px;}
.page ul{float:left; position:relative; left:50%;padding-bottom:12px;}
.page ul li{position:relative; right:50%; float:left; margin-right:4px; text-align:center; }
.page ul li a{display:block;color:#666;width:40px; height:40px; line-height:40px; text-align:center; border: 1px solid #e1e1e1;transition: 1s;}
.page ul li a:hover{background:#e71e14;color:#FFF;width:40px; height:40px; line-height:40px; text-align:center; display:block;border: 1px solid #e71e14;transition: 1s;}
#page-dq{ background:#e71e14;}
#page-dq a{color:#FFF;border: 1px solid #e71e14;}
#page-dq a:hover{background: none;}

.cp_bg_ani{
    opacity: .0;
    transform: scale(1.1);
    animation: ani_bg 10s;
    -moz-animation: ani_bg 10s;	/* Firefox */
    -webkit-animation: ani_bg 10s;	/* Safari 和 Chrome */
    -o-animation: ani_bg 10s;	/* Opera */
    animation-fill-mode:forwards;
}

@keyframes ani_bg
{
    0%   { opacity:0;transform: scale(1.1);}
    100% { opacity: 1;transform: scale(1);}
}

@-moz-keyframes ani_bg /* Firefox */
{
    0%   { opacity:0;transform: scale(1.1);}
    100% { opacity: 1;transform: scale(1);}
}

@-webkit-keyframes ani_bg /* Safari 和 Chrome */
{
    0%   { opacity:0;transform: scale(1.1);}
    100% { opacity: 1;transform: scale(1);}
}

@-o-keyframes ani_bg /* Opera */
{
    0%   { opacity:0;transform: scale(1.1);}
    100% { opacity: 1;transform: scale(1);}
}
/****************Product_list_END****************/

/**************Product****************************/
.pro_mess{width: 78%;overflow: hidden;}
.pro_loc{position: relative;padding:33px 0 15px 0;left: 0;top: 0;}
.loc_a_move ul{}
.loc_a_move ul li{float:left;padding: 1.2rem 0; width:33.1%; text-align:center; color:#333;margin-right: 5px;background: white;transition: all .5s;cursor: pointer;}
.loc_a_move ul li.active{color: white;background: #cf0909;}
.loc_a_move ul li:hover{color: white;background: #cf0909;transition: all .5s;}
.loc_a_move ul{margin-bottom:5px;margin-top: 10px;}
.fixed_move{position: fixed;width:100%;left: 50%;top:0;margin-left:-50%;background: #666;z-index: 9999;}
.fixed_ul{width: 78%;}
.loc_a_move2 ul li{float:left;padding: 1.2rem 0; width:49.7%; text-align:center; color:#333;margin-right: 5px;background: white;transition: all .5s;cursor: pointer;}
.loc_a_move2 ul li.active{color: white;background: #cf0909;}
.loc_a_move2 ul li:hover{color: white;background: #cf0909;transition: all .5s;}
.loc_a_move2 ul{margin-bottom:5px;margin-top: 10px;}


.pro_detial{margin-top:10px;width: 100%;overflow: hidden;}
.p_d_l img{width: 100%;}
.p_d_l{width: 49%;margin-right: 1%;}
.p_d_r{width:100%;background: white;text-align: center;overflow: hidden; padding:2% 2% 0% 2%;}
.p_d_r h4{margin-top: 3px;margin-bottom: 3px;}
.down_icon{display:inline-block;width: 22px;height: 10px;background:url("../images/cpxq_06.jpg") no-repeat;}

.p_d_r h3{color: #cf0909;font-size: 1.5rem;}
#pro_de_slide{width:99%;}
#pro_de_slide .swiper-pagination{bottom: 0;top: inherit;}
#pro_de_slide .swiper-pagination-progress .swiper-pagination-progressbar{background: #cf0909}
#pro_de_slide .swiper-button-prev{width: 32px;height: 32px;background:url("../images/p_jt_l.png") no-repeat;}
#pro_de_slide .swiper-button-next{width: 32px;height: 32px;background:url("../images/p_jt_r.png") no-repeat;}
.de_img{}
.de_img img{max-width:100%;}
.de_art{color: #0f0f0f;text-align: center;width: 100%;font-size: 16px;}
#pro_de_slide .swiper-wrapper{margin-bottom: 30px;}

.pro_int{width: 100%;overflow: hidden;padding:3%;font-size: 16px;line-height: 22px;background: white;margin-top:10px;}
.pro_int h3{margin-bottom: 10px;}
.parts_co{width: 100%;margin-top: 10px;background: white;padding:3%;}
.parts_co h3{margin-bottom: 10px;}

.parts_co p{}
.parts_box{width: 100%;overflow: hidden;}
.parts_b_l{float: left;width:48%;background: white;}
.parts_b_r{float: right;width:50%;background: white;}
.parts_box h3{color: #cf0909;}
#p1_slide{width: 100%;}
.show_part{display: none;width:67%;margin: 0;margin-bottom:1%;padding-bottom: 1rem;border-bottom: 1px solid #e0e0e0;}
.show_part span{float: left;}
.show_part b{float: right}
.show_part b:hover{text-decoration: underline; cursor:pointer;}
.show_part i{font-style: inherit;}

#p2_slide img{text-align: center;}
.pro_co_case{opacity: .2;pointer-events: none;}
.parts_b_l>div.active{opacity: 1;pointer-events: auto;}
.parts_b_l>div.active h3{ font-size:20px !important;}
.pro_co_case p{text-align: center;margin-bottom: 0; line-height: 28px;display:block;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}

.pro_co_case ul{}
.pro_co_case ul li{width:16%;float: left;margin-right:4px;border: 1px solid #ddd;border-radius:3px;overflow: hidden;cursor: pointer;transition: all .5s; margin-bottom:5px;}

.pro_co_case ul li:hover{border: 1px solid #888;cursor:pointer;transition: all .5s;}
.pro_co_case ul li.active{border: 1px solid #cf0909;transition: all .5s;}
.parts_b_r{}
.form_action{width: 100%; background: #f4f4f4;padding:3% 5%;border-radius:8px;}
.form_action div{width: 100%;border: 1px solid #e6e6e6;}
.form_action h4{font-size: 14px;}
.form_action div input{border: none;}

.choose_size{font-size: 16px;padding: 4px 10px;background: white;height: 45px;line-height: 38px;}
.text_box{height:45px;background: white;margin-top: 5px;}
.text_box input{width: 100%;height: 100%;padding: 0 10px;}
.text_box textarea{width: 100%;border: none;padding-left: 10px;}

.get_btn{width: 315px;height: 45px;line-height: 45px;text-align: center;color: white;background: #cf0909;display: block;margin: 0 auto;margin-top: 40px;border: none;border-radius: 8px;font-size: 18px;margin-bottom: 30px;}
.pro_co_case .swiper-slide{border-bottom: 1px solid transparent;cursor: pointer;}
.pro_co_case .swiper-slide:hover{border-bottom: 1px solid #cf0909;}



.list_th{width:100%;margin-top:10px;margin-bottom: 30px;}
.list_th_box a{display: block;background: #f3f3f3;color: #a7a7a7;font-size: 15px;padding-top:10px;padding-bottom: 10px; position:relative;transition: all .5s;}
.list_th a.pa_prev{text-align:left;width:44%;padding-left:8px;display:block;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.list_th a.pa_back{width:11.6%;margin:0.2%; text-align: center;float: left;}
.list_th a.pa_next{text-align: right; float: right;width: 44%;padding-right: 8px;display:block;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}

.list_th a:hover{background: #cf0909;color: white;transition: all .5s;}


/**************Product_END************************/

/**************Article_list***********/
.newList_box{width:91%;overflow: hidden;}
.pic_warrper{width: 100%;}
.pic_warrper img{width: 100%;max-width: 100%;}

.news_content{width: 100%; padding:25px; padding-bottom:5px; padding-top:10px;}
.p_new_time{
    font-size: 1em;
    line-height: 120%;
    letter-spacing: .06em;
    color: #000;
    text-transform: uppercase;
    margin-bottom: .625em;
}
.p_new_title{
    line-height: 120%;
    margin-bottom: 10px;
    color: #cf0909;
    font-size:1.6rem;
	font-weight:normal;display:block; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;
}
.p_new_text{text-align: left;color: #555;font-size: 15px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; height: 46px;
    overflow: hidden;}

.left_box_m{float: left;width: 48%;}

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

.newList_box ul li{margin-top: 30px;}

.jt_icon{display: inline-block;width:14px;height: 14px;background: url("../images/jt_art.png") no-repeat;vertical-align: middle;margin-right:10px;transition: all .5s;}
.back_h{display: inline-block; font-size: 15px;color: #555;transition: all .5s;margin-top: 30px;margin-bottom: 20px;}
.back_h:hover{color: #cf0909;transition: all .5s;}
.back_h:hover .jt_icon{}

.news_article{width: 100%;padding: 1%;color:#000;line-height:1.7rem; font-size:16px; text-align: left;}
.news_article img{display: inline-block;margin-bottom: 5px;max-width: 100%;}

.news_article h4{text-align: center;margin-bottom:15px;font-size:1.8rem; padding-top:35px;}
.news_article h3{text-align: center;font-size:1rem; padding-bottom:10px; margin-top:8px; border-bottom:1px solid #f1f1f1; color:#666; margin-bottom:15px;}

.art_hr{margin-top: 15px;margin-bottom: 15px;}
.art_hr ul{display: flex;justify-content: center;align-items: center;}

.art_hr li{width: 49.5%;padding: 10px 13px;background: #f9f9f9;overflow:hidden;transition: all .5s;line-height: 35px;}
.art_hr li a{display: block;width: 100%;overflow: hidden;}
.art_hr li a p{margin-bottom: 0;}


.art_hr li:hover{background: #cf0909;transition: all .5s;}
.art_hr .p_new_time{font-size: 14px;margin-top: 5px;}
.art_hr .p_new_text{font-size: 15px;text-align: right;}
.art_hr li:hover .p_new_time{color: white;}
.art_hr li:hover .p_new_text{color: white ;}

.art_hr li div.rt{margin-right: 10px;text-align: right;}
.art_hr li div.lt{margin-left: 10px;text-align: left;}

.c_l_jt_icon{display: inline-block;width:14px;height: 14px;background: url("../images/jt_f_l.png") no-repeat;vertical-align: middle;margin-right:10px;margin-top:0%;transition: all .5s;}
.c_r_jt_icon{display: inline-block;width:14px;height: 14px;background: url("../images/jt_f_r.png") no-repeat;vertical-align: middle;margin-left:10px;margin-top:0%;transition: all .5s;}

.art_hr li:hover .c_l_jt_icon{background: url("../images/jt_f_l_w.png") no-repeat;transition: all .5s;}
.art_hr li:hover .c_r_jt_icon{background: url("../images/jt_f_r_w.png") no-repeat;transition: all .5s;}

/**************Article_list_END*********/

/********join****************/
.join_main{background: #F2F2F2;}
.join_warper{width: 100%;overflow: hidden;margin: 0 auto;padding: 10px 1%;}
.join_title{text-align: center;}
.join_title h3{color: #e95549;font-size: 2.5rem;margin-bottom: 20px;margin-top: 40px;}

.join_form{width: 100%;background:#F2F2F2;overflow: hidden;}
.join_form ul{display: block;width:91.5%;margin-top: 2%;}
.join_list li{margin-bottom:5px;}
.join_list li div{
    width: 100%;
    display: table;
    padding: 15px 25px;
    background-color: #fff;
    cursor: pointer;
    box-sizing: border-box;
    -moz-box-sizing: border-box;transition:all 0.5s;
}
.join_list li div:hover {background-color: #D6000E;transition:all 0.5s;}
.join_list li.active div {
    background-color: #D6000E;
}
.join_list li div:hover{
    color: white;
}
.join_list li:last-child{
    margin-bottom:1px;
}
.join_list li.active div{
    color: white;
}
.join_list li div i {
    float: left;
    margin-top: 5px;
    font-size: 15px;
    font-weight: bold;
    vertical-align: middle;
    font-style: inherit;
}
.join_list li div span {
    float: right;
    display: inline-block;
    width: 29px;
    height: 29px;
    background: url(../images/rc1.png) no-repeat center center;transition:all 0.5s;
}
.join_list li div:hover span {
    background: url(../images/rc2.png) no-repeat center center;transition:all 0.5s;
}
.join_list li.active div span {
    background: url(../images/rc2.png) no-repeat center center;transition:all 0.5s;
}
.join_list li div font {
    float: right;
    margin-top: 5px;
    vertical-align: middle;
	padding-right:2%;
}
.join_list li div font small {
    display: inline-block;
    width:150px;
    /* margin-right: 50px; */
    font-size: 13px;
    color: #666666;
}
.join_list li div:hover font small{color: white;}
.join_list li.active div font small{color: white;}
.join_list li article {
    display: none;
    width: 100%;
    padding: 20px 40px;
	background:#fff;
}
/*.join_list li article{*/
    /*display: block;*/
/*}*/
.join_list li article section {
    margin-bottom:15px;
}
.join_list li article h4 {
    font-size: 18px;
    color: #D6000E;
    font-weight: bold;
    margin-bottom:10px;
}
.join_list li article p {
    font-size: 15px;
    color: #333;
    margin-bottom: 5px;
    line-height: 1.8;
}
.join_list li article button {
    width: 208px;
    height: 40px;
    background-color: #666666;
    color: #fff;
    font-size: 15px;
    text-align: center;
    line-height: 40px;
    border: none;
    transition: all .5s;
	margin-bottom:10px;
}
.join_list li article button:hover{
    background-color: #cf0909;
    transition: all .5s;
}
.layer{width: 100%;height: 100%;overflow: hidden;background: rgba(0, 0, 0, 0.75);position: fixed;left: 0;top: 0;z-index: 9999;display: none;}

.form_box{width: 60%;position:relative;left: 50%;top: 60%;margin-left: -30%;margin-top: -20%;z-index: 999;background: white;padding: 2%;}

.form-group {
    width: 32%;
    float: left;
    margin-right: 1%;
    margin-bottom: 25px;
}
.form-group .form-control {
    width: 100%;

}
.con_ipt{width: 100%;}
.con_ipt textarea{
    line-height: 40px;
}
.btn-book {
    float: left;
    display: block;
    width: 320px;
    height: 50px;
    margin: 30px auto 0;
    background-color: rgba(236,90,18,1);
    border: none;
    color: #f5f5f5;
    text-align: center;
    margin-right: 1%;
    transition: all .5s;
}
.btn-book:hover{
    background-color: white;
    border:1px solid rgba(236,90,18,1);
    color:rgba(236,90,18,1);
    transition: all .5s;
}
.btn-close{
    float: left;
    display: block;
    width: 150px;
    height: 50px;
    margin: 30px auto 0;
    border: none;
    color: #f5f5f5;
}
/********join_end************/



/*在线加盟*/
.zcjm_zj{ background:#f4f4f4; padding:30px 0;}
.zcjm_zj .inputs{max-width:1170px;margin:0.2rem auto;padding:0.4rem 1rem;}
.zcjm_zj .inputs h2{text-align: center;font-size:2rem;font-weight:100;color:black;margin:0.1rem 0 ;}
.zcjm_zj .inputs h6{text-align: center;font-size:1rem;font-weight:100;color:#333;margin-bottom:2rem;}
.zcjm_zj .inputs input::-webkit-input-placeholder{color:#ccc;}
.zcjm_zj .inputs input::-webkit-input-placeholder{color:#ccc;}
.zcjm_zj .inputs input::-ms-input-placeholder{color:#ccc;}
.zcjm_zj .inputs input::-moz-placeholder{color:#ccc;}
.zcjm_zj .inputs input[placeholder]{float:left;width:32.6%;margin-right:1%;outline:none;border:1px solid #ccc;border-radius:4px;height:4rem;margin-bottom:0.7rem; padding:0 8px;}
.zcjm_zj textarea[placeholder]{box-sizing:border-box;margin:0.1rem 0;width:100%;border:1px solid #eee;outline:none;padding:0.06rem;height:12rem;resize: none;padding:8px;border-radius:4px;border:1px solid #ccc;border-radius:4px;}
.zcjm_zj .inputs button{border:0px;text-align:center;background:none;position:relative; width:100%;}
.zcjm_zj .inputs button{color:white;width:12rem;height:3rem;display:block;background:#cf0909;font-size:1.3rem;line-height:3rem;border-radius:4px;transition: all .5s;margin:6px auto;position:relative; left:50%; margin-left:-6rem;}
.zcjm_zj .inputs button:hover{ background:#666; transition: all .5s;}
.zcjm_zj .inputs input:focus{outline:none;}
.zcjm_zj .inputs input:nth-child(3){ margin-right:0;}


.tstsxm{ font-size: 20px; padding-top: 15px;}
.tstsxm p{ font-size: 14px; color: #666;}
.tstsxm input{ width: 100%; border: 1px solid #999; padding: 5px 10px;}
.tstsxm textarea{width: 100%; border: 1px solid #999; padding: 5px 10px;}
.tstsjyx{ padding-top: 60px !important;}
.tstsjyx h2{ font-size: 36px !important; font-weight: 600 !important;}



/*****************info*******************/
.info_banner{width:100%;height:825px; background: url(../images/ban6.jpg) no-repeat center center; background-size:cover;}
.info_banner2{width:100%;height:825px; background: url(../images/banlc.jpg) no-repeat center center; background-size:cover;}
.theTit{ width: 100%;padding-top:140px; display: table; text-align: center;}
.inbt{ padding-top:135px;}
.theTit h3 { font-size: 36px;color: #fff;font-weight: bold;}
.theTit i {
    position: relative;
    display: inline-block;
    width: 200px;
    border-top: 2px solid #fff;
    border-top: 1px solid rgba(255,255,255,0.3);
    margin: 12px 0 8px;
}
.theTit i:before {
    position: absolute;
    content: '';
    left: 50%;
    top: -3px;
    margin-left: -20px;
    width: 40px;
    border-top: 4px solid #D6000E;
}
.theTit p {
    font-size:15px;
    color: #fff;
    color: rgba(255,255,255,0.4);
    text-transform: uppercase;
}
div.contFindes {
    width: 56%;
    margin: 0 auto;
    padding-top:25px;
}
div.contFindes .jjok{
    color: #fff;
    font-size: 15px;
    line-height:24px;
	text-shadow: 0 0 10px Rgba(0,0,0,0.5);
}
.gsjj{ font-size:1.2rem; color:#f2f2f2;line-height:1.6rem;}
.contFindes .swiper-container {width:88%; height:380px;}
#gsjj .swiper-slide {font-size:18px;-webkit-box-sizing: border-box;box-sizing: border-box;padding:0 7% 0 0%;height: auto;}
#gsjj .swiper-scrollbar{ background:Rgba(200,200,200,0.5);}
#gsjj .swiper-scrollbar-drag{ background:Rgba(250,250,250,0.8);}
	#gsjj{ display:none;}

.IndexList {
    padding-top: 100px;
}
.IndexList ul {
    width: 100%;
    margin: 0 auto;
    font-size: 0;
    display: block;
}
.IndexList li {
    display: inline-block;
    position: relative;
    width: 25%;
    vertical-align: top;
}
.IndexList b {
    display: block;
    font-family:ywztok;
    color: #10417C;
    text-align: center;
    font-size: 0;
    margin-top: 20px;
}
.IndexList b em {
    position: absolute;
    left: -999em;
}
.IndexList .IndexLContent {
    font-size: 0;
    position: relative;
    height: 85px;
    overflow: hidden;
    display: inline-block;
}
.IndexList .IndexLContent>div {
    display: inline-block;
    position: relative;
    top: 0;
}
.IndexList .Hun {
    transition: all 1s ease-out 0s;
    -webkit-transition: all 1s ease-out 0s;
    -moz-transition: all 1s ease-out 0s;
    -o-transition: all 1s ease-out 0s;
}
.IndexList .IndexLContent .Txt {
    display: block;
    font-family:ywztok;
    color: #fff;
    display: block;
    text-align: center;
    font-size: 75px;
	font-weight:normal;
}
.IndexList i {
    font-size: 16px;
    font-weight: normal;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    right: -15px;
    color: #fff;
}
.IndexList span {
    display: block;
    color: #fff;
    color: rgba(255,255,255,0.4);
    font-size: 16px;
    text-align: center;
}
.IndexList i.jc {
    font-size: 45px;
    vertical-align: top;
    top: 22px;
}
div.sbs {
    width: 100%;
    text-align: center;
    padding-top:9%;
}
div.sbs img{
    animation: op1 0.7s  linear 0s infinite alternate ;
    -webkit-animation: op1 0.7s  linear 0s infinite alternate ;
}


.IndexList .Hun{
	transition: all 1s ease-out 0s;
	-webkit-transition: all 1s ease-out 0s;
	-moz-transition: all 1s ease-out 0s;
	-o-transition: all 1s ease-out 0s;

}
.IndexList .Ten{
	transition: all 1s ease-out 0.3s;
	-webkit-transition: all 1s ease-out 0.3s;
	-moz-transition: all 1s ease-out 0.3s;
	-o-transition: all 1s ease-out 0.3s;
}
.IndexList .Ind{
	transition: all 1s ease-out 0.6s;
	-webkit-transition: all 1s ease-out 0.6s;
	-moz-transition: all 1s ease-out 0.6s;
	-o-transition: all 1s ease-out 0.6s;

}
.IndexList .Sun{
	transition: all 1s ease-out 0.8s;
	-webkit-transition: all 1s ease-out 0.8s;
	-moz-transition: all 1s ease-out 0.8s;
	-o-transition: all 1s ease-out 0.8s;
}


@keyframes op1 {
    from{
        transform: translateY(-15px);
    } to{
          transform: translateY(25px);
      }
}
@-webkit-keyframes op1 {
    from{
        -webkit-transform: translateY(-15px);
    } to{
          -webkit-transform: translateY(25px);
      }
}
@-moz-keyframes op1 {
    from{
        -moz-transform: translateY(-15px);
    } to{
          -moz-transform: translateY(25px);
      }
}
@-o-keyframes op1 {
    from{
        -o-transform: translateY(-15px);
    } to{
          -o-transform: translateY(25px);
      }
}
.theTit2 h3 {
     color: #333;
}
.theTit2 i {
    border-top: 2px solid #B2B2B2;
    border-top: 1px solid rgba(178,178,178,1);
}
.theTit2 p {
    color: #B8B8B8;
}
div.Corporate {
    width: 1102px;
    margin: 0 auto;
    height: 583px;
    padding-top: 57px;
    padding-bottom: 57px;
    position: relative;
}
#left_slide{
    position: absolute;
    left: 0;
    top: 68px;
    z-index: 3;
    width: 650px;
    height: 434px;
    background:#fff;
}
#right_slide{
    position: absolute;
    right: 0;
    top: 30px;
    z-index: 1;
    width:497px;
    height:520px;
    overflow: hidden;;
}
#in_left_slide{
    width: 100%;
    overflow: hidden;
}
#in_left_slide .swiper-slide{
    padding:8%;
    text-align:left;
    overflow: hidden;
}
#p3_slide_mo{display: none;}
#in_left_slide h4{text-align: left;margin-top:8%;margin-bottom: 1%;padding-left:0;font-size: 1.8rem; font-weight:bold;}
#in_left_slide hr{display: inline-block;width:45%;height:1px;background: #d6000e;text-align: left;margin: 0; border-top:none !important;}
#in_left_slide p{width: 100%;color: #333;text-align: left;overflow: hidden;margin-top: 5%;line-height: 25px;}
#d12_next{width:46px;height: 46px;background: url('../images/about17_h.png') no-repeat;right:-22px;left: auto;}
#d12_prev{width:46px;height: 46px;background: url('../images/about18_h.png') no-repeat;right:-22px;top:270px;}
#in_right_slide{width: 100%;overflow: hidden}


/* display none until init */
.owl-carousel { display: none; position: relative; -ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.owl-carousel .owl-item { float: left; }
.owl-controls .owl-page,
.owl-controls .owl-buttons div { cursor: pointer; }
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }


/*honor style*/
.honorList{ width:90%; margin:0 auto;}
.honorList a:link, .honorList a:visited { color: #333333; }
.honorList a:active, .honorList a:hover { color: #C62923; }
.honorList ul{ margin-left: -2%; color: #666;}
.honorList li{ float: left; display: block; width:11.5%; margin-left:1%; margin-bottom:20px; cursor: pointer;}

.honorList .img{ border:1px solid #ddd; padding: 7px; margin-bottom: 8px; overflow: hidden; position: relative; background:#fff;}
.honorList .img img{ width: 100%; display: block;}
.honorList .bg{ background: url(../images/black2.png) repeat; background: none rgba(0,0,0,0.4); bottom: 0; left: 0; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms;}
.honorList .con{ text-align: center; font-size: 14px; color: #666666; line-height: 1.5; height: 20px; overflow: hidden;}
.honorList .il,.honorList .ir{ background-color: #fff; position: absolute; left: 50%; top: 50%; display: block; transition: 400ms; -webkit-transition: 400ms; border-radius: 3px;}
.honorList .il{ height: 3px; width: 0px; margin:-1px 0px 0px -15px;}
.honorList .ir{ height: 0px; width: 3px; margin:-15px 0px 0px -1px;}
.honorList li:hover .img{ border-color: #d5615d;}
.honorList li:hover .bg{ opacity: 1; visibility: visible;}
.honorList li:hover .il{ width: 30px; }
.honorList li:hover .ir{ height: 30px;  transition: 400ms ease 200ms; -webkit-transition: 400ms ease 200ms;}
html.openImg { overflow: hidden; }
.overlayClose { width: 52px; height: 52px; display: block; position: fixed; right: 3%; top: 2%; border-radius: 50%; transition: 300ms; -webkit-transition: 300ms; z-index: 100;}
.overlayClose i { background: url(../images/close_ico2.png) no-repeat scroll center center; width: 100%; height: 100%; display: block; transition: 400ms; -webkit-transition: 400ms; }
.overlayClose:hover{ background-color: #c52721;}
.overlayClose:hover i { transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); cursor:pointer;}
.imgShowBox { background: url(../images/black.png) repeat; background: none rgba(0,0,0,0.7); bottom: 0; left: 0; position: fixed; right: 0; top: 0; transform: translateY(100%); -webkit-transform: translateY(100%); transition: all 800ms ease 0s; -webkit-transition: all 800ms ease 0s; z-index: 1010; width: 100%; overflow: hidden;  -webkit-overflow-scrolling: touch; }
.no-csstransitions .imgShowBox{ display: none;}
.imgShowDemo { width: 100%; height: 100%; position: relative; overflow: hidden; }
.imgShowDemo .item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; position: relative; }
.imgShowDemo .img { vertical-align: middle; height: auto; width: auto; max-height: 100%; max-width: 90%; margin: auto; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.imgShowDemo .con{ position: absolute; left: 0px; right: 0px;bottom: 0px; background-color: #fff; width: 90%; padding: 10px 5%;}
.imgShowDemo .con .t{ font-size: 16px; color: #333;}
.imgShowDemo .txt { background: #272727; font-size: 16px; color: #fff; line-height: 65px; position: absolute; left: 0; right: 0; bottom: 0; height: 65px; }
.imgShowDemo .txt .i { padding-left: 3%; }
.hi-num { width: 85px; height: 65px; background: #272727; color: #fff; border-left: 1px solid #3a3a3a; position: absolute; bottom: 0; right: 0; text-align: center; line-height: 65px; font-size: 16px; }
.img-show { transform: translateY(0) !important; -webkit-transform: translateY(0) !important; }
.no-csstransitions .img-show{ display: block;}
.imgShowDemo .owl-controls .owl-buttons div { position: absolute; padding: 0px; margin: 0px; width: 64px; height: 64px; border-radius: 10px; background-color: transparent; overflow: hidden; top: 50%; margin-top: -32px; background-position: center center; background-repeat: no-repeat; text-indent: -10em; }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev { left: 3%; background-image: url(../images/p_l3.png); }
.imgShowDemo .owl-controls .owl-buttons div.owl-next { right: 3%; background-image: url(../images/p_r3.png); }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev:hover, .imgShowDemo .owl-controls .owl-buttons div.owl-next:hover {background-color: #c52721;}
.imgShowDemo .owl-controls .owl-buttons div.owl-prev.disabled, .imgShowDemo .owl-controls .owl-buttons div.owl-next.disabled {  background-image:none; }
.infoPaging a:link,.infoPaging a:visited { color: #666666;}
.infoPaging a:active,.infoPaging a:hover { color: #fff;}
.infoPaging{ border-top: 1px solid #cccccc; height: 58px; margin-top: 5%; text-align: center; letter-spacing: -0.31em; /* webkit */*letter-spacing: normal; /* IE < 8 重置 */}
.infoPaging a{ line-height: 58px; width: 66px; border-left: 1px solid #cccccc; font: 18px/58px "acaslonpro","times new roman",tahoma,georgia; display: inline-block;zoom: 1; *display: inline; /* IE < 8: 伪造 inline-block */ letter-spacing: normal; word-spacing: normal; vertical-align: top;}
.infoBox .list{ background: url(../images/list1.png) no-repeat scroll center center #999999; padding-left: 68px; height: 59px; display: inline-block;}
.infoBox .list:hover{ background-color: #cc0000;}
.infoPaging .pprev{ background: url(../images/prev11.png) no-repeat scroll 8% center; padding: 0px 30px 0px 37px; border-left: 0px none; font-size: 16px; font-family: "microsoft yahei";}
.infoPaging .pnext{ background: url(../images/next11.png) no-repeat scroll 92% center; padding: 0px 37px 0px 30px; font-size: 16px;font-family: "microsoft yahei";}
.infoPaging .pprev:hover{ background-position: 0px center; background-color: transparent; color: #cc0000;}
.infoPaging .pnext:hover{ background-position: 100% center; background-color: transparent; color: #cc0000;}
.infoPaging a.act{ background-color: #C52721; color: #fff;} 
.infoPaging a:hover{ background-color: #ccc; color: #fff;} 
.infoBox{ width: 370px; margin: 0px auto; line-height: 59px; font-size: 16px;}
.infoBox .list{ background: url(../images/list1.png) no-repeat scroll center center #999999; padding-left: 68px; height: 59px; display: inline-block; width: auto;}
.infoBox .list:hover{ background-color: #cc0000;}
.infoBox .pprev{ background: url(../images/prev11.png) no-repeat scroll 8% center; padding:0px 0px 0px 37px; float: left; display: block; height: 100%;}
.infoBox .pnext{ border-left: 0px none; background: url(../images/next11.png) no-repeat scroll 92% center; padding:0px 37px 0px 0px; float: right; display: block; height: 100%;}
.infoBox .pprev:hover{ background-position: 0px center;}
.infoBox .pnext:hover{ background-position: 100% center;}
/*honor style end*/




.foot_xbx{width: 100%;height: 50px;position: absolute;left: 0;bottom: 0;color: white;line-height: 50px;background: black;}

.f_l{padding-left: 1%;}
.f_r{padding-right: 1%;}

.his_box{
    width: 100%;position: relative;height: 490px;
}
.his_line{
    position: absolute;
    left: 50%;
    width: 80%;
    display: block;
    top: 50%;
    height: 2px;
    background-color: #646464;
    margin-top: -1px;
    margin-left: -40%;
}
.hitem{
    width: 320px;
    height: 212px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
}

.hitem .year {
    font-weight: bold;
    font-size: 30px;
    line-height: 1.2;
    color: #646464;
    margin-bottom: 12px;

}
.hitem .c{
    font-size: 14px;
    line-height: 2;
    display: block;
    color: black;
    margin-bottom: 0;
}
div.hitem1{
    position: absolute;
    left: 13%;
    top: 20px;
}
div.hitem2{
    position: absolute;
    left: 26%;
    bottom: 20px;
}
.hitem .con{width: 100%;padding: 1%;height:150px;background: #f4f4f4;}
.fi_box{
    font-size: 20px;
    font-family: 'Arial';
    width: 100%;
    height: 40px;
    transition: all 0.8s;
    line-height: 40px;
    color: #fff;
    background: #bbb;
    text-align: center;
    position: relative;
}
.hitem1 .fi_box::after{content: '';position: absolute;left: 50%;bottom:-8px;width: 29px;height: 8px;margin-left: -14px;background: url("../images/about21.png") no-repeat;transition: all .5s;}

.hitem:hover .fi_box{background: #cf0909;transition: all .8s;}
.hitem1:hover .fi_box::after{background: url("../images/about21_h.png") no-repeat;transition: all .5s;}
.hitem .dian{width: 12px;height: 12px;border-radius: 50%;background: #bbb;margin-top: 2.1rem;transition: all .5s;}
.hitem:hover .dian{background: #cf0909;transition: all .5s;}
.hitem2 .dian{margin-top: -1.5rem;margin-bottom: 2rem;}
.hitem2 .fi_box::after{content: '';position: absolute;left: 50%;top:-8px;width: 29px;height: 8px;margin-left: -14px;background: url("../images/about20.png") no-repeat;transition: all .5s;}
.hitem2:hover .fi_box::after{background: url("../images/about20_h.png") no-repeat;transition: all .5s;}


#p3_slide{width: 80%;margin-top: 30px;margin-bottom: 50px;}
#p3_slide .swiper-button-next{width: 44px;height: 44px;background: url('../images/about18.png') no-repeat;right: 35px;transition: all .5s;}
#p3_slide .swiper-button-next:hover{transform:translateX(12px);background: url('../images/about18_h.png') no-repeat;transition: all .5s;}

#p3_slide .swiper-button-prev{width: 44px;height: 44px;background: url('../images/about17.png') no-repeat;left: 35px;transition: all .5s;}
#p3_slide .swiper-button-prev:hover{transform:translateX(-12px);background: url('../images/about17_h.png') no-repeat;transition: all .5s;}


/*****************info_end***************/

/*******contact*******/
.con_main{width: 85%;box-sizing: border-box;text-align: center;}
.con_main h3{margin-top: 30px;margin-bottom: 8px;font-size:2.5rem;}
.con_main p{margin-top: 25px;margin-bottom:35px;color: rgb(140,157,172);}
.cm_left{padding: 3% 5%;text-align: center;}
.cm_left .row{margin-top: 5%;}
.cm_right{padding:3% 1%;text-align: center;}
.cm_right .row{border-left: 1px solid #b3b3b3;}
.cm_left input{width: 100%;height: 45px;padding-left: 5px;border-radius: 5px;border: 1px solid #e2e2e2;}
.cm_left .row>div{margin-bottom: .5rem;margin-top: 3%;}
.cm_right .row>div{margin-bottom:3%;cursor: pointer;}
.cm_left textarea{width: 100%;padding-left: 5px;padding-top:5px;border-radius: 5px;border: 1px solid #e2e2e2;}
.cm_left button{width: 95%;height: 40px;line-height: 40px;text-align: center;color: white;background: #e95549;border: none;border-radius: 5px;margin-top: 15px;}
.cm_right em {
    position: relative;
    left: -5px;
    margin: 0 auto;
    display: block;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-image: url(../images/contact.png);
    margin-bottom: 10px;
    transition: all .5s;
}
.cm_right small {
    font-size: 12px;
    font-family: "Avenir";
    color: #000;
    letter-spacing: 4px;
}
.cm_right p{
    font-size: 14px;
    line-height: 24px;
    height: 48px;
    color: #545454;
    margin-top: 8px;
}
.adr{background-position: 0 0;}
.email{background-position: -50px 0;}
.fax{background-position: -100px 0;}
.qq{background-position: -150px 0;}
.cm_right .row>div:hover em{transform: translateX(15px);transition: all .5s;}
.map{left: 0; top: 0; width:100%; height: 100%; background: url(../images/map.png)no-repeat center top; background-size: cover; animation: fadeInLeft 1.2s; -webkit-animation: fadeInLeft 1.2s;}
.map_s{display: none;}
.add_a{text-align: center;color: #cf0909;margin:3% 0 2% 0;font-size: 2.2rem;}
/*******contact_end*******/

/****index_news****/
div.cont_index{padding: 0;width:100% !important;}
div.cont_index .IndexList{padding: 0;}
div.cont_index .IndexList ul li{width: 20%;}
div.cont_index .IndexList .IndexLContent .Txt{font-size:3rem;}
div.cont_index .IndexList span{color: #333;}
div.cont_index .IndexList .IndexLContent{height: 58px;}
div.cont_index .IndexList i{color: #999;font-style: inherit;
    font-size:26px;
    font-weight: normal;
    vertical-align: bottom;
    position: relative;
    top: -23px;
    right: -5px;
}
/****index_news_ned****/


.fixed{position:fixed;width:55px;height:212px;right:5px;bottom:50px;_position: absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));z-index:200000;}
.fixed a{display:block;width:55px;height:53px;transition:all .5s;}
.book{background:url(../images/fixed.png) 0 0 no-repeat;transition:all .5s;}
.book:hover{background-position:-54px 0;transition:all .5s;}
.fixed a.codepic{background:url(../images/fixed.png) 0 0 no-repeat;background-position:0 -53px;height:52px;transition:all .5s;}
.fixed a.codepic:hover{background-position:-54px -53px;transition:all .5s;}
.fixed div{position:relative;}
.fixed a.backup{background:url(../images/fixed.png) 0 0 no-repeat;background-position:0 -158px;height:52px;transition:all .5s;}
.fixed a.backup:hover{background-position:-54px -158px;height:53px;transition:all .5s;}
.fixed div img{position:absolute;left:-190px;width:180px;height:180px;top:-126px;display:none;transition:all .5s;}
@media (max-width:1440px) {
    .sxwgd .swiper-slide:not(:nth-last-child(-n+5)),.sxw-r a:not(:nth-last-child(-n+5)) {display: none;}
    .scpfl a{width: calc(100% / 2);}
}


@media (max-width:820px) {
    .scpfl a{width: 50%;}
    .scpfl a .sfl-z{font-size: 20px;}
    .spbfal{width: 70px; height: 70px;}
    .spbfal img{width: 40px;line-height: 70px;}
    .sxwgd, .sxw-r{ width: 100%;}
    .sxw-r{padding: 20px 0;}
    .sxwo{padding: 40px 0;}
    .sxwgd .swiper-slide:not(:nth-last-child(-n+3)),.sxw-r a:not(:nth-last-child(-n+3)) {display: none;}
    
}

@media (max-width:640px) {
    .scpfl a{width: 100%;}
    .scpfl a .sfl-z{font-size: 16px;}
    .jjsp video{ height: 50vh; object-fit: cover;}
    .footer-1 ul li{width: 48%;}
    .footer-2 li{width: 100%;}
    .footer-2 ul li:nth-child(2) h2{display: none;}
    .footer-2 ul li:nth-child(2) p{padding-top: 6px;}
    .footer-3{padding-top: 10px;}
    .footer-sm p{left: 55px;}
    
}