﻿@charset "UTF-8";
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, table, th, td, form, legend, input, button, textarea {
    margin: 0;
    padding: 0;
    font-family: "宋体";
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
img{
	border: none;
}
caption, th {
    text-align: left;
    font-weight: normal;
}

html, body, fieldset, iframe, abbr {
    border: 0;
}

i, em {
    font-style: normal;
}

li {
    list-style: none;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

textarea {
    overflow: auto;
    resize: none;
}

label {
    cursor: default;
}

a, button {
    cursor: pointer;
}

body, textarea, input, button, select {
    color: #131313;
    outline: 0;
}

a,a:hover{
    color: #333;
    text-decoration: none;
}

.w1024{
	width: 1024px;
	margin: auto;
}
.w1200{
	width: 1024px;
	margin: auto;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.hide{
	display: none;
}
.clearfloat{
	clear:both;
    overflow: hidden;
}
.div_warpper{
	width: 100%;
	margin: auto;
}

/*----------------------------header--------------------------*/
.head-up{
	height:30px;
	background-color:#0f6e0f;
}

.head-top{
	height:100%;
}

.head-top a{
	display:block;
	height:100%;
	padding-left:25px;
	font:14px/30px "微软雅黑";
	color:#fff;
	box-sizing:border-box;
	overflow:hidden;
}

.tel{
	width:150px;
	background:url(../images/tel.png) left center no-repeat;
	background-size:20px 20px;
}

.email{
	width:200px;
	background:url(../images/email.png) left center no-repeat;
	background-size:21px 16px;
}

.head-top a.english,
.head-top a.chinese{
	width:35px;
	height:20px;
	margin-top:5px;
}

.english{
	background:url(../images/english.jpg) center center no-repeat;
	background-size:100% 100%;
}

.chinese{
	background:url(../images/chinese.jpg) center center no-repeat;
	background-size:100% 100%;
	margin-right:8px;
}

.head-down{
	height:80px;
	padding:14px 0;
	box-sizing:border-box;
	overflow:hidden;
}

.logo{
	display:block;
	width:230px;
	height:52px;
	background:url(../images/logo.jpg) center center no-repeat;
	background-size:100% 100%;
}

.nav{
	display:block;
	width:600px;
	height:52px;
	overflow:hidden;
}

.nav li{
	display:block;
	width:65px;
	height:52px;
	box-sizing:border-box;
	overflow:hidden;
	margin-right:42px;
}

.nav li:nth-child(6){
	margin-right:0;
}

.current-nav{
	border-bottom:2px solid #0f6e0f;
}

.nav li a{
	display:block;
	width:100%;
	height:100%;
	font:16px/52px "微软雅黑";
	color:#333;
}

/*------------------------banner-------------------------*/
.swiper-container{
	width:100%;
	height:560px;
}

.swiper-slide a{
	display:block;
	height:100%;
}

.swiper-container .swiper-button-prev {
    background: url(../images/left.png) no-repeat;
    background-size: 100% 100%;
}

.swiper-container .swiper-button-next {
    background: url(../images/left.png) no-repeat;
    background-size: 100% 100%;
    transform: rotate(180deg);
    transform-origin: 50% 50%;
    -ms-transform: rotate(180deg);
    -ms-transform-origin: 50% 50%;
    -webkit-transform: rotate(180deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform: rotate(180deg);
    -moz-transform-origin: 50% 50%;
    -o-transform: rotate(180deg);
    -o-transform-origin: 50% 50%;
}

.swiper-pagination-bullet{
	opacity:1;
    background: #fff;
}

.swiper-pagination-bullet-active {
    background: #0f6e0f;
}

/*-----------------------------关键词-------------------------------*/
.fa-bg{
	height:60px;
	overflow:hidden;
}

.key-words{
	height:100%;
	box-sizing:border-box;
	padding:17px;
}

.k-title{
	font:14px/26px "微软雅黑";
	color:#333;
	margin-right:10px;
}

.k-list{
	display:block;
	width:720px;
	height:26px;
	overflow:hidden;
}

.k-list li{
	display:block;
	height:26px;
	margin-right:14px;
}

.k-list li a{
	display:block;
	height:12px;
	font:14px/26px "微软雅黑";
	color:#333;
}

.k-list li a:hover{
	color:#0f6e0f;
}

.search-box{
	width:180px;
	height:26px;
	position:relative;
	box-sizing:border-box;
	border:1px solid #d9d9d9;
	border-radius:4px;
}

.search-text{
	width:100%;
	height:100%;
	padding:0 25px 0 10px;
	box-sizing:border-box;
	font:12px/26px "微软雅黑";
	color:#333;
	border:none;
	background-color:#f5f5f5;
}

.search-ico{
	width:16px;
	height:100%;
	position:absolute;
	top:0;
	right:5px;
	border:none;
	background:url(../images/search-ico.png) center center no-repeat;
	background-size:16px 18px;
}

/*-------------------------产品样式--------------------------*/
.f5-bg{
	background-color:#f5f5f5;
}

.product{
	height:510px;
	padding-top:20px;
	box-sizing:border-box;
	overflow:hidden;
}

.product-class{
	width:174px;
	height:490px;
	margin-right:20px;
	background-color:#fff;
}

.pc-title{
	width:100%;
	height:40px;
	text-align:center;
	font:16px/40px "微软雅黑";
	color:#fff;
	background-color:#0f6e0f;
}

.pc{
	display:block;
	width:100%;
	height:450px;
	padding:25px 20px;
	box-sizing:border-box;
	overflow:hidden;
}

.pc li{
	display:block;
	width:135px;
	height:40px;
}

.pc li a{
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
	font:14px/40px "微软雅黑";
	color:#333;
}

.pc li.current-pc a{
	color:#0f6e0f;
}

.product-list{
	display:block;
	width:830px;
	height:490px;
}

.product-list li{
	display:block;
	width:200px;
	height:240px;
	margin-right:10px;
	margin-bottom:10px;
	box-sizing:border-box;
}

.product-list li:hover{
	border:1px solid #0f6e0f;
}

.product-list li:nth-child(4),
.product-list li:nth-child(8){
	margin-right:0;
}

.product-list li:nth-child(5),
.product-list li:nth-child(6),
.product-list li:nth-child(7),
.product-list li:nth-child(8){
	margin-bottom:0;
}

.product-list li a{
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	background-color:#fff;
	overflow:hidden;
}

.product-list li a p{
	font:12px/34px "微软雅黑";
	color:#333;
}

.product-list li a div{
	width:200px;
	height:200px;
	position: relative; 
    overflow: hidden; 
}

.product-list li a div img{
	position:absolute;  
    margin:auto;  
    top:-9999px;  
    right:-9999px;  
    bottom:-9999px;  
    left:-9999px;  
}

/*----------------------------应用---------------------------*/
.application{
	height:236px;
	box-sizing:border-box;
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	background-color:#fff;
	margin-top:20px;
	text-align:center;
	overflow:hidden;
}

.application h2{
	font:20px/60px "微软雅黑";
	color:#333;
}

.application ul{
	display:block;
	width:944px;
	height:156px;
	margin:10px 40px;
}

.application ul li{
	display:block;
	width:236px;
	height:100%;
}

.application ul li a{
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
	text-align:center;
}

.application ul li a p{
	font:20px/40px "微软雅黑";
	color:#333;
}	

.application li a div{
	width:120px;
	height:120px;
	margin:0 auto;
	border-radius:50%;
	border:1px solid #0f6e0f;
	position: relative; 
    overflow: hidden; 
}

.application li a div img{
	position:absolute;  
    margin:auto;  
    top:-9999px;  
    right:-9999px;  
    bottom:-9999px;  
    left:-9999px;  
}

/*----------------------------优势-----------------------------*/
.advantage{
	height:440px;
	margin-top:20px;
	padding-bottom:20px;
	box-sizing:border-box;
	overflow:hidden;
}

.advantage-1{
	width:100%;
	height:200px;
	background:url(../images/ad-1.jpg) center center no-repeat;
	background-size:1024px 200px;
	padding:46px 80px 0 677px;
	box-sizing:border-box;
	overflow:hidden;
	margin-bottom:20px;
}

.advantage-2{
	width:502px;
	height:200px;
	background:url(../images/ad-2.jpg) center center no-repeat;
	background-size:100% 100%;
	padding:56px 50px 0 296px;
	box-sizing:border-box;
	overflow:hidden;
}

.advantage-3{
	width:502px;
	height:200px;
	background:url(../images/ad-3.jpg) center center no-repeat;
	background-size:100% 100%;
	padding:56px 30px 0 270px;
	box-sizing:border-box;
	overflow:hidden;
}

.advantage h2{
	font:24px/40px "微软雅黑";
	color:#fff;
}

.advantage p{
	font:18px/30px "微软雅黑";
	color:#fff;
}

/*--------------------------------广告---------------------------------*/
.advertisement{
	height:240px;
	background:url(../images/advertisement.jpg) center center no-repeat;
	background-size:100% 100%;
	overflow:hidden;
}

.advertisement p{
	font:12px/1 "微软雅黑";
	color:#333;
	margin-top:115px;
	margin-left:623px;
}

.advertisement h2{
	font:20px/1 "微软雅黑";
	color:#fff;
	margin-top:28px;
	margin-left:660px;
}

/*--------------------------------关于我们---------------------------------*/
.about-us{
	height:240px;
	margin-top:20px;
}

.our-photo{
	width:380px;
	height:100%;
	position:relative;
	overflow:hidden;
}

.our-photo img{
        width:100%;
	position:absolute;
	margin:auto;
	top:-9999px;
	bottom:-9999px;
	left:-9999px;
	right:-9999px;
}

.introduction{
	width:610px;
	height:100%;
	padding-right:10px;
	box-sizing:border-box;
	overflow:hidden;
}

.introduction h2{
	font:24px/46px "微软雅黑";
	color:#333;
	margin-bottom:15px;
}

.introduction p{
	font:14px/24px "宋体";
	color:#666;
	margin-bottom:8px;
	max-height:72px;
	overflow:hidden;
}

.more{
	font:14px/1 "微软雅黑";
	color:#333;
}

.more:hover{
	color:#0f6e0f;
}

/*--------------------------------证书&合作伙伴---------------------------------*/
.hp{
	height:160px;
	margin:20px auto;
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	box-sizing:border-box;
}

.hp-left{
	display:block;
	width:121px;
	height:100%;
	background-color:#0f6e0f;
	padding-top:30px;
	padding-left:4px;
	box-sizing:border-box;
	overflow:hidden;
}

.hp-left li{
	display:block;
	width:117px;
	height:38px;
	margin-bottom:30px;
}

.hp-left li a{
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	font:14px/38px "微软雅黑";
	color:#fff;
}

.hp-left li:hover a{
	background-color:#fff;
	color:#0f6e0f;
}

.hp-left li.current-hp a{
	background-color:#fff;
	color:#0f6e0f;
}

.cxscroll {
	width:903px;
	height:160px;
	position:relative;
}

.box {
	width:100%;
	height:100%;
	overflow:hidden;
}

.box .list {
	width:9999px;
	overflow:hidden;
}

.box .list li{
	width:85px;
	height:133px;
	position:relative;
	overflow:hidden;
	margin-top:14px;  
	border-left:80px solid #fff; /*使用margin-left:80px;不能滚动*/
}

.box .list li a{
	display:block;
	width:100%;
	height:100%;
	position:relative;
	overflow:hidden;
}

.box .list li a img{  
    position: absolute;  
    margin: auto;  
    top: -9999px;  
    right: -9999px;  
    bottom: -9999px;  
    left: -9999px;  
} 


.prev,.next {
	display:block;
	width:33px;
	height:33px;
	position:absolute;
	top:60px;
	cursor:pointer;
	border-radius:50%;
}

.prev {
	background:url(../images/arr.png) center center no-repeat;
	background-size:20px 25px;
	background-color:#0f6e0f;
	left:10px;
}

.next {
	background:url(../images/arr.png) center center no-repeat;
	background-size:20px 25px;
	background-color:#0f6e0f;
	right:10px;
	transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	transform-origin:50% 50%;
	-o-transform-origin:50% 50%;
	-moz-transform-origin:50% 50%;
	-webkit-transform-origin:50% 50%;
}

/*-----------------------------------新闻中心---------------------------------*/
.nt{
	height:376px;
}

.news{
	width:626px;
	height:100%;
	overflow:hidden;
}

.title{
	width:100%;
	height:45px;
	border-bottom:1px solid #d9d9d9;
}

.title .txt,
.title .more{
	height:40px;
	margin-top:5px;
	font:16px/40px "微软雅黑";
	color:#000;
}

.title .more:hover{
	color:#0f6e0f;
}

.txt:hover{
	border-bottom:1px solid #0f6e0f;
}

.news-list{
	width:100%;
}

.news-list li{
	display:block;
	width:100%;
	height:148px;
	margin-top:10px;
	overflow:hidden;
}

.news-list li:nth-child(1){
	padding-bottom:10px;
	border-bottom:1px solid #d9d9d9;
}

.news-list li span.img{
	display:block;
	width:214px;
	height:148px;
	position:relative;
	overflow:hidden;
}

.news-list li span.img img{  
    position: absolute;  
    margin: auto;  
    top: -9999px;  
    right: -9999px;  
    bottom: -9999px;  
    left: -9999px;  
} 

.news-list li span.news-content{
	display:block;
	width:412px;
	height:148px;
	padding-left:20px;
	padding-right:10px;
	box-sizing:border-box;
}

.news-list li span.news-content a.news-head{
	display:block;
	width:100%;
	height:14px;
	font:14px/1 "微软雅黑";
	color:#333;
	margin-bottom:15px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}	

.news-list li span.news-content a.news-head:hover{
	color:#0f6e0f;
}

.news-list li span.news-content p{
	font:12px/22px "微软雅黑";
	color:#666;
	max-height:88px;
	overflow:hidden;
}	

.news-list li span.news-content .more{
	width:60px;
	height:30px;
	line-height:40px;
}

.tech{
	width:380px;
	height:100%;
	overflow:hidden;
}

.tech-list{
	width:100%;
}

.tech-list li{
	display:block;
	width:100%;
	height:148px;
	margin-top:10px;
}

.tech-list li:nth-child(1){
	padding-bottom:10px;
	border-bottom:1px solid #d9d9d9;
}

.tech-list li a{
	display:block;
	width:100%;
	height:100%;
	background-color:#fff;
	overflow:hidden;
}

.tech-list li a h2{
	width:100%;
	height:40px;
	font:16px/40px "微软雅黑";
	color:#333;
	background-color:#d9d9d9;
	padding-left:14px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.tech-list li a:hover h2{
	color:#0f6e0f;
}

.tech-list li a p{
	font:12px/18px "微软雅黑";
	color:#666;
	padding:5px 15px 5px 24px;
	box-sizing:border-box;
	max-height:95px;
	overflow:hidden;
}

/*----------------------------广告-----------------------------*/
.ad{
	display:block;
	margin-top:15px;
	height:250px;
	background:url(../images/ad.jpg) top center no-repeat;
	background-size:1024px 230px;
	padding-bottom:20px;
	box-sizing:border-box;
	overflow:hidden;
}


/*----------------------------footer-----------------------------*/
.foot-acshoes{width:200px;background-color: white;text-align:left;margin:10px auto;border:1px solid #eee;}
footer{
	background-color:#fff;
}

.foot{
	height:100%;
	padding-top:40px;
	box-sizing:border-box;
	overflow:hidden;
}

.foot-left{
	width:800px;
}

.foot-left img{
	width:89px;
	height:62px;
	margin-right:11px;
}

.foot-left div{
	margin-top:-10px;
	width:700px;
	height:90px;
	overflow:hidden;
}

.foot-left div p{
	font:14px/30px "微软雅黑";
	color:#666;
}

.foot-left>p{
	clear:both;
	font:14px/30px "微软雅黑";
	color:#666;
}

.foot-left>p a{
	color:#127ef8;
}

.foot-right{
	width:260px;
	height:140px;
	overflow:hidden;
}

.qd-code{
	width:76px;
	height:105px;
	overflow:hidden;
	text-align:center;
}

.qd-code img{
	width:76px;
	height:75px;
}

.qd-code p{
	font:12px/30px "微软雅黑";
	color:#999;
}

.phone{
	margin-left:15px;
}	

/* ------------------------------------内页----------------------------------------- */
#websiteContent {
    overflow: hidden;
    padding-top: 20px;
    padding-bottom: 20px;
}

#websiteContent .websiteSidebar {
    width: 250px;
    float: left;
}

#websiteContent .websiteSidebar h2 {
    height: 30px;
    line-height: 30px;
    color: #fff;
    padding-left: 30px;
    background: #0f6e0f;
    font-size: 14px;
}
.sideabrone {
    border: 1px solid #e1e1e1;
    background: #fff;
    padding-bottom: 16px;
}

.sideabrone ul {
    padding-top: 5px;
    max-height: 500px;
    overflow-y: auto;
}

.sideabrone ul li {
    border-bottom: 1px dashed #CCC;
    margin-left: 10px;
    margin-right: 10px;
    padding: 5px;
    word-break: break-all;
}

.sideabrone ul li a {
    display: block;
    color: #333;
}
.sideabrone ul li.visiting a {
	display: block;
    color: #c50625;
}
.sideabrone ul li a:hover {
    color: #c50625;
}

.sideabrtwo {
    margin-top: 12px;
    border: 1px solid #edddde;
    background: #fff;
}
.sideabrtwo .containpic img{
	width: 100%;
}
.sideabrtwo .contaclist {
    padding: 5px 10px 10px 10px;
}

.sideabrtwo .contaclist li {
    padding-top: 5px;
    line-height: 160%;
}

.websiteMain {
    float: right;
    width: 710px;
    border: 1px solid #e1e1e1;
    background: #fff;
}

.websiteMain .containertitle h2 {
    background: #0f6e0f;
    font-size: 14px;
    padding-left: 33px;
    color: #fff;
    height: 30px;
    line-height: 30px;
}

.contaiconc {
    padding: 17px;
    font-size: 12px;
    color: #323232;
}

#website_news_content p, #website_news_content div, #website_company_page p, #website_company_page div {
    font-size: 14px;
    line-height: 1.8em;
    padding: 10px;
    text-indent: 2em;
}

/*产品详情图片超出处理*/
#tab_box img {
    width: 100%;
}





.width-1000{
	width:1000px;
}
.margin-auto{
	margin-left:auto;
	margin-right:auto;
}

/*浮动设置*/
.fl-l{
	float: left;
}
.fl-r{
   float: right;
}

/*清楚浮动*/
.fl-eim:before,.fl-eim:after{
	content:".";
    clear:both;
    display:block;
    height:0;
    overflow:hidden;
    visibility:hidden;
}
.fl-eim{zoom:1;}

/*友情链接*/
.hom-foot-Related>p{
	font-size: 13px;
	color: #000000;
	width: 75px;
}
.hom-foot-Related>ul{
	width: 905px;
}
.hom-foot-Related>ul>li{
	float: left;
}
.hom-foot-Related>ul>li>a{
	display: inline-block;
	margin-right: 10px;
	font-size: 13px;
	color:#000000;
	vertical-align: text-top;
}