p,h1,h2,h3,h4,h5,h6{margin: 0;} ul{list-style: none;margin: 0;padding: 0;} a,a:hover{text-decoration: none;color: #333333;} @charset "utf-8"; @font-face{font-family:'iconfont';src:url("/t/83a2e6b6.eot");src:url("/t/89b33b35.eot") format('embedded-opentype'),url("/t/f98c9022.woff") format('woff'),url("/t/5c548e7d.ttf") format('truetype'),url("/t/80af7eab.svg") format('svg')} @font-face{font-family:'Pacifico';font-style:normal;font-weight:400;src:local('Pacifico Regular'),local('Pacifico-Regular'),url("/s/pacifico/v7/8bd26d3d.woff2") format('woff2')} .fa{display:inline-block;font-family:"iconfont";font-size:20px;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale} .fa-icon-qq:before{content:"\e604"} .fa-icon-weibo:before{content:"\e600"} .fa-icon-weixin:before{content:"\e605"} .fa-icon-zaixianzixun:before{content:"\e608"} .text-blod{font-weight: bold;} /*img{ max-width:100% !important}*/ @media screen and (max-width: 800px) { .pc{ display:none !important;} .cpfl_title{display:block; overflow:hidden; text-align:center; line-height:36px;} .cpfl_p{font-family:Kalinga; font-size:18px; color:#022a76; letter-spacing:4px; text-transform:uppercase; font-weight:bold;} .cpfl_p>span{color:#ec1a23;} .cpfl_sp{display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;} .cpfl_sp>span{float:left; padding:0 25px; position:relative; font-size:16px; color: rgb(164, 164, 164);;} .cpfl_sp>span::before{content:""; width:22px; float:left; height:2px; border-top:1px solid #535454; border-bottom:1px solid #a7a7a9; position:absolute; right:100%; top:50%; transform:translateY(-50%);} .cpfl_sp>span::after{content:""; width:22px; float:left; height:2px; border-top:1px solid #535454; border-bottom:1px solid #a7a7a9; position:absolute; left:100%; top:50%; transform:translateY(-50%);} /**底部**/ .botm{position:fixed;bottom:0; left:0;width:100%; height:5em; background:#022a76; z-index:999999999;} .bottom ul{margin:0.5em auto;} .bottom ul li{ float:left;width:23%;margin:0 0 0 2%;text-align:center; } .bottom ul li span{ display:block; line-height:1.7em;font-size:0.9em;color:#fff;} .bottom ul li img{height:2em;} .header{ width:100%; position:fixed; top:0; left:0; right:0; background:#FFF; height:64px;z-index: 9999999999; } .header .ydd_btn{width:40px;cursor:pointer;position:absolute;z-index:2000;top:20px;right:15px;} .header .ydd_btn span{display:block;width:100%;height:4px;background:#022a76;} .header .ydd_btn span.span02{margin:5px 0;} .header .ydd_btn.click span{background:#022a76;} .header .ydd_btn.click span.span01{transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); position:relative;top:8px;margin-top:0px; } .header .ydd_btn.click span.span02{margin:0.5px 0;} .header .ydd_btn.click span.span03{transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg);position:relative;top:-2px;margin-top:0px;} .header .ydd_btn.click span.span02{ width:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;} .tr{transition:all 0.5s; -moz-transition:all 0.5s;-ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-transition:all 0.5s} .tr2{transition:all 0.3s; -moz-transition:all 0.3s;-ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s;} .header .sjdnav{display:none;width:30%;height:auto;position:absolute;right:0;top:64px;z-index:2000;} .header .sjdnav ul{padding:0;margin:0;background:#022a76; box-sizing:border-box; padding:10px;} .header .sjdnav li{display:block;padding:0;text-align:left; text-indent:20px; border-bottom:0px solid #ffffff;;background:#022a76;} .header .sjdnav li a{display:block;color:#fff;line-height:30px;font-size:14px;} .header .sjdnav li a:hover{background:rgba(0,0,0,0.6);color:#fff;} .ly-k-k{border: 1px solid #ddd;width: 100%;height: 40px;margin: 2% auto;color: #333;} .ly-k-k1{border: 1px solid #ddd;width: 100%;height: 40px;margin: 2% auto;color: #333;} .ly-k-k2{border: 1px solid #ddd;width: 100%;height: 40px;margin: 2% auto;color: #333;} .box,.mfields{ display:block; margin:0 auto; width:100%;box-sizing:border-box; padding:10px;} .mfields input,.mfields textarea{height: auto;min-height: 50px;line-height: 50px; width:100%;border-color: #022a76;font-size: 14px;font-family: '微软雅黑'; background-color: #fff;border: 1px solid #022a76;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px; outline:none;} .mfields input:focus,.mfields textarea:focus{border-color: red;border: 1px solid red;} .mfields .title{font-size: 14px;text-align: center;padding: 10px 0;line-height: 1.5;color: #5a5a5a;} a.btnsubmit { background-color: #022a76; height: auto; min-height: 50px; line-height: 50px; width: 100%; display:block; text-align:center; color:#FFF; margin-top:30px; } .btnsubmit:hover {background-color:red; color:#FFF;} .dh{width:100%; overflow:hidden; background:#022a76; border:1px solid #fff;box-sizing: border-box;} .dh li{width:33.3333%;float:left;} .dh li a{ display:block; height:40px; line-height:40px; border:1px solid #fff; text-align:center; overflow:hidden;color:#fff; font-size:14px; transition:all 0.4s;} .dh li a:hover{ color:#fff; background:#0062a5;} .header{background: #fff;} .headbox:after{display:block;clear:both;content:"";visibility:hidden;height:0;} .headbox{zoom:1;position: relative;} .logobox{width: 87px;padding-top: 13px; } .titlebox{ width:380px;} .titlebox h1{color: rgb(34, 34, 34); font-size: 30px; font-weight:bold; line-height:30px; padding-top:20px;} .titlebox p{ line-height:33px;font-size:14px;text-transform: uppercase; text-indent:1px;} /*.topserch {position: relative;top: 10px;} .topserch .topinput{height: 30px;top: 2px; border: none;outline:none;padding-left: 10px;z-index: 666;background-color:#e3e3e3;color: #666;border-top-left-radius: 10px;border-bottom-left-radius: 10px;border-right: 1px solid #d8d8d8;} .topserch button{line-height:30px;padding: 0 10px;top: 0; border-top-right-radius: 10px;border-bottom-right-radius: 10px;background: #e3e3e3;outline:none;border: none;}*/ .head_td{float: left;} .ck_btn{position: absolute;display: block;width: 40px;text-align: center;line-height: 40px;font-size: 22px;right: 0;top: 50%;margin-top: -20px;color: #ffffff;} .ck_btn span{color: #fff;} .tel{background: url("/images/b22cedef.png")no-repeat left center;padding-left: 55px;} .tel h4{font-size: 14px;line-height: 18px;} .tel h3{font-size: 30px;font-family: impact;color: #e92020;line-height: 40px;} .menu{display: block !important; float:right; width:700px;} .menu ul.yj:after{display:block;clear:both;content:"";visibility:hidden;height:0} .menu ul.yj{zoom:1;background: url("")no-repeat right center;} .menu ul.yj>li{float: left;width:14.285714%;position: relative;background: url("")no-repeat left center;} .menu ul.yj>li>a{display: block;width: 100%; position:relative; line-height: 95px;font-size: 16px; text-align: center;color: #000;} .menu ul.yj>li:hover>a{background:#e60012; color:#FFF} .menu ul.yj>li>a.on{background:#e60012; color:#FFF} .menu ul.yj>li ul.ejmenu{position: absolute;width: 100%;left: 0;top:100%;display: none;z-index: 9;} .menu ul.yj>li ul.ejmenu li a{display: block;width: 100%;text-align: center; line-height: 40px; border-bottom: 1px solid #ccc;background: #9f7b61;color: #fff;transition: all 0.25s;} .menu ul.yj>li ul.ejmenu li:first-child a{border-top: 1px solid #ccc;} .menu ul.yj>li ul.ejmenu li a:hover{background: #642500;} .menu ul.yj>li:hover ul.ejmenu{display: block;} footer ul li a{ padding: 0 10px; height: 12px; font-size: 12px; line-height: 12px; } .tit01 {text-align: center;margin-bottom: 50px} .tit01 h3{font-size: 32px;line-height: 1;color: #fff; font-family: "Aparajita";text-transform: uppercase;} .tit01 h4{font-size: 30px;color: #fff;background: url("/images/30091c57.png")no-repeat center center;} /*手绘壁画*/ .in_pro{padding: 50px 0;background: #fff;} .in_pro .tit01 h3{color: #444; font-size:32px;} .in_pro .tit01 h4{color: #9f7b61;} .in_sh_pro ul{width: 100%;overflow: hidden;} .in_sh_pro ul li{padding: 0 12px;padding-bottom: 16px;} .in_sh_pro ul li a{display: block;width: 100%;overflow: hidden;} .in_sh_pro ul li a .in_sh_pro_pic{position: relative; display: block; overflow: hidden; margin: 0 auto;border: 1px solid #fff;} .in_sh_pro ul li a .in_sh_pro_pic:before{content: ""; padding-top: 80.5%; display: block;} .in_sh_pro ul li a .in_sh_pro_pic span{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;} .in_sh_pro ul li a .in_sh_pro_pic span.pro_zz{background: url("/images/53b25752.png")no-repeat center center;display: block;z-index: 99;opacity: 0; transition:all 0.35s; -moz-transition:all 0.35s; /* Firefox 4 */ -webkit-transition:all 0.35s; /* Safari 和 Chrome */ -o-transition:all 0.35s; /* Opera */ } .in_sh_pro ul li a .in_sh_pro_txt{text-align: center;background: #9f7b61; transition:all 0.35s; -moz-transition:all 0.35s; /* Firefox 4 */ -webkit-transition:all 0.35s; /* Safari 和 Chrome */ -o-transition:all 0.35s; /* Opera */ } .in_sh_pro ul li a .in_sh_pro_txt p{font-size: 14px;line-height: 42px;color: #fff;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .in_sh_pro ul li a:hover .in_sh_pro_pic span.pro_zz{opacity: 1;} .in_sh_pro ul li a:hover .in_sh_pro_txt{background: #9f7b61;} .in_sh_pro_more{text-align: center;margin-top: 40px;} .in_sh_pro_more h4{font-size: 18px;color: #9f7b61;line-height: 33px;} .in_sh_pro_more h5{font-size: 16px;font-family: Aparajita;line-height:33px; color: #9f7b61;text-transform: uppercase;} .in_sh_pro_more a{display: block;margin:0 auto;width: 150px;line-height: 46px;margin-top: 15px; text-align: center;background: #9f7b61;color: #fff;border: 2px solid #642500;border-radius: 4px;} .in_ab{padding: 60px 0;background: url("") no-repeat;} .in_ab .tit01 h4{background: url("/images/6ed26414.png")no-repeat center center;} .in_ab .tit01{margin-bottom: 50px;} .in_abbox{width: 100%;overflow: hidden;padding-left: 340px;position: relative;background: #fff;} .in_abbox .in_abbox_l{width: 340px;height: 100%;position: absolute;left: 0;top: 0;overflow: hidden;} .in_abbox .in_abbox_l a{display: block;width: 100%;height: 100%;position: relative;} .in_abbox .in_abbox_l a span{display: block;width: 100%;height: 100%;} .in_abbox .in_abbox_l a .in_ab_zz{width: 100%;height: 100%;position: absolute;left: 0;top: 100%;background: url("/images/b230da4c.png")repeat; transition:all 0.35s; -moz-transition:all 0.35s; /* Firefox 4 */ -webkit-transition:all 0.35s; /* Safari 和 Chrome */ -o-transition:all 0.35s; /* Opera */ } .in_abbox .in_abbox_l a .in_ab_zz b{color: #fff;font-size:30px;display: block;width: 80px;line-height: 40px;border: 1px solid #fff; text-align: center;position: absolute;left: 50%;margin-left: -40px;top: 50%;margin-top: -20px;} .in_abbox .in_abbox_l a:hover .in_ab_zz{top: 0;} .in_abbox .in_abbox_r{padding:15px 20px;} .in_abbox .in_abbox_r .in_abbox_r_txt{font-size: 16px;line-height: 30px;text-align: justify;margin-bottom: 10px; height:330px; overflow:hidden;} .in_abbox .in_abbox_r .in_abbox_r_pic ul{width: 100%;overflow: hidden;zoom: 1;border-top: 1px solid #dfdfdf;padding-top: 12px;} .in_abbox_r_pic ul li{width: 25%;float: left;padding: 0 12px;} .in_abbox_r_pic ul li .imgbox{position: relative; display: block; overflow: hidden; margin: 0 auto;border: 1px solid #dfdfdf;} .in_abbox_r_pic{ background:#fff; margin-top:30px; padding:20px;} .in_abbox_r_pic .imgbox:before{content: ""; padding-top: 58.9%; display: block;} .in_abbox_r_pic .imgbox span{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;} .in_ys {height: 322px;background-color: transparent; background-image: url("/images/6eacbbdf.jpg"); background-position: center center;background-repeat: repeat; background-attachment: fixed; padding-top:50px} .in_ys .in_ysbox{text-align: center;} .in_ys .in_ysbox h3{font-size: 24px;font-weight: bold;color: rgb(232, 23, 18);line-height: 46px; padding:20px 0; } .in_ys .in_ysbox h4{font-size: 18px;font-family: arial;text-transform: uppercase;color: #fff;line-height: 35px;} .in_ys .in_ysbox h5{font-size: 24px;font-weight: bold;color: rgb(232, 23, 18);line-height: 46px; padding:20px 0; } /*装饰抽象*/ .in_case{padding: 20px 0;background:#fff;background-color: transparent;background-image: url("/images/8dfaa791.jpg"); background-position: center center; background-repeat: repeat; background-attachment: fixed; } .in_case .tit01 h3{color: #444;} .in_case .tit01 h4{color: #555;} .in_case .tit01 h4{background: url("/images/6ed26414.png")no-repeat center center;} .in_zs_case ul{width: 100%;overflow: hidden;} .in_zs_case ul li{padding: 0 38px;padding-bottom: 16px;} .in_zs_case ul li a{display: block;width: 100%;overflow: hidden;} .in_zs_case ul li a .in_zs_case_pic{position: relative; display: block; overflow: hidden; margin: 0 auto;border: 1px solid #fff;} .in_zs_case ul li a .in_zs_case_pic:before{content: ""; padding-top: 80.5%; display: block;} .in_zs_case ul li a .in_zs_case_pic span{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;} .in_zs_case ul li a .in_zs_case_txt{text-align: center;background: #bbb; transition:all 0.35s; -moz-transition:all 0.35s; /* Firefox 4 */ -webkit-transition:all 0.35s; /* Safari 和 Chrome */ -o-transition:all 0.35s; /* Opera */ } .in_zs_case ul li a .in_zs_case_txt p{font-size: 14px;line-height: 38px;color: #fff;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .in_zs_case ul li a:hover .in_zs_case_txt{background: #9f7b61;} .in_zs_case ul li a .in_zs_case_pic .case_zz{display: block;width: 100%;height: 100%;position: absolute;left: -100%;top: 0;background: url("/images/b230da4c.png")repeat; transition:all 0.35s; -moz-transition:all 0.35s; /* Firefox 4 */ -webkit-transition:all 0.35s; /* Safari 和 Chrome */ -o-transition:all 0.35s; /* Opera */ } .in_zs_case ul li a .in_zs_case_pic .case_zz b{font-size: 20px;color: #fff;display: block;width: 60px;text-align: center;line-height: 30px;border: 1px solid #fff;position: absolute;margin: 0 auto;left: 50%;margin-left: -30px;top: 50%;margin-top: -15px;} .in_zs_case ul li a:hover .in_zs_case_pic .case_zz{left: 0;} .in_con_white{padding: 20px 0;} .in_con{background: url("/images/606b40e8.jpg")repeat; background-size: cover;padding: 45px 0;} .in_con .tit01 h4{background: url("/images/6ed26414.png")no-repeat center center;} .in_conbox{width: 100%;overflow: hidden;padding:0px;} .in_conbox h3.tit{font-size: 22px;line-height: 44px;color: #d1d1d3;margin-bottom: 15px;} .in_conbox_l{width:50%;float: left;padding-right: 20px;} .in_conbox_r{width: 50%;float: right;padding-left: 20px;} .in_conbox_l .in_conbox_l_tbox{font-size: 14px;line-height: 25px;text-align: justify;margin-bottom: 10px;height: 150px;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;} .in_conbox_l .in_conbox_l_tbox p{color: #a8a8a8;} .in_conbox_l .in_conbox_l_lxfs{font-size: 15px;line-height: 30px;} .in_conbox_l .in_conbox_l_lxfs p{color: #fff;padding-left: 5px;} .in_conbox_l .in_conbox_l_lxfs p.gsmc{background-position-y:8px;} .in_conbox_l .in_conbox_l_lxfs p.lxr{background-position-y:-22px;} .in_conbox_l .in_conbox_l_lxfs p.sj{background-position-y:-52px;} .in_conbox_l .in_conbox_l_lxfs p.dh{background-position-y:-82px;} .in_conbox_l .in_conbox_l_lxfs p.cz{background-position-y:-112px;} .in_conbox_l .in_conbox_l_lxfs p.qq{background-position-y:-142px;} .in_conbox_l .in_conbox_l_lxfs p.yx{background-position-y:-172px;} .in_conbox_l .in_conbox_l_lxfs p.dz{background-position-y:-202px;} .in_conbox_l .in_conbox_l_lxfs p.wz{background-position-y:-232px;} .in_conbox_r .inputbox .inputbox_input{width: 100%;overflow: hidden;margin-bottom: 15px;} .in_conbox_r .inputbox .inputbox_input label{width: 100%;color: #777777;font-weight: normal;line-height: 30px;} .in_conbox_r .inputbox .inputbox_input input{width: 100%;line-height: 34px;border: 1px dashed #5c6063;background: #222e3a;color: #fff;padding: 0 5px;line-height: 34px;outline: none;} .in_conbox_r .inputbox .inputbox_input textarea{width: 100%;max-width: 100%;height: 142px;max-height: 142px;border: 1px dashed #5c6063;background: #222e3a;color: #fff;padding: 0 5px;margin-bottom: 10px;outline: none;resize: none;} .in_conbox_r .inputbox button{width: 134px;padding: 0; line-height: 34px;border: none; text-align: center;display: block;margin-top: 15px;background: #343434;color: #fff;} .cfot{padding: 30px 0 0;border-top:5px solid #e60012;background-color: rgb(51, 51, 51);background-image: url("/images/bdcc03e0.png"); background-position: right bottom;background-repeat: no-repeat;} .cfotbox{text-align: center; padding:40px 0;} .cfotbox .fot_nav{ overflow:hidden;} .cfotbox .fot_nav a{display: inline-block;font-size: 14px;color: #fff; line-height: 1; padding: 2px 15px;border-left: 1px solid #fff;} .cfotbox .fot_nav a:first-child{border-left: none;} .fot_p{color: #fff;font-size: 16px;line-height: 32px;color: #fff; margin-top:6px; border-top:1px dashed #FFFFFF; padding:30px 0;} .fot_p p{color: #fff;font-size: 16px;line-height: 32px;color: #fff; text-align:center;} .fot_p a{ color:#fff;} .logo{ width:300px; padding-top:18px; font-size:22px; text-indent:10px;} .tit{width: 330px;height: 85px;font-size: 30px;color: rgb(230, 0, 18); font-weight:bold; padding-top:27px;} .text{ width:400px; color:rgb(181, 181, 181); line-height:35px; text-align:left; margin-left:150px;} .pic{ color: rgb(181, 181, 181); width:320px; text-align:center;} .pic img{ border-radius:10px;} .pic p{ color: rgb(181, 181, 181); line-height:30px;} .news_item{width: 100%; margin-bottom: 30px; height: 130px; overflow: hidden;} .news_item .imgbox{width: 180px; height: 100%; float: left; border: 1px solid #dadada; overflow: hidden;} .news_item .imgbox .news_img{width: 100%; height: 100%;} .news_item .txtbox{width: calc(100% - 180px); height: 100%; float: left; padding: 5px 15px;} .news_item .txtbox .news_title{font-size: 16px; color: #9f7b61;} .news_item .txtbox .news_date{font-size: 14px; color: #333333; margin-top: 8px;} .news_item .txtbox .news_txt{margin-top: 8px; height: 40px; line-height: 20px; overflow: hidden; font-size: 14px; color: #333333;} .news_item .txtbox .more{font-size: 12px; color: #ffffff; padding: 4px 15px; border-radius: 20px; margin-top: 8px; background-color: #9f7b61; display: inline-block;} /*内页*/ .content{background: #fff;} .center_box{width: 100%;overflow: hidden;zoom: 1;padding: 30px 0;} .center_box .center_box_l{width: 26%;padding-right: 60px;float: left;} .center_box .center_box_r{width: 100%;float: right;} .center_box .center_box_l .center_box_l_menu{padding: 11px 15px;background: #323232;border-radius: 3px;margin-bottom: 18px;} .center_box .center_box_l .center_box_l_menu .tit02 h3{font-size:25px;line-height: 38px;margin-bottom: 11px;color: #fff;} .center_box .center_box_l .center_box_l_menu .dropmenu{padding: 11px;background: #c5c5c5;border-radius: 4px;} .center_box .center_box_l .center_box_l_menu .dropmenu .about_ul{display:block; overflow:hidden;} .center_box .center_box_l .center_box_l_menu .dropmenu .about_ul li{margin-bottom: 6px;} .center_box .center_box_l .center_box_l_menu .dropmenu .about_ul li:last-child{margin-bottom: 0;} .center_box .center_box_l .center_box_l_menu .dropmenu .about_ul li a{line-height: 40px;display: block;width: 100%;padding-left: 18px;border-radius: 3px;background: #ffffff;transition:all 0.35s;-moz-transition:all 0.35s; /* Firefox 4 */-webkit-transition:all 0.35s; /* Safari 和 Chrome */-o-transition:all 0.35s; /* Opera */} .center_box .center_box_l .center_box_l_menu .dropmenu .about_ul li a:hover{background: #9f7b61;color: #fff;} .center_box .center_box_l .center_box_l_menu .dropmenu .about_ul li a.on{background: #9f7b61;color: #fff;} .center_box .center_box_l .center_box_l_menu .dropmenu .about_ul li .about_dl{display:none; padding:1px 0; margin-bottom:2px;} .center_box .center_box_l .center_box_l_menu .dropmenu .about_ul li .about_dl>dd{display:block; overflow:hidden; margin-top:2px;} .center_box .center_box_l .center_box_l_menu .dropmenu .about_ul li .about_dl>dd>a{display:block; overflow:hidden; height:34px; line-height:34px; background:#fff; text-align:left; text-indent:12px; font-size:14px; color:#535353;} .center_box .center_box_l .center_box_l_menu .dropmenu .about_ul li .about_dl>dd>a:hover{background:#efefef; color:#642500;} .center_box .center_box_l .center_box_l_menu .dropmenu .about_ul li .about_dl>dd>a.on{background:#efefef; color:#642500;} .center_box .center_box_l .center_box_l_lxfs{padding: 11px 10px;background: #323232;border-radius: 3px;} .center_box .center_box_l .center_box_l_lxfs .tit02 h3{font-size:25px;line-height: 38px;margin-bottom: 11px;color: #fff;} .center_box .center_box_l .center_box_l_lxfs .center_box_l_lxfs_p{background: #c5c5c5;padding: 10px;padding-bottom: 30px; border-radius: 3px;font-size: 14px;line-height: 23px;} .suoyin:after{display:block;clear:both;content:"";visibility:hidden;height:0;} .suoyin{zoom:1;border-bottom: 1px solid #080808;} .suoyin h4{font-size: 24px;float: left;line-height: 54px;color: #333;} .suoyin p{font-size: 14px;float: right;line-height: 54px;color: #666;} .mainbox{ padding:5px; box-sizing:border-box;padding-top: 20px;} .about .abtxt{font-size: 14px;line-height: 30px;text-align: justify;color: #333;margin-bottom: 10px;} /*产品*/ /*手绘壁画*/ .product1 ul li{padding: 0 5px;padding-bottom: 25px;} .product1 ul li a{display: block;width: 100%;overflow: hidden;text-align: center;} .product1 ul li a .propic1{position: relative; display: block; overflow: hidden; margin: 0 auto;border: 1px solid #dedede;} .product1 ul li a .propic1:before{content: ""; padding-top: 80.5%; display: block;} .product1 ul li a .propic1 span{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0; transition:all 0.35s; -moz-transition:all 0.35s; /* Firefox 4 */ -webkit-transition:all 0.35s; /* Safari 和 Chrome */ -o-transition:all 0.35s; /* Opera */ } .product1 ul li a .protxt1{font-size: 14px;line-height: 38px;background: #bbb; transition:all 0.35s; -moz-transition:all 0.35s; /* Firefox 4 */ -webkit-transition:all 0.35s; /* Safari 和 Chrome */ -o-transition:all 0.35s; /* Opera */ } .product1 ul li a .protxt1 p{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color: #ffffff; background:rgb(2, 42, 118)} .product1 ul li a:hover .propic1{border-color:#9f7b61;} .product1 ul li a:hover .propic1 span{ transform:scale(1.05); -ms-transform:scale(1.05); /* IE 9 */ -moz-transform:scale(1.05); /* Firefox */ -webkit-transform:scale(1.05); /* Safari 和 Chrome */ -o-transform:scale(1.05); /* Opera */ } .product1 ul li a:hover .protxt1{background: #9f7b61;} .new ul li{padding-bottom:25px;} .new ul li a{display: block;width: 100%;padding-left: 170px;position: relative;background: #e2e2e2;} .new ul li a .newpic{width: 170px;height: 100%;overflow: hidden; position: absolute;left: 0;top: 0;border: 1px solid #bcbcbc;border: 1px solid #929292;} .new ul li a .newpic span{display: block;width: 100%;height: 100%; transition:all 0.35s; -moz-transition:all 0.35s; /* Firefox 4 */ -webkit-transition:all 0.35s; /* Safari 和 Chrome */ -o-transition:all 0.35s; /* Opera */ } .new ul li a .newtxt{width: 100%;padding-left: 18px;} .new ul li a .newtxt h4.tit{font-size: 16px;line-height: 30px;margin-bottom: 10px;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .new ul li a .newtxt .new_tbox{font-size: 16px;line-height: 30px;height: 60px;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;margin-bottom: 10px;} .new ul li a .newtxt .new_tbox p{color: #666;} .new ul li a .newtxt .new_date p{font-size: 16px;line-height: 30px;color: #666;} .new ul li a:hover .newpic{border-color: #9f7b61;} .new ul li a:hover .newpic span{ transform:scale(1.05); -ms-transform:scale(1.05); /* IE 9 */ -moz-transform:scale(1.05); /* Firefox */ -webkit-transform:scale(1.05); /* Safari 和 Chrome */ -o-transform:scale(1.05); /* Opera */ } .new ul li a:hover .newtxt h4.tit{color: #9f7b61;} /*联系我们*/ .contact p{font-size: 16px;line-height: 30px;color: #333;} /*产品详情*/ .pro_x_title{ font-size:18px; line-height:36px; width:100%; text-align:center;} .pro_x_pic{text-align: center;margin-bottom: 5px;} .pro_x_pic img{max-width: 100%; margin:10px auto} .pro_x_txt {text-align: left;font-size: 14px;color: #333;line-height: 28px; margin-top:5px;} /*新闻详情*/ .new_x .new_x_tit h4{font-size: 14px;color: #333;line-height: 24px;} .new_x .new_x_tit h6{font-size: 12px;color: #888;line-height: 18px;} .new_x .new_x_pic{text-align: center;padding: 10px 0;} .new_x img{max-width: 100%;} .new_x .new_x_txt{font-size: 14px;line-height: 24px;text-indent: 2em;} .new_x .new_x_txt p{color: #333;} .topbg{ background:#e60012; height:5px;} .index_cpzx_title{ text-align:center; box-sizing:border-box; padding:0 10px;} .index_cpzx_title h1{ font-size: 28px;color: rgb(2, 42, 118); font-weight:bold;} .index_cpzx_title h2{ border-bottom:1px solid #e81712; height:15px; margin-bottom:15px; width:60px; display:block; margin:0 auto; } .index_cpzx_title p{ line-height:35px; text-align:center; font-size:16px; color:#000; padding-bottom:10px;} .nav{ display:block; text-align:center; padding:10px 0;} .nav li{ display:inline-block;height:50px; line-height:50px; background:#022a76; font-size:14px; margin-bottom:10px; padding:0 5px;} .nav li:hover,.nav li.hover{ background:#022a76;} .nav li a{ padding:0; color:#FFF;} .nav li:hover a{ background:#e81712;} .news_ul{ display:block; width:100%; padding:10px; box-sizing:border-box; padding-top:20px; padding-bottom:0px; overflow:hidden;} .news_ul li{ display:block; width:100%; float:left; margin-right:4%; padding:20px 0;} .news_ul li:nth-child(2n){margin-right:0;} .news_ul li .time{ display:block; width:90px; height:120px; margin-right:30px; float:left; background:#022a76;} .news_ul li .time .day{ display:block; width:100%; text-align:center;font-size: 33px;padding-top: 21px;color: #fff;font-weight: bold;text-decoration: none;} .news_ul li .time .year{ display:block; line-height:30px;color: #fff;font-size: 18px;display: block; text-align:center;} .news_ul li .content{ display:block; width:calc(100% - 120px); height:120px; float:left;} .news_ul li .content h1{font-size: 16px;color: #333333;font-weight: bold; text-decoration: none;line-height: 140%; cursor:pointer} .news_ul li .content p{width: 99%; overflow: hidden; word-wrap: break-word; padding-top:15px;font-size: 14px;line-height: 28px !important;padding-top: 10px;color: #5A5A5A;font-weight: normal;text-decoration: none;height: 70px;} .news_ul li .content a:hover{ color:#F00;} .youshi_ul{ display:block; width:100%; padding-top:60px; padding-bottom:100px; overflow:hidden;} .youshi_ul li{ display:block; width:48%; float:left; margin-right:4%; padding:20px 0;} .youshi_ul li:nth-child(2n){margin-right:0;} .youshi_ul li h1{ font-size: 23px;color: rgb(2, 42, 118); font-weight:bold; padding:20px 0} .youshi_ul li p{font-size: 14px;color: rgb(51, 51, 51);line-height: 221%;} .case_ul{} .case_ul li{ display:block; float:left; width:200px; padding:0 10px;} .case_ul li p{ text-align:center; color:#FFF; line-height:35px; padding-top: 15px;} .case_ul li img{ height:150px;} .button{ display:block; margin:0 auto; border:1px solid #FFF; color:#FFF; text-align:center; margin-top:50px; border-radius:10px; width:184px; height:49px; line-height:49px;} .button:hover{ color:#FFF; border-color:#F00; background:#F00;} .pro_ul{ padding-top:20px;} .pro_ul li{ display:block; float:left; width:48%; box-sizing:border-box; padding:5px; margin:0 1% 1% 0; height:240px; border:1px solid #000;} .pro_ul li img{ max-width:100%;} .pro_ul li:nth-child(2n){ margin-right:0;} .pro_ul li p{ text-align:center; color:#000; line-height:35px;} .pro_ul li:hover{ border:1px solid #F00;} .gsjj{width: 100%; overflow: hidden; position: relative;} .gsjj_con{ width: 100%; margin: 0 auto; background: #fff; overflow: hidden;} .gsjj_img{ float: right; width:100%} .gsjj_img img{max-width:100%;} .gsjj_b{float: left; width: 100%;} .gsjj_t{color: #0071bf; font-size: 24px; font-weight: bold;} .gsjj_txt{display: block; color: #666; font-size: 14px;line-height: 2em;margin-bottom: 50px; box-sizing:border-box; padding:10px;} .gsjj_txt h1{ background:url("/images/cd174c41.jpg") no-repeat top left; padding-top:40px;font-size: 22px; color: rgb(232, 23, 18); font-weight:bold;} .gsjj_txt h2{color: rgb(204, 204, 204); font-size: 12px; line-height:35px; font-weight:normal; text-transform: uppercase; padding-bottom:30px;} .gsjj_txt txt{display: block;font-size: 16px;line-height: 2em;} .gsjj_more{ width: 150px; display:block; margin:0 auto; margin-bottom:20px;} .gsjj_more a{color: #666; font-size: 15px; text-align: center; display: block; padding: 10px 0;border: 1px solid #ccc;} .gsjj_more a:hover{border: 1px solid #0071bf;color: #fff;background: #0071bf;} .news_ull{ display:block; width:100%; padding-top:60px; padding-bottom:100px; overflow:hidden; box-sizing:border-box; padding:10px;} .news_ull li{ display:block; width:100%; float:left; padding:20px 0;} .news_ull li:nth-child(2n){margin-right:0;} .news_ull li .time{ display:block; width:90px; height:120px; margin-right:30px; float:left; background:#022a76;} .news_ull li .time .day{ display:block; width:100%; text-align:center;font-size: 33px;padding-top: 21px;color: #fff;font-weight: bold;text-decoration: none;} .news_ull li .time .year{ display:block; line-height:30px;color: #fff;font-size: 18px;display: block; text-align:center;} .news_ull li .content{ display:block; width:calc(100% - 120px); height:120px; float:left;} .news_ull li .content h1{font-size: 16px;color: #333333;font-weight: bold; text-decoration: none;line-height: 140%; cursor:pointer} .news_ull li .content p{width: 99%; height:72px; overflow: hidden; word-wrap: break-word; padding-top:15px;font-size: 14px;line-height: 28px !important;padding-top: 10px;color: #5A5A5A;font-weight: normal;text-decoration: none;} .news_ull li .content a:hover{ color:#F00;} .contact_ul{ display:block; margin:0 auto; width:100%; padding-bottom:30px; overflow:hidden;} .contact_ul li{ display:block; width: 50%; height:270px; margin-right:0px;margin-bottom: 10px; float:left; box-sizing:border-box; padding:10px; color:#FFF;} .contact_ul li img{ display:block; margin:0 auto; margin-top:46px; margin-bottom:40px;} .contact_ul li p{ color:#FFF; text-align:center; line-height:35px;} .contact_ul li:nth-child(4){ margin-right:0;} .contact_ul li:nth-child(1){ background:#E81712} .contact_ul li:nth-child(2){ background:#022A76} .contact_ul li:nth-child(3){ background:#E81712} .contact_ul li:nth-child(4){ background:#022A76} .banner-html5zoo{ /*overflow:hidden;*/} .banner-html5zoo .html5zoo-arrow-left-0,.banner-html5zoo .html5zoo-arrow-right-0{width:40px !important; height:60px !important; top:50% !important; margin-top:-30px !important; background:url("/images/bf015171.png") no-repeat !important;display:block !important; visibility:hidden;} .banner-html5zoo:hover .html5zoo-arrow-left-0,.banner-html5zoo:hover .html5zoo-arrow-right-0{ visibility:visible;} .banner-html5zoo .html5zoo-arrow-left-0{left:50px !important; background-position:0 0 !important;} .banner-html5zoo .html5zoo-arrow-right-0{right:50px !important; background-position:-40px 0 !important;} .banner-html5zoo .html5zoo-arrow-left-1,.banner-html5zoo .html5zoo-arrow-right-1{width:40px !important; height:60px !important; top:50% !important; margin-top:-30px !important; background:url("/images/bf015171.png") no-repeat !important;display:block !important; visibility:hidden;} .banner-html5zoo:hover .html5zoo-arrow-left-1,.banner-html5zoo:hover .html5zoo-arrow-right-1{ visibility:visible;} .banner-html5zoo .html5zoo-arrow-left-1{left:50px !important; background-position:0 0 !important;} .banner-html5zoo .html5zoo-arrow-right-1{right:50px !important; background-position:-40px 0 !important;} .banner-html5zoo .html5zoo-nav{ text-align:center;} .banner-html5zoo .html5zoo-bullet-span{ width:1em !important; height:2px !important; float:none !important; display:inline-block; background:#fff !important; opacity:0.5; box-sizing:border-box; border-radius:0; -webkit-border-radius:0; margin:0 5px !important; vertical-align:middle;} .banner-html5zoo .html5zoo-bullet-span.active{width:1em !important; height:1em !important; border:2px solid #fff; background:none !important; opacity:1;border-radius:50%; -webkit-border-radius:50%;} .yw_ul{display:block; overflow:hidden; width:100%; padding-top:0px;} .yw_ul li{width:50%; box-sizing:border-box; padding:5px; float:left; } .yw_ul li .yw_B{width:100%; overflow:hidden;} .yw_ul li .yw_B .yw_img{width:100%; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;transition:all 1s ease;height:150px;} .yw_ul li .yw_B .yw_img::before{content:""; display:block; padding-top:76.3889%} .yw_ul li .yw_txt{display:block; overflow:hidden; height:50px; line-height:50px; font-size:16px; color:#131313; text-align:center; border-radius:0 0 5px 5px;} .yw_ul li:hover .yw_B .yw_img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);} } @media screen and (min-width: 801px) { .phone{ display:none !important;} .cpfl_title{display:block; overflow:hidden; text-align:center; line-height:36px;} .cpfl_p{color: rgb(31, 51, 110);font-family: "Microsoft YaHei";font-size: 26px;text-transform:uppercase; font-weight:bold;} .cpfl_p>span{color:#ec1a23;} .cpfl_sp{display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;} .cpfl_sp>span{float:left; padding:0 25px; position:relative;text-transform: uppercase;font-family: "Microsoft YaHei";font-size: 14px;color: rgb(164, 164, 164);} .cpfl_sp>span::before{content:""; width:66px; float:left; height:2px; border-top:1px solid #a4a4a4; border-bottom:0px solid #a4a4a4; position:absolute; right:100%; top:50%; transform:translateY(-50%);} .cpfl_sp>span::after{content:""; width:66px; float:left; height:2px; border-top:1px solid #a4a4a4; border-bottom:0px solid #a4a4a4; position:absolute; left:100%; top:50%; transform:translateY(-50%);} .ly-k-k{border: 1px solid #ddd;width: 100%;height: 40px;margin: 2% auto;color: #333;} .ly-k-k1{border: 1px solid #ddd;width: 100%;height: 40px;margin: 2% auto;color: #333;} .ly-k-k2{border: 1px solid #ddd;width: 100%;height: 40px;margin: 2% auto;color: #333;} .box,.mfields{ display:block; margin:0 auto; width:810px;} .mfields input,.mfields textarea{height: auto;min-height: 50px;line-height: 50px; width:100%;border-color: #022a76;font-size: 14px;font-family: '微软雅黑'; background-color: #fff;border: 1px solid #022a76;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px; outline:none;} .mfields input:focus,.mfields textarea:focus{border-color: red;border: 1px solid red;} .mfields .title{font-size: 14px;text-align: center;padding: 10px 0;line-height: 1.5;color: #5a5a5a;} a.btnsubmit { background-color: #022a76; height: auto; min-height: 50px; line-height: 50px; width: 800px; display:block; text-align:center; color:#FFF; margin-top:30px; } .btnsubmit:hover {background-color:red; color:#FFF;} .banner{ position: relative; z-index: 0;;} .header{background: #fff; position: relative; z-index: 99999999999;} .headbox:after{display:block;clear:both;content:"";visibility:hidden;height:0;} .headbox{zoom:1;position: relative; height:95px;} .logobox{width: 87px;padding-top:9px; } .titlebox{ width:380px;} .titlebox h1{color: rgb(33, 33, 33);font-size: 24px;font-family: 微软雅黑; padding-top:25px; font-weight:bold;} .titlebox p{ line-height:33px;font-size:14px;text-transform: uppercase; text-indent:1px;} /*.topserch {position: relative;top: 10px;} .topserch .topinput{height: 30px;top: 2px; border: none;outline:none;padding-left: 10px;z-index: 666;background-color:#e3e3e3;color: #666;border-top-left-radius: 10px;border-bottom-left-radius: 10px;border-right: 1px solid #d8d8d8;} .topserch button{line-height:30px;padding: 0 10px;top: 0; border-top-right-radius: 10px;border-bottom-right-radius: 10px;background: #e3e3e3;outline:none;border: none;}*/ .head_td{float: left;} .ck_btn{position: absolute;display: block;width: 40px;text-align: center;line-height: 40px;font-size: 22px;right: 0;top: 50%;margin-top: -20px;color: #ffffff;} .ck_btn span{color: #fff;} .tel{background: url("/images/b22cedef.png")no-repeat left center;padding-left: 55px;} .tel h4{font-size: 14px;line-height: 18px;} .tel h3{font-size: 30px;font-family: impact;color: #e92020;line-height: 40px;} .menu{display: block !important; float:right; width:580px;margin-right: 20px;} .menu ul.yj:after{display:block;clear:both;content:"";visibility:hidden;height:0} .menu ul.yj{zoom:1; padding-top:24px;} .menu ul.yj>li{float: left;width:14.286%;position: relative;background: url("")no-repeat left center;} .menu ul.yj>li>a{display: block;width: 100%; position:relative; line-height:46px;font-size: 16px; text-align: center;color: #000;} .menu ul.yj>li:hover>a{background:#1f336e; color:#FFF} .menu ul.yj>li>a.on{background:#1f336e; color:#FFF} .menu ul.yj>li ul.ejmenu{position: absolute;width: 180%;left: -38px;top:100%;display: none;z-index: 9;padding-top: 25px;} .menu ul.yj>li ul.ejmenu li{position: relative;} /* .menu ul.yj>li ul.ejmenu li.ej a{ background-image: url(""); background-repeat: no-repeat; background-position: right center; } */ .menu ul.yj>li ul.ejmenu li a{text-indent: 20px;display: block;width: 100%;text-align: left; line-height: 46px; border-bottom: 1px solid #ccc;background: #ffffff;color: #000;transition: all 0.25s;} .menu ul.yj>li ul.ejmenu li:first-child a{border-top: 1px solid #ccc;} .menu ul.yj>li ul.ejmenu li a:hover{background: #1f336e; color: #fff;} .menu ul.yj>li:hover ul.ejmenu{display: block;} .menu ul.yj>li ul.ejmenu li ul{position:absolute; top:0; left: 176px; display: none; width: 230px;} .menu ul.yj>li ul.ejmenu li:hover ul{ display: block;} .menu ul.yj>li ul.ejmenu li ul li{ display: block; width: 100%;} footer ul li a{ padding: 0 10px; height: 12px; font-size: 12px; line-height: 12px; } .tit01 {text-align: center;margin-bottom: 50px} .tit01 h3{font-size: 32px;line-height: 1;color: #fff; font-family: "Aparajita";text-transform: uppercase;} .tit01 h4{font-size: 30px;color: #fff;background: url("/images/30091c57.png")no-repeat center center;} /*手绘壁画*/ .in_pro{padding: 50px 0;background: #fff;} .in_pro .tit01 h3{color: #444; font-size:32px;} .in_pro .tit01 h4{color: #9f7b61;} .in_sh_pro ul{width: 100%;overflow: hidden;} .in_sh_pro ul li{padding: 0 12px;padding-bottom: 16px;} .in_sh_pro ul li a{display: block;width: 100%;overflow: hidden;} .in_sh_pro ul li a .in_sh_pro_pic{position: relative; display: block; overflow: hidden; margin: 0 auto;border: 1px solid #fff;} .in_sh_pro ul li a .in_sh_pro_pic:before{content: ""; padding-top: 80.5%; display: block;} .in_sh_pro ul li a .in_sh_pro_pic span{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;} .in_sh_pro ul li a .in_sh_pro_pic span.pro_zz{background: url("/images/53b25752.png")no-repeat center center;display: block;z-index: 99;opacity: 0; transition:all 0.35s; -moz-transition:all 0.35s; /* Firefox 4 */ -webkit-transition:all 0.35s; /* Safari 和 Chrome */ -o-transition:all 0.35s; /* Opera */ } .in_sh_pro ul li a .in_sh_pro_txt{text-align: center;background: #9f7b61; transition:all 0.35s; -moz-transition:all 0.35s; /* Firefox 4 */ -webkit-transition:all 0.35s; /* Safari 和 Chrome */ -o-transition:all 0.35s; /* Opera */ } .in_sh_pro ul li a .in_sh_pro_txt p{font-size: 14px;line-height: 42px;color: #fff;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .in_sh_pro ul li a:hover .in_sh_pro_pic span.pro_zz{opacity: 1;} .in_sh_pro ul li a:hover .in_sh_pro_txt{background: #9f7b61;} .in_sh_pro_more{text-align: center;margin-top: 40px;} .in_sh_pro_more h4{font-size: 18px;color: #9f7b61;line-height: 33px;} .in_sh_pro_more h5{font-size: 16px;font-family: Aparajita;line-height:33px; color: #9f7b61;text-transform: uppercase;} .in_sh_pro_more a{display: block;margin:0 auto;width: 150px;line-height: 46px;margin-top: 15px; text-align: center;background: #9f7b61;color: #fff;border: 2px solid #642500;border-radius: 4px;} .in_ab{padding: 60px 0;background: url("") no-repeat;} .in_ab .tit01 h4{background: url("/images/6ed26414.png")no-repeat center center;} .in_ab .tit01{margin-bottom: 50px;} .in_abbox{width: 100%;overflow: hidden;padding-left: 340px;position: relative;background: #fff;} .in_abbox .in_abbox_l{width: 340px;height: 100%;position: absolute;left: 0;top: 0;overflow: hidden;} .in_abbox .in_abbox_l a{display: block;width: 100%;height: 100%;position: relative;} .in_abbox .in_abbox_l a span{display: block;width: 100%;height: 100%;} .in_abbox .in_abbox_l a .in_ab_zz{width: 100%;height: 100%;position: absolute;left: 0;top: 100%;background: url("/images/b230da4c.png")repeat; transition:all 0.35s; -moz-transition:all 0.35s; /* Firefox 4 */ -webkit-transition:all 0.35s; /* Safari 和 Chrome */ -o-transition:all 0.35s; /* Opera */ } .in_abbox .in_abbox_l a .in_ab_zz b{color: #fff;font-size:30px;display: block;width: 80px;line-height: 40px;border: 1px solid #fff; text-align: center;position: absolute;left: 50%;margin-left: -40px;top: 50%;margin-top: -20px;} .in_abbox .in_abbox_l a:hover .in_ab_zz{top: 0;} .in_abbox .in_abbox_r{padding:15px 20px;} .in_abbox .in_abbox_r .in_abbox_r_txt{font-size: 16px;line-height: 30px;text-align: justify;margin-bottom: 10px; height:330px; overflow:hidden;} .in_abbox .in_abbox_r .in_abbox_r_pic ul{width: 100%;overflow: hidden;zoom: 1;border-top: 1px solid #dfdfdf;padding-top: 12px;} .in_abbox_r_pic ul li{width: 25%;float: left;padding: 0 12px;} .in_abbox_r_pic ul li .imgbox{position: relative; display: block; overflow: hidden; margin: 0 auto;border: 1px solid #dfdfdf;} .in_abbox_r_pic{ background:#fff; margin-top:30px; padding:20px;} .in_abbox_r_pic .imgbox:before{content: ""; padding-top: 58.9%; display: block;} .in_abbox_r_pic .imgbox span{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;} .in_ys {height: 322px;background-color: transparent; background-image: url("/images/6eacbbdf.jpg"); background-position: center center;background-repeat: repeat; background-attachment: fixed; padding-top:50px} .in_ys .in_ysbox{text-align: center;} .in_ys .in_ysbox h3{font-size: 34px;font-weight: bold;color: rgb(232, 23, 18);line-height: 46px; padding:20px 0; } .in_ys .in_ysbox h4{font-size: 22px;font-family: arial;text-transform: uppercase;color: #fff;line-height: 35px;} .in_ys .in_ysbox h5{font-size: 28px;font-weight: bold;color: rgb(232, 23, 18);line-height: 46px; padding:20px 0; } /*装饰抽象*/ .in_case{padding: 00px 0;background:#fff;background-color: transparent;background-image: url(""); background-position: center top; background-repeat: no-repeat; background-attachment: fixed; } .in_case1{padding:80px 0 80px 0;background:#fff;background-color: transparent;background-image: url("/images/699e471e.jpg"); background-position: center top; background-repeat: no-repeat;} .in_case .tit01 h3{color: #444;} .in_case .tit01 h4{color: #555;} .in_case .tit01 h4{background: url("/images/6ed26414.png")no-repeat center center;} .in_zs_case ul{width: 100%;overflow: hidden;} .in_zs_case ul li{padding: 0 38px;padding-bottom: 16px;} .in_zs_case ul li a{display: block;width: 100%;overflow: hidden;} .in_zs_case ul li a .in_zs_case_pic{position: relative; display: block; overflow: hidden; margin: 0 auto;border: 1px solid #fff;} .in_zs_case ul li a .in_zs_case_pic:before{content: ""; padding-top: 80.5%; display: block;} .in_zs_case ul li a .in_zs_case_pic span{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;} .in_zs_case ul li a .in_zs_case_txt{text-align: center;background: #bbb; transition:all 0.35s; -moz-transition:all 0.35s; /* Firefox 4 */ -webkit-transition:all 0.35s; /* Safari 和 Chrome */ -o-transition:all 0.35s; /* Opera */ } .in_zs_case ul li a .in_zs_case_txt p{font-size: 14px;line-height: 38px;color: #fff;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .in_zs_case ul li a:hover .in_zs_case_txt{background: #9f7b61;} .in_zs_case ul li a .in_zs_case_pic .case_zz{display: block;width: 100%;height: 100%;position: absolute;left: -100%;top: 0;background: url("/images/b230da4c.png")repeat; transition:all 0.35s; -moz-transition:all 0.35s; /* Firefox 4 */ -webkit-transition:all 0.35s; /* Safari 和 Chrome */ -o-transition:all 0.35s; /* Opera */ } .in_zs_case ul li a .in_zs_case_pic .case_zz b{font-size: 20px;color: #fff;display: block;width: 60px;text-align: center;line-height: 30px;border: 1px solid #fff;position: absolute;margin: 0 auto;left: 50%;margin-left: -30px;top: 50%;margin-top: -15px;} .in_zs_case ul li a:hover .in_zs_case_pic .case_zz{left: 0;} .in_con_white{padding: 35px 0;} .in_con{background: url("/images/606b40e8.jpg")repeat; background-size: cover;padding: 45px 0;} .in_con .tit01 h4{background: url("/images/6ed26414.png")no-repeat center center;} .in_conbox{width: 100%;overflow: hidden;padding:0px;} .in_conbox h3.tit{font-size: 22px;line-height: 44px;color: #d1d1d3;margin-bottom: 15px;} .in_conbox_l{width:50%;float: left;padding-right: 20px;} .in_conbox_r{width: 50%;float: right;padding-left: 20px;} .in_conbox_l .in_conbox_l_tbox{font-size: 14px;line-height: 25px;text-align: justify;margin-bottom: 10px;height: 150px;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;} .in_conbox_l .in_conbox_l_tbox p{color: #a8a8a8;} .in_conbox_l .in_conbox_l_lxfs{font-size: 15px;line-height: 30px;} .in_conbox_l .in_conbox_l_lxfs p{color: #fff;padding-left: 5px;} .in_conbox_l .in_conbox_l_lxfs p.gsmc{background-position-y:8px;} .in_conbox_l .in_conbox_l_lxfs p.lxr{background-position-y:-22px;} .in_conbox_l .in_conbox_l_lxfs p.sj{background-position-y:-52px;} .in_conbox_l .in_conbox_l_lxfs p.dh{background-position-y:-82px;} .in_conbox_l .in_conbox_l_lxfs p.cz{background-position-y:-112px;} .in_conbox_l .in_conbox_l_lxfs p.qq{background-position-y:-142px;} .in_conbox_l .in_conbox_l_lxfs p.yx{background-position-y:-172px;} .in_conbox_l .in_conbox_l_lxfs p.dz{background-position-y:-202px;} .in_conbox_l .in_conbox_l_lxfs p.wz{background-position-y:-232px;} .in_conbox_r .inputbox .inputbox_input{width: 100%;overflow: hidden;margin-bottom: 15px;} .in_conbox_r .inputbox .inputbox_input label{width: 100%;color: #777777;font-weight: normal;line-height: 30px;} .in_conbox_r .inputbox .inputbox_input input{width: 100%;line-height: 34px;border: 1px dashed #5c6063;background: #222e3a;color: #fff;padding: 0 5px;line-height: 34px;outline: none;} .in_conbox_r .inputbox .inputbox_input textarea{width: 100%;max-width: 100%;height: 142px;max-height: 142px;border: 1px dashed #5c6063;background: #222e3a;color: #fff;padding: 0 5px;margin-bottom: 10px;outline: none;resize: none;} .in_conbox_r .inputbox button{width: 134px;padding: 0; line-height: 34px;border: none; text-align: center;display: block;margin-top: 15px;background: #343434;color: #fff;} .cfot{padding: 30px 0 0;border-top:5px solid #e60012;background-color: rgb(51, 51, 51);background-image: url("/images/bdcc03e0.png"); background-position: right bottom;background-repeat: no-repeat;} .cfotbox{text-align: center; padding:40px 0;} .cfotbox .fot_nav{ overflow:hidden;} .cfotbox .fot_nav a{display: inline-block;font-size: 14px;color: #fff; line-height: 1; padding: 2px 15px;border-left: 1px solid #fff;} .cfotbox .fot_nav a:first-child{border-left: none;} .fot_p{color: #fff;font-size: 16px;line-height: 32px;color: #fff; margin-top:6px; border-top:1px dashed #FFFFFF; padding:30px 0;} .fot_p p{color: #fff;font-size: 16px;line-height: 32px;color: #fff; text-align:center;} .fot_p a{ color:#fff;} .logo{ width:110px; padding-top:30px} .tit{width: 400px;height: 85px;font-size: 30px;color: rgb(230, 0, 18); font-weight:bold; padding-top:27px;} .text{ width:330px; color:rgb(181, 181, 181); line-height:28px; text-align:left; margin-left:100px;} .pic{ color: rgb(181, 181, 181); width:320px; text-align:center;} .pic img{ border-radius:10px;} .pic p{ color: rgb(181, 181, 181); line-height:30px;} .news_item{width: 100%; margin-bottom: 30px; height: 130px; overflow: hidden;} .news_item .imgbox{width: 180px; height: 100%; float: left; border: 1px solid #dadada; overflow: hidden;} .news_item .imgbox .news_img{width: 100%; height: 100%;} .news_item .txtbox{width: calc(100% - 180px); height: 100%; float: left; padding: 5px 15px;} .news_item .txtbox .news_title{font-size: 16px; color: #9f7b61;} .news_item .txtbox .news_date{font-size: 14px; color: #333333; margin-top: 8px;} .news_item .txtbox .news_txt{margin-top: 8px; height: 40px; line-height: 20px; overflow: hidden; font-size: 14px; color: #333333;} .news_item .txtbox .more{font-size: 12px; color: #ffffff; padding: 4px 15px; border-radius: 20px; margin-top: 8px; background-color: #9f7b61; display: inline-block;} /*内页*/ .content{background: #fff;} .center_box{width: 100%;overflow: hidden;zoom: 1;padding: 30px 0;} .center_box .center_box_l{width: 26%;padding-right: 60px;float: left;} .center_box .center_box_r{width: 100%;float: right;} .center_box .center_box_l .center_box_l_menu{padding: 11px 15px;background: #323232;border-radius: 3px;margin-bottom: 18px;} .center_box .center_box_l .center_box_l_menu .tit02 h3{font-size:25px;line-height: 38px;margin-bottom: 11px;color: #fff;} .center_box .center_box_l .center_box_l_menu .dropmenu{padding: 11px;background: #c5c5c5;border-radius: 4px;} .center_box .center_box_l .center_box_l_menu .dropmenu .about_ul{display:block; overflow:hidden;} .center_box .center_box_l .center_box_l_menu .dropmenu .about_ul li{margin-bottom: 6px;} .center_box .center_box_l .center_box_l_menu .dropmenu .about_ul li:last-child{margin-bottom: 0;} .center_box .center_box_l .center_box_l_menu .dropmenu .about_ul li a{line-height: 40px;display: block;width: 100%;padding-left: 18px;border-radius: 3px;background: #ffffff;transition:all 0.35s;-moz-transition:all 0.35s; /* Firefox 4 */-webkit-transition:all 0.35s; /* Safari 和 Chrome */-o-transition:all 0.35s; /* Opera */} .center_box .center_box_l .center_box_l_menu .dropmenu .about_ul li a:hover{background: #9f7b61;color: #fff;} .center_box .center_box_l .center_box_l_menu .dropmenu .about_ul li a.on{background: #9f7b61;color: #fff;} .center_box .center_box_l .center_box_l_menu .dropmenu .about_ul li .about_dl{display:none; padding:1px 0; margin-bottom:2px;} .center_box .center_box_l .center_box_l_menu .dropmenu .about_ul li .about_dl>dd{display:block; overflow:hidden; margin-top:2px;} .center_box .center_box_l .center_box_l_menu .dropmenu .about_ul li .about_dl>dd>a{display:block; overflow:hidden; height:34px; line-height:34px; background:#fff; text-align:left; text-indent:12px; font-size:14px; color:#535353;} .center_box .center_box_l .center_box_l_menu .dropmenu .about_ul li .about_dl>dd>a:hover{background:#efefef; color:#642500;} .center_box .center_box_l .center_box_l_menu .dropmenu .about_ul li .about_dl>dd>a.on{background:#efefef; color:#642500;} .center_box .center_box_l .center_box_l_lxfs{padding: 11px 10px;background: #323232;border-radius: 3px;} .center_box .center_box_l .center_box_l_lxfs .tit02 h3{font-size:25px;line-height: 38px;margin-bottom: 11px;color: #fff;} .center_box .center_box_l .center_box_l_lxfs .center_box_l_lxfs_p{background: #c5c5c5;padding: 10px;padding-bottom: 30px; border-radius: 3px;font-size: 14px;line-height: 23px;} .suoyin:after{display:block;clear:both;content:"";visibility:hidden;height:0;} .suoyin{zoom:1;border-bottom: 1px solid #080808;} .suoyin h4{font-size: 24px;float: left;line-height: 54px;color: #333;} .suoyin p{font-size: 14px;float: right;line-height: 54px;color: #666;} .mainbox{padding: 00px 0 0 0;} .about .abtxt{font-size: 14px;line-height: 30px;text-align: justify;color: #333;margin-bottom: 10px;} .about .abtxt1{font-size: 14px;line-height: 30px;text-align: justify;color: #333;margin-bottom: 10px;} .about .abtxt1 img{ width: 31%;margin: 1%;} /*产品*/ /*手绘壁画*/ .product1 ul li{padding: 0 15px;padding-bottom: 25px;} .product1 ul li a{display: block;width: 100%;overflow: hidden;text-align: center;} .product1 ul li a .propic1{position: relative; display: block; overflow: hidden; margin: 0 auto;border: 1px solid #dedede;} .product1 ul li a .propic1:before{content: ""; padding-top:75%; display: block;} .product1 ul li a .propic1 span{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0; transition:all 0.35s; -moz-transition:all 0.35s; /* Firefox 4 */ -webkit-transition:all 0.35s; /* Safari 和 Chrome */ -o-transition:all 0.35s; /* Opera */ } .product1 ul li a .protxt1{font-size: 14px;line-height: 38px;background: #bbb; transition:all 0.35s; -moz-transition:all 0.35s; /* Firefox 4 */ -webkit-transition:all 0.35s; /* Safari 和 Chrome */ -o-transition:all 0.35s; /* Opera */ } .product1 ul li a .protxt1 p{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color: #ffffff; background:rgb(2, 42, 118)} .product1 ul li a:hover .propic1{border-color:#9f7b61;} .product1 ul li a:hover .propic1 span{ transform:scale(1.05); -ms-transform:scale(1.05); /* IE 9 */ -moz-transform:scale(1.05); /* Firefox */ -webkit-transform:scale(1.05); /* Safari 和 Chrome */ -o-transform:scale(1.05); /* Opera */ } .product1 ul li a:hover .protxt1{background: #9f7b61;} .new ul li{padding-bottom:25px;} .new ul li a{display: block;width: 100%;padding-left: 170px;position: relative;background: #e2e2e2;} .new ul li a .newpic{width: 170px;height: 100%;overflow: hidden; position: absolute;left: 0;top: 0;border: 1px solid #bcbcbc;border: 1px solid #929292;} .new ul li a .newpic span{display: block;width: 100%;height: 100%; transition:all 0.35s; -moz-transition:all 0.35s; /* Firefox 4 */ -webkit-transition:all 0.35s; /* Safari 和 Chrome */ -o-transition:all 0.35s; /* Opera */ } .new ul li a .newtxt{width: 100%;padding-left: 18px;} .new ul li a .newtxt h4.tit{font-size: 16px;line-height: 30px;margin-bottom: 10px;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .new ul li a .newtxt .new_tbox{font-size: 16px;line-height: 30px;height: 60px;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;margin-bottom: 10px;} .new ul li a .newtxt .new_tbox p{color: #666;} .new ul li a .newtxt .new_date p{font-size: 16px;line-height: 30px;color: #666;} .new ul li a:hover .newpic{border-color: #9f7b61;} .new ul li a:hover .newpic span{ transform:scale(1.05); -ms-transform:scale(1.05); /* IE 9 */ -moz-transform:scale(1.05); /* Firefox */ -webkit-transform:scale(1.05); /* Safari 和 Chrome */ -o-transform:scale(1.05); /* Opera */ } .new ul li a:hover .newtxt h4.tit{color: #9f7b61;} /*联系我们*/ .contact p{font-size: 16px;line-height: 30px;color: #333;} /*产品详情*/ .pro_x_title{ font-size:18px; line-height:36px; width:100%; text-align:center;} .pro_x_pic{text-align: center;margin-bottom: 5px;} .pro_x_pic img{max-width: 100%; margin:10px auto} .pro_x_txt {text-align: left;font-size: 14px;color: #333;line-height: 28px; margin-top:5px;} .pro_x_txt img{max-width: 100%;} .pro_x_txt table{width: 100%;} .pro_x_txt table td{ border: 1px solid #eee;padding: 10px 15px;} /*新闻详情*/ .new_x .new_x_tit h4{font-size: 14px;color: #333;line-height: 24px;} .new_x .new_x_tit h6{font-size: 12px;color: #888;line-height: 18px;} .new_x .new_x_pic{text-align: center;padding: 10px 0;} .new_x img{max-width: 100%;} .new_x .new_x_txt{font-size: 14px;line-height: 24px;text-indent: 2em;} .new_x .new_x_txt p{color: #333;} .topbg{ background:#000; height:45px;} .index_cpzx_title{ text-align:center;} .index_cpzx_title h1{ font-size: 28px;color: rgb(2, 42, 118); font-weight:bold;} .index_cpzx_title h2{ border-bottom:1px solid #e81712; height:15px; margin-bottom:15px; width:60px; display:block; margin:0 auto; } .index_cpzx_title p{ line-height:35px; text-align:center; font-size:16px; color:#000; padding-bottom:10px;} .nav{ display:block; text-align:center; padding:10px 0;} .nav li{ display:inline-block; padding:0 10px; height:45px; overflow:hidden; line-height:45px; background:#022a76; font-size:14px; border-radius:5px; background:#1f336e; margin:0 5px;} .nav li:hover,.nav li.hover{ background:#e88843;border-radius:5px; } .nav li a{ padding:0; color:#FFF; background:none;} .nav li:hover a{ background:none;} .news_ul{ display:block; width:100%; padding-top:60px; padding-bottom:100px; overflow:hidden;} .news_ul li{ display:block; width:48%; float:left; margin-right:4%; padding:20px 0;} .news_ul li:nth-child(2n){margin-right:0;} .news_ul li .time{ display:block; width:90px; height:120px; margin-right:30px; float:left; background:#022a76;} .news_ul li .time .day{ display:block; width:100%; text-align:center;font-size: 33px;padding-top: 21px;color: #fff;font-weight: bold;text-decoration: none;} .news_ul li .time .year{ display:block; line-height:30px;color: #fff;font-size: 18px;display: block; text-align:center;} .news_ul li .content{ display:block; width:calc(100% - 120px); height:120px; float:left;} .news_ul li .content h1{font-size: 20px;color: #333333;font-weight: bold; text-decoration: none;line-height: 140%; cursor:pointer} .news_ul li .content p{width: 99%; overflow: hidden; word-wrap: break-word; padding-top:15px;font-size: 14px;line-height: 28px !important;padding-top: 10px;color: #5A5A5A;font-weight: normal;text-decoration: none;} .news_ul li .content a:hover{ color:#F00;} .head_txt { float: left; font-size: 12px; color: #fff; height: 45px; line-height: 45px; } .top_right { float: right; color: #fff; } .top_right a { height: 45px; line-height: 45px; font-size: 18px; color: #fff; padding: 0 5px; } .youshi_ul{ display:block; width:100%; padding-top:60px; height:450px; padding-bottom:100px; overflow:hidden; position:relative;} .youshi_ul li{ display:block; width:365px; height:175px; float:left; margin-right:0%; padding:0px 0; position:absolute; top:0; left:0;} .youshi_ul li:nth-child(1){ background:url("/images/775b745d.png") no-repeat center center; z-index:8;} .youshi_ul li:nth-child(2){ background:url("/images/b9dcaea8.png") no-repeat center center; z-index:7;left:272px;} .youshi_ul li:nth-child(3){ background:url("/images/14edfaa8.png") no-repeat center center; z-index:6;left:544px;} .youshi_ul li:nth-child(4){ background:url("/images/b9dcaea8.png") no-repeat center center; z-index:5;left:818px;} .youshi_ul li:nth-child(5){ background:url("/images/6ab1ee19.png") no-repeat center center; z-index:4;top:175px;left:0px;} .youshi_ul li:nth-child(6){ background:url("/images/024be529.png") no-repeat center center; z-index:3;top:175px;left:272px;} .youshi_ul li:nth-child(7){ background:url("/images/6ab1ee19.png") no-repeat center center; z-index:2;top:175px;left:544px;} .youshi_ul li:nth-child(8){ background:url("/images/6233bec8.png") no-repeat center center; z-index:1;top:175px;left:818px;} .youshi_ul li h1{ font-size: 23px;color: rgb(2, 42, 118); font-weight:bold; padding:20px 0} .youshi_ul li p{font-size: 14px;color: rgb(51, 51, 51);line-height: 221%;} .youshi_ul li h1{ text-align:center; font-weight:bold;color: rgb(247, 148, 52);font-family: "Microsoft YaHei";font-size: 18px; padding-top:40px;} .youshi_ul li h2{ text-align:center; font-size: 14px;color: rgb(51, 51, 51); line-height: 181%; padding:0 70px;} .case_ul{padding-top: 10px;} .case_ul li{ display:block; float:left; padding:0 10px;} .case_ul li p{ text-align:center; color:#FFF; line-height:35px;} .button{ display:block; margin:0 auto; border:1px solid #FFF; color:#FFF; text-align:center; margin-top:50px; border-radius:10px; width:184px; height:49px; line-height:49px;} .button:hover{ color:#FFF; border-color:#F00; background:#F00;} .yw_ul{display:block; overflow:hidden; width:1200px; padding-top:40px;} .yw_ul li{width:25%; box-sizing:border-box; padding:5px; float:left; } .yw_ul li .yw_B{width:100%; overflow:hidden;} .yw_ul li .yw_B .yw_img{width:100%; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;transition:all 1s ease;height:290px;border: 1px solid #ddd;} .yw_ul li .yw_B .yw_img::before{content:""; display:block; padding-top:75%} .yw_ul li .yw_txt{display:block; overflow:hidden; height:50px; line-height:50px; font-size:16px; color:#131313; text-align:center; border-radius:0 0 5px 5px;} .yw_ul li:hover .yw_B .yw_img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);} .pro_ul{ padding-top:20px;} .pro_ul li{ display:block; float:left; width:31.333%; padding:15px; margin:0 30px 30px 0; border:1px solid #000;} .pro_ul li img{ max-width:100%;} .pro_ul li:nth-child(3n){ margin-right:0;} .pro_ul li p{ text-align:center; color:#000; line-height:35px;} .pro_ul li:hover{ border:1px solid #F00;} .gsjj{width: 100%; overflow: hidden; position: relative;} .gsjj_con{ width: 1200px; margin: 0 auto; background:none; overflow: hidden; padding-top:30px;} .gsjj_img{ float: LEFT; width:600px} .gsjj_b{float: RIGHT; width: 550px;} .gsjj_t{color: #0071bf; font-size: 24px; font-weight: bold;} .gsjj_txt{display: block; color: #666; font-size: 12px;} .gsjj_txt h1{font-size: 34px; color: rgb(232, 23, 18); font-weight:bold; border-bottom: 4px groove #d9d9d9;font-size: 18px;color: rgb(255, 255, 255); letter-spacing: 4px; display:inline-block; line-height:40px;} .gsjj_txt h2{color: rgb(204, 204, 204); font-size: 14px; line-height:35px; font-weight:normal; text-transform: uppercase; padding-bottom:30px;} .gsjj_txt txt{display: block;font-size: 14px;line-height: 26px; color:#FFF; font-weight:normal;margin: 20px 0;} .gsjj_more{ width: 150px;} .gsjj_more a{color: #fff; font-size: 15px; text-align: center; display: block; padding: 10px 0;border: 1px solid #ccc; border-radius:10px;} .gsjj_more a:hover{border: 1px solid #0071bf;color: #fff;background: #ff6600;} .ys{ display:block; width:100%; background:#FFF; padding:56px 0; margin-top:80px; overflow: hidden;} .ys li{ display:block; width:25%; text-align:center; float:left;} .ys li h1{font-size: 48px;font-family: "Microsoft YaHei";color: rgb(90, 90, 90);} .ys li h1 span{font-size: 16px;} .ys li h2{color: rgb(153, 153, 153);font-family: "Microsoft YaHei";font-size: 14px; line-height:30px;} .news_ull{ display:block; width:100%; padding-top:60px; padding-bottom:100px; overflow:hidden;} .news_ull li{ display:block; width:100%; float:left; padding:20px 0;} .news_ull li:nth-child(2n){margin-right:0;} .news_ull li .time{ display:block; width:90px; height:120px; margin-right:30px; float:left; background:#022a76;} .news_ull li .time .day{ display:block; width:100%; text-align:center;font-size: 33px;padding-top: 21px;color: #fff;font-weight: bold;text-decoration: none;} .news_ull li .time .year{ display:block; line-height:30px;color: #fff;font-size: 18px;display: block; text-align:center;} .news_ull li .content{ display:block; width:calc(100% - 120px); height:120px; float:left;} .news_ull li .content h1{font-size: 20px;color: #333333;font-weight: bold; text-decoration: none;line-height: 140%; cursor:pointer} .news_ull li .content p{width: 99%; overflow: hidden; word-wrap: break-word; padding-top:15px;font-size: 14px;line-height: 28px !important;padding-top: 10px;color: #5A5A5A;font-weight: normal;text-decoration: none;} .news_ull li .content a:hover{ color:#F00;} .contact_ul{ display:block; margin:0 auto; width:100%; padding-bottom:30px; overflow:hidden;} .contact_ul li{ display:block; width: 270px; height:270px; margin-right:40px; float:left; box-sizing:border-box; padding:10px; color:#FFF;} .contact_ul li img{ display:block; margin:0 auto; margin-top:46px; margin-bottom:40px;} .contact_ul li p{ color:#FFF; text-align:center; line-height:35px;} .contact_ul li:nth-child(4){ margin-right:0;} .contact_ul li:nth-child(1){ background:#E81712} .contact_ul li:nth-child(2){ background:#022A76} .contact_ul li:nth-child(3){ background:#E81712} .contact_ul li:nth-child(4){ background:#022A76} .banner-html5zoo{ /*overflow:hidden;*/} .banner-html5zoo .html5zoo-arrow-left-0,.banner-html5zoo .html5zoo-arrow-right-0{width:40px !important; height:60px !important; top:50% !important; margin-top:-30px !important; background:url("/images/bf015171.png") no-repeat !important;display:block !important; visibility:hidden;} .banner-html5zoo:hover .html5zoo-arrow-left-0,.banner-html5zoo:hover .html5zoo-arrow-right-0{ visibility:visible;} .banner-html5zoo .html5zoo-arrow-left-0{left:50px !important; background-position:0 0 !important;} .banner-html5zoo .html5zoo-arrow-right-0{right:50px !important; background-position:-40px 0 !important;} .banner-html5zoo .html5zoo-arrow-left-1,.banner-html5zoo .html5zoo-arrow-right-1{width:40px !important; height:60px !important; top:50% !important; margin-top:-30px !important; background:url("/images/bf015171.png") no-repeat !important;display:block !important; visibility:hidden;} .banner-html5zoo:hover .html5zoo-arrow-left-1,.banner-html5zoo:hover .html5zoo-arrow-right-1{ visibility:visible;} .banner-html5zoo .html5zoo-arrow-left-1{left:50px !important; background-position:0 0 !important;} .banner-html5zoo .html5zoo-arrow-right-1{right:50px !important; background-position:-40px 0 !important;} .banner-html5zoo .html5zoo-nav{ text-align:center;} .banner-html5zoo .html5zoo-bullet-span{ width:1em !important; height:2px !important; float:none !important; display:inline-block; background:#fff !important; opacity:0.5; box-sizing:border-box; border-radius:0; -webkit-border-radius:0; margin:0 5px !important; vertical-align:middle;} .banner-html5zoo .html5zoo-bullet-span.active{width:1em !important; height:1em !important; border:2px solid #fff; background:none !important; opacity:1;border-radius:50%; -webkit-border-radius:50%;} }