*{font-family:Arial, "微软雅黑";color: #333;}
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('https://at.alicdn.com/t/font_1432720974_1547027.eot');src:url('https://at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'),url('https://at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'),url('https://at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'),url('https://at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg')}
@font-face{font-family:'Pacifico';font-style:normal;font-weight:400;src:local('Pacifico Regular'),local('Pacifico-Regular'),url(https://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.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}

.topbox{width:100%; overflow:hidden; background:rgb(240, 240, 240); line-height:35px; font-size:12px; color:#202020;}
.topbox a{color:#202020; margin:0 10px;}
.topbox a:last-child{margin:0 0 0 10px;}
.topbox a:hover{color:#0066d9; text-decoration:underline!important;}

.banner{ display: block; position: relative;}
.banner .bot{ display: block; position: absolute; bottom: 0; left: 0; height: 50px; background: rgb(0, 78, 162); width: 100%; z-index: 999;}
.banner .bot2 { height: 80px;  background: none; z-index: 9999; position: absolute; width: 100%; bottom: 0; left: 0;}
.banner .bot22{ height: 80px;border-radius: 40px; background: rgb(0, 78, 162);}
.text1{ font-size: 18px; text-indent: 30px; line-height: 80px; color: #fff; font-weight: bold;}
.text2{ line-height: 60px; font-size:14px; color: rgb(204, 204, 204);}
.text2 span{ font-size: 30px; font-weight: bold; color: #fff; line-height: 80px;}
.topform{ display: block; width: 80%; margin: 0 auto; margin-top: 22px; height: 36px; border-radius: 50px; border: 1px solid #fff;}
.topform input{ display: inline-block; border: none; outline: none; height: 35px; background: none;color: #fff; text-indent: 15px; width: calc(100% - 86px);}
.topform button { display: inline-block; border: none; outline: none; color: #fff;  background: none; width: 60px;}
@media screen and (max-width: 800px) {
.pc{ display:none !important;}

/**底部**/
.botm{position:fixed;bottom:0; left:0;width:100%; height:5em; background:#0066d9; 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;} 

.addr{ display: none;}
.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:#0066d9;}
.header .ydd_btn span.span02{margin:5px 0;}
.header .ydd_btn.click span{background:#0066d9;}
.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:40%;height:auto;position:absolute;right:0;top:64px;z-index:2000;}
.header .sjdnav ul{padding:0;margin:0;background:#0066d9; 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:#0066d9;}
.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;}

.header .sjdnav li.se{ text-indent: 30px;}



.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: #0066d9;font-size: 14px;
    background-color: #fff;border: 1px solid #0066d9;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: left;padding: 10px 0;line-height: 1.5;color: #5a5a5a;}

a.btnsubmit {
    background-color: #0066d9;
    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:#0066d9; border:1px solid #fff;box-sizing: border-box;}
.dh li{width:25%;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/tel.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; position: relative;}
.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;}
.menu ul.yj>li ul.ejmenu li > ul{ display: block; position: absolute; top:0; left: 100%;}

.menu ul.yj>li ul.ejmenu li > ul li{}

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/titbg1.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/fdjmb3.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(../images/gsjj_bj.jpg) no-repeat;}
.in_ab .tit01 h4{background: url(../images/titbg2.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/CaseSharing_mask_03.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 { background: #f4f4f4; box-sizing: border-box; padding: 10px}
.in_ys .in_ysbox{text-align: center;}
.in_ys .in_ysbox  h1{ font-size: 14px;}
.in_ys .in_ysbox h2{ font-size: 14px;}
.in_ys .in_ysbox img{ float: left;}
.in_ys .in_ysbox p { text-align: left;}
.in_ys .in_ysbox p span{ display: block; float: left; width: 70%;}
.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/casebg.jpg); background-position: center center;
    background-repeat: repeat;  background-attachment: fixed; height:350px;}
.in_case .tit01 h3{color: #444;}
.in_case .tit01 h4{color: #555;}
.in_case .tit01 h4{background: url(../images/titbg2.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/CaseSharing_mask_03.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/abbg.jpg)repeat; background-size: cover;padding: 45px 0;}
.in_con .tit01 h4{background: url(../images/titbg2.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/footerbg.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%;zoom: 1;padding: 0px 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; height:200px !important;}

.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:#0066d9;}
.product1 ul li a:hover .propic1{border-color:#0066d9;}
.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;}
.ntop{ height: 50px; line-height: 50px; background: rgba(244,244,244,1); font-size: 16px; font-weight: bold; text-align: center;}

.index_cpzx_title{ text-align:center; box-sizing:border-box; padding:0 10px;}
.index_cpzx_title h1{ font-size: 28px;color: #0066d9; font-weight:bold;}
.index_cpzx_title h2{ border-bottom:1px solid #0066d9; 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:#0066d9; font-size:14px; margin-bottom:10px;padding: 0 10px;}
.nav li:hover,.nav li.hover{ background:#0066d9;}
.nav li a{ padding:0; color:#FFF;}
.nav li:hover a{ background:#0066d9;}

.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:#0066d9;}
.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: #0066d9; 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;}
.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;}
.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 #0066d9;}
.gsjj{width: 100%; overflow: hidden; position: relative;}
.gsjj_con{ width: 100%; margin: 0 auto; background: #fff; overflow: hidden;}
.gsjj_img{ float: right; width:600px}
.gsjj_b{float: left; width: 100%;}
.gsjj_t{color: #0066d9; 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/about_top_line.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: 20px auto;}
.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 #0066d9;color: #fff;background: #0066d9;}


.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:#0066d9;}
.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: 100%;  height:270px;float:left; box-sizing:border-box;color:#FFF;}
.contact_ul li img{ display:block; margin:0 auto; margin-top:46px; margin-bottom:40px;}
.contact_ul li p.t{ color:rgb(0, 78, 162);; text-align:center; line-height:35px; font-size: 20px; font-weight: bold;}
.contact_ul li p{ color:rgb(0, 0, 0);; text-align:center; line-height:30px; font-size: 15px; font-weight:normal;}
.contact_ul li:nth-child(4){ margin-right:0;}


.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/slide_bPc.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/slide_bPc.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%;}


.service_ul{ padding-top:0px;}
.service_ul li{ display:block; float:left; width:100%; padding:15px; box-sizing: border-box; }
.service_ul li a{ display: block; width: 100%; position:relative; overflow: hidden;}
.service_ul li a span{ display: block; position: absolute; top:0px; left: 0px; width: 100%; height: 100%; background-color: rgba(221, 9, 9, 0.6); display: none; z-index: 9;}
.service_ul li a span{ background-image: url(../images/add.png); background-repeat: no-repeat; background-position: center center; transition: all .5s linear;}
.service_ul li a img{ transition: all .5s linear;}
.service_ul li:hover span{ display: block;}
.service_ul li:hover a img{ transform: translateY(-5%);}
.service_ul li img{ max-width:100%;}
.service_ul li:nth-child(3n){ margin-right:0;}
.service_ul li p{ text-align:center; color:#000; line-height:30px; font-size: 16px; font-weight: bold;}


.case1_ul{ padding-top:0px;}
.case1_ul li{ display:block; float:left; width:100%; padding:15px; box-sizing: border-box; }
.case1_ul li a{ display: block; width: 100%; position:relative; overflow: hidden; height: 240px; overflow: hidden;}

.case1_ul li p span{ position: absolute; bottom: -80px; display: block; margin: 0 auto; left: 50%; margin-left: -22px; border-radius: 50%;line-height: 44px; cursor: pointer;
     background:none; width: 44px; height: 44px;color: rgba(255,255,255,1);font-family: times new roman;font-size: 40px;font-weight: normal; border: 1px solid #fff;}
.case1_ul li a img{ transition: all .5s linear;}

.case1_ul li a:hover img{ transform:scale(1.2);}
.case1_ul li img{ max-width:100%;}
.case1_ul li:nth-child(3n){ margin-right:0;}
.case1_ul li p{ text-align:center; color:#000; line-height:50px; font-size: 16px;  background: #fff;    font-size: 18px;color: rgb(67, 67, 67); position:relative; height: 50px;}
.case1_ul li p span:hover{ background: #cb0709; border: 1px solid #cb0709;}



.newshome{}
.newshome li{ padding: 10px; border-bottom: 1px solid #dedede;}
.newshome li h1{font-size: 18px; color: #5A5A5A; font-weight: bold; line-height: 40px;}
.newshomt li p{ font-size: 14px; line-height: 25px;}

.news_ul1{ display:block; width:100%; padding-top:0px; padding-bottom:10px; overflow:hidden;}
.news_ul1 li{ display:block; width:100%; float:left;  padding:28px 0; border-bottom: 1px solid #dedede;}
.news_ul1 li:nth-child(1){ padding-top: 0;}

.news_ul1 li .time{ display:block; width:180px; height:120px; margin-right:20px; float:left; overflow: hidden; }
.news_ul1 li .time img{ width: 100%;transition: all .3s ease-in;}
.news_ul1 li .time:hover img{ transform: scale(1.1);}

.news_ul1 li .content{ display:block; width:calc(100% - 200px); height:120px; float:left;}
.news_ul1 li .content h1{font-size: 20px;color: #333333;font-weight: bold; text-decoration: none;line-height: 140%; cursor:pointer}
.news_ul1 li .content h6{ line-height: 30px;}
.news_ul1 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_ul1 li .content a:hover{ color:#F00;}



#marquee1{ display: block; overflow: hidden;}
#marquee1 ul li{ display: inline-block; float: left;}



.nav1{ display:flex; text-align:center; padding:0 15px; box-sizing: border-box;  border-top:1px solid #dedede ; border-bottom:1px solid #dedede ; }
.nav1 li{flex: 1; height:80px; line-height:80px; font-size:16px;}
.nav1 li:hover,.nav li.hover{}
.nav1 li a{ display: block; height: 80px; position: relative; top:-1px; box-sizing: border-box; padding: 0px 15px; color:#000; border-top: 1px solid #dedede; box-sizing: border-box;}
.nav1 li:hover a{ color: #f00; border-top: 1px solid #F00;}
.nav1 li.hover a{ color: #f00; border-top: 1px solid #F00;}

.nav2{ display:block; text-align:left; padding:0 15px; box-sizing: border-box;  border-top:1px solid #dedede ; border-bottom:1px solid #dedede ; }
.nav2 li{ display: inline-block;  height:80px; line-height:80px; font-size:16px; }
.nav2 li:hover,.nav li.hover{}
.nav2 li a{ display: block; height: 80px; position: relative; top:-1px; box-sizing: border-box; padding: 0px 15px; color:#000; border-top: 1px solid #dedede; box-sizing: border-box;}
.nav2 li:hover a{ color: #f00; border-top: 1px solid #F00;}
.nav2 li.hover a{ color: #f00; border-top: 1px solid #F00;}



.slist{ background: #fff; box-sizing: border-box; padding: 4px 0;}
.slist:nth-child(2n-1){ background: rgb(238, 238, 238);}
.slist h1{ color: rgb(0, 78, 162); font-size: 24px; font-weight: bold; text-align: left; margin-bottom:20px ; text-align: center;}
.slist .con{ display: flex; flex-direction: row; flex-wrap: wrap;align-items: stretch; background: rgb(238, 238, 238); }
.slist .con .re{ width: 100%;}
.slist:nth-child(2n-1) .con{ background: #fff; flex-direction: row-reverse;}
.slist .con .txt{ padding: 20px; box-sizing: border-box;}



.slist1{ background: #fff; box-sizing: border-box; padding: 0px 0;}
.slist1.b{ background: rgb(238, 238, 238);}
.slist1 h1{ color: rgb(0, 78, 162); font-size: 24px; font-weight: bold; text-align: left;  text-align: center; line-height: 50px;}
.slist1 .con{ display: block;  background: rgb(238, 238, 238); }

.slist1 .con.b{ background: #fff; flex-direction: row-reverse;}
.slist1 .con .txt{ padding: 20px; box-sizing: border-box;}

.jmys{ display: flex; flex-flow: row wrap; justify-content: space-between; align-items:stretch;}
.jmys li{ width: 100%; background: #fff; padding: 0; margin: 0; list-style: none;}
.jmys li h1{ font-size: 18PX; font-weight: bold; color: #000;  text-align: center; padding-top: 35px;}
.jmys li p{ box-sizing: border-box; padding: 0px 40px 60px 40px;}


}




@media screen and (min-width: 801px) {
.phone{ display:none !important;}

.navbars{ height: 52px;background-color: rgb(238, 238, 238); }

.addr,.submenu{ display: block; float: left; width: 50%; line-height:52px; font-size: 14px;;}
.addr{color: rgb(213, 179, 69) }
.addr a{ color: black;}
.addr a:hover{ text-decoration: underline;}
.submenu ul{ text-align: right;}
.submenu ul li{ display: inline-block; padding-left: 20px;}
.submenu ul li a{ color: black;}
.submenu ul li a:hover{ color:red;}

.ntop{ display: none;}

.product{ border-bottom: 1px solid #dedede;}
.youshi{ background: url(../images/ys-bg1.png) no-repeat center center; background-size: cover;}

.yingyong{ background: url(../images/bg2.jpg) no-repeat center bottom; height: 600px;}
.slogn{ box-sizing: border-box; padding:40px; background: #0066d9;}
.slogn h1{    font-size: 24px; color: rgb(255, 255, 255); letter-spacing: 3px; font-weight: bold;}
.slogn h2{font-size: 14px;color: #fff; line-height: 35px;}

@media (min-width: 1200px)
{
.col-lg-3 {width: 40%;}	
.col-lg-5 {width: 25%;}
}
	
.contacts{ box-sizing: border-box; padding: 0; padding-top: 40px;}
.contacts img{ display: block; float: left; width: 49px;}
.contacts p{ display: block; width: calc(100% - 55px); float: left;    font-size: 14px; color: rgb(51, 51, 51);  text-align: left; padding-left: 20px;}
.contacts p span{ display: block; width: 100%; text-align: left;    font-size: 26px; color: rgb(0, 0, 0);  font-weight: bold;}
.search{ box-sizing: border-box; padding:40px;}
.search form{ display: block; width: 100%; background: #0066d9; border:2px solid #0066d9; overflow: hidden;;}
.search form input{ display: block; float: left; width: 80%; height: 34px; outline: none; border: none; color: black; background: #fff;}
.search form button{ display: block; float: left; width: 20%; background: none; color: #fff; outline: none; border: none; line-height: 32px;}
.search p{ line-height: 35px;}

.service_ul{ padding-top:0px;}
.service_ul li{ display:block; float:left; width:33.333%; padding:15px; box-sizing: border-box; }
.service_ul li a{ display: block; width: 100%; position:relative; overflow: hidden;}
.service_ul li a span{ display: block; position: absolute; top:-520px; left: 0px; width: 100%; height: 100%; background-color: rgba(5, 94, 197, 0.9); 
    display: block; z-index: 9;transition: all 2s linear;}
.service_ul li a span{ background-image: url(../images/add.png); background-repeat: no-repeat; background-position: center center; transition: all .5s linear;}
.service_ul li a img{ transition: all .5s linear;}
.service_ul li:hover span{ display: block;top:0;}
.service_ul li:hover a img{ transform: translateY(0%);}
.service_ul li img{ max-width:100%;}
.service_ul li:nth-child(3n){ margin-right:0;}
.service_ul li p{ text-align:center; color:rgb(0, 78, 162); line-height:50px; font-size: 16px;  background: #fff;    font-size: 18px; font-size: 20px; font-weight: bold;}
.service_ul li p.zy{ font-size: 14px; line-height: 20px; color: rgb(67, 67, 67); font-weight: normal;padding:10px 30px 30px 30px;}


.case1_ul{ padding-top:0px;}
.case1_ul li{ display:block; float:left; width:33.333%; padding:15px; box-sizing: border-box; }
.case1_ul li a{ display: block; width: 100%; position:relative; overflow: hidden; height: 240px; overflow: hidden;}

.case1_ul li p span{ position: absolute; bottom: -80px; display: block; margin: 0 auto; left: 50%; margin-left: -22px; border-radius: 50%;line-height: 44px; cursor: pointer;
     background:none; width: 44px; height: 44px;color: rgba(255,255,255,1);font-family: times new roman;font-size: 40px;font-weight: normal; border: 1px solid #fff;}
.case1_ul li a img{ transition: all .5s linear;}

.case1_ul li a:hover img{ transform:scale(1.2);}
.case1_ul li img{ max-width:100%;}
.case1_ul li:nth-child(3n){ margin-right:0;}
.case1_ul li p{ text-align:center; color:#000; line-height:50px; font-size: 16px;  background: #fff;    font-size: 18px;color: rgb(67, 67, 67); position:relative; height: 50px;}
.case1_ul li p span:hover{ background: #cb0709; border: 1px solid #cb0709;}

.case2_ul{ padding-top:0px;}
.case2_ul li{ display:block; float:left; width:25%; padding:15px; box-sizing: border-box; }
.case2_ul li a{ display: block; width: 100%; position:relative; overflow: hidden; overflow: hidden;}

.case2_ul li p span{ position: absolute; bottom: -80px; display: block; margin: 0 auto; left: 50%; margin-left: -22px; border-radius: 50%;line-height: 44px; cursor: pointer;
     background:none; width: 44px; height: 44px;color: rgba(255,255,255,1);font-family: times new roman;font-size: 40px;font-weight: normal; border: 1px solid #fff;}
.case2_ul li a img{ transition: all .5s linear;}

.case2_ul li a:hover img{ transform:scale(1.2);}
.case2_ul li img{ max-width:100%;}
.case2_ul li:nth-child(3n){ margin-right:0;}
.case2_ul li p{ text-align:center; color:#000; line-height:50px; font-size: 16px;  background: #fff;    font-size: 18px;color: rgb(67, 67, 67); position:relative; height: 50px;}
.case2_ul li p span:hover{ background: #cb0709; border: 1px solid #cb0709;}
	
	

.copyright{ line-height: 80px; text-align: center; color:#999 !important ; padding:0 !important;}

.copyright .text-left{width: 100%; color: #999 !important;text-align: center;}

.copyright .text-right a{ color: #999 !important;}


.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%;}

.mfields input,.mfields textarea{height: auto;min-height: 50px;line-height: 50px; width:100%;border-color: #0066d9;font-size: 14px;
    background-color: #fff;border: 1px solid #0066d9;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: left;padding: 10px 0;line-height: 1.5;color: #5a5a5a;}

.mfields li{ display: block; float: left; width: 50%; box-sizing: border-box; padding: 10px;}

a.btnsubmit {
    background-color: #0066d9;
    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;}




.header{background: #fff;}
.headbox:after{display:block;clear:both;content:"";visibility:hidden;height:0;} 
.headbox{zoom:1;position: relative; height: 110px;}

.logobox{}
.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/tel.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:800px;}
.menu ul.yj:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.menu ul.yj{zoom:1;background: url() no-repeat right center;margin-top: 0px;} 
.menu ul.yj>li{float: left;width:16.666%;position: relative;background: url() no-repeat left center; box-sizing: border-box; border-top: 1px solid rgba(0,0,0,0);}
.menu ul.yj>li>a{display: block;width: 100%; position:relative; line-height: 110px;font-size: 15px; text-align: center;color: #000; font-weight: bold;padding-top: 19px;}
.menu ul.yj>li:hover>a{background:#fff; color:#e92020}
.menu ul.yj>li:hover{border-top: 1px solid #e92020}

.menu ul.yj>li.hover>a{background:#fff; color:#e92020}
.menu ul.yj>li.hover{border-top: 1px solid #e92020}

.menu ul.yj>li>a.on{background:#ffffff; color:#000}
.menu ul.yj>li ul.ejmenu{position: absolute;width: 100%;left: 0;top:100%;display: none;z-index: 9;background: #0066d9;}
.menu ul.yj>li ul.ejmenu li a{display: block;width: 100%;text-align: center; line-height:24px; padding:8px 0; border-bottom: 0px solid #0062d0;color: #fff;transition: all 0.25s;}
.menu ul.yj>li ul.ejmenu li:first-child a{border-top: 0px solid #ccc;}
.menu ul.yj>li ul.ejmenu li a:hover{background: #0066d9;}
.menu ul.yj>li:hover ul.ejmenu{display: block;}

.menu ul.yj>li ul.ejmenu li > ul{ display: block; position: absolute; top:0; left: 100%; display: none; width: 100%; background: #0066d9;}

.menu ul.yj>li ul.ejmenu li:hover > ul { display:  block}

footer ul li a{ padding: 0 10px; height: 12px; font-size: 12px; line-height: 12px; }



.foot{ display: block; padding:0px 0; overflow:hidden;}
.foot ul{float: left; display: inline-block; height: 350px; box-sizing: border-box; }
.foot ul:nth-child(1){ width: 439px; text-align: left; box-sizing: border-box; padding-right: 100px;}
.foot ul:nth-child(2){ width: 270px; text-align: left;}
.foot ul:nth-child(3){ width: 360px; text-align: left;  padding-right: 100px;}
.foot ul:nth-child(4){ width: 130px; text-align: left;}
.foot ul dd{font-size: 18px; color: rgb(255, 255, 255);padding-bottom: 20px;    text-align: left; padding-top: 50px; font-weight: bold;}
.foot ul li{line-height: 28px; color: #999999; text-align: left;}
.foot ul li a{font-size: 14px;color: #999;}
.foot ul li h1{font-size: 15px;color: #999;background:url("../images/foot_tel.png") no-repeat center left;padding-left: 30px; }
.foot ul li h2{font-size: 15px;color: #999;background:url("../images/foot_mail.png") no-repeat center left;padding-left: 30px;}
.foot ul p{ color:#999;line-height: 24px}

.foot ul li .btns{ display: block; float: left; width: 88px; line-height: 28px; margin-top: 20px; color: rgba(213,179,69,1);  font-size: 12px;font-weight: normal; text-align: center; border: 1px solid rgba(213,179,69,1); border-radius: 30px; transition: all 0.5s linear;}
.foot ul li .btns:hover{ background-color: rgba(213,179,69,1); color: #fff;}


.foot ul li .btnsubmits{
    width: 120px;
    background-color: #c6a741;
    border-width: 0px;
    margin-top: 10px;
    display: block;
    font-family: '微软雅黑';
    float: left;
    line-height: 38px;
    height: 38px;
    color: #fff;
    text-align: center;
    border-radius: 3px;
}
.foot ul li input{ color: #FFF; display: block; width: 290px; height: 40px; outline: none;border: 1px solid #4a4d4e; margin: 10px 0; text-indent: 10px; background-color: transparent; }

.foot ul li   input::-webkit-input-placeholder { color: #ccc; } 
.foot ul li   input:-moz-placeholder {color: #ccc; } 
.foot ul li   input::-moz-placeholder { color: #ccc; } 
.foot ul li   input:-ms-input-placeholder { color: #ccc; }



.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/titbg1.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/fdjmb3.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(../images/gsjj_bj.jpg) no-repeat;}
.in_ab .tit01 h4{background: url(../images/titbg2.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/CaseSharing_mask_03.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: 140px; background: #f4f4f4;}



/*装饰抽象*/
.in_case{padding: 60px 0;background:#fff;background-color: transparent;background-image: url(../images/casebg.jpg); background-position: center center;
    background-repeat: repeat;  background-attachment: fixed; height:400px;}
.in_case .tit01 h3{color: #444;}
.in_case .tit01 h4{color: #555;}
.in_case .tit01 h4{background: url(../images/titbg2.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/CaseSharing_mask_03.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: 60px 0;}
.in_con{background: url(../images/abbg.jpg)repeat; background-size: cover;padding: 45px 0;}
.in_con .tit01 h4{background: url(../images/titbg2.png)no-repeat center center;}
.in_conbox{width: 100%;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: 0px 0 ;background-color:rgb(73, 73, 73); 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: 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; box-sizing: border-box;}

.center_box .center_box_l .center_box_l_menu{padding: 2px;background: #0066d9;margin-bottom: 18px;}
.center_box .center_box_l .center_box_l_menu .tit02{ height: 120px;}
.center_box .center_box_l .center_box_l_menu .tit02 h3{font-size:24px;line-height: 38px;color: #fff; text-align: center; padding-top: 34px;}
.center_box .center_box_l .center_box_l_menu .tit02 span{font-size:14px;color: #fff; text-align: center; display: block; text-transform: uppercase;}
.center_box .center_box_l .center_box_l_menu .dropmenu{padding: 11px;background: #fff;}
.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%; border:1px dotted #dedede; text-align: center; 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: #0066d9;color: #fff; border:1px solid #0066d9}
.center_box .center_box_l .center_box_l_menu .dropmenu .about_ul li a.on{background: #0066d9;color: #fff;border:1px solid #0066d9}


.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{margin-top: 20px;}

.about .abtxt{font-size: 16px;line-height: 30px;text-align: justify;color: #444;}
.about .abtxt table{}
.about .abtxt table td{ border: 1px solid #eee;padding: 10px;min-width: 10%;}


/*产品*/
/*手绘壁画*/
.product1 ul li{padding: 0 15px;padding-bottom: 25px;width: 33.33%;}
.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;}
.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;
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: #000;}
.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: #fff;}


.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{ display: block;max-width: 100%; margin: 0 auto;}
.pro_x_txt table{width: 100%;}
.pro_x_txt table td{border: 1px solid #ddd;padding: 0 10px;}

/*新闻详情*/
.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;}
.new_x .new_x_txt p{color: #333;}

.topbg{ background:#e60012; height:5px;}

.index_cpzx_title{ text-align:center;}
.index_cpzx_title h1{ font-size: 24px;color: rgb(0, 78, 162); font-weight:bold; font-size: 24px;}

.index_cpzx_title p{ line-height:40px; text-align:center; font-size:14px; color:#5a5a5a; padding-bottom:10px; }

.nav{ display:block; text-align:center; padding:0; box-sizing: border-box; background: #f4f4f4;}
.nav li{ display:inline-block; height:80px; line-height:80px; font-size:16px;}
.nav li:hover,.nav li.hover{}
.nav li a{ padding: 0px 15px; color:#000; border-top: 2px solid rgba(0,0,0,0); box-sizing: border-box;}
.nav li:hover a{ color: #f00; border-top: 2px solid #F00;}


.nav1{ display:flex; text-align:center; padding:0 15px; box-sizing: border-box;  border-top:1px solid #dedede ; border-bottom:1px solid #dedede ; }
.nav1 li{flex: 1; line-height:30px; font-size:16px;}
.nav1 li:hover,.nav li.hover{}
.nav1 li a{ display: block;  position: relative; top:-1px; box-sizing: border-box; padding:15px; color:#000; border-top: 1px solid #dedede; box-sizing: border-box;}
.nav1 li:hover a{ color: #f00; border-top: 1px solid #F00;}
.nav1 li.hover a{ color: #f00; border-top: 1px solid #F00;}

.nav2{ display:block; text-align:left; padding:0 15px; box-sizing: border-box;  border-top:1px solid #dedede ; border-bottom:1px solid #dedede ; }
.nav2 li{ display: inline-block;  height:80px; line-height:80px; font-size:16px; }
.nav2 li:hover,.nav li.hover{}
.nav2 li a{ display: block; height: 80px; position: relative; top:-1px; box-sizing: border-box; padding: 0px 15px; color:#000; border-top: 1px solid #dedede; box-sizing: border-box;}
.nav2 li:hover a{ color: #f00; border-top: 1px solid #F00;}
.nav2 li.hover a{ color: #f00; border-top: 1px solid #F00;}

.news_ul{ display:block; width:100%; padding-top:60px; padding-bottom:10px; 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:#0066d9;}
.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;}

.slist{ background: #fff; box-sizing: border-box; padding: 44px 0;}
.slist:nth-child(2n-1){ background: rgb(238, 238, 238);}
.slist h1{ color: rgb(0, 78, 162); font-size: 24px; font-weight: bold; text-align: left; margin-bottom:20px ;}
.slist .con{ display: flex; flex-direction: row; flex-wrap: nowrap;align-items: stretch; background: rgb(238, 238, 238); }

.slist:nth-child(2n-1) .con{ background: #fff; flex-direction: row-reverse;}
.slist .con .txt{ padding: 20px; box-sizing: border-box;}



.slist1{ background: #fff; box-sizing: border-box; padding: 44px 0;}
.slist1.b{ background: rgb(238, 238, 238);}
.slist1 h1{ color: rgb(0, 78, 162); font-size: 24px; font-weight: bold; text-align: left; margin-bottom:20px ;}
.slist1 .con{ display: flex; flex-direction: row; flex-wrap: nowrap;align-items: stretch; background: rgb(238, 238, 238); }

.slist1 .con.b{ background: #fff; flex-direction: row-reverse;}
.slist1 .con .txt{ padding: 20px; box-sizing: border-box;}

.jmys{ display: flex; flex-flow: row nowrap; justify-content: space-between; align-items:stretch;}
.jmys li{ width: 23%; background: #fff; padding: 0; margin: 0; list-style: none;}
.jmys li h1{ font-size: 18PX; font-weight: bold; color: #000;  text-align: center; padding-top: 35px;}
.jmys li p{ box-sizing: border-box; padding: 0px 40px 60px 40px;}


ul.mfields {float:left;}







.news_ul1{ display:block; width:100%; padding-top:0px; padding-bottom:10px; overflow:hidden;}
.news_ul1 li{ display:block; width:100%; float:left;  padding:17px 0; border-bottom: 1px solid #dedede;}
.news_ul1 li:nth-child(1){ padding-top: 0;}

.news_ul1 li .time{ display:block; width:180px; height:120px; margin-right:20px; float:left; overflow: hidden; }
.news_ul1 li .time img{ width: 100%;transition: all .3s ease-in;}
.news_ul1 li .time:hover img{ transform: scale(1.1);}

.news_ul1 li .content{ display:block; width:calc(100% - 200px); height:120px; float:left;}
.news_ul1 li .content h1{font-size: 20px;color: #333333;font-weight: bold; text-decoration: none;line-height: 140%; cursor:pointer}
.news_ul1 li .content h6{ line-height: 30px;}
.news_ul1 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_ul1 li .content a:hover{ color:#F00;}


.newshome{}
.newshome li{ padding: 10px; border-bottom: 1px solid #dedede;}
.newshome li h1{font-size: 18px; color: #5A5A5A; font-weight: bold; line-height: 40px;}
.newshomt li p{ font-size: 14px; line-height: 25px;}

.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:#0066d9; font-weight:bold; padding:20px 0}
.youshi_ul li h1 span{ display:inline-block; width:80px; height:80px; background:url(../images/ba.png) no-repeat center center; background-size: cover; text-align: center; line-height: 80px; color: #fff;}
.youshi_ul li p{font-size: 14px;color: rgb(51, 51, 51);line-height: 221%;}

.case_ul{}
.case_ul li{ display:inline-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;}

.pro_ul{ padding-top:20px;}
.pro_ul li{ display:block; float:left; width:31.333%; padding:15px; margin:0 30px 30px 0; }
.pro_ul li img{ width:100%; height: 100%;}
.pro_ul li a{ display: block; width: 100%;  overflow: hidden; position: relative;}
.pro_ul li:nth-child(3n){ margin-right:0;}
.pro_ul li p{ text-align:center; color:#000; line-height:35px; font-size: 16px; line-height: 50px; background: #eeeeee;}
.pro_ul li  span{ background-image: url(../images/add.png); background-repeat: no-repeat; background-position: center center; transition: all .3s linear;position: absolute;
    top: 0;left: 0px; width: 100%;height: 100%; background-color:rgba(5, 94, 197, 0.9); display: block;z-index: 9; transform: scaleX(0);}
.pro_ul li:hover span{ transform: scaleX(1);}
.pro_ul li:hover img{ transform: scaleX(1);}

.pro_ul li:hover p{ color: #fff; background: #cb0709;}

.gsjj{width: 100%; overflow: hidden; position: relative;}
.gsjj_con{ width: 1200px; margin: 0 auto; background:rgb(244, 244, 244); overflow: hidden; box-sizing: border-box; padding: 60px 40px; padding-bottom: 10px; border-radius: 30px;}
.gsjj_img{ float: left; width:530px}
.gsjj_b{float: right; width: 550px;}
.gsjj_t{color: #0066d9; font-size: 24px; font-weight: bold;}
.gsjj_txt{display: block; color: #666; font-size: 14px;line-height: 2em;margin-bottom: 50px;}
.gsjj_txt h1{ background:url(../images/about_top_line.jpg) no-repeat top left; padding-top:40px;font-size: 34px; color: rgb(232, 23, 18); font-weight:bold;}
.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: 16px;line-height: 2em;}
.gsjj_more{ width: 150px;}
.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 #0066d9;color: #fff;background: #0066d9;}

.news{ padding: 0 !important; border: none !important;}
.news_ull{ display:block; width:100%; padding-top:00px; padding-bottom:100px; overflow:hidden;}
.news_ull li{ display:block; width:100%; float:left; padding:30px ; border: 1px solid #dedede; margin-bottom: 30px;}
.news_ull li:nth-child(2n){margin-right:0;}
.news_ull li .time{ display:block; width:240px; height:150px; margin-right:30px; float:left; background:#0066d9;}
.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% - 280px); 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: 31%; margin: 1%; height:270px;float:left; box-sizing:border-box;color:#FFF;}
.contact_ul li img{ display:block; margin:0 auto; margin-top:46px; margin-bottom:40px;}
.contact_ul li p.t{ color:rgb(0, 78, 162);; text-align:center; line-height:35px; font-size: 20px; font-weight: bold;}
.contact_ul li p{ color:rgb(0, 0, 0);; text-align:center; line-height:30px; font-size: 15px; font-weight:normal;}
.contact_ul li:nth-child(4){ margin-right:0;}



#marquee1{ display: block; overflow: hidden;}
#marquee1 ul li{ display: inline-block; float: left;}
.link{ padding: 50px 0 !important;}
.service{ padding: 50px 0 !important;background: rgb(244, 244, 244);padding-bottom: 30 !important;}
.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/slide_bPc.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/slide_bPc.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%;}
}