@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0;font-size:14px;line-height:22px;font-family:"微软雅黑";-webkit-text-size-adjust:none;color: #000;}
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:middle;}
ul,li{list-style-type:none;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.fl{float:left;}.cl{clear:both;}.fb{font-weight:bold;}.fnb{font-weight:200;margin-left:-1px;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
.rel{position: relative;}
h3{font-weight: normal;}
em{font-style: normal;}
/*header*/
.top_bg{
	background: rgb(16,159,203);
	min-width: 1200px;
	height: 60px;
	line-height: 60px;
	color: #fff;
}
.top_bg span img{
	margin-right: 10px;
	margin-left: 27px;
}

.header{
	height: 170px;
}
.logo{
	width: 319px;
	margin: 0 auto;
	padding: 26px 0 0;
}
.nav{
	position: absolute;
	top:0;
}
.nav_left{
	left:14px;
}
.nav_right{
	right:0;
}
.nav li{
	width: 110px;
	text-align: center;
	float: left;
	height: 170px;
}
.nav li a{
	padding: 25px 0 0;
	line-height: 50px;
	color: #000;
	display: block;
}
.menu{
      width: 1168px;
      margin: 0 auto;
      height: 170px;
    }
    .menu li{
      float: left;
      width: 135px;
      margin: 27px 0;
      text-align: center;
    }
      .menu li:nth-child(6){
       float: right;
    }
       .menu li:nth-child(4){
       float: right;
    }
      .menu li:nth-child(5){
       float: right;
    }
    .menu .logo{
       width: 319px;
       height: 101px;
    }
    .menu li a{
      color: #000;
    }
    .l1,
    .l2,
    .l3,
    .l4,
    .l5,
    .l6{
      margin: 20px auto;
      height: 53px;
      width: 57px;
      overflow: hidden;
      background: url(../images/sprite.png) no-repeat;
    }
    .l1{
      background-position:  -285px -0px
    }
    .l2{
      background-position:  -171px -0px
    }
    .l3{
      background-position:   -114px -0px 
    }
    .l4{
      background-position:  -57px -0px
    }
    .l5{
      background-position:   -228px -0px
    }
    .l6{
      background-position:   -0px -0px
    }

.nav li:hover a{
	color: #fff;
}
.nav li:hover.nav1{
	background: url(../images/nav13.png) no-repeat center 75px #bb1e10;
}
.nav li:hover.nav2{
	background: url(../images/nav7.png) no-repeat center 75px #bb1e10;
}
.nav li:hover.nav3{
	background: url(../images/nav9.png) no-repeat center 75px #bb1e10;
}
.nav li:hover.nav4{
	background: url(../images/nav19.png) no-repeat center 75px #bb1e10;
}
.nav li:hover.nav5{
	background: url(../images/nav11.png) no-repeat center 75px #bb1e10;
}
.nav li:hover.nav6{
	background: url(../images/nav8.png) no-repeat center 75px #bb1e10;
}
.nav li:hover.nav7{
	background: url(../images/nav16.png) no-repeat center 75px #bb1e10;
}
.nav li:hover.nav8{
	background: url(../images/nav12.png) no-repeat center 75px #bb1e10;
}
.unslider{overflow:auto}
.unslider-wrap{position:relative}
.unslider-wrap.unslider-carousel li{float:left}
.unslider-fade{position:relative}
.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}
.unslider-fade .unslider-wrap li.unslider-active{z-index:10}
.unslider li{list-style:none;margin:0;padding:0;border:none}.unslider-arrow{position:absolute;left:20px;z-index:2;cursor:pointer}
.unslider-arrow.next{left:auto;right:20px}
.unslider{position: relative;}
.banner { position: relative; overflow: hidden; text-align: center; height: auto!important;}
.banner li { list-style: none;}
.banner ul li { float: left;}
.banner ul li img{width: 100%;}
.unslider-nav{position: relative;}
.unslider-nav ol { position: absolute; left: 0; right: 0; bottom: 20px; text-align: center; z-index: 100;}
.unslider-nav ol li{display: inline-block; width: 15px; height: 15px; margin: 0 8px;border: solid 1px #fff; text-indent: -999em;cursor: pointer; -webkit-transition: background .5s, opacity .5s; -moz-transition: background .5s, opacity .5s; transition: background .5s, opacity .5s;}
.unslider-nav .unslider-active{background: #bb1e10!important;opacity: 1;}
/*index*/
.about_bg{
	min-width: 1168px;
	background: #fafafa;
	padding: 77px 0 0;
	height: 403px;
}
.about{
	width: 560px;
}
.about_txt h2{
	font-size: 26px;
	line-height: 70px;
	padding: 16px 0 0;
}
.about_txt p{
	font-size: 18px;
	line-height: 30px;
	height: 90px;
	overflow: hidden;
	text-indent:2em;
}
.about_txt a{
	width: 151px;
	height: 52px;
	background: #535353;
	text-align: center;
	line-height: 52px;
	display: block;
	font-size: 18px;
	color: #fff;
	margin: 50px 0 0;
}
.pro{
	padding: 95px 0 55px;
}
.nar{
	padding: 68px 0 0;
}
.pro li{
	width:361px;
	height: 293px;
	float: left;
	margin: 0 10px;
	position: relative;
}
.pro li img{
	border: solid 1px #959595;
	/*width:361px;*/width:356px;
	/*height:293px;*/height:288px;
}
.pro li p{
	width: 100%;
	height: 100%;
	background: url(../images/index_19.png) no-repeat;
	position: absolute;
	top:0;
	left:0;
	text-align: center;
	font-size: 24px;
	color: #bb1e10;
	line-height: 240px;
	display: none;
}
.pro li:hover p{
	display: block;
}
.service_bg{
	min-width: 1168px;
	background: #fafafa;
	height: 560px;
}
.service_text{
	width: 490px;
	padding: 60px 0 0;	
}
.service_text h3{
	line-height: 82px;
	font-size: 32px;
	color: #bb1e10;
}
.service_text span{
	font-size: 18px;
	color: #8c8c8c;
	line-height: 30px;
}
.service_text p{
	font-size: 14px;
	line-height: 24px;
	margin: 15px 0;
	overflow: hidden;
}
.service_text a{
	width: 150px;
	height: 52px;
	text-align: center;
	line-height: 52px;
	display: block;
	font-size: 18px;
	color: #fff;
	background: #535353;
}

.service_list{
	width: 550px;
	padding: 57px 0 0;
}
.service_list li{
	width: 200px;
	float: left;
	text-align: center;
	margin-left: 45px;
	margin-bottom: 34px;
}
.service_list li h4{
	padding: 102px 0 0;
	font-size: 18px;
	line-height: 34px;
}
.service_list li p{
	font-size: 14px;
}
.service1{
	background: url(../images/index_25.jpg) no-repeat center top;
}
.service2{
	background: url(../images/index_26.jpg) no-repeat center top;
}
.service3{
	background: url(../images/index_27.jpg) no-repeat center top;
}
.service4{
	background: url(../images/index_28.jpg) no-repeat center top;
}
.service_list li:hover.service1{
	background: url(../images/index_29.jpg) no-repeat center top;
}
.service_list li:hover.service2{
	background: url(../images/index_30.jpg) no-repeat center top;
}
.service_list li:hover.service3{
	background: url(../images/index_31.jpg) no-repeat center top;
}
.service_list li:hover.service4{
	background: url(../images/index_32.jpg) no-repeat center top;
}
.tit2{
	padding: 40px 0 0;
	color: #bb1e10;
}
.news{
	padding: 28px 0 60px;
}
.news ul{
	margin-right: -32px;
}
.news li{
	width:259px;
	float: left;
	margin-right: 32px;
}
.news li a{
	color: #000;
}
.news li h3{
	line-height: 24px;
	font-size: 20px;
}
.news li span{
	font-size: 18px;
	color: #bb1e10;
	line-height: 34px;
	padding-bottom: 15px;
	display: block;
}
.news li p{
	padding: 17px 0 0;
	height:132px;
	overflow: hidden;
}
/*footer*/
.footer_bg{
	min-width: 1168px;
	background: #292929;
	height: 175px;
	text-align: center;
	line-height: 50px;
	color: #fff;
	overflow: hidden
}
.footer_bg .dw{
	display: block;
	margin-top: 40px; 
}
.foot_l{
	width: 566px;
}
.nav_b{	
	padding: 40px 0 0;
}
.nav_b a{
	color: #fff;
	margin-right: 14px;
}
.message{
	width: 535px;
	padding: 40px 0 0;
}
.message textarea{
	border-bottom: solid 1px #fff;
	background: none;
	border-left: none;
	border-top: none;
	border-right: none;
	width: 535px;
	color: #fff;
	font-size: 14px;
	padding: 0 5px;
	height: 24px;
	font-family: "微软雅黑";
}
.mes_btn{
	width: 118px;
	height: 39px;
	text-align: center;
	line-height: 39px;
	font-size: 18px;
	font-family: "微软雅黑";
	background: #bb1e10;
	border: none;
	color: #fff;
	margin: 35px 0 0;
}
.contact{
	width: 220px;
	padding: 43px 0 0 35px;
	color: #fff;
}
.contact h3{
	font-size: 20px;
	line-height: 28px;
	padding-bottom: 35px;
}
.contact p{
	padding-bottom: 27px;
	line-height: 24px;
}
.contact p img{
	margin-right: 13px;
}
.foot_r{
	width: 255px;
	padding: 43px 0 0;
	color: #fff;
}
.foot_r p{
	line-height: 28px;
	padding: 5px 0 0;
	height: 112px;
	overflow: hidden; text-indent:2em;
}
.copyright_bg{
	min-width: 1200px;
	background: #4d4d4d;
	height: 55px;
	line-height: 55px;
	color: #fff;
}
.copyright_bg img{
	margin-left: 15px;
}

/*main*/
.main{
	padding: 520px 18%;
}
.left{
	width: 240px;
}
.type h3{
	font-size: 16px;
	color: #FFFFFF;
	background: rgb(29,41,55);
	height: 50px;
	line-height: 50px;
	padding-left: 15px;
}
.type li{
	border-bottom: solid 1px #a0a0a0;
	line-height: 49px;
	background: #fafafa;
	padding: 0 15px;
}
.type li a{
	color: #232323;
}
.type li a:hover{
	color: #bb1e10;
}
.m_contact{
	padding: 33px 0 0;
}
.m_contact h4{
	font-size: 16px;
	line-height: 48px;
}
.m_contact p{
	line-height: 26px;
}
.right_tit{
	border-bottom: solid 1px #a0a0a0;
	height: 49px;
	line-height: 49px;
	font-size: 16px;
	font-weight: bold;
}
.right_tit img{
	margin-right: 5px;
	color: #4f4f4f;
}
.right_tit span{
	font-size: 14px;
	font-weight: normal;
}
.right_tit span a{
	color: #4f4f4f;
}
.m_pro{
	padding: 85% 0 138px;
}
.m_pro ul{
	margin-right: -14px;
}
.m_pro li{
	width: 261px;
	float: left;
	
	margin-right: 17px;
	/*margin-bottom: 32px;*/
}
.m_pro li img{border: solid 1px #959595;}
.m_pro li p{ text-align:center; color:#000;    line-height: 45px;}
.m_pro1{
	padding: 20px 0 0px;
}
.m_pro1 ul{
	margin-right: -14px;
}
.m_pro1 li{
	width: 261px;
	float: left;
	
	margin-right: 17px;
	/*margin-bottom: 32px;*/
}
.m_pro1 li img{border: solid 1px #959595;}
.m_pro1 li p{ text-align:center; color:#000;    line-height: 45px;}
.m_pro2{
	padding: 0 0 138px;
}
.m_pro2 ul{
	margin-right: -14px;
}
.m_pro2 li{
	width: 261px;
	float: left;
	
	margin-right: 17px;
	/*margin-bottom: 32px;*/
}
.m_pro2 li img{border: solid 1px #959595;}
.m_pro2 li p{ text-align:center; color:#000;    line-height: 45px;}




.page a{
	width: 43px;
	height: 39px;
	display: inline-block;
	border: solid 1px #A0A0A0;
	text-align: center;
	line-height: 39px;
	color: #000;
}
.page a:hover{
	color: #fff;
	background: #bb1e10;
}

.pro_show{
	padding: 65px 0 0;
}
.pro_show h3{
	font-size: 18px;
	color: #4b4a4a;
	line-height: 28px;
	padding: 40px 0;
}
.pro_intro h3{
	color: #4b4a4a;
	font-size: 14px;
	line-height: 44px;
	border-bottom: solid 1px #a0a0a0;
}
.pro_intro p{
	color: #4b4a4a;
	padding: 13px 0 50px;
}
.pro_intro a{
	line-height: 32px;
	display: block;
	color: #4b4a4a;
}

.m_about{

	line-height: 28px; text-indent:2em;
}
.news_show{
	padding: 25px 0 0;
}
.news_show_tit{
	height: 106px;
	background: #fafafa;
	padding: 0 45px;
}
.news_show_tit h2{
	font-size: 18px;
	color: #000;
	padding: 9px 0 0;
	line-height: 48px;
	border-bottom: dotted 1px #b4b4b4;
	margin-bottom: 12px;
}
.news_show_tit p img{
	margin-right: 10px;
}
.news_show_tit p span{
	margin: 0 30px;
}
.news_show_txt{
	width: 730px;
	margin: 0 auto;
}
.news_show_txt p{
	line-height: 32px;
	/*padding: 30px 0 40px;*/padding: 20px 0 0px; text-indent:2em;
	
}
.news_show_txt a{
	display: block;
	color: #000;
}
.m_news{
	padding: 42px 0 0;
}
.m_news li{
	margin-bottom: 60px;
}
.m_news_pic{
	border: solid 1px #dfcebb;
}
.m_news_text{
	padding: 3px 0 0;
}
.date{
	width: 132px;
	border-right: solid 1px #a0a0a0;
	height: 111px;
}
.date span{
	width: 109px;
	height: 38px;
	background: #bb1e10;
	text-align: center;
	line-height: 38px;
	color: #fff;
	display: block;
	margin: 34px 0 0;
}
.m_news_con{
	width: 665px;
}
.m_news_con h3{
	font-size: 20px;
	line-height: 55px;
	padding: 17px 0 0;
}
.m_news_con p{
	font-size: 16px;
/*	height: 66px;*/
	overflow: hidden;
}
.m_news_con a{
	display: block;
	float: right;
	width: 101px;
	height: 36px;
	background: #bb1e10;
	text-align: center;
	line-height: 36px;
	color: #fff;
	margin: 42px 0 0;
}
.m_mes{
	width: 790px;
	margin: 0 auto;
	padding: 28px 0 0;
}
.m_mes p{
	margin-bottom: 30px;
}
.m_mes_user{
	width: 365px;
	height: 36px;
	border-bottom: solid 1px #a0a0a0;
	border-top:none;
	border-right:none;
	border-left:none;
	font-size: 14px;
	font-family: "微软雅黑";
}
.m_mes textarea{
	width: 100%;
	height: 160px;
	border-bottom: solid 1px #a0a0a0;
	border-top:none;
	border-right:none;
	border-left:none;
	font-size: 14px;
	font-family: "微软雅黑";
}
.m_mes_btn{
	width: 164px;
	height: 41px;
	background: #bb1e10;
	text-align: center;
	line-height: 41px;
	font-size: 14px;
	font-family: "微软雅黑";
	color:#fff;
	border: none;
}
.main_tit{
	width:341px ;
	position: absolute;
	left:0;
	right:0;
	margin: 0 auto;
	top:65px;
	background: url(../images/main12.png) no-repeat center 36px;
	color: #fff;
	font-size: 31px;
	font-family: Arial;
	padding-left: 145px;
}
.main_tit span{
	font-family: "黑体";
	font-size: 39px;
	margin-left: 55px;
	line-height: 40px;
	margin-right: 18px;
}
.main_tit b{
	font-size: 70px;
	line-height: 50px;
}
.tit1{
	font-size: 27px;
}

.syxxk{width:100%;height:487px;padding-top:100px;margin:0 auto;background:url(../images/xxk.jpg) no-repeat top center;margin-top:88px;}
.syxxk-div{width:1200px;margin:0 auto;}
.syxxk-cent{width:1200px;height:390px;margin:0 auto;background:url(../images/xxk1.jpg) bottom center no-repeat;}
.syxxk-cent-div{width:1120px;height:336px;margin-left:52px;}
.syxxk-cent-div-left img{width:608px;height:336px;float:left;}
.syxxk-cent-div-right{width:490px;height:246px;float:right;margin-top:87px;}
.syxxk-cent-div-right-bt{width:86px;height:16px;line-height:16px;background:url(../images/sjx.png) right center no-repeat;font-size:16px;color:#fff;}
.syxxk-cent-div-right-cent{font-size:12px;color:#fff;line-height:21px;margin-top:25px;}
.syxxk-more{width:33px;height:33px;background:#0bbcb6;line-height:30px;text-align:center;float:right;font-size:26px;color:#fff;margin-top:21px;}
.syxxk-lamu{width:1200px;height:60px;margin-top:35px;}
.syxxk-lamu ul li{float:left;width:154px;padding-left:145px;height:60px;line-height:60px;font-size:14px;color:#fff;background:#3a3a3a url(../images/a1.png) no-repeat 98px center;border-left:1px solid #fff;cursor:pointer;}


.syyoushi{width:1205px;height:305px;margin:0 auto;background:url(../images/youshi.png) no-repeat bottom center;}
.syyoushi-bt{width:250px;margin:0 auto;height:85px;text-align:center;}
.syyoushi-bt-yw{font-size:20px;color:#262626;}
.syyoushi-bt-title{width:250px;height:35px;background:url(../images/youshi1.png) no-repeat center center;}
.syyoushi-bt-title-div{width:128px;height:28px;font-size:18px;color:#333333;font-weight:bold;margin:0 auto;border:2px solid #333333;margin-top:2px;}
.syyoushi-bt-fuwu{font-size:16px;color:#4c4c4c;font-weight:bold;margin-top:3px;}
.syyoushi-cent{width:400px;height:180px;margin-left:180px;margin-top:80px;}
.syyoushi-cent-div1{font-size:16px;color:#666666;font-weight:bold;}
.syyoushi-cent-div2{font-size:20px;color:#1a1a1a;font-weight:bold;margin-top:3px;}
.syyoushi-cent-div3{font-size:12px;color:#262626;font-weight:bold;margin-top:65px;line-height:25px;}
.syyoushi-more{width:33px;height:33px;background:#0bbcb6;line-height:30px;text-align:center;float:left;font-size:26px;color:#fff;margin-top:23px;margin-left:576px;}



/*内容轮播*/
.Box .content {width: 1200px;margin: 0 auto;}
.Box h2 {text-align: center;margin-bottom: 35px;padding-top: 250px;}
.Box .Box_con {position: relative;}
.Box .Box_con .btnl {position: absolute;}
.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 80px;cursor: pointer;}
.Box .Box_con .btnl {background: url(../images/jtl02.png) no-repeat center;left: -72px;}
.Box .Box_con .btnr {background: url(../images/jtr02.png) no-repeat center;right: -72px;}
.Box .Box_con .btnl:hover {background: url(../images/jtl03.png) no-repeat center;}
.Box .Box_con .btnr:hover {background: url(../images/jtr03.png) no-repeat center;}
.Box .Box_con .conbox {position: relative;overflow: hidden;}
.Box .Box_con .conbox ul {position: relative;list-style: none;}
.Box .Box_con .conbox ul li {float: left;width: 285px;height: 200px;margin-left: 20px;overflow: hidden;}
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box .Box_con .conbox ul li img {display: block;width: 285px;height: 200px;transition: all 0.5s;}
.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}			
.Box .BoxSwitch {margin-top: 30px;text-align: center;}
.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
.Box .BoxSwitch span.cur {background: red;}
