/*about_sta-----------------*/
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
.context{width: 100%;text-align: center;}
.ab_banner{width: 100%;max-width: 1920px;height: 830px;margin: 0px auto;position: relative;}
/**/
.banner_img{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;}
.banner_img div{display: none;}

.ab_banner .swiper-container-fade .swiper-slide{opacity: 1;}
/*.ab_banner .swiper-container-fade .swiper-slide-active{opacity: 1;}*/
.swiper-container{height: 100%;}
.swiper-slide .con_div .move_banner{
	  opacity: 0;
    transform: translate3d(100px, 0, 0);
    transition: all 0.5s cubic-bezier(0.2, 1, 0.7, 1);
    transition-property: transform, opacity;
}
.ab_banner .swiper-wrapper .move_i .move_banner{
	  opacity: 1;
    transform: translate3d(0, 0, 0);
}
.selfd{
	float: left;
    position: relative;
    left: 50%;
    margin-left: -165px;
    top: 320px;
}
.modle_conB{
	width: 100%;
	position: relative;
	height: 100%;
	background: #fff;
}

/**/
.canvas_div{z-index: 1;position: absolute;top: -151px;left: 0px;width: 100%;height: 300px;}
#wa .canvas_show0{background: url(../images/canred20.jpg) no-repeat bottom center;}
#wa .canvas_show1{background: url(../images/canred19.jpg) no-repeat bottom center;}
#wa .canvas_show2{background: url(../images/canred17.jpg) no-repeat bottom center;}
#wa .canvas_show3{background: url(../images/canred1.jpg) no-repeat bottom center;}
#wc .canvas_div{background: #f9f9f9;}
#wd .canvas_div{background: #ffffff;}
#wr .canvas_div{background: #1e1e1e;}
#wm .canvas_div{background: #ffffff;}

