@charset "utf-8";
/* CSS Document */

body, div, h1, h2, h3, h4, h5, h6, p,span,a,input,textarea,select,span,i,b, blockquote, pre, dl, dt, dd, ol, ul, li, hr, fieldset, form, label, legend, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, summary, hgroup,button{
margin: 0;padding: 0;border: 0; outline:none;font-family:"微软雅黑",Verdana,"Microsoft YaHei", "SimHei", "SimSun"; max-height:999999px;}
i,em{font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {-webkit-appearance: none;}   /*去掉css去掉iPhone、iPad的默认按钮样式  */
textarea,select{-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;}/*隐藏input等表单的默认样式的背景*/
html{ overflow-x:hidden;}
a{text-decoration:none;  color:#666; outline-style:none;}
input{ padding:0; margin:0; outline:none;}
li{list-style-type:none;list-style:none;}
img {/*max-width: 100%;*/display: block;border:none;vertical-align:middle;}
body{width:640px; max-width: 640px; min-width:640px; margin: 0 auto;position:relative; overflow:hidden;}
.overflow{ overflow:hidden;}

.yy_topbox{ width:600px; padding:28px 20px; margin:0 auto; z-index:999; background:#fff;}
.logo{ float:left; margin-left:80px;}
.yy_menu{ width:40px; height:36px; float:left; margin-top:5px;}
.yy_menu div{width:40px; height:36px;}
.yy_menu .close{display:none;}
.mes{ float:right; margin-top:5px;}

.yy_nav{ width:640px; height:calc( 100vh - 101px); display:none; z-index:999; margin:0 auto; position:fixed; top:101px;background-color: #00421d;}
.yy_nav ul li{ width:640px; height:90px;text-align:center;margin:0; background:#00421d; border-bottom:1px solid #013d1c;}
.yy_nav ul li a{width:640px; display:block; margin:0 auto; line-height:90px; color:#fff; font-size:24px;}
.yy_nav ul li:hover{ background:#fdd000;}
.yy_nav ul li:hover a{ color:#333;}

.yyapp_banner{width:640px;height:360px;margin:0 auto; position:relative;overflow:hidden;}
.yyapp_banner ul li{float:left;width:640px;height:360px;}
.yyapp_banner ul li img{display:block;width:640px;height:360px;}
.dotModule_new{padding:5px 0 10px 0;position:absolute;bottom:0px; left:50%; margin-left:-50px; width:100px;z-index:11;}
#slide_01_dot{text-align:center;margin:0 auto;}
#slide_01_dot span{display:inline-block; margin:0 6px; width:10px; height:10px; vertical-align:middle; background:#fff; border-radius:50%;}
#slide_01_dot .selected{background:none; background:#01431f;}

.yy_pro{ margin-bottom:30px;}
.yyt{ width:600px; background:#01431f; line-height:60px; padding:0 20px;}
.yyt p{ background:url(../images/t1.jpg) no-repeat 0 18px; padding-left:34px; font-size:24px; float:left; color:#fff;}
.yyt a{ font-size:18px; float:right; color:#fff;}
.yyt a:hover{ color:#fdd000;}
.yy_prolist{ width:612px; margin:30px auto 10px auto;}
.yy_prolist li{ float:left; width:160px; border:1px solid #01431f; margin:0 6px 20px 6px; padding:0 15px; line-height:60px; height:60px; overflow:hidden;}
.yy_prolist li p{ background:url(../images/sj.jpg) no-repeat 0 22px; padding-left:15px; color:#333; font-size:20px;}
.yy_prolist li:hover p{background:url(../images/sj2.jpg) no-repeat 0 22px; color:#ff0033;}
.marqueeleft2{overflow:hidden;width:600px; height:265px; margin:0 auto;}
.marqueeleft2 ul li{float:left;width:196px; height:265px; border-radius:10px; margin:0 3px;}
.marqueeleft2 ul li:hover img{ opacity:0.9;}
.marqueeleft2 ul{float:left;}


.yy_about{ padding-bottom:30px;}
.yyt1 p{background:url(../images/t2.jpg) no-repeat 0 18px;}
.about_p1{ width:600px; margin:30px auto 20px auto;}
.about_p1 img{ float:left;}
.about_p1 p{ float:right; width:290px; line-height:40px; font-size:20px; color:#333; height:200px; overflow:hidden;}
.about_p2{line-height:48px; font-size:20px; color:#333; width:600px; margin:0 auto; text-indent:24px; position:relative;}
.about_p2 a{ display:inline-block; position:absolute; bottom:0; right:0; color:#779004; font-size:20px; width:160px; background:#fff; text-align:center;}


.yy_linkbox{ width:640px; margin:0 auto;}
.zbbox{ float:left; width:315px; overflow:hidden; background:#f5f5f5;}
.zsbox{ float:right; width:315px; overflow:hidden; background:#f5f5f5;}
.yyt2{ width:275px; padding:0 15px;}
.yyt3 p{background:url(../images/t3.jpg) no-repeat 0 18px;}
.yyt4 p{background:url(../images/t4.jpg) no-repeat 0 18px;}
.linklist{ width:275px; margin:0 auto; padding:10px 0 30px 0;}
.linklist li{ background:#fff; margin-top:20px; width:255px; line-height:60px; height:60px; overflow:hidden; padding:0 10px; border-bottom:1px dashed #808080;}
.linklist li p{ background:url(../images/sj.jpg) no-repeat 0 22px; padding-left:15px; color:#333; font-size:20px;}
.linklist li:hover p{background:url(../images/sj2.jpg) no-repeat 0 22px; color:#ff0033;}


.fw2{ width:612px; margin:40px auto;text-align:center;overflow:hidden;}
.fw2 .bd{ margin:0 auto; height:285px;}
.fw2 .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); display:block;}  /* 去掉链接触摸高亮 */
.fw_scroll .hd{width:600px;overflow:hidden; font-size:0;}
.fw_scroll .hd ul{ display:inline-block;margin:0 auto; height:10px;}	
.fw_scroll .hd li{ display:inline-block;width:10px; height:10px; margin:0 10px; vertical-align:top; overflow:hidden;text-indent:50px; background:#b3b3b3; border-radius:50px;}
.fw_scroll .hd .on{  background:#01431f;}
/* 结束多图滚动 */
.sample_list{ width:612px; overflow:hidden; margin:30px auto;}
.sample_list li{float:left; margin:0 3px;}
.address{ width:600px; margin:30px auto;}
.address *{ line-height:54px;}
.address p{ color:#666; font-size:20px;}
.address font,.address b{ color:#333; font-size:24px;}
.address b{ font-weight:bold;}


.footerbox{ background:#000; padding:0 20px 30px 20px;}
.logobox img{ float:left;}
.logobox img:nth-child(1){ margin-right:50px;}
.navlist{ margin:40px auto 0 auto; width:460px;}
.navlist .p1{ float:left; width:100px;}
.navlist .p1 *{ display:block; line-height:40px; font-size:20px;}
.navlist .p1 span{ color:#fff;}
.navlist .p1 a{ color:#999;}
.navlist .p2{ float:right; width:240px;overflow:hidden;}
.navlist .p2 p{ color:#fff;font-size:20px; float:left;}
.navlist .p2 p img{ display:inline-block; margin:20px 10px 0 0;}
.navlist .p2 .wx{ float:right; display:block;}

.copyright{ background:#00421d; line-height:60px; height:60px; color:#fff; text-align:center; overflow:hidden; margin-bottom:90px;}
.yy_bottom{  width:640px;position:fixed; bottom:0; z-index:999; margin:0 auto;}
.yy_bottom a{ display:block; float:left; width:320px; height:75px; padding:15px 0 0 0;}
.yy_bottom .a1{ background:#012d14;}
.yy_bottom .a2{ background:#012611;}
.yy_bottom a *{ margin:0 auto; text-align:center;}
.yy_bottom a p{ line-height:20px; height:20px; overflow:hidden; color:#fff; font-size:18px;}




/*contact*/
.yy_nav2{line-height:60px; height:60px;}
.yy_nav2 a{ display:block; float:left; width:159px; color:#fff; background:#00421d; border-right:1px solid #005b28; text-align:center;font-size:20px;}
.yy_nav2 .a1{ background:#fdd100; padding-left:24px; width:135px;}
.yy_nav2 .a1 p{ background:url(../images/b.jpg) no-repeat 0 20px; text-indent:30px; color:#333; font-size:20px; text-align:left;}


.loc{ background:#f5f5f5; line-height:60px; padding:0 20px; width:600px;}
.loc p{ background:url(../images/loc.jpg) no-repeat 0 22px; text-indent:30px;}
.loc p,.loc p a{ font-size:20px; color:#333;}

.yy_frame{ width:600px; margin:40px auto 0;overflow: hidden;}
.yy_frame  span.time{display: block; text-align: center; padding-bottom: 40px; color: #666;}
.yy_frame .aboutc img{display: block; max-width: 100%; height: auto; margin:20px auto;}
.yy_frame h1{ margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #eee;}
.ft{ text-align:center; font-weight:bold; font-size:28px; color:#000; display:block; margin-bottom:30px;}
.aboutc{font-size: 20px;line-height: 40px;}
.aboutc *{font-size: 20px!important; line-height: 40px!important;}

.lyboxc{width:570px; margin:0 auto 60px auto;}
.lyboxc iframe{width:0; height:0; border:none;}
.lyboxc .box2,.lyboxc .box1{width:570px;overflow:hidden; margin:0 auto 20px auto;}
.box1 span,.box2 span{ display:block; width:136px; overflow:hidden; text-align:right; color:#333; background:#7fcda5; font-size:20px; float:left;line-height:80px; text-align:center;}
.box1 span font,.box2 span font{ color:#ff0030;}
.lyboxc .box1 input{ width:400px;float:left; color:#4c4c4c; font-size:20px; font-weight:normal; border:1px solid #ccc; border-left:0;line-height:78px;height:78px; padding:0 15px;}
.lyboxc .box2 textarea{width:538px;float:left; color:#4c4c4c; font-size:20px; font-weight:normal; border:1px solid #ccc; line-height:24px; height:200px; padding:15px;}
.lyboxc .button2{width:200px; font-size:22px; background:#005b28; color:#fff;line-height:80px; height:80px; text-align:center; cursor: pointer; overflow:visible; border:0;font-family:"微软雅黑"; margin-left:200px;}
.sxpage{ padding-bottom: 40px; border-top: 1px solid #eee;padding-top: 20px;}
.sxpage a{display: block; width: 100%;font-size:24px; line-height:30px; padding: 10px 0;}

/*about*/

.aboutc p{ font-size:20px; color:#333; line-height:40px; margin-bottom:30px; text-indent:24px;}
.aboutc p b{ color:#00421d; font-weight:bold;}
.aboutc center{ margin:30px auto;}


/*process*/

.zbc{ width:570px; margin:0 auto;}
.zbc p span{ display:block; width:360px; line-height:40px; font-size:20px; color:#333;}
.zbc p{ width:380px; margin:30px auto; max-height:160px; padding:40px 0 80px 190px;}
.zbc .zbc1{ background:url(../images/process_01.jpg) no-repeat center bottom;}
.zbc .zbc2{ background:url(../images/process_02.jpg) no-repeat center bottom;}
.zbc .zbc3{ background:url(../images/process_03.jpg) no-repeat center bottom;}
.zbc .zbc4{ background:url(../images/process_04.jpg) no-repeat center bottom;}
.zbc .zbc5{ background:url(../images/process_05.jpg) no-repeat center bottom;}
.zbc .zbc6{ background:url(../images/process_06.jpg) no-repeat center bottom;}
.zbc .zbc7{ background:url(../images/process_07.jpg) no-repeat center bottom;}


/*zb*/
.aboutc em{ font-weight:bold; font-style:normal; font-size:24px; color:#000; display:block; margin:60px auto;}


/*sample*/

.sample p{ text-align:center; font-size:20px; color:#333; line-height:40px; margin:30px auto;}


/*pro*/

.productsc{ width:610px; margin:30px auto;}
.productsc li{ width:295px; margin:0 5px 30px 5px; float:left;}
.productsc li img{ width:293px; border:1px solid #333;}
.productsc li p{line-height:24px; width:295px; height:24px; overflow:hidden; text-align:center; color:#333; font-size:20px; margin-top:20px;}


.page {width:600px; height:42px; text-align: center;margin:20px auto 60px auto;}
.page a, .page strong {padding: 0 15px;  height:40px;line-height:40px;border:1px solid #ccc; font-size:20px; text-align: center; color: #666;margin-right: 2px; display: inline-block;}
.page a:hover, .page strong {background:#012d14;border:1px solid #012d14;color:#fff;}



/*news*/
.newsC{ width:600px;overflow:hidden; margin:0 auto;}
.newsC li{overflow:hidden; text-align:left; margin-bottom:40px;}
.newsC li img{ float:left; border:1px solid #333; width:192px;}
.newsC li div{ width:385px; float:right;}
.newsC li div p{width:385px; font-size:22px; color:#333; line-height:24px; height:24px; font-weight:bold; overflow:hidden; margin-bottom:10px;}
.newsC li div span{width:385px; font-size:20px; line-height:30px; height:60px; overflow:hidden; display:block;}
.newsC li div em{ display:block; float:right; width:240px; height:36px; line-height:36px; font-size:18px; color:#fff; background:#ccc; text-align:center; margin-top:10px;}





/*分页*/
#pages {
  text-align: center;
  padding: 20px 0;
}

#pages li {
  margin: 0 2px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #e6e6e6;
  color: #333;
  display: inline-block;
}
#pages li a{
  font-size: 18px;
  display: block;
  padding: 0 12px;
}
#pages li span{
  font-size: 18px;
  display: block;
  padding: 0 12px;
}
#pages li.active {
  text-align: center;
  background: #00421d;
  color: #fff;
  display: inline-block;
}

#pages li:hover {
  background: #00421d;
}

#pages li:hover a {
  color: #fff;
}