/* ------------------------------------全局定义---------------------------------------- */  
/* 将具有默认margin和padding的标记置零，所有标记的margin、padding都在使用时具体定义 */  
*{ margin:0;padding:0;}  
  
/* 修正IE5.x和IE6的斜体溢出bug */  
* html body{ overflow:visible;}  
* html iframe, * html frame{ overflow:auto;}  
* html frameset{ overflow:hidden;}  
  
/* 常用标签，基本标签默认样式取消，HTML标签，取消基本标签默认样式，防止不同浏览器显示效果不同，text-align:center; 解决不同浏览器居中问题 */  
body{ color:#000;  background: url(/templates/default/images/bg.jpg); font:14px/22px  "Microsoft YaHei", 微软雅黑, "Open Sans", "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB",  sans-serif; text-align:center;}  
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr{ margin:0; padding:0;}  
input,select{ font-size:12px; vertical-align:middle;}  
  
/* 设置内容左对齐，恢复因BODY设置剧中产生的继承 */  
body div{ text-align:left;}  
  
/* 标签属性，textarea,input 强制输入时内容超出时换行 */  
textarea,input{ word-wrap:break-word; word-break:break-all; padding:0px;}  
  
/* 清除ul列表标记的样式，ul列表更多的用在不需要列表前置符号的样式里 */  
li{ list-style-type:none;}  
  
/* 定义图片边框，当图片作为链接内容被填充时，会有默认边框出现，重定义掉 */  
img{ border:0 none;}  
  
/* 定义默认的链接样式，仅仅是作为默认样式提供，可以在各自的实例中覆盖掉 */  
a:link, a:visited{ text-decoration:none;}  
a:hover{  text-decoration: none;}  
  
/* 去掉链接的虚线框 */  
a { outline:none; star:expression(this.onFocus=this.blur());}  
  
/* 定义H系列标签，覆盖H系列标签默认属性 */  
h1{ font-size:24px;}  
h2{ font-size:20px;}  
h3{ font-size:18px;}  
h4{ font-size:18px;}  
h5{ font-size:14px;}  
h6{ font-size:12px;}  



/* ==顶部== */
#ding{
	background: #e2e2e2;
    color: #5e5e5e;
    height: auto;
    overflow: hidden;
    position: fixed;
    top: 0px;
    height: 40px;
    z-index: 99999;
	line-height: 40px;
	font-size:17px;
	line-height:40px;
	}
#ding .ding2 a{
	margin-right:15px;
	    color: #666;}	
#ding a:hover{
	color:#f24855;}	
#ding .ding2 i{
	color:#f24855;
	}	
#ding .ding1{
	text-align:right;}	
#ding .ding1 a{
	font-size:18px;
	margin-left:20px;
	    color: #666;}
	
/* ==导航== */	
#logo{
	margin-top:40px;
	z-index: 999;
    position: relative;}
#logo .logo1{
	text-align: center;
	float:right;}
#logo .logo1 a{
	float:right;
	display:block;
	overflow:hidden;
	background-color:#FFF;
	border-right: 1px solid #e2e2e2;
	width: 140px;
    height: 140px;
	color:#565656;
	transition: all 0.5s;}
#logo .logoa{
	transition: all 0.5s;
	display: block;
	}
#logo .logoa:hover{
	transform: translateY(-5px);
	}		
#logo a:hover{
	transform: translateY(-5px);}	
#logo .logo1 a i{
	color: #72c6c8;
    font-size: 27px;
    margin-top: 40px;
    margin-bottom: 12px;
    display: block;
	transition: all 0.5s;
	}
#logo .logo1 a .icon-hudiejie{
	font-size:30px;}	
#logo .logo1 a p{
	font-size:12px;
	padding-top: 3px;
	opacity:0;
	}
#logo .logo1 a:hover p{
	opacity:1;}				
#logo .logo1 a:hover i{
	font-size:36px;
	color:#ff2c39;}	

@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; background: #006699; border-bottom:3px solid #108fdc;}
	.navbar .nav-item:hover .nav-link{   }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
}

