body {
    margin: 0;
    padding: 0;
    font-family: "microsoft yahei";
    font-size: 14px;
    min-width:1200px;
    height:100vh;
 background:url(../images/yd_bodybg.jpg) center no-repeat #ffffff; position: relative;padding-top: 20px;
box-sizing:border-box;
}
ul,li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
h1,h2,h3,h4,h5,h6 {
    margin: 0;
    padding: 0;
    font-weight: normal
}
img {
    border: 0;
}
a {
    text-decoration: none;
    color: #666666;
}
a:hover {
    text-decoration: none;
    color: #ff9900;
}
.fl {
    float: left !important;
}
.fr {
    float: right !important;
}
.clearboth {
    clear: both;
    border: 0;
    padding: 0;
    margin: 0;
}
.w1100 {
    width: 1100px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.wrapper {
    width: 1100px;
    padding:0;
    background: #000000;
    height: auto;
    overflow:hidden;
    margin: 10px auto;
    position: relative;
    min-height: 800px;
}
.relative {
    position:relative;
}
.imghover {
    cursor: pointer;
    transition: all 0.6s;
}
.imghover:hover {
    transform: scale(1.2);
}
body{
    overflow: hidden;
}
.i_top{ width:1200px; height:60px; margin:0 auto;position:relative; z-index:1}
.i_logo{ float:left; margin-top: 10px;}
.i_nav{ float:right; height:37px;line-height:36px; margin:15px 0 0 0}
.i_nav li{ float:left;width:106px;height:37px;line-height:36px;margin:0 15px 0 0 ; }
.i_nav li a{width:100%;height:37px; display:block;line-height:36px; font-size:15px; background:#ffffff; border:#990000 1px solid; text-align:center; border-radius:10px; }
.i_nav li a:hover{ background:#990000; color:#ffffff}
.i_nav li .this{ background:#990000; color:#ffffff}
.i_r_l{ position:absolute; right:0; top:0; width:205px; height:158px;}
.i_r_r{ position:absolute; left:0; bottom:-70px; width:205px; height:158px;}
.i_r_r img{transform:rotate(180deg);}
.i_end_imglink{ position:absolute;bottom:40px; left:40px}
.i_end_imglink a{ display:block; float:left; width:90px; height:85px; text-align:center;}
.i_end_imglink a:hover{ opacity:0.8 }
.i_banner{ position:absolute; width:100%; height:auto; top:0; left:0; height:900px; z-index:0;overflow:hidden;}
.i_banner img{position:absolute;left:50%;top:0;transform:translateX(-50%);}
.i_btxt{ position:absolute; width:1200px; height:900px; z-index:999;left:50%;top:0;transform:translateX(-50%);}
.i_btxtp{ width:470px; height:190px; position:absolute; right:0; bottom:30%; background: url(../images/title_bg.png); padding:20px 30px; border-radius:10px;}
.i_btxtp p{font-size:16px; color:#ffffff; line-height:27px; text-indent:2em}
@media only screen and (min-width:1601px){
.i_banner img{width:100%;}
}


#browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9990009;}
#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}

.contact{position:absolute;left:0;bottom:15%;}
.contact p{font-size:14px;color:#434343;}
.contact p a{color:#434343;}