/* CSS Document */
/* fixed */
html, body { font: 14px/1.8 "Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体",tahoma,"times new roman",helvetica,arial; color: #666; font-family: "微软正黑体","Microsoft JhengHei"; }
.pw { width: 1120px; margin: 0 auto; }
@font-face { font-family: 'FuturaLT-Bold'; src: url('/fonts/FuturaLT-Bold.eot'); src: local('☺'), url('../font/FuturaLT-Bold.woff') format('woff'), url('/fonts/FuturaLT-Bold.ttf') format('truetype'), url('../font/FuturaLT-Bold.svg') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'FuturaLT-Book'; src: url('/fonts/FuturaLT-Book.eot'); src: local('☺'), url('../font/FuturaLT-Book.woff') format('woff'), url('/fonts/FuturaLT-Book.ttf') format('truetype'), url('../font/FuturaLT-Book.svg') format('svg'); font-weight: normal; font-style: normal; }
.ff-1 { font-family: 'FuturaLT-Bold'; }
.ff-2 { font-family: 'FuturaLT-Book'; }
/* fixed end */
.header { height: 80px; }
.logo { width: 346px; }
.header .logo { margin: 15px 0 0 60px; float: left; }
.header .nav { float: right; margin-right: 45px; }
.nav { overflow: hidden; }
    .nav li { float: left; padding: 0 15px; }
        .nav li > a { display: block; font-size: 16px; line-height: 24px; color: #333; font-weight: bold; padding: 28px 0; position: relative; }
            .nav li > a:before { content: ""; position: absolute; top: 0; left: auto; right: 0; width: 0; height: 4px; background: #339966; transition: 300ms; -webkit-transition: 300ms; }
            .nav li > a:hover { color: #339966; }
                .nav li > a:hover:before { width: 100%; right: auto; left: 0; }
            .nav li > a.act { color: #339966; }
                .nav li > a.act:before { width: 100%; right: auto; left: 0; }

.mtop { height: 80px; }

.banner-box { position: relative; overflow: hidden; }
.banner { position: relative; overflow: hidden; }
    .banner .item { position: relative; }
    .banner .pic2 { position: absolute; top: 0; left: 0; }
    .banner .slick-active .pic2 > img { -webkit-animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); }
    .banner .slick-dots { position: absolute; left: 0; right: 0; bottom: 30px; margin-top: 0; z-index: 99; }
        .banner .slick-dots li { border: none; width: 10px; height: 10px; background: #fff; margin: 0 10px; }
            .banner .slick-dots li.slick-active,
            .banner .slick-dots li:hover { background: #ffcc66!important; }
    .banner .item:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url(../image/black-2.png); }
.bannertxts { width: 476px; height: 476px; position: absolute; top: 50%; left: 50%; margin-top: -238px; margin-left: -238px; z-index: 99; color: #fff; }
    .bannertxts:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url(../image/bt-bg.png) no-repeat; animation: rotateone 50s linear infinite; -webkit-animation: rotateone 50s linear infinite; }
    .bannertxts .en-1 { font-size: 20px; margin-bottom: 7px; }
    .bannertxts .ch { font-size: 38px; font-weight: bold; margin-bottom: 13px; }
    .bannertxts .en-2 { letter-spacing: 8px; }
    .bannertxts .dot-1 { display: block; height: 5px; background: url(../image/bt-bg-2.png) no-repeat center center; margin-bottom: 22px; }
    .bannertxts .dot-2 { display: block; width: 14px; height: 14px; border: 1px solid #ffcc66; border-radius: 100%; margin: 43px auto 0 auto; }
    .bannertxts .pa { position: relative; padding-top: 165px; }

.ixab { width: 658px; max-width: 100%; margin: 0 auto; }
.ix-ti { font-size: 46px; font-weight: bold; color: #339966; line-height: 1.4; }
.ixab .aw { display: block; height: 9px; background: url(../image/ix-ico-1.png) no-repeat center center; margin-bottom: 37px; }
.ixab .freeTx { text-align: center; margin-bottom: 45px; }
.ixmore { display: block; height: 45px; line-height: 45px; width: 152px; border: 1px solid #666; text-align: center; color: #666; font-size: 12px; overflow: hidden; position: relative; margin: 0 auto; }
    .ixmore p { position: relative; }
    .ixmore:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 0; background: #ffcc66; transition: 300ms; -webkit-transition: 300ms; }
.ixab .ix-ti { margin-bottom: 14px; }
.ix1 { padding: 102px 0; }

.ixpa { width: 25%; float: left; overflow: hidden; }
.pa-slide .item { position: relative; }
    .pa-slide .item:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #339966; background: rgba(51, 153, 102, 0.6);
}
.pa-slide .txts { position: absolute; top: 0; left: 0; right: 0; z-index: 9; color: #fff; padding: 15% 50px 0 50px; }
.pa-ti .en { font-size: 24px; color: #ffcc66; line-height: 1.25; margin-bottom: 16px; }
.pa-ti .ch { font-size: 20px; font-weight: bold; white-space:nowrap; 
    text-overflow:ellipsis; 
    overflow:hidden; }
.pa-ti.pa-ti-2 .en { font-size: 16px; margin-bottom: 5px; }
.pa-slide .txts .w { width: 263px; max-width: 100%; }
.pa-slide .txts .nowti { font-size: 24px; font-weight: bold; margin-bottom: 12px; }
.pa-slide .txts .tx { height: 52px; margin-bottom: 73px; }
.pa-slide .txts .more { font-size: 12px; }
.pa-slide .txts .more a{ color: #ffcc66; }
.pa-slide .txts .pa-ti { margin-bottom: 43px; }
.pa-slide .slick-dots { position: absolute; right: 43px; bottom: 40px; margin-top: 0; z-index: 9; }
    .pa-slide .slick-dots li { border: none; margin: 0; margin-left: 12px; width: 8px; height: 8px; background: #fff; }
        .pa-slide .slick-dots li.slick-active,
        .pa-slide .slick-dots li:hover { background: #ffcc66!important; }

.ixpro { float: left; width: 25%; position: relative; color: #fff; }
    .ixpro .txts { position: absolute; top: 0; left: 0; right: 0; z-index: 9; padding: 15% 50px 0 50px; }
        .ixpro .txts .tx { font-size: 13px; line-height: 23px !important; margin-top: 33px; height: 138px; }
    .ixpro:after { content: ""; position: absolute; top: 0; bottom: 0; width: 23px; background: url(../image/ix-ico-2.png) no-repeat right center; right: -23px; z-index: 99; }

.ixpas { width: 25%; float: left; overflow: hidden; }
    .ixpas a { display: block; color: #fff; position: relative; }
        .ixpas a:before, .ixpas a:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; transition: 400ms; -webkit-transition: 400ms; }
        .ixpas a:before { background: url(../image/shadow.png) no-repeat center center; background-size: cover; }
        .ixpas a:after { background: url(../image/black.png); background: rgba(0,0,0,.6); opacity: 0; visibility: hidden; }
    .ixpas .txts-1 { position: absolute; left: 0; right: 0; bottom: 0; z-index: 9; padding: 0 25px 20px 25px; transition: 400ms; -webkit-transition: 400ms; }
        .ixpas .txts-1 .nowti { /* width: 270px; max-width: 100%; */ font-size: 24px; font-weight: bold; /* border-bottom: 1px solid #fff; padding-bottom: 11px; */ overflow:visible; white-space:normal; }
/*         .ixpas .txts-1:after { content: ""; width: 20px; height: 11px; position: absolute; right: 35px; bottom: 20px; background: url(../images/ix-ico-3.png) no-repeat; }
 */    .ixpas .txts-2 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 9; padding: 20.625% 25px 0 25px; transform: translateY(60px); -webkit-transform: translateY(60px); opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; }
        .ixpas .txts-2 .ch { font-size: 24px; font-weight: bold; line-height: 1.5; margin-bottom: 8px; }
        .ixpas .txts-2 .en { font-size: 12px; margin-bottom: 29px; }
        .ixpas .txts-2 .line { display: block; width: 1px; height: 38px; background: #fff; margin: 0 auto 14px auto; }
        .ixpas .txts-2 .ico { height: 50px; }

.ix3 { position: relative; }
.ixcasebox { position: relative; overflow: hidden; width: 75%; float: left; }
.pa-ti.pa-ti-3 { color: #fff; }
.ixcasebox .pa-ti { position: absolute; top: 9.5%; left: 50px; z-index: 99; }
.pa-ti.pa-ti-3 .ch { font-size: 28px; margin-bottom: 17px; }
.pa-ti.pa-ti-3 .en { font-size: 48px; color: #fff; margin-bottom: 35px; }
.pa-ti.pa-ti-3 .ico { width: 24px; height: 24px; background: url(../image/ix-ico-4.png) no-repeat; }
.case-slide .caseA { display: block; position: relative; overflow: hidden; color: #fff; }
    .case-slide .caseA .txts { width: 33.33%; position: absolute; right: 0; bottom: 0; background: #339966; z-index: 99; }
        .case-slide .caseA .txts .pa { padding: 28px 65px 91px 35px; }
        .case-slide .caseA .txts .nowti { font-size: 36px; font-weight: bold; margin-bottom: 18px; }
        .case-slide .caseA .txts .tx { height: 52px; margin-bottom: 55px; }
        .case-slide .caseA .txts .more { font-size: 12px; }
.case-slide .slick-arrow { width: 160px; height: 49px; position: absolute; bottom: 0; z-index: 99; background-repeat: no-repeat; background-position: center center; }
.case-slide .slick-next { right: 0; background-image: url(../image/ix-ico-6.png); }
.case-slide .slick-prev { right: 33.33%; margin-right: -160px; background-image: url(../image/ix-ico-5.png); }
.case-slide .slick-active .pic > img { -webkit-animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); }
.ixcasebox .casenum { width: 33.33%; height: 49px; line-height: 49px; overflow: hidden; position: absolute; right: 0; bottom: 0; z-index: 20; color: #fff; text-align: center; font-family: Arial; }

.ixnews { position: absolute; top: 0; bottom: 0; right: 0; width: 25%; background: #fff; overflow: hidden; }
.inw-nav { background: #339966; color: #fff; overflow: hidden; height: 60px; padding: 0 15px; }
    .inw-nav li { float: left; line-height: 24px; font-size: 16px; font-weight: bold; padding: 18px 13px; position: relative; margin-right: 27px; cursor: pointer; }
        .inw-nav li:before { content: ""; height: 3px; background: #ffcc66; position: absolute; left: auto; right: 0; bottom: 0; width: 0; transition: 300ms; -webkit-transition: 300ms; }
        .inw-nav li.act:before { width: 100%; right: auto; left: 0; }


.inw-slide .inwA { display: block; color: #666; padding-bottom: 5px; }
    .inw-slide .inwA .txts .nowti { font-size: 24px; color: #000; font-weight: bold; margin-bottom: 26px; }
    .inw-slide .inwA .txts .tx { line-height: 24px !important; height: 120px; margin-bottom: 96px; }
    .inw-slide .inwA .txts { padding: 28px 30px 0 30px; }
.ixmore2 { width: 105px; height: 38px; line-height: 38px; margin: 0; border-color: #dcdcdc; color: #afafaf; }
.inw-slide .slick-dots { position: absolute; bottom: 15px; right: 30px; z-index: 99; }
    .inw-slide .slick-dots li { width: 8px; height: 8px; border: none; position: relative; margin: 0; margin-left: 12px; }
        .inw-slide .slick-dots li a { width: 6px; height: 6px; border: 1px solid #bfbfbf; position: absolute; top: 50%; left: 50%; margin-top: -4px; margin-left: -4px; border-radius: 100%; }
            .inw-slide .slick-dots li a i { display: block; width: 4px; height: 4px; top: 50%; left: 50%; margin-top: -2px; margin-left: -2px; position: absolute; border-radius: 100%; transition: 300ms; -webkit-transition: 300ms; }
        .inw-slide .slick-dots li.slick-active a,
        .inw-slide .slick-dots li:hover a { width: 10px; height: 10px; margin-top: -6px; margin-left: -6px; border-color: #339966; }
        .inw-slide .slick-dots li.slick-active,
        .inw-slide .slick-dots li:hover { background: none !important; }
            .inw-slide .slick-dots li.slick-active a i,
            .inw-slide .slick-dots li:hover a i { background: #339966; }
.ixnews .switch-line { height: 3px; width: 100%; background: #ffcc66; position: absolute; left: 0; bottom: 0; z-index: 199; }

.ixlink li { width: 50%; float: left; background: #fff; }
.ixlink .linkA { display: block; height: 290px; color: #757575; overflow: hidden; }
    .ixlink .linkA .ti { font-size: 40px; font-weight: bold; margin-bottom: 15px; }
    .ixlink .linkA .line { display: block; width: 35px; height: 3px; background: #ffcc66; margin: 0 auto 15px auto; }
    .ixlink .linkA .txx { font-size: 20px; }
.ixlink .il-2 .linkA { background: #e2e2e2; }
.ixlink .linkA .w { width: 430px; max-width: 100%; margin: 0 auto; padding-top: 85px; }

.footer { background: #797979; color: #fff; }
.f-nav li { float: left; margin-right: 10%; }
    .f-nav li > a { display: block; color: #fff; font-size: 12px; line-height: 28px; }
.f-nav .home { font-size: 16px; font-weight: bold; margin-bottom: 26px; }
.f-nav li:last-child { margin-right: 0; float: right; }
.footer a { color: #fff; }
.footer .t { padding: 85px 0 60px 0; background: #ababab; }
.f-ctas { float: left; }
    .f-ctas a { cursor: pointer; }
    .f-ctas li { line-height: 24px; padding-left: 35px; position: relative; margin-bottom: 14px; }
        .f-ctas li:before { content: ""; position: absolute; top: 0; left: 0; width: 20px; height: 24px; background-position: center top; background-repeat: no-repeat; }
    .f-ctas .fc-1:before { background-image: url(../image/f-ico-1.png); }
    .f-ctas .fc-2:before { background-image: url(../image/f-ico-2.png); }
    .f-ctas .fc-3:before { background-image: url(../image/f-ico-3.png); }
.f-cop { float: right; padding-top: 76px; }
    .f-cop span { margin-left: 40px; }
    .f-cop a { margin-left: 16px; }
.footer .b { padding: 43px 0 24px 0; }

.navMobile { margin-top: 60px; }
    .navMobile dd a { line-height: 1.4; display: block; padding-left: 5%; padding-right: 5%; color: #333; border-bottom: 1px solid #ccc; }
    .navMobile dd p a { padding-top: 15px; padding-bottom: 15px; font-size: 16px; position: relative; }
.mtnav { background: #d6d6d6; display: none; }
    .mtnav a { padding-top: 12px; padding-bottom: 12px; border-color: #d6d6d6; }
.navMobile dd p a:before { content: ""; width: 6px; height: 6px; border: 2px solid #fff; border-radius: 100%; position: absolute; right: 5%; top: 50%; margin-top: -5px; transform: translateX(-20px); -webkit-transform: translateX(-20px); opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; }
.navMobile dd p a.act { background: #339966; color: #fff; }
    .navMobile dd p a.act:before { transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; visibility: visible; }

.fixctas { position: fixed; top: 50%; margin-top: -32px; right: 0; z-index: 1004; }
    .fixctas a { display: block; height: 64px; line-height: 64px; color: #fff; overflow: hidden; background: #339966; border-radius: 64px 0 0 64px; padding: 0 16px 0 23px; }
    .fixctas .ico { width: 24px; height: 100%; float: left; background-image: url(../image/fc.png); margin-right: 11px; }
    .fixctas p { float: left; }
/*公司简介*/
.pbanner { position: relative; overflow: hidden; }
.pbtxts { position: absolute; left: 0; right: 0; bottom: 40px; z-index: 99; color: #fff; }
    .pbtxts .en { font-size: 50px; margin-bottom: 10px; }
    .pbtxts .ch { font-size: 40px; font-weight: bold; margin-bottom: 13px; }
    .pbtxts .ico { height: 5px; background-image: url(../image/bt-bg-2.png); }

.pnav { background: #339966; }
    .pnav a { display: block; color: #fff; font-size: 16px; font-weight: bold; padding: 18px 15px; line-height: 24px; }
    .pnav li { padding: 0 14px; }
    .pnav a.act { background: #fff; color: #339966; }

.ab-ti .ch { font-size: 46px; font-weight: bold; color: #ffcc66; margin-bottom: 8px; }
.ab-ti { color: #e3e3e3; }
    .ab-ti .en { font-size: 30px; }

.freeTx-2 { font-size: 16px; }
.ab-tx { padding-bottom: 66px; margin-top: 46px; }
.abpanel { padding-top: 85px; }

.ab-link { background: #e9e9e9; padding: 15px 0; }
    .ab-link a { display: block; font-size: 16px; color: #666; height: 40px; line-height: 40px; overflow: hidden; position: relative; }
    .ab-link .prev { float: left; padding-left: 58px; }
    .ab-link .next { float: right; padding-right: 58px; }
    .ab-link a:before { content: ""; width: 40px; position: absolute; top: 0; bottom: 0; background-color: #c9c9c9; background-repeat: no-repeat; background-position: center center; transition: 300ms; -webkit-transition: 300ms; }
    .ab-link .prev:before { left: 0; background-image: url(../image/ab-ico-1.png); }
    .ab-link .next:before { right: 0; background-image: url(../image/ab-ico-2.png); }

/*公司荣誉*/
.honor-list a { display: block; width: 30.83%; margin-left: 2.5%; float: left; color: #333; margin-bottom: 25px; }
.honor-list { margin: 75px 0 40px -2.5%; }
    .honor-list .pic { border: 8px solid #f2f2f2; transition: 400ms; -webkit-transition: 400ms; }
    .honor-list .nowti { font-size: 16px; padding: 0 5px; text-align: center; font-weight: bold; margin-top: 14px; }

/* big */
html.openImg { /* overflow: hidden; */ }
.overlayClose { width: 80px; height: 80px; display: block; transition: 300ms; -webkit-transition: 300ms; }
    .overlayClose i { background: url(../image/close_ico2.png) no-repeat scroll center center; width: 100%; height: 100%; display: block; transition: 400ms; -webkit-transition: 400ms; }
    .overlayClose:hover { background-color: #339966; }
.imgstools { position: absolute; right: 0px; top: 0px; z-index: 1000; width: 330px; color: #fff; background-color: #000; }
    .imgstools .imgPrev { background: url(../image/img_l3.png) no-repeat scroll center center; width: 100%; height: 100%; cursor: pointer; }
    .imgstools .imgNext { background: url(../image/img_r3.png) no-repeat scroll center center; width: 100%; height: 100%; cursor: pointer; }
    .imgstools .imgPrev:hover { background-color: #333; }
    .imgstools .imgNext:hover { background-color: #333; }
    .imgstools li { float: left; display: block; border-left: 1px solid #333; width: 80px; height: 80px; text-align: center; }
        .imgstools li.lastitem { padding-left: 8px; border-left-color: #333; }
        .imgstools li .snumBox { color: #fff; height: 80px; line-height: 80px; font-size: 18px; font-family: "濮掓稒鍨崇紞锟�", arial, helvetica, sans-serif; }
.overlayClose:hover i { transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); }
.imgShowBox { background: url('../image/black.png'); background: rgba(0, 0, 0, .8); bottom: 0; left: 0; position: fixed; right: 0; top: 0; opacity: 0; visibility: hidden; transition: all 400ms ease 0s; -webkit-transition: all 400ms ease 0s; z-index: 1010; width: 100%; -webkit-overflow-scrolling: touch; overflow-x: hidden; overflow-y: auto; }
.no-csstransitions .imgShowBox { display: none; }
.imgShowDemo { width: 100%; height: 100%; position: relative; overflow: hidden; }
    .imgShowDemo .item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; position: relative; }
    .imgShowDemo .img { vertical-align: middle; height: auto; width: auto; max-height: 100%; max-width: 100%; margin: auto; position: absolute; left: 0px; top: 80px; right: 0px; bottom: 0px; }
    .imgShowDemo .con { position: absolute; left: 0px; right: 0px; bottom: 0px; background-color: #fff; width: 90%; padding: 10px 5%; }
        .imgShowDemo .con .t { font-size: 16px; color: #333; }
    .imgShowDemo .txt { background: #000; font-size: 14px; color: #fff; position: absolute; left: 0; right: 0; top: 0; padding: 15px 0px; height: 50px; line-height: 50px; overflow: hidden; text-align: center; z-index: 10; }
.hi-num { width: 85px; height: 65px; background: #272727; color: #fff; border-left: 1px solid #3a3a3a; position: absolute; bottom: 0; right: 0; text-align: center; line-height: 65px; font-size: 16px; }
.img-show { opacity: 1; visibility: visible; }
.no-csstransitions .img-show { display: block; }
.imgShowDemo .owl-controls .owl-buttons div { position: absolute; padding: 0px; margin: 0px; width: 50px; height: 50px; border-radius: 50%; background-color: transparent; overflow: hidden; top: 50%; margin-top: -25px; background-position: center center; background-repeat: no-repeat; text-indent: -10em; }
    .imgShowDemo .owl-controls .owl-buttons div.owl-prev { left: 3%; background-image: url(/images/img_l4.png); }
    .imgShowDemo .owl-controls .owl-buttons div.owl-next { right: 3%; background-image: url(/images/img_r4.png); }
        .imgShowDemo .owl-controls .owl-buttons div.owl-prev:hover, .imgShowDemo .owl-controls .owl-buttons div.owl-next:hover { background-color: #ffcc66; }
        .imgShowDemo .owl-controls .owl-buttons div.owl-prev.disabled, .imgShowDemo .owl-controls .owl-buttons div.owl-next.disabled { background-color: #ffcc66; }
/* big end */

.pager-1 a { width: 16px; height: 16px; border-radius: 100%; background: #d2d2d2; margin: 0 7px; }
    .pager-1 a.act { background: #339966; }
.abopanel > .pw { padding-bottom: 40px; }

/*企业文化*/
.ab-tx-1 { font-size: 20px; line-height: 1.6; }
.ab1 .ab-tx-1 { margin-top: 90px; }
.ab-aw { width: 41px; height: 41px; display: block; background: url(../image/ab-ico-3.png) no-repeat; margin: 0 auto; animation: awup 1.2s 0.1s infinite linear alternate; -webkit-animation: awup 1.2s 0.1s infinite linear alternate; }
.ab1 .ab-aw { margin-top: 120px; }
.ab1 { padding-bottom: 60px; }

.ab2 { background: #f5f5f5 url(../image/ab-bg.png) no-repeat center bottom; padding: 98px 0 127px 0; }
.ab-ti-1 .en { font-size: 40px; color: #ffcc66; line-height: 1; margin-bottom: 6px; }
.ab-ti-1 .ch { font-size: 24px; font-weight: bold; }

.wb-tx { width: 396px; height: 160px; margin: 0 auto; background: url(../image/ab-bg-2.png) no-repeat center center; background-size: 100%; position: relative; }
    .wb-tx:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url(../image/ab-bg-3.png) no-repeat center center; background-size: 100%; }
    .wb-tx .pa { position: relative; padding: 45px 0 0 65px; }
    .wb-tx .ti { font-size: 30px; font-weight: bold; color: #323232; line-height: 1.2; }
.wb-tx-box { margin-right: -28px; margin-top: 53px; }

.cul-list li { width: 50%; float: left; position: relative; }
.cul-list .txts { position: absolute; top: 0; left: 0; right: 0; color: #fff; padding-top: 19%; transition: 400ms; -webkit-transition: 400ms; z-index: 9; }
    .cul-list .txts .tx { text-align: center; padding: 0 5%; margin-top: 43px; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; }
.cul-list li:before, .cul-list li:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; transition: 400ms; -webkit-transition: 400ms; }
.cul-list li:before { background: url(../image/black.png); background: rgab(0,0,0,.2); }
.cul-list li:after { background: rgba(51,153,102,.8); opacity: 0; visibility: hidden; }

.ab-ti-2 .en { font-size: 30px; color: #339966; margin-bottom: 19px; transition: 300ms; -webkit-transition: 300ms; }
.ab-ti-2 .line { width: 30px; height: 2px; background: #fff; margin: 0 auto 11px auto; display: block; }
.ab-ti-2 .ch { font-size: 26px; font-weight: bold; }

.ab-ti-2.ab-ti-3 .line { background: #969696; }
.ab-ti-2.ab-ti-3 .ch { color: #323232; }
.ab4 .ab-ti-2 { margin-bottom: 62px; }
.ab4 { padding: 84px 0 93px 0; }

/*走进宏洲*/
.pbg { background: #f5f5f5; }
.uhz-list a { display: block; background: #fff; color: #888; transition: 400ms; -webkit-transition: 400ms; }
.uhz-list .pic,
.uhz-list .txts { width: 50%; }
.uhz-list .item1 .pic { float: left; }
.uhz-list .item1 .txts { float: right; }
.uhz-list .item2 .pic { float: right; }
.uhz-list .item2 .txts { float: left; }
.uhz-list .nowti { font-size: 30px; font-weight: bold; color: #339966; margin-bottom: 10px; }
.uhz-list .tx { line-height: 30px !important; height: 90px; margin-bottom: 75px; }
.uhz-list .more { width: 127px; height: 38px; line-height: 38px; overflow: hidden; text-align: center; background: #ffcc66; color: #fff; }
.uhz-list .txts { overflow: hidden; }
    .uhz-list .txts .w { width: 505px; max-width: 100%; margin: 10% 0 0 14%; }
.uhz-list { margin-top: 85px; }

/*走进宏洲内页*/
.ad-ctt { background: #fff; border-top: 8px solid #ffcc66; position: relative; }
    .ad-ctt:before { content: ""; width: 67%; height: 8px; background: #339966; position: absolute; left: 0; top: -8px; }

.ad-ti .ti { font-size: 24px; font-weight: bold; color: #333; margin-bottom: 35px; }
.ad-ti .date { color: #999; line-height: 24px; padding-left: 30px; background: url(../image/date.png) no-repeat left center; }
.ad-ti { border-bottom: 1px solid #d6d6d6; padding-top: 43px; padding-bottom: 23px; }
.ad-pa { padding-left: 60px; padding-right: 60px; }

.sharebox { overflow: hidden; line-height: 24px; font-size: 15px; text-transform: capitalize; }
    .sharebox p { float: left; margin-right: 9px; }
    .sharebox .share { float: left; overflow: hidden; }
.share a { display: block; width: 28px; height: 24px; background-repeat: no-repeat; background-position: center top; float: left; margin-right: 13px; }
.share .s1 { background-image: url(../image/footer-ico-4.png); }
.share .s2 { background-image: url(../image/footer-ico-5.png); }
.ad-ti .sharebox { position: absolute; right: -13px; bottom: 0; }
.ad-tx { padding-top: 40px; padding-bottom: 72px; }

.ad-back { border-top: 1px solid #d6d6d6; padding-top: 43px; padding-bottom: 40px; }
    .ad-back a { display: block; width: 130px; height: 44px; line-height: 44px; text-align: center; color: #999; border: 1px solid #999; overflow: hidden; }
    .ad-back .prev { float: left; }
    .ad-back .next { float: right; }
    .ad-back .aw { height: 100%; width: 7px; margin-top: 1px; }
    .ad-back .prev .aw { background-image: url(../image/ad-ico-1.png); margin-right: 13px; background-position: left center; }
    .ad-back .next .aw { background-image: url(../image/ad-ico-2.png); margin-left: 13px; background-position: right center; }
    .ad-back .back { position: absolute; left: 50%; margin-left: -66px; top: 0; background: #ffcc66; border-color: #ffcc66; color: #fff; }
        .ad-back .back:hover { background: #999; border-color: #999; }

.adpanel { padding: 100px 0 93px 0; }

/*公司新闻*/
.nw-list a { display: block; width: 31.33%; margin-left: 2%; float: left; background: #fff; color: #666; margin-bottom: 62px; position: relative; transition: 400ms; -webkit-transition: 400ms; }
.nw-list { margin-left: -2%; }
    .nw-list .txts { padding: 17px 15px 38px 15px; }
        .nw-list .txts .date { font-size: 12px; color: #999; margin-bottom: 7px; }
        .nw-list .txts .nowti { font-size: 20px; font-weight: bold; }
    .nw-list a:before { content: ""; width: 0; height: 2px; background: #ffcc66; position: absolute; left: auto; right: 0; bottom: 0; transition: 400ms; -webkit-transition: 400ms; }

.pager-2 a { width: 30px; height: 30px; background: #dedede; text-align: center; line-height: 30px; color: #fff; margin: 0 3px; font-size: 12px; }
    .pager-2 a.prev, .pager-2 a.next { font-family: "宋体"; }
    .pager-2 a.prev { margin-right: 26px !important; }
    .pager-2 a.next { margin-left: 26px; }
    .pager-2 a.act { background: #339966; }

.nwpanel { padding: 98px 0 84px 0; }


/*工程案例*/
.nwo-list a { display: block; overflow: hidden; background: #fff; color: #666; margin-bottom: 50px; position: relative; transition: 400ms; -webkit-transition: 400ms; }
.nwo-list .pic { width: 53.5%; float: left; }
.nwo-list .txts { width: 46.5%; float: left; position: relative; }
    .nwo-list .txts .pa { padding: 40px 155px 0 35px; }
    .nwo-list .txts .nowti { font-size: 24px; font-weight: bold; color: #333; border-bottom: 1px solid #e7e7e7; padding-bottom: 16px; }
    .nwo-list .txts .tx { font-size: 12px; height: 52px; margin-top: 15px; }
.nwomore { display: block; width: 92px; height: 32px; line-height: 32px; overflow: hidden; border: 1px solid #666; text-align: center; font-size: 12px; transition: 300ms; -webkit-transition: 300ms; }
.nwo-list .nwomore { margin-top: 60px; }
.nwo-list .date { width: 60px; height: 60px; position: absolute; top: 0; right: 40px; overflow: hidden; background: #999; color: #fff; text-align: center; line-height: 1; transition: 400ms; -webkit-transition: 400ms; }
    .nwo-list .date .d { font-size: 26px; margin-top: 9px; }
    .nwo-list .date .y { font-size: 12px; margin-top: 6px; }
.nwo-list a:before { content: ""; width: 0; height: 2px; background: #ffcc66; position: absolute; bottom: 0; left: 53.5%; transition: 400ms; -webkit-transition: 400ms; }
.nwo-list .date-2 { font-size: 12px; color: #999; margin-bottom: 3px; display: none; }

/*采购与招标*/
.nwt-list a { width: 46.5%; height: 140px; margin-left: 3.5%; float: left; background: #fff; position: relative; color: #666; overflow: hidden; margin-bottom: 45px; }
.nwt-list { margin-left: -3.5%; }
    .nwt-list .txts { margin-left: 80px; padding: 20px 45px 0 35px; }
    .nwt-list .datebox { width: 80px; position: absolute; top: 0; bottom: 0; left: 0; background: #999; color: #fff; overflow: hidden; transition: 400ms; -webkit-transition: 400ms; }
        .nwt-list .datebox .d { line-height: 1; font-size: 26px; margin-top: 18px; }
        .nwt-list .datebox .y { line-height: 1; font-size: 12px; margin-top: 6px; }
        .nwt-list .datebox .line { display: block; width: 40px; height: 1px; background: #fff; background: rgba(255,255,255,.2); margin: 17px auto 0 auto; }
        .nwt-list .datebox .ico { height: 40px; background-image: url(../image/pdf.png); margin-top: 11px; }
    .nwt-list .txts .nowti { font-size: 22px; font-weight: bold; border-bottom: 1px solid #e7e7e7; padding-bottom: 12px; }
    .nwt-list .txts .tx { font-size: 12px; height: 52px; margin-top: 10px; }
    .nwt-list a:before { content: ""; position: absolute; left: auto; right: 0; bottom: 0; width: 0; height: 1px; background: #ffcc66; transition: 400ms; -webkit-transition: 400ms; }

/*投资者关系*/
.res-ti { font-size: 30px; line-height: 1.4; font-weight: bold; color: #339966; }
.select-date { overflow: hidden; }
    .select-date label { float: left; line-height: 35px; color: #339966; }
    .select-date select { width: 156px; height: 35px; background: #e5e5e5 url(../image/res-ico-1.png) no-repeat 128px center; color: #666; float: left; padding: 0 18px; margin-left: 17px; cursor: pointer; transition: 400ms; -webkit-transition: 400ms; }
.ro1 .select-date { position: absolute; right: 0; bottom: 0; }

.ro-list a { display: block; width: 47%; margin-left: 3%; float: left; overflow: hidden; color: #666; position: relative; margin-bottom: 30px; }
.ro-list { margin-left: -3%; }
    .ro-list .txts { padding: 22px 100px 0 30px; border: 1px solid #d8d8d8; height: 70px; transition: 400ms; -webkit-transition: 400ms; }
        .ro-list .txts .date { color: #999; line-height: 24px; font-family: Arial; padding-left: 27px; position: relative; background: url(../image/res-ico-2.png) no-repeat left center; margin-bottom: 5px; }
    .ro-list .ico { width: 44px; height: 44px; position: absolute; top: 50%; margin-top: -22px; right: 28px; background-image: url(../image/res-ico-3.png); background-position: center top; transition: 300ms; -webkit-transition: 300ms; }
.ro-list { margin-top: 34px; margin-bottom: 47px; }
.ro1 { padding: 73px 0 78px 0; }

.ro2 { background: #f6f6f6; padding: 68px 0 92px 0; }

.rt-list a { display: block; width: 30.83%; margin-left: 2.5%; float: left; background: #fff; overflow: hidden; color: #666; margin-bottom: 30px; }
.rt-list { margin-left: -2.5%; margin-bottom: 53px; }
    .rt-list .txts { border: 2px solid #fff; height: 185px; padding: 20px 30px 0 30px; transition: 400ms; -webkit-transition: 400ms; }
        .rt-list .txts .date { color: #999; line-height: 24px; font-family: Arial; padding-left: 27px; position: relative; background: url(../image/res-ico-2.png) no-repeat left center; margin-bottom: 23px; }
        .rt-list .txts .nowti { font-size: 18px; color: #333; margin-bottom: 49px; }
.rtdown { width: 115px; height: 42px; line-height: 42px; overflow: hidden; border: 1px solid #d6d6d6; }
    .rtdown p { font-size: 12px; }
    .rtdown .ico { height: 36px; width: 36px; background-image: url(../image/res-ico-4.png); background-position: center top; margin-right: 2px; }
.ro2 .res-ti { margin-bottom: 40px; }
.res-ti.res-ti-1 { color: #fff; }

.ans-list li { margin-bottom: 1px; }
.ans-list .t { background: #fff; overflow: hidden; padding: 12px 30px; position: relative; transition: 400ms; -webkit-transition: 400ms; cursor: pointer; }
    .ans-list .t .txts { position: relative; padding-left: 48px; }
    .ans-list .t .ti { line-height: 28px; width: 75%; }
    .ans-list .t .date { color: #999; line-height: 28px; font-family: Arial; padding-left: 27px; background: url(../image/res-ico-2.png) no-repeat left center; position: absolute; top: 0; right: 0; }
.ans-list .w { width: 30px; height: 24px; line-height: 24px; text-align: center; font-weight: bold; position: absolute; left: 0; }
.ans-list .t .w { background: #ffcc66; color: #fff; top: 2px; }
.ans-list .b .w { background: #fff; color: #339966; top: 2px; }
.ans-list .b { background: #339966; color: #fff; padding: 25px 55px 35px 30px; display: none; }
    .ans-list .b .txts { position: relative; padding-left: 48px; }
.ans-list .t.act { background: #2a972a; }
    .ans-list .t.act .ti { color: #fff; }
    .ans-list .t.act .date { background-image: url(../image/res-ico-5.png); color: #fff; }
.ans-list { margin-top: 37px; }
.res2 { padding: 92px 0 110px 0; }

/*人力资源*/
.jo-txts { overflow: hidden; background: #f6f6f6; margin-top: 87px; }
    .jo-txts .pic, .jo-txts .txts { width: 50%; float: left; }
        .jo-txts .txts .ti { font-size: 24px; font-weight: bold; color: #ffcc66; margin-bottom: 35px; }
        .jo-txts .txts .freeTx { line-height: 30px; }
        .jo-txts .txts .pa { padding: 50px 50px 0 50px; }
.job1 { padding: 60px 0 107px 0; }

.job2 { background: #f6f6f6; padding: 45px 0 128px 0; }
.society-list li, .society-list .t { overflow: hidden; }
.society-list .so1 { width: 18.5%; float: left; }
.society-list .so2 { width: 17.5%; float: left; }
.society-list .so3 { width: 20.5%; float: left; }
.society-list .so4 { width: 20.5%; float: left; }
.society-list .so5 { width: 23%; float: left; }
.society-list li:first-child { background: #339966; color: #fff; }
.society-list .nowti { line-height: 24px; padding: 13px 10px 13px 0; position: relative; height: 24px; }
.society-list li { margin-bottom: 2px; }
.society-list .t { background: #fff; cursor: pointer; transition: 400ms; -webkit-transition: 400ms; position: relative; }
.society-list li .so1 .nowti { padding-left: 35px; }
.society-list .t:before { content: ""; width: 16px; height: 2px; background: #ccc; position: absolute; top: 50%; margin-top: -1px; right: 55px; }
.society-list .t:after { content: ""; width: 2px; height: 16px; background: #ccc; position: absolute; top: 50%; margin-top: -8px; right: 62px; transition: 300ms; -webkit-transition: 300ms; }
.society-list .so5 .nowti { padding-right: 80px; }
.society-list .t.act { background: #339966; color: #fff; }
    .society-list .t.act:before,
    .society-list .t.act:after { background: #fff; }
    .society-list .t.act:after { transform: rotate(90deg); -webkit-ransform: rotate(90deg);}
.society-list .b { background: #fff; padding: 25px 35px 43px 35px; color: #969696; display: none; }
    .society-list .b .freeTx .c { color: #ffcc66; font-weight: bold; }
    .society-list .b .freeTx a { color: #ffcc66; text-decoration: underline; }
.society-list { margin-top: 50px; }

/*联系我们*/
.cta1 { overflow: hidden; background: #fff; }
#map { width: 50%; float: left; height: 555px; }
.ctas { width: 50%; float: left; overflow: hidden; padding-top: 125px; }
    .ctas li { font-size: 16px; color: #333; padding-left: 75px; position: relative; margin-bottom: 33px; margin-left: 80px; }
    .ctas a { color: #333; cursor: auto; }
    .ctas .ico { width: 40px; height: 40px; position: absolute; top: 50%; margin-top: -20px; left: 0; }
    .ctas .c1 .ico { background-image: url(../image/cta-ico-1.png); }
    .ctas .c2 .ico { background-image: url(../image/cta-ico-2.png); }
    .ctas .c3 .ico { background-image: url(../image/cta-ico-3.png); }
    .ctas .c4 .ico { background-image: url(../image/cta-ico-4.png); }

.om-box { width: 848px; margin: 0 auto; color: #fff; }
.om-ti .ch { font-size: 30px; font-weight: bold; }
.om-ti .en { font-size: 18px; font-family: Arial; margin-top: 5px; }

.om-from li { overflow: hidden; font-size: 15px; }
.om-from .om-1 .o { float: left; margin-right: 28px; }
.om-from label, .om-from input, .om-from textarea { display: block; }
.om-from .s-input, .om-from .s-textarea { border: 1px solid #fff; line-height: 24px; padding: 7px 14px; color: #fff; transition: 300ms; -webkit-transition: 300ms; }
.om-from .om-1 .s-input { width: 234px; }
.om-from .om-1 .o:last-child { margin-right: 0; }
.om-from label { line-height: 24px; margin-bottom: 7px; }
.om-from .s-textarea { height: 112px; width: 818px; }
.om-from .o { margin-bottom: 17px; }
.om-from .v { width: 105px; height: 40px; overflow: hidden; float: left; margin-top: 31px; }
    .om-from .v img { width: 100%; display: block; }
.om-from .suBtn { width: 100%; height: 50px; background: #fff; font-size: 16px; color: #339966; margin-top: 30px; cursor: pointer; transition: 400ms; -webkit-transition: 400ms; }
.om-from .s-input:focus, .om-from .s-textarea:focus { border-color: #ffcc66; }
.om-from .suBtn:hover { background: #ffcc66; color: #fff; }
.om-from { margin-top: 63px; }
.om-tx { margin-top: 20px; }
.cta2 { padding: 76px 0 110px 0; }

/*404*/
.sos-box { position: relative; overflow: hidden; }
    .sos-box > img { display: block; position: absolute; top: 0; left: 0; }

/*产品中心-简介*/
.pro-nav a { display: block; border: 3px solid #333; width: 134px; height: 134px; border-radius: 100%; color: #333; position: relative; background: #fff; }
    .pro-nav a:after { content: ""; position: absolute; top: 12px; bottom: 12px; left: 12px; right: 12px; border-radius: 100%; border: 1px solid #333; transition: 300ms; -webkit-transition: 300ms; }
.pro-nav .pa { position: relative; z-index: 1; padding-top: 38px; }
.pro-nav .num { font-size: 30px; line-height: 1; }
.pro-nav .txx { font-size: 16px; font-weight: bold; }
.pro-nav a:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #339966; border-radius: 100%; transform: scale(1.2); -webkit-transform: scale(1.2); opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; }
.pro-nav li { margin: 0 35px; position: relative; vertical-align: top; }
    .pro-nav li:nth-child(2n) { padding-top: 88px; }
    .pro-nav li:before { content: ""; width: 85px; height: 43px; background: url(../image/pro-ico-1.png) no-repeat; position: absolute; top: 93px; right: -78px; }
    .pro-nav li:nth-child(2n):before { background-image: url(../image/pro-ico-2.png); }
    .pro-nav li:last-child:before { display: none; }
.pro-nav a.act:after { border-color: #fff; }
.pro-nav a.act { border-color: #339966; }
    .pro-nav a.act .pa { color: #fff; }
    .pro-nav a.act:before { transform: scale(1); -webkit-transform: scale(1); opacity: 1; visibility: visible; }

.pv-aw { height: 15px; background: url(../image/pro-ico-3.png) no-repeat center center; margin-top: 33px; margin-bottom: 77px; }
.res-ti.res-ti-2 { font-size: 40px; }
.pro-tx { width: 844px; max-width: 100%; margin: 0 auto; }
    .pro-tx .res-ti { margin-bottom: 42px; }

.pbi-box { overflow: hidden; margin-top: 68px; }
.pro-big-imgs a { width: 24%; margin-left: 1%; margin-bottom: 1%; float: left; position: relative; color: #fff; }
.pro-big-imgs { margin-left: -1%; }
    .pro-big-imgs .btn { height: 24px; line-height: 24px; overflow: hidden; position: absolute; left: 0; right: 0; top: 50%; margin-top: -12px; transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; z-index: 1; }
        .pro-big-imgs .btn .ico { width: 24px; height: 100%; background-image: url(../image/pro-ico-4.png); margin-right: 17px; }
    .pro-big-imgs a:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url(../image/black.png); background: rgba(0,0,0,.7); opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; }
.propanel { padding: 0 0 80px 0; }
.pro-tx{ padding-top:106px; }

/*产品中心-特性*/
.pot-tx { overflow: hidden; margin-top: 92px; }
    .pot-tx .pic { width: 49%; float: left; }
    .pot-tx .txts { width: 51%; float: left; }
        .pot-tx .txts .freeTx { padding: 0 0 0 30px; }
.pot1 { background: #f5f5f5; padding: 106px 0 100px 0; margin-top: 0; }

.tx-list li { width: 20%; margin-bottom: 47px; }
.tx-dot .ico { border: 2px solid #000; width: 146px; height: 146px; border-radius: 100%; background-size: cover; margin: 0 auto; }
.tx-dot .tx { font-size: 12px; font-weight: bold; line-height: 16px !important; height: 32px; text-align: center; margin-top: 19px; }
.tx-dot { color: #000; }

.pot2 { padding-top: 113px; }

/*产品中心-技术*/
.res-ti.res-ti-3 { position: relative; padding-bottom: 16px; }
    .res-ti.res-ti-3:before { content: ""; width: 35px; height: 2px; background: #339966; position: absolute; left: 0; bottom: 0; }
.js-tx { width: 584px; max-width: 100%; }
    .js-tx .freeTx { font-size: 16px; line-height: 1.5; margin-top: 30px; color: #ededed; }
.poth1 { padding: 155px 0 225px 0; margin-top: 106px; }

.poth2 { background: #f5f5f5; padding: 98px 0 150px 0; }
/*.pothpanel { padding-top: 106px; }*/

/*产品中心-型号*/
.xh1 { background: #f5f5f5; padding: 106px 0 105px 0; }
    .xh1 .freeTx { margin-top: 50px; }

/*产品中心-结构*/
.jg1 { background: #f5f5f5; padding: 106px 0 155px 0; overflow: hidden; }
.jg-list { position: relative; margin-bottom: 235px; }
    .jg-list li { width: 286px; border: 1px solid #339966; background: #fff; position: absolute; box-shadow: 0 0 10px rgba(0,0,0,.1); }
    .jg-list .pa { padding: 25px 25px 20px 25px; }
    .jg-list .ti { font-size: 20px; line-height: 32px; font-weight: bold; color: #339966; margin-bottom: 7px; }
    .jg-list .tx { font-size: 16px; line-height: 26px !important; }
    .jg-list .dot { width: 32px; height: 32px; background: url(../image/jq-dot.png) no-repeat; position: absolute; }
    .jg-list .j1 .dot { bottom: -16px; right: -16px; }
    .jg-list .j2 .dot { top: -16px; right: -16px; }
    .jg-list .j3 .dot { top: -16px; left: -16px; }
    .jg-list .j4 .dot { top: -16px; left: -16px; }
    .jg-list .j5 .dot { top: -16px; left: -16px; }
    .jg-list .j1 { left: 8.85%; top: 34.94%; }
    .jg-list .j2 { left: 11.35%; top: 98.38%; }
    .jg-list .j3 { left: 37.81%; top: 83.6%; }
    .jg-list .j4 { left: 61.09%; top: 51.07%; }
    .jg-list .j5 { left: 76.92%; top: 17.74%; }
.jg-tx { font-size: 20px; font-weight: bold; color: #999; }
.jg1 .res-ti { margin-bottom: 60px; }
.jg-list .pic .img2 { display: none; }
.jg-list .num { width: 32px; height: 32px; border-radius: 100%; background: #339966; color: #fff; text-align: center; line-height: 32px; font-weight: bold; font-size: 18px; font-family: Arial; display: none; }

/*Phc管桩产品优势*/
.ab-ti.po-ti .ch { font-size: 30px; color: #339966; margin-bottom: 0; }
.ab-ti.po-ti .en { margin-top: 3px; }
.po-txx { background: #ffcc66; width: 466px; max-width: 100%; margin: 0 auto; color: #fff; text-align: center; font-size: 24px; font-weight: bold; line-height: 52px; }
.po1 .po-txx { margin-top: 44px; }
.ab-ti.po-ti-2 .ch { font-size: 30px; color: #ffcc66; margin-bottom: 0; }
.po1 .po-ti-2 { margin-top: 47px; }
.po-tx-box { width: 1020px; max-width: 100%; margin: 0 auto; }
.po1 .po-tx-box { margin-top: 20px; }
.po-pa-list { overflow: hidden; }
    .po-pa-list li { width: 49%; margin-left: 1%; margin-bottom: 1%; float: left; overflow: hidden; color: #333; }
.po-pa-list { margin-left: -1%; }
    .po-pa-list .txts { border: 2px solid #cfd9dd; border-radius: 8px; padding: 30px 40px 0 40px; height: 94px; }
        .po-pa-list .txts .ti { font-size: 24px; font-weight: bold; margin-bottom: 6px; }
        .po-pa-list .txts .tx { font-size: 16px; }
.po-pa-tx { font-size: 16px; color: #333; line-height: 1.75; }
.po1 .po-pa-tx { margin-top: 30px; }
.po1 { padding: 88px 0 66px 0; }

.po2 .po-ti-2 .ch,
.po2 .po-pa-tx { color: #fff; }
.po2 .po-pa-tx { margin-top: 30px; }
.po2 .po-ti-2 { margin-bottom: 43px; }
.po2 { padding: 94px 0 100px 0; }
    .po2 .po-pa-list .txts { background: #fff; border-color: #fff; }

.poth-tx-box { width: 676px; max-width: 100%; margin: 0 auto; }
.poth-tx-list li { width: 43%; margin-left: 7%; margin-bottom: 1%; float: left; overflow: hidden; }
.poth-tx-list { margin-left: -7%; overflow: hidden; }
    .poth-tx-list .txts { border: 3px solid #f6f6f6; border-radius: 8px; height: 222px; color: #333; padding: 32px 20px 0 20px; }
        .poth-tx-list .txts .num { width: 40px; height: 40px; background: #ffcc66; border-radius: 100%; color: #fff; line-height: 40px; text-align: center; font-size: 18px; margin: 0 auto; }
        .poth-tx-list .txts .tx1 { font-size: 18px; font-weight: bold; color: #339966; line-height: 1.4; margin-top: 30px; }
        .poth-tx-list .txts .tx2 { color: #000033; font-size: 18px; font-weight: bold; line-height: 1.4; margin-top: 3px; }
        .poth-tx-list .txts .tx3 { font-size: 16px; line-height: 1.5; margin-top: 6px; }

.po3 .po-ti-2 { margin-bottom: 56px; }
.po3 .po-pa-tx { font-size: 18px; font-weight: bold; margin-top: 20px; }
.po3 { padding: 61px 0 65px 0; }

.po4 .po-ti-2 .ch { color: #fff; }
.po4 .po-ti-2 { margin-bottom: 50px; }
.po4 .poth-tx-box { width: 946px; }
.po4 .poth-tx-list li { width: 45%; margin-left: 5%; }
.po4 .poth-tx-list { margin-left: -5%; }
    .po4 .poth-tx-list .txts { background: #fff; padding-left: 40px; padding-right: 40px; height: 252px; }
        .po4 .poth-tx-list .txts .tx2 .c { color: #339966; }
        .po4 .poth-tx-list .txts .tx3 { text-align: left; margin-top: 16px; }
.po4 { padding: 74px 0 77px 0; }

.pro5 .po-txx { background: #339966; }
.pro5 .po-ti .ch { color: #ffcc66; }
.pro5 .po-ti { margin-top: 50px; }
.pro5 .po-pa-tx { width: 624px; max-width: 100%; margin: 35px auto 0 auto; }
.rm-list li { width: 46.5%; margin-left: 3.5%; margin-bottom: 1%; float: left; text-align: center; font-size: 16px; color: #333; }
.rm-list { margin-left: -3.5%; }
    .rm-list .nowti { margin-top: 13px; }
.pro5 .rm-list { margin-top: 50px; }
.pro5 { padding: 90px 0 32px 0; }

.pro6 { background: #e9f0f3; padding: 60px 0; }
    .pro6 .po-ti .ch { color: #ffcc66; }
.po-pa-tx .tii { font-size: 20px; font-weight: bold; color: #339966; margin-bottom: 15px; }
.pro6 .po-pa-tx .rm-list { margin-top: 35px; border-bottom: 1px solid #bfc8cc; padding-bottom: 13px; margin-bottom: 42px; }
.pe-a { margin-right: 10px; background: #fff; text-align: center; }
.pe-slide .item { float: left; }
.pe-a .nowti { line-height: 24px; padding: 15px 0; }
.pe-slide .slick-dots li { width: 12px; height: 12px; background: #bbb; margin: 0 6px; border: none; }
.pe-slide .slick-dots { margin-top: 32px; }
    .pe-slide .slick-dots li.slick-active,
    .pe-slide .slick-dots li:hover { background: #339966 !important; }
.pro6 .pe-slide { margin-top: 30px; }
.pro6 .po-pa-tx { margin-top: 54px; }

.taqcf-box { overflow: hidden; }
    .taqcf-box .txts { width: 48%; float: left; padding-top: 17px; }
    .taqcf-box .pic2 { width: 50%; float: right; }
    .taqcf-box .rm-list li { width: 47%; margin-left: 3%; }
    .taqcf-box .rm-list { margin-left: -3%; }
        .taqcf-box .rm-list .nowti { font-size: 14px; margin-top: 6px; }
.pro7 .taqcf-box { margin-top: 75px; }
.pro7 .pe-slide { margin-top: 55px; }
.pro7 { padding: 58px 0 76px 0; }
    .pro7 .po-ti .ch { color: #ffcc66; }

.pro8 { background-repeat: no-repeat; background-position: center top; background-size: cover; background-color: #e9f0f3; padding: 315px 0 97px 0; }
.es-tx { overflow: hidden; padding: 63px 60px; background: #fff; position: relative; border-radius: 8px; }
    .es-tx li { width: 50%; float: left; }
    .es-tx .es1 .pa { padding-right: 35px; }
    .es-tx .es2 .pa { padding-left: 35px; }
    .es-tx .ti { font-size: 20px; font-weight: bold; color: #339966; margin-bottom: 10px; }
    .es-tx .freeTx { color: #333; font-size: 16px; line-height: 1.75; }
    .es-tx:before { content: ""; width: 1px; background: #e3e3e3; position: absolute; top: 68px; bottom: 54px; left: 50%; }
.pro8 .es-tx { margin-top: 48px; }
.pro8 .po-ti .ch { color: #ffcc66; }


.ps-nav{ background:#fff; border-bottom:1px solid #eee; }
.ps-nav a{ line-height:24px; color:#646464; padding:8px 30px; position:relative; }
.ps-nav a:before{ content:""; width:0; height:4px; background:#339966; position:absolute; bottom:0; left:auto; right:0; transition:300ms; -webkit-transition:300ms; }
.ps-nav a.act:before{ width:100%; left:0; right:auto; }
.ps-nav.sps-nav{ background:#e5e5e5; position:fixed; left:0; right:0; top:80px;z-index: 1005; border:none; }
.ps-nav.sps-nav a.act{ background:#339966; color:#fff; }
.ps-nav.sps-nav a:hover{ background:#339966; color:#fff; }
.ps-nav.sps-nav a:before{ display:none; }

.mark a { color: #339966; }
.ro-list .nowti{ font-size: 16px; }