ul, p {
    margin: 0;
    padding: 0 !important;
}



@keyframes fade-in {
    0% {
        opacity: 0;
    }
    /*初始状态 透明度为0*/
    40% {
        opacity: 0;
    }
    /*过渡状态 透明度为0*/
    100% {
        opacity: 1;
    }
    /*结束状态 透明度为1*/
}

@-webkit-keyframes fade-in { /*针对webkit内核*/
    0% {
        opacity: 0;
    }
    40% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#wrapper {
    animation: fade-in; /*动画名称*/
    animation-duration: 1.5s; /*动画持续时间*/
    -webkit-animation: fade-in 1.5s; /*针对webkit内核*/
}

.container-layout .pic .icon-angle-left, .container-layout .pic .icon-angle-right {
    height: 50px !important;
    line-height: 50px !important
}

.container-layout .pic .banner:hover .pager-prev:before, .container-layout .pic .banner:hover .pager-next:before {
    line-height: 50px !important
}

.container-layout .pic1 {
    background: url(../images/g001_02.jpg) center !important;
    height: 700px;
}

.container-layout .pic2 {
    /*background: url(../images/g007_03.jpg);*/
    background: #eaf0f3 !important;
    /*height: 830px;*/
}

.container-layout .pic3 {
    background: url(../images/ybj3.jpg);
    height: 658px;
}

.container-layout .pic4 {
    background: url(../img/618pc_5.jpg);
    height: 400px;
}

.container-layout .pic5 {
    background: url(../images/g014_02.jpg)no-repeat center !important;
    height: 898px;
}

.container-layout .pic6 {
    background: url(../img/618pc_7.jpg);
    height: 1159px;
}

.container-layout .pic66 {
    background: url(../img/618pc_8.jpg);
    height: 831px;
}

.container-layout .pic7 {
    background: url(../img/618pc_9.jpg);
    height: 749px;
}

.container-layout .pic8 {
    background: url(../img/618pc_10.jpg);
    height: 901px;
}

.container-layout .pic9 {
    background: url(../img/618pc_11.jpg);
    height: 905px;
}

.container-layout .pic10 {
    background: url(../img/618pc_12.jpg);
    height: 535px;
}

.container-layout .pic11 {
    background: url(../images/g016_04.jpg) center !important;
    height: 799px;
}

.container-layout .pic3 .tab .tab-nav li a {
    border: none !important
}

.container-layout .pic3 .tab .tab-body-bordered {
    border: none;
    border-radius: 0px;
    padding: 0px;
}

.container-layout .pic3 .tab-head {
    margin-top: 200px;
    width: 700px;
    margin: 243px auto 0
}

.container-layout .pic3 .tab-head ul {
    display: flex;
}

.container-layout .pic3 .tab-head ul li {
    width: 100px;
    text-align: center;
}

.container-layout .pic3 .tab-head ul li i {
    display: none;
}

.container-layout .pic3 .tab-head ul .active i {
    display: block;
    width: 10px;
    height: 10px;
    color: #FC9727;
    display: inline-flex;
}

.container-layout .pic3 .tab-head ul .active {
    background: none;
}

.container-layout .pic3 .tab-head ul .active a {
    color: #FC9727
}

.container-layout .pic3 .tab-body .pz_body {
    animation: fade-in; /*动画名称*/
    animation-duration: 0.3s; /*动画持续时间*/
    -webkit-animation: fade-in 0.3s; /*针对webkit内核*/
}

.container-layout .pic3 .tab-body .pz_body img {
    width: 100%;
}

.container-layout .pic4 .banner {
    width: 1200px;
}

.container-layout .pic4 .tit {
    margin: 50px auto;
}

.container-layout .pic8 .container .x6 {
    margin-top: 150px;
    text-align: center;
}

.container-layout .pic8 .container .x6 img {
    width: 98%;
}

.container-layout .pic9 .container .bm_box {
    background: url(../img/bmbj.png) no-repeat;
    width: 1100px;
    height: 502px;
    margin-top: 150px
}

.container-layout .pic9 .container .bm_body {
    float: right;
    margin-top: 50px;
    width: 500px;
}

