*{
	margin: 0;
	padding: 0;
}

em {
	font-style: normal;
}

li {
	list-style: none;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

img {
	border: none;
	vertical-align: top;
}
i {font-style:initial;
}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
input{
	outline: none;
}
/*多分辨率设定rem设定*/
html {
    font-size: 20px;
    /*display:flex;*/
}

body {
    background: linear-gradient(180deg, #d6f3fe, #fff) center top no-repeat;
    color: #333;
    font-size: 0.6rem;
    width: 100%;
    margin: 0 auto;
    display: inline-block;
    max-width:1024px;
    font-family: -apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft Yahei,sans-serif;
}
/*Note3*/
@media only screen and (min-width: 360px) {
    html {
        font-size: 22px !important;
    }
}

/*iPhone6*/
@media only screen and (min-width: 375px) {
    html {
        font-size: 23px !important;
    }
}
.clear{width:100%;height:1px;clear:both;}
input {
    /*    font-family:   DroidSans, DroidSansFallback, Arial, "Microsoft YaHei";*/
}
/*iPhone6 plus*/
@media only screen and (min-width: 414px) {
    html {
        font-size: 25px !important;
    }
}

/*big Resolution*/
@media only screen and (min-width: 641px) {
    html {
        font-size: 35px !important;
    }
}
@media only screen and (min-width: 760px) {
    html{
        font-size: 40px !important;
    }
}

-webkit-input-placeholder { /* WebKit browsers */
    color: #999;
    font-family: DroidSans, DroidSansFallback, Arial, "Microsoft YaHei" !important;
}

-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999;
    font-family: DroidSans, DroidSansFallback, Arial, "Microsoft YaHei" !important;
}

-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;
    font-family: DroidSans, DroidSansFallback, Arial, "Microsoft YaHei" !important;
}

-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #999;
    font-family: DroidSans, DroidSansFallback, Arial, "Microsoft YaHei" !important;
}

