@charset "utf-8"; /* CSS Document */ body { FONT-SIZE: 14px; margin:0px; padding: 0px; font-family:"微软雅黑"; color:#666666; margin:0px; padding:0px; background-color:#fff; overflow-x: hidden; box-sizing: border-box;  } *{font-family:"微软雅黑";} a{text-decoration:none;} li{list-style:none} a{ cursor: pointer; color:#666 } .center{width:1400px;margin:0 auto} h1,h2,h3,h4,h5,p{margin:0 0;padding:0 0;font-weight:500} .ctrl span{ float:left; cursor:pointer;} input,textarea,select{outline:none;font-family:"微软雅黑";} img{ border:none; display: block; } .cursor_pointer{ cursor:pointer; } button{ width: 65px; height: 43px; background: #4177b7; border: none; } .float_l{ float: left; } .float_r{ float: right; } .clear{ clear:both; } .sr-bdimgshare .bdimgshare-content{ display: none; } .sr-bdimgshare-black .bdimgshare-bg{ display: none; } select::-ms-expand{ display: none; } select{ appearance: none; -moz-appearance: none; -webkit-appearance: none; } /* 电脑站侧边 */ .panel { display: none; } .phone_none{ display: none; } .top_pc .top{ height: 50px; background: #f6f6f6; border-bottom: solid 1px #e5e5e5; } .top_pc .top .float_l{ font-size: 14px; color: #333333; line-height: 50px; } .top_pc .top .top_nav .float_l{ display: block; border-left: solid 1px #333333; font-size: 14px; color: #333333; line-height: 50px; padding:0 8px; line-height: 15px; margin-top: 16px; } .top_pc .top .top_nav .float_l:nth-child(1){ border-left: none; } .top_pc .logo .search{ width: 390px; height: 43px; background: #4177b7; margin-top: 33px; margin-right: 150px; } .top_pc .logo .search input{ width: calc(100% - 110px); height: 41px; margin-top: 1px; margin-left: 1px; border: none; background: #fff; padding: 0 22px; font-size: 14px; color: #999999; } .top_pc .logo .search input::-webkit-input-placeholder{ color:#999999; } .top_pc .logo .search input::-moz-placeholder{   color:#999999; } .top_pc .logo .search input:-moz-placeholder{    color:#999999; } .top_pc .logo .search input:-ms-input-placeholder{ color:#999999; } .top_pc .logo .search a{ display: block; width: 65px; height: 43px; background: url("../images/search.png") center center no-repeat; } .top_pc .logo{ padding:10px 0} .top_pc .logo .float_l{ margin-top:15px;} .nav_pc{ height: 70px; background: #4177b7; } .nav_pc a{ width: 12%; line-height: 70px; text-align: center; font-size: 16px; color: #ffffff; transition:all 0.3s ease-in-out; background: url("../images/nav_icon.png") center bottom -10px no-repeat; } .nav_pc .xuanzhong{ background: url("../images/nav_icon.png") center bottom no-repeat; } .nav_pc a:hover{ background: url("../images/nav_icon.png") center bottom no-repeat; } .banner_pc .banner_img{ height: 630px; } .sousuo{ height: 85px; background: #f6f6f6; } .sousuo .renmen{ width: calc(100% - 470px); font-size: 16px; color: #333333; font-weight: 600; line-height: 85px; height: 85px; overflow: hidden; } .sousuo .renmen a{ display: block; font-weight: 500; font-size: 15px; color: #666666; padding: 0 13px; } .sousuo .right{ width: 448px; height: 43px; margin-top: 20px; background: #fff; border: solid 1px #eaeaea; } .sousuo .right a{ display: block; width: 47px; height: 43px; background: url("../images/sousuo_icon.png") center center no-repeat; } .sousuo .right input{ width: calc(100% - 90px); border: none; padding: 0; height: 43px; line-height: 43px; padding: 0 20px; font-size: 15px; color: #888888; } .sousuo .right input::-webkit-input-placeholder{ color:#888888; } .sousuo .right input::-moz-placeholder{   color:#888888; } .sousuo .right input:-moz-placeholder{    color:#888888; } .sousuo .right input:-ms-input-placeholder{ color:#888888; } .foot_img{ width: 100%; height: 284px; background: url("../images/foot_img.jpg") center center no-repeat; } .foot_bottom{ height: 75px; background: #333333; } .foot_bottom .float_l{ font-size: 16px; color: #aaaaaa; line-height: 75px; } .foot_bottom .float_r{ font-size: 16px; color: #aaaaaa; line-height: 75px; } .foot_bottom .float_r a{ color: #aaaaaa; } .foot{ padding-bottom:20px; background: #f6f6f6; } .foot .lianxi_liuyan .left{ width: 651px; padding-right: 49px; margin-right: 47px; background: url("../images/lianxi_xian.png") right center no-repeat; } .foot .lianxi_liuyan .left .top { padding-top: 78px; height: 114px; margin-bottom: 15px; border-bottom: solid 1px #dfdfdf; } .foot .lianxi_liuyan .left .top .float_l{ width: calc(50% - 66px); padding-left: 66px; } .foot .lianxi_liuyan .left .top .float_l div{ font-size: 16px; color: #333333; line-height: 30px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; } .foot .lianxi_liuyan .left .top .float_l p{ font-size: 24px; color: #333333; font-weight: 600; } .foot .lianxi_liuyan .left .top .float_l:nth-child(1){ background: url("../images/foot_icon1.png") left top 3px no-repeat; } .foot .lianxi_liuyan .left .top .float_l:nth-child(2){ background: url("../images/foot_icon2.png") left top 3px no-repeat; } .foot .lianxi_liuyan .left .bottom .erweima{ width: 172px; height: 172px; margin-right: 30px; border: solid 1px #e4e4e4; } .foot .lianxi_liuyan .left .bottom .p1{ font-size: 24px; color: #000033; line-height: 53px; padding-top: 5px; } .foot .lianxi_liuyan .left .bottom .p2{ font-size: 16px; color: #000033; line-height: 38px; } .foot .lianxi_liuyan .left .bottom .xian{ width: 46px; height: 4px; background: #4177b7; } .foot .lianxi_liuyan .left .bottom .qq_zixun{ display: block; width: 183px; height: 45px; margin-top: 10px; background: url("../images/qq_zixun.png") center center no-repeat; } .foot .lianxi_liuyan .right{ width: calc(100% - 747px); } .foot .lianxi_liuyan .right .foot_message_bt{ line-height: 89px; color: #000033; font-size: 24px; padding-top: 50px; } .foot .lianxi_liuyan .right .foot_message_bt text{ font-size: 14px; color: #888888; } .foot .lianxi_liuyan .right .foot_message .input{ width: calc(50% - 9px); margin-bottom: 20px; } .foot .lianxi_liuyan .right .foot_message .input:nth-child(2){ margin-left: 15px; } .foot .lianxi_liuyan .right .foot_message .input div{ font-size: 16px; color: #000033; line-height: 48px; width: 52px; } .foot .lianxi_liuyan .right .foot_message .input input{ width: calc(100% - 74px); height: 46px; border: solid 1px #dfdfdf; font-size: 16px; color: #000033; padding: 0 10px; background: #fafafa; }   .foot .lianxi_liuyan .right .foot_message .textarea{ width: 100%; margin-bottom: 14px; } .foot .lianxi_liuyan .right .foot_message .textarea div{ font-size: 16px; color: #000033; line-height: 48px; width: 52px; } .foot .lianxi_liuyan .right .foot_message .textarea textarea{ width: calc(100% - 74px); height: 138px; border: solid 1px #dfdfdf; font-size: 16px; color: #000033; padding: 12px 10px; background: #fafafa; } .foot .lianxi_liuyan .right .reset{ width: 152px; height: 45px; line-height: 45px; text-align: center; font-size: 16px; color: #ffffff; background: #4177b7; display: block; } .foot .lianxi_liuyan .right .submission{ width: 152px; height: 45px; line-height: 45px; text-align: center; font-size: 16px; color: #ffffff; background: #ff9900; display: block; margin-left: 18px; } .link{width:1400px; padding-bottom:10px; margin:0 auto} .link .lianjie{width:1400px; height:75px;} .link .biaoti p:nth-child(1){ font-size: 24px; color: #000033; text-align: center; line-height: 38px; padding-top:30px; } .link .biaoti p:nth-child(2){ font-size: 14px; color: #000033; text-align: center; text-transform:uppercase; line-height: 26px; background:url("../images/link.png") center center no-repeat; } .link .lianjie a{ display: block; padding: 0 10px; line-height: 16px; font-size: 16px; color: #333333; border-left: solid 1px #dfdfdf; margin-top: 10px; } .link .lianjie a:nth-child(1){ padding-left: 0; border-left: none; } .banner_pc .swiper-pagination-bullet { width: 15px; height: 15px; margin: 0 5px; display: inline-block; border-radius: 100%; background: url("../images/dian1.png") center center no-repeat; opacity: 1; } .banner_pc .swiper-pagination-bullet-active { opacity: 1; background: url("../images/dian2.png") center center no-repeat; } .youshi{ padding: 0 0 102px 0; } .biaoti p:nth-child(1){ font-size: 36px; color: #333333; font-weight: 600; line-height: 62px; padding-top: 86px; text-align: center; } .biaoti p:nth-child(1) text{ color: #4177b7; } .biaoti p:nth-child(2){ font-size: 16px; color: #aeacac; line-height: 28px; text-align: center; text-transform:uppercase; background: url("../images/biaoti1.png") center center no-repeat; } .youshi .neigong{ padding-top: 62px; } .youshi .neigong .float_l{ width: calc(16.666% - 64px); padding: 0 27px; height: 207px; position: relative; cursor: pointer; transition:all 0.3s ease-in-out; background:#f3f3f3; margin-right:10px; text-align:center; border-radius: 5%; /* background: url("../images/youshi1.png") center center no-repeat;*/ } .youshi .neigong .float_l:hover { /*background: url("../images/youshi2.png") center center no-repeat;*/ background:#4177b7; } .youshi .neigong .float_l .text{ font-size: 14px; color: #888888; line-height: 28px; transition:all 0.3s ease-in-out; text-transform:uppercase; } .youshi .neigong .float_l:hover .text{ color: #fff; } .youshi .neigong .float_l .shu{ width: 60px; height: 60px; border-radius: 50%; position: absolute; top: -22px; left: 50%; background: #4177b7; margin-left: -30px; text-align: center; line-height: 60px; color: #fff; font-size: 30px; transition:all 0.3s ease-in-out; } .youshi .neigong .float_l:hover .shu{ background: #ff9900; } .youshi .neigong .float_l .bt{ font-size: 24px; color: #333333; line-height: 64px; text-align: center; padding-top: 52px; transition:all 0.3s ease-in-out; } .youshi .neigong .float_l:hover .bt{ color: #fff; } .index_product{ background: #f6f6f6; } .index_product .fenlei{ padding: 40px 0; } .index_product .fenlei a{ display: block; width: 165px; height: 60px; background: #ffffff; font-size: 16px; color: #333333; margin: 0 5px 10px 5px; text-align: center; line-height: 60px; transition:all 0.3s ease-in-out; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; } .cur{ background: #4177b7 !important; color: #fff !important; } .index_product .fenlei a:hover{ color: #fff; background: #ff9900; } .index_product .swiper-slide a{ width: calc(25% - 20px); margin: 0 10px; background: #fff; display: block; margin-bottom:20px } .index_product .swiper-slide a img{ width: 100%; }.index_product .swiper-slide a .text{ width: calc(100% - 80px); margin: auto; padding-bottom: 18px; } .index_product .swiper-slide a .text p:nth-child(1){ font-size: 18px; color: #333333; text-align: center; line-height: 30px; height: 30px; padding-top: 14px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; } .index_product .swiper-slide a .text p:nth-child(2){ font-size: 14px; color: #888888; text-align: center; line-height: 28px; height: 28px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; } .index_product .swiper-slide{ padding-bottom: 60px; } .index_product{ padding-bottom: 70px; }.index_product .swiper-pagination-bullet{ width: 60px; height: 6px; display: inline-block; border-radius: 0; background: #4177b7; opacity: 1; margin: 0 9px; } .index_product .swiper-pagination-bullet-active { background: #ff9900; } .index_product .swiper-button-prev-product{ width: 35px; height: 36px; top: auto; bottom: 240px; margin-left: -19px; transition:all 0.3s ease-in-out; background: url("../images/product_l1.png") center center no-repeat; } .index_product .swiper-button-prev-product:hover{ background: url("../images/product_l2.png") center center no-repeat; } .index_product .swiper-button-next-product{ width: 35px; height: 36px; top: auto; bottom: 240px; margin-right: -19px; transition:all 0.3s ease-in-out; background: url("../images/product_r1.png") center center no-repeat; } .index_product .swiper-button-next-product:hover{ background: url("../images/product_r2.png") center center no-repeat; } .index_product .center{ position: relative; } .page_img1{ width: 100%; height: 284px; background: url("../images/page_img1.png") center center no-repeat; } .reason{ height: 929px; background: #f3f3f3; } .reason .biaoti{ height: 341px; background: url("../images/reason.png") top center no-repeat; } .reason .biaoti p:nth-child(1) { font-size: 40px; color: #fff; } .reason .biaoti p:nth-child(1) text{ font-size: 40px; color: #fdde0f; } .reason .biaoti p:nth-child(2) { color: #fff; background: url("../images/biaoti2.png") center center no-repeat; } .reason .preview{ width: 100%; height: 234px; background: #ffffff; position: relative; margin-top: -118px; } .reason .preview .swiper-slide{ width: calc(25% - 1px); height: 234px; cursor: pointer; position: relative; border-left: solid 1px #eeeeee; } .reason .preview .swiper-slide .h6{ font-size: 24px; color: #333333; line-height: 47px; padding-top: 61px; text-align: center; } .reason .preview .swiper-slide p{ font-size: 16px; color: #888888; line-height: 29px; text-align: center; } .reason .preview .swiper-slide .xian{ width: 26px; height: 1px; background: #c9c9c9; margin: auto; margin-top: 42px; opacity: 1; /* transition:all 0.3s ease-in-out; */ } .reason .preview .swiper-slide:hover .xian{ opacity: 0; } .reason .preview .swiper-slide .img{ position: absolute; top: 162px; left: 50%; margin-left: -14px; width: 28px; height: 28px; border-radius: 50%; opacity: 0; transition:all 0.3s ease-in-out; background: url("../images/reason_icon.png") center center no-repeat; } .reason .preview .swiper-slide:hover .img{ opacity: 1; } .reason .preview .active-nav .img{ opacity: 1; } .reason .preview .active-nav .xian{ opacity: 0; } .reason .view .swiper-slide{ padding: 0 87px; width: calc(100% - 174px) !important; } .reason .view .right{ width: 558px; height: 234px; margin-top: 88px; position: relative; } .reason .view .right .view_icon{ position: absolute; top: -7px; right: 30px; } .reason .view .left{ width: 570px; padding-top: 15px; } .reason .view .left .shi .zi{ font-size: 66px; color: #ff9900; line-height: 116px; font-weight: 600; } .reason .view .left .shi .xian{ width: 35px; height: 2px; margin-top: 68px; background: #ff9900; } .reason .view .left .bt{ font-size: 18px; color: #888888; font-weight: 500; height: 50px; line-height: 50px; margin-bottom: 16px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; } .reason .view .left .bt text{ font-size: 36px; color: #333333; font-weight: 600; text-transform:uppercase; } .reason .view .left .text{ font-size: 16px; color: #333333; line-height: 30px; text-align: justify; } .reason .swiper-pagination-reason{ text-align: center; margin-top: 64px; } .reason .swiper-pagination-bullet { width: 10px; height: 10px; display: inline-block; border-radius: 100%; background: url("../images/reason_dian1.png") center center no-repeat; opacity: 1; } .reason .swiper-pagination-bullet-active { opacity: 1; background: url("../images/reason_dian2.png") center center no-repeat; } .view .arrow-left{ background: url("../images/reason_l1.png") no-repeat center center; position: absolute; left: 50%; bottom: 4px; width: 6px; height: 11px; z-index: 10; margin-left: -73px; transition:all 0.3s ease-in-out; } .view .arrow-left:hover{ background: url("../images/reason_l2.png") no-repeat center center; } .view .arrow-right{ background: url("../images/reason_r1.png") no-repeat center center; position: absolute; right: 50%; bottom: 4px; width: 6px; height: 11px; z-index: 10; margin-right: -73px; transition:all 0.3s ease-in-out; } .view .arrow-right:hover{ background: url("../images/reason_r2.png") no-repeat center center; } .index_case{  } .index_case .biaoti p:nth-child(2){ background: none; } .index_case .case_nav{ height: 1px; width: 100%; background: #dfdfdf; text-align: center; margin-top: 45px; margin-bottom: 93px; }   .index_case .case_nav a{ display: inline-block; width: 158px; line-height: 25px; padding-top: 37px; margin-top: -8px; font-size: 16px; color: #333333; transition:all 0.3s ease-in-out; background: url("../images/case_nav_icon1.png") center top no-repeat; } .index_case .case_nav .xuanzhong{ font-size: 16px; color: #4177b7; font-weight: 600; background: url("../images/case_nav_icon2.png") center top no-repeat; } .index_case .case_nav a:hover{ font-size: 16px; color: #4177b7; font-weight: 600; background: url("../images/case_nav_icon2.png") center top no-repeat; } .index_case .swiper-container-case{ padding-bottom: 60px; } .index_case .swiper-container-case .swiper-slide .float_l{ width: calc(25% - 20px); margin: 0 10px; cursor: pointer; display: block; } .index_case .swiper-container-case .swiper-slide .float_l img{ width: 100%; } .index_case .swiper-container-case .swiper-slide .float_l .text{ height: 82px; padding: 0 10%; width: 80%; text-align: center; transition:all 0.3s ease-in-out; } .index_case .swiper-container-case .swiper-slide .float_l:hover .text{ background: #4177b7; } .index_case .swiper-container-case .swiper-slide .float_l .text .name{ font-size: 18px; color: #333333; line-height: 36px; padding-top: 6px; transition:all 0.3s ease-in-out; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; } .index_case .swiper-container-case .swiper-slide .float_l:hover .text .name{ color: #fff; } .index_case .swiper-container-case .swiper-slide .float_l .text .p{ line-height: 22px; font-size: 14px; color: #888888; transition:all 0.3s ease-in-out; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; } .index_case .swiper-container-case .swiper-slide .float_l:hover .text .p{ color: #fff; } .index_case .swiper-pagination-bullet { width: 60px; height: 6px; display: inline-block; border-radius: 0; background: #4177b7; opacity: 1; } .index_case .swiper-pagination-bullet-active { background: #ff9900; } .index_about{ padding-bottom: 100px; background: url("../images/index_about.jpg") center center no-repeat; } .index_about .label_page{ position: relative; } .index_about .label_page .label_page_each .about_text{ width: calc(100% - 750px); } .index_about .label_page .label_page_each .about_text .bt{ font-size: 26px; color: #333333; font-weight: 600; line-height: 30px; margin-bottom: 24px; } .index_about .label_page .label_page_each .about_text .p{ font-size: 16px; color: #333333; line-height: 30px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:6; } .index_about .label_page .label_page_each .about_text .xiangqing{ display: block; width: 185px; height: 62px; text-align: center; line-height: 62px; font-size: 16px; color: #333333; border: solid 1px #d9dada; margin-top: 32px; transition:all 0.3s ease-in-out; } .index_about .label_page .label_page_each .about_text .xiangqing:hover{ color: #4177b7; border: solid 1px #4177b7; } .index_about .label_page .label_page_each .about_img{ position: relative; width: 663px; height: 419px; } .index_about .label_page .label_page_each .about_img .about_icon{ position: absolute; top: 0; right: 0; z-index: 99; } .index_about .label_page .label_page_each{ padding-top: 82px; } .index_about .biaoti p:nth-child(1){ padding-top: 70px; } .index_about .swiper-pagination-bullet{ width: 15px; height: 15px; display: inline-block; border-radius: 100%; background: url("../images/index_about1.png") center center no-repeat; opacity: 1; } .index_about .swiper-pagination-bullet-active { opacity: 1; background: url("../images/index_about2.png") center center no-repeat; } .index_about .swiper-pagination{ text-align: right; } .index_about .label_page .label_nav{ position: absolute; bottom: 0; left: 0; } .index_about .label_page h4{ width: 240px; height: 69px; font-size:20px; color: #ffffff; text-align: center; line-height: 69px; background: #4177b7; margin-right: 5px; cursor: pointer; transition:all 0.3s ease-in-out; } .index_about .label_page h4:hover{ background: #ff9900; } .index_about .label_page .on{ background: #ff9900; } .shuzi_gd{ height: 234px; text-align: center; background: url("../images/shuzi_gd.jpg") center center no-repeat; } .shuzi_gd .float_l{ width: calc(25% - 1px); height: 97px; margin-top: 74px; border-right: solid 1px #eeeeee; } .shuzi_gd .float_l:nth-child(1){ width: calc(25% - 2px); border-left: solid 1px #eeeeee; } .shuzi_gd .float_l .counter{ display: inline-table; font-size:60px; color: #ffffff; line-height: 53px; padding: 0 35px; margin-bottom: 18px; } .shuzi_gd .float_l p{ font-size: 16px; color: #ffffff; } .shuzi_gd .float_l:nth-child(1) .counter{ background: url("../images/counter1.png") right top no-repeat; } .shuzi_gd .float_l:nth-child(2) .counter{ background: url("../images/counter2.png") right top no-repeat; } .shuzi_gd .float_l:nth-child(3) .counter{ background: url("../images/counter3.png") right top no-repeat; } .shuzi_gd .float_l:nth-child(4) .counter{ background: url("../images/counter4.png") right top no-repeat; } .index_news{ padding-bottom: 60px; 	background: #f6f6f6; } .index_news .more{ display: block; width: 185px; height: 62px; text-align: center; line-height: 62px; margin: auto; font-size: 16px; color: #333333; border: solid 1px #dfdfdf; transition:all 0.3s ease-in-out; } .index_news .more:hover{ color: #4177b7; border: solid 1px #4177b7; } .index_news .news_l{ width: calc(50% - 36px); } .index_news .news_r{ width: calc(50% - 36px); } .index_news .news{ padding: 58px 0 50px 0; } .index_news .news_l .first{ display: block; border-bottom: dashed 1px #bbbbbb; } .index_news .news_l .first .img{ overflow: hidden; } .index_news .news_l .first .img img{ width: 100%; height: 262px; transition:all 0.3s ease-in-out; } .index_news .news_l .first:hover .img img{ transform: scale(1.1); } .index_news .news_l .first .jianjie{ padding: 18px 0 26px 0; } .index_news .news_l .first .jianjie .xian{ width: 15px; height: 2px; background: #4177b7; margin-top: 42px; margin-left: 6px; margin-right: 5px; } .index_news .news_l .first .jianjie .text{ width: calc(100% - 36px); } .index_news .news_l .first .jianjie .text .biaoti .bt{ font-size: 16px; color: #333333; line-height: 46px; width: calc(100% - 130px); overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; transition:all 0.3s ease-in-out; } .index_news .news_l .first:hover .jianjie .text .biaoti .bt{ color: #4177b7; } .index_news .news_l .first .jianjie .text .biaoti .sj{ font-size: 16px; color: #333333; line-height: 46px; } .index_news .news_l .first .jianjie .text .biaoti .xq{ font-size: 14px; color: #888888; line-height: 30px; text-align: justify; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; } .index_news .news_l .list_news .each .border{ width: 15px; height: 2px; background: #4177b7; margin-top: 20px; margin-left: 6px; margin-right: 8px; } .index_news .news_l .list_news .each .p{ font-size: 16px; color: #333333; line-height: 38px; width: calc(100% - 130px); overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; transition:all 0.3s ease-in-out; } .index_news .news_l .list_news .each:hover .p{ color: #4177b7; } .index_news .news_l .list_news .each .shijian{ font-size: 16px; color: #333333; line-height: 38px; } .index_news .news_l .list_news{ padding: 16px 0; } .index_news .news_r .each{ display: block; padding: 28px 0; border-bottom: dashed 1px #bbbbbb; } .index_news .news_r .each:nth-child(1){ padding-top: 0; } .index_news .news_r .each .img{ overflow: hidden; } .index_news .news_r .each img{ width: 194px; transition:all 0.3s ease-in-out; } .index_news .news_r .each:hover img{ transform: scale(1.1); } .index_news .news_r .each .text{ width: calc(100% - 220px); margin-left: 25px; padding-top: 10px; } .index_news .news_r .each .text .bt{ width: calc(100% - 110px); overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; font-size: 16px; color: #333333; line-height: 46px; height: 46px; transition:all 0.3s ease-in-out; } .index_news .news_r .each:hover .text .bt{ color: #4177b7; } .index_news .news_r .each .text .rq{ font-size: 16px; color: #333333; line-height: 46px; } .index_news .news_r .each .text .p{ font-size: 14px; color: #888888; line-height: 30px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; } .banner_pc .banner_img_ny{ height: 350px; } .neiye .sousuo{ position: relative; z-index: 2; box-shadow: 0px 6px 12.09px 0.91px rgba(0, 0, 0, 0.03); } .position{ background: #f6f6f6; } .position .bt{ padding-top: 44px; } .position .bt .float_l{ font-size: 30px; color: #333333; line-height: 52px; font-weight: 600; } .position .bt .float_r{ font-size: 16px; color: #888888; line-height: 52px; padding-left: 30px; background: url("../images/neiye_icon1.png") top 15px left no-repeat; } .position .p{ line-height: 34px; font-size: 16px; color: #888888; background: url("../images/neiye_icon2.png") center left 238px no-repeat; } .index_product .fenlei { padding-top: 34px; margin-bottom: 0; } .neiye .index_product .swiper-slide a{ margin-bottom: 23px; } .fanye{ text-align: center; } .fanye .pagebar{ display: inline-flex; } .fanye .pagebar a{ display: block; padding: 0 20px; height: 46px; line-height: 46px; background: #fff; margin: 0 4px; font-size: 16px; color: #333333; transition:all 0.3s ease-in-out; } .fanye .pagebar a:hover{ color: #fff; background: #4177b7; } .fanye .pagebar .xuanzhong{ color: #fff; background: #4177b7; } .neiye .index_product { /* padding-bottom: 78px; */ } .neiye .index_product .swiper-slide { padding-bottom: 40px; } .white_bj{ background: #f6f6f6; } .white_bj .position { background: #f6f6f6; } .list_show_html .sousuo{ box-shadow: none } .white_bj .single_html .bt{ text-align: center; font-size: 30px; color: #333333; font-weight: 600; line-height: 66px; padding-top: 56px; margin-bottom: 26px; } .white_bj .single_html .text{ padding-bottom: 135px; } .white_bj .single_html .text p{ font-size: 16px; color: #333333; text-indent: 2rem; line-height: 36px; text-align: justify; } .white_bj .single_html .text img{ width: 100%; display: block; margin: 30px 0; } .single_html {padding-bottom:80px; } .single_html .center{ line-height:42px; font-size:16px;   } .list_show_html .left{ width: calc(100% - 430px); } .list_show_html .position .center{ width: auto; } .list_show_html .list_show .bt{ padding-top: 46px; padding-bottom: 10px; text-align: center; } .list_show_html .list_show .bt .p{ font-size: 30px; color: #333333; line-height: 64px; font-weight:bold } .list_show_html .list_show .bt .pagebar{ display: inline-flex; } .list_show_html .list_show .bt .pagebar div{ font-size: 14px; color: #888888; line-height: 44px; margin: 0 16px; } .list_show_html .list_show .text{ border-top: dashed 1px #dedfdf; border-bottom: solid 1px #dedfdf; padding-top: 25px; padding-bottom: 50px; } .list_show_html .list_show .text p{ font-size: 15px; color: #333333; line-height: 36px; text-align: justify; } .list_show_html .list_show .text img{ width: 100%; display: block; margin: 30px 0; } .list_show_html .list_show .diehaun{ padding-bottom: 66px; } .list_show_html .list_show .diehaun a{ display: block; width: calc(45% - 75px); overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; height: 82px; line-height: 82px; font-size: 16px; color: #333333; } .list_show_html .list_show .diehaun .float_l{ padding-left: 75px; background: url("../images/list_l.jpg") left 22px center no-repeat; } .list_show_html .list_show .diehaun .float_r{ padding-right: 75px; text-align: right; background: url("../images/list_r.jpg") right 22px center no-repeat; } .list_show_html .right_nav{ width: 276px; padding-top: 20px; padding-bottom: 86px; } .list_show_html .right_nav .title_r{ font-size: 18px; color: #333333; line-height: 47px; padding-top: 26px; padding-left: 12px; } .list_show_html .right_nav .list_r a{ display: block; width: calc(100% - 42px); padding: 0 20px; border: solid 1px #dedfdf; height: 54px; line-height: 54px; border-top: none; text-align: center; font-size: 16px; color: #333333; background: #fff; transition:all 0.3s ease-in-out; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; } .list_show_html .right_nav .list_r a:hover{ color: #fff; background: #4177b7; border: solid 1px #4177b7; border-top: none; } .list_show_html .right_nav .list_r a:nth-child(1){ border-top: solid 1px #dedfdf; } .list_show_html .right_nav .list_r a:nth-child(1):hover{ border-top: solid 1px #4177b7; } .list_show_html .right_nav .list_p{ border: solid 1px #dedfdf; padding: 20px 0 30px; background:#fff; } .list_show_html .right_nav .list_p p{ width: calc(100% - 42px); padding: 0 20px; line-height: 30px; font-size: 14px; color: #333333; background: #fff; } .list_show_html .right_nav .list_r2 a{ display: block; width: calc(100% - 42px); padding: 12px 20px; border: solid 1px #dedfdf; line-height: 32px; border-top: none; font-size: 14px; color: #333333; background: #fff; transition:all 0.3s ease-in-out; } .list_show_html .right_nav .list_r2 a:hover{ color: #fff; background: #4177b7; border: solid 1px #4177b7; border-top: none; } .list_show_html .right_nav .list_r2 a:nth-child(1){ border-top: solid 1px #dedfdf; } .list_show_html .right_nav .list_r2 a:nth-child(1):hover{ border-top: solid 1px #4177b7; } .show_html .position .center{ width: 1400px; } .product_show{ padding-bottom: 82px; background: #f6f6f6; padding-top: 45px; } .product_show .pc-slide .view{ width: 537px; } .product_show .view .swiper-container { width: 537px; height: 537px; } .product_show .view .swiper-container img{ width: 537px; height: 537px; } .product_show .preview{ width: calc(100% - 624px); position: relative; } .product_show .preview .product_text .title .name{ font-size: 30px; color: #333333; line-height: 66px; height: 66px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; } .product_show .preview .product_text .title .time{ font-size: 14px; color: #888888; line-height: 36px; height: 36px; padding-bottom: 15px; border-bottom: solid 1px #eeeeee; } .product_show .preview .product_text .title .time span{ margin: 0 30px; } .product_show .preview .product_text .text{ font-size: 14px; color: #333333; line-height: 36px; padding: 16px 5px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; } .product_show .preview .bt{ font-size: 18px; color: #333333; line-height: 66px; margin-top: 35px; } .product_show .preview .swiper-container { width: calc(100% - 236px); margin-left: 0; } .product_show .preview .swiper-slide { width: 172px; height: 172px; cursor:pointer; margin-right: 8px; } .product_show .preview .swiper-slide img{ width: 172px; height: 172px; } .product_show .preview .arrow-left{ position: absolute; right: 22px; bottom: 117px; width: 177px; height: 55px; z-index: 10; text-align: center; background: #4177b7; font-size: 16px; color: #ffffff; line-height: 55px; transition:all 0.3s ease-in-out; } .product_show .preview .arrow-left:hover{ color: #fff; background: #fda30f; } .product_show .preview .arrow-right{ position: absolute; right: 22px; bottom: 52px; width: 177px; height: 55px; z-index: 10; text-align: center; background: #4177b7; font-size: 16px; color: #ffffff; line-height: 55px; transition:all 0.3s ease-in-out; } .product_show .preview .arrow-right:hover{ color: #fff; background: #fda30f; } .show_html .xiangqing{ width: 276px; height: 52px; font-size:16px; color: #ffffff; text-align: center; line-height: 52px; background: #4177b7; margin-top: 40px; } .show_html .text{ border-top: solid 1px #dedfdf !important; } .news_list{ padding-bottom: 40px; } .news_list a{ display: block; width: calc(50% - 79px); padding: 0 32px; margin-right: 30px; background: #fff; margin-top: 28px; } .news_list a:nth-child(2n){ margin-right: 0; } .news_list a .bt{ padding-top: 10px; } .news_list a .bt .p{ font-size: 18px; color: #333333; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; max-width: calc(100% - 40px); height: 48px; line-height: 48px; } .news_list a .bt .border{ height: 3px; width: 0px; background: #e6a001; margin-top: 22px; margin-right: 0px; transition:all 0.3s ease-in-out; } .news_list a:hover .bt .border{ width: 17px; margin-right: 12px; } .news_list a .text{ font-size: 14px; color: #888888; line-height: 30px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-top: 7px; } .news_list a .time .float_l{ font-size: 14px; color: #888888; line-height: 36px; height: 36px; margin-right: 20px; padding-left: 26px; } .news_list a .time .float_l:nth-child(1){ background: url("../images/news_icon3.png") center left 3px no-repeat; } .news_list a .time .float_l:nth-child(2){ background: url("../images/news_icon4.png") center left 3px no-repeat; } .news_list a .button_xq{ line-height: 88px; height: 88px; font-size: 16px; color: #333333; width: 123px; background: url("../images/news_icon1.png") center right no-repeat; transition:all 0.4s ease-in-out; } .news_list a:hover .button_xq{ margin-left: calc(100% - 123px); color: #00479d; background: url("../images/news_icon2.png") center right no-repeat; } .box_shadow .sousuo{ box-shadow: none } .contact_html{ padding-top: 52px; } .contact_html .contact_title{ font-weight: 600; font-size: 30px; color: #333333; line-height: 64px; text-align: center; } .contact_html .contact_text{ font-size: 18px; color: #333; line-height: 40px; text-align: center; width: 1200px; margin: auto; } .contact_html .contact_icon{ width: 1070px; margin: auto; padding: 62px 0 56px; } .contact_html .contact_icon .icon{ width: 160px; margin: 0 27px; } .contact_html .contact_icon .icon img{ display: block; margin: auto; } .contact_html .contact_icon .icon p:nth-child(2){ font-size:16px; color: #000000; text-align: center; line-height: 35px; padding-top: 15px; } .contact_html .contact_icon .icon p:nth-child(3){ font-size:16px; color: #000000; text-align: center; line-height: 21px; } .contact_html .message .bt{ font-size: 30px; color: #333333; line-height: 140px; font-weight: 600; text-align: center;; } .contact_html .message .input input{ width: calc(33.333% - 82px); display: block; border: solid 1px #d7d7d7; padding: 0 30px; height: 49px; line-height: 59px; margin-right: 30px; margin-bottom: 29px; border-radius: 5px; font-size: 16px; color: #999999; } .contact_html .message .input input:nth-child(3n){ margin-right: 0px; } .contact_html .message .input input::-webkit-input-placeholder{ color:#999999; } .contact_html .message .input input::-moz-placeholder{   color:#999999; } .contact_html .message .input input:-moz-placeholder{    color:#999999; } .contact_html .message .input input:-ms-input-placeholder{ color:#999999; } .contact_html .message textarea{ width: calc(100% - 62px); display: block; border: solid 1px #d7d7d7; padding: 12px 30px; height: 200px; line-height: 28px; margin-right: 30px; margin-bottom: 35px; border-radius: 5px; font-size: 16px; color: #999999; } .contact_html .message textarea::-webkit-input-placeholder{ color:#999999; } .contact_html .message textarea::-moz-placeholder{ color:#999999; } .contact_html .message textarea:-moz-placeholder{ color:#cccccc; } .contact_html .message textarea:-ms-input-placeholder{ color:#999999; } .contact_html .message .button{ text-align: center; width: 100%; } .contact_html .message .button a{ display: inline-block; width: calc(50% - 300px); font-size: 18px; color: #ffffff; line-height: 56px; height: 56px; background: #4177b7; text-align: center; border-radius: 5px; margin: 0 15px; transition:all 0.3s ease-in-out; } .contact_html .message .button a:hover{ background: #ff9900; } .contact_html .message{ padding-bottom: 76px; } /*麦 站 网分页样式*/ .pages{padding: 20px 0;width:100%;text-align: center;clear: both;} .pages a,.pages span{color: #666;padding: 0 15px;margin: 0 3px;display: inline-block;vertical-align: middle;line-height: 34px;background: #f9f9f9;border: 1px solid #f2f2f2;} .pages a:hover{display:inline-block;color: #fff;background: #4177b7;border-color: #4177b7;box-shadow: 0 0 14px rgba(0, 0, 0, .2);} .pages span{display:inline-block;color: #666;} .pages a.page-num-current{display:inline-block;color: #fff;background: #4177b7;border-color: #4177b7;box-shadow: 0 0 14px rgba(0, 0, 0, .2);} .text-secondary{text-align: center; padding:10px 0}