@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;
 } 
.fixed:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.fixed { *zoom: 1;
}



#lg{ 
width:100%;
margin:0 auto;
height:130px;
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
}
.lg{width:1400px; height:130px; margin:0 auto; overflow: hidden }

.toptxt {
	width: 100%;
	
    height: 40px;
    line-height: 40px;
	margin-top: 35px;
}
.toptxt h3{font-weight: normal;color:#aa4515; font-size: 19px;}
.toptxt p{font-size:14px; color:#4b4a4a }


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




#dh{
width:700px;
height:110px;
float:left;
margin-top: 20px;
}
#dh ul{}

#dh .mainlevel {float:left;  width:110px;/*IE6 only*/ }
#dh .mainlevel a {color:#4b4a4a; text-decoration:none; line-height:110px; display:block; text-align:center;font-size:16px;}
#dh .mainlevel a:hover {color:#e60012; text-decoration:none; background-color: white;}
#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:#4b4a4a; font-weight:normal; width:100px;  line-height:40px; font-size:14px;}
#dh .mainlevel li a:hover{height:40px;line-height:40px; color:#e60012}






.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:1200px; margin:0 auto; height:130px; text-align: center; color: white;overflow: hidden;margin-bottom:20px;}
.title h3{ font-size:28px; margin-top:45px; color:#2e2e2c; letter-spacing:8px;}
.title p{ font-size:18px;margin-top:10px;color:#6e6e6d; letter-spacing:18px;}

.title1{width:1200px; margin:0 auto; height:130px; text-align: center; color: white;overflow: hidden;margin-bottom:20px;}
.title1 h3{ font-size:28px; margin-top:45px; color:#fff; letter-spacing:8px;}
.title1 p{ font-size:18px;margin-top:10px;color:#fff; letter-spacing:18px;}


/*inmenu*/
.inmenu{ width:100%; height:auto;overflow: hidden}
.inmenu .display{width:1200px; margin:0 auto; height:130px; text-align: center; color: white;overflow: hidden;margin-bottom:20px;}
.inmenu .display h3{ font-size:28px; margin-top:45px; color:#2e2e2c; letter-spacing:8px;}
.inmenu .display p{ font-size:18px;margin-top:10px;color:#6e6e6d; letter-spacing:18px;}
.inmenu .swiper-slide img{width:100%;}
.inmenu .botm{ width:80px; height:35px; margin:10px auto; position: relative;z-index: 111;}
.inmenu .inmenu-next{ background-color: aquamarine; width:33px;height:34px; background:url(../images/next.jpg);float: right;}
.inmenu .inmenu-prev{background-color: aquamarine;width:33px;height:34px;background:url(../images/prev.jpg); float: left }  

.inmenu .inmenutxt { width: 100%; height:100%;}
.intxt{width:100%; height: 100%; position:absolute;z-index:111; top: 0; background:rgba(0,0,0,0.5); color:white; box-sizing: border-box; padding:10px 25px;}
.intxt em{width:80px; height:3px; display:block; background-color: white; margin-top:220px}
.intxt h3{font-size:36px; font-weight:normal; margin-top:15px}
.intxt p{font-size:20px;margin-top:10px}
.intxt:hover{ background:none;}

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




/* about */
.about{width:100%; margin:0 auto; height: auto; overflow: hidden; text-align: center; background:url(../images/line.jpg) top repeat-x #fff;}
.about .aboutcon{width: 1250px; height: auto; overflow: hidden; margin: 0 auto;}
.about_txt{width:620px;height:490px;float:left; padding:15px 20px; box-sizing:border-box;  text-align: center; overflow:hidden; background-color:white}
.about_txt h3{ font-size: 28px; margin-top: 15px;}
.about_txt h4{ font-size: 20px; text-transform:uppercase;color:#212120; height: 4px; width:50px; display: block; background-color:#00774b; margin:25px auto;}
.about_txt p{font-size:14px;text-transform:uppercase;color:#212120; text-indent: 2em; line-height:25px; text-align: left;}
.about_con{ width:480px; width: 619px; float:left; }


.ico_con {margin-top:50px;}
.ico_con a {width:93px; height:33px; display:block; float:left; margin:0 15px; text-align:center; padding-top:60px;}
.ico_con a:hover {color:#061e53;}
.ico_con .ico {background-image:url(../images/ico2.jpg); background-position:0 0;} 
.ico_con .ico1 {margin-left:70px;}
.ico_con .ico2 {background-position:-114px 0;}
.ico_con .ico3 {background-position:-228px 0;}
.ico_con .ico4 {background-position:-342px 0;}
.ico_con .ico1:hover {background-position:0 -93px;}
.ico_con .ico2:hover {background-position:-114px -93px;}
.ico_con .ico3:hover {background-position:-228px -93px;}
.ico_con .ico4:hover {background-position:-342px -93px;}







.recommend{ width:1145px; margin:0 auto; text-align: center; height:auto; overflow: hidden;}

.hotshop{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:#111e3e;font-size: 20px;line-height: 70px;position: relative;height: 70px;}
.hot_title:after{position: absolute;width: 48px;height: 1px;background: #111e3e;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: #111e3e;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: #111e3e;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;}



/* join */
.join{ width: 100%; max-width: 1920px; margin:40px auto 15px auto; height:auto; overflow: hidden; text-align: center;}
.join_img{ width:1187px; height: 658px; margin:0 auto;}




/* news */
.news{ width:100%; height:auto; overflow: hidden; margin:0 auto; box-sizing: border-box;padding-bottom: 90px; background-color:#f9f9f9;}
.news .newscon{width:1200px;margin:0 auto; }
.news .newscon h3{ font-size: 14px; font-weight: normal; padding:10px 20px;}
.news .newscon p{ width: 120px; margin-left: 20px; height:40px; line-height:40px; display: block; text-align: center; background-color: black; color: white}
.news .swiper-slide { background-color: white; padding-bottom: 25px;}





#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(../images/mbg.jpg) 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(../images/menu_icon.jpg) 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(../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;}

.news_list{ margin-bottom:30px;}
.news_list li{ width:100%; height:35px;margin-top:5px; line-height:35px; font-size: 14px; border-bottom:1px dashed #eee}
.news_list li p{ float:left; padding-right: 15px;}
.news_list li span{ float:left;}
.news_list li a{ float: right;}




#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{width:100%; height: auto; overflow: hidden; margin:0 auto; }

.conimg {width:1200px; height: auto; margin:25px auto;}
.conimg .bpic{width:530px;height:auto; overflow: hidden; float: left;}
.conimg .bpic img{width:100%;}

.conimg .productText { margin-left: 590px; }
.conimg .productText h3 { font-size: 2.8em; color: #000; padding: 27px 0 25px;display: inline-block;vertical-align: middle }
.conimg .info { color: #7b7b7b; font-size: 1.6em; line-height: 30px; }
.conimg .productInfo { height: auto; overflow: hidden; margin-top: 43px; padding-top: 23px; border-top: 1px solid #eaeaea; }
.conimg .productInfo div { height: auto; overflow: hidden; }
.conimg .productInfo div b { display: block; float: left; line-height: 42px; color: #000; font-size: 14px; }
.conimg .productInfo div p { margin-left: 108px; line-height: 42px; color: #6d6d6d; font-size: 14px; }
.conimg .productInfo .icons { margin-left: 104px; margin-top: 15px; }
.conimg .productInfo .icons li { float: left; margin: 0 0 4px 4px; width:56px; text-align:center; display: list-item; }
.conimg .productInfo .icons li img { display: block; width: 48px; height: 49px; }
.conimg .productInfo .icons p { margin-left:0; line-height: 42px; color: #6d6d6d; font-size: 14px; }
.conimg .otherProduct { height: auto; overflow: hidden; padding-bottom: 96px; background-color: #f8f8f8; }
.conimg .productText-y{display: inline-block;vertical-align: middle; margin-left:15px;}
.conimg .productText-y .info{display: inline-block;vertical-align: middle;}
.conimg .productText-y img { display: inline-block; width: 40px; height: 40px; margin:0 10px;cursor: pointer;vertical-align: middle;}
.conimg .productText-y img:hover { filter: alpha(opacity=70); opacity: 0.7; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.conimg .productzan span img { display: block; width: 101px; height: 101px; margin: 42px auto 5px; }
.conimg .productzan span img:hover { filter: alpha(opacity=70); opacity: 0.7; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.conimg .recommandProduct { height: auto; overflow: hidden; padding-bottom: 97px; background-color: #f8f8f8; }


.moimg {width:100%; height: auto; margin:0 auto; overflow: hidden; padding:50px 0; background-color: #f8f8f8;}
.moimg .mocon{width:1200px; height:auto; overflow: hidden; margin:0 auto;}
.moimg .mocon h3{font-size: 2.5em;color: #000; border-bottom:1px solid #eee; padding-bottom: 20px; margin-bottom: 30px;}
.moimg .mocon li{width:20%; float: left; box-sizing: border-box; padding:10px;}
.moimg .mocon li img{width:100%;}


.showimg{width:1000px; height:auto; overflow:hidden; margin:25px auto; text-align: center}
.showimg h3{ line-height:45px;}
.showimg img{ max-width:100%;}


.remimg {width:100%; height:auto; margin:0 auto;overflow: hidden; padding:60px 0; background-color: #eef0f1}
.remimg .remcon{width:1200px; height:auto; overflow: hidden; margin:0 auto;}
.remimg .remcon h3{font-size: 2.5em;color: #000; border-bottom:1px solid #e5e5e5; padding-bottom: 20px; margin-bottom: 30px;}
.remimg .remcon li{width:20%; float:left; box-sizing: border-box; padding:10px;}
.remimg .remcon li img{width:100%;}



.otimg {width:100%; height: auto; margin:0 auto; overflow: hidden; padding:50px 0; }
.otimg .otcon{width:1200px; height:auto; overflow: hidden; margin:0 auto; text-align: center;}
.otimg .otcon h3{font-size: 2.5em;color: #000; border-bottom:1px solid #eee; padding-bottom: 20px; margin-bottom: 30px;}
.otimg .otcon  p{ padding-top:10px;}
.otimg .otcon img{ width: 100%;}
.otimg .otcon .swiper-pagination{bottom:0}

.con_con{ width:100%; max-width:1920px; background-color:#dddddd;  margin:0 auto; height:auto; overflow:hidden;}
.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:450px;padding-top:50px;box-sizing:border-box;background: #fff;color: #fff;overflow: hidden;margin-top: 50px;}

.bottom {width:1400px;margin: 0 auto; height: auto; overflow: hidden; line-height: 30px;font-size: 14px;text-align: left;}

.enlogo{ float:left}


.footer1{ 
        width:650px;
		height:250px;
		float:right;
		
		}
.footer1 ul{}  
.footer1 li{float:left; width:125px; height:250px; line-height:20px;}
.footer1 h3{ font-size:16px !important;  color:#000;height:53px; line-height:45px; margin-bottom:10px;}		
.footer1 li a{ width:125px; height:28px; font-size:12px;line-height:28px; display:block; color:#020202;}	
.footer1 li a:hover{ color:#4f4f4f;}

.fottxt{ width:1200px; height: 98px; margin:0 auto; border-top:2px solid #e4e3e1; text-align:center; font-size: 16px; line-height:50px;color:#4f4f4f}


/*地图*/
#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;
	}