/*@font-face {
    font-family: 'INTER';
    src: url('../font/INTERSTATECOND.eot');
    src:
    url('../font/INTERSTATECOND.eot?#font-spider') format('embedded-opentype'),
    url('../font/INTERSTATECOND.woff') format('woff'),
    url('../font/INTERSTATECOND.ttf') format('truetype'),
    url('../font/INTERSTATECOND.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}*/

@charset "utf-8";
/* 初始化CSS */
*{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:bold;}
fieldset, img{border:none; vertical-align:middle;}
address, caption, cite, code, dfn, th, var{font-style:normal; font-weight:normal;}
ul, ol{list-style:none;}
li{list-style-type:none;}
input{padding-top:0; padding-bottom:0; font-family: "SimSun",Arial,sans-serif;}
select, input{vertical-align:middle;}
select, input, textarea{ margin:0; font-size:12px;}
input[type="text"], input[type="password"], textarea{outline-style:none;}
textarea{font-family: "SimSun",Arial,sans-serif; resize:none;}
body{font:12px "SimSun",Arial,sans-serif; color:#333; background:#fff;}
a{text-decoration:none; color:inherit;}
i, em{ font-style:normal;}
.clearfix:after{ display:block; visibility:hidden; clear:both; height:0; content:"";}
.clearfix{zoom:1;}
.fl{ float:left;}
.fr{ float:right;}
.auto{ margin-left:auto; margin-right:auto;}

/*html5*/
article,aside,footer,header,section,footer,nav,figure,main{display:block}

/*小号文字  scale以12号字体为基准 需写实际字号大小*/
.font_adjust{-webkit-text-size-adjust:none;}
.font_scale8{ -webkit-transform: scale(0.66);}
.font_scale10{ -webkit-transform: scale(0.83);}
.font_lc{-webkit-transform-origin:left center;}
.font_rc{-webkit-transform-origin:right center;}
.font_up{text-transform:uppercase;}

/*文字截断*/
.TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/*transition*/
.tran200{-webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;}
.tran300{-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;}
.tran400{-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; transition:all 0.4s linear;}
.tran500{-webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; transition:all 0.5s linear;}
.tran1000{-webkit-transition:all 1s linear; -moz-transition:all 1s linear; -ms-transition:all 1s linear; transition:all 1s linear;}

.scaleimg:hover{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.rotateY:hover{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); }
.translateX:hover{-webkit-transform:translateX(-6px); -moz-transform: translateX(6px); -ms-transform:translateX(-6px); transform:translateX(-6px);}

/*网页限定宽度*/
.con_1000{ position:relative; margin:0 auto; width:1000px;}
.con_1000:after{content:""; display:block; height:0; clear:both;}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
a{text-decoration:none; color:inherit; background:transparent; -webkit-tap-highlight-color: transparent;}
body{font-family: "Microsoft Yahei";padding: 1.5rem 0;}
input {-webkit-appearance:none; /*去除input默认样式*/}
/*body.nyBody{background: #eaeaea;}*/

/*index-header*/
header.iheader{width: 94%;padding: 0 3%;background: #fff;height: 1.5rem;line-height: 1.5rem;position: fixed;top: 0;left: 0;z-index: 9;}
.navBtn.iconfont{width: 10%;font-size: 0.8rem;color: #333333;cursor: pointer;}
.logo{width: 80%;text-align: center;height: 100%;}
.logo img{max-width: 100%;max-height: 70%;}
.hSearch.iconfont{width: 10%;font-size: 0.8rem;cursor: pointer;color: #fff;}


/*index--nav*/
.navBg{width: 100%;height: 100%;background: rgba(0,0,0,0.3);position: fixed;top: 0;left: 0;z-index:8888;display: none; }
.hnav{width: 300px;position: fixed;top: 0px;z-index: 9999;background: #F8F8F8;padding-bottom: 20px;overflow: auto;max-height: 420px;
right: 0px;min-height: 300px;right: -300px;box-sizing:border-box;padding: 10px;height: 100%;}
.hnav .sub_t_btn{width: 42px;height: 42px;position: absolute;top: 0px;right: 0px;font-size: 18px;font-weight: bold;
color: #ccc;text-align: center;background: url(../images/close_icon.png) no-repeat center;cursor: pointer;z-index: 3;}
.hnav .sub_outer{width: 100%;background: #e7e7e7;}
.hnav .li_outer{margin-bottom: 3px;background: #fff;}
.hnav .sub_h {display: block;padding: 10px 2%;position: relative;}
.hnav .sub_h a {font-size: 14px;color: #474747;display: block;width: 260px;}
.hnav .sub_icon {display: block;width: 30px;height: 30px;margin-top: 4px;position: absolute;right: 3px;top: 0px;cursor: pointer;
background: url(../images/sub_icon.png) no-repeat center;line-height: 30px;text-align: center;font-size: 14px;color: #666;
-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; transition:all 0.3s linear;}
.hnav .sub_icon.rotate{transform:rotate(180deg);-webkit-transform:rotate(180deg);  }
.hnav .sub_inner {border-top: 1px solid #eee;padding-top: 5px;display: none;}
.hnav .sub_inner li {line-height: 26px;padding: 0 2%;}
.hnav .sub_inner li a{color: #666666;font-size: 14px;}
.hnav .sub_btn {width: 30px;height: 30px;float: right;position: absolute;right: 5px;top: 38px;z-index: 99;cursor: pointer;}
.hnav .sub_btn span {display: block;width: 22px;margin: 5px auto;height: 2px;background: #fff;border-radius: 3px;}



/*index--banner*/
.banner { position: relative; width: 100%; height: 0; padding: 53% 0 0 0; overflow: hidden; margin: 0 auto; }
.banner .swiper-wrapper { position: absolute; top: 0; left: 0;height: 100%; }
.banner .swiper-wrapper .swiper-slide { position: relative; text-align: center;width: 100%;height: 100%;}
.banner .swiper-wrapper .swiper-slide img { width: 100%; height: 100%; }
.swiper-pagination,.swiper-container-horizontal > .swiper-pagination{width: 100%;text-align: right;}
.swiper-pagination .swiper-pagination-bullet{ background: #ffffff; opacity: 1; width: 5px; height: 5px;border:1px solid #fff;display: inline-block;margin: 0 0 0 10px;background: #fff; }
.swiper-pagination .swiper-pagination-bullet-active{background: none;}
.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet:last-child{margin-right: 58px;}

/*footer*/
footer{}
footer .copy{font-size: 0.32rem;color: #272727;line-height: 0.6rem;text-align: center;width: 100%;box-sizing:border-box;padding: 0.3rem 3%;}
body.nyBody footer .copy{/*background: #eaeaea;*/}
footer ul{padding: 0 3%;width: 94%;background: #009fb5;position: fixed;left: 0;bottom: 0;z-index: 999;}
footer ul li{width: 25%;float: left;text-align: center;line-height:1.5rem;}
footer ul li i.iconfont{color: #fff;font-size: 0.6rem;display: inline-block;margin-right: 5%;}
footer ul li span{font-size: 0.42rem;color: #fff;display: inline-block;text-transform: uppercase;}

/*分页*/
.page{width: 100%;margin-top: 0.5rem;}
.page a,.page span{display: inline-block;line-height: 0.8rem;width: 33.3%;text-align: center;float: left;font-size: 0.4rem;color: #909090;box-sizing:border-box;}
.page a{}
.page a .iconfont{font-size: 0.5rem;display: inline-block;}
.page a.prev .iconfont{margin-right: 3%;-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
.page a.next .iconfont{margin-left: 3%; -webkit-transform: rotate(-90deg); -moz-transform: rotae-9080deg); -ms-transform: roa-90(180deg); transform: o-90eY(180deg);}
.page span{border-left: 1px solid #e1e1e1;border-right: 1px solid #e1e1e1;}
.page span b{color: #323232;font-weight: normal;}


.nyHeader{width: 94%;padding: 0 3%;background: #f9f9f9;height: 1.5rem;line-height: 1.5rem;position: fixed;top: 0;left: 0;z-index: 9;}
.goBack .iconfont{width: 10%;font-size: 0.8rem;color: #fff;cursor: pointer;}
.hSearch.iconfont{width: 10%;font-size: 0.8rem;cursor: pointer;color: #333333;}
/*.nyWrap{width: 94%;margin: 0.5rem 3%;}*/
.detail{font-size: 0.42rem;line-height: 0.8rem;color: #5d5d5d;text-align: justify;}
.detail *{max-width: 100% !important;}
.nyMain{width: 100%;min-height: 300px;margin: 0.3rem 0 0 0;background: #ffffff;padding: 0.3rem 2%;box-sizing:border-box;}

.inav{width: 94%;margin: 0.3rem auto 0.5rem;}
.inav li{width: 22%;float: left;text-align: center;background: #009fb5;background-size: 100% auto;margin-right: 4%;color: #fff;}
.inav li:nth-child(4n){margin-right: 0;}
.inav li a{display: block;padding: 0.5rem 0 0.5rem 0;}
.inav li a span{display: block;}
.inav li a span.ch{font-size: 0.4rem;line-height: 0.6rem;}
.inav li a span.en{font-size: 0.32rem;line-height: 0.4rem;text-transform: uppercase;}

.isect1{}
.ititle{text-align: center;font-weight: normal;margin-bottom: 0.5rem;}
.ititle span{display: block;}
.ititle span.en{text-transform: uppercase;color: #a47c59;font-size: 0.42rem;line-height: 0.6rem;}
.ititle span.ch{color: #6b421d;font-size:0.40rem;line-height: 0.6rem;position: relative;}
.ititle span.ch:before{content: " ";width: 100%;height: 1px;background: #e2e2e2;position: absolute;left: 0;top: 50%;z-index: 1;}
.ititle span.ch em{display: inline-block;padding: 0 5%;background: #fff;position: relative;z-index: 2;}

.scrollProd{width: 94%;margin: 0 auto;overflow: hidden;}
.scrollProd .swiper-wrapper{height: 7.6rem !important;}
.scrollProd .swiper-slide{height: 7.6rem !important;}
.scrollProd .swiper-slide .pic{margin: 0 auto 0.2rem;/*width: 50%;height: 0;padding-bottom: 50%;*/width: 5rem;height: 5rem;
position: relative;overflow: hidden;border-radius: 50%;}
.scrollProd .swiper-slide .pic img{/*position: absolute;left: 0;top: 0;*/width: 100%;height: 100%;z-index: 1;position: relative;}
.scrollProd .swiper-slide .pic:before{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;background: url(../images/cricle.png) no-repeat center;background-size: 100% 100%;}
.scrollProd .swiper-slide .text{text-align: center;width: 50%;margin: 0.3rem auto 0;}
.scrollProd .swiper-slide .text h5{color: #6b421d;font-size: 0.38rem;line-height: 0.6rem;font-weight: normal;}
.scrollProd .swiper-slide .text p{text-transform: uppercase;color: #5a5a5a;font-size: 0.34rem;line-height: 0.5rem;height: 1.0rem;overflow: hidden;}
.scrollProd .swiper-slide .pic:before{content:" ";width:100%;height:100%;background: url(../images/cricle.png) no-repeat;background-size:100% 100%;
position:absolute;top:0;left:0;z-index:2;}


.isect2{padding: 0.5rem 0;background: #f7f7f7;}
.isect2 .ititle span.ch em{background: #f7f7f7;}

.prodList{width: 78%;margin: 0 auto;}
.prodList li{width: 45%;float: left;margin: 0 10% 0.4rem 0;}
.prodList li:nth-child(2n){margin-right: 0;}
.prodList li .pic{width: 100%;height: 0;padding-bottom: 96%;position: relative;overflow: hidden;}
.prodList li .pic img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.prodList li .text{line-height: 0.8rem;line-height: 0.8rem;padding-bottom: 0.5rem;text-align: center;font-size: 0.34rem;color: #fff;
background: #62c8da url(../images/imore.png) no-repeat center 0.7rem;background-size: auto  0.4rem;}


.isect3{padding: 0.3rem 0;}
.newsList{width: 94%;margin: 0 auto;}
.newsList li{margin-top: 0.4rem;padding: 0 10px 0.3rem;border-bottom: 1px solid #e4e4e4;}
.newsList li:first-child{margin-top: 0;}
.newsList li h5{padding-left: 20px;background: url(../images/liBg.png) no-repeat left center;color: #6b421d;font-weight: normal;font-size: 0.36rem;line-height: 0.8rem;}
.newsList li p{color: #9a9a9a;font-size: 0.3rem;line-height: 0.5rem;height: 1.0rem;overflow: hidden;}


.nynav{ width: 100%; padding: 0.1rem 3%; background: #ffffff;box-sizing: border-box;border-top:1px solid #e1e1e1;position: relative; margin-bottom: 0.3rem;}
.nynav h3{padding: 0 6%;background: #fff;font-weight: normal;position: relative;z-index: 2;}
.nynav h3 span{display: block;text-align: center;}
.nynav h3 span.en{color: #a47c59;font-size: 0.40rem;line-height: 0.5rem;text-transform: uppercase;padding-top: 0.1rem;}
.nynav h3 span.ch{color: #6b421d;font-size: 0.36rem;line-height: 0.5rem;}
.nynav:before{content: " ";width: 100%;height: 1px;background: #a7929b;position: absolute;left: 0;bottom: 0.3rem;z-index: 1;}

.nynav .dropdown{ height: 0.6rem; line-height: 0.6rem; background: #fff; padding: 0 1.0rem 0 0.3rem; box-sizing: border-box; font-size: 0.36rem;
 color: #555; cursor: pointer; margin: 0.1rem 3% 0 0;position: relative;border:1px solid #eee;}
.nynav .dropdown i{height: 100%;width: 0.7rem;position: absolute;right: 0;top: 0;background: #f5f5f5 url(../images/downIcon.png) no-repeat center;
background-size: 50% 30%;}
.nynav .layer_nav{ display: none; }
.layer_dropdown .layui-m-layercont ul li a{ display: block; line-height: 0.9rem; font-size: 0.40rem; color: #333; }
.layer_dropdown .layui-m-layercont ul li a:hover{ background: #eee; }


.nyWrap{min-height: 350px;width: 100%;margin-bottom: 0.5rem;}
.nyWrap.w94p{width: 94%;margin: 0 auto 0.5rem;}


.about{width: 94%;padding: 0.2rem 0 0.5rem 0;background: #f2f2f2;margin:0 auto 0.5rem;}

.nyWrap .prodList{width: 94%;}

.passage{padding: 0.3rem 0 0.3rem;}
.passage .psgTitle{text-align: center;font-size: 0.4rem;font-weight: normal;color: #1a1a1a;line-height: 1rem;}
.passage .tips{text-align: center;line-height: 0.6rem;font-size: 0.3rem;color: #666666;margin-bottom: 0.4rem;}
.passage .tips span{margin: 0 8px;}
.passage .psgCont{font-size: 0.32rem;line-height: 0.6rem;color: #6d6d6d;}
.psgLink{border-top: 1px solid #ccc;margin-top: 0.3rem;line-height: 0.8rem;padding: 0.2rem 0 0.5rem 0.3rem;font-size: 0.30rem;}
.psgLink p:hover a{color: #7a164a;text-decoration: underline;}


.contactWrap{width: 96%;margin: 0.3rem auto;}
.mapWrap{width: 100%;height: 5.5rem;box-sizing: border-box;border: 1px solid #e1e1e1;margin-bottom: 0.5rem;}
.mapDetail.detail{font-size: 0.32rem;line-height: 0.6rem;}

.search_form{ display: none; position: fixed; z-index: 10000; top: 0; left: 0; width: 100%; height: 100%; padding: 5% 0; box-sizing: border-box; background: #fff; text-align: center; }
.search_form .search_cancel{ display: block; float: left; width: 15%; height: 1rem; line-height: 1rem; font-size: 0.8rem; color: #999;
background: url(../images/goBack.png) no-repeat center;}
.search_form .search_label{ display: block; float: left; width: 10%; height: 1rem; line-height: 1rem; background: #e5e5e5; font-size: 0.44rem; color: #999;  border-radius: 5px; border-top-right-radius: 0; border-bottom-right-radius: 0; }
.search_form .search_text{ display: block; float: left; width: 70%; height: 1rem; line-height: 1rem; background: #e5e5e5; border: none; border-radius: 5px; font-size: 0.36rem; color: #999; border-top-left-radius: 0; border-bottom-left-radius: 0; padding-right: 10px; box-sizing: border-box; text-align: left;text-indent:10px; }
.search_form .search_but{ display: block; float: left; width: 15%; height: 1rem; line-height: 1rem; background: none; border: none; text-align: center; font-size: 0.44rem; color: #666; cursor: pointer; }

/*20170331*/
.ititle span.en{color: #f5a128;}
.ititle span.ch em{color: #d9850b;}

.scrollProd .swiper-slide .text h5{color: #f5a128;}
.newsList li h5{color: #f5a128;font-weight: bold;}

/*20170405*/
.scrollProd .swiper-slide .pic img{border-radius: 50%;position: absolute;left: 1%;top: 1%;width: 98%;height: 98%;}
.inav li a span.en{font-size: 0.30rem;}