@charset "utf-8";
/* CSS Document */
body { font:14px "microsoft Yahei","Arial",sans-serif; color: #333; line-height: 1.4; word-wrap:break-word; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-text-size-adjust: none;}
body,form,input,p,ol,ul,li,h1,h2,h3,h4,h5,h6,table,th,td,dl,dt,dd{padding:0;margin:0;}
img{border:0; vertical-align: middle;}
ul,li{list-style:none;}
dl,dt,dd{display: block;}
a{text-decoration:none; transition: 0.4s; -webkit-transition: 0.4s; outline: none;}
input,textarea{ box-sizing: border-box; outline:none;  border: 0; background:none; font:14px "microsoft Yahei","Arial",sans-serif; width: 100%; }
input[type="button"], input[type="submit"], input[type="text"] {-webkit-appearance: none; outline: none; }
h2{font-weight:400;}
i{ font-style:normal;}
b{ font-weight:normal;}

/*文本框placeholder=""文字颜色*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #333; opacity: 1}
input:-moz-placeholder, textarea:-moz-placeholder {color: #333; opacity: 1}
input::-moz-placeholder, textarea::-moz-placeholder {color: #333; opacity: 1}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #333; opacity: 1}


/* clear 页头，页脚，内容区都不用再加清除样式 */
.cf:before, body:before, .header:before, .main:before, .footer:before, .wrap:before { content: ''; display: table }
.cf:after, after, .header:after, .main:after, .footer:after, .wrap:after { content: ''; display: table; clear: both }
.cf, .header, .main, .footer, .wrap { *zoom: 1 }


/*特殊字体*/
@font-face {
	font-family: 'Conv_DIN-Bold';
	src: url('../fonts/DIN-Bold.eot');
	src: local('☺'), url('../fonts/DIN-Bold.woff') format('woff'), url('../fonts/DIN-Bold.ttf') format('truetype'), url('../fonts/DIN-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DIN-Regular';
	src: url('../fonts/DIN-Regular.eot');
	src: local('☺'), url('../fonts/DIN-Regular.woff') format('woff'), url('../fonts/DIN-Regular.ttf') format('truetype'), url('../fonts/DIN-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*其他公用*/
.wrap{width: 1200px; margin: 0 auto; }
.back_box{position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; background: rgba(0,0,0,0.6); display: none;}
.back_wrap{width: 800px; height: 480px; position: fixed; left: 50%; top: 50%; background: #000; margin: -240px 0 0 -400px;}
.back_wrap b{position: absolute; right: 0; top: -30px; cursor: pointer; width: 25px; height: 25px; display: block; background: url(../images/ico_03.png) no-repeat;}
.often_box{padding: 110px 0;}
.often_txt{text-align: center; padding-bottom: 30px;}
.often_txt h2{font-size: 32px; display: inline-block; padding-left: 70px; background-image: url(../images/ico_04.png); background-position: center left; background-repeat: no-repeat;}


/* 网站头/尾 */
.header{position: fixed; left: 0; top: 0; width: 100%; background: #fff; z-index: 99; height: 80px;}
.header .logo{float: left; padding-top: 19px;}
.header .nav{float: right; padding-top: 30px;}
.header .nav li{float: left; padding-right: 95px;}
.header .nav li:last-child{padding: 0;}
.header .nav a{font-size: 16px; color: #231f20; position: relative; display: inline-block;}
.header .nav a::before{content: ""; position: absolute; left: 0; bottom: -28px; width: 100%; height: 2px; background: #e60012; opacity: 0; transition: 0.5s; }
.header .nav a.one,
.header .nav a:hover{color: #e60012;}
.header .nav a.one::before,
.header .nav a:hover::before{opacity: 1;}
.header.on{box-shadow:0 4px 5px rgba(0, 0, 0, 0.2);}

.footer{background: #231f20; height: 60px; line-height: 60px; color: #fff; text-align: center; font-size: 12px;}
.footer a{color: #fff;}
.footer a:hover{color: #e60012;}

/*首页*/
.special_part1{background-color: #170c65; background-position: center; background-size: cover; background-repeat: no-repeat; color: #fff; height: 500px; margin-top: 80px;}
.special_part1 .img{display: none;}
.special_part1 dl{padding: 150px 0 0 30px;}
.special_part1 dd{font-size: 16px; line-height: 2; padding-top: 60px;}

.special_part2{ background-position: center; background-size: cover; background-repeat: no-repeat; }
.special_part2 .wrap{position: relative;}
.special_part2 .tvt{float: left; width: 520px; margin-left: 25px; }
.special_part2 .tvt li{position: relative;}
.special_part2 .tvt b{position: absolute; left: 50%; top: 50%; width: 46px; height: 46px; margin: -23px 0 0 -23px; background: url(../images/ico_02.png) center no-repeat; cursor: pointer; z-index: 1;}
.special_part2 .arrow div{ display: none; position: absolute; top: 50%; z-index: 1; width: 17px; height: 32px; margin-top: -16px; background-image: url(../images/ico_01.png); cursor: pointer;}
.special_part2 .arrow-left{left: 20px}
.special_part2 .arrow-right{right: 20px; background-position: 100% 0;}
.special_part2 .pagination{position: absolute; left: 0; bottom: 20px; text-align: center; width: 100%;}
.special_part2 .pagination span{width: 22px; height: 5px; background: #fff; display: inline-block; margin: 0 5px; cursor: pointer; transition: 0.5s;}
.special_part2 .pagination .swiper-active-switch{background: #e60012;}
.special_part2 .tet{ position: absolute; left: 650px; top: 40px; font-size: 22px; line-height: 2.3;}

.special_part3{position: relative; background: url(../images/ico_10.jpg) top right no-repeat;}
.special_part3 .wrap{position: relative; z-index: 1;}
.special_part3 .often_txt h2{background-image: url(../images/ico_04.png);}
.special_part3 .box{padding: 30px 40px 0 40px; position: relative;}
.special_part3 .box::before{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 80px; background-image: linear-gradient(#e6edf7, #fff); z-index: -1; }
.special_part3 .part1{font-size: 16px; padding-bottom: 20px;}
.special_part3 .part1 b{font-weight: bold; font-size: 18px; padding: 0 4px;}
.special_part3 .part1 b.b1{ color: #009fe8;}
.special_part3 .part1 b.b2{ color: #f7b52c;}
.special_part3 .part2{margin-bottom: 40px; position: relative;}
.special_part3 .part2::before{content: ""; position: absolute; left: 65%; top: 40px; width: 19px; height: 19px; background: url(../images/ico_13.png) center no-repeat; margin-left: -10px;}
.special_part3 .part2 .d1{float: left; width: 65%; padding-right: 25px; box-sizing: border-box;}
.special_part3 .part2 .d2{float: left; width: 35%; padding-left: 25px; box-sizing: border-box;}
.special_part3 .part2 dl{border-width: 1px; border-style: solid; text-align: center; cursor: pointer; transition: 0.5s;}
.special_part3 .part2 dt{border-width: 0 0 1px 0;  border-style: solid; height: 62px; line-height: 62px; font-weight: bold; transition: 0.5s;}
.special_part3 .part2 dd span{ padding: 7px 0; display: block; font-weight: bold; font-size: 16px; box-sizing: border-box; position: relative; transition: 0.5s;}
.special_part3 .part2 dd span::before{content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; display: block; z-index: -1; transition: 0.5s;}
.special_part3 .part2 .dl1{border-color: #009fe8; color: #009fe8;}
.special_part3 .part2 .dl1 dt{border-color: #009fe8; font-size: 50px;color: #009fe8; }
.special_part3 .part2 .dl1 span{float: left; width: 25%; padding: 0; border-right: 1px solid #009fe8;  background-image: linear-gradient(#fff 60%, #dcffff);}
.special_part3 .part2 .dl1 span:last-child{border: 0;}
.special_part3 .part2 .dl1 span a{display: block; color: #009fe8; padding: 7px 0;}
.special_part3 .part2 .dl1 span.on{ background-image: linear-gradient(#00a0e8 60%, #73d8f6); color: #fff;}
.special_part3 .part2 .dl1.on{color: #fff; background: #009fe8; border-bottom-color: #7adcf7;}
.special_part3 .part2 .dl1.on dt{border-color: #fff; color: #fff;}
.special_part3 .part2 .dl1.on span{ background-image: linear-gradient(#019fe8 60%, #7adcf7); border-color: #fff;}
.special_part3 .part2 .dl1 span.on a,
.special_part3 .part2 .dl1.on a{color: #fff;}

.special_part3 .part2 .dl2{border-color: #f7b52c;}
.special_part3 .part2 .dl2 dt{ color: #f7b52c;}
.special_part3 .part2 .dl2 span{ color: #f7b52c;background-image:#fff;}
.special_part3 .part2 .dl2.on{color: #fff; background: #f7b52c; border-bottom-color: #fcda93;}
.special_part3 .part2 .dl2.on dt{border-color: #fff; color: #fff;}
.special_part3 .part2 .dl2.on span{ background-image: linear-gradient(#f7b52c 60%, #fcda93); color: #fff;}
.special_part3 .part2 .dl2 dt{border-color: #f7b52c; font-size: 48px;}
.special_part3 .part2 .dl2 span{ background-image: linear-gradient(#fff 60%, #fff6e5);}
.special_part3 .part4{position: relative;}
.special_part3 .part4 .img{transition: 0.5s;}
.special_part3 .part4 .ul1 li{position: absolute; z-index: 2; }
.special_part3 .part4 .ul1 li a{ display: block; width: 100%; height: 100%;}
.special_part3 .part4 .ul1 .li1{left: 10%; bottom: 0; width: 80%; height: 28%;}
.special_part3 .part4 .ul1 .li2{left: 10%; bottom: 29%; width: 80%; height: 38%;}
.special_part3 .part4 .ul1 .li3{left: 0; top: 0; width: 9.5%; height: 100%;}
.special_part3 .part4 .ul1 .li4{right: 0; top: 0; width: 9.5%; height: 100%;}
.special_part3 .part4 .ul1 .li5{left: 10%; top: 0; width: 80%; height: 31%;}
.special_part3 .part4 .ul2 li{position: absolute; left: 0; top: 0; width: 100%; height: 100%;  display: none; z-index: 1;}

.special_part3 .part4 .ul2 .li1,
.special_part3 .part4 .ul2 .li3,
.special_part3 .part4 .ul2 .li4,
.special_part3 .part4 .ul2 .li6{top: -40px; left: -100px}
.special_part3 .part5{}
.special_part3 .part6{display: none;}

.special_part4{background: #000; position: relative; height: 760px; box-sizing: border-box; overflow: hidden;}
.special_part4::before{content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/ico_08.png) center no-repeat; background-size: cover;  z-index: 1;}
.special_part4 .wrap{position: relative; z-index: 1;}
.special_part4 .often_txt h2{ color: #fff; background-image: url(../images/ico_05.png);}
.special_part4 .pic{float: left; padding-top: 40px;}
.special_part4 .list{ color: #fff; padding: 50px 0 0 60px; overflow: hidden;}
.special_part4 .list li{padding-left: 50px; line-height: 50px; cursor: pointer; margin-bottom: 40px; position: relative; }
.special_part4 .list li:last-child{margin-bottom: 0;}
.special_part4 .list span{position: relative; z-index: 1; display: block;}
.special_part4 .list li::before{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/ico_07.png) center left no-repeat; transform: translateX(-30px); opacity: 0; transition: 0.5s;}
.special_part4 .list b{font-size: 27px; float: left; font-style: oblique; transition: 0.5s;}
.special_part4 .list em{font-size: 16px; float: left; color: #5f90e1; padding-top: 5px; transition: 0.5s;}
.special_part4 .list i{margin: 5px 0 0 15px; padding-left: 20px; font-size: 16px; float: left; position: relative; transition: 0.5s;}
.special_part4 .list i::before{content: ""; position: absolute; left: 0; top: 50%; width: 10px; height: 2px; background: #fff; opacity: 0.5;}
.special_part4 .list li.on::before{transform: translateX(0); opacity: 1;}
.special_part4 .list li.on b{font-size: 36px;}
.special_part4 .list li.on em{color: #fff; font-size: 22px;}
.special_part4 .list li.on i{font-size: 22px;}
.special_part4 .list .li1{margin-left: 120px;}
.special_part4 .list .li2{margin-left: 90px;}
.special_part4 .list .li3{margin-left: 60px;}
.special_part4 .list .li4{margin-left: 30px;}
.special_part4 .tvt{position: absolute; right: -20%; top: 0; width: auto; height: 100%;}
.special_part4 .tvt video{ background: #000; position: absolute; right: 0;}

.special_part5{background: url(../images/ico_12.jpg) left bottom no-repeat;}
.special_part5 ul{margin: -20px -10px 0 -10px;}
.special_part5 li{float: left; width: 33.3%; padding: 20px 10px 0 10px; box-sizing: border-box;}
.special_part5 dl{position: relative; color: #fff; overflow: hidden;}
.special_part5 dt{position: relative; overflow: hidden;}
.special_part5 dt img{transition: 5s;}
.special_part5 dt::before{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; background: url(../images/ico_06.png) center bottom no-repeat; background-size: cover; z-index: 1;}
.special_part5 .tit{position: absolute; left: 20px; bottom: 15px; z-index: 2; transition: 0.5s;}
.special_part5 .tit h2{font-size: 22px; padding-bottom: 5px;}
.special_part5 .tit span{opacity: 0.6;}
.special_part5 dd{position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: rgba(12,5,55,0.8); z-index: 3; box-sizing: border-box; padding: 20px 30px; transition: 0.5s; opacity: 0;}
.special_part5 .txt{font-size: 22px; padding-bottom: 8px;}
.special_part5 .tet{opacity: 0.6; padding-bottom: 8px; height: 100px;}
.special_part5 .tat{text-align: right;}
.special_part5 .tat b{color: #fff; background: url(../images/ico_09a.png) center right no-repeat; padding-right: 30px; transition: 0.5s; background-size: auto 100%;}
.special_part5 .tat b:hover{color: #e60012;  background: url(../images/ico_09.png) center right no-repeat; background-size: auto 100%;}
.special_part5 .tbt{position: absolute; left: 0; top: 50%; width: 100%; text-align: center; z-index: 1; color: #333; font-size: 22px; margin-top: -15px;}
.special_part5 .tbt i{background: url(../images/ico_11.png) center right no-repeat; padding-right: 40px;}
.special_part5 li a:hover .tit{opacity: 0;}
.special_part5 li a:hover dd{opacity: 1;}
.special_part5 li a:hover img{ transform: scale(1.2);}


/* 移动端 */
@media screen and (max-width:1200px){
	.wrap{width: auto; margin: 0 30px;}
	.often_box{padding: 90px 0;}

	.special_part1{height: 350px;}
	.special_part1 dl{padding: 120px 0 0 80px;}
	.special_part1 dt img{width: 350px;}
	.special_part1 dd{padding-top: 40px;}

	.special_part2 .tvt{margin: 0; width: 500px; }
	.special_part2 .tvt img{width: 100%;}
	.special_part2 .tet{font-size: 22px; line-height: 2; left: 550px; top: 40px;}

	.special_part3{background-size: 100px;}
	.special_part3 img{width: 100%;}
	
	.special_part4{height: auto;}
	.special_part4 .back_img li{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; display: none;}
	.special_part4 .back_img li:nth-of-type(1){display: block;}
	.special_part4 .tvt{display: none;}
	.special_part4 .pic img{width: 400px;}
	.special_part4 .list{padding: 30px 0 0 30px;}

	.special_part5{background-size: 100px;}
	.special_part5 dt img{width: 100%;}
	.special_part5 dd{opacity: 1; background: none; padding: 0;}
	.special_part5 .txt,
	.special_part5 .tet{display: none;}
	.special_part5 li a:hover .tit{opacity: 1;}
	.special_part5 .tat{position: absolute; bottom: 15px; right: 15px; display: block;}
	.special_part5 .tat b{color: #fff; padding-right: 25px; background: url(../images/ico_09a.png) center right no-repeat;background-size: auto 100%;}

}

@media screen and (max-width:1002px){
	.header .nav li{padding-right: 60px;}
	.often_box{padding: 60px 0;}
	.often_txt h2{font-size: 26px; background-size: 40px; padding-left: 50px;}

	.special_part1{height: 280px;}
	.special_part1 dl{padding: 90px 0 0 40px;}
	.special_part1 dt img{width: 300px;}
	.special_part1 dd{padding-top: 25px;}

	.special_part2 .tvt{width: 350px;}
	.special_part2 .tet{font-size: 18px; left: 380px; top: 40px;}	

	.special_part3 .box{padding: 20px 30px 0 30px;}
	.special_part3 .part2 dt{height: 50px; line-height: 50px;}
	.special_part3 .part2 .dl1 dt{font-size: 40px;}
	.special_part3 .part2 .dl2 dt{font-size: 38px;}
	.special_part3 .part2 dd span{font-size: 14px;}
	.special_part3 .part2::before{top: 35px;}

	.special_part4 .pic{width: 30%;}
	.special_part4 .pic img{width: 100%;}

	.special_part4 .list{float: left; width: 70%; overflow: inherit; padding: 0; box-sizing: border-box;}
	.special_part4 .list li{height: 40px; line-height: 40px; margin-bottom: 20px; padding-left: 30px;}
	.special_part4 .list li::before{background-size: 430px; top: 3px;}	
	.special_part4 .list li.on b{font-size: 30px;}
	.special_part4 .list li.on em{font-size: 18px;}
	.special_part4 .list li.on i{font-size: 18px;}

	.special_part5 li{width: 50%;}

	.back_wrap{width: 700px; height: 400px; margin:-200px 0 0 -350px;}
}


@media screen and (max-width:758px){
	.wrap{margin: 0 15px;}
	.often_box{padding: 40px 0;}
	.often_txt{padding-bottom: 20px;}
	.often_txt h2{font-size: 21px; background-size: 30px; padding-left: 40px;}
	.header{height: 50px;}
	.header .logo{padding-top: 12px;}
	.header .logo img{width: 65px;}
	.header .nav{padding: 0;}
	.header .nav ul{position: absolute; left: 0; top: 50px; background: #fff; width: 100%; border-top: 1px solid #f4f4f4; display: none;}
	.header .nav li{float: none; padding:0; border-bottom: 1px solid #dbdbdb ;}
	.header .nav a::before{display: none;}
	.header .nav a{display: block; text-align: center; padding: 20px; font-size: 12px;}
	.header .but{width: 25px; height: 25px; float: left; margin-top: 10px;}
    .header .but i{width:100%; height: 2px; margin-top: 15px; background: #313131; display: block; position: relative; transition: 0.4s;}
    .header .but i:before,
    .header .but i:after{content:""; position:absolute; left:0; top:0; display:block; width:100%; height:2px; background: #313131; transition: 0.4s;}
    .header .but i:before{ margin-top: -7px;}
    .header .but i:after{ margin-top: 7px;}
	.header .but.on i{background: #fff;}
	.header .but.on i:before{ transform: rotate(45deg); margin: 0;}
    .header .but.on i:after{ transform: rotate(-45deg); margin: 0;}


	.footer{height: auto; line-height: inherit; padding: 15px 0;}
	.back_wrap{width: 90%; height: 230px; margin: -115px 0 0 0; left: 5%;}
	
	.special_part1{margin-top: 50px; height: auto; background:none !important; }
	.special_part1 .img{display: block; width: 100%;}
	.special_part1 dl{display: none;}

	.special_part2{ background-image: url(../images/mod_03.jpg) !important; }
	.special_part2 .tet{position: inherit; width: auto; left: auto; top: auto; text-align: center; font-size: 14px; padding-bottom: 20px;}
	.special_part2 .tvt{width: auto; float: none;}
	.special_part2 .arrow div{width: 11px; height: 21px; margin-top: -10px; background-size: 22px;}
	.special_part2 .arrow-left{left: 5px;}
	.special_part2 .arrow-right{right: 5px;}
	.special_part2 .pagination{bottom: 10px;}
	.special_part2 .pagination span{width: 21px; height: 3px; }

	.special_part3{background: none;}
	.special_part3 .box{padding: 0;}
	.special_part3 .box::before{display: none;}
	.special_part3 .part1{font-size: 14px; padding-bottom: 10px;}
	.special_part3 .part1 b{ font-size: 16px;}
	.special_part3 .part2{margin-bottom: 25px;}
	.special_part3 .part2 .d1{padding-right: 15px;}
	.special_part3 .part2 .d2{padding-left: 15px;}
	.special_part3 .part2::before{width: 13px; height: 13px; background-size: 13px; margin-left: -7px; top: 45px;}
	.special_part3 .part2 .dl1 span{width: 50%;}
	.special_part3 .part2 .dl1 span:nth-of-type(1){border-bottom: 1px solid #009fe8}
	.special_part3 .part2 .dl1 span:nth-of-type(2){border-right: 0; border-bottom: 1px solid #009fe8}
	.special_part3 .part2 .dl2 span{height: 67px; line-height: 67px; padding: 0;}

	.special_part3 .part3,
	.special_part3 .part4,
	.special_part3 .part5{display: none;}
	.special_part3 .part6{display: block; position: relative;}
	.special_part3 .part6 li{position: absolute;}
	.special_part3 .part6 li a{display: block; width: 100%; height: 100%;}
	.special_part3 .part6 .li1{ left: 15%; bottom: 10%; width: 70%; height: 23.5%;}
	.special_part3 .part6 .li2{ left: 15%; bottom: 34%; width: 70%; height: 23.5%;}
	.special_part3 .part6 .li3{ left: 0; top: 14%; width: 14%; height: 76%;}
	.special_part3 .part6 .li4{ right: 0; top: 14%; width: 14%; height: 76%;}
	.special_part3 .part6 .li5{ left: 15%; top: 14%; width: 70%; height: 27%;}

	/*
	.special_part4::before{background: url(../images/mod_04.jpg) center no-repeat; opacity: 0.9;}
	.special_part4 .back_img{}
	.special_part4 .pic{width: 40%; padding-top: 30px;}
	.special_part4 .list{width: 60%; padding-left: 0;}
	.special_part4 .list li{margin: 0 !important; padding: 0 0 15px 20px; height: auto; line-height: inherit} 
	.special_part4 .list li:last-child{padding-bottom: 0;}
	.special_part4 .list li.on b,
	.special_part4 .list b{font-size: 18px;}
	.special_part4 .list li.on em,
	.special_part4 .list em{font-size: 12px; padding-top: 7px;}
	.special_part4 .list li.on i,
	.special_part4 .list i{font-size: 12px; margin: 6px 0 0 10px; padding-left: 18px;}
	.special_part4 .list i::before{width: 12px; height: 1px;}
	.special_part4 .list li.on::before{ height: 28px; top:0;}
*/

	.special_part4::before{background: url(../images/mod_04.jpg) center no-repeat;}
	.special_part4 .back_img{display: none;}
	.special_part4 .pic{width: 40%; padding-top: 30px;}
	.special_part4 .list{width: 60%; padding-left: 10px;}
	.special_part4 .list li{margin: 0 !important; padding: 0 0 15px 0; height: auto; line-height: inherit} 
	.special_part4 .list li:last-child{padding-bottom: 0;}
	.special_part4 .list li.on b,
	.special_part4 .list b{font-size: 21px;}
	.special_part4 .list li.on em,
	.special_part4 .list em{font-size: 12px; padding-top: 9px; color: #5f90e1;}
	.special_part4 .list li.on i,
	.special_part4 .list i{font-size: 13px; margin: 10px 0 0 10px;}
	.special_part4 .list i::before{width: 12px; height: 1px;}
	.special_part4 .list li.on::before{display: none;}

	.special_part5{background: none;}
	.special_part5 li{width: 100%;}
	.special_part5 .tit h2{font-size: 19px;}
	.special_part5 .tit span{font-size: 12px;}
	.special_part5 .tbt{font-size: 19px;}
	.special_part5 .tbt i{background-size: 20px; padding-right: 25px;}

}