/*网站首页样式*/
.section { padding: 0; text-align: center; overflow: hidden;}

/*index-page1*/
.page1 { vertical-align: baseline; min-width: 1200px; margin: 0 auto; background: url("../images/chart_img.png")}
.page1 .page1-text {color: #ebebeb; font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif ; padding: 5% 0 0 0;letter-spacing:3px;}
.page1 .page1-text p{ font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif ;width: 88%;margin: 0 auto;line-height: 30px;}
.page1 .page1-contact { background: rgba(0,0,0,0.3); margin: 3% auto 0; padding: 25px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); width: 480px; height: 358px; }
.page1 .page1-contact input { width: 380px; height: 40px; padding-left: 20px; border-radius: 5px; border: 0; margin: 0 10px 10px 10px; outline:none;line-height:50px\9}
.page1 .page1-contact select { font-size: 16px;width: 400px; height: 50px; padding-left: 20px; border-radius: 5px; border: 0; margin: 0 10px 30px 10px}
.page1 .page1-contact a {background-color: #d17c2f;display: inline-block; width: 400px; height: 42px;border-radius: 5px; border: 0; color: #ffffff; line-height: 42px;}
.page1 .page1-contact a:hover{background-color: #d98930}
.page1 .page1-contact p { float: left; margin: 0 0 1px 40px; font-size: 10px; color: #ff9933;}
.page1 p{color: #efefef;font-size: 13px;font-family: Arial}

/*index-page2*/
.page2 { height: 730px;vertical-align: baseline; min-width: 1200px; margin: 0 auto;background: url('../images/background_2.jpg') no-repeat 100% 100%; background-size:100% 100%; -moz-background-size:100% 100%; -webkit-background-size:100% 100%; -o-background-size:100% 100%;}
.page2 .page2-business { min-width: 1200px; padding: 6% 0 0 0}
.page2 .page2-business ul { overflow: hidden; margin: 0 auto; width: 1000px; height: 380px;}
.page2 .page2-business ul li { float: left; text-align: center; width: 25%; margin: 0 0;color: #FFFFFF; font-size: 16px;}
.page2 .page2-business ul li:hover img{display: block}
.page2 .page2-business ul li:hover a{color: #fff; background: url("../images/nx-4.png?v=1.1");border: none}
.page2 .page2-business ul li .icon {overflow: hidden; width: 132px; height: 132px; margin: 0 auto;}
.page2 .page2-business ul li .tr-nation{font-size: 13px;color: #ffffff}
.page2 .page2-business ul li h2 { font-size: 24px;  margin: 4% 0;color: #ffffff;height: 43px;}
.page2 .page2-business ul li a {display: inline-block; margin-top: 30px; line-height: 40px;letter-spacing: 2px; border: 1px solid #f5f5f5; border-radius: 4px; -webkit-border-radius:4px; -moz-border-radius: 4px; width: 170px;height: 40px}
.page2 .page2-business ul li .show { margin-top: 10px;}
.page2 .page2-business ul li .show p { margin: 5px 0;}

/*index-page3*/
.page3 {vertical-align: baseline; min-width: 1200px; margin: 0 auto;position: relative;background: url("../images/background-003.jpg")}
.page3 .case-title { width: 100%;height: 115px;line-height: 130px;}
.page3 .case-title span { font-size: 31px; color: #ffffff;font-weight: 500}
.page3 .case-content { width: 1170px; margin: 0 auto 74px; padding: 20px 10px 0 53px;overflow: hidden}
.page3 .case-content .content-list { float: left; width: 31%; height: 465px; border: 2px solid #4e4e4e; padding-top:45px;}
.page3 .case-content .content-list .list-icon{ overflow: hidden; width: 132px; height: 126px; margin: 0 auto; color: #656565;}
.page3 .case-content .content-list .list-title{ margin: 40px auto; color: #ffffff; font-size: 24px;height: 10px;}
.page3 .case-content .content-list .list-conten{ text-align: left; color: #ffffff;letter-spacing: 1px; font-size: 12px; margin: 0 20px;height: 146px;}
.page3 .case-content .content-list .list-link{position: relative;top: 29px;width: 172px;height: 41px; line-height: 40px; margin: 12px auto;}
.page3 .case-content .content-list .list-link a{display: inline-block; width: 170px;height: 40px; color: #656565; font-size: 16px;letter-spacing: 2px;background-image: url("../images/nx-1.png")}
.page3 .case-content .content-list .list-icon1{background: url("../images/mange_1.png?v=1.1") no-repeat 3px 0}
.page3 .case-content .content-list .list-icon2{background: url("../images/mange_1.png?v=1.1") no-repeat 3px -127px}
.page3 .case-content .content-list .list-icon3{background: url("../images/mange_1.png?v=1.1") no-repeat 3px -251px}
.page3 .case-content .content-list:hover a{color: #fff; background: url("../images/nx-5.png?v=1.1");border-radius: 4px; -webkit-border-radius:4px; -moz-border-radius: 4px;}
.page3 .case-content .content-list:hover{border: 2px solid #f18828}
.page3 .case-content .content-list:hover .list-icon1{background: url("../images/mange.png?v=1.1") no-repeat 3px 0}
.page3 .case-content .content-list:hover .list-icon2{background: url("../images/mange.png?v=1.1") no-repeat 3px -127px}
.page3 .case-content .content-list:hover .list-icon3{background: url("../images/mange.png?v=1.1") no-repeat 3px -251px}

.footer { margin-top: 80px;}

/*网站首页样式*/
.content { padding: 0; text-align: center; overflow: hidden;
    min-width: 1200px;
    height: 100vh;
}
.content .content-contact {
        background-color: rgb(255, 255, 255);
        padding: 25px 25px 30px 25px;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000);
        display: inline-block;
        margin: 13% auto;
        border-radius: 5px;
        box-shadow: 0 0.1875rem 0.625rem -0.0625rem rgb(0 0 0 / 15%);
    }
.content .content-contact input {
        line-height: 50px\9;
        width: 400px;
        height: 50px;
        padding-left: 20px;
        border-radius: 5px;
        border: 0;
        outline: none;
    }
.content .content-contact .icon {
    width: 50px;
    float: left;
    height: 50px;
    line-height: 50px;
    background-color: #fff;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border-right: 1px solid #dedede;
}
.content .content-contact .icon img{
    vertical-align: middle;
}
.content .content-contact .nickname{width:350px;float:left;margin-left:0px;border-top-left-radius:0px;border-bottom-left-radius:0px;}
.content .content-contact .email{float:left;}
.content .content-contact .content-submit a {
    background-color: #FE8200;
    width: 100%;
    height: 50px;
    border-radius: 5px;
    border: 0;
    margin: 10px 10px 0px 0px;
    color: #ffffff;
    line-height: 50px;
    display: inline-block
}

.content .content-contact .content-submit a:hover {
    background-color: #FE8200;
}
.content .content-contact .content-submit a:active {
    background-color: #e47500;
}
.content .content-contact p { float: left; margin: 5px 20px; font-size: 10px; color: #ff9933;}
.content .content-contact .gray-border {
    border: 1px solid #dedede;
    border-radius: 5px;
}

.success {
    width: 420px;
    height: 27px;
    margin: 0 auto;
    border-radius: 3px;
    text-align: left;
    overflow: hidden;
    background: #636363;
}

.success img {
    margin: 5px 10px;
    float: left;
}


.success span {
    float: left;
    font-size: 14px;
    color: #f88a1b;
    line-height: 27px;
}


*{padding: 0;margin: 0}
/* body{background: url(../images/chart_img.png) no-repeat fixed 100% 100%;background-size:100% 100%;
    -moz-background-size:100% 100%;
    -webkit-background-size:100% 100%;
    -o-background-size:100% 100%;
    height: 100%;
} */
.pp_style{height: 76px;}