@charset "utf-8";
/* CSS Document */
/*整体css*/
/*Index css*/
.Toplogo{height:139px; background: url(../images/topbg.png) top center no-repeat; width: 100%; position: fixed; z-index: 999; top:0; left:0;}
.Toplogo .logo{position: absolute;top:0; left:50%; margin-left:-100px; height: 284px; width: 200px;z-index: 2;}
.Toplogo .topicobar{height:85px; overflow: hidden;padding-top:25px; box-sizing: border-box;}
.Toplogo .topicobar img{margin-right:10px;}
.Toplogo .telbar{font-family:"STXINWEI"; font-style: italic;line-height: 18px;padding-right: 5px;}
.Toplogo .telbar h2{ font-size: 16px; font-weight: normal;}
.Toplogo .telbar h3{ font-size: 18px; font-weight: normal;}

.Menu{height: 52px line-height:52px;font-family:"STXINWEI";font-size:22px; overflow: hidden;}
.Menu li{line-height:52px; padding:0 25px;border-top:1px solid #f6f6f6;  display:inline-block;}
.Menu li:nth-child(5){margin-left:20%;}
.Menu li a{ display: block; line-height: 52px;transition: all .5s;}
.Menu li a:hover{line-height:40px;}

/* banner */
.slideBox{ width:100%; height:920px; overflow:hidden; position:relative;margin-top:135px;z-index: 3;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle;height:920px; width: 100%; position: relative;}
.slideBox .bd li .bannerfont{position: absolute;right:13%;top:30%;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
.slideBox_phone{ display:none;}
.slideBox_pad{  display:none;}

.picScroll-left{ width:100%;position:relative;}
.picScroll-left .hd{ width:100%; z-index:1;margin-top:70px;height:30px; line-height:30px; text-align:center;}
.picScroll-left .hd ul{ text-align:center;}
.picScroll-left .hd ul li{cursor:pointer; display:inline-block; *display:inline; zoom:1; width:13px;border-radius:10px; height: 10px;margin:3px; background:#fff; overflow:hidden; line-height:9999px; border:3px solid #b39b5d; box-sizing: border-box;}
.picScroll-left .hd ul li.on{width:30px;border-radius:10px; height: 10px;background:#b39b5d;}
.picScroll-left .bd{margin-top:60px;}
.picScroll-left .bd ul{zoom:1;height: 475px;}
.picScroll-left .bd ul li{ margin:0 40px; height: 434px;width:400px; text-align: center; transition: all 0.5s; position: relative;}

.picScroll-left .bd ul li .propic{height: 300px; width: 400px; overflow: hidden; position: relative;z-index:3;}
.picScroll-left .bd ul li .propic img{height: 300px; width: 400px;transform: scale(1, 1);transition: all 1.2s;}
.picScroll-left .bd ul li:hover .propic img{transform: scale(1.1, 1.1);transition: all 1.2s;}

.picScroll-left .bd ul li .propic .picinfo{ opacity:0;height:250px; width: 350px; background:rgba(0,0,0,.9);padding:15px; transition: all 0.5s; position: absolute;z-index:4;left:10px; top:10px;}
.picScroll-left .bd ul li .propic .picinfo p{ display:block;padding:37px; font-size:16px; color:#fff;line-height: 24px;border:1px solid #ddd; }
.picScroll-left .bd ul li:hover .propic .picinfo{opacity:1;}
.picScroll-left .bd ul li a .propic .picinfo{color:#fff;}

.picScroll-left .bd ul li .protitle{ position:absolute; left:0; bottom:0;width:400px; height:124px;box-sizing: border-box;line-height: 124px; text-align: center;font-size:20px; box-shadow: 0 0 10px rgba(0,0,0,.1); background:#fff;transition: all 0.5s;margin:0 auto; border:1px solid #ccc;z-index: 1;}
.picScroll-left .bd ul li:hover .protitle{left:-12px;width:424px; height:254px;box-sizing: border-box;line-height:354px; text-align: center;font-size:20px; box-shadow: 0 0 10px rgba(0,0,0,.1); background:#fff;}

.picScroll-left .bd ul li .prolink{width: 87px; height: 75px; background: url(../images/link_a.png) center center no-repeat; text-align: center; line-height: 60px; color:#fff; position: absolute;z-index:2;bottom:-30px;left:50%; margin-left:-44px;font-size: 16px; transition: all 0.5s;}
.picScroll-left .bd ul li:hover .prolink{background: url(../images/link_ahover.png) center center no-repeat;}

.picScroll-left_1{ display:none;}


.bg1{background-size:cover;padding:135px 0 85px 0;margin-top:-50px; position: relative;z-index: 2; width: 100%;position: relative;}
.bg1 .left_m{ position: absolute;left:100px; top:30%;}
.bg2{background-size: cover;padding:90px 0;}
.bg3{background-size: cover;padding:100px 0;}


.title1{position:relative;width: 100%; text-align: center;margin-bottom:45px;}
.title1:before{ content:''; height: 1px; width:35%; margin-top:33px;float: left; background: #f1f1f1;}
.title1:after{ content:''; height: 1px; width:35%; margin-top:33px;float: right; background: #f1f1f1;}
.about_con{ font-size: 16px;color:#666;line-height: 30px; text-align: center;}

.videobg{width:100%; margin-top:60px; background: url(../images/news_video_bg.png) top center no-repeat;overflow: hidden;}
.videocon{ width:1440px; margin:50px auto 0 auto;height:440px; background:url(../images/videocon_bg.png) top center no-repeat;}

.videobox{width:640px;}
.Hotnewsbox{ box-sizing:border-box;width:640px;padding:65px 55px;color:#fff;}
.Hotnewsbox h2{font-size:22px;line-height:30px;margin-bottom: 10px;}
.Hotnewsbox h3{font-size:12px;line-height: 20px;margin-bottom:20px;}
.Hotnewsbox p{line-height:24px;}
.Hotnewsbox a{color:#ac794c; display: block;height: 75px; width: 87px; background: url(../images/linkwhite.png);line-height:60px; text-align: center;margin-top: 30px;margin-left:-15px; transition: all 0.5s;}
.Hotnewsbox a:hover{margin-left:0;}

.index_news{ text-align: center;}
.index_news li{height:286px; width:398px;position: relative; text-align: left; display: inline-block;margin:40px 10px 0 10px; cursor: pointer;}
.index_news li h1{font-size:20px;line-height: 24px;margin-bottom:10px;}
.index_news li h2{font-size:12px;line-height: 20px;margin-bottom:20px;}
.index_news li p{line-height:24px;}
.index_news li .link_news{color:#ac794c; display: block;height: 75px; width: 87px; background: url(../images/news_link.png);line-height:60px; text-align: center;margin-top: 35px;margin-left:-15px; transition: all 0.5s;}
.index_news li .link_news:hover,.index_news li:hover .link_news{margin-left:0;}
.index_news li .linediv{height: 3px;width:0px;animation:ease-in-out;background: #ac794c;transition:width 1.2s; position: absolute;left:0; bottom: 0;}
.index_news li:hover .linediv{height: 3px;width:398px; }
.index_news li:nth-child(1){margin-left: 0;}
.index_news li:nth-child(3){margin-right: 0;}

.about_con{font-size: 16px;line-height: 24px;color:#999;}
.about_con p{width:850px; margin:0 auto;}
.about_con h1{font-size: 24px; color: #b6a199;margin-bottom:20px;}

.advan{ width: 100%; text-align: center;margin-top:50px;}
.advan li{margin: 0 20px; display: inline-block;height:417px; width: 237px; cursor: pointer;position: relative; box-shadow: 0 0 10px rgba(0,0,0,.1);background: #fff; text-align: center;}
.advan li .num{margin:0 auto 25px auto;transition: margin-bottom 0.5s; display: block;}
.advan li .circle_img{margin:0 auto 110px auto;width: 110px; border-radius: 50%;transition: margin-bottom 0.5s;display: block;}
.advan li .adfont{margin:0 auto 37px auto;;transition: margin-bottom 0.5s;display: block;}

.advan li:hover .num{margin:0 auto 25px auto;}
.advan li:hover .circle_img{height: 110px; width: 110px; border-radius: 50%;margin:0 auto 45px auto;}
.advan li:hover .adfont{}

.advan li .front{height:417px; width: 237px;padding:50px 45px; box-sizing: border-box;transform: rotateX(0deg) rotateY(0deg);transform-style: preserve-3d;backface-visibility: hidden;transition: all .4s ease-in-out;background: #fff;}
.advan li:hover .front{ transform:rotateY(180deg);}

.advan li .back{height:417px; width: 237px;padding:50px 45px; box-sizing: border-box;position:absolute;top:0;left:0;transform: rotateY(-180deg);transform-style: preserve-3d;backface-visibility: hidden;transition: all .4s ease-in-out; background: #ece8dd;}
.advan li:hover .back{transform:rotateX(0deg) rotateY(0deg);position: absolute;z-index: 4;}


.endcon{background: url(../images/endbg.png) top center; background-size:cover;width: 100%; height: 394px; position: relative;z-index: 4;margin-top:-30px;padding-top:115px; box-sizing: border-box;}
.endcon .endlogo{font-size: 16px;}
.endcon .endlogo img{margin-left:-25px;}
.endcon .endlogo h2{ font-size: 14px;margin-bottom:35px;margin-top:10px;}

.endcon .endright{text-align:right;}
.endcon .endright li{line-height: 48px;}
.endcon .endright li a{padding:0 15px;}


/*内页开始*//*内页开始*//*内页开始*//*内页开始*//*内页开始*//*内页开始*//*内页开始*/
/*内页banner*/
.sec_banner{height:500px;margin-top:135px;}

/*页码*/
.page{ width:100%;color:#666; font-size:14px; line-height:30px; color:#333; text-align:center;margin:50px 0;}
.page a { font-size:12px; border-radius: 4px; background:#ac794c;color:#FFF;text-decoration: none; padding:8px 15px;margin:0 15px;}
.page a:hover {color:#FFF;}
.page span{background:#ccc;color:#fff;border-radius: 4px;padding:8px 15px;margin:0 15px;}

/*内页*/
.ny_conbox{ text-indent: 30px; font-size: 16px;line-height: 36px;padding:30px 0;transition: all 0.5s;}
.ny_conbox img{ max-width: 100%; margin:10px auto;display: block;}

/*position*/
.positionline{ height: 55px; line-height:55px;background: #f7f7f7; overflow: hidden; font-size: 14px;color: #666;}
.positionline .position{ float: left;}
.positionline .position font{font-size: 12px;}
.positionline .position img{ vertical-align: middle;margin-right: 8px;}

.positionline .posi_menu{ float: right; text-align: center; font-size: 15px;}
.positionline .posi_menu a{padding:0 20px; display: inline-block; background: #f7f7f7; transition: all 0.5s;}
.positionline .posi_menu a:hover{background: #0c54a0;color:#fff;font-weight: 800;}

/*关于我们*/

.conter_list{background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.3);height:170px;margin:-85px auto 0 auto; position: relative;z-index: 5;width: 1440px;padding:40px 50px 0 50px; box-sizing: border-box;}
.conter_list li{width:215px;padding:0 25px;color:#333; text-align:left; float:left; overflow:hidden;border-right:1px solid #ebebeb;height:88px; text-align: center;}
.conter_list li:nth-child(5){ border-right:none;}
.conter_list .count{ width:100%; overflow:hidden;font-size:18px;line-height:40px;}
.conter_list .count h2{ display:inline-block;font-size:48px; font-weight:800;line-height:60px;color:#ac794c;padding-right:10px;}
.conter_list span{ display:block;font-size:18px;line-height:30px;}

.aboutcon_sec{ padding:60px 0;line-height: 36px; box-sizing: border-box;}

.title_sec{text-align: center;padding:30px 0; font-family:'STXINWEI' ;}
.title_sec h1{font-size:36px;color: #333;line-height:36px; font-weight: normal;}
.title_sec .sec_line{height:2px; width: 15px; background: #ac794c;margin:15px auto 10px auto;}
.title_sec h3{color:#6b6b6b;font-size: 16px; font-weight: normal; text-transform: uppercase;}

.about_honor{ overflow: hidden;margin: 20px auto 70px auto; width: 1440px;}
.about_honor li{ width:705px; height: 465px; float: left;}
.about_honor li:nth-child(odd){transition: all 1s; background: url(../images/honor_about.jpg) center; position: relative; background-size: 100%;}
.about_honor li:nth-child(odd):hover{background-size: 110%;}
.about_honor li:nth-child(odd) h2{font-size:20px; font-weight:normal;position: absolute;left:40px; bottom: 45px;color:#fff;}
.about_honor li:nth-child(odd) a h2{color: #fff;}
.about_honor li:nth-child(even){height: 465px; width: 705px; float: right; overflow: hidden;}
.about_honor li .righthonor1{background: url(../images/honor_about2.jpg) center;transition: all 1s; height:224px; width: 625px;margin-bottom:17px;position: relative;background-size: 100%;}
.about_honor li .righthonor1 h2{font-size:20px; font-weight:normal;position: absolute;left:40px; bottom: 45px;color:#fff;}
.about_honor li .righthonor1:hover{background-size: 110%;}

.about_honor li .righthonor2{background: url(../images/honor_about3.jpg) center;transition: all 1s; height:224px; width: 625px;margin-bottom:17px;position: relative;background-size: 100%;}
.about_honor li .righthonor2 h2{font-size:20px; font-weight:normal;position: absolute;left:40px; bottom: 45px;color:#fff;}
.about_honor li .righthonor2:hover{background-size: 110%;}


.prositionline{height: 50px; line-height: 50px;background: #f7f7f7;color:#a8a8a8; font-size: 14px;}
.prositionline a{color:#a8a8a8}

.cont-news .news-hot{ text-align: center;}
.cont-news .news-hot div{ display:inline-block;margin:30px 30px 0 30px;width:570px;height: 320px;overflow: hidden}
.cont-news .news-hot div a{display: block;height: 100%;background: url("../images/works.jpg") no-repeat center center;background-size: cover;position: relative}
.cont-news .news-hot div a p{line-height: 50px;position: absolute;bottom:0;left:0;width:100%;box-sizing: border-box;padding:0 15px;background: rgba(0,0,0,.5);transition: .3s;}
.cont-news .news-hot div a i{float: left;font-size: 14px;color: #fff;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width:90%;display: block; font-style: normal; text-align: left;}
.cont-news .news-hot div a span{float: right;font-size: 14px;color: #fff;}
.cont-news .news-hot div a:hover p{background: rgba(0,0,0,.8);}

.cont-news .news-list{margin:30px auto 50px auto;}
.cont-news .news-list li{padding:40px 60px 40px 18px;box-sizing: border-box;float: left;width:50%;border-right: 1px solid #edecec;border-bottom: 1px solid #edecec; }
.cont-news .news-list li:nth-child(even){border-right: none;}
.cont-news .news-list li a{display: block;}
.cont-news .news-list .news-list-date{float: left;width: 45px;text-align: center;margin-right: 20px;}
.cont-news .news-list .news-list-date h2{font-weight: normal;font-size: 26px;color: #949494;padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px solid #949494}
.cont-news .news-list .news-list-date p{font-size: 15px;color: #959595}
.cont-news .news-list .news-list-info{}
.cont-news .news-list .news-list-info h3{font-weight: normal;font-size: 18px;color: #4f4f4f;margin-bottom: 20px;margin-top: 5px;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;box-sizing: border-box;transition: .5s;position: relative}
.cont-news .news-list .news-list-info p{font-size: 14px;color: #a6a6a6;line-height: 17px;height: 32px;overflow: hidden}
.cont-news .news-list .news-list-info h3:after{content: "";display: block;height: 3px;width:0;position:absolute;left:0;top:50%;margin-top: -1px;background: #ac794c;transition: .5s;}
.cont-news .news-list li a:hover .news-list-info h3{color:#ac794c;padding-left: 65px;}
.cont-news .news-list li a:hover .news-list-info h3:after{width:47px;}
.cont-news .news-list li a:hover .news-list-info p{color: #ac794c}


/*产品中心*/
.prolist{ overflow: hidden; width: 1100px; margin: 60px auto;}
.prolist li{padding:60px 0; overflow: hidden; border-bottom: 1px solid #eee;}
.prolist li img{height: 280px; width: 400px;display:block; transform: scale(1, 1);-webkit-transform: scale(1, 1);-o-transform: scale(1, 1);transition: all 1.2s;-webkit-transition: all 1.2s;-o-transition: all 1.2s;}
.prolist li:hover img{transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);transition: all 1.2s;-webkit-transition: all 1.2s;-o-transition: all 1.2s;}
.prolist li .proinfo{width: 650px; position: relative;height: 280px;}
.prolist li .proinfo h1{font-size: 24px;padding-bottom:25px;}
.prolist li .proinfo p{font-size: 16px;height: 140px;}
.prolist li .proinfo .prolik{ position: absolute;left:0;bottom: 0; border-radius:40px; border:1px solid #ac794c; text-align: center;font-size: 16px;height: 40px;line-height: 40px; display: block;width:160px;transition: all 1s;font-size: 15px;}
.prolist li:hover .proinfo .prolik{ background: #ac794c;color:#fff;padding:0 15px;}


.prolist li:nth-child(even) img{ float: right;}
.prolist li:nth-child(even) .proinfo{ float: left;}

.prolist li:nth-child(odd) img{ float: left;}
.prolist li:nth-child(odd) .proinfo{ float: right;}


/*资质荣誉*/
.nyphotolist{margin:50px auto;}
.nyphotolist li{float: left;width:32%;margin-right: 2%;margin-bottom: 50px;padding:0 20px;box-sizing: border-box}
.nyphotolist li:nth-child(3n){margin-right: 0}
.nyphotolist li a{display: block}
.nyphotolist li .nyphotolist-pic{overflow: hidden;}
.nyphotolist li .nyphotolist-pic div{transition: .3s;height: 260px;background: url("../images/navs.jpg") no-repeat center;background-size: cover}
.nyphotolist li a:hover .nyphotolist-pic div{transform: scale(1.1)}
.nyphotolist li .nyphotolist-info{text-align: center;margin-top: 10px;padding:35px 20px;box-sizing: border-box;position: relative;box-shadow: 0 0 5px rgba(0,0,0,.3);transition: .3s;background: #fff}
.nyphotolist li .nyphotolist-info:before{content:"";display: block;position: absolute;bottom:0;left: 0;width:14px;height: 14px;border-color:transparent transparent #ac794c #ac794c;border-width:0 0 4px 4px;border-style:solid;transition: .3s}
.nyphotolist li .nyphotolist-info:after{content:"";display: block;position: absolute;bottom:0;right: 0;width:14px;height: 14px;border-color:transparent #ac794c #ac794c transparent;border-width:0 4px 4px 0;border-style:solid;transition: .3s}
.nyphotolist li .nyphotolist-info p{font-size: 16px;color: #333333;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: .3s;}
.nyphotolist li a:hover .nyphotolist-info{background:#ac794c;background-size: cover}
.nyphotolist li a:hover .nyphotolist-info:before{border-color:transparent transparent rgba(255,255,255,.5) rgba(255,255,255,.5);}
.nyphotolist li a:hover .nyphotolist-info:after{border-color:transparent rgba(255,255,255,.5) rgba(255,255,255,.5) transparent;}
.nyphotolist li a:hover .nyphotolist-info p{color: #fff;}


/*详情页面*/
.secdeails{padding:60px 90px 0px 90px;height:auto;border-bottom:1px dotted #dedede;margin-bottom:20px;}
.secdeails p{font-size:18px;text-align: center;color:#333333;line-height:30px; display:block;padding:15px;}
.secdeails span{height:30px;line-height:30px;font-size:12px; color:#666;text-align:center; display: block;margin-bottom:10px;}
.secdeails span font{font-size:12px;color:#ac794c;}

.size{text-align: center;overflow: hidden;font-size: 12px;}
.size a{background: #eee; height:30px;padding:0 10px; line-height:30px;margin-left: 5px; display: inline-block;}
.size .on {background: #ac794c;color: #fff;}

.article-content{padding:30px 50px; line-height: 2; text-indent: 30px;}
.article-content img{max-width: 1000px;width: auto;margin:10px auto; display: block;}
.article-content.large{ font-size: 22px!important; line-height: 40px; }
.article-content.normal{ font-size: 16px!important; }
.article-content.small{ font-size: 14px!important; }

.page_down{ border-top:1px solid #dedede;padding:10px 0; overflow: hidden;padding:0 10%; text-align: center;}
.page_down .downbut{width:400px;padding:10px;height:30px; line-height:30px; overflow: hidden; font-size: 14px;color:#666; display: inline-block;background: #f9f9f9;margin:30px;}
.page_down .downbut:hover{background:#ac794c;color:#fff;}


.head_phone{ display: none;}
.slideBox_pad{ display: none;}
.slideBox_phone{ display: none}


/*媒体查询*//*媒体查询*//*媒体查询*//*媒体查询*//*媒体查询*//*媒体查询*//*媒体查询*//*媒体查询*//*媒体查询*//*媒体查询*//*媒体查询*//*媒体查询*//*媒体查询*//*媒体查询*//*媒体查询*/
@media screen and (min-width:768px) and (max-width:1280px) {	

.head_phone{ display: block; height:80px;}

.Toplogo{height:80px; background: url(../images/topbg.png) top center no-repeat; width: 100%; position: fixed; z-index: 999; top:0; left:0;}
.Toplogo .logo{ display:none; }
.Toplogo .topicobar{display:none;}
.Toplogo .telbar{display:none;}

.Menu{ display:none}

/* banner */
.slideBox{ display:none;}
.slideBox_phone{ display:none;}
.slideBox_pad{ display:block; width:100%; height:450px; overflow:hidden; position:relative;margin-top:80px;z-index: 3;}
.slideBox_pad .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox_pad .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox_pad .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox_pad .hd ul li.on{ background:#f00; color:#fff; }
.slideBox_pad .bd{ position:relative; height:100%; z-index:0;   }
.slideBox_pad .bd li{ zoom:1; vertical-align:middle;height:450px; width: 100%; position: relative;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox_pad .prev,
.slideBox_pad .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox_pad .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox_pad .prev:hover,
.slideBox_pad .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox_pad .prevStop{ display:none;  }
.slideBox_pad .nextStop{ display:none;  }


.picScroll-left{ width:100%;position:relative;}
.picScroll-left .hd{ width:100%; z-index:1;margin-top:0px;height:30px; line-height:30px; text-align:center;}
.picScroll-left .hd ul{ text-align:center;}
.picScroll-left .hd ul li{cursor:pointer; display:inline-block; *display:inline; zoom:1; width:13px;border-radius:10px; height: 10px;margin:3px; background:#fff; overflow:hidden; line-height:9999px; border:3px solid #b39b5d; box-sizing: border-box;}
.picScroll-left .hd ul li.on{width:30px;border-radius:10px; height: 10px;background:#b39b5d;}
.picScroll-left .bd{margin-top:60px; width:100%;}
.picScroll-left .bd ul{zoom:1;height: 350px; }
.picScroll-left .bd ul li{ margin:0 0.5%; height:350px;width:32%; text-align: center; transition: all 0.5s; position: relative;}

.picScroll-left .bd ul li .propic{height: 240px; width: 100%; overflow: hidden; position: relative;z-index:3;}
.picScroll-left .bd ul li .propic img{height: 240px; width: 100%;transform: scale(1, 1);transition: all 1.2s;}

.picScroll-left .bd ul li .propic .picinfo{ display:none; }

.picScroll-left .bd ul li .protitle{ position:absolute; left:0; bottom:30px;width:100%; height:80px;box-sizing: border-box;line-height: 80px; text-align: center;font-size:20px; box-shadow: 0 0 10px rgba(0,0,0,.1); background:#fff;transition: all 0.5s;margin:0 auto; border:1px solid #ccc;z-index: 1;}

.picScroll-left .bd ul li .prolink{ display:none;}

.picScroll-left_1{ display:none;}


.bg1{background-size:cover;padding:135px 0 35px 0;margin-top:-50px; position: relative;z-index: 2; width: 100%;position: relative;}
.bg2{background-size: cover;padding:50px 0;}
.bg3{background-size: cover;padding:50px 0;}


.title1{position:relative;width: 100%; text-align: center;margin-bottom:45px;}
.title1 img{ width:360px;}
.title1:before{ content:''; height: 1px; width:25%; margin-top:33px;float: left; background: #f1f1f1;}
.title1:after{ content:''; height: 1px; width:25%; margin-top:33px;float: right; background: #f1f1f1;}

.about_con{ font-size: 16px;color:#666;line-height: 30px; text-align: center;width:80%; margin:0 auto;}

.videobg{width:100%; margin-top:60px; background: url(../images/news_video_bg.png) top center no-repeat;overflow: hidden;}
.videocon{ width:90%; margin:0 auto;height:auto; background:none;}

.videobox{width:100%;margin:0 auto; text-align:center;}
.Hotnewsbox{ box-sizing:border-box;width:100%;padding:50px;color:#fff; background:#ac794c;}
.Hotnewsbox h2{font-size:22px;line-height:30px;margin-bottom: 10px;}
.Hotnewsbox h3{font-size:12px;line-height: 20px;margin-bottom:20px;}
.Hotnewsbox p{line-height:24px;}
.Hotnewsbox a{color:#ac794c; display: block;height: 75px; width: 87px; background: url(../images/linkwhite.png);line-height:60px; text-align: center;margin-top: 30px;margin-left:-15px; transition: all 0.5s;}
.Hotnewsbox a:hover{margin-left:0;}

.index_news{ text-align: center;margin-top:50px;}
.index_news li{height:auto; width:88%;position: relative; text-align: left; display: block;margin:30px auto; cursor: pointer;padding:20px 0;}
.index_news li h1{font-size:20px;line-height: 24px;margin-bottom:10px;}
.index_news li h2{font-size:12px;line-height: 20px;margin-bottom:20px;}
.index_news li p{line-height:24px;}
.index_news li .link_news{color:#ac794c; display: block;height: 75px; width: 87px; background: url(../images/news_link.png);line-height:60px; text-align: center;margin-top: 35px;margin-left:-15px; transition: all 0.5s;}
.index_news li .linediv{height: 1px;width:100%;animation:ease-in-out;background: #f1f1f1;transition:width 1.2s; position: absolute;left:0; bottom: 0;}
.index_news li:nth-child(1){margin-left:auto;}
.index_news li:nth-child(3){margin-right:auto;}

.about_con{ font-size: 16px;color:#666;line-height: 30px; text-align: center;width:80%; margin:0 auto;}
.about_con p{width:100%; margin:0 auto;}
.about_con h1{font-size: 24px; color: #b6a199;margin-bottom:20px;}

.advan{ width: 100%; text-align: center;margin-top:50px;}
.advan li{margin: 0 1%; display: inline-block;height:417px; width: 22%; cursor: pointer;position: relative; box-shadow: 0 0 10px rgba(0,0,0,.1);background: #fff; text-align: center;}
.advan li .num{margin:0 auto 25px auto;transition: margin-bottom 0.5s; display: block;}
.advan li .circle_img{margin:0 auto 110px auto;width: 80px; border-radius: 50%;transition: margin-bottom 0.5s;display: block;}
.advan li .adfont{margin:0 auto 37px auto;display: block;max-width:100%;}

.advan li:hover .num{margin:0 auto 25px auto;}
.advan li:hover .circle_img{height:80px; width: 80px; border-radius: 50%;margin:0 auto 45px auto;}

.advan li .front{height:auto; width: 100%;padding:50px 10px; box-sizing: border-box;transform: rotateX(0deg) rotateY(0deg);transform-style: preserve-3d;backface-visibility: hidden;transition: all .4s ease-in-out;background: #fff;}
.advan li:hover .front{ transform:rotateY(180deg);}

.advan li .back{height:auto; width:100%;padding:50px 10px; box-sizing: border-box;position:absolute;top:0;left:0;transform: rotateY(-180deg);transform-style: preserve-3d;backface-visibility: hidden;transition: all .4s ease-in-out; background: #ece8dd;}
.advan li:hover .back{transform:rotateX(0deg) rotateY(0deg);position: absolute;z-index: 4;}


.endcon{background: url(../images/endbg.png) top center; background-size:cover;width: 100%; height: auto; position: relative;z-index: 4;margin-top:-30px;padding:80px 50px; box-sizing: border-box;}
.endcon .endlogo{font-size: 16px; text-align:center;}
.endcon .endlogo img{margint:0 auto;width:300px;}
.endcon .endlogo h2{ font-size: 14px;margin-bottom:35px;margin-top:10px;}

.endcon .endright{text-align:center;}
.endcon .endright li{line-height: 48px;}
.endcon .endright li a{padding:0 8px;}



/*页码*/
.page{ width:100%;color:#666; font-size:14px; line-height:30px; color:#333; text-align:center;margin:30px 0;}
.page a { font-size:12px; border-radius: 4px; background:#ac794c;color:#FFF;text-decoration: none; padding:8px 15px;margin:0 15px;}
.page a:hover {color:#FFF;}
.page span{background:#ccc;color:#fff;border-radius: 4px;padding:8px 15px;margin:0 15px;}

/*内页banner*/
.sec_banner{height:360px;margin-top:80px; background-size:cover;}

/*内页*/
.ny_conbox{ text-indent: 30px; font-size: 15px;line-height:30px;padding:15px;}
.ny_conbox img{ max-width: 100%; margin:10px auto;display: block;}

/*position*/
.positionline{ height: 55px; line-height:55px;background: #f7f7f7; overflow: hidden; font-size: 14px;color: #666;}
.positionline .position{ float: left;}
.positionline .position font{font-size: 12px;}
.positionline .position img{ vertical-align: middle;margin-right: 8px;}

.positionline .posi_menu{ float: right; text-align: center; font-size: 15px;}
.positionline .posi_menu a{padding:0 20px; display: inline-block; background: #f7f7f7; transition: all 0.5s;}
.positionline .posi_menu a:hover{background: #0c54a0;color:#fff;font-weight: 800;}

/*关于我们*/

.conter_list{background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.3);height:120px;margin:-60px auto 0 auto; position: relative;z-index: 5;width:96%;padding:25px 10px; box-sizing: border-box; text-align: center;}
.conter_list li{width:19%;color:#333; text-align:left; float:none; display: inline-block; overflow:hidden;border-right:1px solid #ebebeb;height:70px; text-align: center;padding: 0;}
.conter_list li:nth-child(5){ border-right:none;}
.conter_list .count{ width:100%; overflow:hidden;font-size:18px;line-height:40px;}
.conter_list .count h2{ display:inline-block;font-size:30px; font-weight:800;line-height:36px;color:#ac794c;padding-right:10px;}
.conter_list span{ display:block;font-size:15px;line-height:30px;}

.aboutcon_sec{background: url(../images/about_con_bg.jpg) center; background-size: cover;transition: all 5s; background-size: 100%;padding:30px 0;}
.aboutcon_sec:hover{background-size: 150%;}

.title_sec{text-align: center;padding:15px 0;}
.title_sec h1{font-size:24px; font-weight: 800;color: #333;line-height: 36px; font-weight: 800;}
.title_sec .sec_line{height:2px; width: 15px; background: #ac794c;margin:15px auto 10px auto;}
.title_sec h3{color:#6b6b6b;font-size: 14px; font-weight: 800; text-transform: uppercase;}

.about_honor{ overflow: hidden;margin:30px auto 30px auto; width:96%;}
.about_honor li{ width:100%; height:224px; float: none;}

.about_honor li:nth-child(odd){transition: all 1s; background: url(../images/honor_about.jpg) center; position: relative; background-size: 100%;margin-bottom:17px;}
.about_honor li:nth-child(odd):hover{background-size: 110%;}
.about_honor li:nth-child(odd) h2{font-size:20px; font-weight:800;position: absolute;left:40px; bottom: 35px;color:#fff;}
.about_honor li:nth-child(odd) a h2{color: #fff;}
.about_honor li:nth-child(even){height: auto; width: 100%; float: none; overflow: hidden;margin-bottom:0;}

.about_honor li .righthonor1{background: url(../images/honor_about2.jpg) center;transition: all 1s; height:124px; width: 49%;position: relative;background-size: cover; float: left;margin-bottom: 0;}
.about_honor li .righthonor1 h2{font-size:20px; font-weight:800;position: absolute;left:40px; bottom: 35px;color:#fff;}

.about_honor li .righthonor2{background: url(../images/honor_about3.jpg) center;transition: all 1s; height:124px; width: 49%;position: relative;background-size:cover; float: right;margin-bottom: 0;}
.about_honor li .righthonor2 h2{font-size:20px; font-weight:800;position: absolute;left:40px; bottom: 35px;color:#fff;}

/*新闻*/

.prositionline{ display: none;}

.cont-news .news-hot{ text-align: center;}
.cont-news .news-hot div{ display:inline-block;margin:20px 1% 0 1%;width:47%;height:240px;overflow: hidden}
.cont-news .news-hot div a{display: block;height: 100%;background-size: cover;position: relative}
.cont-news .news-hot div a p{line-height: 50px;position: absolute;bottom:0;left:0;width:100%;box-sizing: border-box;padding:0 15px;background: rgba(0,0,0,.5);transition: .3s;}
.cont-news .news-hot div a i{float: left;font-size: 14px;color: #fff;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width:90%;display: block; font-style: normal; text-align: left;}
.cont-news .news-hot div a span{float: right;font-size: 14px;color: #fff;}
.cont-news .news-hot div a:hover p{background: rgba(0,0,0,.8);}

.cont-news .news-list{margin:15px auto;}
.cont-news .news-list li{padding:20px 15px;box-sizing: border-box;float: left;width:50%;border-right: 1px solid #edecec;border-bottom: 1px solid #edecec; }
.cont-news .news-list li:nth-child(even){border-right: none;}
.cont-news .news-list li a{display: block;}
.cont-news .news-list .news-list-date{float: left;width: 45px;text-align: center;margin-right: 20px;}
.cont-news .news-list .news-list-date h2{font-weight: normal;font-size: 26px;color: #949494;padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px solid #949494}
.cont-news .news-list .news-list-date p{font-size: 15px;color: #959595}
.cont-news .news-list .news-list-info{}
.cont-news .news-list .news-list-info h3{font-weight: normal;font-size: 18px;color: #4f4f4f;margin-bottom: 20px;margin-top: 5px;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;box-sizing: border-box;transition: .5s;position: relative}
.cont-news .news-list .news-list-info p{font-size: 14px;color: #a6a6a6;line-height: 17px;height: 32px;overflow: hidden}
.cont-news .news-list .news-list-info h3:after{content: "";display: block;height: 3px;width:0;position:absolute;left:0;top:50%;margin-top: -1px;background: #ac794c;transition: .5s;}


/*产品中心*/
.prolist{ overflow: visible; width:94%; margin:30px auto;}
.prolist li{padding:30px; overflow: hidden; border-bottom: 1px solid #eee;margin-bottom:15px; box-shadow: 0 0 10px rgba(0,0,0,.1);}
.prolist li img{height: auto; width:40%;display:block; }
.prolist li .proinfo{width:55%; position: relative;height: 280px;}
.prolist li .proinfo h1{font-size: 24px;padding-bottom:25px;}
.prolist li .proinfo p{font-size: 16px;height: 140px;}
.prolist li .proinfo .prolik{ position: absolute;left:0;bottom: 0; border-radius:40px; border:1px solid #666666; text-align: center;font-size: 16px;height: 40px;line-height: 40px; display: block;width:160px;transition: all 1s;font-size: 15px;}
.prolist li:hover .proinfo .prolik{ background: #333;color:#fff;padding:0 15px;}

.prolist li:nth-child(even) img{ float: right;}
.prolist li:nth-child(even) .proinfo{ float: left;}

.prolist li:nth-child(odd) img{ float: left;}
.prolist li:nth-child(odd) .proinfo{ float: right;}


/*资质荣誉*/
.nyphotolist{margin:25px auto; text-align:center}
.nyphotolist li{float:none; display:inline-block;width:30%;margin:10px 1%;margin-bottom:25px;padding:0;box-sizing: border-box}
.nyphotolist li:nth-child(3n){margin:10px 1%;}
.nyphotolist li a{display: block}
.nyphotolist li .nyphotolist-pic{overflow: hidden;}
.nyphotolist li .nyphotolist-pic div{transition: .3s;height:200px;background: url("../images/navs.jpg") no-repeat center;background-size: cover}
.nyphotolist li .nyphotolist-info{text-align: center;margin-top: 10px;padding:20px;box-sizing: border-box;position: relative;box-shadow: 0 0 5px rgba(0,0,0,.3);transition: .3s;background: #fff}
.nyphotolist li .nyphotolist-info:before{content:"";display: block;position: absolute;bottom:0;left: 0;width:14px;height: 14px;border-color:transparent transparent #ac794c #ac794c;border-width:0 0 4px 4px;border-style:solid;transition: .3s}
.nyphotolist li .nyphotolist-info:after{content:"";display: block;position: absolute;bottom:0;right: 0;width:14px;height: 14px;border-color:transparent #ac794c #ac794c transparent;border-width:0 4px 4px 0;border-style:solid;transition: .3s}
.nyphotolist li .nyphotolist-info p{font-size: 16px;color: #333333;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: .3s;}


/*详情页面*/
.secdeails{padding:40px 40px 0px 40px;height:auto;border-bottom:1px dotted #dedede;margin-bottom:20px;}
.secdeails p{font-size:18px;text-align: center;color:#333333;line-height:30px; display:block;padding:15px;}
.secdeails span{height:30px;line-height:30px;font-size:12px; color:#666;text-align:center; display: block;margin-bottom:10px;}
.secdeails span font{font-size:12px;color:#ac794c;}

.size{text-align: center;overflow: hidden;font-size: 12px;}
.size a{background: #eee; height:30px;padding:0 10px; line-height:30px;margin-left: 5px; display: inline-block;}
.size .on {background: #ac794c;color: #fff;}

.article-content{padding:30px; line-height: 2; text-indent: 30px;}
.article-content img{max-width:600px;width: auto;margin:10px auto; display: block;}
.article-content.large{ font-size: 22px!important; line-height: 40px; }
.article-content.normal{ font-size: 16px!important; }
.article-content.small{ font-size: 14px!important; }

.page_down{ border-top:1px solid #dedede;padding:2%; overflow: hidden;text-align: center;}
.page_down .downbut{width:90%;padding:10px;height:30px; line-height:30px; overflow: hidden; font-size: 14px;color:#666; display: inline-block;background: #f9f9f9;margin:5px auto;}
.page_down .downbut:hover{background:#ac794c;color:#fff;}

}


@media screen and (min-width:320px) and (max-width:767px){
	
.head_phone{ display: block; height:60px;}

.Toplogo{height:60px; background: url(../images/topbg.png) top center no-repeat; width: 100%; position: fixed; z-index: 999; top:0; left:0;}
.Toplogo .logo{ display:none; }
.Toplogo .topicobar{display:none;}
.Toplogo .telbar{display:none;}

.Menu{ display:none}

/* banner */
.slideBox{ display:none;}
.slideBox_pad{ display:none;}
.slideBox_phone{ display:block; width:100%; height:260px; overflow:hidden; position:relative;margin-top:60px;z-index: 3;}
.slideBox_phone .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox_phone .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox_phone .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox_phone .hd ul li.on{ background:#f00; color:#fff; }
.slideBox_phone .bd{ position:relative; height:100%; z-index:0;   }
.slideBox_phone .bd li{ zoom:1; vertical-align:middle;height:260px; width: 100%; position: relative;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox_phone .prev,
.slideBox_phone .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox_phone .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox_phone .prev:hover,
.slideBox_phone .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox_phone .prevStop{ display:none;  }
.slideBox_phone .nextStop{ display:none;  }


.picScroll-left{display:none;}


.picScroll-left_1{ width:100%;position:relative; display:block;}
.picScroll-left_1 .hd{ width:100%; z-index:1;margin-top:0px;height:30px; line-height:30px; text-align:center;}
.picScroll-left_1 .hd ul{ text-align:center;}
.picScroll-left_1 .hd ul li{cursor:pointer; display:inline-block; *display:inline; zoom:1; width:13px;border-radius:10px; height: 10px;margin:3px; background:#fff; overflow:hidden; line-height:9999px; border:3px solid #b39b5d; box-sizing: border-box;}
.picScroll-left_1 .hd ul li.on{width:30px;border-radius:10px; height: 10px;background:#b39b5d;}
.picScroll-left_1 .bd{;width:90%;margin:20px auto; }
.picScroll-left_1 .bd ul{zoom:1;height: 350px;}
.picScroll-left_1 .bd ul li{ height:350px; width:100%;text-align: center; transition: all 0.5s; position: relative;}

.picScroll-left_1 .bd ul li .propic{height: 240px; width: 100%; overflow: hidden; position: relative;z-index:3;}
.picScroll-left_1 .bd ul li .propic img{height: 240px; width: 100%;transform: scale(1, 1);transition: all 1.2s;}

.picScroll-left_1 .bd ul li .propic .picinfo{ display:none; }

.picScroll-left_1 .bd ul li .protitle{ position:absolute; left:0; bottom:30px;width:100%; height:80px;box-sizing: border-box;line-height: 80px; text-align: center;font-size:20px; box-shadow: 0 0 10px rgba(0,0,0,.1); background:#fff;transition: all 0.5s;margin:0 auto; border:1px solid #ccc;z-index: 1;}

.picScroll-left_1 .bd ul li .prolink{ display:none;}



.bg1{background-size:cover;padding:50px 0;margin-top:0; position: relative;z-index: 2; width: 100%;position: relative;}
.bg2{background-size: cover;padding:30px 0;}
.bg3{background-size: cover;padding:30px 0;}


.title1{position:relative;width: 100%; text-align: center;margin-bottom:45px;}
.title1 img{ width:300px;}
.title1:before{ display:none;}
.title1:after{ display:none;}

.about_con{ font-size: 16px;color:#666;line-height: 30px; text-align: center;width:80%; margin:0 auto;}

.videobg{width:100%; margin-top:40px; background: url(../images/news_video_bg.png) top center no-repeat;overflow: hidden;}
.videocon{ width:90%; margin:0 auto;height:auto; background:none;}

.videobox{width:100%;margin:0 auto; text-align:center;}
.videobox img{ width:100%; height:auto;}
.Hotnewsbox{ box-sizing:border-box;width:100%;padding:25px;color:#fff; background:#ac794c;}
.Hotnewsbox h2{font-size:22px;line-height:30px;margin-bottom: 10px;}
.Hotnewsbox h3{font-size:12px;line-height: 20px;margin-bottom:20px;}
.Hotnewsbox p{line-height:24px;}
.Hotnewsbox a{color:#ac794c; display:none;height: 75px; width: 87px; background: url(../images/linkwhite.png);line-height:60px; text-align: center;margin-top: 30px;margin-left:-15px; transition: all 0.5s;}

.index_news{ text-align: center;margin-top:30px;}
.index_news li{height:auto; width:88%;position: relative; text-align: left; display: block;margin:30px auto; cursor: pointer;padding:20px 0;}
.index_news li h1{font-size:20px;line-height: 24px;margin-bottom:10px;}
.index_news li h2{font-size:12px;line-height: 20px;margin-bottom:20px;}
.index_news li p{line-height:24px;}
.index_news li .link_news{color:#ac794c; display: block;height: 75px; width: 87px; background: url(../images/news_link.png);line-height:60px; text-align: center;margin-top: 35px;margin-left:-15px; transition: all 0.5s;}
.index_news li .linediv{height: 1px;width:100%;animation:ease-in-out;background: #f1f1f1;transition:width 1.2s; position: absolute;left:0; bottom: 0;}
.index_news li:nth-child(1){margin-left:auto;}
.index_news li:nth-child(3){margin-right:auto;}

.about_con{ font-size: 16px;color:#666;line-height: 30px; text-align: center;width:80%; margin:0 auto;}
.about_con p{width:100%; margin:0 auto;}
.about_con h1{font-size: 24px; color: #b6a199;margin-bottom:20px;}

.advan{ width: 100%; text-align: center;margin-top:50px;}
.advan li{margin:1%; display: inline-block;height:385px; width: 46%; cursor: pointer;position: relative; box-shadow: 0 0 10px rgba(0,0,0,.1);background: #fff; text-align: center;}
.advan li .num{margin:0 auto 25px auto;display: block;}
.advan li .circle_img{margin:0 auto 50px auto;width: 80px; border-radius: 50%;transition: margin-bottom 0.5s;display: block;}
.advan li .adfont{margin:0 auto 37px auto;display: block;max-width:100%;}

.advan li:hover .num{margin:0 auto 25px auto;}
.advan li:hover .circle_img{height:80px; width: 80px; border-radius: 50%;margin:0 auto 45px auto;}

.advan li .front{height:auto; width: 100%;padding:20px 10px; box-sizing: border-box;transform: rotateX(0deg) rotateY(0deg);transform-style: preserve-3d;backface-visibility: hidden;transition: all .4s ease-in-out;background: #fff;}

.advan li .back{height:auto; width:100%;padding:20px 10px; box-sizing: border-box;position:absolute;top:0;left:0;transform: rotateY(-180deg);transform-style: preserve-3d;backface-visibility: hidden;transition: all .4s ease-in-out; background: #ece8dd;}


.endcon{background: url(../images/endbg.png) top center; background-size:cover;width: 100%; height: auto; position: relative;z-index: 4;margin-top:-30px;padding:80px 50px; box-sizing: border-box;}
.endcon .endlogo{font-size: 14px; text-align:center;}
.endcon .endlogo img{margint:0 auto;width:300px;}
.endcon .endlogo h2{ font-size: 14px;margin-bottom:10px;margin-top:10px;}

.endcon .endright{text-align:center; display:none;}



/*页码*/
.page{ width:100%;color:#666; font-size:14px; line-height:30px; color:#333; text-align:center;margin:20px 0;}
.page a { font-size:12px; border-radius: 4px; background:#ac794c;color:#FFF;text-decoration: none; padding:8px;margin:0 8px;}
.page a:hover {color:#FFF;}
.page span{background:#ccc;color:#fff;border-radius: 4px;padding:8px;margin:0 8px;}

/*内页*/
.ny_conbox{ text-indent: 30px;width:94%;margin: 0 auto; font-size: 15px;line-height:30px;padding:15px 0;}
.ny_conbox img{ max-width: 100%; margin:10px auto;display: block;}

/*position*/
.positionline{ height:30px; line-height:30px;background: #f7f7f7; overflow: hidden; font-size: 14px;color: #666;}
.positionline .position{ float: left;}
.positionline .position font{font-size: 12px;}
.positionline .position img{ vertical-align: middle;margin-right: 8px;}

.positionline .posi_menu{ float: right; text-align: center; font-size: 15px;}
.positionline .posi_menu a{padding:0 20px; display: inline-block; background: #f7f7f7; transition: all 0.5s;}
.positionline .posi_menu a:hover{background: #0c54a0;color:#fff;font-weight: 800;}

/*关于我们*/
.about_banner{height:230px;background-size:100%;color:#fff;}
.about_banner .bannercon{width:96%;padding:0; transition:all .8s;padding-top:120px; text-align: center;margin:0 auto;}
.about_banner .bannercon h1{font-size:24px;padding-left:0px;transition:all .8s; font-weight: 800;}
.about_banner .bannercon p{display: none}
.about_banner .bannercon .b_link{display: none}

.about_banner .bannerlink{width:96%; margin:5px auto 0 auto; text-align: center;height: auto;line-height: 30px;}
.about_banner .bannerlink li{display: inline-block;width:30%; margin:0.5% 1%;background: rgba(0,0,0,.5);height:30px;line-height: 30px; border-radius: 4px;}
.about_banner .bannerlink li img{ display: none;}
.about_banner .bannerlink li a{color: #fff; font-size:14px; font-weight: 800;}

.conter_list{background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.3);height:100px;margin:-10px auto 0 auto; position: relative;z-index: 5;width:98%;padding:15px 0; box-sizing: border-box; text-align: center;}
.conter_list li{width:18%;color:#333; text-align:left; float:none; display: inline-block; overflow:hidden;border-right:1px solid #ebebeb;height:70px; text-align: center;padding: 0;}
.conter_list li:nth-child(5){ border-right:none;}
.conter_list .count{ width:100%; overflow:hidden;font-size:15px;line-height:40px;}
.conter_list .count h2{ display:inline-block;font-size:18px; font-weight:800;line-height:36px;color:#ac794c;padding-right:5px;}
.conter_list span{ display:block;font-size:12px;line-height:30px;}

.aboutcon_sec{background: url(../images/about_con_bg.jpg) center; background-size: cover;transition: all 5s; background-size: 100%;padding:30px 0;}
.aboutcon_sec:hover{background-size: 150%;}

.title_sec{text-align: center;padding:15px 0;}
.title_sec h1{font-size:24px; font-weight: 800;color: #333;line-height: 36px; font-weight: 800;}
.title_sec .sec_line{height:2px; width: 15px; background: #ac794c;margin:15px auto 10px auto;}
.title_sec h3{color:#6b6b6b;font-size: 14px; font-weight: 800; text-transform: uppercase;}

.about_honor{ overflow: hidden;margin:30px auto 30px auto; width:96%;}
.about_honor li{ width:100%; height:224px; float: none;}

.about_honor li:nth-child(odd){transition: all 1s; background: url(../images/honor_about.jpg) center; position: relative; background-size: 100%;margin-bottom:17px;}
.about_honor li:nth-child(odd):hover{background-size: 110%;}
.about_honor li:nth-child(odd) h2{font-size:18px; font-weight:800;position: absolute;left:40px; bottom: 45px;color:#fff;}
.about_honor li:nth-child(odd) a h2{color: #fff;}
.about_honor li:nth-child(even){height: auto; width: 100%; float: none; overflow: hidden;margin-bottom:0;}

.about_honor li .righthonor1{background: url(../images/honor_about2.jpg) center;transition: all 1s; height:124px; width: 49%;position: relative;background-size: cover; float: left;margin-bottom: 0;}
.about_honor li .righthonor1 h2{font-size:18px; font-weight:800;position: absolute;left:40px; bottom: 45px;color:#fff;}

.about_honor li .righthonor2{background: url(../images/honor_about3.jpg) center;transition: all 1s; height:124px; width: 49%;position: relative;background-size:cover; float: right;margin-bottom: 0;}
.about_honor li .righthonor2 h2{font-size:18px; font-weight:800;position: absolute;left:40px; bottom: 45px;color:#fff;}

.endmessage{ background: url(../images/message_about.jpg);padding:30px 0px;}
.title_message{text-align: center;padding:30px 0;}
.title_message h1{font-size:20px; font-weight: 800;color: #fff;line-height: 36px; font-weight: 800;}
.title_message .mess_line{height:2px; width: 15px; background: #fff;margin:10px auto 8px auto;}
.title_message h3{color:#fff;font-size: 14px; font-weight: normal; text-transform: uppercase;}
.messbut{height:40px;line-height: 40px; border: 1px solid #fff; width:170px; text-align: center; margin: 0 auto; display: block; border-radius: 40px;color:fff;transition: all .5s;}
.messbut:hover{background: #fff;padding:0 20px;}


/*新闻*/
.sec_banner{height:260px;margin-top:60px;}

.prositionline{display: none;}

.cont-news .news-hot{ text-align: center;margin-top: 15px;}
.cont-news .news-hot div{ display:inline-block;margin:8px auto;width:96%;height:240px;overflow: hidden}
.cont-news .news-hot div a{display: block;height: 100%;position: relative}
.cont-news .news-hot div a p{line-height: 50px;position: absolute;bottom:0;left:0;width:100%;box-sizing: border-box;padding:0 15px;background: rgba(0,0,0,.5);transition: .3s;}
.cont-news .news-hot div a i{float: left;font-size: 14px;color: #fff;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width:90%;display: block; font-style: normal; text-align: left;}
.cont-news .news-hot div a span{float: right;font-size: 14px;color: #fff;}

.cont-news .news-list{margin:30px auto;}
.cont-news .news-list li{padding:15px;box-sizing: border-box;float: none;width:100%;border-right:none;border-bottom: 1px solid #edecec; }
.cont-news .news-list li:nth-child(even){border-right: none;}
.cont-news .news-list li a{display: block;}
.cont-news .news-list .news-list-date{float: left;width: 45px;text-align: center;margin-right: 20px;}
.cont-news .news-list .news-list-date h2{font-weight: normal;font-size: 26px;color: #949494;padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px solid #949494}
.cont-news .news-list .news-list-date p{font-size: 15px;color: #959595}
.cont-news .news-list .news-list-info{}
.cont-news .news-list .news-list-info h3{font-weight: normal;font-size: 18px;color: #4f4f4f;margin-bottom: 20px;margin-top: 5px;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;box-sizing: border-box;transition: .5s;position: relative}
.cont-news .news-list .news-list-info p{font-size: 14px;color: #a6a6a6;line-height: 17px;height: 32px;overflow: hidden}
.cont-news .news-list .news-list-info h3:after{content: "";display: block;height: 3px;width:0;position:absolute;left:0;top:50%;margin-top: -1px;background: #ac794c;transition: .5s;}
.cont-news .news-list li a:hover .news-list-info h3{color:#ac794c;padding-left: 65px;}
.cont-news .news-list li a:hover .news-list-info h3:after{width:47px;}
.cont-news .news-list li a:hover .news-list-info p{color: #ac794c}

/*售后服务*/
.title_ser{text-align: center; float: none;padding-top:0px;}
.title_ser h1{font-size:20px; font-weight:800;color: #333;line-height:20px;}
.title_ser .ser_line{height:3px; width: 30px; background: #ac794c;margin:8px auto;}
.title_ser h3{color:#6b6b6b;font-size: 12px;text-transform: uppercase;}

.service{margin-bottom:30px;}
.service li{padding:30px 0;}
.service li:nth-child(odd){background: #f1f1f1;}
.service li .ser_con{margin:20px auto; border-left:none; width: 94%;padding-left:0;}

.service_ad{background: url(../images/service_ad.jpg) center center; background-size: cover; background-attachment: fixed; text-align: center;height: 200px; width:100%;margin:0 auto 20px auto;}
.service_ad h1{font-size: 18px; color:#fff; font-weight: 800;padding-top:60px;}
.service_ad h2{font-size: 12px;line-height: 18px; color:#fff; font-weight: normal; text-transform: uppercase; padding-top:10px;}

/*产品中心*/
.prolist{ overflow: visible; width: 92%; margin:20px auto;}
.prolist li{padding:0; overflow: hidden; border-bottom: 1px solid #eee;margin-bottom:15px; box-shadow: 0 0 10px rgba(0,0,0,.1);}
.prolist li img{height: auto; width: 100%;display:block; }
.prolist li .proinfo{width:94%; position: relative;height:auto;margin:10px auto 0 auto;padding:20px 10px;}
.prolist li .proinfo h1{font-size:18px;padding-bottom:10px; font-weight: 800;border-bottom: 1px solid #f1f1f1;}
.prolist li .proinfo p{font-size: 14px;height: auto;margin-top: 15px;}
.prolist li .proinfo .prolik{ display:none;}

.prolist li:nth-child(even) img{ float: none;}
.prolist li:nth-child(even) .proinfo{ float: none;}

.prolist li:nth-child(odd) img{ float: none;}
.prolist li:nth-child(odd) .proinfo{ float: none;}
/*联系我们*/
.mapcon{ height:250px; border-bottom: 3px solid #ac794c;margin-top: 15px}

.coninfo{width: 100%; margin:15px auto; overflow: hidden;}
.coninfo_left{width: 100%;height:auto;margin-bottom: 15px;}
.coninfo_left h1{height: 125px;background: url(../images/con_titbg.png) center center no-repeat;padding:15px 0 0 35px;font-size: 20px;color: #fff; box-sizing: border-box;}
.coninfo_left h1 p{font-size: 14px;line-height: 24px; overflow: hidden;margin-top:10px; width: 285px;}
.coninfo_left h1 p img{margin-right: 20px; float: left;}
.coninfo_left .contactinfo{background: #f4f4f4; border-bottom: 3px solid #ac794c;padding:20px;font-size: 15px;height: auto;}

.coninfo_right{width:100%;}
.coninfo_right .line395{width:100%;}
.coninfo_right input{background: #f2f2f2;width:100%;height:40px;line-height:40px;color:#bbb;font-size: 14px; border: none;margin-bottom:8px;box-sizing: border-box;padding-left:24px;}
.coninfo_right textarea{height:150px;width: 100%;color:#bbb;font-size: 14px; border: none;background: #f2f2f2;line-height:24px;padding:25px 35px;box-sizing: border-box;}
.coninfo_right .line350{width:100%;}
.coninfo_right button{margin-top:15px;width: 100%;background:#ac794c;color:#fff; text-align: center;height:45px; line-height: 45px; border: none;}

/*资质荣誉*/
.nyphotolist{margin:10px auto; text-align: center;}
.nyphotolist li{float: none; display:inline-block;width:96%;margin:15px auto;padding:0;box-sizing: border-box}
.nyphotolist li:nth-child(3n){margin-right: 0}
.nyphotolist li a{display: block}
.nyphotolist li .nyphotolist-pic{overflow: hidden;}
.nyphotolist li .nyphotolist-pic div{transition: .3s;height:210px;}
.nyphotolist li a:hover .nyphotolist-pic div{transform: scale(1.1)}
.nyphotolist li .nyphotolist-info{text-align: center;margin-top: 10px;padding:15px;box-sizing: border-box;position: relative;box-shadow: 0 0 5px rgba(0,0,0,.3);transition: .3s;background: #fff}
.nyphotolist li .nyphotolist-info:before{content:"";display: block;position: absolute;bottom:0;left: 0;width:14px;height: 14px;border-color:transparent transparent #ac794c #ac794c;border-width:0 0 4px 4px;border-style:solid;transition: .3s}
.nyphotolist li .nyphotolist-info:after{content:"";display: block;position: absolute;bottom:0;right: 0;width:14px;height: 14px;border-color:transparent #ac794c #ac794c transparent;border-width:0 4px 4px 0;border-style:solid;transition: .3s}
.nyphotolist li .nyphotolist-info p{font-size: 16px;color: #333333;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: .3s;}

/*详情页面*/
.secdeails{padding:25px;height:auto;border-bottom:1px dotted #dedede;margin-bottom:20px;}
.secdeails p{font-size:18px;text-align: center;color:#333333;line-height:30px; display:block;}
.secdeails span{height:30px;line-height:30px;font-size:12px; color:#666;text-align:center; display: block;margin-bottom:0;}
.secdeails span font{font-size:12px;color:#ac794c;}

.size{text-align: center;overflow: hidden;font-size: 12px;}
.size a{background: #eee; height:30px;padding:0 10px; line-height:30px;margin-left: 5px; display: inline-block;}
.size .on {background: #ac794c;color: #fff;}

.article-content{padding:10px; line-height: 2; text-indent: 30px;}
.article-content img{max-width: 400px;width: auto;margin:10px auto; display: block;}
.article-content.large{ font-size: 22px!important; line-height: 40px; }
.article-content.normal{ font-size: 16px!important; }
.article-content.small{ font-size: 14px!important; }

.page_down{ display:none; }
	
	
	
	}