html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#666;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}

input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}
.clear{clear: both;}


@font-face {

  font-family: 'font';  

  src: url("../fonts/tt0628m_.ttf");

}


.top{width: 100%;height: 100px;background: rgba(51,51,51,0.3);position: fixed;left:0;top:0;z-index: 9999;}
.top.sticky{background: #fff;border-bottom: 2px solid #007624;}
.top.sticky .logo{background: url(../images/logo2.png) no-repeat center;}
.top.sticky .menu li a{color:#333;}
.top.sticky .menu li a:hover{color:#fff;}

.top .logo{margin-top: 28px;float: left;background: url(../images/logo.png) no-repeat center;width:276px;height: 44px;}
.top .menu{float: right;}
.top .menu li{float: left;}
.top .menu li a{display: block;padding:0 22px;line-height:100px;font-size: 14px;color:#fff;}
.top .menu li a:hover{background: #007624;}


.top1{width:100%;height: 100px;background: #fff;}
.top1 .logo{float: left;background: url(../images/logo2.png) no-repeat center;width:276px;height: 44px;margin-top: 28px;}
.top1 .menu{float: right;}
.top1 .menu li{float: left;}
.top1 .menu li a{display: block;padding:0 22px;line-height:100px;font-size: 14px;color:#333;}
.top1 .menu li a:hover{background: #007624;color:#fff;}


@media screen and (max-width: 1439px){
	.top .menu li a{padding:0 15px;}
	.top1 .menu li a{padding:0 15px;}

}

@media screen and (max-width: 991px){
	
	.top{position: relative;top:1px;left:0;background: #fff;}
	.top .logo{background: url(../images/logo2.png) no-repeat center;background-size: cover;}
	
}

@media screen and (max-width: 550px){
	
	.top{height: 80px;position: relative;top:1px;left:0;background: #fff;}
	.top .logo{background: url(../images/logo2.png) no-repeat center;background-size: cover;width:127px;height: 30px;}
	
}

.navbar-header {
padding-top:0;
position:relative;
}

.navbar-header .navbar-toggle {
border:1px solid #b4b8bc;
height:34px;
padding:0 5px;

}

@media screen and (max-width: 1240px){
	.navbar-header .navbar-toggle {margin-top: 32px;}
}

@media screen and (max-width: 550px){
	.navbar-header .navbar-toggle {margin-top: 22px;}
}

.navbar-header .navbar-toggle .menu {
color:#333;
left:10px;
line-height:34px;
position:absolute;
top:0
}

.navbar-header .navbar-toggle .icon-bar {
background-color:#999
}

.navbar-header .navbar-toggle:hover {
background:#050056;
border:1px solid #050056;
}

.navbar-header .navbar-toggle:hover .icon-bar {
background-color:#fff
}

.toleft {
-webkit-transition:all .21s ease-out;
left:0;
overflow-x:hidden;
position:relative;
transition:all .21s ease-out
}

.push-toleft {
-webkit-transition:all .21s ease-out;
left:-260px;
transition:all .21s ease-out
}

.menuid.menuopen {
-webkit-transition:all .21s ease-out;
left:0;
opacity:1;
transition:all .21s ease-out
}

.push-toleft .head {
left:-260px
}

#cbp-spmenu-s2 {
-webkit-transition:all .21s ease-out;
transition:all .21s ease-out
}

.menuid {
-webkit-transition:all .21s ease-out;
height:100%;
left:100%;
opacity:0;
position:fixed;
top:0;
transition:all .21s ease-out;
width:100%;
z-index:9999
}
.menuopen .mobile-menu-overlay {
display: block;
-webkit-transition: all 0.21s ease-out;
transition: all 0.21s ease-out;
}
.mobile-menu-overlay {
background:#000;
display:none;
filter:alpha(opacity=30);
height:100%;
opacity:0.3;
position:absolute;
right:0;
top:0;
width:200%;
z-index:9
}

.cbp-spmenu-right {
-webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);
-webkit-overflow-scrolling:touch;
background:rgba(5, 0, 86, 0.8);
box-shadow:0 0 10px rgba(0,0,0,0.3);
display:block;
height:100%;
max-width:260px;
overflow:auto;
padding:60px 0 40px;
position:absolute;
right:0;
top:0;
width:100%;
z-index:10
}

.cbp-spmenu-right .ulchild {
padding-left:20px;
}
.cbp-spmenu-right li a {
border-bottom:solid 1px #07043d;
color:#fff;
display:block;
padding:15px 23px
}
.cbp-spmenu-right li a:hover {
background:#007624;
text-decoration:none
}

.menuid .icon-close {
-webkit-transition:all .21s ease-out;
cursor:pointer;
display:block;
font-size:16px;
padding:20px 20px 0 0;
position:absolute;
right:0;
top:0;
transition:all .21s ease-out
}

.menuid .icon-close span {
-webkit-transition:all .21s ease-out;
background:url(../images/clod.png) no-repeat center;
color:#fff;
font-size:18px;
height:14px;
transition:all .21s ease-out;
width:14px
}

.menuid .icon-close:hover span {
color:#2480b0;
}

.fullwidthbanner-container {
    width:100%!important;
    position: relative;
    max-height: 470px!important;
	box-shadow: 0px 5px 8px rgb(0,0,0,0.3);
	background:#EBEBEB url(../images/loader.gif) no-repeat 50%;
}

.tp-simpleresponsive>ul>li {
    list-stye: none;
    position: absolute;
    visibility: hidden;
}
.tp-caption h3 {
	font: 500 50px/60px "Microsoft Yahei";
    color:#FF0;
	width:50%;
    padding: 6% 0 0;
	margin:0 auto;
	display:block;
	-webkit-transition:font-size 0.2s ease-out;
	text-shadow: 0 1px 5px rgba(86, 86, 86, 0.8);
}

.tp-caption h4 {
	font:600 60px/80px "Microsoft Yahei";
    color:#C00;
	width:30%;
	padding: 6% 0 0;
	margin:0 auto;
	display:block;
	-webkit-transition:font-size 0.2s ease-out;
    text-shadow: 0 4px 5px rgba(255, 255, 255, 0.98);
}

.tp-simpleresponsive .slotholder *,.tp-simpleresponsive img {
-webkit-transform:translateZ(0);
-webkit-backface-visibility:hidden;
-webkit-perspective:1000;
}

.tp-simpleresponsive .caption,.tp-simpleresponsive .tp-caption {
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0;
position:absolute;
visibility:hidden;
}

.tp-simpleresponsive img {
max-width:none;
}

.tp-leftarrow.default {
border-radius:3px;
z-index:100;
cursor:pointer;
position:relative;
background:url(../images/prev.png) no-repeat;
background-size:contain;
padding-top:20px!important;
width:80px;


height:80px;
text-align:center;
-webkit-transition:background .5s ease-in-out;
-moz-transition:background .5s ease-in-out;
-o-transition:background .5s ease-in-out;
-ms-transition:background .5s ease-in-out;
transition:background .5s ease-in-out;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
filter:alpha(opacity=0);
opacity:0;
-khtml-opacity:0;
-moz-opacity:0;
visibility:visible;
left:50px !important;
}
.tp-rightarrow.default {
border-radius:3px;
z-index:100;
cursor:pointer;
position:relative;
background:url(../images/next.png) no-repeat;
background-size:contain;
padding-top:20px!important;
width:80px;
height:80px;
text-align:center;
-webkit-transition:background .5s ease-in-out;
-moz-transition:background .5s ease-in-out;
-o-transition:background .5s ease-in-out;
-ms-transition:background .5s ease-in-out;
transition:background .5s ease-in-out;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
filter:alpha(opacity=0);
opacity:0;
-khtml-opacity:0;
-moz-opacity:0;
visibility:visible;
right:50px !important;
}



.banner img{width:100%;}
.zi-banner{width:100%;height: 350px;display: table;}
#zi-banner{display: table-cell;vertical-align: middle;}
.zi-banner-tit{font-size: 30px;color:#fff;}
.zi-banner-fk{width: 50px;height: 2px;background: #fff;margin-top: 44px;}


.adv{padding-top:80px;background: #fff;}
/*.adv h2{font-size:40px;text-align: center;font-weight: bold;color:#050056;}*/
.adv-tit{width:344px;margin: 0 auto;}
.adv-tit img{width: 100%;height:auto;}
.adv-list ul{margin-left: -30px;}
.adv-list{margin-top: 50px;}
.adv-list li{width:20%;float:left;padding-left: 30px;}
.adv-list-img{width: 118px;margin: 0 auto;}
.adv-list li p{font-size: 14px;color:#666;line-height: 30px;text-align: center;margin-top: 20px;}

@media screen and (max-width: 991px){
	.adv-list li{width:100%;float:none;padding-left: 0;margin-top: 30px;}
}


/*.product{padding: 80px 0;background: #fff;}
.product-title{float: left;}
.product-title h2{font-size: 18px;color:#333;}
.product-en{font-size: 40px;color:#050056;font-family:font;}
.product-more{float:right;margin-top: 15px;}
.product-more a{display: block;width:130px;height: 35px;border-radius: 17.5px;background: #007624;font-size: 12px;color: #fff;text-align: center;line-height: 35px;}
.product-more a:hover{background: #050056;}
.product-more a:hover font{margin-left:15px;transition: all .5s;}
.product ul{margin-top: 34px;}
.product-img{width:100%;height: auto;overflow: hidden;}
.product-img img{width: 100%;height: auto;}
.product-list{padding: 40px 30px;border-left: 1px solid #e5e5e5;border-right:1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
.product-tit h3{font-size: 14px;color: #333;font-weight: bold;float: left;}
.product-tit p{font-size: 14px;color: #333;font-weight: bold;float: right;margin-top: -3px;}
.list-tit{font-size: 12px;color:#666;line-height: 24px;height: 58px;overflow: hidden;}
.product li a:hover img{
	-webkit-transition: all 1s;
	-moz-transition: all 1s; 
	-o-transition: all 1s;
	-ms-transition: all 1s;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1); 
}
.product li a:hover .product-tit h3{color:#050056;}
.product li a:hover .product-tit p{color:#050056;margin-right: 10px;transition: all .5s;}
*/

.product{padding: 80px 0;background: #fff;}
.product-title h2{font-size: 18px;color:#333;text-align: center;}
.product-en{font-size: 40px;color:#050056;font-family:font;text-align: center;}
.product-menu{margin-top:-6px;}
.product-menu ul{text-align: center;}
.product-menu li{display: inline-block;margin-left: 20px;margin-top: 20px;}
.product-menu li a{display: block;padding: 0 30px;background: #007624;font-size:16px;color:#fff;line-height: 36px;}
.product-list ul{margin-left: -20px;margin-top: 20px;}
.product-list li{padding-left: 20px;margin-top: 30px;}
.product-img{width:100%;height: auto;overflow:hidden;border:1px solid #f2f2f2;}
.product-img img{width:100%;height: auto;}
.product-list h3{font-size: 16px;color:#050056;margin-top: 16px;}
.product-list-con{font-size: 14px;color:#666;line-height: 30px;height:30px;overflow: hidden;margin-top:8px;}
.product-list li a:hover h3{color:#007624;}
.product-list li a:hover .product-img img{
	-webkit-transition: all 1s;
	-moz-transition: all 1s; 
	-o-transition: all 1s;
	-ms-transition: all 1s;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1); 
}
.product-more{margin-top:40px;}
.product-more a{display: block;width:130px;height: 35px;border-radius: 17.5px;background: #007624;font-size: 12px;color: #fff;text-align: center;line-height: 35px;margin: 0 auto;}
.product-more a:hover{background: #050056;}
.product-more a:hover font{margin-left:15px;transition: all .5s;}



.about{padding: 80px 0 230px 0;background: url(../images/about-bj.png) no-repeat center;background-size:cover;}
.about-title{font-size: 18px;color:#fff;text-align: center;}
.about-en{font-size: 40px;color:#fff;font-family:font;text-align: center;}
.about-content{font-size: 16px;color:#fff;text-align:center;width:91.66666666667%;margin: 29px auto 0;line-height: 28px;}
.about-list{width:1100px;height: 300px; background: #fff;margin: -150px auto 0;}
.about-list li{width:265px;height: 138px;background: #f2f2f2;margin-left: 8px;margin-top: 8px; float: left;display: table;}
.about-list-tit{font-size: 14px;color:#333;text-align: center;display: table-cell;vertical-align: middle;}
.about-list-more{position: relative;}
.about-list-more a{display: block;width:100%;height: 138px;;font-size: 16px;color:#333;text-align: center;line-height: 138px;}
.about-list-more img{position: absolute;left:0;bottom: 0;}
.about-list-more a:hover{color:#050056;}

@media screen and (max-width:1439px) and (min-width: 992px){
	
	.about-list{width:992px;height: 264px;margin: -132px auto 0;}
	.about-list li{width:238px;height: 124px;background: #f2f2f2;margin-left: 8px;margin-top: 8px; float: left;display: table;}
	.about-list img{width:100%;height: auto;}
	.about-list-more a{height: 124px;}
	.about-list-more img{width:30px;height: 30px;}

}


@media screen and (max-width: 991px){
	
	.about{padding: 80px 0;}
	
}


.new{padding: 80px 0;background: #fff;}
.new-title{float: left;}
.new-title h2{font-size: 18px;color:#333;}
.new-en{font-size: 40px;color:#050056;font-family:font;}
.new-title-more{float:right;margin-top: 15px;}
.new-title-more a{display: block;width:130px;height: 35px;border-radius: 17.5px;background: #007624;font-size: 12px;color: #fff;text-align: center;line-height: 35px;}
.new-title-more a:hover{background: #050056;}
.new-title-more a:hover font{margin-left:15px;transition: all .5s;}
.new ul{margin-top: 34px;}
.new li{padding: 42px 30px;border: 1px solid #e5e5e5;}
.new-date{font-size: 18px;font-weight: bold;color:#333;font-family: font;}
.new-tit{font-size: 18px;color:#333;line-height: 30px;margin-top: 36px;}
.new-content{font-size: 14px;color:#666;line-height: 30px;margin-top: 14px;}
.new-more{font-size: 16px;color:#666;font-family: Candara;margin-top: 84px;}
.new a:hover li{background: #007624;}
.new a:hover .new-date{color:#fff;}
.new a:hover .new-tit{color:#fff;}
.new a:hover .new-content{color:#fff;}
.new a:hover .new-more{color:#fff;}

.service{width: 100%;height: 300px;background: url(../images/service.png) no-repeat center;background-size: cover;display: table;margin-bottom: 80px;}
#service{display: table-cell;vertical-align: middle;}
.service h2{font-size: 30px;color:#fff;text-align: center;}
.service-more a{display: block;width: 133px;height: 40px;background: #007624;text-align: center;font-size: 14px;color:#fff;text-align: center;line-height: 40px;margin:40px auto 0;}
.service-more a:hover{background: #050056;}


.work{padding: 60px 0;}
.work ul{margin-left: -20px;}
.work li{padding-left: 20px;margin-top: 20px;}
.work li img{width: 100%;height: auto;}


.footer-top img{width:100%;height: auto;}

.footer{padding: 80px 0;background: #4d4d4d;}
.contact{float: left;}
.contact li{font-size: 14px;color:#fff;margin-top:11px;}
.contact font{font-size:24px;color:#fff;font-weight: bold;}
.footer-right{float: right;}
.footer-nav{margin-top:100px;}
.footer-nav ul{margin-left:-30px;}
.footer-nav li{float: left;margin-left:30px;}
.footer-nav li a{font-size: 14px;color:#fff;}
.footer-zhix{width:100%;height: 1px;background: #fff;margin-top:16px;}
.banq{font-size: 14px;color:#fff;margin-top:16px;}
.bq{float: left;}
.icp{float: right;}


.company{padding: 80px 0;background: #fff;}
.company-tit{font-size: 18px;color:#333;text-align: center;}
.company-en{font-size: 40px;color:#050056;font-family:font;text-align: center;text-transform: uppercase;}
.company-content{font-size: 14px;color:#666;line-height: 36px;text-align:justify;margin-top: 29px;}
.company-content img{width:100%;height: auto;}


.advantage{padding:80px 0;background:url(../images/advantage.jpg) no-repeat fixed;background-size:cover;}
.advantage-tit{font-size: 18px;color:#fff;text-align: center;}
.advantage-en{font-size: 40px;color:#fff;font-family:font;text-align: center;text-transform: uppercase;}
.advantage-content{font-size: 14px;color:#fff;line-height: 36px;text-align: center;margin-top: 29px;}


.honor{padding: 80px 0;background: #fff;}
.honor-content{margin-left: -30px;}
.honor-content p{padding-left:30px;margin-top: 20px;}
.honor-content img{width:100%;height: auto;border:1px solid #f2f2f2;padding:10px;}

.list li{float: left;margin-right: 20px;margin-top: 20px;}
.list li a{display: block;padding: 10px 20px;background: #007624;font-size: 14px;color:#fff;}
.list li a:hover{background: #050056;}


.products{padding: 60px 0 80px;background: #fff;}
.products-list ul{margin-top: 30px;}
.products-list li{height:302px;margin-top: 50px;}
.products-img{width:100%;height: auto;overflow: hidden;}
.products-img img{width:100%;height: auto;}
.products-list h3{font-size:18px;color:#333;margin-left: 30px;}
.products-con{padding: 0 30px;font-size: 14px;color:#666;margin-top: 20px;height: 90px;overflow: hidden;}
.products-more{width:100px;height: 30px;border-radius: 15px;background: #007624; font-size: 14px;text-align: center;line-height:30px;color:#fff;margin-left: 30px;margin-top: 30px;}
.products-list a:hover .products-more{background: #050056;color:#fff;}
.products-list a:hover h3{color:#050056;}
.products-list a:hover img{
	-webkit-transition: all 1s;
	-moz-transition: all 1s; 
	-o-transition: all 1s;
	-ms-transition: all 1s;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
}

@media screen and (max-width: 1439px){
	.products-list li{height: 235px;}
}

@media screen and (max-width: 991px){
	.products-list li{height: 360px;}
	.products-list h3{margin-top: 30px;}
	
}
@media screen and (max-width: 768px){
	.products-list li{height: auto;}
	.products-tit{padding: 30px;margin-top: -50px;}
}


.products-detail{padding:80px 0;background: #fff;}
.products-detail-left img{width:100%;height: auto;}
.products-detail-left a{display: block;width:150px;height:50px;background: #007624;margin: 50px auto;font-size: 14px;color:#fff;text-align: center;line-height:50px;}
.products-detail-left a:hover{color:#fff;}
.products-left-content{font-size: 14px;color:#666;line-height: 30px;margin-top: 50px;}
.products-right{padding-left: 50px;}
.products-detail-right{width:100%;padding: 50px;background: #f5f5f5;}
.products-right-tit{font-size: 24px;color:#050056;}
.products-right-title{font-size: 18px;color: #333;margin-top:30px;}
.products-right-content{font-size: 14px;color: #666;line-height: 30px;margin-top:30px;}
.products-right-content img{width:100%;height: auto;}

@media screen and (max-width: 991px){
	.products-right{padding-left: 0;}
}


.news{padding:80px 0;background: #fff;}
.news-title{font-size: 18px;color:#333;}
.news-en{font-size: 40px;color:#050056;font-family:font;text-transform: uppercase;}
.news-list ul{border-top:1px solid #e5e5e5;margin-top:35px;}
.news-list li{padding: 80px 0;border-bottom: 1px solid #e5e5e5;}
.news-tit{font-size: 14px;color:#333;}
.news-date{float: left;font-size: 12px;color:#666;font-family: font;}
.news-more{font-size: 12px;color:#050056;font-weight: bold;}
.news-more{float: right;}
.news a:hover li{background: #007624;}
.news a:hover .news-tit{color:#fff;padding-left:50px;transition: all .5s;}
.news a:hover .news-right{padding-right:50px;transition: all .5s;}
.news a:hover .news-date{color:#fff;}
.news a:hover .news-more{color:#fff;}

.news-detail{padding:80px 0;background: #fff;}
.news-detail h2{font-size: 24px;color:#333;}
.news-detail-time{font-size: 14px;color:#666;margin-top: 20px;}
.news-detail-zhix{margin: 20px 0;width: 100%;height: 1px;background: #e5e5e5;}
.news-detail-content{font-size: 14px;color: #666;line-height: 40px;text-align: justify;}

@media screen and (max-width: 991px){
	
	.news-detail-content img{width:100%;height: auto;}
	
}

.pages{font-size: 14px;color:#050056;}
.pages li{margin-top: 20px;}
.pages a{font-size: 14px;color:#333;}
.pages a:hover{color:#050056;}

.news-return{margin-top: 20px;}
.news-return a{display: block;width:100%;height: 60px;background:#007624;color:#fff;text-align: center;line-height: 60px;}


.page ul{text-align: center;margin-top: 50px;}
.page li{display: inline-block;margin-left:10px;}
.page li a{display: block;padding:10px;background: #f2f2f2;color:#333;font-size: 14px;}
.page li a:hover{background: #007624;color:#fff;}
.page .current{padding:10px;background: #007624;color:#fff;}
.page #lastspan{padding:10px;background: #f2f2f2;color:#333;font-size: 14px;margin-left: 4px;}
.page a:hover #lastspan{background: #007624;color:#fff;}


.message{padding:80px 0;background: #fff;}
.message-tit{font-size: 18px;color:#333;text-align: center;line-height: 40px;}
.message input{border:none;border-bottom:1px solid #e5e5e5;outline: none;width: 33%;height: 50px;text-indent: 20px;margin-top: 50px;}
.message textarea{border:none;border-bottom:1px solid #e5e5e5;outline: none;width:100%;height: 100px; margin-top: 50px;text-indent: 20px;}
.message button{width:130px;height: 50px;border: none;background: #007624;font-size: 14px;color:#fff;margin-top: 45px;}


@media screen and (max-width: 991px){
	.message input{width:100%;}
}



.contacts{padding:80px 0;background: #fff;}
.contacts-content{font-size: 14px;color:#666;line-height: 30px;margin-top: 29px;}
.map iframe{width:100%;height:500px !important;}