@charset "utf-8";
.container{width:1200px;}
ul{list-style:none;margin:0;padding:0;}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.ny-c{padding:15px 0;background:#f5f5f5;}
.app-content{background:#fff;}

.head{height:90px;box-shadow:0 0 3px rgba(0, 0, 0, 0.3);position:relative;z-index:1000}
.head ul li{float:left;}
.head ul li a{display:inline-block;height:90px;line-height:90px;font-size:16px;color:#666;border-bottom:3px solid #fff;padding:0 24px;}
.head ul li a:hover,.head ul li a.active{border-bottom:3px solid #02adff;text-decoration:none;}

.top-news{height:50px;border-bottom:1px solid #e8e8e8;}
.top-news ul li{width:25%;float:left;height:50px;line-height:50px;}
.top-news ul li:hover{border-bottom:2px solid #02adff}
.top-news ul li a{display:block;width:100%;line-height:20px;margin-top:15px;border-right:1px solid #dedede;text-align:center;padding:0 15px;color:#999;}
.top-news ul li:last-child a{border-right:none;}

.position{padding:40px 0;}
.position .title{float:left;color:#333;font-size:24px;border-left:4px solid #333;line-height:24px;padding-left:15px;}
.position .links{float:right;}
.position .links a,.position .links span{color:#999;}
.position .links span{margin:0 4px;}

.view-page img{max-width:100%;}

.media{margin:0 0 40px 0;}
.media-left{padding-right:40px;}
.media-heading,.media-body .time,.media-body .info{margin-bottom:20px;}
.media-heading{width:782px;}
.media-body .time,.media-body .info{color:#999;}
.media-body .more{display:inline-block;width:145px;height:30px;line-height:30px;text-align:center;border:1px solid #ccc;color:#999;text-decoration:none;}
.media-body .more:hover{background:#02adff;color:#fff;border:1px solid #02adff;}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{background-color:#02adff;border-color:#02adff;}

.clas{display:block;box-shadow:0 0 3px rgba(0, 0, 0, 0.3);margin-bottom:40px;}
.clas a{display:inline-block;height:40px;line-height:40px;text-align:center;width:120px;color:#666;font-size:16px;}
.clas a.active,.clas a:hover{background:#02adff;color:#fff;text-decoration:none;}

.arc-title{font-size:18px;text-align:center;margin:0 0 30px 0;}
.arc-tags{text-align:center;padding:0 0 30px 0;border-bottom:1px solid #eaeaea;margin-bottom:30px;color:#999;}
.arc-next{padding:30px 0;border-top:1px solid #eaeaea;}

.pro-lists{}
.pro-lists .box{box-shadow:0 0 1px rgba(0, 0, 0, 0.3);margin-bottom:40px;position:relative;height:362px;}
.pro-lists .box a{display:block;text-decoration:none;width:100%;height:100%;transition:margin 0.1s ease-in-out 0s;}
.pro-lists .box a:hover{margin-top:-5px;box-shadow:0 0 5px rgba(0, 0, 0, 0.3);}
.pro-lists .box img{width:100%;}
.pro-lists .box .title,.pro-lists .box .info,.pro-lists .box .money{text-align:center;padding:0 12px;}
.pro-lists .box .title{border-top:1px solid #f2f2f2;padding:10px 12px;font-size:16px;color:#333;}
.pro-lists .box .info{color:#999;}
.pro-lists .box .money{padding:10px 12px;color:#e2231a;font-weight:bold;}
.pro-lists.news .box .info{height:80px;line-height:28px;overflow:hidden;}

.page-header.index{margin:0 0 40px 0;padding:0;border-bottom:none;}
.page-header.index h3{margin:0;}
.page-header.index .more{color:#666;font-size:16px;margin-left:40px;}
.page-header.index ul{float:right;}
.page-header.index ul li{float:left;color:#666;font-size:16px;margin-left:40px;cursor:pointer;padding-bottom:8px;}
.page-header.index ul li.active{border-bottom:2px solid #02adff;}

.pro-box{display:none;}
.pro-box.active{display:block;}
.pro-box>div>.more{display:inline-block;width:400px;text-aling:center;height:44px;line-height:44px;margin-bottom:40px;background:#02adff;color:#fff;font-size:16px;}

.mood-title{font-size:24px;margin:0 0 30px 0;}
.mood-content h3{font-size:18px;font-weight:bold;position:relative;height:22px;margin:30px 0;}
.mood-content h3 span.title{position:absolute;display:inline-block;z-index:100;background:#fff;padding-right:12px;}
.mood-content h3 span.line{display:block;width:100%;height:1px;background:#333;position:absolute;top:50%;z-index:99;}
.clas2{box-shadow:0 0 3px rgba(0, 0, 0, 0.3);margin-bottom:40px;}
.clas2 a{display:inline-block;height:40px;line-height:40px;text-align:center;width:400px;color:#666;font-size:16px;}
.clas2 a:hover{background:#02adff;color:#fff;text-decoration:none;}

.bannersc{width:1200px;overflow:hidden;}
.large_box{margin-bottom:10px;width:1200px;height:500px;overflow:hidden;}
.large_box img{display:block;width:100%;height:100%;}
.small_box{width:1200px;height:80px;overflow:hidden;}
.small_list{position:relative;float:left;width:1140px;height:80px;overflow:hidden;}
.small_list ul{height:80px;overflow:hidden;}
.small_list ul li{position:relative;float:left;margin-right:10px;width:192px;height:80px;cursor:pointer;}
.small_list ul li img{display:block;width:190px;height:78px;border:1px solid #ccc;}
.small_list ul li.on img{border:1px solid #02adff;}
.btns{display:block;width:20px;height:80px;line-height:80px;text-align:center;background:#ccc;cursor:pointer;color:#fff;}
.btns:hover{background:#02adff;}
.left_btn{float:left;margin-right:10px;}
.right_btn{float:right;margin-left:10px;}

.ad2{padding:20px 0 40px;}
.ad2 img{width:100%;}

.carousel{margin-bottom:50px;}
.carousel-indicators{bottom:-50px;width:100%;margin-left:0px;left:0;margin-bottom:0;height:50px;border-bottom:1px solid #e8e8e8;overflow:hidden;}
.carousel-indicators li{width:300px;height:50px;margin:0;text-indent:0;line-height:50px;border-right:1px solid #e8e8e8;border-radius:0;font-size:16px;color:#999;}
.carousel-indicators li:first-child{border-left:1px solid #e8e8e8;}
.carousel-indicators .active{width:300px;height:50px;margin:0;border-bottom:3px solid #02adff;border-radius:0;}

.join{margin-bottom:40px;}
.join a,.join span{display:block;width:400px;float:left;height:186px;line-height:186px;text-align:center;text-decoration:none;font-size:30px;}
.join a.more{background:#02adff;color:#fff;font-weight:bold;}
.join span:last-child{background:#fafafa;}

.foot,.flink{background:#333333;}
.flink{height:80px;padding:20px 0;border-bottom:1px solid #484848;}
.flink .title{float:left;width:84px;color:#999;}
.flink .flinks{float:left;width:1116px;}
.flink .flinks a{float:left;width:186px;color:#999;}
.foot{height:154px;padding:29px 0;}
.foot .logo{}
.foot .info{margin-left:15px;}
.foot .info p{line-height:32px;margin-bottom:0;}
.foot .info p span{color:#999;margin-right:20px;}
.foot .info p span b{font-weight:normal;color:#ccc;}

.fixeds{position:fixed;right:15px;top:50%;width:190px;background:#fff;box-shadow:0 0 3px rgba(0, 0, 0, 0.3);z-index:1000}
.fixeds ul li{height:55px;line-height:55px;font-size:16px;padding:0 20px;color:#666;}
.fixeds ul li.title{background:#02adff;color:#fff;}
.fixeds ul li.title:hover{background:#02adff;}
.fixeds ul li.qq{background:url('../img/qq.png') no-repeat 16px 16px;padding-left:45px;}
.fixeds ul li.phone{background:url('../img/phone.png') no-repeat 16px 16px;padding-left:45px;}
.fixeds ul li.fax{background:url('../img/fax.png') no-repeat 16px 16px;padding-left:45px;}
.fixeds ul li:hover{background-color:#eee;}