@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:88%;
height:auto;
overflow:hidden;
min-width:1600px;
margin:0px auto;
 background-color:#fff;
 } 
.fixed:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.fixed { *zoom: 1;
}





/* 页头 */
.header { top: 0; z-index: 9999; width: 100%; background-color:#18252b; padding: 21px 15px; box-sizing: border-box; }
.header .main{ display: flex; justify-content: space-between; }
.header h1{ width: 199px; height: 58px; background: url(../images/lixiya_03.jpg) center center no-repeat; background-size: auto 58px; }
.header h1 a { width: 100%; height: 100%; display: block; text-indent: -9999px; }
.menu { float: left; position: relative; padding-top: 10px;}
.menu .menu-icon {display: inline-block; width: 40px; height: 36px; cursor: pointer; position: relative;}
.menu span {background: #fff; display: inline-block;}
.header.change .menu span { background: #195ffa; }
.menu .s6 {width: 40px; height: 3px; position: absolute; top: 6px; left: 0;}
.menu .s7 {width: 20px; height: 3px;position: absolute; top: 16px; }
.menu .s8 {position: absolute;right: 0; top: 15px;width: 4px; height: 4px; border-radius: 100%;}
.menu .s9 {width: 40px; height: 3px;position: absolute; top: 26px; left: 0;}
.menu .s10 {width: 4px; height: 4px; border-radius: 100%; position: absolute; top: 16px; left: 18px; opacity: 0;filter:alpha(opacity=0); }

.open-nav .menu span { background: #fff; } 
.open-nav .menu .s8 {width: 18px; right: 0; top: 27px; height: 3px; transform: rotate(45deg);-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);border-radius: 0;}
.open-nav .menu .s7 {width: 18px;transform: rotate(-45deg);-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); top: 6px; right: 0px;}
.open-nav .menu .s6 {width: 18px; transform: rotate(45deg);-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); top: 6px; left: 0px;}
.open-nav .menu .s9 {width: 18px; transform: rotate(-45deg);-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);top: 27px; left: 0px;}
.open-nav .menu .s10 {opacity: 1.0;filter:alpha(opacity=100); }
.menu .menu-icon *{ transition:all .4s ease;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease; }

.search_btn{ width: 36px; height: 35px; padding-top: 10px; background: url(../images/search.png) center 10px no-repeat; background-size: auto 35px; }


/* 显示导航 */
.aside-nav{width: 100%; padding-top: 100px; background: rgba(24, 37, 43, .8); position: absolute; box-sizing: border-box; left: -110%; z-index: 1000; transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;}
.open-nav .aside-nav {left:0; -webkit-transform: translateX(0);}
 
@media (max-width:991px){
	.header { padding: 15px 15px; }
	.header h1{ width: 175px; height: 50px; background-size: auto 50px; }
}
@media (max-width:768px){
	.aside-nav{ padding-top: 84px; }
}
@media (max-width:640px){
	.header { padding: 10px 15px; }
	.header h1{ width: 140px; height: 45px; background-size: auto 40px; }
	.aside-nav{ padding-top: 74px; }
}
@media (max-width:480px){
	.menu{ order: 1; }

	.search_btn{ display: none; }

	.aside-nav{ padding-top: 70px; }
}

