﻿* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,
fieldset,legend,input,button,textarea,hr{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
li{list-style:none;text-align:left;}
fieldset,img{border:0;}
table{border-collapse:collapse;border-spacing:0;}
abbr[title]{border-bottom:1px dotted;cursor:help;}
address,cite,dfn,em,var{font-style:normal;}
button,input,select,textarea{font-size:100%;}

html,body{
	min-width: 1300px;
}

body{font-size:12px '\5b8b\4f53',SimSun,Arial,Tahoma,Helvetica,san-serif;}
body
{
	
	text-align: center; background: #fff
}
p
{
	text-align: left;
	text-indent: 24px;
	text-align: justify;
	text-justify: distribute;
}

/*li span
{
	margin-top: 1px;
	display: block;
	width: 100%;
	float: left;
}*/
a{text-decoration:none;color:#000}
a:hover{color:#3a849b}
/*a,span{display:inline-block;}*/
img,input{margin:0;padding:0;border:none}
li,ol,ul{list-style:none}
button,input[type=button]{cursor:pointer}
input{outline:0;background:0 0}
.clearfix:after{display:block;visibility:hidden;clear:both;height:0;content:''}
.clearfix{*zoom:1}
.buding
{
	width: 100%;
	height: 10px;
	overflow: hidden;
	clear: both;
}
#bottom
{
	width: 100%;
	max-width: 960px;
	
	line-height: 30px;
	color: #000;
	padding-top: 15px;
	background: none;
	clear: both;
	margin: 0 auto;
}
#bottom a,
#bottom a:link,
#bottom a:visited,
#bottom a:hover,
#bottom a:active
{
	color: #000;
}
.moreright1
{
	color: #FF1515;
	float: right;
}
.moreright1 a,
.moreright1 a:link,
.moreright1 a:visited,
.moreright1 a:hover,
.moreright1 a:active
{
	color: #FF1515;
}

.fl
{
	float: left;
}
.fr
{
	float: right;
}

.bor
{
	border: 1px solid #D7D7D7;
}
/*general end*/
/*particular*/
.space01{
	height: 10px;
	font: 0px/0px SimSun;
	clear: both;	background: #fff
}
.line01{
	height: 15px;
	margin-bottom: 15px;
	font: 0px/0px SimSun;
	border-bottom: 1px dotted #CCCCCC;	
	clear: both;
}
.line02{
	height: 25px;
	margin-bottom: 25px;
	font: 0px/0px SimSun;
	border-bottom: 1px dashed #CCCCCC;	
	clear: both;
}

.gray{
	color: #7d7d7d;
}
.white{
	color: white;
}
.white a{
	color: white;
}
.font12{
	font: 12px/24px '\5b8b\4f53';
}
.font14{
	font: 14px/24px '\5b8b\4f53';	
}
h1{
	line-height: 30px;		
}
.fwb{
	font-weight: bolder;
}
.ohd{
	overflow: hidden;
}
.dbk{
	display: block;
}
.pd10{
	padding: 10px;
}
.w958{
	width: 958px;
	margin: 0 auto;
}
.w96{
	width: 960px;
	margin: 0 auto;
}
.w94{
	width: 940px;
	margin: 0 auto;
}
.w124{
	width: 1240px;
	margin: 0 auto;
}
.list01 li{
	font: 14px/24px '\5b8b\4f53';
}
.col1{
	color: #8f8f8f;
}
.vs{
	font-family: '\5fae\8f6f\96c5\9ed1';	
}

.tit1{
	height: 33px;
	background: url(../images/tit5.jpg) no-repeat top left;
}
.ht{
	font-family: '\9ed1\4f53';
}
.yh{
	font-family: '\5fae\8f6f\96c5\9ed1';
}
.re{
	position: relative;
}
.re span{
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: white;
	background-color: black;
	filter: alpha(opacity=70);
	opacity: 0.7;	
	position: absolute;
	left: 0;
	bottom: 0;
	text-align: center;
	font-size: 16px;
}
.re span a{
	color: white!important;
}


.w1{

}
.tit .more{
	margin: 10px 0 0;
}
.top{
	width: 100%;
	font-size: 0;

	height: 602px	
}

#animate-area { 
  width: 100%; 
  height: 500px; 
  background-image: url(../images/xg2.png) ;
  background-position: 0px 0px;
  background-repeat: repeat-x;
  animation: animatedBackground 40s linear infinite;
}
@keyframes animatedBackground {
  from { background-position: 0 0; opacity: 0.7; }
  to { background-position: 100% 0; opacity: 1; }
}
#animate-area2{-webkit-animation: twinkling 3s infinite ease-in-out ;}
.animated2{ 
-webkit-animation-duration: 1s; 
animation-duration: 1s; 
-webkit-animation-fill-mode: both; 
animation-fill-mode: both 
} 
@-webkit-keyframes twinkling{ 
0%{ 
opacity: 0.4; 
} 
50%{ 
opacity: 0.6; 
} 
70%{ 
opacity: 0.8; 
} 
100%{ 
opacity: 0.6; 
} 
} 
@keyframes twinkling{ 
0%{ 
opacity: 0.3; 

} 
50%{ 
opacity: 0.6; 
} 
70%{ 
opacity: 0.8; 

} 
100%{ 
opacity: 0.6; 

} 
}
.top1{ width: 100%; background: url(../images/top.jpg) no-repeat center 0;  overflow: hidden; float:left; }
.top_nav{ height: 52px; line-height: 50px; width: 1200px; padding-left: 50px; margin: 0px auto; font-size: 20px; color: #fff }
.top_nav a{color: #fff}
.top_nav li{ width: 20%; float: left; text-align: center;}
.top img{
	margin: 0 auto;
}
.top2{
	width: 100%;
	margin: 10px 0px;
	background: url(../images/pic_03.png) no-repeat center 0;
	height: 113px;	
}

.top3{
	width: 100%;
	margin: 10px 0px;
	background: url(../images/pic_14.png) no-repeat center 0;
	height: 86px;	
}

.top4{
	width: 100%;
	margin: 10px 0px;
	background: url(../images/pic_21.png) no-repeat center 0;
	height: 117px;	
}
.top5{
	width: 100%;
	margin: 10px 0px;
	background: url(../images/pic_22.png) no-repeat center 0;
	height: 117px	
}

.top6{
	width: 100%;
	margin: 10px 0px;
	background: url(../images/pic_37.png) no-repeat center 0;
	height: 86px	
}

.top7{
	width: 100%;
	margin: 10px 0px;
	background: url(../images/tit825.png) no-repeat center top;
	height: 110px	
}
.t1{
	width: 100%;
	margin: 10px 0px;
	background: url(../images/t2.jpg) no-repeat center 0;
	height: 27px;	
}

.t2{
	width: 100%;
	margin: 10px 0px;
	background: url(../images/t3.jpg) no-repeat center 0;
	height: 33px;	
}
.t3{
	width: 100%;
	margin: 10px 0px;
	background: url(../images/t4.jpg) no-repeat center 0;
	height: 33px;	
}
.main{
	width: 1200px;
	margin: 0px auto 0;
	padding: 10px 0px;	
	background-color: #fff;	
	overflow: hidden;
}
.main>.m{
	background-color: #fff;
	width: 1200px;
	margin: 0px auto 0;
	padding: 10px 0px;
	overflow: hidden;
}
.navbg{background: url(../images/navbg.jpg) no-repeat center top; width: 100%; height: 68px;  float:left;}
.cnl1{ width: 560px; height: 185px; margin-top: 30px; float: left; background: url(../images/pic_07.png) no-repeat center 0; }
.cnr1{ width: 560px; height: 185px;margin-top: 30px;  float: right; background: url(../images/pic_09.png) no-repeat center 0; }
.daynav,.daynav2{ width: 40%; float: right; margin-top: 30px; margin-right: 5% }
.daynav li,.daynav2 li{  width: 20%; float: left; color:#fff; text-align: center; margin-left: 13%; }
.daynav li a,.daynav2 li a{color:#fff;}
.daynav li.cul,.daynav2 li.cul{ background: #fff; color:#db383a }
.daynavbox{ width: 470px; font-size: 16px; line-height: 28px; clear: both; color: #fff; padding-top: 20px; text-align: left; margin: 0px auto}
.cce1,.cce2{ display: none; }
.H-slidebox{ width: 1150px; margin: 20px auto ; height:650px; position: relative;}
.cl1{
	width: 730px; float: left; 
}
.lin1{  border-right: 1px solid #ededed;height: 660px; width: 790px; float: left;}
.nr1{ width: 360px; float: right;  }
.nr11{ border: 1px solid #ededed; width: 356px; float: right; margin-bottom: 30px; }
.cr1{
	width: 730px;
	text-align: left;
	padding:15px 0px;
	float:left;
}
.cr1 span.t{
	font-size: 24px;
	display: block;
	margin-bottom: 5px;
	font-family: '\9ed1\4f53';
}
.cr1 p{
	font-size: 16px;
	line-height: 30px;
	color: #4f4c4d;
}
.cr1 li{  }

.srbox{ border: 1px solid #ededed; width: 1198px; height: 140px; float: left; margin: 20px 0px;}
.zbox{ background: #fff2de; padding: 20px 0px; width: 100%; border-bottom: 5px solid #db383a}
.zbox2{ background: #f0e5d3; padding: 20px 0px; width: 100%; border-bottom: 5px solid #e19822}
.nl2{ width: 500px; float: left; }
.nr2{ width: 620px; float: right; }
.cl2{
	width: 650px;
	text-align: left;
}

.zj{ width: 100%; position: relative; height: 900px; }
.zj2{ width: 100%; position: relative; height: 900px; }
.zj1200{ width: 1200px; margin: 0px auto }
.zjnav{ border-left: 1px solid #db383a; width: 160px; overflow: hidden;}
.zjnav li{ background: #e19822; border-radius: 0px 30px 30px 0px;
 width: 160px; margin: 25px 0px; 
  color: #fff ;line-height: 26px; padding: 10px;  }
 .zjnav b{font-style:oblique}
.zjnav li span{color:  #fff; border-bottom: 1px dashed #fff; width: 100%; clear: both; display: block; cursor:pointer }
.zjnav li span.actin{ color: #000 }
.zjsp{color:  #fff; border-bottom: 1px dashed #fff; width: 100%; clear: both; display: block;}
.zjcet{  float: right; text-align: left; margin-top:-150px; background: url(../images/2020zj.png) no-repeat; padding: 140px 40px 0px; width: 886px; height:330px; color: #fff; line-height: 30px }
.zjcet .cn1{ width: 100%; display: none; }
.bggrbox{ display: none; }
.zjnav2{ border-left: 1px solid #db383a; width: 150px; overflow: hidden;}
.zjnav2 li{ background: #e19822; border-radius: 0px 30px 30px 0px;
 width: 150px; margin: 25px 0px; 
  color: #fff ;line-height: 30px; padding: 10px;  }
.zjnav2 li span{color:  #fff; border-bottom: 1px dashed #fff; width: 100%; clear: both; display: block; cursor: pointer  }
.zjnav2 li span.actin{ color: #000 }
.zjcet2{  float: right; text-align: left;margin-top:-150px; background: url(../images/2015zj.png) no-repeat; padding: 140px 40px 0px; width: 886px; height:330px; color: #fff; line-height: 30px }
.zjcet2 .cn2{ width: 100%; display: none; }
.mapbox{background: url(../images/pic_29.png) no-repeat; width: 1200px; height:591px; margin:  0px auto}
.mapimg{ position:relative; width: 1150px; height: 530px; margin:25px 0px 0px 32px; overflow: hidden; float: left; }
.imgs{
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0;
  text-align: left;
  white-space: nowrap;
  z-index: 10
}
.left2{ position: absolute; left: 0px; top: 235px; width: 61px; height: 61px;z-index: 100 }
.right2{ position: absolute; right: 0px; top: 235px; width: 61px; height: 61px ;z-index: 100}
.cl2 span.t{
	font-size: 24px;
	display: block;
	margin-bottom: 5px;
	font-family: '\9ed1\4f53';
}
.cl2 p{
	font-size: 16px;
	line-height: 30px;
	color: #4f4c4d;

}
.cr2{
	width: 500px;
	
	
}
.ls1 li{
	font-size: 16px;
	line-height: 40px;
	background: url(../images/pic_20.jpg) no-repeat left 0px;
	padding-left: 10px;
}
.ls1 li a{
	width: 384px;
	float: left;
	font-size: 16px;
	text-align: left;
	text-overflow: ellipsis;
    overflow: hidden;
   	
}
.ls1 li span{
	color: #999;
	float: right;
}
.cl3
{
	width: 560px;
	background: #fafafa;
	padding: 20px;
	margin: 20px;

}
.cl3 span.t{
	font-size: 24px;
	display: block;
	margin-bottom: 5px;
	font-family: '\9ed1\4f53';
}
.cl3 p{
	font-size: 16px;
	line-height: 30px;
	color: #4f4c4d;

}
.cl4
{
	width: 560px;
	padding: 20px;
	margin: 20px;
	border: 1px solid #f5f5f5

}
.cl4 span.t{
	font-size: 24px;
	display: block;
	margin-bottom: 5px;
	font-family: '\9ed1\4f53';
	text-align: left;
	padding-left: 20px;
	background:url(../images/pic_11.jpg) no-repeat left 0;
}
.cl4 p{
	font-size: 16px;
	line-height: 30px;
	color: #4f4c4d;

}
.cl2 .c,
.cr2 .c{
	padding: 10px;
	margin-top: 10px;
	border: 1px dashed #ccc;
}
.ls2 li{
	font-size: 16px;
	line-height: 40px;
	text-overflow: ellipsis;
    overflow: hidden;
   	
}	


.navbox {
    width: 1000px;
}

.navbox .sl {

    
}

.navbox .sl span {
    float: left;
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    padding:15px 30px;
    background: #2555b3;
    width: 50%;
    display: block;


    /*    padding: 5px 10px;
        margin-right: 20px;*/
}

.navbox .sl .more {
    margin-top: 10px;
}

.navbox .sl span a {
    color: #fff;
}

.navbox .sl span.active {
   background: #4979d9;
    color: #fff;
}

.navbox .sl span.active a {
    color: #fff;
}


.navbox .ls { border: 1px solid #5c7cb9; padding: 10px }
.navbox .ls li {
    font-size: 16px;
    line-height: 39px;
    padding-left: 20px;
    background: url(../images/pic_20.jpg) no-repeat left;
    text-overflow: ellipsis;
    overflow: hidden;
   
    text-align: right;
}

.navbox li a {
    width: 75%;
    text-overflow: ellipsis;
    overflow: hidden;
   
    float: left;
    text-align: left;
}

.navbox li span {
    color: #bbb;
}


.lindl{ width: 100%; clear: both; line-height: 40px; border-bottom: 1px dashed;}
.lindl dt{ width: 79%; float: left; background: url(../images/pic_20.jpg) no-repeat left 20px; padding-left: 1%;} 
.lindl dd{ width: 20%; float: left;  color: #000}

.ls3 li{
	font-size: 16px;
	line-height: 40px;
	background: url(../images/pic_41.png) no-repeat 0px 25px;
	width: 48%; 
	padding:1% 0% 1% 3%;
	float: left;

}
.ls3 li:nth-child(even){ float: right; }
.ls3 li a{
	
	
	text-align: left;
	text-overflow: ellipsis;
    overflow: hidden;
    font-size: 24px;
   	
}
.ls3 li span{
	clear: both;
	display: block;
	margin-top: 10px;
	font-size: 16px;

}

.cl8{ width: 500px; float: left;  line-height: 40px;}
.cr8{ width: 610px; float: right; }
.sl2{
    width: 1100px;
    margin: 20px auto 0;
    height: 100px;

}
.sl2 .re span{
    height: 30px;
    line-height: 30px;
    font-size: 16px;
}
.sl2 .cont .cc{
    width: 325px;
    background-color: #f2f4fa;
    text-align: left;
    border-radius: 20px;

}
.cont .cc span.t{
    font-size: 18px;
    color: #1c3e9d;
    line-height: 30px;
}
.sl2 .cont .cc p{
    font-size: 16px;
    line-height: 30px;
}
.sl2 .cont .cc span.fr{
    color: #999999;
}
.sl2 .cont .cc .pd10{
    padding: 15px 25px;
}


.sl2 .le2,
.sl2 .ri2{
    width: 34px;
    height: 30px;
    cursor: pointer;
    position: absolute;
    top: 30px;
    padding-top: 30px;
}
.sl2 .le2{
    left: -30px;
    background: url(../images/left.png) 0px center no-repeat;   
}
.sl2 .ri2{
    right: -50px;
    background: url(../images/right.png) 0px center no-repeat;   
}

#sleft{ width: 67px;
    height: 67px;background:url(../images/left2.png) center no-repeat;position:absolute;z-index:20;left:0px;top:301px;cursor:pointer}
#sright{ width: 67px;
    height: 67px;background:url(../images/right2.png) center no-repeat;position:absolute;z-index:20;right:0px;top:301px;cursor:pointer}
.ly825{ width: 1200px;margin: 10px auto }
.ly8251{ float: left; }
.ly8252{ float: right; }

.ly117{width: 1200px;margin: 10px auto }
.ly1171{ width: 550px; min-height: 600px; float: left; background:url(../images/picbg117.png) center no-repeat;}
.ly1172{ width: 650px;padding: 20px 0px; float: left; }
.ly11721{ float: left; width: 100%; background:url(../images/tit117.png) center no-repeat; height: 255px }
.ly1172 h3{ font-size: 24px; line-height: 40px; clear: both; width: 92%;padding-left:8%; margin: 10px auto }
.ly1172 p{ font-size: 16px; line-height: 30px; width: 92%; margin: 0px auto 20px; padding-left:8%; }
.sl3{
    width: 370px;
    margin: 20px auto 0;
    height: 100px;

}
.sl3 .le3,
.sl3 .ri3{
    width: 29px;
    height: 55px;
    cursor: pointer;
    position: absolute;
    top: 230px;

}
.sl3 .le3{
    left: -60px;
    background: url(../images/le3.png) 0px center no-repeat;   
}
.sl3 .ri3{
    right: -50px;
    background: url(../images/ri3.png) 0px center no-repeat;   
}


@media screen and (max-width: 768px){
	.mfix{
		width: 100%;
	}
	.cl1,.cr1,.cl2,.cr2,.cl3,.cl4,.sl2{width: 98%; padding: 1%}
	.cl1 img,.cr2 img{ width: 100% }
}
