.top1{float:left;padding-top: 30px;position: absolute;top:0;left:20px}
.top1 img{width:10%}
/*reset*/





*{margin:0;padding:0;}

select,option,div,body,h1,h2,h3,h4,h5,h6,p,a,span,ul,li,ol,dl,dt,dd,table,tr,td,th,i,b,input,button,form,textarea,em{

    margin:0;

    padding:0;

    border:0;

}

textarea{outline: none;}

a{

    text-decoration:none!important;

}

a:hover { 

	text-decoration: none; 

	}	

li{

    list-style:none;

}

img{

	border:0; 

	padding:0;

	margin:0;

	height: auto;

/*	max-width: 100%;*/

	vertical-align: middle;

	}

select,button,input{

    outline:none;

}

i,em{

    font-style: normal;

}

body{

    font-family:"微软雅黑"!important;

    box-sizing:border-box;

	-o-box-sizing:border-box;

	-moz-box-sizing:border-box;

	-ms-box-sizing:border-box;

	-webkit-box-sizing:border-box;



}

p{

	margin: 0;

}

html{

    font-size:62.5%;/*文字转rem单位 10兑换*/

} 

html,body{

    height: 100%;

    color:#484848;

}

.clearfix:after{

    content:'200b';

    clear: both;

    display:block;

    height:0;

    font-size:0;

    *zoom:1;

}

.nav li .nav_active{

	background: #01458e;

	color: #fff;

}



.carousel-inner img{

	width: 100%;

}

.inner{

	max-width: 1200px;

	margin:0 auto;

}



/*手机端菜单的*/

.nav-toggle{ 

	display:none;

	}

.nav-toggle .fa-bars {

    position: absolute;

    width: 40px;

    height: 40px;

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

    line-height: 40px;

    color: #fff;

    text-align: center;

    border-radius: 50%;

    top: 22px;

    z-index: 2;

    right: 4%;

    font-size: 2rem;

}

.nav_phone {

    display: none;

    width: 40%;

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

    color: #434343;

    position: absolute;

    z-index:999;

    right: 0;

    top: 70px;

    box-shadow: 0 0 5px #a0a0a0;

}

.nav_phone ul {

    padding: 10px 10px;

}

.nav_phone ul li {

    padding: 10px 0 10px 20px;

    border-bottom: 1px solid #fff;

}

.nav_phone ul li a {

    color: #000;

    font-size: 18px;

    line-height: 26px;

}



/*wel*/

.wel{

	background: #eee;

	color: #000;

	height: 40px;

	line-height: 40px;

	text-align: left;

	font-size: 14px;

}

/*top*/

.top{

	width: 100%;

    margin: 0 auto;

    padding:20px 0;

}

.logo{

	height: 64px;

}

.logo img{

	width: 100%;

	height: auto;

}

.telbox{

	color: #f8a440;

}

.telbox .telpic{

	width: 40px;

	height: 40px;

	float: left;

	margin-right: 10px;

}

.telbox .tel{

	float: left;

}

.telbox .tela{

	font-size: 16px;

	line-height: 14px;

}

.telbox .telb{

	font-size: 22px;

	font-weight: bold;

}

/*nav*/

.nav{

	width: 100%;

	height: 60px;

	line-height: 60px;

	background: #3bb3c3;

}

.nav li{

	text-align: center;

	width: 11%;

	float: left;

	border-right: 1px solid rgba(255,255,255,.5);

	position: relative;

}

.nav li a{

	display: block;

	width: 100%;

	color: #684215;

	font-size: 16px;

	font-weight: bold;

}



/*.nav li:hover{

	background: #a84d06;

}

.nav li:hover a{

	color: #fff;

}*/



.banpic img{

	width: 100%;

	height: auto;

}

.mtpic img{

	width: 100%;

	height: auto;

}

.zxa{

	color: #f8a440;

	font-size: 24px;

	font-weight: bold;

}

.zxb{

	color: #7f6f64;

	font-size: 14px;

}

.zxtit{

	padding: 30px 0;

	width: 100%;

}

