/* nav */
.header-nav {
    position: relative;
    background: #FF5400;
    width: 100%;
	height:70px;
}

.header-content {
    width: 1180px;
	margin:0 auto;
}

.header-logo {
    float: left;
}
.header-logo a {
    display: block;
    padding: 10px 0;
    color: #1ec67a;
    text-decoration: none;
}
.header-logo a img {
    height: 50px;
    display: block;
    border: none;
}
.header-nav-list {
    float: right;
	padding:10px 0;
    margin-right: 0px;
}
.header-nav-list ul {
    float: left;
}

.header-nav-list ul li {
    position: relative;
    display: block;
    float: left;
	padding:0 25px;
}

.header-nav-list ul li a {
    color: #ffffff;
    font-size: 16px;
	height:50px;
	line-height:50px;
    background: none;
    position: relative;
    display: block;
	text-decoration:none;

}

.header-nav-list ul li a:hover {
    color: #FFAD00;
	font-size: 16px;
	height:50px;
	line-height:50px;
	text-decoration:none;
}

.header-nav-list ul li .cur {
    color: #ffffff;
}

.aui-dow-box {
    position: absolute;
    top: 200%;
    left: 330px;
    width: 1180px;
    background-color: #ffffff;
    visibility: hidden;
    opacity: 0;
	border-radius: 2px;
    filter: alpha(opacity=0);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
	z-index:99;
}

.aui-dow-box-list {
	border-top:2px solid #FFAD00;
	background:#FF5400;
    width: 1200px;
    height: 280px;
	padding:20px 0;
}

.drop-down:hover .aui-dow-box-list {
    top: 110%;
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
}

.aui-down-menu {
    width: auto;
    float: none;
    display: block;
	
}

.aui-down-menu-list {
    float: left;
    font-size: 0;
}

