body { font-family: 微软雅黑,"Open Sans", sans-serif; font-size: 14px; min-width: 1200px; overflow-x: hidden; }
input,
select,
textarea { font-family: 微软雅黑,"Open Sans", sans-serif; font-size: 1em;; }
.wrap { max-width: 1200px; width:95%; margin: 0 auto; position: relative; }
.wrap_index { width: 95%; max-width: 1600px; margin: 0 auto; position: relative; }
img, a { border: 0; }
ul, li { list-style: none; }
* { margin: 0; padding: 0; }
.flt { float: left; }
.frt { float: right; }
.clear { clear: both; }
    .clear:after, .clear:before { content: ''; clear: both; display: table; }



.animated,.full *{ transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;}



.header { position: absolute; top: 0; left: 0; width: 100%; min-width: 1200px; height: 100px; z-index: 100; }
    .header .logo { z-index: 101; position: absolute; top: 0; left: 20px; height: 100px; line-height: 100px; }
        .header .logo img { vertical-align: middle; }
    .header .nav { float: right; }
        .header .nav li { float: left; }
            .header .nav li h4 { font-weight: normal; position: relative; z-index: 10; font-size: 16px; }
                .header .nav li h4 a { color: #fff; line-height: 100px; margin: 0 20px; display: block; color: #fff; }
            .header .nav li:hover h4 a, .header .nav li.on h4 a { margin: 0px; margin-left: 10px; }
                .header .nav li:hover h4 a label, .header .nav li.on h4 a label { width: 30px; }
            .header .nav li h4 a label { margin-right: 5px; float: left; display: block; background: url(../img/line.jpg) repeat-x center center; height: 100px; width: 0; }
            .header .nav li:hover .drop { top: 0; }
            .header .nav li .drop { position: fixed; top: -100%; left: 0; width: 100%; min-width: 1200px; background: rgba(36,129,211,0.89); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9f2481d3', endColorstr='#9f2481d3'); padding-top: 120px; }
.drop_list .item { float: left; margin-right: 120px; margin-left: 30px; line-height: 30px; }
    .drop_list .item .list { margin-bottom: 25px; }
    .drop_list .item a { color: #fff; display: block; padding-left: 30px; background: url(../img/icon2-1.png) no-repeat left center; }
        .drop_list .item a:hover { background: url(../img/icon2.png) no-repeat left center; }
    .drop_list .item span { display: block; }

.banner { width: 100%; position: relative; min-width: 1200px; overflow: hidden; }
.banner_owl .wrap_index { height: 900px; overflow: hidden; }
.banner_owl.owl-theme .owl-controls { opacity: 0; filter: alpha(opacity=0); }
.banner_bottom.flipX { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; }
.banner_bottom { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; position: absolute; left: 0; bottom: -80px; padding-bottom: 80px; width: 100%; z-index: 100; }
    .banner_bottom .cur { float: left; margin-left: 30px; }
        .banner_bottom .cur span { display: block; width: 34px; height: 34px; line-height: 34px; float: left; margin-top: 24px; }
            .banner_bottom .cur span.customDots { width: 60px; font-size: 12px; color: #666; letter-spacing: 2px; text-align: center; }
.customPrevBtn { background: url(../img/cur1.png) no-repeat center top; cursor: pointer; }
.customNextBtn { background: url(../img/cur2.png) no-repeat center top; cursor: pointer; }

.banner_bottom .cur span:hover { background-position: center bottom; }
.banner_bottom .wrap_index { line-height: 80px; height: 80px; background: rgba(255,255,255,0.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70ffffff', endColorstr='#70ffffff'); overflow: hidden; transform-origin: bottom; -webkit-transform-origin: bottom; -moz-transform-origin: bottom; transform: rotateX(0deg) translate3d(0,0,0); -webkit-transform: rotateX(0deg) translate3d(0,0,0); -moz-transform: rotateX(0deg) translate3d(0,0,0); transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s; -webkit-transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s; -moz-transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s; -o-transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s; -ms-transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s; }
.banner_bottom .tel { margin-right: 35px; }
    .banner_bottom .tel span { display: block; padding-left: 47px; background: url(../img/icon1.png) no-repeat left center; }
.banner .cell { position: absolute; top: 50%; margin-top: -200px; }
.banner .btn a { display: inline-block; padding: 0 35px; line-height: 40px; border-radius: 40px; background: #2481d3; color: #fff; }
.gonext { cursor: pointer; width: 50px; margin: 0 auto; margin-top: 10px; animation: move1 2s infinite; -webkit-animation: move1 2s infinite; -moz-animation: move1 2s infinite; }

@keyframes move1 {
    0% { margin-top: 10px; }
    50% { margin-top: 30px; }
    100% { margin-top: 10px; }
}

@-moz-keyframes move1 {
    0% { margin-top: 10px; }
    50% { margin-top: 30px; }
    100% { margin-top: 10px; }
}

@-webkit-keyframes move1 {
    0% { margin-top: 10px; }
    50% { margin-top: 30px; }
    100% { margin-top: 10px; }
}

.mainer { min-width: 1200px; }
.page { padding: 50px 0; }
    .page.page1 { height: 850px; background: url(../img/page1.jpg) no-repeat top fixed; background-size: cover; }
.title { margin-bottom: 30px; text-align: center; color: #fff; }
    .title h2 { font-size: 50px; font-weight: normal; }
    .title p { line-height: 20px; padding: 10px 0; }
.page_num { width: 510px; margin: 0 auto; padding: 0 30px; background: url(../img/line.png) no-repeat center center; color: #fff; font-family: 'Segoe UI'; }
    .page_num .item_text { }
    .page_num .item { float: left; width: 33.333%; text-align: center; }
        .page_num .item .txt { display: inline-block; height: 60px; overflow: hidden; font-size: 50px; line-height: 60px; color: #fff; }
        .page_num .item span { display: block; }
.page1_list { width: 80%; margin: 0px auto; margin-top: 80px; }
    .page1_list .item_wrap { width: 200px; position: relative; padding-bottom: 100px; text-align: center; margin: 0 auto; overflow: hidden; }
        .page1_list .item_wrap .tit { color: #fff; line-height: 50px; border-bottom: 1px solid #fff; margin-bottom: 20px; }
            .page1_list .item_wrap .tit h3 { font-size: 18px; }
        .page1_list .item_wrap .img { text-align: center; }
            .page1_list .item_wrap .img img { margin: 0 auto; }
    .page1_list .text { color: #fff; line-height: 30px; text-align: center; }
    .page1_list .list li { padding-left: 30px; width: 136px; text-align: left; margin-left: 40px; line-height: 35px; }
        .page1_list .list li a { color: #fff; }
        .page1_list .list li:hover { background: url(../img/icon2.png) no-repeat left center; }
    .page1_list .item:hover .more { bottom: 0; }
    .page1_list .more { position: absolute; left: 0; bottom: -100px; width: 100%; }
        .page1_list .more a { display: block; padding-top: 45px; background: url(../img/icon11.png) no-repeat top center; color: #fff; }
.page1_owl.owl-theme .owl-controls { top: 50%; margin-top: -30px; bottom: auto; }
    .page1_owl.owl-theme .owl-controls .owl-nav { position: relative; }
        .page1_owl.owl-theme .owl-controls .owl-nav [class*=owl-] { position: absolute; bottom: 0%; margin: 0; padding: 0; width: 73px; height: 144px; }
        .page1_owl.owl-theme .owl-controls .owl-nav .owl-prev { left: -90px; background: url(../img/cur3.png) no-repeat center center; }
        .page1_owl.owl-theme .owl-controls .owl-nav .owl-next { right: -90px; background: url(../img/cur4.png) no-repeat center center; }
.page2 { background: #fafafa; }
.on.title { color: #666; }
    .on.title span { color: #b2b2b2; font-size: 60px; vertical-align: middle; margin-bottom: 3px; display: inline-block; }
    .on.title p { color: #949494; }
.page2_list ul { overflow: hidden; }
.page2_list li { width: 25%; float: left; position: relative; }
    .page2_list li a { display: block; }
    .page2_list li .text { position: absolute; top: 0; left: 0; right: 0; color: #333; bottom: 0; padding: 20px; }
        .page2_list li .text .icon { display: block; width: 26px; height: 26px; background: url(../img/icon13.png) no-repeat center center; }
        .page2_list li .text h3 { font-size: 30px; font-weight: normal; }
        .page2_list li .text p { line-height: 30px; min-height: 15px; }
    .page2_list li .img { overflow: hidden; }
    .page2_list li:hover img { transform: rotate(3deg) scale(1.1); -webkit-transform: rotate(3deg) scale(1.1); -moz-transform: rotate(3deg) scale(1.1); }
    .page2_list li img { display: block; width: 100%; }
    .page2_list li.li_fff .text { color: #fff; }
        .page2_list li.li_fff .text .icon { background: url(../img/icon13-1.png) no-repeat center center; }

    .page2_list li:hover .text .icon { position: absolute; bottom: 20px; right: 20px; width: 70px; height: 70px; background: url(../img/icon14.png) no-repeat center center; }
    .page2_list li.li_fff:hover .text .icon { background: url(../img/icon14-1.png) no-repeat center center; }
.page2_list .more { margin-top: 20px; margin-bottom: -20px; text-align: center; }
    .page2_list .more:hover label { padding: 0 20px; }
    .page2_list .more label { height: 20px; border-bottom: 1px solid #2481d3; display: inline-block; padding: 0 60px; line-height: 40px; margin-bottom: 25px; }
        .page2_list .more label img { display: block; padding: 5px 10px; background: #fafafa; }
    .page2_list .more span { display: block; color: #666; }

.page3 { position: relative; }
    .page3 .line { position: absolute; bottom: 0; left: 50%; height: 40px; width: 1px; background: #c5c5c5; }
.page3_list ul { overflow: hidden; }
    .page3_list ul li { width: 25%; float: left; text-align: center; }
        .page3_list ul li .img { height: 100px; line-height: 100px; text-align: center; padding: 30px 0; }
        .page3_list ul li .text { line-height: 20px; color: #949494; padding: 20px 15px; }

.page4 { background: url(../img/page4.jpg) no-repeat center center; height: 463px; }
.page4_hd { width:95%; margin:0 auto; }
.page4_owl .item { padding: 25px; }
    .page4_owl .item .list { width: 100%; height: 77px; line-height: 77px; background: #fff; text-align: center; margin: 20px 0; float: left; }
        .page4_owl .item .list img { vertical-align: middle; display: inline-block; max-width: 100%; }

.page4_owl.owl-theme .owl-controls {  bottom: 50%; position: absolute; height: 0; }
.page4_owl.owl-theme .owl-controls .owl-nav [class*=owl-] { margin: 0; padding: 0; width: 15px; height: 26px; position:absolute; }
.page4_owl.owl-theme .owl-controls .owl-nav .owl-prev { background: url(../img/cur5.png) no-repeat center bottom; left:-20px; }
.page4_owl.owl-theme .owl-controls .owl-nav .owl-next { background: url(../img/cur6.png) no-repeat center bottom; right:-20px; }
.page4_owl.owl-theme .owl-controls .owl-nav .owl-prev:hover { background: url(../img/cur5.png) no-repeat center top; }
.page4_owl.owl-theme .owl-controls .owl-nav .owl-next:hover { background: url(../img/cur6.png) no-repeat center top; }

/*.page4_owl .item .list:hover{ transform:rotateY(360deg)}*/
/*.page4_owl.owl-theme .owl-controls { bottom: -80px; }
.page4_owl.owl-theme .owl-dots { display: inline-block; padding: 0 24px; border-bottom: 3px solid #acc7de; }
    .page4_owl.owl-theme .owl-dots .owl-dot span { margin: 0; padding: 0; height: 9px; width: 20px; border-radius: 0; background: none; }
    .page4_owl.owl-theme .owl-dots .owl-dot.active span, .page4_owl.owl-theme .owl-dots .owl-dot:hover span { background: #f1c618; }

    .page4_owl.owl-theme .owl-dots .owl-dot { float: left; margin-bottom: -3px; }*/
.page4_list { position: relative; }
    .page4_list .cur { z-index: 100; position: absolute; bottom: -90px; left: 50%; margin-left: -150px; width: 300px; }
        .page4_list .cur .customPrevBtn2 { float: left; background: url(../img/cur5.png) no-repeat bottom center; }
            .page4_list .cur .customPrevBtn2:hover { background: url(../img/cur5.png) no-repeat top center; }
        .page4_list .cur .customNextBtn2 { float: right; background: url(../img/cur6.png) no-repeat bottom center; }
            .page4_list .cur .customNextBtn2:hover { background: url(../img/cur6.png) no-repeat top center; }
        .page4_list .cur div { cursor: pointer; width: 15px; height: 26px; }
        .page4_list .cur .customDots2 { text-align: center; width: 100%; color: #fff; letter-spacing: 2px; }
.page5_list { padding: 38px 40px; background: url(../img/page5.jpg) no-repeat center center; background-size: cover; }

    .page5_list .list { border: 1px solid #fff; padding: 50px; padding-top: 100px; padding-bottom: 0; }
    .page5_list .item { padding-bottom: 50px; font-size: 40px; color: #fff; line-height: 50px; font-family: 宋体; }
        .page5_list .item p { padding-left: 100px; background: url(../img/icon19.png) no-repeat left 8px; }
.page5_owl .owl-dots { text-align: left; padding-left: 100px; }
.page5_owl.owl-theme .owl-dots .owl-dot span { margin: 0; margin-right: 20px; background: rgba(255,255,255,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#50ffffff', endColorstr='#50ffffff'); }
.page5_owl.owl-theme .owl-dots .owl-dot.active span, .page5_owl.owl-theme .owl-dots .owl-dot:hover span { background: #fff; }
.page5_list .more { margin: 20px 0; text-align: center; }
    .page5_list .more:hover label { padding: 0 20px; }
    .page5_list .more label { height: 20px; background: url(../img/icon23.png) no-repeat bottom center; display: inline-block; padding: 0 60px; line-height: 40px; margin-bottom: 25px; }
        .page5_list .more label img { display: block; padding: 5px 10px; }
    .page5_list .more span { display: block; color: #fff; }



.footer { }
 .footer .wrap { width: 95%; max-width: 1200px; margin:0 auto; }
 .footer_nav { width: 53%; }
 .footer_nav > ul > li { width: 30%; margin: 0; }
 .footer_xq { width: 47%; margin-right: 0; }
.footer_link a { display: inline-block; width: 42px; height: 42px; }
    .footer_link a.a_sina { background: url(../img/icon6.png) no-repeat top center; }

    .footer_link a.a_weixin { background: url(../img/icon7.png) no-repeat top center; }
    .footer_link a:hover { background-position: bottom center; }
.page { overflow: hidden; }


.fp_modal, .modal { position: fixed; z-index: 100; top: 50%; left: 50%; margin-top: -142px; margin-left: -315px; }
.fp_modal { display: table; }
    .fp_modal .cell { display: table-cell; vertical-align: middle; }
    .fp_modal .main { width: 600px; margin: 0 auto; padding: 15px; background: rgba(36,129,211,0.9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9f2481d3', endColorstr='#9f2481d3'); }
    .fp_modal .text { border: 1px solid #fff; padding: 30px; color: #fff; }
        .fp_modal .text p { font-size: 20px; line-height: 30px; }
        .fp_modal .text h3 { font-size: 40px; margin-top: 15px; }
        .fp_modal .text .btn { text-align: center; margin-top: 40px; }
            .fp_modal .text .btn a { display: inline-block; font-size: 20px; color: #fff; margin: 0 20px; width: 160px; border: 1px solid #fff; border-radius: 30px; line-height: 35px; }
                .fp_modal .text .btn a.on { background: #fff; color: #2481d3; }
.full { position: fixed; bottom: 10%; right: 0; width: 80px; z-index: 100; }
    .full .item { float: right; margin-bottom: 1px; background: rgba(255,255,255,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#50ffffff', endColorstr='#50ffffff'); width: 80px; white-space: nowrap; height: 80px; position: relative; }
        .full .item label { display: block; font-size: 20px; line-height: 80px; overflow: hidden; }
.lbl_ewm { position: absolute; }
    .lbl_ewm img { width: 150px; display: block; }
.full .item:hover { background: rgba(0,0,0,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5f000000', endColorstr='#5f000000'); }
    .full .item:hover label { color: #fff; }
.full .item1:hover { width: 250px; }
.full .item span { display: block; width: 80px; height: 80px; float: left; }
    .full .item span.tel { background: url(../img/tel.png) no-repeat center center; }
    .full .item span.qq { background: url(../img/qq.png) no-repeat center center; }
    .full .item span.weixin { background: url(../img/weixin.png) no-repeat center center; }
    .full .item span.go_top { background: url(../img/top.png) no-repeat center center; }
.full .item3 label { position: absolute; right: 100%; top: 0; display: none; }
.full .item3:hover label { display: block; }
.full .item:hover span.tel { background: url(../img/tel1.png) no-repeat center center; }
.full .item:hover span.qq { background: url(../img/qq1.png) no-repeat center center; }
.full .item:hover span.weixin { background: url(../img/weixin1.png) no-repeat center center; }
.full .item:hover span.go_top { background: url(../img/top1.png) no-repeat center center; }