@charset "utf-8";
/* CSS Document */
/* 全局CSS定义 */
body{font-family: Arial;text-align:center;margin:0 auto;padding:0;font-size:14px; font-family: 'Microsoft YaHei';color:#333; background:#fff; min-width:1200px;}
body > div{text-align:center;margin-right:auto;margin-left:auto; font-size:14px;}
div,form,ul,ol,li,dl,dt,dd,span,p{margin:0;padding:0;border:0;}
img,a img{border:0;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:12px;font-weight:normal;}
ul,ol,li{list-style:none}
table,td,input{font-size:12px;padding:0}
.clearfix:after {visibility:hidden;display:block;content:"";clear:both;height:0;}
.clearfix{*zoom:1;}
/* 默认链接颜色 */
a{outline-style:none;color:#333;text-decoration:none;}
a:hover{}
/*清除链接虚框*/
a,area {blr:expression(this.onFocus=this.blur()) }
:focus {-moz-outline-style: none; }
::-webkit-scrollbar {width: 14px; height: 14px;}
::-webkit-scrollbar-track,::-webkit-scrollbar-thumb { border-radius:999px; border:5px solid transparent;}
::-webkit-scrollbar-track { box-shadow:1px 1px 5px rgba(0,0,0,0.2) inset;}
::-webkit-scrollbar-thumb { min-height:20px; background-clip: content-box; box-shadow:0 0 0 5px rgba(0,0,0,0.2) inset;}
::-webkit-scrollbar-thumb:hover{box-shadow:0 0 0 5px rgba(40,188,250,0.5) inset;}
::-webkit-scrollbar-corner { background:transparent;}
textarea {
-webkit-transition: box-shadow 0.30s ease-in-out;
-moz-transition: box-shadow 0.30s ease-in-out;
-ms-transition: box-shadow 0.30s ease-in-out;
-o-transition: box-shadow 0.30s ease-in-out;
outline: none;
border-width:1px;
border-style:solid;
}
textarea:focus {
box-shadow: 0 0 10px rgba(81, 203, 238, 1);
border: 1px solid rgba(81, 203, 238, 1);
}
input {vertical-align:middle;}
.mt20{ margin-top:20px;}
.mr20{ margin-right:20px;}
.mr40{ margin-right:40px;}
.fl{ float:left;}
.wrap{ width:1200px; margin:0 auto; position:relative;}

.topnav{ height:80px; width:100%;background:url(images/navbg.png) repeat;position:fixed; top:0; left:0; z-index:1000;}
.topnav li{float: left; position: relative;}
.topnav li>a{line-height:80px; font-size: 16px; display: block; width:120px; color: #fff; transition:background 0.2s linear;}
.topnav li.act>a,.topnav li>a:hover{ background:#246fee;}
.topnav li .nav-child {background:#3cb6e5; display:none;border-radius: 10px; position:absolute; top:70px; left: 0; width: 120px; padding: 10px 0;}
.topnav li .nav-child .arrow { border: 9px solid transparent; position: absolute; top: -18px; left: 51px; border-bottom-color:#3cb6e5;}
.topnav li .nav-child li { width: 100%; height: 30px; line-height: 30px;}
.topnav li .nav-child li a { height: 30px; line-height: 30px; color: #fff; font-size: 14px; border-top: 1px solid rgba(255,255,255,0.3);}
.topnav li .nav-child li:first-child a{border-top:none;}
.down-bmb{ width:180px; height:36px; position:absolute; top:22px; right:10px;}
.down-bmb .dimg{ background:#cf147d; height:36px; width:40px; border-radius:40px 0 0 40px; float:left; position:relative;}
.down-bmb .dimg img{ position:absolute; top:8px; right:8px;}
.down-bmb .dlink{ background:rgba(255,255,255,0.3); height:36px; width:140px; border-radius:0 40px 40px 0 ; float:left;}
.down-bmb .dlink a{ color:#fff; line-height:36px; font-size:16px;}

.banner{ height:480px; background:#001c5d url(images/banner.jpg) center top no-repeat; min-width:1200px;}
.banner-cont{ width:1200px; height:480px; margin:0 auto; position:relative;}
.banner-cont a{ display:block; height:40px; width:142px; position:absolute; bottom:30px; left:286px;}
.banner-cont a.ph{left:449px;}
.left{ position: fixed; height:550px; width:120px; z-index:1000; left:0; bottom:10px;}
.left-list{ position:absolute; top:0; left:0;}
.left-t{ position:absolute; top:0; left:0; cursor:pointer;}
.left-list i{position: absolute; height: 30px; width: 30px; right: -15px; top: -15px; background: url(images/c.png) no-repeat; cursor: pointer;}
.s-nav{ position: fixed; z-index:102; width: 54px; right:10px; bottom: 10px;}
.s-nav .cl{ background-color:#0ba4de; width: 48px; height: 48px; margin-bottom:3px; border-radius:3px;position: relative;  cursor: pointer;}
.wx{ background:url(images/wx.png) center center no-repeat;}
.lj{ background:url(images/lj.png) center center no-repeat;}
.lx{ background:url(images/lx.png) center center no-repeat;}
.gotop{ background:url(images/gotop.png) center center no-repeat;}
.wx .cc{ width:100px; height:100px; border-radius:10px; border:3px solid #cf147d; padding:10px; background: #fff; position:absolute; top:-40px; right:57px; display:none;}
.wx .cc .arrow { height:17px; width:12px; background:url(images/s-nav-arr.png) no-repeat; position: absolute;right:-12px;top:53px;}
.lx .cc{ width:140px; position:absolute; border-radius:10px; bottom:-102px; right:57px; background:#fff; border:3px solid #cf147d; display:none;}
.lx .cc .arrow { height:17px; width:12px; background:url(images/s-nav-arr.png) no-repeat; position: absolute;right:-12px;bottom:114px;}
.lx .cc ul{ padding:12px 0 12px 12px;}
.lx .cc li{ float:left; font-family:Arial; line-height:21px; padding:5px 0; background:url(images/kf.png) left center no-repeat; font-size:13px; text-align:left; padding-left:20px;}
.lx .cc li span{ display:block;}
.s-nav li .ct{ position:relative; width: 48px; height: 48px; overflow:hidden;}
.s-nav li a{position: absolute; top: 0; left: 0; width: 100%; height: 100%; line-height: 16px; padding:8px 0; font-size: 12px;color: #fff; border-radius: 3px; background-color: #cf147d; text-align: center; -webkit-transform-origin: -50% 50%; transform-origin: -50% 50%; -webkit-transform: rotate3d(0,0,1,90deg); transform: rotate3d(0,0,1,90deg); -webkit-transition: -webkit-transform .3s ease-in; transition: transform .3s ease-in; display:none\9;*display:none; }
.s-nav li:hover a{ -webkit-transform: rotate3d(0,0,1,0deg); transform: rotate3d(0,0,1,0deg); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;display:block\9;*display:block;}

.changeImg{ height:340px; width:860px; text-align:left;}
.mF_liuzg{position:relative;width:860px;height:340px;overflow:hidden;font:12px/1.5 Verdana,Geneva;background:#fff;}
.mF_liuzg .loading{position:absolute;z-index:9999;width:100%;height:100%;color:#666; padding-top:90px;text-align:center;background:#fff url(loaing.gif) center -40px no-repeat;}/*载入画面*/
.mF_liuzg .pic li{width:860px;position:relative;overflow:hidden;*margin-top:-2px;}
.mF_liuzg .pic li p{width:860px;position:absolute;}
.mF_liuzg .pic li p a{display:block;}/*图片和焦点图框架一样大小*/
.mF_liuzg .pic li p img{width:860px;height:340px;}
.mF_liuzg .txt li{position:absolute;z-index:2;bottom:0;width:860px;height:36px;line-height:34px;overflow:hidden;display:none; padding-left:10px; color:#fff; text-align:left;}
.mF_liuzg .txt li a{display:block;color:#fff;padding:2px 0 0 5px;font-size:12px;font-weight:bold;text-decoration:none;}/*标题样式*/
.mF_liuzg .txt-bg{position:absolute;bottom:0;z-index:1;width:860px;height:36px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;}/*标题背景*/
.mF_liuzg .num{position:absolute;z-index:3;bottom:8px;right:8px;color:#333; font-size:0;}/*按钮样式*/
.mF_liuzg .num li{float:left;width:14px;height:14px;position:relative;line-height:18px;text-align:center;margin-right:8px;cursor:pointer;background:#fff;filter:alpha(opacity=90);opacity:0.9; border-radius:7px;}
.mF_liuzg .num li.current,.mF_liuzg .num li.hover{height: 10px;width: 10px;background:#1383c6;border: 2px solid #fff}

.time{ width:320px; height:340px;}
.time .hd{ width:320px; height:50px; background:#246fee; color:#fff; font-size:16px; line-height:50px;}
.time .ft{ width:318px; height:289px; border:1px solid #dcdcdc; border-top:none;}
.time .ft ul{ padding:20px;}
.time .ft li{ height:59px; border-bottom:1px solid #dcdcdc; line-height:59px;}
.time .ft li:last-child{ border-bottom:none;}
.time .ft li span{ color:#01b4d5; padding-right:20px;}

.title{ background:url(images/title-bg.png) bottom center no-repeat; height:80px; margin-bottom:40px;}
.title h3{ font-size:30px; color:#cf147d; line-height:80px;}

.award{}
.award-cont{width:1200px;}
.award-cont table{border:3px solid #0ba4de;}
.award-cont th{ background:#0ba4de; color:#fff; font:16px/28px 'microsoft Yahei'; text-align:center; border:1px solid #2EBAEF; border-top:none; border-left:none; padding:5px;}
.award-cont td{ border-right:1px solid #93D5EF; padding:0 5px; line-height:21px; text-align:center; font-size:14px; text-align:left; vertical-align:top;}
.award-cont td div{ height:230px; overflow:hidden;}
.award-cont td ul{ padding-top:10px;}
.award-cont td li{ line-height:20px; padding:5px 0;}
.zUIpanelScrollBox,.zUIpanelScrollBar{width:6px;top:4px;right:2px;border-radius:5px;}
.zUIpanelScrollBox{	background:black;opacity:0.1;filter:alpha(opacity=10);}
.zUIpanelScrollBar{background:#6eb400;opacity:0.8;filter:alpha(opacity=80);}


.qiye .hd{ height:40px; border-bottom:2px solid #246fee; text-align:left}
.qiye .hd a{ font-size:16px; background:#eeeeee; line-height:40px; display:inline-block; padding:0 20px; color:#246fee; margin-right:2px;}
.qiye .hd a.act{ background:#246fee;  color:#fff;}
.qiye .qiyebox{ margin-bottom:50px;}
.qiye ul{ margin-right:-50px;}
.qiye li{ float:left; width:198px; border:1px solid #eee; margin-top:30px; margin-right:50px;transition: transform .2s linear,box-shadow .2s linear;}
.qiye li:hover{ box-shadow: 0 15px 30px rgba(0,0,0,0.2);transform: translate3d(0, -2px, 0);}
.qiye li .logo{ height:70px; width:120px; padding:15px 39px;}
.qiye li .logo img{height:70px; width:120px;}
.qiye .tempWrap li .logo img{height:60px; width:120px; margin:5px 0;}
.qiye li .txt{ height:29px; width:198px; background:#eee; line-height:30px;}
.scroll_box ul{ width:9999px;}
.tempWrap{ width:1250px; height:186px; overflow:hidden;}

.media-logo{ margin:40px 0 60px;}
.media-logo ul{ margin-top:30px; margin-right:-60px;}
.media-logo li{float:left; height:70px; width:150px; padding-right:60px; padding-bottom:30px;}
.media-logo li img{ position:relative; height:70px; width:150px;}

.pre-cont{filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#6908be,endcolorstr=#2404a4,gradientType=1);
background:#1487f4; 
background: -webkit-linear-gradient(60deg, #6908be,#2404a4);
background: -ms-linear-gradient(60deg, #6908be, #2404a4); }
.pre-cont ul{ padding:100px 0;}
.pre-cont li{ float:left; height:140px; width:240px; background:url(images/white20.png) repeat; color:#bd9ce1; position:relative;}
.pre-cont li.even{background:url(images/white10.png) repeat;}
.pre-cont li a{ line-height:140px; font-size:48px; display:block; color:#bd9ce1;}
.pre-cont li p{ font-size:18px; position:absolute; left:10px; bottom:10px;}
.pre-cont li:hover{background:#246fee; color:#fff;}
.pre-cont li:hover a{ color:#fff;}

.about{ height:250px; background:#383849; text-align:left;}
.about h5{ color:#fff; font-size:18px; line-height:30px; padding:30px 0 10px;}
.about .host{ width:230px; padding-left:40px; height:250px; float:left;}
.about .host img{ margin-top:15px;}
.about .contact{ width:588px; padding-left:40px; height:250px; border-left:1px solid #4c4c5c; border-right:1px solid #4c4c5c; float:left;}
.about .contact li{ float:left; width:170px; height:50px; font-size:16px; color:#999;}
.about .contact li span{ display:block;}
.about .qr{ width:300px; height:250px;float:left;}
.about .qr img{ padding:65px 0 0 40px; }

.pv{ height:30px; background:#4c4c5c; color:#aaaaaa; line-height:30px;}
.pv span{ color:#fff; padding:0 5px;}
.bottom{ height:60px; background:#383849; color:#888888; line-height:60px;}

.content{ margin:20px auto; text-align:left;}
.tit .hd{ height:46px; border-bottom:2px solid #246fee; text-align:left}
.tit .hd h2{ font-size:18px; background:#246fee; line-height:46px; display:inline-block; padding:0 60px; color:#fff; margin-right:2px;}
.cont-box{ padding:50px;}
.cont-box .ti4em{ text-indent:4em;}
.cont-box h1{ text-align:center; font:24px/40px 'Microsoft YaHei'; color:#cf147d; margin:10px auto 30px;}
.cont-box h3{ margin-top:20px; font:18px/1.8em 'Microsoft YaHei'; color:#111;}
.cont-box h4{ margin-top:10px;font-size:16px; }
.cont-box h4 b{ font:18px/1.8em 'Microsoft YaHei'; color:#111;}
.cont-box h6{ font-weight:bold;margin-top:10px;font-size:16px; }
.cont-box p{ text-indent:2em; margin:5px 0; font-size:16px; line-height:1.8em;}

.bid{}
.bid ul{ margin-right:-40px;}
.bid li{ float:left; width:268px; height:75px; border:1px solid #eee; margin-top:30px; margin-right:40px;transition: transform .2s linear,box-shadow .2s linear;}
.bid li:hover{ box-shadow: 0 10px 30px rgba(0,0,0,0.2);transform: translate3d(0, -2px, 0);}
.bid li .logo{ height:65px; width:65px; padding:4px; float:left;}
.bid li .logo img{ width:65px; height:65px;}
.bid li .txt{ height:73px; width:195px; display:table-cell; vertical-align:middle;}
.bid li .txt a{ display:inline-block; _zoom:1;*display:inline; width:168px; vertical-align:middle;}
.bid li .txt input{ vertical-align:middle; padding-right:5px;}

.pp{}
.pp ul{ margin-right:-40px;}
.pp li{ float:left; width:268px; height:98px; border:1px solid #eee; margin-top:30px; margin-right:40px;transition: transform .2s linear,box-shadow .2s linear;}
.pp li:hover{ box-shadow: 0 10px 30px rgba(0,0,0,0.2);transform: translate3d(0, -2px, 0);}
.pp li .logo{ height:90px; width:80px; padding:4px; float:left;}
.pp li .logo img{ width:80px; height:90px;}
.pp li .txt{ height:88px; width:170px; padding-left:10px; float:left; padding-top:10px;}
.pp li .txt a{}
.pp li .txt p{ color:#888;}
.pp li .txt input{ vertical-align:middle; margin-right:5px;}

.pm{ margin-bottom:50px;}
.pm ul{ margin-right:-30px;}
.pm li{ float:left; width:380px; height:200px; background:#eee; border-radius:10px; margin-top:30px; margin-right:30px; overflow:hidden; position:relative;}
.pm li .logo{ height:200px; width:150px; float:left;}
.pm li .logo img{ width:150px; height:200px;}
.pm li .txt{ height:200px; width:220px; padding-left:10px; float:left;}
.pm li .txt h6{ color:#333; font-size:24px; margin:26px 0; padding-top:10px;}
.pm li .txt p{ color:#666; font-size:16px;}
.pm li .dz{ position:absolute; right:10px; bottom:10px; padding:3px 20px; background:#40c0d8; color:#fff; border-radius:50px; font-size:16px; z-index:100;}
.pm li .pm-about{ display:none; position:absolute; top:0; left:0; height:160px; width:340px; padding:20px; color:#fff; background:url(images/pmbg.png) repeat; z-index:99;}
.pm li .pm-about p{ text-indent:2em; margin:10px 0;}
.pm li .pm-about a{ background:#f60; color:#fff; padding:2px 8px; }

.vote{ margin-bottom:50px;}
.vote-title{ text-align:center; font:22px/50px 'Microsoft YaHei'; color:#666; margin-bottom:20px;}
.vote li{line-height:40px; height:40px;}
.vote li.hd{ text-align:center; background:#40c0d8; color:#fff; margin-bottom:20px; font-size:16px;}
.vote li .ranking{ float:left; width:10%; text-align:center; }
.vote li .name{ float:left; width:40%; text-align:center; }
.vote li .votes{ float:left; width:50%;}
.vote li .votes .strip{ width:80%; margin:14px 0; display:block; float:left; height:12px; background:#e8e8e8;border-radius:10px; overflow:hidden;transition:box-shadow .2s linear;}
.vote li:hover .votes .strip{ box-shadow: 0 0 30px rgba(207,20,125,0.8);}
.vote li .votes span{ display:block; width:20%; text-align:center; float:left;}
.vote li .votes .strip i{ height:12px; display:block; background:#CF147D;}

.com input{  padding-left:5px;}
.toupiao{ text-align:center; margin:30px 0 80px;}
.toupiao input{width: 80px; height: 25px; vertical-align: middle; padding-left: 5px;}
.toupiao img {vertical-align: middle; margin: 0 5px; height:30px; width:80px;}
.tp_btn{ margin-top:20px;}
.tp_btn a{ height:36px; line-height:36px; background:#40c0d8; color:#fff; border-radius:5px; font-size:16px; display:inline-block; width:120px; margin:0 10px;}
.tp_btn a.tp{ background:#c61366;}
.comment{ padding:0 20px 50px;}
.comment table{ border:none;}
.comment table th{ border:none;  line-height:40px; color:#d20000;}
.comment table td{ border:none;  line-height:30px;}
.comment .review_tit{ color:#999; height:30px; line-height:30px; padding-left:10px; background:#eee;}
.comment .review{ padding-left:10px; margin:10px 20px; border-left:1px solid #dcdcdc; line-height:24px; color:#333; text-align:justify;}
.comment .notice .review_tit{ color:#c61366;}
.comment .all-comment a{ padding:5px;}

.comment-area{ width:94%; margin:40px auto 0; text-align:right;}
.comment-area textarea{height:80px; width:100%; overflow:auto; line-height:21px; margin-bottom:20px; text-align:left; border-radius:2px;resize:none; font-size:14px;font-family: 'Microsoft YaHei'; color:#666;}

.comment-area a{  height:36px; line-height:36px; text-align:center; background:#40c0d8; color:#fff; border-radius:5px; font-size:16px; display:inline-block; width:120px;}

.t-box{ display:none; position:fixed;width:720px; height:420px;top:50%; left:50%;margin:-260px 0 0 -360px;z-index:1002;_margin-top:260px;_position: absolute;_top: expression(documentElement.scrollTop+370 + "px"); transition:transform 0.3s;-webkit-transition:transform 0.3s;-ms-transition:transform 0.3s;}
.t-box-cont{ background:#fff; width:720px; height:420px;overflow:hidden;}
.rotate{transform:rotate(5deg);transform-origin:0 0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;}
.t-box i{ position:absolute; height:36px; width:36px; right:-18px; top:-18px; background:url(images/close.png) no-repeat; cursor:pointer;transition:transform 0.3s;}
.t-box i:hover{transform:rotate(180deg);}
.black_overlay{display:none;position:fixed; top:0; _top: expression(documentElement.scrollTop-220 + "px");left:0; width: 100%; height: 100%; _height: 1200px; background:#000; z-index:1001;_position: absolute;}
.rules-list ul{ padding:40px; padding-bottom:20px; margin-right:-30px;}
.rules-list ul li{ width:200px; height:36px; float:left; margin-right:30px; margin-bottom:20px; text-align:center; line-height:18px; background:#0ba4de; padding:6px 0; border-radius:5px; text-align:center; display:table; transition: box-shadow .2s linear;}
.rules-list ul li:hover{ box-shadow: 0 15px 30px rgba(0,0,0,0.3);}
.rules-list ul li a{ color:#fff; display:table-cell; vertical-align:middle;}

.ruleslist{ margin-top:30px;}
.ruleslist table{ border:3px solid #0ba4de; border-right:3px solid #0ba4de; border-bottom:3px solid #0ba4de;}
.ruleslist th{ background:#0ba4de; color:#fff; font:16px/35px 'microsoft Yahei'; text-align:center; border:1px solid #2EBAEF; border-top:none; border-left:none; padding:5px; }
.ruleslist td{ border:1px solid #93D5EF; border-top:none; border-left:none; padding:0 5px; line-height:21px; text-align:center; font-size:14px; text-align:left;}
.ruleslist td.st{ text-align:center;}
.ruleslist td.stb{ font-size:16px; }
.ruleslist td a{ padding-left:20px; line-height:36px; text-align:left; display:block;}
.ruleslist td a span{ background:#6eb400; padding:2px 5px; border-radius:5px; cursor:pointer; color:#fff; margin-left:20px; display:none;}
.rulesbox{ position:fixed; background:url(images/r-bg.png); left:0; top:0; height:100%; width:100%; display:none; text-align:center; z-index:10001;}
.rulesbox .rulescont{ height:100%; width:1000px; margin:0 auto; overflow:hidden;}
.rulesbox .rulescont:before{ content:""; display:block; width:100%; height:10%;}
.rulesbox .tit{ height:10%; *margin-top:100px; width:100%;  font:18px/40px 'Microsoft YaHei'; color:#fff; text-indent:10px; }
.rulesbox .tit i{ position:fixed; right:0; top:0; *top:80px; height:60px; width:60px; background:url(images/cr.png) no-repeat; cursor:pointer;}
.rulesbox .rc{height:80%; width:100%; padding-right: 17px; font:14px/24px 'Microsoft YaHei'; overflow:auto; text-align:left;}
.rulesbox .rc h6{font-size: 16px; color: #ddd; line-height: 28px; margin-bottom: 10px; margin-top: 20px; font-weight:normal;}
.rulesbox .rc p{font-size: 14px; color: #bbb; line-height: 24px; text-indent: 2em; margin-bottom: 5px;}