@charset "utf-8";
/* CSS Document */
*{ padding:0; margin:0; outline: none;}
body{ font-size:14px; font-family: "Microsoft YaHei";}
ul,li{ list-style:none;}
a{ text-decoration:none; color:#000;}
.clear{ clear:both;}
h1,h2,h3,h4{ font-weight:normal;}
img{ border:0;}
.header{ height:112px; width:100%; }
.top{background:#036eb8; height:32px;}
.topmid{ width:1240px; margin:0 auto; color:#fff; line-height:32px;}
.topmidleft{ width:auto; float:left;}
.topmidright{ width:auto; float:right;}
.secondtop{ width:100%; height:80px;}
.secondtopmid{ width:1240px; margin:0 auto;}
.secondtopmid span{ display:inline-block; float:left;line-height:80px; margin-top:10px;}
.secondtopmid ul li span{ height:2px;   width:100%; }
.secondtopmid ul{ float:right;}
.secondtopmid li{ display:inline-block; line-height:40px; height:40px; margin-top:20px; padding-left:20px; font-size:16px;}
.secondtopmid li a{ color:#333; height:40px; display:inline-block;}
.secondtopmid li a.current{ color:#036eb8;}
.secondtopmid li a:hover span,.secondtopmid ul li span.current{ height:2px;  background:#036eb8; width:100%;}
.banner,.bannerimg{ position: relative;overflow: hidden;}
.banner img,.bannerimg img{width: 100%; }
.swiper-wrapper .swiper-slide{position: relative;}
.gray-slide{min-height:400px;}
.gray-slide img{width:100%;display: block;}
.swiper-pagination-bullet{width: 15px; height: 15px;background: url(./images/banner_ico.png) no-repeat left top; margin-right: 10px; cursor:pointer;}
.swiper-pagination-bullet-active{background: url(./images/banner_ico_current.png) no-repeat left top;}
.indexcon1{ width:100%; height:auto;}
.indexcon1main{ width:1240px; margin:0 auto;}
.indexcon1left{ width:400px; float:left;}
.indexcon1left dt{ font-size:18px; color:#222527; }
.conleftdl dd{ color:#545657;padding:18px 0;}
.conleftdl .conleftdd{padding:0;}
.conleftdl .conleftdd a{ color:#1a77af; width:98px; border:1px solid #1a77af; height:30px; display:inline-block; text-align:center; line-height:30px; }
.conleftdl .conleftdd a:hover{ background:#1a77af; color:#fff;}
.conleftdl{ padding-top:30px;}
.indexcon1mid{ float:left; }
.indexcon1right{ width:400px; float:right;}
.indexcon1right dl{padding-top:30px;}
.indexcon1right dt a{ color:#222527; font-size:16px;}
.indexcon1right dt a:hover{color:#00a1e5;}
.indexcon1right dd{ font-size:13px; color:#757779; padding-top:15px;}
.indexcon2{ width:100%; height:165px; background:#036eb8; margin-top:30px;}
.con2main{ width:1240px; margin:0 auto; position:relative;}
.con2main div:first-child{ color:#fff; font-size:36px; display:block; z-index:2; text-align:center; position:absolute; left:380px;top:30px;}
.con2main div:first-child+div{ color:#0379be; font-size:56px; text-align:center; z-index:1; position:absolute; left:324px; top:55px;}
.con2main div:first-child+div+div{ color:#c6c9cf; font-size:18px; text-align:center; z-index:2;position:absolute; left:350px; top:105px;}
.indexcon3{ width:100%; height:auto; background:#efefef; padding-bottom:10px;}
.con3main{ width:1240px; margin:0 auto; }
.con3left{ width:600px; float:left;}
.con3right{ width:600px; float:right;}
.con3dd dt{ color:#2d2132; font-size:20px; line-height:40px;}
.con3dd dt span{ color:#ff3933;}
.con3dd dd{ font-size:16px; color:#49585f; border-top:1px solid #d2d2d2; line-height:35px; padding-top:5px;}
.con3dd img{ float:left; }
.con3dd dl{ float:left; width:530px;}
.con3dl{ padding-top:35px;}
.con3leftdl{ padding-top:50px;}
.indexcon4{ width:100%; height:auto;background:url(images/about_us_bg.png); height:490px; }
.con4main{ width:1240px; margin:0 auto;}
.leftcon4{ float:left; width:600px;}
.leftcon4 dt{ color:#fff; font-size:20px; padding:120px 0 40px 0; }
.leftcon4 dd{ color:#f5fbfe; line-height:30px;}
.leftcon4 .leftcon4des{ font-size:18px;  padding-bottom:20px; line-height:0px;}
.leftcon4>a{ border:1px solid #fff; height:35px; width:116px; display:block; font-size:16px; color:#fff; line-height:35px; text-align:center; margin-top:40px;}
.rightcon4{ float:right; width:600px;}
.con4desc{ background:#fff; padding:25px 47px 35px 47px; margin-top:35px;}
.con4desc div{ background:#494b4f; width:230px; height:80px;} 
.con4desc span:first-child{ display:block; font-size:16px; color:#fff; padding:15px 0 5px 30px;}
.con4desc span:first-child+span{ display:block; color:#bab9b9; font-size:12px;padding:0 0 0 30px;}
.con4desc p{ margin-top:30px; color:#666; line-height:30px;}
.indexcon5,.indexcon6{ width:100%; height:auto; margin-top:32px;}
.con5main,.con6mian{ width:1240px; margin:0 auto;}
.con5main li{ width:390px; float:left; height:340px; margin-right:35px;}
.protitle{ width:100%; height:85px; padding-top:5px; background:#19b3fb; color:#fff;}
.protitle span{ display:block; text-align:center;}
.protitle span:first-child{ font-size:18px; font-weight:bold; padding:10px 0;}
.protitle span:first-child+span{ font-size:16px; color:#edeff0;} 
.con5main li:first-child+li+li{ margin:0;}
.con5main ul li a:hover .protitle{ background:#000;}
.bggreen{ background:#03a08b;}
.bgblue{ background:#1271b7}
.leftcon6{ width:600px; float:left;}
.con6title{ height:55px; border-bottom:1px dashed #c3c3c4;}
.con6title span{ display:block; }
.con6title span:first-child{ color:#121111; font-size:18px;}
.con6title span:nth-child(){ color:#8a8989; font-size:12px;}
.con6title>div{ float:left;border-left:2px solid #3c3e3e;  }
.con6title>div *{ padding-left:10px;}
.con6title>span a{ float:right; padding-top:20px; color:#acacad;}
.con6title>div span:last-child{ color:#8a8989;}
.con6list li{ width:100%; border-bottom:1px dashed #c3c3c4;}
.con6list li img{ width:145px; height:120px;padding:25px 20px 25px 0; float:left;}
.con6list li a:hover h2{ color:#03F;}
.con6list li h2{ font-size:16px; color:#00a1e5; padding-top:20px; line-height:40px;}
.con6list li p{ line-height:25px; height:70px;}
.con6list li h2,.con6list li p{ float:left; width:435px; display:block;}
.con6list li p font{ float:right; font-size:13px; color:#ee5917;}
.con6list li span{ float:left; display:block;}
.fright{ float:right;}
.footer{ width:100%; height:auto;}
.footertop{ height:47px; background:#28303d; width:100%;}
.footertop ul{ text-align:center;}
.footertop li{ display:inline-block; padding-right:35px; line-height:47px;}
.footertop li a, .footertop li{ color:#f4f4f4;}
.footbottom{ width:100%; margin:0 auto; background:#22262d;}
.footbottom li{ text-align:center;}
.footbottom>ul>li:first-child{ font-size:15px; color:#ededed; padding-top:33px;}
.footbottom>ul>li:first-child span{ font-size:12px;}
.footbottom>ul>li:first-child+li{ padding:10px 0;}
.footbottom>ul>li:first-child+li+li+li{ padding:45px 0;}
.footbottom ul li{ color:#afafaf; font-size:12px;}
.footbottom ul li img{ padding-right:15px;}
.hide{display: none;}
.kf {position: fixed;right: 0;top: 150px;z-index: 999;}
.kf-btn {display: bold;float: left;position: relative;top: 220px;cursor: pointer;}
.kf img {display: block; max-width: 100%;margin-left: auto;margin-right: auto;margin-top: 15px;}
.kf-box {padding-left: 26px;display: block;}
.kf-bg {border: 4px solid #00a0e9;border-radius: 6px;background: #fff;width: 120px;padding: 5px 10px;padding-bottom: 5px;padding-bottom: 30px;}
.kf h5 {color: #00a1e5;border-bottom: 1px solid #00a1e5; padding-bottom: 5px;text-align: center;font-size: 14px;padding-top: 15px;}
.kf h5 a:first-child{margin-right:10px;}
.kf h5 a{color:#aaa;}
.kf h5 a.active{color:#00a1e5;}
.kf .link2 {display: block;padding-left: 30px; background: url(./images/kefu/kf-icon2.jpg) no-repeat;line-height: 20px;height: 25px;border-bottom: 1px solid #eee;margin-top: 5px;color: #555;}
.kf .link2:hover{color: #c01920;}
.kf-tel {border-bottom: 1px solid #ddd;padding: 10px 0;font-size: 12px;background: url(./images/kefu/kf-icon-tel.png) left 6px no-repeat;}
.kf .kf-tel span:before{content: url(./images/kefu/dhzxdhtp.jpg);margin-right: 9px;vertical-align:middle}
.kf-top {line-height: 24px;padding-top: 15px;}
.kf-top a {text-decoration: underline;color: #036eb8;}
.kf-top i {display: block;overflow: hidden;float: left;margin-right: 10px;margin-left: 10px;}
.kf-top i img { margin-top: 0;}
.kf .link1{display: block;padding-left: 30px; line-height: 20px;height: 25px;border-bottom: 1px solid #eee;margin-top: 5px;color: #555;background: url(./images/kefu/timg.jpg) left 0 no-repeat;}
#layer{width:100%;height: 100%;top:0;z-index:999;background:rgba(0,0,0,0.7);position: fixed;}
#layer img{width:260px;height: 260px;position:fixed;margin-left:-130px;margin-top:-130px;left:50%;top:50%;}
#layer p{position: fixed;left:50%;top:50%;margin-top:160px;margin-left:-95px;font-size:20px;color:#fff;}

/*list*/
.listbanner{width: 100%;}
.listbanner img{ width: 100%;}
.tab{ width: 100%; height: 80px; background: #eee;margin-top: -4px;}
.tabmain { width: 1240px;  margin: 0 auto;}
.tabmain ul{ width: 640px;  margin: 0 auto;}
.tabmain li{ display: inline-block; height: 80px; padding: 0 43px; text-align:center; border-right: 1px solid #c8c8c8; float: left; }
.tabmain li:last-child{border: 0;}
.tabmain li:hover,.tabmain li.current{background: #0f60cc; color: #fff;}
.tabmain li:hover span,.tabmain li:hover font,.tabmain li.current span,.tabmain li.current a,.tabmain li.current font,.tabmain li:hover a{ color: #fff; }
.tabmain li a{ line-height: 20px; }
.tabmain li a span{ padding-top: 20px; display: inline-block;}
.tabmain li span{ font-size: 16px; color: #0f0f0f;}
.tabmain li font{ font-size: 12px; color: #666;}
.listcontent{width: 1240px; margin: 0 auto; margin-top: 30px;}
.listcontent li{ height: 160px; border: 1px solid #e1e1e1; margin-bottom: 20px;}
.listcontent li:hover{border: 1px solid #1a77af;}
.listcontent .time{ float: left;  width: 140px; height: 100%;}
.listcontent .time span{ display: block; text-align: center;}
.listcontent .time span:first-child{ font-size: 46px; color: #0f60cc; padding-top: 30px;}
.listcontent .time span:first-child+span{ font-size: 20px; color: #0f60cc; }
.listcontent dl{ padding: 20px 30px; float: left; width: 1038px;}
.listcontent dt{ font-size: 16px; padding-bottom: 10px; }
.listcontent dd{ color: #666; font-size: 12px; line-height: 24px;}
.pages {  text-align: center;padding: 40px 0; width: 1240px;  }
.pages a,.pages span{padding: 5px 20px; border: 1px solid #e1e1e1; margin: 0 5px;}
.pages a:hover{background: #0f60cc; color: #fff;}
.pages span{ background: #0f60cc; color: #fff; }

.serviceTabmain ul{ width: 100%;display: flex;justify-content: center;align-items: center;flex-direction: row; }
.serviceTabmain li{height: 55px; line-height: 55px;}
.serviceTab{ height: 55px; }
.listServicecontent{width: 1240px; margin: 0 auto; margin-top: 30px;}
.listServicecontent li{ padding: 25px 0; border-bottom: 1px dashed #a4aeb4; }
.listServicecontent li:first-child{padding-top: 0;}
.listServicecontent img{ float: left; width: 300px; height: 165px;}
.listServicecontent dl{ margin-left: 35px; float: left; width: 900px; height: 165px;}
.listServicecontent dt{ font-size: 16px; color: #0f60cc; }
.listServicecontent .serdes{ color: #666; padding: 10px 0; height: 95px; overflow: hidden; line-height: 30px;}
.listServicecontent .more{ padding: 5px 20px; border: 1px solid #1a77af; display: inline-block; color: #1a77af; }
.listServicecontent li a:hover .more{ background: #1a77af; color: #fff; }
.listServicecontent li a:hover dt{text-decoration: underline;}


/* page */
.pageTabmain ul{ width: 100%; display: flex;flex-direction: row;justify-content: center;align-items: center}
.pagecontent{ width: 1240px; margin: 0 auto; margin-top: 20px; }
.pagecontent h1{ text-align: center; font-size: 18px; color: #515050; height: 50px; line-height: 50px; }
.pagecontent .content{ font-size: 13px; color: #515050; padding: 10px 0 20px 0;}
.pagecontent>P{ text-align: center; padding: 10px 0; color: #666; }
.content{ line-height: 30px; }

/* 企业文化 */
.about_culture{ width:1240px; margin:0 auto; padding-top:20px; Padding-bottom:15px;}
.about_culture p{text-indent: 2em;}
.about_culture ul li { margin-bottom:20px;}
.about_culture ul li img{ float:left;}
.culture_info{ margin-left:150px; border:1px dashed #06a6d9; padding:12px 50px 12px 29px;}
.culture_info h3,.culture_info p{ font-size:12px; line-height:24px; font-weight:100;}
.culture_info p{ color:#454647;}
.culture_info h3{ color:#06a6d9;}

/* 成功案例 */
.case_l_c h3,.case_l_c h3 a{ text-align:left; font-weight: bold;}
.service li p,.case_l_c  p{ padding:10px 0; }
.service li p,.service li p a,.case_l_c p,.case_l_c  p a{ color:#666; }
.case{ width:1240px; margin:0 auto; padding-top:20px;}
.case li{ height:162px; border:1px solid #ebebeb; margin-bottom:15px;}
.case_l_l{ width:206px; float:left;}
.case_l_l img{ border-right:1px solid #ebebeb; height:160px; max-width:100%;min-width: 100%;}
.case_l_c{ width:1030px; float:left; padding-left:35px; padding-top:20px; }
.casecontent .case_l_c{width:825px;}
.case_l_c h3{}
.case_l_r{ float:right; width:170px;}
.case_l_r { text-align:center; margin-top: 15px;}
.case_l_r h3{ padding-top:26px;}
.news_date h3,.case_l_r h3{ font-size:50px; color:#0f60cc; }
.news_date p,.case_l_r p{ font-size:14px;color:#0f60cc;}
.askTabmain li{ padding: 0 10px; }

/* 常见问题 */
.ask{ padding-top:20px; width:1240px; margin: 0 auto;}
.ask_list{ border:1px dashed #c8cbcb; padding:15px; margin-bottom:15px;}
.ask_title{ height:30px; line-height:30px;}
.ask_ask,.ask_da{ float:left; background:#0457a5; width:30px; line-height:30px; text-align:center; color:#fff;}
.ask_title2{ float:left; margin-left:18px; }
.ask_title2 a{ color:#0457a5; font-size:14px; font-weight:300;}
.ask_date{ float:right; color:#2fabd8; line-height:30px;}
.ask_answer{ margin-top:20px;}
.ask_da{ background:#cc0000; color:#fff;}
.ask_answer_content{ float:left; margin-left:18px; margin-right:60px;width: 1100px; color:#666; font-size:12px !important;}
.ask_answer_content,.ask_answer_content p,.ask_answer_content p span,.ask_answer_content strong{font-size:12px !important; line-height:25px !important;} 
.ask_answer_content p{ height:auto;}
.pagecontent img{ max-width: 100% !important; }

.productcontent li{width: 285px; float: left;height: 300px; margin: 0 30px 30px 0;}
.productcontent li:first-child+li+li+li, .productcontent li:first-child+li+li+li+li+li+li+li{margin: 0;}
.productcontent li img{width: 285px; height: 210px; display: block;}
.productcontent li h3{ text-align: center; font-size: 18px; color: #035dd4;padding: 15px 0 10px 0; }
.productcontent li p{text-align: center;}
.content .img{margin: 0 auto 20px;}
.content .img, .content .img img{width: 600px; height: 400px;}