/* CSS Document */
*{margin:0; padding:0;}
a{text-decoration:none;}
ul li{list-style:none;}
img{outline:none; border:none;}
input,select{outline:none;}
area{outline:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
b,i,em{font-style:normal;}
body{font-family:Microsoft YaHei; font-size:12px;}
.fr{float: right;}
.fl{float: left;}
.clear{clear: both;}
.clearbox:after{content: ''; clear: both; display: block; visibility: hidden; height: 0;}

.top{ width:1100px; margin:0 auto; overflow:hidden; height: 90px;}
.top a{float:left; width:91px; height:37px; overflow:hidden; background: no-repeat url(); display: block; margin-top: 24px;}
.top p{ float:right; height:90px; line-height:90px; background:url(../images/phone.png) left center no-repeat; text-indent:35px; color:#fff; font-size:22px; font-family:Arial, Helvetica, sans-serif;}

.btn{width: 1100px; margin: 0 auto; height: 100px; position: absolute; bottom: 190px; left: 0; right: 0;}
.btn a{display: block; cursor: pointer; width: 600px; margin-left: 100px; height: 100px;}

.level{width: 1200px; margin: 0 auto; overflow: hidden; padding-top: 100px;}

.index_title{width: 1100px; margin: 0 auto; text-align: center; height: 115px;}
.index_title h1{position: relative; font-size: 40px; color: #04A357; letter-spacing: 2px; text-align: center; font-weight: bold;}
.index_title h1 i{position: absolute; display: block; background: #04A357; width: 200px; height: 3px; left: 0; right: 0; margin: 0 auto;
border-radius: 8px; bottom: -20px;}
.index_title p{font-size: 30px; color: #001C18; letter-spacing: 3px; text-align: center;}

.btns{width: 680px; margin: 50px auto 0; position: relative; height: 66px;}
.btns a{display: block; width: 330px; height: 66px; text-align: center; line-height: 66px; color: #fff; font-size: 26px; position: absolute;}
.btns a:nth-child(1){background: linear-gradient(135deg, #0CD0A1 0%, #02B463 69%); left: 0; border-radius: 30px 0  0 30px;
-moz-background: linear-gradient(135deg, #0CD0A1 0%, #02B463 69%);
-webkit-background: linear-gradient(135deg, #0CD0A1 0%, #02B463 69%);}
.btns a:nth-child(2){background: linear-gradient(135deg, #FF736E 0%, #F83932 69%); right: 0; border-radius: 0 30px 30px 0;
-moz-background: linear-gradient(135deg, #FF736E 0%, #F83932 69%);
-webkit-background: linear-gradient(135deg, #FF736E 0%, #F83932 69%);} 
.btns a:hover{opacity: 0.9;}


.tllevel{width: 1112px; margin: 60px auto 0; overflow: hidden;}
.tllevel .hd li{float: left; width: 500px; height: 60px;font-size: 22px; line-height: 60px; text-align: center;
color: #001C18; margin: 0 28px;}
.tllevel .hd li:nth-child(1){background: no-repeat url(../images/le1.png); }
.tllevel .hd li:nth-child(2){background: no-repeat url(../images/le2.png);}
.tllevel .hd li.on:nth-child(1){background: no-repeat url(../images/le1on.png); color: #fff; transition: all .3s linear;}
.tllevel .hd li.on:nth-child(2){background: no-repeat url(../images/le2on.png); color: #fff; transition: all .3s linear;}
.tllevel .bd .con{margin-top: 47px; display: none;}
.tllevel .bd .con p{width: 655px; margin: 35px auto 0; font-size: 18px;
color: #001C18; text-align: center; line-height: 24px;}
.tllevel .bd p{font-size: 16px;color: #001C18;line-height: 24px; margin-top: 29px; text-align: center;}
.tllevel .bd p span{background: linear-gradient(140deg, #05AF60 14%, #0DD6A9 100%); width: 25px; height: 25px; color: #fff; display: inline-block;
 border-radius: 24px; line-height: 24px; font-size: 14px;}
.tllevel .bd .active{display: block;}



.tlbk{width: 1072px; margin: 55px auto 0; overflow: hidden; position: relative;}
.tlbk div.section{float: left; width: 300px; height: 230px; background: no-repeat url(../images/bk.png); margin-right: 86px;}
.tlbk .section1{margin-right: 0!important;}
.tlbk div.icon{position: absolute; top: 0; left: 300px; width: 86px;}
.tlbk div.icon:nth-child(2){left: auto; right: 300px;}
.tlbk div.icon img{width: 43px; height: 230px; display: block; float: left;}
.tlbk h1 i{position: absolute; width: 63px; height: 44px; left: 11px; top: -12px; display: block; transition: all .3s linear; }
.tlbk .section3{border-radius: 15px 0 0 15px;}
.tlbk .section1{border-radius: 0 15px 15px 0;}
.tlbk .section3 i{background: no-repeat url(../images/01.png);}
.tlbk .section2 i{background: no-repeat url(../images/02.png);}
.tlbk .section1 i{background: no-repeat url(../images/03.png);}
.tlbk div h1{font-size: 20px; color: #FFFFFF; text-align: center; margin-top: 32px; position: relative;}
.tlbk div p{width: 236px;font-size: 15px; color: #FFFFFF;  line-height: 28px; margin: 10px auto 0;}
.tlbk div:hover{opacity: 0.9;}
.tlbk div:hover i{transform: scale(1.1);}

.level1{width: 1100px; overflow: hidden; margin: 54px auto 0; }
.tlfx{width: 800px; margin-left: 300px;}
.tlfx .hd ul li{float: left; width: 180px; margin-right: 15px; background: no-repeat url(../images/lion.png); height: 58px; font-size: 22px;
color: #001C18; text-align: center; line-height: 58px;  }
.tlfx .hd ul li:hover,.tlfx .hd ul li.on{background: no-repeat url(../images/li.png); color: #fff; transition: all 1s linear;}

.tlfx .bd .con{padding-left: 50px; padding-top: 22px; display: none;}
.tlfx .bd .con h2{ont-size: 20px; color: #001C18;  line-height: 30px; margin-top: 10px;}
.tlfx .bd .con p{font-size: 18px;color: #001C18;line-height: 26px;}
.tlfx .bd .active{display: block;}
.tlks{width: 1100px; margin: 149px auto 0;}
.tlks ul{height: 467px; margin-bottom: 10px;}
.tlks ul li{width: 340px; margin-right: 30px; float: left; background: no-repeat url(../images/tlks.png); height: 376px; position: relative; transition: all 0.3s linear;}
.tlks ul li:nth-child(3){margin-right: 0;}
.tlks ul li p{ margin: 45px auto 0; width: 260px; font-size: 16px; color: #001C18;  line-height: 28px; }
.tlks ul li h1{background: no-repeat url(../images/h1bg.png); width: 230px; height: 63px;font-size: 24px; color: #FFFFFF; letter-spacing: 4.8px;
 text-align: center; line-height: 63px; left: 0; right: 0; margin: 0 auto; top: -22px; position: absolute;}

.tlks ul li:hover{background: no-repeat url(../images/yskson.png); height: 467px; transform: translateY(-30px);}
.tlks ul li:hover p{margin: 85px auto 0;}

.tlyc{width: 1070px; margin: 0 auto; padding-top: 80px;}
.tlyc ul li{float: left; width: 520px; margin-right: 30px; margin-bottom: 30px; height: 300px; position: relative;}
.tlyc ul li:nth-child(even){margin-right: 0; }
.tlyc ul li:nth-child(4){background: no-repeat url(../images/yc4.png); }
.tlyc ul li:nth-child(1){background: no-repeat url(../images/yc1.png); }
.tlyc ul li:nth-child(3){background: no-repeat url(../images/yc3.png);}
.tlyc ul li:nth-child(2){background: no-repeat url(../images/yc2.png);}
.tlyc ul li i{position: absolute; transition: all 0.3s linear; display: block; width: 197px; height: 30px;}
.tlyc ul li:nth-child(1) i{background: no-repeat url(../images/yc_01.png); bottom: 30px;  right: 40px;}
.tlyc ul li:nth-child(2) i{background: no-repeat url(../images/yc_02.png); bottom: 30px; left: 40px;}
.tlyc ul li:nth-child(3) i {background: no-repeat url(../images/yc_03.png); top: 12px; right: 40px;}
.tlyc ul li:nth-child(4) i{background: no-repeat url(../images/yc_04.png); top: 12px; left: 40px;}
.tlyc ul li:hover i{transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg);}
.tlyc ul li:hover{opacity: 0.9;}
.tlyc ul li p{width: 430px;  margin: 30px auto 0; font-size: 18px; color: #001C18; letter-spacing: 2px; line-height: 30px;}
.tlyc ul li:nth-child(3) p,.tlyc ul li:nth-child(4) p{margin-top: 70px;}


.tlkc{background: no-repeat url(../images/tlkc.png); width: 930px; height: 604px; margin:62px auto 0;}
.tlkc table{width: 800px; margin: 0 auto;}
.tlkc table tr th{height: 85px; text-align: center; vertical-align: middle; font-size: 24px; color: #001C18; letter-spacing: 1px; position: relative;} 
.tlkc table tr th i{position: absolute; display: block; background: no-repeat url(../images/dot.png); width: 16px; height: 16px; left: 62px; top: 36px;}
.tlkc table tr td{height: 85px; vertical-align: middle; font-size: 16px; color: #001C18; letter-spacing: 0.67px; border-bottom: 2px dashed #B8384C;}
.tlkc table tr:hover{opacity: 0.8; background: #FFAFBA;}
.tlkc table tr:first-child:hover{background: none;}
.tlkc table tr:nth-child(4) td{padding-bottom: 15px;}
.footer{width: 558px; margin:0 auto ; font-size: 16px; color: #001C18; letter-spacing: 0.67px; text-align: center; line-height: 30px; padding-top: 73px;}