@charset "utf-8"; .trans{-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;} .clear_both{zoom:1;} .clear_both:after{content:""; display:block; clear:both;} /*table{ border-collapse:collapse; }*/ .fl{float:left} .fr{float:right}.mr{margin-right:0 !important;} .mb{border-bottom:none !important;} .main{padding:0 2%;} .main1200{width:96%; max-width:1200px; margin:0 auto;}.main1400{width:96%; max-width:1400px; margin:0 auto;}.text-over{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .text-center{text-align:center;} .border-box{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing: border-box;} .table{display:table; } .table_cell{display:table-cell; vertical-align:middle;} .absolute{position:absolute;} .relative{position:relative;} .max-w100{max-width: 100%;} .max-h100{max-height: 100%;} .relative{position: relative;z-index: 1;} .absolute{position: absolute;z-index: 1;} .block{display:block;} .none{display:none;} .phone-block{display:none;} .inline-block{display:inline-block;} p{padding:0; margin:0;} @font-face{font-family: mf;src: url('/fonts/PINGFANG.TTF');} @font-face{font-family: mf2;src: url('/fonts/DIN-MEDIUM.OTF');} .gray {-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; opacity:0.5;} /*.raidus{border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; behavior: url(/pie/pie.htc); position:relative;}*/ .container:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;} .container{zoom:1;} .container{margin:0 auto; width:80%; max-width:980px;} .searchbox{display:none; overflow:hidden; zoom:1; padding:15px 0; background:#666/*#ccc384 url(/images/bg_14.gif) repeat left top*/; width:100%; position:fixed;left:0; top:0; z-index:399;} .searchbox .error{border:1px solid #d45656; border-radius: 4px;} .searchbox .closebtn{display:inline-block; *display:inline; zoom:1; margin:10px 0 0; width:30px; height:30px; background: url(/images/close_1.png) no-repeat 50% 50%; vertical-align:middle;} .searchcon:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;} .searchcon{zoom:1; /*width:680px;*/ width:100%; height:50px; line-height:50px; /*padding:0 0 0 280px;*/ /*background: url(/images/searchbg.png) no-repeat left 0px;*/ position:relative; display:inline-block; *display:inline; zoom:1; vertical-align:middle;} .searchcon .input{width:100%; padding:14px 0 14px 0; background-color:#fff; border:1px solid #d1d1d1; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; -ms-transition:all .5s ease; transition:all .5s ease;} .searchcon .input.focus{border:1px solid #b8ad66; -webkit-box-shadow:0 0 2px #b8ad66; -moz-box-shadow:0 0 2px #b8ad66; box-shadow:0 0 10px #888, 1px 1px 1px #eee inset;} .searchcon .input input{width:88%; color:#a1a1a1; font-size:16px; margin:0 0 0 2%; border:none; background:none;} .searchcon .input input:focus { outline: none; }.searchcon .submit{display:inline; margin:0 5px 0 -50px; padding:0; width:50px; height:50px; background:url(/images/ico.png) no-repeat 10px -735px; border:none; cursor:pointer; position:absolute; right:0;} .searchcon .errormess{position:absolute; left:5px; top:0; font-size:14px; color:#555;} .searchcon .errormess span{background: url(/images/ser_error.png) no-repeat left 0px; padding:0 0 5px 35px;} .searchcon .closes{font-size: 14px;color: #fff;display: inline-block;position: absolute;right: -40px;top: 0;cursor: pointer;} header{height:100px; position:relative; z-index:5; background:url(/images/m1.png) repeat-x; border-bottom:1px solid #dedede;} header .logo{width:12%; height:100px;} header .logo span{display:inline-block; height:100%; vertical-align:middle;} header .logo img{width:100%; vertical-align:middle;} header .phone_nav{position:absolute; z-index:5; width:100%; top:100px; left:0; background:rgba(230,232,233,0.9); display:none; border-top:1px solid #aaa;} header .phone_nav li{height:40px; line-height:40px; font-size:14px; border-bottom:1px solid #aaa; text-align:center;} header .phone_nav li a{color:#666; display:block;} header .phone_nav li:hover a{color:#288c3a;} header .phone_nav li.on a{color:#288c3a;} header .phone_nav .ph_box{margin:20px 0; text-align:center;} header .phone_nav .ph_box .p_mem{width:24px; height:24px; display:inline-block; margin-right:20px; vertical-align:middle;} header .phone_nav .ph_box .p_mem img{width:100%;} header .phone_nav .ph_box .p_lang{height:24px; display:inline-block; vertical-align:middle;} header .phone_nav .ph_box .p_lang .en{line-height:24px; font-size:12px;} header .phone_nav .ph_box .p_lang .cn{line-height:24px; font-size:12px;} header .phone_nav .ph_box .p_lang a{color:#666;} header .menubtn{margin:44px 0 0; height:30px; display:none;} header .menubtn span{width:35px; height:4px; display:block; background:#b5b5b5; position:relative; z-index:1; margin:4px 0 0;} header .menubtn span::after{position:absolute; top:14px; left:0; right:0; height:4px; background:#b5b5b5; content:"";} header .menubtn span::before{position:absolute; bottom:14px; left:0; right:0; height:4px; background:#b5b5b5; content:"";} header .menubtn span::after,.menubtn span::before{-webkit-transition:all 1s ease 0s; -moz-transition:all 1s ease 0s; -ms-transition:all 1s ease 0s; -o-transition:all 1s ease 0s; transition:all 1s ease 0s;} header .menubtn.on span{background:transparent;} header .menubtn.on span::after{transform:rotate(405deg); top:0;} header .menubtn.on span::before{transform:rotate(-405deg); top:0;} header .search_w{width:91px; height:24px; padding:0 24px 0 15px; border:1px solid #ddd; margin:37px 0 0; border-radius:15px; position:relative; z-index:1; display:none;} header .search_w .input{width:88px; background:none; height:24px; border:none;} header .search_w .sub{width:24px; height:24px; position:absolute; right:0; top:50%; margin:-12px 0 0; border:none; background:url(/images/h_search.png) no-repeat;} nav{margin-top:20px; width:55%; margin-left:14%;} nav li{margin-right:5%; padding-bottom:20px;} nav li .senior{border-bottom:2px solid #f1f1f1; height:58px; line-height:58px; font-size:20px;} nav li .senior a{color:#666;} nav li:hover .sub{display: block;} nav li .sub{width: 240px;background-color: #fff;border-top: 1px solid #288c3a;border-bottom: 4px solid #288c3a;margin-left: -120px;top: 100%;left: 50%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;display: none;} nav li .sub .i{font-size: 14px;border-bottom: 1px solid #ddd;} nav li .sub .i:last-child{border-bottom: 0;} nav li .sub .i a{font-size: inherit;color: inherit;padding: 10px 20px;display: block;-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;} nav li .sub .i a:hover{color: #288c3a;text-indent: 10px;} nav li:hover .senior{border-bottom:2px solid #288c3a; font-size:20px;} nav li:hover .senior a{color:#288c3a;} nav li.on .senior{border-bottom:2px solid #288c3a; font-size:20px;} nav li.on .senior a{color:#288c3a;} nav li .second{width:100%; left:0; position:absolute; z-index:6; padding:20px 4% 34px; border-top:1px solid #288c3a; border-bottom:4px solid #288c3a; background:#f8f8f8; top:100px; display:none;} nav li .second dl{width:24%; margin-right:1%;} nav li .second dd{margin-bottom:20px;} nav li .second dd .title{height:40px; line-height:40px; overflow:hidden; font-size:18px;} nav li .second dd .title a{color:#288c3a;} nav li .second dd .d_li{height:30px; line-height:30px; font-size:14px;} nav li .second dd .d_li a{color:#666;} nav li .second dd .d_li:hover a{color:#288c3a;}nav li:hover .second{display:block;} header .lang{width:70px; background:url(/images/lang.png) no-repeat right center; height:24px; position:relative; z-index:1; margin:38px 0 0;} header .lang .en{height:24px; line-height:24px; font-size:14px; width:70px;} header .lang .cn{height:24px; line-height:24px; font-size:14px; width:70px;} header .lang .l_ab{position:absolute; z-index:2; top:-24px; left:0; display:none;} header .lang a{color:#666;} header .h_member{margin:38px 20px 0; /*width:24px;*/ height:24px; line-height:24px;} header .h_member span{display:inline-block; *display:inline; zoom:1; vertical-align:top;} header .h_box{margin-top:38px;} header .h_box .h_search{width:24px; height:24px; cursor:pointer;} .phone-block{display: none;} #banner{text-align:center;} #banner .item img{width:100%;} #banner .hd{width: 98%;height: 0;font-size: 0;bottom: 28px;left: 0; text-align:right; z-index:10;} #banner .hd a{width: 42px;height: 3px;background-color: #b0b0b0;margin: 0 10px;display: inline-block;opacity: 1; border-radius:0;} #banner .hd .on{background-color: #fff;} #banner .banner-info{margin-top: 13.020833%;position: absolute;z-index: 2;top: 0;left: 0;right: 0;text-align: center;visibility: hidden;} #banner .banner-info.animated{visibility: visible;} #banner .banner-info .name{font-weight: bold;font-size: 36px;color: #fff;} #banner .banner-info .title{font-size: 12px;color: #fff;} #banner .banner-info .title:after{width: 32px;height: 3px;background-color: #fff;margin: 1.8229166% auto;display: block;content: '';} #banner .banner-info .more{width: 178px;height: 58px;line-height: 58px;font-size: 14px;color: #fff;border: 1px solid #fff;margin: 0 auto;text-align: center;display: block;} #banner .banner-info.twos{background: rgba(255,255,255,0.5);margin: 0 auto;margin-top: 13.020833%;padding: 30px 0;width: 50%;border-radius: 5px;} #banner .banner-info.twos .tit1{font-size: 26px;color: #222;text-align: center;margin-top: 0.5%;} #banner .banner-info.twos .tit2{font-size: 26px;color: #222;margin-top: 1.5%;text-align: center;} #banner .banner-info.twos .tit3{width: 40px;height: 2px;background: #298c3a;margin:0 auto;margin-top: 1%;} #banner .banner-info.twos .tit4{margin-top: 3.5%;} #banner .banner-info.twos .tit4 .mores{/*background: url(../images/lll.png)85% center no-repeat #298c3a;*/background:#298c3a;color: #fff;text-align: center;width: 42%;padding: 12px 0;border-radius: 10px;display: inline-block;} #banner .banner-info.twos .tit4 .mores:first-child{margin-right: 20px;} #banner .banner-info.threes{background: rgba(64,166,83,0.9);bottom: 0;width: 35%;margin: 0 auto;height: 160px;padding: 70px 0;top: auto;} #banner .banner-info.threes .tits{font-size: 24px;color: #fff;text-align: center;margin-bottom: 20px;letter-spacing: 4px;} #phone-banner{text-align:center;} #phone-banner .item img{width:100%;} #phone-banner .hd{width: 100%;height: 0;font-size: 0;bottom: 40px;left: 0; z-index:5;} #phone-banner .hd a{width: 10px;height: 10px;background-color: #fff; border-radius: 50%;margin: 0 5px;display: inline-block;opacity: 1;} #phone-banner .hd .on{background-color: #288c3a ;} #phone-banner .banner-info{padding: 0 20%;margin-top: 30%;position: absolute;z-index: 2;top: 0;left: 0;right: 0;text-align: center;visibility: hidden;} #phone-banner .banner-info.animated{visibility: visible;} #phone-banner .banner-info .name{font-weight: bold;font-size: 18px;color: #fff;} #phone-banner .banner-info .title{font-size: 12px;color: #fff;} #phone-banner .banner-info .title:after{width: 32px;height: 3px;background-color: #fff;margin: 5% auto;display: block;content: '';} #phone-banner .banner-info .more{width: 148px;height: 38px;line-height: 38px;font-size: 14px;color: #fff;border: 1px solid #fff;margin: 0 auto;text-align: center;display: block;} #ban{width:100%;} #ban img{width:100%;} #phone_ban{display:none;} .info_index{height:50px; width:100%; background:rgba(0,0,0,0.5); position:absolute; z-index:5; width:100%; left:0; bottom:0;} .info_index .i_zhu{margin-top:21px; padding-left:26px; height:18px; background:url(/images/info_index.png) no-repeat left center; line-height:16px; font-size:14px; color:#fff600; margin-right:16px;} .info_index .info_box{margin-top:20px; height:20px;} .info_index .info_box .i_pn{margin-right:15px; width:11px;} .info_index .info_box .i_pn .prev{width:11px; height:7px; background:url(/images/info_prev.png) no-repeat; cursor:pointer;} .info_index .info_box .i_pn .next{width:11px; height:7px; background:url(/images/info_next.png) no-repeat; cursor:pointer; margin-top:5px;} .info_index .info_box .i_bd{width:430px; height:20px;} .info_index .info_box .i_bd li .title{font-size:12px; width:60%; height:20px; line-height:20px; text-align:left;} .info_index .info_box .i_bd li .title a{color:#fff;} .info_index .info_box .i_bd li .time{color:#fff; line-height:20px; font-size:12px;} #product_index{padding:60px 0; background:#f4f4f4; background:url(/images/index_probg.jpg) no-repeat center #e6e6e6;} .p_cn{height:74px; line-height:74px; font-size:36px; color:#333; text-align:center; overflow:hidden;} .p_line{width:32px; height:3px; background:#999; margin:0 auto;} #product_index .pr_category{margin-top:60px;} #product_index .pr_category li{width:32%; margin:0 0.5% 13px; padding:40px 0; background:#fff;} #product_index .pr_category li a{width:100%; display:block;} #product_index .pr_category li .pic{height:150px; text-align:center;} #product_index .pr_category li .pic span{ display:inline-block; height:100%; vertical-align:middle;} #product_index .pr_category li .pic img{max-width:100%; vertical-align:middle;} #product_index .pr_category li .p_show{display:block;} #product_index .pr_category li .p_hide{display:none;} #product_index .pr_category li .title{height:32px; line-height:32px; font-size:16px; text-align:center; color:#999;} #product_index .pr_category li:hover{background:#288c3a;}#product_index .pr_category li:hover .title{color:#fff;} #product_index .pr_category li:hover .p_show{display:none;} #product_index .pr_category li:hover .p_hide{display:block;} #app_index{background:#f4f4f4;} #app_index .a_category li{/*width:25%;*/ width:33%; position:relative; z-index:1; overflow:hidden;} #app_index .a_category li .pic{width:100%;} #app_index .a_category li .pic img{width:100%; display:block;} #app_index .a_category li .title{height:50px; line-height:50px; text-align:center; background:rgba(0,0,0,0.8); font-size:16px; color:#fff; position:absolute; left:0; bottom:0; width:100%; z-index:2; overflow:hidden;} #app_index .a_category li .a_box{width:100%; height:100%; position:absolute; z-index:3; left:0; top:0; background:rgba(0,112,20,0.8); display:none} #app_index .a_category li .a_box a{width:100%; height:100%; display:block;} #app_index .a_category li .a_box .table{width:100%; height:100%;} #app_index .a_category li .a_box .name{height:32px; line-height:32px; text-align:center; font-size:16px; color:#fff;} #app_index .a_category li .a_box .name_line{width:18px; height:1px; margin:0 auto; background:#fff;} #app_index .a_category li:hover .title{display:none;} #app_index .a_category li:hover .a_box{display:block;} #app_index .a_category li:hover .pic img{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);} #quality_index{padding:60px 0;}#quality_index .q_list{margin-top:56px;} .q_list li{width:14.666%; margin:0 1%;} .q_list li .pic{height:86px; width:100%; text-align:center; font-size:0; margin-bottom:24px;} .q_list li .pic span{display:inline-block; vertical-align:middle; height:100%;} .q_list li .pic img{max-width:100%; vertical-align:middle;} .q_list li .title{height:32px; line-height:32px; text-align:center; font-size:16px; overflow:hidden;} .q_list li .title a{color:#999;} .q_list li:hover .title a{color:#288c3a;} .q_list li:hover .gray{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: none; opacity:1;} .i_category{padding-top:12px; text-align:center; border-bottom:1px solid #dedede;} .i_category ul{font-size:0;} .i_category li{height:64px; line-height:64px; border-bottom:3px solid #fff; font-size:18px; display:inline-block; margin:0 36px;} .i_category li a{color:#333;} .i_category li:hover{border-bottom:3px solid #288c3a;} .i_category li:hover a{color:#288c3a;} .i_category li.on{border-bottom:3px solid #288c3a; } .i_category li.on a{color:#288c3a;} .q_box{padding:60px 0; background:#f4f4f4;} .q_box .q_list{margin:0;} .q_box .q_list li{border:1px solid #dedede; background:#fff; padding:40px 0 30px; margin:0 0.5%; width:15.666%;} .q_box .q_list li:hover .gray{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: none; opacity:1;} .q_box .q_list li:hover .title a{color:#288c3a;} #service_index{height:500px; background:url(/images/service_index.jpg) no-repeat center; padding-top:60px;} #service_index .p_cn{color:#fff;} #service_index .p_line{background:#fff;} #service_index .brief{margin:34px 0 70px; text-align:center; color:#fff; font-size:14px; line-height:24px;} #service_index .more{width:158px; height:48px; margin:0 auto; border:1px solid #fff; line-height:48px; text-align:center; font-size:14px; border-radius:25px;} #service_index .more a{color:#fff; display:block;} #about_index{} #about_index .pic{width:50%; overflow:hidden;} #about_index .pic img{width:100%;} #about_index .pic:hover img{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);} #about_index .about_rab{width:50%; padding:0 10%;} #about_index .about_rab .table{height:100%;} #about_index .about_rab .brief{margin:50px 0; font-size:14px; line-height:30px; color:#999;} #about_index .more{width:158px; height:48px; margin:0 auto; border:1px solid #dedede; line-height:48px; text-align:center; font-size:14px; border-radius:25px;} #about_index .more a{color:#999; display:block;} .category{padding:30px 0 3px; border-bottom:1px solid #dedede;} .category ul{font-size:0; text-align:center;} .category li{width:120px; padding:0 10px; margin-bottom:15px; display:inline-block;} .category li .pic{height:60px; text-align:center; overflow:hidden;} .category li .pic a{width:100%; height:100%; display:block;} .category li .pic span{display:inline-block; vertical-align:middle; height:100%;} .category li .pic img{max-width:100%; max-height:100%; vertical-align:middle;} .category li .title{line-height:30px; font-size:14px; text-align:center; margin-top:10px;} .category li .title a{color:#999;} .category li:hover .title a{color:#288c3a;} .category li:hover .gray{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: none; opacity:1;} .category li.on .title a{color:#288c3a;} .category li.on .gray{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: none; opacity:1;} .product{margin:60px 0 40px;} .product li{padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #dedede;} .product li .pic{width:20%; border:1px solid #dedede;} .product li .pic img{width:100%;} .product li .box{width:75.8%;} .product li .box .name{height:50px; line-height:50px; font-size:16px;} .product li .box .name a{color:#333;} .product li .box .brief{height:72px; line-height:24px; overflow:hidden; font-size:14px; color:#999;} /*.cate_list .catess{margin-top: 50px;}*/ .cate_list .catess .c{/*display: block;*/border: solid 1px #dedede;color: #999999;line-height: 20px;font-size: 14px;padding:18px 0;padding-left: 10px;/*width: 23.5%;*/margin-bottom: 10px;margin-right: 5px;display: inline-block;width: 23%;} .cate_list .catess .c:hover,.cate_list .catess .c.on{background: #288c3a;color: #fff;} .cate_list .owl-theme{width: 90%;margin: 0 auto;} .cate_list .owl-theme .owl-controls .owl-pagination{display: none !important;} .cate_list .owl-theme .owl-controls{position: static;} .owl-theme .owl-controls .owl-buttons .owl-prev{width:36px; height:36px; background:url(/images/his_prev.png) no-repeat;position: absolute;left: -50px;bottom: 0;} .owl-theme .owl-controls .owl-buttons .owl-next{width:36px; height:36px; background:url(/images/his_next.png) no-repeat;position: absolute;right: -65px;bottom: 0;} .cate_list #owl-demo{text-align: center;} .list30{ width:100%; margin-bottom:30px;table-layout:fixed;word-break:break-all;} .list30 td{ border:1px solid #d8d8d8; font-size:12px; text-align:center; padding:10px; height:24px; width: 8.63%;} .list30 td img{max-width:100%;} .list30 .td1{text-align:left; } .list30 .tr1 td{ background:#288c3a; color:#fff; } /*.list30 .tr2 td{ padding:10px 5px; }*/ .list30 .no1{ min-width:80px; text-align:left; width:auto; border:1px solid #d8d8d8; max-width: 80px;} .list30 .no1:hover{background: #dde7ef;} .list30 .a1{ display:block; line-height:24px; padding-left:3px; color:#b60809; font-size:12px; margin-top:10px; } .list30 .tr2:hover{background: #fff;} .list30 tr:hover{background: #dde7ef;} .list30 .tr1.on,.list30 .tr2.on{position: fixed;top: 0;margin: 0 auto;max-width: 1200px;text-align: center;width: 100%;} .list30 .tr2.on{top: 45px;background: #fff;} .list30 .tr1.on td{width: 5%;} .list30 .tr2.on td{width: 8.5%;/*width: 12.53%;*/} .list30 .tr3{display: none;text-align:left;} .list30 .tr3 td,.list30 .trss1 td{background:#288c3a; color:#fff;} .list30 .tr4{display: none;} .list30 .tr4:hover{background: #fff;} /*.list30{ width:100%; margin-bottom:30px; } .list30 .tds{ border:1px solid #d8d8d8; font-size:12px; text-align:center; padding:10px; height:24px; float: left;width: 10.64%;} .list30 .tds img{max-width:100%;} .list30 .td1{text-align:left; } .list30 .tr1 .tds{ background:#288c3a; color:#fff; height: auto;} .list30 .tr2 .tds{ padding:10px 5px; } .list30 .no1{ min-width:80px; text-align:left; width:auto; border:1px solid #d8d8d8; } .list30 .no1:hover{background: #dde7ef;} .list30 .a1{ display:block; line-height:24px; padding-left:3px; color:#b60809; font-size:12px; margin-top:10px; } .list30 .tr2:hover{background: #fff;} .list30 .tr1:hover,.list30 .tr2:hover,.list30 .tr3:hover{background: #dde7ef;} .list30 .tr1 .tds,.list30 .tr3 .tds{height: 30px;}*/ .p_category{padding:50px 0 60px;} .p_category .s_category{margin-bottom:20px;} .p_category .s_category li{width:23.4%; margin-right:1.6%; padding:0 10px; font-size:14px; border:1px solid #dedede; height:58px; line-height:58px; margin-bottom:10px; overflow:hidden; text-align:center;} .p_category .s_category li a{color:#999; display:block;} .p_category .s_category li:hover{border:1px solid #288c3a; background:#288c3a;} .p_category .s_category li:hover a{color:#fff; display:block;} .p_category .s_category li.on{border:1px solid #288c3a; background:#288c3a;} .p_category .s_category li.on a{color:#fff;} .m_box{height:100px; background:#f4f4f4;} .m_box .mbx span{height:100px; line-height:100px; font-size:16px; color:#999;} .m_box .mbx .m1 a{color:#999;} .m_box .mbx .m2 a{color:#288c3a;} .back a{padding-right:34px; height:100px; display:block; line-height:100px; background:url(/images/back.png) no-repeat right center; font-size:14px; color:#666;} .product_detail{padding:40px 0 80px;} .product_detail .p_top{width:100%;} .product_detail .p_top .pic{width:33.333%; border:1px solid #dedede;} .product_detail .p_top .pic img{width:100%;} .product_detail .p_top .p_box{padding-right:1%; width:64%;} .product_detail .p_box .name{height:48px; line-height:48px; font-size:16px; color:#333; margin-bottom:10px;} .product_detail .p_box .brief{line-height:24px; font-size:14px; color:#999; height:96px; overflow:hidden; margin-bottom:60px;} .product_detail .p_box .p_all .p_btn{border-radius:5px;} .product_detail .p_box .p_all .p_btn a{width:160px; height:50px; line-height:50px; font-size:16px; color:#fff; display:block; text-indent:68px;} .product_detail .p_box .p_all .p_btn.mobiles{display: none;} .product_detail .p_box .p_all .p_zixun{background:url(/images/consult.png) no-repeat 29px center #288c3a; margin-right:20px;} .product_detail .p_box .p_all .p_apply{background:url(/images/p_apply.png) no-repeat 29px center #0293d2;} .product_detail .p_box .p_all .p_downs{background:url(/images/p_downs.png) no-repeat 29px center #e6af19;} .product_detail .p_bottom{margin-top:40px;} .product_detail .p_bottom .p_item{height:60px; background:#f4f4f4;} .product_detail .p_bottom .p_item .p_li a{padding:0 32px; height:56px; line-height:56px; display:block; border-top:4px solid #f4f4f4; font-size:18px; color:#666; cursor:pointer;} .product_detail .p_bottom .p_item .p_li:hover a{border-top:4px solid #288c3a; color:#288c3a; background:#fff;} .product_detail .p_bottom .p_item .p_li.on a{border-top:4px solid #288c3a; color:#288c3a; background:#fff;} .product_detail .p_bottom .p_sub_item{padding:30px 40px;} .product_detail .p_bottom .p_sub_item .p_del{color:#999; font-size:14px; line-height:30px; display:none;} /*new pro-detail*/ .product_detail .p_top .list30 .big{background: #288c3a;} .product_detail .p_top .list30 .big td{color: #fff;font-size: 14px;} .product_detail .p_top .list30 td{text-align: left;} .advanss{padding-bottom:60px; background:#f4f4f4; border-top:1px solid #dedede;} .advanss .ad_title{height:108px; line-height:108px; font-size:30px; color:#333; text-align:center;} .advanss .adv_list li{border:1px solid #dedede; padding:40px 0; background:#fff; margin-right:1%; width:32.666%;} .advanss .adv_list li .pic{width:100%; height:88px; text-align:center;} .advanss .adv_list li .pic span{display:inline-block; height:100%; vertical-align:middle;} .advanss .adv_list li .pic img{max-width:100%; vertical-align:middle;} .advanss .adv_list li .title{margin:24px 0 5px; height:40px; line-height:40px; font-size:20px; color:#666; text-align:center;} .advanss .adv_list li .brief{color:#999; font-size:14px; line-height:20px; text-align:center; width:100%; padding:0 2%; height:40px; overflow:hidden;} .advanss .adv_list li .brief p{padding:0; margin:0;} .instance .in_top{padding:40px 0 24px;} .instance .in_top li{margin:0 0.5% 16px; width:24%; background:#f4f4f4;} .instance .in_top li a{width:100%; height:100%; padding:45px 0 24px; display:block;} .instance .in_top li .pic{height:68px; width:100%; text-align:center;} .instance .in_top li .pic span{display:inline-block; height:100%; vertical-align:middle;} .instance .in_top li .pic img{ vertical-align:middle; max-width:100%;} .instance .in_top li .in_hide{display:none;} .instance .in_top li .name{height:36px; margin-top:16px; line-height:36px; text-align:center; font-size:18px; color:#333; overflow:hidden;} .instance .in_top li:hover{background:#288c3a;} .instance .in_top li:hover .in_show{display:none;} .instance .in_top li:hover .in_hide{display:block;} .instance .in_top li:hover .name{color:#fff;} .instance_list{padding-bottom:50px;} .instance_list li{border:1px solid #dedede; margin:0 0.5% 14px; width:24%; padding-bottom:50px;} .instance_list li .pic{width:100%;} .instance_list li .pic img{width:100%;} .instance_list li .name{height:40px; line-height:40px; text-align:center; font-size:16px;} .instance_list li .name a{color:#666;} .instance_list li:hover .name a{color:#288c3a;} .in_apply{padding:60px 0; background:#f4f4f4;} .in_apply .in_tit{height:66px; line-height:66px; font-size:36px; text-align:center; color:#333;} .in_apply .in_bri{line-height:24px; color:#666; font-size:14px; text-align:center;} .in_apply .app_form{margin-top:30px; background:#fff; padding:40px 3% 60px;} .in_apply .app_form .in_row{width:23.5%; border:1px solid #dedede; margin-right:2%; margin-bottom:20px;} .in_apply .app_form .in_row .se{width:100%; height:52px; line-height:52px; font-size:14px; color:#666; border:none; background:none;} .in_apply .app_form .in_row .i{width:100%; border:none; background:none; height:52px; font-size:14px; line-height:52px; color:#666;padding-left:10px;} .in_apply .app_form .in_message{width:100%;} .in_apply .app_form .in_message .mess{padding:14px 20px; width:100%; border:1px solid #dedede; min-height:172px; font-size:14px; color:#666;} .in_apply .app_form .apply_sub{margin:40px auto 0; height:60px; width:180px; background:#288c3a;} .in_apply .app_form .apply_sub .a_mit{width:100%; height:100%; border:none; background:none; font-size:18px; color:#f4f4f4; cursor:pointer;} .download{padding:40px 0 60px;} .download .d_top{height:60px; padding:0 1%; background:#288c3a; border-radius:3px;} .download .d_top .item{font-size:16px; color:#fff; line-height:60px;} .download .w30{width:30%;} .download .w43{width:43%;} .download .w15{width:15%;} .download .w12{width:12%;} .download .d_list{margin-bottom:40px;} .download .d_list li{height:60px; padding:0 1%;} .download .d_list li .title{font-size:14px; line-height:60px; overflow:hidden;} .download .d_list li .d3{color:#333;} .download .d_list li .d6{color:#666;} .download .d_list li .d9{background:url(/images/download.png) no-repeat left center; text-indent:38px;} .download .d_list li .d9 a{color:#288c3a; display:block;} .download .d_list li.f6{background:#f6f6f6;} .info{padding:60px 0;} .info .list li{padding-bottom:30px; border-bottom:1px solid #dedede; margin-bottom:30px;} .info .list li .pic{width:200px; margin-right:3%;} .info .list li .pic img{width:100%;} .info .list li .box{width:62%;} .info .list li .box .name{height:50px; line-height:50px; margin-bottom:10px; font-size:16px;} .info .list li .box .name a{color:#333;} .info .list li .box .brief{line-height:24px; height:72px; overflow:hidden; color:#999; font-size:14px;} .info .list li .m18{margin-right:1.5%;} .info .list li .m38{margin-right:3.5%;} .info .list li .i_rab{} .info .list li .i_rab .time{height:70px; line-height:70px; text-align:right; font-size:26px; color:#666;} .info .list li .i_rab .i_more{width:17px; height:9px;} .info .list li .i_rab .i_more img{width:100%;} .info .list li:hover .name a{color:#288c3a;} .info_detail{padding:70px 0 50px;} .info_detail .in_title{line-height:54px; font-size:30px; color:#000; text-align:center;} .info_detail .in_box{margin:6px 0 40px; text-align:center; padding-bottom:26px; border-bottom:1px solid #dedede; font-size:0;} .info_detail .in_box .in_time{margin:0 17px; height:28px; line-height:28px; color:#999; padding-left:36px; background:url(/images/in_time.png) no-repeat left center; font-size:14px; display:inline-block;} .info_detail .in_box .in_look{margin:0 17px; height:28px; line-height:28px; color:#999; padding-left:36px; background:url(/images/in_look.png) no-repeat left center; font-size:14px; display:inline-block;} .info_detail .in_box .in_look span{color:#666; font-size:14px;} .info_detail .share{height:24px; margin-top:30px; text-align:center;} .info_detail .s_zi{display:inline-block; vertical-align:middle; line-height:24px; font-size:12px; color:#666;} .info_detail .share .jiathis_style{display:inline-block; vertical-align:middle; margin-left:5px;} .info_detail .info_pn{padding-top:30px; border-top:1px solid #e9e9e9; margin-top:30px;} .info_detail .in_row{height:36px; line-height:36px; font-size:14px;} .info_detail .in_row a{color:#666;} .info_detail .in_row:hover a{color:#288c3a;} .info_detail .in_row span{color:#288c3a; font-size:14px; margin-right:8px;} .join{padding:60px 0 180px; background:url(/images/join.jpg) no-repeat center top;} .join-list .item{width: 48.333333%;background-color: #b4b4b4;margin-bottom: 30px;} .join-list .pad{padding: 35px 40px 25px 40px;} .join-list .m{width: 72.4137%;} .join-list .name{font-size: 18px;color: #fff;} .join-list .salary{line-height: 25px;font-size: 14px;color: #fff;} .join-list .info{line-height: 25px;color: #fff; padding:0;} .join-list .button{width: 57px;height: 57px;border: 1px solid #fff;border-radius: 100%;margin-top: 10px; overflow:hidden;} .join-list .button i{width: 100%;height: 100%;background: url(/images/arrow.png) no-repeat center center;} .join-list .button-down{-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);} .join-list .con{width: 100%; padding: 20px;background: rgba(255,255,255,.95);box-shadow: 0 11px 5px rgba(0,0,0,.08);left: 0;top: 100%;display: none; } .join-list .con .con_del{line-height:24px; font-size:12px; color:#444; height:150px; overflow:auto;} .join-list .email{font-size: 16px; width:126px; height:42px; line-height:42px; text-align:center; background:#4eab33; margin-left: 20px;} .join-list .email a{color:#fff; display:block;} .join-list .item:hover{z-index: 2;} .join-list .item:hover .button-up{margin-top: -100%;} .join-list .item:hover .pad{background-color: #4eab33;} .ajax-more{width: 100%;height: 60px;background: #eaeaea url(/images/see-0.png) no-repeat center center;} .ajax-more:hover{background: #4eab33 url(/images/see-1.png) no-repeat center center;} .about{padding:60px 0 80px; background:url(/images/about.jpg) no-repeat right top;} .about_box{height:60px; font-size:0; text-align:center;} .about_box .a_line{width:30px; height:1px; display:inline-block; vertical-align:middle; background:#cbcbcb;} .about_box .a_name{height:60px; line-height:60px; font-size:30px; color:#666; display:inline-block; vertical-align:middle; margin:0 20px;} .art_del{line-height:28px; font-size:14px; color:#666; text-align:center;} .about-history{width:100%; padding:55px 0 70px; /*background: #298c3a url(/images/path-bg.jpg) no-repeat center top;*/background: #f4f4f4 url(/images/about_img.jpg) no-repeat center top;} .about-history .title{margin:0 auto;} .about-history .title .t_line{width:30px; height:1px; background:#000; display:inline-block; vertical-align:middle;} .about-history .title .tit{height:50px; line-height:50px; font-size:30px; color:#000; padding:0 24px; vertical-align:middle;} .about-history .sub-title{color:#999; font-size:14px; font-family:Arial; line-height:24px;} .about-history #path .swiper-slide{opacity: 0 !important;} .about-history #path .swiper-slide.swiper-slide-active{opacity: 1 !important;} .about-history .top{width:100%; height: 380px; text-align:center; margin:70px 0 75px;} .about-history .top .year{width:130px; height:130px; border-radius:65px; /*background:#9a9a9a;*/background: #298c3a; margin:0 auto 50px; text-align:center; line-height:130px; font-size:36px; color:#fff;} .about-history .top .year-brief{color:#555; font-size:20px;} .about-history .bot{width:-moz-calc(100% - 76px); width:-webkit-calc(100% - 76px); width:calc(100% - 76px); margin:0 auto; border-bottom:1px solid #d5dadd; position:relative;} .about-history .bot .prev{width:36px; height:36px; background:url(/images/his_prev.png) no-repeat; position:absolute; left:-36px; top:-18px; z-index:2;} .about-history .bot .next{width:36px; height:36px; background:url(/images/his_next.png) no-repeat; position:absolute; right:-36px; top:-18px; z-index:2;} .about-history .bot .prev.swiper-button-disabled, .about-history .bot .prev:hover, .about-history .bot .next.swiper-button-disabled, .about-history .bot .next:hover{color:#00a73c; border-color:#00a73c;} .about-history .bot .db{/*width:1305px;*/ text-align:center; position:absolute; left:0; right:0; top:-7px; z-index:2; margin:0 auto;} .about-history .bot .db .item{cursor:pointer;} .about-history .bot .db .item .dot{width:15px; height:15px; margin:0 auto; border-radius:100%; background:#666666;} .about-history .bot .db .item .year-select{margin-top:15px; color:#666666; font-size:14px;} .about-history .bot .db .item.on .dot{background:#e94d12;} .about-history .bot .db .item.on .year-select{color:#e94d12;} .customer{padding:60px 0 70px;} .customer .customer-swiper{margin-top:40px;} .customer .item .pic{width:100%;} .customer .item .pic img{width:100%;} .customer .item .title{height:64px; line-height:64px; font-size:16px; color:#747474; overflow:hidden; text-align:center;} .customer .h_button{margin-top:60px; height:38px; background:url(/images/h_button_bg.jpg) repeat-x center; text-align:center; font-size:0;} .customer .h_button .prev{width:38px; height:38px; background:url(/images/h_prev.jpg) no-repeat; cursor:pointer; margin-right:1px; display:inline-block;} .customer .h_button .next{width:38px; height:38px; background:url(/images/h_next.jpg) no-repeat; cursor:pointer; display:inline-block;} .honor{padding:60px 0 70px; background:#f4f4f4;} .honor .honor-swiper{margin-top:40px;} .honor .item .pic{width:100%; border:1px solid #e0e0e0; overflow:hidden;} .honor .item .pic img{width:100%;} .honor .item .title{height:64px; line-height:64px; font-size:16px; color:#747474; overflow:hidden; text-align:center;} .honor .item:hover .pic img{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);} .honor .h_button{margin-top:60px; height:38px; background:url(/images/h_button_bg.jpg) repeat-x center; text-align:center; font-size:0;} .honor .h_button .prev{width:38px; height:38px; background:url(/images/h_prev.jpg) no-repeat; cursor:pointer; margin-right:1px; display:inline-block;} .honor .h_button .next{width:38px; height:38px; background:url(/images/h_next.jpg) no-repeat; cursor:pointer; display:inline-block;} .contact{padding:20px 0 80px;} .contact .con_title{height:108px; line-height:108px; font-size:30px; color:#333; border-bottom:1px solid #e5e5e5; text-align:center;} .contact .con_box{padding:36px 0 26px; border-bottom:1px solid #e5e5e5; margin-bottom:40px;} .contact .con_box .con_li{width:28%; margin-right:5%; line-height:24px; font-size:14px; color:#666; } .contact .con_box .con1{background:url(/images/con1.png) no-repeat left 5px; padding-left:40px;} .contact .con_box .con2{background:url(/images/con2.png) no-repeat left 5px; padding-left:50px;} .contact .con_box .con3{background:url(/images/con3.png) no-repeat left 5px; padding-left:50px;} .contact .c_row{width:32%; margin-right:2%; margin-bottom:30px;} .contact .c_row .user{width:100%; border:1px solid #e3e3e3; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; behavior: url(/pie/pie.htc); position:relative; padding:0 18px; height:48px; line-height:48px; color:#999; font-size:14px;} .contact .m_row{margin-bottom:40px;} .contact .m_row .mess{border-radius:5px; padding:14px 18px; line-height:28px; font-size:14px; color:#999; width:100%; border:1px solid #e3e3e3; min-height:200px;} .contact .c_submit{width:240px; height:60px; background:#288c3a; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; behavior: url(/pie/pie.htc); position:relative; margin:0 auto;} .contact .c_submit .mit{height:60px; width:240px; border:none; background:none; line-height:60px; font-size:18px; color:#fff; cursor:pointer;} /*注册登录页面*/ #member_create{position:relative; background:url(/images/create.jpg) no-repeat top center; background-size:cover; height:810px;} #member_create.p88{padding-top:88px;} #member_create.p200{padding-top:200px;} #member_create .m_logo{width:88px; margin:30px auto;} #member_create .m_logo img{width:100%;} #member_create .white_box{max-width:514px; width:100%; background:#fff; border-radius:5px; margin:0 auto; overflow:auto; padding:40px 0 30px;} #member_create .white_box .m_red{color:#f00; height:32px; line-height:32px; font-size:16px; text-align:center;} #member_create .white_box .wh_top{padding:0 60px 0 45px; height:48px;} #member_create .white_box .wh_top .wel{color:#288c3a; line-height:48px; font-size:24px; height:48px;} #member_create .white_box .wh_top .wh_r{line-height:48px; color:#666; font-size:12px; height:48px;} #member_create .white_box .wh_top .wh_r a{color:#288c3a; font-size:14px; text-decoration:underline; margin-left:30px;} #member_create .white_box .wh_mid .w_row{margin-bottom:14px; padding-left:25px;} #member_create .white_box .wh_mid .w_row .w_lab{width:95px; text-align:right; height:46px; line-height:46px; color:#555; font-size:16px; margin-right:20px;} #member_create .white_box .wh_mid .w_row .w_lab span{color:#ed0000; font-size:16px;} #member_create .white_box .wh_mid .w_row .m_user{width:318px; height:44px; border:1px solid #ccc; line-height:44px; padding:0 5px; background:none; font-size:16px; color:#555;} #member_create .white_box .wh_mid .w_row .vcode{width:138px; height:44px; border:1px solid #ccc; line-height:44px; padding:0 5px; background:none; font-size:16px; color:#555; margin-right:10px;} #member_create .white_box .wh_mid .re_box{height:54px; padding-left:52px;} #member_create .white_box .wh_mid .re_box .agree{height:54px; color:#666; line-height:54px; font-size:12px;} #member_create .white_box .wh_mid .re_box .agree a{color:#666;} #member_create .white_box .wh_mid .m_all{padding:0 42px; height:54px;} #member_create .white_box .wh_mid .m_all .m_re{line-height:54px; color:#666; font-size:12px;} #member_create .white_box .wh_mid .m_all .lost{line-height:54px; font-size:12px;} #member_create .white_box .wh_mid .m_all .lost a{color:#288c3a;} #member_create .white_box .wh_mid .l_row{margin:0 auto 25px; max-width:420px; width:100%;} #member_create .white_box .wh_mid .l_user{width:100%; height:44px; line-height:44px; padding:0 9px; border:1px solid #ccc; font-size:16px; color:#c2c2c2; background:none;} #member_create .white_box .wh_mid .m_reg{margin:16px auto 0; width:420px; height:46px; background:#288c3a;} #member_create .white_box .wh_mid .m_reg .mit{width:420px; height:46px; line-height:46px; border:none; background:none; color:#fff; cursor:pointer; font-size:18px;} #member_create .m_code{height:28px; line-height:28px; text-align:center; font-size:14px; color:#fff;} /*会员中心*/ .member_wz{ width:100%; line-height:68px; color:#999;} .member_wz .Zi1{ background:url(/images/img59.png) no-repeat left center; padding-left:20px;} .account .name{ height:14px; line-height:14px; border-left:4px solid #000; padding-left:12px; margin-top:30px;} /*左侧*/ .account .lib_member_menu{ width:100%;} .account .lib_member_menu .top{ background:#000; padding:20px;} .account .lib_member_menu .top .img{ width:30px; height:30px; overflow:hidden;} .account .lib_member_menu .top .img img{ width:100%;} .account .lib_member_menu .top .fz16{ line-height:30px; color:#fff; font-weight:bold; margin-left:10px;} .account .lib_member_menu .cont{ width:313px; background:#fff; border:1px solid #000;} .account .lib_member_menu .cont .list{ width:100%; border-bottom:1px solid #dfdfdf; padding:15px 0;} .account .lib_member_menu .cont .list .fz14{ color:#666; font-weight:bold; padding-left:20px; margin-bottom:12px;} .account .lib_member_menu .cont .list .fz14.in{ margin:0;} .account .lib_member_menu .cont .list .item{ padding-left:15px;} .account .lib_member_menu .cont .list .item .fz12{ width:100%; background:url(/images/img67.jpg) no-repeat 10px center; color:#666; padding-left:25px; margin-bottom:8px;} .account .lib_member_menu .cont .list .item .fz12.in{ margin:0;} .account .lib_member_menu .bot{ border:1px solid #000; padding:20px; margin-top:20px;} .account .lib_member_menu .bot .fz14{ font-weight:bold;} .account .lib_member_menu .bot .item{ width:100%; text-align:center; margin-top:10px;} .account .lib_member_menu .bot .item .list{ margin:0 20px;} .account .lib_member_menu .bot .item .list .img{ width:30px; height:30px; overflow:hidden;} .account .lib_member_menu .bot .item .list .img img{ width:100%;} .account .lib_member_menu .bot .item .list .fz12{ color:#333; margin-top:5px;} /*会员真钱捕鱼棋牌游戏*/ .account .lib_member_index{ width:100%;} .account .lib_member_index .one{ background:#fff; border:1px solid #e8e8e8; padding:20px 0;} .account .lib_member_index .one .left{ width:100%; padding-left:30px;} .account .lib_member_index .one .left .Zi1{ width:100%; line-height:20px; margin-top:5px;} .account .lib_member_index .one .left .Zi1 .fz16{ font-weight:bold; color:#333;} .account .lib_member_index .one .left .Zi1 .fz14{ color:#666; margin-left:20px;} .account .lib_member_index .one .left .Zi2{ width:100%; margin-top:15px;} .account .lib_member_index .one .left .Zi2 .Zi3{ margin:0 20px 10px 0; height:24px; line-height:24px;} .account .lib_member_index .one .left .Zi2 .Zi3 .img{ width:20px; height:20px; overflow:hidden;} .account .lib_member_index .one .left .Zi2 .Zi3 .img img{ width:100%;} .account .lib_member_index .one .left .Zi2 .Zi3 .fz12{ margin-left:5px;} .account .lib_member_index .one .left .Zi2 .mod{ text-decoration:underline; color:#288c3a;} .account .lib_member_index .one .right{ line-height:58px; border-left:1px solid #e4e4e4; padding-left:45px;} .account .lib_member_index .one .right .fz14{ color:#717171;} .account .lib_member_index .one .right .fz14{ color:#333; margin-left:10px;} .account .lib_member_index .two{ width:100%;} .account .lib_member_index .two .name{ height:14px; line-height:14px; border-left:4px solid #000; padding-left:12px;} .account .lib_member_index .two .hb{ background:#f3f3f3; border:1px solid #d0d0d0; border-left:none; margin-top:20px;} .account .lib_member_index .two .hb.in{ border-left:1px solid #d0d0d0;} .account .lib_member_index .two .hb .list{ height:40px; line-height:40px; background:#f4f4f4; border-top:1px solid #d0d0d0; color:#666; padding:0 25px; margin-top:-1px; margin-bottom:-1px;} .account .lib_member_index .two .hb .list.on{ background:#fff; color:#333; border-top:2px solid #333; border-bottom:1px solid #fff; border-left:1px solid #d0d0d0; border-right:1px solid #d0d0d0;} .account .lib_member_index .two .db{ background:#fff; border:1px soldi #e5e5e5; border-top:none; padding:20px;} .account .lib_member_index .two .db .item{ width:100%; margin-bottom:20px;} .account .lib_member_index .two .db .item .top{ height:42px; line-height:42px; background:#e8e8e8; padding:0 12px;} .account .lib_member_index .two .db .item .top .fz12{ color:#717171;} .account .lib_member_index .two .db .item .cont{ width:100%; background:#e8e8e8;} .account .lib_member_index .two .db .item .cont.in2{ display:none;} .account .lib_member_index .two .db .item .cont th{ height:40px; background:#fff; font-size:14px; color:#666; font-weight:500;} .account .lib_member_index .two .db .item .cont th.in{ text-align:left; padding-left:15px;} .account .lib_member_index .two .db .item .cont td{ text-align:center; background:#fff; padding:20px 0;} .account .lib_member_index .two .db .item .cont td.n1{ text-align:left; padding-left:15px;} .account .lib_member_index .two .db .item .cont td.n1 .img1{ width:88px; height:88px; overflow:hidden; border:1px solid #ece8e9;} .account .lib_member_index .two .db .item .cont td.n1 .img1 a{ width:88px; height:88px; display:table-cell; vertical-align:middle;} .account .lib_member_index .two .db .item .cont td.n1 .img1 a img{ width:100%;} .account .lib_member_index .two .db .item .cont td.n1 .nr{ width:43%; margin-left:20px; margin-top:10px;} .account .lib_member_index .two .db .item .cont td.n1 .nr .fz14{ margin-bottom:10px;} .account .lib_member_index .two .db .item .cont td.n1 .nr .fz12{ line-height:22px; color:#666;} .account .lib_member_index .two .db .item .cont td.n1 .attr{ width:60px; text-align:center; margin-right:15px;} .account .lib_member_index .two .db .item .cont td.n1 .attr .img2{ width:46px; height:46px; overflow:hidden; border:1px solid #e5e5e5; padding:6px;} .account .lib_member_index .two .db .item .cont td.n1 .attr .img2 img{ width:100%;} .account .lib_member_index .two .db .item .cont td.n1 .attr .fz14{ width:100%; margin-top:4px;} .account .lib_member_index .two .db .item .cont td.n2 .fz16{ color:#333;} .account .lib_member_index .two .db .item .cont td.n3 .fz16{ color:#666;} .account .lib_member_index .two .db .item .cont td.n4 .fz16{ color:#333;} .account .lib_member_index .two .db .item .cont td.n5 .fz16{ color:#333;} .account .lib_member_index .two .db .item .cont td.n6 .fz12{ width:100%; margin:2px 0;} .account .lib_member_index .two .db .item .cont td.n6 span{ color:#999;} .account .lib_member_index .two .db .item .cont td.n6 a{ color:#005ea7;} .account .lib_member_index .two .db .item .cont td.n7{ text-align:center;} .account .lib_member_index .two .db .item .cont td.n7 .n1{ width:80px; height:24px; line-height:24px; background:#666; color:#fff; margin-bottom:5px;} .account .lib_member_index .two .db .item .cont td.n7 .n2{ text-decoration:underline; color:#005ea7; margin:2px 0;} .account .lib_member_index .two .db .item .cont td.n7 .n3{ text-decoration:underline; color:#ff8400; margin:2px 0;} .account .lib_member_index .two .db .item .bot{ width:100%; text-align:right; border-bottom:1px solid #e8e8e8; padding:20px 0;} .account .lib_member_index .two .db .item .bot .fz14{ color:#666;} .account .lib_member_index .two .db .item .bot .fz18{ color:#ff8400;} .account .lib_member_index .thr{ display:none; background:#fff; border:1px solid #e8e8e8; padding:3% 4%; margin-top:5%; width:100%;} .account .lib_member_index .thr .list{ width:100%; margin-bottom:3%;} .account .lib_member_index .thr .list.in{ margin-bottom:0;} .account .lib_member_index .thr .list:hover{color:#288c3a;} /*个人资料*/ .account .lib_member_medata{ width:100%;} .account .lib_member_medata .last{ width:100%; margin-top:20px;} .account .lib_member_medata .last .list{ width:100%; line-height:40px; margin-bottom:15px;} .account .lib_member_medata .last .list .Zi1{ min-width:94px; text-align:right; color:#555;} .account .lib_member_medata .last .list .Zi1.in{ min-width:50px; margin-left:10px;} .account .lib_member_medata .last .list .input{ width:250px; height:38px; line-height:38px; text-indent:10px; background:#f2f2f2; border:1px solid #ccc;} .account .lib_member_medata .last .list .input.in{ width:100px;} .account .lib_member_medata .last .list .rod{ margin-top:16px; margin-right:5px;} .account .lib_member_medata .last .list span{ margin-right:15px;} .account .lib_member_medata .last .list select{ width:100px; height:38px; line-height:38px; background:#f2f2f2 url(/images/img54.jpg) no-repeat 95% center; border:1px solid #ccc; -moz-appearance: none; -webkit-appearance:none; appearance:none; margin-right:15px;} .account .lib_member_medata .last .list .sub{ width:110px; height:40px; cursor:pointer; text-align:center; background:#333; color:#fff; border:none; border-radius:4px; margin-left:94px;} /*密码修改*/ .account .lib_member_password{ width:100%;} .account .lib_member_password .last{ width:100%; padding:60px 0;} .account .lib_member_password .last .list{ width:100%; line-height:36px; margin-bottom:16px;} .account .lib_member_password .last .list .Zi1{ width:135px; text-align:right;} .account .lib_member_password .last .list .Zi1 span{ color:red;} .account .lib_member_password .last .list .input{ width:263px; height:34px; text-indent:10px; border:1px solid #dcdcdc;} .account .lib_member_password .last .list .sub{ width:112px; height:40px; cursor:pointer; background:#333; color:#fff; border:none; border-radius:4px; margin-left:135px;} #footer{padding:44px 0 0; background:#282828;} #footer .f_top{width:100%; padding-bottom:32px; border-bottom:1px solid #303030;} #footer .f_top li{width:18.33%; padding-left:5%; border-right:1px solid #303030; min-height:246px;} #footer .f_top li.w200{width:16.66%; padding-left:0; border-right:none;} #footer .f_top li .title{height:32px; line-height:32px; font-size:16px; overflow:hidden; color:#fff; margin-bottom:5px;} #footer .f_top li dd{height:26px; line-height:26px; font-size:12px;} #footer .f_top li dd a{color:#999;} #footer .f_top li dd:hover a{ text-decoration:underline;} #footer .f_top li .pic{width:60%; margin-top:10px;} #footer .f_top li .pic img{width:100%;} #footer .f_top li .wei{line-height:36px; color:#999; font-size:12px;} #footer .f_bottom{min-height:50px; line-height:50px; font-size:12px; color:#999;} #footer .f_bottom .l{width: 48%;} #footer .f_bottom .r{width: auto;} #footer .f_bottom .l,#footer .f_bottom .r{font-size:12px; color:#999;} #footer .f_bottom .r a{font-size:12px; color:#999;margin-right: 10px;} #footer .f_bottom .r a:hover{color: #fff;} /*info22*/ .info22{background:#f6f6f6; padding:0 0 60px;} .info22 .list{margin:20px auto 0;} .info22 .list .left{width:49.1%; /*height:360px;*/ position:relative; z-index:1;} .info22 .list .left img{width:100%;} .info22 .list .left .b{background:url(/images/m2.png); position:absolute; bottom:0; left:0; right:0; z-index:1; padding:14px 23px 12px;} .info22 .list .left .b .title a{font-size:18px; color:#fff; line-height:29px;} .info22 .list .left .b .brief{font-size:14px; color:#fff; line-height:25px;} .info22 .list .right{width:49.1%;} .info22 .list .right li{margin:0 0 1px; background:#fff; height:119px; width:100%;} .info22 .list .right li a{height:100%; display:block; padding:0 20px; overflow:hidden;} .info22 .list .right li .t{line-height:40px; margin:20px 0 0;} .info22 .list .right li .t .title{font-size:18px; color:#333;} .info22 .list .right li .t .time{font-size:14px; color:#333;} .info22 .list .right li .brief{font-size:14px; color:#999; line-height:37px; height:37px; overflow:hidden;} .info22 .list .right li:hover .title{color:#4baa36;} @media only screen and (max-width: 1680px){ #lib_member{ width:100%;} #lib_member .leftMenu{ width:20%;} .account .name{ margin-top:3%;} .account .lib_member_menu .top{ padding:6%;} .account .lib_member_menu .cont{ width:auto;} .account .lib_member_menu .cont .list{ padding:5% 0;} .account .lib_member_menu .cont .list .fz14{ padding-left:6%; margin-bottom:4%;} .account .lib_member_menu .cont .list .item{ padding-left:9%;} .account .lib_member_menu .cont .list .item .fz12{ width:95%; background:url(/images/img67.jpg) no-repeat left center; padding-left:5%; margin-bottom:2.5%;} .account .lib_member_menu .bot{ padding:6.5%; margin-top:6%;} .account .lib_member_menu .bot .item{ margin-top:4%;} .account .lib_member_menu .bot .item .list{ width:20%; margin:0 5%;} .account .lib_member_menu .bot .item .list .img{ width:62%; height:auto;} #lib_member .rightContents{ width:78.75%;} .account .lib_member_index .one{ padding:1.6%;} .account .lib_member_index .one .left{ padding-left:2.5%; } .account .lib_member_index .one .right{ line-height:24px; border:none; padding-left:3.5%; margin-top:1.5%;} .account .lib_member_index .one .right .fz14{ margin-left:0;} .account .lib_member_index .two .hb{ margin-top:2%;} .account .lib_member_index .two .hb .list{ padding:0 2%;} .account .lib_member_index .two .db{ padding:1.5%;} .account .lib_member_index .two .db .item{ margin-bottom:1.5%;} .account .lib_member_index .two .db .item .cont th.in{ padding-left:1.5%;} .account .lib_member_index .two .db .item .cont td{ padding:1.7% 0;} .account .lib_member_index .two .db .item .cont td.n1{ padding-left:1.5%;} .account .lib_member_index .two .db .item .cont td.n1 .img1{ width:24.5%; height:auto;} .account .lib_member_index .two .db .item .cont td.n1 .img1 a{ width:100%; height:auto;} .account .lib_member_index .two .db .item .cont td.n1 .nr{ margin-top:0; margin-left:5%;} .account .lib_member_index .two .db .item .cont td.n1 .nr .fz14{ margin-bottom:5px;} .account .lib_member_index .two .db .item .cont td.n1 .attr{ width:17%; margin-right:4%;} .account .lib_member_index .two .db .item .cont td.n1 .attr .img2{ width:86%; height:auto; padding:7%;} .account .lib_member_index .two .db .item .cont td.n1 .attr .fz14{ margin-top:0;} .account .lib_member_index .two .db .item .bot{ padding:1.8% 0;} .account .collection .last{ margin-top:2%;} .account .collection .last .list{ width:23%; margin-right:2.6%;} .account .collection .last .list .top{ width:100%;} .account .collection .last .list .top .img{ height:auto;} .account .collection .last .list .top .more .itm{ width:auto; padding:0 8.5%; margin-top:26%;} .account .collection .last .list .top .more .itm .icon{ width:63%;} .account .collection .last .list .top .more .itm .icon img{ width:100%;} .account .lib_member_password .last{ padding:3% 0;} nav{/*width:50%;*/ margin:20px 0 0 15%;} nav li .senior{font-size:16px;} nav li.on .senior{font-size:16px;} nav li:hover .senior{font-size:16px;} } @media only screen and (max-width: 1440px){ /*nav{width:65%; margin-left:14%;}*/ nav li{margin-right:6%;} nav li .senior{font-size:14px;} nav li.on .senior{font-size:14px;} nav li:hover .senior{font-size:14px;} .account .lib_member_index .one .right{ margin-top:2%;} .account .lib_member_index .two .db .item .cont td.n2 .fz16{ font-size:14px;} .account .lib_member_index .two .db .item .cont td.n5 .fz18{ font-size:14px; font-weight:bold;} } @media only screen and (max-width: 1360px){ .info22 .list .left .b{/*position:inherit;*/ padding:14px 3% 12px;} .info22 .list .left .b .title a{font-size:16px;} } @media only screen and (max-width: 1280px){ /*nav{width:65%; margin-left:10%;} nav li{margin-right:5%;}*/ nav{width:60%; margin:20px 0 0 10%;} .account .lib_member_menu .top .img{ width:16%; height:auto;} .account .lib_member_menu .top .fz16{ line-height:normal; margin-top:2%; margin-left:2%;} .account .lib_member_index .two .db .item .cont td.n1 .nr .fz14{ margin-bottom:0;} .account .lib_member_index .two .db .item .cont td.n1 .nr .fz12{ line-height:normal;} .account .lib_member_index .two .db .item .cont td.n1 .attr .fz14{ font-size:12px;} .account .collection .last .list .top .more .itm{ margin-top:20%;} #banner .banner-info.threes{width: 50%;} } @media only screen and (max-width: 1270px){ .info22 .list .right li{height:auto; padding:0 0 3%;} } @media only screen and (max-width: 1263px){ .info22 .list .left{display:none;} .info22 .list .right{width:100%;} .info22 .list .right li .brief{height:auto; overflow:auto;} } @media only screen and (max-width: 1160px){ nav li{margin-right:3%;} } @media only screen and (max-width: 1200px){ /*nav{width:68%; margin-left:6%;} nav li{margin-right:3%;}*/ #about_index .about_rab .brief{margin:20px 0;} .about-history .top .year{font-size: 80px;} .about-history .top .year-brief{font-size: 20px;} .about-history .bot .db li.on .year-select{font-size: 20px;} .about-history .bot .db li .year-select{font-size: 14px;} .cate_list .catess .c{width: 48.5%;} .list30{table-layout:auto;word-break:normal;} /*.list30 .tr1{display: none;} .list30 .tr2{display: none;}*/ .list30 .tr3{display: block;} .list30 .tr4{display: block;} .list30 td{width: auto;} .list30 .tr4 td{ padding:10px 5px; } .list30 .tr1.aaa,.list30 .tr2.aaa{display: none;} } @media only screen and (max-width: 996px){ nav{margin:20px 0 0 5%;} nav li .senior{font-size:12px;} nav li.on .senior{font-size:12px;} nav li:hover .senior{font-size:12px;} } @media only screen and (max-width: 980px){ header .h_box{/*display:none;*/ margin:38px 20px 0 0;} nav{display:none;} header .logo{width:189px;} header .lang{display:none;} header .h_member{display:none;} header .menubtn{display:block;} .info_index .main{display:none;} #product_index{padding:40px 0;} .p_cn{font-size:20px; height:60px; line-height:60px;} #product_index .pr_category{margin-top:40px;} #app_index .a_category{width:96%; margin:0 auto;} #app_index .a_category li .title{font-size:14px;} #app_index .a_category li .a_box .name{font-size:14px;} #about_index .about_rab .brief{height:210px; overflow:hidden;} .advanss .ad_title{font-size:20px; height:80px; line-height:80px; overflow:hidden;} .advanss .adv_list li .pic img{width:20%;} .q_box .q_list li{width:31.333%; margin:0 1% 20px;} .in_apply .in_tit{height:40px; line-height:40px; font-size:20px;} .about{background:none; padding:60px 0;} .about_box .a_name{font-size:20px;} .download .w15{display:none;} .download .w12{width:27%;} .info_detail .in_title{font-size:20px; line-height:40px;} .join-list .item{width: 100%;} .join-list .con{position: static;} .join-list .item.on{z-index: 2;} .join-list .item.on .button-up{margin-top: -100%;} .join-list .item.on .pad{background-color: #76c5f0;} .contact .con_title{font-size:20px; height:60px; line-height:60px;} .about-history .top .year{font-size: 20px;} .about-history .title .tit{font-size:20px; line-height:40px; height:40px; padding:0 20px;} .about-history .bot .db .item .year-select{font-size: 14px;} .about-history .bot .db .item.on .year-select{font-size: 16px;} .account .lib_member_login .last{ width:50%; padding:3% 15%;} .account .lib_member_login .last .logo{ width:70%; height:auto;} .account .lib_member_login .last .list{ margin-bottom:6%;} .account .lib_member_login .last .list.n1{ margin-top:12%;} .account .lib_member_login .last .sub{ margin:6% 0;} .member_footer.login{ margin-top:10%;} .account .lib_member_menu .cont .list .item .fz12{ width:98%; background:none; padding-left:2%;} .account .lib_member_index .one .right{ margin-top:2.8%;} .account .lib_member_index .two .db .item .cont td.n1 .img1{ width:50%;} .account .lib_member_index .two .db .item .cont td.n1 .attr{ display:none;} .account .collection .last .list{ width:49%; margin:0 0 2%;} .account .collection .last .list.in{ float:right;} .account .collection .last .list .top .more .itm{ margin-top:27%;} .account .collection .last .list .top .more .itm .icon{ width:75%;} .account .collection .last .list .top .more .itm .fz14{ font-size:14px;} #banner .banner-info.twos{width: 85%;} #banner .banner-info.threes{width: 90%;} .cate_list .catess .c{width: 90%;} #footer .f_bottom .l,#footer .f_bottom .r{float: none;width: auto;} .product_detail .p_box .p_all .p_btn.mobiles{display: block;} .product_detail .p_box .p_all .p_zixun.waps{display: none;} } @media only screen and (max-width: 960px){ #about_index{width:96%; margin:20px auto 40px;} #about_index .pic{width:100%;} #about_index .about_rab{width:100%; height: auto !important; padding:0; margin-top:20px;} #about_index .about_rab .brief{height:auto; text-align:center;} .product_detail .p_top .pic{max-width:398px; width:100%; margin:0 auto 20px; float:none;} .product_detail .p_top .p_box{width:100%; padding:0;} .product_detail .p_box .name{text-align:center;} .product_detail .p_box .p_all{text-align:center;} .product_detail .p_box .p_all .p_btn.mobiles{display:inline-block; float:none;margin-bottom: 5px;} .product_detail .p_box .p_all .p_apply{display:inline-block; float:none;margin-bottom: 5px;} .product_detail .p_box .p_all .p_downs{display: inline-block;float: none;margin-bottom: 5px;} .product_detail .p_box .p_all .p_btn a{ text-indent:50px;} .contact .con_box{font-size:0;} .contact .con_box .con_li{width:48%; margin:0 2% 20px 0; display:inline-block; float:none; vertical-align:top;} .info .list li .pic{display:none;} .info .list li .box{width:80%;} } @media only screen and (max-width: 850px){ .account .lib_member_login .last .list.n3 a{ width:35%;} .account .lib_member_menu .top .fz16{ font-size:14px;} #lib_member .leftMenu{ display:none;} #lib_member .rightContents{ width:100%;} .account .lib_member_index .two{ display:none;} .account .lib_member_index .two.orders{ display:inline-block;} .account .lib_member_index .thr{ display:inline-block;} } @media only screen and (max-width: 768px){ #product_index .pr_category li{width:48%; margin:0 1% 15px;} #app_index .a_category li{width:50%;} #app_index .a_category li.none{display:block;} #quality_index{padding:40px 0;} #quality_index .q_list{margin-top:40px;} .q_list li{width:31.333%; margin:0 1% 15px;} #service_index{padding-top:40px;} .p_category .s_category li{height:40px; line-height:40px;} .download{border-top:1px solid #d6d6d6;} .advanss .adv_list li .title{font-size:16px; overflow:hidden;} .advanss .adv_list li .brief{font-size:12px;} .advanss .adv_list li .pic img{width:30%;} .i_category li{font-size:16px; height:48px; line-height:48px; margin:0 20px;} .info{padding:40px 0;} .info .list li .box .name{height:40px; line-height:40px;} .info .list li .i_rab .time{font-size:18px;} .instance .in_top li a{padding:30px 0 20px;} .instance .in_top li .pic{height:48px;} .instance .in_top li .pic img{width:20%;} .in_apply .app_form .in_row{width:48%; margin-right:2%;} .info_detail{padding:50px 0 30px;} .instance_list li{padding-bottom:30px;} .m_box{display:none;} .product_detail{border-top:1px solid #d6d6d6;} #footer .f_top li{width:31.333%; margin:0 1% 20px; border-right:none; padding:0; min-height:auto;} #footer .f_top li.w200{width:100%;} #footer .f_top li .title{ text-align:center;} #footer .f_top li dd{text-align:center;} #footer .f_top li .pic{width:120px; margin:0 auto;} #footer .f_top li .wei{text-align:center;} } @media only screen and (max-width: 720px){ .contact .c_row{width:100%; float:none;} .account .lib_member_login{ padding:8.5% 0 0;} .account .lib_member_login .last{ width:80%; padding:3% 6%;} .account .lib_member_login .last .list{ margin-bottom:5%;} .account .lib_member_login .last .list.n1{ margin-top:5%;} .account .lib_member_login .last .sub{ margin:3% 0;} .member_footer .top .fz14{ padding:0 10px;} .account .lib_member_index .two .db .item .cont.in1{ display:none;} .account .lib_member_index .two .db .item .cont.in2{ display:inline-block;} .account .lib_member_index .two .db .item .cont td.n1 .nr .fz14{ margin:10px 0;} .account .lib_member_index .two .db .item .cont td.n1 .nr .fz12{ line-height:22px;} .info22 .list .right li .t{line-height:normal;} .info22 .list .right li .t .time{display:none;} .info22 .list .right li .t .title{font-size:16px; margin:0 0 2%;} .info22 .list .right li .brief{line-height:normal; line-height:24px;} } @media only screen and (max-width: 640px){ .phone-block{display:block;} .phone-hide{display:none;} #pop_info_tips{width:80% !important;} .join-list .pad{padding: 3% 5%;} .join-list .con{padding: 3%;} .p_category .s_category li{width:48%; margin:0 1% 10px;} .advanss .adv_list li{width:100%; margin:0 0 10px; padding:20px 0;} .advanss .adv_list li .title{margin:5px 0;} .advanss .adv_list li .brief{height:auto; line-height:24px;} .advanss .adv_list li .pic img{width:10%;} .q_list li .pic img{width:30%;} .instance .in_top li{width:48%;} .instance .in_top li .pic img{width:15%;} .contact .con_box .con3{width:100%;} .account .lib_member_login .last .list .input{ height:40px; text-indent:10px; font-size:12px;} .account .lib_member_login .last .list .remember .check{ margin-top:2px; margin-right:5px;} .account .lib_member_login .last .list .remember .Zi1{ font-size:12px;} .account .lib_member_login .last .list .Zi2{ font-size:12px;} .account .lib_member_login .last .sub{ height:38px; font-size:16px;} .account .lib_member_login .last .fz16{ font-size:14px;} .member_footer .top .fz14{ font-size:12px; padding:0 2%;} .account .lib_member_login .last .list.n3 .input{ width:50%;} .account .lib_member_login .last .list.n3 a{ width:25%;} .account .lib_member_index .one .left{ width:96%; border:none; padding:0 2%;} .account .lib_member_index .one .right{ width:96%; padding:0 2%; margin-top:2%;} .account .lib_member_index .two .hb .list{ font-size:12px; padding:0 2%;} .account .lib_member_index .two .db .item .cont th{ height:35px; font-size:12px;} .account .collection .last .list .top .more .itm .icon{ width:55%;} .account .lib_member_medata .last .list .Zi1{ width:15%;} .account .lib_member_medata .last .list .input{ width:60%;} .account .lib_member_medata .last .list .rod{ margin-top:2%;} .account .lib_member_medata .last .list span{ margin-right:2%;} .account .lib_member_medata .last .list select{ width:15%; margin-right:2%;} } @media only screen and (max-width: 480px){ #product_index{padding:20px 0;} .p_cn{font-size:14px; height:40px; line-height:40px;} #product_index .pr_category{margin-top:20px;} #product_index .pr_category li{width:100%; margin:0 0 15px; padding:20px 0;} #product_index .pr_category li .title{font-size:12px; line-height:24px; height:auto;} #app_index .a_category li{width:100%;} .q_box{padding:20px 0;} .q_box .q_list li{width:48%; padding:15px 0; margin:0 1% 10px;} .q_list li .pic{height:60px;} .q_list li .pic img{width:20%;} .q_list li .title{font-size:12px; height:28px; line-height:28px;} .q_list li .pic{margin-bottom:15px;} .i_category li{margin:0 15px; font-size:14px; height:30px; line-height:30px;} #service_index .brief{margin:20px 0 50px; font-size:12px;} #service_index .more{font-size:12px; height:32px; line-height:32px; width:120px;} #about_index .about_rab .brief{font-size:12px; line-height:24px;} #about_index .more{font-size:12px; height:32px; line-height:32px; width:120px;} .p_category{padding:20px 0;} .p_category .s_category{margin-bottom:0;} .advanss .adv_list li .title{font-size:14px; line-height:32px; height:32px;} .advanss .adv_list li .pic{height:60px;} .instance .in_top li a{padding:20px 0;} .instance .in_top li .name{height:28px; font-size:14px; line-height:28px; margin-top:10px;} .product_detail .p_box .name{height:40px; line-height:40px;} .product_detail .p_box .brief{margin-bottom:20px;} .product_detail .p_bottom .p_item{height:40px;} .product_detail .p_bottom .p_item .p_li a{height:36px; line-height:36px; font-size:14px; padding:0 20px;} .product_detail .p_box .p_all .p_btn.mobiles{background:url(/images/consult.png) no-repeat 20px center #288c3a; background-size:10%;} .product_detail .p_box .p_all .p_btn a{ text-indent:25px; font-size:14px;} .product_detail .p_box .p_all .p_apply{background:url(/images/p_apply.png) no-repeat 20px center #0293d2; background-size:10%;} .product_detail .p_box .p_all .p_downs{background:url(/images/p_downs.png) no-repeat 20px center #e6af19; background-size:10%;} .product_detail .p_box .p_all .p_btn{margin:0 10px 10px !important;} .product_detail .p_bottom .p_sub_item{padding:20px 10px;} .in_apply{padding:20px 0;} .in_apply .in_tit{font-size:14px; line-height:30px; height:30px;} .in_apply .in_bri{font-size:12px;} .in_apply .app_form{padding:20px 2% 30px;} .in_apply .app_form .in_row{width:100%; margin-right:0; margin-bottom:10px;} .in_apply .app_form .in_row .se{font-size:12px; height:40px; line-height:40px;} .in_apply .app_form .in_row .i{font-size:12px; height:40px; line-height:40px;} .in_apply .app_form .in_message .mess{font-size:12px;} .in_apply .app_form .apply_sub{margin:20px auto 0; width:120px; height:40px;} .in_apply .app_form .apply_sub .a_mit{font-size:12px;} .info{padding:20px 0;} .info .list li{padding-bottom:20px; margin-bottom:20px;} .info .list li .box .name{font-size:14px; margin-bottom:0;} .info .list li .i_rab .time{height:40px; line-height:40px; font-size:16px;} .info .list li .box .brief{font-size:12px;} .info_detail{padding:20px 0; border-top:1px solid #d5d5d5;} .info_detail .in_title{font-size:14px; line-height:28px;} .info_detail .in_row{font-size:12px; height:30px; line-height:30px;} .info_detail .in_row span{font-size:12px;} .info_detail .in_box .in_time{font-size:12px; background-size:10%; padding-left:20px; margin:0 10px;} .info_detail .in_box .in_look{font-size:12px; background-size:15%; margin:0 10px; padding-left:25px;} .info_detail .in_box .in_look span{fonnt-size:12px;} .instance_list li{width:48%; margin:0 1% 10px; padding-bottom:20px;} .about{padding:20px 0;} .about_box{height:30px;} .about_box .a_name{font-size:14px; height:30px; line-height:30px;} .art_del{line-height:24px; font-size:12px;} .about-history{padding:20px 0 100px;} .about-history .top{margin:20px 0 60px;} .about-history .top .year{width:80px; height:80px; margin:0 auto 40px; line-height:80px; border-radius:40px;} .about-history .top .year-brief{font-size:12px; line-height:24px;} .about-history .bot{margin:80px auto 0;} .about-history .bot .prev{width:24px; height:24px; left:-24px; top:-12px; background-size:contain;} .about-history .bot .next{width:24px; height:24px; right:-24px; top:-12px; background-size:contain;} .join{padding:20px 0;} .join-list .button{width:30px; height:30px;} .join-list .button i{background-size:40%;} .contact .con_title{font-size:14px; height:40px; line-height:40px;} .contact .con_box{padding:20px 0;} .contact .con_box .con_li{width:100%; font-size:12px;} .contact .con_box .con1{background-size:5%; padding-left:30px;} .contact .con_box .con2{background-size:5%; padding-left:30px;} .contact .con_box .con3{background-size:5%; padding-left:30px;} .contact .c_row{margin-bottom:10px;} .contact .m_row{margin-bottom:20px;} .contact .c_submit{height:48px; width:160px;} .contact .c_submit .mit{font-size:12px; height:48px; line-height:48px; width:160px;} .m_box{height:40px;} .m_box .mbx span{font-size:12px; height:40px; line-height:40px;} .back a{font-size:12px; height:40px; line-height:40px;} .download .d_top{height:50px;} .download .d_top .item{font-size:14px; line-height:50px;} .download .d_list li{height:50px;} .download .d_list li .title{line-height:50px; font-size:12px;} .download .d_list li .d9{background-size:20%;} .customer{padding:20px 0;} .customer .customer-swiper{margin-top:20px;} .customer .item .title{line-height:28px; font-size:12px; height:auto; margin-top:10px;} .customer .h_button{margin-top:30px; height:20px;} .customer .h_button .prev{width:20px; height:20px; background-size:contain;} .customer .h_button .next{width:20px; height:20px; background-size:contain;} .honor{padding:20px 0;} .honor .honor-swiper{margin-top:20px;} .honor .item .title{line-height:28px; font-size:12px; height:auto; margin-top:10px;} .honor .h_button{margin-top:30px; height:20px;} .honor .h_button .prev{width:20px; height:20px; background-size:contain;} .honor .h_button .next{width:20px; height:20px; background-size:contain;} #member_create.p200{padding:0;} #member_create{padding:50px 0 !important; height:auto;} #member_create .white_box{padding:20px 0;} #member_create .white_box .wh_top{height:32px; padding:0 20px;} #member_create .white_box .wh_top .wel{font-size:14px; height:32px; line-height:32px;} #member_create .white_box .wh_top .wh_r{height:32px; line-height:32px;} #member_create .white_box .m_red{font-size:12px;} #member_create .white_box .wh_mid{width:96%; margin:0 auto;} #member_create .white_box .wh_mid .l_row{margin:0 auto 20px;} #member_create .white_box .wh_mid .l_user{font-size:12px; height:40px; line-height:40px;} #member_create .white_box .wh_mid .m_reg{height:40px; max-width:420px; width:100%;} #member_create .white_box .wh_mid .m_reg .mit{font-size:12px; height:40px; line-height:40px; max-width:420px; width:100%;} #member_create .white_box .wh_mid .w_row{padding-left:10px;} #member_create .white_box .wh_mid .w_row .w_lab{font-size:12px;} #member_create .white_box .wh_mid .w_row .w_lab span{font-size:12px;} #member_create .white_box .wh_mid .w_row .w_lab{width:80px; height:40px; line-height:40px;} #member_create .white_box .wh_mid .w_row .w_rab{width:60%;} #member_create .white_box .wh_mid .w_row .m_user{font-size:12px; height:38px; line-height:38px; width:100%;} #member_create .white_box .wh_mid .w_row .vcode{margin-bottom:10px;} .member_footer .top .fz14{ font-size:10px; border:none;} .member_footer .bot{ font-size:10px; margin-top:5px;} .account{border-top:1px solid #d5d5d5;} .account .lib_member_index .two .hb{ margin-top:4%;} .account .lib_member_index .two .hb .list{ height:30px; line-height:30px; font-size:10px;} .account .lib_member_login .last .list.n3 a{ width:40%;} .account .lib_member_index .one .left .Zi2 .Zi3{} .account .lib_member_index .two .db .item .cont td.n1 .nr .fz14{ margin:5px 0 0;} .account .lib_member_index .two .db .item .cont td.n1 .nr .fz12{ line-height:normal;} .account .lib_member_index .two .db .item .cont td.n7 .n1{ width:auto; height:auto; line-height:normal; padding:4% 20%;} .account .collection .last .list .top .more .itm{ width:45%; padding:0; margin-top:24%;} .account .collection .last .list .top .more .itm .icon{ width:28%;} .account .collection .last .list .top .more .itm .fz14{ font-size:10px;} .account .collection .last .list .bot{ margin-top:5px;} .account .lib_member_medata .last .list{ line-height:normal; margin-bottom:20px;} .account .lib_member_medata .last .list .Zi1{ width:100%; text-align:left; margin-bottom:5px;} .account .lib_member_medata .last .list .input{ width:90%;} .account .lib_member_medata .last .list .rod{ margin-top:1%;} .account .lib_member_medata .last .list select{ width:23%;} .account .lib_member_medata .last .list span.n1{ margin-top:2%;} .account .lib_member_medata .last .list .sub{ margin:0;} .account .lib_member_password .last .list{ line-height:normal; margin-bottom:5%;} .account .lib_member_password .last .list .Zi1{ width:100%; text-align:left; margin-bottom:2%;} .account .lib_member_password .last .list .input{ width:80%;} .account .lib_member_password .last .list .sub{ margin:0;} #footer .f_top{padding-bottom:10px;} #footer .f_top li{width:48%;} #footer .f_top li .title{font-size:14px;} } @media only screen and (max-width: 390px){ header .h_box{display:none !important;} header .search_w{display:none !important;} } @media only screen and (max-width: 360px){ .q_list li{width:48%; margin:0 1% 15px;} .advanss .adv_list li .pic{height:40px;} .q_list li .pic{height:40px;} .download .d_list li .d9{ text-indent:30px;} #member_create .white_box .wh_top .wh_r a{margin-left:10px;}}