﻿
.colormakerintro{

	color:#797979;
	height:200px;
	border:solid;
	border-width:0px 0px 1px 0px;
	border-color:#d8d8d8;
	margin-top:70px;margin-left: auto;
    margin-right: auto;
	
}
.colormakerintro .colormakerintrotitle{
	font-size:40px;
	margin-bottom:40px;
	text-align:center;
	
}
.colormakerintro .colormakerintroinfo{
	width:600px;
	text-align:center;
		margin-left:auto;
	margin-right:auto;
	color:#b7b7b7;
	font-size:16px;
}
.colormakertd{

	margin-left:auto;
	margin-right:auto;
	height:700px;
	margin-top:60px;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color:#d8d8d8
}
.dybtd{

	margin-left:auto;
	margin-right:auto;

	margin-top:60px;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color:#d8d8d8
}
.dybtd .dybintrotitle{
	height:40px;
	font-size:40px;
	text-align:center;
	margin-bottom:80px;
	color:#797979;
	
}
.colormakertd .colormakerintrotitle{
	height:40px;
	font-size:40px;
	text-align:center;
	margin-bottom:80px;
	color:#797979;
	
}
.colormakertd .colormakertdpic{
float: left;
    width: 400px;
}
.colormakertd .colormakertdpic img{
    width: 400px;
}
.colormakertd .colormakertdintro{
	float: right;
    width: 546px;
    color: #b7b7b7;
}

.colormakertd .colormakertdintro .colormakerlist li{
	display:block;
	margin-bottom:20px;
	float:left;
	font-size:16px;
	background:url(../images/dian.png) no-repeat 0px 10px;
	padding-left:20px;
}
.colormakertd .colormakertdintro .colormakerotherlist
{
	float:left;
	margin-top: 60px;
}
.colormakertd .colormakertdintro .colormakerotherlist li{
	display:block;
	float:left;
	font-size:12px;
	margin-right: 30px;
    width: 100px;
	height:134px;
	background-color:#F5F5F5;
	text-align:center;
	color:#333;
	padding:10px;
	box-sizing:border-box;
}
.colormakertd .colormakertdintro .colormakerotherlist li:last-child{
	margin-right:0px;
}
.clormakercs{
	width:1200px;
	margin-left:auto;
	margin-right:auto;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color:#d8d8d8;
	padding-bottom:100px;
	
}
.clormakercs .colormakercstitle{
	height:40px;
	line-height:40px;
	font-size:40px;
	text-align:center;
	color:#797979;
	margin-top:60px;
	margin-bottom:60px;
}
.clormakercs dl dt,dd{
	float:left;
	font-size:14px;
}
.clormakercs dl{
	height:40px;
	margin-bottom:10px;
}
.clormakercs dl:nth-child(2n){
	background-color:#fff;
}
.clormakercs dl dt{
	background-color:#efefef;
	width:120px;
	height:40px;
	line-height:40px;
	padding-left:10px;
	box-sizing:border-box;
}
.clormakercs dl dd{
	background-color:#fcfcfc;
	width:480px;
	height:40px;
	line-height:40px;
	margin-left:0px;
	padding-left:10px;
	box-sizing:border-box;
}
.colormakercl{
	width:966px;
	margin-left:auto;
	margin-right:auto;
	margin-top:60px;
	/*
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color:#d8d8d8*/
}
.colormakercl .colormakercltitle{
	height:40px;
	line-height:40px;
	font-size:40px;
	text-align:center;
	color:#979797;
}
.colormakercl .colormakerclone{
	height:258px;
	margin-top:100px;
}
.colormakercl .colormakerclone img{
	width:300px;
	height:200px;
	float:left;
	margin-left: 50px;
}
.colormakercl .colormakerclone .colormakercloneright{
	width:500px;
	height:200px;
	margin-left:100px;
	float:right;
	font-size:16px;
	margin-top:58px;
	color:#b7b7b7;
}
.colormakercl .colormakerclone .colormakercloneright span{
	width:600px;
	float:left;
	display:block;
	font-size:28px;
	margin-bottom:20px;
	color:#797979;
}
.colormakercltwo{
	height:300px;
	padding-left: 20px;
}
.colormakercltwo .colormakercltwoleft{
	float:left;
	font-size:16px;
	color:#b7b7b7;
	width:600px;
	margin-top: 60px;
}
.colormakercltwo .colormakercltwoleft span{
	font-size:28px;
	display:block;
	height:40px;
	line-height:40px;
	color:#797979;
	margin-bottom:20px;
}
.colormakercltwo img{
	height:258px;
	width:258px;  
	float:right;
	margin-right:50px;
}
.colormakercase{
	margin-top:40px;
		width:1200px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:120px;
}
.colormakercasetitle{
	height:40px;
	line-height:40px;
	font-size:40px;
	color:#797979;
	text-align:center;
	margin-bottom:60px;
}
.colormakercase ul{
margin-left:20px;
}
.colormakercase ul li{
	height:204px;
	width:176px;
	float:left;
	display:block;
	margin-right:16px;
	margin-bottom:20px;
	background-color:#f5f5f5;
	text-align: center;
}
.colormakercase ul li img{
	height:150px;
	width:150px;
	    margin-top: 23px;
}
.colormakercase ul li:nth-child(5n){
	margin-right:0px;
}



