/*Base*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;} 
table {border-collapse:collapse;border-spacing:0;} 
fieldset,img {border:0} 
img{outline-width:0px; vertical-align:middle;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal} 
ul {list-style:none outside none;}
ol{list-style-position:inside;}
caption,th {text-align:left} 
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal} 
q:before,q:after {content:''} 
abbr,acronym { border:0}

.f12{font-size:12px}
.f13{font-size:13px}
.f14{font-size:14px}
.f16{font-size:16px}
.f20{font-size:20px}
.fb{font-weight:bold}
.fn{font-weight:normal}
.t2{text-indent:2em}
.red,a.red{color:#cc0031}
.darkblue,a.darkblue{color:#039}
.gray,a.gray{color:#878787}
.lh150{line-height:150%}
.lh180{line-height:180%}
.lh200{line-height:200%}
.unl{text-decoration:underline;}
.no_unl{text-decoration:none;}

.tl{text-align:left}
.tc{text-align:center}
.tr{text-align:right}

.fl{float:left;}
.fr{float:right;}

.cb{clear:both}
.cl{clear:left}
.cr{clear:right}

.vm{vertical-align:middle} 
.pr{position:relative} 
.pa{position:absolute}
.abs-right{position:absolute;right:0}
.zoom{zoom:1} 
.hidden{visibility:hidden} 
.none{display:none}

.w10{width:10px}
.w20{width:20px}
.w50{width:50px}
.w90{width:90px}
.w100{width:100px}
.w200{width:200px}
.w250{width:250px}
.w500{width:500px}
.w800{width:800px}
.w{width:100%}
.h50{height:50px}
.h80{height:80px}
.h100{height:100px}
.h200{height:200px}
.h{height:100%}

.m10{margin:10px}
.m15{margin:15px}
.m30{margin:30px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt50{margin-top:50px}
.mt100{margin-top:100px}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb30{margin-bottom:30px}
.mb50{margin-bottom:50px}
.mb100{margin-bottom:100px}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml15{margin-left:15px}
.ml20{margin-left:20px}
.ml30{margin-left:30px}
.ml50{margin-left:50px}
.ml100{margin-left:100px}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr15{margin-right:15px}
.mr20{margin-right:20px}
.mr30{margin-right:30px}
.mr50{margin-right:50px}
.mr100{margin-right:100px}

.p10{padding:10px;}
.p15{padding:15px;}
.p30{padding:30px;}
.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt15{padding-top:15px}
.pt20{padding-top:20px}
.pt30{padding-top:30px}
.pt50{padding-top:50px}
.pt100{padding-top:100px}
.pb5{padding-bottom:5px}
.pb10{padding-bottom:10px}
.pb15{padding-bottom:15px}
.pb20{padding-bottom:20px}
.pb30{padding-bottom:30px}
.pb50{padding-bottom:50px}
.pb100{padding-bottom:100px}
.pl5{padding-left:5px}
.pl10{padding-left:10px}
.pl15{padding-left:15px}
.pl20{padding-left:20px}
.pl30{padding-left:30px}
.pl50{padding-left:50px}
.pl100{padding-left:100px}
.pr5{padding-right:5px}
.pr10{padding-right:10px}
.pr15{padding-right:15px}
.pr20{padding-right:20px}
.pr30{padding-right:30px}
.pr50{padding-right:50px}
.pr100{padding-right:100px}

*{padding:0px; margin:0px; text-align:left; font-family:"Microsoft Yahei",Arial,Verdana,Tahoma,Helvetica,sans-serif;}
body{color:#000000; background-color:#FFF;}
a:link, a:visited{text-decoration:none; color:#000;}
a:hover, a:active{text-decoration:none; color:#17c85a; border:none;}

.wrapper{margin-right:auto; margin-left:auto; width:1200px;}
.clearfix:after{visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;} * html .clearfix{zoom:1;} /* IE6 */ *:first-child+html .clearfix{zoom:1;} /* IE7 */
.clear{clear:both; height:0; overflow:hidden; width:0;}
.text-overflow-hidden{white-space:nowrap; word-spacing:normal; letter-spacing:normal; text-decoration:none; text-overflow:ellipsis; overflow:hidden;}
.box-center{margin-right:auto; margin-left:auto;}

