@charset "utf-8";
.product-all-header {height: 300px; background: url(../img/productBase-PC.jpg) no-repeat center / cover;
                /*考虑浏览器兼容性*/ -webkit-box-shadow: 10px 10px 10px rgb(0 0 0 / 50%);/* border: 1px solid #ccc; */
    /* border-radius: 100px; */width: 1200px;margin: 0 auto;}
.product-all-header .header-content{max-width: 1045px;margin:0 auto;padding-top: 45px;}
.product-all-header .header-content h1{font-size:36px;color:#fff;margin-bottom:10px;font-weight:normal;}
.product-all-header .header-content p{font-size:18px;color: #eee;line-height: 40px;margin-bottom:20px;/* width:560px; */}
.product-all-header .header-content .cui-btn{background: #008500b8;border-radius:1px;padding:0;display:inline-block;height: 30px;border:solid 1px transparent;border-radius:2px;font-weight:400;font-size:14px;line-height: 30px;text-align:center;white-space:nowrap;vertical-align:middle;user-select:none;transition:.2s;}
.product-all-header .header-content .cui-btn a{color: #ddd;width:100%;height:100%;padding:0 30px;}
.product-all-header .header-content .cui-btn:hover{box-shadow: 0 8px 16px 0 rgb(246 111 106 / 30%);}
.product-all-content{position:relative;max-width: 1200px;margin:0 auto;/* padding-top:124px; */padding-bottom:90px;}
.product-all-content .nav{/* position:absolute; */top: -10px;left:0;/* width:100%; */background:#fff;border:1px solid #ddd;box-shadow:0 4px 18px 0 rgba(0,0,0,0.05);border-radius:2px;padding: 15px 0 0 15px;overflow:hidden;z-index: 70;margin: 0px;}
.product-all-content .nav.am-sticky{left: 0!important;width: 100%!important;}
.product-all-content .nav .nav-content{width: 90%;margin: 0 auto;}
.product-all-content .nav.am-sticky .nav-content{width: 1180px;margin: 0 auto;}
.product-all-content .nav .nav-title{font-size:18px;color:#666a75;line-height:20px;margin-right:9px;display:block;float:left;margin-top:5px}
.product-all-content .nav .nav-list{float:left;overflow:hidden;width: 100%;font-size:0;}
.product-all-content .nav .nav-list li{float: left;}
.product-all-content .nav .nav-list li a{display:inline-block;cursor:pointer;float: left;
    width: 58px;
    height: 14px;
    line-height: 14px;
    font-size: 14px;
    border: 1px solid #eaeaea;
    
    padding: 12px 20px;
    text-align: center;
    overflow: hidden;
    margin: 0 18px 18px 0;background: #f9f9f9;}
.product-all-content .nav .nav-list li:last-of-type a{margin-bottom:0}
.product-all-content .nav .nav-list li a.am-active{color: #fff;/* border:1px solid #f66f6a; */border-radius:2px;background: #258f37;}
.product-all-content .nav .arrow{display:none}
.product-all-content .product-content{overflow:hidden;}
.product-all-content .product-content .title{font-size:22px;color:#252b3a;letter-spacing:0;line-height:28px;position:relative;padding-left:12px;margin-bottom:20px;margin-top:30px;}
.product-all-content .product-content .title:before{background: #258f37;content:'';position:absolute;top:4px;left:0;width:2px;height:20px}
.product-all-content .product-content .tips{float:left;position:relative;/* padding-left:10px; */padding-right:10px;padding-top:10px;padding-bottom:10px;box-sizing: border-box;}
.product-all-content .product-content .tips.col-sm-4 {width: 33.33333333%;}
.product-all-content .product-content .tips:nth-of-type(3n){padding-right:0}
.product-all-content .product-content .tips:nth-of-type(3n - 2){/* padding-left:0; */}
.product-all-content .product-content .tips:nth-of-type(-n+1){padding-bottom:0;}
.product-all-content .product-content .tips a{display:block;padding: 40px 30px 0 98px;background:#fff;border-radius:2px;border:1px solid #ddd;}
.product-all-content .product-content .tips a:hover{box-shadow:0 10px 40px 0 rgba(0,0,0,0.1)}
.product-all-content .product-content .tips a:hover .tips-title{color:#f66f6a}
.product-all-content .product-content .tips a:hover .icons-product-md{color:#f66f6a}
.product-all-content .product-content .tips .inco{position:absolute;left: 9px;}


.product-all-content .product-content .title .more_cj{
    font-size: 12px;
    color: #258f37;
    float:right;
font-weight: 600;}
.product-all-content .product-content .tips .inco .icons {
    
    
    
    width: 80px;
    height: 80px;
    position: absolute;
    
    
    
    
    
    
    
    background-repeat: no-repeat;
    
    background-color: rgba(120,120,120,.1);
border-radius: 25%;}
.product-all-content .product-content .tips .inco .icons img {
    width: 80px;
    overflow: hidden;
    
    
    
    
    
/* border-radius: 50%; */}
.product-all-content .product-content .tips .tips-title{font-size:18px;color:#252b3a;letter-spacing:0;line-height:22px;margin-bottom:10px;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.product-all-content .product-content .tips .tips-info{font-size:14px;color:#a0a2a8;letter-spacing:0;word-break:break-all;text-align:justify;line-height:22px;height:88px;overflow:hidden;text-overflow:ellipsis;}

/*neir*/
.Info {
    margin: 0 auto;
    width: 1200px;
    clear: both;
}

.Info .LeftD {
    width: 900px;
    box-sizing: border-box;
    background: #FFF;
    
    
    font-size: 16px;
    
    float: left;
box-shadow: 0 0 8px #ccc;}

.Info .LeftD .Lbd {
    width: 900px;
    box-sizing: border-box;
    background: #FFF;
    border: 1px solid #FFF;
    /* border-radius: 0.5em; */
    /* padding: 0; */
    float: left;
    clear: both;
}
.Info .LeftD .Lbd .LHead5 {
    width: 100%;
    box-sizing: border-box;
    border-radius: 0.5em;
    text-align: center;
}
.Info .LeftD .Lbd .LHead {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 0 0 0;
    text-align: center;
}
.Info .LeftD .Lbd .LHead .HLogo {
    text-align: center;
}
.Info .LeftD .Lbd .LHead .HLogo img {
    max-width: 600px;
    border-radius: 0.5em;
}
.Info .LeftD .Lbd .LHead .HTit {
    text-align: center;
}

.Info .LeftD .Lbd h1 {
    font-size: 20px;
    color: #555;
    margin: 5px 0 10px;
}
.Info .LeftD .Lbd .Ljj {
    width: 100%;
    box-sizing: border-box;
    padding: 0 30px;
    margin: 10px 0;
    float: left;
}
.Info .LeftD .Lbd .Ljj .WTit {
    height: 30px;
    line-height: 30px;
    font-weight: bold;
    clear: both;
}
.Info .LeftD .Lbd .Ljj .WTit .Tbg1 {
    background: #9CEA66;
    border-radius: 0.5em 0.5em 0 0;
    padding: 0 30px;
}
.Info .LeftD .Lbd .Ljj .WBd {
    width: 100%;
    box-sizing: border-box;
}
.Info .LeftD .Lbd .Ljj .WBd {
    width: 100%;
    box-sizing: border-box;
    background: #F5F5F5;
    border-radius: 0 0 0.5em 0.5em;
    font-size: 16px;
    padding: 15px 20px;
    float: left;
    clear: both;
}

.Info .LeftD .Lbd .Ljj .WBd .Ctwo {
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px dashed #CCC;
    padding: 15px 10px;
    float: left;
}
.Info .LeftD .Lbd .Ljj b {
    font-weight: normal;
    color: #222;
}
.Info .LeftD .Lbd .Ljj .WBd .Ctwo a {
    color: #54ad7c;
}
.Info .LeftD .Lbd .Ljj .WBd .Ctwo span.Pr {
    font-size: 14px;
    color: #999;
    text-align: right;
    float: right;
}
.Info .LeftD .Lbd .Ljj .WBd .Ctwo span.UrlGo {
    background: #08F;
    border-radius: 1.5em;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #FFF;
    text-align: center;
    padding: 2px 15px 3px;
    margin-left: 50px;
}
.Info .LeftD .Lbd .Ljj .WBd .Ctwo span.UrlGo a {
    color: #FFF;
    text-decoration: none;
}
.Info .LeftD .Lbd .Ljj b.b1 {
    padding-left: 15px;
}
.Info .LeftD .Lbd .Ljj .WTit .Tbg2 {
    background: #FAB000;
    border-radius: 0.5em 0.5em 0 0;
    padding: 0 30px;
}
.Info .LeftD .Lbd .Ljj p {
    width: 100%;
    box-sizing: border-box;
    line-height: 200%;
    color: #333;
    text-align: justify!important;}

.Info .LeftD .Lbd .Ljj .WTit .Tbg4 {
    background: #E9FFA4;
    border-radius: 0.5em 0.5em 0 0;
    padding: 0 30px;
}
.Info .LeftD .Lbd .Ljj .WBd .Div01 {
    
    box-sizing: border-box;
    padding: 6px 0;
    border-bottom: 1px dashed #FFF;
    
width: 50%;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.Info .LeftD .Lbd .Ljj .WBd .Div01 .Div02 {
    
    
    float: left;

    
    
    padding: 0 0 0 10px;}
.Info .LeftD .Lbd .Ljj .WBd .Div01 .Div02 a {
    
display: block;
    padding: 15px 0;
    transition: .2s all;
    
    }
.Info .LeftD .Lbd .Ljj .WBd .Div01 .Div02 img {
    vertical-align: middle;
    margin-right: 8px;
    width: 21px;
    height: 21px;
    padding-bottom: 5px;border-radius: 30%;
}
.Info .LeftD .Lbd .Ljj .Wbt {
    width: 100%;
    box-sizing: border-box;
    background: #F5F5F5;
    border-radius: 0.5em;
    font-size: 12px;
    color: #888;
    padding: 15px 20px;
    float: left;
    clear: both;
}
.Info .LeftD .Lbd .Ljj .Wbt .btr {
    float: right;
}
.Info .LeftD .Lbd .Ljj .WAlt {
    width: 100%;
    box-sizing: border-box;
    border: 1px dashed #F60;
    border-radius: 0.5em;
    font-size: 14px;
    padding: 15px 20px;
    float: left;
    clear: both;
}
.Info .LeftD .Lbd .Ljj .WAlt .Cthree {
    width: 100%;
    box-sizing: border-box;
    color: #555;
    line-height: 180%;
    float: left;
}
.Info .LeftD .Lbd .Ljj .WAlt .Cthree i {
    font-style: normal;
    color: #F40;
}
.Info .RightD {
    width: 285px;
    background: #FFF;
    box-sizing: border-box;
    
    
    padding: 10px;
    float: right;
box-shadow: 0 0 8px #ccc;}
.Info .RightD .Rt1 {
    background: #EEE;
    color: #000;
    border-radius: 0.4em 0.4em 0 0;
}
.Info .RightD .Rtit {
    width: 100%;
    box-sizing: border-box;
    font-size: 16px;
    letter-spacing: 4px;
    padding: 5px 0;
    text-align: center;
    float: left;
}
.Info .RightD .Rtxt {
    width: 100%;
    box-sizing: border-box;
    margin: 5px 0;
    /* padding: 0 4px; */
    line-height: 245%;
    float: left;

    
    
    
    }

.Info .RightD .Rtxt ul {
    width: 100%;
    height: auto;
    padding: 5px 0 15px 0;
    display: block;
    overflow: hidden;
}

.Info .RightD .Rtxt ul li {
    width: 65px;
    height: auto;
    float: left;
    margin: 13px 2px 0 18px;
    display: inline;
    overflow: hidden;
}
.Info .RightD .Rtxt ul li a {
    display: block;
    width: 60px;
}
.Info .RightD .Rtxt ul li a i {
    display: block;
    width: 60px;
    height: 60px;
}
.Info .RightD .Rtxt ul li a i img {
    width: 60px;
    border-radius: 12px;
}
.Info .RightD .Rtxt ul li a p {
    height: 24px;
    line-height: 24px;
    text-align: center;
    overflow: hidden;
    margin-top: 6px;
    font-size: 14px;
}



.Info .RightD .Rtxt .g-project-cont {
    width: 260px;
    height: 216px;
    float: left;
    border: 1px solid #eaeaea;
    margin: 10px 0 15px 0;
    display: inline;
    overflow: hidden;
}
.Info .RightD .Rtxt .g-project-cont .g-project-img {
    width: 240px;
    height: 130px;
    float: left;
    margin: 10px 0 0 10px;
    display: inline;
    overflow: hidden;
    position: relative;
    zoom: 1;
}
.Info .RightD .Rtxt .g-project-cont .g-project-img img {
    width: 100%;
    height: 130px;
    display: block;
    overflow: hidden;
}

.Info .RightD .Rtxt .g-project-cont .g-project-img strong {
    width: 100%;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    text-shadow: 1px 1px 2px #000;
    text-align: center;
    display: block;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    background: -moz-linear-gradient(top,rgba(255,255,255,0),rgba(0, 0, 0, 0.7));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(255,255,255,0)), color-stop(1, rgba(0,0,0,0.7)));
    background: -ms-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(0,0,0,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
}

.Info .RightD .Rtxt .g-project-cont .g-project-game {
    width: 118px;
    height: 50px;
    float: left;
    margin: 14px 0 0 10px;
    display: inline;
    overflow: hidden;
}

.Info .RightD .Rtxt .g-project-cont .g-project-game strong {
    width: 56px;
    height: 16px;
    line-height: 16px;
    font-size: 14px;
    font-weight: normal;
    color: #333;
    float: left;
    margin: 0;
    display: inline;
    overflow: hidden;
}

.Info .RightD .Rtxt .g-project-cont .g-project-game b {
    width: 60px;
    height: 14px;
    line-height: 14px;
    font-size: 12px;
    font-weight: normal;
    color: #999;
    margin: 0px 0 0 0;
    float: left;
    display: inline;
    overflow: hidden;
}
.Info .RightD .Rtxt .g-project-cont .g-project-game em {
    width: 40px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    text-align: center;
    background: #f60;
    border-radius: 2px;
    float: left;
    margin: 0px 0 0 0;
    display: inline;
    overflow: hidden;
}
.Info .RightD .Rtxt .g-project-cont .g-project-game img {
    width: 50px;
    height: 50px;
    float: left;
    margin: 0 8px 0 0;
    display: inline;
    overflow: hidden;
}

.Info .RightD .Rtxt .Tm {
    font-size: 14px;
}
.Info .RightD .Rtxt li {
    list-style: inside;
    color: #BBB;

    
    }
.Info .RightD .Rt2 {
    background: #E6E7E8;
    color: #000;
}
.Info .LeftD .Lbd .Cad {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    padding: 5px 30px;
    clear: both;
}
.Info .LeftD .Lbd .Cad .CadBd {
    width: 100%;
    box-sizing: border-box;
    border: 3px dotted #DDD;
    border-radius: 0.5em;
    text-align: center;
    padding: 10px;
    clear: both;
}

.Info .LeftD .Lbd .Ljj .WBd .Ctwo span.v-btn__content {
    background: #258f37;
    border-radius: 0.2em;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #FFF;
    text-align: center;
    padding: 2px 15px 3px;
    margin-right: 20px;
box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);font-weight: 600;}
.Info .LeftD .Lbd .Ljj .WBd .Ctwo span.v-btn__content a {
    color: #FFF;
    text-decoration: none;
}
.Info .LeftD .Lbd .Ljj .WBd .Ctwo span.btn-info {
    background: #17a2b8;
    border-radius: 0.2em;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #FFF;
    text-align: center;
    padding: 2px 15px 3px;
    margin-right: 20px;
box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);font-weight: 600;}
.Info .LeftD .Lbd .Ljj .WBd .Ctwo span.btn-info a {
    color: #FFF;
    text-decoration: none;
}
.Cad .HTit{
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    padding: 5px 30px;
    clear: both;
font-size: 14px;color: #666;}
@media screen and (max-width: 1200px) {
	.product-all-content{ width:98%; margin:1%;max-width:100%;padding-bottom: 20px;}
	.product-all-content .nav .nav-content{ width:98%;}
	.product-all-content .nav .nav-list,.tips-content,.Info .RightD .Rtxt ul{white-space: nowrap;overflow-y: hidden;overflow-x: scroll;}
	.product-all-content .nav .nav-list li,.product-all-content .product-content .tips,.Info .RightD .Rtxt ul li{ float:none;display: inline-block;}
	.product-all-content .nav .nav-list li:last-of-type a{margin: 0 18px 18px 0;}
	.Info{ width:98%; margin:0 1%;}
	.Info .LeftD{ width:70%;}
	.Info .LeftD .Lbd,.Info .RightD .Rtxt .g-project-cont{ width:100%;}
	.Info .LeftD .Lbd .Ljj{ padding:0 5px;}
	.Info .LeftD .Lbd .Ljj .WBd{padding:5px 10px;}
	.Info .LeftD .Lbd .Ljj .WBd .Ctwo span.Pr{ float:none; display:block;text-align:left; font-size:16px; margin-top:10px;}
	.Info .LeftD .Lbd .Cad{padding: 5px 5px;}
	.Info .LeftD .Lbd .Cad .CadBd img{ width:100%;}
	.Info .LeftD .Lbd .Ljj .Wbt .btr{ float:none; display:block;}
	.Info .RightD{ width:28%;}
	.Info .RightD .Rtxt ul{}
	
}
@media only screen and (max-width: 639px) {
	.product-all-header,.footer .menu .logo_foot{ display:none;}
	.footer .menu_r{ float:none;}
	.product-all-content .product-content .tips.col-sm-4{ width:100%;}
	.product-all-content .product-content .tips:nth-of-type(3n){ padding-right:10px;}
	.product-all-content .product-content .title{ margin-bottom:0;}
	.Info .LeftD,.Info .LeftD .Lbd{ width:100%; float:none;}
	.Info .LeftD .Lbd .Ljj{ padding:0;}
	.Info .LeftD .Lbd .Ljj .WBd{padding:5px 10px;}
	.Info .LeftD .Lbd .Ljj .WBd .Ctwo{ padding:10px 5px;}	
	.Info .RightD,.Info .RightD .Rtxt .g-project-cont,.Info .RightD .Rtxt .g-project-cont .g-project-img{ width:100%;}
}