/*
 * PHPWEB (http://weboss.hk)
 * Copyright (c) 2013-2020 http://www.weboss.hk All rights reserved.
 * Author: 吴先生 <510551@qq.com>
 */
@font-face {
	font-family:'HelveticaNeueLTPro';src:url('HelveticaNeueLTPro-ThEx.otf?v=201710130001'),url('HelveticaNeueLTPro-ThEx.otf?v=201710130002') format('embedded-opentype')
}
body{
    color: #2F2F2F;
}
a{
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
}
a:hover{
    text-decoration:none;
}
button:focus,
button:active {
  outline: none!important;
}

ul{
    list-style:none;
}
.clear{
    clear: both;
}
.img-thumbnail{
    transition : opacity 0.7s;
}
.img-thumbnail:hover,
.opacity_img:hover{
    opacity: 0.75;
}

header{
    background-color: #fff;
}

/*幻灯片*/
.flash img{
    width: 100%;
    margin-top: 74px;
}
.flash ul.bxslider{
    list-style:none;
}
.flash div.bx-pager{
    bottom: 4%;
}
.flash div.bx-controls-direction{
    display:none;
}


/*产品搜索*/
.search_group{margin: 25px 0px 35px 0px;}
.form-control{border-radius: 0px; box-shadow: none;}
.mysearch_btn{ background-color:#2E82FF;color:#fff;border-radius: 0px;}
.mysearch_btn:hover,.mysearch_btn:focus{ background-color:#ff893b; color:#fff;}
#small_search{float: right; margin-top: 7px; padding:8px 13px;font-size: 17px;border-radius: 4px; color: #fff;}
#small_search:hover,#small_search:focus{cursor: pointer; background-color: #3477c8;}

/*首页-左侧栏目*/
.left_nav{
    padding: 20px 15px 30px 15px;
    background: url(../images/left_head.jpg) no-repeat top center #2E82FF;
    margin-top: 25px;
    margin-bottom: 20px;
}
.left_nav h3{
    text-align: center;
    color: #fff;
    margin:0px 0px 4px 0px;
}
.left_nav p{
    text-align: center;
    color: #fff;
    font-size: 14px;
    letter-spacing:2px;
    margin-bottom: 10px;
}
.left_nav_bg{
    background: url(../images/left_nav_bg.jpg) center bottom no-repeat #fff;
    padding: 10px 15px 22px 15px;
}
.left_nav_tel{
    margin: 220px 0px 0px 0px;
    text-align: center;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
}
.left_nav_ul{
    list-style:none;
    padding:0px;
    margin:15px 0px 0px 0px;
    padding-bottom: 10px;
  }
.left_nav_ul > li > a{
    display: block;
    text-decoration:none;
    color:#fff;
    font-size:15px;
    background-color: #2E82FF;
    border-radius: 5px; 
    padding:6px 0px 6px 18px;
    margin-bottom: 8px;
}
.left_nav_ul > li > a:hover,
.left_nav_ul li a.left_active{
    color:#fff;
    background-color: #03b29c;
}
/*首页-左侧二级栏目*/
ul.left_snav_ul{
    list-style:none;
    padding:0px;
}
ul.left_snav_ul > li{
    margin:0px;
}
ul.left_snav_ul > li > a{
    display: block;
    text-decoration:none;
    color:#fff;
    padding:5px 0px 5px 30px;
    background: url(../images/left_tree.gif) 20px 8px no-repeat #5f9fe6;
    border-radius: 5px;
    margin-bottom:8px;
}
ul.left_snav_ul > li > a:hover{
    color:#fff;
    background-color: #03b29c;
}

/*列表页-左侧栏目*/
.left_h3{
    margin-top: 19px;
    font-size: 20px;
    font-weight: normal;
    color: #545454;
    line-height: 50px;
    border-bottom: 1px solid #ebebeb;
}
.left_h3 span{
    display: inline-block;
    height: 50px;
    border-bottom: 1px solid #2E82FF ;
}
.left_column ul.left_nav_ul{
    list-style:none;
    padding:0px;
    margin:15px 0px 0px 0px;
    padding-bottom: 10px;
  }
.left_column ul.left_nav_ul > li{
    margin-bottom: 5px;
    border-bottom: 1px solid #f2f2f2;
    background: url(../images/left_li.gif) 6px 12px no-repeat;
}
.left_column ul.left_nav_ul > li > a{
    display: block;
    text-decoration:none;
    color:#000;
    font-size:14px;
    background:transparent;
    border-radius:0px; 
    padding:6px 0px 6px 18px;
    margin-bottom: 8px;
}
.left_column ul.left_nav_ul > li > a:hover,
.left_column ul.left_nav_ul li a.left_active{
    color:#03b29c;
    background:transparent;
}
/*列表页-左侧二级栏目*/
.left_column ul.left_snav_ul{
    list-style:none;
    padding:0px;
}
.left_column ul.left_snav_ul > li{
    margin-bottom: 7px;
    border-bottom: 1px solid #f2f2f2;
    background: url(../images/left_sli.gif) 15px 11px no-repeat;
}
.left_column ul.left_snav_ul > li > a{
    display: block;
    text-decoration:none;
    color:#000;
    padding:5px 0px 5px 25px;
    background: transparent;
    border-radius: 25px;
    margin-bottom:8px;
}
.left_column ul.left_snav_ul > li > a:hover{
    color:#03b29c;
    background:transparent;
}

/*左侧新闻*/
.left_news{
    clear: both;
    list-style:none;
    margin:0px;
    padding:0px;
}
.left_news li{
    color:#545455;
    border-bottom: 1px dotted #dddddd;
    background: url(../images/li.png) no-repeat left 15px;
    line-height:21px; 
    padding: 10px 0px; 
    padding-left:14px;
}
.left_news li a{
    color:#2F2F2F;
}
.left_news li a:hover,
.left_news li a:focus{
    text-decoration:none;
    color:#03b29c;
}

/*左侧联系*/
.left_contact{
    margin:30px 0px 35px 0px;
}
.left_contact p{
    clear: both;
}

/*首页产品*/
.product_head{
    margin-top: 40px;
}
.product_head p,.product_head h2{margin:0;padding:0;}
.ev-module-edit{width:100%; z-index:1;}
.ev-module-edit2{width:100%;margin-top:-54px; z-index:2!important;}
.ev-module-edit2 P{text-align:center;line-height:28px;}
.ev-module-edit h2{text-align:center;font-size:36px;font-weight:400;line-height:1.3}
.ev-module-edit span{font-size:56px;color:#F7F7F7;}
.ev-module-edit2 span{font-size:36px;color:#333333;}
.ev-module-edit-box{height:100%;width:100%}

.product_list{
    clear: both;
    padding: 25px 0px 0px 0px;
    margin-right: -15px;
    margin-left: -15px;
}
.product_list2{
    padding-top: 50px;
}
.product_img{
    padding-left: 15px; 
    padding-right: 15px; 
    min-height: 340px;
}
.product_img img{
    margin-right: auto;
    margin-left: auto;
    display: block;
    max-height: 300px; 
    max-width: 100%;
    height: auto; 
    margin-bottom: 10px; 
    padding: 0px 0px 0px 0px;
}
.product_list2 div.product_img{
    min-height: 340px;
}
.product_title{
    text-align: center;
    height: 40px;
}
.product_title a{
    color: #2F2F2F;
}
.product_title a:hover{
    text-decoration: none;
    color:#0071bf;
}

.center_tel{
    margin-top: 40px;
    height: 200px;
    background-position: center center;
}

/*首页-客户案例*/
.case_bg{
    padding-bottom: 20px;
    background-color: #f7f7f7;
}
.case_head{
    padding-top: 25px;
    padding-bottom: 25px;
}
.case_head h2{
    text-align: center;
    margin-top: 45px;
    margin-bottom: 25px;
    font-size: 36px; 
    color: #333;
}
.case_head p{
    text-align: center;
    font-size: 18px;
    color: #555;
}
.case_list{
    clear: both;
    padding: 25px 0px 0px 0px;
    margin-right: -15px;
    margin-left: -15px;
}
.case_list2{
    padding-top: 20px;
}
.case_img{
    padding-left: 15px;
    padding-right: 15px;
    min-height: 270px;
}
.case_img img{
    margin-right: auto;
    margin-left: auto;
    display: block;
    max-height: 270px;
    max-width: 100%;
    height: auto; 
    margin-bottom: 10px; 
    padding: 0px 0px 0px 0px;
}
.case_list2 div.case_img{
    min-height: 220px;
}
.case_title{
    text-align: center;
    height: 40px;
}
.case_title a{
    color: #2F2F2F;
}
.case_title a:hover{
    text-decoration: none;
    color:#0071bf;
}

/*首页-四大优势*/
.advantage_head h2{
    text-align: center; 
    margin-top: 60px; 
    font-size: 36px; 
    color: #2E82FF;

}
.advantage_head p{
    text-align: center;
    font-size: 18px; 
    color: #666666; 
    margin-top:8px;
}
.advantage_head span{
    display: block;
    margin: 0 auto;
    width: 50px;
    height:2px;
    background-color: #2E82FF;
    margin-bottom: 50px;
}
.advantage_left img{
    width: 50%;
    float: left;
}
.advantage_left h3{
    width: 50%;
    float: right;
    text-align: right;
    font-size: 28px;
    font-weight: bold;
    color: #2E82FF;
}
.advantage_left h3 span{
    font-weight: bold;
    font-size: 45px;
}
.advantage_left p{
    font-size: 16px;
    width: 50%;
    float: right;
    text-align: right;
    color: #666666;
    line-height: 47px;
    margin-top: 15px;
    padding-right: 28px;
    background: url(../images/advantage_libg.jpg) repeat-y right 13px;
}
.advantage_right img{
    width: 50%;
    float: right;
}
.advantage_right h3{
    width: 50%;
    float: left;
    text-align: left;
    font-size: 28px;
    font-weight: bold;
    color: #2E82FF;
}
.advantage_right h3 span{
    font-weight: bold;
    font-size: 45px;
}
.advantage_right p{
    font-size: 16px;
    width: 50%;
    float: left;
    text-align: left;
    color: #666666;
    line-height: 47px;
    margin-top: 15px;
    padding-left: 28px;
    background: url(../images/advantage_libg.jpg) repeat-y left 13px;
}

/*首页-新闻资讯*/
.news_bg{margin-bottom:40px;}
.news_index{clear: both; list-style:none;margin:0px;}
.news_index li{margin-bottom: 20px; padding: 25px 15px; min-height: 70px; border: 1px solid #ccc;}
.news_index li span{display: inline-block; width: 60px; height: 60px; text-align: center; background-color:#286EDE; color: #fff; float: left;  padding:0px 2px; position: relative; left: -35px; top:-5px;}
.news_index li span strong{display: block; font-size: 24px; padding-top: 5px;line-height:30px;}
.news_index li span i{display: block; font-size: 12px;  font-style: normal; font-family: Arial;}
.news_index li a{color:#333;font-size: 16px;margin-left: -20px;}
.news_index li a:hover{ text-decoration:none;color:#30C0F8; }
.news_index li em{ width:85%;font-style: normal; display:inline-block; line-height: 18px;color: #777; padding-top: 10px;margin-left: -20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.news_col{margin-top: 10px; margin-bottom: 10px;text-align: left;}
.news_index2{clear: both; list-style:none;margin:0px; padding:16px 0px 10px 0px;}
.news_index2 li{color:#363534;border-bottom: 1px dashed #ccc;background: url(../images/li.png) no-repeat left 16px;line-height:21px; padding: 11px 0px; padding-left:13px;}
.news_index2 li a{color:#363534;}
.news_index2 li a:hover{ text-decoration:none;color:#30C0F8; }

/*首页-公司简介*/
.about_head{
    margin-bottom: 60px;
}
.about_head h2{
    text-align: center; 
    margin-top: 50px; 
    font-size: 36px; 
    color: #333;
}
.about_head p{
    text-align: center;
    font-size: 18px; 
    color: #555;  
    margin-top:8px;
}
.about_h3{
    font-family: Arial;
    color: #2E82FF;
    font-size: 50px;
    font-weight: bold;
    margin: 0px;
}
.about_p{
    font-size: 16px;
    color: #000;
    padding-bottom: 20px;
    border-bottom: 1px solid #dadada;
}
.about_content{
    line-height: 30px;
    color: #555;
    margin-top:20px;
}
.about_btn{
    display: block;
    text-align: center;
    width: 140px;
    padding: 7px 0px;
    color: #fff;
    text-decoration: none;
    border-radius: 15px;
    background-color: #2E82FF;
    margin-top: 20px;
}
.about_btn:hover,.about_btn:focus{
    color: #fff;
    text-decoration: none;
    background-color: #03b29c;
}
.about_video{
    width: 100%;
}

/*首页-合作客户*/
.cooperation_head{
    margin-top: 60px;
    margin-bottom: 30px;
}
.cooperation_head p{
    text-align: center;
    font-size: 24px; 
    color: #333; 
    margin-top:8px;
}
.cooperation_head span{
    display: block; 
    height: 3px; 
    background: url(../images/cooperation_title.jpg) center center no-repeat;
}
.cooperation_img{
    padding-left: 15px; 
    padding-right: 15px; 
    min-height: 180px;
}
.cooperation_img img{
    margin-right: auto;
    margin-left: auto;
    display: block;
    max-height: 170px; 
    max-width: 100%;
    height: auto; 
    margin-bottom: 10px; 
    padding: 0px 0px 0px 0px;
}

/*列表页-横幅*/
.page_bg{
    margin-top:74px;
    height: 200px;
    margin-bottom: 0px;
}

/*列表页-面包屑*/
.bread_bg{
	background:#FFF;
    border-bottom: 1px solid #f3f3f3;
    color: #03499a;
}
.bread_bg2{
    background:#F6F8FB;
}
.bread_nav{
    padding: 15px 0px 15px 0px;
}
.bread_nav span{
    border-left: 8px solid #2E82FF;
    padding-left: 8px;
}
.bread_nav a{
    color: #03499a;
}
.bread_nav a:hover{
    color: #0071bf;
    text-decoration: none;
}

/*列表页-右栏*/
.right_head{
    clear: both;
}
.right_head h2{
    height: 50px;
    font-size: 20px;
    font-weight: normal;
    color: #545454;
    line-height: 50px;
    border-bottom: 1px solid #ebebeb;
}
.right_head h2 span{
    display: inline-block;
    height: 50px;
    border-bottom: 1px solid #2E82FF;
}
.right_contents{
    clear: both;
    padding:15px 0px 15px 0px; 
    line-height:28px; 
    overflow: auto;
}
.right_contents_h1{
    margin: 0px;
    padding: 10px 0px;
    text-align: center;
    font-size:24px;
    color:#434343;
    font-weight:bold;
    line-height: 34px;
}
.right_contents_h2{
    margin: 0px;
    padding: 10px 0px;
    text-align: center;
    color: #848484;
    font-size:14px;
    line-height: 24px;
}
.right_contents img {
    max-width: 840px;
}

/*列表页-新闻*/
.right_new{
    clear: both; 
    list-style:none;
    margin:0px; 
    padding:15px 0px 20px 0px;
}
.right_new li{
    color:#898989;
    background: url(../images/li.png) no-repeat left 18px;
    font-size: 16px;
    line-height:22px; 
    padding:12px 0px; 
    padding-left:13px;
    border-bottom: 1px dashed #e3e2e2;
}
.right_new li a{
    color:#2F2F2F;
}
.right_new li a:hover,
.right_new li a:focus{
    text-decoration:none;
    color:#0071bf;
}
.right_new_time,.news_time{
    float:right;
}
.relevant_new ul.right_new li{
    font-size: 14px;
}

/*分页样式*/
.page{
    clear:both;
    margin:20px 0px 20px 0px;
    text-align: center;
 }
.page a{
    display: inline-block; 
    font-family: Arial; 
    font-size: 13px; 
    border: #dbdbdb 1px solid; 
    padding:4px 9px; 
    margin: 2px; 
    margin-bottom: 5px; 
    color: #31363c; 
    text-decoration: none
}
.page a:hover,.page a:focus{
    font-family: Arial;
    font-size: 13px;
    border: #2E82FF 1px solid;
    padding:4px 9px;color: #fff;
    background-color: #2E82FF;
}
.page .current{
    font-family: Arial;
    border: #2E82FF 1px solid; 
    font-size: 13px; 
    padding:5px 9px; 
    color: #fff;
    margin: 2px;  
    background-color: #2E82FF
}
/*产品分类横排*/
      .center_nav{clear: both;text-align:left;}
      .center_nav_ul{ list-style:none;margin:0px;padding:0px;}
	  .center_nav_ul > li{position:relative; float: left;}
	  .center_nav_ul > li > a{font-size:15px;text-decoration:none; color:#000000;display:block; text-align:center;padding: 25px 0px 22px 0px;margin-right:40px;border-bottom:3px #F6F8FB solid;}
	  .center_nav_ul > li > a:hover,.center_nav_ul li a.center_active{color:#2F82FF;padding: 25px 0px 22px 0px;border-bottom:3px #2F82FF solid;}
	  .center_nav_ul > li > a:hover,.center_nav_ul li a.active{color:#2F82FF;padding: 25px 0px 22px 0px;border-bottom:3px #2F82FF solid;}
	  .services_icon h2{font-size: 24px;font-weight:700;color: #333333;margin-top: 18px;}
	  .services_icon h2{font-size: 24px;font-weight:700;color: #333333;margin-top: 18px;}
	  .services_icon{font-size: 54px;font-weight:700;color: #333333;margin-top: 18px;}
	  
      .center_nav2{clear: both;text-align:left;margin-top:20px;}
      .center_nav_ul2{ list-style:none;margin:0px;padding:0px;}
	  .center_nav_ul2 > li{font-size:14px;position:relative; float: left;margin:0px 40px 0px 0px;}

	  .center_nav_ul2 > li > a{text-decoration:none; color:#666666;display:block; text-align:center;padding:10px 25px 10px 25px;border:1px #ddd solid;margin:0px 0px 10px 0px;}
	  .center_nav_ul2 > li > a:hover,.center_nav_ul li a.center_active{color:#fff;background:#2F82FF;}
	  .center_nav_ul2 > li > a.active{color:#fff;background:#2F82FF;border:1px #2F82FF solid;}
	  .services_icon2 h2{font-size: 24px;font-weight:700;color: #333333;margin-top: 18px;}
	  .services_icon2 h2{font-size: 24px;font-weight:700;color: #333333;margin-top: 18px;}
	  .services_icon2 {font-size: 54px;font-weight:700;color: #333333;margin-top: 18px;}
/*产品详细页*/
.showpic_box,.proinfo_box{
    margin: 30px 0px 20px 0px;
}
.product_h1{
    margin:0px; 
    line-height:22px; 
    font-size:16px;
    font-weight: bold;
    color: #000; 
    padding-bottom:10px;
    border-bottom: 1px dotted #cccccc; 
}
.product_info{
    list-style:none;
    padding:0px;
    margin-top:10px;
  }
.product_info p{
    line-height:28px; 
}
.product_btn{
    margin-top: 25px;
}
#pic-page{
    text-align: center;
    margin-top:10px;
}
#pic-page a{
    margin: 0 2px;
}
#pic-page a img
{
    width:40px;
    padding: 2px;
    border: solid #ccc 1px;
    margin-bottom:5px;
}
#pic-page a:hover img,
#pic-page a.active img {
    border: solid #5280DD 1px;
}
.product_con {
    clear: both; 
    border-top: 1px dotted #a9a9a9;
    margin:10px 0px 20px 0px;
    padding:20px 0px 0px 0px; 
    line-height:26px;
    overflow: auto;
 }
.photo_con {
    clear: both;
    margin:0px 0px 20px 0px; 
    padding:10px 0px 20px 0px;
    line-height:26px;
    overflow: auto;
 }
 .product_con img,
 .photo_con img {
    max-width: 840px;
 }

/*按钮样式*/
.download_btn {
    float: right;
    display: block;
    margin: 10px 10px 20px 0px;
  }
.page-btn {
    display: inline-block;
    float: left; 
    background-color: #0071bf;
    border-radius: 0px; 
    border: none; 
    transition:background 0.3s;
    margin-right: 15px;
   }
.page-btn:hover,
.page-btn:focus {
    background-color:#02b29c;
}
.grey-btn {
    border-radius: 0px;
    border: none;
    background-color: #E8E8E8;
}
.grey-btn:hover,
.grey-btn:focus {
    background-color: #ccc;
}

/*在线留言订购*/
.feedback {
    margin-top: 50px;
}
.form-horizontal .form-group{
    margin-right: -10px;
    margin-left: -10px;
}
.codeimg{
    margin: 0px 0px -10px -18px;
}

/*上一个下一个*/
.point{
    clear: both; 
    margin:20px 0px 40px 0px;
    padding-bottom: 40px;
    line-height:22px;
  }
.point span.to_prev{
    text-align:center;
}
.point span.to_prev a{
    color:#337AB7;
}
.point span.to_prev a:hover{
    color: #ea042b;
}
.point span.to_next{
    text-align:center;
}
.point span.to_next a{
    color:#337AB7;
}
.point span.to_next a:hover{
    color: #ea042b;
}

/*标签样式*/
.tags{
    margin: 18px 0px 10px 0px;
}
.tags a{
    margin: 0px 5px 8px 0px;
}
.tags_list{
    padding: 5px 10px 100px 10px;
}
.tags_ul{
    margin-top: 0px;
}
.tags_ul li{
    line-height: 28px;
    margin-bottom: 8px;
    padding-bottom: 10px;
}
.tags_ul h3{
    font-size: 14px;
    padding: 0px;
    margin: 0px;
    line-height: 20px;
}
.tags_ul p{
    font-size: 13px;
    padding: 0px;
    margin: 0px;
    color: #777;
    line-height: 20px;
    padding-top: 8px;
}

/*网站地图*/
ul.ul_sitemap{
    margin: 30px 0px 40px 30px;
}
ul.ul_sitemap li{
    list-style: none;
    line-height: 26px;
    clear: both;
 }
ul.ul_sitemap li a{
    color: #7d7d7d;
}
li.small_li_sitemap{
    clear: both;
    padding-left: 12px;
}
li.small_li2_sitemap{
    float: left;
    padding-left: 20px;
 }

/*友情链接*/
.link_box{
    background-color: #1a1a1d;
    padding: 20px 0px 20px 0px;
    text-align: center;
    color: #999999;
    font-size: 13px;
}
.link_box a{
    color: #999999;
    padding:0px 0px 0px 10px;
    font-size: 13px;
}
.link_box a:hover{
    text-decoration: none;
    color: #fff;
}
.link_box a:last-child{
    border-right:0px;
}
.link_box button{
    display: none;
}
.link_title{
    font-size: 13px;
    margin-right: -6px;
}
.link_title:after{
    content:"：";
}

/*底部TAGS*/
.tags_box{
    background-color: #1a1a1d;
    padding: 5px 0px 20px 0px;
    text-align: center;
    color: #999999;
    font-size: 13px;
  }
.tags_box a{
    color: #999999;
    padding:0px 2px 0px 8px;
    font-size: 13px;
  }
.tags_box a:hover{
    text-decoration: none;
    color: #fff;
 }
.tags_box a:last-child{
    border-right:0px;
}
.tags_box button{
    display: none;
}
.tags_title{
    font-size: 13px;
    margin-right: -6px;
 }
.tags_title a{
    padding:0px;
}
.tags_title:after{
    content:"：";
}

/*底部信息*/
footer{
	font-size:12px;
    margin-top: 20px;
    color:#9a9a9a;
    padding:60px 0px 40px 0px;
    background-color: #333333;
    border-top: 5px solid #2E82FF;
}
footer a{color:#9a9a9a;	font-size:12px;
}
footer a:hover{color:#9a9a9a;}
.footer_logo{
    max-width: 196px;
}
.footer_logo_text{
    width: 196px;
    text-align: left;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #5f5f5f;
    line-height: 22px;
}
.footer_logo_text img{
vertical-align:middle!important; 
}
.footer_sitemap{
    color: #9a9a9a;
}
.footer_sitemap:hover,
.footer_sitemap:focus {
    color: #fff;
    text-decoration: none;
}
/*底部分类*/
.footer_menu a{
    color: #9a9a9a;
}
.footer_menu a:hover{
    color: #fff;
    text-decoration: none;
}
.footer_menu_first{
    font-weight: bold;
}
.footer_qrcode{
    max-width: 130px;
}
.footer_qrcode_text{
    width: 130px;
    text-align: center;
    margin-top: 15px;
}

/*底部翻译*/
.translate{
    background-color: #005188;
}
.translate_btn{
    width:130px;
    margin: 0 auto;
    padding-top:20px;
}

/*UEditor编辑器前端表格样式*/
table{
    margin-bottom:10px;
    border-collapse:collapse;
    display:table;
}
td,th{
    padding: 5px 10px;
    border: 1px solid #DDD;
}
caption{
    border:1px dashed #DDD;
    border-bottom:0;
    padding:3px;
    text-align:center;
}
th{
    border-top:1px solid #BBB;
    background-color:#F7F7F7;
}
table tr.firstRow th{
    border-top-width:2px;
}
.ue-table-interlace-color-single{
    background-color: #fcfcfc;
  } 
.ue-table-interlace-color-double{
    background-color: #f7faff;
}
td p{
    margin:0;
    padding:0;
}
/**/
#header_search,.header_search {
	position: relative;
	width: 100%;
	height: 140px;
	z-index: 2;
}

.header_search .s_ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.header_search .s_wrap {
	position: absolute;
	top: 15px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 590px;
	height: 42px;
	border-radius: 20px;
	background: #fff
}

.header_search .s_container {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.header_search .s_sort {
	width: 100px;
	height: 40px;
	line-height: 40px;
	color: #3583fb;
	font-size: 14px;
	background: #e5efff;
	border-radius: 20px 0 0 20px;
	cursor: pointer;
	float: left
}

.header_search .s_sort span {
	margin-left: 25px
}

.header_search .s_arrow {
	display: inline-block;
	width: 10px;
	height: 6px;
	background: url(/Home/Tpl/default/Public/images/home_ico.png?v=201909251256) 0 -1337px no-repeat;
	margin-top: -2px;
	margin-left: 4px;
	vertical-align: middle;
	transition: transform .3s
}

.header_search .s_show_menu .s_arrow {
	transform: rotate(180deg)
}

.header_search .s_input {
	width: 430px;
	line-height: 40px;
	box-sizing: border-box;
	padding-left: 14px;
	height: 100%;
	border: 0;
	outline: 0;
	font-size: 14px;
	color: #333;
	float: left;
    background: #fff;
}

.header_search .s_input::-moz-placeholder {
	color: #ccc
}

.header_search .s_input::-ms-input-placeholder {
	color: #ccc
}

.header_search .s_input::-webkit-input-placeholder {
	color: #ccc
}

.header_search .s_right {
	display: inline-block;
	width: 60px;
	height: 100%;
	float: left;
	position: relative;
	cursor: pointer;
	border-radius: 20px;
	transition: background .2s
}

.header_search .s_right:hover {
	background: #deebff
}

.header_search .s_clear_btn.s_right:hover {
	background: 0
}

.header_search .s_right .s_icon {
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	background: url(/Home/Tpl/default/Public/images/home_ico.png?v=201909251256) 0 -1363px no-repeat
}

.header_search .s_clear_btn.s_right .s_icon {
	background-position: -26px -1363px
}

.header_search .s_clear_btn.s_right:hover .s_icon {
	background-position: -49px -1363px
}

.header_search .s_menu_wrap {
	margin-top: 15px;
	position: absolute
}

.header_search .s_menu_wrap.s_search_menu {
	left: 100px
}

.header_search .s_keyword_panel {
	width: 452px;
	min-height: 177px;
	background: rgba(255,255,255,1);
	box-shadow: 0 8px 19px 1px rgba(13,13,13,0.14);
	border-radius: 4px
}

.header_search .s_hot {
	box-sizing: border-box;
	padding: 20px 0 0 25px
}

.header_search .s_hot_title {
	font-size: 13px;
	color: #999
}

.header_search .s_del_icon {
	width: 16px;
	height: 16px;
	display: inline-block;
	float: right;
	cursor: pointer;
	background: url(/Home/Tpl/default/Public/images/home_ico.png?v=201909251256) 0 -1391px no-repeat
}

.header_search .s_del_icon:hover {
	background-position: -24px -1391px
}

.header_search .s_word_list {
	margin-top: 5px
}

.header_search .s_word_list .s_word {
	width: 74px;
	height: 28px;
	background: rgba(244,244,244,1);
	color: #666;
	font-size: 13px;
	border-radius: 14px;
	display: inline-block;
	line-height: 28px;
	text-align: center;
	margin: 10px 8px 0 0
}

.header_search .s_word_list .s_word:hover {
	background: rgba(229,239,255,1);
	color: rgba(53,131,251,1)
}

.header_search .s_history .s_word {
	max-width: 140px;
	width: auto;
	padding: 0 12px
}

.header_search .s_history {
	box-sizing: border-box;
	padding: 22px 25px 30px 25px
}

.header_search .s_template_panel {
	width: 730px;
	height: 440px;
	background: rgba(255,255,255,1);
	box-shadow: 0 8px 19px 1px rgba(13,13,13,0.14);
	border-radius: 4px;
	transition: width .3s,height .3s;
	overflow: hidden
}

.header_search .s_template_panel.s_is_trade {
	width: 850px;
	height: 588px
}

.header_search .s_left_menu {
	width: 140px;
	height: 100%;
	background: rgba(244,244,244,1);
	border-radius: 4px;
	float: left;
	display: inline-block;
	position: relative
}

.header_search .s_template_panel .s_menu_item {
	width: 140px;
	height: 102px;
	cursor: pointer;
	border-radius: 4px;
	padding: 30px 0 30px 16px;
	box-sizing: border-box
}

.header_search .s_template_panel .s_menu_first {
	font-size: 16px;
	color: #333
}

.header_search .s_template_panel .s_menu_second {
	font-size: 13px;
	color: #999;
	margin-top: 5px
}

.header_search .s_template_panel .s_select_menu {
	background: rgba(255,255,255,1)
}

.header_search .s_select_menu .s_menu_first,.header_search .s_select_menu .s_menu_second {
	color: #3583fb
}

.header_search .s_select_menu .s_menu_second {
	opacity: .7
}

.header_search .s_template_panel .s_active_line {
	position: absolute;
	top: 10px;
	left: 0;
	width: 4px;
	height: 82px;
	background: rgba(53,131,251,1);
	border-radius: 0 3px 3px 0;
	-webkit-transition: -webkit-transform .3s ease;
	transition: -webkit-transform .3s ease;
	-o-transition: -o-transform .3s ease;
	-moz-transition: transform .3s ease,-moz-transform .3s ease;
	transition: transform .3s ease;
	transition: transform .3s ease,-webkit-transform .3s ease,-moz-transform .3s ease,-o-transform .3s cubic-bezier(.68,-0.45,.27,1.35)
}

.header_search .s_right_container {
	width: calc(100% - 140px);
	float: left;
	height: 100%;
	padding: 30px 0 0 30px;
	box-sizing: border-box
}

.header_search .s_is_trade .s_right_container {
	padding-right: 10px
}

.header_search .s_main_panel {
	width: 100%;
	height: 327px
}

.header_search .s_is_trade .s_main_panel {
	height: 475px;
	overflow-x: hidden;
	scroll-behavior: smooth;
	overscroll-behavior: contain
}

.header_search .s_main_panel::-webkit-scrollbar-track {
	background-color: #f1f1f1;
	width: 3px;
	border-radius: 4px
}

.header_search .s_main_panel::-webkit-scrollbar {
	width: 7px;
	border-radius: 4px
}

.header_search .s_main_panel::-webkit-scrollbar-thumb {
	width: 7px;
	background-color: #d2d2d2;
	border-radius: 4px
}

.header_search .s_right_container .s_panel_split {
	width: 529px;
	height: 1px;
	background: rgba(232,232,232,1);
	margin-top: 30px
}

.header_search .s_is_trade .s_panel_split {
	width: 650px
}

.header_search .s_right_container .s_panel_bottom {
	height: 52px;
	line-height: 52px;
	color: #333;
	font-size: 14px;
	cursor: pointer
}

.header_search .s_right_container .s_panel_bottom:hover {
	color: #3583fb
}

.header_search .s_right_container .s_left_arrow {
	display: inline-block;
	width: 12px;
	height: 14px;
	background: url(/Home/Tpl/default/Public/images/home_ico.png?v=201909251256) -39px -1336px no-repeat;
	margin-left: 7px;
	vertical-align: middle
}

.header_search .s_right_container .s_panel_bottom:hover .s_left_arrow {
	background-position: -55px -1336px
}

.header_search .s_trade_list .s_trade_item {
	overflow: hidden
}

.header_search .s_trade_list .s_trade_first {
	width: 165px;
	line-height: 40px;
	float: left;
	margin-right: 40px;
	position: relative;
	text-align: left;
	font-size: 14px;
	color: #444;
	cursor: pointer
}

.header_search .s_trade_list .s_trade_first:after {
	content: "";
	display: inline-block;
	width: 10px;
	height: 14px;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto 0;
	background: url(/Home/Tpl/default/Public/images/home_ico.png?v=201909251256) -75px -1335px no-repeat;
	vertical-align: middle
}

.header_search .s_trade_list .s_trade_second {
	line-height: 40px;
	float: left;
	font-size: 14px;
	width: calc(100% - 225px);
	white-space: nowrap
}

.header_search .s_trade_list .s_second_label {
	margin-right: 25px;
	text-decoration: none;
	color: #999;
	font-size: 14px
}

.header_search .s_trade_list .s_second_label:hover {
	color: #2f82ff
}

.f-modelPreInnerForm {
	width: 246px;
	height: 171px;
	position: relative;
	background: url(/Home/Tpl/default/Public/images/model.png?v=201711250646) no-repeat 0 0;
	_background: url(/Home/Tpl/default/Public/images/model.gif?v=201711250646) no-repeat 0 0;
	-webkit-transition: -webkit-transform .2s ease-out;
	-moz-transition: -moz-transform .2s ease-out;
	-o-transition: -o-transform .2s ease-out;
	-ms-transition: -ms-transform .2s ease-out;
	transition: transform .2s ease-out
}

.f-pcModel {
	width: 244px;
	height: 154px;
	border: 1px solid #cfcfcf;
	border-top: 0;
	overflow: hidden;
	position: absolute;
	top: 16px;
	left: 0
}

.f-pcModelImg {
	width: 246px
}

.f-pcModelUrl {
	position: absolute;
	display: block;
	line-height: 34px;
	text-align: center;
	height: 34px;
	color: #fff;
	font-size: 14px;
	border-radius: 20px;
	top: 91px;
	z-index: 2
}

.f-reg {
	display: none;
	width: 106px;
	background-color: #fd6040;
	left: 66px
}

.f-show {
	display: none;
	width: 88px;
	background-color: #2f82ff;
	left: 192px
}

.f-pcModulePic {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .7;
	top: 0;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px
}

.f-modelPreInnerForm:hover .f-reg {
	display: block
}

.f-modelPreInnerForm:hover .f-show {
	display: block
}


.f-modelPreInnerForm:hover .f-pcModulePic {
	display: block
}

.f-modelPreInnerForm:hover .f-qrCode {
	top: 65px
}

.f-modelPreInnerForm:hover .f-mobiModulePic {
	border-radius: 7px
}


{
	padding: 0
}

.f-modelPreInnerForm {
	width: 356px;
	height: 231px;
	background: 0
}

.f-pcModel {
	width: inherit;
	height: 216px;
	left: 0;
	top: 15px;
	border: 0
}

.f-pcModelImg {
	width: 100%
}

.fk-websiteWin {
	width: 356px;
	height: 236px;
	background: url(/Home/Tpl/default/Public/images/home_ico.png?v=201909231449) no-repeat -893px -388px;
	padding: 6px;
	position: absolute;
	left: -6px;
	top: -6px
}

.f-mobiModelImg {
	width: 100%;
	height: 100%;
	border-radius: 7px
}

.fk-mobiModelForm {
	left: -16px;
	height: 470px;
	width: 220px;
	padding: 0 6px;
	margin-right: 44px
}

.fk_pcModel {
	overflow: auto;
	position: relative
}

.fk_pcModel_wrap {
	overflow: hidden;
	width: 100%;
	height: 100%
}



.rollImg {
	width: 366px;
	height: 250px;
	margin-left: 48px;
	margin-bottom: 68px
}

.rollImg .f-pcModulePic {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .5;
	top: 0;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px
}

.rollImg .model_mask .f-modelPreInnerForm:hover .f-modelBtn {
	width: 100%;
	height: 58px;
	margin-top: 20px;
	position: relative;
	background: #fff;
	box-shadow: 0 0 7px 0 rgba(0,0,0,0.11)
}

.rollImg .f-modelPreInnerForm:hover .f-modelBtn {
	width: 100%;
	height: 58px;
	margin-top: 16px;
	position: relative;
	background: #fff;
	box-shadow: 0 0 7px 0 rgba(0,0,0,0.11)
}

.rollImg .f-modelBtn .f-pcModelUrl {
	top: 12px;
	color:#fff;
	text-decoration:none
}

.rollImg .model_mask .f-modelPreInnerForm:hover .f-mobiModulePic {
	border-radius: 0
}

.rollImg .f-pcModelName {
	width: 356px;
	height: 60px;
	line-height: 60px;
	font-size: 15px;
	text-align: center;
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}


.rollImg .f-reg {
	display: none;
	width: 116px;
	background-color: #fd6040;
	left: 60px
}

.rollImg .f-show {
	display: none;
	width: 96px;
	background-color: #2f82ff;
	float: right;
	right: 60px
}

.f-reg:hover {
	background-color: #fd705b
}

.f-show:hover {
	background-color: #2b89fb
}



/*色系分类*/
.colorSearch{padding-top:30px;padding-bottom:30px;height:30px;display:inline-block;}
.colorSearch .colorItem{display:inline-block;width:20px;height:20px;margin-left:3px;margin-right:3px;border-radius:2px;cursor:pointer;vertical-align:middle}
.colorSearch .colorItem:hover:before{content:"点击色块筛选模板";width:120px;height:34px;position:absolute;margin-top:30px;text-align:center;line-height:34px;background:#fff;box-shadow:0 0 7px 0 rgba(0,0,0,0.13);border-radius:4px;font-size:13px}
.colorSearch .colorItem_all{background:url(/Home/Tpl/default/Public/images/home_ico.png?v=201909251256) no-repeat 0 -1289px}
.colorSearch .colorItem_all:hover:before{content:"全部颜色";width:70px}
.colorSearch .colorItem.checked:after{content:"";position:absolute;width:20px;height:20px;margin-top:0;margin-left:2px;background:url(/Home/Tpl/default/Public/css/checked.svg)}
.colorSearch .colorItem.allactive{content:"";width:20px;height:20px;background:url(/Home/Tpl/default/Public/images/home_ico.png?v=201909251256) no-repeat -32px -1292px;background-size}

.colorSearch .colorItem.active{content:"";width:20px;height:20px;margin-top:0;margin-left:2px;background:url(/Home/Tpl/default/Public/css/checked.svg)}

.colorSearch .colorItem.checked:hover:after{margin-top:2px;margin-left:4px}
.searchArea .f-tmpWrap{position:relative;font-size:0}
.searchArea .f-tabItem{height:36px;line-height:36px;border:1px solid #eee;border-radius:19px;padding:0 25px;margin-top:15px;margin-right:25px;font-size:16px;color:#333;display:inline-block;*display:inline;zoom:1;float:none;text-align:center;cursor:pointer}

.table_login{margin-top:20px;}
.table_login table,.table_login tr,.table_login td{border:none!important}
.memberinfo1{width:20%;text-align:right;}
.product_con2{border:none;padding:0;}

/*大屏幕样式*/
@media screen and (min-width: 769px) {
    .logo {
      margin:18px 0px 0px 0px;
      max-width:330px;
      max-height:70px;
    }
    /*导航样式*/
    .navbar {
      margin: 0px;
      border:none;
      background-color: #fff;
      min-height: 72px;
      box-shadow: 0px 3px 4px rgba(0, 0, 0,0.1);
    }
    .navbar-nav{
      float:right;
    }
    .navbar-nav > li {
    }
    .navbar-nav > li:first-child {
    }
    .navbar-nav > li:last-child {
    }
    .navbar-nav > li > a {
      text-align: center;
    }
    .navbar-default .navbar-nav > li > a {
      font-size: 15px;
      color: #333;
      padding-top:27px;
      padding-bottom:27px;
      transition: none;
    }
    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus,
    .navbar-default .navbar-nav > li > a.active,
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
    color:#2F82FF; 
    }
    .navbar-brand {
      display: none;
    }

    /*导航二级菜单*/
    .nav_small {
      background-color:#4189da;
      background-color: rgba(65,173,218,0.85);
      padding: 10px 0px;
      padding-bottom: 15px;
      border-radius: 0px;
      border: none;
      box-shadow: none;
    }
    .nav_small > li > a {
      line-height:20px;
      padding: 7px 0px;
      text-align:center; color: #fff;
      font-size: 13px;
    }
    .nav_small > li > a:hover {
      color: #fff;
      background-color: #2E82FF;
    }
    #app_menudown,
    #search_btn {
      display:none;
    }
    .mfoot_box {
      display:none;
    }

}

/*小屏幕样式*/
@media screen and (max-width: 768px) {
    .logo {
      margin:12px 0px 5px 10px;
      max-width:110px;
    }
    .navbar {
      margin: 0px;
      border:0px;
      min-height: 50px;
      background-color: #fff;
	  box-shadow: 0px 3px 4px rgba(0, 0, 0,0.1);
    }
    .navbar-default .navbar-brand {
      color: #2E82FF;
      font-size: 16px;
    }
    .navbar-default .navbar-brand:hover,
    .navbar-default .navbar-brand:focus {
      color: #fff;
    }
    .navbar-toggle {
      border:none;
    }
    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
      border:none;
    }
    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
      background-color: #fff;
    }
    .navbar-default .navbar-toggle .icon-bar {

    }
    .navbar-default .navbar-nav {
      margin-top: 0px;
      margin-bottom: 0px;
    }
    .navbar-default .navbar-nav > li:last-child{
      border: none;
    }
    .navbar-default .navbar-nav > li > a,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
      color: #000;
    }
    .navbar-default .navbar-nav > li > a:hover,
     .navbar-default .navbar-nav > li > a:focus,
     .navbar-default .navbar-nav > .active > a, 
     .navbar-default .navbar-nav > .active > a:hover, 
     .navbar-default .navbar-nav > .active > a:focus,
     .navbar-default .navbar-nav > .open > a, 
     .navbar-default .navbar-nav > .open > a:hover, 
     .navbar-default .navbar-nav > .open > a:focus,
     .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
      background-color: #2E82FF; color: #fff;
    }
    #app_menudown {
      position: absolute;
      top:0px;
      right:0px;
      font-size: 16px;
    }
    #app_menudown:hover {
      background-color: #2E82FF;
    }
    .flash img{
        margin-top: 50px;
    }

.bread_bg{
	background:#fff;
	padding-top:52px;
}
.news_index li{margin-bottom: 0px;margin-left:-30px;margin-right:-15px;min-height: 0px; border: 1px solid #ccc;}

    /*手机-首页产品*/
    .product_head {
        margin-top: 20px;
        background-image: none;
    }
    .product_head h2,.product_head p {
        padding: 0; 
        margin:0; 
    }
.ev-module-edit2{width:100%;margin:0; z-index:2;}
.ev-module-edit2 P{text-align:center;line-height:28px;}
.ev-module-edit h2{text-align:center;font-size:36px;font-weight:400;line-height:1.3}
.ev-module-edit2 span{font-size:36px;color:#333333;}
.ev-module-edit-box{height:100%;width:100%}
.hidden-edit{display:none}

    .product_img {
        min-height: 240px;
    }
    .product_list2 div.product_img{
        min-height: 240px;
    }
    .product_list{
        padding-top:10px;
    }

    /*手机-首页案例*/
    .case_bg{
    padding-bottom: 20px;
    background-color: #f7f7f7;
}
    .case_head{
    padding-top: 0px;
    padding-bottom: 0px;
}
    .case_head h2 {
    font-size: 23px;
    margin-top: 35px;
    margin-bottom: 15px;
    }
    .case_head p {
        font-size: 14px;
        margin-top:0px;
    }
    .case_img {
        min-height: 150px;
    }
    .case_list2 div.case_img {
        min-height: 150px;
    }

    /*手机-首页新闻*/
    .news_bg{
        background-color: #fff;
    }
    .news_head{
        margin-bottom: 0px;
    }
    .news_head h2{
        margin-top: 30px; 
        font-size: 26px; 
    }
    .news_head span{
        background: url(../images/m_h2_line.jpg) center center no-repeat;
    }
    .news_head p{
        font-size: 14px; 
        margin-top:4px;
    }
    .news_h3{
        text-align: center;
        background: url(../images/news_title.jpg) center bottom no-repeat;
        padding: 10px 0px 10px 0px;
        margin-bottom: 20px;
    }
    .news_ul li{
        color:#000;
        border-bottom: 1px dotted #dddddd;
        background: url(../images/li.png) no-repeat left 15px;
        line-height:21px; 
        padding: 10px 0px; 
        padding-left:14px;
    }
    .news_time,
    .right_new_time,
    .news_time_p,
    .news_des,.center_tel,.animated{
        display: none;
    }
    .news_img img{
        display: none;
    }
    .news_img a{
        font-weight: normal;
        font-size: 14px;
    }

    /*手机-首页公司简介*/
    .about_bg{
        background-color: #f7f7f7;
        padding-bottom: 50px;
    }
    .about_head{
        margin-bottom: 25px;
    }
    .about_head h2{
        margin-top: 35px; 
        font-size: 26px; 
    }
    .about_head span{
        background: url(../images/m_h2_line.jpg) center center no-repeat;
    }
    .about_head p{
        font-size: 14px; 
        margin-top:8px;
    }
    .about_content{
        margin-top:0px;
    }
    .about_btn{
        display: block;
        width: 200px;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 40px;
    }

    /*手机-首页合作客户*/
    .cooperation_head{
        margin-top: 40px;
    }
    .cooperation_head p{
        font-size: 22px; 
        margin-top:8px;
    }
    .cooperation_img{
        min-height: 100px;
    }

    .page_bg{
        display: none;
    }
    .right_contents img,
    .product_con img,
    .photo_con img {
        max-width: 100%;
    }
    .feedback{
        margin-top:20px;
    }
    .proinfo_box {
        margin-bottom: 80px;
    }
    #pic-page a img {
        width:35px;
    }
    #cmsFloatPanel{
        display: none;
    }
    .point span.to_prev,
    .point span.to_next {
        text-align:left;
        padding-bottom: 8px;
    }

    /*手机-底部信息*/
    footer {
        padding:0px;
        margin:0px;
		border:none;
    }
    .footer_logo{
	display: none;
    }

    .footer_logo_text{
	padding-top:5px;
	width:100%;
	text-align:center;
	float:center;
	border:none;
    }
    .footer_contact {
    display:none;
    }
    .footer_qrcode{
    display: block;
    max-width: 100px;
    margin: 0 auto;
    }
    .footer_qrcode_text {
        width: 100px;
        margin: 0 auto;
        margin-top: 10px;
        margin-bottom: 35px;
    }

    /*手机-友情链接*/
    .link_box {
        padding-left: 7px;
        margin-bottom: 50px;
    }
    .link_box a {
        display: block;
        border-right:0px;
        padding:4px 0px;
    }
    .link_title{
        display: block;
    }
    .link_title:after {
        content:"";
    }
    .link_box button{
        display: inline-block;
        background-color: transparent;
        border: none;
        float: right;
        margin-top: -20px;
    }
    .link_box button:hover,
    .link_box button:focus{
        color: #97f3e7;
    }
    .link_list{
        display: none;
        padding-top: 7px;
    }

    /*手机-Tags标签*/
    .tags_box{
        padding-left: 7px;
        margin-bottom: 50px;
    }
    .tags_box a{
        display: block;
        border-right:0px;
        padding:4px 0px;
    }
    .tags_title{
        display: block;
    }
    .tags_title:after{
        content:"";
    }
    .tags_box button{
        display: inline-block;
        background-color: transparent;
        border: none;
        float: right;
        margin-top: -20px;
      }
    .tags_box button:hover,
    .tags_box button:focus{
        color: #97f3e7;
    }
    .tags_rows{
        display: none;
        padding-top: 7px;
     }


    /*手机-底部按钮*/
    .mfoot_box{
        background-color: #fafafa;
    }
    .mfoot_nav {
        width:25%;
        float:left;
        background-color: #fafafa;
        text-align:center;
        color:#898989;
		cursor:pointer;
    } 
    .mfoot_nav:hover,
    .mfoot_nav:focus {
        background-color: #e4e4e4;
        cursor:pointer;
    }
    .mfoot_nav a {
        color:#898989;
        display:block;
    }
    .mfoot_nav a:hover,
    .mfoot_nav a:focus{
       text-decoration:none;
    }
    .mfoot_nav span {
        display:block;
        padding:3px 0px 0px 0px;
    }
    .mfoot_share {
        width: 240px;
        padding: 5px;
    }
	.memberinfo1{width:25%;text-align:right;}
}

@media screen and (max-width: 767px) {
    .copyright_p{display:none;}
}

/*320px到768px*/
@media screen and (min-width:320px) and (max-width:768px) {
    .col-mm-1, .col-mm-2, .col-mm-3, .col-mm-4, .col-mm-5, .col-mm-6, .col-mm-7, .col-mm-8, .col-mm-9, .col-mm-10, .col-mm-11, .col-mm-12 {
      float: left;
    }
    .col-mm-12 {
      width: 100%;
    }
    .col-mm-11 {
      width: 91.66666667%;
    }
    .col-mm-10 {
      width: 83.33333333%;
    }
    .col-mm-9 {
      width: 75%;
    }
    .col-mm-8 {
      width: 66.66666667%;
    }
    .col-mm-7 {
      width: 58.33333333%;
    }
    .col-mm-6 {
      width: 50%;
    }
    .col-mm-5 {
      width: 41.66666667%;
    }
    .col-mm-4 {
      width: 33.33333333%;
    }
    .col-mm-3 {
      width: 25%;
    }
    .col-mm-2 {
      width: 16.66666667%;
    }
    .col-mm-1 {
      width: 8.33333333%;
    }
}

@keyframes scaleToggleOne { 0 {
transform:scale(1);
-webkit-transform:scale(1)
}
50% {
transform:scale(2);
-webkit-transform:scale(2)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
@keyframes scaleToggleTwo { 0 {
transform:scale(1);
-webkit-transform:scale(1)
}
20% {
transform:scale(1);
-webkit-transform:scale(1)
}
60% {
transform:scale(2);
-webkit-transform:scale(2)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
@keyframes scaleToggleThree { 0 {
transform:scale(1);
-webkit-transform:scale(1)
}
33% {
transform:scale(1);
-webkit-transform:scale(1)
}
66% {
transform:scale(2);
-webkit-transform:scale(2)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
.animated { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.livechat-girl { width: 60px; height: 60px; border-radius: 50%; position: fixed; bottom: 5px; right: 40px; opacity: 0; -webkit-box-shadow: 0 5px 10px 0 rgba(35,50,56,.3); box-shadow: 0 5px 10px 0 rgba(35,50,56,.3); z-index: 700; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); cursor: pointer; -webkit-transition: all 1s cubic-bezier(.86, 0, .07, 1); transition: all 1s cubic-bezier(.86, 0, .07, 1) }
.livechat-girl:focus { outline: 0 }
.livechat-girl.animated { opacity: 1; transform: translateY(-40px); -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px) }
.livechat-girl:after { content: ''; width: 12px; height: 12px; border-radius: 50%; background-image: linear-gradient(to bottom, #26c7fc, #26c7fc); position: absolute; right: 1px; top: 1px; z-index: 50 }
.livechat-girl .girl { position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 50;border-radius: 50%; }
.livechat-girl .animated-circles .circle { background: rgba(38,199,252,.25); width: 60px; height: 60px; border-radius: 50%; position: absolute; z-index: 49; transform: scale(1); -webkit-transform: scale(1) }
.livechat-girl .animated-circles.animated .c-1 { animation: 2s scaleToggleOne cubic-bezier(.125, .46, .45, .94) forwards }
.livechat-girl .animated-circles.animated .c-2 { animation: 2.5s scaleToggleTwo cubic-bezier(.125, .46, .45, .94) forwards }
.livechat-girl .animated-circles.animated .c-3 { animation: 3s scaleToggleThree cubic-bezier(.125, .46, .45, .94) forwards }
.livechat-girl.animation-stopped .circle { opacity: 0!important }
.livechat-girl.animation-stopped .circle { opacity: 0!important }
.livechat-girl .livechat-hint { position: absolute; right: 40px; top: 50%; margin-top: -20px; opacity: 0; z-index: 0; -webkit-transition: all .3s cubic-bezier(.86, 0, .07, 1); transition: all .3s cubic-bezier(.86, 0, .07, 1) }
.livechat-girl .livechat-hint.show_hint { -webkit-transform: translateX(-40px); transform: translateX(-40px); opacity: 1 }
.livechat-girl .livechat-hint.hide_hint { opacity: 0; -webkit-transform: translateX(0); transform: translateX(0) }
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 1296px!important }
.livechat-girl .livechat-hint.rd-notice-tooltip .rd-notice-content { width: auto; overflow: hidden; text-overflow: ellipsis }
@media only screen and (max-width:1599px) {
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 1060px!important }
}
@media only screen and (max-width:1309px) {
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 984px!important }
}
@media only screen and (max-width:1124px) {
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 600px!important }
}
.rd-notice-tooltip { -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.2); box-shadow: 0 2px 2px rgba(0,0,0,.2); font-size: 14px; border-radius: 3px; line-height: 1.25; position: absolute; z-index: 65; max-width: 350px; opacity: 1 }
.rd-notice-tooltip:after { position: absolute; display: block; content: ''; height: 20px; width: 20px; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; z-index: 50 }
.rd-notice-tooltip .rd-notice-content { background: 0; border-radius: 3px; width: 100%; color: #fff; position: relative; z-index: 60; padding: 20px; font-weight: 400; line-height: 1.45 }
.rd-notice-type-success { background-color: #26c7fc; -webkit-box-shadow: 0 5px 10px 0 rgba(38,199,252,.2); box-shadow: 0 5px 10px 0 rgba(38,199,252,.2) }
.rd-notice-type-success .rd-notice-content { background-color: #26c7fc }
.rd-notice-type-success:after { background-color: #26c7fc; -webkit-box-shadow: 0 5px 10px 0 rgba(38,199,252,.2); box-shadow: 0 5px 10px 0 rgba(38,199,252,.2) }
.rd-notice-position-left { margin-left: -20px }
.rd-notice-position-left:after { right: -6px; top: 50%; margin-top: -10px }
.rd-notice-tooltip.single-line .rd-notice-content { height: 40px; padding: 0 20px; line-height: 40px; white-space: nowrap }



#send-verification-code,.change-email{
width:50%;right:0;line-height:28px;float: right;
  background-color: #337ab7;
  border: none;
  color: white;
  font-size: 12px;
  cursor: pointer;
}
#send-verification-code:hover,.show-password:hover,.change-email:hover{
  background-color: #23527c;
}
.new-login .bottom .tip {
	height:28px;
	line-height:28px;
}
button:focus {outline:none;}
::-moz-focus-inner {border-color: transparent;}
#memberModify #yanzhengma {
  display: none;
}