/*首页banner*/

.pics_wrap {

    width: 100%;

    height: auto;

    overflow: hidden;

    z-index: -1;

}



.html5zoo-swipe-box-0 {

    z-index: -1;

}



.html5zoo-timer-0 {

    z-index: -1;

}



.html5zoo-img-box-0 {

    z-index: -1;

}



.html5zoo-img-0 img {

    width: 100%;

}



.html5zoo-arrow-left-0 {

    left: 10% !important;

}



.html5zoo-arrow-right-0 {

    right: 10% !important;

}



.html5zoo-bullet-wrapper-0 div {

    margin: 0 4px !important;

}



.html5zoo-nav-0 {

    margin-top: -35px !important;

    left: 48% !important;

}



.html5zoo-bullet-wrapper-0 {

    width: 100% !important;

}



.banner {

    width: 1000px;

    margin: 0 auto;

    position: relative;

    height: 325px;

    margin-top: 8px;

}



.banner ul.bb {

    position: relative;

    padding: 0px;

    margin: 0px;

    z-index: 5;

}



.banner ul.bb li {

    position: absolute;

    display: none;

}



.banner .num {

    position: absolute;

    right: 2px;

    bottom: 10px;

    z-index: 100;

}



.banner .num li {

    width: 18px;

    height: 18px;

    display: inline-block;

    margin-right: 4px;

    background: #fff;

    line-height: 18px;

    text-indent: -100px;

    overflow: hidden;

    border-radius: 10px;

}



.banner .num li.num_hover {

    background-color: #f7de07;

}



.banner .num li.num_hover a {

    color: #fff;

}



.banner .num li a {

    float: left;

    display: block;

    text-align: center;

    color: #666;

    text-decoration: none;

    cursor: pointer;

    width: 18px;

    height: 18px;

    line-height: 18px;

}



#bannerArrow, #bannerCircle {

    display: none

}



/*幻灯片样式2*/

#focus {

    width: 255px;

    height: 188px;

    overflow: hidden;

    position: relative;

}



#focus ul {

    height: 188px;

    position: absolute;

}



#focus ul li {

    float: left;

    width: 255px;

    height: 188px;

    overflow: hidden;

    position: relative;

    background: #000;

}



#focus ul li a img {

    height: 188px;

    width: 255px;

}



#focus ul li div {

    position: absolute;

    overflow: hidden;

}



#focus .btnBg {

    position: absolute;

    width: 255px;

    height: 20px;

    left: 0;

    bottom: 0;

    background: #000;

}



#focus .btn {

    position: absolute;

    width: 255px;

    height: 10px;

    padding: 5px 10px;

    right: 0;

    bottom: 0;

    text-align: right;

}



#focus .btn span {

    display: inline-block;

    _display: inline;

    _zoom: 1;

    width: 25px;

    height: 10px;

    _font-size: 0;

    margin-left: 5px;

    cursor: pointer;

    background: #fff;

}



#focus .btn span.on {

    background: #fff;

}

.sou {

    position: relative;

    height: 70px;

    background-color: #ededed;

}





.gstt .txtMarquee-top {

    width: 500px;

    overflow: hidden;

    position: relative;

}



.gstt .txtMarquee-top .bd {

    margin: 23px 15px 0;

    height: 20px;

}



.gstt .txtMarquee-top .infoList li {

    height: 24px;

    line-height: 24px;

}



.gstt .txtMarquee-top .infoList li .date {

    float: right;

    color: #333;

}



.gstt .txtMarquee-top .infoList li a {

    display: block;

    float: left;

    width: 80%;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    color: #333;

}



.gstt p {

    float: left;

    width: 80px;

    height: 34px;

    background: url("../images/doc.png") no-repeat center;

    margin-top: 18px;

    margin-right: 25px;

}



/*about*/

.about-box{

    margin: 82px 0 60px;

}

.aboutL{

    width: 653px;

}

.aboutL b{

    display: block;

    position: relative;

    padding: 39px 0 29px;

    font-size: 40px;

    line-height: 1;

    color: #338ee3;

}

.aboutL b:before{

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 60px;

    height: 5px;

    background-color: #338ee3;

}

.aboutL h6{

    font-family: MicrosoftYaHei-Bold;

    font-size: 24px;

    font-weight: bold;

    line-height: 1;

    color: #333333;

}

