*{
  margin: 0;
  padding: 0;
}
html,body {
    width: 100%;
    margin: 0;
    padding: 0;
    background:#f8f8f8;
    }
body,h2,h3,p,img,ul,ol,li,div,span{
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: "微软雅黑";
}
/*img{width:auto;height:auto;}*/
.Network_Bg_color{overflow: hidden;background: #fff;}
#container{margin:20px;width:663px;}
#mylist tr{height: 30px;line-height: 30px; overflow: hidden;}
#mylist td{line-height:30px;height: 30px; text-align: left; font-size: 14px; overflow: hidden;}
#mylist td.one{width:110px; text-align:left}
#Net_Con_Mok{font-size:12px;margin-top:15px}
#Net_Con_Xswd{height:36px;line-height:36px;color:#333;margin: auto auto; width: 1150px; text-align:center}
#map{ background: url(/skin/images/map.jpg) no-repeat center center;height: 516px;}
.Net_Con_Mapbg{margin-bottom:25px;position: relative; background: url(/skin/images/map.jpg) no-repeat center center; height: 516px;}
#myzone{position: absolute;height: 514px;overflow: hidden;left: 650px;top:0px;display: none; width: 525px;background: #fff;}
#btn_close{cursor: pointer; float: right; width:20px;height:20px;}
#mytitle{margin-bottom:10px;line-height:30px;font-size:16px;font-family:Microsoft YaHei;}
#mylist{text-align: center; width: 525px;}	
a:hover{ 
    text-decoration: none; 
}
a:link{ 
    text-decoration: none; 
}
a:visited {
    text-decoration: none; 
}
.LF{ float: left;}
.RF{ float: right;}
.top{
    width: 100%;
    margin: 0px auto;
    padding: 0px;
    height: 40px;
    line-height: 40px;
    background: #efefef;
}
.top_title{
    width: 1200px;
    margin: 0px auto;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #333333;
    font-family: "微软雅黑";
    text-align: left;

}
.top_nav{
    width: 100%;
    margin: 0px auto;
    overflow: hidden;
		border-bottom: solid 2px #770062;
}
.top_logo{
    width: 1200px;
    margin: 0px auto;
    overflow: hidden;
}
.logo{
    width: 290px;
    float: left;
    height: 113px;
    line-height: 113px;
}
.logo img{
    width: 290px;
    height: 113px;
    float: left;
    margin-left:20px; 
}
.logo_logein{ 
	width:560px;
	float:left;
	height:113px;
	
	}
.tel{
    width: 305px;
    float: right;
	margin-top:20px
}
.tel a{
	width:305px;
	height:71px;
	overflow:hidden;	
	}
.nav{
    width: 1200px;
    height: 80px;
    line-height: 80px;
    margin: 0px auto;
}
.nav a{
   /* width: 133px;*/ width: 145px;
    float: left;
    height: 80px;
    line-height: 80px;
    font-size: 18px;
    font-family: "微软雅黑";
    color: #494949;
    text-align: center;
    display: inline-block;
}

.flexslider{margin:0px auto;position:relative;width:100%;overflow:hidden;zoom:1;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flexslider .slides li div.img { width:100%; height:480px; margin:0 auto}

.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:20px;text-align:center;}
.flex-control-nav li{margin:0 10px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{width: 50px;
height: 13px;
display: inline-block;
border-radius: 10%;
background: #c0c0bf; overflow:hidden;text-indent:-99em; cursor:pointer;}
.flex-control-paging li a.flex-active{background:#770062;}


.swiper-container{
    width: 100%;
    /*height: 480px;*/
}
.swiper-container img{
    height: 480px;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.nav_conter{
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin: 0px auto;
    background: #d6d6d6;
}
.conter{
    width: 1200px;
    margin: 0px auto;
    height: 40px;
    line-height: 40px;
}
.conter_lf{
    width: 700px;
    float: left;
    height: 40px;
    line-height: 40px;
    background: url(../images/logo_11.png) no-repeat 5px center;
}
.conter_lf a{
    padding-left: 45px;
    color: #333;
    font-size: 14px;
    font-family: "微软雅黑";
}
.conter_lf a:hover{
    color: #770062;
}
.search {
    height: 40px;
    margin: 0 100px 0 0;
    position: relative;
    overflow: hidden;
}
.search input {
    width: 220px;
    height: 30px;
    line-height: 30px;
    padding: 0 20px 0 8px;
    border: solid 1px #bbbbbb;
    border-radius: 3px;
    background: #fff;
    display: inline-block;
}
.search a {
    width: 18px;
    height: 17px;
    background: url(../images/xtub_03.png) 0 center no-repeat;
    display: block;
    position: absolute;
    top: 13px;
    right: 11px;
}
.Mian_Conter{
    width: 1200px;
    margin: 0px auto;
    overflow: hidden;
}
.mian,.Content,.Content_Solemn{
    width: 1200px;
    margin: 20px auto;
    overflow: hidden;
}
.mian_lf{
    width: 300px;
    float: left;
    height: 350px;
    overflow: hidden;
    background: #eeeeee;
}
.mian_lrf{
    width: 580px;
    height: 350px;
    float: left;
    overflow: hidden;
    background: #eeeeee;
    margin: 0px 10px;
}
.mian_rf{
    width: 300px;
    height: 350px;
    float: right;
    overflow: hidden;
    background: #eeeeee;
}
.mianCommon,.mianBrand{
    width: 290px;
    height: 39px;
    line-height: 39px;
    border-bottom: solid 1px #780263;
}
.mianCommon h2,.mianBrand h2{
    width: 120px;
    float: left;
    height: 38px;
    line-height: 38px;
    border-bottom: solid 1px #780263;
    font-size: 16px;
    color: #333333;
    text-align: center;
    font-family: "微软雅黑";
}
.mianCommon h2 a,.mianBrand h2 a{ color:#333333}
.mianCommon span,.mianBrand span{
    width: 80px;
    float: right;
    text-align: right;
    font-size: 14px;
    color: #999999;
}
.mianCommon span a,.mianBrand span a{
    color: #999999;
}
.mianCommon span a:hover,.mianBrand span a:hover{
    color: #780263;
}
.mianList,.Brand{
    margin: 10px;
    overflow: hidden;
}
.mianList li,.HVAC_list li{
    height: 30px;
    line-height: 30px;
    overflow: hidden;
}
.mianList li a,.HVAC_list li a{
    color: #333;
    padding-left: 35px;
    font-size: 14px;
    background: url(../images/big_13.png) no-repeat 10px center;
}
.mianList li a:hover,.HVAC_list li a:hover{
    background: url(../images/xtub_06.png) no-repeat 10px center;
    color: #780263;
}
.mianBrand{
    width: 570px;
}
.BrandlF,.BrandlrF,.BrandrF{
    width: 180px;
    float: left;
    overflow: hidden;
}
.BrandlF div,.BrandlrF div,.BrandrF div{
    width: 160px;
    height: 122px;
    margin: 0px auto;
    box-shadow: 1px 1px 10px 2px #a9a9a9;
    clear: both;
}
.BrandlF img,.BrandlrF img,.BrandrF img{
    width: 160px;
    height: auto;
}
.BrandlF b,.BrandrF b{
    width: 170px; display:block;
    margin: 15px auto 0px;
    height: 7px;
    background: url(../images/xtub_13.png) no-repeat center 0px;
}
.BrandlF i,.BrandrF i{
    height:30px; font-style:normal; display:block;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    color: #333;
}
.BrandlF p,.BrandlrF p,.BrandrF p{
    font-size: 14px;
    color: #333;
    margin-bottom:10px;
    text-indent: 2em;
	overflow: hidden;
    height: 95px;
}
.BrandlF span,.BrandlrF span,.BrandrF span{
    height: 15px;
    line-height: 15px;
    background: #f8e421;
    float: right;
    color: #333;
    font-size: 14px;
    margin-right:10px; 
}
.BrandlF span a,.BrandlrF span a,.BrandrF span a{
     width: 110px;
    height: 15px;
    line-height: 15px;
    color: #333;  
}
.BrandlF span a:hover,.BrandlrF span a:hover,.BrandrF span a:hover{
    color: #fff;
}
.BrandlrF{
    margin: 0px 5px;
}
.BrandlrF i{ font-style:normal;
    height:30px; display:block;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    color: #333;
}
.BrandlrF span{
    background: #968b89;
    margin: 0px 10px 10px 0px 
}
.BrandlrF b{ display:block;
    width: 170px;
    margin: 0px auto 15px;
    height: 7px;
    background: url(../images/xtub_11.png) no-repeat center 0px;
    clear: both;
}
.BrandrF span{
    background: #d2d2de
}
.mianCompany{
    margin: 10px;
    overflow: hidden;
}
.mianCompany img{
    width: 259px;
    height: 153px;
}
.mianCompany div{
    margin: 10px;
    text-indent: 2em;
    font-size: 14px;
    color: #333;
    line-height: 28px;
}
.mianHeating,.Content_Special,.Content_Network-index{
    width: 1200px;
    margin: 20px auto;
    overflow: hidden;
    background: #eeeeee;
}
.Heating{
    width: 1190px;
    height: 39px;
    line-height: 39px;
    border-bottom: solid 1px #780263;
}
.Heating h2{
    width: 120px;
    float: left;
    height: 38px;
    line-height: 38px;
    border-bottom: solid 1px #780263;
    font-size: 16px;
    color: #333333;
    text-align: center;
    font-family: "微软雅黑";
}
.Heating h2 a{ color:#333333;}
.Heating span{
    width: 80px;
    float: right;
    text-align: right;
    font-size: 14px;
    color: #999999;
}
.Heating span a{
    color: #999999;
}
.Heating span a:hover{
    color: #780263;
}
.Heating_photo{
    margin: 10px;
    overflow: hidden;
}
.Heating_photo_list{
    width: 235px;
    height: auto;
    float: left;
    padding-top: 20px;
}
.Heating_photo_list img{
    display: block;
    width: 200px;
    height: 200px;
    border-radius: 150px;
    border: solid 1px #eeeeee;
    margin: 0px auto 10px;
    box-shadow: 6px 3px 20px 0px #b5b5b6;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}
.Heating_photo_list img:hover{
    transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);

}
.Heating_photo_list p{
    text-align: center;
    color: #333;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
}
.Heating_photo_list p a{
    color: #333;
}
.Heating_pro{
    width: 190px;
    height: 40px;
    line-height: 40px;
    background: #0185e9;
    margin: 40px auto;
    text-align: center;
    border-radius: 10px;
}
.Heating_pro a{
    font-size: 18px;
    color: #fff;
}
.Content_HVAC,.Content_Engine{
    width: 400px;
    overflow: hidden;
    background: #eeeeee;
}
.HVAC,.Engine{
    width: 390px;
    height: 39px;
    line-height: 39px;
    border-bottom: solid 1px #780263;
}
.HVAC h2,.Engine h2{
    width: 120px;
    float: left;
    height: 38px;
    line-height: 38px;
    border-bottom: solid 1px #780263;
    font-size: 16px;
    color: #333333;
    text-align: center;
}
.HVAC h2 a,.Engine h2 a{ color:#333333}
.HVAC span,.Engine span{
    width: 80px;
    float: right;
    text-align: right;
    font-size: 14px;
    color: #999999;
}
.HVAC span a,.Engine span a{
    color: #999999;
}
.HVAC span a:hover,.Engine span a:hover{
    color: #780263;
}
.HVAC_list{
    margin: 10px;
    overflow: hidden;
}
.Ente{
    margin: 0px 20px;
    background: url(../images/bgent_03.png) no-repeat center center;
}
.Content_Join{
    width: 360px;
    overflow: hidden;
    background:#eeeeee;
}
.Join{
    width: 350px;
}
.Join_tel{
    margin: 20px;
    overflow: hidden;
    text-align: center;
}
.Join_tel p.Join_tel_zs{
    text-align: center;
    color: #333;
    font-size: 22px;
    height: 40px;
    line-height: 40px;
    font-weight: normal;
}
.Join_tel p.Join_tel_pho{
    height: 55px;
    line-height: 55px;
    color: #770062;
    font-size: 36px;
}
.Join_tel p{
    text-align: center;
    font-size: 18px;
    color: #333;
    height: 35px;
    line-height: 35px;
}
.Solemn{
    width: 430px;
    margin: 0px auto;
    height: 39px;
    line-height: 39px;
    border-bottom:solid 1px #780263;
}
.Solemn h2{
    width: 120px;
    margin: 0px auto;
    height: 38px;
    line-height: 38px;
    border-bottom: solid 1px #780263;
    font-size: 16px;
    color: #333333;
    text-align: center;
    font-family: "微软雅黑";
}
.Solemn_pho{
    margin: 20px 10px;
    display: inline-block;
    overflow: hidden;
}
.Solemn_pho li{
    width: 145px;
    overflow: hidden;
    float: left;
    margin: 10px 45px;
    text-align: center;
}
.Solemn_pho li img{
    width: 145px;
    height: 145px;
    margin: 0px auto;
}
.Solemn_pho li img:hover{
    transition: all .9s;
    -o-transition: all .9s;
    -moz-transition: all .9s;
    -webkit-transition: all .9s;
    -moz-transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    transform: rotateY(360deg);
   cursor: pointer;
}
.Solemn_pho li p{
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    color: #333;
}
.ContentEG,.Network-index{
    width: 1200px;
    margin: 0px auto;
    overflow: hidden;
}
.Content_Engine{
    width: 460px;
    height: 395px;
}
.Engine{
    width: 450px;
}
.Engine_list img{
    width: 440px;
    height: 198px;
    margin: 10px auto;
}
.Enginerf{
    width: 730px;
    overflow: hidden;
    height: 395px;
}
.Enginerf_img{
    width: 730px;
    height: 182px;
    margin: 0px auto 10px;
}
.Enginerf_neir{
    width: 730px;
    background: #eeeeee;
    overflow: hidden;
    display: inline-block;
}
.Enginerf_neir li{
    width: 162px;
    float: left;
    margin: 10px;
}
.Enginerf_neir li img{
    width: 160px;
    margin: 0px auto;
    height:auto;
}
.Enginerf_neir li p{
    text-align: center;
    line-height: 25px;
    font-size: 14px;
    color: #333333;
}
.Enginerf_neir li div{
    width: 116px;
    margin: 5px auto;
}
.Enginerf_neir li div>img{
    width: 116px;
    margin: 0px auto;
    height: 8px;
}
.Content_Big{
    width: 1200px;
    margin: 50px auto 10px;
    background: #eeeeee;
    padding-bottom: 20px;
}
/*大事件*/
.list{ 
    position: relative; 
    height: 33px; 
    margin-bottom: 100px; 
    margin: 20px;
    padding-bottom: 100px;
}
.list ul{ 
    padding-top: 3px; 
}
.list ul li{ 
   /* width: 128px; */ width: 116px; 
    height: 112px; 
    cursor: pointer; 
    float:left
}
.list ul li h3{ 
    width: 58px; 
    height: 60px; 
    margin: 0 auto; 
    font-size: 14px;
    color: #333; 
    line-height: 60px; 
    text-align: center; 
    text-indent: -9999px; 
    background: url(../images/icon03.png) no-repeat; 
}
.list ul li h4{ 
    color: #333; 
    font-size: 14px; 
    text-align: center; 
}
.list ul li p{ 
    display: none; 
    height: 84px; 
    overflow: hidden; 
    padding-top: 8px; 
    margin: 0 auto; 
    font-size: 14px; 
    color: #333; 
    line-height: 18px; 
    text-align: center; 
}
.list ul li.curr h3{ 
    background-position: left bottom; 
    text-indent: 0; 
}
.list ul li.curr h4{ 
    display: none; 
}
.list ul li.curr p{ 
    display: block; 
}
/*大事件*/
.Special{
    width: 1200px;
    overflow: hidden;
}
.Special_title{
    width: 1200px;
    height: 44px;
    line-height: 44px;
    background: url(../images/Sp_title_03.png) no-repeat center center;
    display: inline-block;
    margin: 10px auto;
}
.Special_title li{
    width: 300px;
    float: left;
    text-align: center;
}
.Special_title li a{
    font-size: 16px;
    color: #333333;
    height: 44px;
    line-height: 44px;
}
.Special_title li a:hover,.Special_cont li a:hover{
    color: #770062
}
.Special_cont{
    width: 1200px;
    overflow: hidden;
    display: inline-block;
    margin: 0px auto 20px;   
}
.Special_cont li{
    width: 260px;
    float: left;
    margin: 0px 20px; 
    text-indent: 2em;
}
.Special_cont li a{
    color: #333;
    font-size: 14px;

}
.Sp_ti{
     background: url(../images/title_03.png) no-repeat center center;   
}
.Content_Network-index{
    padding-bottom: 0px;
}
/*.Network_list{
    width: 1100px;
    margin: 0px auto;
    height: 50px;
    line-height: 50px;
    display:block;
}
.Network_list li{
    width: 57px;
    float: left;
    text-align: center;
    font-size: 16px;
    color: #333333;
    cursor: pointer
}
.Network_list li.Necli{
    color: #770062;
}
.Network_cont{
    overflow: hidden;
	height:340px;
	padding-bottom:20px;
}
.Network_tilte{
    width: 1200px;
    height: 45px;
    line-height: 45px;
    display: block;
    background:#770062;
}
.Network_tilte p{
    width: 400px;
    float: left;
    text-align: center;
    color: #fff;
    font-size: 16px;
}
.Network_titl_neir{
    width: 1200px;
    margin: 0px auto;
    height: 34px;
    line-height: 34px;
    border-bottom: dashed 1px #cdcdcd;
    display:block;  
}
.Network_titl_neir div{
    width: 400px; height:34px; overflow:hidden;
    text-align: center;
    float: left;
    font-size: 14px;
    color: #333;
}
.Network_titl_neir div.Network_dizhi{ text-align:inherit}*/
.Special div{
	width:300px;
	float:left;
	overflow:hidden;
	margin:20px 0px 10px 0px;	
}
.Special div h2{
    font-size: 16px;
    color: #333333;
    height: 44px;
    line-height: 44px;
	text-align:center;
	background:#e1e1e3;
}
.Special div h2 a{color: #333333;
	}
.Special div h2 a:hover,.Special div p a:hover{
	  color: #770062
	}
.Special div span{
	width: 260px; height:130px;
    float: left;
	margin:10px 10px 0px 10px;
    text-indent: 2em;
}
.Special div span a{    color: #333;
    font-size: 14px; line-height:28px;
	}
.Special div span a p{ line-height:25px;}
/*dashijian*/
.dashijian { width:1200px; margin:20px auto 0; background: url(../images/bg-dashijian.jpg) center top no-repeat ; padding:40px 0 20px;}
.dashijian .dashijian_tit { font-size:18px; color:#000; text-align:center; background:url(../images/bg-line.png) center center no-repeat  }
#nav-menu .menu{ width:870px; height:78px; margin:100px auto;}
#nav-menu .menu li{position:relative;float:left;display:inline;font-size:14px; text-align:center; width:78px; height:78px; line-height:78px;}
#nav-menu .menu li.stmenua { width:10px;background: url(../images/bg-year-dian.png) center center no-repeat ;}
#nav-menu .menu li span.xialaguang{display:inline-block;color:#FFF;width:78px; height:78px;text-decoration:none;font-size:16px;text-align:center; color:#FFF; cursor:pointer}
#nav-menu .menu div.children{display:none;position:absolute; width:158px;left:-40px; font-size:14px;  line-height:22px; text-align:center;}
#nav-menu .menu div.children.childrent {top:-78px; background:url(../images/bg-t.png)  bottom center no-repeat; padding-bottom:36px;  }
#nav-menu .menu div.children.childrenb {top:78px;  background:url(../images/bg-b.png) top center no-repeat ; padding-top:36px; }

/*dashijian*/
.footer{
    width: 100%;
    overflow: hidden;
    margin: 10px auto 0;
    padding-bottom: 10px;
    background: #eeeeee;
}
.footer_bg{
    width: 100%;
    height: 360px;
    background: url(../images/foot_bg_03.png) no-repeat right center;
    background-size:contain;
}
.footer_conter{
    width: 1200px;
    margin: 0px auto;
    overflow: hidden;
}
.foot_ewm{
    width: 206px;
    height: 206px;
    margin: 10px;
}
.foot_bar{
    width: 100px;
    border-right: solid 1px #770062;
    height: 115px;
    margin: 50px 10px;
    float: left;
}
.foot_bar div{
    width: 99px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    color: #333;
}
.foot_bar div a{
    color: #333;
}
.foot_bar div a:hover{
    color: #770062
}
.foot_yqlink{
    width: 700px;
    float: right;
    overflow: hidden;
    margin: 50px 0px 0px 0px;
}
.foot_yqlink p{
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #999;
}
.foot_yqlink p b{
    font-size: 16px;
    color: #333;
    padding-right: 25px;
}
.foot_yqlink p a{
    color: #333;
    padding-left: 20px;
}
.foot_yqlink div{
    overflow: hidden;
}
.foot_yqlink div a{
    line-height: 30px;
    padding-right: 10px;
    font-size: 14px;
    color: #333;
}
.foot_yqlink div a:hover,.foot_yqlink p a:hover{
    color: #770062
}
.bottom{
    width: 100%;
    height: 100px;
    margin: 0px auto;
    background: rgba(66, 66, 66, 0.7);
}
.bottom div{
    text-align: center;
    color: #fff;
    padding: 10px 0px;
}
.bottom div p{
    font-size: 14px;
    height: 30px;
    line-height: 30px;
}
.Home_srom{
	text-align: center;
	height: 40px; 
	line-height: 40px; 
	color: #333;
	background: #fff;
	width: 1200px;
}
.Home_srom a{
	overflow: hidden;
	color: #333;
}
.Home_srom a:hover{
	color: #770062;
}
.sole{
	position: fixed;
	top: 120px;
	right: 0;
	width: 137px;
	height: auto
	overflow: hidden;
	z-index: 999;
}
.sole a{
	overflow: hidden;
	cursor: pointer;	
}
.btn{ 
	position: fixed;
	bottom: 100px;
	right: 20px;
}
.btn a{
	overflow: hidden;
	background: #7f7f7f;
	color: #fff;
	width: 55px;
	height: 55px;
	position: relative;
	display: block;
}
.btn a span {
	line-height: 20px;
	height: 55px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	opacity: 0;
	transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	transform: translate3d(0,55px,0);
	-o-transform: translate3d(0,55px,0);
	-moz-transform: translate3d(0,55px,0);
	-webkit-transform: translate3d(0,55px,0);
}
.btn > a:hover > span {
	transform: none;
	-o-transform: none;
	-moz-transform: none;
	-webkit-transform: none;
	opacity: 1;
	background: #7f7f7f;
	color: #fff;
	font-size: 20px;
	height: 55px;
	width: 55px;
	padding-top: 5px;
	text-align: center;
}


.demopage {
	margin: 0 auto;
}
.demopage h2 {
	font-size: 14px;
	margin: 20px 0;
}
/* scrollDiv */
.scrollDiv {
	height: 25px;/* 必要元素 */
	line-height: 25px;
	border: #ccc 0px solid;
	overflow: hidden;/* 必要元素 */
}
.scrollDiv li {
	height: 25px;
	padding-left: 10px;
}
#s2, #s3 {
	/*height: 120px;*/
}


/*友情链接滚动 migal*/
.scroll_vertical{position:relative;width:700px;height:140px;padding:0px;}
.scroll_vertical .box{overflow:hidden;position:relative;height:140px;margin:0px 0 0 0;}
.scroll_vertical ul{position:absolute;top:0;left:0;}
.scroll_vertical li{height:140px;text-align:center;}
.scroll_vertical li a{ display:inline-block; width:120px; line-height:35px; overflow:hidden;}