@charset "utf-8";
html{-webkit-font-smoothing:antialiased}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;word-wrap:break-word}
*{margin:0;padding:0;border:0;-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent;-webkit-touch-callout:none;-moz-touch-callout:none;outline:none !important;}
pre {white-space:pre-wrap;/* css-3 */white-space:-moz-pre-wrap;/* Mozilla, since 1999 */white-space:-pre-wrap;/* Opera 4-6 */white-space:-o-pre-wrap;/* Opera 7 */word-wrap:break-word;/* Internet Explorer 5.5+ */}
button,input,textarea{outline:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;}
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,b,caption,cite,code,dfn,em,i,strong,th,var{font-style:normal;font-weight:400}
dl,ol,ul{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
a{text-decoration:none}
a:hover{text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:none;blr:expression(this.onFocus=this.blur())}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
textarea{resize:none}
img{vertical-align:middle}

body{color:#000;line-height:1.3;overflow-x: hidden;background:#fff}
body{min-width: 1200px; margin: 0 auto}
.fl{float:left}
.fr{float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0}
.w1200{width: 1200px; margin:0 auto;}
/*头部*/
.topbar{height:40px;line-height: 40px;font-size: 12px;background: #f0f0f0;color: #666666;}
.topbar a{font-size: 12px;color: #888888;display: inline-block;margin-left: 25px;padding-left: 25px;background-position: left center;background-repeat: no-repeat;}
.topbar a:hover{color: #d9241c;} 
.topbar .wb{background-image: url(../images/header-ico1.png);}
.topbar .wx{position: relative;background-image: url(../images/header-ico2.png);}
.topbar .mess{background-image: url(../images/header-ico3.png);}
.topbar .wx img{position: absolute;z-index: 999;width: 100px;height: 100px;top:34px;right: -20px;background-color: #fff;padding: 5px;overflow: hidden;border-radius: 3px;display: none;}

.top_h{background:#fff;}
.logo{}
.logo a{}
.logo img{ display:block;padding: 14px 0;}
.top_z{ float:right;}
.dh{float:left; margin-right:10px;}
.dh ul li{ float:left; position:relative;}
.dh>ul>li:after{ content:''; position:absolute; left:0; right:0; height:2px; bottom:0; background:#fff;-webkit-transition:0.3s; transition:0.3s;}
.dh>ul>li:hover:after,.dh>ul>li.on:after{background:#f10938;}
.dh ul li a{padding:0 22px; color:#000;display:block;line-height:100px;font-size:16px;-webkit-transition:0.3s; transition:0.3s;}
.dh>ul>li:hover>a,.dh>ul>li.on>a{color:#f10938; font-weight: 600}
.dh ul li .dh_xl{ position:absolute; left:0; top:100px;background:rgba(255,255,255,0.8); width:180px; border-radius:0 0 5px 5px; padding:0px 0px; display:none; z-index:2;}
.dh ul li .dh_xl ul li{ float:none; position:static;}
.dh ul li .dh_xl ul li a{ font-size:14px; padding:0 30px; text-align:left; line-height:40px; color:#333;}
.dh ul li .dh_xl ul li a:hover{color:#fff;}
.dh ul li .dh_xl ul li:hover{ background:#f10938;}

.top_ss span.button{ display:block; width:20px; height:20px; background:url(../images/fdj.png) center no-repeat; cursor:pointer; margin-top:40px;}
.serach{position:absolute; left:0; top:40px; width:100%; background:#fff; overflow:hidden; z-index:10;}
.xx{position:absolute; right:0; top:-3px; background:none; cursor:pointer; padding:10px;}
.xx img{display:block; width:16px; height:16px;}
.fdj{position:absolute; left:0; top:32px; width:36px; height:36px; background:none; cursor:pointer; padding:10px;}
.fdj img{display:block; width:16px; height:16px;}
.form.act{width:95%; max-width:1200px; position:relative;margin:auto; display:none; padding:0 150px 0 36px;}
.form div.fr{position:absolute; right:0px; top:35px;}
.form input[type='text']{font-size:14px; width:100%; height:100px; line-height:100px; padding-left:10px; color:#666; background:#fff; border:none;}
.form .serbtn{font-size:14px; height:30px; margin-right:40px; padding:0 20px; -webkit-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; color:#f10938; border:1px solid #f10938; cursor:pointer; background:#fff;}
.form .serbtn:hover{color:#fff; background-color:#f10938;}
.top_lg{padding:0 0 0 20px; font-size:14px; line-height:20px; padding-top:40px; color:#666;}
.top_lg a{color:#666;} .top_lg a:hover,.top_lg a.on{color:#f10938;}




.banner{ width:100%; overflow:hidden; position:relative;}
.banner ul{ position:relative; width:10000%;}
.banner ul li{ float:left; width:1%; overflow:hidden; background:center no-repeat;}
.banner ul li a{ display:block;}
.banner ul li img{display:block;width:1920px; position:relative; left:50%; margin-left:-960px;}
.bandd{ position:absolute; left:0; bottom:3%; width:100%; text-align:center; z-index:5;}
.bandd span{z-index:2;cursor:pointer;margin-right:5px;display:inline-block;width:14px;height:14px;zoom:1;border-radius:100%;border:2px solid #fff;position:relative;transition:all .3s}
.bandd span:after{content:"";position:absolute;width:6px;height:6px;background:#fff;top:4px;left:4px;border-radius:100%}
.bandd span.on,.bandd span:hover{border:2px solid #f10938;transform:scale(1.1)}
.bandd span.on:after{background:#f10938}
.banz,.bany{ position:absolute; top:50%; margin-top:-25px;width:50px; height:50px; opacity:0; transition:0.3s; cursor:pointer; z-index:5;}
.banz{ left:5%; background:url(../img/ban_l.png) center no-repeat;}
.bany{ right:5%; background:url(../img/ban_r.png) center no-repeat;}
.banner:hover .banz,.banner:hover .bany{ opacity:1;}

/*产品*/
.dyip{ padding:50px 0;max-width:1200px; margin:0 auto;}
.title{ text-align:center;}
.h2_title {font-size: 30px;color: #333;text-align: center; line-height: 50px;}
.h2_title i {display: inline-block;*display: inline;*zoom: 1;width: 13px;height: 1px;background: #333333;vertical-align: middle;}
.h2_title a {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;padding: 0 15px;color: #f10938;line-height: 30px; font-weight: 600; font-size: 30px;}
.p_title {font-size: 14px;color: #555;text-align: center; text-transform: uppercase;}
.in_about_textnr_tit{font-size: 24px; line-height: 40px; color: #333; font-weight: 600}
.in_about_textnr_tit_line{width: 20px; background: #555; height: 2px;}
.in_about_textnr_tit_zi{font-size: 14px; color: #555; margin-bottom: 10px;}
.sideBox{width: 100%;}
.sideBox ul {margin-right:-2%;}
.sideBox ul li a{text-decoration:none;}
.sideBox ul.cur {display: block;}
.sideBox ul li {float: left;width: 22.8%;border: 1px solid #d9d9d9;transition: all 0.5s;margin-right:2%;margin-top:30px;}
.sideBox ul li.ImgLeft {margin-right: 0;}
.sideBox ul li i {display: block;text-align: center;}
.sideBox ul li i em {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;height: 100%;width: 0;}
.sideBox ul li i img {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;transition: all 0.5s;overflow: hidden; max-width: 100%}
.sideBox ul li p {height: 56px;line-height: 56px;font-size: 16px;color: #fff;text-align: center;background: #858383;}
.sideBox ul li i{display:block;overflow:hidden; background: #fff;}
.sideBox ul li:hover {}
.sideBox ul li:hover p {background: #f10938;color:#fff;}
.sideBox ul li:hover i img {transform: scale(1.05);}
/*首页产品*/



/*  4大优势 */
.index-cert{width: 100%; height: auto; overflow: hidden; background: url(../images/i_cert_bg01.jpg) no-repeat center; background-size: cover; padding: 60px 0; box-sizing: border-box;}
.index-cert .main li .box{width: 150px; height: 120px; margin: 0 auto; border: 2px solid #fff; border-top: none; position: relative;}
.index-cert .main li .box:before,
.index-cert .main li .box:after{content: ''; position: absolute; top: 0; width: 40px; border-top: 2px solid #fff; left: 0;}
.index-cert .main li .box:after{left: auto; right: 0;}
.index-cert .main li .img{height: 45px;}
.index-cert .main li .img img{margin-top: -15px;}
.index-cert .main li .txt{color: #fff;}
.index-cert .main li .txt h4{height: 26px; font-size: 18px;}
.index-cert .main li .txt p{font-size: 14px;}
.mycol-4 .col{width: 25%; float: left; padding: 0 10px; text-align: center; box-sizing: border-box;}
.mycol{margin: 0 -10px;}
.mycol:before,
.mycol:after{content: ""; display: block; width: 0; height: 0; clear: both; visibility: hidden;}




/* about */
.about{width: 100%;height: auto;padding-top:40px;}
.about .mainCon{margin-top: 40px; overflow: hidden;}
.about .mainCon dt{float: left;width: 543px;height: auto;padding: 3px;background: #fff;}
.about .mainCon dd{width: 604px;height: auto;float: right;}
.about .mainCon dd h3{font-size: 24px;color: #333;font-weight: normal;padding-top: 16px;}
.about .mainCon dd h3 a{color: #333;text-decoration: none;}
.about .mainCon dd i{display: block;width: 100%;height: 1px;margin: 15px 0;background: #dcdcde;}
.about .mainCon dd p{font-size: 14px;color: #555;line-height: 24px;}
.about .mainCon dd .box{width: 100%;height: 83px;}
.about .mainCon dd .box a.details{display: block;width: 151px;line-height: 41px;text-align: center;font-size: 14px;color: #555;border: 1px solid #cbcbcb;text-decoration: none;float: left;margin-top: 30px;}
.about .mainCon dd .box a.details:hover{background:#f10938; color: #fff}
.about .mainCon dd .box a.details img{position: relative;top: 0px;margin-right: 8px;}
.about .mainCon dd .box .phone{width: 275px;float: right;}
.about .mainCon dd .box .phone span{font-size: 14px;color: #fff;display: block;}
.about .mainCon dd .box .phone span em{font-size: 22px;font-weight: bold;margin-left: 6px;}
.about .mainCon dd .box .phone a{display: block;width: 140px;line-height: 41px;text-align: center;font-size: 16px;color: #fff;border-radius: 4px;background: #f10938;text-decoration: none;}
.about .mainCon dd .box .phone a img{position: relative;top: 0px;margin-right: 8px;}

/* team */
.team{width: 100%; margin-top: 70px}
.team .w1200{position: relative;}
.team .menu{width: 100%;position: absolute;top: -55px;height: 55px;}
.team .menu li{float: left;width: 598px;height: 55px;line-height: 55px;text-align: center;margin-left: 3px;background: #f2f2f2;}
.team .menu li:first-child{margin-left: 0;}
.team .menu li a{display: block;text-decoration: none;}
.team .menu li img{display: block;position: relative;}
.team .menu li span{position: relative;top: 10px;display: inline-block;width: 34px;height: 29px;overflow: hidden;margin-right: 12px;}
.team .menu li em{font-size: 16px;color: #666666;}
.team .menu li.cur{background: #f10938;}
.team .menu li.cur em{color: #fff;}
.team .menu li.cur span img{top: -29px;}
.team .mainCon{width: 100%;padding-top: 40px;height: auto;overflow: hidden;position: relative;}
.team .mainCon li{float: left;width: 286px;margin-left: 18px;}
.team .mainCon li:first-child{margin-left: 0;}
.team .mainCon li a{text-decoration: none; text-decoration: none;}
.team .mainCon li span{display: block;width: 286px;height: auto;position: relative;overflow: hidden;}
.team .mainCon li span img{display: block;transform: scale(1);transition: all 1s ease-out; border: 1px solid #efefef; width: 98%}
.team .mainCon li p{border-bottom: 1px solid #e8e8e8;line-height: 42px;text-indent: 9px;background: url(../images/team_icon04.png) no-repeat 255px center; color: #333;}
.team .mainCon li:hover span img{transform: scale(1.2);}


#service{padding: 80px 0;}
#service .tit{font-size: 24px;color: #525050;font-weight: bold;line-height: 100%;margin-bottom: 50px;text-align: center;}
#service .tit h3{font-size: 30px;line-height: 100%;text-transform: uppercase;font-weight: bold;margin-bottom: 20px;}
#service .tit p{font-size: 30px;color: #f10938;font-weight: normal;letter-spacing: 3px;}

#service .lists ul li a{position: relative;display: block;color: #fff;}
#service .lists ul li a .img{overflow: hidden;}
#service .lists ul li a .img img{-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
#service .lists ul li a:hover .img img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
#service .lists ul li .text{position: absolute;top: 0;left: 0;width: 100%;}
#service .lists ul:nth-child(1) li .text .box{padding: 130px 0 0 100px;width: 450px;}
#service .lists ul:nth-child(1) li .text .box h3{font-size: 30px}
#service .lists ul:nth-child(1) li .text .box p{font-size: 14px;padding: 17px 0;line-height: 24px;margin-bottom: 40px;}
#service .lists ul:nth-child(1) li .text .box span{font-size: 15px;width: 160px;height: 45px;line-height: 45px;border:solid 1px #fff;display: block;text-align: center;transition: all .5s;}
#service .lists ul:nth-child(1) li a:hover .text .box span{background-color: #f10938;color: #fff;border-color: #f10938;}
#service .lists ul:nth-child(1) li .text .box span img{transition: all .5s;}
#service .lists ul:nth-child(1) li a:hover .text .box span img{margin-left: 15px;}

#service .lists ul:nth-child(2) li:first-child{margin-bottom: 12px;}
#service .lists ul:nth-child(2) li {text-align: center;}
#service .lists ul:nth-child(2) li .text{height: 100%;}
#service .lists ul:nth-child(2) li .text .box{width: 100%;}
#service .lists ul:nth-child(2) li .text .box h3{font-size: 24px}
#service .lists ul:nth-child(2) li .text .box p{font-size: 14px;padding: 17px 0;}
#service .lists ul:nth-child(2) li .text .box span img{transition: all .5s;}
#service .lists ul:nth-child(2) li a:hover .text .box span img{transform: rotate(360deg);}

.flex{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.between{-webkit-box-pack : justify;-webkit-justify-content : space-between;-ms-flex-pack : justify;justify-content : space-between;}
.items{-webkit-box-align : center;-webkit-align-items : center;-ms-flex-align : center;align-items : center;}

.footer_bg{width:100%; margin:0px auto; background:#2a292e url(../images/footer_bg.jpg) top center no-repeat; padding:40px 0 30px; overflow:hidden;}
.foot_list{width:400px; float:left;}
.foot_list ul{width:140px; float:left; margin-right:60px; min-height:180px;}
.foot_list ul:nth-child(3n){margin-right:0;}
.foot_list ul li{width:140px; float:left;}
.foot_list ul li.foot_l_bt a{color:#fff; font-size:18px; float:left; font-weight:normal; margin-bottom:10px;}
.foot_list ul li a{line-height:30px; font-size:14px; color:#999;}
.foot_list ul li a:hover{color:#f1b500;}

.foot_cont{width:450px; float:left; margin-left:20px;}
.foot_cont_tit{width:100%; float:left; color:#fff; font-size:18px; float:left; margin-bottom:15px;}
.foot_cont_tit a{color:#fff;}
.foot_cont_txt{width:100%; float:left; font-size:14px; color:#999; line-height:30px;}
.foot_cont_txt a{color:#999;}
.foot_cont_tit a:hover,.foot_cont_txt a:hover{color:#f1b500;}

.foot_ewm{width:160px; float:right;}
.foot_ewm img{width:160px; height:160px; float:left;}
.foot_ewm span{width:160px; float:left; text-align:center; font-size:14px; margin-top:10px; color:#999;}

.copy_bg{width:100%; margin:40px auto 0; background:url(../images/copy_fgx.jpg) repeat-x; padding-top:30px;} 
.copy{width:1200px; margin:auto;}
.copy_l{float:left; padding-top:10px; font-size:14px; color:#999; line-height:24px;}
.copy_l a{color:#999;} .copy_l a:hover{color:#f1b500;}
.copy_r{width:160px; float:right;}
.copy_r li{width:40px; height:40px; float:left; margin-right:20px; position:relative;} 
.copy_r li:nth-child(3n){margin-right:0;}
.copy_r li a{display:block; width:40px; height:40px; background:center no-repeat;}
.copy_r li a.qq{background-image:url(../images/copy_qq.png);}
.copy_r li a.wx{background-image:url(../images/copy_wx.png);}
.copy_r li a.wb{background-image:url(../images/copy_wb.png);}
.copy_r li a.qq:hover{background-image:url(../images/copy_qqh.png);}
.copy_r li a.wx:hover{background-image:url(../images/copy_wxh.png);}
.copy_r li a.wb:hover{background-image:url(../images/copy_wbh.png);}
.copy_r li.wxx img{display:none; width:120px; height:120px; position:absolute; left:50%; bottom:40px; margin-left:-60px;}
.copy_r li.wxx:hover img{display:block;} 

.tactfrm{width:100%;}
.tactfrm h2{font-size: 25px;color:#282727;font-weight: normal; margin-bottom: 20px}
.tactfrm ul{overflow: hidden; margin-right: -5%}
.tactfrm li{width:45%;float:left;height:25px;margin:0 5% 12px 0;position:relative;}
.tactfrm li input{width:98%;height:25px;padding:0 15px;background: #4d4d4d;border-radius: 3px;box-sizing: border-box;}
.tactfrm li.area{height:auto;width:100%;}
.tactfrm li textarea{padding:15px;width:94%;height:80;background: #4d4d4d;border-radius: 3px; font-family: Arial, "sans-serif";box-sizing: border-box;}
.tactfrm li:nth-child(2n){margin-right:0;}
.tactfrm .btn{margin-top:0;overflow: hidden;}
.tactfrm .btn input{height:40px;width:120px;font-size:15px;color:#fff;background:#f10938;border-radius: 5px; border: none;}
.redxing{position:absolute;top:11px;left:57px;color:#046ca4;}


/*内页样式*/
.ban_pic{width: 100%; margin-top:0px; overflow: hidden;}
.ban_pic img{ width:100%; vertical-align: middle;}

.bread_content{width:100%;border-bottom:1px solid #dedede; background:#f2f2f2; overflow: hidden;}
.bread_content .bread_box{float: left;width: 34%;  padding:20px 0;font-size:14px;color:#333;}
.bread_content .bread_box span.bread_title{display:inline-block;position:relative;padding-left:35px; background: url(../images/sy.png) left center no-repeat;}
.bread_content .bread_box a{color:#444;display:inline-block;margin:0 5px;}
.bread_content .bread_box a:hover{color:#f10938;}
.bread_content .bread_box b{color: #f10938}
.bread_content .inner_nav{float:right; text-align: right;}
.bread_content .inner_nav ul{margin-top: 10px; display:flex;flex-flow:wrap}
.bread_content .inner_nav ul li{}
.bread_content .inner_nav ul li a{display:inline-block;padding:10px 24px;font-size:15px;color:#333;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;margin:0 8px; border-radius: 15px 0 0 0;}
.bread_content .inner_nav ul li a:hover , .bread_content .inner_nav ul li.active a{color:#fff;background:#f10938;}

/*-------------inner_content-------------*/

.intitle{width:100%;padding:35px 0 28px;font-size: 28px;color: #333;text-align: center;line-height: 38px;}
.intitle span{position: relative;}
.intitle span:after{width:32px;height: 2px;background: #f10938;position: absolute;top:50%;left: 0;margin-left: -50px;content: '';transform: translateY(-50%);}
.intitle span:before{width:32px;height: 2px;background: #f10938;position: absolute;top:50%;right: 0;margin-right: -50px;content: '';transform: translateY(-50%);}
.intitle2{color: #fff;}
.intitle2 span:after{background: #fff;}
.intitle2 span:before{background: #fff;}

.inner_content{width:100%;background:#fff; overflow: hidden;}
.inner_content .inner_about{width:100%;margin: 10px 0 30px 0; font-size:15px; color:#444; line-height:34px;  overflow: hidden;}
.inner_content .inner_about img{max-width:100%; margin: 0px auto; clear: both; display: block;}

/*内页荣誉证书*/
.workshop_r_img{width:100%;}
.workshop_r_img ul{margin-right:-2% }
.workshop_r_img li{width:23%; float:left; margin:0 2% 30px 0; text-align:center; padding:10px 10px 0 10px; background:#fff; border:1px solid #d6d6d6; border-bottom:3px solid #ddd; position:relative;box-sizing: border-box;}
.workshop_r_img li .pImg{display:block; width:100%; padding:4px; border:1px solid #e3e3e3; background:#fff; display:table-cell; vertical-align:middle;}
.workshop_r_img li img{width:100%; vertical-align:middle; height: auto}
.workshop_r_img li::before{content:""; position:absolute; height:3px; bottom:-3px; left:0; transition:all .5s; width:0;}
.workshop_r_img li:hover::before{width:100%; background:#f10938; transition:all .5s}
.workshop_r_img li p{font-size:16px; line-height:35px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; padding:10px 0; color: #555}
.workshop_r_img li:hover{background:#eee; box-shadow:0 1px 10px #999;}
/*内页荣誉证书*/

/**客户留言代码**/
.message{width:100%; padding-top: 0px; overflow: hidden;}
.message h3{text-align:center; color:#333; font-size:24px; font-weight:bold;}
.message ol{width:100%; float:left; margin-top:30px;}
.message ol li{float: left; width:49%; margin-bottom:30px; background:#fff; border:1px solid #e6e6e6;}
.message ol li:nth-child(2n){float:right;}
.message ol li:nth-child(6){float:left;}
.message ol li:nth-child(7){float:right;}
.message ol li input{width:100%; height:auto;  background:none; border:none; color:#999; padding:0 15px; font-size:14px; outline:none; -webkit-appearance:none; line-height:55px;}
.message ol li textarea{font-size:14px; padding:10px 15px; width:90%; height:180px; border:none; background:none; color:#999; outline:none; -webkit-appearance: none; box-sizing: border-box;}
.message ol li .btn,.message ol li .btn2{color:#fff; font-size:16px; cursor:pointer;}
.message ol li .btn{background:#f10938;}
.message ol li .btn2{background:#999;}
/**客户留言代码 End**/

.cont_text{width:100%; float:left; border-bottom:1px solid #d6d6d6;  padding-bottom:20px;}
.cont_l{width:40%;float:left; line-height:35px; font-size:16px;margin-bottom: 20px;}
.cont_l strong{color: #f10938; font-weight: 600}
.cont_l h1{font-size:20px; font-weight:bold; color:#0094da;}
.cont_r{width:58%;float:right; text-align:center;}
#map_container {height: 400px;}
.map{width:100%; float:left; margin-top:30px;}

/*产品中心*/
.products{width:100%; padding:35px 0; overflow: hidden;}
.products ul{margin-left: -2%;}
.products li{width:23%;float: left;margin-left:2%;margin-bottom:32px;transition: .3s all;}
.products li .pic{overflow: hidden; border:1px solid #e0e0e0;}
.products li .pic img{max-width: 100%; transition: all 0.5s;}
.products li p{color:#444;font-size:18px; text-align: center; padding:18px;background: #e0e0e0;}
.products li:hover p{background:#f10938; color: #fff;transition: .3s all;}
.products li:hover .pic img {transform: scale(1.05);}

/*内页产品详情样式*/
.pro_right{width: 100%;  float: right; margin-top: 0px;}

.productss{width:100%; float:left; margin-top:30px;}
.promore_l{width:45%;float:left;}

/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{width:99%; border:1px solid #d6d6d6;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:100%;height:100%;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#fff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}


/*图片小图预览列表*/
.spec-preview{width:100%; height:100%;}
.spec-scroll{clear:both;margin-top:10px;width:100%; float:left;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block; width:30px; height:30px; cursor:pointer; margin-top:5px;}
.spec-scroll .items{float:left;position:relative;width:70%; height:51px; overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;}
.spec-scroll .items ul li{float:left;width:64px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #d6d6d6; padding:2px;width:54px;height:41px;}
.spec-scroll .items ul li img:hover{border:2px solid #f10938; padding:1px;}

.pros_right{width:50%; float:right; overflow:hidden;}
.pros_right_top{overflow:hidden; border-bottom:1px dotted #e6e6e6;}
.pros_right_top h1{overflow:hidden; display:inline-block; font-size:24px; color:#f10938; padding-bottom:10px;}
.proleft{width:100%;float:left; font-size:16px; line-height:30px; margin-top:20px;}
.proleft p{font-size:16px; line-height:25px; }

.proleft_btn{width:100%; float:left; margin-top:30px;}
.proleft_btn li{width:150px; float:left; margin-right:10px;}
.proleft_btn li a{width:150px; height:40px; float:left; line-height:40px; text-align:center; font-size:16px; background:#eee; display:block; color: #333}
.proleft_btn li span{float:left; padding-right:20px;}
.proleft_btn li a:hover,.proleft_btn li a.on{background:#f10938; color:#fff;}

.tabs-basic{width:100%; margin-top:50px; float:left;}
/* The tabs */
.tabs-basic ul{list-style:none; text-align:left; margin:0; padding:0; border-bottom:1px solid #e6e6e6; background:#eee;}
.tabs-basic ul li{display:inline-block; margin-bottom:-1px; font-size:16px; text-transform:uppercase;}
.tabs-basic a{display:block; text-decoration:none; background:#eee; border:1px solid transparent; padding:10px 40px; color: #333}
.tabs-basic .tab-active{border-bottom:2px solid #f10938; color:#fff; background:#f10938;}
/* The content */
.tabs-basic .tabs-content-placeholder{overflow:hidden; margin:auto; background:#fff; padding:20px 0;}
.tabs-basic .tabs-content-placeholder .div{display:none;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active{display:block; line-height:30px; font-size:16px;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table{border:1px solid #d6d6d6; line-height:24px; text-align:center;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table tr{padding-left:20px;}
.tabs-basic .tabs-content-placeholder .div p{line-height:30px; text-align:left; margin-top:10px;}
.tabs-basic .tabs-content-placeholder .div img{max-width:100%;}
.tabs-basic table{border-collapse:collapse; border: 1px #e6e6e6 solid !important; width:100% !important;line-height:30px!important;}
.tabs-basic table td{padding:8px!important; padding-left:12px !important; word-wrap:break-word; word-break:break-all; border:1px #e6e6e6 solid !important; line-height:30px!important;}
.tabs-basic table td div{padding:0px!important;height:auto!important;}

.hot_pro2{width:100%;float:left; margin-top:50px;}
.hot_pro2_tit{width:100%; height:45px; background:#f1f1f1; color:#333; line-height:45px; font-size:16px; padding:0 20px; font-weight:bold; border:1px solid #d6d6d6; box-sizing: border-box;}

.scrollleft2{width:100%; float:left; margin-top:20px; margin-bottom: 30px;}
.scrollleft2 li{width:200px; float:left; margin-right:20px; overflow:hidden;}
.scrollleft2 li img{width:99%; display:block; border:1px solid #e6e6e6;}
.scrollleft2 li img:hover{border:1px solid #f10938;}
.scrollleft2 li a{color: #333}
.scrollleft2 li span{display:block; width:100%; line-height:30px; margin-top:10px; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;}

/** 产品中心代码 End **/

.view-page{width:100%; float:left; position:relative; margin:40px 0; border-top:1px solid #d6d6d6; padding-top:40px;}
.view-page .prev,.view-page .back,.view-page .next{font-size:16px; width:160px; height:40px; line-height:40px; position: absolute;transition:background-color .25s ease-in-out;-moz-transition:background-color .25s ease-in-out;-webkit-transition:background-color .25s ease-in-out; }
.view-page .prev{left:0;}
.view-page .prev a{background:#fff url(../images/le.png) 20px center no-repeat; padding-left:60px; border:1px solid #e6e6e6; color: #555; line-height: 38px;}
.view-page .prev:hover a{color:#fff; background:url(../images/le-white.png) 20px center no-repeat #f10938;}
.view-page a{display:block;} 
.view-page .back{left:50%; margin-left:-80px; width:160px;}
.view-page .back a{background:url(../images/back.png) 20px center no-repeat #f10938;color: #fff; text-align:center; padding-left:25px; line-height: 38px;}
.view-page .back a:hover{background:url(../images/back.png) 20px center no-repeat #f10938; color:#000;}
.view-page .next{right:0;}
.view-page .next a{background:#fff url(../images/ri.png) 90% center no-repeat;text-align:center; border:1px solid #e6e6e6; line-height: 38px; color: #555}
.view-page .next:hover a{color:#fff; background:url(../images/ri-white.png) 90% center no-repeat #f10938;}
/*内页产品详情样式*/