* { margin: 0; padding: 0; list-style: none; outline: none;}
body { min-width: 1360px; font-size: 12px; font-family: Microsoft YAHEI, Arial, Helvetica, sans-serif; color: #333;}
a { color: #333; text-decoration: none;}
a:hover { text-decoration: none; color: #093c75;}
.warp { width: 1360px; margin: 0 auto; position: relative;}
.clear { clear: both;}
#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; 
}
@font-face { 
	font-family: 'Oswald'; 
		    src: url('../fonts/Oswald-Medium.ttf') format('truetype');
	font-weight: normal; 
	 font-style: normal; 
}
.icon { display: inline-block; font: normal normal normal 16px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

/*top*/
.zhanw { width: 100%; height: 90px;}
.maxhead { display: none;}
.header { width: calc(100% - 120px); min-width: 1240px; height: 90px; margin: 0 auto; padding: 0 60px; box-shadow: 0 5px 10px rgba(0,0,0,0.1); background: #fff; position: fixed; top: 0; left: 0; z-index: 99999999;  -webkit-transition: all .5s ease; transition: all .5s ease;}
.header .logo { float: left; height: 60px; margin-top: 15px;}
.header .logo img { display: block; height: 100%;}
.header .rgt { float: right; max-width: calc(100% - 240px);}

/*导航*/
.header .rgt .nav { float: left;}
.header .rgt .nav li { float: left; height: 90px; margin-right: 40px; text-align: center; position: relative;}
.header .rgt .nav li::after { display: block; content: ""; width: 18px; height: 0; margin: auto; background: url(../images/ds05.png) no-repeat center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; -webkit-transition: all .5s ease; transition: all .5s ease;}
.header .rgt .nav li a { display: block; line-height: 90px; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.header .rgt .nav li a span { display: block; position: relative; z-index: 2;}
.header .rgt .nav li:hover a { color: #093c75;}
.header .rgt .nav li.on a { font-weight: bold; color: #093c75;}
.header .rgt .nav li:hover::after,
.header .rgt .nav .on::after { height: 26px;}
.header .rgt .nav li p { display: none; width: 175px; text-align: center; background: #fff; overflow: hidden; position: absolute; top: 90px; left: -55px; box-shadow: 0 5px 5px rgba(0,0,0,0.05);}
.header .rgt .nav li p a { line-height: 50px; font-weight: 500 !important; font-size: 14px; color: #333 !important; padding: 0 10px; border-top: 1px solid #f4f4f4;}
.header .rgt .nav li p a:hover { color: #093c75 !important;}
.header .rgt .nav li:hover p { display: block;}

/*语言*/
.header .rgt .langu { float: left; height: 50px; margin-top: 20px; position: relative;}
.header .rgt .langu span { display: block; height: 50px; line-height: 50px; font-size: 14px; color: #000; padding: 0 15px 0 40px; margin: 0 10px; background: #fdd000 url(../images/ds04.png) no-repeat 15px center; cursor: pointer; position: relative;}
.header .rgt .langu span::before,
.header .rgt .langu span::after { display: block; content: ""; width: 0; height: 0; border-style: solid; position: absolute; top: 0;}
.header .rgt .langu span::before { border-width: 0 0 50px 15px; border-color: transparent transparent #fdd000 transparent; left: -15px}
.header .rgt .langu span::after { border-width: 50px 15px 0 0; border-color: #fdd000 transparent transparent transparent; right: -15px}
.header .rgt .langu p { display: none; width: 180px; padding: 10px 0; background: #fff; position: absolute; top: 50px; left: 1px;}
.header .rgt .langu p a { display: block; width: 80%; line-height: 50px; font-size: 14px; color: #333; margin: 0 auto; border-bottom: 1px solid #eee; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.header .rgt .langu p a:last-child { border-bottom: none;}
.header .rgt .langu:hover p { display: block;}
.header .rgt .langu p a:hover,
.header .rgt .langu p .on { color: #093c75;}

/*搜索*/
.header .rgt .serch { float: left; width: 79px; height: 50px; margin-top: 20px; background: url(../images/ds01.png) no-repeat center; position: relative;}
.header .rgt .serch a { display: block; width: 79px; height: 50px; cursor: pointer; background: url(../images/ds02.png) no-repeat center;}

/*banner*/
.banner { width: 100%; margin: 0 auto; position: relative; overflow: hidden;}
.banner .swiper-slide { width: 100%;}
.banner .swiper-slide img { display: block; width: 100%;}
.banner .swiper-pagination-bullets { bottom: 40px;}
.banner .swiper-pagination-bullets span { width: 75px; height: 3px; margin: 0 6px !important; filter: alpha(opacity=100); opacity: 1; border-radius: 0; background: rgba(255,255,255,0.3); position: relative; -webkit-transition: 0.5s; transition: 0.5s;}
.banner .swiper-pagination-bullets span::after { display: block; content: ""; width: 0; height: 3px; background: #fff; position: absolute; left: 0; top: 0;}
.banner .swiper-pagination-bullets .swiper-pagination-bullet-active::after { animation: box 4s linear forwards 0s 1 normal;}
.banner .swiper-button-prev,
.banner .swiper-button-next { width: 92px; height: 65px; margin: 0; background: url(../images/ds06.png) no-repeat 0 0; top: auto; left: auto;}
.banner .swiper-button-prev::after,
.banner .swiper-button-next::after { font-size: 18px; color: #333;} 
.banner .swiper-button-prev { right: 140px; bottom: 50px;}
.banner .swiper-button-next { right: 50px; bottom: 60px;}
.banner .swiper-button-prev:hover,
.banner .swiper-button-next:hover { background-image: url(../images/ds06h.png);}
@keyframes box {
    0% { width: 0;}
    100% { width: 100%;}
}

/*二级banner*/
.banner_ej { width: 100%; letter-spacing: 2px; margin: 0 auto; height: 520px; overflow: hidden; background-position: center top; background-repeat: no-repeat; position: relative;}
.banner_ej h1 { line-height: 80px; font-weight: 500; font-size: 46px; color: #fff; text-transform: Uppercase; padding-top: 170px;}
.banner_ej p { line-height: 30px; font-size: 18px; color: rgba(255,255,255,0.9);}
.banner_ej .lst { display: flex; flex-direction: row; width: 100%; height: 80px; background: rgba(0,0,0,0.25); position: absolute; left: 0; bottom: 0; z-index: 2;}
.banner_ej .lst a { flex: 1 1 0%; line-height: 80px; font-size: 18px; color: #fff; text-align: center;}
.banner_ej .lst .on { color: #fff; background: #093c75;}

/*脚部*/
.footer { width: 100%; padding-top: 50px; overflow: hidden; background-image: linear-gradient(to right,#00102f,#093e77);}
.footer a:hover { text-decoration: underline;}
.footer .log { float: left; width: 225px; height: 60px; overflow: hidden;}
.footer .log img { display: block; width: 225px; height: 60px; filter: grayscale(100) brightness(100);}
.footer .nva { float: right; max-width: 70%; height: 60px; line-height: 0;}
.footer .nva a { display: inline-block; line-height: 60px; font-weight: bold; font-size: 16px; color: #fff; margin-left: 20px;}
.footer .msg { margin-top: 40px; padding: 40px 0; border-top: 1px solid rgba(255,255,255,0.15); border-bottom: 1px solid rgba(255,255,255,0.15);}
.footer .msg .lft { float: left; width: 660px;}
.footer .msg .lft li { float: left; width: 300px; line-height: 25px; margin: 0 30px 20px 0;}
.footer .msg .lft li span { display: block; font-size: 14px; color: rgba(255,255,255,0.4); margin-bottom: 5px;}
.footer .msg .lft li p { font-size: 16px; color: #fff;}
.footer .msg .lft li p a { color: #fff;}
.footer .msg .img { float: right; width: 135px; text-align: center; margin-top: 15px;}
.footer .msg .img img { display: block; width: 135px; height: 135px; margin: 0 auto; overflow: hidden;}
.footer .msg .img p { line-height: 40px; font-weight: bold; font-size: 14px; color: rgba(255,255,255,0.4);}
.footer .copy { line-height: 30px; font-size: 14px; color: rgba(255,255,255,0.4); padding: 20px 0;}
.footer .copy a { color: rgba(255,255,255,0.4);}

/*右侧客服*/
.webonline { width: 55px; position: fixed; right: 30px; bottom: 20%; z-index: 999999;}
.webonline li { width: 55px; height: 55px; text-align: center; border-radius: 50%; background: #7c8993 url(../images/top.png) no-repeat center; position: relative;}

/*栏目标题*/
.tits { width: 100%; margin-bottom: 50px;}
.tits h3 { float: left; height: 65px; line-height: 65px; font-size: 40px; color: #333; letter-spacing: 2px;}
.tits a { display: block; float: right; width: 205px; height: 65px; line-height: 75px; font-size: 14px; color: #404040; text-align: center; text-indent: -10px; text-transform: Uppercase; background: url(../images/ds07.png) no-repeat 0 0;}
.tits a:hover { color: #fff; background-image: url(../images/ds07h.png);}
.mores { width: 180px; height: 55px; cursor: pointer; text-align: center; margin: 40px auto; background: #7c8993; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.mores::before,
.mores::after { display: block; content: ""; width: 0; height: 0; border-style: solid; position: absolute; top: 0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.mores::before { border-width: 0 0 55px 25px; border-color: transparent transparent #7c8993 transparent; left: -25px;}
.mores::after { border-width: 55px 25px 0 0; border-color: #7c8993 transparent transparent transparent; right: -25px;}
.mores span { display: inline-block; line-height: 55px; font-size: 15px; color: #fff; letter-spacing: 2px; padding-right: 25px; position: relative;}
.mores span::after { display: block; content: ""; width: 8px; height: 8px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 0; top: 22px;}
.mores:hover { background: #093c75;}
.mores:hover::before { border-color: transparent transparent #093c75 transparent;}
.mores:hover::after {border-color: #093c75 transparent transparent transparent;}

/*关于我们*/
.about { width: 100%; padding: 80px 0; overflow: hidden; background: url(../images/ds23.png) no-repeat left bottom;}
.about .lft { float: left; width: 280px;}
.about .lft b { display: block; height: 60px; line-height: 60px; font-weight: 500; font-size: 26px; color: #333;}
.about .lft h1 { line-height: 50px; font-size: 36px; color: #093c74; padding-bottom: 50px; border-bottom: 1px solid #eee;}
.about .lft .logo { display: block; height: 60px; margin: 15px 0 100px 0;}
.about .lft .logo img { display: block; height: 60px;}
.about .lft li { float: left; width: calc(50% - 20px); margin: 0 40px 60px 0;}
.about .lft li:nth-child(2n) { margin-right: 0;}
.about .lft li h3 { height: 45px; line-height: 45px; font-weight: 500; font-size: 38px; color: #093c74;}
.about .lft li h3 span { display: inline-block; font-size: 12px; margin-left: 5px; position: relative; bottom: 3px;}
.about .lft li p { height: 25px; line-height: 25px; font-size: 12px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.about .lft .more { display: block; width: 205px; height: 65px; line-height: 75px; font-size: 14px; color: #fff; text-align: center; text-indent: -10px; text-transform: Uppercase; margin-top: 120px; background: url(../images/ds07h.png) no-repeat 0 0;}
.about .rgt { float: right; width: 910px;}
.about .rgt .lh { height: 800px; overflow: hidden;}

/*产品中心*/
.pros { width: 100%; height: 885px; padding-top: 45px; overflow: hidden; background: url(../images/ds08.jpg) no-repeat center top;}
.pros .tabs { width: 100%; padding-top: 1px;}
.pros .tabs li { float: left; width: calc(100% / 3); height: 100px; border-top: 2px solid #d3d9e0; position: relative;}
.pros .tabs li::before,
.pros .tabs li::after { display: block; content: ""; position: absolute; -webkit-transition: all .5s ease; transition: all .5s ease;}
.pros .tabs li::before { width: 0; height: 4px; background: #fdd000; left: 0; top: -3px;}
.pros .tabs li::after { width: 1px; height: 60px; margin: auto; background: #d3d9e0; top: 0; bottom: 0; right: 0;}
.pros .tabs li:last-child::after { display: none;}
.pros .tabs li a { display: block; line-height: 100px; padding: 0 65px;}
.pros .tabs li h3 { float: left; width: 80%; font-size: 16px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pros .tabs li b { float: right; width: 20%; font-size: 16px; color: #666; text-align: right;}
.pros .tabs .on {}
.pros .tabs .on::before { width: 100%;}
.pros .tabs .on h3,
.pros .tabs .on b { color: #333;}
.pros .swiper-slide { background: #fff; position: relative;}
.pros .swiper-slide b { height: 70px; line-height: 70px; font-size: 66px; color: rgba(255,255,255,0.1); position: absolute; left: 420px; top: 50px;}
.pros .swiper-slide .msg { float: left; width: 440px; height: px; padding: 70px 55px 10px 55px; background: #093c75 url(../images/ds09.png) no-repeat center bottom;}
.pros .swiper-slide .msg h3 { height: 80px; line-height: 80px; font-size: 28px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pros .swiper-slide .msg .wz { height: 180px; line-height: 30px; font-size: 14px; color: rgba(255,255,255,0.6); white-space: pre-wrap; word-wrap: break-word; margin: 40px 0 129px 0; overflow: hidden;}
.pros .swiper-slide .msg span { display: block; height: 80px; line-height: 80px; font-size: 14px; color: #fff; text-transform: Uppercase; border-top: 1px solid rgba(255,255,255,0.2); position: relative;}
.pros .swiper-slide .msg span::after { display: block; content: ""; width: 10px; height: 10px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 2px; top: 35px;}
.pros .swiper-slide .img { display: flex; justify-content: center; align-items: center; float: right; width: calc(100% - 550px); height: 590px; background: #fff; overflow: hidden;}
.pros .swiper-slide .img img { display: block; width: 100%; height: 590px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.pros .swiper-slide:hover .img img { transform: scale(1.1,1.1);}

/*应用领域*/
.apparea { width: 100%; height: 765px; padding-top: 45px; overflow: hidden; background: url(../images/ds11.jpg) no-repeat center top;}
.apparea .tits h3 { color: #fff;}
.apparea .tits a { color: #fff;}
.apparea .tits p { width: 70%; line-height: 25px; font-size: 14px; color: rgba(255,255,255,0.65); margin-top: 5px;}
.apparea li { float: left; width: 450px; margin-right: 5px;}
.apparea li:last-child { margin-right: 0;}
.apparea li .img { width: 450px; height: 340px; overflow: hidden;}
.apparea li .img img { display: block; width: 450px; height: 340px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.apparea li p { height: 45px; line-height: 45px; font-size: 20px; color: #333; text-align: center; padding: 75px 25px 25px 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color: #fff; background-repeat: no-repeat; background-position: center 25px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.apparea .ap1 p { background-image: url(../images/ds12.png);}
.apparea .ap2 p { background-image: url(../images/ds13.png);}
.apparea .ap3 p { background-image: url(../images/ds14.png);}
.apparea li:hover .img img { transform: scale(1.1,1.1);}
.apparea li:hover p { color: #093c75;}

/*新闻中心*/
.news { width: 100%; height: 755px; padding-top: 45px; overflow: hidden; background: url(../images/ds15.jpg) no-repeat center top;}
.news li { float: left; width: 430px; margin-right: 32px; border: 1px solid #e9ebf0; background: #fff;}
.news li:last-child { margin-right: 0;}
.news li .img { width: 430px; height: 300px; overflow: hidden; position: relative;}
.news li .img::after { display: block; content: ""; width: 430px; height: 300px; border: 30px solid #fff; box-sizing: border-box; position: absolute; top: 0; left: 0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.news li .img img { display: block; width: 430px; height: 300px;}
.news li .msg { padding: 20px 30px; border-top: 1px solid #e9ebf0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.news li .msg span { display: block; height: 25px; line-height: 25px; font-size: 16px; color: #093c75; -webkit-transition: all .5s ease; transition: all .5s ease;}
.news li .msg h3 { height: 60px; line-height: 30px; font-weight: 500; font-size: 20px; color: #333;margin: 10px 0; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.news li .msg p { height: 50px; line-height: 25px; font-size: 14px; color: #666; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.news li .msg b { display: block; width: 138px; height: 44px; line-height: 50px; font-size: 14px; color: #999; text-align: center; text-indent: -10px; margin: 30px 0 20px 0; background: url(../images/ds16.png) no-repeat 0 0;}
.news li:hover .img::after { border-width: 0;}
.news li:hover .msg { border-top-color: #093c75; background: #093c75;}
.news li:hover .msg span { color: rgba(255,255,255,0.8);}
.news li:hover .msg h3 { color: #fff;}
.news li:hover .msg p { color: rgba(255,255,255,0.8);}
.news li:hover .msg b { background-image: url(../images/ds16h.png);}

/*合作客户展示*/
.coopers { width: 100%; padding: 45px 0; overflow: hidden; background: url(../images/ds17.png) no-repeat center top;}
.coopers .name { width: 100%; text-align: center; margin-bottom: 50px;}
.coopers .name h3 { height: 65px; line-height: 65px; font-size: 40px; color: #333; letter-spacing: 2px;}
.coopers .name p { line-height: 30px; font-size: 18px; color: #333; margin-top: 5px;}
.coopers .swiper-container { height: 260px;}
.coopers .swiper-container .swiper-slide { height: 120px; background: #fff;}
.coopers .swiper-container .swiper-slide a { display: flex; justify-content: center; align-items: center; border: 1px solid #eee; overflow: hidden; width: 100%; height: 120px; box-sizing: border-box;}
.coopers .swiper-container .swiper-slide a img { display: block; max-width: 90%; max-height: 80%; -webkit-transition: all .5s ease; transition: all .5s ease;}
.coopers .swiper-container .swiper-slide:hover a img { transform: scale(0.9,0.9);}
.coopers  .swiper-button-prev,
.coopers  .swiper-button-next { width: 64px; height: 45px; margin: 0; top: 65%; background: url(../images/ds10s.png) no-repeat 0 0;}
.coopers  .swiper-button-prev { left: -90px;}
.coopers  .swiper-button-next { right: -90px;}
.coopers  .swiper-button-prev::after,
.coopers  .swiper-button-next::after { width: 64px; height: 45px; line-height: 48px; font-size: 14px; color: #333; text-align: center;}
.coopers  .swiper-button-prev:hover,
.coopers  .swiper-button-next:hover { background-image: url(../images/ds10h.png);}
.coopers  .swiper-button-prev:hover::after,
.coopers  .swiper-button-next:hover::after { color: #333;}

/*************** 子页公用 *******************/
.fl { float: left;}
.fr { float: right;}
.combg { width: 100%; background-image: linear-gradient(#f2f3f8,#dae0e7); position: relative;}
.combg::after { display: block; content: ""; width: 100%; height: 410px; background: url(../images/ds18.png) no-repeat 0 0; position: absolute; left: 0; bottom: 0; z-index: 0;}
.content { width: 1360px; min-height: 300px; padding: 40px 0; margin: 0 auto; position: relative; z-index: 2;}
.content .nams { height: 50px; line-height: 50px; font-weight: 500; font-size: 34px; color: #333; text-align: center; margin-bottom: 40px;}

/*详情页公用*/
.lh { line-height: 35px; font-size: 16px; color: #666; 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 { line-height: 35px; border-spacing: 0px; border-top: 1px solid #ddd; border-left: 1px solid #ddd;}
.lh table tr,
.lh table td { font-size: 15px; text-align: center; padding: 10px; vertical-align: middle; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; box-sizing: border-box;}
.shows { padding: 30px 40px; border-radius: 10px; box-shadow: 0 10px 10px rgba(0,0,0,0.025); overflow: hidden; background: rgba(255,255,255,0.5);}
.shows .lh { min-height: 500px;}
.show_h3 { width: 100%; line-height: 50px; text-align: center; margin-bottom: 25px; border-bottom: 1px solid #eee;}
.show_h3 h3 { /*font-weight: 500;*/ font-size: 28px; color: #093c75;}
.show_h3 p { font-size: 12px; color: #999;}
.show_h3 p span { display: inline-block; margin: 0 20px;}
.show_sxp { line-height: 30px; font-size: 15px; color: #999; margin-top: 30px; padding-top: 20px; border-top: 1px solid #eee;}
.show_sxp p { width: 40%; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.show_sxp p span { color: #999;}
.show_sxp a { color: #666;}
.show_sxp .fr { text-align: right;}
.show_sxp p a:hover { color: #093c75;}

/*分页*/
.scott { text-align: center; padding: 20px 0; overflow: hidden;}
.scott li { display: inline-block; line-height: 40px; margin: 0 5px; border: 1px solid #fff; border-radius: 4px; overflow: hidden; background: #fff; -webkit-transition: all .5s ease; transition: all .5s ease;}
.scott a,
.scott span { display: block; font-size: 16px; color: #333; cursor: pointer; padding: 0 15px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.scott li:hover,
.scott .active { border-color: #093c75; background: #093c75;}
.scott li:hover a,
.scott li:hover span,
.scott .active span { color: #fff;}

/*产品列表*/
.prolist { width: 100%; margin-bottom: 40px;}
.prolist:last-child { margin-bottom: 0;}
.prolist h1 { height: 50px; line-height: 50px; font-weight: 500; font-size: 34px; color: #333; text-align: center; margin-bottom: 40px;}
.prolist li { float: left; width: calc(100% / 4 - 15px); margin: 0 20px 20px 0; overflow: hidden; background: #fff; position: relative;}
.prolist li:nth-child(4n) { margin-right: 0;}
.prolist li .top { height: 60px; padding: 20px 30px;}
.prolist li .top h3 { height: 35px; line-height: 35px; font-weight: 500; font-size: 18px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.prolist li .top span { display: inline-block; height: 25px; line-height: 25px; font-size: 14px; color: #fff; margin: 5px 0 0 5px; padding: 0 5px; background: #093c75; position: relative;}
.prolist li .top span::before,
.prolist li .top span::after { display: block; content: ""; width: 0; height: 0; border-style: solid; position: absolute; top: 0;}
.prolist li .top span::before { border-width: 0 0 25px 5px; border-color: transparent transparent #093c75 transparent; left: -5px;}
.prolist li .top span::after { border-width: 25px 5px 0 0; border-color: #093c75 transparent transparent transparent; right: -5px;}
.prolist li .img { display: flex; justify-content: center; align-items: center; width: 100%; height: 230px;}
.prolist li .img img { display: block; max-width: 100%; height: 200px;}
.prolist li .msg { width: 100%; height: 220px; padding: 30px 30px; box-sizing: border-box; background: rgba(9,60,117,0.9); position: absolute; left: 0; bottom: -260px; z-index: 5; -webkit-transition: all .5s ease; transition: all .5s ease;}
.prolist li .msg::after { display: block; content: ""; width: 0; height: 0; filter: alpha(opacity=90); opacity: 0.9; border-style: solid; border-width: 0 0 40px 325px; border-color: transparent transparent #093c75 transparent; position: absolute; top: -40px; left: 0; z-index: 0;}
.prolist li .msg p { height: 150px; line-height: 25px; font-size: 14px; color: #fff; overflow: hidden; position: relative; z-index: 2;}
.prolist li:hover .msg { bottom: 0;}

.nopro { width: 100%; text-align: center; clear: both; margin-top: 50px; padding-top: 280px; background: url(../images/nopro.png) no-repeat center top;}
.nopro p { line-height: 30px; font-weight: bold; font-size: 16px; color: #666;}

/*应用领域*/
.areas { width: 100%;}
.areas .tabs { display: flex; flex-direction: row; justify-content: center; width: 100%; margin: 50px 0; border-bottom: 1px solid rgba(0,0,0,0.1);}
.areas .tabs a { display: block; height: 40px; line-height: 30px; font-size: 16px; color: #666; text-align: center; padding-top: 45px; margin: 0 65px; background: url(../images/ds19.png) no-repeat center top; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.areas .tabs a::after { display: block; content: ""; width: 0; height: 3px; margin: auto; background: #093c75; position: absolute; left: 0; right: 0; bottom: -1px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.areas .tabs a:nth-child(2n) { background-image: url(../images/ds20.png);}
.areas .tabs a:hover { color: #093c75;}
.areas .tabs .on { color: #093c75;}
.areas .tabs .on::after { width: 100%;}

/*生产能力*/
.ability { width: 100%; background: url(../images/ds21.jpg) no-repeat center top;}
.ability .imgs { width: 100%;}
.ability .imgs li { float: left;}
.ability .imgs li:last-child { margin-right: 0 !important;}
.ability .imgs li img { display: block; max-width: 100%;}
.ability .img p,
.ability .imgs p { height: 50px; line-height: 50px; font-size: 16px; color: #666; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ability .ab01 { width: 100%; margin-bottom: 50px;}
.ability .ab01 .lh { float: left; width: 600px;}
.ability .ab01 .img { float: right; width: 710px; overflow: hidden;}
.ability .ab01 .img img { display: block; width: 710px; height: 385px;}
.ability .ab01 .imgs { margin-top: 15px;}
.ability .ab01 .imgs li { width: 435px; margin-right: 27px;}
.ability .ab01 .imgs li img { width: 435px; height: 300px;}
.ability .ab02 { width: 100%; margin-bottom: 50px;}
.ability .ab02 .imgs { margin-top: 25px;}
.ability .ab02 .imgs li { width: 670px; margin-right: 20px;}
.ability .ab02 .imgs li img { width: 670px; height: 355px;}
.ability .ab03 { width: 100%; margin-bottom: 50px;}
.ability .ab03 .imgs { margin-top: 25px;}
.ability .ab03 .imgs li { width: 435px; margin-right: 27px;}
.ability .ab03 .imgs li img { width: 435px; height: 300px;}
.ability .ab04 { width: 100%; margin-bottom: 50px;}
.ability .ab04 .imgs li img { display: block; width: 650px; height: 340px;}
.ability .ab04 .img { float: left; width: 650px; overflow: hidden;}
.ability .ab04 .img img { display: block; width: 650px; height: 340px;}
.ability .ab04 .lh { float: right; width: 660px;}

/*新闻列表*/
.newlist { width: 100%;}
.newlist li { float: left; width: 430px; margin: 0 32px 30px 0; border: 1px solid #e9ebf0; background: #fff;}
.newlist li:nth-child(3n) { margin-right: 0;}
.newlist li .img { width: 430px; height: 300px; overflow: hidden; position: relative;}
.newlist li .img::after { display: block; content: ""; width: 430px; height: 300px; border: 30px solid #fff; box-sizing: border-box; position: absolute; top: 0; left: 0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.newlist li .img img { display: block; width: 430px; height: 300px;}
.newlist li .msg { padding: 20px 30px; border-top: 1px solid #e9ebf0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.newlist li .msg span { display: block; height: 25px; line-height: 25px; font-size: 16px; color: #093c75; -webkit-transition: all .5s ease; transition: all .5s ease;}
.newlist li .msg h3 { height: 60px; line-height: 30px; font-weight: 500; font-size: 20px; color: #333;margin: 10px 0; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.newlist li .msg p { height: 50px; line-height: 25px; font-size: 14px; color: #666; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.newlist li .msg b { display: block; width: 138px; height: 44px; line-height: 50px; font-size: 14px; color: #999; text-align: center; text-indent: -10px; margin: 30px 0 20px 0; background: url(../images/ds16.png) no-repeat 0 0;}
.newlist li:hover .img::after { border-width: 0;}
.newlist li:hover .msg { border-top-color: #093c75; background: #093c75;}
.newlist li:hover .msg span { color: rgba(255,255,255,0.8);}
.newlist li:hover .msg h3 { color: #fff;}
.newlist li:hover .msg p { color: rgba(255,255,255,0.8);}
.newlist li:hover .msg b { background-image: url(../images/ds16h.png);}

/*表单*/
.books { width: 100%;}
.books li { float: left; width: calc(100% / 3 - 54px); margin: 0 80px 20px 0;}
.books li:nth-child(3n) { margin-right: 0;}
.books li span { display: block; height: 35px; line-height: 35px; font-size: 15px; color: #999;}
.books li input { display: block; width: calc(100% - 22px); height: 55px; line-height: 55px; font-size: 16px; color: #333; padding: 0 10px; border: 1px solid #eee; border-radius: 4px; overflow: hidden; background: #fff;}
.books li .tag { display: block; width: calc(100% - 22px); height: 55px; line-height: 55px; font-size: 16px; color: #333; padding: 0 10px; border: 1px solid #eee; border-radius: 4px; overflow: hidden; background: #fff; position: relative;}
.books li .tag::after { display: block; content: ""; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #999 transparent transparent transparent; position: absolute; right: 17px; top: 24px;}
.books li .tag select { display: block; width: 100%; height: 55px; line-height: 55px; font-size: 16px; color: #333; appearance: none; -moz-appearance: none; -webkit-appearance: none; border: none; background: #fff;}
.books .wth100 { width: 100%; margin-right: 0;}
.books .wth100 textarea { display: block; width: calc(100% - 22px); line-height: 35px; font-family: Microsoft YAHEI; font-size: 16px; color: #333; padding: 10px; border: 1px solid #eee; border-radius: 4px; overflow: hidden; background: #fff;}
.books .btn { float: left; width: 200px; height: 60px; line-height: 60px; font-size: 16px; color: #fff; cursor: pointer; text-align: center; border: none; border-radius: 4px; overflow: hidden; background: #093c75; -webkit-transition: all .5s ease; transition: all .5s ease;}
.books .rest { color: #333; margin-left: 25px; background: #fdd000;}
.books .btn:hover { border-radius: 30px; filter: alpha(opacity=95); opacity: 0.95;}

/*招聘*/
.jobs { width: 100%; background-image: linear-gradient(#f2f3f8,#dae0e7); position: relative;}
.jobs::after { display: block; content: ""; width: 100%; height: 410px; background: url(../images/ds18.png) no-repeat 0 0; position: absolute; left: 0; bottom: 0; z-index: 0;}
.jobs h1 { line-height: 45px; font-size: 32px; color: #093c75; text-align: center; margin-bottom: 60px;}
.jobs .gallery-thumbs { width: 100%;}
.jobs .gallery-thumbs .swiper-container { padding-bottom: 45px;}
.jobs .gallery-thumbs .msg { text-align: center; padding: 65px 30px; cursor: pointer; border-radius: 4px; background: #fff; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.jobs .gallery-thumbs .msg::before,
.jobs .gallery-thumbs .msg::after { display: none; content: ""; margin: auto; position: absolute;}
.jobs .gallery-thumbs .msg::before { width: 35px; height: 35px; border: 1px solid #093c75; border-radius: 50%; background: #fff; left: 0; right: 0; bottom:-18px; z-index: 1;}
.jobs .gallery-thumbs .msg::after { width: 10px; height: 10px; border-bottom: 1px solid #093c75; border-right: 1px solid #093c75; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 0; right: 0; bottom:-2px; z-index: 2;}
.jobs .gallery-thumbs .msg i { display: block; width: 32px; height: 32px; margin: 0 auto; background: url(../images/ds22.png) no-repeat 0 0;}
.jobs .gallery-thumbs .msg h3 { height: 60px; line-height: 30px; font-weight: 500; font-size: 18px; color: #333; color: #333; margin-top: 25px; overflow: hidden;}
.jobs .gallery-thumbs .msg p { width: 20px; height: 2px; margin: 30px auto 10px auto; background: #093c75;}
.jobs .gallery-thumbs .msg:hover,
.jobs .gallery-thumbs .swiper-slide-thumb-active .msg { background: #093c75;}
.jobs .gallery-thumbs .msg:hover::before,
.jobs .gallery-thumbs .msg:hover::after,
.jobs .gallery-thumbs .swiper-slide-thumb-active .msg::before,
.jobs .gallery-thumbs .swiper-slide-thumb-active .msg::after { display: block;}
.jobs .gallery-thumbs .msg:hover i,
.jobs .gallery-thumbs .swiper-slide-thumb-active .msg i { filter: grayscale(100) brightness(100);}
.jobs .gallery-thumbs .msg:hover h3,
.jobs .gallery-thumbs .swiper-slide-thumb-active .msg h3,
.jobs .gallery-thumbs .swiper-slide-thumb-active .msg p { color: #fff;}
.jobs .gallery-thumbs .msg:hover p,
.jobs .gallery-thumbs .swiper-slide-thumb-active .msg p { background: #fff;}
.jobs .gallery-top { padding: 50px; border-radius: 3px; background: #fff; position: relative;}
.jobs .gallery-top .ps { line-height: 40px; font-size: 15px; color: #666;}
.jobs .gallery-top .ps span { margin-right: 30px;}
.jobs .gallery-top .ps b { color: #333;}
.jobs .gallery-top .ps a { font-weight: bold; font-size: 16px; color: #093c75;}
.jobs .gallery-top .swiper-slide { width: 100%; background: #fff;}
.jobs .gallery-top .swiper-slide .msg { margin-bottom: 30px;}
.jobs .gallery-top .swiper-slide .msg h3 { line-height: 40px; font-size: 15px; color: #333; margin-top: 10px;}
.jobs .gallery-top .swiper-slide .msg .lh { min-height: auto; line-height: 30px; font-size: 14px;}
.jobs .gallery-top .swiper-button-prev,
.jobs .gallery-top .swiper-button-next { width: 35px; height: 35px; border: 1px solid #bbb; border-radius: 50%; box-sizing: border-box; top: -210px;}
.jobs .gallery-top .swiper-button-prev { left: -40px;}
.jobs .gallery-top .swiper-button-next { right: -40px;}
.jobs .gallery-top .swiper-button-prev::after,
.jobs .gallery-top .swiper-button-next::after { font-size: 15px; color: #999;}
.jobs .gallery-top .swiper-button-prev::after { text-indent: -2px;}
.jobs .gallery-top .swiper-button-next::after { text-indent: 4px;}
.jobs .gallery-top .swiper-button-prev:hover,
.jobs .gallery-top .swiper-button-next:hover { border: none; background: #093c75;}
.jobs .gallery-top .swiper-button-prev:hover::after,
.jobs .gallery-top .swiper-button-next:hover::after { color: #fff;}

/*图片列表*/
.piclist { width: 100%;}
.piclist li { float: left; width: calc(100% / 4 - 15px); margin: 0 20px 20px 0; overflow: hidden; position: relative;}
.piclist li:nth-child(4n) { margin-right: 0;}
.piclist li .img { display: flex; justify-content: center; align-items: center; width: 100%; height: 230px; background: #fff;}
.piclist li .img img { display: block; max-width: 90%; height: 200px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.piclist li p { height: 50px; line-height: 50px; font-size: 16px; color: #666; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.piclist li:hover .img img { transform: scale(0.9,0.9);}
.piclist li:hover p { color: #093c75;}

/*客户分布*/
.customes { width: 100%; background: url(../images/ds17.png) no-repeat center top;}
.customes li { float: left; width: calc(100% / 5 - 16px); text-align: center; margin: 0 20px 20px 0;}
.customes li:nth-child(5n) { margin-right: 0;}
.customes li .img { display: flex; justify-content: center; align-items: center; width: calc(100% - 20px); height: 100px; padding: 10px; overflow: hidden; background: #fff;}
.customes li .img img { display: block; max-width: 100%; height: 100px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.customes li p { height: 50px; line-height: 50px; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.customes li:hover .img img { transform: scale(0.9,0.9);}
.customes li:hover p { color: #093c75;}

/*搜索*/
.searchs { margin-bottom: 30px;}
.searchs form { display: flex; flex-direction: row;}
.searchs form input { flex: 1 1 0%; height: 60px; line-height: 60px; font-size: 16px; color: #333; padding: 0 15px; border: none; border: 5px solid #093c75; border-right: none; background: #fff;}
.searchs form .btn { width: 140px; height: 70px; line-height: 70px; font-size: 16px; color: #fff; border: 1px solid #093c75; background: #093c75;}


#zoom { display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; -ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; position: fixed; top: 0; left: 0; z-index: 99999999;}
#zoom .content { width: 200px; height: 200px; padding: 0; margin:-100px 0 0 -100px; border-radius: 4px; box-shadow:-20px 20px 20px rgba(0, 0, 0, 0.3);	background: #ffffff no-repeat 50% 50%; position: absolute; top: 50%; left: 50%; z-index: 99991;}
#zoom .content.loading { background-image: url('../images/loading.gif');}
#zoom img { display: block; max-width: none; border-radius: 4px; box-shadow: 0 1px 3px rgba(0,0,0,0.25); background: #ececec;}
#zoom .close { width: 49px; height: 49px; cursor: pointer; opacity: 1; filter: alpha(opacity=100); border-radius: 0 0 0 4px; background: transparent url('../images/close.png') no-repeat 50% 50%; position: absolute; top: 0; right: 0; z-index: 99993;}
#zoom .previous,
#zoom .next { display: block; width: 49px; height: 49px; margin-top:-25px; overflow: hidden; position: absolute; top: 50%; z-index: 99992;}
#zoom .previous { border-radius: 0 4px 4px 0; background: url('../images/arrows.png') no-repeat 0 0; left: 0;}
#zoom .next { border-radius: 4px 0 0 4px; background: url('../images/arrows.png') no-repeat 100% 0; right: 0;}
#zoom .close:hover { background-color: #da4f49;}
#zoom .previous:hover,
#zoom .next:hover {	background-color: #0088cc;}

@media screen and (max-width: 1440px) {
    .header { width: calc(100% - 50px); min-width: 1310px; padding: 0 25px;}
    .header .rgt .nav li { margin-right: 30px;}
}