@charset "utf-8";

/* productweb */
.productweb{padding:25px 35px;}
.productweb .webtit{text-align:center;font-size:2rem; color:#D70000; margin-bottom:20px;}
.productweb ul li a{display:block;padding:13px 15px;border:1px solid #ccc;font-size:1.7rem;color:#6e6e6e; margin-bottom:15px; background:url(../images/icon_10.png) no-repeat right 10px center;}
/* productweb */
.wrapnav {position:relative;}
.wrapnav .backBtn{position:absolute;width:40px; height:36px; display:block;top:20px; left:20px; background:url(../images/backbtn.png) no-repeat center;z-index:3;}
.wrapnav .wraptit{background:#efefef; border-bottom:1px solid #ddd;border-top:1px solid #ddd;text-align:center; color:#000;padding:15px 65px;position:relative;text-overflow:ellipsis;overflow: hidden;white-space:nowrap;}
.wrapnav .wraptit_tab:after{display:block;content:""; width:20px; height:20px;border-top:1px solid #222; border-right:1px solid #222;transform:rotate(135deg);-webkit-transform:rotate(135deg); position:absolute;top:25px; right:30px;}
.wrapnav .active:after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg); top:30px;}
.wrap_content{display:none;}
.none{display:none;}
.show{display:block;}
.productsub{padding:0px 0px;background:#efefef;}
.productsub a{color:#666;}
.productsub_box{border-bottom:1px solid #888;}
.productsub_box h4{font-size:1.6rem;position:relative;color:#fff;padding:10px 300px 10px 35px;background:#696969;}
.productsub_box h4:hover,.productsub_box.show h4{background:#D70000;color:#fff;}
.productsub_box h4 i{display:block;width:10px; height:15px; background:url(/template/pc/zh/images/icon_h4.png) no-repeat center; position:absolute; left:20px; top:50%;margin-top:-9px;}
.productsub_box h4:hover i,.productsub_box.show h4 i{}
.productsub_list{display:none;}
.show .productsub_list{display:block;}
.productsub_list dl dt{padding:5px 5px 5px 45px ;font-size:1.5rem;background:#dcdcdc; border-bottom:1px solid #ccc;}
.productsub_list dl dt:hover,.productsub_list dl.show  dt{color:#D70000;}
.productsub_list dl dd{background:#fff;overflow:hidden;display:none;}
.productsub_list dl.show dd{display:block;}
.productsub_list dl dd p{ padding:0px 0px 5px 75px;font-size:1.3rem;margin: 5px auto 10px;border-bottom: 1px solid #eaeaea;
transition: background 0.3s,color 0.3s;}
.productsub_list dl dd p a{display:block;}
.productsub_list dl dd p a.cur{color:#D70000;}







/*  */
.sortlist{margin-bottom:20px;margin-top:20px;}
.sortlist .tit{ border-bottom:1px solid #D70000;padding-bottom:5px; margin-bottom:5px;}
.sortlist .tit .tp1{font-size:2rem; color:#D70000; margin-bottom:0; font-weight:bold;}
.sortlist .tit .tp2{font-size:1.8rem; color:#000;}
.sortlist .text{margin-bottom:10px; color:#666; font-size:1.4rem; text-indent:2em;}
/*  */


/*��Ʒ����*/
.main{ min-height: 100%; padding-bottom: 88px; }
.news-hd{overflow:hidden;margin-top:15px;}
.news-hd ul li img{display:block;width:100%;}
.news-btn{text-align:center;padding:15px 0;}
.news-btn span.swiper-pagination-bullet{margin:0 .2rem;border-color:#D70000;background:transparent;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;}
.news-btn span.swiper-pagination-bullet-active{margin:0 2px;background:#D70000;}

.tit2 { font-size: 18px; line-height: 30px; border-bottom: 1px solid #ccc; padding: 10px 10px 6px; background: #F0F3EA; }
.Productclass{margin:0px; border-top: 10px solid #e6e6e6;}
.Productclass .model{font-size:0.9em;color:#000;padding:10px 15px;border-bottom:1px solid #ccc;}
.Productclass ul li{border-bottom: 10px solid #e6e6e6;}
.Productclass ul li.cur h3.Producttitle{ border-bottom:1px solid #f0f0f0; color:#D70000 }
.Productclass ul li h3.Producttitle{font-size:1.8rem; padding:15px 10px 15px 15px; position:relative; color:#D70000 }
/* .Productclass ul li h3:after { content: ""; width: 13px; height: 13px; border-top: 1px solid #666; border-right: 1px solid #666; position: absolute; right: 20px; transition: all .4s ease; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: transform .4s ease; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); }
.Productclass ul li h3:after { top: 20px; transition: transform .4s ease; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: all .4s ease; }
.Productclass ul li.cur h3:after { border-color:#D70000 ; transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); } */

.Productcontents{  padding:30px 10px; color:#666666; font-size:1.5rem;}
.Productcontents dl .dt{ font-size:1em; color:#000;}
.Productcontents dl dt{ font-size:0.7em;}
.Productcontents dl .dt2{ font-size:0.7em; color:#999}
.Productcontents .fl p{ font-size:0.7em; color:#333;}
.commonReturn{margin:0px 15px; padding:30px 0px 25px;}
.commonReturn a{color:#666666;background:#ededed;text-align:center;padding:3px 0px;font-size:14px;display:block;line-height:30px;}
/*��Ʒ����*/
/* order */
.product-top{padding:15px 0;}
.product-top p{font-size:1.5rem; color:#333;margin-bottom:5px;}
.pro-order{text-align:center;padding-top:10px;}
.pro-order a{display:inline-block; width:56%; padding:7px 0; background:#D70000; color:#fff; font-size:1.5rem; border-radius:30px;}


.orderbg{ position:fixed;top:0;left:0;width:100%;height:100%; background:rgba(0,0,0,.6); z-index:99998; display:none;}
.Cooperationbox{ position:fixed;top:50%;left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); border:10px solid rgba(255,255,255,.6); z-index:99999;max-width:640px; border-radius:10px;height:auto;overflow-y:auto;}
.Cooperationbox .title{ font-size:24px;color:#D70000; text-align:center; font-weight:bold;padding-bottom:20px;line-height:30px; border-bottom:1px solid #DDDDDD;}
.bgwhile{ background:#fff;padding:35px 40px 20px;height:100%;}
.bgwhile .title .closebtn{ display:block;width:32px;height:31px; background:url(/template/pc/zh/Images/close.png) 0 0 no-repeat; float:right;margin-right:10px;background-size:100% auto; cursor:pointer;}
.feedbacklist {padding:20px 10px 0;width:420px; height:100%;margin:auto; }
.feedbacklist .liRadio{ }
.feedbacklist li{margin-bottom:20px; position:relative;width:100%;}
.feedbacklist .liRadio span{ font-size:16px; display:inline-block; background-image:url(/public/kefu/icon58.png); background-position:0 -16px;padding-left:15px;padding-right:30px; cursor:pointer;}
.feedbacklist .liRadio span.cur{ background-position:0 8px;}
.feedbacklist .liRadio span:last-child{padding-right:0;}
.feedbacklist li input,.feedbacklist li textarea{ width:308px;border:1px solid #DDDDDD; border-radius:5px;height:44px; line-height:normal;padding-left:110px;font-size:1.3rem;}
.feedbacklist li .name{ position:absolute;top:12px; right:310px; font-size:1.3rem;color:#666;}
.feedbacklist li.textarea textarea{height:120px;padding:40px 0 0 10px; resize:none;width:408px;} 
.feedbacklist li.textarea .name{ display:block;}
.feedbacklist li .feedsubmit{width:140px !important;height:40px !important; background:#D70000;color:#fff; font-weight:bold; font-size:18px; border:0;padding:0; cursor:pointer;}
.commonposition .layercon .online-feedback{right:0;width:50px;height:50px;color:#fff;}
.commonposition .layercon.Hometijao:hover .online-feedback{ display:block;width: 50px;height: 50px; color: #fff;padding: 6px 10px;text-align: center;line-height: 18px;}
.wqpbannerbtn{ display:none;}
/* order END*/


/* ��Ʒ�б�ҳ */
.index-video{padding:20px 0px;margin-bottom:20px;}
.videobox{margin:0 -10px;}
.videobox ul li {float:left; width:50%;}
.videobox ul li a{display:block;text-align:center ;padding:10px;margin:10px; position:relative;background:#fff;
border-radius:3px;  -webkit-border-radius:3px;border:1px solid #efefef;}
.videobox ul li a i.icon_new{display:block;position:absolute; top:-7px; left:-7px; width:53px; height:53px; background:url(/template/pc/zh/images/new.png) no-repeat center;z-index:2}
.videobox ul li .figure img{ display:block; width:100%;height:255px;}
.videobox ul li h3{font-size:1.5rem;padding-top:10px;border-top:1px solid #ddd;margin-top:5px;color:#313131;overflow:hidden; line-height:30px; height:60px;display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.videobox ul li span{font-size:.7em; display: inline-block;padding: 0px 10px; margin:10px auto 0;
    color: #D70000;
    border:1px solid  #D70000;
    border-radius: 3px;}
.videobox ul li p{font-size:1.2rem; color:#666;line-height:24px; height:24px;}
.videobox ul li h4{font-size:1.2rem; color:#D70000;line-height:24px; height:24px;}
.videobox ul li h5{font-size:1.2rem; color:#D70000;line-height:24px; height:24px;}
/* ��Ʒ�б�ҳ */


.proweb_menu{position:relative; padding:20px 0px;}
.proweb_menu dl{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #D70000;}
.proweb_menu dl dt a{display:block;line-height:3.4rem; color:#D70000;font-size:1.8rem; padding-left:3rem; background-repeat:no-repeat; background-position:left center;background-size:2.2rem;}
.proweb_menu dl dd a{display:block;padding-left:3rem;line-height:3.5rem; color:#000; font-size:1.7rem;}



/* menu */
.pro_menu{position:relative;z-index:9;}
.pro_menu_tit{position:relative; padding-left:30px;line-height:5rem; background:#D70000; color:#fff; font-size:2rem;}
.pro_menu_tit:after{display:block; content:""; position:absolute; right:30px;height:19px;width:13px;background:url(../images/icon_pro.png) no-repeat center;top:50%; margin-top:-10px;transition:all .3s;-webkit-transition:all .3s;}
.pro_menu_tit.on:after{transform:rotate(90deg);-webkit-transform:rotate(90deg);}
.pro_menu_box{position:absolute;display:none; left:0; right:0;top:5rem; background:#EDFEFF; padding:20px 30px;}
.pro_menu_box dl{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #D70000;}
.pro_menu_box dl dt a{display:block;line-height:3rem; color:#D70000;font-size:1.5rem; padding-left:3rem; background-repeat:no-repeat; background-position:left center;background-size:2.2rem;}
.pro_menu_box dl dd a{display:block;padding-left:3rem;line-height:3rem; color:#000; font-size:1.3rem;}


.prosearch{padding:15px 30px 0;}
.prosearch form{display:inline-block;width:100%;}
.prosearch form input[type='text']{width:80%; border:1px solid #D70000;position:relative;float:left;color:#666;line-height:3.3rem;padding-left:15px; box-sizing:border-box;-webkit-box-sizing:border-box;}
.prosearch form input[type='submit']{width:20%;float:left;color:#fff;box-sizing:border-box;-webkit-box-sizing:border-box;line-height:3.3rem; border:1px solid #D70000; background:#D70000;}