/*reset*/
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0; }
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display: block; }
body { font-size: 100%;  font-family: Microsoft Yahei; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0);  background: #fff; }
textarea { resize: none; }
iframe,img { border:0; }
ul,ol { list-style:none; }
input, select, textarea { outline: 0; -webkit-user-modify: read-write-plaintext-only; }
input { -webkit-appearance: none; }
a{ text-decoration: none; font-size:12px; color:#444 }
a:hover{ }
img{ max-width:100%;}

/*top*/

/* 全局侧滑菜单 */
.mm-menu { width: 50%; }
.mm-navbar { height: 50px; line-height: 30px; }
.mm-panel .mm-navbar { display: block; }
.mm-menu > .mm-panel > .mm-navbar + .mm-listview { margin-top: 1px; border-top: 1px solid #3a3b4b; }
.mm-menu > .mm-panel:before { height: 50px; font-size: 1.125rem; }
.mm-listview { line-height: 26px; }
.mm-listview > li:not(.mm-divider):after { left: 0; }
.mm-listview > li > a, .mm-listview > li > span { padding: 10px 10px 10px 20px; }
.mm-menu > .mm-panel.mm-hasnavbar{padding-top:0px;}
html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); }
.mm-menu.mm-theme-dark .mm-navbar > *, .mm-menu.mm-theme-dark .mm-navbar a { text-transform: uppercase; color: #888; }
.mm-menu.mm-theme-dark .mm-navbar { border-color: #14151b; }
.mm-menu.mm-theme-dark { background: #22232d; color: #cfcfcf; }
.mm-listview > li:not(.mm-divider):after { height: 1px; background: #14151b; }
.mm-menu .mm-listview > li:after { border-color: #3a3b4b; }
.mm-menu.mm-theme-dark .mm-listview > li:after { border-color: #3a3b4b; }
.mm-menu.mm-theme-dark .mm-navbar.mm-navbar-bottom { border: 0; }


.wrap{ max-width:768px; margin:0 auto; position:relative;}
.index_top{padding:10px 20px; overflow:hidden; background:#00376a}
.index_top a{display:block;}
.index_top .logo{width:65%;float:left;}
.index_top .top_menu{width:30px; height:25px; margin-top:10px; background:url(../images/menu.png) no-repeat right center;
 float:right; border:1px solid #f2f2f2; text-align:center  }
/* banner */
.slideBox{ position:relative; width:100%; overflow:hidden; }
.slideBox .hd{width:100%; height:11px;  position:absolute; z-index:1; bottom:10px; text-align:center; }
.slideBox .hd ul{display:inline-block; height:5px; padding:3px 5px; font-size:0; vertical-align:top;}
.slideBox .hd ul li{display:inline-block; width:6px; height:6px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; background:#none ; border:1px solid #fff; margin:0 5px;  vertical-align:top; overflow:hidden; }
.slideBox .hd ul li.on{background:#fff;  }
.slideBox .bd{ }
.slideBox .bd li{ text-align:center;  }
.slideBox .bd li img{  width:100%; display:block/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */

.title{
    margin-top: 20px;
    text-align: center;
    letter-spacing: 1px;
}
.title .cn{
    letter-spacing: 4px;
    font-size: 24px;
    color: #00376a;
}
.title .en{
    font-size: 2px;
    color: #464646;
    margin: 8px 0 10px;
    text-transform: uppercase;
}
.title .line{
    margin: 12px auto 20px;
    height: 3px;
    width: 40px;
    background-color: #f68500;
}
.title .desc{
    line-height: 2;
    color: #8a8a8a;
    font-size: 12px;
	margin:0 25px;
}

.part{ margin:25px 0 10px; padding:0 20px;}

.pro{ background-color:#fff; padding:0px 10px 30px; overflow:hidden;}
.pro li{ background-color:#eee; float:left; text-align:center; padding:8px 3px 0; box-sizing:border-box;border-bottom:2px solid #f18d3b; text-overflow:hidden; white-space:nowrap; width:100%; margin-top:20px; }
.pro .img{ padding:0 8px;box-sizing:border-box; overflow:hidden;padding-bottom:120%; height:0px;}
.pro .img img{ display:block; width:100%; }
.pro .txt{ text-align:center; line-height:120%; padding:10px ; overflow:hidden; white-space: nowrap; text-overflow: ellipsis}
.pro{ background-color:#fff; padding:0px 0px 30px; overflow:hidden;}
.pro-h .img{ padding:0 8px;box-sizing:border-box; overflow:hidden;padding-bottom:75%; height:0px;}
#case .img{ padding:0 8px;box-sizing:border-box; overflow:hidden;padding-bottom:65%; height:0px;}
.ny-pro li{ margin-bottom:25px;}
.ny-pro{ padding-bottom: 0px;}
.product-more{
    position: relative;
    height: 40px;
	margin: 0 0 25px;
}
.product-more:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    top: 10px;
    z-index: -1;
    background: #ddd;
}
.product-more a{
    display: block;
    width: 182px;
    height: 100%;
    margin: auto;
    color: #fff;
    text-align: center;
    line-height: 40px;
	font-size:20px;
    background: url("../images/pro-more.png") no-repeat;
}


.about{ background:url(../images/about-bg.jpg) no-repeat top center;  text-align:center; overflow:hidden; color:#ffffff; margin:0px auto 20px  }
.about .biaoti{ color:#ff9600; font-size: 24px; margin: 20px auto 5px; letter-spacing: 4px; }
.about .biaoti span{ color:#ffffff; font-size: 14px; display: block;font-weight: normal;letter-spacing: 1px; margin-bottom: 10px }
.about p{  margin:5px 20px 10px; text-align:left;font-size:13px; letter-spacing:1px; line-height:30px;
    text-shadow: 0 1px 0 #333; text-align: center; text-align: center;}

.about{ padding-bottom: 30px;}
.about ul li{
    position: relative; position: relative; width: 57px; height:57px; border-radius: 57px; box-shadow: 0 0 0 4px rgba(255,255,255,.2) ;
    background-image:url(../images/about-icon.png); background-repeat:no-repeat;
    display: inline-block; margin: 5px 10px; overflow:hidden;
    background-color: #fff; cursor: pointer;overflow: hidden }
.about ul li.item1{ background-position: 13px 10px; }
.about ul li.item2{ background-position: -31px 10px; }
.about ul li.item3{ background-position: -77px 10px; }
.about ul li.item4{ background-position: -127px 10px; }
.about ul li a{ width:57px;
    padding:12px 0px;
    line-height: 35px;
    height:33px; display:block;  text-align:center;  font-size:15px;color: #f68500;
    position: relative;
    background: #fff;
    opacity: 0;
    border-radius: 57px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.about ul li a{
    opacity: 1;
}

.inner_tit{ margin-bottom:25px;rbackground:#fff;height:40px; line-height:40px;  padding:0 0px 2px;border-bottom:1px solid #f2f2f2;}
.inner_tit h2{background:url(../images/ll.jpg) no-repeat left center / 20px; font-size:16px; font-weight:normal; color:#00376a;padding-left:25px; padding-bottom:1px; float:left}
.inner_tit h2 a{display:block; color:#0a51a9;font-size:18px;}
.inner_tit .more{
	float:right;
    margin-top: 10px;
}
.inner_tit .more a{
    display: inline-block;
    height: 20px;
    line-height:20px;
    font-weight:bold;
    color: #f68500;
    font-size: 14px;
    padding-right: 30px;
    background: url("../images/icon.png") no-repeat right top;
}

.news{ background:#f6f6f6; padding:20px 10px 85px; margin-top: 25px}
.news ul{overflow:hidden;}
.news li{overflow:hidden; margin-bottom:13px; padding-bottom:13px; border-bottom:1px dashed #ccc;}
.news li a{display:block;}
.news li .new_date{float:left;width:20%; margin-right:4%; background: #fff}
.news li .new_date .news_day{background:#00376a; border:1px solid #00376a; line-height:24px; font-size:12px; color:#fff; text-align:center;}
.news li .new_date .news_year{line-height:26px; text-align:center; border:1px solid #eee; color:#333; font-size:13px;}
.news li  h2{font-size:14px; font-weight:normal; margin-bottom:6px; color:#333;overflow:hidden; white-space: nowrap; text-overflow: ellipsis}
.news li  p{ font-size:12px; line-height:16px; color:#888; overflow:hidden; height:32px;}

.foot{ text-align:center; padding:5px 0 5px; background-color:#f4f4f4; }
.lfooter { width:100%; height:40px; background-color:#00376a; position:fixed; bottom:0px; z-index: 9 ; left: 0}
.lfooter ul li { width:25%; height:auto; float:left; text-align:center; padding:10px 0px; }
.lfooter ul li a { color:#FFF; line-height:12px; font-size:12px;}
.lfooter ul li img{ width:20px; height:20px;}

.part2{ margin:0 10px; padding: 0 20px 80px; background:#fff; position:relative; top:-20px; z-index:9; box-shadow:0 2px 10px #ccc }
.index{ background:#fff;}
body{ background:#f0f0f0}


.inner_tit2{ margin-bottom:25px;rbackground:#fff; line-height:24px; padding:  padding:10px 0px 2px;border-bottom:1px solid #f2f2f2;}
.inner_tit2 h2{font-weight:normal; color:#00376a; padding:15px 0 0 }
.inner_tit2 h2 a{display:block; color:#0a51a9;font-size:18px; text-align:center;}

.inner_tit2 .line{
    margin: 2px auto 20px;
    height: 3px;
    width: 40px;
    background-color: #f68500;
}
.r-content{
	font-size:14px; line-height:2;
	color:#444
}


/*分页*/
.pages{text-align: center; padding-top:0px; padding-right:25px; clear:both; margin:15px auto; } 
.pages span, .pages a{ display:inline-block; padding:1px 8px; border:1px solid #CCCCCC; margin-left:10px; color:#888}
.pages span:hover,.pages a:hover{ display:inline-block; padding:1px 8px; border:1px solid #F90;background: #F90;  margin-left:10px; color:#FFF; cursor:pointer}
.pages  .red{  display:inline-block; padding:1px 8px; border:1px solid #F90; background: #F90; margin-left:10px; color:#FFF; cursor:pointer }



.develop{ padding:0px 0px; margin:0 auto; background:url(../images/develop.png) no-repeat right 90px}
.develop-c{ background:url(../images/develop_l.png) no-repeat top left;  position:relative;}

.develop .time{ color:#f68500; font-size:16px; padding:6px 0 0 28px; text-align:left;   }
.develop .time span{ font-size:100px;}
.develop .c{  padding:0px 10px 10px 43px ;  line-height: 32px;  }
.develop .c p{ margin-bottom:15px;}


.cc{ margin:0 4% 15%;font-size:15px; border-bottom:1px solid #ddd;padding:0 0 20px 15px;line-height:35px;}
.cc .tt{font-size:20px; display:block; font-weight:bold }
.cc .tt1{font-size:16px; display:block; font-weight:bold }



.title-s{
    margin-top:0px;
    line-height: 1.2;
}
.info-cc{
    line-height: 1.5;
    font-size: 14px;
}








