* { list-style: none; margin: 0; padding: 0; outline: none;}
body { min-width: 1360px; font-size: 12px; font-family: Microsoft YAHEI, Arial, Helvetica, sans-serif; color: #333; margin: 0 auto;}
a { color: #333; text-decoration: none;}
a:hover { text-decoration: none; color: #eb2914;}
img { border: 0;}
.clear { clear: both;}
.warp { width: 1360px; margin: 0 auto; position: relative;}
.fl { float: left;}
.fr { float: right;} 
#VCode { cursor: pointer;}
input[type=button],
input[type=submit],
input[type=file],
button { cursor: pointer; -webkit-appearance: none;}
textarea { -webkit-appearance: none;}
::-webkit-input-placeholder { color: #333;} 
:-moz-placeholder { color: #333;} 
::-moz-placeholder { color: #333;}
:-ms-input-placeholder { color: #333;} 

@font-face {
	font-family: 'FontAwesome';
		    src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
	        src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
			     url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
				 url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
				 url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
				 url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
	font-weight: normal;
	 font-style: normal;
}

/*头部*/
.header { width: calc(100% - 80px); min-width: 1280px; height: 85px; padding: 0 40px; box-shadow: 0 10px 10px rgba(0,0,0,0.1); background: #fff; position: fixed; left: 0; top: 0; z-index: 999;}
.header .logo { float: left; width: 240px; height: 85px; overflow: hidden;}
.header .logo img { display: block; height: 60px; margin: 12.5px 0;}
.header .msg { float: right; width: 70%;}
.header .msg .nav { float: left; max-width: calc(100% - 80px);}
.header .msg .nav li { float: left; height: 85px; position: relative;}
.header .msg .nav li a { display: block; line-height: 85px; font-size: 16px; color: #333; padding: 0 35px;}
.header .msg .nav li p { display: none; width: 120%; text-align: center; background: #fff; position: absolute; left: -10%; top: 85px;}
.header .msg .nav li:hover a,
.header .msg .nav .on a { color: #0366e0;}
.header .msg .nav li:hover p { display: block;}
.header .msg .nav li:hover p a,
.header .msg .nav .on p a { line-height: 45px; font-size: 14px; color: #666; padding: 0 10px; border-top: 1px solid #eee; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.header .msg .nav li:hover p a:hover,
.header .msg .nav .on p a:hover { color: #0366e0;}
.header .msg .serch { float: right; width: 60px; height: 85px; position: relative;}
.header .msg .serch .ico { width: 60px; height: 85px; cursor: pointer; background: url(../images/jt01.png) no-repeat center;}
.header .msg .serch .sch { display: none; width: 500px; height: 60px; border-radius: 4px; overflow: hidden; background: #fff; position: absolute; right: 0; top: 90px; z-index: 9;}
.header .msg .serch .sch form { display: flex; flex-direction: row; width: 500px; height: 60px;}
.header .msg .serch .sch form input { flex: 1 1 0%; display: block; height: 60px; line-height: 60px; font-size: 14px; color: #333; padding: 0 10px; border: none; background: none;}
.header .msg .serch .sch form .btn { flex: inherit; width: 85px; cursor: pointer; background: #0366e0 url(../images/jt01h.png) no-repeat center;}
.header .msg .serch.open .sch { display: block;}
.kongb { height: 85px;}

/*banner*/
.banner { width: 100%; margin: 0 auto;}
.banner .swiper-slide { width: 100%;}
.banner .swiper-slide a,
.banner .swiper-slide img { display: block; width: 100%;}
.banner .below { width: 1360px; height: 50px; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: 65px; z-index: 9;}
.banner .below .swiper-button-prev,
.banner .below .swiper-button-next { width: 50px; height: 50px; border-radius: 50%; right: auto; background: rgba(255,255,255,0.3); -webkit-transition: all .5s ease; transition: all .5s ease;}
.banner .below .swiper-button-prev::after,
.banner .below .swiper-button-next::after { font-size: 20px; color: #fff; -webkit-transition: all .5s ease; transition: all .5s ease;} 
.banner .below .swiper-button-prev { left: 0;}
.banner .below .swiper-button-next { left: 75px;}
.banner .below .swiper-button-prev:hover,
.banner .below .swiper-button-next:hover { background: #fff;}
.banner .below .swiper-button-prev:hover::after,
.banner .below .swiper-button-next:hover::after { color: #0366e0;}
.banner .glide { width: 240px; height: 150px; padding-left: 130px; background: url(../images/jt02.png) no-repeat 0 0; position: absolute; right: 0; bottom: 0; z-index: 99;}
.banner .glide p { width: 60px; height: 30px; line-height: 30px; font-size: 14px; color: #fff; text-align: center; margin: 40px auto; padding-top: 40px; background: url(../images/jt03.png) no-repeat center top; animation:change 1.5s linear infinite alternate;}
@keyframes change {
	0% { transform: translateY(-10px);}
	50% { transform: translateY(0px);}
	100% { transform: translateY(25px);}
}

/*二级banner*/
.banner_ej { width: 100%; height: 260px; margin: 0 auto; background-position: center top; background-repeat: no-repeat; background-size: cover;}

/*脚部*/
.footer { width: 100%; background: #0366e0 url(../images/jt14.png) no-repeat center;}
.footer .top { width: 100%; margin-bottom: 35px; padding: 35px 0; border-bottom: 1px solid rgba(255,255,255,0.1);}
.footer .top .log { float: left; max-width: 300px; height: 60px; overflow: hidden;}
.footer .top .log img { display: block; height: 60px; filter: grayscale(100) brightness(100);}
.footer .top .tel { float: right; max-width: 60%;}
.footer .top .tel p { float: left; margin-left: 50px;}
.footer .top .tel p span { display: block; height: 20px; line-height: 20px; font-size: 14px; color: rgba(255,255,255,0.5);}
.footer .top .tel p b { display: block; height: 40px; line-height: 40px; font-size: 26px; color: #fff;}
.footer .top .tel p b a { color: #fff;}
.footer .nva { float: left; width: 65%;}
.footer .nva li { float: left; margin-right: 70px;}
.footer .nva li h3 { height: 40px; line-height: 40px; font-weight: 500; font-size: 18px; color: #fff;}
.footer .nva li a { display: block; line-height: 30px; font-size: 14px; color: rgba(255,255,255,0.5); -webkit-transition: all .5s ease; transition: all .5s ease;}
.footer .nva li a:hover { color: #fff;}
.footer .link { float: right; width: 370px;}
.footer .link .lks { width: 100%; height: 60px; position: relative;}
.footer .link .lks span { display: block; width: calc(100% - 50px); height: 60px; line-height: 60px; font-size: 14px; color: rgba(255,255,255,0.6); padding: 0 25px; background: rgba(255,255,255,0.1); position: relative;}
.footer .link .lks span::after { display: block; content: ""; width: 0; height: 0; margin: auto; border-style: solid; border-width: 7px 6px 0 6px; border-color: rgba(255,255,255,0.3) transparent transparent transparent; position: absolute; right: 25px; top: 0; bottom: 0;}
.footer .link .lks p { display: none; width: 100%; background: #fff; position: absolute; right: 0; bottom: 60px; z-index: 2;}
.footer .link .lks p a { display: block; line-height: 50px; font-size: 14px; color: #333; padding: 0 25px; border-bottom: 1px solid #eee; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.footer .link .lks p a:hover { color: #0366e0;}
.footer .link .lks:hover span { color: #666; background: #fff;}
.footer .link .lks:hover span::after { border-color: #999 transparent transparent transparent;}
.footer .link .lks:hover p { display: block;}
.footer .link li { float: right; width: 35px; height: 35px; margin: 15px 0 0 15px; border-radius: 50%; background-color: rgba(255,255,255,0.1); background-repeat: no-repeat; background-position: center; position: relative;}
.footer .link li.wat { background-image: url(../images/jt16.png);}
.footer .link li.ads { background-image: url(../images/jt15.png);}
.footer .link li img,
.footer .link li p { display: none; background: #fff; position: absolute; right: 0; bottom: 40px;}
.footer .link li img { width: 130px; height: 130px; padding: 10px;}
.footer .link li p { width: 200px; line-height: 25px; font-size: 14px; color: #333; padding: 10px 15px;}
.footer .link li:hover img,
.footer .link li:hover p { display: block;}
.footer .copy { line-height: 25px; font-size: 14px; color: rgba(255,255,255,0.5); margin-top: 50px; padding: 15px 0; border-top: 1px solid rgba(255,255,255,0.1);}
.footer .copy a { color: rgba(255,255,255,0.5);}
.footer .copy a:hover { color: #fff;}

/*右侧客服*/
.webonline { width: 60px; position: fixed; right: 0; bottom: 10%; z-index: 999999;}
.webonline li { width: 100%; text-align: center; padding: 10px 0 5px 0; margin-top: 3px; border-radius: 4px; background: #0079e9; position: relative;}
.webonline li .ontop { width: 100%; cursor: pointer;}
.webonline li .ontop i { display: block; width: 25px; height: 20px; line-height: 20px; font-family: FontAwesome; font-style: normal; font-size: 22px; color: #fff; text-align: center; padding-top: 5px; margin: 0 auto;}
.webonline li .ontop p { line-height: 25px; font-size: 11px; color: #fff;}
.webonline li .airlines i { height: 25px; line-height: 25px; padding-top: 0;}
.webonline li .onlft { display: none; padding: 5px; margin: auto; border-radius: 4px; background: #0079e9; position: absolute; right: 70px; top: 10px;}
.webonline li .onlft::after { display: block; content: ""; width: 0; height: 0; margin: auto; border-style: solid; border-width: 6px 0 6px 6px; border-color: transparent transparent transparent #0079e9; line-height: 0px; _border-color: #000 #000 #000 #0079e9; _filter: progid: DXImageTransform.Microsoft.Chroma(color='#000000'); position: absolute; right:-6px; top: 16px;}
.webonline li .onlft p { width: 145px; height: 35px; line-height: 35px; font-size: 20px; color: #fff;}
.webonline li .onlft img { display: block; width: 120px; border: 3px solid #fff;}
.webonline li:hover .onlft { display: block;}
.webonline li.btn_top { display: none;}

/*公共标题*/
.tits { float: left; width: calc(100% - 200px); margin-bottom: 35px;}
.tits p { height: 25px; line-height: 25px; font-size: 18px; color: #000; padding-left: 15px; position: relative;}
.tits p::after { display: block; content: ""; width: 9px; height: 9px; background: #0366e0; position: absolute; left: 0; top: 10px;}
.tits h3 { min-height: 70px; line-height: 50px; font-weight: 500; font-size: 38px; color: #000; padding-top: 30px; background: url(../images/jt05.png) no-repeat 0 0; position: relative;}
.more { display: block; float: right; width: 145px; height: 55px; line-height: 55px; font-size: 16px; color: #fff; padding-left: 30px; margin-top: 50px; border-radius: 30px; background: #0366e0 url(../images/jt06h.png) no-repeat 120px center; -webkit-transition: all .5s ease; transition: all .5s ease;}
.more:hover { color: #fff; border-radius: 4px;}

.citybg { width: 100%; padding-top: 120px; background: url(../images/jt04.jpg) no-repeat center top;}

/*解决方案*/
.solution { width: 100%; padding: 50px 0;}
.solution .lft { float: left; width: 475px;}
.solution .lft .tits { float: none; width: 100%; margin-bottom: 240px;}
.solution .lft .tits p,
.solution .lft .tits h3 { color: #fff;}
.solution .lft .tits h3 { background-image: url(../images/jt05h.png);}
.solution .lft .more { float: none; margin-top: 0;}
.solution .lsts { float: right; width: 710px;}
.solution .lsts li { float: left; width: 240px; margin: 35px 0 0 35px; padding: 40px; background: #fff; position: relative;}
.solution .lsts li:nth-child(1),
.solution .lsts li:nth-child(3) { transform: translateY(-40px);}
.solution .lsts li .img { width: 70px; height: 70px; padding: 20px; border-radius: 50%; background-image: linear-gradient(135deg,#3a5377,#283c59); position: relative;}
.solution .lsts li .img::after { display: block; content: ""; width: 120px; height: 120px; border: 1px dashed #fff; border-radius: 50%; position: absolute; top: -6px; left: -6px;}
.solution .lsts li .img img { display: block; width: 70px; height: 70px; filter: grayscale(100) brightness(100);}
.solution .lsts li h3 { height: 95px; line-height: 95px; font-weight: 500; font-size: 26px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.solution .lsts li p { height: 40px; line-height: 40px; font-size: 16px; color: #666; position: relative; z-index: 2;}
.solution .lsts li p::before,
.solution .lsts li p::after { display: block; content: ""; position: absolute;}
.solution .lsts li p::before { width: 28px; height: 28px; filter: alpha(opacity=0); opacity: 0; border: 1px solid #fff; border-radius: 50%; right: 0; top: 7px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.solution .lsts li p::after { width: 7px; height: 7px; border-top: 1px solid rgba(255,255,255,0.5); border-right: 1px solid rgba(255,255,255,0.5); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); right: 12px; top: 18px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.solution .lsts li p span { display: block; width: 75%; padding-left: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative;}
.solution .lsts li p span::after { display: block; content: ""; width: 6px; height: 6px; border-radius: 50%; background: #0366e0; position: absolute; left: 0; top: 19px;}
.solution .lsts li b { display: block; width: 45%; height: 90px; line-height: 90px; font-size: 110px; color: rgba(0,0,0,0.04); text-align: center; position: absolute; right: 0; bottom: 0;}
.solution .lsts li:hover { background-image: linear-gradient(135deg,#3a5377,#273b58);}
.solution .lsts li:hover .img { background: #fff;}
.solution .lsts li:hover .img img { filter:grayscale(0%);}
.solution .lsts li:hover h3,
.solution .lsts li:hover p span { color: #fff;}
.solution .lsts li:hover p span::after { background: #fff;}
.solution .lsts li:hover b { color: rgba(255,255,255,0.04);}
.solution .lsts li p:hover::before { filter: alpha(opacity=100); opacity: 1;}
.solution .lsts li p:hover::after { border-color: #fff;}

/*产品中心*/
.products { width: 100%; padding: 50px 0;}
.products .swiper-container { width: 100%;}
.products .swiper-slide { filter: alpha(opacity=70); opacity: 0.7; transform: scale(0.95,0.95); overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.products .swiper-slide .msg { display: none; width: 80%; height: 81.5%; padding: 9% 10% 0 10%; background-image: linear-gradient(to right,rgba(3,102,224,1),rgba(3,102,224,0) 70%); position: absolute; left: 0; top: 0;}
.products .swiper-slide .msg h4 { height: 40px; line-height: 40px; font-size: 18px; color: rgba(255,255,255,0.8);}
.products .swiper-slide .msg h3 { height: 65px; line-height: 65px; font-size: 46px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.products .swiper-slide .msg p { height: 40px; line-height: 40px; font-size: 18px; color: rgba(255,255,255,0.8); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.products .swiper-slide .msg a { display: block; width: 145px; height: 55px; line-height: 55px; font-size: 16px; color: #fff; padding-left: 30px; margin-top: 15%; border: 1px solid #fff; border-radius: 30px; background: url(../images/jt06h.png) no-repeat 120px center; -webkit-transition: all .5s ease; transition: all .5s ease;}
.products .swiper-slide .msg a:hover { color: #fff; border-radius: 4px;}
.products .swiper-slide img { display: block; width: 100%;}
.products .swiper-slide-active { filter: alpha(opacity=100); opacity: 1; transform: scale(1,1);}
.products .swiper-slide-active .msg { display: block;}
.products .swiper-button-prev,
.products .swiper-button-next { display: block; width: 12.5%; height: 100%; text-align: center; margin: 0; top: 0;}
.products .swiper-button-prev { left: 0;}
.products .swiper-button-next { right: 0;}
.products .swiper-button-prev::after,
.products .swiper-button-next::after { font-size: 0;}

/*资讯中心*/
.news { width: 100%; padding: 50px 0 110px 0; background: url(../images/jt07.jpg) no-repeat center top;}
.news .more { width: 110px; color: #0366e0; padding-left: 0; background: url(../images/jt06.png) no-repeat right center;}
.news .cuowei { margin-left: 14.5%;}
.news .cuowei .tabs { width: 50%; padding: 35px 0 45px 0; border-top: 1px solid #ededed; background-image: linear-gradient(to right,#fbfcfe,rgba(244,247,254,0)); position: absolute; z-index: 9;}
.news .cuowei .tabs li { float: left; height: 50px; line-height: 50px; font-size: 16px; color: #333; cursor: pointer; padding: 0 35px; margin-right: 20px; border: 1px solid #d9d9d9; border-radius: 30px;}
.news .cuowei .tabs li.on { color: #fff; border-color: #0366e0; background: #0366e0;}
.news .cuowei #nei { padding-top: 135px;}
.news .cuowei #nei .prev0,
.news .cuowei #nei .next0 { width: 45px; height: 45px; margin: 0; border: 1px solid #edf1fc; border-radius: 50%; box-sizing: border-box; background-repeat: no-repeat; background-position: center; top: 38px; left: auto; -webkit-transition: all .5s ease; transition: all .5s ease;}
.news .cuowei #nei .prev0 { background-image: url(../images/jt08.png); right: 20%;}
.news .cuowei #nei .next0 { background-image: url(../images/jt09.png); right: 17%;}
.news .cuowei #nei .prev0::after,
.news .cuowei #nei .next0::after { font-size: 0;}
.news .cuowei #nei .prev0:hover,
.news .cuowei #nei .next0:hover { border-color: #b3b3b3;}
.news .cuowei .swiper-slide .swiper-slide {}
.news .cuowei .swiper-slide .swiper-slide .img { width: 100%; overflow: hidden; position: relative;}
.news .cuowei .swiper-slide .swiper-slide .img img { display: block; width: 100%; -webkit-transition: all .5s ease; transition: all .5s ease;}
.news .cuowei .swiper-slide .swiper-slide .img .tim { height: 45px; line-height: 45px; font-size: 16px; color: #fff; padding: 0 20px; background: #0366e0; position: absolute; left: 0; bottom: 0; z-index: 2;}
.news .cuowei .swiper-slide .swiper-slide .img .tim span { display: block; float: left; margin-right: 30px; position: relative;}
.news .cuowei .swiper-slide .swiper-slide .img .tim span::after { display: block; content: ""; width: 1px; height: 13px; background: #fff; position: absolute; right: -15px; top: 17px;}
.news .cuowei .swiper-slide .swiper-slide .msg { padding: 25px 30px; background: #fff; -webkit-transition: all .5s ease; transition: all .5s ease;}
.news .cuowei .swiper-slide .swiper-slide .msg h3 { height: 70px; line-height: 35px; font-weight: 500; font-size: 22px; color: #000; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.news .cuowei .swiper-slide .swiper-slide .msg span { display: block; float: right; width: 110px; height: 55px; line-height: 55px; font-size: 16px; color: #0366e0; margin-top: 10px; background: url(../images/jt06.png) no-repeat right center; -webkit-transition: all .5s ease; transition: all .5s ease;}
.news .cuowei .swiper-slide .swiper-slide:hover .img img { transform: scale(1.1,1.1);}
.news .cuowei .swiper-slide .swiper-slide:hover .msg { background: #0366e0;}
.news .cuowei .swiper-slide .swiper-slide:hover .msg h3 { color: #fff;}
.news .cuowei .swiper-slide .swiper-slide:hover .msg span { color: #fff; background-image: url(../images/jt06h.png);}

/*关于我们*/
.about { width: 100%; padding: 80px 0; background: url(../images/jt10.jpg) no-repeat right bottom;}
.about .img { float: left; width: 690px; height: 515px; overflow: hidden;}
.about .img img { display: block; width: 690px; height: 515px;}
.about .msg { float: right; width: 560px; padding-top: 25px;}
.about .msg .tits { float: none; width: 100%; margin-bottom: 20px;}
.about .msg .nr { height: 245px; line-height: 35px; font-size: 16px; color: #666; overflow: hidden;}
.about .msg .more { float: none; margin-top: 40px;}

/*荣誉资质*/
.honor { width: 100%; padding: 80px 0 59px 0; background: url(../images/jt11.jpg) no-repeat center top;}
.honor .more { width: 110px; color: #0366e0; padding-left: 0; background: url(../images/jt06.png) no-repeat right center;}
.honor .tabs { width: 100%; padding: 35px 0 45px 0; border-top: 1px solid #d1e1ea; position: relative;}
.honor .tabs li { float: left; height: 50px; line-height: 50px; font-size: 16px; color: #333; cursor: pointer; padding: 0 35px; margin-right: 20px; border: 1px solid rgba(255,255,255,0.4); border-radius: 30px; overflow: hidden; background: rgba(255,255,255,0.4);}
.honor .tabs li.on { color: #fff; border-color: #0366e0; background: #0366e0;}
.honor .tabs .prev1,
.honor .tabs .next1 { width: 45px; height: 45px; margin: 0; border: 1px solid #d6ebfc; border-radius: 50%; box-sizing: border-box; background-repeat: no-repeat; background-position: center; top: 38px; left: auto; -webkit-transition: all .5s ease; transition: all .5s ease;}
.honor .tabs .prev1 { background-image: url(../images/jt08.png); right: 55px;}
.honor .tabs .next1 { background-image: url(../images/jt09.png); right: 0;}
.honor .tabs .prev1::after,
.honor .tabs .next1::after { font-size: 0;}
.honor .tabs .prev1:hover,
.honor .tabs .next1:hover { border-color: #b3b3b3;}
.honor .swiper-slide .swiper-slide {}
.honor .swiper-slide .swiper-slide .img { display: flex; flex-direction: row; align-items: center; width: 205px; height: 275px; margin: 0 auto; padding: 17px 17.5px 23px 17.5px; overflow: hidden; background: url(../images/jt12.png) no-repeat 0 0;}
.honor .swiper-slide .swiper-slide .img img { display: block; width: 100%;}

/*合作伙伴*/
.partner { width: 100%; padding: 40px 0;}
.partner .nam { float: left; width: 155px; height: 95px; line-height: 95px; font-size: 38px; color: #000; padding-left: 20px; background: url(../images/jt13.png) no-repeat center; position: relative;}
.partner .nam::after { display: block; content: ""; width: 10px; height: 10px; background: #0366e0; position: absolute; left: 0; top: 45px;}
.partner .imgs { float: right; width: calc(100% - 280px); height: 75px; padding: 10px 30px; position: relative;}
.partner .imgs .swiper-slide {}
.partner .imgs .swiper-slide img { display: block; max-width: 100%; height: 75px; margin: 0 auto;}
.partner .imgs .swiper-button-prev,
.partner .imgs .swiper-button-next { width: 30px; height: 75px; margin: 0; top: 10px;}
.partner .imgs .swiper-button-prev { left: 0;}
.partner .imgs .swiper-button-next { right: 0;}
.partner .imgs .swiper-button-prev::after,
.partner .imgs .swiper-button-next::after { font-weight: bold; font-size: 14px; color: #999;}

/*************** 子页公用 *******************/
.content { width: 1360px; min-height: 300px; margin: 0 auto; padding: 30px 0;}
.serchms { line-height: 300px; font-size: 22px; color: #000; text-align: center;}

.comnav { width: 100%; height: 60px; background: #0366e0;}
.comnav .catnav { float: left; max-width: 70%; height: 60px;}
.comnav .catnav li { float: left; height: 60px; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.comnav .catnav li::after { display: block; content: ""; width: 1px; height: 13px; background: rgba(255,255,255,0.25); position: absolute; top: 24px; right: 0; z-index: 2;}
.comnav .catnav li:last-child::after { display: none;}
.comnav .catnav li a { display: block; line-height: 60px; font-size: 14px; color: rgba(255,255,255,0.75); padding: 0 15px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.comnav .catnav li:hover a { color: #fff;}
.comnav .catnav li.on { background: #fff;}
.comnav .catnav li.on a { font-weight: bold; font-size: 16px; color: #0366e0;}
.comnav .posit { float: right; line-height: 60px; font-size: 12px; color: rgba(255,255,255,0.75); padding-left: 20px; background: url(../images/posit.png) no-repeat left center;}
.comnav .posit a { color: rgba(255,255,255,0.75);}

.snav { width: 100%; text-align: center;}
.snav a { display: inline-block; height: 45px; line-height: 45px; font-size: 15px; color: #666; margin: 25px 10px 0 10px; padding: 0 25px; border-radius: 2px; overflow: hidden; background: #eee; -webkit-transition: all .5s ease; transition: all .5s ease;}
.snav a:hover { color: #0366e0;}
.snav a.on { color: #ffff; background: #0366e0;}

/*详情页公用*/
.lh { min-height: 300px; line-height: 35px; font-size: 16px; color: #333; text-align: justify;}
.lh img { max-width: 100%; height: auto !important;}
.lh ul,
.lh ol { padding: revert; padding-left: 25px;}
.lh li { list-style: inherit;}
.lh table { border-spacing: 0px; border-top: 1px solid #ccc; border-left: 1px solid #ccc;}
.lh table td { text-align: center; vertical-align: middle; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.shows { width: 100%;}
.show_h3 { width: 100%; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #f4f4f4;}
.show_h3 h3 { line-height: 25px; font-size: 22px; color: #333;}
.show_h3 p { line-height: 30px; font-size: 12px; color: #bbb; margin-top: 5px;}
.show_sxp { line-height: 25px; font-size: 12px; color: #999; margin-top: 30px; padding-top: 20px; border-top: 1px solid #eee;}
.show_sxp p { width: 45%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.show_sxp p span { display: inline-block;}
.show_sxp a { color: #666;}
.show_sxp .fr { text-align: right;}
.show_sxp p a:hover { color: #0366e0; text-decoration: underline;}

/*分页*/
.scott { overflow: hidden; text-align: center; padding: 15px 0; background: rgba(255,255,255,0.85);}
.scott li { display: inline-block; line-height: 35px; margin: 0 5px; border: 1px solid #ddd; border-radius: 4px; overflow: hidden; background: #fff; -webkit-transition: all .5s ease; transition: all .5s ease;}
.scott a,
.scott span { display: block; padding: 0 15px; font-size: 16px; color: #666; cursor: pointer;}
.scott li:hover { border-color: #0366e0;}
.scott li:hover a,
.scott li:hover span { color: #0366e0;}
.scott .active { border-color: #0366e0; background: #0366e0;}
.scott .active:hover span,
.scott .active span { color: #fff;}

/*资质*/
.honrs { width: 100%;}
.honrs li { float: left; width: 240px; text-align: center; margin: 0 40px 25px 0;}
.honrs li:nth-child(5n) { margin-right: 0;}
.honrs li .img { display: flex; flex-direction: row; align-items: center; width: 205px; height: 275px; margin: 0 auto; padding: 17px 17.5px 23px 17.5px; overflow: hidden; background: url(../images/jt12.png) no-repeat 0 0;}
.honrs li .img img { display: block; width: 100%;}
.honrs li p { height: 40px; line-height: 40px; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.honrs li:hover p { color: #0366e0;}

/*新闻列表*/
.newlist { width: 100%;}
.newlist li { float: left; width: 325px; margin: 0 20px 20px 0;}
.newlist li:nth-child(4n) { margin-right: 0;}
.newlist li .img { width: 100%; overflow: hidden; position: relative;}
.newlist li .img img { display: block; width: 325px; height: 190px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.newlist li .img .tim { height: 35px; line-height: 35px; font-size: 12px; color: #fff; padding: 0 20px; background: #0366e0; position: absolute; left: 0; bottom: 0; z-index: 2;}
.newlist li .img .tim span { display: block; float: left; margin-right: 30px; position: relative;}
.newlist li .img .tim span::after { display: block; content: ""; width: 1px; height: 13px; background: #fff; position: absolute; right: -15px; top: 17px;}
.newlist li .msg { padding: 10px 15px; border: 1px solid #eee; background: #fff; -webkit-transition: all .5s ease; transition: all .5s ease;}
.newlist li .msg h3 { line-height: 35px; font-weight: 500; font-size: 16px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.newlist li .msg p { height: 50px; line-height: 25px; font-size: 14px; color: #999; margin-bottom: 15px; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.newlist li .msg span { display: block; float: right; width: 100px; height: 45px; line-height: 45px; font-size: 15px; color: #0366e0; background: url(../images/jt06.png) no-repeat right center; -webkit-transition: all .5s ease; transition: all .5s ease;}
.newlist li:hover .img img { transform: scale(1.1,1.1);}
.newlist li:hover .msg { border-color: #0366e0; background: #0366e0;}
.newlist li:hover .msg h3 { color: #fff;}
.newlist li:hover .msg p { color: rgba(255,255,255,0.65);}
.newlist li:hover .msg span { color: #fff; background-image: url(../images/jt06h.png);}

/*图片列表*/
.piclist { width: 100%;}
.piclist li { float: left; width: 380px; text-align: center; margin: 0 30px 30px 0;}
.piclist li:nth-child(3n) { margin-right: 0;}
.piclist li a { display: block; width: 100%;}
.piclist li .img { width: 368px; height: 258px; padding: 5px; border: 1px solid #e6e6e6; border-radius: 4px; overflow: hidden; position: relative;}
.piclist li .img::before,
.piclist li .img::after { display: block; content: ""; margin: auto; position: absolute; right: 0; bottom: 0; left: 0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.piclist li .img::before { width: 0%; height: 100%; background: rgba(38,100,161,0.6); top: 0; z-index: 0;}
.piclist li .img::after { width: 30px; height: 30px; filter: alpha(opacity=0); opacity: 0; background: url(../images/zoom.png) no-repeat 0 0; top:-100px; z-index: 1;}
.piclist li .img img { display: block; width: 100%;}
.piclist li h3 { line-height: 30px; font-weight: 500; font-size: 18px; color: #000; margin: 15px 0 5px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.piclist li p { height: 45px; line-height: 22px; font-size: 12px; color: #999;}
.piclist li:hover .img::before { width: 100%;}
.piclist li:hover .img::after { filter: alpha(opacity=100); opacity: 1; top: 0;}
.piclist li:hover h3 { color: #0366e0;}

/*产品列表*/
.prolist { width: 100%;}
.prolist li { float: left; width: 368px; margin: 0 30px 30px 0; padding: 5px; border: 1px solid #e6e6e6; border-radius: 4px;}
.prolist li:nth-child(3n) { margin-right: 0;}
.prolist li a { display: block; width: 100%;}
.prolist li .img { width: 368px; height: 258px; overflow: hidden; position: relative;}
.prolist li .img::before,
.prolist li .img::after { display: block; content: ""; margin: auto; position: absolute; right: 0; bottom: 0; left: 0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.prolist li .img::before { width: 0%; height: 100%; background: rgba(38,100,161,0.6); top: 0; z-index: 0;}
.prolist li .img::after { width: 30px; height: 30px; filter: alpha(opacity=0); opacity: 0; background: url(../images/zoom.png) no-repeat 0 0; top:-100px; z-index: 1;}
.prolist li .img img { display: block; width: 100%;}
.prolist li .msg { padding: 0 5px;}
.prolist li .msg h3 { line-height: 45px; font-weight: 500; font-size: 18px; color: #000; margin-bottom: 5px; border-bottom: 1px solid #e6e6e6; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.prolist li .msg p { line-height: 25px; font-size: 12px; color: #999; text-transform: Uppercase; background: url(../images/arrow.png) no-repeat right center;}
.prolist li:hover .img::before { width: 100%;}
.prolist li:hover .img::after { filter: alpha(opacity=100); opacity: 1; top: 0;}
.prolist li:hover .msg h3 { color: #0366e0;}

/*下载*/
.softs { width: 100%;}
.softs li { float: left; width: 310px; margin: 0 40px 25px 0; border-radius: 4px; overflow: hidden;}
.softs li:nth-child(4n) { margin-right: 0;}
.softs li .img { width: 310px; height: 240px; margin: 0 auto; overflow: hidden; position: relative;}
.softs li .img::after { display: block; content: ""; width: 100%; height: 100%; filter: alpha(opacity=0); opacity: 0; background: rgba(0,0,0,0.5); position: absolute; left: 0; top: 0; z-index: 1; -webkit-transition: all .5s ease; transition: all .5s ease;}
.softs li .img img { display: block; width: 310px; height: 240px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.softs li .img a { display: block; width: 50%; height: 45px; line-height: 45px; font-size: 16px; color: #fff; text-align: center; margin: auto; border-radius: 4px; overflow: hidden; background-image: linear-gradient(to right,#157eff,#0366e0); position: absolute; left: 0; right: 0; bottom: -50px; z-index: 2; -webkit-transition: all .5s ease; transition: all .5s ease;}
.softs li .msg { width: 100%; padding-top: 5px;}
.softs li .msg h3 { line-height: 35px; font-weight: 500; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.softs li .msg p { display: flex; flex-direction: row; justify-content: space-between; line-height: 22px; font-size: 12px; color: #999;}
.softs li .msg p span { display: block; max-width: 50%;}
.softs li:hover .img::after { filter: alpha(opacity=100); opacity: 1;}
.softs li:hover .img a { bottom: 35px;}
.softs li:hover .img img { transform: scale(1.1,1.1);}
.softs li:hover .msg h3 { color: #0366e0;}

/*招聘*/
.jobs { width: 100%;}
.jobs .list { width: 100%;}
.jobs .list li { margin-bottom: 10px; border-radius: 4px; overflow: hidden; background: #fafafa;}
.jobs .list li .lst { padding: 15px; border: 1px solid #eee; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.jobs .list li .lst h3 { line-height: 30px; font-size: 16px; color: #333;}
.jobs .list li .lst span { display: block; float: left; width: calc(100% / 4); line-height: 25px; font-size: 12px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.jobs .list li .lst a { display: block; width: 25px; height: 25px; margin: auto; position: absolute; top: 0; bottom: 0; right: 15px; z-index: 1;}
.jobs .list li .lst a::before,
.jobs .list li .lst a::after { display: block; content: ""; margin: auto; background: #999; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.jobs .list li .lst a::before { width: 1px; height: 100%;}
.jobs .list li .lst a::after { width: 100%; height: 1px;}
.jobs .list li .msg { display: none; padding: 15px; border: 1px solid #eee; border-top: none;}
.jobs .list li.on .lst { border-color: #0366e0; background: #0366e0;}
.jobs .list li.on .lst h3 { color: #fff;}
.jobs .list li.on .lst span { color: rgba(255,255,255,0.8);}
.jobs .list li.on .lst a::before { display: none;}
.jobs .list li.on .lst a::after { background: #fff;}
.jobs .list li.on .msg { display: block;}
.jobs .list li.on .msg .lh { min-height: auto; margin-bottom: 15px;}
.jobs .list li.on .msg .lh h3 { font-size: 15px; color: #333;}


@media screen and (max-width: 1725px) {
	.header .msg .nav li a { padding: 0 30px;}
	.news .cuowei { margin-left: 9.5%;}
}
@media screen and (max-width: 1630px) {
	.header .msg .nav li a { padding: 0 25px;}
	.news .cuowei { margin-left: 7.5%;}
}
@media screen and (max-width: 1485px) {
	.header .msg .nav li a { padding: 0 20px;}
	.news .cuowei { margin-left: 0;}
}