@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:117px;

background:#f2622e;

}

.lg{width:1400px; height:117px; margin:0 auto; }



.toptxt {

	width: 100%;

    height: 40px;

    line-height: 40px;

}





.logo{width:372px; height:100px;float:left; padding-top:10px;}

.hottel{ width:500px; height:40px; line-height: 40px; float: right; text-align: right; }

.hottel p{ font-size:30px; color:#eb2606;}









#dh{

width:1000px;

height:117px;

float:right;

}

#dh ul{}



#dh .mainlevel {float:left;  width:120px;/*IE6 only*/ }

#dh .mainlevel a {color:#fff; text-decoration:none; line-height:117px; display:block; text-align:center;font-size:16px;}

#dh .mainlevel a:hover {color:#4b4b4b; 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:#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*/



.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%; max-width: 1500px; font-weight: bold; line-height:35px;overflow:hidden; margin-top:40px; text-align: center; margin:0 auto; }

.title img{ width:100%;}



.title h3{font-size: 30px; color:#c4161c;}

.title i{display:inline-block; width: 50px; height:5px; 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 #000; 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;}









/* about */



.about{width:100%; background:url(../images/bilin.jpg) bottom repeat-x; margin:auto; margin-top: 40px;}



.about_con{width:80%; max-width: 1500px; min-width:1200px; margin:0 auto; height:auto;text-align: center; overflow: hidden;margin-top: 40px;}

.about_txt{width:60%;height:auto;float:left; text-align: left; overflow:hidden;}

.about_txt h3{ font-size: 30px; line-height: 66px; text-align: left; margin-top: 15px;}

.about_txt h3 em{ float:left}



.about_txt h4{ font-size: 20px; text-align: left;text-transform:uppercase;color:#212120; margin-bottom: 25px;}

.about_txt p{font-size:16px;text-transform:uppercase;color:#212120; text-indent: 2em; line-height:30px;}



.about_img{ width:35%; float: right}

.about_img img{width:100%; }





.ico_con {margin-top:250px;}

.ico_con a {width:200px; height:160px; display:block; float:left; margin:0 15px; text-align:center;  }

.ico_con a:hover {color:#061e53;}

.ico_con .ico {} 

.ico_con .ico1 {background:url(../images/banb_19.png) center top no-repeat #fff;}

.ico_con .ico2 {background-image:url(../images/banb_22.png)}

.ico_con .ico3 {background-image:url(../images/banb_25.png)}



.ico_con p{ text-indent:0; color:white}













.recommend{ width:80%; max-width: 1500px;min-width:1200px; margin:0 auto; height:auto;text-align: center; overflow: hidden;margin-top: 100px;}



.hotshop .swiper-wrapper { padding-bottom:25px }

.hotshop .swiper-wrapper .swiper-slide:nth-child(3n-1){ margin-top:90px; }

.hotshop .swiper-wrapper .swiper-slide{box-shadow: 0 15px 15px #888888;}

.hotshop .swiper-wrapper .swiper-slide img{ width:100%;}



.hotshop{width:100%; margin:100px auto; background: url(../images/banb_42.jpg) bottom left no-repeat; padding-bottom:150px;}

.hottxt{ position:absolute;overflow: hidden; z-index:2; width:100%; height:100%; top:0; text-align: left; box-sizing: border-box; padding-left:100px;margin:0px; }

.hotshop a:hover .hottxt{ background-color:rgba(242,98,46,0.9)}

.hottxt i{ display: block; width:150px; height:3px; background-color: white; margin-top:150px}

.hottxt h3{ color: white; font-size:45px; margin-top:50px}

.hottxt p{ color: white; font-size:30px; margin-top: 50px}





/* join */

.join{ width: 100%; max-width: 1920px; background-color:#ebeaea; margin:0 auto; height:auto; overflow: hidden; text-align: center;}

.join_img{ width:1187px; height: 658px; margin:0 auto;}











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







.caselist{width:80%; max-width: 1500px; min-width:1200px; margin:0 auto; height:auto;text-align: center; overflow: hidden;margin-top: 100px;}

.caselist .swiper-container{ width:84%; margin-top:60px; float: left }

.caselist .swiper-wrapper {}

.caselist .swiper-wrapper .swiper-slide img{ width:100%;}

.caselist .swiper-next{float: right; width:8%; margin-top:190px;}

.caselist .swiper-prev{float: left;width:8%;  margin-top:190px;}







.core{width:1200px; height:659px; margin:0 auto; overflow: hidden; position: relative;}

.core .c_img{ position: absolute;z-index:1; width:1200px;}

.core .c_img img:nth-child(1){ float:left}

.core .c_img img:nth-child(2){ float: right}

.core .c_txt{position:absolute; z-index: 2; top:150px; left:50%; width:312px; height:364px; background-color: white; margin-left:-156px; text-align: center}

.core .c_txt h4{ font-size:16px; margin-top: 5px; line-height: 30px; font-weight: normal;}



/* news */

.news{width:100%;  margin:auto; margin-top:150px;}

.news_con{width:80%; max-width: 1500px; min-width:1200px; margin:0 auto; height:auto;text-align: center; overflow: hidden;margin-top: 40px;}

.hotnews{ width:50%; height: auto; overflow: hidden; float: left; text-align:left}

.hotnews li{ border-bottom:2px solid #eee; padding:15px 0; height: auto; overflow: hidden;}

.hotnews li i{ display: block; margin-right:5%; width:10%; height:180px; line-height:180px; float:left;text-align: center; font-weight: bolder; font-size:50px; font-style: normal; }

.hotnews li h3{ float: left; width:80% ;font-size:24px; margin-top:15px;}

.hotnews li h4{ float: left;width:80%;font-size:16px; padding:10px 0; color: darkgrey; font-weight: normal}

.hotnews li p{ float: left; width:80%;font-size:18px; height:4em; line-height:2em; overflow: hidden }



.imgnews{ width:46%; height: auto; overflow: hidden; float:right; text-align:left}

.imgnews img{ width:100%;}

.imgnews h3{ float: left; width:100% ;font-size:24px; margin-top:15px;}

.imgnews h4{ float: left;width:100%;font-size:16px; padding:10px 0; color: darkgrey; font-weight: normal}

.imgnews p{ float: left; width:100%;font-size:18px; height:4em; line-height:2em; overflow: hidden }















#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;}











#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%;}







.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:380px;padding-top:50px;box-sizing:border-box;background:url(../images/banb_68.jpg) top repeat-x;color: #fff;overflow: hidden;margin-top: 50px;}



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

.bottom a{color: #707070;margin-right: 10px;font-size: 12px;}

.bottom .ewm { float: left}

.bottom .ewm  p{font-size:18px;color:#FFFFFF; text-align: center; margin-top:10px;}



.footer1{ 

        width:900px;

		height:330px;

	    float:right;

	   color: white;

	margin-left:100px;

	   overflow: hidden

		}

.footer1 .fmenu{ float:left; width:100%; border-bottom:2px solid #f7a182;}

.footer1 .ftxt{ float:left;width:100%; font-size:18px; line-height:2em;border-bottom:2px solid #f7a182; padding:25px 0;}

.footer1 .copay{ float:left;width:100%; margin-top:30px;font-size:18px;}

.footer1 ul{}  

.footer1 li{float:left; width:140px; height:50px; line-height:20px; text-align: left;}

.footer1 li a{ color: white; font-size: 18px;text-align: left;}









/*地图*/

#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;

	}






.nvabars{margin:0 auto; width:1200px; background-color:#fff; position: relative; color:white;height:auto; overflow: hidden ; border:1px solid #298b7c; box-sizing: border-box; padding:0;}
.nvabar{width: 100%; margin: 0 auto;overflow: hidden;}
.nvabar p{width:172px; height:90px;  float: left; margin-right:15px; line-height:90px;  font-size:18px; color: white; font-weight:normal;background-color:#298b7c; text-align: center}
.nvabar .type{ width:100%; margin:0px auto; height:90px;} 
.nvabar .type a{display: inline-block; padding:8px;  margin:3px; margin-top:20px; font-size:16px; color:#444; }
.nvabar .type a.active{  color: #444;}

.nvabar .type1{width:100%; margin:0px auto; height:90px;}
.nvabar .type1 a{display: inline-block; padding:8px;  margin: 3px;margin-top:20px; font-size:16px; color:#444; }
.nvabar .type1 a.active{  color: #444; }