/*----CSSreset---*/
body {color: #222;line-height:1.3;}
body,input,textarea{ font: 14px "Microsoft Yahei", Arial, "Helvetica Neue", Helvetica, sans-serif;}
@media all and (min-width: 0px) {body { min-width: auto;}}
body,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,table,tr,td,th,img,input,button,select,textarea,img,form,fieldset{margin: 0;padding: 0;border: 0;}
ul,li,ol{ list-style: none;}  img{ max-width: 100%;}
table{ border-collapse: collapse;}
h1,h2,h3,h4,h5,h6,th{font-weight: normal;}  i,em{ font-style: normal;}
a{ text-decoration: none;color: #595959; -webkit-tap-highlight-color: rgba(0,0,0,0);tap-highlight-color: rgba(0,0,0,0);}

input,button,select,textarea,input:focus,select:focus,textarea:focus{outline: none;}
input,button,select,textarea{color: #666;}
textarea{resize: none;}
input[type="submit"]{ -webkit-appearance: none !important; }
input[type="button"]{ -webkit-appearance: none !important;  }
h1{ font-size: 48px; }   h2{ font-size: 36px; }   h3{ font-size: 24px; }
h4{ font-size: 18px; }   h5{ font-size: 16px; }   h6{font-size: 14px;}
/*----CSSreset end---*/

/*---共用样式---*/
.fl { float: left; } .fr{float: right;}
.tb { display: table;height: 100%;width: 100%; }
.tb_c{ display: table-cell;vertical-align: middle;}
.clearfix::after,.clearfix::before{content: "";display: block;height:0;width: 100%;clear: both;overflow: hidden;font-size: 0;line-height: 0;}
.clearboth{width: 100%;height:0;clear: both;overflow: hidden;font-size: 0;line-height: 0;}
.fake{position: relative;}   .fake::before,.fake::after{content: "";position: absolute;}
.posr{position: relative;}   .posa{position: absolute;}
.blur{filter:url(blur.svg#blur);-webkit-filter: blur(10px);-moz-filter: blur(10px);-o-filter: blur(10px);-ms-filter: blur(10px);filter:blur(10px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false);}
.gray{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.nowrap{ white-space: nowrap;text-overflow:ellipsis; overflow:hidden; }
.break{ word-wrap:break-word; word-break: break-all; }
.ani,.all *{transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;}
.picbg{height: 100%;background-size: cover;background-size:100% 100%\9; background-position: center center;background-repeat: no-repeat;}
.rowbg{background-size: cover;background-size:100% 100%\9; background-position: center center;background-repeat: no-repeat;}
.mobile,.hide{display: none;}  .pc{display: block;}

/*网格*/
.row .md1 { width: 8.333%; }   .row .md2 { width: 16.666%; }  .row .md3 { width: 25%; }
.row .md4 { width: 33.333%;}  .row .md5 { width: 41.666%; }  .row .md6 { width: 50%; }
.row .md7 { width: 58.333%; }  .row .md8 { width: 66.666%; }  .row .md9 { width: 75%; }
.row .md10 { width: 83.333%; } .row .md11 { width: 91.666%; } .row .md12 { width: 100%; }
.row .md1, .row .md2,.row .md3,.row .md4,.row .md5,.row .md6,
.row .md7, .row .md8,.row .md9,.row .md10,.row .md11,.row .md12 { float: left; }
/*滚动条样式*/
.stylescroll::-webkit-scrollbar{width:9px; background-color:rgba(255,255,255,0.7);}
.stylescroll::-webkit-scrollbar-thumb{border:none; width:5px;background-color:rgba(0,0,0,0.4);}
.stylescroll::-webkit-scrollbar-corner{background-color:rgba(255,255,255,0.7);}
.stylescroll::-webkit-scrollbar:horizontal{height:9px;}
/*按钮*/
.btn{border-radius: 5px;line-height: 45px;padding: 0 15px;display: inline-block;cursor: pointer;text-align: center;transition: all .2s;-webkit-transition: all .2s;-o-transition: all .2s;-moz-transition: all .2s;-ms-transition: all .2s;}
/*文本字体大小*/
.fz12{font-size: 12px;}   .fz14{font-size: 14px;}   .fz16{font-size: 16px;}  .fz18{font-size: 18px;}
.fz22{font-size: 22px;}   .fz24{font-size: 24px;}   .fz26{font-size: 26px;}  .fz28{font-size: 28px;}
.fz30{font-size: 30px;}   .fz32{font-size: 32px;}   .fz34{font-size: 34px;}  .fz36{font-size: 36px;}
.fz38{font-size: 38px;}   .fz40{font-size: 40px;}   .fz42{font-size: 42px;}  .fz44{font-size: 44px;} .fz20{font-size: 20px;}
/*文本对齐*/
.tac{text-align: center;} .tar{text-align: right;} .tal{text-align: left;}
/*最大宽度*/
.wrap{max-width: 1200px;margin: 0 auto;}

header{position: fixed;background-color:#fff;
    left: 0;z-index:999;
    top: 0;
    height: 74px;
    box-shadow: 0 0 8px #e3ebfa;
    -moz-box-shadow: 0 0 8px #e3ebfa;
    -webkit-box-shadow: 0 0 8px #e3ebfa;
    right: 0;
}
header .fl .ts{float: left;padding: 0 10px;line-height: 74px;font-size: 16px;
text-align:center;width: 110px}
header .fl .ts:hover span{display: none}
header .fl .ts:hover a{display: block}
header .fl .ts a{display: none;margin-top: 18px;
    width: 110px;
    height: 38px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 38px;
    background-color: #29ccb1ba;
    border-radius: 30px;}

header .fl .ts .line{height: 3px;width: 40px;background-color: #29ccb1;margin-left: auto;margin-right: auto;}
header .fr img{vertical-align: middle;padding-right: 6px;}
header .content{padding-left: 150px;}
.banner{margin-top: 74px;
	height: 600px;
	width: 100%;
	background: url(../image/bg01.jpg) no-repeat;
}
.banner .title{margin-top:100px;position:relative;}
.banner .fl{width: 40%}
.banner .fr{text-align: center;width: 60%}
.banner .fr img{margin-top:80px;}
.banner .fl .down{margin-top: 30px;margin-right: 10px;color: #fff}
.banner .fl .down a{color: #fff;font-size: 24px;margin-right: 20px;display: block;position:relative;
width: 200px;text-align:center;line-height:68px;
height: 68px;transition: all 0.5s ease;
background-image: linear-gradient(#ff7f7d, #fb4846);
box-shadow: 0px 3px 14px 0px rgba(0, 21, 62, 0.15);
border-radius: 8px;
}
.xiazai{position:relative;left:0px;top:17px;overflow:hidden;}
.banner .fl .down a img{vertical-align: middle;padding-right: 3px;position:relative;top:6px;}
.banner .fl .down span{color: #ffdb26}
.banner .fl .vs{color: #444444;line-height: 30px;font-size: 12px;margin-top: 20px;}
.row .title{text-align: center;padding-top: 65px;line-height: 30px;}
.row .title div{color: #333;font-size: 24px;font-weight: bold;background:url(../image/y.png) right top no-repeat;width: 160px;margin-left: auto;margin-right: auto;padding-top: 3px; }
.row .title p{color: #999;font-size: 12px;}

.row2{height: 554px;background: url(../image/bg2.png);padding-bottom: 25px;}
.row2 .wrap{position: relative;}
.row2 .box1{width: 45%; height: 300px;}
.row2 .box1 .fl{width: 59%;color: #333333;padding-left: 40px;padding-top: 115px;}
.row2 .img{position: absolute;
    top: -22px;
    right: 0;
   }
.row2 .box1 .fl div{font-size: 24px;color: #333333;font-weight: bold;line-height: 40px;}
.row2 .box1 .fl p{font-size: 14px;line-height: 24px;}
.row2 .box1 .fl  .ts{font-size: 12px;margin-bottom: 20px;color: #333333a3;}
.row3 .title div{width: 100px;}
.row3 ul {width: 1120px;margin: 35px auto;}
.row3 ul li{float: left;margin-right:40px;}
.row3 ul li .bd{width: 250px;
height: 280px;
background: #FFFFFF;
box-shadow: 0px 1px 12px 0px rgba(0, 74, 49, 0.15);
border-radius: 10px;text-align:center; }
.row3 ul li:nth-child(4n+4) {margin-right: 0px;}
.row3 ul li .bd .f20{font-size:18px;color:#333333;margin-right: auto;margin-right: auto;}
.fl .logo{margin-top:16px;}
.hezuo{margin-top:24px;}
.row3 ul li .ico{padding-top:40px;}
.clear{clear:both; }
.row3 ul li .telle{margin-top:10px;font-size:14px;color:#999999;}

.row4 .title div{width: 100px;}
.row4 ul li{
box-shadow: 0px 2px 16px 0px rgba(0, 69, 46, 0.15);
border-radius: 6px;}


.row4 ul{width: 1170px;margin: 50px auto;}
.footer-tele{margin-top:40px;background-color:#33bba9;height: 400px; }
.dibua{width: 490px;margin: 0 auto;text-align:center;}
.footxiazai{display: block;width: 220px;margin-left: auto;
    margin-right: auto;transition: all 0.5s ease;
    margin-top: 20px;
height: 63px;
background: #ffd200;
box-shadow: 0px 4px 12px 0px rgba(0, 109, 91, 0.26);
border-radius: 30px; font-size:24px;color:#fff;text-align:center;line-height:63px;}
.dibua .footlogo{padding-top:70px;}
.dibua p.te1{font-size:16px;color:#ffffff;margin-top:20px;}
.dibua .xinxin{margin-top:30px;}
.footxiazai .down{vertical-align: middle;
    margin-right:8px; position:relative;top:-2px;}
.dibua p.te2{font-size:14px;color:#ffffff;margin-top:15px;}
.dibua p.te2 span{color:#ffe44e;}
.row3 ul li{transition: all 0.5s ease;}
.row3 ul li:hover {transform: translateY(-10px);}
.row4 ul li{transition: all 0.5s ease;}
.row4 ul li:hover {transform: translateY(-10px);}

.banner .fl .down a{transition: all 0.5s ease;}
.banner .fl .down a:hover{transform: translateY(-10px);}
.footxiazai:hover{transform: translateY(-10px);}
.xz{vertical-align: middle;margin-right:10px;position:relative;top:-2px;  }
.row1{height:243px;}
.row1 ul li{text-align:center;width: 16.66%;float:left;margin-top:50px;height: 182px;  }
.row1 ul li p{font-size:18px;color:#333333;margin-top:10px;  }
.row1 ul li a{display: none;width: 119px;margin: 20px auto;height: 34px;font-size: 14px;color: #fff;text-align: center;line-height: 34px;
background-color: #29ccb1ba;border-radius: 30px;}
.row1 ul li:hover a{display: block}
.fl a.mianfei{color: #fff;
font-size: 24px;margin-top:30px;  
margin-right: 20px;
display: block;
width: 195px;
text-align: center;
line-height: 56px;
height: 56px;
transition: all 0.5s ease;
background: #33bba9;
box-shadow: 0px 3px 14px 0px rgba(0, 21, 62, 0.15);
border-radius: 30px;}
.down{vertical-align: middle;
padding-right: 5px;
position: relative;
top: -3px;}
.fl a.mianfei:hover{transform: translateY(-10px);}
.xjxiazai{display: block;width: 110px;height: 38px;font-size:14px;color:#fff;text-align:center;line-height:38px;
background-color:#29ccb1ba;border-radius:30px;}
.hezuo {margin-top: 18px;}
.xjxiazai:hover{background-color:#29ccb1;}
header .content {padding-left: 210px;}
.Box {position: relative;}
.Box .content {width: 1125px;margin: 0 auto;}
.Box h2 {text-align: center;margin-bottom: 35px;padding-top: 250px;}
.Box .Box_con {position: relative;}
.Box .Box_con .btnl {position: absolute;}
.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 80px;cursor: pointer;}
.Box .Box_con .btnl {background: url(img/jtl02.png) no-repeat center;left: -72px;}
.Box .Box_con .btnr {background: url(img/jtr02.png) no-repeat center;right: -72px;}
.Box .Box_con .btnl:hover {background: url(img/jtl03.png) no-repeat center;}
.Box .Box_con .btnr:hover {background: url(img/jtr03.png) no-repeat center;}
.Box .Box_con .conbox {position: relative;overflow: hidden;padding-bottom: 5px;}
.Box .Box_con .conbox ul {position: relative;list-style: none;}
.Box .Box_con .conbox ul li {float: left;width: 547px;height: 297px;margin-left: 30px;overflow: hidden;}
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box .Box_con .conbox ul li img {display: block;width: 547px;height: 297px;transition: all 0.5s;}
.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}
.Box .BoxSwitch {margin-top: 35px;text-align: center;}
.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
.Box .BoxSwitch span.cur {background: #35bda9;}


