.bg_index{ background:#2b2b2b; padding-top:115px;padding-bottom:95px}


/*公共标题*/
.main_title{display:block; text-align:center; font-size:20px; color:#959595; line-height:38px}
.main_title p{ font-size:42px; color:#ffffff; line-height:60px; font-weight: bold}




/*案例*/
.w0 {
	width: 100%;
}
.w1200 {
	margin: 0px auto; width: 1200px;
}


.case1 {
	padding: 0px 0px 50px;
}
.case1 .case1_body ul li {
	background: rgb(221, 221, 221); margin: 7px 7px 7px 8px; width: 385px; height: 288.5px;
}



.he_border1 {
	background: rgb(35, 79, 161); margin: 0px; padding: 0px; transition:0.4s ease-in-out; width: 385px; height: 288.5px; overflow: hidden; position: relative; box-sizing: border-box; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out;
}
.he_border1 .he_border1_img {
	margin: 0px; padding: 0px; transition:0.4s ease-in-out; width: 100%; overflow: hidden; display: block; position: relative; opacity: 1; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out;
}
.he_border1:hover .he_border1_img {
	position: absolute; opacity: 0.3; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1);
}
.he_border1 .he_border1_caption {
	margin: 0px; padding: 0px; transition:0.4s ease-in-out; color: rgb(255, 255, 255); overflow: hidden; backface-visibility: hidden; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden;
}
.he_border1 .he_border1_caption::before {
	transition:opacity 0.4s, transform 0.4s; position: absolute; content: ""; opacity: 0; -webkit-transition: opacity 0.4s, -webkit-transform .4s; -moz-transition: opacity 0.4s, -moz-transform .4s; -o-transition: opacity 0.4s, -o-transform .4s;
}
.he_border1 .he_border1_caption::after {
	transition:opacity 0.4s, transform 0.4s; position: absolute; content: ""; opacity: 0; -webkit-transition: opacity 0.4s, -webkit-transform .4s; -moz-transition: opacity 0.4s, -moz-transform .4s; -o-transition: opacity 0.4s, -o-transform .4s;
}
.he_border1 .he_border1_caption::before {
	transform-origin: 0% 0%; left: 6%; top: 8%; right: 6%; bottom: 8%; border-top-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-top-width: 4px; border-bottom-width: 4px; border-top-style: solid; border-bottom-style: solid; transform: scale(0, 1); -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); -o-transform: scale(0, 1); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -o-transform-origin: 0 0;
}
.he_border1 .he_border1_caption::after {	
	transform-origin: 100% 0%; left: 6%; top: 8%; right: 6%; bottom: 8%; border-right-color: rgb(255, 255, 255); border-left-color: rgb(255, 255, 255); border-right-width: 4px; border-left-width: 4px; border-right-style: solid; border-left-style: solid; transform: scale(1, 0); -webkit-transform: scale(1, 0); -moz-transform: scale(1, 0); -o-transform: scale(1, 0); -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -o-transform-origin: 100% 0;
}
.he_border1:hover .he_border1_caption::before {
	opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1);
}
.he_border1:hover .he_border1_caption::after {
	opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1);
}
.he_border1 .he_border1_caption {
	transition:0.4s ease-in-out; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; position: absolute; z-index: 1000; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out;
}






.he_border1:hover .he_border1_caption .diagonal-linea{
    position: absolute;
    top: 196px;
    left: 79px;
    width: 40%;
    height: 84%;
    transform: rotate(-35deg);
    background: transparent;
    border-top: 2px solid #ffffff;
	}
	
	
.he_border1:hover .he_border1_caption .diagonal-lineb{
    position: absolute;
    top: 17%;
    left: 290px;
    width: 40%;
    height: 84%;
    transform: rotate(-35deg);
    background: transparent;
    border-top: 2px solid #ffffff;
	}


.he_border1 .he_border1_caption > a {
	transition:0.4s ease-in-out; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; position: absolute; z-index: 1000; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out;
}
.he_border1 .he_border1_caption_h {
	transition:0.5s ease-in-out; left: 10%; top: 20%; width: 80%; text-align: center; overflow: hidden; font-size: 1.7em; font-weight: 700; position: absolute; opacity: 1; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out;
}
.he_border1 .he_border1_caption_p {
	transition:0.4s ease-in-out; left: 10%; top: 60%; width: 80%; text-align: center; overflow: hidden; font-size: 1.7em; position: absolute; opacity: 0; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out;
}
.he_border1:hover .he_border1_caption_p {
	top: 45%; opacity: 1;
}


