/** reset **/ .box_1480{ width:1480px; margin:0 auto; } /*调用字体*/ @font-face { font-family: HelveticaNeueLTStd-UltLtEx; /*这里是说明调用来的字体名字*/ src: url("aileron-ultralight-webfont.ttf"); /*这里是字体文件路径*/ } /*************首页*************/ @media (max-width:3000px){ .box_1480{ width:1480px; margin:0 auto; } /*头部信息*/ .i_hd{} .i_hd .top_link{ height:40px; background: #000000; line-height:40px; } .i_hd .top_link *{ color: #cccccc; } .i_hd .top_link .adress a:hover{ text-decoration:underline; } .i_hd .top_link .adress *,.i_hd .top_link .adress{ } .i_hd .top_link .adress{ padding-left:20px; background:url(../images/index_03.jpg) no-repeat left 10px; } .i_hd .top_link .language{ margin-right:70px; padding-left:20px; background:url(../images/index_09.jpg) no-repeat left 10px; position:relative; cursor:pointer; } .i_hd .top_link .language:hover dl{ display:block; } .i_hd .top_link .language a{ display: block; } .i_hd .top_link .language a img{ margin-top:10px; } .i_hd .top_link .language dl{ display:none; text-align:center; position:absolute; top:0px; width:140px; background-color: #f6f6f6; left:-40px; z-index:1000; } .i_hd .top_link .language dl,.i_hd .top_link .language dl *{ color:#333; } .i_hd .top_link .language dl dt img{ margin-top:11px; } .i_hd .top_link .language dl dd{ border-bottom:1px solid #f6f6f6; } .i_hd .top_link .language dl dd a:hover{ font-weight: bold; color: #cd1d1c; } .i_hd .top_link .office{ margin-right:70px; padding-left:20px; background:url(../images/index_05.jpg) no-repeat left 10px; } .i_hd .top_link .office dl{ left:-26px; } .i_hd .top_link .mail{ padding-left:20px; background:url(../images/index_13.jpg) no-repeat left 10px; } .i_hd .top_link .mail a:hover{ text-decoration:underline; } .i_hd .nav{ height:100px; } .i_hd .nav .logo{ padding-top:23px; } .i_hd .nav .menu{ margin-right: 22px; } .i_hd .nav .menu>ul>li{ float:left; margin-right:0px; width: 121px; text-align: center; cursor:pointer; } .i_hd .nav .menu>ul>li>a{ display: block; font-size: 18px; font-weight: bold; line-height: 100px; height: 100px; } .i_hd .nav .menu>ul>li:hover{ background:#f6f6f6; } .i_hd .nav .menu ul li:hover>div{ display:block; z-index:1001 } .i_hd .nav .menu ul li>div{ width: 100vw; left: 0px; padding:0 0px; display:none; position:absolute; background: #f6f6f6; border:1px solid #f6f6f6; top:139px; height: 280px; box-shadow:3px 6px 8px rgba(0,0,0,0.2); } .i_hd .nav .menu ul li>div .ico_1{ top:-20px; position:absolute; left:56px; width:20px; height:20px; display:none; } .i_hd .nav .menu ul li>div .ico_1 img{ width:100%; height:100%; } .i_hd .nav .menu ul li>div>ul{ width:1000px; margin:0 auto; position:relative; left:100px; } .i_hd .nav .menu ul li>div>ul>li{ float:left; } .i_hd .nav .menu ul li>div>ul>li a{ font-size: 20px; color: #333333; position: absolute; bottom: 0px; width: 100px; text-align: center; margin: 0px; padding: 200px 0 0 0; left: 0px; display: block; } :root { --menu_ico_bg_size: 65%; } .i_hd .nav .menu ul li>div>ul>li{ width:100px; height:120px; background: url(../images/menu_ico_service_1.png) no-repeat center top; position:relative; margin-right: 100px; margin-top: 70px; } .i_hd .nav .menu ul li>div.nav_service>ul>li:nth-child(1){ background: url(../images/menu_ico_service_1.png) no-repeat center top; background-size: var(--menu_ico_bg_size); } .i_hd .nav .menu ul li>div.nav_service>ul>li:nth-child(2){ background: url(../images/menu_ico_service_2.png) no-repeat center top; background-size: var(--menu_ico_bg_size); } .i_hd .nav .menu ul li>div.nav_service>ul>li:nth-child(3){ background: url(../images/menu_ico_service_3.png) no-repeat center top; background-size: var(--menu_ico_bg_size); } .i_hd .nav .menu ul li>div.nav_service>ul>li:nth-child(4){ background: url(../images/menu_ico_service_4.png) no-repeat center top; background-size: var(--menu_ico_bg_size); } .i_hd .nav .menu ul li>div.nav_about>ul{ width:1070px; left: 40px; } .i_hd .nav .menu ul li>div.nav_about>ul>li:nth-child(1){ background: url(../images/menu_ico_about_1.png) no-repeat center top; background-size: var(--menu_ico_bg_size); } .i_hd .nav .menu ul li>div.nav_about>ul>li:nth-child(2){ background: url(../images/menu_ico_about_2.png) no-repeat center top; background-size: var(--menu_ico_bg_size); } .i_hd .nav .menu ul li>div.nav_about>ul>li:nth-child(3){ background: url(../images/menu_ico_about_3.png) no-repeat center top; background-size: var(--menu_ico_bg_size); } .i_hd .nav .menu ul li>div.nav_about>ul>li:nth-child(4){ background: url(../images/menu_ico_about_4.png) no-repeat center top; background-size: var(--menu_ico_bg_size); } .i_hd .nav .menu ul li>div.nav_about>ul>li:nth-child(5){ background: url(../images/menu_ico_about_5.png) no-repeat center top; background-size: var(--menu_ico_bg_size); } .i_hd .nav .menu ul li>div.nav_about>ul>li:nth-child(6){ background: url(../images/menu_ico_about_6.png) no-repeat center top; background-size: var(--menu_ico_bg_size); } .i_hd .nav .menu ul li>div>ul>li a:hover{ font-weight: bold; color:#cd1d1c; } .i_hd .nav .menu ul li>div.nav_solution{ height:450px; } .i_hd .nav .menu ul li>div.nav_solution>ul{ width: 1088px; margin: 0 auto; position: relative; left: 86px; } .i_hd .nav .menu ul li>div.nav_solution>ul>li{ margin-right: 100px; } .i_hd .nav .menu ul li>div.nav_solution>ul>li:nth-child(1){ background: url(../images/menu_ico_solution_6.png) no-repeat center top; background-size: var(--menu_ico_bg_size); } .i_hd .nav .menu ul li>div.nav_solution>ul>li:nth-child(2){ background: url(../images/menu_ico_solution_4.png) no-repeat center top; background-size: var(--menu_ico_bg_size); } .i_hd .nav .menu ul li>div.nav_solution>ul>li:nth-child(3){ background: url(../images/menu_ico_solution_10.png) no-repeat center top; background-size: var(--menu_ico_bg_size); } .i_hd .nav .menu ul li>div.nav_solution>ul>li:nth-child(4){ background: url(../images/menu_ico_solution_1.png) no-repeat center top; background-size: var(--menu_ico_bg_size); } .i_hd .nav .menu ul li>div.nav_solution>ul>li:nth-child(5){ background: url(../images/menu_ico_solution_3.png) no-repeat center top; background-size: var(--menu_ico_bg_size); } .i_hd .nav .menu ul li>div.nav_solution>ul>li:nth-child(6){ background: url(../images/menu_ico_solution_2.png) no-repeat center top; background-size: var(--menu_ico_bg_size); } .i_hd .nav .menu ul li>div.nav_solution>ul>li:nth-child(7){ background: url(../images/menu_ico_solution_5.png) no-repeat center top; background-size: var(--menu_ico_bg_size); } .i_hd .nav .menu ul li>div.nav_solution>ul>li:nth-child(8){ background: url(../images/menu_ico_solution_9.png) no-repeat center top; background-size: var(--menu_ico_bg_size); } .i_hd .nav .menu ul li>div.nav_solution>ul>li:nth-child(9){ background: url(../images/menu_ico_solution_7.png) no-repeat center top; background-size: var(--menu_ico_bg_size); } .i_hd .nav .menu ul li>div.nav_solution>ul>li:nth-child(10){ background: url(../images/menu_ico_solution_8.png) no-repeat center top; background-size: var(--menu_ico_bg_size); } .i_hd .nav .menu ul li>.nav_pro{ width: 100vw; left: -23px; padding:0 50px; display:none; position:absolute; background: #f6f6f6; border:1px solid #f6f6f6; /*border-radius:20px;*/ top:138px; height: 810px; box-shadow:3px 6px 8px rgba(0,0,0,0.2); } .i_hd .nav .menu ul li>.nav_pro>.content{ position: relative; left: -40px; margin: 0 auto; width: 1480px; } .i_hd .nav .menu ul li.pro .nav_pro .ico_1{ position:absolute; left:447px; } .i_hd .nav .menu ul li .nav_pro dl{ padding:30px 0px; margin-right:25px; float:left; text-align: left; } .i_hd .nav .menu ul li .nav_pro dl:nth-child(7){ margin:0px; } .i_hd .nav .menu ul li dl dt{ font-size: 18px; font-weight: bold; padding-bottom:15px; } .i_hd .nav .menu ul li dl dd{ width:190px; height: 80px; cursor:pointer; } .i_hd .nav .menu ul li dl dd .photo{ float:left; width:60px; height:58px; } .i_hd .nav .menu ul li dl dd .tl_1{ width:130px; font-size: 16px; font-weight: bold; margin-top:5px; } .i_hd .nav .menu ul li dl dd .tl_2{ width:130px; font-size: 14px; line-height: 14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .i_hd .nav .menu ul li dl dd:hover *{ color: #cd1d1b; } .i_hd .nav .tel{ width: 200px; height: 40px; border-radius:8px; color:#FFFFFF; font-size: 18px; font-weight:bold; line-height:40px; text-indent:60px; background:url(../images/nav_tel_bg.jpg) no-repeat 22px center #cd1d1c; margin-top:30px; margin-right:40px; } .i_hd .nav .search{ position:relative; height:48px; margin-top:26px; } .i_hd .nav .search input{ width: 240px; height:48px; border-radius:24px; border:1px solid #999999; text-indent:10px; font-size:14px; } .i_hd .nav .search a{ display:block; height:48px; width:48px; background: url(../images/index_24.jpg) no-repeat; position:absolute; top:13px; right:0px; } .i_bn{ } .i_bn>ul{ } .i_home_bn{ height: 33vw; /*height: 38vw;*/ overflow: hidden; } .i_home_bn>ul{ /*position: relative; top: -24%;*/ } .swiper-pagination-bullet{ width: 87px; height: 7px; background:rgba(213,213,213,1); opacity: 1; border-radius:0; } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 5px 58px; } .swiper-pagination-bullet-active{ background: #ee1e1e; } .h_pro{ margin-top:80px; margin-bottom: 80px; background: url(/images/h_pro_bg.jpg) no-repeat center top; } .h_pro .box_1480{ height:1340px; } .h_pro .title{ font-size: 48px; font-weight: bold; margin-top: 80px; float:left; margin-bottom:50px; } .h_pro .list_1{ float:left; } .h_pro .list_1 ul li{ float:left; width:338px; height:212px; display:block; border-radius:16px; overflow:hidden; margin-right:40px; box-shadow:3px 3px 10px rgba(0,0,0,0.1); position:relative; margin-bottom:40px; } .h_pro .list_1 ul li:nth-child(n+5){ float:left; width:715px; height:390px; display:block; border-radius:16px; overflow:hidden; margin-right:40px; margin-bottom:40px; box-shadow:3px 3px 10px rgba(0,0,0,0.1); } .h_pro .list_1 ul li div{ position: absolute; z-index:10; bottom:18px; left:29px; color:#fff; } .h_pro .list_1 ul li img{ width:100%; height:100%; } .h_pro .list_1 ul li div b{ font-size: 30px; font-weight: bold; } .h_pro .list_1 ul li div span{ font-size: 20px; } .h_pro .list_1 ul li:nth-child(4n){ margin-right:0px; } .h_pro .list_1 ul li:nth-child(6){ margin-right:0px; } .h_pro .list_1 ul li:nth-child(8){ margin-right:0px; } .h_pro_bt_more, .h_pro_bt_more *{ color:#cd1d1c; display: block; width:100%; height:100%; } .h_pro_bt_more{ width: 260px; height: 80px; text-align:center; font-size: 28px; line-height: 80px; border:1px solid #a6a6a6; border-radius:8px; margin:0 auto; } .h_pro_bt_more:hover{ border:1px solid #cd1d1c; background: #cd1d1c; } .h_pro_bt_more:hover a{ color: #FFF; } .h_about{ height:820px; margin-top:80px; background: url(../images/h_about_bg.jpg) no-repeat center top; } .h_about .text{ margin-top:140px; float:right; width:680px; height:540px; background-color: rgba(255,255,255,0.6); border-radius:20px; font-size: 20px; position:relative; } .h_about .text .content{ padding:40px; } .h_about .text .content p{ margin-bottom:20px; text-indent:2em; color:#333333; } .h_about .text .content .about_more{ height:80px; width:260px; background-color: #cd1d1c; position:absolute; bottom:40px; right:40px; line-height:80px; text-align:center; border-radius:16px; } .h_about .text .content .about_more:hover{ background-color:#BF0003; } .h_about .text .content .about_more a{ display:block; color:#fff; } .h_about_box{ padding-top:110px; } .h_about_box ul li{ width: 168px; float: left; text-align: center; margin-right: 94px; } .h_about_box ul li:nth-child(6n){ margin-right:0px; } .h_about_box ul li .b_2{ margin-top:30px; margin-bottom:10px; font-weight: bold; font-size: 48px; color:#cd1d1c; } .h_about_box ul li .b_2 b{ font-weight: bold; } .h_about_box ul li .b_3{ font-size: 28px; color:#666666; } .h_scene{ margin:30px 0 60px 0; } .h_scene .title{ font-size: 48px; font-weight: bold; margin-top: 80px; float:left; margin-bottom:50px; } .h_scene .list{ } .h_scene .list ul li{ width: 447px; height: 315px; border-radius:18px; overflow:hidden; position:relative; float: left; margin-right:69px; margin-bottom: 70px; } .h_scene .list ul li:nth-child(3n){ margin-right: 0px; } .h_scene .list ul li img{ position:absolute; z-index:1; } .h_scene .list ul li b{ position:absolute; z-index:2; font-size: 40px; font-weight: bold; color:#fff; left:30px; bottom:25px; } .h_scene .h_scene_more{ width: 260px; height: 80px; text-align:center; font-size: 28px; line-height: 80px; border:1px solid #a6a6a6; border-radius:8px; margin:0 auto; } .h_scene .h_scene_more a{ color:#cd1d1c; } .i_footer{ background-color: #000; } .i_footer .link{ height:425px; margin-top:60px; float: left; } .i_footer .link .f_link{ float:left; } .i_footer .link .f_link>ul>li{ width:220px; float: left; font-size: 14px; } .i_footer .link .f_link>ul>li a{ color: #c1c1c1; font-weight: bold; } .i_footer .link .f_link>ul>li .link_1{ margin-bottom: 35px; } .i_footer .link .f_link>ul>li .link_2 ul li{ padding-bottom: 15px; } .i_footer .link .f_link>ul>li .link_1, .i_footer .link .f_link>ul>li .link_1 *{ font-size: 18px; font-weight: bold; color: #fff; } .i_footer .tel{ float:right; } .i_footer .tel .title{ font-size: 18px; font-weight: bold; color: #fff; } .i_footer .tel .num{ font-size: 48px; font-family:HelveticaNeueLTStd-UltLtEx; color: #fff; font-weight:light; padding-bottom: 15px; } .i_footer .tel .text{ font-size: 18px; color: #fff; padding-top: 10px; } .i_footer .copyright{ min-height:120px; color: #c7c7c7; border-top: 2px solid #fff; } .i_footer .copyright .box_1480{ text-align: center; padding-top:45px; } /*******产品展示-栏目页********/ .tree{ height: 100px; background: #f5f5f7; } .tree .box_1480{ height:18px; line-height: 18px; padding-top: 40px; font-size: 18px; font-weight: bold; } .tree .box_1480,.tree .box_1480 *{ color: #333; } .proList{ padding-top:120px; } .proList .pro_readmore_bt{ text-align: center; margin-bottom:90px; } .proList .pro_readmore_bt a{ display:block; width: 260px; height: 80px; border:2px solid #a6a6a6; margin:0 auto; clear: both; line-height: 80px; font-size: 28px; color: #cd1d1c; border-radius:10px; } .proList .pro_readmore_bt a:hover{ background: #cd1d1c; border:2px solid #cd1d1c; color: #fff; } .proList dl{ padding-bottom: 40px; float: left; width: 100%; } .proList dl dt{ height: 87px; clear: both; } .proList dl dt b{ font-size: 48px; font-weight: bold; color: #333333; float: left; } .proList dl dt a{ float: right; display:block; width: 100px; height: 40px; background: #333333; color:#fff; line-height: 40px; border-radius:20px; text-align: center; } .proList dl dd{ } .proList dl dd ul li{ width: 720px; height: 318px; background: #f6f6f6; border-radius:17px; overflow:hidden; float:left; margin-right:40px; margin-bottom: 46px; box-shadow:3px 3px 10px rgba(0,0,0,0.1); } .proList dl dd ul li:nth-child(2n){ margin-right: 0px; } .proList dl dd ul li .photo{ float:left; } .proList dl dd ul li .info{ float: left; padding:60px 30px; position: relative; height: 128px; } .proList dl dd ul li .info .title{ font-size:28px; font-weight: bold; } .proList dl dd ul li .info .text{ font-size:18px; } .proList dl dd ul li .info .bt_more{ font-size:14px; position: absolute; bottom:0px; width: 160px; height: 40px; border:1px solid #cd1d1c; line-height: 40px; border-radius:20px; text-align: center; } .proList dl dd ul li .info .bt_more{ color: #cd1d1c; } .proList dl dd ul li .info .bt_more:hover{ background: #cd1d1c;color: #fff; } .pagelist{ text-align: center; padding: 50px 0 40px 0px; width: 100%; position: relative; height:40px; float: left; } .pagelist li{ line-height: 30px; width: 50px; height: 30px; margin:0px 10px; display:inline-flex; font-size: 16px; color: #b0b0b0; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: bold; text-align: center; border-radius:8px; border:1px solid #ccc; } .pagelist li a{ color: #b0b0b0; } .pagelist li span, .pagelist li a{ display: block; width: 100%; height: 100%; text-align: center; } .pagelist li:hover a{ color: #fff; } .pagelist li:hover{ background: #db0011; color: #fff; } .pagelist li.active, .pagelist li.active *:hover, .pagelist li.active * { background: #db0011; color: #fff; border-radius:8px; } .pagelist li:first-child, .pagelist li:first-child *, .pagelist li:first-child:hover *{ background: url(/images/img_87.png) no-repeat center center; margin-right: 0; } .pagelist li:last-child, .pagelist li:last-child *, .pagelist li:last-child:hover *{ background: url(/images/img_88.png) no-repeat center center; margin-right: 0; } /********产品-对比********/ .proCompareBody{ background-color: #f6f6f6; } .compareTitle{ font-size: 48px; color: #cd1d1c; padding:120px 0 80px 0; text-align:center; } .pro_select{ background-color: #fff; border-radius:20px; height: 600px; } .pro_select>ul{ padding:38px 60px; clear:both; } .pro_select>ul>li{ float: left; width: 380px; margin-right: 106px; position: relative; } .pro_select>ul>li .photo{ margin:20px 0; } .pro_select>ul>li:nth-child(3n){ margin-right: 0px; } .pro_select>ul>li .pro_name{ height:40px; font-size: 28px; color: #333333; border-bottom:1px solid #ccc; background:url(/images/pro_compare_name_dt_2.jpg) no-repeat center right; } .pro_select>ul>li .pro_name:hover{ background:url(/images/pro_compare_name_dt_1.jpg) no-repeat center right; } .pro_select>ul>li .readmore_bt{ display: block; text-align: center; border-radius:20px; margin:0 auto; width: 160px; height: 40px; border:1px solid #cd1d1c; line-height: 40px; color: #cd1d1c; } .pro_select>ul>li .readmore_bt:hover{ background:#cd1d1c; color: #fff; } .pro_select>ul>li .pro_name:hover dl{ display:block; } .pro_select dl{ display:none; width:378px; height:300px; border:1px solid #f6f6f6; position:absolute; background:#f6f6f6; top:40px; border-radius:0 0 20px 20px; overflow:hidden; } .pro_select dl>dd{ height: 40px; line-height: 40px; font-size: 14px; color: #333333; } .pro_select dl>dd>a{ padding-left:10px; } .pro_select dl>dd>ul{ display:none; position: absolute; left:110px; top:0px; background:#fff; width: 268px; height: 299px; overflow: auto; } .pro_select dl>dd:hover ul{ display:block; } .pro_select dl>dd:hover{ background-color: #fff; } .pro_select dl>dd.curr{ background-color: #fff; } .pro_select dl>dd.curr ul{ display:block; } .pro_select dl>dd:hover>a{ font-weight: bold; } .pro_select dl>dd ul li{ float: left; width:120px; text-align:center } .pro_select dl>dd ul li:hover a{ color:#cd1d1c; font-weight: bold; } .base_data{ background: #fff; border-radius:20px; margin:30px 0; padding:60px 60px 30px 60px; } .base_data>.title{ font-size: 48px; font-weight: bold; border-bottom:1px solid #999999; padding-bottom:20px; margin-bottom:20px; } .base_data>.content{ } .base_data>.content *{ border:0px; } .base_data>.content table{ margin-bottom:40px; } .base_data>.content table tr td{ width:33.3333%; } .base_data>.content table tr:nth-child(2n-1) *{ line-height: 40px; font-size: 28px; } .base_data>.content table tr:nth-child(2n) *{ line-height: 40px; font-size: 18px; padding-bottom:20px; } /*******产品详情页*******/ .pro_show_nav{ height: 100px; background: #f5f5f7; } .pro_show_nav .box_1480{ height:18px; line-height: 18px; padding-top: 34px; font-size: 18px; font-weight: bold; } .pro_show_nav .box_1480,.tree .box_1480 *{ color: #333; } .pro_show_nav .l_tree{ float: left; height: 40px; line-height: 40px; } .pro_show_nav ul{ float: right; } .pro_show_nav ul li{ float:left; margin-left: 80px; height: 40px; line-height: 40px; } .pro_show_nav ul li.eq_price a{ display:block; width: 100px; background: #cd1d1c; border-radius:8px; color:#fff; text-align: center; font-size: 16px; font-weight: 100; } .pro_show_content{ padding-top:80px; } .pro_show_content .gailan{} .pro_show_content .gailan .photo{ float:left; } .pro_show_content .gailan .photo img{ border: 1px solid #eee; } .pro_show_content .gailan .photo ul li{ float: left; margin-right: 13px; border:1px solid #f6f6f6; margin-top:40px; cursor:pointer; } .pro_show_content .gailan .photo ul li.curr img{ border:1px solid #d33837; } .pro_show_content .gailan .info{ float:left; padding:55px 90px; width: 560px; } .pro_show_content .gailan .info .title{ font-size: 40px; font-weight: bold; color: #333333; } .pro_show_content .gailan .info .info_list { padding-top: 30px; } .pro_show_content .gailan .info .info_list ul li{ width: 280px; height: 60px; float:left; margin-bottom: 20px; } .pro_show_content .gailan .info .info_list ul li b{ display:block; height:60px; width: 60px; float:left; background: url(../images/pro_show_info_ico.jpg) no-repeat 0px 0px; } .pro_show_content .gailan .info .info_list ul li span{ display:block; height:60px; line-height: 20px; font-size: 18px; font-weight: bold; align-items: center; display: flex; } .pro_show_content .gailan .info .info_list ul li:nth-child(1) b{ background: url(../images/pro_show_info_ico.jpg) no-repeat 0px 0px; } .pro_show_content .gailan .info .info_list ul li:nth-child(2) b{ background: url(../images/pro_show_info_ico.jpg) no-repeat -93px 0px; } .pro_show_content .gailan .info .info_list ul li:nth-child(3) b{ background: url(../images/pro_show_info_ico.jpg) no-repeat 0px -87px; } .pro_show_content .gailan .info .info_list ul li:nth-child(4) b{ background: url(../images/pro_show_info_ico.jpg) no-repeat -93px -87px; } .pro_show_content .gailan .info .info_list ul li:nth-child(5) b{ background: url(../images/pro_show_info_ico.jpg) no-repeat 0px -175px; } .pro_show_content .gailan .info .info_list ul li:nth-child(6) b{ background: url(../images/pro_show_info_ico.jpg) no-repeat -93px -174px; } .pro_show_content .gailan .info .info_list ul li:nth-child(7) b{ background: url(../images/pro_show_info_ico.jpg) no-repeat 0px -265px; } .pro_show_content .gailan .info .info_list ul li:nth-child(8) b{ background: url(../images/pro_show_info_ico.jpg) no-repeat -93px -263px; } .pro_show_content .gailan .info .info_list ul li:nth-child(9) b{ background: url(../images/pro_show_info_ico.jpg) no-repeat 0px -344px; } .pro_show_content .gailan .info .info_list ul li:nth-child(10) b{ background: url(../images/pro_show_info_ico.jpg) no-repeat -93px -340px; } .pro_show_content .gailan .info .info_list ul li:nth-child(11) b{ background: url(../images/pro_show_info_ico.jpg) no-repeat 0px -423px; } .pro_show_content .gailan .info .info_list ul li:nth-child(12) b{ background: url(../images/pro_show_info_ico.jpg) no-repeat -93px -421px; } .info_img{ margin-top:60px; } .info_img img{ width:100%; } .pro_show_data{ background: #f6f6f6; margin-top:120px; padding:60px; border-radius:18px; } .pro_show_data .title{ font-size: 48px; font-weight: bold; color: #333; border-bottom:2px solid #999999; height:48px; padding-bottom:30px; } .pro_show_data .info table{ margin-bottom:40px; } .pro_show_data .info table tr td{ padding:20px 0; } .pro_show_data .info table tr td:nth-child(2){ width:75%; } .pro_show_data .info table tr td:nth-child(2n-1){ font-size: 28px;line-height: 30px; } .pro_show_data .info table tr td:nth-child(2n){ font-size: 18px;line-height: 30px } .pro_show_down .down_list{ padding:30px 0 0 15px; } .pro_show_down .down_list ul li{ line-height: 43px; font-size: 28px; margin-bottom:80px; } .pro_show_down .down_list ul li img{ margin-right:10px; } .pro_show_down .down_list ul li .down_bt{ float:right; } .pro_show_down .down_list ul li .down_bt:hover a{ color:#cd1d1c; } .piejian{ margin-top:100px; } .piejian .title{ font-size: 48px; font-weight: bold; margin-bottom:40px; } .piejian ul li{ width:398px; height: 260px; float:left; margin-right:143px; margin-bottom:60px; border-radius:18px; overflow:hidden; } .piejian ul li:nth-child(3n){ margin-right:0px; } /************场景应用列表页***********/ .scene_list_content{} .scene_list_content .box_1480>.title{ font-size: 48px; font-weight: bold; color: #333333; float: none; padding-bottom: 60px; } .scene_list_content .box_1480>.list{ } .scene_list_content .box_1480>.list ul li{ background: #f6f6f6; width: 710px; height: 500px; border-radius:18px; overflow:hidden; position: relative; float:left; margin-bottom: 75px; box-shadow:3px 3px 15px rgba(0,0,0,0.3); } .scene_list_content .box_1480>.list ul li:nth-child(2n){ margin-left:60px; } .scene_list_content .box_1480>.list ul li .photo{ float:left; width:401px; } .scene_list_content .box_1480>.list ul li .info{ float:left; width: 250px; padding:29px; } .scene_list_content .box_1480>.list .info b{ font-size: 40px; font-weight: bold; color: #333333; } .scene_list_content .box_1480>.list .info div{ float:left; font-size: 18px; line-height: 30px; padding-top: 20px; text-align:justify; text-justify:distribute; } .scene_list_content .box_1480>.list ul li div.readmore_bt{ position: absolute; bottom:40px; right:30px; } .scene_list_content .box_1480>.list ul li div.readmore_bt *{ color:#cd1d1c; font-size: 18px; } /**********场景应用详情页*********/ .scene_show_content{} .scene_show_content .box_1480>.title{ font-size: 48px; font-weight: bold; color: #333333; float: none; padding-bottom: 60px; } .scene_show_content .box_1480>.list{ } .scene_show_content .box_1480>.list ul li{ width: 460px; height: 630px; background: #f6f6f6; float:left; border-radius:18px; overflow:hidden; margin:0 40px 50px 0; } .scene_show_content .box_1480>.list ul li:nth-child(3n){ margin-right:0px; } .scene_show_content .box_1480>.list ul li .photo{} .scene_show_content .box_1480>.list ul li .info{ padding:35px; } .scene_show_content .box_1480>.list ul li .info b{ display:block; font-size: 40px; font-weight: bold; color: #333333; padding-bottom: 30px; border-bottom:2px solid #999999; } .scene_show_content .box_1480>.list ul li .info div{ font-size: 18px; line-height: 30px; padding-top: 30px; } /**********新闻中心列表页*********/ .news_list_content{} .news_list_content .box_1480>.title{ font-size: 48px; font-weight: bold; color: #333333; float: none; padding-bottom: 60px; } .news_list_content .box_1480>.list{ padding-top: 40px; } .news_list_content .box_1480>.list ul li{ width: 460px; height: 500px; background: #f6f6f6; float:left; border-radius:18px; overflow:hidden; margin:0 50px 50px 0; position: relative; box-shadow:3px 3px 10px rgba(0,0,0,0.1); } .news_list_content .box_1480>.list ul li:nth-child(3n){ margin-right:0px; } .news_list_content .box_1480>.list ul li .photo{} .news_list_content .box_1480>.list ul li .info{ padding:20px 30px 20px 30px; } .news_list_content .box_1480>.list ul li .info b{ display:block; font-size: 28px; font-weight: bold; color: #333333; height:80px; } .news_list_content .box_1480>.list ul li .info div{ font-size: 18px; line-height: 30px; text-align:justify; text-justify:distribute; } .news_list_content .box_1480>.list ul li div.readmore_bt{ font-size: 18px; color: #cd1d1c; position: absolute; bottom:30px; right:30px; } /************新闻详情页***********/ .news_show_content{ margin-bottom: 40px; } .news_show_content .box_1480>.title{ font-size: 48px; font-weight: bold; color: #333333; float: none; padding-bottom: 50px; } .news_show_content .content .c_l{ float:left; width: 1000px; background: #f6f6f6; border-radius:18px; box-shadow:3px 3px 10px rgba(0,0,0,0.1); min-height:900px; margin-bottom:60px; } .news_show_content .content .c_l>div{ padding:30px; } .news_show_content .content .c_l>div .title{ font-size: 40px; padding-bottom: 40px; } .news_show_content .content .c_l>div .news_date{ font-size: 16px; padding:0px 0 50px 0; } .news_show_content .content .c_l>div .text{ line-height: 30px; font-size: 18px; text-indent: 2em; text-align:justify; text-justify:distribute; position: relative; padding-bottom: 30px; } .news_show_content .content .c_l>div .text p{ margin-bottom:20px; } .news_show_content .content .c_l>div .text .page_pre{ position:absolute; bottom:-10px; left:-40px; } .news_show_content .content .c_l>div .text .page_next{ position:absolute; bottom:-10px; right:10px; } .news_show_content .content .c_l>div .text .page_pre:hover,.news_show_content .content .c_l>div .text .page_next:hover{ color:#cd1d1c; } .news_show_content .content .c_r{ width: 400px; background: #f6f6f6; float:right; border-radius:18px; box-shadow:3px 3px 10px rgba(0,0,0,0.1); } .news_show_content .content .c_r .title{ font-size: 40px; font-weight: bold; color: #333; padding:20px; border-bottom:2px solid #999999; } .news_show_content .content .c_r .list{ padding:20px; font-size: 18px; line-height: 30px; } .news_show_content .content .c_r .list ul li{ margin-bottom:20px; } .news_show_content .content .c_r .list a:hover{ color:#cd1d1c; } /*********关于我们**********/ .about_show_content{ margin-bottom: 40px; } .box_1480>.title{ font-size: 48px; font-weight: bold; color: #333333; float: left; padding-bottom: 50px; } .about_gongsijianjie{ } .about_gongsijianjie .text{ font-size: 18px; line-height: 30px; float: left; width: 678px; } .about_gongsijianjie .text p{ text-indent: 2em; margin-bottom:20px; line-height: 30px; } .about_gongsijianjie .photo{ float:right; width: 750px; } .about_gongsijianjie .photo img{ border-radius:18px; } .about_kaiyuanhongmeng{ border:4px solid #e3e3e3; border-radius:18px; overflow:hidden; height: 680px; } .about_qiyezizhi{ height: 850px; background: url(../images/about_qqzz_bg.jpg) no-repeat center top; } .about_qiyezizhi .title{ font-size: 48px; font-weight: bold; color: #333; padding-top: 60px; } .about_qiyezizhi .list{ padding-top:40px; padding-left:0px; } .about_qiyezizhi .list ul li{ float: left; background: url(../images/about_zizhi_dot_ico.png) no-repeat left center; padding-left:20px; width:670px; line-height: 28px; margin-bottom:30px; } .about_qiyezizhi .list ul li a{ font-size: 28px; } .about_gongsixinwen{ } .about_gongsixinwen ul li .title{ font-size: 29px; padding-top:35px; padding-bottom: 15px; line-height: 40px; font-weight: bold; } .about_gongsixinwen ul li{ background:#f6f6f6; width:460px; height: 730px; border-radius:18px; overflow:hidden; position: relative; float: left; margin-right:50px; } .about_gongsixinwen ul li:nth-child(3n){ margin-right:0px; } .about_gongsixinwen ul li .info{ padding:0px 25px; } .about_gongsixinwen ul li .info .text{ font-size: 18px; line-height: 25px; } .about_gongsixinwen .readmore_bt{ position:absolute; bottom:20px; right:30px; font-size: 18px; } .about_gongsixinwen .readmore_bt a{ color: #cd1d1c; } .about_lianxiwomen{ padding-top: 120px; } .about_lianxiwomen .text{ width: 640px; float: left; } .about_lianxiwomen .text>.name{ font-size: 30px; margin-bottom: 60px; } .about_lianxiwomen .photo{ float: right; } .about_lianxiwomen .text ul li{ font-size: 18px; font-weight: bold; color: #333; margin-bottom: 36px; padding-left: 30px; } .about_lianxiwomen .text ul li.tel{ } .about_lianxiwomen .text ul li.tel p{ font-size: 14px; font-weight: 100; } .about_lianxiwomen .text ul li:nth-child(1){ background: url(../images/about_lxwm_dot.jpg) no-repeat left 0px; } .about_lianxiwomen .text ul li:nth-child(2){ background: url(../images/about_lxwm_dot.jpg) no-repeat left -106px; } .about_lianxiwomen .text ul li:nth-child(3){ background: url(../images/about_lxwm_dot.jpg) no-repeat left -179px; } .about_lianxiwomen .text ul li:nth-child(4){ background: url(../images/about_lxwm_dot.jpg) no-repeat left -246px; } .about_lianxiwomen .text ul li:nth-child(5){ background: url(../images/about_lxwm_dot.jpg) no-repeat left -319px; } .about_lianxiwomen table{ margin-bottom:40px; } .about_lianxiwomen table *{ border:0px; border-right:1px solid #f0f0f0; } .about_lianxiwomen table td{ border-left:1px solid #f0f0f0; font-size: 16px; padding:0px 0 20px 30px; } .about_lianxiwomen table td strong{ display:block; margin-top:20px; font-size: 20px; } /***********枝术支持**********/ .service_xiazaizhongxin{ float:left; padding-bottom:80px; } .service_xiazaizhongxin ul li{ float:left; margin:0 32px 32px 0; text-align: center; cursor:pointer; } .service_xiazaizhongxin ul li:hover{ color: #cd1d1c; } .service_xiazaizhongxin ul li:nth-child(6n){ margin-right:0px; } .service_xiazaizhongxin ul li .name{ font-size: 28px; font-weight: bold; margin-top: 10px; } .service_xiazaizhongxin ul li .info{ font-size: 18px; font-weight: bold; } .service_changjianwenti{ height:700px; border-radius:18px; background: #f6f6f6; float:left; width: 100%; } .service_changjianwenti>ul{ margin:100px 140px; background:#fff; padding:60px; float:left; } .service_changjianwenti>ul>li{ float:left; width: 300px; height: 175px; border:1px solid #efefef; font-size: 28px; cursor: pointer; } .service_changjianwenti ul li .photo{ height:100px; width:110px; background: url(../images/service_cjwt_ico.jpg) no-repeat 0px 0px; } .service_changjianwenti ul li .title{ padding-top:10px; } .service_changjianwenti ul li:nth-child(n-4){ border-width:0 1px 1px 0; } .service_changjianwenti ul li:nth-child(n+5){ border-width:0 1px 0px 0; padding-top: 40px; } .service_changjianwenti ul li:nth-child(8){ border-width:0 0px 0px 0; } .service_changjianwenti ul li:nth-child(2),.service_changjianwenti ul li:nth-child(3),.service_changjianwenti ul li:nth-child(6),.service_changjianwenti ul li:nth-child(7){ background:0px 0px; text-align:center; } .service_changjianwenti ul li:nth-child(2) .photo,.service_changjianwenti ul li:nth-child(3) .photo,.service_changjianwenti ul li:nth-child(6) .photo,.service_changjianwenti ul li:nth-child(7) .photo{ margin:0 auto; } .service_changjianwenti ul li:nth-child(1),.service_changjianwenti ul li:nth-child(4),.service_changjianwenti ul li:nth-child(5),.service_changjianwenti ul li:nth-child(8){ width: 230px; } .service_changjianwenti ul li:nth-child(4n) .photo{ margin-left:24px; } .service_changjianwenti ul li:nth-child(4n){ width:180px; padding-left:50px; text-align:center; border-right:0px; } .service_changjianwenti ul li:nth-child(1) .photo{ background:url(../images/service_cjwt_ico.jpg) 0px 0px no-repeat; } .service_changjianwenti ul li:nth-child(2) .photo{ background:url(../images/service_cjwt_ico.jpg) -310px 0px no-repeat; } .service_changjianwenti ul li:nth-child(3) .photo{ background:url(../images/service_cjwt_ico.jpg) -611px 0px no-repeat; } .service_changjianwenti ul li:nth-child(4) .photo{ background:url(../images/service_cjwt_ico.jpg) -904px 0px no-repeat; } .service_changjianwenti ul li:nth-child(5) .photo{ background:url(../images/service_cjwt_ico.jpg) 0px -132px no-repeat; } .service_changjianwenti ul li:nth-child(6) .photo{ background:url(../images/service_cjwt_ico.jpg) -319px -137px no-repeat; } .service_changjianwenti ul li:nth-child(7) .photo{ background:url(../images/service_cjwt_ico.jpg) -618px -138px no-repeat; } .service_changjianwenti ul li:nth-child(8) .photo{ background:url(../images/service_cjwt_ico.jpg) -901px -138px no-repeat; } .service_zixunyufuwu{ height: 723px; background: url(../images/service_ly_bg.jpg) no-repeat center top ; margin-top:400px; margin-bottom: 40px; } .service_zixunyufuwu .box_1480{ position:relative; top:-300px; } .service_zixunyufuwu .box_1480 .biaodan{ height:555px; background: #f6f6f6; box-shadow:3px 3px 10px rgba(0,0,0,0.1); } .service_zixunyufuwu .biaodan{ padding:80px; } .service_zixunyufuwu .biaodan form>input:nth-child(1),.service_zixunyufuwu .biaodan form>input:nth-child(2){ width:560px; height:60px; background: #fff; float: left; border:0px; font-size: 20px; border-radius:18px; box-shadow:3px 3px 10px rgba(0,0,0,0.1); padding:10px 20px; } .service_zixunyufuwu .biaodan form>input:nth-child(2){ float:right; } .service_zixunyufuwu .biaodan .info{ font-size: 18px; margin-top:20px; } .service_zixunyufuwu .biaodan textarea{ border:0px; width:1280px; height:205px; border-radius:18px; box-shadow:3px 3px 15px rgba(0,0,0,0.1); margin-top:55px; padding:20px; font-size: 20px; } .service_zixunyufuwu .biaodan .submit_bt{ text-align:center; margin-top:40px; } .service_zixunyufuwu .biaodan .submit_bt input{ width: 240px; height: 80px; margin-right:20px; border-radius:10px; } .service_zixunyufuwu .biaodan .submit_bt input:nth-child(1){ border:1px solid #cbcbcb; font-size: 28px; } .service_zixunyufuwu .biaodan .submit_bt input:nth-child(2){ font-size: 28px; background: #ee1e1e; border:1px solid #ee1e1e; color:#fff; } .service_shouhoufuwu .sh_lianxfangshi{ } .service_zixunyufuwu2{ height: 723px; margin-top:400px; margin-bottom: 40px; } .service_zixunyufuwu2 .box_1480{ position:relative; top:-300px; } .service_zixunyufuwu2 .box_1480 .biaodan{ height:555px; background: #f6f6f6; box-shadow:3px 3px 10px rgba(0,0,0,0.1); } .service_zixunyufuwu2 .biaodan{ padding:80px; } .service_zixunyufuwu2 .biaodan form>input:nth-child(1),.service_zixunyufuwu2 .biaodan form>input:nth-child(2){ width:560px; height:60px; background: #fff; float: left; border:0px; font-size: 20px; border-radius:18px; box-shadow:3px 3px 10px rgba(0,0,0,0.1); padding:10px 20px; } .service_zixunyufuwu2 .biaodan form>input:nth-child(2){ float:right; } .service_zixunyufuwu2 .biaodan .info{ font-size: 18px; margin-top:20px; } .service_zixunyufuwu2 .biaodan textarea{ border:0px; width:1280px; height:205px; border-radius:18px; box-shadow:3px 3px 15px rgba(0,0,0,0.1); margin-top:55px; padding:20px; font-size: 20px; } .service_zixunyufuwu2 .biaodan .submit_bt{ text-align:center; margin-top:40px; } .service_zixunyufuwu2 .biaodan .submit_bt input{ width: 240px; height: 80px; margin-right:20px; border-radius:10px; } .service_zixunyufuwu2 .biaodan .submit_bt input:nth-child(1){ border:1px solid #cbcbcb; font-size: 28px; } .service_zixunyufuwu2 .biaodan .submit_bt input:nth-child(2){ font-size: 28px; background: #ee1e1e; border:1px solid #ee1e1e; color:#fff; } .service_shouhoufuwu .sh_lianxfangshi{ } /*********下载中心详情页*********/ .service_down_content{ padding-top: 80px; } .service_down_content .photo{ float:left; } .service_down_content .down_bt{ width:740px; float: right; } .service_down_content .down_bt .title{ font-size: 40px; font-weight: bold; border-bottom:2px solid #333333; padding:20px 0 20px 0; background: url(../images/pro_compare_name_dt_2.jpg) no-repeat 701px 52px; } .service_down_content .down_bt .btLink{ } .service_down_content .down_bt .btLink ul li{ width:300px; height:213px; margin-right:68px; border:1px solid #575757; border-radius:18px; float: left; position: relative; margin-top:58px; } .service_down_content .down_bt .btLink ul li:hover{ } .service_down_content .down_bt .btLink ul li .down_bt_ico{ width: 71px; height: 71px; position: absolute; top:46px; left:115px; background: url(../images/service_down_ico_1_a.png) no-repeat center center; } .service_down_content .down_bt .btLink ul li:hover{ cursor:pointer; background:#cd1d1c; border:1px solid #cd1d1c; } .service_down_content .down_bt .btLink ul li .down_bt_ico{ width: 71px; height: 71px; position: absolute; top:46px; left:115px; background: url(../images/service_down_ico_1_a.png) no-repeat center center; } .service_down_content .down_bt .btLink ul li .down_bt_ico{ background: url(../images/service_down_ico_1_a.png) no-repeat center center; } .service_down_content .down_bt .btLink ul li:hover .down_bt_ico{ background: url(../images/service_down_ico_1_b.png) no-repeat center center; } .service_down_content .down_bt .btLink ul li:nth-child(2) .down_bt_ico{ background: url(../images/service_down_ico_2_a.png) no-repeat center center; } .service_down_content .down_bt .btLink ul li:nth-child(2):hover .down_bt_ico{ background: url(../images/service_down_ico_2_b.png) no-repeat center center; } .service_down_content .down_bt .btLink ul li:nth-child(3) .down_bt_ico{ background: url(../images/service_down_ico_3_a.png) no-repeat center center; } .service_down_content .down_bt .btLink ul li:nth-child(3):hover .down_bt_ico{ background: url(../images/service_down_ico_3_b.png) no-repeat center center; } .service_down_content .down_bt .btLink ul li:nth-child(4) .down_bt_ico{ background: url(../images/service_down_ico_4_a.png) no-repeat center center; } .service_down_content .down_bt .btLink ul li:nth-child(4):hover .down_bt_ico{ background: url(../images/service_down_ico_4_b.png) no-repeat center center; } .service_down_content .down_bt .btLink ul li:hover .name{ color:#fff; } .service_down_content .down_bt .btLink ul li .name{ font-size: 28px; text-align: center; padding-top:148px; } .service_down_content .down_list{ padding-top: 90px; } .service_down_content .down_list ul li{ height:100px; margin-bottom:40px; font-size: 28px; line-height: 100px; padding:0 40px 0 80px; background:#f6f6f6 url(../images/servicedownlist_bt.png) no-repeat 20px center ; } .service_down_content .down_list ul li:hover{ background:#e3e3e3 url(../images/servicedownlist_bt.png) no-repeat 20px center ; } .service_down_content .down_list ul li a{ display:block; width: 100%; height: 100%; } .service_down_content .down_list ul li b{ float: right; } .service_down_content .down_list ul li:hover b{ float: right; color:#cd1d1c; } /*************常见问题***********/ .serviceQA_content .service_changjianwenti{ height:auto; } .serviceQA_content .service_changjianwenti>ul{ margin: 100px 140px 0px 140px; } .jichuwenti{ padding:80px 140px; font-size: 16px; flaot:none; clear:both; } .jichuwenti .title{ font-size: 40px; border-bottom:2px solid #999999; padding-bottom: 20px; margin-bottom: 30px; } .jichuwenti .list>dl>dt{ background: url(../images/qa_ico1.png) no-repeat left top; height:36px; padding-left:60px; margin-bottom: 18px; line-height: 36px; cursor:pointer; } .jichuwenti .list>dl>dt b{ width: 26px; height: 26px; display:block; background:url(../images/serviceQA_ico_1.png) no-repeat; float:right; margin-top:5px; } .jichuwenti .list>dl>dd{ background: url(../images/qa_ico2.png) no-repeat left top; padding-left:60px; padding-bottom:30px; display:none; } .jichuwenti .list>dl .show_bt b{ background:url(../images/serviceQA_ico_2.png) no-repeat; } } @media (max-width:3000px){ .box_1480{ width:1180px; margin:0 auto; } /*********首页********/ /*头部信息*/ .i_hd{} .i_hd .top_link{ height:40px; background: #000000; line-height:40px; } .i_hd .top_link *{ color: #cccccc; font-size: 14px; } .i_hd .top_link .adress a:hover{ text-decoration:underline; } .i_hd .top_link .adress *,.i_hd .top_link .adress{ } .i_hd .top_link .adress{ padding-left:20px; background:url(../images/index_03.jpg) no-repeat left 10px; } .i_hd .top_link .language{ margin-right:70px; padding-left:20px; background:url(../images/index_09.jpg) no-repeat left 10px; position:relative; cursor:pointer; } .i_hd .top_link .language:hover dl{ display:block; } .i_hd .top_link .language a{ display: block; } .i_hd .top_link .language a img{ margin-top:10px; } .i_hd .top_link .language dl{ display:none; text-align:center; position:absolute; top:0px; width:140px; background-color: #f6f6f6; left:-36px; z-index:1000; } .i_hd .top_link .language dl,.i_hd .top_link .language dl *{ color:#333; } .i_hd .top_link .language dl dt img{ margin-top:11px; } .i_hd .top_link .language dl dd{ border-bottom:1px solid #f6f6f6; } .i_hd .top_link .language dl dd:hover{ } .i_hd .top_link .office{ margin-right:70px; padding-left:20px; background:url(../images/index_05.jpg) no-repeat left 10px; } .i_hd .top_link .office dl{ left:-20px; } .i_hd .top_link .mail{ padding-left:20px; background:url(../images/index_13.jpg) no-repeat left 10px; } .i_hd .top_link .mail a:hover{ text-decoration:underline; } .i_hd .top_link .search{ margin-left:50px; padding:6px 0; float:right; position: relative; } .i_hd .top_link .search input{ width:157px; height: 25px; line-height: 20px; border: 0px; border-radius: 14px; color:#8d8d8d; background: #000; border:1px solid #8d8d8d; text-indent: 5px; } .i_hd .top_link .search a{ display: block; height: 25px; width: 20px; background: url(/images/top_search_ico.png) no-repeat 4px 9px; background-size: 63%; position: absolute; top: 5px; right: 7px; } .i_hd .nav{ height:100px; } .i_hd .nav .logo{ padding-top:23px; } .i_hd .nav .menu{ margin-top: 0px; } .i_hd .nav .menu>ul>li{ float:left; margin-right:0px; width: 120px; text-align: center; cursor:pointer; } .i_hd .nav .menu>ul>li:nth-child(1){ width:70px; } .i_hd .nav .menu>ul>li:nth-child(3){ width:120px; } .i_hd .nav .menu>ul>li>a{ font-size: 17px; font-weight: bold; line-height: 100px; height: 100px; } .i_hd .nav .menu ul li>div{ } .i_hd .nav .menu ul li>div.nav_about>ul{ left: 95px; } .i_hd .nav .menu ul li>div.nav_service>ul{ left: 190px; } .i_hd .nav .menu ul li>div>ul>li a{ font-size: 16px; color: #333333; } .i_hd .nav .menu ul li>.nav_pro{ /*width: 94.3vw;*/ left: -117px; padding:0 50px; display:none; position:absolute; background: #f6f6f6; border:1px solid #f6f6f6; /*border-radius:20px;*/ top:138px; height: 600px; box-shadow:3px 6px 8px rgba(0,0,0,0.2); text-align:left; overflow: auto; } .i_hd .nav .menu ul li>.nav_pro::-webkit-scrollbar { width: 10px; height: 10px; border-radius: 10px; background-color: #F5F5F5; } .i_hd .nav .menu ul li>.nav_pro::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); border-radius: 10px; background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.44,#999)),color-stop(0.72,#999)),color-stop(0.86,#999))); transition: 0.3s ease-in-out; } .i_hd .nav .menu ul li>.nav_pro::-webkit-scrollbar-track { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; } .i_hd .nav .menu ul li>.nav_pro>.content{ position: relative; left: 60px; margin: 0 auto; width: 1180px; } .i_hd .nav .menu ul li.pro .nav_pro .ico_1{ position:absolute; left:447px; } .i_hd .nav .menu ul li .nav_pro dl{ padding:30px 0px; margin-right:10px; float:left; } .i_hd .nav .menu ul li .nav_pro dl:nth-child(7){ margin:0px; } .i_hd .nav .menu ul li .nav_pro dl:nth-child(1),.i_hd .nav .menu ul li .nav_pro dl:nth-child(2),.i_hd .nav .menu ul li .nav_pro dl:nth-child(3),.i_hd .nav .menu ul li .nav_pro dl:nth-child(4),.i_hd .nav .menu ul li .nav_pro dl:nth-child(5),.i_hd .nav .menu ul li .nav_pro dl:nth-child(6){ height:280px; } .i_hd .nav .menu ul li .nav_pro dl:nth-child(7),.i_hd .nav .menu ul li .nav_pro dl:nth-child(8){ float:right; } .i_hd .nav .menu ul li dl dt{ font-size: 16px; font-weight: bold; padding-bottom:15px; color:#333; } .i_hd .nav .menu ul li dl dd{ width:160px; height: 50px; cursor:pointer; padding:15px 0px; position: relative; border-radius: 6px; transition:0.2s; } .i_hd .nav .menu ul li dl dd:hover{ background: #eee; transition:0s; } .i_hd .nav .menu ul li dl dd .photo{ float: left; width: 50px; height: 50px; margin-right: 5px; } .i_hd .nav .menu ul li dl dd .photo img{ width:100%; height:100%; } .i_hd .nav .menu ul li dl dd .tl_1{ width: 105px; font-size: 14px; font-weight: bold; margin-top: 10px; margin-bottom: 2px; } .i_hd .nav .menu ul li dl dd .photo .new_pro_ico{ width: 34px; height: 27px; position:absolute; left:0px; top:0px; background:url("/images/newpro_img.png") no-repeat; background-size: 100%; } .i_hd .nav .menu ul li dl dd .tl_1 b{ display: block; width: 126px; height: 12px; line-height: 16px; text-align: center; border-radius:3px; position:absolute; right:0px; top:0px; color:#fff; font-size: 10px; } .i_hd .nav .menu ul li dl dd .tl_1 b img{ float:right; } .i_hd .nav .menu ul li dl dd .tl_1 b img.hotpro{ position: relative; left:-5px; top:-4px; } .i_hd .nav .menu ul li dl dd .tl_2{ width: 105px; font-size: 12px; line-height: 14px; } .i_hd .nav .menu ul li dl dd:hover *{ color: #cd1d1b; } .i_hd .nav .tel{ width: 156px; height: 40px; border-radius: 8px; color: #FFFFFF; font-size: 18px; font-weight: bold; line-height: 40px; text-indent: 32px; background: url(../images/nav_tel_bg.jpg) no-repeat 10px center #cd1d1c; margin-top: 30px; margin-right: 0px; } .i_hd .nav .search{ position:relative; height:48px; margin-top:29px; } .i_hd .nav .search input{ width: 156px; height: 40px; border-radius: 24px; border: 1px solid #999999; text-indent: 10px; font-size: 14px; } .i_hd .nav .search a{ display:block; height:48px; width:48px; background: url(../images/index_24.jpg) no-repeat 4px 9px; background-size: 44%; position: absolute; top: 0px; right: -8px; } .i_bn{ } .swiper-pagination-bullet{ width: 87px; height: 7px; background:rgba(213,213,213,1); opacity: 1; border-radius:0; } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 5px 58px; } .swiper-pagination-bullet-active{ background: #ee1e1e; } .h_pro{ margin-top:60px; margin-bottom: 40px; background: url(/images/h_pro_bg.jpg) no-repeat center top; } .h_pro .box_1480{ height:1060px; } .h_pro .title{ font-size: 48px; font-weight: bold; margin-top: 40px; float:left; margin-bottom:0px; } .h_pro .list_1{ margin-bottom:40px; float:left; } .h_pro .list_1 ul li{ float:left; width:270px; height:171px; display:block; border-radius:16px; overflow:hidden; margin-right:33px; box-shadow:3px 3px 10px rgba(0,0,0,0.1); } .h_pro .list_1 ul li:hover img{ transition:0.3s; width:106%; height:106%; margin:-3% 0 0 -3%; } .h_pro .list_1 ul li img{ width:100%; height:100%; transition:0.3s; } .h_pro .list_1 ul li:nth-child(n+5){ float:left; width:570px; height:313px; display:block; border-radius:16px; overflow:hidden; margin-right:40px; margin-bottom:40px; box-shadow:3px 3px 10px rgba(0,0,0,0.1); } .h_pro .list_2 ul li img{ width:100%; height:100%; } /*首页产品中心前四项*/ .h_pro .list_1 ul li:nth-child(-n+4) a{ position: relative; } .h_pro .list_1 ul li:nth-child(-n+4) dl{ position: absolute; left: 12px; top: 108px; color: #fff; } .h_pro .list_1 ul li:nth-child(-n+4) dl dt{ font-size: 24px; font-family:Arial; font-weight: bold; } .h_pro .list_1 ul li:nth-child(-n+4) dl dd{ font-size: 15px; } /*结束*/ /*首页产品中心后四项*/ .h_pro .list_1 ul li:nth-child(n+5) a{ display: block; position: relative; } .h_pro .list_1 ul li:nth-child(n+5) dl{ position: absolute; left: 30px; top: 209px; color: #fff; } .h_pro .list_1 ul li:nth-child(n+5) dl dt{ font-size: 44px; font-family:Arial; font-weight: bold; } .h_pro .list_1 ul li:nth-child(n+5) dl dd{ font-size: 20px; } /*结束*/ .h_pro .list_1 ul li:nth-child(6),.h_pro .list_1 ul li:nth-child(8){ margin-right:0px; } .h_pro_bt_more, .h_pro_bt_more *{ color:#cd1d1c; } .h_pro_bt_more{ width: 180px; height: 60px; text-align: center; font-size: 20px; line-height: 60px; border: 1px solid #a6a6a6; border-radius: 8px; margin: 0 auto; } .h_about{ height:610px; margin-top:60px; background: url(../images/h_about_bg.jpg) no-repeat center top; } .h_about .text{ margin-top: 100px; float: right; width: 650px; height: 400px; background-color: rgba(255,255,255,0.6); border-radius: 20px; font-size: 16px; position: relative; } .h_about .text .content{ padding:40px; } .h_about .text .content p{ margin-bottom:20px; text-indent:2em; color:#333333; } .h_about .text .content .about_more{ height: 60px; width: 180px; background-color: #cd1d1c; position: absolute; bottom: 40px; right: 40px; line-height: 60px; text-align: center; border-radius: 8px; } .h_about .text .content .about_more:hover{ background-color:#BF0003; } .h_about .text .content .about_more a{ display:block; color:#fff; } .h_about_box{ padding-top:110px; } .h_about_box ul li{ width: 164px; float: left; text-align: center; margin-right: 38px; } .h_about_box ul li .b_1{ height:100px; } .h_about_box ul li .b_1 img{ width:100px; height:auto; } .h_about_box ul li:nth-child(6n){ margin-right:0px; } .h_about_box ul li .b_2{ margin-top:30px; margin-bottom:10px; font-weight: bold; font-size: 30px; color:#cd1d1c; height: 30px; } .h_about_box ul li .b_3{ font-size: 22px; color:#666666; } .h_scene{ margin:30px 0 60px 0; } .h_scene .title{ font-size: 48px; font-weight: bold; margin-top: 80px; float:left; margin-bottom:0px; } .h_scene .list{ } .h_scene .list ul li{ width: 357px; height: 251px; border-radius:18px; overflow:hidden; position:relative; float: left; margin-right:54px; margin-bottom: 54px; } .h_scene .list ul li:nth-child(3n){ margin-right: 0px; } .h_scene .list ul li img{ position:absolute; z-index:1; } .h_scene .list ul li b{ position:absolute;a z-index:2; font-size: 30px; font-weight: bold; color:#fff; left:30px; bottom:25px; } .h_scene .h_scene_more{ width: 180px; height: 60px; text-align: center; font-size: 20px; line-height: 60px; border: 1px solid #a6a6a6; border-radius: 8px; margin: 0 auto; } .h_scene .h_scene_more a{ color:#cd1d1c; } .h_scene .h_scene_more:hover{ } .i_footer{ background-color: #000; } .i_footer .link{ height:425px; margin-top:60px; float: left; width: 1180px; } .i_footer .link .f_link{ float:left; } .i_footer .link .f_link>ul>li{ width:200px; float: left; font-size: 14px; margin:0 30px 0 0; } .i_footer .link .f_link>ul>li:nth-child(4){ margin:0 0px 0 0; } .i_footer .link .f_link>ul>li a{ color: #c1c1c1; } .i_footer .link .f_link>ul>li .link_1{ margin-bottom: 35px; } .i_footer .link .f_link>ul>li .link_2 ul li{ padding-bottom: 15px; } .i_footer .link .f_link>ul>li .link_1, .i_footer .link .f_link>ul>li .link_1 *{ font-size: 18px; font-weight: bold; color: #fff; } .i_footer .tel{ float:right; } .i_footer .tel .title{ font-size: 18px; font-weight: bold; color: #fff; } .i_footer .tel .num{ font-size: 35px; font-family:'微软雅黑'; color: #fff; font-weight:light; padding-bottom: 15px; } .i_footer .tel .text{ font-size: 18px; color: #fff; padding-top: 10px; } .i_footer .copyright{ min-height:120px; color: #c7c7c7; border-top: 1px solid #555; padding-bottom:30px; } .i_footer .copyright .box_1480{ text-align: left; padding-top:30px; } .i_footer .copyright .box_1480 .xiangguantuijian,.i_footer .copyright .box_1480 .youqinglianjie{ margin-bottom:20px; float:left; } .i_footer .copyright .box_1480 dl,.i_footer .copyright .box_1480 dl *{ font-size: 14px; color: #fff; } .i_footer .copyright .box_1480 dl a{ color: #999999; } .i_footer .copyright .box_1480 dl dt{ width: 70px; float: left; } .i_footer .copyright .box_1480 dl dd{ width:1109px; float: left; } .i_footer .copyright .box_1480 .cr_text{ clear:both; font-size: 14px; color: #999999; } /*******产品展示-栏目页********/ .tree{ height: 100px; background: #f5f5f7; } .tree .box_1480{ height:18px; line-height: 18px; padding-top: 40px; font-size: 18px; font-weight: bold; } .tree .box_1480,.tree .box_1480 *{ color: #333; } .proList{ padding-top:40px; } .proList .pro_readmore_bt{ text-align: center; margin-bottom:60px; } .proList .pro_readmore_bt a{ display: block; width: 180px; height: 60px; border: 2px solid #a6a6a6; margin: 0 auto; clear: both; line-height: 60px; font-size: 24px; color: #cd1d1c; border-radius: 10px; } .proList dl{ padding-bottom: 0px; float: left; } .proList dl dt{ height: 87px; clear: both; } .proList dl dt b{ font-size: 35px; font-weight: bold; color: #333333; float: left; } .proList dl dt a{ float: right; display: block; width: 100px; height: 35px; background: #333333; color: #fff; line-height: 35px; border-radius: 20px; text-align: center; } .proList dl dd{ } .proList dl dd ul li{ width: 567px; height: 255px; background: #f6f6f6; border-radius:17px; overflow:hidden; float:left; margin-right:46px; margin-bottom: 46px; box-shadow:3px 3px 7px rgba(0,0,0,0.1); position: relative; top:0px; transition:0.3s; } .proList dl dd ul li:nth-child(2n){ margin-right: 0px; } .proList dl dd ul li .photo{ float:left; width: 300px; height:255px; overflow: hidden; } .proList dl dd ul li .photo img{ width:100%; height:100%; transition:0.3s; margin:0; } .proList dl dd ul li:hover{ box-shadow:3px 3px 7px rgba(0,0,0,0.2); position: relative; top:-6px; transition:0.3s; } .proList dl dd ul li .info{ width:230px; float: left; padding:40px 18px; position: relative; height: 128px; } .proList dl dd ul li .info .title{ font-size:28px; font-weight: bold; } .proList dl dd ul li .info .text{ font-size:18px; } .proList dl dd ul li .info .bt_more{ font-size:14px; position: absolute; bottom:0px; width: 120px; height: 30px; border:1px solid #cd1d1c; line-height: 30px; border-radius:20px; text-align: center; } .proList dl dd ul li .info .bt_more{ color: #cd1d1c; } .proList dl dd ul li .info .bt_more:hover{ background: #cd1d1c;color: #fff; } /********产品-对比********/ .proCompareBody{ background-color: #f6f6f6; } .compareTitle{ font-size: 35px; color: #cd1d1c; padding:60px 0 40px 0; text-align:center; } .pro_select{ background-color: #fff; border-radius:20px; height: 460px; } .pro_select>ul{ padding:38px 60px; clear:both; } .pro_select>ul>li{ float: left; width: 320px; margin-right: 49px; position: relative; } .pro_select>ul>li:nth-child(3n){ margin-right: 0px; } .pro_select>ul>li .pro_name{ height:40px; font-size: 24px; color: #333333; border-bottom:1px solid #ccc; background:url(/images/pro_compare_name_dt_2.jpg) no-repeat center right; cursor: pointer; } .pro_select>ul>li .photo{ width:320px; height:244px; } .pro_select>ul>li .photo img{ width:100%; height:100%; } .pro_select>ul>li .pro_name:hover{ background:url(/images/pro_compare_name_dt_1.jpg) no-repeat center right; } .pro_select>ul>li .readmore_bt{ display: block; text-align: center; border-radius:20px; margin:0 auto; width: 160px; height: 40px; border:1px solid #cd1d1c; line-height: 40px; color: #cd1d1c; } .pro_select>ul>li .readmore_bt:hover{ background:#cd1d1c; color: #fff; } .pro_select>ul>li .pro_name:hover dl{ display:block; } .pro_select dl{ display:none; width:360px; height:300px; border:1px solid #f6f6f6; position:absolute; background:#f6f6f6; top:40px; border-radius:0 0 20px 20px; overflow:hidden; } .pro_select dl>dd{ height: 40px; line-height: 40px; font-size: 14px; color: #333333; } .pro_select dl>dd>a{ padding-left:10px; } .pro_select dl>dd>ul{ display:none; position: absolute; left:104px; top:0px; background:#fff; width: 290px; height: 299px; padding-left: 15px; } .pro_select dl>dd:hover ul{ display:block; } .pro_select dl>dd:hover{ background-color: #fff; } .pro_select dl>dd.curr{ background-color: #fff; } .pro_select dl>dd.curr ul{ display:block; } .pro_select dl>dd:hover>a{ font-weight: bold; } .pro_select dl>dd ul li{ float: left; width:117px; text-align:left; } .pro_select dl>dd ul li:hover a{ color:#cd1d1c; font-weight: bold; } .base_data{ background: #fff; border-radius:20px; margin:60px 0 0 0; padding:60px 60px 30px 60px; } .base_data>.title{ font-size: 35px; font-weight: bold; border-bottom:1px solid #999999; padding-bottom:20px; margin-bottom:20px; } .base_data>.content{ } .base_data>.content *{ border:0px; } .base_data>.content table{ margin-bottom:0px; } .base_data>.content table tr:nth-child(2n-1) *{ line-height: 40px; font-size: 24px; } .base_data>.content table tr:nth-child(2n) *{ line-height: 30px; font-size: 18px; padding-bottom:20px; } .base_data>.content table tr td:nth-child(1){ padding:0 15px 0 0; } .base_data>.content table tr td:nth-child(2){ padding:0 15px 0 0; } .base_data>.content table tr td:nth-child(3){ padding:0 0px 0 1px; } .base_data>.content table tr:nth-child(2n) td{ padding-bottom:20px; vertical-align: top; } /*******产品详情页*******/ .pro_show_nav{ height: 100px; background: #f5f5f7; } .pro_show_nav .box_1480{ height:18px; line-height: 18px; padding-top: 34px; font-size: 18px; font-weight: bold; } .pro_show_nav .box_1480,.tree .box_1480 *{ color: #333; } .pro_show_nav ul{ float: right; } .pro_show_nav ul li{ float:left; margin-left: 80px; height: 40px; line-height: 40px; } .pro_show_nav ul li.eq_price a{ display:block; width: 100px; background: #cd1d1c; border-radius:8px; color:#fff; text-align: center; font-size: 16px; font-weight: 100; } .pro_show_content{ padding-top:40px; } .pro_show_content .gailan{} .pro_show_content .gailan .photo { float:left; width: 525px; } .pro_show_content .gailan .proShowPic { float:left; width: 525px; height:525px; } .pro_show_content .gailan .proShowPic img{ width: 100%; height: 100%; } .pro_show_content .gailan .photo ul li{ float: left; margin-right: 7px; border: 1px solid #f6f6f6; margin-top: 10px; width: 67px; height: 67px; cursor: pointer; } .pro_show_content .gailan .photo ul li img{ width:100%; height:100%; } .pro_show_content .gailan .photo ul li:nth-child(7){ margin-right:0px; } .pro_show_content .gailan .photo ul li.curr img{ border:1px solid #d33837; } .pro_show_content .gailan .info{ float: left; padding: 30px 0px 0px 60px; width: 590px; } .pro_show_content .gailan .info .title{ font-size: 35px; font-weight: bold; color: #333333; margin-bottom:10px; } .pro_show_content .gailan .info .info_list { padding-top: 30px; height: 410px; overflow: hidden; } .pro_show_content .gailan .info .info_list ul li{ width: 210px; height: 60px; float:left; margin-bottom: 10px; } .pro_show_content .gailan .info .info_list ul li:nth-child(2n-1){ margin-right:20px; } .pro_show_content .gailan .info .info_list ul li{ display:block; height:60px; float:left; padding-left:66px; display:table; } .pro_show_content .gailan .info .info_list ul li span{ display:block; height:60px; line-height: 20px; font-size: 16px; font-weight: bold; display:table-cell; vertical-align:middle; } .pro_show_content .gailan .info .info_list ul li.function_ico_1{background: url(/images/function_ico_1.jpg) no-repeat 0px center;} .pro_show_content .gailan .info .info_list ul li.function_ico_2{background: url(/images/function_ico_2.jpg) no-repeat 0px center;} .pro_show_content .gailan .info .info_list ul li.function_ico_3{background: url(/images/function_ico_3.jpg) no-repeat 0px center;} .pro_show_content .gailan .info .info_list ul li.function_ico_4{background: url(/images/function_ico_4.jpg) no-repeat 0px center;} .pro_show_content .gailan .info .info_list ul li.function_ico_5{background: url(/images/function_ico_5.jpg) no-repeat 0px center;} .pro_show_content .gailan .info .info_list ul li.function_ico_6{background: url(/images/function_ico_6.jpg) no-repeat 0px center;} .pro_show_content .gailan .info .info_list ul li.function_ico_7{background: url(/images/function_ico_7.jpg) no-repeat 0px center;} .pro_show_content .gailan .info .info_list ul li.function_ico_8{background: url(/images/function_ico_8.jpg) no-repeat 0px center;} .pro_show_content .gailan .info .info_list ul li.function_ico_9{background: url(/images/function_ico_9.jpg) no-repeat 0px center;} .pro_show_content .gailan .info .info_list ul li.function_ico_10{background: url(/images/function_ico_10.jpg) no-repeat 0px center;} .pro_show_content .gailan .info .info_list ul li.function_ico_11{background: url(/images/function_ico_11.jpg) no-repeat 0px center;} .pro_show_content .gailan .info .info_list ul li.function_ico_12{background: url(/images/function_ico_12.jpg) no-repeat 0px center;} .pro_show_content .gailan .info .info_list ul li.function_ico_13{background: url(/images/function_ico_13.jpg) no-repeat 0px center;} .pro_show_content .gailan .info .info_list ul li.function_ico_14{background: url(/images/function_ico_14.jpg) no-repeat 0px center;} .pro_show_content .gailan .info .info_list ul li.function_ico_15{background: url(/images/function_ico_15.jpg) no-repeat 0px center;} .pro_show_content .gailan .info .info_list ul li.function_ico_16{background: url(/images/function_ico_16.jpg) no-repeat 0px center;} .pro_show_content .gailan .info .info_list ul li.function_ico_17{background: url(/images/function_ico_17.jpg) no-repeat 0px center;} .pro_show_content .gailan .info .info_list ul li.function_ico_18{background: url(/images/function_ico_18.jpg) no-repeat 0px center;} .pro_show_content .gailan .info .info_list ul li.function_ico_19{background: url(/images/function_ico_19.jpg) no-repeat 0px center;} .pro_show_content .gailan .info .info_list ul li.function_ico_20{background: url(/images/function_ico_20.jpg) no-repeat 0px center;} .pro_show_content .gailan .info .info_list ul li.function_ico_21{background: url(/images/function_ico_21.jpg) no-repeat 0px center;} .pro_show_content .gailan .info .info_list ul li.function_ico_22{background: url(/images/function_ico_22.jpg) no-repeat 0px center;} .pro_show_content .gailan .info .info_list ul li.function_ico_23{background: url(/images/function_ico_23.jpg) no-repeat 0px center;} .pro_show_content .gailan .info .info_list ul li.function_ico_24{background: url(/images/function_ico_24.jpg) no-repeat 0px center;} .pro_show_content .gailan .info .info_list ul li.function_ico_25{background: url(/images/function_ico_25.jpg) no-repeat 0px center;} .pro_show_content .gailan .info .info_list ul li.function_ico_26{background: url(/images/function_ico_26.jpg) no-repeat 0px center;} .pro_show_content .gailan .info .info_list ul li.function_ico_27{background: url(/images/function_ico_27.jpg) no-repeat 0px center;} .pro_show_content .gailan .info .info_list ul li.function_ico_28{background: url(/images/function_ico_28.jpg) no-repeat 0px center;} .pro_show_content .gailan .info .info_list ul li.function_ico_29{background: url(/images/function_ico_29.jpg) no-repeat 0px center;} .pro_show_content .gailan .info .info_list ul li.function_ico_30{background: url(/images/function_ico_30.jpg) no-repeat 0px center;} .pro_show_content .gailan .info .info_list ul li.function_ico_31{background: url(/images/function_ico_31.jpg) no-repeat 0px center;} .pro_show_content .gailan .info .info_list ul li.function_ico_32{background: url(/images/function_ico_32.jpg) no-repeat 0px center;} .pro_show_content .gailan .info .info_list ul li.function_ico_33{background: url(/images/function_ico_33.jpg) no-repeat 0px center;} .pro_show_content .gailan .info .info_list ul li.function_ico_34{background: url(/images/function_ico_34.jpg) no-repeat 0px center;} .pro_show_content .gailan .info .info_list ul li.function_ico_35{background: url(/images/function_ico_35.jpg) no-repeat 0px center;} .pro_show_content .gailan .info .info_list ul li.function_ico_36{background: url(/images/function_ico_36.jpg) no-repeat 0px center;} .pro_show_content .gailan .info .info_list ul li.function_ico_37{background: url(/images/function_ico_37.jpg) no-repeat 0px center;} .pro_show_content .gailan .info .info_list ul li.function_ico_38{background: url(/images/function_ico_38.jpg) no-repeat 0px center;} .pro_show_content .gailan .info .info_list ul li.function_ico_39{background: url(/images/function_ico_39.jpg) no-repeat 0px center;} .pro_show_content .gailan .info .info_list ul li.function_ico_40{background: url(/images/function_ico_40.jpg) no-repeat 0px center;} .pro_show_content .gailan .info .info_list ul li.function_ico_41{background: url(/images/function_ico_41.jpg) no-repeat 0px center;} .pro_show_content .gailan .info .info_list ul li.function_ico_42{background: url(/images/function_ico_42.jpg) no-repeat 0px center;} .pro_show_content .gailan .info .info_list ul li.function_ico_43{background: url(/images/function_ico_43.jpg) no-repeat 0px center;} .pro_show_content .gailan .info .info_list ul li.function_ico_44{background: url(/images/function_ico_44.jpg) no-repeat 0px center;} .pro_show_content .gailan .info .info_list ul li.function_ico_45{background: url(/images/function_ico_45.jpg) no-repeat 0px center;} .pro_show_content .gailan .info .info_list ul li.function_ico_46{background: url(/images/function_ico_46.jpg) no-repeat 0px center;} .pro_show_content .gailan .info .info_list ul li.function_ico_47{background: url(/images/function_ico_47.jpg) no-repeat 0px center;} .pro_show_content .gailan .info .info_list ul li.function_ico_48{background: url(/images/function_ico_48.jpg) no-repeat 0px center;} .pro_show_content .gailan .info .info_list ul li.function_ico_49{background: url(/images/function_ico_49.jpg) no-repeat 0px center;} .pro_show_content .gailan .info .info_list ul li.function_ico_50{background: url(/images/function_ico_50.jpg) no-repeat 0px center;} .pro_show_content .gailan .info .info_list ul li.function_ico_51{background: url(/images/function_ico_51.jpg) no-repeat 0px center;} .pro_show_content .gailan .info .info_list ul li.function_ico_52{background: url(/images/function_ico_52.jpg) no-repeat 0px center;} .pro_show_content .gailan .info .info_list table td{ width: 240px; height: 60px; padding:0px 0 20px 60px; } .pro_show_content .gailan .info .info_list table tr td:nth-child(1){ padding-right:30px; } .pro_show_content .gailan .info .info_list table td b{ display:block; height:60px; width: 60px; float:left; background: url(../images/pro_show_info_ico.jpg) no-repeat 0px 0px; } .pro_show_content .gailan .info .info_list table td span{ display:block; line-height: 20px; font-size: 16px; font-weight: bold; float:left; } .pro_show_content .gailan .info .info_list table td:nth-child(1){ background: url(../images/pro_show_info_ico.jpg) no-repeat 0px 0px; } .pro_show_content .gailan .info .info_list table td:nth-child(2){ background: url(../images/pro_show_info_ico.jpg) no-repeat 0px -85px; } .pro_show_content .gailan .info .info_list table tr:nth-child(2) td:nth-child(1){ background: url(../images/pro_show_info_ico.jpg) no-repeat 0px -586px; } .pro_show_content .gailan .info .info_list table tr:nth-child(2) td:nth-child(2){ background: url(../images/pro_show_info_ico.jpg) no-repeat -0px -264px; } .pro_show_content .gailan .info .info_list table tr:nth-child(3) td:nth-child(1){ background: url(../images/pro_show_info_ico.jpg) no-repeat 0px -175px; } .pro_show_content .gailan .info .info_list table tr:nth-child(3) td:nth-child(2){ background: url(../images/pro_show_info_ico.jpg) no-repeat -0px -672px; } .pro_show_content .gailan .info .info_list table tr:nth-child(4) td:nth-child(1){ background: url(../images/pro_show_info_ico.jpg) no-repeat 0px -265px; } .pro_show_content .gailan .info .info_list table tr:nth-child(4) td:nth-child(2){ background: url(../images/pro_show_info_ico.jpg) no-repeat -0px -761px; } .pro_show_content .gailan .info .info_list table tr:nth-child(5) td:nth-child(1){ background: url(../images/pro_show_info_ico.jpg) no-repeat 0px -342px; } .pro_show_content .gailan .info .info_list table tr:nth-child(5) td:nth-child(2){ background: url(../images/pro_show_info_ico.jpg) no-repeat -0px -839px; } .pro_show_content .gailan .info .info_list table tr:nth-child(6) td:nth-child(1){ background: url(../images/pro_show_info_ico.jpg) no-repeat 0px -418px; } .pro_show_content .gailan .info .info_list table tr:nth-child(6) td:nth-child(2){ background: url(../images/pro_show_info_ico.jpg) no-repeat -0px -922px; } .info_img{ width:1180px; } .info_img img{ width:100%; height:auto; } .pro_show_data{ background: #f6f6f6; margin-top:60px; padding:60px 60px; border-radius:18px; } .pro_show_data .title{ font-size: 35px; font-weight: bold; color: #333; border-bottom:2px solid #999999; height:30px; padding-bottom:30px; } .pro_show_data .info table{ margin-bottom:0px; } .pro_show_data .info table tr td{ padding:20px 0 0 0; vertical-align: top; } .pro_show_data .info table tr td:nth-child(2n-1){ font-size: 24px; line-height: 30px; } .pro_show_data .info table tr td:nth-child(2n){ font-size: 18px;line-height: 30px } .pro_show_down .down_list{ padding:30px 0 0 15px; } .pro_show_down .down_list ul li{ line-height: 36px; font-size: 23px; margin-bottom:40px; } .pro_show_down .down_list ul li img{ margin-right:10px; width:30px; height:auto; } .pro_show_down .down_list ul li .down_bt{ float:right; } .pro_show_down .down_list ul li .down_bt:hover a{ color:#cd1d1c; } .piejian{ margin-top:40px; } .piejian .title{ font-size: 35px; font-weight: bold; margin-bottom:40px; color: #333; } .piejian ul li{ width:367px; height: 240px; float:left; margin-right:39px; margin-bottom:60px; border-radius:18px; overflow:hidden; } .piejian ul li:nth-child(3n){ margin-right:0px; } /************场景应用列表页***********/ .scene_list_content{} .scene_list_content .box_1480>.title{ font-size: 35px; font-weight: bold; color: #333333; float: none; padding-bottom: 30px; } .scene_list_content .box_1480>.list{ } .scene_list_content .box_1480>.list ul li{ background: #f6f6f6; width: 560px; height: 399px; border-radius:18px; overflow:hidden; position: relative; float:left; margin-bottom: 50px; box-shadow:3px 3px 10px rgba(0,0,0,0.1); top:0px; transition:0.3s; } .scene_list_content .box_1480>.list ul li:nth-child(2n){ margin-left:50px; } .scene_list_content .box_1480>.list ul li .photo{ float:left; width:319px; height:399px; overflow: hidden; } .scene_list_content .box_1480>.list ul li .photo img{ width:100%; height:399px; transition:0.3s; zoom:1; margin:0px 0 0 0px; } .scene_list_content .box_1480>.list ul li:hover{ box-shadow:3px 3px 10px rgba(0,0,0,0.2); position: relative; top:-6px; transition:0.3s; } .scene_list_content .box_1480>.list ul li .info{ float: left; width: 200px; padding: 20px; } .scene_list_content .box_1480>.list .info b{ font-size: 30px; font-weight: bold; color: #333333; } .scene_list_content .box_1480>.list .info div{ float:left; font-size: 14px; padding-top: 20px; text-align:justify; text-justify:distribute; height:250px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 10; overflow: hidden; } .scene_list_content .box_1480>.list ul li div.readmore_bt{ position: absolute; bottom:20px; right:30px; } .scene_list_content .box_1480>.list ul li div.readmore_bt *{ color:#cd1d1c; font-size: 14px; } /**********场景应用详情页*********/ .scene_show_content{} .scene_show_content .box_1480>.title{ font-size: 35px; font-weight: bold; color: #333333; float: none; padding-bottom: 40px; } .scene_show_content .box_1480>.list{ } .scene_show_content .box_1480>.list ul li{ width: 366px; height: 500px; background: #f6f6f6; float:left; border-radius:18px; overflow:hidden; margin:0 40px 40px 0; } .scene_show_content .box_1480>.list ul li:nth-child(3n){ margin-right:0px; } .scene_show_content .box_1480>.list ul li .photo{ width:366px; height:263px; } .scene_show_content .box_1480>.list ul li .photo img{ width:100%; height:100%; } .scene_show_content .box_1480>.list ul li .info{ padding:15px; } .scene_show_content .box_1480>.list ul li .info b{ display: block; font-size: 24px; font-weight: bold; color: #333333; padding-bottom: 14px; border-bottom:2px solid #999999; } .scene_show_content .box_1480>.list ul li .info div{ font-size: 14px; line-height: 24px; padding-top: 14px; } .scene_show_content .box_1480> .pro_tuijian{ margin-bottom:50px; float:left; } .scene_show_content .box_1480> .pro_tuijian ul li{ width:260px; margin-right:46px; margin-bottom:46px; float:left; } .scene_show_content .box_1480> .pro_tuijian ul li:nth-child(4n){ margin-right:0px; } .scene_show_content .box_1480> .pro_tuijian ul li .photo img{ width:100%; } .scene_show_content .box_1480> .pro_tuijian ul li .protitle_1{ margin:40px 0 10px 0; font-size: 24px; font-weight: bold; text-align: center; } .scene_show_content .box_1480> .pro_tuijian ul li .protitle_2{ font-size: 16px; text-align: center; } /**********新闻中心列表页*********/ .news_list_content{} .news_list_content .box_1480>.title{ font-size: 48px; font-weight: bold; color: #333333; float: none; padding-bottom: 60px; } .news_list_content .box_1480>.list{ padding-top: 40px; } .news_list_content .box_1480>.list ul li{ width: 365px; height: 400px; background: #f6f6f6; float:left; border-radius:18px; overflow:hidden; margin:0 40px 40px 0; box-shadow:3px 3px 10px rgba(0,0,0,0.1); transition:0.3s; position:relative; top:0px; } .news_list_content .box_1480>.list ul li:nth-child(3n){ margin-right:0px; } .news_list_content .box_1480>.list ul li .photo{} .news_list_content .box_1480>.list ul li .photo img{ width: 365px; height:176px; } .news_list_content .box_1480>.list ul li:hover{ position:relative; top:-6px; box-shadow:3px 3px 10px rgba(0,0,0,0.2); transition:0.3s; } .news_list_content .box_1480>.list ul li .info{ padding:20px 30px 20px 30px; } .news_list_content .box_1480>.list ul li .info b{ display:block; font-size: 24px; font-weight: bold; color: #333333; height:70px; } .news_list_content .box_1480>.list ul li .info div{ font-size: 14px; line-height: 20px; text-align:justify; text-justify:distribute; } .news_list_content .box_1480>.list ul li div.readmore_bt{ font-size: 16px; color: #cd1d1c; position: absolute; bottom: 21px; right: 30px; } /************新闻详情页***********/ .news_show_content{ margin-bottom: 40px; } .news_show_content .box_1480>.title{ font-size: 35px; font-weight: bold; color: #333333; float: none; padding-bottom: 40px; } .news_show_content .content .c_l{ float:left; width: 807px; background: #f6f6f6; border-radius:18px; box-shadow:3px 3px 10px rgba(0,0,0,0.1); min-height:650px; margin-bottom:60px; } .news_show_content .content .c_l>div{ padding:30px; } .news_show_content .content .c_l>div .title{ font-size: 30px; padding-bottom: 40px; font-weight: bold; color: #333; } .news_show_content .content .c_l>div .text{ line-height: 30px; font-size: 16px; text-indent: 2em; text-align:justify; text-justify:distribute; } .news_show_content .content .c_l>div .text p{ margin-bottom:20px; } .news_show_content .content .c_l>div .text img{ width:93.6%; } .news_show_content .content .c_r{ width: 320px; background: #f6f6f6; float:right; border-radius:18px; box-shadow:3px 3px 10px rgba(0,0,0,0.1); } .news_show_content .content .c_r .title{ font-size: 30px; font-weight: bold; color: #333; padding:20px; border-bottom:2px solid #999999; } .news_show_content .content .c_r .list{ padding:20px; font-size: 16px; line-height: 18px; } .news_show_content .content .c_r .list ul li{ margin-bottom:20px; } .news_show_content .content .c_r .list a:hover{ color:#cd1d1c; } /*********关于我们**********/ .about_dashiji{ width:100%; height:850px; background:url("/images/dashiji_bg.jpg"); background-position: top center; text-align: center; } .about_dashiji img{ margin:80px auto 0 auto; } .about_show_content{ margin-bottom: 60px; } .box_1480>.title{ font-size: 35px; font-weight: bold; color: #333333; padding-bottom: 40px; } .about_gongsijianjie{ } .about_gongsijianjie .text{ font-size: 14px; line-height: 30px; float: left; width: 540px; } .about_gongsijianjie .text p{ text-indent: 2em; margin-bottom:20px; line-height: 24px; } .about_gongsijianjie .photo{ float:right; width: 600px; } .about_gongsijianjie .photo img{ border-radius:18px; width:100%; height:auto; } .about_kaiyuanhongmeng{ border:4px solid #e3e3e3; border-radius:18px; overflow:hidden; height: 680px; } .about_qiyezizhi{ height: 850px; background: url(../images/about_qqzz_bg.jpg) no-repeat center top; } .about_qiyezizhi .title{ font-size: 35px; font-weight: bold; color: #333; padding-top: 60px; } .about_qiyezizhi .list{ padding-top:40px; padding-left:0px; } .about_qiyezizhi .list ul li{ float: left; background: url(../images/about_zizhi_dot_ico.png) no-repeat left center; padding-left:20px; width:570px; line-height: 28px; margin-bottom:30px; } .about_qiyezizhi .list ul li a{ font-size: 24px; } .about_gongsixinwen{ } .about_gongsixinwen ul li .title{ font-size: 24px; padding-top: 25px; padding-bottom: 5px; line-height: 40px; font-weight: bold; } .about_gongsixinwen ul li{ background:#f6f6f6; width:370px; height: 590px; border-radius:18px; overflow:hidden; position: relative; float: left; margin-right:35px; top:0px; box-shadow:3px 3px 7px rgba(0,0,0,0.1); transition:0.3s; } .about_gongsixinwen .photo{ width:370px; height:415px; overflow: hidden; } .about_gongsixinwen .photo img{ width:100%; height:100%; transition:0.3s; } .about_gongsixinwen ul li:hover{ position: relative; top:-6px; box-shadow:3px 3px 7px rgba(0,0,0,0.2); transition:0.3s; } .about_gongsixinwen ul li:nth-child(3n){ margin-right:0px; } .about_gongsixinwen ul li .info{ padding:0px 25px; } .about_gongsixinwen ul li .info .text{ font-size: 14px; line-height: 25px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .about_gongsixinwen .readmore_bt{ position:absolute; bottom:20px; right:30px; font-size: 14px; } .about_gongsixinwen .readmore_bt a{ color: #cd1d1c; } .about_lianxiwomen{ padding-top: 60px; } .about_lianxiwomen .text{ width: 510px; float: left; } .about_lianxiwomen .text>.name{ font-size: 30px; margin-bottom: 60px; } .about_lianxiwomen .map{ width:650px; height:400px; float:right; } .about_lianxiwomen .map img{ width:100%; height:100%; } .about_lianxiwomen .photo{ float: right; } .about_lianxiwomen .text ul li{ font-size: 18px; font-weight: bold; color: #333; margin-bottom: 25px; padding-left: 30px; } .about_lianxiwomen .text ul li.tel{ } .about_lianxiwomen .text ul li.tel p{ font-size: 14px; font-weight: 100; } .about_lianxiwomen .text ul li:nth-child(1){ background: url(../images/about_lxwm_dot.jpg) no-repeat left 0px; } .about_lianxiwomen .text ul li:nth-child(2){ background: url(../images/about_lxwm_dot.jpg) no-repeat left -106px; } .about_lianxiwomen .text ul li:nth-child(3){ background: url(../images/about_lxwm_dot.jpg) no-repeat left -179px; } .about_lianxiwomen .text ul li:nth-child(4){ background: url(../images/about_lxwm_dot.jpg) no-repeat left -246px; } .about_lianxiwomen .text ul li:nth-child(5){ height:40px; background: url(../images/about_lxwm_dot.jpg) no-repeat left -319px; } .about_lianxiwomen .text ul li:nth-child(5) div{ float:left; } .about_lianxiwomen .text ul li:nth-child(5) div:nth-child(1){ width:90px; } .about_lianxiwomen .text ul li:nth-child(5) div:nth-child(2){ width:390px; } .about_lianxiwomen table{ margin-bottom:40px; border-right:1px solid #f0f0f0; } .about_lianxiwomen table *{ border:0px; border-right:0px solid #f0f0f0; } .about_lianxiwomen table td{ border-left:1px solid #f0f0f0; font-size: 16px; padding:0px 20px 20px 30px; } .about_lianxiwomen table td strong{ display:block; margin-top:20px; font-size: 20px; } .about_lianxiwomen table td.address div{ float:left; } .about_lianxiwomen table td.address div:nth-child(1){ width:48px; } .about_lianxiwomen table td.address div:nth-child(2){ width:282px; } /***********枝术支持**********/ .service_xiazaizhongxin{ float:left; padding-bottom:25px; } .service_xiazaizhongxin ul li{ float:left; margin:0 25px 25px 0; text-align: center; cursor:pointer; position: relative; top:0px; transition:0.3s; } .service_xiazaizhongxin ul li .photo{ width:175px; height:175px; } .service_xiazaizhongxin ul li .photo img{ width:100%; height:100%; } .service_xiazaizhongxin ul li:hover{ color: #cd1d1c; position: relative; top:-5px; transition:0.3s; } .service_xiazaizhongxin ul li:nth-child(6n){ margin-right:0px; } .service_xiazaizhongxin ul li .name{ font-size: 16px; font-weight: bold; margin-top: 10px; height:22px; } .service_xiazaizhongxin ul li .info{ font-size: 12px; font-weight: bold; } .service_changjianwenti{ height:600px; border-radius:18px; background: #f6f6f6; float:left; width: 100%; } .service_changjianwenti>ul{ margin: 60px 60px; background: #fff; padding: 50px;asdf桭温热 float: left; } .service_changjianwenti>ul>li{ float:left; width: 250px; height: 175px; border:1px solid #efefef; font-size: 20px; } .service_changjianwenti>ul>li:hover .title{ color:#cd1d1c; } .service_changjianwenti ul li .photo{ height:100px; width:110px; background: url(../images/service_cjwt_ico.jpg) no-repeat 0px 0px; } .service_changjianwenti ul li .title{ padding-top:10px; } .service_changjianwenti ul li:nth-child(n-4){ border-width:0 1px 1px 0; } .service_changjianwenti ul li:nth-child(n+5){ border-width:0 1px 0px 0; padding-top: 40px; } .service_changjianwenti ul li:nth-child(8){ border-width:0 0px 0px 0; } .service_changjianwenti ul li:nth-child(2),.service_changjianwenti ul li:nth-child(3),.service_changjianwenti ul li:nth-child(6),.service_changjianwenti ul li:nth-child(7){ background:0px 0px; text-align:center; } .service_changjianwenti ul li:nth-child(2) .photo,.service_changjianwenti ul li:nth-child(3) .photo,.service_changjianwenti ul li:nth-child(6) .photo,.service_changjianwenti ul li:nth-child(7) .photo{ margin:0 auto; } .service_changjianwenti ul li:nth-child(1),.service_changjianwenti ul li:nth-child(4),.service_changjianwenti ul li:nth-child(5),.service_changjianwenti ul li:nth-child(8){ width: 230px; } .service_changjianwenti ul li:nth-child(1), .service_changjianwenti ul li:nth-child(5){ width: 173px; padding-left: 54px; } .service_changjianwenti ul li:nth-child(1) .title, .service_changjianwenti ul li:nth-child(5) .title{ width:132px; text-align:center; } .service_changjianwenti ul li:nth-child(4n) .photo{ margin-left:24px; } .service_changjianwenti ul li:nth-child(4n){ width:180px; padding-left:30px; text-align:center; border-right:0px; } .service_changjianwenti ul li:nth-child(1) .photo{ background:url(../images/service_cjwt_ico.jpg) 0px 0px no-repeat; } .service_changjianwenti ul li:nth-child(2) .photo{ background:url(../images/service_cjwt_ico.jpg) -310px 0px no-repeat; } .service_changjianwenti ul li:nth-child(3) .photo{ background:url(../images/service_cjwt_ico.jpg) -611px 0px no-repeat; } .service_changjianwenti ul li:nth-child(4) .photo{ background:url(../images/service_cjwt_ico.jpg) -904px 0px no-repeat; } .service_changjianwenti ul li:nth-child(5) .photo{ background:url(../images/service_cjwt_ico.jpg) 0px -132px no-repeat; } .service_changjianwenti ul li:nth-child(6) .photo{ background:url(../images/service_cjwt_ico.jpg) -319px -137px no-repeat; } .service_changjianwenti ul li:nth-child(7) .photo{ background:url(../images/service_cjwt_ico.jpg) -618px -138px no-repeat; } .service_changjianwenti ul li:nth-child(8) .photo{ background:url(../images/service_cjwt_ico.jpg) -901px -138px no-repeat; } .service_zixunyufuwu{ height: 563px; background: url(../images/service_ly_bg.jpg) no-repeat center top ; margin-top:352px; background-size:100%; margin-bottom:51px; } .service_zixunyufuwu .box_1480{ position:relative; top:-300px; } .service_zixunyufuwu .box_1480 .biaodan{ height:475px; background: #f6f6f6; box-shadow:3px 3px 10px rgba(0,0,0,0.1); } .service_zixunyufuwu .biaodan{ padding:80px; } .service_zixunyufuwu .biaodan form>input:nth-child(1),.service_zixunyufuwu .biaodan form>input:nth-child(2){ width:440px; height:50px; background: #fff; float: left; border:0px; border-radius:8px; box-shadow:3px 3px 10px rgba(0,0,0,0.1); } .service_zixunyufuwu .biaodan form>input:nth-child(2){ float:right; } .service_zixunyufuwu .biaodan .info{ font-size: 18px; margin-top:20px; } .service_zixunyufuwu .biaodan textarea{ border: 0px; width: 980px; height: 165px; border-radius: 8px; box-shadow: 3px 3px 8px rgba(0,0,0,0.1); margin-top: 55px; } .service_zixunyufuwu .biaodan .submit_bt{ text-align:center; margin-top:40px; } .service_zixunyufuwu .biaodan .submit_bt input{ width: 180px; height: 60px; margin-right:20px; border-radius:10px; } .service_zixunyufuwu .biaodan .submit_bt input:nth-child(1){ border:1px solid #cbcbcb; font-size: 22px; } .service_zixunyufuwu .biaodan .submit_bt input:nth-child(2){ font-size: 22px; background: #cd1d1c; border:1px solid #cd1d1c; color:#fff; } .service_shouhoufuwu .sh_lianxfangshi{ height:380px; width:100%; background: #f6f6f6; display: flex; align-items:center; text-align: left; } .service_shouhoufuwu .sh_lianxfangshi b:nth-child(1){ background:url(/images/service_tel_ico_1.png) no-repeat left center; display: block; height: 70px; line-height: 70px; text-indent: 80px; font-size: 32px; float:left; margin-right:60px; } .service_shouhoufuwu .sh_lianxfangshi b:nth-child(2){ background:url(/images/service_tel_ico_2.png) no-repeat left center; display: block; height: 70px; line-height: 70px; text-indent: 80px; font-size: 32px; float:left; } .service_shouhoufuwu .sh_lianxfangshi dl>dt{ height: 70px; line-height: 70px; text-indent: 80px; font-size: 32px; float:none; clear:both; margin-bottom:10px; } .service_shouhoufuwu .sh_lianxfangshi dl>dt:nth-child(1){ background:url(/images/service_tel_ico_1.png) no-repeat left center; } .service_shouhoufuwu .sh_lianxfangshi dl>dt:nth-child(3){ background:url(/images/service_tel_ico_2.png) no-repeat left center; } .service_shouhoufuwu .sh_lianxfangshi dl>dd{ font-size: 24px; font-weight: bold; text-indent: 80px; height:40px; } .service_shouhoufuwu .sh_lianxfangshi dl>dd:nth-child(2)>ul{ margin-left:80px; } .service_shouhoufuwu .sh_lianxfangshi dl>dd:nth-child(2){ margin-bottom:30px; } .service_shouhoufuwu .sh_lianxfangshi dl>dd:nth-child(2)>ul>li{ float: left; text-indent: 0px; } .service_shouhoufuwu .sh_lianxfangshi dl>dd:nth-child(2)>ul>li:nth-child(2){ border-left:1px solid #ccc; border-right:1px solid #ccc; margin:0 60px; padding:0 60px; } /***win_guest***/ .guest_content{ margin-bottom: 0px; padding-top: 0px; background: #f6f6f6; } .service_zixunyufuwu2{ height: 613px; margin-top: 0px; background-size: 100%; margin-bottom: 0px; } .service_zixunyufuwu2 .box_1480{ position:relative; top:0px; width:850px; } .service_zixunyufuwu2 .box_1480 .biaodan{ height:475px; background: #f6f6f6; box-shadow:0px 0px 0px rgba(0,0,0,0.1); } .service_zixunyufuwu2 .biaodan{ padding:40px 80px 60px 80px; } .service_zixunyufuwu2 .biaodan form>input:nth-child(1),.service_zixunyufuwu2 .biaodan form>input:nth-child(2), .service_zixunyufuwu2 .biaodan form>input:nth-child(3),.service_zixunyufuwu2 .biaodan form>input:nth-child(4) { width:270px; font-size: 14px; height:27px; background: #fff; float: left; border:0px; border-radius:8px; padding:10px 20px; box-shadow:3px 3px 10px rgba(0,0,0,0.1); margin-bottom: 25px; } .service_zixunyufuwu2 .biaodan form>input:nth-child(2n){ float:right; } .service_zixunyufuwu2 .biaodan .info{ font-size: 18px; margin-top:20px; } .service_zixunyufuwu2 .biaodan textarea{ border: 0px; width: 650px; font-size: 14px; margin-top:0px; height: 156px; border-radius: 8px; box-shadow: 3px 3px 8px rgba(0,0,0,0.1); padding: 20px; } .service_zixunyufuwu2 .biaodan .submit_bt{ text-align:center; margin-top:40px; } .service_zixunyufuwu2 .biaodan .submit_bt input{ width: 180px; height: 60px; margin-right:20px; border-radius:10px; } .service_zixunyufuwu2 .biaodan .submit_bt input:nth-child(1){ border:1px solid #cbcbcb; font-size: 22px; } .service_zixunyufuwu2 .biaodan .submit_bt input:nth-child(2){ font-size: 22px; background: #cd1d1c; border:1px solid #cd1d1c; color:#fff; } .service_shouhoufuwu .sh_lianxfangshi{ height:380px; width:100%; background: #f6f6f6; display: flex; align-items:center; text-align: left; } .service_shouhoufuwu .sh_lianxfangshi b:nth-child(1){ background:url(/images/service_tel_ico_1.png) no-repeat left center; display: block; height: 70px; line-height: 70px; text-indent: 80px; font-size: 32px; float:left; margin-right:60px; } .service_shouhoufuwu .sh_lianxfangshi b:nth-child(2){ background:url(/images/service_tel_ico_2.png) no-repeat left center; display: block; height: 70px; line-height: 70px; text-indent: 80px; font-size: 32px; float:left; } .service_shouhoufuwu .sh_lianxfangshi dl>dt{ height: 70px; line-height: 70px; text-indent: 80px; font-size: 32px; float:none; clear:both; margin-bottom:10px; } .service_shouhoufuwu .sh_lianxfangshi dl>dt:nth-child(1){ background:url(/images/service_tel_ico_1.png) no-repeat left center; } .service_shouhoufuwu .sh_lianxfangshi dl>dt:nth-child(3){ background:url(/images/service_tel_ico_2.png) no-repeat left center; } .service_shouhoufuwu .sh_lianxfangshi dl>dd{ font-size: 24px; font-weight: bold; text-indent: 80px; height:40px; } .service_shouhoufuwu .sh_lianxfangshi dl>dd:nth-child(2)>ul{ margin-left:80px; } .service_shouhoufuwu .sh_lianxfangshi dl>dd:nth-child(2){ margin-bottom:30px; } .service_shouhoufuwu .sh_lianxfangshi dl>dd:nth-child(2)>ul>li{ float: left; text-indent: 0px; } .service_shouhoufuwu .sh_lianxfangshi dl>dd:nth-child(2)>ul>li:nth-child(2){ border-left:1px solid #ccc; border-right:1px solid #ccc; margin:0 60px; padding:0 60px; } /*********下载中心详情页*********/ .service_down_content{ padding-top: 80px; padding-bottom:40px; } .service_down_content .photo{ float:left; width:527px; height:527px; } .service_down_content .photo img{ width:100%; height:100%; } .service_down_content .down_bt{ width:600px; float: right; } .service_down_content .down_bt .title{ font-size: 40px; font-weight: bold; border-bottom:2px solid #333333; padding:20px 0 20px 0; background: url(../images/pro_compare_name_dt_2.jpg) no-repeat 561px 52px; position:relative; cursor: pointer; } .service_down_content .down_bt .title:hover dl{ display:block; } .servicedown_select:hover dl{ display:block; } .servicedown_select dl{ display: none; width: 600px; height: 300px; border: 1px solid #f6f6f6; position: absolute; background: #f6f6f6; top: 85px; border-radius: 0 0 20px 20px; overflow: hidden; z-index: 100; } .servicedown_select dl>dd{ height: 40px; line-height: 40px; font-size: 14px; color: #333333; } .servicedown_select dl>dd>a{ padding-left:10px; } .servicedown_select dl>dd>ul{ display: none; position: absolute; left: 125px; top: 0px; background: #fff; width: 471px; height: 299px; padding-left: 10px; } .servicedown_select dl>dd:hover ul{ display:block; } .servicedown_select dl>dd:hover{ background-color: #fff; } .servicedown_select dl>dd.curr{ background-color: #fff; } .servicedown_select dl>dd.curr ul{ display:block; } .servicedown_select dl>dd:hover>a{ font-weight: bold; } .servicedown_select dl>dd ul li{ float: left; width:130px; text-align:left; } .servicedown_select dl>dd ul li:hover a{ color:#cd1d1c; font-weight: bold; } .service_down_content .down_bt .btLink{ } .service_down_content .down_bt .btLink ul li{ width:240px; height:170px; margin-right:55px; border:1px solid #575757; border-radius:18px; float: left; position: relative; margin-top:38px; } .service_down_content .down_bt .btLink ul li:hover{ } .service_down_content .down_bt .btLink ul li .down_bt_ico{ width: 71px; height: 71px; position: absolute; top: 31px; left: 85px; background: url(../images/service_down_ico_1_a.png) no-repeat center center; background-size: 88%; } .service_down_content .down_bt .btLink ul li:hover{ cursor:pointer; background:#cd1d1c; border:1px solid #cd1d1c; } .service_down_content .down_bt .btLink ul li:hover .name{ color:#fff; } .service_down_content .down_bt .btLink ul li:hover .down_bt_ico{ background: url(../images/service_down_ico_1_b.png) no-repeat center center; } .service_down_content .down_bt .btLink ul li .name{ font-size: 20px; text-align: center; padding-top: 113px; } .service_down_content .down_list{ padding-top: 0px; } .service_down_content .down_list ul li{ height: 80px; margin-bottom: 20px; font-size: 24px; line-height: 80px; padding: 0 40px 0 80px; background:#f6f6f6 url(../images/servicedownlist_bt.png) no-repeat 20px center ; } .service_down_content .down_list ul li:hover{ background:#e3e3e3 url(../images/servicedownlist_bt.png) no-repeat 20px center ; } .service_down_content .down_list ul li a{ display:block; width: 100%; height: 100%; } .service_down_content .down_list ul li b{ float: right; } .service_down_content .down_list ul li:hover b{ float: right; color:#cd1d1c; } /*************常见问题***********/ .serviceQA_content{ } .serviceQA_content .service_changjianwenti{ height:auto; float:left; margin-bottom:60px; } .serviceQA_content .service_changjianwenti>ul{ margin: 60px 60px 0px 60px; } .jichuwenti{ padding:80px 140px 40px 140px; font-size: 16px; flaot:left; clear:both; } .jichuwenti .title{ font-size: 40px; border-bottom:2px solid #999999; padding-bottom: 20px; margin-bottom: 30px; } .jichuwenti .list>dl>dt{ background: url(../images/qa_ico1.png) no-repeat left top; height:36px; padding-left:60px; margin-bottom: 18px; line-height: 36px; cursor:pointer; } .jichuwenti .list>dl>dt b{ width: 26px; height: 26px; display:block; background:url(../images/serviceQA_ico_1.png) no-repeat; float:right; margin-top:5px; } .jichuwenti .list>dl>dd{ background: url(../images/qa_ico2.png) no-repeat left top; padding-left:60px; padding-bottom:30px; display:none; } .jichuwenti .list>dl .show_bt b{ background:url(../images/serviceQA_ico_2.png) no-repeat; } .onlineservice{ width:60px; height:298px; position:fixed; right:0px; top:170px; z-index: 10000; background: #fff; border:1px solid #eeeeee; } .onlineservice ul li{ width:100%; height:60px; background:url(/images/online_service_ico.png) no-repeat center -10px; background-size:45%; } .onlineservice ul li:nth-child(1){ background-position:center 20px; } .onlineservice ul li:nth-child(2){ background-position:center -30px; } .onlineservice ul li:nth-child(3){ background-position:center -85px; /*display: none;*/ } .onlineservice ul li:nth-child(4){ background-position:center -135px; } .onlineservice ul li:nth-child(5){ background-position:center -186px; } .onlineservice ul li a{ display:block; width:100%; height:100%; } }