@charset "utf-8";
/* CSS Document */
body{width:100%;overflow-x: hidden; font-size:100%; color: #666; font-family:"Microsoft YaHei"; background:#dddddd;}
ol,ul,li{list-style:none;}
*{	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
body,ul,li,input,h1,h2,h3,h4,p,span,b,dl,dt,dd,header,menu,section,footer,nav,article,ol,button{ margin:0; padding:0;}	
h1,h2,h3,h4{ font-weight:normal;}	
img{border:0;}
em,i{ font-style:normal;}
a{color: #555;text-decoration: none;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;}
a:hover{color:#f60;}
img{max-width:100%;height:auto;border:0px;display:block;}
.clearf:after,clearf:before{content:"";display:block; }
.clearf:after {clear:both;}
.clearf{zoom:1;}
.mr{width: 1200px; margin: 0 auto;}
@font-face {font-family: 'iconfont';
    src: url('iconfont.eot'); /* IE9*/
    src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('iconfont.woff') format('woff'), /* chrome、firefox */
    url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{font-family:"iconfont" !important;color: #44BC82; font-size:20px;font-style:normal;-webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;}
.iconfont_renren{ font-size:26px;}
.iconfont_tuandui{ font-size:34px;}


.header{ background:#f9f9f9; padding:1.1em 0;}
.header-mr div{ float:left;overflow: hidden;}
.header-mr .daohan{width:45%; height:2rem; line-height:2rem; float:left;}
.header-mr .daohan li{ float:left; width:14%; text-align:center; font-size:1em;}
.header-mr .daohan li:nth-child(3){ width:16%;}
.header-mr .daohan li a{display:block;}
.banner{min-width: 1200px;}
.banner img{ width:100%;display: block;}
.gao{float: left;line-height: 20px;padding-left: 10px;padding-top: 10px;font-size: 16px;}
.header-mr .tel {
    float: right;
    width: 230px;
    text-align: right;
	font-size: 26px;
}
.daohan_bj {
    width: 100%;
    background: #0093DE;
}
.daohan {
    max-width: 1200px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    margin: 0 auto;
}
.daohan li {
    width: 14%;
    float: left;
}
.daohan li a {
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}
/*首页幻灯片*/
#focus_slider{ width:100%;overflow: hidden; position:relative}
#slides { display:block; width:100%; height:550px; 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{background:url(/images/1.jpg) no-repeat center top;background-size: auto 100%; }
#slides li.b{background:url(/images/2.jpg) no-repeat center top;background-size: auto 100%; }
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:51%; bottom:10px; z-index:9900;}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin:0 6px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#0092CE}
@media screen and (max-width: 1400px){
#slides {height:450px;}
}
/*首页幻灯片*/
.advantage{ background:#FFF; padding:3rem 0;}
.advantage ul li{ float:left; text-align:center; width:25%; margin:3em 0 1em 0;}
.t_h2{ font:2.5em/3em "Microsoft YaHei"; letter-spacing:.2em;}
.t_h3{ font:1em/2em "Microsoft YaHei";}
.t_h2,.t_h3{ text-align:center;}

.product{padding:3rem 0;}
.tabClick{width:52%; margin:1em auto 3em auto;}
.tabClick li{font:1em/2em "Microsoft YaHei"; display:block; float:left;width: 23.5%; padding:.2em 0;    cursor: pointer; text-align:center; background:#FFF; border-radius:15px; margin-right:2%;}
.tabClick li:last-child{ margin-right:0;}
.tabClick li.active{transition: 0.1s; background: #0193de; color:#FFF;}
.tabCon{ overflow: hidden;}
.tabBox{ position: relative;margin-bottom:2em;}
.tabList{ width:100%; }
.tabList a{width: 270px; display:block; float:left; text-align:center; margin: .5% .8%;background:#FFF; padding-bottom:1em;font:1em/1.5em "Microsoft YaHei";  -webkit-box-shadow:0 0 10px rgba(13, 19, 19, 0.5);-moz-box-shadow:0 0 10px rgbargba(13, 19, 19, 0.5);   box-shadow:0 0 10px rgbargba(13, 19, 19, 0.5);}
.tabList a img{width: 90%;height: auto;margin: 10px 5% 0;}
.tabList a:last-child{ margin-right:0;}
.tabList a p{margin: 0 auto;
	width: 95%;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;}
.tabList a span{font-size: 14px;color: #999;}
.lineBorder{ height: 2px; overflow: hidden; padding:0% 2% 0 2%;}
.lineDiv{padding:0% 2% 0 2%;}
.S-More{ background:#0193de;font:1em/3em "Microsoft YaHei"; height:3em; color:#FFF; width:15%; border-radius:20px; text-align:center;margin:1em auto; display:block;}	

.process{ background:url(/images/lc-bg.jpg) no-repeat; background-size:cover; color:#FFF;padding:3rem 0;}
.process ul{ margin: 3em 0 1em 0;}
.process ul li{ float:left; width:16.6%; text-align:center;}

.introduction{margin:3em auto;}
.introduction .h2_bj{background: url(../images/js.png) no-repeat bottom center;background-size: 360px;}
.complay-jj{ background:#FFF; padding:1%;}
.complay-jj-font {width:80%; float:left; border-right:1px solid #CCC; padding-right:1%;}
.complay-jj-font h2{font:bold 16px/40px "Microsoft YaHei";border-bottom:2px solid #0093de; width:24.5%;}
.complay-jj-font p{font:14px/25px "Microsoft YaHei"; margin:1% 0;}
.complay-jj-list{ padding-top:1%;height: 11em; overflow:hidden;}
.complay-jj-list li{ float:left; width:24.25%; margin-left:1%; text-align:center;  font-size:14px;}
.complay-jj-list li a{ display:block;}
.complay-jj-list li img{ width:100%; z-index:1; position:relative;}
.complay-jj-list li .div_bg{ z-index:2; background:#000;position: relative; bottom:35px; opacity:.7; width:100%; height:35px;}
.complay-jj-list li .div_font{ z-index:3;position: relative; bottom:65px; }
.complay-jj-list li:first-child{ margin-left:0;}
.complay-jj-lx{ width:19%; float:right; padding-left:1%;}
.complay-jj-lx h3{font:bold 16px/40px "Microsoft YaHei";border-bottom:2px solid #0093de; width:35%; margin-bottom:1%;}
.complay-jj-lx p{font:14px/27px "Microsoft YaHei"; border-bottom:1px dashed #CCC;}
.complay-jj-lx p:first-child{border-bottom:none;}
.complay-jj-lx a{ display:block; width:65%; text-align:center; height:35px; line-height:35px; border-radius:5px; border:1px solid #ff6600; margin:12% auto 0 auto; font-size:15px; color:#ff6600;}

.article{ padding:3em 0;}
.article-list{ width:30%; float:left;margin-right:5%;}
.am_right{margin-right: 0;}
.article-list h3{font:bold 16px/40px "Microsoft YaHei"; letter-spacing:.1em; color:#000;}
.article-list h3 a{ float:right;font:14px/40px "Microsoft YaHei";}
.article-list li {font:14px/28px "Microsoft YaHei";}
.article-list li.clearf{height: 140px;overflow: hidden;}
.article-list li img{ float:left; margin-right:2%; margin-bottom:1%;width: 100%;height: auto;}
.article-list li a{}
.article-list li span{ float:right;}

.bg{ background:#cccccc; padding-top:2%;}
.floor_item li { padding: 15px; float: left;}
.floor_item li a{}
.footer-bg{ background:#000;color:#D2D2D2;}
.footer-bg a{}
.footer-list{ padding:2% 1%; }
.footer-list li{ float:left;margin-left:2%;}
.footer-list li:first-child{ margin-left:0;}
.footer-list li:nth-child(2){ padding-top:.5%;}
.footer-list li:last-child{ float:right;    margin-top: 1%;}