@charset "UTF-8";
/* CSS Document */

*{ margin:0; padding:0;}
img{ border:none; vertical-align:middle;}
ul{ list-style:none;}
a{ text-decoration:none; color:#31a0dc; cursor:pointer}
button{cursor:pointer}
.FL{ float:left}
.FR{ float:right}
body{ width:100%; height:auto; background:#fff; font-size:14px; color:#444; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;font-family:"微软雅黑";}
.top{ width:100%; background:#fff;}
.mainindex { width:1280px;  margin:0px auto; padding:0px 0px; background:#fafafa; box-sizing:border-box;}
.mainbox{ overflow:hidden; width:1280px; margin:0 auto 10px auto;}
.mainboxbllc{ width:auto; height:130px;background:#fafafa; box-sizing:border-box;margin:0 auto 30px auto;}
.mainboxbllc h3{ width:100%; background-color:#e4f1f9; padding:8px 15px; font-weight:normal;font-size:16px;margin-left:-1px; margin-top:-1px; color:#0473ba }
.bllcdiv{width:100%;text-align:center;height:120px;background: url(../../assets/img/bgliuchengtu.png) no-repeat ; background-size:100%;}
.banner { padding:14px 0px;overflow:hidden;}
.context{ width:1280px; overflow:hidden; margin:0 auto; position:relative;}
.menucontext{ width:1280px; margin:0 auto; position:relative;}
.dropdown-menu{border-radius:0px !important;border:none !important;padding:0px;margin:0px;z-index: 3000;background: #fafafa;border: 1px solid #eee !important;border-top: 0px !important;}
.dropdown-menu li{text-align:center;width:100%;}
.dropdown-menu a{padding:9px 10px !important;color:#666;text-shadow:none !important;background:#fafafa;border-bottom:1px solid #eee;}
.dropdown-menu a:hover,.dropdown-menu a:focus{	filter:none !important;background: #f3f3f3 !important;}
.dropdown-menu::after, .dropdown-menu::before{border:none !important;}
.global_fwdh{color:#148ac0;font-size:15px}
.global_lxdh{color:#ef320c;font-size:12px}
.login { float:right;line-height:40px;color:#333;  }
    .login a { color:#b62d29; padding:0 5px; font-size:16px;}
.online-loginInfo{top: 10px;right:20px; font-size: 16px; color: #4d4d4d; position: relative; list-style: none; margin: 0px; padding: 0px;}
.online-loginInfo li{list-style: none; margin: 0px; padding: 0px;display: inline-block; margin: 0px 10px;}
.online-loginInfo a{font-size: 16px; color: #4d4d4d;text-decoration: none;}
.serviceinfo{top: 100px; right:60px;font-size: 16px; color: #4d4d4d; position:absolute; }
.menuindex { width:100%; height:48px; background-color:#0070b7;background:#0070b7 url(../../assets/img/global/menubg.png) no-repeat top center; }
.menuindex ul { float:left; }
    .menuindex ul li { float:left;height:48px; line-height:48px;  font-family:"微软雅黑";}
    .menuindex ul li a { color:#fff; font-size:16px; display:block;padding:0 30px;  }
    .menuindex ul li a:hover { background:# ;}

    
.newstip { padding:6px; background-color:#f6f6f6; font-size:14px;}
.newstip span { padding:0 20px 0 5px; color:#f00; font-weight:600; }
.newstip a { color:#606060 }
.slideBox{ width:100%; height:350px; overflow:hidden; position:relative;z-index:1  }
		.slideBox .hd{ height:12px; overflow:hidden; position:absolute; right:5px; bottom:15px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1;  }
		.slideBox .hd ul li{ float:left; margin-right:4px;  width:12px; height:12px; line-height:12px; border-radius:50%;  text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; position:relative; height:350px; }
        .slideBox .bd li a{ display:block;}
		.slideBox .bd img{ width:772px; min-height:350px; display:block; vertical-align:middle  }
        .slideBox .bd li span { text-indent:28px; position:absolute; display:block;bottom:0px; left:0px; display:block; width:100%; height:30px; line-height:30px; background-color:rgba(0,0,0,0.6);  }
            .slideBox .bd li span a { color:#ccc; }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../../assets/img/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }

.loginbox { width:483px; height:348px;border:1px solid #f3f3f3; background-color:#fff;  }
.loginbox h3{ width:100%; background-color:#e4f1f9; padding:8px 15px; font-weight:normal;font-size:16px;margin-left:-1px; margin-top:-1px; color:#0473ba }
.loginstyle {text-align:right; padding:15px 25px; }
.loginstyle a{ color:#555;margin-left:20px;}
.loginstyle a:hover{ color:#ce3939; text-decoration:underline;}
.loginstyle a.red{color:#ce3939; text-decoration:underline;}
.loginbox input{ width:280px; font-size:16px; height:30px; line-height:30px; border-radius:4px;border:1px solid #e5e5e5; text-indent:30px; outline:none}
.loginbox .userbg{ background:url(../../assets/img/username.png) no-repeat 4px 5px}
.loginbox .passbg{ background:url(../../assets/img/password.png)no-repeat 4px 5px}
.loginbox button.loginbtn{ width:280px; height:32px;height:32px; line-height:32px; border-radius:4px;outline:none; background-color:#2f89c3; border:1px solid #2b7eb3; color:#fff; font-size:16px; cursor:pointer; margin-left:72px; margin-top:10px}
.phonenumberlogin .sendCode{ background-color:#ea6969;border-radius:4px;outline:none; width:80px; height:30px; line-height:30px;border:none; color:#fff; font-size:14px; margin-left:10px }
.usernamelogin, .phonenumberlogin{width:400px; margin:20px auto;}
.usernamelogin p, .phonenumberlogin p{text-align:center;; margin-bottom:20px; border-color: #da3e16;}
.usernamelogin p span, .phonenumberlogin p span{ width:72px; text-align:right; display:inline-block; }
.yhmm{ text-align:center; padding-top:20px}
.yhmm a{ margin:0 20px; color:#666;text-decoration:underline}
.yhmm a:hover{color:#31a0dc;}
.userinfor{ padding:40px 50px}
.userinfor .information a{text-decoration:underline;}
.userinfor p{ font-size:20px; color:#f57f30; padding:20px 0px;}
.userinfor a.Modifypassword{ width:110px; height:32px; line-height:32px; text-align:center; background-color:#4ea5db; display:inline-block; color:#fff; border-radius:4px }
.slideTxtBox{text-align:left; float:left;font-family:"微软雅黑"; background-color:#fff; }
.slideTxtBox .hd{ height:38px; line-height:38px; background:#f9f9f9; border-bottom:1px solid #f3f3f3;  position:relative; }
.slideTxtBox .hd ul{ float:left; position:absolute;top:-1px; left:-1px; height:38px;   }
.slideTxtBox .hd ul li{ float:left;  cursor:pointer; width:100px; text-align:center; }
.slideTxtBox .hd ul li.on{ height:39px;  background:#b61412;  color:#fff; font-weight:600  }
.slideTxtBox .bd ul{ padding:15px;  zoom:1;  }
.slideTxtBox .bd li.list{ height:32px; line-height:32px; border-bottom:1px dashed #eee; padding:0 8px 0 5px;    }
.slideTxtBox .bd li.list strong { color:#b71111; }
.slideTxtBox .bd li.list a { color:#666; display:inline-block; width:550px; }
.slideTxtBox .bd li.list span { display:inline-block; float:right; color:#bbb; font-size:12px }
.slideTxtBox .bd li.firstnew { min-height:50px; padding-bottom:10px;}
.slideTxtBox .bd li.firstnew h3{ font-size: 16px; color: #084466;text-align: center; margin: 0 10px 6px 10px; height: 30px; line-height: 30px; word-break: break-all;
    display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;  overflow:hidden; }
    .slideTxtBox .bd li.firstnew a{ line-height:22px; color:#919191; font-size:14px; display:block;font-family: Arial, sans-serif; }
    .slideTxtBox .bd li.firstnew  a:hover { color:#0594c9}
.Fastway {width:483px; height:315px;border:1px solid #f3f3f3; background-color:#fff;}
.Fastway h3{ width:100%; background-color:#e4f1f9; padding:8px 15px; font-weight:normal;font-size:16px;margin-left:-1px; margin-top:-1px; color:#0473ba }
.Fastway ul{}
.Fastway ul li{ width:210px; height:70px; float:left; margin:12px 15px;}
.Fastway ul li a{ display:block}
.Fastway ul li img{ width:50px; margin:10px 10px 0px 15px; display:inline-block; float:left;}
.Fastway ul li span{ color:#fff; font-size:16px; padding:30px 0px 0px 25px; float:left; display:inline-block;}

.online-full-container{ width: 100%; }
.online-news-panel th { text-align: left; vertical-align: middle; }
.online-zcfg th.selected-news{border-bottom: 1px solid #005fc8;  }
.online-zcfg th.online-news-title-bg{ background: none; }

.online-news-title-bg{background: url(../../assets/img/main/news-title-bg.png); height: 32px; width: 100px; font-size: 16px; cursor: pointer; }
.online-news-split{ background: url(../../assets/img/main/news-split.png) ;width:5px; }
.news-zxdt tr{border-bottom: 1px dashed #9d9d9d;}
.news-zxdt td{ padding: 8px 0px 3px 2px; font-size: 15px; color: #666666; }
.news-zxdt a{ width: 515px; overflow: hidden;white-space:nowrap; text-overflow:ellipsis; text-indent: 10px ;background: url(../../assets/img/main/news-list-style.png) no-repeat;background-position: 1px 8px;font-size: 14px; color: #666666; display: inline-block; text-decoration: none; }
.news-zxdt a:hover{background: url(../../assets/img/main/news-list-style-selected.png) no-repeat;background-position: 1px 8px;color: #0c6baf;}

.online-bslc{ height: 100%; }



.yhzxbg { background-color:#3fbae4;}
.jdcxbg { background-color:#49d842;}
.wdywbg { background-color:#f57f30;}
.zxslbg { background-color:#00ca98;}
.zxyybg { background-color:#5897d7;}

.bzscbg { background-color:#ea7e7e;}
.blywbg { background-color:#ea7e7e;}

.blznbg { background-color:#5be197;}
.linklist {  height:40px; margin-top:14px; margin-bottom:14px;border:1px solid #eaeaea; background-color:#f6f6f6;}
.linkbg { display:inline-block; width:113px; height:40px; line-height:40px; background:url(../../assets/img/linkbg.png) no-repeat top center; margin:-1px 0px 0px -1px; float:left; color:#fff; text-align:center; }
.linklist select { float:left; display:inline-block; width:220px; height:30px; border-radius:4px; background-color:#fff; border:none; font-size:14px; color:#757575;
 margin:5px 20px;}
.bottom {
	width:100%;
	min-width:1280px;
	margin:0 auto; 
	padding:25px 0px; 
	background-color:#446993; 
	text-align:center;
	font-family:"微软雅黑"; 
	color:#4a4a4a; line-height:20px; 
	font-size:12px; 
	/*background: url(../../assets/img/main/footer.png) repeat-x; */
	height: 100px; 
}
.head-split{
	height:4px;
	background:#33a0e5;
	margin-top:-1px
}
.foot_copyright{
	margin:auto;
	text-align:center;
}
.foot_copyright>a,.foot_copyright>span{
	padding-left:15px; 
	font-size:13px; 
	line-height:24px;
	color:#fff;
}
.foot_copyright>a:first{
	padding-left:0; 
}
.foot_copyright>span:first{
	padding-left:0; 
}

   .footerindex {
  height: 100px;
  line-height:40px; 
}
  footer {
 background-color:#28476a; text-align:center;font-family:"微软雅黑"; color:#4a4a4a; font-size:13px; background: url(../../assets/img/main/footer.jpg) repeat-x; 
  padding: 20px;
}
.breadcrumb > li + li:before { padding: 0 5px;  content: "\f105\00a0";font-family: FontAwesome;}
.catalog-list {width: 100%;background: #fff;border: 1px solid #ddd;min-height: 600px;}
.news li { width: 100%;margin-left: 0; margin-bottom: 0px;height: 30px;line-height: 30px;list-style: none;}
.news li {padding: 0px 15px; border-bottom: 1px dashed #b8b8b8;}
.news li a { display: inline-block; color: #000;width: 55%;height: 30px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;
    vertical-align: middle;background: url(../img/d.png) left center no-repeat; padding-left: 10px; padding-right: 0px;font-size: 18px;padding-top: 0px;}
.news li span {float: right;}
ul.news li:hover { color: #1e99e1;}
ul.news li a:hover {color: #1e99e1;background: url(../public/cms/images/icon_circle_active.png) left center no-repeat;}

.gt_notice{position:fixed;top:240px;left:10px;z-index:999;width:190px;background:#0070b7;;padding:10px 15px;margin-top:20px;}
.gt_notice h2{font-size:14px;text-align:center;padding:0 0 10px;color:#fff;margin:0;}
.gt_notice a{text-align:center;padding:0 0 10px;margin:0 auto;}
.gt_notice p{font-size:14px;line-height:24px;font-weight:bold;color:#fff;margin:0;}
.gt_notice_close{position:absolute;right:11px;top:7px;width:20px;height:20px;background:url(../../assets/img/close.png) no-repeat;cursor:pointer;}
header{
	color:#333;
	min-width:1280px;
}
header a{
	color:#333;
}
img {
  margin: 0px;
  padding: 0px;
  outline: none;
  border: 0px;
}
.l_float{
    float: left;
}
.r_float{
    float: right;
}
.hidden{
    display: none;
}
.clearfix{
    zoom:1;   
}
.clearfix:after{
    clear:both;
    content:'';
    display:block;
    width: 0;
    height: 0;
    visibility:hidden;
    
} 

      .zjzw_head,#bm_close{
          display: none;
      }
      /*头部样式*/
         .zjzw_pc_head{
             width: 100%;
             height: 128px;
             background: #FFFFFF;
             max-height: 128px;
             padding-top:20px;
         }
         .headContainer{
             width: 1280px;
             margin:0 auto;
         }
         .logocolumn{
             height:48px;
             padding-left:10px;
         }
         .zjzw_pc_head .logo{
             height: 48px;
             display:inline-block !important;
         }
         .zjzw_pc_head .logo .logo-img{
             width: 48px;
             height: 48px;
             float:left;
             background: url(../img/logo.png) no-repeat;
    		background-size: 48px 48px;
         }
         .zjzw_pc_head .logo .logo_title{
         	float: left;
         	margin-left:6px;
         	height:48px;
         }
         .zjzw_pc_head .logo .logo_title .cn_title{
         	font-size: 28px;
		    font-family: Microsoft YaHei;
		    font-weight: 700;
		    color: #427bbd;
		    display: list-item;
		    list-style: none;
		    text-shadow: #bfcbe7 2px 1px 0px;
		    /* margin-top: 1px; */
		    margin-top: -2px;
		    line-height:36px;
         }
         .zjzw_pc_head .logo .logo_title .en_title{
         	font-size: 13.7px;
         	margin-top: -6px;
         	font-weight: 700;
         	color: #5f87aa;
         	display:list-item;
         	list-style:none;
         	line-height:22px;
         	font-family: Microsoft YaHei;
         }
         
         .zjzw_pc_login>img{
             width: 1px;
             height: 13px;
             margin: 0 13px;
             float: left;
             margin-top: 11px;
         }
         #zjzw_mhw,#zjzw_jiuban{
             display: inline-block;
             font-size: 14px;
             color: #333333;
             float: left;
             margin-top: 6px;
         }
         #pc_logins{
             margin-left: 22px;
             float: right;
         }
         #btnlogin,#register{
             width: 76px !important;
             height: 32px !important;
             line-height:30px !important;
             position: relative;
             border-radius: 2px !important;
             font-size: 14px;
             color: #333333;
         }
         #register{
             border: 1px solid #EAECED;
         }
         #btnlogin{
             background: #F1F2F3;
             border: 1px solid transparent;
         }
#register:hover{
    background:none !important;
}
         #reg{
             right: -9px !important;
             top: 27px !important;
         }
         #btn{
             right: -8px !important;
             top: 28px !important;
         }
         .func>.user>a{
             color: #333 !important;
         }
         .func>.user>span{
             border-top: 1px solid #333 !important;
             border-right: 1px solid #333 !important;
         }
         
         
         
         /*导航栏*/
      .zjzw_pc_head .nav{
          height: 60px;
          position: relative;
      }
      .zjzw_pc_head .nav .userinfo{
      	font-size:14px;
      	float:right;
      	margin-top:32px;
      }
      .zjzw_pc_head .nav .userinfo a{
      	margin-right:10px;
      	font-size:14px;
      }
      .zjzw_pc_head .nav .userinfo .btn-group.open .dropdown-toggle{
      	    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.125);
    		box-shadow: inset 0 0px 0px rgba(0,0,0,.125);
      }
      .zjzw_pc_head .nav .userinfo .login-btn{
      	color:#2c5289;
      	
      }
      .zjzw_pc_head .nav .userinfo .register{
      	color:#c30310;
      }
      .zjzw_pc_head .nav>ul{
      	position:absolute;
      	bottom:0;
      	left:0;
      	height:37px;
      	padding-left:0 !important;
      	margin-bottom:0;

      }
      .zjzw_pc_head .nav>ul>li{
          float: left;
          text-align:center;
          padding:0 22px;
          
      }
      .zjzw_pc_head .nav>ul>li>a{
          display: inline-block;
          line-height: 32px;
          color: #333;
          font-size: 16px;
      }
      .zjzw_pc_head .nav>ul>li>a:hover{
          border-bottom: 5px solid #33a0e5;
          color:#33a0e5;
          box-sizing: border-box;
      }
      .zjzw_pc_head .nav>ul>li.on{
      	background:#33a0e5;
      }
      .zjzw_pc_head .nav>ul>li.on>a{
          border-bottom: 5px solid #33a0e5;
          color:#fff;
      }
      .zcxw{
          position: relative;
      }
      .zcxw:hover .zcxw_list{
          display: block;
      }
      .zcxw_list{

          position: absolute;
          left: 0;
          right:0;
          top:36px;
          background: #efefef;
          text-align: center;
          z-index: 999;
          display: none;
      }
      .zcxw_list ul{
      	padding-left:0;
      }
      .zcxw_list li{
          line-height: 26px;
          height: 26px;
          margin:12px auto;
      }
      .zcxw_list li>a{
          font-size: 14px;
          color: #333;
          height: 26px;
          line-height: 26px;
          padding: 0 22px;
          display: block;
      }
      .zcxw_list li:hover{
          background: #fff;
      }

 
 
       .zlxz{
          position: relative;
      }
      .zlxz:hover .zlxz_list{
          display: block;
      }
      .zlxz_list{

          position: absolute;
          left: 0;
          right:0;
          top:36px;
          background: #efefef;
          text-align: center;
          z-index: 999;
          display: none;
      }
      .zlxz_list ul{
      	padding-left:0;
      }
      .zlxz_list li{
          line-height: 26px;
          height: 26px;
          margin:12px auto;
      }
      .zlxz_list li>a{
          font-size: 14px;
          color: #333;
          height: 26px;
          line-height: 26px;
          padding: 0 22px;
          display: block;
      }
      .zlxz_list li:hover{
          background: #fff;
      }
      .zlxz{
          position: relative;
      }
      .zlxz:hover .zlxz_list{
          display: block;
      }
      .zlxz_list{

          position: absolute;
          left: 0;
          right:0;
          top:36px;
          background: #efefef;
          text-align: center;
          z-index: 999;
          display: none;
      }
      .zlxz_list ul{
      	padding-left:0;
      }
      .zlxz_list li{
          line-height: 26px;
          height: 26px;
          margin:12px auto;
      }
      .zlxz_list li>a{
          font-size: 14px;
          color: #333;
          height: 26px;
          line-height: 26px;
          padding: 0 22px;
          display: block;
      }
      .zlxz_list li:hover{
          background: #fff;
      }



.hzjg{
    position: relative;
}
.hzjg:hover .hzjg_list{
    display: block;
}
.hzjg_list{

    position: absolute;
    left: 0;
    right:0;
    top:36px;
    background: #efefef;
    text-align: center;
    z-index: 999;
    display: none;
}
.hzjg_list ul{
    padding-left:0;
}
.hzjg_list li{
    line-height: 26px;
    height: 26px;
    margin:12px auto;
}
.hzjg_list li>a{
    font-size: 14px;
    color: #333;
    height: 26px;
    line-height: 26px;
    padding: 0 22px;
    display: block;
}
.hzjg_list li:hover{
    background: #fff;
}

      

 
 

   
    
    .xpanel-header{
    	padding:12px 8px;
    	border-bottom:4px solid #496288;
    	margin-bottom:1px;
    }
    .xpanel-header h2{
    	font-size:26px;
    	font-weight: 700;
    }

    .right-box{
    	max-height:36px;
    }
    .right-box>div{
    	float:left;
    }
    .local-btn{
		border-radius: 3px;
		cursor:pointer;
		height:36px;
		box-sizing: border-box;
    }
    .local-btn:hover{
    	background: #efefef;
    	
    }
    .local-btn i{
 	  color: #cf5e1c;
    }
    .local-btn a{
    	font-size:18px;
    	line-height:36px;
    	width:80px;
    	border:0;
    	margin-left:4px;
    	padding:0 6px;
    	text-decoration: none;
    }
    .nav-search{
    	height:36px;
    	margin-left:20px;
    	
    }

    .nav-search>div{
    	line-height:36px;
    	float:left;
    	height:36px;
    	border:1px solid #26aef4;
    	
    }
    .nav-search .search-input{
    	border-right:0;
    }
    .nav-search .search-input>input{
    	width:200px;
    	padding: 0px 6px;
    	border:0;
    	background:none;
    	display:block;
    	line-height:36px;
    	height:36px;
    }
    .nav-search .search-input:hover{
    	border-color:#74ccfa;
    }
    .nav-search .search-btn{
    	background: #26aef4;
    	padding:0 20px;
    	text-decoration: none;
    	color:#fff;
    	
    }

    .nav-search .search-btn i{
    	color:#fff;
    }
    .nav-search .search-btn:hover{
    	background: #74ccfa;
    	cursor:pointer;
    	
    }
    .nav-search .search-btn:hover i{
    	color:#efefef;
    }
    
    .nav-link{
    	height:36px;
    	margin-left:20px;
    }
    .nav-link >a{
    	font-size:18px;
    	color:#999;
    	position:relative;
    }
    .nav-link >a i{
    	line-height:36px;
    }
    .nav-link >a:hover{
    	color:#48975d;
    }
    .nav-link >a:hover .tip-content{
    	display:block;
    }
    .nav-link >a .tip-content{
	    display: none;
	    position: absolute;
	    top: 30px;
	    left: -65px;
	    width: 160px;
	    height: 160px;
	    z-index: 999;
	    background: #efefef;
	    padding:1px;
    }
    .nav-link >a .tip-content:before{
        content:'';
        position:absolute;
		border-left: 10px solid transparent; /* 左边框的宽 */
		border-right: 10px solid transparent; /* 右边框的宽 */
		border-bottom: 10px solid #efefef; /* 下边框的长度|高,以及背景色 */
        top:-10px;
        left:70px
    
    }
    
    /**表单相关**/
    .form-group.required>label:after {
	    margin: -0.2em 0 0 0.2em;
	    content: '*';
	    color: #db2828;
	    font-weight: bold;
	}
    /**表单相关end**/
    
    
 
    /*通过@keyframes规则,能够创建动画 , que 定义动画的名称 可自己定义*/
    @keyframes imgque {
        0%{
            transform: rotateY(0deg);
        }
        100%{
            transform:rotateY(360deg);
        }
    }
    @-webkit-keyframes imgque{

	    from {-webkit-transform: rotateY(0deg);}
	
	    to {-webkit-transform: rotateY(360deg);}

	}

	.btn-item{
		width: 148px;
	    height: 148px;
	    display: inline-block;
	    padding-top: 24px;
	    text-align: center;
	    color: #fff;
	    border-radius: 50%;
	    background-repeat: no-repeat;
	    background-size: 148px 148px;
		
	}
	.list{
		text-align:center;
	}
	.list li{
		display:inline-block;
		margin:20px 20px;
	}
	.btn-item:hover{
	    transform:scale(1.1);
	    -webkit-transform:scale(1.1);
	    -moz-transform:scale(1.1);
	    -o-transform:scale(1.1);
	    -ms-transform:scale(1.1);

	}
	.btn-item:hover img{
	    animation: imgque 2s linear infinite;
	    -moz-animation: imgque 2s linear infinite;
	    -webkit-animation: imgque 2s linear infinite;
	    -o-animation: imgque 2s linear infinite;
    }
	.btn-item p{
		margin-top:10px;
		font-size:16px;
		font-weight: 500;
	}
	.bg1{
		background-image:url(../img/main/btn_bg1.png);
	}
		.bg2{
		background-image:url(../img/main/btn_bg2.png);
	}
		.bg3{
		background-image:url(../img/main/btn_bg3.png);
	}
		.bg4{
		background-image:url(../img/main/btn_bg4.png);
	}
		.bg5{
		background-image:url(../img/main/btn_bg5.png);
	}
		.bg6{
		background-image:url(../img/main/btn_bg6.png);
	}
		.bg7{
		background-image:url(../img/main/btn_bg7.png);
	}
		.bg8{
		background-image:url(../img/main/btn_bg8.png);
	}
		.bg9{
		background-image:url(../img/main/btn_bg9.png);
	}