/*banner*/

.ban,.ban img{position:relative;width: 100%;}
.ban div{text-align:center;}
.ban #dd{ position: absolute;top:17%;left:43%;width:30%;text-align: left;}
.ban .banner_text b{font-size: 3rem;color: #e4e4e4;font-weight: normal;display: block;}
.ban .banner_text p{font-size: 1.6rem;color: #e4e4e4;margin:2rem 0;line-height: 3rem;}
.ban .banner_text a{display:block;width:20%;line-height:3rem;font-size:1.4rem;color:#fff;background:#838286;text-align:center;border-radius:5px;margin-top:3rem;}
.ban .banner_text a:hover{
	background:#FF5400;
	color:#fff;
	text-decoration: none;
	
}
.ban>div>p{position: absolute;width: 100%;height: 100%;top: 0;background: rgba(0,0,0,0.3);}
.ban .ban_vder{
	position: absolute;
	top:36%;left:10%;
	width:30%
}
.ban .ban_vder a{display:block;width:100%}
.ban .ban_vder img{
	width:100%;
	height:100%
	
}

.ban .container .ban_vder .ban-video{width:100%;}
.ban .container .ban_vder .c2{height: 50px;width: 50px;position: absolute;top:38%;left:42%;z-index:10;}
.ban .container .ban_vder .map-top{position: absolute;top:0%;left:0%;z-index:5}
.ban .container .ban-box{width:100%;position: absolute;top:20%;}
.ban .container .ban_vder .ctrl .video-title{
            background: rgba(0,0,0,0.5);
            position: absolute;
            left: 0%;
            bottom: 0%;
            width: 100%;
            color: #fff;           
            letter-spacing: 2px;
            overflow: hidden;
			text-align:center;
			padding:2% 0;
			font-size:1.8rem;
			z-index: 13;
			margin-bottom: 0;
        }

@media screen and (min-width: 992px) and (max-width: 1200px) {
	.ban .ban_vder{left: 15%;}
	.ban #dd{left: 50%;}
	.ban .banner_text p{margin: 1rem 0;line-height: 2.4rem;}
	}
/*����*/
#content .intro{width:100%;margin-bottom:50px;}
#content .intro b{font-size:21px;text-align:center;margin:30px 0;color: #6a6d69;display:block;font-weight: 400;}
#content .intro p{font-size:14px;line-height:24px;text-indent:35px;color: #707473;margin: 2em 0;}
#content .left{width:42%;margin-right:8%;float:left;}
#content .left img{width:100%;height:100%;}
#content .right{width:50%;float:left;}
#content .right h2{font-size:3.2rem;margin:0 0 50px 0;padding-left:10px;border-left:5px solid #e96a19;}
#content .right li{margin-top:60px;}
#content .right li i{display:inline-block;width:24px;height:24px;border:1px solid #e96a19;border-radius:50%;color:#e96a19;text-align:center;line-height:24px;}
#content .right li h3{display:inline-block;font-size:2.4rem;margin:0 0 20px 10px;}
#content .right li p{font-size:1.8rem;line-height:24px;margin-left:34px;}

.ban .about-us{display:none}
.miss_title{width:100%;height:100%; margin-bottom: 35px;  }
.miss_title>div{display:inline-block}
.miss_title .title_left{width:55%;padding-right:5%;border-right: 1px solid #EAEAEA;margin: -10px 0}
.miss_title .title_right{width:45%;float: right}
.miss_title .title_left p, .miss_title .title_right p{
           
            font-size: 1.5rem;
        }
        .miss_title .title_left .p5,.miss_title .title_right p{
        	font-size:2rem
        	}

        .miss_title .title_left p em{

            vertical-align: middle;
            width: 50px;
            height: 50px;
            display: inline-block;
        }
        .miss_title .title_left .p5 em{
            background: url("../images/xin5.jpg") no-repeat;
            vertical-align: middle; margin-top: 15px;

        }
        .miss_title .title_left .p1 em{
            background: url("../images/xin1.jpg") no-repeat;
            vertical-align: middle; margin-top: 15px;
           
        }
        .miss_title .title_left .p2 em{
            background: url("../images/xin2.jpg") no-repeat;
            vertical-align: middle; margin-top: 15px;
            
        }
        .miss_title .title_left .p3 em{
            background: url("../images/xin3.jpg") no-repeat;
            vertical-align: middle;
             margin-top: 15px;
        }
        .miss_title .title_left .p4 em{
            background: url("../images/xin4.jpg") no-repeat;
            vertical-align: middle;
           margin-top: 15px;
        }
        .miss_title .title_right p{
            padding-left: 20%;
        }
        .miss_title .title_right p em{
            background: url("../images/xin.jpg") no-repeat;
            vertical-align: middle;
            width: 50px;
            height: 50px;
            display: inline-block;
        }
         .miss_title .title_right a{
         	display:inline-block;
         	 margin: 5% 10% 0% 0%;
         }
        .miss_title .title_right >div{
        	  padding-left: 20%;
        }
        .miss_title .title_right .weixinshare{
						display:none;
        }
         .miss_title .title_right .img1{
         		width:50px;

         }
          .miss_title .title_right .img2{
         		width:50px;

         }
          .miss_title .title_right .img3{
         		width:150px;

         }



/*������ҵ*/
#LOGO-car{padding:10px 0 30px 0;background: #fafafa;padding-top:0}
#LOGO-car div.container{padding-top:0}
#LOGO-car h2{font-size:3.6rem;text-align:center;margin-bottom:40px;}
#LOGO-car .carousel {margin: 0 30px;}
#LOGO-car .carousel[data-shift="1"] .carousel-inner > .item {-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
#LOGO-car .carousel .carousel-inner > .item.row {margin: 0;}
#LOGO-car .carousel .carousel-inner > .item.row li{vertical-align:middle;}
#LOGO-car .carousel .carousel-inner > .item.row li:hover{cursor:pointer;}
#LOGO-car .carousel .carousel-inner > .item.row li img{width:100%;}
#LOGO-car .carousel .carousel-control {background: none;color: transparent;overflow: hidden;text-shadow: none;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;width: 30px;opacity:0;}
#LOGO-car .carousel .carousel-control:before {color: #666;font-family: 'Glyphicons Halflings';position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 30px;}
.carousel .carousel-control:after {border-radius: 50%;box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);content: '';height: 60%;position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;width: 100%;}
.carousel .carousel-control:hover:after {box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.7);}
.carousel .carousel-control.left {left: -30px;}
.carousel .carousel-control.left:before {content: '\e079';}
.carousel .carousel-control.left:after {right: -100%;}
.carousel .carousel-control.right {right: -30px;}
.carousel .carousel-control.right:before {content: '\e080';}
.carousel .carousel-control.right:after {left: -100%;}

.xians{display:none}

/*�ƶ�*/
@media screen and (max-width: 767px) {
    #banner>div h1{font-size:3.6rem;}
    #content .intro h1{font-size:2.2rem;margin:20px 0;}
    #content .container>div{width:100%;margin:0;padding-bottom:5%;}
	 #content .container .miss_title{padding-top: 0%;}
    #content .right h1{font-size:3.6rem;text-align:center;margin:20px 0;}
    #content .right li{margin:20px 0;}
    #content .right li h2{font-size:1.8rem;margin-bottom:10px;}
    #content .right li p{font-size:1.4rem;line-height:10px;}
    #together h1{font-size:3.6rem;margin:20px 0;}
    #together{padding:0 0 20px 0;}
    #container_bg{margin:20px 0;}
    .box{width:170px;}
	#mp4 div.container{
	padding-top: 5%;
	}
	    



    .ban #dd{display:none}
    .ban .ban_vder{display:none}
    #content .left{display:none}
     #content .right{display:none}
     #LOGO-car{display:none}
	 .video-title,#dd p,#dd #a{display:none}
	 #dd b{display:block;}
    #content .intro p{
    	font-size:13px;
    	margin: 0 0;
    	padding-bottom: 2%;
    }
    .miss_title .title_left{
    	width:100%;
    	border:none;
    }
    .miss_title .title_right{
    	width:100%;
    	padding-bottom:5%;
    }
    .miss_title .title_right p {
   	 padding-left: 0%;
   	 padding-top: 5%;
		}
		.miss_title .title_right >div{
			 padding-left: 0%;
   	 padding-top: 2%;
		}
		.miss_title .title_right a {
    	display: inline;
    	margin: 5% 5% 0% 0%;
		}
		.miss_title .title_left p em,.miss_title .title_right p em{
			width: 35px;
    height: 40px;
		}
		.ban .about-us{display:block;position: absolute;top:20%;text-align:center;width:100%;color:#fff}
		.miss_title .title_left p{font-size: 1.2rem;margin: 0 0 0px;}
		#content .intro b{margin:15px 0;font-size: 1.8rem;}

		#mp4 .m_right b{text-align:center;font-size:2rem;}
		#mp4 div.m_left{display:none}
		.miss_title .title_left p{color:#707473}
		#mp4 div.m_right{width:100%}
		.xians{display:block;position:relative;padding-top: 9%;}
		.xians .ad{position: absolute;
			top: 14%;
			left: 0%;
			width: 100%;}
		.xians .ctrl{    position: absolute;
    top: 45%;
    left: 43%;}
}

/*pad*/
@media screen and (min-width: 768px) and (max-width: 991px) {
    #container_bg{margin:40px 0;}
    .ban #dd{display:none}
    .ban .ban_vder{display:none}
}