/*---------------------------------------------------------------------------------------------------*//*兼容*//*组件*//*header*//*navigater*//*carousel*//*footer*//*filing*//*rightmenu*//*content*//*home*//*aboutus*//*productshow*//*marketpublic*//*worksupply*//*successcase*//*contactus*//*product*//*article*//*---------------------------------------------------------------------------------------------------*/@CHARSET "UTF-8";/*兼容*/*{	margin: 0px;	padding: 0px;}body{	position: relative;	font-family: Arial,Helvetica,sans-serif;}a,a:hover,a:active,a:focus{	color: #333;	text-decoration:none;}/*组件*/.pagewidth{	width: 1250px;	margin: 0 auto;}.leftarea{	float: left;}.rightarea{	float: right;}.ellipsis{/*单行省略*/	white-space:nowrap;	text-overflow:ellipsis;	overflow:hidden;}.mutyellipsis{/*多行省略*/	word-break: break-all;	text-overflow: ellipsis;	display: -webkit-box;	-webkit-box-orient:vertical;	/*-webkit-line-clamp:3;*//*显示的行数*/	overflow: hidden;}.clearfix{	clear: both;}.flex{	display: flex;	align-items: center;	justify-content: center;}.no-more{	width: 100%;	height: 35px;	line-height: 35px;	text-align: center;	letter-spacing: 1px;	color: #bbb;	font-size: 13px;}.listpage{/*以下是分页样式*/	padding: 15px;	margin-bottom: 50px;}.listpage > div{	display: flex;	align-items: center;	justify-content: center;	flex-direction: row;}.listpage > div > a,.listpage > div > span{	margin-left: 5px;	margin-right: 5px;}.listpage > div > span,.listpage > div > a{	cursor: pointer;	font-size: 14px;}.prev,.next{	width:58px; 	height: 38px;	line-height: 38px;	text-align: center;	border: 1px solid #e2e2e4;	color: #333;}.current{	width: 33px;	height: 38px;	line-height: 40px;	text-align: center;	border: 1px solid #e2e2e4;	background-color: #1e3988;	color: #fff;}.num{	width: 33px;	height: 38px;	line-height: 40px;	text-align: center;	border: 1px solid #e2e2e4;	color: #333;}.first{	width: 43px;	height: 38px;	line-height: 40px;	text-align: center;	border: 1px solid #e2e2e4;	color: #333;}.end{	width: 43px;	height: 38px;	line-height: 40px;	text-align: center;	border: 1px solid #e2e2e4;	color: #333;}.num:hover,.end:hover,.first:hover,.prev:hover,.next:hover{	background-color: #0099cc;	color: #fff;}/*以上是分页样式*/.leftlist{/*以下是左列表样式*/	list-style: none;	border: 4px solid #1e3988;	padding-bottom: 10px;	margin-bottom: 10px;	background-color: #fff;}.leftlist > li{	letter-spacing: 2px;	font-size: 15px;}.leftlist > .title{	height: 40px;	line-height: 40px;	background-color: #1e3988;	color: #fff;	font-weight: bold;	padding: 0px 20px;	margin-bottom: 15px;}.leftlist > .item{	height: 55px;	line-height: 45px;}.leftlist > .item p{	padding: 0px 10px;}.leftlist > .item p > .orangerightarrow{	position: relative;	display: block;	float: left;	width: 20px;	height: 20px;	background-color: #ff6600;	border-radius: 50%;	margin-top: 12px;	margin-right: 10px;}.leftlist > .item p > .orangerightarrow:before{	position: absolute;	content: "";	top: 5px;	left: 5px;	width: 0px;	height: 0px;	border-left: 10px solid #fff;	border-top: 5px solid transparent;	border-bottom: 5px solid transparent;}.leftlist > .item p > .orangerightarrow:after{	position: absolute;	content: "";	top: 5px;	left: 5px;	width: 0px;	height: 0px;	border-left: 4px solid #ff6600;	border-top: 5px solid transparent;	border-bottom: 5px solid transparent;}.leftlist > .item p > .classitem{	font-weight: bold;	color: #1e3988;}.leftlist > .underitem p{	font-size: 16px;	letter-spacing: 1px;	padding-left: 40px;}/*以上是左列表样式*/.leftcontact{/*以下是左联系框样式*/	margin-bottom: 90px;	background-color: #fff;}.leftcontact > .title{	padding-top: 20px;	margin-bottom: 20px;}.leftcontact > .title > div{	position: relative;	float: left;	width: 4px;	height: 30px;	background-color: #1e3988;}.leftcontact > .title > div::after{	position: absolute;	content: "";	top: 10px;	right: -6px;	width: 0px;	height: 0px;	border-left: 6px solid #1e3988;	border-top: 4px solid transparent;	border-bottom: 4px solid transparent;}.leftcontact > .title > p{	margin-left: 20px;	margin-bottom: 0px;	font-size: 22px;	font-weight: bold;	color: #1e3988;}.leftcontact > .body{	border: 1px solid #ccc;	border-top: 3px solid #1e3988;}.leftcontact > .body > .title{	padding: 15px 15px 0px 15px;	font-size: 15px;	font-weight: bold;	letter-spacing: 1px;	margin-bottom: 5px;}.leftcontact > .body > div{	padding-top: 15px;	margin: 0px 15px;	border-bottom: 1px dashed #ccc;}.leftcontact > .body > div:last-child{	border-bottom: none;}.leftcontact > .body > div > .title{	font-size: 15px;	font-weight: bold;	letter-spacing: 1px;	margin-bottom: 5px;}.leftcontact > .body > div > .detailed{	font-size: 15px;	color: #666;	margin-bottom: 5px;	line-height: 1.7;}/*以上是左联系框样式*/.crumbs{	height: 35px;	line-height: 35px;	border: 1px solid #ccc;	padding: 0px 20px;	font-size: 15px;	margin-bottom: 20px;}.loading{	display: none;	position: fixed;	top: 0px;	width: 100%;	height: 100%;	line-height: 1000px;	background-color: rgba(0,0,0,0.1);	text-align: center;	z-index: 1051;	font-size: 30px;	font-weight: bold;}/* 以下是提示框样式 */.alert{	display: none;	text-align: center;	color: #fff;	position: fixed;	top: 40%;	z-index: 1051;	opacity: 0.7;}.alert-primary{	background-color: #000;	border: 1px solid #000;}/* 以上是提示框样式 *//* 以下是会话框样式 */.confirm{	display: none;	position: fixed;	top: 40%;	z-index: 1051;}.confirm-primary{	width: 300px;	height: auto;	background-color: #fff;	border: 1px solid #ccc;	border-radius: 10px;	overflow: hidden;}.confirm-primary > div:first-child{	padding: 15px 36px;	text-align: center;}.confirm-primary > div:last-child{	border-top: 2px solid #dedede;}.confirm-sure,.confirm-cancel{	float: left;	width: 50%;	border: none;	border-radius: 0;}.confirm-sure{	border-left: 1px solid #dedede;}.confirm-cancel{	border-right: 1px solid #dedede;}/* 以上是会话框样式 *//*header*/.header > .top{	border-bottom: 1px solid #ddd;}.header > .top > div{	height: 50px;	line-height: 50px;}.header > .top > div > .leftarea{	width: 50%;}.header > .top > div > .leftarea > p{	margin-bottom: 0px;}.header > .top > div > .rightarea{	width: 50%;	text-align: right;}.header > .top > div > .rightarea > a{	}.header > .top > div > .rightarea > span{	}.header > .center > div{	height: 100px;}.header > .center > div > .leftarea{	width: 50%;	margin-top: 17px;	position: relative;}.header > .center > div > .leftarea:before{	position: absolute;	content: "";	top: 5px;	left: 77px;	width: 0px;	height: 58px;	border-left: 1px solid #ccc;}.header > .center > div > .leftarea img{	float: left;	width: 62px;	height: 61px;	margin-top: 5px;}.header > .center > div > .leftarea > p,.header > .center > div > .leftarea > div{	margin-left: 92px;}.header > .center > div > .leftarea > .compname{	font-size: 25px;	font-weight: bolder;	color: #1e3988;	letter-spacing: 2px;}.header > .center > div > .leftarea > .compbrief > div{	float: left;	width: 100px;}.header > .center > div > .leftarea > .compbrief > div > .graycircular{	display: block;	float: left;	width: 10px;	height: 10px;	border-radius: 50%;	background-color: #777;	margin-top: 5px;	margin-right: 5px;}.header > .center > div > .leftarea > .compbrief{}.header > .center > div > .rightarea{	width: 50%;	text-align: right;	margin-top: 26px;}.header > .center > div > .rightarea > img{	width: 41px;	height: 41px;	margin-top: 6px;	margin-right: 10px;}.header > .center > div > .rightarea > div{	float: right;	text-align: left;}.header > .center > div > .rightarea > div > p:first-child{	margin-bottom: 0px;}.header > .center > div > .rightarea > div > p:last-child{	margin-bottom: 0px;	font-size: 25px;	font-weight: bolder;	color: #1e3988;}/*navigater*/.navigater{	height: 65px;	line-height: 65px;	background-color: #1e3988;}.navigater > div > ul{	list-style: none;}.navigater > div > ul > li{	float: left;}.navigater > div > ul > li > a > span{	display: block;	height: 65px;	padding-right: 70px;	font-size: 20px;	color: #fff;	letter-spacing: 2px;}/*carousel*/.carousel{	width:100%;	max-height: 460px;	margin-bottom: 40px;	position: relative;	overflow: hidden;}.carousel > .carousel-list{	list-style: none;	margin-bottom: 0px;}.carousel > .carousel-list > li{	float: left;	width: 100%;}.carousel > .carousel-list > li img{	width: 100%;	min-width: 1250px;	min-height: 300px;	max-height: 460px;}.carousel > .click-point{	list-style: none;	position: absolute;	bottom: 0px;	width: 100%;	height: 13px;}.carousel > .click-point li{	float: left;	width: 9px;	margin: 0px 4px;	height: 7px;	background: #fff;	border-radius: 6px;	font-size: 0px;	opacity: 0.3;}.carousel > .click-point .title{	width: 18px;	opacity: 1;}/*.carousel > div{	padding-top: 110px;}.carousel > div > .leftarea{	float: left;	width: 50%;	padding-right: 145px;}.carousel > div > .leftarea > p:first-child{	margin-bottom: 22px;	font-size: 33px;	font-weight: bolder;	letter-spacing: 5px;	color: #fff;}.carousel > div > .leftarea > p:last-child{	font-size: 30px;	letter-spacing: 6px;	color: #fff;	line-height: 1.7;}*//*footer*/.footer{	background-color: #111;	padding-top: 65px;	padding-bottom: 65px;	letter-spacing: 1px;}.footer *,.footer *:hover,.footer *:active,.footer *:focus{	color: #fff;}.footer > div > .list-left{	float: left;	margin-right: 100px;}.footer > div > .list-left > *{	margin-bottom: 14px;}.footer > div > .list-left > .title{	font-size: 16px;}.footer > div > .list-left > .blockline{	background-color: #fff;	width: 19px;	height: 2px;}.footer > div > .list-left > a{	display: block;}.footer > div > .list-right{	float: right;}.footer > div > .list-right > .title{	text-align: center;	font-size: 17px;}.footer > div > .list-right > .brief{	text-align: center;	font-size: 12px;	color: #888;	margin-bottom: 30px}.footer > div > .list-right > div{	text-align: center;	margin-bottom: 30px;}.footer > div > .list-right > div > img{	width: 69px;	height: 59px;}.footer > div > .list-right > .phone{	text-align: center;	font-size: 26px;	color: #fff;}/*filing*/.filing{	background-color: #111;	height: 100px;	padding-bottom: 30px;	letter-spacing: 1px;}.filing *,.filing *:hover,.filing *:active,.filing *:focus{	color: #fff;}.filing > div > .filing-line{	background-color: #333;	height: 1px;	margin-top: 0px;	margin-bottom: 30px;}.filing > div > .filing-left{	float: left;}.filing > div > .filing-right{	float: right;}/*rightmenu*/.rightmenu{	display: none;	position: fixed;	top: 300px;	right: 0px;}.rightmenu > .defa{	float: right;	width: 56px;}.rightmenu > .defa > .defa-1{	text-align: center;	background-color: #286090;	border-radius: 5px;	margin-bottom: 10px;	cursor: pointer;	/*border: 1px solid #eee;*/}.rightmenu > .defa > .defa-1 img{	width: 38px;	margin-top: 10px;	margin-bottom: 10px;}.rightmenu > .defa > .defa-1 p{	margin-bottom: 0px;	width: 20px;	font-size: 14px;	color: #fff;	margin: 0 auto;	padding-bottom: 10px;}.rightmenu > .defa > .defa-2{	display: none;	text-align: center;	background-color: #d9edf7;	border-radius: 5px;	/*border: 1px solid #eee;*/}.rightmenu > .defa > .defa-2 img{	width: 38px;	margin-top: 5px;	margin-bottom: 5px;}.rightmenu > .notdefa{	display: none;	float: right;	width: 170px;}.rightmenu > .notdefa > .title{	height: 38px;	line-height: 38px;	padding: 0px 10px;	background-color: #286090;}.rightmenu > .notdefa > .title > span{	color: #fff;	display: block;}.rightmenu > .notdefa > .title > span:first-child{	float: left;}.rightmenu > .notdefa > .title > span:last-child{	float: right;	cursor: pointer;}.rightmenu > .notdefa > .body{	height: 160px;	padding: 10px;	margin-bottom: 10px;	background-color: #fff;	border: 1px solid #eee;}.rightmenu > .notdefa > .body .item{	height: 30px;	line-height: 30px;	padding: 5px 0px;	margin-bottom: 7px;}.rightmenu > .notdefa > .body .item:hover{	background-color: #eee;}.rightmenu > .notdefa > .body .item img{	width: 20px;}.rightmenu > .notdefa > .body .item > span{	display: block;	width: 90px;	padding: 0px 7px;	font-size: 13px;}.rightmenu > .notdefa > .bottom{	height: 50px;	padding: 0px 10px;	background-color: #fff;	border: 1px solid #eee;}.rightmenu > .notdefa > .bottom img{	height: 30px;	padding: 5px;	background-color: #d9edf7;	border-radius: 4px;}.rightmenu > .notdefa > .bottom div{	height: 49px;	padding: 10px;}.rightmenu > .notdefa > .bottom div:hover{	background-color: #eee;}/*content*/.content{	/*margin-bottom: 120px;*/}/*home*/.home{}.home > .productview{	margin-bottom: 40px;}.home > .productview > div .leftarea{	width: 20%;	padding-right: 20px;}.home > .productview > div .rightarea{	width: 80%;	padding-left: 20px;}.home > .productview > div .rightarea > div{	border: 1px solid #ccc;}.home > .productview > div .rightarea > div > .title{	height: 40px;	line-height: 40px;	border-bottom: 1px dashed #ccc;	letter-spacing: 2px;}.home > .productview > div .rightarea > div > .title > div{	float: left;	width: 180px;	text-align: center;	font-size: 19px;	font-weight: bold;	cursor: pointer;}.home > .productview > div .rightarea > div > .title > .select{	background-color: #1e3988;	color: #fff;}.home > .productview > div .rightarea > div > .body{	padding: 23px 23px 0px 23px;}.home > .productview > div .rightarea > div > .body > .rollarea{	position: relative;	height: 554px;	overflow: hidden;}.home > .productview > div .rightarea > div > .body > .rollarea > .rollline{	position: absolute;}.home > .productview > div .rightarea > div > .body > .rollarea > .rollline > div{	float: left;	width: 233px;	padding: 12px;	margin-bottom: 10px;	text-align: center;}.home > .productview > div .rightarea > div > .body > .rollarea > .rollline > div img{	width: 209px;	height: 209px;	padding: 7px;	border: 1px solid #ccc;	border-radius: 5px;	margin-bottom: 7px;}.home > .productview > div .rightarea > div > .body > .rollarea > .rollline > div p{	font-size: 15px;	margin-bottom: 0px;	letter-spacing: 1px;}.home > .kernelsuper{	margin-bottom: 40px;}.home > .kernelsuper > .styl{	margin-bottom: 40px;}.home > .kernelsuper > .styl > div:first-child{	height: 12px;	background-color: #1e3988;}.home > .kernelsuper > .styl > div:last-child{	position: relative;	width: 34px;	height: 22px;	margin: 0 auto;	background-color: #fff;}.home > .kernelsuper > .styl > div:last-child:after{	position: absolute;	content: "";	top: 0px;	left: 0px;	width: 0px;	height: 0px;	border-top: 22px solid #1e3988;	border-left: 17px solid transparent;	border-right: 17px solid transparent;}.home > .kernelsuper > div > .title{	width: 630px;	margin: 0 auto;	margin-bottom: 50px;}.home > .kernelsuper > div > .title > span{	float: left;	font-size: 160px;	font-weight: bold;	color: #1e3988;	margin-top: -50px;}.home > .kernelsuper > div > .title > p{	margin-left: 130px;	margin-bottom: 5px;}.home > .kernelsuper > div > .title > .p1 > span:first-child{	font-size:50px;	font-weight: bolder;	letter-spacing: 5px;	color: #1e3988;	margin-right: 10px;}.home > .kernelsuper > div > .title > .p1 > span:last-child{	font-size: 30px;	font-weight: bolder;	letter-spacing: 3px;	color: #1e3988;}.home > .kernelsuper > div > .title > .p2{	position: relative;	height: 40px;	line-height: 40px;	font-size: 19px;	text-align: center;	font-weight: bolder;	letter-spacing: 3px;	color: #fff;	background-color: #ff6600;	margin-left: 107px;}.home > .kernelsuper > div > .title > .p2:before{	position: absolute;	content: "";	top: 0px;	left: 0px;	width: 0px;	height: 0px;	border-left: 12px solid #fff;	border-bottom: 40px solid transparent;}.home > .kernelsuper > div > .title > .p2:after{	position: absolute;	content: "";	bottom: 0px;	right: 0px;	width: 0px;	height: 0px;	border-right: 12px solid #fff;	border-top: 40px solid transparent;}.home > .kernelsuper > div > .body > .leftarea{	width: 50%;	padding-right: 20px;}.home > .kernelsuper > div > .body > .rightarea{	width: 50%;	padding-left: 20px;}.home > .kernelsuper > div > .body .superitem{	margin-bottom: 70px;}.home > .kernelsuper > div > .body .superitem > .leftarea{	width: 15%;}.home > .kernelsuper > div > .body .superitem > .leftarea > p{	width: 70px;	height: 70px;	margin-bottom: 0px;	line-height: 70px;	text-align: center;	font-size: 50px;	font-weight: bold;	color: #ff6600;	border:3px solid #ff6600;}.home > .kernelsuper > div > .body .superitem > .rightarea{	width: 85%;}.home > .kernelsuper > div > .body .superitem > .rightarea > .p1{	font-size: 20px;	font-weight: bold;	letter-spacing: 1px;	color: #1e3988;	margin-bottom: 5px;}.home > .kernelsuper > div > .body .superitem > .rightarea > .p2{	font-size: 20px;	font-weight: bold;	letter-spacing: 1px;	color: #ff6600;	margin-bottom: 30px;}.home > .kernelsuper > div > .body .superitem > .rightarea > ul{	list-style: none;}.home > .kernelsuper > div > .body .superitem > .rightarea > ul > li{	line-height: 30px;}.home > .kernelsuper > div > .body .superitem > .rightarea > ul > li > .graycircular{	display: block;	float: left;	width: 8px;	height: 8px;	margin-top: 8px;	margin-right: 10px;	background-color: #333;	border-radius: 50%;}.home > .kernelsuper > div > .body .superitem > .rightarea > ul > li > span:last-child{	font-size: 16px;}.home > .kernelsuper > div > .body .superitem > .rightarea > img{	margin-top: 20px;	max-width: 100%;}.home > .compbbrief{	padding: 60px 0px 100px 0px;	background-color: #f6f4f4;}.home > .compbbrief > .title{	position: relative;	width: 320px;	height: 60px;	margin: 0 auto;	margin-bottom: 20px;}.home > .compbbrief > .title > div{	position: absolute;	top: 0px;	left: 0px;	width: 180px;	height: 60px;	border: 3px solid #444;	z-index: 1;}.home > .compbbrief > .title > p{	position: absolute;	top: 17px;	right: 0px;	width: 180px;	height: 26px;	line-height: 26px;	background-color: #f6f4f4;	margin-bottom: 0px;	font-size: 20px;	font-weight: bold;	color: #555;	letter-spacing: 1px;	z-index: 2;}.home > .compbbrief > .body > div .leftarea{	width: 62%;}.home > .compbbrief > .body > div .leftarea > img{	width: 775px;	height: 440px;	margin: 25px 0px;}.home > .compbbrief > .body > div .rightarea{	position: relative;	width: 38%;	height: 490px;	background-color: #1e3988;	padding: 60px 40px;	color: #fff;}.home > .compbbrief > .body > div .rightarea::before{	position: absolute;	content: "";	top: 0px;	left: -19px;	width: 0px;	height: 0px;	border-right: 19px solid #4466dd;	border-top: 25px solid transparent;}.home > .compbbrief > .body > div .rightarea::after{	position: absolute;	content: "";	bottom: 0px;	left: -19px;	width: 0px;	height: 0px;	border-right: 19px solid #4466dd;	border-bottom: 25px solid transparent;}.home > .compbbrief > .body > div .rightarea > .title{	font-size: 25px;	font-weight: bold;}.home > .compbbrief > .body > div .rightarea > .brief{	font-size: 16px;	letter-spacing: 1px;	margin-bottom: 20px;}.home > .compbbrief > .body > div .rightarea > .content{	font-size: 16px;	letter-spacing: 1px;	line-height: 1.9;	margin-bottom: 40px;}.home > .compbbrief > .body > div .rightarea > a{	font-size: 16px;	color: #fff;}.home > .newsview{	padding: 50px 0px;}.home > .newsview > .title{	text-align: center;	font-size: 28px;	font-weight: bold;	letter-spacing: 2px;	margin-bottom: 40px;}.home > .newsview > .neck{	width: 513px;	height: 36px;	margin: 0 auto;	margin-bottom: 40px;}.home > .newsview > .neck > div{	float: left;	width: 155px;	height: 36px;	line-height: 36px;	margin: 0px 8px;	text-align: center;	border: 1px solid #aaa;	font-size: 18px;	letter-spacing: 1px;	border-radius: 18px;	cursor: pointer;}.home > .newsview > .neck > .select{	border-color: #1e3988;	background-color: #1e3988;	color: #fff;}.home > .newsview > .body{	height: 360px;	margin-bottom: 60px;}.home > .newsview > .body > div > .newitem{	width: 625px;	float: left;	margin-bottom: 40px;}.home > .newsview > .body > div > .newitem:nth-child(2n-1){	padding-right: 20px;}.home > .newsview > .body > div > .newitem:nth-child(2n){	padding-left: 20px;}.home > .newsview > .body > div > .newitem .leftarea{	width: 18%;	height: 80px;	padding-right: 20px;	border-right: 3px solid #eee;}.home > .newsview > .body > div > .newitem .leftarea > p{	margin-top: -15px;	margin-bottom: 0px;	font-size: 80px;	color: #ccc;}.home > .newsview > .body > div > .newitem .rightarea{	position: relative;	width: 82%;	padding-left: 20px;}.home > .newsview > .body > div > .newitem .rightarea > .title{	width: 370px;	font-size: 15px;	letter-spacing: 1px;}.home > .newsview > .body > div > .newitem .rightarea > .brief{	font-size: 15px;	color: #999;	line-height: 1.8;	margin-bottom: 0px;	letter-spacing: 1px;	-webkit-line-clamp:2;}.home > .newsview > .body > div > .newitem .rightarea > .date{	position: absolute;	top: 0px;	right: 0px;	font-size: 15px;	letter-spacing: 1px;}.home > .newsview > .tail{	margin-bottom: 40px;}.home > .newsview > .tail > a{	display: block;	margin: 0 auto;	width: 120px;	height: 35px;	line-height: 35px;	border:1px solid #ccc;	text-align: center;}/*aboutus*/.aboutus{}.aboutus > .aboutusmsgs{}.aboutus > .aboutusmsgs > div > .leftarea{	width: 20%;	padding-right: 20px;}.aboutus > .aboutusmsgs > div > .rightarea{	width: 80%;	padding-left: 20px;}.aboutus > .aboutusmsgs > div > .rightarea > .msgcontent{	padding-top: 20px;	margin-bottom: 100px;}.aboutus > .aboutusmsgs > div > .rightarea > .msgcontent > img{	max-width: 100%;}/*productshow*/.productshow{}.productshow > .productshowmsgs{}.productshow > .productshowmsgs > div > .leftarea{	width: 20%;	padding-right: 20px;}.productshow > .productshowmsgs > div > .rightarea{	width: 80%;	padding-left: 20px;}.productshow > .productshowmsgs > div > .rightarea > .msgcontent{	border: 1px solid #ccc;	padding: 15px;	margin-bottom: 30px;}.productshow > .productshowmsgs > div > .rightarea > .msgcontent > div{	float: left;	width: 237px;	padding: 14px;	margin-bottom: 10px;	text-align: center;}.productshow > .productshowmsgs > div > .rightarea > .msgcontent > div img{	width: 209px;	height: 209px;	padding: 7px;	border: 1px solid #ccc;	border-radius: 5px;	margin-bottom: 7px;}.productshow > .productshowmsgs > div > .rightarea > .msgcontent > div p{	font-size: 15px;	margin-bottom: 0px;	letter-spacing: 1px;}/*marketpublic*/.marketpublic{}.marketpublic > .marketpublicmsgs{}.marketpublic > .marketpublicmsgs > div > .leftarea{	width: 20%;	padding-right: 20px;}.marketpublic > .marketpublicmsgs > div > .rightarea{	width: 80%;	padding-left: 20px;}.marketpublic > .marketpublicmsgs > div > .rightarea > .msgcontent{	margin-bottom: 30px;}.marketpublic > .marketpublicmsgs > div > .rightarea > .msgcontent > ul{	list-style: none;}.marketpublic > .marketpublicmsgs > div > .rightarea > .msgcontent > ul > li{	height: 60px;	line-height: 60px;	border-bottom: 1px dashed #ccc;	font-size: 15px;}.marketpublic > .marketpublicmsgs > div > .rightarea > .msgcontent > ul > li .graycircular{	float: left;	display: block;	width: 10px;	height: 10px;	background-color: #777;	border-radius: 50%;	margin-top: 25px;	margin-right: 15px;}.marketpublic > .marketpublicmsgs > div > .rightarea > .msgcontent > ul > li .title{	float: left;	margin-bottom: 0px;	width: 800px;	letter-spacing: 1px;}.marketpublic > .marketpublicmsgs > div > .rightarea > .msgcontent > ul > li .date{	float: right;	margin-bottom: 0px;	letter-spacing: 1px;}.marketpublic > .marketpublicmsgs > div > .rightarea > .msgcontent{	/*display: none;*/}.marketpublic > .marketpublicmsgs > div > .rightarea > .msgcontent2 img{	max-width: 100%;}/*worksupply*/.worksupply{}.worksupply > .worksupplymsgs{}.worksupply > .worksupplymsgs > div > .leftarea{	width: 20%;	padding-right: 20px;}.worksupply > .worksupplymsgs > div > .rightarea{	width: 80%;	padding-left: 20px;}.worksupply > .worksupplymsgs > div > .rightarea > .msgcontent{	margin-bottom: 100px;}.worksupply > .worksupplymsgs > div > .rightarea > .msgcontent > .otherarticle{	display: none;}.worksupply > .worksupplymsgs > div > .rightarea > .msgcontent > .workcenter{}.worksupply > .worksupplymsgs > div > .rightarea > .msgcontent > .workcenter > .item{	float: left;	width: 230px;	height: 352px;	margin-bottom: 35px;	background-color: #1e3988;}.worksupply > .worksupplymsgs > div > .rightarea > .msgcontent > .workcenter > .item.mgr{	margin-right: 15px;}.worksupply > .worksupplymsgs > div > .rightarea > .msgcontent > .workcenter > .item img{	width: 230px;	height: 252px;	margin-bottom: 10px;}.worksupply > .worksupplymsgs > div > .rightarea > .msgcontent > .workcenter > .item .p1{	font-size: 28px;	font-weight: bolder;	color: #fff;	/*letter-spacing: 5px;*/	text-align: center;	margin-bottom: 0px;}.worksupply > .worksupplymsgs > div > .rightarea > .msgcontent > .workcenter > .item .p1 > .underline{	display: block;	width: 48px;	height: 2px;	margin: 0 auto;	background-color: #ff6600;	margin-top: 0px;	margin-bottom: 2px;}.worksupply > .worksupplymsgs > div > .rightarea > .msgcontent > .workcenter > .item .p2{	font-size: 20px;	color: #fff;	/*letter-spacing: 5px;*/	text-align: center;	margin-bottom: 2px;}.worksupply > .worksupplymsgs > div > .rightarea > .msgcontent > .workcenter > .item .more{	position: relative;	height: 13px;	margin: 0px 3px 3px 3px;}.worksupply > .worksupplymsgs > div > .rightarea > .msgcontent > .workcenter > .item .more::before{	position: absolute;	content: "";	bottom: 5px;	right: 5px;	width: 5px;	height: 5px;	background-color: #8996bb;}.worksupply > .worksupplymsgs > div > .rightarea > .msgcontent > .workcenter > .item .more::after{	position: absolute;	content: "";	top: 0px;	right: 0px;	width: 13px;	height: 13px;	border-right: 2px solid #fff;	border-bottom: 2px solid #fff;}.worksupply > .worksupplymsgs > div > .rightarea > .msgcontent > .otherarticle img{	max-width: 100%;}/*successcase*/.successcase{}.successcase > .successcasemsgs{}.successcase > .successcasemsgs > div > .leftarea{	width: 20%;	padding-right: 20px;}.successcase > .successcasemsgs > div > .rightarea{	width: 80%;	padding-left: 20px;}.successcase > .successcasemsgs > div > .rightarea > .msgcontent{	margin-bottom: 30px;}.successcase > .successcasemsgs > div > .rightarea > .msgcontent > ul{	list-style: none;}.successcase > .successcasemsgs > div > .rightarea > .msgcontent > ul > li{	position: relative;	height: 178px;	padding-bottom: 22px;	margin-bottom: 22px;	border-bottom: 1px dashed #ccc;	font-size: 15px;}.successcase > .successcasemsgs > div > .rightarea > .msgcontent > ul > li img{	float: left;	width: 252px;	height: 156px;}.successcase > .successcasemsgs > div > .rightarea > .msgcontent > ul > li .title{	margin-left: 272px;	margin-bottom: 15px;	width: 600px;	letter-spacing: 1px;	font-size: 20px;	font-weight: bold;}.successcase > .successcasemsgs > div > .rightarea > .msgcontent > ul > li .brief{	margin-left: 272px;	width: 600px;	letter-spacing: 1px;	-webkit-line-clamp:2;}.successcase > .successcasemsgs > div > .rightarea > .msgcontent > ul > li .date{	position: absolute;	top: 0px;	right: 0px;	letter-spacing: 1px;	color: #999;}/*contactus*/.contactus{}.contactus > .contactusmsgs{}.contactus > .contactusmsgs > div > .leftarea{	width: 50%;	padding-right: 20px;}.contactus > .contactusmsgs > div > .leftarea > .header{	font-size: 25px;	font-weight: bold;	color: #1e3988;	letter-spacing: 2px;	margin-bottom: 30px;}.contactus > .contactusmsgs > div > .leftarea > .neck{	font-size: 21px;	font-weight: bold;	margin-top: 25px;	margin-bottom: 15px;}.contactus > .contactusmsgs > div > .leftarea > .detailed{	font-size: 21px;	letter-spacing: 1px;	margin-bottom: 5px;}.contactus > .contactusmsgs > div > .rightarea{	width: 50%;	padding-left: 20px;}.contactus > .contactusmsgs > div > .rightarea > .header{	font-size: 25px;	font-weight: bold;	color: #1e3988;	letter-spacing: 2px;	margin-bottom: 30px;}.contactus > .contactusmsgs > div > .rightarea > .neck{	font-size: 21px;	font-weight: bold;	margin-top: 25px;	margin-bottom: 15px;}.contactus > .contactusmsgs > div > .rightarea > .topbalance{	margin-top: 55px;}.contactus > .contactusmsgs > div > .rightarea > .detailed{	font-size: 21px;	letter-spacing: 1px;	margin-bottom: 5px;}.contactus > .contactusmsgs > div > .bottom{	float: left;	width: 100%;	margin-top: 40px;	margin-bottom: 100px;}/*.contactus > .contactusmsgs > div > .bottom > img{	width: 100%;}*//*product*/.product{}.product > .productmsgs{}.product > .productmsgs > div > .leftarea{	width: 20%;	padding-right: 20px;}.product > .productmsgs > div > .rightarea{	width: 80%;	padding-left: 20px;}.product > .productmsgs > div > .rightarea > .msgcontent{	margin-bottom: 100px;}.product > .productmsgs > div > .rightarea > .msgcontent > .simple{	padding-bottom: 30px;	border-bottom: 1px solid #ccc;	margin-bottom: 30px;}/*.product > .productmsgs > div > .rightarea > .msgcontent > div > .title{	margin-bottom: 30px;}.product > .productmsgs > div > .rightarea > .msgcontent > div > .title > p{	font-size: 22px;	font-weight: bolder;	letter-spacing: 1px;}.product > .productmsgs > div > .rightarea > .msgcontent > div > .title > .divisionblock{	position: relative;	width: 92px;	height: 3px;	background-color: #ff6600;}.product > .productmsgs > div > .rightarea > .msgcontent > div > .title > .divisionblock::before{	position: absolute;	content: "";	width: 46px;	height: 3px;	top: 0px;	left: 0px;	background-color: #1e3988;}*/.product > .productmsgs > div > .rightarea > .msgcontent > .simple > .leftarea{	width: 37%;	padding-right: 20px;}.product > .productmsgs > div > .rightarea > .msgcontent > .simple > .leftarea > img{	width: 343px;	height: 343px;}.product > .productmsgs > div > .rightarea > .msgcontent > .simple > .rightarea{	width: 63%;	padding-left: 20px;}.product > .productmsgs > div > .rightarea > .msgcontent > .simple > .rightarea > p{	font-size: 18px;	letter-spacing: 1px;	line-height: 1.6;}.product > .productmsgs > div > .rightarea > .msgcontent > .simple > .rightarea > p > span:first-child{	font-weight: bold;}.product > .productmsgs > div > .rightarea > .msgcontent > .simple > .rightarea > p > span:last-child{	color: #666;}.product > .productmsgs > div > .rightarea > .msgcontent > .simple > .rightarea > div{	margin-top: 40px;	border-top: 1px dashed #ddd;	padding-top: 40px;}.product > .productmsgs > div > .rightarea > .msgcontent > .simple > .rightarea > div > a{	float: left;	display: block;	width: 170px;	height: 40px;	margin-right: 10px;	font-style: 18px;	letter-spacing: 2px;}.product > .productmsgs > div > .rightarea > .msgcontent > .simple > .rightarea > div > .getmsg{	background-color: #ff6600;	color: #fff;	text-align: center;	line-height: 40px;}.product > .productmsgs > div > .rightarea > .msgcontent > .simple > .rightarea > div > .getprice{	position: relative;	background-color: #fff3ea;	border: 1px solid #ff6600;	color: #ff6600;	padding: 9px 40px;}.product > .productmsgs > div > .rightarea > .msgcontent > .simple > .rightarea > div > .getprice > img{	width: 18px;	height: 22px;	margin-top: -3px;}.product > .productmsgs > div > .rightarea > .msgcontent > .simple > .rightarea > div > .getprice > .phonenumber{	position: absolute;	width: 0px;	height: 0px;	bottom: 0px;	left: 50%;	transform:translateX(-50%); 	-webkit-transform:translateX(-50%); 	-moz-transform:translateX(-50%); 	-ms-transform:translateX(-50%); 	-o-transform:translateX(-50%); 	transition-property: width,height,bottom,line-height,opacity;	-webkit-transition-property: width,height,bottom,line-height,opacity;	-moz-transition-property: width,height,bottom,line-height,opacity;	-ms-transition-property: width,height,bottom,line-height,opacity;	-o-transition-property: width,height,bottom,line-height,opacity;	transition-duration: .15s;	-webkit-transition-duration: .15s;	-moz-transition-duration: .15s;	-ms-transition-duration: .15s;	-o-transition-duration: .15s;	overflow: hidden;	background-color: inherit;	border: inherit;	text-align: center;	opacity: 0;}.product > .productmsgs > div > .rightarea > .msgcontent > .simple > .rightarea > div > .getprice:hover > .phonenumber{	width: 100%;	height: 70px;	bottom: -80px;	padding: 10px 0;	line-height: 25px;	opacity: 1;}.product > .productmsgs > div > .rightarea > .msgcontent > .detailed img{	max-width: 100%;}/*article*/.article{}.article > .articlemsgs{}.article > .articlemsgs > div > .leftarea{	width: 20%;	padding-right: 20px;}.article > .articlemsgs > div > .rightarea{	width: 80%;	padding-left: 20px;}.article > .articlemsgs > div > .rightarea > .msgcontent{	padding-top: 10px;	margin-bottom: 100px;}.article > .articlemsgs > div > .rightarea > .msgcontent > .title{	padding-bottom: 20px;		border-bottom: 1px dashed #ccc;	margin-bottom: 20px;	text-align: center;}.article > .articlemsgs > div > .rightarea > .msgcontent > .title > p:first-child{	font-size: 22px;	font-weight: bold;	letter-spacing: 2px;	margin-bottom: 18px;}.article > .articlemsgs > div > .rightarea > .msgcontent > .title > p:last-child{	font-size: 18px;	letter-spacing: 2px;	color: #666;}.article > .articlemsgs > div > .rightarea > .msgcontent > .body img{	max-width: 100%;}