/* CSS Document */

body{ font-family:"微软雅黑"; font-size:12px; color:#565656; background:#ffffff;}
a{  font-size:12px; color:#444444; text-decoration:none;}
a:hover{ font-size:12px;  color:#444444;}

#mar0{ margin-top:0px;}
#pad10{ padding-top:10px;}

.m{ width:1004px; margin:0 auto;}

/* CSS样式 */
.header{  height:100px; background: #ececec}
.header-wapper{max-width:1400px;margin:0 auto;}
.logo{ width:auto; float:left;height:70px; overflow:hidden; background:url(../images/logo1.png) no-repeat center;background-size: auto 70px; float:left; margin-top:12px;}
.logo a{ width:172px; height:62px; line-height:62px; text-indent:200px; overflow:hidden; display:inline-block;}
.menu{  float:right; height:100px;padding:0px 15px;}
.menu ul li{ width:auto; float:left; height:100px;}
.menu ul li a{ display:inline-block; width:auto; height:100px; line-height:100px; padding:0px 30px;font-family:"微软雅黑"; font-size:16px; color:#484848;}
.menu ul li a:hover{ color:#070707;}
.menu ul li.current a{ color:#070707;}
.top_r{  float:right; padding-top:39px;overflow: hidden;}
.top_r .search{ height:22px; border-left: 1px solid #dcdcdc;padding:0 20px 0 50px}
.top_r .search .text_input{ width:0; height:20px; line-height:20px; margin-left:10px;border:none; border-bottom:solid 1px #CCC;outline:none;background:#ececec; float:left; overflow:hidden;-webkit-transition: width .3s,margin-left .3s;transition: width .3s,margin-left .3s;}
.top_r .search .text_input.showinput{ width:114px; }
.top_r .search .sub{ width:18px; height:22px; line-height:22px; border:none; outline:none;background:url(../images/sub1.png) no-repeat center; cursor:pointer;float:left;}
.top_r .link{ margin-top:10px;}
.banner{ width:100%; height:362px; border-top:solid 1px #d5d5d5; border-bottom:solid 1px #e9e9e9; background:#f5f5f5;}
.cum_pic{ width:404px; height:358px; float:left; padding:52px 40px 0px 0px;}
.banner_text{ width:520px; height:auto; float:left; padding-top:0px;}
.banner_text h2{ width:524px; height:88px; overflow:hidden; line-height:88px; border-bottom:dotted 1px #767676; font-family:"微软雅黑"; font-size:27px; color:#070707;}
.banner_text .about{ margin-top:20px; overflow:hidden; width:524px;line-height:28px;font-family:"微软雅黑"; font-size:16px; color:#808080; font-weight:400; padding-bottom:36px;}
.banner_text .more{ display:inline-block; height:24px; line-height:23px; background:url(../images/btn1.jpg) no-repeat left center; text-indent:30px; color:#bfa038;font-family:"微软雅黑"; font-size:20px;}
.banner_text .more:hover{ display:inline-block; height:24px; line-height:23px; background:url(../images/btn1.jpg) no-repeat left center; text-indent:30px; color:#bfa038;font-family:"微软雅黑"; font-size:20px;}
.bg_pic{ margin-top:40px;}

.home_cont{margin-top:30px; height:auto; background:url(../images/line.jpg) repeat-y 496px top; overflow:hidden;}
.home_cont ul{ display:block; width:1100px;}
.home_cont ul li{ width:456px; float:left; padding-right:90px; padding-bottom:20px;}
.home_cont ul li .h1_t{ height:50px; overflow:hidden; line-height:50px; border-bottom:dotted 1px #767676;color:#070707;font-family:"微软雅黑"; font-size:21px; font-weight:400;}
.home_cont ul li .li_cont{ margin-top:16px;}
.home_cont ul li .li_cont dt{ float:left; display:block; width:188px; height:112px;}
.home_cont ul li .li_cont dd{ width:244px; float:right; font-size:13px; color:#808080; line-height:24px;}
.home_cont ul li .li_cont dd .dd_u{ height:90px; overflow:hidden;}
.home_cont ul li .li_cont dd .dd_d{ margin-top:5px; color:#c3a64b;}
.home_cont ul li .li_cont dd .dd_d a{ display:block; float:right;color:#c3a64b;}
.home_cont ul li .li_cont dd .dd_d a:hover{ display:block; float:right;color:#c3a64b; text-decoration:underline;}

.list_more{ display:inline-block; width:100%; height:48px; line-height:48px; margin-top:15px; text-align:center; background:#ebebeb;color:#6c6c6c;font-family:"微软雅黑"; font-size:21px; font-weight:400;}
.list_more:hover{ display:inline-block; width:100%; height:48px; line-height:48px; margin-top:15px; text-align:center; background:#ebebeb;color:#6c6c6c;font-family:"微软雅黑"; font-size:21px; font-weight:400;}

.ny_banner{ width:100%; height:100px; border-top:solid 1px #d5d5d5; border-bottom:solid 1px #e9e9e9; background:url(../images/ny_b_bg.jpg) left top;}
.ny_banner .l_h2{ min-width:200px; float:left; line-height:100px;color:#1f1f1f;font-family:"微软雅黑"; font-size:27px;}
.ny_banner .r_list{ float:right; margin-top:34px;}
.ny_banner .r_list ul li{ float:left; padding-left:4px;}
.ny_banner .r_list ul li a{ display:inline-block; height:36px; line-height:36px; float:left; padding:0px 16px;color:#000000;font-family:"微软雅黑"; font-size:15px; font-weight:bold; background:url(../images/bg2.png);}
.ny_banner .r_list ul li a:hover{ display:inline-block; float:left; height:36px; line-height:36px; padding:0px 16px; background:#c8ae5e;color:#ffffff;font-family:"微软雅黑"; font-size:15px; font-weight:bold;}

.ny_cont{ margin-top:40px;}
.ny_cont .new_list{ float:left; width:660px;}
.ny_cont .new_list ul li{ width:100%;padding-bottom:20px;}
.ny_cont .new_list ul li .h1_t{ height:50px; line-height:50px; border-bottom:dotted 1px #767676;color:#070707;font-family:"微软雅黑"; font-size:21px; font-weight:400;}
.ny_cont .new_list ul li .li_cont{ margin-top:16px;}
.ny_cont .new_list ul li .li_cont dt{ float:left; display:block; width:188px; height:112px;}
.ny_cont .new_list ul li .li_cont dd{ width:450px; float:right; font-size:13px; color:3808080; line-height:24px;}
.ny_cont .new_list ul li .li_cont dd .dd_u{ height:90px; overflow:hidden;}
.ny_cont .new_list ul li .li_cont dd .dd_d{ margin-top:5px; color:#c3a64b;}
.ny_cont .new_list ul li .li_cont dd .dd_d a{ display:block; float:right;color:#c3a64b;}
.ny_cont .new_list ul li .li_cont dd .dd_d a:hover{ display:block; float:right;color:#c3a64b; text-decoration:underline;}
.ny_cont .ny_side{ float:right; width:294px;}
.ny_cont .ny_side .cont_list{ width:100%; padding-bottom:26px;}
.ny_cont .ny_side .cont_list h2{ width:100%; height:38px; line-height:40px; overflow:hidden; text-indent:12px; color:#000000;font-family:"微软雅黑"; font-size:16px; border-top:solid 2px #787878; background:#ebebeb;}
.ny_cont .ny_side .cont_list .content{ width:100%;}
.ny_cont .ny_side .cont_list .content ul li{ width:100%;padding-bottom:20px; border-bottom:dotted 1px #b4b4b4;}
.ny_cont .ny_side .cont_list .content ul li .li_cont{ height:66px; margin-top:12px;}
.ny_cont .ny_side .cont_list .content ul li .li_cont dt{ float:left; display:block; width:123px; height:73px;}
.ny_cont .ny_side .cont_list .content ul li .li_cont dd{ width:144px; float:right; font-size:14px; color:#444444; line-height:22px; padding-right:8px;}
.ny_cont .ny_side .cont_list .content ul li .li_cont dd .dd_u{ height:50px; overflow:hidden; line-height:17px;}
.ny_cont .ny_side .cont_list .content ul li .li_cont dd .dd_d{ margin-top:5px; color:#999999;}
.ny_cont .ny_side .cont_list .content ul li .li_cont dd .dd_d a{ display:block; float:right;color:#999999;}
.ny_cont .ny_side .cont_list .content ul li .li_cont dd .dd_d a:hover{ display:block; float:right;color:#999999; text-decoration:underline;}

.path{ width:100%; height:26px; border-top:solid 1px #d5d5d5; border-bottom:solid 1px #e9e9e9; background:url(../images/ny_b_bg.jpg) left top;}
.path_h{ line-height:26px;height:26px; color:#949393;}
.path_h a{ line-height:26px;height:26px; color:#949393;}
.path_h a:hover{ line-height:26px;height:26px; color:#949393;}


.ny_public{ width:640px; float:left;padding:0px 10px; line-height:28px; text-indent:12px;}
.new_title{ border-bottom:dotted 1px #767676; padding-bottom:20px; margin-bottom:20px;}
.new_title .nt_h1{ width:100%; height:70px; line-height:70px; overflow:hidden; text-align:center; color:#1f1f1f;font-family:"微软雅黑"; font-size:27px;}
.new_title .nt_h5{ width:600px; margin:0 auto; margin-top:10px;height:18px; line-height:18px; color:#727272;}
.new_title .nt_h5 .date{float:left; padding-right:0px; }
.new_title .nt_h5 .share{ width:150px; float:right;}

.msdn
{
    text-align:center;
}

.subMenu
{
    position: absolute;
    z-index: 99;
    padding: 7px 13px 7px 13px;
    border: 1px solid #cccccc;
    text-align: center;
    margin-top:35px;
    margin-left:56px;
    display:none;
}
.input-group
{
    display:none;
    }
.newline
{
    display:inline-block;
    width:20px;
    }
    
    
/*页面修改20180124*/
.banner{
    width: 100%;
    height: 600px;
    background-image:url(../images/case-bg.jpg);
    background-position:center;
    background-repeat: no-repeat;
}
.page-nav{
    background: #fff;
    height: 70px;
    text-align: center;
    position: relative;
}
.page-nav ul{
    display: inline-block;
    height: 68px;
}
.page-nav ul li{
    width: 110px;
    float: left;
    text-align: center;
    line-height: 68px;
    height: 68px;
    padding: 0 20px;
}
.page-nav ul li a{
    display: block;
    color: #484848;
    font-size: 18px;
    transition: all .5s;
}
.page-nav ul li a:hover{
    color: #d30830;
}
.page-nav ul li.current a{
    color: #d30830;
}
.bottom-line{
    background: #d30830;
    height: 2px;
    width: 110px;
    position: absolute;
    bottom: 0;
}
.case{
    background: #fafafa;
}
.case-wapper{
    max-width: 1400px;
    margin: 0 auto;
    overflow: hidden;
}
.case-wapper ul{
    padding: 50px 0 30px;
    margin: 0 -1% 0 -1%;
    overflow: hidden;
}
.case-wapper li{
    width: 23%;
    float: left;
    padding: 0 1% 2%;
    position: relative;
    overflow: hidden;
    top: 50px;
    opacity: 0;
}
.case-wapper li:hover{
    cursor: pointer;
}
.case-wapper li .case-pic{
    position: relative;
    width: 100%;
    height: 200px;
}
.case-wapper li .show-layer{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 100%;
    right: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    transition: all 0.5s;
    z-index: -1;
}
.case-wapper li .show-layer .icon{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: rgba(211,8,48,0.5);
    height: 45px;
    width: 45px;
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 30px;
}
.case-wapper li:hover .show-layer{
    bottom:0;
    z-index: 1;
}
.case-wapper li .case-pic img{
    width: 100%;
    height: 100%;
}
.case-wapper li .case-info{
    
    height: 55px;
    background: rgba(211,8,48,0);
    padding: 10px 22px;
    border-bottom: 2px solid rgba(211,8,48,1);
    transition: all 0.5s;
}
.case-wapper li:hover .case-info{
    background: rgba(211,8,48,1);
    transition: all 0.5s;
}
.case-wapper li .case-info p.case-name{
    font-size: 16px;
    color: #333;
    line-height: 2;
    transition: all 0.5s;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.case-wapper li:hover .case-info p.case-name{
    color: #fff;
}
.case-wapper li .case-info p.case-type{
    font-size: 12px;
    color: #888;
    line-height: 1.5;
    transition: all 0.5s;
}
.case-wapper li:hover .case-info p.case-type{
    color: #fff;
}
.case-wapper .more-btn{
    text-align: center;
    width: 150px;
    margin: 0 auto;
    background: #eee;
    line-height: 50px;
    cursor: pointer;
    color: #9d9d9d;
    font-size: 16px;
    margin-bottom: 60px;
}
.contact-box{
    background: #d30830;
    height: 100px;
    border-bottom: 8px solid #bf0a24;
    text-align: center;
}
.contact-box span{
    line-height: 100px;
    color: #fff;
    font-size: 24px;
    vertical-align: middle;
}
.contact-box .contact-btn{
    display: inline-block;
    background: #fff;
    padding: 0 30px;
    height: 40px;
    line-height: 40px;
    margin-left: 5px;
    font-size: 18px;
    color: #d30830;
    border-radius: 30px;
    vertical-align: middle;
}
.ai-footer {
	border-top: 8px solid #bf0a24;
	background-color: #232323;
}
.friend-links { height: 85px;}
.flks { font-size: 12px; line-height: normal; color: #4f4f4f; margin: 0 17px;
	-webkit-transition-property:text-shadow, color;
	transition-property:text-shadow, color;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: cubic-bezier(.95, .01, .22, .65);
	transition-timing-function: cubic-bezier(.95, .01, .22, .65)
}

.flks:hover {
	-webkit-transition-duration: .1s;
	transition-duration: .1s;
	text-shadow:0 0 6px #fff;
	color:#fff;
}
.copyright {height: 142px; border-top:solid 1px #1c1c1c;}
.copyright h2{line-height: 60px; font-size: 24px; color: #a7a7a7;}
.copyright h3{font-size: 12px; color: #4f4f4f; line-height: 24px; text-transform: uppercase; font-weight: normal;}
/* 案例弹出层 */
.fixed-show-page
{
    display:none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: auto;
    overflow-y: scroll;
    width: auto;
    height: auto;
    z-index: 100;
    background: rgba(200,200,200,0.6);
}
.fixed-show-page .fixed-show-wapper{
    width: 85%;
    max-width: 1400px;
    margin: 0 auto;
}
.fixed-show-page .close{
    padding:25px 0;
    text-align: right;
}
.fixed-show-page .close a{
    display: inline-block;
    width: 60px;
    height: 60px;
    background: url(../images/close.png) no-repeat;
    margin-right: 40px;
}
.show-content .left{
    max-width:900px;
    width: 64.3%;
    float: left;
    background: #fff;
    padding: 0 40px;
    box-shadow: 2px 2px 5px rgb(175, 175, 175),-2px -2px 5px rgb(175, 175, 175);
    box-sizing: border-box;
}
.show-content .left img{
    width:100% !important;
    height:auto !important;
}
.show-content .right{
    max-width: 480px;
    width: 34.3%;
    float: right;
}
.show-content .right .site-info{
    width: 100%;
    box-shadow: 2px 2px 5px rgb(175, 175, 175),-2px -2px 5px rgb(175, 175, 175);
    background: #fff;
    padding:25px 40px;
    margin-bottom: 20px;
    box-sizing: border-box;
}
.show-content .right .site-title{
    padding: 10px 0;
    font-size: 30px;
    color: #343434;
    line-height: 1.5;
}
.show-content .right .en{
    font-size: 16px;
    color: #787878;
}
.show-content .right .cut-line{
    margin: 10px 0;
    width: 35px;
    height: 2px;
    background: #d30830;
}
.show-content .right .site-info-text{
    font-size: 14px;
    color: #787878;
    line-height: 1.5;
    padding: 10px 0;
}
.show-content .right .site-info-text p{
    font-size: 14px;
    color: #787878;
    line-height: 1.5;
}
.show-content .right .recommend-case li{
    width: 100%;
    position: relative;
    padding: 10px 0;
    cursor: pointer;
}
.show-content .right .recommend-case img{
    max-width: 100%;
    max-height:100px;
}
.show-content .left .site-link{
    display: inline-block;
    background: #d30830;
    color: #fff;
    font-size: 16px;
    padding: 10px 20px;
    border-radius: 3px;
    margin-top: 38px;
}
.show-content .left .site-pic{
    box-shadow: 1px 1px 3px rgb(216, 216, 216),-1px -1px 3px rgb(216, 216, 216);
    min-height:600px;
    margin:38px 0;
    padding-bottom:20px;
}
.show-content .left .site-pic img{
    width: 100%;
}
.fancybox-lock {
    overflow: visible !important;
    width: auto;
}
.fancybox-lock body {
    overflow: hidden !important;
}
.fixed-show-page .btn{
    position: fixed;
    width: auto;
    outline: none;
}
.fixed-show-page .btn{
    position: fixed;
    width: auto;
    outline: none;
}
.fixed-show-page .btn:focus{
    background: transparent;
}
.fixed-show-page .btn.prev{
    left: 2%;
}
.fixed-show-page .btn.next{
    right: 2%;
}
.fixed-show-page .btn span, .fixed-show-page .btn span {
    font-size: 100px;
    letter-spacing: normal;
    color: #787878;
}
/* 联系我们 */
.contact-info{
    border-top: 1px solid #e6e6e6;
    background: #fff;
    padding: 50px 0;
}
.contact-info .top{
    padding-top: 40px;
}
.contact-info .top .title{
    line-height: 1.5;
    font-size: 32px;
    color: #343434;
    text-align: center;
    padding: 5px 0;
}
.contact-info .top .small-en{
    line-height: 1.5;
    font-size: 14px;
    color: #787878;
    text-align: center;
    padding: 5px 0;
}
.contact-message{
    background: #2e2e2e;
}
.contact-info ul{
    max-width: 1400px;
    margin: 40px auto 0;
    padding: 10px 0;
    overflow: hidden;
}
.contact-info li{
    float: left;
    width: 23%;
    height: 180px;
    padding: 25px 60px 0;
    margin: 0 1% 2%;
    background: #fafafa;
    position: relative;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
    border-radius: 5px;
    transition: all .3s;
}
.contact-info ul .ct-icons:before {
    font-family: "font-icons";
    width: 50px;
    height: 50px;
    display: inline-block;
    font-size: 50px;
    line-height: 50px;
    text-align: center;
    content: " ";
    color: #d30830;
}
.contact-info ul .ct-addr:before {
    content: "\e615";
}
.contact-info ul .ct-phone:before {
    content: "\e614";
    font-size: 40px;
}
.contact-info ul .ct-fax:before {
    content: "\e613";
    font-size: 45px;
}
.contact-info ul .ct-qq:before {
    content: "\e61c";
    font-size: 45px;
}
.contact-info ul .ct-mail:before {
    content: "\e612";
}
.contact-info ul .ct-job:before {
    content: "\e611";
}
.contact-info ul .ct-taxi:before {
    content: "\e61a";
}
.contact-info ul .ct-subway:before {
    content: "\e61b";
}
.contact-info li:hover{
    box-shadow: 1px 1px 10px rgb(224, 224, 224),-1px -1px 10px rgb(224, 224, 224),1px -1px 10px rgb(224, 224, 224),-1px 1px 10px rgb(224, 224, 224);
}
.contact-info li .explain{
    color:#4a4a4a;
    line-height: 2.5;
    font-size: 16px;
    font-weight: bold;
}
.contact-info li p{
    font-size: 14px;
    color:#4a4a4a;
    height: 42px;
    line-height: 42px;
}
.contact-info li p a{
    font-size: 14px;
    color:#4a4a4a;
    height: 42px;
    line-height: 42px;
}
.contact-info li p.tworows{
    line-height: 21px;
}
.contact-message .feedback-index{
    max-width: 1400px;
    width: auto;
    display: block;
    margin: 100px auto;
}
.contact-message .feedback-index .line-input{
    max-width: 1400px;
    width: auto;
    overflow: hidden;
}
.contact-message .feedback-index .line-input .fb-rows{
    width: 25%;
    padding: 0 10px;
    float: left;
    box-sizing: border-box;
}
.contact-message .feedback-index .fb-txa {
    padding: 12px 10px;
    width: 100%;
    box-sizing: border-box;
    height: 100px;
}
.contact-message .feedback-index .fb-rows-block {
    padding:20px 10px 0;
}
.pay-info{
    padding-bottom: 70px;
}
.pay-info .top{
    padding: 30px 0;
}
.pay-info ul{
    overflow: inherit;
    background: #fff;
}
.pay-info li{
    width: 50%;
    height: 300px;
    background: #fff;
    text-align: left;
    margin: 0;
    border-radius: 0;
}
.pay-info li:hover{
    box-shadow: inset 0 0 38px rgba(0,0,0,.08);
}
.pay-info li .pay-bank-logo{
    margin-top: 20px;
    width: 56px;
    height: 56px;
    background: url(../images/bank-icon.png) no-repeat;
    transition: all 0.3s;
}
.pay-info li .pay-bank-logo.nonye{
    background-position: -5px -5px;
}
.pay-info li .pay-bank-logo.note{
    background-position: -369px -5px;
}
.pay-info li .pay-bank{
    color: #333;
    font-size: 18px;
    font-weight: bold;
    padding-top: 30px;
    transition: all 0.3s;
}
.pay-info li .pay-info{
    color: #787878;
    font-size: 14px;
    padding-top: 30px;
}
.pay-info li .pay-info p{
    color: #787878;
    font-size: 14px;
    height: 25px;
    line-height: 25px;
}
.pay-info li:hover .nonye{
    background-position: -5px -66px;
}
.pay-info li:hover .note{
    background-position: -369px -66px;
}
.pay-info li:hover .pay-bank{
    color: #bf0a24;
}
.bank-list ul{
    padding: 0;
}
.bank-list li{
    width: 33.3333%;
}
.bank-list li .jianshe{
    background-position: -66px -5px;
}
.bank-list li .zhaoshang{
    background-position: -125px -5px;
}
.bank-list li .nbbank{
    background-position: -186px -5px;
}
.bank-list li .gongshang{
    background-position: -247px -5px;
}
.bank-list li .chinabank{
    background-position: -308px -5px;
}
.bank-list li:hover .jianshe{
    background-position: -66px -66px;
}
.bank-list li:hover .zhaoshang{
    background-position: -125px -66px;
}
.bank-list li:hover .nbbank{
    background-position: -186px -66px;
}
.bank-list li:hover .gongshang{
    background-position: -247px -66px;
}
.bank-list li:hover .chinabank{
    background-position: -308px -66px;
}
/*新闻*/
.new-list{
    background: #fafafa;
    border-top: 1px solid #e6e6e6;
}
.new-list-wapper{
    max-width: 1400px;
    margin: 40px auto;
    overflow: hidden;
}
.new-list-wapper ul{
    margin: 0 -15px;
}
.new-list-wapper li{
    width: 33.333%;
    padding:0 15px;
    margin-bottom: 30px;
    box-sizing: border-box;
    float: left;
}
.new-list-wapper li .img a{
    display: block;
}
.new-list-wapper li img{
    width: 100%;
}
.new-list-wapper .bottom{
    background: #fff;
    height: 145px;
    padding: 0 30px;
}
.new-list-wapper .box{
    height: 60px;
    padding: 25px 0;
}
.new-list-wapper .left{
    float: left;
    height: 60px;
    width: 22%;
    text-align: center;
}
.new-list-wapper .left .time{
    font-family: "Century Gothic Bold";
    font-size: 30px;
    color: #333;
}
.new-list-wapper .left .year{
    font-size: 10px;
    color: #878787;
}
.new-list-wapper .right{
    float: right;
    height: 60px;
    width: 78%;
    padding-left: 4%;
    box-sizing: border-box;
    border-left: 1px solid #eee;
}
.new-list-wapper .right h1{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.new-list-wapper .right h1 a{
    color: #333;
    font-size: 15px;
    line-height: 150%;
}
.new-list-wapper .right p{
    color: #757575;
    font-size: 12px;
    line-height: 150%;
    padding-top: 5px;
}
.new-list-wapper .view-link{
    background: #fff;
    border-top: 1px solid #eee;
    position: relative;
}
.new-list-wapper .view-link a{
    display: block;
    line-height: 34px;
    font-size: 12px;
    color: #787878;
}
.new-list-wapper .view-link::before{
    content: " ";
    position: absolute;
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 0;
    letter-spacing: normal;
}
.new-list-wapper .view-link span {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 16px;
    line-height: 34px;
    letter-spacing: normal;
    color: #787878;
    font-weight: bold;
}
.newinfo{
    background: #fff;
}
.newinfo-wapper{
    max-width: 1400px;
    margin: 0 auto;
    padding: 80px 0 10px;
}
.newinfo-wapper h1{
    font-size: 24px;
    color: #333;
    line-height: 2;
    text-align: center;
}
.newinfo-wapper .data{
    display: block;
    font-size: 12px;
    color: #787878;
    line-height: 2;
    text-align: center;
}
.newinfo-wapper .new-info-content{
    margin-top: 50px;
    border-top: 1px solid #e5e5e5;
    font-size: 14px;
    color: #787878;
    line-height: 1.4;
    padding: 40px 10%;
}
.newinfo-wapper .new-info-content div{
    font-size: 14px;
    color: #787878;
    line-height: 1.4;
}
.page-box{
    height: 80px;
    border-top: 1px solid #e5e5e5;
}
.page-box a{
    line-height: 80px;
    font-size: 14px;
    color: #666;
}
.page-box a.prev{
    float: left;
}
.page-box a.next{
    float: right;
}
.page-box a:hover{
    color: rgb(70, 70, 70);
    text-decoration: underline;
}
/*招聘系统*/
.zhaobiao_main
{
    max-width: 100%;
    margin: 0 auto;    
}
.zhaobiao_main .view-box
{
    text-align:center;
    padding:2.5% 0;
}
.zhaobiao_main .golink
{
    display:inline-block;
    text-align:center;
    width:261px;
    height:72px;
    background:url(../images/zhaobiao_app/golink.png) no-repeat;
}
.zhaobiao_main .footer-info
{
    margin-top: 0;
    height: 743px;
    background: -webkit-linear-gradient(#fff 30%, #b0739f 30%); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#fff 30%, #b0739f 30%); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#fff 30%, #b0739f 30%); /* Firefox 3.6 - 15 */
    background: linear-gradient(#fff 49%, #b0739f 49%); /* 标准的语法 */
}
.zhaobiao_top
{
    background: #64acbb; 
    text-align:center;  
    font-family:"SimHei";
    padding:7% 0 9%;
    position:relative; 
}
.zhaobiao_top .content
{
    position:relative;
    z-index:2;
}
.zhaobiao_top p
{
    font-size:14px;
    color:#fff;
    line-height:150%;
}
.zhaobiao_top h1
{
    font-size:55px;
    color:#fff;
    font-weight:normal;
    padding-bottom:2%;
}
.zhaobiao_top .button_box
{
    width:26%;
    margin:1% auto 3%;
    overflow:hidden;
}
.zhaobiao_top .button
{
    width:44%;
    margin:0 3%;
    border:1px solid #fff;
    box-sizing:border-box;
    float:left;
}
.zhaobiao_top .button
{
    width:44%;
    margin:0 3%;
    border:1px solid #fff;
    color:#fff;
    font-size:20px;
    line-height:200%;
}
.zhaobiao_top .button.current
{
    border:1px solid #ee6a55;
    background:#ee6a55;
}
.zhaobiao_top .pos
{
    max-width:1200px;
    margin:0 auto;
    overflow:hidden;
    position:absolute;   
    top:0;
    left:0;
    right:0;
    bottom:0;
}
.zhaobiao_top .png
{
    position:relative;   
    height: 100%;
}
.zhaobiao_top .png div
{
    position:absolute;
    opacity:0;
}
.zhaobiao_top .png div.load
{
    opacity:1;
}
.zhaobiao_top .png div:nth-child(1)
{
    width:22%;
    top:10%;
    left:-22%;
    transition: all 0.2s ease-out;
}
.zhaobiao_top .png div:nth-child(2)
{
    width:6%;
    top:35%;
    left:-7%;
    transition: all 0.4s ease-out;
}
.zhaobiao_top .png div:nth-child(3)
{
    width:20%;
    left:-17%;
    bottom:-16%;
    transition: all 0.5s ease-out;
}
.zhaobiao_top .png div:nth-child(4)
{
    width:15%;
    left:22%;
    bottom:-20.5%;
    transition: all 0.4s ease-out;
}
.zhaobiao_top .png div:nth-child(5)
{
    width:15%;
    left:30%;
    bottom:-22.5%;
    transition: all 0.1s ease-out;
}
.zhaobiao_top .png div:nth-child(6)
{
    width:8%;
    left:52%;
    bottom:-15%;
    transition: all 0.9s ease-out;
}
.zhaobiao_top .png div:nth-child(7)
{
    width:12%;
    left:67%;
    bottom:-25%;
    -webkit-transform:rotate(-10deg);
    transform:rotate(-10deg);
    transition: all 0.6s ease-out;
}
.zhaobiao_top .png div:nth-child(8)
{
    width:17%;
    right:-9%;
    bottom:0;
    -webkit-transform:rotate(10deg);
    transform:rotate(10deg);
    transition: all 1s ease-out;
}
.zhaobiao_top .png div:nth-child(9)
{
    width:26%;
    right:-30%;
    top:23%;
    transition: all 0.4s ease-out;
}
.zhaobiao_top .png div:nth-child(10)
{
    width:8%;
    right:-15%;
    top:17%;
    transition: all 0.7s ease-out;
}

.zhaobiao_top .png div.load:nth-child(1)
{
    width:22%;
    top:10%;
    left:0;
}
.zhaobiao_top .png div.load:nth-child(2)
{
    width:6%;
    top:35%;
    left:7%;
}
.zhaobiao_top .png div.load:nth-child(3)
{
    width:20%;
    left:-3%;
    bottom:-4%;
}
.zhaobiao_top .png div.load:nth-child(4)
{
    width:15%;
    left:22%;
    bottom:-3.5%;
}
.zhaobiao_top .png div.load:nth-child(5)
{
    width:15%;
    left:30%;
    bottom:-7.5%;
}
.zhaobiao_top .png div.load:nth-child(6)
{
    width:8%;
    left:52%;
    bottom:3%;
}
.zhaobiao_top .png div.load:nth-child(7)
{
    width:12%;
    left:67%;
    bottom:-10%;
    -webkit-transform:rotate(-10deg);
    transform:rotate(-10deg);
}
.zhaobiao_top .png div.load:nth-child(8)
{
    width:17%;
    right:9%;
    bottom:0;
    -webkit-transform:rotate(10deg);
    transform:rotate(10deg);
}
.zhaobiao_top .png div.load:nth-child(9)
{
    width:26%;
    right:-7%;
    top:23%;
}
.zhaobiao_top .png div.load:nth-child(10)
{
    width:8%;
    right:2%;
    top:17%;
}
.zhaobiao_top .png img
{
    width:100%;    
}
.zhaobiao_main .section0
{
    text-align:center;
    width:100%;
    padding-bottom: 5%;
    background: #eee;
    overflow:hidden;
    position:relative;
    min-height:500px;
}
.zhaobiao_main .section0 .bg
{
    text-align:center;
    width:100%;
    position:relative;
}
.zhaobiao_main .section0 img.pc
{
    width:100%;
    max-width:1260px;
}
.zhaobiao_main .section0 img.mobile
{
    display:none;
}
.zhaobiao_main .section0 .tag
{
    cursor:pointer;
    position:absolute;
    top:2%;
    left:55%;
    width:80px;
    height:80px;
    line-height:80px;
    background:#e3e4e4;
    border-radius:50%;
    border:2px dashed #77a4a8;
    color:#000;
    text-align:center;
    font-size:14px;
    opacity:0;
    transition:all 1s;
}
.zhaobiao_main .section0 .tag.load
{
    opacity:1;
}
.zhaobiao_main .section0 .tag-box2 .tag
{
    border:2px dashed #c07373;
}
.zhaobiao_main .section0 .tag:hover
{
    background:#fff;
}
.zhaobiao_main .section0 .tag-box1 .tag:nth-child(1)
{
    top:11%;
    left:51%;
}
.zhaobiao_main .section0 .tag-box1 .tag:nth-child(2)
{
    top:21%;
    left:58%;
}
.zhaobiao_main .section0 .tag-box1 .tag:nth-child(3)
{
    top:45%;
    left:57%;
}
.zhaobiao_main .section0 .tag-box1 .tag:nth-child(4)
{
    top:55%;
    left:63%;
}
.zhaobiao_main .section0 .tag-box1 .tag:nth-child(5)
{
    top:67%;
    left:57%;
}
.zhaobiao_main .section0 .tag-box2 .tag:nth-child(1)
{
    top:10%;
    left:70%;
}
.zhaobiao_main .section0 .tag-box2 .tag:nth-child(2)
{
    top:27%;
    left:66%;
}
.zhaobiao_main .section0 .tag-box2 .tag:nth-child(3)
{
    top:38%;
    left:72%;
}
.zhaobiao_main .section0 .tag-box2 .tag:nth-child(4)
{
    top:55%;
    left:69.5%;
}
.zhaobiao_main .section0 .tag-box2 .tag:nth-child(5)
{
    top:74%;
    left:73%;
}
.zhaobiao_main .section0 .tag.row
{
    box-sizing:border-box;
    line-height:140%;
    padding-top:19px;
}
.zhaobiao_main .section1
{
    margin-top:-8%;
    text-align:center;
    width:100%;
    padding:6% 0;
    background: -webkit-linear-gradient(311deg,#ee6a55 45%, #f37c69 45%); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(311deg,#ee6a55 45%, #f37c69 45%); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(311deg,#ee6a55 45%, #f37c69 45%); /* Firefox 3.6 - 15 */
    background: linear-gradient(311deg,#ee6a55 45%, #f37c69 45%); /* 标准的语法 */
    overflow:hidden;
    position:relative;
    -webkit-clip-path: polygon(0% 0%, 100% 15%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 15%, 100% 100%, 0% 100%);
}
.zhaobiao_main .section1 .bg
{
    text-align:center;
    width:100%;
}
.zhaobiao_main .section1 img
{
    width:100%;
    max-width:1260px;
}
.zhaobiao_main .section2
{
    margin-top:-6%;
    text-align:center;
    width:100%;
    padding:8% 0 3%;
    background: -webkit-linear-gradient(311deg,#f1f1f1 36%, #f7f7f7 36%); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(311deg,#f1f1f1 36%, #f7f7f7 36%); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(311deg,#f1f1f1 36%, #f7f7f7 36%); /* Firefox 3.6 - 15 */
    background: linear-gradient(311deg,#f1f1f1 36%, #f7f7f7 36%); /* 标准的语法 */
    overflow:hidden;
    position:relative;
    -webkit-clip-path: polygon(0% 0%, 100% 15%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 15%, 100% 100%, 0% 100%);
}
.zhaobiao_main .section2 .bg
{
    text-align:center;
    width:100%;
}
.zhaobiao_main .section2 img
{
    width:100%;
    max-width:1260px;
}
.zhaobiao_main .section3
{
    margin-top:-1%;
    text-align:center;
    width:100%;
    background: -webkit-linear-gradient(#f7f7f7 50%, #f6f6f6 50%); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#f7f7f7 50%, #f6f6f6 50%); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#f7f7f7 50%, #f6f6f6 50%); /* Firefox 3.6 - 15 */
    background: linear-gradient(#f7f7f7 50%, #f6f6f6 50%); /* 标准的语法 */
}
.zhaobiao_main .section3 .bg
{
    position:relative;
    background: -webkit-linear-gradient(90deg,#0f3854 50%, #2e415f 50%); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(90deg,#0f3854 50%, #2e415f 50%); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(90deg,#0f3854 50%, #2e415f 50%); /* Firefox 3.6 - 15 */
    background: linear-gradient(90deg,#0f3854 50%, #2e415f 50%); /* 标准的语法 */
    -webkit-clip-path: polygon(0% 3%, 100% 0%, 100% 100%, 0% 90%);
    clip-path: polygon(0% 3%, 100% 0%, 100% 100%, 0% 90%);
}
.zhaobiao_main .section3 img
{
    width:100%;
    max-width:1260px;
}
.zhaobiao_main .section4
{
    background:#f6f6f6;
    text-align:center;
    padding:2% 0 4%;
}
.zhaobiao_main .section4 img
{
    width:100%;
    max-width:1260px;
}
.zhaobiao_main .section5
{
    background:#42959b;
    text-align:center;
}
.zhaobiao_main .section5 img
{
    width:100%;
    max-width:1260px;
}

/*页面修改2018-0427*/
.zhaobiao_top .button a{
    width: 44%;
    margin: 0 3%;
   
    color: #fff;
    font-size: 20px;
    line-height: 200%;
}