@charset "utf-8";
/* CSS Document */
@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',"Microsoft YaHei",'微软雅黑',sans-serif; font-weight: 300;}
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{ outline:none; font-family:'Noto Sans SC',"Microsoft YaHei",'微软雅黑', sans-serif; }
::-webkit-input-placeholder {color: #999;}
::-moz-placeholder {color: #999;}
:-ms-input-placeholder {color: #999;}

a { text-decoration: none; color:#666; transition: color 0.56s ease;}
a:hover{ color: #009ca6;}

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

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

/* 水平镜像翻转 */
.mirrorRotateLevel{transition: all .4s;-webkit-transition: all .4s;}
.mirrorRotateLevel:hover {-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1);/*兼容IE*/ filter:FlipH;}
/*图片放大*/
.imgZoom img{transition: all .4s;-webkit-transition: all .4s;}
.imgZoom:hover img{transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1);}
/*图片旋转*/
.imgRotate img{transition: all 2s ease-out;}
.imgRotate:hover img{-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-o-transform:rotateZ(360deg);-ms-transform:rotateZ(360deg);transform:rotateZ(360deg);}
/*按钮鼠标经过变暗*/
.wlp-button:hover{filter:alpha(opacity=90);background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))!important;background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))!important;}
/*鼠标经过有阴影*/
.wlp-shadow:hover{box-shadow: 0 0 20px rgba(0,0,0,0.3)!important;}
/*鼠标经过上浮并加阴影*/
.wlp-flow-shadow{-webkit-transition:all .5s;transition:all .5s;}
.wlp-flow-shadow:hover{transform:translate3d(0, -8px, 0);-webkit-transform:translate3d(0, -8px, 0);-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 8px 16px;box-shadow:rgba(0, 0, 0, 0.2) 0px 8px 16px;}
/*图片经过遮罩*/
.wlp-filter:hover img{ filter:alpha(opacity=70); -moz-opacity:0.7; -webkit-opacity: 0.7; opacity: 0.7;}

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

.wrap{ width: 1190px; margin: 0 auto;}


