@charset "utf-8";

.in-banner{width: 100%;overflow:hidden;height: 220px;background-position: top center;background-repeat: no-repeat;}
.content{width:1200px;overflow:hidden;padding-bottom:65px;margin:0 auto;}

.cont-left{width: 66.45%;float:left;}
.cont-left-tit{width:100%;overflow:hidden;margin-bottom: 5%;}
.cont-left-tit h2.h2{font-size:23px;font-family:"Source Han Sans CN";background:#FAEE00;width:100%;float:left;text-align:right;padding-top:45px;padding-right:20px;font-weight:normal;line-height:50px}
.cont-left-tit b{font-size:36px;font-weight:normal;margin-right:12px;line-height:50px;font-family: "gillsans";}
.cont-left-detail{width: 100%;float:left;padding-left: 10%;font-size:16px;padding-right: 2%;}

.penmacont-detail{width: 100%;float:left;padding-left: 10%;font-size:16px;padding-right: 2%;}

.cont-right{width: 33.55%;float:right;margin-top:100px;}
.cont-right img{float: left;}

.huangse{background: #faee00;color: #276BBA;font-size: 20px;padding-left: 15px;display: inline-block;padding-right: 30px;margin-top: 30px;margin-bottom: 10px;}
.huangse a:hover{color: #69aeff;}
.lanse{background: #276BBA;color: #fff;font-size: 20px;padding-left: 15px;display: inline-block;padding-right: 30px;margin-top: 30px;margin-bottom: 10px;}
.lanhuang{background: #216bba;color: #faee00;font-size: 21px;padding-left:15px;padding: 5%;}
.lanhuang img{margin-right: 10px;width: auto;}
.huise{background: #686b6e;color: #faee00;font-size: 20px;padding-left: 15px;display: inline-block;padding-right: 30px;margin-top: 30px;margin-bottom: 10px;}
.haocaisd{background: #93ddff;color: #fff;font-size: 21px;padding: 10% 0 10% 10%;}
.haocaisd:hover{background: #216bba;}
.haocaisd01{background: #93ddff;color: #fff;font-size: 19px;padding: 5% 0 5% 5%;}

.dlanse{color: #276BBA;font-size: 28px;}
.huise{color: #fff;background: #677388;font-size: 20px;padding-left: 15px;display: inline-block;padding-right: 30px;margin-top: 30px;margin-bottom: 10px;}
.huise a:hover{color: #d4d4d4;}
.p2{width:70% !important;}


.shebeif{width: 85%;overflow: hidden;margin: 5% 0;}
.shebeif li{width: 48%;margin-right: 2%;float: left;text-align: center;margin-bottom: 5%;}
.shebeif li .shebeifimg{width:100%;text-align:center;display: inline-block;overflow: hidden;}
.shebeif li .shebeifimg img{transition:all 0.4s;}
.shebeif li .shebeifimg:hover img{transform:scale(1.1)}

.haocaif{width: 100%;overflow: hidden;margin: 5% 0 0 0;float: left;}
.haocaif li{width: 46%;float: left;text-align: center;margin-bottom: 5%;}
.haocaif li:nth-child(2n+1){margin-right: 8%;}
.haocaif li .haocaiimg{width:100%;text-align:center;display: inline-block;overflow: hidden;}
.haocaif li .haocaiimg img{transition:all 0.4s;}
.haocaif li .haocaiimg:hover img{transform:scale(1.1)}

.haocaicon{width: 100%;float: left;}
.haocaipl{width:41%;float: left;margin-right: 4%;}
.haocaipr{width: 54%;float: left;}
.haocaipr p{width: 30%;margin-right: 3.333%;float: left;}

.linghao{width: 100%;overflow: hidden;margin: 5% 0 0 0;}
.linghao li{width: 31.333%;margin-right: 2%;float: left;text-align: center;margin-bottom: 5%;}
.linghao li .linghaoimg{width:100%;text-align:center;display: inline-block;overflow: hidden;}
.linghao li .linghaoimg img{transition:all 0.4s;}
.linghao li .linghaoimg:hover img{transform:scale(1.1)}
.linghao li:nth-child(10){width: 48%;}
.linghao li:nth-child(11){width: 48%;}
.linghao li:nth-child(12){width: 70%;}

.sdaad{width: 100%;/* overflow: hidden; */margin: 3rem 0;}
.sdaad ul{width: 90%;display:inline-block;}
.sdaad li{width: 40%;margin-right: 10%;float: left;margin-bottom: 2rem;position:relative}
.sdaad li img{width:100%;transition:all 0.4s;}
.sdaad li a:hover img{transform:scale(1.1)}
.sdaad li p{color: #686b6e;text-align: center;font-size: 18px;}
.sdaad li p strong{display: block;color: #276BBA;}
.sdaad li em{
    background: #83BA51;
    text-align: center;
    color: #fff;
    border-radius: 100%;
    width: 5rem;
    height: 5rem;
    display: inline-block;
    position: absolute;
    right: -1rem;
    top: -1rem;
    line-height: 1rem;
    font-style: normal;
    padding: 1rem 0;
    z-index:999999;
}


.sdaad01{width: 100%;overflow: hidden;}
.sdaad01 li{width: 14.666%;margin-right: 2%;float: left;}
.sdaad01 li img{width:100%;transition:all 0.4s;}
.sdaad01 li a:hover img{transform:scale(1.1)}
.sdaad01 li p{color: #686b6e;text-align: center;font-size: 15px;}
.sdaad01 li p strong{display: block;}



.weew{color: #fff;background: #036eb7;border-radius: 20px;padding: 5px 16px;display: inline-block;}

@media (max-width:1200px){
.content{width: 100%;}
.in-banner{height: 188px;background-size:auto 100%;}
}
@media (max-width:991px){
.cont-left-tit{margin-bottom:30px}
.cont-left-detail{float:left;padding-left: 20px;font-size: 15px;}
.penmacont-detail{float:left;padding-left: 40px;font-size: 15px;}
.cont-right{width:33.25%;float:right;margin-top:100px;}
.dlanse{font-size: 18px;}
.lanse{font-size: 18px;margin-top: 20px;}
.huise{font-size: 18px;margin-top: 20px;}
.lanhuang{font-size: 18px;}
.huise{font-size: 18px;}
.huangse{font-size: 20px;}
.haocaisd{font-size: 20px;padding: 7% 0 7% 7%;}
.haocaisd01{font-size: 20px;padding: 7% 0 7% 7%;}
.p2{width: 90% !important;}
.haocaipl{width:100%;margin-right: 0%;}
.haocaipr{width:100%;}
.haocaif{width: 100%;overflow: hidden;margin-left: -4%;}
.content{width: 100%;}
.in-banner{height: 142px;background-size:auto 100%;}
}

@media (max-width:767px){
.content{padding-bottom:45px;width: 100%;}
.cont-right{/* display:none */width: 100%;float: right;margin-top: 20px;}
.cont-left{width:100%;}
.cont-left-tit{margin-bottom: 25px;}
.cont-left-tit h2.h2{font-size:18px;padding-top:25px;padding-right: 0;line-height: 30px;text-align: left;padding-left: 2%;}
.cont-left-tit b{font-size:24px;margin-right:12px;line-height: 30px;}
.cont-left-detail{padding-left:2%;font-size: 15px;}
.penmacont-detail{width:100%;padding-left:2%;font-size: 15px;}
.dlanse{font-size: 18px;}
.lanse{font-size: 16px;}
.huise{font-size: 16px;}
.lanhuang{font-size: 20px;}
.huise{font-size: 16px;}
.huangse{font-size: 16px;}
.haocaisd{font-size: 16px;padding: 5% 0 5% 5%;}
.haocaisd01{font-size: 16px;padding: 5% 0 5% 5%;}
.p2{width:100% !important;}
.shebeif{width: 100%;}
.haocaipl{width:100%;margin-right: 0%;}
.haocaipr{width:100%;}
.haocaif{width: 107%;overflow: hidden;margin-left: -4%;}
.in-banner{height: 78px;background-size:auto 100%;}

.sdaad li{width: 40%;}
.sdaad li p{font-size: 16px;}
.sdaad01 li{width: 31.333%;}
.sdaad01 li p{font-size: 16px;}
.weew{border-radius: 15px;padding: 3px 10px;}
.sdaad ul{width: 100%;display:inline-block;}
}


.rightcn{}
.rightcn p{width: 100%;display: inline-block;float: left;}
.rightcn p img{
    float: initial;
}
.innert-content{padding-bottom: 5%;width: 100%;overflow: hidden;}
.inner-container{padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto}
@media ( min-width : 1024px) {.inner-container {width: 868px}}
@media ( min-width : 1200px) {.inner-container {width: 1000px;padding: 0;}}
@media print{.inner-container{width:auto}}

.cont-title00{color: #4254b8;font-size: 21px;margin: 6% 0 6% 0;width: 100%;overflow: hidden;}



.pro-content{width: 100%;float: left;overflow: hidden;}
.pron-left{width: 17%;overflow: hidden;float: left;margin-right: 6%;}
.pron-left ul{width: 100%;overflow: hidden;float: left;}
.pron-left li{width: 100%;float: left;border-bottom: 1px solid #e7e7e7;padding: 12% 0;}
.pron-left li a{width: 100%;display: inline-block;}
.pron-left li a:hover{text-decoration: none;}
.pron-left a i{float: left;display: inline-block;margin-right: 5%;margin-top: 2%;}
.pron-left .mdevi{display: block;}
.pron-left .mdevid{display: none;}
.pron-left a:hover .mdevi{display: none;}
.pron-left a:hover .mdevid{display: block;}
.pron-left li p{font-size: 15px;text-transform: uppercase;line-height: 24px;letter-spacing: 0;}
.pron-left li:nth-child(1) a:hover p{color:#76c7ff}
.pron-left li:nth-child(2) a:hover p{color:#d5bcfe}
.pron-left li:nth-child(3) a:hover p{color:#ffc98b}
.pron-left li:nth-child(4) a:hover p{color:#ff95b1}
.pron-left li:nth-child(5) a:hover p{color:#959dcb}
.pron-left li:nth-child(6) a:hover p{color:#96bd6c}
.pron-left li:nth-child(6){border-bottom: none;}
.pron-left li strong{display: block;font-weight: 500;font-size: 17px;line-height: 29px;letter-spacing: .5px;}
.pron-left li a:hover p{font-weight:700}
.pron-left li a:hover p strong{font-weight:700}
.pron-left li:nth-child(1).on p{font-weight:700;color:#76c7ff}
.pron-left li:nth-child(2).on p{font-weight:700;color:#d5bcfe}
.pron-left li:nth-child(3).on p{color:#ffc98b}
.pron-left li:nth-child(4).on p{color:#ff95b1}
.pron-left li:nth-child(5).on p{color:#ff95b1}
.pron-left li:nth-child(6).on p{color:#96bd6c}
.pron-left li.on p strong{font-weight:700}
.pron-left li.on .mdevi{display: none;}
.pron-left li.on .mdevid{display: block;}
@media only screen and (min-width: 1024px) and (max-width:1199px){
.pron-left a i{margin-right: 3%;margin-top: 1%;}
.pron-left li p{font-size: 13px;}
.pron-left li strong{font-size: 15px;line-height: 26px;}
}
@media only screen and (min-width: 768px) and (max-width:1023px){
.pron-left{width: 25%;margin-right: 4%;}
.pron-left a i{margin-right: 3%;margin-top: 1%;}
.pron-left li p{font-size: 15px;}
.pron-left li strong{font-size: 15px;line-height: 26px;}

}
@media only screen and (max-width:767px){
.pron-left ul{width: 102%;}
.pron-left{width: 100%;margin-right: 0;}
.pron-left li{padding: 2% 0;width: 45%;margin-right: 2%;}
.pron-left li:nth-child(6){border-bottom: 1px solid #e7e7e7;}
.pron-left a i{margin-right: 3%;margin-top: 1%;}
.pron-left li p{font-size: 15px;}
.pron-left li strong{font-size: 13px;line-height: 26px;}
.pron-left li.on p strong{font-weight:500} 
}




.pron-right{width: 77%;overflow: hidden;float: right;}
.pron-pic{width: 70%;/* float: left; */text-align: center;position: relative;margin: 3% auto;}
.pron-pic-slider .pagi{position: absolute;bottom: -6px;}
.pron-pic-slider .pagi span{width: 10%;height: 10px;border-radius: 0;}
.pron-pic img{max-width: 100%;margin: 0 auto;text-align: center;}
.pron-con{width: 100%;float: left;overflow: hidden;}
.pron-con .tabs{border-bottom: 1px solid #c7c5c6;width: 100%;overflow: hidden;margin-bottom: 5%;}
.pron-con a{background: url(../images/dayin.jpg) top left repeat-x;font-weight: bold;/* padding: 0 5%; */display: inline-block;text-align: center;color: #fff;line-height: 32px;font-size: 16px;border-radius: 3px 3px 0 0;float: left;margin: 0 1px !important;width: 120px;height: 32px;opacity: 1;}
.pron-con a.active{background: url(../images/yuanli.jpg) top left repeat-x;}
.pron-con a:hover{text-decoration: none;}


@media only screen and (min-width: 1024px) and (max-width:1199px){
.cont-title00{font-size: 18px;}
.cont-title{margin: 3% 0;font-size: 15px;}
.pron-con .tabs{margin-bottom: 5%;}
.pron-con a{font-size: 15px;}

}
@media only screen and (min-width: 768px) and (max-width:1023px){
.cont-title00{font-size: 16px;}
.cont-title{margin: 3% 0;font-size: 15px;}
.pron-con .tabs{margin-bottom: 5%;}
.pron-con a{font-size: 15px;}
.pron-right {width: 70%;}
}
@media only screen and (max-width:767px){
  .pron-pic{width:100%;}
.cont-title00{font-size: 15px;}
.cont-title{margin: 3% 0;font-size: 13px;}
.pron-right{width: 100%;}
.pron-con .tabs{margin-bottom: 5%;}
.pron-con a{font-size: 15px;width: 96px;height: 32px;}
}