@charset "utf-8";
/* CSS Document */
.banner404 {background:url(images/banner_404bg.jpg) no-repeat center 0; padding:60px 0;}
.banner404 .pic {text-align:center; padding:20px 0;}
.banner404 .title {font-size:36px; line-height:1.2em; font-weight: bold; color:#fff; text-align:center; padding:10px 0;}
.banner404 .info {color:#fff; text-align:center; font-size:18px; line-height:1.2em; padding:10px 0;}
.searchStyle {width:460px; height:45px; margin:20px auto; background:#fff; border-radius:5px; position:relative; z-index:1;}
.searchStyle .search_txt {display:block; background:none; border:0; width:75%; height:25px; line-height:25px; margin:0 10% 0 0; padding:10px 2%; font-size:16px; color:#444;}
.searchStyle .search_btn {display:block; position:absolute; z-index:2; top:0; right:0; width:90px; height:45px;font-size:18px; line-height:45px; text-align:center; color:#fff; font-weight:bold; border:0; border-radius:5px; cursor:pointer; background: #ff4f1d;
    background: -moz-linear-gradient(top,  #fe691f 0%, #ff471c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe691f), color-stop(100%,#ff471c));
    background: -webkit-linear-gradient(top,  #fe691f 0%,#ff471c 100%);
    background: -o-linear-gradient(top,  #fe691f 0%,#ff471c 100%);
    background: -ms-linear-gradient(top,  #fe691f 0%,#ff471c 100%);
    background: linear-gradient(to bottom,  #fe691f 0%,#ff471c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe691f', endColorstr='#ff471c',GradientType=0 );
}
:root .searchStyle .search_btn{filter:none;}
.search_other_hot {padding:10px 0;font-size:14px; line-height:1.2em; color:#444;width:500px; margin:0 auto; color:#fff; text-align:center;}
.search_other_hot a {color:#fff; text-decoration:underline; margin:0 0 0 10px;}

.box404 {padding:40px 0;}
.box404 .column {font-size:26px; line-height:1.2em; font-weight:bold; color:#444; padding:20px 0; border-bottom:solid 3px #00b7ee;}
.box404 .item {float:left; width:30.5%; padding:0 0 0 4.2%;}
.box404 .item:first-child {padding-left:0;}
.box404 .item_two {width:65.2%;}
.box404 .more_btn {padding:20px 0 0 0;}
.box404 .more_btn a {font-size:18px; line-height:1.2em; padding:10px 20px; border-radius:100px; border:solid 2px #00b7ee; color:#00b7ee;}
.box404 .more_btn a:hover {background:#00b7ee; color:#fff;text-decoration:none;}

.searchBox {padding:50px 0;}
.searchBox .cont {float:left; width:68%;}
.searchBox .sider {float:right; width:28%;}
.searchBox .searchCont {border:solid 1px #ccd5da; padding:20px;}
.searchBox .column {font-size:26px; line-height:1.2em; font-weight:bold; color:#444; padding:0 0 20px 0; border-bottom:solid 3px #00b7ee;}
.searchBox .item {margin-bottom:20px;}
.searchBox .more_btn {padding:20px 0 0 0;}
.searchBox .more_btn a {font-size:18px; line-height:1.2em; padding:10px 20px; border-radius:100px; border:solid 2px #00b7ee; color:#00b7ee;}
.searchBox .more_btn a:hover {background:#00b7ee; color:#fff;text-decoration:none;}

.listStyle {padding:20px 0;}
.listStyle li {border-bottom:solid 1px #f2f2f2;}
.listStyle li a {display:block; padding:10px 0; overflow:hidden;}
.listStyle li a:hover {text-decoration:none; color:#00b7ee;}
.listStyle .pic {float:left; width:50px;}
.listStyle .info {padding:0 0 0 60px; font-size:18px; line-height:1.2em;}

.p404_answerList {padding:10px 0;}
.p404_answerList li {border-bottom:solid 1px #f2f2f2; padding:15px 0;}
.p404_answerList p {font-size:18px; line-height:1.2em; padding-bottom:10px;}
.p404_answerList .btn {padding:5px 0;}
.p404_answerList .btn a {font-size:14px; line-height:1.2em;margin-right:5px; padding:3px 20px; border-radius:5px; background:#e5e5e5; color:#666;}
.p404_answerList .btn a:hover {background:#00b7ee; color:#fff;text-decoration:none;}

.p404_howtosList {padding:10px 0; font-size:18px; line-height:1.2em;}
.p404_howtosList li {border-bottom:solid 1px #f2f2f2; padding:20px 0;}
.p404_howtosList li a:hover {text-decoration:none; color:#00b7ee;}

.box404_2 {background:#00b7ee; color:#fff; padding:40px 0;}
.box404_2 .column {font-size:36px; line-height:1.2em; color:#fff; padding:20px 0; text-align:center;}
.box404_2 .cont {padding:20px 0;}
.box404_2 .item {float:left; width:30.5%; padding:0 0 0 4.2%;}
.box404_2 .item:first-child {padding-left:0;}
.box404_2 .item_one {margin:0 auto; float:none;}
.box404_2 .pic {float:left; width:120px;}
.box404_2 .info {padding:0 0 0 140px; font-size:14px; line-height:1.2em;}
.box404_2 .title {font-size:22px; line-height:1.2em; padding:10px 0;}

.search_banner {background:#00b7ee; color:#fff; padding:40px 0;}
.search_banner .title {font-size:36px; line-height:1.2em; padding:10px 0; text-align:center;}

.coming_box{padding:180px 0;position:relative;}
.coming_box #video {position:absolute;top:0; left:0; width:100%; height:100%; background:#fff; overflow:hidden; opacity:0.5; z-index:2;}
.coming_box #video video {width:100%;}
.coming_box .container{ position:relative; z-index:3;}
.coming_box h1{font-size:36px; font-weight:500; line-height:1.2em; text-align:center;}
.coming_box .dd{font-size:18px; color:#00a4e3; font-weight:500; line-height:1.2em; text-align:center;margin-top:15px;padding:0 20%;}
.coming_box .btn{margin:0 auto;margin-top:30px; text-align:center;background:#1fabe4;width:160px;height:46px; line-height:46px;color:#fff; font-size:18px; font-weight:500;}

.about_banner {background:#00b7ee; color:#fff; padding:80px 0; color:#fff;}
.about_banner h1{ font-size:36px; font-weight:500; line-height:1.2em; text-align:center;}
.about_banner .dd{ font-size:18px; text-align:center;margin-top:10px;}

.about_box1{padding:60px 0;border-bottom:1px solid #e1e1e1;}
.about_box1 h2{ font-size:28px; font-weight:500; line-height:1.2em;}
.about_box1 .dd{margin-top:15px;}
.about_box1 .itembox{display:block;margin-top:30px;}
.about_box1 .itembox li{float:left;width:33.3%;margin-top:20px;}
.about_box1 .itembox li a:hover{color:#1eade7; text-decoration:none;}
.about_box1 .itembox li .pic {float:left; width:50px;}
.about_box1 .itembox li .info {padding:0 0 0 60px; font-size:16px; line-height:1.2em; min-height:60px;}

.about_box2{padding:60px 0;}
.about_box2 .item{float:left;width:45%;margin-left:10%;}
.about_box2 .item:first-child{margin-left:0;}
.about_box2 h2{ font-size:28px; font-weight:500; line-height:1.2em;}
.about_box2 .dd{margin-top:15px;}
.about_box2 h3{ font-size:18px;margin-top:30px;}
.about_box2 .more{display:inline-block;color:#1eade7; font-size:18px; font-weight:500; text-align:center;width:156px;height:36px; line-height:36px; border:2px solid #1eade7; border-radius:36px;}
.about_box2 .more:hover{ background:#1eade7;color:#fff;text-decoration:none;}

.info_com{padding:60px 0;}
.info_com .info_rv{width:82%;margin:0 auto; position:relative;}
.info_com .info_rv .fl_fh,
.info_com .info_rv .fr_fh{display:block;width:23px;height:14px; background:url(images/review_fh.png) no-repeat; position:absolute;}
.info_com .info_rv .fl_fh{top:0;left:0;}
.info_com .info_rv .fr_fh{ background-position:0 -14px;right:0;bottom:0;}
.info_com .info_rv .txt{margin:0 30px; font-size:18px; font-weight:500; text-align:center;}
.info_com .dd{margin-top:30px;}

.gray_bg{ background:#fbfbfb;}

.content_box{padding:60px 0;}
.content_box h3{ font-size:22px; font-weight:500; line-height:1.2em;}
.content_box p{margin-top:20px;}