/* ==轮播== */
.lunbo{
	margin-top:-140px;}
	
/* ==联系== */
#lx{
	box-shadow: 0px 0px 18px rgba(224,226,228,0.7);
	padding-top:10px;
	padding-bottom:20px;
}
#lx	.lx0{
	width: 33%;
	height: 96px;
	transition: all 0.5s;
	display:block;
	overflow:hidden;
	}
#lx	.lx1{
	background:url(/templates/default/images/sbg1.jpg) no-repeat ;}
#lx	.lx1:hover{
	background:url(/templates/default/images/sbg1.jpg) no-repeat 0px -96px;
	}
#lx	.lx2{
	background:url(/templates/default/images/sbg2.jpg) no-repeat ;}
#lx	.lx2:hover{
	background:url(/templates/default/images/sbg2.jpg) no-repeat 0px -96px;
	}
#lx	.lx3{
	background:url(/templates/default/images/sbg3.jpg) no-repeat ;}
#lx	.lx3:hover{
	background:url(/templates/default/images/sbg3.jpg) no-repeat 0px -96px;
	}	
	

/* ==版块== */
.focus{
	width:100%;
	display:block;}
.focus .left img{
	width:100%;
	min-height:347px;}	
.focus .left{float:left; width:75%; height: 367px; position:relative;overflow:hidden;}
.focus .left li{position:absolute; left:0; top:0; width:100%; height:415px; z-index:1; opacity:0; filter:alpha(opacity=0);}
.focus .left li.active{z-index:2;}
.focus .left li p{display:none;}

.focus .right{float:right; width:25%;}
.focus .right li{height: 87px;
    overflow: hidden;
    padding-left: 10px;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
    background-color: #bdbdbd;
	    border-bottom: 1px solid #f2f2f2;
		text-transform:uppercase;
		padding-top: 23px;
}
.focus .right li a{padding-top: 23px;color: #fff; }
.focus .right li a:hover{ color:#000;}
.focus .right li:hover,.focus .right li.active{color:#000;background-position:-120px -120px;background-color:#f6bf01; }
.focus .right li:hover i.i1,.focus .right li.active i.i1{background-position:-60px 0;}
.focus .right li:hover i.i2,.focus .right li.active i.i2{background-position:-60px -60px;}
.focus .right li:hover i.i3,.focus .right li.active i.i3{background-position:-60px -120px;}
.focus .right li:hover i.i4,.focus .right li.active i.i4{background-position:-60px -180px;}
.focus .right .active{
	background-color:#f6bf01;}
.focus .right img{
	width:100%;
	height:auto;}	
	
#bk{
	margin-top:50px;}	
.bk1{
	display:block;
	overflow:hidden;}	
#bk0  img{
	width:100%;}
#bk0 {
	margin-top:12px;}		
#bk0  a{
	display:block;
	transition: all 0.5s;}
#bk0  a:hover{transform: translateY(-5px);}
/* ==作品== */
#an{
	margin-top: 85px;}
#an span{
	display: block;
    background: #ebebed;
    height: 4px;
	width:100%;}
#an .an1 h2{
	width: 125px;
    display: block;
    width: 300px;
    height: 62px;
    line-height: 62px;
    color: #252200;
    font-size: 24px;
    z-index: 99;
    background: #f6e801;
    text-align: center;
	margin-top: -34px;
}
#an .an2 {
	text-align:right;
	margin-top: -34px;
	transition: all 0.5s;}
#an .an2:hover h2{
	background:#ff2c39;
	color:#FFF;}
#an .an2:hover h3{
	color:#ff2c39;
	}		
#an .an2 h3{
	float:right;
	background-color:#ebebed;
    display: block;
    height: 62px;
    line-height: 62px;
    color: #000;
    padding-left: 20px;
    padding-right: 20px;}
#an .an2 h2	{
float: right;
    background-color: #f6e801;
    display: block;
    height: 62px;
    line-height: 62px;
    color: #000;
    padding-left: 20px;
    padding-right: 20px;}
#an .an3 .an4{
	color:#000;
	background:#ebebed;
	padding:20px 10px 20px 10px;
	margin-left: 15px;
	font-size:16px;}
