/*!
 * @ Description: custom style
 * @ Author: weiwei
 * @ Date: 2018-05-24;
 */

/*
 **********************
 * common style 
 ********************** 
 * 网站头部
 ********************** 
 * 菜单
 **********************
 * 底部COPYRIGHT
 ********************** 
 * 首页样式
 **********************
 * 内页样式
 **********************
*/

/* common style */
html{background:#FFF;color:#000; font-size: 10px;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{font-family: "Microsoft YaHei"; margin:0;padding:0;}img{border:0;}ol,ul{list-style:none;}h1,h2,h3{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a{color:inherit;text-decoration:none;}
/*******CSS reset*************/
body{position:relative;z-index:-2;background:#fff; color:#444;font-size:14px;font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;z-index:2;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.page{margin:2rem;}
.main{overflow: hidden; margin:25px auto;}
.title{height: 44px;line-height: 44px;overflow: hidden;margin-bottom: 20px;border-bottom: 1px solid #dedbdb;}
.title h3{padding:0; height: 44px;}
.title h3 strong{font-size: 20px;color: #333333;line-height: 44px;display: inline-block;}
.title h3 small{}
.title .right{text-align: right;color: #666666;}
.title .right span{padding-left: 32px; background:url(../images/ico-home.png) no-repeat left center; line-height: 20px; display: inline-block;}
.title .right p,
.title .right a{font-size: 14px;color: #666666;}
.title a:hover{color: #ff9702;}
#prev_next{border-top: 1px dotted #868686;margin:2rem 0;padding:2rem 0;}
.tz-gallery li .img{height: 240px; border:1px solid #f1f1f1; overflow: hidden; }
.tz-gallery li .img img{height: 100%; width: 100%; object-fit: contain;}
.down{width: 100%;height: 52px;background:#211f1f;color: #ffffff;font-size: 16px;position: fixed;bottom: 0;display: block; z-index: 33;}
.down li{width: 24.7%;border-right: solid 1px #ffffff;text-align: center;line-height: 15px;float: left;padding-top: 4px;height: 52px; list-style:none;}
.down li a{color: #ffffff;}
.down .current{border-right: none;}
.down li img{max-width: 25px;height: 25px;}
@media(min-width: 768px){.footer{margin-bottom: 0}.down{display: none;}}
.m-tel{text-align: center; padding:15px 0; background: #f00; color: #fff;}
.m-tel p{font-size: 20px; font-weight: bold;}
iframe{width: 100%; height: 460px;}
/*page*/
.de-page-mian{overflow: hidden; text-align: center; font-size: 0;}
.de-page-mian .page-inner{display: inline-block; overflow: hidden;}
.de-page-mian .page-inner a{display: block; float: left; min-width: 26px; padding: 0 5px; height: 36px; border: 1px solid #dddddd; background: #fff; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin-right: -1px; overflow: hidden;}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover{color: #fff; border-color: #3779d7; background: #3779d7;}
.de-page-mian .page-inner a.prev{margin-right: 10px; background: #fff url(../images/prev.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev.on{background: #fff url(../images/prev-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev:hover{background-color: #fff; border-color: #dddddd;}
.de-page-mian .page-inner a.next{margin-left: 10px; margin-right: 15px; background: #fff url(../images/next.jpg) no-repeat center;}
.de-page-mian .page-inner a.next.on{background: #fff url(../images/next-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.next:hover{background-color: #fff; border-color: #dddddd;}
.de-page-mian .page-inner a.page-btn{font-size: 12px; margin-right: 0; width: 63px; margin-left: 10px;}
.de-page-mian .page-inner span{display: block; font-size: 12px; color: #333; float: left; line-height: 38px;}
.de-page-mian .page-inner input{display: block; float: left; height: 36px; width: 36px; border: 1px solid #dddddd; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin: 0 5px;}
/* go top */
.plugin-fixed-call{position:fixed;bottom:0px;right:0px;width:45px;z-index: 1000;}
.plugin-fixed-call .child{position:absolute;right:0px;overflow:hidden;cursor:pointer;width:45px;height:45px;background:#3779d7;line-height: 45px;margin-top:1px;}
.plugin-fixed-call .child{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.plugin-fixed-call .child a{display: inline-block; overflow: hidden;}
.plugin-fixed-call .child:hover{width:160px;background: #000;}
.plugin-fixed-call .child img{position:absolute;top:0px;left:0px;}
.plugin-fixed-call .child p{position: absolute;left:45px;color:#fff;}
.plugin-fixed-call .fixedQQ{bottom:92px;}
.plugin-fixed-call .fixedCall{bottom:46px;}
.plugin-fixed-call .fixedTop{position:absolute;right:0px;bottom:138px;color:#fff;background-color:#cbcbcb;cursor:pointer;text-align:center;width:45px;height:45px;line-height: 45px;font-size: 14px;font-family: "MICROSOFT YAHEI","Arial Narrow";}
.plugin-fixed-call .fixedTop .fixedTopPointer{position:absolute;top:-5px;left:18px;}
.plugin-fixed-call .fixedCode{bottom:0;cursor:pointer;width:45px;height:45px;background:#3779d7;line-height: 45px;margin-top:1px;}
.plugin-fixed-call .fixedCode:hover .fixedCodeInfo{display: block;opacity: 1;}
.fixedCodeInfo{display:none;position:fixed;bottom:0px;right:54px;padding:0 3px;border:1px solid #ccc;background:#fff;opacity: 0;}
.fixedCodeInfo .fixedPointer{position: absolute;right:-6px;bottom:12px;}
.scrolledDown{display: block;}
/*job*/
.de-job-list{overflow:hidden;padding-bottom:19px;min-height:645px;padding:5px 5px;}
.de-job-list ul li{overflow:hidden;padding:0 55px 0 25px;height:128px;border-bottom:1px solid #ededed;}
.de-job-list ul li .job-title{float:left;width:260px;margin-right:10px;padding-top:38px;}
.de-job-list ul li .job-title h3{font-weight:bold;font-size:18px;color:#333;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:15px;}
.de-job-list ul li .job-title p{font-size:16px;color:#237ed2;line-height:20px;font-weight:bold;}
.de-job-list ul li .job-title p em{font-weight:normal;font-size:12px;}
.de-job-list ul li .job-info{float:left;width:200px;padding-top:38px;}
.de-job-list ul li .job-info p{font-size:13px;color:#b2b2b2;line-height:20px;margin-bottom:15px;}
.de-job-list ul li .job-info p span{color:#737373;}
.de-job-list ul li .job-btn{display:block;float:right;width:80px;height:32px;line-height:32px;text-align:center;font-size:14px;color:#fff;background:#237ed2;margin-top:50px;}
.de-job-list ul li:hover{box-shadow:0 0 4px 2px rgba(104,104,104,0.1);}
.de-job-list ul li:hover .job-btn{display:block;}
.jobs-info{padding:40px 10px 30px;margin-bottom:28px;border-bottom:1px dashed #ededed;}
.jobs-info .h3{overflow:hidden;margin-bottom:15px;}
.jobs-info .h3 .job-name{float:left;font-weight:bold;font-size:20px;color:#333333;width:450px;}
.jobs-info .h3 .job-price{float:right;font-weight:bold;font-size:24px;color:#237ed2;line-height:1.1;max-width:360px;}
.jobs-info .h3 .job-price em{font-weight:normal;font-size:16px;}
.jobs-info .p{font-size:13px;color:#999999;line-height:20px;margin-bottom:10px;}
.jobs-info .p span{color:#595959;}
.jobs-info .btn{padding-top:10px;overflow:hidden;}
.jobs-info .btn a{display:block;width:230px;height:44px;text-align:center;line-height:44px;color:#fff;background:#237ed2;font-size:14px;}
.jobs-info .btn a:hover{background:#0058b1;}
.jobs-info-content{padding:0 20px 30px;overflow:hidden;}
.jobs-info-content h3{font-size:18px;color:#333333;font-weight:bold;line-height:1.1;margin-bottom:10px;}
.jobs-info-content p{font-size:14px;color:#333;line-height:24px;}
.apply-job{overflow:hidden;margin-top:20px;}
.apply-job .job-tr{overflow:hidden;}
.apply-job .job-tr .tr-over{overflow:hidden;}
.apply-job .job-tr .error{padding-left:75px;height:18px;line-height:18px;font-size:12px;color:#f00;}
.apply-job .job-tr .tr-title{float:left;width:50px;min-height:20px;text-align:right;font-size:14px;color:#808080;margin-right:25px;line-height:40px;}
.apply-job .job-tr .tr-cont{float:left;width:640px;}
.apply-job .job-tr .tr-cont h3{font-size:14px;color:#4c4c4c;line-height:40px;font-weight:bold;}
.apply-job .job-tr .tr-cont input[type=text]{line-height:38px;font-size:14px;color:#333;display:block;padding:0 10px;width:618px;height:38px;border:1px solid #e6e6e6;}
.apply-job .job-tr .tr-cont input[name='captcha']{font-size:14px;line-height:38px;color:#333;width:190px;float:left;margin-right:30px;}
.apply-job .job-tr .tr-cont .verify{cursor:pointer;float:left;width:120px;height:40px;line-height:40px;text-align:center;font-size:0;}
.apply-job .job-tr .tr-cont .verify img{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;}
.apply-job .job-tr .tr-cont textarea{font-size:14px;color:#333;display:block;height:170px;line-height:20px;padding:5px 10px;width:618px;border:1px solid #e6e6e6;}
.apply-job .job-tr .tr-cont.radio-cont{line-height:40px;}
.apply-job .job-tr .tr-cont.radio-cont input[type=radio]{margin-right:10px;}
.apply-job .job-tr .tr-cont.radio-cont label{margin-right:30px;color:#4c4c4c;line-height:40px;font-weight:bold;}
.apply-job .job-tr .tr-cont a.submit{display:block;width:190px;height:40px;line-height:40px;text-align:center;background:#237ed2;color:#fff;font-size:15px;}
.apply-job .job-tr .tr-cont a.submit:hover{background:#0058b1;}


/* 自定义样式 */
a:hover{text-decoration: none;}
/* 网站头部 */
.h-tool{line-height: 34px; background: url(../images/tool-bg.jpg) no-repeat top center;}
.h-tool .text-left p{color: #929192;}
.h-tool a, .h-tool p{font-size: 14px; color: #ffffff; display: inline-block;}
.h-tool a{padding-right: 10px; line-height: 14px;}
.h-tool .text-right > div > a+a{padding-left: 10px; border-left: 1px solid #fff;}
.h-tool .text-right > div{display: inline-block;}
.h-tool a:hover{color: #fe9404;}
.h-top{padding:30px 0; background: #fff;}
.tel{text-align: right; margin-top: 6px; }
/* 菜单 */
.m-menu{background: #3779d7;}
.m-menu .navbar{margin-bottom: 0;}
.m-menu .container,
#m-nav{padding:0;}
.navbar{border: none;}
.navbar-nav{margin:0;}
.navbar-nav > li{margin:0;}
.navbar-nav > li > a{width: 100%;text-align: center;padding:16px 65px;font-size: 16px;color: #ffffff;}
.navbar-nav > li > a:hover{color: #333333;background: #fcc300;}
.navbar-wrapper > .container{padding-right: 0; padding-left: 0;}
.navbar-wrapper .navbar{padding-right: 15px; padding-left: 15px;}
.navbar-wrapper .navbar .container{width: auto;}
/* 首页效果
-------------------------------------------------- */
#mob{display: none;}
.carousel-inner img{margin: 0 auto;}
/* 公司简介 */
.m-about{background: url(../images/about-bg.png) no-repeat bottom center;overflow: hidden;padding-bottom: 312px;position: relative;z-index: 2;}
.m-about .hd{text-align: center; padding:40px 0 26px; background: #fff; margin-top: 18px;}
.m-about .hd h3{height: 126px;background: url(../images/about-tit.png) no-repeat top center;}
.m-about .bd{overflow: hidden;padding-bottom: 66px; background: #fff;}
.m-about .bd .left{padding-left: 70px;}
.m-about .bd .left img{width: 100%;}
.m-about .bd .right{padding-right: 70px;}
.m-about .bd .right p{font-size: 16px; color: #666666; line-height: 30px;}
.m-about .bd .right a{transition: all .36s; display: inline-block; margin-top: 20px; padding:12px 36px; background: #3779d7; border-radius: 30px; font-size: 16px; color: #ffffff;}
.m-about .bd .right a:hover{background: #fcc300; color: #333; padding:12px 42px;}
/* 产品中心 */
.m-pro{overflow: hidden; /*background: url(../images/pro-bg.jpg) no-repeat top center;*/ margin-top: -430px; padding:252px 0 0; position: relative; z-index: 1;}
.m-pro .hd{text-align: center;}
.m-pro .hd h3{height: 123px; background: url(../images/pro-tit.png) no-repeat center;}
.m-pro .bd .swiper-slide img{width: 100%;}
.m-pro .bd .swiper-slide h3{line-height: 50px; font-size: 16px; color: #333333; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.s-type{overflow: hidden;}
.s-contact .hd, .s-type .hd{background:#3779d7; text-align: center; padding:20px 0; margin-bottom: 10px;}
.s-contact .hd h3, .s-type .hd h3{font-size: 30px; color: #ffffff; font-weight: bold; line-height: 1; margin-bottom: 10px;}
.s-contact .hd span, .s-type .hd span{display: inline-block; font-size: 18px; color: #ffffff; text-transform: uppercase; line-height: 1;}
.s-type .bd > a{display: block; background:#f1f1f1; margin:5px 0 0; padding:8px 20px; font-size: 16px; color: #333333;}
.s-type .bd > a span{font-size: 24px; color: #333333; transition: all .36s;}
.s-type .bd > a:hover{background:#3779d7; color: #fff;}
.s-type .bd > a:hover span{color: #fff;transform:rotate(10deg);-ms-transform:rotate(10deg); /* Internet Explorer */-moz-transform:rotate(10deg); /* Firefox */-webkit-transform:rotate(10deg); /* Safari 和 Chrome */-o-transform:rotate(10deg);}
.s-type .bd > div a{background:#f1f1f1; display: block; padding:0 15px 0 55px; line-height: 24px; font-size: 14px; border-bottom: 0;}
.s-type .bd > div a:hover{color: #3779d7;}
.s-contact .hd{margin:10px 0 0;}
.s-contact .bd{background:#f1f1f1;text-align: center;padding:20px;}
.s-contact .bd p{font-size: 14px;color: #333333;line-height: 32px;text-align: left;}
.m-type{overflow: hidden; margin:45px 0; text-align: center;}
.m-type a{display: inline-block; padding:10px 35px; border:1px solid #b7b7b9; font-size: 18px; color: #333333; border-radius: 30px; margin:0 18px 5px;}
.m-type a:hover{background: #fcc507; border-color: #fcc507; color: #fff; font-weight: bold;}
/* 新闻中心 */
.m-news{overflow: hidden; background: url(../images/news-bg.png) no-repeat bottom center; padding-top: 282px; margin-top:-260px; padding-bottom: 24px;}
.m-news .tit{overflow: hidden;}
.m-news .tit h3{font-size: 24px; color: #ffffff; line-height: 32px; font-weight: bold; clear: both;}
.m-news .tit img{margin:60px 0 30px; clear: both; max-width: 100%;}
.m-news .txt{background: #ffffff; border-radius: 10px; padding:10px 20px; overflow: hidden; margin-top: 40px;}
.m-news .txt h3{line-height: 53px; border-bottom: 1px solid #dbdbdb; padding-left: 36px; font-size: 24px; color: #3779d7; font-weight: bold; background: url(../images/ico-news.png) no-repeat left center; margin-bottom: 20px;}
.m-news .txt .left{width: 60%; float: left; font-size: 14px; color: #333333; line-height: 25px;}
.m-news .txt .left img{width: 203px; height: 118px; float: left; margin:0 12px 5px 0;}
.m-news .txt .left a{color: #333333;}
.m-news .txt .left a:hover{color: #3779d7;}
.m-news .txt .right{width: 40%; float: right; box-sizing: border-box; padding-left: 20px;}
.m-news .txt .right li{overflow: hidden; line-height: 34px; text-overflow: ellipsis; white-space: nowrap; padding-left: 16px; background: url(../images/ico-li.jpg) no-repeat left center;}
.m-news .txt .right li a{font-size: 14px; color: #333333;}
.m-news .txt .right li a:hover{color: #3779d7;}
/* 三大优势 */
.m-super{overflow: hidden;}
.m-super .hd{text-align: center; padding:50px 0;}
.m-super .hd h3{height: 122px; background: url(../images/super-tit.jpg) no-repeat center;}
.m-super .bd li{clear: both;}
.m-super .bd li h3{line-height: 52px; margin-bottom: 32px; background: url(../images/h3-bg.png) no-repeat left center; font-size: 26px; color: #ffffff; font-weight: bold;}
.m-super .bd li h3 span{display: inline-block; width: 44px; height: 44px; text-align: center; line-height: 44px; margin:2px 20px 0 2px; font-size: 30px; color: #3779d7; font-weight: bold;}
.m-super .bd li p{font-size: 14px; color: #666666; line-height: 24px; padding-left: 20px; background: url(../images/ico-p.png) no-repeat left 5px; margin-bottom: 30px;}
.m-super .bd li:nth-child(1) .txt{margin-top: 20px;}
.m-super .bd li:nth-child(2){overflow: visible;}
.m-super .bd li:nth-child(2) > div img{position: relative; top:-40px;}
.m-super .bd li:nth-child(2) > div h3{ margin-top: 30px;  }
.m-super .bd li:nth-child(3) > div img{position: relative; top:-60px;}
/* 成功案例 */
.m-case{background: url(../images/case-bg.png) no-repeat top center; overflow: hidden;}
.m-case .hd{padding:65px 0 55px; text-align: center;}
.m-case .hd h3{height: 124px; background: url(../images/case-tit.png) no-repeat center;}
.m-case .bd{padding-bottom: 70px;}
.m-case .bd .swiper-slide img{width: 100%; height: 205px; border:3px solid #fff; border-radius: 25px; object-fit: cover;}
.m-case .bd .swiper-slide h3{line-height: 56px; text-align: center; padding:0 20px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #ffffff;}
/* 底部信息 */
#footer{overflow: hidden; background: url(../images/f-bg.jpg) no-repeat top center; padding-bottom: 20px;}
#footer .container{position: relative;}
.f-qa{padding:0 0 36px; overflow: hidden;  }
.picScroll-left{overflow:hidden; position:relative; padding-left: 190px;}
.picScroll-left .hd{overflow:hidden; position: absolute; left:0;}
.picScroll-left .hd h3{font-size: 20px; color: #2c2d2d; font-weight: bold;}
.picScroll-left .hd p{font-size: 14px; color: #666666;}
.picScroll-left .hd .prev,.picScroll-left .hd .next{display: inline-block; padding:7px 15px; background: #4a4a4a; cursor: pointer;}
.picScroll-left .hd .prev{background:#4a4a4a url(../images/qa-right.png) no-repeat center;}
.picScroll-left .hd .next{background:#3779d7 url(../images/qa-left.png) no-repeat center;}
.picScroll-left .hd .prev:hover{background:#3779d7 url(../images/qa-right.png) no-repeat center;}
.picScroll-left .hd .next:hover{background:#4a4a4a url(../images/qa-left.png) no-repeat center;}
.picScroll-left .bd{width: 100%; overflow: hidden;}
.picScroll-left .bd li{width: 50%; text-align: left; /*padding:20px;*/ margin:0 10px; background: #f5f5f5; float:left; box-sizing: border-box;}
.picScroll-left .bd li a{display: inline-block; margin:20px;}
.picScroll-left .bd li h3{/*padding-left: 36px; background: url(../images/w.png) no-repeat left top;*/ font-size: 14px; color: #333333; font-weight: bold; line-height: 25px; margin-bottom: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.picScroll-left .bd li p{ overflow: hidden; text-indent: -2em; /*padding-left: 36px; background: url(../images/d.png) no-repeat left top;*/ font-size: 14px; color: #666666; line-height: 24px;}
.m_link{overflow: hidden; padding:12px 0 0;}
.m_link b{float: left; color: #2c2d2d; font-size: 20px; padding:0 15px 0 30px; display: inline-block;}
.m_link a{float: left; line-height: 2; display: inline-block; padding:0 10px; font-size: 14px; color: #333;}
.m_link a:hover{color: #3779d7;}
.f-nav{padding:18px 0; border-top:1px solid #3779d7; border-bottom: 1px solid #3779d7; margin-bottom: 20px;}
.f-nav a{display: inline-block; font-size: 14px; color: #333333; line-height: 14px; padding:0 40px;}
.f-nav a:hover{font-weight: bold; color: #3779d7;}
.f-contact img{margin-bottom: 20px;}
.f-contact p{font-size: 13px; color: #333333; line-height: 30px;}
.f-type h3{font-size: 16px; color: #3779d7; font-weight: bold; line-height: 36px;}
.f-type a{display: inline-block; font-size: 14px; color: #333333; line-height: 30px; margin-right: 34px;}
#footer a:hover{color: #3779d7;}
.f-ewm{text-align: center;}
.f-ewm p{color: #333333; line-height: 42px;}
/* 侧边栏 */
.s-type{width: 100%;overflow: hidden;}
.s-type > h3{text-align: right;background: #ff9900;padding:23px 18px 18px 0;font-size: 30px;color: #ffffff;font-weight: bold;}
.s-type > h3 span{display: inline-block;margin-top: 10px;font-size: 22px;color: #ffffff;text-transform: uppercase;line-height: 1;padding-top: 10px;border-top:1px solid #ffffff;font-weight: normal;}
.s-type ul{padding:28px 0;background: #f7f0de;overflow: hidden;}
.s-type li{width: 90%; float: right; border-bottom: 1px solid #baaf93;}
.s-type li h3{font-size: 16px; color: #5d5d5d; padding:17px 0 17px 40px; background: url(../images/ico-li.png) no-repeat 240px center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.s-type li:hover h3{color: #fff; background: url(../images/ico-li.png) no-repeat left center; transition: all .3s;}
.s-type ul > a{display: inline-block; width: 90%; float: right; text-align: right; margin:25px 10% 10px 0; font-size: 14px; color: #ff6301; transition: all .3s;}
.s-type ul > a:hover{margin-right: 15%; transition: all .3s;}
/* chrome input placeholder style */
::-webkit-input-placeholder{color:#bbbbbb !important;}
/* 内页效果 */
#banner{overflow: hidden;text-align: center;position: relative;}
#banner > img{max-width: 100%;}
#banner .hd{width: 100%;position: absolute;bottom:40%;}
#banner .hd h3{font-size: 3.4rem;color: #595858;}
#banner .hd span{font-size: 5rem;font-family: "Mongolian Baiti";text-transform: uppercase;color: #595858;}
#banner .bd{width: 100%;position: absolute;bottom:0;text-align: center;}
#banner .bd a{display: inline-block;margin:0 1.5rem;padding:1.5rem 2rem;background: #fff;color: #343434;font-size: 1.6rem;}
#banner .bd a:hover{background: #ff9702;color: #fff;}
/* 内页文章样式 */
.article .container{margin: 2.5rem auto;background: #ffffff;padding:2rem;}
.article p{color: #6b6b6b;font-size: 1.6rem;line-height: 3rem;}
.article .text-center img{max-width: 60%;}
.article p img{max-width: 100%;}
.article h1{text-align: center;font-size: 2.7rem;line-height: 2.7rem;margin:2.8rem 0 1.6rem;}
.article .meta_info{text-align: center;padding-bottom: 26px;border-bottom: 1px dotted #868686;margin-bottom: 30px;font-size: 1em;color: #888787;}
.article img{text-align: center;margin:2px auto;}
.a_tit{background: #f0f1f2;margin:20px 0;}
.a_tit h3{padding:12px 20px;background: #3779d7;color: #fff;display: inline-block;font-size: 1.1em;margin:0;}
.a_con{padding-bottom: 20px;}
.a_con p{font-size: 16px;line-height: 36px;}
#xgcp .swiper-slide{overflow: hidden;margin-bottom: 20px;overflow: hidden;}
#xgcp .swiper-slide .img{width: 100%;height: 194px;position: relative;}
#xgcp .swiper-slide .img:before{content: "";display: block;width: 100%;height: 100%;background: rgba(251,135,5,.35) url(../images/ico-search.png) no-repeat center;position: absolute;bottom: 100%;transition: all .3s;}
#xgcp .swiper-slide:hover .img:before{bottom:0;}
#xgcp .swiper-slide .img img{width: 100%;height: 194px;background: #fff;object-fit: cover;}
#xgcp .swiper-slide h3{height: 42px;line-height: 42px;background: #e4e2e2;font-size: 14px;color: #555555;text-align: center;}
#xgcp .swiper-slide:hover h3{background: #f3a952;color: #fff;}
.info_top h1{height: 58px;line-height: 58px;border-bottom: 1px solid #d7d7d7;font-size: 24px;color: #555555;font-weight: bold;margin-bottom: 20px;}
.info_top p{font-size: 14px;color: #555555;line-height: 30px;}
.info_top a{display: inline-block;padding:18px 90px;background: #ff9702;color: #fff;font-size: 24px;margin-top: 20px;}
/* 新闻列表 */
.news li{margin: 0 10px 0; padding: 1rem; border-bottom: 1px dotted #ccc;}
.news li h3{font-size: 2rem;margin-bottom: 1rem;}
.news li p{font-size: 1.4rem; color: #848282; line-height: 2.2rem;}
.news li:hover{background: #f0f0f0;}
.news li:hover h3{color: #ff9702;}
.btn-primary{background-color: #ff9702;border-color: #e37f00;}
/* 产品内页 */
.pro-bd li h3{line-height: 50px;font-size: 16px;color: #333333;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pro-bd li img{width: 100%; height: 174px; object-fit: cover;}
.pc-slide{width: 100%;margin: 0 auto; border:1px solid #e7e6e6; padding:15px 20px; margin-left: -15px;}
.view .swiper-container{width: 100%; margin-bottom: 18px;}
.view .swiper-slide img{width: 100%;}
.preview{width: 100%;margin-top: 16px;position: relative;}
.preview .swiper-container{width: 80%;height: 66px;margin-left: 35px;}
.preview .swiper-slide{width: 90px;height: 64px;cursor:pointer; margin:0 10px;}
.preview .swiper-slide img{width: 90px; height: 64px; object-fit: cover;}
.preview .slide6{width: 90px;}
.preview .arrow-left{background: url(../images/feel3.png) no-repeat left top;position: absolute;left: 0;top:5px; margin-top: -9px;width: 20px;height: 70px;z-index: 10;}
.preview .arrow-right{background: url(../images/feel4.png) no-repeat left bottom;position: absolute;right: 0;top:5px; margin-top: -9px;width: 20px;height: 70px;z-index: 10;}
.preview img{border: 1px solid #b6b6b6;}
.preview .active-nav img{padding: 0;border: 1px solid #006dc0;}
.p-info{overflow: hidden; margin-bottom: 40px;}
.p-info .right{padding-left:0; padding-right: 0;}
.p-info .right h3{font-size: 24px; color: #3779d7; line-height: 40px; margin-top: 16px;}
.p-info .right p{font-size: 14px; color: #919191; line-height: 30px;}
.p-info .right p span{font-size: 16px; color: #033333;}
.p-info .right > a{display: inline-block; width: 120px; height: 35px; background: url(../images/ico-message.jpg) no-repeat; background-size: contain; margin-top: 40px;}
.p-info .right > a + a{display: inline-block; width:120px; height: 35px; background: url(../images/ico-contact.jpg) no-repeat; margin-left: 30px; background-size: contain;}
.p-info .right i{font-style: normal; font-size: 14px; color: #919191; line-height: 30px; margin-left: -2em;}
.p-info .right > div{border-top:1px solid #e9eaeb; margin-top: 20px; padding-top: 15px;}
.p-info .right > div span{display: inline-block; float: left; line-height: 36px;font-size: 16px; color: #333333;}
.p-tit{height: 40px; line-height: 40px; background: #ebeced; margin-bottom: 20px;}
.p-tit h3{padding:0 25px; height: 100%; line-height: 40px; background: #3779d7; font-size: 18px; color: #ffffff; display: inline-block;}
.article h2{font-size: 24px; background: #3779d7; color: #fff; display: inline-block; padding:15px 36px; margin:12px 0;}
#p-form{overflow: hidden;}
#p-form label{width: 20%; text-align: right; font-size: 16px; font-weight: normal; color: #666666; line-height: 42px; display: inline-block; vertical-align: top; float: left;}
#p-form　.form-group{overflow: hidden; margin-bottom: 12px;}
#p-form input{width: 80%; height: 40px; border:1px solid #dddada; padding-left: 10px; background:#f2f2f3;}
#p-form textarea{width: 90%; height: 112px; border:1px solid #dddada; resize: none; padding: 10px;}
#p-form .btn-primary{width: 40%; margin:0 auto; height: 44px; background: #3779d7; font-size: 18px; color: #ffffff; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border:none; padding:10px 0; }
.form-group{ overflow: hidden; }


.l-bd{width: 100%;margin: 20px auto;line-height: 260%;overflow: hidden;}
#lx1{ width: 100%; float: left; background: #565656; margin: 0px 0 30px;}
#lx1 p{ width: 100%; height: 489px; overflow: hidden;}
#lx1 #lx1_title{ padding: 10px 0 10px 32px; color: #fff; font-size: 30px; font-weight: bold; line-height: 1.7;}
#lx1 #lx1_title span{ font-size: 16px; font-weight: normal;}

#lx2{ width: 100%; height: auto; overflow: hidden; background: #f0f0f0; float: right; padding: 35px; }
#lx2 .left{ width: 290px; line-height: 2.0;float: left;}
#lx2 .left span{font-size: 20px;font-weight: 700;margin-bottom: 10px;}
#lx2 .right{float: right;}
#lx2 .right img{width: 190px;height: 190px;}

#lx3{  width: 100%; height: auto; overflow: hidden; background: #f0f0f0; float: right; box-sizing: border-box; padding: 10px ; border-bottom: 4px solid #003f98; margin: 5px 0 30px 0;}
.gsjj_title1{ color: #737373; font-weight: bold; font-size: 24px;}
#lx3 input{height: 28px;border:none;float: left;}
#lx3 .label_txt{ width: 12%; }
#lx3 .label_input{ width: 12%; }
#lx3 li{ width: 50%; float: left; margin-bottom: 12px; }
#lx3 li label{ float: left; font-size: 14px; color: #444; width: 22%; font-weight: normal; }
#lx3 li input{ float: left; height: 28px; font-size: 14px; color: #444; box-sizing: border-box; padding-left: 12px; }
#lx3 .textarea, #lx3 li:last-child{ width: 100%; overflow: hidden; clear: both; }
#lx3 .textarea label, #lx3 li:last-child label{ width: 11%; }
#lx3 .textarea textarea{ width: 81%; border:0; background: #fff; font-size: 14px; color: #444; box-sizing: border-box; padding:12px; height: 84px; }
#lx3 li img{ width: 64px; height: 28px; float: left; margin:0 12px; }
#lx3 li .submit{ display: inline-block; width: 60px; text-align: center; background: #003f98; color: #ffffff; font-size: 16px;margin-top: -5px; border-radius: 10px; }



.scale:hover img {transform: scale(1.1, 1.1);}
.scale img{ transition:transform 1s ease 0s; width: 100%; }
.page-tit{text-align:center;font-size:24px;margin:80px 0px 50px 0px;color:#010101;}
.page-tit .page-tit-en{font-family:Pincolor;text-transform:uppercase;font-size:36px;color:#333;}
.page-tit .line{width:40px;height:2px;background:#00afda;margin:0 auto;margin-top:35px;}
/* 媒体查询 */
@media screen and (max-width: 1200px){
	.navbar-nav > li{ width: 33.3%; float: left; border:1px solid #fff; }
	.navbar-nav > li:nth-child(1),
	.navbar-nav > li:nth-child(2),
	.navbar-nav > li:nth-child(3){ border-bottom: none; }
    .navbar-nav > li:nth-child(1),
    .navbar-nav > li:nth-child(2),
	.navbar-nav > li:nth-child(4),
	.navbar-nav > li:nth-child(5){ border-right:none;  }
	.navbar-nav > li > a{ padding:15px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	
	.m-news .tit h3{ font-size: 24px; }
	.f-type a{ margin-right: 34px; }
	.m-about .bd .video{ margin-bottom: 15px; }
	.m-about .bd .left{ padding-left: 15px; }
	.m-news .tit img{ margin:100px 10px 20px 0;  }
	.m-super .bd li img{ max-width: 100%; }
	
	.navbar-nav{ float: none; }
	.h-top .logo{ display: block; overflow: hidden; text-align: center; }
	.h-top .logo img{ display: inline; max-width: 100%; }
	.m-about{ padding-bottom: 290px; }
	.m-about .hd{ padding:30px 0 26px; }
	.m-about .bd{ padding-bottom: 36px; }
	#footer{ background-size: cover; }
	.f-nav a{ padding:0 28px; }
	.s-contact .bd img{ max-width: 100%; }
	.f-qa{ display: none; }
	.p-info .right > a{ margin-top: 0; }
	.p-info .right > a + a{ margin-left: 0; }
	#p-form label{ font-size: 14px; }
    .apply-job .job-tr .tr-cont{ width: 80%; }
    .apply-job .job-tr .tr-cont input[type=text], .apply-job .job-tr .tr-cont textarea{ width: 100%; }
}
@media screen and (max-width: 992px){
	.tel{ display: none; }
	.m-news .tit{ display: none; }
	.m-super .bd li{ text-align: center; }
	.m-super .bd li .txt{ text-align: left; }
	.m-super .bd li:nth-child(2) > div img{ top:0; }
	.m-about{ padding-bottom: 0; }
	.m-pro{ margin-top:0; padding:0; }
	.s-type{ display: none; }
	.m-news{ padding:24px 0; margin:0; }
	.picScroll-left{ padding-top: 62px; padding-left: 0; }
	.picScroll-left .hd{ position: absolute; top:0;  }
	.picScroll-left .bd li h3{ width: 200px; }
	.picScroll-left .bd li p{ width: 200px; }
	.h-tool{ background: #3779d7; }
	.logo img{ width: 100%; }
	.h-top{ padding:15px 0; }
	.h-tool .text-left p{ color: #fff; }
	.f-nav{ display: none; }
	.m-type{ margin:15px 0; }
	.m-type a{ margin: 4px 6px; padding: 6px 12px; font-size: 16px; }
	.f-qa{ display: none; }
	.f-ewm{ position: absolute; right: 0; top:310px; }
	.s-type .bd > div{ display: none; }
	.m-about{ background-size: cover; }
	.m-about .hd{ margin-top: 20px; padding:25px 0; }
	.m-about .bd{ text-align: center; }
	.m-about .bd .right{ padding-right: 15px; }
	.m-about .bd .left img{ height: 200px; object-fit: contain; }
	.m-about .bd .right p{ text-align: left; }
	.m-pro{ background-size: cover; }
	.f-qa > .container{ padding:0; }
	.m-super .bd li .txt{ margin-top: 20px; }
	.title .right{ display: none; }
	.news li{ margin:0; padding:1rem 0; }
	.p-info .right > a{ margin-top: 15px; }
	.p-info .right > a + a{ margin-left: 15px; }
}
@media screen and (max-width: 785px){
	.m-news .txt .left, .m-news .txt .right{ width: 100%; }
	.m-news .txt .right{ margin-top: 20px; padding-left: 0; }
	.m-super .hd h3{ background-size: 90% ; }
	.m-super li img{ width: 100%; margin-bottom: 15px; }
	.m-about .bd .right{ padding-right: 15px; }
	.f-ewm{ display: none; }
	.m-about .bd .left img{ display: none; }
	.article{ margin:0 -15px; }
	.tz-gallery li .img{ height: 160px; }
	.m-about .bd .right p > img{ width: 40%; float: left; margin:0 10px 10px 0; }
	.m-type{ display: none; }
	.article img{ max-width: 100%; }
	.s-type .bd a{ padding: 10px 0; }
	.s-type .bd a span{ display: none; }
	iframe{ width: 100%; height: 200px; }
	#mob{ display: block; }
	#mob img{ width: 100%; }
	.m-pro .hd{ margin-bottom: 20px; }
	.m-news .txt{ margin-top: 0; }
	.f-bom{ margin: 30px 0 52px; }
	.de-page-mian .page-inner span, .de-page-mian .page-inner input{ display: none; }
	#p-form .btn-primary{ width: 100%; }
	#p-form .form-group:nth-child(6) label{ width: 20%!important; }
	#p-form textarea{ width: 80%; }
	#verifyImg{ width: 17%; }
    .de-job-list ul li{ height: auto; padding:15px; }
    .de-job-list ul li .job-title, .de-job-list ul li .job-info, .de-job-list ul li .job-btn{ width: 100%; margin:0; padding-bottom: 20px; padding-top: 0; }
    #lx1 p{ height: 280px; }
    #lx1 #lx1_title{ font-size: 24px; padding:20px; }
    #lx2{ padding:20px; }
    #lx2 .right{ width: 100%; text-align: center; padding:12px 0; }
    #lx3 li{ width: 100%; }
    #lx3 .textarea label, #lx3 li:last-child label{ width: 22%; }
    #lx3 .textarea textarea{ width: 78%; }
    .page-tit{ padding:25px 0; margin:0; }
    .title{ padding:0 15px; }
    .h-tool .container{ padding:0; }
    .h-tool .text-left{ display: none; }
    .h-tool .text-right{ text-align: center; }
}
@media screen and (max-width: 497px){
	.m-super .hd{ padding:15px 0; }
	.picScroll-left .bd li h3{ width: 160px; }
	.picScroll-left .bd li p{ width: 160px; }
	.f-nav{ display: none; }
	#p-form label{ width: 30%; }
	#p-form textarea,#p-form input{ width: 60%; }
	.m-about .hd h3,.m-pro .hd h3,.m-case .hd h3{ background-size: 75%; }
	.m-super .bd li h3{ font-size: 20px; }
	.pro-bd li img{ height: 146px; }
	.m-about .hd{ padding:25px 0 0; }
	.m-about .hd h3{ height: 92px;background-size: 60%; }
	.m-case .hd{ padding:65px 0 15px; }
	.m-case .bd{ padding-bottom: 20px; }
	.picScroll-left .bd li p{ width: 80%; }
	#p-form .form-group:nth-child(6) label{ width: 30%!important; }
	#p-form textarea{ width: 70%; }
    .apply-job .job-tr .tr-cont{ width: 68%; }
	
}
@media screen and (max-width: 378px){
	.f-type a{ margin-right: 30px; }
	.f-contact > img{ width: 100%; margin:20px 0; }
	.m-about .hd h3{ background-size: 60%; height: 86px; }
	.m-pro .hd h3{ background-size: 80%;  height: 90px; }
	.m-news .hd h3{ background-size: 80%;  height: 80px; }
	.s-type{ display: none; }
	.m-super .bd li h3{ font-size: 18px; }
	.f-qa{ display: none; }
	.m-case .bd .swiper-slide img{ height: 145px; }
}