/* style reset */



* {

    margin: 0;

    padding: 0;

    outline: none;

    -webkit-text-size-adjust: none;

    -webkit-overflow-scrolling: touch;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box

}



html {

    width: 100%;

    font-size: 10px

}



body {

    width: 100%;

    color: #666;

    line-height: 1.714;

    font-size: 1.4rem;

    word-break: keep-all;

    word-wrap: break-word

}



ul,

ol,

li {

    list-style: none

}



a {

    color: inherit;

    text-decoration: none;

    cursor: pointer

}



em,

address,

i {

    font-style: normal

}



caption {

    visibility: hidden;

    width: 0;

    height: 0;

    overflow: hidden;

    font-size: 0

}



hr {

    font-size: 0;

    line-height: 0

}



select {

    border-radius: 0;

    color: #666;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none

}



select::-ms-expand {

    display: none

}



button {

    background: transparent;

    border: 0;

    vertical-align: middle;

    cursor: pointer

}



pre {

    white-space: pre-line;

    word-break: break-all

}



img {

    border: 0

}



input[type="text"],

input[type="password"],

input[type="file"] {

    display: block;

    padding: 0;

    background: #fff;

    border: 0;

    border-radius: 0;

    color: #666

}



input[type="radio"],

input[type="checkbox"] {

    vertical-align: middle

}



input::-ms-clear {

    display: none

}



input::-webkit-input-placeholder {

    color: #bcbcbc;

    font-size: 1.4rem;

    font-weight: 100

}



input:-moz-placeholder {

    color: #bcbcbc;

    font-size: 1.4rem;

    font-weight: 100

}



input::-moz-placeholder {

    color: #bcbcbc;

    font-size: 1.4rem;

    font-weight: 100

}



input:-ms-input-placeholder {

    color: #bcbcbc;

    font-size: 1.4rem;

    font-weight: 100

}



textarea {

    overflow-x: hidden;

    overflow-y: auto;

    resize: none;

    background: #fff;

    color: #666

}



textarea::-webkit-input-placeholder {

    color: #bcbcbc;

    font-weight: 100

}



textarea:-moz-placeholder {

    color: #bcbcbc;

    font-weight: 100

}



textarea::-moz-placeholder {

    color: #bcbcbc;

    font-weight: 100

}



textarea:-ms-input-placeholder {

    color: #bcbcbc;

    font-weight: 100

}



img,

input,

button,

select,

textarea {

    vertical-align: middle

}



fieldset {

    margin: 0;

    padding: 0;

    border: 0;

    background: 0

}



fieldset legend {

    visibility: hidden;

    font-size: 0;

    line-height: 0

}



table {

    border-collapse: collapse

}



.hide {

    overflow: hidden;

    position: absolute;

    left: -1000%;

    top: 0;

    width: 0;

    height: 0;

    font-size: 0.1%;

    line-height: 0.1%

}



.transparents-layer {

    position: fixed;

    left: 0;

    top: 0;

    z-index: 100;

    width: 100%;

    height: 100%;

    background: #000;

    opacity: 0.5;

    -ms-filter: alpha(opacity=50);

    filter: alpha(opacity=50)

}



.nocontents {

    width: 100%;

    padding: 5rem;

    text-align: center;

    font-size: 1.6rem

}



.pc-only {

    display: block

}



.mobile-only {

    display: none

}



.overNo {

    overflow: hidden;

    position: fixed;

    height: 100%;

}





/* layout */



.header {

    position: absolute;

    left: 0;

    top: 0;

    z-index: 120;

    width: 100%;

    height: 148px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.15)

}



.header h1 {

    position: absolute;

    left: 90px;

    top: 57px;

    width: 168px;

    height: 34px;

}



.header h1 a {

    display: block;

    width: 100%;

    height: 100%;

    background: url(../images/logo.png) no-repeat center center;

    font-size: 0;

    text-indent: -99999rem

}



.header .topmenu {

    position: absolute;

    width: 768px;

    margin: 0 auto;

    left: 0;

    right: 0;

    text-align: center;

}