#an .an3 .an4:hover{
	color:#ff2c39;
	}	
#an .an3  .smenuv{
	color:#000;
	padding:20px 10px 20px 10px;
	margin-left: 15px;
	font-size:16px;}
#an .an3  .class:hover{
	background:#ebebed;
	color:#ff2c39;
	}
#zpdt{
	padding-left:0;
	padding-right:0;}
#zpdt img{
	width:100%;
	}
#zpdt h1{
	    width: 100%;
    text-align: center;
    background-color: rgba(0,0,0,0.3);
        padding-top: 13px;
    font-size: 32px;
    padding-bottom: 10px;
    color: #fff;
    margin-top: -78px;
    position: absolute;}	
#zpdt h1 i{
	color:#ff2c39;
	font-size: 34px;
    line-height: 17px;}	
#zpdt span{
	text-align: center;
    width: 100%;
    display: block;
    color: #999;
    line-height: 18px;
    padding-top: 20px;
    padding-bottom: 20px;}
	
	
.piclist {
	margin-bottom: 30px;
	transition: all 0.5s;
}
.piclist .title {
	position: absolute;
	top: 0;
	z-index: 1;
	width: 93.4%;
	height: 100%;
	background-color: #d6000f;
	background-color: rgba(0, 0, 0, 0.5);
	filter: Alpha(opacity=80);
	color: #fff;
	font-size: 16px;
	text-align: center;
	opacity: 0;
	transition: all 0.5s;
}
.piclist:hover .title {
	opacity: 1;
}
.piclist:hover span {
	padding-top: 35%;
}
.piclist .title span {
	display: block;
	overflow: hidden;
	line-height: 50px;
	transition: all 1s;
	font-size:32px;
	
}
.piclist .title i {
	display: block;
	overflow: hidden;
	font-size: 22px;
	margin-top: 20px;
	opacity: 0;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: opacity 1000ms cubic-bezier(.19, 1, .22, 1) 0s, -webkit-transform 1000ms cubic-bezier(.19, 1, .22, 1) 0s;
	transition: opacity 1000ms cubic-bezier(.19, 1, .22, 1) 0s, transform 1000ms cubic-bezier(.19, 1, .22, 1) 0s;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.piclist:hover i {
	opacity: 1;
	transform: rotate(-180deg);
}
.piclist:hover{
	transform: translateY(-10px);}
.am-img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
}

#zptu img{
	width:100%;}	
	

/* ==服务== */	
.piclistfw img{
	width:100%;
	height:300px;}
.piclistfw {
	color:#808080;
	margin-top:50px;
	    transition: all 0.5s;}
.piclistfw em{
	width: 100%;
    background: #CCC;
    height: 1px;
    display: block;}								
.piclistfw b{
	text-align: center;
    background-color: #fff;
    padding: 10px 15px 10px 15px;
    font-size: 25px;
    font-weight: normal;
    display: block;
    margin: 0 auto;
    margin-top: -23px;
    width: 145px;}	
.piclistfw .tu{
	margin-top:20px;
	height:300px;
	}	
.piclistfw .tu h1{
	    float: right;
    height: 46px;
    line-height: 46px;
    background: #f2c506;
    color: #000;
    font-size: 17px;
    text-align: center;
    width: 33%;
	}
.piclistfw .tu h1 i{
	color:#FFF;
	font-size:20px;}	
.piclistfw .tu span{
	float: right;
    background: #72c6c8;
    height: 54px;
    line-height: 54px;
    text-align: center;
    width: 33%;
    color: #fff;
    font-size: 23px;
    margin-top: 46px;
    right: 0;
    margin-right: -33%;
	 transition: all 0.5s;
	}
.piclistfw .cs{
	border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    margin: 20px 0px;
	padding: 5px 0;
	 transition: all 0.5s;}				
.piclistfw .cs span{
	margin-right:12px;}	
.piclistfw .cs i{
	font-size:22px;}	
.piclistfw .an{
	text-align:right;
	text-transform: uppercase;
	padding:7px 3px;
	margin-top:10px;
	margin-bottom: 50px;
	}
