input,button,select,textarea{outline:none} /*取消chrome下input和textarea的聚焦边框*/ textarea{resize:none} /* 取消chrome下textarea可拖动放大 */
*{ -moz-box-sizing:border-box;box-sizing:border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0;}
table{ border-collapse:collapse;border-spacing:0px;}
fieldset,img{ border:0;} em,th,var{ font-style:normal; font-weight:normal;}
ol,ul{ list-style:none;} caption,th{ text-align:left;} i{ font-style: normal;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;} li{list-style-type:none;}
q:before,q:after{ content:'';} abbr,acronym { border:0;} 
img{ width: 100%; height: 100%; vertical-align:middle; border:0;}
a,button,input,select{ -webkit-tap-highlight-color:rgba(255,0,0,0); outline: none;}
a{ text-decoration: none; color: #444;}

html{ -webkit-text-size-adjust:none;}
body{ font: 14px/26px "Microsoft YaHei", "微软雅黑", "宋体", Arial; color: #333; letter-spacing: .03em; -webkit-font-smoothing: antialiased; background: url(../images/bg.jpg) no-repeat top center #f4f4f4;}
input,select,textarea,button{ font: 14px/26px "Microsoft YaHei", "微软雅黑", "宋体", Arial; border: 0 none; color: #333;}
input:focus{ outline: none;} button, input[type='button']{ border: 0 none; background: transparent;}
table{ font-size:inherit; font:100%;} p{ margin: 0;}
select{ -moz-appearance: none; -webkit-appearance:none; appearance:none;}
::-webkit-input-placeholder{ color: #999;}  
:-moz-placeholder { color: #999; opacity: 1;}
::-moz-placeholder{ color: #999; opacity: 1;}  
:-ms-input-placeholder{ color: #999;}  

/* Clearfix */
.clearfix:after, .clearfixlist li:after, .container:after, .mod:after, .form-group:after{ content:"\0020"; display:block; clear:both; height:0; font-size:0;}
.clearfix, .clearfixlist li, .container, .mod, .form-group{ zoom:1;}
.clear{ clear:both; display:block;} .hide, .show-pad{ display: none;}
.fl{ float: left;} .fr{ float: right;}

.vertical{ display: table-cell; vertical-align: middle;}
.text-left{ text-align: left;} .text-right{ text-align: right;} .text-center{ text-align: center;}
.text-ellipsis, .name, .tname, .links-list a{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.red{ color: #e60012;}
.pic{ display: block; text-align: center; overflow: hidden;}
.form-control{ -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0;}
.circle, .scroll-top{ -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;}
.rect{ -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px;}
.mirect{ -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px;}
.mxrect{ -webkit-border-radius: 16px; -moz-border-radius: 16px; -o-border-radius: 16px; -ms-border-radius: 16px; border-radius: 16px;}
.trans, .remark{ -webkit-transition: all 0.38s ease; -moz-transition: all 0.38s ease; transition: all 0.38s ease;}
.scale{ -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); transition: all ease 0.38s;}
.rotate{ -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.38s ease; -moz-transition: all 0.38s ease; transition: all 0.38s ease;}
.blur{ -webkit-filter: blur(2px); -moz-filter: blur(2px); -ms-filter: blur(2px); filter: blur(2px);}
a:hover .scale{ -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -o-transform: scale(1.08); transform: scale(1.08);}
a:hover .rotate{ -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);}

.label-check{ float: left; width: 20%;}
.label-check input~i{ float: left; width: 15px; height: 15px; border: 1px solid #a3a3a3; margin: 4px 5px 0 0; background-repeat: no-repeat; background-position: 40% 40%; background-color: #e1e1e1; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px;}
.label-check input:checked~i{ background-image: url(../images/hook.png);}

.scroll-top{ opacity:0; position: fixed; z-index: 8; bottom: 38px; right: 38px; width: 68px; height: 68px; padding: 32px 0 16px; color: #fff; text-align: center; -webkit-transform:translateX(100%) rotate(360deg); transform:translateX(100%) rotate(360deg); transition:all .5s ease; background: url(../images/top.png) no-repeat center 18px #303135;}
.scroll-top.rollIn{ opacity:1; -webkit-transform:translateX(0px) rotate(0deg); transform:translateX(0px) rotate(0deg); transition:all .5s ease;}

.pagination{ margin: 28px 0; text-align: center;}
.pagination a{ display: inline-block; height: 32px; padding: 0 12px; margin: 0 2px; font-size: 16px; line-height: 32px; color: #2c2c2c; text-align: center; background: #e8e8e8;}
.pagination .prev, .pagination .next{ font-size: 14px;}
.pagination .prev{ color: #8b8b8b;}
.pagination a:hover, .pagination .active{ color: #fff; background: #e60012;}

.bounce-to-right{ position: relative; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s;}
.bounce-to-right:before{ content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #e81421; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.bounce-to-right:hover, .bounce-to-right:focus, .bounce-to-right:active{ border-color: #e81421; color: #fff;}
.bounce-to-right:hover:before, .bounce-to-right:focus:before, .bounce-to-right:active:before{ -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}

.container{ position: relative; width: 1188px; margin: 0 auto;}
.col-half{ float: left; width: 49%;} .col-half.fr{ float: right;}

/* header */
/*.fixedNav{ position:fixed; z-index:9998; top:0px; left:0px; width:100%; _position:absolute; _top:expression(eval(document.documentElement.scrollTop));}*/
.header-site{ padding: 8px 0; color: #fff; background: rgba(0,0,0,.38);}
.header-site .btn-apply{ float: right; width: 116px; height: 26px; -webkit-border-radius: 13px; -moz-border-radius: 13px; -o-border-radius: 13px; border-radius: 13px; font-size: 14px; line-height: 26px; color: #fff; text-align: center; background: #e60012;}
.header{ padding: 38px 0;}
.header .logo{ float: left; width: 556px; margin-top: 6px;}
.header-search{ float: right; width: 395px;}
.header-search .hint{ font-size: 16px; color: #fff; text-align: right;}
.form-search{ float: right; position: relative; width: 100%; height: 45px; margin-top: 8px;}
.form-search input{ width: 100%; height: 45px; padding: 0 56px 0 24px; line-height: 45px; -webkit-border-radius: 22px; -moz-border-radius: 22px; -o-border-radius: 22px; border-radius: 22px; background: #f3f3f3;}
.form-search .btn-search{ position: absolute; z-index: 66; top: 10px; right: 18px; width: 24px; height: 24px; background: url(../images/search.png) no-repeat center center;}

.navbar{ width: 100%;}
.navbar .container{ height: 54px; line-height: 54px; background: #e60012;}
.nav-list li{ float: left; width: 11.1%; font-size: 18px; text-align: center;}
.nav-list a{ display: block; position: relative; color: #fff;} .nav-list .show-pad{ display: none;}
.nav-list .active>a, .nav-list a:hover{ background: #ad000e;}
.nav-list .active>a:after, .nav-list a:hover:after{ background-color: #008ae5;}

.footer, .footer a{ color: #fff;} .footer a:hover{ text-decoration: underline;}
.footer{ padding: 30px 12px; font-size: 12px; font-weight: bold; text-align: center; background: #ba0006;}
.footer .logo{ width: 134px; height: 50px; margin: 18px auto 0;}

/* init */
.init .container{ padding: 26px 20px; background: #fff;}
.mod{ margin-bottom: 20px;}
.mod .hd{ border-bottom: 2px solid #ededed; margin-bottom: 15px; line-height: 42px;}
.mod .title{ display: inline-block; padding: 0 8px; border-bottom: 2px solid #e60012; font-size: 18px; font-weight: bold; color: #e60012;}
.mod .more{ float: right; padding-right: 16px; font-size: 14px; color: #b0b0b0; background: url(../images/right.png) no-repeat right center;}
.mod .more:hover, .mod a:hover .more{ color: #e60012; background-image: url(../images/right2.png);}

.swiper-news a{ position: relative;}
.swiper-news .name{ position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px 12px; color: #fff; background: rgba(0,0,0,.78);}
.news-list li{ position: relative; padding: 4px 96px 5px 0;}
.news-list .name{ display: block; padding-left: 12px; background: url(../images/dot.png) no-repeat 0 center;}
.news-list .date{ position: absolute; top: 0; right: 0; color: #ababab;}
.news-list .name:hover{ color: #e60012;}

.mod-brand{ padding: 30px 0 20px; border: 1px solid #e4e4e4; background: #f6f6f6;}
.brand-list li{ float: left; width: 14.2%; text-align: center;}
.brand-list a{ display: block;}
.brand-list img{ width: 36px; height: 36px; margin: 0 auto 15px;}
.brand-list .name{ color: #e60012;}
.mod-news .col-half{ padding: 8px 0;}
.mod-links .caption{ margin: 24px 0 20px; font-size: 18px; font-weight: bold; color: #e60012; text-align: center;}
.links-list{ margin-right: -0.5%;}
.links-list li{ float: left; width: 12%; margin: 0 0.5% 10px 0;}
.links-list a{ display: block; padding: 3px; border: 1px solid #e4e4e4; font-size: 12px; font-weight: bold; text-align: center;}
.links-list a:hover{ border-color: #e60012; color: #fff; background: #e60012;}

.table .thead{ color: #fff; background: #e74141;}
.table .td{ float: left; width: 40%; padding: 6px; text-align: center; overflow: hidden;}
.table .tname{ width: 50%; padding-left: 12px; text-align: left;}
.table .tsee{ width: 10%;}
.table .tbody{ border: 1px solid #e0e0e0; border-bottom: 0 none; font-size: 12px; color: #040404;}
.table .tr{ border-bottom: 1px solid #e0e0e0;}
.table a{ color: #a6a6a6;}
.table a:hover{ color: #e60012;}

.credit-list li{ float: left; width: 183px; height: 88px; margin-right: 10px; font-weight: bold; line-height: 88px; text-align: center; background: #f1f1f1;}
.credit-list a{ display: block; position: relative; font-size: 18px; color: #fff;}
.credit-list .item-blue{ background: #609ee9;}
.credit-list .item-orange{ background: #ff8459;}
.credit-list .item-purple{ background: #b97498;}
.credit-list .item-green{ background: #3cc0d4;}
.credit-list .item-more{ border: 1px solid #dcdcdc; margin: 0;}
.credit-list .caption{ position: absolute; z-index: 88; top: 50%; width: 100%; margin-top: -26px; font-size: 16px; line-height: 26px;}
.credit-list .icon{ width: 32px; height: 32px;}
.credit-list .more{ float: none;}

.crumb{ margin-bottom: 24px;}
.crumb a{ padding-right: 12px; margin-right: 8px; background: url(../images/cright.png) no-repeat right center;}
.line{ width: 100%; height: 8px; margin-bottom: 28px; background: url(../images/line.png) repeat-x 0 0;}
.aside{ float: right; width: 292px;}
.aside .mod{ border: 1px solid #d7d7d7;}
.aside .caption{ font-weight: bold; color: #3a3a3a;}
.mod-search{ padding: 26px 18px 32px; font-size: 12px;}
.mod-search .caption{ margin-bottom: 18px;}
.mod-search input{ float: left; width: 80%; height: 40px; padding: 0 8px; border: 1px solid #dedede; border-right: 0 none; line-height: 38px;}
.mod-search .btn{ float: right; width: 20%; height: 40px; line-height: 40px; color: #fff; text-align: center; background: #ad000e;}
.mod-rank{ padding: 4px 16px;}
.mod-rank .caption{ position: relative; padding: 12px; border-bottom: 1px dashed #dfdfdf;}
.mod-rank .caption:after{ content: '\0020'; display: block; position: absolute; top: 50%; left: 0; width: 3px; height: 12px; margin-top: -6px; background: #e60012;}
.mod-rank .bd{ padding: 18px 0;}
.rank-list li{ margin-bottom: 6px;}
.rank-list a{ display: block; font-size: 12px; color: #222;}
.rank-list a:hover, .crumb a:hover{ color: #ad000e;}

.main{ float: left; width: 836px; padding: 0 18px; border: 1px solid #d7d7d7;}
.result-list li{ padding: 26px 0; border-bottom: 1px solid #eaeaea;}
.result-list li:last-child{ border: 0 none;}
.result-list .name{ font-size: 16px; text-decoration: underline;}
.result-list .sub{ font-size: 12px; color: #8c8c8c;}
.result-list a:hover{ color: #ad000e;}

.btn-download{ display: block; width: 116px; height: 32px; margin: 30px auto 40px; line-height: 32px; color: #fff; text-align: center; background: #e60012;}
.mod-cert{ padding: 20px 0; border: 3px solid #e60012;}
.mod-cert .line{ position: relative; height: 32px; margin: 60px 0; background: #e60012;}
.mod-cert .logo{ position: absolute; top: -30px; left: 50%; width: 88px; height: 88px; margin-left: -44px;}
.mod-cert .hd, .mod-cert .bd{ width: 90%; margin: 0 auto;}
.mod-cert .hd{ position: relative; padding: 26px 0 32px; border-bottom: 1px solid #cecece; font-weight: bold; text-align: center;}
.mod-cert .title{ font-size: 36px; line-height: 48px; color: #d60011; text-align: center;}
.mod-cert .subtitle{ margin-top: 8px; font-size: 20px; line-height: 32px; color: #131313;}
.mod-cert .qrcode{ position: absolute; top: 50%; right: 0; width: 112px; height: 112px; margin-top: -56px;}
.mod-cert .bd{ background: url(../images/bcert.jpg) no-repeat center center;}
.cert-list li{ padding: 28px 200px; border-bottom: 1px solid #cecece;}
.cert-list li:last-child{ border: 0 none;}
.cert-list .name{ margin-bottom: 10px; font-size: 16px; font-weight: bold; color: #ba0006;}
.cert-list .txt{ position: relative; margin: 0 0 4px 36px;}
.cert-list .tarr{ padding-left: 70px;}
.cert-list .attr{ position: absolute; top: 0; left: 0;}
.cert-list .hint{ font-size: 12px; color: #e60012;}
.cert-list .htxt{ margin-left: 8px;}

.body-mobile{ background: #fff;}
.body-mobile .container{ max-width: 640px; width: auto; padding: 20px 16px;}
.mod-cert2{ padding: 10px 0; border-color: #c70000;}
.mod-cert2 .line{ height: 20px; margin: 30px 0; background: #c70000;}
.mod-cert2 .logo{ top: -15px; width: 46px; height: 46px; margin-left: -23px;}
.mod-cert2 .hd{ padding: 8px 0 16px;}
.mod-cert2 .title{ font-size: 20px; line-height: 20px; color: #ad000e;}
.mod-cert2 .subtitle{ font-size: 16px; line-height: 18px;}
.mod-cert2 .bd{ background-repeat: repeat-y; background-size: 320px;}
.cert-list2 li{ padding: 12px 0; font-size: 12px; line-height: 24px; color: #222;}
.cert-list2 .name{ margin-bottom: 4px; font-size: 13px;}
.cert-list2 .txt{ margin: 0;}
.cert-list2 .htxt{ font-size: 13px;}

.mod-apply{ padding: 0 80px;}
.mod-apply .hd{ padding: 26px 0; border-bottom: 1px solid #dbdbdb; font-size: 26px; color: #111; text-align: center;}
.mod-apply .bd{ padding: 40px 0;}
.form-apply .item{ position: relative; padding-left: 80px; margin-bottom: 22px; line-height: 40px;}
.form-apply .item-type{ margin-bottom: 15px; line-height: 24px;}
.form-apply .attr{ position: absolute; top: 0; left: 0; width: 62px; text-align: right;}
.form-apply .hint{ color: #db0000;}
.form-apply .input{ width: 400px; height: 40px; padding: 0 8px; border: 1px solid #eed0d0; line-height: 38px;}
.form-apply .input-verty{ float: left; width: 152px;}
.form-apply .verty{ float: left; width: 82px; height: 40px; border: 1px solid #d2d2d2; margin: 0 10px; background: #fff;}
.form-apply .fresh{ float: left; width: 15px; height: 15px; margin-top: 12px;}
.form-apply .btn{ display: block; width: 256px; height: 44px; margin: 24px 0; line-height: 44px; color: #fff; text-align: center; background: #e60012;}
.form-apply .txt{ position: relative; width: 540px; padding: 10px 12px; border: 1px solid #e2e2e2; font-size: 12px; line-height: 22px; color: #8f8f8f;}
.form-apply .inner{ height: 88px; overflow: hidden;}
.form-apply .btn-all{ position: absolute; bottom: 10px; right: 12px; width: 42px; color: #e60012; cursor: pointer; text-align: center; background: url(../images/down.png) no-repeat right 60% #fff;}
.form-apply .btn-all.up{ background-image: url(../images/up.png); }

.press-list li{ padding: 18px 0; border-bottom: 1px dashed #e1e1e1;}
.press-list a{ display: block; position: relative; padding-right: 156px; color: #7f7f7f;}
.press-list .date{ position: absolute; top: 0; right: 0; width: 68px; height: 68px; padding: 5px; color: #898989; text-align: center; background: #f0f0f0;}
.press-list .day{ font-size: 20px; line-height: 32px;}
.press-list .name{ margin-bottom: 8px; font-weight: bold; color: #111010;}
.press-list .txt{ font-size: 12px; line-height: 20px;}
.press-list a:hover, .press-list a:hover .name{ color: #ad000e;}
.press-list a:hover .date{ color: #fff; background: #ad000e;}
.press-info{ display: block; position: relative; padding: 26px 0 20px 440px;}
.press-info .pic, .press-info .info{ height: 230px;}
.press-info .pic{ position: absolute; top: 26px; left: 0; width: 418px;}
.press-info .name{ margin: 16px 0; font-size: 16px; font-weight: bold; color: #222;}
.press-info .txt{ height: 132px; line-height: 22px; color: #444; overflow: hidden;}
.press-info .subtxt{ font-size: 12px; color: #6a6a6a;}
.press-info .date{ margin-right: 42px;}
.press-info:hover .name{ color: #ad000e;}

.main-news{ padding: 45px 18px 32px; color: #292929;}
.main-news .title, .main-news .subtitle{ text-align: center;}
.main-news .title{ font-size: 22px; font-weight: bold; color: #111;}
.main-news .subtitle{ width: 88%; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; margin: 20px auto 26px; font-size: 12px; line-height: 30px; color: #a1a1a1;}
.main-news .date{ margin-right: 16px;}
.main-news .line{ margin: 20px 0;}
.news-page a{ display: block; line-height: 30px; color: #292929; text-decoration: underline;}
.news-page a:hover{ color: #ad000e;}