.top_t {
	height: 44px;
	line-height: 44px;
	color: #666;
	font-size: 13px;
	width: 1200px;
	
	margin: 0 auto;
	padding-left: 27px;
	font-family: "Noto Sans SC";
}

.top_t p {
	float: right;
}

.top_t p a {
	padding: 0 18px 0 24px;
	color: #666;
	display: block;
	float: left;
}

.top_t p a:hover {
	color: #0081cd;
}

.top_t .a_last {
	padding-right: 0;
}

.tico1 {
	background: url(../img/incon.png) no-repeat left;
}

.tico3 {
	background: url(../img/incon2.png) no-repeat left;
}


.top_he {
		height: 44px;
		background: #f5f5f5;
	
}
/**/
.header {
	position: fixed;
	height: 94px;
	background: #fff;
	width: 100%;
	    z-index: 999;
    /*box-shadow: 0px 0px 8px rgba(0,0,0,0.2);*/

}

.logo {
	width: 238px;
	margin-top: 6px;
}
.logo img{
	height: 78px;
}
.nav {
	width: 756px;
}

.nav_pc li {
	float: left;
	width: 14%;
	height: 96px;
	margin-right: 2px;
	/*background: url(../img/nav_bor.gif) right center no-repeat;*/
	transition: all .3s;
}

.nav_pc li a {
	line-height: 96px;
	display: block;
	text-align: center;
	font-size: 16px;
	color: #514a4a;
	transition: all .3s;
}

.nav_pc li:hover {
	background: #0081CD;
}

.nav_pc li:hover a {
	color: #fff;
}

.nav_pc li.on a {
	color: #fff;

}

.nav_pc li.on {
	background: #0081CD;
}

.tle{
	width:15%; 
	margin-top: 17px;
	background: url(../img/tle.jpg) no-repeat left;
}
.tle p{
 padding-left: 50px;
}
.tle p:nth-child(1){
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	margin-top: 10px;
}
.tle p:nth-child(2){
	font-size: 16px;
	
	}

/*下拉菜单*/
.submenu{
	position: absolute;
	height: 500px;
	width: 100%;
	top: 140px;
	background: rgba(0,129,205,0.9);
	/*    background: rgba(237, 237, 237, 0.95);*/
	z-index: 999;
	display: none;
}
.submenu ul.secondmenu{
	width: 1200px;
	overflow: hidden;
	border-bottom: 1px solid #fff;
}

.submenu ul.secondmenu li{
	padding: 0 60px;
	color: #fff;
	width: 20%;
	line-height: 78px;
	font-size: 16px;
	float: left;
	color: #fff;
	border-bottom: 1px;
	border-style: solid;
	border-color: transparent;
	cursor: pointer;
	position: relative;
	z-index: 999;
}
.submenu ul.secondmenu li a{
	text-align: center;
	display: block;
}
.submenu ul.secondmenu li:hover{
	border-bottom:1px solid #fff;
}
.submenu ul.secondmenu li.hover{
	border-bottom:1px solid #fff;
}
.secondmenu a:hover{
	font-size: 18px;
}
.submenu .threemenu{
	height: 480px;
	width: 1200px;
	padding: 25px 15px;
	float: left;
	margin-left: -1px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	overflow: hidden;
	display: none
}
.submenu .threemenu ul li{
	margin-bottom: 15px;
	float: left;
	margin-left: 13px;
	width: 221px;

}
.submenu .threemenu ul li .threemenu_img{
	display: block;
	width: 221px;
	height: 145px;
	overflow: hidden;
}
.submenu .threemenu ul li .threemenu_img img{
	width: 100%;
	height: 100%;
	transition: all 0.5s;
}
.submenu .threemenu ul li .threemenu_img:hover img{
transform: scale(1.1);
}
.submenu .threemenu ul li a{
	display: block;
	height: 100%;
	text-align: center;
	color: #fff;
	line-height: 30px;
	font-size: 14px;
}
.submenu .threemenu ul li div{
	width: 836px;
}
.submenu .threemenu ul li div a{
	font-size: 15px;
	line-height: 30px;
	color: #fff;
	margin-right: 20px;
}
.submenu .threemenu ul li div a:hover{
	color: #ff0000;
}

/*.chover:hover{
	color:blue;
}*/
.clearfix {
    zoom: 1;
}

#myBtn {
		display: none; /* 默认隐藏 */
		position: fixed; 
		bottom: 5%; 
		right: 0px; 
		z-index: 99; 
		border: none;
		outline: none; 
		background-color: #12408b; /* 设置背景颜色，你可以设置自己想要的颜色或图片 */
		color: white; /* 文本颜色 */
		cursor: pointer; 
		padding: 15px; 
		border-radius: 10px; /* 圆角 */
	}
	 
	#myBtn:hover {
		background-color: #555; 
	}
.submenu .threemenu ul .chover:hover a{
	    color: #f5f5f5!important;
	    font-size: 18px;
}


/*banner*/

.banner {
	clear: both;
	width: 100%;
}

.fullSlide {
	width: 100%;
	height: 648px;

	position: relative;
	background: #f5f5f5;
}

.fullSlide .bd {
	margin: 0 auto;
	position: relative;
	z-index: 0;
	overflow: hidden;
}

.fullSlide .bd ul {
	width: 100% !important;
}

.fullSlide .bd li {
	width: 100% !important;
	height: 648px;
	overflow: hidden;
	text-align: center;
}

.fullSlide .bd li a {
	display: block;
	height: 680px;
}

.fullSlide .hd {
	width: 100%;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	height: 46px;
	line-height: 30px;
	_background: #000;
	_filter: alpha(opacity=60);
}

.fullSlide .hd ul {
	text-align: center;
	padding-top: 5px;
}

.fullSlide .hd ul li {
	cursor: pointer;
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 80px;
	height: 2px;
	margin: 5px;
/*	border-radius: 20px;*/
	background: #fff;
	overflow: hidden;
	line-height: 9999px;
}

