@charset "UTF-8";
/* 悬停图片放大 IE9+*/

html { min-width: 1150px; }

.img-scale { display: block; overflow: hidden; }

.img-scale img { display: block; width: 100%; height: auto; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }

.img-scale .img-frame { overflow: hidden; }

.img-scale .img { /*背景图替换img*/ height: 100%; background-image: url(); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; -o-background-size: cover; background-size: cover; -webkit-transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -o-transition: all 0.35s ease 0s; transition: all 0.35s ease 0s; }

.img-scale .img img { min-height: 100%; }

.img-scale:hover img { min-height: 100%; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.img-scale:hover .img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

#browser-modal { position: fixed; top: 0; right: auto; bottom: auto; left: 0; z-index: 10000; width: 100%; height: 100%; color: #303233; text-align: center; }

#browser-modal .browser-modal-cover { position: fixed; top: 0; right: auto; bottom: auto; left: 0; z-index: -1; height: 100%; width: 100%; background-color: #111; }

#browser-modal .browser-content { width: 700px; margin: 120px auto 0; padding: 50px 0 80px; 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 { font-size: 24px; text-transform: uppercase; }

#browser-modal .browser-content .browser-text-desc { margin: 30px 0 20px; font-size: 14px; }

#browser-modal .browser-content .browser-list { width: 600px; height: 130px; margin: 20px auto; }

#browser-modal .browser-content .browser-item { float: left; width: 150px; margin: 0 auto; padding: 20px 0; }

#browser-modal .browser-content .browser-item .iconfont { width: 100px; height: 100px; margin: 0 auto 10px; font-size: 80px; line-height: 80px; }

#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 { display: block; cursor: pointer; }

#browser-modal .browser-content .browser-item a:hover { text-decoration: underline !important; }

#browser-modal .browser-content .browser-item a img { display: block; max-width: 100px; width: 100px; height: 100px; margin: 0 auto; }

#browser-modal .browser-content .browser-item a h4 { margin-top: 20px; text-align: center; font-size: 18px; font-weight: 700; }

.container { width: 80%; max-width: 1280px; margin: 0 auto; }

.header { padding: 15px 0; background: #00479d; }

.logo { height: 70px; vertical-align: top; }

.top-link { font-size: 16px; font-weight: 500; line-height: 70px; color: #fff; text-align: left; }

.top-link a { color: #fff; }

.top-link a:hover { text-decoration: underline !important; }

.top-link span { margin: 0 5px; }

.section { padding: 50px 0 30px; }

.section .container { min-height: calc(100vh - 280px); padding: 50px 0; box-shadow: 0 0 10px 0 rgba(204, 204, 204, 0.98); overflow: hidden;}

.list { font-size: 0; margin: 0 0; }

.list > li { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 50%; padding: 0 0; }

.list li { padding: 0 3.90625%; margin: 45px 0 0; }

.list li:nth-child(1), .list li:nth-child(2) { margin-top: 0; }

.list a { display: table; width: 100%; height: 60px; padding: 0 6px 0 13.33%; font-size: 18px; font-weight: 500; line-height: 60px; color: #000; text-align: left; background-image: url(../images/t_icon1.png); background-repeat: no-repeat; background-position: 5.55% 50%; background-color: transparent; -o-background-size: auto; background-size: auto; box-shadow: 0 0 6px 0 #cccccc; -webkit-transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -o-transition: all 0.35s ease 0s; transition: all 0.35s ease 0s; position: relative; }

.list a span { display: table-cell; line-height: 25px; vertical-align: middle; }

.list a::before { display: block; content: ""; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 0; right: auto; bottom: auto; left: 0; z-index: 1; width: 0; height: 0; }

.list a::after { display: block; content: ""; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; top: auto; right: 0; bottom: 0; left: auto; z-index: 1; width: 0; height: 0; }

.list a:hover::before { width: 100%; height: 100%; border-top: 2px solid #00479d; border-right: 2px solid #00479d; -webkit-transition: width 0.25s ease-in, height 0.1s ease-in 0.25s; -moz-transition: width 0.25s ease-in, height 0.1s ease-in 0.25s; -o-transition: width 0.25s ease-in, height 0.1s ease-in 0.25s; transition: width 0.25s ease-in, height 0.1s ease-in 0.25s; }

.list a:hover::after { width: 100%; height: 100%; border-bottom: 2px solid #00479d; border-left: 2px solid #00479d; -webkit-transition: width 0.25s ease-in 0.35s, height 0.1s ease-in 0.6s; -moz-transition: width 0.25s ease-in 0.35s, height 0.1s ease-in 0.6s; -o-transition: width 0.25s ease-in 0.35s, height 0.1s ease-in 0.6s; transition: width 0.25s ease-in 0.35s, height 0.1s ease-in 0.6s; }

.list a:hover { color: #00479d; box-shadow: 0 0 16px 0 #969696; }

.more { margin: 40px 0 0;
    padding: 0 3.90625%;
    font-size: 16px;
    line-height: 50px;
    text-align: right;
} 
.more a { color: #666; }
.more a:hover { color: #00479d; text-decoration: underline !important; }

.footer { padding: 20px 0 50px; }

.copy { font-size: 16px; font-weight: 500; line-height: 30px; color: #000; text-align: center; }

.article { padding: 0 50px; }

.article h1 { margin: 0 0 35px; padding: 0 0 45px 40px; font-size: 24px; font-weight: 700; line-height: 35px; color: #000; text-align: left; background-image: url(../images/t_icon1.png); background-repeat: no-repeat; background-position: 0 5px; background-color: transparent; -o-background-size: auto; background-size: auto; border-bottom: 1px dashed #ccc; }

.article .img { width: 30%; padding: 10px 0 40px; }

.article .img img { width: 100%; vertical-align: top; }

.article .content { width: 65%; padding: 0 0 40px; font-size: 16px; font-weight: 500; line-height: 38px; color: #000; text-align: left; }

.article .content img, .article .content video { display: block; max-width: 92%; height: auto !important; margin: 20px auto; }

.article .content table { max-width: 100%; margin: 20px auto; }

.article .content table p { text-indent: 0; }

.article .content iframe { max-width: 100%; margin: 20px auto; }

.article .enclosed { padding: 45px 0 10px; border-top: 1px dashed #ccc; }

.article .enclosed .tips { display: inline-block; *display: inline; *zoom: 1; padding: 0 13px; font-size: 14px; font-weight: 500; line-height: 32px; color: #fff; text-align: center; background: #00479d; border-radius: 3px; }

.article .enclosed ul { margin: 18px 0 0; }

.article .enclosed li { font-size: 16px; font-weight: 500; line-height: 35px; color: #000; text-align: left; }

.article .enclosed li a { color: #666; }

.article .enclosed li a:hover { color: #00479d; text-decoration: underline !important; }