/* CSS Document */
body {
	margin:0px;
	padding: 0px;
    font-family:"微软雅黑";
	color:#666666;
	margin:0px;
	padding:0px; background-color:#fff;
	overflow-x: hidden;
	box-sizing: border-box;
	
	}
*{font-family:"微软雅黑";}
li{list-style:none}
ul{padding-left:0;margin:0 0}
a{color:#666;text-decoration:none;}
.center{max-width:1200px;margin:0 auto}
h2,h3,h4,h5,p{margin:0 0;padding:0 0;font-weight:500;}
h1{font-size:2rem;}
.ctrl span{ float:left; cursor:pointer;}
input,textarea,select{outline:none;font-family:"微软雅黑";}
img{border:none}
.cursor_pointer{
	cursor:pointer;
}
button{
	cursor:pointer;
}
.float_l{ float:left;}
.float_r{ float:right;}
.clear{clear:both}
.position_r{position: relative;}
.position_a{position: absolute;}
@media screen and (min-width:320px) {html {font-size:90%;}}
@media screen and (min-width:400px) {html {font-size:90%}}
@media screen and (min-width:480px) {html {font-size:97.5%}}
@media screen and (min-width:560px) {html {font-size:100%}}
@media screen and (min-width:600px) {html{font-size:112.5%}}
@media screen and (min-width:640px) {html {font-size:100%}}

.product .list{ width:75%; float:right;}
.list{ width:100%; max-width:1200px; margin:auto; float:right;}
.list ul li{ width:30.3%; margin:0 1.5% 3% 1.5%; float:left;position: relative;transition: 0.6s;}
.list ul li .list_border{  background: #fff; transition:0.3s; border:1px solid #ccc;}
.list ul li .list_img{ width:100%; height:0; padding-top:49%; position:relative; overflow:hidden; margin:auto; }
.list ul li .list_img img{ position:absolute; width:100%; top:50%; left:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);  }
.list ul li:hover{ transform: scale(1.04,1.04)}

.list ul li .list_text{ padding:2% 0;}
.list ul li .list_border:hover h3{ color:#e94709;}
.list ul li .list_text p{ font-size:1rem;color:#666; margin-top:1rem;text-align: center; margin-bottom:2rem; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.list ul li .list_text h3{font-size:1.4rem; color:#222; text-align: center; margin-top:1.6rem;}
/*.list ul li .list_border:hover .list_text{color:#f17901; } */




.index_about{  background:url(../image/beijing1.jpg) center  no-repeat; height:470px; padding-top:109px;}
.index_about .center{ background:url(../image/about.png); height:340px;}
.index_about .float_l{ width:56%; float: left; margin-top:9rem;}
.index_about .float_l .p01{ font-size:1.4rem; color:#fff; font-weight: 600; margin-top:2rem;}
.index_about .float_l .span01{ font-size:1.1rem; color:#fff; margin-top:1rem; display: block; letter-spacing: 6px;}
.index_about .float_l .div01{ width:80%; height:1px; background: #fff; margin-top:1rem;}
.index_about .float_l .div02{width:42%; border-radius: 4px; height:56px;background: linear-gradient(to right, #e52142 0%,#472aa2 100%); margin-top:1rem;}
.index_about .float_l .div02 p{ font-size:1rem; color:#fff; float:left; line-height: 56px; margin-left:2rem;}
.index_about .float_l .div02 span{display:block; font-size:1.2rem; color:#fff; font-weight: 600; float:left;line-height: 56px;}
.index_about .float_r{width:38%; float: left;  padding:5%; margin-left:-6%;}
.index_about .float_r p{ color:#fff; font-size: 0.9rem; line-height: 2rem;}

.new_ol {
    margin: 3% 0;
    width: 100%;
    overflow: hidden;
}

    .new_ol span {
        float: left;
        border-bottom: 1px solid #999;
        padding: 1%;
        margin: 0 3%;
    }

        .new_ol span:first-child {
            margin-right: 50%;
        }

    .new_ol a {
        color: #999;
    }

        .new_ol a:hover {
            color: #f7b004;
        }

.center1{max-width:1520px;margin:0 auto}
.index_jiushui{ background:url(../image/beijing2.jpg) center no-repeat; height:684px;}
.index_jiushui ul{ overflow:hidden; margin-top:2rem;}
.index_jiushui ul li{ width:24%; float: left; margin:0 0.5%; transition: 0.4s;}
.index_jiushui ul li img{ width:100%;   }
.index_jiushui .more{ background:url(../image/more.png) center no-repeat; height:50px; width:100%; display:block; margin-top:3.4rem;}
.index_jiushui .more p{ font-size:1rem; color:#fff; text-align: center; line-height: 50px; transition: 0.3s;}
.index_jiushui .more:hover p{ margin-left:1rem;}
.index_jiushui ul li:hover{ transform: scale(1.05,1.05)}




.jiushui{background: linear-gradient(to bottom, #701c12 0%,#11133f 100%); padding-top:1rem;padding-bottom:4rem;}
.jiushui .ul1{ overflow:hidden; margin-top:2rem;}
.jiushui .ul1 li{ width:32.3%; float: left; margin:0.5%;height:500px;}
.jiushui .ul1 li img{ width:100%; }
.jiushui .box{ margin-top:3rem;}





.index_zouwei{ background:url(../image/beijing3.jpg) center no-repeat; height:580px; padding-top:64px;}
.index_zouwei ul{ overflow:hidden; margin-top:2rem;}
.index_zouwei ul li{ width:42%; margin:1%; padding:2%;  float:left;    background: linear-gradient(to right, #e52141 0%,#462aa3 100%); transition: 0.3s;}
.index_zouwei ul li .float_l{ width:40%;}
.index_zouwei ul li .float_l .p01{ font-size:1.2rem; color:#fff; margin-top:1rem;}
.index_zouwei ul li .float_l .p02{ font-size:1rem; color:#fff; margin-top:1rem; padding-bottom:0.6rem; border-bottom:1px solid #ccc;}
.index_zouwei ul li .float_l span{ display:block; color:#fff; margin-top:3rem; font-size:0.9rem;}
.index_zouwei ul li:hover{   transform: translate(0,-10px);}





.index_news{background:url(../image/beijing4.jpg) center no-repeat; height:664px; padding-top:80px;}
.index_news .float_l{ width:48%;  margin-top:3rem; position: relative;}
.index_news .float_l .tu{ width:100%;}
.index_news .float_l .tu img{width:100%;}
.index_news .float_l .text{ width:80%;background: linear-gradient(to right, #e52141 0%,#462aa3 100%); padding:2%; position: absolute; left:8.7%; bottom:-90px;}
.index_news .float_l .text p{ font-size:1.1rem; color:#fff; line-height: 2rem; transition: 0.3s;}
.index_news .float_l .text p:hover{padding-left:1rem;}
.index_news .float_l .text span{ font-size:0.9rem; color:#ccc; line-height: 1.8rem; display: block;}
.index_news .float_r{ width:48%; margin-top:3rem;}.index_jiushui ul li img
.index_news .float_r ul{ overflow:hidden;}
.index_news .float_r ul li{ width:100%; border-bottom:1px dashed #5b667b; margin-bottom:1.6rem; padding-bottom:1.4rem;}
.index_news .float_r ul li span{ display:block; width:8%; height:2px; margin-top:0.7rem; margin-right:1rem; background: linear-gradient(to right, #e52141 0%,#462aa3 100%);  float:left;}
.index_news .float_r ul li .p01{ font-size:1.1rem; transition: 0.3s; color:#fff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden; }
.index_news .float_r ul li .p02{ font-size:0.9rem;  margin-top:0.8rem;  line-height: 1.4rem; color:#ccc; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.index_news .float_r ul li .p01:hover{ color:#e52141; padding-left:1rem;}


.index_contact{ background:url(../image/beijing5.jpg) center no-repeat; height:740px; padding-top:74px;background-size:100% 100%;}
.digital{width: 100%;height: 150px;color: #fff; padding-top:30px; }
.main{width:1200px; max-width:1200px;margin:0 auto;}
.mumping_mun li{width: 24.6%;display: inline-block;margin: 30px auto; border-right:1px solid #ccc;}
.mumping_mun li:nth-child(4){ border-right:none;}
.mumping_mun{width:100%;list-style: none;}
.mumping_mun .p01{font-size:1rem;width: 100%;display: block;clear: both; text-align: center;}
.mumping_mun .timer{font-size: 2.6rem;float: left;margin-left:6rem; text-align: center; color:#fff;}
.mumping_mun span{font-size: 0.9rem;float: left; margin-top:2rem; margin-left:0.6rem; text-align: center;  display: block;}

.index_contact .float_l{ width:56%; background: linear-gradient(to right, #e52141 0%,#462aa3 100%); padding:4%;}
.index_contact .float_l .p01{ font-size:1.2rem; color:#fff;}
.index_contact .float_l .p02{ font-size:0.97rem; color:#fff; margin-top:1rem;}
.index_contact .float_l div{ width:10%; margin-top:1.4rem; height:2px; background: #fff;}
.index_contact .float_l span{ font-size:0.97rem; color:#fff; line-height: 2.7rem; display: block; width:36%; margin-top:1.8rem;}
.index_contact .float_l span p{ font-size:1.3rem; float: right; font-weight: 600;}
.index_contact .float_l .p03{ font-size:0.97rem; color:#fff; line-height: 2rem;}
.index_contact .float_r{ margin-left:-8%; margin-top:2rem;}




.footer{ background: linear-gradient(to right, #580c18 0%,#161149 100%); padding-bottom:3rem;}
.footer .top{ border-bottom:1px solid #5f406a; padding-bottom:2rem;padding-top:2rem;}
.footer .top div{ width:70.7%; margin:auto; overflow: hidden;}
.footer .top div p{ font-size:0.97rem; color:#fff; margin:0 2.3%;  border-right:1px solid #8d8193; display:block; padding-right:4.6%; float:left; line-height: 1rem;}
.footer .top div .p06{ border-right:none;}
.footer .bottom{ margin-top:2rem; overflow: hidden;}
.footer .bottom .logo_b{ float:left;width:25%;}
.footer .bottom .logo_b img{ width:100%;}
.footer .bottom .cc{ width:32%; float: left; margin-left:12%; margin-top:1rem;}
.footer .bottom .cc div{ overflow:hidden; margin-bottom:0.6rem;}
.footer .bottom .cc div img{ float:left; margin-right:1rem;    margin-top: 0.7rem;}
.footer .bottom .cc div p{ font-size:0.9rem; color:#fff; float: left;    margin-top: 0.7rem;}
.footer .bottom .cc div span{ display:block; font-size:1.6rem; color:#fff; font-family: "造字工房力黑(非商用)"; float: left;}
.footer .bottom .right{ width:30%; float: left; margin-top:1rem;}
.footer .bottom .right img{ float:left; margin-right:1rem;    margin-top: 0.7rem;}
.footer .bottom .right p{ font-size:0.9rem; color:#fff; float: left;    margin-top: 0.7rem;}




.about{background: linear-gradient(to bottom, #701c12 0%,#11133f 100%); padding-top:1rem; padding-bottom:5rem;}
.about .box{ overflow:hidden; width:90%; margin:3rem auto;}
.about .box p{ font-size:0.9rem; color:#fff; line-height: 2.8rem; margin-top:2rem;}

.contact{background: linear-gradient(to bottom, #701c12 0%,#11133f 100%); padding-top:1rem; padding-bottom:5rem;}
.contact .box{ margin-top:3rem;}
.contact .float_l{ width:56%; background: linear-gradient(to right, #e52141 0%,#462aa3 100%); padding:4%; margin-top:3rem;}
.contact .float_l .p01{ font-size:1.2rem; color:#fff;}
.contact .float_l .p02{ font-size:0.97rem; color:#fff; margin-top:1rem;}
.contact .float_l div{ width:10%; margin-top:1.4rem; height:2px; background: #fff;}
.contact .float_l span{ font-size:0.97rem; color:#fff; line-height: 2.7rem; display: block; width:36%; margin-top:1.8rem;}
.contact .float_l span p{ font-size:1.3rem; float: right; font-weight: 600;}
.contact .float_l .p03{ font-size:0.97rem; color:#fff; line-height: 2rem;}
.contact .float_r{ margin-left:-8%; margin-top:5rem;}


   .news_page{ max-width: 1200px; width: 98%; margin: 4.0rem auto 1.0rem auto;}
    .news_page ul{ float:right}
    .news_page ul li{ float: left; color: #fff; margin: 0 0.5rem; padding: 0 .3rem;}
    .news_page ul li a{ color: #fff;}
    .news_page ul .news_curr a{ color: #f7223f; border-bottom: 1px solid #dea66e;}
    .news_page ul li a:hover{color: #f7223f; border-bottom: 1px solid #dea66e;}


.details{background: linear-gradient(to bottom, #701c12 0%,#11133f 100%); padding-top:1rem; padding-bottom:5rem;}
.details .box{ overflow:hidden; margin-top:3rem;}
.details .box .top{ padding-bottom:1rem; border-bottom:1px dashed #82504f; margin-bottom:2rem;}
.details .box .top h1{ font-size:1.5rem; color:#fff; text-align: center;}
.details .box .top span{ display:block; color:#fff; font-size:0.9rem; margin-top:1rem; text-align: center;}
.details .box p{ font-size:0.9rem; color:#fff; line-height: 2.6rem; width:90%; margin:auto;}
.details .box .tu{ width:85%; margin:2rem auto; }
.details .box .tu img{ width:100%;}



.news{background: linear-gradient(to bottom, #701c12 0%,#11133f 100%); padding-top:1rem; padding-bottom:3rem;}
.news .ul01{ overflow:hidden; margin-top:3rem;}
.news .ul01 li{ width:100%; margin-bottom:1rem; overflow: hidden;}
.news .ul01 li .float_l{ width:21%; }
.news .ul01 li .float_l img{ width:100%;}
.news .ul01 li .float_r{ background:url(../image/news_2.jpg) center no-repeat; height:214px; width:79%;}
.news .ul01 li .float_r .span01{ display: block;font-size:3rem;background: linear-gradient(to bottom, #f8223e 0%,#ab2c9f 100%); -webkit-background-clip: text; color: transparent; margin-top:1rem; margin-left:3rem;}
.news .ul01 li .float_r .span02{ display: block;font-size:1rem;background: linear-gradient(to bottom, #f8223e 0%,#ab2c9f 100%); -webkit-background-clip: text; color: transparent; margin-left:3rem;}
.news .ul01 li .float_r .p01{ font-size:1.1rem; color:#fff; margin-top:1.4rem; margin-left:3rem;display: -webkit-box;-webkit-box-orient: vertical;
-webkit-line-clamp: 1;overflow: hidden;}
.news .ul01 li .float_r .p02{ font-size:0.9rem; color:#ccc; margin-top:0.6rem; margin-left:3rem;display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.news .title{ margin-top:3rem;}





.zouwei{background: linear-gradient(to bottom, #701c12 0%,#11133f 100%); padding-top:1rem; padding-bottom:3rem;}
.zouwei ul{ overflow:hidden; margin-top:2rem;}
.zouwei ul li{ width:42%; margin:1%; padding:2%;  float:left;    background: linear-gradient(to right, #e52141 0%,#462aa3 100%);}
.zouwei ul li .float_l{ width:40%;}
.zouwei ul li .float_l .p01{ font-size:1.2rem; color:#fff; margin-top:1rem;}
.zouwei ul li .float_l .p02{ font-size:1rem; color:#fff; margin-top:1rem; padding-bottom:0.6rem; border-bottom:1px solid #ccc;}
.zouwei ul li .float_l span{ display:block; color:#fff; margin-top:3rem; font-size:0.9rem;}
.zouwei .title{ margin-top:3rem;}







.location {
    padding:2% 1%;
    width:100%;
	overflow:hidden;
	border-bottom:1px solid #ccc; 
}

 .location p {
        float: left;
	    color:#fff;
	    font-size:0.9rem;
    }

.location span{
        float: left;
	    color:#fff;
	    font-size:0.9rem;
	    display: block;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }

    .location a {
        display:block;
        float:left;
        color: white;
    }
.location a:hover {
        color: #333;
    }

.location h3 a {
        display: inline-block !important;
    }




/* 底部 */
	

.title img{ margin:0.6rem auto; width: 160px;text-align: center;display: block;}
.title h2{  font-size:1.9rem;  color:#fff;text-align: center; }
.title span{  font-size:1.1rem; display: block;color:#fff;text-align: center;  margin-top:0.6rem;}






.switch{
	height: 99px;
	border-top: solid 1px #dbdbdb;
	border-bottom: solid 1px #dbdbdb;
	margin-bottom: 3rem;
	margin-top:4rem;
}
 .switch .margin_left{
	
	margin-top: 18px;
}

.switch .margin_left p{
	font-size: 14px;
	color: #999999;
	width: 330px;
	overflow:hidden; 
	text-overflow:ellipsis;
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1; 
}
.switch .margin_left:hover p{
	color: #3577cd;
}






.lianjie{
	margin:1rem 0 0rem 0;
	overflow:hidden;
	padding-bottom:1rem;
	border-bottom:1px solid #666;
	margin-bottom:1rem;
	}
.lianjie  a span{
	color:#999;
	display:block;
	float:left;
	margin-left:3rem;
	line-height:2rem;
	}
.lianjie  p{
	color:#ccc;
	display:block;
	float:left;
	font-size:1.2rem;
	line-height:2rem;
	}




.online{
	position:fixed;
	top:50%;
	right:1rem;
	
	}


.bottom_fixed{ position:fixed; width:100%;bottom:0; z-index:999; margin:auto;background:#e62141; opacity:0.9;display:none; height:40px; border-radius:10px;}
.bottom_fixed div{ }

.bottom_fixed div p{ font-size:1.3rem; color:#fff;line-height:40px; text-align: center;}



.fixed{position: fixed;right: 0;top: 50%;}
.fixed ul{}
.fixed ul li{ background: linear-gradient(to right, #e52141 0%,#462aa3 100%);color:#fff;  width: 70px;height: 70px; border-radius: 4px; position: relative;text-align: center; cursor: pointer;  margin-bottom:0.6rem; }
.fixed ul li i{color: #666;margin-top:0.5rem;}
.fixed ul li i{color: #666;margin-top:0.5rem;}
.fixed ul li:last-child img{padding-top: 40%;}
.fixed ul li .img1{width: 50%;margin:0 auto;padding-top: 10%;}
.fixed ul li .img1 img{width: 100%; margin:auto;}
.fixed ul li p{text-align: center;font-size: 0.8rem;}
.fixed ul li .p1 span{display: block;margin: 0.5rem 0;font-weight: none;color: #fff;font-size: 0.9rem;}
.fixed ul li .p1{font-weight:600;position: absolute;top: 0;right: -200px;width: 150px;color:#fff;background: linear-gradient(to right, #e52141 0%,#462aa3 100%);text-align: center;height: 70px;font-size: 1rem;transition: all 1s;z-index: -999; border-radius: 6px;}
.fixed ul li:hover .p1{right:70px;}
.fixed ul li a{color: #666;}




@media screen and (max-width:640px) {
    .details .box img {
        width: 100%;
    }
	.index_about{ background:#440f21; padding-top:2rem; padding-bottom:4rem;  height:auto; overflow: hidden; width:100%; margin-top:-20px;}
	.index_about .center{ background:none;}
	.index_about .float_l{ float:none; margin:auto; width:94%; padding:0 3%; overflow: hidden;}
	.index_about .float_r{ float:none; margin:auto; width:94%; padding:0 3%; margin-top:1rem;}
	.index_about .float_l .div02{width:70%; height:42px;}
	.index_about .float_l .div02 p{ line-height: 42px;}
	.index_about .float_l .div02 span{ line-height: 42px;}
	.index_jiushui{ background:#440f21; padding-top:1rem;}
	.center1{ width:100%; margin:auto;}
	.center{ width:100%; margin:auto;}
	.index_jiushui ul li{width:49%; margin-bottom:1%;}
	.index_jiushui .more{width:34%; background: linear-gradient(to right, #e82044 0%,#472aa0 100%); margin:auto; height:2.2rem; margin-top:2rem;}
	.index_jiushui .more p{ line-height:2.2rem; color:#fff;}
	.index_zouwei{ background:#440f21; padding-top:2rem; height:auto;}
	.index_zouwei ul li{width:96%;}
	.index_news{ background:#440f21; height:auto; padding-top:60px;}
	.index_news .float_l{ width:96%; padding:0 2%;}
	.index_news .float_r{ width:96%; margin-top:8rem;}
	.index_contact{ background:#440f21; padding-top:40px; height:auto;}
	.index_contact ul{ display:none;}
	.index_contact .float_l{width:92%; margin-top:2rem;}
	.index_contact .float_l span{ width:56%;}
	.index_contact .float_r{ display:none;}.index_news .float_r ul li .p02
	.footer .bottom{ margin-top:0; padding-top:2rem;}
	.footer .top{ display:none;}
	.footer .bottom .logo_b{ display:none;}
	.footer .bottom .cc{ width:90%; margin-left:0; padding:0 5%;}
	.footer .bottom .right{width:90%; margin-top:0; padding:0 5%;}
    .jiushui .ul1 li {
        width: 49%;
        height: 240px;
    }
	.contact .float_l{ width:92%; background:none; }
	.contact .float_r{ display:none;}
	.contact .float_l span{ width:56%;}
	
	.news .ul01 li .float_l{ display:none;}
	.news .ul01 li .float_r{ width:100%;}
	.news .ul01 li .float_r .p01{ margin-left:1rem;}
	.news .ul01 li .float_r .p02{ margin-left:1rem;}
	.news .ul01 li .float_r .span01{ margin-left:1rem;}
	.news .ul01 li .float_r .span02{ margin-left:1rem;}
	.zouwei ul li{ width:94%;}
	.digital{ display:none;}
	.footer .bottom{ margin-top:0; padding-top:1rem;}
	.bottom_fixed{ display:block;}
	.footer{ margin-bottom:40px;}
	.fixed{ display:none;}
}