@charset "utf-8";
/*body{ overflow-x:hidden;overflow-y:hidden;}*//*手机x溢出隐藏，左滑不会出现导航菜单;底部超出隐藏*/
html { font-family: "microsoft yahei";  -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 62.5%;overflow-x:hidden; }
body { margin: 0; color: #333333;  height: 100%; overflow-x:visible; -webkit-overflow-scrolling: touch; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template {display: none;}
svg:not(:root) { overflow: hidden; }
a:active { outline: 0; }
b, strong { font-weight: bold; }
img { border: 0; vertical-align: middle; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
pre { overflow: auto; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner {border: 0;padding: 0;}
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto; resize: vertical; }
optgroup { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }
html, button, input, select, textarea { font-family: "microsoft yahei"; }
h1, h2, h3, h4, h5, h6, p, figure, form, blockquote { margin: 0; }
ul, ol, li, dl, dd { margin: 0; padding: 0; }
ul, ol { list-style: none outside none; }
h1, h2, h3 { line-height: 2; font-weight: normal; }
h1 { font-size: 1.8rem; }
h2 { font-size: 1.6rem; }
h3 { font-size: 1.4rem; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline-style: none;}
img{
    transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    border: none;
}
/*清除浮动*/
.clear{zoom:1;clear:both;}
.clear:before, .clear:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix:before, .clearfix:after {display: table;content: "";}
.clearfix:after {clear: both;}

/*清除浮动*/
.clearfloat { overflow: hidden; }
input, select, {vertical-align: middle;outline:none;}
body, a, ul, li { margin: 0; padding: 0; text-decoration: none; list-style: none; }
.center { margin: 0 auto; }
.text { text-align: center; }
.fl { float: left;}
.fr { float: right;}
body{position: relative;}







/*index*/
.banner{ position: relative; }
.banner .swipe { overflow: hidden; visibility: hidden; position: relative; }
.banner .swipe-wrap div { float: left; width: 100%; position: relative; }
.banner .swipe-wrap div img { width: 100%; }
.banner .position { width:100%; position: absolute; bottom:1.3em; z-index:10;padding: 0 0 0 14px; }
.banner .position li { background: #fff; display:inline-block; width: 10px; height: 10px; margin: 0 3px; cursor: pointer;border-radius: 10px; }
.banner .position li.on { background: #e50044;}
.banbg{background:url(../images/border1.png) no-repeat;position: absolute;left:0;bottom:0;height: 1em;width: 100%;background-size: 100%;}
.logo{position: absolute;left:1em;top:0;z-index: 999;width: 30%;}
.logo a img{width: 100%;height: 100%;}


/*侧导航*/
.menu2{width: 45px;height: 45px;position: absolute;top:1em;right:1em;z-index: 99999;}
.btn-slide-bar{background: url('../images/menu1.png') no-repeat ;width:100%;height: 100%;position:absolute;right: 0;top:0;background-size: 100%;}
.btn-slide-bar.on{background: url('../images/menu2.png') no-repeat  100% 100%;background-size: 100%;}
.slide-bar.active{
    position:absolute;
    height: 100%;top:0;
    width:100%;
    background:url(../images/bg1.png) repeat;

    display:block;
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
.wraper-page{position: absolute;top:44px;right: 0;bottom: 44px;left: 0;overflow: hidden;}
.slide-bar{
    width: 0;margin-top:0;
    position: absolute;height: 100%;
    right:0;z-index: 999;
    transform: translate3d(100%,0,0);
    -webkit-transform: translate3d(100%,0,0);
    -moz-transform: translate3d(100%,0,0);
    -ms-transform: translate3d(100%,0,0);
    -o-transform: translate3d(100%,0,0);

    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    padding:5.5em 0 0 0;
}
.menu{overflow: hidden;width: 100%;position: absolute;right:0;height: 100%;}
.menu li{padding:1em;border-bottom: 1px #b5b5b5 solid;}
.menu li a{color:#fff;font-size:1.5rem;display: block;}
.menu li a span{float:right;}
.menu li a span img{width: 50%;}


.sonav{cursor:pointer;background:url(../images/tb6.png) no-repeat;background-position:90% 50%;background-size:10px;}
.currentDt{background:url(../images/tb5.png) no-repeat;background-position:90% 50%;background-size:20px;}
.navContent{display: none;}
.navContent li a{display:block;color:#fff;font-size:1rem;}
/*侧导航*/


.main{padding:1em;}
.home-top{}
.topL{background:url(../images/index_14.png) no-repeat;width: 49%;height: 15em;background-size: 100%;position: relative;}
.topL a{display:block;height: 100%;}
.topL a dd{position: absolute;bottom:1em;left:1em;}
.topL a dd h1{color:#fff;font-size:2rem;font-weight: bold;line-height: 1.5em;}
.topL a dd h3{color:#fff;font-size:1.5rem;font-weight: bold;line-height: 1.2em;text-transform: uppercase;}
.topR{width: 49%;}
.topR dl{height:7em;position: relative;}
.topR dl a{display:block;height: 100%;}
.topR dl a dt{position: absolute;right:1em;top:1em;width: 20%;}
.topR dl a dt img{width: 100%;height: 100%;}
.topR dl a dd{position: absolute;bottom:1em;left:1em;}
.topR dl a dd h1{color:#fff;font-size:1.7rem;font-weight: bold;line-height: 1.5em;}
.topR dl a dd h3{color:#fff;font-size:1rem;font-weight: bold;line-height: 1em;text-transform: uppercase;}
.dl1{margin: 0 0 1em 0;background:#9cce4c;}
.dl2{background:#ff9c11;}


.home-bottom{margin:1em 0 0 0 ;}
.home-bottom ul{width: 100%;}

.home-bottom ul>li+li+li{margin:0;}
.home-bottom ul li a{display:block;height: 100%;}
.home-bottom ul li a dt{position: absolute;right:1em;top:1em;width: 20%;}
.home-bottom ul li a dt img{width: 100%;height: 100%;}
.home-bottom ul li a dd{position: absolute;bottom:1em;left:1em;}
.home-bottom ul li a dd h1{color:#fff;font-size:2rem;font-weight: bold;line-height: 1.3em;}
.home-bottom ul li a dd h3{color:#fff;font-size:1rem;font-weight: bold;line-height: 1em;text-transform: uppercase;}


.footer{border-top:1px #a0a0a0 solid;border-bottom: 1em #e50044 solid;padding:1em 0;}
.footer p{color:#666666;font-size: 1.3rem;line-height: 2em;}






/*about*/
.nybanner{position: relative;}
.nybanner img{width: 100%;height: 100%;}

.about-head{background:#eeeeee;height: 2em;line-height: 2em;color:#000000;font-size: 1.5rem;}
.about-con{margin:1.5em 0 0 0;}
.about-con p{color:#000000;font-size: 1.3rem;line-height:1.8em;}





/*news*/
.news-cont{margin:1.5em 0 0 0;}
.news-cont ul li{border:1px #c9c9c9 solid;margin:0 0 1em 0;}
.news-cont ul li a{padding:1em;display:block;}
.news-cont ul li a p{color:#000000;font-size: 1.3rem;line-height:1.8em;}
.news-cont ul li a dl{color:#999999;font-size: 1rem;}



/*产品中心*/
.products-con{margin:1em 0 0 0;}
.products-con select{border:1px #dcdcdc solid;height:3em;line-height: 3em;width: 100%;color:#000;font-size: 1.5rem;text-indent: 1em;}
.products-con select option{text-indent: 1em;}
.products-con ul{margin:1em 0 0 0;}
.products-con ul li{float:left;width: 47%;margin:0 5% 5% 0;}
.products-con ul li a div img{width: 100%;height: 100%;}
.products-con ul li a p{color:#000;font-size: 1.5rem;}
.products-con ul li:nth-child(2n){margin:0 0 5% 0;}




/*发展历程*/
.history-cont{position: relative;overflow:hidden;padding:0 0 2em 0;margin:2em 0 1em 0;}
.line{width:2px;background:#f9b900;height: 100%;left:63px;top:31px;position: absolute;}
.history-cont dl{margin:0 0 1em 0;}
.history-cont dl h1{color:#f9b900;font-size: 1.6rem;margin:0 0 1em 0;}
.history-cont dl ul li{color:#999999;font-size: 1.3rem;margin:0 0 1em 0;}
.history-cont dl ul li span{float:left;width:71px;background:url(../images/yuan.png) no-repeat center right;background-size:14px;}
.history-cont dl ul li dd{float:right;width: 73%;}




/*留言板*/
.Guestbook-con{margin:1em 0 0 0;}
.Guest-top{}
.Guest-top ul li{border:1px #dcdcdc solid;margin:0 0 1em 0;}
.asking{border-bottom:1px #dcdcdc solid;padding:1em;}
.asking h1{color:#000;font-size: 1.3rem;}
.asking h1 span{float:right;}
.asking dl{color:#999999;font-size: 1.3rem;}
.answer{padding:1em;color:#000;font-size: 1.3rem;}
.answer span{color:#cc0000;}

.Guest-bottom{margin:1em 0 0 0;}
.Guest-head{background:#e50044;height: 2em;line-height: 2em;color:#fff;font-size: 1.5rem;}
.Guest-input{margin:1em 0 0 0;}
.Guest-input dl{margin:0 0 1em 0;border:1px #aaaaaa solid;padding:.5em 1em;}
.Guest-input dl input{border:none;color:#000;font-size: 1.5rem;width: 100%;}
.Guest-input dl textarea{width: 100%;height: 5em;resize:none;border:none;color:#000;font-size: 1.5rem;}

.Guest-input dl input::-webkit-input-placeholder{ color:#cccccc; }
.Guest-input dl input:-moz-placeholder{  color:#cccccc;  }
.Guest-input dl input::-moz-placeholder{ color:#cccccc;   }
.Guest-input dl input:-ms-input-placeholder{  color:#cccccc;  }

.Guest-input dl textarea::-webkit-input-placeholder{ color:#cccccc; }
.Guest-input dl textarea:-moz-placeholder{  color:#cccccc;  }
.Guest-input dl textarea::-moz-placeholder{ color:#cccccc;   }
.Guest-input dl textarea:-ms-input-placeholder{  color:#cccccc;  }

.Guest-btn{}
.Guest-btn a{width: 40%;background:#f9b900;height:2em;line-height:2em;color:#fff;font-size: 1.5rem;display:inline-block;text-align: center;margin:0 0 1em 0;}
.Guest-btn dl{color:#999999;font-size: 1.3rem;text-align: left;}
.textL{width: 15%;}
.textR{width: 85%;}

.ny-page{ text-align:center; padding:20px 0 0 0;}
.ny-page a,.ny-page span{ padding:0 6px; display:inline-block;}
.ny-page a.act, .ny-page a:hover{ color:#990000;}
.ny-page span.act{ color:#990000;}

.home-bottom ul li:nth-child(1){width: 32%;background:#ff9966;margin:0 2% 0 0;float:left;position: relative;height:9em;}

.home-bottom ul li:nth-child(2){width: 32%;background:#ff6666;margin:0 2% 0 0;float:left;position: relative;height:9em;}

.home-bottom ul li:nth-child(3){width: 30%;background:#ffcc66;margin:0 2% 0 0;float:left;position: relative;height:9em;}