*{margin:0;padding:0;font-family:'Microsoft YaHei';}
a{text-decoration:none;}
img{border:none;}
html{overflow-x:hidden;}
i{font-style:normal;font-weight:normal;}
ul,ol{ list-style-type:none;}
.none{display:none;height:0;overflow:hidden;}
.hide,ins{display:none;}
.clear{clear:both;width: 100%;}
.w1200{width:1200px;margin:0 auto;}

@font-face {
    font-family: 'dincond-regular';
    src: url('../font/dincond-regular-webfont.eot');
    src: url('../font/dincond-regular-webfont.eot') format('embedded-opentype'), url('') format('woff2'), url('../font/dincond-regular-webfont.woff') format('woff'), url('../font/dincond-regular-webfont.ttf') format('truetype'), url('') format('svg');
    font-weight: normal;
    font-style: normal;
}

.head{height:100px;}
.head .logo{float:left;margin:10px 0 0 20px;}
.head .right{width:445px;float:right;}
.head .right ul{float:right;padding-top:20px;}
.head .right li{float:left;font-size:13px;color:#666;line-height:15px;text-indent:25px;background-image:url(../image/flag.jpg);background-repeat:no-repeat;margin-left:15px;}
.head .right li a{color:#666;}
.head .right li:nth-of-type(1) {background-position:0 0;}
.head .right li:nth-of-type(2) {background-position:0 -15px;}
.head .right li:nth-of-type(3) {background-position:0 -30px;}
.head .right .tel{height:45px;float:right;background:url(../image/tel.jpg) no-repeat;margin-top:30px;line-height:1.2;}
.head .right .tel .font1{font-size:14px;color:#999;float:left;padding-left:40px;padding-top:10px;}
.head .right .tel .font2{font-family: 'dincond-regular';font-size:30px;color:#f60;float:left;font-weight:bold;}

.nav{width:100%;height:40px;background:#333;}
.nav ul{width:1200px;height:40px;margin:0 auto;}
.nav ul li{width:12.5%;float:left;height:40px;text-align:center;position:relative;}
.nav ul li a{display:block;width:100%;line-height:40px;color:#fff;font-size:14px;}
.nav ul li:hover{background:#f60;}
.nav ul li ul{position:absolute;top:40px;left:0;display:none;z-index:99;width:150px;}
.nav ul li ul li{width:150px;height:40px;border-bottom:1px solid #fff;}
.nav ul li ul li a{line-height:40px;background:#f60;font-size:13px;}
.nav ul li ul li a:hover{background:#333;}
.nav ul li ul li:last-of-type{border:none;}


.category h2{font-size:90px;color:#dfdfdf;text-align:center;line-height:165px;border-bottom:1px solid #7ab899;font-family:Arial;}
.category .list{position:relative;padding-bottom:30px;}




.category .list .title{height:150px;text-align:center;color:#666;}
.category .list .title h1{font-size:30px;font-weight:400;padding-top:38px;}
.category .list .title p{font-size:16px;}

.category .list ul{padding-top:50px;}
.category .list li{width:170px;height:250px;float:left;text-align:center;margin:0 15px 20px 15px;}
.category .list li img{margin:10px 0;width:150px;height:150px;}
.category .list li:hover{-webkit-box-shadow: 0 0 20px #ccc;box-shadow: 0 0 20px #ccc;}
.category .list li h1{font-size:16px;color:#666;}
.category .list li p{font-size:12px;color:#999;line-height:26px;}


.product{width:100%;height:650px;background:url(../image/product-bg1.jpg) no-repeat top right #309b62;}
.product .w1200{position:relative;}
.product .title{height:150px;text-align:center;color:#fff;}
.product .title h1{font-size:30px;font-weight:400;padding-top:38px;}
.product .title p{font-size:16px;}



.product .list{width:1160px;height:400px;background:#f8ffea;padding:0 20px;}
.product .list .vertical{width:100%;height:400px;position:relative;overflow:hidden;}
.product .list ul{width:3480px;height:400px;position: absolute;left:0;top:0;}
.product .list li{float:left;width:200px;height:308px;padding:45px 16px 0 16px;}
.product .list li img{width:100%;height:308px;}
.product .prev-2,.product .next-2{width:45px;height:92px;position:absolute;top:300px;}
.product .prev-2{left:-45px;background:url(../image/prev-2.png) no-repeat;}
.product .next-2{right:-45px;background:url(../image/next-2.png) no-repeat;}
.product .tab{width:100px;margin:15px auto 0 auto;}
.product .tab li{width:15px;height:15px;background:#7ab899;float:left;margin:0 5px;border-radius:8px;}
.product .tab li.cur{background:#fff;}

.about{width:570px;height:auto;float:left;margin:70px 0;}
.about .title{width:100%;border-bottom:1px solid #d6d6d6;height:40px;margin-bottom:30px;}
.about .title div{line-height:40px;font-size:16px;color:#017D3F;border-bottom:1px solid #017D3F;width:100px;text-align:center;font-weight:bold;}

.about h1{font-size:18px;color:#666;font-weight:400;margin-top:15px;}
.about p{font-size:12px;color:#999;margin:10px 0 20px 0;}
.about .more{display:block;width:78px;height:28px;float:right;background:#c93;text-align:center;line-height:28px;color:#fff;font-size:12px;}
.about .more:hover{background:#ff9900;}

.news{width:570px;height:520px;float:right;margin:70px 0;overflow:hidden;}
.news .title{width:100%;border-bottom:1px solid #d6d6d6;height:40px;margin-bottom:30px;}
.news .title a{line-height:40px;font-size:16px;width:100px;text-align:center;float:left;color:#999;display:block;}
.news .title a.tabactive{border-bottom:1px solid #017D3F;color:#017D3F;font-weight:bold;}
.news .content{width:100%;height:450px;}
.news .content .list{width:100%;height:450px;}
.news .content .top{width:100%;height:165px;}
.news .content .top img{width:202px;height:150px;float:left;padding-right:20px;}
.news .content .top .right{width:340px;float:right;}
.news .content .top .right h1{font-size:16px;color:#666;}
.news .content .top .right p{font-size:12px;color:#999;margin:15px 0;}
.news .content .top .right .more{display:block;width:78px;height:28px;float:right;background:#c93;text-align:center;line-height:28px;color:#fff;font-size:12px;}
.news .content .top .right .more:hover{background:#ff9900;}
.news .content .list{position:relative;}
.news .content .list .more2{position:absolute;top:-60px;right:0;line-height:25px;color:#017D3F;font-weight:bold;font-size:14px;}
.news .content .list ul{padding-top:40px;}
.news .content .list li{width:100%;height:28px;margin-bottom:20px;}
.news .content .list li .date{width:110px;height:28px;float:left;background:#d6d6d6;color:#999;font-size:12px;line-height:28px;text-align:center;}
.news .content .list li .date span{font-size:20px;}
.news .content .list li p{font-size:12px;color:#666;line-height:28px;text-indent:15px;}
.news .content .list li a:hover .date{background:#ccc;}
.news .content .list li a:hover p{color:#666;font-weight:bold;}

.news .content .imgnewslist{width:100%;height:70px;padding-top:14px;}
.news .content .imgnewslist img{width:93px;height:65px;float:left;padding-right:10px;}
.news .content .imgnewslist .right{width:450px;float:right;}
.news .content .imgnewslist .right h1{font-size:14px;color:#666;}
.news .content .imgnewslist .right h1 span{color:#c93;float:right;font-size:14px;font-weight:normal;}
.news .content .imgnewslist .right p{font-size:12px;color:#999;line-height:20px;}
.news .content .imgnewslist .right .more{display:block;width:78px;height:28px;float:right;background:#c93;text-align:center;line-height:28px;color:#fff;font-size:12px;}
.news .content .imgnewslist .right .more:hover{background:#ff9900;}
#comments_4{height:250px;overflow:hidden;position:relative;}


.history{position:relative;}
.history .bg{width:100%;height:250px;background:#ff9900;position:absolute;top:0;left:0;z-index:-1;}
.history .title{text-align:center;padding:45px 0;}
.history .title h1{font-size:30px;color:#630;font-weight:normal;}
.history .title p{font-size:24px;color:#630;font-family: 'dincond-regular';letter-spacing:2px;}
.history .list{width:282px;height:auto;float:left;margin-right:23px;padding-bottom:20px;}
.history .list img{width:280px;height:120px;border:1px solid #fff;}
.history .list h1{font-size:16px;color:#333;line-height:40px;font-weight:normal;}
.history .list li{font-size:12px;color:#999;padding-bottom:15px;border-left:1px solid #f90;position:relative;padding-left:15px;}
.history .list li i{display:block;position:absolute;left:-9px;top:0px;width:13px;height:13px;background:url(../image/dot1.png) no-repeat #ff9900 5px 3px;border-radius:8px;border:2px solid #fff;}

.frendlink .title{width:100%;border-bottom:1px solid #d6d6d6;height:40px;margin-bottom:30px;}
.frendlink .title div{line-height:40px;font-size:16px;color:#017D3F;border-bottom:1px solid #017D3F;width:100px;text-align:center;font-weight:bold;}
.frendlink li{width:140px;height:auto;float:left;padding-right:10px;font-size:12px;color:#666;text-align:center;}
.frendlink li img{width:137px;height:47px;border:1px solid #e7e7e7 !important;}
.frendlink{padding-bottom:60px;}

.foot{width:100%;background:#e3dfdc;padding:35px 0;}
.foot img{padding:20px 55px 0 55px;float:left;}
.foot #menu{width:530px;height:155px;float:left;border-left:1px solid #cfcfcf;border-right:1px solid #cfcfcf;padding:0 30px;}
.foot #menu dl{width:20%;float:left;color:#333;padding-left:5%;}
.foot #menu dl a{color:#666;}
.foot #menu dl dt{font-size:14px;font-weight:bold;line-height:35px;}
.foot #menu dl dt a{color:#333;}
.foot #menu dl dd{font-size:12px;line-height:25px;}
.foot .contact{width:375px;float:right;background:url(../image/contact-bg.jpg) no-repeat 0 10px;}
.foot .contact p{font-size:12px;line-height:31px;color:#666;padding-left:25px;}

.copyright{width:100%;line-height:50px;font-size:12px;text-align:center;background:#999;color:#333;}
.copyright a{color:#333;}
.copyright a:hover{text-decoration:underline;}


#slider-wrap{width:570px; height:240px;}   
#slider{position: relative; width:570px; height:240px; background:#FFF;} 
#slider img{position:absolute; top:0; left:0; display:none; width:570px; height: 240px;}
.nivoSlider{position:relative;overflow: hidden;}
.nivoSlider img{position:absolute; top:0px; left:0px}
.nivoSlider a.nivo-imageLink{position:absolute; top:0px;display:block;left:0px;width:570px;height:240px;border:0;padding:0;margin:0;z-index:6;}
.nivo-slice {display:block;position:absolute;z-index:5;height:100%;}
.nivo-box {display:block;position:absolute;z-index:5;}
.nivo-caption{position:absolute; left:0; bottom:0; background:#000;width:340px; z-index:50; height: 40px; }
.nivo-caption p{width:570px;height: 40px; text-indent: -9999px}
.nivo-controlNav{position:absolute; left:75%; bottom:10px; z-index: 100;}
.nivo-controlNav a{position:relative; z-index:99; cursor:pointer;background:#333}
.nivo-controlNav a.active{background:#ff6400;font-weight:bold}
.nivo-controlNav a{display:block; color: #fff; width:20px; height:20px; line-height: 20px; text-align: center; margin-right:3px; float:left; overflow: hidden;font-size:11px;}
.nivo-directionNav a {position:absolute;top:45%;z-index:9;cursor:pointer;}   
.nivo-directionNav a {display:block;width:30px;height:30px;text-indent:-9999px;border:0;}
a.nivo-nextNav {right:15px;}
a.nivo-prevNav {left:15px;}

.slideBox{
	position: relative;
	overflow: hidden;
}
.slideBox .hd{
	position: absolute;
	z-index: 1;
}
.slideBox .hd li{
	float: left;
	background-color: #fff;
	text-align: center;
	cursor: pointer;
}
.slideBox .bd{
	position: relative;
	z-index: 0;
	width: 100%;
	height: 100%;
}
.slideBox1{
	min-width: 1200px;
}
.slideBox1 .hd{
	left: 50%;
	margin-left: -50px;
	bottom: 30px;
}
.slideBox1 .hd li{
	width: 40px;
	height: 4px;
	margin-right: 8px;
	background-color: rgba(255, 255, 255, .6);
}
.slideBox1 .hd li.on{
	background-color: rgba(255, 255, 255, .8);
}
.slideBox1 .bd ul,
.slideBox1 .bd li,
.slideBox1 .bd img{
	width: 100%;
}
.slideBox1 .bd img:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
.slideBox .prevStop{
	display: none;
}
.slideBox .nextStop{
	display: none;
}
.slideBox .next, .slideBox .prev {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	width: 15px;
	height: 30px;
	background-color: rgba(0,0,0,0.4);
	color: #fff;
	transition: background-color 0.3s ease-in-out;
	padding: 15px 20px;
	z-index: 4;
}

.slideBox .next,
.slideBox .prev {
	top: calc( 50% - 15px );
}

.slideBox .next {
	right: 0;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.slideBox .next:before, 
.slideBox .next:after,
.slideBox .prev:before,
.slideBox .prev:after {
	width: 15px;
	height: 2px;
	background-color: #fff;
    display: block;
    content: '';
    position: relative;	    
}

.slideBox .next:before {
	-ms-transform: rotate(45deg); 
    -webkit-transform: rotate(45deg); 
    -moz-transform: rotate(45deg); 
    transform: rotate(45deg);
    top: 9px;
    left: 0;
}

.slideBox .next:after {
	-ms-transform: rotate(-45deg); 
    -webkit-transform: rotate(-45deg); 
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg); 
    top: 17px;
    left: 0;
}

.slideBox .prev {
	left: 0;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.slideBox .prev:before {
	-ms-transform: rotate(-45deg); 
    -webkit-transform: rotate(-45deg); 
    -moz-transform: rotate(-45deg); 
    transform: rotate(-45deg);
    top: 9px;
    left: 0;
}

.slideBox .prev:after {
	-ms-transform: rotate(45deg); 
    -webkit-transform: rotate(45deg); 
    -moz-transform: rotate(45deg); 
    transform: rotate(45deg);
    top: 17px;
    left: 0;
}

.slideBox .next:hover,
.slideBox .prev:hover {
	background-color: rgba(0,0,0,0.6);
}



.sidebanner{width:100%;height:300px;text-align:center;background-position:center top;background-repeat:no-repeat;}
.sidebanner img{margin-top:65px;}

.main{overflow:hidden;padding:30px 0;}
.main .left{width:200px;float:left;min-height: 472px;background-color: #f8f8f8;padding-bottom: 10000px;}
.main .left,.main .right {margin-bottom: -10000px;}
.main .right{width: 930px;float: right;padding-bottom: 10000px;}
.main .right .content{padding-bottom:60px;}

.sidemenu{background:#fff;}
.sidemenu .title{width:100%;height:61px;background:url(../image/sidemenu-bg.jpg) no-repeat;border-radius:3px;}
.sidemenu .title h1{font-size:16px;color:#333;line-height:20px;font-weight:normal;text-indent:24px;padding-top:10px;}
.sidemenu .title p{font-size:16px;color:#999;line-height:20px;text-indent:100px;}
.sidemenu ul{margin-top:5px;}
.sidemenu ul li{width:100%;font-size:16px;margin-bottom:2px;}
.sidemenu ul li a{display:block;width:100%;line-height:50px;background:#dbdbdb;color:#333;position:relative;text-indent:30px;}
.sidemenu ul li a.active,.sidemenu ul li a:hover{background:#f60;color:#fff}
.sidemenu ul li a.active::after,.sidemenu ul li a:hover::after{width:13px;height:13px;background:#333;content:"";display:block;position:absolute;left:10px;top:19px;background:url(../image/dot1.png) no-repeat #f60 5px 3px;border-radius:8px;}
.sidemenu .weixin{width:74%;padding-top:20px;padding:40px 13% 0 13%;background:#f8f8f8;}
.sidemenu .weixin img{width:100%;border-radius:5px;}
.sidemenu .weixin p{font-size:14px;text-align:center;color:#666;line-height:20px;}

.productsidemenu{background:#fff;}
.productsidemenu .title{width:100%;height:61px;background:url(../image/sidemenu-bg.jpg) no-repeat;border-radius:3px;margin-bottom:10px;}
.productsidemenu .title h1{font-size:16px;color:#333;line-height:20px;font-weight:normal;text-indent:24px;padding-top:10px;}
.productsidemenu .title p{font-size:16px;color:#999;line-height:20px;text-indent:100px;}
.productsidemenu .cate{border:1px solid #e6e6e6;border-top:none;}
.productsidemenu .list{float:left;width:100%;}
.productsidemenu .list h5 a{color:#333;display:block;width:100%;height:auto;}
.productsidemenu .list h5{font-size:14px;font-weight:normal;background:#f7f7f7;line-height:45px;text-indent:15px;border-top:1px solid #e6e6e6;position:relative;}
.productsidemenu .list h5 img{width:30px;border-radius:15px;}
.productsidemenu .list:hover h5{background:#f60;}
.productsidemenu .list:hover h5 a{color:#fff;}
.productsidemenu .list:hover h5::after{width:13px;height:13px;background:#333;content:"";display:block;position:absolute;right:10px;top:18px;background:url(../image/dot1.png) no-repeat 5px 3px;}

.productsidemenu .cate ul{}
.productsidemenu .cate ul li{width:50%;font-size:14px;margin-bottom:2px;float:left;text-indent:15px;line-height:30px;color:#999;}
.productsidemenu .cate ul li a{color:#666;}
.productsidemenu .cate ul li a:hover{text-decoration:underline;}


.path {height:60px;border-bottom: 1px solid #eaeaea;margin-bottom:30px;}
.path .crumbs {float: right;height: 100%;background: url(../image/crumbs_icon.png) no-repeat;padding-left:70px;}
.path .crumbs a {float: left;padding: 0 9px;font-size: 12px;line-height: 60px;color: #4d4852;}
.path .crumbs a.on {background: url(../image/crumbs_arrow.png) no-repeat 0 28px;color:#9a704a;}
.path .crumbs span{float: left;padding: 0 9px;font-size: 12px;line-height: 60px;color: #9a704a;background: url(../image/crumbs_arrow.png) no-repeat 0 28px;}

#about .font1{height:auto;background:#fff;width:100%;padding:10px;box-sizing:border-box;}
#about .font1 h1{font-size:22px;line-height:40px;color:#333;}
#about .font1 h4{font-size:14px;line-height:20px;color:#999;padding-bottom:30px;font-weight:normal;}
#about .font1 .vedio{float:left;padding-right:40px;}
#about .font1 p{font-size:16px;color:#666;line-height:30px;}

#culture h1{font-size:18px;color:#9a704a;text-indent:20px;line-height:16px;position:relative;}

#culture p{font-size:14px;color:#777;text-indent:23px;line-height:25px;}

#article .cssborder{padding-bottom:20px;}
#article li{width:100%;font-size:14px;float:left;margin:0px 0 40px 0;}
#article li:hover{background:#f9f9f9;}

#article img{width:250px;float:left;padding-right:25px;height:150px;}
#article h6{font-size:16px;color:#ffb27f;padding-top:10px;padding-bottom:15px;}
#article h1{font-size:16px;line-height:34px;font-weight:bold;color:#333;}
#article a{color:#222;}
#article p{font-size:12px;color:#888;padding-bottom:15px;}
#article .more{font-weight:bold;color:#dc281e;}

.showlist  li:hover {box-shadow: 0px 0px 5px #999;}
.showlist  li {width: 240px;height: 210px;padding: 10px;border: 1px solid #ccc;text-align: center;float: left;margin: 12px 17px;border-radius: 3px;box-shadow: 0px 0px 5px #ccc;}
.showlist  li img{width:100%;height:173px;}
.showlist  li p{text-align:center;color:#666;font-size:14px;line-height:40px;}

#technology .list li{width:100%;color: #5a5a5a;font-size: 16px;padding: 10px 0;border-bottom: 1px solid #f8f8f8;}
#technology .list li a{color:#5a5a5a;}
#technology .list li span{float:right;}

#hr .font1{font-size:16px;color:#666;}

#contact h1{font-size:18px;color:#f60;}
#contact p{font-size:16px;color:#8a8a8a;padding-bottom:20px;}
#contact td{line-height:36px;font-size:14px;}
#contact th{line-height:36px;font-size:14px;}
#contact table{margin-top:15px;}