@charset "utf-8";
/* CSS Document */
*{
	margin: 0;
	padding: 0;
}
body{
	overflow-x: hidden;
}
a{
	color: #000;
	text-decoration: none;
}
ul,li{
	list-style: none;
}
input{
	outline: none;
}
textarea{
	outline: none;
}
.clear{
	width: 100%;
	clear: both;
}
.service{
	width: 1406px;
	margin: 0 auto;
	padding-bottom: 60px;
}
.product{
	width: 100%;
}
.product-container{
	width: 1408px;
	margin: 0 auto;
}
.product-title{
	width: 188px;
	float: left;
	height: 509px;
	cursor: pointer;
}
.product-content{
	width: 656px;
	height: 509px;
	float: left;
	background: #fff;
	overflow: hidden;
	display: none;
}
.product-content h4{
	margin: 44px 0 15px 22px;
	font-size: 21px;
	color: #000;
}
.product-content p{
	display: block;
	width: 615px;
	margin: 17px 0 41px 22px;
	line-height: 180%;
	color: #787878;
}
.product-content span{
	display: block;
	width: 614px;
	height: 230px;
	overflow: hidden;
	margin: 0 auto;
}
.product-content span img{
	width: 614px;
	height: 230px;
}
.product1 .product-title{
	background: #008cd6;
}
.product2 .product-title{
	background: #78b232;
}
.product3 .product-title{
	background: #017cdb;
}
.product4 .product-title{
	width: 188px;
	float: left;
	height: 509px;
	background: #008cd6;
}
.product-item{
	float: left;
}
.header1{
	width: 100%;
	/*height: 142px;*/
	height: 102px !important;
	background-color:rgba(255,255,255,1);
	box-shadow: 0 0 10px rgba(44, 44, 44, 0.4);
	position: fixed!important;
	left: 0;
	top: 0;
	z-index: 999;
}
.header2{
	height: 102px !important;
	background-color:rgba(255,255,255,1) !important;
}
.header3{
	height: 102px !important;
	background-color:rgba(255,255,255,1) !important;
}
.header{
	width: 1400px;
	margin: 0 auto;
	position: relative;
}
.tel{
	position: absolute;
	right: 90px;
	top: 20px;
	padding-left: 20px;
	display: none;
}
.header2 .tel{
	display: none !important;
}
.tel:after{
	content: '';
	display: block;
	width: 16px;
	height: 20px;
	background: url("../img/ico-tel.png");
	position: absolute;
	top: 0px;
	left: 0;
}
.search{
	position: absolute;
	right: 130px;
	top: 38px;
	z-index: 99999;
}
.search a{
	display: block;
	width: 20px;
	height: 19px;
	background: url("../img/ico-search.png") no-repeat;
}
.search a:hover{
	background: url("../img/ico-search2.png") no-repeat;
}
.languge{
	position: absolute;
	right: 60px;
	top: 37px;
	padding-left: 20px;
}
.old-site{
	position: absolute;
	right: 0;
	top: 37px;
	padding-left: 20px;
}
.header2 .languge{
	display: none !important;
}
.languge:after{
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	background: url("../img/ico-languge.png");
	position: absolute;
	top: 3px;
	left: 0;
}
.logo{
	float: left;
	/*margin: 46px 0 0 0;*/
	margin: 22px 0 0 0;
}
.header2 .logo {
	float: left;
	margin: 22px 0 0 0;
}
.nav{
	float: right;
	/*padding: 36px 0 0 0;*/
	padding: 0 200px 0 0;
	margin-top: -3px;
}
.header2 .nav{
	float: right;
	padding: 0 0 0 0;
	margin-top: -4px;
}
.nav_ul>li>a:hover::after,
.nav_ul>li.cur>a::after {
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}
.nav .nav_ul>li:hover .nav-ul-ul {
    transform: scale(1);
    opacity: 1;
}
.nav .nav_ul .nav-ul-ul {
    position: absolute;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    opacity: 0;
    transition: 400ms ease-in-out;
    transform: scale(0);
    background: rgba(255, 255, 255, 1);
    padding: 15px 10px;
	top: 108px;
    left: 0;
	width: 100px;
    z-index: 9999;
}
.nav-ul-ul3{
	width: 100px !important;
}
.nav-ul-ul li {
    line-height: 32px;
	height:32px;
    width: 100%;
    display: block;
    float: none;
}
.nav_ul .nav-ul-ul li a {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	overflow: hidden;
	font-size: 16px;
	color: #333;
}
.nav_ul .nav-ul-ul li a:hover{
	color: #008cd6;
}
.nav_ul>li {
    display: inline-block;
    position: relative;
	font-size: 20px;
	height: 100px;
	line-height: 100px;
	margin-left: 40px;
}
.nav_ul>li>a {
    display: block;
    color: #000000;
    position: relative;
}

.nav_ul>li>a::after {
    position: absolute;
    left: 0;
    bottom: -6px;
    height: 6px;
    width: 0;
    background: #0096e0;
    content: "";
    display: block;
}

.nav_ul>li.cur>a::after,
.nav_ul>li:hover>a::after {
    width: 100%;
}
.nav_ul>li.cur>a,
.nav_ul>li:hover>a {
    color: #0096e0;
}
.banner,.idx-banner{
	font-size: 0;
}
.banner img{
	width: 100%;
}
.idx-banner{
	font-size: 0;
}
.banner-swiper .swiper-pagination{
	bottom: 140px;
}
/*.banner-swiper .swiper-pagination-bullet{
	width: 10px;
	height: 10px;
	background: #fff;
	opacity: 0.7;
	border: none;
}
.banner-swiper .swiper-pagination-bullet-active{
	width: 60px;
	border-radius: 10px;
	opacity: 1;
}*/
.banner-swiper .swiper-pagination-bullet{
	width: 30px;
	height: 30px;
	background: rgba(255, 255, 255, 0);
	border: none;
	color: #fff;
}
.banner-swiper .swiper-pagination-bullet-active{
	width: 30px;
	color: #007aff;
	background: rgba(255, 255, 255, 0);
}
.idx-banner img{
	width: 100%;
	height: 100%;
}
footer{
	background: #303135;
}
.footer-right{
	width: 478px;
	float: right;
}
.column-title{
	font-size: 50px;
	height: 80px;
	text-align: center;
	position: relative;
}
/*.column-title:after{
	content: '';
	display: block;
	width: 152px;
	height: 12px;
	background: url("../img/ico1.png") no-repeat;
	position: absolute;
	left: 50%;
	margin-left: -76px;
	bottom: 0;
}*/
.column-title2{
	font-size: 50px;
	text-align: center;
	position: relative;
	color: #fff;
	margin: 140px 0 47px 0;
}
/*.column-title2:after{
	content: '';
	display: block;
	width: 152px;
	height: 12px;
	background: url("../img/ico2.png") no-repeat;
	position: absolute;
	left: 50%;
	margin-left: -76px;
}*/
.column-title2:before{
	content: '';
	display: block;
	width: 152px;
	height: 6px;
	border-radius: 6px;
	background-color:rgba(255,255,255,0.3) !important;
	position: absolute;
	left: 50%;
	margin-left: -76px;
	bottom: 0;
}
.column-title2:after{
	content: '';
	display: block;
	width: 12px;
	height: 12px;
	border-radius: 12px;
	background: #fff !important;
	position: absolute;
	left: 50%;
	margin-left: -66px;
	bottom: -3px;
	/*animation-name: around;*/
    animation-duration: 8s;
    animation-timing-function: ease-in-out;
    animation-delay: 1s;
    animation-iteration-count: infinite;
}

