@charset "utf-8";
/* CSS 榧犳爣鏁堟灉 */
@import url('xiaoguo.css');

* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 0; margin: 0;}
body{ font-size: 14px; color: #666; overflow-x: hidden; font-family:"Microsoft YaHei",Arial,sans-serif; padding-top: 136px;}
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",Helvetica,Arial,Verdana,sans-serif; }
::-webkit-input-placeholder {color: #666;}
::-moz-placeholder {color: #666;}
:-ms-input-placeholder {color: #666;}
select::-ms-expand{ display: none; }

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

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

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


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

.wrap{ width: 1200px; margin: 0 auto;}
.ovh{overflow: hidden;}

.pm80{ padding-bottom: 80px;}

::-webkit-scrollbar { width: 8px;padding-right: 8px; background-color: #f2f2f2;  /*鍏朵粬鏍峰紡锛屾瘮濡傚渾瑙掔瓑*/}
/*婊戝潡鏍峰紡*/
::-webkit-scrollbar-thumb {background: rgba(0, 0, 0, .6);}
/*褰撳墠绐楀彛澶卞幓鐒︾偣鏃剁殑婊戝潡鏍峰紡*/
::-webkit-scrollbar-thumb:window-inactive {background: rgba(0, 0, 0, .6);}


/*椤堕儴*/
.header{ width: 100%; background: #fff; box-shadow: 0 0  10px rgba(0,0,0,.1); position: fixed; left: 0; top: 0; z-index: 9999;}
.header .headTop{ height: 36px; line-height: 36px; color: #fff; text-align: right; background: #006cb7;}
.header .headTop a{ color: #fff; margin-left: 20px;}
.header .logo{ height: 100px; padding: 25px 0; float: left;}
.header .nav{ float: right; margin-top: 48px;}
.header .nav ul{ overflow: hidden;}
.header .nav ul li{ line-height: 1; position: relative; margin-left: 60px; float: left;}
.header .nav ul>li>a{ color: #555; font-size: 16px; font-weight: bold;  transition: all .4s;}
.header .nav ul>li.on>a,.header .nav ul>li a:hover{ color: #0b478a; }
.header .nav ul li.on a{ color: #0b478a; font-weight: bold;}
.header .menu-toggle{display: none;}

/*棣栭〉bannner*/
.banner { position: relative;}
.banner .swiper-container{ width:100%; overflow:hidden;}
.banner .swiper-container .swiper-slide{ background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden;}
.banner .swiper-container .swiper-slide a{  display: block; width:100%;}
.banner .swiper-container .swiper-slide img{width:100%;}
.banner .pagination {position: absolute;z-index: 20;bottom:35px;width: 100%;text-align: center;}
.banner .swiper-pagination-switch {display: inline-block; width:20px; height: 10px; background:#cfd0d2; margin: 0 5px; cursor: pointer;}
.banner .swiper-active-switch { background: #cf0505; opacity: 1;}

.neiBanner{height: 390px; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative;}

.ipro{ padding-top: 40px;}
.ipro .tit{ margin-bottom: 20px;}
.ipro .box{ padding-top: 48px; height: 360px; background: url(../images/product_bg.jpg) no-repeat center; background-size: cover;}
.ipro .box ul{ margin: 0 -15px;}
.ipro .box ul li{ width: 25%; padding: 0 15px; float: left;}
.ipro .box ul li a{ display: block;}
.ipro .box ul li dl{ padding-bottom: 91.228%; position: relative; border-radius: 10px; overflow: hidden;}
.ipro .box ul li dl img{position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto;}
.ipro .box ul li h3{ color: #fff; text-align: center; margin-top: 10px;}

.iabout{ padding-top: 40px;}
.iabout .tit{ margin-bottom: 20px;}
.iabout .box .pic{ width: 50%; padding: 20px; background: #EDEDED; float: left;}
.iabout .box .con{ width: 50%; padding-left: 38px; float: right;}
.iabout .box .con  h2{ font-size: 24px; color:#025FAF; line-height: 1; margin-bottom: 20px;}
.iabout .box .con .text{ line-height: 1.7;}
.iabout .box .con .more{ float: right; margin-top: 15px;}

.ihonor{ padding-top: 50px;}
.ihonor ul{ margin: 0 -12px;}
.ihonor ul li{ width: 25%; padding: 0 12px; float: left;}
.ihonor ul li dl{ padding-bottom:71.6666%; position: relative; overflow: hidden; border: #ccc solid 1px;}
.ihonor ul li dl img{position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto;}

.newsAbout{ padding: 75px 0 120px;}
.newsAbout .tit{ margin-bottom: 20px;}
.newsAbout .tit h2{ font-size: 26px; color: #025FAF; line-height: 1;}
.newsAbout .inews{ width: 50%; padding-right: 48px; float: left;}
.newsAbout .inews .box ul li{ border-bottom: #bbb dashed 1px;}
.newsAbout .inews .box ul li a{ color: #666; line-height: 40px; background: url(../images/icon01.png) no-repeat left center; padding-left: 16px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; display: block;}
.newsAbout .inews .box ul li a:hover{ color: #ff0000;}
.newsAbout .aboutPic{ width: 50%; padding-left: 10px; float: right;}
.newsAbout .aboutPic .box{ }
.newsAbout .aboutPic ul{ margin-left: -12px;}
.newsAbout .aboutPic ul li{  float: left; margin-left: 12px; margin-bottom: 12px;}
.newsAbout .aboutPic ul li a{ overflow: hidden; display: block;}
.newsAbout .aboutPic ul li img{ width: 100%;}
.newsAbout .aboutPic ul li:not(:first-child){ width: 272px;}

.neiNav{ margin-top: -56px; position: relative; z-index: 11;}
.neiNav ul{ background: rgba(0, 0, 0, .6);}
.neiNav ul li{ float: left;margin-right: 1px;}
.neiNav ul li a{ color: #fff; line-height: 56px; padding: 0 24px; display: block;  transition: all .4s;}
.neiNav ul li a:hover,.neiNav ul li.on a{ background: #fe9c3e; color: #000;}

.bread{margin-bottom: 50px;}
.bread .box{ line-height: 80px; border-bottom: 1px solid #ddd;}
.bread .box .tit{ font-size: 30px; font-weight: bold; float: left;}
.bread .box .breadCrumbs{  float: right;}

.about{ margin-bottom: 90px;}
.about .text{ width: 59%; float: left;}
.about .text{ width: 59%; line-height: 2; float: left;}
.about .pic{ width: 41%; padding-left: 30px; float: right;}
.about .pic img{ border-radius: 10px;}

.history{ padding:90px 0 180px;}
.history .box{ position: relative;}
.history .box::after{ content: ""; width: 100%; height: 21px; background:url(../images/icon05.png) repeat-x; position: absolute; left: 0; top: 50%; margin-top: -18px;}
.history .box .arrow-left,.history .box .arrow-right{ width:58px; height:58px; display: block; position: absolute; z-index: 2;}
.history .box .arrow-left{ background: url(../images/arrow-left.png) no-repeat center; position: absolute; left: -58px; top: 50%; margin-top: -29px;}
.history .box .arrow-right{ background: url(../images/arrow-right.png) no-repeat center; position: absolute; right: -58px; top: 50%; margin-top: -29px;}
.history .box .swiper-container {width: 100%;height: 530px;}
.history .box .swiper-slide {width:100%; text-align: center; position: relative;}
.history .box .swiper-slide:before{ content: ""; width: 1px; height: 243px; background: #cfcfcf; position: absolute; left: 50%; top: 0; }
.history .box .swiper-slide.cur:before{ bottom: 0; top: auto;}
.history .box .swiper-slide dl{line-height: 46px; background: #006cb8; display: inline-block; padding: 0 30px; font-size:20px; color: #fff; font-weight: bold; border-radius: 30px; margin-top: 243px; position: relative; z-index: 11; transition: all .4s;}
.history .box .swiper-slide ol{ width:100%; height:166px; font-size: 15px; color: #333; background: #eaeaea; position: absolute; top: 0; line-height:1.4; text-align:left; padding:25px; border-radius: 6px;}
.history .box .swiper-slide.cur ol{ bottom: 0; top: auto;}
.history .box .swiper-slide:hover dl{ background: #5b5b5b; color: #fff;}
.history .box .swiper-slide:hover ol{ background: #5b5b5b; color: #fff;}

.honor .box{ padding-bottom: 20px;}
.honor .box ul{ margin: 0 -10px;}
.honor .box ul li{ width: 33.3333%; padding: 0 10px; margin-bottom: 30px; float: left;}
.honor .box ul li a{display: block;}
.honor .box ul li dl{ padding-bottom:71.6666%; border-radius: 10px;  position: relative; overflow: hidden; border: #ccc solid 1px;}
.honor .box ul li dl img{position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto;}
.honor .box ul li h3{ font-size: 14px; font-weight: normal; text-align: center; margin-top: 10px;}

.factoryStyle .box{ padding-bottom: 20px;}
.factoryStyle .box ul{ margin: 0 -18px;}
.factoryStyle .box ul li{ width: 33.3333%; padding: 0 18px; margin-bottom: 30px; float: left;}
.factoryStyle .box ul li a{display: block;}
.factoryStyle .box ul li dl{ padding-bottom:76.923%; position: relative; overflow: hidden;}
.factoryStyle .box ul li dl img{position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto;}
.factoryStyle .box ul li h3{ font-size: 14px; font-weight: normal; text-align: center; margin-top: 10px;}

.organization .organizationTop{ background: #eaeaea; display: flex; margin-bottom: 70px;}
.organization .organizationTop .con{ width: 50%; color: #000; padding:50px 55px; font-size: 16px; line-height: 1.7;}
.organization .organizationTop .con h3{ font-size: 22px; font-weight: normal;}
.organization .organizationTop .pic{ width: 50%;}

.sales .salesTop{ height: 260px; padding: 10px 130px; background: url(../images/sales01.jpg) no-repeat center; background-size: cover; margin-bottom: 70px; display: flex; align-items: center;}
.sales .salesTop ul li{ padding-left: 27px; background: url(../images/icon06.png) no-repeat left 5px; font-size: 18px; color: #000; margin-bottom: 8px;}

.danye .text{ font-size: 16px; line-height: 1.8; overflow: hidden;}

.products .box{ padding-bottom: 35px;}
.products .box ul{ margin: 0 -18px;}
.products .box ul li{ width: 33.3333%; padding: 0 18px; margin-bottom: 35px; float: left;}
.products .box ul li a{ box-shadow: 5px 5px 0 #e6e6e6; border: #d0d0d0 solid 1px; display: block;}
.products .box ul li dl{ padding-bottom: 83.378%; overflow: hidden; position: relative;}
.products .box ul li dl img{position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto;}
.products .box ul li h3{ color: #333; font-size: 16px; font-weight: normal; text-align: center; line-height: 60px; background: #e8e8e8; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; transition: all .4s;}
.products .box ul li a:hover h3{ background: #006cb8; color: #fff;}

.yfzzjgTop{ height: 227px; background: url(../images/zuzhiBg.jpg) no-repeat center; background-size: cover; display: flex; align-items: center; justify-content: flex-end;}
.yfzzjgTop .box{ width: 50%; font-size: 18px; color: #333; line-height: 30px;}
.yfzzjgTop .box li{ position: relative; padding-left: 20px;}
.yfzzjgTop .box li::before{ content: "鈻?; color: #006cb8; position: absolute; left: 0; top: -2px;}

.yanfa .item{ background: #e9e9e9; border: #e9e9e9 solid 3px; margin-bottom: 27px; display: flex; align-items: center;}
.yanfa .item .con{padding: 50px;}
.yanfa .item .con .tit h2{ color: #006cb7; font-size: 22px; line-height: 1;}
.yanfa .item .con li{ font-size: 16px; color: #000; margin-top: 30px; padding-left: 20px; position: relative;}
.yanfa .item .con li::before{ content: "鈻?; color: #006cb8; position: absolute; left: 0; top: -2px;}

.shiyan .zhizaoNav{ display: flex; justify-content: space-between; margin: 0 -5px 50px;}
.shiyan .zhizaoNav li{ background: #e4e4e4; font-size: 16px; color: #000; text-align: center; line-height: 50px; padding: 0 10px; margin: 0 5px; flex: auto; position: relative; cursor: pointer;}
.shiyan .zhizaoNav li.on{ background: #006cb8; color: #fff;}
.shiyan .zhizaoNav li.on::after{ content: ""; width: 25px; height: 11px; background: url(../images/icon08.png) no-repeat center; position: absolute; left: 50%; bottom: -8px; margin-left: -12px;}
.shiyan .show{ display: none;}
.shiyan .show.on{ display: block;}
.shiyan .shiyanText{ margin-bottom: 40px;}
.shiyan .shiyanText li{ font-size: 16px; color: #000; line-height: 30px; padding-left: 20px; margin-bottom: 5px; position: relative;}
.shiyan .shiyanText li::before{ content: "鈻?; font-size: 20px; color: #006cb8; position: absolute; left: 0; top: -2px;}
.shiyan .box ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.shiyan .box ul li { width:49%; margin-bottom: 20px;}
.shiyan .box ul li dl{ padding-bottom:68.985%; position:relative; overflow: hidden;}
.shiyan .box ul li dl img{position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto;}
.shiyan .box ul li h3{ color: #000; font-size: 18px; text-align: center; font-weight: normal; margin-top: 10px;}

.zhibao{ font-size: 16px; color: #000; line-height: 1.8;}
.zhibao .zhibao02{ padding: 30px 0 50px;}
.zhibao .zhibao02 ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.zhibao .zhibao02 ul li dl{ border: #ccc solid 1px;}
.zhibao .zhibao02 ul li h3{ font-size: 16px; font-weight: normal; text-align: center; margin-top: 5px;}
.zhibao .zhibao03{ border: #ccc solid 1px; padding: 50px 55px;}

.gupiao{ padding: 100px 0; background: #e2e2e2; margin-top: -51px;}
.gupiao .box{ background: #fff; padding: 130px 50px; text-align: center; display: flex; justify-content: space-between;}
.gupiao .box dl{ width: 460px; height: 260px; border-right: #ccc solid 2px; display: flex; flex-wrap:wrap; align-content: center;}
.gupiao .box dl h3{ width: 100%; font-size: 43px; color: #06518e;}
.gupiao .box dl p{ width: 100%; font-size: 33px; color: #e50000; font-weight: bold; position: relative;}
.gupiao .box dl p::before{ content: ""; width: 30px; height: 2px; background: #c2c2c2; position: absolute; left: 50%; top: 50%; margin-left: -100px;}
.gupiao .box dl p::after{ content: ""; width: 30px; height: 2px; background: #c2c2c2; position: absolute; right: 50%; top: 50%; margin-right: -100px;}
.gupiao .box ol{ font-size: 20px; display: flex; flex-wrap:wrap; align-content: center;}
.gupiao .box ol i{ width: 100%; height: 70px; background: url(../images/icon07.png) no-repeat center; display: block; margin-bottom: 20px;}
.gupiao .box ol dt{ width: 100%;}
.gupiao .box ol a{ width: 240px; height: 60px; line-height: 60px; background: #e50000; color: #fff; font-size: 23px; font-weight: bold; margin: 20px auto 0;}
.gupiao .box ol a:hover{ background: #b90303;}

.gonggao .box{ padding-bottom: 35px;}
.gonggao .box ul ol{overflow: hidden; margin-bottom: 35px; display: flex;}
.gonggao .box ul ol dt{ font-size: 18px; color: #555; font-weight: bold; }
.gonggao .box ul ol dt:nth-child(1),.gonggao .box ul ol dt:nth-child(2),.gonggao .box ul ol dt:nth-child(4){ flex: 1;}
.gonggao .box ul ol dt:nth-child(3){ flex: 5;}
.gonggao .box ul li{ border-bottom: #dedede solid 1px;}
.gonggao .box ul li a{ display: flex;}
.gonggao .box ul li dd{ font-size: 16px; color: #0864a3; line-height: 40px;}
.gonggao .box ul li dd:nth-child(1),.gonggao .box ul li dd:nth-child(2),.gonggao .box ul li dd:nth-child(4){ flex: 1;}
.gonggao .box ul li dd:nth-child(3){ flex: 5;}
.gonggao .box ul li dd:nth-child(4){ color: #999999; font-size: 14px;}

.hudong {padding: 100px 0; background: #e2e2e2; margin-top: -51px;}
.hudong .box{ background: #fff;}
.hudong .box .con{ width: 537px; height: 540px; background:url(../images/gupiaoBg.jpg) no-repeat center; float: left; position: relative;}
.hudong .box .con .daima{ width:100%; text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.hudong .box .con .daima { color: #fff; font-size: 33px; font-weight: normal; line-height: 1; margin-bottom: 20px;}
.hudong .box .con .daima a{ color: #fff !important; font-size: 25px; font-weight: normal; white-space: nowrap; background: #e00000; display: inline-block; padding: 15px 30px;}
.hudong .box .zishitu{ width: 663px;height: 540px; padding:65px 60px; float: right;}
.hudong .box .zishitu iframe{ width: 100%; height: 100%; border: none;}

.jobContact{ padding: 20px 0;}
.jobContact .tit{ margin-bottom: 16px;}
.jobContact .tit h2{ font-size: 20px; color: #0864a3; line-height: 1;}
.jobContact .text{ font-size: 16px; color: #555; line-height: 1.8; margin-bottom: 40px;}

.joblist{ padding: 70px 0; background: #f0f0f0;}
.joblist .tit{ margin-bottom: 25px;}
.joblist .tit h2{ font-size: 20px; color: #0864a3; line-height: 1;}
.joblist .box{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.joblist .item{ background: #fff; margin:0 0 20px; flex-basis:49%;}
.joblist .item a{ height: 100%; color: #333; display: block;}
.joblist .item:hover{ box-shadow:0 0 15px rgba(0, 0, 0, .2);}
.joblist .item .jobtit{ line-height: 70px; padding: 0 30px; overflow: hidden;}
.joblist .item .jobtit h2{ font-size: 20px; position: relative; margin-right: 20px; float: left;}
.joblist .item .jobtit h2::after{ content: "|"; font-weight: normal; color: #999; font-size: 18px; margin-left:20px;}
.joblist .item .jobtit span{ font-size: 20px; font-weight: bold; float: left;}
.joblist .item .jobtit dd{ height: 35px; line-height: 35px; color: #fff; background: #0864a3; margin-top: 22px; padding: 0 44px 0 14px; position: relative; float: right;}
.joblist .item .jobtit dd::after{ content: ""; width: 35px; height: 35px; background: #ff9c3f url(../images/icon09.png) no-repeat center; position: absolute; right: 0; top: 0;}
.joblist .item .jobdetail{ font-size: 15px; line-height: 28px; padding: 30px; border-top: 1px solid #d3d3d3;}

.jobform{ font-size: 17px;}
.jobform p { margin-bottom: 5px;}
.jobform p span{ font-size: 15px; color: #999;}
.jobform input{ width: 100%; height: 54px; font-size: 16px; padding-left: 15px; border: #d2d2d2 solid 1px;}
.jobform select{ width: 100%; height: 54px;font-size: 16px; padding-left: 15px; border: #d2d2d2 solid 1px; appearance:none; -moz-appearance:none; -webkit-appearance:none; outline: none; background: url(../images/icon10.png) no-repeat right 15px center;}
.jobform textarea{ width: 100%; height: 180px;font-size: 16px; padding:10px 15px; border: #d2d2d2 solid 1px;}
.jobform button{ width: 320px; height: 60px; border: none; font-size: 20px; color: #fff; margin-right: 20px; cursor: pointer;}
.jobform button[type="submit"]{ background: #006cb8;}
.jobform button[type="submit"]:hover{background: #005897;}
.jobform button[type="reset"]{ background: #ff9c3f;}
.jobform button[type="reset"]:hover{ background: #da7a21;}
.jobform ul{ margin: 0 -13px; overflow: hidden;}
.jobform ul li{ width: 50%; padding: 0 13px; margin-bottom: 20px; float: left;}
.jobform ul ol{ width: 100%; padding: 0 13px; margin-bottom: 20px; }

.contact{ padding:20px 0 110px;}
.contact .tit{ margin-bottom: 110px;}
.contact .tit h1{ font-size: 28px; color: #006CB8; line-height: 1; text-align: center;}
.contact .box ul{ margin: 0 -40px;}
.contact .box ul li{ width: 25%; padding: 0 40px; text-align: center; float: left;}
.contact .box ul li i{ width: 100px; height: 100px; line-height: 96px; text-align: center; background: #006CB8; border-radius: 100px; margin: 0 auto; display: block;}
.contact .box ul li h3{ font-size: 22px; margin: 20px 0 15px;}
.contact .box ul li dt{ font-size: 16px; color: #555;}

.map{ padding: 90px 0 140px; background: url(../images/mapBg-.jpg) no-repeat center; background-size: cover;}
.map .wrap{ position: relative;}
.map .zbcontact{ position: absolute; left: 0; top: -80px;}
.map .zbcontact .tit{ font-size: 22px; color: #2a55b6; font-weight: bold; line-height: 1; margin-bottom: 24px;}
.map .zbcontact ul{ overflow: hidden;}
.map .zbcontact ul li{ float: left; font-size: 16px; color: #000; line-height: 1.8; margin-right: 115px;}
.map .zbcontact ul li dl{ font-weight: bold; font-size: 18px;}
.conBox{ width: 550px; background: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, .2); border-radius: 15px; overflow: hidden; position: absolute; top: 50%; transform: translateY(-49%); display: none;}
.conBox .contactTop{ min-height: 78px; font-size: 18px; color: #fff; font-weight: bold; background: #006cb7; padding: 15px 50px; display: flex; justify-content: center; }
.conBox .contactTop dl::after{content: "锛?;}
.conBox .contactTop ol{ flex: 1;}
.conBox .contactCon{ padding: 25px 50px; font-size: 16px;}
.conBox .contactCon b,.conBox .contactCon strong{ color: #000;}
/* 鍗庝笢 */
.conBox.item0{}
/* 涓滃寳 */
.conBox.item1{}
/* 鍗庡寳 */
.conBox.item2{}
/* 鍗庝腑 */
.conBox.item3{}
/* 鍗庡崡 */
.conBox.item4{}
/* 瑗垮崡 */
.conBox.item5{right: 0}
/* 瑗垮寳 */
.conBox.item6{ top: 55%}

.question .box ul li{ padding: 25px 0; font-size: 16px; border-bottom: #dddddd solid 1px; overflow: hidden;}
.question .box ul li ol{ width: 920px; float: left;}
.question .box ul li ol dl{ margin-bottom: 10px; color: #006eb6;}
.question .box ul li ol dt{ color: #999; line-height: 1.6;}
.question .box ul li dd{ width: 170px; font-size: 15px; color: #999; float: right;}
.question .qaForm{ margin-top: 150px;}
.question .qaForm .tit { margin-bottom: 15px;}
.question .qaForm .tit h2{ font-size: 18px; color: #006eb6; font-weight: bold;}
.question .qaForm li{ margin-bottom: 10px;}
.question .qaForm .yzm{border:#d2d2d2 solid 1px; display: inline-block;padding:0 20px 0 0;}
.question .qaForm select{ width: 200px; height: 40px; border:#d2d2d2 solid 1px; font-size: 15px; color: #666; padding-left: 10px;}
.question .qaForm textarea{ width: 100%; height: 180px; padding: 8px 10px; border:#d2d2d2 solid 1px;}
.question .qaForm input{ width: 250px; height: 50px; border:none; font-size: 15px; color: #666; padding-left: 10px;}
.question .qaForm button{ width: 320px; height: 60px; background: #006cb7; border: none; font-size: 20px; color: #fff; cursor: pointer; margin-top: 40px;}
.question .qaForm button:hover{ background: #005694;}

.footer{ color: #fff; background: #006CB8;}
.footer a{ color: #fff;}
.footer a:hover{ color: #ff0000;}
.footer .fmain{ padding: 60px 0;}
.footer .fcontact{ float: left; margin-right: 40px;}
.footer .fcontact .tit{ font-size: 27px; line-height: 1; margin-bottom: 30px;}
.footer .fcontact ul li{ margin-bottom: 12px;}
.footer .fnav{ float: left;}
.footer .fnav ul li{float: left; margin-left: 50px;}
.footer .fnav ul li dl{ font-size: 18px; margin-bottom: 30px;}
.footer .fnav ul li ol{ margin-bottom: 12px;}
.footer .copyright{ color: #fff; line-height: 50px; background: #055994;}

/*===/鍒嗛〉=============================*/
.pagination {text-align:center}
.pagination ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.pagination li {display:inline-block!important;}
.pagination a { font-size: 14px; color:#333;padding:6px 12px;line-height:18px;border:solid 1px #cccccc;display:block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pagination .disabled a:link,.pagination .disabled a:visited,.pagination .disabled a:hover {cursor:not-allowed;pointer-events:none;color:#EBEBEB}
.pagination .active {pointer-events:none}
.pagination .active,.pagination a:hover {transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s}
.blank-large{height:80px;line-height:80px;clear:both;font-size:0}
.pagination li.active a,.pagination li a:hover{background: #004a93; color: #fff; border: 1px solid #004a93;}

/* 寮瑰嚭妗 */
.tcc{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999999; display: none;}
.tcc .boxCon{width: 700px; background: #fff; position: absolute; left:50%; top:50%; box-sizing:border-box; transform: translate(-50%,-50%); z-index: 11;}
.tcc .boxCon dl{ padding: 20px;}
.tcc .boxCon .tit{ color: #006cb8; font-size: 20px; font-weight: bold; text-align: center; padding-bottom: 30px;}
.tcc .boxCon .text{ color: #fff; font-size: 16px; background: #006CB8; padding: 40px 90px;}
.tcc .boxCon .off{ width: 29px; height: 29px; background:url(../images/off.png) no-repeat center; position: absolute; top: -36px; right: -36px; cursor: pointer;}
.tcc .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .8);}


@media only screen and (min-width: 1000px) and (max-width: 1220px){
    body{ font-size: 14px;}
    .wrap{ width: 970px;}
    .header .nav ul li{ margin-left: 30px;}
    .header .nav ul>li>a{ font-size: 15px;}

    .newsAbout { padding: 75px 0 85px;}
    .newsAbout .tit h2{ font-size: 22px;}
    .newsAbout .inews{ width: 45%; padding-right: 25px;}
    .newsAbout .inews .box ul li a{ line-height: 36px;}
    .newsAbout .aboutPic{ width: 55%;}
    .newsAbout .aboutPic ul li{ width: 267px;}
    .newsAbout .aboutPic ul li:not(:first-child){ width: 243px;}

    .proNav.neiNav ul li a{ padding: 0 15px; font-size: 13px; }

    .bread{ margin-bottom: 35px;}
    .bread .box .tit{ font-size: 25px;}

    .history{ padding: 40px 0 120px;}
    .history .box{ margin: 0 50px;}

    .yanfa .item img{ width: 55%;}
    .yanfa .item .con li{ font-size: 15px;}
    .yanfa .item .con .tit h2{ font-size: 18px;}

    .shiyan .box ul li{ width: 49%;}
    .shiyan .box ul li h3{ font-size: 15px;}
    .shiyan .box ul li:nth-last-child(1),.shiyan .box ul li:nth-last-child(2),.shiyan .box ul li:nth-last-child(3){ width: 32%;}
    .shiyan.zhizao .box ul li{ width: 49%;}
    .shiyan .zhizaoNav li{ font-size: 15px;}

    .zhibao .zhibao02 ul li{ width: 32%;}
    .zhibao .zhibao02 ul li h3{ font-size: 15px;}

    .gupiao .box dl h3{font-size: 32px;}
    .gupiao .box dl p{ font-size: 28px;}
    .gupiao .box ol{ font-size: 19px;}
    .gupiao .box ol i{ height: 55px; background-size: auto 100%;}
    .gupiao .box ol a{ width: 180px; height: 50px; line-height: 50px; font-size: 17px;}

    .gupiao{ margin-top: -36px; padding: 65px 0;}
    .gonggao .box ul ol{ margin-bottom: 20px;}
    .gonggao .box ul li dd{ font-size: 15px;}
    
    .hudong {padding: 50px 0; background: #e2e2e2; margin-top: -36px;}
    .hudong .box{ background: #fff;}
    .hudong .box .con{ width: 370px; height: 500px; background:url(../images/gupiaoBg.jpg) no-repeat center; float: left; position: relative;}
    .hudong .box .con .daima{ width:100%; text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
    .hudong .box .con .daima { color: #fff; font-size: 33px; font-weight: normal; line-height: 1; margin-bottom: 20px;}
    .hudong .box .con .daima a{ color: #fff !important; font-size: 25px; font-weight: normal; white-space: nowrap; background: #e00000; display: inline-block; padding: 15px 30px;}
    .hudong .box .zishitu{ width: 600px;height: 500px; padding:45px 28px; float: right;}
    .hudong .box .zishitu iframe{ width: 100%; height: 100%; border: none;}

    .jobContact .tit h2{ font-size: 18px;}
    .jobContact .text{ font-size: 15px;}
    .joblist{ padding: 60px 0;}
    .joblist .tit h2{ font-size: 18px;}
    .joblist .item .jobtit h2{ font-size: 17px;}
    .joblist .item .jobtit span{ font-size: 17px;}

    .jobform{ font-size: 15px;}
    .jobform input{ height: 40px; font-size: 15px;}
    .jobform select{ height: 40px; font-size: 15px;}
    .jobform textarea{ height: 130px; font-size: 15px;}
    .jobform button{ width: 240px; height: 46px; font-size: 16px; margin-right: 10px;}

    .contact .tit{ margin-bottom: 80px;}
    .contact .tit h1{ font-size: 25px;}
    .contact .box ul { margin: 0 -20px;}
    .contact .box ul li{ padding: 0 20px;}
    .contact .box ul li h3{ font-size: 18px;}
    .contact .box ul li dt{ font-size: 15px;}
	
	.map{ padding: 80px 0 80px; background: url(../images/mapBg-.jpg) no-repeat center; background-size: cover;}
	.map .wrap{ position: relative;}
	.map .zbcontact{ position: absolute; left: 20px; top: -50px;}
	.map .zbcontact .tit{ font-size: 17px; margin-bottom: 15px;}
	.map .zbcontact ul li{ font-size: 14px; line-height: 1.8; margin-right: 60px;}
	.map .zbcontact ul li dl{ font-weight: bold; font-size: 18px;}
	.conBox{ width: 450px; border-radius: 15px; overflow: hidden; position: absolute; top: 50%; transform: translateY(-49%); display: none;}
	.conBox .contactTop{ min-height: 78px; font-size: 17px; padding: 15px 30px; }
	.conBox .contactTop ol{ flex: 1;}
	.conBox .contactCon{ padding: 25px 30px; font-size: 14px;}
	/* 鍗庝笢 */
	.conBox.item0{}
	/* 涓滃寳 */
	.conBox.item1{}
	/* 鍗庡寳 */
	.conBox.item2{}
	/* 鍗庝腑 */
	.conBox.item3{}
	/* 鍗庡崡 */
	.conBox.item4{}
	/* 瑗垮崡 */
	.conBox.item5{right: 0}
	/* 瑗垮寳 */
	.conBox.item6{ top: 55%}
	
	.question .box ul li ol{ width: 735px;}

    .footer .fcontact{ margin-right:10px;}
    .footer .fcontact .tit{ font-size: 22px;}
    .footer .fnav ul li{ margin-left: 20px;}
    .footer .fnav ul li dl{ font-size: 17px;}
}


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

    /*椤堕儴*/
    .header{ width: 100%; height:60px; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .1); position: fixed; left: 0; top: 0; z-index: 99999; transform:inherit; overflow: hidden;}
    .header .headTop{ width: 100%; display: none; position: fixed; left: 0; bottom: 0; text-align: center; z-index: 11;}
    .header .headTop a{ font-size: 13px;  margin-left: 10px;}
    .header .headTop a:nth-child(1){margin-left: 0;}
    .header .logo{float: left; height:60px; padding:12px 0;}
    .header .nav{ width: 100%; height:calc(100% - 60px); background:#fff; margin-top: 0; position: fixed; left: 0; top: 60px; display: none; float: none;}
    .header .nav ul{ float:none;}
    .header .nav ul li{ width: 100%; min-width:inherit; line-height: 50px; border-left: none; border-top: #dcdcdc solid 1px; margin: 0;  float: none;}
    .header .nav ul>li>a{ font-size: 15px; text-align: left; padding-left: 15px; display: block;}
    .header .nav ul>li.on>a,.header .nav ul>li a:hover{ color: #fff; background: #0b4689; }

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

    /*棣栭〉bannner*/
    .banner { position: relative;}
    .banner .swiper-container{ width:100%; overflow:hidden;}
    .banner .swiper-container .swiper-slide{ background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden;}
    .banner .swiper-container .swiper-slide a{  display: block; width:100%;}
    .banner .swiper-container .swiper-slide img{width:100%;}
    .banner .pagination {position: absolute;z-index: 20;bottom:10px;width: 100%;text-align: center;}
    .banner .swiper-pagination-switch {display: inline-block; width:8px; height: 8px; background:#cfd0d2; margin: 0 2px; cursor: pointer;}
    .banner .swiper-active-switch { background: #cf0505; opacity: 1;}

    .neiBanner{height: 130px; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative;}
  
    .ipro{ padding-top: 30px; overflow: hidden;}
    .ipro .tit{ margin-bottom: 20px;}
    .ipro .tit img{ width: 140%; max-width: inherit;  position: relative; left: 50%; transform: translateX(-50%);}
    .ipro .box{ height: auto; padding:40px 0 30px;}
    .ipro .box ul{ margin: 0 -5px;}
    .ipro .box ul li{ width: 50%; padding: 0 5px; margin-bottom: 10px;}
    .ipro .box ul li h3{ font-size: 14px; margin-top: 10px;}

    .iabout{ padding-top: 30px; overflow: hidden;}
    .iabout .tit{ margin-bottom: 20px;}
    .iabout .tit img{ width: 140%; max-width: inherit;  position: relative; left: 50%; transform: translateX(-50%);}
    .iabout .box .pic{ width: 100%; padding: 15px;  float: none; margin-bottom: 20px;}
    .iabout .box .con{ width: 100%; padding-left: 0; float: none;}
    .iabout .box .con  h2{ font-size: 17px; margin-bottom: 10px;}
    .iabout .box .con .text{ line-height: 1.6;}
    .iabout .box .con .more{ width: 117px; float: none; margin: 15px auto; display: block;}

    .ihonor{ padding-top: 30px;}
    .ihonor ul{ margin: 0 -5px;}
    .ihonor ul li{ width: 50%; padding: 0 5px; margin-bottom: 10px;}

    .newsAbout{ padding: 30px 0 50px;}
    .newsAbout .tit{ margin-bottom: 20px;}
    .newsAbout .tit h2{ font-size: 20px;}
    .newsAbout .inews{ width: 100%; padding-right: 0; float: none; margin-bottom: 30px;}
    .newsAbout .inews .box ul li{ border-bottom: #bbb dashed 1px;}
    .newsAbout .inews .box ul li a{ color: #666; line-height: 40px; background: url(../images/icon01.png) no-repeat left center; padding-left: 16px;}
    .newsAbout .inews .box ul li a:hover{ color: #ff0000;}
    .newsAbout .aboutPic{ width: 100%; padding-left: 0; float: none;}
    .newsAbout .aboutPic ul{ margin:0 -5px;}
    .newsAbout .aboutPic ul li{  float: left; width: 52.5%; margin-left: 0; padding: 0 5px; margin-bottom: 10px;}
    .newsAbout .aboutPic ul li:not(:first-child){ width: 47.5%;}

    .neiNav{ margin-top:0; position: relative; z-index: 11;}
    .neiNav .wrap{ padding: 0;}
    .neiNav ul{ background: rgba(0, 0, 0, .8); overflow: hidden;}
    .neiNav ul li{ float: left; width: 25%; margin-right: 0; border-bottom: 1px solid #222; border-right: #222 solid 1px;}
    .neiNav ul li a{ font-size: 13px; line-height: 36px; padding: 0 2px; text-align: center; display: block; }
    .neiNav.proNav ul li{ width: 50%;}

    .bread{margin-bottom: 30px; margin-top: -1px; background: #fff; position: relative; z-index: 11;}
    .bread .box{ line-height: 50px; border-bottom: 1px solid #ddd;}
    .bread .box .tit{ font-size: 18px; font-weight: bold; float: none;}
    .bread .box .breadCrumbs{ display: none;}

    .about{ margin-bottom: 50px;}
    .about .text{ width: 100%; float: none;}
    .about .text{ width: 100%; line-height: 1.7; float: none;}
    .about .text b{ font-size: 14px !important;}
    .about .pic{ width: 100%; padding-left: 0; float: none; margin-top: 20px;}
    .about .pic img{ border-radius: 10px;}

    .history{ padding: 10px 0 30px;}
    .history .wrap{ width: 100%;}
    .history .box .arrow-left{ display: none;}
    .history .box .arrow-right{ display: none;}
    .history .box .swiper-container{ height: auto;}
    .history .box .swiper-slide{ margin-bottom: 20px;}
    .history .box .swiper-slide:before{ display: none;}
    .history .box .swiper-slide dl{ font-size: 15px; line-height: 36px; margin-top: 0; margin-bottom: 10px;}
    .history .box .swiper-slide ol{ height: auto; font-size: 14px; padding: 15px; position: relative;}

    .honor .box{ padding-bottom:15px;}
    .honor .box ul{ margin: 0 -5px;}
    .honor .box ul li{ width: 50%; padding: 0 5px; margin-bottom: 20px; float: left;}
    .honor .box ul li dl{ border-radius: 5px;}
    .honor .box ul li h3{ font-size: 14px; margin-top: 8px;}

    .factoryStyle .box{ padding-bottom: 15px;}
    .factoryStyle .box ul{ margin: 0 -5px;}
    .factoryStyle .box ul li{ width: 50%; padding: 0 5px; margin-bottom: 20px; float: left;}
    .factoryStyle .box ul li h3{ font-size: 14px; margin-top: 8px;}

    .organization .organizationTop{ display: block; margin-bottom: 30px;}
    .organization .organizationTop .con{ width: 100%; padding:30px 18px; font-size: 14px; line-height: 1.6;}
    .organization .organizationTop .con h3{ font-size: 16px; font-weight: normal;}
    .organization .organizationTop .pic{ width: 100%;}

    .sales .salesTop{ height: 200px; padding: 10px 20px; margin-bottom: 40px; display: flex; align-items: center;}
    .sales .salesTop ul li{ padding-left: 22px; background: url(../images/icon06.png) no-repeat left 4px; background-size: 12px; font-size: 14px; margin-bottom: 8px;}

    .danye .text{ font-size: 14px; line-height: 1.7; overflow: hidden;}
    .danye .text img{ display: none;}

    .products .box{ padding-bottom: 25px;}
    .products .box ul{ margin: 0 -8px;}
    .products .box ul li{ width: 50%; padding: 0 8px; margin-bottom: 15px; float: left;}
    .products .box ul li a{ box-shadow: 5px 5px 0 #f2f2f2; border: #d0d0d0 solid 1px; display: block;}
    .products .box ul li dl{ padding-bottom: 83.378%; overflow: hidden; position: relative;}
    .products .box ul li dl img{position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto;}
    .products .box ul li h3{ font-size: 14px; line-height: 40px; background: #e8e8e8; padding-left: 5px;}

    .yfzzjgTop{ height: auto; margin-bottom: 20px;}
    .yfzzjgTop .box{ width: 100%; font-size: 14px; line-height: 1.5; padding:30px 20px;}
    .yfzzjgTop .box li{ position: relative; padding-left: 20px; margin-bottom: 10px;}
    .yfzzjgTop .box li::before{ content: "鈻?; color: #006cb8; position: absolute; left: 0; top: -2px;}

    .yanfa .item{ border: #e9e9e9 solid 2px; margin-bottom: 15px; display: block; }
    .yanfa .item .con{padding:30px 20px;}
    .yanfa .item .con .tit h2{  font-size:17px; }
    .yanfa .item .con li{ font-size: 13px; color: #000; margin-top: 10px; padding-left: 15px; position: relative;}

    .shiyan .zhizaoNav{ display: block; justify-content: space-between; margin: 0 -5px 30px; overflow: hidden;}
    .shiyan .zhizaoNav li{ width: 50%; float: left; font-size: 13px; line-height: 36px; padding: 0 10px; margin: 0; border-bottom: #f2f2f2 solid 1px; border-right: #f2f2f2 solid 1px;}
    .shiyan .zhizaoNav li.on::after{ display: none;}
    .shiyan .show{ display: none;}
    .shiyan .show.on{ display: block;}
    .shiyan .shiyanText{ margin-bottom: 40px;}
    .shiyan .shiyanText li{ font-size: 14px; line-height: 1.7; padding-left: 20px; margin-bottom: 8px; position: relative;}
    .shiyan .shiyanText li::before{ content: "鈻?; font-size: 15px; color: #006cb8; position: absolute; left: 0; top: -3px;}
    .shiyan .box ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
    .shiyan .box ul li { margin-bottom: 20px;}
    .shiyan .box ul li h3{ font-size: 14px; margin-top: 8px;}

    .zhibao{ font-size: 14px; color: #000; line-height: 1.8;}
    .zhibao .zhibao02{ padding: 30px 0 30px;}
    .zhibao .zhibao02 ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
    .zhibao .zhibao02 ul li{ margin-bottom: 10px;}
    .zhibao .zhibao02 ul li dl{ border: #ccc solid 1px;}
    .zhibao .zhibao02 ul li h3{ font-size: 14px; margin-top: 5px;}
    .zhibao .zhibao03{ border: #ccc solid 1px; padding: 30px 25px;}

    .gupiao{ padding: 30px 0; margin-top: -30px;}
    .gupiao .box{ background: #fff; padding:40px 20px; text-align: center; display: block; }
    .gupiao .box dl{ width: 100%; height: auto; border-right:none;  margin-bottom: 20px;}
    .gupiao .box dl h3{ width: 100%; font-size: 25px;}
    .gupiao .box dl p{ width: 100%; font-size: 33px; color: #e50000; font-weight: bold; position: relative;}
    .gupiao .box dl p::before{ content: ""; width: 30px; height: 2px; background: #c2c2c2; position: absolute; left: 50%; top: 50%; margin-left: -100px;}
    .gupiao .box dl p::after{ content: ""; width: 30px; height: 2px; background: #c2c2c2; position: absolute; right: 50%; top: 50%; margin-right: -100px;}
    .gupiao .box ol{ font-size: 14px; display: flex; flex-wrap:wrap; align-content: center;}
    .gupiao .box ol i{ width: 100%; height: 50px; background-size: auto 100% !important; display: block; margin-bottom: 20px;}
    .gupiao .box ol dt{ width: 100%;}
    .gupiao .box ol a{ width: 180px; height: 50px; line-height: 50px; font-size:17px; margin: 20px auto 0;}

    .gonggao .box{ padding-bottom: 35px;}
    .gonggao .box ul ol{overflow: hidden; margin-bottom: 15px; display: flex;}
    .gonggao .box ul ol dt{ font-size: 15px; }
    .gonggao .box ul ol dt:nth-child(1),.gonggao .box ul ol dt:nth-child(2),.gonggao .box ul ol dt:nth-child(4){ flex: 1;}
    .gonggao .box ul ol dt:nth-child(3){ flex: 3;}
    .gonggao .box ul ol dt:nth-child(1),.gonggao .box ul ol dt:nth-child(2){ display: none;}
    .gonggao .box ul li{ border-bottom: #dedede solid 1px;}
    .gonggao .box ul li a{ display: flex;}
    .gonggao .box ul li dd{ font-size: 14px; color: #0864a3; line-height:38px;  overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
    .gonggao .box ul li dd:nth-child(1),.gonggao .box ul li dd:nth-child(2),.gonggao .box ul li dd:nth-child(4){ flex: 1;}
    .gonggao .box ul li dd:nth-child(3){ flex: 3;}
    .gonggao .box ul li dd:nth-child(1),.gonggao .box ul li dd:nth-child(2){ display: none;}
    .gonggao .box ul li dd:nth-child(4){ color: #999999; font-size: 13px;}
    
    .hudong {padding: 30px 0; background: #e2e2e2; margin-top: -36px;}
    .hudong .box{ background: #fff;}
    .hudong .box .con{ width: 100%; height: auto; padding:40px 0 20px; float: none;}
    .hudong .box .con .daima{ width:100%; text-align: center; position: relative; left: 0; top:0; transform: translate(0,0);}
    .hudong .box .con .daima { color: #fff; font-size: 18px !important; font-weight: normal; line-height: 1.4; margin-bottom: 0;}
    .hudong .box .con .daima a{ color: #fff !important; font-size: 15px !important; font-weight: normal; white-space: nowrap; background: #e00000; display: inline-block; padding: 12px 22px;}
    .hudong .box .zishitu{ width: 100%;height: 470px; padding:30px 28px; float: none;}
    .hudong .box .zishitu iframe{ width: 100%; height: 100%; border: none;}

    .jobContact{ padding: 10px 0;}
    .jobContact .tit{ margin-bottom: 12px;}
    .jobContact .tit h2{ font-size: 18px;}
    .jobContact .text{ font-size: 14px; color: #555; line-height: 1.8; margin-bottom: 30px;}

    .joblist{ padding: 30px 0; background: #f0f0f0;}
    .joblist .tit{ margin-bottom: 25px;}
    .joblist .tit h2{ font-size: 18px;}
    .joblist .box{ display: block; }
    .joblist .item{ background: #fff; margin:0 0 10px; flex-basis:49%;}
    .joblist .item a{ height: 100%; color: #333; display: block;}
    .joblist .item:hover{ box-shadow:0 0 15px rgba(0, 0, 0, .2);}
    .joblist .item .jobtit{ line-height: 60px; padding: 0 20px; overflow: hidden;}
    .joblist .item .jobtit h2{ font-size: 17px; position: relative; margin-right: 10px; float: left;}
    .joblist .item .jobtit h2::after{ content: "|"; font-weight: normal; color: #999; font-size: 17px; margin-left:10px;}
    .joblist .item .jobtit span{ font-size: 17px;}
    .joblist .item .jobtit dd{ height: 35px; line-height: 35px;margin-top: 14px; padding: 0 44px 0 14px; position: relative; float: right;}
    .joblist .item .jobtit dd::after{ content: ""; width: 35px; height: 35px; background: #ff9c3f url(../images/icon09.png) no-repeat center; position: absolute; right: 0; top: 0;}
    .joblist .item .jobdetail{ font-size: 13px; line-height: 28px; padding: 20px; border-top: 1px solid #d3d3d3;}

    .jobform{ font-size: 15px;}
    .jobform p { margin-bottom: 5px;}
    .jobform p span{ font-size: 13px; color: #999;}
    .jobform input{ width: 100%; height: 36px; font-size: 14px; padding-left: 15px; border: #d2d2d2 solid 1px;}
    .jobform select{ width: 100%; height: 36px;font-size: 14px; padding-left: 15px; border: #d2d2d2 solid 1px; appearance:none; -moz-appearance:none; -webkit-appearance:none; outline: none; background: url(../images/icon10.png) no-repeat right 15px center;}
    .jobform textarea{ width: 100%; height: 100px;font-size: 14px; padding:10px 15px; border: #d2d2d2 solid 1px;}
    .jobform button{ width: 120px; height: 40px; border: none; font-size: 15px; margin-right: 10px; cursor: pointer;}
    .jobform button[type="submit"]{ background: #006cb8;}
    .jobform button[type="submit"]:hover{background: #005897;}
    .jobform button[type="reset"]{ background: #ff9c3f;}
    .jobform button[type="reset"]:hover{ background: #da7a21;}
    .jobform ul{ margin: 0 ; overflow: hidden;}
    .jobform ul li{ width: 100%; padding: 0 ; margin-bottom: 10px; float: none;}
    .jobform ul ol{ width: 100%; padding: 0; margin-bottom: 10px; }

    .contact{ padding:10px 0 30px;}
    .contact .tit{ margin-bottom: 30px;}
    .contact .tit h1{ font-size: 17px;}
    .contact .box ul{ margin: 0 -5px;}
    .contact .box ul li{ width: 50%; padding: 0 5px; margin-bottom: 20px; float: left;}
    .contact .box ul li i{ width: 50px; height: 50px; line-height: 46px; }
    .contact .box ul li i img{ width: 20px;}
    .contact .box ul li h3{ font-size: 16px; margin: 10px 0 5px;}
    .contact .box ul li dt{ font-size: 12px; color: #555;}
	
	.map{ padding: 30px 0 40px; background: url(../images/mapBg-.jpg) no-repeat center; background-size: cover;}
	.map .wrap{ position: relative;}
	.map .zbcontact{ position: relative; left: 0; top:0; margin-bottom: 10px;}
	.map .zbcontact .tit{ font-size: 17px;  margin-bottom: 10px;}
	.map .zbcontact ul{ overflow: hidden;}
	.map .zbcontact ul li{ float: none; font-size: 14px; line-height: 1.5; margin-right: 0; margin-bottom: 10px}
	.map .zbcontact ul li dl{ font-size: 14px;}
    .mapBox{}
    .mapBox li{ margin-bottom: 30px;}
    .mapBox li dl{ font-size: 17px; color: #2a55b6; font-weight: bold; margin-bottom: 10px;}
    .mapBox li ol{ font-size: 14px; color: #000; line-height: 1.5;}
	.conBox{ width: 550px; background: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, .2); border-radius: 15px; overflow: hidden; position: absolute; top: 50%; transform: translateY(-49%); display: none;}
	.conBox .contactTop{ min-height: 78px; font-size: 18px; color: #fff; font-weight: bold; background: #006cb7; padding: 15px 50px; display: flex; justify-content: center; }
	.conBox .contactTop dl::after{content: "锛?;}
	.conBox .contactTop ol{ flex: 1;}
	.conBox .contactCon{ padding: 25px 50px; font-size: 16px;}
	.conBox .contactCon b,.conBox .contactCon strong{ color: #000;}
	
	.question .box ul li{ padding: 18px 0; font-size: 16px;}
    .question .box ul li ol{ width: 100%; float: none;}
    .question .box ul li ol dl{ margin-bottom: 10px; color: #006eb6;}
    .question .box ul li ol dt{ line-height: 1.6; font-size: 14px;}
    .question .box ul li dd{ width: 100%; font-size: 14px; float: none; margin-top: 8px;}
    .question .qaForm{ margin-top: 50px;}
    .question .qaForm .tit { margin-bottom: 15px;}
    .question .qaForm .tit h2{ font-size: 17px;}
    .question .qaForm .yzm{ display:block; height: 42px; }
    .question .qaForm .yzm img{ float: right;}
    .question .qaForm select{ width: 100%; height: 40px; font-size: 15px; color: #666; padding-left: 10px;}
    .question .qaForm textarea{ width: 100%; height: 120px; padding: 8px 10px;  color: #666;}
    .question .qaForm input{ width: 200px; height: 40px; border:none; font-size: 15px; color: #666; padding-left: 10px;}
    .question .qaForm button{ width: 100%; height: 50px; font-size: 18px; margin-top: 10px;}


    .footer .fmain{ padding: 35px 0 30px;}
    .footer .fcontact{ float: none; margin-right: 0;}
    .footer .fcontact .tit{ font-size: 20px; margin-bottom: 20px;}
    .footer .fcontact ul li{ margin-bottom: 5px; font-size: 13px;}
    .footer .fcontact ul li img{ width: 15px;}
    .footer .fnav{ display: none;}
    .footer .copyright{ font-size: 12px; line-height: 1.3; padding: 15px 0;}

    /*===/鍒嗛〉=============================*/
    .pagination {text-align:center}
    .pagination ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom}
    .pagination li {display:inline-block!important;}
    .pagination a { font-size: 13px; color:#333;padding:4px 7px;line-height:18px;border:solid 1px #cccccc;display:block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s}
    .pagination .disabled a:link,.pagination .disabled a:visited,.pagination .disabled a:hover {cursor:not-allowed;pointer-events:none;color:#EBEBEB}
    .pagination .active {pointer-events:none}
    .pagination .active,.pagination a:hover {transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s}
    .blank-large{height:80px;line-height:80px;clear:both;font-size:0}
    .pagination li.active a,.pagination li a:hover{background: #2a55b6; color: #fff; border: 1px solid #2a55b6;}

    .tcc .boxCon{ width: 90%;}
    .tcc .boxCon .off{ width: 18px; height: 18px; background-size: cover !important; top: -22px; right: 0px;}
    .tcc .boxCon .tit{ font-size: 17px; padding-bottom: 20px;}
    .tcc .boxCon .text{ padding: 20px; font-size: 13px;}

}