@charset "utf-8";
/*++++++++++++++++++++++++++++++++++++//
//+++++desc:艺扣吊顶++++++++++++++++++//
//+++++Website:www.oupan0612.com+++++//
//+++++Created By oupan+++++++++++++++//
//++++++++++++Web page style +++++++++*/

html {
    font-size: 625%;
}

body {
    font-family: "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "宋体", simsun, sans-serif;
    font-size: 16px;
    background: #fff;
    color: #333333;
    min-width:320px;
    overflow-x: hidden;
}

body, h2, ul, p, dl, h4, h5, h3, dl, dt, dd {
    padding: 0;
    margin: 0;
    font-weight: normal;
}

* {
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-tap-highlight-color: rgba(0, 0, 0, 0);
    -ms-tap-highlight-color: rgba(0, 0, 0, 0);
    -o-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
}

ul {
    list-style: none;
}

a, a:link, a:hover, a:visited, a:active {
    text-decoration: none;
    border: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    outline: none;
}

i, em {
    font-style: normal;
}

img {
    border: none;
    vertical-align: middle;
}

input, button, select, textarea {
    background: transparent;
    outline: none;
    border: none;
    color: #787878;
}

input[type="text"] {
    -webkit-appearance: none;
}

.color_b{
    color: #000;
}

.container {
    margin: 0 auto;
}

.clearfix {
    *zoom: 1;
}

.clearfix:before,
.clearfix:after {
    display: table;
    line-height: 0;
    content: "";
    clear: both;
}

.left {
    float: left;
}

.right {
    float: right;
}
.bg_yellow{
    background: #d4a35e;
}
.bg_green{
    background: #d4b78e;
}
.color_d{
    color: #d1a059!important;
}
.color_g{
    color: #d1a05d !important;
}
/*头部*/
.header{
    width:100%;
    height:1.5rem;
    background: url("../images/header_bg.png") no-repeat center center;
    border-top:0.04rem solid #d1a05d;
}
.header_small{
    display: none;
    background: rgba(255,255,255,.8);
    position: fixed;
    left:0;
    top:0;
    width:100%;
    z-index:1010;
    padding:0.1rem 0 0.12rem 0;
}
.header_small .header_small_btn{
    width:0.66rem;
    text-align: center;
    cursor: pointer;
    float: right;
}
.header_small .header_small_btn i{
    font-size:26px;
    color: #666;
}
.header_small_nav{
    width:100%;
    position: absolute;
    top:0.48rem;
    right:0;
    display: none;
    background: rgba(255,255,255,.8);
}
.header_small_nav li{
    line-height:0.4rem;
    text-align: center;
}
.header_small_nav ul li a{
    display: block;
    color: #333;
    font-size:16px;
}

.header .header_nav .header_nav_list li{
    float: left;
    position: relative;
}
.header .header_nav .header_nav_list li a{
    display: block;
    padding:0.35rem 0.25rem 0.2rem 0.25rem;
    color: #333;
    text-align: center;
    position: relative;

}
.header .header_nav .header_nav_list li .nav_en{
    font-size:12px;
    margin:0.1rem 0 0.1rem 0;
    color: #888888;
}
.header .header_nav .header_nav_list li.active .nav_name,
.header .header_nav .header_nav_list li a:hover .nav_name,.header_small_nav ul li.active a,.header_small_nav ul li a:hover,.header .header_nav .header_nav_list li.active .nav_en,.header .header_nav .header_nav_list li:hover .nav_en{
    color: #d1a05d!important;
}
.header .header_nav .header_nav_list li.active .nav_dot,
.header .header_nav .header_nav_list li a:hover .nav_dot{
    width:0.06rem;
    height:0.06rem;
    background: #d1a05d;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    position: absolute;
    left:50%;
    bottom:0.2rem;
    margin-left:-0.03rem;
}
.logo{width:1.5rem;height:1.1rem; position: absolute;left:50%;top:.15rem;margin-left:-0.75rem;}
.logo img{width:100%;}
.w_logo{width:1.5rem;position: absolute;left:2%;top:.05rem;}
.fixed_top{
    position: absolute;
    left:0;
    top:0;
    z-index:9999;
}

.fixed_top_scroll{
    height:1rem;
    position: fixed;
    left:0;
    display: none;
    z-index:1000;
    background: rgba(255,255,255,.9);
}
.logo_scroll{
    top:0rem;
    width:1rem;
    margin-left:-0.5rem;
}
.fixed_top_scroll .header_nav .header_nav_list li a{
    padding: 0.25rem 0.3rem 0.2rem 0.3rem;
}
#banner{position: relative;}
#banner img {
    width: 100%;
}
.swiper-container img {
    width: 100%;
}