.more_a{

	display: inline-block;

	float: right;

	width: 100px;

	height: 36px;

	line-height: 36px;

	text-align: center;

	color: #fff;

	font-size: 14px;

	border-radius: 4px;

	background: #d7934f;

}

.more_a:hover{

	background: #f8a440;

	color: #fff;

}
.index_anli{ width:25%; float:left; }
.index_anli1{ width:44.5%;float:left; margin:0px 2.75%;}


.main1 .ma_pic{

	width: 100%;

	height: auto;

	overflow: hidden;

	position: relative;
	float:left;
	

}


.main1 .ma_pic img{

	width: 100%;

	height: 100%;
	border-radius: 10%;      -moz-border-radius: 10%;      -webkit-border-radius: 10%;

}

.main1 .left,.main1 .cen,.main1 .right{

	padding-left: 0;

	padding-right: 0;

}

.main1 .ma_txt{

	width: 100%;

	background: #eee;

	text-align: center;

	color: #333;

	padding: 10px;

	overflow: hidden;
	height:auto;

}

.main1 .ma_t1{ width:50%;}

.main1 .ma_txt .tit{

	line-height: 30px;

	font-size: 18px;

}

.main1 .ma_txt .infor{

	line-height: 30px;

	font-size: 14px;

	text-align: left;

}

.main2,.main1{

	padding-top: 30px;

  

}



/*main1点击图片效果*/

.main1 .ma_pic a,.main5 .modea,.main4 .xw_modea,.rm_left .rma{

	width:100%; 

	height:100%; 

	background:rgba(248,164,64,0.5);

	/*line-height:182px; */

	font-size:16px; 

	color:#fff; 

	position:absolute; 

	top:0; 

	left:0; 

	display:none;

	text-align: center;

	}

.rm_left .rma{

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

}

.main1 .ma_pic a img{

	width: 30px;

	height: 30px;

}

.main1 .ma_pic a p{

	margin-top: 100px;

}

.main1 .ma_pic:hover a,.main5 .ma_pic:hover .modea,.main5 .ma_pic:hover .modea,.rm_left:hover .rma{

	transition: all 1s ease;

	display:block;

	}

.rm_left .rma img{

	width: 20px;

	height: 20px;

	margin: auto;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

}

.main4 .zxpic{

	position: relative;

}

.main4 .xw_modea{

	width: 60%;

	background:rgba(248,164,64,0.8);

	top:0; 

	left:-400px;

}

.main4 .zxpic:hover .xw_modea{

	transition: all 2s ease;

	display:block;

	left: 15px;

	top: 0;

}

/*视频列表*/

.main2 .vli{

	/*border: 1px solid #eee;

	padding-left: 0;

	padding-right: 0;*/

	margin-bottom: 10px;

}

.vli video{

	width: 100%;

/*	height: 180px;*/

}

.vname{

	text-align: center;

	color: #333;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	line-height: 46px;

	background: #eee;

	font-size: 16px;

}



.vname:hover{

	background: #f8a440;

	color: #fff;

}

.vname span{

	margin-left: 5px;

}





/*案例专区*/

.main5 .ma_pic{

	width: 100%;
	height:187px;

	overflow: hidden;
	margin-top:20px;

}

.main5 .ma_pic img,.main5 .cen_toppic img,.main5 .cen_botpic img{

	width: 100%;

	height: 100%;

}

.main5 .cen_toppic{

	width: 50%;

	height: 230px;

	float: left;

	overflow: hidden;

}



.main5 .cen_botpic{

	width: 100%;

	height: 210px;

	overflow: hidden;

	margin-top: 20px;

}

.main5 .ma_pic,.main5 .cen_toppic,.main5 .cen_botpic{

	position: relative;

}

.cp{

	display: block;

	width:100%;

	color: #fff;

	position: absolute;

	background: rgba(0,0,0,.5);

	left: 0;

	bottom: 0;

	height: 38px;

	line-height: 38px;

	text-align: center;

	overflow: hidden;

}



.modea a,.xw_modea a{

	display: inline-block;

	width: 100px;

	height: 30px;

	line-height: 30px;

	text-align: center;

	color: #fff;

	font-size: 14px;

	border: 1px solid #fff;

	border-radius: 4px;

	margin-right: 4px;

}

