﻿@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0;font-size:14px;line-height:22px;font-family:Microsoft YaHei,黑体,Verdana,Arial,sans-serif;-webkit-text-size-adjust:none;color:#333;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
img{border:0;vertical-align:bottom;}
ul,li{list-style-type:none;}
a{color:#333;text-decoration:none;transition:all 0.3s;}
input:focus,select:focus,option:focus,textarea:focus{ outline:none;}
textarea,input[type=date],input[type=number]{ resize:none; border: none;}
button:hover,input[class*=b]:hover{ cursor:pointer;}
i,u{font-style: normal;font-weight: normal;}
.tl{text-align:left;}.tc{text-align:center;}.tr{text-align:right;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}
.rel{position:relative;}
.min_w{min-width:1200px;}
.container{width:1200px;margin:0 auto;}

/*header*/
.top_pos{position:absolute;left:0;top:0;width:100%;z-index:9;}
.top_box{height:180px;}
.top_logo{padding-top:30px;}
.top_tel{margin-top:80px;height:40px;line-height:40px;color:#fff;font-size:20px;padding-left:35px;background:url(../images/tel.png) no-repeat left center;}

.nav_list{height:70px;line-height:70px;background:#154aaa;border-radius:35px;overflow:hidden;}
.nav_list li{width:150px;float:left;font-size:18px;font-weight:bold;}
.nav_list li a{display:block;color:#fff;}
.nav_list li a:hover{background:#fff;color:#154aaa;}

/*header*/
.top_box_er{height:140px;}
.top_logo_er{padding-top:10px;}
.top_tel_er{margin-top:50px;height:40px;line-height:40px;color:#fff;font-size:20px;padding-left:35px;background:url(../images/tel.png) no-repeat left center;}

.nav_list_er{height:60px;line-height:60px;background:#154aaa;border-radius:35px;overflow:hidden;}
.nav_list_er li{width:150px;float:left;font-size:18px;font-weight:bold;}
.nav_list_er li a{display:block;color:#fff;}
.nav_list_er li a:hover{background:#fff;color:#154aaa;}


/* banner */
.banner{height:970px;overflow:hidden;position:relative;}
.banner .hd{display:none;overflow:hidden;position:absolute;left:0;bottom:10px;width:100%;z-index:1;}
.banner .hd ul{overflow:hidden;zoom:1;text-align:center;}
.banner .hd ul li{display:inline-block;margin:0 5px;width:12px;height:12px;border-radius:6px;background:#fff;transition:all .5s linear;}
.banner .hd ul li.on{background:#154aaa;width:60px;}
.banner .bd{position:relative;}
.banner .bd li{zoom:1;vertical-align:middle;}
.banner .bd li a{display:block;height:970px;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.banner .prev,
.banner .next{z-index:1;position:absolute;left:1%;top:50%;margin-top:-50px;display:block;width:50px;height:100px;background:url(../images/arrow.png) 0 -100px no-repeat;filter:alpha(opacity=50);opacity:0.5;}
.banner .next{left:auto;right:1%;background-position:-50px -100px; }
.banner .prev:hover,
.banner .next:hover{filter:alpha(opacity=100);opacity:1;}
.banner .prevStop{display:none;}
.banner .nextStop{display:none;}

/* banner */
.banner_er{height:500px;overflow:hidden;position:relative;}
.banner_er .hd{display:none;overflow:hidden;position:absolute;left:0;bottom:10px;width:100%;z-index:1;}
.banner_er .hd ul{overflow:hidden;zoom:1;text-align:center;}
.banner_er .hd ul li{display:inline-block;margin:0 5px;width:12px;height:12px;border-radius:6px;background:#fff;transition:all .5s linear;}
.banner_er .hd ul li.on{background:#154aaa;width:60px;}
.banner_er .bd{position:relative;}
.banner_er .bd li{zoom:1;vertical-align:middle;}
.banner_er .bd li a{display:block;height:500px;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.banner_er .prev,
.banner_er .next{z-index:1;position:absolute;left:1%;top:50%;margin-top:-50px;display:block;width:50px;height:100px;background:url(../images/arrow.png) 0 -100px no-repeat;filter:alpha(opacity=50);opacity:0.5;}
.banner_er .next{left:auto;right:1%;background-position:-50px -100px; }
.banner_er .prev:hover,
.banner_er .next:hover{filter:alpha(opacity=100);opacity:1;}
.banner_er .prevStop{display:none;}
.banner_er .nextStop{display:none;}

/*index*/
.case_bg{height:822px;padding:50px 0;box-sizing:border-box;background:url(../images/case_bg.jpg) no-repeat center top;}
.case_tit{padding-bottom:20px;position:relative;}
.case_tit::after{content:"";position:absolute;left:50%;bottom:0;margin-left:-25px;width:50px;height:5px;background:#cf0b0b;}
.case_tit dt{line-height:60px;font-size:40px;}
.case_tit dd{line-height:30px;font-size:16px;}
.case_scroll{padding:70px 0;}
.case_more{display:block;margin:0 auto;width:140px;height:50px;line-height:50px;border-radius:25px;font-size:16px;background:#cf0b0b;color:#fff;}
#box {
	position: relative;
	width: 1200px;
	height: 380px;
	margin: 0.5% auto;
}
#box ul {
	position: relative;
	width: 1200px;
	height: 380px;
}
#box li {
	position: absolute;
	list-style: none;
	background: #000;
	width: 0;
	height: 0;
	top: 146px;
	left: 377px;
	z-index: 0;
	cursor: pointer;
	border-radius: 3px;
}
#box li img {
	width: 100%;
	height: 100%;
	vertical-align: top;
}
#box .prev, #box .next {
	position: absolute;
	top: 50%;
	width: 51px;
	height: 51px;
	margin-top: -25px;
	overflow: hidden;
	text-indent: -999px;
    cursor: pointer;
    z-index:9;
}
#box .prev {
    left: 30px;
    background:url(../images/case_left.png) no-repeat;
}
#box .next {
	right: 30px;
    background:url(../images/case_right.png) no-repeat;
}

.pro_bg{padding:50px 0;box-sizing:border-box;background:url(../images/pro_bg.jpg) no-repeat center top;}
.pro_tit{padding-bottom:20px;position:relative;color:#fff;}
.pro_tit::after{content:"";position:absolute;left:50%;bottom:0;margin-left:-25px;width:50px;height:5px;background:#fff;}
.pro_tit dt{line-height:60px;font-size:40px;}
.pro_tit dd{line-height:30px;font-size:16px;}

.pro_scroll{position:relative;margin-bottom:60px;}
.pro_scroll .hd{overflow:hidden;padding:50px 0;text-align:center;}
.pro_scroll .hd .prev,.pro_scroll .hd .next{display:inline-block;cursor:pointer;margin:0 10px;}
.pro_scroll .bd ul{zoom:1;}
.pro_scroll .bd ul li{width:380px;padding:20px 10px;float:left;_display:inline;text-align:center;transition:all .5s linear;}
.pro_scroll .bd ul li a{display:block;width:350px;padding:15px;background:#fff;line-height:40px;font-size:16px;color:#333;box-shadow:0 0 10px #bbb;}
.pro_scroll .bd ul li:hover{transform:translateY(-8px);}
/* .pro_scroll .bd ul li:hover a{background:#cf0b0b;color:#fff;} */

.audio_bg{background:url(../images/audio_bg.jpg) no-repeat center top;}
.audio_tit{padding-bottom:20px;position:relative;}
.audio_tit::after{content:"";position:absolute;right:0;bottom:0;width:50px;height:5px;background:#154aaa;}
.audio_tit dt{line-height:60px;font-size:40px;}
.audio_tit dd{line-height:30px;font-size:16px;}

.audio_left{width:540px;}
.audio_left_pic{position:relative;left:-120px;top:0;background:#fff;z-index:1;}
.audio_left_pic img{box-shadow:0 0 10px #bbb;}
.audio_list{padding-top:30px;width:660px;}
.audio_list li{float:left;width:300px;height:255px;margin-left:30px;margin-bottom:30px;overflow:hidden;border:#ddd solid 1px;box-sizing:border-box; padding-top: 15px;}
.audio_list li img{transition:all .5s linear;}
.audio_list li:hover img{transform:scale(1.1);}
.audio_more{margin-top:50px;}

.about_box{padding:60px 0;}
.about_con{width:620px;}
.about_tit{padding:30px 0;line-height:1.5;text-transform:uppercase;font-weight:bold;}
.about_tit dt{font-size:24px;color:#7b7b7b;}
.about_tit dd{font-size:46px;}
.about_text{line-height:40px;height:240px;font-size:16px;margin-bottom:50px;}
.about_pic img{border:#ddd solid 1px;}

/*footer*/
.bot_bg{padding:20px 0;background:#383838;color:#fff;}
.bot_nav{height:60px;line-height:60px;border-bottom:#747474 solid 1px;font-size:16px;margin-bottom:50px;}
.bot_nav li{display:inline-block;margin:0 30px;}
.bot_nav li a{display:block;color:#fff;}
.contact_box{width:520px;}
.contact_tit{line-height:1.5;text-transform:uppercase;margin-bottom:30px;}
.contact_tit dt{font-size:18px;color:#acacac;}
.contact_tit dd{font-size:30px;color:#fff;}
.contact_list li{line-height:37px;margin-bottom:20px;font-size:16px;}
.contact_list li img{padding-right:10px;}
.contact_list_tel{font-size:28px;font-family:"impact";}
.gbook_ewm{padding:10px;background:#fff;margin-left:20px;margin-top:80px;color:#666;line-height:30px;}
.gbook_box{width:440px;}
.gbook_tit{font-size:24px;line-height:60px;margin-bottom:10px;}
.gbook_inp{width:100%;height:50px;line-height:50px;border:none;background:#4c4c4c;padding:0 20px;box-sizing:border-box;margin-bottom:20px;color:#929292;}
.gbook_btn{width:100%;height:50px;line-height:50px;border:none;background:#184fa2;color:#fff;font-size:18px;}
.copyright{padding:20px 0;color:#fff;background:#242424;}

/*main*/
.main_bg{padding:35px 0;background:url(../images/main_bg.jpg) no-repeat center top #f8f8f8; background-size: 100% 100%;}
.main_pro li{width:380px;margin:0 10px 20px;line-height:60px;float:left;background:#fff;box-shadow:0 0 15px #ddd;}
.main_pro li a{display:block;font-size:22px;}
.main_con{padding:50px 0;min-height:800px;line-height:30px;font-size:16px;}
.main_page{margin:30px 0;}
.main_page a{display:inline-block;margin:0 5px;border:#ddd solid 1px;padding:0 15px;height:30px;line-height:30px;}
.main_page a:hover{background:#184fa2;color:#fff;border:#184fa2 solid 1px;}

.main_type{margin-bottom:30px;font-size:16px;}
.main_type a{display:inline-block;padding:0 20px;margin:0 10px;height:40px;line-height:40px;border-radius:20px;background:#154aaa;color:#fff;margin-bottom:30px;}
.select{background: #184fa2;
    color: #fff;
    border: #184fa2 solid 1px;}
.main_home{line-height:40px;font-size:16px;color:#666;}
        .main_home a{color:#666;}
        .main_home a:hover{color:#154aaa;}