.mNav::-webkit-scrollbar { width: 2px;}
.mNav::-webkit-scrollbar-track {background: #fff;}
.mNav::-webkit-scrollbar-thumb { background: #c3c3c3;}

.mNav::-webkit-scrollbar-thumb:window-inactive { background: #128dc0;}
.mNav{height:100%;overflow-y: auto;}
.mNav li{padding:5px 25px; box-sizing: content-box;}
.mNav .v1{display: block;/*padding-left: 25px;*/line-height:40px;font-size:14px; border-bottom: 1px #fff solid; background: url(../images/a2.png) no-repeat right 25px center; color:#fff}
.mNav dl{/*background-color: #f0f5fa;*/line-height: 45px;/*padding: 10px 25px;*/font-size: 12px; border-bottom: 1px solid #fff;display: none;}
.mNav dl dd:last-child { border-bottom: none;}
.mNav dl dd a {display:block;line-height:45px;border-bottom: 1px #fff solid; color:#fff}





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








.midtil{width:100%; margin:0 auto; height:165px; overflow: hidden; text-align: center; background:url(../images/tjt_06.jpg) center no-repeat; }
.midtil1{width:100%; margin:0 auto; height:165px; overflow: hidden; text-align: center; background:url(../images/tjt_08.jpg) center no-repeat; }


.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: 1500px; font-weight: bold; line-height:35px;overflow:hidden; text-align: center; margin:35px auto; }
.title1 h3{font-size: 30px; color:#FFFFFF;}
.title1 p{font-size:14px; text-transform: uppercase; color:#FFFFFF;}


/*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:90%; margin:0 auto; height:auto;text-align: center; overflow: hidden; position: relative;  padding-bottom:100px }

.midban .ming{width:48%; float:left; height:auto; overflow: hidden;}
.midban .ming .ing{overflow: hidden;  width:100%; height:595px; position: relative}
.midban .ming h3{ text-align: left; font-size:22px; color:#002744; line-height:35px;}
.midban .ming img{width:100%;cursor: pointer; transition: all 2s;}
.midban .ming:nth-child(2){float:right;}
.midban .ming:hover img{transform: scale(1.1);}

.midabout{width:100%;height:auto;margin:0 auto; overflow: hidden; color: #002744; position:relative; text-transform: uppercase}
.mid_t1{width:50%; height:380px;float:left; text-align: center; margin-top:90px;}
.mid_t2{width:600px; height:300px;float:left; font-size:18px; line-height:2em; margin-top:150px; text-align: left; text-indent:2em}
.mid_t3{width:100%; height:auto; overflow: hidden}









.recommend{ width:100%; margin:0 auto; height:auto;text-align: center; overflow: hidden; position: relative;  padding-bottom:100px }
.recon{ width:90%;height:850px; overflow:hidden; margin:0px auto;padding-top:60px; box-sizing: border-box; position: relative}
.recon .htil{ width:300px;font-size:30px; color:#002744; margin-bottom:100px; text-align: left; font-weight: bold}
.recon .hmore{ width:160px; height:45px; line-height:45px;  font-size:18px; color:#002744;  text-align:center;
position: absolute; right:10px; top:100px; border:1px solid #999999; background-color:#f9f9f9; border-radius:45px;}



.hotshop{width:100%; height:570px; position: relative;}
.hotshop li{width:20%; height:570px;overflow:hidden; float: left; border:3px solid #000; box-sizing: border-box;}
.hotshop li img{width:100%;}
.hotshop .htxt {width:100%;height:185px;overflow:hidden; background-color: white; text-align: left; box-sizing: border-box; padding:50px 0 0 50px}
.hotshop .htxt h3 { font-size:24px; color:#002744;}
.hotshop .htxt p{font-size:14px;color:#002744; text-transform: uppercase}


.hotshop li:hover {width:20%; height:640px; margin-top:-35px; overflow:hidden; border:5px solid #002744; box-sizing: border-box; position:relative; z-index:9; border-radius:5px;}
.hotshop li:hover img{width:100%; height:100%;}
.hotshop li:hover .htxt{ background:none; position: absolute;z-index:99999}
.hotshop li:hover .htxt{ font-weight:bold}




.hotshop .swiper-container {width:100%;float:left;}
.hotshop .swiper-wrapper .swiper-slide img{ width:100%;}
.hotshop .swiper-pagination .swiper-pagination-bullet {width:30px; height:12px; background: #ccc; border-radius:0px; opacity:1;}
.hotshop .swiper-pagination .swiper-pagination-bullet-active{background:#5bc0de;}

.hottxt{width:600px; height: 510px; float:right; overflow: hidden; position: relative; text-transform: uppercase; }
.hot_t1{width:300px; height: 57px; left:125px; top:40px; z-index:3; position: absolute; font-size:24px; color:#8b4513;}
.hot_t2{width:300px; height: 57px; left:20px; top:60px; z-index:3; position: absolute; font-size:31px; color:#daa520; font-weight: bold}
.hot_t3{width:330px; height: 57px; left:85px; top:100px; z-index:3; position: absolute; font-size:15px; color: #ffcc7d;}
.hot_t4{width:330px; height: 57px; left:85px; top:250px; z-index:3; text-align: left; position: absolute; font-size:16px; color: #646463; line-height:2em}
.hot_t5{width:330px; height: 57px; left:85px; top:400px; z-index:3; text-align: left; position: absolute; font-size:12px; color: #646463; line-height:1.5em}




.join{width:100%; height:330px; overflow: hidden;}
.join li{width:50%; height:330px; overflow: hidden; position: relative; float:left}
.join li img{width:100%; height:330px;cursor: pointer; transition: all 2s;}
.join li:hover img{transform: scale(1.1);}

.join .jtxt{width:100%; height:330px; position: absolute; z-index:99; background:rgba(0,39,68,0.4);background:url(../images/sss.png) 280px  130px no-repeat ; background-size:50px}
.join .jtxt:hover{background:rgba(0,39,68,0.2);background:url(../images/sss.png) 280px  130px no-repeat ;background-size:50px}
.join .jtxt h3{color:#fff; font-size:18px;text-align: center; margin-top:130px;}
.join .jtxt p{color:#fff; font-size:18px;text-align: center}



.join .jtxt1{width:100%; height:330px; position: absolute; z-index:99; background:rgba(0,39,68,0.4)}
.join .jtxt1:hover{background:rgba(0,39,68,0.2)}
.join .jtxt1 h3{color:#0c3a55; font-size:18px;text-align: center; margin-top:130px;}
.join .jtxt1 p{color:#0c3a55; font-size:18px;text-align: center}



.midmz{width:100%; height:auto; text-align: center; overflow: hidden;}



/* news */
.news{width:100%; margin:auto; padding:50px 0; overflow: hidden}
.news .tle{width:1420px; height:35px; color:#0c3a55; font-size:18px; margin:0 auto;}
.news_com{width:1420px;  margin:0 auto; height:auto;text-align: center; overflow: hidden; position: relative;}
.news_com .ntxt{width:100%; position:absolute;z-index:9; color:#fff;}
.news_com .ntxt h3{font-size:24px; margin-top:180px}
.news_com .ntxt p{font-size:20px; margin-top:10px}



.midss{width:100%; margin:auto; padding:50px 0; overflow: hidden}
.midss_1{width:100%; margin:auto; padding:50px 0; overflow: hidden; background:#003150}
.midss_1 ul{width:1420px; margin:0 auto;}
.midss_1 li{width:450px; float: left;}
.midss_1 li h3{ color:#fff; font-size:20px; margin:10px auto}
.midss_1 li p{ color:#a4b6c3; font-size:13px;}

.midss_2{width:100%; margin:auto; padding:50px 0; overflow: hidden; background:#abb0b3}
.midss_2_con{width:1420px; margin:0 auto;}
.midss_2_con .mtle{width:460px; float:left; background: url(../images/mzhu_81.jpg) top left no-repeat; padding-left:50px;}
.midss_2_con .mtle h3{color:#fef9f9; font-size:18px; }
.midss_2_con .mtle p{ color:#fef9f9; font-size:14px; line-height:1.5em;}
.midss_2_con .mnv{width:300px; float: right;}
.midss_2_con .mnv li{width:100px; float: right;color:#fef9f9; }


.more { color:#b60005; font-size: 16px; width: 100%; text-align: center; display: block; margin: auto; margin-top: 50px;}






#body3{ width:100%; margin:0 auto; background-color:#FFF; overflow:hidden; color:#666; padding-bottom:50px;}

.botop{ width:100%;margin:90px auto 0 auto; background-color:#000; overflow:hidden; height: 145px; position: relative}
.botop .line{ width: 100%; height: 2px; background-color: white; position:absolute; z-index:1; top:50%;}	
.botop .til{width:220px; height:74px;position:absolute; z-index:1; line-height:74px; color:#ffcc66; font-size:22px; left:10%; }	
.botop .tils{width:220px; height:50px;line-height:50px; position:absolute; z-index:1; top:75px;color:#fff; font-size:22px;left:11%;}	
.botop .tilc{width:350px; height:50px;line-height:50px; position:absolute; z-index:1; top:75px;color:#fff; font-size:14px;left:11%;}	
	

.midcon{width:100%; margin:0 auto; background-color:#f5f3ef; overflow:hidden; height: auto; padding:80px 0;}
.bgc{background-color:#000;}
.midcon .midcon_con{width:1200px; height:410px; margin:0 auto;}
.midcon .midcon_con .con_img{width:540px; height:410px;background-size: cover}
.midcon .midcon_con .con_txt{width:450px; height:410px; margin-right:140px;}
.midcon .midcon_con .con_txt h3{font-size:28px; font-weight:bold; text-align: right; width:100%; float:right;}
.midcon .midcon_con .con_txt span{color:#777}
.midcon .midcon_con .con_txt h4{width:250px; height: 10px; float: right; display: block;  background-color:#777; margin:30px 0 80px;}
.midcon .midcon_con .con_txt p{width:370px; height:auto; margin-top:10px; font-size:14px; float: right; display: block; color:#333}
.midcon .midcon_con .con_txt a{width:146px; height:40px; border:1px solid #666; border-radius:15px; margin-top:30px; font-size:14px; float: right; display: block; color:#333; text-align: center; line-height:40px;}
.midcon .midcon_con .con_txt a:hover{ background:#ffcc66; font-size:14px; float: right; display: block; color:#333; border-color:#f5f3ef;}




.midcon .midcon_con .con_txt1{width:450px; height:410px; margin-right:140px;}
.midcon .midcon_con .con_txt1 h3{font-size:28px; font-weight:bold; text-align: right; width:100%; float:right;}
.midcon .midcon_con .con_txt1 span{color:#fff}
.midcon .midcon_con .con_txt1 h4{width:250px; height: 10px; float: right; display: block;  background-color:#fff; margin:30px 0 80px;}
.midcon .midcon_con .con_txt1 p{width:370px; height:auto; margin-top:10px; font-size:14px; float: right; display: block; color:#fff}
.midcon .midcon_con .con_txt1 a{width:146px; height:40px; border:1px solid #fff; border-radius:15px; margin-top:30px; font-size:14px; float: right; display: block; color:#fff; text-align: center; line-height:40px;}
.midcon .midcon_con .con_txt1 a:hover{ background:#ffcc66; font-size:14px; float: right; display: block; color:#333; border-color:#f5f3ef;}





.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:0 auto; width:1200px; background-color:#002744; position: relative; color:white;height:56px;}
.lMenu h2{ text-align:center;font-size:16px; font-weight:normal; line-height:56px;  text-indent:10px; position: absolute; left:0;z-index:9}
.lMenu dl{ text-align:center; height:56px;}
.lMenu dl span{ position:relative; width:152px; display:inline-block; overflow:hidden; padding-top:13px}
.lMenu dl span a{ color:#FFFFFF; font-size:16px;width:150px; height:30px; display: block; line-height:30px;}
.lMenu dl span a:hover{ color:#555; font-size:16px; background-color:white; }
.lMenu dl span.on{background:#eaeaea url(../images/menu_icon.jpg) no-repeat 10px center;}
.lMenu dl span.on a{ color:#0f1837;}


.nvabars{margin:0 auto; width:1200px; background-color:#002744; position: relative; color:white;height:auto; overflow: hidden}
.nvabar{width: 100%; margin: 0 auto;overflow: hidden; border-bottom:1px solid #E3E3E3;background-color:#002744;}
.nvabar p{width:100px; height:30px; padding:8px; float: left;  font-size:18px; color: white; font-weight:normal;}
.nvabar .type{ width:95%; margin: 20px auto;}
.nvabar .type a{display: inline-block; padding:8px; background: #fff; margin: 3px; font-size:16px; color:#002744; border-radius:5px;}
.nvabar .type a.active{  color: #FFF;background: #727272;}
.nvabar .type1{ width:95%; margin: 20px auto;}
.nvabar .type1 a{display: inline-block; padding:8px;  margin: 3px; font-size:16px; color:#fff; }
.nvabar .type1 a.active{  color: #FFF;width:100px; height:30px; }







.bnav{height:45px; line-height:45px;color:#555; width:1200px; margin:25px auto; position: relative;font-size:15px; }
.bnav a{ font-size:15px; color:#555;}

.bnav .back{width:150px; height:35px; position: absolute; top:5px;right:0; background:#ebeae8; border-radius:35px; line-height:35px; text-align: center; border-width: 700}
.bnav  .bgw{background:#fff;}

.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; padding-top:50px;}


.body3_r2{ padding:20px;line-height:200%; color:#6e5f4f;}
.body3_r3{width:100%; text-align:center; margin:0 auto;font-size:24px; color:#000;  padding-bottom:25px;}
.body3_r4{ width:1100px; height:50px; margin:0 auto; text-align:center; font-size:14px;}
.body3_r5{ padding:20px 15px; line-height:25px; border-top:1px solid #ccc;}




/*产品系列*/
.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;}


.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:1200px; margin:0 auto;}


.product_list { padding:3% 5px; height:auto; overflow:auto; width:100%; box-sizing:border-box;}
.product_list ul li{ float:left; width:25%; margin-bottom:20px; box-sizing: border-box; padding:10px;}
.product_list ul li:hover{-webkit-box-shadow:0 0 0 1px #002744; -moz-box-shadow:0 0 0 1px #002744; box-shadow:0 0 0 1px #002744;}
.product_list ul li:nth-child(4n){ margin-right:0;}
.product_list ul li figure{ padding:1%;}
.product_list ul li figure a{ display:block; width:100%; height:300px; background-position:center center; background-repeat:no-repeat; background-size:contain;}
.product_list ul li h5{ font-size:14px; text-align: center; width:100%; margin-top:5px;}
.product_list ul li h5 a{ display:block;}
.product_list ul li p{ font-size:14px;text-align: center; width:100%; }


.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:1200px; position:relative;  padding-top:50px;}




.news_con{margin-bottom:20px;}
.newslist{ height: auto; overflow: hidden; border:1px solid #cdcdcd; box-sizing: border-box; margin-top:40px; padding:20px;}
.newslist .title{ height:50px; overflow:hidden}
.newslist span.line{ display:block; height:5px;width:50px;background:#45b8ea;float:left; margin:10px 0px;}


.newslist .con{height:260px; width:100%; overflow: hidden}
.newslist .auto{height:auto;}
.newslist .con .img{width:350px; height:260px; overflow: hidden;  float: right}
.newslist .con .txt{width:720px; height:260px; overflow: hidden; float: left; margin-left:50px}
.newslist .con p{color:#666; width:720px; }
.newslist p.p1{ font-size:50px; font-weight:bolder; color:#000}
.newslist p.p2{ font-size:14px; }
.newslist p.p3{ font-size:14px; line-height:2em;}
.newslist .con h3{ font-size:20px; font-family:"微软雅黑",Arial, Helvetica, sans-serif; height:30px; margin-top:20px; margin-bottom:10px; font-weight:normal; color:#035d78;}
.newslist .con h3 a{ color:#666;}
.newslist .con h3 a:hover{ text-decoration:underline;}

.newslist:hover{box-shadow: 0px 10px 5px #ccc; border:1px solid #035d78;}



.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; background-color:#ebeae8; }

.conimg {width:1200px; height: auto; margin:25px auto; background-color:white; overflow: hidden}
.conimg .bpic{width:530px;height:auto; overflow: hidden; float: left; padding:30px;}
.conimg .bpic img{width:100%;}

.bpic .gallery-top{width:530px;height:530px;}
.bpic .gallery-top .swiper-slide{ background-size:contain; background-repeat: no-repeat; background-position:top center;}

.bpic .gallery-thumbs{width:530px;height:50px;}
.bpic .gallery-thumbs .swiper-slide{border:1px solid #ccc;box-sizing:border-box;background-repeat: no-repeat; background-position:top center; background-size:cover;}



.conimg .productText {width:520px; height: auto; overflow: hidden; float:  right;  margin-right:25px; padding:30px 0;border-bottom: 1px dashed #cccccc;}
.conimg .productText h3 { width:100%; font-size:2.2em; color: #000; padding: 27px 0 15px;display: inline-block;border-bottom: 1px dashed #cccccc;}

.conimg .productInfo { height: auto; overflow: hidden; margin-top:15px;  }
.conimg .productInfo div { height: auto; overflow: hidden; }
.conimg .productInfo div b {display: block; float: left; line-height: 42px; color: #626463; font-size: 14px; }
.conimg .productInfo div p {margin-left:70px; line-height: 42px; color: #6d6d6d; font-size: 14px; }
.conimg .productInfo .icons {margin-left:70px; margin-top: 15px; }
.conimg .productInfo .icons li { float: left; margin: 0 0 4px 4px; width:58px; 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; }


.productText .info {color: #7b7b7b; font-size: 1.6em; line-height: 30px;  background-color:#f7f7f7; width:100%; height: auto; overflow: hidden; padding: 30px 0; padding-left:10px}
.productText .info li {float: left; width:22%; text-align:center; display: list-item; }
.productText .info li:last-child{width:25%; }
.productText .info li img {display:inline-block; width:30px; height:30px; float: left;margin-top:7px;}
.productText  .info p {margin-left:5px; line-height:45px; color: #6d6d6d; font-size:14px;float: left }



.conimg .productInfo .icons {margin-left:70px; margin-top: 15px; }
.conimg .productInfo .icons li { float: left; margin: 0 0 4px 4px; width:58px; 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; }

.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:700px; height:auto; overflow: hidden; margin:0 auto; text-align: center;}
.otimg .otcon h3{font-size:18px;color: #000; border-bottom:1px solid #eee; padding-bottom: 20px; margin-bottom: 30px; text-align: left} 
.otimg .otcon h3 span{ color: #075b89;} 
.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;}








/*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{ width:88%; min-width:1600px; margin:0 auto;height:auto;box-sizing:border-box;background:#ffffff;color:#5c6273;overflow: hidden;}

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





.ftxt{ width:100%; margin:0 auto;  overflow: hidden; border-bottom:1px solid #e6eaed;color:#5c6273 }

.ftxt .tle{ width:300px; float:left; height: auto; overflow: hidden}
.ftxt i{ margin-top:2px; display: block; float: left}
.ftxt span{ font-size:15px;  color:#142543; margin-left:10px;}
.ftxt .fnav{ width:380px; height:40px; float: right}
.ftxt .fnav li{ float:left; margin:0 15px}
.ftxt .fnav li p{ float:left;}
.ftxt .fnav li i{ float:left;margin:0 5px}

.flogo{ width:100%;  height: auto; overflow: hidden; margin:35px auto; text-align: center}

.fmenu{width:100%;  height:400px;; overflow: hidden; margin:35px auto; text-align: center}
.fmenu li{width:20%;  height:400px; overflow: hidden;  text-align:left; float: left}
.fmenu li h3{ font-size:24px; color:#003150; font-weight:bold; margin:25px auto;}
.fmenu li p{}



.kfu{width:63px; height:63px; position:fixed; right:120px; bottom:30px; z-index:99;}




.infot{margin: 0 auto; width: 100%; max-width: none; text-align:center;color: #FFFFFF; background-color:#18252b; position: relative;}
.flogo{margin: 0 auto; width: 100%;  padding: 0 15px; text-align:center; border-bottom:3px solid #475055;box-sizing:border-box;}
.ftxt{margin: 0 auto; width: 100%;  padding: 0 15px; text-align:center;box-sizing:border-box;}
.ftxt h3{font-size:45px; padding:20px 0;}
.ftxt p{font-size:14px; line-height:2em;}
.ftxt img{margin:15px; margin-bottom:100px}
.ftxt img:nth-child(1){max-width:65%; margin:15px;}
.fcopy {margin: 0 auto; position: absolute; bottom:20px; width: 100%;  padding: 0 15px; text-align:center;box-sizing:border-box;font-size:16px; line-height:2em;}


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




.dede_pages{
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.dede_pages ul{
	
	padding:12px 0px 12px 16px;
}
.dede_pages ul li{
	display:inline-block;
	font-family:Tahoma;
	margin-right:10px;
	border:1px solid #E9E9E9;
	min-width:20px;
	height:40px;
	line-height:40px;
}
.dede_pages ul li a{
	min-width:20px;
	padding: 0 10px;
	height:100%;
	color:#555;
	font-size: 16px;
	display:block;
}
.dede_pages ul li a:hover{
	color:#fff;
	background-color: #555;
	text-decoration:none;
}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
	font-weight:bold;
	color:#fff;
	background-color:#494949;
}
.dede_pages .pageinfo{
	line-height:21px;
	padding:12px 10px 12px 16px;
	color:#999;
	
}
.dede_pages .pageinfo strong{
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}