.container-layout .pic9 .container .bm_body .shj-jsq {
    background: none !important
}

.container-layout .pic {
    background-position: center;
    position: relative;
    overflow: hidden;
}

.container-layout {
    padding: 0 !important;
}

.container-layout .pic4 h4 {
    display: block;
    margin: auto;
    text-align: center;
    margin-top: 80px;
    font-size: 40px;
    color: #FFF;
}

.container-layout .pic4 h4 SPAN {
    font-size: 26px;
    margin-left: 20px;
}

.container-layout .pic4 .container .tab-nav li {
    width: 100%;
}

.container-layout .pic4 .tab {
    margin-top: 80px;
}

.tab .tab-nav li {
    display: block;
}

.tab .tab-nav li a {
    border: none !important;
}

.container-layout .pic4 .tab .tab-nav .active a {
    background: #237c3a;
    color: #FFF;
    line-height: 120px;
    text-align: center;
    padding: 0;
    border-radius: 0;
}

.container-layout .pic4 .tab .tab-nav li a {
    background: #fff;
    color: #333;
    line-height: 100px;
    text-align: center;
    padding: 0;
    border-radius: 0;
}

.container-layout .pic4 .tab .tab-nav li {
    border-bottom: 1px solid #f1f1f1;
    width: 10%;
    float: left;
    margin: 0 1.25%;
}

.container-layout .pic4 .tab .tab-head {
    overflow: hidden;
}

.container-layout .pic4 .tab {
    margin-top: 100px;
}

.tab_r_box1 {
    background: url(../img/tab_pic1.jpg);
    height: 525px;
    width: 1000px;
}

.container-layout .pic4 .tab .tab-body-bordered {
    padding: 0;
    border: 0px;
    margin-top: 0px;
    overflow: hidden;
    border-radius: 0px;
}

.container-layout .pic4 .tab .txtbox .border_r, .container-layout .pic4 .tab .txtbox .border_l {
    float: left;
    margin: 20px 0;
}

.container-layout .pic4 .tab .txtbox .border_r {
    background: #fff;
    height: 2px;
    width: 70%;
}

.container-layout .pic4 .tab .txtbox .border_l {
    background: #237c3a;
    height: 2px;
    width: 30%;
}

.container-layout .pic4 .tab .txtbox {
    overflow: hidden;
    position: absolute;
    bottom: 0px;
    width: 100%;
    padding: 50px 80px;
    background: rgba(0, 0, 0, 0.4);
}

.container-layout .pic4 .tab .txtbox h4 {
    text-align: left;
    padding-top: 50px;
    margin-top: 0;
}

.container-layout .pic4 .tab .txtbox p {
    color: #F1F1F1;
}

/*滚动报价*/
.clear {
    clear: both;
}

.shj-jsq {
    padding: 10px 0px;
    width: 500PX;
    height: 510px;
    border-radius: 10px;
    background: #FFF;
    margin-top: 60PX;
}

.shj-jsq h3 {
    float: left;
    width: 100%;
    font-size: 16px;
}

.shj-jsq h5 {
    float: right;
    width: 55%;
    text-align: right;
    font-size: 14px;
}

.shj-jsq h5 span {
    color: #f54e60;
}

.shj-jsq-title {
    height: 40px;
    background: #434552;
    border-radius: 8px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    margin-bottom: 5px;
}

.shj-jsq-input {
    display: block;
    -webkit-appearance: none;
    margin: auto;
    border: none;
    border-radius: 5px;
    width: 80%;
    margin-top: 8px;
    text-indent: 2em;
    font-size: 14px;
    -webkit-transition: all 0.5s;
    line-height: 55px;
    height: 55px;
}

.shj-jsq-input:focus {
    outline: none;
}

.shj-jsq-input-btn {
    font-size: 20px;
    text-indent: 0;
    color: #fff;
    text-align: center;
}

.shj-jsq-info {
    width: 80%;
    height: 90px;
    line-height: 30px;
    padding: 0;
    position: relative;
    overflow: hidden;
    margin-top: 22px;
}