.valign{display:table-cell; *display:inline; zoom:1; vertical-align:middle;}
.text{word-wrap:break-word; overflow:hidden; word-break:break-all;}

@media screen and ( min-width:1920px ) {
    .wrapper{width:1680px;}
}
@media screen and ( max-width:1920px ) {
    .wrapper{width:1200px;}
}
@media screen and ( max-width:1200px ) {
    .wrapper{width:960px;}
}

/* Animate */
@-webkit-keyframes rotateLeft{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)} 100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes rotateLeft{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);-ms-transform:rotate(0deg)} 100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);-ms-transform:rotate(360deg)}}

@-webkit-keyframes rotateRight{0%{-webkit-transform:rotate(360deg);transform:rotate(360deg)} 100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}
@keyframes rotateRight{0%{-webkit-transform:rotate(360deg);transform:rotate(360deg);-ms-transform:rotate(360deg)} 100%{-webkit-transform:rotate(0deg);transform:rotate(0deg);-ms-transform:rotate(0deg)}}

@-webkit-keyframes lineWidth{0%{width:0;} 100%{width:25%;}}
@keyframes lineWidth{0%{width:0;} 100%{width:25%;}}

@-webkit-keyframes toBig{0%{-webkit-transform:scale(1);transform:scale(1)} 100%{-webkit-transform:scale(1.06);transform:scale(1.06)}}
@keyframes toBig{0%{-webkit-transform:scale(1);transform:scale(1);-ms-transform:scale(1)} 100%{-webkit-transform:scale(1.06);transform:scale(1.06);-ms-transform:scale(1.06)}}

