/* 合肥秀站网络科技有限公司 */

/* 精品与原创网站模板提供商，一站式建站 */

/* 主营业务：织梦模板、pbootcms模板、云优模板、易优模板 */

/* 麦站网：Www.Xiuzhanwang.Com */

/* 主机/服务器：Www.xiuzhanyun.Com */

/* 域名抢注：Www.xiuzhanmi.Com */

/* QQ：2361928288  835971066 */

/*banner*/

.banner{

    width: 100%;

    height: 400px;

    overflow: hidden;

    position: relative;

	top:0;

}

.banner-box{

	position:absolute;

	left:50%;

	margin-left:-960px;

	width:1920px;

    height: 400px;

}

.ny_nav{

    position: absolute;

    width: 100%;

    bottom: 0;

}

.ny_nav .container{

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

    border-radius: 5px 5px 0 0;

}

.ny_nav ul li{

    padding: 0 35px;

}

.ny_nav ul li a{

    color: #fff;

    font-size: 15px;

    line-height: 45px;

    padding: 0 25px;

    display: block;

}

.ny_nav ul li.current a{

    background: #00448f;

}



#content{

    padding-top: 35px;

}

.con_box{

    font-size: 15px;

    line-height: 26px;

}

.content{

    margin-top: 40px;

}

.pro,.pro_de{

    padding-top: 35px;

}

/*left-main*/

.left-main{

    width: 260px;

    float: left;

}

.left-main h2{

    color: #333;

    font-size: 22px;

    font-weight: 700;

    border-top: 1px solid #d1d1d1;

    border-bottom: 1px solid #d1d1d1;

    line-height: 45px;

    padding: 5px 10px;

    margin-bottom: 10px;

}

.left-main ul li {

    border-bottom: 1px dashed #d1d1d1;

}

.left-main ul li a{

    display: block;

    font-size: 15px;

    color: #333;

    line-height: 25px;

    padding: 10px;

}

.left-main ul li.current a{

    background:#00a0ea;

    color: #fff;

}



.pro_box,.prode_box{

    width: 880px;

    float: right;

}

.pro_box ul{

    margin: -10px;

}

.pro_box ul li{

    width: 33.33%;

    -ms-flex: 0 0 33.33%;

    flex: 0 0 33.33%;

    max-width: 33.33%;

}

.pro_box ul li a{

    display: block;

    position: relative;

    margin: 10px;

    background: #fff;

    -moz-box-shadow: 0 2px 10px #c7c7c7;

    -webkit-box-shadow: 0 2px 10px #c7c7c7;

    box-shadow: 0 2px 10px #c7c7c7;

}

.pro_box ul li img{

    width: 100%;

}

.pro_box ul li h3{

    width: 100%;

    height: 40px;

    background: #fff;

    text-align: center;

    font-size: 18px;

    color: #272727;

    line-height: 30px;

}

    

/*prode_pic*/

.prode_pic{

    width: 100%;

}

.prode_pic img{

    width: 100%;

    border: 1px solid #f1f1f1;

}

.prode_mains{

    margin: 25px 0;

}

.prode_mains h2{

    border-bottom: 1px solid #d1d1d1;

    color: 444;

    font-size: 18px;

    padding-bottom: 10px;

    margin-bottom: 10px;

    line-height: 26px;

}

.prode_mains h2 span,.pro_detitle{

    color: #555;

    font-size: 15px;

    font-weight: 700;

    display: block;

    line-height: 26px;

}

.pro_detitle{

    padding-bottom: 10px;

}

.pro_debox p{

    color: #444;

    font-size: 15px;

    line-height: 24px;

}



/*news*/

.news,.news_detail{

    padding-top: 35px;

}

.news li{

    margin-bottom: 50px;

}

.news .news_pic{

    width: 390px;

    float: right;

    height: 238px;

}

.news .news_pic img{

	width:100%;

	height:100%;

}

.news .news_left{

    width: 810px;

    float: left;

    padding: 15px 15px 15px 30px;

    border-right: 1px solid #dcdcdc;

    border-top: 1px solid #dcdcdc;

    border-bottom: 1px solid #dcdcdc;

    height: 237px;

}

.news .news_left h3{

    color: #474747;

    font-size: 18px;

    line-height: 26px;

    height: 26px;

    word-break: break-all;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp:1;

    overflow: hidden;

}

.news .news_left span{

    color: #00a0ea;

    margin-bottom: 10px;

    font-size: 14px;

    display: block;

}

.news .news_left p{

    color: #8b8b8b;

    font-size: 14px;

    line-height: 22px;

    word-break: break-all;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp:3;

    overflow: hidden;

    margin-bottom: 10px;

}

.news li:hover .news_left p{

    padding-left: 50px;

    border-left: 1px solid #d1d1d1;

}

.news_til_left{

    float: left;

    width: 70%;

}

.news_til_left h2{

    position: relative;

    color: #222;

    font-size: 20px;

    line-height: 20px;

    display: inline-block;

}

.news_til_left span{

    display: block;

    color: #666666;

    font-size: 14px;

    line-height: 24px;

    padding-top: 15px;

}

.news_til_right{

    width: 30%;

    text-align: right;   

    float: right; 

}

.bdsharebuttonbox {

    display: inline-block;

}

.news_til_right a{

    background: url(../images/share.jpg) no-repeat -2px 0 !important;

}

.news_til_right a.bds_tsina{

    background-position: -38px 0 !important;

}

