@charset "utf-8";
* {margin: 0;padding: 0;}
.clear{ clear:both; font-size:0; line-height:0; height:0; overflow:hidden;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
body,html {height: 100%;font-family:microsoft yahei;}
ul {list-style: none;}
img {border: 0 none;vertical-align: bottom;}
html{ width:100%; }
body{ width:100%;-webkit-text-size-adjust: none;margin:0;padding:0;}
td,div{font-size:14px;color:#666;}
a{color:#666;text-decoration:none;}
a:hover{color:#f30;}
.clear{clear:both;}
.dis{display:none;}
.w{width:1200px;margin:0 auto;clear:both;overflow:hidden;}
.mt10{margin-top:10px;}
.m10{margin:10px auto;}
.btn{background:#ff6600;color:#fff;width:140px;height:40px; display:inline-block;line-height:40px; }
.btn:hover{background:#ff9900;}

.btn1{background:#00a422;color:#fff;width:140px;height:40px; display:inline-block;line-height:40px; }
.btn1:hover{background:#6ad300;color:#fff;}

#tophead{height:70px;padding:20px 0;}
#tophead .logo{width:700px;height:70px;float:left;}
#tophead .logo a{display:inline-block;}
#tophead .ftel{float:right;margin-top:10px;}
#tophead .ftel h3{background:url(../images/tel.jpg) no-repeat left;line-height:70px;height:70px;padding-left:30px;font-size:18px;color:#00a422;} 

#topnav{background:#00a422;height:50px;line-height:50px;} 
#topnav .w ul{float:left;margin:0;padding:0;list-style:none;}
#topnav .w ul li{float:left; text-align:center;}
#topnav .w ul li a{font-size:16px;padding:0 30px;display:block;color:#fff;}
#topnav .w ul li a:hover{background:#23d62d;}
#topnav .w ul .hover a{background:#23d62d;display:block;}
#topnav .w ul li dl{position:absolute;z-index:999;margin:0;display:none;width:160px;text-align:center;}
#topnav .w ul .hover dl dt a{background:#23d62d;border-bottom:1px solid #fff;height:40px;line-height:40px;display:block;font-size:14px;padding:0 10px;color:#fff;}
#topnav .w ul .hover dl dt a:hover{background:#23d62d;color:#fff;display:block;}
#topnav .w .ss{float:right;}
#topnav .w .ss .txt{margin:8px 0 0 0;line-height:25px;padding:5px;border:none;background:#cdcdcd;width:150px;float:left;}
#topnav .w .ss .sub{float:left;margin:8px 0 0 0;background:#ff9300;line-height:25px;padding:5px;border:none;color:#fff;}

/* banner */
.banner{  position:relative;  height:450px; overflow:hidden;  }
.banner .bd{ position:absolute;left:0;top:0;width:100%; z-index:0;  }
.banner .bd ul{ width:100% !important; }
.banner .bd li{ width:100% !important;  height:450px; } 
.banner .bd li a{ height:600px; display:block;  }
.banner .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align:center; }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:11px; height:11px; margin:4px; background:url(../images/dot-black.png) 0 0; overflow:hidden; 
	line-height:9999px; filter:alpha(opacity=40);opacity:0.4; }
.banner .hd ul .on{ filter:alpha(opacity=100);opacity:1;  } 
.banner .w1200{position:relative;width:1200px;margin:0 auto;}
.banner .wz{ position:absolute;left:0;top:100px; z-index:99999;width:540px; text-align:center;}
.banner .wz h1{font-size:64px;color:#fff;margin-bottom:10px;}
.banner .wz h3{font-size:26px;margin-bottom:10px;}
.banner .wz p{font-size:14px; text-transform:capitalize;}
 
.subject{margin:0 auto;overflow:hidden; text-align:center;}
.subject h3{font-size: 26px;color: #0082D0;}
.subject .en{line-height:30px;color: #333;text-transform: uppercase;font-size: 14px;}
.subject .js{padding:20px 0;}

.lanmu{color:#fff;background:url(../images/ico_01.png) no-repeat left center;height:60px;line-height:60px;}
.lanmu b{width:300px;display:inline-block;height:42px;line-height:30px;font-size:16px; font-weight:normal;}
.lanmu b{display:inline-block;height:42px;line-height:30px;font-size:16px;padding-left:10px;}
.lanmu b span{float:left;font-size:22px;} 
.lanmu b span a{padding:0 10px;} 
.lanmu span{float:right;} 
.lanmu span a{padding:0;display:inline-block;width:100px;height:35px; text-align:center;background:#00a422;color:#fff;line-height:31px;}
.lanmu i{font-style:normal;}
.lanmu i a{padding:0 20px;} 

.toplist{padding:10px 0;margin:0;list-style:none;}
.toplist li{line-height:35px;border-bottom:1px dotted #ddd;overflow:hidden;}
.toplist li a i{font-style:normal;color:#C00;margin-right:5px;font-weight:bold;}

/*公司简介*/
#t1{overflow:hidden;background:url(../images/19203.jpg) repeat-x top;height:380px; text-align:center;line-height:30px;}
#t1 h1{line-height:160px;color:#fff;}
#t1 p{color:#fff;line-height:30px;}
#t1 .more{margin:40px auto;overflow:hidden;}
#t1 .more a{margin-right:20px;}
#t1 .btn1{border:1px solid #fff;}
 
/*产品信息*/
#t3{overflow:hidden;padding:60px 0;} 
.cplist{ width:1200px; text-align:left;  }
.cplist .hd{float:left;width:240px; position:relative; }
.cplist .hd .lan{background:#00a422;color:#fff; text-align:center;margin-bottom:10px;padding:20px 0;font-size:20px;}
.cplist .hd ul{border:2px solid #00a422;overflow:hidden;}
.cplist .hd ul li{display:block;background:#fff;margin-bottom:5px;line-height:40px;text-align:center;cursor:pointer;}
.cplist .hd ul li a{background:url(../images/icon.png) no-repeat left center;padding-left:30px;}
.cplist .hd ul li.on{background:#00a422;color:#fff;}
.cplist .hd ul li.on a{color:#fff;}
.cplist .hd .more a{background:#00a422; text-align:center;display:block;height:40px;line-height:40px;color:#fff;}
.cplist .hd .more a:hover{background:#0082D0;color:#fff;}

.cplist .bd{float:left;width:940px;margin-left:20px;}
.cplist .bd ul{padding:0;margin:0;list-style:none;  zoom:1; width:951px;overflow:hidden; }
.cplist .bd li{margin-bottom:15px;float:left;width:303px;margin-right:12px;  border:1px solid #ddd;overflow:hidden; } 
.cplist .bd li .box{padding:20px;overflow:hidden;}
.cplist .bd li .box img{display:block;width:100%;height:205px;}
.cplist .bd li:hover{border:1px solid #00a422;}
.cplist .bd li .box h3{line-height:40px;padding-top:20px;}
.cplist .bd li .box a p{color:#333;line-height:22px;}
  
.new {float:left; width:316px; height:362px; overflow:hidden; margin-top:40px;}
.new h2 {}
.new h2 span { margin-top:8px;}
.n_con { padding:14px 0 0 0;overflow:hidden;}
.n_con p  { width:310px; height:117px; margin-bottom:10px;}
.n_con ul li { height:34px; line-height:34px; overflow:hidden; background:url(../images/img.png) no-repeat -1190px -423px; padding-left:22px; border-bottom:#CCC 1px dotted}
.n_con ul li a { color:#646464; font-size:14px}
.more1{ background:url(../images/img.png) no-repeat -1151px -1001px; width:56px; height:33px;float:right}
  
 
.bg_black{background:#eee;padding:15px 0;}
.subject_news{color:#333;font-size:18px;font-family:microsoft yahei;height:51px;line-height:50px;border-bottom:1px solid #ddd;}
.subject_news b{display:inline-block;font-weight:normal;border-bottom:2px solid #00a422;height:40px;line-height:40px;}
.subject_news span{float:right;color:#bbb;display:inline-block;font-size:16px;font-family:verdana;padding-left:10px;}
 

.newslist{margin:15px 0;padding:0;list-style:none;overflow:hidden;}
.newslist li{float:left;width:480px;margin:0 20px 20px 0;}
.newslist li a img{float:left;margin-right:10px;border:1px solid #eee;}
.newslist li a .title{font-size:16px;font-family:microsoft yahei;line-height:30px;}
.newslist li a .date{font-size:12px;color:#444;font-family:arial;line-height:20px;}
.newslist li a .intro{line-height:18px;color:#999;}
.newslist li a:hover .title{color:#f30;}
  
.lefter{width:230px;margin-right:30px;float:left;}
.righter{float:left;width:940px;}
.leftnav{background:#00a422;padding:10px 15px;color:#fff;font-size:18px;font-family:microsoft yahei;}
.subnav{border:2px solid #00a422;margin:0;padding:0;list-style:none;}
.subnav li{display:block;background:#fff;margin-bottom:5px;line-height:40px;text-align:center;cursor:pointer;}
.subnav li a{background: url(../images/icon.png) no-repeat left center;padding-left: 30px;} 
.subnav .hover{background:#00a422}
.subnav .hover a{color:#fff;background: url(../images/icon.png) no-repeat left center #00a422;} 


.left_border{border:2px solid #00a422;border-top:0;padding:10px 15px;line-height:30px;}
.left_border p{margin:0;padding:0;}
.left_border b{font-size:14px;}

.container{line-height:25px;font-size:14px;padding:15px 0;}
.container p{margin:5px 0;font-family:microsoft yahei;font-size:14px;}

.artshow{line-height:25px;font-size:14px;padding:0 0 15px 0;}
.artshow .title{text-align:center;font-size:20px;line-height:30px;font-weight:100;font-variant: normal;margin:0;padding:15px 0;font-family:microsoft yahei;}
.artshow .info{text-align:center;font-family:microsoft yahei;color:#999;padding:0 0 15px 0;font-size:14px;}
.artshow p{margin:5px 0;font-size:14px;}
.artshow .pre{margin:5px 0 5px 0;color:#999;}
.artshow .next{margin:0 0 5px 0;color:#999;}

.prowidth{width:951px;overflow:hidden;} 
.pro_list{padding:0;margin:20px 0;list-style:none;  zoom:1; width:952px;overflow:hidden; }
.pro_list li{margin-bottom:15px;float:left;width:303px;margin-right:12px;  border:1px solid #ddd;overflow:hidden; } 
.pro_list li .box{padding:20px;overflow:hidden;}
.pro_list li .box img{display:block;width:100%;height:250px;}
.pro_list li:hover{border:1px solid #00a422;}
.pro_list li .box h3{line-height:40px;padding-top:20px;}
.pro_list li .box a p{color:#333;line-height:22px;}


.pic_list{margin:15px 0;padding:0;list-style:none;overflow:hidden;}
.pic_list li{float:left;width:292px;margin:0 13px 13px 0;}
.pic_list li a{border:1px solid #eee;display:block;padding:15px;}
.pic_list li a img{border:1px solid #eee;width:260px;height:175px;}
.pic_list li a .title{text-align:center;height:40px;line-height:40px;}
.pic_list li a:hover{border:1px solid #ddd;}
.pic_list li a:hover .title{color:#4d5174;}

.casewidth{width:780px;overflow:hidden;}
.case_list{margin:20px 0;padding:0;list-style:none;}
.case_list li{width:240px;margin:0 20px 30px 0;float:left;text-align:center;font-family:microsoft yahei;}
.case_list li img{display:block;margin-bottom:15px;}
.case_list li a{color:#666;font-size:13px;}
.case_list li a:hover{color:#f30;}
 

.news_list{margin:0;padding:0;list-style:none;}
.news_list li{border-bottom:1px dotted #ccc;padding:10px;line-height:24px;color:#999;}
.news_list li:hover{background:#fafafa;}
.news_list li a{font-size:18px;font-family:microsoft yahei;display:block;line-height:40px;}
.news_list li em{color:#666;font-family:verdana;display:block;font-style:normal;}

.rss_list{margin:0;padding:0;list-style:none;}
.rss_list li{border-bottom:1px dotted #ddd;line-height:40px;color:#999;}
.rss_list li a{font-size:14px;font-family:microsoft yahei;}

#position{margin:20px auto;width:1200px;overflow:hidden;line-height:40px;border-bottom:1px dotted #cdcdcd;}

/*list*/
.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{float:left;color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}  

.proleft {width: 240px;overflow:hidden;padding:10px;background: #F0F0F0;} 

#t4{margin:20px auto;padding:0;overflow:hidden;}
#t4 .title{background:url(../images/mtop.jpg) no-repeat top center;height:50px;line-height:35px;text-align:center;font-size:30px;color:#fff;}
#t4 .yspic{margin:30px 0 0 0;padding:0;list-style:none;}
#t4 .yspic dt{overflow:hidden;background:url(../images/sodg.jpg) no-repeat bottom center;height:360px;margin-top:30px;}
#t4 .yspic dt .wz{float:left;margin-left:40px;width:700px;background:url(../images/xpic.jpg) no-repeat left top;}
#t4 .yspic dt .wz b{width:80px;font-size:30px;color:#FFC;padding:10px; font-weight:normal;line-height:40px;} 
#t4 .yspic dt .wz .content{padding:0 0 0 40px;line-height:25px;}
#t4 .yspic dt .wz .content h3{font-size:16px;}
#t4 .yspic dt .wz .content h4{font-size:16px;color:#00a422;}
#t4 .yspic dt .wz .content .en{color:#999;line-height:40px;border-bottom:1px solid #ddd;}
#t4 .yspic dt .wz .content .desc{padding:30px 0;overflow:hidden;}
#t4 .yspic dt .wz .more a{ text-align:center;margin-right:20px;}
#t4 .yspic dt .pic{float:right;width:400px;}
#t4 .yspic dt .pic img{height:270px;display:inline-block;}

#t4 .yspic .fan{overflow:hidden;height:360px;}
#t4 .yspic .fan .wz{float:right;width:700px;background:url(../images/xpic2.jpg) no-repeat top right;}
#t4 .yspic .fan .wz b{float:right;display:block;width:30px;padding:5px;} 
#t4 .yspic .fan .pic{float:left;width:325px;margin-left:50px;}
 
.xppic{float:left; margin-left:60px;width:325px; height:220px; overflow:hidden; position:relative;margin-top:20px;}
.xppic .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.xppic .hd ul{ overflow:hidden; zoom:1; float:left;  }
.xppic .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.xppic .hd ul li.on{ background:#f00; color:#fff; }
.xppic .bd{ position:relative; height:100%; z-index:0;   }
.xppic .bd li{ zoom:1; vertical-align:middle; }
.xppic .bd img{ width:325px; height:220px; display:block;  }

		
/*关于我们*/
#t5{overflow:hidden;background:#00a422;padding:20px 0;} 
#t5 .title{line-height:50px;border-bottom:1px solid #cdcdcd;color:#fff;}
#t5 .title b{line-height:50px;font-size:16px;border-bottom:3px solid #fff;display:inline-block;margin-right:20px;}
#t5 .content{line-height:25px;padding:20px 0;color:#fff;}

#t5 .afour{margin:30px 0;padding:0;list-style:none;width:1220px;overflow:hidden;}
#t5 .afour li{float:left;margin:0 20px 20px 0;width:280px;text-align:center;color:#fff;} 
#t5 .afour li p{height:40px;line-height:40px;overflow:hidden;} 

/*介绍*/
#t6{position:relative;margin:20px auto;} 
#t6 .x1,#t6 .x2,#t6 .x3{float:left;}
#t6 .x1{width:275px;margin-right:5px;background:url(../images/x1bg.jpg) no-repeat center;height:425px;}
#t6 .x2{width:275px;margin-right:5px;height:425px;background:url(../images/x2bg.jpg) no-repeat center;height:425px;background-size:275px 425px;}
#t6 .x3{width:640px;background:url(../images/800.jpg) no-repeat center;height:425px;background-size:640px 425px;}
#t6 p{line-height:25px;}
#t6 .en{padding:10px 0; text-transform:uppercase;font-size:12px;color:#fff;}
#t6 .x1 .box{padding:80px 20px 0 20px;color:#fff;}
#t6 .x2 .more{padding:260px 60px 0 60px;}
#t6 .x2 .more a{border:1px solid #ffa400;display:block;margin:0 auto; color:#fff; text-align:center;line-height:40px;}
#t6 .x2 .more a:hover{background:#00a423;color:#fff;border:1px solid #00a423}
#t6 .x3 .box{padding:150px 80px 0 80px;color:#fff;}

/*新闻*/
#t7{margin:20px auto; overflow:hidden;}
#t7 .xlen{width:390px;float:left;}
#t7 .mr20{margin-right:15px;}  
#t7 .xlanmu{line-height:50px;border-bottom:1px solid #ddd;}
#t7 .xlanmu b{line-height:50px;font-size:16px;border-bottom:3px solid #00a422;display:inline-block;margin-right:20px;}
#t7 .top{clear:both;overflow:hidden;padding:20px 0;border-bottom:1px solid #ddd;}
#t7 .top .pic{float:left;width:160px;height:120px;}
#t7 .top .pic img{width:160px;height:120px;}
#t7 .top .txt{float:left;margin-left:10px;width:210px;line-height:25px;}
#t7 .artlist{margin:20px 20px 0 0;overflow:hidden;}
#t7 .artlist li{line-height:40px;border-bottom:1px solid #ddd;overflow:hidden;}
#t7 .artlist li span{float:right;}

/*底部*/
#footer{background:#078923;padding:0;overflow:hidden;} 
#footer .fcon{background:#00a422;overflow:hidden;line-height:30px;padding:20px 0;}
#footer .fnav{float:left;}
#footer .fnav a{margin-right:30px;font-size:16px;color:#d9d9d9;}
#footer .fbottom{padding:30px 0;overflow:hidden;}
#footer .fwz{float:left;color:#fff;width:700px;height:150px;background:url(../images/rio5.jpg) no-repeat left center;padding-left:110px;} 
#footer .fwz .box{margin:20px 0 0 0;color:#fff;}
#footer .fwz p{line-height:25px;}
#footer .fwz p a{color:#fff;}
#footer .fwx{float:right; text-align:center;line-height:30px;color:#d9d9d9}
#footer .fwx ul{margin:0;padding:0;list-style:none;}
#footer .fwx ul li{float:left;width:150px; text-align:center;}
#footer .fwx img{width:120px;}

.form-control{border:solid 1px #ddd;border-radius:4px;line-height:30px;width:90%;padding:5px;}
.btn-info{border:none;}

/*list*/
.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}  

.proleft {width: 240px;overflow:hidden;padding:10px;background: #F0F0F0;} 
/**菜单列表**/ 
.mainnav>li {padding:10px;overflow:hidden;line-height:30px;border-bottom:5px solid #fff;}
.mainnav>li h3 {font-size: 16px;}
.mainnav>li.hover {background: #545651;}
.mainnav>li.hover h3,.mainnav>li.hover .menu-tab a {color: #fff;}
.mainnav li .menu-tab {margin-top: 5px;}
.mainnav li .menu-tab a {width:45%; display:inline-block }
.mainnav .hover{color:#F00;}

.product_contact{width:900px; height:120px; margin:70px auto 0 auto; border:#00a422 2px solid; box-sizing:border-box;}
.product_contact_yg{width:230px; height:116px; float:left; color:#FFF; font-size:20px; font-weight:bold; line-height:28px; padding-top:25px; text-align:center; background:#00a422; box-sizing:border-box;}
.product_contact_tel{width:280px; height:60px; float:left; color:#00a422; font-size:28px; font-weight:bold; line-height:60px; margin:30px 0 0 25px; border-right:#00a422 1px solid;}
.product_contact_tel i{font-size:28px; font-weight:normal;}
.product_contact_mail{height:60px; float:left; color:#669900; font-size:21px; font-weight:bold; line-height:60px; margin:30px 0 0 25px;}
.product_contact_mail a{font-size:25px; font-weight:normal; margin-right:5px;
background:#669900; display:inline-block;padding:0 20px;color:#fff;}
 
/*图片*/
.fpic{ width:580px; height:330px; overflow:hidden; position:relative;}
.fpic .hd{ height:15px; overflow:hidden; position:absolute; right:5px; top:200px; z-index:1; }
.fpic .hd ul{ overflow:hidden; zoom:1; float:left;  }
.fpic .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.fpic .hd ul li.on{ background:#f00; color:#fff; }
.fpic .bd{ position:relative; height:100%; z-index:0;   }
.fpic .bd li{ zoom:1; vertical-align:middle; }
.fpic .bd img{ width:580px; height:230px; display:block;  }
.fpic .bd li p{line-height:40px;}
.fpic .bd li p a{font-size:16px;margin-bottom:10px;}
.fpic .bd li .desc{line-height:22px;color:#999;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.fpic .prev,
.fpic .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.fpic .next{ left:auto; right:3%; background-position:8px 5px; }
.fpic .prev:hover,
.fpic .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.fpic .prevStop{ display:none;  }
.fpic .nextStop{ display:none;  }