@charset 'UTF-8';

body { background-color:#f5f5f5!important;}

.container { width:1200px; max-width:1200px; min-width:1200px;}
.relative { position:relative;}
a:hover { text-decoration:none;}

.head { height:138px; background:#3f3d3d url(../images/bg_head.gif);margin-top: 15px;}
.head .container { z-index:10;}
.head .row { height:138px;}
.head h1 { display:none;}
.head .logo { position:absolute; top:0; left:460px; width:280px; height:138px;}
.head .slogan { position:absolute; top:20px; left:0; font-size:14px; color:#999;}
.head .tel { position:absolute; top:10px; right:10px; font-size:14px; color:#fff;}
.head .tel strong { font-size:24px; color:#ff0000;}
.head .tel i { font-style:normal; font-size:12px; color:#777;}
.head .tel img { margin-top:-10px; width: 50px;}
.head .caret00 { position:absolute; left:460px; bottom:-76px; border-top:76px  solid #3f3d3d;border-top: 76px solid ~"\9";border-right: 135px solid transparent;border-left:  135px solid transparent;}
.head .caret { position:absolute; left:465px; bottom:-75px; width:270px; height:75px; background-image:url(../images/caret.png);}
.head .nav { margin-top:95px;}
.head .nav li { display:inline-block; margin-right:40px; font-size:16px;}
.head .nav li.mr {margin-right:560px;}
.head .nav li:last-child {margin-right:0;}
.head .nav a { color:#fff;}
.head .nav a:hover { color:#ff0000;}

.banner { height:560px; background-position:center; background-repeat:none;}
.banner .relative { z-index:1;}
.banner p { position:absolute; color:#fff;}
.banner .name { top:150px; left:520px; font-size:56px;}
.banner .bg { top:250px; left:410px; width:406px; height:50px; text-indent:10px; font-size:30px; background-image:url(../images/txt_bg.png);}
.banner .txt { top:310px; left:410px; width:406px; font-size:24px; text-align:center;}

.banner2 { height:250px; background-position:center; background-repeat:none;}
.banner2 .relative { z-index:1;}
.banner2 p { position:absolute; color:#fff;}
.banner2 .bg { top:100px; left:410px; width:406px; height:50px; text-indent:10px; font-size:30px; background-image:url(../images/txt_bg.png);}
.banner2 .txt { top:150px; left:410px; width:406px; font-size:24px; text-align:center;}

.layout { background-position:center; background-repeat:none;}
.layout h3.t1 { padding-top:50px; text-align:center; font-size:38px;}
.layout h3.t1 span { color:#ebb309;}
.layout h3.t1 .line1 { position:absolute; top:110px; left:555px; width:25px; height:3px; background-color:#000;}
.layout h3.t1 .line2 { position:absolute; top:110px; left:580px; width:25px; height:3px; background-color:#ebb309;}

.bg1 { height:408px; text-align:center; background-image:url(../images/bg1.jpg);}
.bg1 h4 { margin:70px 20px 0 20px; display:inline-block; width:180px; height:180px; line-height:180px; background-image:url(../images/bg1_bg.png);}
.bg1 h4 a { color:#000;}
.bg1 h4 a:hover { color:#e35000;}

.bg2 { height:400px; background-color:#3d3d3f;}
.company_img { float:left; width:428px;}
.company_info { float:left; padding:60px 0 0 30px; width:720px;}
.company_info h4 { margin-bottom:30px; font-size:28px; color:#fff;}
.company_info p { text-indent:2em; font-size:14px; color:#d8d8d8;}
.company_info .btn,
.bg4 .btn { display:inline-block; width:160px; height:48px; line-height:35px; font-size:16px; color:#fff; border-radius:4px; text-align:center; background-color:#ebb309;}
.company_info .btn:hover { background-color:#cf8d01;}

.bg3 { height:450px;}
.bg3 .box { float:left; width:50%;}
.bg3 .box:first-child { padding-right:30px;}
.bg3 .box h3.t2 { padding-top:50px; font-size:30px;}
.bg3 .box h3.t2 span { color:#ebb309;}
.bg3 .box .con { padding-top:30px; text-align:center; height:280px; background-color:#eee;}

.bg4 { height:650px; background-image:url(../images/bg3.jpg);}
.bg4 h3.t1 {color:#fff;}
.bg4 h3.t1 .line1 { background-color:#fff;}
.bg4 .item { float:left; margin-top:120px; width:25%; padding-right:20px;}
.bg4 img { position:absolute; left:57px; top:-70px; border-radius:50%; border:5px solid #272f3c;}
.bg4 .con { float:left; padding:20px; width:100%; height:300px; background-color:#151920;color: #3c3c3c;}
.bg4 h4 { padding-top:80px; text-align:center; font-size:20px; color:#fff;}
.bg4 p { font-size:14px; color:#b6b6b6;}
.bg4 .btn { position:absolute; left:505px; top:560px;}
.bg4 .con a{ text-decoration: none;    color: #e1e1e1;}

.bg5 { height:320px; background-image:url(../images/bg5.jpg);}
.bg5 .item {float:left; margin-top:80px; width:25%; padding-right:20px;}
.bg5 .item .con { position:relative; padding:45px 15px 0 110px; width:100%; height:160px; background-color:#fff;}
.bg5 .item img { position:absolute; left:15px; top:45px;}
.bg5 .item h4 { font-size:24px; color:#3c3c3c;}
.bg5 .item p { font-size:14px; color:#898989;}

.bg6 { height:500px; background-image:url(../images/bg6.jpg);}
.bg6 h4 { float:left; margin:80px 10px 0 0; padding: 180px 0 0 0; width:380px; height:247px; text-align:center; color:#fff;}
.bg6 h4.youshi1 { background-image:url(../images/youshi1.png);}
.bg6 h4.youshi2 { background-image:url(../images/youshi2.png);}
.bg6 h4.youshi3 { background-image:url(../images/youshi3.png);}

.news { height:500px;}
.news .box { position:relative; float:left; padding: 70px 15px 0 15px; width:33%;}
.news .box .btn { position:absolute; top:70px; right:15px; padding-right:0; color:#666;}
.news .box .btn:hover { color:#ebb309;}
.news .box h3.t3 { font-size:30px;}
.news .box h3.t3 span { color:#ebb309;}

.list { list-style: none; padding:20px 0 0 0;}
.list li { margin-bottom:5px;}
.list li a,
.list-hot li a { position:relative; display:inline-block; width:80%; height:25px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0; color:#666;}
.list li a:hover,
.list-hot li a:hover { color:#ff0000;}
.list li i { float:right; font-style: normal; color:#666;}

.list ul,
.list-hot ul{ list-style: none; padding:20px 0 0 0;}

.contact { height:250px; font-size:18px; background-image:url(../images/contact.jpg); background-position:center;}
.contact h5 { padding: 30px 0 0 0; font-size:34px; color:#fff;}
.contact .con { padding: 30px 0 0 0; width:700px;}
.contact p { float:left; width:300px; min-height:40px;}
.contact p.t { width:385px;}
.contact img { margin-top:-25px;}

.foot { margin-top:1px; padding: 20px 0; font-size:16px; color:#979797; background-image:url(../images/bg_head.gif);}
.foot a { margin: 0 15px; color:#979797;}
.foot a:hover { color:#ebb309;}
.foot .link { margin: 10px 0; padding: 30px 0 0 0; text-align:center; border-top:1px solid #555;}

.copyright { padding: 20px 0; text-align:center; font-size:16px; color:#707070; background-color:#1d1d1d;}
.copyright p { margin:0; display:inline-block;}
.copyright a { color:#707070;}

.content-box .container { margin: 20px auto; padding: 50px; background-color:#fff;}
.content-box h2 { margin-bottom:50px; text-align:center;}
.content-box p { text-indent:2em;}

.details-box .container { margin: 20px auto;}
.details-box ul { padding:0; margin-bottom:30px;}
.details-box li { position:relative; padding-left:10px;}
.details-box li:before { position:absolute; content:"."; left:0; top:-4px; clear: both;}
.ddtails-box li.sp { display:none;}
.details-box .col-md-8 { padding:30px; border-right:10px solid #f5f5f5; background-color:#fff;}
.details-box .col-md-4 { padding:30px; border-left:10px solid #f5f5f5; background-color:#fff;}
.details-box h3 { font-size:20px;}
.details-box h2 { text-align:center; margin-bottom:30px;}
.list-hot li em,
.list-hot li span,
.list-hot li i {display:none;}

.introduce { border: 1px solid #f5f5f5; padding: 15px; margin-bottom: 20px; color: #777;}
.content {padding-bottom: 50px;}

.location { padding-bottom:15px;}
.location,
.location a { font-size:12px; color:#777;}

.kefu {
	background-color: #d0361e;
	border: 2px solid #fff;
	position: fixed;
	width: 80px;
	top: 138px;
	right: 15px;
	text-align: center;
	display: block;
	-webkit-box-shadow: 0 0 12px rgba(0,0,0,0.1);
	box-shadow: 0 6px 12px rgba(0,0,0,0.1);
	border-radius: 0 0 8px 8px;
	font-size: 12px;
	z-index: 99999
}
 @media(max-width:768px) {
.kefu {
	top: 108px
}
}
.kefu ul {
	margin: 0;
	padding-top: 45px
}
.kefu ul li a {
	display: block;
	color: #FFF;
	text-decoration: none;
	border-top: 1px solid #a42917;
	overflow: hidden;
	height: auto;
	width: 100%;
	padding-top: 43px;
	padding-right: 0;
	padding-bottom: 12px;
	padding-left: 0
}
.kefu ul li a:hover {
	background-color: #a42917
}
.kefu a.kefu-lx {
	background-image: url(../images/kefu.png);
	background-repeat: no-repeat;
	background-position: center top;
	position: absolute;
	top: -40px;
	text-indent: -9999px;
	height: 80px;
	width: 80px;
	z-index: 999999;
	left: -2px;
	border-width: 0;
	overflow: hidden
}
.kefu a.kefu-lx:hover {
	background-color: rgba(255,255,255,0)
}
.kefu ul li a.kf {
	display: block;
	padding: 10px 0
}
.kefu:hover ul li a.kf {
	display: none
}
.kefu ul li a.kefu-yy {
	background-image: url(../images/kefu-tb.png);
	background-repeat: no-repeat;
	background-position: center -9px
}
.kefu ul li a.kefu-zx {
	background-image: url(../images/kefu-tb.png);
	background-repeat: no-repeat;
	background-position: center -79px
}
.kefu ul li a.kefu-di {
	background-image: url(../images/kefu-tb.png);
	background-repeat: no-repeat;
	background-position: center -227px;
	padding: 30px 0 10px 0;
	border-radius: 0 0 8px 8px
}
.kefu ul li a.kefu-top {
	background-image: url(../images/kefu-tb.png);
	background-repeat: no-repeat;
	background-position: center -154px;
	padding: 30px 0 10px 0
}
.kefu ul li a.kefu-yy, .kefu ul li a.kefu-zx, .kefu ul li a.kefu-di, .kefu ul li a.kefu-top {
	display: none
}
.kefu:hover ul li a.kefu-yy, .kefu:hover ul li a.kefu-zx, .kefu:hover ul li a.kefu-di, .kefu:hover ul li a.kefu-top {
	display: block
}

.pages { text-align:center;}
.pages_inp {width:30px;}