.modea a:hover{

	background: #f8a440;

	color: #fff;

	border: 1px solid #f8a440;

}

.modea p{

	margin-top: 100px;

}



.xw_modea h5{

	font-size: 20px;

	font-weight: bold;

	line-height: 66px;

}

.xw_modea .del{

	font-size: 14px;

	line-height: 26px;

	color: #fff;

}

.more:hover,.zxbtn:hover{

	color: #fff;

	background: #d7934f;

}

.yspic img{

	width: 100%;

	height: auto;

}



















/*main1产品介绍*/



.m_tit{

	width: 100%;

	text-align: center;

	background: url(/uploads/image/phimages/titbc.png) no-repeat center;

}

.m_tit h2{

	color: #333;

	margin: 0;

}

.m_tit .tita,.m_tit .titb{

	color: #f8a440;

}

.m_tit .tita{

	/*line-height: 44px;*/

}



/*xuanka*/

.ul_tab{

	margin: 26px 0;

}

.ul_tab li {

    line-height: 36px;

    height: 36px;

    text-align: center;

    padding: 0;

    border-radius: 14px;

    background: #eee;

    margin-right: 10px;

}

.lcon{

	width: 28px;

    height: 22px;

    margin-right: 10px;

}



.zxbox{

	width:100%;

	height: 125px;

	background:#c9c9c9;

	margin-top: 60px;

}

.tpic{

	position: absolute;

	top: -30px;

}

.pic_tit{

	position: relative;

}

.tpic img{

	height: 130px;

	width: 170px;

}



.zxbox .txt{

	margin-left: 226px;

	color: #595959;

	float: left;

}

.txta{

	margin-top: 25px;

	font-size: 30px;

	font-weight: bold;

}

.txtb{

	margin-top: 5px;

	font-size: 24px;

}

.zxbtn,.more,.rm_a{

	display: inline-block;

	width: 120px;

	height: 36px;

	line-height: 36px;

	color: #fff;

	text-align: center;

	font-size: 16px;

	float: right;

	background: #f8a440;

	margin-top: 40px;

}

.rm_a{

	float: none;

	width: 160px;

	margin-right: 20px;

	color: #fff;

}

.more{

	float: none;

	margin-top: 10px;

}

.case{

	margin-top: 20px;

}

.casel{

	margin-top: 20px;

}

.leftpic img{

	width: 100%;

	height: auto;

}



.main3{

	background: #ededed;

	padding-top: 60px;

	padding-bottom: 30px;

}

.main3_pictxt{

	margin-top: 60px;

}

.sa{

	font-size: 24px;

	color: #3e1916;

	border-bottom: 2px solid #3e1916;

}

.qy_tit{

	width: 180px;

	border-bottom: 1px solid #3e1916;

}

.sb{

	color: #ddac35;

	font-size: 14px;

}

.del{

	margin-top: 20px;

	color: #797979;

	font-size: 16px;

	line-height: 30px;

}

.del p{

	margin: 0;

}

/*资讯中心*/

.zxpic img{

	width: 100%;

	height: 322px;

}

.main4{

	padding-top: 38px;

  background:#ededed;

  height:490px;

}



.zline{

	margin: 0 10px;

}

.zxtit{

	padding: 30px 0;

}

.zxtxta{

	background: #f6f6f6;

	padding-bottom: 14px;

}

.za_tit{

	color: #666;

	font-size: 18px;

	line-height: 60px;

	padding-top: 12px;

}

.ltxt{

	color: #7d7d7d;

	width: 100%;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	line-height: 34px;

	font-size: 16px;

}

.ldata{

	color: #7d7d7d;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	font-size: 12px;

}

.zxmore{

	display: inline-block;

	width: 80px;

	height: 30px;

	line-height: 30px;

	text-align: center;

	background: #f8a440;

	color: #fff;

	font-size: 14px;

	border-radius: 14px;

	float: right;

	margin-top: 5px;

}

.zxmore:hover{

	background: #f1dd7a;

	color: #000;

}

