@charset "utf-8";
/* Banner */
.banner { width:100%; overflow:hidden; z-index:3; }
.banner .bd { zoom:1; position: relative;width: 1920px;left: 50%;margin-left: -960px}
.banner .bd img {width: 100%;height: auto;}

/* 主体 */
.container { position:relative;z-index:8; }
.wrap { position:relative; width:1200px; min-height:460px; _height:460px; margin:0 auto; }
.sidebar {float: left;}
.wrap .main { display:block; *zoom:1; padding:35px 0 0; }
.wrapBt { height:0; background:none; overflow:hidden; clear:both; }

/* 左侧栏目标题 */
.leftTitle { position:relative; margin-bottom:18px; padding:18px 0; color:#333; display: none}
.leftTitle i,.leftTitle s { display:block; text-align:center; }
.leftTitle i { font-size:38px; line-height:58px; font-weight:normal; }
.leftTitle s { color:#888; font:12px/18px arial; text-decoration:none; text-transform:uppercase; }

/* 二级、三级菜单 */
.menu{background: #fff;}
.menu dl { zoom:1;text-align:center;}
.menu dl:after{content:'\20';display:block;height:0;clear:both}
.menu dl dt { zoom:1; vertical-align:top; float: left;width: auto;text-align: center;height: 58px;line-height: 58px;position: relative;}
.menu dl dt a { background:#fff; color:#000000; font-size:14px; display: block;padding:0 25px}
.menu dl dt a:hover,.menu dl dt .current { background:#3eb7a6; color:#ffffff; text-decoration:none; }
.menu dl dt a:after{position: absolute;content: '';width: 1px ;height: 17px;right: 0;top: 50%;margin-top: -9px;background: #c6c7c8}
.menu dl dt:last-child a:after{display: none!important;}
.menu dl dt a:hover:after,.menu dl dt .current:after{display: none}
.menu dl dd{display: none}

.menu .third{position: absolute;top: 70px;left: 0;width: 100%;text-align: center;}
.menu .third dd{display: inline-block;width: 100px;height: 30px;line-height: 30px;}
.menu .third dd a{display: block;background:#fff; color:#000000; font-size:14px;}
.menu .third dd a:hover,.menu .third dd a.current { background:#8d0093; color:#ffffff; text-decoration:none; }

.m-rdm { padding:25px 0 10px; text-align:center; }
.m-rdm a { display:inline-block; margin:0 8px 10px; padding:3px 20px; border:1px solid #ddd; line-height:24px; }
.m-rdm a:hover,.m-rdm .current { border:1px solid #999; background:#999; color:#fff; }


/* 面包屑 */
.location { position:relative; height:58px; width:1200px;box-shadow: 0 0 7px rgba(0,0,0,.16);margin-top: -30px;background: #fff}
.breadcrumbs { float:right; text-align:right; line-height: 58px;padding-right: 12px}
.breadcrumbs a { display:inline-block; margin-left:12px; padding-left:12px; background:url(../images/o_ico_04.gif) no-repeat 0 center; vertical-align:top; }
.breadcrumbs .u-home { padding-left:20px; background:url(../images/o_ico_03.gif) no-repeat 0 center; }

/* 内容模式 */
.article { padding:0 0 40px; line-height:2; font-size:14px; word-wrap:break-word; }
.article .hd { padding:0 0 20px; text-align:center; }
.article .hd h1 { color:#000; font-size:20px; }
.article .hd .titBar { color:#797979; font-size:12px; } 
.article .bd { padding-bottom:40px; }
.article .ft { padding:20px 0 0; border-top:1px solid #ddd; }

/* 头部新闻 */
.hotNews { margin-bottom:30px; background:#848484; overflow:hidden; }
.hotNews .pic { float:left; width:390px; height:250px; margin-right:5px; }
.hotNews .pic img { width:100%; height:100%; }
.hotNews dl { display:block; overflow:hidden; zoom:1; padding:25px 20px 0 15px; line-height:22px; }
.hotNews dl dt { margin-bottom:13px; padding-left:10px; background:url(../images/o_ico_05.jpg) no-repeat 0 13px; color:#fff; font-size:14px; line-height:30px; }
.hotNews dl dt a { color:#fff; }
.hotNews dl dt a:hover { color:#000; }
.hotNews dl .i { min-height:110px; padding-bottom:10px; padding-left:10px; color:#eee; }
.hotNews dl .m { width:84px; height:24px; margin-left:10px; background:#fff; line-height:24px; text-align:center; }
.hotNews dl .m a { display:block; color:#333; }
.hotNews dl .m a:hover { background:#666; color:#fff; }

/* 新闻列表 */
.news { padding:0 0 40px; }
.newsTable th { border:1px solid #fff; background:#c8cacb; color:#fff; font-weight:bold; text-align:center; }
.newsTable td { padding:8px 10px; border-bottom:1px solid #dcd9d4; line-height:20px; }
.list { padding:0 0 40px; }
.list li { padding:9px 0; border-bottom:1px dashed #e0e0e0; background:url(../images/o_ico_18.gif) no-repeat 2px 17px; font-size:14px; line-height:20px; clear:both; }
.list li span { float:right; color:#999; font-size:12px; }
.list li a { padding-left:15px; }
.list li a:hover { text-decoration:underline; }

/* 图文新闻 */
.pothoItem { margin:0 0 65px; }
.pothoItem .item { margin-bottom:15px; padding:40px 40px 48px;overflow:hidden; background: #f7f7f7;transition: all .5s ease;}
.pothoItem .item .pic { float:left; width:320px; height:auto; margin-right:40px; }
.pothoItem .item .pic img { width:320px; height:auto }
.pothoItem .item dl { display:block; overflow:hidden; zoom:1; padding:18px 0 0; line-height:20px;}
.pothoItem .item dl dt { font-size:24px; line-height:32px; color: #000000}
.pothoItem .item dl .d{line-height: 24px;height: 24px;margin-top: 10px;font-size: 14px;color: rgba(0,0,0,.6);}
.pothoItem .item dl .d .time{padding-left: 28px;background: url(../images/clock.png) no-repeat left center;}
.pothoItem .item dl .d .view{padding-left: 24px;background: url(../images/eyes.png) no-repeat left center;margin-left: 15px}
.pothoItem .item dl .m { display:none; }
.pothoItem .item dl .i { color:rgba(0,0,0,.7); font-size:16px; line-height:26px; margin-top: 10px}
.pothoItem .item:hover{box-shadow: 0 0 8px rgba(0,0,0,.2)}
.pothoItem .item:hover dl dt a{color: #3eb7a6}

/* 图片列表 */
.pic-item-list { margin:0 0 20px; }
.pic-item-list .pic-item { display:block; float:left; width:130px; margin-bottom:10px; padding:0; }
.pic-item-list .list-pic { display:block; width:100px;margin:0 auto; padding:4px; border:1px solid #919090; line-height:100px; text-align:center; }
.pic-item-list dl { padding:0 5px; line-height:26px; text-align:center; }
.piIntro{margin-bottom: 30px}
.piList { padding:0 0 20px; overflow:hidden; }
.piList .pic-item-list { width:1230px; margin:0; padding:0; }
.piList .pic-item { position:relative; width:280px; margin:0 24px 23px 0; padding:0; display:inline;border: 1px solid #eee }
.piList .list-pic { display:block; width:280px; margin-bottom:0; padding:0; border:0; line-height:148px; overflow: hidden;}
.piList .list-pic img {display: block;width: 100%;height: auto;display:block;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all .5s;max-width: 100%;}
.piList dl { padding:4px 5px; line-height:20px; background: #f5f5f5}
.piList dl dt { height:30px; font-size:12px; line-height:30px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }

/* 分页 */
.page { padding:0 0 40px; line-height:24px; text-align:center; }
.page a { display:inline-block; margin:0 2px; padding:2px 10px;background:#dddddd; color:#333333; vertical-align:top; }
.page a:hover,.page .current { background:#3eb7a6; color:#fff; }

/* 人才招聘 */
.hrTop { padding:0 0 30px; border-bottom:1px solid #ddd; }
.hrTop li { padding-left:16px; background:url(../images/ico_05.gif) no-repeat 0 8px; font-weight:bold; line-height:24px; }
.hrTable .hrTableTh { height:32px; background:#666; color:#fff; }
.hrTable th { color:#fff; font-weight:normal; }
.hrTable td { padding:0 8px; }
.hrTable .bg td { background:#eee; }
.hr { position:relative; padding:0 0 40px; }
.hr h3 { padding-left:0; border-bottom:1px dotted #ccc; color:#0063be; font-size:20px; line-height:55px; }
.hr h3 s { float:right; width:20px; height:20px; margin-top:17px; cursor:pointer; }
.hr h3 .off { background:url(../images/hr_down.gif) no-repeat center; }
.hr h3 .on { background:url(../images/hr_up.gif) no-repeat center; }
.hrItem { margin-bottom:5px; }
.hrItem .title { border-bottom:1px dotted #ccc; color:#999; font-weight:bold; line-height:36px; }
.hrItem .title span { float:right; font-weight:100; }
.hrItem .title span a { color:#88000c; }
.hrItem .con { margin-bottom:10px; padding:15px 0; line-height:24px; }
.hrItem .con h4 { font-size:14px; line-height:36px; }
.hrItem .apply { width:95px; height:25px; padding:0; background:#01286f; color:#fff; line-height:25px; text-align:center; }
.hrItem .apply a { color:#fff; }
.hr-list { margin-bottom:5px; padding:15px 5px 15px; border-bottom:1px dotted #777; }
.hr-list .title { padding:0; color:#3eb7a6; font-weight:bold; line-height:20px;font-size: 18px }
.hr-list .title span { float:right; font-weight:100; }
.hr-list .info { padding:5px 0; line-height:24px; }
.hr-list .apply { height:24px; line-height:24px; text-align:right; }

/* 新闻列表 */
.message { padding:0 0 30px; }
.message-list { margin-bottom:5px; padding:5px 5px 15px; border-bottom:1px dotted #ddd; }
.message-list .m-title { padding:0; color:#0063be; font-size:16px; font-weight:bold; line-height:20px; }
.message-list .m-title span { float:right; color:#01286f; font-size:12px; font-weight:100; }
.message-list .m-info { padding:5px 0; line-height:24px; }
.message-list .r-title { padding:0; line-height:20px; }
.message-list .r-info { padding:5px 0; line-height:24px; }

/* 人才招聘 */
.form-panel { padding:0 0 30px; }
.form-panel h4 { margin-bottom:10px; padding:0 20px; background:#666; color:#fff; line-height:30px; }
.form-panel .tips { padding:10px 0 10px 100px; font-weight:bold; font-size:13px; text-align:left; }
.form-panel .field { clear:both; }
.form-panel li.field label { display:block; float:left; width:100px; line-height:24px; text-align:right; }
.form-panel .input { padding:5px 0; zoom:1; }
.form-panel .field:after { content:'\20'; display:block; height:0; clear:both; }
.form-panel .text { height:20px; padding:2px 3px; border:1px solid #ccc; background:#fff; color:#555; }
.form-panel .textarea { width:450px; height:100px; padding:1px 3px; border:1px solid #ccc; background:#fff; color:#555; }
.form-panel .submit-field { padding:0 10px 20px 100px; _padding:0 10px 20px 100px; clear:both; }
.form-panel .submit-field input { margin-right:10px; }
.form-panel .submit-field .btn-submit,.form-panel .submit-field .btn-reset { width:93px; height:29px; border:none; background:#666; color:#fff; cursor:pointer; }

/* 产品详细页 */
.m-detail { margin-bottom:30px; }
.m-detail .m-property { float:left; width:100%; }
.m-detail .property { margin-left:350px; }
.m-detail .property h1 { font-weight:100; font-size:18px; line-height:34px; }
.m-detail .property .m-i-a { margin-bottom:8px; padding:8px 0 15px; border-bottom:1px dotted #d9d9d9; color:#888; font-size:14px; line-height:25px; }
.m-detail .gallery { position:relative; float:left; width:350px; margin-left:-100%; }
.m-detail .gallery .bigPic { width:300px; height:224px; }
.product-detail { margin-bottom:30px; border:1px solid #e5e5e5; }
.product-detail .hd { height:45px; border-bottom:1px solid #e5e5e5; background:#f6f6f6; }
.product-detail .hd h2 { float:left; width:136px; height:46px; margin:-2px 0 -1px; border-top:2px solid #0058af; border-right:1px solid #e5e5e5; background:#fff; font-size:22px; font-weight:100; line-height:46px; text-align:center; }
.product-detail .bd { padding:25px; line-height:28px; font-size:14px; }


/* webmap */
.webmap { padding: 20px; margin: 0 auto; }
.webmap dl dt { margin: 5px 0; padding-left: 18px; background: url(../images/ico_05.gif) 3px center no-repeat; font-size: 16px; line-height: 2; }
.webmap dl dt a { color: #000; font-weight: bold; }
.webmap dl dd { padding-left: 18px; }
.webmap dl dd a { float: left; display: block; margin-right: 10px; margin-bottom: 5px; padding: 0 10px; background: #ccc; color: #333; font-size: 14px; line-height: 2; white-space: nowrap; }
.webmap dl dd a:hover { background: #555; color: #fff; text-decoration: none; }
.webmap dl dd p.thd a { background: #eee; }
.webmap dl dd p.thd a:hover { background: #999; }



/* 人才招聘 */
.boxst{margin-bottom: 22px}
.boxst .sx_ti{font-size: 24px;color: #3eb7a6;font-weight: bold;padding-left: 20px;margin-bottom: 10px}
.boxst form{height: 44px}
.boxst select{width:376px;height:44px;line-height:44px;box-sizing: border-box;padding: 0 15px;float:left;border: 1px solid #898989;margin-right:6px;cursor:pointer;}
.boxst option{height: 30px;line-height: 30px;}
.boxst input[type="text"]{width:376px;height:44px;background:#fff;line-height: 44px;float:left;border: 1px solid #898989;box-sizing: border-box;padding: 0 22px;font-size: 14px;color: #7d7d7d;margin-right: 6px}
.boxst input[type="submit"]{width:52px;height:44px;background:url(../images/search.jpg);cursor:pointer;float:right;cursor: pointer;}

.hr{padding:0 0 40px;}
.hr-title{height:40px;line-height:40px;font-size:16px;color:#000000;text-align:center;background:#eeeeee;}
.hr-title p:nth-child(1){float:left;width:18%;}
.hr-title p:nth-child(2){float:left;width:18%;}
.hr-title p:nth-child(3){float:left;width:18%;}
.hr-title p:nth-child(4){float:left;width:18%;}
.hr-title p:nth-child(5){float:left;width:18%;}
.hr-title p:nth-child(6){float:left;width:10%;}

.hr dt{height:62px;line-height:62px;font-size:14px;color:#000000;text-align:center;}
.hr dt p:nth-child(1){float:left;width:18%;}
.hr dt p:nth-child(2){float:left;width:18%;}
.hr dt p:nth-child(3){float:left;width:18%;}
.hr dt p:nth-child(4){float:left;width:18%;}
.hr dt p:nth-child(5){float:left;width:18%;}
.hr dt p:nth-child(6){float:left;width:10%;}
.hr dt p:nth-child(6) a{display:block;width:100%;height:62px;background:url(../images/sd1.png) center no-repeat;cursor:pointer;transition: none}
.hr dt p:nth-child(6) a.on{background:url(../images/sd2.png) center no-repeat;}

.hr dl:nth-of-type(2n) dt{background:#f6f6f6;}
.hr dd{padding:28px 40px;display:none;box-shadow:0 0 5px #dedede;}
.hr dd .con{font-size:14px;line-height:28px;}
.hr dd .apply{margin-top:26px;text-align:right;}
.hr dd .apply a{display:inline-block;width:120px;height:42px;line-height:42px;background:#3eb7a6;color:#fff;font-size:14px;text-align:center;}

.hr-list .info{font-size:14px;line-height:26px;margin-bottom:22px;}


.topArea{position: relative;text-align: center;}
.topArea:before{content: '';position: absolute;background: url(../images/a_left.png) no-repeat;width: 257px;height:19px;top: 50%;margin-top: -10px;left: 195px;}
.topArea:after{content: '';position: absolute;background: url(../images/a_right.png) no-repeat;width: 257px;height:19px;top: 50%;margin-top: -10px;right: 195px}
.topArea .h{font-size: 24px;color: #34bbab;text-transform: uppercase;line-height: 28px}
.topArea .p{font-size: 24px;color: #333333;line-height: 28px;}

.topWord{margin: 25px auto 0 auto;width: 900px;font-size: 14px;color: #434343;line-height: 1.8}

.about-cont{margin-top: 15px;}

.about-a{padding: 50px 0 0;}
.about-a .h{font-size: 30px;color: #333333;text-align: center;}
.about-a .p{font-size: 30px;color: #999999;text-transform: uppercase;font-family: arial;text-align: center;margin-top: 4px}
.about-a .s{width: 1000px;box-sizing: border-box;margin: 35px auto 0 auto;padding: 30px 0;font-size: 18px;color: #666666;border: 1px solid #e6e6e6;text-align: center;line-height: 2;border-bottom: 4px solid #3eb7a6}

.about-b{padding-top: 50px}
.about-b .topArea{}
.about-b .intro{}
.about-b .pic{width: 100%;height: auto;position: relative;}
.about-b .pic .bd ul li{overflow: hidden;}
.about-b .pic .hd{position: absolute;z-index: 3;bottom: 8px;width: 100%;text-align: center;}
.about-b .pic .hd ul{display: inline-block;}
.about-b .pic .hd ul li{display: block;width: 8px;height: 8px;border-radius: 100%;background: rgba(255,255,255,.5);float: left;margin: 0 5px;text-indent: 99999px}
.about-b .pic .hd ul li.on{background: #fff}
.about-b .pic img{width: 100%;height: auto;display:block;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all .5s;max-width: 100%;}
.about-b .txt{width: 100%;box-sizing: border-box;padding: 15px 0 25px;font-size: 14px;line-height: 36px;color: #4c4c4c}
.about-b .intro:hover .pic img{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1); }
.about-b .aList{padding: 35px 0 45px}
.about-b .aList ul li{float: left;width: 25%;text-align: center;}
.about-b .aList ul li .icon img{display: inline-block;transition: all 1s ease;width: 110px;height: auto;}
.about-b .aList ul li:hover .icon img{transform: rotateY(360deg);}
.about-b .aList ul li .h{font-size: 20px;color: #4c4c4c;margin-top: 10px}

.about-c{margin-top: 15px;margin-bottom: 55px}
.about-c video{display: block;}

.about-d{padding: 65px 0 30px}
.about-d .aList{margin-top: 30px;position: relative;}
.about-d .aList .bd{width: 998px;margin: 0 auto;overflow: hidden;}
.about-d .aList .bd ul li{float: left;width: 206px;margin-right: 58px;}
.about-d .aList .bd ul li .pic{width: 100%;height: auto;overflow: hidden;}
.about-d .aList .bd ul li .pic img{width: 100%;height: auto;display:block;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all .5s;max-width: 100%;}
.about-d .aList .bd ul li:hover .pic img{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1); }
.about-d .aList .bd ul li .p{font-size: 14px;color: #000000;text-align: center;margin-top: 4px}
.about-d .aList .prev{position: absolute;left: 9px;top: 50%;margin-top: -21px;width: 22px;height: 41px;background: url(../images/prev02.png) no-repeat;cursor: pointer;}
.about-d .aList .next{position: absolute;right: 9px;top: 50%;margin-top: -21px;width: 22px;height: 41px;background: url(../images/next02.png) no-repeat;cursor: pointer;}

.about-e{padding-bottom: 50px;}
.about-e .pp-3{margin-top: 85px;}
.about-e .pp-3 .hd{width: 1200px;margin: 0 auto}
.about-e .pp-3 .bd{background: #34bbab;font-size: 14px;color: #ffffff;padding: 20px 0 25px;margin-top: 55px}
.about-e .pp-3 .bd .container{width: 1200px;margin: 0 auto}
.about-e .pp-3 h2 {font-size:30px;color:#fff;text-align:center;padding:50px 0;}
.about-e .pp-3 .hd {background:url("../images/line.png") no-repeat center top;}
.about-e .pp-3 .hd .swiper-slide {text-align:center;}
.about-e .pp-3 .hd em {display:inline-block;zoom:1;*display:inline;width:18px;height:18px;background-color:#fff;border-radius:100%;border:6px solid #34bbab;}
.about-e .pp-3 .hd a {font-size:18px;color:#1b1b1b;}

.about-e .pp-4{margin-top: 30px}
.about-e .pp-4 .ti{text-align: center;}
.about-e .pp-4 .ti .h{font-size: 24px;color: #00b19d;font-family: arial}
.about-e .pp-4 .ti .p{font-size: 24px;color: #333333;}
.about-e .pp-4 .pic{margin-top: 6px;text-align: center;}
.about-e .pp-4 .pic img{display: inline-block;}

.about-f{padding-bottom: 65px;}
.about-f .aList{margin-top: 36px;position: relative;}
.about-f .aList ul li{float: left;margin-right: 35px;width: 212px;height: 102px;box-sizing: border-box;border: 1px solid #bfbfbf;margin-bottom: 25px;overflow: hidden;}
.about-f .aList ul li:nth-child(5n){margin-right: 0}
.about-f .aList ul li img{width: 100%;height: 100%;display:block;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all .5s;max-width: 100%;}
.about-f .aList ul li:hover img{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1); }
.about-f .aList .prev{position: absolute;left: -60px;top: 50%;margin-top: -21px;width: 22px;height: 41px;background: url(../images/prev02.png) no-repeat;cursor: pointer;}
.about-f .aList .next{position: absolute;right: -60px;top: 50%;margin-top: -21px;width: 22px;height: 41px;background: url(../images/next02.png) no-repeat;cursor: pointer;}

.about-g{padding-bottom: 50px;}
.about-g .gj{margin-top: 20px;}
.about-g .gj .txt{font-size: 14px;line-height: 36px;}
.about-g .gj .pic{margin-top: 25px;text-align: center;}
.about-g .gj .pic img{display: inline-block;}

.about-h{padding: 56px 0 75px;background: url(../images/a1.jpg) no-repeat center center;background-size: cover;}
.about-h .topArea:before{background: url(../images/a_left2.png) no-repeat;width: 355px;left: 100px;}
.about-h .topArea:after{background: url(../images/a_left2.png) no-repeat;width: 355px;right: 100px}
.about-h .topArea .h{color: #fff;text-transform: uppercase;line-height: 28px}
.about-h .topArea .p{color: #fff;line-height: 28px;}

.about-h .txt{font-size: 14px;color: #fff;line-height: 18px;text-align: center;margin-top: 16px}

.about-h .aList{margin-top: 25px;}
.about-h .aList ul li{width: 375px;margin-right: 37px;box-sizing: border-box;padding: 20px 30px 0;height: 320px;float: left;background: #f9f9f9}
.about-h .aList ul li:nth-child(3n){margin-right: 0}
.about-h .aList ul li .icon{text-align: center;}
.about-h .aList ul li .icon img{display: inline-block;}
.about-h .aList ul li .h{font-size: 24px;color: #1b1b1b;margin-top: 4px;text-align: center;}
.about-h .aList ul li .p{font-size: 12px;color: #1b1b1b;line-height: 30px;margin-top: 20px;}
.about-h .pic{margin-top: 35px;}
.pages{text-align:center;margin-bottom:10px;}
.qilin_pager a{margin-right:10px;height:30px;line-height:30px;text-align:center;color:#666;background:#fff;border-color:#ddd;border-width:1px;border-style:solid;border-radius:3px;padding:5px 10px;}
.qilin_pager a.Ahover{color:#03a4ac;}