/* Powered by ly200.com http://www.ly200.com 广州联雅网络科技有限公司 020-83226791 */ html{font-family: "arial";} body{min-width: 1200px;} .w{width: 1200px;margin: 0 auto;} .w_1440{width: 1440px;margin: 0 auto;} .fl{float: left;} .fr{float: right;} .clear{clear: both;} a:hover{text-decoration: none;text-decoration: none;color: #1c77ad; transition:all ease 300ms;} .trans3{ transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; } span{display: inline-block;height: 100%;vertical-align: middle;} .img{max-width: 100%;max-height: 100%;vertical-align: middle;} /*************************** 多语言样式 start ***************************/ .lang_de .header_cart{width:164px;} .lang_de .header_cart .cart_text{width:88px; font-size:12px;} .lang_es .header_cart .cart_text{font-size:12px;} .lang_fr .header_cart .cart_text{font-size:12px;} .lang_ru .w_1200 #top_bar .freeship{width:490px;} .lang_ru #top_bar .freeship{width:350px;} .lang_ru .header_cart{width:155px;} .lang_ru .header_cart .cart_text{width:83px; font-size:12px;} .lang_pt .header_cart{width:160px;} .lang_pt .header_cart .cart_text{width:88px;} /*************************** 多语言样式 end ***************************/ /*头部*/ #HTop{width: 100%;height: auto;/*background: url(../images/HTop_bg.jpg) no-repeat center center;*/} #HTop .language{} #HTop .language .list{margin: 0 9px 10px;padding-left: 20px;background: url(../images/lang_logo.png) no-repeat center left;} #header{padding: 10px 0;} #header .contact{font-size: 14px;color: #212879;} #header .message .company{margin-left: 20px;margin-top: 10px;font-size: 25px;font-weight: bold;color: #212879;} #header .message .brief{margin-left: 20px;margin-top: 25px;font-size: 16px;font-weight: bold;color: #646464;} #header .contact .up{width: 315px;opacity: 0;} #header .contact .phone{padding-left: 35px;margin-bottom: 5px;background: url(../images/phone.png) no-repeat center left;} #header .contact .email{/*padding-left: 35px;background: url(../images/email.png) no-repeat center left;*/} #header .contact .phone span{font-size: 25px;font-weight: bold;color: #212879;} #header .contact .email span{font-size: 16px;} #header .contact em,#header .contact span{display: inline-block;vertical-align: middle;} #header .search{position: relative;margin: 8px 0;} #header .search .keyword{width: 405px;height: 30px;padding: 0 5px;border: 1px solid #d2d2d2;} #header .search .submit{position: absolute;top: 2px;right: 2px;width: 89px;height: 27px;line-height: 27px;font-size: 14px;background: #0d75e4;color: white;} #header .information .contact{margin-left: 20px;margin-top: 10px;} #header .information .contact .up{opacity: 1;} /*头部 end*/ /*头部导航*/ #nav{border-top: 1px solid #d2d2d2;background: #353535;} #nav .home{width: 80px;height: 51px;display: inline-block;background: url(../images/home1.png) no-repeat center center;background-size: 30px;} #nav .nav{width: calc(100% - 80px);} #nav .list{width: auto;height: 50px;line-height: 50px;text-align: center;padding: 0 15px;} #nav .list a{font-size: 18px;font-weight: 600;color: #fff;} #nav .list a:hover{color: #0d75e4;} #nav .list.on a{color: #0d75e4;} /*头部导航 end*/ #banner{min-height: 100px;overflow: hidden;} .banner{text-align: center;} /*底部*/ #footer{padding-bottom: 35px;background: #153a68;color: white;} #footer .up{border-bottom: 1px solid #0c1f36;} #footer .up .list{margin: 25px 29px;} #footer .up .list a{font-size: 14px;color: white;} #footer .down .detail .list{font-size: 14px;margin-bottom: 10px;} #footer .down .message{margin-top: 35px;} #footer .down .detail{margin-left: 40px;} #footer .down .flower{text-align: center;} #footer .down .flower .list{margin: 35px 20px 0 20px;} #footer .down .flower .list .name{width: 90px;margin: 10px auto;} #footer .down .flower .list .name a{font-size: 14px;color: white;} #floats { width: 80px; height: 405px; position: fixed; right: 0; top: 0; bottom: 0; margin: auto; z-index: 1000;} #floats ul { width: 100%; height: auto; margin-bottom: 0;} #floats ul li, #floats ul li i, #floats ul li span { -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;} #floats ul li { width: 80px; height: 80px; background-color: #eeeeee; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 1px; position: relative; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;} #floats ul li a { height: 100%; display: block; position: relative; z-index: 99999; overflow: hidden;} #floats ul li:nth-child(1) a i { background-position: 0 0px;} #floats ul li a i { width: 28px; height: 28px; background-image: url("../images/css_sprites.png"); background-repeat: no-repeat; display: block; margin: 16px auto 8px;} #floats ul li:nth-child(1) a i{ background-position: 0 0px; } #floats ul li:nth-child(2) a i{ background-position: 0 -28px; } #floats ul li:nth-child(3) a i{ background-position: 0 -56px; } #floats ul li:nth-child(4) a i{ background-position: 0 -84px; } #floats ul li:nth-child(1):hover a i{ background-position: -28px 0px; } #floats ul li:nth-child(2):hover a i{ background-position: -28px -28px; } #floats ul li:nth-child(3):hover a i{ background-position: -28px -56px; } #floats ul li:nth-child(4):hover a i{ background-position: -28px -84px; } #floats ul li a span{ color: #999999; display: block; font-size: 12px; line-height: 12px; text-align: center; } .floatTel { padding: 0 10px; white-space: nowrap; min-width: 160px; height: 50px; background: #052471; border-radius: 2px; color: #ffffff; font-size: 16px; position: absolute; top: 0; bottom: 0; right: 80px; margin: auto; line-height: 50px; text-align: center; z-index: -1; opacity: 0; transform-origin: right; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;} #floats ul li:hover .floatTel{ opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } #floats ul li.flEwm > div{ width: 120px; height: 120px; background: #fff; border-radius: 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 3px; position: absolute; top: 0; right: 80px; z-index: 9; opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } #floats ul li.flEwm > div img{ width: 100%; height: 100%; } #floats ul li.flEwm:hover > div{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } #floats ul li, #floats ul li i, #floats ul li span{ -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } #floats ul li:hover{ background-color: #052471; } #floats ul li:hover span{ color: #fff; } #floats .li_left{ display: none;} @media(max-width:640px){ #floats{ width: 60px; height: auto; bottom: 50%; transform: translateY(50%); top: auto;} #floats ul li{ display: none; width: 60px; height: 60px;} #floats ul li a i{margin: 6px auto 6px;} #floats ul .li_left{ display: block; background-color: #eeeeee!important;} #floats .li_left a{ background: url("../images/more_menu.png") no-repeat center; display: block; width: 100%; height: 100%; background-size: 45%;} #floats ul .li_left.on{ background-color: #052471!important;} #floats ul .li_left.on a{ background-image: url("../images/more_menu2.png");} } /* .Form002324 为demo编号 */ .Form002324{ position:absolute; background:rgba(0,0,0,0.5); width:100%;height: 100%; top:0; left:0; z-index:999; display: none } .Form002324 .wrap-container{ box-sizing: border-box; position:fixed; top:50%;left:50%; transform: translate(-50%,-50%); width:1000px; height:450px;background:url(../images/Form002324-bg.jpg)no-repeat;z-index:100; padding:3% 4% 4%;border-radius: 10px;} .Form002324 .closeBtn{ position:absolute; top:20px; right:20px; height:17px; width:17px; display:block; background:url(../images/Form002324-colseBtn.png) no-repeat;} .Form002324 .left{ width: 40%; float: left } .Form002324 .right{ width: 100%; float: right } .Form002324 .left dd{ font-size: 15px; margin-bottom: 15px;color:#333;} .Form002324 .left .phone dd{ background: url(../images/Bottom002909_tel.png) no-repeat left center; padding-left: 30px;} .Form002324 .left .phone2 dd{ background: url(../images/Bottom002909_phone.png) no-repeat left center; padding-left: 30px;} .Form002324 .left .mail dd{ background: url(../images/Bottom002909_email.png) no-repeat left center; padding-left: 30px;} .overflow { overflow: hidden; position: fixed; left: 0; top: 0; width: 100%; height: 100%;} *{box-sizing: border-box;} .Form002324 .Title{ font-size:24px; height: 24px; line-height: 24px; color:#052471; margin-bottom: 30px; border-left: 3px solid #052471; padding-left: 10px;} .Form002324 form{} .Form002324 input{ display:block; border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;-webkit-border-radius:2px; color:#6e6e6e; border:1px solid #dcdcdc; height:36px; line-height:36px; padding:5px 10px 5px 15px; margin:0 auto 12px;width:100%; box-sizing: border-box;} .Form002324 textarea{ display:block; border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;-webkit-border-radius:2px; color:#6e6e6e; border:1px solid #dcdcdc; height:36px; line-height:36px; padding:5px 10px 5px 15px; margin:0 auto 12px; width:100%; height: 100px; box-sizing: border-box;} /*.Form002324 .Loginname{ background:url(../images/Form002324-mico.png) no-repeat 11px 9px;} .Form002324 .Loginpwd{ background:url(../images/Form002324-mico.png) no-repeat 11px -55px;}*/ .Form002324 .yzm{ width:350px; margin:0 auto;} .Form002324 .Lyzm{ float:left; width:126px; padding-left:20px;} .Form002324 .yzm a{ float:left; margin-left:10px; color:#0277ba; line-height:42px;} .Form002324 .yzm img{ display:inline-block; vertical-align:top; max-width:117px; width: 50%; margin-right:16px; height:42px;} .Form002324 .goTo{ width:350px; margin:0 auto;} .Form002324 .goTo a{ float:left; color:#969696; line-height: 12px;margin-bottom: 20px;} .Form002324 .goTo .gozc{ float:right;} .Form002324 .btn{ width:49%; margin-right: 2%; float: left; color:#fff; text-align:center; line-height:36px; font-size:16px; display:block; background:#052471;padding: 0;cursor:pointer;} .Form002324 .btn2{ margin-right: 0; background: #a2a3aa} .Form002324 .OtherLogin{ width:350px; margin:0 auto;} .Form002324 .OtherLogin a{ display:inline-block; color:#969696; vertical-align:top; font-size:12px; padding-left:24px; line-height:55px; height:55px;} .Form002324 .OtherLogin .Loginweico{ margin-right:13px; background:url(../images/Form002324-mico2.png) no-repeat 0 19px;} .Form002324 .OtherLogin .Loginqq{ margin-right:0; background:url(../images/Form002324-mico2.png) no-repeat 0 -25px;} @media only screen and (max-width:664px ) { .Form002324 .wrap-container{width:95%; padding: 5%;} .Form002324 input,.Form002324 .yzm,.Form002324 .goTo,.Form002324 .goLogin,.Form002324 .OtherLogin{ width: 100%;} .Form002324 .OtherLogin{ text-align: center;} .Form002324 .Lyzm{ width: 90px;} .Form002324 .Title{ font-size: 20px; line-height: 70px;} } /*底部 end*/ #index_title{padding: 35px 0 15px 0;background: url(../images/index_border.jpg) no-repeat bottom left;font-size: 25px;font-weight: bold;color: #0175c2;} #index_title a{position: relative;top: 35px;float: right;height: 18px;padding-left: 25px;background: url(../images/more.png) no-repeat left center; font-size: 15px;color: #c8c8c8;} #news_products{padding-bottom: 35px;background: #f7f7f7;} #news_products .content{margin-top: 40px;} #news_products #pro_name .list{width: 240px;height: 36px;margin-bottom: 15px;background: url(../images/left_nav.png) no-repeat center center;} #news_products #pro_name .list:hover,#news_products #pro_name .list.on{background: url(../images/left_nav_on.png) no-repeat center center;} #news_products #pro_name .list:hover a,#news_products #pro_name .list.on a{color: white;} #news_products #pro_name .list a{display: inline-block;width: 240px;height: 36px;line-height: 36px;font-size: 14px;text-align: center;} #news_products .goods{position: relative;width: 917px;height: 388px;border: 1px solid #d1d1d1;overflow: hidden;} #news_products .goods .detail{width: 430px;} #news_products .goods .detail .name{margin-top: 45px;} #news_products .goods .detail .name a{font-size: 20px;color: #1c77ad;} #news_products .goods .detail .brief{margin: 10px 0;font-size: 14px;} #news_products .goods .detail .applicable{} #news_products .goods #demo1{display: none;} #news_products .goods .box{float: left; width:917px; height:388px; position:relative; overflow:hidden;} #news_products .goods .big_photo{float: left; width:435px; height:250px; position:relative; overflow:hidden;margin: 18px 0 10px 0;} #news_products .goods .big_photo ul{ position:absolute; left:0; top:0;} #news_products .goods .big_photo ul li{ width:320px; height:250px;margin: 0 55px;text-align: center;} #news_products .goods .prev{ float:left; cursor:pointer;} #news_products .goods .min_pic{width: 917px;height:87px;margin-top:10px;overflow:hidden;position:relative;float:left;} #news_products .goods .min_pic ul{ position:absolute; left:50px; top:0;} #news_products .goods .min_pic ul li{position: relative; width:115px; height:85px; margin:0 20px 0 5px;border:1px solid #a6a6a6;text-align: center;cursor: pointer;} #news_products .goods .min_pic ul li.on .circle{position: absolute;top: 0;left: 50px;width: 17px;height: 6px;background: url(../images/bottom_style.png) no-repeat center center;} #news_products .goods .min_pic ul li.on{ border:1px solid #0d75e4; padding:0;} #news_products .goods .prev{ position:absolute; top:40%; left:20px; width:16px; height:28px;z-index:9;cursor:pointer;} #news_products .goods .next{ position:absolute; top:40%; right:20px; width:16px; height:28px;z-index:9;cursor:pointer;} #index_applications{} #index_applications .list{width: 289px;height: 447px;padding: 45px 0;margin-right: 8px;overflow: hidden;} #index_applications .list:last-child{margin-right: 0;} #index_applications .list .photo{position: relative;text-align: center;} #index_applications .list .photo img{vertical-align: middle;width: 100%;height: 100%;} #index_applications .list .photo:hover img{transform: scale(1.05);} #index_applications .list .name{position: absolute;bottom: 0;width: 100%;height: 35px;line-height: 35px;background: #0d75e4;color:white;opacity: 0.8;text-align: center;z-index: 1;} #index_applications .list .name a{width: 100%;height: 100%;vertical-align: middle;color: white;font-size: 14px;} #index_applications .list .up{margin-bottom: 14px;} #index_applications .list .photo{width: 289px;height: 194px;overflow: hidden;} #index_applications .list .e1{width: 285px;height: 400px;overflow: hidden;} /* #index_applications .list .e2 .photo{width: 289px;height: 230px;overflow: hidden;} #index_applications .list .e3 .photo{width: 289px;height: 158px;overflow: hidden;} */ #index_about_us{width: 100%;height: 432px;background: url(../images/index_aboutus_bg.jpg) no-repeat center center;} #index_about_us .content{width: 1178px;height: 326px;margin: 0 auto;border: 1px solid #cacaca;background: white;} #index_about_us .content .about_us{width: 370px;margin-right: 65px;} #index_about_us .content .about_us .title{margin-top: 35px;font-size: 25px;color: #0175c2;} #index_about_us .content .about_us .brief{margin: 15px 0;color: #1a1a1a;line-height: 20px;} #index_about_us .content .about_us .more{width: 110px;height: 36px;line-height: 36px;background: url(../images/about_us_more.png) no-repeat center center;text-align: center;} #index_about_us .content .about_us .more a{width: 100%;display:inline-block;color: white;} #index_about_us .content .video{width: 340px;min-height: 100px;} #index_about_us .content .video .list{width: 284px;padding-left: 20px;margin: 7px 0;background: url(../images/video_style.jpg) no-repeat left center;} #index_about_us .content .video .list.e1{width: 284px;height: 156px;margin-right: 56px;margin-top: 22px;background: none;padding-left: 0;text-align: center;cursor: pointer;} #index_about_us .content .video .list.e1 .play{display: none;} #index_about_us .content .video .list.e1 iframe{width: 284px;height: 156px;} #index_about_us .content .video .more{height: 18px;margin-top: 5px;padding-left: 25px;background: url(../images/more.png) no-repeat left center;} #index_about_us .content .video .more a{color: #a0a0a0;} #index_info{margin: 55px auto;} #index_info .left{position: relative;width: 720px;margin-top: 10px;} #index_info #title .border{position: relative;top: 45px;margin-left: 18px;border-bottom: 1px solid #d2d2d2;z-index: 1;} #index_info #title .more{position: absolute;top: 15px;right: 20px;height: 18px;padding-left: 25px;background: url(../images/more.png) no-repeat left center;} #index_info #title .more a{font-size: 14px;color: #c8c8c8;} #index_info .left .description .content{display: none;margin-left: 18px;} #index_info .name{position: relative;padding: 0 18px;z-index: 2;} #index_info .name span{padding: 0 15px;font-size: 25px;font-weight: bold;color:#8b8b8b;cursor: pointer;} #index_info .name.on span{padding: 0 15px;padding-bottom: 10px;color: #0175c2;border-bottom: 5px solid #0175c2;} #index_info .left .list.e1{padding-bottom: 15px;margin-top: 30px;border-bottom: 1px solid #d2d2d2;} #index_info .left .description .content .list.e1 .photo{width: 200px;max-height: 150px;text-align: center;overflow: hidden;} #index_info .left .list.e1 .info_name a{font-size: 14px;} #index_info .left .description .content .detail{width: 450px;margin-left: 30px;} #index_info .left .description .content .detail .info_breif{margin-top: 15px;color: #646464;} #index_info .left .list.e1 .info_name .time{text-align: right;margin-top: 3px;} #index_info .left .list.e2{padding: 15px 0 15px 15px;background: url(../images/read_style.jpg) no-repeat left center;border-bottom: 1px solid #d2d2d2;} #index_info .left .list.e2 a{font-size: 14px;color: #646464;} #index_info .right{width: 450px;margin-left: 20px;} #index_info .right .question{border: 1px solid #d1d1d1;} #index_info .right .question .que_title{padding: 12px 0 7px 18px;border-bottom: 1px solid #d1d1d1;} #index_info .right .question .que_title .more{height: 18px;padding: 0 11px 0 25px;background: url(../images/more.png) no-repeat left center;} #index_info .right .question .que_title .more a{font-size: 14px;color: #c8c8c8;} #index_info .right .question .que_name{font-size: 25px;font-weight: bold;color: #0175c2;} #index_info .right .question .list{height: 73px;padding: 15px 20px 25px 20px;width: auto !important;} #index_info .right .question .list.e1{background: #f2f8fc;} #index_info .right .question .ask{width: 380px !important;height: 20px;margin-top: 10px;padding-left: 30px;background: url(../images/answer.png) no-repeat left center;} #index_info .right .question .answer{width: 380px !important;min-height: 20px;margin-top: 10px;padding-left: 30px;background: url(../images/question.png) no-repeat left top;} #links{} #links .title{padding-bottom: 15px;padding-left: 17px;background: url(../images/location.jpg) no-repeat bottom center;font-size: 25px;font-weight: bold;color: #0175c2;} #links .links_content{position: relative;height: 185px;} #links .links_content .prev{position: absolute;top: 40%;left: 0;width: 23px;height: 38px;background: url(../images/left_btn.png) no-repeat center center;} #links .links_content .next{position: absolute;top: 40%;right: 0;width: 23px;height: 38px;background: url(../images/right_btn.png) no-repeat center center;} #links .links_content .list{width: 203px;height: 84px;margin: 45px 9px 0 9px;display: inline-block;vertical-align: middle;} #links .links_content .bd{width: 1120px;margin: 0 auto;overflow: hidden;} #links .links_content .list_content{width: 1160px;margin: 0 auto;} /*内页左侧公共部分*/ #main_left{float: left;width: 240px;margin-top: 40px;margin-bottom: 30px;} #main_left .category{width: 240px;} #main_left #box{width: 100%;padding-bottom: 10px;margin-bottom: 20px;} #main_left #box.on{background: url(../images/main_left_bottom_bg.png) repeat-x bottom center;} #main_left .category #box .nav{width: 240px;height:36px;line-height:36px;background: url(../images/left_nav.png) no-repeat center center;cursor: pointer;} #main_left .category #box .nav:hover{background: url(../images/left_nav_on.png) no-repeat center center; } #main_left .category #box .nav.on{background: url(../images/main_left_nav_on.png) no-repeat center center;} #main_left .category #box .nav.on1{background: url(../images/left_nav_on.png) no-repeat center center;} #main_left .category #box .nav a{display:inline-block;padding-left: 5%;font-weight:bold;color:#000;font-size:14px;display: block;} #main_left .category #box .nav:hover a,#main_left .category #box .nav.on a,#main_left .category #box .nav.on1 a{color: white;} #main_left .category #box dt{padding-top: 18px;margin: 0 5%;} #main_left .category #box dt.on,#main_left .category #box dt:hover{background: url(../images/list_style.png) no-repeat right 23px;} #main_left .category #box dt.on a{color: #1c77ad;} #main_left .category #box dt:last-child{padding-bottom: 8px;} #main_left .category .son_nav{display: none;width: 240px;background: url(../images/main_left_center_bg.png) repeat-y center center;} #main_left .category .son_nav.on{display: block;} #main_left #recommend{width: 230px;margin-top: 20px;} #main_left #recommend .title{font-size: 18px;font-weight: bold;} #main_left #recommend .content{padding-right: 10px;border-right: 1px dashed #d1d1d1;border-bottom: 1px solid #d1d1d1;} #main_left #recommend .list{padding: 18px 0;border-bottom: 1px dashed #d1d1d1;} #main_left #recommend .list:last-child{border-bottom: none;} #main_left #recommend .list .photo{width: 113px;height: 88px;border: 1px solid #cacaca;text-align: center;overflow: hidden;} #main_left #recommend .list .photo:hover img{transform:scale(1.05);} #main_left #recommend .list .detail{width: 45%;margin-left: 5px;} #main_left #recommend .list .detail .name a{font-size: 14px;} #main_left #recommend .list .detail .number{margin: 5px 0;font-size: 14px;} #main_left #left_contact{width: 90%;height: 473px;padding-left: 15px;padding-top: 35px;background: #fafafa;} #main_left #left_contact .title{font-size: 18px;font-weight: bold;} #main_left #left_contact .list{margin: 24px 0;} #main_left #left_contact .phone{background: url(../images/left_phone.png) no-repeat left 3px;padding-left: 20px;font-size: 14px;} #main_left #left_contact .tel{background: url(../images/left_tel.png) no-repeat left 3px;padding-left: 20px;font-size: 14px;} #main_left #left_contact .fax{background: url(../images/left_fax.png) no-repeat left 3px;padding-left: 20px;font-size: 14px;} #main_left #left_contact .code{background: url(../images/left_zip_code.png) no-repeat left 3px;padding-left: 20px;font-size: 14px;} #main_left #left_contact .address{background: url(../images/left_address.png) no-repeat left 3px;padding-left: 20px;font-size: 14px;} #main_right{float: left;width: 910px;margin-top: 40px;margin-left: 45px;} /*产品列表*/ #main_right .products{} #main_right .products .list{width: 283px;height: 325px;margin-right: 26px;margin-bottom: 28px;border: 1px solid #cacaca;text-align: center;} #main_right .products .list .photo{width: 283px;height: 222px;overflow: hidden;} #main_right .products .list .photo:hover img{transform: scale(1.05);} #main_right .products .list .detail{width: 261px;margin: 0 auto;} #main_right .products .list .name{padding-top: 15px;padding-bottom: 13px;border-bottom: 1px dashed #cacaca;} #main_right .products .list .name a{font-size: 14px;color: #0175c2;} #main_right .products .list .applicable{margin-top: 10px;color: #646464;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} #main_right .pro_read{} #main_right .pro_read .read_title{font-size: 18px;font-weight: bold;color: #0175c2;} #main_right .pro_read .list{width: 440px;margin-right: 30px;padding: 14px 0;border-bottom: 1px dotted #d2d2d2;} #main_right .pro_read .list span{width: 70%;padding-left: 15px;background: url(../images/read_style.jpg) no-repeat left center;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #main_right .pro_read .list em{} /*产品列表 end*/ /*新闻*/ #main_right .detail_title{margin: 15px 0;text-align: center;font-size: 20px;} #main_right .detail_brief{text-align: center;margin: 25px 0;} #main_right .detail_brief .item{display: inline-block;vertical-align: middle;margin: 0 10px;color: #9f9f9f;font-size: 14px;} #main_right .info .info_list li{width: 907px;height: 259px;border-bottom: 1px dashed #cacaca;} #main_right .info .info_list li.e2{background: #f3f8fc;} #main_right .info .info_list .news_msg{width: 65%;margin-left: 30px;} #main_right .info .info_list .news_pic{width: 245px;height: 195px;margin-top: 30px;overflow: hidden;} #main_right .info .info_list .news_pic:hover img{transform:scale(1.05);} #main_right .info .info_list .news_title{margin-top: 45px;} #main_right .info .info_list .news_title a{font-size: 18px;} #main_right .info .info_list data,#main_right .info .info_list .news_desc{color: #646464;} #main_right .info .info_list .news_link{width: 84px;height: 22px;background: url(../images/read_more_bg.png) no-repeat center center;text-align: center;line-height: 22px;} #main_right .info .info_list .news_link a{width: 100%;display: inline-block;} #main_right .info #turn_page{margin-top: 50px;} #main_right .page{margin-top: 30px;border-top: 1px solid #d2d2d2;} #main_right .page .next_page,#main_right .page .prev_page{padding-top: 20px;} #main_right .page em{color: #0175c2;} /*新闻 end*/ /*視頻中心*/ #main_right .products.video .list{height: 290px;} #main_right .products.video .list .name{border: none;} /*視頻中心 end*/ /*应用领域*/ #main_right .products.application .list{height: 300px;} #main_right .products.application .list .photo{height: 225px;} #main_right .products.application .list .name{border: none;} /*应用领域 end*/ /*内页左侧公共部分 end*/ .question_content{ height:450px; overflow:hidden;} .question_content li.lieven{ background:#F0F2F3;} /*搜索*/ .info_search{min-height: 400px;} .info_search .item{width: 100%;margin: 10px 0;} .info_search li span{} /*搜索 end*/ .fixed_top{position: sticky;top: 0;left: 0;background: #fff;z-index: 1000;} @media screen and (max-width: 1460px){ .w_1440{width: 1200px;} } @media screen and (max-width: 1220px){ #nav .list{padding: 0 8px;} } #header .contact{} #header .contact .tool{margin-top: 15px;} #header .contact .tool>div{display: inline-block;vertical-align: middle;margin-left: 20px;} #header .contact .tool .iconfont{font-size: 24px;color: #000000;cursor: pointer;} #default_language_currency_box{width:960px; background: #fff; position: fixed;top: 0;right: 0;left: 0;margin:auto;z-index: 999999;border-radius: 6px; box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);} #default_language_currency_box .top_box{ height:55px; line-height:55px; text-align:center; font-size:20px; border-bottom:1px solid #ddd;} #default_language_currency_box .top_box i{ display:block; width:50px; height:50px; position:absolute; right:0; top:0; background:url(/static/images/global/icon_close1.jpg) center no-repeat; cursor:pointer;} #default_language_currency_box .default_language_currency_container{height:100%; height:calc(100% - 56px); padding:30px 0 90px 30px; box-sizing:border-box;} #default_language_currency_box .default_language_currency_container .default_language_currency_scroll{ height:100%; overflow:auto;} #default_language_currency_box .default_language_currency_container .currency_title{ line-height:24px; margin-bottom:15px; font-size:18px; color:#555; text-align:left;} #default_language_currency_box .default_language_currency_container .default_language_currency_list a{ display:block; width:213px; height:50px; line-height:50px; margin-left:15px; margin-bottom:15px; padding:0 15px; background:#f5f5f5; font-size:14px; text-align:left; box-sizing:border-box; border-radius:3px; float:left; overflow:hidden;} #default_language_currency_box .default_language_currency_container .default_language_currency_list a:hover{ text-decoration:none; background:#dedede;} #default_language_currency_box .default_language_currency_container .default_language_currency_list.default_currency_item a{ font-size:16px;} #default_language_currency_box .default_language_currency_container .default_language_currency_list a:nth-child(4n+1){ margin-left:0;} #default_language_currency_box .default_language_currency_container .default_language_currency_list a.current{ background:#dedede;} #default_language_currency_box .default_language_currency_container .default_language_currency_list img{ vertical-align: middle;margin-right:7px;} #default_language_currency_box .default_language_currency_submit {position: absolute; bottom: 0; left: calc((100% - 290px) / 2); width:290px; height:50px; line-height:50px; margin:0 auto; margin-bottom: 20px; background:#222; color:#fff; text-align:center; font-size:16px; text-transform:uppercase; border-radius:3px; cursor:pointer;} .fixed_top{background: #EEEEEE;} #header .search .keyword{width: 250px;} #header .search .submit{width: 69px;}