.header {

    height: 110px;

}



.header .w1200 {

    position: relative;

    height: 100%;

}



.header .logo {

    margin-top: 25px;

}



.header .search {

    margin-top: 47px;

    cursor: pointer;

}



.header .nav .inav {

    margin-top: 38px;

}



.header .nav .inav .navigation {

    float: left;

    margin-right: 40px;

    position: relative;

}



.header .nav .inav .navigation.last {

    margin-right: 0;

}



.header .nav .inav .navigation h3 {

    font-weight: normal;

    padding-bottom: 20px;

}



.header .nav .inav .navigation h3 a {

    font-size: 16px;

    color: #333;

    line-height: 32px;

    display: block;

    padding: 0 4px;

}



.header .nav .inav .navigation.on h3 a {

    border-bottom: 2px solid #1e8ae9;

    color: #1e8ae9;

}



.header .nav .inav .navigation:hover h3 a {

    color: #1e8ae9;

}



.header .nav .inav .navigation ul {

    position: absolute;

    background: #fff;

    z-index: 9999;

    left: 50%;

    margin-left: -65px;

    width: 130px;

    box-shadow: 0 0 6px #e7e7e7;

    display: none;

    top: 100%;

}



.header .nav .inav .navigation ul li {

    width: 100%;

    height: 40px;

}