.piclistfw .an i{
	font-size:14px;
	padding: 10px 2px;
    margin: 10px 0;
}	
.piclistfw:hover{
	color:#808080;}	
.piclistfw:hover .tu span{
	background-color:#f24855;
	}	
.piclistfw:hover .an{background-color:#f24855;
color:#FFF;
	}	
	
/* ==新闻== */		
#xwdt{
	padding-left:0;
	padding-right:0;}	
#xwdt img{
	width:100%;}	
.ggxw{
	background-color:#f7f7f7;
	    transition: all 0.5s;}	
.ggxw img{
	display:block;
	float:left;
	  width: 175px;
    height: 135px;
	 margin-right: 15px;
}	
.ggxw .ggxw1{
	margin-right:15px;
	min-height: 135px;
    margin-top: 30px;}	
.ggxw h4{
	color:#666;
	padding-top:15px;
	height: 100px;
    display: block;
    overflow: hidden;
	font-size: 17px;
    line-height: 24px;}	
.ggxw span{
	margin-top:15px;
	color:#72c6c8;
	}	
.ggxw:hover{
	transform: translateY(-10px);
	box-shadow: 0px 0px 13px rgba(0,0,0,0.2);
	}
	
/* ==微信== */	
#wx {
	margin-top: 70px;
    padding-top: 50px;
    border-top: 1px solid #ebebed;
    margin-left: 0;
    margin-right: 0;}

#wx .wx1 img{
	float:left;
    margin-right: 25px;
}
#wx .wx1 {
	padding-left:0;}
#wx .wx1 h1{
	    color: #383737;
    font-size: 24px;
    line-height: 130%;
    font-weight: bold;
	}
#wx .wx1 h2{
	    font-size: 32px;
    color: #72c6c8;
    line-height: 130%;
    text-transform: uppercase;
    letter-spacing: -2px;
	}	
#wx .wx1 p{
	    font-size: 19px;
    line-height: 132%;}
#wx .wx1 span{
	    font-size: 19px;
    font-weight: bold;
    line-height: 132%;}	
	
/* ==地址== */	
#dz{
	background: #f6e801;
    padding: 30px 0px;
	margin-top: 50px;
	display: block;
    overflow: hidden;
	}
#dz .dz1{
	font-size:38px;}
#dz .dz1 i{
	font-size:40px;
	color:#f24855;
	position:absolute;}
#dz .dz1 p{
	padding-left:52px;
	font-style:normal;
	float:left;
	line-height:48px;
	padding-right:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;}
#dz .dz1 a{
	margin-left:10px;
	    transition: all 0.5s;
		display:block;
		float:left;}
#dz .dz1 a:hover{
	transform: translateY(-10px);
	}
#dz .dz2{
	padding-left:0;}	
#dz .dz2 h3{
	font-size: 20px;
    font-weight: bold;
    line-height: 150%;
	}	
#dz0 {
	padding-top:45px;
	background-color:#f7f7f7;
	color:#666;
	padding-bottom:45px;}
#dz0 .dz00 a{
	width:100%;
	color:#666;
	display:block;
	font-size: 16px;
    line-height: 30px;}	
#dz0 .dz00 h2{
	font-size:19px;
	padding-bottom: 12px;
	font-weight:bold;}	
#dz0 .dz00 a:hover{
	color: #f24855;
	}
#dz0 .dz00 i{
	opacity:0;
	margin-right: -20px;
	transition: all 0.5s;
	font-size: 13px;}	
#dz0 .dz00 a:hover i{
	opacity:1;
	margin-right:2px;
	}
	
#db{
	color:#999;
	background-color:#000;
	padding-bottom:30px;
	padding-top:30px;}	
#db a{
	color:#999;}
#db a:hover{
	color:#ff2c39;
	}		
#db h1{
	font-size:30px;}
#db h2{
	font-weight:200;
	line-height:40px;
	margin-bottom: 15px;}	
#db  em{
	font-size:20px;
	margin-right:10px;
	 font-style:normal;}
#db span a{
	margin-right:10px;}				
