@charset "utf-8";
/* CSS Document */

a { color:#538ffe; text-decoration:underline;}
a:hover { color:#FF3300; text-decoration:underline;}
img { border:0;}

.detail{width: 1280px; margin: 0 auto;font-size:14px;}

.main01 .detail .bcn{padding:25px 0 10px;}
.main01 h1{text-align:center; font-weight:700; font-size:21px; padding-bottom:20px;}
.main01 .detail p { line-height: 25px;}
.main01 .detail p span{color: #538ffe;}
.main01 .detail .btn{text-align:center; padding-top:25px;}
.main01 .detail .btn a{background: #0fb4ff; color: #fff; border:1px solid #0fb4ff; display: inline-block; width: 250px; height: 53px; line-height: 53px; border-radius: 5px; font-size:23px; font-weight: 800; transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; text-decoration:none;}
.main01 .detail .btn a:hover{background: none;  color: #0fb4ff; }
.main01 .detail .video{ padding: 40px 0 20px;}
.main01 .detail .video .video_one{ width: 182px;float: left; text-align: center;}
.main01 .detail .site_title{ border-top: 1px dashed #313131;border-bottom: 1px dashed #313131; margin: 20px 0 0 0; color: #538ffe;}

.main01 .detail .site_list {padding-bottom: 50px;}
.main01 .detail .site_list h3{ color: #0380ea;font-size: 13px;padding: 40px 0 0 45px; line-height: 15px;}
.main01 .detail .site_list .site_box{ padding:0 0 0 60px;}
.main01 .detail .site_list .site_box div{width: 210px; float:left;}
.main01 .detail .site_list .site_box div.last{width: 150px;}

.main01 .Cent { margin: 20px 0 40px; background: #fff; padding:35px 0 40px; box-shadow:0 0 20px rgba(83, 86, 95, .15); -webkit-box-shadow:0 0 20px rgba(83, 86, 95, .15); -moz-box-shadow:0 0 20px rgba(83, 86, 95, .15); -o-box-shadow:0 0 20px rgba(83, 86, 95, .15); text-align:center;}
.main01 .Cent .Left, .main01 .Cent .Right{display:inline-block; vertical-align:middle; text-align:left;}
.main01 .Cent .Left:nth-child(2){margin:0 5%;}
.main01 .Cent .Left h6, .main01 .Cent .Right h6 { font-size: 17px; color:#333;}
.main01 .Cent .Left h6 span, .main01 .Cent .Right h6 span { width: 20px; height: 20px; display: inline-block; line-height: 18px; border-radius: 50%; -o-border-radius: 50%;
	-webkit-border-radius: 50%; color: #0ca6f2; border:solid 1px #0ca6f2; text-align: center; }
.main01 .Cent .Right h6 span { color: #6abb17; border-color:#6abb17; }
.main01 .Cent .Left .Input { padding: 10px 0 0; position: relative; }
.main01 .Cent .Left .Input input { font-size: 19px; background: #efefef; width: 245px; height: 55px; line-height:55px; border-radius:5px 0 0 5px; border:0; display:inline-block; padding-left:15px;}
.main01 .Cent .Left .Input .But { height: 55px; width: 55px; background-color:#0ca6f2; border-radius:0 5px 5px 0; display:inline-block; vertical-align:top; position:relative; cursor:pointer;}
.main01 .Cent .Left .Input .But:before{content:''; position:absolute; left:50%; top:50%; margin:-10px 0 0 -6px; width:10px; height:10px; border-right:2px solid #fff; border-bottom:2px solid #fff; transform:rotate(45deg);}
.main01 .Cent .Left .Input .tab {border:1px solid #ddd; position: absolute; top: 65px; left: 0; right:0; border-radius:5px; -o-border-radius: 5px;
	-webkit-border-radius: 5px; padding: 10px 0; background: #fff; display: none;  }
.main01 .Cent .Left .Input .tab ul { cursor: pointer; }
.main01 .Cent .Left .Input .tab ul li { padding: 3px 10px;  font-size: 15px; line-height: 23px; position: relative;}
.main01 .Cent .Left .Input .tab ul li.more:before{content:''; position:absolute; right:30px; top:50%; margin-top:-6px; width:8px; height:8px; border-top:2px solid #4d4d4d; border-right:2px solid #4d4d4d; transform:rotate(45deg);}
.main01 .Cent .Left .Input .tab ul li:hover { background: #329be5; color: #fff; }
.main01 .Cent .Left .Input .tab ul li.more:hover {color: #fff; }
.main01 .Cent .Left .Input .tab ul li.more:hover:before{border-color:#fff;}
.main01 .Cent .Left .Input .tab ul li .tab02 { width: 180px; position: absolute; left: 300px; top: 0;  border-radius: 5px; -o-border-radius: 5px;
	-webkit-border-radius: 5px; padding: 10px 0; border:1px solid #ddd; background: #fff; z-index: 10; display: none;  }
.main01 .Cent .Left .Input .tab ul li .tab02 ol { cursor: pointer; color: #333;  }
.main01 .Cent .Left .Input .tab ul li .tab02 ol li { padding: 3px 10px; width: 160px; font-size: 15px; line-height: 23px; }
.main01 .Cent .Left .Input .tab ul li .tab02 ol li:hover { width: 160px; background: #329be5; color: #fff; }
.main01 .Cent .Right .Put { padding: 10px 0 0; }
.main01 .Cent .Right .Put a { text-decoration: none; }
.main01 .Cent .Right .Put .down{display: inline-block;border-radius:5px; background:#ffab1b url(../../../img/buy-iocn.png) no-repeat 15px center; font-size:19px; color:#fff; line-height:55px; font-weight:700; text-align:center; padding-left:40px;padding-right: 20px;}


.gotoTop{ position: fixed;right:20px; bottom:20px; cursor: pointer;}