@font-face {
 font-family:fontDin1;
 src: url(../fonts/din-medium_woff.txt),url(../fonts/din-medium_eot.txt),url(../fonts/din-medium_woff2.txt),url(../fonts/din-medium_ttf.txt)}
@font-face {
 font-family:fontDin2;
 src: url(../fonts/din-bold_woff.txt),url(../fonts/din-bold_eot.txt),url(../fonts/din-bold_woff2.txt),url(../fonts/din-bold_ttf.txt)}
/*通用代码*/
*{ margin:0px; padding:0px;}
body{font-size:14px; color:#222222; font-family:"Microsoft YaHei"; font-family:'微软雅黑'; min-width:1300px; overflow-x:hidden;}
img{margin: 0px; padding: 0px;border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
h1,h2,h3,h4,h5,h6,h7{ font-weight:normal;}
dl,dt,dd,ol,ul,li,from,input,select,span,p,div{margin: 0px; padding: 0px; list-style: none;}
.clear{clear:both;}
a{color: #222222; text-decoration: none; font-size:14px;}
a:hover{color: #107bd6;cursor:pointer;}
em ,i{ font-style:normal;}
input,button,select,textarea{outline:none;font-family:"Microsoft YaHei"; font-family:'微软雅黑';}
.w1300{ max-width:1300px; margin:0 auto; min-width:1300px;}
.fr{ float:right;}
.fl{ float: left;}
*,:after,:before{ box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.title{text-align: center;font-size: 40px;color: #333232;}
.title em{color: #107bd6;}
.title span{display: block;font-size: 18px; color: #969595;margin: 7px 0 25px 0;}
.title i{display: block;width: 80px;height: 5px;margin: 0 auto; position: relative;}
.title i::after,.title i::before{content: '';display: block;position: absolute;width: 30px; height: 5px;top: 0;left: 0;background:#dc0000;}
.title i::after{right: 0px;left: inherit;animation:allTitleAfter 3s infinite linear;}
.title i::before{animation:allTitleBefore 3s infinite linear; background:#f5ba06;}
.title t{width: 30px;height: 5px;background:#107bd6;margin:0 auto;display:block;animation:allTitleI 3s infinite linear;}
@keyframes allTitleI{
0%{transform:translateX(0px);}
25%{transform:translateX(-25px);}
50%{transform:translateX(0px);}
75%{transform:translateX(25px);}
100%{transform:translateX(0px);}
}
@keyframes allTitleBefore{
0%{width:15px;}
25%{width:0px;}
50%{width:15px;}
75%{width:30px;}
100%{width:15px;}
}
@keyframes allTitleAfter{
0%{width:15px;}
25%{width:30px;}
50%{width:15px;}
75%{width:0px;}
100%{width:15px;}
}
.hovermaincolor a:hover{ color:#107bd6;}
/*抬头*/
.cl{clear:both;}
.wel{width: 100%;height: 42px;position: relative;z-index: 100;background:#0262c6;padding: 0px 5%;}
.wb_le{line-height: 42px;color: #fff;font-weight: 100;}
.wb_ri{color: #fff;}
.wb_ri ul{display: block;margin: 12px 0;}
.lb{margin: 0;}
.wb_ri b{font-weight: 100;float: left;}
.wb_ri em{margin-right:8px;float: left;}
.wb_ri li{position:relative; float:left;}
.wb_ri li a{font-weight: 100;color: #fff;}
.wb_ri li+li{border-left: 1px solid #efefef;margin-left: 17px;padding-left: 17px;}
.wb_ri li:last-child a{padding-right: 0;}


#header {
	width: 100%;
	/*overflow: hidden;*/
	background:#fff; position:relative;
	height: 125px;
	
	
	
}


.top2-box{
	width: 100%;
	height: 125px;
	background:#fff;
	z-index: 99999;
	padding: 0 5% 0;
	box-sizing: border-box;
}
.top2-box>img {
	float: left;
	margin-right: 20px;
	padding: 28px 0px 0;
}

@media (max-width:1550px) {
	.top2-box{
	width: 100%;
	height: 125px;
	background:#fff;
	z-index: 99999;
	padding: 0 2% 0;
	box-sizing: border-box;
}

	.top2-box>img {
	margin-right: 0px !important;
}
}

/*导航*/

.menubg {
	/*width: 700px;*/
	float: right;
	/*position: relative;*/
}

.menuol>ul {
	width: 100%;
}

.menuol>ul li {
	width: 110px;
	height: 125px;
	float: left;
	text-align: center;
	/*background: #333;*/
	/*position: relative;*/
	background: url(../images/navbg.png) center 80px no-repeat;
}

.menuol>ul>li>a {
	line-height: 128px;
	font-size: 18px;
	color: #333;
	display: block;
}

.menuol>ul>li:hover {
	background: url(../images/navbg.png) center 80px no-repeat #0262c6;
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-ms-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-duration: .5s;
}

.menuol>ul>li:hover a {
	color: #fff;
	/*font-weight: bold;*/
}

.menuli {
	background: rgba(0, 0, 0, .4);
	/*display: none;*/
	position: absolute;
	z-index: 2;
	top: 125px;
	left: 0px;
	text-align: center;
	width: 100%;
	overflow: hidden;
	padding: 20px 10% 20px 10%;
	box-sizing: border-box;
}

.menuli ul {
	width: 100%;
	margin: 0 auto;
}

.menuli>ul>a {
	width: 180px;
	height: 175px;
	float: left;
	background: #eee;
	margin: 20px 10px;
	display: block;
	color: #333;
	line-height: 25px !important;
	text-align: center;
	font-size: 14px;
	padding: 0 !important;
	border-radius: 10px;
}

.menuli>ul>a>img {
	width: 180px;
	height: 140px;
	margin: 0;
	border-radius: 10px;
}

.menuli>ul>a:hover {
	color: #fff !important;
	background: #0262c6;
}

.top-tel {
	width:260px;
	float: right;
	display: block;
	margin-top:36px;
	background:url(../images/top-tel.jpg) 10px center no-repeat;
	border-left: solid 1px #ddd;
	padding-left: 60px;
	font-size: 18px;
	color: #333;
}

.top-tel span{
	font-size: 32px;
	color: #ff9000;
	font-family: impact;
	display: table;
	height: 30px;
	line-height: 30px;
}


@media (max-width:1440px) {
	.top-tel { display:none;
}


}


/*幻灯片*/
.banner{overflow:hidden; width:100%; position:relative; z-index:1; background:#f5f5f5;}
.banner-box{ min-width:1300px; height:660px; position:relative; margin:0 auto; }
.banner-box .bd, .banner-box .bd ul{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:660px; background-position: center; background-repeat: no-repeat;}
.banner-box .bd li a{ display:block; background-size:auto;     width: 100%;
    height: 80%;
    position: relative;
    z-index: 9;}
.banner-btn{ width: 100%; position: absolute; top:240px; left: 0; margin-left: 0; height: 370px; overflow: hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:30px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out; z-index: 9;}
.banner-btn a.prev{ left:-50px; background:url(../images/20201230145122_1781373961.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(../images/20201230145122_1781373961.png) no-repeat -49px 0; }
.banner-box .hd { position:absolute; bottom:0px; width: 100%; display: block; }
.banner-box .hd ul{ text-align: center}
.banner-box .hd ul li{ width:10px; height:10px; border-radius :50%; text-indent:-9999px; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; opacity:0.8;}
.banner-box .hd ul li.on{ background: #107bd6;border-radius: 8px; width:70px;}
.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }

.banner-box .bd li{ -webkit-animation: kenburns-top1 3.5s ease-out  both;animation: kenburns-top1 3.5s ease-out  both;}

.product{ padding:40px 0 80px 0;}
.protab a{ display:inline-block;height:78px; background:#f1f1f1; vertical-align:top; margin-bottom:5px; width:18%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:18px; color:#333333; line-height:78px;position:relative;}
.protab a:after{ content:''; display:block; position:absolute; width:0; height:0; border-top:11px solid #107bd6; border-left:8px solid transparent; border-right:8px solid transparent; left:0; right:0; transition:all .3s ease; margin:0 auto; bottom:16px; transform:rotateY(90deg); opacity:0;}
.protab a:hover:after{transform:rotateY(0); opacity:1;}
.protab a:hover{color:#107bd6;}
.protab{ margin:50px 0; text-align:center; }
.protab a+a{ border-left:1px solid #fff;}


#home-pro {
	width: 100%;
	margin: 0px auto;
	display: table;
	overflow: hidden;
	/*background:#ddd;*/
	padding: 0px 2%;
	box-sizing: border-box;
}

#home-pro h2 {
	font-size: 48px;
	color: #069f4e;
	width: 100%;
	text-align: center;
	margin: 20px 0 0;
}


#home-pro h2 span {
	color: #363636;
}

#home-pro h3 {
	font-size: 22px;
	color: #069f4e;
	text-align: center;
	padding:5px 10px;
	border: solid 1px #069f4e;
	width: 550px;
	margin: 10px auto 10px;
	font-weight: normal;
}

#home-pro>p{
	color: #ccc;
	font-size: 16px;
	line-height: 25px;
	width: 650px;
	text-align: center;
	margin: 0 auto;
}

.course-list ul {
	margin-left: -11px;
	margin-right: -11px;
}

.course-list ul li {
	float: left;
	width: 23%;
	/*padding-left: 11px;
  padding-right: 11px;*/
	transition: all 0.6s ease 0s;
	-ms-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
	-moz-transition: all 0.6s ease 0s;
	position: relative;
	margin-bottom: 30px;
	border-radius: 4px;
	/*box-sizing: border-box;*/
	margin: 15px 1%;
	background: #fff;
}

.course-list ul li:hover {
	background: #fff;
	border-bottom: solid 3px #0262c6;
}

.course-list a {
	display: block;
	overflow: hidden;
	/*  &:after{
           content: "";
           width: 100%;
           height: 0;
           background-color: rgba(0, 0, 0, 0.85);
           position: absolute;
           top: 0px;
           opacity: 0;
           transition: all 0.3s ease 0s;
           z-index: 9;
       } */
}

.course-list .course-img {
	overflow: hidden;
	position: relative;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.img-responsive {
	height: 300px !important;
	width: 100%;
}

.course-list .course-img img {
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	-ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	-o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	-moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	max-width: 100%;
	height: auto;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.course-list .course-img:after {
	content: "";
	width: 100%;
	height: 0;
	background-color: rgba(2, 98, 198, 0.85);
	position: absolute;
	top: 0px;
	opacity: 0;
	transition: all 0.3s ease 0s;
	z-index: 9;
}

.course-list .course-img .course-mask {
	width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	z-index: 10;
}

.course-list .course-img .course-mask .txt1 {
	font-size: 30px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.2;
	text-align: center;
	padding-left: 8%;
	padding-right: 8%;
	opacity: 0;
	transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	-ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	-o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	-moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.course-list .course-img .course-mask .txt2 {
	margin-top: 20px;
	text-align: center;
	opacity: 0;
	transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	-ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	-o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	-moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.course-list .course-info {
	position: relative;
}

.course-list .course-info>div {
	padding: 15px 30px 15px 30px;
	transition: all 0.6s ease 0s;
	-ms-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
	-moz-transition: all 0.6s ease 0s;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	/*background: #ff0000;
	border: solid 3px #000;*/
}

.course-list .course-info .title {
	font-size: 20px;
	line-height: 40px;
	padding-bottom: 10px;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	-ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	-o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	-moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	color: #000;
	text-align: center;
	padding: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
}

.course-list ul li:hover .title {
	color: #0262c6;
}

.course-list .course-info div span {
	font-size: 14px;
	color: #555;
	line-height: 25px;
	padding-top: 10px;
}

.course-list .course-info div span i {
	float: right;
	color: #999;
}

.course-list .course-info .subtitle {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	color: #999999;
	font-size: 14px;
	margin-top: 13px;
	line-height: 24px;
	position: relative;
	transition: all 0.6s ease 0s;
	height: 48px;
}

.course-list ul li:hover a {
	box-shadow: 0px 12px 30px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 12px 30px rgba(0, 0, 0, 0.2);
}

.course-list ul li {
	border-bottom: solid 3px #ddd;
	display: table;
}

.course-list ul li:hover .course-img img {
	transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
}

.course-list ul li:hover .course-img:after {
	height: 100%;
	opacity: 1;
}

.course-list ul li:hover .course-info>div {
	/*margin-left: 15px;*/
}

.course-list ul li:hover .course-mask .txt1 {
	transform: none;
	-ms-transform: none;
	-o-transform: none;
	-webkit-transform: none;
	-moz-transform: none;
	opacity: 1;
}

.course-list ul li:hover .course-mask .txt2 {
	transform: none;
	-ms-transform: none;
	-o-transform: none;
	-webkit-transform: none;
	-moz-transform: none;
	opacity: 1;
}

.pro-tel {
	width: 680px;
	height: 60px;
	margin: 20px auto 50px;
}
.pro-tel form{
	width:450px;
	height: 55px;
	border: solid 1px #ccc;
	display: block;
	border-radius: 35px;
	float: left;
	box-shadow: 0px 0px 20px #ccc;
}
.input2 {
	width: 300px;
	height: 50px;
	border: 0;
	float: left;
	font-size: 16px;
	line-height: 50px;
	margin-left: 20px;
	color: #666;
	padding-left: 20px;
}

.bnt2 {
	width: 70px;
	height: 45px;
	background: url(../images/ss.jpg) right bottom no-repeat #fff;
	float: right;
	border: 0;
	display: block;
	margin-right: 20px;
}

.pro-tel>a {
	width: 200px;
	height: 53px;
	display: block;
	border-radius: 30px;
	text-align: center;
	line-height: 53px;
	background: url(../images/bg1.jpg) no-repeat;
	font-size: 18px;
	float: right;
	color: #fff;
	border: solid 1px #fff;
	box-shadow: 0px 0px 20px #038849;
}

.pro-tel>a:hover {
	background: #e10707;
	box-shadow: 0px 0px 20px #e10707;
}





.trait{ height:1100px; background:url(../images/20201230161333_181323289.jpg) no-repeat center; padding-top:155px;}
.tratitl{ text-align:center; font-size:18px; color:#888888;}
.tratitl b{ display:block; font-size:40px; color:#0a7be3; margin-bottom:10px;}
.tracon{ margin:45px 0;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start;}
.tratop{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center; font-size:26px; color:#333333;}
.tratop p+p{ margin-left:23px;}
.traicon{ margin:5px; position:relative;}
.traicon span{ position:relative; z-index:3; border-radius:50%; background:#107bd6; width:64px; height:64px; background:#0a7be3;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center;}
.traicon:after{ content:''; display:block; position:absolute; width:74px; height:74px; top:-5px; left:-5px; border-radius:50%; background:rgba(10,123,227,.2); animation:scale 1s infinite linear;}
.trawa{ margin-top:15px; font-size:15px; color:#666666; line-height:34px;}
.travideo{ width:714px; height:422px; background:#107bd6;margin: 43px 0 0 97px;}
@keyframes scale{
	0%{ transform:scale(.8);}

	50%{ transform:scale(1.1);}
	100%{ transform:scale(.8);}
	}
.trabottom .tralist1{ margin:45px 0 110px 0;}
.trabottom{display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:flex-start;}
.tratel{display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:flex-start; font-size:18px; color:#c2e3ff; line-height:35px;}
.tratel em{ font-size:34px; color:#fff; font-family:fontDin2;line-height: 40px;}
.tratel p:nth-child(1){ padding-left:35px; background:url(../images/20201230160904_992075191.png) no-repeat left center;}

.case{ padding:0px 0 30px 0;}
.box td>a{ position:relative; overflow:hidden;}
.box td>a img{ transition:all .6s ease;}
.box td:hover>a img{ transform:scale(1.1);}
.box td>a:after{ transition:all .2s ease; content:''; display:block; position:absolute; opacity:0; background:rgba(0,0,0,0.5); top:0; left:0; width:100%; height:100%;}
.box td>a i{ position:absolute; display:block; font-size:15px; color:#fff; top:0; left:0; right:0; bottom:0; opacity:0; transition:all .4s ease; width:120px; text-align:center; line-height:45px;height:45px; margin:auto; z-index:99;}
.box td:hover>a:after{ opacity:1;}
.box td:hover>a i{ opacity:1;}
.box td>a i:after,.box td>a i:before{ content:''; display:block; height:1px; width:0; background:#fff; transition:all .8s ease; position:absolute;}
.box td>a i:after{ top:0; left:0; right:auto;}
.box td>a i:before{ bottom:0; right:0; left:auto;}
.box td:hover>a i:after,.box td:hover>a i:before{ width:100%;}
.box td:hover span a:after{ transform: rotate(360deg);}
.casecon td{ display:inline-block; overflow:hidden; width:417px; position:relative; padding:0 !important;margin-left:12px;margin-bottom:22px;}
.casecon td br{ display:none;}
.casecon td div{ padding:0 !important; margin-top:1px; background:#f3f5f6;}
.casecon td a{ display:block;}
.casecon td div a{ line-height:82px; padding-left:30px; position:relative; font-size:16px; color:#666; text-align:left;}
.casecon td div a:after{ content:''; display:block; position:absolute; width:82px; height:82px; right:0; top:0; background:#107bd6 url(../images/20201230163755_624963080.png) no-repeat center;}


.casecon td:hover div a{ color:#107bd6;}
.casecon{ margin-top:40px;}

.adv{ height:1006px; background:url(../images/20210108114655_1584163758.jpg) no-repeat center; padding-top:60px;}
.adv .title b{ color:#fff;}
.adv .title span{ color:#b3cce6;}
.adv .title t{ background:#6dbcff;}
.advcenter{ padding:40px; background:#fff;}
.advtab{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start; margin-bottom:30px;}
.advtab li{ cursor:pointer; width:290px; height:116px; background:#dae4ec;display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center; font-size:30px; color:#537d9c;transition:all .3s ease;}
.advtab li em{ display:block; font-size:14px; text-transform:uppercase; margin-top:3px;}
.advicon{ display:inline-block; width:50px; height:52px; background:url(../images/20201230165229_1673053445.png) no-repeat left top; transition:all .3s ease;}
.advtab li p+p{ margin-left:20px;}
.advtab li:nth-child(2) .advicon{ background-position-x:-78px;}
.advtab li:nth-child(3) .advicon{ background-position-x:-160px;}
.advtab li:nth-child(4) .advicon{ background-position-x:-237px;}
.advtab li.on{ background:#dc0000; color:#fff;}
.advtab li.on em{ color:#ffabab;}
.advtab li.on .advicon{ background-position-y:-73px;}

.advcon ul{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center;}
.advleft{ width:535px;}
.advtop{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center; font-size:22px; color:#9aa0a4; padding-bottom:47px; border-bottom:1px solid #e5e9eb;}
.advnum{ width:88px; height:90px; line-height:90px; text-align:center; font-size:50px; color:#ffffff; font-family:fontDin2; background:url(../images/20201230165229_400552133.png) no-repeat center;}
.advtop b{ display:block; font-size:32px; color:#107bd6;}
.advtop p+p{ margin-left:22px;}
.advwa{ margin:45px 0;}
.advwa p{ font-size:15px; color:#8e9498; line-height:38px; padding-left:30px; background:url(../images/20201230165229_98980147.png) no-repeat left 14px;}
.advtel{ font-size:16px; color:#8e9498; padding-left:40px; margin-left:30px; background:url(../images/20201230165229_389107775.png) no-repeat left center;}
.advtel em{ display:inline-block; margin-left:20px; font-size:32px; color:#343b40; font-family:fontDin1; vertical-align:sub;}
.advcenter{ margin-top:50px;}

.about{ padding:45px 0 30px 0; background:url(../images/20201230171408_828202658.jpg) no-repeat center top;}
.abcon{ margin:60px 0 40px 0;}
.ableft{ width:810px; height:550px; background:#fff; box-shadow: 0 0 15px #ccc; padding:70px 170px 0 40px;}
.abcon{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center;}
.abright{ margin-left:-120px; position:relative; z-index:9;}
.abtop{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start;}
.ab_t em{ font-size:54px; color:#eceded; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold;}
.ab_t b{ display:block; font-size:28px; color:#107bd6; margin:10px 0 20px 0;}
.ab_t:after{ content:''; display:inline-block;  width:46px; height:4px; background:#ff6201;}
.abwa{ margin-top:45px; font-size:15px; color:#8d9093; line-height:36px;}
.ab_more{ margin-top:10px;}
.ab_more a{ display:inline-block;}
.ab_more a span{ display:inline-block; width:120px; line-height:44px; background:#107bd6; font-size:14px; color:#fff; font-weight:lighter; text-align:center; transition:all .3s ease; vertical-align:top;}
.ab_more a span+span{ width:44px; margin-left:3px; font-size:24px;}
.ab_more a:hover span{ background:#ff6201;}
.qyxx{position: relative; margin:50px 0 0 0;}
.qyjt{position: absolute; cursor: pointer; top: 40%; left:-52px;  width: 22px;height: 42px;background:url(../images/20201230171408_152136426.png) no-repeat left top; }
.qyjt.next{ transform:rotate(180deg); left: auto; right: -52px;}
.qyjt:hover{background-position-y:bottom; }
.qyxx table,.qyxx tr,.qyxx tbody{display: block;width: 100%;}
.qyxx td{ display:inline-block; margin-right:17px; padding:0px !important;}
.qyxx td br{ display:none;}
.qyxx td div{ padding:0px !important;}
.qyxx td div a{ font-size:16px; color:#4c4e4f; margin-top:15px; display:block;}
.qyxx td:hover a{ color:#0880d9;}
.qyxx td>a{ position:relative; display:block; border:1px solid #eaeaea;}
.qyxx td>a:after,.qyxx td>a:before{ content:''; display:block; position:absolute;}
.qyxx td>a:after{ width:100%; height:100%; background:rgba(0,0,0,0.7); opacity:0; top:0px; left:0px; z-index:1;}
.qyxx td>a:before{ width:130px; height:40px; content:'+查看详情';  top: 0;left: 0;right: 0;bottom: 0;margin: auto;color:#fff; text-align:center; line-height:40px; font-size:16px; transform:scale(0); transition:all .4s ease; background:#0880d9; border-radius:20px; z-index:3;}
.qyxx td:hover>a:after{ opacity:1;}
.qyxx td:hover>a:before{ transform:scale(1);}
.qyytab { font-size:0; margin-bottom:42px;}
.qyytab a{ text-align:center; display:inline-block; width:50%; position:relative; padding-bottom:25px; border-bottom:1px solid #eeeeee; font-size:24px; color:#333333; transition:all .3s ease;}
.qyytab a.on{ color:#107bd6; font-weight:bold; border-color:#107bd6;}

.news{ padding:70px 0 170px 0; background:#f7f7f7;}
.newcenter{ width:1300px; margin:0 auto;}
.newstab a{ display:inline-table; width:210px; height:62px; background:#e0e6ea; line-height:62px; font-size:22px; color:#33373a; padding-left:86px; position:relative; transition:all 0.5s ease; text-align:left; font-weight:lighter;}
.newstab a:after{ content:''; display:block; width:32px; height:32px; position:absolute; top:16px; left:36px; background:url(../images/20201230174407_469111445.png) no-repeat left top;transition:all 0.5s ease;}
.newstab a+a{ margin-left:11px;}
.newstab a:nth-child(2):after{ background-position-x:-37px;}
.newstab a:nth-child(3):after{ background-position-x:-76px;}
.newstab a.on:after{background-position-y:-69px; transform:translateX(360deg);}
.newstab a.on{ background:#107bd6; color:#fff;}
.newstab{ margin:45px auto; text-align:center;}
.newsleft{ width:476px; position:relative;}
.newsleft .news_div_item{ position:relative; padding-top:345px; background:#fff;}
.newsleft .news_div_item_pic{ width:100%; height:344px; position:absolute; top:0; left:0; border-bottom:1px solid #f6f6f6; overflow:hidden;}
.news .news_div_item_pic img{ width:100%; height:100%; transition:all .6s ease;}
.newsleft .news_div_item_content{box-sizing:border-box; height:170px; padding:25px;}
.news .news_div_item_a{ font-size:18px; color:#2f343a; transition:all .3s ease;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;} 
.news .news_div_item_body{ font-size:14px; color:#a9abae; line-height:26px; margin-top:10px;}
.newsbg{ position:absolute; font-size:0; right:30px; bottom:23px; z-index:99;}
.newsbg li{ display:inline-block; width:10px; height:10px; border-radius:50%; background:#95a1ad; cursor:pointer;}
.newsbg li+li{ margin-left:10px;}
.news .news_div_item:hover .news_div_item_a{ color:#107bd6;}
.news .news_div_item:hover .news_div_item_pic img{ transform:scale(1.1);}
.newsbg li.on{ background:#107bd6;}
.newsright{ width:795px;}
.newsright .news_div_item{ padding:16px; position:relative; box-shadow:0 0 20px #edefef; background:#fff; height:242px;}
.newsright .news_div_item_pic{ position:absolute; width:280px; height:210px; top:16px; left:16px; border:1px solid #f6f6f6; overflow:hidden;}
.newsright .news_div_item_content{ width:450px; margin-left:310px; padding-top:20px;}
.newsright .news_div_item+.news_div_item{ margin-top:30px;}
.newsright .news_div_item_title:after{ content:''; display:block; width:37px; height:3px; background:#bcc3c8; margin:15px 0 10px 0;}
.newsright .news_div_item_date{ position:absolute; bottom:30px; left:325px; font-size:0;}
.newsright .news_div_item_date>div{ display:inline-block; vertical-align:top; font-size:18px; color:#a9abae; font-family:Arial, Helvetica, sans-serif;}
/*版权*/
.copyright{ background:#202020; position:relative; padding-top:170px;}
.crcontact{ background:#fff; padding:40px;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start; box-shadow:0 0 15px rgba(0,0,0,.1); position:absolute; left:0; right:0; margin:0 auto; top:-84px;}
.crcontact li{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:flex-start;}
.crcontact_t span{ display:block; font-size:16px; color:#717477; font-weight:lighter; margin:10px 0 25px 0;}
.crcontact_t em{ font-size:26px; color:#0575e9; font-family:Arial, Helvetica, sans-serif;}
.crcontact_t{ font-size:16px; color:#333333;}
.crcontact_t i{ font-size:20px; font-family:Arial, Helvetica, sans-serif; color:#222222;}
.crcontact li p+p{ margin:5px 0 0 40px;}
.crcon{border-bottom:1px solid #313131;}
.crcon .w1300,.kslj{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start;}
.kslj p{ font-size:20px; color:#fff; margin-bottom:20px;}
.kslj a{ display:block; font-size:14px; color:#898989; line-height:35px;}
.kslj a:hover{ color:#fff;}
.kslj li{ height:220px; padding:0 45px; border-left:1px dashed #333333;}
.kslj li:last-child{ border-right:1px dashed #333333;}
.crcode{ float:right;margin-bottom:1px; text-align:center; overflow:hidden;}

.end{ border-top:1px solid #000000;}
.end,.end a{ line-height:128px; font-size:15px; color:#898989;}
.end a:hover{ color:#fff;}
.links{ color:#fff; background:#0e5dd4;}
.links .w1300{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center; height:85px;}
.links .w1300>p{ font-size:16px; color:#fff; font-weight:bold; padding-left:35px; background:url(../images/20201230191547_1278586071.png) no-repeat left center; line-height:26px;}
.links .w1300>p span{ font-size:18px; padding:0 20px 0 5px;}
.crcodecon{ margin:0px 0 50px 0; font-size:18px; color:#fff;}
.crcodecon li{float:left; margin-left:40px;}
.crcodecon img{ width:160px; height:160px; display:block; margin:15px auto 0 auto; float:left;}