#db  p{
	color:#fff;
	padding-top:15px;}

.banner {
    width: 100%;
	height:480px;
    margin-top:-140px;
    background-position: center center;
    color: #fff;
	position:relative;
}
.b1 {
    background-image: url(/templates/default/images/tu1.jpg);
}
.banner  span{
	display:block;
	bottom:30px;
	position: absolute;}
.banner .nav{
	display: revert;
	color:#FFF;
	}	
	
#pjj{
	border:1px solid #e6e6e6;
	    margin-top: 50px;
    padding: 35px;
	color: #6a6a6a;
    font-size: 14px;
    line-height: 180%;}	
#pjj h1{
	    color: #b6b6b6;
    font-size: 40px;
	display:block;
	}
#pjj h2{
	font-size: 39px;
    color: #3a3a3a;
    font-family: 微软雅黑;
    font-weight: normal;
    line-height: 180%;
	display:block;
	}
#pjj strong{
	color: #dd2135;
	}	
#pjj .pjj1 img{
	width:100%;}
#pjj .pjj2 img{
	margin-right:20px;}		
#pjj .row{
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 45px;
    margin-bottom: 35px;}	
.fya{
	border-top: 1px dotted #BABABA;
    border-bottom: 1px dotted #BABABA;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #999;
    margin-top: 50px;
    margin-bottom: 50px;
	margin-left: 0;
    margin-right: 0;
}
.fya a{
	color:#999;
	margin-left: 10px;
    margin-right: 10px;}	
.fya .pagesnow{
	margin-left: 10px;
    margin-right: 10px;
	color:#F03;
	    display: block;}						
.fya table{
	float:right;}
#ggbt{
	text-align:center;
	font-size:35px;
	line-height: 30px;
    padding-top: 50px;
    padding-bottom: 50px;}	
.ggfl{
	border-top: 1px solid #e6e6e6;
	display: block;
    overflow: hidden;
	}	
.ggfl a{
	display: block;
    float: left;
    margin-right: 30px;
    height: 40px;
    padding: 20px 10px 40px 10px;
    color: #000;
    font-size: 18px;
	}
.ggfl  a.smenuvnow {
    background: #ebebed;
    color: #000;
}
#ggxx i{
	display: block;
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
    border-radius: 3px;
    width: 132px;
    height: 132px;
    font-size: 47px;
    color: #fff;
    padding-top: 54px;
}
#ggxx .icon-qq{
	background-color:#f24855;}	
#ggxx .icon-xinlangweibo{
	background-color:#F96;}	
#ggxx .icon-dianhua{
	background-color:#FC0;}	
#ggxx .icon-weixin{
	background-color:#6CC;}			
#ggxx p{
	text-align:center;
	}	
#ggxx strong{
	font-size:16px;
	padding-top:20px;
	display:block;
	padding-bottom:5px;
	}
#xwnr{
	color:#666;
	margin-left: 0;
    margin-right: 0;
	line-height: 28px;
	display:block;
	overflow:hidden;}	
	
#xwnr strong{
	color:#000;
	font-size:16px;}	
#xwnr img{	
	    display: block;
    max-width: 100%;
    margin: 0 auto!important;
	padding-bottom:15px!important;
	}
#xwnr .cpgga{
	color: #000;
	font-size:36px;
	font-weight:bold;}
#xwnr h1{
	display: block;
    text-align: center;
    width: 75%;
    margin: 0 auto;
    padding-top: 25px;
    line-height: 33px;
	color: #000;
    }	

#xwnr .xwsj	{
	width:100%;
	background-color:#ebebed;
	padding: 14px;
    margin-top: 25px;
	margin-bottom: 30px;
	height: 47px;

	}
#xwnr .xwsj	h3{
	float:left;}
#xwnr .xwsj .bshare-custom{
	float:right;
	LINE-HEIGHT: 23PX;
    font-size: 22px;
    font-weight: bold;
    color: #e9493b;
	font-family:Arial, Helvetica, sans-serif;}					
#xwnr .xwsj .bshare-custom b{
	font-size:36px;}	
