/*PC页面重置(非响应式)*/
@charset "utf-8";
* {
  tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: rgba(0,0,0,0);
 font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Arial,sans-serif;
}

html{border:0; height: inherit;}
body{margin:0 auto; padding:0;font-size:14px;background: #f1f1f1;
height: inherit;line-height: inherit;height: 100%;min-width: 980px;
}
div,dl,dt,dd,ol,ul,b,li,p,h1,h2,h3,h4,input,h6,h5,form,i,pre,fieldset,textarea,p,blockquote,th,td
{margin:0; padding:0;list-style:none; font-weight:normal; font-style: normal;}
dl,ul,li,p{text-align:left;}
img{border:0px;}
.clear{clear:both; overflow:hidden; }
a{ color:#000; text-decoration:none;-webkit-user-select:none;-webkit-touch-callout: none;}
em{font-style: normal;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}
table {
     border-collapse:collapse;
     border-spacing:0;
 }
fieldset,img {
     border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
     font-style:normal;
     font-weight:normal;
}
caption,th {
     text-align:left;
}
h1,h2,h3,h4,h5,h6 {
     font-size:100%;
     font-weight:normal;
}
q:before,q:after {
     content:”;
}
abbr,acronym {
     border:0;
}

#menu .menu-left a.logo,
.share
{
    background-image: url(../img/stp190730.png);
    background-image: -webkit-image-set(url(../img/stp190730.png) 1x,url(../img/stp190730@2x.png) 2x);
    background-repeat: no-repeat;
}
.headbar .head-left a i
{
    background-image: url(../img/play-icon.png);
    background-image: -webkit-image-set(url(../img/play-icon.png) 1x,url(../img/play-icon@2x.png) 2x);
    background-repeat: no-repeat;
}
.headbar .head-right a i
{
   background-image: url(../img/playx-icon.png);
   background-image: -webkit-image-set(url(../img/playx-icon.png) 1x,url(../img/playx-icon@2x.png) 2x);
   background-repeat: no-repeat; 
}

.menu-right .mshow,
.menu-right ul i,
.nav-hamburger-link,
.PCorM,
.mshow
{display: none;}

.menuwrap{width: 100%;height: 40px;background: #D55272;}
#menu{width: 1000px;overflow: hidden;margin: 0 auto;}
#menu .menu-left{overflow: hidden;float: left;width: 120px;}
#menu .menu-left a.logo{float: left;width: 100px;height: 40px;background-position:-16px -10px;}

#menu .menu-right .goother{float: left;overflow: hidden;margin-left: 30px;}
#menu .menu-right .goother a{float: left;height: 37px;padding: 0 20px;color: #fff;line-height: 37px;}
#menu .menu-right .goother a.on{border-bottom: 3px solid #911735;}

#menu .menu-right{float: left;width: 880px;}
#menu .menu-right ul{overflow: hidden;float: right;}
#menu .menu-right ul li{float: left;}
#menu .menu-right ul li a{display: block;height: 40px;padding: 0 10px;color: #fff;line-height: 40px;}

#menu .menu-right ul li a:hover,
#menu .menu-left .goother a:hover,
#menu .menu-right .goother a:hover
{color: #EFED1D}


.headwarp{width: 100%;background: #3E4F5C;padding: 30px 0 15px;}
.headbar{width: 1000px;margin: 0 auto;overflow: hidden;}
.headbar .head-left{width: 100%;}
.headbar .head-left a{display: block;position: relative;width: 100%;height: 400px;overflow: hidden;}
.headbar .head-left a img{width: 100%;display: block;opacity: 0.8}
.headbar .head-left a i{display: block;width: 70px;height: 70px;position: absolute;left: 50%;top: 50%;margin: -35px 0 0 -35px;z-index: 10;}

.headbar .head-right{width: 100%;overflow: hidden;position: relative;margin-top: 15px;}
.headbar .head-right h2{color: #fff;font-size: 18px;line-height: 30px;margin-bottom: 10px;font-weight: bold;}
.headbar .head-right p{color: #c0c7ce;line-height: 30px;overflow: hidden;font-size: 15px;width: 800px;}

.headbar .head-right a{display: block;position: absolute;bottom: 50%;right: 0;background: #EE5C6C;color: #fff;width: 90px;height: 46px;line-height: 46px;border-radius: 50px;padding-left: 53px;margin-bottom: -23px;}
.headbar .head-right a i{display: block;width: 20px;height: 20px;position: absolute;top: 52%;left: 30%;margin: -10px 0 0 -15px;}
.headbar .head-right a:hover{background: #BA4854}

.content{width: 960px;padding: 30px 20px 0;margin: 20px auto 80px;background: #fff;}
.content ul{overflow: hidden;padding-bottom: 20px;}
.content ul li{width: 310px;float: left;margin-right: 15px;margin-top: 15px;}
.content ul li.nomargR{margin-right: 0;}
.content ul li a.imgbox{display: block;overflow: hidden;height: 145px;position: relative;}
.content ul li a.imgbox img.bigimg{width: 100%;height:auto;}
.content ul li a.mesbox{width: 290px;height: 40px;background: #ECECEC;display: block;line-height: 22px;padding: 10px;overflow: hidden;}
.content ul li a.mesbox:hover{color: #EF651D}


.content ul li a.imgbox em{width: 100%;height: 100%;display: block;position: absolute;bottom:0;left: 0px;right: 0;z-index: 10;}
.content ul li a.imgbox em img{width: 30px;height: 30px;position: absolute;bottom: 10px;left: 10px;}

.content ul li a.imgbox em.ani{
    animation:emopacity 1s;
    background: rgba(0,0,0,0.8);
}
.content ul li a.imgbox em.ani img{
    /*animation:emopacity 1s;
    background: rgba(0,0,0,0.8);*/
     animation:iconmove 1s;
     bottom: 50%;left: 50%;width: 50px;height: 50px;margin: 0 0 -25px -25px;
}
@keyframes emopacity{
from {background: rgba(0,0,0,0);}
to  {background: rgba(0,0,0,0.8);}
}

@keyframes iconmove{
from {bottom: 10px;left: 10px;width: 30px;height: 30px;}
to {bottom: 50%;left: 50%;width: 50px;height: 50px;}
}

.footerwrap{/*background: #CFD1D4*/;width: 100%;padding:  0 0 20px 0;}
.footer .footer-all{overflow: hidden;width: 360px;margin: 0 auto;padding:0 0 10px 0;}
.footer .footer-all p{float: left;padding: 0 10px;font-size: 12px;}
.footer ul{overflow: hidden;width: 852px;margin: 0 auto}
.footer ul li{float: left;padding: 0 15px;border-left: 1px solid #000}
.footer ul li:first-child{border-left: 0;}
.footer ul li a{font-size: 12px;}
.footer ul li a:hover{color: #E11532}


.videowrap{width: 100%;padding: 40px 0;background: #3E4F5C;min-height: 360px;}
.videobox{width: 750px;margin: 0 auto;}

.vid-info{width: 750px;margin: 10px auto 30px;}
.vid-info h1{font-size: 24px;padding: 15px 0 10px;font-weight: bold;}
.vid-info div.contentP{padding: 15px 0;font-size: 14px;line-height: 28px;}
.vid-info div.contentP img{display: block; margin: 10px auto;width: 100%;}
.vid-info div.contentP p{margin-bottom: 8px;}

.vid-info .vidsource{width: 100%;border-bottom: 1px dashed #979797;padding: 5px 0 10px;overflow: hidden;}
.vid-info .vidsource span{color: #989898}
.vid-info .vidsource span:first-child{margin-right: 10px;color: #747474;}
.vid-info .vidsource .read-count{
    float: right;
}

.content .more-video{padding: 40px 0;width: 600px;margin: 0 auto}
.content .more-video a{display: block;background: #03A9F4;color: #fff;font-size: 18px;border-radius: 10px;height: 45px;line-height: 45px;text-align: center;}
.content .more-video a:hover{background:#0398DB }
.content .more-video a i {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 52%;
    left: 0;
    margin: -10px 0 0 -15px;
}
.content .more-video a span{display: block;position: relative;width: 100px;margin: 0 auto;}


a#go-top
{
    background-image: url(http://www.qdxin.cn/img/sprit170802.png);
    background-image: -webkit-image-set(url(http://www.qdxin.cn/img/sprit170802.png) 1x,url(http://www.qdxin.cn/img/sprit170802@2x.png) 2x);
    background-repeat: no-repeat;
}
a#go-top {
    width: 40px;
    height: 40px;
    background-position: -130px -253px;
    color: #999;
    text-decoration: none;
    text-indent: -9999em;
    line-height: 25px;
}

.share{background-position:-7px -113px;width:310px;height: 117px;background-size: 371px auto;margin: 0 auto 30px;position: relative;}
.share .bdsharebuttonbox{position: absolute;top: 42px;left: 42px;}
.share .bdsharebuttonbox a{display: block;margin:6px 12px 6px 0;width: 35px;}
.share .bdshare-button-style0-32 a{background-image:none;}


#videobox{width: 100%;height: 360px;}
.proDuction{display: none;}

.vjs-poster{background-size: cover;}
.video_show{width: 100%!important;height: 360px!important;}

#vidplayer{width: 100%;height: 360px;}
/*针对ie的样式8/9/10*/
.forIE{display: block;}
.forIE{width: 750px;height:auto;margin: 0 auto;}
.forIE img{width: 100%;height: auto;}

.more-bar{
    height: 40px;
    line-height: 40px;
    background: #f2f2f2;
    margin-bottom: 15px;
    border-left: 10px solid #2196f3;
    overflow: hidden;
}
.more-bar.bartop{
    margin-top: 20px;
}
.more-bar .more-title{
    float: left;
    padding-left: 10px;
    max-width: 600px;
    text-overflow: ellipsis; 
    white-space : nowrap; 
    overflow : hidden;
    font-weight: 700;
}
.more-bar .more-btn{
    float: right;padding-right: 20px;
}
.more-bar .more-btn:hover{
    color: #2196f3;
}