@charset "utf-8";
@font-face {
    font-family: "RADIO";
    src: url("/home/fonts/RADIO.TTF");
}
/* .flex-direction-nav{
    display: none;
} */
.flex-control-nav{

    width:1200px!important;bottom:159px!important;left:50%!important;margin-left:-610px!important;text-align:left;padding-left:253px
}
.flex-control-nav li {
    display: inline-block;
    width: 20px;
    height: 5px;
}
.flex-control-nav a {
    display: inline-block;
    width: 20px;
    height: 5px;
    background: #FFFFFF;
    opacity: 0.5;
    cursor: pointer;
 
}

.flex-control-nav .flex-active {
    opacity: 1;
}
.index .flexslider .wraper{
    width: 100%;
    min-width: 1200px;
    height: 102px;
    margin: auto;
    background: rgba(0, 0, 0, 0.08);
   
}

.shortcut_menu .s_m_inner {
    width: 1200px;
    margin: 0 auto;
    display: table;
    table-layout: fixed;
    box-sizing: border-box;
    
}
.shortcut_menu .s_m_item {
    width: 300px;
    height: 99px;
    display: table-cell;
    box-sizing: border-box;
    vertical-align: middle;
    padding-left: 76px;
    text-align: left;
    color: rgba(255, 255, 255, 1);
    font-size: 13px;
    position: relative;
}
.shortcut_menu .s_m_item:hover{
    background: rgba(0, 0, 0, 0.12);
}
.shortcut_menu .s_m_item>.lt{
    position: absolute;
    left: 20px;
}
.shortcut_menu .s_m_item>.lt>i{
    display: block;
    width: 40px;
    height: 40px;
    
}
.shortcut_menu .s_m_item:nth-of-type(1)>.lt>i{
    background: url('/home/img/module/index/wraper_icon.png') no-repeat;
}
.shortcut_menu .s_m_item:nth-of-type(2)>.lt>i{
    background: url('/home/img/module/index/wraper_icon.png') no-repeat -355px 0px;
}
.shortcut_menu .s_m_item:nth-of-type(3)>.lt>i{
    background: url('/home/img/module/index/wraper_icon.png') no-repeat -646px 0px;
}
.shortcut_menu .s_m_item:nth-of-type(4)>.lt>i{
    background: url('/home/img/module/index/wraper_icon_01.png') no-repeat ;
}
.mod1{
    width: 100%;
    height:908px;
    min-width: 1200px;
    background: url('/home/img/module/index/mod1_bg.jpg') no-repeat center center;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding-top: 70px;

}
.mod_top{
    width: 1200px;
    margin: auto;
    text-align: center;
}
.mod_top .title{
    font-size: 30px;
    color: #000000;
    margin-bottom: 10px;
    text-align: center;
}
.mod1 .mod_top .title{
    font-size: 34px; 
}
.mod_top .info{
    font-size: 14px;
    font-weight: 400;
    color: #666666;
}
.mod1 .box{
    width: 1200px;
    margin: auto;
    justify-content: space-between;
    margin-top: 48px;
}
.mod1 .box .list{
    display: flex;
    margin-bottom: 20px;
    flex-wrap: wrap;
}
.mod1 .box .list .top{
    box-sizing: border-box;
    width: 209px;  
    height: 191px;
    padding: 31px;
    background: url('/home/img/module/index/mod1_item_bg.jpg') no-repeat center center;
}
.mod1 .box .list .top>p:nth-of-type(1){
    height: 24px;
    line-height: 24px;
    text-align: left;
    padding-left: 10px;
    font-size: 24px;
    color: #333333;
    border-left: 2px solid rgba(245, 79, 71, 1);
}
.mod1 .box .list .top>p:nth-of-type(2){
    text-align: left;
    margin-top: 30px;
    font-size: 14px;
    color: #666666;
}
.mod1 .box .list  .item{
    box-sizing: border-box;
    width: 315px;
    height: 191px;
    background: #FFFFFF;
    border: 1px solid rgba(211, 211, 211, 0.4);
    border-left: none;
    padding: 37px  0 0 20px;
    position: relative;
    margin-right: 10px;
}
.mod1 .box .item .title{
    font-size: 18px;
    text-align: left;
    color: #333333;
}