.ab_banner .swiper-wrapper{
   transition-timing-function: cubic-bezier(.77,0,.175,1) 0s;
}
.b_div{overflow: hidden;width: 1300px;height: 830px;box-sizing: border-box;margin: 0px auto;position: relative;}
.banner_div{width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;}
.con_div{width: 1300px;padding-top: 180px;box-sizing: border-box;height: 100%;overflow: hidden;text-align: left;color: #FFFFFF;position: relative;margin: 0px auto;}
/*.con_div img{width:1920px;height: 830px;position: absolute;top: 0px;left: 50%;margin-left:-960px;}*/
.con_div h3{position: relative;width: 100%;font-size: 16px;margin-bottom: 40px;color: #e94829;font-weight: normal;}
.con_div h2{position: relative;width: 100%;font-size: 44px;margin-bottom: 10px;margin-left: 40px;color: #000000;}
.con_div h2 .br{display: none;}
.con_div2 h4 .br{display: none;}
.con_div2 h2{color: #ffffff;padding-top: 11%;margin-left: 0px;}
.con_div p{position: relative;font-size: 16px;line-height: 24px;margin-left: 40px;color: #111111;}
.ban_page{z-index: 3;width: 1300px;height: 5px;position: absolute;bottom: 40px;left:50%;margin-left:-650px;box-sizing: border-box;padding-left: 40px;}
.ban_page span{float: left;width: 15px;height: 3px;background-color: #000000;margin-right: 15px;cursor: pointer;
-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;}
.ban_page span.swiper-pagination-bullet{border-radius: 3px;}
.ban_page span.swiper-pagination-bullet-active{background-color: #e94829;width: 30px;}

.bt{padding-left: 40px;}
.con_div .add_btn{background-color: #e6e6e6;color: #000000;float: left;margin-right: 15px;margin-top: 80px;}
.con_div .teshu0{margin-top: 350px;}
.con_div .teshu1{margin-top: 350px;}
.con_div .add_btn:hover{color: #FFFFFF;}

.add_btn{cursor: pointer;text-align:center;width: 150px;height: 50px;margin: 30px auto 0px;background-color: #e94829;color: #FFFFFF;
border-radius: 50px;line-height: 50px;display: block;font-size: 16px;overflow: hidden;position: relative;z-index: 1;top:0px;}
.add_btn i {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 0px;height: 50px;
    display: none /9;border-radius: 50px;
    background-color: #e94829;
}
.con_div .tebgc i{background-color: #ffffff;}
.con_div .tebgc:hover span{color: #e94829;}
.add_btn span{position: relative;}
.add_btn:hover span{color: #ffffff;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.add_btn:hover i {
    animation: addbtn 0.4s cubic-bezier(.77,0,.175,1) 0s forwards;
-webkit-animation: addbtn 0.4s cubic-bezier(.77,0,.175,1) 0s forwards;
}
@keyframes addbtn {
	0%{width: 0px;}
	100%{width: 100%;}
}

.add_btn2:hover{color: #FFFFFF;box-shadow: 0px 15px 15px 5px rgba(233,72,41,0.3);top:-3px;}
.modle5 .add_btn2:hover{box-shadow: 0px 15px 15px 5px rgba(255,255,255,0.3);top:-3px;}
.modle2 .add_btn2:hover{bottom:63px;top: -53px;}
/*跳转3列*/
.con_three{width: 1300px;height: 120px;box-sizing: border-box;margin: 0px auto;text-align: center;}
.three_left,.three_midd,.three_right{width: 330px;height: 120px;display: inline-block;text-align: left;}
.three_left{float: left;margin-left: 40px;}
.three_right{float: right;margin-right: 100px;}
.th_ico{text-align: center;margin-right: 15px;float: left;width: 70px;height: 70px;background: #c8c8c8;border-radius: 70px;position: relative;top:50%;margin-top: -35px;}
.th_ico .iconfont{font-size: 30px;color: #FFFFFF;position: relative;top:20px;}
.con_three h3{color: #161616;font-size: 16px;font-weight: normal;margin-top: 18px;}
.con_three h3 span{font-family: arial;color: #c2c2c2;font-size: 18px;margin-left: 10px;}
.con_three h3 span.three_hot{position: relative;top:-3px;border-radius: 5px;padding:2px 5px;color: #e94829;font-size: 12px;display: inline-block;border: 1px solid #e94829;}
.con_three p{font-size: 12px;color: rgba(22,22,22,0.6);padding-left: 85px;line-height: 18px;margin-top: 5px;}

/*整块模块*/
.modle{width: 100%;max-width: 1920px;margin: 0px auto;position: relative;background: #FFFFFF;text-align: center;}
.modle1{background: #f9f9f9;height: 680px;}
.modle_con{width: 1300px;height:100%;box-sizing: border-box;margin: 0px auto;position: relative;z-index: 3;}
.modle_con h1{font-size: 32px;color: #000000;padding-top: 90px;margin-bottom: 15px;font-weight: normal;}
.modle_con h2{font-size: 16px;color:#4f4f4f;font-weight: normal;}
.modle_con h2 br,.modle_con h1 br{display: none;}
.modle_div{width: 1260px;height: 320px;box-sizing: border-box;padding: 0px 40px;margin-top:60px;text-align: left;}
.modle_dl{width: 200px;float: left;}
.dl_li{overflow:hidden;cursor: pointer;position:relative;height: 20px;width: 100%;line-height: 20px;color: #000000;font-size: 18px;font-family:arial;margin-bottom: 20px;}
.china_txt{font-size: 14px;}
.modle1 .add_btn{margin-top: 0px;width: 160px;}
.circle{width: 18px;height: 18px;position: absolute;top: 50%;margin-top: -9px;right: 25px;}
.dian{opacity: 1;width: 5px;height: 5px;background: rgba(0,0,0,0.2);border-radius: 5px;position: absolute;top: 50%;margin-top: -2.5px;left: 50%;margin-left: -2.5px;}
.jt{width: 18px;height: 18px;opacity: 0;}
.jt .iconfont{font-size: 16px;color: #e94829;position: absolute;top: 50%;margin-top: -16px;}
.dl_show{color: #e94829;height: 40px;}
.dl_show .dian{opacity: 0;}
.dl_show .jt{
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
animation: jt 0.4s ease-in-out 0s forwards;
-webkit-animation: jt 0.4s ease-in-out 0s forwards;
animation-delay:0.1s;-webkit-animation-delay:0.1s;}
@keyframes jt {
	100%{opacity: 1;-webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);}
}



.modle_dr{float: right;width: 980px;height: 100%;position: relative;top: 0;left: 0;overflow: hidden;}
.dr_ul{width: 100%;display: block;opacity: 0;position: absolute;top: 0;left: 0;}
.dr_li{width: 390px;height: 150px;float: left;margin-left: 70px;margin-bottom: 20px;}
.dr_show{opacity: 1;}
.dr_show .dr_li{opacity: 0;-webkit-transform: translateX(150px);
    -ms-transform: translateX(150px);
    transform: translateX(150px);
     animation: dr_li 0.4s ease-in-out 0s forwards;
-webkit-animation: dr_li 0.4s ease-in-out 0s forwards;
animation-delay:0.1s;-webkit-animation-delay:0.1s;
}
.dr_show .dr_li:nth-child(2){
	animation-delay:0.2s;-webkit-animation-delay:0.2s;
}
.dr_show .dr_li:nth-child(3){
	animation-delay:0.3s;-webkit-animation-delay:0.3s;
}
.dr_show .dr_li:nth-child(4){
	animation-delay:0.4s;-webkit-animation-delay:0.4s;
}
@keyframes dr_li {
	100%{opacity: 1;-webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);}
}

.dr_ico{float: left;width: 70px;height: 150px;margin-right: 30px;color: #000000;}
.dr_ico .icon{font-size: 70px;}
.dr_ico .icon1{font-size: 76px;}
.dr_ico .icon2{font-size: 80px;}
.dr_li h3{font-weight: normal;color:#010101;font-size: 16px;margin-bottom: 15px;line-height: 22px;}
.dr_li h4{font-weight: normal;color:#727272;font-size: 12px;line-height: 20px;}
.modle2 .md2_show{display: block;}

/*modle2*/
.modle2{height: 920px;}
.md2_ul{width: 100%;margin-top: 50px;height: 30px;line-height: 30px;}
.md2_ul .md2_li{display: inline-block;color: rgba(0,0,0,0.8);font-size: 16px;cursor: pointer;position: relative;margin-right: 20px;padding-left: 15px;}
.md2_li span{opacity: 0;display: block;width: 0px;height: 0px;background: #e94829;margin-right: 10px;border-radius: 0px;position: absolute;top:50%;margin-top: 0px;left: 0px;}
.mp_ul .md2_show span{opacity: 1;width: 5px;height: 5px;margin-top: -2.5px;border-radius: 5px;}
.mp_ul .md2_show{color:#e94829;}
.md2_ul2{width: 100%;height: 540px;margin-top: 50px;box-sizing: border-box;padding-left: 140px;}
.mp_ul2{width: 100%;height: 100%;position: relative;}
.md2_li2{width: 100%;height: 100%;display: block;position: absolute;top: 0px;left: 0px;opacity: 0;}
.md2_li2 .add_btn{float: left;margin-top: 40px;width: 160px;position: absolute;bottom: 60px;left: 0px;top: auto;}
.modle2 .add_btn{margin-top: 0px;width: 160px;    top: -50px;}
.mp_ul2 .md2_show{opacity: 1;}
.md2_lilf{float: left;width: 310px;text-align: left;margin-top: 20px;
}
.md2_lilf h3{font-size: 16px;color: #000000;}
.md2_lilf h3 .iconfont{color: rgba(57,73,157,0.8);font-size: 16px;margin-right: 10px;}
.md2_lilf h4{font-size: 12px;color: rgba(57,73,157,0.8);margin-top: 15px;margin-bottom: 30px;}
.md2_lilf h4 span,.mp_sp{background: rgba(81,103,222,0.1);display: inline-block;padding: 5px 15px;margin-right: 5px;border-radius: 5px;}
.md2_lilf p{font-size: 14px;color: rgba(0,0,0,0.8);line-height: 24px;margin-bottom: 15px;}

.md2_lirt{float: left;width: 810px;
}
.md2_lirt img{width: 100%;}

.md2_show .md2_lilf{opacity: 0;-webkit-transform: translateX(-150px);
    -ms-transform: translateX(-150px);
    transform: translateX(-150px);}
.md2_show .md2_lirt{opacity: 0;-webkit-transform: translateX(150px);
    -ms-transform: translateX(150px);
    transform: translateX(150px);}

.md2_show .md2_lilf{
     animation: md2_lirt 0.4s ease-in-out 0s forwards;
-webkit-animation: md2_lirt 0.4s ease-in-out 0s forwards;
}

.md2_show .md2_lirt{
     animation: md2_lirt 0.4s ease-in-out 0s forwards;
-webkit-animation: md2_lirt 0.4s ease-in-out 0s forwards;
}
@keyframes md2_lirt {
	100%{opacity: 1;-webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);}
}


/*modle3*/
.modle3{height: 720px;background: #1e1e1e;}
.modle3 h1{color: #FFFFFF;}
.modle3 h2{color: #b4b4b4;}
.md3_ul{width: 100%;height: 280px;margin-top: 100px;}
.md3_li{width: 216px;height: 100%;float: left;position: relative;}
.md3_li img{width: 100%;}
.md3_li p{opacity:0;height: 110px;position: absolute;bottom: -55px;left: 0px;font-size: 14px;line-height: 22px;color:rgba(255,255,255,0.8);text-align: left;}
.md3_show p{opacity:1;animation: md3p_show 0.4s cubic-bezier(.62,.62,.55,1.12) forwards;
-webkit-animation: md3p_show 0.4s cubic-bezier(.62,.62,.55,1.12) forwards;}
@keyframes md3p_show {
	0%{opacity: 0;bottom: -55px;}
	100%{opacity: 1;bottom: 0px;}
}

.md3_page{width: 1155px;height: 10px;margin: 5px auto;position: relative;}
.md3_page .p_li{cursor: pointer;float: left;width: 10px;height: 10px; box-sizing: border-box;border: 1px solid rgba(255,255,255,0.4);border-radius: 10px;margin: 0px 15px;position: relative;}
.md3_page .p_line{width: 180px;height: 0px;border-bottom: 1px dashed rgba(255,255,255,0.4);float: left;position: relative;top: 50%;}
.p_line .line_s1{width: 0px;height: 1px;overflow: hidden;position: relative;}
.p_line .line_s2{width: 180px;height: 0px;border-bottom: 1px dashed #e94829;position: absolute;top: 0px;left: 0px;}
.md3_page .md3_showL .line_s1{
    animation: line_show 5s cubic-bezier(.62,.62,.55,1) forwards;
-webkit-animation: line_show 5s cubic-bezier(.62,.62,.55,1) forwards;}
@keyframes line_show {
	0%{width: 0px;}
	100%{width: 180px;}
}

.md3_page .p_li .p_libg{cursor: pointer;color:rgba(255,255,255,0.4);text-align: center;width: 120px;height: 50px;position: absolute;top:15px;left: 50%;margin-left: -60px;}
.md3_page .p_li .p_liup{color:#e94829;top:0px;left: 0;text-align: center;width: 120px;height: 50px;position: absolute;}
.p_lishow{width: 0px;height: 50px;position: absolute;top:0px;left:0px;overflow: hidden;}
.md3_page .md3_show .p_lishow{animation: p_liups 0.4s cubic-bezier(.62,.62,.55,1) forwards;
-webkit-animation: p_liups 0.4s cubic-bezier(.62,.62,.55,1) forwards;}
@keyframes p_liups {
	0%{width: 0px;}
	100%{width: 120px;}
}
.md3_show .show_hd{opacity: 0;}

.md3_page .p_li h3{font-size: 18px;font-family: arial;font-weight: normal;}
.p_circle{width: 20px;height: 20px;position: absolute;top:50%;margin-top: -10px;left: 10px;background: #e94829;border-radius: 20px;}
.p_circle div{width: 8px;height: 8px;border-radius: 8px;background: #FFFFFF;margin-top: 6px;margin-left: 6px;}

/*modle4*/
.modle4{height: 800px;}
.md4_ul{width: 100%;height: 480px;margin-top: 50px;}
.md4_li{width: 200px;height: 80px;float: left;margin-right: 165px;margin-bottom: 20px;}
.md4_li:nth-child(4n+0){margin-right: 0px;}
.md4_li img{height: 80px;}
/*modle5*/
.modle5{height: 500px;background: #e94829;text-align: center;}
.modle5 .modle_con{padding-left: 40px;}
.modle5 h1{color: #FFFFFF;font-size: 44px;margin-bottom: 45px;}
.modle5 h3{color: #FFFFFF;font-size: 18px;margin-bottom: 10px;}
.modle5 h4{color: #FFFFFF;font-size: 30px;font-weight: normal;font-family: "DIN";margin-bottom: 50px;}
.modle5 .btn_div{width: 100%;cursor: pointer;}
.modle5 .btn_div .divb{width: 80px;display: inline-block;margin-right: 30px;position: relative;}
.ico_img{position:relative;line-height: 60px;width: 60px;height: 60px;border-radius: 60px;background: rgba(255,255,255,0.15);margin: 0px auto;}

.ico_img .iconfont{color: #FFFFFF;font-size: 30px;position: relative;}

.ico_img .icon-xiazai{top:3px;}
.ico_img .icon-wenhao{font-size: 25px;}
.ico_img .icon-shipin{font-size: 22px;left: 2px;}
.btn_div p{color:rgba(255,255,255,0.5);margin-top: 15px;}
.cic{    width: 60px;
    height: 60px;position: absolute;
    top: 0;-webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);left: 0;
    background-color: #fff;
    border-radius: 60px;    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    }
.modle5 .divb:hover .cic,.modle5 .divb .click_c .cic{
	-ms-transform: scale(1);
    transform: scale(1);
}

.modle5 .divb:hover .ico_img .iconfont,.modle5 .divb .click_c .iconfont{color: #e94829;}
.modle5 .divb:hover p {color:rgba(255,255,255,1);}


.inimgm,.mp_li,.mp_line,.md2_lilf h3 .mp_sp,.mp_md3,.mp_page,.modle5 .mp_add{display: none;}

/*视频*/
.all {
    height: 100%;display: none;
    width: 100%;
    position: fixed;
    top: 0px;
    z-index: 2222;
    display: none;
    text-align: center;
}
.modal {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    background: #080808;
    opacity: 0.9;
    z-index: 2222;
}
.box {
    width: 100%;
    z-index: 5555;height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    vertical-align: middle;
}

.conse{cursor: pointer;z-index: 2;width: 50px;height: 50px;position: absolute;top: 0px;right: 0px;font-size: 28px;
color: #000;
    background: #fff;}
.conse:hover{color: #FFFFFF;background: #e94829;}
.mp_img{display: none;}

.weix_showpc{width: 150px;height: 150px;position: absolute;top: -160px;box-shadow: 0 0 16px rgba(0,0,0,.2);
    left: -35px;display: none;}
.weix_showpc:after {
    content: '';
    width: 0;    box-sizing: border-box;
    height: 0;
    border: 8px solid transparent;
    border-top-color: #fff;
    position: absolute;
    bottom: -16px;
    left: 50%;
    margin-left: -8px;
}
.weix_showpc img{width: 100%;}
#videoz {
    width: 100%;position: relative;/*top:50%;*/
    height: 100%;margin: 0px auto;
    /*margin-top: -200px;*/
}
#my-video{}
.vjs-paused .vjs-big-play-button,
.vjs-paused.vjs-has-started .vjs-big-play-button {
    display: block;
}
.video-js .vjs-big-play-button{top:50%;left: 50%;margin-top: -0.75em;margin-left: -1.5em;}
.def{display: block;}
.def_red{display: none;}
.red_head .def{display: none;}
.red_head .def_red{display: block;}
.red_head .div a.diva{color:#FFFFFF;}
.red_head .div a.diva:hover{color:#FFFFFF;}
.red_head .div a.show_head{color:#FFFFFF;}
.red_head .btn{background-color: rgba(255,255,255,0.15);}
.red_head .btn span{color:#FFFFFF;}
.red_head .btn i{background-color: #FFFFFF;}
.red_head .btn:hover span{color:#e94829;}
.red_head .div a.diva i{background:#FFFFFF;}
.con_div h3.red_h3{color:#FFFFFF;font-family: "DIN";}
.con_div h2.red_h2{font-size: 40px;color:#FFFFFF;margin-bottom: 40px;}
.red_div{margin-left: 40px;}
.r_divl{float: left;margin-right: 30px;color: #53ff84;font-size: 24px;font-family: "DIN";height: 100px;}
.r_divr h4{color:#FFFFFF;font-size: 24px;font-weight: normal;}
.r_divr h4.tit2{font-size: 20px;font-family: "DIN";margin-top: 10px;
    margin-bottom: 10px;}
.r_divr h4.tit3{font-size: 20px;}
.r_divr h4.tit3 span{color: #53ff84;font-weight: bold;}
.red_invi{width: 80px;height: 80px;margin-left: 0;margin-top: 20px;}
.red_divt{margin-top: 50px;}
.red_divt .r_divl{color: #ffd200;}
.red_divt .r_divr h4.tit3 span{color: #ffd200;}
.red_page span{background-color: #ffffff;opacity: .5;}
.red_page span.swiper-pagination-bullet-active {
    background-color: #ffffff;opacity: 1;
}
.mp_tetxt{font-weight: normal;font-size:24px;color: #000000;margin-left: 40px;margin-bottom: 20px;}
.con_div2 .mp_tetxt{color: #ffffff;margin-left: 0px;}
.yao{display: none;}
/*移动端*/
@media (max-width: 760px) {
	.yao{display: block;width: 100%;height: 4rem;}
	.red_invi{display: none;}
	.modle1 .add_btn {display: none;}
.ab_banner {height:calc(100% - 0.7rem) ;box-sizing: border-box;}
.b_div {width: 100%;height: 6.07rem;}
.con_div {width: 100%;padding-top: 1rem;}
.con_div img {width: auto;height: 6.07rem;margin-left: -50%;}
.inimgm{display: block;}
.inimg{display: none;}
.con_div h3 {font-size: 0.12rem;margin-bottom: 0.25rem;width: auto;padding-left: 0.15rem;}
.con_div h2 {
    font-size: 0.3rem;line-height: 0.45rem;width: 3.5rem;
    margin-bottom: 0.1rem;width: auto;padding-left: 0.15rem;padding-right: 0.15rem;
    margin-left: 0.15rem;}
.con_div2 h2{font-size: 0.26rem;padding-top: 32%;}
.con_div2 h4 .br{display: block;}
.con_div2 .mp_tetxt{margin-left: 0.3rem;}
.mp_tetxt{font-size: 0.24rem;margin-top: 0.05rem;margin-left: 0.3rem;margin-bottom: 0.2rem;}
.con_div h2 .br{display: block;}
.con_div p {font-size: 0.14rem;line-height: 0.24rem;margin-left:0.15rem;margin-right: 0.15rem;padding-left: 0.15rem;padding-right: 0.15rem;}
.con_div p br{display: none;}
.bt {
    padding-left: 0.3rem;
}
.con_div .add_btn {
    margin-right: 0.15rem;
    width: 1.5rem;height: 0.45rem;
    margin-top: 0.8rem;font-size: 0.15rem;
        line-height: 0.45rem;border-radius:0.45rem;
}
.con_div .teshu0{margin-top: 1rem;width: 1.2rem;}
.con_div .teshu1{margin-top: 1.5rem;}
.con_div .tebgc{margin-top: 2rem;}
.ban_page {
    height: 5px;width: 3rem;margin-left: -1.5rem;
    bottom: 0.3rem;
    padding-left: 0px;text-align: center;
}
.ban_page span{float: none;}
.ban_page div {
    float: none;display: inline-block;
    width: 0.15rem;
    height: 0.05rem;border-radius: 0.03rem;
    margin-right: 0.1rem;margin-left: 0.1rem;
}
.ban_page div.hove {
    width: 0.4rem;
}
.con_three{display: none;}
.selfd{margin-left: -1.65rem;
    top: 2.4rem;}
/**/
.modle_con {width: 3.5rem;}
.modle_con h1 {
    font-size: 0.19rem;
    padding-top: 0.45rem;
    margin-bottom: 0.25rem;
}
.modle_con h2 {font-size: 0.12rem;line-height: 0.2rem;}
.modle_con h2 br,.modle_con h1 br{display: block;}
.modle_div {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding: 0px 0.15rem;
    margin-top: 0.3rem;
}
.modle_dl{display: none;}
.modle_dr {
    float: none;
    width: 100%;
}
.dr_li {
    width: 100%;
    height: auto;
    float: none;opacity: 1;
    margin-left: 0;
    margin-bottom: 0rem;
    padding-bottom: 0.3rem;
        -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}
.dr_li h3,.dr_li h4{font-size: 0.14rem;}
.dr_li h4{line-height: 0.23rem;}
.dr_ico {
    float: left;
    width: 0.45rem;
    height: 0.45rem;
    margin-right: 0rem;
}
.dr_ico .icon {
    font-size: 0.45rem;
}
.dr_ico .icon1{font-size: 0.45rem;}
.dr_ico .icon2{font-size: 0.48rem;}
.jt .iconfont{margin-top: -0.1rem;font-size: 0.24rem;}
.modle1,.modle2,.modle3,.modle4,.modle5{
    height: auto;
}
.modle1 .modle_div{padding: 0px 0rem;}
.dr_con{float: right;width: 2.65rem;}
.mp_li{border-bottom: 0px solid #e8e8e8;background: #FFFFFF;box-sizing: border-box;padding-left: 0.15rem;display: block;cursor: pointer;position:relative;height: 0.6rem;width: 100%;line-height: 0.6rem;color: #000000;font-size: 0.16rem;font-family:arial;margin-bottom:0.1rem;}
.dr_ul{opacity:1;display:none;position: relative;margin-bottom: 0.1rem;background: #FFFFFF;box-sizing: border-box;padding: 0.25rem 0.15rem 0rem;}
.dl_show {
    color: #e94829;border-bottom: 1px solid #e8e8e8;
}
.dr_show{display: block;}
.dl_show{margin-bottom: 0rem;}
.dl_show .circle {
    width: 18px;
    height: 18px;line-height: 18px;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    right: 25px;
}

/**/
.modle2{overflow: hidden;}
.md2_ul {
    width: 100%;
    margin-top: 0.5rem;
    height: 0.2rem;
    line-height:0.2rem;overflow: hidden;
}
.mp_ul{height: 0.2rem;width: 100%;position: relative;left: 0px;width: 4.5rem;}
.md2_ul .md2_li {
    float: left;
    color: rgba(0,0,0,0.8);
    font-size: 0.14rem;
    margin-right: 0px;    margin-right: 0.15rem;
    padding-left: 0.15rem;
}
.mp_ul .md2_show {
    color: #e94829;
}
.md2_ul2 {
    width: 100%;
    height: auto;
    margin-top: 0rem;
    box-sizing: border-box;
    padding-left: 0;overflow: hidden;
}
.md2_lilf {
    float: none;
    width: 100%;transform: translateX(0px);opacity: 1;
}
.md2_lirt {
    float: none;
    width: 100%;transform: translateX(0px);opacity: 1;
}
.md2_li2 {
    box-sizing: border-box;padding: 0.25rem 0.15rem 0.2rem;width: 3.5rem;display: block;
    height: auto;float: left;position: relative;    opacity: 1;
}
.md2_li2 .add_btn {
    float: none;
    margin-top: 0;
    width: 1.5rem;position: relative;
    bottom: auto;
    left: 50%;margin-left: -0.75rem;
}
.mp_line{display: block;width: 3.8rem;position: relative;margin-top: 0.25rem;top: 0px;left: 50%;margin-left: -1.9rem;height: 1px;background: #e8e8e8;}
.md2_lilf p{font-size: 0.13rem;color: rgba(114,114,114,0.8);}
.md2_lilf h3 {font-size: 0.14rem;font-weight: normal;margin-bottom: 0.25rem;}
.md2_lilf h4{display: none;}
.md2_lilf h3 .mp_sp{padding: 0.02rem 0.09rem;
    margin-right: 5px;
    border-radius: 5px;display: inline-block;font-size: 0.1rem;color: rgba(57,73,157,0.8);font-weight: normal;}
.md2_lilf h3 .mp_maright{margin-right: 0.15rem;display: inline-block;}
.mp_ul2{width: 17.5rem;position: relative;}
/**/
.md3_ul {
    height: 4.4rem;
    margin-top: 0px;overflow: hidden;
}
.md3_page{display: none;}
.md3_ulmp{height: 4.4rem;width: 21rem;position: relative;left: 0rem;}
.md3_li {
    width: 3.5rem;
    height: 100%;
    float: left;
}
.md3_li img {
    width: 60%;
}
.mp_md3{display: block;color:#e94829;font-size: 0.15rem;margin-bottom: 0.25rem;margin-top: 0.35rem;}
.mp_md3 h3{font-size: 0.18rem;font-weight: normal;font-family: arial;}
.md3_li p {
    opacity: 1;
    height: 0.85rem;
    position: absolute;
    bottom: 0px;
    left: 0px;
    font-size:0.12rem;
    line-height: 0.2rem;
    color: rgba(255,255,255,0.8);padding: 0rem 0.15rem;
}
.mp_page{display: block;height: 0.4rem;width: 100%;position: absolute;top: 50%;margin-top: -0.2rem;left: 0rem;z-index: 5;}
.mp_up,.mp_dw{width: 0.4rem;height: 0.4rem;background:rgba(255,255,255,0.1);border-radius: 0.4rem;margin: 0px 0.05rem;}
.mp_up{float: left;display: none;}
.mp_dw{float: right;}
.mp_page span{font-size: 0.2rem;color: #FFFFFF;display: block;position: relative;top: 0.08rem;left: -0.02rem;}
.mp_up span{transform: rotate(180deg);}
.mp_dw span{transform: rotate(0deg);left: 0.01rem;}
/**/
.md4_ul {
    width: 100%;
    height: auto;
    margin-top: 0.3rem;padding-bottom: 0.3rem;
}
.md4_li {
    width: 0.75rem;
    height: 0.35rem;
    float: left;
    margin-right: 0.15rem;
    margin-bottom: 0.2rem;
}
.md4_li img {
    height: 0.35rem;
}
/**/
.modle5 .modle_con {
    padding-left: 0px;text-align: center;padding-bottom: 0.5rem;
}
.modle5 h1 {
    font-size: 0.22rem;
}
.modle5 h1 span{display: none;}
.modle5 h3 {
    font-size: 0.15rem;
    margin-bottom: 0.1rem;
}
.modle5 h4 {
    font-size: 0.2rem;
    margin-bottom: 0.35rem;
}
.btn_div p {
    margin-top: 0.1rem;font-size: 0.12rem;
}
.modle5 .btn_div{padding-left: 0.15rem;box-sizing: border-box;}
.modle5 .btn_div .divb {
    width: 0.6rem;
    margin-right: 0.2rem;
}
.ico_img {
    line-height: 0.55rem;
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 0.55rem;
}
.ico_img .iconfont {
    font-size: 0.22rem;
}



.modle5 .mp_add{display: block;float: none;margin-top: 0.25rem;background-color: rgba(255,255,255,1);color: #e94829;}
.modle5 .mp_shi{display: none;}
.modle5 .add_btn:after{background-color: rgba(255,255,255,0.5);}
.mp_img{display: inline-block;}
.pc_img{display: none;}
.mp_no{display: block;}
.mp_hot{display: none;}
.div_mhot .mp_no{display: none;}
.div_mhot .mp_hot{display: block;}
.header .div_mhot{background-color: #e94829;}
.div_mhot .nav_btn_small > div{background-color: #ffffff;}
.red_head .mp_no {
    display: none;
}
.red_head .mp_hot {
    display: block;
}
.red_head	.nav_btn_small > div {
    background-color: #FFFFFF;
}
.con_div h2.red_h2 {
    font-size: 0.3rem;
    margin-bottom: 0.4rem;
}
.red_div {
    margin-left: 0.3rem;margin-right: 0.3rem;
}
.r_divl {
    margin-right: 0.1rem;
    font-size: 0.18rem;
    height: 0.74rem;
}
.red_divt .r_divl{height: 0.98rem;}
.r_divr h4 {
    font-size: 0.18rem;
}
.r_divr h4.tit2 {
    font-size: 0.16rem;
    font-family: "DIN";
    margin-top: 0.05rem;
    margin-bottom: 0.05rem;
}
.r_divr h4.tit3 {
    font-size: 0.16rem;
}
.red_divt {
    margin-top: 0.25rem;
}


#videoz {
    width: 3.5rem;
    height:2rem;
    margin-top: -1rem;
    position: relative;
     top: 50%; 
    margin: 0px auto;
     margin-top: -1rem; 
}
.conse{width: 0.25rem;height: 0.25rem;top: -0.28rem;right: 0rem;font-size: 0.18rem;}
#my-video{width: 3.5rem;height:1.46rem;}
.modle2 .add_btn {margin-bottom: 0.3rem;
    top: -0.2rem;
}
.canvas_div{display: none;}

}