#xwnr1{
	margin-left: 0;
    margin-right: 0;
	display: block;
    overflow: hidden;
	margin-top: 30px;
	}	
	
#xwnr1 .yz{
	display:block;
	float:left;
	padding: 10px;
    margin-right: 10px;
	background-color:#ebebed;
	color:#666;}
#xwnr1 div{
	display:block;
	float:right;
	padding: 10px 20px;
	background-color:#ebebed;
	color:#666;}		
#ggcpa{
	padding-top:25px;}	
#ggxx .col-lg{
	margin-top:15px;}	
	
/*@media(max-width: 1156px){
	.focus .left{
		width: 473px;
		}
	
	}	
@media(max-width: 1245px){
	.focus .left{
		width:625px;
		}
	
	}
@media(max-width: 1180px){
	.focus .left{
		width:473px;
		}
	
	}				*/	
	
@media(max-width: 768px){
	.carousel{
		margin-top:-80px;}
	#logo{
		margin-top:0;
		padding-right:0;
		padding-left:0;}
	#logo img{
		width:80px;
		height:auto;
		z-index: 999;
    position: relative;}	
	.navbar{
		float: right;
    margin-top: -79px;
	    width: 100%;
		
		}
	.navbar-light .navbar-toggler{
		    margin-left: 80%;
   margin-top: 13px;}
	.navbar-light .navbar-nav .nav-link{
		    text-align: center;
			    background-color: #fff;
    width: 120%;
    margin-left: -30px;}	
		.carousel-inner{
	margin-top:0;}	
	#pjj .pjj2 img{
		width:100%;
		margin-bottom:20px;}
	#lx  .lx2{
		background-size:90%;}	
	#lx  .lx1{
		background-size:90%;}
	#lx  .lx3{
		background-size:90%;}	
	.bk1{
		margin-top:20px;
		padding-right: 7px;
    padding-left: 7px;}	
	.bk2{
		padding-right: 7px;
    padding-left: 7px;
		}	
	#bk0{
		width:94%;}	
	#an .an1 h2{
		width: 119px;
    font-size: 20px;
		}	
	#wx .wx1 h1{font-size: 18px;}
	#wx .wx1 h2 {
    font-size: 18px;}
	#wx .wx1 p {
    font-size: 15px;}
	#wx .wx1 span {
    font-size: 16px;}
	#wx .wx1{
		margin-bottom:20px;}	
	#dz .dz2{
		    padding-left: 16px;}
		#dz .dz1 p{
			padding-left:0;
			font-size:24px;}	
		#dz .dz1 a{
			margin-left:5px;}	
	#dz .dz2 h3 {
    font-size: 16px;
    margin-top: 10px;}
	#db h1 {
    font-size: 20px;
}
#db h2 {
    line-height: 25px;}	
.banner{height: 355px;}	
#pjj h1 {
    font-size: 26px;}
#pjj h2 {
    font-size: 25px;}	
#ggbt {
    text-align: center;
    font-size: 28px;
    line-height: 25px;
    padding-top: 24px;
    padding-bottom: 24px;}	
#xwnr h1{
	width: 100%;
	line-height: 27px;
    font-size: 18px;
	}	
.ggfl a{
	font-size:16px;}
#ggcpa {
   
    width: 99%;
    margin: 0 auto;
}
.piclist {
    margin-bottom: 19px;
    padding-left: 7px;
    padding-right: 7px;
    
}	
.piclistfw .tu span{
	font-size:17px;}
.piclistfw .tu {
    height: 206px;
    background-size: 100%;	}
.piclistfw{
	margin-top:10px;}	
#an .an2 h2{
	padding-left: 12px;
    padding-right: 12px;
    font-size: 18px;}	
.ggfl a{margin-right: 20px;}
#xwnr .xwsj .bshare-custom {
    float: left;}
#xwnr .xwsj{
	height: 83px;
	}	
#xwnr .xwsj h3{
	font-size:14px;
	    padding-bottom: 6px;}	
#ggxx strong{
	padding-top: 11px;
	    padding-bottom: 1px;}	
			
	}










<!--0.00020098686218262-->