<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document*/
body {
    margin: 0;
    padding: 0;
    font-family: "微软雅黑";
    font-size: 14px;
    min-width: 1200px;
    background:#ffffff;
}
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: #ff9933;
}
.fl {
    float: left !important;
}
.fr {
    float: right !important;
}
.clearboth {
    clear: both;
    border: 0;
    padding: 0;
    margin: 0;
}
.w1200 {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.wrapper {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    position: relative;
    background: #ffffff;
}
.relative {
    position:relative;
}
.imghover {
    cursor: pointer;
    transition: all 0.6s;
}
.imghover:hover {
    transform: scale(1.2);
}

/*header*/
.header{ width:100%; height: 200px;background: url(../images/top_bg01.jpg) no-repeat center top;background-size:cover;}
.header_bg{}
.header .top-line{ background: #0f4a95; height: 40px; line-height: 40px; color: #ffffff; font-size: 12px; font-family: simsun; position: absolute; top: 0; width: 100%;border-bottom:1px solid rgba(255,255,255,.2); }
.header .top-line a{ color: #ffffff;}
.header .top-line-l{ float: left;}
.header .top-line-r{ float: right;font-size:14px; font-family:微软雅黑;}
.header .logo{ float: left; margin:84px 0 0 0}
.header .logo img{height:76px;}
/*i-menu*/

.i-menu {
    width:100%; height: 55px; z-index: 9999; margin: 0 auto; background: #fff;
}
.nav{ width:1200px; margin: 0 auto; height:55px; line-height:55px;  position:relative; z-index:1;  }
.nav a{ color:#fff;  }
.nav .nLi{ float:left;  position:relative; display:inline;  }
.nav .nLi h3{ float:left;  }
.nav .nLi h3 a{ display:block; padding:0 24px; font-size:18px; font-weight:bold; color: #333333  }
.nav .sub{ display:none; width:100%; left:0; top:46px;  position:absolute; background:#e7e7e7;  line-height:36px; padding:5px 0;  }
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; padding:0 10px; color:#1c5fb0;text-align:center;}
.nav .sub a:hover{ background:#1c5fb0; color:#fff;  }
.nav .on h3 a{ background:#1c5fb0; color:#fff;   }

/*banner*/
.slideBox{ width:100%; overflow:hidden; position:relative; margin: 0 auto;}
.slideBox .hd{    height: 15px;
    overflow: hidden;
    position: absolute;
    left:50%;
    transform:translate(-50%,0);
    bottom: 10px;
    z-index: 1; }
.slideBox .hd ul{  overflow: hidden;
    zoom: 1;
    float: left;}
.slideBox .hd ul li{   float: left;
    margin-right:10px;
    width: 10px; border-radius: 50px;
    height:10px;
    line-height:10px;
    text-align: center;
    background: #fff;
    cursor: pointer;
    opacity: 0.8;}
.slideBox .hd ul li.on{   background: #ff9933;
    opacity: 1;
    color: #fff; }


.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%;  display:block;  }
.slideBox .bd span {
    position:absolute;
    bottom:0;
    background:url(../images/title_imgbg.png);
    width:100%;
    line-height:36px;
    color:#fff;
    font-weight:bold;
}
.slideBox .bd h1 {
    color:#fff;
    font-size:16px;
    margin:0;
    padding:0 10px;
    height: 46px;
    line-height: 46px; text-align: center;
}
.slideBox .prev,.slideBox .next{ position:absolute; left:0; top:50%; margin-top:-25px; display:block; width:60px; height:60px; background:url(../images/slider-arrow.png) -160px 0px no-repeat; filter:alpha(opacity=50);opacity:0.8; }
.slideBox .next{ left:auto; right:0; background-position:8px 0px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

/*p_news*/
.p_news{ width: 1200px; margin: 20px auto 0 auto; height:350px; overflow: hidden; position: relative;}
.p_news_left{ float: left; width: 315px; margin-right: 25px;}
.p_news_center{float: left; width: 880px;}
.p_news_right{float: right; width: 295px; overflow: hidden}

/**/
.more{ position: absolute; top: 120px; right: 20px}
.slideTxtBox{ width:100%; text-align:left;  }
.slideTxtBox .hd{ height:40px; line-height:40px; background:#ffffff; padding:0 10px 0 20px;   border-bottom:1px solid #dadada;  position:relative; }
.slideTxtBox .hd ul{ float:left;  position:absolute; left:0; top:-1px; height:40px;   }
.slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer; font-size: 18px; color: #666666;}
.slideTxtBox .hd ul li.on{ height:40px;font-weight:bold; border-bottom:2px solid #1c5fb0;color: #1c5fb0; }
.slideTxtBox .bd ul{ padding:0;  zoom:1;  }
.slideTxtBox .t_jgx{}
.newbox{ width:880px;height: auto; overflow: hidden; margin: 0 auto}
.newbox_left{width:390px; height: auto; overflow: hidden; float: left; padding: 20px 0 0 0}
.newbox_right{ width:470px; height: auto; overflow: hidden; float: right;padding: 20px 0 0 0}
/*picnews*/
.picnews{ width:390px; height:270px; overflow:hidden; position:relative;   }
.picnews .hd{ height:15px; overflow:hidden; position:absolute; right:10px; bottom:7px; z-index:1; }
.picnews .hd ul{ overflow:hidden; zoom:1; float:left;  }
.picnews .hd ul li{ float:left; margin-right:4px;  width:7px; height:7px; line-height:8px; font-size:0; text-align:center; background:#cccccc; cursor:pointer;  border-radius: 50px;}
.picnews .hd ul li.on{ background:#ff9933; color:#fff; }
.picnews .bd{ position:relative; height:100%; z-index:0;   }
.picnews .bd li{ zoom:1; vertical-align:middle; }
.picnews .bd img{ width:390px; height:270px; display:block;  }
.picnews .bd  span{ position:absolute; bottom:0; background:url(../images/title_bg.png); width:100%;  line-height:36px; color:#fff; font-weight:bold;}
.picnews .bd h1{ color:#fff; font-size:14px; margin:0; padding:0 10px}
.headline{  height: auto; overflow: hidden; border-bottom: #e5e5e5 1px dashed}
.headline h2{ color: #ff9933; font-size: 20px; line-height: 30px; margin: 0; padding: 0; font-weight: bold; width: 100%; text-align: center}
.headline p{ margin:0;  font-size: 14px; line-height: 24px; color: #999999; padding: 5px 0}
.newslist ul{ height: auto; overflow: hidden;}
.newslist ul{ padding-top: 8px;}
.newslist li{ width: 100%; font-size: 14px; color: #999999; line-height:37px; }
.newslist li a{ background: url("../images/ico_003.png") left center no-repeat; padding-left: 10px; color: #666666; font-size: 15px; float: left; display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; width: 300px}
.newslist li a:hover{color: #ff9933;}
.newslist li span{ float: right;}

.ititle{height:40px; margin: 0 auto 0 auto; border-bottom: #e0e0e0 1px solid; }
.ititle h2{ float: left; margin: 0; padding:0 15px;font-weight:bold; font-size: 20px;  line-height: 40px;display: block;    height: 40px;
    border-bottom: 2px solid #1c5fb0;    color: #1c5fb0;}
.ititle a{ float: right; font-size: 14px; color: #979797; padding-right: 0;line-height: 40px; margin-top:0; padding-top:0;}

.ititle span{ display: block; float: left; width: 32px; height: 32px;}
.ititle i{ font-style:normal; font-size: 12px; color: #a1a1a1;line-height: 48px;}

.more{ position: absolute; top:-30px; right:0}
.more a{color:#979797}
.date_list{height: 350px; padding: 6px 0 0 0 !important; position: relative}
.date_list li{
    width: 100%;
    height: 55px;
    display: block;
    border-bottom: #e4e4e4 1px solid;
    padding: 10px 0;}
.date_list li a{ font-size: 15px; color: #666666; line-height: 24px;}
.date_list li a:hover{color: #ff9933;}
.date_list li span {
    float: left;
    display: block;
    width: 50px;
    height: 50px;
    background: #ffffff;
    text-align: center;
    color: #333333;
    font-size: 12px;line-height: 20px;
    margin-right: 12px; border:#1c5fb0 1px solid;
}
.date_list li span i {
    width: 100%;
    display: block;
    text-align: center;
    color: #ffffff;
    background: #1c5fb0;
    font-size: 20px;
    font-style: normal;
    line-height: 30px;
}

/*i-others*/
.t_title{ border-bottom: #dadada 1px solid; height: 40px; line-height: 40px; position:relative}
.t_title h1{ color:#1c5fb0; font-size: 18px; font-weight:bold; border-bottom: #1c5fb0 2px solid; display:inline-block; height: 39px; line-height: 39px; padding:0 15px }
.t_title span{ color: #ff9900; font-size: 12px;}
.t_title .more{ position:absolute; top:2px; right:0px; color:#979797}
.i-others{width: 100%;height: 230px;margin: 0 auto;padding: 20px 0;}
.i-others_left{ width:385px; margin-right: 20px; float: left}
.i-others_center{ width:470px;  float: left}
.i-others_right{ width:295px;  float: right}
.i-link{ width: 1200px; margin:0 auto; height: auto; overflow:hidden; padding: 10px 0}
.i-link_left{ width: 1200px; float: left; height: auto; overflow: hidden;}
.i-link_right{ width: 1200px;  margin:0 auto;}
.i-link_left ul{ width: 1225px; float: left; padding-top:15px;}
.i-link_left li{width:225px; height: 70px;float:left;margin: 0 20px 15px 0;}
.i-link_left a{display: block; width: 100%; height: 70px;  overflow:hidden}
.i-link_left img{ width:100%; height: 70px; overflow: hidden}
.i-link_left img:hover{ opacity:0.8}
.i-link_right .kstd_link{font-size: 14px; color: #333333; line-height: 32px;width:500px; height: auto; overflow: hidden; padding:10px 0 0 0}
.i-link_right .kstd_link{ }


/*滚动图*/
.mlxy_gd{ width:880px;  overflow:hidden; position:relative;  margin: 20px 0 0 0 }
.mlxy_gd .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0;  }
.mlxy_gd .hd .prev,.picMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
    cursor:pointer;}
.mlxy_gd .hd .next{ background-position:0 -50px;  }
.mlxy_gd .hd .prevStop{ background-position:-60px 0; }
.mlxy_gd .hd .nextStop{ background-position:-60px -50px; }
.mlxy_gd .bd{ padding:0;   }
.mlxy_gd .bd ul{ overflow:hidden; zoom:1; }
.mlxy_gd .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;position: relative  }
.mlxy_gd .bd ul li .pic{ text-align:center; }
.mlxy_gd .bd ul li .pic img{ width:220px; height:150px; display:block; }
.mlxy_gd .bd ul li .pic img:hover{ opacity: 0.8}
.mlxy_gd .bd ul li .pic a:hover img{ border-color:#999;  }
.mlxy_gd .bd ul li .title{ line-height:40px;height:40px; text-align: center; width: 100%;   font-size: 14px; color: #333333; display: block; z-index: 999}
.mlxy_gd .bd ul li .title a{ color: #555555;}
.n_list{height:200px; padding: 5px 0 0 0 !important; position: relative}
.n_list li{width: 100%; height: 35px; line-height: 35px; display: block;color: #999999;font-size: 15px;}
.n_list li a{font-size: 15px;color: #666666;  background: url("../images/ico_003.png") left center no-repeat; padding-left: 10px; float: left}
.n_list li a:hover{color: #ff9933;}
.n_list li .date{float: right}
.n_list li i{ font-style: normal; color: #ff9900}

.zt_piclist{ margin: 20px 0 0  0}
.zt_piclist a{ display: block;width: 295px; height: 55px; margin: 5px auto}
.zt_piclist img{ width: 295px; height: 55px;}

.tw_top{ width: 100%;height: auto; overflow: hidden; margin: 5px auto 5px auto}
.tw_top img{ width: 245px; height: 160px; padding: 3px; border: #dfdfdf 1px solid; float: left; margin-right: 15px}
.tw_top .tw_txt{float: right;width: 260px; height: 170px; overflow: hidden}
.tw_top .tw_txt h1{ color: #cc0000; font-size: 18px; line-height: 30px;}
.tw_top .tw_txt h1 a{ color: #cc0000;}
.tw_top .tw_txt p{ font-size: 14px; line-height: 24px; color: #999999; margin:5px 0 ;padding: 0}
.tw_top .tw_txt p a{  color: #999999}
.top_pic{ width: 322px;height: auto; overflow: hidden; margin: 5px auto 11px auto;}
.top_pic img{ width: 142px; height: 95px;padding: 3px; border: #dfdfdf 1px solid; float: left; margin-right: 10px}

.ns_list{height: 330px; padding: 5px 0 0 0 !important; position: relative}
.ns_list li{width: 100%; height: 30px; line-height: 30px; display: block;color: #999999;font-size: 14px;}
.ns_list li a{font-size: 14px;color: #666666; float: left}
.ns_list li a:hover{color: #ff9933;}
.ns_list li .date{float: right}
.ns_list li i{ font-style: normal; color: #ff9900; margin-right: 3px;}

.title_h1{ width: 1200px; height: 40px; line-height: 40px;  padding: 0 ; border-bottom: 1px solid #dadada; position: relative; margin: 0 auto}
.title_h1 h1{height: 40px;  border-bottom: 2px solid #1c5fb0; color: #1c5fb0; font-size: 18px;  padding:0 15px; float:left}
.title_h1 a{ float: right; margin-top: 15px;}
.i-piclink{ width: 1280px; height: auto; margin:12px auto;   background: #ffffff; position:relative; }
.i-piclink .hd{ }
.i-piclink .hd .prev{ display:block;  width:13px; height:25px; float:right; overflow:hidden; cursor:pointer; background:url("../images/piclink_rico.png") no-repeat; position: absolute; right: 10px; top:30px;}
.i-piclink .hd .next{ display:block;  width:13px; height:25px; float:right; overflow:hidden; cursor:pointer; background:url("../images/piclink_lico.png") no-repeat;position: absolute; left: 10px; top:30px;}
.i-piclink .hd .prevStop{ background-position:-60px 0; }
.i-piclink .hd .nextStop{ background-position:-60px -50px; }
.i-piclink .tempWrap{ width: 1200px !important; margin: 0 auto}
.i-piclink .bd{ padding:10px 0; }
.i-piclink .bd ul{ overflow:hidden; zoom:1; }
.i-piclink .bd ul li{ margin:0 7px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.i-piclink .bd ul li .pic{ text-align:center; }
.i-piclink .bd ul li .pic img{ width:190px; height:66px; display:block; padding:0; border:1px solid #cecece; }
.i-piclink .bd ul li .pic a:hover img{ border-color:#999;  }
.i-piclink .bd ul li .title{ line-height:24px;   }
.i-special{ margin: 0 auto 20px auto}
.i-special-left{ width: 880px; float:left;}
.i-special-right{ width: 295px; float:right;}

/*search*/
.i-search {
    width: 246px;
    height: 36px;
    overflow: hidden;
    position: relative;
    float: right;
    margin:104px 0 0 0;
}
.i-search .search-txt {
    width: 201px;
    padding-left: 5px;
    height: 36px;
    line-height: 36px;
    background: #ffffff;
    color: #9e9e9e;
    border: none;
}

.i-search .search-btn {
    width: 45px;
    height: 36px;
    position: absolute;
    right: 0;
    *margin-top: 1px;
    background: url("../images/search_ico.png") center no-repeat #ff9933;
    border: 0;
    cursor: pointer
}

.i-search .search-btn:hover {
    background: url("../images/search_ico.png") center no-repeat #ff9933;
    border: 0;
    cursor: pointer
}
.end_txtlink{width:295px; height: auto;margin: 10px auto 0 0}
.end_txtlink select{width:295px; height:24px; }
.f_link1{ background: url("../images/linkico_001.png") left center no-repeat;}
.f_link1:hover{ background: url("../images/linkico_001_hover.png") left center no-repeat;}
.f_link2{background: url("../images/linkico_002.png") left center no-repeat;}
.f_link2:hover{background: url("../images/linkico_002_hover.png") left center no-repeat;}
.f_link3{background: url("../images/linkico_003.png") left center no-repeat;}
.f_link3:hover{background: url("../images/linkico_003_hover.png") left center no-repeat;}
.f_link4{background: url("../images/linkico_004.png") left center no-repeat;}
.f_link4:hover{background: url("../images/linkico_004_hover.png") left center no-repeat;}
.f_link5{background: url("../images/linkico_005.png") left center no-repeat;}
.f_link5:hover{background: url("../images/linkico_005_hover.png") left center no-repeat;}
.f_link6{background: url("../images/linkico_006.png") left center no-repeat;}
.f_link6:hover{background: url("../images/linkico_006_hover.png") left center no-repeat;}
.f_link7{background: url("../images/linkico_007.png") left center no-repeat;}
.f_link7:hover{background: url("../images/linkico_007_hover.png") left center no-repeat;}
.f_link8{background: url("../images/linkico_008.png") left center no-repeat;}
.f_link8:hover{background: url("../images/linkico_008_hover.png") left center no-repeat;}

.quickly-link{width:100%;height:auto;overflow:hidden;}
.quickly-link .ititle{margin-bottom:20px;}
.quickly-link ul li{width:285px;height:100px;float:left;margin-right:20px;overflow:hidden;}
.quickly-link ul li:last-child{margin-right:0;}
.quickly-link ul li a{display:block;}
.quickly-link ul li img{width:100%;height:100%;object-fit:cover;transition:0.6s all;}
.quickly-link ul li:hover img{transform:scale(1.1,1.1);}

/*list*/
.lm_banner{ width: 100%; margin: 0 auto; height: 200px;}

.list-main{ width: 1200px; margin: 15px  auto; height: auto; overflow: hidden;  }
.list-main-left{ float: left; width: 225px;}
.list-main-left .this-lmname{width: 225px; height:100px; background: #1c5fb0; text-align:center;}
.list-main-left .this-lmname H1{ font-size: 28px; color: #ffffff; line-height: 100px;margin: 0; padding: 0;}

.list-sub{width: 225px; height: auto; overflow: hidden;margin-top: 1px; }
.list-sub li{height: 43px; width: 225px; overflow: hidden}
.list-sub li a{ height: 42px; line-height:42px;width: 225px; display: block; background: url("../images/list_sub_bg.png") 190px center no-repeat #ececec; border-bottom: #d6d6d6 1px solid; font-size: 14px; padding-left: 25px}
.list-sub li a:hover{background: url("../images/list_sub_bgon.png") 190px center no-repeat #1c5fb0; color: #ffffff}

.list-hot{ margin: 30px 0 0 0; width: 225px;}
.list-hot h1{background: url("../images/lmhot_line.png") left bottom no-repeat; font-size: 16px; color: #1c5fb0; line-height: 40px; padding-left: 10px; }
.list-hot-list{ background: url("../images/lmhot_ph.png") 2px 8px no-repeat; padding:0 0 0 23px; margin: 10px auto}
.list-hot-list li{ line-height: 30px; font-size: 14px;}
.list-hot-list li a{color: #666666;white-space:nowrap;display: block;overflow: hidden;text-overflow: ellipsis;}
.list-hot-list li a:hover{ color: #ff6600}

.list-main-right{ float: right; width:890px; border-top: #1c5fb0 2px solid;border-left: #e5e5e5 1px solid;border-right: #e5e5e5 1px solid; border-bottom: #e5e5e5 1px solid; min-height: 800px; padding:0 20px; background: #fcfcfc; overflow: hidden;}
.list-main-right .lm_name{ border-bottom:1px solid #e1e1e1;height: 50px; line-height: 50px;}
.list-main-right .lm_name h2{ float: left; text-align: center; font-size: 18px; color: #333333; font-weight: bold;}
.list-main-right .lm_name span{ float: right; color: #666666; font-size: 12px; }
.list-main-right .lm_name span a{ color: #666666;}

.fy-list{height: auto; overflow: hidden; margin: 0 auto; padding: 20px 0}
.fy-list li{ line-height: 40px; background: url("../images/ico_list.png") left center no-repeat; font-size: 14px; color: #999999; padding-left: 15px; border-bottom: #dcdcdc 1px dotted;text-align: right;}
.fy-list li a{ color: #666666;float:left; }
.fy-list li a:hover{ color: #ff9933; }
.listmor{ text-align: center; margin:30px auto;}




/*c-content*/
.zinfo {
    height: auto;
    overflow:hidden;
    position: relative;
    margin: 20px auto 20px auto;
    padding: 0;
}
.zinfo .c-title {
    font-size: 30px;
    color: #006134;
    line-height: 40px;
    text-align: center;
    margin: 20px 0 5px 0;
}
.zinfo .nr-info {
    height: auto;
    overflow:hidden;
    position: relative;
    text-align: left
}
.zinfo .nr-info p {
    font-size: 16px;
    color: #434343;
    line-height: 34px;
    font-family:"微软雅黑";
    margin: 10px 0;
    text-align: left
}


/*zinfo*/
.c-content {
    height: auto;
    overflow:hidden;
    position: relative;
    margin: 20px auto 20px auto;
    padding: 0;
}
.c-content .c-title {
    font-size: 30px;
    color: #333333;
    line-height: 40px;
    text-align: center;
    margin: 15px 0 20px 0;
}
.c-content .other-s {
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    color: #333333;
    background: #ececec;
}
.c-content .nr-info {
    height: auto;
    overflow:hidden;
    position: relative;
    text-align: left
}
.c-content .nr-info p {
    font-size: 16px;
    color: #000;
    line-height: 34px;
    font-family:"微软雅黑";
  /*  margin: 15px 0;
    text-indent: 2em;
    text-align: left*/
}


/*footer*/
.footer{ background: #1c5fb0; border-top:#0f4a95 5px solid; height: auto; }
.footer_one{ padding: 0;  height: auto; overflow: hidden}
.footer_two{ height: auto; overflow: hidden; padding: 15px 0 10px 0}
.footer_two_left{width:800px; float: left; color: #cce1f4;line-height: 27px;font-size: 14px;}
.footer_two_left p{ margin: 0; padding: 0;  line-height: 27px; font-size: 14px; color: #ffffff;}
.footer_two_left p a{color: #ffffff;}
.footer_two_left p a.police::before{content:url(../images/police.png);position:relative;margin-right:4px;top:4px;}
.footer_two_right{width: 168px; float: right;}
.footer_one_left{ width:750px; float: left; padding: 15px 0}
.footer_one_right{ width: 295px; float: right;}
.footer_one_left a{ display:block; float:left;color: #ffffff; font-size: 16px; padding-left: 40px; height: 50px; line-height: 50px; margin-right: 50px;}
.footer_one_left a:hover{ color: #ff9900}
.wx_sm{ float: left; color: #ffffff; font-size: 12px; margin-left: 40px;}
.wx_sm img{ width: 100px; height: 100px;}
.wx_sm a span { color: #ffffff; display: block; text-align: center; line-height: 24px;}


#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}</pre></body></html>