@charset "utf-8";
/*HOME*/
.w-container {width: 1200px;min-width:1200px; margin:0 auto;overflow:hidden; }
.info-top { width:100%; min-width:1200px; margin:0; padding:0; height:760px; position:relative;}
.info-top .logo { margin-top:60px; text-align:center;}
.info-top .logo img { max-width:100%; height:auto;}
.top-tit { font-size:30px; color:#FFF; margin-top:50px; text-align:center;} 
.top-ms { color:#FFF; font-size:24px; font-family:"Microsoft Yahei UI Light"; text-align:center; margin-top:30px; line-height:50px;}
.top-ms font {font-size:28px;}
.top-scroll { text-align:center; margin:30px auto; }
.top-scroll ul { background-color:rgba(0,0,0,.8);display: inline-block;padding:20px 0 20px 5px;}
.top-scroll li { display:inline-block; padding:0 15px; height:38px; overflow:hidden; background:url(../images/topfg.png) left center no-repeat;vertical-align:middle}
.top-scroll li.s1 { background:none}
.top-scroll li.s1 .scr-nr {vertical-align:middle}
.scr-tt { font-size:18px; color:#FFF; font-weight:bold;vertical-align:middle; padding-right:5px;}
.scr-mintt {font-size:14px; color:#FFF;padding-right:5px;}
.scr-nr {font-size:24px; color:#fc344c; font-weight:bold;}
.time .scr-mintt{ vertical-align:bottom}

.colockbox{ display:inline-block;width:255px; height:32px;background:url(../images/timebg.png) no-repeat; vertical-align:middle; overflow:hidden;padding-left: 5px;font-size:24px;font-weight:bold;text-align: center;color:#fe3651;}
.colockbox span{float:left;display:block;font-size:24px;font-weight:bold;text-align: center;color:#fe3651; line-height:32px; margin-right:14px; letter-spacing:12px;}
.colockbox span.second{margin:0;}
.colockbox span.day { margin-right:24px;}

.xqhd {margin:0 auto;text-align: center;}
.xqhd p{ background-color:rgba(0,0,0,.8);display: inline-block;padding:10px 20px; font-size:18px; color:#FFF;}
.xqhd span { color:#fc344c; margin-right:20px;}

.gethome { margin-top:50px; text-align:center;}
.gethome a { color:#c1c2c8; border:1px #ffffff solid; border-radius:4px; padding:7px 60px; display:inline-block;-webkit-transition:  all ease-out .3s;-moz-transition:  all ease-out .3s;transition:  all ease-out .3s;}
.gethome a:hover { background-color:#fd1f3b; color:#FFF;border:1px #fd1f3b solid;border-radius:0px;}

.scrcen { width:19px; height:30px; margin:40px auto 0;-webkit-transition:  all ease-out .2s;-moz-transition:  all ease-out .2s;transition:  all ease-out .2s;}
.scrcen:hover { margin-top:38px;}
.scroll{position: absolute;z-index: 6;bottom: 6%;left:50%;background:url(../images/mosjt.png) no-repeat center;margin:0 0 0 -4px;width:9px;height:11px;text-indent:-99999px;}

.section-tit { text-align:center; margin-top:50px;}
.section-tit h3 { color:#515151; font-size:28px; font-weight:normal;} 
.section-tit p { font-size:18px; color:#aaa;}
.section-tit2 { text-align:center; margin-top:80px;}
.section-tit2 h3 { color:#515151; font-size:28px; font-weight:normal; background:url(../images/titbg.jpg) center bottom no-repeat; padding-bottom:15px;} 
.section-tit3 { text-align:center; margin:140px 0 60px;}
.section-tit3 h3 { color:#000; font-size:30px; font-weight:normal; background:url(../images/titbg.jpg) center bottom no-repeat; padding-bottom:15px;font-family:"Microsoft Yahei UI Light";} 
.section-tit3 h3 span{ color:#f50f25;}

.section-advantage { width:936px; margin:40px auto 80px;}

.acv-cen {width:220px; background:url(../images/advctop.png) top no-repeat;}
.acv-cen li {height:68px; padding-top:12px; text-align:center;border-bottom:1px #FFFFFF solid;line-height:28px; color:#FFF; position:relative}
.acv-cen li:first-child { height:137px;padding-top:0; border-color:#c40930;}
.acv-cen li p { position:relative; top:84px;color:#FFF; font-size:36px; font-weight:bold;}

.acv-vs { width:138px;}
.acv-vs ul { margin-top:60px;}
.acv-vs li{ background:url(../images/yuan.png) no-repeat center; height:80px; border-bottom:1px #FFFFFF solid; text-align:center; line-height:80px; color:#FFF; font-size:16px; font-weight:bold;}
.acv-vs li:first-child { background:none;}

.acv-lr { width:220px;}
.acv-lr ul{ margin-top:33px}
.acv-lr li { background-color:#7a7a7a;height:68px; padding-top:12px; text-align:center;border-bottom:1px #FFFFFF solid;line-height:28px; color:#FFF; position:relative}
.acv-lr li:first-child { height:104px;padding-top:0;background:url(../images/advltop.png) #fff no-repeat bottom;}
.acv-lr li p { position:relative; top:65px;color:#FFF; font-size:18px; font-weight:bold;}
.acvr li:first-child {background:url(../images/advrtop.png) #fff no-repeat bottom;}

.section-map { margin:40px auto 80px; text-align:center;}

.section-pro { margin-top:50px; text-align:center;}
.section-pro li{ display:inline-block; width:240px; height:350px; margin:0 25px;vertical-align:top;}
.section-pro li h4 { color:#333333; font-size:20px; font-weight:normal; margin-top:20px;}
.section-pro li p{ color:#717171; font-size:16px; margin-top:10px;}
.section-pro li a { display:block; background-color:#FFF; padding:40px 0 30px;-webkit-transition:  all ease-out .2s;-moz-transition:  all ease-out .2s;transition:  all ease-out .2s;}
.section-pro li a:hover {-webkit-box-shadow: 0 1px 6px rgba(0,0,0,.15);box-shadow: 0 1px 5px rgba(0,0,0,.15);padding:30px 0 30px;}

.section-pro .promo { color:#f83c3c; font-size:12px;}
.section-pro .promo:hover { text-decoration:underline; color:#d52122;}

.section-ad { height:140px; width: 100%; min-width:1200px; overflow:hidden; margin:50px auto 40px;}

.section-hx { text-align:center;}
.section-hx li { display:inline-block; margin:0 70px; vertical-align:top;}
.section-hx li h4 { font-size:22px; color:#333;font-weight:normal; margin-top:30px;}
.section-hx li p{ color:#717171; font-size:14px; text-align:left; line-height:30px;margin-top:10px; width:210px;}

.section-ry{ width:100%;  overflow:hidden; position:relative; margin-top:70px;}
.section-ry .bd{ padding:10px;   }
.section-ry .bd ul{ overflow:hidden; zoom:1; }
.section-ry .bd ul li{ margin:0 50px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.section-ry .bd ul li .pic{ text-align:center; width:300px; text-align:center; min-height:230px;}
.section-ry .bd ul li .pic img{ max-width:100%; height:auto; vertical-align:middle;}
.section-ry .bd ul li .pic a:hover img{ border-color:#999;}
.section-ry .bd ul li .title { margin-top:40px;}
.section-ry .bd ul li .title a{ line-height:24px; text-align:center; font-size:16px; color:#515151 }

.section-hz { width:100%; height:590px; min-width:1200px;}

.multipleLine{ overflow:hidden; position:relative; width:100%;margin-top:160px; padding-bottom:40px;}
.multipleLine .hd{ overflow:hidden;  height:30px;position:absolute; bottom:0; left:0; width:100%;}
.multipleLine .hd ul{ text-align:center; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.multipleLine .hd ul li{ display:inline-block;width:9px; height:9px; border-radius:9px;-webkit-border-radius:9px;overflow:hidden; margin:0 6px; background-color:#FFF;text-indent:-999px; cursor:pointer; }
.multipleLine .hd ul li.on{background-color:#e02c2c;}
.multipleLine .bd{ padding-left:15px;overflow:hidden;  }
.multipleLine .bd ul{ overflow:hidden; zoom:1; }
.multipleLine .bd ul li{ margin:13px 10px; float:left; _display:inline; overflow:hidden; text-align:center;width:175px; height:90px; overflow:hidden;}
.multipleLine .bd ul li a { display:block;}
.multipleLine .bd ul li a img{ width:175px; height:90px; display:block;-webkit-transition:  all ease-out .3s;-moz-transition:  all ease-out .3s;transition:  all ease-out .3s;}
.multipleLine .bd ul li a:hover img{transform:scale(1.05); -webkit-transform:scale(1.05);}

.section-foot { margin-top:30px; text-align:center;}
.fo-logo { margin-top:50px;}
.fo-tel{ color:#d8261c; font-size:30px; font-family:Arial; margin-top:5px}
.fo-tel font { font-size:26px;font-family:"Microsoft Yahei UI Light"; color:#000;}
.fo-ewm { margin-top:30px}
.fo-ewm p {font-family:"Microsoft Yahei UI Light"; color:#000;}
.fo-home {padding:30px 0 50px; text-align:center;}
.fo-home a { width:140px; height:34px; background-color:#f41d36; font-size:16px; color:#FFF; display:inline-block; line-height:34px;-webkit-transition:  all ease-out .2s;-moz-transition:  all ease-out .2s;transition:  all ease-out .2s;}
.fo-home a:hover { background-color:#c50e23;}

.flo-pos { position:fixed; top:40%; right:0; background:url(../images/flotop.png) top no-repeat; width:100px; overflow:hidden;text-align:center;}
.flo-pos .kf { margin-top:10px; background-color:#f41d36; }
.flo-pos .kf a { display:block; padding-top:20px; height:75px;-webkit-transition:  all ease-out .3s;-moz-transition:  all ease-out .3s;transition:  all ease-out .3s;}
.flo-pos .kf p { font-size:12px; color:#FFF; margin-top:6px;-webkit-transition:  all ease-out .3s;-moz-transition:  all ease-out .3s;transition:  all ease-out .3s;}
.flo-pos .kf a:hover { padding-top:18px;height:77px;}
.flo-pos .ewm { height:130px; overflow:hidden; background-color:#f41d36;}
.flo-pos .ewm img { max-width:100%; height:auto;}
.flo-pos .ewm p { font-size:12px;color:#fff; line-height:30px;}
.flo-pos .tel {background-color:#f41d36; padding-top:10px;}
.flo-pos .tel p { line-height:36px; color:#FFF;}
.flo-pos .stop { height:40px;}
.flo-pos .stop a { display:block; background-color:#2c1719; height:40px; line-height:40px;}
.flo-pos .stop a img {-webkit-transition:  all ease-out .2s;-moz-transition:  all ease-out .2s;transition:  all ease-out .2s; position:relative}
.flo-pos .stop a:hover {background-color:#000; }
.flo-pos .stop a:hover img {top:-3px;}


/*鼠标向下滚动提示动画*/
.scroll{
	animation:scrollmove ease-out 2s infinite ;
	-webkit-animation:scrollmove ease-out 2s infinite; /*Safari and Chrome*/
	-moz-animation:scrollmove ease-out 2s infinite;  /* Firefox */
	-o-animation:scrollmove ease-out 2s infinite; /* Opera */
}
@keyframes scrollmove
{
from {bottom:8%;opacity:0;}
50%{bottom:7%;opacity:1;}
to {bottom:5%;opacity:0;}
}
@-moz-keyframes scrollmove /* Firefox */
{
from {bottom:8%;opacity:0;}
50%{bottom:7%;opacity:1;}
to {bottom:5%;opacity:0;}
}
@-webkit-keyframes scrollmove /*Safari and Chrome*/
{
from {bottom:8%;opacity:0;}
50%{bottom:7%;opacity:1;}
to {bottom:5%;opacity:0;}
}
@-o-keyframes scrollmove /* Opera */
{
from {bottom:8%;opacity:0;}
50%{bottom:7%;opacity:1;}
to {bottom:5%;opacity:0;}
}
/* 摇摆 */
@-webkit-keyframes swing {20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }20% { -webkit-transform: rotate(15deg);}40%{-webkit-transform: rotate(-10deg);}60%{-webkit-transform: rotate(5deg);}80%{-webkit-transform: rotate(-5deg);}100%{-webkit-transform: rotate(0deg);}}
@-moz-keyframes swing {20% { -moz-transform: rotate(15deg); }40% { -moz-transform: rotate(-10deg); }60% { -moz-transform: rotate(5deg); }80% { -moz-transform: rotate(-5deg); }100% { -moz-transform: rotate(0deg);}}
@-o-keyframes swing {20% { -o-transform: rotate(15deg);}40%{-o-transform: rotate(-10deg);}60%{-o-transform: rotate(5deg);}80%{-o-transform: rotate(-5deg);}100%{-o-transform: rotate(0deg);}}
@keyframes swing {20%{ transform: rotate(15deg);}40% { transform: rotate(-10deg);}60%{transform: rotate(5deg);}80%{transform: rotate(-5deg);}100%{transform: rotate(0deg);}}
.profile:hover img{-webkit-animation-fill-mode: both;-moz-animation-fill-mode: both;-ms-animation-fill-mode: both;-o-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-duration: 0s;-moz-animation-duration: 0s;-ms-animation-duration: 0s;-o-animation-duration: 0s;animation-duration: 0s;-webkit-animation-duration: 0.7s;-moz-animation-duration: 0.7s;-ms-animation-duration: 0.7s;-o-animation-duration: 0.7s;animation-duration: 0.7s; -webkit-transform-origin: top center;-moz-transform-origin: top center;-o-transform-origin: top center;transform-origin: top center;   -webkit-animation-name: swing;-moz-animation-name: swing;-o-animation-name: swing;animation-name: swing;}

/* 浮动 */
@-webkit-keyframes hvr-bob{0%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}
50%{-webkit-transform:translateY(0);transform:translateY(0)}
100%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}
}
@keyframes hvr-bob{0%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}
50%{-webkit-transform:translateY(0);transform:translateY(0)}
100%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}
}
@-webkit-keyframes hvr-bob-float{100%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}
}
@keyframes hvr-bob-float{100%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}
}
.hvr-bob{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale; cursor:pointer}
.hvr-bob:active,.hvr-bob:focus,.hvr-bob:hover{-webkit-animation-name:hvr-bob-float,hvr-bob;animation-name:hvr-bob-float,hvr-bob;-webkit-animation-duration:.3s,1.5s;animation-duration:.3s,1.5s;-webkit-animation-delay:0s,.3s;animation-delay:0s,.3s;-webkit-animation-timing-function:ease-out,ease-in-out;animation-timing-function:ease-out,ease-in-out;-webkit-animation-iteration-count:1,infinite;animation-iteration-count:1,infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal,alternate;animation-direction:normal,alternate}

/* 在线客服 */
.kfli {height:40px; line-height:30px; color: #000000; text-align:center;cursor:pointer; border-bottom:1px solid  #D8D8D8; margin:0px 20px; font-size:14px; font-family:"Microsoft YaHei"} 
.phone_Advisory{ text-align:center;} 
.phone_img{ background:url(../images/QQ_phone.png) no-repeat; height:29px; text-align:center; background-position:center;}
.phone_Advisory .Number{ font-size:18px; font-family:Impact; color: #CC0000; text-align:center;}
#leftad span,#rightad span{cursor:pointer;}  
#divMenu{ float:right; width:161px;}
#online_qq_layer { position:fixed; right:0px; top:150px; overflow:hidden; _position:absolute; z-index:110; }
#online_qq_tab { float:left; margin-top: 50px; }
.online_icon { width:31px; height:171px; overflow:hidden; font-family:'宋体'; }
.online_icon a { display:block; width:31px; height:171px; background: url(../images/page_img_07.png) no-repeat left top; }
#onlineService { float:left; display:none; }
.online_windows { width:161px; }
.online_w_top { background:url(../images/qq_online_top.png) no-repeat; height:9px; }
.online_w_c { background:url(../images/qq_online_mid.png) repeat-y; }
.online_w_bottom { background:url(../images/qq_online_bot.png) no-repeat; height:20px }
#online_qq, #online_tel, #online_weixin { clear:both; width:160px; }
#online_qq ul li { line-height:36px; border-bottom:1px solid #e7e7e7; }