@charset "utf-8";
/* CSS 鼠标效果 */
@import url('xiaoguo.css');

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+SC:300,400,500,700,900');
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 0; margin: 0;}
body{ font-size: 16px; color: #666; overflow-x: hidden; font-family:'Noto Sans SC',"PingFang SC",Arial,"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif !important;}
ul,li,ol,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,header,footer{ list-style: none; padding: 0; margin: 0; display: block;}
input,textarea,select,button{ outline:none; font-family:'Noto Sans SC',"microsoft yahei",Helvetica,Arial,Verdana,sans-serif; }
::-webkit-input-placeholder {color: #aaa;}
::-moz-placeholder {color: #aaa;}
:-ms-input-placeholder {color: #aaa;}

a { text-decoration: none; color:#000; transition: color 0.56s ease;}
a:hover{ color: #0073c2;}

.clearfix:after{content:"";height:0;line-height:0;display:block;visibility:hidden;clear:both}
.clearfix{zoom:1;}
.clear{ clear:both}
.overflow{overflow-y:hidden;}

.fl{float: left;}
.fr{float: right;}

img{ display: inline-block; vertical-align:middle;max-width:100%;max-height:100%;height: auto; border: none;}

.wrap{ width: 1520px; margin: 0 auto;}
.ovh{overflow: hidden;}
.pos_r{ position: relative;}


/*顶部*/
.header{ width: 100%; height:80px; background:#fff; box-shadow: 0 0 10px rgba(0,0,0,.08); position: fixed; left: 0; top: 0; z-index: 99999;  transition: all .4s;}
.header .logo{ float: left; padding-top: 6px;}
.header .headRight{ float: right;}
.header .nav{ float: left; transition: all .4s;}
.header .nav ul li{ float: left; margin-left: 30px; line-height: 80px; position: relative;}
.header .nav ul li.on>a{ color: #0073c2;}
.header .nav ul li>a{ color: #000;  font-size: 17px; font-weight: normal; display: block;}
.header .nav ul li>a:hover{ color: #0073c2;}
.header .nav ul li>a::after{content: ""; width: 0; height: 3px; background: #0073c2; position:absolute; left: 0; bottom: 0; transition: all .5s;}
.header .nav ul li>a:hover::after{ width: 100%; }
.header .nav ul li.on>a:after{ content: ""; width: 100%; height: 4px; background: #0073c2; position:absolute; left: 0; bottom: 0; }

.header .nav ul li .subnav{ width: 180px; background: #fff; text-align: center; position: absolute; left: 50%; top: 80px; margin-left: -90px; display: none;}
.header .nav ul li .subnav a{ line-height: 46px; font-size: 14px; color: #000 !important; display: block;}
.header .nav ul li .subnav a:hover{ background: #0095cf; color: #fff !important;}
.header .nav ul li:hover a{ color: #0095cf;}
.header .nav ul li:hover .subnav{display: block;}

.header .lang{ float: left;  margin-top: 18px; padding-left: 26px; margin-left: 20px; position: relative;}
.header .lang::before{ content:""; width: 1px; height: 14px; background: #000; position: absolute; left: 5px; top: 16px;}
.header .lang a{ color: #666; font-size: 18px;font-weight: 400; line-height: 44px;}
.header .lang a:hover{ color: #0073c2;}
.header .searchBtn{ width: 20px; height: 20px; background: url(../images/icon01.png) no-repeat center; margin-top: 28px; margin-left: 20px; float: left; cursor: pointer;}
.header .menu-toggle{display: none;}

/*首页bannner*/
.banner { position: relative; width: 100%; margin-top:80px;}
.banner .swiper-container{ width:100%; overflow:hidden;}
.banner .swiper-container .swiper-slide img{width:100%;}
.banner .pagination { position: absolute;z-index: 20; left: 50%; bottom:30px; transform: translate(-50%, 0);}
.banner .swiper-pagination-switch {display: inline-block; width:14px; height: 14px; background:#fff; margin:0 7px; border-radius: 20px;  cursor: pointer; position: relative;}
.banner .swiper-active-switch {background: #0073c2; opacity: 1;}

.neiBanner{ position: relative; margin-top: 70px;}
.neiBanner img{ width: 100%; }
.neiBanner .bannerText{ width: 100%; position: absolute; left: 0; top: 50%; transform: translate(0, -50%);}
.neiBanner .bannerText h3{ font-size: 48px; color: #fff; line-height: 1; opacity: 0.15;}
.neiBanner .bannerText h2{ font-size: 30px; color: #fff; line-height: 1; padding-bottom: 20px; margin-top: -20px; position: relative;}
.neiBanner .bannerText h2::before{ content: ""; width: 150px; height: 1px; background: #0073c2; position: absolute; left: 0; bottom: 4px;}
.neiBanner .bannerText h2::after{ content: ""; width: 50px; height: 5px; background: #0073c2; position: absolute; left: 0; bottom: 0;}


.title{ text-align: center; margin-bottom: 30px;}
.title h3{ font-size: 48px; font-weight: bold; color: #0073c2; line-height:1; opacity: 0.15;}
.title h2{ font-size: 32px; font-weight: bold; color: #000; line-height:1; padding-bottom: 20px; margin-top:0px; margin-bottom: 20px; position: relative;}
.title h2::after{ content: ""; width: 154px; height: 1px; background: #0073c2; position: absolute; left: 50%; bottom: 5px; margin-left: -77px;}
.title h2::before{ content: ""; width: 48px; height: 5px; background: #0073c2; position: absolute; left: 50%; bottom: 0; margin-left: -24px;}
.title p{ font-size: 14px; color: #999;}

.ipro{ padding: 50px 0;}
.ipro .box{}
.ipro .box ul{ margin: 0 -15px;}
.ipro .box ul li{ width: 20%; padding: 0 15px; margin-bottom: 45px; float: left;}
.ipro .box ul li a{ display: block;}
.ipro .box ul li dl{ padding-bottom: 100%; border: #15658a solid 1px; border-radius: 10px; background: #fff; position: relative; overflow: hidden;}
.ipro .box ul li dl img{position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto; padding: 15px;}
.ipro .box ul li ol{ margin-top: 15px; position: relative;}
.ipro .box ul li ol h3{ font-size: 16px; color: #666; line-height: 1; font-weight: normal; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; padding-right: 80px;}
.ipro .box ul li ol span{ color: #999; line-height: 1; position: absolute; right: 0; top: 0;}

.iapplication{ padding: 50px 0; background: url(../images/applicationBg.jpg) no-repeat center; background-size: cover;}
.iapplication .box{ position: relative;}
.iapplication .box .boxCon{ overflow: hidden;}
.iapplication .box .boxCon .swiper-container{ margin: 0 -7px;}
.iapplication .box .boxCon .swiper-slide{ padding: 30px 7px 0; box-sizing: border-box;}
.iapplication .box .boxCon .swiper-slide a{ background: #fff; border-radius: 10px; padding: 26px; display: block; transition: all .5s;}
.iapplication .box .boxCon .swiper-slide a dl{ width: 134px; height: 134px; border-radius: 134px; overflow: hidden; margin: -55px auto 15px;}
.iapplication .box .boxCon .swiper-slide a h3{ font-size: 26px; color: #2460ba; text-align: center; line-height: 1; margin-bottom: 20px;}
.iapplication .box .boxCon .swiper-slide a ol{ height:168px; color: #666; line-height: 28px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden;}
.iapplication .box .boxCon .swiper-slide a dd{ width: 180px; height: 40px; line-height: 40px; text-align: center; font-weight: normal; background: #2460ba; color: #fff; border-radius: 40px; margin: 20px auto 0;}
.iapplication .box .boxCon .swiper-slide a:hover{ background: #eaf2fd;}
.iapplication .box .arrow-left,.iapplication .box .arrow-right{ width: 20px; height: 41px; position: absolute; top: 50%; z-index: 11;}
.iapplication .box .arrow-left{ background: url(../images/arrow-left.png) no-repeat center; left: -35px;}
.iapplication .box .arrow-right{ background: url(../images/arrow-right.png) no-repeat center; right:-35px;}

.youshi{ padding: 55px 0;}
.youshi .youshiBox{ padding: 40px 0 50px;}
.youshi .youshiBox ul li{ width: 20%; text-align: center; float: left;}
.youshi .youshiBox ul li dl{ width: 150px; height: 150px; line-height:125px; border: #d3dff1 solid 10px; border-radius: 150px; background: #2460ba; margin: 0 auto 20px;}
.youshi .youshiBox ul li dl{-webkit-transition:-webkit-transform 2s ease-out;-moz-transition:-moz-transform 2s ease-out;-o-transition:-o-transform 2s ease-out;-ms-transition:-ms-transform 2s ease-out;}
.youshi .youshiBox ul li:hover dl{-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-o-transform:rotateZ(360deg);-ms-transform:rotateZ(360deg);transform:rotateZ(360deg); box-shadow: 0 2px 5px rgba(0,0,0,.3);}

.youshi .youshiBox ul li h3{ font-size: 20px; font-weight: normal; color: #000; line-height: 1; padding-bottom: 15px; margin-bottom: 15px; position: relative;}
.youshi .youshiBox ul li h3::after{ content: ""; width: 30px; height: 4px;  background: #2460ba; position: absolute; left: 50%; bottom: 0; margin-left: -15px;}
.youshi .youshiBox ul li p{ color: #999; font-size: 14px;}

.youshiCon{ overflow: hidden;}
.youshiCon ul{ overflow: hidden; border-top: 1px solid #ccc; padding: 20px 0; margin-top: -1px;}
.youshiCon ul img{ float: right;}
.youshiCon ul li{ overflow: hidden; padding-top: 25px; padding-right: 40px;}
.youshiCon ul li dl{ float: left; width: 65px; height: 108px; padding-top: 10px; font-size: 30px; color: #fff; text-align: center; font-weight: 500; background: url(../images/icon07.png) no-repeat center; margin-right: 30px;}
.youshiCon ul li dl span{ border-bottom: #fff solid 1px;}
.youshiCon ul li ol{ color: #8d8d8d; padding-left: 95px;}
.youshiCon ul li ol h3{ font-size: 30px; color: #2460ba; line-height: 1; margin-bottom: 20px;}
.youshiCon ul li ol dt{ font-size: 15px;}
.youshiCon ul:nth-child(2) img{ float: left;}
.youshiCon ul:nth-child(2) li{ text-align: right; padding-right: 0; padding-left: 40px;}
.youshiCon ul:nth-child(2) li dl{ float: right; margin-left: 30px; margin-right: 0;}
.youshiCon ul:nth-child(2) li ol{ padding-left: 0; padding-right: 95px;}

.iabout{ position: relative; padding: 86px 0 20px;}
.iabout .wrap{ position: relative; z-index: 111;}
.iabout::before{ content: ""; width: 130px; height: 64px; background:url(../images/icon08.png) no-repeat center; position: absolute; left: 50%; top: 0; margin-left: -65px; z-index: 11;}
.iabout::after{ content: ""; width: 100%; height: 702px; background:url(../images/aboutBg.jpg) no-repeat center top; background-size: cover; position: absolute; left: 0; top: 0;}
.iabout .title{ margin-bottom: 20px;}
.iabout .title h3{color: #fff; opacity: 0.2;}
.iabout .title h2{ color: #fff;}
.iabout .title h2::after{ background: #fff; }
.iabout .title h2::before{ background: #fff; }
.iabout .iaboutBox{  padding: 30px 66px 45px; border-bottom: #becfea solid 1px; background:rgba(36, 96, 186, 0.47); position: relative; z-index: 11;}
.iabout .iaboutBox .tit{text-align: center; color: #fff; font-size: 24px; font-weight: 500; margin-bottom: 10px;}
.iabout .iaboutBox .con{color: #fff; font-weight: normal; line-height: 2; overflow: hidden; text-align: center;}
.iabout a.more{ width: 100px; height: 40px; line-height: 40px; color: #2460ba; text-align: center; background: #fff; border-radius: 50px; display: block; margin: -20px auto 0; position: relative; z-index: 11;}
.iabout .iculture{ padding: 45px 0;}
.iabout .iculture ul{ overflow: hidden;}
.iabout .iculture ul li{ width: 33.33%; padding-left: 20px; float: left;}
.iabout .iculture ul li dl{ float: left;}
.iabout .iculture ul li ol{ color: #fff; padding-left: 100px; padding-right: 20px;}
.iabout .iculture ul li ol h3{font-size: 22px; font-weight: normal; padding-top: 10px;}
.iabout .iculture ul li ol dt{ font-size: 14px;}
.iabout .pic{ background: #fff; padding: 25px; box-shadow: 0 5px 10px rgba(0,0,0,.2);}
.iabout .pic ul{ overflow: hidden; margin: 0 -12px;}
.iabout .pic ul li{ width: 20%; padding: 0 12px; float: left;}

.icertificate{ height:500px; margin: 50px 0; background:url(../images/icertificateBg.png) no-repeat center bottom;}
.icertificate .box{ padding:50px 180px 0 400px; padding-right: 150px; }
.icertificate .box .swiper-slide{ text-align: center; padding: 0 10px; box-sizing: border-box; display: table;}
.icertificate .box .swiper-slide dl{display: table-cell; vertical-align: bottom;}

.inews{ background: #f7f7f7; padding: 68px 0 100px;}
.inews .tabNav{ margin-bottom: 30px;}
.inews .tabNav dl{ font-size: 36px; color: #000; font-weight: bold; line-height: 1; float: left;}
.inews .tabNav ul{ float: right; font-size: 16px; color: #000; font-weight: normal; line-height: 40px;}
.inews .tabNav ul li{ float: left; padding: 0 23px; margin-right: 15px; cursor: pointer;}
.inews .tabNav ul li.on{ background: #0073c2; color: #fff; border-radius: 20px;}
.inews .tabNav ul dt{ float: left; margin-left: 20px;}
.inews .tabBox{ height: 480px; position: relative;}
.inews .tabBox .item{ width: 100%; background: #f7f7f7; position: absolute; left: 0; top: 0; z-index: 1;}
.inews .tabBox .item.on{ z-index: 999;}
.inews .tabBox .pic{ width: 650px; margin-right: 30px; float: left;}
.inews .tabBox .pic .swiper-slide a{ position: relative; padding-bottom: 72.7692%; overflow: hidden; display: block;}
.inews .tabBox .pic .swiper-slide img{position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto;}
.inews .tabBox .pic .swiper-slide p{ width: 100%; height: 60px; padding: 0 120px 0 30px; background: rgba(0,0,0,0.7); position: absolute; left: 0; bottom: 0; font-size: 18px; color: #fff; line-height: 60px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.inews .tabBox .pic .pagination {position: absolute;z-index: 20;bottom:16px; right: 20px; text-align: center;}
.inews .tabBox .pic .swiper-pagination-switch {display: inline-block; width:14px; height: 14px; background:#fff; margin: 0 5px; border-radius: 10px; cursor: pointer;}
.inews .tabBox .pic .swiper-active-switch { background: #b3292c; opacity: 1;}
.inews .tabBox .news-m{ width: 406px; float: left;}
.inews .tabBox .news-m ul{ margin-top: -10px;}
.inews .tabBox .news-m ul li{ margin-top: 10px;}
.inews .tabBox .news-m ul li a{ height: 232px; background: #fff; padding:35px 30px; display: block; transition: all .4s;}
.inews .tabBox .news-m ul li h3{ font-size: 18px; font-weight: 400; line-height: 1; color: #000; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-bottom: 15px; transition: all .4s;}
.inews .tabBox .news-m ul li dt{ height: 48px; line-height: 24px; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all .4s;}
.inews .tabBox .news-m ul li ol{ background: url(../images/icon13.png) no-repeat right bottom 5px; border-top: 1px solid #ccc; margin-top: 15px; overflow: hidden; transition: all .4s;}
.inews .tabBox .news-m ul li ol dd{ float: left; color: #8d8d8d; padding-top: 18px; transition: all .4s;}
.inews .tabBox .news-m ul li ol dd b{ font-size: 30px; color: #8d8d8d; line-height: 1; font-weight: 900; display: block; transition: all .4s;}
.inews .tabBox .news-m ul li a:hover{ background: #0073c2;}
.inews .tabBox .news-m ul li a:hover h3{ color: #fff;}
.inews .tabBox .news-m ul li a:hover dt{ color: #fff;}
.inews .tabBox .news-m ul li a:hover ol{background: url(../images/icon13_02.png) no-repeat right bottom 5px;}
.inews .tabBox .news-m ul li a:hover ol dd{ color: #fff;}
.inews .tabBox .news-m ul li a:hover ol dd b{ color: #fff;}
.inews .tabBox .news-r{ width: 404px; float: right;}
.inews .tabBox .news-r ul{ margin-top: -10px;}
.inews .tabBox .news-r ul li{ margin-top: 10px;}
.inews .tabBox .news-r ul li a{height: 151px; background: #fff; padding: 30px 28px; display: block; transition: all .4s;}
.inews .tabBox .news-r ul li dl{ float: left; width: 77px; height: 90px; color: #8d8d8d; border-right: #eee solid 1px; padding-top: 10px; transition: all .4s; }
.inews .tabBox .news-r ul li dl b{font-size: 30px; line-height: 1; font-weight: 900; padding-bottom: 12px; margin-bottom: 10px; display: block; position: relative; transition: all .4s;}
.inews .tabBox .news-r ul li dl b::after{ content: ""; width: 25px; height: 1px; background: #ccc; position: absolute; left: 0; bottom: 0; transition: all .4s;}
.inews .tabBox .news-r ul li ol{ height: 90px; padding-left: 96px; background: url(../images/icon31.png) no-repeat 96px bottom; transition: all .4s;}
.inews .tabBox .news-r ul li ol h3{ font-size: 18px; font-weight: 400; line-height: 1.4; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all .4s;}
.inews .tabBox .news-r ul li a:hover{ background: #0073c2;}
.inews .tabBox .news-r ul li a:hover dl{ color: #fff;}
.inews .tabBox .news-r ul li a:hover dl b{ color: #fff;}
.inews .tabBox .news-r ul li a:hover dl b::after{ background: #fff;}
.inews .tabBox .news-r ul li a:hover ol{background: url(../images/icon31_02.png) no-repeat 96px bottom; }
.inews .tabBox .news-r ul li a:hover ol h3{ color: #fff;}

.content{ padding-top: 30px; background: #f2f2f2;}

.neiNav{ background: #8cc0e3; line-height: 46px; text-align: center;}
.neiNav a{ color: #fff; font-size: 18px; padding: 0 15px; margin: 0 36px; display: inline-block;}
.neiNav a.on{ background: #6eacd6;}

/* 关于我们 */
.about{ background: #f2f2f2; padding: 45px 0;}
.aboutTitle{ text-align: center; margin-bottom: 40px;}
.aboutTitle h3{ font-size: 60px; font-weight: bold; color: #000; line-height:1; opacity: 0.1;}
.aboutTitle h2{ font-size: 36px; font-weight: bold; color: #000; line-height:1;  margin-top: 0px;}
.about .box{ line-height: 1.8; margin-bottom: 40px;}
.about .pic{ background: #fff; padding: 25px; }
.about .pic ul{ overflow: hidden; margin: 0 -12px;}
.about .pic ul li{ width: 20%; padding: 0 12px; float: left;}

.culture{ padding: 65px 0 110px; background: url(../images/cultureBg.jpg) no-repeat center; background-size: cover;}
.culture .aboutTitle h3{ color: #fff;}
.culture .aboutTitle h2{  color: #fff;}
.culture .box{}
.culture .box ul{ margin: 0 -80px;}
.culture .box ul li{ width: 33.33%; padding: 0 80px; float: left;}
.culture .box ul li dl{ height: 200px; padding: 26px 20px 26px 26px; background:rgba(255,255,255,0.8); border-radius: 6px;}
.culture .box ul li dl img{ float: left;}
.culture .box ul li dl ol{ padding-left: 60px;}
.culture .box ul li dl ol h3{ color: #000; font-size: 18px; font-weight: 500; line-height: 1; margin-bottom: 12px; padding-bottom: 15px; position: relative;}
.culture .box ul li dl ol h3::before{ content: ""; width: 24px; height: 4px; background: #0073c2; position: absolute; left: 0; bottom: 0;}
.culture .box ul li dl ol dt{ font-size: 14px; color: #999; line-height: 1.4; font-weight: normal;}

.history{ padding: 70px 0; background: #f7f7f7;}
.history .wrap{ height: 360px; position: relative; padding: 0 10px;}
.history .arrow-left{ width: 78px; height: 78px; background: url(../images/history-left.png) no-repeat center; position: absolute; left: -80px; top: 50%; margin-top: -39px;}
.history .arrow-right{ width: 78px; height: 78px; background: url(../images/history-right.png) no-repeat center; position: absolute; right: -80px; top: 50%; margin-top: -39px;}
.history .box{ padding-top: 60px; background: url(../images/icon28.png) repeat-x center;}
.history .box .swiper-slide{ padding-left: 40px; background: url(../images/icon29.png) no-repeat 5px top; box-sizing: border-box; position: relative;}
.history .box .swiper-slide h3{ font-size: 24px; color: #0073c2; line-height: 1; margin-bottom: 10px;}
.history .box .swiper-slide ul li{ font-size: 16px; color: #999; margin-bottom: 5px; position: relative;}
.history .box .swiper-slide ul li::before{ content: "·"; color: #0073c2; font-size: 17px;}
.history .box .swiper-slide.on{ padding-top: 180px;  background: url(../images/icon30.png) no-repeat 5px bottom; }

.honor{ padding: 77px 0 100px; background: url(../images/honorBg.jpg) no-repeat center; background-size: cover;}
.honor .aboutTitle h3{ color: #fff;}
.honor .aboutTitle h2{  color: #fff;}
.honor .box{ padding: 60px; background: rgba(255,255,255,0.8);}
.honor .box .swiper-container{ margin: 0 -10px;}
.honor .box .swiper-slide{ line-height: 266px; box-sizing: border-box; text-align: center; padding: 0 10px;}

/* 产品 */
.products{}
.products .leftNav{ width: 280px; float: left;}
.products .leftNav dl{ font-size: 19px; color: #0073c2; font-weight: 500; background: #fff; padding: 20px 16px; border-bottom: #f2f2f2 solid 3px; position: relative;}
.products .leftNav dl::before{ content: ""; width: 5px; height: 20px; background: #0073c2; position: absolute; left: 0; top: 25px;}
.products .leftNav ul li{ background: #fff; margin-bottom: 8px;}
.products .leftNav ul li ol{ font-size: 18px; font-weight: normal; padding: 0 16px; border-bottom: #f2f2f2 solid 1px; position: relative;}
.products .leftNav ul li ol a{ line-height: 60px;}
.products .leftNav ul li ol span{ width: 46px; height: 46px; background:url(../images/icon22.png) no-repeat center; position: absolute; right: 0; top: 8px; cursor: pointer; }
.products .leftNav ul li ol.on a{color: #0073c2;}
.products .leftNav ul li ol.on span{background:url(../images/icon23.png) no-repeat center;}
.products .leftNav ul li .subnav{ padding: 10px 30px; display: none;}
.products .leftNav ul li .subnav a{ font-size: 14px; display: block; line-height: 38px; color: #444; position: relative;}
.products .leftNav ul li .subnav a:hover{color: #0073c2;}
.products .leftNav ul li .subnav a.on{color: #0073c2;}
.products .leftNav ul li .subnav a.on::before{ content: ""; width: 6px; height: 11px; background:url(../images/icon24.png) no-repeat center; position: absolute; left: -12px; top: 15px;}

.rightBox{ padding-left: 310px;}

.products{ padding-bottom: 60px;}
.prolist ul{ margin: 0 -14px; overflow: hidden;}
.prolist ul li{ width:25%; padding: 0 14px; margin-bottom: 15px; float: left;}
.prolist ul li dl{ background: #fff; padding-bottom:100%; position: relative; overflow: hidden;}
.prolist ul li dl img{ position:absolute;top:0;bottom:0;left:0;right:0; margin:auto; padding: 15px;}
.prolist ul li h3{ height: 44px; font-size: 16px; text-align: center; font-weight: normal; line-height:22px; margin-top: 10px;}

.proview{ min-height: 600px; background: #fff; padding: 40px;}
.proview .tit{ font-size: 20px; color: #0073c2; font-weight: 500; margin-bottom: 15px;}

/* 科研创新 */
.technologyBox{}
.technologyBox .tit{ position: relative; margin-bottom: 30px;}
.technologyBox .tit h3{ font-size: 50px; color: #000; font-weight: 900; text-transform: uppercase; opacity: 0.4; line-height: 1; margin-bottom: 10px;}
.technologyBox .tit h2{ font-size: 32px; color: #000; line-height: 1; padding-bottom: 18px; position: relative;}
.technologyBox .tit h2::after{ content: ""; width: 50px; height: 4px; background: #016ca0; position: absolute; left: 0; bottom: 0; }
.technologyBox .technology01{ padding: 60px 0;}
.technologyBox .technology01 .item{ width: 50%;}
.technologyBox .technology01 .box{ font-size: 16px; color: #000; line-height: 32px; font-weight: normal;}
.technologyBox .technology01 .item .icon{ margin-top: 80px;}
.technologyBox .technology01 .item .icon ul li{ width: 33.33%; font-size: 20px; color: #8d8d8d; font-weight: normal; float: left;}
.technologyBox .technology01 .item .icon ul li img{ margin-right: 12px;}
.technologyBox .technology01 .item.fr{ padding-left: 28px;}
.technologyBox .technology02{ background: #f1faff; padding: 60px 0;}
.technologyBox .technology02 .box{ margin: 0 -5px; overflow: hidden;}
.technologyBox .technology02 .box dl{ width: 33.33%;  padding: 0 5px; float: left;}
.technologyBox .technology02 .box ol{ padding-left: 42%; text-align: right; transform: translate(0, 50%);}
.technologyBox .technology02 .box ol .tit h2::after{ left: auto; right: 0;}
.technologyBox .technology02 .box ol .con{font-size: 16px; color: #000; line-height:32px; font-weight: normal;}
.technologyBox .technology02 .picBox{ margin-top: 10px;}
.technologyBox .technology02 .picBox ul{ margin: 0 -5px; overflow: hidden;}
.technologyBox .technology02 .picBox ul li{ width: 33.33%; padding: 0 5px; float: left;}
.technologyBox .technology03{ padding: 60px 0;}
.technologyBox .technology03 .box .item{ width: 50%; text-align: right;}
.technologyBox .technology03 .box .tit h2::after{ left: auto; right: 0;}
.technologyBox .technology03 .item.fr{ padding-left: 84px;}
.technologyBox .technology03 .item .con{font-size: 16px; color: #000; line-height: 32px; font-weight: normal;}
.technologyBox .technology03 .item .timg{ margin-top: 103px;}
.technologyBox .technology03 .picBox{ margin-top: 10px;}
.technologyBox .technology03 .picBox ul{ margin: 0 -5px; overflow: hidden;}
.technologyBox .technology03 .picBox ul li{ width: 33.33%; padding: 0 5px; float: left;}

/* 应用领域 */
.application{ padding: 20px 0 50px;}
.application ul{ margin: 0 -64px;}
.application ul li{ width: 33.33%; padding: 0 64px; margin-bottom: 40px; float: left;}
.application ul li a{ background: #fff; border-radius: 10px; padding: 26px; display: block; transition: all .5s;}
.application ul li a dl{ width: 134px; height: 134px; border-radius: 134px; overflow: hidden; margin: -10px auto 15px;}
.application ul li a h3{ font-size: 26px; color: #2460ba; text-align: center; line-height: 1; margin-bottom: 20px;}
.application ul li a ol{ height:84px; color: #666; line-height: 28px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.application ul li a dd{ width: 180px; height: 40px; line-height: 40px; text-align: center; font-weight: normal; background: #2460ba; color: #fff; border-radius: 40px; margin: 20px auto 0;}
.application ul li a:hover{ background: #eaf2fd;}

/* 质量方针 */
.policy{ padding: 25px 0 50px;}
.policy .tit{ text-align: center; margin-bottom: 40px;}
.policy .tit h2{ color: #0073c2; font-size: 28px; font-weight: normal; margin-bottom: 25px;}
.policy .tit p{ font-size: 14px;}
.policy .box{}
.policy .box ul{ overflow: hidden;}
.policy .box ul dl{ width: 50%; float: left;}
.policy .box ul ol{ width: 50%; float: left;}
.policy .box ul ol li{ border-bottom: #ccc solid 1px; padding: 20px 30px; overflow: hidden;}
.policy .box ul ol li b{ font-size: 40px; color: #d2d2d2; line-height: 1; margin-right: 5px; float: left;}
.policy .box ul ol li dd{  float: left;}
.policy .box ul ol li dd h3{  color: #0073c2; font-size: 22px; font-weight: 500; line-height: 1; margin-top: 10px;}
.policy .box ul ol li dd span{ text-transform: uppercase; color: #999;}
.policy .box ul ol dt{ font-size: 14px; color: #888; line-height: 1.8; padding: 30px;}
.policy .box ul:nth-child(even) dl{ float: right;}
.policy .box ul:nth-child(even) ol{ text-align: right;}
.policy .box ul:nth-child(even) ol li b{ float: right;  margin-right: 0;  margin-left: 5px;}
.policy .box ul:nth-child(even) ol li dd{ float: right;}

/* 新闻 */
.news{ padding-bottom: 60px;}
.news .newsNav{ text-align: center; padding:20px 0 0; margin-bottom: 50px;}
.news .newsNav a{ color: #000; font-weight: normal; margin: 0 10px; padding: 0 22px; line-height: 40px; border-radius: 20px; display: inline-block;  transition: all .4s;}
.news .newsNav a.on,.news .newsNav a:hover{color: #fff; background: #0073c2;}
.news .newsTop { overflow: hidden; margin-bottom: 40px;}
.news .newsTop .pic{ width: 650px; float: left;}
.news .newsTop .pic .swiper-slide a{ position: relative; padding-bottom: 72.7692%; overflow: hidden; display: block;}
.news .newsTop .pic .swiper-slide img{position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto;}
.news .newsTop .pic .swiper-slide p{ width: 100%; height: 60px; padding: 0 120px 0 30px; background: rgba(0,0,0,0.7); position: absolute; left: 0; bottom: 0; font-size: 18px; color: #fff; line-height: 60px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.news .newsTop .pic .pagination {position: absolute;z-index: 20;bottom:16px; right: 20px; text-align: center;}
.news .newsTop .pic .swiper-pagination-switch {display: inline-block; width:14px; height: 14px; background:#fff; margin: 0 5px; border-radius: 10px; cursor: pointer;}
.news .newsTop .pic .swiper-active-switch { background: #b3292c; opacity: 1;}
.news .newsTop .news_r{ padding-left: 680px;}
.news .newsTop .news_r ul{ margin-top: -27px;}
.news .newsTop .news_r ul li{ margin-top: 27px;}
.news .newsTop .news_r ul li a{ padding: 25px; background: #fff; display: block; overflow: hidden; transition: all .4s;}
.news .newsTop .news_r ul li dl{ float: left; width: 80px; height: 90px; background: #f4f4f4; text-align: center; color: #2460ba;}
.news .newsTop .news_r ul li dl b{ font-size: 40px; line-height: 1; display: block; margin-top: 10px;}
.news .newsTop .news_r ul li ol{ padding-left: 100px;}
.news .newsTop .news_r ul li ol h3{ font-size: 18px; color: #000; font-weight: normal;  overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-bottom: 10px; transition: all .4s;}
.news .newsTop .news_r ul li ol dt{ font-size: 16px; color: #777; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all .4s;}
.news .newsTop .news_r ul li a:hover{ background: #2460ba;}
.news .newsTop .news_r ul li a:hover ol h3{ color: #fff;}
.news .newsTop .news_r ul li a:hover ol dt{ color: #fff;}
.news .list{ padding-bottom: 10px;}
.news .list ul li{ margin-bottom: 20px;}
.news .list ul li a{ padding: 25px; background: #fff; display: block; overflow: hidden; transition: all .4s;}
.news .list ul li dl{ float: left; width: 80px; height: 90px; background: #f4f4f4; text-align: center; color: #2460ba;}
.news .list ul li dl b{ font-size: 40px; line-height: 1; display: block; margin-top: 10px;}
.news .list ul li ol{ padding-left: 100px;}
.news .list ul li ol h3{ font-size: 18px; color: #000; font-weight: normal;  overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-bottom: 10px; transition: all .4s;}
.news .list ul li ol dt{ font-size: 16px; color: #777; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all .4s;}
.news .list ul li a:hover{ background: #2460ba;}
.news .list ul li a:hover ol h3{ color: #fff;}
.news .list ul li a:hover ol dt{ color: #fff;}

.news2{ padding-bottom: 40px;}
.news2 ul{ margin: 0 -20px;}
.news2 ul li{ width: 33.33%; padding: 0 20px; float: left;}
.news2 ul li a{ padding: 30px 40px; background: #fff; display: block; transition: all .4s;}
.news2 ul li a dl{ position: relative; padding-bottom: 72.7692%; overflow: hidden; }
.news2 ul li a dl dd{ width: 68px; height: 68px; background: #f4f4f4; text-align: center; color: #0073c2; font-size: 13px; position: absolute; left: 0; top: 0; z-index: 11;}
.news2 ul li a dl dd b{ font-size: 36px; line-height: 1; display: block; margin-top: 5px;}
.news2 ul li a dl img{position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto;}
.news2 ul li ol{ padding-top: 20px;}
.news2 ul li ol h3{ font-size: 18px; color: #000; font-weight: normal;  overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-bottom: 10px; transition: all .4s;}
.news2 ul li ol dt{ font-size: 16px; color: #777; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all .4s;}
.news2 ul li a:hover{ background: #2460ba;}
.news2 ul li a:hover ol h3{ color: #fff;}
.news2 ul li a:hover ol dt{ color: #fff;}

.newsView{  padding: 10px 0 60px;}
.newsView .box{ background: #fff; box-shadow:10px 10px 0 #e4e4e4; margin-bottom: 10px;}
.newsView .box .newsHead{ padding: 50px 70px 30px;  position: relative;}
.newsView .box .newsHead::after{ content: ""; width: 60px; height: 3px; background: #0073c2; position: absolute; left: 70px; bottom: -2px;}
.newsView .box .newsHead h1{ font-size: 30px; color: #000; font-weight: normal; line-height: 1.2; margin-bottom: 10px;}
.newsView .box .newsHead span{ color: #999; margin-right: 30px;}
.newsView .box .viewCon{ padding:50px 70px 70px; line-height: 2;}
.newsView .box .viewPage{ border-top: #eaeaea solid 2px; padding: 30px 70px; overflow: hidden; position: relative;}
.newsView .box .viewPage .boxCon{ padding-right: 200px;}
.newsView .box .viewPage .boxCon a{ color: #333; display: block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.newsView .box .viewPage .boxCon b{ color: #0073c2;}
.newsView .box .viewPage .boxCon a:hover{color: #0073c2;}
.newsView .box .viewPage .back{ width: 160px; height: 42px; line-height: 42px;  text-align: center; border-radius: 40px; background: #0073c2; position:absolute; right: 70px; top: 35px;}
.newsView .box .viewPage .back a{color: #fff; display: block;}

/* 工作岗位 */
.job{ background: #f2f2f2; padding:40px 0 60px;}
.job .tit h2{ text-align: center; margin-bottom: 20px; font-size: 30px; color: #000; }
.job .biaoti{ overflow: hidden; background: #154d9c; color: #fff; font-size: 18px; line-height: 60px; margin-bottom: 5px;}
.job .biaoti dd{ width: 20%; padding:0 28px; float: left;}
.job .biaoti dd:nth-child(1){ width: 25%;}
.job .biaoti dd:nth-child(5){ width: 15%; text-align: right;}
.job ul { margin-bottom: 10px;background: #fff;}
.job ul.focus dl{display: block;}
.job ul li{line-height:60px; font-size: 16px; color: #000;  overflow: hidden; cursor: pointer;}
.job ul li ol{ width:20%; padding:0 28px; float: left; line-height:60px; font-weight: normal;}
.job ul li ol:nth-child(1){ width: 25%;}
.job ul li ol:nth-child(5){ width: 15%;  text-align: right;}
.job ul li ol.more{ background: url(../images/icon17.png) no-repeat right 28px center; padding-right: 50px;}
.job ul dl{ margin-bottom: 10px; padding: 28px; line-height: 1.8; overflow: hidden; border-top: #f5f3f3 solid 1px; display: none;}
.job ul dl dt{ font-size: 17px; color: #333; font-weight:400; margin-bottom:5px;}
.job ul dl .jobView{ width: 100%; color: #999; margin-bottom: 20px;}

/* 联系我们 */
.contact{ padding: 25px 0;}
#map{ height: 500px;}
.contactBox{ padding-top: 25px;}
.contactBox ul{ width: 50%; float: left;}
.contactBox ul dl{ font-size: 20px; color: #0073c2; font-weight: 500; background: #f7f7f7; padding: 10px 20px;}
.contactBox ul dl span{ font-size: 18px; color: #000; font-weight: normal; margin-left: 10px;}
.contactBox ul dt{ padding:10px 20px 20px; line-height: 2.2;}

.footer{ background:#292a34;}
.footer .fmain{ padding: 80px 0;}
.footer .fmain .item{ float: left;}
.footer .fmain .item dl{ color:#fff; font-weight: bold; font-size: 18px; line-height: 1; margin-bottom: 30px;}
.footer .fmain .fcontact{  width: 40%; padding-right: 50px;}
.footer .fmain .fcontact ul li{ color: #fff; font-size: 16px; margin-bottom: 20px;}
.footer .fmain .fcontact ul li i{ float: left;}
.footer .fmain .fcontact ul li p{ padding-left: 36px;}
.footer .fmain .fnav{  width: 30%; float: left;;}
.footer .fmain .fnav ul li{ width: 50%; margin-bottom: 10px; padding-right: 50px; float: left;}
.footer .fmain .fnav ul li a{color: #fff; line-height: 40px; padding-left: 18px; background:url(../images/icon11.png) no-repeat 4px center; border-bottom: #7f7f85 solid 1px; display: block;}
.footer .fmain .fnav ul li a:hover{ color: #0073c2;}
.footer .fmain .ewm{ float: right; width: 15%;}
.footer .fmain .ewm ol{ float: left; margin-right: 20px;}
.footer .fmain .ewm li{ text-align: center; color: #fff; font-size: 16px; line-height: 2.2; white-space: nowrap; padding-top: 28px;}
.footer .copyright{ text-align: center; color: #919293; line-height: 50px; background: rgba(0,0,0,0.5);}
.footer .copyright a{ color: #919293; margin-left: 10px;}
.footer .copyright a:hover{ color: #0073c2;}

/*===/分页=============================*/
.fenye { text-align: center; font-size: 15px; width: 100%; height: 40px; margin: 20px 0 0px;}
.fenye .prev, .fenye .next { width: 40px; height: 40px; line-height: 40px; color: #666;margin-right: 5px; display: inline-block; font-family: "宋体";font-size: 17px; background: #fff; border: #EBEBEB solid 1px;border-radius: 6px;}
.fenye a { width: 40px; height: 40px; line-height: 40px;  color: #666; margin-right: 5px;display: inline-block; background: #fff; border: #EBEBEB solid 1px; border-radius: 6px;}
.fenye a:hover {color: #fff; background: #242a34; border: #242a34 solid 1px;}
.fenye a.current { color: #fff;  background: #242a34; margin-right: 5px; border: #242a34 solid 1px;}

/*搜索框*/
.search-dialog-box{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999999;}
.search-dialog-box .black{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .8);}
.search-dialog{position: absolute;left:50%;top:50%;box-sizing:border-box;width: 680px;padding: 20px 30px;transform: translate(-50%,-50%);background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,.33);border-radius:50px;}
.search-dialog input[type=text]{float: left;width: 86%;border: none; padding: 0;font-size:18px;line-height: 28px; height:28px;color: #999; background-color: #fff;border-radius: 0;}
.search-dialog input[type=submit] {float: right; width:28px; height:28px; background-repeat: no-repeat; background-position: center; background-size: 100%; border: none; padding: 0; background-image: url(../images/search-btn.png);background-color: transparent; cursor: pointer;}


@media only screen and (min-width: 1680px) and (max-width: 1920px){

}

@media only screen and (min-width: 1440px) and (max-width: 1679px){
    .wrap{ width: 100%; padding: 0 20px;}

    .header .nav ul li{ margin-left: 20px;}

    .iapplication .wrap{ padding: 0 45px;}

    .inews{ padding: 60px 0;}
    .inews .tabBox .pic{ width: 600px; margin-right: 20px;}
    .inews .tabBox .news-m{ width: 370px;}
    .inews .tabBox .news-m ul li a{ height: 214px; padding: 26px;}
    .inews .tabBox .news-r{ width: 370px;}
    .inews .tabBox .news-r ul li a{ height: 140px; padding: 26px;}

    .history .wrap{ padding: 0 60px;}
    .history .arrow-left{ width: 50px; height: 50px; background-size: cover; left: 10px;}
    .history .arrow-right{ width: 50px; height: 50px; background-size: cover; right: 10px;}

    .footer .fmain .ewm{ width: 17%;}
}

@media only screen and (min-width: 1280px) and (max-width: 1439px){
    .wrap{ width: 1226px; padding: 0; margin: 0 auto;}

    .header .logo{ width: 360px; padding-top: 12px;}
    .header .nav ul li{ margin-left: 16px;}
    .header .nav ul li a{ font-size: 16px;}
    .header .lang a{ font-size: 16px;}

    .title h3{ font-size: 40px;}
    .title h2{ font-size: 26px;}

    .ipro .box ul li{ margin-bottom: 30px;}
    .ipro .box ul li ol h3{ font-size: 15px;}
    .ipro .box ul li ol span{ font-size: 13px;}

    .iapplication .wrap{ padding: 0 35px;}
    .icertificate .box{  padding: 50px 150px 0 320px;}

    .inews{ padding: 60px 0;}
    .inews .tabNav dl{ font-size: 32px;}
    .inews .tabBox{ height: 410px;}
    .inews .tabBox .pic{ width: 500px; margin-right: 25px;}
    .inews .tabBox .pic .swiper-slide p{ font-size: 16px; padding: 0 120px 0 20px;}
    .inews .tabBox .news-m{ width: 340px;}
    .inews .tabBox .news-m ul li a{ height: 178px; padding: 22px;}
    .inews .tabBox .news-m ul li h3{ font-size: 16px;margin-bottom: 10px;}
    .inews .tabBox .news-m ul li dt{ font-size: 14px; height: 40px;line-height: 20px;}
    .inews .tabBox .news-m ul li ol dd{ font-size: 14px; padding-top: 10px;}
    .inews .tabBox .news-m ul li ol dd b{ font-size: 25px;}
    .inews .tabBox .news-r{ width: 340px;}
    .inews .tabBox .news-r ul li a{ height: 116px; padding:25px 22px;}
    .inews .tabBox .news-r ul li dl{ height: 68px; font-size: 14px; padding-top: 0;}
    .inews .tabBox .news-r ul li dl b{ font-size: 25px;}
    .inews .tabBox .news-r ul li ol{ height: 66px;}
    .inews .tabBox .news-r ul li ol h3{ font-size: 16px;}

    .aboutTitle h3{ font-size: 40px;}
    .aboutTitle h2{ font-size: 26px;}

    .culture .box ul{ margin: 0 -40px;}
    .culture .box ul li{ padding: 0 40px;}
    .culture .box ul li dl{padding: 26px 25px 26px 26px;}

    .history .wrap{ padding: 0 40px;}
    .history .box .swiper-slide{ padding-left: 32px;}
    .history .box .swiper-slide h3{ font-size: 20px;}
    .history .box .swiper-slide ul li{ font-size: 14px;}
    .history .arrow-left{ width: 50px; height: 50px; background-size: cover; left: 0;}
    .history .arrow-right{ width: 50px; height: 50px; background-size: cover; right: 0;}

    .prolist ul li{ width: 33.33%;}

    .technologyBox .tit h3{ font-size: 40px;}
    .technologyBox .tit h2{font-size: 26px;}

    .technologyBox .technology01 .box{ font-size: 17px; line-height: 32px;}
    .technologyBox .technology01 .item .icon ul li{ font-size: 20px;}

    .technologyBox .technology02 .box ol .con{ font-size: 17px; line-height: 32px;}

    .technologyBox .technology03 .item .con{ font-size: 17px; line-height: 32px;}
    .technologyBox .technology03 .item .timg{ margin-top: 6px;}

    .application ul{ margin: 0 -40px;}
    .application ul li{ padding: 0 40px;}

    .policy .box ul ol li{ padding: 10px 25px;}
    .policy .box ul ol li b{ font-size: 50px;}
    .policy .box ul ol li dd h3{ font-size: 22px;}
    .policy .box ul ol li dd span{ font-size: 15px;}
    .policy .box ul ol dt{ font-size: 16px; padding: 20px 25px;}

    #map{ height: 450px;}

    .footer .fmain .ewm{ width: 20%;}
}

@media only screen and (min-width: 1000px) and (max-width: 1279px){
    .wrap{ width: 990px; padding: 0; margin: 0 auto;}

    .header .logo{ width:260px; padding-top: 20px;}
    .header .nav ul li{ margin-left: 9px;}
    .header .nav ul li a{ font-size: 15px;}
    .header .lang a{ font-size: 15px;}
    .header .lang{ margin-left: 8px; padding-left: 20px;}
    .header .searchBtn{ margin-left: 10px;}

    .title h3{ font-size: 40px;}
    .title h2{ font-size: 26px;}

    .iabout .iaboutBox .con{ font-size: 15px;}
    .iabout .iculture ul li ol h3{ font-size: 20px;}
    .iabout .iculture ul li ol{ font-size: 15px; padding-right: 10px;}

    .ipro .box ul li{ margin-bottom: 30px;}
    .ipro .box ul li ol h3{ font-size: 15px;}
    .ipro .box ul li ol span{ font-size: 13px;}

    .iapplication .wrap{ padding: 0 20px;}
    .iapplication .box .boxCon .swiper-slide a h3{ font-size: 22px;}
    .iapplication .box .boxCon .swiper-slide a ol{ font-size: 15px;}
    .iapplication .box .boxCon .swiper-slide a dd{ font-size: 13px;}

    .youshi .youshiBox ul li h3{ font-size: 18px;}
    .youshiCon ul li{ padding-right: 20px;}
    .youshiCon ul li ol{ font-size: 15px;}
    .youshiCon ul li ol h3{ font-size: 24px;}

    .icertificate .box{padding: 50px 83px 0 200px;}

    .inews{ padding: 60px 0;}
    .inews .tabNav dl{ font-size: 32px;}
    .inews .tabBox{ height: 310px;}
    .inews .tabBox .pic{ width: 400px; margin-right: 20px;}
    .inews .tabBox .pic .swiper-slide p{ font-size: 16px; padding: 0 120px 0 20px;}
    .inews .tabBox .news-m{ width: 270px;}
    .inews .tabBox .news-m ul li a{ height: 142px; padding: 15px;}
    .inews .tabBox .news-m ul li h3{ font-size: 16px;margin-bottom: 5px;}
    .inews .tabBox .news-m ul li dt{ font-size: 13px; height: 40px;line-height: 20px;}
    .inews .tabBox .news-m ul li ol{ margin-top: 10px; background-size: 20px;}
    .inews .tabBox .news-m ul li ol dd{ font-size: 13px; padding-top:5px;}
    .inews .tabBox .news-m ul li ol dd b{ font-size: 20px;}
    .inews .tabBox .news-r{ width: 270px;}
    .inews .tabBox .news-r ul li a{ height: 91px; padding: 15px;}
    .inews .tabBox .news-r ul li dl{ height: 62px; font-size: 13px; padding-top: 0;}
    .inews .tabBox .news-r ul li dl b{ font-size: 20px;}
    .inews .tabBox .news-r ul li ol{ height: 62px;}
    .inews .tabBox .news-r ul li ol h3{ font-size: 16px; line-height: 1.2;}

    .neiBanner .bannerText h3{ font-size: 40px;}
    .neiBanner .bannerText h2{ font-size: 24px; margin-top: -13px;}

    .aboutTitle h3{ font-size: 40px;}
    .aboutTitle h2{ font-size: 26px;}

    .culture .box ul{ margin: 0;}
    .culture .box ul li{ padding: 0 40px;}
    .culture .box ul li dl{padding: 20px;}
    .culture .box ul li dl ol{ padding-left: 60px;}
    .culture .box ul li dl ol dt{ font-size: 14px;}

    .history .wrap{ padding: 0 40px;}
    .history .box .swiper-slide{ padding-left: 32px;}
    .history .box .swiper-slide h3{ font-size: 20px;}
    .history .box .swiper-slide ul li{ font-size: 14px;}
    .history .arrow-left{ width: 50px; height: 50px; background-size: cover; left: 0;}
    .history .arrow-right{ width: 50px; height: 50px; background-size: cover; right: 0;}

    .prolist ul li{ width: 33.33%;}

    .technologyBox .tit h3{ font-size: 36px;}
    .technologyBox .tit h2{font-size: 22px;}

    .technologyBox .technology01 .box{ font-size: 15px; line-height: 26px;}
    .technologyBox .technology01 .item .icon{ margin-top: 20px;}
    .technologyBox .technology01 .item .icon ul li{ font-size: 18px;}
    .technologyBox .technology01 .item .icon ul li img{ height: 80px;}

    .technologyBox .technology02 .box ol{ transform: translate(0, 0);}
    .technologyBox .technology02 .box ol .con{ font-size: 15px; line-height: 26px;}

    .technologyBox .technology03 .item.fr{ padding-left: 15px;}
    .technologyBox .technology03 .item .con{ font-size: 15px; line-height: 26px;}
    .technologyBox .technology03 .item .timg{ margin-top: 6px;}

    .application ul{ margin: 0 -15px;}
    .application ul li{ padding: 0 15px; margin-bottom: 30px;}
    .application ul li a h3{ font-size: 20px;}
    .application ul li a ol{ height: 78px; font-size: 15px; line-height: 26px;}

    .policy .tit h2{ font-size: 25px; margin-bottom: 10px;}
    .policy .tit p{ font-size: 15px;}
    .policy .box ul ol li{ padding: 10px 25px;}
    .policy .box ul ol li b{ font-size: 44px;}
    .policy .box ul ol li dd h3{ font-size: 18px; margin-top: 5px;}
    .policy .box ul ol li dd span{ font-size: 12px;}
    .policy .box ul ol dt{ font-size: 14px; line-height: 1.5; padding: 18px 20px;}

    .news .newsNav{ margin-bottom: 35px;}
    .news .newsTop .pic{ width: 590px;}
    .news .newsTop .news_r{  padding-left: 610px;}
    .news .newsTop .news_r ul{ margin-top: -20px;}
    .news .newsTop .news_r ul li{ margin-top: 20px;}
    .news .newsTop .news_r ul li a{ padding: 20px;}
    .news .newsTop .news_r ul li ol h3{ font-size: 17px;}
    .news .newsTop .news_r ul li ol dt{ font-size: 15px;}

    #map{ height: 350px;}

    .contactBox ul dl{ font-size: 18px;}
    .contactBox ul dt{ font-size: 15px; line-height: 2;}

    .footer .fmain{ padding: 50px 0;}
    .footer .fmain .fcontact ul li{ font-size: 14px; margin-bottom: 15px;}
    .footer .fmain .fnav ul li{ margin-bottom: 0;}
    .footer .fmain .fnav ul li a{ font-size: 14px;}
    .footer .fmain .ewm{ width: 24%;}
    .footer .fmain .ewm ol{ margin-right: 0;}
    .footer .fmain .ewm li{ font-size: 14px;}
    .footer .copyright{ font-size: 15px;}
}

@media screen and (max-width:999px){
    body{ padding-top: 60px;font-size: 15px;}
    .wrap{ width: 100%; padding: 0 15px;}

    .header{ width: 100%; height:60px; background: #fff;   box-shadow: 0 0 5px rgba(0,0,0,.1);  position: fixed; top: 0; left: 0; z-index: 99999; }
    .header .logo{ height: 50px;}
    .header .headRight{ float: none; position: fixed; top: 60px; left: 0; width: 100%; height: calc(100vh - 60px);  border-top: #eee solid 1px;  background: #fff; display: none;}
    .header .nav{ float: none; transition: all .4s;}
    .header .nav ul li{ float: none; margin-left: 0; line-height: 50px; border-bottom: #eee solid 1px; position: relative;}
    .header .nav ul li a{ font-size: 15px; padding: 0 15px;}
    .header .nav ul li .subnav{display: none;}
    .header .nav ul li:hover .subnav{display: none;}
    .header .lang{margin-top: 10px; padding-left: 15px;  margin-left: 0;}
    .header .lang::before{ display: none;}
    .header .searchBtn{    margin-top: 24px;}


    .header .menu-toggle{ width:60px; height:60px; position:absolute; right:0; top:0; z-index:99999; display:block;}
    .header .menu-toggle span{ width:35px; height:2px; background:#333;display:block; position:relative; opacity:1;transition:all 300ms; margin:30px 0 0 12px;}
    .header .menu-toggle span:before{ content:"";width:35px; height:2px; background:#333;display:block; position:absolute; left:0; top:-10px;transition:all 300ms;}
    .header .menu-toggle span:after{ content:"";width:35px; height:2px; background:#333;display:block;position:absolute; left:0; top:10px;transition:all 300ms;}
    .header .menu-toggle.cur span{background-color:transparent;}
    .header .menu-toggle.cur span:before{transform:rotate(45deg); top:0px;}
    .header .menu-toggle.cur span:after{transform:rotate(-45deg); top:0px;}

    /*首页bannner*/
    .banner { position: relative; width: 100%; margin-top: 0;}
    .banner .swiper-container{ width:100%; overflow:hidden;}
    .banner .swiper-container .swiper-slide img{width:100%;}
    .banner .pagination { width: 100%; height: 20px; text-align: center; background:none; padding:0; border-radius: 30px;  position: absolute;z-index: 20; left: 0%; bottom:10px; transform: translate(0, 0);}
    .banner .swiper-pagination-switch {display: inline-block; width:6px; height: 6px; background:#fff; margin:0 2px; border-radius: 20px;  cursor: pointer; position: relative;}
    .banner .swiper-active-switch { width:6px; height: 6px; background: #0073c2; opacity: 1;}

    .neiBanner{ position: relative; margin-top: 0;}
    .neiBanner img{ width: 100%; }
    .neiBanner .bannerText{ width: 100%; position: absolute; left: 0; top: 50%; transform: translate(0, -50%); text-align: center;}
    .neiBanner .bannerText h3{ font-size: 28px; color: #fff; line-height: 1; opacity: 0.15;}
    .neiBanner .bannerText h2{ font-size: 18px; color: #fff; line-height: 1; padding-bottom: 10px; margin-top: -10px; position: relative;}
    .neiBanner .bannerText h2::before{ content: ""; width: 50px; height: 1px; background: #0073c2; position: absolute; left: 50%; bottom: 3px; margin-left: -25px;}
    .neiBanner .bannerText h2::after{ content: ""; width: 30px; height: 3px; background: #0073c2; position: absolute; left: 50%; bottom: 0; margin-left: -15px;}

    .title{ text-align: center; margin-bottom: 30px;}
    .title h3{ font-size: 30px; font-weight: bold; color: #0073c2; line-height:1; opacity: 0.15;}
    .title h2{ font-size: 20px; font-weight: bold; color: #000; line-height:1; padding-bottom: 15px; margin-top: -10px; margin-bottom:10px; position: relative;}
    .title h2::after{ content: ""; width: 80px; height: 1px; background: #0073c2; position: absolute; left: 50%; bottom: 4px; margin-left: -40px;}
    .title h2::before{ content: ""; width: 30px; height: 4px; background: #0073c2; position: absolute; left: 50%; bottom: 0; margin-left: -15px;}
    .title p{ font-size: 13px; color: #999;}

    .ipro{ padding: 30px 0;}
    .ipro .box{}
    .ipro .box ul{ margin: 0 -5px;}
    .ipro .box ul li{ width: 50%; padding: 0 5px; margin-bottom: 20px; float: left;}
    .ipro .box ul li dl img{ padding: 10px;}
    .ipro .box ul li ol{ margin-top: 10px; position: relative;}
    .ipro .box ul li ol h3{ font-size: 14px; padding-right: 60px;}
    .ipro .box ul li ol span{ font-size: 12px;}

    .iapplication{ padding: 50px 0; background: url(../images/applicationBg.jpg) no-repeat center; background-size: cover;}
    .iapplication .box{ position: relative;}
    .iapplication .box .boxCon{ overflow: hidden;}
    .iapplication .box .boxCon .swiper-container{ margin: 0 -5px;}
    .iapplication .box .boxCon .swiper-slide{ padding: 30px 5px 0; box-sizing: border-box;}
    .iapplication .box .boxCon .swiper-slide a{ background: #fff; border-radius: 10px; padding: 15px; display: block; transition: all .5s;}
    .iapplication .box .boxCon .swiper-slide a dl{ width: 80px; height: 80px; border-radius: 100px; overflow: hidden; margin: -40px auto 15px;}
    .iapplication .box .boxCon .swiper-slide a h3{ font-size: 18px; margin-bottom: 15px;}
    .iapplication .box .boxCon .swiper-slide a ol{ height:60px; line-height: 20px; font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
    .iapplication .box .boxCon .swiper-slide a dd{ width: 100px; height: 32px; line-height: 32px; font-size: 13px; margin: 20px auto 0;}
    .iapplication .box .boxCon .swiper-slide a:hover{ background: #eaf2fd;}
    .iapplication .box .arrow-left,.iapplication .box .arrow-right{ display: none;}

    .youshi{ padding: 40px 0;}
    .youshi .youshiBox{ padding: 0 0 20px; text-align: center;}
    .youshi .youshiBox ul li{ width: 31.5%; text-align: center; float: none; display: inline-block; margin-bottom: 10px;}
    .youshi .youshiBox ul li dl{ width: 80px; height: 80px; line-height:65px; border: #d3dff1 solid 5px;  margin: 0 auto 10px;}
    .youshi .youshiBox ul li dl img{ height: 28px;}
    .youshi .youshiBox ul li h3{ font-size:16px; font-weight: normal; color: #000; line-height: 1; padding-bottom: 7px; margin-bottom: 6px; position: relative;}
    .youshi .youshiBox ul li h3::after{ content: ""; width: 30px; height:2px;   margin-left: -15px;}
    .youshi .youshiBox ul li p{ font-size: 12px; color: #999;}

    .youshiCon{ overflow: hidden;}
    .youshiCon ul{ overflow: hidden; border-top: 1px solid #ccc; padding: 20px 0; margin-top: -1px;}
    .youshiCon ul img{ float: none;}
    .youshiCon ul li{ overflow: hidden; padding-top: 25px; padding-right: 0;}
    .youshiCon ul li dl{ float: left; width: 65px; height: 108px; padding-top: 10px; font-size: 30px;  font-weight: 500; background: url(../images/icon07.png) no-repeat center; margin-right:0;}
    .youshiCon ul li dl span{ border-bottom: #fff solid 1px;}
    .youshiCon ul li ol{ color: #8d8d8d; padding-left: 80px;}
    .youshiCon ul li ol h3{ font-size: 22px; margin-bottom: 20px;}
    .youshiCon ul:nth-child(2) img{ float: none;}
    .youshiCon ul:nth-child(2) li{ text-align: right; padding-right: 0; padding-left: 0;}
    .youshiCon ul:nth-child(2) li dl{ float: right; margin-left: 0; margin-right: 0;}
    .youshiCon ul:nth-child(2) li ol{ padding-left: 0; padding-right: 80px;}

    .iabout{ position: relative; padding: 50px 0 20px;}
    .iabout .wrap{ position: relative; z-index: 111;}
    .iabout::before{ content: ""; width: 130px; height: 30px; background:url(../images/icon08.png) no-repeat center; background-size: auto 100%; position: absolute; left: 50%; top: 0; margin-left: -65px; z-index: 11;}
    .iabout::after{ content: ""; width: 100%; height: 1100px; background:url(../images/aboutBg.jpg) no-repeat center top; background-size: cover; position: absolute; left: 0; top: 0;}
    .iabout .title{ margin-bottom: 20px;}
    .iabout .title h3{color: #fff; opacity: 0.2;}
    .iabout .title h2{ color: #fff;}
    .iabout .title h2::after{ background: #fff; }
    .iabout .title h2::before{ background: #fff; }
    .iabout .iaboutBox{  padding: 25px 15px 45px; border-bottom: #becfea solid 1px; background:rgba(36, 96, 186, 0.47); position: relative; z-index: 11;}
    .iabout .iaboutBox .tit{ font-size: 20px; margin-bottom: 10px;}
    .iabout .iaboutBox .con{font-size: 14px; line-height:1.6;}
    .iabout a.more{ width: 100px; height: 40px; line-height: 40px; color: #2460ba; text-align: center; background: #fff; border-radius: 50px; display: block; margin: -20px auto 0; position: relative; z-index: 11;}
    .iabout .iculture{ padding: 30px 0;}
    .iabout .iculture ul{ overflow: hidden;}
    .iabout .iculture ul li{ width: 100%; padding-left: 0; margin-bottom: 10px; float: none;}
    .iabout .iculture ul li dl{ float: left;}
    .iabout .iculture ul li dl img{ width: 50px;}
    .iabout .iculture ul li ol{ color: #fff; font-size: 13px; padding-left: 60px; padding-right: 0;}
    .iabout .iculture ul li ol h3{font-size: 17px; font-weight: normal; padding-top: 0;}
    .iabout .pic{ background: #fff; padding: 15px; box-shadow: 0 5px 10px rgba(0,0,0,.2);}
    .iabout .pic ul{ overflow: hidden; margin: 0 -5px;}
    .iabout .pic ul li{ width: 50%; padding: 0 5px;margin-bottom: 10px; float: left;}
    .iabout .pic ul li:nth-child(5){display: none;}

    .icertificate{ height:400px; margin: 20px 0; background:url(../images/icertificateBg.png) no-repeat center bottom;}
    .icertificate .box{ padding:20px; }
    .icertificate .box .swiper-slide{ text-align: center; padding: 0 10px; box-sizing: border-box; display: table;}
    .icertificate .box .swiper-slide dl{display: table-cell; vertical-align: bottom;}


    .inews{ background: #f7f7f7; padding: 40px 0 50px;}
    .inews .tabNav{ margin-bottom:10px;}
    .inews .tabNav dl{ font-size: 24px; text-align: center;  float: none; margin-bottom: 20px;}
    .inews .tabNav ul{ float: none; font-size: 15px; line-height: 38px;}
    .inews .tabNav ul li{ float: left; padding: 0 15px; margin-right: 8px; margin-bottom: 5px; cursor: pointer;}
    .inews .tabNav ul dt{ float: left; margin-left: 15px;}
    .inews .tabBox{ height: auto; min-height: 980px; position: relative;}
    .inews .tabBox .item{ width: 100%; background: #f7f7f7; position: absolute; left: 0; top: 0; z-index: 1;}
    .inews .tabBox .item.on{ z-index: 999;}
    .inews .tabBox .pic{ width: 100%; margin-right: 0; float: none;}
    .inews .tabBox .pic .swiper-slide p{ width: 100%; height: 50px; padding: 0 100px 0 20px;  font-size: 16px;line-height: 50px; }
    .inews .tabBox .pic .pagination {position: absolute;z-index: 20;bottom:16px; right: 20px; text-align: center;}
    .inews .tabBox .pic .swiper-pagination-switch {display: inline-block; width:10px; height: 10px; margin: 0 3px; }
    .inews .tabBox .pic .swiper-active-switch { background: #b3292c; opacity: 1;}
    .inews .tabBox .news-m{ width: 100%; float: none;}
    .inews .tabBox .news-m ul{ margin-top: -10px;}
    .inews .tabBox .news-m ul li{ margin-top: 10px;}
    .inews .tabBox .news-m ul li a{ height: auto;padding:20px;}
    .inews .tabBox .news-m ul li h3{ font-size: 16px;  margin-bottom: 10px;}
    .inews .tabBox .news-m ul li dt{ height: 40px; line-height: 20px;}
    .inews .tabBox .news-m ul li ol{ background: url(../images/icon13.png) no-repeat right bottom 8px; background-size: 20px; border-top: 1px solid #eee; margin-top: 15px;}
    .inews .tabBox .news-m ul li ol dd{ float: left; color: #8d8d8d; padding-top: 10px; transition: all .4s;}
    .inews .tabBox .news-m ul li ol dd b{ font-size: 22px; color: #8d8d8d; line-height: 1; font-weight: 900; display: block; transition: all .4s;}
    .inews .tabBox .news-m ul li a:hover ol{background: url(../images/icon13_02.png) no-repeat right bottom 8px; background-size: 20px;}
    .inews .tabBox .news-r{ width: 100%; float: none;}
    .inews .tabBox .news-r ul{ margin-top: 0;}
    .inews .tabBox .news-r ul li{ margin-top: 10px;}
    .inews .tabBox .news-r ul li a{height: auto;  padding: 20px; }
    .inews .tabBox .news-r ul li dl{ float: left; width: 77px; height: 60px; padding-top: 0; }
    .inews .tabBox .news-r ul li dl b{font-size:22px;  padding-bottom: 8px; margin-bottom: 5px;}
    .inews .tabBox .news-r ul li ol{ height:60px; padding-left: 96px; background: url(../images/icon31.png) no-repeat 96px bottom; transition: all .4s;}
    .inews .tabBox .news-r ul li ol h3{ font-size: 16px; line-height: 1.3;}
    .inews .tabBox .news-r ul li a:hover ol{background: url(../images/icon31_02.png) no-repeat 96px bottom; }

    .content{ padding-top: 30px; background: #f2f2f2;}

    .neiNav{ line-height: 44px; text-align: center;}
    .neiNav a{  font-size: 15px; padding: 0 10px; margin: 0 2px; display: inline-block;}

    /* 关于我们 */
    .about{ background: #f2f2f2; padding: 40px 0;}
    .aboutTitle{ text-align: center; margin-bottom: 30px;}
    .aboutTitle h3{ font-size: 30px; font-weight: bold; color: #000; line-height:1; opacity: 0.1;}
    .aboutTitle h2{ font-size: 24px; font-weight: bold; color: #000; line-height:1;  margin-top: -10px;}
    .about .box{ font-size: 15px; line-height: 1.7; margin-bottom: 20px;}
    .about .pic{ background: #fff; padding: 20px 20px 10px; }
    .about .pic ul{ overflow: hidden; margin: 0 -5px;}
    .about .pic ul li{ width: 50%; padding: 0 5px; margin-bottom: 10px; float: left;}
    .about .pic ul li:nth-child(5){ display: none;}

    .culture{ padding: 40px 0 30px; background: url(../images/cultureBg.jpg) no-repeat center; background-size: cover;}
    .culture .box{}
    .culture .box ul{ margin: 0;}
    .culture .box ul li{ width: 100%; padding: 0; margin-bottom: 10px; float: none;}
    .culture .box ul li dl{ height: auto; padding: 20px; background:rgba(255,255,255,0.8); border-radius: 10px;}
    .culture .box ul li dl img{ float: left;}
    .culture .box ul li dl ol{ padding-left: 60px;}
    .culture .box ul li dl ol h3{ color: #000; font-size: 18px; font-weight: 500; line-height: 1; margin-bottom: 12px; padding-bottom: 15px; position: relative;}
    .culture .box ul li dl ol h3::before{ content: ""; width: 24px; height: 4px; background: #0073c2; position: absolute; left: 0; bottom: 0;}
    .culture .box ul li dl ol dt{ font-size: 14px; line-height: 1.5; font-weight: normal;}

    .history{ padding: 40px 0; background: #f7f7f7;}
    .history .wrap{ height: auto; position: relative; padding: 0 15px;}
    .history .arrow-left{ display: none;}
    .history .arrow-right{ display: none;}
    .history .box{ padding-top: 0px; background:none;}
    .history .box .swiper-slide{ width: 100%; padding-bottom: 10px; margin-bottom: 10px; padding-left: 0; border-bottom: #ddd solid 1px; background:none; box-sizing: border-box; position: relative;}
    .history .box .swiper-slide h3{ font-size: 18px; margin-bottom: 10px;}
    .history .box .swiper-slide ul li{ font-size: 15px; color: #999; margin-bottom: 0px; position: relative;}
    .history .box .swiper-slide ul li::before{ content: "·"; color: #0073c2; font-size: 17px;}
    .history .box .swiper-slide.on{ padding-top: 0;  background: none; }

    .honor{ padding: 50px 0 50px; background: url(../images/honorBg.jpg) no-repeat center; background-size: cover;}
    .honor .aboutTitle h3{ color: #fff;}
    .honor .aboutTitle h2{  color: #fff;}
    .honor .box{ padding:15px 30px;}
    .honor .box .swiper-container{ margin: 0 -10px;}
    .honor .box .swiper-slide{ line-height: 266px; box-sizing: border-box; text-align: center; padding: 0 10px;}

    /* 产品 */
    .products{}
    .products .leftNav{ width: 100%; float: none; margin-bottom: 20px;}
    .products .leftNav dl{ font-size: 17px; padding: 15px 16px; border-bottom: #f2f2f2 solid 3px; position: relative;}
    .products .leftNav dl::before{ content: ""; width: 3px; height: 20px; background: #0073c2; position: absolute; left: 0; top: 18px;}
    .products .leftNav ul li{ background: #fff; margin-bottom: 3px;}
    .products .leftNav ul li ol{ font-size: 16px; font-weight: normal; padding: 0 16px; border-bottom: #f2f2f2 solid 1px; position: relative;}
    .products .leftNav ul li ol a{ line-height: 44px;}
    .products .leftNav ul li ol span{ width: 44px; height: 44px; background:url(../images/icon22.png) no-repeat center; position: absolute; right: 0; top: 0; cursor: pointer; }
    .products .leftNav ul li ol.on a{color: #0073c2;}
    .products .leftNav ul li ol.on span{background:url(../images/icon23.png) no-repeat center;}
    .products .leftNav ul li .subnav{ padding: 10px 30px; display: none;}
    .products .leftNav ul li .subnav a{ font-size: 14px; display: block; line-height: 30px; color: #444; position: relative;}
    .products .leftNav ul li .subnav a:hover{color: #0073c2;}
    .products .leftNav ul li .subnav a.on{color: #0073c2;}
    .products .leftNav ul li .subnav a.on::before{ content: ""; width: 6px; height: 11px; background:url(../images/icon24.png) no-repeat center; position: absolute; left: -12px; top: 15px;}

    .rightBox{ padding-left: 0;}

    .products{ padding-bottom: 40px;}
    .prolist ul{ margin: 0 -5px; overflow: hidden;}
    .prolist ul li{ width:50%; padding: 0 5px; margin-bottom: 10px; float: left;}
    .prolist ul li dl{ background: #fff; padding-bottom:100%; position: relative; overflow: hidden;}
    .prolist ul li dl img{ position:absolute;top:0;bottom:0;left:0;right:0; margin:auto; padding: 10px;}
    .prolist ul li h3{ height: 40px; font-size: 14px; text-align: center; font-weight: normal; line-height:20px; margin-top: 5px;}

    .proview{ min-height: auto; background: #fff; padding: 20px;}
    .proview .tit{ font-size: 20px; color: #0073c2; font-weight: 500; margin-bottom: 15px;}

    /* 科研创新 */
    .technologyBox{}
    .technologyBox .tit{ position: relative; margin-bottom: 20px; text-align: center;}
    .technologyBox .tit h3{ font-size: 24px; margin-bottom: 5px;}
    .technologyBox .tit h2{ font-size: 20px;  padding-bottom: 10px; position: relative;}
    .technologyBox .tit h2::after{ content: ""; width: 30px; height: 2px; left: 50%; margin-left: -15px; }
    .technologyBox .technology01{ padding: 30px 0;}
    .technologyBox .technology01 .item{ width: 100%;}
    .technologyBox .technology01 .box{ font-size: 15px; line-height: 1.6; }
    .technologyBox .technology01 .item .icon{ margin: 30px 0;}
    .technologyBox .technology01 .item .icon ul{ overflow: hidden;}
    .technologyBox .technology01 .item .icon ul li{ width: 33.33%; font-size: 17px; float: left;}
    .technologyBox .technology01 .item .icon ul li img{ width: 60px; margin-right: 8px;}
    .technologyBox .technology01 .item.fr{ padding-left: 0;}
    .technologyBox .technology02{ background: #f1faff; padding: 30px 0;}
    .technologyBox .technology02 .box{ margin: 0; overflow: hidden;}
    .technologyBox .technology02 .box dl{display: none;}
    .technologyBox .technology02 .box ol{ padding-left: 0%; text-align: left; transform: translate(0, 0);}
    .technologyBox .technology02 .box ol .tit h2::after{ left: 50%; right: auto; margin-left: -15px;}
    .technologyBox .technology02 .box ol .con{font-size: 15px; line-height: 1.6;}
    .technologyBox .technology02 .picBox{ margin-top: 10px;}
    .technologyBox .technology02 .picBox ul{ margin: 0 -5px; overflow: hidden;}
    .technologyBox .technology02 .picBox ul li{ width: 33.33%; padding: 0 5px; float: left;}
    .technologyBox .technology03{ padding: 30px 0;}
    .technologyBox .technology03 .box .item{ width: 100%; text-align: left;}
    .technologyBox .technology03 .box .tit h2::after{ left: 50%; right: auto;}
    .technologyBox .technology03 .item.fr{ padding-left: 0;}
    .technologyBox .technology03 .item .con{font-size: 15px; line-height: 1.6;}
    .technologyBox .technology03 .item .timg{ margin-top: 25px;}
    .technologyBox .technology03 .picBox{ margin-top: 10px;}
    .technologyBox .technology03 .picBox ul{ margin: 0 -5px; overflow: hidden;}
    .technologyBox .technology03 .picBox ul li{ width: 33.33%; padding: 0 5px; float: left;}

    /* 应用领域 */
    .application{ padding: 0 0 50px;}
    .application ul{ margin: 0 -5px;}
    .application ul li{ width: 50%; padding: 0 5px; margin-bottom: 10px; float: left;}
    .application ul li a{ background: #fff; border-radius: 10px; padding: 15px; display: block; transition: all .5s;}
    .application ul li a dl{ width:80px; height:80px; border-radius: 134px; overflow: hidden; margin: 0px auto 15px;}
    .application ul li a h3{ font-size: 17px; color: #2460ba; text-align: center; line-height: 1; margin-bottom: 15px;}
    .application ul li a ol{ height:60px; color: #666; line-height: 20px; font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
    .application ul li a dd{ width: 100px; height: 32px; line-height: 32px; text-align: center; font-size: 13px; font-weight: normal; background: #2460ba; color: #fff; border-radius: 40px; margin: 20px auto 0;}
    .application ul li a:hover{ background: #eaf2fd;}

    /* 质量方针 */
    .policy{ padding: 0 0 30px;}
    .policy .tit{ text-align: center; margin-bottom: 20px;}
    .policy .tit h2{ color: #0073c2; font-size: 20px; font-weight: normal; margin-bottom: 10px;}
    .policy .tit p{ font-size: 13px;}
    .policy .box ul{ overflow: hidden; margin-bottom: 10px;}
    .policy .box ul dl{ width: 100%; float: none;}
    .policy .box ul ol{ width: 100%; float: none;}
    .policy .box ul ol li{ border-bottom: #ccc solid 1px; padding: 10px 0; overflow: hidden;}
    .policy .box ul ol li b{ font-size: 40px; color: #d2d2d2; line-height: 1; margin-right: 5px; float: left;}
    .policy .box ul ol li dd{  float: left;}
    .policy .box ul ol li dd h3{  color: #0073c2; font-size: 18px; font-weight: 500; line-height: 1; margin-top: 5px;}
    .policy .box ul ol li dd span{ font-size: 12px; text-transform: uppercase; color: #999;}
    .policy .box ul ol dt{ font-size: 15px; color: #888; line-height: 1.6; padding: 10px 10px;}
    .policy .box ul:nth-child(even) dl{ float: none;}
    .policy .box ul:nth-child(even) ol{ text-align: left;}
    .policy .box ul:nth-child(even) ol li b{ float: left;  margin-right: 0;  margin-left: 5px;}
    .policy .box ul:nth-child(even) ol li dd{ float: left;}

    /* 新闻 */
    .news{ padding-bottom: 40px;}
    .news .newsNav{ text-align: center; padding:0; margin-bottom: 15px;}
    .news .newsNav a{ width: 40%; margin: 0 3px; padding: 0 16px; line-height:36px; margin-bottom: 10px; }
    .news .newsTop { overflow: hidden; margin-bottom: 10px;}
    .news .newsTop .pic{ width: 100%; float: none; }
    .news .newsTop .pic .swiper-slide p{ width: 100%; height: 50px; padding: 0 100px 0 20px;font-size: 16px; line-height: 50px;}
    .news .newsTop .pic .pagination {position: absolute;z-index: 20;bottom:16px; right: 20px; text-align: center;}
    .news .newsTop .pic .swiper-pagination-switch {display: inline-block; width:10px; height: 10px; background:#fff; margin: 0 3px; border-radius: 10px; cursor: pointer;}
    .news .newsTop .pic .swiper-active-switch { background: #b3292c; opacity: 1;}
    .news .newsTop .news_r{ padding-left: 0;}
    .news .newsTop .news_r ul{ margin-top: 0;}
    .news .newsTop .news_r ul li{ margin-top: 10px;}
    .news .newsTop .news_r ul li a{ padding: 15px;}
    .news .newsTop .news_r ul li dl{ float: left; width: 70px; height: 70px; background: #f4f4f4; text-align: center; color: #2460ba;}
    .news .newsTop .news_r ul li dl b{ font-size: 28px; margin-top: 10px;}
    .news .newsTop .news_r ul li ol{ padding-left: 80px;}
    .news .newsTop .news_r ul li ol h3{ font-size: 16px;  margin-bottom: 3px; }
    .news .newsTop .news_r ul li ol dt{ font-size: 13px;}
    .news .list{ padding-bottom: 10px;}
    .news .list ul li{ margin-bottom: 10px;}
    .news .list ul li a{ padding: 15px;}
    .news .list ul li dl{ float: left; width: 70px; height: 70px;}
    .news .list ul li dl b{ font-size: 28px; line-height: 1; display: block; margin-top: 10px;}
    .news .list ul li ol{ padding-left: 80px;}
    .news .list ul li ol h3{ font-size: 16px; color: #000; font-weight: normal;  overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-bottom: 10px; transition: all .4s;}
    .news .list ul li ol dt{ font-size: 13px; color: #777; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all .4s;}

    .news2{ padding-bottom: 10px;}
    .news2 ul{ margin: 0 ;}
    .news2 ul li{ width: 100%; padding: 0 ; margin-bottom: 10px; float: none;}
    .news2 ul li a{ padding: 20px; background: #fff; display: block; transition: all .4s;}
    .news2 ul li a dl{ position: relative; padding-bottom: 72.7692%; overflow: hidden; }
    .news2 ul li a dl dd{ width: 68px; height: 68px; background: #f4f4f4; text-align: center; color: #0073c2; font-size: 13px; position: absolute; left: 0; top: 0; z-index: 11;}
    .news2 ul li a dl dd b{ font-size: 36px; line-height: 1; display: block; margin-top: 5px;}
    .news2 ul li a dl img{position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto;}
    .news2 ul li ol{ padding-top: 10px;}
    .news2 ul li ol h3{ font-size: 16px; color: #000; font-weight: normal;  overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-bottom: 10px; transition: all .4s;}
    .news2 ul li ol dt{ font-size: 14px; color: #777; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all .4s;}


    .newsView{  padding: 0 0 40px;}
    .newsView .box{ background: #fff; box-shadow:5px 8px 0 #e4e4e4; margin-bottom: 10px;}
    .newsView .box .newsHead{ padding: 40px 20px 10px;  position: relative;}
    .newsView .box .newsHead::after{ content: ""; width: 40px; height: 3px; background: #0073c2; position: absolute; left:20px; bottom: -2px;}
    .newsView .box .newsHead h1{ font-size: 20px;  margin-bottom: 10px;}
    .newsView .box .newsHead span{ font-size: 13px; margin-right: 10px;}
    .newsView .box .industryHead{ font-size: 35px; font-weight: normal; color: #000;  padding: 50px 70px 30px; border-bottom: #eaeaea solid 2px; position: relative;}
    .newsView .box .industryHead::after{ content: ""; width: 60px; height: 3px; background: #0073c2; position: absolute; left: 70px; bottom: -2px;}
    .newsView .box .viewCon{ padding:30px 20px 50px; line-height:1.8; font-size: 15px;}
    .newsView .box .viewPage{ border-top: #eaeaea solid 2px; padding: 30px 20px; overflow: hidden;}
    .newsView .box .viewPage .boxCon{ float: none; padding-right: 135px;}
    .newsView .box .viewPage .boxCon a{ font-size: 14px; display: block; overflow: hidden;  text-overflow:ellipsis;  white-space: nowrap; margin-bottom: 10px;}
    .newsView .box .viewPage .boxCon b{ color: #0073c2;}
    .newsView .box .viewPage .back{ width: 120px; height: 36px; line-height: 36px;  text-align: center; border-radius: 40px; background: #0073c2; float: none; margin: 0 auto; right: 20px;}
    .newsView .box .viewPage .back a{color: #fff; display: block;}


    /* 工作岗位 */
    .job{ background: #f2f2f2; padding:20px 0;}
    .job .tit h2{ text-align: center; margin-bottom: 20px; font-size: 24px; color: #000; }
    .job .biaoti{ font-size: 12px; line-height: 30px; margin-bottom: 5px; padding: 10px;}
    .job .biaoti dd{ width: 50%; padding:0 5px; float: left;}
    .job .biaoti dd:nth-child(1){ width: 50%;}
    .job .biaoti dd:nth-child(3){ width: 50%;}
    .job .biaoti dd:nth-child(4){ width: 50%;}
    .job .biaoti dd:nth-child(5){ width: 50%; text-align: left;}
    .job ul { margin-bottom: 10px;background: #fff;}
    .job ul.focus dl{display: block;}
    .job ul li{line-height:22px; font-size: 14px; padding: 10px;}
    .job ul li ol{ width:50%; padding:0 5px; float: left; line-height:22px; font-weight: normal;}
    .job ul li ol:nth-child(1){ width:50%;}
    .job ul li ol:nth-child(3){ width:50%;}
    .job ul li ol:nth-child(4){ width:50%;}
    .job ul li ol:nth-child(5){ width: 50%;  text-align: left;}
    .job ul li ol.more{ background: url(../images/icon17.png) no-repeat right 75px center; background-size: 8px auto; padding-right: 50px;}
    .job ul dl{ margin-bottom: 10px; padding: 20px; line-height: 1.6; font-size: 15px; }
    .job ul dl dt{ font-size: 15px; color: #333; font-weight:400; margin-bottom:5px;}
    .job ul dl .jobView{ width: 100%; font-size: 14px; color: #999; margin-bottom: 20px;}

    /* 联系我们 */
    .contact{ padding: 25px 0;}
    #map{ height: 250px;}
    .contactBox{ padding-top: 25px;}
    .contactBox ul{ width: 100%; float: none;}
    .contactBox ul dl{ font-size: 18px; color: #0073c2; font-weight: 500; background: #f7f7f7; padding: 10px 10px;}
    .contactBox ul dl span{ font-size: 16px; color: #000; font-weight: normal; margin-left: 10px;}
    .contactBox ul dt{ height: auto !important; padding:10px 10px 20px; line-height: 2;}
 

    .footer{ background:#292a34;}
    .footer .fmain{ padding: 40px 0;}
    .footer .fmain .item{ float: none; }
    .footer .fmain .item dl{ color:#fff; font-weight: bold; font-size: 17px; margin-bottom: 15px;}
    .footer .fmain .fcontact{ display: none;}
    .footer .fmain .fnav{ display: none;}
    .footer .fmain .ewm{ float: none; width: 100%; text-align: center;}
    .footer .fmain .ewm ol{ float: none; margin-right: 0;}
    .footer .fmain .ewm li{ display: none;}
    .footer .copyright{ font-size: 12px; line-height: 50px; }

    /*===/分页=============================*/
    .fenye { text-align: center; font-size: 15px; width: 100%; height: 40px; margin: 10px 0 0px;}
    .fenye .prev, .fenye .next { width: 36px; height: 36px; line-height: 36px; margin-right: 3px; font-size: 17px; }
    .fenye a { width: 36px; height: 36px; line-height: 36px; margin-right: 3px;}
    .fenye a:hover {color: #fff; background: #242a34; border: #242a34 solid 1px;}
    .fenye a.current { color: #fff;  background: #242a34; margin-right: 3px; border: #242a34 solid 1px;}

    .search-dialog{ width: 90%;}
}