/* reset */ .container { width: 100%; max-width: 1440px; } html,body{margin:0;padding:0;border:0;font-size:12px;;font:inherit;vertical-align:baseline; font-family:'微软雅黑',Arial} article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;} ol,ul{list-style:none;margin:0px;padding:0px;} blockquote,q{quotes:none;} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;} *{ -webkit-touch-callout:none; /*系统默认菜单被禁用*/ -webkit-user-select:text; /*webkit浏览器，为none时input将无法选中*/ -khtml-user-select:none; /*早期浏览器*/ -moz-user-select:none;/*火狐*/ -ms-user-select:none; /*IE10*/ user-select:none; } /*.main{ width:1200px; margin:0px auto;}*/ .clear{clear:both} ul{ list-style-type:none;} li{ list-style-type:none;} a{ text-decoration:none} /* start editing from here */ a{text-decoration:none;color:#666} .txt-rt{text-align:right;}/* text align right */ .txt-lt{text-align:left;}/* text align left */ .txt-center{text-align:center;}/* text align center */ .float-rt{float:right;}/* float right */ .float-lt{float:left;}/* float left */ .clear{clear:both;}/* clear float */ .pos-relative{position:relative;}/* Position Relative */ .pos-absolute{position:absolute;}/* Position Absolute */ .vertical-base{ vertical-align:baseline;}/* vertical align baseline */ .vertical-top{ vertical-align:top;}/* vertical align top */ nav.vertical ul li{ display:block;}/* vertical menu */ nav.horizontal ul li{ display: inline-block;}/* horizontal menu */ img{max-width:100%;} /*@font-face {*/ /*!* font-test*!*/ /*font-family: tonjay;*/ /*src:url('../font/HelveticaNeueLTStd-Lt.otf'),*/ /*url('../font/HelveticaNeueLTStd-Lt.otf'),*/ /*url('../font/HelveticaNeueLTStd-Lt.otf'); !* IE9 *!*/ /*}*/ .tonjay{font-family: tonjay;} /*end reset*/ body{ font-family: "微软雅黑", Helvetica, Arial, sans-serif,"新细明体"; background:#FFF; color:#666; padding-top: 100px; } .left{float: left;} .right{float: right;} *{font-family: "微软雅黑", Helvetica, Arial, sans-serif; color:#666} .content{width: 1200px; margin: 0px auto} .mian{width: 1440px; margin: 0px auto} .hrader{ height: 110px; position: fixed; z-index: 9999; left: 0px; top: 0px; width: 100%; background: -moz-linear-gradient(top, #9989e6 0%, #6f64ac 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9989e6), color-stop(100%,#6f64ac)); background: -webkit-linear-gradient(top, #9989e6 0%,#6f64ac 100%); background: -o-linear-gradient(top, #9989e6 0%,#6f64ac 100%); background: -ms-linear-gradient(top, #9989e6 0%,#6f64ac 100%); background: linear-gradient(to bottom, #9989e6 0%,#6f64ac 100%); } .hrader .warp{width: 100%; height: 110px; } .hrader .logo{margin-top: 34px; float: left;} .hrader .menu{float: right; position: relative;} .hrader .menu .closse_ioc{position: absolute; z-index: 1; right: 10px; top: 10px; display: none;} .hrader .menu li{float: left;height: 110px; line-height: 25px;} .hrader .menu li a{float: left; padding: 0px 15px; height: 110px;} .hrader .menu li .hover_a{background: #9c89f7} .hrader .menu_mini{ float: right; display: none; margin-right: 10px; margin-top: 20px;} .hrader .menu li p:nth-child(1){margin-top:28px;} .hrader .menu li p:nth-child(2){font-size: 0.8em; font-family:Gill Sans, Gill Sans MT, Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial," sans-serif"} .hrader .menu li p{color: #fff; text-align: center} .flash_img_list{ max-width: 100%;margin-bottom: 40px} .footer{background: #313131; padding: 80px 0px; background: -moz-linear-gradient(top, #9989e6 0%, #6f64ac 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9989e6), color-stop(100%,#6f64ac)); background: -webkit-linear-gradient(top, #9989e6 0%,#6f64ac 100%); background: -o-linear-gradient(top, #9989e6 0%,#6f64ac 100%); background: -ms-linear-gradient(top, #9989e6 0%,#6f64ac 100%); background: linear-gradient(to bottom, #9989e6 0%,#6f64ac 100%); } .footer .footer_right{float: right; width: 35%} .footer .footer_right p{ font-size: 1.1em; color: #fff; margin-top: 15px;} .footer .footer_right img{ width: 100%;} .footer .footer_right div{width: 40%;margin-left: 10%; float: left;text-align: center;} .footer ul{width: 61%;float: left;} .footer ul li{float: left; width: 25%;} .footer ul li p{font-size: 1em; color: #fff; text-align: center} .footer ul li a{color:#fff;font-size: 1em;} .footer ul li .p0{font-weight: bold; margin-bottom: 1em; color:#fff;} .footer ul li a:hover p0{color:#999;} .footer ul li .p1 a{line-height: 2.1em; font-size: 0.9em; color: #fff;} .footer ul .footer_logo{margin-top: 25px; } .header .logo{ padding: 5px 0px; float: left;} .footer .footer_icp{color: #fff; font-size: 12px; margin-top: 95px;} .footer .footer_icp1{color: #fff; font-size: 11px; margin-top: 60px; display:none} .XnBody{width: 100%; height: 100%; -webkit-overflow-scrolling : touch;} .index_box{margin: 80px 0px;} .index_box .left{width: 48%; overflow: hidden;} .index_box .left img{width:100%} .index_box .right{width: 49%; overflow: hidden;} .index_box .right img{width:100%} .index_cate_box ul{margin-bottom: 100px;} .index_cate_box ul li{float: left; width: 25%; position: relative; overflow: hidden;} .index_cate_box ul li .imgA{width: 100%; position: absolute; z-index: 1; left: 0px; top: 0px;} .index_cate_box ul li .tc_box{position: absolute; display: none;z-index: 999;width: 100%; height: 100%;left: 0px; top: 0px;} .index_cate_box ul li .tc_box .bg{background: #000 url() ; opacity: 0.5;filter:alpha(opacity=50); width: 100%; height: 100%; position: absolute; z-index: 1;} .index_cate_box ul li .tc_box .content_box{ position:absolute; z-index: 333; width: 100%; text-align: center; left: 0px; top: 50%;} .index_cate_box ul li .tc_box .content_box a{color: #fff; font-size: 1em;} .initBody{width: 100%; height: 100%; position: fixed; z-index: 999999; left: 0px; top: 0px; background: #313131;} .initBody .headers{position: absolute; z-index: 33; top: 0px; left: 0px; width: 100%;} .index_cate_boxA .Boxlay ul li .img{max-width: 100%} .initBody .headers .menu{float: right;} .initBody .headers .menu li{float: left;height: 100px; line-height: 25px; } .initBody .headers .menu li a{float: left; padding: 0px 15px; height: 100px;} .initBody .headers .logo{margin-top: 34px; } .details-left-info{width: 55%;} .initBody .headers li p:nth-child(1){margin-top:28px;} .initBody .headers li p:nth-child(2){font-size: 0.8em; font-family:Gill Sans, Gill Sans MT, Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial," sans-serif"} .initBody .headers li p{color: #fff; text-align: center} .initBody .index_body_xl{position: absolute; z-index: 999; left: 50%; margin-left: -15px; bottom: 15px;opacity: 0.5;filter:alpha(opacity=50); } .initBody .index_body_xl img{width: 30px;} .initBody .index_body_content{padding: 10px 0px; width: 100%; height: 100%;max-width: 1990px; background: #313131; position: absolute; z-index: 1; left: 0px; top: 0px;} .initBody .index_body_content img{width: 90%; max-width: 1440px;} /*article*/ .article_cate_title_div{border-bottom: 1px solid #cccccc; padding: 0px 0px;height: 120px; margin-top: 15px; margin-bottom: 50px;} .article_cate_title_div .box{max-width:1400px;width:100%;margin: 0px auto;position: relative} .article_cate_title_div .box input{ cursor: pointer;position: absolute; z-index: 1; right: 20px; top:50px; padding:0px 20px 0px 40px;font-size: 12px; background: #333333; background-image: url("../images/screeningIco_baise.png"); background-repeat: no-repeat; background-size: 20px 20px; background-position: 18px 5px; color: #FFFFFF; height: 30px; border: none; border-radius: 5px;} .article_title{line-height: 40px; margin-bottom: 30px; margin-top: 50px; font-size:30px;} .article_title span{font-size: 18px;} .article_cate_title_div .article_title_list{ position: absolute; margin-left: -250px; left: 50%; height: 120px; } .article_cate_title_div .article_title{ margin-top: 20px; float: left; cursor:pointer;margin-bottom: 0px;width: 250px;height: 99px;} .article_cate_title_div .foues_article_title{border-bottom: 3px solid #333333;} .contact980{width: 980px;} .li30{line-height: 2.2em;} .fond20{font-size: 1.2em;} .about_ul_box li{float: left; width: 33.3%} .about_ul_box li img{width: 100%} .news_list_left{margin-bottom: 50px;} .news_list_left li{ float: left; width: 100%; margin-bottom: 10px} .news_list_left li .left{width: 26%; padding-left: 2%; line-height: 27px;font-size: 1em; } .news_list_left li .left p{font-size: 1em; width: 85%; float: left; margin-top: 110px;} .news_list_left li .left p span{font-size:0.8em;} .news_list_left li .left img{float: right; width:38px;} .news_list_left li .right{width: 68%;} .news_list_left li .right img{float: left; width: 25%;} .news_list_left li .right p{float: right; width: 70%; font-size: 1em; padding: 0px 0px; line-height: 30px;} .goods_ul_cate{margin: 0px auto 10px; width: 100%;} .goods_ul_cate li{float: left; width: 20%; text-align: center;} .goods_ul_cate .hover_li p{color: #9c89f7} .goods_ul_cate p{font-size: 12px; margin-top: 10px} .pagebar{margin-bottom: 80px;margin-top: 50px;} .pagebar a{padding: 10px 20px; border: 1px solid #ccc; border-radius: 5px;} .pagebar span{padding: 10px 20px; border: 1px solid #ccc;border-radius: 5px;} .pagebar .page_now{background: #937fbf; color: #fff; border: 1px solid #937fbf} .screening_body{position: fixed; display: none;z-index: 10000; left: 0px; top: 0px; width: 100%; height: 100%;} .screening_body .bg{width: 100%; height: 100%; left: 0px; top: 0px; position: absolute; z-index: 1; background: #000;filter:alpha(opacity=60); opacity: 0.6;} .screening_body .screening_left{position: absolute; z-index: 22; left: 0px;width: 25%;height: 98%; top: 1%; background: #fff; overflow-x: hidden; overflow-y: auto;-webkit-overflow-scrolling : touch; border-bottom-right-radius: 15px; border-top-right-radius: 15px;} .screening_body .screening_left .contentBox{padding: 15px;} .screening_body .screening_left .contentBox .div_main{} .screening_body .screening_left .contentBox .div_main .ul1 li{ margin:10px 0px;} .screening_body .screening_left .contentBox .div_main .tit{font-size: 1.4em;} .screening_body .screening_left .contentBox .div_main .ul2{ margin:1.6em 0px;} .screening_body .screening_left .contentBox .div_main .ul2 li{ border-bottom:1px solid #CCC; padding:0px 5px 10px 0px; overflow:hidden; line-height:1.8em; margin:0px 5px 5px 0px;} .screening_body .screening_left .contentBox .div_main .ul2 li p span{ margin:0px 0px 0px 40px; color:#666; font-size: 1em;} .screening_body .screening_left .contentBox .div_main .ul2 .thefocus{background:#F60; color:#FFF} .screening_body .screening_right{position: absolute; z-index: 333; top: 1%; height:60%; padding: 0.5% 0px; width: 98%; left: 1%; background: #fff; overflow: hidden; border-radius: 15px;} .screening_body .screening_center{position: absolute; z-index: 444; left: 25%; bottom: 25px; width: 35%;filter:alpha(opacity=80); opacity: 0.8;} .screening_body .screening_right .screening_bottom_view{ background: #ffffff; padding: 10px 10px; height: 50px; position: absolute; bottom: 0px; width: 100%; left: 0px; z-index: 333;} .screening_body .screening_right .screening_bottom_view input{text-align:center; border:none;padding:10px 0px; height: 40px; font-size:1em; width:47.5%; float:left; color:#333333;margin-left: 10px;} .screening_body .screening_right .contentBox{ overflow-y: auto; width: 100%; overflow-x:hidden;-webkit-overflow-scrolling : touch; height: 100%;} .screening_body .screening_right .contentBox .div_main{padding: 15px;width: 100%; max-width: 1440px; margin: 0px auto;} .screening_body .screening_right .contentBox .div_main .meun_div_list{ width: 48%; float: left; overflow: hidden; padding: 10px 1%;} .screening_body .screening_right .contentBox .tit{font-size: 1.4em; margin-bottom: 30px;} .screening_body .screening_right .contentBox .div_main .ul1{ margin:1.6em 0px; float: left; width: 82%} .screening_body .screening_right .contentBox .div_main .ul1 li{ border-bottom:1px solid #CCC; padding:0px 5px 10px 0px; overflow:hidden; line-height:1.8em; margin:0px 5px 5px 0px;} .screening_body .screening_right .contentBox .div_main .ul2{ margin:1.6em 0px;float: left; width: 100%} .screening_body .screening_right .contentBox .div_main .ul2 li{ float: left; padding:5px 0px 5px 0px; width: 23.9%; text-align: center; border-radius: 5px; border: 1px solid #ccc; overflow:hidden; line-height:1.8em; margin:0px 5px 5px 0px; background: #f3f3f3;} .screening_body .screening_right .contentBox .div_main .ul2 li span{font-size: 0.8em; color: #666} .screening_body .screening_right .contentBox .div_main .ul2 .thefocus{background: #937fbf; color: #fff;} .screening_body .screening_right .contentBox .div_main .ul2 .thefocus span{color: #fff;} .screening_box{position: fixed; z-index: 8888; right: 0px; top: 50%; height: 120px; background: #fdfdfd; border: 1px solid #ccc;width: 20px; border-bottom-left-radius: 10px; border-top-left-radius: 10px; padding: 40px 10px; line-height: 30px;} .screening_box p{margin-top: 10px; margin-bottom: 10px;} .screening_box img{} .texiao_img{width: 276px; height: 276px; background: #eee; position:absolute; z-index: 11111; left: 0px; top: 0px; display: none;} .texiao_img img{width: 100%} .navigation_title{ height: 50px; line-height: 50px; margin-top: 30px;} .navigation_title a{color: #999;margin-right: 10px;} .navigation_title span{color: #999; margin-left: 10px;} .attr_title{ padding:5px 10px; font-size: 1.2em;} .attr_title b{color:#666} .attr_comtent{margin:5px 0px 0px 0px;} .attr_comtent ul{ float:left; padding:5px 0px 10px 0px; width:100%} .attr_comtent ul li{ padding:0px 15px; width:85%; line-height:2.1em; float:left; font-size:1.1em;} .attr_comtent div{ float:right; width:200px;} .attr_comtent div .p1{ padding:10px 0px;} .attr_comtent div .p1 b{ font-size:16px;} .attr_comtent div .p2{ font-size:12px; color:#666; padding:5px 0px;} .attr_comtent div .p2 img{ margin:0px 5px 0px 0px; float:left} .yuding_goods_img{ position:absolute; z-index:111; top:2px; left:2px; width:8%;} .yuding_goods_img1{ position:absolute; z-index:1111; top:2px; left:2px; width:25%;} .tc_body{ width:100%; display:none; height:100%; position:fixed; z-index:111; top:0px; left:0px;} .tc_body .bg{ position:absolute; z-index:1; width:100%; height:100%; background:#666;filter: Alpha(Opacity=50);Opacity:0.5;} .tc_body .content_body{ position:absolute; z-index:999; background:#FFF; width:38%; margin-left:-19%; padding:1.5em 0em 1em 0em; left:50%; top:30px;} .tc_body .content_body .close{ position:absolute; z-index:1111; top:8px; right:8px;} .tc_body .content_body div{ padding:1.5em; line-height:2em} .ul_attr{background:#FFF; padding:0.5em} .ul_attr li{ padding:0.5em} .cc_place{ font-size:1.5em} .pic_index_l{float:left; margin:0px 0px 0px 15px; font-size:14px; color:#090} .pic_index_r{float:right; margin:0px 15px 0px 15px; font-size:14px; color:#fac619} .video_body{width:100%; height:100%; display: none;position:fixed; z-index:111; top:0px; left:0px;} .video_body .bg{ position:absolute; z-index:1; width:100%; height:100%; background:#000;filter: Alpha(Opacity=50);Opacity:0.5;} .video_body .video_content{position: absolute;z-index: 333; background: #fff; border-radius: 10px; left: 50%; top: 50%; width: 100%; max-width: 700px; max-height: 100%; overflow: hidden;} .video_code_img{position: absolute; right: 10px; bottom: 110px; z-index: 11; cursor: pointer;} .technology_list{width: 100%; max-width: 1990px; margin: 0px auto 70px;} .technology_list .left01{width: 48%;} .technology_list .left01 p{padding: 15px 0px; text-align: left; font-size: 18px; line-height: 35px;} .technology_list .right01{width: 48%} .technology_list .left02{width: 40%} .technology_list .right02{width: 57%} .technology_list .right02 p{text-align: left;padding: 0px 0px 0px;font-size: 18px; line-height:35px;} .technology_list .right02 p:nth-child(1){} .professional_list{width: 100%; max-width: 1990px; margin: 0px auto} .professional_list .left01 img{width: 73%} .professional_list .left01 p{padding: 20px 80px; text-align: left; font-size: 18px; line-height: 35px;} .professional_list .right01{width: 52%} .professional_list .left02{width: 52%} .professional_list .right02{width: 46.5%} .professional_list .right02 img{width: 73%; margin-bottom: 50px;} .professional_list .right02 p{text-align: left;padding: 20px 80px;font-size: 1.8em; line-height:35px;} .professional_list .right02 p:nth-child(1){margin-top: 60px;} .col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{margin: 0px; padding: 0px;} .index_cate_boxA{width: 100%; max-width: 1990px; margin: 0px auto 50px;} .index_cate_boxA .Boxlay{} .index_cate_boxA .Boxlay:nth-child(1){ background: #222222; padding-left: 30px; padding-right: 30px;} .index_cate_boxA .Boxlay .p1{font-size: 1.8em; color: #fff; margin-top: 2.5em; padding-left: 20px; padding-right: 20px;} .index_cate_boxA .Boxlay .p2{font-size: 1em; color: #fff; margin-top: 4em; line-height: 25px;} .index_cate_boxA .Boxlay .p3{font-size: 1.8em; color: #fff; margin-top: 2.5em;} .index_cate_boxA .Boxlay:nth-child(4){} .index_cate_boxA .Boxlay ul li{background: #222222; position: relative;margin-bottom: 10px; padding: 0px; height: auto; overflow: hidden; float: left; width: 99%; margin-left: 1%;} .index_cate_boxA .Boxlay ul li .img{width: 100%;} .index_cate_boxA .Boxlay ul li .p6{color: #fff; font-size: 1.2em; height: 1.5em; position: absolute; top: 50%; margin-top: -0.8em; width: 100%;} .index_cate_boxA .Boxlay ul li .tc_box{position: absolute; display: none;z-index: 999;width: 100%; height: 100%;left: 0px; top: 0px;} .index_cate_boxA .Boxlay ul li .tc_box .bg{background: #000; opacity: 0.5;filter:alpha(opacity=50); width: 100%; height: 100%; position: absolute; z-index: 1;} .index_cate_boxA .Boxlay ul li .tc_box .content_box{ position:absolute; cursor: pointer;z-index: 333; width: 100%; margin-top: -2.6em; text-align: center; left: 0px; top: 50%;} .index_cate_boxA .Boxlay ul li .tc_box .content_box a{color: #fff; font-size: 1em;} .article_ul_list li{float: left;width: 100%; margin-bottom: 30px;} .article_ul_list li .article_div_left{float: left;border: 1px solid #ccc; width: 54%; padding: 20px 2%;} .article_ul_list li .article_div_left .p0{ font-size: 1.6em; line-height: 35px; text-align: left; height: 78px; border-bottom: 1px solid #ccc;} .article_ul_list li .article_div_left .p0 span{font-size: 14px; color: #666666} .article_ul_list li .article_div_left .p1{background:url("../images/contact_dw.png") no-repeat left 10px;height: 58px; line-height: 58px; padding-left: 50px; border-bottom: 1px dashed #ccc;} .article_ul_list li .article_div_left .p2{padding-left: 50px;height: 58px; line-height: 29px;border-bottom: 1px dashed #ccc;} .article_ul_list li .article_div_left .p3{background:url("../images/contact_phone.png") no-repeat left 10px;padding-left: 50px;height: 58px; line-height: 58px;} .article_ul_list li .article_div_right{float: right;border: 1px solid #ccc; width: 34%; padding: 20px 2%; text-align: center} .team_box{ background: #fff; margin-top: 100px;margin-bottom: 80px;max-width: 1200px; margin-bottom: 40px; position: relative;} .team_box .team_box_p{ padding: 45px 100px; font-size: 0.9em; line-height: 1.7em;} .team_box_B{background: #e6e6e6; padding: 30px 0px; margin-bottom: 50px; margin-top: 30px; } .team_box_B img{ width: 22%;} .team_box_B .div1{width: 75%; float: right;} .team_box_B .p1{font-size: 1.6em; margin-top: 50px; } .team_box_B .p2{font-size: 1.4em; font-family: tonjay} .team_box_B .p3{font-size: 2.2em; margin-top: 40px; font-family: tonjay} .team_box .team_box_ul li{display: none} .team_box .team_box_ul li:nth-child(1){display: block} .team_box .hover_ul{ position:absolute; right: 20px; top: 40px; width:130px; } .team_box .hover_ul li{width: 25px; cursor: pointer;height: 25px; text-align: center; line-height: 25px; color: #fff; margin-top: 20px; margin-right: 15px; float: left; border-radius: 50%; background: #cccccc;} .team_box .hover_ul .hover_li{background: #9c89f7} .article_list_ul{} .article_list_ul li{ padding: 20px 3% 20px 3%; margin-bottom: 20px; float: left; width: 94%; background: #fdfdfd;border: 1px solid #ccc;} .article_list_ul li .img{ float: left; width: 20%;} .article_list_ul li .div{float: right; width: 76%;} .article_list_ul li .div .p0{font-size: 16px; margin-bottom: 15px;} .article_list_ul li .div .p0 a{font-size: 18px; color: #666; font-weight: bold;} .article_list_ul li .div .p1{font-size: 13px; color: #999; line-height: 23px;} .news_list_ul{} .news_list_ul li{ padding: 20px 0% 50px 0%; margin-bottom: 20px; float: left; width: 100%; background: #fdfdfd;border-bottom: 1px solid #ccc;} .news_list_ul li .img{ float: left; width: 20%; max-width: 200px;} .news_list_ul li .div{float: right; width: 76%;} .news_list_ul li .div .p0{font-size:24px; margin-bottom: 25px;} .news_list_ul li .div .p0 a{font-size: 24px; color: #666; font-weight: bold;} .news_list_ul li .div .p1{font-size: 16px; color: #999; line-height: 25px;} .atr_cate_name{font-size:30px; margin-top: 30px; line-height: 50px; margin-bottom: 60px;} .atr_cate_name span{font-size:40px;} .page_two_box{margin: 50px 0px 50px 0px; height: 40px; position: relative;} .page_two_box div{position: absolute; top: 0px; left: 50%; margin-left: -70px;} .page_two_box img{ float: left;} .page_two_box span{float: left; width: 80px; height: 35px; line-height: 35px} /*article END*/ /*----start-wrap----*/ /*----//End-wrap----*/ @media (min-width: 1990px){ .initBody .headers .logo{float: left;} .hrader .menu li a:hover{background: #222; -webkit-animation: halftone 1s forwards; animation: halftone 1s forwards; background: -webkit-radial-gradient(circle, #9c89f7 0.2em, rgba(0, 0, 0, 0) 0.25em) 0 0/1.25em 1.25em, -webkit-radial-gradient(circle, #9c89f7 0.2em, rgba(0, 0, 0, 0) 0.25em) 6.25em 6.25em/1.25em 1.25em; background: radial-gradient(circle, #9c89f7 0.2em, rgba(0, 0, 0, 0) 0.25em) 0 0/1.25em 1.25em, radial-gradient(circle, #9c89f7 0.2em, rgba(0, 0, 0, 0) 0.25em) 6.25em 6.25em/1.25em 1.25em; color: #e4f789; } @-webkit-keyframes halftone { 100% { background-size: 2.375em 2.375em, 0.1em 0.1em; } } @keyframes halftone { 100% { background-size: 2.375em 2.375em, 0.1em 0.1em; } } .initBody .headers .menu li a:hover{background: #222; -webkit-animation: halftone 1s forwards; animation: halftone 1s forwards; background: -webkit-radial-gradient(circle, #9c89f7 0.2em, rgba(0, 0, 0, 0) 0.25em) 0 0/1.25em 1.25em, -webkit-radial-gradient(circle, #9c89f7 0.2em, rgba(0, 0, 0, 0) 0.25em) 6.25em 6.25em/1.25em 1.25em; background: radial-gradient(circle, #9c89f7 0.2em, rgba(0, 0, 0, 0) 0.25em) 0 0/1.25em 1.25em, radial-gradient(circle, #9c89f7 0.2em, rgba(0, 0, 0, 0) 0.25em) 6.25em 6.25em/1.25em 1.25em; color: #e4f789; } .about_ul_box{width: 1990px; margin: 0px auto} } @media (min-width: 1660px){ .article_cate_title_div .box input{ right: 110px; } } @media only screen and (max-width: 1990px) and (min-width: 1660px) { .initBody .headers .logo{float: left;} .main{width: 1200px; margin: 0px auto} .index_cate_boxA .Boxlay .p1{font-size: 2.2em;margin-top: 1.1em; } .index_cate_boxA .Boxlay .p2{font-size: 1em; margin-top: 60px;} .index_cate_boxA .Boxlay .p3{font-size: 2em; margin-top:50px;} .index_cate_boxA .Boxlay ul li .tc_box .content_box a{font-size: 0.9em;} .index_cate_boxA .Boxlay ul li .p6{font-size: 1em;} .hrader .menu li a:hover{background: #222; -webkit-animation: halftone 1s forwards; animation: halftone 1s forwards; background: -webkit-radial-gradient(circle, #9c89f7 0.2em, rgba(0, 0, 0, 0) 0.25em) 0 0/1.25em 1.25em, -webkit-radial-gradient(circle, #9c89f7 0.2em, rgba(0, 0, 0, 0) 0.25em) 6.25em 6.25em/1.25em 1.25em; background: radial-gradient(circle, #9c89f7 0.2em, rgba(0, 0, 0, 0) 0.25em) 0 0/1.25em 1.25em, radial-gradient(circle, #9c89f7 0.2em, rgba(0, 0, 0, 0) 0.25em) 6.25em 6.25em/1.25em 1.25em; color: #e4f789; } @-webkit-keyframes halftone { 100% { background-size: 2.375em 2.375em, 0.1em 0.1em; } } @keyframes halftone { 100% { background-size: 2.375em 2.375em, 0.1em 0.1em; } } .initBody .headers .menu li a:hover{background: #222; -webkit-animation: halftone 1s forwards; animation: halftone 1s forwards; background: -webkit-radial-gradient(circle, #9c89f7 0.2em, rgba(0, 0, 0, 0) 0.25em) 0 0/1.25em 1.25em, -webkit-radial-gradient(circle, #9c89f7 0.2em, rgba(0, 0, 0, 0) 0.25em) 6.25em 6.25em/1.25em 1.25em; background: radial-gradient(circle, #9c89f7 0.2em, rgba(0, 0, 0, 0) 0.25em) 0 0/1.25em 1.25em, radial-gradient(circle, #9c89f7 0.2em, rgba(0, 0, 0, 0) 0.25em) 6.25em 6.25em/1.25em 1.25em; color: #e4f789; } } @media only screen and (max-width: 1660px) and (min-width: 1440px) { .initBody .headers .logo{float: left;} .index_cate_boxA .Boxlay .p1{font-size: 1.9em;margin-top: 1.1em; } .index_cate_boxA .Boxlay .p2{font-size: 0.9em; margin-top: 50px;} .index_cate_boxA .Boxlay .p3{font-size: 1.8em; margin-top:30px;} .index_cate_boxA .Boxlay ul li .p6{font-size: 1em;} .hrader .menu li a:hover{background: #222; -webkit-animation: halftone 1s forwards; animation: halftone 1s forwards; background: -webkit-radial-gradient(circle, #9c89f7 0.2em, rgba(0, 0, 0, 0) 0.25em) 0 0/1.25em 1.25em, -webkit-radial-gradient(circle, #9c89f7 0.2em, rgba(0, 0, 0, 0) 0.25em) 6.25em 6.25em/1.25em 1.25em; background: radial-gradient(circle, #9c89f7 0.2em, rgba(0, 0, 0, 0) 0.25em) 0 0/1.25em 1.25em, radial-gradient(circle, #9c89f7 0.2em, rgba(0, 0, 0, 0) 0.25em) 6.25em 6.25em/1.25em 1.25em; color: #e4f789; } @-webkit-keyframes halftone { 100% { background-size: 2.375em 2.375em, 0.1em 0.1em; } } @keyframes halftone { 100% { background-size: 2.375em 2.375em, 0.1em 0.1em; } } .initBody .headers .menu li a:hover{background: #222; -webkit-animation: halftone 1s forwards; animation: halftone 1s forwards; background: -webkit-radial-gradient(circle, #9c89f7 0.2em, rgba(0, 0, 0, 0) 0.25em) 0 0/1.25em 1.25em, -webkit-radial-gradient(circle, #9c89f7 0.2em, rgba(0, 0, 0, 0) 0.25em) 6.25em 6.25em/1.25em 1.25em; background: radial-gradient(circle, #9c89f7 0.2em, rgba(0, 0, 0, 0) 0.25em) 0 0/1.25em 1.25em, radial-gradient(circle, #9c89f7 0.2em, rgba(0, 0, 0, 0) 0.25em) 6.25em 6.25em/1.25em 1.25em; color: #e4f789; } } /*--media Quries for 1440px-laptops-*/ @media only screen and (max-width: 1440px) and (min-width: 1366px) { .initBody .headers .logo{float: left;} .main{width: 97%; padding-left: 1%} .flash_img_list img{ max-width: 100%} .about_ul_box{width: 100%} .index_cate_boxA .Boxlay .p1{font-size: 1.6em; margin-top: 1.1em; margin-left: 10px;} .index_cate_boxA .Boxlay .p2{font-size: 0.9em; margin-top:40px;margin-left: 10px;} .index_cate_boxA .Boxlay .p3{font-size: 1.6em; margin-top: 20px;margin-left: 10px;} .index_cate_boxA .Boxlay ul li .tc_box .content_box a{font-size: 0.9em;} .index_cate_boxA .Boxlay ul li .p6{font-size: 1em;} .hrader .menu li a:hover{background: #222; -webkit-animation: halftone 1s forwards; animation: halftone 1s forwards; background: -webkit-radial-gradient(circle, #9c89f7 0.2em, rgba(0, 0, 0, 0) 0.25em) 0 0/1.25em 1.25em, -webkit-radial-gradient(circle, #9c89f7 0.2em, rgba(0, 0, 0, 0) 0.25em) 6.25em 6.25em/1.25em 1.25em; background: radial-gradient(circle, #9c89f7 0.2em, rgba(0, 0, 0, 0) 0.25em) 0 0/1.25em 1.25em, radial-gradient(circle, #9c89f7 0.2em, rgba(0, 0, 0, 0) 0.25em) 6.25em 6.25em/1.25em 1.25em; color: #e4f789; } @-webkit-keyframes halftone { 100% { background-size: 2.375em 2.375em, 0.1em 0.1em; } } @keyframes halftone { 100% { background-size: 2.375em 2.375em, 0.1em 0.1em; } } .initBody .headers .menu li a:hover{background: #222; -webkit-animation: halftone 1s forwards; animation: halftone 1s forwards; background: -webkit-radial-gradient(circle, #9c89f7 0.2em, rgba(0, 0, 0, 0) 0.25em) 0 0/1.25em 1.25em, -webkit-radial-gradient(circle, #9c89f7 0.2em, rgba(0, 0, 0, 0) 0.25em) 6.25em 6.25em/1.25em 1.25em; background: radial-gradient(circle, #9c89f7 0.2em, rgba(0, 0, 0, 0) 0.25em) 0 0/1.25em 1.25em, radial-gradient(circle, #9c89f7 0.2em, rgba(0, 0, 0, 0) 0.25em) 6.25em 6.25em/1.25em 1.25em; color: #e4f789; } } @media only screen and (max-width: 1366px) and (min-width: 1200px) { .initBody .headers .logo{float: left;} .content{width: 97%; padding-left: 1%} .main{width: 97%; padding-left: 1%} .index_cate_boxA .Boxlay ul li .p6{font-size: 1em;} .index_cate_boxA .Boxlay ul li .tc_box .content_box img{ width: 50px;} .index_cate_boxA .Boxlay .p1{font-size: 1.4em; color: #fff; margin-top: 1.1em; margin-left: 10px;} .index_cate_boxA .Boxlay .p2{font-size: 0.8em; color: #fff; margin-top: 2em;margin-left: 10px;} .index_cate_boxA .Boxlay .p3{font-size: 1.4em; color: #fff; margin-top: 1em;margin-left: 10px;} .index_cate_boxA .Boxlay ul li .tc_box .content_box a{color: #fff; font-size: 0.8em;} .hrader .menu li a:hover{background: #222; -webkit-animation: halftone 1s forwards; animation: halftone 1s forwards; background: -webkit-radial-gradient(circle, #9c89f7 0.2em, rgba(0, 0, 0, 0) 0.25em) 0 0/1.25em 1.25em, -webkit-radial-gradient(circle, #9c89f7 0.2em, rgba(0, 0, 0, 0) 0.25em) 6.25em 6.25em/1.25em 1.25em; background: radial-gradient(circle, #9c89f7 0.2em, rgba(0, 0, 0, 0) 0.25em) 0 0/1.25em 1.25em, radial-gradient(circle, #9c89f7 0.2em, rgba(0, 0, 0, 0) 0.25em) 6.25em 6.25em/1.25em 1.25em; color: #e4f789; } @-webkit-keyframes halftone { 100% { background-size: 2.375em 2.375em, 0.1em 0.1em; } } @keyframes halftone { 100% { background-size: 2.375em 2.375em, 0.1em 0.1em; } } .initBody .headers .menu li a:hover{background: #222; -webkit-animation: halftone 1s forwards; animation: halftone 1s forwards; background: -webkit-radial-gradient(circle, #9c89f7 0.2em, rgba(0, 0, 0, 0) 0.25em) 0 0/1.25em 1.25em, -webkit-radial-gradient(circle, #9c89f7 0.2em, rgba(0, 0, 0, 0) 0.25em) 6.25em 6.25em/1.25em 1.25em; background: radial-gradient(circle, #9c89f7 0.2em, rgba(0, 0, 0, 0) 0.25em) 0 0/1.25em 1.25em, radial-gradient(circle, #9c89f7 0.2em, rgba(0, 0, 0, 0) 0.25em) 6.25em 6.25em/1.25em 1.25em; color: #e4f789; } } @media only screen and (max-width: 1200px) and (min-width: 1024px) { .initBody .headers .logo{float: left;} .content{width: 100%} .main{width: 97%; padding-left: 1%} .hrader .menu li p{font-size: 0.9em} .hrader .menu li a{float: left; padding: 0px 15px; height: 100px;} .initBody .menu li p{font-size: 0.9em} .initBody .menu li a{float: left; padding: 0px 10px; height: 100px;} .index_cate_boxA .Boxlay ul li .p6{font-size: 0.9em;} .index_cate_boxA .Boxlay:nth-child(1){margin-left: 0px;width: 20.7%; padding: 20px 2%; background: #222222} .index_cate_boxA .Boxlay .p1{font-size: 1.4em; color: #fff; margin-top: 1em; margin-left: 10px;} .index_cate_boxA .Boxlay .p2{font-size: 0.8em; color: #fff; margin-top: 2em;margin-left: 10px;} .index_cate_boxA .Boxlay .p3{font-size: 1.4em; color: #fff; margin-top: 0.8em;margin-left: 10px;} .index_cate_boxA .Boxlay ul li .tc_box .content_box img{ width: 40px;} .index_cate_boxA .Boxlay ul li .tc_box .content_box a{color: #fff; font-size: 0.8em;} .team_box .team_box_p{ padding: 25px 90px; font-size: 0.9em;} .team_box_B .p1{font-size: 1.6em; margin-top: 40px;} .team_box_B .p2{font-size: 1.3em; font-family: tonjay} .team_box_B .p3{font-size: 2em; margin-top: 30px; font-family: tonjay} .technology_list{width: 96%; margin-left: 1%;} .technology_list .left01 p{font-size: 16px; line-height: 30px;} .technology_list .right02 p{font-size: 16px; line-height:30px;} .hrader .menu li a:hover{background: #222; -webkit-animation: halftone 1s forwards; animation: halftone 1s forwards; background: -webkit-radial-gradient(circle, #9c89f7 0.2em, rgba(0, 0, 0, 0) 0.25em) 0 0/1.25em 1.25em, -webkit-radial-gradient(circle, #9c89f7 0.2em, rgba(0, 0, 0, 0) 0.25em) 6.25em 6.25em/1.25em 1.25em; background: radial-gradient(circle, #9c89f7 0.2em, rgba(0, 0, 0, 0) 0.25em) 0 0/1.25em 1.25em, radial-gradient(circle, #9c89f7 0.2em, rgba(0, 0, 0, 0) 0.25em) 6.25em 6.25em/1.25em 1.25em; color: #e4f789; } @-webkit-keyframes halftone { 100% { background-size: 2.375em 2.375em, 0.1em 0.1em; } } @keyframes halftone { 100% { background-size: 2.375em 2.375em, 0.1em 0.1em; } } .initBody .headers .menu li a:hover{background: #222; -webkit-animation: halftone 1s forwards; animation: halftone 1s forwards; background: -webkit-radial-gradient(circle, #9c89f7 0.2em, rgba(0, 0, 0, 0) 0.25em) 0 0/1.25em 1.25em, -webkit-radial-gradient(circle, #9c89f7 0.2em, rgba(0, 0, 0, 0) 0.25em) 6.25em 6.25em/1.25em 1.25em; background: radial-gradient(circle, #9c89f7 0.2em, rgba(0, 0, 0, 0) 0.25em) 0 0/1.25em 1.25em, radial-gradient(circle, #9c89f7 0.2em, rgba(0, 0, 0, 0) 0.25em) 6.25em 6.25em/1.25em 1.25em; color: #e4f789; } } @media only screen and (max-width: 1024px) and (min-width: 768px) { .content{width: 97%; padding-left: 1%} .content{width: 97%; padding-left: 1%} .hrader .menu li p{font-size: 0.9em} .hrader .menu li a{float: left; padding: 0px 10px; height: 100px;} .hrader .logo{ width: 250px;} .initBody .menu{display: none;} .article_list_ul li .div .p0 a{font-size: 16px;} .article_list_ul li .div .p1{font-size: 13px; line-height: 23px;} .initBody .logo{ width: 100%; text-align: center;} .index_cate_boxA .Boxlay ul li .p6{font-size: 1em;} .index_cate_boxA .Boxlay{} .index_cate_boxA .Boxlay:nth-child(1){background: #222222} .index_cate_boxA .Boxlay .p1{font-size: 2.4em; color: #fff; margin-top: 1em; margin-left: 40px;} .index_cate_boxA .Boxlay .p2{font-size: 1.1em; color: #fff; margin-top: 2em;margin-left: 40px;} .index_cate_boxA .Boxlay .p3{font-size: 2.4em; color: #fff; margin-top: 1.8em;margin-left: 40px;} .index_cate_boxA .Boxlay:nth-child(4){} .index_cate_boxA .Boxlay ul li .tc_box .content_box img{ width: 35px;} .index_cate_boxA .Boxlay ul li .tc_box .content_box a{color: #fff; font-size: 0.8em;} .hrader .menu li a:hover{background: #222; -webkit-animation: halftone 1s forwards; animation: halftone 1s forwards; background: -webkit-radial-gradient(circle, #9c89f7 0.2em, rgba(0, 0, 0, 0) 0.25em) 0 0/1.25em 1.25em, -webkit-radial-gradient(circle, #9c89f7 0.2em, rgba(0, 0, 0, 0) 0.25em) 6.25em 6.25em/1.25em 1.25em; background: radial-gradient(circle, #9c89f7 0.2em, rgba(0, 0, 0, 0) 0.25em) 0 0/1.25em 1.25em, radial-gradient(circle, #9c89f7 0.2em, rgba(0, 0, 0, 0) 0.25em) 6.25em 6.25em/1.25em 1.25em; color: #e4f789; } @-webkit-keyframes halftone { 100% { background-size: 2.375em 2.375em, 0.1em 0.1em; } } @keyframes halftone { 100% { background-size: 2.375em 2.375em, 0.1em 0.1em; } .initBody .headers .menu li a:hover{background: #222; -webkit-animation: halftone 1s forwards; animation: halftone 1s forwards; background: -webkit-radial-gradient(circle, #9c89f7 0.2em, rgba(0, 0, 0, 0) 0.25em) 0 0/1.25em 1.25em, -webkit-radial-gradient(circle, #9c89f7 0.2em, rgba(0, 0, 0, 0) 0.25em) 6.25em 6.25em/1.25em 1.25em; background: radial-gradient(circle, #9c89f7 0.2em, rgba(0, 0, 0, 0) 0.25em) 0 0/1.25em 1.25em, radial-gradient(circle, #9c89f7 0.2em, rgba(0, 0, 0, 0) 0.25em) 6.25em 6.25em/1.25em 1.25em; color: #e4f789; } } .news_list_left{margin-bottom: 50px;} .news_list_left li{ float: left; width: 100%;padding-bottom: 10px;} .news_list_left li .left{width: 24%; line-height: 23px;} .news_list_left li .left p{font-size: 1em; width: 80%; float: left; margin-top: 70px;} .news_list_left li .left p span{font-size:0.8em;} .news_list_left li .left img{float: right; width: 28px;} .news_list_left li .right{width: 71%;} .news_list_left li .right img{float: left; width: 30%;} .news_list_left li .right p{float: right; width: 67%; font-size: 0.9em; padding: 0px 0px; line-height: 23px;} .details-left-info{width: 40%;} .technology_list .left01{width: 88%;} .technology_list{width: 96%; margin-left: 1%;} .technology_list .left01 p{font-size: 14px; line-height: 25px;} .technology_list .right02 p{font-size: 14px; line-height:25px;} .article_ul_list li .article_div_left .p0{font-size: 1.5em;} .article_ul_list li .article_div_left .p1{font-size: 0.9em;} .article_ul_list li .article_div_left .p2{font-size: 0.9em; font-family:tonjay; line-height: 25px;} .article_ul_list li .article_div_left .p3{font-size: 0.9em;font-family:tonjay;} .professional_list .right02 img{width: 73%; margin-bottom: 50px;} .professional_list .right02 p{text-align: left;padding: 20px 40px;font-size: 1.3em; line-height:35px;} .team_box .team_box_p{ padding: 25px 80px; font-size: 0.9em;} .team_box_B .p1{font-size: 1.2em; margin-top: 30px;} .team_box_B .p2{font-size: 1em; font-family: tonjay} .team_box_B .p3{font-size: 2em; margin-top: 30px; font-family: tonjay} .article_title{height:80px; line-height: 35px; margin-bottom: 20px; margin-top: 30px; font-size:20px;} .article_title span{font-size: 16px;} } @media only screen and (max-width: 768px) and (min-width: 640px) { /*.header{height: 65px;}*/ body{padding-top: 172px;} .header .logo{width: 100px; float: none; margin:0px auto;padding: 5px 0px 10px; padding-left: 10px; text-align: center} .content{width: 95%; padding-left: 2%} .initBody .logo{ width: 100%; text-align: center;} .initBody .index_body_content{top: 150px;} .article_ul_list li .article_div_left .p0{font-size: 1.3em;} .hrader .menu{position: fixed; display: none; left: 0px; top: 0px; width: 100%; height: 100%; overflow-y: hidden; background: #313131; -webkit-overflow-scrolling:touch;padding-top: 40px;} .hrader .menu .closse_ioc{display: block;} .hrader .menu li{width: 100%; height: auto; text-align: center;} .hrader .menu li:nth-child(1){margin-top: 30px;} .hrader .menu li a{width: 100%; height: 70px; text-align: center; padding-bottom: 10px;} .initBody .menu{display: none} .hrader .menu_mini{display: block} .technology_list .left01{width: 88%;} .technology_list{width: 96%; margin-left: 1%;} .technology_list .left01 p{font-size: 16px; line-height: 30px;} .technology_list .right02 p{font-size: 16px; line-height:30px;} .technology_list .left02{width: 100%} .technology_list .right02{width: 100%} .article_list_ul li{padding: 10px 3% 10px 3%; padding-bottom:15px;} .article_list_ul li .div .p0 a{font-size: 14px;} .article_list_ul li .div .p1{font-size: 12px; line-height: 17px;height:72px;overflow:hidden; } .news_list_ul li{padding: 10px 3% 10px 3%; padding-bottom:15px;} .news_list_ul li .div .p0 a{font-size: 14px;} .news_list_ul li .div .p1{font-size: 12px; line-height: 17px;height:72px;overflow:hidden; } .index_cate_boxA .Boxlay ul li .p6{font-size: 1em;} .index_cate_boxA .Boxlay{} .index_cate_boxA .Boxlay:nth-child(1){background: #222222} .index_cate_boxA .Boxlay .p1{font-size: 1.6em; color: #fff; margin-top: 0.3em; margin-left: 40px;} .index_cate_boxA .Boxlay .p2{font-size: 1em; color: #fff; margin-top: 2em;margin-left: 40px;} .index_cate_boxA .Boxlay .p3{font-size: 1.6em; color: #fff; margin-top:2em;margin-left: 40px;} .index_cate_boxA .Boxlay:nth-child(4){} .index_cate_boxA .Boxlay ul li .tc_box .content_box img{ width: 35px;} .index_cate_boxA .Boxlay ul li .tc_box .content_box a{color: #fff; font-size: 0.8em;} .footer .footer_right{float: right; width: 100%} .footer .footer_right p{ font-size: 1.1em; color: #fff; margin-top: 15px;} .footer .footer_right img{ width:60%;} .footer .footer_right div{width: 40%;margin-left: 5%; float: left;text-align: center;} .footer ul{width: 100%;float: left; } .footer ul li{float: left; width: 25%;} .footer ul li p{font-size: 1em; color: #fff; text-align: center} .footer ul li .p0{font-weight: bold; margin-bottom: 1em;} .footer ul li .p1 a{line-height: 2.1em; font-size: 0.9em; color: #fff;} .footer ul .footer_logo{margin-top: 25px; margin-bottom: 30px;} .details-left-info{width: 55%;} .attr_comtent ul li{font-size:1em;} .team_box .team_box_p{ padding: 25px 70px; font-size: 0.9em;} .team_box_B .p1{font-size: 1.0em; margin-top: 20px;} .team_box_B .p2{font-size: 1em; font-family: tonjay} .team_box_B .p3{font-size: 1.5em; margin-top: 20px; font-family: tonjay} .professional_list .right02 img{width: 73%; margin-bottom: 50px;} .professional_list .right02 p{text-align: left;padding: 15px 30px;font-size: 1.1em; line-height:25px;} .article_ul_list li .article_div_left{float: left;border: 1px solid #ccc; width: 93%; padding: 20px 2%; margin-left: 1%} .article_ul_list li .article_div_left .p0{ font-size: 1em; text-align: center; height: 58px; border-bottom: 1px solid #ccc;} .article_ul_list li .article_div_left .p1{height: 58px; line-height: 58px; padding-left: 10px; border-bottom: 1px dashed #ccc;} .article_ul_list li .article_div_left .p2{padding-left: 10px;height: 58px; line-height: 29px;border-bottom: 1px dashed #ccc;} .article_ul_list li .article_div_left .p3{padding-left: 10px;height: 58px; line-height: 58px;} .article_ul_list li .article_div_right{float: right;border: 1px solid #ccc; width: 93%; margin-left: 1%; padding: 20px 2%; text-align: center} .product-grids ul li{width: 31%; } .product-grids ul li .product-info{height: 40px; line-height: 40px; margin-top: 15px; text-align: center; width: 100%; overflow: hidden;} .product-grids ul li .product-info span{font-size: 0.8em} .product-grids ul li .yuding_goods_img{position: absolute; z-index: 333; left: 0px; top: 0px;} .product-grids ul li .fd_goods_img{position: absolute;border-radius: 5px; z-index: 222;left: 5%; top: 0px; width: 90%; top: 15px; display: none;} .pagebar a{padding: 2px 4px; border-radius: 2px;} .pagebar span{padding: 2px 4px;border-radius: 2px;} .screening_center{display: none;} .screening_body .screening_right .contentBox .div_main .ul1{ margin:1.6em 0px;} .screening_body .screening_right .contentBox .div_main .ul1 li{ line-height:1.8em; margin:0px 5px 5px 0px;} .screening_body .screening_right .contentBox .div_main .ul1 li input{width: 40%;} .screening_body .screening_right .contentBox .div_main .ul2{ margin:1.2em 0px;} .screening_body .screening_right .contentBox .div_main .ul2 li{ width: 45%;} .screening_body .screening_right .contentBox .div_main .ul2 li span{font-size: 0.7em; color: #666} .article_title{height:70px; line-height: 30px; margin-bottom: 20px; margin-top: 30px; font-size:20px;} .article_title span{font-size: 15px;} } @media (max-width: 500px){.flash_img_list{margin-bottom: 20px}} @media only screen and (max-width: 640px) and (min-width: 480px) { .header .logo{width: 100px; float: none; margin:0px auto;padding: 5px 0px 10px; padding-left: 10px; text-align: center} .content{width: 95%; padding-left: 2%} .hrader .menu{position: fixed; display: none; left: 0px; top: 0px; width: 100%; height: 100%; overflow-y: hidden; background: #313131; -webkit-overflow-scrolling:touch;padding-top: 40px;} .hrader .menu .closse_ioc{display: block;} .hrader .menu li{width: 100%; height: auto; text-align: center;} .hrader .menu li:nth-child(1){margin-top: 30px;} .hrader .menu li a{width: 95%; height: 70px; line-height: 35px; text-align: center; padding-bottom: 10px;} .hrader .logo{width: 50%; padding-left: 10px;} .hrader .menu_mini{display: block} .initBody .menu{display: none} .initBody .logo{ width: 100%; text-align: center} .initBody .index_body_content{top: 120px;} .index_cate_boxA .Boxlay ul li .p6{font-size: 1em;} .technology_list .left01{width: 88%;} .technology_list{width: 96%; margin-left: 1%;} .technology_list .left01 p{font-size: 14px; line-height: 25px;} .technology_list .right02 p{font-size: 14px; line-height:25px;} .technology_list .left02{width: 100%} .technology_list .right02{width: 100%} .article_list_ul li{padding: 10px 3% 10px 3%; padding-bottom:15px;} .article_list_ul li .div .p0 a{font-size: 13px;} .article_list_ul li .div .p1{font-size: 11px; line-height: 17px;height:72px;overflow:hidden; } .news_list_ul li{padding: 10px 3% 10px 3%; padding-bottom:15px;} .news_list_ul li .div .p0 a{font-size: 13px;} .news_list_ul li .div .p1{font-size: 11px; line-height: 17px;height:72px;overflow:hidden; } .index_cate_boxA .Boxlay{} .index_cate_boxA .Boxlay:nth-child(1){background: #222222} .index_cate_boxA .Boxlay .p1{font-size: 1.5em; color: #fff; margin-top: 0.8em; margin-left: 40px;} .index_cate_boxA .Boxlay .p2{font-size: 0.9em; color: #fff; margin-top: 2.4em;margin-left: 40px;} .index_cate_boxA .Boxlay .p3{font-size: 1.5em; color: #fff; margin-top:1.6em;margin-left: 40px;} .index_cate_boxA .Boxlay:nth-child(4){} .index_cate_boxA .Boxlay ul li .tc_box .content_box img{ width: 30px;} .index_cate_boxA .Boxlay ul li .tc_box .content_box a{color: #fff; font-size: 0.7em;} .details-left-info{width: 100%;} .details-left-info li{ width: 100%;} .footer .footer_right{float: right; width: 100%} .footer .footer_right p{ font-size: 13px; color: #fff; margin-top: 15px;} .footer .footer_right img{ width:60%;} .footer .footer_right div{width: 40%;margin-left: 5%; float: left;text-align: center;} .footer ul{width: 100%;float: left;} .footer ul li{float: left; width: 50%;} .footer ul li p{font-size: 0.8em; color: #fff; text-align: center} .footer ul li .p0{font-weight: bold; margin-bottom: 1em;} .footer ul li .p1 a{line-height: 2.1em; font-size: 0.7em; color: #fff;} .footer ul .footer_logo{margin-top: 25px; margin-bottom: 30px;} .article_list_ul li .div .p0 a{font-size: 14px;} .article_list_ul li .div .p1{font-size: 12px; line-height: 22px;} .team_box .team_box_p{ padding: 25px 50px; font-size: 0.9em;} .team_box_B .p1{font-size: 1.0em; margin-top: 5px;} .team_box_B .p2{font-size: 1em; font-family: tonjay} .team_box_B .p3{font-size: 1.5em; margin-top: 20px; font-family: tonjay} .professional_list .right01{width: 98%} .professional_list .left02{width: 98%} .professional_list .right02{width: 98%; margin-top: 40px;} .professional_list .right02 img{width: 73%; margin-bottom: 20px; float: left;} .professional_list .right02 p{text-align: left;padding: 15px 10px 20px;font-size: 0.9em; line-height:1em; width: 95%; float: left;} .professional_list img{float: right;} .article_ul_list li .article_div_left{float: left;border: 1px solid #ccc; width: 93%; padding: 20px 2%; margin-left: 1%} .article_ul_list li .article_div_left .p0{ font-size: 1em; text-align: center; height: 58px; border-bottom: 1px solid #ccc;} .article_ul_list li .article_div_left .p1{height: 58px; line-height: 58px; padding-left: 10px; border-bottom: 1px dashed #ccc;} .article_ul_list li .article_div_left .p2{padding-left: 10px;height: 58px; line-height: 29px;border-bottom: 1px dashed #ccc;} .article_ul_list li .article_div_left .p3{padding-left: 10px;height: 58px; line-height: 58px;} .article_ul_list li .article_div_right{float: right;border: 1px solid #ccc; width: 93%; margin-left: 1%; padding: 20px 2%; text-align: center} .product-grids ul li{width: 48%; } .product-grids ul li .product-info{height: 40px; line-height: 40px; margin-top: 15px; text-align: center; width: 100%; overflow: hidden;} .product-grids ul li .product-info span{font-size: 0.8em} .product-grids ul li .yuding_goods_img{position: absolute; z-index: 333; left: 0px; top: 0px;} .product-grids ul li .fd_goods_img{position: absolute;border-radius: 5px; z-index: 222;left: 5%; top: 0px; width: 90%; top: 15px; display: none;} .pagebar a{padding: 2px 4px; border-radius: 2px;} .pagebar span{padding: 2px 4px;border-radius: 2px;} .screening_center{display: none;} .screening_body .screening_right .contentBox .div_main .ul1{ margin:1.6em 0px;} .screening_body .screening_right .contentBox .div_main .ul1 li{ line-height:1.8em; margin:0px 5px 5px 0px;} .screening_body .screening_right .contentBox .div_main .ul1 li input{width: 40%;} .screening_body .screening_right .contentBox .div_main .ul2{ margin:1.2em 0px;} .screening_body .screening_right .contentBox .div_main .ul2 li{ width: 44%;line-height:1.2em;} .screening_body .screening_right .contentBox .div_main .ul2 li span{font-size: 0.7em; color: #666} .article_title{height:70px; line-height: 30px; margin-bottom: 20px; margin-top: 30px; font-size:20px;} .article_title span{font-size: 15px;} .goods_ul_cate{margin: 0px auto 0px; width: 100%; background: #0f0f0f} .goods_ul_cate li{float: left; width: 20%; text-align: left; text-align: center} .footer .footer_icp{display:none} .footer .footer_icp1{display:block} } @media only screen and (max-width: 480px) and (min-width: 320px) { .header .logo{width: 100px; float: none; margin:0px auto;padding: 5px 0px 10px; padding-left: 10px; text-align: center} .content{width: 95%; padding-left: 2%} .hrader .menu{position: fixed; display: none; left: 0px; top: 0px; width: 100%; height: 100%; overflow-y: hidden; background: #313131; -webkit-overflow-scrolling:touch;padding-top: 40px;} .hrader .menu .closse_ioc{display: block;} .hrader .menu li{width: 100%; height: auto; text-align: center;} .hrader .menu li:nth-child(1){margin-top: 30px;} .hrader .menu li a{width: 93%; height: 70px;text-align: center; padding-bottom: 10px;} .hrader .logo{width: 50%; padding-left: 10px;} .hrader .menu_mini{display: block} .technology_list{width: 96%; margin-left: 1%;} .technology_list .left01 p{font-size: 16px; line-height: 30px;} .technology_list .right02 p{font-size: 16px; line-height:30px;} .technology_list .left02{width: 100%} .technology_list .right02{width: 100%} .article_list_ul li{padding: 10px 3% 10px 3%; padding-bottom:15px;} .article_list_ul li .div .p0 a{font-size: 12px;} .article_list_ul li .div .p1{font-size: 10px; line-height: 15px;height:60px;overflow:hidden; } .news_list_ul li{padding: 10px 3% 10px 3%; padding-bottom:15px;} .news_list_ul li .div .p0 a{font-size: 12px;} .news_list_ul li .div .p1{font-size: 10px; line-height: 15px;height:60px;overflow:hidden; } .initBody .menu{display: none} .initBody .logo{ width: 100%; text-align: center} .initBody .logo img{width: 60%} .initBody .index_body_content{top: 120px;} .initBody .index_body_content img{width: 140%; margin-left: -20%;} .index_cate_boxA .Boxlay ul li .p6{font-size: 1em;} .index_cate_boxA .Boxlay{} .index_cate_boxA .Boxlay:nth-child(1){ background: #222222} .index_cate_boxA .Boxlay .p1{font-size: 1.2em; color: #fff; margin-top: 0.2em; margin-left: 40px;} .index_cate_boxA .Boxlay .p2{font-size: 11px; color: #fff; margin-top: 0.7em;margin-left: 40px;} .index_cate_boxA .Boxlay .p3{font-size: 1em; color: #fff; margin-top:15px;margin-left: 40px;} .index_cate_boxA .Boxlay:nth-child(4){} .index_cate_boxA .Boxlay ul li .tc_box .content_box img{ width: 30px;} .index_cate_boxA .Boxlay ul li .tc_box .content_box a{color: #fff; font-size: 0.7em;} .footer .footer_right{float: right; width: 100%; margin-top:30px;} .footer .footer_right p{ font-size: 12px; color: #fff; margin-top: 15px;} .footer .footer_right img{ width:60%;} .footer .footer_right div{width: 40%;margin-left: 5%; float: left;text-align: center;} .footer ul{width: 100%;float: left;} .footer ul li{float: left; width: 50%;} .footer ul li p{font-size: 0.8em; color: #fff; text-align: center} .footer ul li .p0{font-weight: bold; margin-bottom: 1em;} .footer ul li .p1 a{line-height: 2.1em; font-size: 0.7em; color: #fff;} .footer ul .footer_logo{margin-top: 25px; margin-bottom: 30px;} .footer .footer_icp{display:none} .footer .footer_icp1{display:block} .details-left-info{width: 100%;} .details-left-info li{ width: 100%; font-size: 0.8em;} .team_box .team_box_p{ padding: 25px 40px; font-size: 0.9em;} .team_box_B .p1{font-size: 1.0em; margin-top: 5px;} .team_box_B .p2{font-size: 0.8em; font-family: tonjay} .team_box_B .p3{font-size: 1.3em; margin-top: 20px; font-family: tonjay} .professional_list .right01{width: 98%} .professional_list .left02{width: 98%} .professional_list .right02{width: 98%; margin-top: 20px;} .professional_list .right02 img{width: 73%; margin-bottom: 20px; float: left;} .professional_list .right02 p{text-align: left;padding: 15px 10px 20px;font-size: 0.9em; line-height:1em; width: 95%; float: left;} .professional_list img{float: right;} .article_ul_list li .article_div_left{float: left;border: 1px solid #ccc; width: 93%; padding: 10px 2%; margin-left: 1%} .article_ul_list li .article_div_left .p0{ font-size: 1em; text-align: center;line-height: 20px; height: 50px;} .article_ul_list li .article_div_left .p1{height: 50px; line-height:28px; font-size: 0.8em; padding-left:40px;} .article_ul_list li .article_div_left .p2{padding-left: 40px;height: 50px;font-size: 0.8em; line-height: 18px;} .article_ul_list li .article_div_left .p3{padding-left: 40px;height: 50px; line-height: 50px;} .article_ul_list li .article_div_right{width: 93.5%; margin-top: 15px; margin-left: 1%; margin-right: 1%; } .news_list_left li .left{width: 100%; text-align: center; margin-top: 0px;} .news_list_left li .left p{text-align: center; width: 100%; margin-top: 10px;} .news_list_left li .left img{display: none} .news_list_left li .right{width: 100%;} .news_list_left li .right img{width: 98%; margin-left: 2%;} .news_list_left li .right P{width: 94%; padding: 10px 1%; font-size: 0.9em;} .news_list_left li .right P span{font-size: 1em;} .about_ul_box li{width: 98%; margin-left: 1%;} .fond20{font-size: 0.9em;} .li30{line-height: 20px;} .goods_ul_cate{margin: 20px auto 50px; width: 100%;} .goods_ul_cate li{float: left; width: 20%; text-align: left; text-align: center} .goods_ul_cate li p{font-size: 11px;} .product-grids ul li{width: 48%; } .product-grids ul li .product-info{height: 30px; line-height: 30px;} .product-grids ul li .product-info span{font-size: 0.7em} .team_box_B{ margin-top:1px;} .team_box_B img{ width: 30%;} .team_box_B .div1{width: 65%; float: right;} .team_box_B .p1{font-size: 0.7em; margin-top:0px;} .team_box_B .p2{font-size: 0.6em; font-family: tonjay} .team_box_B .p3{font-size: 1em; margin-top: 20px; font-family: tonjay} .pagebar a{padding: 2px 4px; border-radius: 2px;} .pagebar span{padding: 2px 4px;border-radius: 2px;} .screening_center{display: none;} .screening_body .screening_right .contentBox .div_main .ul1{ margin:1.6em 0px;} .screening_body .screening_right .contentBox .div_main .ul1 li{ line-height:1.8em; margin:0px 5px 5px 0px;} .screening_body .screening_right .contentBox .div_main .ul1 li input{width: 40%;} .screening_body .screening_right .contentBox .div_main .ul2{ margin:1.2em 0px;} .screening_body .screening_right .contentBox .div_main .ul2 li{ width: 44%;line-height:1em;} .screening_body .screening_right .contentBox .div_main .ul2 li span{font-size: 0.6em; color: #666} .details-left-slider{width: 100%} .attr_comtent ul li{ padding:0px 15px; width:95%; line-height:1.4em; float:left; font-size:13px;} .article_title{height:60px; line-height: 25px; margin-bottom: 20px; margin-top: 25px; font-size:20px;} .article_title span{font-size: 13px;} .team_box .hover_ul{right: 2px; top: 2px; } .team_box{margin-top: 20px;margin-bottom:20px;max-width: 1200px;} } @media only screen and (max-width: 320px) and (min-width: 240px) { .header .logo{width: 100px; float: none; margin:0px auto;padding: 5px 0px 10px; padding-left: 10px; text-align: center} .content{width: 320px; padding-left: 1%} .footer .footer_icp{display:none} .footer .footer_icp1{display:block} .hrader .menu{position: fixed; display: none; left: 0px; top: 0px; width: 100%; height: 100%; overflow-y: hidden; background: #313131; -webkit-overflow-scrolling:touch; padding-top: 40px;} .hrader .menu .closse_ioc{display: block;} .hrader .menu li{width: 100%; height: auto; text-align: center;} .hrader .menu li:nth-child(1){margin-top: 30px;} .hrader .menu li a{width: 100%; height: 70px; text-align: center; padding-bottom: 10px;} .article_list_ul li .div .p0 a{font-size: 13px;} .article_list_ul li .div .p1{font-size: 11px; line-height: 22px;} .hrader .menu_mini{display: block} .hrader .logo{width: 50%; padding-left: 10px;} .technology_list{width: 96%; margin-left: 1%;} .technology_list .left01 p{font-size: 12px; line-height:20px;} .technology_list .right02 p{font-size: 12px; line-height:20px;} .technology_list .left02{width: 100%} .technology_list .right02{width: 100%} .article_title{height:60px; line-height: 25px; margin-bottom: 20px; margin-top: 25px; font-size:17px;} .article_title span{font-size: 13px;} .initBody .logo{ width: 100%; text-align: center} .initBody .logo img{width: 60%} .initBody .menu{display: none} .details-left-info{width: 100%;} .details-left-info li{ width: 100%;} .footer .footer_right{float: right; width: 100%} .index_cate_boxA .Boxlay ul li .tc_box .content_box img{ width: 30px;} .index_cate_boxA .Boxlay ul li .tc_box .content_box a{color: #fff; font-size: 0.7em;} .footer .footer_right p{ font-size:12px; color: #fff; margin-top: 15px;} .footer .footer_right img{ width:60%;} .footer .footer_right div{width: 40%;margin-left: 5%; float: left;text-align: center;} .footer ul{width: 100%;float: left;} .footer ul li{float: left; width: 100%;} .footer ul li p{font-size: 0.8em; color: #fff; text-align: center} .footer ul li .p0{font-weight: bold; margin-bottom: 1em;} .footer ul li .p1 a{line-height: 2.1em; font-size: 0.7em; color: #fff;} .footer ul .footer_logo{margin-top: 25px; margin-bottom: 30px;} .team_box .team_box_p{ padding: 25px 30px; font-size: 0.9em;} .team_box_B .p1{font-size: 1.0em; margin-top: 5px;} .team_box_B .p2{font-size: 0.8em; font-family: tonjay} .team_box_B .p3{font-size: 1.3em; margin-top: 20px; font-family: tonjay} .professional_list .right01{width: 98%} .professional_list .left02{width: 98%} .professional_list .right02{width: 98%; margin-top: 20px;} .professional_list .right02 img{width: 73%; margin-bottom: 20px; float: left;} .professional_list .right02 p{text-align: left;padding: 15px 10px 20px;font-size: 0.9em; line-height:1em; width: 95%; float: left;} .about_ul_box li{width: 98%; margin-left: 1%;} .fond20{font-size: 0.8em;} .li30{line-height: 20px;} .professional_list img{float: right;} .product-grids ul li{width: 48%; } .product-grids ul li .product-info{height: 30px; line-height: 30px;} .product-grids ul li .product-info span{font-size: 0.7em} .pagebar a{padding: 2px 4px; border-radius: 2px;} .pagebar span{padding: 2px 4px;border-radius: 2px;} .screening_center{display: none;} .screening_body .screening_right .contentBox .div_main .ul1{ margin:1.6em 0px;} .screening_body .screening_right .contentBox .div_main .ul1 li{ line-height:1.8em; margin:0px 5px 5px 0px;} .screening_body .screening_right .contentBox .div_main .ul1 li input{width: 40%;} .screening_body .screening_right .contentBox .div_main .ul2{ margin:1.2em 0px;} .screening_body .screening_right .contentBox .div_main .ul2 li{ width: 45%;} .screening_body .screening_right .contentBox .div_main .ul2 li span{font-size: 0.7em; color: #666} .attr_comtent ul li{ padding:0px 15px; width:95%; line-height:1.3em; float:left; font-size:12px;} } .formLoading{position:absolute; display: none; z-index: 1000; background:#fff;left: 0px; top: 0px;width: 100%; height: 100%;} .formLoading img{position: absolute; width: 40px; height: 40px; z-index: 1; left: 50%; margin-left: -20px; top: 50%;}