.roomintro{
	width:100%;
	height:188px;
	background-color:#09aea3;


}
.roomintrotxt{
	width:600px;
	margin-left:auto;
	margin-right:auto;
	height:188px;
	font-size:16px;
	color:#fff;
	text-align:center;
	padding-top:50px;
	box-sizing: border-box;
	position:relative;
}
.roomintrotxt img{
	position:absolute;
	top:-30px;
	left:268px;
}
.roompartone{
	width:1053px;
	margin-left:auto;
	margin-right:auto;
	margin-top:88px;
	margin-bottom:88px;
}
.roompartoneleft{
	width:190px;
	margin-right:188px;
	float:left;
}
.roompartoneright{
	width:675px;
	float: right;
}
.roompartoneleft ul li{
	display:block;
	margin-bottom:20px;
	float:left;
	position:relative;
	    width: 100%;
}
.roompartoneleft ul li span{
	display:block;
	width:100%;
	float:left;
	position:absolute;
	left:40px;
	font-size: 20px;
    font-weight: bold;
}
.roompartoneleft ul li img{
	position:absolute;
}
.roompartoneleft ul li div{
	margin-top: 40px;
    margin-left: 40px;
	font-size:16px;
	color:#b7b7b7;
}
.roompartthree{
	width:1200px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 120px;
}
.roompartthreetitle{
	height:80px;
	font-size:40px;
	line-height:80px;
	text-align:center;
	color:#323232;
	margin-bottom: 40px;
}
.roompartthree ul li{
	background-color:#f8f8f8;
	height:454px;
	width:268px;
	display:block;
	float:left;
	padding: 30px;
    box-sizing: border-box;
	text-align: center;
	margin-right:40px;
}
.roompartthree ul li:last-child{
	margin-right:0px;
}
.roompartthree ul li img{
	margin-top:20px;
}
.roompartthree ul li .jxsbtitle{
	float: left;
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: bold;      
	margin-top: 40px;
}
.roompartthree ul li p{
	    float: left;
    font-size: 14px;
    color: #b7b7b7;
}
.roompartthree ul li .jxsbbt{
	float: left;
    width: 162px;
    margin-left: 23px;
    margin-right: 23px;
    margin-top: 30px;
    height: 40px;
    line-height: 40px;
    background-color: #505050;
    color: #fff;
    border-radius: 30px;
	    margin-bottom: 10px;
}
    .roompartthree ul li .jxsbbt a{
        color:#fff;
    }
    .roompartthree ul li .jxsbbt a:hover{
        color:#fff;
    }
    
    
.cxjspartfour{
	width:1200px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:60px;
}
.cxjspartfourtitle{
	width:1200px;
	text-align:center;
	font-size:40px;
	color: #323232;
}
.cxjspartfour p{
	display:block;
	width:1200px;
	text-align:center;
	margin-top:30px;
	color:#b7b7b7;
}
.cxjspartfour ul li{
	width:240px;
	float:left;
	display:flex;
	font-size:20px;
	font-weight:bold;

}
.cxjspartfour ul li img{
	margin-right:10px;
}
.cxjspartfour ul{
	margin-top:80px;
	margin-bottom:80px;
}

.cxjspartfive{
	width:1200px;
	margin-left:auto;
	margin-right:auto;
	height:790px;
	
}
.cxjspartfive .cxjspartfiveleft{
	width:625px;
	float:left;
	    height: 790px;
    padding-top:210px;
    box-sizing: border-box;
	position:relative;
}
.cxjspartfive .cxjspartfiveleft img{
	position:absolute;
	bottom:120px;
	box-shadow: 0px 0px 30px 10px rgba(241, 238, 238, 0.9);
}
.cxjspartfive .cxjspartfiveleft span{
	    font-size: 40px;
    text-align: center;
    width: 100%;
    float: left;
    margin-bottom: 40px;
}
.cxjspartfive .cxjspartfiveleft p{
	font-size:16px;
	text-align:center;
	color:#b7b7b7;
}
.cxjspartfive .cxjspartfiveright{
	width:574px;
	float:right;
	height:790px;
	background-color:#f8f8f8;
}
.cxjspartfive .cxjspartfiveright ul{
	margin-top:108px;
	margin-bottom:108px;
	cursor:pointer;
}