.mod1 .box .item:hover{
    /* box-shadow: 0px 3px 13px 0px rgba(222,222,222,0.8500); */
    box-shadow: 0px 3px 13px 0px rgb(201 201 201 / 65%);
}
.mod1 .box .item:hover .title{
    color: #F4463D;
}
.mod1 .box .item .title>i{
    display: inline-block;
    width: 42px;
    height: 16px;
    margin-left: 10px;
    background: url('/home/img/module/index/mod1_icon.png') no-repeat ;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 16px;

}
.mod1 .box .list:nth-of-type(2) .title>i{font-size: 13px;}

.mod1 .box .item .info{
    font-size: 14px;
    color: #777777;
    margin-top: 20px;
    text-align: left;
}
.mod1 .box .item .price{
    text-align: left;
    font-size: 14px;
    color: #777777;
    margin-top: 10px;
}
.mod1 .box .item .price>span:nth-of-type(1){
    font-size: 30px;
    color: rgba(244, 70, 61, 1);
    font-weight: 600;
}
.mod1 .box .item .price>span:nth-of-type(2){
    font-size: 16px;
    color: rgba(244, 70, 61, 1);
}
.mod1 .box .item .buy{
    position: absolute;
    display: block;
    width: 121px;
    height: 36px;
    box-sizing: border-box;
    background: #fff;
    font-size: 14px;
    color: #000;
    border: 1px solid #000;
    line-height: 36px;
    text-align: center;
    top: 125px;
    right: 30px;
;
}
.mod1 .box .item  .buy:hover{
    background: #F4463D;
    border: none;
    color: #fff;
} 

