/*banner*/
.banner_left{padding-top: 110px;width: 50%;}
.banner_left p{
    font-size: 34px;
    font-weight: 500;
    color: #444444;
    line-height: 50px;
    padding: 50px 0 100px 0;
    display: block;
    animation: mymove 5s ;
}
.banner_right{width: 50%;}
.banner_right img{
    width: 100%;
    max-width: 526px;
}

.mod1 .cont{
    /*box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);*/
    /*border: 1px solid #EEEEEE;*/
    /*background: linear-gradient(180deg, #FFFFFF 0%, #F6FAFE 100%);*/
    /*background:red;*/
    height: 390px;
    position: relative;
    width: 100%;
    display: inline-block;
    /*border: 1px solid red;*/
}
.mod1 .cont > div{
    float: left;
    padding: 0px;
    height: 390px;
    width: 440px;
    position: absolute;
    /*background:url(../images/1.png) right top no-repeat;*/
}
.mod1 .cont > div:nth-child(1){
    left: 0;
    z-index: 1;
    background:url(../images/1.png) left center no-repeat;
}
.mod1 .cont > div:nth-child(2){
    left: 390px;
    z-index: 9;
    top: 10px;
    background:url(../images/2.png) left center no-repeat;
}
.mod1 .cont > div:nth-child(3){
    right: 0;
    z-index: 1;
    background:url(../images/3.png) left center no-repeat;
}
.mod1 .cont>div:hover *{
    color: #fff;
}
.mod1 .cont > div:nth-child(1):hover{
    left: 0;
    z-index: 1;
    top: 10px;
    background:url(../images/1.1.png) left center no-repeat;
}
.mod1 .cont > div:nth-child(2):hover{
    left: 390px;
    z-index: 9;
    top: 10px;
    background:url(../images/2.1.png) left center no-repeat;
}
.mod1 .cont > div:nth-child(3):hover{
    right: 0;
    z-index: 1;
    top: 10px;
    background:url(../images/3.1.png) left center no-repeat;
}
.mod1 .cont > div a{
    float: left;
    width: 390px;
    padding: 30px 40px 40px 60px;

}
.mod1 .cont>div h1{
    font-size: 30px;
    font-weight: 500;
    color: #000000;
    padding: 40px 0;
}
.mod1 .cont>div h1 span{
    float: right;
    margin-top: -13px;
    width: 66px;
    border-radius: 50%;
    height: 66px;
    text-align: center;
    line-height: 56px;
    background: #0A3FCE;
}
.mod1 .cont>div h1 span i{
    transform:rotate(30deg);
    -ms-transform:rotate(30deg); /* IE 9 */
    -webkit-transform:rotate(30deg); /* Safari and Chrome */
    font-size: 18px;
    color: #fff;
    font-weight: lighter;
}
.mod1 .cont>div h1 span:hover{
    animation-name: mymove1;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

.mod1 .cont>div p{
    color: rgba(68, 68, 68, 1);
    font-size: 16px;
    line-height: 28px;
    margin-top: 55px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
/*.mod1 .cont>div:nth-child(2){
    background: linear-gradient(180deg, #0A3FCE 0%, #136AD5 100%);
    box-shadow: 0px 10px 10px 0px rgba(8, 34, 147, 0.06);
}

.mod1 .cont>div:nth-child(1):after{
  position: absolute; 
  content: ""; 
  right: -25px; 
  top: 0; 
  width: 50px; 
  height: 100%; 
  background: #fff; 
  border-radius: 20%; 
  z-index: 2;
}
.mod1 .cont>div:nth-child(2):after{
  position: absolute; 
  content: ""; 
  right: -10px; 
  top: 0; 
  width: 50px; 
  height: 100%; 
  background:linear-gradient(180deg, #0A3FCE 0%, #136AD5 100%); 
  border-radius: 20%; 
}*/
.mod1 .cont>div:nth-child(2) *{
    color: #fff;
}
.mod1 .cont>div:nth-child(2) h1 span{
    background: rgba(255, 255, 255, 0.6);
}
.mod1 .cont>div:nth-child(2) h1 span:hover{
    animation-name: mymove2;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}
.mod1 .cont>div:nth-child(2) a{
    margin-left: 20px;
}
.mod1 .cont>div:nth-child(3) a{
    margin-left: 40px;
}
.mod1{height: 265px;}
.mod1 .cont>div a:hover *{
    color: #fff;
}
.mod1 .cont>div:hover h1 span i{
    transform:rotate(90deg);
    -ms-transform:rotate(90deg); /* IE 9 */
    -webkit-transform:rotate(90deg); /* Safari and Chrome */
}
.mod1 .cont>div:hover h1 span{
    background: rgba(255, 255, 255, 0.6);
}

.mod2{display: inline-block;padding:110px 0px 40px 0;}
.mod2 h1{margin-bottom: 70px}
.mod2_main{
    margin: 40px 0;
    display: inline-block;
}
.mod2_left img{
    width: 100%;
    max-width: 526px;
}
.mod2_right{
    padding-left: 40px;
}
.mod2_right h2{
    font-size: 24px;
    font-weight: 400;
    color: #000000;
    margin: 12px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 36px;
}
.mod2_right p{
font-size: 16px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
font-weight: 400;
color: #444444;
line-height: 32px;
padding: 12px 0;
width: 90%;
}

.mod3 {padding-bottom: 40px;}
.mod3 .tablist li a span{
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #444444;
}
.mod3 .tablist li a i{
    display: inline-block;
    width: 60px;
    height: 60px;
    font-size: 40px;
    color: rgba(211, 179, 100, 1);
}
.mod3 .tablist li a i.icon1{
    background: url(../images/icon1.png) center center no-repeat;
}
.mod3 .tablist li a i.icon2{
    background: url(../images/icon2.png) center center no-repeat;
}
.mod3 .tablist li a i.icon3{
    background: url(../images/icon3.png) center center no-repeat;
}
.mod3 .tablist li a i.icon4{
    background: url(../images/icon4.png) center center no-repeat;
}
.mod3 .tablist li a i.icon5{
    background: url(../images/icon5.png) center center no-repeat;
}
.nav-tabs.nav-justified> li > a:hover,
.nav-tabs.nav-justified>.active>a, 
.nav-tabs.nav-justified>.active>a:focus, 
.nav-tabs.nav-justified>.active>a:hover{
    border: none;
    background: transparent;
}
.nav-tabs.nav-justified>li>a{
    border: none;
    background: transparent;
}

.mod3 .tablist li a:hover i.icon1,
.mod3 .tablist li.active a i.icon1,
.mod3 .tablist li.active a:hover i.icon1{
    background: url(../images/icon1_hov.png) center center no-repeat;
}
.mod3 .tablist li a:hover i.icon2,
.mod3 .tablist li.active a i.icon2,
.mod3 .tablist li.active a:hover i.icon2{
    background: url(../images/icon2_hov.png) center center no-repeat;
}
.mod3 .tablist li a:hover i.icon3,
.mod3 .tablist li.active a i.icon3,
.mod3 .tablist li.active a:hover i.icon3{
    background: url(../images/icon3_hov.png) center center no-repeat;
}
.mod3 .tablist li a:hover i.icon4,
.mod3 .tablist li.active a i.icon4,
.mod3 .tablist li.active a:hover i.icon4{
    background: url(../images/icon4_hov.png) center center no-repeat;
}
.mod3 .tablist li a:hover i.icon5,
.mod3 .tablist li.active a i.icon5,
.mod3 .tablist li.active a:hover i.icon5{
    background: url(../images/icon5_hov.png) center center no-repeat;
}
.mod3 .tabCont .tab-pane{
    margin-top: 30px;
    padding: 30px;
    background: #FAFBFD;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    position: relative; 
}
.mod3 .tablist li.active:after{
  position: absolute;
  display: inline-block;
  left: 40%; 
  bottom: -60px;
  width: 0;
  height: 0px;
  content: '';
  border-style: solid;
  border-width: 15px;
  border-color: #fff #fff transparent transparent;
  transform: rotate(-45deg);
  box-shadow: 2px -2px 2px rgba(0, 0, 0, 0.05);
}

.mod3 .tabCont{
    height: 202px;
}
.mod3 .tabCont h1{
    font-size: 18px;
    color: #000;
    font-weight: 600;
}
.mod3 .tabCont p{
    line-height: 28px;
    margin-bottom: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.mod3 .tabCont a i{margin-left: 10px;}

.mod4,.mod6{
    background: #FAFBFD;
    padding: 0px 0 40px;
    margin-top: 40px;
}
.mod4 .h1{
    padding: 40px 0;
}
.mod4 .tabList{
    padding-bottom: 20px;
border-bottom: 1px solid #DCDCDC;
}
.mod4 .tabList li span {
    font-size: 20px;

}
.mod4 .nav-pills>li.active span:after,
.mod4 .nav-pills>li>a:hover span:after{
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 0px;
    bottom: 0px;
    left: calc(50% - 10px);
    content: '';
    border-bottom: 2px solid #0A3FCE;
}
.mod4 .nav-pills>li>a:hover span,
.mod4 .nav-pills>li.active>a span, 
.mod4 .nav-pills>li.active>a:focus span, 
.mod4 .nav-pills>li.active>a:hover span{
    color: rgba(10, 63, 206, 1);
    border-bottom: none;
}
.mod4 .tabCont{
    position: relative;
}
.mod4 .jumbotron_banner{
    text-align: center;
}
.mod4 .jumbotron_banner img{
    border-radius: 8px;
    width: 100%;
    max-width: 1008px;
}
.mod4 .jumbotron_text{
    position: absolute;
    max-width: 1008px;
    top: 40px;
    left: calc(50% - 504px );
    padding: 150px  80px ;
    text-align: left;
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.0) 100%);
}
.mod4 .jumbotron_text p{
    width: 68%;
    font-size: 20px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 40px;
    line-height: 35px;
}
.mod4 .tabCont .tab-pane{
    padding: 40px;
    text-align: center;
}
.mod4 .jumbotron_text{margin-bottom: 0px;}
.mod4 .tabCont .tab-pane h1{
    font-size: 28px;
    text-align: center;
    padding: 20px;
    background: #fff;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    width: 100%;
    max-width: 1008px;
    display: inline-block;
}

.mod5{
    padding: 80px 0px;
}
.mod5_right,.mod5_left{
    margin-top: 80px;
    padding: 0px 40px;
}
.mod5_left_img {
    display: inline-block;
    width: 100%;
    height: 244px;
    text-align:center;
    /*background: #f5f5f5;*/

}
.mod5_left_img img{
    /*width:100%;*/
    /*height:100%;*/
    max-height:244px;
    border: 1px solid #eee;
}
.mod5_left:before{
    position: absolute;
    display: inline-block;
    content: '';
    right: 0;
    top: 0;
    height: 100%;
    width: 1px;
    background: rgba(236, 236, 236, 1);
}
.mod5 dl{
    margin-bottom: 40px;
    padding-bottom: 20px;
}
.mod5 dl dt{
    display: inline-block;
    width: 80px;
    vertical-align: top;
}
.mod5 dl dt b{
    font-size: 24px;
    color: #666666;
    display: block;
    font-weight: 300;
}
.mod5 dl dt span{
    font-size: 18px;
    color: #666666;
    font-weight: 300;
}
.mod5 dl dd{
    display: inline-block;
    width: calc( 100% - 100px );
}
.mod5 dl dd a{
    display: block;
    font-weight: 500;
    color: #000;
    padding-bottom: 25px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.mod5 dl dd a:hover{
    color: rgba(10, 63, 206, 1);
}
.mod5 dl dd p{
    line-height: 30px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #444444;
}

.mod5_right dl{
    border-bottom: 1px solid rgba(236, 236, 236, 1);
}
.mod5_right a.more{
    color: rgba(10, 63, 206, 1);
}
.mod5_right a.more i{
    margin-left: 5px;
}
.mod6{
    padding-top: 40px;
    margin-top: 0px;
}
.Mod6tabList_ul{
    margin-top: 40px;
    overflow: hidden;
    /*border: 1px solid red;*/
}
.Mod6tabList{
    position: relative;
    right: 0px;
    width: 120%!important;
}
.Mod6tabList li{
    /*width: 20%;*/
}
.Mod6tabList li a span{
    display: inline-block;
    text-align: center;
    width: 100%;
}
.Mod6tabList li a:hover span{
    background: #FFFFFF;
    box-shadow: 0px 0px 16px 0px #D9D9D9;
    border-radius: 4px;
    
}
.Mod6tabList li a span img{
    max-width: 163px;
}
.Mod6tabList.nav-pills>li>a:hover span, 
.Mod6tabList.nav-pills>li.active>a span, 
.Mod6tabList.nav-pills>li.active>a:focus span, 
.Mod6tabList.nav-pills>li.active>a:hover span{
    border-bottom: none;
    background: #FFFFFF;
    box-shadow: 0px 0px 16px 0px #D9D9D9;
    border-radius: 4px;
}
.mod6_demo a{
    float: left;
    width: 20%;
    text-align: center;
    padding: 10px;
    margin: 20px 0;
}
.mod6_demo a:hover{
    background: #FFFFFF;
    box-shadow: 0px 0px 16px 0px #D9D9D9;
    border-radius: 4px;
}
.mod6_a{
    text-align: center;
    padding: 20px; 
}
.mod6 .tab-pane{
    float: left;
    width: 100%;
    position: relative;
    padding: 40px 0;
}
.mod6 .mod6_left{
    display: inline-block;
    width: 649px;
    height: 409px;
    background: #D8D8D8;
}
.mod6 .mod6_left .mod6_left_img{
    display: inline-block;
    width: 100%;
    background: #eeee;
}
.mod6 .mod6_right{
    position: absolute;
    top: 66px;
    right: 0px;
    z-index: 9;
    display: inline-block;
    width: 891px;
    height: 354px;
    background:rgba(255, 255, 255, 0.9);
    box-shadow: 0px 0px 16px 0px rgba(217, 217, 217, 0.35);
    border-radius: 8px;
    padding: 40px;
}
.mod6 .mod6_right img{
    width: 134px;
    /*height: 33px;*/
    display: inline-block;
    margin-bottom: 40px;
}
.mod6 .mod6_right p{
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    line-height: 30px;
}
.mod6 .mod6_right span{
    float: right;
    font-weight: 500;
    color: #D3B364;
    line-height: 26px;
    font-size: 16px;
    margin-top: 30px;
}

.mod7{
    display: inline-block;
    background-size: 100% 100%; 
    background: url(../images/yyys_bg.png) top center no-repeat;
    padding: 40px 0;
}
.mod7 .container{
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: column;
}
.mod7 .container .mod7-top{
    display: flex;
    flex-direction: row;
}
.mod7 .container .mod7-top h1{
    margin: 20px;
    color: #fff;
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 40px;
}
.mod7 .container .mod7-top h1 span{
    color: #D3B364;
}
/*分辨率适配992 - 1199*/
@media screen and (max-width: 1199px){
   
}

/*分辨率适配640 - 767*/
@media screen and (max-width: 767px){
    
}
/*分辨率适配320 - 639*/
@media screen and (max-width: 639px) and (min-width: 320px){
    
}