*{font-family: "微软雅黑";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('http://at.alicdn.com/t/font_1432720974_1547027.eot');src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'),url('http://at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'),url('http://at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'),url('http://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(http://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;}

.header{background: #30999f;}
.headbox:after{display:block;clear:both;content:"";visibility:hidden;height:0;} 
.headbox{zoom:1;position: relative;padding-left: 420px;}

.logobox{max-width: 400px;line-height: 90px; position: absolute;left: 0;top: 5px;}
/*.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;}
.menu ul.yj:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.menu ul.yj{zoom:1;background: url(../images/shu.jpg)no-repeat right center;} 
.menu ul.yj>li{float: left;width:14.28%;position: relative;background: url(../images/shu.jpg)no-repeat left center;}
.menu ul.yj>li>a{display: block;width: 100%; position:relative; line-height: 108px;font-size: 16px; text-align: center;color: #fff;}
.menu ul.yj>li:hover>a{background:#c4282b;}
.menu ul.yj>li>a.on{background:#c4282b;}
.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: #c4282b;}
.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/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: #30999f;}
.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: 150.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: #30999f;
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: #30999f;}
.in_sh_pro_more{text-align: center;margin-top: 40px;}
.in_sh_pro_more h4{font-size: 18px;color: #30999f;line-height: 33px;}
.in_sh_pro_more h5{font-size: 16px;font-family: Aparajita;line-height:33px; color: #30999f;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: #30999f;color: #fff;border: 2px solid #007d84;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 {padding: 40px 0;background: url(../images/ys_bg.jpg)no-repeat center center;background-size: cover;}
.in_ys .in_ysbox{text-align: center;}
.in_ys .in_ysbox h3{font-size: 36px;font-weight: bold;color: #fff;line-height: 46px;margin-bottom: 15px;}
.in_ys .in_ysbox h4{font-size: 15px;font-family: arial;text-transform: uppercase;color: #fff;line-height: 18px;}

/*装饰抽象*/
.in_case{padding: 60px 0;background:#fff;}
.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{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: #fff;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;}

.in_conbox_l .in_conbox_l_lxfs strong{color: #fff}


.cfot{padding: 30px 0; background: url(../images/abbg.jpg)repeat; border-top:1px solid #006c72;}
.cfotbox{text-align: center;}
.cfotbox .fot_nav{font-size: 0;}
.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: 14px;line-height: 32px;color: #fff; margin-top:6px;}
.fot_p p{color: #fff;font-size: 14px;line-height: 32px;color: #fff;}
.fot_p a{ color:#fff;}

.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: 74%;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>ul>li{margin-bottom: 9px;}
.center_box .center_box_l .center_box_l_menu .dropmenu>ul>li:last-child{margin-bottom: 0;}
.center_box .center_box_l .center_box_l_menu .dropmenu>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>ul>li>a:hover{background: #9f7b61;color: #fff;}
.center_box .center_box_l .center_box_l_menu .dropmenu>ul>li>a.on{background: #9f7b61;color: #fff;}
.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-top: 20px;}

.about .abtxt{font-size: 16px;line-height: 30px;text-align: justify;color: #333;margin-bottom: 10px;}


/*产品*/
/*手绘壁画*/
.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: 150.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: #30999f;
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;}
.product1 ul li a:hover .propic1{border-color:#c4282b;}
.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: #c4282b;}



.product2 ul li a .propic1{position: relative; display: block; overflow: hidden; margin: 0 auto;border: 1px solid #dedede;}
.product2 ul li a .propic1:before{content: ""; padding-top: 80.5%; display: block;}
.product2 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 */
}
.product2 ul li a .protxt1{font-size: 14px;line-height: 38px;background: #30999f;text-align: center;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.product2 ul li a .protxt1 p{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color: #ffffff;}
.product2 ul li a:hover .propic1{border-color:#c4282b;}
.product2 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 */
}
.product2 ul li a:hover .protxt1{background: #c4282b;}


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