@charset "utf-8";



/* CSS Document */



::selection {



	color:#fff;



    background-color: #1a1a1a;



}







::-moz-selection {



	color:#fff;



    background-color: #1a1a1a;



}







::-webkit-selection {



	color:#fff;



    background-color: #1a1a1a;



}







::-webkit-scrollbar {



    width: 8px;



    height: 8px;



    background-color: #F5F5F5;



}







::-webkit-scrollbar-track {



    border-radius: 10px;



    background-color: #E2E2E2;



}







::-webkit-scrollbar-thumb {



    border-radius: 10px;



    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);



    background-color: #555;



}







* {



    padding: 0;



    margin: 0;



}







body {



    font: 14px/1.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif;



    color: #333;



    margin: 0;



    line-height: 1.5;



    font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif;



}







:focus {



    outline: 1;



}







article,



aside,



canvas,



details,



figcaption,



figure,



footer,



header,



hgroup,



menu,



nav,



section,



summary {



    display: block;



}







a {



    margin: 0;



    padding: 0;



    border: 0;



    font-size: 100%;



    vertical-align: baseline;



    background: transparent;



}







ins {



    background-color: #ff9;



    color: #000;



    text-decoration: none;



}







mark {



    background-color: #ff9;



    color: #000;



    font-style: italic;



    font-weight: bold;



}







del {



    text-decoration: line-through;



}







table {



    border-collapse: collapse;



    border-spacing: 0;



}







hr {



    display: block;



    height: 1px;



    border: 0;



    border-top: 1px solid #cccccc;



    margin: 1em 0;



    padding: 0;



}







input,



select {



    vertical-align: middle;



}











li,



ul {



    list-style-type: none;



}







img {



    border: none;



}







a {



    color: #333;



    text-decoration: none;



    -webkit-transition: all .3s ease-out;



    transition: all .3s ease-out;



}







a:link,



a:hover,



a:active,



a:visited {



    text-decoration: none;



}







input,



textarea {



    outline: 0;



    border: 0;



}







textarea {



    resize: none;



}







h1,



h2,



h3,



h4,



h5,



h6,



dl,



dd,



dt,



i,



em {



    font-weight: normal;



    font-style: normal;



}



.between{



	width:1180px;



	margin:0 auto;



	overflow: hidden;



}



.title_nav{



	width: 349px;



	height: 74px;



	margin:0 auto;



}







.title_nav h3 a{



	font-size: 24px;



	color: #fff;



	text-align: center;



	display: block;



}



.title_nav h3 a span{



	font-size: 40px;



}



.title_nav h2 a{



	font-size: 24px;



	color: #fff;



	text-align: center;



	display: block;



}



.title_nav > span{



	width: 349px;



	height: 19px;



	display: block;



	background: url(../images/title_nav.png) no-repeat center;



}



.title_nav > i{



	font-size: 12px;



	color: #bebebe;



	display: block;



	text-transform: uppercase;



	text-align: center;



}



.clearfix{clear:both;}











/**banner**/



.banner {



  width: 100%;



  height: 800px;



  overflow: hidden;



  position: relative;



}



.fullSlide {



  width: 100%;



  position: relative;



  height: 100%;



  background: transparent;



  z-index: 66;



}



.fullSlide .bd {



  margin: 0 auto;



  height: 100%;



  position: relative;



  z-index: 0;



  overflow: hidden;



}



.fullSlide .bd ul {



  height: 100%;



  width: 100%!important;



}



.fullSlide .bd li {



  height: 100%;



	width: 100%!important;



  overflow: hidden;



  text-align: center;



  background-position: center;



  background-repeat: no-repeat;



  width: 100%;



}



.fullSlide .bd li a {



  display: block;



  height: 100%;



  width: 100%;



}



.fullSlide .hd {



  width: 100%;



  position: absolute;



  z-index: 1;



  bottom: 0;



  left: 0;



}



.fullSlide .hd ul {



  text-align: center;



  margin-bottom: 20px;



}



