/*children-bg*/

.children-bg{padding-top:105px}
.children-bg img{width: 100%;}
/*nav*/
.nav{text-align: center;margin: 20px 0;}
.nav h2{font-size: 40px;}
.nav .solid{margin-bottom: 5px;}
.nav p{font-size: 12px;}
.nav ul{margin-top: 35px;}
.nav li{display: inline-block;margin: 0 10px;font-size: 14px;}
.nav ul li a{padding: 10px 30px;color: #303030;border: 1px solid #303030;display: block;}
.nav ul li.on a{color: #fff;background-color: #e6081f;border: 1px solid #e6081f;}

/*about*/
/* new */
.aboutfirst .firstLeft{ width:37%;margin-top: 0px;display:block}
.aboutfirst .firstRight{ width:60%;display:block}
.aboutfirst .firstRight img{ width:100%}
.aboutfirst .firstLeft h5{font-size: 22px; border-left: 3px solid #e6081f; padding-left: 12px; margin-bottom:20px}
.aboutfirst .firstLeft p{ font-size:16px;line-height:30px;color:#666;text-align:justify}

.aboutsecond{ background-color:#f8f6f7;padding:70px 0}
.aboutsecond ul li {width:25%;float:left;box-sizing:border-box;text-align:center;height:300px;}
.aboutsecond ul li .padding {margin:0 15px;background-color:#fff;padding:0 20px;box-sizing:border-box;height:100%;}
.aboutsecond ul li .img {background-color:#e6081f;width:50px;height:70px;margin:0 auto 20px;display:flex;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center;}
.aboutsecond ul li .img img {width:30px;height:30px}
.aboutsecond ul li h6 {color:#666;font-size:20px;font-weight:inherit;margin-bottom:10px;}
.aboutsecond ul li p {color:#e6081f;font-weight:bold;font-size:24px;margin-bottom:55px;height: 62px;overflow: hidden;}
.aboutsecond ul li small {color:#666;font-size:14px}

/* new end*/
.about{margin: 50px auto;}
.about .aboutBox{margin: 10px 0 0;}
.about .aboutBox img{ width:100%}
.about .box > div{float: left;}
.about .box > div img{display: block;max-width:100%}
.about .box .txt{padding: 40px;width: 817px;box-sizing: border-box;}
.about .box .txt h4 span{font-size: 14px;margin-left: 10px;}
.about .box .txt p{font-size: 13px;line-height: 24px;margin: 40px 0;text-align: justify;}
.about .deve-top{position: relative;}
.about .deve-top .box{
    position: relative;
    width: 860px;
    padding: 20px;
    box-sizing: border-box;
    margin: 0 auto;
    background: -webkit-linear-gradient(left,#e6081f 250px,#fbfbfb 0);
    background: -moz-linear-gradient(left,#e6081f 250px,#fbfbfb 0);
    background: -ms-linear-gradient(left,#e6081f 250px,#fbfbfb 0);
    background: -o-linear-gradient(left,#e6081f 250px,#fbfbfb 0);
}
.about .deve-top .box{display: none;}
.about .deve-top .box.on{display: block;}
.about .deve-top .left{float: left;}
.about .deve-top .left img{display: block;}
.about .deve-top .right{float: right;width: 400px;}
.about .deve-top .right h3{font-size: 30px;font-weight: 400;color: #e6081f;margin-bottom: 20px;}
.about .deve-top .right p:nth-of-type(2){font-size: 14px;line-height: 30px;height: 160px;overflow-y: scroll;padding-right: 20px;text-align: justify;}
.about .deve-top .huan {position: absolute;right:190px;bottom: 20px;}
.about .deve-top .huan a{display: inline-block;padding: 5px 10px;color: #e6081f;border: 1px solid #e6081f;font-family: "宋体";}
.about .deve-down{background: url("../images/img16.jpg") repeat-x center 118px;margin-top: 100px;}
.about .deve-down .list{width: 880px;margin: 0 auto;overflow: hidden;position: relative;height: 130px;}
.about .deve-down .list ul{width: 10000%;position: absolute;left: 0;transition: 0.3s;}
.about .deve-down .list ul li{float:left;cursor:pointer;width:100px;height:132px;padding: 0 5px;text-align: center;}
.about .deve-down .list ul li div{height: 88px;}
.about .deve-down .list ul li div p{position: relative;top:75px;}
.about .deve-down .list ul li a{width: 18px;height: 18px;border: 2px solid #666;display: block;border-radius: 50%;margin: 0 auto;position: relative;top: 20px;background-color: #fff;}
.about .deve-down .list ul li a em{width: 14px;height: 14px;display:block;border-radius: 50%;margin-top: 2px;margin-left: 2px;}
.about .deve-down .list ul li.on a em{background-color: #e6081f;}
.about .deve-down .list ul li.on div{background: url("../images/icon8.png") no-repeat center -5px;}
.about .deve-down .list ul li.on div p{margin-bottom: 0;width: 70px;height: 70px;background-color: #e6081f;margin: 0 auto;color: #fff;border-radius: 35px;line-height: 70px;top: 0;}
.about .deve-down .select{position: relative;top: -25px;}
.about .deve-down .select a{background-color: #303030;color: #fff;font-family: "宋体";width: 25px;height: 25px;border-radius: 50%;text-align: center;line-height: 25px;}
.about .deve-down .prev{float: left;}
.about .deve-down .next{float: right;}
.about .box .founder-box{padding: 40px;box-sizing: border-box;}
.about .box .founder-box h4{text-align: center;}
.about .box .founder-box p.founder{float: left;margin-right: 20px;}
.about .box .founder-box p {  font-size: 13px;  line-height: 24px;  margin: 40px 0;  text-align: justify;  }

/*team*/
.flex-direction-nav{display: none;}
.flex-control-nav{bottom: 0;}
.flex-control-paging li a.flex-active{background-color: #e6081f;}
.team .detail p{line-height: 36px;color: #303030;font-size: 14px;}
.team .detail > ul > li{margin-bottom: 25px;}
.team .detail > ul > li .avatar{float: left;}
.team .detail > ul > li .information{float: right;}
.team .detail > ul > li .avatar{width: 21%;}
.team .detail > ul > li .avatar img{width: 100%;/*border-radius: 50%;*/}
.team .detail > ul > li .information{width:74%;}
.team .detail > ul > li .information h3{margin: 10px 0;font-size: 24px;float: left;}
.team .detail > ul > li .information span{font-size: 14px;margin-left: 20px;color: #565656;float: left;margin-top: 20px;}
.team .detail > ul > li .information p{line-height: 30px;height: 150px;overflow-y:scroll;margin-top: 4%;padding-right: 20px;text-align: justify;}
.team .detail > ul > li span{float: right;}
.team .detail > ul > li a:hover{color:#bf0008;}

/*join*/
.join .box{position: relative;}
.join .box h3,
.join .cooperation h3,.join .condition h3,.join .list h3{padding-left: 15px;border-left: 3px solid #e6081f;color: #333333;margin: 20px 0 20px 0;}
.join .box div:nth-child(1){display: none;}
.join .box div:nth-child(2) p{position: absolute;color: #fff;font-size: 14px;margin-bottom: 0;}
.join .box div:nth-child(2) p:nth-of-type(1){top: 103px;left: 160px;}
.join .box div:nth-child(2) p:nth-of-type(2){top: 219px;left: 120px;}
.join .box div:nth-child(2) p:nth-of-type(3){top: 346px;left:200px;}
.join .box div:nth-child(2) p:nth-of-type(4){top: 103px;right: 235px;}
.join .box div:nth-child(2) p:nth-of-type(5){top: 219px;right: 190px;}
.join .box div:nth-child(2) p:nth-of-type(6){top: 347px;right: 242px;}
.join .list{margin:50px 0 150px;}
.join .list ul li{float: left;width: 23%;padding: 10px 0;border: 1px solid #efefef;border-radius: 30px;text-align: center;margin: 0.9%;}
.join .list ul li:nth-child(1){background: url("../images/begin.png") no-repeat 0 center #e6081f;color: #fff;border: 1px solid #fff;}
.join .list ul li:last-child{background: url("../images/end.png") no-repeat right center #e6081f;color: #fff;border: 1px solid #fff;}
.join .list ul li:hover{background-color: #e6081f;color: #fff;}
.join .r_down span{font-weight: bold;color: #e6081f;}
/* 新 */
.condition{margin-bottom:50px}
.conditionBox .conLeft{ float:left;width:37%}
.conditionBox .conLeft img{ width:100%}
.conditionBox .conRight{ float:right;width:60%}
.conditionBox .conRight ul li{ font-size:18px;color:#666;width:50%;float:left;margin: 40px 0;}
.conditionBox .conRight ul li span{ color:#e6041d;font-size:20px;font-weight:bold;margin-right:20px;}
/*提交表格*/
.r_down{margin: 100px 0;}
.r_down p{padding-left: 0.5%;margin-bottom: 15px;line-height: 30px;}
.r_down .input_box{border: 1px solid #ababab;padding: 10px;width: 49%;float: left;box-sizing: border-box;margin: 0.5%;}
.r_down .input_box input{border: none;outline: none;width: 80%;font-size: 14px;}
.r_down .input_box label{color: #3e3e3e;font-size: 14px;}
.r_down textarea{width: 99%;border:1px solid #ababab;outline: none;height: 200px;display: block;font-size: 14px;box-sizing: border-box;margin: 1% 0.5%;padding: 10px;}
.r_down input[type=submit],
.r_down input[type=reset]{background: none;border:1px solid transparent;padding: 10px 60px;font-size: 14px;background-color: #eb5d21;color: #fff;}
.r_down .submit{text-align: left;margin-top: 10px;margin-left: 0.5%;}

/*news*/
.news >ul> li{display: inline-block;width: 28%;transition: all 0.5s ease;margin: 2%;}
.news >ul >li >a{display: block;}
.news .news-list-box{padding: 15px;box-sizing: border-box;}
.news .news-list-box h3{width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 10px;}
.news .news-list-box h3 a{color: #e6081f;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 20px !important;}
.news .news-list-box p:nth-of-type(1){font-size: 14px;margin-bottom: 10px;}
.news .news-list-box p:nth-of-type(2){font-size: 14px;color: #3e3e3e;line-height: 36px;margin-bottom: 10px;height: 120px;overflow: hidden;}
.news .news-list-box img{width: 100%;margin-bottom: 5px;}
.news .news-list-box a{font-size: 14px;display: block;color: #303030;}
.news .news-list-box iframe{width: 100%;height: 250px;}
.news >ul >li:hover{background-color:#e6081f;}
.news >ul >li:hover p{color: #fff;}
.news >ul >li:hover a{color: #fff;}
.page{text-align: center;margin: 50px 0;}
.page a{padding: 10px 15px;border: 1px solid #505050;color: #303030;}
.page a.active{background-color:#e6081f;color:#fff;}
.news .left-content{width: 70%;}
.news .left-content .con-title h3{font-size: 24px;}
.news .left-content .con-title p{font-size: 14px;}
.news .left-content p>img{max-width: 100%;}
.news .right-list{width: 26%;}
.news .right-list h3{padding: 10px 0 10px 20px;background-color:#e6081f;color: #fff; }
.news >.right-list> ul{padding: 20px;}
.news >.right-list> ul>li >a{padding: 15px 0;font-size: 14px;border-bottom: 1px dashed #ccc;width: 100%;display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;color: #303030;}
.news .lead{margin-top: 50px;}
.news .lead span{display: block;font-size: 14px;margin-bottom: 10px;}
.news .lead span a{color: #303030;}

/*news-detail*/
.news-detail p{line-height: 36px;}
.news-detail .fill{display: none;}
.news-detail .person-img{width: 29%;}
.news-detail .person-img img{width: 100%;}
.news-detail .person-text{width: 65%;}
.news-detail .person-text .name{margin-bottom: 40px;}
.news-detail .person-text .name span{color: #303030;margin-right: 30px;}
.news-detail .person-text .name span:nth-of-type(1){font-size: 30px;}
.news-detail .person-text .thing:nth-of-type(2){margin-bottom: 50px;}
.news-detail .person-text .thing p{color: #696969;line-height: 26px;}
.news-detail .person-text .thing:nth-of-type(3) p{line-height: 36px;}

/*contact*/
.html{height: 100%;overflow: hidden;}
#map{height: 100%;}
.contact{position: relative;height: 100%;}
.contact .con-box{position: absolute;top: 50%;left: 15%;background-color:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.4);width: 386px;margin-top: -209px;padding: 20px;box-sizing: border-box;}
.contact .con-box .infor{padding: 20px 0 0 0;border-bottom: 1px solid #dadada;}
.contact .con-box .infor p{background: url("../images/infor.png") no-repeat left 0/20px;padding-left: 30px;font-size: 14px;}
.contact .con-box .infor p:nth-child(2){background-position-y:-24px;height: 40px;}
.contact .con-box .ma{padding: 10px 0;}
.contact .con-box .ma .ma-img{float: left;}
.contact .con-box .ma .ma-img img{ width:123px}
.contact .con-box .ma .txt{float: right;font-size: 12px;width:210px;padding: 7px 0;}
.contact .con-box .ma .txt p{margin-bottom: 5px;}
.contact .con-box .ma .txt p:nth-child(1){color: #e6081f;}
.contact .con-box .ma .txt p:nth-child(2){font-size: 16px;color: #e6081f;}

/*simple*/
.simple .text{margin: 50px 0;}
.simple .text p{font-size: 12px;line-height: 30px;}

/*shop*/
.shop ul{margin-bottom: 20px;}
.shop ul li{    width: 33.3%;  float: left;  padding: 1% 1.6%; text-align: center;box-sizing: border-box;}
.shop ul li a{display: block;}
.shop .img{width: 100%; text-align: center; margin: 0 auto 38px;}
.shop .img img{ width:100%}
.shop ul li img{width: 100%;display: block;}
.shop ul li span{margin-top: 15px;display: block;}
.shop p.pText{text-align: center; margin: 33px 0;  font-weight: bold;color: #000;}
.shop .fb{margin-top: 5%;}
.shop .fb-i{width: 64%;}
.shop .fb p{    margin-top: 40px;
    margin-bottom: 40px;
    white-space: normal;
    padding: 0px;
    color: rgb(92, 92, 92);
    font-size: 13px;
    line-height: 24px;
    text-align: justify;
    font-family: "Microsoft YaHei", 微软雅黑, SimSun, 宋体;}
.shop .fb-i img{max-width: 100%;}
.shop .fb-pic img{max-width: 100%;}
.shop .fb-o{text-align: center;display: none;}
.shop .fb-o img{max-width: 100%;}
.shop .fb-o ul{width:auto;float: none;}
.shop .fb-o ul li{width: 33%;}
.shop .fb-o ul li:nth-of-type(1){font-weight: bold;width: 100%;}




/*network*/
#container{height: 700px;border: 1px #ddd solid;margin-bottom: 40px;}

@media screen and (max-width: 1200px){	.children-bg{padding-top: 56px;}
    /*about*/
    .about .box .logo,
    .about .box .txt-left{width: 30.666666666%;}
    .about .box .show,
    .about .box .txt{width: 68.083333333%;box-sizing: border-box;}
    .about .box .logo img,
    .about .box .show img,
    .about .box .txt-left img{width: 100%;}
    /*news*/
    .news >ul> li{margin: 1.9%;}
    /*join*/
    .join .box div:nth-child(1){display: block;}
    .join .box div:nth-child(2){display: none;}
    .join .box div:nth-child(1) p{margin-bottom: 20px;}
    .join .list{margin: 50px 0;}
    .join .box h3, .join .list h3{margin-bottom: 20px;}
	.aboutfirst .firstLeft{ width:100%;}
	.aboutfirst .firstRight{ width:100%;}
	
}
@media screen and (max-width: 1024px){
    /*children-bg*/
    
    /*news*/
    .news .right-list{display: none;}
    .news .left-content{width: 100%;}
    /*contact*/
    .contact .con-box{left: 5%;}
    /*team*/
    .team .detail > ul > li .information p{height: 120px;}
    /*join*/
    .join .list ul li{width: 31%;}

    /*shop*/
    .shop .fb-i{width: 100%;}
    .shop .fb{float: inherit;text-align: center;}

    .shop .fb-o{display: block;}
    .shop .pc{display: none;}
	.aboutsecond ul li{ width:100%;margin-bottom: 20px;}
}
@media screen and (max-width: 800px){
    /*news*/
    .news >ul> li{width: 45%;}
    /*shop*/
    .shop ul li{width: 46%;}
    /*deve*/
    .about .deve-down{display: none;}
    .about .deve-top .box{width: 100%;}
    .about .deve-top .left{width: 40%;}
    .about .deve-top .left img{width: 100%;}
    .about .deve-top .right{width: 55%;}
    .about .deve-top .huan{right: 2%;}
    /*team*/
    .team .detail > ul > li .information p{margin-top: 0;height: 99px;}
}
@media screen and (max-width: 767px){
    /*about*/
    .nav h2 {font-size: 20px;}
    .about {margin: 0px 20px 30px 20px;}
    .about .box .founder-box p.founder{width: 100%;display: flex;justify-content: center;}
    .about .box .founder-box{width: 100%;padding:10px 0;}
    .about .box .founder-box p.founder img{max-width: 100%;}
    /*children-bg*/
    
    /*shop*/
    .shop ul li{width: 100%;margin: 10px 0;}
    /*deve*/
    .about .deve-top .box{background: #fbfbfb;}
    .about .deve-top .left,
    .about .deve-top .right{float: none;width: 100%;}
    .about .deve-top .right{margin-top: 20px;}
    /*team*/
    .flexslider{display: none;}
    .team .detail > ul > li .avatar{width: 100%;}
    .team .detail > ul > li .information{width: 100%;}
    .team .detail > ul > li .information p{height: 150px;}
    /*join*/
    .join .list ul li{width: 47%;}
    .r_down .input_box input{width: 70%;}
}
@media screen and (max-width: 480px){
    /*nav*/
    .nav ul{width: 100%;}
    .nav li{margin: 5px 5px;width: 20%;}
    .nav ul li a{width: 100%;padding: 10px 0;}
    /*about*/
    .about .box .show,
    .about .box .txt-left{display: none;}
    .about .box .logo,
    .about .box .txt{width: 100%;}
    .about .box .logo img{width: 69%;margin: 0 auto;}
    .about .box > div{float: left;}
    .about .box .txt{padding: 0;}
    .about .box .txt p{margin: 20px 0;}
    /*news*/
    .news >ul> li{width: 100%;}
    /*contact*/
    .html{height: auto;overflow: scroll;}
    #map{height: 400px;}
    .contact .con-box{position: relative;top: 0;left: 0;width: 100%;box-shadow: none;margin-top: 0;}
    .contact .con-box .img{text-align: center;}
    .contact .con-box .img img{max-width: 100%;}
    .contact .con-box .ma .txt{width: 60%;}
    /*join*/
    .join .list ul li{width: 100%;}
    .r_down .input_box{width: 100%;margin: 2% 0.5%;}
    .r_down .submit{text-align: center;}
}