.head{background:#fff;height: auto;padding-bottom:0.5rem;box-shadow: 0px 0px 10px #ddd;}
.head .logo{width: 30%;float:left;padding: .6rem 0 0 0.8rem;}
.head img{width:100%;}
.lisw4 img{box-shadow:0px 0px 5px #ccc;margin:5px auto !important;width:100%;}
.head .menu {
    float: right;
    position: relative;
    width: 2rem;
    height: 2rem;
    text-align:center;
    box-sizing:border-box;
    /*background: -webkit-linear-gradient(left top, #ffb63c , #ffa205);
    background: linear-gradient(to bottom right, #ffb63c , #ffa205);*/
    display:block;
    margin:0.6rem 0.6rem 0 0;

}

/**
* Navigation Defaults
*/
.nav {
  position: absolute;
  z-index: 999;
  opacity: 0;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
          
transform: translateX(-100%);
width: 100%;
height: 100%;
}
.nav--active .nav {
  opacity: 1;
  background:linear-gradient(to right bottom,#23ac38,#90c424);
  -webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
-webkit-transform: translateX(0);
transform: translateX(0);
min-height:30rem;
}
.nav__list { 
  padding: 0 1.2rem;
  margin:1.2rem 0 0 0;
}
.nav__item {
  list-style-type: none;
  text-align: left;
  line-height:2.4rem;
  font-size:0.7rem;
  font-weight:bold;
}
.nav__item li{
    width:50%;float:left;box-sizing:border-box;
    text-align:center;height:1.5rem;font-size:0.65rem;
    margin-top:4px;
}
.nav__item li a{color:#fff;display:block;width:100%;line-height:1.5rem;font-weight:normal;font-size:0.7rem;}
.nav__link {
  font-size: 1.3em;
  text-transform: uppercase;
  text-decoration: none;
  color: #FFFFFF;
  opacity: 1;
  -webkit-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out; 
}
.nav__link span{
     font-family:iconfont;
     font-weight:normal;
     margin-right:10px;
     font-size:0.8rem;
}
.nav--active .nav__link {
  opacity: 1;
}
.nav--active .nav {
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  -webkit-transform: translateX(0);
          transform: translateX(0);
          
}
.nav--active .nav__icon {
  background: rgba(0, 0, 0, 0);
}
.nav--active .nav__icon:before {
  margin-top: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          background:#fff;
}
.nav--active .nav__icon:after {
  margin-top: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
          background:#fff;
}
/* Default navigation icon */
.nav__trigger {
  display: block;
  position: absolute;
  z-index: 1000;
}
.nav--active .nav__trigger {
  opacity: 0.8;
}
.nav__icon {
  display: inline-block;
  position: relative;
  width: 1rem;
  height: 0.18rem;
  background-color: #23ac38;
  -webkit-transition-property: background-color, -webkit-transform;
  transition-property: background-color, -webkit-transform;
  transition-property: background-color, transform;
  transition-property: background-color, transform, -webkit-transform;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
          top:0.45rem;
}
.nav__icon:before,
.nav__icon:after {
  content: '';
  display: block;
  width: 1rem;
  height: 0.18rem;
  position: absolute;
  background: #23ac38;
  -webkit-transition-property: margin, -webkit-transform;
  transition-property: margin, -webkit-transform;
  transition-property: margin, transform;
  transition-property: margin, transform, -webkit-transform;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.nav__icon:before {
  margin-top: -0.4rem;
}
.nav__icon:after {
  margin-top: 0.4rem;
}


.foot{width:100%;background:linear-gradient(to right bottom,#23ac38,#90c424);color:#fff;padding:1.2rem 0.8rem;font-size:0.6rem;box-sizing:border-box;border-top-left-radius:2rem;}
.foot .contactus{width:65%;float:left;font-family: "MONTSERRAT-REGULAR",'Microsoft YaHei' ;box-sizing:border-box;}
.foot .contactus li{padding-top:15px;}
.foot .contactus li i{float:left;font-family:'iconfont';font-size:0.8rem;display:block;width:32px;height:32px;padding-top:8px;padding-bottom:0.6rem;}
.foot h4{font-weight:bold;font-size:0.65rem;}
.foot h5{font-size:0.6rem;color:#ff93a0;padding-top:0.5rem;}
.foot h5 a{color:#fff;}
.foot .weixin{width:35%;float:left;padding-top:0.5rem;}
.foot .weixin img{width:100%;}
.foot .weixin p{font-size:0.6rem;line-height:1rem;background:#90c424;color:#fff;text-align:center;margin-top:2px;}

.banner{width:100%;height:6rem;background-repeat:no-repeat;background-position:top center;background-size:auto 100%;position:relative;}


.main{width:100%;height:auto;padding:.3rem 0 2rem 0;box-sizing:border-box;}

.path{width:100%;text-align:center;padding:1rem 0;}
.path h2{font-size:1rem;color:#008e4b;line-height:1.6rem;font-weight:bold;font-family:'Microsoft YaHei';margin-bottom:0.2rem;}
.path hr{width:4rem;height:3px;background:#008e4b;margin:0 auto;border:none;}
.path ul{padding:0;}
.path li{width:33%;float:left;box-sizing:border-box;padding:0.2rem;}
.path li a{display:block;width:100%;line-height:1.3rem;background:#d6c560;color:#fff;text-align:center;border-radius:1rem;font-size:0.55rem;}


.p-path{width:100%;text-align:center;padding:1rem 0 0.1rem 0;color:#ffbe00;box-sizing:border-box;}
.p-path h2{font-size:1rem;color:#008e4b;line-height:1.6rem;font-weight:bold;font-family:'Microsoft YaHei';margin-bottom:0.2rem;}
.p-path hr{width:4rem;height:3px;background:#008e4b;margin:0 auto;border:none;}
.p-path ul{padding:0.5rem 0.8rem 0 0.8rem;}
.p-path li{width:33.3%;float:left;box-sizing:border-box;padding:0.2rem;}
.p-path li a{display:block;width:100%;line-height:1.3rem;background:linear-gradient(to right bottom,#23ac38,#90c424);color:#fff;text-align:center;border-radius:1rem;font-size:0.55rem;}


.about{padding:0 0.6rem;}
.about p{font-size:0.65rem;color:#7b6b3a;line-height:1.1rem;text-align:justify;padding:0.4rem 0;text-indent:1.3rem;}
.about h1{font-size:0.9rem;color:#ffbe00;text-align:center;font-weight:bold;margin-top:1.5rem;}
.about .imglist img{width:100%;padding-bottom:0.3rem;}

.culture{padding:1rem 0.6rem 0 0.6rem;}
.culture li{padding:0rem 0.7rem;box-sizing:border-box;background:#fff;margin-bottom:15px;}
.culture li h1{line-height:40px;font-size:18px;color:#e4322b;font-weight:bold;}
.culture li p{font-size:0.65rem;color:#666;line-height:1rem;}

.contact{padding:0.7rem 0.6rem 0 0.7rem;font-family: "MONTSERRAT-REGULAR",'Microsoft YaHei' ;}
.contact h1{font-size:0.8rem;color:#90c31f;line-height:1.5rem;padding-bottom:0.3rem;font-weight:bold;}
.contact p{font-size:0.65rem;color:#333;line-height:1.1rem;padding-bottom:0.7rem;}
.contact p a{color:#333;text-decoration:underline;}
.contact img{width:100%;}
.contact iframe{width:100%;height:300px;border:none;border-radius:1rem;}


.photo ul{padding:30px 0.5rem;}
.photo li{width:44%;float:left;box-sizing:border-box;margin:3%;padding:10px;border: 1px solid #ccc;border-radius: 3px;box-shadow: 0px 0px 5px #ccc;}
.photo li img{width:100%;height:auto;}
.photo li p{font-size:0.6rem;color:#666;line-height:1rem;text-align:center;padding-top:10px;}

.articles{padding:30px 0.9rem;min-height:5rem;}
.articles ul li{width: 100%;height: auto;padding: 0.5rem 0;transition: .5s;float: left;background: #fff;border-bottom: 2px dashed #ececec;}
.articles ul li img{width:40%;float:left;}
.articles ul li .text{width:55%;float:right;}
.articles ul li .text h4{font-size: 0.65rem;font-weight: normal;margin-bottom: 8px;color: #58585e;}
.articles ul li .text p{font-size: 0.6rem;line-height: 18px;height: 36px;width: 100%;overflow: hidden;color: #d4c5b1;font-family: "MONTSERRAT-REGULAR";}

.hr{padding:0.5rem;}
.hr h2{color:#fff;font-size:0.7rem;line-height:1rem;color:#ffbe00;font-weight:bold;}
.hr h2 span{font-family:iconfont;font-size:1rem;font-weight:normal;}
.hr ul{padding-top:20px;}
.hr li{width:100%;line-height:50px;border-top: 2px dashed #ececec;position:relative;box-sizing:border-box;padding:0 10px;}
.hr li:hover{background:#f8f7f7;}
.hr li h4{font-size:0.7rem;color:#333;}


.article-detail .title{font-size: 0.75rem;line-height: 1rem;color: #333;padding-bottom: 0.7rem;border-bottom: 1px dashed #e4e2e0;margin-bottom:1rem;font-weight:bold;}
.article-detail .info{padding-bottom:0px;}
.article-detail .info{width:100%;}
.article-detail .info b{font-size: 0.8rem;line-height: 1.2rem;color: #d4c5b1;font-weight: normal;font-family: MONTSERRAT-REGULAR;}
.article-detail .info span{font-size:14px;color:#d4c5b1;line-height:20px;padding-left:10px;font-family:MONTSERRAT-REGULAR;}
.article-detail #content img{max-width:100%;height:auto !important;}
.article-detail .article-next{transition: all 0.3s;width:100%;float:right;background:#efefef;box-sizing:border-box;padding:25px;}
.article-detail .article-next h1{font-size:16px;font-weight:bold;}
.article-detail .article-next span{font-family:dincond-regular;font-size:26px;color:#bebebe;font-weight:bold;}
.article-detail .article-next p{font-size:14px;color:#666;padding-bottom:20px;}
.article-detail .article-next a{color:#333;}

.category{padding:30px 0.9rem;}
.category .list{background:#efefef;margin-bottom:0.2rem;padding:0.2rem 0.7rem;box-sizing:border-box;}
.category h1{font-size:0.8rem;line-height:1.6rem;font-weight:bold;}
.category h1 a{color:#333;}
.category ul{clear:both;display:block;width:100%;}
.category ul li{width:50%;float:left;font-size:0.7rem;box-sizing:border-box;padding:0 0.2rem 0.2rem 0.2rem;}
.category ul li img{width:100%;box-sizing:border-box;padding:5px;background:#fff;box-shadow: 0px 0px 10px #ddd;}
.category ul li a{color:#666;display:block;width:100%;line-height:1.4rem;}
.category ul li h1{font-size:0.65rem;font-weight:normal;text-align:center;}

.search{position: relative;width: 100%;display: inline-block;padding: 0.35rem 1rem;box-sizing:border-box;}
.search a{color:#434a54;}
.search .sort-action{width:100%;border: 1px solid #e6e6ea;border-radius: 1rem;height: 100%;background: #fff;text-align: center;line-height: 1.5rem;font-size:0.6rem;color:#999;}
.panel-body{padding: 0.5rem 0.5rem 0.25rem 0.5rem;background: #fff;display: inline-block;width: 100%;border-bottom: 1px dashed #e7e5ea; box-sizing:border-box;}
.panel-body .categorylist li{float:left;clear:both;}
.panel-body .categorylist a{padding: 0.2rem 0.75rem;float: left;margin: 0 0.5rem 0.5rem 0;border: 1px solid #E6E9ED;font-size: 0.6rem;border-radius: 1.15rem;color: #434a54;}
.panel-body .categorylist a.parent{background:#e4322b;color:#fff;font-weight:bold;border:none;}
.panel-body .searchbox{width:99%;background:#e4322b;color:#fff;padding:3px;height:auto;height:1.5rem;margin-bottom:0.4rem;}
.panel-body .searchbox .input{width:75%;float:left;background:#fff;border:none;font-size:0.6rem;color:#999;text-indent:0.3rem;line-height:1.5rem;}
.panel-body .searchbox .button{width:25%;float:left;background:#e4322b;color:#fff;text-align:center;line-height:1.5rem;border:none;font-family:iconfont;font-size:0.65rem;}

.searchbox{width:90%;background:#fff;color:#fff;height:auto;height:1.8rem;margin:0 5%;position:absolute;top:10vh;border-radius:1.5rem;overflow:hidden;}
.searchbox .input{width:75%;float:left;background:#fff;border:none;font-size:0.65rem;color:#999;text-indent:0.5rem;line-height:1.8rem;}
.searchbox .button{width:25%;float:left;background:none;color:#fff;text-align:center;line-height:1.8rem;border:none;font-family:iconfont;font-size:0.65rem;border-radius:1.5rem;background:#ffbe00;}



.product ul{padding:0 0.4rem 1rem 0.4rem;}
.product li{width:50%;float:left;box-sizing:border-box;padding:0.5rem 0.5rem 0 0.5rem;}
.product li div{width:100%;box-shadow: 0px 0px 10px #ddd;box-sizing:border-box;padding:5px;overflow:hidden;text-align:center;vertical-align:middle;background:#fff;}
.product li img{max-width:100%;height:auto;}
.product li p{text-align:center;font-size:0.6rem;color:#444;line-height:1rem;transition: all 0.3s;padding-top:5px;height:1rem;overflow:hidden;}
.product li:hover p{font-weight:bold;}
.tips{display:block;width:100%;text-align:center;color:#999;font-size:16px;line-height:40px;}
.tips img{width:30%;}
.tips i{font-size:80px;font-family:'iconfont';font-style:normal;padding-bottom:20px;line-height:120px;color:none;}

.product-detail .buy{transition: all 0.3s;display:block;width:85%;line-height:45px;background:#ffbe00;color:#fff;text-align:center;font-size:16px;font-family:'iconfont';vertical-align:middle;margin:0 auto;border-radius:5px;margin-top:1rem;}
.product-detail .buy span{font-size:20px;}
.product-detail .des{padding:0 0.7rem;}
.product-detail .des *{font-family:'Microsoft YaHei' !important;font-size:0.7rem !important;line-height:1.2rem !important;}
.product-detail .des img{max-width:100%;height:auto;}
.product-detail .des table{width:100% !important;}
.product-detail .des table td{
border-width: 1px 1px 1px 1px;
    border-style: solid solid solid solid;
    border-color: rgb(0, 0, 0);
    padding: 0px 7px;
    background-color: transparent}
.product-detail .title{font-size:24px;line-height:60px;border-bottom: 2px dashed #ececec;color:#e4322b;font-weight:bold;margin-bottom:30px;text-align:center;}

.technology ul{padding:1rem 0.7rem 1rem 0.7rem;}
.technology li{width:100%;height:auto;float:left;line-height: 1rem;padding:0.3rem 0;border-bottom: 2px dashed #ececec;}
.technology li .time{float: left;width: 100px;font-size: 0.7rem;color: #d4c5b1;font-family: "MONTSERRAT-REGULAR";letter-spacing: -1px;}
.technology li .txt{padding-left:100px;}
.technology li:nth-child(1) .txt{border-top:none;}
.technology li .txt h4{font-size: 0.65rem;color: #222;line-height: 24px;transition: all .3s;}



.swiper-container {
	width: 100%;	
    margin:0 auto;position:relative;overflow:hidden;z-index:1
}
.swiper-pagination{bottom:0.5rem !important;}
.swiper-slide img{width:100%;height:auto;}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	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;
    background-position:center top;
    background-size:100% auto;
}

.bank{padding:1.5rem 0.6rem 0 0.7rem;}
.bank .list{width:100%;height:auto;background:#fafafa;box-sizing:border-box;padding:0.5rem;margin-bottom:0.5rem;}
.catetit2 {
    width: 100%;
    height: 30px;
    border-bottom: 2px solid #d8261c;
    line-height: 30px;    
    font-weight:bold;
    color:#d8261c;
    font-size:0.8rem;
}
.font3 {
    font-size: 0.65rem;
    color: #444;
    line-height: 1rem;
    padding: 10px 10px;
    
}
.font3 b{font-weight:normal;}
.font3 span{color:#666;font-size:0.5rem;}

.server{padding:1.5rem 0.6rem 0 0.7rem;}
.server h2{font-size:0.7rem;font-family: 'iconfont';font-weight:bold;color:#c30d23;}
.serverTd2 table{width:100%;}
.serverTd2 table td {

    height: 30px;
    line-height: 0.8rem;
    font-size: 0.6rem;
    font-family: Arial;
    color: #333;
    padding:0.15rem 0;
    border-bottom: 1px solid #eee;
}
.serverTd2 table td  a{color:#333;text-decoration:underline;}
.serverTd2 {
    width: 100%;
    height: auto;
    background:#fafafa;
    margin-top: 10px;
    margin-bottom:25px;    

}
.serverTd2 .tdTit td{background:#eee;border-bottom:1px solid #fff;}

.expert{padding:1rem 0.6rem 0 0.6rem;}
.expert li {
    width: 100%;
    height: auto;
    position: relative;
    list-style-type: none;
    float: left;
    padding: 0.6rem;
    background:#f9f9f9;
    margin-bottom:15px;
    box-sizing:border-box;
}
.expert li .img {
    width: 150px;
    float: left;
    margin-right: 20px;
}
.expert li h1 {
    font-size: 0.7rem;
    color:#c30d23;
    line-height: 20px;
    padding-bottom:10px;
    font-weight:bold;
}
.expert li h2{
    font-size: 0.6rem;
    color:#333;
    line-height: 0.8rem;
    padding-bottom:10px;
    font-weight:bold;
}
.expert li p {
    font-size: 0.6rem;
    color:#666;
    line-height: 0.9rem;
    text-align:justify;
}

.titbar {
    width: 80px;
    height: 30px;
    line-height: 30px;
    background: #b91125;
    font-family: "微软雅黑";
    color:  #fff;
    text-align: center;
    font-weight: bold;
    margin-top: 30px;
}
.img img {
    float: left;width:50% !important;height:auto !important;box-sizing:border-box;
}
.font1 {
    font-size: 16px;
    color: #846f42;
    line-height: 22px;
    padding-bottom: 10px;    
    padding-top: 10px;
    width: 100%;
    height: auto; 
    text-align:left;   
}
.font2 {
    padding-bottom: 10px;
}
.title2{width:100%;text-align:center;font-size:24px;font-family:"Microsoft YaHei";color:#06623b;line-height:30px;}
.jishi{width:100%;padding-left:20px;height:auto;padding-bottom:30px;}
.clearit {
    width: 100%;
    height: 1px;
    clear: both;
}

.con {
    width: 100%;
    height: auto;
}

			/*---------------AspNetPager---------------*/	
.page{text-align:center;padding-top:30px;width:100%;margin:0 auto;}		
.pagelist a{margin:0 5px 0 0;padding:10px 14px;color:#666;border: solid 1px #ccc;line-height:32px;text-decoration: none;background: #fff;font-family: Arial;font-size: 12px;border-radius:3px;}
.pagelist a:hover{color:#e50716;border: solid 1px #e50716;}
.pagelist a.on{border: solid 1px #84af00;}
.AspNetPager{ width: 100%;height: 50px;padding-top: 20px;text-align: center;}
.currentPage{margin:0 5px 0 0;padding:10px 14px;color:#fff;line-height:32px;text-decoration: none;background: #999;font-family: Arial;font-size: 12px;border-radius:3px;}
.pageBtn{ width: 30px;height: 23px;background: #bfa161;color: #fff;font-family: Arial;border: none;}