@charset "utf-8";

.wrapper{ width: 100%;}
.wrap{ width: 1100px; margin: 0 auto;}
.wrap1300{ width: 1300px; margin: 0 auto;}
.content-header{z-index: 9999;}
.burgerbar {
    background-color: #fff;
    color: #fff;
    font-size: 24px;
    line-height: 70px;
    max-height: 70px;
    height: 70px;
    
    width: 100%;
    display: block;
    z-index: 9999;
}
.burgerbar .logo{ width: 300px;padding: 5px 0px 0 0; float: left; height: 60px;}
.burgerbar .search{width: 300px;padding: 0 16px; float: right;}

.logo a{ background: url(/static/images/logo/logo.png)  no-repeat center center/contain;
    display: inline-block;
    vertical-align: middle;
    width: 155px;
    height: 30px;}

.burgerbar .search .search-btn{ 
    width: 60px; height: 26px; background: #222; 
    line-height: 26px; font-size: 14px; text-align: center;  display: inline-block; color: #fff;
}
.burgerbar .search input{ width:210px;  height: 22px;  font-size: 14px; margin: 0;}
.burgerbar .search label{ margin: 0;padding: 0; }

.burgerbar .head-cart{width: 600px;padding: 0 16px; float: right; text-align: right; color: #fff;font-size: 12px;}
.burgerbar .head-cart a{font-size: 12px; color: #fff; padding: 0 6px;}
.headCartNum{ display: none; }
/*****************************/


.wrapper .top0{ top:0px; }
.wrapper .left0{ left:0px; }
.wrapper .right0{ right:0px; }
.wrapper .pos3{ position: fixed;}
.wrapper .bt01{
    border-bottom: 1px #eee solid;box-shadow: 5px 5px 3px #eee; 
    -webkit-transition:-webkit-transform 1s;
    transition:-webkit-transform 1s;transition:transform 1s;
    transition:transform 1s,-webkit-transform 1s;
}


.ctn {
  text-align: center;
}

.top_ads{padding: 0;margin: 0; max-height: 200px;overflow: hidden; background: #ed3b48; margin-top: -1px; width: 100%;
z-index: 101;}
.top_ads img{padding: 0;margin: 0; border: 0;display:block;}

.men_top_line{ height: 5px; background: #ed3b48; }

.head_nav {
 float: right; width: 980px;  text-align: right; height: 70px; padding: 0; margin: 0;
}

.head_nav > a{ padding: 0px 6px; height: 70px; display: inline-table; font-size: 14px; font-weight: 300;}
.head_nav > p.rela{ position: relative; }
.head_nav > p{ padding: 0px 10px; height: 70px; display: inline-table; font-size: 14px; font-weight: 300;}
.head_nav > div.rela{ position: relative; }
.head_nav > div{ padding: 0px 10px; height: 70px; display: inline-table; font-size: 14px; font-weight: 300;}

.head_nav > a{ 
    color: #333;
    display: inline-block;
    font: inherit;
    vertical-align: baseline; line-height: 70px;
     font-size: 14px;

}

.head_nav > a:hover{ 
    color: #333;
     text-decoration: none;
}
.head_nav > div.rela:hover .el-menu  { 
    display: block;
    -webkit-transition:-webkit-transform .3s;
    transition:-webkit-transform .3s;transition:transform .3s;
    transition:transform .3s,-webkit-transform .3s;
    margin-top: -5px; margin-left: -200px;
}
.head_nav > div,.head_nav > a{ margin: 0; }


.head_nav > div > a > i{ 
    background: url(/static/images/arrow-li.png) no-repeat center bottom;
    margin-left: 0px;
    margin-top: 0px;
    line-height: 16px;
    color: #eee;
    height: 16px; width: 16px;
    display: inline-block;
    transform: rotate(90deg);
    transition-property: transform, transform;

    -webkit-transition:-webkit-transform .3s;
    transition:-webkit-transform .3s;transition:transform .3s;
    transition:transform .3s,-webkit-transform .3s;

    position: static;
vertical-align: middle;
}
.head_nav > div:hover > a > i{ 
    -webkit-transition:-webkit-transform .3s;
    transition:-webkit-transform .3s;transition:transform .3s;
    transition:transform .3s,-webkit-transform .3s;
    font-size:14px;
    transform: rotate(270deg);
}
.head_nav > div.menu_link{ 
     
    

}
.head_nav > div.menu_link a{ font-weight: bold; text-decoration: underline; }


.head_nav .el-menu{ display: none; z-index: 9999; width: 320px;  position: absolute;}
.head_nav .el-menu > ul{
    z-index: 100;
    border: none;
    padding: 10px 0 10px;
    border-radius: 0 0 2px 2px;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); background: #fff;
}
.head_nav .el-menu li{ width: 150px; padding:0 10px;  z-index: 9999; text-align: left; float: left; }
.head_nav .el-menu ul > li > a{  font-size: 14px; line-height: 250%; width: 100%; }

/****/
.company{ width: 100%;margin: 0 auto; height: 650px; background: #f3f4f6;padding: 0; }
.company .fr{background:  url('/static/images/home-search-banner2.jpg') no-repeat center left; }
.company .fr p{ width: 100%; height: 650px; display: block;padding: 0; }

.company .company_txt{ width: 650px; float: right;  padding-top: 50px;}
.company .company_txt h3{font-size: 50px;
font-weight: 300; text-align: center;line-height: 60px;}
.company .company_txt h3 span{color: rgb(245, 158, 11);}

.company .company_txt h3 font{color: rgb(217, 119, 6);}

.company .company_txt h4{font-size: 40px;
font-weight: 300; text-align: center;line-height: 60px;}
.company .company_txt h4 span{color: rgb(245, 158, 11);}

.company .company_txt h4 font{color: rgb(217, 119, 6);}


.company .company_txt p{color: rgb(107, 114, 128); font-size: 16px; text-align: center; line-height: 180%; padding:40px 20px 0;}

/*****/

.home_search{background-color: rgb(17, 24, 39); min-height: 400px;}
.home_search h3{ text-align: center;  color: rgb(209, 213, 219);font-size: 30px;
font-weight: 900; padding: 50px 0 20px;}

.home_search .home_search_top{ text-align: center;  color: rgb(209, 213, 219);font-size: 14px;
font-weight: 300; padding: 0px 0 20px; width: 750px;}


.home_search .home_search_li{ max-width: 1200px; width: 100%;}

.home_search h4{  color: rgb(209, 213, 219);font-size: 30px;
font-weight: 900; padding: 30px 0 20px; text-align: center;}

.home_search .home_search_li li{ float: left; width: 33%;}
.home_search .home_search_li li p{ background: #fff; border-radius: 8px; padding: 16px; margin: 0 20px 0 0; min-height:80px;
font-size: 14px;}

.home_search .home_search_li li p span{ color: #d75353; }

/****/

/**/
.login_section{
min-height: 100vh;
position: relative;
overflow: hidden;

}
.login_bg{ 
    position: absolute;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 50;
    filter: alpha(opacity=50);
    background-size: cover;
}

.login_bg::before {
    position: absolute;
z-index: 0;
width: 100%;
height: 100%;
display: block;
left: 0;
top: 0;
content: "";
  background-color: rgba(0, 0, 0, 0.5);
      opacity: 50;
    filter: alpha(opacity=50);

}
.login_wrap{ width: 500px; margin:0 auto; padding-top: 50px; }
.login_html{ background: #fff; border-radius: 2px;   padding: 20px 50px;}
.login_html h6{ text-align: center; font-size: 20px; padding: 10px 0; }

.login_html .input_border{ border: 1px #ccc solid; height: 40px; margin:5px 0 20px 0 ; }
.login_html .input_border label{ 
    line-height: 40px; padding-left: 12px;  font-size: 14px;
    text-align: center;
white-space: nowrap;
} 
.login_html  .input-group-text{
    padding: 0px 10px 0 13px; 
    display:inline-flex;
    align-items: center;vertical-align: middle; text-align: center;
}
.login_html  .input-group-text img{      box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;align-items: center;height: 25px; width: 25px; }
.login_html .input_border input[type="email"],.login_html .input_border input[type="password"],
.login_html .input_border input[type="text"]
{
    line-height: 38px; height: 38px; width:340px; border: 0;
      box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
font-size: 14px;
}
.form-control { display: inline-block; }

.login-opt-btn .btn{ width: 100%; height: 40px; text-align: center; color: #fff; background: #fe5953;
    border: 1px #fe5953 solid; font-size: 14px;
 }
 .login-txt{ text-align: center; padding: 40px 0 10px; line-height: 200%;}
  .login-txt p{ text-align: center; line-height: 250%;}
  .login-txt p a{ color: #0070ba; text-decoration: underline;}
/**/
.flexslider {
    position: relative;
    /*min-width: 1280px;*/
    height: 400px;
    overflow: hidden;
    /*background: url(images/loading.gif) 50% no-repeat;*/
}

.slides {
    position: relative;
    z-index: 1;
}

.slides li {
    height: 400px;
}

.flex-control-nav {
    position: absolute;
    bottom: 10px;
    z-index: 2;
    width: 100%;
    text-align: center;
}

.flex-control-nav li {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 5px;
    *display: inline;
    zoom: 1;
}

.flex-control-nav a {
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 40px;
    overflow: hidden;
    background: url(/static/images/dot.png) right 0 no-repeat;
    cursor: pointer;
}

.flex-control-nav .flex-active {
    background-position: 0 0;
}

.flex-direction-nav {
    position: absolute;
    z-index: 3;
    width: 100%;
    top: 45%;
}

.flex-direction-nav li a {
    display: block;
    width: 50px;
    height: 50px;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
}

.flex-direction-nav li a.flex-prev {
    left: 40px;
    background: url(/static/images/prev.png) center center no-repeat;
}

.flex-direction-nav li a.flex-next {
    right: 40px;
    background: url(/static/images/next.png) center center no-repeat;
}
.slides li a{
            display: block;
            width: 100%;
            height: 100%;
        }
/*****************/

.flexslider_msg {
    position: relative;
    height: 300px;
    overflow: hidden;
}
.flexslider_msg .flexslider_msg_bg {
background: url(/static/images/flexslider_msg_bg.jpg) center center no-repeat;
}
.flexslider_msg .flexslider_msg_home_bg {
background: url(/static/images/flexslider_msg_bg2.jpg) center center no-repeat;
}
.flexslider_msg .slides li {
    height: 300px;
}
.flexslider_msg .slides .client {
   margin: 100px 0 0 140px;
}

.flexslider_msg .flexslider_msg_home_bg .slides .client {
   margin: 100px 0 0 180px;
}

.flexslider_msg .slides .client strong{
   padding-right: 12px;
}

.flexslider_msg .flex-control-nav a {  background-image: none; }

.flexslider_msg .flex-direction-nav li a.flex-prev {
    left: 50px;
    background: url(/static/images/f-prev.png) center center no-repeat;
}

.flexslider_msg .flex-direction-nav li a.flex-next {
    right: 50px;
    background: url(/static/images/f-next.png) center center no-repeat;
}



/*****************/
.foot{     background-color: #666;
    max-width: 100%;
    margin-bottom: 0;
    margin-top: 0;
    width: 100%;
    position: relative; color: #fff; padding: 20px 0; }
.foot .footer-box{
      border-top: 1px solid #fff;
    border-bottom: 1px solid #fff; padding: 16px 0;
}
.foot .footer-box li{
  float: left; width: 25%;
}
.foot .footer-box li img{ width: 100px; height: auto;
}




.foot a,.foot p,.foot li{color: #fff;}

.foot h5 { height: 36px;}
.foot a ,.foot li{  }
.footer-box a,.footer-box span{line-height: 300%;display: block;}

.foot p{ line-height: 400%;color: #999;}
/**/


.home_h2{ font-size: 14px; padding:20px 0; font-weight: normal; color: #666666; }



.home-news{}

.home-news-l{ float:left;  width: 780px; background: #000;  min-height: 430px;}
.home-news-l-p{border: 1px #ddd solid; max-width:780px; max-height: 360px; overflow: hidden; z-index: 8;}
.home-news-l-w{ color: #fff; padding: 8px 0 0 12px; font-size: 14px;z-index: 9;}


.home-news-r{ float:right;  width: 300px; background: #fff; }

.home-news-r h4{
border-top: 2px solid #f9ae3b;
border-bottom: 2px solid #f9ae3b;
overflow: hidden;
    padding: 10px 20px 10px 40px; font-size: 16px;
    
    background: url(/static/images/star-6.png)  left center no-repeat;
    background-size:10%;
}
.home-news-r li+li{border-top: 1px dotted #999;}
.home-news-r li{ padding: 10px; }
.home-news-r li a{ font-size: 12px;}

.home-hot{ padding:20px 0 30px; }
.home-hot li{ width: 260px; float: left; }
.home-hot li+li{ margin-left: 20px; }
.home-hot li img{ width: 100%; height: auto; }

.home-pro{}
.home-pro h4{
border-top: 2px solid #f9ae3b;
border-bottom: 2px solid #f9ae3b;
overflow: hidden;
    padding: 10px 20px 10px 10px; font-size: 16px; margin-bottom: 20px;

}
.home-pro h4 a {float: right; font-size: 12px; font-weight: normal;}

.home-pro dl{ width: 260px; float: left; }
.home-pro dl+dl{ margin-left: 20px; }

.home-pro dl dt {
  position: relative;
  overflow: hidden;
  width: 260px;
  height: 260px;
  transition: all 0.3s linear;
}
.home-pro dl img{ width: 100%; height: auto; }
.home-pro dl dt:hover img {
  transform: scale(1.1);
  transition: all 0.3s linear;
}

.home-pro  .tags {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 2px;
    margin: 5px 0;
    font-size: 12px;
    background: #914569;
    color: #ffffff;
}
.home-pro .title {
color: #3f3f3f;
    font-size: 14px;
}
.home-pro .price {
    color: #ff6700;
    font-size: 14px; font-family: Arial;
}
/*******************/
.home-tag{}
.home-tag h4{
border-top: 2px solid #f9ae3b;
border-bottom: 2px solid #f9ae3b;
overflow: hidden;
    padding: 10px 20px 10px 10px; font-size: 16px; margin-bottom: 20px;

}
.home-tag h4 a {float: right; font-size: 12px; font-weight: normal;}

.home-tag li{ width: 20%; float: left; }
.home-tag li a{  line-height: 200%; font-size: 12px; }

/************/
.breadcrumb {
    font-size: 13px;
    margin-bottom: 0px; padding: 20px 0;
    background: #fff;
}
.breadcrumb li {
    display: inline-block;
}
.breadcrumb li:after {
    content: '>';
    margin-left: 1ex;
    margin-right: 1ex;
}
.breadcrumb li:last-child:after{content:none;margin:0}

.breadcrumb a,.breadcrumb li{color: #026ca2;}

.burgerbar em{ display: none; }
/***************/
/*
.pro_html h3{ background: #023953; text-align: center; color: #ffffff; line-height: 200%;  font-size: 16px; margin-top: 10px; }
*/
.pro_html h3{ background: linear-gradient(135deg, #81b3ea, #c48afe); text-align: center; color: #fff; 
    line-height: 250%;  font-size: 13.6px; margin-top: 10px; 
}


.pro_html table{border-collapse:collapse;  text-align:center; margin-bottom: 40px;}
.pro_html table tr th{background:#eee; }
.pro_html table tr th.th_border{border-right:solid 1px #FFF;border-left:solid 1px #eee;}
.pro_html table tr td{border:solid 1px #eee; line-height: 200%; padding:15px 0 15px 6px;}
.pro_html table tr:hover  { background: #eeeeee; }
.pro_html table thead td  { background: #eeeeee; }

.pro_html h5{ font-size: 14px; line-height: 200%; }
.pro_html .proTitle{ font-size: 13.6px; line-height: 200%; }


.pro-html-l{ float:left;  width: 800px; }
.pro-html-r{ float:right;  width: 270px; background: #fff; }

.pro-html-l h1{  font-size: 16px; color: #000; }

.pro-html-left{width: 100%;}
.pro-html-left h1{  font-size: 16px; color: #000; }

.pro-html-r h4{
border-top: 1px solid #1b1b1b;
border-bottom: 1px solid #1b1b1b;
overflow: hidden;
    padding: 10px 20px 10px 40px; font-size: 16px;
    
    background: url(/static/images/star-6.png)  left center no-repeat;
    background-size:10%;
}

.pro-html-r li{border-bottom: 1px dotted #999;}
.pro-html-r li{ padding: 10px; }
.pro-html-r li a{ font-size: 12px;}

/*******************/
.pro-html-h1{}
.pro-html-h1 .pro-html-tz{ float: right; width: 200px; }
.pro-html-h1 .pro-html-tz select{
    width: 200px; height: 25px; background: #fff; border: 1px solid #ddd; 
    font-size: 13.6px; line-height: 25px;
}

/*******************/


.layer {
  position: fixed;
  z-index: 999999;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  padding: 10px 10px;
  font-size: 16px;
  opacity: 50;
  filter: alpha(opacity=50);
  display: none;
}
.dh {
  -webkit-animation: aa 3s 1;
  -moz-animation: aa 3s 1;
  -ms-animation: aa 3s 1;
}

/*******************/


.cart-box{  border: 1px solid #f9ae3d; background: #ffffff;}
.cart-box h5{ background: #f9ae3b;padding: 4px 4px 0; }
.cart-box h5 span{ 
    background: #ffffff; font-size: 14px; font-weight: normal; line-height: 300%; display: inline-block; 
    padding: 0 20px; 
}
.cart-box p{ line-height: 300%; text-align: center; padding: 20px 0; }



.cart-plus{border-top: 1px solid #ececec;text-align: center;}
.cart-box .cart-plus a {background: #ff8a00;
    border-color: transparent;
    color: #fff;
    padding: 6px 20px; text-align: center; margin: 10px auto; display: inline-block;
}
.cart-box  .card-pro{ padding: 20px; }
.cart-box  .card-pro a{ float: right; }
.cart-box  .card-pro dd{ line-height: 200%; }
.cart-fixed{z-index: 1; position: fixed; top: 0px; margin-left: 0px; width: 270px; }

/****************/




.cart-html-l{
    float:left;  width: 780px;
}
.cart-html-l h1,.blog_left h1{ padding:0 0 20px 0; font-size: 16px;}

.cart-html-l h2,.blog_left h2{ padding:0 0 20px 0; font-size: 16px;font-weight: bold;}

.cart-html-l h6,.blog_left h6{
    border-top: 2px solid #f9ae3b;
    border-bottom: 2px solid #f9ae3b;
    line-height:200%;
    font-size: 14px; font-weight: normal;
    padding-top: 10px; padding-bottom: 10px;
}


/***************/
.cart_html{ padding: 10px 0; }
.cart_html table {
    border-color: #efefef;
    border-spacing: 0;
    border-collapse: collapse;
    text-align: center;
    background: #ffffff;
    margin-bottom: 20px;
}
.cart_html table tr {
    height: 14px;
    line-height: 300%;
    .lists table tr: nth-of-type(even){;
        background: #0b93d5!important;
    }: ;
}

/***************/

.cart_html table{border-collapse:collapse;  text-align:center;}
.cart_html table tr th{background:#eee; }
.cart_html table tr th.th_border{border-right:solid 1px #FFF;border-left:solid 1px #eee;}
.cart_html table tr td{border:solid 1px #eee; line-height: 300%;}
.cart_html table tr:hover  { background: #eeeeee; }
.cart_html table thead td  { background: #eeeeee; }

.order-opt-buy{
    padding: 20px 0 20px; text-align: right;
}
.order-opt-buy .checkout{
    border-radius: 4px; padding: 12px 0;  float: right; display: block;
    color: #fff;
    border: 1px solid #fff;
    background-color: #296bef;
    font-size: 14px;
    text-align: center;
    width: 100%;
}

.order-from{ border: 1px solid #eee; background: #eee; padding: 10px 30px; }
.order-from label{ width: 200px;}
/*
.order-from input[type="text"],.order-from input[type="email"]{ 
    border: 1px solid #ddd; font-size: 14px; line-height: 200%; padding:0 6px; width: 300px;
}
*/
.order-from p{ padding: 10px 0; }

.order-from p.err{ padding: 10px 0;  color: red;}

.order-from img{ max-width: 100%; }


.order_ok{}
.order_ok img{ width: 50%; }

/***************************/

.blog_main{ margin: 0 auto;  }
.blog_main .blog_left{ width: 800px; }
.blog_main .blog_right{  width: 270px; }

.blog_right h4{
font-size: 16px;
line-height: 48px;
color: #333333;
font-weight: normal;
background: url(/static/images/blog_r_h4.png) no-repeat left center;
padding-left: 24px;
border-bottom: #f3f3f3 solid 3px;
}

.blog_right h4,
.blog_right .blog_right_h4{
font-size: 16px;
line-height: 48px;
color: #333333;
font-weight: normal;
background: url(/static/images/blog_r_h4.png) no-repeat left center;
padding-left: 24px;
border-bottom: #f3f3f3 solid 3px;
}

.blog_right li{border-bottom: 1px dotted #999;}
.blog_right li{ padding: 10px; }
.blog_right li a{ font-size: 12px;}

.blog_main .blog_bx{
 border: 1px solid #fff; width: 100%; 

}
.blog_main .blog_bx .blog_item{ padding: 20px 0; }
.blog_item .para {
    font-size: 12px;
    color: #898989;
}
.blog_item h2{

    margin: 5px 0;
    font-size: 24px; font-weight: normal;

}
.blog_item h2 a {
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    color: #333;
}
.blog_item h2 a:hover {
    color: #026ca2;
}

.blog_item h1{

    margin: 5px 0;
    font-size: 24px; font-weight: normal;

}
.blog_item h1 a {
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    color: #333;
}
.blog_item h1 a:hover {
    color: #026ca2;
}

.blog_item .bt_bg {
    margin: 0; padding: 0;
    width: 80px;
    height: 4px;
    margin-top: 20px;
    background: #419dd8;

}
.blog_item .con {

    font-size: 12px;
    color: #333;
    line-height: 200%;
    margin: 10px 0;

}
.blog_item .con p {

margin-top: 1.4em; margin-bottom: 1.4em; color: rgb(18, 18, 18); font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Microsoft YaHei", "Source Han Sans SC", "Noto Sans CJK SC", "WenQuanYi Micro Hei", sans-serif; font-size: medium; white-space: normal; background-color: rgb(255, 255, 255);

}
.blog_item .con img {
    max-width: 100%;
}

.blog_item .line {

    height: 2px;
    background: #f2f2f2;
    margin:8px 0;

}
.blog_item .read:hover {

    color: #fff;
    background: #419dd8;

}
.blog_item .read {

    width: 136px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 16px;
    color: #419dd8;
    border-radius: 22px;
    border: 1px solid #dfdfdf;
    display: inline-block;
    text-decoration: none;
    transition: all 0.2s ease-in-out;

}
.blog_item .strapline {
    color: #333;
    font-size: 12px;
    line-height: 200%;
    padding: 10px 0;
    font-weight: 300;
}
.blog_search {

    background: #fff;
   

    border: 1px solid #efefef; width: 100%;  margin-bottom: 30px;
 -moz-box-shadow:2px 2px 5px #eeeeee; -webkit-box-shadow:2px 2px 5px #eeeeee; 

}
.blog_search .blog_search_item{ padding: 30px;}
.blog_search_item .txt {

    width: 70%;
    float: left;
    box-sizing: border-box;
    height: 43px;
    line-height: 43px;
    border: 1px solid #dfdfdf;
    text-indent: 15px;

}

.blog_search_item .btn {

    width: 30%;
    float: left;
    height: 43px;
    line-height: 43px;
    cursor: pointer;
    font-size: 14px;
    color: #fff;
    background: #419dd8;
    border: 0;
    transition: all 0.2s ease-in-out;

}
.blog_search_item .btn:hover {

    background: #3a8fc5;

}
/**/
.blog-news-r{  background: #fff; }

.blog-news-r h4{
font-size: 16px;
line-height: 48px;
color: #333333;
font-weight: normal;
background: url(/static/images/blog_r_h4.png) no-repeat left center;
padding-left: 24px;
border-bottom: #f3f3f3 solid 3px;
}

.blog-news-r h4,
.blog-news-r .blog_right_h4{
font-size: 16px;
line-height: 48px;
color: #333333;
font-weight: normal;
background: url(/static/images/blog_r_h4.png) no-repeat left center;
padding-left: 24px;
border-bottom: #f3f3f3 solid 3px;
}
.blog-news-r li+li{border-top: 1px dotted #999;}
.blog-news-r li{ padding: 10px; }
.blog-news-r li a{ font-size: 12px;}

/********************************/

.pagination{}
.pagination li{  display: inline-block;  padding: 0 2px; font-size: 14px;}

.pagination li:after { clear: both; }

.pagination li.active a{ font-weight: bold;  color:#f9ae3b;}


/*****************************/
.chat_row {
    position: fixed;
    padding: 5px 10px 0;
    right: 27px;
    bottom: 100px;
    text-align: center;
    background: rgba(000,000,000,0.5);
    border-radius: 5px;
    z-index: 80;
}
.chat_row img {
    width: 40px;
    height: 40px;
}
.chat_row p {
    color: #FFFFFF;
    margin-top: 3px;
    margin-bottom: -2px;
}
/*****************************/

.zhezhao {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    z-index: 1001;
}
.mask .alert-layer {
    border-radius: 5px;
    position: fixed;
    z-index: 1002;
    width: 300px;
    background: #FFFFFF;
    text-align: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.mask .alert-layer .head-title {
    position: relative;
    background: #1495E7;
    padding: 12px 0;
    color: #ffffff;
    font-size: 16px;
    font-weight: 900;
}
.mask .wechat {
    color: #222222;
    font-size: 16px;
}

.mask .copy {
    display: block;
    width: 100%;
    height: 45px;
    line-height: 45px;
    background: #FC1944;
    color: #ffffff;
    border: none;
    font-size: 16px;
    font-weight: 900;
}
.mask .alert-layer img {
    width: 200px;
}
.mask .alert-layer .head-title {
    position: relative;
    background: #1495E7;
    padding: 12px 0;
    color: #ffffff;
    font-size: 16px;
    font-weight: 900;
}
.mask .close-mask {
    position: absolute;
    display: block;
    height: 30px;
    width: 30px;
    right: 10px;
    top: 8px;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 500;
    border: 1px solid #FFFFFF;
    border-radius: 50%;
    cursor: pointer;
}
/*****************************/
.mem_wraps { background: #fff; }
.mem_wrap { background: #fff; width: 100%; min-width: 500px; margin:0 auto;}
.mem_wrap .breadcrumb{ padding-left: 20px;}

.mem_left_nav{ width: 200px; padding-bottom: 20px; float: left; border-right: 1px solid #eee;}
.mem_left_nav .mem_left {  padding-bottom: 20px;  }
.mem_left_nav .mem_left li{ 
     min-width: 100px; text-align: center;
     border-top:2px solid #fff;
     padding: 4px 0 ;
}
.mem_left_nav .mem_left a{line-height: 200%; font-size: 14px;}
.mem_left_nav .mem_left .on{ border: 1px solid #eee; border-bottom: 0; background: #f1f1f1;
    border-top:1px solid #3c8dbc; border-bottom:1px solid #3c8dbc;
}

.mem_body{ 
    float: left;
    width: calc(100% - 220px);  min-height: 520px;
     box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;

}

/*
.mem_left_nav{ float: left; width: 180px; border-right: 1px #ccc solid ; padding-bottom: 50px; }
.mem_left_nav .mem_left{ padding-left: 20px;}
.mem_left_nav .mem_left a{line-height: 200%; font-size: 14px;}

.mem_body{ 
    float: left; width: 880px;  min-height: 500px;padding-left: 20px; 
     box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}

*/


.pay_box{}
.pay_box .payimg{text-align: center; height: 150px; padding: 20px 0 0px;}
.pay_box .paytxt{ text-align: center; padding-top: 10px;}
.pay_box .paytxt h3{ text-align: center; font-size: 14px; line-height: 300%; font-weight: bold;}
.pay_box .paytxt p{ text-align: center; font-size: 12px; line-height: 250%;}

/*********************/
.home_w1 {
  text-align: center;
  padding: 40px 0 0;
}
.home_w1 h2,.home_w2 h2 {
  font-size: 24px;
  text-align: center;
  line-height: 200%;
  color: #333;
  margin: 0;
padding: 0;
}
.home_w1 p {
  font-size: 14px;
  text-align: center;
  line-height: 200%;color: #666;
  margin: 0;
padding: 0;
}
/**********/
.cj_faq{}
.cj_faq .h5 {
  border-top: 1px solid #1b1b1b;
  border-bottom: 1px solid #1b1b1b;
  overflow: hidden;
  padding: 10px 20px 10px 40px;
  font-size: 16px;
  background: url(/static/images/star-6.png) left center no-repeat;
    background-size: auto;
  background-size: 30px;}
.cj_faq h5 {
font-size: 16px;
line-height: 48px;
color: #333333;
font-weight: normal;
background: url(/static/images/blog_r_h4.png) no-repeat left center;
padding-left: 24px;
border-bottom: #f3f3f3 solid 3px;
}


.cj_faq h6 { padding: 6px 0 0; font-size: 14px; line-height: 200%; font-weight: bold;}
.cj_faq p {  font-size: 14px; line-height: 200%;}


/***/
.home_bg{  background: #f5f8ff }
/**********/

.h_a_box{}
.h_a_box li{ float: left; width: 366px; text-align: center; }
.h_a_box li .s_img{padding:10px 0 10px;}
.h_a_box li .s_title{ text-align: center;  font-size: 16px; line-height: 300%;color: #d75353;}
.h_a_box li .s_desc{text-align: center;font-size: 12px;}



.h_b_box{}

.h_b_box li{ float: left; width: 366px; text-align: left; }
.h_b_box .h_b_box_x{ width: 340px; background: #ffffff; margin: 20px auto; min-height: 120px; } 
.h_b_box li .s_img{ float: left; width: 130px; text-align: center; padding-top: 20px;}
.h_b_box li .s_img img{  width: 80px;}

.h_b_box li .s_title{ text-align: left;  font-size: 16px; line-height: 200%; padding-top: 20px;color: #d75353; font-weight: bold;}
.h_b_box li .s_desc{text-align: left;font-size: 12px;line-height: 200%;}


/************/

.indus_w2_ul{}
.indus_w2_ul li{ float: left;  width: 275px; height: 320px; }


.solutionItem {
  position: relative;
  width: 220px;
  height: 320px;
  background-size: cover !important;
  overflow: hidden;
}
.solu-bg{background:url(/static/images/home/opacity50.png) repeat;width:100%;height:100%;overflow:hidden;transition:all 0.3s linear;}
.c-solu{transform: translateY(80px);transition:all 0.3s linear;}
.soluLine{display:block;width:30px;height:4px;background:#fff;margin:14px auto;transition:all 0.3s linear;}
.solu-tit{font-size:16px;color:#fff;line-height:24px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;word-break: break-all;width:90%;margin:0 auto;}
.soluBox{position:absolute;left:0;top:0;width:100%;height:100%;background:url(/static/images/home/opacity70.png) repeat;opacity:0;filter:alpha(opacity=0);transition:all 0.3s linear;}
.soluItem-text{display:block;color:#fff;line-height:20px;margin:20px 30px;height:60px;overflow:hidden;}
.soluBtn{display:inline-block;color:#fff;border:1px solid #fff;width:88px;height:24px;line-height:24px;font-style: normal;transition:all 0.2s linear;}
.soluBtn:hover{background:#fff;color:#2276da;}
.solutionItem:hover .solu-bg{opacity:0;filter:alpha(opacity=0)}
.solutionItem:hover .soluBox{opacity:1;filter:alpha(opacity=100);}
.solutionItem:hover .c-solu{transform: translateY(0px);}
.solution-list{margin-top:40px;position:relative;}
.solutionBtn{width:45px;height:100%;background:url(/static/images/home/opacity20.png) repeat;position:absolute;top:0;text-align:center;}
.solutionBtn a{display:inline-block;line-height:350px;}



/*************/
.top_info{ 
    min-height: 400px; width: 100%; background: #f5f7f7; 
    position: relative;
    z-index: 1;
    overflow:hidden;
}

.mh200{ min-height: 200px; }
.mh250{ min-height: 250px; }
.mh300{ min-height: 300px; }
.mh400{ min-height: 400px; }
.mh220{ min-height: 220px; }
.mh158{ min-height: 158px; }


.top_ad_02{  background:#f5f7f7 url(/static/ads/top_ad_02.png) right center no-repeat;}

.top_info h1{ text-align: center; font-size: 24px; font-weight: normal; margin: 25px 0 0; line-height: 200%;}
.top_info h2{ text-align: center; font-size: 24px; font-weight: normal; margin: 25px 0 0; line-height: 200%;}
.top_info h3{ text-align: center; font-size: 16px; font-weight: normal;  line-height: 200%}

.top_info p{ text-align: center; font-size: 13.6px; font-weight: normal;  line-height: 200%;color: #666;}

.top_info2{  background: #240030; }
.top_info2 h1,.top_info2 h2,.top_info2 h3{ color: #fff; }

/*style="position: relative;"*/
.pro_menu{ background: #fff;  color: #333; border: 1px #eee solid;}
.pro-menu-fixed{z-index: 1; position: fixed; top: 355px;left:240px; margin-left: -200px;width: 200px; }
.pro_menu ul{padding: 0px;}
.pro_menu h3{padding: 10px; font-size: 13.6px; font-weight: normal;}
.pro_menu li{ border-top:1px #eee solid;  }
.pro_menu a{  color: #888; line-height: 200%;padding-left: 10px;}
.pro_menu .active a{ font-weight: bold; color:#f9ae3b;}
.pro_menu .active a:after{ content: ">";}



/***********/
.h_wap_top{
color: #fff ;
min-height: 60vh;
max-height: 440px;


background: #dddddd url(/static/images/livemap1.jpg) no-repeat center center;
background-origin: 0.5; transform: translate3d(0px, 0px, 0px);
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-position: center 0;

opacity: 80;
filter: alpha(opacity=80);

text-align: center; 

}
.h_wap_top h2{ color: #ffffff ; padding-top: 30%; text-align: center;  font-size: 32px; line-height: 150%; font-weight: bold;
 }
.h_wap_top p{ padding-top: 20px;opacity: 1; color: #fff;}

.h_wap_top a.bon{ text-align: center;background-color: #ff6a00;
color: #FFFFFF; border-radius: 8px; opacity: 1;
font-size: 16px; height: 50px; display:inline-block; width: 50%; line-height: 50px;

}
/*****************/
.h_wap_pro{ padding: 30px 10px 0 10px;  background: #EEEEEE;}

.h_wap_pro h4{ font-size: 35px;line-height: 200%; text-align: center;color: #333; }
.h_wap_pro p{ 
color: #9A9A9A;
font-weight: 300;
font-size: 1.4em;
line-height: 1.5em;

}
.h_wap_goods{ padding-top: 20px; }
.h_wap_goods dl{ background: #fff; padding: 10px;
margin-bottom: 20px;
border: 1px solid #EEEEEE;
border-radius: 5px;
}
.h_wap_goods dt{ text-align: center; }
.h_wap_goods dd{ text-align: center; }
.h_wap_goods img{ width: 100%; }
.h_wap_goods h6{ padding: 10px 0 0 ; }
.h_wap_goods h6,.h_wap_goods h6 a{ 
color: #333333;
font-weight: 300;
font-size: 1.3em;
line-height: 1.4em;
text-align: center;
}

.h_wap_goods p{ 
color: red;
font-size: 20px;
font-weight: 900; 
padding: 10px;
}
.h_wap_goods span{ 
color: #4A433A;
font-weight: 500;
font-size: 16px;
}

.h_wap_goods .wapbuy {
  display: block;
  width: 100%;
  height: 50px;
  border-radius: 5px;
  color: #ffffff;
  line-height: 50px;
  font-size: 18px;
  background: red;
  margin-top: 15px;
}

/**************/
.h_pc_pro_bg{ background: #f5f8ff; }
.h_pc_pro{padding: 40px 0 0;}

.h_pc_pro h2 {
  font-size: 24px;
  text-align: center;
  line-height: 200%;
  color: #333;
  margin: 0;
  padding: 0;
}
.h_pc_pro p {
  font-size: 14px;
  text-align: center;
  line-height: 200%;
  color: #666;
  margin: 0;
  padding: 0;
}

.h_pc_goods{padding: 10px 0 0; text-align: center;}
.h_pc_goods dl{ float: left; width: 33.3%; min-height: 520px; }
.h_pc_goods dl div{ background: #fff; margin:10px; padding: 10px; }
.h_pc_goods dl img{ width: 100%;}
.h_pc_goods dl dd{ padding:0 ;  }

.h_pc_goods dl div {
  border: 1px solid #EEEEEE;
  border-radius: 5px;
  cursor: pointer;
  background: #FFFFFF;
}

.h_pc_goods dl div:hover {
  box-shadow: 10px 10px 5px #CCCCCC;
  　animation: changeBiger 4s linear forwards;
  animation-delay: 5s;
  -webkit-animation-delay: 5s;
  transform: scale(1.02);
}
.h_pc_goods h6{ min-height: 90px; padding-top: 6px;}
.h_pc_goods h6,.h_pc_goods h6 a{ 
color: #333333;
font-weight: 300;
font-size: 13.6px;
line-height: 200%;
text-align: center;
}

.h_pc_goods p{ 
color: red;
font-size: 16px;
font-weight: bold; 
padding: 10px;
}
.h_pc_goods span{ 
color: #4A433A;
font-weight: normal;
font-size: 12px;
}

.h_pc_goods .wapbuy {
  display: block;
  width: 90%;
  height: 40px;
  border-radius: 5px;
  color: #ffffff;
  line-height: 40px;
  font-size: 12px;
  background: #ff6a00;
  margin:15px auto 0;
}

.plan_order{
    min-height: 60px; text-align: center;
}
.plan_order{ display: inline-block; }

.bat_order_body{ padding: 10px 0;  }
.bat_order{ padding: 10px; background: #e1e1e1; border:1px solid #ddd; margin: 15px 0; border-radius: 2px; }
.bat_order_body h5{ font-size: 16px;  line-height: 200%;}

.bat_order_body h5 a{  float: right; width: 50px; font-size: 12px; text-align: right;}



.wrapper .top0{ top:0px; }
.wrapper .left0{ left:0px; }
.wrapper .right0{ right:0px; }
.wrapper .pos3{ position: fixed;}

.content-header2 {
  z-index: 9999;
}
.logomin .head_nav {
background: #023953 url(/static/images/logo/logo-mini.png) no-repeat left center;
}