.aboutL p{

    font-size: 14px;

    line-height: 30px;

    color: #666666;

    overflow: hidden;

    height: 90px;

    margin: 30px 0 39px;

}

.aboutL a{

    display: block;

    text-align: center;

    font-size: 16px;

    color: #ffffff;

    width: 150px;

    height: 38px;

    background-color: #338ee3;

    border-radius: 19px;

    line-height: 38px;

}



.aboutR{

    width: 503px;

    height: 351px;

}

.aboutR img{

    display: block;

    width: 100%;

    height: 100%;

}



.about-nav{

    height: 198px;

    background-color: #338ee3;

    padding-top: 33px;

}



.about-ce{

    width: 650px;

    margin-top: -75px;

}

.about-ce li{

    width: 298px !important;

    height: 208px;

    position: relative;

    transition: .8s;

    float: left;

    margin: 15px 38px 15px 0;

}

.about-ce li:hover{

    transform: scale(1.1);

    box-shadow: 0px 0px 8px 0px

    rgba(4, 44, 82, 0.53);

}

.about-ce li .ab-img{

    display: block;

    width: 100%;

    height: 170px;

}

.about-ce li .ab-img img{

    display: block;

    width: 100%;

    height: 100%;

}

.about-ce li .ab-name{

    display: block;

    width: 100%;

    position: absolute;

    bottom: 0;

    left: 0;

    padding: 0 8%;

    box-sizing: border-box;

    height: 38px;

    background-color: #e8edf5;

    line-height: 38px;

    overflow: hidden;

    -ms-text-overflow: ellipsis;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.ab-nn li:first-child{

    border-left: 0;

    padding-left: 0;

}

.ab-nn{

    margin-top: 40px;

}

.ab-nn li{

    float: left;

    border-left: 1px solid #66ccff;

    height: 80px;

    padding: 0 55px;

    text-align: center;

    color: #fff;

    font-size: 16px;

}

.ab-nn li .ab-icon{

    display: block;

    width: 100%;

    height: 30px;

    margin-bottom: 29px;

}

.ab-nn li .ab-icon img{

    transition: .6s;

}

.ab-nn li:hover .ab-icon img{

    transform: rotateY(360deg);

}

.ab-nn li .ab-icon-b{

    display: block;

    text-align: center;

    font-size: 18px;

    color: #fff;

    overflow: hidden;

    -ms-text-overflow: ellipsis;

    text-overflow: ellipsis;

    white-space: nowrap;

    width: 100%;

}



/*duct*/

.duct-box {

    padding: 50px 0 100px;

    overflow: hidden;

}



.ductL {

    width: 250px;

    height: 720px;

    border: solid 2px #338ee3;

    box-sizing: border-box;

}



.ductL b {

    display: block;

    text-align: center;

    color: #fff;

    background:url("../images/pro-tit.jpg") no-repeat center;

    height: 100px;

    width: 100%;

    font-size: 34px;

    line-height: 100px;

}



.ductL .duct-nav {

    width: 100%;

}

.ductL .duct-nav li:last-child{

    border-bottom: 0;

}

.ductL .duct-nav li {

    width: 236px;

    margin: 0 auto;

    height: 56px;

    border-bottom: solid 1px #ccc;

    box-sizing: border-box;

    line-height: 56px;

    overflow: hidden;

    position: relative;

    z-index: 0;

}



.ductL .duct-nav li:before {

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 0;

    height: 1px;

    z-index: -1;

    background: #338ee3;

    transition: .6s;

}



.ductL .duct-nav li:hover:before {

    width: 100%;

}



.ductL .duct-nav li a {

    display: block;

    color: #333;

    font-size: 16px;

    transition: .6s;

    overflow: hidden;

    -ms-text-overflow: ellipsis;

    text-overflow: ellipsis;

    white-space: nowrap;

    padding: 0 59px 0 33px;

    background: url("../images/duct-jian.png") no-repeat 15px center;

}



.ductL .duct-nav li:hover a {

    color: #338ee3;

    background: url("../images/duct-jian2.png") no-repeat 15px center;

}



.ductR {

    width: 910px;

}



/*sou*/

.sou-s {

    height: 50px;

    margin: 0 0 12px;

}



.sou-s .ssk {

    height: 50px;

    float: right;

    position: relative;

}



.sou-s .ss-text {

    width: 305px;

    height: 50px;

    border-radius: 5px;

    border: solid 1px #cccccc;

    background:url("../images/sear.png") no-repeat 32px center #fff;

    color: #666;

    font-size: 14px;

    padding-left: 95px;

    float: left;

    box-sizing: border-box;

}



.sou-s .ss-submit {

    width: 23px;

    height: 23px;

    position: absolute;

    top: 11px;

    right: 62px;

    background: url(../images/ss.png) no-repeat center;

    cursor: pointer;

}



.duct-ul li:nth-child(3n+1) {

    margin-left: 0;

}



.duct-ul li {

    width: 290px;

    float: left;

    margin: 30px 0 0 20px;

    position: relative;

    overflow: hidden;

}



.duct-ul li .cp_img {

    width: 100%;

    height: 260px;

    overflow: hidden;

    display: block;

}



.duct-ul li .cp_img img {

    width: 100%;

    height: 100%;

    -webkit-transition: all .6s;

}



.duct-ul li .cp_name {

    width: 100%;

    height: 40px;

    background: #ededed;

    line-height: 40px;

    padding: 0 8%;

    box-sizing: border-box;

    color: #333;

    display: block;

    text-align: center;

    font-size: 16px;

    transition: .6s;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    position: relative;

    z-index: 0;

}



.duct-ul li .cp_name::before {

    content: '';

    position: absolute;

    left: 0;

    bottom: 0px;

    width: 0;

    height: 100%;

    background: #338ee3;

    transition: .6s;

    z-index: -1;

}



.duct-ul li:hover .cp_name::before {

    width: 100%;

}



.duct-ul li:hover .cp_name {

    color: #fff;

}



.duct-ul li .cp-mark {

    display: block;

    position: absolute;

    top: 0;

    left: -290px;

    width: 100%;

    height: 260px;

    background: url("../images/jiahao.png") no-repeat center rgba(0, 0, 0, .6);

    z-index: 0;

    transition: .6s;

}



.duct-ul li:hover .cp-mark {

    left: 0;

}



/*case*/

.case-box{

    width: 100%;

    height: 526px;

    position: relative;

}

.case-box li{

    position: relative;

}



.case-box li .case-img img{

    display: block;

    width: 100%;

    height: 100%;

}

.case-box li .case-desc{

    width: 50%;

    position: relative;

    background: url("../images/case.png") no-repeat center center #fff;

}

.case-box li .case-desc .case-name{

    display: block;

    text-align: center;

    font-size: 18px;

    font-weight: bold;

    line-height: 1;

    color: #333333;

    padding: 63px 20px 0;

    overflow: hidden;

    -ms-text-overflow: ellipsis;

    text-overflow: ellipsis;

    white-space: nowrap;

    width: 100%;

    box-sizing: border-box;

}

.case-box li .case-desc p{

    width: 300px;

    font-size: 14px;

    line-height: 24px;

    color: #666666;

    height: 69px;

    overflow: hidden;

    text-align: center;

    padding: 32px 20px 30px;

}

.case-box li .case-desc .case-more{

    display: block;

    margin: 0 auto;

    width: 105px;

    background: url("../images/case-more.png") no-repeat right center;

    font-size: 14px;

    color: #333;

    transition: .6s;

}

.case-box li:hover .case-desc .case-more{

    color: #338ee3;

    transform: translateX(5px);

}



/*1*/

.case-box .case-1{

    width: 50%;

    height: 526px;

}

.case-box li.case-1 .case-img-1{

    display: block;

    width: 100%;

    height: 100%;

}

.case-box li.case-1 .case-desc{

    position: absolute;

    bottom: 0;

    left: 0;

}



/*2*/

.case-box .case-2{

    width: 50%;

    height: 263px;

    position: absolute;

    right: 0;

    top: 0;

}

.case-box .case-2 .case-img-2{

    display: block;

    width: 50%;

    height: 100%;

}

.case-box .case-2 .case-desc{

    width: 50%;

    height: 100%;

}

/*3*/

.case-box .case-3{

    width: 50%;

    height: 263px;

    position: absolute;

    right: 0;

    top: 263px;

}

.case-box .case-3 .case-img-3{

    display: block;

    width: 50%;

    height: 100%;

}

.case-box .case-3 .case-desc{

    width: 50%;

    height: 100%;

}



/*new*/

.new-box{

    padding: 50px 0 54px;

}

.new-tit{

    width: 100%;

}

.new-tit .new-titL{

    width: 50%;

}

.new-tit .new-titL b{

    display: block;

    font-size: 40px;

    line-height: 1;

    color: #338ee3;

}

.new-tit .new-titL h6{

    font-size: 24px;

    font-weight: bold;

    line-height: 1;

    color: #333333;

    margin-top: 28px;

}

.new-tit a{

    display: block;

    font-size: 16px;

    color: #ffffff;

    text-align: center;

    width: 150px;

    height: 38px;

    background-color: #338ee3;

    border-radius: 19px;

    line-height: 38px;

    margin-top: 23px;

}

.new-desc .tempWrap{

    width: 100% !important;

}

.new-desc{

    width: 100%;

    margin-top: 40px;

}

.new-desc li{

    margin: 10px 38px 0 5px;

    float: left;

    width: 368px !important;

    box-sizing: border-box;

    transition: .6s;

}

.new-desc li:hover{

    box-shadow: 0px 0px 8px 0px

    rgba(4, 44, 82, 0.25);

}

.new-desc li .new-img{

    display: block;

    width: 348px;

    height: 200px;

    transition: .6s;

    margin: 10px auto 0;

}

.new-desc li .new-img img{

    display: block;

    width: 100%;

    height: 100%;

}

.new-desc li .new-nn{

    width: 348px;

    margin: 30px auto 0;

}

.new-desc li .new-nn span{

    display: block;

    font-size: 18px;

    color: #666;

    position: relative;

    line-height: 40px;

}

.new-desc li .new-nn span i{

    font-size: 40px;

    font-weight: normal;

    font-stretch: normal;

    color: #333;

    padding-right: 32px;

    display: block;

    float: left;

}

.new-desc li .new-nn span:before{

    content: '';

    position: absolute;

    top: 8px;

    left: 123px;

    width: 2px;

    height: 26px;

    background-color: #cccccc;

}

.new-desc li .new-nn .new-name{

    display: block;

    width: 348px;

    border-bottom: 1px solid #ccc;

    padding: 10px 60px 20px 0;

    font-size: 18px;

    color: #333;

    position: relative;

    box-sizing: border-box;

    transition: .6s;

    overflow: hidden;

    -ms-text-overflow: ellipsis;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.new-desc li .new-nn .new-name:before{

    position: absolute;

    top: 0;

    right: 20px;

    content: '';

    background: url("../images/new-jj.png") no-repeat center;

    width: 14px;

    height: 26px;

    -webkit-animation: hang linear 2s infinite;

}



@-webkit-keyframes hang {

    0%,100%{

        -webkit-transform: translate(-8px,0);

    }

    50%{

        -webkit-transform: translate(0,0);

    }

}



.new-desc li .new-nn p{

    width: 100%;

    font-size: 14px;

    line-height: 30px;

    color: #666666;

    overflow: hidden;

    height: 90px;

    margin-top: 15px;

}







.new-desc li:hover .new-nn .new-name{

    color: #338ee3;

    transform: translateX(5px);

}



/*contact*/

.contact{

    background: url("../images/tact-bg.jpg") no-repeat top;

    width: 100%;

    padding: 50px 0 38px;

    cursor: auto;

}

.contact .contact-i{

    text-align: center;

    font-size: 30px;

    font-weight: bold;

    line-height: 30px;

    color: #ffffff;

}

.contact-tell{

    width: 100%;

    background: #fff;

    margin: 36px 0 0;

}

.contact-tell li{

    float: left;

    width: 26.5%;

    height: 141px;

    background-color: #ffffff;

    box-shadow: 0px 0px 8px 0px rgba(4, 44, 82, 0.25);

    margin: 40px 0 0 75px;

    padding: 30px 0 0 32px;

    box-sizing: border-box;

}

.contact-tell li:first-child{

    margin-left: 50px;

}

.contact-tell li b{

    font-size: 18px;

    color: #333;

    box-sizing: border-box;

    padding-left: 47px;

    margin-bottom: 15px;

    display: block;

}

.contact-tell li .contact-b1{

    background: url("../images/conb1.png") no-repeat 0 center;

}

.contact-tell li .contact-b2{

    background: url("../images/conb2.png") no-repeat 0 center;

}

.contact-tell li .contact-b3{

    background: url("../images/conb3.png") no-repeat 0 center;

}

.contact-tell li p{

    line-height: 24px;

    font-size: 14px;

    color: #333;

}





.contact-form{

    /*position: relative;*/

    margin-top: 40px;

}



.in_banner1 {

    width: 1200px;

    box-sizing: border-box;

}



.in_banner1_1 {

    position: relative;

}



.webq_bottom_r3_1 {

    float: left;

    width: 579px;

    height: 40px;

    border-bottom: solid 1px #999;

    line-height: 40px;

    position: relative;

    box-sizing: border-box;

}



.webq_bottom_ml {

    margin-left: 40px;

}



.webq_bottom_r1 {

    width: 100%;

    height: 40px;

    margin-top: 14px;

    border-bottom: 1px solid #999;

    position: relative;

    box-sizing: border-box;

}



.webq_bd_1 {

    width: 100%;

    height: 44px;

    border: 0;

    background: none;

    line-height: 33px;

    color: #ccc;

    padding: 0 10px 0 58px;

    box-sizing: border-box;

    display: block;

    font-size: 18px;

}



.webq_bd_2 {

    width: 100%;

    height: 40px;

    line-height: 40px;

    border: 0;

    background: none;

    color: #ccc;

    box-sizing: border-box;

    padding: 0 10px 0 58px;

    -webkit-transition: all .3s ease-out;

    transition: all .3s ease-out;

    display: block;

    font-size: 18px;

}

.webq_bottom_r4 {

    width: 400px;

    margin: 40px auto 0;

}

.submit-btn {

    cursor: pointer;

    color: #fff;

    line-height: 50px;

    width: 180px;

    height: 50px;

    background: #b4cde5;

    text-align: center;

    font-size: 18px;

    position: relative;

    z-index: 0;

}

.submit-btn:before{

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    background: #338ee3;

    height: 0;

    width: 100%;

    transition: .6s;

    z-index: -1;

}

.submit-btn:hover:before{

    height: 100%;

}

.submit-qing {

    cursor: pointer;

    color: #fff;

    line-height: 50px;

    width: 180px;

    height: 50px;

    background: #b4cde5;

    text-align: center;

    font-size: 18px;

    position: relative;

    z-index: 0;

}

.submit-qing:before{

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    background: #338ee3;

    height: 0;

    width: 100%;

    transition: .6s;

    z-index: -1;

}

.submit-qing:hover:before{

    height: 100%;

}

.ly_d1 {

    width: 68px;

    height: 42px;

    position: absolute;

    left: 0;

    top: 0;

    -webkit-transition: all .3s ease-out;

    transition: all .3s ease-out;

    font-size: 18px;

    color: #333;

}



.ly_d2 {

    width: 68px;

    height: 42px;

    position: absolute;

    left: 0;

    top: 0;

    -webkit-transition: all .3s ease-out;

    transition: all .3s ease-out;

    font-size: 18px;

    color: #333;

}



.ly_d3 {

    width: 68px;

    height: 42px;

    position: absolute;

    left: 0;

    top: 0;

    -webkit-transition: all .5s ease-out;

    transition: all .5s ease-out;

    font-size: 18px;

    color: #333;

}





/*图标移动home,主要内容*/



.lqy_jia .webq_bd_2 {

    padding: 0 50px 0 10px;

}



.lqy_jia .ly_d1 {

    left: 218px;

}



.lqy_jia .ly_d2 {

    left: 218px;

}

.lqy_jia .ly_d4 {

    left: 218px;

}

.lqy_jia .webq_bd_1 {

    padding: 0 50px 0 10px;

}



.lqy_jia .ly_d3 {

    left: 860px;

}



/*图标移动end*/





/*定义input的初始颜色home*/



.webq_bottom_r input::-webkit-input-placeholder {

    color: #ccc;

}



.webq_bottom_r input::-moz-placeholder {

    color: #ccc;

}



.webq_bottom_r input:-moz-placeholder {

    color: #ccc;

}



.webq_bottom_r input:-ms-input-placeholder {

    color: #ccc;

}



.webq_bottom_r textarea::-webkit-input-placeholder {

    color: #ccc;

}



.webq_bottom_r textarea::-moz-placeholder {

    color: #ccc;

}



.webq_bottom_r textarea:-moz-placeholder {

    color: #ccc;

}



.webq_bottom_r textarea:-ms-input-placeholder {

    color: #ccc;

}

/*定义input的初始颜色end*/