@charset "utf-8";

/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, select{margin: 0;padding: 0;border: 0;}

table{ border-collapse:collapse;}

body{ font-family:"微软雅黑"; font-size:1em;}

img,a{border:0; text-decoration:none;color:#000;-webkit-transition: all .3s ease-out;

	-moz-transition: all .3s ease-out;

	transition: all .3s ease-out;

	}

ol, ul {list-style: none; }

a:hover{

	-webkit-transition: all .3s ease-out;

	-moz-transition: all .3s ease-out;

	transition: all .3s ease-out;

	color:#f60;

	text-decoration:none;

	}

/*a:link {

	color:#09F;

}

a:visited {

    color:#000;

}

    

a:hover {

    color:#f60;

    }

    

a:active {

    color:#F00;

}*/

img{

	max-width:100%;

	}

.fl,.fll{float:left;_display:inline;}

.fr,.flr{float:right;_display:inline;}

.h{display:none;visibility:visible;}

.clear{clear:both;font-size:0;line-height:0;height:0;visibility:visible;}

.Top,.contents,.caseList,.separatorIn{

	width:1180px;

	margin:0 auto;

	}

.footer{

	width:1180px;

	margin:0 auto;

	}



.contacts .contact_tit_top{ display:block; background:url(../images/tit1-bg.png) center bottom no-repeat; text-align:center; color:#333; font-size:24px; padding-bottom:15px; margin-bottom:50px;}
.shuzizhuan { overflow:hidden}
.shuzizhuan li{ width:25%; float:left; border-left:1px solid #ccc; box-sizing: border-box; text-align: center; list-style:none}
.shuzizhuan li:nth-child(1){ border:none;}
.shuzizhuan .counter{ font-size:50px}

.luboe{position:relative;overflow:hidden;width:100%;}
.luboe ul.luboe_box li a img{width:1920px;max-width:1920px;height:auto;position:relative;left:50%;margin-left:-960px;}
.luboe .banner_wen{position:absolute;top:50%;left:50%;-webkit-transform:translateX(-80%) translateY(-50%);-moz-transform:translateX(-80%) translateY(-50%);-ms-transform:translateX(-80%) translateY(-50%);-o-transform:translateX(-80%) translateY(-50%);transform:translateX(-80%) translateY(-50%);}
.luboe .banner_wen .banner_icon{line-height:68px;font-size:50px;color:#fff;background:url(../images/banner_icon.jpg) no-repeat left center;background-size:auto 100%;margin-bottom:16px;padding-left:84px;}
.luboe .banner_wen .icon_en{font-size:20px;color:#fff;margin-bottom:110px;}
.luboe .banner_wen .banner_p{line-height:40px;font-size:26px;color:#fff;}
.luboe .banner_wen .p_en{font-size:12px;color:#fff;}

@media only screen and (max-width:1000px) {
	.luboe .banner_wen .banner_icon{line-height:54px;font-size:36px;padding-left:70px;}
	.luboe .banner_wen .icon_en{margin-bottom:60px;}
	.luboe .banner_wen .banner_p{line-height:32px;font-size:18px;}
}


/*rate*/

.rate{

	width:100%;

	height:2px;

	background-color:#ddd;

	}

.rate strong{

	position:relative;

	display:block;

	width:0%;

	height:2px;

	background-color:#f60;

	}		

.rate span{

	position:absolute;

	left:50%;top:0;

	display:block;

	width:0%;

	height:2px;

	background-color:#000;

	}	

/*header*/

header{

	width:100%;

	background:#fff;

	height:85px;

	-webkit-transition: all .3s ease-out;

	-moz-transition: all .3s ease-out;

	transition: all .3s ease-out;

}

header.headers{

	position:fixed;

	left:0;

	top:0;

	z-index:99999;

	border-bottom:#BABFCC 1px solid;

	height:60px;

	-webkit-transition: all .3s ease-out;

	-moz-transition: all .3s ease-out;

	transition: all .3s ease-out;

	}

header.headers .logo{

	margin:4px 0 10px 0;

	height:40px;

	-webkit-transition: all .3s ease-out;

	-moz-transition: all .3s ease-out;

	transition: all .3s ease-out;

	}

header.headers .logo img{

	height:40px;

	width:auto;

	-webkit-transition: all .3s ease-out;

	-moz-transition: all .3s ease-out;

	transition: all .3s ease-out;

	}

header.headers nav{

	margin:15px 0 0 30px;

	-webkit-transition: all .3s ease-out;

	-moz-transition: all .3s ease-out;

	transition: all .3s ease-out;

	}	

header.headers .phones{

	margin:9px 0 0 0;

	-webkit-transition: all .3s ease-out;

	-moz-transition: all .3s ease-out;

	transition: all .3s ease-out;

	}	

.logo{

	width:200px;

	height:51px;

	float:left;

	margin:14px 0 0 0;

	text-align:center;

	-webkit-transition: all .3s ease-out;

	-moz-transition: all .3s ease-out;

	transition: all .3s ease-out;

	}

.logo img{

	width:auto;

	height:auto;

	-webkit-transition: all .3s ease-out;

	-moz-transition: all .3s ease-out;

	transition: all .3s ease-out;

	}

header .Top{ position:relative;}

.phones{

	float:right;

	width:210px;

	height:42px;

	line-height:40px;

	font-size:2em;

	border:#ccc 1px solid;

	color:#666;

	padding-left:10px;

	-moz-border-radius: 6px;      /* Gecko browsers */

    -webkit-border-radius: 6px;   /* Webkit browsers */

    border-radius:6px;    

	font-family:Arial, Helvetica, sans-serif;

	position:relative;

	margin:20px 0 0 0;

	-webkit-transition: all .3s ease-out;

	-moz-transition: all .3s ease-out;

	transition: all .3s ease-out;

	}

.phones span{

	margin-right:1px;

	font-size:2rem;

	position:relative;

	top:2px;

	}

.phones a{

	position:absolute;

	right:5px;

	top:2px;

	display:inline-block;

	width:30px;

	height:30px;

	background:url(../images/qqs-hover.gif) center center no-repeat;

	}

.phones a:hover{

	background:url(../images/qqs-hover.png) center center no-repeat;

	}



nav{

	width:auto;

	float:left;

	line-height:30px;

	font-size:1.6em;

	margin:0 0 0 30px;

	-webkit-transition: all .3s ease-out;

	-moz-transition: all .3s ease-out;

	transition: all .3s ease-out;

	}

nav li{

	width:auto; 

	text-align:center;

	line-height:30px;

	position:relative;
	
	display:inline-block;

	}

nav li strong{

	font-weight:400;

	}	

nav li a{
	
	display:block;
	
	padding:0 25px;

	color:#000;

	font-weight:400;

	-webkit-transition: all .3s ease-out;

	-moz-transition: all .3s ease-out;

	transition: all .3s ease-out;

}

nav li a:hover{

	color:#09F;

	text-decoration:none;

	-webkit-transition: all .3s ease-out;

	-moz-transition: all .3s ease-out;

	transition: all .3s ease-out;

	}

nav li a.navCur

{ 

	color:#f60;

	text-decoration:none;	

}	

/*旋转 必要元素*/

/*@-webkit-keyframes rotate{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}

@-moz-keyframes rotate{from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(359deg)}}

@-o-keyframes rotate{from{-o-transform:rotate(0deg)}to{-o-transform:rotate(359deg)}}

@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}

@-webkit-keyframes rotate2{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}

@-moz-keyframes rotate2{from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(359deg)}}

@-o-keyframes rotate2{from{-o-transform:rotate(0deg)}to{-o-transform:rotate(359deg)}}

@keyframes rotate2{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}*/

nav .glyphicon{

	position:absolute;

	left:6%;

	top:8px;

	}

nav a:hover .glyphicon/*,

nav li a.navCur .glyphicon*/

{

	position:absolute;

    -webkit-transition-property: -webkit-transform;

	-webkit-transition-duration: 1s;

	-moz-transition-property: -moz-transform;

	-moz-transition-duration: 1s;

	-webkit-animation: rotate 1s linear infinite;/*控制时间*/

	-moz-animation: rotate 1s linear infinite;

	-o-animation: rotate 1s linear infinite;

	animation: rotate 1s linear infinite;

	}



/*焦点轮换*/



.block_home_slider {

	position: relative;

	background-color: #ffffff;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

	behavior: url(js/PIE.html); /*半透明兼容*/

	text-align: center;

	line-height: 0px;

	margin-right: auto;

	margin-left: auto;

}  /*底部小图标*/

.block_home_slider .slide {position:relative;}

.block_home_slider .caption {padding:13px 16px 12px; position:absolute; left:0px; right:0px; bottom:0px; background:url(../images/bg_caption.png); text-align:center;}

.block_home_slider .caption p {padding-bottom:0px; font-size:11px; color:#dedede; text-shadow:0px -1px #000000; line-height:17px;}

.block_home_slider .caption p.title {padding-bottom:6px; font-size:15px; color:#ffffff; font-weight:bold; line-height:normal;}

.block_home_slider .flex-direction-nav a {width:25px; height:25px; margin-top:-27px; display:block; position:absolute; top:50%; background-repeat:no-repeat; background-image:url(../images/sprite_arrow_2.png); text-indent:-9000px;}

.block_home_slider .flex-direction-nav a.flex-prev {left:6px; background-position:left top;}

.block_home_slider .flex-direction-nav a.flex-prev:hover {background-position:left bottom;}

.block_home_slider .flex-direction-nav a.flex-next {right:6px; background-position:right top;}

.block_home_slider .flex-direction-nav a.flex-next:hover {background-position:right bottom;}

.block_home_slider .flex-control-paging {padding-top:15px; display:inline-block; display:none;}

.block_home_slider .flex-control-paging li {

	margin: 0px;

	padding: 0px;

	float: left;

	overflow: hidden;

	list-style-type: none;

}

.block_home_slider .flex-control-paging li a {width:12px; height:12px; display:block; background-repeat:no-repeat; background-image:url(../images/sprite_nav_3.png); text-indent:-9000px; cursor:pointer;}

.block_home_slider .flex-control-paging li a.flex-active {background-position:right top;}



.block_home_post_feature {width:300px;}

.block_home_post_feature p {padding-bottom:0px;}





.flexslider {margin: 0; padding: 0;}

.flexslider .slides > li {

	display: none;

	-webkit-backface-visibility: hidden;

	list-style-type: none;

} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {width: 100%; display: block;}

.flex-pauseplay span {text-transform: capitalize;}



/*weCan*/

.weCan{

	padding:1em 0; 

text-align:center;color:#333;

}

.weCan h2{

	font-size:4em;

	color:#003D82;

	line-height:100px;

	}

.weCanPar{

	line-height:25px;

	font-size:1.4em;

	padding:20px 5px;

	}

.weCanList{padding:50px 0 10px 0;}

.weCanList li{

	width:25%;

	padding:0 20px;

	 float:left;

	 }

.weCanList li:hover{

	color:#f60;

	}	 

.weCanList h3{ 

    width:140px;

    height:140px;

    border:#ccc 1px solid;

    margin:0 auto; 

    -moz-border-radius: 70px;      /* Gecko browsers */

    -webkit-border-radius: 70px;   /* Webkit browsers */

    border-radius:70px;            /* W3C syntax */

	color:#CFCFCF;

	position:relative;

	text-align:center;

	padding:20px 0 0 0;

	overflow:hidden;

	}

.weCanList h3 img{

	max-width:100px;

	}

.weCanList h3 span{

	position:absolute;

	left:24%;

	top:25%;

	font-size:3em;

	-webkit-transition-property: -webkit-transform;

	-webkit-transition-duration: 1s;

	-moz-transition-property: -moz-transform;

	-moz-transition-duration: 1s;

	-webkit-animation: rotate 5s linear infinite;/*控制时间*/

	-moz-animation: rotate 5s linear infinite;

	-o-animation: rotate 5s linear infinite;

	animation: rotate 5s linear infinite;

	}	

.weCanList li.werot{ position:relative;}	

.weCanList li.werot h3 span{

	-webkit-animation: rotate2 .3s linear infinite;

-moz-animation: rotate2 .3s linear infinite;

-o-animation: rotate2 .3s linear infinite;

animation: rotate2 .3s linear infinite;

	}	

.weCanList h4{

	font-size:1.6em;

	line-height:50px;

	}

.wlPar{

	line-height:25px;

	font-size:1.2em;

	color:#666;

	}

	

/*我们的套餐*/

.webdesigns{ padding:30px 0;}

.titles{

	text-align:center;

	font-size:3.8em;

	color:#003D82;

	}

.webdesigns ul{ padding:20px 0 0 0;}

.webdesigns li{

	float:left;

	width:25%;

	padding:5px;

	}

.webdesigns li a{

	display:block;

	width:100%;

	height:100px;

	line-height:100px;

	text-align:center;

	font-size:2em;

	border:#ddd 1px solid;

	}	

.webdesigns li a:hover{ background:#f60; color:#fff;}



/*Case*/	

.Case{

	width:100%;

	/*background:url(../images/casebg.jpg) center top repeat-y;*/

	padding:2em 0;

	}

.Case h2{

	font-size:3em;

	color:#003D82;

	line-height:40px;

	text-align:center;

	}

.caseList{padding:2em 0 0 0;}	

.caseList .thumbnail{ position:relative;}

.caseList .thumbnail img{

	background:url(../images/caselistbg.jpg) center center no-repeat;

	cursor:pointer;

	}



.caseList .col-xs-Tan{ 

    position:absolute;

	left:0%;

	top:0%;

	width:100%;

	height:100%;

	z-index:99;

	background:url(../images/touming2.png);

	line-height:30px;

	font-size:2em;

	text-align:center;

	font-weight:bold;

	color:#fff;

	opacity:0;

	padding:30% 0 0 0;

}

.thumbnail:hover .col-xs-Tan{

	opacity:0.5;

}

.caseList .col-xs-Tan:hover{

	color:#ccc;

	text-decoration:none;

	}

/*Template 模板*/

.Template{

	width:100%;

	background:#F5F5F5;

	min-height:200px;

	padding:25px 0 30px 0px;

	color:#06F;

	}

.Template h2{

	font-size:3em;

	padding:10px 0;

	text-align:center;

	}

.TemplateList{

	padding:20px 0;

	}	

.Template dl{

	float:left;

	position:relative;

	width:25%;

	text-align:center;

	}

.Template dt img{

	width:100%;

	height:auto !important;

	}

.Template dd{

	position:absolute;

	left:0;

	top:0;

	width:100%;

	height:100%;

	z-index:9;

	display:none;

	}	

.Template dd a{

	display:block;

	position:absolute;

	width:100%;

	height:100%;

	z-index:10;

	color:#fff;

	font-size:2em;

	padding-top:40%;

	background:url(../images/bg_caption.png);

	font-weight:bold;

	}		

.llsymb{

	text-align:center;

	padding:15px 0;

	}

.llsymb a{

	display:inline-block;

	width:160px;

	height:40px;

	background:#2A8FBD;

	text-align:center;

	line-height:40px;

	margin:5px;

	color:#fff;

	font-size:16px;

	border-radius:4px;

	

	}

.llsymb a:hover{

	background:#06F;

	

	}			

/*separator*/

.seaparTit{ font-size:38px; color:#fff; text-align:center; padding-top:30px}

.separator{

	width:100%;

	background: url(../images/shoubann.jpg) no-repeat;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	background-size: cover;

	overflow:hidden;

	}

.separatorBg{

	background:url(../images/touming3.png);

	}	

.separatorIn{

	position:relative;

	z-index:9;

	height: auto;

	padding:3em 0 5em 0 ;

	overflow:hidden;

	background:none;
	

	}

.seaparImg{

	text-align:center;

	}

.separatorList dl{

	float:left;

	margin:50px 0 0 35px;

	width:310px;

	color:#fff;

	font-size:1.4em;

	}

.separatorList dt{

	width:100px;

	height:100px;

	float:left;

	position:relative;

	}

.separatorList dt span{

	position:absolute;

	left:32%;

	top:32%;

	font-size:3.2em;

    color:#3CF;

	}

.separatorList dl:hover dt span{

	-webkit-transition-property: -webkit-transform;

	-webkit-transition-duration: 1s;

	-moz-transition-property: -moz-transform;

	-moz-transition-duration: 1s;

	-webkit-animation: rotate 5s linear infinite;/*控制时间*/

	-moz-animation: rotate 5s linear infinite;

	-o-animation: rotate 5s linear infinite;

	animation: rotate 5s linear infinite;

	}	

.separatorList dd{

	width:200px;

	float:right;

	}

.separatorList dd h3{

	font-size:1.2em;

	font-weight:bold;

	line-height:45px;

	}

.separatorList dd .seapar{

	line-height:25px;

	}

/*地图*/

.webMap{

	position:relative;

	width:100%;

	height:450px;

	overflow:hidden;

	}

.webMapBg{

	position:absolute;

	left:0;

	top:0;

	z-index:999;

	width:100%;

	height:100%;

	color:#fff;

	font-size:3em;

	text-align:center;

	line-height:450px;

	background:url(../images/bg_caption.png);

	cursor:pointer;

	}	

#dituContent{

	width:100%;

	height:450px;

	}	

/*流程*/

.lTitle{ 

   font-size:2.4em;

   line-height:80px;

    text-align:center;

	font-weight:bold;

	padding-top:30px;

	}

.Process{

	padding:40px 0;

	}

.Process dl{

	float:left;

	width:160px;

	padding:0 5px;

	text-align:center;

	}

.Process dt{

	width:100%;

	height:50px;

	text-align:center;

	line-height:50px;

	}	

.Process .glyphicon{

	font-size:4em;

	}

.Process .processTitle{

	font-size:1.6em;

	font-weight:bold;

	line-height:45px;

	}

.Process .processPar{

	font-size:1.2em;

	line-height:22px;

	color:#000;

	}
		

/*footer*/

footer{

	width:100%;

	border-top:#2681AA 3px solid;

	background:#1F1F1F;

	color:#999;

	font-size:1.4em;

	}

.footer	{

	padding:2em 0;

	}

.footer a{

	

	color:#999;

	}

.footer a:hover{ text-decoration:underline;color:#ccc;}	

.footer ul{

	float:left;

	width:200px;

	}	

.footer .ftTitle{

	font-size:1.2em;

	font-weight:bold;

	line-height:35px;

	}	

.footer li{line-height:25px;}

.beianxinxi{ padding:5px 0; text-align:center;}

.beianxinxi img{ width:100px; height:auto;}	

.new{

	float:left;width:300px;

	margin-right:40px;

	}

.new dt{

	font-size:1em; line-height:25px;

	}	

.new dd.newTime{ 

  font-style:italic;

  font-size:.8em;

  color:#666;

  line-height:30px;

  }

  	

.new dd.newPar{

	line-height:20px;

	font-size:.8em;

	}	

.fenxaing{

	float:left;

	width:300px;

	line-height:25px;

	font-size:1em;

	}	

.fenxaing .ftcontacts{

	font-size:.8em;

	

	}	

/*copy*/	

.copy{

	padding:1em 0;

	background:#1A1A1A;

	text-align:center;

	font-size:1em;

	}

.copy img{

	max-width:80px;

	height:auto;

	}

		

/*云彩效果*/	

::-webkit-scrollbar{width:12px;height:12px}

::-webkit-scrollbar-button:vertical{display:none}

::-webkit-scrollbar-track:vertical{background-color:black}

::-webkit-scrollbar-track-piece{background: #FDFDFD;}

::-webkit-scrollbar-thumb:vertical{background-color:#8E8E8E;border-radius:5px}

::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}

::-webkit-scrollbar-corner:vertical{background-color:#535353}

::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}





@-webkit-keyframes animate-cloud {

  from {

    background-position: 600px 100%;

  }

  to {

    background-position: 0 100%;

  }

}

@-moz-keyframes animate-cloud {

  from {

    background-position: 600px 100%;

  }

  to {

    background-position: 0 100%;

  }

}

@-ms-keyframes animate-cloud {

  from {

    background-position: 600px 100%;

  }

  to {

    background-position: 0 100%;

  }

}

@-o-keyframes animate-cloud {

  from {

    background-position: 600px 100%;

  }

  to {

    background-position: 0 100%;

  }

}

@-webkit-keyframes stage-0 {from{-webkit-transform:scale(0.01);}to{-webkit-transform:scale(1);}}

@keyframes stage-0 { from{transform:scale(0.01);}to{transform:scale(1);}}

@-moz-keyframes stage-0 { from{-moz-transform:scale(0.01);}to{-moz-transform:scale(1);}}

@-o-keyframes stage-0 { from{-o-transform:scale(0.01);}to{-o-transform:scale(1);}}

html{

	height: 100%;

}

.body{

   background:url(../images/cloud.png) 0 bottom repeat-x  #dedede;

   -webkit-animation: animate-cloud 10s linear infinite;

   -moz-animation: animate-cloud 10s linear infinite;

   -ms-animation: animate-cloud 10s linear infinite;

   -o-animation: animate-cloud 10s linear infinite;

   animation: animate-cloud 10s linear infinite;

   width: 100%;

   height: auto;

   padding: 0;   

   margin: 0;  

}

.main{ position:relative;}

.main .slide-content{width:100%;height:100%;position: relative;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;overflow: hidden;}

.main .slide-content .cloud{ position:absolute; width:200px;height:100px; background:url(../images/object.png);left:0px;top:0px;}

.main .slide-content .cloud-0{background-position: -580px -240px;}

.main .slide-content .cloud-1{background-position: -550px 0px;height:140px;width:260px;}

.main .slide-content .cloud-2{background-position: -580px -140px;}

.main .slide-content .cloud-3{background-position: -350px -140px;}

.main .slide-content .cloud-4{background-position: -350px 0px;height:140px;}	

	

/*飞机效果*/	

#separator2{

	width:100%;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	background-size: cover;

	overflow:hidden;

	

}



.separator2-wrap{

	position:relative;

	width:100%;

	overflow:hidden;

}



.plane {

  position: absolute;

  -webkit-transform:rotate(16deg);

  -moz-transform:rotate(16deg);

  -ms-transform:rotate(16deg);

  -o-transform:rotate(16deg);

  transform:rotate(16deg);

  top: 26%;

  left:0;

  z-index: 1;

  display: block;

  width: 100%;

  height: 186px;

  background: url("../images/paper-plane.png");

}

.no-touch.cssanimations .plane {

  -webkit-animation: plane 15s infinite linear;

  -moz-animation: plane 15s infinite linear;

  -ms-animation: plane 15s infinite linear;

  -o-animation: plane 15s infinite linear;

  animation: plane 15s infinite linear;

}

/* plane */

@-webkit-keyframes plane {

  0% {

    background-position: 0 0; }



  100% {

    background-position: -2053px 0; } }



@-moz-keyframes plane {

  0% {

    background-position: 0 0; }



  100% {

    background-position: -2053px 0; } }



@-ms-keyframes plane {

  0% {

    background-position: 0 0; }



  100% {

    background-position: -2053px 0; } }



@-o-keyframes plane {

  0% {

    background-position: 0 0; }



  100% {

    background-position: -2053px 0; } }



@keyframes plane {

  0% {

    background-position: 0 0; }



  100% {

    background-position: -2053px 0; } }



	



}	



/*服务中心*/



.server{margin:0.5em 0;}

.server li{ text-align:center;padding-bottom:0.5em;width:33.33%;float:left;

padding:25px 0;

border:#ddd 1px solid;

}

.server li span{

	font-size:3em;

	}

.server li h3{ font-size:2em; font-weight:bold;padding:0.5em 0;}

.server li div{ font-size:1.4em; width:99%; overflow:hidden;}

.min-1200-show{

	display:none;

	}	

#pars{

	width:768px;

	}

#pars .weCanPar{

	text-align:left;

	}



/* #Contact

================================================== */







#contact{



	position:relative;

	width:100%;

	background:#212129;

	padding-bottom:2em;

	padding:0 10px;



}

.container{ position: relative; margin: 0 auto; padding: 0; }



/* Effect 17:  Slide in from bottom with perspective on container */

.md-show.md-effect-17 ~ .container {

	height: 100%;

	overflow: hidden;

	-webkit-transition: -webkit-transform 0.3s;

	-moz-transition: -moz-transform 0.3s;

	transition: transform 0.3s;

}	



.container .one-third.column                { width: 300px; }

.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

@media only screen and (min-width: 768px) and (max-width: 959px) {

	.container{ width: 768px; }

	}		

@media only screen and (min-width: 480px) and (max-width: 767px) {

	.container{ width: 420px; }

	}		

@media only screen and (max-width: 319px) {

	 .container{ width: 220px; }

	 }

@media only screen and (min-width: 320px) and (max-width: 479px) {

	.container{ width: 300px; }

	}

.contact-info {

	position:relative;

	width:100%;

	padding-top:10px;

	padding-bottom:30px;

}



	#contact #ajax-form {

		text-align:left;

	}



	#ajax-form {

		width: 100%;

		font: 16px/22px '微软雅黑';

		margin-left: auto;

		margin-right: auto;

	color:#fff;

	}

	#ajax-form h6{

	text-align:left;

	padding-bottom:15px;

	color:#fff;

	}	

	label {

		display: block;

		font: 16px/34px '微软雅黑';

	}

	input{

		width: 100%;

		border:none;

		color: #fff;

		background:rgba(0,0,0,.2);

		font: 16px/22px '微软雅黑';

		margin-bottom: 5px;

		padding-top:10px;

		padding-bottom:10px;

	-webkit-transition: all .35s ease-in-out;

	-moz-transition: all .35s ease-in-out;

	-ms-transition: all .35s ease-in-out;

	-o-transition: all .35s ease-in-out;

	transition: all .35s ease-in-out;

	}

	textarea:focus,

	input:focus{

	outline:none;

		background:rgba(0,0,0,.1)

	}

	textarea {

		width: 100%;

		border:none;

		background:rgba(0,0,0,.2);

		color: #fff;

		font: 16px/22px '微软雅黑';

		height:80px;

		margin-bottom: 5px;

		padding-top:10px;

		padding-bottom:10px;

		padding-left:0;

		padding-right:0;

	-webkit-transition: all .35s ease-in-out;

	-moz-transition: all .35s ease-in-out;

	-ms-transition: all .35s ease-in-out;

	-o-transition: all .35s ease-in-out;

	transition: all .35s ease-in-out;

	}

	.error {

		color: #EB767E;

		font: 16px/22px '微软雅黑';

		display: none;

	}

	#ajaxsuccess {

		background: #383636;

		color:#fff;

		font: 20px/60px '微软雅黑';

		height:60px;

		border-left:5px solid #000;

		display: none;

		padding-left:10px;

		width: 100%;

		margin-left: auto;

		margin-right: auto;

		margin-top: 30px;

	}





	#contact .button,

	#contact button,

	input[type="submit"],

	input[type="reset"],

	input[type="button"] {

	background:rgba(0,0,0,.2);	

	margin-top:10px;

	border:none;

	  color: #fff;

	  display: inline-block;

	  font-size: 16px;

	  cursor: pointer;

	  line-height: normal;

	  padding: 15px 25px;

	-webkit-transition : all 0.3s ease-out;

	-moz-transition : all 0.3s ease-out;

	-o-transition :all 0.3s ease-out;

	transition : all 0.3s ease-out; 

	width:100%;

}



	#contact .button:hover,

	#contact button:hover,

	input[type="submit"]:hover,

	input[type="reset"]:hover,

	input[type="button"]:hover {	

	background:rgba(0,0,0,.1);	 }



	#contact .button:active,

	#contact button:active,

	input[type="submit"]:active,

	input[type="reset"]:active,

	input[type="button"]:active {	

	  opacity:.8;}

#contact h6 { font-size: 22px; text-transform: capitalize;

		font-family: '微软雅黑', sans-serif;}	

/*neiBan*/

.neiBan img{

	width:100%;

	height:auto;

	}



/*container*/

.container {width:100%;margin:0px auto;color:#444;}

.Case.case-nei{

	padding:10px 0;

	}

.Case.case-nei .caseList{

	padding:0;

	}



/*精选查询 newSytle*/

.caseSelect{ width:1280px; margin:auto; padding:1rem 0;}

.caseSelect th{width:50px; text-align:left;font-size:1.6em;}

.caseSelect td{padding:2px 0;}

.caseSelect ul{padding:0;}

.caseSelect li{padding:0 7px;float:left;max-width:120px;margin:3px 0;}

.caseSelect li a{color:#fff;}

.caseSelect li.jlSy a{ background:#434343;border:#000 1px solid;color:#fff;}

.caseSelect li.all{padding:0;margin-left:5px;}

.caseSelect.jingList li.all a{color:#999798;}

.caseSelect2{padding:10px 0 0 0px;}

.Title2{

	padding:2rem 0;

	background:#f1f1f1;

	}

.Title2 h2{

	font-size:2.4rem

	}



/*contentsList*/

.contentsList{

	font-size:1.4em;

	padding:0 2em;

	}

.contentsList li strong{

	display:block;

	height:45px;

	line-height:45px;

	}

.contentsList li{

	float:left;

	width:33.33%;

	line-height:30px;

	text-align:left;

	padding:0 10px;

	}



/*about*/

/*.bodybg{

	background:#F4F4F4 url(../images/index_54.jpg) center 85px repeat-x;

	}*/

.contactbg{


	}

.Title3{

	padding:60px 0;

	text-align:center;

	font-size:3em;

	color:#00439F;

	text-shadow:2px 2px 2px #fff;

	}

.contactbg .Title3{color:#fff;text-shadow:2px 2px 2px #000;}

.Title3 span{

	color:#999;

	font-size:.8em;

	}

.contactbg .Title3 span{color:#f1f1f1}

.aboutArticle{

	font-size:1.4em;

	color:#777;

	line-height:32px;

	}

.about{

	padding-bottom:25px;

	}

.aboutLeft{

	float:left;

	width:430px;

	}

.abText1{

	display:inline-block;

	width:275px;

	text-align:center;

	padding:8px 0;

	background:#03A5E3;

	color:#fff;

	}

.aboutRight{

	float:left;

	width:750px;

	padding-left:30px;

	}

.bg-color{

	width:100%;

	padding:30px 0;

	background:#fff;

	}



/*aboutNew*/

.aboutNewLeft{

	width:750px;

	padding-right:30px;

	}

.aboutNewLeft h3{

	font-size:2em;

	margin:10px 0;

	}

.aboutNewLeft h3 strong{

	color:#f60;

	}

.aboutNewLeft li{

	height:35px;

	line-height:35px;

	padding-left:30px;

	background:url(../images/dian.png) 5px center no-repeat;

	font-size:1.4em;

	position:relative;

	}

.aboutNewLeft li a{

	color:#666;

	}

.aboutNewLeft li span{

	position:absolute;

	right:0;

	top:0;

	color:#999;

	}

.aboutNewRight{

	width:430px;

	}

.aboutNewRight li{

	display:inline-block;

	margin:10px 5px;

	}

.aboutNewRight li a{

	display:inline-block;

	padding:10px 25px;

	font-size:1.4em;

	background:#f1f1f1;

	}

.aboutNewRight li a:hover{

	background:#f60;

	color:#fff;	

	}



/*caseSearch*/

.caseSearch{

	text-align:center;

	}

.caseSearch li{

	display:inline-block;

	margin:10px;

	}

.caseSearch li a{

	display:inline-block;

	padding:8px 25px;


	font-size:1.5em;


	color:#333;
	border-radius:20px;
	border:1px solid #ccc

	}

.caseSearch li a:hover,.caseSearch li.srarchCur a{

	color:#f60;
	text-decoration:none


	}



/*caseCenter*/

.caseCenter{

	padding:0px 0 30px 0;

	}

.caseCenList{

	float:left;

	width:33.33%;

	padding:10px;

	text-shadow:1px 1px 1px #ddd;

	}

.caseCenList dl{

	width:100%;

	padding:8px;

	background:#fff;

	box-shadow:0 0 8px #ccc;

	border:#fff 1px solid;

	-webkit-transition: all .3s ease-out;

	-moz-transition: all .3s ease-out;

	transition: all .3s ease-out;

	}
/*
.caseCenList dl:hover{

	border:#f60 1px solid;

	box-shadow:0 0 8px #f60;

	-webkit-transition: all .3s ease-out;

	-moz-transition: all .3s ease-out;

	transition: all .3s ease-out;

	}
*/
.caseCenList dt,.caseCenList dt img{

	width:100%;

	height:auto;

	}

.caseCenList dt img{ position:relative;}

.caseTitle{

	height:40px;

	line-height:40px;

	font-size:1.8em;

	text-align: left;

	}

.caseArticle{

	font-size:1.2em;

	line-height:25px;

	padding-bottom:10px;

	display:none;

	}

.caseDta{

	width:100%;

	padding:10px 0 0 0;
	font-size:16px;

	}

.caseDta a{

	width:100%;

	height:25px;

	line-height:25px;

	text-align:center;

	background:#f1f1f1;

	box-shadow:0 0 4px #ccc;

	font-weight:bold;

	color:#333;

	}

.caseDta a.fl{ display:none;}

.caseDta a:hover{

	background:#05ADFF;

	color:#fff;

	}

.fenye{

	text-align:center;

	font-size:1.4em;	

	}



/*微网站*/

.weiwangzhan{padding:0px 0 20px 0;margin:0 auto 20px auto;}

.weiwangList{

	float:left;

	position:relative;

    width:232px;

	height:414px;

	background:#fff url(../images/weibg.jpg) center center no-repeat;

	padding:72px 0 0 26px;

	margin:15px 31px;

	-moz-border-radius: 20px;      /* Gecko browsers */

    -webkit-border-radius: 20px;   /* Webkit browsers */

    border-radius:20px;            /* W3C syntax */

	

}

.weiImg,.weiImg img{width:181px; height:265px;}

.weiwang{

	position:absolute;

	left:26px;

	top:72px;

	z-index:9;

	width:181px;

	height:265px;

	background:#fff;

	text-align:center;

	background:url(../images/touming3.png);

	display:none;

	}

.weiwang h3{

	height:75px;

	line-height:75px;

	color:#fff;

	font-size:14px;

	font-weight:bold;

	}

/*.erweima{}

.erweima img{width:150px; height:150px;}*/

/*servers*/

.servers{

	padding:30px 0;

	}

.serList{

	float:left;

	width:25%;

	padding:5px;

	}

.serList dl{

	width:100%;

	background:#fff;

	padding:8px;

	cursor:pointer;

	-webkit-transition: all .3s ease-out;

	-moz-transition: all .3s ease-out;

	transition: all .3s ease-out;

	}

.serList dl:hover{

	background:#03A5E2;

	color:#fff;

	-webkit-transition: all .3s ease-out;

	-moz-transition: all .3s ease-out;

	transition: all .3s ease-out;

	}

.serList dt,.serList dt img{

	width:100%;

	height:auto;

	}

.serTitle{

	height:35px;

	line-height:35px;

	font-size:1.6em;

	font-weight:bold;

	width:90%;

	margin:0 auto;

	}

.serArticle{

	font-size:1.2em;

	line-height:20px;

	}

.serJzlc{

	background:#fff;

	padding-bottom:40px;

	}

.jzlcText{

	font-size:1.6em;

	}

.jzlcText p{

	float:left;

	padding:10px 20px;

	margin:10px;

	text-align:center;

	background:#f1f1f1;

	cursor:default;

	}

.jzlcText p:hover{

	background:#f60;

	color:#fff;	

	}

.serTitle{

	font-size:1.6em;

	height:40px;

	line-height:40px;

	padding:0 10px;

	background:#00439F;

	color:#fff;

	}

.serTitle strong{

	color:#fff;

	}

.webdesignList{

	position:fixed;

	right:0;

	top:50%;

	width:100px;

	margin:-200px 0 0 0;

	}

.webdesignList a{

	display:block;

	width:100%;

	height:30px;

	line-height:30px;

	text-align:center;

	background:#000;

	font-size:1.4em;

	margin:10px 0 0 0;	

	color:#fff;

	}

.webdesignList a:hover{ background:#666;}

.webdesignList a.taoCur{ background:#f60;}

.serBj2 td{

	padding:8px 5px;

	text-align:center;

	font-size:1.1em;

	}

.pay{

	width:100%;	

	}

.pay td{

	padding:10px 20px;

	border:#ddd 1px solid;

	font-size:1.6em;

	line-height:35px;

	font-weight:bold;

	color:#666;

	}

.pay td img{

	height:auto;	

	}

.pay2{

	font-size:1.4em;

	line-height:30px;

	}



/*serBj*/

.red{color:#f00;}

.serBj{

	width:90%;

	margin:15px auto;

	font-size:1.6em;

	}

.serBj th{

	font-weight:bold;

	border:#ddd 1px solid;

	padding:10px 8px;

	line-height:25px;

	min-width:150px;

	}

.serBj td{

	border:#ddd 1px solid;

	padding:10px 8px;

	line-height:25px;

	}





/*contactsLeft*/

.contacts{

	padding:0 0 40px 0;

	color:#fff;


	}

.contactsLeft{

	float:left;

	width:500px;

	}

.contacts .contactsRight{

	width:650px;

	}

.contactsRight h3{

	font-size:2em;

	padding:5px 0;


	color:#333
	}

.enCopy{

	font-size:1.4em;

	color:#aeaeae;

	margin:0 0 25px 0;


	}

.contactsRight dl{

	margin:10px 0;

	}

.contactsRight dt{

	float:left;

	width:50px;

	text-align:center;
	
	height:auto;

	line-height:20px;

	font-size:2.8em;

	color:#fff;

	}

.contactsRight dd{

	float:left;

	width:360px;

	padding-left:15px;

	font-size:1.6em;

	line-height:25px;

	color:#7d7d7d;

	}



.qqzx{}

.qqzx li{

	float:left;

	width:150px;

	height:50px;

	margin:10px;

	}

.qqzx li a{

	display:block;

	width:150px;

	height:40px;

	line-height:40px;

	text-align:center;

	font-size:1.8em;

	background:#7d7d7d;

	color:#fff;

	}

.qqzx li a:hover{

	background:#2e57c3;

	color:#fff;

	}



/*messages*/

.messages dl{
	
	margin-bottom:1em;
	
	}

.messages dt{

	font-size:1.6em;

	height:40px;

	line-height:40px;

	}

.messages dd input,.messages dd textarea{

	background:#fff;

	color:#000;

	border:#ddd 1px solid;

	padding-left:4px;
	
	width:77%;
	
	display:inline-block;
	
	margin-bottom:0;

	}
	
.messages dd span{
	
	display:inline-block;
	
	width:5%;
	
	text-align:center;
	
	color:#f00;
	
	margin-top:15px;
	
	float:right;
	
}
.messages dd span:nth-child(1){
	
	display:inline-block;
	
	width:18%;
	
	line-height:43px;
	
	font-size:16px;
	
	text-align:right;
	
	color:#333;
	
	margin-top:0;
	
	float:left;
	
}

.messages dl:nth-child(3) dd span:nth-child(3){
	
	margin-top:35px;
	
}

.messages .mesSub input{
	background:#2e57c3;
	border-radius:30px;
	width:200px;
	height:40px;
	padding:0;
	margin-left:18%;

	}

.messages .mesSub input:hover{

	background:#f60;	

	}



/*newinfo*/

.newinfo{

	padding:0 0 40px 0;

	}

.newinfo h3{

	font-size:1.6em;

	font-weight:bold;

	color:#612098;

	padding:15px 0;

	text-align:center;

	}

.newinfo time{

	display:block;

	font-size:1.2em;

	color:#999;

	text-align:center;

	padding:10px 0;

	}

.newinfoPar{

	padding:10px 0;

	font-size:1.4em;

	line-height:24px;

	}

.newinfo .pager{

	font-size:1.4em;

	}



.caseInfoPar{

	text-align:center;

	}

.caseInfoPar img{

	width:100%;

	height:auto;

	}

.caseWebLink{

	margin:10px 0;

	}

.caseWebLink a{

	display:block;

	width:100%;

	height:40px;

	line-height:40px;

	text-align:center;

	background:#f60;

	font-size:1.6em;

	font-weight:bold;

	color:#fff;

	}

.caseWebLink a:hover{

	background:#f00;

	}



.backTop{

	display:block;

	position:fixed;

	bottom:55px;

	right:5px;

	width:40px;

	height:40px;

	background:#ddd;

	font-size:1.6em;

	text-align:center;

	line-height:40px;

	z-index:99;

	display:none;

	}

.backTop:hover{

	background:#f60;

	color:#fff;	

	}

/*客服*/

.sidebar{ width:70px; padding:10px 0; background:url(../images/blk60.png); position:absolute; top:215px; right:0; z-index:10000000; font-size:12px; display:none}

.sidebar .slideshow li{ height:51px; margin:6px 0}

.sidebar .slideshow li a{ display:block; width:100%; height:100%; position:relative; color:#FFF;}

.sidebar .slideshow li:hover a{ background:#f60;}

.sidebar .slideshow .imgbox{ display:block; text-align:center; height:100%; line-height:51px;}

.sidebar .slideshow .imgbox img{ display:inline-block; vertical-align:middle;}

.sidebar .slideshow .gotop{ display:block; text-align:center; color:#FFF; line-height:15px; height:30px; cursor:pointer;}

.sidebar .gotop em{ display:inline-block; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:6px solid #FFF;}



.sidebar .txt{ height:100%; width:0; text-indent:15px; background:#f60; color:#FFF; display:block; position:absolute; right:70px; top:0; overflow:hidden; white-space:nowrap; line-height:25px;} 

.sidebar a:hover .txt{ width:125px;transition: width 0.5s;-moz-transition: width 0.5s;	/* Firefox 4 */-webkit-transition: width 0.5s;	/* Safari 鍜� Chrome */-o-transition: width 0.5s;}

.sidebar .QRCbox{ display:none;width:103px; height:103px;}

.sidebar a:hover .QRCbox{ display:block; position:absolute; right:70px; top:0;}



/*关于我们 新样式*/

.about-video{

	width:100%;

	position:relative;

	}

#vd{

	width:100%;

	}

.about-video-show{

	position:absolute;

	left:0;

	top:0;

	width:100%;

	height:100%;

	background:url(../images/show.png);

	z-index:9;

	}

.Slogan{

	position:absolute;

	left:0;

	top:30%;

	width:100%;

	text-align:center;

	color:#fff;

	z-index:10;

	text-shadow:#000 0 0 10px;

	}

.Slogan h3{

	font-size:3.2em;

	}

.Slogan h4{ font-size:1.4em; padding:8px 0}

.about-new-cont{

	 width:75%;

	 margin:0 auto;

	 background:#fff;

	 position:relative;

	 bottom:150px;

	 z-index:11;

	 }

.about-new-cont .aboutArticle{

	padding:10px 30px;

	color:#555;

	}

.about-new-cont .aboutArticle img{

	float:left;

	max-width:420px;

	margin-right:10px;

	}

.bg-color{ position:relative;bottom:80px;}



/*首页新增四个板块*/

.index-works{

	position:static;

	left:0;

	bottom:0;

	width:100%;

	z-index:9999;

	color:#333;

	padding:10px 0;

	text-shadow:2px 2px 2px #333;

	display:none;

	}

.index-works-list{

	float:left;

	width:25%;

	padding:15px;

	position:relative;

	left:100px;

	opacity:0;

	}

.index-works-list h3{

	font-size:1.8rem;

	font-weight:bold;

	margin-bottom:10px;

	}

.index-works-list p{

	font-size:1.4rem;

	line-height:25px;

	}

.index-works-dta a{

	display:block;

	width:70%;

	height:30px;

	line-height:30px;

	text-align:center;

	border:#fff 1px solid;

	-moz-border-radius: 4px;      /* Gecko browsers */

    -webkit-border-radius: 4px;   /* Webkit browsers */

    border-radius:4px;            /* W3C syntax */

	margin:10px 0 0 0;

	font-size:1.6rem;

	color:#fff;

	}

.index-works-dta a:hover{

	border:#f60 1px solid;

	color:#f60;

	}




.donbiao{ color:#2e57c3; font-size:14px}

ul.qinfoot{ width:600px}
ul.qinfoot li{ float:left; width:100px; text-align:center;}
ul.qinfoot li a{ display: block; float:left; color:#fff}
.footcon { width:500px; clear:both; margin-top:70px;}
.footcon dd{ font-size:14px;}
.footcon dt{ line-height:20px; width:30px; color:#878787}
.donbiao2{ color:#878787; font-size:14px;}
.footdian{ font-size:24px; color:#35cacb; display:block; padding:10px 0}

.news_cont{width:100%;}
.news_cont .newscont{width:1108px;margin:0 auto;}
.news_cont .newscont .caseList{float:left;width:309px; height:229px;padding:2px;margin:25px 30px;border:#f4f4f4 1px solid;}
.news_cont .newscont .caseList dl{width:303px; height:115px;padding:10px 15px; background:#fff;}
.news_cont .newscont .caseList:hover{border:#2d80cc 1px solid;}
.news_cont .newscont .caseList dt{float:left;width:130px; height:90px;}
.news_cont .newscont .caseList dd{float:right;width:135px;}
.news_cont .newscont .caseList dd h3{ font-size:16px; line-height:20px;}
.news_cont .newscont .caseList dd time{color:#999; display:block;padding:10px 0 0 0; line-height:20px;}
.news_cont .newscont .caseListText{ font-size:14px;color:#999; line-height:20px;padding:5px 0 0 0;}



.footer1n{
	background: url(../images/bg2.jpg) no-repeat center;
	background-size: cover;
	padding: 20px 0;
}

.footer1n .wrap{
	max-width: 1200px;
    padding: 0 20px;
    margin: 0 auto;
}

.footer1n h2{
	padding: 2% 0;
	color: #2a2a2a;	
}

.footer1n form{
	margin: 2% 0;
}

.footer1n form .cox{
	float: left;
	width: 25%;
	height: 52px;
	line-height: 52px;
	margin-right: 1%;
	position: relative;
}

.footer1n form .cox input{
	width: 100%;
	height: 100%;
	border: 1px solid #cccccc;
	background: #FFFFFF;
	color:#333;
	font-size: 14px;
	padding:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.footer1n form .cox .input1{
	padding-left: 40px;
}

.footer1n form .cox .input2{
	padding-left: 20px;
}

.footer1n form .cox .iconfont{
	position: absolute;
	height: 100%;	
	top: 0;
	left: 10px;
	color: #fe4101;
	font-size: 24px;
}

.footer1n form .hq_bjd{
	display: inline-block;
	width: 22%;
	height: 52px;
	line-height: 52px;
	text-align: center;
	background: #2A8FBD;
	color: #FFFFFF;
	margin:0;
	padding:0;
}

.footer1n p{
	line-height: 24px;
	margin-bottom: 3%;
}

.fs15{

	font-size:15px;

}

.fs16 {
    font-size:16px;
}

@media only screen and (max-width: 1440px) {
	.footer1n p{
		margin-bottom: 1%;
	}
	.footer1n h2{
		padding: 1.5% 0;
	}
	.footer1n{
		padding: 10px 0;
	}
}

@media only screen and (max-width: 1200px) {

	.fs30{

		font-size: 28px;

	}

	.fs16{

		font-size: 14px;

	}
	
}

@media only screen and (max-width: 996px) {

	.fs30{

		font-size: 26px;		

	}

	.footer1n form .cox{

		width: 49%;

		margin-right: 2%;

		margin-bottom: 2%;

	}

	.footer1n form .cox:nth-child(2){

		margin-right: 0;

	}

	.footer1n form .cox:nth-child(3){

		margin-bottom: 0;

		width: calc(98% - 150px);

	}

	.footer1n form .hq_bjd{

		width: 150px;

	}

	.footer1n p{

		margin-bottom: 0;

	}

}

@media only screen and (max-width: 760px) {

	.fs30{

		font-size: 24px;		

	}

	.fs15{

		font-size: 13px;

	}

	.footer1n{
		padding: 10px 0;
	}

}

@media only screen and (max-width: 520px){

	.fs16{

		font-size: 14px;	

	}

	.footer1n form .cox{

		width: 100%;

		margin-right: 0;

		height: 42px;

		line-height: 42px;

	}

	.footer1n form .cox:nth-child(3){

		width: 100%;

		margin-bottom: 2%;

	}

	.footer1n form .hq_bjd{

		height: 42px;

		line-height: 42px;

		margin: 0 auto;

	}

	.footer1n p,.footer2n_1{

		display: none;

	}

	.footer1n h2{

		padding: calc(1% + 5px) 0;

	}

}

@media only screen and (max-width: 460px) {

	.fs30{

		font-size: 18px;		

	}

	.fs15{

		font-size: 12px;

	}
	
}

@media only screen and (max-width: 620px){

	.footer1n .inner{
		margin-top: 42px;
	}

}



.footer2 {
    width: 1180px;
    margin: 0 auto;
}

@media screen and (max-width: 1280px){
.footer2 {
    width: 99%;
    margin: 0 auto;
}




.da-thumbs li a>img{ width:100%;}

@media only screen and (max-width:740px) {
	.Top, .contents, .caseList, .separatorIn{
		width:100%;
	}
	.luboe .banner_wen{width:80%;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);}
	.luboe .banner_wen .banner_icon{line-height:40px;font-size:26px;padding-left:50px;}
	.news_cont .newscont{width:100%;}
	.news_cont .newscont .caseList{float:left;width:100%; height:auto;padding:2px;margin:0;margin-bottom:15px;border:#f4f4f4 1px solid;}
	.news_cont .newscont .caseList dl{width:100%; height:auto;padding:10px 15px; background:#fff;}
	.news_cont .newscont .caseList dt{float:none;width:100%;height:auto;margin-bottom:10px;}
	.news_cont .newscont .caseList dt img{width:100%;}
	.news_cont .newscont .caseList dd{float:none;width:100%;}
	.news_cont .newscont .caseList dd h3{ font-size:16px; line-height:20px;}
	.news_cont .newscont .caseList dd time{color:#999; display:block;padding:10px 0 0 0; line-height:20px;}
	.news_cont .newscont .caseListText{font-size:14px;color:#999; line-height:20px;padding:5px 15px 0;}
}