/*引用reset*/
@import url("reset.css");
@import url("animation.css");

body{font-family: 微软雅黑; line-height: 1.8; font-size: 14px; background:#fff !important; }
a:visited{color: none;}
a:active{color: none ;}

/*  主题颜色 */
	
body{ color:#787878;  overflow-x:hidden; }     /* 文字 基础颜色 */
a{color: #444;transition: color 0.4s ease-out 0s;}     /* <a>标签 基础颜色 */
a:hover{transition: color 0.4s ease-out 0s; text-decoration:none !important;}     /* <a>标签  hover 基础颜色 */

.beat-char {
    line-height: 40px;
    position: relative;
	display: inline-block;
	background: transparent;

}

.rotate{
	transform:rotate(360deg) ;
	-ms-transform:rotate(360deg); 	/* IE 9 */
	-moz-transform:rotate(360deg); 	/* Firefox */
	-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
	-o-transform:rotate(360deg);
	-webkit-transition-duration: 0.7s;

}

.pull-left{ float:left;}
.pull-right{ float:right;}

.t05{
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}
.t10{
transition:all 1s ease-out 0s;
-webkit-transition:all 1s ease-out 0s;
-moz-transition:all 1s ease-out 0s;
-ms-transition:all 1s ease-out 0s;
-o-transition:all 1s ease-out 0s;}


.d05{
animation-delay:0.5s;
-webkit-animation-delay:0.5s;
-moz-animation-delay:0.5s;
-ms-animation-delay:0.5s;
-o-animation-delay:0.5s;}






/*main_style*/
.g-top{ width:100%; height:40px; background:#fff; border-bottom:1px solid #eaeaea; position:relative;}
.f-top{ width:1200px; height:40px; margin:0 auto;}

.m-top-left{ float:left; height:40px; line-height:40px; font-size:14px; color:#858585; float:left; margin-bottom:0;}

.m-top-right{ float:right;}



/*右侧二维码*/
.f-ewm{ height:40px; float:right;}
.f-ewm ul{ margin:0; padding:0;}
.f-ewm ul li{ height:40px; line-height:40px; text-align:center; font-size:14px; color:#858585; position:relative; cursor:pointer; float:left; padding:0 20px;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}

.f-ewm ul li a{ font-size:14px; color:#858585;}
.f-ewm ul li a:hover{ color:#47aa01 !important;}

.m-ewm-line{ width:25px; height:40px; line-height:40px; font-size:14px; color:#858585; text-align:center; float:left;}


.m-ewm-icon{ height:40px; line-height:40px; text-align:center; font-size:14px; color:#858585; position:relative;}
.m-ewm .show_ewm{ width:130px; height:140px; border:3px solid #eaedf0; background:#fff; display:none; position:absolute; top:40px; left:-15px; z-index:999; padding:10px 0; box-sizing:border-box;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}
.m-ewm .show_ewm .m-ewm-img{ width:90px; height:90px; overflow:hidden; margin:0 auto; position:relative;}
.m-ewm .show_ewm .m-ewm-img img{ width:90px; height:90px; overflow:hidden; position:relative;}
.m-ewm .show_ewm .m-ewm-txt{ width:115px; height:30px; line-height:15px; font-size:12px; color:#000000; text-align:center; overflow:hidden; margin:0 auto; position:relative;}
.m-ewm .show_ewm .m-ewm-txt span{ color:#dd2726;}





/*top-ad*/
.f-top-ad{ width:1200px; height:auto; margin:0 auto; position:relative;}
.f-top-ad ul{ margin:0; padding:0;}
.f-top-ad ul li{ width:1200px; height:auto; overflow:hidden; position:relative; overflow:hidden; margin-top:10px;}
 


.g-head{ width:100%; height:130px; background:#fff; position:relative;}
.f-head{ width:1200px; height:130px; margin:0 auto; position:relative;}
.my-logo{ width:582px; height:75px; float:left; margin-top:22px;}




/*电话*/
.m-tel{ height:auto; margin:0; box-sizing:border-box; margin-top:30px; float:right; background:url(../pic/tel.png) left center no-repeat; padding-left:55px;}
.m-tel .m-tel-txt{ height:20px; line-height:20px; font-size:16px; color:#666666; margin-bottom:5px;}
.m-tel .m-tel-num{ height:20px; line-height:20px; font-size:24px; color:#333333; font-weight:bold; margin:0;}




/*导航*/
.g-nav{ width:100%; height:70px; background:#3d4651; position:relative; border-bottom:4px solid #47aa01; box-sizing:border-box;}
.f-nav{ width:1200px; height:66px; margin:0 auto;}
.nav-list{ width:1200px; height:66px; margin:0; padding:0; display:flex; justify-content:space-between; float:left;}
.f-nav li{ width:120px; height:66px; line-height:66px; text-align:center; position:relative; float:left; background:url(../pic/nav-line.png) right center no-repeat;}
.f-nav li:last-child{ background:none;}

.f-nav li .m-nav-cn{ width:100%; height:66px; text-align:center; font-size:16px; color:#ffffff; margin:0; position:relative; z-index:9999;
transition:all 0.3s ease-out 0s;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
-ms-transition:all 0.3s ease-out 0s;
-o-transition:all 0.3s ease-out 0s;}
.f-nav li .m-nav-box{ width:0; height:66px; margin:0; position:absolute; left:50%; top:0px; background:#47aa01; opacity:0;
transition:all 0.3s ease-out 0s;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
-ms-transition:all 0.3s ease-out 0s;
-o-transition:all 0.3s ease-out 0s;}

.f-nav li a.selected .m-nav-cn{ color:#fff;}
.f-nav li a.selected .m-nav-box{ width:100%; opacity:1; margin-left:-60px;}


.f-nav li.selected .submenu{display:block;}
.f-nav li .submenu{display:none;position:absolute;top:70px;left:0; background:#47aa01;}
.f-nav li .submenu{width:100%; text-align: center;}
.f-nav li .submenu{ z-index:9999;}
.f-nav li .submenu li{float:none;padding:0;background:none; width:100%; height:40px; line-height:40px; margin:0 auto; }
.f-nav li .submenu li a{padding:0; font-size:14px; font-family:"Microsoft YaHei"; width:100%;height:40px; line-height:40px; color:#fff; margin:0 auto; display:block;}
.f-nav li .submenu li a:hover{background:#fff; color:#47aa01; }


/*入口*/
.f-enter{ width:200px; height:50px; line-height:50px; float:right; position:relative;}
.f-enter a{ font-size:16px; color:#fff; text-align:center; font-weight:bold; display:block; background:#47aa01;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}
.f-enter a:hover{ background:#47aa01; color:#fff;}





/* 全屏幻灯片样式 */
.g-bd{ width:100%; position:relative;}
.flexslider{ width:100%;position:relative;height:650px;overflow:hidden;background:url(../pic/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:650px;}
.flex-control-nav{position:absolute; left:50%; margin-left:-70px; bottom:20px; padding-top:5px; box-sizing:border-box; z-index:2;width:140px; height:30px; background:rgba(0,0,0,0.2); text-align:center;
border-radius:200px;
-webkit-border-radius:200px;
-moz-border-radius:200px;
-ms-border-radius:200px;
-o-border-radius:200px;}
.flex-control-nav li{display:inline-block;width:12px;height:12px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:12px;height:12px;line-height:100px;overflow:hidden;cursor:pointer; background:url(../pic/dot.png) left center no-repeat;}
.flex-control-nav .flex-active{ background-position:right center;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%; }
.flex-direction-nav li a{display:block;width:35px;height:65px;overflow:hidden;cursor:pointer;position:absolute;}



/* 搜索 */
.g-search{ width:100%; height:115px; position:relative; background:#f5f5f5; padding-top:20px; box-sizing:border-box;}
.f-search{ width:1200px; height:115px; position:relative; margin:0 auto;}

/*标语*/
.m-search-box{ width:390px; height:75px; border-right:1px solid #e4e4e4; padding-top:10px; box-sizing:border-box; position:relative; float:left;}
.m-search-cn{ height:25px; line-height:25px; font-size:18px; color:#333333; margin:0;}
.m-search-en{ height:30px; line-height:15px; font-size:12px; color:#999999; margin:0; text-transform:uppercase;}

/*关键词*/
.m-search-hot{ width:390px; height:40px; box-sizing:border-box; float:left; overflow:hidden; margin:22px 0 0 40px;}
.m-search-hot ul{ margin:0; padding:0;}
.m-search-hot ul li{ height:40px; line-height:40px; float:left; font-size:14px; color:#333333; margin-right:12px;}
.m-search-hot ul li span{ color:#333333; font-weight:bold;}
.m-search-hot ul li a{ font-size:14px; color:#333333;}
.m-search-hot ul li a:hover{ color:#47aa01;}


/* 搜索框 */
.search_div{width:300px; height:40px; float:right; position:relative; border:1px solid #e4e4e4; box-sizing:border-box; background:#fff; margin-top:20px;}
.search_div form {width:300px;height:38px;overflow:hidden; overflow:hidden;}
.search_div form .search_text {width:250px; height:38px;line-height:38px; font-size:14px; color:#999999; padding:0 10px; overflow:hidden; box-sizing:border-box; background:#fff; float:left; border:none;}
.search_div form .search_submit {width:40px; height:38px; line-height:38px; text-align:center; font-size:16px; color:#ffffff; background:url(../pic/search.png) left center no-repeat; border:none; float:right; overflow: hidden; box-sizing:border-box;}







/*标题*/
.f-title{ width:1200px; height:auto; text-align:center; overflow:hidden; margin:0 auto 40px; position:relative;}
.f-title-cn{ height:40px; line-height:40px; font-size:34px; font-weight:bold; margin-bottom:5px; background:url(../pic/title-bj.png) center center no-repeat;}
.f-title-line{ width:65px; height:3px; background:#47aa01; margin:0 auto 10px;}
.f-title-ms{ height:30px; line-height:30px; font-size:16px; margin-bottom:0; letter-spacing:5px;}
.f-title-white{ color:#fff;}
.f-title-blue{ color:#47aa01;}
.f-title-gray{ color:#545657;}
.f-title-black{ color:#282828;}




/*平台介绍*/
.g-about{ width:100%; height:auto; overflow:hidden; padding:70px 0; box-sizing:border-box;}

.f-about{ width:1200px; height:auto; overflow:hidden; position:relative; margin:0 auto;}

/*左边图片*/
.m-about-box{ width:610px; height:380px; position:relative; float:left; overflow:hidden;
border-radius:50px 0 50px 0;
-webkit-border-radius:50px 0 50px 0;
-moz-border-radius:50px 0 50px 0;
-ms-border-radius:50px 0 50px 0;
-o-border-radius:50px 0 50px 0;}
.m-about-img{ width:610px; height:380px; position:relative; overflow:hidden; margin:0;}

/*右边*/
.m-about{ width:550px; height:auto; position:relative; overflow:hidden; float:right; box-sizing:border-box; padding-top:35px; box-sizing:border-box;}

.m-about-title{ height:30px; line-height:30px; font-size:24px; color:#333333; margin-bottom:30px;}
.m-about-desc{ width:550px; height:150px; line-height:30px; overflow:hidden; position:relative; margin-bottom:35px;}
.m-about-desc a{ font-size:16px; color:#666666;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}
.m-about-desc a:hover{ color:#47aa01;}

.m-about-more{ width:130px; height:40px; line-height:40px; overflow:hidden; position:relative; box-sizing:border-box;}
.m-about-more a{ width:130px; height:40px; line-height:40px;font-size:14px; color:#333333; display:block; box-sizing:border-box; border:1px solid #b1b1b1; padding-left:25px;  background:url(../pic/arrow01.png) 90px center no-repeat;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}
.m-about-more a:hover{ background:#47aa01 url(../pic/arrow02.png) 90px center no-repeat; color:#fff; border-color:#47aa01;}



.m-target-list{ width:430px; height:110px; position:relative; float:left;}
.m-target-list ul{ width:430px; margin:0; padding:0;}
.m-target-list ul li{ width:430px; height:35px; line-height:35px; font-size:16px; color:#333333; position:relative; overflow:hidden;box-sizing:border-box;}
.m-target-list ul li span{ color:#47aa01; font-weight:bold;}



/*目标*/
.f-target{ width:1200px; height:110px; margin:40px auto 0; position:relative;}

.m-target{ width:720px; margin:0; padding:0; float:right;}
.m-target ul{ margin:0; padding:0;}
.m-target ul li{ width:240px; height:110px; float:left; padding:10px 0 0 0; position:relative; background:url(../pic/adv-line.jpg) left center no-repeat; padding-left:60px;}

.m-target-num{ width:100%; height:40px; line-height:40px; font-size:50px; color:#47aa01; font-weight:bold; margin-bottom:10px; position:relative;}
.m-target-num span{ font-size:24px; color:#333333; font-weight:normal;}
.m-target-num i{ width:20px; height:20px; line-height:20px; text-align:center; font-size:30px; color:#47aa01; position:absolute; font-weight:normal;}

.m-n01{ left:80px; top:-10px;}
.m-n02{ left:50px; top:-10px;}

.m-target-desc{ width:100%; height:30px; line-height:30px; font-size:16px; color:#333333; margin-bottom:0;}





/*荣誉资质*/
.f-honor{ width:1200px; height:270px; margin:50px auto 0; position:relative; overflow:hidden;
box-shadow: 0px 5px 20px 0px #ccc;
-webkit-box-shadow: 0px 5px 20px 0px #ccc;
-moz-box-shadow: 0px 5px 20px 0px #ccc;
-ms-box-shadow: 0px 5px 20px 0px #ccc;
-o-box-shadow: 0px 5px 20px 0px #ccc;}
.f-honor-title{ width:115px; height:270px; line-height:115px; text-align:center; font-size:24px; color:#fff; font-weight:bold; letter-spacing:5px; float:left; background:#47aa01;
writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/  
writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/ }

.m-honor{ width:1085px; height:auto; overflow:hidden; position:relative; float:right; padding:35px 0 0 0; box-sizing:border-box;}
.m-honor .hd{ width:1085px; overflow:hidden; height:60px; position:absolute; left:0; bottom:80px}
.m-honor .hd .prev{ display:block; width:30px; height:60px; float:left; overflow:hidden; cursor:pointer; background:#999 url(../pic/left.png) center center no-repeat;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}
.m-honor .hd .prev:hover{ background:#47aa01 url(../pic/left.png) center center no-repeat;}
.m-honor .hd .next{ display:block; width:30px; height:60px; float:right; overflow:hidden; cursor:pointer; background:#999 url(../pic/right.png) center center no-repeat;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}
.m-honor .hd .next:hover{ background:#47aa01 url(../pic/right.png) center center no-repeat;}



.m-honor .bd{ width:1045px; height:auto; overflow:hidden; position:relative; margin:0 auto;}
.m-honor .bd ul{ margin:0; padding:0; }
.m-honor .bd ul li{ width:245px; height:220px; float:left; _display:inline; overflow:hidden; margin-right:20px; position:relative; background:url(../pic/honor-bj.jpg) top center no-repeat;}

.m-honor-box{ width:230px; height:160px; margin:8px auto 0; position:relative; overflow:hidden;}
.m-honor-img{ width:230px; height:160px; margin:0;
transition:all 1s ease-out 0s;
-webkit-transition:all 1s ease-out 0s;
-moz-transition:all 1s ease-out 0s;
-ms-transition:all 1s ease-out 0s;
-o-transition:all 1s ease-out 0s;}
.m-honor-title{ width:230px; height:40px; line-height:40px; text-align:center; font-size:16px; color:#666666; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; position:relative; margin:10px auto 0;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}

.m-honor .bd ul li:hover .m-honor-img{
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);}
.m-honor .bd ul li:hover .m-honor-title{ color:#47aa01;}


/*中间电话*/
.g-center-tel{ width:100%; position:relative;}
.g-center-tel01{ height:240px; background:url(../pic/center-bj01.jpg) center center no-repeat;}
.g-center-tel02{ height:205px; background:url(../pic/center-bj02.jpg) center center no-repeat;}

.f-center-tel{ width:1200px; height:auto; overflow:hidden; margin:0 auto;}

.m-center-tel{ width:230px; height:auto; overflow:hidden; float:right; position:relative; background:url(../pic/chat.png) left 30px no-repeat; padding-top:100px; box-sizing:border-box;}

.m-center-num{ height:60px; margin-bottom:10px;}
.m-center-dh{ height:30px; line-height:30px; font-size:24px; color:#ffffff; margin:0;}


.m-center-chat{ width:120px; height:40px; position:relative;}
.m-center-chat a{ width:120px; height:40px; line-height:40px; text-align:center; font-size:18px; color:#fff; background:#47aa01; display:block;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}
.m-center-chat a:hover{ background:#fff; color:#47aa01;}


.m-center-box{ width:535px; height:40px; margin:130px 75px 0 0; float:right; position:relative;}

.m-center-left{ width:120px; height:40px; position:relative; margin:0; float:left;}
.m-center-left a{ width:120px; height:40px; line-height:40px; text-align:center; font-size:18px; color:#fff; background:#e5bb12; display:block;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}
.m-center-left a:hover{ background:#fff; color:#e5bb12;}



.m-center-right{ width:415px; height:40px; line-height:36px; font-family:Tahoma; font-size:24px; color:#fff; border:2px solid #e5bb12; box-sizing:border-box; position:relative; padding-left:70px; box-sizing:border-box; background:url(../pic/tel02.png) 25px center no-repeat; margin:0; float:left;}





/*优势*/
.g-adv{ width:100%; height:auto; padding:70px 0 100px; box-sizing:border-box; position:relative; background:#ffffff;}

.f-adv-title{ width:1200px; height:auto; margin:0 auto; position:relative;}



.f-adv{ width:1200px; height:auto; margin:60px auto 0; position:relative; overflow:hidden;}
.f-adv ul{ width:1200px; margin:0; padding:0; display:flex; justify-content:space-between;}
.f-adv ul li{ width:285px; height:580px; position:relative; float:left; background:#f5f5f5;}

.m-adv-box{ width:285px; height:185px; overflow:hidden; margin:0 auto 40px; position:relative;
border-radius:20px 20px 0 0;
-webkit-border-radius:20px 20px 0 0;
-moz-border-radius:20px 20px 0 0;
-ms-border-radius:20px 20px 0 0;
-o-border-radius:20px 20px 0 0;}
.m-adv-img{ width:285px; height:185px; overflow:hidden; margin:0; position:relative;}
.m-adv-cn{ width:255px; height:30px; line-height:30px; text-align:center; font-size:20px; color:#47aa01; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; margin:0 auto 5px;}
.m-adv-en{ width:255px; height:30px; line-height:15px; text-align:center; font-size:12px; color:#cccccc; overflow:hidden; margin:0 auto 10px;}
.m-adv-desc{ width:255px; min-height:20px; line-height:20px; font-size:14px; color:#666666; overflow:hidden; margin:0 auto 10px; padding-left:15px; box-sizing:border-box; background:url(../pic/adv-icon.png) left 5px no-repeat;}

.m-adv-num{ width:65px; height:65px; line-height:65px; text-align:center; font-size:30px; color:#47aa01; font-weight:bold; position:absolute; left:50%; top:150px; margin-left:-32px; z-index:9; background:#fff;
border-radius:200px;
-webkit-border-radius:200px;
-moz-border-radius:200px;
-ms-border-radius:200px;
-o-border-radius:200px;}


.f-adv ul li:hover .m-adv-img{
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);}
.f-adv ul li:hover .m-adv-title{ color:#a50502;}


.m-adv-small{ width:1200px; height:30px; line-height:30px; text-align:center; font-size:20px; color:#fff; margin:0 auto;}
.m-adv-big{ width:1200px; height:40px; line-height:40px; text-align:center; font-size:24px; color:#fff; margin:0 auto;}

.m-adv-list{ width:260px; height:40px; margin:20px auto 0; position:relative;}
.m-adv-list ul{ width:260px; margin:0; padding:0; display:flex; justify-content:space-between;}
.m-adv-list ul li{ width:120px; height:40px; line-height:40px; text-align:center; position:relative;}
.m-adv-list ul li a{ font-size:16px; color:#fff; display:block; background:#a50502;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}
.m-adv-list ul li a:hover{ background:#fff; color:#a50502;}









/*产品展示*/
.g-product{ width:100%; height:auto; overflow:hidden; padding:85px 0 130px; position:relative; background:#fff;}

.f-product{ width:1200px; height:auto; overflow:hidden; position:relative; margin:0 auto;}
.f-product .hd{ width:300px; height:675px; position:relative; float:left;}

.f-product-top{ width:300px; height:85px; line-height:85px; font-size:24px; color:#ffffff; font-weight:bold; background:#47aa01 url(../pic/icon.png) 40px center no-repeat; padding-left:80px; box-sizing:border-box;}

.f-product .hd ul{ width:300px; height:365px; position:relative; border:1px solid #e3e3e3; box-sizing:border-box; margin:0; padding:0;}
.f-product .hd ul li{ width:100%; height:65px; line-height:65px; cursor:pointer; position:relative; border-bottom:1px solid #e3e3e3; padding:0 30px; box-sizing:border-box;}
.f-product .hd ul li:last-child{ border-bottom:none;}

.f-product-name{ width:190px; height:65px; line-height:65px; font-size:16px; color:#352214; position:relative; z-index:999; float:left; margin:0; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}
.f-product-icon{ width:20px; height:20px; line-height:20px; text-align:center; font-family:宋体; font-size:12px; color:#9f9fa0; border:1px solid #e1e1e1; box-sizing:border-box; background:#fff; float:right; margin:22px 0 0 0;
border-radius:200px;
-webkit-border-radius:200px;
-moz-border-radius:200px;
-ms-border-radius:200px;
-o-border-radius:200px;}
.f-product .hd ul li.on .f-product-name{ color:#47aa01;}
.f-product .hd ul li.on .f-product-icon{ background:#47aa01; border-color:#47aa01; color:#fff;}

.f-product-tel{ width:300px; height:225px; background:#47aa01 url(../pic/tel03.png) center 50px no-repeat; padding-top:100px; box-sizing:border-box;}
.f-product-chat{ width:300px; height:20px; line-height:20px; text-align:center; margin:0 auto 20px;}
.f-product-chat a{ font-size:14px; color:#fff;}
.f-product-chat a:hover{ color:#333;}
.f-product-tel-num{ width:300px; height:25px; line-height:25px; text-align:center; font-size:24px; color:#fff; font-weight:bold; margin:0 auto;}



.f-product .bd{ width:850px; height:675px; position:relative; float:right;}
.f-product .bd ul{ margin:0; padding:0;}
.f-product .bd ul li{ width:260px; height:320px; position:relative; float:left; margin:0 35px 35px 0;}
.f-product .bd li:nth-child(3n){ margin-right:0;}
.f-product .bd li:nth-child(n+4){ margin-bpttom:0;}



.f-product-box{ width:260px; height:260px; position:relative; overflow:hidden; margin:0;}
.f-product-img{ width:260px; height:260px; position:relative; overflow:hidden; margin:0;
transition:all 1s ease-out 0s;
-webkit-transition:all 1s ease-out 0s;
-moz-transition:all 1s ease-out 0s;
-ms-transition:all 1s ease-out 0s;
-o-transition:all 1s ease-out 0s;}
.f-product-title{ width:260px; height:60px; line-height:60px; text-align:center; font-size:16px; color:#666666; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;  background:#f5f5f5; margin:0; padding:0 10px; box-sizing:border-box;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}


.f-product .bd ul li:hover .f-product-img{
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);}
.f-product .bd ul li:hover .f-product-title{ background:#47aa01; color:#fff;}





/*经典案例*/
.g-case{ width:100%; height:880px; overflow:hidden; padding:90px 0 0; box-sizing:border-box; position:relative; background:url(../pic/case-bj.jpg) center center no-repeat;}


.f-case-box{ width:1200px; height:auto; text-align:center;margin:0 auto 50px;}
.f-case-title{ height:35px; line-height:35px; text-align:center; font-size:30px; color:#333333; font-weight:bold; margin:0 auto;}
.f-case-desc{ height:20px; line-height:20px; text-align:center; font-size:14px; color:#555555; margin:0 auto;}


.f-case{ width:1200px; height:auto; overflow:hidden; margin:0 auto 60px;}

/*左边*/
.m-case{  height:515px; position:relative; float:left;}
.m-case ul{ margin:0; padding:0;}
.m-case li{ width:280px; height:250px ; position:relative; float:left; overflow:hidden;margin-bottom: 20px;    margin-right: 20px;}
/* .m-case li:nth-child(2n){ margin-right:0;} */
/* .m-case li:nth-child(n+3){ margin-bottom:0;} */


.m-case-img{ width:280px; height:250px; position:relative; overflow:hidden; margin-bottom:0;
transition:all 1s ease-out 0s;
-webkit-transition:all 1s ease-out 0s;
-moz-transition:all 1s ease-out 0s;
-ms-transition:all 1s ease-out 0s;
-o-transition:all 1s ease-out 0s;}


.m-case-txt{ width:280px; height:50px; line-height:50px; text-align:center; font-size:16px; color:#fff; padding:0 10px; overflow:hidden; position:absolute; left:0; bottom:0;  background:rgba(0,0,0,0.5); margin-bottom:0; text-overflow:ellipsis; white-space: nowrap;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}



.m-case li:hover .m-case-img{
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);}

/*右边*/
.m-al{ width:605px; height:515px; position:relative; float:right; overflow:hidden;}
.m-al-img{ width:605px; height:515px; position:relative; overflow:hidden; margin-bottom:0;
transition:all 1s ease-out 0s;
-webkit-transition:all 1s ease-out 0s;
-moz-transition:all 1s ease-out 0s;
-ms-transition:all 1s ease-out 0s;
-o-transition:all 1s ease-out 0s;}


.m-al-txt{ width:605px; height:50px; line-height:50px; text-align:center; font-size:16px; color:#fff; overflow:hidden; position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.5); margin-bottom:0; opacity:1; text-overflow:ellipsis; white-space: nowrap; padding:0 20px; box-sizing:border-box;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}


.m-al:hover .m-al-img{
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);}









.m-case-more{ width:130px; height:40px; line-height:40px; overflow:hidden; position:relative; box-sizing:border-box; margin:60px auto 0;}
.m-case-more a{ width:130px; height:40px; line-height:40px;font-size:14px; color:#333333; display:block; box-sizing:border-box; border:1px solid #b1b1b1; padding-left:25px;  background:url(../pic/arrow01.png) 90px center no-repeat;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}
.m-case-more a:hover{ background:#47aa01 url(../pic/arrow02.png) 90px center no-repeat; color:#fff; border-color:#47aa01;}



/*新闻资讯*/
.g-news{ width:100%; height:auto; overflow:hidden; padding:65px 0 35px; box-sizing:border-box; background:#fff; position:relative;}

.f-news{ width:1200px; height:auto; overflow:hidden; position:relative; margin:0 auto;}
.f-news .hd{ width:1200px; height:auto; position:relative; margin:0 auto 20px;}
.f-news .hd ul{ width:1200px; height:45px; margin:0; padding:0; text-align:center;}
.f-news .hd ul li{ width:150px; height:45px; line-height:45px; text-align:center; font-size:18px; color:#000000; cursor:pointer; position:relative; margin:0 20px; background:#fff; display:inline-block;}
.f-news .hd ul li.on{ background:#47aa01; color:#fff;}


.f-news .bd .m-news{ width:1200px; height:auto; overflow:hidden; margin:0; position:relative;}

.m-xw{ width:1200px; height:360px; background:#f2f2f2; overflow:hidden; position:relative;}

.m-xw-box{ width:550px; height:360px; position:relative; overflow:hidden; float:left; }
.m-xw-img{ width:550px; height:360px; position:relative; overflow:hidden; margin-bottom:0;}

.m-xw-txt{ width:650px; height:360px; padding:30px 50px 0; float:right; }
.m-xw-title{ width:550px; height:25px; line-height:25px; font-size:18px; color:#0a0104; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; margin:0 auto 10px;}
.m-xw-rq{ width:550px; height:30px; line-height:30px; font-family:Tahoma; font-size:24px; color:#666666; overflow:hidden; margin:0 auto 10px;}
.m-xw-desc{ width:550px; height:100px; line-height:25px; font-size:14px; color:#666666; overflow:hidden; margin-bottom:40px;}
.m-xw-more{ width:90px; height:25px; line-height:25px; text-align:center; font-size:12px; color:#fff; overflow:hidden; margin-bottom:0; background:#333333;}
.m-xw-more:hover{ background:#47aa01;}

.m-xw:hover .m-xw-img{
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);}
.m-xw:hover .m-xw-title{ color:#47aa01;}


/*新闻列表*/
.m-news-list{ width:1200px; height:auto; margin:30px auto 0; position:relative;}
.m-news-list ul{ margin:0; padding:0;}
.m-news-list ul li{ width:550px; height:110px; box-sizing:border-box;float:left;}
/* .m-news-list ul li:nth-child(1){ }*/
.m-news-list ul li:nth-child(2n){ float:right;} 


.m-news-title{ width:550px; height:30px; line-height:30px; font-size:18px; color:#333333; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; margin-bottom:5px;} 
.m-news-title span{ color:#47aa01; margin-right:5px; font-weight:bold;}
.m-news-date{ height:20px; line-height:20px; font-size:14px; color:#959595; font-weight:bold; position:relative;margin-bottom:5px;}
.m-news-desc{ width:550px; height:100px; line-height:25px; font-size:14px; color:#959595; margin-bottom:0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}

.m-news-list ul li:hover .m-news-title{ color:#47aa01;}



/*合作伙伴*/
.g-brand{ width:100%; height:370px; overflow:hidden; padding:60px 0; box-sizing:border-box; background:url(../pic/brand-bj.jpg) center center no-repeat;}

/*联系我们*/
.f-brand{ width:1300px; height:auto; overflow:hidden; margin:30px auto 0; position:relative; box-sizing:border-box;}


.f-brand-title{ height:40px; line-height:40px; font-size:18px; color:#999999; float:left; margin:0;}
.f-brand-title span{ font-size:24px; color:#47aa01; font-weight:bold; margin-right:10px;}


.f-brand .hd{ width:1300px; height:30px; position:absolute; top:40px; overflow:hidden; margin:0 auto;}
.f-brand .hd .prev{ display:block; width:28px; height:28px; position:absolute; left:0; top:0; overflow:hidden; cursor:pointer; background:url(../pic/prev.png) left center no-repeat;}
.f-brand .hd .prev:hover{ background-position:right center;}
.f-brand .hd .next{ display:block; width:28px; height:28px; position:absolute; right:0; top:0; overflow:hidden; cursor:pointer; background:url(../pic/next.png) right center no-repeat;}
.f-brand .hd .next:hover{ background-position:left center;}

.f-brand .bd{ width:1200px; height:auto; overflow:hidden; position:relative; margin:0 auto;}
.f-brand .bd ul{ margin:0; padding:0;}
.f-brand .bd ul li{ width:220px; height:120px; float:left; _display:inline; overflow:hidden; margin-right:25px; position:relative;}

.m-brand-img{ width:220px; height:120px; margin:0;
transition:all 1s ease-out 0s;
-webkit-transition:all 1s ease-out 0s;
-moz-transition:all 1s ease-out 0s;
-ms-transition:all 1s ease-out 0s;
-o-transition:all 1s ease-out 0s;}
.m-brand-title{ width:220px; height:30px; line-height:30px; text-align:center; font-size:14px; color:#fff; padding:0 20px; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; position:relative; margin:0; background:rgba(71,170,1,0.8); position:absolute; left:0; bottom:-30px; opacity:0; 
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}

.f-brand .bd ul li:hover .m-brand-img{
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);}
.f-brand .bd ul li:hover .m-brand-title{ bottom:0; opacity:1;}



/*友情链接*/
.g-link{ width:100%; height:95px; line-height:50px; overflow:hidden; position:relative; background:#f5f5f5; padding:30px 0; box-sizing:border-box;}


.f-link{ width:1200px; height:35px; overflow:hidden; position:relative; margin:0 auto;}
.f-link-title{ width:110px; height:35px; font-family: 'Source Han Serif SC'; font-size:24px; color:#fff; text-transform:uppercase; float:left; margin:0;}

.f-link-list{ width:1070px; height:auto; position:relative; float:right ; overflow:hidden;}
.f-link-list ul{ margin:0; padding:0;}
.f-link-list ul li{ height:60px; line-height:35px; text-align:center; padding:0 20px; float:left; position:relative;}
.f-link-list ul li a{ font-size:16px; color:#666666;}
.f-link-list ul li a:hover{ color:#47aa01;}














/*footer*/
.g-footer{ width:100%; height:auto; overflow:hidden; position:relative; background:#282828; padding:55px 0 30px; border-top:15px solid #47aa01;}

.f-footer{ width:1200px; height:auto; overflow:hidden; margin:0 auto; position:relative;}


.f-footer-title{ width:100%; height:30px; line-height:30px; font-size:20px; color:#fff; margin-bottom:15px; border-bottom:1px solid #3c3c3c; box-sizing:border-box;}



/*联系方式*/
.f-footer-left{ width:400px; height:auto; overflow:hidden; position:relative; float:left;}

/*留言*/
.f-message{ width:400px; height:auto; overflow:hidden; position: relative;}
.f-message .messageBox{ width:400px; height:auto; margin:0 auto;}
.f-message .messageBox .notice{width:400px; height:35px; line-height:35px; text-align:left; background:none; font-size:14px; color:#999999; padding:0 10px; border:none; margin-bottom:15px;}

.f-message .messageBox .name{width:190px; height:35px; line-height:35px; background:none; font-size:14px; color:#999999; padding:0 10px ; border:none; border-bottom:1px solid #3c3c3c; float:left; box-sizing:border-box; margin-bottom:15px;}
.f-message .messageBox .phone{width:190px; height:35px; line-height:35px; background:none; font-size:14px; color:#999999; padding:0 10px; border:none; border-bottom:1px solid #3c3c3c;  float:right; box-sizing:border-box; margin-bottom:15px;}
.f-message .messages{ width:400px; height:70px; line-height:35px; font-size:14px; color:#999999; border:none; border-bottom:1px solid #3c3c3c; background:none; font-size:14px; color:#fff; padding:0 10px; margin-bottom:30px; box-sizing:border-box;}


.f-message .iuptbut{ width:400px; height:40px; line-height:40px; text-align:center; font-size:14px; color:#fff; border:none; box-sizing:border-box; background:#47aa01; position:relative;}



/*联系方式*/
.f-footer-center{ width:350px; height:auto; overflow:hidden; position:relative; float:left; margin-left:70px;}

.f-footer-tel{ width:236px; height:57px; line-height:67px; font-size:26px; color:#fff; background:url(../pic/tel04.png) center center no-repeat; background-size:cover; padding-left:45px; box-sizing:border-box; margin-bottom:25px;}

.f-lxfs{ width:350px; height:auto; overflow:hidden; position:relative;}
.f-lxfs ul{ margin:0; padding:0;}
.f-lxfs ul li{ width:430px; min-height:30px; line-height:30px; font-size:14px; color:#6a6a6a; overflow:hidden; position:relative; margin-bottom:5px;}


/*分享css样式*/
.fx{ text-align:center; margin:10px 0 0; width:430px; height:30px; position:relative;}
.fx .bdsharebuttonbox{ position:static; display:block; width:100%; text-align:center;padding-top:0px;}

.fx a{ width:30px; height:30px; float:left;}

.bdsharebuttonbox a{width:30px!important;height:30px!important;display:inline-block!important;margin:0 10px 0 0 !important;background:url(../pic/share.png) !important;cursor:pointer!important;opacity:.8!important;position:relative!important;top:0!important;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}

.bdsharebuttonbox a:hover{opacity: 1!important}
.bdsharebuttonbox a.bds_weixin{background-position: 0 0!important;}
.bdsharebuttonbox a.bds_weixin:hover{ background-position:0 -30px !important;}

.bdsharebuttonbox a.bds_tsina{background-position: -30px 0!important;}
.bdsharebuttonbox a.bds_tsina:hover{background-position: -30px -30px!important;}

.bdsharebuttonbox a.bds_tqq{background-position: -60px 0!important;}
.bdsharebuttonbox a.bds_tqq:hover{background-position: -60px -30px!important;}

.bdsharebuttonbox a.bds_qzone{background-position: -180px 0!important;}
.bdsharebuttonbox a.bds_qzone:hover{background-position: -180px -30px!important;}

.bdsharebuttonbox a.bds_renren{background-position: -240px 0!important;}
.bdsharebuttonbox a.bds_renren:hover{background-position: -240px -30px!important;}

.bdsharebuttonbox a.bds_more{background-position: -90px 0!important;}
.bdsharebuttonbox a.bds_more:hover{background-position: -90px -30px!important;}

.bdsharebuttonbox a{ padding-left: 0!important;}
.bds_count { border-left: solid 1px #DDD; padding: 0 12px 0 12px; margin-left: 5px }


.bd_weixin_popup{ box-sizing:content-box;}



/*二维码*/
.f-code{ width:300px; height:auto; position:relative; float:right;}
.f-code ul{ width:300px; margin:0; padding:0; display:flex; justify-content:space-between; margin-top:40px;}
.f-code ul li{ width:120px; height:auto;}

.f-code ul li .m-code-img{ width:120px; height:120px; overflow:hidden; margin-bottom:15px; box-sizing:content-box;}
.f-code ul li .m-code-img img{ width:120px; height:120px;}
.f-code ul li .m-code-txt{ width:120px; height:30px; line-height:30px; text-align:center; font-size:14px; color:#6a6a6a;}

.g-gswj{ width:70px; height:auto; position:absolute; left:50%; margin-left:-35px; bottom:-60px;}

/*icp*/
.g-icp{ width:100%; height:90px; border-top:1px solid #3c3c3c; box-sizing:border-box; position:relative; background:#282828;}
.f-icp{ width:1200px; height:90px; line-height:90px; margin:0 auto;}
.f-icp span{ font-family:微软雅黑; font-size:14px; color:#b6b6b6; height:90px; line-height:90px; margin:0 2px;}
.f-icp a{ font-family:微软雅黑; font-size:14px; color:#b6b6b6;}
.f-icp a:hover{ color:#fff ;}






/*返回顶部*/
.m-top{width:40px;height:40px;text-align:center;position:fixed;_position:absolute;right:0;bottom:57px;cursor:pointer;z-index:10003; background:#47aa01 url(../pic/top.png) 0 0 no-repeat;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;}
.m-top:hover{ background-position:0 -40px;}