/* Powered by ly200.com http://www.ly200.com 广州联雅网络科技有限公司 020-83226791 */ body{max-width: 100%;} /***************************宽屏样式 (start)***************************/ /* .w_1200 .w{width:1200px; min-width:1200px;} */ .w_1200 #sitenav .blk>a{padding:0 32px;} .w_1200 #main .contenter, .w_1200 #main .contenter .in_ad{ width: 1000px; } .w_1200 #plist .blk { width: 199px; } .w_1200 #pdetail .info { width: 625px; } /* .w_1200 #lib_inquire_list>ul>li .info{width:796px;} */ .w_1200 #lib_case_list li{padding:12px 14px;} /***************************宽屏样式 (end)***************************/ *{font-family: '微软雅黑';} html, div{outline:0;} cite, em, strong, i{font-style:normal;} .w{width: 980px; margin:0 auto; min-width:899px;} .hide{display:none;} .imgbox{display:block; overflow:hidden;} .imgbox img{max-width:100%; max-height:100%;} input,textarea{outline: none;} input[type=submit]{cursor: pointer;} .cont{width: 1600px;margin: 0 auto;} .wide{width: 1200px;margin: 0 auto;min-width: auto;} #main.w>.fl{width:190px;} .index img{width: 100%;height: 100%;} /* img{width: 100%;} */ .trans{transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;-webkit-transition:all 0.4s ease-out;} .img_Path{text-align: center;} .img_Path img{vertical-align: middle;max-width: 100%;max-height: 100%;transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;-webkit-transition:all 0.4s ease-out;} .img_Path span{display: inline-block;height: 100%;vertical-align: middle;} .img_box{position: relative;display: block;width: 100%;height: 100%;} .img_box .img{padding-top: 100%;overflow: hidden;position: relative;} .img_box .img .theme_img{position: absolute;width: 100%;height: 100%;margin-top: -100%;} .just{display: inline-block;vertical-align: middle;width: 100%;} #header{position: fixed;top: 0;left: 0;right: 0;z-index: 1000;padding-top: 35px;} #header .logo{height:60px;width: 230px;margin-right: 5.6%;} #header .logo a{display:block; height: 100%; vertical-align:middle;width: 100%;} #header .info{float: left;width: 1280px;margin-top: 5px;height: 45px;} #header .info .nav{width: 75%;float: left;line-height: 35px;margin-left: 4.5%;} #header .info .nav .nav_box{float: left;margin: 0 1.2%;padding: 5px 2.4%;position: relative;} #header .info .nav .nav_box:hover{background: #fff;} #header .info .nav .nav_box a{font-size: 16px;color: #fff;text-decoration: none;height: 53px;overflow: hidden;} #header .info .nav .nav_box:hover a{color: #000;} #header .info .nav .nav_box.nav_box_right .nav_cont{right: 0;left: auto;} #header .info .nav .nav_box .nav_cont{position: absolute;left: 0;top: 45px;} #header .info .nav .nav_box.Dept1_cont .nav_cont{width: 815px;background: #fff;height: 0;overflow: hidden;} #header .info .nav .nav_box .nav_cont .nav_cont_cnt{padding: 25px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #header .info .nav .nav_box.Dept1_cont .nav_cont .nav_cont_lbox{width: 340px;float: left;} #header .info .nav .nav_box .nav_cont .nav_cont_rbox{width: 400px;float: right;position: relative;padding-bottom: 50px;} #header .info .nav .nav_box .nav_cont .nav_cont_rbox:after{content: '';display: block;width: 1px;height: 100%;top: 0;bottom: 0;background: #ededed;position: absolute;left: -6%} #header .info .nav .nav_box .nav_cont .nav_cont_rbox:hover img{-webkit-transform: scale(1.05,1.05);-moz-transform: scale(1.05,1.05);-ms-transform: scale(1.05,1.05);transform: scale(1.05,1.05);} #header .info .nav .nav_box.Dept1_cont .nav_cont .nav_cont_title_1{line-height: 52px;/* border-top: 1px solid #eee; */border-bottom: 1px solid #eee;height: 52px;overflow: hidden;width: 70%;position: relative;} #header .info .nav .nav_box.Dept1_cont .nav_cont .nav_cont_title_1 a{font-size: 14px;color: #555;display: block;} #header .info .nav .nav_box.Dept1_cont .nav_cont .nav_cont_title_1:first-child{border-top: 1px solid #eee;} #header .info .nav .nav_box.Dept1_cont .nav_cont .nav_cont_title_1:hover{text-indent: 17px;} #header .info .nav .nav_box.Dept1_cont .nav_cont .nav_cont_title_1:hover:before{content: '';display: block;left: 0;top: 0;bottom: 0;width: 3px;height: 100%;background: #05a9e8;position: absolute;} #header .info .nav .nav_box.Dept1_cont .nav_cont .nav_cont_title_1:hover a{font-size: 16px;color: #000;} #header .info .nav .nav_box .nav_cont .nav_cont_rbox .nav_rimg{width: 100%;} #header .info .nav .nav_box .nav_cont .nav_cont_rbox .nav_rimg.img_box .img{padding-top: 60%;} #header .info .nav .nav_box .nav_cont .nav_cont_rbox .nav_rimg.img_box .img .theme_img{margin-top: -60%} #header .info .nav .nav_box .nav_cont .nav_cont_rbox .nav_rName{text-align: center;line-height: 25px;height: 25px;overflow: hidden;margin-top: 22px;} #header .info .nav .nav_box .nav_cont .nav_cont_rbox .nav_rName a{font-size: 16px;color: #333;} #header .info .nav .nav_box .nav_cont .nav_cont_rbox .nav_rmore{text-align: center;line-height: 25px;height: 25px;overflow: hidden;margin-top: 10px;} #header .info .nav .nav_box .nav_cont .nav_cont_rbox .nav_rmore a{font-size: 14px;color: #0a9ce0;} #header .info .nav .nav_box.Dept2_cont{left: 0;position: static;font-size: 16px;} #header .info .nav .nav_box.Dept2_cont .nav_cont_title_1>a{display: block;color: #333;line-height: 62px;} #header .info .nav .nav_box.Dept2_cont .nav_cont{left: 0;right: 0;margin: 0 auto;top: 85px;background: #fff;height: 0;overflow: hidden;} #header .info .nav .nav_box.Dept2_cont .nav_cont .nav_cont_lbox{width: 1150px;float: left;max-height: 585px;overflow: hidden;} #header .info .nav .nav_box.Dept2_cont .nav_cont .nav_cont_lbox .nav_cont_title_1{float: left;min-width: 243px;} #header .info .nav .nav_box.Dept2_cont .nav_cont .nav_cont_lbox .nav_cont_title_1 .nav_cont_title_2{width: 243px;line-height: 53px;} #header .info .nav .nav_box.Dept2_cont .nav_cont_dept2{} #header .info .nav .nav_box.Dept2_cont .nav_cont_dept2_cnt{width: 240px;float: left;margin-right: 45px;} #header .info .nav .nav_box.Dept2_cont .nav_cont .nav_cont_title_2{line-height: 52px;/* border-top: 1px solid #eee; */border-bottom: 1px solid #eee;height: 52px;overflow: hidden;width: 70%;position: relative;} #header .info .nav .nav_box.Dept2_cont .nav_cont .nav_cont_title_2 a{font-size: 14px;color: #555;display: block;} #header .info .nav .nav_box.Dept2_cont .nav_cont .nav_cont_title_2:first-child{border-top: 1px solid #eee;} #header .info .nav .nav_box.Dept2_cont .nav_cont .nav_cont_title_2:hover{text-indent: 17px;} #header .info .nav .nav_box.Dept2_cont .nav_cont .nav_cont_title_2:hover:before{content: '';display: block;left: 0;top: 0;bottom: 0;width: 3px;height: 100%;background: #05a9e8;position: absolute;} #header .info .nav .nav_box.Dept2_cont .nav_cont .nav_cont_title_2:hover a{font-size: 16px;color: #000;} #header .info .nav .nav_box.no_ad_cont .nav_cont{width: 210px;left: 0;right: auto;} #header .info .nav .nav_box.no_ad_cont .nav_cont .nav_cont_lbox{width: 100%;} #header .info .nav .nav_box.no_ad_cont .nav_cont .nav_cont_cnt{padding: 25px;} #header .info .nav .nav_box.no_ad_cont .nav_cont .nav_cont_title_1{width: 100%;} #header .info .header_search{float: right;line-height: 45px;height: 45px;padding: 0 18px;position: relative;} #header .info .header_search.on{background: #fff;} #header .info .header_search .header_search_a{display: block;height: 100%;width: 20px;background: url(../image/search_icon.png)no-repeat center center;} #header .info .header_search .header_search_box{width: 774px;height: 0;position: absolute;right: 0;top: 45px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background: #fff;overflow: hidden;} #header .info .header_search.on .header_search_box{height: 78px;} #header .info .header_search .header_search_box .header_search_cnt{padding: 11px 15px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;height: 100%;} #header .info .header_search .header_search_box .search_input{width: 100%;height: 100%;font-size: 15.6px;text-indent: 15px;line-height: 58px;} #header .info .header_search .header_search_btn{background: url(../image/search_icon_hover.png)no-repeat center center;} #header .info .header_search .header_search_submit{height: 100%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: -1;opacity: 0;} #header .info .header_search.on .header_search_submit{z-index: 1;opacity: 1;} #header .info .header_search .header_search_btn{width: 100%;height: 100%;border: 0;} #header .mobile_info{float: right;} #header .mobile_info .navi_btn{display: none;float: right;width: 33px;margin: 10px 0px 10px 10px;cursor: pointer;} #header .mobile_info .navi_btn .line{display: block;height: 4px;margin: 5px 0;background: #fff;-moz-border-radius: 8px;border-radius: 8px;overflow: hidden;} #header.on .mobile_info .navi_btn .line{background: #000} body.fixed{position: fixed;left: 0;right: 0;bottom: 0;top: 0;} #header.on{background: #fff;} #header.on .info .nav .nav_box a{color: #000;} #header.on .info .header_search .header_search_a{background: url(../image/search_icon_hover.png)no-repeat center center;} .header_tel{font-size: 20px;color: #ff9c00;font-weight: bold;height: 45px;line-height: 45px;float: left;padding-left: 45px;background: url(../image/header_phone.png)no-repeat left center;margin-left: 8px;width: 190px;overflow: hidden;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .header_tel a{color: #ff9c00;text-decoration: none;} .mobile_info .header_tel {line-height: 60px;height: 60px;display: none;} /* #header .info .h_nav{display:block; height:28px; background:#f2f2f2; padding:0 6px; border:1px solid #e7e7e7; border-top:none; -webkit-border-radius-bottomleft:6px; -moz-border-radius-bottomleft:6px; border-bottom-left-radius:6px; -webkit-border-radius-bottomright:6px; -moz-border-radius-bottomright:6px; border-bottom-right-radius:6px;} #header .info .h_nav li{float:right; height:28px; line-height:25px; padding:0 12px;} #header .info .h_nav li.line{padding:0;} #header .info .h_nav li.member{background:url(../../../images/ico/ico.png) 0 0 no-repeat; padding-left:26px;} #header .info .h_nav li.inquiry{background:url(../../../images/ico/ico.png) 0 -26px no-repeat; padding-left:24px;} #header .info .h_nav li.lang{background:url(../../../images/ico/ico.png) 50px -52px no-repeat; padding-right:20px;} #header .info .h_nav li.lang:hover{position:relative; z-index:1000;} #header .info .h_nav li.lang:hover dl{} #header .info .h_nav li.lang .language_silder{ position:absolute; right:-7px; top:22px; display:none; background:#F2F2F2; z-index:10; padding:0px 23px 0px 12px; border-radius:0px 0px 5px 5px;} #header .info .h_nav li.lang:hover .language_silder{ display:block;} #header .info .h_nav li.lang .language_silder .l_rows{ height:25px; overflow:hidden;} #header .info .h_nav li.lang .language_silder a{display:block;} */ #header .info .search{width:273px; height:28px; margin-top:25px} #header .info .search input[type=text]{width:194px;height:26px;color:#9b9fa2;line-height:26px;font-size:12px;text-indent:8px;border:1px solid #b8b8b8;background:#f1f1f1} #header .info .search input[type=submit]{width:70px;height:28px;font-size:14px;line-height:28px;text-align:center;font-weight:bold;color:white;border:0;background:url(../image/icon.png) no-repeat 0 -97px} #nav_float .h_search_form{position: static;display: block;width: 100%;background: #1a1a1a;padding: 0;height: 60px;} #nav_float .h_search_form .text{height: 100%;width: 90%;background: transparent;border: 0;text-indent: 3%;font-size: 20px;color: #fff;} #nav_float .h_search_form .button{background: url(../image/mobile_search.png) no-repeat center center;-moz-background-size: 40px;background-size: 40px;width: 7%;} .h_search_form{position: absolute;right: -9px;top: -16px;background: #fff;z-index: 1000;width: 208px;height: 30px;display: none;padding: 10px 0;} .h_search_form .text{height: 30px;text-indent: 10px;} .h_search_form .button{height: 100%;background: url(http://www.comm-pro.net/static/themes/default/images/search.png)no-repeat center center;width: 18px;border: 0;cursor: pointer;} #nav_float{width: 100%;overflow: auto;position: fixed;background: white;top: 0;bottom: 0;z-index: 9999;left: -100%;padding-top: 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-bottom: 30px;} #nav_float.on{left: 0;} #nav_float .nav_header{height: 40px;overflow: hidden;position: relative;} #nav_float .nav_header .nav_title{height: 40px;line-height: 40px;font-size: 18px;text-indent: 15px;} #nav_float .nav_header .close_btn{width: 40px;height: 40px;position: absolute;right: 0;top: 0;cursor: pointer;background: url(http://www.comm-pro.net/static/themes/default/images/header_nav_close_btn.png) no-repeat center center;-moz-background-size: 25px 25px;background-size: 25px 25px;} #nav_float .cate_box{overflow: hidden;} #nav_float .cate_box .nav_cate1{height: 60px;overflow: hidden;} #nav_float .cate_box .nav_cate1 .nav_cate1_title{font-size: 16px;line-height: 60px;position: relative;padding-left: 5%;cursor: pointer;} #nav_float .cate_box .nav_cate1 em{background: url(../image/mobile_arrow.png)no-repeat;width: 15px;height: 10px;display: block;float: right;position: absolute;right: 5%;top: 50%;-webkit-transform: translate(0,-50%) rotate(270deg);-moz-transform: translate(0,-50%) rotate(270deg);-ms-transform: translate(0,-50%) rotate(270deg);transform: translate(0,-50%) rotate(270deg);-moz-background-size: 100%;background-size: 100%;} #nav_float .cate_box .nav_cate1 .nav_cate1_title.on em{-webkit-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%)} #nav_float .cate_box .nav_cate1 .nav_cate2{padding-left: 10%;} #nav_float .cate_box .nav_cate1 .nav_cate3{font-size: 14px;margin: 5px 0;height: 60px;overflow: hidden;line-height: 60px;} #nav_float .cate_box .nav_cate1 .nav_cate3_a{position: relative;line-height: 60px;cursor: pointer;} #nav_float .cate_box .nav_cate1 .nav_cate3_next .nav_cate3_a a{display: block;} #nav_float .cate_box .nav_cate1 .nav_cate3_a.on em{-webkit-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);} #nav_float .cate_box .nav_cate1 .nav_cate4{padding-left: 5%;} #nav_float .cate_box .nav_cate1 .nav_cate4 .nav_cate4_a{margin: 5px 0;line-height: 60px;} #nav_float .cate_box .nav_cate1 .nav_cate2 .login_box{width: 187px;} #nav_float .cate_box .nav_cate1 #fb_button em{width:8px; height:32px; overflow:hidden; background:url(http://www.comm-pro.net/static/themes/default/images/user/sign_in_facebook.png) left -73px no-repeat; position:absolute; right:0; top:0;-webkit-transform: inherit;-moz-transform: inherit;-ms-transform: inherit;transform: inherit;float: none;} #nav_float .cate_box .nav_cate1 .black_bg #fb_button em{display: none;} #nav_float .close_btn{width: 14px;height: 13px;background: url(http://www.comm-pro.net/static/themes/default/images/header_nav_close_btn.png) no-repeat;position: absolute;right: 20px;top: 20px;-moz-background-size: 100%;background-size: 100%;cursor: pointer;} .i_b{position: relative;} .i_b .bx-wrapper .bx-controls-direction a{position: absolute;top: 50%;-webkit-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);display: block;width: 13px;height: 31px;text-indent: -9999px;} .i_b .bx-wrapper .bx-prev{background: url(../image/i_b_left.png)no-repeat center center;left: 8%;} .i_b .bx-wrapper .bx-next{background: url(../image/i_b_right.png)no-repeat center center;right: 8%;} .i_b .bd{} .i_b .bd ul {} .i_b .bd ul li{position: relative;} .i_b .bd ul li .i_b_bg{position: relative;width: 100%;overflow: hidden;} .i_b .bd ul li .i_b_info{position: absolute;top: 42%;-webkit-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);left: 0;right: 0;text-align: center;} .i_b .bd ul li .i_b_info .i_b_name{font-size: 0.56em;color: #fff;font-weight: bold;width: 90%;margin: 0 auto;} .i_b .bd ul li .i_b_info .i_b_name span{font-size: 1.02em;color: #fe9700;} .i_b .bd ul li .i_b_info .i_b_brief{font-size: 0.24em;color: #fff;margin: 20px auto 25px;width: 70%;} .i_b .bd ul li .i_b_info .i_b_a{font-size: 18px;color: #fff;padding:0 25px;height: 35px;line-height: 35px; background: transparent;display: inline-block;margin: 0 auto;border: 1px solid #fff;} .i_b .bd ul li .i_b_info .i_b_a:hover{text-decoration: none;color: #373d41;background: #fff;border: 1px solid transparent;} .i_b .i_b_other{font-size: 0;text-align: center;position: absolute;bottom: 0;left: 0;right: 0;background: rgba(0,0,0,0.13);} .i_b .i_b_other .i_solutions_box{width: 20%;display: inline-block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-left: 1px solid rgba(255,255,255,0.09);padding: 1.7% 2.5%;height: 100px;} .i_b .i_b_other .i_solutions_box:hover{background: rgba(0,0,0,0.5);} .i_b .i_b_other .i_solutions_box:last-child{border-right: 1px solid rgba(255,255,255,0.09);} .i_b .i_b_other .i_solutions_box .i_solutions_img{width: 45px;float: left;height: 100%;margin-right: 13px;} .i_b .i_b_other .i_solutions_box .i_solutions_info{float: left;text-align: left;width: -moz-calc(100% - 58px);width: calc(100% - 58px);} .i_b .i_b_other .i_solutions_box .i_solutions_info .i_solutions_name{font-size: 18px;line-height: 25px;height: 25px;overflow: hidden;color: #fff;white-space:nowrap;text-overflow:ellipsis;} .i_b .i_b_other .i_solutions_box .i_solutions_info .i_solutions_name a{color: #fff;} .i_b .i_b_other .i_solutions_box .i_solutions_info .i_solutions_name a:hover{text-decoration: none;} .i_b .i_b_other .i_solutions_box .i_solutions_info .i_solutions_brief{font-size: 14px;color: #fff;line-height: 15px;height: 15px;overflow: hidden;margin-top: 10px;white-space:nowrap;text-overflow:ellipsis;width: 100%;} .i_about{margin-top: 62px;margin-bottom: 40px;} .i_about .i_about_title{text-align: center;font-size: 34px;color: #000;margin-bottom: 16px;} .i_about .i_about_brief{font-size: 16px;color: #333333;text-align: center;width: 70%;margin: 0 auto;line-height: 30px;} .i_about .i_about_more{text-align: center;margin-top: 27px;} .i_about .i_about_more a{font-size: 14px;color: #2ba6f6;} #nav_float .header_tel{display: none;} #lib_inquire_list>ul>li .info{/*width:572px;*/width: 60%;padding-left: 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #lib_down_list li a{line-height:20px; background:url(../image/btn.gif) repeat-x;} #lib_down_list li a em{top:3px;} #error_page .error_logo{background: none;text-align: center;} #error_page .error_warning{} .header_box{display: none;} @media screen and (max-width:1620px){ .cont{width: 1400px;} .i_b .bd ul li .i_b_info{top: 45%;} /* .i_b .bd ul li .i_b_bg img{max-width: 130%;margin-left: -15%;} */ #header .logo{margin-right: 3%;} #header .info{width: 80%;} #header .info .nav{width: 70%;} #header .info .nav .nav_box{margin: 0 1%;padding: 5px 2%;} #header .info .nav .nav_box.Dept2_cont .nav_cont .nav_cont_lbox{width: 890px;} #header .info .nav .nav_box .nav_cont .nav_cont_cnt{padding: 20px;} #header .info .nav .nav_box.Dept1_cont .nav_cont{width: 650px;} #header .info .nav .nav_box.no_ad_cont .nav_cont{width: 210px;} #header .info .nav .nav_box.Dept1_cont .nav_cont .nav_cont_lbox{width: 200px;} #header .info .nav .nav_box.no_ad_cont .nav_cont .nav_cont_lbox{width: 100%;} #header .info .nav .nav_box.Dept2_cont .nav_cont_dept2_cnt{margin-right: 20px;width: 200px;} #header .info .nav .nav_box.Dept2_cont .nav_cont .nav_cont_lbox .nav_cont_title_1{min-width: 200px;} #header .info .nav .nav_box.Dept2_cont .nav_cont .nav_cont_lbox .nav_cont_title_1 .nav_cont_title_2{width: 200px;} } @media screen and (max-width:1420px){ .cont{width: 1200px;} #header .logo{width: 200px;} #header .info .nav{margin-left: 2%;width: 75%;} .i_b .bd ul li .i_b_info{top: 50%;} #header .info .nav .nav_box{padding: 5px 1.5%;} .header_tel{font-size: 14px;width: 150px;-moz-background-size: 18%;background-size: 18%;padding-left: 35px;} #header .info .header_search{padding: 0 10px;} #header .info .nav .nav_box.Dept2_cont .nav_cont .nav_cont_rbox{display: none;} .i_b .i_b_other .i_solutions_box{padding: 1.7% 2%;} .i_b .i_b_other .i_solutions_box .i_solutions_info .i_solutions_name{font-size: 16px;} .i_b .i_b_other .i_solutions_box .i_solutions_info .i_solutions_brief{font-size: 12px;} } @media screen and (max-width:1220px){ .cont,.wide{width: 1000px;} #header{padding-top: 20px;} #header .logo{width: 20%;text-align: left;margin-right: 0;} #header .info{width: 80%;} #header .info .nav{width: 80%;margin-left: 0;} #header .info .nav .nav_box{position: static;} /* #header .info .nav .nav_box a{font-size: 14px;} */ #header .info .nav .nav_box.Dept1_cont .nav_cont{width: 1000px;left: 50%;-webkit-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-ms-transform: translate(-50%,0);transform: translate(-50%,0);top: 70px;} #header .info .nav .nav_box.no_ad_cont{position: relative;} #header .info .nav .nav_box.no_ad_cont .nav_cont{width: 210px;left: 100%;top: 45px;} #header .info .nav .nav_box.Dept2_cont .nav_cont{top: 70px;} .header_tel{width: 150px;font-size: 16px;} .i_b .bd ul li .i_b_info .i_b_name{font-size: 0.8em;} .i_b .bd ul li .i_b_info .i_b_brief{font-size: 0.4em;} } @media screen and (max-width:1020px){ .cont,.wide{width: 750px;} #header .logo{width: 35%;} .i_b .i_b_other{display: none;} #header{padding-top: 10px;} #header .info{display: none;} .i_b .bd ul li .i_b_info .i_b_a{width: 15%;font-size: 14px;} #header .mobile_info .navi_btn{display: block;} .mobile_info .header_tel{display: block;} .i_about .i_about_brief{width: 90%;} } @media screen and (max-width: 770px){ .i_b_mobile.i_b .bd ul li .i_b_info{top: 25%;} #header{background: #fff;} .header_box{display: block!important;height: 70px;} #header .mobile_info .navi_btn .line{background: #000;} .cont,.wide{width: 93%;max-width: 93%;} .i_b .bd ul li .i_b_info .i_b_name{font-weight: normal;font-size: 0.9em;} .i_b .bd ul li .i_b_info .i_b_brief{margin: 0.6em auto 0.7em;font-size: 0.5em;} /* .i_b .bd ul li .i_b_bg img{max-width: 130%;margin-left: -15%;} */ .i_b .bd ul li .i_b_info .i_b_a{} .i_about .i_about_title{font-size: 28px;} .i_about .i_about_brief{font-size: 14px;width: 90%;} #nav_float .h_search_form .button{-moz-background-size: 80%;background-size: 80%;} #error_page{} #error_page .error_logo{width: 50%;text-align: center;} #error_page .error_warning{width: 50%;} #error_page .sw{width: 50%;} } @media screen and (max-width: 570px){ .i_b .bd ul li .i_b_info .i_b_name{font-size: 1em;} .i_b .bd ul li .i_b_info .i_b_brief{font-size: 0.6em;} .i_b .bd ul li .i_b_info .i_b_a{width: 20%;font-size: 12px;height: 23px;line-height: 23px;} .i_b .bx-wrapper .bx-prev{left: 7%;} .i_b .bx-wrapper .bx-next{right: 7%;} .i_about .i_about_title{font-size: 24px;} .header_tel{width: 140px;font-size: 14px;} .i_about .i_about_title{font-size: 20px;} #lib_inquire_list>ul>li .img{float: none!important;margin:0 auto 18px;} #lib_inquire_list>ul>li .info{float: none!important;width: 90%;padding:0;margin:0 auto;} #lib_inquire_list>form .rows label{float: none;} #lib_inquire_list>form .rows span{float: none;width: 100%;} #lib_inquire_list>form .rows span .input{width: 96%;} #error_page .error_logo{width: 70%;text-align: center;} #error_page .error_warning{width: 70%;} #error_page .sw{width: 70%;} #header .logo a{width: auto;} #header .logo a img{width: auto;height: auto;} } @media screen and (max-width: 370px){ #header .logo{width: 60%;} #header .mobile_info .navi_btn{margin: 10px;} /* .i_b .bd ul li .i_b_info{top: 60%;} */ .mobile_info .header_tel{display: none;} #nav_float .header_tel{width: 70%;-moz-background-size: 25px;background-size: 25px;font-size: 22px;margin: 0 auto;float: none;display: block;} #error_page .sw{width: 90%;} #error_page .error_nav>a{width: 90%;margin: 0;} } .i_prod{margin-bottom: 40px;} .i_prod .i_prod_cnt{position: relative;/* height: 690px; */overflow: hidden;} .i_prod .i_prod_cnt .i_prod_show{position: relative;width: 100%;overflow: hidden;padding-bottom: 4.3%;padding-top: 2%;} .i_prod .i_prod_cnt .i_prod_left,.i_prod .i_prod_cnt .i_prod_right{position: relative;width: 50px;height: 50px;position: absolute;top: 41%;} .i_prod .i_prod_cnt .i_prod_left{background: url(../image/i_prod_left.png)no-repeat center center;left: 26.8%;} .i_prod .i_prod_cnt .i_prod_right{background: url(../image/i_prod_right.png)no-repeat center center;right: 26%;} .i_prod .i_prod_cnt .i_prod_in{width: 1200%;/* left: -22%;position: absolute; */} .i_prod .i_prod_cnt .i_prod_box{width: 735px;float: left;margin: 0 80px;padding-bottom: 37px;-webkit-box-shadow: 0px 0px 20px 9px #ebebeb;-moz-box-shadow: 0px 0px 20px 9px #ebebeb;box-shadow: 0px 0px 20px 9px #ebebeb;position: relative;} .i_prod .i_prod_cnt .i_prod_mobile{display: none;} .i_prod .i_prod_cnt .i_prod_mobile .bx-wrapper{margin: 0 auto;} .i_prod .i_prod_cnt .i_prod_mobile .i_prod_box {margin: 0 auto;width: 50%;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;} .i_prod .i_prod_cnt .i_prod_box:hover .i_prod_img img{-webkit-transform: scale(1.05,1.05);-moz-transform: scale(1.05,1.05);-ms-transform: scale(1.05,1.05);transform: scale(1.05,1.05);} .i_prod .bx-wrapper .bx-pager { text-align: center; font-size: 0; color: #666; display: none;} .i_prod .bx-wrapper .bx-pager .bx-pager-item,.i_prod .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .i_prod .bx-wrapper .bx-pager.bx-default-pager a { background: #c8c8c8; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 7.5px; outline: 0; -moz-border-radius: 5px; border-radius: 5px; } .i_prod .bx-wrapper .bx-pager.bx-default-pager a:hover,.i_prod .bx-wrapper .bx-pager.bx-default-pager a.active { background: #089adf; } .i_prod .i_prod_cnt .i_prod_box a:hover{text-decoration: none;} .i_prod .i_prod_cnt .i_prod_box .i_prod_img{overflow: hidden;} .i_prod .i_prod_cnt .i_prod_box .i_prod_img .img{padding-top: 62%;} .i_prod .i_prod_cnt .i_prod_box .i_prod_img .theme_img{margin-top: -62%;} .i_prod .i_prod_cnt .i_prod_box .i_prod_name{text-align: center;font-size: 24px;color: #000;margin: 28px 0 9px;height: 31px;line-height: 31px;overflow: hidden;} .i_prod .i_prod_cnt .i_prod_box .i_prod_name a{} .i_prod .i_prod_cnt .i_prod_box .i_prod_brief{font-size: 16px;color: #333;text-align: center;line-height: 27px;height: 54px;overflow: hidden;width: 75%;margin: 0 auto;} .i_prod .i_prod_cnt .i_prod_box .i_prod_a{text-align: center;margin-top: 14px;} .i_prod .i_prod_cnt .i_prod_box .i_prod_a a{font-size: 14px;color: #2ba6f6;} @media screen and (max-width: 1420px){ .i_prod .i_prod_cnt .i_prod_left{left: 26%;} .i_prod .i_prod_cnt .i_prod_right{right: 24.5%;} } @media screen and (max-width: 1020px){ .i_prod .i_prod_cnt .i_prod_left, .i_prod .i_prod_cnt .i_prod_right{width: 40px;height: 40px;-moz-background-size: 100%;background-size: 100%;} .i_prod .i_prod_cnt .i_prod_left{left: 25%;} .i_prod .i_prod_cnt .i_prod_right{right: 23.5%;} } @media screen and (max-width: 770px){ .i_prod .bx-wrapper .bx-pager{display: block;} .i_prod .i_prod_cnt .i_prod_mobile{display: block;margin: 0 auto;} .i_prod .i_prod_cnt .i_prod_pc{display: none;} } @media screen and (max-width: 570px){ .i_prod .i_prod_cnt .i_prod_box .i_prod_name{font-size: 20px;} .i_prod .i_prod_cnt .i_prod_box .i_prod_brief{font-size: 14px;} } .index_title{font-size: 34px;color: #000;margin-bottom: 10px;} .index_brief{font-size: 20px;color: #000;margin-top: 11px;margin-bottom: 50px;} .i_case{text-align: center;padding-top: 53px;padding-bottom: 90px;} .i_case .i_case_bg{margin-top: 30px;padding: 50px 0;background: url(../image/index_case_bg.jpg)repeat-y center center;} .i_case .i_case_video{} .i_case .i_case_video .i_case_video_cnt{width: 49%;float: left;margin-right: 2%;} .i_case .i_case_video .i_case_video_cnt iframe{width: 100%;} .i_case .i_case_video .i_case_video_cnt video{width: 100%;} .i_case .i_case_video .i_case_video_cnt .i_case_video_name{margin-top: 5px;line-height: 20px;font-size: 14px;} .i_case .i_case_video .i_case_video_cnt:nth-child(2){margin-right: 0;} .video_cnt{margin-bottom: 50px;} .video_cnt .index_brief{margin-bottom: 10px;} .i_case .i_case_cnt{width: 97%;margin: 0 auto;background: #fff;} .i_case .i_case_cnt .i_case_box{width: -moz-calc(100% / 7 - 0.1px);width: calc(100% / 7 - 0.1px);float: left;border-right: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb;overflow: hidden;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-bottom: 1px;} .i_case .i_case_cnt .i_case_box .img{padding-top: 48%;} .i_case .i_case_cnt .i_case_box .theme_img{margin-top: -48%;} .i_case .i_case_cnt .i_case_box:nth-child(7n){border-right: 1px solid transparent;} .i_case .i_case_cnt .i_case_box:nth-child(n+15){border-bottom: 1px solid transparent;} .i_case .i_case_cnt .i_case_box:nth-child(n+22){display: none;} .i_case .i_case_cnt .i_case_box:hover img{-webkit-transform: scale(1.05,1.05);-moz-transform: scale(1.05,1.05);-ms-transform: scale(1.05,1.05);transform: scale(1.05,1.05);} .i_case .i_case_more{margin-top: 60px;} .i_case .i_case_more a{display: block;width: 123px;height: 35px;line-height: 35px;font-size: 16px;margin: 0 auto;background: transparent;color: #fff;border: 1px solid #fff;} .i_case .i_case_more a:hover{color: #fff;background: #2ba6f6;border: 1px solid #2ba6f6;text-decoration: none;} .i_info{padding-top: 50px;text-align: center;margin-bottom: 60px} .i_info .i_info_cnt {} .i_info .i_info_cnt .i_info_box{width: 29.6%;float: left;text-align: left;} .i_info .i_info_cnt .i_info_box:nth-child(2){margin: 0 5.6%;} .i_info .i_info_cnt .i_info_box .i_info_time{padding-bottom: 32px;border-bottom: 1px solid #c7c7c7;} .i_info .i_info_cnt .i_info_box .i_info_time .i_info_day{font-size: 30px;color: #666;} .i_info .i_info_cnt .i_info_box .i_info_time .i_info_year{font-size: 16px;color: #888;} .i_info .i_info_cnt .i_info_box .i_info_title{font-size: 18px;color: #000;margin-top: 27px;margin-bottom: 15px;line-height: 25px;height: 25px;overflow: hidden;} .i_info .i_info_cnt .i_info_box .i_info_title a{color: #000;} .i_info .i_info_cnt .i_info_box .i_info_brief{font-size: 16px;color: #555;line-height: 28px;height: 84px;overflow: hidden;} .i_info .i_info_more{margin-top: 60px;} .i_info .i_info_more a{display: block;width: 123px;height: 35px;line-height: 35px;font-size: 16px;margin: 0 auto;background: transparent;color: #000;border: 1px solid #dcdcdc;} .i_info .i_info_more a:hover{color: #fff;background: #2ba6f6;border: 1px solid #2ba6f6;text-decoration: none;} .i_info .swap{top:19px;} .footer_scroll{position: fixed;bottom: 0;left: 0;right: 0;z-index: 1000;} .footer_scroll .box{ height:60px; background:#000; overflow:hidden;position: relative;} .footer_scroll .t_news{ height:60px; color:#fff; padding-left:10px; overflow:hidden; position:relative;} .footer_scroll .t_news b{ line-height:60px; font-weight:bold; display:inline-block;float: left;} .footer_scroll .news_li,.footer_scroll .swap{ line-height:60px; display:inline-block; position:absolute; top:0; left:72px;max-width: 90%;right: 7%;} .footer_scroll .news_li a,.footer_scroll .swap a{ color:#fff;display: block;width: 100%;overflow: hidden;height: 60px;line-height: 60px;max-width: 90%;overflow: hidden;} .footer_scroll .close{position: absolute;right: 2%;top: 50%;-webkit-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);font-size: 24px;color: #fff;cursor: pointer;} .footer_scroll_box{height: 60px;} .i_feedback{text-align: center;padding-top: 60px;padding-bottom: 45px;background: #fafafa;} .i_feedback .i_feedback_cnt{width: 90%;margin: 0 auto;} .i_feedback .i_feedback_cnt .i_feedback_box{width: 33%;float: left;} .i_feedback .i_feedback_cnt .i_wechat_box{position: relative;} .i_feedback .i_feedback_cnt .i_wechat_box:hover .i_feedback_wechat{opacity: 1;z-index: 1;} .i_feedback .i_feedback_cnt .i_feedback_box .i_feedback_wechat{position: absolute;left: 50%;top: -20px;-webkit-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-ms-transform: translate(-50%,0);transform: translate(-50%,0);z-index: -1;opacity: 0;width: 157px;height: 157px;} .i_feedback .i_feedback_cnt .i_feedback_box .i_feedback_img{height: 60px;background: url(../image/i_f_tel.png)no-repeat center center;} .i_feedback .i_feedback_cnt .i_feedback_box.i_feedback_mid .i_feedback_img{background: url(../image/i_f_email.png)no-repeat center center;} .i_feedback .i_feedback_cnt .i_feedback_box.i_wechat_box .i_feedback_img{background: url(../image/i_f_wechat.png)no-repeat center center;} .i_feedback .i_feedback_cnt .i_feedback_box .i_feedback_title{font-size: 24px;color: #333;margin-bottom: 8px;} .i_feedback .i_feedback_cnt .i_feedback_box .i_feedback_brief{font-size: 16px;color: #333;height: 21px;overflow: hidden;line-height: 21px;} .i_feedback_form{width: 75%;margin: 45px auto 0;} .i_feedback_form .i_rows{width: 32.5%;float: left;margin-bottom: 20px;} .i_feedback_form .i_rows .rows_input{width: 100%;line-height: 50px;height: 50px;border: 1px solid #dbdbdb;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;text-indent: 12px;} .i_feedback_form .i_rows:nth-child(2){margin: 0 1.2%;} .i_feedback_form .i_rows:nth-child(4){width: 83.3%;} .i_feedback_form .i_rows_submit{width: 15.5%;float: right;} .i_feedback_form .i_rows_submit .submit_btn{height: 50px;line-height: 50px;background: #2ba6f6;color: #fff;font-size: 20px;width: 100%;border: 0;-moz-border-radius: 5px;border-radius: 5px;} .i_feedback_form .i_rows .rows_input::-webkit-input-placeholder {color:#999;} .i_feedback_form .i_rows .rows_input:-moz-placeholder {color:#999;} .i_feedback_form .i_rows .rows_input::-moz-placeholder {color:#999;} .i_feedback_form .i_rows .rows_input:-ms-input-placeholder {color:#999;} @media screen and (max-width: 1020px){ .i_case .video_cnt{width: 100%;} .index_title{font-size: 28px;} .index_brief{font-size: 16px;} .i_case .i_case_bg{background: url(../image/index_case_bg_1290.jpg)no-repeat center center;} .i_case .i_case_cnt .i_case_box{width: -moz-calc(100% / 3 - 0.1px);width: calc(100%/3 - 0.1px);} .i_case .i_case_cnt .i_case_box:nth-child(n+21){display: block;} .i_case .i_case_cnt .i_case_box:nth-child(7n){border-right: 1px solid #dbdbdb;} .i_case .i_case_cnt .i_case_box:nth-child(n+15){border-bottom: 1px solid #dbdbdb;} .i_case .i_case_cnt .i_case_box:nth-child(n+19){border-bottom: 1px solid transparent;} } @media screen and (max-width: 770px){ .i_info{display: none;} .index_title{font-size: 24px;} .index_brief{font-size: 14px;} .i_info .i_info_cnt .i_info_box{width: 100%;float: none;margin: 10px 0 ;} .i_info .i_info_cnt .i_info_box:nth-child(2){margin: 0;} .i_feedback_form .i_rows{width: 100%;} .i_feedback_form .i_rows:nth-child(2){margin: 0;margin-bottom: 20px;} .i_feedback_form .i_rows:nth-child(4){width: 100%;} .i_feedback .i_feedback_cnt .i_feedback_box{float: none;margin: 0 auto;} .i_feedback_email{display: none;} .i_feedback .i_feedback_cnt .i_feedback_mid{display: none} .i_feedback .i_feedback_cnt .i_wechat_box{display: none;} .i_feedback .i_feedback_cnt{display: none;} .i_case .i_case_video .i_case_video_cnt{width: 100%;margin-right: 0;margin-bottom: 5vw;} .i_case .i_case_video .i_case_video_cnt:nth-child(2){margin-bottom: 0;} /* .i_case{background: url(../images/index_case_bg.png) no-repeat center center;} .i_case .i_case_cnt{overflow-y: scroll;} .i_case_scroll{width: calc(194px * 7);} .i_case .i_case_cnt .i_case_box{width: 194px;} */ } @media screen and (max-width: 570px){ .index_brief{margin-bottom: 30px;} .i_info .i_info_more{margin-top: 30px;} .i_info .i_info_cnt .i_info_box .i_info_time .i_info_day{font-size: 24px;} .i_info .i_info_cnt .i_info_box .i_info_brief{height: 112px;font-size: 14px;} .i_feedback .i_feedback_cnt .i_feedback_box{width: 100%;margin: 10px 0;} } #sitenav .w{background:#4a78aa url(../image/navi.gif) repeat-x} #sitenav .blk{position:relative} #sitenav .blk>a{display:block; padding:0 18px; height:30px; text-align:center; font-size:12px; line-height:30px; color:white; font-weight:bold; text-transform:uppercase;} #sitenav .blk.home>a{padding-left:35px;background:url(../image/home.png) no-repeat 14px 8px} #sitenav .blk+.blk>a{background:url(../image/navi_sp.gif) no-repeat left center} #sitenav .menu{display:none; position:absolute; top:30px; left:0; min-width:190px; -webkit-box-shadow:0 0 5px #555; -moz-box-shadow:0 0 5px #555; box-shadow:0 0 5px #555; z-index:5} #sitenav .blk:hover .menu{display:block} #sitenav .menu a{white-space:nowrap} #main{margin-top:12px} .menu h3{display:block;padding-left:9px;font-size:12px;line-height:25px;color:#333;border-bottom:1px solid #c4c6c5;background:url(../image/sidebartit.gif) repeat-x} .menu h3 .on{color: #54799e;font-weight: bold; } .menu .sublist li{ background:url(../image/navbg.png);} .menu .sublist .v3{display: none;} .menu .sublist a{display:block; font-size:12px; line-height:25px; padding:5px 0 5px 17px; padding-left:15px; color:#333; border-bottom:1px solid #ddd; width:158px; margin:0 auto; background:url(../image/nav_0.png) no-repeat left 15px; text-decoration:none; overflow:hidden;} .menu .sublist a.on{color: #54799e;} .menu .sublist a:hover{ background:url(../image/nav_1.png) no-repeat left 15px; color:#54799e;} .menu .sublist .v3 a{background:none; text-indent:12px;} #main .menu .sublist{display:none;} #main .menu .sublist.on{display:block;} .newsletter{margin-top:9px;padding:5px;background:#f4f6f5;border:1px solid #ddd} .newsletter .title{padding-left:54px;background:url(../image/icon.png) no-repeat -51px -57px} .newsletter .title h3{font-size:14px;line-height:20px;color:#333} .newsletter .title div{font-size:12px;line-height:15px;color:#34303e;} .newsletter .brief{padding:12px 8px;font-size:12px;line-height:18px;color:#99989e} .newsletter form input[type=text]{display:block;width:162px;height:20px;margin-left:auto;margin-right:auto;border:1px solid #ccc;background:white url(../image/input_bg.gif) repeat-x;outline:0} .newsletter form input[type=submit]{display:block;margin-top:8px;width:71px;height:23px;margin-left:auto;margin-right:auto;font-size:12px;text-align:center;line-height:22px;color:black;border:0;background:url(../image/icon.png) no-repeat -78px -100px;outline:0} #main .contenter{width:780px; min-height:500px;} #main .contenter .in_ad{width:780px;} #main .contenter .page_content{padding:12px;} #position{padding:2px 0; border-bottom:1px dotted #ddd; line-height:24px;} #position a{font-size:12px; color:#333; font-weight:bold;} #arcdetail{padding:29px 17px;} #attribute{ margin-top:20px;} /* #feedback{margin:23px 37px; width:310px; font-size:14px; color:#217fc4;} #feedback>*{margin-top:10px} #feedback input[type=text]{width:310px;height:25px;font-size:12px;line-height:25px;text-indent:15px;border:0;background:#dbeaf6} #feedback textarea{display:block;padding:12px 16px;width:278px;height:72px;border:0;background:#dbeaf6;resize:none} #feedback input[type=submit]{display:block;width:86px;height:27px;margin-left:auto;margin-right:auto;font-size:12px;line-height:27px;text-align:center;color:white;border:0;border-radius:4px;background:#2373d2} */ #pdetail .info{ width:100%;} #pdetail .gallery{margin-top:8px} /**************************放大镜效果(start)**************************/ #pdetail a.btn{ margin:0 13px !important;} #pdetail .gallery{width:358px; position:relative;} #pdetail .gallery *{_behavior:none;} #pdetail .gallery .bigimg{width:350px; overflow:hidden; border:4px solid #f1f1f1;} #pdetail .gallery .bigimg a{width:350px; display:block; text-align:center; vertical-align:middle;} #pdetail .gallery .bigimg a.case{height:350px;} #pdetail .gallery .bigimg a img{vertical-align:middle; max-width:100%; max-height:100%;} #pdetail .gallery .MagicZoom{display:block; margin:0 auto;} #pdetail .gallery .MagicZoom img{border:0 !important; padding:0 !important; margin:0 !important;} #pdetail .gallery .MagicZoomBigImageCont{border:1px solid #999;} #pdetail .gallery .MagicZoomHeader{font-size:8pt !important; line-height:normal !important; color:#fff; background:#666; text-align:center !important;} #pdetail .gallery .MagicZoomPup{border:1px solid #ccc; background:#fff; cursor:move;} #pdetail .gallery .MagicZoomLoading{border:1px solid #ddd; background:#fff url(../image/loading.gif) no-repeat 2px 50%; padding:4px 4px 4px 24px !important; margin:0; text-decoration:none; text-align:left; font-size:8pt; font-family:sans-serif; color:#444;} #pdetail .gallery #zoom-big{position:absolute; top:0; left:360px;} #pdetail .gallery #zoom-big img{ max-width:none; max-height:none;} #pdetail .gallery #small_img{position:relative; overflow:hidden; height:66px; margin:10px auto;} #pdetail .gallery #small_img .bd span{float:left; margin-right:5px; border:1px solid #ccc; display:block; width:64px; height:64px; overflow:hidden; text-align:center;} #pdetail .gallery #small_img .bd span.on{border:1px solid #0369ab;} #pdetail .gallery #small_img .bd span a{vertical-align:middle; text-align:center;} /**************************放大镜效果(end)**************************/ #pdetail .info{width:411px;margin-top:8px} #pdetail .name{padding:11px 8px;font-size:18px;line-height:20px;font-weight:bold;color:#333;border-bottom:1px dashed #ccc} #pdetail .brief{padding:0 11px 15px;font-size:12px;line-height:24px;color:#333;border-bottom:1px dashed #ccc} #pdetail .feature{width:100%;padding:6px 14px;border-bottom:1px dashed #ccc} #pdetail .feature td{min-width:140px;font-size:12px;line-height:20px;color:#333} #pdetail .description{margin-top:20px} #pdetail .description .hd{border-bottom:1px solid #cacdd2; overflow:hidden;} #pdetail .description .hd span{display:block;width:110px;height:24px;margin:0 5px;text-align:center;line-height:24px;color:#333;font-size:12px;background:url(../image/icon.png) no-repeat 0 -33px; float:left; cursor:pointer;} #pdetail .description .hd span.cur{font-weight:bold;} #pdetail .description .bd .desc_txt{padding:18px; min-height:200px;} #plist{margin-top:5px} #plist .annex{padding:5px 0; border:1px solid #dadedd; background:#e9efed} #plist .annex h3{font-size:12px;line-height:25px;text-indent:5px;color:#666769} #plist .page{margin:0 8px;font-size:0} #plist .annex.e1 .page{text-align:right} #plist .page span{border:1px solid #cbcdcc; display:inline-block; *display:inline; *zoom:1; font-size:12px; height:22px; line-height:22px; overflow:hidden; background:#fff; vertical-align:top; margin:0 4px;} #plist .page span em{ display:none;} #plist .page font, #plist .page a{height:22px; padding:0 7px; display:block; text-align:center; text-decoration:none;} #plist .page .page_item_current{background:#f0f0f0; color:#f00; cursor:default;} #plist .contents{overflow:hidden; background:url(../image/prolist_bg.png) left top repeat-y;} #plist .blk{width:194px;height:235px;margin-top:-1px;margin-left:-1px;border:1px solid #ddd;} #plist .blk .name{display:block; width:160px; height:33px; margin:0 auto; font-size:12px; line-height:16px; color:#333; overflow:hidden;} #plist .blk .imgbox{width:160px; height:160px; margin:10px auto;} #plist .blk .imgbox a{ display:block; width:160px; height:160px; text-align:center; vertical-align:middle;} #plist .annex.e2{margin-top:-1px} #plist .annex.e2 .page{text-align:center} #footer{padding-top: 60px;background: #212121;padding-bottom: 30px;} #footer .footer_cont{min-height: 150px;} #footer .footer_cnt{width: 14.25%;float: left;} #footer .footer_cnt .footer_title{font-size: 16px;color: #c8c8c8;line-height: 25px;height: 25px;overflow: hidden;} #footer .footer_cnt .footer_cont{margin-top: 18px;} #footer .footer_cnt .footer_cont .footer_cont_box{line-height: 35px;} #footer .footer_cnt .footer_cont .footer_cont_box a{font-size: 14px;color: #888;} #copymsg{line-height: 30px;color: rgba(255,255,255,0.5);font-size: 14px;} .footer_tbox{border-bottom: 1px solid rgba(255,255,255,0.02);} #copymsg a{color: rgba(255,255,255,0.5);font-size: 14px;} #footer .sec3 { font-size: 12px;padding-top: 13px;color: rgba(255,255,255,0.5);} #footer .sec3 a { display: inline-block; color: #888; padding: 0 6px; margin-bottom: 5px;} #footer .sec3 a+a { border-left: 1px solid #888; } #footer .sec3 span { color: #787878; } .index_tel{background: #3a9ff7;height: 60px;display: none;} .tel_icon{display: inline-block;vertical-align: middle;} @media screen and (max-width: 770px){ body .index_tel{display: block;font-size: 24px;text-align: center;line-height: 60px;color: #fff;text-decoration: none;} .index_footer{display: none;} #footer{padding: 10px;} #footer .footer_cont{min-height: 30px;} .footer_tbox{display: none;} #footer .footer_cnt{width: 24.25%;float: none;display: inline-block;margin-left: -3px;vertical-align: top;} #footer .footer_cnt.MobileHide{display: none;} } @media screen and (max-width: 570px){ body .index_tel{font-size: 18px;} #footer .footer_cont{} /* #footer{padding-bottom: 30px;} */ #footer .footer_cnt{width: 33%;} #footer .footer_cnt .footer_cont{/* min-height: auto; */min-height: 140px;} #copymsg{line-height: 45px;} #copymsg a{display: block;} } /* #lib_inquire_list>ul>li .info{width:572px;} */ #lib_down_list li a{line-height:20px; background:url(../image/btn.gif) repeat-x;} #lib_down_list li a em{top:3px;} #lib_case_list li{ width:172px; padding:11px;} #lib_case_list li .img{ width:170px; height:170px;} #lib_info_detail>.contents{ padding:15px;} .share{ margin-left:10px;} input.form_button{ width:120px; height:32px; text-align:center; background-color:#0369ab; -moz-border-radius:5px; border-radius:5px; font-family:Verdana; font-size:14px; color:#fff;} .prod_info_group li a{ background:#426E9F; color:#FFF;} .itemno{ margin:15px 0 0 12px;} #cop{ color:#000;} .inner_b{position: relative;width: 100%;overflow: hidden;} .inner_b .inner_b_bg{} .inner_b .i_b_info{position: absolute;top: 32%;text-align: center;left: 0;right: 0;} .inner_b .i_b_info .i_b_name{font-size: 0.56em;color: #fff;font-weight: bold;} .inner_b .i_b_info .i_b_name span{color: #fe9700;} .inner_b .i_b_info .i_b_brief{font-size: 0.24em;color: #fff;margin-top: 5px;line-height: 35px;margin-bottom: 23px;} .inner_b .i_b_info .i_b_a{font-size: 18px;color: #fff;width: 123px;height: 35px;line-height: 35px;background: transparent;display: block;margin: 0 auto;border: 1px solid #fff;} .inner_b .i_b_info .i_b_a:hover{text-decoration: none;color: #373d41;background: #fff;border: 1px solid transparent;} .inner_nav{background: rgba(0,0,0,0.13);position: absolute;bottom: 0;left: 0;right: 0;height: 86px;line-height: 86px;text-align: center;font-size: 0;} .inner_nav .inner_nav_box{font-size: 20px;color: #fff;display: block;height: 100%;height: 100%;display: inline-block;border-left: 1px solid transparent;border-right: 1px solid transparent;padding: 0 3.7%;} .inner_nav .inner_nav_box:hover,.inner_nav .inner_nav_box.on{text-decoration: none;background: rgba(255,255,255,0.2);} @media screen and (max-width: 1620px){ /* .inner_b .inner_b_bg img{max-width: 130%;margin-left: -15%;} */ } @media screen and (max-width: 1220px){ .inner_b .i_b_info .i_b_name{font-size: 0.8em;} .inner_b .i_b_info .i_b_brief{font-size: 0.4em;} } @media screen and (max-width: 1020px){ /* .inner_b .inner_b_bg img{max-width: 160%;margin-left: -30%;} */ .inner_b .i_b_info .i_b_a{width: 15%;font-size: 14px;} } @media screen and (max-width: 770px){ .inner_b .inner_b_bg img{max-width: 100%;margin-left: 0;} .inner_nav{display: none;} .mobile_hide{display: none;} } @media screen and (max-width: 570px){ .inner_b .i_b_info .i_b_a{width: 20%;line-height: 25px;height: 25px;} .inner_b .i_b_info .i_b_name{font-size: 1em;} .inner_b .i_b_info .i_b_brief{font-size: 0.6em;margin-bottom: 5px;} /* .inner_b .inner_b_bg img{max-width: 200%;margin-left: -50%;} */ #lib_inquire_list>form .rows{width: 90%;margin: 0 auto;} } @media screen and (max-width: 370px){ .inner_b .i_b_info .i_b_a{font-size: 12px;} } .solutions{padding-bottom: 65px;background: #fafafa;padding-top: 45px;} .solutions .s_cont{width: 75%;margin: 0 auto;} .solutions .s_cont .s_cate_cnt{margin-bottom: 55px;} .solutions .s_cont .s_cate_cnt .s_btitle{font-size: 30px;color: #333;text-align: center;line-height: 40px;margin: 0 0 55px;} .solutions .s_cont .s_solu_cnt{border-left: 1px solid #f1f1f1;border-bottom: 1px solid #f1f1f1;} .solutions .s_cont .s_solu_cnt .s_solu_cbox{width: 33.33%;float: left;height: 255px;border-top: 1px solid #f1f1f1;border-right: 1px solid #f1f1f1;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;z-index: 1;} .solutions .s_cont .s_solu_cnt .s_solu_box{position: absolute;left: 0;right: 0;top: 0;bottom: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 8.9% 9.4% 0;background: #fff;} .solutions .s_cont .s_solu_cnt .s_solu_box:hover{-webkit-transform: scale(1.05,1.05);-moz-transform: scale(1.05,1.05);-ms-transform: scale(1.05,1.05);transform: scale(1.05,1.05);-webkit-box-shadow: 0px 0px 20px 10px #f6f6f6;-moz-box-shadow: 0px 0px 20px 10px #f6f6f6;box-shadow: 0px 0px 20px 10px #f6f6f6;z-index: 1000;} .solutions .s_cont .s_solu_cnt .s_solu_box .s_solu_img{height: 68px;} .solutions .s_cont .s_solu_cnt .s_solu_box .s_solu_title{font-size: 16px;color: #333;text-align: center;margin: 15px 0;} .solutions .s_cont .s_solu_cnt .s_solu_box .s_solu_title a{} .solutions .s_cont .s_solu_cnt .s_solu_box .s_solu_title a:hover{text-decoration: none;} .solutions .s_cont .s_solu_cnt .s_solu_box .s_solu_desc{font-size: 12px;color: #999;line-height: 20px;} .solutions .solu_nav_cnt{text-align: center;padding: 23px 0 ;background: #fff;display: none;width: 100%;overflow: hidden;} .solutions .solu_nav_cnt .solu_nav{display: inline-block;margin-bottom: 5px;} .solutions .solu_nav_cnt .solu_nav a{color: #888;font-size: 18px;margin: 0 15px;} .solutions .solu_nav_cnt .solu_nav a.on{color: #08a0e3;} .solutions .solu_nav_cnt .solu_nav a:hover{text-decoration: none;} .case{min-height: 300px;padding-bottom: 70px;} .case .c_title{font-size: 30px;color: #333;text-align: center;margin: 40px 0 30px;} .case .c_nav_cnt{text-align: center;} .case .c_nav_cnt .c_nav{display: inline-block;margin-bottom: 5px;} .case .c_nav_cnt .c_nav a{color: #888;font-size: 16px;margin: 0 10px;} .case .c_nav_cnt .c_nav a.on{color: #00a7ff;} .case .c_cnt{width: 83.12%;margin: 0 auto;border-top: 1px solid #ececec;border-left: 1px solid #ececec;margin-bottom: 75px;margin-top: 37px;} .case .c_cnt .c_box{/* width: 20.07%; */float: left;width: -moz-calc(100% / 5 - 0.1px );width: calc(100% / 5 - 0.1px);height: 530px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .case .c_cnt .c_box:hover .c_t_img img{-webkit-transform: scale(1.05,1.05);-moz-transform: scale(1.05,1.05);-ms-transform: scale(1.05,1.05);transform: scale(1.05,1.05);} .case .c_cnt .c_box .c_t_img{height: 50%;/* border-bottom: 1px solid #ececec;border-top: 1px solid #ececec; */border-bottom: 1px solid #ececec;border-right: 1px solid #ececec;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;overflow: hidden;width: 100%;} .case .c_cnt .c_box .c_b_info{height: 265px;display: block;vertical-align: middle;padding: 30px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-bottom: 1px solid #ececec;border-right: 1px solid #ececec;} .case .c_cnt .c_box .c_b_info .c_b_title{font-size: 18px;color: #333;text-align: center;margin-bottom: 35px;line-height: 25px;height: 25px;overflow: hidden;} .case .c_cnt .c_box .c_b_info .c_b_brief{font-size: 14px;color: #888;text-align: center;height: 110px;line-height: 22px;overflow: hidden;} .case .c_cnt .c_box .c_b_info .c_b_more{text-align: center;} .case .c_cnt .c_box .c_b_info .c_b_more a{font-size: 14px;color: #00a7ff;} .c_cnt_pc{display: block;} .c_cnt_mobile{display: none;} @media screen and (max-width: 1220px){ .case .c_cnt{width: 100%;} .case .c_cnt .c_box{width: -moz-calc(100% / 4 - 0.1px );width: calc(100% / 4 - 0.1px);} .c_cnt_mobile{display: block;} .c_cnt_pc{display: none;} } @media screen and (max-width: 1020px){ .solutions .s_cont{width: 100%;} .solutions .s_cont .s_solu_cnt{border-right: 1px solid #f1f1f1;} .solutions .s_cont .s_solu_cnt .s_solu_cbox:nth-child(2n){border-right: 1px solid transparent;} .solutions .s_cont .s_solu_cnt .s_solu_cbox{width: 50%;} .solutions .s_cont .s_solu_cnt .s_solu_cbox.clone{display: none;} .case .c_cnt .c_box{width: 50%;} } @media screen and (max-width: 770px){ .solutions .s_cont{margin-top: 42px;} .solutions{padding-top: 0;} .solutions .solu_nav_cnt{display: block;} } @media screen and (max-width: 570px){ .case .c_cnt .c_box{width: 100%;height: 450px;} .case .c_title{font-size: 18px;margin: 20px 0;} .solutions .solu_nav_cnt .solu_nav a{font-size: 14px;} .case .c_nav_cnt .c_nav a{font-size: 14px;} .solutions .s_cont .s_solu_cnt .s_solu_cbox{width: 100%;border-right: 1px solid transparent;} .case .c_cnt .c_box .c_b_info{display: block;} } .info_det{background: #fafafa;} .info_nav_cnt{text-align: center;padding: 35px 0 ;background: #fff;} .info_nav_cnt .info_nav{display: inline-block;} .info_nav_cnt .info_nav a{color: #888;font-size: 18px;margin: 0 15px;} .info_nav_cnt .info_nav a.on{color: #08a0e3;} .info_p{background: #fafafa;padding-bottom: 50px;} .info_p .info_cont{margin-bottom: 60px;} .info_p .info_cont .info_cnt{padding: 30px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin-top: 40px;background: #fff;height: 310px;} .info_p .info_cont .info_cnt:hover .img img{-webkit-transform: scale(1.05,1.05);-moz-transform: scale(1.05,1.05);-ms-transform: scale(1.05,1.05);transform: scale(1.05,1.05);} .info_p .info_cont .info_cnt .info_lbox{width: 29.23%;float: left;height: 100%;overflow: hidden;} .info_p .info_cont .info_cnt .info_lbox.img_box .img{padding-top: 54%;} .info_p .info_cont .info_cnt .info_lbox.img_box .img .theme_img{margin-top: -54%;} .info_p .info_cont .info_cnt .info_mid_box{float: left;width: 52.6%;padding-left: 2.6%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;height: 100%;} .info_p .info_cont .info_cnt .info_mid_box .info_time{font-size: 14px;color: #333;margin-top: 15px;margin-bottom: 5px;height: 20px;line-height: 20px;overflow: hidden;text-align: left;} .info_p .info_cont .info_cnt .info_mid_box .info_title{font-size: 24px;color: #333;position: relative;margin-bottom: 40px;text-align: left;} .info_p .info_cont .info_cnt .info_mid_box .info_title a{line-height: 35px;height: 35px;overflow: hidden;display: inline-block;} .info_p .info_cont .info_cnt .info_mid_box .info_title a:hover{text-decoration: none;} .info_label{height: 37px;overflow: hidden;} .info_label span{width: 104px;height: 35px;border: 1px solid #e4e4e4;display: inline-block;-moz-border-radius: 20px;border-radius: 20px;font-size: 16px;color: #888;text-align: center;line-height: 35px;} .info_p .info_cont .info_cnt .info_mid_box .info_title:after{position: absolute;width: 39px;height: 2px;background: #555;content: '';bottom: -18px;left: 0;} .info_p .info_cont .info_cnt .info_mid_box .info_brief{font-size: 14px;color: #888;line-height: 25px;height: 50px;overflow: hidden;margin-bottom: 25px;} .info_p .info_cont .info_cnt .info_rbox{width: 12%;float: right;height: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-top: 7.3%;} .info_p .info_cont .info_cnt .info_rbox a{width: 144px;height: 40px;line-height: 40px;border: 1px solid #49bcec;font-size: 14px;color: #2ba6f6;display: block;text-align: center;margin: 0 auto;text-decoration: none;} .info_p .info_cont .info_cnt .info_rbox a:hover{background: #2ba6f6;color: #fff;} @media screen and (max-width: 1620px){ .info_p .info_cont .info_cnt{height: 275px;} .info_p .info_cont .info_cnt .info_mid_box .info_time{margin-top: 10px;margin-bottom: 10px;} .info_p .info_cont .info_cnt .info_mid_box .info_brief{margin-bottom: 20px;} } @media screen and (max-width: 1420px){ .info_p .info_cont .info_cnt{height: 245px;} .info_p .info_cont .info_cnt .info_mid_box .info_title{margin-bottom: 20px;} .info_p .info_cont .info_cnt .info_mid_box .info_title:after{bottom: -5px;} .info_p .info_cont .info_cnt .info_mid_box .info_brief{margin-bottom: 10px;} .info_p .info_cont .info_cnt .info_rbox a{width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} } @media screen and (max-width: 1220px){ /* .info_p .info_cont .info_cnt{height: 210px;} */ /* .info_p .info_cont .info_cnt .info_mid_box .info_title{font-size: 18px;margin-bottom: 10px;} */ .info_p .info_cont .info_cnt .info_lbox.img_box .img{padding-top: 67%;} .info_p .info_cont .info_cnt .info_lbox.img_box .img .theme_img{margin-top: -67%;} /* .info_p .info_cont .info_cnt .info_mid_box .info_brief{font-size: 12px;line-height: 20px;height: 40px;} .info_p .info_cont .info_cnt .info_mid_box .info_time{font-size: 12px;margin: 2.5px 0;} .info_p .info_cont .info_cnt .info_mid_box .info_label span{font-size: 12px;line-height: 25px;height: 25px;} */ } @media screen and (max-width: 1020px){ .info_p .info_cont .info_cnt{padding: 15px;} .info_p .info_cont .info_cnt .info_rbox{padding-top: 5%;} .info_p .info_cont .info_cnt .info_lbox.img_box .img{padding-top: 100%;} .info_p .info_cont .info_cnt .info_lbox.img_box .img .theme_img{margin-top: -100%;} } @media screen and (max-width: 770px){ .info_p .info_cont .info_cnt{height: auto;} .info_p .info_cont .info_cnt .info_lbox{width: 100%;height: auto;} .info_p .info_cont .info_cnt .info_lbox.img_box .img{padding-top: 50%;} .info_p .info_cont .info_cnt .info_lbox.img_box .img .theme_img{margin-top: -50%;} .info_p .info_cont .info_cnt .info_mid_box{height: auto;width: 100%;padding-left: 0;} .info_p .info_cont .info_cnt .info_rbox{height: auto;width: 100%;} } @media screen and (max-width: 570px){ .info_p .info_cont .info_cnt .info_mid_box .info_title{font-size: 18px;} .info_p .info_cont .info_cnt .info_mid_box .info_title a{line-height: 30px;max-height: 60px;height: auto;} .info_p .info_cont .info_cnt .info_mid_box .info_brief{font-size: 12px;} .info_nav_cnt .info_nav a{font-size: 14px;margin: 0 7px;} } @media screen and (max-width: 370px){ .info_p .info_cont .info_cnt .info_mid_box .info_title{font-size: 16px;} } .products{padding-bottom: 70px;} .products .contents{min-height: 300px;} .prod_cnt{width: 76.875%;margin: 0 auto;} .prod_btitle{font-size: 30px;color: #000;text-align: center;margin-top: 35px;margin-bottom: 15px;} .products .prod_box{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 65px 0;border-top: 1px solid #ebebeb;} .products .prod_box:first-child{border-top: 0;} .products .prod_box:nth-child(2n) .prod_lbox{float: right;} .products .prod_box:nth-child(2n) .prod_rbox{float: left;} .products .prod_box .prod_lbox{float: left;width: 47%;height: 100%;} .products .prod_box .prod_lbox .prod_img{position: relative;overflow: hidden;margin:0 auto;padding-top: 62%;} .products .prod_box .prod_lbox .prod_img .theme_img{margin-top: -62%;} .products .prod_box .prod_lbox .img_name{display: block;position: absolute;bottom: 0;left: 0;right: 0;height: 50px;line-height: 50px;font-size: 18px;background: rgba(0,0,0,0.15);color: #fff;text-align: left;text-indent: 25px;overflow: hidden;opacity: 0;} .products .prod_box:hover .prod_lbox .img_name{opacity: 1;} .products .prod_box:hover .prod_lbox .prod_img img{-webkit-transform: scale(1.05,1.05);-moz-transform: scale(1.05,1.05);-ms-transform: scale(1.05,1.05);transform: scale(1.05,1.05);} .products .prod_box .prod_rbox{width: 50%;height: 360px;display: table-cell;vertical-align: middle;padding-left: 35px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .products .prod_box .prod_rbox .prod_name{font-weight: bold;font-size: 30px;color: #000;line-height: 40px;max-height: 80px;overflow: hidden;position: relative;padding-bottom: 27px;margin-bottom: 20px;text-align: left;} .products .prod_box .prod_rbox .prod_name:after{position: absolute;content: '';display: block;width: 76px;height: 4px;background: #2ba6f6;bottom: 0;left: 0;} .products .prod_box .prod_rbox .pro_applicable{font-size: 22px;color: #333;line-height: 30px;max-height: 30px;overflow: hidden;} .products .prod_box .prod_rbox .prod_brief{font-size: 16px;color: #555;line-height: 30px;height: 90px;overflow: hidden;margin-top: 15px;} .products .prod_box .prod_rbox .prod_more{margin-top: 28px;} .products .prod_box .prod_rbox .prod_more a{font-size: 16px;color: #2ba6f6;} .products_list_more{line-height: 66px;font-size: 20px;color: #686868;text-align: center;background: #f7f7f7;margin-top: 34px;} .products_list_more a{text-decoration: none;display: block;} .products_list_more a:hover{background: #2ba6f6;color: #fff;} @media screen and (max-width: 1620px ) { .products .prod_box .prod_rbox{height: 315px;} } @media screen and (max-width: 1420px ) { .products .prod_box .prod_rbox{height: 270px;} } @media screen and (max-width: 1220px ) { .prod_cnt{width: 100%;} .products .prod_box .prod_rbox{height: 225px;} .products .prod_box .prod_rbox .prod_name{font-size: 24px;padding-bottom: 10px;margin-bottom: 15px;} .products .prod_box .prod_rbox .pro_applicable{font-size: 18px;max-height: 25px;line-height: 25px;} .products .prod_box .prod_rbox .prod_brief{font-size: 14px;line-height: 22px;height: 66px;} .products .prod_box .prod_rbox .prod_more{margin-top: 18px;} } @media screen and (max-width: 1020px ) { .products .prod_box{padding: 50px 0;} .products .prod_box .prod_lbox{width: 100%;float: none;margin-bottom: 20px;} .products .prod_box .prod_rbox{width: 100%;padding-left: 0;height: auto;float: none;display: block;} .products .prod_box:nth-child(2n) .prod_rbox{float: none;} .products .prod_box:nth-child(2n) .prod_lbox{float: none;} } @media screen and (max-width: 770px ) { .products .prod_box{padding: 30px 0;} .products .prod_box .prod_lbox .img_name{font-size: 14px;} .products .prod_box .prod_rbox .prod_name{font-size: 18px;} .products .prod_box .prod_rbox .pro_applicable{font-size: 16px;} .products .prod_box .prod_rbox .prod_brief{font-size: 14px;} .products .prod_box .prod_rbox .prod_more a{font-size: 12px;} .products_list_more{font-size: 14px;line-height: 50px;} } /*turn page*/ #turn_page{text-align:center; height:auto; line-height:35px; clear:both;} #turn_page span{border: 0; display:inline-block; *display:inline; *zoom:1; font-size:18px; height: 35px; line-height: 35px; overflow:hidden; background: transparent; vertical-align:top; margin:0 7.5px;-moz-border-radius: 150px;border-radius: 150px;margin-bottom: 5px;} #turn_page span em{width:7px; height:12px; display:inline-block; vertical-align:middle; margin-top:-2px;} #turn_page font, #turn_page a{width: 35px; height: 35px; display:block; text-align:center; text-decoration:none;} #turn_page .page_item_current{background:#fe9700; color:#fff; cursor:default;} #turn_page .page_button, #turn_page .page_noclick{width:auto; padding:0 16px;} #turn_page .page_button:hover{background: #fe9700;color: #fff;} #turn_page .page_noclick{cursor:no-drop;} #turn_page .icon_page_prev{background:url(http://www.comm-pro.net/static/themes/default/images/ico/normal.png) no-repeat -391px -24px; margin-right:6px;display: none;} #turn_page .icon_page_next{background:url(http://www.comm-pro.net/static/themes/default/images/ico/normal.png) no-repeat -408px -24px; margin-left:6px;display: none;} @media screen and (max-width: 470px){ #turn_page span{margin: 0 2.5px;} #turn_page .page_button, #turn_page .page_noclick{padding: 0 10px;} } /* 公用 */ .art_nav_public{width: 100%;overflow: hidden;} .art_nav_scroll{width: 1200%;margin: 0 auto;} .art_nav_width{display: inline-block;white-space:nowrap;} .products .art_nav_cnt{text-align: center;padding: 23px 0 ;overflow: hidden;width: 100%;} .products .art_nav_cnt .art_nav{display: inline-block;margin-bottom: 5px;} .products .art_nav_cnt .art_nav a{color: #888;font-size: 18px;margin: 0 15px;} .products .art_nav_cnt .art_nav a.on{color: #08a0e3;} .products .art_nav_cnt .art_nav a:hover{text-decoration: none;} .article{padding-bottom: 100px;} .article .art_nav_cnt{text-align: center;padding: 23px 0 ;background: #f9f9f9;overflow: hidden;width: 100%;} .article .art_nav_cnt .art_nav{display: inline-block;margin-bottom: 5px;} .article .art_nav_cnt .art_nav a{color: #888;font-size: 18px;margin: 0 15px;} .article .art_nav_cnt .art_nav a.on{color: #08a0e3;} .article .art_nav_cnt .art_nav a:hover{text-decoration: none;} .art_title{font-size: 30px;color: #333;text-align: center;margin-bottom: 14px;} .art_brief{font-size: 16px;color: #666;text-align: center;} .art_content{padding: 40px;margin: 40px 0 57px;background: #f9f9f9;} .art_content .art_content_box{float: left;width: 30.62%;height: 120px;padding: 15px 30px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background: #fff;transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;-webkit-transition:all 0.4s ease-out;} .art_content .art_content_box:nth-child(2){margin: 0 4%;} /* .art_content .art_content_box:hover{box-shadow: 0px 0px 20px 10px #f6f6f6;transform: scale(1.05,1.05);} */ .art_content .art_content_box .art_lbox{float: left;height: 100%;width: 38px;margin-right: 20px;} .art_content .art_content_box .art_rbox{display: table-cell;height: 90px;vertical-align: middle;} .art_content .art_content_box .art_rbox p{font-size: 16px;color: #555;line-height: 28px;} .art_content .art_content_box .art_rbox a{font-size: 16px;color: #555;margin-right: 25px;} .art_content .art_content_box .art_rbox a:hover{color: #04adea;} .art_mess{margin-top: 5px;} .article_content{padding-top: 45px;margin: 0 auto;} .art_branch{padding-bottom: 120px;} .art_branch .branch_tbox{margin-bottom: 50px;} .brand_info_b{border-top: 1px solid #e8e8e8;} .brand_info_b .brand_info{width: -moz-calc(100% / 3 - 0.1px );width: calc(100% / 3 - 0.1px );float: left;padding-top: 50px;border-bottom: 1px solid #e8e8e8;} .brand_info_b .brand_info:nth-child(3n):after{content: '';width: 100%;height: 1px;background: #e8e8e8;} .brand_info_b .brand_info .brand_short{width: 73px;height: 73px;line-height: 73px;text-align: center;color: #fff;font-size: 32px;background: #2baae6;-moz-border-radius: 150px;border-radius: 150px;margin: 0 auto;} .brand_info_b .brand_info .brand_name{font-size: 20px;color: #00a9ff;text-align: center;margin: 23px 0 16px;} .brand_info_b .brand_info .brand_address{font-size: 16px;color: #555;text-align: center;width: 75%;margin: 0 auto;line-height: 24px;height: 95px;} .art_wechat{position: relative;} .art_wechat:hover .wechat_info{z-index: 100;opacity: 1} .wechat_info{position: absolute;top: -27px;width: 145px;left: -87%;z-index: -1;opacity: 0;height: 145px;}/*120px*/ .art_cont{min-height: 400px;} @media screen and (max-width: 1220px){ .art_content .art_content_box .art_rbox p{font-size: 14px;} .art_content .art_content_box .art_rbox a{font-size: 14px;} } @media screen and (max-width: 1020px){ .art_content .art_content_box{width: 46%;margin-bottom: 10px;} .art_content .art_content_box:nth-child(2){margin-bottom: 10px;} } @media screen and (max-width: 770px){ .art_cont{min-height: 400px;box-sizing: border-box;padding: 0 6%;} .art_title{font-size: 24px;} .art_brief{font-size: 14px;} .art_content{padding: 10px ;} .art_content .art_content_box{width: 100%;margin-bottom: 10px;} .art_content .art_content_box:nth-child(2){margin: 0 0 10px 0;} .brand_info_b .brand_info{width: 50%;} } @media screen and (max-width: 570px){ .article .art_nav_cnt .art_nav a{font-size: 14px;} .art_content{padding: 13px;} .brand_info_b .brand_info{width: 100%;} } .under_cont .bx-wrapper .bx-pager { text-align: right; font-size: 0; color: #666; } .under_cont .bx-wrapper .bx-pager .bx-pager-item,.under_cont .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .under_cont .bx-wrapper .bx-pager.bx-default-pager a { background: #c8c8c8; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 7.5px; outline: 0; -moz-border-radius: 5px; border-radius: 5px; } .under_cont .bx-wrapper .bx-pager.bx-default-pager a:hover,.under_cont .bx-wrapper .bx-pager.bx-default-pager a.active { background: #089adf; } .under_btitle{font-size: 30px;color: #333;text-align: center;margin-bottom: 62px;position: relative;} .under_btitle:after{position: absolute;left: 0;right: 0;width: 33px;height: 2px;background: #000;content: '';margin: 0 auto;bottom: -19px;} .under_cont{width: 1200px;margin: 0 auto;margin-top: 42px;} .under_cont .under_lbox{width: 45%;float: left;} .under_cont .under_lbox .under_title{font-size: 32px;color: #000;line-height: 45px;} .under_cont .under_lbox .under_title .under_title_bold{color: #ff9000;} .under_cont .under_lbox .under_brief{font-size: 16px;color: #555;margin-top: 23px;line-height: 28px;margin-bottom: 20px;width: 94%;} .under_cont .under_lbox .under_title2{font-size: 16px;color: #333;line-height: 25px;} .under_cont .under_lbox .under_ul{} .under_cont .under_lbox .under_ul .under_li{padding-left: 28px;margin-bottom: 19px;} .under_cont .under_lbox .under_ul .under_li .under_li_title{font-size: 18px;color: #000;position: relative;line-height: 30px;} .under_cont .under_lbox .under_ul .under_li .under_li_title:before{position: absolute;display: block;content: '';width: 6px;height: 6px;background: #000;-moz-border-radius: 5px;border-radius: 5px;left: -28px;top: 50%;-webkit-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);} .under_cont .under_lbox .under_ul .under_li .under_li_brief{font-size: 16px;color: #555;line-height: 25px;} .under_cont .under_rbox{width: 55%;float: left;margin-top: 10px;padding-bottom: 50px;} .under_cont .under_rbox .slide{position: relative;} /* .under_cont .under_rbox .slide:after{content: '';display: block;left: 0;right: 0;width: 100%;height: 100%;z-index: 0;} */ .under_cont .under_rbox .slide img{position: relative;z-index: 1;} .under_cont .under_rbox .bx-controls{position: absolute;bottom: -45px;left: 0px;right: 0px;} .under_cont .under_rbox .bx-wrapper{position: relative;} .under_cont .under_rbox .bx-wrapper:before{content: '';display: block;position: absolute;left: 9px;top: 10px;width: 101%;height: 101%;z-index: 0;background: url(../image/under_rbox_bg.png)no-repeat center center;} .under_cont2{position: relative;margin-top: 57px;} .under_cont2 .under_cont2_info{position: absolute;left: 0;right: 0;top: 46%;-webkit-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);text-align: center;width: 1200px;margin: 0 auto;} .under_cont2 .under_cont2_info .under_btitle{color: #fff;margin-bottom: 40px;} .under_cont2 .under_cont2_info .under_btitle:after{background: #fff;} .under_cont2 .under_cont2_info .under2_brief{width: 47%;margin: 0 auto;text-align: center;font-size: 16px;color: #fff;line-height: 28px;} .under_cont2 .under_cont2_info .under2_number{margin-top: 50px;} .under_cont2 .under_cont2_info .under2_number .under2_nbox{width: 33%;float: left;} .under_cont2 .under_cont2_info .under2_number .under2_nbox .under2_n{font-weight: bold;font-size: 72px;color: #fff;} .under_cont2 .under_cont2_info .under2_number .under2_nbox .under2_n .under2_n_span{font-weight: bold;font-size: 24px;color: #fff;margin-left: -20px;} .under_cont2 .under_cont2_info .under2_number .under2_nbox .under2_n_brief{font-size: 24px;color: #fff;margin-top: 20px;} .under_cont2 .under_cont2_info .under2_more{margin-top: 97px;} .under_cont2 .under_cont2_info .under2_more a{display: block;width: 123px;height: 35px;line-height: 35px;text-align: center;margin: 0 auto;text-decoration: none;background: transparent;border: 1px solid #fff;color: #fff;} .under_cont2 .under_cont2_info .under2_more a:hover{background: #fff;color: #000;} @media screen and (max-width: 1620px){ .under_cont2 .under_cont2_info .under2_number{margin-top: 30px;} .under_cont2 .under_cont2_info .under2_number .under2_nbox .under2_n{font-size: 60px;} .under_cont2 .under_cont2_info .under2_more{margin-top: 20px;} } @media screen and (max-width: 1220px){ .under_cont{width: 1000px;} .under_cont .under_lbox{width: 50%;} .under_cont .under_rbox{width: 49%;} .under_cont .under_lbox .under_title{font-size: 28px;} .under_cont .under_lbox .under_brief{font-size: 14px;} .under_cont .under_lbox .under_ul .under_li .under_li_title{font-size: 14px;} .under_cont .under_lbox .under_ul .under_li .under_li_brief{font-size: 12px;} .under_cont2 .under_cont2_info{width: 1000px;} .under_cont2 .under_cont2_info .under_btitle{margin-bottom: 25px;} .under_cont2 .under_cont2_info .under2_number{margin-top: 20px;} .under_cont2 .under_cont2_info .under2_number .under2_nbox .under2_n{font-size: 40px;} .under_cont2 .under_cont2_info .under2_number .under2_nbox .under2_n_brief{font-size: 16px;} .under_cont2 .under_cont2_info .under2_number .under2_nbox .under2_n .under2_n_span{margin-left: -5px;} } @media screen and (max-width: 1020px){ .under_cont{width: 750px;} .under_cont .under_lbox{width: 95%;float: none;margin: 0 auto;} .under_cont .under_rbox{width: 85%;} .under_cont .under_rbox .bx-wrapper{margin: 0 auto;} .under_cont2 .under_cont2_info{width: 750px;} .under_cont2_bg{width: 100%;overflow: hidden;} .under_cont2_bg img{max-width: 150%;margin-left: -25%;} } @media screen and (max-width: 770px){ .under_cont{width: 100%;} .under_cont2 .under_cont2_info{width: 100%;} .under_cont2 .under_cont2_info .under2_brief{width: 80%;font-size: 14px;} .under_cont2 .under_cont2_info .under2_number{margin-top: 15px;} .under_cont2 .under_cont2_info .under2_number .under2_nbox .under2_n{font-size: 25px;} .under_cont2 .under_cont2_info .under2_number .under2_nbox .under2_n_brief{margin-top: 15px;font-size: 14px;} .under_cont2 .under_cont2_info .under_btitle{font-size: 24px;} } @media screen and (max-width: 570px){ .under_cont2 .under_cont2_info .under_btitle{font-size: 18px;} .under_cont2_bg img{max-width: 220%;margin-left: -60%;} .under_cont2 .under_cont2_info .under2_number .under2_nbox .under2_n{font-size: 20px;} .under_cont2 .under_cont2_info .under2_number .under2_nbox .under2_n .under2_n_span{font-size: 14px;} .under_cont2 .under_cont2_info .under2_brief{line-height: 20px;width: 95%;} .under_cont2 .under_cont2_info .under2_more{margin-bottom: 10px;} .under_cont2 .under_cont2_info .under2_more a{line-height: 25px;height: 25px;} .under_cont .under_lbox .under_title{font-size: 20px;} } @media screen and (max-width: 370px){ .under_cont2_bg img{max-width: 250%;margin-left: -75%;} .under_cont2 .under_cont2_info .under2_number .under2_nbox .under2_n_brief{margin-top: 5px;font-size: 12px;} .under_cont2 .under_cont2_info .under2_brief{font-size: 12px;} .under_cont2 .under_cont2_info .under_btitle{font-size: 16px;} } .course_box{} .course_box .under_btitle{margin: 40px 0 60px;} .course_tbox{margin-bottom: 65px;position: relative;} .course_sleft_btn{position: absolute;width: 25px;height: 25px;top: 2px;left: 0;background: url(../image/couse_leftbtn.png)no-repeat center center #fff;} .course_sright_btn{position: absolute;width: 25px;height: 25px;top: 2px;right: 0;background: url(../image/couse_rightbtn.png)no-repeat center center #fff;} .course_line{width: 100%;height: 1px;background: #d5d5d5;position: absolute;top: 14px;left: 0;right: 0;} .course_tbox .course_scshow{width: -moz-calc(100% - 50px);width: calc(100% - 50px);margin: 0 auto;overflow: hidden;} .course_tbox .course_scbox{width: 1200%;position: relative;left: 0;} .course_tbox .course_scbox .course_tcnt{float: left;width: 60px;margin: 0 80px;text-align: center;position: relative;z-index: 1;cursor: pointer;} .course_tbox .course_scbox .course_tcnt .course_ticon{background: url(../image/course_time.png)no-repeat center center;width: 29px;height: 29px;margin: 0 auto;} .course_tbox .course_scbox .course_tcnt.on .course_ticon{background: url(../image/course_time_hover.png)no-repeat center center;} .course_tbox .course_scbox .course_tcnt .course_ttitle{font-size: 24px;color: #000;margin-top: 15px;} .course_bbox{height: 320px;position: relative;} .course_bbox .course_bcnt{position: absolute;left: 0;top: 0;right: 0;bottom: 0;opacity: 0;z-index: -1;} .course_bbox .course_bcnt.on{opacity: 1;z-index: 1;} .course_bbox .course_bcnt .course_lbox{width: 45.8%;float: left;} .course_bbox .course_bcnt .course_lbox .corse_limg{float: right;position: relative;} .course_bbox .course_bcnt .course_lbox .corse_limg:before{content: '';display: block;position: absolute;right: 9px;top: 10px;width: 101%;height: 101%;z-index: 0;background: url(../image/course_left_bg.png)no-repeat center center;} .course_bbox .course_bcnt .course_rbox{width: 50%;float: right;} .course_bbox .course_bcnt .course_rbox .course_title{font-size: 24px;color: #000;} .course_bbox .course_bcnt .course_rbox .course_brief{font-size: 16px;color: #555;line-height: 28px;margin: 30px 0;height: 140px;overflow: hidden;} .course_bbox .course_bcnt .course_rbox .course_more{margin-top: 65px;} .course_bbox .course_bcnt .course_rbox .course_more a{display: block;width: 128px;height: 37px;background: #ff9000;line-height: 37px;text-align: center;color: #fff;text-decoration: none;} @media screen and (max-width: 770px){ .course_bbox{height: auto;} .course_tbox .course_scbox .course_tcnt{margin: 0 35px;} .course_tbox{display: none;} .course_bbox .course_bcnt{position: static;opacity: 1;margin: 30px 0;} .course_bbox .course_bcnt .course_lbox{width: 100%;} .course_bbox .course_bcnt .course_lbox .corse_limg{float: none;} .course_bbox .course_bcnt .course_rbox .course_brief{margin: 10px 0;} .course_bbox .course_bcnt .course_rbox{width: 100%;text-align: center;margin: 20px 0;} .course_bbox .course_bcnt .course_rbox .course_more{margin: 10px auto;} .course_bbox .course_bcnt .course_rbox .course_more a{margin: 0 auto;} } @media screen and (max-width: 570px){ .course_bbox .course_bcnt .course_rbox .course_title{font-size: 18px;} .course_bbox .course_bcnt .course_rbox .course_brief{font-size: 12px;line-height: 20px;height: 100px;} .under_cont .under_rbox{width: 90%;margin: 0 auto;float: none;} } .software{margin-top: 70px;} .software_cate_box{line-height: 65px;height: 65px;border-top: 1px solid #e2e2e2;background: url(../image/software_btn.png)no-repeat right 3px center;cursor: pointer;} .software_cate_box.on .software_key{color: rgba(9,161,227,0.18);} .software_cate_box.on .software_cate{color: #09a1e3;} .software_cate_box.on{background: url(../image/software_btn_on.png)no-repeat right 3px center;} .software_cate_box .software_key{float: left;width: 111px;font-size: 112px;color: rgba(0,0,0,0.18);text-align: center;overflow: hidden;position: relative;height: 100%;} .software_cate_box .software_key .software_key_font{position: absolute;left: 50%;-webkit-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-ms-transform: translate(-50%,0);transform: translate(-50%,0);top: 37px;font-family: raavib;} .software_cate_box .software_cate{float: left;font-size: 18px;color: #555;height: 65px;line-height: 65px;overflow: hidden;width: -moz-calc(100% - 111px - 35px);width: calc(100% - 111px - 35px);} .software_box{width: 29.4%;display: inline-block;margin-bottom: 10px;} .software_box .software_title{font-size: 18px;color: #333;margin-top: 25px;text-align: center;height: 25px;line-height: 25px;overflow: hidden;} .software_cont_box{height: 0;overflow: hidden;} .software_cont_box .software_cnt_wide{margin: 0 auto;margin-bottom: 60px;padding-top: 45px;border-top: 1px solid #e2e2e2;padding: 45px 2.5% 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;text-align: center;} .software_cnt .software_cont:last-child .software_cate_box{border-bottom: 1px solid #e2e2e2;} @media screen and (max-width: 770px){ .software_box .software_title{font-size: 16px;line-height: 20px;height: 40px;overflow: hidden;} } @media screen and (max-width: 570px){ .software_box{width: 100%;} .software_cate_box .software_cate{font-size: 14px;width: -moz-calc(100% - 50px - 35px);width: calc(100% - 50px - 35px);} .software_cate_box .software_key{width: 50px;font-size: 80px;} .software_cate_box .software_key .software_key_font{top: 30px;} .software_box .software_title{font-size: 14px;line-height: 20px;height: 20px;overflow: hidden;} } .prod_det{padding-top: 65px;} .good_desc0{width: 75%;margin: 0 auto;} .good_desc0 .good_Applicable{color: #333;font-size: 24px;text-align: center;margin: 33px 0 22px;} .good_desc0 .good_brief{font-size: 18px;color: #555;text-align: center;width: 58%;margin: 0 auto;line-height: 30px;} .good_desc1{width: 75%;margin: 0 auto;margin-top: 50px;margin-bottom: 78px;} .good_desc1:after{content: '';clear: both;display: block;} .good_desc1 .good_desc1_cnt{width: 25%;float: left;text-align: center;} .good_desc1 .good_desc1_cnt .good_desc1_top{font-size: 30px;color: #09a1e3;} .good_desc1 .good_desc1_cnt .good_desc1_top .good_num{font-size: 60px;} .good_desc1 .good_desc1_cnt .good_desc1_btm{font-size: 20px;color: #333;margin-top: 35px;} .good_desc2{position: relative;} .good_desc2 .good_desc2_bg{width: 100%;overflow: hidden;} .good_desc2 .good_desc2_box{position: absolute;left: 18.6%;top: 50%;-webkit-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);width: 570px;padding: 40px 35px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background: #fff;max-height: 90%;} .good_desc2 .good_desc2_box .good_desc2_title{font-size: 30px;color: #000;line-height: 40px;} .good_desc2 .good_desc2_box .good_desc2_span{font-size: 18px;} .good_desc2 .good_desc2_box .good_desc2_brief{font-size: 16px;color: #555;line-height: 28px;margin-top: 27px;margin-bottom: 50px;} .good_desc2 .good_desc2_box .good_desc2_more{width: 147px;height: 37px;} .good_desc2 .good_desc2_box .good_desc2_more a{display: block;font-size: 16px;color: #fff;background: #ff9000;height: 100%;width: 100%;line-height: 37px;text-align: center;} .good_desc3{width: 75%;margin: 0 auto;margin-top: 65px;text-align: center;} .good_desc3 .good_desc3_title{font-size: 32px;color: #000;} .good_desc3 .good_desc3_brief{color: #555;line-height: 40px;font-size: 18px;margin: 25px 0 0;} .good_desc3 .good_desc3_tel{font-size: 36px;font-weight: bold;color: #ff8a00;} .good_desc_inq{text-align: center;padding-bottom: 65px;border-bottom: 1px dashed #dddddd;margin: 35px auto 65px;} .good_desc_inq #add_to_inquiry{display: inline-block;padding: 0 32px;line-height: 37px;height: 37px;float: none;text-decoration: none;} .good_contact{display: inline-block;padding: 0 32px;line-height: 37px;height: 37px;float: none;text-decoration: none;width: auto;text-align: center;color: #fff;background: #09A1E3;margin-right: 20px;font-size: 14px;} .good_desc4{position: relative;} .good_desc4 .good_desc_4_box{position: absolute;left: 0;right: 0;top: 16.5%;} .good_desc4 .good_desc_4_box .good_desc_4_title{font-size: 0.44em;color: #fff;text-align: center;} .desc_pc{display: block;} .desc_mobile{display: none;} @media screen and (max-width: 770px){ .desc_pc{display: none;} .desc_mobile{display: block;} } .prod_features_bg{width: 100%;background: url(http://www.comm-pro.net/static/themes/default/images/video_bg.png);height: 545px;min-width: 1180px;} .prod_features_title{font-size: 28px;color: #222;text-align: center;margin: 83px auto 0;} .prod_featured_btitle{font-size: 32px;color: #09a1e3;text-align: center;margin-bottom: 25px;} .prod_features{position:relative;height:477px;z-index:2;margin: 0 auto;} .prod_features .pic_box{width:100%;height:100%;position:absolute;top:0;left:0;} .prod_features .pic_box .pic{position:absolute;height: auto;} .prod_features .pic_box .pic3 a{position: relative;display: block;z-index: 100;} .prod_features .pic_box img{position:relative;top:0;left:0;} .prod_features .pic_box .pic4{top:60px;left:0;z-index:3;width: 47.4%;} .prod_features .pic_box .pic5{top:60px;left:54%;z-index:3;width: 47.4%;} .prod_features .pic_box .pic3{top:35px;left:22.2%;z-index:4;width: 55.75%;cursor: pointer;} .prod_features .pic_box .pic .img{padding-top: 53.8%;height: auto;} .prod_features .pic_box .pic .img .theme_img{margin-top: -53.8%;} .prod_features .pic_title{margin-top: 35px;text-align: center;opacity: 0;font-size: 24px;color: #09a1e3;} .prod_features .pic_box .pic_mask{background: rgba(255,255,255,0.4);opacity: 1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 1;cursor: pointer;} .prod_features .pic_box .pic3 .pic_mask{opacity: 0;z-index: -1;cursor: default;} .prod_features .pic_box .pic3 .pic_title{opacity: 1;cursor: default;} .prod_features span{display:inline-block;position:absolute;top:40%;z-index:30;cursor:pointer;} .prod_features:hover span{opacity:1;filter:alpha(opacity=100);} .prod_features span img{} .prod_features span.prev{left: -10%;} .prod_features span.next{right: -10%;} .prod_features_mobile{text-align: center;display: none;} .prod_features_mobile .pic_img{max-height: 90%;} .mobile_prod_features .pic_title{opacity: 1;} .prod_features .bx-wrapper .bx-pager { text-align: center; font-size: 0; color: #666; margin-top: 20px;} .prod_features .bx-wrapper .bx-pager .bx-pager-item,.prod_features .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .prod_features .bx-wrapper .bx-pager.bx-default-pager a { background: #c8c8c8; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 7.5px; outline: 0; -moz-border-radius: 5px; border-radius: 5px; } .prod_features .bx-wrapper .bx-pager.bx-default-pager a:hover,.prod_features .bx-wrapper .bx-pager.bx-default-pager a.active { background: #089adf; } .desc_cnt_4{width: 100%;overflow: hidden;} @media screen and (max-width: 1620px){ .prod_features span.prev{left: -3%;} .prod_features span.next{right: -3%;} } @media screen and (max-width: 1420px){ .prod_features{width: 1000px;height: 400px;} .prod_features span.prev{left: -10%;} .prod_features span.next{right: -10%;} } @media screen and (max-width: 1220px){ .prod_features{width: 800px;height: 350px;} .good_desc0 .good_brief{width: 70%;} .good_desc2 .good_desc2_box{padding: 25px;} .good_desc1 .good_desc1_cnt .good_desc1_top{font-size: 20px;} .good_desc1 .good_desc1_cnt .good_desc1_btm{font-size: 18px;} .good_desc1 .good_desc1_cnt .good_desc1_top .good_num{font-size: 45px;} } @media screen and (max-width: 1020px){ .good_desc0{width: 90%;} .good_desc0 .good_brief{width: 100%;} .good_desc1{width: 100%;margin-bottom: 50px;} .good_desc2 .good_desc2_box{width: 70%;left: 12.6%;padding: 15px;} .good_desc2 .good_desc2_box .good_desc2_title{font-size: 24px;line-height: 30px;} .good_desc2 .good_desc2_box .good_desc2_span{font-size: 22px;} .good_desc2 .good_desc2_box .good_desc2_brief{margin-top: 15px;margin-bottom: 15px;} #prod_features{display: none;} .prod_features_mobile{display: block;width: 100%;height: auto;} .good_desc2 .good_desc2_bg img{max-width: 110%;margin-left: -5%;} .prod_features .pic_title{font-size: 18px;} } @media screen and (max-width: 770px){ .good_desc2 .good_desc2_bg img{max-width: 150%;margin-left: -25%;} .good_desc2 .good_desc2_box .good_desc2_title{font-size: 18px;line-height: 25px;} .good_desc2 .good_desc2_box .good_desc2_span{font-size: 16px;} .good_desc2 .good_desc2_box .good_desc2_brief{font-size: 14px;margin-top: 5px;margin-bottom: 5px;} .good_desc2 .good_desc2_box .good_desc2_more{line-height: 25px;height: 25px;width: 100px;} .good_desc2 .good_desc2_box .good_desc2_more a{font-size: 12px;line-height: 25px;} .good_desc1 .good_desc1_cnt .good_desc1_top .good_num{font-size: 30px;} .good_desc1 .good_desc1_cnt .good_desc1_top{font-size: 16px;} .good_desc1 .good_desc1_cnt .good_desc1_btm{font-size: 14px;} .good_desc3{width: 90%;} .good_desc3 .good_desc3_title{font-size: 24px;} .good_desc3 .good_desc3_brief{font-size: 16px;line-height: 35px;} .good_desc3 .good_desc3_tel{font-size: 28px;} .good_desc_inq{margin: 20px auto 30px;padding-bottom: 30px;} .prod_features .pic_title{font-size: 16px;margin-top: 10px;} } @media screen and (max-width: 570px){ .good_desc2 .good_desc2_box{width: 85%;left: 5%;} .good_desc2 .good_desc2_box .good_desc2_title{font-size: 14px;} .good_desc2 .good_desc2_box .good_desc2_span{font-size: 12px;} .good_desc3 .good_desc3_brief{font-size: 12px;line-height: 25px} .good_desc2 .good_desc2_box .good_desc2_brief{font-size: 12px;line-height: 20px;} .good_desc2 .good_desc2_bg img{max-width: 200%;margin-left: -50%;} .good_desc1 .good_desc1_cnt{width: 50%;margin-bottom: 20px;} .good_desc_4_bg img{max-width: 150%;margin-left: -25%;} .good_desc4 .good_desc_4_box{top: 14%;} .good_desc4 .good_desc_4_box .good_desc_4_title{font-size: 0.8em;} } @media screen and (max-width: 370px){ .good_desc2 .good_desc2_box{width: 95%;left: 2%;padding: 8px;} .good_desc_4_bg{width: 100%;overflow: hidden;} .good_desc_4_bg img{max-width: 200%;margin-left: -50%;} .good_desc4 .good_desc_4_box{top: 14%;} .good_desc4 .good_desc_4_box .good_desc_4_title{font-size: 0.8em;} } .goods_det #lightbox-container-image-box{max-width: 90%;height: auto!important;max-height: 90%;} .goods_det #lightbox-nav-btnPrev,.goods_det #lightbox-nav-btnNext{display: none!important;} .goods_det #lightbox-image-details-currentNumber{display: none!important;} .goods_det #lightbox-container-image-data-box{max-width: 90%;padding: 0;} .prod_features_cnt{margin-bottom: 70px;margin-top: 68px;} .features_cont{margin-bottom: 60px;} .features_cont .features_btitle{font-size: 32px;color: #000;text-align: center;margin: 55px 0;} .features_cont .features_cbox{} .features_cont .features_cbox .features_cnt{display: none;} .features_cont .features_cbox .features_cnt:first-child{display: block;} .features_cont .features_cbox .features_box{height: 150px;padding: 48px 0;border-bottom: 1px dashed #eee;} .features_cont .features_cbox .features_box:first-child{border-top: 1px dashed #eee;} .features_cont .features_cbox .features_box .features_lbox{width: 37.08%;float: left;height: 100%;} .features_cont .features_cbox .features_box .features_lbox .features_img{height: 100%;position: relative;} .features_cont .features_cbox .features_box .features_lbox .features_img .features_img_box{width: 117px;height: 117px;-moz-border-radius: 150px;border-radius: 150px;overflow: hidden;margin: 0 auto;position: absolute;top: 50%;-webkit-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);left: 0;right: 0;margin: 0 auto;} .features_cont .features_cbox .features_box:hover .features_lbox .features_img .features_img_box{background: white;-webkit-box-shadow: 0 0 20px 10px #e6f2ff;-moz-box-shadow: 0 0 20px 10px #e6f2ff;box-shadow: 0 0 20px 10px #e6f2ff;} .features_cont .features_cbox .features_box .features_lbox .features_img .features_img_box .features_img_cnt{width: 100%;height: 100%;-moz-border-radius: 150px;border-radius: 150px;background: #09a1e3;position: absolute;top: 50%;-webkit-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);left: 0;right: 0;margin: 0 auto;overflow: hidden;} .features_cont .features_cbox .features_box:hover .features_lbox .features_img .features_img_box .features_img_cnt{background: -webkit-gradient(linear,left top, left bottom,from(#fbad0b),to(#ffd11b));background: -webkit-linear-gradient(top,#fbad0b,#ffd11b);background: -moz-linear-gradient(top,#fbad0b,#ffd11b);background: linear-gradient(180deg,#fbad0b,#ffd11b);width: 68px;height: 68px;} .features_cont .features_cbox .features_box:hover .features_lbox .features_img .features_img_box .features_img_cnt img{max-height: 40px;} .features_cont .features_cbox .features_box .features_rbox{width: 58.3%;float: right;height: 100%;} .features_cont .features_cbox .features_box .features_rbox .features_title{font-size: 22px;color: #333;margin-top: 20px;margin-bottom: 10px;} .features_cont .features_cbox .features_box .features_rbox .features_brief{font-size: 16px;color: #555;line-height: 25px;} .features_cont .features_cbox .features_more{margin: 60px 0 0;} .features_cont .features_cbox .features_more a{display: block;margin: 0 auto;width: 128px;height: 37px;line-height: 37px;text-align: center;background: #09a1e3;color: #fff;font-size: 16px;} @media screen and (max-width: 770px){ .features_cont .features_cbox .features_box .features_rbox .features_title{font-size: 18px;} .features_cont .features_cbox .features_box .features_rbox .features_brief{font-size: 14px} } @media screen and (max-width: 570px){ .features_cont .features_cbox .features_box{height: auto;} .features_cont .features_cbox .features_box .features_lbox{float: none;width: 100%;display: block;height: 120px;} .features_cont .features_cbox .features_box .features_rbox{float: none;width: 100%;display: block;height: auto;text-align: center;} } .prod_solu_cont{} .prod_solu_cont .prod_solu_btitle{font-size: 32px;color: #000;text-align: center;} .prod_solu_cont .prod_solu_cnt{margin-top: 48px;} .prod_solu_cont .prod_solu_cnt .pro_solu_box{width: -moz-calc(100% / 4 - 2% );width: calc(100% / 4 - 2% );float: left;margin-right: 2.5%;} .prod_solu_cont .prod_solu_cnt .pro_solu_box:nth-child(4){margin-right: 0;} .prod_solu_cont .prod_solu_cnt .pro_solu_box .pro_solu_img{} .prod_solu_cont .prod_solu_cnt .pro_solu_box .pro_solu_img.img_box .img{padding-top: 69%;overflow: hidden;position: relative;} .prod_solu_cont .prod_solu_cnt .pro_solu_box .pro_solu_img.img_box .img .theme_img{position: absolute;width: 100%;height: 100%;margin-top: -69%;} .prod_solu_cont .prod_solu_cnt .pro_solu_box .pro_solu_title{font-size: 18px;color: #333;line-height: 25px;height: 25px;overflow: hidden;margin: 15px 0;} .prod_solu_cont .prod_solu_cnt .pro_solu_box .pro_solu_title a{color: #333;text-decoration: none;} .prod_solu_cont .prod_solu_cnt .pro_solu_box .pro_solu_brief{font-size: 16px;color: #555;line-height: 25px;height: 50px;overflow: hidden;} .prod_solu_more{margin: 70px 0;} .prod_solu_more .prod_solu_more_btn{display: block;margin: 0 auto;width: 128px;height: 37px;background: #09a1e3;font-size: 15px;color: #fff;line-height: 37px;text-align: center;text-decoration: none;} @media screen and (max-width: 770px){ .prod_solu_cont .prod_solu_cnt .pro_solu_box{width: -moz-calc( 100% / 2 - 2%);width: calc( 100% / 2 - 2%);margin-right: 0;margin-bottom: 10px;} .prod_solu_cont .prod_solu_cnt .pro_solu_box:nth-child(2n){margin-left: 2%;} .prod_solu_cont .prod_solu_cnt .pro_solu_box .pro_solu_title{font-size: 16px;} .prod_solu_cont .prod_solu_cnt .pro_solu_box .pro_solu_brief{font-size: 14px;} .features_cont .features_btitle{font-size: 24px;} .prod_solu_cont .prod_solu_btitle{font-size: 24px;} .prod_featured_btitle{font-size: 24px;} /* .prod_solu_cont .prod_solu_cnt .pro_solu_box:nth-child(4){margin-right: 2%;} */ } @media screen and (max-width: 570px){ .prod_solu_cont .prod_solu_cnt .pro_solu_box .pro_solu_title{font-size: 14px;margin: 10px 0;} .prod_solu_cont .prod_solu_cnt .pro_solu_box .pro_solu_brief{font-size: 12px;} .prod_solu_more{margin: 35px 0;} .features_cont .features_btitle{font-size: 18px;} .prod_solu_cont .prod_solu_btitle{font-size: 18px;} .prod_featured_btitle{font-size: 18px;} /* .prod_solu_cont .prod_solu_cnt .pro_solu_box .pro_solu_img.img_box .img{padding-top: 40%;} .prod_solu_cont .prod_solu_cnt .pro_solu_box .pro_solu_img.img_box .img .theme_img{margin-top: -40%;} */ } @media screen and (max-width: 370px){ .prod_solu_cont .prod_solu_cnt .pro_solu_box{width: 100%;margin-right: 0;} .prod_solu_cont .prod_solu_cnt .pro_solu_box:nth-child(2n){margin-left: 0%;} .prod_solu_cont .prod_solu_cnt .pro_solu_box .pro_solu_title{margin: 5px 0;} } .info_det{} .info_tbox{margin-top: 40px;padding: 40px 0 40px;border-bottom: 1px solid #ebebeb;background: #fff;} .info_title{line-height: 35px;font-size: 26px;color: #000;text-align: center;} .info_time{color: #555;font-size: 16px;text-align: center;margin: 28px 0;} .info_time.no_label{margin-bottom: 0;} .info_tbox .info_label{text-align: center;} .info_bbox{padding-bottom: 50px;padding-top: 30px;} .info_control{font-size: 15px;margin-top: 40px;border-top: 1px solid #ebebeb;padding-top: 40px;line-height: 30px;} .info_control a{font-size: 15px;text-decoration: none;} .c_line{display: inline-block;} .c_line:hover{color: #2ba6f6;} .c_line:hover a{color: #2ba6f6;} @media screen and (max-width: 770px){ .info_bbox{padding-bottom: 0;} } @media screen and (max-width: 570px){ .info_title{font-size: 22px;} .info_time{font-size: 14px;} } .custom_online_btn{position: fixed;left: 0;top: 600px;width: 117px;height: 72px;background: #2ba6f6;-moz-border-radius-topleft: 10px;border-top-left-radius: 10px;-moz-border-radius-bottomleft: 10px;border-bottom-left-radius: 10px;cursor: pointer;} .custom_online_btn.on{right: -120px;} .online_icon{margin: 6px 0;background: url(../image/online_icon.png)no-repeat center center;height: 32px;} .online_title{color: #fff;font-size: 16px;text-align: center;} .custom_online_title{font-size: 24px;color: #000;text-align: center;} .custom_online_title .online_tel{color: #ff9c27;} .custom_online_box.on{left: 0;} .custom_online_box{width: 458px;position: fixed;top: 500px;right: -460px;background: #fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 40px 0;-moz-border-radius-topleft: 10px;border-top-left-radius: 10px;-moz-border-radius-bottomleft: 10px;border-bottom-left-radius: 10px;overflow: hidden;} .custom_online_box:after{position: absolute;bottom: 0;left: 0;right: 0;height: 10px;width: 100%;background: #36a6ef;display: block;content: '';} .custom_online_qq_cnt{text-align: center;font-size: 0;margin-top: 40px;padding-bottom: 10px;} .custom_online_qq_box{width: 48%;display: inline-block;font-size: 16px;position: relative;} .custom_online_qq_icon{width: 30px;height: 33px;margin: 0 auto;} .custom_online_qq_box:nth-child(2n):after{display: block;content: '';position: absolute;left: 0;top: 0;bottom: 0;height: 100%;width: 1px;background: #e5e5e5;} .custom_online_qq_box a{text-decoration: none;} .custom_online_name{margin-top: 10px;} .online_brief{font-size: 16px;text-align: center;color: #000;} .custom_online_close{position: absolute;right: 12px;top: 14px;width: 11px;height: 11px;background: url(../image/online_close.png)no-repeat center center;cursor: pointer;} @media screen and (max-width: 570px){ .online_title{font-size: 14px;} .custom_online_title{font-size: 16px;} .custom_online_qq_box{font-size: 14px;} .online_brief{font-size: 14px;} .custom_online_box{width: 95%;right: -95%;} .custom_online_box.on{right: 2%;} .custom_online_btn{text-align:center; height:70px; width:35px; border-radius:35px 0 0 35px; position:fixed; top:160px; right:0; z-index:1001; background:url(../image/chat_float_btn.png) no-repeat 12px center #4270A1; cursor:pointer;display: none;} .custom_online_btn .online_icon{display: none;} .custom_online_btn .online_title{display: none;} } .header_en{font-size: 18px;height: 35px;line-height: 35px;float: left;padding-top: 2px;padding-bottom: 2px;text-align: center;margin-left: 20px;width: 35px;overflow: hidden;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border:2px solid #ff9c00;;border-radius: 5px;margin-top: 5px;color: #ff9c00;font-weight: bold;} .header_en a{color: #ff9c00;text-decoration: none;line-height: 28px;}