@charset "utf-8";
/* CSS Document */

/* reset */
html,body,h1,h2,h3,h4,h5,p,dl,dd,ul,ol,form,input,textarea,th,td,select { margin:0; padding:0; }
em { font-style:normal; font-family:"微软雅黑";}
li { list-style:none; }
a { text-decoration:none; color: inherit;}
a:focus { outline: none; } 
img { border:none; vertical-align:middle; max-width: 100%; }
table { border-collapse:collapse; }
input,textarea { outline:none; background: none; border: none; }
textarea { resize:none; overflow:auto; }
body { background-color: #fff; font-size:12px; font-family:"微软雅黑"; position: relative;  -webkit-text-size-adjust: none;}
/* end reset */
/* public */
.clear { zoom:1; }
.clear:after { content:''; display:block; clear:both; }
.fl { float:left; _display: inline;}
.fr { float:right; _display: inline;}
.clearfix {*zoom: 1;}
.clearfix:before, .clearfix:after {content: '\0020';display: block;height: 0;clear: both;visibility: hidden;}


.nav li a,.header-r a,.index-about .about-more,.l-pro .owl-nav>div,.last_dh .list a,.page-nav2 li a,.one-pro img,.one-pro p,.other-page a,.index_news_con img,.one-relate{ transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}

.main-box {position: relative;max-width: 1100px; width: 100%; margin: auto; *zoom: 1;}
.main-box:before, .main-box:after {content: '\0020';display: block;height: 0;clear: both;visibility: hidden;}
.pic-box div {display: table-cell;vertical-align: middle;text-align: center;*display: block;*font-family: Arial;line-height: 0;*line-height: 1;}
.pic-box img {vertical-align: middle;}

.wrapper { width: 100%; box-sizing: border-box; }
.sidebar-ico{float: right; margin: 16px 10px 0 10px; display: none;}
.side-line {background: #000 none repeat scroll 0 0;display: block;height: 3px;margin-bottom: 4px;width: 27px;display: block;}
.sidebar-ico a{display: block;}


.header {height: 110px}
.logo {margin-top:27px; float: left;}

.header-r{float: right; font-size: 0; border-left: 1px solid #e5e5e5;width: 300px; height:90px;line-height: 97px; margin-top: 11px; padding-left: 11px;}
.header-r span{display:inline-block;*display:inline;vertical-align: top; color: #B3B3B3; font-size: 12px;}
.header-r a{padding: 0 14px; color: #727272; font-size:14px;}
.header-r a:hover{color: #bc282f}
.top-ewm{position: relative;}
.top-ewm img{vertical-align: middle; z-index: 300;}
.top-ewm em{position: absolute;left: 0;top: 77px;z-index: 999; display: none;}
.top-ewm em img{max-width: 140%;}
.top-ewm:hover em{display: block;}
.header-r span a:hover{color: #d6000f}
.top-search1{display:inline-block;*display:inline;vertical-align: middle; position: relative;}
.wrap-search {position: absolute; padding:0 10px 10px 10px; background: #fff; top:4px;left: -200px; display: none;}

.nav {font-size: 16px;line-height: 1;margin: 52px 0 0 52px;float: left; text-align: center; }
.nav li {float: left;width: 85px;}
.nav li a {display: block; color: #727272;}
.nav li:hover a, .nav  .active a{color: #bc282f}

.top-search1:hover .wrap-search{display: block;}

.top-search{width: 240px;position: relative; height: 26px; line-height: 26px;text-indent: 6px; vertical-align: top;border:1px solid #ededed; }
.search-btn{width: 15px;height: 15px; font-size: 0; background:url(../images//top-search.png); position: absolute;right: 10px;top: 6px;}
.search-text{width: 180px; font-size: 12px; color: #555555;}


.banner{position: relative;}
.banner img{width:100%;}
/* .banner .swiper-slide{background-size: cover;background-position:center;height: 543px;} */
.banner .pagination {position: absolute;left: 0; right: 0;margin: auto; text-align: center;bottom:5px;width: 100%; z-index: 30;}
.banner .swiper-pagination-switch {display: inline-block;width: 10px;height: 10px;border-radius: 10px;background: #999;box-shadow: 0px 1px 2px #555 inset;margin: 0 3px;cursor: pointer;}
.banner .swiper-active-switch {background: #d6000f;}

.index-one-pro{font-size: 0;padding: 30px 0 ;}
.index-one-pro>div{display:inline-block;*display:inline;vertical-align: top;}
.index-one-pro>div.l{width: 100%; position: relative; border:1px solid #ddd; }

/*.index-one-pro>div.r{width: 442px;}*/
.l-pro .item{position: relative;}

.l-pro .item .mask{ position: absolute;left: 0;right: 0;bottom: 0; height: 50px; line-height: 50px;font-size:14px; background: rgba(0,0,0,.3); color: #fff;font-weight: bold;padding-left: 23px;}
.l-pro .item .mask span{position: absolute; border-radius: 4px; font-size: 13px; display: block; right: 26px; top: 10px; width: 120px;height: 30px; line-height: 30px;text-align: center;background:#b93432; font-weight: normal;}
.l-pro .owl-nav>div{position: absolute;width: 35px; font-size: 0; height: 99px; top:50%; margin-top: -49px;}
.l-pro .owl-prev{ background: url(../images/pro-l.png); left: 0; }
.l-pro .owl-next{ background: url(../images/pro-r.png);right: 0; }

.index-products{ background: url(../images/index-bg.jpg);}
.index-products .hd{text-align: center;font-size: 0; font-size: 14px;}
.index-products .hd li{display:inline-block; cursor: pointer; *display:inline;vertical-align: top; color: #333333; padding: 0 14px;}
.index-products .hd li:hover,.index-products .hd li.on{color: #d6000f}

.indexs-common-tit{padding: 50px 0 30px ;text-align: center;}
.indexs-common-tit p{font-size:26px; color: #333333; }
.indexs-common-tit p span{display:block; font-size: 12px; color: #8d8d8d;line-height:3;}
 

/*.r-pro dl dd{float: left; margin: 0 0 3px 3px;width: 218px; height: 220px; position: relative;}
.r-pro dl dd.firstdd{text-align: center; background: #f5f5f5 url(../images/first-dd.png) center 154px no-repeat;}
.r-pro dl dd.firstdd img{padding: 48px 0 8px;}
.r-pro dl dd.firstdd p{font-size: 20px; color: #5c5c5c; }
.r-pro dl dd.firstdd p span{display: block; font-size: 13px; color: #a7a7a7; line-height: 2;}

.r-pro dl dd.extradd .mask{ margin:auto; text-align: center; position: absolute;left: 0;right:0;bottom:0; top: 0;background: rgba(182,52,52,.79);opacity:0; filter:alpha(opacity=0);-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.r-pro dl dd.extradd .mask p{font-size: 14px; color: #ffffff; font-weight: bold; padding-top: 76px;}
.r-pro dl dd.extradd .mask .line{width: 60px; height: 1px;background: #fff;margin: 20px auto;}
.r-pro dl dd.extradd .mask span{display:block;margin: auto; border:1px solid #fff;border-radius: 16px; width: 124px; height:30px; line-height: 30px;color: #fff;text-align: center;  font-size: 12px; }
.r-pro dl dd.extradd:hover .mask{opacity:1; filter:alpha(opacity=100);}
.r-pro dl dd.extradd img{height: 100%; width: 100%;}
*/
.index-case{ padding: 25px 0; background: url(../images/index-bg.jpg);}
.index-news{  background: url(../images/index-bg.jpg);}


.index-one-case{float: left;width: 50%; font-size: 0; margin-bottom: 7px;}
.index-one-case a>div{display:inline-block;*display:inline;vertical-align: top;width: 50%; height: 198px;}
.index-one-case a>div img{width: 100%;height: 100%;}
.case-l{position: relative;}
 
.case-r{position: relative;background: #f2f2f2}
.case-r .con{margin:auto; position: absolute;text-align: center; left:0;right:0;bottom:0; top: 0; background: #f9f9f9; }
.case-r .con p{font-size: 20px; color: #fff; padding-top: 65px;}
.case-r .con p span{display: block;font-size: 14px; line-height: 2;padding-bottom: 8px; color: rgba(255, 255, 255, 0.68); font-family: "Arial"}
.case-r .con em{display:block;margin: auto; width: 60px;height: 1px; background: #fffffb;}

.index-one-case.pink .con{background: #f38c8d}
.index-one-case.pink .r-sanjiao{border-right: 12px solid #f38c8d;}
.index-one-case.green .r-sanjiao{border-right: 12px solid #a3cc62;}
.index-one-case.yellow .l-sanjiao{border-left: 12px solid #ffc454;}
.index-one-case.orange .l-sanjiao{border-left: 12px solid #ffa26f;}

.index-one-case.green .con{background: #a3cc62}
.index-one-case.yellow .con{background: #ffc454}
.index-one-case.green .con{background: #a3cc62}
.index-one-case.orange .con{background: #ffa26f}

.index-common-tit{padding: 38px 0 25px 0;text-align: center;}
.index-common-tit p{font-size: 36px; color: #B1B1B1; font-family:"Times New Roman", Times, serif; }
.index-common-tit p span{display:block; position: relative;z-index:2; background: #f5f5f5; font-size: 28px; color: #6B6B6B;line-height:2; width: 161px;margin: auto; margin-top: -6px;}
.index-common-tit .line{border-top: 1px solid #dfdfdf;position: relative;top: -26px;z-index: 1}

.case-l span.r-sanjiao{display: block; z-index: 20; border-bottom: 12px solid transparent;border-top: 12px solid transparent;bottom: 0;height: 0;margin: auto;position: absolute;right:0px;top: 0; bottom: 0; width: 0;}
.case-l span.l-sanjiao{display: block; z-index: 20; border-bottom: 12px solid transparent;border-top: 8px solid transparent;bottom: 0;height: 0;margin: auto;position: absolute;left: 0px;top: 0; bottom: 0; width: 0;}
 
.index-about{background: url(../images/index-about.jpg) center center no-repeat; padding-top: 178px; height: 222px;text-align: center;}
.index-about .text{font-size: 15px; color: #fff; line-height: 30px;}
.index-about .about-more{display:block;margin: 38px auto 0; border:1px solid #fff; width: 168px; height:42px; line-height: 42px;color: #fff;text-align: center;background-color: rgba(0, 0, 0, 0.15); font-size: 16px;}
.index-about .about-more:hover{ background-color: rgba(0, 0, 0, 0.6); border:rgba(0, 0, 0, 0.6) 1px solid;}



.net-view-con{ background: #fff; }
.index_news_con{padding-bottom:40px;}
.index_news_con .news_li{ width:49.9%; float:left; height:120px; padding:20px 0 35px 0;}
.index_news_con .news_li .pic{ float:left; overflow:hidden; }
.index_news_con .news_li .pic img{max-width: 230px; transform: scale(1, 1);}
.index_news_con .news_li:hover .pic img{-webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); -webkit-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; }
.index_news_con .news_li .r_con{ overflow:hidden; padding-left:17px; padding-right:31px; font-size:14px;}
.index_news_con .news_li .r_con .title{ font-size:16px; padding-bottom:8px;}
.index_news_con .news_li .r_con .date{ padding:5px 0; color:#999999; font-size:13px;}
.index_news_con .news_li .r_con .jianshu{font-size: 13px;color: #676767; line-height: 22px;margin-top: 7px;}


.last_dh{ min-height:111px; height:auto; _height:111px; padding:30px 0px; background:#f5f5f5;  border-top:solid 4px #ab0606;}
.last_dh .list{ width:140px; float:left; color: #444343;}
.last_dh .list a{ color: #777676;}
.last_dh .list a:hover{ color:#333333;}
.last_dh .bt{ font-size:16px; padding-bottom:5px; text-transform:uppercase;}
.last_dh .list ul{}
.last_dh .list ul li{ line-height:26px; height:26px;  overflow:hidden; }
.last_contact{ width:350px; border-left:solid 1px #dddddd; float:right; padding-left:43px;}
.last_contact .tel{ font-size:30px; color:#ab0606; line-height:30px; padding-bottom:6px;}
.last_contact a{ margin:0px 6px;}

.last_menu{ padding:15px 0px; clear:both;text-align:left; background:#FFFFFF;}
.last_menu_l{ float:left;font-size: 12px;line-height: 2; color: #505050;}
.last_menu_r{ float:right;font-size: 12px; padding-right:10px; text-align:right; color: #505050;}
.last_menu_r a{ margin:0px 10px;}

.in-banner{text-align: center;}

.in-nav2{ border-bottom: 1px solid #cccccc; line-height:66px;}
.page-nav2 {font-size: 16px;text-align: left;color: #040000}
.page-nav2>li {display: inline-block;*display: inline;*zoom: 1;margin: 0; position: relative;}
.page-nav2>li>a { padding:0 5px 23px; color: #6F6F6F;font-size: 12px;}
.page-nav2 .current>a, .page-nav2 li:hover>a {color: #e60012;border-bottom: 2px solid #ce393a;}
 
.in-nav2 .pro_nav{text-align: center;}
.pro_nav>ul>li{color: #040000;display: inline-block;*zoom: 1;margin: 0;position: relative;}
.pro_nav>ul>li>ul.bd{position: absolute;top:67px;left:0;z-index: 99;width:200px;padding:10px 0;display: none;background: rgba(255,255,255,.7);}
.pro_nav>ul>li>ul.bd>li>a{display: block;padding:0 15px;}
.pro_nav>ul>li>ul.bd>li{text-align:left;font-size:12px;color:#040000;line-height:30px;}
.pro_nav>ul>li>ul.bd>li:hover,
.pro_nav>ul>li>ul.bd>li.on{color:#e60012;}
.pro_nav>ul>li>a{padding:0 10px 23px;color: #6F6F6F;font-size: 12px;}
.pro_nav>ul>li.on>a,
.pro_nav>ul>li:hover>a{color: #e60012;border-bottom: 2px solid #ce393a;}

@media (max-width:1100px){
.pro_nav>ul>li{width:50%;text-align:center;display: block;float: left;}
.pro_nav>ul>li>ul.bd{width:100%;}
}



.page-nav2>li:hover dl{z-index: 30; opacity:1; filter:alpha(opacity=100);}
.page-nav2>li dl{z-index: -1; opacity:0; filter:alpha(opacity=0);-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out; position:absolute;text-align: center; padding: 4px 10px; left: 0;right: 0; top: 66px; z-index: 30; background: rgba(214,0,15,.6);width: 100px;}
.page-nav2>li dl dd{ height: 45px; line-height: 45px; font-size: 14px; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.45);}
.page-nav2>li dl dd:last-child{border-bottom: none;}
.page-nav2>li dl dd a{display: block;}




.about1{ padding: 60px 0;}
.about1 .l , .about1 .r{display:inline-block;*display:inline;vertical-align: top;}
.about1 .l {width:650px; font-size: 15px; color: #5e5e5e; line-height: 36px;}
.about1 .l br{ margin-top:10px;}
.about1 .r {width: 420px;float: right;}

.a-list{padding: 30px 0; font-size: 0;}
.middle-img{margin:0 14px; }

.nav-search { line-height: 30px;width: 150px;color: #007969; position: absolute; right: 0;top: 16px;}
.search2 {padding-left: 28px;line-height: 37px;color: #acacac;border: 1px solid #d6000f;border-radius: 22px;}
.search2-bar {border: 0 none; font-size:12px; font-family:"微软雅黑";}
.search2-btn {position:absolute;width: 15px;height: 15px; background: url(../images/search2.png);border: 0 none; top: 12px; right: 15px;}

.contact{padding: 12px 0 60px;}
.contact .l{float: left; width: 456px; }
.contact .l>p{font-size: 14px; color: #5d5d5d; line-height: 42px;height: 42px;}
.contact .l>p em{display:inline-block;*display:inline;vertical-align: top;width: 43px;text-align: center;}
.contact .l p strong{color: #5d5d5d;vertical-align: top; padding-right: 6px; font-weight: normal;}
.contact .r{float: right; width: 600px; height: 394px;border:1px solid #cdcdcd;}
 
.contact-logo{padding-bottom: 20px; border-bottom: 1px solid #d8d8d8;}
.contact-ewm{display:inline-block;*display:inline;vertical-align: top;text-align: center; color: #9d0713;line-height: 3;}

.honor-wrap{padding: 60px 0 30px;}
.one-case {float: left;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; width:345px;padding:3px;margin: 0px 25px 8px 0;color: #fff;}
.one-case p {height: 36px; line-height: 36px;text-align: center; font-size: 14px; color: #333333; }
.one-case .pic-box {margin: auto;width: 335px; position: relative; padding: 5px; border: 1px solid #e7e7e7;}
.one-case .pic-box div {width: 335px;height:256px; text-align: center;}
.one-case .pic-box img {max-width: 335px;max-height: 256px;  }
.one-case:hover p {color: #cc3233;}


.other-page {padding:40px 0 60px 0;font-size: 13px;line-height: 26px;text-align: center;color: #808080;}
.other-page a {display: inline-block;*display: inline;*zoom: 1;padding:5px 16px;background: #fff;margin: 0 6px 6px; border:1px solid #CCCCCC;}
.other-page .page-on ,.other-page a:hover {color: #fff;background: #cc3233; border-color: #cc3233}

.news-list li{border:1px solid #d6d6d6;webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;  margin-top: 77px;}
.news-img{ float: left;}
 .news-text{ float: right;}
.news-img{position: relative; width: 478px; height: 300px;}
.news-img img{ width:478px; height:300px;}
.news-img span{z-index: 2;display:block; width: 32px; height:32px; background: url(../images/b-pic.png); position: absolute; right: 0px; bottom:0;}
.news-img .mask{  opacity:0; filter:alpha(opacity=0); webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out; position: absolute;left: 0;right:0;bottom:0; top: 0;background: rgba(0,0,0,.37) url(../images/news-mask.png) center center no-repeat;}
.news-text{width: 614px; height: 300px; background: url(../images/t-bg.png) 4px 4px no-repeat; position: relative; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;  padding: 30px 30px 0 38px;}
.news-text .text-t{ font-size: 25px; color: #646464; text-align: left; line-height: 1;}
.news-text .news-line{ width: 509px;height: 3px; background: url(../images/news-line.png); margin: 20px 0 16px;}
.news-text p.con{ color: #a0a0a0; font-size: 15px; line-height: 28px;}
.news-text p span{display: block;width: 260px; float: left;padding-left: 12px;height: 42px;}
.news-text .date{color: #6d6d6d; padding-left: 22px; background: url(../images/date.png ) left center no-repeat; position: absolute;right: 22px; bottom: 14px; }

.news-list li:hover{box-shadow: 1px 1px 2px 2px #efefef;}
.news-list li:hover .mask{opacity:1; filter:alpha(opacity=100);z-index: 10;}
.news-list li:hover .text-t{color: #cc3233}

.news-view{ padding: 44px 0;}
.news-wrap{  margin: auto; padding: 34px 30px;border:1px solid #d1d0d1; box-shadow: 1px 2px 2px 1px #e0dfdf;}
.news-wrap .tit{ font-size: 28px; color: #6d6d6d; line-height: 4;text-align: center;}
.news-wrap .date-section{ position: relative; color: #6d6d6d; text-align: right; height: 26px; line-height: 26px; padding: 20px 35px;}
.news-wrap .date-section .line{position: absolute; top: 10px;left: 8px; width: 53px; height: 4px; background: #cc3233;}
.news-wrap .date-section span{   color: #6d6d6d;}
.news-wrap .con{ padding: 36px 50px; border-bottom: 1px solid #c8c8c8}

.other-news {padding: 20px 0;font-size: 14px;line-height: 2; color: #999999;}
.other-news a:hover {color: #e60012;}
.other-news  strong{font-size: 14px; color: #595959;}
.news-bottom{font-size: 0; height: 69px;width: 936px; margin: auto; background: url(../images/news-view-bot.jpg) no-repeat;}
.news-bottom a{ display:inline-block; width: 50%; height: 69px;}

.news-side-part{position: absolute;right:-24px; top:0;}
.news-ewm{position: absolute;  top:0;}
.news-view-return{width: 58px; height: 164px;position: absolute;  top:300px; background: url(../images/news-view-side.png);}
.news-view-return a{display:block; height: 82px;width: 100%;}
.news-ewm.fixed{position: fixed;top: 160px;}
.news-view-return.fixed{position: fixed;top: 390px;}

.pro-list{margin-top: 20px;}
.one-pro {float: left;width:258px;  background-color: #fff;  margin-top:30px; margin-right: 22px;}

.one-pro .pic-box {width: 258px;margin: auto; position: relative;}
.one-pro:hover p{ color:#666}
.one-pro .pic-box div {width: 258px;height: 258px;*font-size: 145.25px;}
.one-pro .pic-box img {max-width: 258px;max-height: 258px;}
.one-pro:hover img{box-shadow: 2px 2px 5px 2px #ccc;
/*transform: scale(1.01) translateY(-5px);
    -webkit-transform: scale(1.01) translateY(-5px);
    -moz-transform: scale(1.01) translateY(-5px);
    -ms-transform: scale(1.01) translateY(-5px);
    -o-transform: scale(1.01) translateY(-5px);*/
	
	
	transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
	
}
.one-pro .pic-box img.img2{position: absolute;left: 0;right: 0;top: 0;bottom: 0; margin: auto; display: none;}
.one-pro p{ font-size: 18px; padding-left: 6px; color: #504f4f; line-height: 1; padding: 18px 0 8px;}
.one-pro .one-pro-b{ font-size: 14px;padding-left: 6px;color: #BDBDBD;line-height: 1; padding: 0px;}

.producut-view{ padding: 48px 0 0 0;background: #fff;position: relative;top: -50px;}
.pro-left{float: left;width: 520px;margin-left: 24px; }
.producut-view .bd .pic-box { width: 520px; position: relative;}
.producut-view .bd .pic-box p{ position: absolute;background: rgba(0,0,0,.6);display: inline-block;padding:0 30px;font-size: 17px;color: #fff;left: 0px;bottom: 0px;height: 42px;line-height: 42px;}
.producut-view .bd .pic-box div{width: 520px;height: 520px; }
.producut-view .bd .pic-box img {max-width: 520px;max-height: 520px;}

.producut-view .hd{margin: 16px 0;}
.producut-view .hd li{float: left;margin-right: 12px;}
.producut-view .hd .pic-box { width: 50px;}
.producut-view .hd .pic-box div{width: 50px;height: 50px;}
.producut-view .hd .pic-box img {max-width:50px;max-height: 50px;border:1px solid transparent;}
 .producut-view .hd li.on .pic-box img{ border:1px solid #bd0e1a;}

.pro-intro {position: relative;float: right; width:500px; margin-right: 20px;}
.pro-name {font-size:26px;color: #333333; height:72px; line-height: 72px;  }
 
.pro-detail{font-size: 14px; color: #4c4c4c;  border-bottom: 1px solid #dfdfdf;}
.pro-detail .con{  line-height: 22px;padding: 19px 0 26px}

.share-part{height:67px; line-height: 67px; font-size: 14px; color: #8c8c8c;}
.share-part img{vertical-align: middle;}
.other-pro{text-align:right; float: right; margin-top: 10px; font-size: 14px; color: #6D6D6D;line-height: 48px;}
.other-pro a:hover{color: #ba2a36}

.relate-pro{margin: 20px  0 80px;}
.one-relate{border: 3px #FFF solid; float: left; width: 257px;margin-right:16px; font-size: 12px; color: #555555; line-height: 3;}
.one-relate:hover{color: #99474e;border:3px #AB0606 solid}
.relate-tit{font-size: 24px; color:#303030;  margin-bottom: 20px;}
.relate-tit span{color:#6a6a6a }
.pro-detail2{padding: 16px 0 60px;font-size: 15px; color: #6d6d6d;line-height: 35px;border-bottom: 1px solid #dedede ; position : relative}
.one-relate:nth-child(4n){margin-right: 0;}

/* 2020-7-21 */
.pro-detail2 .pro-vr { width : 120px ; position : absolute ; right : 0px ; top : 0px }
.pro-detail2 .pro-vr img { display : block ; width : 100px ; height : 100px ; margin-top : 10px ; margin-left : 10px }
.pro-detail2 .pro-vr span { display : block ; font-size : 12px ; text-align : center ; line-height : 24px }
/* 2020-7-21 */

/* 2020-8-12 */
.pro-detail2 .pro-vr a{display: block;width: 100%;text-align: center;border: 1px solid #000;background: #F5F5F5; box-sizing: border-box; transition: all .5s;}
.pro-detail2 .pro-vr a:hover{
	color: #FFFFFf;
	background-color: #333333;
}

/* 2020-8-12 */


.net .l{ float: left; width: 600px; margin-top: 130px;}
.net .r{float: right; width: 468px; margin-right: 10px}
.net .r .con{padding: 5px 12px;background: #f8f8f8}

.one-store{border-bottom: 1px solid #dfdfdf; padding:10px 0; width:380px; margin-left: 24px; }
.one-store h2{font-size: 16px; color: #333333; line-height: 44px;}
.one-store p{padding-left: 34px;}
.one-store p.tit1{font-size: 15px; color: #333333; font-weight: bold; line-height:30px;}
.one-store p.text{font-size: 13px; color: #5c5c5c; line-height: 24px;}

.wrap-store{padding-bottom: 28px; background: #fff; margin-top: 20px;}
.wrap-store h2{ font-size: 26px;text-align: center;height: 60px;line-height: 60px;}
.wrap-store .container2{height:434px; position: relative;}
.wrap-store .div_scroll{ background:transparent;height: 434px; width: 100%; overflow: auto;}
.wrap-store .scroll_container {overflow: hidden;position: relative;}
.wrap-store .scroll_absolute {position: absolute;}
.wrap-store .scroll_vertical_bar {position: absolute;top: 0; right: 14px;width: 4px;height: 100%;background: green; margin: 0;padding: 0;}
.wrap-store .scroll_track {position: relative;background-color: #d3d3d3;}
.wrap-store .scroll_drag {position: relative;top: 0;left: 0;cursor: pointer;background-color: #da251d;}
.wrap-store .scroll_arrow {text-indent: -20000px;display: block;cursor: pointer;}
.wrap-store .scroll_vertical_bar .scroll_arrow {height: 16px;}

.secelc-section{padding: 20px 0px;background: #8b030a;font-size: 0;text-align: center;}
.net-select{width: 208px; height: 38px;text-align: left;position: relative;display:inline-block;*display:inline;vertical-align: top; color: #fff; font-size: 16px; line-height: 38px;background: url(../images/select-bg.jpg) no-repeat;}
.select-item2{padding-left: 16px;}
.net-select select { position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;filter: alpha(opacity=0);border:none;}
.net {margin: 30px 0;}

.in-banner{position: relative;}
.banner-text-wrap{position: absolute;width: 1200px; left:0;right: 0;margin: auto;top: 0;text-align: left;}
.banner-text{padding: 120px 0 0 20px;}
.banner-text p{color: #252525;font-size: 37px;}
.banner-text p span{font-size:14px; line-height: 2; display: block;}
.banner-text .banner-line{width: 58px; position: relative;left: 3px; color: #fff;background: #3C3C3C; height: 2px; margin-top: 10px;}
.banner-text .con{font-size: 15px; color: rgba(80, 80, 80, 0.82);margin: 13px 0; line-height: 26px;}

.banner-more{display:block; margin-top: 24px; border:1px solid #fbfbfa;border-radius:22px; width:130px; height:38px; line-height: 38px;color: #fff;text-align: center;    font-size: 15px; }



@media screen and (min-width: 1200px) {
 #menu{z-index: -1;opacity: 0;}
 .news-list li:hover .news-line{ background: url(../images/news-line2.png);}
.har{height: 110px;}
.header{ position: fixed;left: 0;right: 0;top:0;background: #fff;z-index: 9999 ;  box-shadow: 1px 1px 5px #CACACA;}
}

@media screen and (max-width: 1099px) {
 .nav{display: none;}
 .logo{width: 160px;margin: 0; }
 .header{height: 50px; line-height: 50px; padding: 10px;}
 .sidebar-ico  {display: block;}
 .menu-wrap {display:block !important}
 
.index-one-pro > div.l ,.index-one-pro > div.r{width: 98%;margin:6px auto;display: block;}
.r-pro dl{text-align: center;font-size: 0;}
.r-pro dl dd.firstdd{background: none;}
.r-pro dl dd{float: none; margin: 0 1% 8px; width: 48%; display:inline-block;*display:inline;vertical-align: top;}
.r-pro dl dd.extradd .mask{display: none;}
.r-pro dl dd.firstdd img{width: 32px; padding-top: 12%;}
.index-one-pro{margin: 20px 0;}
.nav-search {position: relative;top: 0; position: relative; margin: 10px auto 0;}
.contact .l > p{height: auto;}
.contact .l{margin-bottom: 20px !important;}
.index-about{background: #a7a29c !important}
.index_news_con .news_li,.index_news_con .news_li .r_con{width: 96%;margin: 10px auto; padding: 0;}
.index_news_con .news_li .pic{float: none; text-align: center;}
.index_news_con .news_li{height: auto;}
.last_menu_r,.last_menu_l{ float: none; text-align: center; padding: 10px 0;}
.in-nav2{height: auto;border:none;}
.page-nav2 li,.about1 .r{text-align: center; }
.a-list img{display:block;margin:10px auto;}
.about1 .r{display: block;padding-top: 20px;}
.news-list li .news-img{text-align: center;}
.news-text,.news-img{height: auto;}
.news-text .news-line{width: 100%; background-repeat: no-repeat;}
.news-text{padding: 0; padding: 20px 0 40px;}
.news-img img{width: auto !important;height: auto !important;}
.news-list li{margin-top: 25px;}
.news-wrap .tit{line-height:40px;font-size: 16px; padding: 10px 0;}
.news-wrap .con{padding: 0}
.other-news>p{float: none;}
.news-view{padding: 20px 10px;}
.share-part{font-size: 0;}
.net .l ,.net .r{float: none; margin:10px auto;}
.contact .r{height: auto;}
.banner-text-wrap{display: none;}
.ha{height: auto !important;padding: 20px 10px !important;}
.dn{display: none !important;}

.p10{padding: 0 10px !important;}
.phone-mar{margin: 20px 0 !important;}
.r-pic-box{width: 96% !important; display: block !important; float: none !important;margin: auto !important;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
.r-pic-box .pic-box {width: auto !important;height: auto !important; margin: auto !important;}
.r-pic-box .pic-box div{display: block !important;height: auto !important;width: auto !important;}
.r-pic-box .pic-box img{max-width: 100% !important;} 
.half{width:48% !important; margin: 0 1% 10px!important; float: left !important;}
}
@media screen and (max-width: 767px) {
.banner .owl-nav div{width: 19px;height: 34px; margin-top: -19px;}
.banner .owl-nav div.owl-prev ,.banner .owl-nav div.owl-next{background-size: contain;}
.banner .owl-dots{height: 30px; line-height: 30px;}
.banner .owl-dot{width: 10px; height: 10px;}
.index-products .hd{font-size: 0;text-align: left;}
.index-products .hd li{width: 32%;margin: 0 .5% 10px;padding: 0; font-size: 14px;text-align: center;}
}


@media screen and (max-width: 640px) {
body{opacity: 0;}
 .r-pro dl dd{height: auto;}
.index-one-case{float: none; width: 100%;}
 .producut-view .hd li{width: 24%;margin: 0 .5% 10px;}
 .producut-view .hd .pic-box{width: 100%;}

.net .l {display:none;}
.net .r{width: 96%;}
.net-select{width: 48%;}
.one-store{width: 100%;}
.top-con{padding: 0 10px;}
.top-con .row{width: 100%;}
.top-con .row input{width: 60%;}
.fix-extra .store-location-select{width: 68px;}
.one-store p{padding-left: 6px;}
.one-store{width: 84%;}
.last_menu_r{display: none;}
.wrap-store .scroll_vertical_bar {right: 0}
.net-select{background: #b3595e}
}