@charset "utf-8";
html{-webkit-font-smoothing:antialiased;height: 100%;font-size: 100px;}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
table,th,td{border: 1px solid black;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:400;}
dl,ol,ul{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;}
a{text-decoration:none}
a:hover{text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:none;blr:expression(this.onFocus=this.blur())}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
textarea{resize:none;outline: none;font-family: Arial,"Microsoft YaHei";}
img{vertical-align:middle;max-width: 100%;height: auto;}
button,input[type=submit],input[type=text],input[type=button],select{-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;blr:expression(this.onFocus=this.blur())}
@media(min-width: 1600px){
    html{font-size: 100px}
}
@media(max-width: 1600px) and (min-width: 769px){
    html{font-size: calc(100vw / 1600 * 100);}
}
@media(max-width: 768px){
	html{font-size: calc(768px / 1600 * 100);}
}
body{color:#000;font-family: Arial,"Microsoft YaHei";background-color: #fff;}
body{font-size: 14px;}
i{
    font-style:normal;
}
.fl{
    float: left;
}
.c-layout{ width: 1200px; margin:0 auto; clear:both}
.layout{ max-width: 14rem; margin:0 auto; clear:both;}
/* .layout1{ max-width: 1220px; margin:0 auto; clear:both;padding: 0 1%;} */
.left{ float:left}
.right{ float:right}
.tcenter{text-align: center;}
.tr{text-align: right;}
.tl{text-align: left;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; font-size:0; line-height:0}
.clearfix{*zoom:1;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.ellipsis{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.eps2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.eps3{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.btn{text-align: center;display: inline-block;cursor: pointer;white-space: nowrap;vertical-align: middle;border: none;}
.unselect{-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;}
#web-ietip {width: 5.26rem; height: .90rem; padding: .83rem 0 0 .84rem; overflow:hidden; background: url(../images/browser.png) no-repeat center center; margin: 2.00rem auto 0;}
#web-ietip a{display: block; width: .65rem; height: .80rem; float: left;}
body *{box-sizing: border-box;line-height: 1;}
.teaser{;transform:translate3d(0,25%,0);transition:opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s,box-shadow .3s;}
.teaser.is-visible{opacity:1;transform:translate3d(0,0,0);}
.teaser2{;transform:translate3d(0,25%,0);transition:opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s,box-shadow .3s;}
.teaser2.is-visible{opacity:1;transform:translate3d(0,0,0);}
.lefter{;transform:translate3d(-35%,35%,0);transition:opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s;}
.lefter.is-visible{opacity:1;transform:translate3d(0,0,0);}
.righter{;transform:translate3d(35%,35%,0);transition:opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s;}
.righter.is-visible{opacity:1;transform:translate3d(0,0,0);}
.downer{;transform:translate3d(0,-35%,0);transition:opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s;}
.downer.is-visible{opacity:1;transform:translate3d(0,0,0);}
.lter{;transform:translate3d(-35%,0,0);transition:opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s;}
.lter.is-visible{opacity:1;transform:translate3d(0,0,0);}
.rter{;transform:translate3d(35%,0,0);transition:opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s;}
.rter.is-visible{opacity:1;transform:translate3d(0,0,0);}
.delay2{transition-delay: 0.2s;}
.delay4{transition-delay: 0.4s;}
.delay6{transition-delay: 0.6s;}
.delay8{transition-delay: 0.8s;}
.delay10{transition-delay: 1s;}

.r-f:nth-child(4n+1){transition-delay: 0s;}
.r-f:nth-child(4n+2){transition-delay: .2s;}
.r-f:nth-child(4n+3){transition-delay: .4s;}
.r-f:nth-child(4n+4){transition-delay: .6s;}

.r-f2:nth-child(4n+1){transition-delay: 0s;}
.r-f2:nth-child(4n+2){transition-delay: .05s;}
.r-f2:nth-child(4n+3){transition-delay: .1s;}
.r-f2:nth-child(4n+4){transition-delay: .15s;}

.r-t:nth-child(3n+1){transition-delay: 0s;}
.r-t:nth-child(3n+2){transition-delay: .2s;}
.r-t:nth-child(3n+3){transition-delay: .4s;}



.scroll-outer{height:421px;background:url(images/bg.jpg) 50% 0 no-repeat;}
#scroll{width:1080px;margin:0 auto;padding-top:30px;font-family:"Microsoft Yahei";}
#scroll .owl-wrapper-outer{margin:0 auto;}
#scroll .item{position:relative;width:250px;height:287px;margin:0 auto;background-color:#fff;overflow:hidden;}
#scroll .shd{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.15);}
#scroll .shd a{display:block;width:250px;height:239px;*background-image:url(about:blank);background-image:url(about:blank)\0;}
#scroll .txt{position:absolute;left:0;bottom:0;width:226px;height:auto;padding:0 12px;color:#888;background-color:#fe5f5f;}
#scroll h3{width:226px;height:25px;margin-bottom:6px;padding-top:6px;font:700 18px/25px arial,"Microsoft Yahei";overflow:hidden;}
#scroll h3 a{color:#333;text-decoration:none;}
#scroll h3 a:hover{color:#338de6;}
#scroll p{width:226px;height:54px;line-height:18px;font-size:12px;}

#scroll .item:hover .shd{background-color:rgba(0, 0, 0, 0);}
#scroll .item:hover .txt{background-color:#fff\9;background-color:rgba(248, 249, 249, 0.95);box-shadow:0 0 15px 15px rgba(248, 249, 249, 0.95);}

.owl-theme .owl-controls .owl-buttons div{position:absolute;top:180px;width:30px;height:60px;margin:0;padding:0;border-radius:0;font:60px/60px "宋体";background-color:transparent;overflow:hidden;_display:none;}
.owl-theme .owl-controls .owl-buttons .owl-prev{left:-40px;}
.owl-theme .owl-controls .owl-buttons .owl-next{right:-40px;}
.owl-theme .owl-controls .owl-buttons .owl-prev:before{content:"<";}
.owl-theme .owl-controls .owl-buttons .owl-next:before{content:">";}


.pro_text_nr p { line-height: 30px;}