.fullSlide .hd ul li {



  background: #1a1a1a;



  cursor: pointer;



  display: inline-block;



  *display: inline;



  zoom: 1;



  width: 42px;



  height: 11px;



  margin: 1px;



  overflow: hidden;



  *filter: alpha(opacity=50);



  *opacity: .5;



  line-height: 999px;



}



.fullSlide .hd ul .on {



  background: #fff;



}



.fullSlide .prev,



.fullSlide .next {



  display: block;



  position: absolute;



  top: 50%;



  margin-top: -30px;



  left: 15%;



  z-index: 1;



  width: 40px;



  height: 60px;



  background: url(../images/slider-arrow.png) -126px -137px #000000 no-repeat;



  cursor: pointer;



  *filter: alpha(opacity=50);



  *opacity: .5;



  display: none;



}



.fullSlide .next {



  left: auto;



  right: 15%;



  background-position: -6px -137px;



}



.banner .header{



	width: 1180px;



	margin: 0 auto;



	height: 800px;



	position: relative;



}



.banner .head_w{



	width: 230px;



	height: 800px;



	background: rgba(0,0,0,0.8);



	overflow: hidden;



	position: absolute;



	top: -800px;



	left: 0;



	z-index: 88;



}



.head_w h1{



	width: 230px;



	height: 119px;



	border-bottom: 2px solid #6b6b6b;



}



.head_w h1 a{



	width: 124px;



	height: 90px;



	overflow: hidden;



	display: block;



	margin: 14px auto;



}



.head_w h1 a img{



	width: 124px;



	height: 90px;



	overflow: hidden;



}



.head_w ul{



	width: 230px;



	height: 667px;



	overflow: hidden;



}



.head_w ul li{



	width: 230px;



	height: 66px;



	border-bottom: 1px solid #333333;



}



.head_w ul li a{



	font-size: 18px;



	color: #e5e5e5;



	text-align: center;



	line-height: 66px;



	width: 100%;



	text-overflow: ellipsis;



	white-space: nowrap;



	display: block;



	overflow: hidden;



}



.head_w ul .now{



	border-color: #fff;



}



.head_w ul .now a{



	color: #fff;



}



.head_w ul li:hover{



	border-color: #fff;



}



.head_w ul li:hover a{



	color: #fff;



}



/*banner结束*/























/* search栏开始 */



.search {



	overflow:hidden;



	width: 100%;



	height:420px;



	background: url(../images/sear_bg.jpg) no-repeat center;



}



.sear_box{



	width: 1180px;



	margin:0 auto;



	height:420px;



}



.keytext{



	width: 780px;



	line-height: 45px;



	font-family:Microsoft YaHei;



	font-size: 14px;



	color: #d7d7d7;



	overflow: hidden;



	float: left;



}



.keytext span{



	line-height: 45px;



	color:#d7d7d7;



	font-size:14px;



}



.keytext a{



	margin: 0px 8px 0px 0px;



	line-height:45px;



	font-size:14px;



	color:#d7d7d7;



}



.keytext a:hover{



	color: #fff;



}



.rmgj-n-r{



	width:331px;



	height: 31px;



	margin-top: 6px;



	overflow: hidden;



	float: right;



	background: url(../images/search.png) no-repeat left center;



}



.text2{



	padding:0px 0px 0px 10px;



	float:left;



	width: 270px;



	height: 28px;



	margin-left: 4px;



	margin-top: 2px;



	font-size:12px;



	color:#e5e5e5;



	background: none;



}



.submit{



	width:32px;



	height:31px;



	float:right;



	font-size: 14px;



	color: #fff;



	cursor: pointer;



	background:url(../images/ico1.png) no-repeat;



}



.sear_box .service{



	width: 1180px;



	margin-top: 40px;



	height: 360px;



	overflow: hidden;



	clear: both;



}



.service .serv_con{



	width: 790px;



	height: 210px;



	margin:40px auto;



}



.serv_con ul{



	width: 790px;



	height: 135px;



}