.i3 {
    width: 0.43rem;
    height: 0.8rem;
    background: url(../img/i3.png) no-repeat center;
}

.shj-jsq-info ul {
    top: 0;
    left: 10px;
    width: 100%;
    height: auto;
}

.shj-jsq-info ul li {
    width: 100%;
    height: 30px;
    font-size: 14px;
}

.shj-jsq-info ul li .xm {
    width: 160px;
}

.shj-jsq-info ul li span {
    margin: 0 10px;
    display: block;
    float: left
}

.shj-jsq h3 {
    text-align: center;
    font-size: 30px;
    color: #333;
    font-weight: 800;
    margin: 30px 0;
}

.shj-jsq h3 span {
    color: #CF0017;
}

.pic2 .shj-jsq {
    background: none;
    position: absolute;
    bottom: 80px;
    right: 50px;
    height: 390px;
}

.pic2 .shj-jsq .shj-jsq-info {
    background: rgba(0, 0, 0, .1);
}

.pic2 .shj-jsq .shj-jsq-info ul li {
    color: #DDDDDD;
}

/*国标工程新加*/


.guanli {
    margin-top: 250px;
}

.guanli .carousel li img {
    width: 95%;
}

.guanli .carousel li {
    text-align: center;
}

.moshi {
}

.moshi .index_title h1 {
    color: #fff;
}

.moshi .index_title p {
    color: #999;
}

.moshi .pointer li {
    display: none;
}

.baoliu {
    display: block !important;
}

.navbox_ {
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
    zoom: 1
}

.navbox {
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
    zoom: 1;
    margin-top: 8px;
}

.f_l {
    float: left;
}

.f_r {
    float: right;
}

#slider {
    width: 100%;
    padding-top: 8px;
    position: relative
}

.slider_box {
    width: 960px;
    margin: 0 auto;
    height: 650px;
    overflow: hidden;
    position: relative;
}

.silder_tip {
    width: 92px;
    height: 92px;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    text-indent: -999px;
    background: url(../img/tip-tt.gif) no-repeat;
}

#movie_tip {
    background-position: -93px 0;
}

.silder_con {
    height: 420px;
    overflow: hidden;
    position: absolute;
    top: 190px;
}

.silder_panel {
    width: 960px;
    height: 420px;
    overflow: hidden;
    float: left;
    position: relative;
}

.silder_panel img {
    width: 100%;
    height: 420px;
    display: block;
    overflow: hidden;
}

.silder_intro {
    width: 210px;
    height: 420px;
    line-height: 20px;
    overflow: hidden;
    color: #999;
    padding: 0 40px 0 0;
}

.silder_intro h3 {
    padding: 10px 0;
    height: 50px;
    color: #7acf39;
    line-height: 30px;
    overflow: hidden;
}

.silder_intro h3 strong {
    font-size: 24px;
    height: 30px;
    overflow: hidden;
    font-weight: normal;
    display: block;
}

.silder_intro h3 strong a {
    color: #fff;
    font-weight: bold;
}

.silder_intro ul {
    height: 60px;
    overflow: hidden;
}

.slider_box ul {
    padding-left: 0px !important
}

.silder_intro li {
    height: 20px;
    overflow: hidden;
    color: #787878;
}

.silder_intro li a {
    color: #787878;
    margin: 0 6px;
}

.silder_intro span {
    margin: 0 10px 0 0;
}

.silder_intro p {
    height: 72px;
    overflow: hidden;
    color: #787878;
    margin-top: 10px;
    line-height: 18px;
}

.silder_play {
    display: block;
    width: 136px;
    height: 30px;
    overflow: hidden;
    text-indent: -999px;
    position: absolute;
    bottom: 13px;
    right: 45px;
    background: url(../img/silder-play.png) 0 -30px no-repeat;
}

.silder_play:hover {
    background-position: 0 0;
}

.silder_nav {
    top: 155px;
    width: 960px;
    height: 120px;
    margin: 0 auto;
    position: absolute;
    overflow: hidden;
    text-align: center;
}