.aui-down-menu-list-item {
    display: inline-block;
    width: 240px;
	height:240px;
	overflow:hidden;
	float:left;
	border-right:1px solid #ff6a21;
	padding-left:20px;
}
dl.aui-down-menu-list-item{}
dl.aui-down-menu-list-item dt{padding-bottom:10px;}
dl.aui-down-menu-list-item dt a{font-size:16px; height:30px; line-height:30px;white-space:nowrap;}
dl.aui-down-menu-list-item dt a:hover{color:#FFAD00;font-size:16px; height:30px; line-height:30px;}
dl.aui-down-menu-list-item dd a{font-size:14px; height:22px; line-height:22px;white-space:nowrap;}
dl.aui-down-menu-list-item dd a:hover{color:#FFAD00;font-size:14px; height:22px; line-height:22px;}
.aui-down-menu-list-title:hover {
    color: #1ec67a;
}

.aui-about-dow {
	border-top:2px solid #FFAD00;
    opacity: 0;
    visibility: hidden;
    position: absolute;
	padding:10px 0;
    left: 0;
    top: 200%;
	text-align:center;
    width: 140px;
    background: #FF5400;
    border-radius: 2px;
    z-index: 99;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
}

.drop-down:hover .aui-about-dow {
    top: 100%;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    filter: alpha(opacity=100);
}

.header-nav-list .aui-about-dow li a {
    padding: 0;
    line-height: inherit;
    display: block;
    color: #FFFFFF;
    font-size: 16px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.header-nav-list .aui-about-dow li a:hover {
    color: #FFAD00;
	line-height:22px;
	height:22px;
	font-size:14px;
}

.header-nav-list .aui-about-dow li {
    width: 140px;
	padding:10px 0;
	height:50px;
}

.header-nav-right {
    float: right !important;
}

.header-nav-right-en {
    position: relative;
    margin-top: 21px;
    float: right !important;
    top: -6px;
}

.header-nav-right-en a {
    -webkit-transition: border 0.3s ease;
    -moz-transition: border 0.3s ease;
    -ms-transition: border 0.3s ease;
    -o-transition: border 0.3s ease;
    transition: border 0.3s ease;
    padding: 6px;
    border-radius: 0px;
    display: inline-block;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.header-nav-right-en a:hover {
    border: 1px solid #20b573;
    color: #1ec67a;
}

.header-nav-weChat {
    float: right !important;
    position: relative;
    margin-top: 21px;
    margin-right: 24px;
}

.header-nav-weChat a {
    display: inline-block;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    padding: 0 !important;
    color: #313131;
}

.navbar-contact-shadowr, .navbar-contact .navbar-contact-shadowl {
    visibility: hidden;
}

.navbar-contact-shadowl, .navbar-contact .navbar-contact-shadowr {
    width: 1px;
    height: 10px;
    position: absolute;
    bottom: -16px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.navbar-contact-shadowl {
    left: 46%;
    transform: rotate(40deg);
}

.navbar-contact-shadowr {
    right: 46%;
    transform: rotate(-40deg);
}

.navbar-contact-hover {
    position: absolute;
    left: -23px;
    margin-top: 15px;
    z-index: 999;
    visibility: hidden;
    width: 98px;
    height: 98px;
    background: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.navbar-contact-hover:before {
    display: block;
    content: "";
    border-width: 9px;
    border-style: solid;
    border-color: transparent transparent #ffffff transparent;
    position: absolute;
    left: 40%;
    bottom: 100%;
}

.navbar-contact-hover img {
    width: 98px;
    height: 98px;
    padding: 7px;
}

.header-nav-weChat:hover .navbar-contact-hover, .header-nav-weChat:hover .navbar-contact-shadowl, .header-nav-weChat:hover .navbar-contact-shadowr {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.header-nav-tel {
    width:168px; height:30px; line-height:30px; text-align:center; background:#336699; border-radius: 35px; margin-top:20px;
    position: relative;
    float: right !important;
}

.header-nav-tel a {
    display: inline-block;
    margin-bottom: 0;
    font-size: 14px;
    font-weight:bold;
    line-height: 30px;;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    padding: 0 !important;
    color: #ffffff;
}

.header-nav-tel a:hover {
    color: #FF5400;
	text-decoration:none;
}

.aui-header-nav.solid {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
}

.class{width:320px;height:100%;z-index:7; background:#FF5400; position: fixed; top:0px; left:0px; color:#fff;z-index: 100;}
.class-top{ height:60px;overflow:hidden;background: rgba(255,84,0,0.8); margin: 0;font-size: 16px; line-height: 60px; color: #ffffff;}
.class-top a.class-tel{color:#FFFFFF; padding-left:30px; font-size: 18px;}
.class-top .close1{ display: inline-block;float: right; width: 16px; height: 16px; margin-right:20px; margin-top: 22px; background: url(../img/close.png) no-repeat; background-size: 100% 100%; }
.class-m{height: 88%;overflow-y:auto;}
.opacity2{width:100%; height:100%; position: fixed; top:0px; left:0px; background:rgba(0,0,0,0.5); z-index:40; display:none;}
.overflow{height:100%; overflow:hidden;}
.class-m .nnav{width:320px;height: auto;overflow: hidden;}
.class-m .nnav li{width: 100%;height: auto;overflow: hidden;}
.class-m .nnav li a.ce{ border-bottom: 1px solid #FFAD00; padding-left: 30px;color: #ffffff;font-size: 16px;display: block;height:50px;line-height:50px; font-weight:bold;}
.class-m .nnav li a.ce.active{ color: #ffffff; }
.menu_head .ericon{color:#ffffff; padding-right: 20px; font-weight: bold; border-bottom: 1px solid #FFAD00;  line-height:50px;text-align:center;display:inline;font-size:28px;position: relative;z-index: 3; display:flex; justify-content: space-between}
.menu_head .ericon .txt{font-size:16px; padding-left:30px;}
.menu_head .ericon .icon1{ display:none;}
.menu_head .ericon.xz .icon1{ display:block;}
.menu_head .ericon.xz .icon2{ display:none;}
.class-m .nnav li .menu_body{display: none; background: #FFAD00;}
.menu_body li a.er{ text-indent: 30px; font-size:14px;display: block;height:40px;line-height:40px;color: #ffffff;}
.menu_body li a.er.active1{ color: #ffffff; }
.menu_body li a.er:before{margin-right: 10px; content:""; display: inline-block; width: 10px; height: 10px; background: url(../img/dot.png) no-repeat 0 center;}
.menu_body li a.er.active1:before{margin-right: 10px;  content:""; display: inline-block; width: 10px; height: 10px; background: url(../img/doth.png) no-repeat 0 center;}
.menu_body .thricon{color:#ffffff;width:50px;height:50px; margin-right: 5px; line-height:50px;text-align:center;float:right;display:inline;font-size:28px;position: relative;z-index: 3;}
.menu_body .thricon .icont1{ display:none;}
.menu_body .thricon.tz .icont1{ display:block;}
.menu_body .thricon.tz .icont2{ display:none;}
.class-m .nnav li .thr_body{display: block;}
.class-m .nnav li .thr_body li{border-bottom: none;padding: 0;}
.thr_body li a.thr{position: relative;padding-left:70px;font-size: 14px;display: block;height:40px;line-height:40px;color: #009e30;}
.mollan{ text-align: center; margin: 20px auto; width: 40%; text-align: center; line-height: 40px; background: #3384c0;border-radius: 20px;}
.mollan a{ font-size: 16px; line-height: 40px; color: #ffffff;}

.page-prev {
transform:translate3d(-320px, 0, 0);
-ms-transform:translate3d(-320px, 0, 0);
-webkit-transform:translate3d(-320px, 0, 0);  
-o-transform:translate3d(-320px, 0, 0); 
-moz-transform:translate3d(-320px, 0, 0);
}
.page-next {
transform:translate3d(320px, 0, 0);
-ms-transform:translate3d(320px, 0, 0);
-webkit-transform:translate3d(320px, 0, 0); 
-o-transform:translate3d(320px, 0, 0);  
-moz-transform:translate3d(320px, 0, 0);
}
.page-active{
transform:translate3d(0, 0, 0);
-ms-transform:translate3d(0, 0, 0);
-webkit-transform:translate3d(0, 0, 0); 
-o-transform:translate3d(0, 0, 0);  
-moz-transform:translate3d(0, 0, 0);}
.page-in {
  -webkit-transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -ms-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}
.page-out {
  -webkit-transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
  -ms-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
}
.share-in{transform:translate3d(100%, 0, 0);
-ms-transform:translate3d(100%, 0, 0);
-webkit-transform:translate3d(100%, 0, 0);  
-o-transform:translate3d(100%, 0, 0); 
-moz-transform:translate3d(100%, 0, 0);}

#molheader{ vertical-align: middle; width: 100%;height: 60px; z-index: 30;position: fixed; background:#FF5400;}
#molheader .logomol{ height: 60px;}
#molheader .logomol a{display: block; width: 100%; height: 50px; padding-top: 10px; position: relative; }
#molheader .logomol img{ max-width: 100%; max-height: 100%; display: block; margin-left:20px; vertical-align: middle;}
#molheader .telmol{position: absolute; top: 0px; right: 10px; height: 30px; margin:15px 0; padding:0 5px; line-height:30px;z-index: 5; background: #336699; border-radius:10px;}
#molheader .telmol a{font-size:18px; color:#FFFFFF;}
#molheader .mol_navbutton{ position: absolute; top: 0; right: 0; width: 40px; height: 60px;z-index: 5;}
#molheader .mol_navbutton img{ width: 21px;height: 19px; margin:20px 24px 0 0;}
#molheader1{ vertical-align: middle; width: 100%;height: 80px; background: url(../img/rr.png) no-repeat; background-size: 100% 100%; z-index: 99; position: relative;}
#molheader1 .mol_navbutton{ position: absolute; top: 0; left: 0; width: 40px; height: 60px;z-index: 5;}
#molheader1 .mol_navbutton img{ width: 21px;height: 19px; margin:22px 0 0 24px;}
#molheader1 h2{ width: 60%; margin:0 auto; line-height: 60px; font-size: 18px; color: #ffffff; text-align: center; }
#molheader1 .classfiy{ position: absolute; background: url(../img/classify.png) no-repeat; background-size: 100% 100%; right: 24px; top: 22px;display: block;width: 20px; height: 22px;}
#molheader1 .classfiy:focus, .classfiy:hover{color: #ffffff;}

@media (min-width:961px){
#molheader{ display: none !important; }
.vidcon{margin-top:250px;}
.contain{margin-top:160px;}
.vid_c_c{font-size:24px;}
.txtbox{}
.txtcon{width:1200px; padding:100px 0;}

.bestbox{}
.besttit{width:1200px; padding:20px 0; font-size:32px;}
.bestlist{width:1200px; padding:20px 0;}
.b_item{display:flex; flex-flow:row; margin-bottom:20px;}
.b_img{width:27%; padding-right:3%}
.b_right{width:70%}

/*3*/
.best_con{width:1200px; padding:20px 0; margin:0 auto; display:flex; flex-wrap:wrap;}
.best_con_t{width:1200px; font-size:28px;}
.best_con_d{width:1200px; font-size:18px; margin-top:10px;}
.best_con_list{width:1200px; padding:20px 0;display:flex; flex-wrap:wrap;}
.bcl_item{width:25%; margin-bottom:10px;}
.bcl_item_img{text-align:center; padding-bottom: 0px;}
.bcl_item_img img{width:90%;}
.bcl_item_tit{text-align:center;}

.relbox{height:400px; padding-top:50px;}
.reltit{width:1200px;}
.rellist{width:1200px;}
.relbox .r_item{width:25%;}
.relbox .r_item5{width:20%;}
.relbox .r_con{height:120px;}

.classbox{height:500px; padding-top:100px;}
.classtit{width:1200px;}
.classlist{width:1200px;}
.classbox .c_item{width:25%;}
.classbox .c_con{height:120px;}

.productbox{}
.product_con{width:1200px; padding:100px 0;}
.product_con .p_item{width:280px;margin:20px 10px 20px 10px; position: relative;}

.appbox{display: flex;flex-flow:row;}
.appcon{width:1200px; display:flex; flex-wrap:wrap; padding:50px 0;}
.appcon_box{display:flex;flex-flow:row;}
.appcon_ml{width:720px;}
.appcon_mr{width:480px;}
.appcon_mr img{width:100%;}

.applibox{}
.applicon{width:1200px; padding:50px 0; margin:0 auto; display:flex; flex-wrap:wrap;}
.appli_t{width:1200px; display:flex; flex-wrap:wrap; padding:10px 0;}
.appli_list{width:1200px; display:flex; flex-wrap:wrap; flex-flow:row; justify-content: space-between; margin-top:20px;}
.appli_item{width:550px;}
.appli_i_t{ font-size:24px; font-weight:bold;}
.appli_i_c li{font-size:16px;}

.benefitbox{}
.benefittit{width:1200px; padding:20px 0; font-size:32px; text-align:center;}
.benefitcon{width:1200px; padding:50px 0;}
.benefitcon_list{width:1200px; display:flex; flex-wrap:wrap;justify-content: space-between}
.bc_item{background-color: #f5f8fa;
      border-radius: 12px;
      padding: 30px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.1);
	  width:590px;}

.productcon{width:1200px; padding:50px 0;}
.productcon ul{display:flex; flex-wrap:wrap;}
.productcon li{width:23%; margin:1%; list-style:none;}
.productcon li img{width:100%;}

.procon{width:1200px; padding:50px 0;}
.procon ul{display:flex; flex-wrap:wrap;}
.procon li{width:31%; margin:1%; list-style:none;}
.procon li img{width:100%;}
.procon li p{text-align:center; font-size:14px; color:#333333;}

.comcon{width:1200px; display:flex; flex-wrap:wrap; padding:50px 0;}
.comcon_l{width:50%}
.comcon_r{width:50%}

.quecon{width:1200px; display:flex; flex-wrap:wrap; padding:50px 0;}

.cuscon{width:1200px; display:flex; flex-wrap:wrap; padding:50px 0;}
.cuscon_p{width:250px; margin:25px; padding:10px 30px; background:#f3f3f3; border-radius:10px;}

.videocon{width:1200px; display:flex; flex-wrap:wrap; padding:50px 0;}

.aboutbox{ height:400px;}
.about_con{width:1180px; height:200px; padding:100px 0;}

.footer-in{width:1180px;}
.foot-content{width:300px; height:210px; color:#FFFFFF; float:right;}
.foot-content .f-c-t{font-size:18px; font-weight:bold;}
.foot-content .f-c-c{font-size:12px; line-height:22px;}
.footer-bot{height:50px;}
.footer-bot-box{width:1180px; margin:0 auto;}
.footer-bot-c{width:880px; float:left;}
.footer-bot .footer-bot-c p{line-height:50px; height:50px; font-size:14px; color:#FFFFFF;}
.footer-bot-r{width:300px; height:50px; float:left; text-align:right;}
.footer-bot-r a{color:#FFFFFF; font-size:14px; line-height:50px;}

.products_con{width:1200px; margin:0 auto;}
.p_c_txt{width:600px; float:left; font-size:18px; line-height:34px; color:#333333; margin-left:10px;}
.p_c_img{width:480; float:right; margin-right:10px;}
.p_c_que{margin:60px 0 60px 150px;}
.products2_con{width:1200px;}
.p_c_pc_i{width:280px; height:203px; overflow:hidden; margin:20px 10px;}
.p_c_pc_i_t{width:280px; height:40px; background:#ffffff; font-size:18px; overflow:hidden; line-height:40px; text-align:center;}
.p_c_p_i{width:280px; height:223px; overflow:hidden; margin:20px 10px; float:left;}
.p_c_p_i_t{width:280px; height:60px; background:#ffffff; font-size:18px; overflow:hidden; line-height:30px; text-align:center; color:#333333;}
.p_c_c_t{ width:100%; height:40px; line-height:40px; font-size:32px; padding-left:10px;font-weight: bold; color: #333;}
.p_c_c_i{width:280px; height:163px; overflow:hidden; margin:20px 10px; float:left;}

.productshow_con{width:1180px;}
.p_s_txt{width:700px; float:left; font-size:18px; line-height:34px; color:#333333; margin-left:0px;word-wrap:break-word;}
.p_s_img{width:380; float:right; margin-right:0px;}
.p_s_que{margin:60px 0 60px 60px;}

.aboutus_con{width:1180px;}

.contact_con{width:1200px;}
.contact_htm{width:1200px;}
.contact_htm .c_h_c_i{width:280px; height:300px; margin:0 10px 50px 10px; float:left; background:#f1f1f1; text-align:center;}
.contact_htm .c_h_c_i em{color:#FF5400; padding:30px;}
.contact_htm .c_h_c_i .c_h_c_i_t{font-size:18px; width:260px; padding:10px; line-height:30px; text-align:center;}
.contact_htm .c_h_c{ height:350px;}
.mes_con{width:500px; margin:0 auto;}

.news_con{width:1180px; margin:0 auto;}
.news-item{ width:1180px; height:200px; border-bottom:1px solid #f1f1f1; margin-bottom:50px;}
.newsimg{width:300px; height:180px; float:left;}
.news-com{width:880px; height:120px; padding-top:60px; float:right;}
.news-h{font-size:18px; color:#333333;}
.news-sum{font-size:24px;}
.news-sum a{color:#FF5400;}

.blog_l{width:860px; margin-right:20px; float:left;}
.blog_item{ width:860px; height:200px; border-bottom:1px solid #f1f1f1; margin-bottom:50px;}
.blog_img{width:300px; height:180px; float:left;}
.blog_con{width:560px; height:120px; padding-top:60px; float:right;}
.blog_r{width:300px; margin-bottom:50px; background:#ebebeb; float:right;}
.blog_r_t{font-size:18px; color:#333333; padding:20px 40px 0 40px; width:220px;}
.blog_r_box{padding:20px 40px; width:220px;}
.blog_r_box li{list-style:none; line-height:32px;}
.blog_r_box li a{color:#333333; font-size:14px;}

.cert-item{width:280px; height:320px; padding:10px; float:left; text-align:center;}

.message_con{width:1180px; margin:0 auto;}
.m_c_f{width:680px; margin:0 auto;}
.m_c_f_i{width:680px; height:52px;}
.m_c_f_t{width:680px; height:120px;}
.m_c_f_s{width:680px; height:52px;}
.m_c_f_y{width:260px; height:52px;}
.m_c_f_b{width:260px; height:64px;}

}
@media (max-width:960px){
#molheader{display: block;}
.vid_c_c{font-size:18px;}
.aui-header-nav.solid{display:none;}
.classbox{padding-top:10px;}
.classlist{width:100%;}
.classbox .c_item{width:50%; padding-bottom:0px;}
.classbox .c_con{height:150px;}
.classbox .c_img img{width:100%;}
.productbox{}
.product_con{width:100%; padding:50px 0;}
.product_con .p_item{width:100%; margin:5px 10px 5px 10px; position: relative;}
.about_con{width:100%; padding:50px 0;}

.bestbox{}
.besttit{width:100%; padding:20px 0; font-size:22px;}
.b_item{display:flex; flex-flow:column; margin-bottom:20px;}
.b_right{ padding:10px; width:100%; overflow:auto;}

.best_con{width:100%; padding:20px 0; margin:0 auto; display:flex; flex-wrap:wrap;}
.best_con_t{width:100%; font-size:28px; padding-left:10px;}
.best_con_d{width:100%; font-size:18px; padding-left:10px;}
.best_con_list{width:100%; padding:20px 0;display:flex; flex-wrap:wrap;}
.bcl_item{width:48%; margin:1%; margin-bottom:10px;}
.bcl_item_img{text-align:center; padding-bottom: 0px;}
.bcl_item_img img{width:100%;}
.bcl_item_tit{text-align:center;}

.relbox{padding-top:10px;}
.reltit{font-size:24px;}
.rellist{width:100%;}
.relbox .r_item{width:50%; padding-bottom:0px;}
.relbox .r_item5{width:48%; margin:1%;}
.relbox .r_con{height:150px;}
.relbox .r_img img{width:100%;}

.appbox{}
.appcon{width:100%; display:flex; flex-wrap:wrap; padding:30px 0x;}
.appcon_des{desplay:flex;font-size:18px; font-weight:bold; padding:10px;}
.appcon_box{display:flex;flex-flow:column;}
.appcon_ml{width:100%; font-size:14px;}
.appcon_mr{width:100%}
.appcon_mr img{width:100%;}
.appcon_b{padding:10px;}

.applibox{}
.applicon{width:100%; padding:50px 10px; margin:0 auto; display:flex; flex-wrap:wrap;}
.appli_t{width:100%; display:flex; flex-wrap:wrap; padding:10px 0;}
.appli_list{width:100%; display:flex; flex-wrap:wrap; flex-flow:column; justify-content: space-between}
.appli_item{width:100%;}
.appli_i_t{ font-size:24px; font-weight:bold;}

.benefitbox{}
.benefittit{width:100%; padding:20px 0px; font-size:32px; text-align:center}
.benefitcon{width:100%; display:flex; flex-wrap:wrap; padding:50px 10px;}

.productcon{width:100%; padding:30px 0;}
.productcon ul{display:flex; flex-wrap:wrap;}
.productcon li{width:48%; margin:1%; list-style:none;}
.productcon li img{width:100%;}

.procon{width:100%; padding:30px 0;}
.procon ul{display:flex; flex-wrap:wrap;}
.procon li{width:48%; margin:1%; list-style:none;}
.procon li img{width:100%;}
.procon li p{text-align:center; font-size:14px; color:#333333;}

.comcon{width:100%; display:flex; flex-wrap:wrap; padding:30px 0;}
.comcon_t{font-size:24px;}
.comcon_des{padding:0 10px; font-weight:100;}
.comcon_l{width:100%; font-size:18px; padding:10px;}
.comcon_r img{width:100%}
.comcon_b img{width:48%; margin:1%;}

.quecon{width:100%; display:flex; flex-wrap:wrap; padding:30px 0;}
.quecon_t{font-size:24px;}
.quecon_c_t{font-size:18px; margin:10px;}
.quecon_c_c{font-size:14px; margin:10px;}

.cuscon{width:100%; display:flex; flex-wrap:wrap; padding:30px 0;}
.cuscon_t{font-size:24px;}
.cuscon_p{width:100%; margin:25px; padding:10px 30px; background:#f3f3f3; border-radius:10px;}
.cuscon_p_con{height:auto;}

.videocon{width:100%; display:flex; flex-wrap:wrap; padding:20px 0px;}

.mes_con{width:100%;}
.mes_con_t{width:100%; font-size:24px;}

.subfootcon{width:100%; padding:10px;}
.subfootcon-con{padding:20px 0;}

.footer-in{width:100%;}
.foot-media{display:none;}
.foot-nav{display:none;}
.foot-content{width:100%; height:230px; color:#FFFFFF; padding:20px;}
.foot-content .f-c-t{font-size:24px; font-weight:bold;}
.foot-content .f-c-c{font-size:18px; line-height:24px;}
.footer-bot{height:140px; padding:20px;}
.footer-bot-box{width:100%; margin:0 auto;}
.footer-bot-c{width:100%;}
.footer-bot .footer-bot-c p{line-height:24px; height:50px; font-size:14px; color:#FFFFFF;}
.footer-bot-r{width:100%; height:50px; text-align:right;}
.footer-bot-r a{color:#FFFFFF; font-size:14px; line-height:50px;}

.products_con{width:100%; margin:0 auto;}
.p_c_txt{width:100%; font-size:18px; line-height:34px; color:#333333; padding:0 5px;}
.p_c_img{width:100%;}
.p_c_que{margin:20px;}
.products2_con{width:100%;}
.p_c_pc_i{width:50%; overflow:hidden; padding:10px;}
.p_c_pc_i img{width:100%; height:auto;}
.p_c_pc_i_t{width:100%; height:40px; background:#ffffff; font-size:18px; overflow:hidden; line-height:40px; text-align:center;}
.p_c_p_i{width:50%; overflow:hidden; padding:10px;}
.p_c_p_i img{width:100%; height:auto;}
.p_c_p_i_t{width:100%; height:60px; background:#ffffff; font-size:18px; overflow:hidden; line-height:30px; text-align:center; color:#333333;}
.p_c_c_t{ width:100%; height:40px; line-height:40px; font-size:18px; padding-left:10px;font-weight: bold; color: #333;}
.p_c_c_i{width:50%; overflow:hidden; padding:10px;}

.productshow_con{width:100%;}
.p_s_txt{width:100%; font-size:18px; line-height:34px; color:#333333; word-wrap:break-word;}
.p_s_img{width:100%;}
.p_s_que{margin:20px;}

.aboutus_con{width:100%; padding:10px;}
.about_htm img{width:100%;}

.contact_con{width:100%}
.contact_htm{width:100%;}
.contact_htm .c_h_c_i{width:50%; border:10px solid #ffffff; background:#f1f1f1; text-align:center;}
.contact_htm .c_h_c_i em{color:#FF5400; padding:30px;}
.contact_htm .c_h_c_i .c_h_c_i_t{font-size:16px; width:100%; padding:10px; line-height:30px; text-align:center;}
.mes_con{width:100%;}

.news_con{width:100%; margin:0 auto;}
.news-item{ width:100%; border-bottom:1px solid #f1f1f1; margin-bottom:20px; display:flex; justify-content:space-between;}
.newsimg{}
.newsimg img{width:100px; height:60px; padding-left:5px;}
.news-com{height:60px; padding-left:10px;}
.news-h{font-size:14px; color:#333333;}
.news-sum{font-size:14px; height:38px; overflow-y:hidden;}
.news-sum a{color:#FF5400;}

.blog_l{width:100%;}
.blog_item{ width:100%; border-bottom:1px solid #f1f1f1; margin-bottom:20px; display:flex; justify-content:space-between;}
.blog_img{width:100px; height:60px;}
.blog_img img{width:100px; height:60px; padding-left:5px;}
.blog_con{height:60px; padding-left:10px;}
.blog_r{ display:none;}

.cert-item{width:50%; padding:10px; text-align:center;}

.message_con{width:100%; padding:0 20px;}
.m_c_f{width:100%; margin:0 auto;}
.m_c_f_i{width:100%; height:52px;}
.m_c_f_t{width:100%; height:120px;}
.m_c_f_s{width:100%; height:52px;}
.m_c_f_y{width:50%; height:52px;}
.m_c_f_b{width:100%; height:64px;}
}