/*引用reset*/
@import url("?public/css/reset.css");
@import url("?public/css/animation.css");
@import url("?public/css/hover-min.css");
@import url("?public/css/tools.css");

body{font-family: 微软雅黑; line-height: 1.8; font-size: 14px; }
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;}     /* <a>标签  hover 基础颜色 */



   /*  右侧工具栏目颜色设置 */
  .m-bottom_tools .item{ background-color:#eee;}      /* 图标正常状态 背景颜色 */
  .m-bottom_tools .item:hover{ background-color: #61b651;}     /* 图标hover状态 背景颜色 */
  .m-bottom_tools .telnum{ background-color: #61b651;}		/* 图标   电话号码  hover状态 背景颜色 */


   /*  左侧边栏 样式设置 */
.m-left_column01 .title{ background:#42ab18; color:#a7e9d6;}  /* 栏目标题前景色背景色 */
.m-list-product01 li:hover{ border:1px solid #42ab18;}  /* 栏目分类hover 颜色效果 */
.m-left_column01 .left_column_bd{ background:#2b3141;} /* 栏目主体背景色 */
.m-left_column01 .m-menu-list-simple li a:hover{ background:#64a637;}     /* 栏目  分类   hover   效果 */
.m-left_column01 .m-menu-list-simple .True a{ background:#10a64f url(../images/ico_nowchannel.png) center right no-repeat;} /* 栏目  当前分类   颜色效果 */

/* 全屏幻灯片样式 */
.g-bd{ width:100%; height:550px;}
.flexslider{position:relative;height:550px;overflow:hidden;background:url(?public/images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:550px;}
.flex-control-nav{position:absolute;bottom:20px;z-index:2;width:100%;text-align:center; display:none; opacity:0;}
.flex-control-nav li{display:inline-block;width:15px;height:15px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:15px;height:15px;line-height:40px;overflow:hidden;cursor:pointer;}
.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:40px;height:40px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(?public/images/left.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;
-o-transition:all 0.5s ease-out 0s;}
.flex-direction-nav li a.flex-prev:hover{ background-position:-40px 0;}
.flex-direction-nav li a.flex-next{right:40px;background:url(?public/images/right.png) -40px 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;
-o-transition:all 0.5s ease-out 0s;}
.flex-direction-nav li a.flex-next:hover{ background-position:0 0;}



/*main_style*/

.g-top{ width:100%; height:30px; background:#202020;}
.f-top{ width:1200px; height:30px; margin:0 auto;}

.m-top-left{ float:left; height:30px; line-height:30px; font-size:13px; color:#cdcdcd; padding-left:25px; box-sizing:content-box; background:url(?public/images/home.png) left center no-repeat;}

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

.f-ewm{ float:left;}
.f-ewm ul li{  height:30px; float:left; position:relative; cursor:pointer; margin-right:25px;}

.m-wechat{ width:100px; height:30px; line-height:30px; position:relative; font-family:微软雅黑; font-size:14px; color:#cecece; background:url(?public/images/wx.png) left center no-repeat; padding-left:30px;}
.weixin .show_weixin{ display:none; position:absolute; top:30px;  z-index:99999999999;}
.weixin .show_weixin img{ width:90px; height:90px; padding:15px 5px 5px; background:url(?public/images/er-bj.png) center center no-repeat; box-sizing:content-box;}


.m-wap{ width:80px; height:30px; line-height:30px; position:relative;font-family:微软雅黑; font-size:14px; color:#cecece; background:url(?public/images/sj.png) left center no-repeat; padding-left:20px; }
.wap .show_wap{ display:none; position:absolute; top:30px;  z-index:99999999999;}
.wap .show_wap img{ width:90px; height:90px; padding:15px 5px 5px; background:url(?public/images/er-bj.png) center center no-repeat; position:relative; z-index:99999999999; box-sizing:content-box;}









.g-head{ width:100%; height:185px; background:url(?public/images/line.jpg) 0 135px no-repeat; }
.f-head{ width:1200px; height:185px; margin:0 auto;}

.my-logo{ width:150px; height:185px; float:left;}

.m-head{ width:1050px; height:185px; float:right;}

.m-up{ width:1050px; height:135px;}

.my-logo2{ width:482px; height:52px; float:left; margin:45px 0 0 35px;}


.f-tel{height:40px; line-height:40px; float:right; background:url(?public/images/tel.jpg) left center no-repeat; margin:50px 0 0; padding-left:95px; box-sizing:content-box; font-size:41px; color:#333333; font-weight:bold;} 




/*导航*/
.f-nav{ width:1050px; height:50px;margin:0 auto;}
.f-nav li{float:left;height:50px; line-height:50px;position:relative; }
.f-nav li img{ position:relative; top:0;}
.m-nav-img{ margin:0 4px;}
.f-nav li.last{background:none;}
.f-nav li a{float:left;display:block; width:130px; height:50px; text-align:center; line-height:50px; }
.f-nav li a:hover{}
.f-nav li a span{float:left;display:block; width:130px; height:50px; line-height:50px;cursor:pointer; font-family:"Microsoft YaHei";text-align:center;  color:#333333; font-size:16px;}
.f-nav li a span:hover{background:#326cb6; color:#fff;}

.f-nav li a.selected span{ background:#326cb6; color:#fff;}
.f-nav li.selected .submenu{display:block;}
.f-nav li .submenu{display:none;position:absolute;top:50px;left:0px; background:#fff;}
.f-nav li .submenu{width:130px; text-align: center;}
.f-nav li .submenu{ z-index:9999;}
.f-nav li .submenu li{float:none;padding:0;background:none; width:130px;height:45px; line-height:45px; margin:0 auto; }
.f-nav li .submenu li a{padding:0; font-size:16px; font-family:"Microsoft YaHei";height:45px; line-height:45px; color:#333333; width:130px; margin:0 auto;}
.f-nav li .submenu li a:hover{background:#326cb6; color:#fff; }



/*公告*/
.g-gg{ width:100%; height:40px; padding:20px 0; box-sizing:content-box; position:relative; background:#e7ecf4;}
.f-gg{ width:1200px; height:40px; margin:0 auto;}

.f-xwgg{ width:107px; height:40px; line-height:40px; text-align:center; font-size:14px; color:#333; float:left;}

.f-xw-txt{ width:1050px; height:40px; position:relative; top:0; float:left;}
.f-xw-txt .hd{ width:100px; float:right; overflow:hidden;  height:40px;}
.f-xw-txt .hd .prev{ display:block;  width:40px; height:40px; float:right; margin:0 5px; overflow:hidden; cursor:pointer; background:url(?public/images/prev.jpg) 0 0 no-repeat;}
.f-xw-txt .hd .next{ display:block;  width:40px; height:40px; float:right; margin:0 5px; overflow:hidden; cursor:pointer; background:url(?public/images/next.jpg) 0 0 no-repeat;}

.f-xw-txt .bd{ width:938px; height:38px; border:1px solid #326cb6; overflow:hidden; float:left; background:#326cb6;    }
.f-xw-txt .bd ul{ overflow:hidden; zoom:1; }
.f-xw-txt .bd ul li{ width:810px; float:left; height:38px; line-height:38px;  text-align:left; _display:inline; margin:0 65px;}
.f-xw-txt .bd ul li span{font-size:14px; color:#fff; }
.f-xw-txt .bd ul li .m-xw-tm{ width:700px; height:38px; display:block; float:left; font-family:微软雅黑; overflow:hidden;}
.f-xw-txt .bd ul li .m-xw-rq{ width:80px; height:38px; display:block; float:right; font-family:Arial; overflow:hidden;}
.f-xw-txt .bd ul li:hover span{color:#f99f03}


.f-title{ width:100%; height:73px;}
.f-about-title{ background:url(?public/images/about-title.jpg) center center no-repeat;}
.f-service-title{ background:url(?public/images/service-title.jpg) center center no-repeat;}
.f-case-title{ background:url(?public/images/case-title.jpg) center center no-repeat;}

/*关于我们*/
.g-about{ width:100%; height:420px; padding:60px 0 50px; box-sizing:content-box;}
.f-about{ width:1200px; height:300px; margin:45px auto 0;}
.m-about-img{ width:485px; height:300px; float:left;}
.m-about-txt{ width:680px; height:300px; float:right;}
.m-about-txt .m-about-bt{ width:680px; height:36px; background:url(?public/images/d.png) right center no-repeat;}
.m-about-txt .m-about-bt .m-a01{ font-size:18px; color:#333; line-height:20px;}
.m-about-txt .m-about-bt .m-a02{ font-size:10px; color:#616161; line-height:15px;}

.m-about-txt .m-about-desc{ width:680px; height:200px; line-height:25px; margin:15px 0 ; overflow:hidden; font-size:14px; color:#333333;}

.m-about-txt .m-about-more{ width:124px; height:36px; line-height:30px; text-align:center; background:url(?public/images/more.jpg) 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-txt .m-about-more a{ font-size:14px; color:#fff; display:block;}

.m-about-txt .m-about-more:hover{ margin-left:10px;}



/*荣誉资质*/
.g-picture{ width:100%; height:615px; padding:53px 0 57px; box-sizing:content-box; position:relative; background:url(?public/images/honor-bj.jpg) center center no-repeat;}
.f-picture{ width:1200px; height:615px; margin:0 auto; position:relative;}

.m-picture{ width:275px; height:195px; position:absolute; left:463px; top:210px; background:url(?public/images/honor.jpg) center center no-repeat;
animation-name:bounceIn;
animation-delay:0.1s;
-webkit-animation-delay:0.1s;
-moz-animation-delay:0.1s;
-ms-animation-delay:0.1s;
-o-animation-delay:0.1s;}
.m-picture a{ width:275px; height:195px; display:block;}

.f-picture ul li{ float:left; border:1px solid #d1d1d1; cursor:pointer;}
.f-picture ul li img{ width:100%; height:100%}
.popup{ position:fixed; background:rgba(0,0,0,0.4); bottom:0; top:0;left:0;right:0; display:none;}
.m-show{ position:absolute; top:150px; left:50%; margin-left:-300px; display:none;}
.big{ width:600px; height:360px;}

.sPrev{ display:block; width:26px; height:47px; position:absolute; top:50%; left:-50px; background:url(?public/images/prev.png) 0 0 no-repeat; }
.sNext{ display:block; width:26px; height:47px;position:absolute; top:50%; right:-50px; background:url(?public/images/next.png) 0 0 no-repeat;}


.m-p1{ width:118px; height:83px; position:absolute; left:158px; top:58px;
animation-name:bounceIn;
animation-delay:0.4s;
-webkit-animation-delay:0.4s;
-moz-animation-delay:0.4s;
-ms-animation-delay:0.4s;
-o-animation-delay:0.4s;}
.m-p2{ width:153px; height:108px; position:absolute; left:293px; top:33px;
animation-name:bounceIn;
animation-delay:0.2s;
-webkit-animation-delay:0.2s;
-moz-animation-delay:0.2s;
-ms-animation-delay:0.2s;
-o-animation-delay:0.2s;}
.m-p3{ width:273px; height:193px; position:absolute; left:463px; top:0;
animation-name:bounceIn;
animation-delay:0.6s;
-webkit-animation-delay:0.6s;
-moz-animation-delay:0.6s;
-ms-animation-delay:0.6s;
-o-animation-delay:0.6s;}
.m-p4{ width:153px; height:108px; position:absolute; left:753px; top:33px;
animation-name:bounceIn;
animation-delay:0.4s;
-webkit-animation-delay:0.4s;
-moz-animation-delay:0.4s;
-ms-animation-delay:0.4s;
-o-animation-delay:0.4s;}
.m-p5{ width:118px; height:83px; position:absolute; left:923px; top:58px;
animation-name:bounceIn;
animation-delay:0.5s;
-webkit-animation-delay:0.5s;
-moz-animation-delay:0.5s;
-ms-animation-delay:0.5s;
-o-animation-delay:0.5s;}
.m-p6{ width:105px; height:73px; position:absolute; left:51px; top:158px;
animation-name:bounceIn;
animation-delay:0.2s;
-webkit-animation-delay:0.2s;
-moz-animation-delay:0.2s;
-ms-animation-delay:0.2s;
-o-animation-delay:0.2s;}
.m-p7{ width:148px; height:103px; position:absolute; left:8px; top:248px;
animation-name:bounceIn; 
animation-delay:0.6s;
-webkit-animation-delay:0.6s;
-moz-animation-delay:0.6s;
-ms-animation-delay:0.6s;
-o-animation-delay:0.6s;}
.m-p8{ width:273px; height:193px; position:absolute; left:173px; top:158px;
animation-name:bounceIn;
animation-delay:0.3s;
-webkit-animation-delay:0.3s;
-moz-animation-delay:0.3s;
-ms-animation-delay:0.3s;
-o-animation-delay:0.3s;}
.m-p9{ width:273px; height:193px; position:absolute; left:753px; top:158px;
animation-name:bounceIn;
animation-delay:0.5s;
-webkit-animation-delay:0.5s;
-moz-animation-delay:0.5s;
-ms-animation-delay:0.5s;
-o-animation-delay:0.5s;}
.m-p10{ width:105px; height:73px; position:absolute; left:1043px; top:158px;
animation-name:bounceIn;
animation-delay:0.2s;
-webkit-animation-delay:0.2s;
-moz-animation-delay:0.2s;
-ms-animation-delay:0.2s;
-o-animation-delay:0.2s;}
.m-p11{ width:148px; height:103px; position:absolute; left:1043px; top:248px;
animation-name:bounceIn;
animation-delay:0.4s;
-webkit-animation-delay:0.4s;
-moz-animation-delay:0.4s;
-ms-animation-delay:0.4s;
-o-animation-delay:0.4s;}
.m-p12{ width:168px; height:119px; position:absolute; left:38px; top:368px;
animation-name:bounceIn;
animation-delay:0.5s;
-webkit-animation-delay:0.5s;
-moz-animation-delay:0.5s;
-ms-animation-delay:0.5s;
-o-animation-delay:0.5s;}
.m-p13{ width:223px; height:158px; position:absolute; left:223px; top:368px;
animation-name:bounceIn;
animation-delay:0.4s;
-webkit-animation-delay:0.4s;
-moz-animation-delay:0.4s;
-ms-animation-delay:0.4s;
-o-animation-delay:0.4s;}
.m-p14{ width:273px; height:193px; position:absolute; left:463px; top:420px;
animation-name:bounceIn;
animation-delay:0.3s;
-webkit-animation-delay:0.3s;
-moz-animation-delay:0.3s;
-ms-animation-delay:0.3s;
-o-animation-delay:0.3s;}
.m-p15{ width:223px; height:158px; position:absolute; left:753px; top:368px;
animation-name:bounceIn;
animation-delay:0.2s;
-webkit-animation-delay:0.2s;
-moz-animation-delay:0.2s;
-ms-animation-delay:0.2s;
-o-animation-delay:0.2s;}
.m-p16{ width:168px; height:119px; position:absolute; left:993px; top:368px;
animation-name:bounceIn;
animation-delay:0.4s;
-webkit-animation-delay:0.4s;
-moz-animation-delay:0.4s;
-ms-animation-delay:0.4s;
-o-animation-delay:0.4s;}



/*服务项目*/
.g-service{ width:100%; height:610px; padding:70px 0 60px; box-sizing:content-box;}
.f-service{ width:1200px; height:500px; margin:40px auto 0;}

.f-fw-fl{ width:213px; height:500px; float:left; background:#326cb6;}
.f-fw-fl .f-fw-bt{ width:213px; height:51px; line-height:51px; text-align:center; background:url(?public/images/fw-bt.jpg) center center no-repeat; font-size:20px; color:#fff;}
.f-fw-fl ul{ margin:0 ; padding:0; overflow:hidden; height:290px;}
.f-fw-fl ul li{ width:181px; height:30px; line-height:30px; text-align:center; margin:10px auto 0; background:url(?public/images/li.png) center center no-repeat;}
.f-fw-fl ul li a{ font-size:15px; color:#fff; display:block;}
.f-fw-fl ul li:hover{ background:url(?public/images/li-hover.png) center center no-repeat;}
.f-fw-fl .f-fw-fg{ width:169px; height:8px; margin:50px auto 25px;}
.f-fw-fl .f-fw-dh{ width:153px; height:60px; background:url(?public/images/tel.png) left top no-repeat; padding-left:30px; box-sizing:content-box; margin:0 auto;}
.f-fw-fl .f-fw-dh .m-fw01{ font-size:14px; color:#fff; line-height:20px; padding-top:15px; box-sizing:content-box;}
.f-fw-fl .f-fw-dh .m-fw02{ font-size:24px; color:#fff; line-height:30px;}


.my-service{ width:968px; height:498px; float:right; border:1px solid #d0d0d0;}

.m-fwxm{ width:936px; height:265px; margin:17px 16px 0;}
.m-fwxm .m-fwxm-img{ width:450px; height:250px; padding:7px; box-sizing:content-box; border:1px solid #d0d0d0; float:left;}
.m-fwxm .m-fwxm-img img{ width:100%;}

.m-fwxm .m-fwxm-txt{ width:435px; height:210px; float:right; margin-top:20px;}
.m-fwxm .m-fwxm-bt{ width:435px; height:25px; line-height:25px; font-size:18px; color:#326cb6;}
.m-fwxm .m-fwxm-desc{ width:435px; height:180px; line-height:30px; overflow:hidden; margin-top:20px;}
.m-fwxm .m-fwxm-desc a{ font-size:14px; color:#333;}
.m-fwxm .m-fwxm-desc a:hover{ color:#326cb6;}



.m-service{ width:968px; height:190px; margin-top:10px;}


.m-service .bd{ padding:5px 10px;   }
.m-service .bd ul{ overflow:hidden; zoom:1; margin:0; padding:0; }
.m-service .bd ul li{ width:225px; height:163px; float:left; _display:inline; overflow:hidden; text-align:center; margin-right:15px;  }
.m-service .bd ul li .m-service-tp{ width:217px; height:127px; padding:3px; box-sizing:content-box; border:1px solid #d0d0d0;}
.m-service .bd ul li .m-service-img{ width:217px; height:127px; margin-bottom:0; overflow:hidden;}
.m-service .bd ul li .m-service-img img{ width:100%;}
.m-service .bd ul li .m-service-txt{ width:225px; height:25px; line-height:25px; text-align:center; overflow:hidden; background:#326cb6; font-size:13px; color:#fff; margin-top:3px;}

.m-service .bd ul li:hover .m-service-img img{ opacity:0.8;}


.m-service .hd{width:968px;  overflow:hidden;  height:20px; margin-top:0; }
.m-service .hd ul{ width:968px;  overflow:hidden; zoom:1; text-align:center; }
.m-service .hd ul li{ width:8px; height:8px; overflow:hidden; margin:0 8px; text-indent:-999px; cursor:pointer; background:url(?public/images/dot.png) 0 0 no-repeat; display:inline-block;}
.m-service .hd ul li.on{ background-position:-8px 0 ; }


/*中间广告*/
.g-ad{ width:100%; height:140px;}
.f-ad{ left: 50%; margin-left: -960px; overflow: hidden; position: absolute; width: 1920px; height:140px;}
.f-ad .bigImg{ height: 140px; position: relative;}
.f-ad .bigImg li img{ vertical-align:middle; width:1920px; height:140px;   }

/*优势*/
.g-adv{ width:100%; height:1384px;}
.f-adv{ left: 50%; margin-left: -960px; overflow: hidden; position: absolute; width: 1920px; height:1384px;}
.f-adv .bigImg{ height: 1384px; position: relative;}
.f-adv .bigImg li img{ vertical-align:middle; width:1920px; height:1384px;   }

/*工程案例*/
.g-case{ width:100%; height:500px; padding:60px 0 40px; box-sizing:content-box;}
.f-case{ width:1200px; height:380px; margin:50px auto 0;}
.f-case .bd{ padding:10px;   }
.f-case .bd ul{ overflow:hidden; zoom:1; margin:0; padding:0; }
.f-case .bd ul li{ width:235px; height:310px; float:left; _display:inline; overflow:hidden; text-align:center; margin-right:5px;  }
.f-case .bd ul li .f-case-img{ width:235px; height:265px; margin-bottom:0; overflow:hidden;}
.f-case .bd ul li .f-case-img img{ width:100%;
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-case .bd ul li .f-case-txt{ width:215px; height:45px; line-height:45px; text-align:center; overflow:hidden; font-size:13px; color:#333333; padding:0 10px; box-sizing:content-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-case .bd ul li:hover .f-case-txt{ background:#326cb6; color:#fff;}
.f-case .bd ul li:hover .f-case-img 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-case .hd{width:1200px;  overflow:hidden;  height:20px; margin-top:20px; }
.f-case .hd ul{ width:1200px;  overflow:hidden; zoom:1; text-align:center; padding:0; margin:0; }
.f-case .hd ul li{ width:11px; height:11px; overflow:hidden; margin:0 8px; text-indent:-999px; cursor:pointer; background:url(?public/images/dot01.png) 0 0 no-repeat; display:inline-block;}
.f-case .hd ul li.on{ background-position:-11px 0 ; }







/*新闻资讯*/
.g-news{ width:100%; height:430px; padding:40px 0 60px; box-sizing:content-box;}
.f-news{ width:1200px; height:430px; margin:0 auto;}
.f-news .m-news{ width:800px; height:430px; float:left;}
.f-news .m-news-title{ width:800px; height:30px; line-height:30px;  background:url(?public/images/news-bj.png) 115px center no-repeat;}
.f-news .m-news-title .m-n01{ font-size:26px; color:#131313; float:left;}
.f-news .m-news-title .m-n02{  float:right; margin:0 15px;}
.f-news .m-news-title .m-n02 a{font-size:14px; color:#222222;}
.f-news .m-news-title .m-n02 a:hover{ color:#326cb6;}
.f-news .m-news-title .m-n03{ float:right;color:#222222;}
.f-news .m-news-title .m-n04{ float:right; margin-left:15px;}
.f-news .m-news-title .m-n04 a{ font-size:14px; color:#326cb6;}



.f-xw{ width:800px; height:235px; margin-top:20px;}

.m-xw{ width:350px; height:235px; float:left; overflow:hidden; position:relative;}

.m-xw .m-xw-list { z-index: 1; white-space: nowrap; width: 350px; height: 235px; }
.m-xw .m-xw-list {width: 350px;}
.m-xw .m-xw-list li { width: 350px; height: 235px; position:relative; overflow: hidden; }
.m-xw .m-xw-list li .m-xw-img{ width:350px; height:235px; overflow:hidden;}
.m-xw .m-xw-list li .m-xw-img img{ width:100%; overflow:hidden;}
.m-xw .m-xw-list li .m-xw-txt{ width:330px; height:40px; line-height:40px; padding:0 10px; font-size:14px; color:#fff; background:url(?public/images/black.png) repeat; position:absolute; left:0; bottom:0px; box-sizing:content-box;}


.e_prevnext .prev, .e_prevnext .next { position: absolute; z-index: 30; display: block; }
.e_prevnext .prev { top:103px; left: 0px; }
.e_prevnext .next { top:103px; right: 0px; }
.e_prevnext .prev a { display: block; width:30px; height: 30px; overflow: hidden; background:url(?public/images/l.jpg) 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;
-o-transition:all 0.5s ease-out 0s; }
.e_prevnext .next a { display: block; width:30px; height: 30px; overflow: hidden; background:url(?public/images/r.jpg) -30px 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;
-o-transition:all 0.5s ease-out 0s; }
.e_prevnext .prev a:hover { background-position:-30px 0 ; }
.e_prevnext .next a:hover { background-position: 0 0; }





.m-zx{ width:435px; height:235px; float:right;}
.m-zx ul{ margin:0; padding:0;}
.m-zx ul li{ width:435px; height:113px; overflow:hidden;}
.m-zx ul li:first-child{ margin-bottom:9px;}
.m-zx ul li .m-zx-img{ width:168px; height:113px; float:left; overflow:hidden;}
.m-zx ul li .m-zx-img img{ width:100%;
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-zx ul li .m-zx-txt{ width:260px; height:113px; float:right;}
.m-zx ul li .m-zx-txt .m-zx-bt{ width:260px; height:33px; line-height:33px; border-bottom:1px solid #e5e5e5; overflow:hidden; font-size:14px; color:#222; font-weight:bold;
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-zx ul li .m-zx-txt .m-zx-desc{ width:260px; height:75px; line-height:25px; overflow:hidden; font-size:14px; color:#333;}

.m-zx ul li:hover .m-zx-txt .m-zx-bt{ color:#326cb6;}
.m-zx ul li:hover .m-zx-img 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-xx{ width:800px; height:115px; margin-top:20px;}
.m-xx ul{ margin:0; padding:0;}
.m-xx ul li{ width:380px; height:115px; overflow:hidden;}
.m-xx ul li:first-child{ float:left;}
.m-xx ul li:last-child{ float:right;}

.m-xx ul li .m-xx-bt{ width:380px; height:29px; line-height:29px; border-bottom:1px solid #e5e5e5; font-size:14px; color:#222222; font-weight:bold;
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-xx ul li .m-xx-desc{ width:380px; height:75px; line-height:25px; overflow:hidden; font-size:14px; color:#333;}

.m-xx ul li:hover .m-xx-bt{ color:#326cb6;}



.f-news .m-video{ width:345px; height:430px; float:right;}
.f-news .m-video-title{ width:345px; height:30px; line-height:30px;  background:url(?public/images/video-bj.png) 115px center no-repeat;}
.f-news .m-video-title .m-v01{ font-size:26px; color:#131313; float:left;}
.f-news .m-video-title .m-v02{ float:right;}
.f-news .m-video-title .m-v02 a{ font-size:14px; color:#326cb6;}



.wd-video{width:345px;height:370px;margin:20px auto 0;position:relative;}
.wd-video .prev{width:345px;height:40px;position:absolute;top:0;left:0;z-index:100; cursor:pointer; background:url(?public/images/up.jpg) 0 0 no-repeat;}
.wd-video .next{width:345px;height:40px;position:absolute;top:330px;left:0;z-index:100; cursor:pointer; background:url(?public/images/down.jpg) 0 -40px no-repeat;}
.wd-video .prev:hover{ background-position:0 -40px; }
.wd-video .next:hover{ background-position:0 0; }

.wd-video .scrollWrap{width:345px; height:270px; margin: 0; overflow:hidden;position:absolute; top:50px;}
.videoList li{ width:345px; height:270px; overflow:hidden;}
.videoList li .m-video-img{ width:345px; height:270px;}




/*合作伙伴*/
.g-partner{ width:100%; height:630px; padding:45px 0 ; box-sizing:content-box; background:#e3e3e3;}
.f-partner{ width:1200px; height:180px; margin:0 auto 50px; overflow:hidden;}
.f-partner:nth-child(1) .hd{ background:url(?public/images/p-bj01.png) 220px center no-repeat;}
.f-partner:nth-child(2) .hd{ background:url(?public/images/p-bj02.png) 140px center no-repeat;}
.f-partner:nth-child(3) .hd{ background:url(?public/images/p-bj03.png) 270px center no-repeat;}
.f-partner:last-child{ margin-bottom:0;}

.f-partner .hd{ width:1200px; height:30px; overflow:hidden; }
.f-partner .hd .prev{ display:block;  width:30px; height:30px; float:right; margin-left:15px; overflow:hidden;cursor:pointer; background:url(?public/images/l.jpg) 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;
-o-transition:all 0.5s ease-out 0s;}
.f-partner .hd .prev:hover{ background-position:-30px 0;}
.f-partner .hd .next{ display:block;  width:30px; height:30px; float:right; margin-left:15px; overflow:hidden;cursor:pointer; background:url(?public/images/r.jpg) -30px 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;
-o-transition:all 0.5s ease-out 0s;}
.f-partner .hd .next:hover{ background-position:0 0;}

.f-partner .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }



.f-partner .bd{ padding:0; margin-top:30px;   }
.f-partner .bd ul{ overflow:hidden; zoom:1; margin:0; padding:0; }
.f-partner .bd ul  li{width:183px; height:113px;text-align:center;position:relative; float:left; border: 1px solid #d1d1d1; overflow:hidden; margin:0 10px 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-partner .bd ul li img{ width:100%;}

.f-partner .bd ul  li:hover{  border-color:#326cb6;}


.m-partner-bt{ font-size:24px; color:#131313; line-height:30px; float:left;}
.m-partner-more{ float:right; font-size:14px; color:#326cb6;}













/*底部导航*/
.g-bottom{ width:100%; height:auto; background:#0b3a70; padding:50px 0 20px; box-sizing:content-box; overflow:hidden; position:relative;}
.f-bottom{ width:1200px; height:240px; margin:0 auto; position:relative;}

.f-map{ width:525px; height:240px; float:left; overflow:hidden;}

.f-lxfs{ width:250px; height:155px; margin:40px 0 0 75px; float:left;}
.f-lxfs .m-lx01{ font-size:12px; color:#fff; padding-left:25px; box-sizing:content-box; background:url(?public/images/dh.png) left center no-repeat; line-height:20px;}
.f-lxfs .m-lx02{ font-family:Arial; font-size:28px; color:#ff9c00; font-style:italic; line-height:30px;}
.f-lxfs .m-lx03{ font-family:宋体; font-size:14px; color:#fff; line-height:25px; font-style:italic;}


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

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

.bdsharebuttonbox a{width:35px!important;height:35px!important;display:inline-block!important;margin:0 3px !important;background:url(?public/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 -35px !important;}

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

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

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

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

.bdsharebuttonbox a.bds_more{background-position: -198px 0!important;}
.bdsharebuttonbox a.bds_more:hover{background-position: -198px -35px!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{ max-width:310px; height:200px; float:right; margin-top:40px;}
.f-code ul{ margin:0; padding:0;}
.f-code ul li{ width:125px; height:200px; float:left; margin-left:30px;}
.f-code ul li .m-code-txt{ width:125px; height:30px; line-height:30px; font-size:12px; color:#fff; margin-bottom:20px; text-align:center;}
.f-code ul li .m-code-img{ width:125px; height:125px; overflow:hidden;}
.f-code ul li .m-code-img img{ width:125px; height:125px;}



.f-link{ width:1200px; height:30px; line-height:30px; margin:20px auto 0; text-align:center; overflow:hidden;}
.f-link ul{ width:1200px; margin:0; padding:0; text-align:center;}
.f-link ul li{ font-size:13px; color:#fff; display:inline-block; margin:0 5px;}
.f-link ul li a{ font-size:13px; color:#fff; display:block;}
.f-link ul li a:hover{ color:#ff9c00;}

.f-contact{ width:1200px; min-height:30px; line-height:30px; text-align:center; margin:0 auto;}
.f-contact span{ font-size:13px; color:#fff; margin:0 5px;}


/*工商网监*/
.f-gswj{ position:absolute; left:800px; bottom:100px;}


/*icp*/
.g-icp{ width:100%; height:35px; background:#022853; padding:15px 0; box-sizing:content-box;}
.f-icp{ width:1200px; height:35px; line-height:35px; margin:0 auto; text-align:center;}
.f-icp span{ font-family:微软雅黑; font-size:12px; color:#9dbce0; height:35px; line-height:35px; margin:0 5px;}
.f-icp span img{ position:absolute;}
.f-icp a{ font-family:微软雅黑; font-size:12px; color:#9dbce0;}
.f-icp a:hover{ color:#ff9c00 ;}
.m-jszc{ width:150px;}





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










<!--0.0002138614654541-->