@charset "utf-8";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:14px/1.5 tahoma,arial,\5b8b\4f53,"Microsoft YaHei";}
h1,h2,h3,h4,h5,h6{font-size:100%;}
address,cite,dfn,em,var{font-style:normal;}
small{font-size:12px;}
ul,ol,li{list-style:none;}
a{text-decoration:none;color:#333;}
a:hover{color:#0ac564;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
img{border:0;vertical-align:middle;}
button,input,select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
body{color:#333;background:#fff;font-family:"Microsoft YaHei";font-size: 14px;}
.clear{clear:both;height:1px;width:100%;}
.fl{float:left;}
.fr{float:right;}
.hr{overflow:hidden;width:100%;clear:both;}
.hr10{height:10px;}
.hr20{height:20px;}
.hr30{height:30px;}
.clearfix:after{content:".";display:block;height:0;visibility:hidden;clear:both;}
.clearfix{zoom:1;}
.bgfff{background: #fff;}
.main{width:1200px;margin:0 auto;}
.none{display:none;}
.block{display:block;}
.bd{border:1px solid #ccc;}
.ov{overflow: hidden;}
.tablist, .tablist2{display:none;}
.tabNav li,.num span,.turnbtn{cursor:pointer;}
.turnBtn{display:block;cursor:pointer;}
.pt24{padding-top:24px;}
.w1200{width:1200px;margin-left:auto;margin-right:auto;}
.w840{width:840px;}
.w340{width:340px;}
.pd20{padding: 20px;}
.pd10{padding: 10px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mr10{margin-right: 10px;}
.mr20{margin-right: 20px;}
.mr30{margin-right: 30px;}
.mr40{margin-right: 40px;}
.mr50{margin-right: 50px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.sbg1{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5);}
:root .sbg1{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00000000', endColorstr='#00000000');}/*for IE9*/
.sizing_bd{box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.flex{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap; flex-wrap: nowrap;}
.flex1{-moz-flex-grow: 1; -webkit-flex-grow: 1; flex-grow: 1;}
.elli2{text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.elli3{text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.elli4{text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.elli1{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.liscale{overflow: hidden;}
.liscale img, .jtdate img{-webkit-transition:all 0.15s linear; -moz-transition: all 0.15s linear; transition:all 0.15s linear;}
.liscale:hover img,.jtdate:hover img{transform: scale(1.1); -ms-transform:scale(1.1);-moz-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1);}
.hov{cursor:pointer;transition: transform .3s; -webkit-transition: transform .3s; -moz-transition: transform .3s; -ms-transition: transform .3s;}
.hov:hover{transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px);}
.btn{ background: #0ac564;width: 370px;height: 77px; border-radius: 13px; text-align: center; line-height: 72px;font-size: 32px; display: block; color: #fff;}
.btn:hover{ color: #fff; }
.btn i{ display: inline-block; width: 32px;height: 40px; background-position: -284px -77px;vertical-align: middle;margin-right: 15px;margin-top: -2px;}
.babtn{overflow: hidden; position: relative; }
.babtn:after{position:absolute;display:block;content:'';top:50%;left:50%;background:rgba(159,209,255,0.1);width:680px;height:680px;border-radius:50%;margin-left:-340px;margin-top:-340px;animation:spread 1.5s infinite both;-webkit-animation:spread 1.5s infinite both;-moz-animation:spread 1.5s infinite both;-o-animation:spread 1.5s infinite both;z-index:1;}
@keyframes spread{0%{transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0);} 100%{transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);}}
@-webkit-keyframes spread{0%{transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0);} 100%{transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);}}
@-moz-keyframes spread{0%{transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0);} 100%{transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);}}
@-o-keyframes spread{0%{transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0);} 100%{transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);}}
.btn i,.banners .gn li i, .titme i,.commentbox li .star i,.commentBox li .star,.comment .btnst{ background-image: url(../files/icon.png); }
.headertop{ width: 100%; height: 78px; background-color: #fff; left: 0; right: 0;top: 0;display: none; position: fixed;left: 0;right: 0;top: 0;z-index: 999; box-shadow: 0px 0px 20px 0px rgba(30, 98, 188, 0.1);}
.headertop .logo{display: block; padding-top: 19px;height: 40px;line-height: 40px;font-size: 24px;font-weight: normal;}
.headertop .logo a{display: block;}
.headertop .logo img{ display: block; width: 40px;height: 40px;float: left; margin-right: 12px; }
.headertop .btn{ display: block; width: 148px;height: 48px;line-height: 48px; margin-top: 14px;font-size: 18px;}
.headertop .btn i{width: 22px;height: 22px; background-position: -323px -77px;margin-right: 5px;margin-top: -4px;}

.banners{ width: 100%; height: 919px; position: relative;overflow: hidden; color: #fff;  background-image: url(../files/banner.jpg); background-position: center; background-size: cover;}
.banners a{ color: #fff; }
.banners .w1200{ position: absolute; left: 50%; margin-left: -600px;top: 0;padding-top: 194px; }
.banners .tt{height:96px;line-height: 96px;font-size: 72px;font-weight: bold; text-align: center; padding: 2px 0 10px; }
.banners .tt img{ display: inline-block; width: 96px;height: 96px; margin-right:22px; }
.banners .text{font-size: 40px; text-align: center;line-height: 1;white-space: nowrap;margin-top: 34px;margin-bottom: 104px;}
.banners .gn{ text-align: center; font-size: 0;padding-left: 58px;padding-right: 58px; margin-bottom: 50px;}
.banners .gn li{display: inline-block; *float: left;*display: block; width: 16.66%;font-size: 18px;line-height: 1;}
.banners .gn li i{ display: block; width: 90px;height: 80px; margin: 0 auto 13px; }
.banners .gn li .i1{ background-position: 8px 0; }
.banners .gn li .i2{ background-position: -80px 0;}
.banners .gn li .i3{ background-position: -170px 3px; }
.banners .gn li .i4{ background-position: -263px 0; }
.banners .gn li .i5{ background-position: -316px 0; }
.banners .btn{ margin:0 auto 32px;display: block;  }
.banners .info{line-height: 20px;font-size: 18px;text-align: center;font-weight: normal;}
.title{ text-align: center; margin-bottom: 34px; }
.title span{ font-size: 56px;font-weight: normal; color: #171717; display: inline-block; height: 96px;line-height: 96px; border-bottom: 4px solid #171717; }
.index2{ padding-top: 43px; }
.index2 ul{ margin-right: -30px; }
.index2 li{ width: 260px;height: 300px;float: left; margin-right: 40px;margin-bottom: 46px;border-radius:10px; overflow: hidden;border:2px solid #ffffff;box-shadow:4px 4px 12px #999999}
.index2 li .img{width:100%;float:left;height:110px;text-align:center;line-height:110px;}
.index2 li .tt{ float:left;width:100%; height: 56px;font-size: 20px;font-weight: bold;text-align: center;line-height: 56px;color:#000; }
.index2 li .text{float:left;width:80%;margin-left:10%;text-align: center;font-size: 14px;line-height:30px; color:#000;transition: top .3s; -webkit-transition: top .3s; -moz-transition: top .3s; -ms-transition: top .3s;}
.index2 li a:hover{color:#000;}
.index2 li:hover{border-color:#0ac564;}
.index2 .btn{ margin: 51px auto 0; }
.index2{ margin-bottom: 108px; }
.in3tiem .img{ display: block; width: 610px;height: 435px;/*border:1px solid #e4ecf4; border-radius: 20px;-webkit-box-shadow: 0px 8px 13px 0px rgba(78, 182, 242, 0.18);-moz-box-shadow: 0px 8px 13px 0px rgba(78, 182, 242, 0.18);box-shadow:0px 8px 13px 0px rgba(78, 182, 242, 0.18); */}
.mr140{margin-right: 140px;}
.in3tiem{margin-bottom: 95px;}
.in3tiem .tt{ font-size: 40px;font-weight: normal;padding-top: 34px;margin-bottom: 20px;}
.in3tiem .tt span{ /*border-bottom: 3px solid #333;*/ display: inline-block;height: 80px;line-height: 80px;color:#0ac564;position:relative;padding-right:20px }
.in3tiem .tt span:after{content:"";position:absolute;right:4px;top:40px;width:7px;height:7px;border-radius: 50%;background-color:#000000;}
.in3tiem .text{ font-size: 24px; color: #777777; line-height: 44px; margin-bottom: 32px;}
.in3tiem .text p{/*white-space: nowrap;*/}
.comment{ width: 100%; height: 716px; background-image: url(../files/comment.jpg); background-position: center; background-size: cover; color: #fff; }
.comment .tts{ font-size: 56px;color: #fff;text-align: center; line-height: 1;font-weight: normal;padding-top: 58px;margin-bottom: 88px; }
.prebox,.commentBox{ width:  846px; margin: 0 auto; height: 480px;}
.prebox{ position: relative;overflow: hidden;}
.commentBox{ position: absolute; left:282px;}
.commentBox ul{ position: absolute; left: 0;top: 0; width: 400%; height: 100%; }
.commentBox li{ width: 282px; float: left;text-align: center; position: relative; padding-top: 16px;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s;}
.commentBox li .imgBox{ display: block; width: 120px;height: 120px;margin: 0 auto 32px;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; }
.commentBox li .imgBox img{ display: block; width: 100%; height: 100%;border-radius: 50%;}
.commentBox li .name{ font-size: 24px;font-weight: normal; line-height: 1;margin-bottom: 12px; }
.commentBox li .star{ display: block; width: 174px;height: 24px;background-position: 0 -81px;margin: 0 auto; }
.commentBox li .text{ width: 760px; position: absolute; left: 50%; margin-left: -380px; top: 260px; line-height: 32px; font-size: 20px; }
.commentBox li .name,.commentBox li .star,.commentBox li .text{ opacity: 0;filter:Alpha(opacity=0);transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; }
.commentBox li.active .name,.commentBox li.active .star,.commentBox li.active .text{ opacity: 1;filter:Alpha(opacity=100); }
.commentBox li.active{ padding-top: 0; }
.commentBox li.active .imgBox{ width: 150px;height: 150px; }
.comment .w1200{ position: relative; }
.comment .btnst{ display: block; width: 22px;height: 40px; position: absolute; top: 259px; cursor: pointer;}
.comment .btnprev{background-position: -183px -77px; left: 0;}
.comment .btnnext{ background-position: -234px -77px; right: 0; }
.footer{ background-color: #041427; color: #fff; text-align: center;font-size: 18px;line-height: 1.75; padding: 10px 0; }
.index3{background:url(../files/index3.jpg) center center;width:100%;display:block;padding:110px 0px;}
.index3 .btn{ color: #fff; }

/*2020-11-9*/
.banners{height: 900px;}
.banners .w1200{padding-top: 160px;}
.banners .text{margin-bottom: 80px;margin-top: 29px;}
.banners .btn{ margin-bottom: 48px; }


.scollMainst{min-width: 1200px;overflow: hidden;}