/**
* 重置样式
*/

* {
    margin         : 0;
    outline        : none;
    padding        : 0;
    text-decoration: none;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    box-sizing        : border-box;
}

html {
    margin                  : 0;
    -webkit-text-size-adjust: none;
}

ol,
ul {
    list-style: none;
}

a img {
    border: none;
}

a:active {
    outline: none;
}

script {
    display: none !important;
}

label {
    margin-bottom: 0;
}

p {
    margin: 0;
}

h3,
.h3 {
    font-size: 1.17em;
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
    margin: 0;
}

.clearFloat {
    content: "";
    display: block;
    clear  : both;
}


/**
* 总体样式
*/

.body {
    min-width : 1200px;
    overflow-x: auto;
}

/**
*顶部样式
*/

.header {
    width     : 1200px;
    height    : 100px;
    margin    : 0 auto;
    background: #fff;
    padding   : 30px 0;
}

.logo-btn {
    float       : left;
    margin-right: 90px;
}


.logo-btn>a {
    width         : 190px;
    height        : 40px;
    color         : #839bef;
    box-sizing    : border-box;
    display       : inline-block;
    vertical-align: middle;
    text-align    : center;
    border-radius : 5px;
    background    : #fff;
    line-height   : 40px;
    box-shadow    : 2px 2px 5px #ccc;
}

.header-nav {
    float: right;
}

.header-nav li {
    float      : left;
    margin     : 0 70px;
    line-height: 40px;
}

.header-nav li a {
    color: #333;
}



/**
* 轮播图
*/

.main-banner {
    box-shadow   : 0px 10px 30px #cfe6ff;
    margin-bottom: 20px;
    position     : relative;
}

.banner-image {
    width     : 100%;
    height    : 100%;
    opacity   : 0;
    transition: all 0.5s ease-in-out;
}

.banner-image.active {
    position  : absolute;
    height    : 100%;
    top       : 0;
    left      : 0;
    opacity   : 1;
    transition: all 0.5s ease-in-out;
}

.nivo-controlNav {
    position  : absolute;
    bottom    : 0;
    z-index   : 1;
    width     : 100%;
    padding   : 20px 0;
    text-align: center;
    font-size : 0;
    cursor    : pointer;
}

.nivo-controlNav a {
    display         : inline-block;
    width           : 14px;
    height          : 14px;
    margin          : 0 7px;
    box-shadow      : 0 0 1px 0 rgb(0 0 0 / 20%);
    background-color: #fff;
    font-size       : 0;
    border          : 1px solid #ddedff;
    border-radius   : 50%;
    box-shadow      : 0 0 3px #5880f7;
}

.nivo-controlNav a.active {
    background-color: #5880f7;
}


/**
* 分类
*/

.main-body {
    height         : 864px;
    background     : url(../images/category-bg.png) no-repeat;
    background-size: cover;
}

.main-category {
    width : 1200px;
    margin: 0 auto;
}

.category-content {
    padding       : 55px 100px;
    text-align    : center;
    line-height   : 38px;
    font-size     : 1.2em;
    letter-spacing: 5px;
    position      : relative;
}

.category-content:before {
    content    : "";
    width      : 30px;
    height     : 30px;
    display    : block;
    position   : absolute;
    top        : 45px;
    left       : 200px;
    border-top : 10px solid #83a8fc;
    border-left: 10px solid #83a8fc;
}

.category-content:after {
    content      : "";
    width        : 30px;
    height       : 30px;
    display      : block;
    position     : absolute;
    bottom       : 45px;
    right        : 200px;
    border-bottom: 10px solid #83a8fc;
    border-right : 10px solid #83a8fc;
}


.category-panel-list {
    float: left;
}

.category-panel {
    width  : 580px;
    height : 300px;
    padding: 80px 50px;

    font-size    : 2em;
    margin-bottom: 20px;
}

.category-panel a {
    color: #1d87ff;
}

.category-panel:nth-child(1) {
    background     : url(../images/category-1.png) no-repeat;
    background-size: cover;
}

.category-panel:nth-child(2) {
    background     : url(../images/category-2.png) no-repeat;
    background-size: cover;
}

.category-panel:nth-child(3) {
    background     : url(../images/category-3.png) no-repeat;
    background-size: cover;
}

.category-panel:nth-child(4) {
    background     : url(../images/category-4.png) no-repeat;
    background-size: cover;
}



.category-panel:nth-child(odd) {
    float: left;
}

.category-panel:nth-child(even) {
    float: right;
}