.mod2 {
    margin-top: 90px;
}
.mod2 .info>a{
    display: inline-block;
    margin-left: 50px;
    color: rgba(244, 70, 61, 1);
    font-size: 14px;
}
.mod2 .nav{
    display: flex;
    width: 1200px;
    margin: 80px auto 0;
}
.mod2 .nav>li{
    width: 240px;
    padding-top: 100px;
    padding-bottom: 30px;
    position: relative;
    color: rgba(102, 102, 102, 1);
    font-size: 16px;
    cursor: pointer;
}
.mod2 .nav>li.active{
    border-bottom: 2px solid #F4463D;
    color: rgba(244, 70, 61, 1);
}
.mod2 .nav>li>i{
    position: absolute;
    display: block;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.mod2 .nav>li:nth-of-type(1)>i{
    width: 58px;
    height: 75px;
    background: url('/home/img/module/index/mod2_icon_01.png') no-repeat ;

}

.mod2 .nav>li:nth-of-type(2)>i{
    width: 60px;
    height: 73px;
    background: url('/home/img/module/index/mod2_icon_02.png') no-repeat ;
}

.mod2 .nav>li:nth-of-type(3)>i{
    width: 50px;
    height: 69px;
    background: url('/home/img/module/index/mod2_icon_03.png') no-repeat ;
}

.mod2 .nav>li:nth-of-type(4)>i{
    width: 53px;
    height: 69px;
    background: url('/home/img/module/index/mod2_icon_04.png') no-repeat ;
}
.mod2 .nav>li:nth-of-type(5)>i{
    width: 57px;
    height: 75px;
    background: url('/home/img/module/index/mod2_icon_05.png') no-repeat ;
}
.mod2 .conent{
    width: 100%;
    min-width: 1200px;
    /* height: 575px; */
    background: #F6F6F6;
    margin: auto;
    box-sizing: border-box;
    padding-top: 68px;
    padding-bottom: 93px;
}
.mod2 .conent .box{
    width: 1200px;
    margin: auto;
}
.mod2 .conent .box .inner{
    display: flex;
    /* justify-content: space-between;*/
    margin-bottom: 20px; 
}
.mod2 .conent .box .inner .item{
    box-sizing: border-box;
    width: 284px;
    height: 193px;
    padding: 20px  0 20px 20px;
    margin-right: 20px;
}
.mod2 .conent .box .inner .item:nth-of-type(1){
    background: url('/home/img/module/index/mod2_item_bg.png') no-repeat ;
    box-shadow: 0px 3px 13px 0px rgba(222,222,222,0.7500);
}
.mod2 .conent .box .inner .title{
    text-align: left;
}
.mod2 .conent .box .inner .title>a{
    font-size: 18px;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
}
.mod2 .conent .box .inner .item:hover>.title>a{
    color: #F4463D
}
.mod2 .conent .box .inner .title>span{
    display: inline-block;
    padding: 4px  5px;
    font-size: 12px;
    color: #FE645C;
    border: 1px solid #FE645C;
    border-radius: 2px; 
    margin-left: 5px;
}
.mod2 .conent .box .inner .info{
    font-size: 14px;
    color: #999999;
    margin-top: 10px;
    text-align: left;
}
.mod2 .conent .box .inner .tag{
    text-align: left;
    margin-top: 15px;
}
.mod2 .conent .box .inner .tag>span{
    display: inline-block;
    padding: 4px 5px;
    font-size: 12px;
    margin-right: 2px;
    border: 1px solid #CBCBCB;
    border-radius: 3px;

}
.mod2 .conent .box .inner .url{
    margin-top: 20px;
    text-align: left;
}
.mod2 .conent .box .inner .url>a{
    font-size: 14px;
    color: rgba(153, 153, 153, 1);
}
.mod2 .conent .box .inner .url>a:hover{
    color: #F4463D;
}
.mod2 .conent .box .inner .item:nth-of-type(1) .url>a:nth-of-type(1) {
    display: inline-block;
    width: 106px;
    height: 32px;
    background: #FE5D55;
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
    line-height: 32px;
}
.mod2 .conent .box .inner .item:hover .url>a:nth-of-type(1){
    color: #F4463D;
}
.mod2 .conent .box .inner .item:nth-of-type(1) .url>a:nth-of-type(1):hover{  
    background: #F4463D;
   
}
.mod2 .conent .box .inner .item:nth-of-type(1):hover  .url>a{  
    color: #fff;
}


.mod2 .conent .box .inner .item:nth-of-type(1) .url>a:nth-of-type(2){
    display: inline-block;
    box-sizing: border-box;
    width: 106px;
    height: 32px;
    border: 1px solid #F4463D;
    font-size: 14px;
    color: #F4463D;
    text-align: center;
    line-height: 32px;
} 
.mod3{
    width: 100%;
    min-width: 1200px;
    height: 778px;
    background: #1B1818;
    margin: auto;
    box-sizing: border-box;
    padding-top: 60px;
}
.mod3 .mod_top .title{  
    color: #FFFFFF;

}
.mod3 .mod_top .info{  
    color: #B4B4B4;
    
}
.mod3 .nav{
    display: flex;
    width: 1200px;
    margin: auto;
    justify-content: space-evenly;
    margin-top: 40px;
}
.mod3 .nav>li{
    width: 186px;
    padding-bottom: 20px;
    font-size: 18px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.mod3 .nav>li>i{
    display: inline-block;
    width: 29px;
    height: 22px;
    margin-right: 8px;
}
.mod3 .nav>li.active{
    border-bottom: 2px solid #F4463D;

}
.mod3 .nav>li:nth-of-type(1)>i{
    background: url('/home/img/module/index/mod3_icon_01.png') no-repeat  center;
}
.mod3 .nav>li:nth-of-type(1).active>i{
    background: url('/home/img/module/index/mod3_icon_active_01.png') no-repeat  center;
}
.mod3 .nav>li:nth-of-type(2)>i{
    background: url('/home/img/module/index/mod3_icon_02.png') no-repeat  center;
}
.mod3 .nav>li:nth-of-type(2).active>i{
    background: url('/home/img/module/index/mod3_icon_active_02.png') no-repeat  center;
}
.mod3 .nav>li:nth-of-type(3)>i{
    background: url('/home/img/module/index/mod3_icon_03.png') no-repeat  center;
}
.mod3 .nav>li:nth-of-type(3).active>i{
    background: url('/home/img/module/index/mod3_icon_active_03.png') no-repeat  center;
}
.mod3 .nav>li:nth-of-type(4)>i{
    background: url('/home/img/module/index/mod3_icon_04.png') no-repeat  center;
}
.mod3 .nav>li:nth-of-type(4).active>i{
    background: url('/home/img/module/index/mod3_icon_active_04.png') no-repeat  center;
}
.mod3 .nav>li:nth-of-type(5)>i{
    background: url('/home/img/module/index/mod3_icon_05.png') no-repeat  center;
}
.mod3 .nav>li:nth-of-type(5).active>i{
    background: url('/home/img/module/index/mod3_icon_active_05.png') no-repeat  center;
}
.mod3 .box{
    width: 1199px;
    height: 461px;
    margin: auto;
    background: url('/home/img/module/index/mod3_bg01.jpg') no-repeat  center;
    display: flex;
    box-sizing: border-box;
    padding-left: 64px;
    margin-top: -2px;
}
.mod3 .box .item{
    display: flex;
}
.mod3 .box .item .left{
    width: 475px;
    margin-right: 90px;
}
.mod3 .box .item .left .title{
    font-size: 24px;
    color: #FFFEFE;
    text-align: left;
    margin-top: 100px;
}
.mod3 .box .item .left .info{
    width: 480px;
    font-size: 14px;
    line-height: 28px;
    text-align: left;
    color: #BABABA;
    margin-top: 55px;
}
.mod3 .box .item .left>a{
    display: block;
    width: 150px;
    height: 37px;
    
    line-height: 37px;
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
    margin-top: 90px;
    background:#FE5D55
}
.mod3 .box .item .left>a:hover{
    background: #F4463D;
}
.mod3 .box .item .right{
    padding-top: 130px;
    padding-right: 90px;
}
.mod3 .box .item .right> .title{
    color: #fff;
    font-size: 14px;
    text-align: left;
    
}

.mod3 .box .item .right> .info{
    color: rgba(192, 192, 192, 1);
    font-size: 14px;
    text-align: left;
    margin-top: 5px;
    margin-bottom: 80px;
}
.mod3 .box .item .right .url{
    margin-top: 50px;
}
.mod3 .box .item .right .url>a{
    display: inline-block;
    width: 143px;
    height: 40px;
    border: 1px solid #CFCFCF;
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    margin-right: 10px;
}
.mod3 .box .item .right .url>a:hover{
    border: 1px solid rgba(233, 80, 72, 1);
    color: rgba(233, 80, 72, 1);
}
.mod4{
    margin: 70px auto 0px;
    width: 1200px;
    
  
}
.mod4 .conent{
    display: flex;
    margin-top: 70px;
}
.mod4 .left{
    width: 240px;
    margin-right: 27px;
}
.mod4 .left .info{
    box-sizing: border-box;
    padding-left: 29px;
    position: relative;
    border-bottom: 1px dashed rgba(244, 70, 61, 0.2);
    padding-bottom: 20px;
    margin-bottom: 30px;
    text-align: left;
    
}
.mod4 .left .info>i{
    display: block;
    width: 7px;
    height: 7px;
    background: #F4463D;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 0;
}
.mod4 .left .info>p{
    font-size: 16px;
    text-align: left;
    color: #666666;
}
.mod4 .left .info>span{
    font-size: 28px;
    color: #F4463D;
    font-weight: 600;
}
.mod4 .left  .icon{
    text-align: left;
    display: flex;
    justify-content: space-between;
}
.mod4 .left  .icon>span{
    display: inline-block;
    height: 27px;
    line-height: 27px;
    font-size: 14px;
    color: rgba(51, 51, 51, 1);
    padding-left: 20px;
    background: url('/home/img/module/index/mod4_icon_01.png') no-repeat 0px 0px ;

}
.mod4 .left  .icon>span:nth-of-type(2){
    background: url('/home/img/module/index/mod4_icon_02.png') no-repeat 0px 0px ;
}
.mod4 .left .url{
    display: block;
    width: 249px;
    height: 40px;
    background: #FE5D55;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    margin-top: 33px;
}
.mod4 .left .url:hover{

    background: #F4463D;
}
.mod4 .right{
    width: 929px;
    height: 419px;
    background: url('/home/img/module/index/mod4_bg.png') no-repeat 0px 0px ;
   
}

.mod4 .right>div{
    width: 12px;
    height: 27px;
    /* background: rgba(59, 223, 160, 0.3); */
    position: relative;
    cursor: pointer;
}
@keyframes warn{0%{transform:scale(0);opacity:1}
    30%{transform:scale(0);opacity:.1}
    60%{transform:scale(.5);opacity:.5}
    100%{transform:scale(1);opacity:0}
}
@-webkit-keyframes warn{0%{-webkit-transform:scale(0);opacity:0}
    30%{transform:scale(0);opacity:.1}
    60%{transform:scale(.5);opacity:.5}
    100%{-webkit-transform:scale(1);opacity:0}
}
@-moz-keyframes warn{0%{-moz-transform:scale(0);opacity:0}
    30%{transform:scale(0);opacity:.1}
    60%{transform:scale(.5);opacity:.5}
    100%{-moz-transform:scale(1);opacity:0}
}
.mod4 .right>div>i{
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;

    border-radius: 50%;
    position: absolute;
    left: -15px;
    top:-15px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #f96454;
    /* opacity: .5; */
    filter: alpha(opacity=0);
    -webkit-animation: warn 2s ease-out;
    -moz-animation: warn 2s ease-out;
    animation: warn 2s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.mod4 .right>div .item{
    display: none;
}
.mod4 .right>div:hover> .item{
    display: block;
}
.mod4 .right .mg{
    margin-top: 145px;
    margin-left: 183px;
}
.mod4 .right .dg{
    margin-top: -61px;
    margin-left: 449px;
}
.mod4 .right .gd{
    margin-top: 44px;
    margin-left: 710px;
}

.mod4 .right .gx{
    margin-top: -24px;
    margin-left: 667px;
}
.mod4 .right .hn{
    margin-top: -66px;
    margin-left: 667px;
}
.mod4 .right .js{
    margin-top: -18px;
    margin-left: 717px;
}
.mod4 .right .zj{
    margin-top: -13px;
    margin-left: 729px;
}
.mod4 .right .nmg{
    margin-top: -70px;
    margin-left: 650px;
}
.mod4 .right .ln{
    margin-top: -32px;
    margin-left: 745px;
}
.mod4 .right .xg{
    margin-top: 44px;
    margin-left: 721px;
}
.mod4 .right .jpz{
    margin-top: -3px;
    margin-left: 703px;
}
.mod4 .right .xjp{
    margin-top: -12px;
    margin-left: 692px;
}
.mod4 .right .hg{
    margin-top: -109px;
    margin-left: 760px;
}
.mod4 .right .rb{
    margin-top: -22px;
    margin-left: 795px;
}
.mod4 .right .flb{
    margin-top: 65px;
    margin-left: 790px;
}
.mod4 .right .item{
    width: 240px;
    height: 179px;
    box-sizing: border-box;
    padding: 30px 0 0 40px;
    background: url('/home/img/module/index/mod4_item_bg.png') no-repeat 0px 0px ;
    position: absolute;
    top: -175px;
    left: 7px;
}
.mod4 .right .item>p{
    font-size: 13px;   
    color: rgba(255, 255, 255, 0.5);
    text-align: left;
}
.mod4 .right .item>.title{
    padding-left: 10px;
}
.mod4 .right .item> .info i {
    display: inline-block;
    width: 4px;
    height: 4px;
    background: #FF4D00;
    border-radius: 50%;
    margin-right: 5px;
}
.mod5{
    width: 100%;
    min-width: 1200px;
    margin: auto;
    height: 214px;
    background: rgba(246, 246, 246, 0.5);
    box-shadow: 0px -3px 13px 0px rgba(184,196,215,0.7500);
    margin-top: 89px;
}
.mod5 ul{
    width: 1200px;
    margin:   auto ;
    display: flex;
    justify-content: space-between;
    padding-top: 49px;

}
.mod5 ul li{
    min-width: 120px;
    padding-top: 100px;
    font-size: 16px;
    color: #666666;
    text-align: center;
    background: url('/home/img/module/index/mod5_icon.png') no-repeat ;
    

}
.mod5 ul li:nth-of-type(1){
    background-position: 7px 0px
}
.mod5 ul li:nth-of-type(2){
    background-position: -290px 0px
}
.mod5 ul li:nth-of-type(3){
    background-position: -558px 0px
}
.mod5 ul li:nth-of-type(4){
    background-position: -885px 0px
}
.mod6{
    width: 100%;
    min-width: 1200px;
    height: 201px;
    margin: auto;
    background: url('/home/img/module/index/mod6_bg.jpg') no-repeat  center;
    background-size: 100% 100%;

}
.mod6>ul{
    display: flex;
    width: 1200px;
    margin: auto;
    padding-top: 50px;
    justify-content: space-between
}
.mod6>ul li>p{
    font-size: 42px;
    font-weight: 400;
    color: #FFFFFF;
    margin-bottom: 25px;
    text-align: left;
}
.mod6>ul li>span{
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    text-align: left;
}
.mod7{
    padding: 80px 0;
    background: #F6F8FB;
}
.mod7 .nav{
    width: 1200px;
    margin: 65px auto 35px;
    display: flex;
    justify-content: space-between;
}
.mod7 .nav>li{
    display: inline-block;
    width: 372px;
    border-bottom: 1px solid #D3D3D3;
    padding-bottom: 15px;
    font-size: 24px;
    color: #333333;
    text-align: left;
    cursor: pointer;

}

.mod7 .nav>li>a{
    font-size: 13px;
    color: #888888;
    margin-left: 200px;
}

.mod7 .conent {
    display: flex;
    width: 1200px;
    margin: auto;
    justify-content:space-between;
    flex-wrap: wrap;
}
.mod7 .conent .list .item{
    display: block;
    box-sizing: border-box;
    padding: 18px 10px 18px 134px;
    margin-bottom: 23px;
    position: relative;
    width: 372px;
    height: 117px;
    background: #FFFFFF;

  
}
.mod7 .conent .list .item:hover{
    background: rgba(255, 255, 255, 0.5);
    box-shadow: 0px 3px 13px 0px rgba(218,218,218,0.7500);
}
.mod7 .conent .list .item .title{
    /* width: 241px; */
    font-size: 16px;
    color: #333333;
    text-align: left;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.mod7 .conent .list .item .info{
    /* width: 241px; */
    /* height: 36px; */
    font-size: 14px;
    color: #B3B3B3;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 10px;
    text-align: left;
}
.mod7 .conent .list .item>.img{
    width: 107px;
    height: 75px;
    position: absolute;
    top: 18px;
    left: 10px;
}