@charset "utf-8";
/* CSS Document */
* {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
/* top */
.top {
    position: fixed;
	margin:0 auto;
        width: 100%;
	height:80px;
	background-color:#fff;
	border-bottom:1px solid #e7e7e7; 
	z-index:99;
	overflow:hidden;
}
.topmenu {
	position:relative;
	margin:0 auto;
        width: 1200px;
	height:80px;
}
.nm1 {
    color: #000;
    font-size: 13px;
    font-weight: 600;
    font-style:italic;
    text-align-last:justify;
    font-family:Arial;
}
.nm2 {
    color: #555;
    font-size: 9px;
    font-weight: 400;
    font-family: Arial;
}
.nm3 {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    text-align-last:justify;
    font-family:Arial;
}
.menu {
    color: #4f4f4f;
    font-size:15px;
    font-weight: 600;
    font-family:"微软雅黑","Arial";
	}
.menu a{ text-decoration:none;color:#4f4f4f;font-size:15px;font-family:"微软雅黑","Arial";font-weight:400;} 
.menu a:hover { text-decoration:none;color:#3a93e5;font-size:15px;font-family:"微软雅黑","Arial";font-weight:600;}
.ban {
    position: relative;
    margin:0 auto;
    width: 100%;
    height:81px;
}


/* banner */
.kePublic {
    background:#FFF; 
    padding:0px;
}
.index_focus {
    position: relative;
    width: 100%;
    height: 700px;
    margin: 0 auto;
    overflow: hidden;
}
.index_focus .bd li {  
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width:1200px;
    list-style-type:none;
}
.index_focus_post {
    z-index: 10;
}
.index_focus .pic {
    height: auto;
    display: block;
    margin:0 auto
}
.index_focus .pic:hover {
    text-decoration: none;
}
.index_focus .slide_nav {
    position: absolute;
    left:47%;
    bottom:2%;

}
.index_focus .slide_nav a {
    float:left;
    font-size:28px;
    font-family: arial;
    color: #fff;
    padding:5px 10px;
    text-decoration:none;
}
.index_focus .slide_nav li:hover,.index_focus .slide_nav .on{text-decoration: none;color: #41a4ff;filter: alpha(opacity=80);opacity: 0.8;}
.index_focus_pre,.index_focus_next {
    display: none;
    position: absolute;
    top: 50%;
    margin-top: -36px;
    width: 72px;
    height: 72px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    z-index: 10;
    background: url(../../images/img20/banner/ico_sliding.png) no-repeat;
}
.index_focus_pre {
    left: 30px;
    background-position: 0 0;
}
.index_focus_pre:hover {
    background-position: 0 -144px;
}
.index_focus_next {
    right: 30px;
    background-position: 0 -72px;
}
.index_focus_next:hover {
    background-position: 0 -216px;
}
.pic01 {background:url(../../images/img20/wxlm.png) no-repeat center top;width:465px;height:424px; margin:0 auto;}

/* center */
.center {
	position: relative;
	margin:0 auto;
    width: 100%;
    height:770px;
    background-color:#fff;
    overflow: hidden;
}
.title1 {
    position: relative;
    margin:80px auto 11px auto;
    width: 220px;
    height:auto;
    text-align:center;
    color: #2c3c4d;
    font-size: 24px;
    font-weight: 400;
    font-family:"微软雅黑","Arial";
}
.titleline1 {
    position: relative;
    margin:0 auto;
    width: 100px;
    height:2px;
    background-color:#3a93e5;
}
.fourcenter {
    position: relative;
    margin:70px auto 80px auto;
    width: 1200px;
    height:auto;
    color: #909090;
    font-size: 14px;
    font-weight: 400;
    font-family:"微软雅黑","Arial";
}
.fourcenter a{ text-decoration:none;color:#2c2c2c;font-size:16px;font-family:"微软雅黑","Arial";font-weight:400;} 
.fourcenter a:hover { text-decoration:none;color:#3a93e5;font-size:16px;font-family:"微软雅黑","Arial";font-weight:400;}

.fourcontent {
	position: relative;
	margin:0 auto;
	width:1200px;
	height:300px;
	overflow:hidden;
}

/* wxlm */

.wxlm {
    position: relative;
    margin:0 auto;
    width: 1200px;
    height:700px;
    text-align:center;
    overflow: hidden;
}
.title2 {
    position: relative;
    margin:80px auto 11px auto;
    width: 220px;
    height:auto;
    text-align:center;
    color: #2c3c4d;
    font-size: 24px;
    font-weight: 400;
    font-family:"微软雅黑","Arial";
}
.titleline2 {
    position: relative;
    margin:0 auto;
    width: 100px;
    height:2px;
    background-color:#4cb1ac;
}
.wxlmcontent {
    position: relative;
    margin:70px auto 80px auto;
    width: 1200px;
    height:auto;
    color: #909090;
    font-size: 15px;
    font-weight: 400;
    line-height:34px;	
    font-family: "微软雅黑","Arial";
}
.wxlmcontent a{ text-decoration:none;color:#217e79;font-size:16px;font-family:"微软雅黑","Arial";font-weight:400;} 
.wxlmcontent a:hover { text-decoration:none;color:#056a65;font-size:16px;font-family:"微软雅黑","Arial";font-weight:400;}
/* allmove */
.rfqy {
    position: relative;
    margin:0 auto;
    width: 1200px;
    height:630px;
    background-color:#fff;
    text-align:center;
    overflow: hidden;
}
.title3 {
    position: relative;
    margin:80px auto 11px auto;
    width: 220px;
    height:auto;
    text-align:center;
    color: #2c3c4d;
    font-size: 24px;
    font-weight: 400;
    font-family:"微软雅黑","Arial";
}
.titleline3 {
    position: relative;
    margin:0 auto 70px auto;
    width: 100px;
    height:2px;
    background-color:#3a93e5;
}
.picontent {
    position: relative;
    width: 1200px;
    height:auto;
}
#flash{width:1200px; height:380px;margin:0 auto;position: relative;}
#flash #play{width:100%;height:380px;list-style: none;position:absolute;top:0px;left:0px;}
#flash #play li{display: none;position: absolute;top: 0px;left: 0px;width: 100%;}
#flash #play li img{float: left;}
#button{position: absolute;bottom:20px;left:47%;list-style: none;}
#button li{margin-left: 10px;float: left;}
#button li div{width:12px;height: 12px;background:#DDDDDD;border-radius: 6px;cursor: pointer;}
.box{
		text-align: center;
		overflow: hidden;
		position: relative;
		width:380px;
		height:300px;
	}
.box:before{
		content: "";
		width: 0;
		height: 100%;
		background: #000;
		position: absolute;
		top: 0;
		left: 50%;
		opacity: 0;
		transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
	}
.box:hover:before{
		width: 100%;
		left: 0;
		opacity: 0.5;
	}
.box img{
		width: 380px;
		height: 300px;
	}
.box .box-content{
		width: 280px;
		color: #fff;
		position: absolute;
		top: 40px;
		left:50px;
		text-align:justify;
	}
.box .title{
		font-size: 20px;
		font-weight: 600;
		line-height: 48px;
		color:#fff;
		margin:0 auto;
		opacity: 0;
		transition: all 0.5s ease 0s;
	}
.box .title a{ text-decoration:none;color:#fff;font-size:20px;font-family:"微软雅黑","Arial";font-weight:600;} 
.box .title a:hover { text-decoration:none;color:#fff;font-size:20px;font-family:"微软雅黑","Arial";font-weight:600;}
.box .post{
		font-size: 15px;
		line-height:28px;
		opacity: 0;
		transition: all 0.5s ease 0s;
	}
.box .post a{ text-decoration:none;color:#fff;font-size:15px;font-family:"微软雅黑","Arial";font-weight:400;} 
.box .post a:hover { text-decoration:none;color:#fff;font-size:15px;font-family:"微软雅黑","Arial";font-weight:400;}
.box:hover .title,
.box:hover .post{
		opacity: 1;
		transition-delay: 0.7s;
	}

/* rfqy */

/* news */
.news {
    position: relative;
    margin:0 auto;
    width:1200px;
    height:720px;
    text-align:center;
    overflow: hidden;
}
.title4 {
	position: relative;
    margin:80px auto 11px auto;
    width: 220px;
	height:auto;
	text-align:center;
	color: #2c3c4d;
    font-size: 24px;
    font-weight: 400;
    font-family:"微软雅黑","Arial";
}
.titleline4 {
	position: relative;
	margin:0 auto;
    width: 100px;
	height:2px;
	background-color:#ff7f2c;
}
.newsline4 {
	position: relative;

    width: 30px;
	height:3px;
	background-color:#ff7f2c;
	text-align:left;
}
.newscontent {
	position: relative;
	margin:70px auto 50px auto;
    width: 1200px;
	height:auto;
	color: #909090;
    font-size: 15px;
    font-weight: 400;
	line-height:24px;
    font-family: "微软雅黑","Arial";
}
.newscontent a{ text-decoration:none;color:#2c2c2c;font-size:16px;font-family:"微软雅黑","Arial";font-weight:400;} 
.newscontent a:hover { text-decoration:none;color:#ff7f2c;font-size:16px;font-family:"微软雅黑","Arial";font-weight:400;}

.newsmore {
	position: relative;
    margin:0 auto;
	padding-left:70px;
	padding-top:12px;
    background:#f2f2f2;
    width:176px;
    height:36px;
	border-radius:10px;
    text-align: center;
}
.newsmore a{ text-decoration:none;color:#909090;font-size:15px;font-family:"微软雅黑","Arial";font-weight:400;} 
.newsmore a:hover { text-decoration:none;color:#ff7f2c;font-size:15px;font-family:"微软雅黑","Arial";font-weight:400;}
/* news */
.bq {
	position:relative;
	margin:50px auto 0 auto;
	padding-top:22px;
    width: 100%;
	height:42px;
	background-color:#1d1d1d;
	text-align:center;
	vertical-align:middle;
	overflow: hidden;
	color: #aaaaaa;
    font-size: 14px;
    font-weight: 400;
	line-height:24px;
    font-family: "微软雅黑","Arial";
}



.probootstrap-animated {
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.probootstrap-animate {
  opacity: 0;
  visibility: hidden;
}





@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    visibility: hidden;
    /*-webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);*/
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }

  to {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    visibility: hidden;
    /*-webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);*/
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }

  to {
    visibility: visible;
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}