*{word-wrap:break-word;}
i {
	font-style:normal
}
body {
	margin:0;
	padding:0;
	background:#f2f2f2;
	font-family:microsoftyaheilight,microsoft yahei light,microsoft yahei;
	font-weight:100;
	letter-spacing:0;
	color:#666
}
p,ul,li,dl,dt,dd,form {
	margin:0;
	padding:0;
	list-style:none
}
img {
	border:none
}
a {
	color:#333;
	text-decoration:none
}
.btn {
	display:inline-block;
	margin-bottom:0;
	padding:0;
	font-size:16px;
	font-weight:400;
	line-height:28px;
	text-align:center;
	white-space:nowrap;
	background-image:none;
	border:1px solid transparent;
	border-radius:0;
	cursor:pointer;
	outline:0;
	transition:background-color 300ms ease-out 0s,border-color 300ms ease-out 0s;
	display:block;
	border-radius:1000px;
	background:0 0;
	border:1px #8c8c8c solid
}
.disno {
	display:none
}
.dis {
	display:block
}
.ad {
	margin:0
}
.warp {
	width:100%;
	min-width:1200px;
	height:auto;
	overflow:hidden;
	text-align:center;
	margin:0 auto
}
.header {
	width:100%;
	height:60px;
	background:#515050;
	border-top:3px #257feb solid;
	text-align:center;
	margin:0 auto
}
.head {
	width:1200px;
	height:60px;
	text-align:center;
	margin:0 auto
}
.head .logo {
	width:140px;
	height:60px;
	background:url(../images/logo.png) left center no-repeat;
	float:left
}
.head .logo a {
	display:block;
	width:110px;
	height:60px;
	text-align:left
}
.head .nav {
	width:590px;
	height:60px;
	float:left;
	text-align:left
}
.global-nav {
	width:690px;
	height:60px;
	float:left;
	text-align:left;
	letter-spacing:1px
}
.global-nav .main-menu {
	}.nav-en {
	color:#dd5f0d
}
.global-nav>ul {
	text-align:left
}
.global-nav>ul>li {
	position:relative;
	float:left
}
.global-nav>ul>li>a {
	display:block;
	padding:0 25px;
	height:60px;
	line-height:61px;
	color:#fff
}
.global-nav>ul>li>a:hover {
	}.nav-sub-menu {
	display:none;
	border-bottom:rgba(0,0,0,.05) 1px solid;
	overflow:hidden
}
.dropdown {
	position:relative
}
.has-drop-menu:after {
	content:" ";
	display:inline-block;
	width:0;
	height:0;
	margin-left:6px;
	vertical-align:middle;
	color:#fff;
	border-top:4px solid;
	border-right:4px solid transparent;
	border-left:4px solid transparent;
	position:relative;
	top:-1px
}
.dropdown-menu {
	padding:20px;
	position:absolute;
	top:54px;
	left:0;
	background:#fff;
	border:1px solid rgba(26,53,71,.12);
	border-radius:4px;
	box-shadow:0 1px 2px rgba(26,53,71,.1);
	opacity:0;
	filter:alpha(opacity=0);
	-ms-filter:alpha(opacity=0);
	zoom:1;
	pointer-events:none;
	-webkit-transform:scale(.8) translateY(-30%);
	transform:scale(.8) translateY(-30%);
	transition:.4s cubic-bezier(.3,0,0,1.3);
	z-index:111
}
.dropdown-menu.visible {
	opacity:1;
	filter:alpha(opacity=100);
	-ms-filter:alpha(opacity=100);
	zoom:1;
	pointer-events:auto;
	-webkit-transform:none;
	transform:none
}
.nav-dropdown .dropdown-menu::before {
	left:50px
}
.dropdown-menu::before {
	content:"";
	position:absolute;
	top:-7px;
	left:calc(50% - 7px);
	width:13px;
	height:7px;
	background:url(../other/dropdown-menu-arrow.svg)
}
.dropdown-menu {
	padding:20px;
	position:absolute;
	top:54px;
	left:0;
	background:#fff;
	border:1px solid rgba(26,53,71,.12);
	border-radius:4px;
	box-shadow:0 1px 2px rgba(26,53,71,.1);
	opacity:0;
	filter:alpha(opacity=0);
	-ms-filter:alpha(opacity=0);
	zoom:1;
	pointer-events:none;
	-webkit-transform:scale(.8) translateY(-30%);
	transform:scale(.8) translateY(-30%);
	transition:.4s cubic-bezier(.3,0,0,1.3);
	z-index:111
}
.dropdown-menu.visible {
	opacity:1;
	filter:alpha(opacity=100);
	-ms-filter:alpha(opacity=100);
	zoom:1;
	pointer-events:auto;
	-webkit-transform:none;
	transform:none
}
.nav-dropdown .dropdown-menu::before {
	left:50px
}
.dropdown-menu::before {
	content:"";
	position:absolute;
	top:-7px;
	left:calc(50% - 7px);
	width:13px;
	height:7px;
	background:url(../other/dropdown-menu-arrow.svg)
}
.channel {
	width:400px;
	font-size:14px
}
.channel .title {
	font-weight:700;
	margin-bottom:15px;
	margin-top:15px
}
.sort .title {
	margin-top:0
}
.channel ul li {
	float:left
}
.channel ul li a {
	padding:0;
	height:auto;
	line-height:normal
}
.channel ul li a:after {
	content:'';
	width:1px;
	height:12px;
	display:inline-block;
	background:rgba(0,0,0,.15);
	margin:0 15px
}
.head .user {
	width:370px;
	height:60px;
	float:left
}
.head .user .login {
	float:right;
	width:60px;
	height:30px;
	margin:15px 0;
	margin-left:15px
}
.head .user .login a {
	display:block;
	width:60px;
	height:30px
}
.head .user .login .btn-login {
	color:#e9e9e9
}
.head .user .login a:hover {
	background:#257feb;
	border:1px #257feb solid
}
.head .user .loginok {
	float:right;
	width:auto;
	padding-left:10px;
	padding-right:10px;
	color:#fff;
	line-height:30px;
	height:30px;
	margin:15px 0;
	margin-left:15px
}
.head .user .loginok a {
	color:#fff
}
.head .user .loginok .nav_li_child {
	position:absolute;
	width:120px;
	z-index:9999;
	display:none;
	padding-bottom:0;
	font-size:13px;
	text-align:left;
	line-height:20px;
	padding:10px 0;
	padding-top:10px;
	background:url(../images/showdown.png) center top no-repeat
}
.head .user .loginok .nav_li_child .showdown {
	width:120px;
	height:auto;
	background:#fff;
	padding:10px 0;
	border-radius:5px
}
.head .user .loginok .nav_li_child a {
	background:0 0;
	color:#000;
	line-height:30px;
	height:auto;
	font-size:14px;
	display:block;
	text-align:center
}
.head .user .loginok .nav_li_child a:hover {
	background:#257feb;
	color:#fff
}
.head .user .tougao {
	float:right;
	width:60px;
	height:30px;
	margin:15px 0;
	margin-left:15px
}
.head .user .tougao a:hover {
	background:#257feb;
	border:1px #257feb solid
}
.head .user .tougao .btn-login {
	color:#e9e9e9
}
.head .user .btn-loginok {
	background:url(../images/arrow.png) right 10px no-repeat;
	padding-right:14px
}
.head .user .btn-loginok img {
	border-radius:50px
}
.head .user .tougao a {
	display:block;
	width:60px;
	height:30px
}
.head .user .search {
	float:right;
	margin:15px 0
}
.form-search {
	font-size:14px;
	height:100%;
	position:relative
}
.form-search .icon-search {
	position:absolute;
	top:5px;
	left:0;
	cursor:pointer;
	display:inline-block;
	height:100%;
	width:46px;
	background:url(../images/yy-rnso.png) no-repeat
}
.form-search .icon-search:before {
	float:right;
	margin-top:22px;
	margin-right:18px
}
.form-search .icon-search:hover {
	color:#dd5f0d
}
.form-search input {
	width:46px;
	font-size:12px;
	padding-left:28px;
	margin-top:5px;
	border:none;
	width:0;
	height:100%;
	line-height:94%;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	transition:all .5s;
	background:#333;
	border-radius:20px;
	height:25px;
	color:#fff
}
.form-search input:hover {
	border:none
}
.form-search input:focus {
	border:none;
	outline:none
}
.form-search.active input {
	width:130px!important;
	cursor:text
}
.form-search .close {
	display:inline-block;
	width:16px;
	height:16px;
	text-align:center;
	line-height:16px;
	background:#333;
	color:#fff;
	font-weight:700;
	position:absolute;
	right:6px;
	top:10px;
	border-radius:100%;
	cursor:pointer;
	-webkit-transform:scale(0,0);
	-moz-transform:scale(0,0);
	transform:scale(0,0);
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s
}
.active.form-search .close {
	-webkit-transform:scale(1,1);
	-moz-transform:scale(1,1);
	transform:scale(1,1)
}
.active2.form-search .close {
	-webkit-transform:scale(1,1);
	-moz-transform:scale(1,1);
	transform:scale(1,1)
}
.form-search .close {
	line-height:18px;
	font-size:16px;
	background:url(../images/close.jpg) no-repeat
}
.wrapper {
	width:1200px;
	margin:0 auto;
	clear:both;
	height:auto
}
.floatfix {
	clear:both;
	width:0;
	height:0;
	margin:0;
	padding:0;
	border:none;
	overflow:hidden;
	font-size:0
}
.ulfix {
	overflow:auto;
	zoom:1
}
.topbar {
	height:60px;
	background:#257feb;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	z-index:9999;
	left:0;
	_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
	border-top:3px #fff000 solid
}
.topbar .logo {
	float:left;
	height:60px;
	overflow:hidden;
	margin-top:6px;
	/* width:138px; */
}
.topbar .logo img{
	height: 50px;
}
.topbar .logo a {
	display:block;
	/* height:60px;
	width:138px; */
}
.nav {
	float:right;
}
.nav li {
	float:left;
	font-size:16px;
	position:relative;
	height:60px;
	line-height:60px
}
/*.nav li i {
	display:inline-block;
	background:url(../images/arrow.png) no-repeat;
	width:12px;
	height:7px;
	position:relative;
	top:-2px;
	margin-left:5px
}*/
.nav li a:hover {
	text-decoration:none
}
.nav li.on strong a {
	background:#257feb;
	color:#fff
}
.nav strong {
	font-weight:400!important
}
.nav strong a {
	display:block;
	float:left;
	height:60px;
	line-height:60px;
	padding:0 10px ;
	color:#fff;
	font-size:18px
}
.nav strong a:hover {
	background:#444
}
.nav dl {
	width:90px;
	background:#ddd;
	position:absolute;
	height:auto;
	left:0;
	top:60px;
	padding:0 0;
	text-align:center;
	display:none;
	z-index:9999
}
.nav dl a {
	font-size:14px
}
.nav dl a:hover {
	color:#767676
}
.nav dl em {
	width:12px;
	height:7px;
	position:absolute;
	top:-7px;
	left:35px;
	z-index:9999
}
.nav dl dd {
	line-height:35px
}
.nav dl dd a {
	display:block;
	line-height:35px;
	height:35px
}
.nav dl dd a:hover {
	background:#257feb;
	color:#fff
}
.nav li.selected dl {
	display:block
}
.hnav {
	height:70px;
	clear:both
}
.action {
	float:right
}
.action a {
	display:inline-block;
	height:34px;
	line-height:34px;
	color:#257feb;
	opacity:.9;
	filter:alpha(opacity=90);
	font-size:16px
}
.action a:hover {
	opacity:1;
	filter:alpha(opacity=100);
	text-decoration:none
}
.action a.n1 {
	background:#fff url(../images/icon1.png) no-repeat 8px center;
	padding:0 6px 0 38px;
	margin-top:14px;
	float:left
}
.weishow {
	width:40px;
	height:225px;
	position:fixed;
	z-index:1;
	margin-left:-40px;
	top:285px
}
.weishow li {
	margin-bottom:5px
}
.weishow .sinawb {
	background:url(../images/weipic.png) left top no-repeat #bbb;
	width:40px;
	height:40px;
	display:block
}
.weishow .sinawb:hover {
	background:url(../images/weipic.png) left top no-repeat #e6152f
}
.weishow .txwx {
	background:url(../images/weipic.png) left -40px no-repeat #bbb;
	width:40px;
	height:40px;
	display:block
}
.weishow .txwx:hover {
	background:url(../images/weipic.png) left -40px no-repeat #e6152f
}
.weishow .xiaolian {
	background:url(../images/weipic.png) left -80px no-repeat #bbb;
	width:40px;
	height:40px;
	display:block
}
.weishow .xiaolian:hover {
	background:url(../images/weipic.png) left -80px no-repeat #e6152f
}
.weishow .pinglun {
	background:url(../images/weipic.png) left -120px no-repeat #bbb;
	width:40px;
	height:40px;
	display:block
}
.weishow .pinglun:hover {
	background:url(../images/weipic.png) left -120px no-repeat #e6152f
}
.weishow .love {
	background:url(../images/weipic.png) left -160px no-repeat #bbb;
	width:40px;
	height:40px;
	display:block
}
.weishow .love:hover {
	background:url(../images/weipic.png) left -160px no-repeat #e6152f
}
.footer {
	width:100%;
	min-width:1200px;
	overflow:hidden;
	background:#2d3237;
	margin-top:25px
}
.footer .footert {
	width:100%;
	min-width:1200px;
	height:160px;
	text-align:center;
	margin:0 auto
}
.footer .footert .footertw {
	width:1200px;
	height:130px;
	overflow:hidden;
	text-align:center;
	margin:0 auto;
	padding-top:25px
}
.footer .footert .footertl {
	float:left;
	width:1200px;
	height:130px;
	overflow:hidden;
	padding-top:5px;
	text-align:left
}
.footer .footert .footertl .fabout {
	width:380px;
	height:100px;
	padding-left:35px;
	float:left;
	border-right:1px #575b5f solid
}
.footer .footert .footertl .fabout dt {
	background:url(../images/fico1.jpg) left center no-repeat;
	text-indent:25px;
	line-height:35px
}
.footer .footert .footertl .ftousu {
	width:375px;
	height:100px;
	padding-left:35px;
	float:left;
	border-right:1px #575b5f solid
}
.footer .footert .footertl .ftousu dt {
	background:url(../images/fico2.jpg) left center no-repeat;
	text-indent:25px;
	line-height:35px
}
.footer .footert .footertl .flianxi {
	width:320px;
	height:100px;
	padding-left:45px;
	float:left
}
.footer .footert .footertl .flianxi dt {
	background:url(../images/fico3.jpg) left center no-repeat;
	text-indent:25px;
	line-height:35px
}
.footer .footert .footertl dt {
	color:#fff;
	font-size:16px
}
.footer .footert .footertl dd {
	color:#aba6a6;
	font-size:14px;
	line-height:28px;
	margin-right:28px
}
.footer .footert .footertl dd a {
	color:#aba6a6;
	font-size:14px;
	padding:0 7px
}
.footer .footert .footertl dd a:hover {
	color:#fff
}
.footer .footerb {
	width:100%;
	min-width:1200px;
	height:50px;
	text-align:center;
	margin:0 auto;
	background:#23282d;
	line-height:50px;
	color:#bbbaba;
	font-size:14px
}
.footer .footerb .footerbtxt {
	width:1200px;
	text-align:center;
	margin:0 auto;
	background:url(../images/cmstop.jpg) right center no-repeat
}
.footer .footerb .footerbtxt .footerbtxts {
	text-align:center
}
.footer .footerb .footerbtxt .footerbtxts a {
	color:#bbbaba
}
#moquu_top,#moquu_wxin,#moquu_wshare,#moquu_wmaps {
	z-index:2;
	width:50px;
	height:50px;
	right:10px;
	position:fixed;
	cursor:pointer;
	_position:absolute;
	_bottom:auto;
	_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)))
}
#moquu_wxin {
	top:360px;
	_margin-top:360px
}
#moquu_wxin a {
	background:url(../images/gotop.png) 0 0 #adb0b5;
	right:0;
	float:left;
	width:50px;
	height:50px;
	text-indent:-9999px
}
#moquu_wxin a:hover {
	background:url(../images/gotop.png) 0 0 #666
}
#moquu_wmaps {
	top:412px;
	_margin-top:412px
}
#moquu_wmaps a {
	background:url(../images/gotop.png) 0 -50px #adb0b5;
	width:50px;
	height:50px;
	right:0;
	float:left;
	text-indent:-9999px
}
#moquu_wmaps a:hover {
	background:url(../images/gotop.png) 0 -50px #666
}
#moquu_top {
	top:464px;
	_margin-top:464px;
	background:url(../images/gotop.png) 0 -100px #adb0b5;
	width:50px;
	height:50px
}
#moquu_top:hover {
	background:url(../images/gotop.png) 0 -100px #666
}
.moquu_wxin,.moquu_wshare {
	position:relative;
	z-index:2
}
.moquu_wxin a:hover .moquu_wxinh,.moquu_wshare a:hover .moquu_wshareh {
	display:block
}
.moquu_wxin .moquu_wxinh {
	position:absolute;
	display:none;
	left:-120px;
	top:-1px;
	width:115px;
	height:115px;
	background:url(../images/h2img.jpg) 0 -2px no-repeat
}
.pagess {
	clear:both;
	margin:20px;
	overflow:hidden;
	margin-left:0;
	text-align:center;
	font-size:12px
}
.pagess ul li {
	display:inline-block;
	border:1px solid #ccc;
	padding:2px 9px;
	margin:0 3px;
	line-height:20px;
	background:#fff;
	color:#999
}
.pagess ul li:hover {
	background:#ccc;
	color:#fff;
	border:1px solid #ccc
}
.pagess ul li:hover a {
	color:#fff
}
.pagess ul li.thisclass {
	display:inline-block;
	border:1px solid #ccc;
	padding:2px 9px;
	margin:0 3px;
	background:#ccc;
	color:#fff
}
.pagess ul li.thisclass a {
	color:#fff
}
.pagess ul li a {
	display:block;
	color:#999
}
.pagess ul li a:hover {
	color:#fff
}