.header .nav .inav .navigation ul li a {

    display: block;

    width: 114px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    font-size: 14px;

    color: #333;

    padding: 0 8px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.header .nav .inav .navigation ul li a:hover{

    color: #356cad;

}



.banner .slideBox {

    width: 100%;

    overflow: hidden;

    position: relative;

}



.banner .slideBox .hd {

    height: 15px;

    position: absolute;

    right: 0px;

    bottom: 44px;

    z-index: 1;

    width: 100%;

    text-align: center;

}



.banner .slideBox .hd ul {

    zoom: 1;

    display: inline-block;

}



.banner .slideBox .hd ul li {

    float: left;

    margin: 0 16px;

    width: 6px;

    height: 6px;

    text-align: center;

    cursor: pointer;

    background-color: #fff;

    border-radius: 50%;

    position: relative;

}



.banner .slideBox .hd ul li.on::after {

    content: "";

    width: 28px;

    height: 28px;

    border: 1px solid #fff;

    border-radius: 50%;

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -15px;

    margin-top: -15px;

}



.banner .slideBox .bd {

    position: relative;

    height: 100%;

    z-index: 0;

}



.banner .slideBox .bd ul {

    overflow: hidden;

}



.banner .slideBox .bd li {

    zoom: 1;

    vertical-align: middle;

}



.banner .slideBox .bd img {

    width: 100%;

    display: block;

}



.header .seek {

    position: absolute;

    right: 0;

    top: 100%;

    width: 450px;

    padding: 25px;

    background: #fff;

    z-index: 99;

    box-shadow: 0 0 4px #999;

    display: none

}



.header .seek .text {

    float: left;

    width: 75%;

    height: 35px;

    border: 1px solid #e6e6e6;

    padding-left: 15px;

    font-size: 14px;

    color: #333;

    line-height: 35px;

}



.header .seek .submit {

    float: right;

    width: 20%;

    height: 37px;

    background: #004ea2;

    line-height: 37px;

    font-size: 14px;

    color: #fff;

    cursor: pointer;

    text-align: center;

}



.itemtit {

    text-align: center;

    font-size: 32px;

    color: #333;

    line-height: 38px;

    height: 110px;

    background: url('../images/index_icon_11.png') center bottom 0 no-repeat;

}



.itemtit .en {

    text-transform: uppercase;

    color: #b0b0b0;

}



.item01 {

    padding-top: 60px;

    background-color: #fff;

}



.item01 .itemnav {

    overflow: hidden;

    margin-top: 30px;

    margin-bottom: 20px;

    text-align: center;

    font-size: 0;

}



.item01 .itemnav div {

    width: 598px;

    height: 45px;

    font-size: 20px;

    line-height: 45px;

    color: #666;

    text-align: center;

    border: 1px solid #356cad;

    /* float: left; */

    display: inline-block;

    cursor: pointer;

    font-weight: bold;

}



.item01 .itemnav div.on {

    color: #fff;

    background-color: #356cad;

}



.item01 .subnav {

    overflow: hidden;

    border-bottom: 2px solid #356cad;
    text-align: center;

}



.item01 .subnav div {

    font-size: 20px;

    color: #666;

    line-height: 45px;

    padding: 0 20px;

    /* float: left; */

    cursor: pointer;
    display: inline-block

}



.item01 .subnav div.on {

    background-color: #356cad;

    color: #fff;

}



.item01 .pics {

    overflow: hidden;

    margin-top: 12px;

    display: none

}



.item01 .pics a {

    width: 391px;

    height: 290px;

    border: 1px solid #ccc;

    margin-left: 10px;

    float: left;

    margin-bottom: 10px;

}



.item01 .pics a img {

    width: 100%;

    height: 100%;

}



.item01 .pics a.on {

    border: 1px solid #356cad;

}



.more {

    width: 166px;

    height: 38px;

    font-size: 18px;

    line-height: 38px;

    display: block;

    border: 1px solid #356cad;

    color: #356cad;

    background: url('../images/index_icon_15.png') right 14px center no-repeat;

    text-indent: 14px;

    margin: 20px auto 60px;

}



.item02 {

    background: url('../images/bg01.jpg') left top no-repeat;

    padding-top: 50px;

    background-size: cover;

    padding-bottom: 56px;

}



.item02 .itemtit {

    background: url('../images/index_icon_19.png') center bottom 0 no-repeat;

}



.item02 .itemtit .en {

    color: #e6ebf3;

}



.item02 .itemtit h4 {

    color: #fff;

}



.item02 .picScroll-left {

    margin-top: 30px;

}



.item02 .picScroll-left .bd li {

    width: 290px;

    margin-right: 14px;

    position: relative;

}



.item02 .picScroll-left .bd li a.picbox {

    width: 100%;

    height: 216px;

    overflow: hidden;

    display: block

}



.item02 .picScroll-left .bd li a.picbox img {

    width: 100%;

    height: 100%;

}



.item02 .picScroll-left .bd li .info a {

    font-size: 20px;

    line-height: 30px;

    display: block;

    margin-top: 15px;

    color: #333;

}



.item02 .picScroll-left .bd li .info p {

    font-size: 14px;

    line-height: 24px;

    color: #666;

    margin-top: 4px;

}



.item02 .picScroll-left .bd li .info {

    background-color: #fff;

    overflow: hidden;

    padding: 0 14px;

    height: 134px;

    border: 1px solid #eee;

}



.item02 .picScroll-left .bd li .getmore {

    width: 102px;

    height: 36px;

    border: 1px solid #ddd;

    border-radius: 16px;

    display: block;

    background-color: #fff;

    text-align: center;

    line-height: 36px;

    font-size: 16px;

    color: #666;

    position: absolute;

    left: 50%;

    bottom: -19px;

    margin-left: -52px;

}



.item02 .picScroll-left .bd ul {

    padding-bottom: 50px !important;

}



.item02 .picScroll-left .hd {

    width: 100%;

    text-align: center;

}



.item02 .picScroll-left .hd a {

    cursor: pointer;

}



.item02 .picScroll-left .hd .getmore {

    display: inline-block;

    margin: 0 20px;

}



.item02 .picScroll-left .bd li.on .info {

    border: 1px solid #fff;

    background-color: #356cad;

}



.item02 .picScroll-left .bd li.on .info a,

.item02 .picScroll-left .bd li.on .info p {

    color: #fff;

}



.item02 .picScroll-left .bd li.on .getmore {

    color: #356cad;

}



.item02 .picScroll-left .bd li.on img {

    transform: scale(1.1);

    transition: all .8s ease;

}



.item03 {

    padding: 60px 0;

}



.item03 .news_container {

    overflow: hidden;

    margin-top: 30px;

}



.item03 .news_container .left {

    width: 520px;

    height: 390px;

    position: relative;

}



.item03 .news_container .left img {

    width: 100%;

    height: 100%;

}



.item03 .news_container .left .info {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 94%;

    font-size: 14px;

    color: #fff;

    padding: 0 3% 24px;

    line-height: 20px;

}



.item03 .news_container .left .info h5 {

    font-size: 20px;

    line-height: 30px;

}



.item03 .news_container .left .info span {

    display: block;

    margin-top: 4px;

    margin-bottom: 4px;

}



.item03 .right {

    width: 655px;

}



.item03nav div {

    width: 136px;

    height: 39px;

    line-height: 39px;

    background-color: #f5f5f5;

    text-align: center;

    margin-right: 8px;

    display: inline-block;

    font-size: 20px;

    color: #666;

    cursor: pointer;

}



.item03nav div.on {

    color: #fff;

    background-color: #356cad;

}



.item03 .newslist {

    display: none

}



.item03 .newslist .li {

    padding: 23px 0;

    border-bottom: 1px dashed #ccc;

    overflow: hidden;

}



.item03 .newslist .li .date {

    width: 92px;

    height: 78px;

    background-color: #f5f5f5;

    text-align: center;

    font-size: 14px;

    overflow: hidden;

    line-height: 22px;

    color: #999;

}



.item03 .newslist .li .date h6 {

    font-weight: normal;

    font-size: 36px;

    line-height: 36px;

    margin-top: 14px;

}



.item03 .newslist .li .text {

    width: 534px;

    padding-left: 26px;

    font-size: 14px;

    line-height: 20px;

    color: #666;

}



.item03 .newslist .li .text a {

    font-size: 20px;

    color: #333;

    line-height: 30px;

    margin-bottom: 6px;

    display: block

}



.item03 .newslist .li.last {

    padding-bottom: 0;

    border-bottom: 0;

}



.item03 .newslist .li.on .date {

    color: #fff;

    background-color: #356cad;

}



.item03 .newslist .li.on .text,

.item03 .newslist .li.on .text a {

    color: #356cad;

}



.footer {

    height: 390px;

    background-color: #505050;

    overflow: hidden;

}



.footer .left {

    width: 700px;

}



.footer .urls {

    padding-bottom: 16px;

    border-bottom: 1px solid #888;

    margin-top: 60px;

    margin-bottom: 14px;

}



.footer .urls a {

    padding: 0 20px;

    border-left: 1px solid #888;

    font-size: 16px;

    color: #fff;

}



.footer .urls a.first {

    padding-left: 0;

    border-left: 0;

}



.footer .urls a:hover {

    color: #89a2c1;

}



.footer .info p {

    font-size: 16px;

    color: #fff;

    line-height: 36px;

}



.footer .right {

    margin-top: 135px;

}



.footer .right p {

    font-size: 22px;

    color: #fff;

    width: 315px;

    overflow: hidden;

    margin-bottom: 20px;

}



.footer .right p img {

    float: left;

    margin-right: 18px;

}



.footer .right p span {

    line-height: 50px;

    float: left;

}



.banner img {

    display: block;

    width: 100%;

}



.subcontent {

    min-height: 500px;

}



.subcontent .leftnav {

    padding-top: 127px;

    width: 194px;

    float: left;

}



.subcontent .leftnav .father {

    width: 329px;

    height: 167px;

    background: url('../images/bg02.png') left top no-repeat;

    font-size: 26px;

    color: #fff;

    overflow: hidden;

    position: absolute;

    top: -40px;

}



.subcontent .w1200 {

    margin-top: -20px;

    position: relative;

    background-color: #fff;

}



.subcontent .leftnav .father h3 {

    line-height: 36px;

    margin-top: 105px;

    padding-left: 50px;

    font-size: 26px;

}



.subcontent .leftnav .kids {

    border-left: 6px solid #ddd;

    padding: 17px 0;

    margin-top: -13px;

}



.subcontent .leftnav .kids a {

    font-size: 16px;

    line-height: 42px;

    padding-left: 24px;

    display: block;

    color: #333;

    margin: 15px 0;

}



.subcontent .leftnav .kids a.on,

.subcontent .leftnav .kids a:hover {

    color: #356cad;

    position: relative;

}



.subcontent .leftnav .kids a.on::after {

    content: '';

    width: 10px;

    height: 42px;

    background-color: #356cad;

    left: -6px;

    top: 0;

    position: absolute;

}



.subcontent .container {

    width: 1006px;

    background-color: #fff;

    position: relative;

    margin-left: 194px;

}



.subcontent .container .steps {

    margin: 0 20px;

    border-bottom: 1px solid #ddd;

    overflow: hidden;

}



.subcontent .container .steps .left {

    font-size: 18px;

    color: #999;

    line-height: 74px;

}



.subcontent .container .steps .left h4 {

    float: left;

    color: #356cad;

}



.subcontent .container .steps .left span{

    text-transform: capitalize;

}



.subcontent .container .steps .right {

    font-size: 14px;

    line-height: 74px;

    color: #666;

}



.subcontent .container .steps .right a {

    color: #666;

}



.subcontent .container .steps .right a.on {

    color: #356cad;

}



.honor ul {

    padding: 24px 20px 0;

    overflow: hidden;

}



.honor ul li .picbox {

    width: 289px;

    height: 224px;

    border: 1px solid #ddd;

    padding: 9px;

}



.honor ul li .picbox img {

    width: 100%;

    height: 100%;

    cursor: pointer;

}



.honor ul li p {

    font-size: 16px;

    line-height: 26px;

    margin: 10px 0 30px;

    text-align: center;

    color: #666;

}



.honor ul li {

    width: 309px;

    margin-right: 19px;

    float: left;

}



.honor ul li.last {

    margin-right: 0;

}



.storage_box.honor {

    padding-bottom: 40px;

}



.storage_box .qywh {

    padding: 0 20px 63px;

}



.storage_box .qywh img {

    max-width: 100%;

    margin: 35px auto 0;

}



.storage_box .qywh p {

    font-size: 16px;

    line-height: 30px;

    color: #666;

    margin-top: 26px;

}



.profile {

    padding: 24px 20px 70px;

    overflow: hidden;

    font-size: 16px;

    line-height: 30px;

    color: #666;

    text-align: justify;

}



.profile .top {

    overflow: hidden;

}



.profile .top .left {

    width: 410px;

}



.profile .top .left p {

    margin-top: 15px;

}



.profile .top .left .pics {

    width: 482px;

    position: relative;

    z-index: 900;

    margin-top: 27px;

}



.profile .top .left .pics img {

    width: 235px;

    height: 176px;

}



.profile .top .right img {

    width: 527px;

    height: 396px;

}



.profile .bottom {

    margin-top: 43px;

}



.profile .bottom img {

    width: 419px;

    height: 314px;

}



.profile .bottom p {

    float: right;

    width: 514px;

    margin-top: 37px;

}



.storage_box {

    min-height: 400px;

    width: 100%;

}



.sales_network {

    padding: 37px 20px;

}



.sales_network ul {

    overflow: hidden;

}



.sales_network ul li {

    width: 289px;

    text-align: center;

    float: left;

    margin-right: 48px;

    margin-bottom: 16px;

}



.sales_network ul li.last {

    margin-right: 0;

}



.sales_network ul li .picbox {

    width: 289px;

    height: 158px;

}



.sales_network ul li .picbox img {

    width: 100%;

    height: 100%;

}



.sales_network ul li h6 {

    font-size: 18px;

    margin-top: 18px;

    margin-bottom: 6px;

    color: #333;

}



.sales_network ul li p {

    font-size: 18px;

    color: #666;

}



.honor ul li .picbox {

    display: block

}



.honor ul li p a {

    color: #666;

}





/* 折叠菜单 */

.subcontent .leftnav .kids .accordion .grandson a {

    font-size: 14px;

    line-height: 48px;

    padding-left: 24px;

    background-color: #f5f5f5;

    margin: 0;

    border-bottom: 2px solid #ddd;

    color: #666;

}



.subcontent .leftnav .kids .accordion .grandson a.active {

    background-color: #ddd;

    color: #333;

}



.subcontent .leftnav .kids .accordion a.mother {

    background: url('../images/zhedie_06.png') right 80px center no-repeat;

}



.subcontent .leftnav .kids .accordion a.mother.down {

    background: url('../images/zhedie_03.png') right 80px center no-repeat;

}



.subcontent .leftnav .kids .accordion .grandson {

    display: none

}



.subcontent .leftnav .kids .accordion .grandson a:hover {

    color: #356cad;

}



.page_div {

    margin: 40px auto;

    font-size: 14px;

    font-family: "microsoft yahei";

    color: #666;

    box-sizing: border-box;

    text-align: center;

}



/*

   * 页数按钮样式

   */



.pager {

    display: inline-block;

}



.pager span {

    display: inline-block;

    margin-right: 10px;

    height: 35px;

    line-height: 35px;

    padding: 0 12px;

    color: #666;

    background: #e9e9e9;

}



.pager a {

    display: inline-block;

    margin-right: 10px;

    height: 35px;

    padding: 0 12px;

    line-height: 35px;

    color: #666;

    background: #e9e9e9;

}



.pager .pageindex {

    height: 35px;

}



.pager .current {

    background: #0093dd;

    color: #fff;

}



.honor.product_center ul li .picbox {

    background-color: #f9f9f9;

}



.honor.product_center ul li p a:hover {

    color: #356cad;

}



.product_detail {

    padding: 0 20px 56px;

}



.product_detail h5 {

    font-size: 26px;

    color: #333;

    text-align: center;

    line-height: 36px;

    margin-top: 30px;

    margin-bottom: 8px;

}



.product_detail .publish {

    font-size: 16px;

    color: #666;

    text-align: center;

    padding-bottom: 13px;

    border-bottom: 1px dashed #ddd;

}



.product_detail .publish span {

    padding: 0 14px;

}



.product_detail .text {

    font-size: 14px;

    line-height: 30px;

    color: #666;

    padding-top: 20px;

}



.product_detail .text img {

    display: block;

    border: 1px solid #ddd;

    max-width: 70%;

    margin: 24px auto;
    height: auto!important;

}



.product_detail .text p {

    margin-top: 30px;
    background: transparent!important;

}



.mainnews {

    padding: 24px 20px 30px;

}



.mainnews ul li {

    border: 1px solid #ddd;

    overflow: hidden;

    padding: 27px 0;

}



.mainnews ul li .date {

    width: 132px;

    height: 113px;

    text-align: center;

    font-size: 18px;

    color: #999;

    border-right: 1px solid #ddd;

}



.mainnews ul li .date h6 {

    font-size: 42px;

    font-weight: normal;

    margin-top: 5px;

}



.mainnews ul li .text a {

    font-size: 20px;

    color: #333;

    display: block;

    margin-top: -4px;

    margin-bottom: 4px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.mainnews ul li .text {

    width: 772px;

    margin-left: 28px;

}



.mainnews ul li .text p {

    font-size: 14px;

    line-height: 30px;

    color: #666;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

}



.mainnews ul li:hover {

    border: 1px solid #356cad;

}



.mainnews ul li:hover .date {

    color: #356cad;

    border-right: 1px solid #356cad;

}



.mainnews ul li:hover a {

    color: #356cad;

}



.leave_message {

    padding: 24px 20px 70px;

}



.leave_message .inputbox {

    position: relative;

    display: inline-block;

    margin-right: 10px;

    margin-bottom: 10px;

}



.leave_message .inputbox.last{

    margin-right: 0;

}



.leave_message .inputbox input {

    width: 331px;

    height: 50px;

    background-color: #eee;

    padding-left: 100px;

    padding-right: 45px;

    font-size: 16px;

    color: #666;

}



.leave_message .inputbox span {

    font-size: 16px;

    line-height: 50px;

    color: #666;

    position: absolute;

    left: 14px;

    top: 0;

}



.leave_message .inputbox span em{

    width: 64px;

    display: inline-block;

    text-align: justify;

    text-justify: distribute-all-lines;

    /*ie6-8*/

    text-align-last: justify;

    /* ie9*/

    -moz-text-align-last: justify;

    /*ff*/

    -webkit-text-align-last: justify;

    /*chrome 20+*/

}



.leave_message .inputbox input.necessary{

    background: url('../images/star.png') right 16px center no-repeat;

    background-color: #eee;

}



.leave_message .inputbox input.address{

    width: 820px

}



.leave_message .inputbox textarea{

    padding: 11px 16px;

    width: 849px;

    background-color: #eee;

    border: 0;

    padding-left: 100px;

    font-size: 16px;

    color: #666;

    line-height: 30px;

}



input,button,select,textarea{outline:none}



.leave_message .submit{

    width: 117px;

    height: 35px;

    font-size: 16px;

    color: #fff;

    background-color: #356cad;

    margin: 24px auto 0;

    display: block

}



.recruit{

    padding: 24px 20px 30px;

}



.recruit .contact_info{

    overflow: hidden;

}



.recruit .contact_info .infobox{

    width: 470px;

    height: 140px;

    background-color: #eee;

    float: left;

}



.recruit .contact_info .infobox img{

    float: left;

    margin-left: 30px;

    margin-top: 20px;

}



.recruit .contact_info .infobox .text{

    padding-left: 38px;

    float: left;

}



.recruit .contact_info .infobox .text h6{

    font-size: 22px;

    line-height: 30px;

    color: #333;

    font-weight: normal;

    margin-top: 18px;

}



.recruit .contact_info .infobox .text p{

    font-size: 16px;

    color: #333;

}



.recruit .contact_info .infobox .text .line{

    width: 21px;

    height: 4px;

    background-color: #ccc;

    margin: 7px 0 12px;

}



.recruit .contact_info .infobox.phone{

    margin-right: 25px;

}



.recruit ul{

    margin-top: 16px;

}



.recruit ul li{

    padding: 0 28px;

    border: 1px solid #ccc;

    height: 202px;

    font-size: 16px;

    color: #666;

    line-height: 28px;

    position: relative;

    margin-bottom: 12px;

}



.recruit ul li .title{

    overflow: hidden;

    margin-top: 16px;

    line-height: 30px;

    margin-bottom: 5px;

}



.recruit ul li .title .job{

    font-size: 22px;

    color: #333;

    float: left;

}



.recruit ul li .title .time{

    float: right;

}



.recruit ul li .title .job span{

    padding-left: 20px;

}



.recruit ul li .todetail{

    width: 117px;

    height: 35px;

    font-size: 16px;

    line-height: 35px;

    text-align: center;

    background-color: #356cad;

    position: absolute;

    right: 30px;

    bottom: 20px;

    display: block;

    color: #fff;

}



.recruit ul li:hover{

    color: #356cad;

    border: 1px solid #356cad;

}



.recruit ul li:hover .title .job{

    color: #356cad;

}



.recruit_detail{

    padding: 0 20px 82px;

}



.recruit_detail h5{

    font-size: 26px;

    line-height: 40px;

    margin-top: 28px;

    text-align: center;

    color: #333;

}



.recruit_detail .table{

    border-bottom: 1px solid #ccc;

    overflow: hidden;

    margin-top: 17px;

}



.recruit_detail .table .room{

    height: 30px;

    font-size: 14px;

    color: #666;

    text-align: center;

    line-height: 30px;

    float: left;

}



.recruit_detail .table .room div{

    border: 1px solid #e6e6e6;

    border-bottom: 0;

}



.recruit_detail .table .room .tr{

    width: 193px;

    background-color: #e6e6e6;

    float: left;

    border-top: 1px solid #ccc;

}



.recruit_detail .table .room .td{

    width: 286px;

    float: left;

    border-top: 1px solid #ccc;

}



.recruit_detail h6,.recruit_detail p{

    font-size: 14px;

    color: #666;

    font-weight: normal;

    line-height: 30px;

    margin: 8px 0;

}



.recruit_detail h6{

    margin-top: 42px;

}



.img_view{

    display: none

}



.img_view .cover{

    position: fixed;

    width: 100%;

    height: 100%;

    background-color: #333;

    opacity: .5;

    left: 0;

    top: 0;

}



.img_view img.mainimg{


    height: 552px;

    position: fixed;

    left: 50%;

    /* margin-left: -350px; */

    top: 100px;

}



.img_view img.close{

    position: fixed;

    right: 100px;

    top: 40px;

    cursor: pointer;

}



body{

    overflow-x: hidden;

}



.nav01 .nav01box{

    display: none;

}