/* reset.css */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
body, button, input, select, textarea { font:12px/1.5 microsoft yahei, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size:100%; }
address, cite, dfn, em, var { font-style:normal; }
code, kbd, pre, samp { font-family:courier new, courier, monospace; }
small { font-size:12px; }
ul, ol { list-style:none; }
a { text-decoration: none; color:#6b6b6b}
a:hover { text-decoration: none; color:#ed183b}
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
legend { color:#000; }
fieldset, img { border:0; padding:0; margin:0;}
img{vertical-align: middle;}
button, input, select, textarea { font-size:100%; }
button, input, select { vertical-align:middle; }
table { border-collapse:collapse; border-spacing:0; }
article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, details, summary { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
article, aside, dialog, figure, footer, header, hgroup, nav, section, figcaption, details, summary { display:block; }

/* common.css */
/*==== 链接/文字 ====*/
/* .f** : font-size */
.f11 { font-size:11px; }
.f12 { font-size:12px; }
.f13 { font-size:13px; }
.f14 { font-size:14px; }
.f15 { font-size:15px; }
.f16 { font-size:16px; }
.f18 { font-size:18px; }
.fb,.bold { font-weight:bold; }
.fi,.italic { font-style:italic; }
/* .c* : color */ 
.c0,a.c0 { color:#000; }
.c3,a.c3 { color:#333; }
.c6,a.c6 { color:#666; }
.c9,a.c9 { color:#999; }
.cc,a.cc { color:#ccc; }
.cd,a.cd { color:#ddd; }
.ce,a.ce { color:#eee; }
.cf,a.cf { color:#fff; }
.gray,a.gray     { color:#999; }
.orange,a.orange { color:#f90; } /* color-orange */
.red,a.red		 { color:#f00; } /* color-red */
.green,a.green	 { color:#0f0; } /* color-green */
.blue,a.blue	 { color:#00f; } /* color-blue */
/* ti** : text-indent */
.ti0 { text-indent:0; }
.tih { text-indent:.5em; }
.ti1 { text-indent:1em; }
.ti2 { text-indent:2em; }
.tiu { text-indent:-10000em; }
/* ta* : text-align */
.tl,.tal,.left    { text-align:left !important; }
.tc,.tac,.center  { text-align:center !important; }
.tr,.tar,.right   { text-align:right !important; }
.tj,.taj,.justify { text-align:justify !important; }
/* lh***: line-height */
.lh15  { line-height:15px; }
.lh16  { line-height:16px; }
.lh18  { line-height:18px; }
.lh20  { line-height:20px; }
.lh24  { line-height:24px; }
.lh30  { line-height:30px; }
.lh12p { line-height:120%; }
.lh13p { line-height:130%; }
.lh15p { line-height:150%; }
.lh17p { line-height:170%; }
.lh20p { line-height:200%; }
.lh2em { line-height:2em; }
/*==== 背景/透明度 ====*/
/* .bg** : background-color */
.bg0   { background-color:#000; }
.bg3   { background-color:#333; }
.bg6   { background-color:#666; }
.bg9   { background-color:#999; }
.bgc   { background-color:#ccc; }
.bgd   { background-color:#ddd; }
.bge   { background-color:#eee; }
.bgf   { background-color:#fff; }
.bgc6  { background-color:#c6c6c6; }
.bgd5  { background-color:#d5d5d5; }
.bge4  { background-color:#e4e4e4; }
.bgf0  { background-color:#f0f0f0; }
.bgf7  { background-color:#f7f7f7; }
.bgfa  { background-color:#fafafa; }
.bgffc { background-color:#ffc; }
.bgffd { background-color:#ffd; }
.bgffe { background-color:#ffe; }
.bgcff { background-color:#cff; }
.bgdff { background-color:#dff; }
.bgeff { background-color:#eff; }
.bgfcf { background-color:#fcf; }
.bgfdf { background-color:#fdf; }
.bgfef { background-color:#fef; }
.bgfcc { background-color:#fcc; }
.bgfdd { background-color:#fdd; }
.bgfee { background-color:#fee; }
.bgcfc { background-color:#cfc; }
.bgdfd { background-color:#dfd; }
.bgefe { background-color:#efe; }
.bgccf { background-color:#ccf; }
.bgddf { background-color:#ddf; }
.bgeef { background-color:#eef; }
/* .op** : opacity */
.op0  { filter:alpha(opacity=0);  -moz-opacity:0;  opacity:0; }
.op1  { filter:alpha(opacity=10); -moz-opacity:.1; opacity:.1; }
.op2  { filter:alpha(opacity=20); -moz-opacity:.2; opacity:.2; }
.op3  { filter:alpha(opacity=30); -moz-opacity:.3; opacity:.3; }
.op4  { filter:alpha(opacity=30); -moz-opacity:.4; opacity:.4; }
.op5  { filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5; }
.op6  { filter:alpha(opacity=60); -moz-opacity:.6; opacity:.6; }
.op7  { filter:alpha(opacity=70); -moz-opacity:.7; opacity:.7; }
.op8  { filter:alpha(opacity=80); -moz-opacity:.8; opacity:.8; }
.op9  { filter:alpha(opacity=90); -moz-opacity:.9; opacity:.9; }
.op10 { filter:alpha(opacity=100);-moz-opacity:1;  opacity:1; }
/*==== 宽度/高度 ====*/
/* w*** : width */
.w10  { width:10px; }
.w20  { width:20px; }
.w30  { width:30px; }
.w40  { width:40px; }
.w50  { width:50px; }
.w60  { width:60px; }
.w80  { width:80px; }
.w100 { width:100px; }
.w110 { width:110px; }
.w120 { width:120px; }
.w150 { width:150px; }
.w200 { width:200px; }
.w240 { width:240px; }
.w250 { width:250px; }
.w300 { width:300px; }
.w400 { width:400px; }
.w500 { width:500px; }
.w20p { width:20%; }
.w25p { width:25%; }
.w33p { width:33.33%; }
.w40p { width:40%; }
.w50p { width:50%; }
.w60p { width:60%; }
.w66p { width:66.66%; }
.w75p { width:75%; }
.w80p { width:80%; }
.w100p { width:100%; }
/* h***: height */
.h10  { height:10px; }
.h20  { height:20px; }
.h25  { height:25px; }
.h30  { height:30px; }
.h40  { height:40px; }
.h50  { height:50px; }
.h60  { height:60px; }
.h80  { height:80px; }
.h100 { height:100px; }
.h150 { height:150px; }
.h200 { height:200px; }
.h300 { height:300px; }
.h400 { height:400px; }
.h500 { height:500px; }
/*==== 边距/边框 ====*/
/* .p** : padding */
.p1,.pd1   { padding:1px; }
.p3,.pd3   { padding:3px; }
.p5,.pd5   { padding:5px; }
.p8,.pd8   { padding:8px; }
.p10,.pd10 { padding:10px; }
.p15,.pd15 { padding:15px; }
.p20,.pd20 { padding:20px; }
.p30,.pd30 { padding:30px; }
.p40,.pd40 { padding:40px; }
.p50,.pd50 { padding:50px; }
.p1_0,.pd1_0,.pv1    { padding:1px 0; }
.p5_0,.pd5_0,.pv5    { padding:5px 0; }
.p10_0,.pd10_0,.pv10 { padding:10px 0; }
.p0_5,.pd0_5,.ph5    { padding:0 5px; }
.p0_10,.pd0_10,.ph10 { padding:0 10px; }
.p0_15,.pd0_15,.ph15 { padding:0 15px; }
.pt5  { padding-top:5px; }
.pt10 { padding-top:10px; }
.pt15 { padding-top:15px; }
.pt20 { padding-top:20px; }
.pt30 { padding-top:30px; }
.pr5  { padding-right:5px; }
.pr10 { padding-right:10px; }
.pr15 { padding-right:15px; }
.pr20 { padding-right:20px; }
.pr30 { padding-right:30px; }
.pb5  { padding-bottom:5px; }
.pb10 { padding-bottom:10px; }
.pb15 { padding-bottom:15px; }
.pb20 { padding-bottom:20px; }
.pb30 { padding-bottom:30px; }
.pl5  { padding-left:5px; }
.pl10 { padding-left:10px; }
.pl15 { padding-left:15px; }
.pl20 { padding-left:20px; }
.pl30 { padding-left:30px; }
/* .m** : margin */
.ma,.mha   { margin-left:auto;  margin-right:auto; }
.m1,.mg1   { margin:1px; }
.m5,.mg5   { margin:5px; }
.m10,.mg10 { margin:10px; }
.m15,.mg15 { margin:15px; }
.m20,.mg20 { margin:20px; }
.m30,.mg30 { margin:30px; }
.m1_0,.mg1_0,.mv1    { margin:1px 0; }
.m5_0,.mg5_0,.mv5    { margin:5px 0; }
.m10_0,.mg10_0,.mv10 { margin:10px 0; }
.m0_5,.mg0_5,.mh5    { margin:0 5px; }
.m0_10,.mg0_10,.mh10 { margin:0 10px; }
.m0_15,.mg0_15,.mh15 { margin:0 15px; }
.mt5  { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mr5  { margin-right:5px; }
.mr10 { margin-right:10px; }
.mr15 { margin-right:15px; }
.mr20 { margin-right:20px; }
.mr30 { margin-right:30px; }
.mb1  { margin-bottom:1px; }
.mb5  { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb50 { margin-bottom:50px; }
.ml5  { margin-left:5px; }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px; }
.ml20 { margin-left:20px; }
.ml30 { margin-left:30px; }
/* .b**, .b*d* : border */
.bdc  { border: solid 1px #ccc }
.btc  { border-top: solid 1px #ccc; }
.brc  { border-right: solid 1px #ccc; }
.bbc  { border-bottom: solid 1px #ccc; }
.bbc2  { border-bottom: solid 1px #eaeaea; }
.blc  { border-left: solid 1px #ccc; }
.bddc { border: dotted 1px #ccc; }
.btdc { border-top: dotted 1px #ccc; }
.brdc { border-right: dotted 1px #ccc; }
.bbdc { border-bottom: dotted 1px #ccc; }
.bldc { border-left: dotted 1px #ccc; }
/*==== 显示/定位 ====*/
/* display */
.dn,.hidden { display:none; }
.db  { display:block; }
.dt  { display:table; }
.di  { display:inline; }
.dib { display:inline-block; }
/* overflow */
.oa { overflow:auto; }
.oh { overflow:hidden; }
/* float */
.fl { float:left !important; }
.fr { float:right !important; }
.fn    { float:none !important; }
/* clear */
.cl { clear:left !important; }
.cr { clear:right !important; }
.clear { clear:both; font-size:0; visibility:hidden; line-height:0; height:0; }
.clearfix { *zoom:1; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
/* position */
.pr,.relative { position:relative; }
.pa,.absolute { position:absolute; }
.ps,.static   { position:static; }
.pf,.fixed    { position:fixed; }
.t0  { top:0; }
.t10 { top:10px; }
.t20 { top:20px; }
.r0  { right:0; }
.r10 { right:10px; }
.r20 { right:20px; }
.b0  { bottom:0; }
.b10 { bottom:10px; }
.b20 { bottom:20px; }
.l0  { left:0; }
.l10 { left:10px; }
.l20 { left:20px; }
.fullscreen   { top:0; right:0; bottom:0; left:0; }
.fullscreen5  { top:5px; right:5px; bottom:5px; left:5px; }
.fullscreen10 { top:10px; right:10px; bottom:10px; left:10px; }
/*==== 其他样式 ====*/
/* .c** : cursor */
.cp,.pointer { cursor:pointer; }
.cm,.move { cursor:move; }
/* others */
.sep { color:#ddd; font-family:Arial; margin:0 5px; }
.sep10 { color:#ddd; font-family:Arial; margin:0 10px; }
.ul,.uline,.underline,a.ul,a.ul:hover,a.uline,a.uline:hover,a.underline,a.underline:hover { text-decoration:underline; }
.noul,a.noul,a.noul:hover,.nouline,a.nouline,a.nouline:hover { text-decoration:none; }
.noime { ime-mode:disabled; }
.nowrap { white-space:nowrap; }
.wrap,.wordwrap { word-break:break-all; word-wrap:break-word; overflow:hidden; }
.short,.ellipsis li { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.disabled { filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3; }
.loading { background:url(images/loading.gif) no-repeat center center; height:100px; padding:0; margin:0; }
.fitsize { max-width:100%; width:auto; height:auto; }
/* utility */
#util-recyclebin { position:absolute;top:-10000px;left:-10000px;width:1000px;height:1000px;overflow:hidden; }
/* common */
body { color:#2D2D2D; }
input[type=button] { display:inline-block; padding:2px 5px; padding:0\9; }
/*== frame style ==*/
.layout, .w1200 { width:1200px; margin-left:auto; margin-right:auto; *zoom:1; clear:both; }
.layout:after, .w1200:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.e-imageload img{ background:url(../images/loading.gif) no-repeat center center;}
/*图标*/
.icon-i-06,.icon-i-17,.icon-i-18,.icon-i-19,.icon-i-20,
.icon-i-21,.icon-i-22,.icon-i-23,.icon-i-24,.icon-h-tel,.icon-f-01,.icon-f-02,.icon-f-close{background-image:url(../images/index/index-icons.png);background-position: 0 0;background-repeat: no-repeat;display: block;}
.icon-i-06{width:84px;height:124px;background-position:-320px -0px;}
.icon-i-17{width:36px;height:37px;background-position:-0px -323px;}
.icon-i-18{width:37px;height:37px;background-position:-66px -323px;}
.icon-i-19{width:44px;height:42px;background-position:0px -401px;}
.icon-i-20{width:42px;height:40px;background-position:-63px -403px;}
.icon-i-21{width:32px;height:29px;background-position:-1px -487px;}
.icon-i-22{width:36px;height:30px;background-position:-66px -485px;}
.icon-i-23{width:32px;height:27px;background-position:-1px -569px;}
.icon-i-24{width:36px;height:26px;background-position:-67px -570px;}
.icon-h-tel{width:25px;height:25px;background-position:-0px -0px;}
.icon-f-01{width:33px;height:30px;background-position:-48px 0px;}
.icon-f-02{width:32px;height:40px;background-position:-98px 3px;}
.icon-f-close{width: 30px;height: 28px;background-position:-146px -329px}
/*右侧导航*/
.rightNav{ width:70px; position:absolute;background: #e5e5e5;right:-100px;display: none;}
.rightNav i{display: block;margin-left: 15px;margin-bottom: 5px;}
.rightNav a{ display:block; width:70px; text-align:center;border-bottom: 1px solid #fff;padding-top: 10px;padding-bottom: 10px;}
.rightNav a:hover{ background-color:#ff002a; color:#fff}
.rightNav a:hover i.icon-i-17{background-position:-66px -323px;}
.rightNav a:hover i.icon-i-19{background-position:-65px -403px;}
.rightNav a:hover i.icon-i-21{background-position:-68px -485px;}
.rightNav a:hover i.icon-i-23{background-position:-67px -570px;}
#toolview{ width:1200px; left:50%; margin-left:-600px; position: fixed; top:100px;z-index: 10;}

/*分页*/
.pager{text-align: right;}
.pager a{background: #fff;padding: 5px 10px;border: 1px solid #d6d5d5;border-radius: 3px;}
.pager a.active{color: #ff002a;border: none;}

/*底部悬浮*/
.index_pro_list li i{background:#3F3E3F;opacity: 0.6; -moz-opacity:0.6;filter:alpha(opacity=60);z-index: 0;}
#toolview_bottom{width: 100%;height: 124px;position: fixed;bottom: 0;z-index: 10;}
.bottom_bg{background: #000;width: 100%;height: 124px;position: fixed;bottom: 0;}
.icon-i-06{z-index: 11;position: fixed;left:0;bottom: 0;display: none;cursor: pointer;}
.people_img{background: url(../images/index/people.png) no-repeat;position: absolute;left:10px;bottom: 0;width: 158px;height: 214px;}
.people_tips{background: url(../images/index/tips.png) no-repeat;position: absolute;left:210px;bottom: 10px;width: 183px;height: 101px;}
#toolview_bottom .w1200.pr{height: 124px;}
.get_price{width:480px;margin-left: 450px;height: 124px;position: relative;}
.get_price .fl{position: relative;z-index: 10;width: 310px;margin: 22px 0 0 22px;}
.get_price .fl p{float: left;position: relative;}
.get_price .fl span{position: absolute;right: 10px;top:10px;color: #999;}
.get_price .fl input{width: 130px;height: 25px;padding: 5px;margin: 0 5px 5px 0;}
.bottom_bg2{background: #3f4041;width:480px;height: 124px;position: absolute;bottom: 0;z-index: 0;}
.get_price .fr{width: 130px;text-align: center;color: #fff;position: relative;z-index: 10;margin-right: 10px;margin-top: 20px;}
.get_price .fr span{color: #f6ff00;}
.get_price .fr p{color: #fff;margin-bottom: 12px;}
.get_price_btn{width: 130px;height: 35px;background: #ff002a;text-align: center;line-height: 18px;border:none;color: #fff;font-size: 14px;cursor: pointer;}
.get_price_btn:hover{background: #ef032a;outline: none;}
.toolview_tel{color: #fff;width: 210px;font-size: 16px;text-align: right;position: relative;}
.toolview_tel span{font-size: 25px;color: #ff002a;font-weight: bold;}
.toolview_tel .icon-i-05{position: absolute;left:-10px;top:32px}
.toolview_tel .icon-f-close{position: relative;float: right;background-color: #5a5a5a;margin-bottom: 10px;cursor: pointer;}

/*预约弹层*/
.yuyueShow_pop{border: 2px solid #e46853;height: 244px;}
.yuyueShow_pop h1{color: #e46853;border-bottom: 1px dotted #e46853;  font-size: 16px;font-weight: normal;padding-bottom: 5px;}
.yuyue_tips{margin: 20px 0;}
.yuyueShow_pop p input{ width: 96%; margin-bottom: 10px; padding: 8px 2%;border: 1px solid #ccc;color: #999;}
.yuyueShow_pop #closePopbox{position: absolute;right:15px;top:5px}
.yuyueShow_pop .sub_yuyue{width: 90px;height: 30px;margin: 0 auto;}
.yuyueShow_pop .sub_yuyue input{width: 90px;height: 30px;border: none;background: #e46853;color: #fff;cursor: pointer; }

/* header */
.header{ position:relative;background: #e46853;height: 130px;color: #fff;}
.logo{margin-top: 35px;}
.h_tel{font-size: 22px;position: relative;padding-left: 10px;margin-right: 60px;float: left;}
.h_tel i{width: 31px;height: 31px;background: url(../images/common/top_tel.png) no-repeat;display: block;position: absolute;left: -30px;}
.h_kefu{font-size: 18px;position: relative;padding-left: 10px;float: right;margin-top: 2px;}
.h_kefu i{background: url(../images/common/wx.png) no-repeat;display: block;position: absolute;left: -30px;width: 32px;height: 26px;}
.h_kefu img{position: absolute;left:10px;top:28px;display: block;border: 5px solid #fff;z-index: 10;}
.header .fr{margin-top: 55px;}
.menu{height: 65px;}
.menu li{float: left;width: 180px;margin:20px 9px 0 9px;font-size: 18px;margin-top: 20px;border-right: 1px solid #726767;text-align: center;height: 27px;}
.menu li a{display: block;}
.menu li.last{border: none;}
.menu li a.sjg{position: relative;}
.menu li a.sjg {margin-top: -5px;}
.menu li a.sjg i{width: 57px;height: 21px;display: block;background: url(../images/common/sjg.png) no-repeat;position: absolute;left:73px;bottom: -15px;}
.menu li a.sjg span{}
.menu li .h-nav-hide{margin-top: 18px;}
.menu li.sjg_nav .h-nav-hide{margin-top: 22px;}
.header .h-nav{
    margin: 0;
    padding: 0;
}
.h-nav>li{
    display: block;
    float: left;
    line-height: 57px;
}
.h-nav>li a{
    color: #000;
    font-size: 16px;
}
.h-nav>li:not(:last-child){
    padding-right: 70px;
}
.h-nav-span{
    display: block;
    width: 100%;
    height: 2px;
    margin: 0 auto;
    background: transparent;
    position:relative;
}
.h-nav-span::before,.h-nav-span::after{
    content:"";
    width: 0;
    height: 3px;
    background: rgb(23,42,136);
    position:absolute;
    top:0;
    transition:width 0.2s ease-in;
    -moz-transition: width 0.2s ease-in;
    -webkit-transition: width 0.2s ease-in;
    -o-transition: width 0.2s ease-in;
}
.h-nav-span::before{
    right:50%;
}
.h-nav-span::after{
    left:50%;
}
.h-nav>li:hover .h-nav-span::before,.h-nav>li:hover .h-nav-span::after{
    width: 50%;
}

.h-nav-arrow{
    display: inline-block;
    transform-origin: center;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -ms-transition: all 0.2s;
    margin-left: 7px;
}
.h-nav-a:hover .h-nav-arrow{
    transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    color: rgb(23,42,136);
}
@keyframes h_header_animation{
    from{
        top:-54px;
    }
    to{
        top:0;
    }
}
@-moz-keyframes h_header_animation{
    from{
        top:-54px;
    }
    to{
        top:0;
    }
}
@-ms-keyframes h_header_animation{
    from{
        top:-54px;
    }
    to{
        top:0;
    }
}
@-webkit-keyframes h_header_animation{
    from{
        top:-54px;
    }
    to{
        top:0;
    }
}
.h-mini{
    height: 70px;
    border-bottom: 1px solid rgb(230,230,230);
    position: fixed;
    background: white;
    animation: h_header_animation 1s;
    -moz-animation: h_header_animation 1s;
    -ms-animation: h_header_animation 1s;
    -webkit-animation: h_header_animation 1s;
}
.h-mini .h-logo{
    display: block;
    float: left;
    margin-top: 18px;
}
.h-mini .h-contact{
    display: none;
}
.h-mini .h-hr{
    display: none;
}

.h-mini .h-nav{
    display: inline-block;
    margin-left: 14%;
}
.h-mini .h-nav>li{
    line-height: 67px;
}
.h-mini .h-nav>li:not(:last-child){
    padding-right: 50px;
}

.h-nav-hide{
    display: none;
    width: 100%;
    padding: 30px 0;
    position: absolute;
    background: rgb(235,235,235);
    left:0;
    opacity: 0;
    margin-top: -2px;
    z-index: 99;
    overflow: hidden;
}

.h-nav-bg{
    display: none;
    position: fixed;
    background: rgba(0,0,0,0.7);
    width: 100%;
    height: 100%;
    z-index: 777;
}

.h-nav-hide .container{
    position: relative;
    width: 1200px;
    margin: 0 auto;
}
.header .h-nav-hide{
    top:120px;
}
.h-mini .h-nav-hide{
    top:70px;
}
.h-hide-left{
    float: left;
    margin-left: 0px;
    width: 384px;
    vertical-align: middle;
    position: relative;
    overflow: hidden;
    animation: fadeUpTop 0.8s  cubic-bezier(.51,1.1,.9,.95);
    -moz-animation: fadeUpTop 0.8s  cubic-bezier(.51,1.1,.9,.95);
    -ms-animation: fadeUpTop 0.8s  cubic-bezier(.51,1.1,.9,.95);
    -webkit-animation: fadeUpTop 0.8s  cubic-bezier(.51,1.1,.9,.95);
}

.h-hide-left01{
    float: left;
    margin-left: 15px;
    width: 384px;
    vertical-align: middle;
    position: relative;
    overflow: hidden;
    animation: fadeUpTop 0.8s  cubic-bezier(.51,1.1,.9,.95);
    -moz-animation: fadeUpTop 0.8s  cubic-bezier(.51,1.1,.9,.95);
    -ms-animation: fadeUpTop 0.8s  cubic-bezier(.51,1.1,.9,.95);
    -webkit-animation: fadeUpTop 0.8s  cubic-bezier(.51,1.1,.9,.95);
}
.h-hide-left .h-hide-left01 .e-btn{background: #e46853;width: 160px;height: 40px;line-height: 40px;color: #fff;border-radius: 20px;}


.h-hide-left>p{
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    margin: 0;
    color: #666;
}
.h-hide-left01>p{
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    margin: 0;
    color: #666;
}
.h-hide-hover{
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    left:0;
    top:0;
    overflow: hidden;
    background: rgba(255,255,255,0.9);
    transition: opacity 0.2s cubic-bezier(.51,1.1,.9,.95);
    -moz-transition: opacity 0.2s cubic-bezier(.51,1.1,.9,.95);
    -webkit-transition: opacity 0.2s cubic-bezier(.51,1.1,.9,.95);
    -ms-transition: opacity 0.2s cubic-bezier(.51,1.1,.9,.95);
    -o-transition: opacity 0.2s cubic-bezier(.51,1.1,.9,.95);
}
.h-hide-hover a{    background: #e46853;
    width: 160px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    border-radius: 20px;
	margin: 0 auto;
}
.h-hide-hover-p{
    font-size: 20px;
    color: #434343;
    text-align: center;

    opacity: 0;
    transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transition: all 0.6s cubic-bezier(.51,1.1,.9,.95);
    -moz-transition: all 0.6s cubic-bezier(.51,1.1,.9,.95);
    -webkit-transition: all 0.6s cubic-bezier(.51,1.1,.9,.95);
    -ms-transition: all 0.6s cubic-bezier(.51,1.1,.9,.95);
    -o-transition: all 0.6s cubic-bezier(.51,1.1,.9,.95);
}
.h-hide-left-hover>p{
    line-height: 2em;
    margin-top: 168px;
}
.h-hide-right-hover>p{
    line-height: 1.5em;
    margin-top: 63px;
}


.h-hide-hover>.e-btn{
    transform: translateY(100%);
    -moz-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transition: all 0.6s cubic-bezier(.51,1.1,.9,.95);
    -moz-transition: all 0.6s cubic-bezier(.51,1.1,.9,.95);
    -webkit-transition: all 0.6s cubic-bezier(.51,1.1,.9,.95);
    -ms-transition: all 0.6s cubic-bezier(.51,1.1,.9,.95);
    -o-transition: all 0.6s cubic-bezier(.51,1.1,.9,.95);
}
.h-hide-left-hover>.e-btn{
    margin: 42px auto 0;
}
.h-hide-right-hover>.e-btn{
    margin:20px auto 0;
}

.h-hide-left-hover01>.e-btn{
    margin: 35% auto 0;
}
.h-hide-right-hover01>.e-btn{
    margin:35% auto 0;
}

.h-hide-left:hover .h-hide-hover,.h-hide-right ul li:hover .h-hide-hover{
    opacity: 1;
}
.h-hide-left01:hover .h-hide-hover,.h-hide-right ul li:hover .h-hide-hover{
    opacity: 1;
}
.h-hide-left:hover .h-hide-hover-p,.h-hide-left:hover .e-btn,.h-hide-right ul li:hover .h-hide-hover-p,.h-hide-right ul li:hover .e-btn{
    opacity: 1;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
}
.h-hide-left01:hover .h-hide-hover-p,.h-hide-left01:hover .e-btn,.h-hide-right ul li:hover .h-hide-hover-p,.h-hide-right ul li:hover .e-btn{
    opacity: 1;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
}
.h-hide-right{
    width: 810px;
    vertical-align: middle;
    float: right;
}
.h-hide-right ul{
    display: block;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.h-hide-right ul li{
    display: block;
    float: left;
    width: 200px;
    height: 230px;
    margin-top: 0px;
    position: relative;
    border:none;
    margin-left: 25px;
}
.h-hide-right ul li.h-h-r1{width: 395px;height: 182px;}
.h-hide-right ul li.h-h-r2{width: 340px;height: 221px;}
.h-hide-right ul li.h-h-r3{width: 395px;height: 271px;}
.h-hide-right ul li.h-h-r4{width: 340px;height: 221px;}
.h-hide-right ul li.h-h-r1 .h-hide-right-hover>p{margin-top: 50px;}
.h-hide-right ul li:nth-child(1){
    animation: fadeUpTop 1s  cubic-bezier(.51,1.1,.9,.95);
    -moz-animation: fadeUpTop 1s  cubic-bezier(.51,1.1,.9,.95);
    -ms-animation: fadeUpTop 1s  cubic-bezier(.51,1.1,.9,.95);
    -webkit-animation: fadeUpTop 1s  cubic-bezier(.51,1.1,.9,.95);
}
.h-hide-right ul li:nth-child(2){
    animation: fadeUpTop 1.1s  cubic-bezier(.51,1.1,.9,.95);
    -moz-animation: fadeUpTop 1.1s  cubic-bezier(.51,1.1,.9,.95);
    -ms-animation: fadeUpTop 1.1s  cubic-bezier(.51,1.1,.9,.95);
    -webkit-animation: fadeUpTop 1.1s  cubic-bezier(.51,1.1,.9,.95);
}
.h-hide-right ul li:nth-child(3){
	margin-top: 5px;
    animation: fadeUpTop 1.2s cubic-bezier(.51,1.1,.9,.95);
    -moz-animation: fadeUpTop 1.2s  cubic-bezier(.51,1.1,.9,.95);
    -ms-animation: fadeUpTop 1.2s  cubic-bezier(.51,1.1,.9,.95);
    -webkit-animation: fadeUpTop 1.2s  cubic-bezier(.51,1.1,.9,.95);
}
.h-hide-right ul li:nth-child(4){
    margin-top: 55px;
    animation: fadeUpTop 1.3s  cubic-bezier(.51,1.1,.9,.95);
    -moz-animation: fadeUpTop 1.3s  cubic-bezier(.51,1.1,.9,.95);
    -ms-animation: fadeUpTop 1.3s  cubic-bezier(.51,1.1,.9,.95);
    -webkit-animation: fadeUpTop 1.3s  cubic-bezier(.51,1.1,.9,.95);
}
.h-hide-right ul li:nth-child(5){
    animation: fadeUpTop 1.4s  cubic-bezier(.51,1.1,.9,.95);
    -moz-animation: fadeUpTop 1.4s  cubic-bezier(.51,1.1,.9,.95);
    -ms-animation: fadeUpTop 1.4s  cubic-bezier(.51,1.1,.9,.95);
    -webkit-animation: fadeUpTop 1.4s  cubic-bezier(.51,1.1,.9,.95);
}
.h-hide-center{
    width: 100%;
}
.h-hide-center ul li:nth-child(1){
    margin-left: 0;
}
.h-hide-center ul li:nth-child(4){
    margin-top: 0;
}
@keyframes fadeUpTop{
    0%{transform:translateY(100%);opacity: 0;}
    100%{transform:translateY(0);opacity: 1;}
}
@-moz-keyframes fadeUpTop{
    0%{-moz-transform:translateY(100%);opacity: 0;}
    100%{-moz-transform:translateY(0);opacity: 1;}
}
@-ms-keyframes fadeUpTop{
    0%{-ms-transform:translateY(100%);opacity: 0;}
    100%{-ms-transform:translateY(0);opacity: 1;}
}
@-webkit-keyframes fadeUpTop{
    0%{-webkit-transform:translateY(100%);opacity: 0;}
    100%{-webkit-transform:translateY(0);opacity: 1;}
}
.h-hide-right ul li img{
    display: block;
}
.h-hide-right-p{
    font-size: 16px;
    line-height: 2em;
    text-align: center;
    margin: 0;
    padding: 0;
}




/*footer*/
.footer{height: 360px;background: #1B5D80;color: #fff;}
.footer .fl,.footer .fr{margin-top: 90px;}
.footer .fl span{font-size: 16px;margin-bottom: 20px;}
.footer .fl h1 span{font-weight: normal;}
.footer .fl p{border:2px solid #fff;padding: 10px 20px;font-size: 16px;}
.f-tel{position: relative;padding-left: 60px;}
.f-tel i{position: absolute;left:0;top:10px}
.f-tel h1{font-size: 24px;font-weight: normal;}
.f-tel p{font-size: 14px;}
.copyright{padding: 50px 0;}
.copyright p{font-size: 21px;color: #0b5d81;margin-top: 15px;}