.service .column-title{
	margin: 0 0 95px 0;
}
.news .column-title{
	margin: 0 0 34px 0;
}
.cooperative .column-title{
	padding: 140px 0 0 0;
	margin: 0 0 50px 0;
}
.service-item{
	width: 456px;
	height: 287px;
	position: relative;
	overflow: hidden;
}
.service-item b{
	display: block;
	width: 456px;
	height: 56px;
	line-height: 56px;
	background-color:rgba(0,0,0,0.5);
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	font-weight: normal;
	font-size: 22px;
}
.service-item img{
	width: 456px;
}
.swiper-service{
	padding-bottom: 60px;
	margin-bottom: 50px;
}
.swiper-pagination-bullet{
	width: 10px;
	height: 10px;
	background: #008cd6;
	border: 1px solid #008cd6;
	opacity: 1;
}
.swiper-pagination-bullet-active{
	border: 1px solid #008cd6;
	background: #fff;
}
.swiper-service .swiper-button-next,.swiper-service .swiper-button-prev{
	width: 32px;
	height: 32px;
	border: 1px solid #008cd6;
	border-radius: 32px;
}
.swiper-service .swiper-button-prev:after,.swiper-service .swiper-button-next:after{
	font-size: 16px;
}
.swiper-service .swiper-button-next{
	margin-right: 630px;
	margin-top: 135px;
}
.swiper-service .swiper-button-prev{
	margin-left: 630px;
	margin-top: 135px;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
	background-size: 16px 16px !important;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
	background-size: 16px 16px !important;
}
.more a{
	display: block;
	width: 154px;
	height: 43px;
	line-height: 43px;
	text-align: center;
	background: #008cd6;
	margin: 0 auto;
	border-radius: 5px;
	color: #fff;
}
.product-title span{
	display: block;
	width: 114px;
	margin: 98px auto 26px auto;
}
.product-title b{
	display: block;
	text-align: center;
	font-size: 24px;
	color: #fff;
	position: relative;
}
.product-title b:after{
	content: '';
	display: block;
	width: 50px;
	height: 2px;
	background: #fff;
	position: absolute;
	left: 50%;
	margin-left: -25px;
	bottom: -16px;
}
.product-title a{
	color: #fff;
}
.product-content .more{
	width: 154px;
	margin: 0 0 0 22px;
}
.product2 .more a{
	background: #78b232;
}
.product3 .more a{
	background: #017cdb;
}
.news{
	padding: 140px 0 0 0;
}
.news-container{
	width: 1408px;
	margin: 0 auto;
}
.news-first{
	float: left;
	width: 700px;
	overflow: hidden;
	position: relative;
	font-size: 0;
}
.news-list{
	float: right;
	width: 694px;
	margin-bottom: 30px;
}
.news-first img{
	width: 700px;
	height: 396px;
}
.news-first h4{
	font-size: 20px;
	width: 620px;
    height: 56px;
    line-height: 56px;
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
	text-align: left;
	padding: 0 40px;
	font-weight: normal;
}
.news-first h4 a{
	color: #fff;
}
.news-first h4 a:hover{
	text-decoration: underline;
}
.news-first p{
	color: #707070;
	font-size: 18px;
	line-height: 180%;
	display: none;
}
.news-item:hover{
	background: #008cd6;
	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;
    -o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; 
}
.news-item:hover p{
	color: #fff;
}
.news-item:hover a{
	color: #fff;
	font-weight: bold;
}
.news-item a:hover{
	text-decoration: underline;
}
.news-item span {
    float: left;
    margin: 13px 20px 11px 20px;
}
.news-item span img{
	width: 165px;
	height: 104px;
}
.news-txt{
	padding: 16px 0 0 0;
}
.news-txt h4{
	font-size: 18px;
	margin-bottom: 3px;
}
.news-txt h4 a{
	font-weight: normal;
}
.news-txt p{
	font-size: 16px;
	line-height: 220%;
	color: #707070;
}
.cooperative{
	width: 100%;
}
.cooperative-contaier{
	width: 1448px;
	margin: 0 auto;
	text-align: center;
}
.cooperative-item{
	display: inline-flex;
	margin: 15px;
}
.cooperative-item img{
	width: 207px;
}
.footer-contaier{
	width: 1408px;
	margin: 0 auto;
}
.footer-left{
	width: 930px;
	float: left;
}
.footer-item{
	display: inline;
	margin-right: 55px;
	float: left;
}
.footer-item h4,.footer-item ul{
	display: block;
	width: 100%;
}
.footer-item h4{
	margin: 55px 0 20px 0;
	color: #fff;
	font-size: 18px;
	text-align: center;
	font-weight: 500;
}
.footer-item li{
	height: 30px;
	line-height: 30px;
	font-size: 14px;
}
.footer-item li a{
	color: #737270;
}
.footer-item li a:hover{
	text-decoration: underline;
}
.ewm{
	float: left;
	margin: 79px 88px 0 0;
}
.footer-contact{
	float: left;
	padding: 57px 0 0 0;
	font-size: 14px;
	color: #959393;
}
.footer-contact p{
	padding: 11px 0 10px 6px;
	line-height: 232%;
}
.copyright{
	padding: 18px 0 24px 0;
	color: #8a8a88;
	border-top: 1px solid #5c5c5c;
	text-align: center;
	font-size: 14px;
	position: relative;
}
.copyright a{
	color: #8a8a88;
	font-size: 14px;
}
.copyright a:hover{
	text-decoration: underline;
}
.copyright-link{
	position: absolute;
	right: 0;
	top: 20px;
}
.affirms{
	color: #737270;
	padding: 20px 0;
	font-size: 14px;
}
.link{
	padding: 43px 0 0 171px;
	position: relative;
}
.link span{
	position: absolute;
	top: 39px;
	left: -7px;
}
#jumpMenu{
	width: 303px;
	padding: 0 0 0 12px;
	height: 34px;
	outline: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../img/arrow2.png) no-repeat 268px center #fff;
	border: 1px solid #fff;
}
.page{
	background: #f6f6f6;
}
.container{
	width: 1408px;
	margin: 0 auto;
	min-height: 600px;
	height: auto !important;
}
.side{
	width: 340px;
	float: left;
	position: relative;
}
.side-title{
	width: 290px;
	height: 156px;
	background: #017cdb;
	position: absolute;
	top: -136px;
	left: 0;
	color: #fff;
	padding: 22px 25px 0 25px;
	z-index: 1;
}
.side-title h4{
	font-size: 30px;
	font-weight: normal;
	padding-bottom: 30px;
}
.side-title h4:after{
	content: '';
	display: block;
	width: 59px;
	height: 4px;
	background-color:rgba(255,255,255,0.8);
	position: absolute;
	left: 25px;
	top: 73px;
}
.side-title h5{
	font-size: 18px;
	font-weight: normal;
}
.side-content{
	width: 320px;
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
}
.side-class{
	display: block;
	background: #fff;
	padding: 5px;
	border-bottom: 8px solid #017cdb;
}
.side-class li {
    border-bottom: 1px solid #eee;
    font-size: 20px;
    position: relative;
    padding: 20px 0 20px 48px;
}
.side-class li a{
	display: block;
}
.side-class li:last-child{
	border-bottom: none;
}
.side-class li:after{
	content: '';
	display: block;
	width: 13px;
	height: 13px;
	background: url("../img/class-ico1.png") no-repeat;
	position: absolute;
	left: 20px;
	top: 25px;
}
.side-class li ul{
	display:none;
}
.current ul{
	display: block !important;
}
.current{
	color: #017cdb;
}
.current a{
	color: #017cdb;
}
.checked a{
	color: #017cdb !important;
}
.current:after{
	background: url("../img/class-ico1-h.png") no-repeat !important;
}
.current:before{
	background: url("../img/class-ico2-h.png") no-repeat !important;
}
.side-class li:before{
	content: '';
	display: block;
	width: 10px;
	height: 16px;
	background: url("../img/class-ico2.png") no-repeat;
	position: absolute;
	right: 20px;
	top: 25px;
}

