@charset "UTF-8"; 
html { margin:0; padding:0;}
body {color:#444; margin:0; font-size:12px; height:100%;font-family:"微软雅黑";}	
A:link{text-decoration:none; color:#000000;}
A:visited{text-decoration:none; color:#000000;}
A:hover{text-decoration:none; color:#008cd6;}
ol,ul,li{list-style:none; }
form{ padding:0; margin:0;}
*{padding:0px;margin:0px;} 
h1,h2,h3,h4,h5,h6{font-size:12px;}
img{border: 0;}
.rfloat{float:right;}
.lfloat{ float:left;}
.clear{clear:both;line-height:0px;}
.w1200{ width:1200px; margin:0 auto;}
.navi_head{
	height:70px;
	background:#FFF;
	position:relative;
	z-index:999999;
	text-align:right;
}
.navi_body{
	overflow:hidden;
	height:70px;
	background:rgba(23,39,69,0.9);
	transition:height ease 0.5s;
	position:fixed; z-index:99999;
	width:100%;
}
.navi_body:hover{
	height:260px;
}

.navi_head>div>span{
	width:120px;
	text-align:center;
	height:260px;
	display:inline-block;
	color:#FFF;
	font-size:14px;
	vertical-align:top;
}

.navi_head>div>span>p a{
	color:#ffffff;
	text-decoration:none;
	display:block;
	
}
.navi_head>div>span>p a:hover{
	color:#F60;
	text-decoration:none;
}
.logo{ float:left; width:120px;padding-top:15px; height:70px;}
.logo img{ max-width:100%;}
.menu{ float:right; text-align:right; width:800px;}
.navi_title{
	font-size:16px;
	line-height:70px;
	margin-top:0;
}
.nobjs{ background:none;}
.sub_title{ line-height:32px; margin:0;}
.navi_head>div>span> .navi_title a{ color:#172745}
.navi_head>div>span:hover{
	background:rgba(0,140,214,0.9);
}
.navi_head>div>span> .sub_title a:hover{color:#d4592e}
.navi_head>div> .login{ line-height:28px; height:28px; margin-top:20px;border:solid 1px #008cd6;  padding:0px; width:90px; margin-left:40px;}
.navi_head>div> .login a{color:#008cd6; display:block}
.navi_head>div> .login:hover{ background:none;}

.navi_head>div> .reg{ line-height:28px; height:28px; margin-top:20px;border:solid 1px #008cd6;  padding:0px; width:90px;}
.navi_head>div> .reg a{color:#ffffff; display:block; background:#008cd6}
.navi_head>div> .reg:hover{ background:none;}




.indexBanner
{
    height: 570px;
    overflow: hidden;
    width: 100%;
    position: relative;
	top:70px;
}
.indexBanner .banner
{
    width: 100%;
    height: 570px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    background-position: center top;
    z-index: 1;
    display: inline-block;
    display: none;
}
.indexBanner .icoList
{
    position: absolute;
    z-index: 10;
    bottom: 48px;
    left: 50%;
    height: 20px;
    display: none;
	z-index:100;
}
.indexBanner .icoList li
{
    margin-right: 5px;
    float: left;
}
.indexBanner .icoList li a
{
    display: block;
    background:url(../images/ico21.png) no-repeat;
    width: 12px;
    height: 12px;
    overflow: hidden;
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="ico.png");
}
.indexBanner .icoList li a:hover, .indexBanner .icoList li a.cur
{
    background:url(../images/ico23.png) no-repeat;
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="icoCur.png");
}
.indexBanner .scrollBody
{
    width: 1200px;
    height: 82px;
    position: absolute;
    z-index: 90;
    bottom: -122px;
    left: 50%;
    margin-left: -600px;
}
.indexBanner .scrollBody .leftBtn
{
    position: absolute;
    width: 18px;
    height: 64px;
    top: 30px;
    left: -4px;
    z-index: 90;
}
.indexBanner .scrollBody .rightBtn
{
    position: absolute;
    width: 18px;
    height: 64px;
    top: 30px;
    right: -5px;
    z-index: 90;
}

.clean-line{
	background-color: #008cd7;
	width: 100px;
	height: 1px;
	margin: 20px auto;
}
.clean-blurb-round-icon .clean-icon i{
	line-height: 70px;
	font-size: 36px;
	color: #dadada;
}
.clean-blurb-round-icon .clean-icon{
	-webkit-transition: all .35s linear;
	   -moz-transition: all .35s linear;
	    -ms-transition: all .35s linear;
	     -o-transition: all .35s linear;
	        transition: all .35s linear;
}
.clean-blurb-round-icon .clean-icon{
	width: 100px;
	height: 100px;
	margin: 0px auto 30px;
	text-align: center;
	border: 8px solid #DADADA;
	border-radius: 50%;
	line-height: 0;
	padding: 8px;
}
.clean-blurb-round-icon:hover .clean-icon i{
	color: #ffffff;
}
.clean-blurb-round-icon:hover .clean-icon{ background:#09F}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.clean-blurb-round-icon:hover .clean-icon{
	border: 1px solid rgba(0,0,0,0);
}
.clean-blurb-round-icon:hover h3{ color:#008cd7}
.clean-blurb-round-icon h3{
	text-align: center;
	font-size: 18px;
	color: #616161;
	margin-top: 0;
	margin-bottom: 15px;
	-webkit-transition: all .3s linear;
	   -moz-transition: all .3s linear;
	    -ms-transition: all .3s linear;
	     -o-transition: all .3s linear;
	        transition: all .3s linear;
}

.clean-blurb-round-icon p{
	margin-bottom: 0;
	text-align: center;
}

.morebox{ margin:60px auto 20px auto; width:320px; height:40px; line-height:40px;}
.morebox a{ display:block; background:#e7e7e7; color:#333; font-size:16px; text-align:center;-webkit-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;}
.morebox a:hover{ background:#ff9000; color:#FFF; text-decoration:none}

.hezuohuoban{ padding-top:30px;}
.hezuohuoban li{ float:left; width:20%; margin-bottom:20px;}
.hezuohuoban li .hzlist{ padding:0 10px;}
.hezuohuoban li .hzlist img{ width:100%;}

.conbox{ text-align:left; position:relative; margin-right:70px; color:#cccccc; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; background:#404040; padding:30px 10px 30px 30px ;}
.conbox .conimg{}
.conbox .qrlist{padding-top:15px;}
.conbox .qrlist .qrb{ text-align:center; margin-right:30px; float:left; height:auto;list-style:none;}
.conbox .qrlist .qrb img{ max-width:90px;}
.conbox .tel{ font-size:24px; color:#ff6600; padding:10px 0 15px 0; font-family:Arial, Helvetica, sans-serif}
.conbox .address{ font-size:14px;}
.meassbox{ margin-left:40px;}
.meassbox .lxfangshi{ text-align:left; padding:20px 0 20px 10px;}

.rightmenu{ position:fixed; width:40px; right:0; top:0; background:rgba(23,39,69,0.9);
	transition:height ease 0.5s; z-index:10000000; height:100%;}
.rightmenu .rtboxlist{ text-align:center; height:70px;}
.rightmenu .rtboxlist i{ text-align:center; color:#ff9000; font-size:22px; padding-top:22px; cursor:pointer;}	
.rightmenu dl{margin-top:130px; border-top:solid 1px #5c739c}	
.rightmenu dd{ text-align:center; color:#fff; border-bottom:solid 1px #5c739c; padding:10px 0; cursor:pointer;-webkit-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out; position:relative;}
.rightmenu dd span{ display:block; font-size:12px; padding-top:2px;}
.rightmenu dd i{ font-size:18px; display:block;}	
.rightmenu dd:hover{ background:#315bab}
.rightmenu .rtview{ display:none;position:absolute; right:40px; top:-1px; font-size:12px; background:rgba(23,39,69,0.9); color:#FFF;}
.rightmenu .rtview ul{border-top:solid 1px #5c739c;}
.rightmenu .rtview li{ float:left; padding:10px;}
.rightmenu .rtview .wxbox{width:340px;}
.rightmenu .rtview .wxbox img{ width:90px;}
.rightmenu .rtview .qqbox{width:390px;}
.rightmenu .rtview .telbox{width:320px;}
.rightmenu .rtview .sharebox{ width:270px; padding:10px 0 10px 20px;}


.contentbox{padding-top:70px; min-height:800px;}
.contentbox .ctpic img{ width:100%;}
.contentbox .ctmenu{text-align:center;width:100%; padding:50px 0 60px 0;}
.contentbox .ctmenu ul{float:left;position:relative;left:50%;}
.contentbox .ctmenu ul li{float:left; margin:0 5px;position:relative;right:50%;}
.contentbox .ctmenu ul li a{ display:block; padding:6px 30px; background:#ddd; color:#666}
.contentbox .ctmenu ul li a:hover{ text-decoration:none; background:#F60; color:#FFF}
.contentbox .ctmenu ul li .ac{background:#F60; color:#FFF}

.contshow{ padding:0 100px 100px 100px; line-height:22px; font-size:14px;}
.contshow img{ max-width:100%;}
.contshow p{ margin:0;}
.singlebox{ padding:0; line-height:23px; font-size:14px;}
.singlebox img{ max-width:100%;}
.singlebox p{ margin:0;}

.sinwy{ padding:50px 0;background: url('../images/bj-one.jpg') no-repeat center center;
    background-size: cover;
   background-attachment: fixed;}
.sinwy .sin-title{ text-align:center; font-size:32px; padding-bottom:40px; color:#FFF; font-weight:bold;}
.sinwy .sin-list{ padding:40px 0 20px 0;}
.sinwy .sin-list li{ float:left; width:25%;}
.sinwy .sin-list .pbox { padding: 0 15px;}
.sinwy .sin-list .clean-icon{
	width: 100px;
	height: 100px;
	margin: 0px auto 30px;
	text-align: center;
	border-radius: 50%;
	line-height: 0;
	padding: 8px;
	background:#FFF;
}
.sinwy .sin-list .clean-icon i{
	line-height: 70px;
	font-size: 56px;
	color: #ff6600;
}
.sinwy .sin-list .clean-icon{
	-webkit-transition: all .35s linear;
	   -moz-transition: all .35s linear;
	    -ms-transition: all .35s linear;
	     -o-transition: all .35s linear;
	        transition: all .35s linear;
}
.sinwy .sin-list li:hover h3{ color:#ff6600}
.sinwy .sin-list h3{
	text-align: center;
	font-size: 18px;
	color: #ffffff;
	margin-top: 0;
	margin-bottom: 15px;
	-webkit-transition: all .3s linear;
	   -moz-transition: all .3s linear;
	    -ms-transition: all .3s linear;
	     -o-transition: all .3s linear;
	        transition: all .3s linear;
}

.sinwy .sin-list p{margin-bottom: 0;text-align: center; color:#FFF}
.sinwy .sin-list li:hover .clean-icon i{
	color: #ffffff;
}
.sinwy .sin-list li:hover p{color: #ff6600;}
.sinwy .sin-list li:hover .clean-icon{ background:#ff6600}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.sinwy .sin-list li:hover .clean-icon{
	border: 1px solid rgba(0,0,0,0);
}

.abt-box{ padding:50px 0 60px 0; text-align:center;}
.abt-box h2{ font-size:32px; color:#000; padding-top:30px;}


.pagebox{ padding:0;}
.pagebox li{ float:left; width:50%; margin-bottom:30px;}
.pagebox li a{ display:block; margin:0 15px;}
.pagebox li a:hover{text-decoration:none}

.pagebox li .pageimg{ width:150px;height:110px; overflow:hidden; float:left; margin-right:15px;}
.pagebox li .pageimg img{ width:100%; }
.pagebox li .pagetitle{ font-size:16px;-webkit-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;}
.pagebox li .pagedesp{ line-height:18px; font-size:12px; color:#999; padding:8px 0 4px 0;}
.pagebox li .pagetime{ color:#999; font-size:12px}
.pagebox li .pagetime i{ font-size:16px; margin-right:6px; color:#999}
.pagebox li .pagetime span{ padding-right:15px;}
.pagebox li a:hover .pagetitle{ color:#F30}
.pagelist{ text-align:center; padding:70px 0 60px 0;}

.pagelist{ margin:20px 0;}
.pagelist a{ font-size:15px; padding:5px 16px; margin:0 3px;background:#f7f7f7; color:#333;border:solid 1px #CCC}
.pagelist a:hover{background:#ed6d00;color:#FFF;border:solid 1px #900; text-decoration:none}
.noww a{ background:#ed6d00; color:#FFF;border:solid 1px #ed6d00}


.allbg{ background:#eeeeee; padding-bottom:50px;}

.contentshow{ background:#FFF; padding:30px 80px 50px 80px;}
.contentshow h2{ text-align:center; font-weight:normal; font-size:24px}
.contentshow .contime{ text-align:center; font-size:14px; padding-bottom:15px; border-bottom: dotted 1px #CCC; margin-bottom:40px;}
.contentshow .contime span{ padding:0 15px;}
.contentshow .contbev{ padding-top:10px; line-height:22px; font-size:14px;}
.contentshow .contbev img{ max-width:100%;}

.contentshow .prenext{ margin-top:30px;border:solid 1px #dddddd; padding:5px;}
.contentshow .prenext dl{ margin:0;}
.contentshow .prenext dd{ float:left; height:35px; line-height:35px;  width:50%; margin:0;}

#pricing .links{ padding-top:40px; text-align:left;}
#pricing .links a{ display:inline-block; font-size:12px; margin-right:10px; color:#666}

.casebox{ padding:0;}
.casebox li{ float:left; width:25%; margin-bottom:25px;}
.casebox li a{ display:block; margin:0 15px;border:solid 1px #dddddd;}
.casebox li a:hover{text-decoration:none}
.casebox li .pageimg{ width:100%;height:180px; overflow:hidden;}
.casebox li .pageimg img{ width:100%; }
.casebox .alllist{ padding:5px 8px 8px 8px;}
.casebox .alllist .pagetitle{ font-size:16px;}
.casebox .alllist .pagetime{ color:#666; font-size:12px}
.casebox .alllist .pagetime span{padding-right:15px;}
.casebox .alllist .pagedesp{ line-height:18px; padding:10px 0px; font-size:14px; color:#666;}

.wxgzhbox{ padding:50px 0;background: url('../images/bj-two.jpg') no-repeat center center; color:#FFF;background-size: cover;background-attachment: fixed;}
.wxsanlist{ padding:30px 0 20px 0;}
.wxsanlist li{ float:left; width:33.3333333%;}
.wxsanlist li .pbox{ padding:0 40px;}
.wxgzhbox .clean-icon i{
	line-height: 70px;
	font-size: 36px;
	color: #dadada;
}
.wxsanlist .clean-icon{
	-webkit-transition: all .35s linear;
	   -moz-transition: all .35s linear;
	    -ms-transition: all .35s linear;
	     -o-transition: all .35s linear;
	        transition: all .35s linear;
}
.wxsanlist .clean-icon{
	width: 100px;
	height: 100px;
	margin: 0px auto 30px;
	text-align: center;
	border: 8px solid #DADADA;
	border-radius: 50%;
	line-height: 0;
	padding: 8px;
}
.wxsanlist li:hover .clean-icon i{
	color: #ffffff;
}
.wxsanlist li:hover .clean-icon{ background:#e55600}
.wxsanlist li:hover h3{ color:#e55600}

.wxhezuo{ padding:50px 0;}
.apponelist{ padding:30px 0 50px 0;}
.apponelist li{ float:left; width:33.3333333%;}
.apponelist .pbox{ padding:0 40px;}
.apponelist .clean-icon i{
	line-height: 70px;
	font-size: 56px;
	color: #dadada;
}
.clean-blurb-round-icon .clean-icon{background:#008cd6}
.clean-blurb-round-icon:hover .clean-icon{ background:#f60}
.clean-blurb-round-icon:hover h3{ color:#F60}

.appjiazhi{ padding:50px 0;margin:40px 0;}
.appjiazhi li{ float:left; width:20%; margin-bottom:30px; text-align:center;}
.appjiazhi li .aplv{ margin:0 25px;}
.appjiazhi li .aplv p{ padding:15px 0}

.appliucheng{ padding:70px 0;background: url('../images/bj-two.jpg') no-repeat center center;
    background-size: cover;
   background-attachment: fixed; color:#FFF;}
.appkaifacate{ padding:60px 0;}

.youhuabox{ padding-top:40px;}
.youhuabox li{ float:left; width:25%;}
.youhuabox li .pbox{ padding:0 30px;}
.youhuabox .clean-icon i{
	line-height: 70px;
	font-size: 56px;
	color: #ffffff;
}
.youhuabox  .clean-icon{border: 8px solid #008cd6;}



.index-services{background-color: #eeeeee;padding-top: 45px;padding-bottom: 45px;}
.index-services .container{height: auto;width: 1200px;margin-right: auto;margin-left: auto;}
.index-services .container .tt{text-align: center;font-size: 14px;line-height: 26px;}
.index-services .container .tt strong{display: block;font-size: 32px; font-weight:normal;color: #444444; padding-bottom:15px;}
.index-services .container .tt p{padding-top: 6px;}
.index-services .container .se-list{height: 286px;padding-top: 38px;width: 1200px;margin-right: auto;margin-left: auto;}
.index-services .container .se-list ul li{float: left;height: auto;width: 240px;text-align: center;}
.index-services .container .se-list ul li strong{font-size: 22px;color: #f6503a;font-weight: normal;display: block;padding-top: 5px;padding-bottom: 6px;}
.index-services .container .se-list ul li .pic{background-image: url(../images/bg9.gif);height: 190px;width: 164px;margin-right: auto;margin-left: auto;padding-top: 50px;}
.index-services .container .se-list ul li p{padding-right: 20px;padding-left: 20px;line-height: 22px;}





.ggtoufang{ padding:60px 0;}
.ggtoufang li{ float:left; width:16.66666666666%; text-align:center;}
.ggtoufang .pbox{ padding:0 15px;}
.ggtoufang .pbox h3{ font-size:16px;}
.ggtoufang .pbox p{ font-size:12px;}
.ggtoufang .clean-icon{ font-size:20px; border:2px solid #d6d6d6; width:80px; height:80px; background:#ffffff}
.ggtoufang .clean-icon i{ color:#d6d6d6}