@charset "utf-8";
/* CSS Document */
* {margin: 0; padding: 0; list-style: none; font-family: '微软雅黑';}
img {vertical-align: top; border: 0;}
a{text-decoration: none;}
.clearfix:after {clear: both; display: block; content: '';}
.clearfix {zoom: 1;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
i, em {font-style: normal;}
input,button,select,textarea{outline:none}
textarea{resize:none}
html {font-size: 20px; }
#box{ margin:0 auto; overflow:hidden; width:960px; }

#header{width:100%; margin-bottom:18px;}
#header .logo{ width:960px; margin:0 auto; height:130px; overflow:hidden; vertical-align:middle;}
#header .logo img{vertical-align:middle; }
.logo_left{ float:left; }
.logo_right{ float:right; }

#header .nav{ width:100%; height:57px; overflow:hidden; background:#268bc2;}
#header .nav ul{ width:960px; margin:0 auto; text-align:center; }
#header .nav li{ min-width:15%; float:left; font-size:14px; line-height:57px; color:#fff; }
#header .nav li.on{ color:#268bc2; background:#fff;}
#header .nav img{ width:100%;}

#pc_lunbo{ width:960px; height:369px; overflow:hidden; margin:0 auto; position:relative; top:0; left:0; margin-bottom:18px;}
#pc_lunbo a{ position:absolute; top:50%; margin-top:-25px; width:50px; height:50px; font-size:30px; text-align:center; text-decoration:none; color:#fff; display:none; }
#pc_lunbo a:hover{color:rgba(38,138,194,1);}
#pc_lunbo .prev{left:0;}
#pc_lunbo .next{right:0;}
#pc_lunbo ol{ position:absolute; bottom:10px; width:80px; height:30px; right:0; }
#pc_lunbo ol li{float:left; width:10px; height:10px; margin:5px; text-align:center; line-height:10px; background:#adabac; border-radius:50%;}
#pc_lunbo ol li.on{background:rgba(38,138,194,0.6);}
#pc_lunbo ul li{width:960px; display:none;}
#pc_lunbo ul li img{width:100%;}
#pc_lunbo ul li.on{display:block;}


#left{ width:60%; overflow:hidden; font-size:13px; float:left;}
#left_top{text-align:justify;text-justify:inter-ideograph;}
#left_top p{ line-height:20px; margin-bottom:12px;  font-size:14px;}
.left_title{ width:100%; background:#e4e4e4; height:29px; position:relative; overflow:hidden; margin-bottom:18px;}
.left_title h1{ position:absolute; left:20px; font-size:18px; width:150px;; background:#fff; line-height:29px; text-align:center;}
.open_text{ width:100px; margin:0 auto; text-align:center; vertical-align:middle; font-size:14px; height:14px; line-height:14px; color:#6a6a69;}
.open_text img{ float:left;}
.open_text span{ float:left; display:inline; margin:0 auto;}

#left_video{ width:100%; margin-bottom:28px; }
#left_video .video_prompt{ font-size:12px; color:#474747; margin-bottom:30px; }
#left_video .video_title{ font-size:18px; line-height:30px;}
#left_video .video_guest{ font-size:14px; line-height:22px;}
#left_video .video_time{ font-size:14px; color:#474747; line-height:22px; margin-bottom:10px;}
#left_video .text_link{ font-size:14px; color:#474747; display:block; background:#028bcb; width:390px; padding:5px; color:#fff; text-align:center; margin-bottom:20px;}
#left_video .video{ width:400px; height:300px;}
.zy_media{display:none;}
#mobilebox_btn{ display:none;}
.video_yp{ width:400px; height:300px; background:#000;}
.video_yp img{ width:100%;}

.video_yp1{ width:350px; height:230px; background:#000; margin-left:20px;}
.video_yp1 img{ width:100%;}


#left_center{ margin-top:30px;}
.time_axis{ width:100%; margin-bottom:28px;}
.axis_title{ width:100%;}
.time_left{ width:20%; height:1px; background:#fff; float:left; }
.time_right{width:76%; border-left:1px solid #028bcb; box-sizing:border-box; float:left; overflow:hidden; padding-right:2%;}
.time_right a{color: #028bcb}
*+html .time_right{ width:auto; border-left:1px solid #028bcb; box-sizing:border-box; float:left; overflow:hidden; padding-right:2%;}
*+html .time_right a{color: #028bcb}
.axis_title .time_right{ border-bottom:1px solid #028bcb; margin-right:3%;}
.axis_title h3{ background:url(../img/ico.png) no-repeat 0 0; height:35px; line-height:35px; font-size:18px; padding-left:20px;}
.axis_title .time_right p{ line-height:26px; padding-left:20px; position:relative;}
.title_span{ width:7px; height:26px; background:#028bcb; height:100%; display:block; position:absolute; top:0;  left:0;}
*+html .title_span{ width:7px; height:26px; background:#028bcb; height:100%; display:block; position:absolute; top:-4px;  left:0;}
#video_box{ margin-left:20px; display:none; }
#videobox_btn,#videobox_off{ font-size:14px; line-height:30px; cursor:pointer;}

.time_list .time_left p{ padding-top:28px; text-align:center;}
.time_list .time_left p.on{color:#028bcb;}
.time_list .time_right{ padding-top:28px;}
.time_list .time_right p{ padding-left:20px; position:relative;}
.time_list .time_right p.on{ color:#028bcb;}

.time_list .time_right p span{position:absolute; top:0; left:-1px; color:#028bcb;}
.time_axis .last{ padding-bottom:28px;}
.time_list .video{ padding:10px 0 0 20px; position:relative;}
.time_list .video span{position:absolute; top:20px; left:20px;}


#left_footer ul{display:inline;}
#left_footer li{ width:25%;  float:left; margin-bottom:12px; display:inline; height:260px; text-align:center; }
#left_footer h3{ height:20px; text-align:center; line-height:20px; font-size:14px; width:100%;}
#left_footer p{text-align:center; line-height:15px; font-size:12px; margin:4%;}
#left_footer li img{max-width:100%; max-height:100%; display:inline; border-radius:50% 50% 50% 50%; }
.leftfooter_img{margin:10%;}

.review{ width:100%; height:152px; border-bottom:1px solid #e4e4e4; padding-bottom:10px; padding-top:10px; }
.review_img{ margin:3%; width:30%; float:left;  }
.review_img img{ width:100%;}
.review_text{ float:left; width:60%; margin-top:3%;}
.review_title{ font-size:18px; margin-bottom:22px; }
.review_p{ font-size:12px; line-height:20px; }

.phonetex{ display:none; width:100%; height:3.8rem; border-bottom:1px solid #e4e4e4; padding-bottom:1rem;  }
.phonetex_img{margin:3%; width:30%; float:left;}
.phonetex_img img{ width:100%; height:100%;}
.review_phonetex{ float:left; width:60%; margin-top:3%;}
.phonetex_title{ font-size:0.7rem; margin-bottom:0.55rem; }
.phone_p{ font-size:0.5rem; line-height:0.75rem; }

#sign_up{width:100%; margin-top:20px;}
#sign_up .sign{ height:60px;;}
#sign_up .sign input{ width:60%; height:39px; border:1px solid #e4e4e4; box-sizing:border-box; float:left; line-height:39px; padding-left:2%;}
#sign_up .sign span{float:left; margin-left:2%; color:#ff3400;}
#sign_up .sign label{ width:20%; display:block; float:left; line-height:39px; text-align:right; margin-right:2%;}

.check{ width:100%;}
.check div{width:70%; float:left; overflow:hidden;}
.check label{ width:20%; display:block; float:left;  text-align:right; margin-right:2%; overflow:hidden;}
.check .check_div{position:relative; margin-bottom:10px; width:90%;}
.check_div input{ position:absolute; top:14px; left:0;}
.check_div p{ float:left; padding-top:12px; padding-left:20px; }
.sign_submit{ width:60%; margin:0 auto; background:#ff7300; height:39px; text-align:center; display:block; border-radius:5px; border:none; color:#fff; font-size:18px;}



#right{ width:38%; float:left;  overflow:hidden; margin-left:2%; font-size:13px; margin-bottom:18px; }
#right h2{ font-size:24px;}
.dao{ width:100%;}
.dao li{ width:18%; margin:2% 3% 1% 0; float:left; background:#f2f2f2; border:1px solid #e4e4e4; height:60px; text-align:center; line-height:60px; font-size:18px; box-sizing:border-box; }
.dao_text li{width:18%; margin:0 3% 0 0; float:left;  text-align:center; font-size:18px;}
.right_btn{ width:96%; background:#ff7401; height:60px; text-align:center; display:block; border-radius:5px; line-height:60px; font-size:25px; color:#fff; margin:20px 0px 20px 0;}
.right_project{ margin-top:20px;}
.right_project h4{ font-size:20px; line-height:40px; font-weight:bold;}
.line{ width:100%; height:1px; background:#e4e4e4; position:relative; }
.line span{ width:25%; height:1px; background:#268bc2; top:0; left:0; position:absolute;}
.right_project p{ font-size:15px; line-height:22px; margin-top:10px; }
.map{ margin-top:18px;}
.project_img{ width:100%; overflow:hidden; border:1px solid #ccc; margin-top:18px; margin-bottom:18px;}
.project_img img{ width:100%; height:100%;}



#footer{ height:120px; width:100%; border-top:1px solid #e4e4e4; margin-top:20px; }
#footer div{ width:960px; margin:0 auto; margin-top:20px;}
#footer p{ text-align:center; line-height:20px; font-size:12px; }
#phone_lunbo{ display:none; width:100%; position:relative;}



* {margin: 0; padding: 0; list-style: none; font-family: '微软雅黑';}
img {vertical-align: top;border: 0;}
a {text-decoration: none;}
.clearfix:after {clear: both; display: block; content: '';}
.clearfix {zoom: 1;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
i, em {font-style: normal;}
input, button, select, textarea {outline: none}
/*去掉苹果的默认UI来渲染按钮*/
input[type="submit"],input[type="reset"],input[type="button"],input[type="text"],button,select{-webkit-appearance:none;}

textarea {resize: none;}
/*
html, body {margin: 0px;  font-size: 20px; width:16rem;}
*/

@-webkit-keyframes psdLoading {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes psdLoading {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

#container {
    overflow: hidden; background:#f3f3f3;
    width:100%;
    padding-top: 3rem;
    margin-top:1.1rem;
}

.search-bar {
    min-width: 320px !important;
    max-width: 768px !important;
    margin: 0 auto !important;
}

#list {
    background: #E0EBEF;
}

* {
    letter-spacing: 1px;
}

a {
    text-decoration: none;
    /*// -webkit-tap-highlight-color: transparent;*/
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}

.top_menu::-webkit-scrollbar {
    display: none;
}

.top_menu_bar {
    background: #f4f5f6;
    box-sizing: border-box;
}

.top_menu {
    overflow: hidden;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}
.top_menu_list {
    white-space: nowrap;
}

.top_menu_list .btn.cur {
    color:#FC0;
}
/*box tab_nav*/
#tab_navbox{
    border-bottom:1px solid #ececec;
    background:#09F;
    height:1.9rem;
    left: 0;
    width: 100%;
    z-index: 2;
}
.top_menu_list .btn {
    white-space: nowrap;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    line-height:1.9rem;
    overflow:hidden;
    padding-left:5px;
    padding-right:5px;
    text-align:center;
    background:#09F;
    -webkit-tap-highlight-color: rgba(0,0,0,.3);
    letter-spacing:none;
}




@media (min-device-width : 375px) and (max-device-width : 667px) and (-webkit-min-device-pixel-ratio : 2){
    #phone_lunbo{ display:block; height:100%; position:relative;}
    #pc_lunbo{ display:none;}
    .slider{ position:relative;}
    .slider_ul img{ width:100%;}
    .slider_ol{ width:1.56rem; overflow:hidden; position:absolute; left:50%; margin-left:-0.78rem;}
    .slider_ol li{ float:left; width:0.156rem; height:0.156rem; margin-right:0.156rem; background:#ccc; border-radius:50%;}
    .slider_ol .slider_btn{ background:#ff4300;}

    #left_video{ width:100%; margin-bottom:0.5rem;  }
    #left_video .video_prompt{ font-size:0.45rem; color:#474747; margin-bottom:0.5rem; margin-left:0.75rem;}
    #left_video .video_title{ font-size:0.8rem; line-height:1.5rem; margin-left:0.75rem;}
    #left_video .video_guest{ font-size:0.6rem; line-height:1rem; margin-left:0.75rem;}
    #left_video .video_time{ font-size:0.6rem; color:#474747; line-height:1rem;  margin-left:0.75rem;}
    #left_video .text_link{ font-size:0.6rem;  display:block; background:#028bcb; width:80%; color:#fff; text-align:center; margin-left:0.75rem;}
    #left_video .video{ width:10rem; height:7.5rem; margin-left:0.75rem; display:none;}
    .zy_media{display:block; margin-top:0.75rem;}
    #video_box{ display:none; height:0px;}
    #videobox_btn{ display:none;}
    #mobilebox_btn{ display:block;}
    .video_yp{ width:80%; height:175px; background:#000; overflow:hidden; margin-left:0.75rem;}
    .video_yp img{ width:100%;}
    .video_yp1{ width:90%; height:160px; background:#000; margin-left:0.75rem;}
    .video_yp1 img{ width:100%;}

    #box{ margin:0 auto; overflow:hidden; width:100%; }
    #header{width:100%; margin-bottom:0.45rem;}
    #header .nav{ width:100%; height:1.5rem; overflow:hidden; background:#268bc2;}
    #header .nav ul{ width:100%; margin:0 auto; text-align:center; }
    #header .nav li{ min-width:25%; float:left; font-size:0.625rem; line-height:1.5rem; color:#fff; }
    #left{ width:100%; overflow:hidden; font-size:13px; }
    #left_top p{ width:90%;line-height:20px; margin-bottom:12px;  font-size:14px;}
    #left_footer li{ width:50%;  float:left; margin-bottom:12px; display:inline; height:260px; text-align:center; }
    .review{ display:none;}
    .phonetex{ display:block; overflow:hidden;}

    #sign_up{width:100%;}
    #sign_up .sign{ height:60px;}
    #sign_up .sign input{ width:60%; height:39px; border:1px solid #e4e4e4; box-sizing:border-box; float:left; }
    #sign_up .sign span{float:left;  margin-left:2%; color:#ff3400;}
    #sign_up .sign label{ width:25%; font-size:14px; display:block; float:left; text-align:right; margin-right:2%; overflow:hidden;}

    .check{ width:100%;}
    .check div{ width:70%; float:left; overflow:hidden;}
    .check label{ font-size:14px; width:25%; display:block; float:left; text-align:right; overflow:hidden;}
    .check .check_div{position:relative; margin-bottom:10px; width:90%;}
    .check_div input{ position:absolute; top:14px; left:0;}
    .check_div p{ float:left; padding-top:12px; }
    .sign_submit{ width:60%; margin:0 auto; background:#ff7300; height:39px; text-align:center; display:block; border-radius:5px; border:none; color:#fff; font-size:18px;}



    #right{ width:100%;  overflow:hidden; font-size:13px;}
    .right_project{ margin-top:20px; width:90%;}
    .right_btn{ width:80%;}

    #footer{ display:none;}
    .logo{display:none;}
}
@media (min-device-width : 375px) and (max-device-width : 667px) and (-webkit-min-device-pixel-ratio : 2){
    #phone_lunbo{ display:block; height:100%; position:relative;}
    #pc_lunbo{ display:none;}
    .slider{ position:relative;}
    .slider_ul img{ width:100%;}
    .slider_ol{ width:1.56rem; overflow:hidden; position:absolute; left:50%; margin-left:-0.78rem;}
    .slider_ol li{ float:left; width:0.156rem; height:0.156rem; margin-right:0.156rem; background:#ccc; border-radius:50%;}
    .slider_ol .slider_btn{ background:#ff4300;}
    #left_footer li{ width:50%;  float:left; margin-bottom:12px; display:inline; height:260px; text-align:center; }
    .review{ display:none;}
    .phonetex{ display:block; overflow:hidden;}

    #left_video{ width:100%; margin-bottom:0.5rem;  }
    #left_video .video_prompt{ font-size:0.45rem; color:#474747; margin-bottom:0.5rem; margin-left:0.75rem;}
    #left_video .video_title{ font-size:0.8rem; line-height:1.5rem; margin-left:0.75rem;}
    #left_video .video_guest{ font-size:0.6rem; line-height:1rem; margin-left:0.75rem;}
    #left_video .video_time{ font-size:0.6rem; color:#474747; line-height:1rem; margin-left:0.75rem;}
    #left_video .text_link{ font-size:0.6rem;  display:block; background:#028bcb; width:80%; color:#fff; text-align:center; margin-left:0.75rem;}
    #left_video .video{ width:10rem; height:7.5rem; margin-left:0.75rem; display:none;}
    .zy_media{display:block;}
    #video_box{ display:none;}
    #mobilebox_btn{ display:block;}
    .video_yp{ width:80%; height:175px; background:#000; overflow:hidden; margin-left:0.75rem;}
    .video_yp img{ width:100%;}
    .video_yp1{ width:90%; height:160px; background:#000; margin-left:0.75rem;}
    .video_yp1 img{ width:100%;}


    #sign_up{width:100%;}
    #sign_up .sign{ height:60px;}
    #sign_up .sign input{ width:60%; height:39px; border:1px solid #e4e4e4; box-sizing:border-box; float:left; }
    #sign_up .sign span{float:left;  margin-left:2%; color:#ff3400;}
    #sign_up .sign label{ font-size:14px; width:25%; display:block; float:left; text-align:right; margin-right:2%; overflow:hidden;}

    .check{ width:100%;}
    .check div{ width:70%; float:left; overflow:hidden;}
    .check label{ font-size:14px; width:25%; display:block; float:left; text-align:right; overflow:hidden;}
    .check .check_div{position:relative; margin-bottom:10px; width:90%;}
    .check_div input{ position:absolute; top:14px; left:0;}
    .check_div p{ float:left; padding-top:12px; }
    .sign_submit{ width:60%; margin:0 auto; background:#ff7300; height:39px; text-align:center; display:block; border-radius:5px; border:none; color:#fff; font-size:18px;}



    #box{ margin:0 auto; overflow:hidden; width:100%;}
    #header{width:100%; margin-bottom:0.45rem;}
    #header .nav{ width:100%; height:1.5rem; overflow:hidden; background:#268bc2;}
    #header .nav ul{ width:100%; margin:0 auto; text-align:center; }
    #header .nav li{ min-width:25%; float:left; font-size:0.625rem; line-height:1.5rem; color:#fff; }
    #left{ width:100%; overflow:hidden; font-size:13px; }
    #left_top p{ width:90%; margin:0 auto; line-height:20px; margin-bottom:12px;  font-size:14px;}

    #right{ width:100%;  overflow:hidden; font-size:13px;}
    .right_project{ margin-top:20px; width:90%;}
    .right_btn{ width:80%;}

    #footer{ display:none;}
    .logo{display:none;}}

@media only screen and (max-device-width :480px){
    #phone_lunbo{ display:block; height:100%; position:relative;}
    #pc_lunbo{ display:none;}
    .slider{ position:relative;}
    .slider_ul img{ width:100%;}
    .slider_ol{ width:1.56rem; overflow:hidden; position:absolute; left:50%; margin-left:-0.78rem;}
    .slider_ol li{ float:left; width:0.156rem; height:0.156rem; margin-right:0.156rem; background:#ccc; border-radius:50%;}
    .slider_ol .slider_btn{ background:#ff4300;}
    #left_footer li{ width:50%;  float:left; margin-bottom:12px; display:inline; height:260px; text-align:center; }
    .review{ display:none;}
    .phonetex{display:block; overflow:hidden;}
    .zy_media{display:block;}
    #video_box{ display:none;}
    #mobilebox_btn{ display:block;}
    .video_yp{ width:80%; height:175px; background:#000; overflow:hidden; margin-left:0.75rem;}
    .video_yp img{ width:100%;}
    .video_yp1{ width:90%; height:160px; background:#000; margin-left:0.75rem;}
    .video_yp1 img{ width:100%;}

    #left_video{ width:100%; margin-bottom:0.5rem;  }
    #left_video .video_prompt{ font-size:0.45rem; color:#474747; margin-bottom:0.5rem; margin-left:0.75rem;}
    #left_video .video_title{ font-size:0.8rem; line-height:1.5rem; margin-left:0.75rem;}
    #left_video .video_guest{ font-size:0.6rem; line-height:1rem; margin-left:0.75rem;}
    #left_video .video_time{ font-size:0.6rem; color:#474747; line-height:1rem; margin-left:0.75rem;}
    #left_video .text_link{ font-size:0.6rem;  display:block; background:#028bcb; width:80%; color:#fff; text-align:center; margin-left:0.75rem;}
    #left_video .video{ width:10rem; height:7.5rem; margin-left:0.75rem; display:none;}


    #sign_up{width:100%;}
    #sign_up .sign{ height:60px;}
    #sign_up .sign input{ width:60%; height:39px; border:1px solid #e4e4e4; box-sizing:border-box; float:left; }
    #sign_up .sign span{float:left;  margin-left:2%; color:#ff3400;}
    #sign_up .sign label{font-size:14px; width:25%; display:block; float:left; text-align:right; margin-right:2%; overflow:hidden;}

    .check{ width:100%;}
    .check div{ width:70%; float:left; overflow:hidden;}
    .check label{ font-size:14px; width:25%; display:block; float:left; text-align:right; overflow:hidden;}
    .check .check_div{position:relative; margin-bottom:10px; width:90%;}
    .check_div input{ position:absolute; top:14px; left:0;}
    .check_div p{ float:left; padding-top:12px; }
    .sign_submit{ width:60%; margin:0 auto; background:#ff7300; height:39px; text-align:center; display:block; border-radius:5px; border:none; color:#fff; font-size:18px;}



    #box{ margin:0 auto; overflow:hidden; width:100%; }
    #header{width:100%; margin-bottom:0.45rem;}
    #header .nav{ width:100%; height:1.5rem; overflow:hidden; background:#268bc2;}
    #header .nav ul{ width:100%; margin:0 auto; text-align:center; }
    #header .nav li{ min-width:25%; float:left; font-size:0.625rem; line-height:1.5rem; color:#fff; }
    #left{ width:100%; overflow:hidden; font-size:13px; }
    #left_top p{ width:90%; margin:0 auto; line-height:20px; margin-bottom:12px;  font-size:14px;}

    #right{ width:100%; overflow:hidden; font-size:13px;}
    .right_project{ margin-top:20px; width:95%;}
    .right_btn{ width:80%;}

    #footer{ display:none;}
    .logo{display:none;}}
@media only screen and (min-device-width :1080px) and (-webkit-min-device-pixel-ratio : 2.5){
    #phone_lunbo{ display:block; height:100%; position:relative;}
    #pc_lunbo{ display:none;}
    .slider{ position:relative;}
    .slider_ul img{ width:100%;}
    .slider_ol{ width:1.56rem; overflow:hidden; position:absolute; left:50%; margin-left:-0.78rem;}
    .slider_ol li{ float:left; width:0.156rem; height:0.156rem; margin-right:0.156rem; background:#ccc; border-radius:50%;}
    .slider_ol .slider_btn{ background:#ff4300;}
    #left_footer li{ width:50%;  float:left; margin-bottom:12px; display:inline; height:260px; text-align:center; }
    .review{ display:none;}
    .phonetex{ display:block; overflow:hidden;}

    #left_video{ width:100%; margin-bottom:0.5rem;  }
    #left_video .video_prompt{ font-size:0.45rem; color:#474747; margin-bottom:0.5rem; margin-left:0.75rem;}
    #left_video .video_title{ font-size:0.8rem; line-height:1.5rem; margin-left:0.75rem;}
    #left_video .video_guest{ font-size:0.6rem; line-height:1rem; margin-left:0.75rem;}
    #left_video .video_time{ font-size:0.6rem; color:#474747; line-height:1rem; margin-left:0.75rem;}
    #left_video .text_link{ font-size:0.6rem;  display:block; background:#028bcb; width:80%; color:#fff; text-align:center; margin-left:0.75rem;}
    #left_video .video{ width:10rem; height:7.5rem; margin-left:0.75rem; display:none;}
    .zy_media{display:block;}
    #video_box{ display:none;}
    #mobilebox_btn{ display:block;}
    .video_yp{ width:80%; height:175px; background:#000; overflow:hidden; margin-left:0.75rem;}
    .video_yp img{ width:100%;}
    .video_yp1{ width:90%; height:160px; background:#000; margin-left:0.75rem;}
    .video_yp1 img{ width:100%;}



    #sign_up{width:100%;}
    #sign_up .sign{ height:60px;}
    #sign_up .sign input{ width:60%; height:39px; border:1px solid #e4e4e4; box-sizing:border-box; float:left; }
    #sign_up .sign span{float:left;  margin-left:2%; color:#ff3400;}
    #sign_up .sign label{font-size:14px; width:25%; display:block; float:left; text-align:right; margin-right:2%; overflow:hidden;}

    .check{ width:100%;}
    .check div{ width:70%; float:left; overflow:hidden;}
    .check label{ font-size:14px; width:25%; display:block; float:left; text-align:right; overflow:hidden;}
    .check .check_div{position:relative; margin-bottom:10px; width:90%;}
    .check_div input{ position:absolute; top:14px; left:0;}
    .check_div p{ float:left; padding-top:12px; }
    .sign_submit{ width:60%; margin:0 auto; background:#ff7300; height:39px; text-align:center; display:block; border-radius:5px; border:none; color:#fff; font-size:18px;}


    #box{ margin:0 auto; overflow:hidden; width:100%;}
    #header{width:100%; margin-bottom:0.45rem;}
    #header .nav{ width:100%; height:1.5rem; overflow:hidden; background:#268bc2;}
    #header .nav ul{ width:100%; margin:0 auto; text-align:center; }
    #header .nav li{ min-width:25%; float:left; font-size:0.625rem; line-height:1.5rem; color:#fff; }
    #left{ width:100%; overflow:hidden; font-size:13px; }
    #left_top p{ width:90%; margin:0 auto; line-height:20px; margin-bottom:12px;  font-size:14px;}

    #right{ width:100%;  overflow:hidden; font-size:13px;}
    .right_project{ margin-top:20px; width:95%;}
    .right_btn{ width:80%;}


    #footer{ display:none;}
    .logo{display:none;}}

@media only screen and (min-device-width :1080px) and (-webkit-min-device-pixel-ratio : 3){
    #phone_lunbo{ display:block; height:100%; position:relative;}
    #pc_lunbo{ display:none;}
    .slider{ position:relative;}
    .slider_ul img{ width:100%;}
    .slider_ol{ width:1.56rem; overflow:hidden; position:absolute; left:50%; margin-left:-0.78rem;}
    .slider_ol li{ float:left; width:0.156rem; height:0.156rem; margin-right:0.156rem; background:#ccc; border-radius:50%;}
    .slider_ol .slider_btn{ background:#ff4300;}
    #left_footer li{ width:50%;  float:left; margin-bottom:12px; display:inline; height:260px; text-align:center; }
    .review{ display:none;}
    .phonetex{ display:block; overflow:hidden;}

    #left_video{ width:100%; margin-bottom:0.5rem;  }
    #left_video .video_prompt{ font-size:0.45rem; color:#474747; margin-bottom:0.5rem; margin-left:0.75rem;}
    #left_video .video_title{ font-size:0.8rem; line-height:1.5rem; margin-left:0.75rem;}
    #left_video .video_guest{ font-size:0.6rem; line-height:1rem; margin-left:0.75rem;}
    #left_video .video_time{ font-size:0.6rem; color:#474747; line-height:1rem;  margin-left:0.75rem;}
    #left_video .text_link{ font-size:0.6rem;  display:block; background:#028bcb; width:80%; color:#fff; text-align:center; margin-left:0.75rem;}
    #left_video .video{ width:10rem; height:7.5rem; margin-left:0.75rem; display:none;}
    .zy_media{display:block;}
    #video_box{ display:none;}
    #mobilebox_btn{ display:block;}
    .video_yp{ width:80%; height:175px; background:#000; overflow:hidden; margin-left:0.75rem;}
    .video_yp img{ width:100%;}
    .video_yp1{ width:90%; height:160px; background:#000; margin-left:0.75rem;}
    .video_yp1 img{ width:100%;}



    #sign_up{width:100%;}
    #sign_up .sign{ height:60px;}
    #sign_up .sign input{ width:60%; height:39px; border:1px solid #e4e4e4; box-sizing:border-box; float:left; }
    #sign_up .sign span{float:left;  margin-left:2%; color:#ff3400;}
    #sign_up .sign label{font-size:14px; width:25%; display:block; float:left; text-align:right; margin-right:2%; overflow:hidden;}

    .check{ width:100%;}
    .check div{ width:70%; float:left; overflow:hidden;}
    .check label{ font-size:14px; width:25%; display:block; float:left; text-align:right; overflow:hidden;}
    .check .check_div{position:relative; margin-bottom:10px; width:90%;}
    .check_div input{ position:absolute; top:14px; left:0;}
    .check_div p{ float:left; padding-top:12px; }
    .sign_submit{ width:60%; margin:0 auto; background:#ff7300; height:39px; text-align:center; display:block; border-radius:5px; border:none; color:#fff; font-size:18px;}


    #box{ margin:0 auto; overflow:hidden; width:100%;}
    #header{width:100%; margin-bottom:0.45rem;}
    #header .nav{ width:100%; height:1.5rem; overflow:hidden; background:#268bc2;}
    #header .nav ul{ width:100%; margin:0 auto; text-align:center; }
    #header .nav li{ min-width:25%; float:left; font-size:0.625rem; line-height:1.5rem; color:#fff; }
    #left{ width:100%; overflow:hidden; font-size:13px; }
    #left_top p{ width:90%; margin:0 auto; line-height:20px; margin-bottom:12px;  font-size:14px;}

    #right{ width:100%;  overflow:hidden; font-size:13px;}
    .right_project{ margin-top:20px; width:95%;}
    .right_btn{ width:80%;}


    #footer{ display:none;}
    .logo{display:none;}}

@media only screen and (device-height :480px) and (-webkit-device-pixel-ratio:2){
    #phone_lunbo{ display:block; height:100%; position:relative;}
    #pc_lunbo{ display:none;}
    .slider{ position:relative;}
    .slider_ul img{ width:100%;}
    .slider_ol{ width:1.56rem; overflow:hidden; position:absolute; left:50%; margin-left:-0.78rem;}
    .slider_ol li{ float:left; width:0.156rem; height:0.156rem; margin-right:0.156rem; background:#ccc; border-radius:50%;}
    .slider_ol .slider_btn{ background:#ff4300;}
    #left_footer li{ width:50%;  float:left; margin-bottom:12px; display:inline; height:260px; text-align:center; }
    .review{ display:none;}
    .phonetex{ display:block; overflow:hidden;}

    #left_video{ width:100%; margin-bottom:0.5rem;  }
    #left_video .video_prompt{ font-size:0.45rem; color:#474747; margin-bottom:0.5rem; margin-left:0.75rem;}
    #left_video .video_title{ font-size:0.8rem; line-height:1.5rem; margin-left:0.75rem;}
    #left_video .video_guest{ font-size:0.6rem; line-height:1rem; margin-left:0.75rem;}
    #left_video .video_time{ font-size:0.6rem; color:#474747; line-height:1rem;  margin-left:0.75rem; }
    #left_video .text_link{ font-size:0.6rem;  display:block; background:#028bcb; width:80%; color:#fff; text-align:center; margin-left:0.75rem;}
    #left_video .video{ width:10rem; height:7.5rem; margin-left:0.75rem; display:none;}
    .zy_media{display:block;}
    #video_box{ display:none;}
    #mobilebox_btn{ display:block;}
    .video_yp{ width:80%; height:175px; background:#000; overflow:hidden; margin-left:0.75rem;}
    .video_yp img{ width:100%;}
    .video_yp1{ width:90%; height:160px; background:#000; margin-left:0.75rem;}
    .video_yp1 img{ width:100%;}



    #sign_up{width:100%;}
    #sign_up .sign{ height:60px;}
    #sign_up .sign input{ width:60%; height:39px; border:1px solid #e4e4e4; box-sizing:border-box; float:left; }
    #sign_up .sign span{float:left;  margin-left:2%; color:#ff3400;}
    #sign_up .sign label{font-size:14px; width:25%; display:block; float:left; text-align:right; margin-right:2%; overflow:hidden;}

    .check{ width:100%;}
    .check div{ width:70%; float:left; overflow:hidden;}
    .check label{font-size:14px;  width:25%; display:block; float:left; text-align:right; overflow:hidden;}
    .check .check_div{position:relative; margin-bottom:10px; width:90%;}
    .check_div input{ position:absolute; top:14px; left:0;}
    .check_div p{ float:left; padding-top:12px; }
    .sign_submit{ width:60%; margin:0 auto; background:#ff7300; height:39px; text-align:center; display:block; border-radius:5px; border:none; color:#fff; font-size:18px;}


    #box{ margin:0 auto; overflow:hidden; width:100%;}
    #header{width:100%; margin-bottom:0.45rem;}
    #header .nav{ width:100%; height:1.5rem; overflow:hidden; background:#268bc2;}
    #header .nav ul{ width:100%; margin:0 auto; text-align:center; }
    #header .nav li{ min-width:25%; float:left; font-size:0.625rem; line-height:1.5rem; color:#fff; }
    #left{ width:100%; overflow:hidden; font-size:13px; }
    #left_top p{ width:90%; margin:0 auto;line-height:20px; margin-bottom:12px;  font-size:14px;}

    #right{ width:100%; overflow:hidden; font-size:13px;}
    .right_project{ margin-top:20px; width:95%;}
    .right_btn{ width:80%;}


    #footer{ display:none;}
    .logo{display:none;}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    #phone_lunbo{ display:block; height:100%; position:relative;}
    #pc_lunbo{ display:none;}
    .slider{ position:relative;}
    .slider_ul img{ width:100%;}
    .slider_ol{ width:1.56rem; overflow:hidden; position:absolute; left:50%; margin-left:-0.78rem;}
    .slider_ol li{ float:left; width:0.156rem; height:0.156rem; margin-right:0.156rem; background:#ccc; border-radius:50%;}
    .slider_ol .slider_btn{ background:#ff4300;}
    #left_footer li{ width:25%;  float:left; margin-bottom:12px; display:inline; height:260px; text-align:center; }
    .review{ display:none;}
    .phonetex{ display:block; overflow:hidden;}
    .phonetex_title{ font-size:18px; margin-bottom:0.55rem; }
    .phone_p{ font-size:14px; line-height:0.75rem; }

    #left_video{ width:100%; margin-bottom:0.5rem;  }
    #left_video .video_prompt{ font-size:0.45rem; color:#474747; margin-bottom:0.5rem; margin-left:0.75rem;}
    #left_video .video_title{ font-size:0.8rem; line-height:1.5rem; margin-left:0.75rem;}
    #left_video .video_guest{ font-size:0.6rem; line-height:1rem; margin-left:0.75rem;}
    #left_video .video_time{ font-size:0.6rem; color:#474747; line-height:1rem;  margin-left:0.75rem;}
    #left_video .text_link{ font-size:0.6rem;  display:block; background:#028bcb; width:80%; color:#fff; text-align:center; margin-left:0.75rem;}
    #left_video .video{ width:10rem; height:7.5rem; margin-left:0.75rem; display:none;}
    .zy_media{display:block;}
    #video_box{ display:none;}
    #mobilebox_btn{ display:block;}
    .video_yp{ width:80%; height:175px; background:#000; overflow:hidden; margin-left:0.75rem;}
    .video_yp img{ width:100%;}
    .video_yp1{ width:90%; height:160px; background:#000; margin-left:0.75rem;}
    .video_yp1 img{ width:100%;}



    #sign_up{width:100%;}
    #sign_up .sign{ height:60px;}
    #sign_up .sign input{ width:60%; height:39px; border:1px solid #e4e4e4; box-sizing:border-box; float:left; }
    #sign_up .sign span{float:left;  margin-left:2%; color:#ff3400;}
    #sign_up .sign label{font-size:14px; width:25%; display:block; float:left; text-align:right; margin-right:2%; overflow:hidden;}

    .check{ width:100%;}
    .check div{ width:70%; float:left; overflow:hidden;}
    .check label{ font-size:14px; width:25%; display:block; float:left; text-align:right; overflow:hidden;}
    .check .check_div{position:relative; margin-bottom:10px; width:90%;}
    .check_div input{ position:absolute; top:14px; left:0;}
    .check_div p{ float:left; padding-top:12px; }
    .sign_submit{ width:60%; margin:0 auto; background:#ff7300; height:39px; text-align:center; display:block; border-radius:5px; border:none; color:#fff; font-size:18px;}


    #box{ margin:0 auto; overflow:hidden; width:100%;}
    #header{width:100%; margin-bottom:0.45rem;}
    #header .nav{ width:100%; height:1.5rem; overflow:hidden; background:#268bc2;}
    #header .nav ul{ width:100%; margin:0 auto; text-align:center; }
    #header .nav li{ min-width:25%; float:left; font-size:0.625rem; line-height:1.5rem; color:#fff; }
    #left{ width:100%; overflow:hidden; font-size:13px; }
    #left_top p{ width:90%; margin:0 auto; line-height:20px; margin-bottom:12px;  font-size:14px;}

    #right{ width:100%; overflow:hidden; font-size:13px;}
    .right_project{ margin-top:20px; width:95%;}
    .right_btn{ width:80%;}


    #footer{ display:none;}
    .logo{display:none;}
}