body{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;}


@font-face{font-family:'iconfont';src:url('../font/font_1432720974_1547027.eot');src:url('../font/font_1432720974_1547027.eot') format('embedded-opentype'),url('../font/font_1432720974_1547027.woff') format('woff'),url('../font/font_1432720974_1547027.ttf') format('truetype'),url('../font/font_1432720974_1547027.svg') format('svg')}
@font-face{font-family:'Pacifico';font-style:normal;font-weight:400;src:local('Pacifico Regular'),local('Pacifico-Regular'),url(../font/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:#00b2ed; text-decoration:underline!important;}
@media screen and (max-width: 800px) {
.pc{ display:none !important;}

/**底部**/
.botm{position:fixed;bottom:0; left:0;width:100%; height:5em; background:#00b2ed; z-index:999999999;}
.bottom ul{margin:0.5em auto;}
.bottom ul li{ float:left;width:23%;margin:0 0 0 2%;text-align:center; }
.bottom ul li span{ display:block; line-height:1.7em;font-size:0.9em;color:#fff;} 
.bottom ul li img{height:2em;} 


.header{ width:100%; position:fixed; top:0; left:0; right:0; background:#FFF; height:64px;z-index: 9999999999; }
.header .ydd_btn{width:40px;cursor:pointer;position:absolute;z-index:2000;top:20px;right:15px;}
.header .ydd_btn span{display:block;width:100%;height:4px;background:#00b2ed;}
.header .ydd_btn span.span02{margin:5px 0;}
.header .ydd_btn.click span{background:#00b2ed;}
.header .ydd_btn.click span.span01{transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); position:relative;top:8px;margin-top:0px;	} 
.header .ydd_btn.click span.span02{margin:0.5px 0;}
.header .ydd_btn.click span.span03{transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg);position:relative;top:-2px;margin-top:0px;}
.header .ydd_btn.click span.span02{ width:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}
.tr{transition:all 0.5s; -moz-transition:all 0.5s;-ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-transition:all 0.5s}
.tr2{transition:all 0.3s; -moz-transition:all 0.3s;-ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s;}

.header .sjdnav{display:none;width:30%;height:auto;position:absolute;right:0;top:64px;z-index:2000;}
.header .sjdnav ul{padding:0;margin:0;background:#00b2ed; 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:#00b2ed;}
.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;}

.banner{ overflow: hidden;}


.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: #00b2ed;font-size: 14px;
    background-color: #fff;border: 1px solid #00b2ed;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px; outline:none;}

.mfields input:focus,.mfields textarea:focus{border-color: red;border: 1px solid red;}
	
.mfields .title{font-size: 14px;text-align: center;padding: 10px 0;line-height: 1.5;color: #5a5a5a;}

a.btnsubmit {
    background-color: #00b2ed;
    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:#00b2ed; 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(../image/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;}
.menu ul.yj>li ul.ejmenu li:first-child a{border-top: 1px solid #ccc;}
.menu ul.yj>li ul.ejmenu li a:hover{background: #642500;}
.menu ul.yj>li:hover ul.ejmenu{display: block;}

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

.tit01 {text-align: center;margin-bottom: 50px}
.tit01 h3{font-size: 32px;line-height: 1;color: #fff; font-family: "Aparajita";text-transform: uppercase;}
.tit01 h4{font-size: 30px;color: #fff;background: url(../image/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(../image/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(../image/gsjj_bj.jpg) no-repeat;}
.in_ab .tit01 h4{background: url(../image/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(../image/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 10px;background:#fff;background-color: transparent;background-image: url(../image/casebg.jpg); background-position: center center;
    background-repeat: repeat;  background-attachment: fixed; height:608px;}
.in_case .tit01 h3{color: #444;}
.in_case .tit01 h4{color: #555;}
.in_case .tit01 h4{background: url(../image/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(../image/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(../image/abbg.jpg)repeat; background-size: cover;padding: 45px 0;}
.in_con .tit01 h4{background: url(../image/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(../image/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:18px; 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;}

.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; width: 50%; float: left; padding: 10px; box-sizing: border-box;}
.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: 85%; 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:#00b2ed;}
.product1 ul li a:hover .propic1{border-color:#00b2ed;}
.product1 ul li a:hover .propic1 span{
transform:scale(1.05);
-ms-transform:scale(1.05); 	/* IE 9 */
-moz-transform:scale(1.05); 	/* Firefox */
-webkit-transform:scale(1.05); /* Safari 和 Chrome */
-o-transform:scale(1.05); 	/* Opera */
}
.product1 ul li a:hover .protxt1{background: #9f7b61;}


.new ul li{padding-bottom:25px;}
.new ul li a{display: block;width: 100%;padding-left: 170px;position: relative;background: #e2e2e2;}
.new ul li a .newpic{width: 170px;height: 100%;overflow: hidden; position: absolute;left: 0;top: 0;border: 1px solid #bcbcbc;border: 1px solid #929292;}
.new ul li a .newpic span{display: block;width: 100%;height: 100%;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.new ul li a .newtxt{width: 100%;padding-left: 18px;}
.new ul li a .newtxt h4.tit{font-size: 16px;line-height: 30px;margin-bottom: 10px;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.new ul li a .newtxt .new_tbox{font-size: 16px;line-height: 30px;height: 60px;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;margin-bottom: 10px;}
.new ul li a .newtxt .new_tbox p{color: #666;}
.new ul li a .newtxt .new_date p{font-size: 16px;line-height: 30px;color: #666;}
.new ul li a:hover .newpic{border-color: #9f7b61;}
.new ul li a:hover .newpic span{
transform:scale(1.05);
-ms-transform:scale(1.05); 	/* IE 9 */
-moz-transform:scale(1.05); 	/* Firefox */
-webkit-transform:scale(1.05); /* Safari 和 Chrome */
-o-transform:scale(1.05); 	/* Opera */
}
.new ul li a:hover .newtxt h4.tit{color: #9f7b61;}

/*联系我们*/
.contact p{font-size: 16px;line-height: 30px;color: #333;}

/*产品详情*/
.pro_x_title{ font-size:18px; line-height:36px; width:100%; text-align:center;}
.pro_x_pic{text-align: center;margin-bottom: 5px;}
.pro_x_pic img{max-width: 100%; margin:10px auto}
.pro_x_txt {text-align: left;font-size: 14px;color: #333;line-height: 28px; margin-top:5px;}

/*新闻详情*/
.new_x .new_x_tit h4{font-size: 14px;color: #333;line-height: 24px;}
.new_x .new_x_tit h6{font-size: 12px;color: #888;line-height: 18px;}
.new_x .new_x_pic{text-align: center;padding: 10px 0;}
.new_x img{max-width: 100%;}
.new_x .new_x_txt{font-size: 14px;line-height: 24px;text-indent: 2em;}
.new_x .new_x_txt p{color: #333;}

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



.index_cpzx_title{ text-align:center;}
.index_cpzx_title h1{color:#5a5a5a; font-weight:bold; font-size: 26px;}
.index_cpzx_title h2{width:300px; display:block; margin:0 auto; background: url(../image/bosd.png) no-repeat center center ;  margin-top: 10px; font-size: 24px; line-height: 36px;}
.index_cpzx_title p{ line-height:35px; text-align:center; font-size:16px; color:#5a5a5a; padding-bottom:10px; }




.nav{ display:block; text-align:center; padding:10px 0;}
.nav li{ display:inline-block;  height:50px; line-height:50px; background:#00b2ed; font-size:14px; margin-bottom:10px;padding: 0 10px;}
.nav li:hover,.nav li.hover{ background:#00b2ed;}
.nav li a{ padding:0; color:#FFF;}
.nav li:hover a{ background:#00b2ed;}

.news_ul{ display:block; width:100%; padding-top:0px; padding:10px; overflow:hidden;}
.news_ul li{ display:block; width:100%; float:left;  padding:20px 0;}
.news_ul li img{width: 100%;}

.news_ul li  h1{font-size: 14px;color: #333333;font-weight: bold; text-decoration: none;line-height: 140%; cursor:pointer; text-align: left; line-height: 30px;}
.news_ul li  h2{ font-size: 12px; text-align: left;}
.news_ul li  p{width: 99%; overflow: hidden; word-wrap: break-word; padding-top:15px;font-size: 12px;line-height: 20px !important;padding-top: 10px;color: #5A5A5A;font-weight: normal;text-decoration: none;}




.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: #00b2ed; font-weight:bold; padding:20px 0}
.youshi_ul li p{font-size: 14px;color: rgb(51, 51, 51);line-height: 221%;}

.case_ul{ overflow: hidden; height: 150px;}
.case_ul li{ display:block; float:left; 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;  border:1px solid #000;}
.pro_ul li img{ max-width:100%;}
.pro_ul li:nth-child(2n){ margin-right:0;}
.pro_ul li p{ text-align:center; color:#000; line-height:35px;}
.pro_ul li:hover{ border:1px solid #00b2ed;}
.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: #00b2ed; 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(../image/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;}
.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 #00b2ed;color: #fff;background: #00b2ed;}


.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:#00b2ed;}
.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;}
.contact_ul li{ display:block; width: 100%; height:270px; margin-right:40px; float:left; box-sizing:border-box; padding:10px; color:#FFF;}
.contact_ul li img{ display:block; margin:0 auto; margin-top:46px; margin-bottom:40px;}
.contact_ul li p{ color:#FFF; text-align:center; line-height:35px;}
.contact_ul li:nth-child(4){ margin-right:0;}
.contact_ul li:nth-child(1){ background:#666}
.contact_ul li:nth-child(2){ background:#666}
.contact_ul li:nth-child(3){ background:#666}
.contact_ul li:nth-child(4){ background:#666}

.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(../image/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(../image/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: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: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(../image/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:50px; font-size: 16px; font-weight: bold;}


.yingyong{ background: url(../image/bg22.jpg) no-repeat center bottom; background-size: cover; }


.case1_ul{ padding-top:0px;}
.case1_ul li{ display:block; float:left; width:100%; padding:15px; box-sizing: border-box; text-align: center;
     box-sizing: border-box; text-align: center; padding: 20px 30px; box-sizing: border-box; }



.case1_ul li img{ max-width:100%;}
.case1_ul li:nth-child(3n){ margin-right:0;}
.case1_ul li h1{ font-size: 18px; color: #fff; padding-top: 30px; line-height: 40px;}
.case1_ul li p{ text-align:center; color:#000; line-height:25px; font-size: 14px; color: rgb(255, 255, 255); }

.navbars{ height: 52px;background-color: rgb(238, 238, 238); display: none; }
.addr,.submenu{ display: block; float: left; width: 50%; line-height:52px; font-size: 14px;;}
.addr{color:rgb(213, 179, 69); background:url(../image/sdua.png) no-repeat left center ; background-size: auto 50%; text-indent: 30px;}
.addr a{ color: black;}
.addr a:hover{ text-decoration: underline;}
.topbar {
    height: 50px;
    line-height: 50px;
    background: rgba(244,244,244,1);
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}


.downul{}
.downul li{ display: block; width: 100%; line-height: 35px; border-bottom: 1px dotted #dedede;}
.downul li a{ color: #000;}
.downul li a span{ float: right;}


.video{}
.video li{ display: block; width: 100%; float: left; box-sizing: border-box; padding: 20px;}
.video p{ text-align: center; line-height: 45px;}



}




@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); background:url(../image/sdua.png) no-repeat left center ; background-size: auto 50%; text-indent: 30px;}
.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;}

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

.yingyong{ background: url(../image/bg22.jpg) no-repeat center bottom; }
.slogn{ box-sizing: border-box; padding:40px; background: #00b2ed;}
.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%;}
}
	

.video{}
.video li{ display: block; width: 50%; float: left; box-sizing: border-box; padding: 20px;}
.video p{ text-align: center; line-height: 45px;}

.contact{}
.contact .left,.contact .right{ display: block; float: left; box-sizing: border-box; width: 50%;}
.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:0px; padding-top: 11px;}
.search form{ display: block; width: 100%; background: #00b2ed; border:2px solid #00b2ed; 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:-260px; 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(../image/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:#000; line-height:50px; font-size: 16px;  background: #fff;    font-size: 18px;color: rgb(67, 67, 67);}


.case1_ul{ padding-top:0px;}
.case1_ul li{ display:block; float:left; width:33.333%; padding:15px; box-sizing: border-box; text-align: center; box-sizing: border-box; text-align: center; padding: 80px 30px; box-sizing: border-box; }



.case1_ul li img{ max-width:100%;}
.case1_ul li:nth-child(3n){ margin-right:0;}
.case1_ul li h1{ font-size: 18px; color: #fff; padding-top: 30px; line-height: 40px;}
.case1_ul li p{ text-align:center; color:#000; line-height:25px; font-size: 14px; color: rgb(255, 255, 255); }



.copyright{ background-color:#222222 !important; line-height: 80px; text-align: center; color: rgb(119, 119, 119) !important ; padding:0 !important;}
.copyright .container{ color: rgb(119, 119, 119);}

.ly-k-k{border: 1px solid #ddd;width: 100%;height: 40px;margin: 2% auto;color: #333;}

.ly-k-k1{border: 1px solid #ddd;width: 100%;height: 40px;margin: 2% auto;color: #333;}

.ly-k-k2{border: 1px solid #ddd;width: 100%;height: 40px;margin: 2% auto;color: #333;}
.box,.mfields{ display:block; margin:0 auto; width:810px;}

.mfields input,.mfields textarea{height: auto;min-height: 50px;line-height: 50px; width:100%;border-color: #00b2ed;font-size: 14px;
    background-color: #fff;border: 1px solid #00b2ed;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px; outline:none;}

.mfields input:focus,.mfields textarea:focus{border-color: red;border: 1px solid red;}
	
.mfields .title{font-size: 14px;text-align: center;padding: 10px 0;line-height: 1.5;color: #5a5a5a;}

a.btnsubmit {
    background-color: #00b2ed;
    height: auto;
    min-height: 50px;
    line-height: 50px;
    width: 800px;
	display:block;
	text-align:center;
	color:#FFF;
	margin-top:30px;
}
 .btnsubmit:hover {background-color:red; color:#FFF;}




.header{ position: absolute; top:0; left: 0; width: 100%; z-index: 999999999; background: url(../image/o5uh.png) no-repeat bottom center rgba(255,255,255,.5);}
.headbox:after{display:block;clear:both;content:"";visibility:hidden;height:0;} 
.headbox{zoom:1;position: relative; height: 110px;}

.logobox{ padding-top: 15px; box-sizing: border-box;}
.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(../image/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:780px;}
.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: 105px;font-size: 18px; text-align: center;color: #000;}
.menu ul.yj>li:hover>a{background:url(../image/arrup.png) no-repeat bottom center; color:#00b1ff;}
.menu ul.yj>li>a.on{background:url(../image/arrup.png) no-repeat bottom center; color:#00b1ff;}
.menu ul.yj>li ul.ejmenu{position: absolute;width: 100%;left: 0;top:100%;display: none;z-index: 9;background: #00b2ed;}
.menu ul.yj>li ul.ejmenu li a{display: block;width: 100%;text-align: center; line-height: 40px; border-bottom: 0px solid #ccc;0062d0: #9f7b61;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: #00b2ed;}
.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(../image/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(../image/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(../image/gsjj_bj.jpg) no-repeat;}
.in_ab .tit01 h4{background: url(../image/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(../image/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;}

.banner{ position: relative;}
.in_ys {height: 60px; background:rgba(0,0,0,0.6); position: absolute; bottom: 0; left: 0; width: 100%;z-index: 999999999999; line-height: 60px; color: #fff;}
.in_ys .hotline{ color: #fff;}


/*装饰抽象*/
.in_case{padding: 60px 0;background:#fff;background-color: transparent;background-image: url(../image/bg.jpg); background-position: center center;
    background-repeat: repeat;  background-attachment: fixed;}
.in_case .tit01 h3{color: #444;}
.in_case .tit01 h4{color: #555;}
.in_case .tit01 h4{background: url(../image/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(../image/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(../image/abbg.jpg)repeat; background-size: cover;padding: 45px 0;}
.in_con .tit01 h4{background: url(../image/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: 20px 0 0 0;background-color: rgb(23, 23, 23); 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;}
.fl{ display: block; width: 20%; float: left; box-sizing: border-box; text-align: center; padding-top: 30px;}
.fl p{ font-size: 14px; line-height: 40px; color: #fff; }
.fr{ display: block; width: 75%; float: right; box-sizing: border-box;}
.fr .contact{ color: #fff; line-height: 35px; font-size: 14px; display: block; padding: 20px 0;}
.fr .footnav{ display: block; width: 100%; border-bottom: 1px solid #dedede; }
.fr .footnav { text-align: left;}
.fr .footnav ul li{ display: inline-block; padding: 0 10px; line-height: 66px;}
.fr .footnav ul li a{ color: #fff;}
.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: calc(100% - 312px);float: right; box-sizing: border-box; }

.center_box .center_box_l .center_box_l_menu{padding: 2px;background: #00b2ed;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: #00b2ed;color: #fff; border:1px solid #00b2ed}
.center_box .center_box_l .center_box_l_menu .dropmenu .about_ul li a.on{background: #00b2ed;color: #fff;border:1px solid #00b2ed}


.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-top: 0px;}

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

.downul{}
.downul li{ display: block; width: 100%; line-height: 35px; border-bottom: 1px dotted #dedede;}
.downul li a{ color: #000;}
.downul li a span{ float: right;}

/*产品*/
/*手绘壁画*/
.product1 ul li{padding:15px; box-sizing: border-box; width:33%; box-sizing: border-box; float: left; }
.product1 ul li a{display: block;width: 100%;overflow: hidden;text-align: center; box-sizing: border-box; border: 1px solid #dedede;}
.product1 ul li a .propic1{position: relative; display: block; overflow: hidden; margin: 0 auto;}
.product1 ul li a .propic1:before{content: ""; padding-top:100%; 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: 20px;color: #333;font-weight: bold;}
.new_x .new_x_tit h6{font-size: 12px;color: #888;padding: 20px 0;}
.new_x .new_x_pic{text-align: center;padding: 10px 0;}
.new_x img{max-width: 100%;}
.new_x .new_x_txt{font-size: 16px;line-height: 30px;color: #444;}

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

.index_cpzx_title{ text-align:center;}
.index_cpzx_title h1{color:#5a5a5a; font-weight:bold; font-size: 26px;}
.index_cpzx_title h2{width:300px; display:block; margin:0 auto; background: url(../image/bosd.png) no-repeat center center ;  margin-top: 10px; font-size: 24px; line-height: 36px;}
.index_cpzx_title p{ line-height:35px; text-align:center; font-size:16px; color:#5a5a5a; padding-bottom:10px; }

.index_about_title{ text-align:center;}
.index_about_title h1{color:#fff; font-weight:bold; font-size: 26px;text-transform: uppercase;}
.index_about_title h2{color: #fff; width:300px; display:block; margin:0 auto; background: url(../image/bosd2.png) no-repeat center center ;  margin-top: 10px; font-size: 24px; line-height: 36px;}
.index_about_title p{ line-height:35px; text-align:center; font-size:16px; color:#5a5a5a; padding-bottom:10px; }
.index_about_con{overflow: hidden;padding-top: 30px;color: #fff!important; font-size: 16px;line-height: 30px;}

.nav{ display:block; text-align:center; padding:10px 0 30px 0; box-sizing: border-box; }
.nav li{ display:inline-block; height:50px; line-height:50px; font-size:16px; background: url(../image/t12i.png) no-repeat center center; width: 120px; margin: 0 10px;}
.nav li:hover,.nav li.hover{background:url(../image/71vd.png) no-repeat center center; color: #fff;}
.nav li a{ padding:0; color:#ffffff;}
.nav li:hover a{color: #fff;}

.btn1{  display: block; width: 240px; height: 49px; background: none; margin: 0 auto; margin-top: 30px; color: #fff; font-size: 18px; border: 1px solid #fff; line-height: 49px; text-align: center;}
.btn1:hover{ background: #fff; color: #000;}

.btn2{  display: block; width: 240px; height: 49px; background: rgba(0,177,255,1); margin: 0 auto; margin-top: 30px; color: #fff; font-size: 18px; border: 1px solid #fff; line-height: 49px; text-align: center;}



.domo-pic-scroll-lr { width:100%; height:200px; position:relative; margin:0 auto; }
.domo-pic-scroll-lr .conts li { float:left; text-align:center; width:190px; height:120px; font-size:16px; font-style:italic; font-weight:700; text-align:center; color:#317bac; line-height:120px; padding:0 10px; border-radius:8px; vertical-align:top; }
	.domo-pic-scroll-lr .conts li .s1 { width:190px; height:120px; }
	.domo-pic-scroll-lr .conts li a { color:#317bac; background:#fff; display:block; width:190px; height:120px; border-radius:8px; }
	.domo-pic-scroll-lr .conts li a:hover { color:#fff; background:#4ad585; text-decoration:none; }

	.domo-pic-scroll-lr .textList { text-align:center; height:40px; line-height:20px; padding:0px 15px; color:#1eb4e5; font-size:12px; overflow:hidden; }
		.domo-pic-scroll-lr .textList .pageNav { line-height:20px; color:#1eb4e5; }
			.domo-pic-scroll-lr .textList .pageNav font { font-size:14px; padding:0 5px; line-height:20px; color:#b2d5ed; font-style:italic; }
				.domo-pic-scroll-lr .textList .pageNav .current { font-size:18px; padding-right:8px; }
			
.domo-pic-scroll-lr .prev, .domo-pic-scroll-lr .next { z-index:1; position:absolute; top:52%; margin-top:-25px; display:block; width:36px; height:36px; line-height:34px; font-size:22px; color:#fff;box-shadow: 0px 4px 10px 0px rgba(16,124,195,1);-webkit-box-shadow: 0px 4px 10px 0px rgba(16,124,195,1);-moz-box-shadow: 0px 4px 10px 0px rgba(16,124,195,1); border-radius:50px; background:#b2d5ed; text-align:center; font-family:"Comic Sans MS", cursive; cursor:pointer; }
.domo-pic-scroll-lr .prev { left:-70px; background:#212121; }
.domo-pic-scroll-lr .prev:hover, .domo-pic-scroll-lr .next:hover { background:#3dc878; color:#fff; }
.domo-pic-scroll-lr .next { right:-70px; background:#212121; }

.domo-pic-scroll-lr .tabs { width:100%; height:11px; line-height:11px; position:absolute; z-index:1; bottom:0; left:0; overflow:hidden; }
	.domo-pic-scroll-lr .tabs ul { text-align:center; height:11px; }
	.domo-pic-scroll-lr .tabs ul li { line-height:999px; width:11px; height:11px; border-radius:11px; margin:0 5px; cursor:pointer; background:#b2d5ed; cursor:pointer; display:inline-block; *display:inline; zoom:1; overflow:hidden; }
	.domo-pic-scroll-lr .tabs ul .current { background:#4ad585 !important; }

.news_ul{ display:block; width:100%; padding-top:0px; padding-bottom:10px; overflow:hidden;}
.news_ul li{ display:block; width:32%; float:left; margin-right:2%; padding:20px 0;}
.news_ul li:nth-child(3n){margin-right:0;}

.news_ul li  h1{font-size: 16px;color: #333333;font-weight: bold; text-decoration: none;line-height: 140%; cursor:pointer; text-align: left;padding-top: 10px;}
.news_ul li  h2{ font-size: 12px; text-align: left;padding:8px 0;}
.news_ul li  p{width: 99%; overflow: hidden; word-wrap: break-word;font-size: 12px;line-height: 20px !important;color: #5A5A5A;font-weight: normal;text-decoration: none;}


.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:#00b2ed; font-weight:bold; padding:20px 0}
.youshi_ul li h1 span{ display:inline-block; width:80px; height:80px; background:url(../image/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; overflow: hidden;}
.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;}
.pro_ul li  span{ background-image: url(../image/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:#00b2ed; display: block;z-index: 9; transform: scaleX(0);}
.pro_ul li:hover span{ transform: scaleX(1);}
.pro_ul li:hover img{ transform: scaleX(1);}



.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;}
.gsjj_img{ float: left; width:530px}
.gsjj_b{float: right; width: 550px;}
.gsjj_t{color: #00b2ed; 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(../image/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 #00b2ed;color: #fff;background: #00b2ed;}

.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:#00b2ed;}
.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: 23%; 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{ color:#FFF; text-align:center; line-height:35px;}
.contact_ul li:nth-child(4){ margin-right:0;}
.contact_ul li:nth-child(1){ background:#666}
.contact_ul li:nth-child(2){ background:#666}
.contact_ul li:nth-child(3){ background:#666}
.contact_ul li:nth-child(4){ background:#666}


#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(../image/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(../image/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%;}
}