@font-face{font-family:icomoon;src:url(../images/icomoon.woff);font-weight:400;font-style:normal}
body{font-family:Microsoft YaHei,sans,Arial,sans-serif;font-weight:400;font-size:16px;line-height:1.7;color:#414965;background:url(../images/bg_bt.jpg) bottom center no-repeat; padding-bottom:10%; background-size:contain}
#page{position:relative;overflow-x:hidden;width:100%;height:100%;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.offcanvas #page{overflow:hidden;position:absolute}
.offcanvas #page:after{-webkit-transition:2s;-o-transition:2s;transition:2s;position:absolute;top:0;right:0;bottom:0;left:0;z-index:101;background:rgba(0,0,0,.7);content:""}
a{color:#222;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
a:hover,a:active,a:focus{color:#666;outline:0;text-decoration:none;}
a.a2{color:#999;}
a.a2:hover,a.a2:active,a.a2:focus{color:#000;text-decoration:underline;}
a.a3{color:#333;}
a.a3:hover,a.a3:active,a.a3:focus{color:#000;text-decoration:underline;}
p{margin:0}
h1,h2,h3,h4,h5,h6,figure{color:#000;font-family:work sans,Arial,sans-serif;font-weight:400;margin:0;}
ol,ul{list-style:none; padding:0; margin:0}list{vertical-align:middle;}
::-webkit-selection{color:#fff;background:#0c9cee}
::-moz-selection{color:#fff;background:#0c9cee}
::selection{color:#fff;background:#0c9cee}
.left { float:left;} .right { float:right;}
.clearfix:before,.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden}.clearfix{display:inline-block;} *html .clearfix{height:1%}.clearfix{display:block;}.zoom{zoom:1}.clr { height:0;clear:both; overflow:hidden; width:100%}
.fh5co-nav{ margin:0;padding:20px 0;width:100%;z-index:1001; position:absolute}
.fh5co-nav-fx { background-color:#000; padding:8px 0; position:fixed; opacity:.7}
.fh5co-nav .row { width:1200px; margin:0 auto}
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden}
@media screen and (max-width:768px){.fh5co-nav{padding:0} #fh5co-logo img { width:100px;}}.fh5co-nav #fh5co-logo .logo_h { float:left; display:block;}
                                                                                               .fh5co-nav #fh5co-logo h2 { font-size:36px; color:#fff; border-left:1px solid #fff; padding:0 20px; font-weight:400; float:left; margin:10px 0 0 20px;}
.fh5co-nav a{padding:5px 0;color:#fff}
@media screen and (max-width:768px){
.fh5co-nav .menu-1{display:none}}
.fh5co-nav ul{padding:5px 0;}
.fh5co-nav ul li{padding:0;margin:0;list-style:none;display:inline-block; margin-left:44px;}
.fh5co-nav ul li a{font-size:16px;color:#fff;-webkit-transition:.5s;-o-transition:.5s;transition:.5s; margin:0;}
.fh5co-nav ul li img { margin-right:10px;} .logo_b { display:none}
.fh5co-nav ul li a.cur {  padding-bottom:5px; display:inline-block}
.fh5co-nav ul li a:hover,.fh5co-nav ul li a:focus,.fh5co-nav ul li a:active,.fh5co-nav ul li a.cur{color:#fff; border-bottom:1px solid #fff;}
.fh5co-nav_b { background:#fff; border-bottom:1px solid #dedede}
.fh5co-nav_b ul li a { color:#333}
.fh5co-nav ul li.has-dropdown{position:relative;}
.fh5co-nav ul li.has-dropdown>a:after{position:absolute;right:-20px; top:0;font-family:icomoon;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\e921";font-size:20px;color:rgba(0,0,0,.5);-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.fh5co-nav ul li.has-dropdown .dropdown{width:120px;-webkit-box-shadow:0 14px 33px -9px rgba(0,0,0,.5);-moz-box-shadow:0 14px 33px -9px rgba(0,0,0,.5);box-shadow:0 14px 33px -9px rgba(0,0,0,.5);z-index:1002;visibility:hidden;opacity:0;position:absolute;top:30px;left:10px;text-align:left;background:#f5f5f5;padding:20px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;-webkit-transition:0s;-o-transition:0s;transition:0s}
.fh5co-nav ul li.has-dropdown .dropdown:before{bottom:100%;left:60px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-bottom-color:#f5f5f5;border-width:8px;margin-left:-8px}
.fh5co-nav ul li.has-dropdown .dropdown li{display:block;margin-bottom:7px}
.fh5co-nav ul li.has-dropdown .dropdown li:last-child{margin-bottom:0}
.fh5co-nav ul li.has-dropdown .dropdown li a{padding:2px 0;display:block;color:#999;line-height:1.2;text-transform:none;font-size:15px}
.fh5co-nav ul li.has-dropdown .dropdown li a:hover{color:#000}
.fh5co-nav ul li.has-dropdown:hover a,.fh5co-nav ul li.has-dropdown:focus a{color:#000}
.fh5co-nav ul li.btn-cta a{color:#0c9cee}
.fh5co-nav ul li.btn-cta a span{background:#f35f55;color:#fff;padding:4px 20px;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px}
.fh5co-nav ul li.btn-cta a:hover span{background:#f14034!important;-webkit-box-shadow:0 14px 20px -9px rgba(0,0,0,.75);-moz-box-shadow:0 14px 20px -9px rgba(0,0,0,.75);box-shadow:0 14px 20px -9px rgba(0,0,0,.75)}
.fh5co-nav ul li.active>a{color:#fff!important}
#fh5co-header,#fh5co-counter,.fh5co-bg{background-size:cover;background-position:top center;background-repeat:no-repeat;position:relative}
.fh5co-bg{background-size:cover;background-position:center center;position:relative;width:100%;float:left;position:relative}
#fh5co-header a{color:rgba(255,255,255,.5);border-bottom:1px solid rgba(255,255,255,.5)}
#fh5co-header a:hover{color:#fff;border-bottom:1px solid #fff}
.container { padding:0 0 50px;}
.banner_index { height:666px; background:url(../images/banner.jpg) top center no-repeat;}
.tit_l { text-align:left;} .tit_c { text-align:center;} .tit_r { text-align:right;}
.tit { font-size:50px; color:#414965; margin:20px 0 5px;}
.tit_p { font-size:26px; color:#414965;}

.in_text { font-size:18px; padding:40px 10px 50px;}
.in_text p { text-indent:36px; line-height:36px;}
.in_text p span { color:#f60; font-weight:700}
.in_list { overflow:hidden; padding:0 0 20px;}
.in_list li { text-align:center; margin:10px 0; transition:all .2s linear; -webkit-transition:all .2s linear}
.in_list li .box { background:#f5f5f5; border-radius:10px; padding:30px 0 40px; transition:all .2s linear; -webkit-transition:all .2s linear}
.in_list li .box:hover{ /*box-shadow:0 1px 12px #c0c0c0;*/-webkit-box-shadow:0 10px 30px rgba(0,0,0,0.1); box-shadow:0 10px 30px rgba(0,0,0,0.1);-webkit-transform:translate3d(0, -3px, 0);transform:translate3d(0, -3px, 0);z-index:3}
.in_list li h3 { font-size:20px; color:#414965; font-weight:700; margin:10px 0}
.in_list li p { font-size:16px;}

.cont_ys { margin:50px 0 0}
.cont_ys .box { padding:30px 0; text-align:center; height:300px;}
.cont_ys .box h3 { font-size:20px; color:#414965; font-weight:700; margin:20px 0}
.cont_ys .box p { font-size:14px; color:#9c9c9c; line-height:22px;}

.cont_new { position:relative; height:650px;}
.cont_new_c { position:absolute; width:225px; height:138px;border-radius:10px; background:#ddf3ec; left:40%; top:20px;}
.cont_new_g { background-color:#68c861; background-image: linear-gradient(120deg, #86d46e, #4ebd56);border-radius:10px; width:590px; position:absolute; left:10px; top:100px; color:#fff; transition:all .2s linear; -webkit-transition:all .2s linear}
.cont_new_g:hover{ /*box-shadow:0 1px 12px #c0c0c0;*/-webkit-box-shadow:0 10px 30px rgba(0,0,0,0.1); box-shadow:0 10px 30px rgba(0,0,0,0.1);-webkit-transform:translate3d(0, -3px, 0);transform:translate3d(0, -3px, 0);z-index:3}
.cont_new_b { background-color:#3886d6; background-image: linear-gradient(120deg, #4b9df0, #236db9);border-radius:10px; width:400px; position:absolute; left:500px; top:400px; color:#fff; transition:all .2s linear; -webkit-transition:all .2s linear}
.cont_new_b:hover{ /*box-shadow:0 1px 12px #c0c0c0;*/-webkit-box-shadow:0 10px 30px rgba(0,0,0,0.1); box-shadow:0 10px 30px rgba(0,0,0,0.1);-webkit-transform:translate3d(0, -3px, 0);transform:translate3d(0, -3px, 0);z-index:3}
.cont_new_g h3,.cont_new_b h3 { font-size:30px; color:#fff; margin:10px 0 20px;}
.cont_new_g p,.cont_new_b p { font-size:16px; padding:2px 0} .cont_new_g p i { width:6px; height:6px; border-radius:50%; background:#fff; margin:0 10px 0 0; display:inline-block; vertical-align:m}
.cont_new_g_b { background:url(../images/p_bg_1.png) no-repeat top right; margin:45px 30px;}
.cont_new_b_b { background:url(../images/p_bg_2.png) no-repeat top right; margin:60px 30px; height:100px}
.cont_new .tit_r { position:absolute; right:0; top:130px;}

.costs { overflow:hidden; padding:30px 0 }
.costs li .box { background-color:#e8f9f2; background-image: linear-gradient(120deg, #e1f3fa, #eeffea); padding:80px 0; margin:0 5px; text-align:center; transition:all .2s linear; -webkit-transition:all .2s linear}
.costs li .box:hover{ -webkit-box-shadow:0 10px 30px rgba(0,0,0,0.1); box-shadow:0 10px 30px rgba(0,0,0,0.1);-webkit-transform:translate3d(0, -3px, 0);transform:translate3d(0, -3px, 0);z-index:3}
.in_list li .box { background:#f5f5f5; border-radius:10px; padding:30px 0 40px; transition:all .2s linear; -webkit-transition:all .2s linear}

.costs li .box h4 { font-size:32px; color:#414965} .costs li .box p { height:20px; line-height:20px;} .costs li .box h3 { color:#414965; font-size:26px; padding:50px 0 0} .costs li .box h3 b { font-size:54px; font-weight:700}

.step{ padding:100px 0} .step img { width:100%}
.step ul { padding:0 60px;}
.step ul li{ text-align:center; padding:20px 0; font-size:20px; color:#414965}

.contact { padding:50px 0} .contact ul li h4 { color:#414965; padding:10px 0; font-size:26px;} .contact ul li h3 { font-size:26px; font-weight:700; color:#414965}
.pub { padding:50px 0}
.pub li { text-align:center}
.pub li .box { border-radius:10px; background:#f5f5f5; padding:20px 0} .pub li .box img { margin-bottom:10px;} .pub li .box p { font-size:16px; color:#414965;}

.side_fx { position:fixed; top:38%; right:40px; width:70px; height:243px; }
.side_message { width:70px; height:162px; display:inline-block; cursor:pointer; background:url(../images/icon_fx.png) no-repeat;}
.side_up { width:70px; height:70px; display:inline-block; margin:3px 0 0; cursor:pointer; background:url(../images/icon_fx.png) no-repeat 0 -172px;}
.tel_box { display:block; position:absolute; right:80px; top:0; background:#fff; box-shadow:0 0 20px #ddd; padding:30px; border-radius:10px; width:280px; display:none}
.tel_box p { padding:5px 0; font-size:16px;} .tel_box p img { margin:0 10px 0 0}
.footer { padding:20px 0 50px; overflow:hidden; text-align:center} 
.step_wap { display:none}

.side-bar-tip { width:107px; height:40px; line-height:40px; text-align:center; color:#9a9a9a; background:#333; position:absolute; left:-127px; top:0;
                -webkit-transition:all .3s ease-in-out .1s;-moz-transition:all .3s ease-in-out .1s;transition:all .3s ease-in-out .1s;opacity:0;visibility:hidden; z-index:101}
.side-bar-nav:hover .side-bar-tip { left:-107px; opacity:1; z-index:103; visibility:visible}

@media screen and (max-width: 768px) {
    .container { padding:0 0 20px;}
    .banner_index { height:500px; background:#f9f9f9 url(../images/banner_wap.jpg) top center no-repeat; background-size:contain}
    .tit_l { text-align:center; padding:0 10px} .tit_c { text-align:center; padding:0 10px} .tit_r { text-align:center; padding:0 10px}
    .tit { font-size:30px; color:#414965; margin:20px 0 5px;}
    .tit_p { font-size:18px; color:#414965;}

    .in_text { font-size:14px; padding:20px 10px;}
    .in_text p { text-indent:36px; line-height:28px;}
    .in_text p span { color:#f60; font-weight:700}
    .in_list { overflow:hidden; padding:0 0 20px;}
    .in_list li { text-align:center; margin:10px 0}
    .in_list li .box { background:#f5f5f5; border-radius:10px; padding:30px 0 40px; }
    .in_list li h3 { font-size:20px; color:#414965; font-weight:700; margin:10px 0}
    .in_list li p { font-size:16px;}

    .cont_ys { margin:50px 0 0}
    .cont_ys .box { padding:10px 0; text-align:center; height:240px;}
    .cont_ys .box h3 { font-size:20px; color:#414965; font-weight:700; margin:20px 0}
    .cont_ys .box p { font-size:14px; color:#9c9c9c; line-height:22px;}

    .cont_new { position:relative; height:650px;}
    .cont_new_c { width:225px; height:138px;border-radius:10px; background:#ddf3ec; left:40%; top:20px; display:none; position:inherit}
    .cont_new_g { background-color:#68c861; background-image: linear-gradient(120deg, #86d46e, #4ebd56);border-radius:10px; width:auto;left:0; top:0; color:#fff; position:inherit; overflow:hidden; margin:20px 10px 10px;}
    .cont_new_b { background-color:#3886d6; background-image: linear-gradient(120deg, #4b9df0, #236db9);border-radius:10px; width:auto;left:0; top:0; color:#fff;position:inherit; overflow:hidden; margin:10px;}
    .cont_new_g h3,.cont_new_b h3 { font-size:24px; color:#fff; margin:10px 0 20px;}
    .cont_new_g p,.cont_new_b p { font-size:14px; padding:2px 0} .cont_new_g p i { width:6px; height:6px; border-radius:50%; background:#fff; margin:0 10px 0 0; display:inline-block; vertical-align:m}
    .cont_new_g_b { background:url(../images/p_bg_1.png) no-repeat top right; margin:15px 20px;}
    .cont_new_b_b { background:url(../images/p_bg_2.png) no-repeat top right; margin:20px; height:100px}
    .cont_new .tit_r { position:inherit; right:inherit; top:inherit;}

    .costs { overflow:hidden; padding:10px 0 }
    .costs li { margin:10px 0}
    .costs li .box { background-color:#e8f9f2; background-image: linear-gradient(120deg, #e1f3fa, #eeffea); padding:40px 0; margin:0 5px; text-align:center;} 
    .costs li .box h4 { font-size:20px; color:#414965} .costs li .box p { height:20px; line-height:20px;} .costs li .box h3 { color:#414965; font-size:16px; padding:50px 0 0} .costs li .box h3 b { font-size:30px; font-weight:700}

    .step{ padding:100px 0; display:none}

    .contact { padding:20px 0} .contact ul li{ margin:15px 0; overflow:hidden} .contact ul li img{ float:left; margin:0 10px 0 0} .contact ul li h4 { color:#414965; padding:5px 0; font-size:18px;} .contact ul li h3 { font-size:18px; font-weight:700; color:#414965}
    .pub { padding:10px 0}
    .pub li { text-align:center; margin:10px 0}
    .pub li .box { border-radius:10px; background:#f5f5f5; padding:20px 0} .pub li .box img { margin-bottom:10px;} .pub li .box p { font-size:16px; color:#414965;}
    .step_wap { display:block; width:100%}
    .side_fx { position:fixed; top:38%; right:40px; width:70px; height:243px; display:none}
    .side_message { width:70px; height:162px; display:inline-block; cursor:pointer; background:url(../images/icon_fx.png) no-repeat;}
    .side_up { width:70px; height:70px; display:inline-block; margin:3px 0 0; cursor:pointer; background:url(../images/icon_fx.png) no-repeat 0 -172px;}
    .tel_box { display:block; position:absolute; right:80px; top:0; background:#fff; box-shadow:0 0 20px #ddd; padding:30px; border-radius:10px; width:280px; display:none}
    .tel_box p { padding:5px 0; font-size:16px;} .tel_box p img { margin:0 10px 0 0}
    .footer { padding:20px 20px 50px; overflow:hidden; text-align:center; font-size:16px; color:#666;} 
    
    }