* { margin: 0; padding: 0; }
html {font-size: 62.5%}
body { font-size:12px;color:#666; background-color:#ffffff; font-family:"Microsoft Yahei";}
a {  text-decoration:none; color:#666; }
a:hover { text-decoration:none; color:#1d0805;}
a img { border: 0; }
* { word-break:break-all; }
.ul,.ul li,form,.dl,.dl dt,.dl dd,div,.p{ padding: 0px; margin: 0px;}

.ul,.ul li{ list-style:none; margin: 0;} 

select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#414446;} 

input:focus { outline: none;}
input,button,select,textarea{outline:none; } 
.Cle { font-size:0;display:block; clear:both; }
.t10{margin-top:10px;}

.fl{ float:left}
.fr{ float:right;}
.clear{ clear:both}
.r{float:right;} .l{float:left;}
h3{font-weight:normal;}

 #container{
width:100%;
height:auto;
overflow:hidden;
margin:0px auto;
 } 




#lg{ 
width:100%;
margin:0 auto;
height:205px;
background: url(../image/bd_02.gif) top repeat-x;
}
.lg{width:1200px; height:155px; margin:0 auto;}

.toptxt {
	width: 100%;
    height: 40px;
    line-height: 40px;
}


.logo{width:250px; height:90px; float:left; padding-top: 2px;}
.hottel{ width:500px; height:40px; line-height: 40px; float: right; text-align: right; }
.hottel p{ font-size:30px; color:#eb2606;}




#dh{
width:1100px;
height:50px;
	margin: 0 auto;
}
#dh ul{}

#dh .mainlevel {float:left;  width:137px; }
#dh .mainlevel a {color:#7d7d7d; text-decoration:none; line-height:50px; display:block; text-align:center;font-size:16px;}
#dh .mainlevel a:hover {color:#000; text-decoration:none;}
#dh .mainlevel ul {display:none; position:absolute;}
#dh .mainlevel li {border-top:1px solid #ccc; background:#7d7d7d; height:40px;line-height:40px;width:100px;}
#dh .mainlevel li a{color:#4f4f4f; font-weight:normal; width:100px;  line-height:40px; font-size:14px;}
#dh .mainlevel li a:hover{height:40px;line-height:40px; color:#f90}






.container{width:100%;margin:0 auto;position:relative;padding:0;}






.banner{width:100%;overflow:hidden;}
.banner .swiper-slide img{width:100%;}
.banner .swiper-pagination-bullet-active {opacity:1; background:#005083; width:10px; border-radius:10px; height:10px;}
.banner .swiper-pagination-bullet {display:inline-block; background: #0065a6;}  






.title{ font-size:20px; font-weight: bold; color: #b50007; position: relative;  display: inline-block; line-height:75px;}
.title:after{position: absolute; width:42px;  height:3px;  left:50%; top:0px; content:''; margin-left: -21px; background: #b50007;}



.recommend{ padding-top: 60px; width:1145px; margin:0 auto; text-align: center; height:auto; overflow: hidden;}
.tab{ margin-top: 60px;  height: 197px; box-shadow: 0 8px 16px 0 rgba(7,17,27,.1); border-bottom: 1px solid #e5e5e5; zoom:1;}
.tab_list{ width:228.9px; float: left; height:197px;  border:1px solid #e5e5e5; margin-left:-1px;box-sizing:border-box;transition:all .2s; border-bottom: 0px; text-align: justify;}
.tab_list:hover { margin-top: -40px;height: 270px; box-shadow: 0 5px 16px rgba(7,17,27,.1);}
.tab_content{ height: 197px; padding: 38px 0 ; box-sizing: border-box; text-align: center;}
.tab_title{  color: #b50007; font-size: 20px; line-height: 50px;}
.tab_content span{ color: #a0a0a0;font-size: 14px;}
.tab_list:hover .tab_content{height: 166px;}
.tab_item{ min-height:103px; background: #646464; padding: 18px; box-sizing: border-box; display: none; transition:all .2s ease-in;overflow: hidden;}
.tab_list:first-child{ margin-left:0px;}
.tab_list:hover .tab_item{display: block;}
.tab_item a{ color: #fff; font-size: 14px; display: inline-block; margin-right: 5px; margin-bottom: 5px;}

.hotshop{padding-top: 98px;padding-bottom: 80px;}
.hot_item{height: 805px;}
.hot_list{float: left;border: 1px solid #e5e5e5;width: 552px;height: 388px;margin-left: 12px;margin-top: 12px;overflow: hidden;transition: all .3s;}
.hot_img{height: 305px;overflow: hidden;transition: all .2s;position: relative;}
.hot_img img{width: 100%;position: absolute;z-index: -1;left: 0;top: 0;}
.hot_tit{height: 160px;background: #efeff0;position: relative;z-index: 1;}
.hot_title{color:#b50007;font-size: 20px;line-height: 70px;position: relative;height: 70px;}
.hot_title:after{position: absolute;width: 48px;height: 1px;background: #b50007;left: 50%;bottom: 0;content: '';margin-left: -24px;}
.hot_con {opacity: 0;padding-top: 25px;}
.hot_con a{color: #fff;}
.hot_list:hover{transition: all .3s;}
.hot_list:hover .hot_img{height: 228px;transform: scale(1.2);transition:  all .3s;}
.hot_list:hover .hot_tit{background: #b50007;transition:  all .3s;}
.hot_list:hover .hot_tit p{color: #fff;transition:  all .3s;}
.hot_list:hover .hot_tit p:after{background: #fff;transition:  all .3s;}
.hot_list:hover .hot_con{opacity: 1;transition: all .3s;}
.hotmore{background: #b50007;padding: 7px 15px;width: 100px;display: inline-block;margin-top: 20px;border-radius: 5px;transition: all .3s;}
.hotmore:hover{opacity: .8;}
.hotmore a{color: #fff;}


.indexMall{padding:60px 0; margin:0 auto; text-align: center; height:auto; overflow: hidden; background-color: #f1f1f1;}

.slideTxtBox { width: 100%; position: relative; }
.slideTxtBox .bd ul { zoom: 1; height:auto; overflow: hidden;text-align: center;}
.slideTxtBox .hd {height:190px; border:1px solid #d3d3d3; background-color:white;width: 1140px; margin:0 auto;box-shadow: 0 8px 16px 0 rgba(7,17,27,.1);}
.slideTxtBox .hd ul { height:190px; width: 100%; }
.slideTxtBox .hd ul li { float: left; width:20%; cursor: pointer;}
.slideTxtBox .hd ul li a { height: 150px; padding-top:40px; position: relative; display: block; color: #000; font-size: 18px; text-align: center; }
.slideTxtBox .hd ul li a i { position: absolute; left: 0; top: -10px; height: 11px; width: 100%; z-index: 5; display: none;}
.slideTxtBox .hd ul li a div { height: 36px; background-position: center top; background-repeat: no-repeat; }
.slideTxtBox .hd ul li a p { margin: 30px 0 26px; }
.slideTxtBox .hd ul li a span { display: block; margin: 0 auto; width: 18px; height: 1px; background-color: #6a6a6a; }
.slideTxtBox .hd ul li a em { position: absolute; right: 0; top: 0; height: 100%; width: 1px; z-index: 5; display: block; background: url(../image/indexspan.jpg) no-repeat left center;  }
.slideTxtBox .hd ul li.on { background-color: #646464; }
.slideTxtBox .hd ul li.on a { color: #fff; }
.slideTxtBox .hd ul li.on a span { background-color: #fff; }
.slideTxtBox .hd ul li.on a i { display: block; }
.slideTxtBox .hd ul li.on a em { display: none; }
.slideTxtBox .hd ul li:last-child a em { display: none; }
.mallbg { position: absolute; left: 0; bottom: -27px; height: 27px; width: 100%; z-index: 5; background: url(404.png) no-repeat center top; }



.caselist{height:740px;padding-bottom: 45px;padding-top: 45px;background: #ddddde;text-align: center;}
.caselist ul{width: 1150px;margin: 0 auto;background:#fff;height: auto; overflow: hidden}
.caselist li{margin-top: 10px;margin-left: 10px;height: 300px;background: #fff;width: 370px;float: left;overflow: hidden;position: relative;}
.caselist li img{width: 100%;transition: all 0.5s;}
.caselist_m{width: 180px;height: 234px;overflow: hidden;}
.case_more{height: 56px;line-height:56px;background: #b50007;margin-top: 10px;}
.case_more a{color: #fff;}
.case_hover{opacity:0;position: absolute;width: 360px;height: 290px;border: 1px solid #fff;top: 5px;left: 5px;box-sizing: border-box;}
.case_hover span{background: #fff;color: #b50007;line-height: 290px;padding: 5px 10px;}
.caselist li:nth-child(3){margin-right: 10px;height:145px;}
.caselist li:nth-child(3).case_hover{height:135px;}
.caselist li:nth-child(3) .case_hover span{line-height: 135px;}
.caselist li:nth-child(4){margin-right: 10px;height: 145px;}
.caselist li:nth-child(4) .case_hover{height: 135px;}
.caselist li:nth-child(4) .case_hover span{line-height: 135px;}
.caselist li:nth-child(5){margin-bottom: 10px;width: 560px;}
.caselist li:nth-child(5) .case_hover{width: 550px;}
.caselist li:nth-child(6){margin-bottom: 10px;width: 180px;}
.caselist li:nth-child(6) .case_hover{width: 170px;height: 223px;}
.caselist li:nth-child(6) .case_hover span{line-height: 223px;}
.caselist li:nth-child(7){margin-bottom: 10px;margin-right: 10px;}



.about{ width: 1140px; margin:0 auto; height: 886px;text-align: center;padding-top: 46px;box-sizing: border-box;padding-bottom: 76px; font-size:16px;}
.about_ul{padding: 45px 0;border: 1px solid #d2d2d2;margin-bottom: 12px; height: auto; overflow: hidden;}
.about_ul li{border-left: 1px solid #ddddde;width: 188.5px;height: 89px;float: left;padding-top: 8px;box-sizing: border-box;color: #b50007;font-weight: bold;transition: all .2s;}
.about_ul li div{height: 50px;}
.about_ul li p{ font-size:16px;}
.about_ul li:hover{opacity:.8;}
.about_ul li:first-child{border-left: 0px;}
.about_list li{width: 50%;float: left;height: 234px;position: relative;overflow: hidden;}
.about_list .left img{position: absolute;top: 0px;left: 0px;}
.about_list .right img{position: absolute;top: 0px;right: 0px;}
.about_list div{background: #b50007;width: 209px;height: 234px;position: relative;color: #fff;}
.about_list div span{display: block;height: 50px;color: #fff;position: relative;margin-bottom: 20px;}
.about_list div  a{color: #fff;display: block;width: 209px;height: 234px;padding-top: 70px;box-sizing: border-box;}
.about_list div span:after{position: absolute;width: 36px;height: 1px;content: '';background: #fff;bottom: 0px;left: 50%;margin-left: -18px;}
.about_list .left div{ float: right;}
.about_list .left div:after {position: absolute;content: "";width: 0;height: 0;border-width:10px 10px 10px 0;border-style:solid;border-color:transparent #b50007 transparent transparent;left: -10px;top: 50%;margin-top: -10px;}
.about_list .right div:after {right: -10px;top: 50%;position: absolute;content: '';width: 0;height: 0;margin-top: -10px;border-width:10px 0 10px 10px;border-style:solid;border-color:transparent transparent transparent #b50007;}

.about_list  li:hover img{transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }




.news{text-align: center;height: 750px;box-sizing: border-box;padding-bottom: 90px;}
.newsnav{padding-bottom: 40px;}
.newsnav li {width: 130px;height: 28px;line-height: 18px;display: inline-block;cursor: pointer;position: relative;}
.newslis.on  p {color: #fff;background: #b50007;}
.newsnav li p{padding: 5px 10px;color: #6b6b6b;margin: 0 10px;display: block;border-radius: 5px;line-height: 18px;}
.newsnav li:hover .news_p{color: #fff;background: #b50007;transition: all .2s;}
.newsnav li:after{ width: 1px; height: 18px; content: '';background: #c9c9c9;position: absolute; right: 0px;top: 50%; margin-top: -9px;}
.newsnav li:last-child:after{background: none;}
.bd_content{height: 520px;width: 1140px;margin: 0 auto;text-align: left; position: relative;}
.newsdes{z-index: -1;opacity: 0;top: 0;left: 0;position: absolute;transition: all 1.2s ease;width: 100%;}
.newsdes.on {z-index: 1;opacity: 1;}
.inewsl, .inewsr {width: 50%;float: left;height: 520px;transition: all .3s;}
.newsimg{width: 485px;height: 512px;overflow: hidden;}
.newsimg img{transition: all .5s;}
.newsimg img:hover{ transform: scale(1.2);}
.headlines {width: 25%;height: 55px;line-height: 55px;background: #b50007;text-align: center;color: #fff;}
.headlines_new {width: 70%;height: 55px;line-height: 55px;background: #eeeeee;padding-left: 5%;}
.headlines_new a{font-size: 16px;}
.inewsr_headlines div:last-child {line-height: 24px;margin: 20px 0;color: #555555;}
.inewsr_headlines p{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.inewsr li{margin-bottom:15px;border-top: 1px solid #ececec;padding-top: 15px;}
.inewsr li a:hover{color: #b50007;}
.inewsr li:hover .itime{background: #b50007;transition: all .3s;}
.itime{width:75px;height:82px;border:1px solid #cdcdcd;padding:5px;box-sizing:border-box;float:left;margin-right:14px;background: #cfcfcf;text-align: center;}
.itime p{font-size:30px;color:#fff;font-family:SimHei;text-align:center;line-height:45px;font-weight:700;}
.itime span{font-size: 12px;color: #fff;}
.inewst a{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: -webkit-box;font-size: 18px;}
.inewsc{font-size:14px;color:#666;line-height: 20px;text-align: left;margin-top: 8px;}
.inewsc a{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: #666!important;}






#body3{ width:100%; margin:0 auto; background-color:#FFF; overflow:hidden; color:#666}
.mnav{ width:247px; height:70px; text-align:center; margin:25px auto; background:url(404.png) top center no-repeat; line-height:70px; font-size:22px; font-weight:700px; color:#999;}

.lMenu {margin:auto; width:1072px; padding:20px 0;}
.lMenu h2{ text-align:center; padding:15px 0px; margin:0px; font-size:24px; font-weight:normal; line-height:30px;}
.lMenu h2 b{ display:block;  color:#303074; font-weight:normal;}
.lMenu h2 em{ display:block; color:#c1c1c1; font-style:normal;}
.lMenu dl{ text-align:center;}
.lMenu dl span{ position:relative; margin-top:-1px; margin-left:-1px;  width:152px; display:inline-block; line-height:40px; border:solid 1px #d0d0d0; overflow:hidden; background-color:#e2e2e2;}
.lMenu dl span a{ color:#484848; font-size:14px;}
.lMenu dl span.on{background:#eaeaea url(404.png) no-repeat 10px center;}
.lMenu dl span.on a{ color:#0f1837;}



.body3_title{height:45px; line-height:45px;font-weight:bolder;color:#0d2f6c; width:1200px; margin:0 auto;}
.body3_title p{width:50%; text-align:left; font-size:16px; font-weight:normal;  padding-right:25px; text-indent:20px;}
.body3_title p a{ color:#0d2f6c;}


.body1{ width:100%; height:auto; margin:0 auto;padding-top:10px; overflow:hidden;  margin-bottom:15px; background-color:#0c2166; color:#FFF}
.body1 .pb{ padding-bottom:20px;}


.shiping{ width:1050px; margin:0 auto; height:500px; padding-bottom:20px;}
.shiping h3{ line-height:55px; font-size:20px !important; font-weight:normal !important}

.w1200{ width:1200px; height:auto; margin:0 auto; overflow:hidden;}


.body3_r2{ padding:20px;line-height:200%; color:#6e5f4f;}
.body3_r3{width:1100px; text-align:center; margin:0 auto;font-size:14px; color:#333; font-weight:bold; padding-bottom:25px;}
.body3_r4{ width:1100px; height:50px; margin:0 auto; text-align:center;}
.body3_r5{ padding:20px 15px; line-height:25px;}





.Content{ width:100%; overflow:hidden; position:relative; min-height:450px;}
.mainCont{ margin:30px 0;}
.Current{ font-size:14px; line-height:50px; position:relative; z-index:40;}
.Current,
.Current a{ color:#a0a0a0;}
.Current a:hover,
.Current span{ color:#000;}


.dot{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.Pic100{ position:relative; width:100%; height:0;}
.Pic100 img{ position:absolute; left:0; top:0; width:100%; height:100%;}
.wid{ max-width:1280px; margin:0 auto;}

.searchMenu{ position:relative;}
.searchMenu.fixed{ position:fixed; width:100%; left:0; top:0; z-index:30; background: #fff;}
.searchMenu .wid{ position:relative; padding:0%;}
.searchMenu .search{ position:absolute; right:0; top:20px; z-index:30;}
.searchMenu .search .clickbtn{ display:block; line-height:20px; position:relative; padding-right:20px; font-size:16px; color:#000;}
.searchMenu .search .clickbtn::before{ position:absolute; content:''; right:0; top:50%; border:6px solid #fff; border-top-color:#a0a0a0; margin-top:-3px;}
.searchMenu .search .box{ position:absolute; background:#fff; border-radius:5px; right:0; top:35px; box-shadow:0 0 5px 1px #ccc; width:300px; display:none;}
.searchMenu .search .box .ti{ text-align:center; line-height:60px; font-size:18px; color:#000;}
.searchMenu .search .box .dl{ border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:25px; font-size:16px;}
.searchMenu .search .box .dl dd+dd{ margin-top:20px;}
.searchMenu .search .box .dl .fl{ float:left; color:#000; line-height:38px;}
.searchMenu .search .box .dl .fr{ padding-left:3em;}
.searchMenu .search .box .dl .fr input{ display:block; background:#f4f4f4; border:1px solid #ddd; border-radius:2px; width:100%; height:36px; line-height:34px; padding:0 5px; font-size:14px;}
.searchMenu .search .box .btn{ padding:20px;}
.searchMenu .search .box .btn a{ display:block; width:112px; height:32px; text-align:center; font-size:18px; color:#333; border-radius:3px; border:1px solid #7d7d7d; line-height:30px; margin:0 auto;}
.searchMenu .search .box .btn a:hover{ color:#000; border-color:#1b1b1b;}


.list_menu{ text-align: center; padding: 3% 0 2%; position: relative;}
.list_menu li{ display: inline-block; margin: 0 2% 2%;}
.list_menu li img{ width: 54px; height: 54px; display: block; margin: 0 auto;}
.list_menu li p{ margin: 5px auto 2px; color: #000; font-size: 18px; border-bottom: 2px solid #fff;}
.list_menu li span{ font-size: 14px; display: block; color: #707070;}
.list_menu li .aon p{border-bottom-color: #000;}
.list_menu .line{ position:absolute; width:1920px; left:50%; margin-left:-960px; bottom:0; background:#e5e5e5; height:1px; overflow:hidden;}


.mainMenu{ position:relative; text-align:center; line-height:0; padding-bottom:1px;background:#fff;}
.mainMenu .line{ position:absolute; width:1920px; left:50%; margin-left:-960px; bottom:0; background:#e5e5e5; height:1px; overflow:hidden;}
.mainMenu .one{ display:inline-block;}
.mainMenu .one > li{ float:left; position:relative; }
.mainMenu .one > li{ margin: 0 30px;}
.mainMenu .one > li a{ display:block;}
.mainMenu .one > li > a{ font-size:16px; color:#000; line-height:20px; padding:20px 0 18px 0; border-bottom:2px solid #fff;}
.mainMenu .one > li > a:hover,
.mainMenu .one > li.on > a{ border-bottom-color:#000;}
.mainMenu .two{ display:none; position:absolute; left:50%; transform:translateX(-50%); top:60px; z-index:5; color: #fff; background:rgba(255,255,255,1); border:1px solid #e5e5e5;}
.mainMenu .two > li{ line-height:40px; display:block;}
.mainMenu .two > li > a{ color:#333; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;padding: 0 15px;}
.mainMenu .two > li > a:hover{ background:#e1e1e1;}




.wid{ max-width:1280px; margin:0 auto;}
.prodList > .list > li{ padding:50px 0 40px 0;}
.prodList > .list > li+li{ border-top:1px solid #e5e5e5;}
.prodList > .list > li > .pic{ float:left; width:50%;}
.prodList > .list > li > .pic .Pic100{ padding-bottom:105.9375%; display:block;}
.prodList > .list > li > .info{ float:left; width:38%; padding:0 6%;}
.prodList > .list > li > .info .ti{ text-align:center; line-height:0; color:#000}
.prodList > .list > li > .info .block{ display:inline-block; position:relative; line-height:50px; max-width:96%;}
.prodList > .list > li > .info .cn{ font-size:42px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.prodList > .list > li > .info .en{ font-size:48px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.prodList > .list > li > .info .line{ position:absolute; background:#000; transition:all linear 0.5s;}
.prodList > .list > li > .info .ti .l{ width:1px; right:0; bottom:0; height:70%; opacity:1;}
.prodList > .list > li > .info .ti .b{ height:1px; right:-10%; bottom:0; width:0; opacity:0;}
.prodList > .list > li > .info .ti:hover .l{ height:0%; bottom:130%; opacity:0;}
.prodList > .list > li > .info .ti:hover .b{ width:60%; right:40%; opacity:1;}
.prodList > .list > li > .info .size{ color:#707070; text-align:center; line-height:20px; padding-top:30px;}
.prodList > .list > li > .info .size .t1{ font-size:16px;}
.prodList > .list > li > .info .size .t2{ font-size:18px;}

.prodList > .list > li > .info .d1{ margin:0 auto; overflow:hidden; padding-top:15%; width:100%;}
.prodList > .list > li > .info .d1 dd{float:left; padding:0 1px; width:32%;}
.prodList > .list > li > .info .d1 a{ display:block; position:relative; }
.prodList > .list > li > .info .d1 .Pic100{ padding-bottom:100%; z-index:1;}
.prodList > .list > li > .info .d1 .txt{ z-index:0; position:absolute; left:0; top:0; height:100%; width:94%; padding:5px 3%; background:rgba(112, 112, 112, 0.8); transition:all 0.3s; text-align:center; color:#fff; opacity:0;}
.prodList > .list > li > .info .d1 .txt .t1{ position:absolute; top:15px; left:0; width:94%; padding:0 3%; font-size:16px;}
.prodList > .list > li > .info .d1 .txt .t2{ position:absolute; left:0; bottom:15px; padding:0 3%; width:94%; word-break: break-all;}
.prodList > .list > li > .info .d1 .txt .t2 span{ display:block; font-size:16px;}
.prodList > .list > li > .info .d1 .txt .t3{ font-size:16px; line-height:18px; height:36px; overflow:hidden; position:relative;}
.prodList > .list > li > .info .d1 .txt .t3::after{ position:absolute; content:''; left:0%; right:0; margin:0 auto; bottom:0; width:28px; border-top:1px solid #fff;}
.prodList > .list > li > .info .d1 a:hover .txt{ z-index:2; opacity:1;}


.prodList > .list > li > .info .d1_1{ margin:0 auto; overflow:hidden; padding-top:15%; width:100%;}
.prodList > .list > li > .info .d1_1 dd{float:left; padding:10px 5%; width:40%;}
.prodList > .list > li > .info .d1_1 a{ display:block; position:relative; }
.prodList > .list > li > .info .d1_1 .Pic100{ padding-bottom:50%; z-index:1;}
.prodList > .list > li > .info .d1_1 .txt{ z-index:0; position:absolute; left:0; top:0; height:100%; width:94%; padding:5px 3%; background:rgba(112, 112, 112, 0.8); transition:all 0.3s; text-align:center; color:#fff; opacity:0;}
.prodList > .list > li > .info .d1_1 .txt .t1{ position:absolute; top:15px; left:0; width:94%; padding:0 3%; font-size:16px;}
.prodList > .list > li > .info .d1_1 .txt .t2{ position:absolute; left:0; bottom:15px; padding:0 3%; width:94%; word-break: break-all;}
.prodList > .list > li > .info .d1_1 .txt .t2 span{ display:block; font-size:12px;}
.prodList > .list > li > .info .d1_1 .txt .t3{ font-size:16px; line-height:18px; height:36px; overflow:hidden; position:relative;}
.prodList > .list > li > .info .d1_1 .txt .t3::after{ position:absolute; content:''; left:0%; right:0; margin:0 auto; bottom:0; width:28px; border-top:1px solid #fff;}
.prodList > .list > li > .info .d1_1 a:hover .txt{ z-index:2; opacity:1;}



.prodList > .list > li > .info .d2box{ max-width:550px; margin:0 auto;}
.prodList > .list > li > .info .d2{ overflow:hidden; margin-right:-15px; padding-top:10px;}
.prodList > .list > li > .info .d2 dd{ float:left; overflow:hidden; width: %; padding-right:15px; margin-top:25px;}
.prodList > .list > li > .info .d2 dd .pic{ float:left;}
.prodList > .list > li > .info .d2 dd .pic{}
.prodList > .list > li > .info .d2 dd .pic img{ width:45px; height:45px;}
.prodList > .list > li > .info .d2 dd .pic img{ display:block; border:2px solid #959595;}
.prodList > .list > li > .info .d2 dd .txt{ line-height:15px; font-size:14px; padding-left:5px; height:45px; overflow:hidden; color:#707070;}
@media (min-width: 769px){
.prodList > .list > li.odd > .pic{ float:right;}
.prodList > .list > li.odd  > .info .title .l{ width:1px; left:0; bottom:0; height:70%; opacity:1;}
.prodList > .list > li.odd  > .info .title .b{ height:1px; left:-10%; bottom:0; width:0; opacity:0;}
.prodList > .list > li.odd  > .info .title:hover .l{ height:0%; bottom:130%; opacity:0;}
.prodList > .list > li.odd  > .info .title:hover .b{ width:60%; left:40%; opacity:1;}
}


.product_list { padding:3% 1% 1% 3%; height:auto; overflow:auto; width:96%;}
.product_list ul li{ float:left; width:22%; margin-bottom:20px; margin-right:2%;}
.product_list ul li:hover{-webkit-box-shadow:0 0 0 3px #8d837a; -moz-box-shadow:0 0 0 3px #8d837a; box-shadow:0 0 0 3px #8d837a;}
.product_list ul li:nth-child(4n){ margin-right:0;}
.product_list ul li figure{border:solid 1px #e5e5e5; padding:7.22%;}
.product_list ul li figure a{ display:block; width:100%; padding-bottom:60%; background-position:center center; background-repeat:no-repeat; background-size:contain;}
.product_list ul li figure:hover a.NOnone{ display: none; }
.product_list ul li figure a.hoverdas{ display: none; }
.product_list ul li figure:hover a.hoverdas{display: block;}
.product_list ul li h5{ font-size:14px; padding:20px 0 20px 70px; position:relative;}
.product_list ul li h5 a{ display:block;}

.product_list ul li .more-list{ left:20px; position:absolute; padding:0 10px 0 0; margin-right:10px; border-right:solid 1px #d6d3d1;}
.product_list ul li .more-list{font-weight:bold; font-size:15px;}
 .product_list ul li .more-list a{color:#c1ae8b; display:inline-block; width:27px; line-height:27px; height:27px; border:solid 1px #bebebe; text-align:center; border-radius:100%; -moz-transition:all 0.7s; -ms-transition:all 0.7s;  -o-transition:all 0.7s;  -webkit-transition:all 0.7s; transition:all 0.7s;}
.product_list ul li .more-list a:hover{ background-color:#F00; color:#fff;}







.imglist{margin-bottom:50px;}
.imglist .lr .b_img, .imglist .rl .txt{float: left;}
.imglist .lr .txt, .imglist .rl .b_img{float: right;}

.imglist .lst{height:320px;width:1100px; margin-bottom:38px; border:1px solid #CCC; padding:10px; margin:0 auto;}
.imglist .b_img{width:488px; height:320px; position: relative; cursor: pointer;}
.imglist .b_img .b_bg{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-color: #000;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
}
.imglist .b_img .b_more{
    width: 240px;
    height: 110px;
    position: absolute;
    color: #fff;
	font-size: 24px;	
    text-align: center;
    left: 50%;
    top: 50%;
    margin-left: -120px;
    margin-top: -55px;
}
.imglist .b_img .b_more a{font-size: 20px; color: #fff; display: block; width: 113px; height: 28px; line-height: 28px; text-align: center; border: 1px solid #fff; margin: 30px auto 0;}
.imglist .b_img>img{width:100%; height:320px;}

.imglist .txt{width:600px; height:320px; text-align:center; position:relative; color:#4f4f4f;}
.imglist .txt .s_img{height:320px; width:320px; overflow:hidden; text-align: center; float:left;}
.imglist .txt .s_img img{ width:320px; height:auto; max-height:320px;}

.imglist .txt .more{display: block; margin: 0 auto; width:270px; height: 30px; line-height: 30px; font-size: 14px;  color: #666666;background: #cccccc;}
.imglist .lst:hover .txt .more{background: #cccccc; color:#666666;}
.imglist .lst:hover .b_img .b_bg{  opacity: 0.7;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);}

.imglist .txt .s_txt{height:320px; width:270px; overflow:hidden; text-align: center; float:right;}
.imglist .txt .s_txt p{font-size:12px; height:auto; line-height:24px; margin: 8px 0;text-align:left;}
.imglist .txt .s_txt h3{ font-size:26px; color:#000}












.w1920{margin:0 auto; width:100%; max-width:1920px; border-top:2px solid #666; padding-top:50px;}

.ab1{ width:100%; background-color:#e3e2de; text-align:center;}
.ab2{ width:100%; background-color:#f4f4f4; text-align:center; padding:25px 0;}
.ab3{ width:100%; background-color:#e3e2de; text-align:center;}


.w1050{ margin:0 auto; width:1100px; position:relative; border-top:2px solid #666; padding-top:50px;}

.news_con{margin-bottom:20px;}
.newslist{}
.newslist .title{ height:50px; overflow:hidden}
.newslist span.line{ display:block; height:5px;width:50px;background:#45b8ea;float:left; margin:10px 0px;}

.newslist h2{ font-size:20px; font-family:"微软雅黑",Arial, Helvetica, sans-serif; height:30px; margin-bottom:5px; font-weight:normal; color:#4f4f4f;}
.newslist h2 a{ color:#666;}
.newslist h2 a:hover{ text-decoration:underline;}
.newslist .con{height:210px; margin-bottom:30px; overflow:hidden;}
.newslist .auto{height:auto;}
.newslist .con .fl{width:330px;}
.newslist .con .fr{width:650px;padding:20px; font-size:14px; line-height:30px;}
.newslist .con p{color:#666; width:650px; float:left;}
.newslist p.p1{ height:75px !important; text-indent:2em;}


.ioc{ width:330px; height:50px; margin:0 auto; text-align:left;}
.ioc li{ width:130px; height:30px; float:left; line-height:30px; padding:10px 0; margin-left:35px;}
.ioc .c1{ width:35px; height:30px; margin-right:10px; border-right:1px dashed #FFFFFF; background:url(404.png) left center no-repeat; display:block; float:left;}
.ioc .c2{ width:35px; height:30px; margin-right:10px; border-right:1px dashed #FFFFFF; background:url(404.png) left center no-repeat; display:block; float:left;}
.ioc li a{ color:#FFF;}





#page{ text-align:center;height:40px; width:1000px; font-size:14px; margin:0 auto;}
#page strong{ color:#6e5f4f}
#page input.page1{ width:20px;}
#page a{ color:#6e5f4f;}
#page a:hover{ color:#6e5f4f;}



.pro_show_con{ clear:both; margin-top:15px;}
.pro_show_con .con1 .fl{}
.pro_show_con .con1 .fl .bpic{border:1px solid #0f1837;width:380px;height:380px;overflow: hidden;}
.pro_show_con .con1 .fl .bpic li{text-align:center;}
.pro_show_con .con1 .spic{ position:relative; height:64px; width:380px; margin-top:10px; overflow:hidden}
.pro_show_con .con1 .spic .pic{ width:350px; height:64px; overflow:hidden; margin-left:15px; margin-top:4px;}
.pro_show_con .con1 .spic .pic img{ border:1px solid #fff;}
.pro_show_con .con1 .spic .pic .on img{ border:1px solid #F00;}
.pro_show_con .con1 .spic li{ float:left; margin-left:8px;cursor:pointer;}
.pro_show_con .con1 .spic a{ display:block; background:url(../image/n_jts.png) no-repeat; width:20px; height:61px;  margin-top:3px; text-indent:-9999px; overflow:hidden; position:absolute;top:0}
.pro_show_con .con1 .spic a.prev{ position:absolute; left:0; }
.pro_show_con .con1 .spic a.next{ background-position:-20px 0px; right:0;}
.pro_show_con .con1 .fr{ width:550px;font-family:"微软雅黑",Arial, Helvetica, sans-serif; color:#666}
.pro_show_con .con1 .fr .h1{ font-weight:normal; font-size:20px; height:45px; }
.pro_show_con .con1 .fr .h3{ font-weight:normal; font-size:16px; height:45px; }
.pro_show_con .con1 .fr .p{ line-height:30px; margin:10px 0;  padding-bottom:10px;}
.pro_show_con .con1 .fr .bar{ margin-top:20px; font-family:Arial, Helvetica, sans-serif; color:#4f4f4f;line-height: 26px; border-top:1px dashed #999999;border-bottom:1px dashed #999999;}
.pro_show_con .con2{ margin-top:40px; background:#ccc; height: 180px; padding:25px; width:950px;  font-size:14px;color:#666}
.pro_show_con .con1 .fl_nav{ width:100%; height:45px; float:left; line-height:45px; margin-top:50px;}
.pro_show_con .con1 .fl_nav a{ width:100px; float:left; margin-left:150px}


.con_con{ width:100%; max-width:1920px; background-color:#dddddd;  margin:0 auto; height:auto; overflow:hidden;}



.pro_show_con .con2 .protaocan{margin-top:10px}
.pro_show_con .con2 .protaocan li{float:left;width:130px;height:160px;margin-right:25px;border: 1px solid #999;text-align: center;}
.pro_show_con .con2 .protaocan li a{display:inline-block;height:130px;width:130px;overflow:hidden;}
.pro_show_con .con2 .protaocan li p a{display:inline;}


.pro_show_con .con2_1{ margin-top:40px; background:#ccc; height:120px; padding:25px; width:950px;  font-size:14px; color:#666}
.pro_show_con .con2_1 .protaocan1{margin-top:10px}
.pro_show_con .con2_1 .protaocan1 li{float:left;width:205px;height:auto;margin-right:30px;text-align: center; }
.pro_show_con .con2_1 .protaocan1 li a{display:inline-block;height:50px;width:205px;overflow:hidden;}
.pro_show_con .con2_1 .protaocan1 li p a{display:inline;}


.pro_show_con .con3{ margin-top:45px; margin-bottom:50px; width:1000px; overflow:hidden}




.xg{ width:1000px; margin:0 auto; height:auto; overflow:hidden; padding-top:200px; background:url(404.png) right 15px  no-repeat; padding-bottom:50px;}





.down_con{margin-bottom:20px;}
.downlist{ border-bottom:1px dashed #FFFFFF; padding:20px 0;}
.downlist .title{ height:60px; overflow:hidden}
.downlist .title span.line{ display:block; height:60px; width:2px; background:#fff; margin-right:15px;}
.downlist .title .h{ float:left}
.downlist .title .h h2{ font-size:24px; font-family:"微软雅黑",Arial, Helvetica, sans-serif; height:30px; margin-bottom:5px; font-weight:normal; color:#fff;}
.downlist .title .h h2 a{ color:#fff;}
.downlist .title .h h2 a:hover{ text-decoration:underline;}
.downlist .title .h p{ color:#fff}
.downlist .con{height:50px; margin-bottom:10px; overflow:hidden;}
.downlist .auto{height:auto;}
.downlist .con .fl{ width:650px; padding:20px; font-size:14px; line-height:30px; text-indent:25px; }
.downlist .con .fr{ width:280px;}
.downlist .bar .fl{ background:url(404.png) 0 3px no-repeat; padding-left:20px;}
.downlist .bar .fl .view{float:left;margin-top: 3px;margin-right: 15px; }
.downlist .bar .fr a{ color:#fff}.newslist .bar .fr a:hover{ text-decoration:underline;}






#left{width:227px; float:left;height:auto; overflow:hidden;}

.left2{width:227px; height:30px;}

.left3{width:225px; height:auto;padding-bottom:20px;}



.left4{ width:227px; height:auto; margin:15px auto;}






.kefu{ width:100%; height:284px; margin:0 auto; background:url(404.png) center no-repeat; text-align:center; overflow:hidden;}
.kefu .t3{ font-size:20px; background-color:#17288b; padding:0px 20px; width:220px; height:55px; line-height:55px; margin:160px auto;}
.kefu a .t3{ color:#FFF} 
.kefu a:hover .t3{ color:#FFF;background-color:#ffa64b; } 











.footer{height: 480px;padding-top: 50px;box-sizing: border-box;background: url('../image/foot.png') bottom center no-repeat #e6e7e7;color: #707070;overflow: hidden;margin-top: 50px;}
.foot{min-height: 310px;border-bottom: 1px solid #707070;width: 1125px;margin: 0 auto;position: relative;font-size: 14px;}
.foot a{color: #707070;font-size: 14px;}
.foot a:hover{color: #b50007;}
.foot_logo{margin-left: 50px;}
.footul{width: 660px;float: right;}
.footul li{line-height: 50px;}
.foot dl {float: left;padding: 40px 30px;width: 14.28571428571429%;box-sizing: border-box;}
.foot dl:first-child{width:25%;}
.foot dt {color: #222222;margin-bottom: 20px;}
.foot dd {padding: 5px 0;}
.foot_buy{position: absolute;text-align: left;bottom: 3px;font-size: 14px;}
.foot_buy a{color: #b50007;}
.bottom {width: 1125px;margin: 0 auto;line-height: 30px;font-size: 14px;text-align: left;padding-top: 5px;}
.bottom a{color: #707070;margin-right: 10px;font-size: 12px;}
.bottom .fr img{width: 80px;display: block;}
.bottom span{float: left;margin-right: 15px;color: #707070;}
.bottom .fr .fr p{font-size: 16px;color:#b50007;}





#allmap {height:430px;width:100%;overflow: hidden; max-width:1920px; margin:35px auto;}
	#result {width:100%;font-size:12px;}
	dl,dt,dd,ul,li{
		margin:0;
		padding:0;
		list-style:none;
	}
	dt{
		font-size:14px;
		font-family:"微软雅黑";
		font-weight:bold;
		border-bottom:1px dotted #000;
		padding:5px 0 5px 5px;
		margin:5px 0;
	}
	dd{
		padding:5px 0 0 5px;
	}
	li{
		line-height:28px;
	}