/*顶部*/
.header{ width: 100%; height:100px; padding: 0 80px; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,.2);  position:fixed; z-index: 1111;}
.header .logo{ float: left; padding-top: 16px; }
.header .headRight{ float: right;}
.header .nav{ float: left; height: 100px; }
.header .nav ul li{float: left; margin-left:20px; position: relative;}
.header .nav ul li a{ font-size: 18px; color: #000; font-weight: normal; line-height: 100px; padding: 0 20px; display: block; position: relative;}
.header .nav ul li a:hover{ color: #0095cf;}
.header .nav ul li.on a{ color: #0095cf;}
.header .nav ul li .subnav{ width: 100%; background: #fff; text-align: center; position: absolute; left: 0; top: 100px; display: none;}
.header .nav ul li .subnav a{ line-height: 46px; font-size: 16px; color: #000 !important;}
.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; border-left: 1px solid #e7e7e7; padding-left: 18px; margin-top: 40px; margin-left: 20px;}
.header .lang a{ line-height: 24px;  background:url(../images/icon01.png) no-repeat left center; padding-left: 30px;}
.header .menu-toggle{display: none;}

/*首页bannner*/
.banner { width: 100%; position: relative; padding-top: 100px;}
.banner .swiper-container{ width:100%; overflow:hidden;}
.banner .swiper-container .swiper-slide{width:100%;}
.banner .swiper-container .swiper-slide img{ width: 100%; height: auto;}
.banner .pagination {position: absolute;z-index: 20;bottom:20px;width: 100%;text-align: center;}
.banner .swiper-pagination-switch {display: inline-block; width:12px; height: 12px; background:#fff; margin: 0 4px; border-radius: 10px; cursor: pointer;}
.banner .swiper-active-switch { background: #009ca6; opacity: 1;}

.neibanner{ width: 100%; position: relative;padding-top: 100px;}
.neibanner img{ width: 100%;}
.neibanner .bannerText{ color: #fff; position: absolute; left: 80px; top: 50%; transform: translate(0, -50%);}
.neibanner .bannerText h2{ font-size: 60px; line-height: 1; margin-right: 10px; float: left;}
.neibanner .bannerText p{ font-size: 36px; line-height: 1; padding-top: 20px; float: left;}
.neibanner .bread{ font-size: 16px; color: #fff; position: absolute; left: 80px; bottom: 20px;}
.neibanner .bread a{ color: #fff;}
.neibanner .bread a:hover{ color: #fff; text-decoration: underline;}

.title{ text-align: center; margin-bottom:40px;}
.title h3{ font-size: 47px; font-weight: 900; line-height: 1; opacity: 0.1;}
.title h2{ font-size:36px; color: #000; font-weight: 700; line-height: 1; padding-bottom: 15px; position: relative;}
.title h2::after{ content: ""; width: 50px; height: 4px; background: #000; position: absolute; left: 50%; bottom: 0; margin-left: -25px;}

.iabout{ padding: 40px 0 90px; background: url(../images/iaboutBg.jpg) no-repeat center; background-size: cover;}
.iabout .box{ font-size: 24px; color: #000; text-align: center;}
.iabout .more{ width: 120px; height: 40px; line-height: 38px; text-align: center; color: #404040; font-weight: 400; border: #b5b5b5 solid 1px; border-radius: 5px; display: block; margin: 40px auto; transition: all 0.56s ease;}
.iabout .more:hover{ background: #0095cf; color: #fff;}
.iabout .ipro{ text-align: center;}
.iabout .ipro li{ width: 380px; height: 140px; border-radius: 10px; background:rgba(255,255,255,0.6); box-shadow: 0 0 10px rgba(0,0,0,0.1); display: inline-block; margin: 0 95px;}
.iabout .ipro li a{display: block; padding:35px 30px;}
.iabout .ipro li img{ float: left;}
.iabout .ipro li ol{ text-align: left; padding-left: 100px;}
.iabout .ipro li ol h3{ font-size: 23px; font-weight: normal; color: #333; line-height: 1.2;}
.iabout .ipro li ol p{ font-weight: normal; color: #b5b4b5; line-height: 1.2; position: relative; padding-bottom: 25px;}
.iabout .ipro li ol p::after{ content: ""; /*width: 30px;*/ height: 5px; background: #000; position: absolute; left: 0; bottom: 0;}

.lvcheng{height: 610px; padding: 60px 0 90px; background:url(../images/lvBg.jpg) no-repeat center; background-size: cover;}
.lvcheng .title h3{ color: #fff;}
.lvcheng .title h2{ color: #fff;}
.lvcheng .title h2::after{ background: #fff;}
.lvcheng ol{ width: 750px; margin:-15px auto 80px; color: #fff; text-align: center;}
.lvcheng ul { overflow: hidden; padding-top: 10px;}
.lvcheng ul li{ width: 25%; color: #fff; text-align: center; float: left;}
.lvcheng ul li dl{ width: 110px; height: 110px; line-height: 108px; background:rgba(255,255,255,0.8); border-radius: 60px; margin: 0 auto; position: relative;}
.lvcheng ul li dl::after{ content: ""; width: 110px; height: 110px; border:10px solid rgba(255,255,255,0.4); border-radius: 100px; position: absolute; left: -10px; top: -10px;}
.lvcheng ul li h3{ font-size: 20px; font-weight: 500; line-height: 1; margin-top: 20px;}
.lvcheng ul li p{ font-size: 14px; margin-top: 5px; opacity: 0.6;}

.fzlc{ width: 100%; height: 358px; background:url(../images/fzlcBg.jpg) no-repeat center; background-size: cover; padding: 0 80px; box-shadow: 0 10px 20px rgba(0,0,0,0.2); position: relative; z-index: 11;}
.fzlc .box{ height: 215px; margin-bottom: 20px; padding-left: 250px; position: relative;}
.fzlc .box .tit{ width: 200px; height: 157px; background:url(../images/icon09.png) no-repeat center; text-align: center; color: #fff; padding-top: 15px; position: absolute; top: 0; left: 0;}
.fzlc .box .tit h3{ font-size: 30px;}
.fzlc .box .tit h2{ font-size: 30px; font-weight: 500;}
.fzlc .box .boxCon{ position: relative;padding: 0 50px;}
.fzlc .box .arrow-left,.fzlc .box .arrow-right{ width: 25px; height: 42px; position:absolute; top: 50%; margin-top: -21px; z-index: 11;}
.fzlc .box .arrow-left{ background: url(../images/arrow-left.png) no-repeat center; left: 0;}
.fzlc .box .arrow-right{background: url(../images/arrow-right.png) no-repeat center; right: 0;}
.fzlc .box .swiper-slide{ height: 220px;}
.fzlc .box .swiper-slide dl { width: 350px; font-size: 24px; color: #666; font-weight: 500;  text-align: center; padding-top: 60px; float: left;}
.fzlc .box .swiper-slide dl h3{ font-size: 48px; color: #666;}
.fzlc .box .swiper-slide ol{ height: 220px; font-size: 24px; font-weight:normal; display: table;}
.fzlc .box .swiper-slide ol .con{display: table-cell; vertical-align: middle;}
.fzlc .year{ border-top: 1px solid #ccc;display: flex;justify-content: space-around;}
.fzlc .year li{ float: left; font-size: 24px; color: #000; font-weight: bold; padding: 26px 15px 0; margin-right: 50px; position: relative; cursor: pointer;}
.fzlc .year li::before{ content: ""; width: 10px; height: 10px; background: #8f8f8f; border-radius: 10px; position: absolute; left: 50%; top: -5px; margin-left: -5px;}
.fzlc .year li::after{ content: ""; width: 14px; height: 14px; border: #fff solid 1px; border-radius: 10px; position: absolute; left: 50%; top: -8px; margin-left: -8px;}
.fzlc .year li.on::after{ border: #8f8f8f solid 1px;}

.yewu{ background:url(../images/yewuBg.jpg) no-repeat left top; background-size: cover; padding: 60px 80px 88px;}
.yewu .ititle{ margin-bottom: 80px;}
.yewu .ititle h3{ font-size: 86px; color: #000; font-weight: 900; opacity: 0.1; line-height: 1; /*padding-left: 86px*/; margin-bottom: 20px;}
.yewu .ititle h2{ font-size: 36px; color: #000; line-height: 1; /*padding-left: 40px;*/ padding-bottom: 18px; position: relative;}
.yewu .ititle h2::after{ content: ""; width: 50px; height: 4px; background: #000; position: absolute; left: 0; bottom: 0; }
.yewu dl{ font-size: 16px; font-weight: normal; line-height: 30px; padding-right: 50%; margin-bottom: 50px;}
.yewu ul{ position: relative;}
.yewu ul li{ width: 20%; float: left;}
.yewu ul li img{ width: 100%;}
.yewu ul li:nth-child(1){ position: absolute; left: 60%; top: -230px;}
.yewu ul li:nth-child(7){ margin-left: 40%;}

.ipartner{ background: url(../images/hzhbBg.jpg) no-repeat left bottom; padding: 120px 80px 40px 565px;}
.ipartner .ititle{ margin-bottom: 50px; position: relative;}
.ipartner .ititle h3{ font-size: 60px; color: #000; font-weight: 900; opacity: 0.1; line-height: 1; margin-bottom: 10px;}
.ipartner .ititle h2{ font-size: 36px; color: #000; line-height: 1; padding-bottom: 18px; position: relative;}
.ipartner .ititle h2::after{ content: ""; width: 50px; height: 4px; background: #000; position: absolute; left: 0; bottom: 0; }
.ipartner .ititle a{font-size:18px; font-weight: normal; position: absolute; right: 0; top: 90px;}
.ipartner .box ul{ overflow: hidden;}
.ipartner .box ul li{ width: 25%; float: left;}
.ipartner .box ul li dl{ line-height: 140px; text-align: center;}

.about01{ background: #f1f9ff; display: table;}
.about01 .pic{ width: 100%; position: relative;}
.about01 .pic .tit{ text-align: right; position: absolute; top: 70px; right: 30px;}
.about01 .pic .tit h3{ font-size: 48px; line-height: 1; color: #fff; padding-bottom: 15px; position: relative;}
.about01 .pic .tit h3::after{ content: ""; width: 230px; height: 2px; background: #fff; position:absolute; right: 0; bottom: 0;}
.about01 .pic .tit h2{ font-size: 36px; line-height: 1; color: #fff; padding-top: 25px;}
.about01 .pic img{ width: 100%;}
.about01 .box{ width: 50%; display: table-cell; vertical-align: middle; padding: 0 80px 0 25px; font-size: 18px; line-height: 36px; font-weight: normal; text-align: justify;}

.about02{ background:url(../images/honorBg.png) no-repeat center bottom 48px; padding: 70px 290px 135px;}
.about02 .tit{ text-align: center; margin-bottom: 30px;}
.about02 .tit h3{ font-size: 36px; font-weight: normal; padding-bottom: 5px; margin-bottom: 10px; position: relative;}
.about02 .tit h3::after{ content: ""; width: 380px; height: 2px; background: #666; position:absolute; left:50%; bottom: 0; margin-left: -190px;}
.about02 .tit h2{ font-size: 30px; font-weight: 500;}
.about02 .swiper-slide{ box-sizing: border-box; padding: 0 11px;}
.about02 .swiper-slide dl{ height: 280px; line-height: 276px; text-align: center; /*background: #fff*/;}

.about03{ background: #317bb8;  padding-top: 60px;}
.about03 .tit{ text-align: center; color: #fff; margin-bottom: 30px;}
.about03 .tit h3{ font-size: 48px; font-weight: normal; padding-bottom: 5px; margin-bottom: 5px; position: relative;}
.about03 .tit h3::after{ content: ""; width: 380px; height: 2px; background: #fff; position:absolute; left:50%; bottom: 0; margin-left: -190px;}
.about03 .tit h2{ font-size: 36px; font-weight: 500;}
.about03 .box{ color: #fff; font-weight: normal; text-align: center; line-height: 30px; padding:60px 128px 84px; position: relative;}
.about03 .box::before{ content: ""; width: 28px; height: 21px; background:url(../images/icon18.png) no-repeat center; position: absolute; left: 0; top:30px;}
.about03 .box::after{ content: ""; width: 28px; height: 21px; background:url(../images/icon19.png) no-repeat center; position: absolute; right:0; bottom:60px;}
.about03 .pic{ border-top: 1px solid #fff;}
.about03 .pic ul{ overflow: hidden;}
.about03 .pic ul li{ width: 25%; float: left;}
.about03 .pic ul li img{ width: 100%;}

.about04{ background:url(../images/fzlcBg02.jpg) no-repeat center top; background-size: cover; padding: 70px 80px 190px;}
.about04 .tit{ text-align: center; margin-bottom: 50px;}
.about04 .tit h3{ font-size: 48px; color: #317bb8; font-weight: bold; padding-bottom: 5px; margin-bottom: 5px; position: relative;}
.about04 .tit h3::after{ content: ""; width: 380px; height: 2px; background: #666; position:absolute; left:50%; bottom: 0; margin-left: -190px;}
.about04 .tit h2{ font-size: 36px; font-weight: 500;}
.about04 .box { position: relative;padding: 0 50px;}
.about04 .box .arrow-left,.about04 .box .arrow-right{ width: 25px; height: 42px; position:absolute; top: 50%; margin-top: -21px; z-index: 11;}
.about04 .box .arrow-left{ background: url(../images/arrow-left02.png) no-repeat center; left: 0;}
.about04 .box .arrow-right{background: url(../images/arrow-right02.png) no-repeat center; right: 0;}
.about04 .box .swiper-slide{ height: 220px;}
.about04 .box .swiper-slide dl { width: 500px; font-size: 30px; color: #fff; font-weight: 500;  text-align: center; padding-top: 70px; float: left;}
.about04 .box .swiper-slide dl h3{ font-size: 48px; color: #fff;}
.about04 .box .swiper-slide ol{ height: 220px; font-size: 24px; color: #fff; font-weight:normal; display: table;}
.about04 .box .swiper-slide ol .con{display: table-cell; vertical-align: middle;}
.about04 .year{ border-top: 1px solid #ccc; margin-top: 20px;display: flex;justify-content: space-around;}
.about04 .year li{ float: left; font-size: 24px; color: #fff; font-weight: bold; padding: 26px 20px 0; margin-right: 50px; position: relative; cursor: pointer;}
.about04 .year li::before{ content: ""; width: 10px; height: 10px; background: #fff; border-radius: 10px; position: absolute; left: 50%; top: -5px; margin-left: -5px;}
.about04 .year li::after{ content: ""; width: 14px; height: 14px; border: #fff solid 1px; border-radius: 10px; position: absolute; left: 50%; top: -8px; margin-left: -8px;}
.about04 .year li.on::before{ background: #12b4fa;}
.about04 .year li.on::after{ border: #12b4fa solid 1px;}

.about05{ padding: 60px 80px;}
.about05 .tit{ text-align: center; margin-bottom: 60px;}
.about05 .tit h3{ font-size: 48px; font-weight: normal; position: relative;}
.about05 .tit h3::after{ content: ""; width: 380px; height: 2px; background: #666; position:absolute; left:50%; bottom: 0; margin-left: -190px;}
.about05 .tit h2{ font-size: 36px; font-weight: normal;}
.about05 .box ul{ overflow: hidden;}
.about05 .box ul li{ width:16.6666%; float: left;}
.about05 .box ul li dl{ line-height: 140px; text-align: center;}

.products{ padding: 26px 80px;}
.pronav{ text-align: center; border-bottom: #0095cf solid 5px; margin-bottom: 18px;}
.pronav li{ width: 380px; height: 140px; border-top-left-radius: 10px; border-top-right-radius: 10px; background:#fff; box-shadow: 0 -5px 10px rgba(0,0,0,0.1); display: inline-block; margin: 0 10px; transition: all 0.56s ease;}
.pronav li a{display: block; padding:50px 30px 10px;}
.pronav li img{ float: left;}
.pronav li ol{ text-align: left; padding-left: 100px;}
.pronav li ol h3{ font-size: 23px; font-weight: normal; color: #333; line-height: 1.2; transition: color 0.56s ease;}
.pronav li ol p{ font-weight: normal; color: #b5b4b5; line-height: 1.2; position: relative; padding-bottom: 25px; transition: color 0.56s ease;}
.pronav li:hover{ background: #0095cf;}
.pronav li:hover h3{ color: #ddecf6;}
.pronav li:hover p{ color: #8dc4e3;}
.pronav li.on{ background: #0095cf;}
.pronav li.on h3{ color: #ddecf6;}
.pronav li.on  { color: #8dc4e3;}
.leftNav{ width: 250px; float: left;}
.leftNav ul li{ margin-bottom: 4px;}
.leftNav ul li a{ font-size: 18px; color: #000; font-weight: normal; line-height: 46px; background: #f0f0f0 url(../images/icon16.png) no-repeat 16px center; padding-left: 38px; display: block; transition: all 0.56s ease;}
.leftNav ul li a:hover,.leftNav ul li.on a{ color: #fff; background: #0095cf url(../images/icon17.png) no-repeat 16px center; }
.rightBox{ padding-left: 280px;}
.prolist{ margin-bottom: 30px;}
.prolist ul{ margin: 0 -33px; overflow: hidden;}
.prolist ul li{ width: 25%; padding: 0 33px; margin-bottom: 15px; float: left;}
.prolist ul li a{display: block;}
.prolist ul li dl{ padding-bottom: 100%; position: relative; border: #ccc solid 1px; overflow: hidden; margin-bottom: 10px;}
.prolist ul li dl img{ position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto;}
.prolist ul li h3{ font-size: 18px; font-weight: normal; color: #000; text-align: center;}
.catInt{ padding-top: 20px; margin-bottom: 50px;}
.catInt .tit{ font-size: 24px; font-weight: bold; text-align: center; color: #000; margin-bottom: 20px;}
.catInt .box{ font-size: 18px; font-weight: normal; line-height: 30px;}
.proview h1{ font-size: 24px; color: #000; font-weight: bold; margin-bottom: 15px;}
.proview .protext{ line-height: 32px;}
.proview .picMiaoshu{ overflow: hidden; padding-top: 30px; margin-bottom: 50px;}
.proview .picMiaoshu .proPic{ width: 350px; height: 350px; line-height: 350px; text-align: center; float: left;}
.proview .picMiaoshu .miaoshu{ padding-left: 370px;}

.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: 36px; 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 80px;}
.technologyBox .technology01 .item{ width: 50%;}
.technologyBox .technology01 .box{ font-size: 18px; color: #000; line-height: 42px; font-weight: normal;}
.technologyBox .technology01 .item .icon{ margin-top: 80px;}
.technologyBox .technology01 .item .icon ul li{ width: 33.33%; font-size: 30px; color: #8d8d8d; font-weight: normal; float: left;}
.technologyBox .technology01 .item .icon ul li img{ margin-right: 18px;}
.technologyBox .technology01 .item.fr{ padding-left: 28px;}
.technologyBox .technology02{ background: #f1faff; padding: 60px 80px;}
.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: 18px; color: #000; line-height: 42px; 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 80px;}
.technologyBox .technology03 .box .item{ width: 50%; text-align: left;}
.technologyBox .technology03 .box .tit h2::after{ left: 0; right: auto;}
.technologyBox .technology03 .item.fr{ padding-left: 84px;}
.technologyBox .technology03 .item .con{font-size: 18px; color: #000; line-height: 42px; font-weight: normal;}
.technologyBox .technology03 .item .timg{ margin-top: 140px;}
.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;}

.news{ padding: 30px 80px 70px;}
.news ul{ padding-bottom: 40px;}
.news ul li{ overflow: hidden;}
.news ul li .date{ width: 150px; font-size: 18px; color: #8d8d8d; text-align: center; font-weight: normal; border-top: 1px solid #ccc; padding-top: 20px; float: left; transition: color 0.56s ease;}
.news ul li .date b{ font-size: 48px;}
.news ul li .con{ padding:20px 0 20px 40px; padding-top: 20px; position: relative;overflow: hidden;}
.news ul li .con::before{ content: ""; width: 100%; height: 1px; background: #ccc; position: absolute; left: 40px; top: 0;}
.news ul li .con dl{ width: 360px; height: 180px; position: relative; overflow: hidden; float: left;}
.news ul li .con dl img{ position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto;}
.news ul li .con ol{ /*padding-left: 400px;*/}
.news ul li .con ol h3{ font-size: 24px; font-weight: normal; color: #000; line-height: 1; margin-bottom: 30px; transition: color 0.56s ease;}
.news ul li .con ol dt{ /*height: 56px;*/ line-height: 1.8; display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden; margin-bottom: 46px; transition: color 0.56s ease;}
.news ul li .con ol span{ font-size: 18px; font-weight: normal; color: #317bb8; line-height: 1;}
.news ul li a:hover .date{ color: #317bb8;}
.news ul li a:hover .con h3{ color: #317bb8;}
.news ul li a:hover .con dt{ color: #317bb8;}

.view{ background: #f2f2f2; padding: 50px 0 80px;}
.view .wrap{ overflow: hidden;}
.view .box{ background: #fff; box-shadow:10px 10px 0 #e4e4e4; margin-bottom: 10px;}
.view .box .newsHead{ padding: 50px 70px 30px;  position: relative;}
.view .box .newsHead::after{ content: ""; width: 60px; height: 3px; background: #07427d; position: absolute; left: 70px; bottom: -2px;}
.view .box .newsHead h1{ font-size: 35px; color: #000; font-weight: normal; line-height: 1.2; margin-bottom: 10px;}
.view .box .newsHead span{ color: #999; margin-right: 30px;}
.view .box .industryHead{ font-size: 35px; font-weight: normal; color: #000;  padding: 50px 70px 30px; border-bottom: #eaeaea solid 2px; position: relative;}
.view .box .industryHead::after{ content: ""; width: 60px; height: 3px; background: #07427d; position: absolute; left: 70px; bottom: -2px;}
.view .box .viewCon{ padding:50px 70px 70px; line-height: 2;}
.view .box .viewPage{ border-top: #eaeaea solid 2px; padding: 30px 70px; overflow: hidden;}
.view .box .viewPage .boxCon{ float: left;}
.view .box .viewPage .boxCon a{ display: block;}
.view .box .viewPage .boxCon b{ color: #014099;}
.view .box .viewPage .back{ width: 160px; height: 42px; line-height: 42px;  text-align: center; border-radius: 40px; background: #fa7700; float: right;}
.view .box .viewPage .back a{color: #fff; display: block;}

.job{ background: #f2f2f2; padding:50px 0 80px;}
.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/icon12.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: 40px 0;}
.contact .box{ width: 50%; font-size: 18px; color: #000;  line-height:2;  float: left;}
.contact .box h1{ font-size: 24px; margin: 15px 0;}
#map{ width: 50%; height:340px; float: left;}
#map img{max-height:inherit;max-width:inherit; }

.footer{ background: #3c3c3c; }
.footer .fmain{ padding: 60px 80px 40px; }
.footer .fmain .item{ float: left; }
.footer .fmain .item.fnav{ width: 33%;}
.footer .fmain .item.fnav ul{ overflow: hidden; }
.footer .fmain .item.fnav ul li{ width: 33.33%; margin-bottom: 25px; float: left; }
.footer .fmain .item.fnav ul li a{ color: #bcbcbc; font-size: 18px; }
.footer .fmain .item.fnav ul li a:hover{ color: #009ca6; }
.footer .fmain .item.fcontact{ width: 33%;}
.footer .fmain .item.fcontact .box{ color: #bfbfbf; line-height: 2; }
.footer .fmain .item.ewm{ float: right; }
.footer .fmain .item.ewm ol{ float: left;}
.footer .fmain .item.ewm dl{ float: left; color: #bfbfbf; text-align: center; padding: 40px 50px 0 30px;}
.footer .fmain .item.ewm dl p{ margin-top: 15px;}
.footer .fmain .item h3{ font-size: 24px; font-weight: bold; color: #fff; line-height: 1.2; background:url(../images/icon10.png) no-repeat left center; padding-left: 36px; margin-bottom: 26px; }
.footer .copyright{ background: #525252; color: #bcbcbc; font-size: 16px; line-height: 50px; text-align: center; }
.footer .copyright a{ color: #c6c6c6; }

/*===/分页=============================*/
.fenye { text-align: center; font-size: 15px; width: 100%; height: 40px; margin: 10px 0 0px;}
.fenye .prev, .fenye .next { width: 40px; height: 40px; line-height: 40px; color: #8a8a8a;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: #8a8a8a; 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;}

@media only screen and (min-width: 1680px) and (max-width: 1900px){
.iabout .ipro li{ margin: 0 40px;}
.yewu ul li:nth-child(1){top: -196px;}
}

@media only screen and (min-width: 1440px) and (max-width: 1679px){
.header{ padding: 0 40px;}

.neibanner .bannerText h2{ font-size: 50px;}
.neibanner .bannerText p{ font-size: 26px;}

.iabout .ipro li{ margin: 0 40px;}
.yewu ul li:nth-child(1){top: -165px;}
.fzlc .year li{ margin-right: 20px;}
.about01 .box{ font-size: 16px; line-height: 26px;}
.about02{ padding: 70px 150px 135px;}
.about04{ padding: 40px 80px 190px;}
.about04 .tit h3{ font-size: 40px;}
.about04 .box .swiper-slide dl{ width: 350px;}
.about04 .year li{margin-right: 20px;}

.prolist ul{ margin: 0 -10px;}
.prolist ul li{ padding: 0 10px;}

.technologyBox .tit h3{font-size: 30px;}
.technologyBox .tit h2{ font-size: 26px;}
.technologyBox .tit h2::after{ width: 35px; height: 2px;}
.technologyBox .technology01 .item .icon{ margin-top: 25px;}
.technologyBox .technology01 .item .icon ul li{ height: 80px; font-size: 20px;}
.technologyBox .technology01 .box{font-size: 17px; line-height: 36px;}
.technologyBox .technology02 .box ol{transform: translate(0%, 0%);}
.technologyBox .technology02 .box ol .con{ font-size: 17px; line-height: 36px;}
.technologyBox .technology03 .item .con{ font-size: 17px; line-height: 30px;}
.technologyBox .technology03 .item .timg{ margin-top: 76px;}
.technologyBox .technology03 .item.fr{ padding-left: 30px;}
}

@media only screen and (min-width: 1260px) and (max-width: 1439px){
.header{ padding: 0 20px;}
.header .logo{ width: 216px; padding-top: 28px;}
.header .nav ul li{ margin-left: 10px;}

.neibanner .bannerText h2{ font-size: 50px;}
.neibanner .bannerText p{ font-size: 26px;}

.iabout .ipro li{ width: 350px; margin: 0 20px;}
.fzlc{ padding: 0 50px;}
.fzlc .box .swiper-slide dl{ width: 380px;}
.fzlc .box .swiper-slide dl h3{ font-size: 38px;}
.fzlc .year li{ margin-right: 6px;}
.yewu{ padding: 60px 66px 88px;}
.yewu .ititle h3{ font-size: 60px;}
.yewu .ititle h2{ font-size: 30px;}
.ipartner .ititle h3{ font-size: 48px;}
.ipartner .ititle h2{ font-size: 30px;}

.about01 .pic .tit h3{ font-size: 36px;}
.about01 .pic .tit h2{ font-size: 26px; padding-top: 10px;}
.about01 .box{ font-size: 15px; line-height: 24px;}
.about02{ padding: 70px 50px 135px;}
.about02 .tit h3{font-size: 30px;}
.about02 .tit h2{font-size: 26px;}
.about03 .tit h3{font-size: 30px;}
.about03 .tit h3::after{ width: 250px; margin-left: -125px;}
.about03 .tit h2{font-size: 26px;}
.about04{ padding: 40px 50px 190px;}
.about04 .tit h3{ font-size: 30px;}
.about04 .tit h2{ font-size: 26px;}
.about04 .box .swiper-slide dl{ width: 420px;}
.about04 .box .swiper-slide dl h3{font-size: 38px;}
.about04 .box .swiper-slide ol{ font-size: 18px;}
.about04 .year li{margin-right: 5px;}
.about05{ padding: 60px 50px;}
.about05 .tit h3{ font-size: 30px;}
.about05 .tit h3::after{ width: 260px; margin-left: -130px;}
.about05 .tit h2{ font-size: 26px;}
.about05 .box ul li{ height: auto; margin-bottom: 15px;}
.about05 .box ul li dl{ height: 90px;line-height: 90px;}

.products{ padding: 26px 50px;}
.pronav li{ width: 310px; height: 110px;}
.pronav li a{ padding: 25px 30px 10px;}
.pronav li ol h3{ font-size: 20px; margin-top: 10px;}
.prolist ul{ margin: 0 -10px;}
.prolist ul li{ padding: 0 10px;}

.technologyBox{}
.technologyBox .tit h3{font-size: 30px;}
.technologyBox .tit h2{ font-size: 20px;}
.technologyBox .tit h2::after{ width: 35px; height: 2px;}
.technologyBox .technology01{ padding: 60px 50px;}
.technologyBox .technology01 .item .icon{ margin-top: 25px;}
.technologyBox .technology01 .item .icon ul li{ height: 80px; font-size: 20px;}
.technologyBox .technology01 .box{font-size: 15px; line-height: 36px;}
.technologyBox .technology02{ padding: 60px 50px;}
.technologyBox .technology02 .box ol{transform: translate(0%, 0%);}
.technologyBox .technology02 .box ol .con{ font-size: 15px; line-height: 36px;}
.technologyBox .technology03{ padding: 60px 50px;}
.technologyBox .technology03 .item .con{ font-size: 15px; line-height: 30px;}
.technologyBox .technology03 .item .timg{ margin-top: 26px;}
.technologyBox .technology03 .item.fr{ padding-left: 30px;}

.news{ padding: 30px 50px 70px;}

.footer .fmain{ padding: 60px 50px 40px;}
}

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

.header{ padding: 0 20px;}
.header .logo{ width: 216px; padding-top: 28px;}
.header .nav ul li{ margin-left: 10px;}
.header .nav ul li a{font-size: 16px; padding: 0 9px;}
.header .lang{ margin-left: 15px;}

.neibanner .bannerText{ left: 30px;}
.neibanner .bannerText h2{ font-size: 40px;}
.neibanner .bannerText p{ font-size: 20px;}
.neibanner .bread{ left: 30px;}

.title h3{ font-size: 30px;}
.title h2{ font-size: 26px;}
.iabout .box{ font-size: 20px;}
.iabout .ipro li{ width: 300px; margin: 0 5px;}
.iabout .ipro li ol{ padding-left: 88px;}
.iabout .ipro li ol h3{ font-size: 20px;}

.fzlc{ padding: 0 20px;}
.fzlc .box .tit h3{ font-size: 30px;}
.fzlc .box .tit h2{ font-size: 20px;}
.fzlc .box .swiper-slide dl{ width: 330px; padding-top: 73px;}
.fzlc .box .swiper-slide dl h3{ font-size: 30px;}
.fzlc .box .swiper-slide ol{ font-size: 16px;}
.fzlc .year li{ font-size: 20px; /*padding: 26px 30px 0;*/ margin-right: 6px;}
.yewu{ padding: 60px 60px 88px;}
.yewu .ititle h3{ font-size: 46px;}
.yewu .ititle h2{ font-size: 26px;}
.yewu ul li:nth-child(1){ top: -113px;}
.ipartner{background: url(../images/hzhbBg.jpg) no-repeat left bottom; background-size: 400px auto; padding: 45px 40px 40px 440px;}
.ipartner .ititle h3{ font-size: 38px;}
.ipartner .ititle h2{ font-size:24px;}
.ipartner .ititle a{ top: 60px; font-size: 15px;}
.ipartner .box ul li { margin-bottom: 15px;}
.ipartner .box ul li dl{ height: 80px; line-height: 80px;}

.about01 .pic{ display: none;}
.about01 .box{ width: 100%; font-size: 15px; line-height: 24px; padding:50px 30px;}
.about02{ padding: 70px 30px 135px;}
.about02 .tit h3{font-size: 30px;}
.about02 .tit h2{font-size: 26px;}
.about03 .tit h3{font-size: 30px;}
.about03 .tit h3::after{ width: 250px; margin-left: -125px;}
.about03 .tit h2{font-size: 26px;}
.about03 .box::before{ left: 30px;}
.about03 .box::after{ right: 30px;}
.about04{ padding: 40px 30px 190px;}
.about04 .tit h3{ font-size: 30px;}
.about04 .tit h2{ font-size: 26px;}
.about04 .box .swiper-slide dl{ width: 380px; font-size: 24px;}
.about04 .box .swiper-slide dl h3{font-size: 36px;}
.about04 .box .swiper-slide ol{ font-size: 18px;}
.about04 .year li{margin-right: 5px; /*padding: 26px 30px 0;*/ font-size: 20px;}
.about05{ padding: 60px 30px;}
.about05 .tit h3{ font-size: 30px;}
.about05 .tit h3::after{ width: 260px; margin-left: -130px;}
.about05 .tit h2{ font-size: 26px;}
.about05 .box ul li{ height: auto; margin-bottom: 15px;}
.about05 .box ul li dl{ height: 70px;line-height: 70px;}

.products{ padding: 26px 30px;}
.pronav li{ width: 260px; height: 110px;}
.pronav li a{ padding: 25px 25px 10px;}
.pronav li ol{ padding-left: 80px;}
.pronav li ol h3{ font-size: 18px; margin-top: 10px;}
.pronav li ol p{ font-size: 13px;}
.prolist ul{ margin: 0 -10px;}
.prolist ul li{ width: 33.33%; padding: 0 10px;}

.technologyBox{}
.technologyBox .tit h3{font-size: 30px;}
.technologyBox .tit h2{ font-size: 20px;}
.technologyBox .tit h2::after{ width: 35px; height: 2px;}
.technologyBox .technology01{ padding: 60px 50px;}
.technologyBox .technology01 .item .icon{ margin-top: 25px;}
.technologyBox .technology01 .item .icon ul li{ height: 80px; font-size: 20px;}
.technologyBox .technology01 .box{font-size: 15px; line-height: 36px;}
.technologyBox .technology02{ padding: 60px 50px;}
.technologyBox .technology02 .box ol{transform: translate(0%, 0%);}
.technologyBox .technology02 .box ol .con{ font-size: 15px; line-height: 36px;}
.technologyBox .technology03{ padding: 60px 50px;}
.technologyBox .technology03 .item .con{ font-size: 15px; line-height: 30px;}
.technologyBox .technology03 .item .timg{ margin-top: 26px;}
.technologyBox .technology03 .item.fr{ padding-left: 30px;}

.news{ padding: 30px 30px 70px;}

.footer .fmain{ padding: 60px 30px 40px;}
.footer .fmain .item{ font-size: 15px;}
.footer .fmain .item.fcontact .box{ line-height: 1.8;}
.footer .fmain .item.fnav ul li a{ font-size: 15px;}
}

@media screen and (max-width:999px){
.wrap{ width: 100%; padding: 0 15px;}
body{ padding-top: 60px; }
.header{ width: 100%; height:60px; padding: 0 15px; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,.1);  position: fixed; top: 0; left: 0; z-index: 1111;}
.header .logo{ float: left; width: 130px; padding-top:15px; }

.header .menu-toggle{ width:60px; height:60px; position:absolute; right:0px; top:0;  float:right; 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;}
.header .headRight{display: none; float: none; width: 100%; height: calc(100vh - 60px); background: #fff; border-top: 1px solid #eee; padding-left: 0; position: fixed; left: 0; top: 60px; }
.header .nav{ width: 100%; height: auto; float: none;}
.header .nav ul li{ float: none; border-bottom: #eee solid 1px; margin-left: 0;}
.header .nav ul li a{ line-height: 50px; font-size: 16px; padding: 0 15px; display: block;}
.header .nav ul li .subnav{ width: 100%; background: #f5f5f5; padding: 10px 0; text-align: left; position: relative; left: 0; top: 0; display: none;}
.header .nav ul li .subnav a{ line-height: 36px; font-size: 15px; color: #000 !important;}
.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: none;}

.header .lang{ float: none; border-left:none; padding-left: 20px; margin-left: 0; margin-top: 20px;}

.banner{padding-top: 0;}

.neibanner{ width: 100%; position: relative;padding-top: 0;}
.neibanner img{ width: 100%;}
.neibanner .bannerText{ width: 100%; color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center;}
.neibanner .bannerText h2{ font-size:26px; margin-right: 8px; float: none; display: inline-block;}
.neibanner .bannerText p{ font-size: 20px; padding-top:5px; float: none; display: inline-block;}
.neibanner .bread{ line-height: 40px; font-size: 13px;  left: 20px; bottom: 0px;}

.title{ text-align: center; margin-bottom:25px;}
.title h3{ font-size: 30px;}
.title h2{ font-size:24px; }
.title h2::after{ content: ""; width: 40px; height: 2px; margin-left: -20px;}

.iabout{ padding: 30px 15px; background: url(../images/iaboutBg.jpg) no-repeat center; background-size: cover;}
.iabout .box{ font-size: 16px; padding:0 10px ;}
.iabout .more{ width: 110px; height: 36px; line-height: 34px; margin: 30px auto; font-size: 15px;}
.iabout .ipro{ text-align: center; padding: 0 20px;}
.iabout .ipro li{ width: 100%; height:90px; border-radius: 10px; margin: 0 auto 12px;}
.iabout .ipro li a{display: block; padding:18px 30px;}
.iabout .ipro li img{ height: 60px; float: left;}
.iabout .ipro li ol{  padding-left: 85px;}
.iabout .ipro li ol h3{ font-size: 18px;  line-height: 1.2;}
.iabout .ipro li ol p{  font-size: 14px; line-height: 1.2; position: relative; padding-bottom: 15px;}
.iabout .ipro li ol p::after{ content: ""; width: 30px; height: 2px; background: #000; position: absolute; left: 0; bottom: 0;}

.lvcheng{height: auto; padding: 40px 15px 50px;}
.lvcheng ol{ width: 100%; margin:-5px auto 30px; font-size: 15px; line-height: 1.7;}
.lvcheng ul { overflow: hidden; padding-top: 10px;}
.lvcheng ul li{ width: 50%; margin-bottom: 25px;}
.lvcheng ul li dl{ width: 90px; height: 90px; line-height: 88px;}
.lvcheng ul li dl img{ padding: 25px;}
.lvcheng ul li dl::after{ width: 90px; height: 90px; border:8px solid rgba(255,255,255,0.4); left: -8px; top: -8px;}
.lvcheng ul li h3{ font-size: 15px; margin-top: 15px;}
.lvcheng ul li p{ font-size: 13px; margin-top: 2px; opacity: 0.6;}

.fzlc{display: none;}

.yewu{ background:url(../images/yewuBg.jpg) no-repeat left top; background-size: cover; padding: 40px 15px 40px;}
.yewu .ititle{ margin-bottom:20px; text-align: center;}
.yewu .ititle h3{ font-size: 30px;  opacity: 0.1; padding-left: 0; margin-bottom: 2px;}
.yewu .ititle h2{ font-size: 24px;  padding-left: 0; padding-bottom: 18px; position: relative;}
.yewu .ititle h2::after{ content: ""; width: 30px; height: 2px; left: 50%; margin-left: -15px;}
.yewu dl{ font-size: 15px; line-height: 26px; padding-right: 0; margin-bottom: 30px;}
.yewu ul{ position: relative;}
.yewu ul li{ width: 50%; float: left;}
.yewu ul li img{ width: 100%;}
.yewu ul li:nth-child(1){ position: relative; left: 0; top: 0;}
.yewu ul li:nth-child(7){ margin-left: 0;}

.ipartner{background: none; padding: 45px 15px 40px;}
.ipartner .ititle{ margin-bottom: 30px;}
.ipartner .ititle h3{ font-size: 26px; margin-bottom: 5px;}
.ipartner .ititle h2{ font-size:24px;padding-bottom: 14px;}
.ipartner .ititle h2::after{ width: 30px; height: 2px;}
.ipartner .ititle a{ top: 35px; font-size: 14px;}
.ipartner .box ul li { margin-bottom: 15px;}
.ipartner .box ul li dl{ height: 40px; line-height: 38px;}

.about01{ background: #f1f9ff; display: block; padding:20px 15px;}
.about01 .pic{ width: 100%; position: relative;}
.about01 .pic .tit{display: none; }
.about01 .pic img{ width: 100%;}
.about01 .box{ width: 100%; padding: 0; font-size: 15px; line-height: 1.6; padding: 20px 0 10px; }

.about02{ background:none; padding: 40px 15px 55px;}
.about02 .tit{ text-align: center; margin-bottom: 30px;}
.about02 .tit h3{ font-size: 24px;padding-bottom: 8px; margin-bottom: 8px; position: relative;}
.about02 .tit h3::after{ content: ""; width: 60px; height: 2px; margin-left: -30px;}
.about02 .tit h2{ font-size: 18px;}
.about02 .swiper-slide{ box-sizing: border-box; padding: 0 11px;}
.about02 .swiper-slide dl{ height: 246px; line-height: 242px; text-align: center; background: #0094e9;}

.about03{ background: #317bb8;  padding-top: 40px;}
.about03 .tit{ text-align: center; color: #fff; margin-bottom: 0;}
.about03 .tit h3{ font-size: 24px; padding-bottom: 5px; margin-bottom: 5px; position: relative;}
.about03 .tit h3::after{ width: 60px; height: 2px; margin-left: -30px;}
.about03 .tit h2{ font-size:18px; font-weight: 500;}
.about03 .box{ font-size: 15px; line-height: 1.6; padding:30px 40px 50px; position: relative; text-align: left;}
.about03 .box::before{ content: ""; width: 18px; height: 21px; background-size:contain; position: absolute; left: 10px; top:30px;}
.about03 .box::after{ content: ""; width: 18px; height: 21px; background-size:contain; position: absolute; right:10px; bottom:30px;}
.about03 .pic{ border-top: 1px solid #fff;}
.about03 .pic ul{ overflow: hidden;}
.about03 .pic ul li{ width: 50%; float: left;}
.about03 .pic ul li img{ width: 100%;}

.about04{ background:url(../images/fzlcBg02.jpg) no-repeat center top; background-size: cover; padding: 40px 15px 50px;}
.about04 .tit{ text-align: center; margin-bottom: 50px;}
.about04 .tit h3{ font-size: 24px; padding-bottom: 5px; margin-bottom: 5px; position: relative;}
.about04 .tit h3::after{ content: ""; width:60px; margin-left: -30px;}
.about04 .tit h2{ font-size: 20px; font-weight: 500;}
.about04 .box { height: 300px; position: relative; padding: 0 ; overflow-y: auto; }
.about04 .box .arrow-left,.about04 .box .arrow-right{ display: none;}
.about04 .box .swiper-slide{ height: auto;}
.about04 .box .swiper-slide dl { width: 100%; font-size: 16px; color: #fff; font-weight: 400;  padding-top: 25px; float: none;}
.about04 .box .swiper-slide dl h3{ font-size: 18px; }
.about04 .box .swiper-slide ol{ height: auto; font-size: 15px; display: table;}
.about04 .box .swiper-slide ol .con{display: table-cell; vertical-align: middle;}
.about04 .year{ display: none;}

.about05{ padding: 40px 15px;}
.about05 .tit{ text-align: center; margin-bottom: 30px;}
.about05 .tit h3{ font-size:24px; font-weight: normal; position: relative;}
.about05 .tit h3::after{ content: ""; width: 60px; height: 2px; margin-left: -30px;}
.about05 .tit h2{ font-size:20px; font-weight: normal;}
.about05 .box ul{ overflow: hidden;}
.about05 .box ul li{ width:25%; margin-bottom: 15px; float: left;}
.about05 .box ul li dl{ line-height: 36px; height: 40px; text-align: center;}


.products{ padding: 26px 15px;}
.pronav{ text-align: center; border-bottom: #0095cf solid 3px; margin-bottom: 10px;}
.pronav li{ width: 100%; height: 80px; border-radius: 10px;  box-shadow: 0 -5px 10px rgba(0,0,0,0.1); display: inline-block; margin: 0 0 5px;}
.pronav li a{display: block; padding:18px 30px 10px;}
.pronav li img{height: 50px; float: left;}
.pronav li ol{ text-align: left; padding-left: 80px;}
.pronav li ol h3{ font-size: 18px; line-height: 1.2;}
.pronav li ol p{  font-size: 14px; line-height: 1.2; position: relative; padding-bottom: 25px; transition: color 0.56s ease;}
.pronav li:hover{ background: #0095cf;}
.pronav li:hover h3{ color: #ddecf6;}
.pronav li:hover p{ color: #8dc4e3;}
.pronav li.on{ background: #0095cf;}
.pronav li.on h3{ color: #ddecf6;}
.pronav li.on  { color: #8dc4e3;}
.leftNav{ width: 100%; float: none; margin-bottom: 20px;}
.leftNav ul li{ margin-bottom: 4px;}
.leftNav ul li a{ font-size: 16px; line-height: 44px; }
.rightBox{ padding-left: 0;}
.prolist{ margin-bottom: 30px;}
.prolist ul{ margin: 0 -5px; overflow: hidden;}
.prolist ul li{ width: 50%; padding: 0 5px; margin-bottom: 15px; float: left;}
.prolist ul li a{display: block;}
.prolist ul li dl{ padding-bottom: 100%; position: relative; border: #ccc solid 1px; overflow: hidden; margin-bottom: 10px;}
.prolist ul li dl img{ position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto;}
.prolist ul li h3{ font-size: 15px;}
.catInt{ padding-top: 50px; margin-bottom: 30px;}
.catInt .tit{ font-size: 20px;  margin-bottom: 20px;}
.catInt .box{ font-size: 15px; line-height: 1.6;}
.proview h1{ font-size: 22px;margin-bottom: 15px; text-align: center;}
.proview .protext{ line-height: 1.6; font-size: 15px;}
.proview .picMiaoshu{ overflow: hidden; padding-top: 10px; margin-bottom: 30px;}
.proview .picMiaoshu .proPic{ width: 100%; height: 350px; line-height: 350px; text-align: center; float: none; margin-bottom: 20px;}
.proview .picMiaoshu .miaoshu{ padding-left: 0;}

.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 15px;}
.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 15px;}
.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 15px;}
.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;}


.news{ padding: 30px 15px 50px;}
.news ul{ padding-bottom: 20px;}
.news ul li{ overflow: hidden; position: relative; margin-bottom: 15px;}
.news ul li .date{ width: 70px; height:60px; background:rgba(0,0,0,0.3); font-size: 15px; color: #fff; border-top: none; padding-top: 8px; float: none; position: absolute; left: 0; top: 0; z-index: 11;}
.news ul li .date b{ font-size: 20px; line-height: 1;}
.news ul li .con{ padding:0; position: relative;overflow: hidden;}
.news ul li .con::before{display: none;}
.news ul li .con dl{ width: 100%; height: auto; padding-bottom: 50%; position: relative; overflow: hidden; float: none;}
.news ul li .con ol{ padding-left: 0; padding-top: 15px;}
.news ul li .con ol h3{ font-size: 17px; margin-bottom: 10px; padding-left: 90px;}
.news ul li .con ol dt{ font-size: 14px; height:48px; line-height: 1.6; margin-bottom: 4px; }
.news ul li .con ol span{ font-size: 12px; font-weight: normal; color: #317bb8; line-height: 1;}
.news ul li a:hover .date{ color: #fff;}

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

.job{ background: #f2f2f2; padding:40px 0;}
.job .tit h2{ text-align: center; margin-bottom: 20px; font-size: 24px; color: #000; }
.job .biaoti{ font-size: 15px; line-height: 30px; margin-bottom: 5px; padding: 10px;}
.job .biaoti dd{ width: 33.33%; padding:0 5px; float: left;}
.job .biaoti dd:nth-child(1){ width: 50%;}
.job .biaoti dd:nth-child(3){ width: 15%;}
.job .biaoti dd:nth-child(4){ width: 50%;}
.job .biaoti dd:nth-child(5){ width: 33.33%; 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:33.33%; 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:15%;}
.job ul li ol:nth-child(4){ width:50%;}
.job ul li ol:nth-child(5){ width: 33.33%;  text-align: left;}
.job ul li ol.more{ background: url(../images/icon12.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%; color: #999; margin-bottom: 20px;}

.contact{ padding: 30px 0;}
.contact .box{ width: 100%; font-size: 16px;  line-height:2;  float: none; margin-bottom: 20px;}
.contact .box h1{ font-size: 22px; margin: 15px 0;}
#map{ width: 100%; height:240px; float: none; position: relative; overflow: hidden;}
#map img{max-height:inherit;max-width:inherit; }

.footer .fmain{display: none; }
.footer .copyright{ font-size: 14px;}


/*===/分页=============================*/
.fenye { text-align: center; font-size: 14px; width: 100%; height: 36px; margin:10px 0 0px;}
.fenye .prev, .fenye .next { width: 36px; height: 36px; line-height: 36px; color: #8a8a8a;margin-right: 2px; display: inline-block; font-family: "宋体";font-size: 15px; background: #fff; border: #EBEBEB solid 1px;border-radius: 6px;}
.fenye a { width: 36px; height: 36px; line-height: 36px;  color: #8a8a8a; margin-right: 2px;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: 2px; border: #242a34 solid 1px;}
}