@charset "utf-8";
/* CSS Document */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;}
body {line-height: 1;}
ol,ul,li {list-style: none;}
a{ text-decoration:none;}
blockquote,q {quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
*{tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: rgba(0,0,0,0);-ms-tap-highlight-color: rgba(0,0,0,0);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
body {font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif; background:#f2f2f2;}
.clearfix:after {visibility:hidden;display:block;content:"";clear:both;height:0;}
input,textarea {outline: 0;resize: none;}
img{ width:100%; height:auto;}

.viewport {min-width: 320px;max-width: 750px;margin: 0 auto; padding-bottom:60px;}
body {background: #fff;}
header{ position:relative;}
.back{ width:32px; height:32px; position:fixed;  top:10px; left:10px; z-index:99;}
header .back{position:absolute;}
.banner{width: 100%;height: auto; font-size:0; }
.banner img{width: 100%;height: auto;}
.count{ background:#fff; color:#333; line-height:1.4em; font-size:14px; border-radius:10px 10px 0 0; position:relative; margin-top:-10px; border-bottom:10px solid #f2f2f2;}
.count ul{display: box; display: -webkit-box; box-align: center; -webkit-box-align: center; box-pack: center; -webkit-box-pack: center;}
.count li{-webkit-box-flex: 1; box-flex: 1; width: 100%; text-align: center; margin:8px 0; font-size:12px; border-right:1px solid rgba(0,0,0,0.2); overflow:hidden;}
.count li:last-child{ border:none;}
.count li span{ display:block; font-size:16px; color:#ff2828;}
nav{position: fixed; height:50px; bottom: 0; left: 0; right: 0; max-width:750px; margin:0 auto; background: #FFF; z-index: 99; text-align:center; border-top: 1px solid #e0e0e0;}
nav ul{display: box; display: -webkit-box; box-align: center; -webkit-box-align: center; box-pack: center; -webkit-box-pack: center; height:42px; overflow:hidden; margin:3px auto 4px;}
nav li{-webkit-box-flex: 1; box-flex: 1; width: 100%; text-align: center;}
nav .act{}
nav li a{ display:block; line-height:0;}
nav .navicon{ height:30px; width:30px; margin:0 auto; background-size:contain;}
nav li a{font-size:12px; line-height:12px; color:#333; }
nav .home{background-image:url(images/home.png);}
nav .ab{background-image:url(images/ab.png);}
nav .tg{background-image:url(images/tg.png);}
nav .awards{background-image:url(images/awards.png);}
nav .tel{background-image:url(images/tel.png);}
nav .act .home{background-image:url(images/home-h.png);}
nav .act .ab{background-image:url(images/ab-h.png);}
nav .act .tg{background-image:url(images/tg-h.png);}
nav .act .awards{background-image:url(images/awards-h.png);}
nav .act .tel{background-image:url(images/tel-h.png);}
nav .act a{color:#ff2828;}
marquee{ position:fixed; left:0; bottom:50px; font-size:12px; line-height:20px; height:20px; background:#FF3C3C; color:#fff;}
.row{display: box; display: -webkit-box; box-align: center; -webkit-box-align: center; box-pack: center; -webkit-box-pack: center; padding:5px;}
.row div{-webkit-box-flex: 1; box-flex: 1; display:block; text-align:center; width: 100%;  height:auto; color:#fff;  border-radius:10px; overflow:hidden; position:relative; margin:5px; font-size:0;}
.row p{ text-align:center; position:absolute; right:3vmin; top:11vmin;}
.com p a{ color:#fff; font-size:4.8vmin;}
.row.vc div{ width:80vmin; margin:0 10vmin;}
.vc p a{ color:#fff; font-size:4.8vmin;}
.row.vc p{ text-align:left; position:absolute; left:50%; top:8vmin;}
.pm div{}
.pm a{background:#f60; display:block; padding:3vmin 0; line-height:2em; color:#fff; font-size:4.8vmin;}
.b1{background:#ff3264 -webkit-linear-gradient(top, #ff3264,#ff6e00); display:block; padding:5vmin 0; line-height:2em; color:#fff; font-size:4.8vmin;}
.b2{background:#00a8ff -webkit-linear-gradient(top, #007bff,#00a8ff); display:block; padding:5vmin 0; line-height:2em; color:#fff; font-size:4.8vmin;}
.b3{background:#28c8c8 -webkit-linear-gradient(top, #00b4b4,#28c8c8); display:block; padding:4vmin 0; line-height:2em; color:#fff; font-size:4.8vmin;}
.row .c1{ background:#ff5e7e;}
.row .c2{ background:#00b7ee;}
.row .c3{ background:#26c1bd;}
.row .c4{ background:#f4ac4d;}
.row .c5{ background:#8bc34a;}
.row .c6{ background:#9575cd;}
.zbzc{ text-align:center; padding:10px;}
.zbzc p{font-size:16px;line-height:1.5em; margin:5px 0;  color:#666;}
.zbzc img{ width:76vmin;box-shadow: 0 0px 10px rgba(0,0,0,0.1); margin:6px 0;}

.cont{}
.cont h3{ background:url(images/titbg.png) center center no-repeat; background-size:contain;text-align:center; font-size:5vmin; color:#ff2828; padding:20px 0;}
.about{ margin:10px; padding:0 10px;}
.about h6{ color:#333; line-height:3em;}
.about p{ text-indent:2em; color:#555; line-height:1.8em; text-align:justify;}
.contact{}
.contact .tel-list{}
.contact .tel-list li{ line-height:2.4em; color:#00bcd4; list-style:none; text-align:center; font-size:4.6vmin;}
.contact .tel-list li a{ color:#555; padding-left:10px;}
.searchbox{ padding:10px; line-height:30px; text-align:center; margin-bottom:14px; margin-top:2px;}
.searchbox input{ height:30px; border:1px solid #dcdcdc; padding:0 10px;}
.searchbox a{ color:#fff; padding:6px 10px; font-size:14px; background:#00a8ff; line-height:30px;}
.qiye-list{ padding-left:10px;}
.qiye-list li{ position:relative; height:90px;}
.qiye-list li .logo{ position:absolute; top:0px; left:0px; height:80px; width:80px; overflow:hidden; box-shadow:0 0 10px #fff;}
.qiye-list li .logo a{ height:80px; width:80px; position:relative; display:block;}
.qiye-list li .logo img{ height:80px; width:auto;}
.qiye-list .hv a:after{content:""; background:url(images/video.png) no-repeat; background-size:100%; height:80px; width:80px; position:absolute; top:0; left:0;}
.qiye-list li .txt{ margin-left:90px; height:90px; position:relative; border-bottom:1px solid #f2f2f2;}
.qiye-list li:last-child .txt{ border:none;}
.qiye-list li .txt .name{ color:#a07b7b; line-height:1.3em; display:table-cell; vertical-align:middle; height:60px;}
.qiye-list li .txt i{ position:absolute; left:0; bottom:14px; font-size:12px; color:#999;}
.qiye-list li .votebtn a{ position:absolute; right:10px; bottom:16px; padding:5px 20px; border-radius:50px; background: -webkit-linear-gradient(left, #ff6e00,#ff3264); color:#fff;}
.video{ width:100%; height:auto; margin:0 auto; background:#f5f5f5;}
.video video{ width:100%; height:auto;}
.abcont{ margin:10px;}
.abcont .name{ height:22px; line-height:22px; font-size:16px; margin:10px auto; text-align:center;}
.thr{ margin-left:7%; width:3%;}
.vote{ width:100%; background:#fff; position:relative; margin-bottom:10px;}
.vote .vote-num{ width:100%; padding:0 20%; margin-top:20px;}
.vote .vote-num div{ font-size:14px; background:#00bcd4; border-radius:18px 0 0 18px; float:left; height:36px; width:50%; color:#666; text-align:center; line-height:36px; color:#fff;}
.vote .vote-num .votebtn{ border-radius:0 18px 18px 0;background:#ff3264; }
.vote .vote-num a{ color:#fff; font-size:16px; display:block;}
.vote .vote-num img{ width:90px;}
.vote .logo{width:100%; height:90px; padding-top:10px; text-align:center;}
.vote .logo img{ height:80px; width:auto}
.profile{ background-color:#FFF; margin:28px 10px 0; padding:20px 0;border:1px solid #f2f2f2; border-width:1px 0; }
.profile.ps{height:auto;}
.profile p{ color:#6c6c6c; font-size:14px;  padding-bottom:10px; line-height:22px; text-align: justify;}
.profile h6{color:#333; font-size:16px;  padding-bottom:10px; line-height:22px; padding-top:10px;}
.profile li{ color:#6c6c6c; padding-bottom:10px; line-height:1.2em; font-size:14px;}
.profile li i{ color:#ff6000; float:left;}
.profile li span{; display:table-row}
.comment{ padding:10px;}
.comment h6{ text-align:center; color:#ff2828; font-size:16px; margin-top:10px;}
.commentbox textarea{resize: none;width: 100%;height: 70px;border: none;background:#f2f2f2; border-radius:5px;font-size: 14px; margin:20px auto; padding:14px; color:#555; text-align: justify;}
.commentbox a{ width:60%; margin:0 auto; display:block; text-align:center; line-height:36px; line-height:36px;border-radius:50px; background: -webkit-linear-gradient(left, #ff6e00,#ff3264); color:#fff;}
.commentlist{ color:#999; line-height:1.4em; font-size:14px; margin-top:20px; text-align:center;}
.commentlist li{ padding:16px 0; border-bottom:1px solid #f2f2f2; text-align:left;}
.commentlist li:last-child{ border:none;}
.commentlist li .commenttime{ padding-bottom: 8px;}
.pagination{display:inline-block;margin:20px 0;padding-left:0;}
.pagination>li{display:inline}
.pagination>li>a,.pagination>li>span{position:relative;float:left;margin-left:-1px;padding:6px 9pt;border:1px solid #ddd;background-color:#fff;color:#ff6000;text-decoration:none;line-height:20px}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:40px;border-top-left-radius:40px}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:40px;border-bottom-right-radius:40px}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;border-color:#ddd;background-color:#eee;color:#ff6000}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;border-color:#ff6000;background-color:#ff6000;color:#fff;cursor:default}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{border-color:#ddd;background-color:#fff;color:#777;cursor:not-allowed}
.black_overlay{display:none;position:fixed; top:0; left:0; width:100%; height:100%; background:#000; z-index:99; opacity:0.85;}
.black_overlay p{ position:fixed; bottom:0; left:0; width:100%; text-align:center; color:#fff; padding-bottom:20px;}
.focus2017{ padding:10px;}
.focus2017 .topnews p{ padding-bottom:10px;}
.focus2017 .topnews a{ color:#333; font-size:4.6vmin; font-weight:bold; padding-left:10px; display:block; line-height:1.3em; border-left:3px solid #ff2828; margin:10px 0;}
.fvideo{}
.fvideo h6{ background:url(images/vtitbg.png) center center no-repeat; background-size:contain; color:#fff; padding:1vmin 0; text-align:center; font-size:5vmin; margin:25px auto 15px;}
.fvideo .fvlist li{ width:33.333%; padding:5px; float:left; position:relative;}
.fvideo .fvlist li a:after{ content:""; position:absolute; top:50%; left:50%; background:url(images/video.png) center center no-repeat; height:100%; width:100%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); background-size:contain;}
.showvideo{ display:none; text-align:center; position:fixed; left:0; top:0; z-index:1003; width:100%; height:100%; background:rgba(0,0,0,0.9);}
.showvideo i{position:absolute; top:0; right:0; height:50px; width:50px; background:url(images/cab.png) no-repeat; background-size:cover; cursor:pointer; z-index:9999;}
.showvideo video{width:100%; min-width:320px; height:auto; z-index:1003; position:absolute;top:50%; left:0; -webkit-transform:translateY(-50%);transform:translateY(-50%);}
.bigevent{ background:#ff2828; padding:2vmin;}
.iSlider{ position:relative;}
#fimg{ height:56vw; max-height:486px; position:relative;}
#fimg img{ width:100%; height:auto;}
#iSlider-wrapper{ height:52vw; max-height:394px; position:relative;}
#iSlider-wrapper img{ width:100%; height:auto;}
.iSlider-thumb{ text-align:center; color:#fff; padding-top:3vmin; padding-bottom:1vmin;}
.iSlider-thumb li{ width:25%; float:left;  font-size:3.8vmin; line-height:3em; position:relative;}
.iSlider-thumb li i{border:2vmin solid transparent; position: absolute; top: -3.8vmin; left: 50%; margin-left:-2vmin; border-bottom-color:#fff; display:none;}
.iSlider-thumb li.act{ background:#fff !important; color:#ff2828 !important;}
.iSlider-thumb li.act i{ display:block;}
.iSlider-thumb #l2{ background:#00579c;}
.iSlider-thumb #l3{ background:#ffa000;}
.iSlider-thumb #l4{ background:#1d89c9;}
.iSlider-thumb #l5{ background:#16ad84;}
.media{ background:#f2f2f2; padding:2vmin; border-radius:4vmin; margin:0 4vmin;}
.media li{ width:25%; padding:2vmin; float:left;}
.media li img{ border-radius:3vmin; overflow:hidden;}
.ranktit{ display:inline; font-size:6vmin; padding:3px 10px; border-radius:50px; border:1px solid #dcdcdc; background:#f2f2f2; color:#333; position:relative; top:-5px; left:10px;}
.rank{margin:0;}
.rank h6{ text-align:center; font-size:20px; color:#00bcd4; padding:30px 0 15px;}
.rank h6 span{ color:#fff; background:#00bcd4; padding:0 10px; border-radius:50px; font-size:18px; line-height:20px; margin-right:2vmin;}
.ranklist li{ position:relative; font-size:14px; line-height:40px;}
.ranklist div{color: #a07b7b; position:relative; border-bottom:1px solid #e8e8e8; margin-left:12vmin; padding-right:22vmin; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.ranklist li:last-child div{ border:none;}
.ranklist div span{ color:#ff6000; display:block; width:20vmin; position:absolute; top:0; right:3vmin; text-align:right;}
.ranklist i{ position:absolute; color: #ccc; font-weight:bold; display:block; width:10vmin; text-align:center; }
.sTip{ position:fixed; z-index:99999; left:12px; bottom:75px; height:54px; width:54px; padding:10px; border-radius:60px; background:#ff3264 -webkit-linear-gradient(left, #ff6e00,#ff3264);  text-align:center; border:1px solid #fff;}
.sTip a{ line-height:16px; font-size:14px; color:#fff;}
.sTip{animation:tip 4s infinite;-webkit-animation:tip 4s infinite;}
@keyframes tip{
	0% {transform:translateY(0);}
	15% {transform:translateY(0);}
	20% {transform:translateY(-20px);}
	25% {transform:translateY(0);}
	30% {transform:translateY(-10px);}
	40% {transform:translateY(0);}
	100% {transform:translateY(0);}
}
@-webkit-keyframes tip{
	0% {-webkit-transform:translateY(0);}
	15% {-webkit-transform:translateY(0);}
	20% {-webkit-transform:translateY(-20px);}
	25% {-webkit-transform:translateY(0);}
	30% {-webkit-transform:translateY(-10px);}
	40% {-webkit-transform:translateY(0);}
	100% {-webkit-transform:translateY(0);}
}
.popup{display:none; z-index:1002; width:80vmin; height:150px; padding:20px; position:fixed; background:#fff;box-shadow: 0 0 30px rgba(0,0,0,0.2);top: 50%; left: 50%; transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}
.popup h6{ text-align:center; font-size:18px;}
.closep{ width:36px; height:36px; position:absolute; top:-18px; right:-18px;}
.closep img{ width:100%; height:auto;}
.infovotebtn{ border-radius:100px; height:32px; width:60%; margin:0 auto; background: -webkit-linear-gradient(left, #ff6e00,#ff3264); line-height:32px; text-align:center; color:#fff; display:block;}
.infovotebtn a{ text-align:center; display:block; color:#fff; }
.inputtxt{position:relative; margin:15px 0;}
.inputtxt input{ width:60%; height:36px; float:left; border:1px solid #dcdcdc;}
.inputtxt .yzm{ float:right; width:38%;}
.inputtxt .yzm img{width:100%; height:36px;}