@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; }
html {font-size: 62.5%}
body { font-size:12px;color:#666; background-color:#ffffff; font-family:"heiti 黑体";}
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、li的默认样式*/
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;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ } 
.Cle { font-size:0;display:block; clear:both; }
.t10{margin-top:10px;}

.fl{ float:left}
.fr{ float:right;}

.l{ float:left}
.r{ float:right; padding-top:200px}

.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:120px;
background-color: #383838;
}
.lg{width:1200px; height:120px; margin:0 auto ; }

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


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




#dh{
width:750px;
height:120px;
float: left;
}
#dh ul{}
#dh .mainlevel {float:left;  width:107px;/*IE6 only*/ }
#dh .mainlevel a {color:#fff; text-decoration:none; line-height:120px; display:block; text-align:center;font-size:16px;}
#dh .mainlevel a:hover {color:#c5ad72; 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;/*IE6 only*/}
#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:#c5ad72}






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




/*banner*/

.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{ width: 100%;font-weight: bold;position: relative; text-align: center;  display: inline-block; line-height:35px;overflow:hidden; margin-top:40px;}

.title h3{font-size: 30px; color:#4f4f4f;}
.title i{display:inline-block; width:70px; height:4px; background-color:#f36f21;}
.title p{font-size:14px; text-transform: uppercase; color:#999;}
.i_more{ width:130px; height: 30px; background-color:#c4161c; display: inline-block; font-size:18px; line-height:30px; color:#fff;}


.title1{ width: 100%; max-width: 1200PX;margin-bottom:40PX; position: relative;  display: inline-block;overflow:hidden; margin-top:60px; text-align: left;}
.title1 h3{font-size:30px; color:#333;}
.title1 p{font-size:18px; text-transform: uppercase; color:#777;}


/*inmenu*/
.inmenu{ width:100%; height:250px; background:url(../images/xh_12.jpg) center 150px no-repeat #3b3b3b; overflow: hidden}
.inmenu .display{background:url(../images/xh_08.jpg) top center no-repeat; width:1200px; margin:0 auto; height:130px; text-align: center; color: white;overflow: hidden}
.inmenu .display h3{ font-size:26px; margin-top:45px;}
.inmenu .display p{ font-size:16px;margin-top: 5px;}
.inmenu ul{ width:1200px; height: 68px; line-height: 68px; margin:0 auto; padding-top: 50px; text-align: center}
.inmenu ul li{display:inline-table; padding: 0 15px;}
.inmenu ul li a{color:white;font-size: 16px;}




/*midban*/
.midban{width:100%; margin:0 auto; height:auto; overflow: hidden; text-align: center; position:relative; z-index: 1;}







.recommend{width:100%; margin:0 auto; padding:100px 0; text-align: center; height:auto; overflow: hidden;background:url(../images/bj_02.jpg) top center;}
.hotshop{width:1200px; height: auto; overflow: hidden; margin:0 auto}
.hotshop_img{position:relative;}
.hotshop_img .hot_txt{ position: absolute; z-index:999; width: 100%; top:190px; text-align: center;}
.hot_txt h3{ color:white; font-size:20px; width:200px; height: 45px; line-height:45px; border:1.5px solid #fff; display:inline-block;}
.hot_txt p{ color:white; font-size:18px;line-height:35px;}




/* about */
.about{width:100%; margin:0 auto; padding:170px 0; text-align: center; height:auto; overflow: hidden;background:url(../images/bj_03.jpg) top center;}

.about_con{ width:1200px; margin:0 auto;}
.about_con .about_con_img{float:left}
.about_con .about_con_img1{float:right; text-align:left;width: 480px; margin-top:50px;}

.about_txt{width:480px;height:350px; margin-top: 50px; float:right;text-align:left;overflow:hidden; background-color: white; padding:20px; box-sizing: border-box; }
.about_txt p{font-size:18px;text-transform:uppercase;color:#4a4949; text-indent: 2em; line-height:25px;}




.caselist{width:100%; margin:0 auto; padding:100px 0; text-align: center; height:auto; overflow: hidden;background:url(../images/bj_04.jpg) top center;}
.caselist_con{width:1200px; margin:0 auto; position: relative;}
.caselist_con .caselist_img{float:right; width:720px; height:653px;}
.caselist_con .caselist_img1{float:left; text-align:left;width:470px;}
.caselist_icon{width:470px;height:350px; margin-top:50px;float:left;text-align:center;overflow:hidden; box-sizing: border-box;}
.caselist_con .caselist_img2{width:119px; height:613px; position: absolute; z-index:99; top:10px; right: 0}

.caselist_icon .list { float: left}
.caselist_icon .list a{
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  width: 108px;
  height: 138px;
  margin: 25px 30px 0 0;
  border: 1px solid white;
}
.caselist_icon .list a img{
  width:80px;
  height:70px;
  margin-top:19px;
}
.caselist_icon .list a img:nth-child(2){
  display: none;
}
.caselist_icon .list a span{
  text-align: center;
  margin: 0 12px;
  font-size: 14px;
  line-height: 28px;
  color: #FFF;
}
.caselist_icon .list a.on{
  background: #FFF;
}
.caselist_icon .list a.on img:nth-child(1){
  display: none;
}
.caselist_icon .list a.on img:nth-child(2){
  display: block;
}
.caselist_icon .list a.on span{
  color: #34231a;
}

.caselist_mov{ width:147px; height:48px; line-height:48px; text-align:center ; position: absolute; top:580px;  left:37%; background-color: white; color:#000; font-size:14PX; z-index:999}






/* join */
.join{ width: 100%;  background-color:#ebeaea; margin:0 auto; padding:100px 0; height:auto; overflow: hidden; text-align: center;background:url(../images/bj_05.jpg) top center;}
.join_img{ width:100%; height:auto; overflow: hidden; margin:50px auto 0 auto;}




/* news */
.innews{width:100%; height:auto;box-sizing: border-box;background:url(../images/bj_06.jpg) top center; padding:90px 0;}
.innews_con{width:1200px; margin:0 auto;}


.tabs{
    margin-top: 40px;
	text-align: center;
}

.tabs li {
	display: inline-block;
	width:150px;
    letter-spacing: -1px;
    text-align: center;
	height:34px;
	color: white;
}

.tabs li.thistab > a, .aside li:hover > a {
    background: #FFF;
    color: #000;
}

.tabs li a{
	height:34px;
    line-height: 34px;
    display: block;
    border: 1px solid #FFF;
	color: white;

}



.element {overflow: hidden;}
.element img{transition: all .5s ease 0s;transform: translate3d(0, 0, 0);}
.element:hover img{transform: scale(1.08);}


.tab_conbox{ overflow:hidden;}

.ellipsis {display: block; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.tab_con .fl-left{ width: 560px; margin-top: 40px; float:left}
.tab_con .fl-left a{display: block;width: 100%;height: 490px;overflow: hidden;background: #e8e8e8;}
.tab_con .fl-left a img{width: 100%; height: 360px;}
.tab_con .fl-right{ width: 620px;margin-top: 20px; float: right}
.tab_con .fl-right a{ display: block;background: #e8e8e8;height: 150px;overflow: hidden; margin-top: 20px; position: relative;}
.tab_con .fl-right a dd{width: 150px;height: 120px;overflow: hidden;position: absolute; top: 15px;left: 15px;}
.tab_con .fl-right a dd img{ width: 100%; height: 100%;display: block;}
.tab_con a span{ font-size: 18px; line-height: 30px; color: #282828; padding-left: 12px; position: relative;}
.tab_con a span:before{ content: ''; display: block;position: absolute;left: 0; top: 50%; width: 4px; height: 18px; margin-top: -9px;background: #808080;
}
.tab_con a font{display: block;font-size: 12px;color: #868686;}
.tab_con a p{font-size: 14px; line-height: 20px;height: 40px; color: #646464;}
.tab_con .fl-left a span{margin: 14px 20px 0;}
.tab_con .fl-left a font{margin: 0 20px;}
.tab_con .fl-left a p{ margin: 5px 20px 0;}
.tab_con .fl-right a span{ margin: 20px 20px 0 186px;}
.tab_con .fl-right a font{ margin: 0 20px 0 186px;}
.tab_con .fl-right a p{ margin: 8px 20px 0 186px;}
.tab_con a:hover span{ color: #c19f6e;}
























.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(../images/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(../images/mallbg.png) no-repeat center top; }






.vr{  width:1200px; height: auto; overflow: hidden; margin:0 auto;}
.vr li{ float:left; width:380px; height:380px; margin-right:30px;}
.vr li:last-child{  margin-right:0px;}
.vr li img{ width: 380px; height:276px;  }
.vr li p{ width: 380px; height:104px; background-color: white; line-height: 104px; text-align: center; font-size: 30px; color: #4f4f4f}







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

.lMenu {margin:auto; width:1200px; 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:15px; margin-left:-5px;  min-width:130px; display:inline-block; line-height:40px;  overflow:hidden; border:1px solid #fff; padding:0 15px;}
.lMenu dl span a{ color:#fff; font-size:14px;}
.lMenu dl span.on{background:#eaeaea url(../images/menu_icon.jpg) no-repeat 10px center;}
.lMenu dl span.on a{ color:#0f1837;}



.body3_title{height:auto;font-weight:bolder;color:#fff; width:1200px; margin:0 auto; text-align: center; padding:20px 0;}
.body3_title {}


.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:#fff;}
.body3_r3{width:1100px; text-align:center; margin:0 auto;font-size:18px; color:#fff; padding-bottom:25px;}
.body3_r4{ width:1100px; height:50px; margin:0 auto; text-align:center;}
.body3_r5{ padding:20px 15px; line-height:25px;}

.next{ font-size:16px; color:white}
.next a{ font-size:16px; color:white}


/*产品系列*/
.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 {height:auto; overflow:auto; width:100%;}
.product_list ul li{ float:left; width:380px; padding:20px; box-sizing:border-box; height:420px; margin-bottom:50px; margin-right:40px; border:1px solid #fff}
.product_list ul li:hover{-webkit-box-shadow:0 0 0 2px #8d837a; -moz-box-shadow:0 0 0 2px #8d837a; box-shadow:0 0 0 2px #8d837a;}
.product_list ul li:nth-child(3n){ margin-right:0;}
.product_list .product_list_img{width: 340px; height: 340px; background-color:#545454;}
.product_list .product_list_img a{ display:block; width:100%; height:340px; background-position:center center; background-repeat:no-repeat; background-size:contain;}
.product_list ul li h5{ font-size:14px; height:50px; line-height: 50px; text-indent:-22px;}
.product_list ul li h5 a{ display:block;}
.product_list ul li:hover h5 a{color:#D4070A}
.product_list ul li figure{ width:44px; height:44px; background-color:#545454; float:left; margin-top:5px;}
.product_list ul li figure a{ display:block; width:44px; height:44px; }
.product_list ul li:hover a.NOnone{ display:none; }
.product_list ul li figure a.hoverdas{ display: none; }
.product_list ul li:hover a.hoverdas{display: block;}





.product_list ul li .more-list{left:20px; position:absolute; padding:0 10px 0 0; margin-right:10px;}
.product_list ul li .more-list{font-weight:bold; font-size:15px;}
 .product_list ul li .more-list a{color:#fff; display:inline-block; width:27px; line-height:27px; height:27px; }
.product_list ul li .more-list a:hover{ background-color:#F00; color:#fff;}
.product_list ul li .nowrap{ color:white; text-align: center;  width:100%;}







/*图片展示页面*/
.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:1200px; height: auto;overflow: hidden; position:relative; border-top:2px solid #666; padding-top:50px;}

.news_con{margin-bottom:20px;}
.newslist{ width:31%; margin:20px 1%; float: left}

.newslist .con{height:auto; margin-bottom:30px; overflow:hidden;}
.newslist .auto{height:auto;}
.newslist .con .img{width:100%; max-height:245px; }
.newslist .con .txt{width:100%;;padding:20px; font-size:14px; line-height:30px; background-color: white; height: auto; overflow: hidden;}
.newslist .con h3{ width:340px; overflow: hidden; height: 35px; line-height:35px;}
.newslist .con p{color:#666; float:left; width:340px;}
.newslist p.p1{ height:75px !important;}


.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(../images/ioc_06.jpg) left center no-repeat; display:block; float:left;}
.ioc .c2{ width:35px; height:30px; margin-right:10px; border-right:1px dashed #FFFFFF; background:url(../images/ioc_03.jpg) 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; color:#fff;}
#page strong{ color:#fff}
#page input.page1{ width:20px;}
#page a{ color:#fff;}
#page a:hover{ color:#fff;}





.pro_show_con{ clear:both; margin-top:15px; width:1200px; height:auto; overflow: hidden; margin:0 auto;}
.pro_show_con .con1 {width:1200px; height:auto; overflow: hidden; padding:50px 0;}
.pro_show_con .con1 .bpic{border:3px solid #fff;width:600px;height:600px;overflow: hidden; float: left}
.pro_show_con .con1 .bpic img{ max-width:600px; max-height:600px;}



.pro_show_con .con1 .contxt{ width:550px;font-family:"微软雅黑",Arial, Helvetica, sans-serif; color:#fff; float: right}
.pro_show_con .con1 .contxt .h1{ font-weight:normal; font-size:30px; height:45px; }
.pro_show_con .con1 .contxt .h3{ font-weight:normal; font-size:16px; height:110px; line-height:35px; width:450px; display: block; }
.pro_show_con .con1 .contxt .p{ line-height:30px; margin:10px 0;  padding-bottom:10px;}
.pro_show_con .con1 .contxt .bar{ margin-top:20px; font-family:Arial, Helvetica, sans-serif; color:#fff;line-height: 26px; border-top:1px dashed #999999;border-bottom:1px dashed #999999;padding:20px 0; font-size:16px}
.pro_show_con .con1 .contxt .tell{ width:210px; height:47px; background:url(../images/ksyr_07.gif) 10px center no-repeat #fff; padding-left:40px; line-height: 47px; font-size:16px; color:#0c0c0c; margin-top:80px;}

.con_con{width:100%; max-width:1920px;  margin:0 auto; height:auto; overflow:hidden; background: url(../images/ksyr_11.gif) top center no-repeat #4a4a4a;padding:100px 0;}


.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}






.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(../images/xg.jpg) 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(../../images/mati/view.gif) 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*/

#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*/

.kefu{ width:100%; height:284px; margin:0 auto; background:url(../images/fuwu_11.jpg) 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; } 








/*底部*/

/* foot */
.footer{height:350px;padding-top:50px;box-sizing:border-box;background:#1a1a1a;overflow: hidden;}

.bottom {width:1400px;margin: 0 auto; height:250px; line-height: 30px;font-size: 14px;text-align: left;}
.bottom a{color: #707070;margin-right: 10px;font-size: 12px;}



.bottom .fr .fr_img{ float:left;}
.bottom .fr .fr_txt{ float:right;}
.bottom .fr .fr_txt  p{font-size: 16px;color:#fff; text-align: left; padding-left: 15px}
.bottom .fr .fr_txt  a{font-size: 16px;color:#fff;}



.footer1{ 
        width:900px;
		height:250px;
		float:left;
		
		}
.footer1 ul{ padding-left:30px;list-style:none}  
.footer1 li{float:left; width:130px; height:250px; line-height:20px;}
.footer1 h3{ font-size:14px !important; color:#fefdfd;height:45px; line-height:45px;}		
.footer1 li a{ width:130px; height:28px; font-size:14px;line-height:28px; display:block; color:#fbf8f6;}	
.footer1 li a:hover{ color:#4f4f4f;}

.footer1 li:nth-child(3){float:left; width:200px; height:250px; line-height:20px;}
.footer1 li:nth-child(3) a{ width:200px;}

.footer1 li:nth-child(5){float:left; width:150px; height:250px; line-height:20px;}
.footer1 li:nth-child(5) a{ width:150px;}

 .txtcon{ width:1200px; line-height:50px; margin:0 auto; text-align: center; color: white; font-size: 16px;}