.fullSlide .hd ul .on {
	background: #e98c13;
}
/*section1*/
.section1{
	width: 100%;
	border-bottom: 1px solid #e2e2e2;
	height: 80px;
}
.section1 p{
	line-height: 70px;
	width: 800px;
    font-size: 14px;
    color: #333333;
}

.section1 p a{ display: inline-block; color: #999; padding: 0 6px;}
.section1 p a:hover{ color: #003c84;}
.section1  form{
	width: 361px;
	margin-top: 20px;
	padding: 0 0 0 60px;
}
.section1  form .ser_inp{
	width: 200px;
	height: 40px;
	float: left;
	border: none;
}
.section1  form  .ser_so{
	width: 77px;
	border: none;
	height: 42px;
	background: url(../img/s_so.png) no-repeat center;
}

/*section2*/
.section2{
		overflow: hidden;
	width: 100%;
	margin-top: 20px;
}
.title{
	margin-top: 50px;
	text-align: center;
}
.title h2{
	font-weight: bold;
	font-size: 40px;
	color: #0081cd;
}
.title h2 i{
	font-style:normal;
	color: #000000;
}
.title p{
	margin-top: 20px;
	font-size: 15px;
	background: url(../img/t_bg1.png) no-repeat center;
	font-size: 16px;
}

.section2 ul{
	margin-top: 40px;
}
.section2 ul li{
	float: left;
	width: 360px;
	position: relative;
	margin-left: 40px;
	height: 345px;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
}
@keyframes test{
    0%{
        transform:translate(0,0)
    }
    50%{
        transform:translate(0,5px)
    }
    100%{
        transform:translate(0,0)
    }
}
.section2 ul li:hover{
	 animation: test 0.25s ease-in 3;
}
.section2 ul li:first-child(){
	margin-left: 0px;
}
.section2 ul li p{
	position: absolute;
	left: 60px;
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	bottom: 35px;
}
/*section3*/
.section3{
	margin-top: 50px;
	overflow: hidden;
	width: 100%;
	background: #f8f8f8;
	padding-bottom: 38px;
	padding-top: 30px;

    position: relative;
}


 .slider{
	position: absolute;
	left: 150px;
	top: 20px;
	width: 169px;
	z-index: 999;
	background: rgba(255,255,255,0.8);
	padding: 10px;
}
@media (min-width: 1300px) {
    /*大屏幕设备 桌面*/
     .slider{
    left: 4px;
}

}

.slider .cate p:first-of-type img{
	vertical-align: middle;
	margin-right: 15px;
}
.slider .cate p:first-of-type span{
	vertical-align: middle;
	font-size: 18px;
	color: #333;
}
.slider .cate p:last-of-type{
	font-size: 14px;
	text-transform: uppercase;
	line-height: 40px;
}
.slider ul li{
	line-height: 38px;
	font-size: 16px;
	color: #333;
	background: url(../img/icon3.jpg) no-repeat left bottom;
	cursor: pointer;
}
.slider ul li.hover{
	background: url(../img/icon4.jpg) no-repeat left bottom;
	color: #eb6100;
}

.pro-bd{
	margin-top: 40px;
}
.floor {
	clear: both;
    margin-top: 10px;
}

.floor .hd{

	border-bottom: 2px solid #0081cd;
}
.floor .hd a{
	float: right;
	display: block;
    margin-top: 37px;
    font-size: 13px;
    margin-right: 20px;
}
.floor .hd span:nth-child(1){
	vertical-align: middle;
	padding: 0 5px;
	font-size: 40px;
	font-weight: bold;
	color: #0081cd;
}

.floor .hd span:nth-child(2){
	margin: 0 8px;
	vertical-align: middle;
}
.floor .hd span:nth-child(3){
	font-size: 22px;
	color: #333;
	vertical-align: middle;
}
.floor .bd{
	margin-top: 15px;
}
.floor .bd .left{
	position: relative;
	height: 218px;
	width: 243px;
}
.floor .bd .left div{
	position: absolute;
	bottom: 80px;
	height: 70px;
	width: 100%;
	line-height: 70px;
}
.floor .bd .bd-span{
	
}
.floor .bd .bd-span span:nth-child(1){
vertical-align: middle;
    width: 60px;
    height: 49px;
    display: block;
    font-size: 42px;
    color: #fff;
    
    line-height: 49px;
    background: #f1902c;
    float: left;
    margin-left: 9px;
    text-align: center;
    margin-top: 10px;
}
.floor .bd .bd-span span:nth-child(2){
	font-size: 20px;
	color: #fff;
	margin-left: 30px;
	
	}

.floor1 .bd .left div{
	background: rgba(0,129,205,0.9);
}

.floor .bd .left div p{
	height: 80px;
	background: url(../img/icon5.png) no-repeat center;
	text-align: center;
	font-size: 16px;
	color: #fff;
}
.floor .bd ul{
	width: 925px;
}
.floor .bd ul li{
	float: left;
	height: 230px;
	background: #fff;
	width: 216px;
	margin-right: 20px;
	margin-bottom: 20px;
}
.floor .bd ul li:nth-child(4n){
	margin-right: 0;
}
.floor .bd ul li .img{
	height: 130px;
	width: 100%;
	text-align: center;
	overflow: hidden;
}
.floor .bd ul li .img img{
	max-width: 100%;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.floor .bd ul li .bt{
	margin-top: 10px;
	margin-left: 10px;
}
.floor .bd ul li .bt p:nth-child(1){
	font-size: 15px;
	font-weight: bold;
	color: #1262a8;
	line-height: 26px;
	width: 50%;
	float: left;
	margin: 0 auto;
}
.floor .bd ul li .bt p:nth-child(2){
	float: left;
	width: 40%;
	height: 30px;
	background: #0081cd;
	border-radius: 20px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	line-height:30px ;
	}
.floor .bd ul li:hover .bt p:nth-child(2){
	background: #ec8d12;
}
.floor .bd ul li:hover img{
	-webkit-transform: scale(1.1);
	        transform: scale(1.1);
}
.floor .bd ul li .p1{
	    height: 44px;
    overflow: hidden;
    padding: 10px;
    font-size: 12px;
    clear: both;
}
/*section4*/
.section4{
	    position: relative;
    box-sizing: border-box;
    background: url(../img/ysbg.jpg) repeat-y center top;
    padding-top: 95px;
    overflow: hidden;
    clear: both;
    font-family: "Microsoft Yahei";
    height: 1034px;
}
.ys {
	margin-top: 40px;
}
.ys .content{ height:auto;  position: relative;  }

.ys dl{ width: 1200px; height:541px; position:relative;}
.ys dt{ width:960px; height:541px; overflow:hidden; margin-right:-360px;}
.ys dt img{ display:block;width:960px; height:541px; }
.ys dd{ width:540px; padding-top:215px; position: relative;}
.ys dd:after{content: "";width: 476px; height: 1px; position: absolute;left:142px;top:40px;background:#cccccc;}
.ys dd h3{background:url(../img/ysline.png) no-repeat left bottom; font:36px "Microsoft YaHei"; color:#0081cd; margin-bottom: 30px; height:122px; font-weight: bold;}
.ys dd h3 i{font-weight: normal;}
.ys dd h3 em{ display:block; font-size:22px; color: #333333; opacity: 0.35; line-height: 52px; text-transform: uppercase; font-weight: normal; font-family: "Times New Roman"}
.ys dd p{background:url(../img/ysico.png) no-repeat left center; font:16px "Microsoft YaHei"; line-height:30px; padding-left:25px; position:relative; color: #666666;}
.ys dd .pages{position:absolute;top:0; left:0;}
.ys dd .pages span{font-size: 30px; color: #666666;font-family: "Times New Roman"; display: block; float: left;font-weight: bold;padding-top: 20px; }
.ys dd .pages b{font-weight: bold; color: #0081cd;font-size: 50px; width: 92px; background: url(../img/xx.png) no-repeat right center; display: block; float: left; margin-right: 10px;}
.ys_nr{margin-bottom: 12px;}

.ys_nr img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.ys_nr img:hover{-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);transform:scale(1.01);}
.ys_nav{ width: 1200px;  margin:0 auto; }
.ys_nav  ul{width: 880px; float: left;}
.ys_nav  li{width: 190px;margin-right: 12px; float: left; overflow: hidden;box-sizing: border-box; position: relative;}
.ys_nav  li img{width:190px; height:121px;display: block;}
.ys_nav  li i{position: absolute;top:103px;left:80px; width: 32px; height: 32px; background: url(../img/ysjt.png) no-repeat; display: none;}
.ys_nav  li span{padding-top: 18px; display: block; font-size:18px; color: #333333; text-align: center; }
.ys_nav  li.cur img{border:3px solid #0081cd; width: 184px; height: 115px;}
.ys_nav  li.cur i{display: block;}
.ys_nav .tel{width: 246px; float: right;padding-top: 45px;}
.ys_nav .tel p{font-size: 30px; color: #0081cd;font-weight: bold; }
.ys_nav .tel p span{display: block;font-size: 14px; color: #333333; text-align: left;font-weight: normal; }
.ys_nav .tel a{font-size:16px; overflow: hidden; display:block;line-height: 46px; width: 192px; float: left; background:url(../img/xqbtn.png) no-repeat; text-align: left;color: #fff;padding-left: 47px;box-sizing: border-box; }
/*section5*/
.section5{
	background: url(../img/yy.jpg) no-repeat center;
	height: 1358px;
	overflow: hidden;
	width: 100%;
}
.title2{
	padding-top: 0px;
}
.title2 h2{
	color: #fff;
}
.title2 h2{

	color: #fff;
}
.title2 h2 i{
	font-style:normal;
	color: #fff;
}
.title2 p{

	color: #fff;
	background: url(../img/t_bg2.png) no-repeat center;

}

.section5_box{
	display: block;
    height: 657px;
	margin-top: 50px;
}
.section5_hd ul li{
	float: left;
	width: 12%;
	height: 120px;
	
}
.section5_hd ul li a{
	display: block;
	padding-top: 100px;
	text-align: center;
	font-size: 16px;
}
.section5_hd ul li:hover a{
	color: #0081CD;
}
.section5_hd ul li.hover a{
	color: #0081CD;
}
.section5_hd ul li:nth-child(1){
	background: url(../img/yy1.png) no-repeat center;
}
.section5_hd ul li:nth-child(2){
	background: url(../img/yy2.png) no-repeat center;
}

.section5_hd ul li:nth-child(3){
	background: url(../img/yy3.png) no-repeat center;
}

.section5_hd ul li:nth-child(4){
	background: url(../img/yy4.png) no-repeat center;
}

.section5_hd ul li:nth-child(5){
	background: url(../img/yy5.png) no-repeat center;
}

.section5_hd ul li:nth-child(6){
	background: url(../img/yy6.png) no-repeat center;
}

.section5_hd ul li:nth-child(7){
	background: url(../img/yy7.png) no-repeat center;
}
.section5_hd ul li:nth-child(8){
	background: url(../img/yy8.png) no-repeat center;
}
.section5_hd ul li:hover:nth-child(1){
	background: url(../img/yy1_h.png) no-repeat center;
}
.section5_hd ul li.hover:nth-child(1){
	background: url(../img/yy1_h.png) no-repeat center;
}
.section5_hd ul li:hover:nth-child(2){
	background: url(../img/yy2_h.png) no-repeat center;
}
.section5_hd ul li:hover:nth-child(3){
	background: url(../img/yy3_h.png) no-repeat center;
}
.section5_hd ul li:hover:nth-child(4){
	background: url(../img/yy4_h.png) no-repeat center;
}
.section5_hd ul li:hover:nth-child(5){
	background: url(../img/yy5_h.png) no-repeat center;
}
.section5_hd ul li:hover:nth-child(6){
	background: url(../img/yy6_h.png) no-repeat center;
}
.section5_hd ul li:hover:nth-child(7){
	background: url(../img/yy7_h.png) no-repeat center;
}
.section5_hd ul li:hover:nth-child(8){
	background: url(../img/yy8_h.png) no-repeat center;
}
.section5_hd{
	height: 200px;
}
.section5_bd{
	
}
.section5_list{
	overflow: hidden;
	margin-bottom: 30px;
}

.section5_list .section5_txt{
	width: 66%;
	height: 288px;
	    margin-top: 60px;
	padding: 50px;
	background: #eeeeee;
}
.section5_list .section5_txt h4{
	color: #0081CD;
	font-size: 24px;
	font-weight: bold;
}
.section5_list .section5_txt p{
	margin-top: 30px;
	height: 108px;
	font-size: 16px;
	overflow: hidden;
	line-height: 24px;
	color: #333;
}
.section5_list .section5_txt a{
	display: block;
	width: 60px;
	height: 40px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	line-height: 40px;
	background: #0081CD;
	overflow: hidden;
}
.section5_list .section5_txt a:hover{
	background: #ec8d12;
}

.section5_img{
	display: block;
	height: 420px;
	width: 408px;
	overflow: hidden;
	
}
.section5_img img {
	display: block;
	width: 100%;
	transition: all 0.5s;
	height: 100%;
	
}
.section5_img:hover img{ 
	transform: scale(1.1);
}

.ryzs {
	clear: both;
	margin-top: 150px;
}
.tempWrap{
	display: block;
	overflow: hidden;
}
.ryzs li {
       padding: 9px;
    width: 259px;
    border: 1px solid #d1d1d1;
	float: left;
	height: 261px;
	margin-right: 60px;
	display: block;
	position: relative;
}

.ryzs li img {
	    width: 217px;
    height: 180px;
    display: block;
    margin: 0px auto;
}


.ryzs li span {
	color: #000;
	bottom: 0;
	display: block;
	height: 50px;
	font-size: 20px;
	line-height: 50px;
	text-align: center;
	width: 100%;
	position: absolute;
}

.ryzs .prev {
 background: url(../img/righy.jpg) no-repeat center;
	position: absolute;
	    left: -66px;
    top: 96px;
	width: 40px;
	height: 76px;
}

.ryzs .next {

		width: 40px;
	height: 76px;
	background: url(../img/left.jpg) no-repeat center;
	position: absolute;
	    right: -58px;
    top: 96px;
}

/*section6*/
.section6{
	width: 100%;
	clear: both;
	overflow: hidden;
}

.section6_title{
	margin-top: 40px;
padding-bottom: 20px;
	height: 40px;
	border-bottom: 1px solid #e6e6e6;
}
.section6_nav{
	width: 50%;
}
.section6_nav ul li{
	float: left;
	width: 25%;
	height:40px;
	margin-right: 20px;
}
.section6_nav ul li a{
font-size: 18px;
line-height: 40px;
display: block;
	text-align: center;
}
.section6_nav ul li:hover{
 background: #0081CD;
	
}
.section6_nav ul li.hover1{
 background: #0081CD;
	
}
.section6_nav ul li.hover1 a{
color: #fff;
}
.section6_nav ul li:hover a{
color: #fff;
}

.section6_nav2{
	width: 120px;
	height: 40px;
	background: #e6e6e6;
}
.section6_nav2 a{
	text-align: center;
	font-size: 16px;
	display: block;
	line-height: 40px;
}

.section6_box{
	margin-top: 30px;
}

.news2{width: 562px; float: left;}
.news2 dl{ height:110px;border:1px solid #ebebeb;  background: #eeeeee; margin-bottom:20px;}
.news2 dt em{ display:block;font-size: 14px;  color: #666666; font-weight: normal;width: 115px; height: 80px;border-right: 1px solid #ebebeb; text-align: left;  float: left;margin-top: 17px;margin-left: 30px;}
.news2 dt em b{font-size: 50px; display: block;height: 55px;line-height: 50px;}
.news2 dd{width:383px;padding-top: 15px; float: right; overflow: hidden;box-sizing: border-box;padding-right: 30px;}
.news2 dd h3{font-size: 16px; font-weight: normal;height: 32px;color:#333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 5px; }
.news2 dd h3 a{ color:#333333;}
.news2 dd p{overflow: hidden;font-size: 14px; line-height: 22px; color:#888888; text-align: justify;}
.news1{width: 572px; float: right;}
.news1 dl{width:572px; overflow: hidden;}
.news1 dt{ width:572px;height:264px; position: relative; overflow: hidden; margin-bottom: 25px;}
.news1 dt img{width:572px;height:264px; display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.news1 dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.news1 dd{width:572px; overflow: hidden;box-sizing: border-box;}
.news1 dd em{ display:block;font-size: 14px;  color: #666666; font-weight: normal;width: 115px; height: 80px;border-right: 1px solid #ebebeb; text-align: left;  float: left;}
.news1 dd em b{font-size: 50px; display: block;    height: 55px;line-height: 50px;}
.news1 dd .desc{width: 426px; float: right;}
.news1 dd h3{font-size: 18px; font-weight: normal;height: 38px;color:#333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.news1 dd h3 a{ color:#333333;}
.news1 dd p{overflow: hidden;font-size: 14px; line-height: 22px; color:#888888; text-align: justify;}
/*section7_box*/
.section7{
	width: 100%;
	height: 646px;
	background: url(../img/section7.jpg) no-repeat center;
}

.section7_box{
	padding-top: 60px;
}

.section7_box h4{
	color: #fff;
	text-align: center;
	font-size: 26px;
	font-weight: bold;
}
.section7_box p{
	color: #fff;
	height: 120px;
	overflow: hidden;
	line-height: 30px;
	padding-top: 60px;
}
.section7_box a{
	text-align: center;
	margin: 20px auto;
	display: block;
	margin-top: 60px;
	width:178px;
	border-radius: 20px;
	line-height: 40px;
	background: #fff;
	height: 40px;
}
/**/
.section8 {
	width: 100%;
	/*border-bottom: 1px solid #e9e9e9;*/
	padding-bottom: 56px;
	clear: both;
	margin-top: 30px;
	overflow: hidden;
}

.section8 h4 {
	margin-top: 30px;
	font-size: 16px;
	color: #1c232b;
	padding-left: 30px;
	background: url(../img/link.png) no-repeat left center;
}

.section8 ul {
	margin-top: 20px;
}

.section8 ul li {
	float: left;
	margin-right: 20px;
}

.section8 ul li a {
	font-size: 14px;
}

.section8 ul li a:hover {
	color: #009ee8;
}
/**/

footer {
	border-top: 1px solid #e9e9e9;
	width: 100%;
	overflow: hidden;
	background: #fff;
}

.foot_nav {
	margin-top: 30px;
	width: 161px;
	height: 200px;
	margin-right: 80px;
	background: url(../img/foot.png) no-repeat right;
}

.foot_nav h4 {
	margin-top: 20px;
	font-size: 16px;
	color: #000;
}

.foot_p1 {
	margin-top: 10px;
	width: 30px;
	height: 2px;
	border-bottom: 1px solid #FFFFFF;
}

.foot_nav ul {
	margin-top: 20px;
}

.foot_nav ul li {
	float: left;
	width: 120px;
	height: 30px;
	line-height: 20px;
}

.foot_nav ul li a {
	display: block;
	color: #5c5959;
	font-size: 12px;
}

.foot_nav ul li a:hover {
	text-decoration: underline;
}

.foot_fx {
	background: url(../img/foot.png) no-repeat right;
	margin-top: 40px;
	margin-left: -5px;
	width: 186px;
	margin-right: 54px;
}

.foot_fx>p:nth-child(1) {
	color: #000000;
	font-size: 14px;
}

.foot_fx>p:nth-child(2) {
	color: #000000;
	margin-top: 10px;
	font-size: 16px;
}
.foot_box{
	height: 284px;
	padding-bottom: 20px;
}
.foot_fx a {
	display: block;
	width: 138px;
	height: 47px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	margin-top: 20px;
	line-height: 47px;
	background: #e40118  url(../img/qq.png) no-repeat 20px center;
}

#share2,
#share3 {
	display: block;
	overflow: hidden;
	clear: both;
}

.gb_resItms {
	margin-top: 20px;
}

.gb_resItms p {
	width: 51px;
	float: left;
}

#weixin3 {
	cursor: pointer;
	float: left;
	margin: 0 3px;
	width: 29px !important;
	height: 29px !important;
	background: url(../img/fx1.png) no-repeat !important;
}

#qzone3 {
	cursor: pointer;
	float: left;
	margin: 0 3px;
	width: 29px !important;
	height: 29px !important;
	background: url(../img/fx3.png) no-repeat !important;
}

#tsina3 {
	cursor: pointer;
	float: left;
	margin: 0 3px;
	width: 29px !important;
	height: 29px !important;
	background: url(../img/fx2.png) no-repeat !important;
}
.foot{
	width: 100%;
	background: #0081CD;
	height: 68px;
	clear: both;
}
.foot p {
	margin-top: 30px;
	color: #ffffff;
}

.foot p a {
	margin-top: 30px;
	color: #ffffff;
}
/*zy_banner*/
.zy_banner{
	width: 100%;
	overflow: hidden;
	height: 451px;
}
/**/
.blk {
	margin: 20px auto 20px auto;
	width: 1200px;
}

.p12-curmbs-1 {
	font-size: 14px;
	border-bottom: 1px dashed #dcdcdc;
}

.p12-curblock {
	display: none;
}

.p12-curmbs-1 b {
	border-left: 10px solid #0081cd;
	font-weight: normal;
	padding-left: 8px;
}

.plc {
	width: 1200px;
	margin: 0 auto 20px;
}

.p12-curmbs-1 i {
	font-style: normal;
}

.p12-curmbs-1 span {
	
	padding: 0 5px;
	height: 46px;
	line-height: 46px;
}
.other_about{
	margin-top: 39px;
}

.InpageAdv {
	    margin-top: 40px;
	width: 100%;
	overflow: hidden;
	background: #0081cd;
	padding-bottom: 60px;
}
.InpageAdv h3 {
	font-size: 30px;
	color: #fff;
	font-weight: normal;
	text-align: center;
	padding-top: 32px;
}
.InpageAdv h3 span {
	font-size: 50px;
	color: #fff;
	font-weight: bold;
}
.InpageAdv ul {
	overflow: hidden;
	margin-top: 38px;
}
.InpageAdv li {
	width: 160px;
	height: 181px;
	background: url(../img/service_adv_icon01.png) no-repeat center;
	float: left;
	margin-left: 48px;
	text-align: center;
	padding-top: 54px;
}
.InpageAdv li p {
	font-size: 16px;
	color: #fff;
	line-height: 25px;
}
.InpageAdv li:first-child {
	margin-left: 0;
}
.about_adv a{
	width: 160px;
	height: 40px;
	margin: 20px auto;
	background: #fff;
	display: block;
	line-height: 40px;
	text-align: center;
	margin-top: 40px;
}

.other_curr{
	overflow: hidden;
	margin-top: 30px;
}
.other_curr ul{
	clear: both;
	margin-top: 30px;
}
.other_curr ul li{
	float: left;
	padding: 10px;
	margin-right: 10px;
	background: #F5F5F5;
	width: 382px;
	
	height: 173px;
}
.other_curr ul li h5{
	margin-top: 20px;
	font-size: 24px;
	font-weight: bold;
	color: #0081CD;
}
.other_curr ul li:nth-child(3){
	margin-right: 0px;
	    margin-left: 17px;
}
.other_curr ul li:nth-child(2){

	    margin-left: 17px;
}
.other_curr ul li p{
	line-height: 30px;
	font-size: 16px;
	margin-top: 20px;
}

.other_curr2{
	clear: both;
	background: #F5F5F5;
	margin-top: 40px;
	padding: 20px;
}
.other_curr2 h5{
 padding-bottom: 20px;
	font-size: 24px;
	font-weight: bold;
	color: #0081CD;
}
.other_curr2 p{
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 16px;
}
.other_curr2 p i{
	padding-left: 20px;
	font-style:normal;
	font-weight: normal;
}

.other_curr3{
	margin-top: 30px;
}
.other_curr3 li{
	margin-left: 20px;
	float: left;
	    margin-right: 7px;
}
.other_curr3 li img{
	width: 278px;
	height: 204px;
	display: block;
	overflow: hidden;
}
.other_curr3 li:nth-child(1){
	margin-left: 0px;
}
.other_honor{
	margin-bottom: 37px;
	overflow: hidden;
	margin-top: 30px;
	
	clear: both;
}

.other_honor p{
	margin-top: 20px;
}

.honor_box{
	margin-top: 20px;
}
.honor_box p{
	height: 116px;
	padding: 20px;
	font-size: 16px;
	line-height: 40px;
	border:1px solid #dcdcdc;
	margin-top: 30px;
}
.honor_box ul{
	margin-top: 40px;
}
.honor_box ul li{
	width: 283px;
	margin-left: 16px;
	border: 1px solid #dcdcdc;
	float: left;
}
.honor_box ul li p{
	border: none;
}
.honor_box ul li img{
		width: 237px;
		margin-top: 26px;
		margin-left: 23px;
		display: block;
		height: 325px;
}
.honor_box ul li span{
	height: 60px;
	
	display: block;
	line-height: 60px;
	text-align: center;
}

/*产品中心*/
.pro_box{ overflow: hidden;}
.pro_lf{
	
	width: 247px;
}
.pro_lf .pro_txt{
	background: #0081cd;
	height: 101px;
	overflow: hidden;
width: 248px;

}
.pro_lf .pro_txt h4{
	width: 200px;
	height: 101px;
	font-size: 25px;
	margin-top: 17px;
	line-height: 87px;
    margin-left: 17px;
	text-align: center;
	color: #fff;

}
.pro_lf  ul {
	background: #f5f5f5;
}
.pro_lf  ul li{
	height: 50px;
	margin-right: 20px;
	margin-left:20px;
	background: url(../img/jt.png) no-repeat center right;
	border-bottom: 1px solid #e4e4e4;
}
.pro_lf  ul li a{
	display: block;
	font-size: 16px;
	line-height: 50px;
}
.pro_lf  ul li:hover{
	background: url(../img/jt_h.png) no-repeat center right;
}
.pro_lf  ul li:hover a{
	color: #0081cd;
}
.pro_lf  ul li.hover{
	background: url(../img/jt_h.png) no-repeat center right;
}
.pro_lf  ul li.hover a{
	color: #0081cd;
}
.pro_tle{
	background: #fff;
	margin-top: 20px;

}
.pro_tle_p{
	width: 100%;
	height: 80px;
	margin-bottom: 20px;
	background:  #0081cd url(../img/prolist4.png) no-repeat  10px;

}
.pro_tle_p>p{
font-size: 16px;
color: #fff;
padding-top: 10px;
padding-left: 40px;
	

}

.pro_tle p{
     margin-bottom: 10px;
	padding-top: 10px;
	height: 30px;
	font-size: 16px;
}
.pro_tle a{
	height: 40px;
margin-top: 20px;
	line-height: 40px;
	display: block;
	color: #fff;
	font-size: 16px;
	text-align: center;
	background: #ec8d12;
}
.pro_fr{
	
	width: 929px;
}

.pro_fr ul li{
	float: left;
	height: 230px;
	background: #fff;
	width: 216px;
	margin-right: 20px;
	margin-bottom: 20px;
}
.pro_fr ul li:nth-child(4n){
	margin-right: 0;
}
.pro_fr ul li .img{
	height: 130px;
	width: 100%;
	text-align: center;
	overflow: hidden;
}
.pro_fr ul li .img img{
	max-width: 100%;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.pro_fr ul li .bt{
	margin-top: 10px;
	margin-left: 10px;
}
.pro_fr ul li .bt p:nth-child(1){
	font-size: 15px;
	font-weight: bold;
	color: #1262a8;
	line-height: 26px;
	width: 50%;
	float: left;
	margin: 0 auto;
}
.pro_fr ul li .bt p:nth-child(2){
	float: left;
	width: 40%;
	height: 30px;
	background: #0081cd;
	border-radius: 20px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	line-height:30px ;
	}
.pro_fr ul li:hover .bt p:nth-child(2){
	background: #ec8d12;
}
.pro_fr ul li:hover img{
	-webkit-transform: scale(1.1);
	        transform: scale(1.1);
}
.pro_fr ul li .p1{
	 height: 44px;
    overflow: hidden;
    padding: 10px;
    font-size: 12px;
    clear: both;
}
.other_ys_box{
	margin-top: 30px;
}
.other_ys_txt0{
	    overflow: hidden;
	margin-bottom: 30px;
	margin-top: 60px;
}

.other_ys_txt0 .other_ys_img{
	display: block;
	width: 502px;
	overflow: hidden;
	height: 341px;
}
.other_ys_txt0 .other_ys_img img{
	display: block;
	width: 100%;
	overflow: hidden;
	height: 100%;
	transition: all 0.5s;
}
.other_ys_txt0 .other_ys_img:hover img{
transform: scale(1.1);
}
.other_ys_txt{
	background: #f6f6f6;
	width: 698px;
	    height: 341px;
	padding: 30px;
}

.other_ys_bt{
	width: 500px;
}
.other_ys_bt h4{
	font-weight: bold;
	font-size: 36px;
	color: #0081cd;
}
.other_ys_bt p{
	font-size: 14px;
}
.other_ys_bt span{
	width: 60px;
	margin-top: 20px;
	display: block;
	border-bottom: 5px solid #000000;
}
.other_ys_sz span{
	font-size: 74px;
	font-weight: bold;
	color: #0081cd;
}

.other_txt{
	margin-top: 30px;
	clear: both;
	line-height: 30px;
	font-size: 16px;
}
/*pro_xq_cont*/
.pro_xq_cont{
	height: 432px;
	background: url(../img/xq_t.png) no-repeat center;
}
.pro_xq_img{
	width: 544px;
    height: 381px;
    display: block;
    margin-top: 25px;
    margin-left: 32px;
    overflow: hidden;
}
.pro_xq_img img{
	width: 100%;
	transition: all 0.5s;
	height: 100%;
}
.pro_xq_img:hover img{
	transform: scale(1.1);
	}
	

.pro_xq_txt {
	    margin-top: 32px;
	width: 561px;
}

.pro_xq_txt h5 {
	font-size: 24px;
	color: #fff;
	    margin-bottom: 38px;

}

.pro_xq_txt p {
	font-size: 15px;
	height: 30px;
	color: #fff;
}
.button_l {
	margin-top: 30px;
	margin-bottom: 30px;
	display: block;
	width: 180px;
	height: 50px;
	line-height: 50px;
	background: #fff;
	font-size: 16px;
	color: #000;
	text-align: center;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
}
.button_l img{
	margin-top: 5px;
}
.button_l :hover {
	opacity: 0.8;
}
.pro_xq_txt span{
	clear: both;
	margin-top: 20px;
	font-size: 16px;
	display: block;
	color: #fff;
}


.pro_ms{
	clear: both;
	margin-top: 30px;
}

.pro-nav-holder {
	position: relative;
	width: 100%;
	height: 60px;
}
.pro-nav {
	width: 100%;
	left: 0;
	right: 0;
	position: relative;
	height: 60px;
	line-height: 60px;
	background-color: #0081cd;
	text-align: center;
	z-index: 10;
	    top: 30px;
}
.pro-nav.fixed {
	position: fixed;
	top: 0;
	box-shadow: 0 0 15px rgba(0, 0, 0, .1);
}
.pro-nav li {
	position: relative;
	float: left;
	width: 16.6%;
	text-align: center;
	font-size: 14px;
	cursor: pointer;
	color: #fff;
}
.pro-nav li:hover {
	color: #fff;
}
.pro-nav li.cur {
	font-weight: normal;
	color: #fff;
}
.pro-nav li.cur:after {
	content: '';
	display: block;
	width: 66px;
	height: 3px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -33px;
	background-color: #fff;
}
.pro-nav li:before {
	content: '';
	display: block;
	position: absolute;
	width: 1px;
	height: 8px;
	left: -1px;
	top: 27px;
	background-color: #dcdcdc;
}

.pro-wrap {
	overflow: hidden;
	width: 100%;
	    margin-top: 56px;
}

.pro-main {
	padding: 70px 0;
	clear: both;
}
.pro-title {
	 border-bottom: 1px solid #ddd;
	font-size: 22px;
	color: #0081cd;
	line-height: 30px;
	padding-bottom: 30px;
	font-weight: normal;
}
.pro-title .ico {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 10px;
	vertical-align: -5px;
	background-position: center;
	background: url(../img/t2.png) no-repeat;
	
}
.pro_cont_txt{
	margin-top: 40px;
}
.pro_cont_txt p{
	font-size: 16px;
	line-height: 30px;
}

.pro-main2{
	width: 100%;
	background: #fff;
	padding: 30px;
}
.pro_cont_case {
	overflow: hidden;
}
.pro_cont_case li{
	width: 362px;
	height: 367px;
	float: left;
	margin-right: 34px;
	margin-bottom: 30px;
}
.pro_cont_case li .case_img{
	width: 362px;
	height: 347px;
	display: block;
	overflow: hidden;
}
.pro_cont_case li .case_img img{
	width: 100%;
	height: 100%;
	transition: all 0.5s;
}
.pro_cont_case li .case_img:hover img{
	transform: scale(1.1);
	}
.pro_cont_case li p{
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
}

.xq_more{
	margin-right: 30px;
	color: #00387d;
	font-size: 16px;
}
/**/
.pro_cont_txt ul li{
	float: left;
	height: 230px;
	background: #fff;
	width: 216px;
	margin-right: 20px;
	margin-bottom: 20px;
}
.pro_cont_txt ul li:nth-child(4n){
	margin-right: 0;
}
.pro_cont_txt ul li .img{
	height: 130px;
	width: 100%;
	text-align: center;
	overflow: hidden;
}
.pro_cont_txt ul li .img img{
	max-width: 100%;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.pro_fr ul li .bt{
	margin-top: 10px;
	margin-left: 10px;
}
.pro_cont_txt ul li .bt p:nth-child(1){
	font-size: 15px;
	font-weight: bold;
	color: #1262a8;
	line-height: 26px;
	width: 50%;
	float: left;
	margin: 0 auto;
}
.pro_cont_txt ul li .bt p:nth-child(2){
	float: left;
	width: 40%;
	height: 30px;
	background: #0081cd;
	border-radius: 20px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	line-height:30px ;
	}
.pro_cont_txt ul li:hover .bt p:nth-child(2){
	background: #ec8d12;
}
.pro_cont_txt ul li:hover img{
	-webkit-transform: scale(1.1);
	        transform: scale(1.1);
}
.pro_cont_txt ul li .p1{
	 height: 44px;
    overflow: hidden;
    padding: 10px;
    font-size: 12px;
    clear: both;
}

.pro_cont_txt ul li .bt{
	margin-top: 10px;
	margin-left: 10px;
}
.pro_cont_txt ul li .bt p:nth-child(1){
	font-size: 15px;
	font-weight: bold;
	color: #1262a8;
	line-height: 26px;
	width: 50%;
	float: left;
	margin: 0 auto;
}
.pro_cont_txt ul li .bt p:nth-child(2){
	float: left;
	width: 40%;
	height: 30px;
	background: #0081cd;
	border-radius: 20px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	line-height:30px ;
	}
.pro_cont_txt ul li:hover .bt p:nth-child(2){
	background: #ec8d12;
}
.pro_cont_txt ul li:hover img{
	-webkit-transform: scale(1.1);
	        transform: scale(1.1);
}
.pro_cont_txt ul li .p1{
	 height: 44px;
    overflow: hidden;
    padding: 10px;
    font-size: 12px;
    clear: both;
}
.pro_cont_case{
	margin-top: 30px;
}

/*section5_list_box*/
.section5_list_box{
	margin-top: 30px;
	overflow: hidden;
}

/*实力展示*/
.solution2 { padding-bottom: 0;     margin-top: 62px; overflow: hidden;}
.solution2 h1 { text-align: center; font-size: 18px; color: #333; margin-bottom: 35px; }
.solution2 h1 span { font-size: 24px; color: #da251d; }
.solution2 ul { overflow: hidden; padding-bottom: 60px; width: 1230px;}
.solution2 li { float: left; margin-right: 30px; width: 380px; margin-bottom: 30px;}
.solution2 li a { display: block; padding-bottom: 17px;}
.solution2 li span { display: block; overflow: hidden; }
.solution2 li img { transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; }
.solution2 li a:hover img { transform: matrix(1.04, 0, 0, 1.04, 0, 0); -webkit-transform: matrix(1.04, 0, 0, 1.04, 0, 0); -o-transform: matrix(1.04, 0, 0, 1.04, 0, 0); -moz-transform: matrix(1.04, 0, 0, 1.04, 0, 0); -ms-transform: matrix(1.04, 0, 0, 1.04, 0, 0); }
.solution2 li a:hover h2 { color: #296fb7; }
.solution2 li a:hover{background: #fff;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);transform: translate3d(0px, -8px, 0px);}
.solution2 li h2 {padding:0 16px;margin: 17px 0 10px 0; font-size: 15px; color: #333; font-weight: 600; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; }
.solution2 li p {font-size: 13px; color: #666; line-height: 22px; min-height: 45px;padding:0 16px;}
.solution2 li:first-child { margin-left: 0; }
/*联系我们*/
.pop .center{width: 255px!important;}
.pop .bottom{height: 25px!important;}
.contact{position: relative;}
.contact .map{width: 66%;}
.contact .contact-box{width: 34%;padding: 3%;background-color: #0081cd;height: 690px;}
.i_tit4{ font-size:18px; color:#fff; margin-bottom:24px;}
.i_tit4 .ch_tit{ font-weight:bold;font-size: 18px}
.contact h3{font-size: 20px;padding-bottom: 15px;border-bottom: 1px solid #9cc3d9;color: #fff;margin-bottom: 15px;font-weight: normal;}
.contact .des .wz{ font-size:15px; color:#fff; line-height:1.3; margin-bottom:14px;}
.contact .des .wz .icon{ margin-right:12px; vertical-align:middle;}
.mess{margin-top: 10px;}
.mess table .mc {
    font-size: 16px;
    padding-right: 10px;
    line-height: 38px;
    width: 50px;
    color: #555;
    text-align: left;
}
.mess table td {
    padding: 10px 0;
    vertical-align: top;
}
.mess .text {
    width: 180px;
    height: 30px;
    border: 1px solid transparent;
    font-size: 14px;

}
.mess span{color: #fff;}
.mess textarea {
    width: 100%;
    height: 94px;
    border: 1px solid transparent;
   margin-top: 10px;
}
.tj {
    padding: 6px 56px;
    text-align: center;
    font-size: 16px;
    color: #000;
    background: #fbfbfb;
    cursor: pointer;
    border: 1px solid transparent;
}
@media only screen and (max-width: 1800px){
    .mess span{float: left}
}
/*产品详情表格*/

.pro_cont_txt table{
	border-collapse: collapse;
	width:100% !important;
	height:auto;
}
.pro_cont_txt table td{
	border: 1px solid #cad3de;
	height: 60px !important;
	line-height: 60px  !important;
	text-align: center;
}
.pro_cont_txt table tr:first-child{
	/*background: #c1272d !important;
	color: #fff!important;*/
}


/**/
.news3{
	width: 100%;
	margin-top: 40px;
}

.news3 dd {
    width: 85%;
    padding-top: 15px;
    float: right;
    overflow: hidden;
    box-sizing: border-box;
    padding-right: 30px;
}

.news3 dl {
    height: 110px;
    border: 1px solid #ebebeb;
    background: #fff;
    margin-bottom: 20px;
}

/*新闻详情页*/
.newsinfor{
	margin-top: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #DDDDDD;
}
.newsinfor .sub-tit {
    font-size: 38px;
    line-height: 73px;
    color: #222;
    margin-bottom: 30px;
}
.newsinfor .sub-tit .math{
	height: 22px;
}
.newsinfor .math .time{
	font-size: 18px;
	line-height: 22px;
	color: #666666;
		font-family: "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
	font-family: "Arial";
	padding-right: 20px;
	margin-right: 20px;
	border-right: 1px solid #e5e5e5;
}
.newsinfor .math .tit{
	font-size: 16px;
    color: #1e409f;
    	font-family: "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
    line-height: 22px;
}
.newsinfor_cont{
	    width: 100%;
    padding-bottom: 70px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 16px;
    	font-family: "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
    line-height: 30px;
    color: #666666;
    padding-top: 20px;
    }
.bot{
	width: 1200px;
	margin: 0 auto;
	padding-top: 20px;

}
.bot .box{
	width: 750px;
	float: left;
}
.bot .box p{
	font-size: 14px;
	line-height: 30px;
	color: #666;
		font-family: "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
}
.bot .box p a{
	color: #999;
		font-family: "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.bot .box p a:hover{
	color: #0081cd;
}
.bot .btns {
   width: 219px;
    height: 46px;
    line-height: 46px;
   text-align: center;
    border: 1px solid #e5e5e5;
    font-size: 18px;
    color: #0081cd;
    display: block;
    float: right;
   
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.other_box{
	width: 100%;

	overflow: hidden;
}