html{height: 100%}
body{font-size: 62.5%;width: 100%;height:100%;font-family: "open sans", "HelveticaNeue", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, sans-serif;
color: #919191}
.pr{position: relative}
.p7{padding:7rem; }.p2{padding: 2rem;}
.ptb7{padding:7rem 0; }.ptb3{padding:5rem 0; }
.ptb5{padding:5rem 0; }.pb5{padding-bottom:5rem; }
.p5{padding:5rem; }
.pr5{padding-right:5rem; }
.width100{width: 100%}
.maxwidth100{max-width: 100%}
.tborder {border-top: 1px solid #e1e1e1;width: 100%;}
.header { background:#fff;height: 88px; line-height: 88px; position: fixed; top: 0;width: 100%;border-bottom: 1px solid #e1e1e1;z-index: 9999}
.header .logo{float: left;height: 88px}
.header .logo img{height: 100%;}
.header .headnav{float: right}
.header .headnav ul li{}
.header .headnav ul li a{ color:#808080;height: 88px; line-height: 88px;display: block; padding-top: 0;padding-bottom: 0; font-size: 1.6rem;}
.header .headnav ul li a:hover,.header .headnav ul li a.active{border-bottom: 2px solid #004ea2; color: #333333; background: #fff}
.wrap_all{min-height: 100%;}
.mainwrap{padding-top: 88px;padding-bottom: 50px;}
.upperletter{text-transform: uppercase;letter-spacing: 1px;}
.footer{ margin-top: -50px; background: #333333; font-size: 1.4rem;color: #ffffff; padding: 1.5rem;width: 100%}

/*index*/
#full-screen-slider { width:100%; height:500px;position: relative }
#slides { display:block; width:100%; height:500px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%;}
#slides li .txt{ text-align: center;font-weight: 800;color: rgb(55, 90, 166);;text-decoration: none; font-size: 4.8rem;position: absolute;top:60%;width: 100%}
#pagination { display:block; list-style:none; position:absolute; left:50%; bottom: 1%;  z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:40px; height:7px; float:left; margin-left:15px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#0092CE}
.mySwiper .swiper-button-prev{display: none}
.mySwiper .swiper-button-next{display: none}
.mySwiper:hover .swiper-button-prev{display: inline-block}
.mySwiper:hover .swiper-button-next{display: inline-block}
.avia-gallery .avia-gallery-big .avia-gallery-big-inner {padding: 1rem; border: 1px solid #e1e1e1;display: inline-block;}
.avia-gallery .avia-gallery-big img {width: 100%; display: block;}
.avia-gallery .avia-gallery-thumb li {width: 20%;display: inline-block;float: left }
.avia-gallery .avia-gallery-thumb a {border: 1px solid #e1e1e1; padding: 0.5rem; margin:1px;display: block}
.avia-gallery .avia-gallery-thumb img {display: block;width: 100%;}
.avia-gallery .avia-gallery-thumb a:hover {opacity: 0.5}
.avia-gallery{position: relative}
.avia-gallery-big .mask{position: absolute;top: 100px;left: 200px;width: 160px;height: 160px;background-color: #c3512f;border-radius: 50%;color: #ffffff;text-align: center;opacity: 0;}
.avia-gallery-big .mask i{color: #fff; line-height: 160px;display: inline-block;font-size: 5rem}
.avia-gallery-big:hover .mask { opacity: 0.8; }
.avia-gallery-big:hover { opacity: 0.8; }

/*productshow*/
.avia-gallery .zoom{position: absolute; top: 2rem;left: 2rem}
.avia-gallery .zoom i{font-size: 2rem;color: #333333}
.avia-gallery .avia-gallery-thumb1{ margin-top: 2rem;}

.indexabout h2{font-size: 2.8rem;color: #000;font-weight:600 }
.indexabout .av_textblock_section{padding-left: 5rem;  }
.indexabout .abouustxt{font-size: 1.7rem;color: rgb(102, 102, 102); line-height: 2.8rem }
.indexabout .hr-short{border-top:1px solid #e1e1e1;height: 20px;
    line-height: 20px;
    margin: 30px 0;
    float: none; clear: both;
    display: block;position: relative;
    width: 50%;}
.indexabout.hr-inner {
    width: 100%;
    position: absolute;
    height: 1px;
    left: 0;
    top: 50%;position: relative;
    width: 100%;
    margin-top: -1px;
    border-top-width: 1px;
    border-top-style: solid;
}
.hr-short .hr-inner-style {
    border-radius: 20px;border-color: #e1e1e1;
    height: 9px;
    width: 9px;
    border-width: 2px;
    border-style: solid;
    display: block;
    position: absolute;
    margin-left: -5px;
    margin-top: -5px;background-color: #ffffff;left: 5px;
}
.indexcate {border-top: 1px solid #e1e1e1;}
.indexcate .indexcatetitle{font-size: 2.2rem;}
.indexcate a {position: relative}
.indexcate .mask{position: absolute;top: 0px;left: 50px;width: 160px;height: 160px;background-color: #c3512f;border-radius: 50%;color: #ffffff;text-align: center;opacity: 0;}
.indexcate .mask i{color: #fff; line-height: 160px;display: inline-block;font-size: 5rem}
.indexcate a:hover .mask { opacity: 0.8; }
.indexcate .cateimg img{width: 100%;}
.indexcate .catetext {font-size: 1.6rem;}

.indexproduct {border-top: 1px solid #e1e1e1; margin-top: 4rem}
.indexproduct  .productbox{}
.indexproduct  .productbox a{border: 1px solid #e1e1e1;display: block  }
.indexproduct .producttext{overflow: hidden; white-space:nowrap;text-align: center;font-size: 1.4rem; padding: 1.5rem 0;}

.swiper { width: 100%; margin: 0 auto;overflow: hidden;position: relative}
.swiper-slide {text-align: center;font-size: 18px;    background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-slide img {display: block;width: 100%;height: 100%;}

.indexnote{
    border-top: 1px solid #e1e1e1;
}
.indexnote h3{
    font-family: "open sans", "HelveticaNeue", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, sans-serif;
    color: rgb(34, 34, 34);font-size: 2.2rem;
    margin-bottom: 1.6rem;}
.indexnote .notetxt{color: rgb(102, 102, 102);font-size: 1.7rem;}

.indexsubscrbe{ color: #fff;padding: 2rem 0;
    background: url("/static/img/bg1-1-300x54.jpg") ;width: 100%;
    background-size: cover;
    background-attachment: scroll;
    background-position: top left;}
.indexsubscrbe { line-height: 2.8rem }
.indexsubscrbe h2{ font-size: 2.8rem;font-weight:600;line-height: 3.08rem;margin-bottom: 1rem }
.indexsubscrbe .subscrbetxt{ font-size: 1.7rem; }
.indexsubscrbe .subscrbeform label{ color: rgb(102, 102, 102) ;font-size: 1.7rem;margin-bottom: 0.7rem;font-weight: 700 }
.indexsubscrbe .subscrbeform input{   width: 100%;
    margin-bottom: 0;border: 0;
    display: inline;
    min-width: 50px;
    padding: 13px;font-size: 1.6rem;
    border-radius: 2px; color: #000000;}
.indexsubscrbe .subscrbeform input.button{   background: rgb(195, 81, 47);color: #fff !important; ;font-size:1.6rem }
.indexsubscrbe .subscrbeform .form_element{ margin-top: 2rem }

.breadcrumb{background:  #fcfcfc; border-bottom: solid 1px #e1e1e1; padding:2rem 1rem;font-size: 1.4rem;line-height: 3rem;margin-bottom:0}
.breadcrumb .title{font-size: 2rem;color: #888888}
.breadcrumb  a{ color: rgb(136, 136, 136)}

.product-item .card{border: 1px solid  #e1e1e1;margin-bottom: 2rem;position: relative}
.product-item .card .title{text-align: left;font-size:1.7rem;font-weight: 400; padding: 2rem; border-top:1px solid  #e1e1e1;min-height: 9.1rem;position: relative }
.product-item a { text-decoration: none}
.product-item a img{ width: 100%;}
.product-item .avia-arrow{height: 10px;width: 10px;position: absolute;left: 50%;-webkit-transform: rotate(45deg);transform: rotate(45deg);border: 1px #e1e1e1 solid;border-bottom: none;border-right: none;top: -5px;margin-left: -6px;border-style: solid;color: #fff;background: #fff;z-index: 99;}
.tabs-wrapper  {margin-bottom: 5rem}
.tabs-wrapper .title{font-size: 2rem;color: #888888}
.tabs-wrapper li{font-size: 1.7rem; line-height: 3rem}

.pagination li:first-child{display: none}
.pagination li:last-child{display: none}
.pagination li  {margin-right: 1rem;display: inline-block;}

.productinfo{ padding-left: 2rem;}
.productinfo h1{  font-size:3.4rem;color: #000000;padding-bottom: 2rem; }
.productinfo .article-text a{ color:rgb(195, 81, 47); font-size: 14px}
.productinfo .enquiry{padding: 3rem 3rem 3rem 0;}
.productcontent .tab-content .tab-pane {padding: 2rem; background: rgb(252, 252, 252); border: 1px solid #ddd;border-top: none}
.productcontent .nav-tabs { font-size: 1.6rem}
#description dt{display: block;}
#description dt{font-size: 1.7rem;display: inline-block;color:rgb(195, 81, 47);font-weight: 800 }
#description dd{font-size: 1.7rem;display: inline-block }
.related .title{font-size: 2rem;color: #333; padding: 1rem 0;font-weight: bolder}

.borderright{border-right: 1px solid #e1e1e1}
.article-metas {font-size: 1.8rem;line-height: 3rem; text-align: left}
.article-metas p{font-size: 1.8rem;line-height: 3rem}
.article-metas a{color:#c3512f}

#accordion{font-size: 1.6rem}
#accordion .panel-title a{display: block;text-decoration: none; font-size: 1.6rem}
#accordion .panel-default > .panel-heading{background: none !important;}
.article-text{font-size: 1.6rem; line-height: 2.2rem;}

.sevice .row p{ font-size: 1.6rem; color: #fff;line-height: 3rem}
.sevice .btnclick{ background-color: #ffffff;  color: #222222; margin-top: 3rem;}
.sevice .btnclick:hover{ opacity: 0.9;}
.indexabout h2{display: inline-block;text-transform: uppercase;letter-spacing: 1px;padding-bottom:2rem }
.indexabout .lineb{  }
.indexabout h2.process{ font-size: 2.4rem;text-transform: none; }
.indexabout .abouustxt ul{ padding-left: 0;}

.navbar-default{background: none}
.fa-search{font-size: 1.8rem}
.searchform{ position: absolute; right: 20px; top: 70px;background: #fff; border-radius:5px; padding:0 1rem; border:1px solid #e1e1e1;box-shadow: 0px 3px 13px 0px rgba(0,0,0,0.2); }
.searchform .form-control{  background:#f8f8f8;padding: 1.65rem 0.5rem; font-size: 1.8rem;}
.searchform .btn-info{  display: block}
.searchm{position: absolute;right: 9rem;line-height: normal;top: 1.8rem; }
.searchm i{ font-size: 2.2rem; }
.searchform  .avia-arrow-wrap {
    width: 20px;
    height: 20px;
    position: absolute;
    top: -20px;
    right: 10px;
    margin-left: -10px;
    overflow: hidden;
}
.searchform .avia-arrow {
    background-color: #ffffff;
    height: 10px;
    width: 10px;
    position: absolute;
    top: -6px;
    left: 50%;
    top: 15px;
    margin-left: -5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 1px solid #e1e1e1;
}
.search-item { margin-bottom: 2rem;font-size: 1.6rem}
.search-item .pl{ padding-left: 3rem; padding-top: 1rem}
.search-item img{width: 5rem; height:5rem;}
.search-item .img-rounded{background:rgb(252, 252, 252);border:1px solid #e1e1e1; width: 4rem;text-align: center;line-height: 4rem; height: 4rem; border-radius: 50%;   }
#back-to-top {position: fixed; right: 1rem;bottom: 10rem; display: inline-block; color: #fff;border: 1px solid #e1e1e1; background:rgb(51, 51, 51); padding:1.2rem 1.5rem;  }
#back-to-top {position: fixed; right: 1rem;bottom: 10rem; display: inline-block; color: #fff;border: 1px solid #e1e1e1; background:rgb(51, 51, 51); padding:1.2rem 1.5rem;  }

.indexlink{width: 5rem;height: 5rem;line-height:5rem;font-size:4rem;text-align:center;border-radius: 50%;display: inline-block; margin-right: 1rem;}
.linkedin{ background: #007db3;color: #ffffff; }
.facebook{ background: #007aee;color: #ffffff;  }
.twitter{ background: #0c8fc2;color: #ffffff;  }
.mailchimp { display: inline-block; margin-right: 1rem;}
.mailchimp img{ width: 5rem;vertical-align: bottom;}
.emailbtn{ margin-bottom: 2rem;}
@media (max-width: 768px) {
    .header .headnav ul li a:hover,.header .headnav ul li a.active{border-bottom:0}
     .header .logo{padding-left: 2rem;}
    .ptb7{padding: 3rem 0}
    .mainwrap{padding: 9rem 1rem 0 1rem}
    .navbar{margin-top: -2px;}
    .header .container{padding: 0;}
    .header .headnav ul    { padding:0 2rem; min-height: 800px}
    .header .headnav ul li  {border-bottom: 1px solid #e1e1e1; padding: 1.5rem;}
    .header .headnav ul li a {height: 3rem; line-height: 3rem;}
    .header .headnav{width: 100%;height: 100%; background: #fff;}
    .swiper-slide{width: 100%;}
    #full-screen-slider{height: 20rem;}
    #slides{height: 20rem;}
    #slides li .txt {font-size: 2.8rem; top: 50%}
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background: none}
    .mask{display: none}
    .borderright {border: none}
    .borderright .ptb5{padding: 0}
     .pr5{padding-right:0.01rem !important;}
     .productlist{margin-top: 2rem; padding: 0}
    .product-item .card .title {min-height: 12rem;}
    .avia-gallery .avia-gallery-thumb a{min-height: 7.2rem;}
    .avia-gallery .avia-gallery-thumb1 {margin-top: 0;}
    .layui-layer-setwin .layui-layer-close2{right: 0 !important;; top:0 !important;}
    .width100{width: 100%}
    .guestbook{padding: 2rem;}
    .abouustxt p{padding: 0 2rem;}
    .article-metas p{padding: 0 2rem;}
    .searchform{ width: 90%}
    .searchform .avia-arrow-wrap {
        right: 8rem;
    }
    .search-item .pl{width: 70%}
}

label{
    cursor: pointer;
}
/* 美化Checkbox */
.toggle-item{
    display: inline-block;
    position: relative;
    vertical-align: middle;
    border: 1px solid #dcdfe6;
    border-radius: 2px;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    background-color: #fff;
    z-index: 1;
    transition: border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);
}
/* 隐藏默认input */
.toggle-trigger {
    display: none;
}
/* 取消选中时的样式 */
.toggle-trigger + :not(checked) +  .toggle-item{
    background-color: #fff;
    border-color: #dcdfe6;
}
/* 选中时的样式 */
.toggle-trigger:checked  +  .toggle-item{
    background-color: #409eff;
    border-color: #409eff;
}
/* 对勾样式 */
.toggle-trigger:checked  +  .toggle-item::after{
    box-sizing: content-box;
    content: "";
    border: 1px solid #fff;
    border-left: 0;
    border-top: 0;
    height: 7px;
    left: 4px;
    position: absolute;
    top: 1px;
    transform: rotate(45deg) scaleY(0);
    width: 3px;
    transition: transform .15s ease-in .05s;
    transform-origin: center;
    transform: rotate(45deg) scaleY(1);
}
/* label文字样式 */
.label-style{
    vertical-align: middle;
}
.lino{list-style: none}
.lino a{text-decoration: none}