.silder_nav li {
    border-radius: 5px;
    margin-bottom: 10px;
    display: inline-block;
    padding: 0px;
    margin: 5px 20px;
    line-height: 42px;
    text-align: center;
    background: url(../img/jm_nav.png) no-repeat center;
}

.silder_nav li i {
    display: block;
    height: 48px;
    width: 20px;
    float: right;
    color: #fff;
}

.silder_nav li a {
    float: left;
    color: #fff;
    font-size: 16PX;
    width: 80%;
    border-radius: 10px;
    background: #000;
    display: block
}

.silder_nav li.current {
    no-repeat center;
    border: none;
}

.silder_nav li.current i {
    color: #ffcb24
}

.silder_nav li.current a {
    color: #333;
    background: #ffcb24;
    line-height: 48px;
}

.silder_nav li, .silder_nav img {
    width: 250px;
    height: 48px;
    overflow: hidden;
    line-height: 48px;
}

#slider a.prev, #slider a.next {
    top: 245px;
    display: block;
    width: 45px;
    height: 100px;
    overflow: hidden;
    text-indent: -999px;
    position: absolute;
    cursor: pointer;
    margin: 85px 0 0 0;
    background: url(../img/silder_btn.gif) no-repeat;
}

#slider a.prev {
    left: 0;
    background-position: left 0;
}

#slider a.next {
    right: 0;
    background-position: right 0;
}

.silderBox {
    height: 8px;
    line-height: 8px;
}

.pic4 #slider {
    margin-top: 150px;
}

#slider3 a.prev, #slider3 a.next {
    top: 245px;
    display: block;
    width: 45px;
    height: 100px;
    overflow: hidden;
    text-indent: -999px;
    position: absolute;
    cursor: pointer;
    margin: 85px 0 0 0;
    background: url(../img/silder_btn.gif) no-repeat;
}

#slider3 a.prev {
    left: 0;
    background-position: left 0;
}

#slider3 a.next {
    right: 0;
    background-position: right 0;
}

.gongyi {
    position: relative;
    margin-top: 150px;
}

.quanguo .shj-jsq {
    width: 400px !important;
    PADDING: 50PX 0;
    margin-top: 331PX;
    height: auto;
}

.quanguo .bm_box {
    width: 400px;
    float: right;
}

.gongyi .silder_nav li {
    width: 190px !important;
    margin: 5px !important;
}

.gongyi .silder_nav {
    height: 200px !important;
}

.form_box .shj-jsq-input {
    width: 31.1% !important;
    float: left;
    margin: 0 1%;
    background: #334762;
    color: #e9c553;
}

.form_box input::-webkit-input-placeholder {
    color: #fff;
    font-size: 14px;
}

.form_box .shj-jsq-input-btn {
    background: #c30004;
    border: none;
    color: #FFF !important;
}

.form_box .shj-jsq-input-btn:hover {
    background: #ec2d31
}

.form_box {
    width: 1100px;
    margin: auto;
}

.form1 {
    margin-top: 490px;
}

.form2 {
    margin-top: 745px;
}

.form3 {
    margin-top: 1054px;
}

.gundong1 {
    width: 400px;
    height: 300px;
    margin: 450px 0 0 150px;
    float: left;
}

.shj-jsq-info h3 {
    font-size: 16px;
    margin-bottom: 20px;
}

.shj-jsq-info h3 span {
    color: #EC2D31;
}

.gundong_box {
    overflow: hidden;
}

.bm_box1 {
    width: 510px;
    float: right;
    margin-top: 404px;
    margin-right: 55px;
}

.bm_box1 .shj-jsq {
    width: auto !important;
    height: auto !important;
}

.bm_box1 input {
    background: #F5F5F5;
}

.bm_box1 select {
    background: #F5F5F5;
}

.bm_box1 .shj-jsq-input-btn {
    background: #C30004 !important;
}

.bm_box1 p {
    text-align: center;
    color: #999999;
    width: 100%;
    margin-top: 30px;
}

.form5 input {
    background: #F5F5F5;
}

.bm_box2 {
    width: 510px;
    float: right;
    margin-top: 170px;
    margin-right: 80px;
}