.side-class ul{
	margin-top: 20px;
}
.side-class ul li{
	padding: 12px 0;
	border-bottom: none;
	font-size: 16px;
}
.side-class ul li:before,.side-class ul li:after{
	background: none;
}
.side-class ul li a{
	color: #656565;
}
.side-class ul li a:hover{
	color: #017cdb;
}
.side-img{
	margin-top: 10px;
}
.side-img img{
	width: 320px;
}
.main{
	float: right;
	width: 1034px;
}
.main-container{
	background: #fff;
	padding-bottom: 30px;
	margin-bottom: 30px;
}
.position{
	height: 56px;
	line-height: 56px;
	color: #656565;
	font-size: 14px;
}
.page-title{
	margin: 0 20px 0 20px;
	padding: 40px 0 20px 16px;
	line-height: 150%;
	border-bottom: 1px solid #eee;
	font-weight: normal;
	font-size: 24px;
}
.center{
	text-align: center;
}
.content{
	margin: 50px 75px;
	line-height: 180%;
	padding-bottom: 30px;
	min-height: 500px;
	height: auto;
}
/*.content p{
	padding: 5px 0;
}*/
.content img{
	max-width: 100%;
}
.chairman-honor p{
	height: 26px;
	line-height: 26px;
	font-size: 14px;
	color: #7f7e7c;
	background: url("../img/ico3.png") no-repeat left center;
	padding: 0 0 0 28px;
}
.news-loop{
	width: 900px;
	margin: 0 auto;
}
.news-loop .news-title h4 a{
	color: #737270;
}
.news-loop:hover .news-date{
	border-right: 1px solid #3caaf7;
}
.news-loop:hover .news-title h4 a{
	color: #017cdb;
}
.news-loop:hover .news-date em{
	color: #017cdb;
}
.news-loop .news-date em{
	color: #737270;
}
.news-date{
	width: 102px;
	height: 188px;
	border-right: 1px solid #cecece;
	float: left;
}
.news-date em,.news-date i{
	font-style: normal;
}
.news-date em{
	font-size: 28px;
	display: block;
	padding: 50px 0 25px 0;
}
.news-date i{
	font-size: 18px;
}
.news-thumbnail{
	width: 282px;
	float: left;
	padding: 6px 0 0 0;
	overflow: hidden;
}
.news-thumbnail img{
	width: 282px;
	height: 152px;
}
.news-title{
	width: 515px;
	float: left;
}
.news-title h4{
	padding: 20px 20px 11px 20px;
}
.news-title p{
	padding: 0 20px;
	line-height: 220%;
}
.news-title h4 a{
	font-size: 20px;
}
.news-title h4 a:hover{
	text-decoration: underline;
}
.news-title p{
	color: #737270;
	font-size: 14px;
}
.news-page{
	padding: 36px 0 0 0;
	min-height: 700px;
}
.position{
	position: relative;
	padding-left: 30px;
}
.position:after{
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	background: url("../img/ico-home.png") no-repeat;
	position: absolute;
	left: 0;
	top: 18px;
}
.news-author{
	text-align: center;
	padding: 28px 0 15px 0;
}
.publish,.author{
	display: inline-grid;
	margin: 0 50px;
	position: relative;
	padding-left: 25px;
	font-size: 14px;
	color: #737270;
}
.publish:after{
	content: '';
	display: block;
	width: 22px;
	height: 22px;
	background: url("../img/ico-time.png") no-repeat;
	position: absolute;
	left: 0;
	top: 0;
}
.author:after{
	content: '';
	display: block;
	width: 19px;
	height: 19px;
	background: url("../img/ico-publish.png") no-repeat;
	position: absolute;
	left: 0;
	top: 0;
}
.describe{
	width: 878px;
	margin: 0 auto;
	background: #f4f4f4;
	padding: 15px 60px;
	line-height: 180%;
	color: #737270;
}
.pre-next{
	margin: 0 0 0 70px;
	padding: 30px 0 35px 0;
}
.pre-next li{
	height: 26px;
	line-height: 26px;
	color: #737270;
}
.pre-next li a{
	color: #737270;
}
.tag{
	padding: 0 0 0 70px;
}
.tag a{
	background: #eee;
	padding: 15px 30px;
	margin-right: 20px;
}
.relevant{
	padding: 10px;
	background: #fff;
	margin-top: 16px;
}
.relevant h4{
	position: relative;
	height: 56px;
	line-height: 56px;
	border-bottom: 1px solid #ebebeb;
}
.relevant h4 a{
	position: absolute;
	font-weight: normal;
	right: 0;
	top: 0;
}
.relevant h4 span{
	position: absolute;
	right: 0;
	left: 0;
}
.relevant img{
	width: 115px;
	height: 78px;
	float: left;
	margin-right: 14px;
}
.relevant li{
	clear: both;
	border-bottom: 1px solid #ebebeb;
	margin-top: 12px;
	padding-bottom: 12px;
	line-height: 180%;
}
.relevant a{
	color: #737270;
	font-size: 14px;
}
.relevant a:hover{
	color: #3caaf7;	
}
.sort-container{
	width: 915px;
	margin: 0 auto;
}
.subtitle{
	height: 48px;
	line-height: 48px;
	background-color:rgba(60,170,247,0.3);
	padding: 0 0 0 30px;
	color: #3caaf7;
	font-size: 20px;
	margin-top: 32px;
}
.product-sort li{
	display: inline-block;
	width: 206px;
	padding-left: 15px;
	height: 48px;
	line-height: 48px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.product-sort li a{
	color: #737270;
}
.product-sort{
	padding: 25px 0 0 0;
}
.product-sort li a:hover{
	color: #3caaf7;
	text-decoration: underline;
}
.product-table{
	margin: 35px auto;
	background: #dde6ef;
	width: 910px;
}
.product-table td{
	background: #fff;
	padding: 10px;
}
.product-tr td{
	background: #c4e5fd;
	font-size: 20px;
	color: #3caaf7;
}
.product-container2{
	text-align: center;
}
.product-container3{
	width: 910px;
	margin: 0 auto;
}
.product-list{
	width: 291px;
	border: 1px solid #e8ebee;
	display: inline;
	float: left;
	margin: 17px 10px 17px 35px;
	overflow: hidden;
	font-weight: normal;
	text-align: center;
}
.product-list span{
	width: 291px;
	height: 148px;
	overflow: hidden;
	display:table-cell; 
	vertical-align:middle; 
	text-align:center;
}
.product-list img{
	max-width: 271px;
	max-height: 128px;
}
.product-txt{
	background-color:rgba(232,235,238,0.3);
	padding: 5px 0;
	height: 146px;
	overflow: hidden;
}
.product-list:hover .product-txt{
	background-color:rgba(140,213,255,0.3);
}
.product-txt h3{
	display: block;
	height: 30px;
	line-height: 30px;
}
.product-txt h3 a{
	color: #3caaf7;
	font-weight: normal;
	font-size: 14px;
}
.product-txt h3 a:hover{
	text-decoration: underline;
}
.product-txt h4{
	height: 36px;
}
.product-txt h4 a{
	color: #8a8a88;
}
.product-txt h4 a:hover{
	text-decoration: underline;
}
.product-txt h4,.product-txt h5,.product-txt h6{
	font-weight: normal;
	color: #8a8a88;
	font-size: 14px;
	padding: 5px 0;
}
.course-container{
	position: relative;
	width: 904px;
	margin: 20px auto;
	padding: 0 0 0 0;
	overflow: hidden;
}

/*2021.8.20*/
.course-txt{
	background: #f2f2f2;
	width: 244px;
	color: #7f7e7c;
	font-size: 14px;
	padding: 10px;
	line-height: 150%;
}
.course-txt p{
	padding: 5px 0;
}
.course-img{
	width: 264px;
}
.course-img img{
	width: 264px;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.course-year{
	width: 134px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	border-radius: 38px;
	background: #017cdb;
	margin: 0 auto;
	font-size: 18px;
	color: #fff;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -67px;
	z-index: 2;
}
.course-box{
	width: 904px;
	margin: 0 auto;
	position: relative;
	padding-bottom: 50px;
}
.course-box:after{
	content: '';
	display: block;
	position: absolute;
	width: 110px;
    height: 1px;
    background: #017cdb;
    top: 20px;
    left: 270px;
}
.course-box:before{
	content: '';
	display: block;
	position: absolute;
	width: 110px;
    height: 1px;
    background: #017cdb;
    top: 20px;
    right: 270px;
}
.course-item1:before,.course-item2:after{
	display: none;
}
.course-container:after{
	content: '';
	display: block;
	position: absolute;
	width: 1px;
	height: 100%;
	top: 0;
	left: 50%;
	margin-left: -1px;
	background: #017cdb;
	z-index: 1;
	
}
/*2021.8.20 end*/

.year-item{
	width: 134px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	border-radius: 38px;
	background: #017cdb;
	margin: 0 auto;
	font-size: 18px;
	color: #fff;
}
/*.course-year{
	position: absolute;
	top: 24px;
	left: 50%;
	margin-left: -67px;
	z-index: 2px;
}*/
.course-left{
	float: left;
	width: 306px;
}
.course-right{
	float: right;
	width: 306px;
}
.y-item1{
	margin-bottom: 61px;
}
.y-item2{
	margin-bottom: 227px;
}
.y-item3{
	margin-bottom: 135px;
}
.y-item4{
	margin-bottom: 128px;
}
.y-item5{
	margin-bottom: 91px;
}
.y-item6{
	margin-bottom: 259px;
}
.course-item{
	background: #f2f2f2;
}
.course-item span{
	display: block;
	text-align: center;
	width: 265px;
	overflow: hidden;
	margin: 0 auto;
}
.course-item span img{
	width: 265px;
	margin-bottom: 15px;
}
.course-item h4{
	margin: 0 18px;
	font-size: 16px;
	padding: 12px 0 6px 0;
}
.course-item p{
	margin: 0 18px;
	line-height: 180%;
	font-size: 14px;
	color: #7f7e7c;
	padding-bottom: 10px;
}
.item1{
	margin-bottom: 264px;
}
.item2{
	margin-bottom: 65px;
}
.item3{
	margin-bottom: 24px;
}
.item4{
	margin-bottom: 30px;
}
.item5{
	margin-bottom: 24px;
}
.item6{
	margin-bottom: 24px;
}
.item7{
	margin-top: 102px;
	margin-bottom: 24px;
}
.item8{
	margin-bottom: 24px;
}
.item9{
	margin-bottom: 200px;
}
.line1{
	width: 43px;
	height: 1px;
	background: #017cdb;
	position: absolute;
	top: 20px;
	left: -60px;
}
.line2{
	width: 43px;
	height: 1px;
	background: #017cdb;
	position: absolute;
	top: 380px;
	left: -60px;
}
.line3{
	width: 43px;
	height: 1px;
	background: #017cdb;
	position: absolute;
	top: 720px;
	left: -60px;
}
.line4{
	width: 43px;
	height: 1px;
	background: #017cdb;
	position: absolute;
	top: 1150px;
	left: -60px;
}
.line5{
	width: 43px;
	height: 1px;
	background: #017cdb;
	position: absolute;
	top: 120px;
	left: 150px;
}
.line6{
	width: 43px;
	height: 1px;
	background: #017cdb;
	position: absolute;
	top: 560px;
	left: 150px;
}
.line7{
	width: 43px;
	height: 1px;
	background: #017cdb;
	position: absolute;
	top: 850px;
	left: 150px;
}
.line8{
	width: 1px;
	height: 1080px;
	background: #017cdb;
	position: absolute;
	top: 40px;
	left: 50%;
	z-index: 1;
}
.product-thumbnail{
	float: left;
	width: 250px;
	height: 235px;
	border: 1px solid #e8ebee;
	text-align: center;
	margin: 10px 0 0 0;
	display:flex;
    align-items: center; 
    justify-content: center;
	position: relative;
}
.product-thumbnail:after{
	content: '';
	display: block;
	width: 33px;
	height: 28px;
	background: url("../img/mask.png") no-repeat;
	position: absolute;
	bottom: 0;
	right: 0;
}
.product-thumbnail img{
	width: 230px;
}
.product-title-cn{
	font-size: 16px;
	color: #333;
	padding: 20px 0 0 65px;
}
.product-title-en{
	font-size: 16px;
	color: #333;
	padding: 10px 0 10px 65px;
}
.product-text{
	float: right;
	width: 618px;
	margin: 10px 0 0 0;
}
.product-text-item{
	padding-bottom: 30px;
}
.product-text2{
	border-top: 1px solid #e8ebee;
	padding: 15px 0 0 0;
}
.product-text2 td{
	font-size: 14px;
	padding: 5px 10px;
}
.product-text-item div{
	float: left;
}
.product-text-1{
	width: 88px;
}
.product-text-2{
	width: 500px;
	margin-bottom: 20px;
	word-wrap:break-word;
}
.product-text-3{
	width: 88px;
}
.product-text-4{
	width: 220px;
	word-wrap:break-word;
	margin-bottom: 20px;
}
.text1{
	font: 20px;
	font-weight: normal;
}
.text2{
	font-size: 14px;
	color: #737270;
	margin-bottom: 20px;
}
.font1{
	color: #017cdb;
	font-weight: bold;
}
.tab{
	background: #f9f9f9;
	margin: 40px 0;
}
.tab li{
	display: inline-grid;
	height: 48px;
	line-height: 48px;
	padding: 0 70px;
	cursor: pointer;
}
.tab li.hover{
	background: #3caaf7;
	color: #fff;
}
.contact-box{
	width: 904px;
	margin: 0 auto;
	position: relative;
}
.ewm2{
	position: absolute;
	right: 0;
	top: 58px;
}
.ewm2 em{
	font-style: normal;
	display: block;
	text-align: center;
	font-size: 16px;
	padding-bottom: 20px;
}
.ewm2 span{
	display: block;
	text-align: center;
}
.contact-box ul{
	padding-bottom: 30px;
	display: block;
}
.contact-box li{
	position: relative;
	height: 48px;
	line-height: 48px;
	padding-left: 63px;
	font-size: 16px;
	color: #040000;
}
.contact-box h4{
	font-size: 24px;
	height: 48px;
	line-height: 48px;
	margin: 30px 0 0 0;
	color: #333;
	font-weight: normal;
}
.contact-box li:after{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 10px;
	width: 32px;
	height: 32px;
}
.contact-li1:after{
	background: url(../img/contact-ico1.png) no-repeat center center;
}
.contact-li2:after{
	background: url(../img/contact-ico2.png) no-repeat center center;
}
.contact-li3:after{
	background: url(../img/contact-ico3.png) no-repeat center center;
}
.contact-li4:after{
	background: url(../img/contact-ico4.png) no-repeat center center;
}
.contact-li5:after{
	background: url(../img/contact-ico5.png) no-repeat center center;
}
.contact-li6:after{
	background: url(../img/contact-ico6.png) no-repeat center center;
}
.contact-banner{
	padding-bottom: 57px;
}
.contact-banner img{
	width: 100%;
}
.job-container{
	width: 904px; height: 350px; overflow: hidden; position: relative; margin: 0 auto;
}
.job-container .swiper-container{
	position: absolute; left: -160px; width: 1220px; height: 300px;
}
.job-container .swiper-button-prev,.job-container .swiper-button-next{
    width: 38px;
    height: 200px;
    background-color:rgba(255,255,255,0.4);
    color: #fff;
    top: 70px;
    font-size: 16px;
}
.job-container .swiper-button-next{
	right: 156px;
}
.job-container .swiper-button-prev{
	left: 160px;
}
.job-container .swiper-button-prev:hover,.job-container .swiper-button-next:hover{
    background-color:rgba(60,170,247,0.4);
}
.job-container .swiper-button-prev:after,.job-container .swiper-button-next:after {
    font-size: 25px!important;
}
.job-img img{
	width: 100%;
}
.job-into{
	text-align: center;
	padding-bottom: 50px;
}
.job-into li{
	display: inline-table;
	margin: 0 10px 20px 10px;
	border: 1px solid #f5f6f7;
	height: 228px;
	padding: 10px;
	width: 420px;
}
.job-into li img{
	width: 413px;
	height: 228px;
}
.job-into li:hover{
	border: 6px solid #9dd4fb;
	height: 228px;
	padding: 5px;
}
.job-class{
	padding: 25px 0 25px 55px;
}
.job-class li{
	display: inline-grid;
	margin-bottom: 10px;
}
.job-class li a{
	display: block;
	width: 158px;
	height: 48px;
	line-height: 48px;
	border-radius: 10px;
	background: #eee;
	text-align: center;
}
.active1 a{
	background: #017cdb !important;
	color: #fff;
}
.job-content{
	width: 740px;
	margin: 0 auto;
}
.job-item{
	width: 904px;
	margin: 0 auto;
	border: 1px solid #e8ebee;
	padding: 30px 0 20px 0;
	margin-bottom: 35px;
	position: relative;
}
.job-item h4{
	margin: 0 70px;
}
.line{
	width: 856px;
	height: 1px;
	background: #eee;
	margin: 20px auto;
}
.job-item h5{
	margin: 0 70px;
	font-weight: normal;
	height: 48px;
	line-height: 48px;
	font-size: 14px;
	color: #b4b4b4;
	position: relative;
	padding-left: 24px;
}
.job-item h5:after{
	content: '';
	display: block;
	width: 18px;
	height: 18px;
	background: url(../img/job-ico3.png) no-repeat center center;
	position: absolute;
	left: 0;
	top: 15px;
}
.job-item h6{
	margin: 0 70px;
	height: 24px;
	line-height: 24px;
	font-size: 16px;
	color: #797979;
	font-weight: normal;
	position: relative;
	padding-left: 24px;
}
.job-item h6:after{
	content: '';
	display: block;
	width: 14px;
	height: 20px;
	background: url(../img/job-ico4.png) no-repeat center center;
	position: absolute;
	left: 0;
	top: 3px;
}
.job-button{
	text-align: center;
}
.job-button a{
	padding: 8px 0;
	border-bottom: 1px solid #017cdb;
	color: #017cdb;
}
.job-content{
	display: none;
	line-height: 180%;
}
.job-content p{
	padding: 10px 0;
}
.job-submit{
	position: absolute;
	right: 30px;
	top: 65px;
}
.job-submit a{
	background: #017cdb;
	width: 140px;
	height: 40px;
	line-height: 40px;
	border-radius: 10px;
	color: #fff;
	text-align: center;
	cursor: pointer;
	display: inline-block;
}
.job-submit2{
	position: absolute;
	right: 126px;
	top: 6px;
	background: #ccc;
}
.job-submit2 .top{
	background: #bbb;
	width: 107px;
	height: 48px;
	line-height: 48px;
	color: #fff;
	text-align: center;
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
}
.job-submit3{
	position: absolute;
	right: 6px;
	top: 6px;
	background: #3caaf7;
	width: 107px;
	height: 48px;
	line-height: 48px;
	color: #fff;
	text-align: center;
	cursor: pointer;
	display: inline-block;
	border: none;
	font-size: 16px;
}
.pages{
	text-align: center;
	padding: 50px 0;
}
.pages li{
	display: inline-grid;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	margin: 0 2px;
}
.pages li a{
	display: block;
	height: 40px;
	padding: 0 15px;
	background: #ebebeb;
	color: #727572;
}
.pages li span{
	display: block;
	height: 40px;
	padding: 0 15px;
	background: #3caaf7;
	color: #fff;
}
.guestbook{
	width: 904px;
	margin: 0 auto;
}
.guestbook h4{
	font-size: 30px;
	color: #3caaf7;
	padding: 15px 0;
}
.guestbook h4 i{
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
}
.guestbook p{
	font-size: 16px;
	line-height: 180%;
	padding: 0 0 40px 0;
	
}
.guestbook h5{
	font-size: 16px;
	font-weight: normal;
}
.guestbook h5 em{
	font-style: normal;
	color: #26ae61;
}
.guestbook h6{
	font-size: 14px;
	color: #a6a6a6;
	font-weight: normal;
	padding: 0 0 30px 0;
}
.contact-left{
	float: left;
	width: 520px;
}
.contact-left input{
	width: 193px;
	background: #f2f3f5;
	height: 36px;
	border: none;
	padding: 0 10px;
	border-radius: 5px;
	font-size: 16px;
	color: #a6a6a6 !important;
}
input::-webkit-input-placeholder { 
/* WebKit browsers */ 
color: #a6a6a6; 
} 
input:-moz-placeholder { 
/* Mozilla Firefox 4 to 18 */ 
color: #a6a6a6; 
} 
input::-moz-placeholder { 
/* Mozilla Firefox 19+ */ 
color: #a6a6a6; 
} 
input:-ms-input-placeholder { 
/* Internet Explorer 10+ */ 
color: #a6a6a6; 
}
.contact-right{
	float: left;
	width: 320px;
}
.contact-item{
	padding: 5px 0;
}
.contact-item i{
	font-style: normal;
	color: #26ae61;
}
.contact-item em{
	font-style: normal;
	color: #a6a6a6;
	font-size: 14px;
}
.contact-item textarea{
	width: 802px;
	height: 128px;
	background: #f2f3f5;
	border: none;
	margin: 20px 0;
	padding: 20px;
	color: #a6a6a6;
	font-size: 16px;
	font-family: 微软雅黑;
}
.contact-right select{
	width: 213px;
    height: 36px;
    border: none;
    outline: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../img/arrow-bottom.png) no-repeat right center #f2f3f5;
    font-size: 16px;
    color: #a6a6a6;
	border-radius: 5px;
	padding-left: 10px;
}
.button-contact{
	width: 128px;
	height: 38px;
	border: none;
	color: #fff;
	background: #3caaf7;
	border-radius: 5px;
	font-size: 18px;
	margin: 0 0 20px 0;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.c1{
	width: 370px;
}
.c1 p,.c2 p,.c3 p,.c4 p,.c4 p,.c5 p{
	color: #7f7e7c;
	font-size: 20px;
	line-height: 240%;
	padding-bottom: 22px;
}

.fr.c4 p:nth-child(2){
	padding-bottom: 42px;
}
.fr.c4 p:nth-child(3){
	padding-bottom: 42px;
	background: #d00;
}
.c2{
	width: 500px;
	margin-bottom: 50px;
	overflow: hidden;
}
.c2 img{
	width: 100%;
}
.c3{
	width: 490px;
	margin-bottom: 50px;
	overflow: hidden;
}
.c3 img{
	width: 100%;
}
.c4{
	width: 340px;
	padding: 30px 0 0 20px;
}
.c1 h4,.c1 p,.c4 h4,.c4 p,.c5 h4,.c5 p{
	padding-left: 60px;
}
.c1 h4,.c4 h4,.c5 h4{
	position: relative;
	font-size: 24px;
	color: #017cdb;
}
.c1 h4:after,.c4 h4:after,.c5 h4:after{
	content: '';
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	left: 0;
	top: -5px;
	background: url(../img/ico-about.png) no-repeat;
}
.img-container{
	text-align: center;
}
.img-item{
	display: inline;
	width: 278px;
	margin: 20px 20px 20px 40px;
	float: left;
}
.img-item h4{
	font-weight: normal;
	padding: 5px 0;
	height: 50px;
}
.img-item span{
	display: block;
	width: 278px;
	height: 186px;
	overflow: hidden;
	font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.img-item img{
/*	width: 278px;
	height: 186px;*/
}
.social-tips{
	width: 824px;
	margin: 20px auto;
	background: #8accfa;
	padding: 40px 40px 47px 40px;
	position: relative;
	color: #017cdb;
	font-size: 16px;
	line-height: 220%;
}
.arrow{
	width: 53px;
	height: 53px;
	background: url(../img/arrow1.jpg);
	right: 0 !important;
	bottom: 0 !important;
	position: absolute;
}
.social-title{
	font-size: 20px;
	padding: 20px 0 16px 0;
}
.social-title i,.social-title em{
	font-style: normal;
	color: #017cdb;
	font-weight: bold;
	font-size: 20px;
}
.social-container{
	width: 904px;
	margin: 0 auto;
}
.social-img{
	display: inline-grid; margin: 20px 20px 20px 0;
}
.social-img img{
	width: 422px;
	height: 254px;
}
.search-container{
	display: block;
	width: 909px;
	height: 462px;
	margin: 38px auto 70px auto;
	background: #f2f2f2;
	padding: 20px 0 0 0;
}
.search-container textarea{
	display: block;
	width: 794px;
	height: 317px;
	margin: 0 auto;
	border: none;
	color: #bababa;
	padding: 20px;
}
.search-delect{
	width: 108px;
	height: 48px;
	background: #78b232;
	color: #fff;
	border: none;
	cursor: pointer;
	margin: 15px 15px 0 0;
	font-size: 20px;
}
.search-submit{
	width: 108px;
	height: 48px;
	background: #3caaf7;
	color: #fff;
	border: none;
	cursor: pointer;
	margin: 15px 0 0 0;
	font-size: 20px;
}
.search-box{
	width: 834px;
	text-align: right;
	margin: 0 auto;
}
.search-txt{
	text-align: center;
	padding: 45px 0 0 0;
	font-size: 18px;
	color: #656565;
}
.search-container2{
	display: block;
	width: 879px;
	height: 60px;
	margin: 38px auto 50px auto;
	background: #fff;
	border: 19px solid #f2f2f2;
	position: relative;
}
.search-result{
	display: block;
	width: 898px;
	margin: 18px auto 70px auto;
	border: 1px solid #f2f2f2;
	position: relative;
	padding: 10px;
	line-height: 150%;
}
.search-result a{
	background: #017cdb;
	width: 140px;
	height: 40px;
	line-height: 40px;
	border-radius: 10px;
	color: #fff;
	text-align: center;
	cursor: pointer;
	display: inline-block;
	position: absolute;
	right: 20px;
	top: 20px;
}
.search-ipt{
	width: 730px;
	height: 60px;
	border: none;
	padding-left: 30px;
}
.search-ipt2{
	width: 365px;
	height: 60px;
	border: none;
	padding-left: 30px;
}
.search-ipt3{
	width: 345px;
	height: 60px;
	border: none;
	padding-left: 30px;
}
.search-box2{
	position: relative;
}
.search-box2:after{
	content: '';
	display: block;
	width: 4px;
	height: 60px;
	background: #f2f2f2;
	position: absolute;
	top: 0;
	left: 396px;
}
.search-btn{
	width: 107px;
	height: 48px;
	background: #3caaf7;
	color: #fff;
	position: absolute;
	top: 6px;
	right: 6px;
	border: none;
	cursor: pointer;
	font-size: 20px;
}
/*.service-item:hover img,.product-content:hover img,.news-first:hover img,.news-item:hover img,.news-thumbnail:hover img{ 
	transform: scale(1.06);
	-webkit-transform: scale(1.06);
	-moz-transform: scale(1.06);
}*/
/*.service-item:hover img{ 
	transform: scale(1.06);
	-webkit-transform: scale(1.06);
	-moz-transform: scale(1.06);
}
.service-item img{
	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;
    -o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; 
}*/
.ewm-slide{
	display: none;
	position: absolute; 
	left: -110px; 
	top: 140px;
}
.ewm-slide2{
	display: none;
	position: absolute; 
	left: -110px; 
	top: 60px;
}
.technology h4{
	font-size: 20px;
}
.technology div{
	overflow: hidden;
}
.technology b{
	font-size: 28px;
}
.technology b:hover{
	color: #017cdb;
}
.technology p{
	color: #7f7e7c;
	line-height: 220%;
}
.blank{
	height: 45px;
}
.slogan{
	width: 100%;
	height: 122px;
	background: url("../img/bg-banner.jpg") right center #0287d6 no-repeat;
	text-align: center;
	color: #fff;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 999999;
}
.slogan h4{
	font-size: 40px;
	padding: 16px 0 10px 0;
}
.slogan h5{
	font-size: 18px;
	font-weight: normal;
	font-style: italic;
}
.service-pages{
	height: 980px;
	padding: 140px 0 0 0;
	overflow: hidden;
}
.section{
	overflow-x: hidden !important;
	overflow-y: hidden !important;
}
.section2 { 
	background: url("../img/bg-service.jpg");
	background-size:100% 100%;
}
.section3 { 
	background: url("../img/bg-idx-product.jpg");
	background-size:100% 100%;
}
.section4 { 
	background: url("../img/bg-news.jpg");
	background-size:100% 100%;
}
.section5 { 
	background: url("../img/bg-map.png") no-repeat center center #f4f4f4;
}
.section footer{
	bottom: 0;
	width: 100%;
	position: absolute;
}
.job{
	width: 1408px;
	margin: 0 auto;
	padding: 150px 0 0 0;
}
.job-left{
	float: left;
	width: 510px;
	padding: 30px 0 0 0;
}
.job-pic{
	float: right;
	margin: 40px 0 55px 0;
	font-size: 0;
}
.swiper-job-box{
	width: 340px;
	float: left;
	margin: 40px 0 0 20px;
}
.swiper-job-box img{
	width: 340px;
}
.job-pic h4{
	height: 63px;
	line-height: 63px;
	padding: 0 0 0 28px;

	font-size: 24px;
	color: #fff;
	background-image: linear-gradient(to right, #00519d , #0088d2);
	font-weight: normal;
}
.job-left .column-title{
	font-size: 40px;
	width: 165px;
}
.job-left p{
	line-height: 240%;
	color: #7b7b7b;
	font-size: 16px;
	padding: 25px 0 0 0;
}
.pro-1{
	display: block;
}
.pro-container{
	width: 1284px;
	margin: 0 auto;
	padding: 75px 0 15px 0;
}
.pro-item-img{
	float: left;
	width: 428px;
}
.pro-item-img span{
	display: block;
	width: 428px;
	overflow: hidden;
}
.pro-item-img img{
	width: 428px;
}
.pro-item-txt{
	float: right;
	width: 825px;
}
.pro-item-txt .more{
	margin: 0 0 0 0;
	width: 152px;
	height: 41px;
	border: 1px solid #008cd6;
	border-radius: 5px;
}
.pro-item-txt .more a{
	background: none;
	color: #008cd6;
}
.pro-item-txt .more a:hover{
	background: #008cd6;
	color: #fff;
}
.pro-item-sort{
	font-size: 0;
	padding-top: 27px;
}
.pro-item-sort li{
	display: inline-grid;
	margin: 0 31px 16px 0;
}
.pro-item-sort li a{
	color: #333;
	display: block;
	width: 152px;
	height: 41px;
	line-height: 41px;
	border-radius: 40px;
	border: 1px solid #eee;
	text-align: center;
	font-size: 15px;
}
.pro-item-sort li a:hover{
	background: #008cd6;
	color: #fff;
}
.pro-item{
	margin: 0 0 90px 0;
}
.pro-item h4{
	font-size: 34px;
	padding-bottom: 28px;
}
.pro-item-txt p{
	font-size: 18px;
	color: #7f7e7c;
	line-height: 200%;
	padding: 4px 0 18px 0;
}
.job-title{
	width: 860px;
	margin: 0 auto;
}
.job-title h5{
	font-weight: normal;
	font-size: 16px;
	color: #797979;
	padding: 25px 0 0 0;
}
.job-title h4{
	font-weight: normal;
	font-size: 24px;
	color: #017cdb;
	padding: 25px 0 20px 0;
	border-bottom: 1px dotted #eaecef;
}
.job-title h3{
	font-weight: normal;
	font-size: 16px;
	color: #797979;
	padding: 25px 0 20px 0;
	border-bottom: 1px dotted #eaecef;
}
.job-title h3 a{
	color: #017cdb;
}
.job-page .column-title{
	font-size: 24px;
	height: 60px;
	color: #252525;
	font-weight: normal;
	margin-top: 65px;
}
.job-box1-img{
	width: 434px;
	height: 271px;
	float: left;
	background: #f2f2f2;
	position: relative;
	margin: 45px 0 0 65px;
}
.job-box1-txt{
	float: right;
	width: 440px;
	margin: 0 65px 0 0;
}
.job-box1-txt p{
	line-height: 220%;
	font-size: 16px;
	color: #8a8987;
	padding: 25px 0 0 20px;
}
.job-box1-img span{
	position: absolute;
	display: block;
	width: 434px;
	left: 21px;
	top: -21px;
	overflow: hidden;
}
.job-box1-img img{
	width: 434px;
	height: 271px;
}
.column-title:before{
	content: '';
	display: block;
	width: 152px;
	height: 6px;
	border-radius: 6px;
	background-color:rgba(60,170,247,0.3);
	position: absolute;
	left: 50%;
	margin-left: -76px;
	bottom: 0;
}
.column-title:after{
	content: '';
	display: block;
	width: 12px;
	height: 12px;
	border-radius: 12px;
	background: #3caaf7;
	position: absolute;
	left: 50%;
	margin-left: -66px;
	bottom: -3px;
	/*animation-name: around;*/
    animation-duration: 8s;
    animation-timing-function: ease-in-out;
    animation-delay: 1s;
    animation-iteration-count: infinite;
}
@keyframes around{
    0%{
        transform: translateX(0);
    }
    50%{
        transform: translate(120px);
    }

    100%{
        transform: translateY(0);
    }
}

/*.c2:hover img,.c3:hover img,.course-item:hover img,.job-box1-img:hover img,.img-item:hover img,.pro-item-img:hover img,.technology div:hover img{ 
	transform: scale(1.06);
	-webkit-transform: scale(1.06);
	-moz-transform: scale(1.06);
}
.c2 img,.c3 img,.course-item img,.job-box1-img img,.img-item img,.pro-item-img img,.technology div img{
	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;
    -o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; 
}*/
.arrow-down{
	position: absolute;
	left: 50%;
	margin-left: -11px;
	bottom: -50px;
	/*animation-name: around1;*/
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-delay: 1s;
    animation-iteration-count: infinite;
	display: none;
}
@keyframes around1{
    0%{
        transform: translateX(0,0);
    }
    50%{
        transform: translate(0,20px);
    }

    100%{
        transform: translateY(0,0);
    }
}
.pro-tips{
	color: #017cdb;
	margin: 0 55px;
	line-height: 180%;
	font-size: 14px;
	padding: 10px 0 20px 0;
	text-align: left;
}
.open{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 99999;
	display: none;
}
.mask{
	width: 100%;
	height: 100%;
	background-color: rgb(0, 0, 0,0.8)
}
.open-search{
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%,0);
    width: 56%;
    max-width: 1480px;
    height: auto;
    padding: 20px;
    border: 3px solid rgb(170, 170, 170);
    background-color: rgb(255, 255, 255);
    cursor: auto;
}
#search_keyword {
    border: 1px solid #ececec;
    padding: 0px 4px;
	height: 40px;
    background: #f9f9f9;
    width: 100%;
    text-indent: 6px;
    box-sizing: border-box;
    outline: 0px;
    border-radius: 0px;
	margin-bottom: 10px;
}
 .btnBox {
    margin-top: 0px;
    padding: 0px 0px 0px 15px;
    text-align: right;
}
.e_btn{
	float: none;
    display: inline-block;
    width: 64px;
    height: 36px;
	line-height: 36px;
    padding: 0 16px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    border-radius: 2px;
    background: transparent;
    border: 0px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    margin-right: 15px;
    background-color: #008cd6;
}
.close{
    float: none;
    display: inline-block;
    width: 64px;
    height: 36px;
    line-height: 36px;
    padding: 0 16px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    border-radius: 2px;
    background: transparent;
    border: 0px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    background-color: #999;
}
@media screen and (max-height: 900px){
	.job{
		display: none;
	}
}
@media screen and (max-width: 1366px){
	.header1{
		height: 122px;
	}
	.header{
		width: 1266px;
	}
	.logo {
		float: left;
		margin: 20px 0 0 0;
	}
	.nav {
		padding: 19px 240px 0 0;
	}
	.search {
		right: 120px;
		top: 45px;
	}
	.languge{
		top: 45px;
	}
	.nav_ul>li {
		height: 80px;
		line-height: 80px;
	}
	.header2 .nav {
		margin-top: 16px;
	}
	.slogan{
		height: 100px;
	}
	.slogan h4 {
		font-size: 30px;
		padding: 16px 0 10px 0;
	}
	.slogan h5 {
    	font-size: 14px;
	}
	.footer-contaier{
		width: 1266px;
	}
	.footer-left {
		width: 720px;
		float: left;
	}
	.footer-item {
		display: inline-grid;
		margin-right: 20px;
	}
	.column-title{
		font-size: 36px;
	}
	.service-item{
		width: 356px;
		height: 224px;
	}
	.service-item img{
		width: 356px;
		height: 224px;
	}
	.product-content h4 {
		margin: 20px 0 15px 22px;
	}
	.service-item b{
		width: 356px;
	}
	.product-container{
		width: 1070px;
		margin: 0 auto;
	}
	.product-title{
		width: 134px;
		height: 382px;
	}
	.product-content{
		width: 466px;
		height: 382px;
	}
	.product-content span{
		width: 438px;
		height: 165px;
	}
	.product-content span img{
		width: 438px;
		height: 165px;
	}
	.product-content p{
		width: 438px;
	}
	.column-title2 {
		margin: 110px 0 25px 0;
	}
	.product-content p {
		margin: 10px 0 10px 22px;
	}
	.product4 .product-title{
		width: 134px;
		height: 382px;
	}
	.product-title span{
		display: block;
		width: 94px;
	}
	.product-title span img{
		width: 94px;
	}
	.news-container{
		width: 1000px;
	}
	.news-first{
		width: 500px;
	}
	.news-first img{
		width: 500px;
		height: 310px;
	}
	.news-list{
		width: 494px;
	}
	.news-item span img{
		width: 118px;
		height: 74px;
	}
	.news-item span {
		float: left;
		margin: 12px 10px 12px 10px;
	}
	.news-txt {
		padding: 5px 0 0 0;
		float: left;
		width: 352px;
	}
	.news .column-title{
		margin-bottom: 24px;
	}
	.news-txt h4 {
		margin-bottom: 7px;
		display: block;
		height: 26px;
		overflow: hidden;
	}
	.news-txt p{
		display: block;
		height: 65px;
		overflow: hidden;
	}
	.cooperative-contaier{
		width: 1148px;
		margin: 0 auto;
		text-align: center;
	}
	.cooperative-item img{
		width: 148px;
	}
	.job{
		display: none;
	}
	.container{
		width: 1008px;
	}
	.side {
		width: 230px;
	}
	.side-content{
		width: 230px;
	}
	.side-img img {
		width: 230px;
	}
	.side-title{
		width: 192px;
		left: -12px;
	}
	.main{
		width: 738px;
	}
	.content{
		margin: 20px 35px;
		line-height: 180%;
		padding-bottom: 30px;
		min-height: 500px;
		height: auto;
	}
	.describe {
		width: 578px;
	}
	.pre-next{
		margin-left: 35px;
	}
	.tag{
		padding-left: 35px;
	}
	.course-left{
		width: 246px;
	}
	.course-item span{
		width: 216px;
	}
	.course-item span img{
		width: 216px;
	}
	.course-year{
		margin-left: -70px;
	}
	.course-container{
		width: 700px;
	}
	.course-box{
		width: 700px;
	}
	.course-right{
		width: 246px;
	}
	.line1,.line2,.line3,.line4{
		left: -40px;
	}
	.line5,.line6,.line7{
		left: 126px;
	}
	.contact-box {
		width: 694px;
	}
	.social-container{
		width: 694px;
	}
	.social-img{
		width: 46%;
	}
	.social-img img{
		width: 300px;
		height: 180px;
	}
	.social-tips{
		width: 614px;
		padding: 40px 40px 47px 40px;
	}
	.product-table{
		width: 694px;
	}
	.sort-container{
		width: 694px;
	}
	.product-container3{
		width: 694px;
	}
	.product-text{
		width: 418px;
	}
	.product-title-cn{
		padding: 20px 0 0 25px;
	}
	.product-title-en {
		padding: 10px 0 10px 25px;
	}
	.product-text-2{
		width: 300px;
	}
	.tab{
		font-size: 0;
	}
	.tab li{
		width: 25%;
		text-align: center;
		padding: 0;
		font-size: 16px;
	}
	.search-container2{
		width: 674px;
	}
	.search-ipt{
		width: 530px;
	}
	.search-ipt2{
		width: 265px;
	}
	.search-ipt3{
		width: 245px;
	}
	.search-box2:after{
		left: 296px;
	}
	.search-container{
		width: 694px;
	}
	.search-container textarea{
		width: 594px;
	}
	.search-box{
		width: 634px;
	}
	.search-result{
		width: 690px;
	}
	.side-class li{
		font-size: 16px;
		padding: 20px 0 20px 40px;
	}
	.technology b{
		font-size: 18px;
	}
	.technology p{
		font-size: 14px;
		line-height: 180% !important;
	}
	.page-title {
		padding: 10px 0 0 16px;
	}
	.pro-container{
		width: 1000px;
	}
	.pro-item{
		padding: 0 20px;
	}
	.pro-item h4{
		font-size: 28px;
	}
	.pro-item-txt p{
		font-size: 16px;
		padding: 0 0 10px 0;
	}
	.pro-item-img{
		width: 320px;
	}
	.pro-item-img img{
		width: 320px;
	}
	.pro-item-txt{
		width: 725px;
	}
	.pro-item-txt{
		width: 590px;
	}
	.pro-item-sort li a{
		width: 130px;
	}
	.pro-item-sort li{
		margin-right: 8px;
	}
	.guestbook{
		width: 704px;
	}
	.contact-left{
		width: 402px;
	}
	.contact-right{
		width: 270px;
	}
	.contact-item textarea{
		width: 602px;
	}
	.job-title{
		width: 680px;
	}
	.job-item{
		width: 704px;
	}
	.job-item h4{
		margin: 0 20px; 
	}
	.job-item h5{
		margin: 0 20px; 
	}
	.job-item h6{
		margin: 0 20px;
	}
	.job-content{
		width: 660px;
	}
	.news-loop{
		width: 700px;
	}
	.news-thumbnail{
		width: 200px;
	}
	.news-thumbnail img{
		width: 200px;
		height: 108px;
	}
	.news-title{
		width: 395px;
	}
	.news-title h4 a{
		font-size: 16px;
	}
	.relevant img{
		width: 82px;
		height: 56px;
		margin-right: 8px;
	}
	.relevant a{
		font-size: 12px;
	}
	.job-box1-img{
		width: 310px;
		height: 194px;
		margin-left: 20px;
	}
	.job-box1-img span{
		width: 310px;
	}
	.job-box1-img span img{
		width: 310px;
		height: 194px;
	}
	.job-box1-txt{
		width: 370px;
		margin-right: 20px;
	}
	.job-box1-txt p{
		font-size: 14px;
	}
	.job-container{
		height: 300px;
	}
	.job-container{
		width: 684px;
		overflow: hidden;
	}
	.job-container .swiper-container{
		width: 920px;
		position: absolute; left: -120px;
	}
	.job-container .swiper-button-prev,.job-container .swiper-button-next{
		height: 152px;
		top: 95px;
	}
	.job-container .swiper-button-next{
		right: 111px;
	}
	.job-container .swiper-button-prev{
		left: 114px;
	}
	.job-into li{
		height: 160px;
	}
	.job-into li:hover{
		border: 6px solid #9dd4fb;
		height: 160px;
		padding: 5px;
	}
	.job-into li img {
		width: 294px;
		height: 160px;
	}
	.c1 h4, .c4 h4, .c5 h4{
		font-size: 18px;
	}
	.c1 h4:after, .c4 h4:after, .c5 h4:after {
		width: 30px;
		height: 30px;
		left: 0;
		top: 0;
		background-size: 30px 30px;
	}
	.c1 h4, .c1 p, .c4 h4, .c4 p, .c5 h4, .c5 p {
		padding-left: 35px;
	}
	.c1 p, .c2 p, .c3 p, .c4 p, .c4 p, .c5 p{
		font-size: 16px;
	}
	.c2{
		width: 355px;
	}
	.c2 img{
		width: 355px;
	}
	.c1{
		width: 280px;
	}
	.c3{
		width: 350px;
	}
	.c3 img{
		width: 350px;
	}
	.c4{
		width: 260px;
		padding: 0 0 0 20px;
	}
	.nav .nav_ul .nav-ul-ul{
		top: 88px;
	}
	.swiper-service .swiper-button-next{
	margin-right: 630px;
	margin-top: 105px;
}
	.swiper-service .swiper-button-prev{
		margin-left: 630px;
		margin-top: 105px;
	}
	.service .column-title {
		margin: 0 0 45px 0;
	}
	.swiper-service {
		padding-bottom: 55px;
		margin-bottom: 20px;
	}
	.banner-swiper .swiper-pagination{
		bottom: 150px;
	}
}