
#video_tag{height: 100%; width: 100%; display: block; cursor: pointer; }
.video_container{position: relative; }
#video_play{cursor: pointer; width: 100px; height: 100px; position: absolute; left: 47%; top:36%; z-index: 2; display: none\9;/*IE*/ }
.video_container:hover #video_play{display: block; }
.content{text-align: center; margin: 0 auto; }
.content h2{color: #333; margin:50px 0 10px 0; font-size: 30px; font-weight: 400; }
.content h3{color: #555; font-size: 40px; font-weight: 500; }
.content h4{font-size: 24px; color: #555; }
.content p{color: #555; text-align: left; font-size: 16px;
}
.content.top-intro p{width:90%; margin:10px auto 20px auto; max-width:1200px; }
.last_p{margin-bottom: 64px !important; }
.us_banner{width: 100%; height: 460px; background: url("/images/index/about-banner.jpg") no-repeat; margin-bottom: 82px; }
.idea{width: 100%; height: 500px; padding-top: 50px;
    /*background: url("/images/index/idea_bg.jpg") no-repeat; */
    background-size:cover; }
.idea .content h3,.idea .content h4,.idea .content .msg h5,.idea .content p{
    font-size: 18px;
    color: #555; }
.content .msg_wrap{/*width: 100%;*/ width: 90%; max-width: 1200px; margin: 50px auto 0 auto; }
.content .msg_wrap .mid{margin-left: 5%; margin-right: 5%; }
.content .msg_wrap p{text-align: justify;font-size: 16px }
.content .msg{width: 30%; float: left; text-align: center; }
.content .msg h5{font-size: 28px; margin: 20px 0 32px 0; color: #444; font-weight: 400; }
.content .msg .img{display: block; width: 156px; height: 156px; }

.contact{padding: 90px 0; }
.contact .content .msg_wrap p{text-align: center; font-size: 18px; }
.contact .content .msg h5{margin-bottom: 0; font-size: 24px; }
.contact .content .msg_wrap{margin-top: 80px; }

#idea_title{font-size: 30px; color: #fff; margin-bottom: 0; }
#content_title{font-size: 22px; font-weight: 400; margin-bottom: 32px; }

/*联系我们 地图部分 -----start */
.contact-us{text-align:center;}
.contact-us .title{padding:50px 0;}
.contact-us .title p{margin:0;}
.contact-us .title .first-line{font-size:32px;}
.contact-us .title .second-line{font-size:20px; height:40px; line-height:40px;}

.contact-us .map{width:100%; height:680px;}
.contact-us .map .message{padding:10px 20px; text-align:left; color:#333; font-size:13px;}
.contact-us .map .message .item{display:block; font-size:14px; line-height:2; color:#333 !important;}
.contact-us .map .message .item.message-title{font-size:18px; line-height:40px;}
/*联系我们 地图部分 ----end */

@media only screen and (max-width: 1400px) {
    .content p{font-size: 16px; }
    .idea{padding-top: 50px; }
    .content .msg_wrap{margin-top: 30px; }
}

@media  screen and (max-width: 1000px){
    .contact-us .title{padding:16px 0;}
    .contact-us .title .first-line{font-size:20px !important;}
    .contact-us .title .second-line{font-size:14px; height:30px; line-height:30px;}

    .contact-us .map{width:100%; height:350px;}
    .contact-us .map .message{padding:10px 8px;}
    .contact-us .map .message .item{font-size:12px; line-height:1.5;}
}

@media  screen and (max-width: 1150px) and ( min-width: 901px){
    .idea{height:700px ; background-size: cover; }
}


@media  screen and (max-width: 900px) and ( min-width: 801px){
    .idea{height:750px ; background-size: cover; }
}

@media only screen and (max-width: 800px){
    .content.top-intro p{
        width: 100%;
        padding: 0;
    }
    .content .msg_wrap{margin-top: 0px; width: 100%}
    .content{width: 100%; padding: 0 15px}
    .content h2{font-size: 20px; margin: 16px 0 16px 0; }
    .content h3,#content_title{font-size: 16px; margin-bottom: 16px; }
    .content p{font-size: 14px; }
    #idea_title,#partner_title{font-size: 20px;
        margin-bottom: 20px;}
    .idea{ height: 530px;
        /*background: url(/images/index/phone_about_us_bg_01.jpg) no-repeat; */
        background-size: cover;
        width: 100%;
        /*padding: 0 15px;*/
        padding-top: 16px;
    }
    .last_p{margin-bottom: 24px; }
    .content h4{font-size: 18px; }
    .content .msg{width: 100%; height: 150px; text-align: left; position:relative; }
    .content .msg img{float: left; width: 90px; }
    .content .msg h5{position: absolute; top:0; left: 100px; font-size: 14px; margin: 0; }
    .content .msg_wrap p{position: absolute; top: 30px; left: 100px; font-size: 14px; }
    .content .msg_wrap .mid{margin-left: 0; margin-right: 0; }
    /*.idea_01{margin-top: 22px; }*/
    /*.idea_02{margin-top: 14px; }*/
    /*.idea_03{margin-top: 24px; }*/

    .content h3{margin-bottom: 16px; }
    #video_play{left: 37%; top:30%; }
}
