@charset "utf-8"; /*=========================================全局共用属性css nie ===============================================*/ html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, figure, figcaption, table, th, td img {margin:0;padding:0;} body {font-family:"microsoft yahei", "微软雅黑", "\5fae\8f6f\96c5\9ed1";font-size:12px;text-align:left;margin:0 auto;line-height:24px;color:#333;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;} iframe{border:none;margin:0 auto;padding:0px;} html,body{height:100%; } html,body{font-size:100%;} html,*{ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } img{border:0; vertical-align:middle; border:0; max-width:100%; -webkit-font-smoothing: antialiased;}/*让链接里的 img 无边框;清除图片间距*/ ul, li {list-style:none;} button {cursor:pointer;} /*这个可以不用*/ .clear {clear:both;} .fl {float:left;} .fr {float:right;} .tl {text-align:left;} .mt15{margin-top: 15px;} .line15{background-color: #d2d2d2;height: 15px;line-height: 15px;width: 100%;} /*全局的字体链接*/ a:link, a:visited {color:#333;text-decoration:none;} a:hover, a:active {color:#666;text-decoration:none;} .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .cd-main-content {clear:both;max-width:640px;margin:0 auto;background-color:#d2d2d2;} /*浮动导航*/ .cd-img-replace {display: inline-block;overflow: hidden;text-indent: 100%;white-space: nowrap;} .overflow-hidden {overflow: hidden;} #cd-lateral-nav.lateral-menu-is-open {-webkit-transform: translatex(0);-moz-transform: translatex(0);-ms-transform: translatex(0);-o-transform: translatex(0);transform: translatex(0);-webkit-overflow-scrolling: touch;} .cd-main-content {/*min-height: 100%;*/position: relative;z-index: 2;background:#d2d2d2;-webkit-transform: translatez(0);-webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;transition-duration: 0.4s;} .cd-main-content.lateral-menu-is-open, .png_tel.lateral-menu-is-open {-webkit-transform: translatex(-200px);-moz-transform: translatex(-200px);-ms-transform: translatex(-200px);-o-transform: translatex(-200px);transform: translatex(-200px);} .header {position:fixed;top: 0;left: 0;width: 100%;z-index:3;-webkit-transform: translatez(0);-webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;transition-duration: 0.4s;height: 46px;background: #004a84;} .header.lateral-menu-is-open, .home_down.lateral-menu-is-open, footer.lateral-menu-is-open {-webkit-transform: translatex(-200px);-moz-transform: translatex(-200px);-ms-transform: translatex(-200px);-o-transform: translatex(-200px);transform: translatex(-200px);} .header.is-fixed {position: fixed;} /*.header>div {clear:both;width:100%;margin:0 auto;padding:15px 1.5%;background:#006fb9;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;}*/ #cd-logo_index {float:left;margin:0px 0 0 0px;width:50.75%; height:100%;padding-left: 3%} #cd-logo_index img {display:block;width:70.25%; } .cd-menu-trigger_index {float:right;width:10.75%;height:100%;padding-top: 5px;} .cd-menu-trigger_index .cd-menu-icon {display:block;height:80%;} .banner{margin-top: 46px;} .header>div {clear:both;width:100%;margin:0 auto;padding:5px 1.5%;color: #fff;background:#004a84;box-sizing:border-box;-moz-box-sizing:border-box; /* firefox */-webkit-box-sizing:border-box;} .cd-logo {float:left;width:20.75%; height:100%;line-height: 190%;display: block;color: #fff;padding-top: 5px;font-size:1.0em;} .header a,.header a:hover{color: #fff;} .cd-logo img {display:block;width:63.75%; } #cd-txt {float:left;width:65.5%; height:100%;text-align:center;line-height:190%;font-size:1.2em;color:#fff} #cd-menu-trigger {float:right;width:10.75%;height:100%;padding-top: 5px;} #cd-menu-trigger .cd-menu-icon {display:block;height:100%;} #cd-menu-trigger .cd-menu-icon img{width:73.75%;} @media only screen and (min-width: 768px) { #cd-menu-trigger .cd-menu-icon {left: auto;right:2em;-webkit-transform: translatex(0);-moz-transform: translatex(0);-ms-transform: translatex(0);-o-transform: translatex(0);transform: translatex(0);} } #cd-lateral-nav {position: fixed;height: 100%;right: 0;top: 0;z-index: 1;width: 200px;background-color:#00325b;overflow-y: auto;-webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;transition-duration: 0.4s;-webkit-transform: translatex(200px);-moz-transform: translatex(200px);-ms-transform: translatex(200px);-o-transform: translatex(200px);transform: translatex(200px);} #cd-lateral-nav .cd-navigation {margin: 10px 0 16px;text-align:center;} #cd-lateral-nav .cd-navigation dd{} #cd-lateral-nav .cd-navigation dd p{line-height:30px;padding-top: 10px;} #cd-lateral-nav .cd-navigation dd img{width: 32%;} #cd-lateral-nav .sub-menu {padding: 0 10px 0px 15px;display: none;} #cd-lateral-nav a {display: block;line-height: 2em;color:#fff;} #cd-lateral-nav a.current {background-color: #3a4a4d;color: #fff;} .no-touch #cd-lateral-nav a:hover {color: #fff;} @media only screen and (min-width: 768px) { #cd-lateral-nav .cd-navigation {margin: 20px 0;text-align:center;} } #cd-lateral-nav.lateral-menu-is-open {-webkit-transform: translatex(0);-moz-transform: translatex(0);-ms-transform: translatex(0);-o-transform: translatex(0);transform: translatex(0);-webkit-overflow-scrolling: touch;} #cd-lateral-nav .item-has-children > a {position: relative;text-transform: uppercase;font-weight: 600;} #cd-lateral-nav .item-has-children > a::after {content: '';display: block;height: 11px;width: 8px;position: absolute;top: 50%;bottom: auto;-webkit-transform: translatey(-50%);-moz-transform: translatey(-50%);-ms-transform: translatey(-50%);-o-transform: translatey(-50%);transform: translatey(-50%);right: 1em;background: no-repeat center center;background-size: 8px 11px;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.2s;-moz-transition-duration: 0.2s;transition-duration: 0.2s;} #cd-lateral-nav .item-has-children > a.submenu-open::after {-webkit-transform: translatey(-50%) rotate(90deg);-moz-transform: translatey(-50%) rotate(90deg);-ms-transform: translatey(-50%) rotate(90deg);-o-transform: translatey(-50%) rotate(90deg);transform: translatey(-50%) rotate(90deg);} #cd-lateral-nav .socials {padding: 0 32px;} #cd-lateral-nav .socials:after {content: "";display: table;clear: both;} #cd-lateral-nav .socials a {height: 32px;width: 32px;float: left;padding: 0;background-image: ;background-repeat: no-repeat;background-size: 128px 64px;background-color: #fff;margin-right: .5em;border-radius: 0.25em;} #cd-lateral-nav .socials a.cd-twitter {background-position: 0 0;} #cd-lateral-nav .socials a.cd-github {background-position: -32px 0;} #cd-lateral-nav .socials a.cd-facebook {background-position: -64px 0;} #cd-lateral-nav .socials a.cd-google {background-position: -96px 0;} /*==================头部=======================*/ .wzbg {clear:both;width:100%;background:#d2d2d2;margin:0 auto;} header {clear:both;width:100%;margin:0 auto;} /*==================导航=======================*/ .nav_icon{max-width:640px; margin:0px auto;padding:20px 0px;clear:both;background:#fff;} .nav_icon li{width:24%;float:left;text-align:center;margin:0 0.5%;display:block;} .nav_icon li img{width: 60%;} .nav_icon li p{height:30px;line-height:30px;padding-top:10px;color:#262626;font-size:14px;} .nav_icon li a,.nav_icon li a:hover{color:#262626;font-size:14px;} .nav_icon .on a p{color: #fdad00;} /*==================首页滚动新闻=======================*/ .loop_news{clear:both;width:98%;margin:0 auto;padding:5px 1%;line-height: 35px;background:#fff; } .loop_news_pic{width:30%;float:left; height: 35px;} .loop_news_list{width: 70%;float:left;} .loop_news_list li{ height: 35px; line-height: 35px;overflow:hidden; font-size: 16px;text-align:left;padding-left:10px;} .loop_news_list li span{text-align:right;float:right;} .title{height:50px;line-height:50px;font-size:20px;background-color:#fff;margin-top:10px; padding:5px 2%;} .title a,.title a:hover{color:#010101;font-weight:bold;} .title span{float:right;} .title span a,.title span a:hover{color:#006fb9;font-size:16px;} .line{border-top:solid 1px #d2d2d2;width:100%;height:1px;clear:both;} .iproa{background-color:#fff;padding:0px 2%;border-bottom:solid 1px #d2d2d2;box-sizing: border-box;} .iproa_left{width:50%;float:left;padding:20px 0;border-top:solid 1px #d2d2d2;box-sizing: border-box;border-right:solid 1px #d2d2d2;} .iproa_left dl{text-align: center;} .iproa_left dt{font-size:1.0em;color:#000;font-weight: bold;} .iproa_left dt a,.iproa_left dt a:hover{color:#000} .iproa_left dd{font-size:0.8em;color:#717171;padding-top:5px;} .iproa_left dd a,.iproa_left dd a:hover{color:#717171;} .iproa_left_img{padding-right:5%;} .iproa_left_img img{max-width: 80%;display: block;margin: 0 auto} .pro_img img{max-width: 80%;} .iproa_right{width:50%;float:right;position: relative;height: 100%;border-top:solid 1px #d2d2d2;} .real-show{width: 95%;height: 100%;overflow: hidden;padding:10px 0 0 5%;box-sizing: border-box;} .real-show2{width: 95%;height: 100%;overflow: hidden;padding:10px 0 0 5%;} .graphic-text{width: 60%;float: left;overflow: hidden;} .graphic-tit{font-size: 1.0em;line-height: 25px;color: #181818;display: block;font-weight: bold;} .graphic-wz{height: 30px;font-size: 0.8em;line-height: 30px;color: #686868;overflow: hidden;display:margin-bottom: 2px;} .graphic-img{width: 40%;padding-top: 2px;float: right;height: 100%;} .graphic-img img{overflow: hidden;text-align: center;width: 100%;height: 100%;vertical-align: bottom;} .graphic-text2{width: 65%;float: left;overflow: hidden;} .graphic-tit2{font-size: 1.0em;;line-height: 34px;height:34px;color: #181818;display: block;overflow: hidden;font-weight: bold; text-align: center;} .graphic-wz2{height: 30px;font-size: 0.8em;line-height: 30px;height: 30px;color: #686868;overflow: hidden;margin-bottom: 2px;} .graphic-img2{width: 35%;padding-top: 2px;float: right;height: 100%;} .graphic-img2 img{overflow: hidden;text-align: center;width: 100%;height: 100%;vertical-align: bottom;} .arrow_down{position:relative;width:60%;height:25px;line-height:25px;background:#f8c301;margin:10px auto 20px;color:#fff;text-align:center;} .arrow_down .arrow{position:absolute;top:25px;right: 40%;;width:0;height:0;font-size:0;border:solid 5px;border-color:#f8c301 #fff #fff #fff;} .arrow_down a,.arrow_down a:hover,.arrow_down2 a,.arrow_down2 a:hover,.arrow_right a,.arrow_right a:hover{color:#fff;font-size:12px;} .arrow_down2{position:relative;width:60%;height:25px;line-height:25px;background:#f8c301;margin:10px auto 20px;color:#fff;text-align:center;} .arrow_down2 .arrow{position:absolute;top:25px;right:40%;width:0;height:0;font-size:0;border:solid 5px;border-color:#f8c301 #fff #fff #fff;} .arrow_right{position:relative;width:70%;height:20px;line-height:20px;background:#f8c301;margin:5px auto 0px;color:#fff;text-align:center;} .arrow_right .arrow{position:absolute;top:5px;right:-10px;width:0;height:0;font-size:0;border:solid 5px;border-color:#fff #fff #fff #f8c301;} .arrow_right2{position:relative;width:70%;height:30px;line-height:30px;background:#f8c301;margin:5px auto 0px;color:#fff;text-align:center;} .arrow_right2 .arrow{position:absolute;top:5px;right:-20px;width:0;height:0;font-size:0;border:solid 10px;border-color:#fff #fff #fff #f8c301;} .arrow_right2 a, .arrow_right2 a:hover {color: #fff;font-size: 14px;} .iprob{background-color:#fff;padding:0px 2%;border-top:solid 1px #d2d2d2;border-bottom:solid 1px #d2d2d2;text-align: center;} .iprob_left{width:50%;float:left;padding:20px 0;min-height: 220px;border-right:solid 1px #d2d2d2;box-sizing: border-box;margin:0 auto;} .iprob_left h2,.iprob_left h2{font-size:1.0em;color:#000;} .iprob_left h2 a,.iprob_left h2 a:hover.iprob_right h2 a,.iprob_right h2 a:hover{color:#000;} .iprob_img{padding-right:5%;} .iprob_right{width:50%;float:left;padding:20px 0;min-height: 220px;} .iprob_left2{width:50%;float:left;padding:20px 0;min-height: 220px;box-sizing: border-box;margin:0 auto;} .iprob_left2 h2,.iprob_left h2{font-size:1.0em;color:#000;} .iprob_left2 h2 a,.iprob_left h2 a:hover.iprob_right h2 a,.iprob_right h2 a:hover{color:#000;} .iprob_img{padding-right:5%;} .iprob_right{width:50%;float:left;padding:20px 0;min-height: 220px;} .itonglan{margin-top:10px;} .iproc{background-color:#fff;margin:10px auto 0px;} .iproc_left{width:15%;float:left;background-color: #de4444;min-height: 200px;text-align: center;color:#fff;font-size:1.2em;line-height: 1.7em;padding-top:60px;} .iproc_left a, .iproc_left a:hover{color:#fff;} .iproc_left img{height:100%;width:100%;} .iproc_right{width:85%;float:right;} .iprod{background-color:#fff;margin:10px auto 0px;} .iprod_right{width:15%;float:right;background-color: #e7b018;min-height: 220px;text-align: center;color:#fff;font-size:1.2em;line-height: 1.7em;padding-top:40px;} .iprod_right a, .iprod_right a:hover{color:#fff;} .iprod_right img{height:100%;width:100%;} .iprod_left{width:85%;float:left;} .iabout{background:url(/uploads/image/mimages/iabout.png) no-repeat center;padding:25px 4%;color:#fff;min-height:221px;font-size:16px;} .iabout_title{font-size:20px;color:#fde200; border:2px solid #fde200;height:40px;line-height:40px;padding:0 5px;width:150px;text-align:center;margin: 0 auto; display: block;} .iabout p{text-indent:2em;line-height:34px; font-size:18px; padding-top:20px;} .iabout p a,.iabout p a:hover{color: #fff;} .iabout_title a ,.iabout_title a:hover{color:#fde200;} .part{ padding: 20px 3% 0px; background: #fff; text-align: left; position: relative; overflow: hidden;} .part ul li{width: 100%; overflow: hidden; position: relative; margin-bottom: 4%;padding-bottom:4%; border-bottom: solid 1px #d2d2d2;} .float_l {float: left;} .float_r {float: right;width: 40%;} .thumbnails_content {width: 58%;} .thumbnails img {width: 100%;height: 100%;position: relative;border-radius: 3px;} .thumbnails_content h3 {color: #333;font-size: 16px;line-height: 25px;max-height: 50px;overflow: hidden;} .category {color: #afafaf;font-size: 0.6em;display: block;position: absolute;bottom: 4%;line-height: 35px;} .category i{font-style:normal;border:solid 1px #004a85;color:#004a85;border-radius:3px; padding:2px 5px;margin-right:5px;} /*底部浮动*/ .png_tel {position:fixed;left:0px;bottom:0px;width:100%;z-index:9999; _bottom:0px;_position:absolute; _top:expression(documentelement.scrolltop documentelement.clientheight-this.offsetheight-documentelement.clientheight*0);-webkit-transform: translatez(0);-webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;transition-duration: 0.4s;} .png_tel ul {clear:both;width:100%;margin:0 auto;} .png_tel ul li{float:left;width:33.333333%;text-align:center;background-color: #fff;} .png_tel_pic img{width: 80%;} .png_tel ul li a{clear:both; width:100%; margin:0 auto; display:block;} .png_tel ul li .png_tel_pic{clear:both; width:25.625%; margin:0 auto;padding-top: 10px;padding-bottom: 10px;} .png_tel ul li .png_tel_txt{clear:both;width:100%; text-align:center; color:#5c5c5c; font-size:15px;} @media only screen and (min-width:640px) { header, nav, .main_visual, .home_xixun,.home_guang, .home_pro, .home_down, .png_tel ul, footer, .header>div, .inside, .inside_lxwm, .wzbg { width:640px !important;} } header img, .main_image img,.home_guang img, .png_tel ul li a img, .inside .inside_text img,.cd-logo img, .inside_lxsjpic img, .inside_honor li div img, .home_pro_bom li div img, .home_wdzy_pic img, #cd-menu-trigger .cd-menu-icon img, #cd-logo img,.home_dingwei_pic img,.home_dingwei_pic02 img,.home_pro_bom img,.home_upgrade_pic01 img,.home_upgrade_pic02 img,.home_about_pic01 img,.free_coll img,.craft_dl dd img,.craft_pic img,.home_down_phone img,.inside_pro_pic img,.project_one_con img,.five_pic01 img,.five_pic02 img,.project_two_con img,.project_three_con img,.project_four_con img,.project_five_con img,.inside_lxwm_map img{max-width:100%!important;height: auto!important; _width:expression(this.width > 100% ? "100%" : this.width)!important; margin: 0 auto;display: block;} @media only screen and (max-width:480px) { .home_wdzy ul li {font-size:14px !important;} .home_xixun .home_xixun_ul li .brand_concept_ultit{ line-height:30px!important;font-size:1.0em!important; font-weight:normal !important; } .inside_xixun_ul li a .brand_concept_ultit{ line-height:30px!important;font-size:1.0em!important; font-weight:normal !important; } .home_tit .home_tit_zhushi{ display:none;} .home_tit_text2{ font-size:25px !important; line-height:28px !important;} .home_about_text2{font-size:25px !important; line-height:28px !important;} .home_dingwei_txt{ padding-bottom:30px !important;} .craft .craft_dl dt{ font-size:18px !important;} .craft .craft_ul li .craft_txt{ font-size:13px !important;} .home_upgrade .home_upgrade_tit font{ font-size:18px;} .inside_pro li div .inside_pro_tit{font-size:16px; height:40px; display:block; overflow:hidden;} .home_dingwei .home_dingwei_pic02{ height:65px!important;} } /*footer*/ .footer{line-height:32px;text-align:center;padding:10px 0px 85px; clear: both;background-color: #d2d2d2;} .footer_tel{font-size:20px;color:#000;} .footer_tel a{font-size:20px;color:#000;} .common_title{height:50px;line-height:50px;font-size:20px;background-color:#fff;margin-top:10px; padding:5px 2%;border-bottom: solid 1px #c9c9c9;} .common_title a,.common_title a:hover{color:#010101;font-weight:bold;} .common_title span{float:right;} .common_title span a,.common_title span a:hover{color:#006fb9;font-size:16px;} /*产品中心*/ .pro_title{width: 96%;margin:10px auto 0px;} .pro_title a{color: #fff;} .pro_titlea{font-size:20px;display: block;text-align: center;line-height: 40px;padding:16px 0px;background-color: #dd4444;} .pro_banner{width: 100%;height: auto;margin-top: 46px;} .pro_banner img{width: 100%;} .pro_icon{max-width:640px; margin:10px auto;padding:15px 0px;clear:both;background:#fff;} .pro_icon li{width:19%;float:left;text-align:center;margin:0 3%;display:block;} .pro_icon li p{height:30px;line-height:30px;padding-top:10px;color:#262626;} .pro_icon li a,.nav_icon li a:hover{color:#262626;font-size:16px;} .pro{width: 100%;margin: 10px auto;} .pro_pic{width: 89%;float: left;} .pro_pic li{width: 42%;float: left;margin: 0 2%;padding:2% 2% 1%;;display: inline;text-align: center;background-color: #fff;} .pro_pic li img{width: 110%;} .pro_pic li p{height: 30px;line-height: 30px;overflow: hidden;} .pro_title1{width: 11%;float: right;background-color: #dd4444;position: relative;bottom: 0;} .pro_title2{width: 11%;float: right;padding:1% 0;background-color: #e7af18;} .pro_title3{width: 11%;float: right;padding:1% 0;background-color: #3690cc;} .pro_title4{width: 11%;float: right;padding:1% 0;background-color: #5aba47;} .pro_title5{width: 11%;float: right;padding:1% 0;background-color: #b965d7;} .message {background-color: #fff;} .message .input{border-radius: 10px;height: 2rem;line-height: 2rem;width: 88%;margin:10px 5%;padding:1%;border: solid 1px #c9c9c9;} .message .require{border-radius: 10px;height: 6rem;line-height: 2rem;width: 88%;margin:10px 5%;padding:1%;border: solid 1px #c9c9c9;} .message_btn{width: 20%;margin: 0 40% 10px; text-align: center;} .line10{height: 10px;line-height: 10px;width: 100%;margin: 0 auto;padding: 0px;background-color: #fff;} /*产品列表*/ .pro_list{width: 100%;margin: 10px auto;} .pro_list li{width: 42%;float: left;margin: 0 2% 15px;padding:2% 2% 1%;;display: inline;text-align: center;background-color: #fff;} .pro_list li p{height: 30px;line-height: 30px;overflow: hidden;} /*产品详情*/ .pro_detail h1{height: 40px;line-height: 40px;padding:10px 0px;font-size: 20px; text-align: center;background-color: #fff; margin-bottom: 15px;} .pro_detail_pic{width: 100%;height: auto;margin: 0 auto;background-color: #fff;} .pro_detail_pic img{width: 94%; padding: 2% 3%;} .pro_title{color:#ffd800;font-size:18px;background-color: #004b85;height: 40px;line-height: 40px;} .pro_title span{float:right;background-color: #fdd100;color:#000;padding:0px 10px;text-align: center;font-size:15px;} .right_arr {width:0; height:0; border-top:10px solid transparent;border-bottom: 10px solid transparent;border-left: 10px solid #f8c301;margin:10px 10px 0px;float:left;} .pro_detail_txt{color:#3a3a3a;width: 96%;margin: 0px auto 15px;background-color: #fff;padding:3%;line-height: 30px;font-size: 16px;border: solid 1px #d2d2d2;box-sizing: border-box;} .pro_detail_txt table{margin: 0 auto;display: table;border-collapse:collapse;} .pro_detail_txt table tr th{line-height: 25px;font-size: 14px;border:1px solid #000} .pro_detail_txt table td{width: 22%;padding: 0 10px;line-height: 25px;font-size: 14px;text-align: center;border:1px solid #000} .picscroll{ width:100%; overflow:hidden; position:relative;background-color: #fff;} .picscroll .bd{ } .picscroll .bd ul{ overflow:hidden; zoom:1; } .picscroll .bd ul li{width:21%; margin:15px 2%;float:left; _display:inline; overflow:hidden; text-align:center;} .picscroll .bd ul li img{ width:100%;border:solid 1px #d2d2d2;border-radius:10px;box-sizing:border-box;} .picscroll .bd ul li p{ line-height:24px; text-align:center;padding-top:5px;height: 24px;overflow: hidden;} .about{background-color: #fff;width: 94%; margin: 0 auto; padding: 2% 3%; margin-top: 15px;} .about_tit{height: 40px;line-height: 40px;padding:20px 0px 10px;font-size: 22px; text-align: center;background-color: #fff;} .about_txt{line-height: 30px;text-indent: 2em;font-size: 16px; } .about_pic{width: 100%;height: auto;margin: 10px auto;background-color: #fff;} .about_pic img{width: 100%;} .contact_top{background-color: #fff;margin: 20px auto; padding: 15px 0px;} .contact_tel{line-height: 35px;font-size: 1.0em;color: #262626;clear: both;} .contact_tel dt{float: left;text-align: right;width: 40%;} .contact_tel dd{float: left;width: 58%;padding-left: 2%;} .contact_top{width: 92%;background: #fff;margin: 10px auto;padding:10px 2%;} .contact_top ul li {padding:5px 0px;border-bottom: dashed 1px #dedede; } .contact_top ul li p{padding: 10px auto 5px;line-height: 35px;font-size: 15px;} .contact_top ul li img{width: 100%;display: block;margin-bottom: 10px;} .contact_top ul li p .jptel{color:#004a85;font-size:18px;font-weight: bold;} .contact_top ul li p .jptels{background-color:#fdd100;color:#fff;border-radius: 5px; padding:5px 8px;margin-left:8px;font-size:16px;font-weight: bold;} .contact_map{width: 92%;background: #fff;margin: 0px auto 10px;padding:10px 2%;} /*新闻中心*/ /*==================导航=======================*/ .news_icon{max-width:640px; margin:0px auto;padding:10px 0px;clear:both;background:#fff;} .news_icon li{width:26.333%;float:left;text-align:center;margin:0 3%;display:block;} .news_icon li img{width: 60%;} .news_icon li p{height:30px;line-height:30px;padding-top:10px;color:#262626;font-size:16px;} .news_icon li a,.nav_icon li a:hover{color:#262626;font-size:14px;} .news_icon .on p{color: #fdad00;} .news{width: 100%; margin: 0 auto; padding-top: 3%;} .news_xq{width: 100%;height: auto;margin: 0px auto 10px;background-color: #fff;} .news_xq ul{width: 85%;float: left;padding-left: 2%;} .news_xq ul li{width: 100%;line-height: 30px;height: 30px; padding:5px 0px;border-bottom: 1px dashed #d2d2d2;color: #5d5d5d;height: 30px; overflow: hidden;} .news_xq ul li a{width:72%;display: block;float: left;line-height: 30px;height: 30px;overflow: hidden;} .news_xq ul li a:hover{color: #d7100d;color: #5d5d5d;} .news_xq ul li span{float: right;font-size:13px;width: 25%;float: right;} .news_title{width: 12%;float: right;} .news_title a{color: #fff;} .news_titlea{font-size:1.0em;display: block;text-align: center;line-height: 34px;padding-top:10px;background-color: #dd4444;} .news_titleb{font-size:1.0em;padding:8px 0px;display: block;text-align: center;line-height: 1.8rem;background-color: #006fb9;} .news_titlec{font-size:1.0em;display: block;text-align: center;line-height: 34px;padding-top:10px;background-color: #e7af18;} .news_titled{font-size:1.0em;display: block;text-align: center;line-height: 34px;padding-top:10px;background-color: #59ba47;} .news_list{width: 100%;height: auto;margin-bottom: 15px;} .news_list .news_top{position: relative;width: 100%;padding: 2% 0;height: auto;background: #fff;} .news_list .news_top .new_pic{width: 100%;position: relative;} .news_list .news_top .new_pic img{width: 100%;} .news_list .news_top .new_p{position: absolute;left: 0;bottom: 0;width: 100%;background: rgba(0,0,0,0.6);} .news_list .news_top .new_p p{color: white;text-align: center;padding:5px 0px;} .part_news{ width: 100%; background: #fff;text-align: left;overflow: hidden;background-color: #d2d2d2;} .part_news ul li{width: 94%; padding: 20px 3% 0px; overflow: hidden; position: relative; margin: 2% auto;padding-bottom:4%; border-bottom: solid 1px #d2d2d2;background: #fff;} .showpage{width: 100%;font-size: 13px;text-align: center;padding:5px 0px;height: 30px;line-height: 30px;background-color: #fff;} /*新闻详情*/ .news_detail{width: 95%;height: auto;margin: 15px auto;padding: 5px 2.5%;background: #fff;} .news_detail .news_tit{width: 100%;font-weight: bold;font-size: 18px;text-align: center;color: #000000;padding-top:20px;} .news_detail .news_time{width: 100%;text-align: center;padding:10px 0px;color: #5d5d5d;} .news_detail .news_con{width: 100%;padding:0 5px;} .news_detail .news_con p{font-size: 14px;line-height: 23px;} .news_detail .news_con img{width: 90%;padding:10px 0px;display: block;margin: 0 auto;} /*banner*/ .main_visual{ height:10.8rem; overflow:hidden; position:relative;} .main_image{ height:100%; overflow:hidden; position:relative;} .main_image ul,.sub_mt{ width:9999px; height:100%; overflow:hidden; position:absolute; top:0; left:0} .main_image li{ float:left; width:100%; height:100%;} .main_image li img{ width: 100%; height: 100%;} .flicking_con{ position: absolute; z-index: 99;bottom: 0em; width: 100%; text-align: center; background: rgba(0,0,0,0.4);} .flicking_con2{ bottom: 1.5em;background: rgba(0,0,0,0.4);} .flicking_con a{ display: inline-block; text-indent: -9999px; border: 1px solid #999999;background-color: #999999; height: 2px; line-height: 2px; width: 1.5em;} .flicking_con a.on{ border-color:#fff;background-color: #fff;} /*推荐产品*/ #tj{width: 95%;background: #fff;margin: 0px auto;padding: 2% 2.5% 0px;} #tj .slid{margin: 10px 0px;} #tj .slid img{width: 90%;margin:0 5%;height: 90%;border:solid 1px #d2d2d2;border-radius:10px;box-sizing:border-box;} #tj .slid p{width: 97%;margin: 0 auto;text-align: center;font-size: 13px;padding: 0 5px;height: 30px;line-height: 30px;overflow: hidden;color:#000;} #tj .slid a{display: block;color: #0f60c5;font-size: 13px;} .tjbtn{display: block;border: #0f60c5 1px solid;color: #0f60c5; margin:0 auto;font-size: 13px;width: 50%;text-align: center;} .xing_left{width: 50px;height: 110px;position: fixed;left: 1%;top: 42%;z-index: 100000;}