.zxtxtb{

	margin-left: 20px;

	background: url(/uploads/image/phimages/dt.png) no-repeat left top;

	background-size: 100%;

	padding-bottom: 14px;

}



.fpic img{

	width: 100%;

	height: auto;

}

.ful{

	margin: 20px 0;

}





/*fot*/

.fot{

	background: #222325;

	/*margin-top: 20px;*/

	padding-top: 45px;
	
}

.fotnav{

	border-bottom: 1px solid #9b9b9d;

	height: 60px;

}

.fotnav li{

	text-align: center;

    width: 13%;

    float: left;

    line-height: 60px;

}

.fotnav li a {

    display: block;

    width: 100%;

    color: #fff;

    font-size: 14px;

}

/*.flogo{

	text-align: center;

}*/

.flogo img{

	width: 100px;

	height: auto;

	margin-left: 20%;

}

.infor{

	line-height: 32px;

}

.lpic{

	width: 30px;

	float: left;

	margin-right: 16px;

}

.lpic img{

	width: 100%;

	height: auto;

}

.ftel{

	float: left;

	line-height: 28px;

}

.sh{

	margin-top: 26px;

}



.wem {

	text-align: center;

	float: left;

	width: 33.33%;

}

.wem img{

	width: 96%;

	height: 140px;

}

.wem p {

	line-height: 34px;

	text-align: center;

}

.fotinfor,.fotinfor a{

	color: #fff;

	font-size: 14px;

	opacity: .8;

}



.right_li li{

	text-align: right;

	line-height: 32px;

}

.right_li li a:hover{

	color: #f8a440;

}

/*侧边*/

#sidenav {

    position: fixed;

    top: 25%;

    right: 0;

    z-index: 100;

}

#sidenav li {

    position: relative;

    margin-bottom: 4px;

}

#sidenav li img{

	width: 100px;

	height: 100px;

}

#sidenav li{

	position: relative;

}

#sidenav li .dis{

    transition: all .5s;

    /*background: #ddac35;*/

    border-radius: 3px 0 0 3px;

    width: 110px;

    height: 100px;

   /* display: block;*/

    position: absolute;

    display: none;

    top:0;

    right: -200px;

    color: #fff;

    line-height: 35px;

    padding: 0 0 0 12px;

    font-size: 12px;

    transition: 2s;

}

#sidenav li .dis img{

	width: 100%;

	height: 100%;

}

#sidenav li:hover .dis{

	display: block;

	right:100px;

	top: 0;

}



#sidenav li .dis_qq{

    transition: all .5s;

    background: #222325;

    border-radius: 3px 0 0 3px;

    width: 220px;

    height: 126px;

   /* display: block;*/

    position: absolute;

    display: none;

    top:30px;

    right: -200px;

    color: #fff;

    line-height: 40px;

    padding: 0 0 0 12px;

    font-size: 14px;

    transition: 2s;

}

#sidenav li:hover .dis_qq{

	display: block;

	right:100px;

	top: 30px;

}



.in_box{

	margin-top: 56px;

}

.case_tel{

	border: 1px solid #eee;

	border-top: none;

	padding-left: 16px;

	background:  no-repeat center;

	background-size: 100%;

}



.ftelb1 a:hover{

	color: #ddac35;

}

.fotnav li a:hover{

	color: #ddac35;

}





/*inner*/

.in_ban{

	width: 100%;

}

.in_ban img{

	width: 100%;

	height: auto;

}



.innav{

	margin-top: 15px;

}

.innav span{

	font-size: 16px;

    color: #787878;

    margin-top: 5px;

    display: inline-block;

    font-weight: bold;

}

.innav img{

	width: 20px;

    height: 22px;

    float: left;

    margin-top: 5px;

}





.mytit{

	color: #333;

    font-size: 18px;

    border-bottom: 1px solid #333;

    line-height: 30px;

}

.us_top{

	margin-bottom: 30px;

}

.us_top p{

	margin: 0;

	line-height: 32px;

	font-size: 16px;

	color: #787878;

	text-indent:2em;

}

.name,.adr_tit,.del_tit{

	color: #333;

	font-size: 24px;

	font-weight: bold;

}