.cobetg{width:756px; margin:0 auto; left:0; top:0; right:0; background:#0C0}





.header .topmenu .btn-partner {

    display: none;

    float: left;

    width: 13rem;

    height: 3.4rem;

    margin: 3rem 4rem 0 0;

    border: 1px solid rgba(255, 255, 255, 0.5);

    line-height: 3.4rem;

    text-align: center;

    color: #fff;

    font-size: 1.4rem

}



.header .topmenu>ul {}



.header .topmenu>ul:after {

    content: "";

    display: block;

    clear: both;

    overflow: hidden

}



.header .topmenu>ul>li {

    display: inline-block;

    margin: 0 0 0 33px;

	min-height:148px !important;

	position:relative}

	

	.header .topmenu>ul>li:after{ content:''; position:absolute; left:0; bottom:0; z-index:9999; width:100%;

	height:30px; background:}



.header .topmenu>ul>li:first-child {

    padding-left: 0

}



.header .topmenu>ul>li>a {

    display: block;

    width: 100%;

    height: 148px;

    line-height: 148px;

    color: #fff;

    font-size: 16px;

}



.header .btn-category {

    float: right;

    position: absolute;

    right: 90px;

    top: 44px;

    z-index: 70;

    width: 60px;

    height: 60px;

    border: 1px solid #fff;

}



.header .btn-category .bar {

    display: block;

    position: absolute;

    left: 50%;

    width: 2.4rem;

    height: 0.3rem;

    margin: -0.15rem 0 0 -1.2rem;

    border: 0;

    background: #fff;

    transition: top 0.15s linear;

    border-radius: 4px

}



.header .btn-category .bar:nth-child(1) {

    top: 40%

}



.header .btn-category .bar:nth-child(2) {

    top: 50%

}



.header .btn-category .bar:nth-child(3) {

    top: 60%

}



.header .btn-category:hover .bar:nth-child(1) {

    top: 35%

}



.header .btn-category:hover .bar:nth-child(2) {

    top: 50%

}



.header .btn-category:hover .bar:nth-child(3) {

    top: 65%

}



.header .submenu {

    display: none;

    position: absolute;

    top: 148px;

    left: 0;

    width: 100%;

    height: 395px;

    padding: 40px 0 0px 0;

    background: #f1f1f3

}



.header .submenu .menu {

    height: 26.2rem;

    margin: 0 auto

}



.header .submenu .menu>p {

    float: left;

    position: relative;

    width: 51.8rem;

    height: 26.2rem;

    text-align: center

}



.header .submenu .menu>p>strong {

    display: block;

    z-index: 1;

    position: relative;

    margin-top: -1.5rem;

    color: #df1212;

    font-size: 4.2rem;

    font-weight: 700

}



.header .submenu .innerbox {}



.header .submenu .innerbox>ul {

    margin-left: 9.8rem

}



.header .submenu .innerbox>ul:first-of-type {

    margin-left: 0

}



.header .submenu .innerbox>ul>li>a {

    display: inline-block;

    position: relative;

    color: #111;

    font-size: 1.6rem;

    font-weight: 500

}



.header .submenu .innerbox>ul>li:hover>a {

    color: #000

}



.header .submenu .innerbox>ul>li:hover>a:after {

    content: "";

    display: block;

    position: absolute;

    top: -0.6rem;

    right: -0.6rem;

    width: 0.6rem;

    height: 0.6rem;

    border-radius: 50%;

    background: #02448e

}



.header .submenu .innerbox>ul>li.on>a {

    color: #000

}



.header .submenu .innerbox>ul>li.on>a:after {

    content: "";

    display: block;

    position: absolute;

    top: -0.6rem;

    right: -0.6rem;

    width: 0.6rem;

    height: 0.6rem;

    border-radius: 50%;

    background: #000

}



.header .submenu .innerbox>ul>li>ul {

    margin: 1rem 0 0 2rem

}



.header .submenu .innerbox>ul>li>ul:first-of-type {

    margin-left: 0

}



.header .submenu .innerbox>ul>li>ul>li {

    margin-bottom: 1rem

}



.header .submenu .innerbox>ul>li>ul>li>a {

    color: #666;

    font-size: 1.6rem

}



.header .submenu .innerbox>ul>li>ul>li>a:hover {

    text-decoration: underline

}



.header .submenu .menu.company .innerbox {

    padding-left: 7rem;

    -ms-justify-content: space-between;

    -webkit-justify-content: space-between;

    justify-content: space-between

}



.header .submenu .menu.company .innerbox>ul {

    margin-left: 0

}



.header .submenu .menu.business .innerbox {

    -ms-justify-content: space-between;

    -webkit-justify-content: space-between;

    justify-content: space-between

}



.header .submenu .menu.business .innerbox>ul {

    margin-left: 0

}







.header.expend .btn-category .bar {

    background: #fff

}



.header.menuopen {

    background: #fff

}



.header.menuopen .topmenu>ul {

    display: none

}



.header.menuopen .topmenu .btn-partner {

    display: block

}



.header.menuopen .btn-category .bar {

    border-width: 1px;

    transition: transform 0.5s

}



.header.menuopen .btn-category .bar:nth-child(1) {

    top: 50%;

    transform: rotate(42deg)

}



.header.menuopen .btn-category .bar:nth-child(2) {

    opacity: 0

}



.header.menuopen .btn-category .bar:nth-child(3) {

    top: 50%;

    transform: rotate(-42deg)

}



.allmenu {

    z-index: 110;

    position: fixed;

    top: -150%;

    left: 0;

    

    width: 100%;

    height: 750px;

    background: #f5f5f5

}



.allmenu .innerbox {

    width: 1306px;

    height: auto;

    margin: 0 auto;

}

@media(max-width: 1280px){

    .allmenu .innerbox {

        width: 100%;

        height: auto;

        margin: 0 auto;
        padding: 0 30px;

    }
}

.allmenu .depthtitle {

    width: 100%

}



.allmenu .depthtitle>ul:after {

    content: "";

    display: block;

    clear: both;

    overflow: hidden

}



.allmenu .depthtitle>ul>li {

    float: left;

    width: 25%;

    padding-left: 6rem

}



.allmenu .depthtitle>ul>li>a {

    color: #02448e;

    font-size: 2.4rem;

    font-weight: 500

}



.allmenu .secdepth {

    width: 100%;

    margin-top: 80px

}



.allmenu .secdepth:after {

    content: "";

    display: block;

    clear: both;

    overflow: hidden

}



.allmenu .secdepth>ul {

    float: left;

    width: 16.66%;

}



.allmenu .secdepth>ul>li {

    line-height: 30px

}



.allmenu .secdepth>ul>li h2 {

    margin-bottom: 30px;

}



.allmenu .secdepth>ul>li h2 a {

    color: #c9151e;

    font-size: 24px;

    padding-left: 10px

}



.allmenu .secdepth>ul>li h3 {

    margin-bottom: 15px;

}



.allmenu .secdepth>ul>li h3.booo {

    margin-bottom: 15px;

}



.allmenu .secdepth>ul>li h3 a {

    color: #333333;

    font-size: 20px;

    padding-left: 10px

}



.allmenu .secdepth>ul>li:last-child {

    margin-bottom: 0

}



.allmenu .secdepth>ul>li p {

    line-height: 30px;

    padding-left: 10px;

    background: url(../images/bg.png) no-repeat left 13px;

    margin-bottom: 5px;

}



.allmenu .secdepth>ul>li p a {

    display: inline-block;

    color: #999999;

    font-size: 14px;

    position: relative;

    transition: all 0.5s ease;

}



.allmenu .secdepth>ul>li p a:after {

    content: '';

    position: absolute;

    width: 0px;

    height: 2px;

    background: #999999;

    left: 0;

    bottom: 0;

    transition: all 0.5s ease;

}



.allmenu .secdepth>ul>li p.brog {

    margin-bottom: 25px;

}



.allmenu .secdepth>ul>li p a:hover {

    color: #333333

}



.allmenu .secdepth>ul>li p a:hover:after {

    width: 100%;

}



.allmenu ul.thdepth>li {

    margin-top: 1rem;

    padding-left: 0.8rem;

    background: url('../images/bg_dot_05.jpg') no-repeat 0 50%;

    text-align: left

}



.allmenu ul.thdepth>li>a {}



.allmenu ul.thdepth>li>a:hover {

    border-bottom: 1px solid #02448e;

    color: #02448e

}



.allmenu ul.fodepth {

    display: none

}



.header.menuopen h1 a {

    background: url(../images/logo1.png) no-repeat center center

}







@media(max-width:1440px) {

    .header h1 {

        left: 40px;

    }

    .header .btn-category {

        right: 60px;

    }

}



.lbreg {

    width: 1131px;

    height: auto;

    margin: 0 auto;

    background: #090;

}



.lber_l {

    float: left;

    width: 200px;

    height: auto;

    color: #df1212;

    font-size: 24px

}



.lber_r {

    float: right;

    width: 928px;

    height: auto;

}



.lber_r li {

    clear: both;

    line-height: 36px;

    margin-bottom: 20px;

    overflow: hidden;

}



.lber_r li h2 {

    float: left;

    width: 126px;

    color: #333333;

    font-size: 16px;

}



.lber_r li h2 a {

    color: #333333;

    font-size: 16px;

}



.lber_r li p {

    float: left;

    width: 802px;

    height: auto;

    font-size: 0;

}



.lber_r li p a {

    color: #999999;

    font-size: 16px;

    position: relative;

    display: inline-block;

    transition: all 0.5s ease;

}



.lber_r li p a:after {

    content: '';

    position: absolute;

    left: 0;

    bottom: 0;

    width: 0px;

    height: 2px;

    background: #999;

    transition: all 0.5s ease;

}



.lber_r li p em {

    margin: 0 18px;

    color: #999999;

    font-size: 16px;

}



.lber_r li p a:hover {

    color: #333333;

}



.lber_r li p a:hover:after {

    width: 100%;

}



.lber_r li:last-child {

    margin-bottom: 0px;

}



.on1 {

    position: fixed;

    z-index: 9999;

}



.on1 h1 a {

    background: url(../images/logo1.png) no-repeat center center

}



.on1 .topmenu>ul>li>a {

    color: #333;

}



.on1 .btn-category {

    border: 1px solid #333;

}



.on1 .btn-category .bar {

    background: #333;

}







.on1 .header.expend .btn-category .bar {

    background: #333

}



.header .topmenu>ul>li img{ margin-left:6px}

.dbpe{ width:477px; height:0px; position:absolute; left:0px; top:148px;overflow:hidden;transition: all 0.5s ease;  text-align:left;}

.dbepp{widht:100%; height:294px; background:url(../tu/tu27.png) no-repeat left top rgba(15,99,184,0.6);overflow:hidden;transition: all 0.5s ease;padding:0px 50px 0 50px;}

.dbpe_l{float:left; width:100%; overflow:hidden; margin-bottom:20px}

.dbpe_l li{ height:auto;}

.dbpe_l li h2{ border-bottom:1px solid rgba(255,255,255,0.5); min-height:26px !important; padding-bottom:5px; margin-bottom:20px}

.dbpe_l li h2 a{ color:#fff; font-size:16px}

.dbpe_l li p{float:left; width:33.33%; line-height:30px; text-align:left;}

.dbpe_l li p a{ color:#fff; font-size:14px;}

.dbpe_r{float:right; width:100%; height:auto;}

.dbpe_r li h2{height:auto; border-bottom:1px solid rgba(255,255,255,0.5); min-height:26px !important; text-align:left; margin-bottom:20px}

.dbpe_r li h2 a{ color:#fff; font-size:16px}

.dbpe_r li p{float:left; width:33.3%; line-height:30px; text-align:left;}

.dbpe_r li p a{ color:#fff; font-size:14px;}

.header .topmenu>ul>li:hover .dbpe{ height:344px; }

.header .topmenu>ul>li:hover .dbepp{ height:344px;padding:40px 50px 0 50px; }



.aboe{ width:450px; height:0px;position:absolute; left:0px; top:148px;overflow:hidden;transition: all 0.5s ease;  text-align:left;}

.cboeg{widht:100%; height:344px; background:url(../tu/tu27.png) no-repeat left top rgba(15,99,184,0.6);overflow:hidden;transition: all 0.5s ease;padding:0px 50px 0 50px;}

.aboe_t{ width:100%; height:auto; overflow:hidden; margin-bottom:35px}

.aboe_t ul{ font-size:0;}

.aboe_t li{ display:block; width:100%; margin-right:0%; text-align:left; position:relative; min-height:auto !important; float:left;}

.aboe_t li.qcbj{ margin-right:0;}

.aboe_t li h2{ margin-bottom:20px;}

.aboe_t li h2 a{ color:#ffffff; font-size:16px; line-height:22px;}

.header .topmenu>ul>li .aboe_t li h2 a img{ display:block; max-width:100%; margin-left:0; margin-bottom:5px}

.aboe_t li:after{ content:''; position:absolute; left:0; top:37px; width:100%; height:1px; background:rgba(255,255,255,0.5);}

.aboe_t li p a{ color:#fff; display:block; line-height:30px; font-size:14px;}

.aboe_b{ width:100%; height:auto; overflow:hidden; }

.aboe_b ul{ font-size:0;}

.aboe_b li{ display:inline-block; width:163px; text-align:left; position:relative; min-height:auto !important; float:left;}

.aboe_b li.qcbj{ margin-right:0;}

.aboe_b li h2{ margin-bottom:30px;}

.aboe_b li h2 a{ color:#ffffff; font-size:16px; line-height:22px;}

.header .topmenu>ul>li .aboe_b li h2 a img{ display:block; max-width:100%; margin-left:0; margin-bottom:5px}

.aboe_b li:after{ content:''; position:absolute; left:0; top:77px; width:34px; height:1px; background:rgba(255,255,255,0.5);}

.aboe_b li.ebog{width:113px;}

.aboe_b li.ebog1{width:auto;}

.header .topmenu>ul>li:hover .aboe{ height:344px;}

.header .topmenu>ul>li:hover .cboeg{ height:344px;padding:40px 50px 0 50px; }



.zoboe{width:378px; height:0px;position:absolute; left:0; top:148px; overflow:hidden;transition: all 0.5s ease;  text-align:left;}

.bbbb{widht:100%; height:344px; background:url(../tu/tu27.png) no-repeat left top rgba(15,99,184,0.6);overflow:hidden;transition: all 0.5s ease;padding:0px 50px 0 50px;}

.zoboe li{float:left; position:relative; padding-bottom:10px; margin-bottom:40px; margin-right:50px; min-height:45px !important}

.zoboe li:after{ content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:rgba(255,255,255,0.5);}

.zoboe li a{ color:#fff; font-size:16px; line-height:22px;}

.header .topmenu>ul>li .zoboe li img{ display:block; max-width:100%; margin-left:0; margin-bottom:10px}

.zoboe li.qcbj{ margin-right:0;}

.header .topmenu>ul>li:hover .zoboe{ height:344px; }

.header .topmenu>ul>li:hover .bbbb{ height:344px;padding:40px 50px 0 50px; }



.cpbm{width:616px; height:0px;position:absolute; left:0; top:148px; text-align:left;}

.bbbp{width:100%; height:0px; background:url(../tu/tu27.png) no-repeat left top rgba(15,99,184,0.6);overflow:hidden;transition: all 0.5s ease;padding:0px 50px 0 50px;}

.cpbm li{ float:left; margin-right:0px; position:relative}

.cpbm li:after{content:''; position:absolute; left:0; top:33px; width:100%; height:1px; background:rgba(255,255,255,0.5);}

.cpbm li h2{ margin-bottom:20px;}

.cpbm li h2 a{ color:#fff; font-size:16px; line-height:22px;}

.cpbm li p{ line-height:30px}

.cpbm li p a{ color:#fff; font-size:14px;}

.cpbm li:last-child{ float:right;}

.header .topmenu>ul>li:hover .cpbm{ height:344px;}

.header .topmenu>ul>li:hover .bbbp{ height:344px; padding:40px 50px 0 50px;}



.jiio{width:585px; height:0px;position:absolute; left:0px; top:148px;overflow:hidden;transition: all 0.5s ease;  text-align:left; padding-left:110px;}

.cbpp{widht:100%; height:0px; background:url(../tu/tu27.png) no-repeat left top rgba(15,99,184,0.6);overflow:hidden;transition: all 0.5s ease;padding:0px 50px 0 50px;}

.jiio ul{float:left; margin-right:40px;}

.jiio li{width:100%; margin-right:0; margin-left:0; position:relative;}

.jiio li:after{content:''; position:absolute; left:0; top:33px; width:100%; height:1px; background:rgba(255,255,255,0.5);}

.jiio li h2{ line-height:22px; margin-bottom:20px;}

.jiio li h2 a{ color:#fff; font-size:16px;}

.jiio li p{ clear:both; overflow:hidden; line-height:30px;}

.jiio li p em{ display:block; float:left; width:107px}

.jiio li p a{ color:#fff; font-size:14px;}

.jiio li p i{ display:block; float:right;}

.jiio ul.qcbj{ margin-right:0;}

.header .topmenu>ul>li:hover .jiio{ height:344px; }

.header .topmenu>ul>li:hover .cbpp{ height:344px;padding:40px 50px 0 50px; }



.guoe{width:348px; height:0px;position:absolute; left:0; top:148px; overflow:hidden;transition: all 0.5s ease;  text-align:left;}

.gbuo{widht:100%; height:0px; background:url(../tu/tu27.png) no-repeat left top rgba(15,99,184,0.6);overflow:hidden;transition: all 0.5s ease;padding:0px 50px 0 50px;}

.guoe li{float:left;width:45%; position:relative; margin-bottom:30px}

.guoe li:after{content:''; position:absolute; left:0; top:37px; width:100%; height:1px; background:rgba(255,255,255,0.5);}

.guoe li h2{ margin-bottom:20px;}

.guoe li h2 a{ color:#fff; font-size:16px;}

.guoe li h2 img{ display:block; max-width:100%; margin-bottom:5px}

.guoe li p{ clear:both; overflow:hidden; width:100%; line-height:30px}

.guoe li p em{ display:block; float:left; width:90px;}

.guoe li p a{ color:#fff; font-size:14px;}

.guoe li.qcbj{ float:right;}

.guoe li p em.oog{ width:auto;}

.header .topmenu>ul>li .guoe li h2 img{ margin-left:0px}

.header .topmenu>ul>li:hover .guoe{ height:344px;}

.header .topmenu>ul>li:hover .gbuo{ height:344px;padding:40px 50px 0 50px; }

@media(max-width:1440px){

.cpbm{width:616px;}

}

@media(max-width:1366px){

.dbpe{left:0px; padding-left:0px;  width: 457px;}

.aboe{ left:32px; top:148px; padding-left:0px; }

.zoboe{left:32px; top:148px; padding-left:0px;    width: 278px;}

.guoe{ padding-left:0;  padding-left:40px;width: 378px;}

.jiio{ padding-left:0;  padding-left:40px;    width: 515px;}

.cpbm{ padding-left:0;padding-left:40px;    width: 656px;}

	

}





.on1 .btn-category .bar {

    background: #333

}





.header.menuopen .btn-category .bar {

    background: #333

}

.header.menuopen .btn-category{

	border:1px solid #333;}







.on1.expend .btn-category .bar {

    background: #333

}



.on1.menuopen {

    background: #333

}