.cxjspartfive .cxjspartfiveright ul li{
	width:382px;
	float:right;
	height:170px;
	background-color:#fff;
	float:left;
	margin-left:120px;
	margin-bottom:26px;
	border-radius: 15px;
}
.cxjspartfive .cxjspartfiveright ul li .kcpic{
	float:left;
	margin-top:9px;
	
}
.cxjspartfive .cxjspartfiveright ul li .cxjskcright{
	margin-left:20px;
	float:left;
	    margin-top: 20px;
    width: 130px;
    line-height: 280%;
    font-weight: bold;
	
}
.cxjskcrightcjbgcolor{
	color:#0bb1a8;
}
.cxjskcrightzjbgcolor{
	color:#095aad;
}
.cxjskcrightgjbgcolor{
	color:#e76795;
}
.cxjspartfive .cxjspartfiveright ul li .cxjskcright p{
	display:block;
	font-size:30px;
}
.cxjspartfive .cxjspartfiveright ul li .cxjskcright span{
	       height: 60px;
    width: 60px;
    display: block;
    margin-top: 20px;
    /* text-align: center; */
    padding-top: 20px;
    box-sizing: border-box;
}
.cxjspartsix{
	width:1130px;
	margin-left:auto;
	margin-right:auto;
	height:526px;
	margin-top:80px;
	margin-bottom:80px;
}
.cxjspartsix .casepic{
	float:right;
}
.cxjspartsix .cxjspartsixtitle{
	width:1130px;
	text-align:center;
	font-size:30px;
	height:40px;
	line-height:40px;
	margin-bottom:80px;
}
.cxjspartsix ul li{
	width:512px;
	margin-right:106px;
	float:left;
}
.cxjspartsix ul li:last-child{
	margin-right:0px;
}
.cxjspartsix ul li span{
	float:left;
	 width: 100%;
    margin-bottom: 40px;
}
.cxjspartsix ul li p{
	display:block;
	margin-left:30px;
	font-size:24px;
	margin-bottom:20px;
}

.cxjskcrightseven{
	width:100%;
	height:478px;
	background-color:#f8f8f8;
}
.cxjskcrightseven .cxjskcrightsevenbody{
	width:1200px;
	margin-left:auto;
	margin-right:auto;
}
.cxjskcrightseven .cxjskcrightsevenbody .cxjskcrightsevenbodyintro{
	float:right;
	width:978px;
	font-size:16px;
	height:278px;
	margin-top:90px;
	margin-bottom:90px;
	background-color:#fff;
	padding:76px 70px;
	box-sizing:border-box;
	border-radius:10px;
	box-shadow: 0px 0px 30px 10px rgba(241, 238, 238, 0.9);
	color:#b7b7b7;
	line-height:170%;
	
}
.cxjskcrightseven .cxjskcrightsevenbody .cxjskcrightsevenbodytitle{
	width:220px;
	float:left;
	    height: 278px;
		font-size:30px;
		color:#00ad99;
		padding: 76px 70px;
    box-sizing: border-box;

    margin-bottom: 90px;
	line-height:150%;
	font-weight:bold;
	position:relative;
}
.cxjskcrightseven .cxjskcrightsevenbody .cxjskcrightsevenbodytitle img{
	position:absolute;
	left:10px;
	top:80px;
}

.business{
	width:100%;
	height:232px;

}
.business .businesscontentleft{
	width: 800px;
    height: 202px;
    margin-top: 30px;
    float: left;
    box-sizing: border-box;
}
.business .businesscontentright{
	float:right;
    height: 202px;
    margin-top: 30px;
    box-sizing: border-box;
    cursor:pointer;
}
.business .businesstitle{
	height:40px;
	line-height:40px;
	font-size:30px;
	color:#fff;
}
.business .businesscontent{
	width:1200px;
	margin-left:auto;
	margin-right:auto;
	margin-top:37px;
}
.business .businessintro{
	color:#fff;
	font-size:14px;
	width:700px;
}
.business .businesscntact{
	width:350px;
	height:40px;
	background-color:#fff;
	color:#7da538;
	float:left;
	display:block;
	line-height:40px;
	font-size:16px;
	margin-right:20px;
	border-radius:10px;
	padding-left:90px;
	position:relative;
	box-sizing:border-box;
	padding-right:20px;
	margin-top:30px;
}
.business .businesscntact span{
	float:left;
	background-color:#424242;
	position:absolute;
	left:0px;
	border-radius:10px;
	width:80px;
text-align:center;
color:#fff;
	
}