.bm_box2 .shj-jsq {
    width: auto !important;
    height: auto !important;
    background: none !important;
}

.bm_box2 input {
    background: #F5F5F5;
}

.bm_box2 select {
    background: #F5F5F5;
}

.bm_box2 .shj-jsq-input-btn {
    background: #C30004 !important;
}

.bm_box2 p {
    text-align: center;
    color: #999999;
    width: 100%;
    margin-top: 30px;
}

.form_box_pub .shj-jsq-input-btn {
    background: #c30004;
    border: none;
    color: #FFF !important;
}

.form_box_pub .shj-jsq-input-btn:hover {
    background: #ec2d31
}

.form5 {
    margin-top: 50px;
}

.form6 {
    margin-top: 650px;
}

.form8 {
    margin-top: 805px;
}

.form_box input:focus {
    background: #5f7ba2
}

.form_box_pub input:focus {
    background: #e4e4e4;
    color: # #f50508
}

.form_box .shj-jsq-input-btn {
    width: 320px;
    height: 55px;
    -webkit-animation-name: 'huxishandong' !important; /*动画属性名，也就是我们前面keyframes定义的动画名*/
    -webkit-animation-duration: 1s; /*动画持续时间*/
    -webkit-animation-timing-function: initial; /*动画频率，和transition-timing-function是一样的*/
    -webkit-animation-delay: 0s; /*动画延迟时间*/
    -webkit-animation-iteration-count: infinite; /*定义循环资料，infinite为无限次*/
    -webkit-animation-direction: initial; /*定义动画方式*/
}

/*@keyframes ripple {*/
/*    0% {*/
/*        background: #FD7142;*/
/*    }*/
/*    100% {*/
/*        opacity: 1;*/
/*    }*/
/*}*/

/*甘海宁补充的CSS*/
.ghn_pic2_word {
    width: 970px;
    margin: auto;

}

.ghn_pic2_word h2 {
    font-size: 20px;
    color: #fff;
    width: 158px;
    float: left;
    text-align: center;
    margin-right: 45px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 45px;
    background-image: linear-gradient(45deg, #d70c19, #243854);
    border-radius: 25px;
    padding-top: 8px;
    animation: haining 0.5s linear infinite;

}

.ghn_pic2_word h2:nth-child(5) {
    margin-right: 0;
}

.ghn_pic2_tu_lt {
    float: left;
    width: 430px;
}

.ghn_pic2_tu_mid {
    float: left;
    width: 300px;
    height: 499px;
    margin-left: 20px;
    margin-right: 20px;
}

.ghn_pic2_tu_rt {
    float: left;
    width: 430px;
    height: 499px;
}

.ghn_pic2_tu {
    width: 1200px;
    margin: 50px auto 30px;
}

#gan {
    margin: 0 auto
}

@keyframes haining {
    0% {
        transform: rotate(1deg);
    }
    50% {
        transform: rotate(-1deg);
    }

    100% {
        transform: rotate(1deg);
    }
}

.ghn_pic2_tu_ltBox {
    position: relative;
}

.gan2 {
    text-align: center;
    color: #fff;
    height: 500px;
    position: absolute;
    top: 0;
    width: 100%;
    padding-top: 210px;
}

.gan2 h2 {
    font-size: 32px;
}

.gan2 h3 {
    font-size: 20px;
    margin-top: 25px;
}

.gan3 h2 {
    position: absolute;
    font-size: 20px;
    margin-top: -130px;
    color: #fff;
}

.gan5 {
    position: relative;
}

.gan5 h2 {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 20px;
    line-height: 240px;
    color: #fff;
    text-align: center;
    width: 100%;
}

.gan6 {
    position: relative;
    margin-top: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.gan6 h2 {
    position: absolute;
    top: 100px;
    bottom: 0;
    margin: auto;
    font-size: 20px;
    color: #fff;
    text-align: center;
    width: 100%;
}
.xsHoverImg{
    overflow: hidden;
}
.xsHoverImg img{
    transition: .5s;
}
.xsHoverImg:hover img{
    transform: scale(1.1);
}
.xspaddingBottom{
    padding-bottom: 20px;
}