.ios{display:none;}

.banner {
	height: 100%;
	background: url(./../images/banner_bk.jpg) no-repeat center center;
}
/*.banner_vbg {
	background: url(./../images/banner_bg.png) repeat center center;
	height: 120%;
	position: absolute;
	left:0px;top:0px;
	width:100%;
}*/
.banner_con {
	/*background: url(./../images/banner_qujingkuang.png) no-repeat center 166px;
	*/
	height: 100%;
	position: relative;
}
.ng4 .ng4_more span{font-size: 20px;
    color: #94070a;
    font-weight: 400;
    float: right;
    margin-top: 12px;margin-right: 22px;}
.banner_word1 {
	width: 215px;
	height: 72px;
	display: block;
	margin: 0 auto;
	padding-top: 166px;
}

.banner_word2 {
	width: 628px;
	height: 81px;
	display: block;
	margin: 0 auto;
	padding-top: 44px;
}

.banner_word3 {
	width: 326px;
	height: 80px;
	display: block;
	margin: 0 auto;
	padding-top: 30px;
}

.logoImg {
	width: 326px;
	height: 58px;
	position: absolute;
	left: 0;
	top: 56px;
}
.logoImg_center {
	position: relative;
	margin:0 auto;
	width:216px;
	padding-top: 106px;
	padding-bottom:50px;
	text-align: center;
}
.Framework{width:1200px;
    margin:0 auto;
}
.Framework .case .li1 span
{display: block;
    font-size: 24px;
    font-weight: 700;
    color: #444;}
.Framework .case .li1{
    width: 25%;
    height: 240px;
    float:left;
    overflow: hidden;
    position: relative;
}
.Framework .case .li1 img{width:100%;height:100%;}
.Framework .case .li2 span
{display: block;
    font-size: 24px;
    font-weight: 700;
    color: #444;}
.Framework .case .li1 .bmbox span{
    font-size:24px;
    color:#ffffff;
    display:block;

}   
.Framework .case .li1 .bmbox {
    background: url(../images/mengban.png) 0 0 no-repeat;
    position: absolute;
    top: 0px;
    bottom: 0px;
    display: none;
    font: 12px/30px "å¾®è½¯é›…é»‘";
    color: white;
    text-align: center;
    width: 100%;
}
.Framework .case .li1 .bmbox a{
    background: url(../images/search.png) center 125px no-repeat;
    display:block;
    font-size: 24px;
    font-weight:700;
    display: block;
    margin-top:-8%;

}
.bgBar {
    border-bottom: 2px solid #f4f4f4;}
.Framework .case .li1:hover .bmbox{
  width: 100%;
  background:url(../images/mengban.png) 0 0 no-repeat; 
  position:absolute; 
  top: 0px;
  bottom:0px; 
  display:block;
  font:12px/30px "å¾®è½¯é›…é»‘"; color:white;
  text-align:center;
  line-height: 200px;
 }
.Framework .case .li2{background: url(../images/beij.png);
    width: 25%;
    height: 240px;
    float:left;
}
.Framework .case .li2 img{padding-top: 25px;
    padding-bottom: 30px;}
.banner_word4 {
	width: 348px;
	height: 85px;
	display: block;
	position: absolute;
	right: 0;
	bottom: 43px;
}
.Framework .case .li3 span
{display: block;
    font-size: 24px;
    font-weight: 700;
    color: #444;}
.Framework .case .li3{background: url(../images/beij.png);
    width: 25%;
    height: 240px;
    float:left;
}
.Framework .case .li3 img{padding-top: 25px;
    padding-bottom: 30px;}
.Framework .case .li4 span
{display: block;
    font-size: 24px;
    font-weight: 700;
    color: #444;}
.Framework .case .li4{background: url(../images/beij.png);
    width: 25%;
    height: 240px;
    float:left;
    position:relative;
}        
.Framework .case .li4 img{width:100%;height:100%;}
.Framework .case .li4 .bmbox {
    background: url(../images/mengban.png) 0 0 no-repeat;
    position: absolute;
    top: 0px;
    bottom: 0px;
    display: none;
    font: 12px/30px "å¾®è½¯é›…é»‘";
    color: white;
    text-align: center;
    width: 100%;
}
.Framework .case .li4 .bmbox a {
    background: url(../images/search.png) center 125px no-repeat;
    display:block;
    font-size: 24px;
    font-weight:700;
    display: block;
    margin-top:-8%;

}
.Framework .case .li4:hover .bmbox{
width: 100%;
  background:url(../images/mengban.png) 0 0 no-repeat; 
  position:absolute; 
  top: 0px;
  bottom:0px; 
  display:block;
  font:12px/30px "å¾®è½¯é›…é»‘"; color:white;
  text-align:center;
  line-height: 200px;
 }
.Framework .case .li4:hover .bmbox{
width: 100%;
  background:url(../images/mengban.png) 0 0 no-repeat; 
  position:absolute; 
  top: 0px;
  bottom:0px; 
  display:block;
  font:12px/30px "å¾®è½¯é›…é»‘"; color:white;
  text-align:center;
  line-height: 200px;
 }
.Framework .case .li5 span
{display: block;
    font-size: 24px;
    font-weight: 700;
    color: #444;}
.Framework .case .li5{background: url(../images/beij.png);
    width: 25%;
    height: 240px;
    float:left;
}
.Framework .case .li5 img{padding-top: 25px;
    padding-bottom: 30px;}
.Framework .case .li6 span
{display: block;
    font-size: 24px;
    font-weight: 700;
    color: #444;}
.Framework .case .li6{background: url(../images/beij.png);
    width: 50%;
    height: 240px;
    float:left;
    position:relative;
}
.Framework .case .li6 img{width:100%;height:100%;}
.Framework .case .li6 .bmbox {
    background: url(../images/mengban.png) 0 0 no-repeat;
    position: absolute;
    top: 0px;
    bottom: 0px;
    display: none;
    font: 12px/30px "å¾®è½¯é›…é»‘";
    color: white;
    text-align: center;
    width: 100%;
}
.Framework .case .li6 .bmbox a {
    background: url(../images/search.png) center 125px no-repeat;
    display:block;
    font-size: 24px;
    font-weight:700;
    display: block;
    margin-top:-4%;

}
.Framework .case .li6:hover .bmbox{
width: 100%;
  background:url(../images/mengban.png) 0 0 repeat-y; 
  position:absolute; 
  top: 0px;
  bottom:0px; 
  display:block;
  font:12px/30px "å¾®è½¯é›…é»‘"; color:white;
  text-align:center;
  line-height: 200px;
 }
.Framework .case .li6:hover .bmbox{
width: 100%;
  background:url(../images/mengban.png) 0 0 no-repeat; 
  position:absolute; 
  top: 0px;
  bottom:0px; 
  display:block;
  font:12px/30px "å¾®è½¯é›…é»‘"; color:white;
  text-align:center;
  line-height: 200px;
 }
.Framework .case .li7 span
{display: block;
    font-size: 24px;
    font-weight: 700;
    color: #444;}
.Framework .case .li7{background: url(../images/beij.png);
    width: 25%;
    height: 240px;
    float:left;
}
.Framework .case .li7 img{padding-top: 25px;
    padding-bottom: 30px;}


.wrap_mk2 h6 {
    border-left: 4px solid #fba33a;
    line-height: 26px;
    height: 26px;
    margin: 24px 0 16px 0px;
    padding-left: 20px;
    font-size: 26px;
    font-weight: bold;
    color: #444444;
    text-align:left;
}
.wrap_mk2 .dcjs{color: #444444;
    display: block;
    text-indent: 2em;
    line-height: 18px;
    font-size: 18px;
    text-align:left;
    line-height: 28px;
    font-size: 18px;
}
.wrap_mk2 .show_text2{
                    text-indent: 2em;
                    padding: 0px 0px 10px 0px;
                    line-height: 26px;
                    font-size: 18px;
                    color: #444;
                    text-align: justify;
                }
/*zg_nav*/
.nav {
	height: 65px;
	background: #94070a;
	/*
	overflow: hidden;
	*/
}

.nav.active {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
}

.navLogo {
	
	display: inline-block;
    height: 65px;
    margin-bottom: 6px;

}

.nav_list {
	margin:0 auto;
	display:inline-block;
}

.nav_list li {
	width: 125px;
	height: 65px;
	line-height: 65px;
	font-size: 20px;
	text-align: center;
	display:inline-block;
	color: #fff;
	cursor: pointer;
	transition: all 0.5s;
	padding-top: 0;
}

.nav_list li.active {
	background: url(./../images/nav_bk.jpg) no-repeat center center;
	color: #fff;
}

.nav_list li:hover {
	background: url(./../images/nav_bk.jpg) no-repeat center center;
	color: #fff;
}

.xd_s1 {
	/*
	background: url(./../images/s1_bk.jpg) no-repeat center center;
	padding-bottom: 80px;
	*/
}

.s1_list {
	height: 139px;
	padding: 103px 0 28px;
}

.s1_list li {
	width: 360px;
	height: 139px;
	margin: 0 140px 0 100px;
	float: left;
	background: url(./../images/s1_nav_bk1.png) no-repeat center top;
	cursor: pointer;
	transition: all 1s;
}

.s1_list li.s1_item2 {
	margin: 0 100px 0 140px;
}

.s1_list li h6 {
	line-height: 60px;
	margin-top: 23px;
	text-align: center;
	font-weight: bold;
	font-size: 30px;
	color: #004296;
	transition: all 1s;
}

.s1_list li h6 span {
	width: 10px;
	height: 10px;
	display: inline-block;
	background: #004296;
	vertical-align: middle;
	transition: all 1s;
}

.s1_list li h6 span.span1 {
	margin-right: 19px;
}

.s1_list li h6 span.span2 {
	margin-left: 19px;
}
.wrap_right .show_text2 p{color:#333;    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
height: 126px;
    text-indent: 2em;
    padding: 0px 25px 10px 0px;
    line-height: 28px;
    font-size: 18px;
    color: #333;
    text-align: justify;
    margin-bottom: 10px;
    margin-left: 20px;}
.wrap_right span{
	color: #94070a;
    display: block;
    text-indent: 1em;
	line-height: 30px;
	font-size: 18px;}
}

.s1_list li p.p1 {
	text-align: center;
	color: #333333;
	font-size: 18px;
	line-height: 18px;
	padding-top: 18px;
	transition: all 1s;
}

.s1_list li.active {
	background: url(./../images/s1_nav_bk.png) no-repeat center center;
}

.s1_list li.active h6 {
	color: #fff;
}

.s1_list li.active h6 span {
	color: #fff;
}

.s1_list li.active p.p1 {
	color: #dde2ec;
}

.s1_list li:hover {
	background: url(./../images/s1_nav_bk.png) no-repeat center center;
}

.s1_list li:hover h6 {
	color: #fff;
}

.s1_list li:hover h6 span {
	color: #fff;
}

.s1_list li:hover p.p1 {
	color: #dde2ec;
}

.s1_wrap {
	/*background: #17529e;*/
	height: 602px;
	display: none;
}

.s1_wrap .wrap_left {
	width: 371px;
	float: left;
	padding-left: 40px;
}

.s1_wrap .wrap_left img {
	width: 371px;
	padding-top: 60px;
}

.s1_wrap .wrap_right {
	width: 720px;
	float: left;
	padding-left: 30px;
}
/*
.s1_wrap .wrap_right p {
	padding-top: 5px;
	line-height: 32px;
	font-size: 18px;
	color: #fff;
	text-align: justify;
	text-indent: 2em;
}
*/

.s1_wrap1 {
	height: 682px;
}

.s1_wrap1 .wrap_left {
	width: 52%;
	display:inline-block;
	text-align:left;
	padding-left: 3%;
}

.s1_wrap1 .wrap_left img {
	width: 100%;
	height: 400px;
	padding-top: 64px;
}

.s1_wrap1 .wrap_left h6 {
	border-left: 4px solid #d6963e;
	line-height: 26px;
	height: 26px;
	margin: 20px 0;
	padding-left: 20px;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
}

.s1_wrap1 .wrap_left p.p2 {
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	text-indent: 2em;
	width: 562px;
	padding-top: 0;
}

.s1_wrap1 .wrap_left p.p2 a {
	color: #fff;
}

.s1_wrap1 .wrap_left p.p2 a:hover {
	color: #e6bd8c;
}

.s1_wrap1 .wrap_right {
	width: 52%;
	display: inline-block;
	text-align:left;
	padding-left: 0;
	background: #ffffff;
    height: 260px;
    margin-top: 125px;
    margin-left: -10%;
}

.s1_wrap1 .wrap_right img {
	width: 578px;
	height: 301px;
	padding-top: 32px;
}

.s1_wrap1 .wrap_right h6 {
	border-left: 4px solid #fba33a;
	line-height: 26px;
	height: 26px;
	margin: 24px 0 12px 20px;
	padding-left: 20px;
	font-size: 26px;
	font-weight: bold;
	color: #444444;
}

.s1_wrap1 .wrap_right p.p2 {
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	text-indent: 2em;
	width: 562px;
	padding-left: 20px;
	padding-top: 0;
}

/*xd_s2*/
.xd_s2 {
	height: 700px;
	background: url(./../images/s2_bk.jpg) no-repeat center center;
	padding-top: 32px;
}

.s2_con h6 {
	line-height: 30px;
	text-align: center;
	font-weight: bold;
	font-size: 30px;
	color: #fff;
}

.s2_con h6 span {
	width: 50px;
	height: 2px;
	display: inline-block;
	background: #fff;
	vertical-align: middle;
}

.s2_con h6 span.span1 {
	margin-right: 19px;
}

.s2_con h6 span.span2 {
	margin-left: 19px;
}

.s2_con p.s2_p1 {
	line-height: 18px;
	text-align: center;
	color: #dee3ed;
	padding-top: 17px;
	font-size: 18px;
}

.s2_wrap1 {
	padding-top: 68px;
}

.s2_wrap1 .wrap1_left {
	width: 312px;
	height: 270px;
	text-align: center;
	line-height: 270px;
	background: url(./../images/s2_pic1.png) no-repeat center center;
	font-size: 18px;
	color: #333;
	font-weight: bold;
	float: left;
}




.show_phmk{
	width:1200px;
	margin:0 auto;
}
.kxjbg2{ position: absolute;
    width: 300px;
    margin: 0 auto;
    background: url(../images/kbg.png);
    text-align: center;
    height: 130px;
    left: 40%;
    top: 30%;
}
.kxjbg2 h5{margin-left: 46px;
    line-height: 26px;
    height: 26px;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    position: relative;
    padding-top: 47px;}
.kxjbg{width: 1200px;
    height: 300px;
    background: url(../images/kbg.png);
    margin: 0 auto;
    margin-top: 120px;
    text-align:left;
}
.show_mk{width: 31.6%;
    height: 270px;
    background: #f4f4f4;
    float: left;
    margin: 0 10px 0;
    border-radius: 5px;}
    .tp1{margin:0 -10px;}
.kxjbg h5{
    margin-left: 46px;
    line-height: 26px;
    height: 26px;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    position: relative;
    padding-top: 47px;}
.zsbg h5{line-height: 26px;
    height: 26px;
    font-size: 26px;
    font-weight: bold;
    color: #444444;
    position: relative;
    text-align: left;
    border-left: 4px solid #fba33a;
    margin-top: 47px;
    margin-bottom: 22px;
    padding-left: 20px;}
.mk_7{
	width:1200px;
	margin:0 auto;
}
.zhaiyao p{font-size: 18px;
    color: #444444;
    line-height: 28px;
    text-align:left;
}
.zhaiyao h3{font-size: 22px;
    color: #444444;
    text-align: left;
    margin-top: 18px;
    margin-bottom: 22px;}
.mk_5{position:relative;
      margin:0 auto;
      width:1200px;
}
.mk_5 .mk5_ph1{position:relative;}
.mk_5 .mk5_ph1 .ng1{
	width: 390px;
    height: 390px;
    position: absolute;
    top: 66px;
    left: 16px;
}
.lc .lcfix p{font-size:18px;text-align:left;}
.mk_5 .mk5_ph1 .ng2{
	width: 390px;
    height: 390px;
    position: absolute;
    background:#444444;
    top: 76px;
    left: 26px;
    background:url(../images/dcsp.png) no-repeat; 
}
.mk_5 .mk5_ph1 .ng3{width: 422px;
    height: 422px;
    border-radius: 50%;
    box-shadow: 0 0 0 4px #a15a95;
    top: 56px;
    left: 5px;
    position:relative;
}
.mk_5 .mk5_ph1 .ng4{width: 540px;
    height: 170px;
    background: #ffffff;
    position: absolute;
    top: 194px;
    left: 367px;
    background: url(../images/spanbg.png) 5px 4px no-repeat #ffffff;}
.mk_5 .mk5_ph1 .ng4 span{font-size: 30px;
    font-weight: 600;
    color: #444444;
    margin-top: 22px;
    display: block;
    text-align: left;
    margin-left: 22px;}
.zhoayao{padding: 20px 46px;padding-top: 0px; }
.zhoayao p{font-size: 16px;
    color: #fff;
    line-height: 22px;}
.tx_1{color:#fff;
      margin-left:46px; 
}
.mk_5 .mk5_ph2{width: 220px;
    height: 140px;
    background: #444444;
    position: absolute;
    top: 26px;
    left: 525px;}
.mk_5 .mk5_ph3{width: 260px;
    height: 180px;
    background: #444444;
    position: absolute;
    top: 58px;
    right: 0px;}
.mk_5 .mk5_ph4{width: 260px;
    height: 240px;
    background: #444444;
    position: absolute;
    top: 420px;
    right: 0px;}
.mk_5 .mk5_ph5{width: 260px;
    height: 240px;
    background: #444444;
    position: absolute;
    top: 420px;
    right: 300px;}
.mk_5 .mk5_ph6{width: 260px;
    height: 160px;
    background: #444444;
    position: absolute;
    top: 500px;
    left: 30px;}
.mk_5 .mk5_ph7{width: 260px;
    height: 160px;
    background: #444444;
    position: absolute;
    top: 500px;
    left: 325px;}
.mk_5 .mk5_ph2 .bmbox a {
    background: url(../images/search2.png) center 120px no-repeat;
    display:block;
    font-size: 24px;
    font-weight:700;
    display: block;
    margin-top:-28%;

}
.mk_5 .mk5_ph2 .bmbox {
    background: url(../images/mengban.png) 0 0 no-repeat;
    position: absolute;
    top: 0px;
    bottom: 0px;
    display: none;
    font: 12px/30px "å¾®è½¯é›…é»‘";
    color: white;
    text-align: center;
    width: 100%;
}
.mk_5 .mk5_ph2:hover .bmbox{
width: 100%;
  background:url(../images/mengban.png) 0 0 no-repeat; 
  position:absolute; 
  top: 0px;
  bottom:0px; 
  display:block;
  font:12px/30px "å¾®è½¯é›…é»‘"; color:white;
  text-align:center;
  line-height: 200px;
 }
.mk_5 .mk5_ph3 .bmbox a {
    background: url(../images/search2.png) center 120px no-repeat;
    display:block;
    font-size: 24px;
    font-weight:700;
    display: block;
    margin-top:-18%;

}
.mk_5 .mk5_ph3 .bmbox {
    background: url(../images/mengban.png) 0 0 no-repeat;
    position: absolute;
    top: 0px;
    bottom: 0px;
    display: none;
    font: 12px/30px "å¾®è½¯é›…é»‘";
    color: white;
    text-align: center;
    width: 100%;
}
.mk_5 .mk5_ph3:hover .bmbox{
width: 100%;
  background:url(../images/mengban.png) 0 0 no-repeat; 
  position:absolute; 
  top: 0px;
  bottom:0px; 
  display:block;
  font:12px/30px "å¾®è½¯é›…é»‘"; color:white;
  text-align:center;
  line-height: 200px;
 }
 .mk_5 .mk5_ph4 .bmbox a {
    background: url(../images/search2.png) center 120px no-repeat;
    display:block;
    font-size: 24px;
    font-weight:700;
    display: block;
    margin-top:-2%;

}
.mk_5 .mk5_ph4 .bmbox {
    background: url(../images/mengban.png) 0 0 no-repeat;
    position: absolute;
    top: 0px;
    bottom: 0px;
    display: none;
    font: 12px/30px "å¾®è½¯é›…é»‘";
    color: white;
    text-align: center;
    width: 100%;
}
.mk_5 .mk5_ph4:hover .bmbox{
width: 100%;
  background:url(../images/mengban.png) 0 0 no-repeat; 
  position:absolute; 
  top: 0px;
  bottom:0px; 
  display:block;
  font:12px/30px "å¾®è½¯é›…é»‘"; color:white;
  text-align:center;
  line-height: 200px;
 }
 .mk_5 .mk5_ph5 .bmbox a {
    background: url(../images/search2.png) center 120px no-repeat;
    display:block;
    font-size: 24px;
    font-weight:700;
    display: block;
    margin-top:-2%;

}
.mk_5 .mk5_ph5 .bmbox {
    background: url(../images/mengban.png) 0 0 no-repeat;
    position: absolute;
    top: 0px;
    bottom: 0px;
    display: none;
    font: 12px/30px "å¾®è½¯é›…é»‘";
    color: white;
    text-align: center;
    width: 100%;
}
.mk_5 .mk5_ph5:hover .bmbox{
width: 100%;
  background:url(../images/mengban.png) 0 0 no-repeat; 
  position:absolute; 
  top: 0px;
  bottom:0px; 
  display:block;
  font:12px/30px "å¾®è½¯é›…é»‘"; color:white;
  text-align:center;
  line-height: 200px;
 }
.mk_5 .mk5_ph6 .bmbox a {
    background: url(../images/search2.png) center 120px no-repeat;
    display:block;
    font-size: 24px;
    font-weight:700;
    display: block;
    margin-top:-18%;

}
.mk_5 .mk5_ph6 .bmbox {
    background: url(../images/mengban.png) 0 0 no-repeat;
    position: absolute;
    top: 0px;
    bottom: 0px;
    display: none;
    font: 12px/30px "å¾®è½¯é›…é»‘";
    color: white;
    text-align: center;
    width: 100%;
}
.mk_5 .mk5_ph6:hover .bmbox{
width: 100%;
  background:url(../images/mengban.png) 0 0 no-repeat; 
  position:absolute; 
  top: 0px;
  bottom:0px; 
  display:block;
  font:12px/30px "å¾®è½¯é›…é»‘"; color:white;
  text-align:center;
  line-height: 200px;
 }
.mk_5 .mk5_ph7 .bmbox a {
    background: url(../images/search2.png) center 120px no-repeat;
    display:block;
    font-size: 24px;
    font-weight:700;
    display: block;
    margin-top:-18%;

}
.mk_5 .mk5_ph7 .bmbox {
    background: url(../images/mengban.png) 0 0 no-repeat;
    position: absolute;
    top: 0px;
    bottom: 0px;
    display: none;
    font: 12px/30px "å¾®è½¯é›…é»‘";
    color: white;
    text-align: center;
    width: 100%;
}
.mk_5 .mk5_ph7:hover .bmbox{
width: 100%;
  background:url(../images/mengban.png) 0 0 no-repeat; 
  position:absolute; 
  top: 0px;
  bottom:0px; 
  display:block;
  font:12px/30px "å¾®è½¯é›…é»‘"; color:white;
  text-align:center;
  line-height: 200px;
 }
 .mk_6{margin:0 auto;
  height:640px;
  width:1200px;
position: relative;
 }
.tx_2{color:#fff;margin-left:46px;}
.tx_3{color:#fff;margin-left:46px;}
.tx_4{color:#fff;margin-left:36px;}
.kxjbg span{padding-left:24px;
            font-size:14px;
            font-size: 18px;
    font-weight: 600;
    background:url(../images/btbg.png) center left no-repeat;
}
.show_mk .tp{position:relative;}
.show_mk .tp img{border-radius:5px;}
.show_mk .tp span{position: absolute;
    /* background: url(../images/hongbei.png); */
    text-align: center;
    width: 100%;
    display: block;
    height: 46px;
    line-height: 46px;
    font-size: 18px;
    font-weight:700;
    color: #444444;
    background: #fff;
    top: 230px;
    border-radius: 0 0px 5px 5px;}
.show_mk .tp span:hover{color:#94070a;}
.percent {
    width: 100%;
    margin-top:12px;
    height:165px;
}
.percent .per {
    float: left;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.per-5_1 {
    width: 20%;
}
#data-1 dd {
    background-color: rgba(255, 181, 90, 0.2);
}
.datas dd {
    width: 120px;
    padding: 10px;
    height: 120px;
    border-radius: 50%;
    margin: 0 auto;
}
#data-1 div {
    background-color: rgb(255, 181, 90);
}
.datas div {
    border-radius: 50%;
    height: 120px;
    color: #FFF;
    text-align: center;
}
.datas p {
    /*height: 60px;*/
    line-height: 60px;
    font-size: 30px;
    font-weight: bold;
    padding-top: 5px;
}
.datas h4 {
    /*height: 40px;
    line-height: 20px;*/
    font-weight: 500;
}
#data-2 dd {
    background-color: rgba(38, 205, 175, 0.2);
}
.datas dd {
    width: 120px;
    padding: 10px;
    height: 120px;
    border-radius: 50%;
    margin: 0 auto;
}
#data-2 div {
    background-color: rgb(38, 205, 175);
}
.datas div {
    border-radius: 50%;
    height: 120px;
    color: #FFF;
    text-align: center;
}
#data-3 dd {
    background-color: rgba(255, 126, 156, 0.2);
}
.datas dd {
    width: 120px;
    padding: 10px;
    height: 120px;
    border-radius: 50%;
    margin: 0 auto;
    margin-left:165px;
}
#data-3 div {
    background-color: rgb(255, 126, 156);
}
.datas div {
    border-radius: 50%;
    height: 120px;
    color: #FFF;
    text-align: center;
}
#data-4 dd {
    background-color: rgba(60, 201, 241, 0.2);
}
#data-4 div {
    background-color: rgb(60, 201, 241);
}
.datas div {
    border-radius: 50%;
    height: 120px;
    color: #FFF;
    text-align: center;
}
.lc ul li:nth-child(2n+1){/*width:calc((100% - 420px)/5);height:180px;*/width:calc((100% - 514px)/6);float:left;height:265px;padding:20px;margin-left:0px;background:rgba(240,250,255,1);color:#444444;font-size: 14px;border: 2px solid #6c91f0;}
.lc ul li:nth-child(2n){/*height:180px;  line-height:180px;*/ width:50px;height:284px;  line-height:284px; color:#ffffff; background: none;    float: left; margin-left:0;     text-align: center;background: url(../images/liucheng.png) no-repeat center;}
.lc ul li p{text-indent: 0;}
.lc ul li:nth-child(1){margin-left:0;}
/*xd_s5*/
.xd_s5 {
	height: 680px;
	background: #0b4998 url(../images/mk7_bg.png) no-repeat center top;
	padding-top: 64px;
	background-size: cover;
}

.s5_con h6 {
	line-height: 30px;
	/*
	margin-top: -40px;
	*/
	text-align: center;
	font-weight: bold;
	font-size: 30px;
	color: #333;
}
.mk_8{
	wdith:1200px;
	margin:0 auto;
}
.s5_con h6 span {
	width: 50px;
	height: 2px;
	display: inline-block;
	background: #004296;
	vertical-align: middle;
}

.s5_con h6 span.span1 {
	margin-right: 19px;
}

.s5_con h6 span.span2 {
	margin-left: 19px;
}

.s5_con p.s5_p1 {
	line-height: 18px;
	text-align: center;
	color: #333;
	padding-top: 17px;
	font-size: 18px;
	'
padding-bottom: 15px;
}

.s5_title {
	width: 1117px;
	margin: 0 auto;
	line-height: 30px;
	font-size: 16px;
	text-align: justify;
	padding-top: 20px;
}

.s5_title.s5_title1 {
	padding-top: 49px;
}

.s5_list {
	height: 245px;
	width: 100%;
	margin:0 auto;
	text-align:center;
	padding-top: 55px;
}

.s5_list li {
	width: 210px;
	height: 230px;
	padding: 0 0 10px 10px;
	background: url(./../images/s5_item_bk1.jpg) no-repeat right top;
	display: inline-block;
	margin-right: 18px;
	cursor: pointer;
	transition: all 0.6s;
}

.s5_list li.hover {
	background: url(./../images/s5_item_bk1.png) no-repeat center;
}

.item_icon {
	width: 93px;
	height: 93px;
	display: block;
	margin: 33px auto 47px;
	transition: all 0.6s;
}

.s5_list li.s5_list_item01 .item_icon {
	background: url(./../images/icon1.png) no-repeat center center;
}

.s5_list li.s5_list_item01.hover .item_icon {
	background: url(./../images/icon1_1.png) no-repeat center center;
}

.s5_list li.s5_list_item02 .item_icon {
	background: url(./../images/icon2.png) no-repeat center center;
}

.s5_list li.s5_list_item02.hover .item_icon {
	background: url(./../images/icon2_1.png) no-repeat center center;
}

.s5_list li.s5_list_item03 .item_icon {
	background: url(./../images/icon3.png) no-repeat center center;
}

.s5_list li.s5_list_item03.hover .item_icon {
	background: url(./../images/icon3_1.png) no-repeat center center;
}

.s5_list li.s5_list_item04 .item_icon {
	background: url(./../images/icon4.png) no-repeat center center;
}

.s5_list li.s5_list_item04:.over .item_icon {
	background: url(./../images/icon4_1.png) no-repeat center center;
}

.s5_list li.s5_list_item05 .item_icon {
	background: url(./../images/icon5.png) no-repeat center center;
}

.s5_list li.s5_list_item05.hover .item_icon {
	background: url(./../images/icon5_1.png) no-repeat center center;
}


.s5_list li p.px {
	font-size: 20px;
	color: #fff;
	text-align: center;
}

.Copyright {
    background: url(../images/banquan.png);
    display: block;
    width: 100%;
    background-size: 100%;
}
.YL {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #424242;
}
.W1200 {
    width: 1200px;
    margin: auto;
}
.Copyright_logo img {
    padding-top: 47px;
}
.Copyright_logo {
    float: left;
}
.Copyright_text {
    float: left;
    padding-left: 50px;
    padding-top: 50px;
}
.Copyright_text p {
    font-size: 14px;
    color: #9a9a9b;
    height: 28px;
}
.Copyright_rwm {
    float: right;
    padding-top: 45px;
}
.Copyright_rwm img {
    padding-top: 0px;
}
/*xd_s6*/
.xd_s6 {
	background: #ffffff;
	padding-top: 0px;
}
.mk_8 .event_list_nr {
    display: block;
    padding: 25px;
}
.mk_8 .answer {
    width: 1158px;
    margin:0 auto;
    height: auto;
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 28px;
    border: 1px solid #fa7b81;
    background-color: #fde6e7;
    color: #515a6e;
    padding: 30px 20px 45px;
    border-radius: 5px;
}
.mk_8 .answer_a {
    color: #4f030e;
    text-align:left;
}
.mk_8 .answer_q {
    color: #B32036;
    text-align:left;
}
.mk_8 .an_w {
    margin-top: 25px;
}
.s6_con h6 {
	line-height: 30px;
	margin-top: 50px;
	text-align: center;
	font-weight: bold;
	font-size: 30px;
	color: #fff;
}

.s6_con h6 span {
	width: 50px;
	height: 2px;
	display: inline-block;
	background: #fff;
	vertical-align: middle;
}

.s6_con h6 span.span1 {
	margin-right: 19px;
}

.s6_con h6 span.span2 {
	margin-left: 19px;
}

.s6_con p.s6_p1 {
	line-height: 18px;
	text-align: center;
	color: #fff;
	padding: 10px;
	font-size: 18px;
	'
padding-bottom: 15px;
}

.s6_pic {
	width: 1225px;
	height: 387px;
	padding-top: 71px;
	margin-left: -14px;
}


/*xd_s6*/
.xd_s7 {
	padding-top: 0px;
	padding-bottom: 0px;
}

.s7_con h6 {
	line-height: 30px;
	padding-top: 50px;
	text-align: center;
	font-weight: bold;
	font-size: 30px;
	color: #004296;
}

.s7_con h6 span {
	width: 50px;
	height: 2px;
	display: inline-block;
	background: #004296;
	vertical-align: middle;
}

.s7_con h6 span.span1 {
	margin-right: 19px;
}

.s7_con h6 span.span2 {
	margin-left: 19px;
}

.s7_con p.s7_p1 {
	line-height: 18px;
	text-align: center;
	color: #004296;
	padding-top: 17px;
	font-size: 18px;
	'
padding-bottom: 15px;
}

.s7_list {
	width: 1256px;
	margin-left: 0px;
	padding-top: 40px;
}

.s7_list li {
	width: 220px;
	height: 66px;
	border: 1px solid #004296;
	color: #004296;
	line-height: 68px;
	text-align: center;
	float: left;
	margin-left: 28px;
	margin-bottom: 18px;
	font-size: 20px;
	font-weight: bold;
	cursor: pointer;
	transition: all 1s;
}

.s7_list li.spl {
	margin-left: 173px;
}

.s7_list li:hover {
	background: #004296;
	color: #fff;
}

.s7_list li.active {
	background: #004296;
	color: #fff;
}

.s7_wrap {
	padding-top: 18px;
	height: 266px;
}

.s7_wrap .wrap_con {
	width: 100%;
	min-height: 251px;
	background: url(./../images/s6_con_bk.png) no-repeat center center;
	margin: 0 auto;
	padding-top: 15px;
	display: none;
}

.s7_wrap .wrap_con p {
	padding-left: 74px;
	line-height: 24px;
	font-size: 18px;
	color: #fff;
	padding-top: 30px;
}

.s7_wrap .wrap_con p span {
	display: inline-block;
	margin: 0 20px;
}



/*xd_s6*/
.xd_s8 {
	 height: 362px;
	background: #000;
	padding-top: 72px;
}
.s8_con h6 {
	line-height: 30px;
	margin-top: 23px;
	text-align: center;
	font-weight: bold;
	font-size: 30px;
	color: #fff;
}

.s8_con h6 span {
	width: 50px;
	height: 2px;
	display: inline-block;
	background: #fff;
	vertical-align: middle;
}

.s8_con h6 span.span1 {
	margin-right: 19px;
}

.s8_con h6 span.span2 {
	margin-left: 19px;
}

.s8_con p.s8_p1 {
	line-height: 18px;
	text-align: center;
	color: #fff;
	padding-top: 17px;
	font-size: 18px;
	'
padding-bottom: 15px;
}

.s8_wrap {
	padding-top: 42px;
}

.s8_wrap_left {
	width: 674px;
	padding-left: 116px;
	height: 224px;
	float: left;
}

.s8_wrap_left p.p1 {
	color: #fff;
	padding-top: 38px;
	font-size: 18px;
	line-height: 32px;
}

.s8_wrap_right {
	width: 410px;
	height: 224px;
	float: left;
}

.s8_wrap_right .code_wrap {
	width: 110px;
	height: 224px;
	float: left;
	margin-right: 70px;
}

.s8_wrap_right .code_wrap img {
	width: 110px;
	height: 110px;
}

.s8_wrap_right .code_wrap p.px {
	line-height: 16px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	padding-top: 10px;
	font-size: 13px;
}
/*@media screen and (min-width: 320px) and (max-width: 480px)
{
body {
    width: 100%;
    min-width: 100% !important;
}
.wth {
    width: 100%;
    min-width: 100%; 
}
.w {
    width: 100%;
}
.nav_list li {
    width: 20%;
}
.nav {
    height: 130px;
}
.nav_con img{display:none;}
}

@media screen and (min-width: 480px) and (max-width: 679px)
{ body {
    width: 100%;
    min-width: 100% !important;
}
.wth {
    width: 100%;
    min-width: 100%; 
}
.w {
    width: 100%;
}
.nav_list li {
    width: 20%;
}
.nav {
    height: 130px;
}
.nav_con img{display:none;}
}


@media screen and (min-width: 320px) and (max-width: 479px)
{
body {
    width: 100%;
    min-width: 100% !important;
}
.wth {
    width: 100%;
    min-width: 100%; 
}
.w {
    width: 100%;
}
.nav_list li {
    width: 20%;
}
.nav {
    height: 130px;
}
.nav_con img{display:none;}
}*/
@media (max-width:1366px){
.gk_img1 span {    width: 88%;}
}


@media (max-width:1300px){
.gk_img1 span {   width: 98%;}
}


@media  (max-width: 1230px){	
.NR {  width: 85%;  margin: 0 auto; }
.W1280 {   width: 100%;   margin: 0;}

}

@media  (max-width: 1200px){
.gk_zs ul li:nth-child(2n+1) {  height: 195px;}
}

@media (max-width:1100px){
.gk_img1 span {   width: 100%;  height: 500px;}
.gk_zs ul li:nth-child(2n+1) {   height: 220px;}
}

@media (max-width: 1024px)
{
	.W1280 {width: 100%;margin: auto;}
	#main_ttl { margin: 0; }
	#main_ttl h2 span.en{padding-top: 68px;}
	#main_ttl .line02{margin: 14px 0 0;    height: 230px;}
	.logo .en img{width: 350px;}
	.event_year{width: 100% !important;}
	.event_year li{width: 23% !important;float: left;min-width: 20% !important;margin: 20px 1% 0;}
	
	.event_list{width: 100% !important;}
	.gk_img{background: none;height: auto;}
	.gk_img span{width: 100%;margin-top: 0px; height: 300px;}
	.gk_img1{ height: auto;}
	.gk_img1 span{ height: auto;}
	.gk_zs ul li:nth-child(2n+1) {  height: 165px;}
	.carousel-inner>.item{height: 400px;}
	.nx_img{margin: 20px 30px 20px 30px;}
	.YZKCs {  width: 48%;}
	.YZKCs img{height: 200px;}
	.YQXY{width: 48%;margin: 1% !important;}
	.xzgy .YQXY:nth-child(4){width: 48%; height:auto;}
	.xzgy .YQXY:nth-child(5){width: 98%; height:180px; overflow:hidden;}
	.xzgy .YQXY:nth-child(5) img{  margin-top: -180px;}
	.VIDEO_IMGs span{display: none;}
	.VIDEO_IMGs video{width: 100%;margin:10px 0;padding: 0px !important;}
	
	/* 列表页 */
	.KF_list_rs ul li{width: 48%;}
.event_year li:nth-child(2n) {   margin-right: 0;}
.event_year li:nth-child(2n+1) {  text-indent: 0;}
}


@media (max-width: 960px){
	#main_ttl .line02{margin: 0;    height: 220px;}
	.xzgy .YQXY:nth-child(5) img{  margin-top: -170px;}

}

@media (max-width: 880px){
#main_ttl h2 span.en {  padding-top: 40px;}
#main_ttl .line02 {   margin: 0;  height: 180px;}
.xzgy .YQXY:nth-child(5) img{  margin-top: -150px;}
}

@media (max-width: 820px){
	.event_year li{margin: 10px 1% 0;}
.bodys>h1 {  display: none;}


}

@media (max-width: 768px){
.gk_zs ul li:nth-child(2n+1) {   height: auto;   width: 100%; margin-top: 20px;}
.gk_zs ul li:nth-child(2n){ display:none;}
.gk_zs ul li:nth-child(1) { margin-top: 0;}
.gk_img1 {    height: auto;}
.gk_img1 span {    height: auto;}
.xzgy .YQXY:nth-child(5) img{  margin-top: -140px;}

}
@media (max-width: 678px)
{
	.CKGD{width: 70%;}
	.logo .en img{width: 305px;}
	.bodys>h1{display: none;}
	#main_ttl .line02{height: 260px;}
	.event_year{width: 100% !important;}
	.event_year li{width: 48% !important;float: left;min-width: 20% !important;margin: 10px 1% 0;}
	.event_list{width: 100% !important;     background: none;}
	.event_list h3{padding-left: 0px !important;margin: 0px !important;}
	.event_list li{margin-left: 0px !important;}
	.gk_img span{width: 100%;margin-top: 0px;height: auto;}
	.gk_img{height: auto;}
	.carousel-inner>.item{height: 200px;}
	.carousel-inner>.item .carousel-caption{display: none;}
	
	.event_list_nr .nav-tabs li a{font-size: 16px;}
	.nx_img{max-width: 160px;min-width: 160px;}
	.nx_img img{height: 196px;}
	.YZKCs{width: 100%;margin: 10px 0;}
.YZKCs:nth-child(4), .YZKCs:nth-child(5){  width: 100%; height: auto;}
.YZKCs:nth-child(4) img, .YZKCs:nth-child(5) img { margin-top: 0;}
.YZKCs:nth-child(4)>div, .YZKCs:nth-child(5)>div {   height: auto;}
	.YZKCs img{height: auto;}

	.YQXY{width: 100%;margin: 10px 0 !important; height:auto;}
	.xysh .YQXY:nth-child(1),.xzgy .YQXY:nth-child(4),.xzgy .YQXY:nth-child(5){width: 100%;margin: 10px 0 !important; height:auto;}
	.xzgy .YQXY:nth-child(5) img{  margin-top: 0;}

	.VIDEO_IMGs span{display: none;}
	.VIDEO_IMGs video{width: 100%;margin:10px 0;padding: 0px !important;}
	
	/* 列表页 */
	.KF_list_rs ul li{width: 98%;}
	.KF_list_rs p img{width: 100%;min-width:100%;}
	#main_ttl h2 span.en{padding-top: 40px;}
	#main_ttl .line02{height: 200px;}
.gk_img span {  padding: 15px;}
.event_list_nr {   padding: 10px;}
.event_list {   margin: 25px 0 10px 0px;}


}

@media (max-width: 480px){

.body {
    width: 100%;
    min-width: 100% !important;
}
.bgvideo{display:none;}
.wth {
    width: 100%;
    min-width: 100%; 
}
.w {
    width: 100%;
}
.nav_list li {
    width: 20%;
}
.other li a{font-size:16px}
.nav {
    height: 130px;
}
.nav_con img{display:none;}
	.CKGD{width: 70%;}
	.logo .en img{width: 275px;}
	.bodys>h1{display: none;}
	#main_ttl .line02{height: 260px;}
	.event_year{width: 100% !important;}
	.event_year li{width: 48% !important;float: left;min-width: 20% !important;}
	.event_list{width: 100% !important;}
	.event_list h3{padding-left: 0px !important;margin: 0px !important;}
	.event_list li{margin-left: 0px !important;}

	.carousel-inner>.item{height: 120px;}
	.carousel-inner>.item .carousel-caption{display: none;}
	.event_list_nr .nav-tabs li{width: 50%;}
	
	.event_list_nr .nav-tabs li a{font-size: 16px;}
	.nx_img{max-width: 200px;min-width: 200px;}
	.nx_img img{height: 253px;}
	.YZKCs{width: 100%;margin: 10px 0;}
	
	.YQXY{width: 100%;margin: 10px 0 !important;}
	.VIDEO_IMGs span{display: none;}
	.VIDEO_IMGs video{width: 100%;margin:10px 0;padding: 0px !important;}
	
	/* 列表页 */
	.KF_list_rs ul li{width: 98%;}
	.KF_list_rs p img{width: 100%;min-width:100%;}
	#main_ttl h2 span.en{padding-top: 20px;}
	#main_ttl .line02{height: 180px;}

}

@media (max-width: 375px){
#main_ttl .line02{height: 160px;}


}


@media (max-width: 320px){
.box {  margin: 0 auto;}

       .other li a{font-size:14px}

}