.ketang{
	background-color:#09aea3;
}
.dyfw{
	background-color:#e16494;
}
.shangcheng{
	background-color:#feaa00;
}


.outset{
	width:1200px;
	margin-left:auto;
	margin-right:auto;
	height:auto;
}
.outset .settitle{
	height:40px;
	margin-top:80px;
	margin-bottom:80px;
	line-height:40px;
	font-size:40px;
}
.outset .colormakerindex{
	background-color:#f8f8f8;
	height:806px;
	width:736px;
	float:left;
	
}
.outset .colormakerindex .colorpic{
	margin:40px 92.5px 40px 92.5px;
}
.outset .colormakerindex span{
	display:block;
	text-align:center;

	
}
.colormakertitleindex{
	width:100%;
	float:left;
	text-align:center;
	font-size:20px;
	margin-top:40px;
	margin-bottom:40px;
}
.colormakerintroindex{
	text-align:center;
	width:480px;
	margin-left:auto;
	margin-right:auto;
	font-size:16px;
}
.outset .smallproitem{
	width:434px;
	margin-left:30px;
	float:left;
	height:268px;
	position:relative;

}
.outset .smallprointro{
    position: absolute;
    top: 0px;
    left: 168px;
    width: 226px;
    margin-left: 20px;
    height: 200px;
    margin-top: 68px;
    margin-right:20px;
}
.outset .smallprointro span{

	display:block;
float:left;
}
.outset .smallproitem .propic{
	margin-top:48px;
	margin-bottom:48px;
}
.outset .smallprointro .smallprotitle{
	font-size:20px;
	margin-bottom:20px;

}
.outset .smallprointro .smallpromore{
	margin-top:30px;
}
.prolebg{
	background-color:#09aea3;
}
.prodybbg{
	background-color:#e16494;
}
.lcbbintrocolor{
	color:#fff;
}

/*colormakerbar*/
.colormakerbar{
	width:100%;
	height:120px;
	border:solid;
	border-width:0px 0px 1px 0px;
	border-color:#d8d8d8;
}
.colormakerbar .colormakercontant{
	width:1200px;
	margin-left:auto;
	margin-right:auto;
	font-size:16px;
}

.colormakerbar .colormakercontant .colormakerbarleft{
	float:left; 
	line-height:120px;
	color:#797979;
}

.colormakerbar .colormakercontant .colormakerbarright{
	float:right;
	line-height:120px;
	color:#797979;
}
.colormakerintro{
	width:1200px;
	color:#797979;
	height:200px;
	border:solid;
	border-width:0px 0px 1px 0px;
	border-color:#d8d8d8;
	margin-top:70px;margin-left: auto;
    margin-right: auto;
	
}
.colormakerintro .colormakerintrotitle{
	font-size:40px;
	margin-bottom:40px;
	text-align:center;
	
}
.colormakerintro .colormakerintroinfo{
	width:600px;
	text-align:center;
		margin-left:auto;
	margin-right:auto;
	color:#b7b7b7;
	font-size:16px;
}
.colormakertd{
	width:1200px;
	margin-left:auto;
	margin-right:auto;
	height:700px;
	margin-top:60px;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color:#d8d8d8
}


.lcbbtd{
	width:1200px;
	margin-left:auto;
	margin-right:auto;

	margin-top:60px;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color:#d8d8d8
}

.lcbbtd .lcbbintrotitle{
	height:40px;
	font-size:40px;
	text-align:center;
	margin-bottom:80px;
	color:#797979;
	
}
.lcbbtd .lcbbtdpic{
float: left;
    width: 500px;
    margin-left: 50px;
}
.lcbbtd .lcbbtdintro{
	float: right;
    width: 500px;
    color: #b7b7b7;
    margin-right: 50px;
}
.lcbbintro{
	float: right;
    width: 580px;
    color: #b7b7b7;
    margin-right: 50px;
}
.lcbbcs li{
	width:274px;
	height:200px;
	display:block;
	float:left;
	margin-bottom:20px;
	margin-right:10px;
	padding-left:20px;
	box-sizing:border-box;
}
.lcbbcs li span{
	width:274px;
	height:40px;
	line-height:40px;
	background-color:#000;
	color:#fff;
	display:block;
	float:left;
	margin-bottom:20px;
	margin-right:10px;
	padding-left:20px;
	box-sizing:border-box;
}
.lcbbcs li p{
	float:left;
	display:block;
	width:100%;
}

