@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; font-size:62.5%; }
body {font-size:1.4rem;color:#666; background-color:#fff; font-family:"Microsoft Yahei";}
a { text-decoration:none; color:#4f4f4f;font-size:1.2rem;}
a:hover {text-decoration:none; }
a img { border: 0; }
* { word-break:break-all; }
ul, li { padding:0px; margin:0px; list-style-type: none; }
.Cle { font-size:0;display:block; clear:both; }
.center{text-align:center}
.t10{margin-top:10px;}
.clearfix:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
.clearfix{zoom:1;}
.fl{ float:left}
.fr{ float:right;}
.clear{ clear:both}
.r{float:right; } .l{float:left;}
h3,h5{font-weight:normal;}
.bf{ background-color:#FFF !important;}

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








.e{ font-size:1.4rem; color:#ab8f70;height:29px;}
.c{ font-size:1.6rem; color:#ffe9ad; padding-top:9px; height:20px;}

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





/* header */
.header{position:relative;height:70px; background:#4b4b4b;background-size:100% 100%; border-bottom:2px solid #da3232;}
.header .top{ width:60%; height:60px; overflow: hidden; float: left}
.header .logo{display:block;width:100%;height:70px; margin:0 auto; float:left; background:url(../images/lt_03.jpg) 10px center no-repeat; background-size:auto 70%;}


.header .search{position:absolute;top:0;right:15%;z-index:1000;display:block;width:15%;height:100px; border-left:1px solid #999;text-align:center;}
.header .search:hover{}
.header .search span{color:#000; line-height:100px; width:100%; text-align:center; font-size:2rem;}

.header .back{position:absolute;top:0;left:0;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-back.png) no-repeat center center;background-size:12px 20px;}

@media (min-width:641px){body{width:640px;margin:auto;}}

.nav{ width:100%; height:45px;  background-color:#091231; float:left; }
.nav ul li{ width:25%; height:45px; float:left; text-align:center; font-size:1.6rem; color:#FFF;line-height:45px;}



.banner{ width:100%; height:auto; position: relative;}
.topmenu{width:100%; height:10rem;  position: absolute; bottom:0px; z-index:10; text-align: center;}
.topmenu_1{text-align: center; width: 100%; height: 3rem; display: block}
.topmenu_1 li{ width: 30%; height:3rem; display: inline-block;  background-color:#c0252b; line-height: 3rem; margin:0 2px;}
.topmenu_1 li a{ color:white; font-size: 1.4rem}

.topmenu_2{text-align: center; width: 100%;height: 3rem; display: block; margin-top: 4rem;}
.topmenu_2 li{ padding:0 10px; height:3rem; display: inline-block;  line-height: 3rem; margin:0 2px;}
.topmenu_2 li a{ color:#858586; font-size: 1.4rem}

.box{ width:100%; height:auto; overflow:hidden; margin:0 auto 2rem auto; background-color:#f9f9f9;}
.box_img{ width: 100%; height: auto; overflow: hidden}
.box_txt{ width: 70%; height:7rem; background:#fff; overflow: hidden; margin: 0 auto; box-shadow:0 0 10px #bbb;}
.box_txt .more{width:10rem;font-size:1.6rem; height:3rem;line-height: 3rem; text-align: center; color:white; display: block; background:#000; margin:2rem auto;}

.box_about{width:95%;height:auto;overflow:hidden; margin:0 auto}
.box_about h3{ font-size:1.8rem; text-align: left; margin-top: 15px;}
.box_about h4{ font-size:1.4rem; text-align: left;text-transform:uppercase; margin-bottom:10px;}
.box_about p{font-size:1rem;text-transform:uppercase;color:#4f4f4f; text-indent: 2em; line-height:2rem;}


.caselist{height:auto;text-align: center; width: 100%; overflow: hidden;}
.caselist ul{}
.caselist li{float: left;overflow: hidden;position: relative; width:46%; margin:0 2%;}
.caselist li img{width:100%;}
.caselist li p{height:2rem;line-height:2rem; background:#fff;}


.core{width:100%; height:auto; margin:0 auto; overflow: hidden; position: relative;}
.core .c_img{width:100%;}
.core .c_img img:nth-child(1){ float:left; width:50%}
.core .c_img img:nth-child(2){ float: right;width:50%}
.core .c_txt{position:absolute; z-index: 2; top:1rem; left:50%; width:40%; height:90%; background-color: white; margin-left:-20%; text-align: center}
.core .c_txt h4{ font-size:1.2rem;  line-height:2rem; font-weight: normal;}



.bg_ee{ background-color:#091231}
.gr{ font-size:3rem; color:#009944; text-align:center; padding:10px 0; font-weight:200;}
.til{width:100%; display: block; height:auto; margin:0 auto; padding:1rem 15px; box-sizing: border-box; text-align:center;}
.til h3{ font-size:1.8rem; color:#111111; font-weight:normal; }
.til i{ display: block;   height:3px; overflow: hidden; width:4rem; margin:.6em auto; background-color:#f36511 }
.til p{ font-size:1rem; line-height:2em;text-transform:uppercase;}
.til img{ max-width:60%}

.til1{width:100%; display: block; height:auto; margin:0 auto; padding:25px 15px; box-sizing: border-box; text-align:center;}
.til1 h3{ font-size:1.6rem; color:#666; font-weight:normal; }
.til1 i{ display: block;   height:2px; overflow: hidden; width:4rem; margin:.5em auto; background-color:#737373 }
.til1 p{ font-size:1.4rem; line-height:1em;text-transform:uppercase;}
.til1 img{ max-width:60%}

.more{ width:100%; margin:2rem auto; text-align: center}
.more a{ width:10rem; height:3rem; display: block; background:#000; margin:0 auto;line-height:3rem; font-size:1.4rem; color:white}



.promenu{width:100%; height:auto; overflow: hidden; margin:0 auto;}
.promenu p{ background: #fff; line-height:3rem; font-size:1.6rem;}




.topnews{width:100%; height:auto; margin:0 auto; overflow:hidden; padding-bottom:25px;}
.topnews_img{ width: 100%; height: auto; overflow: hidden}
.topnews_txt{ width: 100%; height:8rem; background:#fff; overflow: hidden; margin: 0 auto; box-sizing: border-box; padding:10px; box-shadow:0 0 10px #bbb;}
.topnews_txt .more{width:5rem;font-size:1.2rem; height:2rem;line-height: 2rem; text-align: center; color:white; display: block; background:#000; margin:2rem auto;}
.topnews_txt p{ height:6rem; width:100%; overflow:hidden; line-height:2rem;  font-size:1.2rem;}







.case{width:100%; height:auto; overflow:hidden; margin:0 auto; text-align:center; position:relative;}
.box2{ width:100%; height:auto;overflow:hidden; padding:35px 0; }
.iconfont {
  font-size:1.6rem;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin:0 auto;
}




.disign{width:100%; height:auto;overflow:hidden;margin:20px auto; color: #B94648}

.til2{width:auto;height:auto; overflow: hidden; margin:20px auto; text-align:left; background: url(../images/smo_49.jpg) center bottom no-repeat; padding-bottom: 1.5rem;}
.til2 i{ float:left; padding-left:5rem;}
.til2 i img{ max-width:80%;}
.til2 h3{color:#e1001b; margin-top:10px; font-size:2rem; font-weight:normal;}
.til2 p{ font-size: 1.2rem; text-transform: uppercase}

.disign input{ width:100%; height:5rem; font-size: 2rem; line-height:5rem; border:1px solid #cacaca; margin-top: 1rem; border-radius: 5px; }

.disign .dis1{ background:url(../images/smo_53.jpg) .5rem center no-repeat; text-indent: 5rem;}
.disign .dis2{ background:url(../images/smo_57.jpg) .5rem center no-repeat; text-indent: 5rem;}
.disign .dis3{ background:url(../images/smo_61.jpg) .5rem center no-repeat; text-indent: 5rem;}
.disign .dis4{ background:url(../images/smo_65.jpg) .5rem center no-repeat; text-indent: 5rem;}
.disign .dis5{ background:#cc3234; color: white}



.tact_txt{width:100%; margin:0 auto; height:auto; overflow:hidden;}
.tact_txt img{ float:left; width:45%;}
.tact_txt h3{ width:50%; height:2rem; display:block; line-height:2rem; border-left:1px solid #900000a; float:right}
.tact_txt p{ width:50%; height:auto; line-height:1.5rem;float:right;display:block;}
.tact_form{}







.mt110{ margin-top:130px;}




.box6{ width:100%; height:272px;overflow:hidden; background:url(../images/aq_26.jpg) center top no-repeat;}







#body3{ width:100%; background-color: white;margin:0 auto; overflow:hidden; color:#666; margin-bottom:30px; font-size:1.6rem; line-height:1.5em;}

.show{ width:80%;padding:0px 10%;margin-top: 20px}
.show .swiper-container{ padding-bottom: 30px;}
.show .swiper-pagination{ bottom:0px;}
.show .swiper-slide{}
.show .swiper-slide img{width:100%;}
.show .swiper-pagination-bullet{display:inline-block;width:25px; height:5px;border-radius:0; background: #a1a1a1;} 
.show .swiper-pagination-bullet-active {opacity:1;border-radius:0;background: #535150; }

.menu_left_title {
    height: 37px;
    background: url(../images/line.jpg) bottom center no-repeat;
    background-size:70% auto;
    margin: 18px 0 0 0;
    line-height: 37px;
    font-size: 1.6rem;
	padding-bottom:15px;
    text-align: center;
}

.product_menu_left {
    width: 100%;
    height: 40px;
    background: #ddd;
    margin: 10px 0 0px 0;
    z-index: 8;
    font-family: 'verdana';
}

.product_menu_left .select {
    padding: 0 3%;
    line-height: 40px;
    font-size:1.4rem;
}
.product_menu_left .rb {
    right: 3%;
    top: 0px;
	height:40px;
	line-height:40px;
}
.pos_a {
    position: absolute;
}
.pos_a span{ float:left; line-height:40px; padding-right:5px; display:block; font-size:1.2rem;}
.pos_a img{ float: right; padding-top:15px;}

.product_menu_left .product_type {
    position: absolute;
    left: 0;
    top: 40px;
    background: #e5e5e5;
    width: 94%;
    padding: 0 3%;
    overflow: hidden;
    height: 0;
	z-index:999;
}
.product_menu_left .product_type li {
    border-bottom: 1px solid #eee;
	height:2rem;
    padding: 3% 0 3% 0;
}
.product_menu_left .product_type li a {
	width:100%; height:100%; display:block;
	font-size:1.4rem;
}


.m_ {
    display: inherit;
}
.pos_r {
    position: relative;
}













.lMenu {margin:auto; width:100%;}
.lMenu h2{ text-align:center; padding:15px 0px; margin:0px; font-size:1.6rem; font-weight:normal; line-height:30px;}
.lMenu h2 b{ display:block;  color:#600007; font-weight:normal; font-size:1.8rem;}
.lMenu h2 em{ display:block; color:#c1c1c1; font-style:normal;}
.lMenu dl{ text-align:center;}
.lMenu dl span{ position:relative;  margin-left:2%; margin-right:1%; width:45%; float:left;line-height:40px; border:solid 1px #d0d0d0; overflow:hidden; height:40px; overflow:hidden; margin-top:5px;}
.lMenu dl span a{ color:#484848; font-size:1.4rem;}
.lMenu dl span .lon{background-color:#F90 !important; color:#FFF; display:block;}


.lMenu1 dl{ text-align:center;}
.lMenu1 dl span{width:98%; float:left; display:block; line-height:3em;  overflow:hidden; height:3em; overflow:hidden; background:url(../images/icon.png) right center no-repeat #DDD; margin-top:5px;}
.lMenu1 dl span a{ color:#4f4f4f; font-size:1.6rem;}
.lMenu1 dl span .lon{background-color:#F90 !important; color:#FFF; display:block;}


.title1{ width:98%; font-size:2rem; text-indent:1em;  height:3rem; line-height:3rem; background:url(../images/icon.png) right center no-repeat #DDD; color:#000; overflow:hidden; margin:15px auto;}
.title1 a{ width:100%; height:100%; display:block;}


.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:1.6rem; font-weight:normal;  padding-right:25px; text-indent:20px;}
.body3_title p a{ color:#0d2f6c;font-size:1.4rem;}


.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:94%; height:auto; margin:0 auto; overflow:hidden; margin-bottom:40px; font-size:1.6rem; padding-top: 3rem;}
.w1200 p{ font-size:1.4rem;}
.w1200 a{ font-size:1.4rem;}
.w1200 img{ max-width:100%}
.body3_r3{font-size:2rem; width:90%; margin:15px auto; text-align:center;}
.body3_r5{font-size:1.6rem; width:90%; margin:0 auto}
.body3_r5 p{font-size:1.6rem;}



/*feedback*/
.feedback{width:100%;margin:13px auto 20px;font-size:1.4rem;color:#646464; }
.feedback .cap{width:100%;margin:0;text-align:left;color:#00478b;}
.feedback .til{width:100%;line-height:60px;font-size:18px;text-indent:30px;background:none;margin:0 0 36px 0;color:#000; font-weight:bold;}
.feedback p{line-height:34px;background:none;padding:5px 0;margin:0 auto;display:block; }
.feedback label{width:120px;text-align:left;display:block;font-size:1.4rem;}
.feedback .input1:focus{}
.feedback .input1{font-size:1.4rem;width:100%;height:34px;padding:0 5px;line-height:34px;border:solid 1px #bfbfbf;}
.feedback .input2{font-size:1.4rem;width:100%;height:120px;max-width:100%;max-height:219px;min-width:100%;min-height:219px;}
.feedback .subtn1{display:inline-block;width:100%;height:34px;line-height:34px;margin:10px auto;text-align:center;color:#fff;background:#646464;cursor:pointer; font-size:1.6rem; font-family:'微软雅黑';}
.feedback .subtn2{background-position:right top;}
.feedback .subtn1:hover{background:#00478b;}
.wsize p{font-size:1.4rem;}
.wsize p span{font-size:1.4rem;}


/*图片展示页面*/
.imglist{margin-bottom: 50px;}
.imglist .lr .b_img, .imglist .rl .txt{float: left;}
.imglist .lr .txt, .imglist .rl .b_img{float: right;}
.imglist>div:nth-child(2n)>.b_img{ float:right;}
.imglist>div:nth-child(2n)>.txt{ float:left;}

.imglist .lst{height:auto; width:100%; background: #e9e9e9; margin-bottom: 38px; overflow:hidden;}
.imglist .b_img{width:62%; position: relative; cursor: pointer;overflow:hidden;}
.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:auto;}

.imglist .txt{padding:5px; width:35%; height:auto; overflow:hidden; text-align: center; position: relative; color: #061d7d;}
.imglist .txt .s_img{overflow:hidden; text-align: center;}
.imglist .txt .s_img img{ width:100%;}
.imglist .txt p{font-size:12px; height:24px; line-height:24px; margin:3px 0;}
.imglist .txt .more{display: block; margin: 0 auto; width:60%; height: 20px; line-height:20px; font-size:12px; border: 1px solid #061d7d; color: #061d7d;}
.imglist .lst:hover .txt .more{background: #061d7d; color: #fff;}
.imglist .lst:hover .b_img .b_bg{  opacity: 0.7;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);}







.about{width:100%; height:auto; margin:0 auto; background-color:#112c8e; color:#FFF;}
.about_1{ width:1050px; height:490px; margin:0 auto; padding:20px 10px; background:url(../images/about_11.jpg) right center no-repeat}
.about_1 .txt{ width:600px; float:left; display:block;background:url(../images/ab_11.jpg) left top no-repeat; padding-top:30px; line-height:28px; font-size:13px;}
.about_1 .txt p{ text-indent:2em;}



.about1{width:100%; height:auto; padding:25px 0; color:#FFF; margin:0 auto; text-align:center;}

.guandian{ width:1050px; height:360px; margin:0 auto; background:url(../images/about_20.jpg) 30px top no-repeat; overflow:hidden; text-align:left;}
.guandian ul{ height:290px; margin-top:60px; width:1050px;}
.guandian li{ width:295px; height:290px; float:left; margin:0 27px;}
.guandian li img{ width:295px; height:128px;}
.guandian li h4{ font-size:17px; font-weight:normal!important; line-height:35px;}
.guandian li p{ line-height:1.5em;}


.huodong{ width:1050px; height:auto; margin:0 auto; background:url(../images/about_33.jpg) 30px 30px no-repeat; overflow:hidden; text-align:left;}
.huodong ul{margin-top:80px; width:1050px;}
.huodong li{ width:1050px; height:145px; float:left; margin-bottom:30px; margin-top:15px;}
.huodong li img{ width:200px; height:138px; float:left; margin-right:20px;margin-left:27px;}
.huodong li h4{ font-size:17px; font-weight:normal!important; line-height:35px;}
.huodong li p{ line-height:1.8em;}






.w1050{ margin:0 auto; width:98%; position:relative; padding:0 1%;margin-bottom:40px}

.news_con{margin-bottom:20px;}
.newslist{ border-bottom:1px dashed #4f4f4f; padding:40px 0;}
.newslist .title{ height:50px; overflow:hidden}
.newslist .title span.line{ display:block; height:50px; width:2px; background:#4f4f4f; margin-right:15px;}
.newslist .title .h{ width:100%; border-bottom:1px solid #4f4f4f;}
.newslist .title .h h2{ font-size:16px; font-family:"微软雅黑",Arial, Helvetica, sans-serif; height:25px; margin-bottom:5px; font-weight:normal; color:#4f4f4f; overflow:hidden;}
.newslist .title .h h2 a{ color:#4f4f4f;}
.newslist .title .h h2 a:hover{ text-decoration:underline;}
.newslist .title .h p{ color:#4f4f4f}
.newslist .con{height:auto; margin-bottom:30px; overflow:hidden;}
.newslist .auto{height:auto;}
.newslist .con .fl{ width:98%; font-size:12px; line-height:30px; text-indent:25px; }
.newslist .con .fr{ width:98%; margin-top:10px;}
.newslist .bar .fl{ background:url(../../images/mati/view.gif) 0 3px no-repeat; padding-left:20px;}
.newslist .bar .fl .view{float:left;margin-top: 3px;margin-right: 15px; }
.newslist .bar .fr a{ color:#4f4f4f}.newslist .bar .fr a:hover{ text-decoration:underline;}








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


.pro{ width:1050px; margin:0 auto; color:#666}
.pro .sx{ background:#182b56; height:200px;padding-bottom:20px;}
.pro .sx .table{ width:998px; border:1px solid #0f1837; margin:0 auto;  overflow:hidden}
.pro .sx .table .dl{ clear:both}
.pro .sx .table .dl .title{ width:150px; line-height:40px; text-align:center; border-right: 1px solid #c9caca;}
.pro .sx .table .dl li{ float:left; margin: 0 9px; height:40px; line-height:40px;}
.pro .sx .table .dl li a{ display:inline-block; height:20px; line-height:20px; width: 80px; text-align:center; color:#FFF}
.pro .sx .table .dl li.on a{background:#e4c163;color:#000; }
.pro .sx .table .dl li a:hover{color:#e4c163}
.pro .sx .table .dl2{ border-top:1px dotted #fff; position:relative; height: 40px; overflow: hidden;}
.pro .sx .table .dl2.dl2-2 ul{width:1200px;}
.pro .sx .table .dl2 .title{ height: 40px; line-height: 40px;}
.pro .sx .table .dl2 ul{ width:880px;}
.pro .sx .table .dl2 li{ height:30px; line-height:30px; margin-top: 5px;}
.pro .sx .table .bar{ background:#242424; border-top:1px solid #c9caca; height:40px; line-height:40px; padding-left:25px;}
.pro .sx .table .bar span a {background: #A28E58;  color: black;padding: 2px 5px;}







.pro_con{ padding:15px 0;}
.pro_con .title{ height:40px; line-height:40px; border:1px solid #999; border-top:1px solid #999; overflow:hidden; margin-bottom:30px;}
.pro_con .title span{ border-right:1px solid #999; display:inline-block; float:left; height:40px; padding:0 20px; cursor:pointer}
.pro_con .title span.on{ color:#eecd73}




.pro_con .con1{ width:100%; overflow:hidden;}
.pro_con .con1 ul{ width:100%;}

.pro_con .con1 li{ float:left;height:auto; background-color:#eaeaea; margin-bottom:20px; width:46%; margin:1rem 1%; text-align:center; overflow:hidden; padding:5px 1%;}
.pro_con .con1 .con1_1{width:100%; height:12rem; position:relative; background-size:contain; background-repeat:no-repeat;background-position:center;}
.pro_con .con1 .con1_1 a{ font-size:1.2rem; color:#FFFFFF; background:rgba(229,0,19,0.6) url(../images/products_03.png) no-repeat .6rem center; padding:.5rem .8rem .5rem 2.4rem; background-size:20%; display:block;}
.pro_con .con1 .con1_1 img{position:initial; max-width:100%; max-height:12rem;}
.pro_con .con1 .con1_1 p{ position:absolute; right:0; margin-right:.2rem; display:block;}

.pro_con .con1 .con1_2{ border-top:1px #d1d1d1 solid;padding:.5rem .5rem; height:auto; text-align:center; overflow:hidden; margin-top:1rem}
.pro_con .con1 .con1_2 p{ color:#5f5f5f; font-size:1.4rem; width:100%; height:3rem; overflow:hidden;}
.pro_con .con1 .con1_2 a{color:#ed4552; border-radius:2.6rem; border:1px #f8babf solid; font-size:1rem; display:block;padding:0 .5rem 0 .5rem;}


.catlist{ width:100%; height: auto; overflow: hidden; background-color: #f5f5f5; padding-bottom: 6rem;}
.catlist li{ float: left; width: 48%; margin:1rem 1%; text-align: center; position: relative; height: auto; overflow: hidden;}
.catlist img{ width:100%;}
.catlist p{ width:100%; background: rgba(255,255,255,.7); position: absolute; bottom:0;  height:2rem; line-height: 2rem; font-size: 1.4rem;}



#page{ text-align:center;height:40px; width:100%; font-size:1.4rem; margin:0 auto;}
#page strong{ color:#6e5f4f}
#page input.page1{ width:20px;}
#page a{ color:#4f4f4f;font-size:1.4rem;}
#page a:hover{ color:#4f4f4f;}

#page1{ text-align:center;height:40px; width:100%; font-size:1.4rem;position:fixed; bottom:0; left:0; z-index:100;overflow:hidden;}
#page1 strong{ color:#6e5f4f}
#page1 input.page1{ width:20px;}
#page1 a{float:left;width:20%;font-size:1.4rem;}
#page1 a:hover{ color:#4f4f4f;}



.pro_next{width:100%;height:45px; margin:0 auto; overflow:hidden; padding-top:25px; font-size:1.4rem;}
.pro_next a{ width:30%; height:35px; border:1px solid #CCC; display:block; float:left; margin:0 9%; text-align:center; line-height:35px; font-size:1.4rem;}



.pro_show_con{ clear:both; margin-top:15px;}
.pro_show_con .con1 .fl{width:100%;height:auto; text-align:center; margin:0 auto;}
.pro_show_con .con1 .fl .bpic{width:96%;height:auto;overflow:hidden; margin:0 auto;}
.pro_show_con .con1 .fl .bpic li{text-align:center;}
.pro_show_con .con1 .fl img{ max-width:90%; width:90%;}
.pro_show_con .con1 .fl h1{ font-size:2rem; font-weight:500;}

.pro_show_con .con1 .fr{width:100%;margin:0 auto; box-sizing: border-box; padding: 10px; font-family:"微软雅黑",Arial, Helvetica, sans-serif; color:#4f4f4f}
.pro_show_con .con1 .fr h3{font-size:1.6rem; height:35px; border-bottom:1px solid #999; width:70%}
.pro_show_con .con1 .fr .p{line-height:30px; margin:10px 0; padding-bottom:10px;font-size:1.2rem;}
.pro_show_con .con1 .fr .bar{ margin-top:20px; font-family:Arial, Helvetica, sans-serif; color:#4f4f4f;line-height: 26px;}
.pro_show_con .con1 .fr .bar img{ max-width:100%;}
.pro_show_con .con1 .fr .b{ text-align:center; color:#40220f; font-size:2rem; width:100%; display:block;}


.pro_show_con .con2{ margin-top:40px; background:#ccc; height:auto;width:98%; margin:0 auto;  font-size:14px;color:#666; overflow:hidden}


.pro_show_con .con2 .protaocan{margin-top:10px; height:auto; overflow:hidden;}
.pro_show_con .con2 .protaocan li{width:46%;height:auto;text-align:center; background-color:#FFF; margin-left:2%; margin-right:2%; float:left; margin-top:10px;}
.pro_show_con .con2 .protaocan li img{width:100%}
.pro_show_con .con2 .protaocan li a{display:inline-block;overflow:hidden;}
.pro_show_con .con2 .protaocan li p a{display:inline;}


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


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





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



.s_title{ width:50%; height: auto; overflow: hidden; text-align: center; margin:1rem auto; background: url(../images/xq_03.jpg) bottom no-repeat;}
.s_title h3{ font-size:1.6rem;}
.s_title p{font-size:1.2rem; padding-bottom: 2rem; text-transform: uppercase;}

.s_thumb{width:95%; margin:0 auto; height: auto; overflow: hidden;}
.s_thumb .img{ width:49%; float: left;}
.s_thumb .txt{width:46%; float:right; font-size: 1.4rem;line-height:1.5em; padding-top:1rem;}


.s_ters{width:95%; margin:0 auto; height: auto; overflow: hidden; }
.s_ters .img{ width:50%; float: left;}
.s_ters .ters{width:43%; margin-right: 3%; border:1px solid #bfbfbf;float:right; font-size:1.2rem;line-height:1.5em; padding:1rem; box-sizing:border-box; padding-left:1.5em;}



.moreimg{width:95%; margin:20px auto; height: auto; overflow: hidden;text-align: center;}
.moreimg ul{ margin-bottom:30px; overflow: hidden; height: auto;}
.moreimg li{ width: 23%; height:auto; float: left; margin:0 1%;}
.moreimg li img{ width:100%}

.s_txt{width:70%; margin:0 auto; height: auto; overflow: hidden; text-align: center; font-size:1.4rem; line-height: 2em;}

.s_content{width:95%; margin:0 auto; height: auto; overflow: hidden; text-align: center; }
.s_content img{ max-width: 95%; height:auto;}


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






/*底部*/
.footLink{ padding:46px 0;background: #dddddd;text-align: center;}
.footLink img{ max-width:70%;}


.footer{ width:100%; height: auto; overflow: hidden; background-color:#f5f5f5; padding-top:10px; text-align: center;}
.footer p{font-size:1.2rem; line-height:2rem;}

.copy {
    color: #6d6d6d;
    font-size:1.4rem;
    line-height:2rem;
    padding: 10px 0 15px;
    text-align: center;
    border-top: 2px solid #dadbde;
    background: #e5e6e9;
}



/* 底部导航 */

.foot{

  position: fixed;
  height:5rem;
  left: 0;
  bottom:0;
  width:100%;
  overflow: hidden;
  z-index: 999;
}

.foot i{ padding:2px 0; height:2rem}
.foot i img{ height:2rem}
.foot p{ padding:5px 0;font-size:1.2rem;}

.foot a{
  float: left;
  display:block;
  text-align: center;
  color: #fff;
  line-height: 1rem;
  padding: 5px 0;
  height:4rem;
	font-size:1.2rem;
}

.foot a:hover{

  opacity: .9;

}

.phone{
  width:25%;
 
  background: #4b4b4b;
}

.email{

  width: 25%;

   background: #4b4b4b;

}

.foot .ewm{

  width:25%;

  background: #4b4b4b ;

}








/* 在线客服 QQ*/
#tabbox{ width:100%; height:auto; overflow:hidden; margin:0 auto;}

#tabbox>div{ width:100%; height:50px; margin:0 auto; text-align:center}
#tabbox>div>h3{ color:#600007; margin-top:10px; font-size:18px;}


.tab_con{display:block; width:98%; height:auto; margin:0 auto; margin-bottom:20px;}
.tab_con li{width:46%; height:auto; float:left; margin:5px 2%;}
.tab_con li img{ width:100%;}
.tab_con li p{ width:98%; height:40px;line-height:40px;text-align:center;color:#666; border:1px solid #ccc;}





/* 在线客服 QQ*/
#QQFloatDiv { width:118px; margin:0 auto; }
#QQFloatDiv .Head { height:41px; background:url("../images/QQ/head.gif");}
#QQFloatDiv .Body { background:url("../images/QQ/body.gif"); text-align:center; }
#QQFloatDiv .Body p{ width:100%;}
#QQFloatDiv .Foot { height:40px; background:url("../images/QQ/foot.gif");}
/* 在线客服 QQ*/