#banner .swiper-pagination-bullet{
    width:0.70rem;
    height:0.06rem;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin:0;
    border:1px solid #fff;
    background: none;
    opacity:1;
    border-right:none;
    border-left:none;
}
#banner .swiper-pagination-bullet:nth-child(1){
    border-left:1px solid #fff;
}
#banner .swiper-pagination-bullet:last-child{
    border-right:1px solid #fff;
}
#banner .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #fff;
}
.wk_arrow {
  position: absolute;
  bottom: 1rem;
  left: 50%;
  z-index: 20;
  display: block;
  margin-left: -44px;
  width: 80px;
  height: 80px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  line-height: 80px;
  cursor: pointer;-webkit-animation: bounce-down 1.5s linear infinite;
animation: bounce-down 1.5s linear infinite;
}
.wk_arrow img {
  position: relative;
  top: 0;
  width:18px!important;height: 42px;
}
.wk_arrow:after,
.wk_arrow:before {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  content: '';
  pointer-events: none;
}
.wk_arrow:before {
  width: 80px;
  height: 80px;
  border: 1px solid #fff;
  -webkit-transition: all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.wk_arrow:after {
  width: 80px;
  height: 80px;
  border: 2px solid #fff;
  background-color: rgba(255, 255, 255, 0.1);
  opacity: 0;
  -webkit-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transform: scale(0.5, 0.5);
  -moz-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5);
  -ms-transform: scale(0.5, 0.5);
}
.wk_arrow:hover:before {
  opacity: 0;
  -webkit-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transform: scale(1.5, 1.5);
  -moz-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
  -ms-transform: scale(1.5, 1.5);
}
.wk_arrow:hover:after {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  transform: scale(1, 1);
  -ms-transform: scale(1, 1);
}
@-webkit-keyframes bounce-down {
 25% {
  -webkit-transform:translateY(-7px)
 }
 100%,50% {
  -webkit-transform:translateY(0)
 }
 75% {
  -webkit-transform:translateY(7px)
 }
}
@keyframes bounce-down {
 25% {
  transform:translateY(-7px)
 }
 100%,50% {
  transform:translateY(0)
 }
 75% {
  transform:translateY(7px)
 }
}
/*关于我们*/
.about_wrap{ padding:0.76rem 0 0.76rem;position: relative;}
.about .about_top{text-align: center;}
.about .about_top .about_title{height:0.78rem;background: url("../images/about_title.png") center top no-repeat;-webkit-background-size: contain; background-size: contain;margin-bottom:0.12rem;}
.about .about_dec{line-height:28px;}
.about_list_box{
    padding:0.5rem 0.56rem 0 0.56rem;
}
 .about_b h2{color:#444;padding-bottom: 10px;}
.about_list_box .about_list{
    margin:0 -0.3rem 0 0;
}
.about_list_box .about_list_item{
    text-align: center;
    width:16.1%;
    float: left;
    margin-right:5px;
    position: relative;
    box-shadow: 0 3px 0 #f3f3f3;
    border-radius: 4px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s ;
    -o-transition: all 0.3s ;
    transition: all 0.3s ;
}
.about_list_box .about_list_item:last-child{margin-right: 0}
.about_list_box .about_list_item .about_list_pic{
    
    overflow: hidden;
   height: 100px;
    background:#fafafa;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s ;
    -o-transition: all 0.3s ;
    transition: all 0.3s ;
}

.about_list_box .about_list_item .about_list_pic img{
    width:52px;
    height:44px;
    margin-top:28px;
    margin-left: 20px;
       -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s ;
    -o-transition: all 0.3s ;
    transition: all 0.3s ;
    display: block;float: left;
}
.about_list_box .about_list_item .about_list_name{
    color: #333;
    float: left;
    line-height: 100px;
    margin-left: 20px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s ;
    -o-transition: all 0.3s ;
    transition: all 0.3s ;
}
.about_list_box .about_list_item.active .about_list_pic img{
    margin-left: 15px;
}

.about_list_box .about_list_item.active .about_list_pic_in{
    background:#ddd;
}
.about_list_box .about_list_item.active .about_list_name{
    color: #ee8913;margin-left: 30px;
}

.products_show{
    background: #f8f8f8 url("../images/products_bg.jpg") left top no-repeat;
    overflow: hidden;
    background-size:cover;
}
.decorate_icon{
    height:1.26rem;
    position: relative;
}
.decorate_icon .decorate_icon_arrow{
    width:0;
    height:0;
    border-width:0.24rem;
    border-style:solid;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    left:50%;
    top:0;
    margin-left:-0.24rem;
}
.products_show .pro_dec_text{color: #fff!important;}
.decorate_icon .decorate_icon_line1{
    height:1.04rem;
    border-right:1px solid #fff;
    position: absolute;
    left:50%;
    top:0.22rem;
}
.decorate_icon .decorate_icon_line2{
    border-bottom:1px solid #fff;
    width:0.8rem;
    left:50%;
    margin-left: -0.4rem;
    bottom:0;
    position: absolute;
}

.products_title{
    text-align: center;
    color: #fff;
    font-size:30px;
    padding-bottom:0.5rem;
}
.products_title .products_title_en{
    font-size:48px;
    color: #fff;
    font-family:Arial;
    font-style: italic;
}

.tab_show{
    padding:0 1.2rem 0 1.2rem;
    margin:0 -0.1rem 0 0;
    text-align: center;
}
.tab_show a{
    display: inline-block;
    width:15%;
    height:0.45rem;
    line-height:0.45rem;
    text-align: center;
    border:1px solid #fff;
    color: #fff;
    margin:0 0.1rem 0 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.tab_show a:last-child{margin-right:0!important;}
.tab_show a.active,.tab_show a:hover{
    background-color: #fff;
    color: #333;
}
.tab_container{
    padding-top:0.92rem;
    position: relative;
}
.tab_item{
    display: none;
}
.tab_item.active{
    display: block;
}
.tab_container .pro_item_box{
    margin:0 -0.3rem 0 0;
}
.tab_container .pro_item{
    width:30%;
    margin:0 0.3rem 0 0;
    float: left;
    max-height: 465px;overflow: hidden;s
}
.tab_container .pro_item .pro_item_pic{
    border:1px solid #ededed;height: 310px;
}
.tab_container .pro_item img,.tab_container .pro_item .pro_item_pic img{
    width:100%;
    height:100%;
}
.tab_container .pro_item.active .pro_item_pic{
    box-shadow: 0.06rem 0.06rem 0 #d1a05d;
}
.pro_item_dec{
    padding:0.22rem 0 0.4rem 0;
    color:#fff;
    position: relative;
}

.pro_item_dec .pro_dec_text{
    margin-bottom:0.2rem;color:#444;
}
.pro_item_dec .pro_dec_num{
    color: #989898;
    font-weight:bold;
    position: relative;
    
}
.pro_item_dec .pro_dec_num .line{
    width:0.36rem;
    height:2px;
    background: #e0e0e0;
    display: inline-block;
    vertical-align: middle;
}
#page_container li a:hover .pro_dec_text{color: #d1a05d}
.tab_container .pro_item.active .go_icon{
    width:0.42rem;
    height:0.47rem;
    position: absolute;
    right:0;
    top:50%;
    margin-top:-0.23rem;
    background: url("../images/go.png") no-repeat;
}
.base_box{
    margin-top:1.3rem;
    position: relative;

}
.base_box:before{
    content: '';
    position: absolute;
    width:100%;
    height:100%;
    left:0;
    bottom:0;
    background: url("../images/jmbg.png") left bottom no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}
.base_box .base_in{
    position: relative;
    top:-0.5rem;
}
.base_box .base_in .base_left{
    width:36%;
    float: left;
}
.base_in_text{
    width:70%;
}
.base_in_handle{
    width:30%;
    text-align: center;
}
.base_in_handle a{
    color: #fff;
    text-align: center;
    margin-left:0.1rem;
    display: inline-block;
}
.base_in_handle a i{
    font-size:26px;
    font-weight: normal;
}
.base_box .base_in .base_left .base_in_pic img{
    width:100%;
}
.base_in_dec{
    margin-top:0.5rem;
    border:1px solid #fff;
    padding:0 0.2rem 0 0.2rem;
    height:0.7rem;
    line-height:0.7rem;
    color: #fff;
}
.base_right{
    width:60%;
}
.base_right .base_right_t{
    font-size: 30px;
    color: #d8ab6e;
    margin:0 0 0.509rem 0;
}
.base_right .base_right_t h2{
    font-size: 48px;
    font-style: italic;
    margin-top:0.2rem;
    font-weight: bold;
}
.base_right .base_right_t .base_line{
    display: inline-block;
    vertical-align: middle;
    width:0.62rem;
    height:0.08rem;
    background: #d8ab69;
}
.base_list{overflow: hidden;}
.base_list .base_list_item{
    width:32%;
    float: left;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden;
    margin:0 1.3% 1.3% 0;
}
.base_list .base_list_item:nth-child(3n){margin-right: 0}
.base_list .base_list_item.active{
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -ms-transform: scale(1.01);
    -o-transform: scale(1.01);
    transform: scale(1.01);
    z-index:99;
}
.base_list .base_list_item img{ 
    display: block;
    margin:0;
    padding:0;
   width:100%;
}
.base_list .base_list_item .base_name{
    width:100%;
    position: absolute;
    left:0;
    bottom:-100%;
    color: #fff;
    text-align: center;
    padding: 0.18rem 0 0.18rem 0;
    background: -webkit-linear-gradient(top,rgba(0,0,0,0.15),rgba(0,0,0,0.8)); /* Safari 5.1 - 6 */
    background: -o-linear-gradient(bottom,rgba(0,0,0,0.15),rgba(0,0,0,0.8)); /* Opera 11.1 - 12*/
    background: -moz-linear-gradient(bottom,rgba(0,0,0,0.15),rgba(0,0,0,0.8));/* Firefox 3.6 - 15*/
    background: linear-gradient(to bottom, rgba(0,0,0,0.15), rgba(0,0,0,0.8));
}
.base_list .base_list_item.active .base_name{
    bottom:0;
}
/*新闻*/
.news_box{
    padding:0.8rem 0 1.56rem 0;
    margin-top:0.78rem;
    position: relative;
    background-color: #000;
    z-index:1;
}   
.news_in{
    position: relative;
    z-index:110;
}
.news_box:before{
    content: '';
    position: absolute;
    left:0;
    bottom:0;
    width:100%;
    height:100%;
    background: url("../images/newsbg.png") no-repeat;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5);
    opacity: 0.5;
    z-index:0;
}
.news_in .news_show{
    width:45%;
    min-height:5.1rem;
    background-color: #f2f2f2;
    padding:0.5rem 0.7rem 0 0.7rem;
}
.news_in .news_list{
    width:55%;
    min-height:5.1rem;
    background-color: #fafafa;

}
.news_in .news_show a:hover h2.news_show_title{color: #d1a05d}

.news_in .news_show a:hover  .news_show_pic img{transform: scale(1.2);-webkit-transform: scale(1.2);  -o--transform: scale(1.2);-moz-transform: scale(1.2);}
.news_in .news_list .news_list_item a{
    display: block;
    padding:0.2rem 0.7rem 0.2rem 0.7rem;
    background-color: #fafafa;
    border-top:1px solid #fafafa;
    border-bottom:1px solid #fafafa;
    margin:0.1rem 0 0.1rem 0;
}
.news_in .news_list .news_list_item a:hover{
    border-top:1px solid #dedede;
    border-bottom:1px solid #dedede;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 25px rgba(0,0,0,.1);
    -moz-box-shadow: 0 3px 25px rgba(0,0,0,.1);
    box-shadow: 0 3px 25px rgba(0,0,0,.1);

}
.news_in .news_list .news_list_item a:hover h2.title ,.news_in .news_list .news_list_item a:hover span.arrow{color:#d1a05d;}
.news_in .news_list .news_list_item .news_item_top{
    margin-bottom:0.2rem;
}
.news_in .news_list .news_list_item .news_item_top .title{
    width:80%;
    font-size:14px;
    color: #5d5d5d;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    padding:0 0 0 0.25rem;
}
.news_in .news_list .news_list_item .news_item_top .title:before{
    content: '';
    width:0.06rem;
    height:0.06rem;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background-color: #666;
    position: absolute;
    left:0;
    top:50%;
    margin-top:-0.03rem;
}
.news_in .news_list .news_list_item a:hover h2.title:before{ background-color: #d1a05d;}
.news_in .news_list .news_list_item .news_item_top .time{
    font-size:14px;
    color: #5d5d5d;
    width:16%;
    text-align: right;
}

.news_item_bot{
    padding-left:0.25rem;
}
.news_item_bot .dec{
    width:80%;
    display: inline-block;
    vertical-align: middle;
    color: #7e7e7e;
    font-size: 14px;
    line-height: 24px;
 overflow : hidden;}

.news_item_bot .arrow{
    width:16%;
    vertical-align: middle;
    display: inline-block;
    text-align: right;
    position: relative;
    color: #e4e4e4;
}
.news_item_bot .arrow:before{
    content: "";
    border-left:1px solid #e4e4e4;
    height:0.16rem;
    position: absolute;
    left:50%;
    top: 50%;
    margin-top:-0.08rem;
}

.news_in .news_show .news_show_time{
    font-size: 24px;
    color: #262424;
}
.news_in .news_show .news_show_title{
    font-size: 16px;
    margin:0.3rem 0 0.3rem 0;
    color: #262424;
}
.news_in .news_show .news_show_dec{
    color: #a9a9a9;
    font-size:14px;
    line-height:24px;
    margin-bottom: 0.22rem;
}
.news_in .news_show .news_show_pic{
    width:100%;
    max-height:2.14rem;
    overflow: hidden;
    text-align: center;
}
 .news_in .news_show .news_show_pic img  { transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;    /* Firefox 4 */  -webkit-transition: all 1s ease 0s;    /* Safari 和 Chrome */  -o-transition: all 1s ease 0s;
}
/**加盟*/
.join_box{height:auto; overflow: hidden;background:url(../images/joinbg3.jpg) no-repeat center; background-size:cover;width:100%;padding-bottom: 60px;}
.feedback_div{ margin:0 auto; width:96%; max-width:1188px; }
.feedback_div div.item_c{height: 50px;width:100%;margin-bottom:.2rem;position: relative;}
.feedback_div .inputs2{ text-indent:10px;margin-bottom:.2rem;float:left; width:32%; margin-right:2%; background:#f8f8f8; height:50px; line-height:50px; font-size:14px; color:#666; border:0; outline:none; border-radius:4px; text-indent:3%; font-family:"微软雅黑";}
.feedback_div .inputs3{width:49%;text-indent:10px;}
.feedback_div .inputs2:last-child{ margin-right:0;}
.feedback_div .textarea{resize:none; padding:1%; width:100%; background:#f8f8f8; font-size:14px; font-family:"微软雅黑";border:0;border-radius:4px; outline:none;margin-bottom:.2rem; }
.feedback_div .bnts2{ border-radius: 4px; border: none;  width:300px;font-size: 16px; height:50px; background: #000; font-family:"微软雅黑"; text-align: center;color: #fff; outline: none;  cursor: pointer; -webkit-appearance: none; margin:0 auto; display:block;}
.feedback_div .bnts2:hover{filter:alpha(opacity=70);opacity:0.7;transition:all 0.3s;}
@media screen and (max-width: 640px) {
    .feedback_div .inputs2{ width:100%; text-indent:10px;}
       .feedback_div .inputs3{width: 49%;text-indent:10px;}
    .feedback_div .textarea{ padding:2% 0; text-indent:2%;width:100%;}
}
.join_box2{background: none;}
/*联系*/
.contact_box{
    height:1.1rem;
    overflow: hidden;
    width:100%;
    padding-top:.2rem;
}
.contact_box_in{
    width:100%;
    position: relative;
}
.contact_in{
    height:1.1rem;
    width:100%;
   
}
.contact_in .contact_type{
    padding-left: 0.4rem;
}
.contact_in .contact_type_item{
    display: inline-block;
    margin-top:0.4rem;
    margin-right:1rem;
    color: #fff;
    position: relative;
    font-size:16px;
    padding-left:0.6rem;
}
.contact_in .contact_type_item .contact_icon{
    width:0.4rem;
    height:0.4rem;
    position: absolute;
    left:0;
    top:50%;
    margin-top:-0.2rem;
    background: url("../images/contact_icon.png") 0 0 no-repeat;
}
.contact_in .contact_type_item .contact_icon_qq{
    background-position: 0 -0.5rem;
}
.contact_in .contact_type_item .contact_icon_phone{
    background-position: 0 -1rem;
}
.footer{
    width:100%;
    background: url("../images/footer_bg.png") center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
.footer .footer_top .footer_top_l{
    width:80%;
    padding-top:0.74rem;
}
.footer .footer_top .footer_top_item{
    float: left;
    width:20%;
}
.footer .footer_top .footer_top_item dt{
    font-size:15px;
    color: #fff;
    margin-bottom:0.36rem;
}
.footer .footer_top .footer_top_item dd{
    margin-bottom:0.22rem;
}
.footer .footer_top .footer_top_item dd a{
    color: #fff;
    position: relative;
    padding-left:0.1rem;
    font-size:14px;
    padding-right: .1rem;
}
.footer .footer_top .footer_top_item dd a:before{
    content: '';
    width:5px;
    height:3px;
    background: #fff;
    position: absolute;
    left:0;
    top:50%;
    margin-top:-1px;
}
.footer_code{
    padding-top:0.74rem;
    text-align: center;
    float: right;
    width:1.7rem;
    height:2.76rem;
    background: url("../images/footer_code_bg.png") no-repeat;
}
.footer_code img{
    display: inline-block;
    max-width:100%;
}
.footer_adr{
    padding:0.83rem 0 0.3rem 0;
}
.footer_adr .footer_adr_in{
    padding:0 0.2rem 0 0.2rem;
    background: rgba(255,255,255,.2);
    line-height:0.66rem;
    color: #fff;
}
.footer_adr .footer_adr_in a{
    color: #fff;
}

/*产品中心*/
.pro_banner{width:100%;position: relative;}
.pro_content_banner{position: relative;}
.pro_banner img{width:100%;}
.products_content .tab_container{ padding-top:1.5rem;}
.pro_nav{
    width:100%;
    height:1.65rem;
    background: url("../images/nav_bg.png") center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    left:0;
    bottom:-0.83rem;
    position: absolute;
    padding-top:0.36rem;
    z-index:999;
}
.pro_nav .pro_nav_title{
    padding:0 0 0 0.94rem;
    float: left;
    width:5rem;
    color: #fff;
    font-size:30px;
}
.pro_nav .pro_nav_title .en{
    font-size:36px;
    font-weight:bold;
    font-style: italic;
}
.pro_nav .pro_nav_title .name{padding-left:1.5rem;}
.pro_nav .pro_nav_tab{float: left;}
.pro_nav .pro_nav_tab a{
    display: inline-block;
    height:1.04rem;
    line-height:1.2rem;
    margin-top:0.25rem;
    color: #fff;
    padding:0 0.1rem;
}
.pro_nav .pro_nav_tab a.active,.pro_nav .pro_nav_tab a:hover{background: url("../images/bg_line.png") repeat-x;}
/*终端形象*/
.honor_title{display: none;}
.honor_content,.recruit_box,.contact_content{padding-top:1.5rem;}
.honor_list{margin: 0 -0.3rem 0 0;}
.honor_list .honor_item{
    float: left;
    background: #fff;
    -webkit-box-shadow: 0 0 30px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 30px rgba(0,0,0,.1);
    box-shadow: 0 0 30px rgba(0,0,0,.1);
    width:30%;
    margin:0 0.3rem 0.3rem 0;
    padding:0.18rem;
    background: url("../images/honer_bg.png") center top no-repeat;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.honor_list .honor_item.active{ background: url("../images/honer_bg_active.png") center top no-repeat;}
.honor_list .honor_item .honor_pic{
    padding:0.14rem;
    text-align: center;
    /*! min-height:2.48rem; */
    /*! margin-bottom: 0.2rem; */
}
.honor_list .honor_item .honor_pic img{
    display: inline-block;
    width:100%;
}
.honor_list .honor_item .honor_name{
    font-size:16px;
    color: #232323;
    margin:0.15rem 0;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}
.honor_list .honor_item .honor_number{
    color: #6e6e6e;
    font-size:14px;
    line-height: 20px;
    height: 40px;
}

/*xxxx2019105*/

.recruit_box .recruit_head{
    text-align: center;
    line-height:0.3rem;
    margin-bottom:0.44rem;
}
.recruit_list .recruit_list_in .recruit_item{
    padding:0.2rem 0;
    border:1px solid #f3f3f3;
    background: #f3f3f3;
    margin-bottom:0.2rem;
}
.recruit_list .recruit_list_in .recruit_item.active{
    background: none;
    border:1px solid #000;
    color: #000;
}
.recruit_list .recruit_list_in .recruit_item .recruit_name{
    width:30%;
    padding-left:0.4rem;
}
.recruit_list .recruit_list_in .recruit_item .recruit_ad,
.recruit_list .recruit_list_in .recruit_item .recruit_time{
    width:30%;
}
.recruit_list .recruit_list_in .recruit_item .recruit_check{
    width:10%;
    text-align: center;
    cursor: pointer;
}

.recruit_method{
    margin:0.45rem 0;
    text-align: center;
    line-height:0.3rem;
}
.recruit_method a{
    text-decoration: underline;
}
.recruit_send{
    margin-bottom: 0.6rem;
    position: relative;
    width:100%;
    text-align: center;
}
.recruit_send img{width:100%;}
.recruit_send .recruit_send_email{
    position: absolute;
    bottom:0.4rem;
    left:50%;
    width:2rem;
    height:0.32rem;
    line-height:0.32rem;
    color: #fff;
    background: #ee8913;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-left:-1rem;
}

.recruit_motel{
    position: fixed;
    width:100%;
    height:100%;
    background: rgba(0,0,0,.5);
    left:0;
    top:0;
    z-index:9999;
    display: none;
}
.motel_item{
    width:7.8rem;
    position: fixed;
    left:50%;
    top:-100%;
    margin-left:-3.9rem;
    margin-top:-2.45rem;
    background: #fff;
    z-index:9999;
    padding:0 0.32rem 0.2rem;
    color: #666666;
    font-size:14px;
    line-height:0.26rem;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 1s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.motel_item.active{
    top:50%;
}
.recruit_motel_list .motel_item_name{
    color: #333333;
    font-size:18px;
    margin:0.3rem 0 0.28rem 0;
}
.recruit_motel_list .motel_item_dec{
    margin-bottom:.3rem;
}

/*联系我们*/
.contact_content .contact_title{
    color: #000;
    font-size:30px;
    font-style: italic;
    font-weight: bold;
    height:0.06rem;
    background: #eedcc4;
    position: relative;
    margin-bottom:0.3rem;
}
.contact_content .contact_title .contact_title_text{
    background: #fff;
    position: absolute;
    left:0;
    top:-0.1rem;
    padding:0 0.2rem 0 0;
    font-family: Arial;
}
.contact_address{
    margin:0.5rem 0;
}
.contact_address .contact_address_item{
    float: left;
    margin:0 0.54rem 0 0;
}
.contact_address .contact_address_item .contact_icon{
    width:0.4rem;
    height:0.4rem;
    margin-right:0.2rem;
    background: url("../images/contact_icon2.png") 0 0 no-repeat;
    display: inline-block;
    vertical-align: middle;
}
.contact_address .contact_address_item .contact_icon.email{
    background-position: 0 -50px;
}
.contact_address .contact_address_item .contact_icon.address{
    background-position: 0 -100px;
}
.contact_address .contact_address_item .contact_text{
    display: inline-block;
    vertical-align: middle;
    max-width:100%;
}
.contact_address .contact_address_item .contact_text span{
    color: #737373;
    font-size:14px;
}
.att_box{
    margin-bottom:0.5rem;
}
.att_box .att_item{
    width:50%;
    float: left;
    color: #fff;
    position:relative ;
    padding:0.3rem;
}
.att_box .att_item_in{
    position: relative;
}
.att_box .att_item_in .att_item_code{
    width:1.38rem;
    height:1.38rem;
    float: right;
}
.att_box .att_item .att_item_code img{
    width:100%;
    height:100%;
}
.att_item_text{
    line-height:0.24rem;
}
.att_item_text .att_icon{
    display: block;
    width:0.4rem;
    height:0.4rem;
    background: url("../images/contact_icon2.png") 0 -150px no-repeat;
    margin-bottom:0.1rem;
}
.att_item_text .att_icon.wb{
    background-position: 0 -200px;
}
.contact_map{
    width:100%;
    margin-bottom:0.5rem;
}
.contact_map img{
    width:100%;
}
/*产品详情*/
.pro_detail_top .pro_detail_pic {
    width:4.7rem;
    height:3.55rem;
    text-align: center;
}

.pro_detail_top .pro_detail_pic img{
    width:100%;margin:0 auto;
   display: block;
    padding: 5px;
    border: 1px solid #ededed;
}
.pro_detail_top .pro_detail_dec{
    width:6.68rem;
    background: #f8f8f8;
    padding:0.3rem;
}
.pro_detail_top .pro_detail_dec .detail_name{
    font-size:22px;
    margin-bottom:0.14rem;
    font-weight:normal;
}
.pro_detail_top .pro_detail_dec .detail_item{
    padding:0.17rem 0;
    border-bottom:1px solid #eaeaea;
    font-size:16px;
    color: #555;
}

.pro_detail_top .pro_detail_dec .detail_item span{word-wrap:break-word;}
.detail_contact{
    line-height:0.45rem;
    margin-top:0.15rem;
}
.detail_contact .contact_btn{
    display: inline-block;
    vertical-align: middle;
    width:1.4rem;
    height:0.45rem;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #d1a05d;
    text-align: center;
    color: #fff;
    margin-right:0.1rem;
}
.detail_contact .contact_btn i{
    margin-right:0.05rem;
}
.pro_detail_title{
    margin:0.36rem 0;
}
.pro_detail_title h2{
    font-style: italic;
    font-size: 0.36rem;
    color: #232323;
}
.pro_detail_title_in{
    padding:0 0 0 0.9rem;
    height:0.08rem;
    background-color: #eedcc4;
    position: relative;
    margin-top:.1rem;
}
.pro_detail_title_in span{
    position: absolute;
    width:0.9rem;
    background: #fff;
    left:0;
    top:-0.06rem;
}
.pro_detail_con{
    width:100%;
}
.pro_detail_con p{
    color: #666666;
    margin-bottom:0.3rem;  
}
.pro_detail_con img{
    width:100%!important;
}
.pro_detail_page{
    padding:0.16rem 0;
    border:1px solid #ebebeb;
    text-align: center;
    margin:1rem 0 0.6rem 0;
}
.pro_detail_page .page_item{
    color: #666;
    margin:0 0.15rem;

}

/*新闻中心*/
.news_con_list .news_con_item{
    padding:0.28rem;
    background-color: #f7f7f7;
    margin:0 0 0.3rem 0;
}

.news_con_list .news_con_item .news_pic{
    width:2.7rem;
    height: 1.52rem;
    overflow: hidden;
}
.news_con_list .news_con_item .news_pic img{
    width:100%;
    height:100%;
    transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;    /* Firefox 4 */  -webkit-transition: all 1s ease 0s;    /* Safari 和 Chrome */  -o-transition: all 1s ease 0s;}
.news_con_list .news_con_item a:hover .news_pic img{transform: scale(1.2);-webkit-transform: scale(1.2);  -o--transform: scale(1.2);-moz-transform: scale(1.2);}
.news_con_list .news_con_item .news_info{
    width:8rem;
    color: #666;
    padding:0.26rem 0;
    border-top:1px dashed #c6c6c6;
    border-bottom:1px dashed #c6c6c6;
}
.news_con_list .news_con_item .news_info .news_time,
.news_con_list .news_con_item .news_info .news_text
{
    display: inline-block;
    vertical-align: middle;
}
.news_con_list .news_con_item .news_info .news_time{
    width:1rem;
}
.news_time .day{
    font-size:60px;
}
.news_time .year{
    font-size: 20px;
    color: #888;
}
.news_con_list .news_con_item .news_info .news_text{
    width:6.6rem;
    border-left:1px solid #e0e0e0;
    padding-left:0.3rem;
}
.news_text .news_text_tit{
    margin-bottom:0.1rem;
    font-size: 16px;
}
.news_text .news_text_dec{
    font-size: 14px;
    color: #666;
    line-height:0.24rem;
}

.news_con_list .news_con_item a{
    display: block;
}
.news_con_list .news_con_item.active{
    background-color: #d1a05d;
}
.news_con_list .news_con_item.active .news_info{
    color: #fff;
}
.news_con_list .news_con_item.active .year{
    color: #fff;
}
.news_con_list .news_con_item.active  .news_text .news_text_dec{
    opacity:0.6;
    color: #fff;
}
.news_con_list .news_con_item.active  .news_info{
    border-color: #f3ad5a;
}

/*新闻详情*/
.news_detail .news_detail_title{
    text-align: center;
    border-bottom:1px solid #eee;
    margin-bottom:0.38rem;
}
.news_detail .news_detail_title h2{
    font-size:24px;
    margin-bottom:0.2rem;
}
.news_detail .news_detail_title .news_detail_data{
    margin-bottom:0.2rem;
    color: #999;
    font-size:12px;
}
.news_detail .news_detail_title .news_detail_data .data_item{
    display: inline-block;
    padding:0 0.12rem;
}
.new_detail_con{
    font-size:14px;
    color: #666;
    line-height:0.32rem;
}
.new_detail_con p{
    margin-bottom:6px;
}
.new_detail_con img{
    width:auto;
    max-width:100%;
    display: block;
    margin:0 auto 0.36rem;
}
.news_detail_bot{
    background: #eee;
    padding:0.32rem 0;
}
.news_detail_fy{
    width:65%;
}
.news_detail_fy  p{height:.3rem;line-height:0.3rem;   font-size:14px;  white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;}
.news_detail_fy a{
    width:100%;
    color: #666;
    font-size:14px;
      
}
.news_detail_fy a:hover{
    color: #000;
}
.news_detail_share{
    width:30%;
    text-align: right;
}
.news_detail_share .back_list{
    display: inline-block;
    position: relative;
    width: 75px;
    padding-left:0.16rem;
    font-size:14px;
    color: #000;
    background: url("../images/back_icon.png") left center no-repeat;
    float: right;
}
.share_box{
    width: 50%;
    display: inline-block;
    text-align: right;
    /* margin-top:0.2rem; */
    float: left;
}
.share_box .jiathis_style{
    display: inline-block;
}


/*媒体查询*/
@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
  .honor_list .honor_item .honor_pic img{
    display: inline-block;
    width:296px;height: 258px;
}
.base_list .base_list_item img{ width:224px;
    height: 195px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .container {
        width: 970px;
    }
    .about_list_box .about_list_item .about_list_pic img,.about_list_box .about_list_item .about_list_name{margin-left: 8px;}
   .contact_box{display: none;}
      .about_list_box .about_list_item.active .about_list_pic img{margin-left: 8px;}
   .about_list_box .about_list_item.active .about_list_name{margin-left:8px;}
    .header .header_nav .header_nav_list li a{
        padding:0.35rem 0.1rem 0.2rem 0.1rem;
    }
    .base_box:before{
        background: #000;
    }
    .tab_show a{margin-bottom:.1rem;}
    .tab_container {padding-top: 0.82rem;}
    .tab_container .pro_item .pro_item_pic{height: 300px;}
    .lfloor9{display: none;}
    .news_in .news_show{
        padding:0.5rem 0.4rem 0 0.4rem;
    }
    .footer .footer_top .footer_top_item{
        width:20%;
    }
    .contact_in .contact_type_item{margin-right: .8rem}
    /*产品中心*/
    .pro_nav .pro_nav_title{
        padding:0;
        width:4.2rem;
    }
    /*终端形象*/
    .honor_list .honor_item,.honor_list .honor_item.active{
        -webkit-background-size:contain;
        background-size:contain;
    }
    .honor_list .honor_item .honor_pic{
        min-height:2rem;
    }
    .recruit_send .recruit_send_email{
        bottom:0.2rem;
    }
    /*产品详情*/
    .pro_detail_top .pro_detail_pic{
        width:42%;
    }
    .pro_detail_top .pro_detail_dec{
        width:55%;
    }
    /*咨询中心*/
    .news_con_list .news_con_item .news_info{
        width:6rem;
    }
    .news_con_list .news_con_item .news_info .news_text{
        width:4.5rem;
    }
   
}

@media (min-width: 768px) and (max-width: 991px) {
    body {
        font-size: 14px;
        overflow-x: hidden;
    }
 .about_wrap{padding-top:.6rem;}
    #banner .swiper-pagination-bullet{width:0.4rem;height:0.04rem;}
    .wk_arrow,.lfloor9{display: none;}
    #servers2{display: none;}
    .server_sec1_content_text img{width:70px!important;}
    .container {width: 750px;}
    .header .header_nav .header_nav_list li a{padding:0.35rem 0.1rem 0.2rem 0.1rem;}
    .fixed_top_scroll .header_nav .header_nav_list li a{padding: 0.25rem 0.1rem 0.2rem 0.1rem; }
    .about_list_box .about_list_item{width:40%; margin-bottom: 0.2rem; }
    .tab_container .pro_item{margin:0 0.2rem 0 0;}
    .tab_container .pro_item .pro_item_pic{height: 240px;}
     .tab_show a{margin-bottom:.1rem;}
    .tab_container {padding-top: 0.52rem;}
    .contact_in .contact_type_item{margin-right: .7rem}
    .base_box:before{
        background: #000;
    }
    .about_list_box .about_list_item{
        width:46.2%;
        margin:0 4% 0.15rem 0;
    }
     .about_list_box .about_list_item:nth-child(2n){margin-right: 0;width:49%;}
    
    .base_box .base_in .base_left{
        width:40%;
    }
    .base_right{
        width:55%;
    }
    .base_right .base_right_t{
        font-size:26px;
        margin-bottom:0.4rem;
    }
    .base_right .base_right_t h2{
        font-size:36px;
    }
    .news_in .news_show{
        width:50%;
        padding:0.3rem 0.2rem 0 0.2rem;
    }
    .news_in .news_list{
        width:50%;
    }
    .news_in .news_list .news_list_item a{
        padding:0.2rem 0.4rem 0.2rem 0.4rem;
    }
    .footer .footer_top .footer_top_l{
        width:100%;
    }
    .footer .footer_top .footer_top_item{
        width:20%;
    }
    .footer_code{
        width:100%;
        background: none;
        padding-top:0.2rem;
        height:auto;
    }
  .contact_box{display: none;}
    /*产品中心*/
    .pro_nav .pro_nav_title{
        padding:0;
        width:3.2rem;
        margin-top:0.14rem;
    }
    .pro_nav .pro_nav_title .en{
        font-size:30px;

    }
    .pro_nav .pro_nav_title .name{
        font-size:22px;
        padding-left:0.5rem;
    }

    /*终端形象*/
    .honor_list .honor_item{
        margin:0 0.24rem 0.24rem 0;
    }
    .honor_list .honor_item,.honor_list .honor_item.active{
        -webkit-background-size:contain;
        background-size:contain;
    }
    .honor_list .honor_item .honor_pic{
        min-height:1rem;
    }

    /*招聘模态*/
    .motel_item{
        width:80%;
        margin-left:-40%;
    }
    .recruit_send .recruit_send_email{
        bottom:0.1rem;
    }
    /*联系我们*/
    .contact_address .contact_address_item{
        margin:0 0.1rem 0 0;
    }
    /*产品详情*/
    .pro_detail_top .pro_detail_pic{
        width:50%;
       height:3.54rem;
        line-height:3.54rem;
    }
    .pro_detail_top .pro_detail_pic img{height:3.54rem;}
    .pro_detail_top .pro_detail_dec{
        width:47.5%;
        padding:0.12rem;
    }
    .pro_detail_top .pro_detail_dec .detail_name{
        font-size:22px;
    }
    .pro_detail_top .pro_detail_dec .detail_item{padding: 0.15rem 0}
    .detail_contact .contact_btn{margin-right: .2rem;}
    .detail_contact .contact_btn:nth-child(2n){margin-right: 0}
    /*咨询中心*/
    .news_con_list .news_con_item .news_pic{
        display: inline-block;
        vertical-align: middle;
        float:none;
        width:2rem;
        margin-right:0.3rem;
    }
    .news_con_list .news_con_item .news_info{
        width:4.4rem;
        display: inline-block;
        vertical-align: middle;
        float: none;
    }
    .news_con_list .news_con_item .news_info .news_text{
        width:2.5rem;
    }
    .company .company_bg{
        background-position: center bottom;
    }
    .company:before{
        background: none;
    }
    .service_dec_pic{
        top:-0.4rem;
    }
    .service_dec_pic img{
        width:1.6rem;
    }
    .service_dec{
        width:50%;
    }
}

@media (max-width: 767px) {
    .container {
        width: 100%;
        padding: 0 .1rem;
    }
    #banner{top: .48rem;}
    #banner .swiper-pagination-bullet{
    width:0.55rem;
    height:0.06rem;}
    .wk_arrow,.lfloor9{display: none;}
    .header{
        display: none;
    }
    .header_small{
        display: block;
    }
    .about_list_box .about_list_item{
        width:40%;
        margin: 0 0.15rem 0.2rem 0.15rem;
    }
    .tab_container .pro_item{
        margin:0 0.2rem 0 0;
        width:45%;
    }
    .tab_show{
        padding:0;
    }
    .base_box .base_in .base_left{
        width:100%;
    }
    .base_box .base_in .base_right{
        width:100%;
    }
    .base_box:before{
        background: #000;
    }
    .base_right .base_right_t{
        font-size:26px;
        margin-bottom:0.4rem;
        color: #fff;
    }
    .base_right .base_right_t h2{
        font-size:36px;
    }
    .base_right .base_right_t .base_line{
        background: #fff;
        height:0.04rem;
    }
    .news_in .news_show{
        width:100%;
        padding:0.3rem 0.4rem 0 0.4rem;
    }
    .news_in .news_list{
        width:100%;
    }
    .news_in .news_list .news_list_item a{
        padding:0.2rem 0.2rem 0.2rem 0.2rem;
    }
    .contact_in .contact_type_item{
        margin-right:0.15rem;
    }
    .footer .footer_top .footer_top_item{
        width:50%;
        text-align: center;
    }
    .footer .footer_top .footer_top_item dt{
        margin-bottom:0.15rem;
    }
    .contact_box{display: none;}
    .contact_in{
        height:auto;
        padding-bottom:0.3rem;
    }
    .footer{
        padding-bottom:0.5rem;
    }
     .tab_container .pro_item .pro_item_pic{height: 250px;}
     .tab_show a{margin-bottom:.1rem;}
    .tab_container {padding-top: 0.52rem;}
    .footer_adr{
        line-height:0.28rem;
        text-align: center;
        padding:0.3rem 0 0.3rem 0;
    }
    .footer dl.footer_top_item dt p{font-size:14px;}
 .footer .footer_top .footer_top_item dd a{font-size: 12px;}
    .footer_adr .footer_adr_in{
        line-height:0.28rem;
        padding:0;
    }
    .footer_adr_r,.footer_adr_l{
        width:100%;
    }
    .footer .footer_code{
        width:80%!important;
        background: none;
        padding-top:0.2rem;
        height:auto;
        float:none;
        display: block;
        margin:0 auto!important;
    }
    .footer .footer_top .footer_top_l{
        width:100%;
    }

    /*产品中心*/
 .products_content  .tab_container{
        padding-top:1.3rem;
    }
    .pro_nav{
        background: #d8b27e;
        height:0.6rem;
        padding-top:0;
        bottom:-0.6rem;
    }
    
    .pro_nav .pro_nav_title{
        display: none;
    }
    .pro_nav .pro_nav_tab{
        text-align: center;
        width:100%;
        position: relative;
        top:0rem;
    }

    .pro_nav .pro_nav_tab a{
        margin-top:0;
        font-size:16px;
        height:0.6rem;
        line-height:.6rem;
    }
    .holder a{
        margin:0 0.05rem;
    }
    .holder a.jp-next,.holder a.jp-previous{
        padding:0 0.2rem;
    }
    /*终端形象*/
    .honor_title{
        display: block;}
    .honor_list .honor_item{
        width:45%;
        margin:0 0.1rem 0.1rem 0;
    }
    .honor_list .honor_item,.honor_list .honor_item.active{
        -webkit-background-size:contain;
        background-size:contain;
    }
    .honor_list .honor_item .honor_pic{
        min-height:1rem;
    }
    /*招聘*/
    .recruit_list .recruit_list_in .recruit_item .recruit_name,
    .recruit_list .recruit_list_in .recruit_item .recruit_ad
    ,.recruit_list .recruit_list_in .recruit_item .recruit_check{
        width:50%;
        padding:0;
        text-align: center;
        margin-bottom:0.1rem;
    }
    .recruit_list .recruit_list_in .recruit_item .recruit_time{
        width:50%;
        text-align: center;
    }
    .motel_item{
        width:90%;
        margin-left:-45%;
        padding:0 0.1rem 0.2rem;
        position: absolute;
    }

    .recruit_send .recruit_send_email{
        bottom:0.1rem;
    }
    /*联系我们*/
    .contact_address .contact_address_item{
        margin:0 0 0.2rem 0;
        width:100%;
    }
    .att_box .att_item{
        width:100%;
    }
    /*产品详情*/
    .pro_detail_top .pro_detail_pic{
        width:100%;
        height:auto;
        overflow: hidden;
    }
    .pro_detail_top .pro_detail_dec{
        width:100%;
        padding:0.15rem;
    }
    .pro_detail_top .pro_detail_dec .detail_name{
        font-size:22px;
    }
    /*咨询中心*/
    .news_con_list .news_con_item .news_pic{
        width:100%;
        height:auto;
        margin:0 auto;
        float: none;
    }
    .news_con_list .news_con_item .news_info{
        width:100%;
        float: none;
    }
    .news_con_list .news_con_item .news_info .news_time{
        width:22%;
    }
    .news_con_list .news_con_item .news_info .news_text{
        width:68%;
    }
    /*新闻*/
    .news_detail .news_detail_title h2{
        font-size:18px;
        margin-bottom:0.2rem;
    }
    .news_detail_fy{
        width:100%;
    }
    .news_detail_share{
        width:100%;
        margin-top:0.2rem;
    }
    
     .server_sec1_content_text img{width:70px!important;}
    /**关于我们*/
    .new_detail_con p{margin-bottom: 5px}
    .about_h2{padding-top: 10px;}
}


@media (min-width: 480px) and (max-width: 767px) {
    body {
        font-size: 13px;
    }
    #banner{top: .48rem;}
    .pro_content_banner{
    position: relative;
    top: .48rem;
}
    #banner .swiper-pagination-bullet{
    width:0.45rem;
    height:0.05rem;}
    .wk_arrow,.lfloor9{display: none;}
    .tab_show a{
        width:46%;
        margin-bottom:0.15rem;
    }

     .products_content   .tab_container{
        padding-top:1.2rem;
    }
    .base_right .base_right_t .base_line{
        background: #fff;
        height:0.04rem;
    }
    .footer .footer_top .footer_top_l{
        width:100%;
    }
    .footer .footer_top .footer_top_item{
        width:20%;
    }
    .recruit_send .recruit_send_email{
        bottom:0rem;
    }

    /*新闻*/
    .news_detail .news_detail_title h2{
        font-size:18px;
        margin-bottom:0.2rem;
    }
.news_pic img{height:auto;display: block;max-height: 4rem!important}

   /*服务**/
    .server_sec1_content_img>img{
        max-height: 260px;
    }

    .server_sec1_content_text img{
        max-width: 66px;
        max-height: 66px;
        margin-bottom: 10px;
    }
    .server_sec1_content_text span{
        font-size: 16px;
        margin-bottom: 3px;
    }
    .server_sec1_content_text p{
        font-size: 12px;
    }
    .server_sec1_text span{
        margin: 15px 0 10px;
    }
    .server_sec1_text p{
        font-size: 10px;
    }
    .server_sec1_content .col-sm-3{
        margin-bottom: 20px;
    }
    .server_sec2_left img {
  width: 580px!important;
    height:580px!important;
}
    #servers2{display: none;}
     .server_sec1_content_text img{width:70px!important;}
     .warpper{margin-top:20px;}

     
}

@media (max-width: 479px) {
    body {font-size: 12px; }
    .pro_content_banner{
    position: relative;
    top: .48rem;
    }
    #banner .swiper-pagination-bullet{
    width:0.4rem;
    height:0.05rem;}
    .wk_arrow{display: none;}

    .products_title{padding-bottom:0.2rem;}
    .about_wrap{ background: none; padding:.8rem 0 .4rem 0;}
    .about .about_top .about_title{height:0.6rem;}
    .about_list_box{
        margin-top: 25px;
        padding:0 0.02rem 0 0.02rem;
    }
    .about_list_box .about_list{
        margin:0;
    }
    .about_list_box .about_list_item{
        width:46.2%;
        margin:0 4% 0.15rem 0;
    }
     .about_list_box .about_list_item:nth-child(2n){margin-right: 0;width:49%;}
    .about_list_box .about_list_item .about_list_pic{
        margin-bottom:0.1rem;
        height: 80px;
    }
.about_list_box .about_list_item .about_list_pic img{margin-left:10px;margin-top: 25px;width:35px;height:30px;}
    .about_list_box .about_list_item .about_list_name{
        font-size: 16px;
        line-height: 80px;
        margin-left:10px
    }
    .about_list_box .about_list_item.active .about_list_name{margin-left: 15px;}
    .about .about_dec{
        font-size:14px;
        margin-bottom:0.1rem;
    }
    .tab_show{
        padding:0;
    }
 
    .tab_show a{
        width:46%;
        margin-bottom:0.15rem;
    }
    .tab_container .pro_item_box{
        margin:0;
    }
    .tab_container{
        padding-top:0.2rem;
    }
    .tab_container .pro_item{
        width:100%;
        margin:0 auto;
    }
    .tab_container .pro_item .pro_item_pic{height: 300px;}
    .base_right .base_right_t{
        font-size:16px;
        margin-bottom:0.4rem;
        color: #fff;
    }
    .base_right .base_right_t h2{
        font-size:20px;
    }
    .base_right .base_right_t .base_line{
        background: #fff;
        height:0.04rem;
    }
    .news_in .news_show{
        padding:0.2rem 0.2rem 0 0.2rem;
        min-height:auto;
    }
    .news_in .news_show .news_show_title{
        margin:0.1rem 0 0.1rem 0;
    }
    .news_in .news_show .news_show_dec{
        margin-bottom:0.15rem;
    }
    .contact_in .contact_type_item{
        width:100%;
        margin-right:0;
    }
     .footer{padding-bottom: 0;}
    .footer .footer_top .footer_top_item{
        width:100%;
        margin-bottom:;
        text-align: center;
        font-size:18px;
    }
    .footer .footer_top .footer_top_item dt{
        margin-bottom:0.15rem;
        font-size:24px;
    }
    .footer .footer_top .footer_top_l{display: none;}
    .footer .footer_top{padding-top:20px;}
    /*终端形象*/
  
    .honor_list{
        margin:0;
    }
    .honor_list .honor_item{
        width:100%;
        margin:0 0 0.2rem 0;
    }
    .honor_list .honor_item,.honor_list .honor_item.active{
        -webkit-background-size:contain;
        background-size:contain;
    }
    .honor_list .honor_item .honor_pic{
        min-height:1rem;
    }
    .recruit_box{
        padding-top:1rem;
    }
    .contact_address .contact_address_item .contact_icon{
        margin:0 0.1rem 0 0;
    }
    .contact_address .contact_address_item .contact_text{
        width:70%;
    }
    /*news*/
    .news_con_list .news_con_item{
        padding:0.1rem;
    }
    .news_con_list .news_con_item .news_info .news_time{
        width:30%;
    }
    .news_con_list .news_con_item .news_info .news_text{
        width:68%;
        padding-left:0.1rem;
    }
    .news_time .day{
        font-size:40px;
    }
    .news_time .year{
        font-size:14px;
    }
    /*新闻*/
    .news_detail .news_detail_title h2{
        font-size:18px;
        margin-bottom:0.2rem;
    }
   .news_pic img{height:2rem!important;}
    /*服务**/
     .server_sec1_content_img>img{
        max-height: 260px;
    }

    .server_sec1_content_text img{
        max-width: 66px;
        max-height: 66px;
        margin-bottom: 10px;
    }
    .server_sec1_content_text span{
        font-size: 16px;
        margin-bottom: 3px;
    }
    .server_sec1_content_text p{
        font-size: 12px;
    }
    .server_sec1_text span{
        margin: 15px 0 10px;
    }
    .server_sec1_text p{
        font-size: 10px;
    }
    .server_sec1_content .col-sm-3{
        margin-bottom: 20px;
    }
     #servers2{display: none;}
      .server_sec1_content_text img{width:65px!important;}
     .server_sec1 {
       padding: 40px 50px;
    }
    .warpper{margin-top:30px;}
}
@media (max-width:320px)  {
.detail_contact .contact_btn{width:1.25rem;height: .4rem;margin-right:.15rem;line-height: .4rem;}
.detail_contact .contact_btn:nth-child(2n){margin-right: 0}
}



/**首页脚部*/

.lfloor9 {
    overflow: hidden;
    padding-top: 60px;
    padding-bottom: 47px;
    background-color: #fff;
}
.lwrap {
    width: 1200px;
    margin:0 auto;
}
.lfloor9 .lst {
    width: 1200px;
    margin-bottom: 55px;
}

.lfloor9 .lst li {
    background-color: #fafafa;
    float: left;
    width: 18%;
    height: 242px;
    padding: 35px 0px;
    border-radius: 4px;
    margin:0  1%;
    border-bottom: 4px solid #dcdcdc;
}

.lfloor9 .lst li .img {
    background-repeat: no-repeat;
    width: 103px;
    height: 103px;
        background-image: url("../images/sy70.png");
    background-position: 0 0;
    margin: 0 auto;
    margin-bottom: 14px;
}
.lfloor9 .lst li .txt {
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    font-weight: bold;
    color: #999;
}
.lfloor9 .lst li:hover {
 border-bottom: 4px solid #d1a05d; 
}
.lfloor9 .lst li:hover .img {
          background-position: 0 -103px; 
      }
.lfloor9 .lst li:hover .txt {
          color: #d1a05d; 
}
@media (max-width: 479px) {
.lfloor9 {display: none;}
}

/*真诚服务**/
.server_sec1 {
    padding: 80px 50px;
}



.server_sec1_content .col-sm-3 {
    padding: 0;
    position: relative;
}

.server_sec1_content_img {
    position: relative;
}

.server_sec1_content_img img {
    width: 100%;
}

.server_sec1_content_text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    color: #fff;
    text-align: center;
    z-index: 99;
}

.server_sec1_content_text img {
    margin-bottom: 40px;
    width: 100px;
}

.server_sec1_content_text span {
    font-size: 18px;
    color: #ffffff;
    display: block;
    margin-bottom: 15px;
}

.server_sec1_content_text p {
    font-size: 14px;
    color: #ffffff;
}

.box_mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
}

.server_sec1_text span {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #333333;
    margin: 30px 0 10px;
    font-weight: bold;
}

.server_sec1_text p {
    text-align: center;
    font-size: 16px;
    color: #333333;
}

.server_sec2 {
    width: 100%;
    background: #f5f5f5;
    padding: 80px 0 105px;
    position: relative;
}

.server_sec2_left {
    position: relative;
    width: 55%;
    float: left;
    text-align: right;
}

.server_sec2_left img {
  width: 680px;
    height: 680px;
}

.server_sec2_left::before {
    content: "";
    position: absolute;
    height: 1px;
    width: 35%;
    top: 58%;
    left: 0;
    background: #000;
}

.server_sec2_left::after {
    content: "";
    position: absolute;
    height: 1px;
    width: 40%;
    top: 58%;
    background: #000;
}

.server_sec2_right {
    float: left;
    width: 30%;
    padding: 20px 0 0;
    position: relative;
}

.server_sec2_right>span {
    display: block;
    margin-bottom: 230px;
    font-size: 20px;
    letter-spacing: 2px;
    color: #242436;
    padding-left: 68px;
    position: relative;
}

.server_sec2_right>span::after {
    content: "";
    height: 1px;
    width: 31px;
    position: absolute;
    left: 14px;
    background: #333;
    top: 50%;
}

.server_sec2_right>span::before {
    content: '';
    width: 14px;
    height: 23px;
    background: #333;
    position: absolute;
    display: inline-block;
    left: 0;
}

.server_sec2_right>p {
    font-size: 56px;
    letter-spacing: 0px;
    color: #231f20;
    border-right: 1px solid #333;
    padding-left: 10px;
    margin-bottom: 75px;
}

.server_sec2_right p span {
    font-size: 50px;
    font-weight: bold;
    color: #231f20;
}

.server_sec2_right .line {
    width: 70%;
    height: 1px;
    background: #333;
}

.server_sec2_right .text p {
    font-size: 20px;
    letter-spacing: 2px;
    color: #242436;
    padding-left: 18px;
    margin-top: 30px;
}

.server_sec2_right a {
    float: right;
    display: inline-block;
    padding: 20px 60px;
    background: #fff;
    margin-top: 75px;
    color: #444;
}

.server_sec2_right .jia {
    position: absolute;
    top: 0;
    right: 0;
}

.server_sec2_right .jia span {
    display: inline-block;
    width: 95px;
    height: 1px;
    background: #242436;
}

.server_sec2_right .jia span:first-child {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    right: -5px;
    position: absolute;
    top: 14px;
}


.warpper{margin-top:50px;}
.line_1 {

    display: inline-block;
    height: 108px;
    width: 1px;
    background: #333;
    position: absolute;
    bottom: 0;
    left: 50%;

}
/**悬浮客服**/
.yb_conct{position:fixed;z-index:9999999;top:2.25rem;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#d4a35e url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#d4a35e url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#d4a35e url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#d4a35e url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{margin:10px auto;width:125px;height: 125px;display: block;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}

 @media (max-width:640px) {
    .yb_conct{display: none;}
 }
 

/**加盟验证码**/
.yzcode_div{position: relative;}
#verifyImg{position: absolute;top:0;right: 0;display: block;height: 50px;width: 105px; border-radius:0 4px 4px 0;}
/*分页**/
.page{width:100%;height:50px;line-height:50px;text-align:center;border-top:none;margin:50px 0;}
.page a{padding:4px 8px !important;color:#444 !important;margin:0 6px;border:1px solid #999;background:#fff;border-radius:3px; box-shadow: 0px 0px 2px #CCC;font-size: 13px;}
.page a:hover{color:#444;border-radius:3px; box-shadow: 0px 0px 7px #999;}
.page span{padding:4px 8px;color:#444;margin:0 6px;border:1px solid #d1a055;background:#d1a05d;color:#fff;border-radius:3px; box-shadow: 0px 0px 2px #999;}
.page font{color:#000;}