@charset "utf-8";
	/* 通用代码 */
	html,body{width:100%;padding: 0px;margin:0px;*position:static; }
	*{font-family: "微软雅黑"; font-size: 16px; color:#332c2b; padding:0px;margin:0px;}
	a{text-decoration:none;}
	ul, li, ol, p, dt, dd, dl, pre, xmp, plaintext, listing{list-style-type:none;}
	button,input{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-appearance: none; outline:none;text-decoration: none;}
	.anim0{ animation: dz0 .8s linear 1 normal forwards; }
.anim1{ animation: dz1 .8s linear 1 normal forwards; }
.anim2{ animation: dz2 .8s linear 1 normal forwards; }
.anim3{ animation: dz3 1s linear 1 normal forwards; }
.anim4{ animation: dz4 1s linear 1 normal forwards; }
.anim5{ animation: dz5 .6s linear 1 normal forwards; }
.anim6{ animation: dz6 .6s linear 1 normal forwards; }
.anim7{ animation: dz7 .6s linear 1 normal forwards; }
/*.anim99{ animation: dz99 .6s linear 1 normal forwards; }
 .anim5{ animation: dz5 .6s linear 1 normal forwards; }
.anim6{ animation: dz6 .6s linear 1 normal forwards; } */
/* .anim7{ animation: dz7 .6s linear 1 normal forwards; }
.anim8{ animation: dz8 .6s linear 1 normal forwards; } */
/* @keyframes dz1
{
0% {opacity: 0;transform: translate(0, -30%); }
100% {opacity: 1; transform: translate(0, 0%); }
}
@keyframes dz2
{
0% {opacity: 0; transform: translate(0, 100px); }
100% {opacity: 1;transform: translate(0, 0%);  }
} */
.dhxg{ opacity: 0; }
.dhxg2{ opacity: 0; }
.le{float: left; }
.ri{float: right; }
@keyframes dz0
{
0% {opacity: 0; }
100% {opacity: 1; }
}
@keyframes dz1
{
0% {opacity: 0;transform: translate(-20%, 0%); }
100% {opacity: 1; transform: translate(0, 0%); }
}
@keyframes dz2
{
0% {opacity: 0;transform: translate(0, 30%); }
100% {opacity: 1; transform: translate(0, 0%); }
}
 @keyframes dz3
{
0% {opacity: 0;transform: translate(0, 30%); }
100% {opacity: 1; transform: translate(0, 0%); }
}
 @keyframes dz4
{
0% {opacity: 0;transform: translate(0, -30%); }
100% {opacity: 1; transform: translate(0, 0%); }
}
/* @keyframes dz5
{
0% {opacity: 0; transform: rotate(-2deg);position: relative; }
100% {opacity: 1; transform: rotate(0);position: relative;  }
}
@keyframes dz
{
0% {opacity: 0;transform: rotate(2deg);position: relative; }
100% {opacity: 1; transform: rotate(0deg);position: relative;  }
}*/

/* @keyframes dz99
{
0% {opacity: 0;transform: rotate(20deg);position: relative; }
100% {opacity: 1; transform: rotate(0deg);position: relative;  }
} */
@keyframes dz5
{
0% {opacity: 0; transform: scale(1.1); }
100% {opacity: 1; transform: scale(1); }
}
@keyframes dz6
{
0% {opacity: 0;transform: scale(.9); }
100% {opacity: 1; transform: scale(1); }
}
@keyframes dz7
{
0% {opacity: 0; transform: translate(-40%, 40%); }
100% {opacity: 1;transform: translate(0, 0%);  }
}


/* 通用设置 */
.hei::after {content: ""; display: block;clear: both;}
.sjcx{display: none;}
.BigDiv{ max-width:1903px;min-width:1200px;width:100%; margin: auto;position: relative; }
.cen{ width: 90%; max-width: 1200px; margin: auto;}

@media screen and (max-width:640px) and (min-width:0px){
	.sjcx{display: inline-block;  }
	.sjyc{display: none;}
	.ment img {width: 30px;}
	.ment { float: right; margin-top: 7px; }
}
.banner{ position: relative; }
.banner img{ display: block; max-width: 100%; height: auto; }
.banner .hd{ position: absolute; bottom: 10px; text-align: center; width: 100%;}
.banner .hd li{ font-size: 0;  width: 10px; height: 10px; border-radius: 50%; background: #fff; border-radius: 10px; display: inline-block; margin: 0 5px; transition: .5s; }
.banner .hd li.on{ background: #194d94; width: 30px; }
.fl{ float: left;}
.ri{ float: right; }
.size{
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% auto!important;transition: .5s;
}
.size:hover{ background-size: 110% auto!important;}
.size img{ display: block;width: 100%; }



.more.cen{ text-align: center; margin: 40px auto;}
.more.cen a{ font-size: 21px; }
.page{ text-align: center;  margin-top: 40px; margin-bottom: 20px; }
.page a{ color:#333333; font-size: 14px;  line-height: 36px; text-align: center; background: #f5f8fb; border-radius: 5px;

	display: inline-block; padding: 2px 15px; margin: 0 5px; }
.page a.on{ color:#fff;background: #414e96; }
.page .s{ border: 1px solid #666666; display: inline-block; width: 30px; transition: .5s; height: 30px; font-size: 17px; border-radius: 20px; text-align: center; line-height: 30px; box-sizing: border-box; }
.page .s:hover{ background: #616161; color:#fff; }
.page .s.on{ background: #616161; color:#fff;}
img{max-width: 100%;height: auto; }


/* 顶部区域 */
.top{ height: 73px; position: absolute; width: 100%;z-index: 9;}
.top .cen{ max-width: 1200px; }
.top .logo{ float: left; width: 400px; margin-top: 18px; }
.top .form{ height: 40px; margin-right: 26px; float: right; margin-top: 30px; }
.top .form p{ text-align: center; margin-top: 28px; }
.top .form form{ width: 235px; top: 60px; height: 40px; background: #fff; border-radius: 30px;  }
.top form input{ border: none; }
.top form .input_txt{ background: none; color:#333; font-size: 14px; width: 168px; height: 30px; margin-top: 4px; margin-left: 20px; }
.top form .input_but{ width: 17px;height: 18px; background: url("../i/search.png") no-repeat center; float: right; margin-top: 10px;  margin-right: 14px; }
.top .form:hover form{ display: block; z-index: 9;}

.top2{ background: #194d94; height: 59px; margin-top: 4px; }
.nav li{ float: left;  line-height: 59px; }
.nav li .Ns{ display: none; }
.nav li>a{ color:#fff; display: block;padding: 0 42px;  }
.nav li.on{ background: #1f5cb1; }

.nav li .text{position: absolute; width: 100%; left: 0; transition: .5s; padding: 0px 0;background: rgba(255,255,255,.9);
 z-index: 9; box-shadow: 0 0 5px rgba(0,0,0,.3); height: 0; overflow: hidden; }
.nav li:hover .text{ padding: 40px 0; height: auto; }
.nav li .text .fl1{
	width: 47%;
	margin-top: 30px;
	margin-left: 1%;
}
.nav li .text .fl1 p{
	line-height: 40px;
	position: relative;
	float: left;
	width: 31.33%;
	margin-left: 1%;
}
.nav li .text .fl1 p a{ color:#666666; font-size: 17px; }
.nav li .text .fl1 p::before{ content: ""; position: absolute; width: 4px; height: 4px; top: 50%; background: #dadada; margin-left: -12px; }
.nav li .text .fl1 p:hover a{ color:#1f4f93;}
.nav li .text .fl1 p:hover::before{ background: #1f4f93;}
.nav li .text .fl1 p.on a{ color:#1f4f93; }
.nav li .text .fl1 p.on::before{ background: #1f4f93;}
.nav li .text .fl2{
	width: 50%;
}
.nav li .text .fl2 .pic{ width: 36%; margin-right: 5%; margin-top: 0px; float: left; }
.nav li .text .fl2 .p1{ color:#194d94;  font-size: 34px;  line-height: 1.4; font-family: "华文行楷";    text-align: center;}
.nav li .text .fl2 .p2{ color:#333333; font-size: 18px; font-family: "华文宋体"; text-align: center; line-height: 2;  margin-top: 15px; }




.su1p{ height: 97px; background: url("../i/sn1.jpg") no-repeat #1f4f93 right; line-height: 97px;color:#ffffff; font-weight: bold; font-size: 24px;
padding-left: 35px;box-sizing: border-box;}
.tyfl{ width: 272px; }
.su1{ position: relative; }
.su1 .ho2ul{ margin-top: 0; }
.Style .su1{ padding: 60px 0;}
.Style .ho2ul li{ margin-bottom:30px;  }
.tyfl2{ width: 272px;  position: absolute; top: 0; transform: translateY(-100%);}
.tyfl .su1ul li{ height: 60px; line-height: 60px;padding-left: 35px;background: #f2f4f9; border-bottom: 1px solid #ebebeb;position: relative;}
.tyfl .su1ul li a{ color:#333333; font-size: 17px; display: block; }
.tyfl .su1ul li:last-child{ border: none; }
.tyfl .su1ul{ border: 1px solid #f2f4f9; }
.tyfl .su1ul li::before{ content: ""; position: absolute;
 		width: 0;	right: 30px;top: 50%; transform: translateY(-50%);
    height: 0;
    border-top: 4px solid transparent;
    border-left: 6px solid #1f4f93;
    border-bottom: 4px solid transparent;
}
.su1div{ margin-top: 42px; }
.su1div .p1{height: 46px; line-height: 46px; background: #1f4f93; text-align: center; color:#fff;  position: relative;}
.su1div .p1::before{ content: ""; position: absolute; width: 90%; border-bottom: 1px dashed rgba(255,255,255,.4); left: 5%; top: 50%;}
.su1div .p1 span{ background: #1f4f93; position: relative;z-index: 1; color:#fff; padding: 0 10px; }
.su1ul2{ background: #f2f4f9; border: 1px solid #ebebeb; padding: 16px 35px;}
.su1ul2 li{ line-height: 2.4; position: relative; }
.su1ul2 li::before{ content: ""; width: 4px; height: 4px; background: #1f4f93; position: absolute; left: 0; margin-left: -15px; top: 50%; margin-top: -2px; }

	/* banner图 */
.fullslide{ position: relative; }
.fullslide .cen{ position: absolute; left: 50%; transform: translateX(-50%); top: 0; }
.fullslide .tu2{ display: none; }
.fullslide .tu1{ display: block; }
.fullslide img{width: 100%;height: auto; }
.fullslide .hd ul li{ width: 15px; height: 15px; border-radius: 20px; transition: .5s; background:rgba(255,255,255,.5);font-size: 0; display: inline-block; margin-left: 5px; margin-right: 5px; }
.fullslide .hd ul{ position: absolute; width: 100%; bottom: 20px; text-align: center;}
.fullslide .hd ul li.on{ background: #fff;  }
.fullslide .bd li{ position: relative; }

.fullslide .text{ position: absolute; left: 18.5%; top: 50%; transform: translateY(-50%);}
.fullslide .hd>a{ display: none; }
.fullslide .text .p1{ color:rgba(214,215,255,.1); font-weight: bold; font-size: 100px; text-transform: uppercase; position: absolute; margin-top: -30px; }
.fullslide .text .p2{ color:#fffcff; font-size:68px; margin-top: 24px; text-shadow: 0 5px 1px rgba(0,0,0,.2);}
.fullslide .text .p3{color:#fffcff; font-size:36px; margin-top: 24px; text-shadow: 0 3px 1px rgba(0,0,0,.2);  }


/* 通用标题 */
.tybt .p1{ text-align: center; color:#999999; text-transform: uppercase; font-size: 18px; }
.tybt .p2{ text-align: center; color:#333333; font-size: 45px; margin-top: 10px; }


/* 通用内页banner */
.banner .text{ position: absolute; top: 50%; transform: translateY(-50%);}
.banner .text .p1{ color:#ffffff; font-size: 55px; font-weight: bold; margin-bottom: 14px; }
.banner .text .p2 a{ color:#ffffff; font-size: 18px; }

/* 通用导航 */
.tydh{ border-bottom: 1px solid #e5e5e5; }
.tydh .fl li{ float: left; height: 79px;line-height: 79px; margin-right: 72px;border-bottom: 2px solid #fff; }
.tydh .fl li a{ color:#333333;display: block;}
.tydh .fl li:hover{border-bottom: 2px solid #004ea2;  }
.tydh .ri{ line-height: 79px; }
.tydh .ri a{ color:#999999; font-size: 13px; }
.tydh .ri span:last-child a{color:#333333; }

.tylm{ border-bottom: 1px solid #e5e5e5; }
.tyul li{height: 74px; line-height: 74px; box-sizing: border-box; display: inline-block; padding: 0 40px; }
.tyul li:hover{ border-bottom: 2px solid #00479d; }
.tyul li:hover a{ color:#00479d; }
.tyul li.on{ border-bottom: 2px solid #00479d; }
.tyul li.on a{ color:#00479d; }


/* 内页通用标题 */
.tybt2 .p1{ color:#333333; font-size: 24px; text-align: center; font-weight: bold; }
.tybt2 .p2{ text-align: center;color:#999999;font-size: 12px; text-transform: uppercase; margin: 8px 0;}
.tybt2 .p2::after{ content: ""; background: #004ea2; height: 3px; width: 26px; margin: auto; display: block; margin-top: 15px; }


.in_cdh {
	    width: 65px;
	    position: fixed;
	    right: 0;
	    top: 35%;
	    z-index: 100;
	}

	.in_cdh>div {
	    display: block;
	    cursor: pointer;
	    position: relative;
	    width: 70px;
	    height: 70px;
	    border-radius: 8px;
	    margin-bottom: 12px;
	    background-color: #fff;
	    box-shadow: 0 0 10px rgba(7, 80, 246, .1);
	}
	.in_cdh>div b{ font-weight: 400; color:#777777; font-size: 12px; text-align: center; display: block; padding-top: 40px; }
	.in_cdh>div>a {
	    display: block;
	    width: 100%;
	    height: 100%;
	    position: relative;
	}

	.in_cdh>div .icona {
	    position: absolute;
	    left: 50%;
	    top: 30%;
	    transform: translate(-50%, -50%);
	}

	.in_cdhyc {
	    width: 111px;
	    height: 108px;
	    background-repeat: no-repeat;
	    background-size: auto;
	    background-position: left;
	    position: absolute;
	    right: 64px;
	    top: 0;
	    z-index: 2;
	    padding-right: 8px;
	    display: none;
	}

	.in_cdh>div:hover .in_cdhyc {
	    display: block;
	}

	.in_cdt1 {
	    font-size: 26px;
	    line-height: 28px;
	    color: #444444;
	    display: block;
	    padding-left: 30px;
	    padding-top: 18px;
	}

	.in_cdt2 {
	    font-size: 22px;
	    line-height: 28px;
	    color: #444444;
	    display: block;
	    padding-left: 30px;
	    padding-top: 18px;
	}

	.in_cdt3 {
	    font-size: 26px;
	    line-height: 28px;
	    color: #444444;
	    display: block;
	    padding-left: 30px;
	    padding-top: 25px;
	    font-weight: bold;
	}

	.in_cdt4 {
	    width: 89px;
	    display: block;
	    margin: 10px 10px 0px 8px;
	}

	.in_cdh div a {
	    position: relative;
	    display: block;
	    z-index: 16;
	}

	.in_ct1 {
	    line-height: 65px;
	    font-size: 18px;
	    padding: 0 15px;
	    position: absolute;
	    right: -205px;
	    top: 0;
	    z-index: 15;
	    width: 150px;
	    height: 65px;
	    text-align: center;
	    background-color: #004ea2;
	    transition: all 0.3s;
	    color: #ffffff;
	}

	.in_cdh div:hover .in_ct1 {
	    right: 65px;
	    transition: all 0.3s;
	}



.more{width: 180px; height: 58px; background: #0059aa; border-radius: 8px; text-align: center; line-height: 58px; }
.more a{ color:#ffffff; }
.more img{ margin-left: 15px;position: relative;top: -4px; }

.ho1{ padding: 45px 0;}
.ho1div>img{ float: left; }
.ho1div{ overflow: hidden; position: relative;}
.ho1div::before{ content: ""; width: 80%; height: 1px; background: #e2e2e2; position: absolute; top: 50%; left: 25%;margin-left: 2%;}
.ho1 .qh1{ float: left; }
.ho1 .qh1 span{ color:#c8c8c8; font-weight: bold; font-size: 26px; margin-left: 25px; }
.ho1 .qh1 span.on{ color:#194d94; }
.ho1 .qh2{ float: right; margin-top: 6px; background: #fff; padding-left: 15px; background: #fff; position: relative; z-index: 2;}
.ho1 .qh2 a{ color:#1f61af; }

.h1d2 .fl{ width: 38.6%; }
.h1d2 .fl .picScroll-left{ width: 100%; position: relative;}
.h1d2 .fl .picScroll-left .bd li{ position: relative;}
.h1d2 .fl .picScroll-left .hd li{ width: 24px; height: 24px; line-height: 24px; text-align: center; background: #f4f5f4; margin-right: 5px; float: left; border-radius: 5px; font-size: 12px; color:#333333;}
.h1d2 .fl .picScroll-left .hd li.on{ background: #194d94;color:#fff;}
.h1d2 .fl .picScroll-left .hd{ position: absolute; bottom: 60px;right: 5px;}
.h1d2 .fl .picScroll-left .p1{ position: absolute; width: 100%; bottom: 0; height: 54px; line-height: 54px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
	text-align: center; background: rgba(0,0,0,.5); color:#fff;
	 padding: 0 10px; box-sizing: border-box; }
	 .h1d2 .fl .picScroll-left .p1 a{  color:#fff;}
.h1d2 .fl .picScroll-left .pic img{ display: block; height: 350px; }
.technology .h1d2 .fl .picScroll-left .pic img{height: 450px; }
.vocational .h1d2 .fl .picScroll-left .pic img{ height: 400px;}
.h1d2 .ri{ width: 57.5%; }
.ho1div2{ margin-top: 40px; }


.h1d2ul li{ padding: 9px 0; overflow: hidden;position: relative;}
.h1d2ul li .h1sp1{color:#333333; }
.h1d2ul li p{ float: left; width: calc(100% - 100px);text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.h1d2ul li .h1sp2{color:#888888;}
.h1d2ul li .time{color:#b2b2b2; float: right;}
.h1d2ul li:nth-child(1){ border-bottom: 1px dashed #d9d9d9; margin-bottom: 16px; padding-bottom: 16px; padding-left: 24px; }
.h1d2ul li:nth-child(1)::before{ content: ""; width: 8px; height: 8px; background: #000000; transform: rotate(45deg); position: absolute; left: 5px; margin-top: 18px; }
.h1d2ul li:nth-child(1) .time{ display: none;}
.h1d2ul li:nth-child(1) p{ text-overflow: inherit; white-space: inherit; overflow: inherit; line-height: 1.8; width: 100%;}
.h1d2ul li:nth-child(1) .h1sp1{ font-size: 22px; color:#333333; font-weight: bold; }
.h1d2ul li:nth-child(1) .h1sp2{ font-size: 22px; color:#333333; }
.h1d2ul li:hover .h1sp2{ color:#194d94;}





.ho2{ background: #f9f9f9; padding: 40px 0;}
.ho2div img{ float: left;}
.ho2div .qh1{ float: left;color:#194d94; font-weight: bold; font-size: 14px; margin-left: 25px; margin-top: 4px; }
.ho2div .qh1 span{ color:#194d94; font-size: 25px; font-weight: bold;margin-right: 13px; }
.ho2div .qh2{ float: right; margin-top: 6px; padding-left: 15px;  position: relative; z-index: 2; background: #f9f9f9;margin-top: 12px;}
.ho2div .qh2 a{ color:#1f61af; }
.ho2div{ overflow: hidden; position: relative;}
.ho2div::before{ content: ""; width: 80%; height: 1px; background: #e2e2e2; position: absolute; top: 50%; left: 25%;margin-left: 2%;}
.ho2ul{ margin-top: 40px; margin-right: -2%;}
.ho2ul li{ width: 23%; margin-right: 2%; float: left; }
.ho2ul li .pic { transition: .5s; box-shadow: 0 0 0;}
.ho2ul li .pic img{ display: block;height: 187px;}
.ho2ul li .p1{color:#666666; text-align: center; transition: .5s; margin-top: 5px; }
.ho2ul li .p1::before{ content: ""; width: 6px; height: 6px; background: #000000; transition: .5s; position: relative; top: -2px; transform: rotate(45deg); display: inline-block; margin-top: 17px; margin-right: 8px; }
.ho2ul li:hover .pic{box-shadow: 0 0 10px rgba(13,67,143,1);}
.ho2ul li:hover .p1{ color:#0d438f; }
.ho2ul li:hover .p1::before{ background: #0d438f;}
.fot1{ background: #e7edf4; padding: 30px 0;}
.fot1p{ font-weight: bold; color:#0d438f; }
.fot1p span{ color:#666666; font-size: 13px; padding-right: 14px; border-right: 1px solid #5d636a;    margin-left: 12px; }
.fot1p span a{ color:#666666; font-size: 13px; }
.foot .fl1 .pic{ float: left;margin-right: 25px; margin-top: 30px; }
.foot .fl1 .p1{color:#ffffff; line-height: 2; float: left; }
.foot .fot2 .cen{ overflow: hidden; }
.foot .fot2{ background: url("../i/fot.jpg") no-repeat center #0d438f; padding: 34px 0;}
.foot .fl2{ border-left: 1px solid #2f5a96; border-right: 1px solid #2f5a96; padding: 20px 60px; width: 240px; margin-left: 70px; }
.foot .fl2 .p1{ color:#ffffff; }
.foot .fl2 .fl2ul{ margin-top: 10px; }
.foot .fl2 .fl2ul li{ float: left; margin-right: 28px; line-height: 1.8; }
.foot .fl2 .fl2ul li a{ font-size: 13px; color: rgba(255,255,255,.3); }
.foot .fl3{ margin-left: 60px; margin-top: 20px; }
.foot .fl3 .p1{ text-align: center; color:#ffffff; font-size: 12px; margin-top: 8px; }
.foot .fot2p{ text-align: center;color:rgba(255,255,255,.5);font-size: 13px; border-top: 1px solid #416aa2; margin-top: 30px; padding-top: 20px; }
.foot .fot2p a{ text-align: center; color:rgba(255,255,255,.5); font-size: 13px;}
@media screen and (max-width:1400px) and (min-width:640px){
	.foot .fl2{padding: 20px 2%;margin-left: 2%; width: 25%; box-sizing: border-box; }
	.foot .fl2 .fl2ul li{ margin-right: 20px; }
	.foot .fl1{ width: 55%;}
}


.tyri{ width:calc(100% - 320px);}
.tyfl{ margin-top: -97px;     position: relative; margin-bottom: 80px; }
.tywz{ border-bottom: 1px solid #ebebeb;  padding-top: 23px; padding-bottom: 16px; text-align: right; color:#999999; font-size: 12px;}
.tywz a{ color:#999999; font-size: 12px; }
.tywz span:last-child a{ color:#333333; }
.ritext .p1{ color:#1f4f93; font-size: 28px; font-weight: bold; text-align: center; margin-bottom: 40px; }
.ritext{ padding-top: 45px; padding-bottom: 50px; }
.ritext .text p{ color:#666666; line-height: 1.8; margin-bottom: 30px; }
.su1{ background: url("../i/bj1.jpg") no-repeat right bottom; }
.ritext .text table{ border: 2px solid #fff;     width: 100%;background: #e8eff8; }
.ritext .text table th,.ritext .text table td{     padding: 15px 10px; color:#333333; font-size: 13px; line-height: 1.8; text-align: center; border: 1px solid #fff; min-width: 90px; box-sizing: border-box; }
.Tens{ background: #1f4f93; color:#ffffff; height: 56px; line-height: 56px; font-weight: bold; text-align: center; box-sizing: border-box; border: 3px solid #fff; border-bottom: none; }

.su2ul li{ width: 30.33%; margin-right: 3%; margin-bottom: 3%;float: left; background: #f7f7f7; padding: 20px; box-sizing: border-box; cursor: pointer; }
.su2ul li img{ display: block; }
.su2ul{ margin-right: -3%; }
.su2ul{ margin-bottom: 0px; }


.Mist{ position: fixed; width: 100%;height: 100%; left: 0; top: 0; z-index: 99; background: rgba(0,0,0,.5); }
.midiv{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #fff; width: 90%; max-width: 1200px; padding: 70px; box-sizing: border-box; }
.midiv .close{ float: right; margin-top: -40px; cursor: pointer; }
.midiv .bd{ position: absolute; width: 90%; top: 50%; transform: translateY(-50%);}
.midiv .bd .prev{ float: left; cursor: pointer; }
.midiv .bd .next{ float: right; cursor: pointer;}
.midiv .jz{ text-align: center;}
.midiv .jz .p1{ color:#333333; font-size: 18px; margin-top: 40px; }
.Mist{ display: none;}



.news1 li{overflow: hidden; border-bottom: 1px solid #ececec; padding-bottom: 40px; margin-bottom: 40px; }
.news1 li .pic{ float: left; width: 240px; }
.news1 li .texta{ float: left; width: calc(100% - 300px); margin-left: 60px; margin-top: 10px;}

.news1 li .texta .p1{ text-align: left; color:#333333; font-size: 18px; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 0;overflow: hidden; }
.news1 li .texta .p1 span{ color:#194d94; font-size: 18px; }
.news1 li .texta .p2{ color:#999999; margin-top: 8px; margin-bottom: 8px; }
.news1 li .texta .smt{ color:#666666; font-size: 14px; line-height: 1.8; height: 50px; overflow: hidden; }
.news1 li .texta .more{ width: 127px; height: 30px; line-height: 30px; border-radius: 0; color:#fff;font-size: 12px; margin-top: 18px; }


.tysx {
	    background: #f0f3f6;
	    padding: 18px 36px;
	    overflow: hidden;margin-bottom: 66px; margin-top: 60px;
	}

	.tysx .prev {
	    float: left;
	    width: 40%;
	}

	.tysx .fh {
	    width: 20%;
	    float: left;
	    text-align: center;
	}

	.tysx .next {
	    float: right;
	    width: 40%;
	    text-align: right;
	}
	.tysx p {text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
	.tysx p span{ margin-right: 10px; color:#999999; font-size: 14px; }
	.tysx p a {
	    color: #666666;
	    font-size: 14px;
	}
.ne1{ background: #f2f4f9; padding: 60px 0;}
.ne1 .morea{ float: right; background: #194d94; width: 154px; margin-top: 15px; height: 40px; line-height: 40px; border-radius: 40px; color:#fff; text-align: center;}
.ne1 .morea a{ color:#fff; font-size: 14px; }
.ne1 .p1{
	color: #333333;
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 16px;
}
.ne1 .p2 span{ color:#999999; font-size: 15px; margin-right: 10px; }
.ne2 .texts p{ color:#666666; line-height: 1.8; margin-bottom: 30px; }
.ne2{ padding: 40px 0;}
.ne2 .pic{ text-align: center; }




.vo1 .h1d2 .fl{width: 56.6%;}
.vo1 .h1d2 .ri{ width: 40.8%;}
.h1d2 .fl .picScroll-left .pic img{ width: 100%;}
.vo1{ padding: 60px 0;}
.typt1 span{ color:#1f5cb1; font-size: 24px;display: inline-block; padding-bottom: 10px; border-bottom: 2px solid #1f5cb1; margin-right: 14px; }
.typt1{ color:#999999; border-bottom: 1px solid #d7d7d7; }
.typt1 a{ width: 58px; height: 26px; line-height: 26px; border-radius: 20px; background: #194d94; margin-top: 3px; display: block; float: right; color:#fff; font-size: 12px; text-align: center; }
.voul{ margin-top: 20px; }
.voul li{ margin: 12px 0;}
.voul li a{ display: inline-block; width: calc(100% - 80px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; background: url("../i/img.jpg") no-repeat 5px 50%; padding-left:20px; box-sizing: border-box; }
.voul li span{ color:#999999; font-size: 13px; float: right; margin-top: 3px; }
.vo2,.vo4{background: #f8faff; padding: 50px 0;}
.vo3{ padding: 50px 0;}
.vo2 .fl,.vo3 .fl{ width: 48%; }
.vo2 .ri,.vo3 .ri{ width: 48%; }
.voul2{ margin-top: 23px; }
.voul2 li{ overflow: hidden; margin-bottom: 17px; }
.voul2 li a{ display: inline-block; width: calc(100% - 90px);margin-left: 17px; color:#333333; font-size: 15px;
line-height: 1.8;
	 box-sizing: border-box;}
.voul2 li .time{ width: 59px; height: 52px; border: 1px solid #1f5cb1; box-sizing: border-box; float: left;}
.voul2 li .time span:nth-child(1){ display: inline-block; width: 100%; background: #015e99; line-height: 28px; color:#fff;font-size: 20px; text-align: center;}
.voul2 li .time span:nth-child(2){ color:#194d94; line-height: 19px; text-align: center; font-size: 12px;display: inline-block; width: 100%;padding-bottom: 4px; }

.vo4div .ho2ul li{ margin-right: 20px; margin-left: 3px; }
.vo4div{ margin-top: 38px;  position: relative; }
.vo4div .prev{ position: absolute; left: -80px; top: 50%; cursor: pointer; transform: translateY(-50%);}
.vo4div .next{ position: absolute; right: -80px; top: 50%; cursor: pointer; transform: translateY(-50%);}

.news1 li:hover{ border-bottom: 1px solid #1f5cb1; transition: .5s; }
.news2 .news1 li{ padding: 35px 40px; background: #f8f8f8; border: none; margin-bottom: 14px;border: 1px solid #fff; transition: .5s; }
.news2 .news1 li:hover{border: 1px solid #1f5cb1; box-sizing: border-box; box-shadow: 0 0 5px rgba(0,0,0,.2); }
.news1 li:hover .p1{ color:#1f5cb1;transition: .5s;  }

.te1{ padding: 40px 0;}
.te3{ padding: 50px 0;}
.te1 .h1d2 .fl{ width: 56.6%; }
.te1 .h1d2 .ri{ width: 43.3%; padding: 30px; box-sizing: border-box; padding-top: 35px; }
.technology .h1d2{ background: #f2f4f9; }
.technology .typt1 span{ color:#333333; font-size: 24px; font-weight: bold; padding-bottom: 0; border: none; }
.technology .typt1 { border: none; }
.technology .typt1 img{ margin-right: 8px; position: relative; top: -4px; vertical-align: middle; }
.technology .voul{ margin-top: 26px; }
.technology .voul li{ position: relative; }

.technology .voul li a{ background: none; color:#666666; font-size: 15px;width: 100%;}
.technology .voul li a::before{ content:""; position: absolute; width: 5px; height: 5px; background: #d3d4d7; left: 0; top: 50%; margin-top: -3px; }
.technology .voul li{ margin: 11px 0;}
.technology .voul li:last-child{ margin-bottom: 0; }
.news2 .news1 li .pic img{ max-height: 160px; width: 100%;}
.news2 .news1 li .texta .smt{ height: 75px; }
.voul li:hover a{ color:#1f5cb1; }


.te2{ padding: 50px 0; background: #f2f4f9; }
.voul3 li{ overflow: hidden; margin-bottom: 14px; }
.voul3 li .pic{ float: left; width: 116px; }
.voul3 li .text{ float: right; width: calc(100% - 130px); }
.voul3 li .text .p1{ color:#333333; font-size: 14px; line-height: 1.8;}
.voul3 li .text .p2{ color:#999999; font-size: 12px; margin-top: 8px; }
.voul3{ margin-top: 30px; }

.te2 .fl{ width: 30.33%; margin-right: 2%; margin-left: 1%;}
.te2 .typt1{ border-bottom: 1px solid #d7d7d7; padding-bottom: 15px; }

.te3  .typt1{ border-bottom: 1px solid #d7d7d7; padding-bottom: 15px; }
.te3  .typt1 span{ color:#1f5cb1; }



.neul3 li{ padding: 30px 36px; background: #f8f8f8; margin-bottom: 4px; transition: .5s; position: relative; padding-right: 50px; }
.neul3 li .time{ color:#999999; margin-bottom: 12px; }
.neul3 li .p1{ margin-bottom: 0; text-align: left; color:#333333; transition: .5s; font-size: 18px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative; font-weight: normal; padding-left: 18px;}
.neul3 li .p1::before{ content: ""; width: 6px; height: 6px; transition: .5s;  background: #000000; transition: .5s; position: absolute;  transform: rotate(45deg);
 display: inline-block; margin-top: 9px; left: 3px; }
 .neul3 li:hover{ background:  #fff; box-shadow: 0 0 5px rgba(0,0,0,.3);}
  .neul3 li::after{content: ""; width: 0;height: 100%; position: absolute; right: 0; top: 0; background: url("../i/d2.jpg") no-repeat center #0061ae; transition: 1s; }
.neul3 li:hover .p1{ color:#1f5cb1;}
.neul3 li:hover .p1::before{background:#1f5cb1; }
.neul3 li:hover::after{ width: 70px; }










@media screen and (max-width:640px) and (min-width:0px){
	*{ font-size: .24rem; }
.BigDiv{ overflow: hidden; }
.top .right > ul > li span{ display: none; }
.fullslide  .bd li .tu1{display: none;}
.fullslide  .bd li .tu2{display: block; width: 100%; }
.tu1{ display: none;}
.tu2{ display: block; }
.fullslide .prev, .fullslide .next{ display: none; }
.float{ display: none;}
.fullslide .text .title{ display: none; }
.fullslide .text .pic{ display: none; }
.fullslide1 .bd::before{ bottom: -2px; }
.fullslide1 .text{ width:80%; margin-top: 0;  bottom: 20%; left: 50%; margin-left: -40%; }
.fullslide1 .text .title{ font-size: .6rem; }
.fullslide1 .text .ftitle{ font-size: .7rem; }
.fullslide1 .text .smrt{ font-size: .4rem; line-height: .5rem; margin-top: 40px; }
.clname .ftitle{ font-size: .8rem;margin-left: -100px;
margin-top: -23px;}
.fullslide .cen{  top: inherit; bottom: -80px;}
.fullslide .text{ width: 90%; left: 50%; height: 350px; transform: translateX(-50%); top: inherit;bottom: 0;
padding: 15px 16px; box-shadow: 0 0 5px rgba(0,0,0,.1); }
.fullslide .text .input_but{ font-size: .48rem; }
.fullslide .hd{display: none; }
.pics{ margin-top: .3rem; }
.fullslide .text .ftitle{ font-size: .42rem; }
.fullslide .text .ftitle .sjcx{ font-weight: normal;  display: block; color:#ff7109; font-size: .57rem; font-weight: bold; }
.fullslide .text .ftitle .sjcx a{ color:#02469b; font-size: .57rem; font-weight: bold; }
.BigDiv{min-width: 320px;}
.cen{ min-width: 280px; }
.sjcx{ display: inline-block;}
.sjyc{ display: none;}
	.BigDiv{max-width: 640px; min-width: 320px; margin: auto; }
	.logm{ float: right; margin-right: 15px; font-size: 20px; margin-top: 13px; }
	.logm span{ color:#fe5e10; }
.top{ height: auto; margin-top: 0; padding: 5px 0; }
.cen{width: 94%; margin: auto; }
.lc{ display: none; }
.ment img {width: 30px;}
.ment { float: right; margin-top: .2rem; }
.banner img{ max-width: 200%; width: 200%; position: relative; left: 50%; transform: translateX(-50%);}
.fullslide .bd li .sjyc{ display: none;}
.fullslide .bd li .sjcx{ display: block;}
.top .ri .text1{ display: none; }
.a0{ position: relative; width: 100%; transform: translateY(0);}
.top .logo img{  }
.top .logo{ margin-left: 0; width: 70%; margin-top: 0; }
.top .ri{ position: absolute; width: 40%; right: 0; }
.top .form{ display: none; }
.top2{ position: absolute; right: 0; width: 40%; height: auto; }
.nav li > a{padding: 0; }
.nav li{ float: none; width: 100%; text-align: center; }
.top2 .cen{ min-width: inherit; width: 100%; }
.nav li{ line-height: normal;padding: .25rem 0; }
.top2{ display: none; }
.ho1div::before { display: none; }
.ho1 .qh1 span{ font-size: .32rem; margin-left: .2rem; }
.ho1div > img{ width: .5rem; }
.ho1,.ho2{ padding: .6rem 0;}
.ho1div2{ margin-top: .2rem; }
.h1d2 .fl{ width: 100%; }
.h1d2 .ri{ width: 100%; }
.h1d2ul li:nth-child(1) .h1sp1{ font-size: .28rem; }
.h1d2ul li:nth-child(1) .h1sp2{ font-size: .28rem; }
.h1d2ul li:nth-child(1)::before {width: 6px; height: 6px; }
.ho2div::before { display: none; }
.ho2div .qh1 span{ font-size: .32rem; }
.ho2div > img{ width: .5rem; }
.ho2ul{ margin-top: .4rem; }
.ho2ul li{ width: 48%; margin-bottom: 4%;}
.fot1{ padding: 20px 0;line-height: 2; }
.foot .fot2{ padding: 15px 0;}
.foot .fot2 .fl1{ float: none; width: 100%; text-align: center; }
.nav li .text{ height: auto; padding: 10px 0; display: none;transition: 0s;}
.nav li .text .fl1 p{ height: 30px; line-height: 30px; }
.nav li .text .fl2{ display: none; }
.nav li .text .fl1{ width: 100%;margin-left: 0; margin-top: 0; }
.nav li .text .fl1 p{ width: 100%; margin-left: 0; }
.nav li:hover .text{ padding: 10px 0;height: auto;}
.nav li .text .fl1 p a{ font-size: .24rem;}
.nav li .Ns{ float: right; color:#fff; display: block;margin-right: .2rem; }

.foot .fl1 .pic{ float: none;margin: auto; }
.foot .fl1 .p1{ float: none; }
.foot .fl2{ display: none; }
.foot .fl3{ float: none; margin-left: 0; text-align: center; }
.su1div{ display: none; }
.tyfl{ margin: auto; width: 100%; float: none; }
.su1p{ height: .8rem; line-height: .8rem; }
.tyfl{ margin-top: -.8rem; }
.tyfl .su1ul li{ width: 25%; float: left; text-align: center; height: 40px; line-height: 40px; box-sizing:  border-box; padding-left: 0; }
.tyfl .su1ul li a{ font-size: .24rem; }
.tyfl .su1ul li::before { display: none; }
.su1p{ font-size: .32rem; }
.tyri{ width: 100%; }
.tywz{display: none; }
.ritext{ padding: .6rem 0;}
.news1 li{ padding-bottom: 20px; margin-bottom: 20px; }
.news1 li .pic{ width: 100%; float: none; }
.news1 li .texta{ float: none; width: 100%; margin-left: 0; }
.news1 li .texta .p1{ font-size: .28rem; }
.neul3 li{ padding: .3rem; }
.neul3 li .p1{ font-size: .28rem;}
.neul3 li::after{ display: none; }
.neul3 li .time{ margin-bottom: 6px; }
.news2 .news1 li{ padding: .3rem; }
.ritext .p1{ font-size: .32rem; margin-bottom: .4rem;}
.text .table{ overflow-x: auto; }
.Tens{ border-right: none; }
.su2ul li{ width: 47%;}
.midiv{ padding: .6rem; }
.midiv .bd p img{ max-width: .6rem;}
.midiv .bd{ left: 0%; width: 100%;}
.midiv .jz .p1{ font-size: .24rem; margin-top: .2rem; }
.midiv .close{ position: absolute; right: 10px;; margin: auto; top: 10px;}
.midiv .close img{ width: 1em; }
.ne1 .p1{ font-size: .32rem; }
.ne1 .morea{ float: none;margin-top: 0; }
.ne1{ padding: .4rem 0;}
.ne1 .p1{ line-height: 1.6; }
.ne1 .p2 span{ font-size: .24rem; }
.ne2 .texts p{ line-height: 2; margin-bottom: .2rem; }
.tysx{ margin: .4rem 0;padding: 9px 18px;}
.tysx .prev{ width: 100%}
.tysx .next{width: 100%;margin-top: .2rem;}
.ne2 .texts .morea{ text-align: center; display: block; }
.news1 li .texta .p1 span{ font-size: .28rem; }
.tyfl2{ width: 94%;left: 3%; }
.Style .su1{ padding: .6rem 0;}
.ritext .text p{ margin-bottom: 15px; }
.te1 .h1d2 .fl{ width: 100%; float: none; }
.te1 .h1d2 .ri{ float: none; width: 100%; padding: 15px;}
.vo1 .h1d2 .fl{ width: 100%; }
.vo1 .h1d2 .ri{ width: 100%; margin-top: .3rem; }
.typt1 span{ font-size: .32rem; }
.typt1{ font-size: 0; }
.voul li a{ padding-left: 15px; }
.vo1{ padding: .6rem 0;}
.technology .voul li a{ width: 100%;}
.technology .typt1 span{ font-size: .32rem; }
.typt1 a{ margin-top: 0; height: 20px; line-height: 20px; }
.technology .voul{ margin-top: 14px; }
.technology .voul li a{ font-size: .24rem; }
.technology .voul li{ margin: 10px 0;}
.te2 .fl{ width: 100%; margin-right: 0; margin-bottom: 20px; margin-left: 0; }
.te2,.te3{ padding: .6rem 0;}
.technology .voul li a{ padding-left: 10px; }
.vo4div .ho2ul li{ margin: auto; }
.vo4div .tempWrap{ margin: auto; }
.vo4div .prev{left: 0; }
.vo4div .prev img{width: 20px;}
.vo4div .next{right: 0; }
.vo4div .next img{width: 20px;}
.vo2 .fl, .vo3 .fl{ width: 100%;}
.vo2 .ri, .vo3 .ri{ width: 100%; margin-top: .2rem; }
.vo2, .vo4{ padding: .6rem 0;}
.voul2 li a{ font-size: .24rem; }
.vo3{ padding: .6rem 0;}
.nav li > a{ display: inline-block; }
.top2{ width: 50%; }
}