@-webkit-keyframes toSmall{0%{-webkit-transform:scale(1.06);transform:scale(1.06)} 100%{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes toSmall{0%{-webkit-transform:scale(1.06);transform:scale(1.06);-ms-transform:scale(1.06)} 100%{-webkit-transform:scale(1);transform:scale(1);-ms-transform:scale(1)}}

@-webkit-keyframes moveY { 0%{-webkit-transform:translateY(0%) scale(1);}  30%{-webkit-transform:translateY(6%) scale(1.06);}  70%{-webkit-transform:translateY(-8%) scale(0.9);} 100%{-webkit-transform:translateY(0%) scale(1);} }
@keyframes moveY { 0%{transform:translateY(0%) scale(1);}  30%{transform:translateY(6%) scale(1.06);}  70%{transform:translateY(-8%) scale(0.9);} 100%{transform:translateY(0%) scale(1);} }

@-webkit-keyframes moveY2 { 0%{-webkit-transform:translateY(0%);}  30%{-webkit-transform:translateY(4%);}  70%{-webkit-transform:translateY(-9%);} 100%{-webkit-transform:translateY(0%);} }
@keyframes moveY2 { 0%{transform:translateY(0%);}  30%{transform:translateY(4%);}  70%{transform:translateY(-9%);} 100%{transform:translateY(0%);} }

/* 网站整体 */
body{background-color:#f9f9f9; padding-top:104px;}
p{font-size:16px; line-height:30px; color:#666666; font-weight:lighter; text-align:justify; letter-spacing:2px;}

/* 页面头部 */
#header{position:fixed; width:100%; left:0; top:0; z-index:1000; box-shadow:0px 0px 3px #888888;}
#header-bar{box-sizing:border-box; padding:5px; width:100%; height:40px; background-color:#fafafa; border-bottom:1px #f1f1f1 solid;}
#header-bar .fr{box-sizing:border-box; display:inline-block; background:url("../img/icon-tel.png") no-repeat center left; padding-left:30px; font-weight:normal; font-size:16px;}
#header-bar .fr span{font-size:14px; padding-top:4px; font-weight:bold; margin-right:3px;}

#header-body{box-sizing:border-box; width:100%; background-color:#FFF; padding:15px 5px;}
#site-logo{display:block; height:34px; width:440px;}
#site-logo>img{max-width:100%;}

#site-nav{display:block; margin-top:16px;}
#site-nav li{float:left; display:inline-block; height:18px; margin-left:16px;}
#site-nav li>a{display:block; width:100%; height:18px; line-height:18px; color:#444444; transition:0.5s;}
#site-nav li>a:hover{color:#ff7300; text-decoration-line:underline; transition:0.5s;}

/* BANNER */
#banner{width:100%; height:800px; background-color:#eeeeee; background-image:url("../img/banner-bg.png"); background-repeat:no-repeat; background-position:center; position:relative; overflow:hidden;}
#banner>video{position:absolute; left:0; top:0; z-index:10; min-width:100%; min-height:100%; width:auto; height:auto; filter:grayscale(40%)}

#banner-subpage{width:100%; height:300px; background-color:#eeeeee; background-repeat:no-repeat; background-position:center; background-size:cover;}

#banner-content{position:absolute; top:160px; z-index:100; box-sizing:border-box; width:950px; left:50%; margin-left:-475px; color:#FFF;}
#banner-content h2, #banner-content h4, #banner-content h5{width:100%; text-align:center; font-weight:bold; letter-spacing:15px; padding:15px 0;}
#banner-content h2{font-size:60px; border-bottom:1px #FFF solid;}
#banner-content h4{font-size:40px;}
#banner-content h4 span{font-size:30px; letter-spacing:4px; margin-right:10px;}
#banner-content h5{font-size:30px; letter-spacing:5px;}

#banner-content ul{display:block; width:840px; margin:0 auto; padding:30px 0;}
#banner-content ul li{display:block; width:210px; float:left; text-align:center; font-size:36px; font-weight:bold; letter-spacing:6px;}

#banner-content div.clearfix{width:900px; margin:30px auto 0 auto;}
#banner-content div.clearfix a{display:block; float:left; box-sizing:border-box; width:240px; height:240px; margin-left:90px; border:1px #999 solid; background-color:rgba(51, 51, 51, 0.4); transition:0.5s;}
#banner-content div.clearfix a:hover{background-color:rgba(255, 115, 0, 0.67); border:1px #ff7300 solid; transition:0.5s;}
#banner-content div.clearfix a:first-child{margin-left:0;}
#banner-content div.clearfix a p{text-align:center; color:#FFF; letter-spacing:6px;}
#banner-content div.clearfix a p:first-child{font-size:80px; margin-top:65px;}
#banner-content div.clearfix a p:last-child{font-size:20px; margin-top:35px;}

/* 页面尾部 */
#footer{width:100%; border-top:10px #AAA solid; background-color:#1d1d1d; color:#EEE;}
#footer p{color:#EEE;}

#footer ul.nav{display:block; width:710px; margin:40px auto 0 auto;}
#footer ul.nav li{float:left; display:inline-block; width:80px; height:18px; margin-left:10px;}
#footer ul.nav li:first-child{margin-left:0;}
#footer ul.nav li>a{display:block; width:100%; height:18px; line-height:18px; color:#CCC; text-align:center; transition:0.5s;}
#footer ul.nav li>a:hover{color:#ff7300; text-decoration-line:underline; transition:0.5s;}

#footer div.site-logo{width:90px; margin:70px auto 0 auto;}
#footer div.site-logo img{max-width:100%;}

#footer div.contact-body{width:80%; margin:40px auto; padding:20px 0;}
#footer div.contact-body>div{box-sizing:border-box; width:33.3333%; padding:10px 30px; float:left; border-right:1px #333 solid;}
#footer div.contact-body>div:last-child{border-right:0;}

#footer h4.site-title{line-height:20px; font-size:18px; color:#EEE; letter-spacing:2px; margin-bottom:30px;}
#footer h4.site-title>div{display:block; height:4px; width:30px; background-color:#EEE; margin-top:14px;}

#footer div.contact-body>div p{background-repeat:no-repeat; background-position:center left; background-size:16px 16px; font-size:14px; color:#EEE; box-sizing:border-box; padding:0 30px;}
#footer div.contact-body>div p.tel{background-image:url("../img/icon-tel-2.png");}
#footer div.contact-body>div p.addr{background-image:url("../img/icon-addr-2.png");}
#footer div.contact-body>div p.wechat{margin-top:34px; margin-left:20px; padding:26px 0 0 0; left:170px; line-height:30px; top:30px; background-image:url("../img/ico-wechat.png"); background-position:top left; float:left;}

#footer div.contact-body>div img{width:120px; height:120px; float:left;}

#footer div.copyright-body{width:100%; height:50px; line-height:50px; font-size:12px; color:#666; text-align:center; background-color:#111111;}
#footer div.copyright-body a{line-height:50px; font-size:12px; color:#666;}
#footer div.copyright-body a:hover{color:#FF0000;}

@media screen and ( min-width:1920px ) {
    
}
@media screen and ( max-width:1920px ) {
    #footer div.contact-body{width:90%;}
}
@media screen and ( max-width:1200px ) {
    #site-nav li{width:60px; height:18px; margin-left:8px;}
	#site-nav li a{font-size:14px;}

    #footer div.contact-body>div{ padding:10px;}
	#footer div.contact-body>div p{font-size:12px;}
	#footer h4.site-title{font-size:16px; letter-spacing:2px;}
}


/* 子页面 */
div.page-breadcrumb{width:100%; height:50px; background-color:#f1f1f1;}
div.page-breadcrumb>div{position:relative; height:100%;}
div.page-breadcrumb div.page-title{position:absolute; left:0; top:0; z-index:10; width:15%; min-width:160px; line-height:50px; text-align:center; font-size:20px; color:#333; background-color:#E8E8E8; border-bottom:4px #FF7300 solid; letter-spacing:6px;}
div.page-breadcrumb div.breadcrumb{position:absolute; right:0; top:0; height:50px; line-height:50px; padding-left:50px; color:#FF7300; font-size:14px; background-image:url("../img/ico-breadcrumb.png"); background-size:24px 24px; background-position:13px 13px; background-repeat:no-repeat;}
div.page-breadcrumb div.breadcrumb a{color:#666; font-size:14px; transition:0.5s;}
div.page-breadcrumb div.breadcrumb a:hover{color:#FF7300; transition:0.5s;}

div.page-content{box-sizing:border-box; padding:50px 0;}


/* owl-carousel */
.owl-theme{position:relative; width:100%; max-width:100%;}
.owl-theme .owl-controls{position:absolute; z-index:50; bottom:0; width:100%;}
#owl-demo .item img{display:block; width:100%; height:auto;}


/* pagination */
.content_pagination{display:block;margin:20px 0 10px 0;text-align:center;}
.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}
.pagination>li{display:inline}
.pagination>li>a{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color: #ff7300;background-color:#fff;border:1px solid #ddd;margin-left:-1px}
.pagination>li:first-child>a{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}
.pagination>li:last-child>a{border-bottom-right-radius:4px;border-top-right-radius:4px}
.pagination>li>a:hover, .pagination>li>a:focus{color: #ff7300;background-color:#eee;border-color:#ddd}
.pagination>.active>a,.pagination>.active>a:hover,.pagination>.active>a:focus{z-index:2;color:#fff;background-color: #ff7300;border-color: #ff7300;cursor:default}
.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#999;background-color:#fff;border-color:#ddd;cursor:not-allowed}


/* 客服  */
#kf{position:fixed; right:3px; bottom:50px; z-index:9999; width:50px; height:150px;}
#kf>li{position:relative; display:block; width:50px; height:50px; margin-bottom:1px; background-color:#333; background-image:url("../img/kf-bg.png"); background-repeat:no-repeat;}
#kf>li.tel{background-position-y:-100px;}
#kf>li.wechat{background-position-y:-50px;}
#kf>li.page-qr{background-position-y:-200px;}
#kf>li.top{background-position-y:-150px; background-color:#666; cursor:pointer;}

#kf>li>div{display:none; position:absolute;}
#kf>li:hover.tel{background-color:#FF7300;}
#kf>li:hover.wechat{background-color:#298704;}
#kf>li:hover.page-qr{background-color:#127aca;}
#kf>li:hover.top{background-color: #222;}
#kf>li:hover>div{display:block;}

#kf>li>div{box-sizing:border-box; padding:10px;}
#kf>li>div img{width:100%;}
#kf>li>div p{line-height:30px; text-align:center; color:#FFF; font-size:12px;}
#kf>li.tel>div{position:absolute; font-size:16px; color:#FFF; line-height:30px; width:150px; text-align:center; background-color:#FF7300; top:0px; right:51px;}
#kf>li.wechat>div{position:absolute; width:150px; height:180px; text-align:center; background-color:#298704; bottom:-51px; right:51px;}
#kf>li.page-qr>div{position:absolute; width:150px; height:180px; text-align:center; background-color:#127aca; bottom:0; right:51px;}