.news{padding:70px 0;}
.news .list .item{height:310px;overflow:hidden;background:#F8F8F8;margin-bottom:30px;}
.news .list .item a{display:block;}
.news .list .item .img{width:505px;height:310px;overflow:hidden;float:left;}
.news .list .item .info{float:left;width:789px;padding:55px 40px 0;}
.news .list .item .info .title{font-size:24px;color:#333;margin-bottom:15px;}
.news .list .item .info .time{font-size:14px;color:#888888;}
.news .list .item .info .text{font-size:15px;color:#666;line-height:25px;height:50px;overflow:hidden;margin-top:25px;}
.news .list .item .info span{color:#2681FA;font-size:15px;display:block;margin-top:15px;}
.news .list .item:hover{border-color:#2681FA;}
.news .list .item:hover .info h3{color:#2681FA}

.ncom_head{padding-bottom:25px;border-bottom:1px solid #D3D3D3}
.ncom_head h3{text-align:center;font-size:38px;color:#333;}
.ncom_head h4{text-align:center;font-size:20px;color:#999;}

.about{padding:70px 0;}
.about .about_head{padding-bottom:24px;border-bottom:1px solid #D9D9D9;margin-bottom:30px;}
.about .about_head h3{font-size:38px;font-weight:bold;color:#333;}
.about .about_head p{font-size:20px;color:#999}
.about .fgs {margin-bottom:55px;}
.about .fgs .item{ min-width:120px; line-height:40px; text-align:center; color:#999999; font-size:16px; background:#EEEEEE; transition:ease-in-out 0.5s ; -webkit-transition:ease-in-out 0.5s ; -moz-transition:ease-in-out 0.5s ; -ms-transition:ease-in-out 0.5s ; -o-transition:ease-in-out 0.5s ;margin-right:12px;display: inline-block;cursor: pointer;padding:0 10px}
.about .fgs .item:hover,.about .fgs .item.on{ transition:ease-in-out 0.5s ; -webkit-transition:ease-in-out 0.5s ; -moz-transition:ease-in-out 0.5s ; -ms-transition:ease-in-out 0.5s ; -o-transition:ease-in-out 0.5s ; color:#fff;background:#2681FA}
.about .business .item{float:left;width:615px;margin-bottom:40px;}
.about .business .item:nth-child(2n){float:right;}
.about .business .item .img{height:380px;overflow:hidden;}
.about .business .item .title{line-height:55px;background:#D9D9D9;padding:0 15px;font-size:18px;color:#333}
.about .business .item:hover .title{color:#fff;background:#2681FA}

.contact .ibox5 .content .hd{text-align:center;}
.contact .ibox5 .content .hd .item{padding:0 24px;display:inline-block;border:2px solid #999999;color:#999999;font-size:22px;line-height:46px;cursor: pointer;}
.contact .ibox5 .content .hd .item + .item{margin-left:20px;}
.contact .ibox5 .content .hd .item.on,.contact .ibox5 .content .hd .item:hover{border-color:#2681FA;color:#2681FA}
.contact .ibox5 #map{height:455px;margin-top:40px;}
.contact .ibox5 .show_info{padding:30px 0;border-bottom:1px solid #E5E5E5;font-size:22px;color:#333;}
.contact .ibox5 .show_info span{margin-right:30px;}

.contact .contact1 {padding:80px 0 50px;background:#F8F8F8;margin-bottom:80px;}
.contact .contact1 .list{padding:35px 0;border-top:1px solid #E5E5E5;margin-top:40px;}
.contact .contact1 .list .item{float:left;margin-right:55px;font-size:18px;color:#666666;font-weight:bold;border-bottom:1px solid transparent;cursor: pointer;}
.contact .contact1 .list .item.on,.contact .contact1 .list .item:hover{border-color:#2681FA;color:#2681FA}
.contact .contact1 .icon{margin:50px 0 70px; }
.contact .contact1 .icon .item{float:left;width:33.33%;text-align:center;}
.contact .contact1 .icon .bg{background-repeat: no-repeat;background-position: center;width:100px;height:100px;border-radius:50%;background-color:#fff;transition: ease-in-out 0.3s;border:1px solid #ddd;margin:0 auto 30px;box-shadow: 0 0 15px #ddd;}
.contact .contact1 .icon .bg1{background-image:url(../image/contact_03.png)}
.contact .contact1 .icon .bg2{background-image:url(../image/contact_06.png)}
.contact .contact1 .icon .bg3{background-image:url(../image/contact_12.png)}
.contact .contact1 .icon .item:hover .bg1{background-image:url(../image/contact_03_ac.png);background-color:#2681FA}
.contact .contact1 .icon .item:hover .bg2{background-image:url(../image/contact_06_ac.png);background-color:#2681FA}
.contact .contact1 .icon .item:hover .bg3{background-image:url(../image/contact_12_ac.png);background-color:#2681FA}
.contact .contact1 .icon .title{font-size:30px;color:#333;margin-bottom:15px;}
.contact .contact1 .icon .info{font-family: Arial;font-size:16px;color:#666}

.contact2{margin-bottom:60px;}
.contact2 .content{background:#EDEDED;padding:30px;}
.contact2 form h3{font-size:34px;color:#DFDFDF;margin:70px 0 20px;font-weight:bold;}
.contact2 .list .input{ width:49%; float:left; height:60px; background:#fff; overflow:hidden; padding:0 20px; margin-bottom:20px; }
.contact2 .list .input input,.contact2 .list .input select{width:100%;height:100%;background:transparent}
.contact2 .list .input:nth-child(2n){float:right}
.contact2 .list .textarea{ width:100%; height:200px; background:#fff; overflow:hidden; margin-bottom:20px; }
.contact2 .list .textarea textarea{height:100%;padding:20px;width:100%;background:transparent}
.contact2 .list .button button{width:100%;height:60px;color:#fff;display:block;border:none;background:#2681FA;font-size:18px;line-height:60px;margin:0 auto;}

.user_layout{margin:40px 0;}
.user_layout .user_l{width:240px;float:left;}
.user_layout .user_l .item{ display:block; line-height:42px; color:#fff; text-align:center; background:#2681FA; font-size:16px; transition:ease-in-out 0.5s; -webkit-transition:ease-in-out 0.5s; -moz-transition:ease-in-out 0.5s; -ms-transition:ease-in-out 0.5s; -o-transition:ease-in-out 0.5s;margin-bottom:10px;}
.user_layout .user_l .item.on,.user_layout .user_l .item:hover{background:#2057A9;transition:ease-in-out 0.5s; -webkit-transition:ease-in-out 0.5s; -moz-transition:ease-in-out 0.5s; -ms-transition:ease-in-out 0.5s; -o-transition:ease-in-out 0.5s;}
.user_layout .user_r{width:994px;float:right;}
.user_layout .user_r .user_head{padding-bottom:18px;border-bottom:1px solid #D9D9D9;margin-bottom:30px;}
.user_layout .user_r .user_head strong{font-size:24px;font-weight: bold;}
.user_layout .user_r .user_head span{font-size:20px;color:#999;}

.user_layout .user_r .passwordset{max-width:460px;}
.user_layout .user_r .passwordset .p{font-size:18px;color:#666;margin-bottom:15px;}
.user_layout .user_r .passwordset{}
.user_layout .user_r .passwordset .title{font-size:16px;color:#333;font-weight:bold;width:60px;text-align: justify;text-align-last: justify;display:inline-block;margin-right:10px;}
.user_layout .user_r .passwordset .input,.user_layout .user_r .passwordset .radio{margin-bottom:25px;}
.user_layout .user_r .passwordset .input input{ width:370px; height:30px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px;background:#F9F9F9;border:1px solid #DFDFDF;padding-left:15px;font-size:14px;}
.user_layout .user_r .passwordset .radio label{margin-right:10px;}
.user_layout .user_r .passwordset button{ display:block; width:120px; line-height:35px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px;background:#2681FA;text-align:center;color:#fff;margin:auto;}

.user_layout .user_r .user_tab_border{border:1px solid #CCCCCC;border-top:none;}
.user_layout .user_r .user_tabhead{font-size:16px;font-weight:bold;color:#333;text-align:center;line-height:50px;border-top:1px solid #D9D9D9}
.user_layout .user_r .user_tabhead span{display:inline-block;width:10px;height:10px;background:#2681FA}
.user_layout .user_r .user_table{display:table;width:100%;}
.user_layout .user_r .user_table .user_tr{display:table-row;background:#F6F7F6}
.user_layout .user_r .user_table .user_tr:nth-child(2n){background:#fff}
.user_layout .user_r .user_table .user_tr .user_td{border-top:1px solid #D9D9D9}
.user_layout .user_r .user_table .user_td{display:table-cell;height:50px;}
.user_layout .user_r .user_table .user_td.td50{width:50%}
.user_layout .user_r .user_table .user_td.td100{width:50%}
.user_layout .user_r .user_table .user_td .td_content{display:flex;align-items:center;line-height:32px;}
.user_layout .user_r .user_table .user_td .td_content .title{width:170px;padding:8px 10px;}
.user_layout .user_r .user_table .user_td + .user_td .td_content .title{border-left:1px solid #D9D9D9;}
.user_layout .user_r .user_table .user_td .td_content .input{width:calc(100% - 170px);padding:8px 10px;border-left:1px solid #D9D9D9}
.user_layout .user_r .user_table .user_td .td_content .input input{width:100%;height:32px;border:1px solid #DADADA;background:#fff;padding-left:10px;}
.user_layout .user_r .user_table .user_tr .user_td.w170{width:170px;padding:8px 10px;}
.user_layout .user_r .user_table .user_tr .user_td.wcalc170{width:calc(100% - 170px);padding:8px 10px;border-left:1px solid #D9D9D9;}
.user_layout .user_r .user_table .user_tr .user_td.wcalc170 textarea{width:100%;height:100px;border:1px solid #DADADA;background:#fff;padding:10px;}
.user_layout .user_r .button_group{margin-top:20px;}
.user_layout .user_r .button_group button{display:inline-block;width:180px;height:44px;line-height:44px;color:#fff;text-align:center;margin-right:15px;cursor: pointer;font-size:16px;}

.user_layout .user_r .customer_list .add_user{display:block;width:120px;line-height:38px;text-align:center;font-size:16px;color:#fff;background:#2681FA;margin-bottom:30px;}
.user_layout .user_r .customer_list table{width:100%;border-collapse:collapse}
.user_layout .user_r .customer_list table th{text-align:left;padding:15px 0 15px 8px;border-bottom:2px solid #D9D9D9}
.user_layout .user_r .customer_list table .td1{width:8%;}
.user_layout .user_r .customer_list table .td2{width:20%;}
.user_layout .user_r .customer_list table .td3{width:23%;}
.user_layout .user_r .customer_list table .td4{width:12%;}
.user_layout .user_r .customer_list table .td5{width:12%;}
.user_layout .user_r .customer_list table .td6{width:25%;}
.user_layout .user_r .customer_list table .td6 a{display:inline-block;width:60px;line-height:26px;border:1px solid #D9D9D9;font-size:12px;text-align:center;float:left;}
.user_layout .user_r .customer_list table .td6 .edit{color:#2681FA;}
.user_layout .user_r .customer_list table tbody tr{background:#F6F7F6;border-bottom:1px solid #D9D9D9}
.user_layout .user_r .customer_list table tbody tr:nth-child(2n){background:#fff}
.user_layout .user_r .customer_list table tbody td{padding:15px 0 15px 8px;}


.nd-caption h1 {
    color: rgba(17,17,17,0.8);
    letter-spacing: 1px;
    margin-bottom: 14px;
    line-height: 1.4;
    font-weight: 700;
    font-size:26px;
}
.fs44 {
    font-size: 44px;
}
.nd-caption .time {
    font-size: 14px;
    line-height: 2;
    color: rgba(17,17,17,0.5);
}
.nd-caption .lm_btn{display:inline-block;padding:0 15px;line-height:35px;color:#fff;background:#2681FA;float:right;}
.mt-50 {
    margin-top: 50px;
}
.nd-left__area {
    width: 66.66%;
}
.nd-right__area {
    width: 25%;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.paragraph {
    color: rgba(17,17,17,0.8);
    text-align: justify;
    letter-spacing: 1px;
}
.mb-80 {
    margin-bottom: 80px;
}
.nd-guide__box{margin-bottom:30px;}
.nd-guide__box span {
    font-size: 18px;
    color: rgba(17,17,17,0.5);
    letter-spacing: 1px;
    display: inline-block;
    margin-bottom: 24px;
}
.nd-guide__list li {
    padding: 20px 0;
    border-top: 1px solid rgba(112,112,112,0.1);
}
.nd-guide__list .img {
    width: 120px;
    overflow: hidden;
    float:left;
}
.nd-guide__list .img img {
    -webkit-transition: transform .6s;
    transition: transform .6s;
    width: 100%;
}
.nd-guide__list .info {
    width: calc(100% - 126px);
    padding-left: 15px;
    float:left;
}
.nd-guide__list span {
    font-size: 14px;
    color: rgba(17,17,17,0.5);
    letter-spacing: 1px;
    display: inline-block;
    margin-bottom: 5px;
}
.nd-guide__list p {
    -webkit-transition: color .4s;
    transition: color .4s;
    font-size: 14px;
    max-height:46px;line-height:23px;
    color: rgba(17,17,17,0.8);
    overflow:hidden;
}

.list-toggle__full{font-size:14px;}
.list-toggle__full a{color:#666}
.list-toggle__full .back-list{margin-top:15px;display:block;}

.more_list{height:105px;background:#F5F5F5;margin-top:35px;padding:30px;margin-bottom:20px}
.more_list div{padding-left:60px;background:url(404.png) no-repeat left center;height:43px;position:relative;}
.more_list div::after{
    content:'';display:block;left:60px;height:100%;background:#B8B8B8;
    width:2px;position: absolute;top:0;
}
.more_list div a{display:block;padding-left:15px;font-size:16px;color:#666;}
.more_list div a:hover{color:#23B4A3}
.more_list div a + a{margin-top:3px;}

.join{padding-bottom:95px;}
.join .content{padding:50px 0 0;}
.join .content .list .item{padding:35px 50px;background:#F6F6F6;border-radius:5px;margin-top:50px;}
.join .content .list .item .top{position:relative;cursor: pointer;}
.join .content .list .item .top .icon{background:url(../image/join_05.png) no-repeat center;width:50px;height:50px;position: absolute;right:0;top:0;transition: all 0.5s;transform: rotate(0);}
.join .content .list .item .top .icon.active{transform: rotate(180deg);}
.join .content .list .item .top h3{font-size:24px;color:#414141;margin-bottom:15px;}
.join .content .list .item .top p{font-size:14px;color:#999999}
.join .content .list .item .info{display:none;}
.join .content .list .item .info p{font-size:14px;color:#999999;margin-bottom:20px;margin-top:42px;}
.join .content .list .item .info .text{line-height:35px;color:#333;font-size:14px;}

.submit_jl {margin-top:70px;}
.submit_jl .input input{width:32%;float:left;height:80px;border:1px solid #ddd;padding:0 30px;background:rgba(247,247,247,0.8)}
.submit_jl .submit{display:flex;align-items:center;justify-content: center;margin:60px 0 40px;}
.submit_jl .submit input{display:none}
.submit_jl .submit label{
    display: block;
    text-align: left;
    width: 200px;
    height: 44px;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1.4;
    color: #111;
    padding-top:10px;color:#666;cursor: pointer;
}
.submit_jl .submit .submit_btn{
    -webkit-transition: opacity .4s;
    transition: opacity .4s;
    width: 150px;
    height: 52px;
    line-height: 52px;
    background-color: #2681FA;
    text-align: center;
    font-size: 18px;
    color: #fff;
    letter-spacing: 2px;
    border-radius: 6px;
    outline: none;margin-left:45px;
}

.honor{padding:70px 0;}
.honor .content .list .item{float:left;margin-right:3.5%;margin-top:3.5%;width:31%;}
.honor .content .list .item .img{height:400px;border-radius:5px;overflow: hidden;line-height:400px;background:#EEEEEE;text-align:center;}
.honor .content .list .item .img img{max-height:95%}
.honor .content .list .item .title{padding:15px 0;margin-top:0;font-size:20px;text-align:center;border-bottom:2px solid #CCCCCC}
.honor .content .list .item:hover .title{background:#2681FA;color:#fff;border-bottom-color:#2681FA}

.project_class{height:60px;background:#DFDFDF;}
.project_class .item{ width:140px; border-right:1px solid #BEBEBE; font-size:18px; color:#666; transition:ease-in-out 0.5s; -webkit-transition:ease-in-out 0.5s; -moz-transition:ease-in-out 0.5s; -ms-transition:ease-in-out 0.5s; -o-transition:ease-in-out 0.5s; float:left;line-height: 60px;text-align:center;}
.project_class .item:hover,.project_class .item.on{transition:ease-in-out 0.5s; -webkit-transition:ease-in-out 0.5s; -moz-transition:ease-in-out 0.5s; -ms-transition:ease-in-out 0.5s; -o-transition:ease-in-out 0.5s; color:#fff;border-color:#2681FA;background:#2681FA;}

.screen .content{padding:25px 30px;border:1px solid #D3D3D3}
.screen .content dl{display:flex;align-items:flex-start;justify-content: flex-start;margin-bottom:15px;}
.screen .content dl:last-child{margin-bottom:0;}
.screen .content dl dt{font-weight: bold;color:#2681FA;margin-right:35px;font-size:15px;}
.screen .content dl dd a{color:#666;font-size:15px;margin-right:20px;}
.screen .content dl dd a:hover,.screen .content dl dd a.on{color:#2681FA}

.project_type .content{margin-top:40px;border-bottom:1px solid #D4D4D4;}
.project_type .item{display:inline-block;margin-right:50px;border-bottom: 2px solid transparent;margin-bottom:-1px;font-size:18px;color:#333;padding:12px 0;}
.project_type .item:hover,.project_type .item.on{border-color:#2681FA;color:#2681FA}

.project .content .item {padding:30px 0;border-bottom:1px solid #D3D3D3;background-repeat:no-repeat;background-position: 98% 20px}
.project .content .item.yishouqing,.project_view .top .detail.yishouqing{background-image:url(../image/yishouqing.png);}
.project .content .item.yizanting,.project_view .top .detail.yizanting{background-image:url(../image/yizanting.png);}
.project .content .item.yixiajia,.project_view .top .detail.yixiajia{background-image:url(../image/yixiajia.png);}
.project .content .item .swiper {width:540px;float:left;}
.project .content .item .swiper .top{width:540px;height:400px;overflow:hidden;}
.project .content .item .swiper .top .swiper-pagination-bullet{opacity: 1;background:#fff;border:2px solid #fff;}
.project .content .item .swiper .top .swiper-pagination-bullet-active{background:none;}
.project .content .item .swiper .bottom{height:100px;background:#EEEEEE;padding:25px 30px;}
.project .content .item .swiper .bottom .title{width:50px;font-size:24px;color:#333;float:left;margin-top:-6px;}
.project .content .item .swiper .bottom .text{font-size:16px;color:#666;float:left;padding-left:20px;margin-left:20px;border-left:2px solid #B2B2B2}
.project .content .item .swiper .bottom .text strong{color:#2681FA;font-size:48px;font-family: Arial;}
.project .content .item .info{width:754px;float:left;height:500px;padding:35px 40px 0;}
.project .content .item .info .top{padding-bottom:20px;border-bottom:1px solid #D9D9D9;padding-right:155px;position: relative;}
.project .content .item .info .top .title{font-size:24px;color:#333;font-weight: bold;}
.project .content .item .info .top .describe{font-size:18px;color:#666;margin:5px 0;line-height:25px;max-height:50px;}
.project .content .item .info .top .tag_group{margin:18px 0 18px -10px;}
.project .content .item .info .top .tag_item{display:inline-block;padding:0 10px;;color:#666;font-size:14px;}
.project .content .item .info .top .tag_item + .tag_item{border-left:1px solid #D9D9D9}
.project .content .item .info .top .time{color:#666;font-size:14px;margin-bottom:18px;}
.project .content .item .info .top .btn_group{position: absolute;bottom:20px;right:0}
.project .content .item .info .top .btn_group .div1{font-size:16px;color:#666;text-align:center;}
.project .content .item .info .top .btn_group .div1 strong{font-size:48px;color:#2681FA;font-family: Arial;}
.project .content .item .info .top .btn_group .detail_btn{width:130px;height:40px;line-height:38px;text-align:center;border:1px solid #2681FA;color:#2681FA;font-size:14px;display:block;}
.project .content .item .info .bottom{padding-top:20px;}
.project .content .item .info .bottom .title{font-size:18px;color:#202020;font-weight:bold;margin-bottom:10px;}
.project .content .item .info .bottom .text{line-height:25px;color:#666666;font-size:15px;max-height:75px;}
.project .content .item .info .bottom .button_group{margin-top:25px}
.project .content .item .info .bottom .button_group .btn{float:left;}




.project_view .top{padding-bottom:40px;}
.project_view .top .head .title{font-size:26px;color:#333;font-weight:bold;margin-bottom:8px;}
.project_view .top .detail{padding-top:20px;background-repeat:no-repeat;background-position:98% 20px;}
.project_view .top .detail .swiper{width:600px;float:left;}
.project_view .top .detail .swiper img{width:100%;}
.project_view .top .detail .swiper .gallery-top{height:444px;overflow:hidden;}
.project_view .top .detail .swiper .swiper-pagination-bullet{opacity: 1;background:#fff;border:2px solid #fff;}
.project_view .top .detail .swiper .swiper-pagination-bullet-active{background:none;}
.project_view .top .detail .swiper .thumbs{padding:0 36px;position: relative;margin-top:12px;}
.project_view .top .detail .swiper .gallery-thumbs{height:72px;}
.project_view .top .detail .swiper .gallery-thumbs .swiper-slide{position: relative;}
.project_view .top .detail .swiper .gallery-thumbs .swiper-slide .title{font-size:12px;color:#fff;padding:0 5px;line-height:25px;background:rgba(0,0,0,0.5);position: absolute;bottom:0;left:0;width:100%;margin-bottom:0;text-align:center;font-weight: normal;}
.project_view .top .detail .swiper .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .title{background:#2681FA}
.project_view .top .detail .swiper .swiper-button-next,
.project_view .top .detail .swiper .swiper-button-prev{width:20px;height:100%;margin-top:0;top:0;background-color:#F5F7FA;opacity: 1;background-size:auto;cursor: pointer;}
.project_view .top .detail .swiper .swiper-button-next{right:0;background-image:url(../image/project_icon_05.png)}
.project_view .top .detail .swiper .swiper-button-prev{left:0;background-image:url(../image/project_icon_03.png)}
.project_view .top .detail .right{width:694px;float:left;padding-left:38px;}
.project_view .top .detail .right .div1{display:flex;align-items: flex-end;justify-content: space-between;}
.project_view .top .detail .right .div1_l {float:left;width:50%;}
.project_view .top .detail .right .div1_l strong{font-size:24px;float:left;padding-right:18px;width:42px;border-right:2px solid #BFBFBF}
.project_view .top .detail .right .div1_l p{color:#666666;font-size:16px;padding-left:18px;float:left;}
.project_view .top .detail .right .div1_l p span{color:#2681FA;font-size:48px;font-weight: bold;}
.project_view .top .detail .right .div1_r{color:#666666;font-size:16px;}
.project_view .top .detail .right .div1_r span{color:#2681FA;font-size:24px;font-weight:bold;}
.project_view .top .detail .right .div2{font-size:18px;color:#666;margin:15px 0;}
.project_view .top .detail .right .tag_group {margin: 18px 0 18px -10px;}
.project_view .top .detail .right .tag_item {
    display: inline-block;
    padding: 0 10px;
    color: #666;
    font-size: 14px;
}
.project_view .top .detail .right .tag_item + .tag_item {
    border-left: 1px solid #D9D9D9;
}
.project_view .top .detail .right .time {
    color: #666;
    font-size: 14px;
    margin-bottom: 18px;
}
.project_view .top .detail .right .div3 {
    margin-top:35px;border-top:1px solid #ddd;padding-top:20px;
}
.project_view .top .detail .right .div3 .button_group .contact {
    background-position: left center;margin-top:20px;border:none;float:none;
}


.project_view .bottom .list {background:#eee;padding:0 40px;height:60px;margin-bottom:25px;}
.project_view .bottom .list .item{display:inline-block;line-height: 58px;border-bottom:2px solid #eee;font-size:18px;margin-right:35px;}
.project_view .bottom .list .item.on,.project_view .bottom .list .item:hover{border-color:#2681FA}
.project_view .bottom .detail .detail_title{font-size:20px;font-weight:bold;border-left:4px solid #2681FA;padding-left:10px;margin-bottom:15px;}
.project_view .bottom .detail .tab{padding:25px 0 10px;border-top:1px solid #eee;border-bottom:1px solid #eee;font-size:16px;display:table}
.project_view .bottom .detail .tab .tab_item{width:49%;float:left;margin-bottom:15px;display:table-cell}
.project_view .bottom .detail .tab .tab_item:nth-child(2n){float:right;}
.project_view .bottom .detail .tab strong{float:left;width:20%;color:#333}
.project_view .bottom .detail .tab p{float:left;width:80%;color:#666}
.project_view .bottom .detail .line{display:block;height:1px;background:#CCCCCC;margin:50px 0 15px}

.project_view .bottom .detail .project_tj {padding-bottom:65px;}
.project_view .bottom .detail .project_tj .item{width:23%;float:left;}
.project_view .bottom .detail .project_tj .item .info{padding:15px 0;}
.project_view .bottom .detail .project_tj .item .title{position: relative;font-size:16px;padding-right:50px;height:26px;}
.project_view .bottom .detail .project_tj .item .title span{ position: absolute; right:0; top:0; font-size:15px; color:#9399A4; border:1px solid #9399A4; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; padding:2px}
.project_view .bottom .detail .project_tj .item .price{font-size:14px;color:#333;margin-top:5px}
.project_view .bottom .detail .project_tj .item .price span{color:#2681FA;font-weight:bold;font-size:18px;}
@media (max-width:767px){
    .news{padding:30px 15px;}
    .news .list .item{height:auto;}
    .news .list .item .img{width:100%;height:auto;}
    .news .list .item .info{width:100%;padding:15px}
    .news .list .item .info .title{font-size:18px;font-weight:bold;margin-bottom:5px;}
    .news .list .item .info .text{margin-top:10px;}
    
    .join{padding:30px 0}
    .join .content{padding-top:0;}
    .join .content .list .item{padding:15px 10px;margin-top:15px;}
    .join .content .list .item .top h3{font-size:14px;padding-right:30px;font-weight:bold;margin-bottom:10px;}
    .join .content .list .item .top .icon{width:35px;height:35px;right:-10px;background-size:20px;}
    .join .content .list .item .info p{margin-top:30px;}
    
    .submit_jl{margin-top:30px;}
    .submit_jl .input input{width:100%;height:40px;margin-bottom:10px;padding:0 15px;}
    .submit_jl .submit{margin:15px 0;}
    .submit_jl .submit .submit_btn{margin-left:15px;height:40px;line-height:40px;}
    
    .about{padding:30px 15px;}
    
    .contact1{padding:30px 15px;}
    .contact1 .list .item{width:100%;height:auto;margin-bottom:15px;padding:30px 15px;box-shadow: 0 0 10px #ddd;}
    .contact1 .list .item:hover{height:auto;}
    .contact2{margin-bottom:0;}
    .contact2 .content{padding:15px;}
    .contact2 .list .input{width:100%;height:45px;}
    
    
    .honor{padding:30px 15px}
    .honor .bigtitle{font-size:20px;}
    .honor .content .list .item{width:100%;margin-right:0;margin-top:4%;}
    .honor .content .list .item:nth-child(2n){margin-right:0;}
    .honor .content .list .item .img{padding:15px 30px;height:300px;line-height: 270px;}
    
    
    .nd-caption h1{font-size:20px;}
    .nd-left__area{width:100%}
    .nd-right__area{display:none;}
    .mt-50{margin-top:0;}
    .nd-caption{padding:30px 15px;}
    
    .project_class{height:40px;margin-top:15px;}
    .project_class .item{width:50%;line-height:40px;}
    .miaobao{padding:15px;}
    .screen{padding:0 15px 15px;}
    .screen .content{padding:15px;}
    .screen .content dl{flex-wrap:wrap;}
    .screen .content dl dt{margin-bottom:10px;}
    .screen .content dl dd{display:flex;flex-wrap:wrap;}
    .screen .content dl dd a{margin-right:12px;display:inline-block;line-height:30px}
    .project_type{padding:0 15px;}
    .project_type .content{margin-top:0;display:flex;}
    .project_type .item{margin-right:0;width:25%;font-size:14px;text-align:center;}
    
    .project{padding:0 15px;}
    .project .content .item{padding:20px 0;}
    .project .content .item .swiper{width:100%;}
    .project .content .item .swiper .top{width:100%;height:auto;}
    .project .content .item .swiper .bottom{padding:15px;height:70px;}
    .project .content .item .swiper .bottom .title{font-size:18px;font-weight:bold;}
    .project .content .item .swiper .bottom .text{margin-left:5px;font-size:14px;}
    .project .content .item .swiper .bottom .text strong{font-size:34px;}
    .project .content .item .info{width:100%;height:auto;padding:15px 0 0;}
    .project .content .item .info .top{padding: 0;border-style:dashed}
    .project .content .item .info .top .btn_group{position:static;}
    .project .content .item .info .top .title{font-size:18px;}
    .project .content .item .info .top .describe{font-size:14px;line-height:20px;max-height:inherit;}
    .project .content .item .info .top .tag_group{margin:10px 0 10px -5px}
    .project .content .item .info .top .tag_item{font-size:11px;padding:0 5px;}
    .project .content .item .info .top .time{font-size:11px;}
    .project .content .item .info .top .btn_group{display:flex;align-items:flex-end;margin:15px 0;}
    .project .content .item .info .top .btn_group .detail_btn{display:inline-block;margin-left:15px;}
    .project .content .item .info .top .btn_group .div1 strong{font-size:36px;}
    .project .content .item .info .top .btn_group .detail_btn{width:100px;height:35px;line-height:32px;font-size:12px;}
    .project .content .item .info .bottom .title{font-size:16px;margin-bottom:10px;}
    .project .content .item .info .bottom .text{font-size:12px;line-height:25px;max-height:inherit;}
    .project .content .item .info .bottom .button_group{margin-top:10px;}
    .project .content .item .info .bottom .button_group .btn{width:100%;display:flex;align-items:center;justify-content: space-between;}
    .project .content .item .info .bottom .button_group .btn a{width:47%;line-height:45px;height:47px;font-size:14px;}
    .project .content .item .info .bottom .button_group .btn a:last-child{margin-right:0;}
    .project .content .item .info .bottom .button_group .contact{border-left:none;width:100%;background-size:40px;background-position:left center;padding-left:45px;margin-top:15px;}
    
    .about .fgs{display:flex;overflow-x: auto;margin-bottom:15px;}
    .about .fgs .item{font-size:12px;min-width:inherit;margin-right:0;padding:0 10px;white-space: nowrap;}
    .about .about_head{padding-bottom:15px;margin-bottom:15px}
    .about .about_head h3{font-size:20px;}
    
    .ncom_head h3{font-size:28px;font-weight: bold;}
    .ncom_head{padding-bottom:20px;font-size:18px;}
    
    .user_layout{margin:20px 0;}
    .user_layout .user_l{padding:0 15px;width:100%;display:flex;flex-wrap:wrap;justify-content: space-between;}
    .user_layout .user_l .item{width:48%}
    .user_layout .user_r{width:100%;padding:15px;}
    .user_layout .user_r .user_head{margin-bottom:15px;}
    
    .user_layout .user_r .user_table,
    .user_layout .user_r .user_table .user_td,
    .user_layout .user_r .user_table .user_tr{display:block;}
    .user_layout .user_r .user_table .user_td.td50{width:100%;}
    .user_layout .user_r .user_table .user_td .td_content .title,
    .user_layout .user_r .user_table .user_tr .user_td.w170{width:35%;font-size:12px;font-weight: bold;}
    .user_layout .user_r .user_table .user_td + .user_td .td_content .title{border:none;}
    .user_layout .user_r .user_table .user_td .td_content .input,
    .user_layout .user_r .user_table .user_tr .user_td.wcalc170{width:65%}
    .user_layout .user_r .user_table .user_tr.textarea{display:flex;}
    .user_layout .user_r .user_table .user_tr.textarea .user_td{height:auto;}
    .user_layout .user_r .button_group{display:flex;align-items:center;justify-content: space-between;}
    .user_layout .user_r .button_group button{width:47%;margin-right:0;}
    .user_layout .user_r .customer_list table{font-size:12px;}
    .user_layout .user_r .customer_list table .td6 a{border: 1px solid #D9D9D9;}
    .user_layout .user_r .customer_list table .td6 .edit{margin-top:5px;border:1px solid #D9D9D9;}
    
    .com_search{padding:15px;}
    
    .user_layout .user_r .passwordset .p{font-size:14px;}
    .user_layout .user_r .passwordset .title{display:block;margin-bottom:10px;font-size:14px;}
    .user_layout .user_r .passwordset .input input{width:100%;}
    .user_layout .user_r .passwordset .input, .user_layout .user_r .passwordset .radio{margin-bottom:15px;}
    
    .contact .contact1{padding:30px 15px;margin-bottom:25px}
    .contact .contact1 .icon{margin:15px 0 0;}
    .contact .contact1 .icon .item{width:100%;display:flex;align-items:center;margin-bottom:15px;}
    .contact .contact1 .icon .bg{margin:0;width:80px;height:80px;}
    .contact .contact1 .icon .m_c{width:calc(100% - 80px);padding-left:20px;text-align:left;}
    .contact .contact1 .icon .title{font-size:18px;font-weight:bold;margin-bottom:10px;}
    .contact .contact1 .icon .info{font-size:14px;}
    .contact .ibox5 .content .hd{display:flex;align-items:center;justify-content: space-between;flex-wrap:wrap;padding:0 15px}
    .contact .ibox5 .content .hd .item{width:48%;padding: 0 10px;font-size:14px;margin-bottom:4%}
    .contact .ibox5 .content .hd .item + .item{margin-left:0}
    .contact .ibox5 #map{margin-top:15px;height:250px}
    .contact .ibox5 .show_info{padding:15px;font-size:14px;}
    .contact .ibox5 .show_info span{display:block;margin-right:0;margin-bottom:5px;color:#666}
    
    .project_view{padding:0 15px 30px;}
    .project_view .top{padding-bottom:0;}
    .project_view .top .detail .swiper{width:100%;}
    .project_view .top .detail .swiper .gallery-top{height:auto;}
    .project_view .top .detail .right{padding:20px 0;width:100%;}
    .project_view .top .detail .right .div1{flex-wrap:wrap;}
    .project_view .top .detail .right .div1_l,
    .project_view .top .detail .right .div1_r{width:100%;}
    .project_view .top .detail .right .div1_l strong{font-size:18px;padding-right:10px;width:30px}
    .project_view .top .detail .right .div1_l p span{font-size:36px;}
    .project_view .top .detail .right .div1_r{font-size:14px;margin-top:10px;}
    .project_view .top .detail .right .div2{font-size:14px;}
    .project_view .top .detail .right .tag_item{font-size:10px;}
    .project_view .top .detail .right .tag_group{margin: 10px 0 10px -10px;}
    .project_view .top .detail .right .time{font-size:10px;margin-bottom:0;}
    .project_view .top .detail .right .div3{margin-top:15px;}
    .project_view .bottom .list{padding:0 5px;height:40px;display:flex;justify-content: space-between;}
    .project_view .bottom .list .item{line-height:38px;font-size:12px;margin:0;text-align:center;width:24%}
    .project_view .bottom .detail .tab{padding:5px 0;}
    .project_view .bottom .detail .tab .tab_item{width:100%;margin-bottom:0;border-bottom:1px dashed #ddd;padding:15px 0;}
    .project_view .bottom .detail .tab .tab_item strong{display:block;width:auto;margin-bottom:5px;}
    .project_view .bottom .detail .tab p{width:100%;}
    .project_view .bottom .detail .line{margin:20px 0;}
    .project_view .bottom .detail .project_tj .item{width:48%;}
    .project_view .bottom .detail .project_tj .item:nth-child(2n){float:right;}
    .project_view .bottom .detail .project_tj .item .title span{font-size:12px;}
    
    .project_view .top .detail .swiper .gallery-thumbs{height:95px;}
}
@media (min-width:768px) and (max-width:991px){
    .news .list{padding:15px;}
    .news .list .item{padding:0;margin-bottom:25px;height:auto;}
    .news .list .item .img{width:40%;height:auto;}
    .news .list .item .info{width:60%;padding:15px;}
    .news .list .item .info h3{font-size:18px;font-weight:bold;}
    .news .list .item .info p{height:50px;margin-bottom:10px;margin-top:10px;}
    .news .list .item .info span{font-size:14px;width:100px}
    .news .list .item .info .text{margin:5px 0 }
    
    .about{padding:50px 15px;}
    
    .join .content .list .item{padding:25px;margin-top:15px;}
    .join .content .list .item .top h3{font-size:20px;}
    .join .content .list .item .top .icon{width:35px;height:35px;right:-15px;background-size:20px;}
    .submit_jl{margin-top:50px;}
    .submit_jl .input input{height:50px;}
    .submit_jl .input input + input{margin-left:2%;}
    
    .honor{padding:50px 15px}
    .honor .content .list .item{width:48%;margin-right:4%;margin-top:4%;}
    .honor .content .list .item:nth-child(2n){margin-right:0;}
    .honor .content .list .item .img{padding:0 30px}
    
    .project_class{padding:0 40px;}
    .miaobao{padding:15px 40px;}
    .screen{padding:15px 40px;}
    .screen .content dl dt{width:60px;margin-right:0;}
    .screen .content dl dd{width:calc(100% - 60px)}
    .screen .content dl dd a{margin-bottom:5px;display:inline-block}
    
    .project_type{padding:0 40px;}
    .project_type .content{margin-top:10px;}
    .project .content .item{padding-bottom:0;}
    .project .content .item .info{width:100%;}
    .project .content .item .swiper{padding:0 40px;width:100%;}
    .project .content .item .swiper .top{width:100%;height:auto;}
    .project .content .item .swiper .top img{width:100%;}
    
    .about .business .item{width:48%;margin-bottom:4%}
    .about .business .item .img{height:218px;}
    
    .user_layout{padding:0 15px}
    .user_layout .user_l{width:200px;}
    .user_layout .user_r{width:calc(100% - 230px)}
    .user_layout .user_r .user_head{padding-bottom:15px;margin-bottom:15px;}
    .com_search{padding:15px}
    
    .contact .contact1{padding-bottom:30px;}
    .contact .ibox5 .show_info{padding:30px 15px;}
    
    .project_view{padding:0 40px;}
    .project_view .top .detail .right{padding:20px 0;}
    
    .nd-caption h1{font-size:24px;}
    .nd-left__area{width:100%}
    .nd-right__area{display:none;}
    .mt-50{margin-top:0;}
    .nd-caption{padding:30px 15px;}
}
@media (min-width:992px) and (max-width:1199px){
    .news .list{padding:30px;}
    .news .list .item{padding:0;margin-bottom:25px;height:223px;}
    .news .list .item .img{width:40%;height:auto;}
    .news .list .item .info{width:60%;padding:20px;}
    .news .list .item .info h3{font-size:22px;font-weight:bold;}
    .news .list .item .info p{height:75px;margin-bottom:25px}
    .news .list .item .info span{font-size:14px;}
    
	
	.user_layout .user_l{width:220px;}
	.user_layout .user_r{width:750px;}
    
    .contact1{padding:70px 30px}
    .contact1 .list .item{padding:70px 15px 0}
    
    .join .content{padding:60px 30px;}
    
    .project .content .item .swiper{width:45%;}
    .project .content .item .swiper .top{width:100%;height:auto;}
    .project .content .item .info{width:55%;padding:0 0 0 20px;height:auto;}
    .project .content .item .info .top{padding-right:120px;}
    .project .content .item .info .top .title{font-size:20px;}
    .project .content .item .info .top .describe{font-size:14px;}
    .project .content .item .info .top .tag_group{margin:10px 0 10px -10px}
    .project .content .item .info .top .btn_group .detail_btn{width:100px;}
    .project .content .item .info .bottom .text{font-size:13px;line-height:25px;}
    .project .content .item .info .bottom .button_group .btn a{width:120px;font-size:14px;line-height:45px;height:47px;}
    .project .content .item .info .bottom .button_group .contact{padding-left:45px;background-size:40px;background-position:left center;border:none;}
    
    .about .business .item{width:49%;margin-bottom:2%}
    .about .business .item .img{height:302px;}
    
    .honor .content .list .item:nth-child(3n){margin-right:0;}
    .honor .content .list .item .img{height:300px;line-height:270px;padding:15px;}
    .honor .content .list .item .img img{max-height:95%}
    
    .project_view .top .detail .swiper{width:50%;}
    .project_view .top .detail .swiper .gallery-top{height:370px;}
    .project_view .top .detail .right{width:50%}
    .project_view .top .detail .right .div2{font-size:16px;}
    .project_view .top .detail .right .div3{margin-top:15px;}
}
@media (min-width:1200px){
    .submit_jl .input input + input{margin-left:2%}
    .honor .content .list .item:nth-child(3n){margin-right:0;}
    .project_view .bottom .detail .project_tj .item + .item{margin-left:2.66%}
}
@media (min-width:992px) and (max-width:1024px){
    .join .content .list .item{padding:25px;margin-top:15px;}
    .join .content .list .item .top h3{font-size:20px;}
    .join .content .list .item .top .icon{width:35px;height:35px;right:-15px;background-size:20px;}
    .submit_jl{margin-top:50px;}
    .submit_jl .input input{height:50px;}
    .submit_jl .input input + input{margin-left:2%;}
}
@media (min-width:1200px) and (max-width:1440px){
    .project .content .item .swiper{width:45%;}
    .project .content .item .swiper .top{width:100%;height:400px;}
    .project .content .item .info{width:55%;padding:0 0 0 40px;height:auto;}
    .project .content .item .info .top{padding-right:150px;}
    .project .content .item .info .top .title{font-size:20px;}
    .project .content .item .info .top .describe{font-size:16px;}
    .project .content .item .info .top .tag_group{margin:10px 0 10px -10px}
    .project .content .item .info .top .tag_item{font-size:14px;}
    .project .content .item .info .top .btn_group .detail_btn{width:100px;}
    .project .content .item .info .bottom .text{font-size:15px;}
    .project .content .item .info .bottom .button_group .btn a{width:120px;font-size:14px;line-height:45px;height:47px;}
    .project .content .item .info .bottom .button_group .contact{padding-left:45px;background-size:40px;background-position:left center;border:none;}
    
    .about .business .item{width:48%;margin-bottom:4%}
    .about .business .item .img{height:355px;}
    
	.user_layout .user_l{width:240px;}
    .user_layout .user_r{width:920px;}
    
    .project_view .top .detail .swiper{width:500px;}
    .project_view .top .detail .right{width:700px;}
    .project_view .top .detail .swiper .gallery-top{height:370px;}
    
    .news .list{padding:15px;}
    .news .list .item{padding:0;margin-bottom:25px;height:auto;}
    .news .list .item .img{width:40%;height:auto;}
    .news .list .item .info{width:60%;padding:30px;}
    .news .list .item .info h3{font-size:18px;font-weight:bold;}
    .news .list .item .info p{height:50px;margin-bottom:10px;margin-top:10px;}
    .news .list .item .info span{font-size:14px;width:100px}
    .news .list .item .info .text{margin:5px 0 }
    
}