/*棣栭〉 start*/
/*------banner--------*/
#banner{ width:100%; position:relative; box-shadow:0 1px 3px #333; }    
#banner #pagenavi{ position:absolute; bottom:3%; text-align:center; z-index:100; width:100%; margin:auto;}
#banner #pagenavi a{ background:#fff; width:8px; height:8px;border-radius:8px; display:inline-block; overflow:hidden; text-indent:-1000px;}
#banner #pagenavi .active{ background:#cc0000; width:8px; height:8px; border-radius:8px; display:inline-block; overflow:hidden; text-indent:-1000px;}
#banner .swipe li div, .swipe div div div { margin:0 10px; padding:0 10px; background:#1db1ff; font-weight:bold; color:#fff; font-size:20px; text-align:center; }
#banner #slider li div{ margin:0 10px; }
#banner #slider4{ line-height:0; text-align:center; margin-bottom:0; }
#banner #slider4 ul{ -webkit-transition:left 800ms ease-in 0; -moz-transition:left 800ms ease-in 0; -o-transition:left 800ms ease-in 0; -ms-transition:left 800ms ease-in 0; transition:left 800ms ease-in 0;}
#banner #slider4 a{ display: none; }
#banner #pagenavi a.active{ color:red; }
#banner #slider li{ width:300px; float:left; }
#banner #slider li:first-child{ width:100px; margin:0 40px; }
#banner #slider li:last-child{ width:500px; border:3px solid #111; }
#banner #slider li:nth-child(2){ width:200px; }
#banner #slider li:nth-child(3){ width:300px; }
#banner #slider li:nth-child(4){ width:400px; }
#banner #slider1 li{ width:240px; }
.oneStop{ }
.oneStop h5{ padding: 2rem 0 1rem; font-size: 1.6rem; color: #222; text-align: center; }
.xiaoEntyList{padding-bottom: 2rem; background: #fff;}
.xiaoEntyList li{width: 33.33%; float: left; padding: 1.2rem 0}
.xiaoEntyList h5{ padding: 2rem 0 1.5rem; font-size: 1.6rem; color: #222; text-align: center; }
.xiaoEntyList li>div{width: 49%;  margin: 0 auto; }
.xiaoEntyList li p{font-size: 1rem; color: #333333; text-align: center; margin-top: 5px }
.product{ position: relative; width: 100%;  }
.product h5{ position: absolute; top: 1.5rem; left: 0; width: 100%; text-align: center; font-size: 1.6rem; color: #222;   }
.product ul{ padding: 2rem 1rem; position: absolute; top: 2.5rem; left: 0; }
.product ul li{ position: relative; float: left; margin: 2% 3.5%; width: 43%; }
.product .contentText{ position: absolute;top: 0;left: 0; width: 100%; }
.product .contentText h5{ margin-top: 0.8rem; text-align: center; font-size: 1.25rem; font-weight: bold; color: #999; }
.product .contentText h4{ margin-top: 0.2rem; text-align: center; font-size: 1.4rem; font-weight: bold; color: #fa4c3b; }
.product .contentText h4 b{  font-size: 1.3rem; font-weight: normal  }
.product .contentText h3{  font-size: 1rem;color: #999;text-decoration:line-through; text-align: center;  }
.product .contentText p{ margin-top: 2.6rem; font-size: 1rem;color: #ecedee; text-align: center;  }
.product ul .codetian{ display: block; background: transparent; position: absolute; bottom:1.1rem; height: 3rem; left: 20%; width: 60%; }
.groceryStore{background: #f8f8f8; padding:0 0 1.5rem 0;}
.groceryStore li{width: 45%; float: left;padding: 1rem 0; margin: 0.5rem 2.5%;background: #fff;}
.groceryStore h5{ padding: 2rem 0 2rem; font-size: 1.6rem; color: #222; text-align: center; }
.groceryStore li>div{width: 18%;  margin: 1rem auto; }
.groceryStore li p{font-size: 0.7rem; color: #333333; text-align: center; margin-top: 5px }
.xiaoPassList{padding-bottom: 1rem; background: #fff;}
.xiaoPassList li{width: 33.33%; float: left; padding: 1.2rem 0}
.xiaoPassList h5{ padding: 2rem 0 0.5rem; font-size: 1.6rem; color: #222; text-align: center; }
.xiaoPassList li>div{width: 80%;  margin: 0 auto; }
.xiaoPassList li p{font-size: 1rem; color: #333333; text-align: center; margin-top: 5px }
.xiaoPassList .xiaoPassBtn{ width: 25%; height: 2.5rem; margin: 0.5rem auto ; display: block; line-height: 2.5rem; text-align: center; font-size: 1.2rem;  border: 1px solid #ff7800; color: #ff7800;}

.search-main h5{ text-align: center; font-size:1.5rem; color: #333333; margin:2rem 0 1.5rem 0; }
.search-main .search{border-radius: 3px; position: relative; width: 90%; margin: 0 5%; height: 3rem; line-height: 3rem; border:1px solid #ff7800; }
.search-main input{border-radius: 3px 0 0 3px; color: #666; height: 2.6rem; padding: 0.2rem 0.2rem 0.2rem 0.2rem; width: 73%; float: left; display: block; }
.search-main span{     cursor: pointer; width: 25%; float: right; height: 3rem; line-height: 3rem; display:  block; background: #ff7800 url('../images/find.png') no-repeat center center;background-size:20px;   }
.search-main .load{ display: none; position: absolute; top: 0; right: 0;text-align: center; color: #fff; width: 25%;  height: 3rem; line-height: 3rem;  background: #ff7800; font-style:normal; }
.search-main .check-error{width: 90%;  margin:0 5%  0; color: #f00;  line-height: 30px;}
.search-text{ margin: 3rem 5% 3rem; width: 90%; min-height:20rem; }
.zf-search-success .text h5{ width: 10%; margin:0 2% 0 15% ; float: left;}
.zf-search-success .text img{ margin:0px 10px 0 0  }
.zf-search-success .text p{ width: 60%;  font-size:1rem; float: left; text-align: left; }
.zf-search-success .search-code{ width: 50%;  margin: 1rem auto 1rem;}
.zf-search-fail .text h5{ width: 10%; margin:0 2% 0 15% ; float: left;}
.zf-search-fail .text img{ margin:1rem 10px 0 0  }
.zf-search-fail .text p{ width: 65%;  font-size:1rem; float: left; text-align: left; }
.zf-search-fail .search-code{ width: 50%;  margin: 1rem auto 1rem;}
.zf-search-is .text{ width: 65%; margin: 0 auto }
.zf-search-is .text img{ float: left; height: 32px; width: 32px;  margin:10px 10px 0 0  }
.zf-search-is .text p{ height: 50px; line-height: 50px;  float: left; }

/*浜у搧鏈嶅姟*/
.serviceBanner{ position: relative; }
.serviceBanner p{ position: absolute; bottom:5%;width: 92%; margin-left: 4%; text-align: center; font-size: 1.2rem; color: #fff;}
.customerPlans{padding-bottom: 2rem; background: #fff;}
.customerPlans h5{ padding: 2rem 0 0.5rem; font-size: 1.6rem; color: #222; text-align: center; }
.customerPlans .title{padding: 0rem 0 1.5rem; font-size: 0.9rem; color: #888; text-align: center;}
.customerPlans li{width: 33.3333%; float: left; padding: 1.2rem 0}
.customerPlans li>div{width:40%;  margin: 0 auto; }
.customerPlans li p{font-size: 0.9rem; color: #333333; text-align: center; margin-top: 5px }
 .likeCode{ display: none; width: 70%; left: 15%; top: 20%;  padding:2rem 0; border-radius:5px; position: fixed; background: #fff;z-index: 99999  }
 .likeCode h1{ width: 80%; margin: 0 auto }
 .likeCode span{ display: block; width:7%; right:7px; top: 7px;position: absolute; background: #fff; }
 .likeCode p{text-align: center; font-size: 1rem; margin-top: 0.5rem;}
.buyServerList{ position: relative; overflow: hidden; width: 100%;}
.buyServerList h5{ position: absolute; top: 2rem; left: 0; width: 100%; text-align: center; font-size: 1.6rem; color: #222;}
.coverBg{display: none; width: 100%; background: rgba(0,0,0,0.7); position: fixed; top: 0; left: 0; z-index: 30 }
.find_nav {
    width: 100%;
    height: 25rem;
    position: absolute;
    top: 6rem;
    z-index:10;
    display: -moz-box;
    display: -webkit-box;
    display: box;
}
.find_nav_left {
    height:25rem;
    position: relative;
    overflow: hidden;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    box-flex: 1;
}
.find_nav_list {
    position: absolute;
    left: 0;

}
.find_nav_list ul {
    position: relative;
    white-space: nowrap;
}
.find_nav_list ul li {
    display: inline-block;
    padding: 0;
	margin:0 0.5rem;
}
.find_nav_list ul li a {
    display: block;
    width: 100%;
    height: 100%;
/*    line-height: 70px;
    font-size: 24px;*/
    text-align: center;
    color: #666;
    width: 10.8rem
}



/*寰數鍟嗗皬绋嬪簭*/
.caseContainer .xcxuNav{ width: 80%; border-radius: 5px; height: 3.5rem; background: #fff; margin: 1.5rem auto; border: 1px solid #ff7800 }
.caseContainer .xcxuNav li{line-height:3.5rem; height: 3.5rem; color: #ff7800; border-right: 1px solid #ff7800 ; width: 33.3%; float: left;text-align: center;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;  }
.caseContainer .xcxuNav li:last-child{ border: none;width: 33.4% }
.caseContainer .xcxuNav .ctive{ background:#ff7800; color: #fff;  }
.caseContainer .caseCon{ display: none; padding: 0rem; }
.caseContainer .caseCon li{width: 33.3%; float: left; padding: 1.2rem 0}
.caseContainer .caseCon li>div{width:80%;  margin: 0 auto; }
.caseContainer .caseCon li p{font-size: 0.9rem; color: #333333; text-align: center; margin-top: 5px }
/*鍚堜綔鍔犵洘*/
.cooperateTwo{ background: #fff; padding-bottom: 1rem; }
.cooperateTwo h5{ padding: 2rem 0 0.5rem; font-size: 1.6rem; color: #222; text-align: center; }
.cooperateTwo h2{width: 90%; margin: 1rem auto; }
.cooperateThere{ background: #f8f8f8; padding-bottom: 1rem; }
.cooperateThere h5{ padding: 2rem 0 0.5rem; font-size: 1.6rem; color: #222; text-align: center; }
.cooperateThere h2{width: 90%; margin: 1rem auto; }
.cooperateMap{ background: #ffffff; padding-bottom: 1rem; }
.cooperateMap h5{ padding: 2rem 0 0.5rem; font-size: 1.6rem; color: #222; text-align: center; }
.cooperateMap h2{width: 90%; margin: 1rem auto; }
/*鍏徃绠€浠�*/
.contact {background: #fff; padding-bottom: 2rem;}
.contact .text{width: 90%; margin: 2rem auto 0; }
.contact .text h5{ color: #ff7800;font-size: 1.8rem; }
.contact .text h4{color: #ff7800;font-size: 1.2rem; margin-top: 0.3rem }
.contact .text p{color: #333;font-size: 1.2rem; text-align: justify;margin-top: 0.8rem }
/*鍔ㄦ€佹柊闂�*/
.news-list{ width: 94%; margin:1rem auto; }
.news-list .news{ border-bottom: 1px solid #e5e5e5; padding: 1rem 0 }
.news-list .newImg{ width: 30%;float: left; }
/*.news-list .newImg img{ width: 100%; height: 5rem; }*/
.news-list .newText{ width: 67%;float: left; margin-left: 3%;  }
.news-list .newText h5{ margin-top: 0.3rem; font-size: 1.2rem;color: #222;  }
.news-list .newText .news-time{margin-top: 0.3rem;color: #aaa; font-size: 0.9rem;  }
.load-more{ width: 25%; margin: 2rem auto 1rem; padding: 0.3rem 0; text-align: center; border: 1px solid #ff7800; color: #ff7800; }
.news-time>span{float: right;padding: 0 3px;}

.look{
    display: inline-block;
    vertical-align: middle;
    height: 20px;
    width: 24px;    
    margin: 0 4px 0 0;
    background: url(../images/sprite.png) -334px -120px no-repeat;
}
.praise{
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px;
    height: 21px;
    width: 19px;
    background: url(../images/sprite.png) -315px -120px no-repeat;
}
span.praises{   
    margin: 0 2px;
    background: url(../images/sprite.png) -296px -120px no-repeat;
}
/*鍔ㄦ€佹柊闂昏鎯呴〉闈�*/
.news-detail{ width: 94%; margin: 0 auto; }
.news-detail .headlines{font-size: 1.8rem; color: #222 }
.news-detail .news-profile{ padding: 0.5rem 0 }
.news-detail .date{ font-size: 1rem; }
.news-detail .biaoqian { margin-left:1rem; }
.news-detail .biaoqian span{color: #ff7800; display: inline-block; margin-bottom: 0.5rem; margin-right:0.5rem; padding:0 0.3rem;border:1px solid #ff7800; border-radius: 3px; }
.news-detail .detailLock{ margin: 1rem auto }
.div-line{ border-bottom: 1px solid #ccc; }
.news-detail .article{ margin-top: 0.5rem }
.news-detail .article a{ display: block; color: #aaaaaa; padding: 0.2rem 0; font-size: 1rem;}
.news-detail .look-span{ padding: 0 0.5rem; display: inline-block; }
.news-detail .look-span .look{    margin: 0 3.2px }
.news-detail .look-span .praise{ margin: 0 3.2px }
/*鎴愬姛妗堜緥琛ㄩ〉闈�*/
.story{ width: 94%; margin:0 auto}
.story  .story-detail{ border-bottom: 1px solid #e5e5e5; padding-bottom:1rem; margin:1rem 0; }
.story .coverImage{ width: 30%;float: left;}
/*.story .coverImage img{ height: 5rem; width: 100%;}*/
.story .story-mes{ width: 67%;float: left; margin-left: 3%;}
.story .story-title{  margin-top: 0.2rem; font-size: 1.2rem;color: #222; }
.story .tag{ margin-top: 0.2rem; display: inline-block; padding: 0 0.5rem; border: 1px solid #ff7800; color: #ff7800; border-radius: 3px; margin-right: 0.5rem;}
/*鎴愬姛妗堜緥璇︽儏椤甸潰*/
.commentary{ width: 94%; margin: 0 auto }
.commentary .commentary-title{ font-size: 1.8rem; color: #222}
.commentary .commentary-time{ font-size: 1.3rem; color: #999}
.commentary .center-p{ position: relative;border-bottom: 1px solid #e5e5e5; color: #999;margin: 3rem 0 2rem 0;}
.commentary .center-p span{ text-align: center; padding: 0 1rem; position: absolute; background: #fff; bottom: -0.5rem; left: 45%; font-size: 1.1rem; color: #999} 
/*******浜岀淮鐮�*********/
.zfiphoneCode{ display: none; background: rgba(0,0,0,0.8); width: 100%; height: 900px;z-index: 888;position: fixed;left: 0; top: 0; }
   .zfiphoneCode .zfiphoneText{position: relative;  margin: 10rem auto 0;width: 70%; background: #fff; padding: 1rem 0; border-radius: 5px; }
   .zfiphoneCode .zfiphoneText h5{ width: 75%; margin:0 auto 0; }
   .zfiphoneCode .zfiphoneText span{ position: absolute; top: 5px; right: 5px; width: 25px;height: 25px; display: block; background: url('../images/wxClose.jpg') no-repeat}
   .zfiphoneCode .zfiphoneText p{ margin-top: 0.5rem; text-align: center;font-size: 1rem;color: #333; }
    @media screen and (min-width:550px) and (max-width:750px){
        .likeCode{ width: 50%; left: 25%; }
    	.find_nav_left{ height: 30rem }
        .find_nav_list ul li a { width: 13rem }
    }
    @media screen and (min-width:750px) and (max-width:1920px){
        .likeCode{ width: 320px; left: 50%; margin-left: -160px }
        .likeCode p{ font-size: 16px }
        .find_nav_left{ height: 30rem }
        .find_nav_list ul li a { width: 13rem }
    }
    @media screen and (min-width:480px) and (max-width:550px){
        .find_nav_left{ height: 30rem }
        .find_nav_list ul li a { width: 12rem }
    }
    @media screen and (min-width:350px) and (max-width:480px){
        .find_nav_left{ height: 29rem }
        .find_nav_list ul li a { width: 11rem }
    }
    @media screen and (min-width:320px) and (max-width:540px){
      .serviceBanner p{ font-size: 1rem }
    }