.news_til_right a.bds_tqq{

    background-position: -72px 0 !important;

}

.news_til_right a.bds_tqf{

    background-position: -107px 0 !important;

}

.news_til_right a.bds_douban{

    background-position: -144px 0 !important;

}

.news_detail_til {

	border-bottom:1px dashed #d1d1d1;

	padding-bottom:15px;

}

.news_detail_box{

    padding: 38px 0;

    color: #555555;

    font-size: 14px;

    line-height: 26px;

    width: 100%;

}

.news_detail_box p{

    color: #555555;

    font-size: 14px;

    line-height: 26px;

}

.news_detail_prew{

    border-top: 1px solid #cccccc;

}

.prew_news,.next_news{

    float: left;

    width: 48%;

    overflow: hidden;

    padding: 15px 10px;

}

.next_news{

    float: right;

    text-align: right;

    word-break: break-all;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    overflow: hidden;

}

.news_detail_prew  span{

    display: block;

}

.prew_news a,.next_news a{

    transition-duration: .5s;

    -moz-transition-duration: .5s;

    -webkit-transition-duration: .5s;

    -o-transition-duration: .5s;

    word-break: break-all;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    overflow: hidden;

}

/*contact*/



.contact{

    padding-top: 20px;

}

.con_left {

    width: 800px;

    float: left;

}

.con_left h2{

    color: #00a0ea;

    font-size: 25px;

    line-height: 40px;

    padding-bottom: 10px;

    border-bottom: 1px solid #d1d1d1;

    margin-bottom: 20px

}

.con_left p{

    color: #444;

    font-size: 16px;

    line-height: 30px;

}

.map{

    margin-top: 25px;

    height:302px;

}



.mess{

    width: 340px;

    float: right;

    background: #f1f1f1;

    padding: 20px;

}

.mess h3{

    color: #00a0ea;

    font-size: 25px;

    border-bottom: 1px solid #fff;

    padding-bottom: 10px;

    margin-bottom: 15px;

}



.mess input ,.mess textarea{

    width: 100%;

    height: 40px;

    background: none;

    font-size: 14px;

    color: #333;

    padding: 10px 0 10px 15px;

    background: #fff;

    line-height: 40px;

    margin-bottom: 10px;

    border-radius: 4px;

    position: relative;

}

.mess textarea{

    width: 100%;

    min-height: 80px;

    max-height: 80px;

    max-width: 100%;

    min-width: 100%;

    line-height: 30px;

    padding-top: 5px;

}

.form-yzm{

    width: 32.23%;

    float: left;

}

.mess button{

    width: 100%;

    background: #00a0ea;

    height: 40px;

    text-align: center;

    line-height: 40px;

    color: #fff;

    font-size: 14px;

    float: right;

    border-radius: 4px;

    cursor: pointer;

}



.swiper-container{

    width: 100%;

    overflow: hidden;

    z-index: 1;

}

.swiper-wrapper {

    position: relative;

    width: 100%;

    height: 100%;

    z-index: 1;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-transition-property: -webkit-transform;

    -moz-transition-property: -moz-transform;

    -o-transition-property: -o-transform;

    -ms-transition-property: -ms-transform;

    transition-property: transform;

    -webkit-box-sizing: content-box;

    -moz-box-sizing: content-box;

    box-sizing: content-box;

}

.swiper-container-android .swiper-slide, .swiper-wrapper {

    -webkit-transform: translate3d(0,0,0);

    -moz-transform: translate3d(0,0,0);

    -o-transform: translate(0,0);

    -ms-transform: translate3d(0,0,0);

    transform: translate3d(0,0,0);

}

.swiper-slide {

    -webkit-flex-shrink: 0;

    flex-shrink: 0;

    width: 100%;

    height: 100%;

    position: relative;

}

.swiper-container-fade .swiper-slide {

    pointer-events: none;

    -webkit-transition-property: opacity;

    -moz-transition-property: opacity;

    -o-transition-property: opacity;

    transition-property: opacity;

}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {

    pointer-events: auto;

}

.banner .swiper-slide img {

    animation-duration: 5s;

    animation-timing-function: linear;

    animation-fill-mode: forwards;

    -webkit-animation-duration: 5s;

    -webkit-animation-timing-function: linear;

    -webkit-animation-fill-mode: forwards;

}

.banner_font{

	position:absolute;

    width: 100%;

    top:0;

    height:100%;

}

.banner_font .container{

    height: 100%;

    justify-content: end;

}

.banner_font h3{

	color:#fff;

  	font-size:50px;

  	line-height:55px;

}

.banner_font h4{

	color:#fff;

  	font-size:40px;

  	line-height:45px;

}



 /*麦 站 网分页样式*/

.pages{padding: 20px 0;width:100%;text-align: center;clear: both; margin-top:20px}

.pages a,.pages span{color: #666;padding: 0 15px;margin: 0 3px;display: inline-block;vertical-align: middle;line-height: 34px;background: #f9f9f9;border: 1px solid #f2f2f2;}

.pages a:hover{display:inline-block;color: #fff;background: #00a0ea;border-color: #00a0ea;box-shadow: 0 0 14px rgba(0, 0, 0, .2);}

.pages span{display:inline-block;color: #666;}

.pages a.page-num-current{display:inline-block;color: #fff;background: #00a0ea;border-color: #00a0ea;box-shadow: 0 0 14px rgba(0, 0, 0, .2);}

