@charset "utf-8";
/* CSS Document */
body{background:#fff}
.proDetailFocusBox{background: none; height: auto;}
.BreadCrumbPro{background: none;border: none;z-index: 4;}

.DetailFocusHull{background: url(images/yufufei4G/focus-bg.jpg?) no-repeat 50% 50% #24252a;}
.DetailFocusHull .proFocus{float:left;width: 57%;height: auto;}
.DetailFocusHull .Info{float: right;width: 42%;padding: 130px 0 0 0;}
.DetailFocusHull .topText{ font-size: 16px; color: #5a5d61; line-height: 18px;}
.DetailFocusHull .topText img{vertical-align: bottom;max-height: 18px;margin: 0 5px 0 0;}
.DetailFocusHull h1{font-size: 28px;line-height: 38px;color: #fff;font-weight: normal;margin: 15px 0 25px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;min-height: 76px;}
.DetailFocusHull .subText{border:1px solid #ccd0d9;border-width: 1px 0;padding: 25px 0 10px;}
.DetailFocusHull .subText .price{padding: 0 0 0 85px;margin-bottom: 20px;height: 24px;line-height: 24px;font-size: 22px;color: #6999fe;}
.DetailFocusHull .subText .price span{float: left;margin-left: -85px;width: 70px;text-align: center;font-size: 16px;color: #a4a4a4;}
.DetailFocusHull .subText .price em{font-size: 14px;font-style: inherit;margin-left: 5px;}
.DetailFocusHull .subText .price dt{display: inline-block;}
.DetailFocusHull .subText .price dt span{line-height: 24px;font-size: 22px;color: #6999fe;float: none;width: auto;margin: 0;}
.DetailFocusHull .subText p{padding: 0 0 0 85px;margin-bottom: 15px;line-height: 24px;font-size: 16px;color: #a4a4a4;}
.DetailFocusHull .subText p span{float: left;margin-left: -85px;width: 70px;text-align: center;border: 1px solid #6999fe;border-radius: 4px;line-height: 22px;color: #6999fe;font-size: 14px;}
.DetailFocusHull .canshu{font-size: 16px;line-height: 20px;color: #a4a4a4;padding: 15px 0 15px 0;}
.DetailFocusHull .canshu p{padding: 11px 0;}
.DetailFocusHull dl{font-size: 16px;color: #5a5d61;line-height: 1;}
.DetailFocusHull dd{padding: 0 0 12px;color: #a4a4a4;}
.DetailFocusHull dt{}
.DetailFocusHull dt a{border: 1px solid #aaafba;text-align: center;display: block;width: 150px;border-radius: 4px;float: left;margin: 0 10px 0 0;line-height: 34px;font-size: 14px;color: #5a5d61;}
.DetailFocusHull dt a.on{color: #6999fe;border-color: #6999fe;}
.DetailFocusHull .btns {padding: 50px 0 0 0;}
.DetailFocusHull .btns a {border: 1px solid #6999fe;text-align: center;width: auto;display: inline-block;border-radius: 4px;line-height: 48px;color: #fff;font-size: 18px;float: left;background: url(images/btnIcon_1.png) no-repeat 50px 50% #6999fe!important;padding: 0 40px 0 85px;margin-right: 10px;position: relative;}
.DetailFocusHull .btns a.QR{background-image: url("images/btnIcon_2.png")!important}
.DetailFocusHull .btns a:hover { border-color: #6999fe; background-color: #6999fe; }
.DetailFocusHull .btns a span{background: url("images/QR.png?v220610001") no-repeat;width: 176px;height: 213px;position: absolute;left: 50%;margin-left: -88px;top: -223px; display: none;}
.DetailFocusHull .btns a:hover span{display: block;}


.detailWrap{width:1120px; margin: 0 auto;}

.proDetailTabWrap { }
.proDetailTabHd .box{background: #fafafc;border: 1px solid #f3f3f3;border-width: 1px 0;}
.proDetailTabHd .box span{float: left;color: #7f7f7f;line-height: 50px;}
.proDetailTabHd .box .more{float: right;background: #6999fe;color: #fff;padding: 0 20px;line-height: 30px;margin: 10px 0 0 25px;border-radius: 2px;}
.proDetailTabHd .box ul{float: right;}
.proDetailTabHd .box ul li{ width: auto; border: none; padding: 0 25px;}
.proDetailTabHd li a{font-size: 14px;color: #7f7f7f;position: relative;}
.proDetailTabHd li a:hover{color:#6999fe}
.proDetailTabHd li a:before{content:'';background: #6999fe;width: 100%;height: 1px;position: absolute;left: 0%;margin-left: -0%;bottom: 20%;opacity: 0;}
.proDetailTabHd li.on a{background: none;color: #1d2023;}
.proDetailTabHd li.on a:before{opacity:1;}

/*表格参数*/
.section-table{ text-align: center; padding: 60px 0;}
.section-table h2{line-height: 1;font-size: 38px;color: #1d2023;margin-bottom: 60px;/* font-weight: 300; */}
.section-table table{border-collapse:collapse;width: 100%;font-size: 16px;color: #6b6b6b;}
.section-table table,.section-table th,.section-table td{border: 1px solid #ececec;padding: 13px 5px;line-height: 30px;}
.section-table th{font-size: 18px;color: #1d2023;background: #f7f9fb;min-width: 120px;font-weight: 400;}
.section-table td{}
.section-table tr:first-of-type td{color:#1d2023;font-size:18px;font-weight: 400;}

.section-zuWang{background: url("images/yufufei4G/zuWang-bg.jpg") no-repeat 50% 50%;background-size: cover;/* position: relative; */}
.section-zuWang .wrap{position: relative;}
.section-zuWang img{}
.section-zuWang .desc{position: absolute;top: 100px;width: 100%;text-align: center;}
.section-zuWang .desc h2{line-height: 1;font-size: 38px;color: #1d2023;/* font-weight: lighter; */margin: 0;position:static;}
.section-zuWang .desc p{ font-size: 18px; line-height: 30px; color: #333; padding: 14px 0 0 0; margin: 0;}

.section-tuoBuTu{background:url("images/yufufei4G/tuoBuTu-bg.jpg") no-repeat 50% 50%;background-size: cover;padding: 60px 0;}
.section-tuoBuTu h2{line-height: 1;font-size: 38px;color: #1d2023;/* font-weight: lighter; */text-align: center;margin: 0 0 60px;}
.section-tuoBuTu img{}

.section-ruanJian{background:url("images/yufufei4G/ruanJian-bg.jpg?v1") no-repeat 50% 50%;background-size: cover;padding: 60px 0 60px 0;}
.section-ruanJian h2{line-height: 1;font-size: 38px;color: #1d2023;/* font-weight: lighter; *//* margin: 0 0 20px; */text-align: center;}
.section-ruanJian ul{margin: 0 -20px;}
.section-ruanJian li{float: left;width: 25%;padding: 60px 57px 0;}
.section-ruanJian li a{display: block;text-align: center;text-decoration: none;font-size: 14px;color: #6999fe;line-height: 1;}
.section-ruanJian li a span{display: block;line-height: 1;font-size: 16px;color: #1d2023;border-bottom: 1px solid #d7dae1;margin-bottom: 25px;padding: 0 0 25px;text-align: left;}
.section-ruanJian li a .pic{border: 1px solid #eeeff4;position: relative;margin-bottom: 20px;box-shadow: 0px 5px 5px 2px #e6e6e6;}
.section-ruanJian li a .pic img{}
.section-ruanJian li a i{background: rgba(0, 0, 0, .3);color: #fff;position: absolute;right: 0;bottom: 0;line-height: 1;padding: 5px;border-radius: 2px 0 0 0;}
.section-ruanJian li a:hover i{background: #6999fe;}
.section-ruanJian li a:hover .pic{border-color:#dfdfdf;}

.section-liNian{ text-align: center; font-size: 18px; line-height: 44px; color: #626262;}
.section-liNian .wrap{border-bottom: 1px solid #e5e6ec;/* padding: 100px 0 87px; */padding-top: 60px;padding-bottom: 47px;}
.section-liNian h2{line-height: 1;font-size: 38px;color: #1d2023;/* font-weight: lighter; */margin: 0 0 47px;text-align: center;}
.section-liNian p{}
.section-heZuo{padding: 60px 0 60px 0;}
.section-heZuo h2{line-height: 1;font-size: 38px;color: #1d2023;/* font-weight: lighter; */margin: 0 0 60px;text-align: center;}
.section-heZuo .con{background: #eaeef4;border-radius: 20px;padding: 75px 120px;}
.section-heZuo h3{/* float: left; */line-height: 1;font-size: 26px;color: #1d2023;font-weight: lighter;margin: 0 0 22px;}
.section-heZuo p{/* float: left; */font-size: 18px;line-height: 35px;color: #626262;}
.section-heZuo img{float: right;}

.seciont-about{text-align: center;background: none;margin: 0px auto 0px;position: relative;}
.seciont-about .detailWrap{position: absolute;left: 50%;line-height: 1;top: 94px;z-index: 2;}
.seciont-about h2{line-height: 1;color: #fff;font-weight: lighter;font-size: 38px;text-shadow: 0px 2px 3px rgba(15, 17, 21, 0.82);}
.seciont-about span,.seciont-about p{font-size: 30px;margin-top: 28px;display: block;}
.seciont-about img{}
.seciont-about .hd{/* position: absolute; *//* left: 0; *//* top: 94px; */text-align: center;/* width: 100%; *//* z-index: 9; */}
.seciont-about .hd ul{/* position: absolute; *//* left: 0; *//* top: 220px; *//* text-align: center; *//* width: 100%; */padding: 35px 0 0 0;}
.seciont-about .hd li{margin: 0 25px;font-size: 22px;line-height: 46px;background: #babec8;border-radius: 46px;color: #fff;padding: 0 30px;cursor: pointer;display: inline-block;} 
.seciont-about .hd li.on{background: #6999fe;}

.section-news{padding: 60px 0 60px;background: url("images/yufufei4G/news-bg.jpg") no-repeat;background-size: cover;}
.section-news .title{text-align: center;line-height: 1;padding: 0 0 40px;}
.section-news .title h2{font-size: 38px;color: #1d2023;/* font-weight: lighter; */margin: 0 0 35px;}
.section-news .title p{ font-size: 18px; line-height: 1; color: #626262;}
.section-news .listHull{ position: relative;}

.section-news .list{}
.section-news .list li{float: left;width: 33.333333%;padding: 20px 0 20px;}
.section-news .list a{display: block;margin: 0 16px;background: #fff;box-shadow: 0px 5px 10px 0px rgb(233 233 237);border-radius: 0 0 5px 5px;color: #898989;}
.section-news .list a img{width: 100%;}
.section-news .list a h2{margin: 0;font-size: 18px;line-height: 26px;color: #1d2023;font-weight: normal;/* height: 52px; */margin-bottom: 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.section-news .list a .desc{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-size: 14px;line-height: 24px;height: 48px;color: #898989;margin-bottom: 20px;}
.section-news .list a .box{padding: 25px 30px 30px 30px;}
.section-news .list a .box img{float: left;width: auto;max-height: 26px;}
.section-news .list a .box span{ float: right;}
.section-news .list a:hover .desc{ color: #46b6f5;}
.section-news .hd{text-align: center;}
.section-news .hd ul{display: inline-block;}
.section-news .hd li{width: 64px;height: 2px;background: #ced6e4;text-indent: -99999px;float: left;margin: 0 5px;cursor: pointer;}
.section-news .hd li.on{background: #1d2023;}
.section-news .NewsPrev,.section-news .NewsNext{width: 50px;height: 50px;background: #d9e0e8;display: block;text-align: center;line-height: 50px;border-radius: 50px;color: #787c7e;font-size: 20px;position: absolute;left: -70px;top: 50%;margin-top: -50px; cursor: pointer;}
.section-news .NewsNext{left: inherit;right: -70px;}

.section-cangKu{ text-align:center;}
.section-cangKu img{display: block; margin: 0 auto; max-width: 100%;}

.section-QA{background: url("images/yufufei4G/QA-bg.jpg") no-repeat 50% 50%;background-size: cover;padding: 60px 0;}
.section-QA h2{line-height: 1;font-size: 38px;color: #1d2023;/* font-weight: lighter; */margin: 0 0 60px;text-align: center;}
.section-QA ul{ border-radius: 2px; background: #fff; box-shadow: 0px 7px 30px 0px rgba(44, 55, 72, 0.17); padding: 60px 10%;}
.section-QA li:first-of-type{border-bottom: 1px solid #e4e6eb;}
.section-QA li{border-bottom: 1px solid #e4e6eb;overflow: hidden;}
.section-QA li a{position: relative;display: block;padding: 30px 0 30px 120px;}
.section-QA li a .arrow{position: absolute;right: 0;top: 50%;line-height: 30px;margin: -15px 0 0 0;}
.section-QA li a .pic{width: 220px;border: 1px solid #e4e6eb;float: left;margin-left: -250px;display: none; position: relative; z-index: 2;}
.section-QA li a .pic img{}
.section-QA li a span{position: absolute;left: 0;top: 50%;margin-top: -15px;height: 30px;line-height: 30px;width: 80px;background: #babec8;text-align: center;color: #edeef4;}
.section-QA li a span i{margin: 0 5px 0 0;}
.section-QA li a h3{margin: 0;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 18px;color: #626262;font-weight: normal;max-width: 70%;}
.section-QA li a .desc{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;color: #989898;line-height: 1;margin-top: 12px;display: none;max-width: 70%;}
.section-QA li a.on{padding: 0 0 0 250px;}
.section-QA li a.on .pic{display: block;}
.section-QA li a.on h3{padding-top: 30px;}
.section-QA li a.on .desc{display: block;}


/*规格参数*/
.proDetailCon_sub8 {background: #fff;padding: 20px 0 80px 0;}
.proDetailCon_sub8 dl, .proDetailCon_sub8 dd, .proDetailCon_sub8 p { zoom: 1; }
.proDetailCon_sub8 dl:after, .proDetailCon_sub8 dd:after, .proDetailCon_sub8 p:after { content: ""; display: block; clear: both; height: 0; }
.proDetailCon_sub8 dl {padding: 0 0 0 0px;}
.proDetailCon_sub8 dd{border-bottom: 1px solid #e1e1e1; padding: 35px 0px 35px 260px;}
.proDetailCon_sub8 dd:first-of-type{}
.proDetailCon_sub8 h3 {float: left;margin-left: -260px;font-size: 30px;color: #1d2023;line-height: 30px;}
.proDetailCon_sub8 p {padding: 0 0 0 230px;padding: 5px 0 5px 270px;font-size: 16px;color: #666;line-height: 30px;}
.proDetailCon_sub8 span {float: left;margin-left: -210px;margin-left: -270px;color: #1d2023;}
.proDetailCon_sub8 dt {height: 1px;background: #e1e1e1;margin: 35px 0;display: none;}
.proDetailCon_sub8 dt:before { content: ""; width: 325px; height: 1px; background: #e1e1e1; float: left; margin-left: -420px; }
.proDetailCon_sub8 img{ display:block; margin:8px 0 0 0}
.proDetailCon_sub8 a{color: #1d2023;text-decoration: underline;}
.proDetailCon_sub8 a.more{display: inline-block;line-height: 37px;border: 1px solid #cbcbcb;border-radius: 4px;padding: 0 35px;font-size: 14PX;color: #666;text-decoration: none;margin-top: 30px;}