@charset "utf-8";
/* CSS Document */
*{list-style:none;outline:none;font-family:"微软雅黑",arial;border:none;color:#333;padding:0;margin:0;}
ul,ol,p{margin-bottom:0;padding:0;}
.fl{float:left;}
.fr{float:right;}
html,body{height:100%;overflow-x:hidden;}
.bgcolor-f0{background-color:#f0f0f0;}
/*******************************************首页********************************************/

/***************** head*****************/
.mb-nav {z-index:900;position:absolute;width:250px;height:100%;top:0;right:-300px;background:#333333;transition:.5s;}
.mb-nav-tit {font-size:16px;font-weight:bold;line-height:20px;padding:15px 0;color:#999;text-align:center;}
.mb-nav-close {font-size:15px;line-height:20px;padding:15px 0 15px 15px;color:#ddd;background:#2b2b2b url(../close.png) no-repeat 222px center;cursor:pointer;}
.mb-fir-nav>li {position:relative;}
.mb-fir-nav>li>a {display:block;width:100%;font-size:15px;line-height:20px;padding:15px 0 15px 15px;color:#ddd;border-bottom:1px solid #2b2b2b;}
.mb-nav-arrow {position:absolute;display:block;width:44px;height:50px;border-left:1px solid #2b2b2b;right:0;top:0;background:url(../up.png) no-repeat 16px center;cursor:pointer;}
.mb-nav-arrow:hover {background:#dd2726 url(../up.png) no-repeat 16px center;}
.mb-sec-nav {display:none;}
.mb-sec-nav>li>a {display:block;width:100%;font-size:15px;line-height:20px;padding:15px 0 15px 35px;color:#ddd;border-bottom:1px solid #2b2b2b;}
.mb-fir-nav>li>a:hover,.mb-sec-nav>li>a:hover {background:#dd2726;}

/***************** pchead*****************/
.index-head {z-index:999;}
.logo-box {display:block;float:left;width:418px;padding:15px 0;}
.logo-box img {display:block;}
.logo-box .logo2 {display:none;}
.nav-box {float:right;width:calc(100% - 500px);}
.nav-box a {display:block;float:left;width:16%;height:100px;padding:31px 0;text-align:center;border-right:1px solid #d2d2d2;}
.nav-box a:last-of-type {border-right:0;}
.nav-box a span {display:block;color:#666;}
.nav-en {font-size:12px;line-height:12px;margin-bottom:10px;}
.nav-cn {font-size:16px;line-height:16px;}
.nav-box a:hover,.nav-box a.on-top {background-color:#dd2726;}
.nav-box a:hover span,.nav-box a.on-top span {color:#fff;}
.toggle {float:right;cursor:pointer;width:35px;height:24px;margin-top:38px;z-index:100;display:none;}
.toggle span {display:block;width:100%;height:4px;margin-bottom:6px;background-color:#e40515;border-radius:2px;transition:all .1s ease}
.toggle:hover span {background-color:#2e3c63;}

/***************** banner*****************/
.slider {position:relative;}
.rslides {position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;}
.rslides li {-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0;}
.rslides li:first-child {position:relative;display:block;float:left;}
.rslides img {display:block;height:auto;float:left;width:100%;border:0;}
.callbacks_tabs {position:absolute;bottom:5%;z-index:100;left:50%;margin-left:-28px;margin-bottom:0;}
.callbacks_tabs li {display:inline-block;}
.callbacks_tabs li a {visibility:visible;font-size:0;height:12px;width:12px;display:block;background:#fff;border-radius:50%;margin:0 8px;}
.callbacks_tabs li a:hover,.callbacks_tabs .callbacks_here a {background:#e40515;}
.callbacks_tabs a {visibility:hidden;}
.sub-banner img {display:block;width:100%;}

/****************更多*************************/
.more {display:block;width:160px;height:40px;line-height:38px;font-size:16px;transition:.3s;}
.more1 {color:#fff;text-align:center;border:1px solid #dd2726;background-color:#dd2726;}
.more1:hover {color:#dd2726;background-color:transparent;}
.more2 {color:#666;padding-left:35px;border:1px solid #666;background:url(../arrow_01.png) no-repeat 110px center;}
.more2:hover {background:#dd2726 url(../arrow_02.png) no-repeat 120px center;color:#fff;border:1px solid #dd2726;}

/********首页标题**************/
.index-tit-white div {color:#fff;}
.index-tit {margin-bottom:40px;}
.index-tit01 {width:100%;height:52px;position:relative;}
.index-tit01:after {content:"";display:block;width:100%;height:1px;background-color:#dd2726;position:absolute;left:0;top:50%;z-index:-1;}
.index-tit01 .index-tit-cn,.index-tit01 .index-tit-en {float:left;width:50%;padding:0 10px;font-size:22px;line-height:52px;font-weight:bold;}
.index-tit01 .index-tit-cn {background-color:#dd2726;color:#fff;text-align:right;}
.index-tit01 .index-tit-en {background-color:#ded5d5;color:#333;text-align:left;}
.index-tit02 {text-align:center;}
.index-tit02 .index-tit-cn {font-size:22px;line-height:22px;font-weight:bold;margin-bottom:10px;}
.index-tit02 .index-tit-en {font-size:16px;line-height:16px;}

/***************产品中心***************************/
.index-pro {padding:60px 0;}
.index-pro-nav {margin-bottom:40px;text-align:center;}
.index-pro-nav a {display:block;float:left;width:calc((100% - 100px)/6);height:60px;padding:10px 5px;text-align:center;margin-right:20px;position:relative;transition:.8s;}
.index-pro-nav a:last-of-type {margin-right:0;}
.index-pro-nav a:before,.index-pro-nav a:after {content:"";display:block;position:absolute;width:26px;height:26px;}
.index-pro-nav a:before {border-top:1px solid #d2d2d2;border-left:1px solid #d2d2d2;left:0;top:0;}
.index-pro-nav a:after {border-bottom:1px solid #d2d2d2;border-right:1px solid #d2d2d2;right:0;bottom:0;}
.ipn-cn {display:block;font-size:16px;line-height:16px;margin-bottom:10px;}
.ipn-en {display:block;font-size:14px;line-height:14px;color:#d2d2d2;}
.index-pro-nav a:hover {background-color:#dd2726;}
.index-pro-nav a:hover span {color:#fff;}
.index-pro-nav a:hover:before,.index-pro-nav a:hover:after {display:none;}
.index-pro-list li {float:left;width:23.5%;margin-bottom:30px;margin-right:2%;transition:.5s;}
.index-pro-list li:nth-of-type(4n) {margin-right:0;}
.ipl-pic {border:4px solid #ccc;}
.ipl-pic img {display:block;width:100%;}
.ipl-tit {display:block;width:100%;height:40px;font-size:16px;line-height:40px;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.index-pro-list li:hover .ipl-pic {border:4px solid #f06570;}
.index-pro .more {margin:10px auto 0;}

/****************走进**********************/
.index-about {padding:60px 0;background:url(../index_about_bg.jpg) no-repeat center;background-size:cover;}
.index-about-l {float:left;width:50%;}
.index-about-l img {display:block;width:100%;}
.index-about-r {float:right;width:50%;height:460px;background-color:#fff;padding:40px 40px 0 40px;}
.index-about-des span {display:block;font-size:15px;line-height:25px;text-indent:2em;color:#666;}
.index-about-list {margin:35px 0;}
.index-about-list li {float:left;border-right:1px solid #d2d2d2;padding:0 20px;}
.index-about-list li:last-of-type {border-right:0;}
.ial-icon {width:48px;height:38px;margin:0 auto 15px;}
.ial-tit {font-size:14px;color:#666;text-align:center;margin-top:10px;}
.index-about .more1 {float:right}

/****************新闻**********************/
.index-news {padding:60px 0;}
.index-news-top {width:100%;border:1px solid #999;padding:30px;}
.int-pic {float:left;width:360px;position:relative;}
.int-pic img {display:block;width:100%;height:202px;position:relative;}
.int-tt {width:84px;height:67px;background:url(../index_news_tt.png) no-repeat center;position:absolute;top:0;left:0;}
.int-info {float:right;width:calc(100% - 390px);}
.int-info-tit {display:block;width:100%;font-size:18px;line-height:24px;height:24px;font-weight:600;color:#dd2726;margin:10px 0 20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.int-info-txt {display:block;width:100%;font-size:15px;line-height:26px;height:78px;overflow:hidden;color:#666;}
.int-info .more2 {margin-top:20px;}
.index-news-bottom li {float:left;width:33.333333333333333333333%;padding:30px;border-top:0;}
.index-news-bottom li:nth-of-type(2) {border-left:0;border-right:0;}
.inb-date {display:block;margin-bottom:15px;}
.inb-date-d {display:inline-block;width:30px;height:30px;line-height:30px;font-size:16px;background-color:#dd2726;color:#fff;text-align:center;margin-right:10px;}
.inb-date-y {font-size:14px;line-height:30px;color:#999;}
.inb-info-tit {display:block;width:100%;font-size:16px;line-height:24px;height:24px;margin-bottom:15px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.inb-info-txt {display:block;width:100%;font-size:14px;line-height:20px;height:40px;overflow:hidden;color:#666;}
.index-news-bottom li:hover .inb-info-tit {text-decoration:underline;color:#dd2726;}
.index-news .more1 {margin:40px auto 0;}

/******************优势*****************/
.index-adv {padding:60px 0;background:url(../index_adv_bg.jpg) no-repeat center;background-size:cover;background-attachment:fixed;}
.index-adv-box li {float:left;width:25%;padding:0 40px;}
.index-adv-pic {width:155px;margin:0 auto 30px;}
.index-adv-pic img {display:block;width:100%;}
.index-adv-tit {font-size:18px;line-height:20px;text-align:center;margin-bottom:30px;color:#fff;font-weight:bold;}
.index-adv-des {font-size:16px;line-height:24px;color:#fff;}

/****************foot**********************/
.index-foot {padding:30px 0;}
.index-foot-l,.index-foot-m {float:left;width:calc( (100% - 210px)/2);}
.index-foot-r {float:right;}
.index-foot-tit {position:relative;height:50px;margin-bottom:25px;}
.index-foot-tit:after {content:"";display:block;width:60px;height:4px;background-color:#d2d2d2;position:absolute;bottom:0;left:0;}
.index-foot-tit span {font-size:22px;line-height:22px;}
.ift-cn {color:#666;padding-right:18px;}
.ift-en {color:#d2d2d2;}
.index-foot-add span {display:block;font-size:14px;line-height:30px;color:#666;}
.index-foot-nav li {float:left;width:40%;}
.index-foot-nav li a {font-size:14px;line-height:30px;color:#666;}
.index-foot-nav li a:hover {color:#dd2726;}
.foot-link {background-color:#3f4551;padding:10px 0;}
.foot-copy {float:left;font-size:14px;line-height:24px;color:#ccc;}
.foot-bei {float:left;font-size:14px;line-height:24px;color:#ccc;margin-left:20px;}
.foot-tech {float:right;font-size:14px;line-height:24px;color:#ccc;}
.friend-link {margin-top:10px;}
.friend-link span,.friend-link a {display:inline-block;color:#ccc;font-szie:14px;line-height:20px;margin-right:10px;}
.foot-link a:hover {text-decoration:underline;}

/****************首页边距**********************/
/*******************************************内页********************************************/
/******面包屑导航******/
.pos {margin-bottom:50px;background-color:#f0f0f0;padding:10px 0;}
.pos-box span,.pos-box a {line-height:20px;margin-right:5px;color:#666;}
.pos-box a:hover {text-decoration:underline;}
.mainlist-pos {padding-left:280px;}

/******main******/
.main {width:100%;padding-bottom:40px;}
.mainleft {float:left;width:220px;margin-right:60px;}
.mainlist {float:left;width:calc(100% - 280px);}
.maininfo {float:left;width:calc(100% - 280px);}
.mainright {float:left;width:230px;margin-left:50px;}

/*****左菜单****/
.left-nav-tit {width:100%;text-align:center;background-color:#dd2726;padding:40px 0;margin-bottom:1px;}
.lnt-cn {display:block;width:100%;font-size:26px;line-height:26px;color:#fff;margin-bottom:10px;}
.lnt-en {display:block;width:100%;font-size:14px;line-height:14px;color:#fff;}
.left-nav-list li a {display:block;width:100%;padding:20px;line-height:20px;margin-bottom:1px;font-size:14px;background-color:#f0f0f0;color:#666;text-align:center;position:relative;overflow:hidden;transition:.8s;z-index:1;}
.left-nav-list li a:before {content:"";display:block;width:100%;height:100%;background-color:#dd2726;position:absolute;left:-100%;top:0;transition:.8s;z-index:-1;}
.left-nav-list li a:hover:before {left:0;}
.left-nav-list li a:hover {color:#fff;}
.left-nav {position:relative;top:-150px;left:0;z-index:800;}
.left-con {margin-top:-100px;}
.left-con-tit {font-size:16px;line-height:16px;font-weight:bold;margin-bottom:20px;}
.left-con-info li {width:100%;font-size:14px;line-height:25px;padding-left:30px;color:#666;margin-bottom:10px;}
.left-con-info li:nth-of-type(1) {background:url(../left_nav01.png) no-repeat left 3px;}
.left-con-info li:nth-of-type(2) {background:url(../left_nav02.png) no-repeat left 3px;}
.left-con-info li:nth-of-type(3) {background:url(../left_nav03.png) no-repeat left 3px;}

/*****右侧推荐新闻**********/
.snl-tit {width:100%;height:50px;font-size:18px;line-height:50px;text-align:center;background-color:#dd2726;margin-bottom:2px;color:#fff;}
.snl-info li {padding:15px 10px;height:46px;border-bottom:1px dashed #999;}
.snl-info li span {display:block;width:20px;height:16px;float:left;margin-right:10px;color:#fff;font-size:12px;line-height:16px;text-align:center;background-color:#999;}
.snl-info li:nth-of-type(1) span {background-color:#dd2726;}
.snl-info li:nth-of-type(2) span {background-color:#dd2726;}
.snl-info li:nth-of-type(3) span {background-color:#dd2726;}
.snl-info li div {float:left;width:calc(100% - 30px);font-size:14px;line-height:16px;height:16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.snl-info li:hover span {background-color:#dd2726;}
.snl-info li:hover div {color:#dd2726;}

/******常见问题**********/
.sub-quest-tj {margin-top:50px;margin-bottom:50px;}
.tj-tit {width:100%;height:30px;padding-left:25px;background:url(../tit_bg.jpg) no-repeat left center;font-size:16px;line-height:30px;color:#fff;}
.sub-tjquest-box,.sub-tjpro-box {padding:25px 10px;border-bottom:1px solid #999;}
.sub-tjquest-box li {width:48%;height:28px;overflow:hidden;}
.sub-tjquest-box li:nth-of-type(2n) {float:right;}
.sub-tjquest-box li:nth-of-type(2n+1) {float:left;}
.sub-tjquest-box li .tj-dot {display:block;float:left;width:6px;height:6px;margin-top:11px;border-radius:50%;background-color:#dd2726;margin-right:10px;}
.sub-tjquest-box li div {float:left;width:calc(100% - 110px);font-size:14px;line-height:28px;height:28px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.sub-tjquest-box li .tj-date {display:block;float:right;font-size:12px;line-height:28px;color:#666;}
.sub-tjquest-box li:hover div,.sub-tjquest-box li:hover .tj-date {color:#dd2726;}

/*****推荐产品**********/
.sub-tjpro-box li {float:left;width:23.5%;margin-right:2%;}
.sub-tjpro-box li:last-of-type {margin-right:0;}
.sub-tjpro-box li img {width:100%;border:1px solid #999;}
.sub-tjpro-box li span {display:block;width:100%;height:20px;font-size:14px;line-height:20px;margin-top:10px;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.sub-tjpro-box li:hover img {border:1px solid #dd2726;box-shadow:0 0 8px rgba(12,143,215,.3);}
.sub-tjpro-box li:hover span {color:#dd2726;}

/*******分页**********/
#pageDiv {clear:both;text-align:center;color:#333;}
#pageDiv span {display:inline-block;font-size:14px;line-height:26px;color:#666;border:1px solid #999;height:28px;margin-bottom:10px;padding:0 6px;}
#pageDiv a {display:inline-block;font-size:14px;line-height:26px;border:1px solid #999;color:#666;height:28px;margin-bottom:10px;padding:0 9px;text-decoration:none;}
#pageDiv a:hover,#pageDiv a.current {background-color:#dd2726;border:1px solid #dd2726;color:#fff;}

/*******上下页**********/
.sub-prenext {margin-top:30px;}
.sub-prenext div span {font-size:14px;color:#666;line-height:24px;margin-right:10px;}
.sub-prenext div a {font-size:14px;color:#666;line-height:24px;}
.sub-prenext div a:hover {color:#dd2726;}
.sub-back {display:block;width:130px;padding-left:20px;text-align:center;font-size:14px;line-height:32px;height:32px;background:#dd2726 url(../back.png) no-repeat 8px center;color:#fff;border-radius:5px;margin-top:10px;position:relative;top:0;}
.sub-back:hover {top:-2px;box-shadow:0 1px 6px 1px rgba(0,0,0,.5);}

/*********产品列表***********/
.sub-prolist {margin-bottom:10px;}
.sub-prolist li {float:left;width:30%;margin-bottom:30px;}
.sub-prolist li:nth-of-type(3n-1) {margin-left:5%;margin-right:5%;}
.sub-prolist-pic {border:4px solid #ccc;}
.sub-prolist-pic img {display:block;width:100%;}
.sub-prolist-tit {display:block;width:100%;height:40px;font-size:16px;line-height:40px;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.sub-prolist li:hover .sub-prolist-pic {border:4px solid #f06570;}

/*********新闻列表&内页***********/
.sub-newslist {margin-bottom:40px;}
.sub-newslist li {padding-bottom:20px;border-bottom:1px solid #f5f5f5;margin-bottom:20px;}
.sub-newslist-date {float:left;width:70px;height:70px;padding:12px 0;margin-right:20px;text-align:center;background-color:#dd2726;}
.sub-newslist-d {display:block;font-size:24px;font-weight:bold;line-height:24px;height:24px;margin-bottom:10px;color:#fff;}
.sub-newslist-ym {display:block;font-size:12px;line-height:12px;height:12px;color:#fff;}
.sub-newslist-info {float:right;width:calc(100% - 90px);}
.sub-newslist-tit {font-size:16px;font-weight:bold;line-height:16px;height:16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:10px;}
.sub-newslist-des {font-size:14px;line-height:22px;height:44px;overflow:hidden;text-indent:2em;}
.sub-newslist li:hover .sub-newslist-tit {color:#dd2726;}

/*******新闻详情页**********/
.sub-newstit {font-size:20px;line-height:20px;font-weight:bold;text-align:center;margin-bottom:20px;}
.sub-newsdate {font-size:14px;line-height:24px;text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px dashed #ddd;}
.sub-newsdate span {margin:0 15px;color:#666;}

/*********产品内页***********/
.sub-protit {font-size:20px;line-height:20px;font-weight:bold;text-align:center;padding-bottom:20px;border-bottom:1px dashed #ddd;}
.sub-proinfo {padding-top:30px;}
.sub-proinfo img {max-width:100%;height:auto;}

/*********联系我们 **************/
.sub-contact-list li {float:left;margin-top:50px;padding-left:80px;}
.sub-contact-list li:nth-of-type(2n-1) {width:60%;}
.sub-contact-list li:nth-of-type(2n) {width:40%;}
.sub-contact-li01 {background:url(../cont_icon01.png) no-repeat left center;}
.sub-contact-li02 {background:url(../cont_icon02.png) no-repeat left center;}
.sub-contact-li03 {background:url(../cont_icon03.png) no-repeat left center;}
.sub-contact-li04 {background:url(../cont_icon04.png) no-repeat left center;}
.sub-contact-li05 {background:url(../cont_icon05.png) no-repeat left center;}
.sub-contact-li06 {background:url(../cont_icon06.png) no-repeat left center;}
.sub-contact-tit {font-size:20px;line-height:20px;font-weight:bold;}
.sub-contact-des {display:inline-block;font-size:16px;line-height:24px;color:#666;padding-top:10px;margin-top:13px;border-top:1px solid #ddd;}

/************客户反馈*******************/
.page-feedback-txt {color:#666;}
.feedback-tit {line-height:32px;font-weight:bold;color:#666;margin-top:40px;}
.cus-mes {width:100%;height:140px;line-height:24px;padding:10px;border:1px solid #aeaeae;border-radius:4px;}
.feedback-line1,.feedback-line2,.feedback-line3 {width:100%;}
.feedback-line3 {margin-top:20px;}
.cus-info {display:block;float:left;width:23.5%;margin-right:2%;height:44px;line-height:24px;padding:10px 10px 10px 40px;border:1px solid #aeaeae;border-radius:4px;}
.cus-info:nth-of-type(1) {background:url(../feed_icon01.png) no-repeat 10px center;}
.cus-info:nth-of-type(2) {background:url(../feed_icon02.png) no-repeat 10px center;}
.cus-info:nth-of-type(3) {background:url(../feed_icon04.png) no-repeat 10px center;}
.cus-info:nth-of-type(4) {background:url(../feed_icon03.png) no-repeat 10px center;margin-right:0;}
.captcha {display:block;float:left;width:23.5%;margin-right:2%;height:44px;line-height:24px;padding:10px;border:1px solid #aeaeae;border-radius:4px;}
.captcha-img {float:left;width:85px;height:32px;margin-top:6px;border:1px solid #aeaeae;border-radius:4px;}
.captcha-img img {width:100%;height:100%;max-width:100%;max-height:100%;}
.feedback-submit,.feedback-reset {display:block;float:left;width:49%;height:44px;line-height:24px;padding:10px;border-radius:4px;color:#fff;}
.feedback-submit {margin-right:2%;background-color:#dd2726;}
.feedback-reset {background-color:#bbb;}
.feedback-submit:hover {background-color:#be201f;}
.feedback-reset:hover {background-color:#999;}