.name{

	font-size: 16px;

}

.adr_tit{

	text-align: center;

	padding: 60px 0 20px 0;

}

.del_tit{

	text-align: center;

}

.delin{

	line-height: 48px;

	font-size: 16px;

	color: #787878;

}



.uspic img{

	width: 100%;

	height: auto;

}

.lxbox{

/*	margin-top:80px ;*/

}

.fwtel{

	width: 25px;

	height: 28px;

}

.fw em{

	font-size: 25px;

}

.xz{

	display: inline-block;

	width: 120px;

	height: 33px;

	line-height: 33px;

	background: #333;

	color: #fff;

	text-align: center;

	border-radius: 8px;

}

.xz img{

	width: 20px;

	height: 20px;

}

.xz:hover{

	color: #fff;

	background: #cc0000;

}



.adr_pic{

	text-align: center;

	padding-bottom: 20px;

}

.adr_pic img{

	width: 55px;

	height: 55px;

}



.ul_tab2 li{

	background: #fff;

	color: #333;

	height: 44px;

	line-height: 44px;

	text-align: center;

	font-size: 18px;

}

.ul_tab2 .active{

	background: #f8a440;

	color: #fff;

}

.ul_tab2 li a{

	color: #333;

}

.ul_tab2 .active a{

	color: #fff;

}

.ul_tab2 {

	width: 100%;

    height: 45px;

   /* margin-top: 30px;*/

	border-bottom: 1px solid #f8a440;

}





.xli{

	padding: 14px 10px;

    border: 1px solid #eee;

    margin-top: 46px;

    width: 48%;

    float: left;

    margin-left: 1%;

    transition:all 1s ease;	

}

.xli .xtita{

	line-height: 30px;

	font-size: 18px;

	color: #333;

	width: 100%;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

}



.xli .xdel,.xli .xdata{

	color: #7d7d7d;

	font-size: 16px;

	line-height: 30px;

	height: 60px;

    overflow: hidden;

}

.xli:hover{

	background: #eee;

	color: #333;

}

.xli:hover .xdel,.xli:hover .xdata,.xli:hover .xtita{

	color: #333;

}

.page{

	color:#7d7d7d;

	float: right;

}



#mytab3 .litit {

    height: 60px;

    line-height: 60px;

    background: #f8a440;

    color: #fff;

    font-size: 16px;

    padding-left: 34px;

}

#mytab3 li {

    height: 38px;

    line-height:38px;

    border: 1px solid #eee;

    border-top: none;

}

.case_tit,.case_tit2{

	background: #f8f8f8;

	color: #fff;

	height: 90px;

}

.case_tit2{

	line-height: 70px;

    height: 70px;

    font-size: 18px;

    padding-left: 34px;

}

.case_tit span{

	display: block;

	padding-left: 34px;

}

.case_tit span:nth-child(1){

	font-size: 18px;

	line-height: 60px;

	color: #f8a440;

}

.case_tit span:nth-child(2){

	font-size: 14px;

	line-height: 1px;

	color: #373737;

}



.cli img{

	width: 20px;

	height: 20px;

	margin-left: 20px;

	margin-right: 10px;

}

.cli a{

	color: #383838;

	font-size: 16px;

}



.caseul .active a{

	color:  #ddac35;

}

.delin_ac{

	color:#333;

	font-size: 30px;

}

.case_li a figcaption {

   text-align: center;

    background: #f7f7f7;

    color: #333;

    transition: all 1s ease;

}

.case_li a span {

    display: inline-block;

    font-size: 16px;

    line-height: 34px;

    width: 100%;

    overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

}

.case_li img {

    width: 100%;

    height: auto;

}



.case_li:hover img,.rm_left:hover.rm_lpic {

  -webkit-transform: scale(1.2);

  -moz-transform: scale(1.2);

  -ms-transform: scale(1.2);

  -o-transform: scale(1.2);

  transform: scale(1.2);

}

.case_li img,.rm_left .rm_lpic {

  width: 100%;

  height: 100%;

  -webkit-transition: all .5s ease ;

  -moz-transition: all .5s ease;

  -ms-transition: all .5s ease;

  -o-transition: all .5s ease;

  transition: all .5s ease;

}

