p{ margin-bottom:0;}
ul{ padding-left:0;}
li{list-style: none ;}
a:hover,a:focus{text-decoration: none;}
.overflow-hidden{ overflow: hidden;}
.ellipsis-2{display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.mt1{ margin-top:1rem;}
.mt2{ margin-top:2rem;}
.tailor-btns{ text-align: center; margin: 2rem auto 3rem;}
.btn{ display: inline-block;font-size: 16px; color: #fff;border-radius: 0;width: 10rem; margin: 0 1.5rem;}
.btn.btn-blue{ background-color: #324ea9;}
.btn.btn-red{ background-color: #cb1a20;}
.btn:hover{ color: #fff; opacity:.8;}
.mobile_qq{ display: none;}

input:focus, select:focus, textarea:focus{outline: none;border-color: #0064d7;}
.wrap{ max-width:1920px; width:100%; overflow: hidden;margin: 0 auto;}
.header a{ color: #767676;}
.header .headerTop{ height:3.8rem; line-height:3.8rem;font-size: 1.2rem; background-color: #f4f5f6; color: #484848; width:100%;}
.header .headerMid{ padding-top:2rem ; padding-bottom:2.4rem; transition: all .2s linear 0s;}
.header .headerMid .logo img{ transition-duration: .2s;}
.header .headerMid .logo_text{ width:23.5rem;font-size: 1.85rem; color: #565656; margin-left:2.3rem;}

.header .headerMid  .headerTel{ color: #828691;margin-top: 1.5rem;}
.header .headerMid  .headerTel i.iconfont{font-size: 5.2rem;line-height: 4.2rem; margin-right:1.2rem;}
.header .headerMid  .headerTel p.telNum{ color: #cc0000;    font-size: 2.8rem; line-height: 2.7rem; font-weight:bold;}
.nav-trigger{ position: absolute;   display: block;   width: 54px;   height: 54px;   overflow: hidden;   white-space: nowrap;  color: transparent;   z-index: 3; right: 2%; cursor: pointer;}

.nav-trigger span, .nav-trigger span::before, .nav-trigger span::after {  position: absolute;   display: inline-block;   height: 3px;   width: 34px;   background: #2e3233;}
.nav-trigger span { position: absolute; top: 50%; right: 10px;   margin-top: -2px;  -webkit-transition: background 0.3s 0.3s;  -moz-transition: background 0.3s 0.3s;  transition: background 0.3s 0.3s;}
.nav-trigger span::before, .nav-trigger span::after { content: '';  -webkit-transform: translateZ(0);  -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0);   transform: translateZ(0);   -webkit-backface-visibility: hidden;  backface-visibility: hidden;   right: 0;   -webkit-transform-origin: 0% 50%;  -moz-transform-origin: 0% 50%;   -ms-transform-origin: 0% 50%;   -o-transform-origin: 0% 50%; transform-origin: 0% 50%;   -webkit-transition: -webkit-transform 0.3s 0.3s;  -moz-transition: -moz-transform 0.3s 0.3s;   transition: transform 0.3s 0.3s;}
.nav-trigger span::before { top: -10px;}
.nav-trigger span::after { top: 10px;}
.nav-trigger.mobile-nav-visible span { background: rgba(46, 50, 51, 0);}
.nav-trigger.mobile-nav-visible span::before, .nav-trigger.mobile-nav-visible span::after {  background: #2e3233;}
.nav-trigger.mobile-nav-visible span::before {   -webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);   -moz-transform: translateX(4px) translateY(-3px) rotate(45deg);   -ms-transform: translateX(4px) translateY(-3px) rotate(45deg);   -o-transform: translateX(4px) translateY(-3px) rotate(45deg);   transform: translateX(4px) translateY(-3px) rotate(45deg);}
.nav-trigger.mobile-nav-visible span::after {   -webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);   -moz-transform: translateX(4px) translateY(2px) rotate(-45deg);   -ms-transform: translateX(4px) translateY(2px) rotate(-45deg);   -o-transform: translateX(4px) translateY(2px) rotate(-45deg);   transform: translateX(4px) translateY(2px) rotate(-45deg);}

.mobile-mode-nav{ position: absolute; width:100vw !important; height:100vh !important; background-color: rgba(0,0,0,.8) !important;; display: block !important;; top: 0; z-index:98;}

.header .headerNav{ background-color: #d00303; height:5.2rem; line-height:5.2rem;}
.headerNav { text-align: center;}
.headerNav li{ display: block ; float: left; width: 10.2rem;}


.navbar-default{ background-color: #d00303; position: fixed;width: 100%;height: auto;min-height: auto;z-index: 98;}
.navbar-default li{ text-align: center;}
.navbar-default a{ display: inline-block; color: #ffffff;font-size: 1.6rem;}
.navbar-default .navbar-nav>li:hover{background-color: #0b0b0b;}
.navbar-default .navbar-nav>li>a{color: #ffffff;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{color: #ffffff;}
.navbar-default .navbar-nav>li.on{background-color: #0b0b0b;}
/*product_list*/
.product-top {margin-top: 25px;}
.product-top .head{line-height: 2;}
.product-top .head .head-cname{font-size: 2.4rem; color: #555555; margin-left:5px;}
.product-top .head .head-ename{ color: #afafaf; font-size:1.6rem; margin-left:5px;}
.product-top .product-cats{  margin-top: 10px;text-align: right;}
.product-top .product-cats  a{  padding:.5% 1.2%; color: #a4a4a4;text-decoration: none;display: inline-block;margin-bottom: 1%;}
.product-top .product-cats a:hover,.product-top .product-cats a.on{color: #ffffff; background-color: #dc1620; border-radius: 15px;}

.product-list {}
.product-list .p-item{text-align: center;cursor: pointer;  margin: 15px 0;}
.product-list .p-item .p-item-wrap{ position: relative; overflow: hidden;border-radius: 5px;}
.product-list .p-item .p-item-title{ line-height:1.8;}
.product-list .p-item .p-item-img{width:100%;}
.product-list .p-item figcaption {padding: 15%;color: #fff;text-transform: uppercase;font-size: 1.25em;-webkit-backface-visibility: hidden;backface-visibility: hidden;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.product-list .p-item figcaption i{width: 40px;	height: 40px;border: 1px solid #fff;order-radius:50%;	margin-bottom: 10px;border-radius: 50%;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0);visibility: hidden;}
.product-list .p-item figcaption h2 {word-spacing: -0.15em;font-size: 130%;font-weight: 700;margin: 0;line-height: 1em;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0);visibility: hidden;}
.product-list .p-item figcaption::before, .product-list .p-item figcaption p {opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(0);transform: scale(0);line-height: 1.7;margin-top: 8px;}
/*.product-list .p-item  figcaption::before {position: absolute;top: 10px;right: 10px;bottom: 10px;left: 10px;border: 1px solid #fff;content: '';margin-top:0;}*/
.product-list .p-item .p-item-title{ color: #4d4d4d; line-height: 2; font-size: 1.4rem; margin-top: .5rem;}
.product-list .p-item .p-item-title a{ color: #4d4d4d; line-height: 2; font-size: 1.4rem; margin-top: .5rem;}
.product-list .p-item a{ color: #fff;}
.product-list .p-item .item-desc{font-size: 80%}
.product-list .p-item:hover h2{ visibility: visible;}
.product-list .p-item:hover i{ visibility: visible; -webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.product-list .p-item:hover figcaption { background-color: rgba(220, 22, 32, 0.7);}
.product-list .p-item:hover figcaption::before, .product-list .p-item:hover figcaption p {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.product-list .p-item:hover  figcaption h2 {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.product-list-bottom{ margin-bottom:1rem; text-align: center}
.product-list-bottom .more-product{border: 1px solid #eeeeee;  color: #949494;  text-align: center; margin-top: .65rem;}
.product-list-bottom .more-product:hover{ color: #dc1620;border-color: #dc1620;}

.section-title{ text-align: center; padding-bottom: 1rem;padding-top: 2rem; margin-bottom: 1rem;}
.section-title p{ color: #898989; line-height:2;}
.section-title p.title{ color: #515151; font-size: 2.8rem;line-height: 2.8; position: relative;    margin-bottom: .5rem;}
.section-title p.title:before{ content: ''; display: block; width: 40%;height: 0;border-top: 1px solid #cccccc;	position: absolute;left: 30%;	bottom: 0;}
.section-title p.title:after{content: ''; display: block; position: absolute;border-top: 3px solid #dc1620;bottom: -1px; left: 48%;  width: 5%;}
.section-title .cn-title:before,.section-title .cn-title:after{content: '—'; display: inline-block; width:2rem; height:1px; color: #c3c3c3;}

.indexAdv{ background-color: #f1f2f5; padding-top:1.5rem;    padding-bottom: 2rem;}
.indexAdv .adv-box .adv-item{ background-color: #fff;text-align: center; position: relative;margin-bottom: 14px;}
.indexAdv .adv-box .adv-item:before,.indexAdv .adv-box .adv-item:after{ content: ''; display: block; position: absolute; width:100%; text-indent:0%;background-color: #dc1620;transition: height .3s; height: 0%; z-index:0; }
.indexAdv .adv-box .adv-item:before{top: 0;}
.indexAdv .adv-box .adv-item:after{bottom: 0}
.indexAdv .adv-box .adv-item i{font-size: 7rem;}
.indexAdv .adv-box .adv-item .item-title{ color: #333333;font-size: 1.6rem; line-height:3;font-weight: bold;}
.indexAdv .adv-box .adv-item .item-desc{ color: #9a9a9a;font-size: 1.4rem; line-height:2;}
.indexAdv .adv-box .adv-item .item-con{ color: #666666;font-size: 1.4rem; line-height:2; padding: 0 1rem 1rem;text-align: left;}
.indexAdv .adv-box .adv-item:hover:before,.indexAdv .adv-box .adv-item:hover:after{ height:50%; }
.indexAdv .adv-box .adv-item:hover{/* background-color: #dc1620;*/}
.indexAdv .adv-box .adv-item *{ transition: color .2s;;}
.indexAdv .adv-box .adv-item:hover *{ color: #fff; position: relative; z-index:3; transition-delay: .1s;}


/*index about*/
.indexAbout{ background: url("../Images/about_bg.png") bottom center no-repeat; padding:7rem 0;}
.indexAbout{}
.indexAbout .about_head{ position: relative; margin-bottom: 1rem;}
.indexAbout .about_head:after{ content: ''; display: block; bottom:0; height:0; border-top:1px solid #ececec; width:40%;}
.indexAbout .about_head .head_cname{ color: #555555;font-size: 2.5rem; }
.indexAbout .about_head .head_ename{font-size: 5.8rem;color: #db2129;text-transform: uppercase; }
.indexAbout .about_head .head_ename small{font-size: 3.6rem; color: #db2129;}
.indexAbout .about_con{ line-height:2.2;}
.indexAbout .about_btns{ margin-top:3rem;}
.indexAbout .about_btns a{ font-size: 1.4rem; transition: width .2s linear 0s;}
.indexAbout .about_btns .btn:hover{ width: 12rem;}

.indexCase{}

.case-list{ margin-bottom:14px;}
.case-list .case-item{ padding: .8%;transition: all .2s linear 0s;}
.case-list .case-item .case-item-wrap{ transition: all .2s linear 0s;}
.case-list .case-item .case-title{ text-align: center;	padding: 1% 0;	margin-bottom: 0;	line-height: 290%;	background: #fff;	overflow: hidden;	text-overflow: ellipsis;	white-space: nowrap;font-size: 1.4rem; color: #505050; border: 1px solid #dddddd;transition: all .25s linear 0s;}
.case-list .case-item .case-item-wrap:hover{/* -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.3);	box-shadow: 0 0 30px rgba(0,0,0,0.3);*/}
.case-list .case-item .case-item-wrap:hover .case-title{ border-color:#dc1620; background-color: #dc1620; color: #fff;}
.case-list.owl-carousel .owl-stage-outer .case-item-wrap:hover{/* -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.3);	box-shadow: 0 0 15px rgba(0,0,0,0.3);*/}
.case-list.owl-carousel .case-item{ padding: 1.8%;}



	/*news center*/
.indexNews{ background-color: #f1f2f5;}
.news-wrap{ margin-top:1rem; margin-bottom:3.8rem;}
.index-news-list{}
.index-news-list .news-item{ position: relative; padding:5%;text-align: center;margin-top: 4rem; background-color: #fff; }

.index-news-list .news-item::before,.index-news-list .news-item::after{border: 3px solid transparent;width: 0;	height: 0; content: ''; display: block; position: absolute; z-index:1;}
.index-news-list .news-item:before {	top: 0;	left: 0; -webkit-transition: border-color 0s ease-in 0.8s, width 0.2s ease-in 0.6s, height 0.2s ease-in 0.4s; transition: border-color 0s ease-in 0.8s, width 0.2s ease-in 0.6s, height 0.2s ease-in 0.4s; }
.index-news-list .news-item:after {	bottom: 0;	right: 0;-webkit-transition: border-color 0s ease-in 0.4s, width 0.2s ease-in 0.2s, height 0.2s ease-in; transition: border-color 0s ease-in 0.4s, width 0.2s ease-in 0.2s, height 0.2s ease-in; }

.index-news-list .news-item:hover::before, .index-news-list .news-item:hover::after {width: 100%;height: 100%;}
.index-news-list .news-item:hover::before {	border-top-color: #db2129;border-right-color: #db2129;-webkit-transition: width 0.2s ease-out, height 0.2s ease-out 0.2s; transition: width 0.2s ease-out, height 0.2s ease-out 0.2s; }
.index-news-list .news-item:hover::after {border-bottom-color: #db2129;border-left-color: #db2129;-webkit-transition: border-color 0s ease-out 0.4s, width 0.2s ease-out 0.4s, height 0.2s ease-out 0.6s; transition: border-color 0s ease-out 0.4s, width 0.2s ease-out 0.4s, height 0.2s ease-out 0.6s;}


.index-news-list .news-item .news-time{ position: relative; width:25%; height:2rem; margin:0 auto 1rem; color: #fff;z-index:3;}
.index-news-list .news-item .news-time .time-wrap{ position: absolute; width:100%;  height: 0;  padding-bottom: 100%;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #0b0b0b; box-sizing: content-box; top: -250%; transition: all .2s linear 0s; z-index:3;}
.index-news-list .news-item .news-time .time-wrap .year{ position: relative;font-size: 2rem; margin-top:1.2rem;}
.index-news-list .news-item .news-time .time-wrap .date{ position: relative;}
.index-news-list .news-item .news-title{ position: relative; text-align: center; color: #404040;font-size: 1.6rem;
    line-height:2.2; font-weight:bold;z-index:3;}
.index-news-list .news-item .news-con{ position: relative; color: #585858;font-size: 1.4rem; line-height:2; text-align: left; margin-bottom: 1rem;display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 4; -webkit-box-orient: vertical;z-index:3;}
.index-news-list .news-item .news-con a{color: #585858;font-size: 1.4rem;}
.index-news-list .news-item .news-more{ position: relative; color: #a7a7a7;font-size: 1.4rem; text-transform: uppercase;text-decoration: underline;z-index:3;}



.index-news-list .news-item .news-time:after{ display: inline-block; content: '';  position: absolute;width: 100%;	height: 0; padding-bottom: 100%;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background-color: #db2129;box-sizing: content-box; top: -250%; z-index:0; left:0;}

.index-news-list .news-item:hover .news-more{color: #db2129;}
.index-news-list .news-item:hover .news-time .time-wrap{ background-color: #db2129;}

.footer { background-color: #3b3e43; color: #dddddd; width:100%; padding-top:2rem;}
.footer a{ color: #585c62;}
.footer a:hover{ color: #ff3630;}
.footer .head{ margin-bottom:1.5rem;}
.footer .head .head-name{ display: inline-block; border-bottom:1px solid #ed1a14; line-height:3;font-size: 1.6rem;}

.footer .footer-top{ padding-bottom:2rem;}

.footer .search-box{ margin-top:2rem;}

.footer .search-box .search-head{ font-size:1.6rem;}
.footer .search-box .search-form{ border:1px solid #625d55; margin-top: 1rem;}
.footer .search-box .search-form .search-input{  display: block;  border: none; float: left; width: 85%;   height: 40px; padding-left: 10px; background-color: transparent;}
.footer .search-box .search-form .search-submit{background: url("../Images/icon-search-btn.png") center center no-repeat; display: inline-block; border:none; width:40px; height:40px; margin:0;}



.footer .qrode-box{ }
.footer .qrode-box .qrcode{ display: inline-block; text-align: center;}
.footer .qrode-box .qrcode:first-child{ margin-right:1rem;margin-right: 1.56rem;}
.footer .qrode-box .qrcode .qrimg{ background-color: #575757; width:164px; height:164px;}
.footer .qrode-box .qrcode .qrimg img{max-width:100%; max-height:100%;}
.footer .qrode-box .qrcode p{  line-height: 32px;}

.footer .contact_info{}
.footer .contact_info .contact-item{ border-bottom:1px solid #625d55; padding:1rem 0;}
.footer .contact_info .contact-item .contact-label{font-size: 1.4rem; color: #ff3630;}
.footer .contact_info .contact-item .content_inf{ line-height: 2;  font-size: 1.6rem;}

.footer .footer-bottom{ background-color: #2b2e31;line-height: 46px; color: #585c62;}


/*about page*/
.aboutCultrue{ background: url("../Images/culture_bg.jpg") center center no-repeat; background-size: cover; color: #fff;}
.aboutCultrue .section-title .title{ color: #fff;}
.aboutCultrue .section-title p.title:after{border-color: #fff;}
.aboutCultrue .section-title p{ color: #fff;}


.cultrue-box{ margin-bottom: 10rem;  margin-top: 6rem;}
.cultrue-box .cultrue-item{  margin-bottom: 2rem;}
.cultrue-box .cultrue-item .con{ padding:4rem;    height: 315px; position: relative;transition: all .2s linear 0s; }
.cultrue-box .cultrue-item .con .iconfont{ font-size: 4.2rem;}
.cultrue-box .cultrue-item .con .cultrue-con .cultrue-con-txt{ color: #dc1620;font-size: 3.2rem; position: relative; height:0; overflow: hidden;}
.cultrue-box .cultrue-item .con .cultrue-con .cultrue-con-inf{ line-height: 1.75;overflow: hidden;}
.cultrue-box .cultrue-item .con .line{ height:0; border-top:1px solid #c0c0c0; position: relative; margin:2rem 0;}
.cultrue-box .cultrue-item .con .line:before{ display: block; content: ''; position: absolute; width:15%; height:0; border-top:3px solid #dc1620; top:-1px;}
.cultrue-box .cultrue-item .con .cultrue-con{ padding-bottom:1rem; padding-top:1rem;}
.cultrue-item .con .cultrue-con:after{ position: absolute; content: ''; height:0; border-bottom:6px solid #dc1620; display: block; width:0%;  left: 0; bottom: 0; transition: width .2s linear 0s;}


.cultrue-box .cultrue-item:hover .con{  background: rgba(255,255,255,.75) !important;}
.cultrue-box .cultrue-item:hover .con .iconfont{ color: #dc1620;}
.cultrue-box .cultrue-item:hover .con .item-cname{ color: #3c3c3c;}
.cultrue-box .cultrue-item:hover .con .item-ename{ color: #7e7e7e;}
.cultrue-box .cultrue-item:hover .con .cultrue-con:after{ width:100%;}
.cultrue-box .cultrue-item:hover .con .line:before{border-top-color: #3c3c3c;}
.cultrue-box .cultrue-item:hover .con .cultrue-con .cultrue-con-txt{height:auto; transition-delay: .2s;}
.cultrue-box .cultrue-item:hover .con .cultrue-con .cultrue-con-inf{height:0;}

.cultrue-item.shiming .con { background: url("../Images/culture_1_bg.jpg") center center no-repeat; background-size: cover;}
.cultrue-item.yuanjing .con{background: url("../Images/culture_2_bg.jpg") center center no-repeat; background-size: cover;}


.location{ line-height:5; color: #636363; text-align: left;}
.location i{}
.location a{ color: #636363;}
.location a:last-child{ color: #cc0000;}
/*
.catlist{ margin: 2rem 0;text-align: center;}
.catlist a{ color: #565656;font-size: 1.6rem;border: 1px solid #d4d4d4;padding: .5rem 1rem;border-radius: 18px;margin: 1rem;}
.catlist a:hover{ background-color: #0046a6; color: #fff; border-color:#0046a6;}
*/

.catlist { margin-top: 1%;}
.catlist a{ border:1px solid #d8d8d8; padding:.5% 1.2%; color: #5f5f5f;text-decoration: none;display: inline-block;margin-bottom: 1%;border-radius: 3px; margin:1%;}
.catlist a:hover,.catlist a.on{ border:1px solid #0d62bd;color: #ffffff; background-color: #0d62bd;}



/*product info*/
.product-info-gallery h3{ margin-top:10px;line-height: 1.8;border-bottom: 1px solid #d4d4d4; padding-bottom: 1rem; margin-bottom: 1.5rem;}
.product-info-gallery .gallery { border: 1px solid #d4d4d4;}
.product-info-gallery .gallery img{ max-width:100%;}
.product-info-gallery .catinf{font-size: 1.6rem;}
.product-info-gallery .pro-desc{ line-height:2;margin-top: 1rem;}
.product-info-gallery .pro-desc b{ line-height:2.5;font-size: 1.6rem;}
.product-info-gallery .pro-desc p{  border: 1px dashed #e8e8e8; line-height:2.5; text-indent:2em; background-color: #f7f9ff; padding: 1rem;}

.product-info-gallery .buy-note{ }
.product-info-gallery .buy-note b{line-height:2.5;font-size: 1.6rem; color: #dc1620; line-height:3;}
.product-info-gallery .buy-note p{ border: 1px dashed #e8e8e8; background-color: #fffee7; color: #353535; padding:15px 20px;}

.product-info-gallery .hotline{ font-size:2rem;margin: 1rem 0;}
.product-info-gallery .contact_online span{font-size:1.6rem;}
.product-info-gallery .contact_online a{ margin: 0 1rem; display: inline-block;line-height: 2; color: #fff; text-align: center;line-height: 40px;width: 42%;}
.product-info-gallery .contact_online a.taobao{ background-color: #ff5500;}
.product-info-gallery .contact_online a.taobao i{ background-color: #fff; color: #ff5500; padding:2px;border-radius: 3px;}
.product-info-gallery .contact_online a.zixun{ background-color: #dc1620;}

.product-info-gallery .contact_online i.iconfont{ font-size:24px; vertical-align: middle;margin-right: 5px;}




.product-info-gallery #prev_next{ margin-top: 1rem;  border-top: 1px solid #d4d4d4; padding-top: 1rem; border-bottom: 1px solid #d4d4d4; padding-bottom: 1rem;}
.product-info-gallery #prev_next li{ line-height:2.2;}
.product-info-gallery #prev_next li a{ color: #333;}

.product-info-gallery #prev_next li.backlist{}
.product-info-gallery #prev_next li.backlist a{ color: #db2129; border: 1px solid; padding: .5rem 2rem;}

.product-info-main{padding-top:1.5rem;}
.product-info-main .product-info{ }
.product-info-main .product-info .info-head{ background-color: #eeeeee; font-size: 1.6rem;}
.product-info-main .product-info .info-head span{padding: 1rem 0; display: inline-block; width:10rem; text-align: center; font-weight:bold; color: #fff; background-color: #dc1620;}
.product-info-main .product-info .info-con{ padding-top:1rem;line-height: 1.8;}
.product-info-main .product-info .info-con img{ max-width:100% !important; vertical-align: bottom; height:auto !important;}

.no_tips{font-size: 20px; text-align: center; line-height:5;}

.product-info-main .product-relate{}
.product-info-main .product-relate .head{ border-left:5px solid #cb1a20; text-align: left;font-size: 1.6rem; padding:1rem 0 .5rem; text-indent: 2em;  background: #e8e8e8;}


.product-relate-list ul{ }
.product-relate-list li{ }
.product-relate-list li img{ width:100%; border: 1px solid #d4d4d4;}
.product-relate-list li .p-item-title{ line-height: 3;text-align: center;color: #333;}

.no_product_tip{font-size: 2rem;text-align: center; line-height:3;color: #b2b2b2;}

.order-form{ color: #333333;}
.order-form .head{ border-bottom:1px solid #e3e3e4;}
.order-form .head .head-name{line-height: 3; background: #0046a6; color: #ffffff; text-align: center;}
.order-form .head-tel{}
.order-form .head-tel i{font-size: 4.2rem; color: #0073d7; line-height: 1; margin-right: .5rem;}
.order-form .head-tel p{ color: #0c4a9c;}
.order-form .head-tel p.tel-num{font-size: 2.4rem; line-height:1;}

.order-form form{ margin-top:1rem;}
.form-item { margin-bottom:1rem;}
.form-item .label{ color: #333; display: inline-block; width:11%;}
.form-item .label-con{ display: inline-block; width:88%;vertical-align: middle;}
.form-item .form-control{border-color: #d4d4d4; height:auto;box-shadow: none; border-radius: 0;}
.form-item .form-control.captcha{ width:84%;}
.form-item .form-textarea{ width:100%; border:1px solid #d4d4d4;}

.form-last{text-align: center;}


/*contact*/
.contact-page  .contact-top{}

.message li{margin-bottom: 1rem;}
.message li .form-control{border: 1px solid #e3e3e3; border-radius: 0;color: #8c8c8c;background: transparent;box-shadow: none;}
.message .form-last{margin: 0;}
.message .form-last li{padding-right: 0;}
.message .form-last li:last-child{padding-right: 15px;}
.message .form-last .btn-primary{border-radius:0;border-color: #0081dc;background-color: #0081dc; width: 100%;}


.contacts{}

.contacts .contact-item{ border-bottom:1px dashed #dedede; padding:1rem 0;  line-height: 2; transition: all .2s linear 0s;}
.contacts .contact-item .contact-label{font-size: 1.4rem; color: #ff3630; transition: all .2s linear 0s;}
.contacts .contact-item .content_inf{ line-height: 2;  font-size: 1.6rem;}
.contacts .contact-item:hover{ text-indent: 10px;border-bottom:1px solid #b9b9b9;}
.contacts .contact-item:hover .contact-label{ text-indent: 10px;}

.contact-page .qrocde-box{ margin-top:1rem;}
.contact-page .qrocde-box .qrimg{}


	/*.contacts .contact-item{margin-bottom: 1em; padding-left: 2em;}

	.contacts .contact-item i.iconfont{font-size: 190%;  vertical-align: middle;}
	.contacts .contact-item p{margin-bottom: 0; line-height: 1.5;}
	.contacts .contact-item em{color: #c9242b; font-style: normal;font-size: 180%}*/
.qrcode{text-align: center;font-size:87%;}
.qrcode p{line-height: 1.5;}

/*新闻列表*/
.news-list{}
.news-list .news-item{  transition: width 2s linear 0s;border:1px solid #eaeaea; padding:2.6rem; margin-bottom:1.5rem;height: 484px; overflow: hidden; position: relative;}
.news-list .news-item .news-time-zone{ color: #dc1620;font-size: 1.8rem;}
.news-list .news-item .news-time-zone span{font-size: 3.6rem;}
.news-list .news-item .news-title{font-size: 1.8rem; font-weight:bold; color: #404040; line-height:2.5;}
.news-list .news-item .news-desc{font-size: 1.4rem; color: #717171; line-height:2; border-bottom:1px solid #d3d3d3; margin-bottom:1rem; padding-bottom:1rem; transition: height .2s linear 0s; overflow: hidden; height: 90px;}

.news-list .news-item .news-bottom{text-align: center;}
.news-list .news-item .news-bottom i{font-size: 5.5rem;margin-bottom: 2.8rem; margin-top: 3rem;display: none;color: #dc1620;}
.news-list .news-item .news-bottom img{transition: all .2s linear 0s;}

.news-list .news-item:hover{-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.1);	box-shadow: 0 0 30px rgba(0,0,0,0.1);}
.news-list .news-item:hover .news-desc{height: 175px;}
.news-list .news-item:hover .news-bottom i{ display: block;}
.news-list .news-item:hover .news-bottom img{  -webkit-transform: scale(0,0); -moz-transform: scale(0,0); -ms-transform: scale(0,0); -o-transform: scale(0,0); transform: scale(0,0);}
.news-list .news-item:before{ content: ''; display: block; width:0%; height:0; border-top:5px solid #dc1620; position: absolute; top:0; left:0; transition: width .2s linear 0s;}
.news-list .news-item:hover:before{  width:100%; }



	/*新闻详情*/
.news-main{}
.news-main .news-title{text-align: center;}
.news-main .news-info{text-align: center; color: #999; margin-bottom:2rem;}
.news-main .news-img {margin-bottom:2rem;}
.news-main .news-img img{ padding: .7%;border: 1px solid #e6e6e6;}
.news-main .news-info-main{ line-height:2;}
.news-main .news-info-main img{max-width:100%;}

/*相关推荐*/

.relate_box{ margin-bottom:2rem;}
.relate-list{}
.relate-list li{ border-top:1px dotted #ccc; margin-top:20px; padding-top: 10px;}
.relate-list li .date-box { float: left;text-align: center;}
.relate-list li .date-box .date{font-size: 4.2rem; color: #676767;}
.relate-list li .date-box .mounth{ color: #b1b1b1;}
.relate-list li .news-inf{ float: left; padding-top: 10px;padding-left: 0;}
.relate-list li .news-title{ font-size: 1.6rem; color: #2a2a2a; line-height: 2;  text-overflow: ellipsis;overflow: hidden;white-space: nowrap; transition: all .2s linear 0s;}
.relate-list li .news-desc{ float: left;color: #828282;margin-top: 5px; height: 40px;overflow: hidden;}
.relate-list li:after{ display: block; clear: both; width:100%; content: ''; height:0;}

.relate-list li:hover .news-title{ color: #d00303;font-size: 125%;}
.relate-list li:hover .date-box .date{ color: #d00303;}

/*上一条 下一条样式*/
.pager li>a, .pager li>span{ color: #dc1620;}
.pager li>a:focus, .pager li>a:hover{background-color: transparent;border-color: #dc1620}

/*售后服务*/
.service_box{ margin:2rem 0;}
.service_box .service-item{ margin-bottom:2rem; padding: 0;}
.service_box .service-item .item-cell{ padding:0;}
.service_box .service-item .con img{ width:100%; }
.service_box .service-item .con.item-info{padding:2rem;}
.service_box .service-item .con.item-info .icon{}
.service_box .service-item .con.item-info .icon i{font-size: 4rem;}
.service_box .service-item .con.item-info .item-name{ font-weight: bold; font-size: 1.8rem; color: #333333; line-height:2.2;}
.service_box .service-item .con.item-info .item-desc{ color: #999999;}
.service_box .service-item:last-child .con.item-info{ padding:0 2rem;}
.service_box .service-item:hover{ background-color: #f2f4f4;}
.service_box .service-item:hover .con.item-info .icon i{ color: #d81e06;}
