@charset "utf-8";
/* CSS Document */
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 0; margin: 0;}
body{ font-size: 15px; color: #666; overflow-x: hidden; font-family:"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,button{ outline:none; font-family:"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: #0054a3;}

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

/* 水平镜像翻转 */
.mirrorRotateLevel img{transition: all .4s;-webkit-transition: all .4s;}
.mirrorRotateLevel:hover img {-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1);/*兼容IE*/ filter:FlipH;}
/*图片放大*/
.imgZoom img{transition: all .5s;-webkit-transition: all .5s;}
.imgZoom:hover img{transform:scale(1.08, 1.08); -webkit-transform:scale(1.08, 1.08);}
/*图片旋转*/
.imgRotate img{-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;}
.imgRotate img:hover{-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{transition: all .4s;}
.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, -5px, 0);-webkit-transform:translate3d(0, -8px, 0);-webkit-box-shadow:0 0px 10px #e9e9e9;box-shadow:0 0px 10px rgba(0,0,0,.7);}
/*图片经过遮罩*/
.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: 1560px; margin: 0 auto;}
.ovh{overflow: hidden;}


/*顶部*/
.header{ width: 100%; height:100px; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,.1);  position: fixed; z-index: 1111;}
.header .logo{ float: left;  margin-left: 50px;}
.header .logo .logo_pic{ float: left; padding-top: 13px; margin-right: 15px;}
.header .logo .logo_text{ float: left; padding-top: 26px}
.header .headRight{ float: right; }
.header .nav{ float: left; padding-right: 80px;}
.header .nav ul li{ float: left; margin-left: 40px; line-height: 100px; font-weight: 400; position: relative;}
.header .nav ul li.focus a{ color: #0054a3;}
.header .nav ul li.focus:after{ content: ""; width: 100%; height: 3px; background: #0054a3; position:absolute; left: 0; bottom: 0; }
.header .nav ul li a{ color: #000;  font-size: 18px; font-weight: 400; display: block; position: relative;}
.header .nav ul li a:hover{ color: #0054a3;}
.header .lang{ float: left; width: 100px; height: 100px; background: #0054a3; text-align: center;}
.header .lang a{ width: 100%; height: 100px; color: #fff; font-size: 13px; padding-top: 26px; display: block; }

/*首页bannner*/
.banner { position: relative; width: 100%; padding-top: 100px;}
.banner .swiper-container{ width:100%; overflow:hidden;}
.banner .swiper-container .swiper-slide img{width:100%;}
.banner .pagination { width: 1560px; position: absolute;z-index: 20; left: 50%; bottom:138px;transform: translate(-50%,0);}
.banner .swiper-pagination-switch {display: inline-block; width:14px; height: 14px; background:#fff; margin: 3px 4px; border-radius: 20px;  box-sizing: content-box; cursor: pointer;}
.banner .swiper-active-switch { width:10px; height: 10px; background: #fff; border: #ff6000 solid 5px; margin:0 4px;  opacity: 1;}

.neiBanner{padding-top: 100px; position: relative;}
.neiBanner img{ width: 100%; }

/* 大标题 */
.title{ margin-bottom: 30px; overflow: hidden;}
.title h2{color: #000; font-size: 40px; line-height: 1; font-weight: normal; padding-bottom:15px; position: relative; float: left;}
.title h2::after{ content: ""; width: 35px; height: 3px; background: #0054a3; position: absolute; left:0; bottom: 0;}
.title h3{color: #000; font-size: 25px; line-height: 1; font-weight: normal; padding-bottom:15px; position: relative;}
.title h3::after{ content: ""; width: 57px; height: 2px; background: #ef7220; position: absolute; left:0; bottom: 0;}
.title a{ float: right; width: 130px; height: 40px; text-align: center; line-height: 40px; color:#666; font-weight: normal; font-size: 16px; background: #e6e6e6; margin-top: 10px; transition: all 0.56s ease;}
.title a:hover{ background: #0054a3; color: #fff; }

.text{ font-size: 16px; line-height: 25px; }
.text img{ margin:10px 0;}

.iabout{ background: #e6e6e6; }
.iabout .box{  margin-top: -70px; position: relative; z-index: 11; padding: 70px 0 135px;}
.iabout .box:before{ content: ""; width: 3500px; height: 100%; background: -webkit-linear-gradient(left top,#c8e0f5 30%,#ffffff,#ffffff);background: linear-gradient(left top,#c8e0f5 30%,#ffffff,#ffffff); box-shadow: 0 0 10px rgba(0,0,0,0.15); position: absolute; right: 0; top: 0; }
.iabout .box .fl{ width:838px; position: relative; z-index: 11; }
.iabout .box .fl .more{ width: 145px; height: 42px; line-height: 42px; text-align: center; background: #0054a3; color: #fff;  display: block; margin-top: 55px;transition: all 0.56s ease;}
.iabout .box .fl .more:hover{ background: #014789; }
.iabout .box .fr{ position: relative; z-index: 11; padding-right: 70px }

.icase{ background: #e6e6e6; padding: 70px 0 115px;}
.icase .box{ position: relative; }
.icase .box .swiper-container{ margin:0 -15px; }
.icase .box .swiper-container .swiper-slide{ padding: 0 15px; box-sizing: border-box; }
.icase .box .swiper-container .swiper-slide a{ background: #fff; display: block; }
.icase .box dl{ padding-bottom: 72%; position:relative; overflow: hidden; }
.icase .box dl img{position:absolute;top:0; bottom:0;left:0;right:0; width:100%; height: 100%; margin:auto;}
.icase .box h3{ line-height: 60px; text-align: center; font-size: 18px; font-weight: normal;color: #666; transition: all 0.56s ease;}
.icase .box a:hover h3{ background: #014789; color: #fff; }
.icase .box .arrow-left,.icase .box .arrow-right{ width: 50px; height: 50px; position:absolute; top: 50%; margin-top: -25px; }
.icase .box .arrow-left{ background:url(../images/arrow-left.png) no-repeat center; left: -70px}
.icase .box .arrow-right{background:url(../images/arrow-right.png) no-repeat center; right: -70px}

.inews{ background: url(../images/inewsBg.jpg) no-repeat center; background-size: cover; padding: 60px 0 80px; }
.inews .title h2{ color: #fff; }
.inews .title h2::after{ background: #fff; }
.inews .title a{ background: #fff; }
.inews .title a:hover{ background: #0054a3; color: #fff; }
.inews .box{ overflow: hidden; margin-bottom: 90px;}
.inews .box .swiper-container{ margin:0 -21px; }
.inews .box .swiper-container .swiper-slide{box-sizing: border-box; padding: 0 21px;}
.inews .box a{ background: #fff;display: block; border-radius: 0px; overflow: hidden;transition: all 0.56s ease;}
.inews .box dl{ padding-bottom: 55.17%; position: relative; overflow: hidden; }
.inews .box dl img{position:absolute;top:0; bottom:0;left:0;right:0; width:100%; height: 100%; margin:auto;}
.inews .box ol{ padding: 10px 38px; }
.inews .box ol h3{ font-size: 18px; font-weight: 200; color: #000; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-bottom: 8px;transition: all 0.56s ease;}
.inews .box ol dt{ font-size: 15px font-weight: 200; color: #999; line-height: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all 0.56s ease;}
.inews .box .date{ border-top: #dedede solid 1px; line-height: 50px; padding: 0 40px; overflow: hidden; transition: all 0.56s ease;}
.inews .box .date p{ float: left; transition: all 0.56s ease;}
.inews .box .date span{ float: right; background: url(../images/icon02.png) no-repeat right center; padding-right: 30px; transition: all 0.56s ease;}
.inews .box a:hover{ background: #0054a3; }
.inews .box a:hover h3{ color: #fff; }
.inews .box a:hover dt{ color: #fff; }
.inews .box a:hover .date{border-top: #026bce solid 1px;}
.inews .box a:hover .date p{ color: #fff; }
.inews .box a:hover .date span{ color: #fff;  background: url(../images/icon03.png) no-repeat right center;}
.inews .swiper-scrollbar {width: 100%; height:8px; background:url(../images/icon01.png) repeat-x center;}
.inews .swiper-scrollbar-drag { background: #c7000a; height:8px; border-radius: 8px;}
.inews .swiper-scrollbar-cursor-drag {cursor: move;}

.ipartner{ padding: 90px 0 100px; }
.ipartner .box{}
.ipartner .box ul{ margin:0 -14px; }
.ipartner .box ul li{ width: 20%; padding: 0 14px; margin-bottom: 18px; float: left; }
.ipartner .box ul li dl{ height: 90px; line-height: 74px; padding: 5px; background: #fff; border:#e6e6e6 solid 1px; text-align: center; box-shadow: 4px 4px 0 #e6e6e6; cursor: pointer;transition: all 0.56s ease;}
.ipartner .box ul li dl:hover{ border:#ccc solid 1px;  box-shadow: 4px 4px 0 #ccc;}

.neiNav{ height: 76px; background:rgba(0,84,163,0.75); margin-top: -76px; position: relative; z-index: 11; }
.neiNav h2{ font-size: 40px; color: #fff; line-height: 76px; float: left; }
.neiNav ul{ float: right; }
.neiNav ul li{ float: left; margin-left: 9px; width: 118px; height: 40px; margin-top: 18px;}
.neiNav ul li a{ color: #fff; display: block; background: #fff;  color:#000; text-align: center; line-height: 40px; border-radius: 5px;transition: all 0.56s ease;}
.neiNav ul li a:hover,.neiNav ul li.on a{ background: #00c6ff; color: #fff;}

.about{ padding: 80px 0; }
.about .title h2{ font-size: 35px; }
.about .box{ overflow: hidden; font-size: 18px; line-height: 30px; }
.about .box img{ float: right; margin-left: 75px;}

.environment ul{ overflow: hidden; }
.environment ul li{ width: 20%; float: left; position: relative;}
.environment ul li dl{padding-bottom:70.3125%; position: relative; overflow: hidden;}
.environment ul li img{position:absolute;top:0; bottom:0;left:0;right:0; width:100%; height: 100%; margin:auto;}
.environment ul li h3{ font-size: 18px; color: #fff; font-weight: normal; position: absolute; left: 20px; bottom: 20px; z-index: 11; }

.honor{ padding: 60px 0 120px; }
.honor .title h2{ font-size: 35px; }
.honor .title a{ background:none; color: #000; transition: all 0.56s ease;}
.honor .title a:hover{ background:#0054a3; color: #fff; }
.honor .box ul{ margin:0 -13px;}
.honor .box ul li{ width: 16.6666%; padding: 0 13px; float:left; }
.honor .box ul li dl{ height: 296px; border:#e4e4e4 solid 2px; line-height: 276px; padding: 10px; text-align: center; }

.zzgj { padding: 80px 0; }
.zzgj .box{ text-align: center; }

.bghj{ background: #ececec; padding: 60px 0; }
.bghj ul{ margin:0 -26px; }
.bghj ul li{ width: 33.33%; padding: 0 26px; margin-bottom: 20px; float: left; }
.bghj ul li dl{ padding-bottom: 65.02%; position: relative; overflow: hidden; cursor: pointer; }
.bghj ul li dl img{position:absolute;top:0; bottom:0;left:0;right:0; width:100%; height: 100%; margin:auto;}
.bghj ul li dl h3{ width: 100%; background:rgba(0,0,0,0.7);color: #fff; font-size: 18px; font-weight: normal; line-height: 54px; padding-left: 20px; position: absolute; left: 0; bottom: 0; z-index: 11; }

.honorBox{ background: #ececec; padding:60px 0; }
.honorBox ul{ margin:0 -18px; }
.honorBox ul li{ width: 33.33%; padding: 0 18px; margin-bottom: 36px; float: left; }
.honorBox ul li dl{ height:600px; background: #fff; text-align: center; padding: 30px; line-height: 540px;}

.case{ background: #e6e6e6; padding: 40px 0 70px; }
.case .box ul{ margin:0 -18px; }
.case .box ul li{ width: 25%; padding: 0 18px; margin-bottom: 20px; float: left; }
.case .box ul li a{ background: #fff; display: block; }
.case .box dl{ padding-bottom: 72%; position:relative; overflow: hidden; }
.case .box dl img{position:absolute;top:0; bottom:0;left:0;right:0; width:100%; height: 100%; margin:auto;}
.case .box h3{ line-height: 60px; text-align: center; font-size: 16px; font-weight: normal;color: #666; transition: all 0.56s ease;}
.case .box a:hover h3{ background: #014789; color: #fff; }

.partner{ background: #e6e6e6; padding: 60px 0 100px; }
.partner .box ul{ margin:0 -14px; }
.partner .box ul li{ width: 20%; padding: 0 14px; margin-bottom: 18px; float: left; }
.partner .box ul li dl{ height: 110px;  line-height: 95px; padding: 5px; background: #fff; border:#e6e6e6 solid 1px; text-align: center; box-shadow: 4px 4px 0 #d9d9d9; cursor: pointer;transition: all 0.56s ease;}
.partner .box ul li dl:hover{ border:#aaa solid 1px;  box-shadow: 4px 4px 0 #aaa;}
.partner .box ul li h3{ font-size: 18px; font-weight: normal; text-align: center; color:#000; line-height: 1; margin-top: 10px; }

.gcry{ background: #e6e6e6; padding: 60px 0 80px; }
.gcry .box ul{ margin:0 -13px;}
.gcry .box ul li{ width: 25%; padding: 0 13px; margin-bottom: 30px; float:left; }
.gcry .box ul li dl{ height: 420px; background: #fff; line-height: 380px; padding: 20px; text-align: center; }

.workmanship{ background: #eeeeee; padding: 45px 0;}
.workmanship ul{ margin:0 -23px; }
.workmanship ul li{ width: 25%; padding:0 23px; margin-bottom: 30px; float: left; }
.workmanship ul li dl{ padding-bottom: 117.6966%; position: relative; overflow: hidden; }
.workmanship ul li dl img{position:absolute;top:0; bottom:0;left:0;right:0; width:100%; height: 100%; margin:auto;}
.workmanship ul li h3{ background: #fff; line-height: 60px; font-size: 18px; color:#000; font-weight: normal; text-align: center; margin-top: 2px; }

.news{ padding: 70px 0; }
.news ul{ margin:0 -27px; }
.news ul li{ width: 25%; padding: 0 27px; margin-bottom: 50px; float: left; }
.news ul li dl{ padding-bottom: 55.17%; position: relative; overflow: hidden; }
.news ul li dl img{position:absolute;top:0; bottom:0;left:0;right:0; width:100%; height: 100%; margin:auto;}
.news ul li ol h3{ height: 50px; font-size: 18px; font-weight: normal; line-height: 25px; margin:10px 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden;}
.news ul li ol dt{ height: 60px; font-size: 15px; color: #999; line-height: 20px; margin-bottom: 40px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.news ul li ol dd{ font-size: 16px; color: #999; position: relative; overflow: hidden;}
.news ul li ol dd:after{ content: ""; width: 100%; height: 1px; background: #d9d9d9; position: absolute; left: 100px; top: 50%;}
.news ul li a:hover h3{ color: #0054a3; }
.news ul li a:hover dt{ color: #0054a3; }

.bead{ height: 50px; color: #fff; font-size: 16px; margin-top: -50px; text-align: right; position: relative; z-index: 11; }
.bead a{ color: #fff; margin:0 10px; }

.newsView{ padding: 0 0 60px; }
.newsView .newsHead{ background: #ececec; padding: 30px 0;}
.newsView .newsHead h1{ font-size: 35px; color: #0054a3; font-weight: normal; line-height: 1.2; }
.newsView .newsHead p{ font-size: 16px; font-weight: normal; margin-top: 5px; }
.newsView .view{ width: 1100px; padding-top: 40px; float: left; }
.newsView .view .text{ font-size: 18px; line-height: 28px; color: #333; }
.newsView .pageBox{ margin-top: 55px; border-top: 2px solid #eaeaea; padding-top: 45px;}
.newsView .pageBox .page{ color: #00309b; font-weight: normal; line-height: 2;}
.newsView .pageBox .back{ float: right; width: 160px; height: 44px; line-height: 44px; text-align: center; color: #fff; font-weight: normal; border-radius: 40px; background: #fa7700;}
.newsView .pageBox .back:hover{ background: #d67900;}
.newsView .newsRight{ width: 300px; padding-top: 40px; float: right; }
.newsView .newsRight ul li{ margin-bottom: 30px; }
.newsView .newsRight ul li dl{ padding-bottom: 55.17%; position: relative; overflow: hidden; }
.newsView .newsRight ul li dl img{position:absolute;top:0; bottom:0;left:0;right:0; width:100%; height: 100%; margin:auto;}
.newsView .newsRight ul li dl span{ width: 110px; height: 30px; line-height: 30px; text-align: center; background: #003f96; color: #fff; font-size: 15px; position: absolute; left: 0; top: 0; z-index: 11; }
.newsView .newsRight ul li h3{ height: 25px; font-size: 18px; font-weight: normal; line-height: 25px; margin:5px 0; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.newsView .newsRight ul li dt{ height: 40px; font-size: 15px; color: #999; line-height: 20px; margin-bottom: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.newsView .newsRight ul li a{ border-bottom: #d9d9d9 solid 1px; display: block; }

.logoBox{ background: #0054a3; padding: 60px 0 120px; }
.logoBox .title { margin-bottom: 50px; }
.logoBox .title h2{ font-size: 35px; color: #fff; }
.logoBox .title h2::after{ background: #fff; }
.logoBox .box{ overflow: hidden; color: #fff; font-size: 18px; line-height: 34px; padding-right: 290px;}
.logoBox .box img{ float: left; margin-right: 80px; margin-bottom: 20px; }

.activity{ padding: 56px 0 80px; }
.activity .title h2{ font-size: 35px; }
.activity .title h2::after{ background: #000; }
.activity .title a{ width: auto; background: none; color: #000; }
.activity .title a:hover{ color: #0054a3; }
.activity ul{ margin:0 -20px; }
.activity ul li{ width: 25%; padding:0 20px; margin-bottom: 40px; float: left; }
.activity ul li dl{ padding-bottom: 63.8888%; position: relative; overflow: hidden; }
.activity ul li dl img{position:absolute;top:0; bottom:0;left:0;right:0; width:100%; height: 100%; margin:auto;}

.hr{ background: #e9e9e9; padding: 70px 0 110px; }
.hr .box{ height: 380px; line-height: 380px; background:#fff url(../images/hrBg.jpg) no-repeat right center; background-size: cover; font-size: 28px; font-weight: normal; color: #000; padding: 0 100px; margin-bottom: 36px;}
.hr .list ul{ margin:0 -8px; } 
.hr .list ul li{ width: 20%; padding: 0 8px; float: left; }
.hr .list ul li ol{ height: 196px; background: #fff; text-align: center; padding: 48px 20px; }
.hr .list ul li ol h3{ font-size: 25px; font-weight: normal; color: #000; line-height: 1; margin-bottom: 10px; }
.hr .list ul li ol dt{ font-size: 17px; }

.jobform{ padding: 70px 0 50px; }
.jobform .box{ overflow: hidden; margin-bottom: 50px; }
.jobform .box ul{ margin: 0 -16px; overflow: hidden; }
.jobform .box ul li{ width: 33.33%; padding: 0 16px; margin-bottom: 15px; float: left; }
.jobform .box ul dt{ width:25%; padding: 0 16px; margin-bottom: 15px; float: left; }
.jobform .box ul ol{ width:100%; padding: 0 16px; margin-bottom: 15px;}
.jobform .box ul dl{ font-size: 14px; font-weight: 200; color: #262626; margin-bottom: 10px; }
.jobform .box ul dl span{ color: #ff4d4f; margin-right: 5px; }
.jobform .box ul input{ width: 100%; height: 32px; line-height: 30px; border:#d9d9d9 solid 1px; padding: 0 12px; border-radius: 3px;}
.jobform .box ul select{ width: 100%; height: 32px; line-height: 30px; background: #fff; border:#d9d9d9 solid 1px; padding: 0 10px; color: #bfbfbf;  border-radius: 3px;}
.jobform .box ul textarea{ width: 100%; height: 180px; line-height: 20px; border:#d9d9d9 solid 1px; padding:10px; color: #262626;  border-radius: 3px;}
.jobform .box ul option{ color: #262626; }
.jobform .box button{ width: 330px; height: 45px; line-height: 45px; background: #0054a3; color: #fff; font-size: 20px; text-align: center; border:none; border-radius: 5px; cursor: pointer; transition: all 0.56s ease;}
.jobform .box button:hover{ background: #00417e; }

.contact{ padding: 70px 0; background: #ececec; }
.contact dl{ text-align: center; font-size: 35px; font-weight: 500; line-height: 1; color: #000; margin-bottom: 40px; }
.contact ul{ margin:0 -13px; overflow: hidden;}
.contact ul li{ width: 25%; padding: 0 13px; float: left; }
.contact ul li ol{ height: 200px; background: #fff; text-align: center; padding: 20px 30px 0; }
.contact ul li ol i{ width: 68px; height: 68px; line-height: 68px; display: block; margin:0 auto; }
.contact ul li ol h3{ font-size: 20px; font-weight: 500; color: #000; }
.contact ul li ol dt{ font-size: 18px; line-height: 1.4;}

.mapBox{ background: #0054a3; padding: 70px 0; }
.mapBox #map{ height: 500px; }

.footer{background: #092b7f;}
.footer .fmain{ padding: 70px 0 60px; }
.footer .fnav{ float: left; }
.footer .fnav ul li{ float: left; margin-right: 80px; }
.footer .fnav ul li dl{ color: #fff; margin-bottom: 16px;}
.footer .fnav ul li dl a{ color: #fff; margin-left: 16px; }
.footer .fnav ul li ol dt{ color: #7494e2; line-height: 1.6;}
.footer .fnav ul li ol dt a{ color: #7494e2; margin-left: 16px; }
.footer .fnav ul li ol dt a:hover{ text-decoration: underline; }
.footer .link{ float: right; }
.footer .link dl{ color: #fff;  margin-bottom: 16px;}
.footer .link select{ width: 424px; height: 46px; background: #95c9f9 url(../images/icon08.png) no-repeat right 10px center; border:none;  padding-left: 10px; font-size: 16px; -webkit-appearance:none;-moz-appearance:none;appearance:none;}
.footer .copyright{ background: #95c9f9; color: #092b7f; line-height: 60px; }
.footer .copyright a{color: #092b7f; }

/*===/分页=============================*/
.fenye{ padding: 30px 0 0;font-size:18px; font-weight: normal; text-align: center;}
.fenye span,.fenye a{transition: all 0.56s ease; }
.off{  width: 46px; height: 46px; line-height: 46px; background:#fff; color:#000; text-align: center; display: inline-block; margin-right: 10px; margin-left: 10px;}
a.off:hover{ background:#0080cb; color:#fff; }
.fenye .fenkong{ margin-right: 10px;}
.fenye a{ width: 46px; height: 46px; line-height:46px; color:#000;text-align: center;  margin-right:10px;background:#fff;  display: inline-block;}
.fenye a:hover{color:#fff;background:#0080cb; }
.fenye a.fenyeon{ background:#0080cb; color:#FFF;}

/*弹出框*/
.tccBox{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999999;}
.tccBox .black{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .8);}
.tccBox .box{ max-width: 1000px; max-height: 1000px; min-width:50px; min-height:50px; text-align: center; position: absolute;left:50%;top:50%;box-sizing:border-box; padding:5px; transform: translate(-50%,-50%);background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,.33);}
.tccBox .box .offBtn{ width: 53px; height: 53px; background:url(../images/off.png) no-repeat center; position: absolute; right: 30px; top: 30px; z-index: 11; 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 .logo{ margin-left: 20px; }
	.header .nav{ padding-right: 25px; }
	.header .nav ul li{ margin-left: 35px; }

	.iabout .box{padding: 70px 0 90px;}
	.iabout .box .fl{ width: 755px; }
	.iabout .box .fl .more{ margin-top: 35px; }
	.iabout .box .fr{ padding-right: 20px; }

	.icase .box .arrow-left,.icase .box .arrow-right{ display: none; }

	.newsView .view{ width: 1080px; }

	.footer .link select{ width: 360px; }
}

@media only screen and (min-width: 1280px) and (max-width: 1439px){
	.wrap{ width: 100%; padding: 0 20px; }
	.header .logo{ margin-left: 20px; }
	.header .logo .logo_text{display: none;}
	.header .nav{ padding-right: 25px; }
	.header .nav ul li{ margin-left: 35px; }
 
	.iabout .box{padding: 70px 0 90px;}
	.iabout .box .fl{ width: 600px; }
	.iabout .box .fl .more{ margin-top: 35px; }
	.iabout .box .fr{ padding-right: 20px; }

	.icase .box .arrow-left,.icase .box .arrow-right{ display: none; }

	.about .box img{ margin-left: 30px; }

	.honorBox ul li dl{ height:500px;padding: 20px; line-height: 460px;}

	.news ul { margin:0 -15px; }
	.news ul li{ padding: 0 15px; }

	.newsView .view{ width: 890px; }

	.footer .fnav ul li{ margin-right: 50px; }
	.footer .link select{ width: 360px; }
}

@media only screen and (min-width: 1000px) and (max-width: 1279px){
	.wrap{ width: 100%; padding: 0 20px; }
	.header .logo{ margin-left: 20px; }
	.header .logo .logo_text{display: none;}
	.header .nav{ padding-right: 25px; }
	.header .nav ul li{ margin-left:24px; }

	.title h2{font-size: 30px;}

	.iabout .box{padding: 70px 0 90px;}
	.iabout .box .fl{ width: 530px; }
	.iabout .box .fl .more{ margin-top: 35px; }
	.iabout .box .fr{ width: 390px; padding-right: 20px; }

	.icase{padding: 50px 0 70px;}
	.icase .box .arrow-left,.icase .box .arrow-right{ display: none; }

	.ipartner{padding: 50px 0 40px;}

	.neiNav h2{ font-size: 30px; }

	.about .box img{ margin-left: 30px; }
	.environment ul li{ width: 50%; }

	.honor{ padding: 50px 0 60px; }
	.honor .box ul li{ width: 33.3333%; margin-bottom: 15px; }

	.honorBox ul li dl{ height:400px;padding: 20px; line-height: 360px;}

	.partner{ padding: 50px 0 60px; }
	.partner .box ul{ margin:0 -6px; }
	.partner .box ul li{ padding: 0 6px; }

	.gcry .box ul{ margin:0 -8px; }
	.gcry .box ul li{ padding:0 8px; }
	.gcry .box ul li dl{height: 340px;line-height: 300px; padding: 20px;}

	.news ul { margin:0 -15px; }
	.news ul li{ padding: 0 15px; }

	.newsView .view{ width: 100%; float: none;}
	.newsView .newsHead h1{ font-size: 25px; }
	.newsView .newsRight{ width: 100% ; float: none;}
	.newsView .newsRight ul{ margin:0 -5px; }
	.newsView .newsRight ul li{ width: 25%; padding: 0 5px; float: left; }
	
	.logoBox{padding: 60px 0 70px;}
	.logoBox .box{ padding-right: 0; line-height: 30px; }
	.logoBox .box img{ margin-right: 30px; }
	
	.hr .list ul li ol h3{ font-size: 22px; }
	.hr .list ul li ol dt{ font-size: 15px; }

	.contact ul li ol dt{ font-size: 15px; }

	.footer .link{ width: 100%; float: none; }
	.footer .link select{ width:  100%; }
	.footer .copyright{ font-size: 14px; }
}

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

.header{ width: 100%; height:60px; padding: 0; 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;margin-left: 15px; }
.header .logo a{ overflow: hidden;display: block; }
.header .logo .logo_pic { float: left; width: 46px; padding-top: 7px; margin-right: 5px;}
.header .logo .logo_text{ width: 150px; padding-top: 15px;}

.header .nav{ width: 100%; height:calc(100vh - 60px); background: #fff; border-top: #eee solid 1px; float: none; margin-right: 0; padding-right: 0; position:fixed; top: 60px; left: 0; display: none;}
.header .nav ul li{ float: none; margin-left: 0;line-height:50px; font-weight: 300; position: relative; border-bottom: #eee solid 1px;}
.header .nav ul li a{ padding: 0 15px; font-size: 17px;}
.header .lang{ width: 60px; height: 60px; line-height: 60px; position: fixed; top: 0; right: 60px;  background: #fff; border-left: #eee solid 1px; border-right: #eee solid 1px;}
.header .lang a{height: 60px; font-size: 0; padding-top: 0; }

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


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

.neiBanner{padding-top: 0; position: relative;}
.neiBanner img{ width: 100%; }

/* 大标题 */
.title{ margin-bottom: 20px; overflow: hidden;}
.title h2{font-size: 24px; padding-bottom:12px; position: relative; float: left;}
.title h2::after{ content: ""; width: 30px; height: 2px; background: #0054a3; position: absolute; left:0; bottom: 0;}
.title h3{color: #000; font-size: 20px; padding-bottom:15px; text-align: center; }
.title h3::after{ content: ""; width: 30px; position: absolute; left:50%; margin-left: -15px;}
.title a{  width: 90px; height: 30px; line-height: 30px;  font-size: 14px; margin-top: 3px;}

.text{ font-size: 15px; line-height: 22px; }

.iabout{ background: #fff; }
.iabout .title h2{text-align: center; float: none;}
.iabout .title h2::after{ left:50%; bottom: 0; margin-left: -15px;}
.iabout .box{  margin-top:0px;padding: 36px 0 40px;}
.iabout .box:before{ display: none; }
.iabout .box .fl{ width:100%; position: relative; z-index: 11; }
.iabout .box .fl .more{ width: 110px; height: 32px; line-height: 32px; font-size: 13px; margin:25px auto;}
.iabout .box .fl .more:hover{ background: #014789; }
.iabout .box .fr{ position: relative; z-index: 11; padding-right: 0 }

.icase{ background: #e6e6e6; padding:36px 0 40px;}
.icase .title h2{text-align: center; float: none;}
.icase .title h2::after{ left:50%; bottom: 0; margin-left: -15px;}
.icase .box{ position: relative; }
.icase .box .swiper-container{ margin:0 -5px; }
.icase .box .swiper-container .swiper-slide{ padding: 0 5px; box-sizing: border-box; }
.icase .box h3{ line-height: 40px;font-size: 15px;}
.icase .box .arrow-left,.icase .box .arrow-right{ display: none;}

.inews{ padding:40px 0 40px; }
.inews .title h2{ color: #fff; }
.inews .title h2::after{ background: #fff; }
.inews .title a{ background: #fff; }
.inews .title a:hover{ background: #0054a3; color: #fff; }
.inews .box{ overflow: hidden; margin-bottom: 30px;}
.inews .box .swiper-container{ margin:0 -5px; }
.inews .box .swiper-container .swiper-slide{box-sizing: border-box; padding: 0 5px;}
.inews .box a{ background: #fff;display: block; border-radius: 5px;}
.inews .box ol{ padding: 10px 8px; }
.inews .box ol h3{ font-size: 14px; margin-bottom: 5px;}
.inews .box ol dt{ height: 30px; font-size: 12px; line-height: 15px;}
.inews .box .date{  line-height: 40px; padding: 0 8px; font-size: 12px;}
.inews .box .date p{ float: left;}
.inews .box .date span{  padding-right: 30px; font-size: 0;}

.ipartner{ padding: 40px 0 40px; }
.ipartner .box{}
.ipartner .box ul{ margin:0 -6px; }
.ipartner .box ul li{ width: 50%; padding: 0 6px; margin-bottom: 10px; }
.ipartner .box ul li dl{ height: 80px; line-height: 60px; padding: 8px; }


.neiNav{ height: auto; background:none; margin-top: -40px; position: relative; z-index: 11; }
.neiNav .wrap{ padding: 0;}
.neiNav h2{height: 40px; background:rgba(0,84,163,0.75); font-size: 17px; line-height:40px; float: none; padding-left: 15px;}
.neiNav ul{ width: 100%; float: none; overflow-x: auto; white-space: nowrap; border-bottom: #eee solid 1px;}
.neiNav ul li{ float: none; margin-left: 0; width: auto; height: 40px; margin-top: 0; display: inline-block;}
.neiNav ul li a{ color: #fff; font-size: 15px; background: #fff;  color:#000; text-align: center; line-height: 40px;  padding: 0 12px; display: block;}
.neiNav ul li a:hover,.neiNav ul li.on a{ background: none; color: #0054a3;}

.about{ padding: 40px 0; }
.about .title h2{font-size: 24px; text-align: center; float: none;}
.about .title h2::after{ left:50%; bottom: 0; margin-left: -15px;}
.about .box{ overflow: hidden; font-size: 15px; line-height: 25px; }
.about .box img{ float: none; margin-left: 0; margin-bottom: 15px;}

.environment ul{ overflow: hidden; }
.environment ul li{ width: 50%;}
.environment ul li h3{ font-size: 16px; left: 15px; bottom: 15px; }

.honor{ padding: 40px 0 40px; }
.honor .title h2{ font-size: 24px; }
.honor .title a{ background:none; color: #000; transition: all 0.56s ease;}
.honor .title a:hover{ background:#0054a3; color: #fff; }
.honor .box ul{ margin:0 -5px;}
.honor .box ul li{ width: 50%; padding: 0 5px; margin-bottom: 10px; float:left; }
.honor .box ul li dl{ height: 224px; border:#e4e4e4 solid 2px; line-height: 200px; padding: 10px; text-align: center; }

.zzgj { padding:40px 0; }

.bghj{ background: #ececec; padding: 30px 0; }
.bghj ul{ margin:0 -5px; }
.bghj ul li{ width: 50%; padding: 0 5px; margin-bottom: 15px; float: left; }
.bghj ul li dl h3{ width: 100%; font-size: 14px; line-height: 30px; padding-left: 15px; }

.honorBox{ background: #ececec; padding:30px 0; }
.honorBox ul{ margin:0 -5px; }
.honorBox ul li{ width:50%; padding: 0 5px; margin-bottom: 10px; float: left; }
.honorBox ul li dl{ height:240px;padding: 20px; line-height: 200px;}

.case{ background: #e6e6e6; padding: 30px 0 50px; }
.case .box ul{ margin:0 -5px; }
.case .box ul li{ width: 50%; padding: 0 5px; margin-bottom: 10px; float: left; }
.case .box h3{ line-height:40px;  font-size: 14px;}

.partner{ background: #e6e6e6; padding: 30px 0 40px; }
.partner .box ul{ margin:0 -5px; }
.partner .box ul li{ width: 50%; padding: 0 5px; margin-bottom: 18px; float: left; }
.partner .box ul li dl{ height: 80px;  line-height: 60px; padding: 8px;}
.partner .box ul li h3{ font-size: 15px;margin-top: 8px; }

.gcry{ background: #e6e6e6; padding: 30px 0 40px; }
.gcry .box ul{ margin:0 -5px;}
.gcry .box ul li{ width: 50%; padding: 0 5px; margin-bottom: 10px; float:left; }
.gcry .box ul li dl{ height: 224px; background: #fff; line-height: 200px; padding: 10px; text-align: center; }

.workmanship{ background: #eeeeee; padding: 30px 0;}
.workmanship ul{ margin:0 -5px; }
.workmanship ul li{ width:50%; padding:0 5px; margin-bottom: 10px; float: left; }
.workmanship ul li h3{ line-height: 40px; font-size: 15px; margin-top: 2px; }

.news{ padding: 30px 0; }
.news ul{ margin:0 -5px; }
.news ul li{ width: 50%; padding: 0 5px; margin-bottom: 25px; float: left; }
.news ul li ol h3{ height: 40px; font-size: 15px; line-height: 20px; margin:5px 0;}
.news ul li ol dt{ height: 32px; font-size: 12px; line-height: 16px; margin-bottom: 10px; }
.news ul li ol dd{ font-size: 12px;}
.news ul li ol dd:after{ content: ""; width: 100%; height: 1px; background: #d9d9d9; position: absolute; left: 100px; top: 50%;}

.bead{ height:35px; font-size: 14px; margin-top: -35px; text-align: right; position: relative; z-index: 11; }
.bead a{ color: #fff; margin:0 10px; }

.newsView{ padding: 0 0 30px; }
.newsView .newsHead{ background: #ececec; padding: 20px 0;}
.newsView .newsHead h1{ font-size: 18px;}
.newsView .newsHead p{ font-size: 13px; }
.newsView .view{ width: 100%; padding-top: 20px; float: none; }
.newsView .view .text{ font-size: 15px; line-height: 26px; }
.newsView .pageBox{ margin-top: 55px; padding-top: 30px;}
.newsView .pageBox .page{ color: #00309b; font-weight: normal; line-height: 2; font-size: 15px;}
.newsView .pageBox .page p{overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.newsView .pageBox .back{ float: none; width: 160px; height: 40px; line-height: 40px; display: block; margin:10px auto 20px;}
.newsView .newsRight{ width: 100%; padding-top: 40px; float: none; }
.newsView .newsRight ul{ margin:0 -5px; }
.newsView .newsRight ul li{ width: 50%; padding: 0 5px; margin-bottom: 20px; float: left; }
.newsView .newsRight ul li dl span{ width: 80px; height: 24px; line-height: 24px; font-size: 12px;}
.newsView .newsRight ul li h3{ height: 20px; font-size: 15px;line-height: 20px; margin:5px 0;}
.newsView .newsRight ul li dt{ height: 40px; font-size: 12px; color: #999; line-height: 20px; margin-bottom: 10px;}
.newsView .newsRight ul li a{ border-bottom: #d9d9d9 solid 1px; display: block; }

.logoBox{ background: #0054a3; padding: 40px 0 50px; }
.logoBox .title { margin-bottom: 25px; }
.logoBox .title h2{ font-size: 24px; color: #fff; text-align: center; float: none; }
.logoBox .title h2::after{ left: 50%; margin-left: -15px; }
.logoBox .box{ overflow: hidden; color: #fff; font-size: 15px; line-height: 27px; padding-right: 0;}
.logoBox .box img{ float: left; margin-right: 20px; margin-bottom: 5px; width: 120px; }

.activity{ padding: 30px 0 40px; }
.activity .title h2{ font-size: 24px; }
.activity .title h2::after{ background: #000; }
.activity .title a{ width: auto; background: none; color: #000; }
.activity .title a:hover{ color: #0054a3; }
.activity ul{ margin:0 -5px; }
.activity ul li{ width: 50%; padding:0 5px; margin-bottom: 10px; float: left; }

.hr{ background: #e9e9e9; padding: 30px 0 40px; }
.hr .box{ height: auto; line-height: 1.6; font-size:18px; padding: 50px 20px; margin-bottom: 10px; text-align: center;}
.hr .list ul{ margin:0 -8px; } 
.hr .list ul li{ width: 100%; padding: 0 8px; float: none; margin-bottom: 10px; }
.hr .list ul li ol{ height: auto; background: #fff; text-align: center; padding: 30px 20px; }
.hr .list ul li ol h3{ font-size: 20px; font-weight: normal; color: #000; line-height: 1; margin-bottom: 10px; }
.hr .list ul li ol dt{ font-size: 15px; }

.jobform{ padding: 30px 0 40px; }
.jobform .box{ overflow: hidden; margin-bottom: 25px; }
.jobform .box ul{ margin: 0 ; overflow: hidden; }
.jobform .box ul li{ width: 100%; padding: 0; margin-bottom: 10px; float: left; }
.jobform .box ul dt{ width:50%; padding: 0 5px; margin-bottom: 15px; float: left; }
.jobform .box ul ol{ width:100%; padding: 0 5px; margin-bottom: 15px;}
.jobform .box ul dl{ font-size: 14px; font-weight: 200; color: #262626; margin-bottom: 5px; }
.jobform .box ul dl span{ color: #ff4d4f; margin-right: 5px; }
.jobform .box ul input{ width: 100%; height: 32px; line-height: 30px; border:#d9d9d9 solid 1px; padding: 0 12px; border-radius: 3px;}
.jobform .box ul select{ width: 100%; height: 32px; line-height: 30px; background: #fff; border:#d9d9d9 solid 1px; padding: 0 10px; color: #bfbfbf;  border-radius: 3px;}
.jobform .box ul textarea{ width: 100%; height: 150px; line-height: 20px; border:#d9d9d9 solid 1px; padding:10px; color: #262626;  border-radius: 3px;}
.jobform .box ul option{ color: #262626; }
.jobform .box button{ width: 100%; height: 40px; line-height: 40px; font-size:16px;}

.contact{ padding: 30px 0; background: #ececec; }
.contact dl{font-size:20px; font-weight: 500; margin-bottom: 30px; }
.contact ul{ margin:0 -5px; overflow: hidden;}
.contact ul li{ width: 50%; padding: 0 5px; margin-bottom: 10px; float: left; }
.contact ul li ol{ height: 180px; padding: 20px 15px 0; }
.contact ul li ol i{ width: 35px; height: 60px; line-height: 60px; display: block; margin:0 auto; }
.contact ul li ol h3{ font-size: 17px; font-weight: 500; color: #000; }
.contact ul li ol dt{ font-size: 14px; line-height: 1.4;}

.mapBox{ background: #0054a3; padding: 30px 0; }
.mapBox #map{ height: 300px; }


.footer{background: #092b7f;}
.footer .fmain{ padding: 20px 0 20px; }
.footer .fnav{ display: none;}
.footer .link{ float: none; width: 100%; }
.footer .link dl{ margin-bottom: 10px; font-size: 12px;}
.footer .link select{ width: 100%; height: 36px;  padding-left: 10px; font-size: 13px;}
.footer .copyright{ font-size: 13px;line-height: 60px; }
.footer .copyright .fl{ width: 100%; float: none; text-align: center; }
.footer .copyright .fr{ display: none; }

/*===/分页=============================*/
.fenye{ padding: 20px 0 10px;font-size:15px; font-weight: normal; text-align: center;}
.fenye span,.fenye a{ border-radius: 5px; transition: all 0.56s ease; }
.off{  width: 36px; height: 36px; line-height: 36px; text-align: center; display: inline-block; margin-right: 5px;}
.fenye .fenkong{ margin-right: 5px;}
.fenye a{ width: 36px; height: 36px; line-height:36px; color:#000;text-align: center;  margin-right:5px; display: inline-block;}

/*弹出框*/
.tccBox{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999999;}
.tccBox .black{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .8);}
.tccBox .box{ width: 90%; max-width: inherit; max-height: inherit; min-width:50px; min-height:inherit; text-align: center; position: absolute;left:5%;top:50%;box-sizing:border-box; padding:5px; transform: translate(0,-50%);background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,.33);}
.tccBox .box .offBtn{ width: 24px; height:24px; background-size: cover; position: absolute; right: 15px; top: 15px; z-index: 11; cursor: pointer;}
}