body,p,h1,h2,h3,h4,h5,h6,ul,li,figure,figcaption{ margin:0; padding:0; font-style:normal; font-family:"Microsoft YaHei", "微软雅黑"; color: #333; font-size: 14px;font-weight: normal;}
body{ overflow-x: hidden; }
tr,td,dd,dl,dt{ margin:0; padding:0; font-style: normal;}
table {border-spacing: 0;border-collapse: collapse;}
table,td,tr,th{font-size: 14px;}
img{ border:none; vertical-align: middle;}
a{ text-decoration:none; color: #333;}
ul,li{ list-style:none}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.fl{ float: left; }
.fr{ float: right; }
.block{ display: block; }
.section1 { background: url(../images/1.jpg) no-repeat center;background-size: cover;}
.section2 { background: url(../images/2.jpg) no-repeat center;background-size: cover;}
.section3 { background: url(../images/3.jpg) no-repeat center;background-size: cover;}



/*头部*/
.header{ position: fixed; width: 100%; z-index: 10; background:rgba(255,255,255,0.3); height: auto;}
.logo{ position: relative; z-index: 30;margin-left: 10px;}
.logo img{ margin: 5px 0;}
.logo img:nth-of-type(1){ display: block; }
.logo img:nth-of-type(2){ display: none; }
.logo img:nth-of-type(3) {display:none;}
.nav {position: absolute; left: 0;right: 0;margin: auto;text-align: center;}
.nav ul li{ display: inline-block;margin: 0 30px;position: relative;}
.nav ul li a{ color: #fff; font-size: 18px;padding: 0 10px;display: block;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;}
.nav ul li:after{ content: ""; position: absolute; bottom: 0;background-color: #c81623; height: 3px; left:50%;width: 0;opacity: 0;filter: alpha(opacity=0);transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;}
.header .nav ul li.hover a,.header .nav ul li:hover a{ color:#c81623  }
.nav ul li.hover:after,.nav ul li:hover:after{ opacity: 1; width: 100%;left: 0} 
.nav ul li.black a{ color: #333; }

.header .tel{position: relative;z-index: 56;margin-top: 17px;}
.header .tel ul li{margin:0 20px;cursor: pointer;background-image:url(../images/iv.png);background-repeat: no-repeat;background-size: cover;width: 38px; height: 37px; float: left;}
.header .tel ul li:nth-of-type(1){background-position: 0 0}
.header .tel ul li:nth-of-type(2){background-position: -52px 0}
.header .tel ul li:nth-of-type(3){background-position: -104px 0;display: none;}
.tel_box{position: absolute;top: 55px;font-size: 24px; font-weight: bold; color:#c91423;display: none;margin-left: -53px;}
.header .tel ul li a{width: 100%;height: 100%;display: block;}

.header .tel ul li:hover .tel_box{ display: block; }

.sunlit{cursor: pointer;margin-right: 10px; background:url(../images/head01_h.png) no-repeat center center; width: 33px; height: 23px;margin-top: 15px;display: none;}
.section1_img img{ width: 80%;margin:-45% auto 0;display: block;opacity: 0}

.section3.visible .section3_box,.section3.visible .title p,.section3.visible .title .line4,
.section3.visible .title h2,.section3.visible .title h1,
.section2.visible .owl-carousel .owl-wrapper-outer,.section2.visible .title p,
.section2.visible .title .line4,.section2.visible .title h2,.section2.visible .title h1{opacity: 1;}


.section .title{ text-align: center; }
.section .title h1{ font-size: 30px; color: #c81623;text-transform: uppercase;margin-bottom: 10px;opacity: 0; transition: all .4s linear .1s;-webkit-transition: all .4s linear .1s;}
.section .title h2{ font-size: 24px; opacity: 0;transition: all .4s linear .2;-webkit-transition: all .4s linear .2s;}
.section .title .line4{ background-color: #c81623; width: 37px; height: 1px;margin: 10px auto;opacity: 0;transition: all .4s linear .3;-webkit-transition: all .4s linear .3s;}
.contect3_right p,.section .title p{ font-size: 15px; color: #666;line-height: 26px;opacity: 0;transition: all .4s linear .4;-webkit-transition: all .4s linear .4s;}
#owl-demo .item {margin :0 8px;padding: 50px 0; text-align: center;background-color: #fff;}
#owl-demo .item img {display:block;width:100%;height:auto;border-top:4px solid #000000}
.owl-carousel .owl-wrapper:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.owl-carousel {display:none;position:relative;width:100%;-ms-touch-action:pan-y;margin-top:40px;overflow-x:hidden; }
.owl-carousel .owl-wrapper {display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px);}
.owl-carousel .owl-wrapper-outer {overflow:hidden;position:relative;width:100%;transition: all .4s linear .5;-webkit-transition: all .4s linear .5s;}
.section2 .owl-carousel .owl-wrapper-outer{opacity: 0;}
.owl-carousel .owl-wrapper-outer.autoHeight {-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out;}
.owl-carousel .owl-item {float:left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div {cursor:pointer;}
.owl-controls {-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.owl-carousel .owl-wrapper,.owl-carousel .owl-item {-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);}
.owl-theme .owl-controls {margin-top:10px;text-align:center;}
.owl-pagination {visibility:hidden;}
.owl-theme .owl-controls .owl-buttons div {text-indent:-9999px;display:inline-block;zoom:1;*display:inline;width:15px;height:73px;position:absolute;margin-top:-63px;}
.owl-theme .owl-controls .owl-prev {left:-35px;top:50%;background-position:top left;}
.owl-theme .owl-controls .owl-next {right:-35px;top:50%;background-position:top right;}
.owl-theme .owl-controls.clickable .owl-buttons div:hover {filter:Alpha(Opacity=100);opacity:1;text-decoration:none;}
.owl-theme .owl-controls .owl-page {display:inline-block;zoom:1;*display:inline;}
.owl-theme .owl-controls .owl-page span {display:block;width:12px;height:12px;margin:5px 7px;filter:Alpha(Opacity=50);opacity:0.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#c81724;}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span {filter:Alpha(Opacity=100);opacity:1;}
.owl-theme .owl-controls .owl-page span.owl-numbers {height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;}
.item i{background-repeat: no-repeat;background-image: url(../images/icon.png); display: block; width: 120px; height: 120px;margin: auto;background-size: 120px}
.owl-carousel .owl-item:nth-of-type(1) .item i{background-position: 0 0;}
.owl-carousel .owl-item:nth-of-type(2) .item i{background-position: 0 -121px;}
.owl-carousel .owl-item:nth-of-type(3) .item i{background-position: 0 -241px;}
.owl-carousel .owl-item:nth-of-type(4) .item i{background-position: 0 -362px;}
.owl-carousel .item h1{ font-size: 18px;margin:20px 0 10px; }
.section2 .owl-carousel .item p{ font-size: 14px; color: #666; }
#owl-demo .item:after{ position: absolute; bottom: 0;background-color: #c81623;content: ""; height: 3px; width: 0;left: 50%;transition: all 0.3s;}
#owl-demo .item:hover:after{ left: 7px; width: 95%; }
.section3 .title p,.section3 .title h2,.section3 .title h1{ color: #fff; }
.contect3_right .padding{ padding:34px 50px; }
.section3_box{ background-color: #fff;overflow: hidden;}
.align{ text-align: center; }
.align p{ margin-top: 10px;opacity: 1;font-size: 18px;line-height: 46px;font-weight: bold;}
.align_ul li i{margin-right: 10px;background:url(../images/fangz.png) no-repeat center left;background-size: 10px;height: 10px;width: 10px; display: inline-block;}
.align_ul li{font-size: 16px; width: 100%; float: left;margin: 0 10px;line-height: 34px;/*overflow: hidden; text-overflow: ellipsis;white-space: nowrap;*/}
.align_ul li a:hover{ color:#c81623  }
.align_ul{margin-top: 10px}
.section3_box{ margin-top: 20px!important;opacity: 0;transition: all .4s linear .5;-webkit-transition: all .4s linear .5s;}
.contect3_left img{ max-width: 100%; }
.contect3_right {height: 320px;}
.more_align{display: none;background-color: #c81623; width: 95px; height: 33px; margin:10px auto; text-align: center;color: #fff; line-height: 33px;border-radius: 5px;font-size: 16px;}
.slide_tanc{ background-color: #fff;position: absolute;top: 0;width: 100%;height: 100%; z-index: 20;display: none;}
.close{ margin-bottom: 50px; }
.close img{float: right;margin-top: 10px; margin-right: 10px; width: 18%; }
.foot{ text-align: center;padding: 20px 0 }
.foot ul li{ display: inline-block;margin:10px;margin-top: 0}
.foot ul li a{ font-size: 16px; font-weight: bold; }
.foot ul li a:hover{ color: #c81623 }
.caret {position:absolute;z-index:3;width:100%;text-align:center;color:#333;font-size:1em;-webkit-transition:opacity 0.5s ease-out;-moz-transition:opacity 0.5s ease-out;transition:opacity 0.5s ease-out;margin-top:60px;bottom:2%;}
.caret .button .scroll {opacity:0;-webkit-transition:opacity .25s ease-in-out;-moz-transition:opacity .25s ease-in-out;transition:opacity .25s ease-in-out;color:#fff}
.arrow {padding-top:3px;display:block;margin:0px auto;width:45px;height:26px;opacity:1;-webkit-animation-name:arrow;animation-name:arrow;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;transform-origin:0 0 -12px;cursor:pointer;}
.caret .button:hover .cta.scroll {opacity:1;}
.section2 .caret .button .scroll{ color: #333 }
@-webkit-keyframes arrow { 0% { -webkit-transform: translate3d(0, 0, 20px) rotateX(20deg); opacity: 0; }
  20% { -webkit-transform: translate3d(0, 0, 20px) rotateX(0); opacity: 1; }
  60% { -webkit-transform: translate3d(0, 0, 20px) rotateX(0); opacity: 1; }
  80% { -webkit-transform: translate3d(0, 0, 20px) rotateX(0); opacity: 1; }
  100% { -webkit-transform: translate3d(0, 0, 20px) rotateX(-0deg); opacity: 0; } }
@keyframes arrow { 0% { transform: translate3d(0, 0, 20px) rotateX(20deg); opacity: 0; }
  20% { transform: translate3d(0, 0, 20px) rotateX(0); opacity: 1; }
  60% { transform: translate3d(0, 0, 20px) rotateX(0); opacity: 1; }
  80% { transform: translate3d(0, 0, 20px) rotateX(0); opacity: 1; }
  100% { transform: translate3d(0, 0, 20px) rotateX(-0deg); opacity: 0; } }