.case2 {
	padding: 50px 0px;
}
.case2 .case2_body ul li {
	background: rgb(221, 221, 221); margin: 7px 7px 7px 8px; width: 385px; height: 288.5px;
}


.case3 {
	padding: 50px 0px;
}
.case3 .case3_body ul li {
	background: rgb(221, 221, 221); margin: 7px 7px 7px 8px; width: 385px; height: 288.5px;
}



.case4 {
	padding: 50px 0px;
}
.case4 .case4_body ul li {
	background: rgb(221, 221, 221); margin: 7px 7px 7px 8px; width: 385px; height: 288.5px;
}








/*关于我们*/
.in_about{ width:1200px; margin:0 auto; margin-top:70px}
.in_about .leftimg{ display: block; float:left; width:605px; height:603px; overflow:hidden}
.in_about .leftimg img{
	display: block;
    width: 605px;
    height: 603px;
    transform: scale(1);
    transition: all 1s ease-out;
	}
.in_about .leftimg:hover img{transform: scale(1.2);}
.in_about .righttxt{ display:block; float:right; width:560px;}
.in_about .righttxt h1{ font-size:28px; color:#aaaaaa; font-weight:bold; line-height:2.5}
.in_about .righttxt .txt{}
.in_about .righttxt .txt *{ font-size:16px; line-height:36px; text-align:justify; color:#959595}


.in_about .righttxt .txta{ padding-top:25px; border-top:1px solid #ffffff; margin-top:25px;text-align: center;}
.in_about .righttxt .txta li{
    display: table-cell;
    color: #959595;
    font-size: 17px;
    line-height: 30px;
    padding: 0 30px;
	}
.in_about .righttxt .txta li .topimg{ height:50px}
.in_about .righttxt .txta li .topimg img{ height:100%}
.in_about .righttxt .txta li h2{ font-size:21px; color:#ffffff; line-height:3; font-weight:normal}
.in_about .righttxt .txta li .botimg{}
.in_about .righttxt .txta li .botimg img{ width:138px}


/*新闻资讯*/
.in_xwzx{ margin-top:65px;}
.in_xwzx .conta{width:1200px; margin:0 auto;margin-top:30px;}
.in_xwzx .conta ul li{
	float: left;
    width: 32.4%;
    height: auto;
    display: block;
    margin-right: 1.4%;
	}
.in_xwzx .conta ul li:nth-child(3n){margin:0 !important; float:right !important}
.in_xwzx .conta ul li a{
	width: 100%;
    height: auto;
    display: block;
    overflow: hidden;
    position: relative;
	}
.in_xwzx .conta ul li a img{width:100%;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;}
.in_xwzx .conta ul li a .txt{position:absolute; left:0; bottom:0; width:100%; height:50px;background: rgba(0,0,0,0.7);}
.in_xwzx .conta ul li a .txt p{ margin-left:1.5%; line-height:50px; font-size:18px; color:#ffffff; float:left; width:75%}
.in_xwzx .conta ul li a .txt span{ margin-right:1.5%; line-height:50px; font-size:14px; color:#ffffff; font-family:Arial, Helvetica, sans-serif; float:right}
.in_xwzx .conta ul li:hover a img{transform: scale(1.2);}


.in_xwzx .contb{max-width:1200px; margin:0 auto;margin-top:30px;}
.in_xwzx .contb ul li{
	float: left;
    width: 32%;
    height: auto;
    display: block;
    margin-right: 2%;
    border-bottom: 1px solid #dedede;
	}
.in_xwzx .contb ul li:nth-child(3n){margin:0 !important; float:right !important}
.in_xwzx .contb ul li a{ float:left;line-height:57px; font-size:17px; color:#ababab; width:75%}
.in_xwzx .contb ul li span{ float:right; line-height:57px; color:#929292; font-size:14px; font-family:Arial, Helvetica, sans-serif}
.in_xwzx .contb ul li:hover a{ color:#ffba00}