.serv_con ul li{



	background: url(../images/ser_tb.png) no-repeat center;



	width: 85px;



	height: 90px;



	float: left;



	margin-left: 96px;



	font-size: 24px;



	color: #fff;



	padding-left: 40px;



	padding-top: 45px;



	cursor: pointer;



}



.serv_con ul li:first-child{



	margin-left: 0;



}



.serv_con dl{



	width: 240px;



	height: 60px;



	float: left;



	margin-top: 30px;



}



.serv_con dl dd a{



	font-size: 14px;



	color: #e5e5e5;



	float: left;



	margin-right: 38px;



	margin-bottom: 13px;



	padding-left: 22px;



}



.serv_con dl .top1 a{



	background: url(../images/mess.png) no-repeat left center;



}



.serv_con dl .top2 a{



	background: url(../images/shop.png) no-repeat left center;



}



.serv_con dl .top3 a{



	background: url(../images/map.png) no-repeat left center;



}



.serv_con dl .top4 a{



	background: url(../images/cont.png) no-repeat left center;



}



.serv_con h4{



	float: left;



	font-size: 18px;



	color: #f5f5f5;



	margin-top: 40px;



}



.serv_con h4 span{



	font-size: 24px;



	color: #fff;



	font-weight: bold;



}



/* search栏结束 */















/* case start */



.case{



	width: 100%;



	height: 710px;



	padding-top: 50px;



	background: url(../images/case_bg.jpg) no-repeat center;



}



.case_box .case_con{



	width: 1180px;



	margin-top: 40px;



	height: 570px;
    overflow: hidden;



}



.case_con > ul{



	width: 811px;



	height: 40px;



	margin: 0 auto;



}



.case_con > ul li{



	width: 188px;



	height: 38px;



	border: 1px solid #fff;



	float: left;



	margin-left: 17px;



}



.case_con > ul li:first-child{



	margin-left: 0;



}



