@charset "utf-8";
.tb80{ padding: 80px 0; }
.icons{ display: block;width: 0;height: 0; background: url("../images/icons.png") no-repeat 0 0; }
#get_top{ position: fixed;bottom: 50px;right: 20px; width: 45px;height: 45px;cursor: pointer; background-position: -105px 0;z-index: 1005; }
.trnas{ -webkit-transition: all .4s ease-out;transition: all .4s ease-out; }
/*HeaderSTART*/
.header{ width: 100%; position: fixed;top: 0;left: 0; height:80px;line-height:80px;background: #fff; z-index: 1065 }
.header .logo-img{ display:table-cell;max-width:250px;max-height:80px;vertical-align:middle;text-align:center; }
.header .logo-img img{ max-height:77px;vertical-align: middle; }
.header .contact-tel{ display:block;width:95px;height:32px;line-height:32px;margin:24px 0 0 10px;border-radius:5px; }
.header .contact-tel i{ float:left;width:15px;height:15px;margin:1px 5px 0 14px; }
.header .contact-tel a{ color:#fff;font-size:12px; }
.nav ul li{ float: left; }
.nav ul li a{position: relative; display:block; margin: 0 25px;}
.nav ul li a em{ opacity: 0; position: absolute;bottom: 0;left: 0; display: block;width: 0;height: 3px;background: #da4c39;z-index: 65 }
.nav ul li:first-child a{background:none;}
.nav ul li.on a{ color:#da4c39; }
.nav ul li.on em{ opacity: 1;width: 100%; }
.childer-product{ width: 850px; height: 339px; position: absolute;top: 80px;left: 50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);z-index: 1011; }
.childer-product .cons{ margin-top: 45px; }
.childer-product .cons .listn{ width: 283px; float: left;text-align: center; }
.childer-product .cons .listn h3,
.childer-product .cons .listn a{ line-height: normal; }
.childer-product .cons .listn h3{ font-size: 16px;font-weight: bold; }
.childer-product .cons .listn h3 a,
.childer-product .cons .listn h3 a:hover{ color: #123090; }
.childer-product .cons .listn a{ display: block;color: #333;margin-top: 25px; }
.childer-product .cons .listn a:hover{ color: #da4c39; }
.dask-opacs{ width: 100%;height: 336px; position: absolute;top: 80px;left: 0;border-top: 1px solid #e6e6e6; border-bottom: 2px solid #da4c39;background:#fff;z-index: 1009;overflow: hidden; }
/*HeaderNED*/
/*SlidesSTART*/
.slide-usezans.swiper-container { min-width: 1200px; width: 100%;height: auto;background: #fff;margin-top: 80px; }
.slide-usezans .swiper-slide {min-width:1200px;text-align: center;font-size: 18px;background: #f5f6f8;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;
    -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;background-repeat: no-repeat;background-position: center top;}
.slide-usezans .swiper-slide img{display: block;max-width: 100%;height: auto;margin-left: auto;margin-right: auto;}
.slide-usezans .swiper-button-next,
.slide-usezans .swiper-button-prev{ width:50px !important;height:50px !important; background: none;}
.slide-usezans .swiper-button-next{right:2% !important;}
.slide-usezans .swiper-button-prev{left:2% !important;}
.slide-usezans .swiper-button-next .span-next,
.slide-usezans .swiper-button-prev .span-prev{ color: #fff;font-size: 50px; }
.slide-usezans.swiper-container .swiper-button-prev.swiper-button-disabled,
.slide-usezans.swiper-container .swiper-button-next.swiper-button-disabled{opacity:0;}
.slide-usezans.swiper-container-horizontal .swiper-pagination-bullets{ bottom: 30%; }
.slide-usezans.swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet{ opacity: .4; }
.slide-usezans.swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity: 1; }
.slide-usezans.swiper-container-horizontal .swiper-pagination-bullet{ width: 40px;height: 4px;border-radius: initial; }
.swiper-container .swiper-slide .url{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 106;}
/*SlidesNED*/
/*++-----------
/*++  Module
/*++-----------*/
.plate-product{ padding: 70px 0 0; }
.products-module{ height: 440px;background: #f5f6f8; }
.products-module .left{ float: left; width: 466px; }
.products-module .right{ position: relative; float: right;width: 734px;height: 100%; }
.products-module .right img{ position: absolute;top: 50%;left: 50%; display: block;max-width: 100%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%); }
.products-module .left-intro{ width: 330px;margin:90px 0 0 75px; }
.products-module .left-intro h5{ font-size: 36px;color: #123090;font-weight: bold; }
.products-module .left-intro .subtitle{ font-size: 16px;padding-bottom: 20px; }
.products-module .left-intro .remark p{ line-height: 30px; }
.products-module .left-intro .remark p em{ display: block;float: left;width: 4px;height: 4px;background: #da4b3a;border-radius: 65px;
    margin: 14px 9px 0 0;
}
.products-module .swiper-button-next,
.products-module .swiper-button-prev{ width: 32px;height: 32px;background-image: none; }
.products-module .swiper-button-next .next-ico,
.products-module .swiper-button-prev .prev-ico{ display: block;width: 100%;height: 32px;cursor: pointer; }
.products-module .swiper-button-prev{ left: 25px }
.products-module .swiper-button-next{ right: 25px; }
.products-module .swiper-button-next .next-ico{ background-position: -38px 0; }
/** Product **/
.plate-product-b{ padding: 45px 0; }
.plate-product-b ul li{ float: left; width: 25%;text-align: center; }
.plate-product-b ul li .imgs{ position: relative; display: block;width: 100%;height: 170px; }
.plate-product-b ul li img{ position: absolute;top: 50%;left: 50%; display: block;width: 135px;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%); }
.plate-product-b ul li h5{ font-size: 16px;font-weight: bold;color: #333; }
.plate-product-b ul li p{ display: block;font-size: 13px;padding-top: 5px; }
.plate-product-b ul li:hover img{ margin-top: -10px; }
/** product-cate **/
.product-cate{ width: 100%;height: 620px; }
.product-cate ul{ padding-top: 85px; }
.product-cate ul li{ float: left; width: 380px;height: 435px;background: #fff;margin-right: 30px;overflow: hidden; }
.product-cate ul li:last-child{ margin-right: 0; }
.product-cate ul li a{ float: right; display: block;width: 330px;height: 100%; }
.product-cate ul li .top-title{ width: 300px; position: relative;border-bottom: 1px solid #eff1f6;padding:60px 0 15px; }
.product-cate ul li h5{ font-size: 24px;color: #02268a;font-weight: bold; }
.product-cate ul li .sub-tit{ font-size: 12px;color: #999; }
.product-cate ul li em{ position: absolute;bottom: 10px;right: 0; font-size: 48px;color: #f1f3fa; }
.product-cate ul li .deta-a{ display: block;color: #999;padding: 20px 0 34px; }
.product-cate ul li img{ display: block;width: 100%; }
.product-cate ul li:hover{ background: #da4c39; }
.product-cate ul li:hover .top-title{ border-bottom-color: #e86856; }
.product-cate ul li:hover h5,
.product-cate ul li:hover .sub-tit{ color: #fff; }
.product-cate ul li:hover .deta-a{ color: #02268a; }
.product-cate ul li:hover em{ color:#e05441; }
.product-cate ul li:hover img{margin-top: -15px; }
/** pictrue-module **/
.module-title{ line-height: 36px;margin-bottom: 25px; }
.module-title h5{ float: left; font-size: 24px;color: #0d3190; }
.module-title a{ float: right;font-size: 12px;color: #999; }
.module-title a:hover{ color: #da4c39; }
.pictrue-module{ padding: 70px 0 50px; }
.pictrue-module ul li{ position: relative; float: left; width: 285px;margin:0 20px 20px 0;overflow: hidden; }
.pictrue-module ul li img{ display: block;width: 100%; }
.pictrue-module ul li .remark {
    width: calc(100% - 30px);
    position: absolute;
    bottom: 0;
    padding: 12px 15px;
    background: linear-gradient(0deg,rgba(0,0,0,.8), rgba(0,0,0,0));
}
.pictrue-module ul li .remark h5{ color: #fff;font-size: 16px;font-weight: bold; }
.pictrue-module ul li .remark p{ color: rgba(255,255,255,.7) }
.pictrue-module ul li:hover img{ -webkit-transform: scale(1.1);transform: scale(1.1); }

.pictrue-module ul li:first-child{ width: 590px;height: 420px; }
.pictrue-module ul li:nth-of-type(3n),
.pictrue-module ul li:nth-of-type(5n){ margin-right: 0; }
/** News **/
.news-module{ padding: 0 0 40px; }
.news-module ul li{ position: relative;float: left; width:378px;height: 208px;margin: 0 30px 25px 0; border: 1px solid #dcdcdc; overflow: hidden;}
.news-module ul li:nth-of-type(3n),
.news-module ul li:nth-of-type(5n){ margin-right: 0; }
.news-module ul li .text-desc{ width:calc(100% - 60px);height: calc(100% - 45px); position: absolute;top:0;left: 0;padding: 45px 30px 0;background: #fff; }
.news-module ul li .text-desc .times{ color: #999; }
.news-module ul li .text-desc h5{ font-size: 16px;color: #333;font-weight: bold;padding: 5px 0 25px; }
.news-module ul li .text-desc p{ font-size: 12px;color: #999; }
.news-module ul li .img-s{ display: block;width: 100%; }
.news-module ul li:hover .text-desc{ padding-top: 135px;background: linear-gradient(0deg,rgba(0,0,0,.8), rgba(0,0,0,0));}
.news-module ul li:hover .text-desc .times,
.news-module ul li:hover .text-desc h5{ color: #fff; }
.news-module ul li:first-child{ width: 378px;height: 443px; }
.news-module ul li:first-child .imgs{ opacity: 1;position: static;transform:none;height: 257px;overflow: hidden; }
.news-module ul li:first-child .sremark{ display: none; }
.news-module ul li:first-child .text-desc{ position: static; left: inherit; padding: 30px 30px 0;background: transparent; }
.news-module ul li:first-child .text-desc .times,
.news-module ul li:first-child .text-desc h5{ color: #333; }
.news-module ul li:first-child:hover img{ -webkit-transform: scale(1.1);transform: scale(1.1); }
/*Footer*/
.footer:after{ display: block;content: "";clear: both; }
.footer{ padding: 60px 0 0; }
.footer a{ color: #333; }
.footer-nav{ width: 990px; }
.footer-nav ul li{ min-width: 240px;float: left; }
.footer-nav ul li h3{font-size: 16px;color: #333;}
.footer-nav ul li a{ color: #666;display: block;padding-top: 15px; }
.footer-right .phone{float: right;text-align:left;}
.footer-right .phone span{display: block;color: #333;font-size: 16px;font-weight: bold;}
.footer-right .phone strong{font-size: 30px;color: #da4c39;padding:3px 0;}
.footer-right .codes{ position: relative;width: 24px;height: 24px; }
.footer-right .codes i{ width: 24px;height: 24px;background-position: -77px 0;cursor: pointer;margin-top: 10px; }
.footer-right .codes .code-img{ display: none; position:absolute;bottom:40px;left:-49px;width:105px;height:105px;padding:8px;background:#fff;box-shadow: 0 0 15px rgba(0,0,0,.3) }
.footer-right .codes .code-img img{ display:block;width:100%; }
.footer-right .codes .code-img em{ position:absolute;bottom:-10px;left:50px;display:block;width:0;height:0;
    border-right:10px solid transparent;border-left:10px solid transparent;border-top:10px solid #fff;
}
.footer-right .codes:hover .code-img{ display: block; }
.copyright{ background: #ebecf0; height: 55px;line-height: 55px;color:#333;text-align: center;margin-top: 60px; }
.copyright span{ line-height: 55px; }
.copyright,.copyright a{ color:#999; }
.footer-nav ul li a:hover,
.copyright a:hover{ color: #da4c39; }
/*Footer*/
/*++----------------------------------------------
/*++  内容开始
/*++----------------------------------------------*/
.style-a{ width: 100%; }
.hg20-color{ height: 20px;clear: both;background:#f7f7f7; }
.back-color{ width: 100%;background:#f7f7f7; }
.nbanner .container{ position: relative;height: 100%; }
.nbanner a{ position: relative; display: block;width: 100%;min-height: 400px; }
.nbanner .text{ position: absolute;bottom: 60px;left: 0; }
.nbanner .text h5{ font-size: 48px;font-weight: bold;color: #fff;padding-top: 8px; }
.nbanner .text p{ font-size: 18px;color: rgba(255,255,255,.8); }
.box-content:after{ display: block;content: "";clear: both; }
.box-content{ padding: 20px 0 35px; }
/** Cate **/
.nav-sub{ position: relative; height: 80px;line-height: 80px;border-bottom: 1px solid #e6e6e6; }
.transverse ul li{ float: left;margin-right: 35px; }
.transverse ul li a{ position: relative; display: block; font-size: 16px;color: #000;font-weight: bold; }
.transverse ul li em{ width: 0; position: absolute;bottom: 0;left: 0; display: block;height: 2px;background: #0c3090;z-index: 65 }
.transverse ul li:hover a, .transverse ul li.on a{ color: #0c3090; }
.transverse ul li:hover em, .transverse ul li.on em{ width: 100%; }
/** ProDuct **/
.transverse.procate{ position: relative; }
.transverse.procate ul li .treetwo{ display:none;position:absolute;top:0;right:0;z-index:66; }
.transverse.procate ul li .treetwo li{ position: relative; margin: 0; }
.transverse.procate ul li .treetwo li a{ padding: 0 15px; }
.transverse.procate ul li .treetwo li:last-child a{ padding-right: 0; }
.transverse.procate ul li .treetwo li i{ position: absolute;top:38px;right: 0; display: block;width: 1px;height: 6px;background:#ccc; }
.transverse.procate ul li.on .treetwo{ display: block; }
.transverse.procate ul li.on .treetwo a{ font-size:14px;font-weight:normal;color:#666; }
.transverse.procate ul li .treetwo li.onn a,
.transverse.procate ul li.on .treetwo a:hover{ color:#da4c39; }
/** List **/
.pro-slide{ margin: 40px 0 0; }
.pro-slide .swiper-button-next,
.pro-slide .swiper-button-prev{ width: 33px;height: 33px; background-image: none;margin-top: 0;  }
.pro-slide .swiper-button-next .next-ico,
.pro-slide .swiper-button-prev .prev-ico{ display: block;width: 100%;height: 33px;cursor: pointer; }
.pro-slide .swiper-button-prev{ left: 35px; }
.pro-slide .swiper-button-next{ right: 35px; }
.pro-slide .swiper-button-next .next-ico{ background-position: -38px 0; }
.pro-slide .swiper-button-prev.swiper-button-disabled,
.pro-slide .swiper-button-next.swiper-button-disabled{ opacity: 0; }
/** Product **/
.cons-list{ padding: 0 0 40px; margin: 30px 0 0; }
.cons-list ul li{ float: left; width: 380px;margin: 0 30px 0 0; }
.cons-list ul li:nth-of-type(3n){ margin-right: 0; }
.cons-list ul li .imgs{ position: relative; display: block;width: 100%;height: 330px;background: #f6f6f6; overflow: hidden; }
.cons-list ul li .imgs img{ max-width: 330px; position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%); }
.cons-list ul li .remark{ padding: 15px 0 40px; }
.cons-list ul li .remark h5{ font-size: 16px;color: #333;font-weight: bold; }
.cons-list ul li .remark p{ font-size: 12px;color: #666; }
.cons-list ul li:hover .imgs img{ margin-top: -15px; }
.cons-list ul li:hover .remark h5{ color: #da4c39; }
/** Show **/
.top-slide{ padding: 10px 0; border: 1px solid #e0e0e0;border-width: 1px 0; }
.top-slide .left{ float: left; width: 159px;height: 175px;border-right: 1px solid #e0e0e0; }
.top-slide .left strong{ display: block; font-size: 24px;font-weight: bold;color: #0d3190;padding-top: 65px; }
.top-slide .left p{ font-size: 12px;color: #666; }
.top-slide .right{ float: right;margin:18px 35px 0 0; }
.top-slide .right .slide-products-con{ width: 950px; }
.top-slide .right .swiper-slide{ text-align: center; }
.top-slide .right .swiper-slide .imgs{ position: relative; display: block;width: 100px;height: 110px;margin: 0 auto; }
.top-slide .right .swiper-slide .imgs img{ position: absolute;top: 50%;left: 50%; display: block;width: 100%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);z-index: 66 }
.top-slide .right .swiper-slide h5{ height: 25px;line-height: 25px; font-size: 14px;padding-top: 5px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
.top-slide .right .swiper-slide:hover img{ margin-top: -8px; }
.top-slide .right .swiper-button-next,
.top-slide .right .swiper-button-prev{ width: 32px;height: 32px;background-image: none; }
.top-slide .right .swiper-button-next .next-ico,
.top-slide .right .swiper-button-prev .prev-ico{ display: block;width: 100%;height: 32px;cursor: pointer; }
.top-slide .right .swiper-button-prev{ left: 0 }
.top-slide .right .swiper-button-next{ right: 0; }
.top-slide .right .swiper-button-prev .prev-ico{ background-position: 0 -41px; }
.top-slide .right .swiper-button-next .next-ico{ background-position: -38px -41px; }
.top-slide .right .swiper-button-prev:hover .prev-ico{ background-position: 0 -77px; }
.top-slide .right .swiper-button-next:hover .next-ico{ background-position: -38px -77px; }
.top-slide .right .swiper-button-prev.swiper-button-disabled,
.top-slide .right .swiper-button-next.swiper-button-disabled{ opacity: 0; }
/** Intro **/
.pro-intro{ padding: 80px 0; }
.pro-intro .left,
.pro-intro .right{ position: relative; width: 50%;height: 380px; }
.pro-intro .left img{ max-width: 90%; position: absolute;top: 50%;left: 50%; display: block;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%); }
.pro-intro .right{ width: calc(50% - 1px); border-left: 1px solid #eaeaea; }
.pro-intro .right .remark{ width: 480px;margin: 0 auto; }
.pro-intro .right .remark h1{ font-size: 24px;color: #da4c39;font-weight: bold;padding-top: 25px; }
.pro-intro .right .remark .desc{ height: 100px; font-size: 16px;color: #666;padding: 15px 0;overflow: hidden; }
.pro-intro .right .remark .models{ color: #999;padding-bottom: 65px; }
.pro-intro .right .remark .shop-img{ position: relative; }
.pro-intro .right .remark .shop-img .ico-txt{ width: 160px;height: 44px;line-height: 44px; background: #da4c39;color: #fff;cursor: pointer; }
.pro-intro .right .remark .shop-img .ico-txt i{ float: left; width: 28px;height: 27px;background-position: -121px -51px;margin: 8px 10px 0 34px; }
.pro-intro .right .remark .shop-img .code-imgd{ display: none; width: 150px;height: 150px;padding: 5px; position: absolute;bottom: 60px;left: 0;background: #fff;
   box-shadow: 0 0 20px rgba(0,0,0,.5); z-index: 65; }
.pro-intro .right .remark .shop-img .code-imgd img{ display: block;width: 100%; }
.pro-intro .right .remark .shop-img .code-imgd em{ position: absolute;bottom: -10px;left: 70px; display: block;width: 0;height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top:10px solid #fff;
}
.pro-intro .right .remark .shop-img:hover .code-imgd{ display: block; }
/** Covers **/
.covers{ margin-bottom: 60px; }
.covers img{ display: block;width: 100%; }
.pshow.development{ padding: 0 0 20px;}
.pshow.development .container{ width: 1136px;margin: 0 auto;min-width: 1136px; }
.pshow.development ul li .tits i{ width: 80px; }
.pshow.development ul li .img{ width: 540px; }
.pshow.development ul li .img img{ width: auto; }
.pshow.development ul li .remark .con-txt h5{ color: #da4c39; }
.detail-show{ background: #fbfbfb;padding: 60px 0 30px; }
.detail-show .tit{ text-align: center;font-size: 24px;font-weight: bold; }
.detail-show .show-con{ padding: 25px 0 30px; }
.detail-show .show-con img{ display: block;max-width: 100%; }
.relevant{ padding: 60px 0 40px; }
.relevant .r-title{ font-size: 24px;color: #123090;margin-bottom: 20px; }
.relevant ul li {position: relative;float: left;width: 285px;height: 201px;margin: 0 20px 0 0;overflow: hidden;}
.relevant ul li:last-child{ margin-right: 0; }
.relevant ul li img{ display: block;width: 100%; }
.relevant ul li .remark { width: calc(100% - 32px);position: absolute;bottom: 0;padding: 12px 16px;background: linear-gradient(0deg,rgba(0,0,0,.8), rgba(0,0,0,0)); }
.relevant ul li .remark h5 { color: #fff;font-size: 16px;font-weight: bold; }
.relevant ul li .remark p { color: rgba(255,255,255,.7); }
.relevant ul li:hover img{ -webkit-transform: scale(1.1);transform: scale(1.1); }
/** Questions **/
.question-cons{ margin-top:38px;padding-bottom:30px; }
.question-cons ul li{ padding:0 45px; min-height:68px; border:1px solid #d7dae1;margin-bottom:10px;cursor: pointer;overflow: hidden; }
.question-cons ul li h5{ position: relative;line-height:67px;font-size:16px;color:#666;border-bottom:1px solid transparent; }
.question-cons ul li em{ position: absolute;right:0;top: 28px; width:23px;height:13px;background-position:-84px -44px;z-index:55; }
.question-cons ul li .dask{ display:none; padding:15px 0 50px; }
.question-cons ul li.on{ background:#f3f5f8; }
.question-cons ul li.on h5{ border-bottom-color:#d9dee1;color: #da4c39; }
.question-cons ul li.on em{ background-position: -84px -61px; }
.question-cons ul li.on .dask{ display: block; }
/** Contactus **/
.contactus{ padding: 120px 0; }
.contactus .left{ position: relative; float: left; width: 518px; }
.contactus .left em{ position: absolute;left: 0;top: 189px; display: block;width: 313px;height: 1px;background: #ccc; }
.contactus .top-con{ padding-bottom: 180px; }
.contactus .top-con h5{ font-size: 24px;color: #da4c39;font-weight: bold; }
.contactus .top-con .intro{ width: 410px; color: #666; }
.contactus .bottom-con ul li:after{ display: block;content: "";clear: both; }
.contactus .bottom-con ul li .remark{ float: left; }
.contactus .bottom-con ul li .remark strong{ font-size: 20px;color: #da4c39; }
.contactus .bottom-con ul li .remark p{ color: #666; }
.contactus .bottom-con ul li .icons{ float: left;margin-right: 16px; }
.contactus .bottom-con ul li:nth-of-type(1){ margin-bottom: 30px; }
.contactus .bottom-con ul li:nth-of-type(1) .icons{ margin-top: 12px; width: 28px;height: 28px;background-position:-122px -89px }
.contactus .bottom-con ul li:nth-of-type(2) .icons{ margin-top: 15px; width: 32px;height: 25px;background-position:-82px -89px }
.contactus .right{ float: right; width: 680px;height: 400px; }
.contactus .right img{ display: block;width: 100%; }
/** About **/
.comm-title{ text-align: center;padding: 70px 0; }
.comm-title h5{ font-size: 24px;color: #000;font-weight: bold;padding-bottom: 3px; }
.comm-title p{ font-size: 20px;color: #999; }
.tits{ position: relative;font-size: 22px;color: #0c3090;font-weight: bold; }
.tits i{ display: block;position: absolute;top:12px;right: 3px; width: 100px;height: 4px;background: #da4c39;z-index: -1; }
.cate-intro{ margin-top: -8px; }
.cate-intro .caten{ font-size: 20px;color: #999; }
.cate-intro h1{ font-size: 16px;font-weight: bold; }
.about-intro{ padding: 110px 0 40px; }
.about-intro.psystem{ padding: 0 0 60px; }
.about-intro .cons{ position: relative; width: 560px; }
.about-intro .cons.left img{ display: block;width: 100%; }
.about-intro .cons .remarks{ width: 510px;margin-top: 90px; }
.about-intro .cons .title h2{ font-weight: bold;font-size: 22px;color: #000; }
.about-intro .cons .title h2:first-child{ padding-top: 15px; }
.about-intro .cons .desc{ color: #666;padding: 40px 0 60px; }
.about-intro.psystem .cons .remarks{ padding-left: 50px; margin-top: 0; }
.about-intro.psystem .tits i{ width: 92px; right: 40px; }
/** Vlaue **/
.about-value{ width: 100%;height: 680px; }
.about-value .cons ul li{ float: left; width: 33.3333333%;text-align: center; }
.about-value .cons ul li img{ display: block;max-width: 100%;margin: 0 auto; }
.about-value .cons ul li h5{ font-weight: bold;font-size: 24px;color: #da4c39;padding: 20px 0; }
.about-value .cons ul li p{ width: 240px;margin: 0 auto;color: #4c4c4c; }
/** philosophy **/
.about-intro.philosophy .tits i{ width: 120px; right: 50px; }
.about-intro.philosophy{ padding: 90px 0; }
.about-intro.philosophy .right{ position: relative; height: 680px; }
.about-intro.philosophy .right .remarks{ margin-top: 0; position: absolute;top: 50%;right: 0;-webkit-transform: translate(0,-50%);transform: translate(0,-50%); }
.about-intro.philosophy .right .desc{ padding-bottom: 0; }
/** Development **/
.development ul li .tits i{ top:18px;right:auto;left:-45px; }
.development{ padding: 70px 0 30px; }
.development ul li{ margin-bottom: 40px; }
.development ul li .img{ width: 580px; float: left; }
.development ul li .img img{ display: block;width: 100%; }
.development ul li .remark{ width: 580px;float: right; }
.development ul li .remark .con-txt{ width: 465px;margin: 30px auto 0; }
.development ul li .remark .con-txt h5{ font-size: 22px;font-weight: bold;color: #000;padding: 30px 0; }
.development ul li .remark .con-txt p{ color: #666; }
.development ul li:nth-of-type(even) .img{ float: right; }
.development ul li:nth-of-type(even) .remark{ float: left; }
/** Pictrue **/
.pictrue-cons{ padding: 45px 0 30px; }
.pictrue-cons ul li{ position: relative; float: left;width: 380px;height: 268px;margin: 0 30px 30px 0; overflow: hidden; }
.pictrue-cons ul li:nth-of-type(3n){ margin-right: 0; }
.pictrue-cons ul li img{ display: block;width: 100%; }
.pictrue-cons ul li .remark{ width: calc(100% - 60px); position: absolute;bottom: 0;padding:20px 30px;
    background: linear-gradient(0deg,rgba(0,0,0,.8), rgba(0,0,0,0));
}
.pictrue-cons ul li .remark h5{ color: #fff;font-size: 16px;font-weight: bold; }
.pictrue-cons ul li .remark p{ color: rgba(255,255,255,.7) }
.pictrue-cons ul li:hover img{ -webkit-transform: scale(1.1);transform: scale(1.1); }
/** Show **/
.content-cons{ padding: 80px 0 20px; }
.content-cons .left{ float: left; width: 890px; }
.content-cons .left .title{ padding-bottom: 22px;border-bottom: 1px solid #e6e6e6; }
.content-cons .left .title h1{ font-size: 24px;color: #da4c39;font-weight: bold; }
.content-cons .left .title .time{ color: #999; }
.content-cons .left .detail{ padding: 20px 0; }
.content-cons .left .detail p{ color: #666;line-height: 24px; }
.content-cons .left .detail img{max-width: 100%;vertical-align:middle;}
/**材料**/
.content-cons .left .ingredients{ margin-bottom: 40px; }
.content-cons .left .ingredients h5{ font-size: 18px;padding-bottom: 5px; }
.content-cons .left .ingredients p{ font-size: 16px;color: #666 }
/**步骤**/
.content-cons .left .step-con h5{ font-size: 18px;padding-bottom: 25px; }
.content-cons .left .step-con ul li{ float: left; width: 270px;margin: 0 40px 15px 0; }
.content-cons .left .step-con ul li:nth-of-type(3n){ margin-right: 0; }
.content-cons .left .step-con ul li img{ display: block;width: 100%; }
.content-cons .left .step-con ul li h5{ font-size: 14px;padding: 10px 0 0;min-height: 60px; }
.content-cons .right{ float: right;width: 260px; }
.content-cons .right ul li{ width: 100%;margin-bottom: 20px; }
.content-cons .right ul li img{ display: block;width: 100%; }
.content-cons .right ul li .time{ display: block; color: #999;padding: 6px 0 0; }
.content-cons .right ul li h5{ height: 25px;line-height: 25px;font-size: 14px;color: #666;padding-top: 5px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
.content-cons .right.rarticle ul li h5{ color: #333;padding: 0; }
.content-cons .right ul li:hover h5,
.content-cons .right.rarticle ul li:hover h5{ color: #da4c39; }
/** NEWS **/
.article-cons{ padding: 70px 0 40px; }
.article-cons ul li{ width:100%;height:245px;margin-bottom:30px; }
.article-cons ul li .imgs{ float:left;width:360px;height:245px;overflow:hidden; }
.article-cons ul li .remark{ float: right; width: 820px;height: 244px; border-bottom: 1px solid #ebebeb; }
.article-cons ul li .remark .time{ display: block; color: #999;margin-top: 60px; }
.article-cons ul li .remark h5{ font-size: 18px;font-weight: bold;color: #333;padding: 5px 0 18px; }
.article-cons ul li .remark p{ color: #999; }
.article-cons ul li:hover .remark{ border-bottom-color: #da4c39; }
.article-cons ul li:hover img{ -webkit-transform: scale(1.1);transform: scale(1.1); }
.article-cons ul li:hover h5{ color: #da4c39; }
/** Show **/
.show-keyword{ color: #666;padding-top: 30px;border-top: 1px solid #e6e6e6; }
.show-keyword span{ color: #0d3190; }
/*+---------------
/*+  Pages
/*+---------------*/
#loading{width:195px;height:32px;line-height:32px;font-size:14px;text-align:center;padding-left:0;opacity:.7;
    background:url(../images/login.gif) no-repeat center center;margin:20px auto;color:#000;  display: none;
}
#loading.back-hide{background:none;}
.pages{ text-align:center;padding:0 0 0; }
.pages a{ display:inline-block;padding:5px 13px;margin-right:10px;background: #eee; }
.pages a:last-child{ margin-right:0; }
.pages a.curr{ color:#fff;background:#0d3190;border-color:#0d3190; }
/*+------------------
/*+  Prev-Next
/*+------------------*/
.Pre-Next{ position: relative;margin: 35px 0;padding: 20px 0; border: 1px solid #eee;border-width: 1px 0; }
.Pre-Next p{ min-height:30px;overflow:hidden;}
.Pre-Next p a{ font-size: 14px; }