*{margin:0;padding:0;}
body{padding:0;margin:0;font-family: "Microsoft YaHei";color:#555;background:#fff;}
a,area{blr:expression(this.onFocus=this.blur())}
/* for IE */
:focus{-moz-outline-style:none;}
/* for Firefox */
a{text-decoration:none;color:#555;outline:none;}
a:hover{color:#002F00;text-decoration:none;outline:none;}
a img{border:none;}
table tr td{font-size:12px;}
font{ font-size:12px;}
ul{list-style:none;}
.length{word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
select{ border:solid 1px #dedede;}
/* Wrapper */
.max-width{max-width:1020px; margin:0 auto; min-width:320px; width:auto;}
.font{font-family:"宋体";}
.clear{ clear:both; overflow:hidden; padding:0; margin:0; height:0;}

.next_button{ position:absolute; width:35px; height:35px; bottom:15px; left:50%; margin-left:-20px; z-index:99; text-align:center;}
.next_button a.img{ width:35px; height:35px; margin:0 auto; text-align:center; background:url(../images/next_button.png) no-repeat center center; display:block;}

/* Header */
.menu_page{ position:fixed; right:50px; font-size:14px; background:url(../images/retop_bg.png) no-repeat; width:103px; height:345px; z-index:99;}
.menu_page ul{ padding-top:40px;}
.menu_page ul li{ line-height:2.5em; text-align:center;}
.menu_page ul li a{ color:#fff;}

#fixed{ position:fixed; top:0; left:0; width:100%; height:80px; background:#fff; z-index:999;}
#header{ height:80px;  z-index:999; position:relative;}
.logo{ position:absolute; left:22px; top:0;  height:80px; width:360px; display:block;}
#menu{ margin:0 auto; width:657px; padding:23px 0 0 25px; height:58px; margin-left:280px;}
#menu ul{ margin:0; position:relative; width:657px;}
#menu ul li{ float:left; display:block; position:relative; z-index:9999;}
#menu ul li span.home_hover a{ padding-left:0px; height:58px; line-height:58px; width:70px; background:url(../images/menu_jt.png) no-repeat 70px 25px;}
#menu ul li span.home_hover a:hover{color:#fff;background:url(../images/menu_home.png) no-repeat center top; display:block;}
#menu ul li a{ color:#002F00; display:block; padding-left:12px; height:58px; line-height:58px; text-align:left; width:92px; background:url(../images/menu_jt.png) no-repeat 77px 26px; font-size:15px;}
#menu ul li span a:hover{color:#fff;background:url(../images/menu_hover_left.png) no-repeat center top; display:block;}
.navbar-nav>li>a{ padding:0; font-size:16px;}
#menu ul.dropdown-menu { position:absolute; top:57px; width:150px;}
#menu ul.dropdown-menu li{ width:100%; text-align:left;}
#menu ul.dropdown-menu li a{ display:block; height:40px; text-align:left; width:148px; line-height:40px; background:none; color:#002F00; font-size:14px; padding-left:14px; margin-left:0;}
#menu ul.dropdown-menu li a:hover{ color:#fff; background:#002F00; border-radius:0;}

.top_lang{width:78px;position:absolute;right:135px;top:30px;}
.top_links_bt{width:100%;height:24px;display:block;line-height:24px; background:#b4b5b9; text-align:center;cursor:pointer;}
.top_links_bt:hover{background:#002f00;}

.top_links_bt span{ padding-left:5px; color:#fff; display:block;font-size:15px;}
.top_links_a{width:100%;position:absolute;left:0;top:24px;z-index:999;display:none;}
.top_links_list{width:100%; background:#fff;}
.top_links_list a.top_links_name{height:24px;line-height:24px;display:block; text-align:left;  padding-left:5px; }
.top_links_list a:hover{background:#002F00; color:#fff;}
.club_tb{width:110px; height:24px; position:absolute;right:20px;top:30px;}
.club_tb a{ width:110px; height:24px;font-size:15px; line-height:22px; text-align:center; color:#fff; display:block; cursor:pointer; background:#b4b5b9;}
.club_tb a:hover{background:#e57715; color:#fff;}

.phone_tb{ float:right; padding-top:7px; width:44px; height:40px; margin-right:8px;}

.persons{ width:100%;  border-bottom: 1px solid #dedede;}
.persons a{ display:inline-block; text-align:center; margin-right:15px;}
.persons a.tbhov{color:#002F00;}

.logins{ margin-top:20px; font-size:14px; min-height:260px;}
.logins td{font-size:14px;}
.form_input {border: 1px solid #dcdcdc;border-radius: 5px; font-size: 12px;padding: 6px 7px;transition: border-color .15s ease-in-out 0s;width: 230px;-webkit-appearance: textfield;}

.submitl{background:#2370ba;margin:0 auto;margin-top:2px;width:90px;height:32px; padding-bottom:2px;border:none;color:#fff;font-size:16px;cursor:pointer;border-radius:5px;}

.set{  position:absolute; right:218px; top:28px; height:29px; line-height:29px; color:#cccccc; width:145px;}
.set a{ margin:0 4px; position:relative; width:28px; height:28px; display:block; float:left;border-radius: 15px;background:url(../images/spp.jpg) no-repeat; background-size:100%;}
.set a:hover{background:url(../images/spp1.jpg) no-repeat;}
.set a.tb1{ background:url(../images/tb2.png) no-repeat;}
.set a:hover.tb1{ background:url(../images/tb2_on.png) no-repeat;}
.set a.tb2{ background:url(../images/tb1.png) no-repeat;}
.tb3{ margin-top:15px;}
a.tb3{width:28px; height:28px; display:block;border-radius: 15px;background:url(../images/spp.jpg) no-repeat; background-size:100%;}
a.tb3:hover{width:28px; height:28px;background:url(../images/spp1.jpg) no-repeat;}
.j-nav-myimg{border-radius: 15px;}
.set a:hover.tb2{ background:url(../images/tb1_on.png) no-repeat;}
.set a#v_wx span.wx_code{ position:absolute; top:29px; left:-60px; width:150px; height:150px; display:none;}

.search{ position:absolute; top:28px; right:210px; width:132px;}
.search input,.ind_search input{ float:left; position:relative; cursor:pointer; z-index:99;}
.search_k{ border:none; width:130px; height:29px; line-height:29px; background:url(../images/search_k.png) no-repeat right; color:#999999; padding-left:10px; color:#fff; display:none; position:absolute; top:0px; right:10px;}

.index_banner{ width:100%; min-width:320px; width:auto; margin:auto; position:relative; text-align:center;}
.slideBox{ width:100%; min-width:320px;  width:auto; overflow:hidden; position:relative;   }
.slideBox .hd{ position:absolute;  height:23px; padding:0px 10px 0px 10px; left:50%; bottom:15px; text-align:right; z-index:1;}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px; width:20px; height:20px; line-height:20px; text-align:center; background:url(../images/home_a.html) no-repeat center center;  cursor:pointer; text-indent:-9999px;}
.slideBox .hd ul li.on{ background:url(../images/home_hover.html) no-repeat center center; }
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle; text-align:center; margin:0 auto; width:100%;}
.slideBox .bd img{ width:auto; display:block; margin:0 auto;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,.slideBox .next{ position:absolute; left:4%; top:50%; margin-top:-25px; display:block; width:23px; height:40px;}
.slideBox .next{ left:auto; right:4%; background:url(../images/next.png) no-repeat;}
.slideBox .prev{ background:url(../images/prev.png) no-repeat;}
.slideBox .prev:hover,
.slideBox .next:hover{}
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

.nav_bg{ background:#d9d6d6; position:relative; z-index:99;}
.navbar-toggle{ background:#eee;}
.navbar-toggle span{ background:#777777;}

#myCarousel .carousel-indicators li{ border:0; background:#fff; width:12px; height:12px; text-align:center;}
#myCarousel .carousel-indicators li.active{ border:0; background:#11a646;}

.button_btn{ position:absolute;z-index:99999;width:100%;top:40%; margin:0 auto;}
.button_btn_mid{ width:98%;margin:0 auto;height:40px;position:relative;}
.bprev{ cursor:pointer; width:23px;height:40px;display:block;position:absolute;left:0px;background:url(../images/prev.png) no-repeat; }
.bnext{ cursor:pointer; width:23px;height:40px;display:block;position:absolute;right:0px;background:url(../images/next.png) no-repeat;}

.home_bg{ background:#709b28;}
.h_about{ padding:20px 0px; color:#fff; clear:both; width:680px; margin:0 auto;}
.h_about p{ font-size:1.1em; line-height:25px;}
.h_about_more a{ color:#fff;}

.h_about_phone{ padding:20px 10px; color:#fff; clear:both;}

.h_pro{ background:url(../images/h_football_bg.jpg) no-repeat center center; width:100%; height:100%;background-size:cover;}
.h_pro_list{ padding:35px 0;}
.h_pro_list a{ color:#fff; font-size:1.2em; line-height:1.2em;}
.h_pro_list p{ margin:10px 0;}
.h_pro_con{ margin-bottom:15px;}
.h_title{ text-align:center; }
.h_title h2{ color:#fff; }

.h_news{}
.h_news_list{ padding:25px 0;}
.h_news_con{ border-radius:4px; padding:12px 4px; display:block; background:#fff; margin:15px;} 
.h_news_con img{ width:100%;}
.h_news_con h5{ color:#0f94d4; font-size:1.2em;line-height:1.6; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.h_news_con p{ overflow:hidden; line-height:1.4; color:#555;}

.h_video{ width:100%; background-size:cover;}
.h_videox img{ width:100%;}
.h_brand{ background:url(../images/h_brand_bg.jpg) no-repeat center top; width:100%;background-size:cover;}
.h_brand img{ width:100%;}
.h_supp{}
.h_supp_list{ text-align:center; margin:0 auto; padding-top:35px;}
.h_supp_list p{ color:#fff; line-height:2.5; font-size:1.2em;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/* index end */

.position{ margin:15px 10px 0 10px; border-bottom:solid 1px #dedede; line-height:2.8em; height:50px; position:relative;}
.position em{ font-size:1.4em; font-style:inherit; padding-right:20px;}
.left_bt{ height:60px; border-bottom:1px solid #dedede; font-size:1.4em; line-height:40px; line-height:2.8em;}
.left_dh{ height:auto; min-height:300px; _height:300px;}
.left_dh ul{ margin:0;}
.left_dh ul li{  padding:0 5px; margin:0;}
.left_dh ul li a{ border-bottom:1px solid #ddd; display:block; height:40px; line-height:40px; padding-left:2px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:1.2em;}
.left_dh ul li a:hover{color: #002f00;}
.left_dh ul li a.shover{color: #002f00;}
.left_dh ul ul{ display:none;}
.left_dh ul ul a{ height:35px; line-height:33px; font-size:1em; border-bottom:1px dotted #ddd;}
.left_dh ul ul a font{ font-family:"宋体"; padding-right:3px;}
.submenu a:hover{color: #002f00;}
.submenu a.shover{color: #002f00;}
.submenu ul li a:hover{color:#247924;}
.submenu ul li a.shover{ color:#247924;}

.position .navbar-toggle{ position:absolute; right:-15px; top:0; background:#fff;}

#show_pic .thumbnail{ text-align:center;}
#show_pic .thumbnail p{ font-size:1.1em; text-align:center;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#show_pic img{ border:solid 1px #ddd;}

.ntype_bt{ border-bottom:solid 1px #ddd; height:40px; line-height:40px; margin-bottom:10px; font-size:16px;}
#show_video .thumbnail{ text-align:center;}
#show_video .thumbnail p{ font-size:1.1em; text-align:center;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-top:10px;}
#show_video img{ width:100%; overflow:hidden;}
#show_video img:hover{-webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  -moz-opacity: 0.7 !important;
  -khtml-opacity: 0.7 !important;
  -webkit-opacity: 0.7 !important;
  opacity: 0.7 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)" !important;
  filter: alpha(opacity=70) !important;}
#show_video .video_btn{ margin:0 auto; text-align:center; height:96px; width:96px; line-height:100%;}
#show_video .video_btn img{ height:96px !important; width:96px!important;}

.typenote{ line-height:2em; height:auto; min-height:100px;}
#type_pic .thumbnail,#list_pic .thumbnail{ text-align:center; border:none; margin-bottom:10px;}
#type_pic .thumbnail p,#list_pic .thumbnail p{ font-size:1.2em; margin:0 auto; text-align:center;}
#list_pic img{ width:100%; padding:4px; border:solid 1px #dedede; background:url(../images/pro_bg.html) no-repeat center;}
#list_pic img:hover{}
#list_pic .thumbnail{ border:none;}
#list_pic .thumbnail .caption{ padding-top:10px; display:block; }

.services-circle .services-box .services-content {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: all 0.4 ease;
  -moz-transition: all 0.4 ease;
  -ms-transition: all 0.4 ease;
  -o-transition: all 0.4 ease;
  transition: all 0.4 ease;
}
.services-circle .services-box:hover .services-content {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}
.services-circle .services-content {
  display: table-cell;
  vertical-align: middle;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  position: absolute;
  top: 0;
  left:0px;
  z-index: 100;
  display:table;
  width: 100%;
  height: 100%;
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.72);
  color: #ffffff;
  text-align:center;
  overflow:hidden;
}
.services-circle .services-content .sc-wraper {
  display: table-cell;
  vertical-align: middle;		
}
.services-circle .services-img {
  display:block;
  height:auto;
  /* temp */
  background-size: cover;
  color: #ffffff;
}
.services-circle h4 {
  margin: 0;
  margin: auto;
  padding: 0;
  font-weight:550;
  color: #ffffff;
  padding-top: 10px;
  padding-bottom: 10px;
  max-width: 60%;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);

}

.services-box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-transition: top 0.3s ease;
  -moz-transition: top 0.3s ease;
  -ms-transition: top 0.3s ease;
  -o-transition: top 0.3s ease;
  transition: top 0.3s ease;
  -webkit-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  -ms-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  position: relative;
  top: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 5px;
  color: #8f8f8f;
  text-align: center;
  font-size: 14px;
  line-height: 1.7em;
}

.content{ height:auto; min-height:300px; _height:300px; padding:15px 0px; margin:0 10px; margin-bottom:15px; line-height:26px;}
.content img{ width:100%;}

.news_con{ clear:both;}
.news_con .media{ border-bottom:1px dotted #ddd; padding-bottom:10px;}
.news_con .media-heading{ font-size:1.2em; line-height:1.2em; padding-top:5px;color:#002F00;}
.news_con .media-heading a{ color:#002F00;}
.news_con .media-left img{ max-width:none; width:180px;}
.news_con .media-body p{ height:30px; margin:0; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:30px; color:#777; display:block;}
.news_con .media-body font{ color:#FF0000;}
.news_con .media-more a{ color:#002F00;}

/*cnews_content*/
.cnews_content{width:700px;margin:0 auto;}
.cnews_content font.font{ color:#FF0000;}
.cnews_type{font-weight:bold;height:25px;line-height:25px;position:relative;}
.cnews_type a{position:absolute;top:0;right:0;line-height:25px;}
.ntype_pic{float:left;width:150px;border:1px solid #ccc;}
ul.cnews_list{min-height:110px;_height:110px;padding-bottom:10px;}
ul.cnews_list li{position:relative;height:28px;padding-top:5px;border-bottom:1px dotted #ccc;float:right;width:500px;}
.news_type{line-height:23px;font-weight:bold;clear:both;}
.news_more{line-height:23px;font-weight:bold;clear:both;text-align:right;}
ul.list_news{min-height:200px;_height:200px;}
ul.list_news li{position:relative;height:28px;padding-top:5px;border-bottom:1px dotted #ccc;}
span.date{position:absolute;right:5px;top:5px;}

/*dis_news*/
#dis_news{}
#dis_news .dnews_title{font-weight:bold;font-size:14px;_height:30px;min-height:30px;line-height:30px;text-align:center;}
#dis_news .dnews_line{text-align:center;_height:25px; line-height:25px; border-top:1px dashed #ccc;}
#dis_news .dnews_content{padding:5px;_height:200px;min-height:200px;line-height:23px;}

/*page_num*/
.page_num{text-align:center;line-height:30px;clear:both; padding-top:10px;}

.p_but{ padding:10px 0;}
.p_but li{ float:left; width:50%;}
.p_but li a{height:35px; line-height:35px; font-size:18px; text-align:center; display:block; color:#3a3a3a; background:#eee; margin:0 10px; }
.p_but li a:hover{ background:#fff; color:#3194e5;}
.p_but li span{height:35px; line-height:35px; font-size:18px; text-align:center; display:block; color:#555; background:#eee; margin:0 10px;}

.boxstyle{
	border:1px solid #d3d3d3;
	border-radius: 4px;
	box-shadow: 1px 0px 1px #e1e1e1;
}

#sidebar{ padding-left:10px;}
  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }
  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }
  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -50%; /* 6 columns */
  }
  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }
  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
  }
  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */
	}

.project_border{ width:100%; border:solid 1px #dedede; font-style:inherit; font-style:inherit; height:auto; margin-top:30px; clear:both;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#dcdada,direction=120,strength=4);/*ie*/
-moz-box-shadow: 3px 3px 10px #dcdada;/*firefox*/
-webkit-box-shadow: 3px 3px 10px #dcdada;/*safari或chrome*/
box-shadow:3px 3px 10px #dcdada;/*opera或ie9*/}
.project_title{ color:#002F00; font-size:20px; font-weight:bold; border-bottom:solid 1px #dedede; padding:15px 0; clear:both; margin-top:10px; clear:both; margin:0 auto; width:96%;filter:progid:DXImageTransform.Microsoft.Shadow(color=#fff,direction=0,strength=1);}
.yinying_t{ background:url(../images/yinying_t_bg.jpg) no-repeat center; height:8px;}
.yinying_b{ background:url(../images/yinying_b_bg.jpg) no-repeat center; height:8px; margin-bottom:20px;}
.cont_l{ }
.cont_r{ line-height:30px;}
.cont_title{ font-size:16px; font-weight:bold; color:#555555; border-bottom:solid 1px #dedede; height:42px; line-height:42px; width:100%; margin-bottom:20px;}	

ul.download_list{ width:100%;}
ul.download_list li{ color:#002F00; font-size:14px;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-bottom:dotted 1px #dedede; height:40px; line-height:40px;}
ul.download_list li a{ color:#002F00; background:url(../images/pdf_tb.jpg) no-repeat left; padding-left:30px;}

.pro_right{ padding:15px 5px 15px 20px; height:auto; font-size:12px;background:url(../images/yinying_x_bg.jpg) repeat-y center;}
.pro_right_title{ color:#555555; font-size:16px; font-weight:bold; padding-bottom:10px;}
ul.pro_right_download{ width:100%;}
ul.pro_right_download li{ color:#002F00; font-size:14px; background:url(../img/doc.gif) no-repeat 0px 4px;background-size:10%; padding-left:20px; height:28px; line-height:28px;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
ul.pro_right_download li a{ color:#002F00;}
ul.pro_right_pro li{ color:#002F00; font-size:14px; height:28px; line-height:28px;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
ul.pro_right_pro li a{ color:#002F00;}
	
.web_lan{ min-height:75px; height:auto; _height:75px; border:solid 1px #dedede; margin-bottom:15px;}
.web_top{ background:#f1f1f1; height:40px; line-height:40px; padding-left:13px; font-size:16px; color:#0066ae; text-align:left; clear:both;}
.web_top a{ font-weight:bold; color:#0066ae;}
.web_list{ padding:8px 0 5px 13px; min-height:28px; _height:28px; height:auto; line-height:25px; }
.web_list li{ padding-right:20px; float:left; white-space:nowrap; _width:30px; height:30px;}
.web_list li .font{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; padding-right:5px;}	

#footer{ background:#fff; border-top:solid 1px #dedede;}
.links{ height:70px; padding-top:20px; position:relative; overflow:hidden; max-width:1020px; margin:0 auto; min-width:320px; width:auto;}
.links_bt span{ font-size:15px; font-weight:bold; color:#555555; display:block; width:80px; line-height:25px;}
.links_a{ position:absolute; left:87px; top:20px;word-break:keep-all; width:930px;}
.links_a a{ margin-right:8px; line-height:25px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.select{ width:24%; float:left; margin-left:6px; height:28px; line-height:28px;}

/*blan*/
.lan_bg{ background:#dddddd; color:#555555;}
.lan_bg a{ color:#555555;}
.lan_bg a:hover{ color:#002F00;}
#blan{ padding:35px 10px 10px 10px;}
#blan .b_list{ float:left; width:16%; min-height:130px;  _height:130px;}
#blan .bl_name{ font-size:15px; height:40px; color:#555555; text-align:left;}
#blan .b_list li{ height:28px; width:95%; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:13px;}
#blan .b_code{ float:right; width:15%; text-align:center;}
#blan .b_code img{ margin-bottom:5px;}
.bcopy{ text-align:center; padding:12px 0;}
/* footer */
.gfooter{ background:#dddddd; padding:15px 0; clear:both;}
.g_copyright{ text-align:center; line-height:1.8;}

/* .f_last{ background:#dddddd; height:100px; padding-top:20px;}
.f_last_left{ float:left; width:68%; padding-left:10px;}
.f_menu{ line-height:25px;}
.f_menu a{ padding:0 10px;}
.copyright{ height:25px; padding-top:5px;}
.copyright a{ color:#555px;}
.f_code{ float:right; width:285px; padding-top:8px; padding-right:10px;}
.f_code ul li{ float:right; height:38px; line-height:38px; display:block; margin-left:25px;}
.f_code ul li a.weibo{ background:url(../images/f_wb.png) no-repeat left; padding-left:50px; display:block;}
.f_code ul li a.weixin{ background:url(../images/f_wx.png) no-repeat left;padding-left:50px; display:block; position:relative; z-index:9999;}
.f_code ul li a.weixin .fwx_code{ position:absolute; bottom:40px; left:-10px; width:150px; height:150px; display:none;}*/

@media screen and (min-width:768px) {
#menu .navbar{ border:0;}
#menu .nav > li:hover a.m_a{ }
#menu .nav > li:hover .dropdown-menu{ display:block; border-top:0; left:0px;}
#menu .nav .open>a, .nav .open>a:focus, .nav .open>a:hover{ }
}

@media screen and (max-width: 767px) {
#wrapper{overflow-x:hidden; }
#menu .navbar-toggle{ background:#002F00; color:#fff;}
#menu .navbar-toggle span{ background:#777777;}
#menu  a.m_a{text-align:left; line-height:30px;}
#menu  a.m_a:hover{background:#002F00; color:#fff;}
#menu ul.dropdown-menu{ border-bottom:1px solid #949494;}
#menu ul.dropdown-menu li a{ display:block; height:40px; line-height:30px; color:#fff; font-size:1.1em;}
#menu ul.dropdown-menu li a:hover{}
}

@media screen and (min-width:1600px) and (max-width:1920px){}
.menu_page{ position:fixed; right:50px; top:36%;}
.kuang{ width:313px; overflow:hidden;}
}
@media screen and (min-width:1360px) and (max-width:1600px){
.menu_page{ position:fixed; right:50px; top:36%;}
.kuang{ width:313px; height:225px; overflow:hidden;}
}
@media screen and (min-width:1280px) and (max-width:1360px){
.menu_page{ position:fixed; right:50px; top:34%;}
}
@media screen and (min-width:1024px) and (max-width:1280px){
.menu_page{ position:fixed; right:50px; top:34%;}
}
@media screen and (min-width:992px) and (max-width:1024px){
.menu_page{  position:fixed; right:50px; top:33%;}
}
@media screen and (min-width:720px) and (max-width:992px){
.tupian img{ width:100%}
.wenzi{ width:100%;}
.menu_page{ position:fixed; right:50px; top:30%;}
}
@media screen and (min-width:640px) and (max-width:720px){
.h_pro{ height:auto; background:url(../images/h_football_bg.jpg) no-repeat center center; }
.tupian img{ width:100%}
.wenzi{ width:100%;}
}
@media screen and (min-width:240px) and (max-width:640px){
.h_pro{ height:auto; background:url(../images/h_football_bg.jpg) no-repeat center center; }
.products{ padding-top:15%; padding-bottom:5%;}
.tupian img{ width:100%}
.wenzi{ width:100%;}
.navbar-nav>li>a{ padding:10px ;}

}

.pg-img-wrapper {
    background-color: #000;
}

.icon-circle,
.pg-item .icon-circle,
.qg-img .icon-circle {
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  top: 50%;
  left: 50%;
  z-index: 15;
  display: block;
  margin-top: -45px;
  margin-left: -25px;
  padding: 0;
  padding: 15px;
  background: #ffffff;
  background: rgba(255, 255, 255, 0.9);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  /* older webkit */
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);}
  
.kuang:hover  img {
transform: scale(1.08);transition: all 0.5s ease 0s;-webkit-transform: scale(1.08);-webkit-transform: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;
}

.icon-circle {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  -webkit-opacity: 0.7;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
  display: none;
  margin-right: -60px;
  margin-bottom: -120px;
  padding: 4px;
  width: 60px;
  height: 60px;
  background:#fff;
  text-align: center;
  z-index:999;
}
.icon-circle img{ width:20px!important; height:24px; text-align:center; margin:0 auto; margin-top:13px; margin-left:4px; position:relative; z-index:9;}
.kuang .icon-circle {
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  transform: scale(0.7);
  display:block;
}
.kuang a:hover .icon-circle,
.kuang:hover .icon-circle {
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}
.kuang:hover .icon-circle {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}