/**
* 内页
*/

.main-panel-list {
    width     : 1200px;
    margin    : 0 auto;
    text-align: center;
    padding   : 0 70px;
}

.main-panel-list.panel-part-1{
    padding: 0;
}

.main-panel-list.panel-part-1 .panel-content{
    padding:0 90px;
}

.main-panel {
    margin: 40px 0;
}

.main-panel>h1 {
    color: #1d87ff;
}

.panel-content {
    margin        : 20px 0 30px;
    line-height   : 32px;
    letter-spacing: 4px;
    padding       : 0 20px;
    text-indent: 2.5em;
    text-align: left;
}

.service-list>div {
    width      : 231px;
    height     : 334px;
    display    : inline-block;
    padding-top: 225px;
}

.service-list>div>p {
    font-size  : 1.2em;
    line-height: 32px;
    color      : #61a3ee;
}

.service-list>div:nth-child(1) {
    background: url(../images/service-1.png) no-repeat;
    background-size: contain;
}

.service-list>div:nth-child(2) {
    background: url(../images/service-2.png) no-repeat;
    background-size: contain;
}

.service-list>div:nth-child(3) {
    background: url(../images/service-3.png) no-repeat;
    background-size: contain;
}

.service-list>div:nth-child(4) {
    background: url(../images/service-4.png) no-repeat;
    background-size: contain;
}

.service-list>div:nth-child(5) {
    background: url(../images/service-5.png) no-repeat;
    background-size: contain;
}


.culture-img {
    padding: 0 70px;
}

.culture-img>img {
    width: 100%;
}


.spec-img{
    width:514px;
    height:336px;
}

.spec-img >img {
    width:100%;
}

.contact-list>div {
    width     : 45%;
    display   : inline-block;
    text-align: left;
    margin    : 5px 0;
}

.contact-list>div>img {
    vertical-align: middle;
    margin-right  : 8px;
}


.location-img {
    margin-top: 10px;
}

.company-info h3 {
    font-weight   : normal;
    letter-spacing: 5px;
    margin        : 10px 0 15px 0;
}

.company-info >div >img{
    width:514px;
}





.triangle-down {
    width       : 0;
    height      : 0;
    border-left : 20px solid transparent;
    border-right: 20px solid transparent;
    border-top  : 15px solid #ff5f5f;
}


.form-panel {
    padding   : 40px;
    box-shadow: 0 0 10px #deebf8;
}


.form-list>li {
    line-height: 54px;
}

.form-list>li>label {
    display       : inline-block;
    width         : 100px;
    text-align    : right;
    vertical-align: top;
}

.form-list>li>input {
    border       : none;
    border-bottom: 1px solid #78b7ff;
    width        : 430px;
    font-size    : 1.2em;
}


.form-list>li>textarea {
    border    : 1px solid #78b7ff;
    font-size : 1.5em;
    height    : 100px;
    margin-top: 20px;
}

.form-list>li>label>img {
    width         : 18px;
    margin-right  : 10px;
    vertical-align: middle;
}

.form-list .tips {
    color         : red;
    margin-left   : 20px;
    vertical-align: top;
    opacity       : 0;
}

.font-desc {
    font-size  : 0.9em;
    line-height: 0;
    color      : #78b7ff;
}



.submit-btn {
    width        : 250px;
    height       : 70px;
    margin-top   : 30px;
    border-radius: 35px;
    background   : #ff5f5f;
    border       : none;
    font-size    : 32px;
    color        : #fff;
    box-shadow   : 0 0 5px #ff5f5f;
    cursor       : pointer;
}


/*
* 底部
*/

.adv>a>img {
    width: 100%;
}

.footer {
    width     : 1200px;
    margin    : 0 auto;
    padding   : 70px 340px;
    text-align: center;
}


.footer-nav {
    font-size: 1.2em;
}

.footer-nav>a {
    color: #b1b1b1;
}

.footer-nav>span {
    padding: 0 20px;
    color  : #b1b1b1;
}

.footer-content {
    margin-top : 10px;
    line-height: 40px;
    color      : #b1b1b1;
    font-size  : 0.9em;
}

.footer-content>span {
    vertical-align: sub;
}

.footer-content>img {
    vertical-align: middle;
    margin        : 0 10px;
}


/**
* 地图
*/
.mapcontainer {
    overflow   : hidden;
    width      : 100%;
    max-width  : 1200px;
    height     : 468px;
    margin     : 20px 0;
    font-family: "微软雅黑";
}