.lcbbcl{
	width:1200px;
	margin-left:auto;
	margin-right:auto;
	margin-top:60px;
	/*
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color:#d8d8d8*/
}
.lcbbcl .lcbbcltitles{
	height:40px;
	line-height:40px;
	font-size:40px;
	text-align:center;
	color:#979797;
	width:1200px;
	float:left;
	margin-bottom:70px;
}
.lcbbcl .lcbbclcontent{
	width:986px;
	margin-right:auto;
	margin-left:auto;
	margin-top:50px;
}
.lcbbcl .lcbbclcontent .lcbbclcontentleft{
	width:480px;
	float:left;
	margin-right:20px;
}
.lcbbcl .lcbbclcontent .lcbbclcontentleft p{
	display:block;
	height:320px;
	line-height:260px;
	text-align:center;
	font-size:26px;
	color:#b7b7b7;
	position:relative;
}
.lcbbcl .lcbbclcontent .lcbbclcontentleft p img{
	position:absolute;
	right:0px;
	top:124px;
	
}

.lcbbcl .lcbbclcontent .lcbbclcontentright{
	width:480px;
	float:right;
	
}
.lcbbcl .lcbbclcontent .lcbbclcontentright p{
	display:block;
	height:320px;
	text-align:center;
		font-size:16px;
		text-align:left;
		color:#b7b7b7;
		padding-top:90px;
		    box-sizing: border-box;
}
.lcbbcz{
	margin-bottom:40px;
}
.lcbbcasetitle{
	height:40px;
	line-height:40px;
	font-size:40px;
	color:#797979;
	margin-bottom:60px;
}

.lcbbbusinesscolor{
	background-color:#2d8ca3;
}
.colorbusinesscolor{
	background-color:#1ecc88;
}
.dybcolor{
	background-color:#e16494;
}


.sjzpic{
	width:326px;
	float:left;
	margin-right:100px;
	
}
.sjzintro{
		width:105px;
		float:left;
		margin-left:100px;
		position:relative;
}
.sjzintro ul{
	position:absolute;
	top:0px;
	left:140px;
}
.sjzintro ul li{
	width:200px;
	height:50px;
	line-height:50px;
	margin-bottom:76px;
	font-size:36px;
	color:#78b7c1;
}
.sjzintro img{
		float:left;
}
.sjzintrobody{
	width:700px;
	margin-right:auto;
	margin-left:auto;
	
}
.sjzinfo{
	margin-bottom:120px;
}
.indexbusinesscolor{
	background-color:#09aea3
}
.sjzbusinesscolor{
	background-color:#4786b8;
}

/*打印笔*/
.dybintro{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	margin-top:60px;
	padding-bottom: 80px;
}
.dybtdinfo .dybcasepic{
	margin-left:40px;
	
}
.dybintroleft{
	width:457px;
	float:left;
	position:relative;
}
.dybintroleft ul{
	position:absolute;
	top:0px;
	left:0px;
}
.dybintroleft ul li{
	    width: 222px;
    height: 146px;
    float: left;
    display: block;
    margin-right: 13px;
    margin-bottom: 15px;
    padding-left: 60px;
    padding-top: 40px;
    padding-right: 60px;
    box-sizing: border-box;
	color:#b7b7b7;
}
.dybintroleft ul li span{
	display:block;
	width:220px;
	float:left;
	font-size:20px;
	color:#e16698;
	margin-bottom:10px;
	
}
.dybintroleft ul li:nth-child(2n){
	margin-right:0px;
}
.dybintroright{
	width:457px;
	float:left;
	margin-left:86px;
	color:#b7b7b7;
	font-size:16px;
	padding-top:30px;
	position:relative;
}
.dybintroright img{
	position:absolute;
	left:-90px;
	top:160px;
}

.dybtd{
	width:1200px;
	margin-left:auto;
	margin-right:auto;

	margin-top:60px;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color:#d8d8d8
}
.dybtd .dybintrotitle{
	height:40px;
	font-size:40px;
	text-align:center;
	margin-bottom:80px;
	color:#797979;
	
}