@charset "utf-8";

/** base setting **/
body,html{font-family:'Microsoft Yahei',Verdana, Arial, Helvetica, 'Simsun', sans-serif!important;margin:0;}
ul{margin:0;padding:0;list-style:none;}
.common-content{width:1190px;margin:0 auto;}
.clearfix{clear:both;}
.text-danger{color:#f00;}
.text-muted{color:#999;}
.text-primary{color:#3e8be8;}
.tab-pane{display:none;}
.tab-pane.active{display:block;}

/** link **/
a{color:#555;}
a:hover{color:inherit;text-decoration:none;}
a:focus,a:active{text-decoration:none;}
a.link-red{color:#de371c;}
a.link-red:hover{color:#d14338;}
a.link-blue{color:#1885cb;}
a.link-blue:hover{color:#1576b3;}

/** button **/
.btn{background-color:#de371c;color:#fff;}
.btn:hover{background-color:#d14338;}
.btn:hover,.btn:focus,.btn:active{color:#fff;}
.btn-border,.btn-border:focus{background-color:#fffaf4;border-color:#de371c;color:#de371c;}
.btn-gray{background-color:#eee;color:#999;}
.btn-gray:focus,.btn-gray:active{color:#999;}
.btn-gray:hover{background-color:#ddd;color:#666;}
.btn-orange{background-color:#fb8320;}
.btn-orange:focus,.btn-orange:active{background-color:#e5781e;}
.btn-orange:hover{background-color:#e5781e;}
.btn-orange.btn-border{background-color:#fff;border-color:#fb8320;color:#fb8320;}
.btn-orange.btn-border:focus,.btn-orange.btn-border:active{background-color:#fff;color:#fb8320;}
.btn-orange.btn-border:hover{background-color:#e5781e;color:#fff;}
.btn-blue{background-color:#6e85af;}
.btn-blue:focus,.btn-blue:active,.btn-blue:hover{background-color:#5d7ab0;}
.btn-blue.btn-border{background-color:#fff;border-color:#6e85af;color:#6e85af;}
.btn-blue.btn-border:focus,.btn-blue.btn-border:active{background-color:#fff;color:#6e85af;}
.btn-blue.btn-border:hover{background-color:#6e85af;color:#fff;}

/** header **/
header{padding:18px 0 16px;overflow:hidden;background:#fff;border-bottom:3px #2077be solid;}
.common-header-logo{float:left;margin:0;padding:0;}
.common-header-logo img{display:block;height:32px;}
.common-header-links{float:right;color:#555;}
.common-header-links a{display:inline-block;margin-left:8px;padding:5px 5px 5px 38px;background:#f7f7f7 url(../img/bg-header-links.png) no-repeat;border:1px #dcdcdc solid;border-radius:5px;font-weight:bold;}
.common-header-links a:hover{background-color:#ecf7ff;}
.common-header-links a.common-header-link-zj{background-position:0 0;}
.common-header-links a.common-header-link-js{background-position:0 -32px;}
.common-header-links a.common-header-link-ah{background-position:0 -64px;}
.common-header-links a.common-header-link-sh{background-position:0 -96px;}

/** top **/
.top-title{padding-top:40px;text-align:center;}
.top-title h1{margin:0 0 20px;font-size:42px;font-weight:bold;color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.3);}
.top-title h1 + div{display:inline-block;padding:0 25px;background:#fff;border-radius:18px;line-height:36px;color:#15a3cf;font-size:20px;}

.subpage-top{height:190px;overflow:hidden;background:url(../img/bg-top.png) repeat-x center top;}
.subpage-top .common-content{height:100%;background:url(../img/bg-subpage-top-content.png) no-repeat center top;}
.subpage-top .top-title{padding-top:30px;}
.subpage-top .top-title h1{font-size:36px;}
.subpage-top .top-title h1 + div{border-radius:15px;font-size:16px;line-height:30px;}

/** section **/
.section-box{padding:36px 0 40px;}
.section-title{overflow:hidden;text-indent:20px;border-left:5px #cb1a1b solid;font-size:24px;font-weight:bold;line-height:34px;}
.section-title a{float:right;font-size:16px;color:#3171b7;text-indent:10px;}

/* footer */
footer{padding:20px 0 5px;background:#655e5e;color:#d9d7d7;font-size:12px;}
footer a{color:#d9d7d7;}
footer a:hover{color:#fff;}
.common-bottom-friendly{margin-bottom:20px;padding-bottom:20px;border-bottom:1px #847e7e solid;font-size:16px;}
.common-bottom-friendly li{display:inline-block;}
.common-bottom-friendly li + li{margin-left:128px;}
.common-bottom-logo{float:left;width:25%;margin:5px 10px 0 0;;text-align:right;}
.common-bottom-logo > *{display:inline-block;}
.common-bottom-logo > * + *{margin-left:20px;}
.common-bottom-info{float:left;}
.common-bottom-info p{margin-bottom:10px;}
.common-bottom-info p > *{display:inline-block;padding:0 12px;}
.common-bottom-info p > .link-foot-icp{padding-left:30px;background:url(../img/ico-footer-icp.png) no-repeat 12px 0;}
.common-bottom-info p > .link-foot-hgwab{padding-left:30px;background:url(../img/ico-footer-hgwab.png) no-repeat 12px 0;}
.common-bottom-link{float:left;margin:15px 0 0 10px;}
.common-bottom-link a{display:inline-block;margin-left:10px;}

/** popover **/
.selector-group{padding:10px 0;overflow:hidden;font-size:16px;line-height:200%;}
.selector-group + .popover-group{border-top:1px #ddd solid;}
.selector-group > *{float:left;}
.selector-group ul{margin:0;padding:0;overflow:hidden;list-style:none;}
.selector-group ul + ul{display:none;}
.selector-group li{display:inline-block;padding:0 10px;margin-right:10px;color:#666;margin-bottom:10px}
.selector-group li.disabled{border:1px #ccc dashed;color:#999;cursor:not-allowed;}
.level3 li:hover,
.selector-group li.active{border:1px solid #ddd}
.selector-group li.active.hover{background:#eb4b3f;color:#fff;}
.selector-group li.active.hover.pointer{cursor:pointer;}
.selector-group .group-title{width:15%;text-align:right;font-size:16px;font-weight:normal;}
.selector-group .group-content{width:85%;}

/** 弹窗
.dq{display:flex;justify-content:center;align-items:center;}
 **/

/** animate **/
/* 旋转180 */
.ico-rotate{-webkit-transition: -webkit-transform 0.4s ease-out;-moz-transition: -moz-transform 0.4s ease-out;-o-transition: -o-transform 0.4s ease-out;-ms-transition: -ms-transform 0.4s ease-out;}
a:hover .ico-rotate{-webkit-transform: rotateZ(180deg);-moz-transform: rotateZ(180deg);-o-transform: rotateZ(180deg);-ms-transform: rotateZ(180deg);transform: rotateZ(180deg);}
/* 震颤 */
a:hover .ico-shake{-webkit-animation:shake 1s ease;-moz-animation:shake 1s ease;-ms-animation:shake 1s ease;animation:shake 1s ease;}
@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);} 10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);} 20%,40%,60%,80%{-webkit-transform:translateX(10px);}}
@-moz-keyframes shake{0%,100%{-moz-transform:translateX(0);} 10%,30%,50%,70%,90%{-moz-transform:translateX(-10px);} 20%,40%,60%,80%{-moz-transform:translateX(10px);}}
@-ms-keyframes shake{0%,100%{-ms-transform:translateX(0);} 10%,30%,50%,70%,90%{-ms-transform:translateX(-10px);} 20%,40%,60%,80%{-ms-transform:translateX(10px);}}
@keyframes shake{0%,100%{transform:translateX(0);} 10%,30%,50%,70%,90%{transform:translateX(-10px);} 20%,40%,60%,80%{transform:translateX(10px);}}
/* 翻入-Y轴 */
a:hover>.ico-flipinY,
span:hover>.ico-flipinY,
li:hover>.ico-flipinY,
div:hover>.ico-flipinY
{-webkit-animation:flipinY 1.5s ease-out backwards;-moz-animation:flipinY 1.5s ease-out backwards;-ms-animation:flipinY 1.5s ease-out backwards;animation:flipinY 1.5s ease-out backwards;}
@-webkit-keyframes flipinY{0%{-webkit-transform:perspective(400px) rotateY(90deg);} 40%{-webkit-transform:perspective(400px) rotateY(-10deg);} 70%{-webkit-transform:perspective(400px) rotateY(10deg);} 100%{-webkit-transform:perspective(400px) rotateY(0);}}
@-moz-keyframes flipinY{0%{-moz-transform:perspective(400px) rotateY(90deg);} 40%{-moz-transform:perspective(400px) rotateY(-10deg);} 70%{-moz-transform:perspective(400px) rotateY(10deg);} 100%{-moz-transform:perspective(400px) rotateY(0);}}
@-ms-keyframes flipinY{0%{-ms-transform:perspective(400px) rotateY(90deg);} 40%{-ms-transform:perspective(400px) rotateY(-10deg);} 70%{-ms-transform:perspective(400px) rotateY(10deg);} 100%{-ms-transform:perspective(400px) rotateY(0);}}
@keyframes flipinY{0%{transform:perspective(400px) rotateY(90deg);} 40%{transform:perspective(400px) rotateY(-10deg);} 70%{transform:perspective(400px) rotateY(10deg);} 100%{transform:perspective(400px) rotateY(0);}}
/* 淡入-从右 */
a:hover .ico-fadeinR{-webkit-animation:fadeinR 1s ease-out backwards;-moz-animation:fadeinR 1s ease-out backwards;-ms-animation:fadeinR 1s ease-out backwards;animation:fadeinR 1s ease-out backwards;}
@-webkit-keyframes fadeinR{0%{opacity:0;-webkit-transform:translateX(20px);} 100%{opacity:1;-webkit-transform:translateX(0);}}
@-moz-keyframes fadeinR{0%{opacity:0;-moz-transform:translateX(20px);} 100%{opacity:1;-moz-transform:translateX(0);}}
@-ms-keyframes fadeinR{0%{opacity:0;-ms-transform:translateX(20px);} 100%{opacity:1;-ms-transform:translateX(0);}}
@keyframes fadeinR{0%{opacity:0;transform:translateX(20px);} 100%{opacity:1;transform:translateX(0);}}
/* 弹入 */
a:hover .ico-bouncein{-webkit-animation:bouncein 1s ease-out backwards;-moz-animation:bouncein 1s ease-out backwards;-ms-animation:bouncein 1s ease-out backwards;animation:bouncein 1s ease-out backwards;}
@-webkit-keyframes bouncein{0%{opacity:0;-webkit-transform:scale(0.3);} 50%{opacity:1;-webkit-transform:scale(1.05);} 70%{-webkit-transform:scale(0.9);} 100%{-webkit-transform:scale(1);}}
@-moz-keyframes bouncein{0%{opacity:0;-moz-transform:scale(0.3);} 50%{opacity:1;-moz-transform:scale(1.05);} 70%{-moz-transform:scale(0.9);} 100%{-moz-transform:scale(1);}}
@-ms-keyframes bouncein{0%{opacity:0;-ms-transform:scale(0.3);} 50%{opacity:1;-ms-transform:scale(1.05);} 70%{-ms-transform:scale(0.9);} 100%{-ms-transform:scale(1);}}
@keyframes bouncein{0%{opacity:0;transform:scale(0.3);} 50%{opacity:1;transform:scale(1.05);} 70%{transform:scale(0.9);} 100%{transform:scale(1);}}
/* 闪烁 */
a:hover .ico-flash{-webkit-animation:flash 1s ease;-moz-animation:flash 1s ease;-ms-animation:flash 1s ease;animation:flash 1s ease;}
@-webkit-keyframes flash{0%,50%,100%{opacity:1;} 25%,75%{opacity:0;}}
@-moz-keyframes flash{0%,50%,100%{opacity:1;} 25%,75%{opacity:0;}}
@-ms-keyframes flash{0%,50%,100%{opacity:1;} 25%,75%{opacity:0;}}
@keyframes flash{0%,50%,100%{opacity:1;} 25%,75%{opacity:0;}}
/* 淡入-从下 */
a:hover .ico-fadeinB{-webkit-animation:fadeinB 1s ease-out backwards;-moz-animation:fadeinB 1s ease-out backwards;-ms-animation:fadeinB 1s ease-out backwards;animation:fadeinB 1s ease-out backwards;}
@-webkit-keyframes fadeinB{0%{opacity:0;-webkit-transform:translateY(20px);} 100%{opacity:1;-webkit-transform:translateY(0);}}
@-moz-keyframes fadeinB{0%{opacity:0;-moz-transform:translateY(20px);} 100%{opacity:1;-moz-transform:translateY(0);}}
@-ms-keyframes fadeinB{0%{opacity:0;-ms-transform:translateY(20px);} 100%{opacity:1;-ms-transform:translateY(0);}}
@keyframes fadeinB{0%{opacity:0;transform:translateY(20px);} 100%{opacity:1;transform:translateY(0);}}