@charset "utf-8";
html { }
html,body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding:0; margin:0; -webkit-tap-highlight-color:rgba(0,0,0,0);}
body { font-size:14px;background:#FFF; color:#666666; font-family:"思源黑体 CN","微软雅黑";}
ul,li { list-style: none; }
img { border:0; }
input:focus,textarea:focus{ outline:none; }
input,select{font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif}
.input_noline{ background-color:transparent;border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
a {
	text-decoration: none;
	outline:none;
	color: #333333;
}
a:hover {
	text-decoration: none;
	color: #CC0000;
}
.clear,
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; transition:0.5s ease-in-out; text-transform:uppercase; }
.fl { float: left; }
.fr { float: right; }

/* 圆细滚动条样式 20150717 */
::-webkit-scrollbar{width:6px;height:12px; background:#1c3a6c; cursor:pointer;}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#8E8E8E;border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00} 
.aboururl{ cursor:pointer;}
/*header头部的CSS布局*/
/*垂直居中*/
.center{ display: flex;
    justify-content:center;
    align-items:Center;}
/*图片放大*/
.fd img{    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;}
.fd:hover img{    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);}
.main_box{width:1200px;margin:0 auto;padding:0;}


.header{ height:88px; padding: 10px 0;}
.header .main_box{width:90%; margin:0 auto; padding:0;}
.header .logo{ width: 30%; height:auto; overflow: hidden; float: left;}
.header .logo img{ max-width: 100%;}

.header .app_logo{ width:52px; height:50px; padding:0; overflow: hidden; float: left; display: none;}



.header .h_rt{ width:65%; float: right; }

.header .h_top{ height: 26px; margin: 10px 0;}
.header .h_top .h_tel{ width: 186px; float: right;}
.header .h_top .h_tel .tel{ width: 118px; padding-left: 40px; font-size: 16px; background: url(../images/t_top01.png) left no-repeat; float: left;}
.header .h_top .h_tel .yx{ width: 26px; height: 26px; background: url(../images/t_top02.png) left no-repeat; float: right;}
.header .h_top .h_guanzhu{ width: 200px; float: right; margin-left: 30px;}
.header .h_top .h_guanzhu ul{ margin: 0; padding: 0;}
.header .h_top .h_guanzhu ul li{float: left; margin: 0 6px; position: relative;}
.header .h_top .h_guanzhu ul li a{color: #888888; line-height: 26px;}
.header .h_top .h_guanzhu ul li a img{ width: 26px; height: 26px; }

.header .h_top .h_guanzhu ul li .ewm_img{ position: absolute; top:40px; left:-35px; width: 100px; height: 100px; opacity: 0; visibility:hidden;transition: 0.5s; z-index: 9999999; box-shadow: 0 5px 20px rgba(0,0,0,0.1)}
.header .h_top .h_guanzhu ul li .ewm_img img{ max-width: 100%;}
.header .h_top .h_guanzhu ul li:hover .ewm_img{ top: 35px; opacity: 1; transition: 0.5s; visibility: visible;}

.header .h_top .h_lan{ width: 100px; height: 26px; line-height: 26px; float: right; background: url(../images/t_top05.png) left no-repeat; padding-left: 35px;margin-left: 20px;}
.header .h_top .h_lan a{color: #666;}

.header .app_lan{ display: none; width: 40px; float: right; height: 32px; line-height: 32px; padding:10px 0 0 20px;}
.header .app_lan a{ display: block; color:#fff; font-size: 14px; float: left; width: 32px; text-align: center; background:#df7c63; border-radius: 100%;}



@media (max-width:1366px){
	.header .main_box{width:96%; margin:0 auto; padding:0;}
}

.header .nav1{ width:100%; height:32px; margin-top: 15px;}
.header .nav1 ul{ margin: 0; padding: 0; text-align: center;}
.header .nav1 ul li{ width:10%; text-align: center; line-height: 32px; height: 32px; float: left; position: relative; margin: 0 2%;}
.header .nav1 ul li a{ font-size: 16px; color: #333; display: block;transition:0.5s;}
.header .nav1 ul li a:hover{ width:100%; background:#0093dd; color: #FFF; border-radius: 5px;}


.header .nav1 ul li ul{position:absolute;z-index:99999;width:100%;top:40px; left:0; background-color:rgba(1,148,222,1);text-align:left;opacity:0;padding:5px 0 15px; visibility:hidden; transition:0.3s; box-shadow: 0 0 10px rgba(0,0,0,0.1); border-radius: 5px;}
.header .nav1 ul li ul li{width:100%;height:auto;display:block;line-height:30px; float:none; background: none; padding:3px 0; margin:0; border-bottom: 1px dashed rgba(255,255,255,0.2)}
.header .nav1 ul li ul li a{display:block; font-size:14px; color: #FFF;}
.header .nav1 ul li:hover ul li a{ color: #FFF;}
.header .nav1 ul li:hover ul{opacity:1;visibility:visible;top:32px;}
.header .nav1 ul li ul li a:hover{ text-decoration: underline;}



/*banner的CSS布局*/
.banner{ width:100%; height:750px; overflow:hidden; position:relative;}

.banner .hd{ height:18px; overflow:hidden; position:absolute;right:0; left: 0; width:120px; margin: 0 auto; bottom:25px;z-index:1; }
.banner .hd ul{ overflow:hidden; zoom:1; float:left;}
.banner .hd ul li{ float:left; margin: 0 8px; width:8px; height:8px; text-align:center; border:2px solid #fff; cursor:pointer;border-radius:100%; }
.banner .hd ul li.on{ background:#fff;}

.banner .bd{ position:relative; height:100%; z-index:0;}
.banner .bd li{ zoom:1; vertical-align:middle;}
.banner .bd li a{}
.banner .bd li a .img{ width:100%;height:700px; background-position: center top; background-repeat: no-repeat; }
.banner .bd li a .img img{ max-width: 100%;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.banner .prev,
.banner .next{ position:absolute; top:45%;display:block; width:50px; height:100px; opacity: 0.8; transition: 0.5s;}
.banner .next{ left:auto; right:4%; background:url(../images/slider_arrow_rt.png)0 0 no-repeat;}
.banner .prev{ left:4%; right:auto; background:url(../images/slider_arrow_lt.png)0 0 no-repeat;}

.banner .prev:hover,
.banner .next:hover{opacity: 1;}


.app_banner_box{ position:relative; margin:0 auto; width:100%; overflow:hidden;display: none; }
.app_banner_box .hd { position: absolute; bottom:12px; width: 100%; height: 10px; }
.app_banner_box .hd ul { width: 100%; text-align: center; }
.app_banner_box .hd ul li { width:5px; height:5px; border-radius:100%; margin:0 4px; border:2px solid rgba(255,255,255,0.8); display:inline-block; text-indent: 9999px; cursor:pointer;}
.app_banner_box .hd ul li.on { background:rgba(255,255,255,1); opacity:1; border:2px solid rgba(255,255,255,1); }
.app_banner_box .bd{ position:relative; z-index:0; }
.app_banner_box .bd li{ position:relative; text-align:center;  }
.app_banner_box .bd li img{ vertical-align:top; width:100%; }
.app_banner_box .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); }


@media (max-width:720px){
	.main_box{ width:96%; padding:0 2%;}

	.header{ overflow:hidden; padding:5px 0; height:50px;}	

	.header .morenav{ float:right; display:block; background:#89c568 url(../images/app_nav_line.png) no-repeat center;width:32px; height:32px; margin-top:10px;  border-radius: 100%;}
	.header .navon{height:72px;}

	.mm-pagedim-black #mm-blocker { opacity: 0; }
	.mm-pagedim-black.mm-opening #mm-blocker { background: #000; opacity: .3; transition: opacity .4s ease .4s; }
	.mm-listview li span{width:6px;height:2px; background:#606060; margin-right:10px;display:block; margin:10px 18px 0 0;float:left;}

  
	.banner,.h_rt,.header .logo{ display:none;}
	.header .app_lan,.app_banner_box,.header .app_logo{ display:block;}
}



.i_title1{ height: 40px; line-height: 40px; margin-bottom: 40px; background: url(../images/t_lin1.png) center no-repeat; text-align: center;}
.i_title1 font{ color: #333333; font-size: 36px;}

.i_about{ height: auto; overflow: hidden; margin: 55px 0;}

.i_about .a_lt,.i_about .a_mid,.i_about .a_rt{ width: 366px; overflow: hidden;}
.i_about .a_lt{ float: left;}
.i_about .a_mid{ float: left; margin: 0 50px;}
.i_about .a_rt{ float: right;}


.i_about .a_lt:hover .a_icon,.i_about .a_mid:hover .a_icon,.i_about .a_rt:hover .a_icon{background: linear-gradient(to right, #e3a06b 0%,#df7b62 100%); transition: 0.5s;}
.i_about .a_lt:hover .i_a_title,.i_about .a_mid:hover .i_a_title,.i_about .a_rt:hover .i_a_title{ color: #df7a62;}
.i_about .a_lt:hover .i_a_title i,.i_about .a_mid:hover .i_a_title i,.i_about .a_rt:hover .i_a_title i{ background: #df7a62;}
.i_about .a_lt:hover .i_a_more,.i_about .a_mid:hover .i_a_more,.i_about .a_rt:hover .i_a_more{background: url(../images/more.png) left top no-repeat; transition: 0.5s;}

.i_about .a_icon{ width: 58px; height: 58px; overflow: hidden; border-radius: 100%; background: #7cc075; background: linear-gradient(to right, #0093dd 0%, #2fa2a0 100%); margin: 0 auto 20px; padding: 20px; transition: 0.5s;}
.i_about .i_a_title{ height: 65px; line-height: 50px; color: #0193de; font-size: 24px; text-align: center;}
.i_about .i_a_title i{ display: block; width: 30px; height: 1px; background: #8bc666; margin: 0 auto;}
.i_about .i_a_desc{ line-height: 28px; padding:5px 0 25px; text-align: center;}
.i_about .i_a_more{ width: 120px; height: 36px; margin: 0 auto; overflow: hidden; background: url(../images/more.png) left bottom no-repeat; transition: 0.5s;}
.i_about .lang .i_a_more{ width: 120px; height: 36px; margin: 0 auto; overflow: hidden; background: url(../images/more-en.png) left bottom no-repeat; transition: 0.5s;}

.i_about .a_lt:hover .lang .i_a_more,.i_about .a_mid:hover .lang .i_a_more,.i_about .a_rt:hover .lang .i_a_more{background: url(../images/more-en.png) left top no-repeat; transition: 0.5s;}

@media (max-width:720px){
	.i_title1{ height: 30px; line-height:30px; margin-bottom: 15px; background:none; text-align: center;}
	.i_title1 font{ font-size:26px;}
	
	
	.i_about{ height: auto; overflow: hidden; margin: 20px 0;}
	.i_about .a_lt,.i_about .a_mid,.i_about .a_rt{ width: 30%; overflow: hidden; margin: 0 1.5%;}
	.i_about .a_lt{ float:left;}
	.i_about .a_mid{ float: left; margin: 0 1.5%;}
	.i_about .a_rt{ float: left;}
	
	.i_about .a_icon{ width: 30px; height: 30px; overflow: hidden; border-radius: 100%; background: #7cc075; background: linear-gradient(to right, #7bbf76 0%,#96ca5b 100%); margin: 0 auto 6px; padding: 10px; transition: 0.5s;}
	.i_about .a_icon img{ max-width: 100%;}
	
	.i_about .i_a_title{ height: 30px; line-height: 30px; color: #8bc666; font-size: 18px; text-align: center;}
	.i_about .i_a_title i{ display: block; width: 30px; height: 1px; background: #8bc666; margin: 5px auto;}
	.i_about .i_a_desc{ line-height: 24px; padding:15px 0 20px; text-align: center;}
	.i_about .i_a_more{ width: 120px; height: 36px; margin: 0 auto; overflow: hidden; background: url(../images/more.png) left bottom no-repeat; transition: 0.5s;}
	
}


.i_product{ height: auto; overflow: hidden; margin: 20px 0 55px;}

.i_product .h_pic { height: auto; overflow: hidden; position: relative; }
.i_product .h_pic .hd { overflow: hidden; height: auto; }
.i_product .h_pic .hd .prev, .i_product .h_pic .hd .next {position: absolute;left: 150px;top: 45%;margin-top: -25px;display: block;width:44px;height: 44px;transition: 0.4s;overflow: hidden; cursor:pointer;}
.i_product .h_pic .hd .prev {background: url(../images/p_lt_rt.png) left center no-repeat;}
.i_product .h_pic .hd .next {left: auto;right: 150px;background: url(../images/p_lt_rt.png) right center no-repeat;}
.i_product .h_pic .bd {padding: 0;}
.i_product .h_pic .bd ul {overflow: hidden;zoom: 1;}
.i_product .h_pic .bd ul li {margin: 0 10px;float: left;display:inline;overflow: hidden;text-align: center;position: relative;}
.i_product .h_pic .bd ul li a {color: #666;font-size: 16px;}
.i_product .h_pic .bd ul li a .p_img{ width: 280px; height: 230px; overflow: hidden; text-align:center}
.i_product .h_pic .bd ul li a .p_img img {max-width: 100%; max-height:100%; transition: 0.5s; }
.i_product .h_pic .bd ul li a:hover .p_img img { opacity: 0.4;}
.i_product .h_pic .bd ul li a font{ display: block; text-align: left; padding: 10px 0; line-height: 36px; transition: 0.5s;}
.i_product .h_pic .bd ul li a:hover font{color: #8bc666; text-decoration: underline;transition: 0.5s;}

.i_product .h_pic .bd ul li a .n_pic{ width:100%; height:230px;position: absolute; z-index: 9; background-position: center; background-repeat: no-repeat; top: 0; left: 0;transition: 0.5s; opacity:0; background-image:url(../images/more_icon.png); background-color: rgba(137,197,104,0.55);}
.i_product .h_pic .bd ul li a:hover .n_pic{ opacity: 1;}




.i_product .app_h_pic {height: auto;overflow: hidden; display:none;}
.i_product .app_h_pic .swiper-container {width: 96%;height: 100%;padding: 0 1% 30px;}
.i_product .app_h_pic .swiper-slide {width: 32%;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;}
.i_product .app_h_pic .swiper-slide img {max-width: 100%;transition: 0.5s;display: block;}
.i_product .app_h_pic .swiper-container-horizontal>.swiper-pagination-bullets, .i_product .app_h_pic .swiper-pagination-custom, .i_product .app_h_picc .swiper-pagination-fraction {bottom: 0;left: 0;width: 100%}
.i_product .app_h_pic .swiper-pagination-bullet {width: 6px;height: 6px;display: inline-block;border-radius: 100%;background: #e8e8e8;opacity: 1}
.i_product .app_h_pic .swiper-pagination-bullet-active {background: #ed6d00;}
.i_product .app_h_pic .swiper-slide .pic_img:hover img {opacity: 0.6;}
.i_product .app_h_pic .swiper-slide font{ display: block; padding: 10px 0; line-height: 24px;}

@media (max-width:720px){
	.i_product{ margin: 40px 0 30px;}
	.i_product .app_h_pic{ display: block;}
	.i_product .h_pic{ display: none;}
}





.i_news{ height: auto; overflow: hidden; padding: 55px 0;background: #fefefe; background: linear-gradient(to bottom, #f6f6f6 0%,#ffffff 100%); }

/*
.i_n_title{height: 40px; line-height: 40px; margin-bottom: 30px; color: #333333; }
.i_n_title .i_n_font{ width: 240px; float: left; background: url(../images/t_lin1.png) right no-repeat; font-size: 36px;  }

.i_n_title .i_n_more{width: 120px; height: 36px; float: right; overflow: hidden; background: url(../images/more.png) left top no-repeat; transition: 0.5s;}
.lang .i_n_more{background: url(../images/more-en.png) left top no-repeat; }

.i_n_title:hover .i_n_more{background: url(../images/more.png) left bottom no-repeat; transition: 0.5s;}
*/

.i_n_more{ width: 120px; height: 36px; margin: 0 auto; overflow: hidden; background: url(../images/more.png) left bottom no-repeat; transition: 0.5s;}
.i_n_more:hover{background: url(../images/more.png) left bottom no-repeat; transition: 0.5s;}
.lang .i_n_more{background: url(../images/more-en.png) left top no-repeat; }

.i_news ul{ margin: 0; padding: 0;}

.i_news ul li{ width: 365px; float: left; margin-right: 50px; position: relative;}
.i_news ul li:last-child{ margin-right: 0;}
.i_news ul li a{ display: block; color: #666; line-height: 24px; transition: 0.5s;}
.i_news ul li a font{ display: block; padding: 15px 0 2px; font-size: 20px; color: #333; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.i_news ul li a span{ display: block;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.i_news ul li a i{ color: #999; font-size: 12px;}

.i_news ul li a .n_img{ width: 365px; height: 220px; overflow:hidden; background: #89c568}
.i_news ul li a .n_img img{ max-width: 100%; transition: 0.5s;}
.i_news ul li a:hover .n_img img{ transform: scale(1.1); opacity: 0.5;}
.i_news ul li a:hover font{ text-decoration: underline; color: #8bc666;}
.i_news ul li a:hover span,.i_news ul li a:hover i{color: #8bc666;}

.i_news ul li a .n_pic{ width:365px; height:220px;position: absolute; z-index: 9; background-position: center; background-repeat: no-repeat; top: 0; left: 0;transition: 0.5s; opacity:0; background-image:url(../images/more_icon.png);}
.i_news ul li a:hover .n_pic{ opacity: 1;}


@media (max-width:720px){
	.i_news{ height: auto; overflow: hidden; padding: 30px 0;}
	.i_n_title{height: 30px; line-height: 30px; margin-bottom: 20px; }
    .i_n_title .i_n_font{ width: 100%; float: none; background:none; font-size: 26px; text-align: center; }
	.i_n_title .i_n_more{ display: none;}
	
	.i_news ul li{ width: 32.2%; float: left; margin-right: 1.5%; position: relative;}
	.i_news ul li:last-child{ margin-right: 0;}
	.i_news ul li a{ display: block; color: #666; line-height: 24px; transition: 0.5s;}
	.i_news ul li a font{ display: block; padding: 10px 0 0; font-size: 14px; color: #333; line-height:24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	.i_news ul li a span{ display: block;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	.i_news ul li a i{ color: #999; font-size: 12px;}

	.i_news ul li a .n_img{ width: 100%; height: auto; overflow:hidden; background: #fff}
	.i_news ul li a .n_img img{ max-width: 100%; transition: 0.5s;}
	.i_news ul li a:hover .n_img img{ transform: scale(1.1); opacity: 0.5;}
	.i_news ul li a:hover font{ text-decoration: underline; color: #8bc666;}
	.i_news ul li a:hover span,.i_news ul li a:hover i{color: #8bc666;}

	.i_news ul li a .n_pic{ width:100%; height:auto;position: absolute; z-index: 9; background-position: center; background-repeat: no-repeat; top: 0; left: 0;transition: 0.5s; opacity:0; background-image:url(../images/more_icon.png);}
	.i_news ul li a:hover .n_pic{ opacity: 1;}
	
	
	
}


.i_zixun{ height: 350px; overflow: hidden; background: url(../images/zixun_bg.jpg) center no-repeat;}
.i_zixun .i_zx_font{ text-align: right; color: #152f31; padding: 60px 0 0;}
.i_zixun .i_zx_font font{ display: block; font-size: 50px; line-height: 80px; padding-bottom: 8px;}
.i_zixun .i_zx_font i{ display: block; font-style: normal; font-size: 14px; line-height: 28px;}
.i_zixun .i_zx_font span{ display: block; line-height: 32px; font-size: 26px; }
.i_zixun .i_zx_font a{ display: block;width: 120px; height: 36px; margin-top: 30px; overflow: hidden; float: right; background: url(../images/more.png) right top no-repeat; }
.i_zixun .i_zx_font a.lang{ background: url(../images/more-en.png) right top no-repeat; }



.footer{height: auto; overflow: hidden; padding: 40px 0 20px; background: #6b9c56;     background: linear-gradient(to right, #0193de 0%, #2e959a 100%);}
.footer .f_top{height: auto; overflow: hidden; padding-bottom: 35px;}
.footer .f_logo{ width: 114px; float: left;}
.footer .f_contact{ width: 360px; float: left; margin-left: 50px; color: #fff;}
.footer .f_contact .font{ font-size: 24px; line-height: 40px;}
.footer .f_contact .span{ display: block; padding: 10px 0 0; line-height:30px; font-size: 16px;}

.footer .f_box{ width: 100px; float: left; margin-left: 50px;}
.footer .f_box font{ font-size: 24px; line-height: 40px;color: #FFF;}
.footer .f_box ul{ margin: 0; padding: 10px 0 0 2px;}
.footer .f_box ul li{ line-height: 30px;}
.footer .f_box ul li a{ color: #FFF; font-size: 14px;}
.footer .f_box ul li a:hover{ text-decoration: underline;}

.footer .f_bottom{height: auto;border-top: 1px solid #b3cdad; padding: 20px 0 2px; line-height: 30px;}

.footer .f_bottom .f_b_lt{ float: left; color: #FFF;}

.footer .f_bottom .f_b_lt a{ color:rgba(255,255,255,0.5); padding-left: 15px; transition: 0.5s;}
.footer .f_bottom .f_b_lt a:hover{color:rgba(255,255,255,1);transition: 0.5s;}


.footer .f_bottom .f_b_rt{ float: right; width: 100px;}
.footer .f_bottom .f_b_rt ul{ margin: 0; padding: 0;}

.footer .f_bottom .f_b_rt ul li{ width: 25px; height: 25px;  float: left; margin-left: 20px; position: relative;}
.footer .f_bottom .f_b_rt ul li .ewm_img{ position: absolute; bottom:40px; left:-45px; width: 100px; height: 100px; opacity: 0; visibility:hidden;transition: 0.5s;}
.footer .f_bottom .f_b_rt ul li .ewm_img img{ max-width: 100%;}
.footer .f_bottom .f_b_rt ul li:hover .ewm_img{ bottom: 35px; opacity: 1; transition: 0.5s; visibility: visible;}


@media (max-width:720px){
	
	.footer{ padding: 0 0 15px; margin-bottom: 70px;}
	.i_zixun,.footer .f_top{ display: none;}
	.footer .f_bottom{border-top:none; padding: 16px 0 2px; line-height: 24px; }
	.footer .f_bottom .f_b_lt{ float: none; color: #FFF; text-align: center;}
	.footer .f_bottom .f_b_rt{  display: none; }
	.footer .f_bottom .f_b_lt a{ display: block;}
}

/*悬浮*/
.fixed {
	width: 40px;
	height: auto;
	position: fixed;
	right: 30px;
	bottom: 30px;
	z-index: 999;
	display: block;
}
.fixed a {
	display: block;
	color: #888;
	margin-bottom: 2px;
}
.fixed .silder1 {
	width: 64px;
	height: 68px;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}
.fixed .silder1 .silder1_box {
	width: auto;
	position: absolute;
	right: 110px;
	top: 14px;
	opacity: 0;
	transition: .6s;
	visibility: hidden;
	background: #dda313;
	padding: 0 20px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	border-radius: 50px;
}
.fixed .silder1:hover .silder1_box {
	right: 65px;
	opacity: 1;
	z-index: 999;
	visibility: visible;
	white-space:nowrap;
}
.fixed .silder2 {
	width: 64px;
	height: 60px;
	background: url(../images/slide_icon3.jpg) no-repeat;
	position: relative;
	white-space:nowrap;
}
.fixed .silder2 .silder2_box {
	width: auto;
	position: absolute;
	right: 110px;
	top: 5px;
	opacity: 0;
	transition: .6s;
	visibility: hidden;
	background: #dda313;
	padding: 0 20px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	border-radius: 50px;
}
.fixed .silder2:hover .silder2_box {
	right: 65px;
	opacity: 1;
	z-index: 999;
	visibility: visible;
}
.fixed .silder3 {
	width: 64px;
	height: 60px;
	background: url(../images/slide_icon3.jpg) no-repeat;
	position: relative;
}
.fixed .silder3 .silder3_box {
	position: absolute;
	right: 100px;
	top: -10px;
	opacity: 0;
	transition: .6s;
	visibility: hidden;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 20px rgba(0,0,0,0.05);
	border: 4px solid #FFF;
}
.fixed .silder3 .silder3_box img {
	display: block;
	width: 75px;
}
.fixed .silder3:hover .silder3_box {
	right: 70px;
	opacity: 1;
	z-index: 999;
	visibility: visible;
}
.fixed .scroll {
	width: 64px;
	height: 68px;
	cursor: pointer;
	transition: 0.5s;
}
.fixed .scroll:hover {
	opacity: 0.2;
}





.app_botm{ overflow:hidden; background: #df7b62; background: linear-gradient(to right, #e3a06b 0%,#df7b62 100%);position:fixed; bottom:0; left:0; right:0; height:58px; z-index:999999; display: none; box-shadow: 0 0 15px rgba(0,0,0,0.2); padding: 12px 0 0;}
.app_botm ul{ margin:0; padding:0; text-align:center;}
.app_botm ul li{ width:30%; display:inline-block;}
.app_botm ul li .pic{}
.app_botm ul li a{ color:#FFF;}
.app_botm ul li a font{ display: block; font-size: 12px;}


@media (max-width:720px){
	.fixed { display: none;}
	.app_botm{ display: block;}
}



.com_ban{ width: 100%; height: 320px; overflow: hidden; background-repeat: no-repeat; background-position: center top;}

.common{ height: auto; overflow: hidden; margin:40px auto;}

.com_left{ width:220px; float:left;}
.com_left .c_lt_title{ height:40px; line-height:40px; font-weight: bold;  background: #7cc075; background: linear-gradient(to right, #0090dc 0%, #5bbeca 100%); color:#FFF; font-size:24px; padding:15px 0 14px 20px;}
.com_left .c_lt_title1{ height:30px; line-height:30px; font-weight: bold; background:#df7b62;background: linear-gradient(to right, #e3a06b 0%,#df7b62 100%);color:#FFF; font-size:20px; padding:15px 0 14px 20px;}
.com_left .com_list{ overflow:hidden; height:auto;}
.com_left .com_list ul{ padding:5px 0 0; margin:0;}
.com_left .com_list ul li{ height:auto; line-height: 30px; overflow: hidden; border-bottom: 1px dashed #dedede; padding:8px 22px 5px; transition: 0.3s; background: url(../images/pro_li1.png) 24px 17px no-repeat;}
.com_left .com_list ul li a{ color: #666; line-height: 24px; font-size: 16px; padding-left: 30px;}
.com_left .com_list ul li:hover a{ color: #8bc666; text-decoration: underline;}



.com_left .com_contact{ overflow:hidden; height:auto;background:#f9f9f9; margin: 20px 0 0;}
.com_left .com_contact .com_font{ padding: 20px 22px 18px; line-height: 28px;  font-size: 14px;}
.com_left .com_contact_img{ width: 220px; height: auto; overflow: auto; }

.com_right{ width:935px; float:right;line-height: 30px;}

.com_nav{ overflow:hidden; padding:0 0 10px; border-bottom:1px solid #d4d4d4; margin-bottom:20px;}
.com_nav ul{ padding:0; margin:0; text-align:center;}
.com_nav ul li{ float:left; height:auto; line-height:24px;}
.com_nav ul li a{ padding:0 2px; color:#999; font-size:14px;}
.com_nav ul li:first-child{ background:url(../images/h_icon.png) no-repeat; padding-left:30px;}
.com_nav ul li:last-child a{ color:#666; font-size:18px;}

.com_desc{ height: auto; overflow: hidden; line-height: 30px;}
.com_desc *{ max-width:100%;}
.com_desc img{ max-width: 100%;}
.com_desc font{ display: block; font-size: 30px; line-height: 50px; color: #df7b62; padding-bottom: 10px;}
.com_desc h1.h1{display: block; font-size: 30px; line-height:1.2; color: #df7b62; padding-bottom: 10px;}
.com_desc #info{ text-align:center; font-size:12px; color:#999999}

.news_box{  height: auto; overflow: hidden; margin-top: 30px; }
.news_box ul{ margin: 0; padding: 0;}

.news_box ul li{ width: 280px; float: left; margin:0 40px 30px 0; position: relative;}
.news_box ul li:nth-child(3n){ margin-right: 0;}
.news_box ul li a{ display: block; color: #666; line-height: 24px; transition: 0.5s;}
.news_box ul li a font{ display: block; padding: 10px 0 2px; font-size:18px; line-height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news_box ul li a span{ display: block;overflow: hidden;color: #888; white-space: nowrap; text-overflow: ellipsis;}
.news_box ul li a i{ color: #999; font-size: 12px;}

.news_box ul li a .n_img{ width: 100%; height: auto; overflow:hidden;}
.news_box ul li a .n_img img{ max-width: 100%; transition: 0.5s;}
.news_box ul li a:hover .n_img img{ transform: scale(1.1); opacity: 0.5;}
.news_box ul li a:hover font{ text-decoration: underline; color: #8bc666;}
.news_box ul li a:hover span,.news_box ul li a:hover i{color: #8bc666;}



.product_box{  height: auto; overflow: hidden; margin-top: 30px; }
.product_box ul{ margin: 0; padding: 0;}

.product_box ul li{ width: 280px; float: left; margin:0 40px 25px 0; position: relative; text-align:center}
.product_box ul li img{ max-height:100%; max-height:100%;}
.product_box ul li:nth-child(3n){ margin-right: 0;}
.product_box ul li a{ display: block; color: #666; line-height: 24px; transition: 0.5s;}
.product_box ul li a font{
	display: block;
	padding: 5px 0;
	font-size:16px;
	line-height: 30px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center;
}

.product_box ul li a .p_img{ width: 280px; height: 210px; overflow:hidden;}
.product_box ul li a .p_img img{ max-width: 100%; transition: 0.5s;}
.product_box ul li a:hover .p_img img{ transform: scale(1.1); opacity: 0.5;}
.product_box ul li a:hover font{ text-decoration: underline; color: #8bc666;}




.message2 .econtent{
	padding: 10px;
	/*border: 1px solid #ddd;*/
}
.message2 .econtent .item{
	width:48%;
	float:left;
	margin-right: 1%;
	margin-left: 1%;
	padding-top: 10px;
	padding-bottom: 10px;
}
.message2 .econtent .item span{ display:block}
.message2 input{
	border-radius:3px;
	height: 25px;
	width:99%;
	padding-left:0.5%;
	padding-right:0.5%;
	border: 1px solid #ddd;
}
.message2 .econtent .item2,.message2  .tijiao{ width:98%; float:left;	margin-right: 1%;
	margin-left: 1%; }
.message2 textarea{	border: 1px solid #ddd;border-radius:3px; width:99%; height:120px;padding-left:0.5%; padding-right:0.5%; padding-bottom:5px; padding-top:5px;}
.message2  .tijiao{ padding-top:15px;}
.message2  .tijiao button{border-radius:5px;	border:0px solid #ddd;
	background-color: #689b59;
	font-size: 16px;
	color: #FFFFFF;
	height: 45px;
	width: 100%;
}
#cms .message2{ margin:auto; float:none;}
#cms .message2 .econtent{ border:none}


.fd img{    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;}
.fd:hover img{    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);}
	


.back{ clear:both; padding-top:15px; padding-bottom:15px; text-align:right; line-height:32px;}
.back a{
	display:inline-block;
	background-color: #689b59;
	color: #FFFFFF; padding-left:15px; padding-right:15px;
}
.nextpage div{
	white-space: nowrap;
	float: left;
	width: 100%;
	overflow: hidden;
}

.pagination{ clear:both; text-align:center}
.pagination li{
	display:inline-block;
	border: 1px solid #dddddd;
	padding-left:12px;
	padding-right:10px;
	margin: 0px; overflow:hidden;
}

.pagination li+li{
	border-left-style: none;
}
.pagination li:first-child+li{border: 1px solid #dddddd;border-radius:3px 0 0 3px;}
.pagination li:last-child,.pagination li:first-child{border: 1px solid #dddddd;border-radius:3px;}
.pagination li:nth-last-child(2){border-radius:0 3px 3px 0;}
.pagination li.disabled{}
.pagination li.active{ background-color:#689b59; color:#FFFFFF}

.pagination li a{ color:#333333}
@media (max-width:720px){	
.com_ban{ display: none;}
.common{margin:0 auto 20px;border-top: 1px solid #d4d4d4; padding-top: 15px;}
.com_left{ display: none;}
.com_right{ width:100%; float:none;line-height: 30px;}
	
.com_desc font{  font-size: 24px; line-height: 35px;}	
	
.news_box{margin-top: 0;}

.news_box ul li{ width: 47.5%; float: left; margin:0 5% 15px 0;}
.news_box ul li:nth-child(3n){ margin-right:5%;}
.news_box ul li:nth-child(2n){ margin-right:0;}
.news_box ul li a{ line-height: 24px;}
.news_box ul li a font{ padding: 5px 0 2px; font-size:14px; color: #333; line-height: 24px; }


.news_box ul li a .n_img{ width: 100%; height: auto; overflow:hidden;}

	

.product_box{margin-top: 0;}
.product_box ul{ margin: 0; padding: 0;}

.product_box ul li{  width: 47.5%; float: left; margin:0 5% 10px 0; position: relative;}
.product_box ul li:nth-child(3n){ margin-right:5%;}
.product_box ul li:nth-child(2n){ margin-right:0;}
.product_box ul li a font{  font-size: 14px; }

.product_box ul li a .p_pic{ width:100%; height:auto;}
	
	
}