/* 清除内外边距 */
@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

input,textarea {border: 2 none; box-shadow: none; outline: none;}

/* 设置默认字体 */
body{width: 100%;min-width: 1296px;margin:0 auto;overflow-x:hidden;}
body,
button, input, select, textarea {
    font: 14px/22px "Microsoft YaHei";color: #787878;
}

h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4, h5, h6 {font-size: 100%;}
* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;} /*覆盖bootstrape对标题加的默认外边距*/

address, cite, dfn, em, i, var {font-style: normal;} /* 斜体扶正 */

/* 重置列表元素 */
ul, ol ,li{list-style: none;}

/* 重置文本格式元素 */
a {text-decoration: none; color: #787878; word-wrap:break-word;}/*英文换行*/
a:hover {text-decoration: none; color:#910800;}


/* 重置表单元素 */
legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html {overflow-y: scroll;overflow-x:hidden;}

/*设置浮动*/
.fl {float: left;}
.fr {float: right;}
.pr{position: relative;}
.pa{position: absolute;}

/*字体大小*/
.fz12{font-size: 12px;}
.fz14{font-size: 14px;}
.fz16{font-size: 16px;}
.fz18{font-size: 18px;}
.fz20{font-size: 20px;}
.fz22{font-size: 22px;}
.clear{clear: both;height: 0;}
.blk-main .clearlist{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}
/*Main模板*/
.blk-main{width:1200px; margin: 0 auto;}
.blk-max-main{width:1220px; margin: 0 auto;}
.blk {
    width: 1200px;
    margin: 0 auto 20px auto;
}
/*表单弹框*/

.nsw-modal {
	width: 100%;
	height: 100%;
	background: rgba(225, 225, 225, 0.5);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
}

.modal-dialog {
	position: fixed;
	color: #000000;
	top: 150px;
	width: 400px;
	border-radius: 3px;
	min-height: 155px;
	overflow: hidden;
	z-index: 99998;
	margin-left: -200px;
	left: 50%;
}

.modal-dialog .css-icon {
	background-image: url("../images/modal-icons.png");
}

.modal-dialog .modal-head {
	height: 30px;
	line-height: 30px;
	padding: 0px 20px;
	background: #F6EFEF;
	font-size: 14px;
}

.modal-dialog .modal-head .modal-logo {
	width: 15px;
	height: 15px;
	background-position: 1px 0px;
	margin: 8px 5px 0 0;
	float: left;
}

.modal-dialog .modal-head .close {
	float: right;
	width: 15px;
	height: 15px;
	background-position: -14px 0px;
	margin-top: 8px;
}

.modal-dialog .modal-body {
	width: 100%;
	min-height: 125px;
	background: #ffffff;
}

.modal-dialog .modal-body .modal-body-left {
	width: 140px;
	float: left;
}

.modal-dialog .modal-body .modal-body-left .icon {
	width: 64px;
	height: 64px;
	margin: 30px 0 0 48px;
}

.modal-dialog .modal-body .modal-body-left .success-message {
	background-position: 0px -14px;
}

.modal-dialog .modal-body .modal-body-left .warming-message {
	background-position: 0px -78px;
}

.modal-dialog .modal-body .modal-body-right {
	width: 260px;
	float: right;
	padding-top: 20px;
}

.modal-dialog .modal-body .modal-body-right .close-btn {
	color: #000;
	text-align: center;
	width: 90px;
	display: inline-block;
	height: 24px;
	line-height: 24px;
	background: #818079;
}

.modal-dialog .modal-body .modal-body-right p {
	line-height: 30px;}
/*banner*/
.banner{position: relative;}
.banner li{width: 100%;}
.banner li img{display: block;width: 100%;}
.banner .content{position: relative;}
.ban_pg{position: absolute;left: 0;bottom: 80px;height: 16px;z-index: 10;width: 100%;text-align: center;}
.ban_pg i{display: inline-block;width: 16px;height: 16px;background: #000;border-radius: 100%;margin: 0 15px;vertical-align: top;opacity: 0.6;}
.ban_pg i.on{background: #0E9E39;opacity: 1;}
.banner .prev{position: absolute;font-size: 0;left: 0;opacity: 0;top: 50%;transform: translateY(-50%);z-index: 10;transition: all 0.5s;}
.banner .next{position: absolute;font-size: 0;right: 0;opacity: 0;top: 50%;transform: translateY(-50%);z-index: 10;transition: all 0.5s;}
.banner:hover .prev{left: 4%;opacity: 1;}
.banner:hover .next{right: 4%;opacity: 1;}



/*guide*/
.guide{padding-top: 114px;box-sizing: border-box;position: relative;}
.guide ul{position: absolute;width: 1200px;height: 129px;background: #fff;left: 50%;border-radius: 10px;margin-left: -600px; top: -51px;  overflow: hidden; box-shadow: 3px 1px 25px 11px rgba(45, 44, 42, 0.06);z-index: 10;}
.guide li{float: left;width: 240px;text-align: center;padding-top: 32px;height: 129px;box-sizing: border-box;position: relative;transition: all 0.5s;}
.guide li:after{position: absolute;width: 1px;height: 78px;content: "";background: #f1f1f1;right: -1px;top: 30px;}
.guide li span{display: block;height: 40px;font-size: 40px;color: #013fa2;line-height: 40px;font-weight: bold;}
.guide li span i{font-size: 50px;    font-family: DINOT,Arial;vertical-align: top;}
.guide li span em{display: inline-block;width: 28px;height: 28px;line-height: 28px;text-align: center;font-size: 16px;color: #fff;background: #0E9E39;border-radius: 50%;margin-left: 4px;vertical-align: top;}
.guide li p{font-size: 18px;color: #333;line-height: 34px;font-weight: bold;}
.guide li:hover{transform: translateY(-10px);}
.hotwd{float: left;height: 36px;line-height: 36px;font-size: 14px;color: #777;}
.hotwd a{color: #777;margin-right: 10px;}
.hotwd a:hover{color: #0E9E39;}
.s_box{float: right;height: 34px;width: 263px;}
.s_box .txt{float: left;height: 34px;line-height: 34px;width: 390px;font-size: 14px;color: #333;border: 0;background: none;outline: 0;}
.s_box .btn{float: left;width: 18px;height: 34px;background: url(../images/sou.png) no-repeat center;outline: 0;border: 0;cursor: pointer;}
/**/
.tils{ overflow: hidden; padding: 65px 0 55px 0;}
.tils ul li{ float: left; line-height: 100%; font-size: 18px; color: #3e3e3e; margin-right: 104px;}
.tils ul li em{ display: block; line-height: 100%; padding-top: 16px;}
.tils ul li i{ display: block;}
.tils ul li i span{ display: inline-block; line-height: 100%;font-family:'wrjz'; font-size: 66px;font-weight: normal;}
.tils ul li:last-of-type{ margin-right: 0;}
/**/
.vedio{overflow: hidden; height:566px;background:url(../images/vedio.jpg) no-repeat center 0; margin-bottom: 96px;}
.v_r{ overflow: hidden; margin: 76px -29px 0 0; font-size: 0; line-height: 0;}
.v_l{ width: 518px; padding-top: 120px;}
.v_l h3{ height: 143px;background:url(../images/vedio.png) no-repeat left bottom;}
.v_l h3 i{ display: block; line-height: 100%; color: #013fa2; font-size: 48px;}
.v_l h3 span{ display: block; font-weight: normal; padding-top: 22px; font-size: 24px; color: #333333; line-height: 100%;}
.v_l p{ margin-top: 28px; color: #676767; font-size: 16px; line-height: 30px;}
/**/
/**/
/**/
h2{ text-align: center; line-height: 100%; font-weight: normal; font-size: 20px;  color: #333; margin-bottom: 25px;}
h2 i{ display: block; font-size: 48px; color: #333; line-height: 100%;font-weight: bold;}
h2 span{ padding: 20px 0 25px 0; display: block;background:url(../images/hh.png) no-repeat center bottom; letter-spacing: 2px;}

/**/
.cpzx{ height: 1095px;background:url(../images/cpzx.jpg) no-repeat center 313px;}
.p_nav{ overflow: hidden; height: 175px;}
.p_nav ul li{ float: left; text-align: center; width:146px; margin-right: 64px; position: relative;}.p_nav ul li:last-of-type{ margin-right: 0;}
.p_nav ul li:before{ position: absolute; content: ""; right: -60px; top: 51px; height: 2px; background: #f0f0f0; width: 60px;}
.p_nav ul li:last-child:before{ display:none;}
.p_nav ul li a{display: block; font-size: 18px;  color: #333333;}
.p_nav ul li a b{display:block; width: 96px; height:122px;background:url(../images/ja_li1.png) no-repeat; text-align: center; box-sizing: border-box; transition: all 0.2s; margin: 0 auto; padding-top: 6px;}
.p_nav ul li.cur a{ color: #0e9e39; font-weight: bold;}
.p_nav ul li.cur a b{background:url(../images/ja_li2.png) no-repeat;  width: 106px; padding-top: 12px;}

.j_om ul li{ position: relative;}
.j_om ul li strong{ display: block; float: left;     margin-left: -360px;    height: 699px;
    overflow: hidden;
    width: 1105px;}
.j_om ul li strong img{ width:1105px;}
.j_fl{ float: right; margin: 0 0 0 31px; width: 415px;}
.j_fl h4{ padding-top: 108px; height: 78px;}
.j_fl h4 a{ display: block; line-height: 100%; color: #fff; font-size: 32px;}
.j_fl p{ height: 177px; font-size: 14px; color: #fff; line-height: 100%;}
.j_fl p span{ line-height: 100%; display: block; line-height:30px; margin-bottom: 19px; padding-left: 35px;background:url(../images/j_mor.png) no-repeat 0 11px;}
.j_fl em{ display: block; border-top: 1px solid #6284b9; border-bottom: 1px solid #6284b9; padding-top: 33px; height: 96px; margin-bottom: 57px; color: #0f3fa7;}
.j_fl em a{ display: inline-block; line-height: 100%; padding-left: 15px; font-size: 20px; float: left; width: 32%; box-sizing: border-box;font-weight: bold; margin-bottom: 27px; color: #fff;position: relative;}
.j_fl em a:before{ position: absolute; content: ""; width: 5px; height: 5px; border-radius: 5px; background: #fff;left: 0; top: 7px;}
.j_fl em a:hover{text-decoration: underline;}
.j_fl h3{background:url(../images/ja_btn.png) no-repeat; overflow: hidden; width: 291px; height: 60px;}
.j_fl h3 a{ display: inline-block; float: left; width: 145px; line-height: 52px; text-align: center; font-size: 16px; color: #333333;font-weight: normal;transition: all 0.2s;}
.j_fl h3 a:first-of-type{ color: #fff;}
.j_fl h3 a:hover{ letter-spacing: 3px;}
    /**/
.fwzc{ height: 718px;background:url(../images/fwzc.jpg) no-repeat center bottom;}
.fwzc h2{ margin-bottom: 34px;}
.fwzc ul{ height: 458px; margin-left:-2px;}
.fwzc ul li{ background:url(../images/lc_io1.jpg) no-repeat 62px  140px #f5f5f5;border: 1px solid #f2f2f2; width: 296px; height: 203px; float: left; margin: 0 5px 5px 0; box-sizing: border-box; padding-left: 62px; padding-top: 36px; position: relative; transition: all 0.2s;}
.fwzc ul li em{ display: block; font-size: 22px; color: #333333;z-index: 6;position: relative;}
.fwzc ul li span{ display: block; font-family: Arial; color: #c1c1c1; font-size: 12px; padding-top: 4px; z-index: 55; position: relative;}
.fwzc ul li strong{ display: block; font-weight: normal; font-size: 16px; color: #333333;  line-height: 100%; }
.fwzc ul li i{ display: block; font-family: wrjz;  font-size: 24px; color: #aaa; line-height: 100%; padding-bottom: 16px;}
.fwzc ul li b{ position: relative; display: none; position: relative; z-index: 5;}
.fwzc ul li:before{ display: inline-block; position: absolute; width: 313px; height: 217px; left: -8px; top: -8px; content:""; background: #0e9e39; display: none; z-index: 5;}
.fwzc ul li:nth-of-type(2){ background:url(../images/lc_io2.jpg) no-repeat 62px  130px #f5f5f5;}
.fwzc ul li:nth-of-type(3){ background:url(../images/lc_io3.jpg) no-repeat 62px  130px #f5f5f5; }
.fwzc ul li:nth-of-type(4){ background:url(../images/lc_io4.jpg) no-repeat 62px  130px #f5f5f5; margin-right: 0;}
.fwzc ul li:nth-of-type(5){ background:url(../images/lc_io5.jpg) no-repeat 62px  130px #f5f5f5; }
.fwzc ul li:nth-of-type(6){ background:url(../images/lc_io6.jpg) no-repeat 62px  130px #f5f5f5;  margin-bottom: 0;}
.fwzc ul li:nth-of-type(7){ background:url(../images/lc_io7.jpg) no-repeat 62px  130px #f5f5f5; margin-bottom: 0;}
.fwzc ul li:nth-of-type(8){ background:url(../images/lc_io8.jpg) no-repeat center  117px #f5f5f5; margin-bottom: 0; margin-right: 0; text-align: center; padding-top: 58px; padding-left: 0;}
.fwzc ul li:hover:before{ display: block;animation-duration: 0.5s;animation-name: zoomIn;}
.fwzc ul li:hover i{ display: inline-block; position: absolute; font-size: 69px;    font-family: wrjz; right: 5px; bottom: -45px; z-index: 6; opacity: 0.5;}
.fwzc ul li:hover em{ z-index: 6; color: #fff; font-weight: bold;}
.fwzc ul li:hover{ padding-left: 30px;}
.fwzc ul li:hover  span{ color:#fff; opacity: 0.5;}
.fwzc ul li:hover b{ display: block; font-weight: normal; line-height: 23px; font-size: 16px; color: #fff; margin-right: 12px;}

.fwzc ul li:hover{}
.fwzc ul li:hover i,.fwzc ul li:hover em{ color: #fff;}
.fwzc ul li:nth-of-type(8):hover:before{ display: none;}
.fwzc ul li:nth-of-type(8):hover{background:url(../images/lc_io8.jpg) no-repeat center  117px #f5f5f5;}


.fwzc h4{ text-align: center;}
.fwzc h4 a{ display: inline-block; text-align: left; padding-left: 40px; height: 40px; border-radius: 40px; font-size: 16px; letter-spacing: 2px;font-weight: normal; background: #013fa2; line-height: 40px; padding-right: 55px; color: #fff; position: relative;transition: all 0.2s;}
.fwzc h4 a:before{ content:""; position:absolute;border-left:0.35rem solid #fff;border-top:0.35rem solid transparent;border-bottom:0.35rem solid transparent;height: 0;width: 0; left:72%; top:41%; }
.fwzc h4 a:hover{ padding-right: 69px;}
/**/
.cases{overflow: hidden;background:url(../images/cases.jpg) no-repeat center 0; height: 991px; margin-bottom: 80px; box-sizing: border-box; padding-top: 80px; position: relative;}
.cases:before{ position: absolute; content: ""; height: 1px; width: 100%; background: #bdbdbd; top: 223px;}
.cases h2{ margin-bottom: 30px;}
.cases h2 span{ padding: 13px 0 23px 0; font-size: 18px;}
.ca_list{ overflow: hidden; height: 87px;}
.ca_list ul{ overflow: hidden; margin-left: 170px;}
.ca_list ul li{ float: left; margin-right: 70px; text-align: center;}
.ca_list ul li a{ display: inline-block; line-height: 100%; padding-top: 35px; font-size: 20px; color: #333333;background:url(../images/cl1.png) no-repeat center 0;position: relative;}
.ca_list ul li a:hover{background:url(../images/cl2.png) no-repeat center 0; color: #0f9d39; font-weight: bold;}

/**/
.case{height:710px; overflow: hidden; }

.c_l{ width: 239px; background: #fff; height: 528px;}
.c_l h3{height: 77px; line-height: 77px; background: #bc1c18; color: #fff; font-size: 20px;font-weight: normal;  text-align: center;}
.c_l ul{ height:449px; border: 1px solid #e5e5e5;}
.c_l ul li{ height: 68px;}
.c_l ul li a{ display: block; line-height: 69px; border-bottom: 1px solid #e5e5e5; padding-left: 60px; font-size: 15px; color: #000; margin-left: 2px;}
.c_l ul li.cur a,.c_l ul li:hover a{ background: #f5f5f5; color: #bc1c18; border-left: 2px solid #bc1c18; margin-left: 0;}

.c_r{ float: right; width: 935px; height: 528px; position: relative; box-sizing: border-box;}
.c_uu2{ position: absolute; z-index: 5; top: 216px; left: 0; cursor: pointer;}
.c_dd2{ position: absolute; z-index: 5; top: 216px; right: 0; cursor: pointer;}
.c_r ul li{ position: relative; font-size: 0;}
.c_r ul li b{ display: block; position: absolute; left: 0; bottom: 0; font-weight: normal; height: 133px; width: 100%;}
.c_r ul li b i{ display: inline-block; float: left; padding:19px 0 0 26px; width: 673px; font-size: 14px; color: #fff; line-height: 31px;}
.c_r ul li b i a{ display: block; font-size: 14px; display: block; color: #fff;    overflow: hidden;white-space: nowrap;text-overflow: ellipsis;  margin-bottom: 4px;}
.c_r ul li em{ display: inline-block; float: right; width: 156px; padding-top: 29px;}
.c_r ul li em a{ display: block; margin-bottom: 7px; width: 137px; height: 37px; line-height: 37px; border-radius: 37px; background: #fff; font-size: 14px; color: #333; text-align: center;}
.c_r ul li em a:last-of-type{ background: #bc1c18; color: #fff;}

.cases h4{font-weight: normal; text-align: center;clear: both;}
.cases h4 a{ display: inline-block; margin: 0 10px;display: inline-block; text-align: left; padding-left: 35px; height: 40px; border-radius: 40px; font-size: 16px; letter-spacing: 2px;font-weight: normal; background: #109e38; line-height: 40px; padding-right: 31px; color: #fff; position: relative; transition: all 0.2s;}
.cases h4 a:before{ content:""; position:absolute;border-left:0.35rem solid #fff;border-top:0.35rem solid transparent;border-bottom:0.35rem solid transparent;height: 0;width: 0; left:25px; top:39%; }
.cases h4 a:hover{ padding-right: 45px;}
.cases h4 a:first-of-type{ background: #013fa2;}
/**/
/**/
.case1{ height: 575px;}
.c_u{ position: absolute; z-index: 5; cursor: pointer; left: -77px; top: 383px;}
.c_d{ position: absolute; z-index: 5; cursor: pointer; right: -77px; top: 383px;}
.case1 ul li{ float: left; overflow: hidden; width: 919px; position: relative;}
.case1 ul li img{ display: block; width: 919px;}
.case1 ul li em{ display: none; position: absolute; left: 0; background: rgba(0,0,0,0.5); color: #fff; bottom: 0; width: 100%; box-sizing: border-box; padding: 30px 47px; font-size: 16px; color: #fff;}
.case1 ul li em i{ display: block; font-size: 20px; font-weight: bold; line-height: 100%; padding-bottom: 15px;}
.case1 ul li.roundabout-in-focus em{ display: block;}
/**/
.ys{ overflow: hidden;}
.ys .con{margin-top:0;}.ys h2{ margin-bottom:25px;}
.ys .con li{width:12.3%;overflow: hidden;float: left;position: relative;border-right:8px solid #fff;box-sizing: border-box;transition: all .25s linear;}
.ys .con li:last-of-type{ border-right: none;}
.ys .con li > em{display: block;width: 100%;overflow: hidden;}
.ys .con li > em img{opacity: 1;display: block;min-height:792px;}
.ys .con li .hov{position: absolute;top: 0;z-index: 1;width: 100%;height: 100%;background: rgba(1,63,162,0.9);box-sizing: border-box;padding:60%  0 0 0; right: 0; text-align: center;}
.ys .con li:nth-of-type(2) .hov em{background:url(../images/pin_pic02.png) no-repeat center bottom;}
.ys .con li:nth-of-type(3) .hov em{background:url(../images/pin_pic03.png) no-repeat center bottom;}
.ys .con li .hov p,.ys .con li .hov h4{ display: none; }
.ys .con li .hov em{ display: block; line-height: 100%; font-size: 32px; font-weight: normal; padding-bottom: 75px;background:url(../images/pin_pic01.png) no-repeat center bottom; position: relative;}
.ys .con li .hov em:before{ position: absolute; left: 49%; width: 1px; height: 150%; background: #fff; content: ""; top: 157%;}
.ys .con li .hov em span{ display: block; padding-bottom: 12px;}
.ys .con li .hov h3{ color: #fff; font-size: 36px; position: relative; }
.ys .con li .hov h3 img{ display: none;}
.ys .con li .hov h3 i {
    display: block;
    font-size: 15px;
    color: #fff;
    position: absolute;
    left: 0;
    top: 537px;
    font-weight: normal;
    line-height: 150%;
    width: 100%;}
.ys .con li .hov h3 i span{ display: block;}
.ys .con li .hov h3 i b{ display: block;font-weight: normal;font-family: 'wrjz'; font-size: 90px; line-height: 100%; opacity: 0.5; padding-top:25px;}



.ys .con li.cur{width:75.3%;}
.ys .con li.cur:nth-of-type(3) .hov em{    background: #013fa2;display: none;}
.ys .con li.cur:nth-of-type(2) .hov em{    background: #013fa2;display: none;}
.ys .con li.cur:nth-of-type(1) .hov em{    background: #013fa2;display: none;}
.ys .con li.cur .hov{width:87.26%;background: rgba(255,255,255,0.9);padding: 0; bottom: 45px; top: inherit; right: 6%;  height: inherit; height: 150px; overflow: hidden;}
.ys .con li.cur p{opacity: 1;width: auto;padding-right: 5%;}
.ys .con li.cur .hov h3{ float: left;text-align: center; background: #109e38; height: 131px; width: 158px; text-align: center; padding-top: 49px; line-height: 0; overflow: hidden; font-size: 0; text-align: center;}
.ys .con li.cur .hov h3 img{ display: block; margin: 0 auto;}
.ys .con li.cur .hov p{ float:left; width: 75%; color: #333333; font-size: 16px; line-height:26px; padding: 31px 0 0 35px;}
.ys .con li.cur .hov p i{ display: block; font-size: 28px; color: #333333; font-weight: bold; padding-bottom: 12px;}
.ys .con li.cur .hov p{ display: block; padding-right: 0; text-align: left;}
/**/
/**/ /**/
.news{ overflow: hidden; height:835px; padding-top:89px;background:url(../images/news.jpg) no-repeat center 0; box-sizing: border-box;}
.news h2 i{ font-size: 48px;}
.news h2 span{ display: block; font-size: 18px; padding: 13px 0 22px 0;}
.n_on1{ overflow: hidden; height: 40px;}
.n_on1 ul li{ float: left; margin-right: 38px;}
.n_on1 ul li a{ display: inline-block; padding-left: 45px; font-size: 22px; color: #333333;background:url(../images/n_ico1.png) no-repeat; height: 40px; line-height: 26px; letter-spacing: 1px;}
.n_on1 ul li:nth-of-type(2) a{background:url(../images/n_ico2.png) no-repeat;}
.n_on1 ul li.cur a{font-weight: bold;}
.n_on1 span{ display: inline-block; float: right;}
.n_on1 span a{ display: inline-block; padding-right: 27px; font-size: 16px; color: #1a1a1a;background:url(../images/n_ico3.png) no-repeat right 0; line-height: 19px;}

.n_on2 dl{ overflow: hidden; height: 339px; margin-bottom: 32px;}
.n_on2 dl dt{ font-size: 0; line-height: 0; overflow: hidden; float: left; width: 603px;}
.n_on2 dl dt img{ width: 603px;}
.n_on2 dl dd{ float: left; padding: 45px 0 0 55px; width: 435px;}
.n_on2 dl dd h3 a{font-weight: normal; font-size: 18px; color: #333333;}
.n_on2 dl dd h3 span{ display: block; font-weight: normal; font-size: 14px; color: #999999; padding: 18px 0 33px 0;}
.n_on2 dl dd p{ height: 106px; color: #808080; font-size: 14px; line-height: 23px;}
.n_on2 dl dd em a{ display: inline-block; text-align: left; padding-left: 45px; height: 40px; border-radius: 40px; font-size: 16px; letter-spacing: 2px;font-weight: normal; background: #129e3a; line-height: 40px; padding-right: 35px; color: #fff; position: relative; transition: all 0.2s;}
.n_on2 dl dd em a:before{ content:""; position:absolute;border-left:0.35rem solid #fff;border-top:0.35rem solid transparent;border-bottom:0.35rem solid transparent;height: 0;width: 0; left:27px; top:39%; }
.n_on2 dl dd em a:hover{ padding-right: 45px;}

.n_on2 ul li{ height: 51px; line-height: 51px; border-bottom: 1px dashed #cecece; width: 565px; float: left; overflow: hidden;}.n_on2 ul li:nth-of-type(2n){ float: right;}
.n_on2 ul li span{ display: inline-block; float: right; font-size: 14px; color: #999999; font-family: Arial;}
.n_on2 ul li a{ display: inline-block; float: left; font-size: 16px; color: #333333;}
.n_on2 ul li a:hover{ color: #013fa2;}
/**/

/**/
.about{ overflow: hidden; background: url(../images/a_img.jpg) no-repeat center 0; box-sizing: border-box; margin-bottom: 106px;}
.about h2{ padding-top: 112px; height: 805px;background: url(../images/a_bg.png) no-repeat center bottom; margin-bottom: -184px;}
.about h3{ float: left; width: 369px; color: #fff; padding-left:50px; height: 185px;}
.about h3 i{ display: block; line-height: 100%; font-weight: bold; color: #fff; font-size: 47px; padding-bottom: 18px;}
.about p{height: 185px; float: right; width: 715px; margin-right: 29px;}
.about p em{ display: block; height: 60px; font-size: 16px; color: #333333; line-height: 26px;}
.about p i{ display: block; text-align: right;}
.about p i a{ display: inline-block; height: 40px; line-height: 40px; color: #fff; text-align: center; background: #129e3a; width: 129px; font-size: 16px; transition: all 0.2s;}
.about p i a:hover{ width: 139px; letter-spacing: 3px;}

.a_bom{ position: relative; padding-top: 12px;}
.a_uu{ position: absolute; left: -65px; cursor: pointer; top: 90px;transition: all 0.2s;}
.a_dd{ position: absolute; right: -65px; cursor: pointer; top: 90px;transition: all 0.2s;}
.a_bom ul li{ float: left; width: 290px; position: relative; font-size: 0; line-height: 0; margin-right: 14px;}
.a_bom ul li img{ width: 290px;}
.a_bom ul li i{ display: block;transition: all 0.2s; width: 100%; position: absolute; left: 0; bottom: 0; text-align: center; font-size: 16px; height: 42px; line-height: 42px; font-size: 16px; color: #fff; background: rgba(0,0,0,0.6);}
.a_bom ul li:hover i{ height: 100%; font-size: 0;background: url(../images/a_li.png) no-repeat;}
/**/
.pro_on ul li i:hover{ color: #e50014;}
.pro_on ul li strong,.p_ud span img,.p_ud span img,.case h4 a{transition: all 0.3s linear 0s;}
.pro_on ul li strong:hover{transform: translateX(5px);}
.p_ud span:hover img{transform: translateX(5px);}
.p_bom h3 span:hover{ background: #e50014;}
.case h4 a:hover{transform: translateX(5px);}
.news1 .bt a:hover{color: #e50014;}
.dail p i a:hover{ background: #e50014; color: #fff;}

.pic img,.picl img,.pics img{-webkit-transition: -webkit-transform 0.8s; -moz-transition: -moz-transform 0.8s; -o-transition: -o-transform 0.8s; transition: transform 0.8s;}
.pic img:hover{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);  transform: scale(1.05);}
.picl img:hover{-moz-transform: translate(0,5px);-webkit-transform: translate(0,8px);-ms-transform: translate(0,8px);-o-transform: translate(0,8px);}
.pics img:hover{-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);}
.white,.whites{position: relative;overflow: hidden;}
.white:after,.whites:after{content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width:100%; height:100%; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg); }
.white:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.whites:hover:after {left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}


@-webkit-keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1 }
@-webkit-keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }
@-webkit-keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }
@-webkit-keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2 }
@-webkit-keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
@keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
.zoomLeft { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
.zoomRight { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
@-webkit-keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }
@keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-moz-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-webkit-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-o-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}

                body{min-width:1200px;width:100%;overflow-x:hidden; }
                i,em{ font-style:normal;}
                .content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}
                .header{height:217px;background:url(../images/t_bg.jpg) no-repeat center 0; overflow: hidden;  position: relative; z-index: 55;}
                .h_con{height:151px; overflow: hidden;}
                .h_con .logo{float: left;margin:21px 21px 0 0;}
                .h_con h3{float:left; padding-top:42px; line-height: 100%; color: #333333; font-size:14px;font-weight: normal; width: 590px;letter-spacing: 4.3px;}
                .h_con h3 i{ display: block; font-size:42px; color: #013fa2;font-weight: bold; padding-bottom:12px; line-height: 100%; letter-spacing:0;}
                .h_con p{float: right;margin-top:36px;}
                .h_con p em{ display: inline-block; float: left; padding-left:66px;background:url(../images/tel.png) no-repeat ; font-size: 16px; color: #333333; line-height: 100%; }
                .h_con p em span{ display: block; font-weight: bold; line-height: 100%; font-size:30px; color: #121212;  padding-top:11px;     font-family:'wrjz';}
                .h_nav{height:66px;float: left; }
                .h_nav ul li{float: left;font-size: 16px;height:66px;line-height: 66px; position: relative; box-sizing: border-box;background:url(../images/lin.jpg) no-repeat right 27px;}
                .h_nav ul li:last-child{ background: none;}
                .h_nav ul li a{color: #fff;display: block; font-size:16px;padding:0 53px; position: relative;z-index: 5;}
                .h_nav ul li:before{ position: absolute; left: 0; top: 0; height:0; width: 100%; content: "";background:#0E9E39; transition: all 0.2s;}
                .h_nav li:hover:before,.h_nav li.cur:before{height: 66px;}
            

                    .case_m{ }
                    .case_m ul{width:925px; height:517px; position: relative; margin:0 auto;}
                    .case_m ul li{ width:919px; height:517px;overflow: hidden; position: relative;}
                    .case_m ul li.roundabout-moveable-item{ margin-top: 10px;}
                    .case1 .btn_l{ position: absolute; left:-94px; top: 239px; z-index: 999;}
                    .case1 .btn_r{ position: absolute; right:-94px; top: 239px; z-index: 999;}
                

	.footer{color:#666;clear:both;font-family:"Microsoft Yahei";overflow: hidden; position:relative; background: url(../images/f_bg.jpg) no-repeat center 0;;height:418px;}
    .f_cact{  height: 207px; float:left;}
    .f_cact h3{ float: left; line-height: 100%; font-weight: normal; font-size: 38px; color: #333333; padding-top: 64px; width: 223px;}
    .f_cact ul li{ float: left; line-height: 25px; font-size: 22px; color: #333;    padding-right: 49px; background: url(../images/f_li.png) no-repeat right 0;;}
    .f_cact ul{ float: left; overflow: hidden; margin-top: 71px;height: 130px;}
    .f_cact ul li:nth-of-type(2){ margin-left: 173px; margin-right:166px;}
    .f_cact ul li:nth-of-type(3){ padding-right: 0; background: none;}
    .f_onl{ overflow: hidden; height: 281px; float: left; width: 423px;}
.f_onl h3{ font-size: 0; height: 79px;}
    .f_onl h4{ line-height: 100%;font-weight:bold; font-size: 18px; color: #fff; letter-spacing: 1px; height: 61px;}
    .f_onl h4 span{ display: block;font-weight: normal; padding-top:6px; font-size: 10px; line-height: 100%; letter-spacing: 0;transform: scale(0.8); margin-left: -46px;}
    .f_onl p{ line-height: 100%; font-size: 14px; color: #fff;}
    .f_onl p a{ color: #fff;}
    .f_onl p i{ display: block; margin-bottom: 10px;}

    .f_logo{ overflow: hidden; width:298px; float: left; padding-left: 105px; height: 203px; border-left: 2px solid #8caad6; border-right: 2px solid #8caad6;}
    .f_logo h3{  line-height: 100%; color: #fff; font-size:18px;  margin-bottom:37px;}
    .f_logo ul li{ float: left; line-height: 100%; margin-bottom: 18px; width: 123px;}
    .f_logo ul li a{ color: #fff; font-size: 14px; }
    .f_con{width: 1200px; margin: 0 auto; margin-top: 62px; }


    .f_r{ float:right; width:261px;}
    .f_r h4{ line-height: 100%; color: #fff; font-size:18px;  margin-bottom:26px;}
    .f_r i{ display: inline-block; float: left; width: 134px;margin-top: 6px; padding-top: 112px; line-height: 100%;color: #b8bfd6; font-size: 14px;background:  url(../images/f_r.png) no-repeat;}
    .f_r i span{ display: block; padding-top: 10px;}
    .f_r em{ display: inline-block;  border: 1px solid #4b6ba3; width: 91px; height: 91px; padding: 17px; border-radius: 7px;}
    .f_r em img{ width: 91px;}
    .f_m{ height: 75px; line-height: 75px; color: #a7b9dc; width: 1200px; margin: 0 auto;position:relative;}
    .f_m a{ color: #a7b9dc; padding: 0 7px;} .f_m span{ padding: 0 22px;}
    .f_m i{ display: inline-block; float: right; margin-right: 76px;}
    .f_top{ position: absolute; right: 0; bottom: 0; width: 75px; height: 119px; line-height: 0; font-size: 0;}
        .f_cact ul{    float: right;
    overflow: hidden;
    margin-top: 71px;
    margin-right: -99px;}


        .kefu {
            position: fixed;
            right: -170px;
            top: 50%;
            z-index: 900;
        }
        
        .kefu li a {
            text-decoration: none;
        }
        .kefu li {
            margin-top: 1px;
            clear: both;
            height: 62px;
            position: relative;
        }
        
        .kefu li i {
            background: url(../images/fx.png) no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        }
        
        .kefu li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .kefu .my-kefu-qq i {
            background-position: 4px 5px;
        }
        
        .kefu .my-kefu-tel i {
            background-position: 0 -21px;
        }
        
        .kefu .my-kefu-liuyan i {
            background-position: 4px -53px;
        }
        
        .kefu .my-kefu-weixin i {
            background-position: -34px 4px;
        }
        
        .kefu .my-kefu-weibo i {
            background-position: -30px -22px;
        }
        
        .kefu .my-kefu-ftop {
            display: none;
        }
        
        .kefu .my-kefu-ftop i {
               width: 33px;
    height: 31px;
    background-position: -23px -47px;
    background-size: 52px 82px;
        }
        .kefu .my-kefu-ftop .my-kefu-main{
            padding-top: 6px;
        }
        
        .kefu .my-kefu-left {
            float: left;
            width: 62px;
            height: 47px;
            position: relative;
        }
        
        .kefu .my-kefu-tel-right {
            font-size: 16px;
            color: #fff;
            float: left;
            height: 24px;
            line-height: 22px;
            padding: 0 15px;
            border-left: 1px solid #fff;
        }
        
        .kefu .my-kefu-right {
            width: 20px;
        }
        
        .kefu .my-kefu-tel-main {
            background: #01932e;
            color: #fff;
            height: 53px;
            width: 230px;
            padding:9px 0 0;
            float: left;
        }
        
        .kefu .my-kefu-main {
            background: #01932e;
            width: 97px;
            height: 53px;
            position: relative;
            padding:9px 0 0;
            float: left;
        }
        
        .kefu .my-kefu-weixin-pic {
            position: absolute;
            left: -130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
        
        .my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
        }
    
   

        .p1-search-1 {
            background: #f2f2f2;
            height: 82px;
            border-bottom: 1px solid #eee;
            overflow: hidden;
            font-size: 14px;
        }
        
        .p1-search-1 p {
            color: #444;
            line-height: 82px;
        }
        
        .p1-search-1 a {
            color: #444;
            display: inline-block;
            margin-right: 15px;
        }
        
        .p1-search-1-inp {
            width: 270px;
            height: 30px;
            border-radius: 20px;
            background: #fff;
            padding-left: 10px;
            margin-top: 28px;
        }
        
        .p1-search-1-inp input {
            border: 0;
        }
        
        .p1-search-1-inp1 {
            width: 224px;
            height: 30px;
            line-height: 30px;
            color: #a9a9a9;
            float: left;
        }
        
        .p1-search-1-inp2 {
            width: 30px;
            height: 30px;
            background: url(images/VISkins-p1.png) no-repeat -258px -936px;
            float: right;
            cursor: pointer;
        }
    

        .p12-curmbs-1 {
            font-size: 14px;
            border-bottom: 1px dashed #dcdcdc;
        }
        
        .p12-curblock{
            display: none;
        }
        .p12-curmbs-1 b {
            border-left: 10px solid #2e2e2e;
            font-weight: normal;
            padding-left: 8px;
        }
        .p12-curmbs-1 i {
            font-style: normal;
        }
        
        .p12-curmbs-1 span {
            font-family: '宋体';
            padding: 0 5px;
            height: 46px;
            line-height: 46px;
        }
    

        .tl-fdh-02 {
            height: 55px;
            background: #efefed;
            margin-bottom: 20px;
            overflow: hidden;
        }
        
        .tl-fdh-02 li {
            width: 16.66%;
            height: 55px;
            font-size: 18px;
            line-height: 55px;
            text-align: center;
            float: left;
            border-right: 1px solid #eee;
            margin-right: -1px;
            background: #efefed;
            cursor: pointer;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }
        
        .tl-fdh-02 li a {
            display: block;
            height: 55px;
            color: #595757;
        }
        
        .tl-fdh-02 li.sidenavcur,
        .tl-fdh-02 li:hover {
            background: url(../images/p16-icon6.png) no-repeat bottom center #013fa2;
            border-color: #013fa2;
        }
        
        .tl-fdh-02 li.sidenavcur a,
        .tl-fdh-02 li:hover a {
            color: #fff;
        }
    

        .p12-aboutinfo-1{display: inline-block;width: 100%;background: #fff;margin: 25px 0;}
        .p12-aboutinfo-1-tit{height: 114px;line-height: 114px;font-size: 30px;font-weight: normal;text-align: center; color:#4b4a4a;}
        .p12-aboutinfo-1-tit span{font-size: 22px;color: #aaa;}
        /*.p12-aboutinfo-1-nr{padding:0 20px 20px;}*/
		
		.xc_banner {
  height: 399px;
  width: 100%;
  overflow: hidden;
}
.xc_banner .banner_area {
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.xc_banner .banner_area .onbanner_txt {
  position: absolute;
  width: 100%;
  top: 40%;
  font-size: 36px;
  font-weight: bold;
  color: #FFFFFF;
}
.xc_banner .banner_area .onbanner_txt .onbanner_word {
  position: relative;
  padding-left: 20px;
  line-height: 1;
}
.xc_banner .banner_area .onbanner_txt .onbanner_word:before {
  content: '';
  position: absolute;
  display: block;
  height: 33px;
  width: 4px;
  background: #013fa2;
  top: 3px;
  left: 2px;
}
.xc_banner img {
  width: 1920px;
  height: 399px;
  position: absolute;
  left: 50%;
  margin-left: -960px;
  max-width: none;
}
.wrap {
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
}


        .k12-gl-gslb-3nf1-1-01-left dl {
            width: 24%;
            float: left;
            background: #f0f0f0;
            margin: 0 1.3% 13px 0
        }
        
        .k12-gl-gslb-3nf1-1-01-left dl:nth-child(5n-1) {
            margin-right: 0;
        }
        
        .k12-gl-gslb-3nf1-1-01-left dt {
            border: 1px solid #e5e5e5;
            padding: 10px 9px;
            background: #fff;
        }
        
        .k12-gl-gslb-3nf1-1-01-left dt img {
            display: block;
            width: 100%;
        }
        
        .k12-gl-gslb-3nf1-1-01-left dd h4{
            height: 50px;
            font-size: 14px;
            line-height: 50px;
            text-align: center;
            padding: 0 5px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            background: #f0f0f0;
        }
        
        .k12-gl-gslb-3nf1-1-01-left dd h4 a {
            color: #4b4a4a;
        }
		.clearafter:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}
		.plc{padding: 5px 0 0px;width:1200px; margin:0 atuo;}
		.p12-curblock{
			display: none;
		}
		.p102-curmbs-1{height: 40px;line-height: 40px;font-size: 14px;color: #808080;}
		.p102-curmbs-1 b {
			font-weight: normal;
			padding-left: 35px;
			background: url(../images/p102-curmbs-icon1.png) no-repeat left center;

		}
		.p102-curmbs-1 i {
			font-style: normal;
		}

		.p102-curmbs-1 span {
			font-family: 宋体;
			height: 46px;
			line-height: 46px;
			padding: 0px 5px;
		}
		.p102-curmbs-1 a{color: #808080;}
		.p102-curmbs-1 a:hover{color: #013fa2;}
	

    .p102-fdh-3 {
        box-shadow: 0 4px 6px #e9e9e9;
		margin-bottom:10px;
    }
    
    .p102-fdh-3 li {
        float: left;
        width: 20%;
        height: 70px;
        position: relative;
    }
    
    .p102-fdh-3 li:after {
        content: "";
        position: absolute;
        width: 1px;
        height: 26px;
        background: #cfcfcf;
        right: 0;
        top: 50%;
        margin-top: -13px;
    }
    
    .p102-fdh-3 li:last-child:after {
        display: none;
    }
    
    .p102-fdh-3 li a {
        display: block;
        height: 70px;
        line-height: 70px;
        font-size: 22px;
        color: #1a1a1a;
        text-align: center;
    }
    
    .p102-fdh-3 li.sidenavcur:before,
    .p102-fdh-3 li:hover:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 2px;
        background: #013fa2;
        left: 0;
        bottom: 0;
        z-index: 1;
    }
    
    .p102-fdh-3 li.sidenavcur a,
    .p102-fdh-3 li:hover a {
        font-weight: bold;
        color: #013fa2;
    }
    
    .p102-fdh-3 li.sidenavcur a:before,
    .p102-fdh-3 li:hover a:before {
        content: "";
        position: absolute;
        width: 12px;
        height: 12px;
        background: #fff;
        border: 3px solid #013fa2;
        border-radius: 100%;
        left: 50%;
        margin-left: -9px;
        bottom: -8px;
        z-index: 2;
    }
    
    .p102-fdh-3 li.sidenavcur a:after,
    .p102-fdh-3 li:hover a:after {
        content: "";
        position: absolute;
        width: 6px;
        height: 6px;
        background: #013fa2;
        border-radius: 100%;
        left: 50%;
        margin-left: -3px;
        bottom: -2px;
        z-index: 3;
    }


    .p102-about-content{font-size: 16px;line-height: 32px;color: #4c4c4c;text-align: justify;padding: 40px 0;}
	        .leftnav-z1-list dl {
            width: 32%;
            border: 1px solid #dedede;
            margin-bottom: 15px;
            background: #fff;
            float: left;
            margin-right: 1.3%;
            box-sizing: border-box;
        }
        
        .leftnav-z1-list dl:nth-child(4n-1) {
            margin-right: 0;
        }
        
        .leftnav-z1-list dt img {
            width: 100%; 
            display: block;
        }
        
        .leftnav-z1-list dd {
            padding: 6px 20px 5px 20px;
        }
        
        .leftnav-z1-list dd h4 {
            height: 45px;
            font-weight: normal;
            font-size: 18px;
            color: #154c64;
            line-height: 45px;
            overflow: hidden;
        }
        
        .leftnav-z1-list h4 a {
            display: block;    text-align: center;
            height: 45px;
            color: #727272;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        
        .leftnav-z1-list dl:hover h4 a {
            color: #013fa2;
        }
        
        .leftnav-z1-list-desc {
            height: 40px;
            font-size: 14px;
            line-height: 20px;
            color: #666;
            margin-bottom: 12px;
            overflow: hidden;
        }
        
        .leftnav-z1-list-deta {
            width: 100px;
            height: 40px;
            display: inline-block;
            border: 1px solid #aaa;
            font-size: 16px;
            line-height: 40px;
            text-align: center;
        }
        
        .leftnav-z1-list dl:hover {
            border-color: #013fa2;
        }
        
        .leftnav-z1-list dl:hover .leftnav-z1-list-desc a {
            color: #013fa2;
        }
		.leftnav-z1-list{ margin:50px 0;}
		
		    .p102-info-blk {
        width: 888px;
        border: 1px solid #f0f0f0;
        background: #fff;
    }
    
    .p102-info-blk-con {
        padding: 47px 40px 52px;
    }
    
    .p102-info-blk-title {
        line-height: 50px;
        font-size: 36px;
		text-align:center;
        font-weight: normal;
        color: #1a1a1a;
        margin-bottom: 15px;
    }
    
    .p102-info-blk-bool {
        height: 26px;
		text-align:center;
        line-height: 26px;
        font-size: 14px;
        color: #999999;
        padding-bottom: 7px;
        border-bottom: 1px solid #dedede;
    }
    
    .p102-info-blk-bool i {
        font-style: normal;
        margin: 0 15px;
    }
    
    .p102-info-content {
        font-size: 16px;
        line-height: 32px;
        color: #4c4c4c;
        padding: 10px 0 0;
        text-align: justify;
    }
    
    .p102-info-key {
        line-height: 28px;
        font-size: 14px;
        color: #666666;
        padding-top: 5px;
    }
    
    .p102-info-key span {
        margin-right: 10px;
    }
    
    .p102-info-blk-paging {
        border-top: 1px solid #dedede;
        height: 62px;
    }
    
    .p102-info-blk-paging dl {
        height: 62px;
        position: relative;
        padding: 0 68px;
    }
    
    .p102-info-blk-paging dl:before {
        content: '';
        position: absolute;
        width: 1px;
        background: #dedede;
        left: 50%;
        top: 0;
        bottom: 0;
        z-index: 1;
    }
    
    .p102-info-blk-paging dd {
        width: 321px;
        height: 62px;
        line-height: 62px;
        font-size: 14px;
        color: #1a1a1a;
        position: relative;
    }
    
    .p102-info-blk-paging dd span {
        float: left;
        width: 60px;
        height: 62px;
    }
    
    .p102-info-blk-paging dd a {
        float: left;
        width: 260px;
        height: 62px;
        color: #1a1a1a;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    .p102-info-blk-paging dd.items-prev:before {
        content: "";
        width: 8px;
        height: 8px;
        border: 2px solid #b3b3b3;
        border-style: solid none none solid;
        position: absolute;
        top: 50%;
        left: -30px;
        margin-top: -5px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        z-index: 1;
    }
    
    .p102-info-blk-paging dd.items-next {
        padding-left: 110px;
    }
    
    .p102-info-blk-paging dd.items-next:after {
        content: "";
        width: 8px;
        height: 8px;
        border: 2px solid #b3b3b3;
        border-style: solid solid none none;
        position: absolute;
        top: 50%;
        right: -30px;
        margin-top: -5px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        z-index: 1;
    }
    
    .p102-info-blk-paging dd:hover a {
        color: #013fa2;
    }


    .p102-info-fdh-2 {
        width: 300px;
    }
    
    .p102-pro-related {
        padding: 20px 19px;
        background: #fff;
        border: 1px solid #f0f0f0;
        margin-bottom: 10px;
    }
    
    .p102-pro-related-title {
        font-weight: normal;
        padding: 0 70px 10px 0;
        position: relative;
    }
    
    .p102-pro-related-title span {
        display: block;
        height: 40px;
        line-height: 40px;
        font-size: 22px;
        color: #333333;
    }
    
    .p102-pro-related-title:before {
        content: '';
        position: absolute;
        width: 36px;
        height: 2px;
        background: #013fa2;
        left: 0;
        bottom: 2px;
    }
    
    .p102-pro-related-title a {
        position: absolute;
        width: 23px;
        height: 23px;
        font: 22px/23px 宋体;
        color: #8f8f8f;
        text-align: center;
        border: 1px solid #d2d2d2;
        border-radius: 100%;
        right: 10px;
        top: 8px;
    }
    
    .p102-pro-related-title a:hover {
        color: #013fa2;
        border-color: #013fa2;
    }
    
    .p102-pro-related-list {
        padding-top: 28px;
    }
    
    .p102-pro-related-list dl {
        margin-bottom: 13px;
    }
    
    .p102-pro-related-list dt{border: 1px solid #ccc;}
    
    .p102-pro-related-list dt img,
    .p102-pro-related-list dt a {
        display: block;
        width: 100%;
        position: relative;
    }
    
    .p102-pro-related-list dt em {
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.6);
        z-index: 0;
        display: none;
    }
    
    .p102-pro-related-list dt i {
        position: absolute;
        width: 42px;
        height: 42px;
        background: #013fa2;
        border-radius: 100%;
        left: 50%;
        margin-left: -21px;
        top: 50%;
        margin-top: -25px;
        z-index: 1;
    }
    
    .p102-pro-related-list dt i:after {
        content: "";
        width: 9px;
        height: 9px;
        border: 1px solid #fff;
        border-style: solid solid none none;
        position: absolute;
        top: 50%;
        left: 15px;
        margin-top: -5px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        z-index: 1;
    }
    
    .p102-pro-related-list dd {
        padding-top: 7px;
    }
    
    .p102-pro-related-list dd h4 {
        font-weight: normal;
    }
    
    .p102-pro-related-list dd h4 a {
        display: block;
        height: 30px;
        line-height: 30px;
        font-size: 16px;
        color: #4c4c4c;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    .p102-pro-related-list dl:hover dt em {
        display: block;
    }


    .p102-info-label {
        padding: 30px 10px 0 19px;
        background: #fff;
        border: 1px solid #f0f0f0;
        margin-bottom: 20px;
    }
    
    .p102-info-label-list {
        padding: 15px 0;
    }
    
    .p102-info-label-list a {
        float: left;
        padding: 0 16px;
        height: 34px;
        font-size: 14px;
        line-height: 34px;
        color: #4c4c4c;
        border: 1px solid #e6e6e6;
        margin: 0 5px 5px 0;
        border-radius: 3px;
    }
    
    .p102-info-label-list a:hover {
        color: #013fa2;
        border-color: #013fa2;
    }


    .p102-info-label-more {
        width: 140px;
        height: 50px;
        line-height: 50px;
        background: #013fa2;
    }
    
    .p102-info-label-more a {
        display: block;
        height: 50px;
        font-size: 16px;
        color: #ffffff;
        text-align: center;
    }


    .p102-info-related {
        padding: 30px 0 0;
    }
    
    .p102-info-11-title {
        height: 48px;
        line-height: 48px;
        font-weight: normal;
        font-size: 28px;
        color: #013fa2;
        padding-bottom: 10px;
        position: relative;
    }
    
    .p102-info-11-title:after {
        content: '';
        position: absolute;
        width: 30px;
        height: 2px;
        background: #013fa2;
        left: 0;
        bottom: -1px;
        z-index: 1;
    }
    
    .p102-info-related-list {
        padding: 29px 0;
        background: #fff;
        border: 1px solid #f0f0f0;
        position: relative;
    }
    
    .p102-info-related-list:after {
        content: '';
        position: absolute;
        width: 1px;
        background: #dedede;
        left: 50%;
        top: 29px;
        bottom: 29px;
        z-index: 1;
    }
    
    .p102-info-related-list dl {
        float: left;
        width: 541px;
        padding: 0 29px;
        position: relative;
    }
    
    .p102-info-related-list dt {
        width: 220px;
    }
    
    .p102-info-related-list dt a,
    .p102-info-related-list dt img {
        width: 100%;
        display: block;
    }
    
    .p102-info-related-list dd {
        position: absolute;
        padding-top: 5px;
        left: 280px;
        right: 29px;
        top: 0;
        bottom: 0;
        z-index: 1;
    }
    
    .p102-info-related-list dd h4 {
        height: 34px;
        line-height: 34px;
        font-weight: normal;
        margin-bottom: 6px;
    }
    
    .p102-info-related-list dd h4 a {
        display: inline-block;
        width: 100%;
        height: 34px;
        font-size: 20px;
        color: #333333;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    .p102-info-related-list dd p {
        font-size: 14px;
        line-height: 26px;
        color: #666666;
        text-align: justify;
    }
    
    .p102-info-related-list dd p a {
        color: #333333;
    }
    
    .p102-info-related-list dl:hover dd h4 a {
        color: #013fa2;
    }


    .p102-info-12-title {
        height: 48px;
        line-height: 48px;
        font-weight: normal;
        font-size: 28px;
        color: #013fa2;
        padding-bottom: 10px;
        position: relative;
    }
    
    .p102-info-12-title:after {
        content: '';
        position: absolute;
        width: 30px;
        height: 2px;
        background: #013fa2;
        left: 0;
        bottom: -1px;
        z-index: 1;
    }
 .p102-info-1-title {
            padding-bottom: 15px;
            position: relative;
            font-weight: normal;
            text-align: center;
            margin-bottom: 40px;
        }
        
        .p102-info-1-title:after {
            content: '';
            position: absolute;
            width: 76px;
            height: 1px;
            background: #d4d4d4;
            bottom: 0;
            left: 50%;
            margin-left: -38px;
        }
        
        .p102-info-1-title span,
        .p102-info-1-title a {
            display: block;
            height: 50px;
            line-height: 50px;
            font-size: 38px;
            color: #333333;
        }
        
        .title em {
            display: block;
            height: 22px;
            font: 14px/22px 'Arial';
            color: #808080;
            font-style: normal;
            letter-spacing: 2px;
        }
        
    .p102-info-latest {
        padding: 30px 0 80px;
    }
    
    .p102-info-latest ul {
        padding: 29px 39px;
        border: 1px solid #f0f0f0;
        position: relative;
        background: #fff;
    }
    
    .p102-info-latest li {
        float: left;
        width: 530px;
    }
    
    .p102-info-latest li h4 {
        height: 36px;
        padding-left: 25px;
        position: relative;
        line-height: 36px;
        font-weight: normal;
    }
    
    .p102-info-latest li h4:before {
        content: "";
        position: absolute;
        width: 4px;
        height: 4px;
        border-radius: 100%;
        border: 2px solid #013fa2;
        left: 0;
        top: 50%;
        margin-top: -4px;
    }
    
    .p102-info-latest li h4 a {
        display: inline-block;
        max-width: 400px;
        height: 36px;
        font-size: 16px;
        color: #333333;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    
    .p102-info-latest li h4:hover a {
        color: #013fa2;
    }
    
    .p102-info-latest li h4:hover:before {
        border-color: #013fa2;
    }
    
    .p102-info-latest li h4:hover:after {
        background: #013fa2;
    }
    
    .p102-info-latest li h4 em {
        float: right;
        width: 90px;
        height: 36px;
        font-family: Arial;
        color: #808080;
        text-align: right;
        font-style: normal;
    }
    
    .p102-info-latest li.last {
        margin-left: 60px;
    }
    
    .p102-info-latest li.last:before {
        content: '';
        position: absolute;
        width: 1px;
        left: 50%;
        top: 22px;
        bottom: 22px;
        background: #dedede;
        z-index: 1;
    }
	.body-color-p102 {
    background: #f5f5f5;
}
.endit-content img {
    max-width: 100%;
}


        .p14-infolist-1-list dl {
            border: 1px solid #dedede;
            margin-bottom: 22px;
            padding: 22px 50px 22px 22px;
            background: #fff;
            overflow: hidden;
        }
        
        .p14-infolist-1-list dt {
            width: 29.5%;
            float: left;
            margin-right: 5.8%;
        }
        
        .p14-infolist-1-list dt img {
            width:100%; 
            display: block;
        }
        
        .p14-infolist-1-list dd h4 {
            height: 40px;
            font-weight: normal;
            font-size:18px;
            color: #154c64;
            line-height: 40px;
            margin-bottom: 5px;
        }
        
        .p14-infolist-1-list h4 a {
            display: block;
            color: #4b4a4a;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        .p14-infolist-1-list dl:hover{border:1px solid #2240b4;}
        .p14-infolist-1-list dl:hover h4 a {
            color: #2240b4;
        }
        
        .p14-infolist-1-list-desc {
            max-height: 72px;
            font-size: 14px;
            line-height: 24px;
            color: #797979;
            margin-bottom: 28px;
            overflow: hidden;
        }
        
        .p14-infolist-1-list-deta {
            width: 90px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            display: block;
            float: right;
            background: #b6b6b6;
            color: #fff;
        }
        .p14-infolist-1-list-deta a{color:#fff;}
        
        .p14-infolist-1-list dl:hover .p14-infolist-1-list-deta {
            background: #2240b4;
            border-color: #2240b4;
        }
        
        .p14-infolist-1-list dl:hover .p14-infolist-1-list-deta a {
            color: #fff;
        }
		
		        .p4-order-form-1 {
            overflow: hidden;
        }
        
        .p4-order-form-1 .p4-titlel-1 {
            width:145px;height: 46px;font-size:18px; line-height: 46px;text-align: center;color:#fff;background: #014198;
            
        }
        
        .p4-order-form-1-con {

           padding:40px 0;
        }
        
        .p4-order-form-1-con li p {
            padding-left: 130px;
            color: #999;font-size: 12px;
        }
        
        .p4-order-form-1-con li {
            margin-bottom: 20px;
            font-size: 14px;
            line-height:50px;
            color: #666;
            overflow: hidden;
        }
        
        .p4-order-form-1-con li span {
            font-weight: bold;
            color: #666;
        }
        .p4-order-form-1-con li b{color:#f00;}
        .p4-order-form-1-con li .row-hd {
            color: #666;
        }
        .timenum{padding-left:95px;}
        .p4-order-form-1-con li p {
            clear: both;
        }
        
        .p4-order-form-1-con label {
            display: inline-block;
            width: 120px;
            color: #666;
            vertical-align: top;
            text-align: right;height: 50px;line-height: 50px;overflow: hidden;
        }
        #code_gg{
            width: 80px;
            margin-right: 10px;
            outline: none;
            padding-left: 10px;
            border: 1px solid #eee;
            height: 33px;
            line-height: 32px;
            color: #666;
        }
        
        
        .p4-order-form-1-con .inputs,
        .p4-order-form-1-con li select {
            width: 89%;
            margin-right: 10px;
            outline: none;
            padding-left: 10px;
            border: 1px solid #ccc;
			border-radius: 10px;
            height: 50px;
            line-height: 50px;
            color: #666;
            box-sizing: border-box;
            /*float: left;*/
        }
        .p4-order-form-1-con .radioandcheck{vertical-align:middle;}
        
        .p4-order-form-1-con .err {
            border: 1px solid #c00;
        }
        
        .p4-order-form-1-con .p4-order-form-1-t1 {
            width: 100%;
        }
        
        .p4-order-form-1-t1 textarea {
            width: 89%;
            height: 102px;
            line-height: 24px;
            border: 1px solid #ccc;
            outline: none;
            resize: none;
            overflow: auto;
			border-radius: 10px;
            box-sizing: border-box;
        }
        
        .p4-order-form-1-con .p4-order-form-1-t2 {
            width: 100%;
        }
        
        .p4-order-form-1-t2 input {
            width: 150px;
            vertical-align: top;
        }
        
        .p4-order-form-1-t2 span {
            width: 153px;
            height: 25px;
        }
        
        .p4-order-form-1-con .p4-order-form-1-t3 {
            padding-left: 120px;
        }
        
        .p4-order-form-1-con .p4-order-form-1-t3 input {
            width: 80px;
            height: 30px;
            border: 0;
            text-align: center;
            margin-right: 30px;
            color: #fff;
            padding-left: 0;
            cursor: pointer;
        }
        
        .p4-order-form-1-con .p4-order-form-1-b1 {
            background: #013fa2;
        }
        
        .p4-order-form-1-con .p4-order-form-1-b2 {
            background: #767676;
        }
        
        .p4-order-form-1-con .p4-order-form-1-t4 {
            overflow: auto;
            height: auto;
            min-height: 35px;
            width: 100%
        }
        
        .p4-order-form-1-con .p4-order-form-1-t4 input {
            vertical-align: middle;
            width: 14px;
            margin: 0 10px;
        }