.case_li .case_pic{

	overflow: hidden;

	width: 60%;

    float: left;

}


.case_li:hover figcaption{

	background: #333;

    color: #fff;

}

.case_li{

	margin-bottom: 20px;

	width: 48%;

	float: left;

	margin-right: 2%;

	border: 1px solid #eee;

	padding: 6px;

}

.case_li:hover{

	border: 1px solid #f8a440;

}

.case_li:hover .dela{

	color: #f8a440;

	border: 1px solid #f8a440;

}

.case_li a{

	color: #747474;

}

 .case_txt p {

    color: #999;

    line-height: 20px;

    height: 60px;

    overflow: hidden;

    margin-bottom: 10px;

    }

.case_txt{

	float: left;

	width: 40%;

}

.case_txt .dela{

	display: block;

    color: #999;

    border: 1px solid #999;

    width: 80%;

    height: 22px;

    line-height: 22px;

    margin: auto;

    text-align: center;

}





.del_pic{

	text-align: center;

	margin: 20px 0;

}

.del_pic img{

	width: 70%;

	height:auto;

}

.del_txt{

	color: #3f3f3f;

	line-height: 36px;

    font-size: 16px;

}

.del_txt .del_txta{

	text-indent: 2em;

}

.del_pic2 img{

	width: 100%;

	height: auto;

}

#ditucontent{

	height: 500px;

	margin-bottom: 20px;

}







/*热门推荐*/

.rm_tit{

	line-height: 36px;

	color: #f8a440;

	border-bottom: 1px solid #7f7f7f;

	font-size: 16px;

	margin-bottom: 10px;

}

.rm_tit span{

	color: #7f7f7f;

}

.rm_left img{

	width: 100%;

	height: auto;

}

.rm_left{

	width: 100%;

	height: 280px;

	border: 1px solid #eee;

	padding: 10px;

}

.rm_right .rmin_tit{

	line-height: 32px;

	height: 30px;

	background: #f8a440;

	color: #fff;

	font-size: 15px;

	padding-left: 10px;

}

.rm_del{

	color: #747474;

    margin-top: 20px;

    line-height: 33px;

    border: 1px solid #eee;

    padding: 5px;

}

.rm_a:hover{

	color: #fff;

}





#wrap{          

    overflow: hidden;

    height: 300px;

}



#wrap ul li{

    float:left;

}

#wrap .leftnav{

    width: 22px;

    height: 30px;

    line-height: 30px;

    background: #ccc;

    opacity: .7;

    color: #333;

    font-size: 24px;

    position: absolute;

    /* z-index: 10; */

    top: 0;

    right:30px;

    text-align: center;

}

#wrap .rightnav{

   width: 22px;

    height: 30px;

    line-height: 30px;

    background: #ccc;

    opacity: .7;

    color: #333;

    font-size: 24px;

    position: absolute;

    /* z-index: 10; */

    top: 0;

    right: 0;

    text-align: center;

}
#wrap1{          

    overflow: hidden;

}


#wrap1 ul { width: 100%; float: left;}

#wrap1 ul li{

	float:left;
	width: 235px;
	margin: 0px 25px;

}
#wrap1 ul li a{ float: left; color: #000;}
#wrap1 a:hover img{transition: all .5s ease; width: 100%;}
#wrap1 img{ float: left;width: 100%;}
#wrap1 span{ width: 100%; float: left; text-align: center;}



 #wrap ol{

    position: absolute;

    bottom:50px;

    right:50px;

}

#wrap ol li{

    float:left;

    width:1px;

    height:1px;

    background: #eee;

    color:#000;

    font-size: 12px;

    text-align: center;

    cursor: pointer;

    margin-left:5px;

}

#wrap ol .ac{

    border:1px solid #ccc;

    background: #fff;

    color:#fff;

}

/*产品详情*/

.case_detail h4{

	font-size: 16px;

}

.case_detail .case_infor{

	font-size: 14px;

	line-height: 24px;

	color: #6f6f6f;

}

/*案例展示*/

