﻿* { box-sizing: border-box; -webkit-text-size-adjust: none; outline: none; }
body { margin: 0; padding: 0; font: inherit; line-height: normal;background:#ffffff;}
header, nav, main, img, form, p { margin: 0; padding: 0; border: 0; }
ul, ol { margin: 0; padding: 0; list-style-type: none; }
hr, dl, dt, dd { margin: 0px; padding: 0px; }
table { border-collapse: collapse; border-spacing: 0px; }
tbody { border-collapse: collapse; border-spacing: 0px; }
pre { margin: 0px; padding: 0px; border: 0px; overflow: hidden; font-family: inherit; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; word-break: break-all; }
select, input, textarea, button { font-size: inherit; padding: 2px 5px; font-family: inherit; color: inherit; }
a { text-decoration: none; color: inherit; transition: ease .3s; }
a:hover { text-decoration: none; color: inherit; }
th { text-align: left; }
td { word-wrap: break-word; word-break: break-all; }
ins, em { text-decoration: none; font-style: normal; }
h1, h2, h3, h4 { padding: 0; margin: 0; font-size: inherit; font-weight: inherit; }
input[type=text], input[type=password], input[type=file], input[type=number], input[type=tel], input[type=button], input[type=submit], input[type=reset], textarea { -webkit-appearance: none; }
.g_imgf { max-width: 100%; }

.g_ell { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.g_content { clear: both; font-size: 16px; font-family: "微软雅黑", "Arial","Helvetica", "sans-serif"; overflow: hidden; }
.g_content header, .g_content nav, .g_content main, .g_content img, .g_content form, .g_content p { margin: initial; padding: initial; border: initial; }
.g_content ul, .g_content ol { margin: 1em 0; padding: 0 0 0 2em; list-style-type: none; }
.g_content hr, .g_content dl, .g_content dt, .g_content dd { margin: initial; padding: initial; }
.g_content table { border-collapse: initial; border-spacing: initial; }
.g_content tbody { border-collapse: initial; border-spacing: initial; }
.g_content pre { margin: initial; padding: initial; border: initial; overflow: hidden; font-family: initial; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; word-break: break-all; }
.g_content select, .g_content input, .g_content textarea, .g_content button { font-size: initial; padding: initial; font-family: initial; }
.g_content a { text-decoration: initial; color: initial; }
.g_content a:hover { text-decoration: initial; color: initial; }
.g_content th { text-align: initial; }
.g_content td { word-wrap: break-word; word-break: break-all; }
.g_content ins, .g_content em { text-decoration: initial; font-style: initial; }
.g_content h1, .g_content h2, .g_content h3, .g_content h4 { padding: initial; margin: initial; }
.g_content h1 { font-size: 2em; font-weight: bold; }
.g_content h2 { font-size: 1.5em; font-weight: bold; }
.g_content h3 { font-size: 1.17em; font-weight: bold; }
.g_content p { line-height: 2em; margin: 5px 0; }
.g_content img { max-width: 100%; }



.g_list { clear: both; }
.g_list .offset::before { content: ''; display: block; clear: both; }
.g_list .offset::after { content: ''; display: block; clear: both; }
.g_list .offset .list > li { float: left; }
.g_list .offset .list > li .box { display: block; }

.g_hover .scale { transition: 0.5s ease; }
.g_hover:hover.scale,
.g_hover:hover .scale { transform: scale(1.1,1.1); }

.g_tool { }
.g_tool .g_cw { position: relative; }
.g_tool .g_cw .float { position: absolute; right: 0; }
.g_tool .g_cw .float .box { position: fixed; z-index: 1; width: 80px; top: 200px; font-size: 12px; }

.g_tool .g_cw .float .box .h { background: #865f23; height: 42px; border-radius: 42px 42px 0 0; }

.g_tool .g_cw .float .box > ul { background: #fff; border-left: 1px solid #E4E4E4; border-right: 1px solid #E4E4E4; }
.g_tool .g_cw .float .box > ul li { position: relative; border-bottom: 1px solid #E4E4E4; }

.g_tool .g_cw .float .box > ul li .face { position: relative; height: 40px; top: -30px; text-align: center; font-size: 0; }
.g_tool .g_cw .float .box > ul li .face img { width: 60px; height: 60px; border-radius: 30px; }



.g_tool .g_cw .float .box > ul > li .qq { display: block; color: #282828; padding: 10px 5px; text-align: center; }
.g_tool .g_cw .float .box > ul > li .qq .fa { display: block; font-size: 20px; vertical-align: baseline; margin-bottom: 5px; }
.g_tool .g_cw .float .box > ul > li .tel { display: block; padding: 10px 5px; text-align: center; }
.g_tool .g_cw .float .box > ul > li .tel img { height: 24px; }
.g_tool .g_cw .float .box > ul > li .tel em { display: block; color: #865f23; }

.g_tool .g_cw .float .box > ul > li .qr { position: relative; display: block; color: #000; padding: 10px 5px; text-align: center; }
.g_tool .g_cw .float .box > ul > li .qr .fa { font-size: 24px; line-height: 22px; }
.g_tool .g_cw .float .box > ul > li .qr p { visibility: hidden; opacity: 0; position: absolute; left: -132px; bottom: 0; font-size: 12px; text-align: center; background: #fff; padding: 0 0 5px 0; border: 1px solid #E4E4E4; transition: ease .3s; }
.g_tool .g_cw .float .box > ul > li .qr p img { width: 120px; }
.g_tool .g_cw .float .box > ul > li .qr:hover p { visibility: visible; opacity: 1; }


.g_tool .g_cw .float .box .b { background: #282828; height: 42px; border-radius: 0 0 42px 42px; }
.g_tool .g_cw .float .box .b a { display: block; line-height: 42px; text-align: center;}
.g_tool .g_cw .float .box .b a img { height: 28px; vertical-align: middle;}

.g_upfile { display: inline-block; }
.g_upfile > p { color: #666; font-size: 12px; }
.g_upfile > p .progress { display: inline-block; width: 70px; height: 14px; border: 1px solid #5cf; border-radius: 3px; line-height: 1em; }
.g_upfile > p .progress .p { display: inline-block; width: 0; height: 100%; background: #5cf; }
.g_upfile > p .progress .t { position: absolute; font-size: 10px; }


.g_page { clear: both; overflow: hidden; }
.g_page > p.tip { display: none; font-size: 12px; }

.g_header .main { background:rgba(21,21,21,1);}

.banners-pc{ clear:both; font-size:0;}
.banners-pc .mode{ position:relative; height: 350px;  }
.banners-pc .mode .mode1{ margin-top:-43px;position:absolute; top:50%; left:0; right:0; height:59px; line-height:59px;}
.banners-pc .mode .mode1 .p1{ margin-right:48px; font-size:44px; color:#fff;text-shadow:#000 0px 0px 15px;text-align: center;}
.banners-pc .mode .mode1 .p1 span{ margin-top:20px; border-bottom:solid #fff 6px; display:block; width:45px;}
.banners-pc .mode .mode1 .p2{ font-size:14px; color:#fff; float:left; vertical-align:middle;}


.banners-mb{ display: none; clear: both; height: 600px; clear:both; font-size:0;}
.banners-mb div {}
.banners-mb .frame { height: 100%; background: no-repeat center center; background-size: cover; position:relative; overflow: hidden; }
.banners-mb .mode .mode1{ margin-top:-43px;position:absolute; top:50%;  right:0; height:59px; line-height:59px; text-align: center; width: 100%;}
.banners-mb .mode .mode1 .p1{  font-size:44px; color:#fff; text-align: center; }
.banners-mb .mode .mode1 .p1 span{ margin-top:20px; border-bottom:solid #fff 6px; display:block; width:45px;}
.banners-mb .mode .mode1 .p2{ font-size:14px; color:#fff; float:left; vertical-align:middle; display: block; width: 100%; text-align: center;}
.banners-mb div {
    height: 100%;
}


@media (max-width: 1024px) {
	.banners-pc { display: none; }
	.banners-mb { display: block; }
}

@media (max-width: 677px) {
.banners-mb .frame .mode .mode1 .p1{ font-size:35px;text-shadow:#000 0px 0px 15px;}
.banners-mb .frame .mode .mode1 .p2{ display: block; width: 100%; text-align: center;}
}

@media (max-width: 400px) {
.banners-mb .frame .mode .mode1 .p2{ margin-bottom:20px;}
}

@media (max-width: 350px) {
.banners-mb .frame .mode .mode1 .p1{ font-size:25px;}
.banners-mb .frame .mode .mode1 .p2{}
}

.banners-pc .slick-prev{ left:20px; width:40px; height:40px;}
.banners-pc .slick-next{ width:40px; height:40px;}


.about{}
.about .mode { position:relative; overflow:hidden;}
.about .mode .g_tel{ right:-18px; bottom:-26px;}
.about .mode .left{ margin-right:100px; float:left;}
.about .mode .left .one{}
.about .mode .left .one .list{font-size:0;}
.about .mode .left .one .list li{ }
.about .mode .left .one .list li .pic{background:no-repeat center center; background-size: cover;width:440px; height:680px;}

.about .mode .left .slick-next{ top:88%; right:-15px; width:30px; height:30px;opacity:1; background:#414141;}
.about .mode .left .slick-prev{ top:94%; left:425px; width:30px; height:30px;opacity:1; background:#414141;}
.about .mode .left .slick-next:hover{ background:#151515;}
.about .mode .left .slick-prev:hover{ background:#151515;}



.about .mode .right{}
.about .mode .right .p1{ margin-bottom:45px; font-size:44px; color:#000000;}
.about .mode .right .p2{ margin-bottom:45px; font-size:15px; color:#4c4c4c; line-height:26px;}
.about .mode .right .fg{ margin-bottom:45px; border-bottom:solid #151515 5px; width:90px; overflow:hidden;}
.about .mode .right .p3{ margin-bottom:25px; font-size:26px; color:#151515;}
.about .mode .right .list{ margin-bottom:70px; overflow:hidden;}
.about .mode .right .list li{ margin-right:10px; float:left;}
.about .mode .right .list li .box{ line-height:26px; height:26px;}
.about .mode .right .list li .box em{ padding-top:2px; border-bottom: solid #151515 1px; width:40px; display:inline-block; vertical-align:middle;}
.about .mode .right .list li .box .ico{ margin:0 10px; width:22px; vertical-align:middle;}
.about .mode .right .list li .box .p4{ margin-bottom:-3px; font-size:16px; color:#151515; display:inline-block; vertical-align:middle;}
.about .mode .right .btn{ display:inline-block;}
.about .mode .right .btn .box{ padding:15px 45px; border:solid #151515 1px; display:block;}

.about .mode .right .btn .box:hover{ background:#151515; color:#fff;}

@media (max-width: 1024px) {
.about .mode .left{ display:none;}
.about .mode .right .btn .box{ background:#151515; color:#fff;}
}




.service{ background: #f2f2f2; margin-top: 0 !important; padding-top: 80px; padding-bottom: 80px;}
.service .mode { position:relative; overflow:hidden;}
.service .mode .g_tel{ right:-18px; bottom:-26px;}


.service .mode .content{ padding-bottom: 30px;}
.service .mode .content .p1{ margin-bottom:45px; font-size:44px; color:#000000; text-align: center;}
.service .mode .content .p2{ margin-bottom:45px; font-size:14px; color:#4c4c4c; line-height:30px;}
.service .mode .content .fg{ margin-bottom:45px; border-bottom:solid #151515 5px; width:90px; overflow:hidden;}
.service .mode .content .p3{ margin-bottom:25px; font-size:26px; color:#151515;}
.service .mode .content .list{ margin-bottom:70px; overflow:hidden;}
.service .mode .content .list li{  float:left;}


.service .mode .btn .box:hover{ background:#151515; color:#fff;}

@media (max-width: 1024px) {
.service{ margin-bottom: 10px !important; padding: 10px 0 !important;}
.service .mode .content{ padding-bottom: 0; margin-bottom: 0 !important;}
.service .mode { padding-bottom: 0; margin-bottom: 0 !important;}
.service .mode .left{ display:none;}
.service .mode .content .p1{ margin-bottom: 20px;}
.service .mode .btn .box{ background:#151515; color:#fff;}
.service .mode .content .list{ margin-bottom: 0px !important;}
}



.service {}
.service  .bg{ background:#232323; height:620px; width:100%;}
.service .mode{  margin-bottom:40px; position:relative; overflow:hidden;}
.service .mode .list{}
.service .mode .list li{ width:20%; float:left;}
.service .mode .list li .box{ padding:30px 30px; background:#646464; display:inline-block; text-align:center; width:100%;}
.service .mode .list li .no{ background:#fff;}
.service .mode .list li .box .pic{ margin:0 auto; margin-bottom:25px; width:175px; height:175px; overflow:hidden; border-radius:200px; border: solid #fff 3px;}
.service .mode .list li .box .pic img{max-width: 100%;}
.service .mode .list li .box .p1{color:#fff;padding:15px 30px; border:solid #fff 1px;display:inline-block; font-size:18px;}
.service .mode .list li .box .p2{ margin-bottom:28px; font-size:14px; color:#bdbdbd; line-height:24px; overflow:hidden; height:8.5em;}
.service .mode .list li .box .btn{ color:#bdbdbd; font-size:14px;}
.service .mode .list li .box .btn span{padding-top: 2px; font-weight: bold; margin-bottom: -4px; display: inline-block; overflow: hidden;}

.service .mode .list li:nth-child(2n+2) .box{ background:#fff;}
.service .mode .list li:nth-child(2n+2) .no{ background:#fff;}
.service .mode .list li:nth-child(2n+2) .box .pic{ border: solid #c5c5c5 3px;}
.service .mode .list li:nth-child(2n+2) .box .p1{  color:#000;padding:15px 30px; border:solid #151515 1px; }
.service .mode .list li:nth-child(2n+2) .box .p2{ color:#9b9b9b;}
.service .mode .list li:nth-child(2n+2) .box .btn{ color:#9b9b9b; }
.service .mode .prc_tel{ font-size:36px; font-weight:bold; text-align:center; color:#fff;}
.service .mode .list li .box .p1:hover{background: #000;color: #fff;border:solid #151515 1px;}
.service .mode .list li:nth-child(2n+2) .box .p1:hover{background: #000;color: #fff;}

@media (max-width: 1024px) {
.service .mode  .bg{ padding:30px 0; height:auto; overflow:hidden;}
.service .mode { margin-top:0;}
.service .mode .list li{ width:50%;}
.service .mode .list li:nth-child(3n){ clear:both; float:right;}
.service .mode .list li .box { padding:30px;}
.service .mode .list li .box .p2{ height:3.5em;}
}
@media (max-width: 667px) {
.service .mode .list li{ width:100%;}
.service .mode .list li .box{text-align: unset;}
.service .mode .list li .box .pic{ margin:auto; margin-right:30px; float:left;}
.service .mode .list li .box .p1{ margin-top:25px; margin-bottom:15px;}
.service .mode .list li .box .p2{ margin-bottom:10px;}

}

@media (max-width: 500px) {
.service .mode .list li .box { text-align:center;}
.service .mode .list li .box .pic{ margin:0 auto; float:none;}
}







.about_ct{ padding:100px 0;background: url(../img/ab_ct1.jpg) no-repeat center center; overflow:hidden;}
.about_ct .mode{ position:relative;}
.about_ct .mode .g_tel{ left:0; bottom:-25px;}
.about_ct .mode .g_tel span{border-bottom: solid #fff 1px; right:0; left:50%;}
.about_ct .mode .g_tel span em{ left:0; right:100%; background:#fff;}
.about_ct .mode .p0{margin-right:325px; font-size:44px; color:#fff;  float:left;}
.about_ct .mode .dts{ overflow:hidden;}
.about_ct .mode .dts .p2{ margin-bottom:90px; font-size:15px; color:#fff; line-height:26px;}
.about_ct .mode .dts .list li{ margin-right:100px; float:left;}
.about_ct .mode .dts .list li .p3{ font-size:60px; color:#fff;}
.about_ct .mode .dts .list li .p3 span{ padding-left:6px; display:block; font-size:14px;}


@media (max-width: 1024px) {
.about_ct{ padding:50px 0;}
.about_ct .mode .p0{ margin-right:40px;}
.about_ct .mode .dts .list{ width:100%;} 
.about_ct .mode .dts .list li{ margin-right:0; width:33.33%;}
}
@media (max-width: 800px) {
.about_ct .mode .p0{ margin-bottom:30px;}
.about_ct .mode .dts{ clear:both;}
.about_ct .mode .g_tel{ top:-40px; right:35px; bottom:auto; left:auto;}
.about_ct .mode .dts .list li{ text-align:center;}
}

@media (max-width: 500px) {
.about_ct .mode .dts .list li .p3{ font-size:40px;}
}


.case{}
.case .mode{ position:relative; overflow:hidden;}
.case .mode .g_tel{ right:0; bottom:-26px;}
.case .mode .g_title{ float:right;}
.case .mode .lt{ clear:both; display:block;}
.case .mode .lt .list{}
.case .mode .lt .list li{ margin-bottom:65px;}
.case .mode .lt .list li .box{}
.case .mode .lt .list li .box .tp{ margin-bottom:40px; font-size:14px; color:#808080;}
.case .mode .lt .list li .box .tp em{ margin-right:40px; color:#151515;}
.case .mode .lt .list li .box .mode{ position:relative; clear:both; width:100%; overflow:hidden;}
.case .mode .lt .list li .box .mode .pic{height:490px; width:700px; background: no-repeat center center; background-size: cover; float:left;}
.case .mode .lt .list li .box .mode .dts span{ margin-bottom:60px; border-top:solid #000 1px; width:40px; display:block;}
.case .mode .lt .list li .box .mode .dts{ margin-top:-154px; position:absolute; top:50%; right:10%;width: 400px;}
.case .mode .lt .list li .box .mode .dts .p1{ margin-bottom:25px; font-size:40px; color:#151515; font-weight:normal;}
.case .mode .lt .list li .box .mode .dts .p2{ margin-bottom:65px; font-size:40px; color:#151515; font-weight:bold;}
.case .mode .lt .list li .box .mode .dts .btn{  padding:15px 45px; border:solid #151515 1px; font-size:16px; color:#151515; text-align:center; display:inline-block;}
.case .mode .lt .list li .box .mode .dts .btn:hover{ background:#151515; color:#fff;  transition: ease .3s;}

.case .mode .lt .list li:nth-child(2n+2) .box .tp { float:right;}
.case .mode .lt .list li:nth-child(2n+2) .box .mode .pic{ float:right;}
.case .mode .lt .list li:nth-child(2n+2) .box .mode .dts{ left:0;}
.case .mode .lt .list li:nth-child(3n){ margin-bottom:0;}


@media (max-width: 1024px) {
.case .mode .lt .list li .box .mode .pic{ width:50%;} 
.case .mode .lt .list li .box .mode .dts{ right:5%;}
.case .mode .lt .list li:nth-child(2n+2) .box .mode .dts{ left:5%; right:0;}
.case .mode .lt .list li .box .mode .dts .btn{ background:#151515; color:#fff;  transition: ease .3s;}
}

@media (max-width: 667px) {
.case .mode .lt{ margin-left:-10px;}
.case .mode .lt .list li{ padding-left:10px; width:50%; float:left;}
.case .mode .lt .list li .box .tp{ margin-bottom:20px; overflow:hidden;}
.case .mode .lt .list li .box .tp span{ margin-bottom:10px; width:50%; float:left;}
.case .mode .lt .list li .box .tp em{ margin-right:0;}
.case .mode .lt .list li .box .mode .pic{ width:100%;} 
.case .mode .lt .list li .box .mode .dts{ margin:0 auto; margin-top:-150px; left:0; right:0; text-align:center;}
.case .mode .lt .list li .box .mode .dts span{ display:inline-block; }

.case .mode .lt .list li:nth-child(2n+2) .box .tp { float: none;}
.case .mode .lt .list li:nth-child(2n+2) .box .mode .pic{ float: none;}
.case .mode .lt .list li:nth-child(2n+2) .box .mode .dts{ left:0;}
.case .mode .lt .list li:nth-child(3n){ margin-bottom:0;}

}

@media (max-width: 500px) {
.case .mode .g_title{ float: none;}
.case .mode .lt .list li{ width:100%;}
}



.cooperation{ padding:55px 0; height:260px; background:url(../img/cop1.jpg) no-repeat center center; background-size:cover; overflow:hidden;}
.cooperation .g_title{ margin-top:20px; float:left;}
.cooperation .g_title .p1{ color:#fff;}
.cooperation .g_title span{border-bottom:solid #fff 5px;}

.cooperation .right{ float:right;}
.cooperation .right .one{ background:#fff; width:940px; height:150px; line-height:150px;}
.cooperation .right .one .list{}
.cooperation .right .one .list li{ float:left;}
.cooperation .right .one .list li .box{ display:block; text-align:center;}
.cooperation .right .one .list li .box img{ vertical-align:middle; display:inline-block;}
.cooperation .right .slick-prev{ top:35%; left:-40px; width:30px; height:30px; opacity:1; background:rgba(255,255,255,0.5);}
.cooperation .right .slick-next{ top:15px; right:auto; left:-40px; width:30px; height:30px; opacity:1; background:rgba(255,255,255,0.5);}

.cooperation .right .two{ display:none;}

@media (max-width: 1024px) {
.cooperation{ height:auto;}
.cooperation .right { clear:both; width:100%;}
.cooperation .right .one{ display:none;}
.cooperation .right .two{ padding:30px 0; display:inline-block;background:#fff; width:100%;}
.cooperation .right .two .list li{ margin-bottom:20px; float:left; width:33.33%; text-align:center;}
.cooperation .right .two .list li:nth-child(3n+1){ clear:both;}
}

@media (max-width: 400px) {
.cooperation .right .two .list li{ width:50%;}
.cooperation .right .two .list li:nth-child(3n+1){ clear:none;}
}

.about_a{ padding:100px 0; background:#f5f5f5;}
.about_a .pic{ margin-left:70px; float:right;}
.about_a .p1{ margin-bottom:40px; font-size:40px; color:#1a1a1a;}
.about_a .p2{ margin-bottom:30px; font-size:15px; color:#4c4c4c; line-height:26px;}
.about_a span{ margin-bottom:40px; border-top:solid #151515 5px; display:block; width:90px;}
.about_a .p3{ font-size:90px; color:#e5e5e5; font-weight:bold; opacity:0.7;}

@media (max-width: 1024px) {
.about_a .pic{ margin:0 auto; margin-bottom:30px; float:none; text-align:center;}
.about_a .pic img{ max-width:100%;}
}
@media (max-width: 500px) {
.about_a .p3{ font-size:70px;}
}

.step{ padding:160px 0 125px 0; background: url(../img/ab_ct2.jpg) no-repeat center center; background-size:cover; height:440px;}
.step .lt{}
.step .lt .list{}
.step .lt .list li{float:left;}
.step .lt .list li:nth-child(5n){ margin-right:0; width:122px;}
.step .lt .list li .box{}
.step .lt .list li .box .p1{ float:left; font-size:16px; color:#e5e5e5; text-align:center;}
.step .lt .list li .box .p1 span{ margin-bottom:20px; border:solid rgba(229,229,229,0.5) 10px; width:120px; height:120px; line-height:120px; display:block; font-size:48px; color:#e5e5e5; border-radius:120px;}
.step .lt .list li .box .p1 span em{ margin-top:-26.5px; vertical-align:middle; display:inline-block;}
.step .lt .list li .ico{ margin:0 69.7px; float:right; line-height:120px;}
.step .lt .list li .ico img{ vertical-align: middle; width:30px;}

@media (max-width: 1024px) {
.step{ padding:60px 0; height:auto;}
.step .lt .list .no{ display:none;}
.step .lt .list li{ width:20%; text-align:center;}
.step .lt .list li:nth-child(5n){ width:20%;}
.step .lt .list li .box{ margin:0 auto; display:inline-block;}

}
@media (max-width: 800px) {
.step .lt .list li{ margin-bottom:20px; width:33.33%;}
.step .lt .list li:nth-child(5n){ width:33.33%;}
}

@media (max-width: 500px) {
.step .lt .list li{ width:50%;}
.step .lt .list li:nth-child(5n){ width:50%;}
}

.course{}
.course .g_title{ margin-bottom:70px;}
.course .g_title .p1{ font-size:40px;}
.course .lt{}
.course .lt .list{}
.course .lt .list li{ margin-bottom:60px;}
.course .lt .list li:nth-child(5n){ margin-bottom:0;}
.course .lt .list li .p1{ float:left; font-size:40px; color:#1a1a1a; line-height:45px;}
.course .lt .list li .p1 span{ margin:0 230px 0 25px; border-top: solid #1a1a1a 1px; width:70px; display:inline-block; vertical-align:middle;}
.course .lt .list li .dts{ overflow:hidden;}
.course .lt .list li .dts .p2{ margin-bottom:25px; font-size:14px; color:#1a1a1a; font-weight:bold;}
.course .lt .list li .dts .p3{ font-size:14px; color:#4c4c4c; line-height:26px;}

@media (max-width: 1024px) {
.course .lt .list li .p1 { margin-bottom:10px;}
.course .lt .list li .p1 span{ margin:0 0 0 25px;}
.course .lt .list li .dts{ clear:both;}
}

.fg{ border-bottom:solid #dbdbdb 1px; width:100%; display:inline-block;}



@media (max-width: 1024px) {
	.banners-pc { display: none; }
	.banners-mb { display: block; }
}

.banners-pc .slick-prev{ left:110px; width:40px; height:40px;}
.banners-pc .slick-next{ width:40px; height:40px;}

.case_home{}
.case_home .lt{ margin-left:-30px;}
.case_home .lt .list{}
.case_home .lt .list li{ margin-bottom:30px; padding-left:30px; float:left; width:33.33%;}
.case_home .lt .list li .box{ position:relative; display:block;}
.case_home .lt .list li .box .pic{height:304px; background: no-repeat center center; background-size: cover;}
.case_home .lt .list li .box .mode{ position:absolute; top:15%; left:15%; opacity:0;}
.case_home .lt .list li .box .mode .p1{ margin-bottom:15px; font-size:32px; color:#fff;}
.case_home .lt .list li .box .mode .p2{ font-size:14px; color:#e2e2e2;}
.case_home .lt .list li .box .mode .p2 span{ margin-right:20px;}
.case_home .lt .list li .box .mode .p2 span:nth-child(3n){ margin-right:0;}
.case_home .lt .list li .box .fg2{ opacity:0;}
.case_home .lt .list li .box .fg2 .h_fg{ position:absolute; top:0; left:10%; border-right:solid #fff 1px; height:100%;}
.case_home .lt .list li .box .fg2 .w_fg{ position:absolute; top:10%; border-bottom:solid #fff 1px; width:100%;}



.fg{ border-bottom:solid #dbdbdb 1px; width:100%; display:inline-block;}
.ca_bg::before{content: ""; position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.8);transition: ease .3s; opacity:0;}
.ca_bg::after{}
.case_home .lt .list li .box:hover .ca_bg::before{ opacity:1;transition: ease .3s;}
.case_home .lt .list li .box:hover .mode{ opacity:1;transition: ease .3s;}
.case_home .lt .list li .box:hover .fg2{ opacity:1;transition: ease .3s;}


@media (max-width: 1024px) {
.case_home .lt{ margin-left:-10px;}
.case_home .lt .list li{ margin-bottom:10px; padding-left:10px;}
.case_home .lt .list li .box .mode{ padding:0 10px; left:10%; opacity:1;}
.case_home .lt .list li .box .mode .p2 span{ margin-bottom:10px; display:block;}
.ca_bg::before{ opacity:1;}
.case_home .lt .list li .box .fg2{ opacity:1;}
}
@media (max-width: 667px) {
.case_home .lt .list li{ width:50%;}
.case_home .lt .list li .box .fg2 .h_fg{ left:20px;}
.case_home .lt .list li .box .fg2 .w_fg{ top:20px;}
}

@media (max-width: 500px) {
.case_home .lt .list li{ width:100%;}
.case_home .lt .list li .box .fg2 .h_fg{ left:10%;}
.case_home .lt .list li .box .fg2 .w_fg{ top:10%;}
.case_home .lt .list li .box .mode{ left:15%;}
}




.service_home{ padding-top: 50px;}
.service_home .lt{ margin-left:-30px;}
.service_home .lt .list{}
.service_home .lt .list li{ margin-bottom:30px; padding-left:30px; float:left; width:20%;}
.service_home .lt .list li img{ width: 100%;}
.service_home .lt .list li p{ text-align: center; line-height: 45px;}



@media (max-width: 1024px) {
.service_home .lt{ margin-left:-10px;}
.service_home .lt .list li{ margin-bottom:10px; padding-left:10px;}
.service_home .lt .list li .box .mode{ padding:0 10px; left:10%; opacity:1;}
.service_home .lt .list li .box .mode .p2 span{ margin-bottom:10px; display:block;}
.ca_bg::before{ opacity:1;}
.service_home .lt .list li .box .fg2{ opacity:1;}
}
@media (max-width: 667px) {
.service_home .lt .list li{ width:50%;}
.service_home .lt .list li .box .fg2 .h_fg{ left:20px;}
.service_home .lt .list li .box .fg2 .w_fg{ top:20px;}
}

@media (max-width: 500px) {
.service_home .lt .list li{ width:100%;}
.service_home .lt .list li .box .fg2 .h_fg{ left:10%;}
.service_home .lt .list li .box .fg2 .w_fg{ top:10%;}
.service_home .lt .list li .box .mode{ left:15%;}
}



.g_pages{ text-align:center; clear:both;}
.g_pages ul{ margin:40px 0; display:inline-block;}
.g_pages ul li{ margin:0 5px 10px 5px; display:inline-block;}
.g_pages ul li .box{ width:40px; height:40px; line-height:40px; border-radius:40px; color:#666; background:#f0f0f0; font-size:14px; display:inline-block;}
.g_pages ul li .box .fa{ margin-top:-3px; font-size:18px; vertical-align:middle;}

.g_pages ul li .box:hover{ background:#151515; color:#fff;}
.g_pages ul li .on{ background:#151515; color:#fff;}



@media (max-width: 1024px) {
	.banners-pc { display: none; }
	.banners-mb { display: block; }
}

.banners-pc .slick-prev{ left:110px; width:40px; height:40px;}
.banners-pc .slick-next{ width:40px; height:40px;}


.contact_home{}
.contact_home .bk{ position:relative; padding:30px 637px 30px 55px; border: solid #151515 4px; height:445px; width:1200px;}
.contact_home .bk .list{ margin-top:20px;}
.contact_home .bk .list li{ margin-bottom:10px;}
.contact_home .bk .list li .input1{ padding:20px 0; border:none; border-bottom:solid #e0e0e0 1px; width:100%;}
.contact_home .bk .input2{ margin-bottom:40px; padding:20px 0; height:100px; border:none; border-bottom:solid #e0e0e0 1px; width:100%;}
.contact_home .bk .bt{ font-size:16px; color:#ffffff;}
.contact_home .bk .bt .btn{ padding:15px 50px; background:#151515; border:none;}

.contact_home .bk .map{ padding:90px 0 0 70px; position:absolute; top:6%; right:-7%; background: url(../img/co1.jpg) no-repeat center center; width:690px; height:384px;}
.contact_home .bk .map .p1{ margin-bottom:40px; font-size:32px; color:#fff;}
.contact_home .bk .map .p2{ margin-bottom:10px; font-size:14px; color:#fff;}

.contact_home .map2{ display:none;}
@media (max-width: 1024px) {
.contact_home .bk{ position:static; padding:30px; width:auto;}
.contact_home .bk .map{ display:none;}

.contact_home .map2{ margin-bottom:20px; display:block;}
.contact_home .map2 .p1{ margin-bottom:40px; font-size:32px; color:#151515;}
.contact_home .map2 .p2{ margin-bottom:20px; font-size:14px; color:#151515;}
}


.fg{ border-bottom:solid #dbdbdb 1px; width:100%; display:inline-block;}


.news_home{}
.news_home .lt{ margin-left:-20px;}
.news_home .lt .list{}
.news_home .lt .list li{ margin-bottom:20px; padding-left:20px; width:33.33%; float:left;}
.news_home .lt .list li .box{}
.news_home .lt .list li .box .pic{height:284px; background: no-repeat center center; background-size: cover;}
.news_home .lt .list li .box .mode{ padding:20px 10px;}
.news_home .lt .list li .box .mode .p1{ margin-bottom:10px; font-size:24px; color:#151515; height:1.5em; overflow:hidden;}
.news_home .lt .list li .box .mode .tm{ margin-bottom:15px; font-size:12px; color:#666666;}
.news_home .lt .list li .box .mode .p2{ font-size:14px; color:#4c4c4c; line-height:26px; height:4em; overflow:hidden;}
.news_home .lt .list li .box:hover .mode{ background:#151515;    transition: ease .3s;}
.news_home .lt .list li .box:hover .mode p{ color:#b2b2b2;}


@media (max-width: 1024px) {
.news_home .lt{ margin-left:-10px;}
.news_home .lt .list li{ padding-left:10px;}

.news_home .lt .list li .box .mode{ background:#151515; transition: ease .3s;}
.news_home .lt .list li .box .mode .p1{color:#b2b2b2;}
.news_home .lt .list li .box .mode .tm{color:#b2b2b2; }
.news_home .lt .list li .box .mode .p2{color:#b2b2b2; }
}
@media (max-width: 800px) {
.news_home .lt .list li{ width:50%;}
}

@media (max-width: 667px) {
.news_home .lt .list li{ width:100%;}	
}

.recruit_dts{padding:60px 0; background:#f2f2f2; }
.recruit_dts .dts{   overflow:hidden; clear:both;}
.recruit_dts .dts .mode{ text-align:center;}
.recruit_dts .dts .mode .p1{ color:#7f7f7f; line-height:30px;}
.recruit_dts .dts .mode .pic{ margin-top:45px;}

.recruit_dts .dts .g_title_a{ margin:70px 0;}
.recruit_dts .dts .one{}
.recruit_dts .dts .one .list{}
.recruit_dts .dts .one .list li{ padding:0 20px;}
.recruit_dts .dts .one .list li .box{ padding:40px; background:#fff; display:block;}
.recruit_dts .dts .one .list li .box .p1{ font-size:16px; color:#464646; font-weight:600;}
.recruit_dts .dts .one .list li .box .p2{ margin-top:45px; color:#636262; line-height:24px; overflow:hidden; height:15em;}
.recruit_dts .dts .one .list li .box .p3{ margin-top:10px;font-size:12px; color:#b6b6b6;}
 
.recruit_dts .dts .two{ display:none;}
.recruit_dts .dts .two .lt .list{}
.recruit_dts .dts .two .lt .list li{ padding-left:10px;}
.recruit_dts .dts .two .lt .list li .box{ padding:40px; background:#fff; display:block;}
.recruit_dts .dts .two .lt .list li .box .p1{ font-size:16px; color:#464646; font-weight:600;}
.recruit_dts .dts .two .lt .list li .box .p2{ margin-top:45px; color:#636262; line-height:24px; overflow:hidden; height:15em;}
.recruit_dts .dts .two .lt .list li .box .p3{ margin-top:10px;font-size:12px; color:#b6b6b6;}

@media (max-width: 1024px) {
.recruit_dts .dts .one{ display:none}
.recruit_dts .dts .two{ display: block;}

.recruit_dts .dts .two .lt{ margin-left:-10px;}
.recruit_dts .dts .two .lt .list li{ margin-bottom:10px; width:33.33%; float:left; box-sizing:border-box;}
}
@media (max-width: 800px) {
.recruit_dts .dts .two .lt .list li{ width:50%;}
}

@media (max-width: 667px) {
.recruit_dts .dts .two .lt .list li{ width:100%;}
}


/*recruit_derails*/
.recruit_derails{padding:60px 0; background:#f2f2f2; }
.recruit_derails .dts{  margin:60px 0 0 0; overflow:hidden; clear:both;}
.recruit_derails .dts .p1{ color:#6a6a6a; line-height:30px;}

.recruit_dts .dts .one .slick-prev{ left:-60px;}
.recruit_dts .dts .one .slick-next{ right:-60px;}

.g_title_a{ text-align:center; } 
.g_title_a .bk{ padding:10px 65px; border:solid #dddbdb 1px; display:inline-block; }
.g_title_a .bk .p1{ background:#f2f2f2; margin-top:-23px; margin-bottom:5px; font-size:16px; font-weight:normal; color:#7f7f7f;}
.g_title_a .bk .p2{ font-size:34px; font-weight:normal; color:#8b8b8b; font-family:Arial, Helvetica, sans-serif;}

/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 30px;
    height: 70px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: #000 !important;
    opacity: .1;
	transition:.3s ease;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    opacity: 0.5;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'FontAwesome';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
	z-index:1;
    left: 20px;
}
[dir='rtl'] .slick-prev
{
    right: 20px;
    left: auto;
}
.slick-prev:before
{
    content: '\f104';
}
[dir='rtl'] .slick-prev:before
{
    content: '\f104';
}

.slick-next
{
	z-index:1;
    right: 20px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: 20px;
}
.slick-next:before
{
    content: '\f105';
}
[dir='rtl'] .slick-next:before
{
    content: '\f105';
}

/* Dots */
.slick-dotted.slick-slider
{
    /*margin-bottom: 30px;*/
}

.slick-dots
{
    position: absolute;
    bottom: 10px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    /*width: 20px;
    height: 20px;*/
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 10px;
    height: 10px;
    /*padding: 5px;*/
	border-radius:5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: #fff;
	opacity:.25;
	transition:.5s ease;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    opacity: .5;
    outline: none;
}
.slick-dots li.slick-active button
{
    width: 20px;
    opacity: .5;
}

.news_details{}
.news_details .left{ margin-top:7px; margin-left:60px; padding:30px 0; border-top:solid #151515 1px; border-bottom:solid #151515 1px; width:380px; float:right;}
.news_details .left h1{ margin-bottom:30px; font-size:32px; color:#151515;}
.news_details .left .lt{}
.news_details .left .lt .list{}
.news_details .left .lt .list li{ margin-bottom:20px; overflow:hidden;}
.news_details .left .lt .list li:nth-child(5n){ margin-bottom:0;}
.news_details .left .lt .list li .box{}
.news_details .left .lt .list li .box .pic{ margin-right:20px;height: 98px; width:100%; background: no-repeat center center; background-size: cover; float:left;}
.news_details .left .lt .list li .box .p1{ margin-bottom:10px; padding-top:10px; font-size:14px; color:#151515; height:2em; overflow:hidden; display: block; width: 100%;}
.news_details .left .lt .list li .box .tm{ font-size:12px; color:#666666;}

.news_details .one{}
.news_details .two{ display:none;}

.news_details .right{ overflow:hidden;}
.news_details .right .p1{ margin-bottom:15px; font-size:32px; color:#151515;}
.news_details .right .p2{ margin-bottom:30px; font-size:12px; color:#666666;}

@media (max-width: 1024px) {
.news_details .one{ display:none;}
.news_details .two{ margin-top:40px; margin-left:0; display:block; width:100%; float:none; overflow:hidden;}
.news_details .two .lt { margin-left:-10px;}
.news_details .two .lt .list li{ padding-left:10px; width:50%; float:left;}

}

.fg{ border-bottom:solid #dbdbdb 1px; width:100%; display:inline-block;}

.case_details{}
.case_details .mode{ position:relative; display:block;}
.case_details .mode .pic{height:480px; width:50%; background: no-repeat center center; background-size: cover;}
.case_details .mode .bg{ padding:0; position:absolute; width:50%; top:0;right:0; bottom:0;/* background:rgba(0,0,0,0.5)*/;}
.case_details .mode .bg .bg1{ padding:60px 60px 0 60px; background:#fff; height:100%;}
.case_details .mode .bg .bg1 .p1{ margin-bottom:40px; font-size:32px; color:#151515;}
.case_details .mode .bg .bg1 .p2{ margin-bottom:85px; font-size:14px; color:#4c4c4c; line-height:26px;}
.case_details .mode .bg .bg1 .p3{ margin-bottom:15px; font-size:14px; color:#151515; width:50%; float:left;}
.case_details .mode .bg .bg1 .p3 span{ color:#808080;}
.case_details .mode .bg .bg1 .ico{display:inline-block;}
.case_details .mode .bg .bg1 .ico .fa{ color:#fff; vertical-align:middle;}

.case_details .mode .bg .bg1 .ico .co_bg1{ margin-right:5px; background:#dd4644; width:27px; height:27px; line-height:27px; border-radius:27px; display:inline-block; text-align:center; font-size:0;}
.case_details .mode .bg .bg1 .ico .co_bg2{ margin-right:5px; background:#00bc0d; width:27px; height:27px; line-height:27px; border-radius:27px; display:inline-block; text-align:center; font-size:0;}
.case_details .mode .bg .bg1 .ico .co_bg3{ margin-right:5px; background:#f5ba1c; width:27px; height:27px; line-height:27px; border-radius:27px; display:inline-block; text-align:center; font-size:0;}

.case_details .mode .pic1{ display:none;}

@media (max-width: 1024px) {
.case_details .mode{ position:static;}	
.case_details .mode .pic{ display:none;}
.case_details .mode .pic1{ display: block; font-size:0;}

.case_details .mode .bg{ position:static; width:100%; }
.case_details .mode .bg .bg1{ padding:60px;}
.case_details .mode .bg .bg1 .ico{ margin-top:40px;}
}
@media (max-width: 667px) {
.case_details .mode .bg{ padding:10px;}	
.case_details .mode .bg .bg1{ padding:20px;}
.case_details .mode .bg .bg1 .p2{ margin-bottom:20px;}
}
@media (max-width: 500px) {
.case_details .mode .bg .bg1 .p3{ float:none; width:auto;}
}
