/*引用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;}
.t07{
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:#262626; 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:#c5c5c5; 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:#c5c5c5; 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:#c5c5c5;}
.f-ewm ul li a:hover{ color:#0952ae !important;}

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


.m-ewm-icon{ height:40px; line-height:40px; text-align:center; font-size:14px; color:#c5c5c5; 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:110px; background:#fff; position:relative;}
.f-head{ width:1200px; height:110px; margin:0 auto; position:relative;}
.my-logo{ width:379px; height:67px; float:left; margin-top:21px;}



/* 搜索 */
.search_div{width:400px; height:70px; margin:25px 0 0 100px; float:left;position:relative;}
.search_div form {width:400px;height:40px;overflow:hidden; }
.search_div form .search_text {width:330px; height:40px;line-height:40px; font-size:14px; color:#36210b;padding:0 10px; overflow:hidden; box-sizing:border-box; background:#f1f1f1; float:left; border:1px solid #d0d0d0; }
.search_div form .search_submit {width:70px; height:40px; line-height:40px; text-align:center; font-size:16px; color:#fff; background:#0952ae; border:none; float:left; overflow: hidden; box-sizing:border-box;}

.m-search-hot{ width:380px; height:25px; margin-top:5px;}
.m-search-hot ul{ margin:0; padding:0;}
.m-search-hot ul li{ height:30px; line-height:30px; float:left; font-size:14px; color:#333; margin-right:10px;}
.m-search-hot ul li span{ color:#999999; font-weight:bold; margin-right:2px;}
.m-search-hot ul li a{ font-size:14px; color:#333;}
.m-search-hot ul li a:hover{ color:#0952ae;}


/*电话*/
.m-tel{ height:auto; margin:0; box-sizing:border-box; margin-top:30px; float:right;}
.m-tel .m-tel-txt{ height:20px; line-height:20px; text-align:right; font-size:16px; color:#666666; margin:0;}
.m-tel .m-tel-num{ height:30px; line-height:30px; font-size:30px; color:#0952ae; margin:0; background:url(../images/tel01.png) left center no-repeat; padding-left:35px;}




/*导航*/
.g-nav{ width:100%; height:50px; background:#fff; position:relative; border-top:1px solid #eeeeee; box-sizing:border-box;}
.f-nav{ width:1200px; height:50px; margin:0 auto;}
.nav-list{ width:1000px; height:50px; margin:0; padding:0; display:flex; justify-content:space-between; float:left;}
.f-nav li{ width:100px; height:50px; line-height:50px; text-align:center; position:relative; float:left;}
.f-nav li .m-nav-cn{ width:100%; height:50px; text-align:center; font-size:16px; color:#666666; margin:0; position:relative; z-index:99;
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:3px; margin:0; position:absolute; left:50%; top:0px; background:#0952ae; 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:#0952ae;}
.f-nav li a.selected .m-nav-box{ width:100%; opacity:1; margin-left:-50px;}


.f-nav li.selected .submenu{display:block;}
.f-nav li .submenu{display:none;position:absolute;top:50px;left:0; background:#0952ae;}
.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:#0952ae; }


/*入口*/
.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:#e82e21;
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:#0952ae; color:#fff;}





/* 全屏幻灯片样式 */
.g-bd{ width:100%; position:relative;}
.flexslider{ width:100%;position:relative;height:700px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:700px;}
.flex-control-nav{position:absolute; left:50%; margin-left:-70px; bottom:90px; 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(../images/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-platform{ width:100%; height:310px; position:relative; background:#fff; z-index:99999;}

.f-platform{ width:1200px; height:200px; position:absolute; left:50%; top:-80px; margin-left:-600px; background:#fff;
box-shadow:0 5px 13px 1px #ddd;
-webkit-box-shadow:0 5px 13px 1px #ddd;
-moz-box-shadow:0 5px 13px 1px #ddd;
-ms-box-shadow:0 5px 13px 1px #ddd;
-o-box-shadow:0 5px 13px 1px #ddd;}
.f-platform ul{ margin:0; padding:0;}
.f-platform ul li{ width:240px; height:200px; position:relative; float:left; border-right:1px solid #dddddd; padding-top:40px; box-sizing:border-box;}
.f-platform-img{ width:79px; height:79px; margin:0 auto 15px; position:relative;}
.f-platform-title{ width:240px; height:30px; line-height:30px; text-align:center; font-size:18px; color:#666666; margin:0 auto;}

.f-platform ul li:hover .f-platform-title{ color:#0952ae;}


.m-platform{ width:1200px; height:100px; margin:0 auto; position:relative; top:170px;}
.m-platform ul{ margin:0; padding:0;}
.m-platform ul li{ width:400px; height:100px; position:relative; float:left;box-sizing:border-box;}
.m-platform-title{ width:100%; height:35px; line-height:35px; text-align:center; font-size:22px; color:#0952ae; font-weight:bold; margin:0 auto 15px;}
.m-platform-line{ width:40px; height:1px; line-height:1px; background:#e82e21; margin:0 auto 15px;}
.m-platform-desc{ width:100%; height:20px; line-height:20px; text-align:center; font-size:14px; color:#666666; margin:0 auto;}



/*标题*/
.f-title{ width:1200px; height:auto; text-align:center; overflow:hidden; margin:0 auto 20px; position:relative;}
.f-title-cn{ height:40px; line-height:40px; font-size:36px; font-weight:bold; margin-bottom:5px;}
.f-title-line{ width:65px; height:3px; background:#363a79; margin:0 auto 10px;}
.f-title-ms{ height:30px; line-height:30px; font-size:16px; margin-bottom:0;}
.f-title-white{ color:#fff;}
.f-title-blue{ color:#0952ae;}
.f-title-gray{ color:#999999;}
.f-title-black{ color:#333333;}



/*平台介绍*/
.g-about{ width:100%; height:auto; padding:65px 0 0; box-sizing:border-box; background:url(../images/about-bj.jpg) top center no-repeat;}

.f-about{ width:1200px; height:400px; margin:30px auto 0; background:#fff; padding:35px 40px; box-sizing:border-box;
box-shadow:0 5px 13px 1px #ddd;
-webkit-box-shadow:0 5px 13px 1px #ddd;
-moz-box-shadow:0 5px 13px 1px #ddd;
-ms-box-shadow:0 5px 13px 1px #ddd;
-o-box-shadow:0 5px 13px 1px #ddd;}

.f-about-img{ width:400px; height:325px; float:left; position:relative;}


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

.m-about-title{ height:30px; line-height:30px; font-size:22px; color:#333333; margin-bottom:10px;}
.m-about-line{ width:50px; height:2px; margin-bottom: 30px; background:#12237b;}
.m-about-desc{ width:640px; height:120px; line-height:30px; overflow:hidden; position:relative;}
.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:#0952ae;}



.m-about-bottom{ width:640px; height:60px; margin:40px auto 0;}

.m-about-more{ width:130px; height:35px; line-height:35px; text-align:center; overflow:hidden; position:relative; margin-top:20px; float:left;}
.m-about-more a{ width:130px; height:35px; display:block; box-sizing:border-box; background:#0952ae url(../images/arrow01.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-about-tel{ height:60px; text-align:right; background:url(../images/tel02.png) left center no-repeat; padding:5px 0 0 80px; margin:0; box-sizing:border-box; float:right;}
.m-about-tel .m-about-wz{ height:20px; line-height:20px; text-align:left; font-size:16px; color:#666666; margin-bottom:10px;}
.m-about-tel .m-about-num{ height:20px; line-height:20px; font-size:30px; color:#e82e21; margin:0;}




.m-about-list{ width:1200px; height:100px; position:relative; margin:40px auto 60px; box-sizing:border-box;}
.m-about-list ul{ width:1200px; margin:0; padding:0; display:flex; justify-content:space-around;}
.m-about-list ul li{ width:220px; height:100px; position:relative; overflow:hidden; padding:25px 20px 0; box-sizing:border-box; background:#fff;
box-shadow:0 5px 13px 1px #ddd;
-webkit-box-shadow:0 5px 13px 1px #ddd;
-moz-box-shadow:0 5px 13px 1px #ddd;
-ms-box-shadow:0 5px 13px 1px #ddd;
-o-box-shadow:0 5px 13px 1px #ddd;}
.m-about-txt{ width:150px; height:45px; float:left; position:relative;}
.m-about-cn{ width:100%; height:25px; line-height:25px; font-size:18px; color:#333333; margin:0 auto; position:relative; z-index:999;}
.m-about-en{ width:100%; height:20px; line-height:20px; font-size:14px; color:#999999; margin:0 auto; position:relative; z-index:999;}
.m-about-icon{ width:25px; height:25px; line-height:25px; text-align:center; font-size:30px; color:#0952ae; float:right; position:relative; margin-top:10px;}

.m-about-list ul li:hover{ background:#0952ae;}
.m-about-list ul li:hover .m-about-cn{ color:#fff;}
.m-about-list ul li:hover .m-about-en{ color:#fff;}
.m-about-list ul li:hover .m-about-icon{ color:#e82e21;}


/*服务领域*/
.f-service{ width:1200px; height:auto; overflow:hidden; margin:20px auto 50px; position:relative;}
.f-service .hd{ width:270px; height:35px; overflow:hidden; margin:50px auto 0;}
.f-service .hd .prev{ display:block; width:130px; height:35px; float:left; overflow:hidden; cursor:pointer; background:url(../images/prev.png) left 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;}
.f-service .hd .prev:hover{ background-position:right center;}
.f-service .hd .next{ display:block; width:130px; height:35px; float:right; overflow:hidden; cursor:pointer; background:url(../images/next.png) right 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;}
.f-service .hd .next:hover{ background-position:left center;}
		
.f-service .bd{ width:1200px; height:auto; overflow:hidden; position:relative;}
.f-service .bd ul{ margin:0; padding:0;}
.f-service .bd ul li{ width:230px; height:500px; margin-right:13px; float:left; _display:inline; overflow:hidden; position:relative;}

.m-service-box{ width:230px; height:370px; position:absolute; overflow:hidden;}
.m-service-img{ width:230px; height:370px; position:relative; overflow:hidden; margin:0;}


.m-service-txt{ width:230px; height:130px; position:absolute; overflow:hidden; background:#fff;}
.m-service-line{ width:40px; height:1px; background:#0952ae; position:absolute; left:50%; margin:0 0 0 -20px;}
.m-service-title{ width:230px; height:30px; line-height:30px; text-align:center; font-size:18px; color:#333333; position:absolute; text-overflow:ellipsis; white-space: nowrap; margin:0;}
.m-service-num{ width:230px; height:30px; line-height:30px; text-align:center; font-size:18px; color:#dddddd; position:absolute; text-overflow:ellipsis; white-space: nowrap; margin:0;}


.f-service .bd ul li:hover .m-service-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-service .bd ul li:hover .m-service-title{ color:#0952ae;}


.f-service .bd ul li:nth-child(odd) .m-service-box{ top:0; left:0;}
.f-service .bd ul li:nth-child(odd) .m-service-txt{ bottom:0; left:0;}
.f-service .bd ul li:nth-child(odd) .m-service-line{ top:30px;}
.f-service .bd ul li:nth-child(odd) .m-service-title{ top:50px;}
.f-service .bd ul li:nth-child(odd) .m-service-num{ top:80px;}

.f-service .bd ul li:nth-child(even) .m-service-box{ bottom:0; left:0;}
.f-service .bd ul li:nth-child(even) .m-service-txt{ top:0; left:0;}
.f-service .bd ul li:nth-child(even) .m-service-line{ top:100px;}
.f-service .bd ul li:nth-child(even) .m-service-title{ top:50px;}
.f-service .bd ul li:nth-child(even) .m-service-num{ top:20px;}



/*平台优势*/
.g-adv{ width:100%; height:520px; padding:80px 0 0; box-sizing:border-box; background:url(../images/adv-bj.jpg) top center no-repeat;}

.f-adv{ width:780px; height:270px; margin:60px auto 0; position:relative;}
.f-adv ul{ margin:0; padding:0;}
.f-adv ul li{ width:120px; height:120px; position:absolute; overflow:hidden; padding:30px 20px 0; box-sizing:border-box; background:#fff;
border-radius:200px;
-webkit-border-radius:200px;
-moz-border-radius:200px;
-ms-border-radius:200px;
-o-border-radius:200px;}
.m-adv-num{ height:30px; line-height:30px; text-align:center; font-size:30px; color:#e82e21; font-weight:bold;  position:relative; margin-bottom:5px;}
.m-adv-title{ height:25px; line-height:25px; text-align:center; font-size:18px; color:#333333; font-weight:bold;  position:relative; margin-bottom:0;}


.f-adv ul li:nth-child(1){ left:0; bottom:0;}
.f-adv ul li:nth-child(2){ left:150px; top:0;}
.f-adv ul li:nth-child(3){ left:510px; top:0;}
.f-adv ul li:nth-child(4){ left:660px; bottom:0;}


/*招商加盟*/
.g-join{ width:100%; height:640px; position:relative; padding:80px 0 0; box-sizing:border-box; background:url(../images/join-bj.jpg) bottom center no-repeat;}


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

.f-join{ width:800px; height:auto; overflow:hidden; float:left; position:relative;}
.f-join .hd{ width:800px; height:115px; position:relative; background:url(../images/join-line.jpg) left 95px no-repeat;  }
.f-join .hd ul{ margin:0; padding:0;}
.f-join .hd ul li{ width:80px; height:115px; position:relative; float:left; margin-left:50px; cursor:pointer;  }

.f-join-icon{ width:40px; height:40px; position:relative; margin:0 auto 10px;}
.f-join-icon-off{ position:absolute; top:0; left:0; opacity:1; margin:0;}
.f-join-icon-on{ position:absolute; top:0; left:0; opacity:0; margin:0;}
.f-join-title{ width:80px; height:25px; line-height:25px; text-align:center; font-size:16px; color:#333333; margin:0 auto 10px;}
.f-join-dot{ width:20px; height:20px; position:relative; margin:0 auto;}
.f-join-dot-off{ position:absolute; top:0; left:0; opacity:1; margin:0;}
.f-join-dot-on{ position:absolute; top:0; left:0; opacity:0; margin:0;}

.f-join .hd ul li.on .f-join-icon-off{ opacity:0;}
.f-join .hd ul li.on .f-join-icon-on{ opacity:1;}
.f-join .hd ul li.on .f-join-dot-off{ opacity:0;}
.f-join .hd ul li.on .f-join-dot-on{ opacity:1;}
.f-join .hd ul li.on .f-join-title{ color:#e82e21;}


.f-join .bd{ margin:30px auto 0; position:relative;}
.f-join .bd .m-join{ width:800px; height:300px; padding:50px 30px 0 100px; background:#0952ae; box-sizing:border-box; position:relative;}

.m-join-title{ width:600px; height:55px; line-height:40px; font-size:24px; color:#fff; background:url(../images/join-x.png) bottom center no-repeat; margin-bottom:20px;}
.m-join-desc{ width:600px; height:75px; line-height:25px; font-size:14px; color:#ffffff; overflow:hidden; margin-bottom:40px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.m-join-desc a{ font-size:14px; color:#fff;}
.m-join-desc a:hover{ color:#fff;}

.m-join-more{ width:130px; height:35px; line-height:35px; text-align:center; float:right;}
.m-join-more a{ width:130px; height:35px; display:block; background:#e82e21 url(../images/arrow01.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-join-more a:hover{ background:#fff url(../images/arrow02.png) center center no-repeat}



/*右边*/
.f-join-right{ float:right; position:relative;}
.t-r{ text-align:right;}



/*电话*/
.m-join-tel{ height:60px; text-align:right; background:url(../images/tel03.png) left center no-repeat; padding:5px 0 0 80px; margin:0; box-sizing:border-box; margin-top:300px;}
.m-join-tel .m-join-wz{ height:20px; line-height:20px; text-align:left; font-size:16px; color:#fff; margin-bottom:10px;}
.m-join-tel .m-join-num{ height:20px; line-height:20px; text-align:left; font-size:30px; color:#fff; margin:0;}





/*运营支持*/
.g-support{ width:100%; height:auto; position:relative; padding:40px 0 70px; box-sizing:border-box; background:#fff;}


.f-support{ width:1200px; height:400px; margin:0 auto; position:relative; background:url(../images/support-img.jpg) right center no-repeat;}
.f-support .hd{ width:840px; height:120px; position:relative; background:#fff; margin:25px 0 0;
box-shadow:0 5px 13px 1px #ddd;
-webkit-box-shadow:0 5px 13px 1px #ddd;
-moz-box-shadow:0 5px 13px 1px #ddd;
-ms-box-shadow:0 5px 13px 1px #ddd;
-o-box-shadow:0 5px 13px 1px #ddd;}
.f-support .hd ul{ margin:0; padding:0;}
.f-support .hd ul li{ width:140px; height:115px; position:relative; float:left; cursor:pointer; padding-top:25px; box-sizing:border-box;  }

.f-support-icon{ width:40px; height:40px; position:relative; margin:0 auto 10px;}
.f-support-icon-off{ position:absolute; top:0; left:0; opacity:1; margin:0;}
.f-support-icon-on{ position:absolute; top:0; left:0; opacity:0; margin:0;}
.f-support-title{ width:140px; height:25px; line-height:25px; text-align:center; font-size:16px; color:#333333; margin:0 auto 10px;}

.f-support .hd ul li.on .f-support-icon-off{ opacity:0;}
.f-support .hd ul li.on .f-support-icon-on{ opacity:1;}
.f-support .hd ul li.on .f-support-title{ color:#e82e21;}


.f-support .bd{ margin:0; position:relative;}
.f-support .bd .m-support{ width:540px; height:220px; padding:15px 0 0; box-sizing:border-box; position:relative;}

.m-support-title{ width:540px; height:30px; line-height:30px; font-size:24px; color:#333333;margin-bottom:10px;}
.m-support-line{ width:50px; height:2px; background:#0952ae; margin-bottom:20px;}
.m-support-desc{ width:540px; height:75px; line-height:25px; overflow:hidden; margin-bottom:30px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.m-support-desc a{ font-size:14px; color:#666666;}
.m-support-desc a:hover{ color:#0952ae;}

.m-support-more{ width:130px; height:35px; line-height:35px; text-align:center;}
.m-support-more a{ width:130px; height:35px; display:block; background:#e82e21 url(../images/arrow01.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-support-more a:hover{ background:#0952ae url(../images/arrow01.png) center center no-repeat}




/*入驻商家*/
.g-shop{ width:100%; height:auto; position:relative; padding:80px 0 70px; box-sizing:border-box; background:#f2f2f2;}
.f-shop{ width:1200px; height:auto; overflow:hidden; margin:40px auto 0; position:relative;}

.f-shop .hd{ width:1200px; height:20px; overflow:hidden; position:relative; box-sizing:border-box; margin:30px auto 0;}
.f-shop .hd ul{ width:1200px; height:20px; text-align:center;}
.f-shop .hd ul li{ width:12px; height:12px; overflow:hidden; margin:0 10px; text-indent:-999px; cursor:pointer; background:url(../images/sj-dot.png) left center no-repeat; display:inline-block;}
.f-shop .hd ul li.on{ background-position:right center; }


.f-shop .bd{ width:1200px; height:210px; position:relative; overflow:hidden;  }
.f-shop .bd ul{ margin:0; padding:0; }

.f-shop .bd li{ width:190px; height:100px; position:relative; overflow:hidden; float:left; margin:0 12px 10px 0;}
.f-shop .bd ul li:nth-child(6n){ margin-right:0;}
.f-shop .bd ul li:nth-child(n+7){ margin-bottom:0;}
.f-shop .bd li .m-shop-img{width:190px; height:100px; margin:0;}
.f-shop .bd li .m-shop-title{ width:190px; height:30px; line-height:30px; text-align:center; font-size:14px; color:#fff; background:rgba(9,82,174,0.8); position:absolute; left:0; bottom:-30px; margin:0; opacity:0; z-index:9;}

.f-shop .bd li:hover .m-shop-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-shop .bd li:hover .m-shop-title{ bottom:0; opacity:1;}



/*工程广告  产品广告  通告*/
.g-center{ width:100%; height:auto; position:relative; padding:60px 0; box-sizing:border-box; background:#fff;}
.f-center{ width:1200px; height:auto; overflow:hidden; margin:0 auto; position:relative;}

/*工程广告*/
.f-gc{ width:460px; height:auto; overflow:hidden; margin-right:20px; float:left;}
.f-gc-title{ width:460px; height:40px; line-height:40px; text-align:center; margin-bottom:15px; background:url(../images/t01.jpg) center center no-repeat;}
.f-gc-title a{ font-size:18px; color:#fff; display:block;}
.f-gc-title a:hover{ color:#fff;}

.m-gc{ width:460px; height:auto; overflow:hidden; position:relative;}
.m-gc ul{ margin:0; padding:0;}
.m-gc ul li{ width:460px; height:100px; position:relative; margin-bottom:5px;}
.m-gc ul li:last-child{ margin-bottom:0;}

.m-gc-box{ width:180px; height:100px; float:left; overflow:hidden; position:relative;}
.m-gc-img{ width:180px; height:100px; overflow:hidden; position:relative; margin:0;}

.m-gc-txt{ width:270px; height:100px; float:right; overflow:hidden; position:relative; padding-top:5px; box-sizing:content-box;}
.m-gc-title{ width:270px; height:50px; line-height:25px; font-size:16px; color:#333333; margin-bottom:20px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.m-gc-date{ width:270px; height:20px; line-height:20px; font-size:14px; color:#999999;  margin-bottom:0; overflow:hidden;}


.m-gc ul li:hover .m-gc-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-gc ul li:hover .m-gc-title{ color:#5ab43d;}


/*产品广告*/
.f-cp{ width:350px; height:auto; overflow:hidden; margin-right:20px; float:left;}
.f-cp-title{ width:350px; height:40px; line-height:40px; text-align:center; font-size:18px; color:#0952ae; margin-bottom:15px; background:url(../images/t02.jpg) center center no-repeat;}

.m-cp{ width:350px; height:auto; overflow:hidden; position:relative;}
.m-cp ul{ margin:0; padding:0;}
.m-cp ul li{ width:350px; height:100px; position:relative; margin-bottom:5px;}
.m-cp ul li:last-child{ margin-bottom:0;}


/*通告*/
.f-tg{ width:350px; height:auto; overflow:hidden; float:left;}
.f-tg-title{ width:350px; height:40px; line-height:40px; text-align:center; margin-bottom:15px; background:url(../images/t03.jpg) center center no-repeat;}
.f-tg-title a{ font-size:18px; color:#fff; display:block;}
.f-tg-title a:hover{ color:#fff;}

.m-tg{ width:350px; height:auto; overflow:hidden; position:relative;}
.m-tg ul{ margin:0; padding:0;}
.m-tg ul li{ width:350px; height:47px; position:relative; border-bottom:1px dotted #dddddd; box-sizing:border-box;}


.m-tg-title{ width:290px; height:47px; line-height:47px; font-size:16px; color:#333333; margin-bottom:0; float:left; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.m-tg-date{ height:47px; line-height:47px; font-size:14px; color:#999999;  margin-bottom:0; overflow:hidden; float:right;}

.m-tg ul li:hover .m-tg-title{ color:#7fc8fa;}


/*人才库*/
.g-job{ width:100%; height:auto; overflow:hidden; padding:60px 0; box-sizing:border-box; background:#f2f2f2;}



.f-job-box{ width:1200px; height:60px; position:relative; border:1px solid #dddddd; border-bottom:none; box-sizing:border-box; margin:0 auto; background:#fff;}
.f-job-title{ width:150px; height:60px; line-height:60px; font-size:18px; color:#fff; font-weight:bold; background:#0952ae; padding-left:20px; box-sizing:border-box; float:left; margin:0;}
.f-job-title i{ color:#e82e21;}


.f-job-item{ max-width:900px; height:60px; overflow:hidden; position:relative; float:left; margin:0 0 0 20px;}
.f-job-item ul{ margin:0; padding:0;}
.f-job-item ul li{ height:60px; line-height:60px; position:relative; box-sizing:border-box; float:left;}
.f-job-item ul li a{ font-size:16px; color:#666666; padding:0 20px; box-sizing:border-box;}
.f-job-item ul li a:hover{ color:#0952ae;}
.f-job-item ul li:last-child{ margin-bottom:0;}

.f-job-more{ height:60px; line-height:60px; position:relative; float:right; margin:0 20px 0 0;}
.f-job-more a{ font-size:16px; color:#666666; box-sizing:border-box;}
.f-job-more a:hover{ color:#0952ae;}



.f-job{ width:1200px; height:auto; overflow:hidden; margin:0 auto; position:relative; background:#fff; border:1px solid #dddddd; padding:20px; box-sizing:border-box;}

/*左边*/
.m-job{ width:740px; height:auto; overflow:hidden; float:left; position:relative;}
.m-job ul{ margin:0; padding:0;}
.m-job ul li{ width:140px; height:210px; float:left; overflow:hidden; margin:0 10px 10px 0; position:relative;}
.m-job ul li:nth-child(5n){ margin-right:0;}
.m-job ul li:nth-child(n+6){ margin-bottom:0;}

.m-job-box{ width:140px; height:160px; position:relative; overflow:hidden; margin-bottom:5px;}
.m-job-img{ width:140px; height:160px; position:relative; overflow:hidden; margin:0;}
.m-job-title{ width:120px; height:20px; line-height:20px; text-align:center; font-size:16px; color:#333333; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; margin:0 auto 5px;}
.m-job-desc{ width:120px; height:20px; line-height:20px; text-align:center; font-size:12px; color:#666666; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; margin:0 auto;}


.m-job ul li:hover .m-job-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-job ul li:hover .m-job-title{ color:#0952ae;}



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

.m-job-top{ width:390px; height:20px; margin:0 auto 10px;}
.m-job-bt{ height:20px; line-height:20px; font-size:16px; color:#0952ae; font-weight:bold; box-sizing:border-box; float:left; margin:0;}
.m-job-bt i{ color:#e82e21;}

.m-job-more{ height:20px; line-height:20px; position:relative; float:right; margin:0;}
.m-job-more a{ font-size:16px; color:#666666; box-sizing:border-box;}
.m-job-more a:hover{ color:#0952ae;}

.m-job-lb{ width:390px; height:auto; overflow:hidden; position:relative;}
.m-job-lb ul{ margin:0; padding:0;}
.m-job-lb ul li{ width:390px; height:47px; position:relative; border-bottom:1px dotted #dddddd; box-sizing:border-box;}
.m-job-lb ul li:last-child{ border:none;}

.m-job-list-title{ width:330px; height:47px; line-height:47px; font-size:16px; color:#333333; margin-bottom:0; float:left; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.m-job-list-date{ height:47px; line-height:47px; font-size:14px; color:#999999;  margin-bottom:0; overflow:hidden; float:right;}

.m-job-lb ul li:hover .m-job-list-title{ color:#0952ae;}  



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


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


.f-news-title{ height:40px; line-height:40px; font-size:16px; color:#999999; float:left; margin:0;}
.f-news-title span{ font-size:36px; color:#0952ae; font-weight:bold; margin-right:10px;}


.f-news .hd{ width:1200px; height:40px; position:relative; overflow:hidden; margin:0 auto;}
.f-news .hd ul{ width:770px; height:40px; float:right; margin:0; padding:0;}
.f-news .hd ul li{ width:120px; height:40px; line-height:38px; text-align:center; font-size:16px; color:#666; float:left; position:relative; border:1px solid #dddddd; cursor:pointer; margin-right:10px;
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;
border-radius:200px;
-webkit-border-radius:200px;
-moz-border-radius:200px;
-ms-border-radius:200px;
-o-border-radius:200px;}
.f-news .hd ul li:last-child{ margin-right:0;}

.f-news .hd ul li.on{ background:#e82e21; color:#fff; border-color:#e82e21;}






 

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


.slideBox{ width:1200px; height:auto; margin:0 auto; position:relative;}
.slideBox .innerHd{ width:1200px; overflow:hidden; height:20px; position:relative; margin:35px auto 0;}
.slideBox .innerHd ul{ width:1200px; height:12px; text-align:center; margin:0;}
.slideBox .innerHd ul li{ width:12px; height:12px; line-height:100px; overflow:hidden; margin:0 5px; text-indent:-999px; cursor:pointer; background:url(../images/sj-dot.png) left center no-repeat; display:inline-block;
border-radius:200px;
-webkit-border-radius:200px;
-moz-border-radius:200px;
-ms-border-radius:200px;
-o-border-radius:200px;}
.slideBox .innerHd ul li.on{ background-position:right center; }





.slideBox .innerBd{ width:1200px !important; height:auto; overflow:hidden; position:relative; margin:0 auto;}
.slideBox .innerBd ul{ width:1200px; height:auto; position:relative; overflow:hidden; margin:0; padding:0; }
.slideBox .innerBd ul li{ width:380px; height:380px; float:left; _display:inline; overflow:hidden; position:relative; margin-right:30px;}


.m-news-pic{ width:380px; height:200px; position:relative; overflow:hidden; margin-bottom:20px;}
.m-news-img{ width:380px; height:200px; position:relative; margin:0; overflow:hidden;}



.m-news-title{ width:380px; height:25px; line-height:25px; font-size:16px; color:#333333; position:relative; overflow:hidden; margin:0 auto 15px; text-overflow:ellipsis; white-space: nowrap;}
.m-news-desc{ width:380px; height:50px; line-height:25px; font-size:14px; color:#999999; position:relative; margin:0 auto 20px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}

.m-news-txt{ width:380px; height:50px; position:relative; overflow:hidden; margin:0 auto; border-top:1px solid #dddddd; padding-top:20px; box-sizing:border-box;}
.m-news-line{ width:0; height:1px; position:absolute; left:0; top:0; margin:0; background:#0952ae; opacity:0;}
.m-news-date{ height:25px; line-height:25px; font-size:16px; color:#999999; font-weight:bold; margin:0; background:url(../images/more.png) right center no-repeat;}


.slideBox .innerBd ul li:hover .m-news-txt{ opacity:1;}
.slideBox .innerBd ul li:hover .m-news-title{ color:#0952ae;}
.slideBox .innerBd ul li:hover .m-news-line{ opacity:1; width:380px;}

.slideBox .innerBd ul li:hover .m-news-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);}





/*联系我们*/
.g-contact{ width:100%; height:520px; overflow:hidden; padding:190px 0 0; box-sizing:border-box; background:url(../images/contact-bj.jpg) center center no-repeat;}

/*联系我们*/
.f-contact{ width:1200px; height:460px; margin:0 auto; position:relative; padding:0 40px; box-sizing:border-box;}


/*左边*/
.f-contact-left{ width:500px; height:auto; overflow:hidden; float:left; position:relative; box-sizing:border-box; box-sizing:border-box;}

/*留言*/
.f-message{ width:500px; height:auto; overflow:hidden; position: relative;}
.f-message .messageBox{ width:500px; height:auto; margin:0 auto;}
.f-message .messageBox .notice{width:500px; 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:240px; height:35px; line-height:35px; background:#fff url(../images/m-i01.png) 10px center no-repeat; font-size:14px; color:#999999; padding:0 10px 0 30px; border:1px solid #dddddd; float:left; box-sizing:border-box; margin-bottom:15px;}
.f-message .messageBox .phone{width:240px; height:35px; line-height:35px; background:#fff url(../images/m-i02.png) 10px center no-repeat; font-size:14px; color:#999999; padding:0 10px 0 30px; border:1px solid #dddddd;  float:right; box-sizing:border-box; margin-bottom:15px;}
.f-message .messages{ width:500px; height:100px; line-height:35px; font-size:14px; color:#999999; border:none; border:1px solid #dddddd; background:#fff url(../images/m-i03.png) 10px 13px no-repeat; font-size:14px; color:#999999; padding:0 10px 0 30px; margin-bottom:27px; box-sizing:border-box;}


/*右边*/
.f-message .iuptbut{ width:150px; height:40px; line-height:40px; text-align:center; font-size:16px; color:#fff; border:none; box-sizing:border-box; background:#0952ae; position:relative;}


.f-contact-right{ width:500px; height:auto; overflow:hidden; position:relative; float:right;}
.f-lxwm{ width:500px; height:auto; overflow:hidden; position:relative;}
.f-lxwm ul{ margin:0; padding:0;}
.f-lxwm ul li{ width:500px; min-height:30px; line-height:30px; font-size:14px; color:#999999;}


/*分享css样式*/
.fx{ text-align:center; margin:25px 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(../images/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;}



/*footer*/
.g-footer{ width:100%; height:auto; overflow:hidden; padding:60px 0 0; background:#f2f2f2;}


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



.f-footer-title{ width:100%; height:45px; line-height:30px; font-size:24px; color:#fff; margin-bottom:25px;}



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

.f-lxfs{ width:410px; height:auto; overflow:hidden; position:relative; margin-top:15px;}
.f-lxfs ul{ margin:0; padding:0;}
.f-lxfs ul li{ width:410px; min-height:30px; line-height:30px; font-size:16px; color:#fff; overflow:hidden; position:relative; margin-bottom:10px;}




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

/*底部导航*/
.m-footer-nav{ float:left;}
.m-footer-nav ul{ width:100px; float:left; margin-right:70px; padding:0;}
.m-footer-nav ul:last-child{ margin:0;}
.m-dt{ width:100px; height:25px !important; line-height:25px; font-size:16px; color:#333333; margin-bottom:15px !important; padding:0 !important;}
.m-dt i{ font-size:18px; color:#0952ae; font-weight:bold;}
.m-footer-nav ul li{ width:100px; height:25px; line-height:25px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; margin-bottom:5px; padding-left:15px; box-sizing:border-box;}
.m-footer-nav ul li:last-child{ margin:0;}
.m-footer-nav ul li a{ font-size:14px; color:#666666;}
.m-footer-nav ul li a:hover{ color:#0952ae;}



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

.f-code ul li .m-code-img{ width:120px; height:120px; overflow:hidden; padding:5px; border:1px solid #dddddd; box-sizing:border-box;}
.f-code ul li .m-code-img img{ width:110px; height:110px; margin:0 auto;}
.f-code ul li .m-code-txt{ width:120px; height:30px; line-height:30px; text-align:center; font-size:14px; color:#999999;}


/*icp*/
.g-icp{ width:100%; height:50px; border-top:1px solid #dddddd; box-sizing:border-box; position:relative; background:#f2f2f2;}
.f-icp{ width:1200px; height:50px; line-height:50px; margin:0 auto;}
.f-icp span{ font-family:微软雅黑; font-size:14px; color:#999999; height:50px; line-height:50px; margin:0 2px;}
.f-icp a{ font-family:微软雅黑; font-size:14px; color:#999999;}
.f-icp a:hover{ color:#0952ae ;}

                 
 
          


/*返回顶部*/
.m-top{width:40px;height:40px;text-align:center;position:fixed;_position:absolute;right:0;bottom:57px;cursor:pointer;z-index:10003; background:#0952ae url(../images/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;}