﻿@charset "utf-8";
/*~~~~框架布局~~~*/
.ptb50p { padding-top: 50px; padding-bottom: 50px;}
.ptb80p { padding-top: 80px; padding-bottom: 80px;}

/*==顶部↓==*/
/*.fixed-top{position:fixed;z-index:99;width:100%;padding:10px 0; background:#fff}
.fixed-top .logo{}*/
.header{display: flex; padding:0px  5%;height: 120px; background: #fff;min-width: 1300px;margin: auto;justify-content: space-between;}
.header .logo{height: 100%;display: flex;justify-content: center;align-items: center;/*margin-right: auto;*/}
.header .logo img{
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}
.header .nav{position: relative;display: flex;justify-content: center;align-items: center;height: 100%;}
.header .nav li{display: contents;float: left;/* position: relative; */margin:0 5px;padding-bottom: 50px;}
.header .nav li a.navAone{position: relative; display: table; color:#555555; font-size:16px; padding:10px 16px;
font-family: PingFang SC,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,PingHei,Helvetica Neue,SimHei,Helvetica,Arial,sans-serif!important;
font-weight: 600;
}
.header .nav li a.navAone:before{content: ""; position: absolute;left:0;bottom:0px;width:0%; height:2px; background: #deb14d;transition: all .4s ease-in-out;}
.header .nav li a.navAone:hover{color:#1f2b61;}
.header .nav li a.navAone:hover:before,.header .nav li.active a.navAone:before{width:100%}
.header .nav li.active a.navAone{color:#1f2b61;}
.header .nav .sub img{display:block;width: 450px;height: 200px;background: #d2a142;margin-top: 39px;}
.header .nav .sub .right{width: 200px;padding: 30px 0;}
.header .nav .sub{display:none;width: 730px;left:0;top: 90px;position:absolute;border:1px #ddd solid;background: rgba(255,255,255,0.9);line-height:26px;padding: 30px 20px;z-index: 999;/* box-shadow: 0 0 10px #ddd; */}
.header .nav .sub li{ zoom:1; }
.header .nav .sub .right a.navAtwo{position:relative;float: left;display: inline-block;border-radius:0px;color: #555;font-size: 14px;padding: 10px 10px 10px 15px;width: 135px;margin: 0 15px;border-bottom: 1px #D2D2D2 solid;-webkit-transition: color .2s ease-in-out;transition: color .2s ease-in-out;background: url(../Images/arrow_02.png) no-repeat left;}
.header .nav .sub .right a.navAtwo:hover{color:#1f2b61}
.header .nav .sub .right a.navAtwo:before{content: "";display: block;position: absolute;bottom: -1px;left:0;width: 0;height:1px;background:#1f2b61;-webkit-transition: width .4s ease-in-out;transition: width .4s ease-in-out;}
.header .nav .sub .right a.navAtwo:hover:before{width:100%;}
.header .search{position:relative;width:120px;height:100%; border-left: solid 1px #ddd;background: url(../Images/search_ico.png) no-repeat center;border-right: 1px #ddd solid;}
.header .search:hover{background:#f9f9f9 url(../Images/search_ico.png) no-repeat center;}
.header .search:hover .box{opacity:1;height:100px;}
.header .search .box form{width:600px;margin:auto;padding: 25px 20px 20px 20px;}
.header .search .box{opacity:0;position:absolute;top:100%;right:0;z-index:99;height:0px;width: 1280px;border-radius: 0 0px 5px 5px;overflow:hidden;background: #FFFCFC;border: 1px #f1f1f1 solid;}
.header .search .box span{color: #46989C;font-size:15px;padding-right:30px;}
.header .search .box input{width:0px;height: 40px;color: #666;border-bottom: 1px #46989C solid;border-left: 0px;border-top: 0px;border-right: 0px;outline: medium;background: none;}
.header .search .box input::-webkit-input-placeholder{/* WebKit browsers */color:#999;}
.header .search .box input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */　color:#999;}
.header .search .box input::-moz-placeholder{/* Mozilla Firefox 19+ */color:#999;}
.header .search .box input:-ms-input-placeholder{/* Internet Explorer 10+ */color:#999;}
.header .search .box button{width: 0px;height: 0px;border: 0px;color: #fff;font-size: 15px;border-radius: 50%;cursor: pointer;background: #46989C;}
.header .search:hover input{width: 310px;transition:all .8s ease-in-out;}
.header .search:hover button{width:40px;height: 40px;transform:rotate(360deg);transition:all .8s ease-in-out;}
.header .search .box button:hover{background:#000}
.header .tel{position:relative;width:120px;height:100%; border-left: solid 1px #ddd; background: url(../Images/tel_ico.png) no-repeat center;}
.header .tel span{position: absolute;right:0;bottom:-54px;z-index: 99; display: block;width:300px; font-size:20px; text-align: center;padding:15px 10px;color:#1f2b61; background: #eee; filter: alpha(opacity=0); transform-origin: 95% 0%; transform:scale(0.01); transition:all 1s;}
.header .tel:hover span{opacity:1;transform: scale(1);}
.header .tel:hover{background:#f9f9f9 url(../Images/tel_ico.png) no-repeat center;}
.header .btn-nav{display:block;width:70px;/*! height:22px; *//*! right: 6%; */margin: 40px 30px 0 0;/*! background: #666; */text-align: center;}
.header .btn-nav a{color: #fff;display: block;padding: 3px 10px; background: #666;}
.header .btn-nav a:hover{background:#1f2b61}
.header .tel_right{margin: 35px 0px 0 0;}
.header .tel_right .dianhua{font-size:14px;font-weight:bold;display: flex; justify-content: center;}
.header .tel_right .dianhua b{font-size:20px;font-weight:bold;color:#000;}
.header .tel_right .dianhua img{max-width:100%;max-height:20px;}

.hi4_b1_box {  box-shadow: 0 1px 6px rgba(0,0,0,.1);margin-bottom:30px;}
.tshe_flex.around {-ms-flex-pack: distribute;justify-content: space-around;}
.hi4_b1 {  display: flex; margin: 0 auto; max-width: 1280px}
.hi4_b1_item {position: relative; padding: 30px 6px 30px 60px}
.hi4_b1_item:last-child { cursor: pointer }
.hi4_b1_item:last-child:hover {  background-color: #efefef}
.hi4_b1_l { position: absolute;left: 0;top: 50%; transform: translateY(-50%);width: 1px; height: 60%;background-color: #dfe4e8}
.hi4_b1_item:first-child .hi4_b1_l {  display: none}
.hi4_b1_icon { position: absolute;left: 20px;top: 50%; transform: translateY(-50%);width: 32px}
.hi4_b1_h { margin-bottom: 5px; color: #555;font-size: 15px;font-weight: 700}
.hi4_b1_p { color: #888; font-size: 14px}
.hi4_b1_qr { position: absolute;left: 50%;top: -10px;transform: translate(-50%,-100%);z-index: 1; padding: 10px;
    width: 168px;
    height: 168px;
    background-color: #fff;
    border-radius: 5px;
    visibility: hidden
}
.hi4_b1_qr:after {
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        bottom: -10px;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 10px solid #fff
    }
.hi4_b1_qr .pcsp_qrcode_wrap {  margin: 0 }
.hi4_b1_item:last-child:hover .hi4_b1_qr {visibility: visible}
.hi4_b1_icon2, .hi4_b1_item:hover .hi4_b1_icon1 {visibility: hidden}
.hi4_b1_item:hover .hi4_b1_icon2 {  visibility: visible}



/*==首页内容==*/
.title1{font-size: 36px; margin-bottom:30px; color: #333;text-align: center; /*background: url(../images/t1.png) no-repeat 50% 60%;*/ height: 80px;line-height: 40px;}
.title1 span{ font-weight: normal;font-size: 20px;color: #585858; padding-left: 5px;text-transform: uppercase;}
.title1 p{font-weight: normal;font-size: 18px; color: #777;}
/*.HomeContent{}
.HomeContent ul{margin:1px 0;float: left;width: 100%;}
.HomeContent ul li{position: relative; float:left;width:25%;border:1px #fff solid;*//*! height: 300px; *//*}
.HomeContent ul li h3{position:absolute; bottom:30px; left:30px; color:#1f1f1f;font-size:24px}
.HomeContent ul li h3 hr{margin:15px 0 7px 0;display: block; width:30px;height:1px; background: #333;border: 0px;}
.HomeContent ul li h3 font{font-size:14px; color:#888888}
.HomeContent ul li:hover h3{color:#065d33}*/

/*==首页产品列表↓==*/
.ProductListBox2{border-bottom: 15px solid #e4e5e9;}
.ProductListBox2 .list{}
.ProductListBox2 .list li{float:left;width:23%;/*height:300px;*/margin:1%;}
.ProductListBox2 .list li .box figcaption::before{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: -webkit-linear-gradient(top, rgba(0,146,216,0) 0%, rgba(0,146,216,0.8) 75%);background: linear-gradient(to bottom, rgba(210,161,66,0) 0%, rgba(210,161,66,0.6) 75%);content: '';opacity: 0;-webkit-transform: translate3d(0,50%,0);transform: translate3d(0,50%,0);}
.ProductListBox2 .list li .box em{position: absolute;top: 60%;left:0;width:100%;text-align: center;opacity: 0;color: #fff;-webkit-transition: -webkit-transform 0.35s, color 0.35s;transition: transform 0.35s, color 0.35s;-webkit-transform: translate3d(0,-50%,0);transform: translate3d(0,-50%,0);-webkit-transition: all .3s ease-in-out;}
.ProductListBox2 .list li .box em::before{margin:auto;display: block;width: 60px;height: 60px;font-size:30px;border-radius: 50%;border: 2px #fff solid;padding: 15px 10px 0 10px;}
.ProductListBox2 .list li .box figcaption::before, .ProductListBox2 .list li .box p{-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.ProductListBox2 .list li .box p{position: absolute;bottom: 0;left: 0;font-size:14px;padding: 2em;width: 100%;opacity: 0;-webkit-transform: translate3d(0,10px,0);transform: translate3d(0,10px,0);}
.ProductListBox2 .list li .box font{font-size: 13px;color: #ddd;margin: 10px 0 0 0;display: block;}
.ProductListBox2 .list li:hover em{color: #fff;opacity: 1;-webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);transform: translate3d(0,-50%,0) translate3d(0,-40px,0);}
.ProductListBox2 .list li:hover figcaption::before , .ProductListBox2 .list li:hover p{opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.ProductListBox2 .list{position: relative;}
.ProductListBox2 .list li:hover h4{color:#1f2b61}
/* Common style*/.ProductListBox2 .list li .box{position: relative;float:left;overflow: hidden;background: #fff;text-align: center;cursor: pointer; border:1px #f5f5f5 solid}
.ProductListBox2 .list li h4{padding: 15px 20px 10px 20px;color:#666;font-size: 16px;text-align:center;clear: both;}
.ProductListBox2 .list li .box img{position: relative;display: block;margin:auto;min-height: 100%;max-width: 100%;opacity: 1;}
.ProductListBox2 .list li .box figcaption{padding: 2em;color: #fff;text-transform: uppercase;font-size: 1.25em;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.ProductListBox2 .list li .box figcaption::before, .ProductListBox2 .list li .box figcaption::after{pointer-events: none;}
.ProductListBox2 .list li .box figcaption, .ProductListBox2 .list li .box figcaption > a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}



/*==首页关于我们==*/
.index_about{ display: flex; align-items: flex-end; position: relative; z-index: 1;}
.index_about .text{ flex: 1; width: 100%;}
.index_about .text h2{font-size: 36px; font-weight:; color: #333; line-height:50px; margin: 50px 0 20px 0;}
.index_about .text p{font-size: 15px; color: #666666; line-height: 28px;}
.index_about .text a{font-size: 16px; font-weight: 500; color: #333333; line-height: 46px; display:block; margin-top: 60px;transition:0.6s;transform: translateY(0);  }
.index_about .text a:hover{transform: translateY(0px); }
.index_about .video{width: 582px;  margin-left: 50px;}
 .syabout{  padding: 0% 3%;overflow:hidden;    margin-bottom: 5%;} 
 .syabout a{float: left; width:23%; margin:0 1%}
 .syabout p{font-size:16px; text-align:center;line-height:20px;font-weight:600;}
 .syabout .abouttp { width:80px;height:80px;line-height:80px;margin-top: 20px;margin:auto; text-align: center;border-radius:50%;
			transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;
        }	
.syabout .abouttp img{width:70%;}
.syabout .abouttp:hover {
            transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
}

/*==首页优势==*/
.clearboth {
    height: 0px;
    line-height: 0px;
    overflow: hidden;
    clear: both;
    font-size: 0px;
}
.advantage-index{  margin-top: 70px;}
.advantage-index .container{  margin-top: 35px;}
.yimg{width:47%;}
.yimg11 p{width:100%;overflow: hidden;}
.yimg11 p img{width:100%;cursor: pointer; transition: all 0.6s;}
.yimg11 p img:hover{transform: scale(1.1);}

.yword{width:47%;}
.yword .ytitle{width:50px;}
.yword .ytitle img{width:60px;}
.yword .ycontent{width:480px;font:400 16px/24px "";color: #000000;}
.yword .ycontent h3{border-bottom:1px dashed #dbdbdb;color:#1f2b61;font:600 20px/45px "寰蒋闆呴粦";margin-bottom:8px;}
.yword .ycontent h3 i{padding-left:5px;color:#b1b1b1;font-family:"瀹嬩綋";text-transform:uppercase;}
.yword .ycontent p{color:#666; font-size: 14px; }
.yword1{margin-top:42px;}

.yimg11 p{width:100%;overflow: hidden;}
.yimg13 p img{cursor: pointer; transition: all 0.6s;}
.yimg13 p img:hover{transform: scale(1.1);}

/*==首页流程==*/
.hi4_b2_box { padding: 50px 0 80px 0;}
.hi4_b2 {  margin: 0 auto; max-width: 1280px}
.hi4_steps {  margin-top: 60px; display: flex;}
.hi4_step { width: 340px;  text-align: center}
.hi4_step_n { margin-bottom: -14px; width: 36px}
.hi4_step_h { color: #1f2b61; font-size: 22px; font-weight: 700}
.hi4_step_l { margin: 0 auto; width: 40px;  height: 5px; background: linear-gradient(90deg,rgba(255,228,6,0),#ffc403 50.57%,rgba(255,228,7,0))}
.hi4_step_p { margin-top: 15px;  color: #666;  font-size: 14px}
.hi4_step_arrow { width: 20px; height: 20px;background-image: url(../Images/arrow_double_right-c795ea4506c54b0391d6e62071dfc137.svg); background-size: 20px 20px}

.hi4_btns {  margin-top: 60px; text-align: center;}
.hi4_btns .hi4_btn {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
    width: 160px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 700;
    background-color: #e6bd55;
    color: #000;
    cursor: pointer;
    transition: background-color .3s
}
.hi4_btns .hi4_btn:hover { font-size: 13px }



/*==首页工艺==*/
.hi4_reasons { margin-top: 60px; font-size: 0}
.hi4_reason {display: inline-block;vertical-align: top;background: #fff;position: relative;margin: 0 1.2% 2.5% 0;padding-top: 50px;width: 19%;height: 200px; text-align: center;box-shadow: 0 2px 4px rgba(0,0,0,.2)}
.hi4_reason:nth-child(5n) {margin-right: 0}
.hi4_reason:nth-child(n+4) { margin-bottom: 0}
.hi4_reason:hover .hi4_i_cover {  visibility: visible}
.hi4_reason:hover .hi4_r_h { transition: transform .3s; transform: scale(1.1)}
.hi4_r_img { position: absolute; top: 0; left: 0;width: 100%; height: 70%;background-size: 110%;}
.hi4_r_h { position: relative; z-index: 3; text-shadow: black 2px 1px 2px; color: #fff; font-size: 24px; font-weight: 700}
.hi4_r_p { position: absolute; left: 0;  bottom: 20px; width: 100%;color: #666; font-size: 14px}


/*==首页新闻↓==*/

.HomeArticle{}
.HomeArticle .list{}
.HomeArticle .list .one{/*! margin-right:3%; */}
.HomeArticle .list .one{width:50%;padding-right: 30px;float: left;}
.HomeArticle .list .one .pic{ position: relative;}
.HomeArticle .list .one .pic .time{ position: absolute; left:0;top:0; color:#fff;font-size:32px; text-align: center; background: rgba(0,0,0,0.5);z-index: 9;padding: 10px;}
.HomeArticle .list .one .pic .time font{ display: block; font-size:12px;}
.HomeArticle .list .one h4{margin-top:20px;color:#191919;font-size:16px;}
.HomeArticle .list .one p{margin:10px 0; color:#666666;font-size:12px;}
.HomeArticle .list .one b{ color:#666666}
.HomeArticle .list .two{float:left; width:49%; padding:5px 0 19px 0; margin-bottom:10px;border-bottom: 1px dotted #bbb;}
.HomeArticle .list .two .qynltime{color:#a5a8af; text-align:center; padding:18px 10px; display:inline-block; width:70px; border:1px solid #a5a8af;}
.HomeArticle .list .two .qynltime{ font-size:12px; line-height:14px;}
.HomeArticle .list .two .qynltime i{ display:block; vertical-align:top; font-size:26px; line-height:26px; font-style:normal; margin-top:5px;}
.HomeArticle .list .two .qynldesc2 { width: 85%;}
.HomeArticle .list .two .qynldesc2 h4{font-size:16px;color:#191919;margin-top: 5px;}
.HomeArticle .list li .qynldesc2:hover h4,.HomeArticle .list li:hover b{color:#d2a142 }



/*==首页合作客户==*/
.qycuster { background: #;}
.ptb80p { padding-top: 85px; padding-bottom: 85px;}
.pubh3{font-size:36px; line-height:1.2;}
.pubp1{ font-size:16px; text-align:center; margin-top:10px;}
.text-c { text-align: center;}
.brand-selected3{margin-top:50px}
.brand-selected3 ul li{float:left;width:10%;/*margin:10px 0 0 12px*/}
.brand-selected3 ul li a{border:0px solid #eee;display:block;transition:box-shadow .3s ease-out 0s;}
.brand-selected3 ul li a img{height:100%;width:100%}
.brand-selected3 ul li a:hover{box-shadow:0 2px 6px rgba(0,0,0,.2)}

/*==服务支持==*/
.service-content{width: 1280px;text-align: center;margin: 0 auto;}
.service-content h4{font-size: 34px;color: #595959;margin-top: 55px;font-weight: 300;}
.service-content .serviceline{width: 50px;height: 2px;background: #FF6600;display: inline-block;margin-top: 20px;margin-bottom: 30px;}
.service-content .service-type{width: 100%;font-size: 18px;padding-bottom: 40px;}
.service-content .service-type a{color: #595959;}
.service-content .service-type li{float: left;width: 240px;height: 210px;background-color: #FFFFFF;margin-right: 20px;position: relative;}
.service-content .service-type li:last-child{margin-right:0 ;}
.service-content .service-type li:hover{box-shadow: 0px 0px 6px #d2d1d0;}
.service-content .service-type li a{text-align: center;position: absolute;top: 0;left: 0; right: 0; bottom: 0; margin: auto;}
.service-content .service-type .service-last{margin: 0;float: right;}
.service-content .service-type li span{display: block;background-size:100% !important;}
.service-content .service-logo{width: 70px;height: 70px;margin: 0 auto;margin-top: 50px;margin-bottom: 20px;}
.service-content .service-type li .service-logo .logo-a{display: none;}
.service-content .service-type li.act .service-logo .logo-b{display: none;}
.service-content .service-type li.act .service-logo .logo-a{display: block;}
.service-content .service-tab{text-align: left;background: #FFFFFF;padding-bottom: 90px;position: relative;}
/*.service-content .service-tab:before{border: solid transparent;content: '';height: 0;left: 48%;position: absolute;width: 0;border-width: 19px;border-bottom-color: #FFFFFF;top: -38px;}*/
.service-content .service-tab>ul>li{display: none;position: relative;}
.service-content .service-tab>ul>li.act1{display: block;}
.service-content .service-tab>ul>li h3{font-size: 24px;color: #595959;padding:55px 0px 20px 50px;font-weight: 400;}
.service-content .service-tab>ul>li>ul{padding: 0 70px;}
.service-content .service-tab>ul>li p{width: 100%;color: #737373;font-size: 14px;line-height: 35px;display: inline-block;padding-left: 15px;position: relative;}
.service-content .service-tab>ul>li p:after{content: '';width: 5px;height: 5px;border-radius: 50%;background: #808080;position: absolute;top: 16px;left: 2px;}
.service-content .service-tab>ul>li>>ul>li p:after{content: '';width: 5px;height: 5px;border-radius: 50%;background: #808080;position: absolute;top: 16px;left: 2px;}
.service-content .service-tab>ul>li:nth-child(4)>ul>li>ul{margin-left: 12px;}
.service-content .service-tab>ul>li:nth-child(4)>ul>li>p:nth-child(1):after,
.service-content .service-tab>ul>li:nth-child(4)>ul>li>p:nth-child(2):after{width: 0;}
.service-content .service-tab>ul>li:nth-child(4)>ul>li>p:nth-last-child(3):after,
.service-content .service-tab>ul>li:nth-child(4)>ul>li>p:nth-last-child(2):after,
.service-content .service-tab>ul>li:nth-child(4)>ul>li>p:nth-last-child(1):after{width: 0;}
.service-content .service-tab>ul>li p a{color: #737373;}
.service-content .service-tab>ul>li p a:hover{color: #1f2b61;}
.service-content .service-tab>ul>li .point{width: 5px;height: 5px;display: inline-block;border-radius: 50%;background: #808080;position: absolute;top: 16px;left: 2px;}



.section2{width: 1280px;margin: 0 auto;padding-top: 20px;}
.section2 .wor{ }
.section2 .section2-left{width: 640px;float: left;}
.section2 .section2-left.left-act{width: 100% !important;text-align: center;}
.section2 .section2-left h4{font-size: 34px;color: #333333;font-weight: 300;margin-top: 22px;}
.section2 .section2-left.left-act .wx{ text-align: left}
.section2 .section2-left span{width: 68px;height: 1px;display: inline-block;background: #1f2b61;margin-top: 20px;margin-bottom: 20px;}
.section2 .section2-left p{font-size: 14px;color: #737373;line-height: 25px;text-align: left;}
.section2 .section2-right{width: 595px;float: right;}
.section2-right a{width: 100%;height: 100%;display: block;background: rgba(0,0,0,0.5);position: relative;top: 0;left: 0;cursor: pointer;}
.section2-right a img{display: block;}
.section2-right a img:nth-child(2){width: 80px;height: 80px;position: absolute;top: 50%;left: 50%;margin-left: -40px;margin-top: -40px;opacity: 0.8;}
.section2-right a img:nth-child(2):hover{opacity: 1;}


.section3{width: 1280px;margin: 0 auto;}
.section3 .section3-title{margin: 0 auto;text-align: center;}
.section3 .section3-title h4{font-size: 34px;color: #333333;font-weight: 300;margin-top: 50px;}
.section3 .section3-title span{width: 20px;height: 1px;display: inline-block;background: #deb14d;margin-top: 20px;margin-bottom: 35px;}
.section3 ul{overflow: hidden;}
.section3 ul li{width: 413px;float: left;margin-right: 20px;}
.section3 ul li:nth-child(3n){margin-right: 0;}
.section3 ul li .store-img{width: 413px;max-height: 282px;position: relative;overflow: hidden;}
.section3 ul li .store-img img{display: block;transition: all 1s;}
.section3 ul li .store-img p{width: 100%;height: 60px;background: rgba(0,0,0,0.2);font-size: 20px;color: #FFFFFF;text-align: center;line-height: 60px;position: absolute;left: 0;bottom: -60px;transition: all .5s;}
.section3 ul li .store-img img:hover{transform: scale(1.06);}
.section3 ul li .store-img:hover p{bottom: 0;}
.section3 .store-title h4{font-size: 26px;color: #666666;font-weight: 300;margin-top: 30px;margin-bottom: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.section3 ul li:hover h4{color:#1f2b61}
.section3 .store-title span{width: 55px;height: 1px;display: inline-block;background: #deb14d;margin-bottom: 20px;}
.section3 .stor-description{color: #999999;font-size: 14px;height: 44px;line-height: 25px;margin-bottom: 30px;display: -webkit-box;-webkit-box-orient:vertical ;-webkit-line-clamp: 2;overflow: hidden;}
.section3 #showMore a{width: 240px;height: 40px;margin: 0 auto;display: block;text-align: center;line-height: 40px;color: #d5a545;border: 1px #d5a545 solid;margin-top: 30px;margin-bottom: 110px;}
.section3 #showMore a:hover{background: #e8bf56;color: #FFFFFF;cursor: pointer;border: none;border: 1px #d5a545 solid;}



.cantainer .section1{
	width: 100%;
	background: #f9f9f9;
	padding: 42px 0;
}
.cantainer .section1 .section1-content{
	width: 1280px;
	margin: 0 auto;

}
.cantainer .section1{width: 100%;background: #f9f9f9;padding: 42px 0;}
.cantainer .section1 .section1-content{width: 1280px;margin: 0 auto;}
.section1 .section1-content .left{width: 310px;float: left;}
.section1 .section1-content .right{width: 950px;padding-left: 35px;float: right;position: relative;}
.section1 .section1-content .right h4{font-size: 34px;color: #333333;font-weight: 300;margin-top: 15px;margin-bottom: 25px;}
.section1 .section1-content .right>span{display: block;width: 70px;height: 2px;background: #ed6d00;margin-bottom: 30px;}
.section1 .section1-content .right p{font-size: 14px;color: #666666;line-height: 24px;height: 70px;overflow: auto;}
.section1 .section1-content .right .share{position: absolute;right: 4px;top: 15px;cursor: pointer;}
.section1-content .right .share ul{float: left;display: none;}
.section1-content .right .share ul li{float: left;margin-right: 3px;}
.section1-content .right .share ul li>a{width: 25px;height: 25px;display: block;}
.section1-content .right .share img{width: 25px;float: right;}


/*联系我们*/
.ConLongBox{ position:relative;}
.ConLongBox .pos{ position:absolute; top:0;left:0;height:1px;width:100%;z-index:99;}
.ConLongBox .pos .contactFont2{float:right; width:500px;padding:30px; height:450px;color:#fff;line-height:25px; font-size:14px; background:rgba(70,89,101,0.9);}


/* 内页留言样式 */
/*.cl:after,.clearfix:after {clear: both; content: "."; display: block; height: 0; overflow: hidden; visibility: hidden; }
.cl,.clearfix { zoom:1;}
.contactFont{overflow:hidden;margin-bottom:30px;}
#dituContent{width:100%;height:450px;}
.feedback{margin-top:50px;margin-bottom:20px;overflow:hidden;}
.feedback .title{text-align:center;font-size:22px;font-weight:600;margin-bottom:25px;color:#333;}
.feedback .title span{background:#fff;padding:0 30px;position:relative;top:-10px;}
.feedback .title::before{content:"";border-bottom:1px solid #e1e1e1;height:12px;vertical-align:top;width:100%;display:block;}
#feedback_form{position:relative;}
#feedback_form label{display:block;float:left;height:32px;line-height:32px;margin-bottom:30px;padding-left:40px;background:url(../Images/contact.png) no-repeat;font-size:14px;}
#feedback_form label.name{background-position:0 -32px;}
#feedback_form label.email{background-position:0 -64px;}
#feedback_form label.city{background-position:0 -96px;}
#feedback_form label.msg_title{background-position:0 -128px;}
#feedback_form label.address{background-position:0 -160px;}
#feedback_form label.message{background-position:0 -192px;margin-bottom:10px;}
#feedback_form input{width:240px;height:30px;line-height:30px;float:left;margin:0 37px 30px 0;padding:0 10px;border:1px solid #dbdbdb;}
#feedback_form input.last{margin-right:0;}
#feedback_form .msg{border-top:1px dotted #ccc;padding:30px 0;}
#feedback_form textarea{height:125px;width:1175px;padding:10px;border:1px solid #dbdbdb;display:block;}
#feedback_form i{font-style:normal;color:#ff1f19;position:absolute;font-size:14px;left: 364px;top:6px;}
#feedback_form .f2{left: 750px;}
#feedback_form .f3{left:auto;right: 57px;}
#feedback_form .f4{left: 363px;top:66px;}
#feedback_form .btns{width:120px;height:40px;margin-right:10px; background:#1f2b61;color:#fff;border:none;font-size:15px;margin-bottom:0;cursor:pointer;}
#feedback_form .btns:hover{background:#333;transition:all 0.3s;}
#feedback_form .reset{background:#ccc;cursor:pointer;margin-bottom:0;}
#feedback_form .tableRow{width:100%;height:32px;}
#feedback_form .tableRow input{width:150px;margin-right:10px;color:#999;float:left;}
#feedback_form .tableRow .checkcode{width:70px;height:30px;margin-left:5px;border:1px solid #ccc;padding:4px 5px;display:block;float:left;background:#fff;}
#feedback_form input:focus,#feedback_form textarea:focus{border-color:#df2128;}*/


/*==底部===*/
.qyfoot{ background:#262626; padding-top:60px; padding-bottom:0px;}
.qyfoot,.qyfoot a{color:#ccc;}
.qyfoot a:hover{color:#fff;}
.qyfootml{font-size:12px;}
.qyfootml,.qyfootml a{color:#808080;}
.qyfootmlp2p{ margin-top:10px; padding-left:22px; }
.qyfootmlp2p1{ background:url(../img/add.png) -2px 2px no-repeat;background-size:16px auto;}
.qyfootmlp2p2{ background:url(../img/tel.png) 0 2px no-repeat;background-size:13px auto;}
.qyfootmlcode{width:120px; display:inline-block; text-align:center;}
.qyfootmlcode i{ display:block; letter-spacing:0; font-style:normal;}
.qyfootmllogo img{ height:80px;}
.qyfootmllogo{ padding-bottom:5px;}
.qyfootml{float:left;  width:340px;}
.qyfootmr{ padding-left:430px;}
.qyfootmrul{justify-content: space-between;display: flex;}
.qyfootmrul a{ display:block; font-size:12px; margin-top:6px;}
.qyfootmrul h5{ padding-bottom:5px;}
.qyfootmrul h5 a{font-size:14px; margin-top:0;}
.qyfootmrul h5 a{ position:relative; padding-bottom:12px;}
.qyfootmrul h5 a:before{ width:15px;position:absolute; content:'';left:0;bottom:0; height:1px; background:#ccc;}
.qyfootmrpt{ margin-top:40px; padding-top:35px; border-top:1px solid #d2a142;}
.qyfootmrpt span,.qyfootmrpt a,.qyfootmrpt em{ font-size:12px; font-style:normal;}
.qyfootmrpt em{ padding:0 15px;}
.qyfootmrpt span{ padding-right:15px;}


/*==响应==*/


@media screen and (min-width:300px) and (max-width:1700px) {
.header{margin:auto}
.header .nav li a.navAone{font-size:16px; padding:10px 12px;}
.HomeContent ul{width:1550px;}
}




@media (min-width:1700px){
.header{width:100%;}
.header .nav li a.navAone{font-size:16px; padding:10px 6px;}
.HomeContent ul{width:100%;}

}


@media (min-width:1920px){
.header{width:100%;}
.header .nav li a.navAone{font-size:16px; padding:10px 16px;}
.HomeContent ul{width:100%;}
}


@media (max-width:1700px){
  .header .tel,.header .search{
    width: 80px;
  }
}

@media (max-width:1440px){
  .header .logo{
    width: 20%;
  }
}