.case_con > ul li a{



	font-size: 18px;



	color: #fff;



	line-height: 38px;



	text-align: center;



	display: block;



	background: -webkit-linear-gradient(left, #fff, #fff) no-repeat;

background: -o-linear-gradient(left, #fff, #fff) no-repeat;

background: linear-gradient(to right, #fff, #fff) no-repeat;

background-size: 100% 0%;

-webkit-transition: all 1s; transition: all 1s;



}



.case_con > ul .on a{



	color: #4c4c4c;



	background: -webkit-linear-gradient(left, #fff, #fff) no-repeat;

background: linear-gradient(to right, #fff, #fff) no-repeat;

background-size: 100% 100%;



}



.case_cont{



	width: 1180px;



	height: 500px;



	margin-top: 30px;



	position: relative;



}



.case_cont > a{



	width: 25px;



	height: 39px;



	display: block;



	position: absolute;



}



.case_cont .lefts{



	top:220px;



	left: 0;



	background: url(../images/case_jt.png) no-repeat left center;



}



.case_cont .rights{



	top:220px;



	right: 0;



	background: url(../images/case_jt.png) no-repeat right center;



}



.case_cont .case_nr{



	width: 1020px;



	height: 500px;



	margin:0 auto;



	overflow: hidden;



}



.case_nr ul{



	width: 1020px;



	height: 500px;



}



.case_nr ul li{



	width: 1010px;



	height: 490px;



	float: left;



	border: 5px solid #cccccc;



	margin-right: 30px;



	position: relative;



}



.case_nr ul li >a{



	width: 1010px;



	height: 490px;



	overflow: hidden;



	display: block;



}



.case_nr ul li >a img{



	width: 1010px;



	height: 490px;



	overflow: hidden;



	-webkit-transition:all 1s;



	transition:all 1s;



}



.case_nr ul li >a img:hover{



	-webkit-transform:scale(1.2,1.2);



	transform:scale(1.2,1.2);



}



.case_nr ul li .case_w{



	position: absolute;



	left: 0;



	bottom: 0;



	width: 960px;



	height: 90px;



	background: rgba(0,0,0,0.7);



	-webkit-transition:all .5s;



	transition:all .5s;



	padding-left: 50px;



	padding-top: 30px;



}



.case_w h4 a{



	font-size: 16px;



	font-weight: bold;



	color: #fff;



	width: 930px;



	text-overflow: ellipsis;



	white-space: nowrap;



	overflow: hidden;



	display: block;



}



.case_w p{



	font-size: 16px;



	color: #fff;



	width: 930px;



	line-height: 24px;



	margin-top: 6px;



	display: -webkit-box;



	-webkit-box-orient:vertical;



	-webkit-line-clamp:1;



	height: 21px;



	overflow: hidden;



}



.case_w p span{



	font-size: 14px;



}



/* case end */



















/* xb1 start */



.xb1{



	width: 100%;



	height: 230px;



	padding-top: 30px;



	background: url(../images/xb1_bg.jpg) no-repeat center;



	background-attachment:fixed;



}



.xb1 .xb1_w{



	width: 600px;



	height: 170px;



	background: rgba(0,0,0,0.6);



	margin: 0 auto;



	padding-top: 30px



}



.xb1_w h4{



	font-size: 24px;



	color: #e5e5e5;



	text-align: center;



}



.xb1_w h4 span{



	font-size: 22px;



	color: #e5e5e5;



	font-weight: bold;



}



.xb1_w h5{



	font-size: 18px;



	color: #fff;



	text-align: center;



	margin-top: 20px;



	margin-bottom: 20px;



}



.xb1_w h5 span{



	font-size: 24px;



	color: #fff;



	font-weight: bold;



}



.xb1_w > a{



	width: 158px;



	height: 38px;



	border: 1px solid #fff;



	font-size: 18px;



	color: #fff;



	line-height: 38px;



	text-align: center;



	display: block;



	-webkit-transition:all 1s;



	transition:all 1s;



	margin: 0 auto;



}



.xb1_w > a:hover{



	background: #fff;



	color: #4c4c4c;



}



/* xb1 end */



























/* product start */



.product{



	width: 100%;



	height: 630px;



	overflow: hidden;



	padding-top: 50px;



	background: url(../images/pro_bg.jpg) no-repeat center;



}



.pro_box .pro_con{



	width: 1180px;



	height: 484px;



	margin-top: 40px;



	overflow: hidden;



}



.pro_con > ul{



	width: 799px;



	height: 40px;



	margin:0 auto;



	overflow: hidden;



}



.pro_con > ul li{



	width: 188px;



	height: 38px;



	float: left;



	border: 1px solid #fff;



	margin-left: 13px;



}



.pro_con > ul li a{



	font-size: 18px;



	text-align: center;



	color: #fff;



	line-height: 38px;



	display: block;



}



.pro_con > ul li:first-child{



	margin-left: 0;



}



.pro_con > ul .on{



	background: #fff;



}



.pro_con > ul .on a{



	color: #4c4c4c;



}



.pro_con .pro_cont{



	width: 1180px;



	height: 480px;



	overflow: hidden;



}



.pro_cont ul{



	width: 1180px;



	height: 480px;



	overflow: hidden;



}



.pro_cont ul li{



	width: 273px;



	height: 198px;



	float: left;



	margin-left: 20px;



	margin-top: 20px;



	border: 1px solid #808080;



	position: relative;



	-webkit-transition:all 1s;



	transition:all 1s;



}



.pro_cont ul li:hover{



	border-color: #ffffff;



}



.pro_cont ul .pro_t3{



	margin-right: 200px;



}



.pro_cont ul li > a{



	width: 273px;



	height: 198px;



	overflow: hidden;



	display: block;



}



.pro_cont ul li > a img{



	width: 273px;



	height: 198px;



	overflow: hidden;



	-webkit-transition:all 1s;



	transition:all 1s;



}



.pro_cont ul li > a img:hover{



	-webkit-transform:scale(1.2,1.2);



	transform:scale(1.2,1.2);



}



.pro_cont ul li h4{



	position: absolute;



	width: 100%;



	height: 30px;



	left: 0;



	bottom: 0;



	background: #1a1a1a;



	-webkit-transition:all 1s;



	transition:all 1s;



}



.pro_cont ul li h4 a{



	font-size: 14px;



	color: #fff;



	line-height: 30px;



	text-align: center;



	display: block;



	width: 100%;



	text-overflow: ellipsis;



	white-space: nowrap;



	overflow: hidden;



}



.pro_cont ul li:hover h4{



	height: 100%;



	background: rgba(0,0,0,0.6);



}



.pro_cont ul li:hover h4 a{



	line-height: 150px;



}



.pro_cont ul li:hover h4 i{



	background: url(../images/pro_zb.png) no-repeat center;



	width: 33px;



	height: 24px;



	display: block;



	margin-left: 120px;



	margin-top: -50px;



}



/* product end */











































/* reason start */



.reason{



	width: 100%;



	height: 670px;



	padding-top: 50px;



	background: url(../images/rea_bg.jpg) no-repeat center;



}



.rea_con{



	width: 1180px;



	height: 522px;



	margin-top: 40px;



	overflow: hidden;



}



.rea_con > ul{



	width: 700px;



	height: 40px;



	margin:0 auto;



	overflow: hidden;



}



.rea_con > ul li{



	width: 158px;



	height: 38px;



	float: left;



	font-size: 16px;



	text-align: center;



	color: #fff;



	line-height: 38px;



	border: 1px solid #fff;



	margin-left: 12px;



	cursor: pointer;



}



.rea_con > ul li:first-child{



	margin-left: 0;



}



.rea_con > ul .on{



	background: #fff;



	color: #4c4c4c;



}



.rea_con .rea_cont{



	width: 1180px;



	height: 437px;



	background: url(../images/rea_con.png) no-repeat center 30px;



	overflow: hidden;



	margin-top: 40px;



}



.rea_cont ul{



	width: 1180px;



	height: 300px;



	overflow: hidden;



}



.rea_cont ul li{



	width: 1180px;



	height: 300px;



	float: left;



	margin-right: 20px;



	-webkit-transition:all 1s;



	transition:all 1s;



}



.rea_con ul li .rea_w{



	width: 650px;



	float: left;



	margin-left: 27px;



	margin-top: 60px;



}



.rea_w h4{



	font-size: 20px;



	color: #fefeff;



}



.rea_w > span{



	width: 80px;



	height: 2px;



	background: #b2b2b2;



	display: block;



	margin-top: 14px;



	margin-bottom: 14px;



}



.rea_w p{



	font-size: 14px;



	color: #f0f0f0;



	background: url(../images/rea_zb.png) no-repeat left -2px;



	width: 640px;



	line-height: 30px;



	padding-left: 9px;



	margin-bottom: 10px;



}



.rea_w p span{



	font-size: 20px;



}



.rea_cont ul li img{



	width: 400px;



	height: 300px;



	overflow: hidden;



	float: right;



	margin-right: 70px;



}



.rea_con .rea_xb{



	width: 360px;



	height: 123px;



	margin-top: -130px;



	float: left;



	margin-left: 29px;



}



.rea_xb h4{



	font-size: 20px;



	color: #000000;



	text-align: center;



}



.rea_xb h5{



	font-size:20px;



	color: #333;



	margin-top: 30px;



	text-align: center;



}



/* reason end */



















/* xb2 start */



.xb2{



	width: 100%;



	height: 320px;



	padding-top: 60px;



	background: url(../images/xb2_bg.jpg) no-repeat center;



}



.xb2 .xb2_w{



	float: left;



	width: 462px;



	background: url(../images/xb2_w.png) no-repeat center 55px;



}



.xb2_w h4{



	font-size: 20px;



	color: #e5e5e5;



	text-align: center;



	margin-bottom: 80px;



}



.xb2_w h4 span{



	font-size: 24px;



	color: #fff;



	font-weight: bold;



}



.xb2_w p{



	background: url(../images/xb2_zb.png) no-repeat left center;



	width: 448px;



	margin-left: 12px;



	padding-left: 28px;



	font-size: 16px;



	color: #e5e5e5;



	line-height: 24px;



	margin-bottom: 10px;



}



.xb2_box .xb2_dh{



	width: 453px;



	background: url(../images/xb2_line.png) no-repeat center 98px;



	float: right;



}



.xb2_dh h5{



	font-size: 30px;



	color: #e5e5e5;



	text-align: center;




}



.xb2_dh > span{



	font-size: 24px;



	color: #e5e5e5;



	text-align: center;



	display: block;



	margin-bottom: 70px;



}



@-webkit-keyframes yidong

/* Safari 和 Chrome */



{

	0% {

		transform: translate(0, 0);

    }

    50% {

    	transform: translate(0, 15px);

    }

    100% {

    	transform: translate(0, 0);

    }

}

.xb2_dh h4{



	font-size: 18px;



	color: #e5e5e5;



	margin-bottom: 20px;



	text-align: center;



}



.xb2_dh h4 span{



	font-size: 20px;



	color: #fff;



	font-weight: bold;



}



.xb2_dh > a{



	width: 178px;



	height: 38px;



	border: 1px solid #e5e5e5;



	font-size: 18px;



	color: #e5e5e5;



	line-height: 38px;



	text-align: center;



	display: block;



	position: relative;



	-webkit-transition:all 1s;



	transition:all 1s;



	margin: 0 auto;



}



.xb2_dh > a:hover{



	background: #fff;



	color: #4c4c4c;



}



/* xb2 end */



















/* customer start */



.customer{



	width: 100%;



	height: 430px;



	padding-top: 50px;



	background: url(../images/cus_bg.jpg) no-repeat center;



}



.cus_con{



	width: 1180px;



	height: 270px;



	margin-top: 40px;



	overflow: hidden;



}



.cus_con .hd{



	width: 200px;



	height: 270px;



	float: left;



}



.cus_con .hd li{



	width: 198px;



	height: 58px;



	border: 1px solid #fff;



	margin-top: 10px;



}



.cus_con .hd li:first-child{



	margin-top: 0px;



}



.cus_con .hd li a{



	width: 100%;



	line-height: 58px;



	font-size: 16px;



	color: #fff;



	text-align: center;



	display: block;



	text-overflow: ellipsis;



	white-space: nowrap;



	overflow: hidden;



}



.cus_con .hd .on{



	background: #fff;



}



.cus_con .hd .on a{



	color: #4c4c4c;



}



.cus_con .cus_cont{



	width: 930px;



	height: 270px;



	overflow: hidden;



	float: right;



}



.cus_cont ul{



	width: 930px;



	height: 270px;



	overflow: hidden;



}



.cus_cont ul li{



	width: 930px;



	height: 270px;



	overflow: hidden;



}



.cus_cont ul li > a{



	width: 520px;



	height: 270px;



	overflow: hidden;



	float: left;



	display: block;



}



.cus_cont ul li > a img{



	width: 520px;



	height: 270px;



	overflow: hidden;



	-webkit-transition:all 1s;



	transition:all 1s;



}



.cus_cont ul li > a img:hover{



	-webkit-transform:scale(1.2,1.2);



	transform:scale(1.2,1.2);



}



.cus_cont ul li .cus_w{



	width: 360px;



	height: 220px;



	float: left;



	background: url(../images/cus_w.png) no-repeat center;



	padding-left: 50px;



	padding-top: 50px;



}



.cus_w h4 a{



	width: 310px;



	font-size: 16px;



	color: #fff;



	display: block;



	text-overflow: ellipsis;



	white-space: nowrap;



	overflow: hidden;



}



.cus_w p{



	width: 310px;



	font-size: 14px;



	color: #fff;



	line-height: 24px;



	display: -webkit-box;



	-webkit-box-orient:vertical;



	-webkit-line-clamp:4;



	height: 96px;



	overflow: hidden;



	margin-top: 20px;



	margin-bottom: 20px;



}



.cus_w > a{



	font-size: 14px;



	color: #fff;



}



.cus_w h4 a:hover,.cus_w > a:hover{



	font-weight: bold;



}



/* customer end */



















/* company start */



.company{



	width: 100%;



	height: 1060px;



	padding-top: 30px;



	background: url(../images/com_bg.jpg) no-repeat center;



}



.com_box .com_w{



	width: 1180px;



	height: 400px;



	margin-top: 30px;



	overflow: hidden;



}



.com_w > a{



	float: left;



	width: 300px;



	height: 400px;



	overflow: hidden;



	display: block;



	position: relative;;



}



.com_w > a img{



	width: 300px;



	height: 400px;



	overflow: hidden;



}



.com_w > a h4{



	position: absolute;



	top: 0;



	left: 0;



	width: 100%;



	height: 100%;



	font-size: 18px;



	text-align: center;



	color: #fff;



	line-height: 400px;



	background: rgba(0,0,0,0.5);



	opacity: 0;



	-webkit-transition:all 1s;



	transition:all 1s;



}



.com_w > a:hover h4{



	opacity: 1;



}



.com_w .com_m{



	width: 840px;



	float: right;



	margin-right: 10px;



	margin-top: 10px;



	height: 150px;



	overflow: hidden;



}



.com_m h3 a{



	width: 600px;



	font-size: 24px;



	font-weight: bold;



	color: #fff;



	display: block;



	text-overflow: ellipsis;



	white-space: nowrap;



	overflow: hidden;



	float: left;



	margin-bottom: 20px;



}



.com_m > a{



	font-size: 14px;



	color: #e5e5e5;



	display: block;



	float: right;



	margin-bottom: 20px;



}



.com_m p{



	width: 840px;



	font-size: 14px;



	color: #e5e5e5;



	line-height: 24px;



	display: -webkit-box;



	-webkit-box-orient:vertical;



	-webkit-line-clamp:4;



	height: 96px;



	overflow: hidden;



	clear: both;



}



.com_box .hon_con{



	width: 850px;



	height: 220px;



	float: right;



	margin-top: -200px;
    overflow: hidden;



}



.hon_con > ul{



	width:300px;



	height: 36px;






}



.hon_con > ul li{



	width: 108px;



	height: 28px;



	float: left;



	margin-right:20px;



	border: 1px solid #fff;



}



.hon_con > ul .on{



	background: #fff;



}



.hon_con > ul .on a{



	color: #4c4c4c;



}



.hon_con > ul li a{



	font-size: 14px;



	color: #fff;



	text-align: center;



	line-height: 28px;



	display: block;



	text-overflow: ellipsis;



	white-space: nowrap;



	overflow: hidden;



}



.hon_con .hon_cont{



	width: 850px;



	height: 160px;



	margin-top: 23px;



	position: relative;



}



.hon_cont .lefts2{



	position: absolute;



	right: 41px;



	top: -43px;



	width: 40px;



	height: 20px;



	display: block;



	background: url(../images/hon_jt.png) no-repeat left center;



}



.hon_cont .rights2{



	position: absolute;



	right: 0;



	top: -43px;



	width: 40px;



	height: 20px;



	display: block;



	background: url(../images/hon_jt.png) no-repeat right center;



}



.hon_cont .hon_nr{



	width: 850px;



	height: 160px;



	overflow: hidden;



	margin:0 auto;



}



.hon_nr ul{



	width: 850px;



	height: 160px;



	overflow: hidden;



}



.hon_nr ul li{



	width: 198px;



	height: 158px;



	border: 1px solid #d9d9d9;



	float: left;



	margin-right: 16px;



	position: relative;



}



.hon_nr ul li:hover{



	border-color: #fff;



}



.hon_nr ul li a{



	width: 198px;



	height: 158px;



	overflow: hidden;



	display: block;



}



.hon_nr ul li a img{



	width: 198px;



	height: 158px;



	overflow: hidden;



	-webkit-transition:all 1s;



	transition:all 1s;



}



.hon_nr ul li a img:hover{



	-webkit-transform:scale(1.2,1.2);



	transform: scale(1.2,1.2);



}



.hon_nr ul li h4{



	width: 100%;



	height: 30px;



	background: rgba(0,0,0,0.5);



	position: absolute;



	bottom: 0;



	left: 0;



}



.hon_nr ul li h4:hover{



	background: #1a1a1a;



}



.hon_nr ul li h4 a{



	font-size: 14px;



	color: #fff;



	text-overflow: ellipsis;



	white-space: nowrap;



	overflow: hidden;



	display: block;



	line-height: 30px;



	text-align: center;



}



/* company end */















/* news start */



.news{



	width: 1180px;



	margin-top: 50px;



	height: 480px;



}



.new{



	width: 1180px;
    height: 375px;
    overflow: hidden;


	margin-top: 30px;



}



.new > ul{



	width: 480px;



	height: 35px;



	margin: 0 auto



}



.new > ul li{



	float: left;



	margin-left: 15px;



	width: 148px;



	height: 33px;



	border: 1px solid #fff;



}



.new > ul li:first-child{



	margin-left: 0;



}



.new > ul li a{



	font-size: 16px;



	color: #fff;



	text-align: center;



	line-height: 33px;



	display: block;



}



.new > ul .on{



	background: #fff;



}



.new > ul .on a{



	color: #4c4c4c;



}



.new_con{



	width: 1180px;



	height: 300px;



	margin-top: 40px;



	position: relative;



	overflow: hidden;



}



.new_con > a{



	width: 18px;



	height: 32px;



	display: block;



	position: absolute;



	top: 114px;



}



.new_con .lefts3{



	background: url(../images/new_jt.png) no-repeat left top;



	left: 0;



}



.new_con .rights3{



	background: url(../images/new_jt.png) no-repeat right top;



	right: 0;



}



.new_con .new_cont{



	width: 1090px;



	height: 300px;



	margin: 0 auto;



	overflow: hidden;



}



.new_cont ul{



	width: 1090px;



	height: 300px;



	overflow: hidden;



}



.new_cont ul li{



	width: 350px;



	height: 300px;



	float: left;



	margin-right: 20px;



	position: relative;



}



.new_cont ul li > a{



	width: 350px;



	height: 260px;



	overflow: hidden;



	display: block;



}



.new_cont ul li > a:hover{



	border-color: #008fd4;



}



.new_cont ul li > a img{



	width: 350px;



	height: 260px;



	overflow: hidden;



	-webkit-transition:all 1s;



	transition:all 1s;



}



.new_cont ul li > a img:hover{



	-webkit-transform:scale(1.2,1.2);



	transform: scale(1.2,1.2);



}



.new_cont ul li h4 a{



	width: 350px;



	font-size: 16px;



	color: #fff;



	text-align: center;



	line-height: 44px;



	text-overflow: ellipsis;



	white-space: nowrap;



	overflow: hidden;



	display: block;



}



.new_cont ul li h4 a:hover{



	font-weight: bold;



}



.new_cont ul li div{



	position: absolute;



	top: 0;



	right: 0;



	width: 60px;



	height: 60px;



	background: #e5e5e5;



	font-size: 14px;



	color: #666;



	text-align: center;



	line-height: 40px;



}



.new_cont ul li div span{



	font-size: 30px;



	display: block;



	color: #4c4c4c;



	margin-bottom: -14px



}



/* news end */



















/*link start*/



.link_nav{



	width: 1180px;



	height: 80px;



	margin-top: 20px;



}



.link_nav h4{



	width: 1180px;



	font-size: 18px;



	color: #fff;



	border-bottom: 1px solid #808080;



	height: 39px;



	text-align: center;



}



.link_nav h4 span{



	font-size: 14px;



	color: #e5e5e5;



	text-transform: uppercase;



}



.link_nav a{



	float: left;



	font-size: 14px;



	color: #e5e5e5;



	margin-left: 20px;



	display: block;



	line-height: 40px;



}



.link_nav a:hover{



	color: #fff;



}



/*link end*/