.clear {
	height: 0;
	clear: both;
	zoom: 1;
}
.clearfix:before, .clearfix:after {
	content:"";
	display:table
}
.clearfix:after {
	clear:both;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.nav li{
	position: relative;
}
.navhide{
	width: 200px;
	position: absolute;
	right: 0;
	top: 100%;
	background: #fff;
	z-index: 999;
	border: 1px solid #eee;
	border-top: 0;
	opacity: 0;
	visibility: hidden;
	transition: .25s;
	padding: 5px 0;
	background: #257feb;
}
.nav li:hover .navhide{
	opacity: 1;
	visibility: inherit;
}
.navhide a{
	width: 100% !important;
	display: block !important;
	text-align: center;
	line-height: 36px !important;
	height: 36px !important;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	font-size: 14px !important;
	color: #fff;
	padding: 0 !important;
}
.navhide a:hover{
	color: #fff;
	background: rgba(255,255,255,.2);
}

.foot .wrap{
	width: 1200px;
	margin: 0 auto;
}
.foot{
	background: #222;
	color: #fff;
}
.fttop{
	padding: 35px 0 30px 0;
}
.ftbot{
	line-height: 30px;
	padding: 20px 0;
	border-top: 1px solid #333;
}
.ftl{
	width: 17%;
}
.ftll{
	width: 35%;
	margin-left: 3%;
}
.ftll a img{
	display: block;
	height: 42px;
	opacity: .6;
	max-width: 100%;
}
.ftlla p{
	width: 32.33333%;
	float: left;
	margin-bottom: 15px;
	margin-right: 1%;
}
.ftlla a:hover img{
	opacity: 1;
}
.ftl h4{
	font-size: 17px;
	font-weight: normal;
	margin-bottom: 20px;
	color: #fff;
}
.ftl a{
	color: #aaa;
	display: inline-block;
	line-height: 36px;
}
.ftl a:hover{
	color: #EC4E4E;
}
.ftl_1{
	width: 45%;
}
.ftl_1 a{
	color: #fff;
	opacity: .85;
	margin-right: 3px;
}
.ftl_1 a:hover{
	color: #fff;
	opacity: 1;
}
.ftl_1 p{
	line-height: 36px;
}
.ftl_1 p i{
	font-size: 27px;
	font-weight: bold;
}
.ftl_2{
	width: 100%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.ft_flex{
	display: flex;
	justify-content: space-between;
}
.ftl_2 img{
	max-width: 100%;
	max-height: 140px;
}
.ftl_2 a{
	color: #fff;
	display: block;
	opacity: .85;
	height: 36px;
	overflow: hidden;
}
.ftl_2 a:hover{
	color: #fff;
	opacity: 1 !important;
}
.ft_flex{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.ft_flex a{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	width: 48%;
}
.ft_flex a:HOVER{
	text-decoration: underline;
}
.ft_flex a i{
	display: inline-block;
	width: 6px;
	height: 6px;
	background: #fff;
	border-radius: 6px;
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 10px;
}

.ssi{
	display: inline-block;
	padding: 0 5px;
	cursor: pointer;
	margin-top: 4px;
}
.ssbox{
	position: absolute;
	right: 0;
	top: 0;
	width: 395px;
	margin-top: 0;
	display: none;
}
.ss1{
	width: 300px;
	height: 60px;
	font-size: 18px;
	padding: 0;
	padding-left: 15px;	
	border-right: 0;
	border: 0;
}
.ss2{
	width: 75px;
	height: 62px;
	background: url(../images/search_03.png) no-repeat center #fff000 ;
	cursor: pointer;
	border: 0;
}

.conltop h4{
	font-size: 20px;
	color: #1b1b1b;
	margin: 0;
}
.conltop p{
	font-size: 15px;
	color: #a0a0a0;
	margin-top: 10px;
}
.conlfmipt{
	width: 99%;
	height: 42px;
	line-height: 42px;
	border: 1px solid #e0e0e0;
	background: #f2f2f2;
	padding-left: 10px;
	resize: none;
}
.conlfmipttext{
	height: 150px;
	font-family: "Microsoft YaHei";
	-webkit-appearance:none;
	 outline:none; 
}
.conlfmiptsbm{
	width: 140px;
	height: 42px;
	color: #fff;
	background: #F94651;
	margin-top: 20px;
	border: 0;
	cursor: pointer;
}
.m1lmsg{
	display: block;
	float: none;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 40px;
	padding: 30px;
}
.posrelative{
	position: relative;
}
.code{
	width: 110px;
	height: 40px;
	position: absolute;
	right: 0;
	top: 1px;
	overflow: hidden;
	cursor: pointer;
}
.code img{
	width: 100% !important;
	height: 100% !important;
}
@media only screen and (max-width:950px) {
	.ssbox{
		width: 100%;
		display: block !important;
		position: relative;
		margin-top: 15px;
		float: left;
	}
	.ss1{
		width: 79%;
		padding: 0;
		height: 35px;
		font-size: 13px;
		border: 1px solid #eee;
	}
	.ss2{
		width: 20%;
		height: 37px;
	}
	
	.ftl{
		margin-bottom: 15px;
		width: 100%;
	}
	.fttop{
		padding-top: 20px;
	}
	.ftl p{
	}
	.ftll{
		margin-top: 10px;
	}
	.ftl h4{
		margin-bottom: 5px;
	}
	.ftl_2{
		width: 100%;
		text-align: center;
	}
	.ftl_2 img{
		margin: 0 auto;
		margin-bottom: 20px;
	}
	.foot .wrap{
		width: 100%;
	}
	.fttop{
		padding: 20px 10px;
	}
	
	.wrap{
		width: 100%;
	}
	.ftl_2{
		padding: 0 15px;
	}
	.ft_flex a{
		width: 100%;
	}
}

.videoinfo {
    text-align: center;
}
.videoinfo video {
    width: 80%;
    height: auto;
    margin: 0 auto;
}