.cali{

	float: left;

	background: #333;

	line-height: 38px;

	text-align: center;

	padding: 0 20px;

	margin-left: 20px;

}

.cali a{

	color: #fff;

}

.cali:hover a{

	color: #fff;

}

.cali:hover{

	background: #f8a440;

}

.cali_ac{

	background: #f8a440;

}

.cali_ac a{

	color: #fff;

}

.su_left{

	border: none;

}

.su_del{

	border: none;

	margin-top: 0;

}

.su_box{

	border-top: 1px solid #eee;

}

.su_tit{

	line-height: 55px;

    font-size: 18px;

    width: 100%;

    overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

    height: 55px;

}

.sbtn .su_a{

	display: inline-block;

	width: 175px;

	height: 50px;

	line-height: 50px;

	color: #fff;

	background:#f8a440;

	transition:all 1s ease;

	text-align: center;

	

}



.sbtn .su_a:hover{

	width: 220px;

	background:rgba(248,164,64,0.8);

	}

.sbtn .su_a:hover i{

	display: none;

}	



.case_list .cab_li{

	padding-left: 0;

	padding-right: 0;

	margin-bottom: 10px;

}

.cab_li{

	width: 100%;

    height: 220px;

    overflow: hidden;

    position: relative;

}

.cab_li img{

	width: 94%;

	height: 100%;

}

.cab_li span{

	display: inline-block;

	width: 94%;

	position: absolute;

	bottom: 0;

	left: 0;

	height: 30px;

	line-height: 30px;

	color: #fff;

	text-align: center;

	background: rgba(248,164,64,0.5);

}

.cab_mode{

	width: 94%;

    height: 100%;

    background: rgba(248,164,64,0.5);

    font-size: 16px;

    color: #fff;

    position: absolute;

    bottom: 0px;

    display: none;

    text-align: center;

}

.cab_li:hover .cab_mode{

	transition: all 3s ease;

	display:block;

	bottom: 0;

	left: 0;

}

.cab_li:hover span{

	display: none;

}

.cab_mode p{

	margin-top: 80px;

}

.cab_mode a{

	display: inline-block;

    width: 100px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    color: #fff;

    font-size: 14px;

    border: 1px solid #fff;

    border-radius: 4px;

}

.cab_mode a:hover{

	background: #f8a440;

	color: #fff;

	border: 1px solid #f8a440;

}

.abpic2 img{

	width: 100%;

	height: auto;

}

.ab_left img{

	width: 100%;

	height: auto;

}

.ab_box2{

	padding: 20px 0;

}

.ab_right h3{

	margin: 0;

	text-align: center;

	line-height: 26px;

	margin-top: 48px;

}

.ab_right span{

	display: inline-block;

	width: 100%;

	line-height: 30px;

	font-size: 28px;

	color: #eee;

	text-align: center;

}

.ab_right .ab_del{

	font-size: 16px;

	line-height: 38px;

	text-indent: 2em;

}

.x_left{

	width: 20%;

	float: left;

}

.x_right{

	width: 80%;

	float: right;

}

.xdata h3{

	margin: 0;

	line-height: 36px;

}

.xdata span{

	line-height:24px;

	font-size: 14px;

}

.xli:hover{

	border: 1px solid #f8a440;

	transform: translatey(-15px);

}
.video_list ul{ float:left;}
.video_list ul li{ float:left;}
.video_list img{width:262px;height:165px}

.rex{color:#f8a440;font-size:22px;line-height:50px;font-weight:bold}
@media screen and (min-width: 770px) {
	.case_pic img{width:240px;height:180px}
   }

   @media screen and (max-width: 770px) {
	.roww{width: 80%; float: right;} 
	.top1 { float: left; position: static; width: 20%; padding-top: 8px; overflow: hidden;} 
	.roww li{ width: 100%;} 
	.top1 img{width:100%}
	.caseul, #wrap1{ display: none;}
	.row div.rm_tit:first-child{ display: none;}
	.case_pic { width: 100%;}
	.case_txt p{ display: none;}
	.rex{ line-height: 25px; font-size: 12px;}
	.logo{ height: auto;}
   }