@charset "utf-8";



#browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9999;}
#browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;opacity:.9;z-index:-1}
#browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px}
#browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px}
#browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px}
#browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px}
#browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px}
#browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto}
#browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px;}
#browser-modal .browser-content .browser-item .iconchrome{background: url(../images/bro.png) no-repeat 0 0}
#browser-modal .browser-content .browser-item .iconfirefox{background: url(../images/bro.png) no-repeat 0 -100px}
#browser-modal .browser-content .browser-item .iconopera{background: url(../images/bro.png) no-repeat 0 -200px}
#browser-modal .browser-content .browser-item .iconEdge{background: url(../images/bro.png) no-repeat 0 -300px}
#browser-modal .browser-content .browser-item a{cursor:pointer;display:block}
#browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px}
#browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700}
* {
 margin: 0;
 padding: 0;
 font-family: 'Microsoft YaHei','HanHei SC', 'PingFang SC', 'Helvetica Neue', 'Helvetica','STHeitiSC-Light', 'Arial', sans-serif;
 list-style: none;
 transition-property: color, border-color,background-color;
    transition-duration:0.3s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
input[type="button"], 
input[type="submit"], 
input[type="reset"] {
    -webkit-appearance: none;
    border-radius: 0;}
input[type="submit"],
input[type="button"]{
     box-sizing:content-box;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
    color:inherit;}
input:-moz-placeholder, textarea:-moz-placeholder { 
    color:inherit;}
input::-moz-placeholder, textarea::-moz-placeholder { 
    color:inherit;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { 
    color:inherit;}
body a {
 color: inherit;
 text-decoration: none;
display: inline-block;
}
body {
 background: #fff;
 color: #333;
 font-size: 16px;
 margin: 0 auto;}
table {
 border-collapse: collapse;
 border-spacing: 0;}
th {
 font-weight: 400;}
img {
 display: block;
 border: 0;}
.con_img img{
 max-width:100%;
 height: auto !important;
 display: block;
 margin: 0 auto;}
textarea,
select,
option,
input {
 outline: none;}
 .lxlby .left{
    background: url(../images/list_bg.png) no-repeat right 80px;
 }
.left {
 float: left;}
.right {
 float: right;display: none;}
.fw400 {
 font-weight: 400;}
.fw700 {
 font-weight: 700;}
.clearBoth:after,
.clearboth:after {
 content:"";
 display: block;
 clear: both;}
.bordernone {
 border: none!important;}
.red {
 color: red;}
.white {
 color: #fff;}
.centerBox{
 margin:0 auto;
 width: 93%;
 max-width:1200px;}
.centerBox:after{
 content:"";
 display:block;
 clear:both;}
.tu_box .tu{overflow: hidden;}
.tu_box .tu img{width: 100%;height: 100%;transition: all 0.4s;}
.tu_box .tu:hover img{transform: scale(1.1);} 
.a_box a:hover{color: #f08300;}
.fy_list span.PrevDisabled,.fy_list span.NextDisabled{height:20px;}
.fy_list a.Next,.fy_list a.Prev{height:20px;}