﻿@charset "utf-8";
/* reset */
html { height: 100%; font-size:62.5%; /* 10÷16=62.5% */ overflow-x:hidden; }
body { min-height: 100% }
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight:normal; }
iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
body, input, select, button, textarea { color:#333; font-size: 14px; font-family:"Microsoft Yahei","微软雅黑",arial,"\5b8b\4f53";  }
body { line-height: 1.5;}
a:link,
a:visited,
a:active,
a { text-decoration: none;}
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none }



.edit_con_original{ line-height:2; padding:0 0; color:#333; /*text-align:justify;*/}
.edit_con_original ul{ margin:inherit; padding:inherit}
.edit_con_original ul li { list-style-type:disc; margin:auto; padding:inherit}
.edit_con_original ol{ margin:inherit; padding:inherit}
.edit_con_original ol li { list-style-type:decimal; margin:auto; padding:inherit}
.edit_con_original h1 { font-size: 2em; font-weight:bold }
.edit_con_original h2 { font-size: 1.5em; font-weight:bold }
.edit_con_original h3 { font-size: 1.17em; font-weight:bold }
.edit_con_original h4 { font-size: 1em; font-weight:bold }
.edit_con_original h5 { font-size: 0.83em; font-weight:bold }
.edit_con_original h6 { font-size: 0.67em; font-weight:bold }
.edit_con_original em { font-style: italic }
.edit_con_original cite{ font-style: italic }
.edit_con_original address{ font-style: italic }
.edit_con_original i { font-style: italic }
.edit_con_original table{ border-collapse: separate; border-spacing: 2px }
.edit_con_original img{ max-width:100%; height:auto;}

/*所有后台编辑器区域都要引用 edit_con_original 类名*/

/* clear 页头，页脚，内容区都不用再加清除样式 */
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both }
.fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 }
.clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {opacity:0.5;}
input:-moz-placeholder, textarea:-moz-placeholder {opacity:0.5;}
input::-moz-placeholder, textarea::-moz-placeholder { opacity:0.5;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {opacity:0.5;}

.fl{float: left;}
.fr{float: right;}

/*公用样式end*/

.auto-img { position: relative; overflow: hidden; display:block; }
.auto-img img { position: relative; }
.auto-bg { background-repeat:no-repeat; overflow:hidden; position:relative; background-position:center;
background-size:cover; 
-ms-behavior: url(../css/backgroundsize.min.htc);
behavior: url(../css/backgroundsize.min.htc);}
.ratio-img{ width:100%; height:auto; background:url(../images/error.png) center no-repeat #fff;}
.ratio-img img{width:100%;}
@media only screen and (min-width: 1025px){
.tran_scale{ overflow:hidden; display:block;}
.tran_scale img{transition:0.5s all; -webkit-transition:0.5s all;}
.tran_scale:hover img{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
}


/*字体样式*/
.ellips{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;}
.clamp{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; line-height: 1.7; max-height: 5.1em;overflow: hidden;}
.lh_11{line-height: 1.1em;}

/*内容区盒子*/
.wrap{max-width: 1660px;margin:0 auto;overflow: hidden;}
.banner{transition: all .5s}
.banner img{width: 100%;}

/*重置bxslider*/
.bx-wrapper{background: none!important;border: none!important;box-shadow: none!important;}
.bx-wrapper .bx-pager{padding-top: 0!important;}

.banner .bx-controls{ position: absolute;right:0;min-width: 126px; height: 30px;bottom:0; background: rgba(0,0,0,0.6);z-index: 100;}
.banner .bx-wrapper{margin:0;}
.banner .bx-wrapper .bx-pager{float: left;margin:3px 30px 0 10px; position: relative;bottom: 0; width:auto!important;}
.banner .bx-wrapper .bx-controls-auto{right:12px!important;bottom:7px; width:15px!important; height:15px;}
.banner .bx-wrapper .bx-controls-auto .bx-controls-auto-item{vertical-align:top!important;}
.banner .bx-wrapper .bx-controls-auto .bx-stop,.banner .bx-wrapper .bx-controls-auto .bx-stop:hover{ width:15px;height:15px;background: url(../images/play.png) center center no-repeat; }
.banner .bx-wrapper .bx-controls-auto .bx-start,.banner .bx-wrapper .bx-controls-auto .bx-start:hover{width:15px;height:15px;background: url(../images/suspend.png) center center no-repeat;}
.banner .bx-wrapper .bx-pager.bx-default-pager a{ background: #8D8D8E;}
.banner .bx-wrapper .bx-pager.bx-default-pager a:hover,.banner .bx-wrapper .bx-pager.bx-default-pager a.active,.banner .bx-wrapper .bx-pager.bx-default-pager a:focus{ background: #DE0916 }

.banner .txt{ position: absolute;left:0;top:0; width:100%;text-align: center;color:#fff; z-index: 100;}
.banner .txt h3{ margin-top: 12%; }
.banner .txt h3 em{padding:0 15px;}
.banner .txt .c{margin:20px 0;}



@media only screen and (min-width:1024px) {
        .banner .bxslider li {  position:absolute; left:0; top:0; visibility: hidden;  display:block!important;opacity: 1!important;}
        .banner .bxslider li.curr { opacity:1!important; visibility: visible;}
        .banner .bxslider li img { transform:scale(1.2); transition:10s all; -webkit-transition:10s all;opacity: 1; }
        .banner .bxslider li.curr img { transform:scale(1); opacity: 1;}
        .banner .bxslider li .txt{transform:scale(1); transition:7s all; -webkit-transition:7s all;}
        .banner .bxslider li.curr .txt{transform:scale(1);}
}


.weixin { position: fixed; width:360px; height: 280px; z-index: 100000; left: 50%; top: 50%; margin: -140px 0 0 -180px; background: #fff; border: 1px solid #ddd; border-radius: 4px; box-shadow: 2px 2px 5px #999; }
.weixin .c { position: absolute; width: 30px; height: 30px; right: 0; top: 0; font-size: 20px; font-style: normal; text-align: center; cursor: pointer; z-index: 2; }
.weixin h2 { position: relative; line-height: 30px; font-size: 16px; padding-left: 10px; }
.weixin .img { padding: 10px; text-align: center; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; font-size:0; }
.weixin .img span { display:inline-block; width:50%; text-align:center; font-size:14px; }
.weixin .img img { width: 170px; height: 170px; display:block; margin:0 auto;}
.weixin p { padding: 15px 10px 0; text-align: center; font-size:14px; }
@media only screen and (max-width: 425px) {
	.weixin {width: 300px;margin: -140px 0 0 -150px;}
}

/*site*/
.site{padding:15px 0;color: #909090}
.site a{color: #909090}
.site span{color: #333;}

a{color:#333;transition: all .2s;/* -webkit-transition: all .2s;-moz-transition: all .2s; -ms-transition: all .2s;transition: all .2s;*/}
a.more{width:36px;height:36px; background: url(../images/dot04.png) center center no-repeat;}
.tit{color:#333333; font-weight: bold;}
.tit a{color:#363636;}
.tit span{margin-left:30px;}
.tit span img{ vertical-align: middle;}

/*头部*/
.header{ height:110px;}
.header .inner{padding:33px 3.37% 0;}
.logo{float: left; }
.share_conn{float: right;width:290px; margin-top:20px;}
.share_conn a.wechat{float:left;width:20px;height:20px; background: url(../images/dot02.png) left center no-repeat;}
.share_conn dl{float: right;width:256px;height:22px; line-height: 22px; background: #D00000;color:#fff; font-weight: bold;}
.share_conn dt{ float: left; width:120px; text-align: center;}
.share_conn dd{ font-family: arial; float:right;width:132px;background: #fff; height: 18px; line-height: 18px; border:2px solid #D00000; text-align: center; color:#D00000;}
.share_conn dd a{ color:#D00000;}

/*内容区域*/
.block_news{background: #FAFAFA;margin:16px 0 0;}
.block_news .ll{float: left;width:46.44%;}
.block_news .ll .img{position: relative; overflow: hidden;}
.block_news .ll .txt{transition: all .5s;transform:translateY(80px);position: absolute;left:0;bottom:0;width:90%; height: 40px; line-height: 40px; padding:20px 5%; background: rgba(208,0,0,0.67);}
.block_news .ll .txt b{float: left;width: calc(100% - 36px);color:#fff;}
.block_news .ll .txt a{color:#fff;}
.block_news .ll .txt a.more{float: right;background: url(../images/dot04_w.png) center center no-repeat;}
.block_news .ll .adv{margin-top:15px;}
.block_news .rr{float: right;width:46.44%;}
.block_news .rr .tit{padding:14% 0 9%;}
.block_news .rr li{margin-bottom: 6.5%; width:79%;}
.block_news .rr li span{ display: inline-block;zoom:1; *+display: inline; color:#fff; padding:0 5px; margin-bottom: 3%; font-family: arial; font-weight: normal; background: #DE0916;}
.block_news .rr li h2{color:#363636; font-weight: bold; -webkit-line-clamp:2; line-height: 1.5; max-height:3em;}
.block_news .rr li .c{margin:2% 0;line-height: 1.5; max-height:4.5em;}
.block_news .rr li a.more{ display: block; }

.block_business{ background: #EEEDE6; }
.block_business .tit{padding:2% 3.5%;}
.block_business li{ float: left; width:33.33%; position: relative;}
.block_business li span{transition: all .2s; line-height: 1.3; position: absolute;right:5.42%;top:6.87%; z-index: 2;padding:2% 3% 3%;color:#fff; border:1px solid #fff;}
.block_business li span em{transition: all .2s;display: block;width:60%; margin-top:10%; height: 3px; background: #fff;}

.block_service{padding-bottom:6.8%;background:url(../images/bg01.jpg) left top no-repeat; background-size:cover; text-align: center; }
.block_service .tit{padding:3% 0 5.5%;}
.block_service ul{max-width:68%;margin:0 auto;}
.block_service li{float: left; width: 25%;}
.block_service li .inner{max-width:166px;height:190px;margin:0 auto;border:1px solid #B2905B;transition: all .2s}
.block_service li span{ float: left;width:100%;display: block; padding: 45px 0 25px; text-align: center;}
.block_service li em{display: block;color:#B08D57;}
.block_service li img+img{display: none;}

/*底部*/
.footer{margin:60px 0; color:#2E353F;}
.footer .wrap{ border-top:2px solid #2C2C2C;padding:15px 0 0;}
.f_copy{ float: left; font-size:12px;}
.f_copy em{font-family: arial;}
.f_link{float: right;}
.f_link em{margin:0 10px;color:#D0D0D0;}
.f_link a{display: inline-block;}

@media only screen and (min-width: 1025px){
a:hover{color:#DE0916;} 
.block_news .ll .img:hover .txt{transform:translateY(0px);}
.block_business li:hover span{border:1px solid #DE0916;color:#DE0916;}
.block_business li:hover em{background: #DE0916;}
.block_service li:hover .inner{background: #DE0916; border:1px solid #DE0916;}
.block_service li:hover img{ display: none; }
.block_service li:hover img+img{display: block; margin:0 auto;}
.block_service li:hover em{color:#fff;}
}
/**/

/*导航*/
.nav_box { float: right;margin-right:2%;position: relative;z-index: 100; }
.nav_box ul { position: relative; z-index: 10; }
.nav_box li { float: left;/*height: 60px;*/ position:relative;  box-sizing: border-box;width:130px; background: url(../images/dot01.jpg) right 20px no-repeat;}
.nav_box li:last-child{ background: none;}
.nav_box li.on a { color: #D00000; }
.nav_box a { display: block; width: 100%; height: 100%; text-align: center; line-height: 60px; font-size: 18px; color: #515151; box-sizing: border-box;}
@media only screen and (min-width: 1200px) {
	.nav_box a:hover{color:#D00000;}
	.nav_box li.cur a { color: #D00000; }
}

.blueBox { position: absolute; left: 0; top: 0; width: 110px;z-index: 9; }

.nav_list { display: none; z-index:99;width: 1920px; height:60px; position: absolute; top:90px; left: 50%; margin-left: -960px;background:#f1f1f1;}

.nav_box li .sub{display: none; position: relative;z-index: 10100;width:510px;overflow: hidden;}
.nav_box li .sub i{ display: none; width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 8px solid #ecedef;display: block;position: absolute;top: -11px;left:60px;}
.nav_box li.on .sub{display: block;}
.nav_box li.on .sub i{display: block;}
.nav_box li .sub dl{padding-left: 10px;}
.nav_box li .sub dd{float: left;width:auto; }
.nav_box li .sub dd a{font-size: 14px; line-height:56px; color: #2b2b2b;padding:0 20px }
.nav_box li .sub dd a:hover,.nav_box li .sub dd a.on{color:#D00000;}
/*.nav_box .main_nav>li:nth-child(4) .sub{left:-80px;}*/
/*.nav_box .main_nav>li:nth-child(4) .sub i{left: 140px;}*/
/*.nav_box .main_nav>li:nth-child(5) .sub{left:-115px;}*/
.nav_box .main_nav>li:nth-child(5) .sub i{left: 175px;}
.nav_box .main_nav>li:nth-child(6) .sub{left: -190px; width: 320px;}
.nav_box .main_nav>li:nth-child(6) .sub i{left: 452px;}
.nav_box .main_nav>li:nth-child(7) .sub{left:-175px;}
.nav_box .main_nav>li:nth-child(7) .sub i{left: 235px;}


.nav_box .main_nav>li  .sub.navul4 dl{padding-left: 20px;}
.nav_box .main_nav>li:nth-child(5) .sub i {left: 54px;}

.phone_menu{ display:none;}
.nav_box ul.other_nav{ display:none;}
.phone_box{ display:none;}
.phone_search{ display:none;}
 
 
.nav_box .main_nav li:nth-child(6) dl dd:nth-child(4){display: none;}
 
 
.mapsite dl dd ul li:nth-child(4){display: none;} 
 
 
@media only screen and (max-width: 1660px){
.footer .wrap{padding:15px 3.37% 0;}




} 
 
@media only screen and (max-width: 1600px){
.share_conn{position: absolute;right:3.37%; top:10px; margin-top:0;}
.nav_box{margin-right:0;}


.nav_box .main_nav>li:nth-child(5) .sub {left: -256px;}
.nav_box .main_nav>li:nth-child(5) .sub i {left: 309px;}
}

@media only screen and (max-width: 1360px){
.footer{line-height: 22px;}
.f_copy{margin-bottom: 5px;}
.f_link,.f_copy{float: none; width: 100%}
}


 
@media only screen and (max-width: 1280px){
.nav_box a{font-size:16px;}
.nav_box li .sub li a{padding:0 36px;}

.nav_box .main_nav>li:nth-child(6) .sub {left: -406px;}
.nav_box .main_nav>li:nth-child(6) .sub i{left: 458px;}
}
 
@media only screen and (max-width: 1270px){
	.nav_box li{width: 120px;}
} 
 
@media only screen and (max-width:1200px) {
.block_news .rr .tit{padding:8% 0 5%;}
.block_service ul{max-width: 100%;}
.footer{margin:30px 0 0;}
.f_copy,.f_link{float: none; width:100%;}
.block_news .rr li{width:95%;}
.block_news .rr li .c{-webkit-line-clamp:2;}

.header{ height:62px; background: #fff;}
.header .inner{padding: 0;}
.share_conn{right:10%;top:18px;}

header,.main,footer,.phone_menu em.p1,.phone_menu em.p2,.phone_menu em.p3,.nav_box,.nav_box ul,.search_inp {transition:all 0.4s cubic-bezier(0.42,0,1,1) 0s;}

.logo{ float: none; opacity:0;}
 
.phone_box{display:block; position:fixed; z-index: 99999; left:0; top:0; background:#fff; padding:0 10px; width:100%; height:62px; border-bottom:5px solid #D00000; box-sizing:border-box;}
.phone_box .logo{ opacity:1; margin-top:10px;} 
.phone_box .logo img{ height: 40px;}

.nav_list{ display:none !important;}
.nav_box ul.other_nav{ display:block;}
.nav_box li, .blueBox{ width:88px;}
.nav_box a{ font-size:14px;}
.nav_box {
        display: block;
        position: fixed;
        right: 0;
        top: 57px;
        z-index: 6000;
        left: auto;
        background: #fff;
        height: 8000px;
        line-height: 30px;
        width: 90%;
        margin-right:0;
        border-left:5px solid #D00000;
        border-top:5px solid #D00000;
        box-sizing:border-box;
        transform:translateX(101%)
    }
     
.nav_box.on{transform:translateX(0%)}

 
.nav_box li.on .sub,.nav_box li.on .sub i{display: none;}


.nav_box ul{ position:absolute; transform: translateX(102%); right:0; background:#fff; height:100%; top:0;}
.nav_box ul.on{ transform: translateX(0%);}
.nav_box ul.main_nav{ display:block; position:relative; transform: translateX(0%);}
 
.nav_box li{ width:100%; height:60px; line-height:60px; border-bottom:1px solid #dadada; text-align:left; background: none;}
.nav_box li a{ line-height:60px; text-align:left; display:block; background:url(../images/right_menu.gif) no-repeat 90% center; padding:0 26px; margin-left:-5px; border-left:5px solid #D00000;}
.nav_box ul li em{ background:url(../images/left_menu.gif) no-repeat center; display:block; width:10px; height:100%; margin-right:4px; float:left;}
.nav_box ul.other_nav li a{ background:none;}
.nav_box ul.other_nav{width:100%;}
.phone_menu {color: #686666;display: block;float:right;position:relative;top:6px; margin-right:0px;background: #D00000;width: 45px;height: 45px;transform: translateX(0px);}
 


.phone_menu{ display:block;}
 
.phone_menu em.p1{ display:block; width:22px; height:2px; background:#d7d6d6; position:absolute; top:50%; margin-top:-6px; left:50%; margin-left:-11px; border-radius:2px;}
.phone_menu em.p2{ display:block; width:22px; height:2px; background:#d7d6d6; position:absolute; top:50%; margin-top:0; left:50%; margin-left:-11px; border-radius:2px;}
.phone_menu em.p3{ display:block; width:22px; height:2px; background:#d7d6d6; position:absolute; top:50%; margin-top:6px; left:50%; margin-left:-11px; border-radius:2px;}  
 
.phone_menu em.p1{ transform:rotate(0deg); margin-top:-7px;}
.phone_menu em.p2{ opacity:1;}
.phone_menu em.p3{ transform:rotate(0deg); margin-top:7px;}
.phone_menu.on{ transform:translateX(0px);}
.phone_menu.on em.p1{ transform:rotate(45deg); margin-top:0;}
.phone_menu.on em.p2{ opacity:0;}
.phone_menu.on em.p3{ transform:rotate(-45deg); margin-top:0;}
 


 

}
@media only screen and (max-width: 1024px) {
	.block_news .ll .txt{transform: translateY(0);padding: 10px 5%;}
}

@media only screen and (max-width: 1023px) {
.block_news .rr li h2{-webkit-line-clamp:1;}
}
 
 
@media only screen and (max-width: 767px) {
.header,.phone_box{ height:82px;}
.share_conn{right:auto;left:10px;top:5px;}
.phone_box .logo{margin-top:30px;}
.phone_menu{top:18px;}
.nav_box{top:77px;}
.share_conn a.wechat{display: none;}
.share_conn dl{float: left; width:250px;}
.share_conn dt{width:114px;}

.block_news .ll{width:100%;}
.block_news .rr{width:94%;padding:0 3%;}
.block_news .rr li h2{-webkit-line-clamp:2;}
.block_news .rr li .c{-webkit-line-clamp:3;}
.block_service li .inner{max-width: 80px; height: auto;padding:0 0 10px;}
.block_service li span{padding:15px 0; height: 40px;}
.block_service li span img{max-width: 60%;}
.block_service li em{font-size: 12px;}
.tit span{margin-left: 10px;}
.tit span img{width:5px;}
.banner .txt{display: none;}
.f_link{font-size: 12px;}
}

@media only screen and (max-width:340px) {
.block_business li{width:50%;}
.block_business li:first-child{width: 100%;}
.block_service li{width:50%;margin-bottom:20px;}
} 



.banner_out{position: relative;}
.banner_out .banner_img>img{opacity: 0;filter:alpha(opacity=90); -moz-opacity:0; -khtml-opacity:0;width: 100%;}
.banner_out .banner_ps{position: absolute;top:0; left: 0; width: 100%; height: 100%}
.banner .bxslider li{width: 100% !important}

.f_copy p>em{display:none}



/*font-size*/
.f-18 { font-size:18px;}
.f-24 { font-size:24px;}
.f-30 { font-size:30px;}
.f-36 { font-size:36px;}
.f-42 { font-size:42px;}
.f-48 { font-size:48px;}

@media only screen and (max-width: 1440px) {
.f-18 { font-size:16px;}
.f-24 { font-size:20px;}
.f-30 { font-size:26px;}
.f-36 { font-size:30px;}
.f-42 { font-size:36px;}
.f-48 { font-size:40px;}
}

@media only screen and (max-width: 1280px) {
.f-24 { font-size:18px;}
.f-30 { font-size:22px;}
.f-36 { font-size:26px;}
.f-42 { font-size:30px;}
.f-48 { font-size:36px;}
}

@media only screen and (max-width: 1023px) {
.f-24 { font-size:16px;}
.f-30 { font-size:20px;}
.f-36 { font-size:22px;}
.f-42 { font-size:24px;}
.f-48 { font-size:30px;}
}

@media only screen and (max-width: 767px) {
.f-30 { font-size:16px;}
.f-36 { font-size:18px;}
.f-42 { font-size:20px;}
.f-48 { font-size:24px;}
}

  /*font-size*/
.fnt_16 { font-size: 16px;}
.fnt_18 { font-size:18px;}
.fnt_20 { font-size: 20px;}
.fnt_22 { font-size:22px;}
.fnt_24 { font-size:24px;}
.fnt_28 { font-size:28px;}
.fnt_32 { font-size:30px;}
.fnt_34 { font-size:34px;}
.fnt_36 { font-size:36px;}
.fnt_38 { font-size:38px;}
.fnt_44 { font-size:44px;}
.fnt_48 { font-size: 48px;line-height:50px;}
.fnt_58 { font-size: 58px;}
.fnt_60 {font-size: 60px;}
.fnt_120 { font-size: 120px;}
.fnt_140 { font-size: 140px;}

@media only screen and (max-width: 1520px) {
.fnt_16 { font-size: 14px;}
.fnt_18 {  font-size:15px;}
.fnt_20 { font-size: 16px;}
.fnt_22 {  font-size:18px}
.fnt_24 { font-size:21px;}
.fnt_28 {  font-size:22px;}
.fnt_32 {  font-size:25px; line-height:34px; }
.fnt_34 {  font-size:26px;}
.fnt_36 { font-size:28px;}
.fnt_44 { font-size:35px;}
.fnt_48 {  font-size:38px;line-height: 47px;}
.fnt_58 { font-size:48px;}
.fnt_60 {font-size: 48px;}
.fnt_120 { font-size: 105px;}
.fnt_140 { font-size: 124px;}
.fnt_38 { font-size:34px;}
}


@media only screen and (max-width: 1300px) {
.fnt_16 { font-size: 13px;}
.fnt_18 {  font-size:14px;}
.fnt_20 { font-size: 15px;}
.fnt_22 { font-size:16px;}
.fnt_24 { font-size:21px;}
.fnt_28 { font-size:18px;}
.fnt_32 { font-size:21px; line-height:29px; }
.fnt_34 { font-size:22px;}
.fnt_36 { font-size:24px;}
.fnt_44 { font-size:29px;}
.fnt_48 { font-size:32px;line-height:38px;}
.fnt_58 { font-size:40px;}
.fnt_60 {font-size:40px;}
.fnt_120 { font-size: 105px;}
.fnt_140 { font-size: 105px;}
.fnt_38 { font-size:28px;}
}

@media only screen and (max-width: 1140px) {
.fnt_28 { font-size:16px;}
.fnt_32 { font-size:19px; line-height:26px; }
.fnt_36 { font-size:21px;}
.fnt_44 { font-size:26px;}
.fnt_48 { font-size:28px;}
.fnt_60 {font-size:34px;}
.fnt_58 { font-size:32px;}
.fnt_120 { font-size: 70px;}
.fnt_140 { font-size: 70px;}
.fnt_24 { font-size:18px;}
}

@media only screen and (max-width: 1023px) {
.fnt_48 { font-size:26px;line-height:30px;}
.fnt_44 { font-size:23px;}
.fnt_36 { font-size:19px;}
.fnt_60 {font-size:30px;}
.fnt_120 { font-size: 64px;}
.fnt_140 { font-size: 64px;}
.fnt_24 { font-size:15px;}
.fnt_38 { font-size:20px;}
.fnt_58 { font-size:28px;}
}

@media only screen and (max-width: 767px) {
.fnt_22{ font-size:14px;}
.fnt_32 { font-size:16px; line-height:24px; }
.fnt_34{ font-size:18px;}
.fnt_36 { font-size:15px;}
.fnt_44 { font-size:18px;}
.fnt_48 { font-size:19px;}
.fnt_60 {font-size:18px;}
.fnt_120 { font-size: 48px;}
.fnt_140 { font-size: 48px;}
.fnt_38 { font-size:18px;}
.fnt_58 { font-size:24px;}
}
                    
.f-70{ font-size:70px;}
@media only screen and (max-width: 1660px){
.f-70{ font-size:64px;}
}

@media only screen and (max-width: 1440px){
.f-70{ font-size:58px;}
}

@media only screen and (max-width: 1366px){
.f-70{ font-size:54px;}
}

@media only screen and (max-width: 1280px){
.f-70{ font-size:50px;}
}

@media only screen and (max-width: 1024px){
.f-70{ font-size:40px;}
}

@media only screen and (max-width: 768px){
.f-70{ font-size:30px;}

}

@media only screen and (max-width: 767px){
.f-70{ font-size:20px;}

}