/* 2020/8/7 */

blockquote,body,button,caption,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,menu,ol,p,pre,table,td,textarea,th,ul {

	margin: 0;

	padding: 0

}



address,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {

	display: block

}



table {

	border-collapse: collapse;

	border-spacing: 0

}



caption,th {

	text-align: left;

	font-weight: 400

}



abbr,body,fieldset,html,iframe,img {

	border: 0

}



address,cite,dfn,em,var {

	font-style: normal

}



i {

	font-style: italic

}[hidefocus],summary {

	outline: 0

}



li {

	list-style: none

}



h1,h2,h3,h4,h5,h6 {

	font-size: 100%

}



sub,sup {

	font-size: 83%

}



code,kbd,pre,samp {

	font-family: inherit

}



q:after,q:before {

	content: none

}



textarea {

	overflow: auto;

	resize: none

}



label,summary {

	cursor: default

}



a,button {

	cursor: pointer;

	border: 0

}



button,img,input,select {

	vertical-align: middle;

	outline: 0

}



table {

	font-size: 12px

}



b,em,h1,h2,h3,h4,h5,h6,strong {

	font-weight: 700

}



a,a:hover,ins,s,u {

	text-decoration: none

}



body,html {

	font: 12px/22px "Microsoft YaHei",\5b8b\4f53,arial;

	outline: 0;

	color: #666;

	background: #fff

}



image {

	border: 0

}



a {

	color: #666

}



a:hover {

	color: #094

}



.w {

	width: 1228px;

	margin: 0 auto;

	overflow: hidden;

	zoom: 1;

	position: relative

}



.w2 {

	width: 1228px;

	margin: 0 auto;

	overflow: hidden;

	zoom: 1

}



.w3 {

	width: 1228px;

	margin: 0 auto;

	overflow: hidden;

	zoom: 1

}



.ww3 {

	position: relative

}



.w4 {

	width: 1275px;

	margin: 0 auto

}



.w8 {

	width: 1245px;

	padding: 0 15px;

	margin: 0 auto

}



.ww {

	width: 100%

}



.wwe {

	width: 1364px

}



.ww .chakangoumai img {

	width: 100%;

	margin-top: 13px

}



.cont_left,.fl,.left {

	float: left

}



.cont_right,.fr,.right {

	float: right

}



.tc {

	text-align: center

}



.tr {

	text-align: right

}



.bk {

	display: block

}



.oz {

	overflow: hidden;

	zoom: 1

}



.b {

	font-weight: 700

}



.cf {

	color: #fff

}



.c0 {

	color: #000

}



.cr {

	color: red

}



.cg {

	color: #094

}



.c3 {

	color: #333

}



.c2 {

	color: #222

}



.c5 {

	color: #555

}



.c6 {

	color: #666

}



.c7 {

	color: #777

}



.c8 {

	color: #888

}



.c9 {

	color: #999

}



.co {

	color: #b2772c

}



.border {

	border: 1px solid #d0cba4

}



.bs {

	border: 1px solid #ddd;

	box-shadow: 1px 1px 2px 1px rgba(100,100,100,.1);

	background: #fff;

	margin-top: 8px

}



.bf {

	background-color: #fff

}



.c9 {

	color: #999

}



.f12 {

	font-size: 12px

}



.f13 {

	font-size: 13px

}



.f14 {

	font-size: 14px

}



.f16 {

	font-size: 16px

}



.f18 {

	font-size: 18px

}



.f20 {

	font-size: 20px

}



.cb {

	color: #0c83d3

}



.simsun {

	font-family: simsun,serif

}



.yh {

	font-family: "Microsoft YaHei",serif

}



.clear {

	clear: both

}



.pr {

	position: relative

}



.pa {

	position: absolute

}



.n {

	font-weight: 100

}



.hide {

	display: none

}



.filter {

	background: rgba(141,101,31,.6)

}



.cz {

	color: #7d7a69

}



.pc-show {

	display: block

}



.phone-show {

	display: none

}



.main-content {

	width: 1228px;

	margin: 0 auto

}



.input_d_list li {

	color: #a9a9a9;

	text-decoration: none;

	display: block;

	padding: 0 15px;

	font-size: 12px

}



.input_d_list li:hover {

	background: #f7f6f6

}



.input_box {

	position: absolute;

	height: 100%;

	right: 325px;

	top: 0

}



.input_box input {

	border: 0;

	height: 28px;

	width: 160px;

	padding: 0 15px;

	position: absolute;

	top: 50%;

	margin-top: -14px;

	left: 0

}



.input_box input:focus {

	outline: 0

}



.input_content {

	position: relative;

	width: 238px;

	height: 100%;

	right: 10px

}



.text_content {

	color: #fff

}



.input_s_btn {

	z-index: 10;

	line-height: 28px;

	text-align: center;

	color: #fff;

	position: absolute;

	width: 48px;

	height: 28px;

	background: #ccc;

	right: -1px;

	top: 50%;

	margin-top: -14px;

	cursor: pointer;

	font-size: 14px

}



.input_r_btn {

	cursor: pointer;

	width: 20px;

	height: 20px;

	position: absolute;

	top: 50%;

	margin-top: -10px;

	right: 20px

}



.input_r_btn img {

	vertical-align: top;
	display: none;

}



.input_s_btn span {

	display: block;

	background: #fff;

	height: 100%

}



.input_s_btn span img {

	position: absolute;

	left: 14px;

	top: 4px

}



.input_d_list {

	width: 190px;

	position: absolute;

	top: 28px;

	left: -192px;

	border: 1px solid #333;

	border-top: 0;

	background: #fff;

	font-size: 14px;

	color: #333;

	text-align: left

}



.input_content {

	display: none

}



#header2 {

	background: #313131;

	position: fixed;

	left: 0;

	top: 0;

	width: 100%;

	z-index: 4

}



#header2 a {

	color: #fff

}



#header2 li {

	float: left;

	position: relative

}



#header2 li a {

	padding: 21px 26px;

	display: inline-block;

	font-size: 14px;

	line-height: 14px

}



#header2 li:hover a {

	background: #fff;

	color: #333

}



#header2 li.on {

	background: #fff

}



#header2 li.on a {

	color: #333

}



#header2 li:first-child {

	margin: 15px 26px 0 0;

	background: 0 0

}



#header2 li:first-child:hover a {

	background: 0 0

}



#header2 li:first-child a {

	padding: 0

}



#header2 li:last-child {

	margin: 15px 0 0 25px;

	color: #fff;

	background: 0 0

}



#header2 li span {

	font-size: 16px;

	margin: 3px 0 0 6px;

	float: left;

	font-weight: 700

}



#header2 li:last-child img {

	float: left

}



.header2 {

	top: -54px

}



#header2 li .header-chengnuo {

	margin-left: 23px;

	margin-top: -2px

}



.product-erjimenu {

	position: fixed;

	top: 56px;

	background: rgba(49,49,49,.9);

	width: 100%;

	z-index: 4;

	box-shadow: 0 1px 10px #a0a0a0

}



.design-erjimenu {

	top: 50px

}



.product-erjimenu ul {

	width: 1380px;

	text-align: left

}



.dingzhi-erjimenu ul {

	text-align: left

}



.product-erjimenu li {

	float: left

}



.product-erjimenu li:hover>a {

	background: url(../images/20171122-caidan01.jpg) no-repeat center 50px

}



.product-erjimenu li a {

	padding: 20px 0;

	display: inline-block;

	font-size: 14px;

	color: #d2d2d2;

	margin-right: 40px

}



.product-erjimenu li:last-child>a {

	margin-right: 0

}



.product-erjimenu li a img {

	margin-left: 3px;

	transition: all .3s ease-out

}



.product-erjimenu li:hover a img {

	transform: rotate(180deg);

	-webkit-transform: rotate(180deg)

}



.product-erjimenu .down-menu a {

	color: #fff;

	font-size: 14px

}



.product-erjimenu .down-menu a:hover {

	color: #fff

}



.product-erjimenu .down-menu {

	position: absolute;

	width: 100%;

	left: 0;

	top: 60px;

	text-align: center;

	display: none;

	background: rgba(49,49,49,.9);

	border-top: 1px solid #666

}



.product-erjimenu li.on .down-menu {

	display: block

}



.product-erjimenu .down-menu a {

	color: #d2d2d2;

	padding: 14px 0

}



.product-erjimenu li.on .down-menu {

	display: block

}



.about-erjimenu ul {

	text-align: center

}



.about-erjimenu li {

	float: none;

	display: inline-block

}



.about-erjimenu li.on a {

	background: url(../images/20171122-caidan01.jpg) no-repeat center 50px

}



.about-erjimenu li.ons a {

	background: url(../images/20171122-caidan01.jpg) no-repeat center 1px

}



.product-erjimenu li>a.active {

	background: url(../images/20171122-caidan01.jpg) no-repeat center 50px

}



.product-erjimenu li>a.active img {

	transform: rotate(180deg);

	-webkit-transform: rotate(180deg);

	-moz-transform: rotate(180deg)

}



.product-erjimenu .sanji-menu a.on {

	background: url(../images/20171122-caidan01.jpg) no-repeat center 40px

}



.product-erjimenu li:last-child a {

	padding-right: 0

}



.about-erjimenu li:last-child a {

	padding-right: 16px

}



.index-hangye-h3 {

	text-align: center

}



.indexMenuNav {

	float: left;

	width: 120px;

	z-index: 999;

	min-height: 66px

}



.indexMenuNav #menuName {

	height: 40px;

	width: 130px

}



.indexMenuNav #menuName h2 {

	line-height: 40px;

	background-position: -70px 13px

}



.indexMenuNav #menuName h2 a {

	font-weight: 700;

	font-size: 14px

}



.item-list .subitem {

	padding: 18px 10px 0 10px

}



.item-list .subitem dl {

	overflow: hidden;

	zoom: 1

}



.item-list .subitem dl dt {

	line-height: 30px;

	margin-bottom: 6px

}



.item-list .subitem dl dt a {

	color: #094;

	border-left: 6px solid #094;

	padding-left: 5px;

	line-height: 20px

}



.item-list .subitem dl dd {

	line-height: 30px;

	padding-left: 20px;

	font-weight: 100

}



.index-product {

	margin-top: 64px

}



.index-fangan {

	margin: 64px auto 100px

}



.index-fangan ul li {

	text-align: center;

	width: 48.5%;

	overflow: hidden;

	float: left;

	margin-right: 2%;

	background: #fff;

	border: 1px solid #ccc;

	transition: all .4s ease-out;

	-webkit-transition: all .4s ease-out;

	-moz-transition: all .4s ease-out

}



.index-fangan ul li:nth-child(2n) {

	margin-right: 0

}



.index-fangan ul li img {

	transition: all .4s ease-out;

	-webkit-transition: all .4s ease-out;

	-moz-transition: all .4s ease-out

}



.index-fangan ul li:hover img {

	-webkit-transform: scale(1.05);

	-moz-transform: scale(1.05);

	-o-transform: scale(1.05);

	-ms-transform: scale(1.05);

	transform: scale(1.05)

}



.index-fangan ul li:hover {

	box-shadow: 2px 2px 4px #dedede

}



.index-fangan ul li span {

	display: block;

	text-align: center;

	overflow: hidden;

	width: 110px;

	line-height: 40px;

	padding: 0;

	font-size: 18px;

	background: #fff;

	color: #333;

	height: 40px;

	position: absolute;

	top: -20px;

	box-shadow: 2px 3px 10px #aaa;

	left: 50%;

	margin-left: -55px

}



.index-fangan ul li p {

	text-align: left;

	font-size: 13px;

	margin-top: 20px

}



.index-fangan li .img {

	width: 100%;

	height: auto

}



.index-fangan li .text {

	width: 90%;

	padding: 3% 5%;

	position: relative

}



.index-fangan ul li img {

	width: 100%;

	height: auto

}



.index-fangan ul li a:hover {

	text-decoration: none!important

}



.index-anli .dingzhi-anli-list .list-li2 {

	background: #fff;

	position: relative;

	margin: 0 31px 0 0;

	height: 420px;

	border: 1px solid #dedede;

	box-shadow: none

}



.index-anli .dingzhi-anli-list .list-li2:hover {

	height: 400px

}



.index-anli .list-li2:last-child {

	margin-right: 0

}



.index-anli .list-li2 .index-proj-logo {

	width: 92px;

	position: absolute;

	top: 30%;

	left: 50%;

	margin-left: -46px;

	transition: all .4s ease-out;

	-webkit-transition: all .4s ease-out;

	-moz-transition: all .4s ease-out

}



.index-anli .list-li2:hover .index-proj-logo {

	top: 29%

}



.index-anli .list-li2 .boxx {

	margin-top: 45px;

	transition: all .4s ease-out;

	-webkit-transition: all .4s ease-out;

	-moz-transition: all .4s ease-out

}



.index-anli .list-li2:hover .boxx {

	margin-top: 35px;

	border: none

}



.index-friend img {

	width: 99.8%;

	height: auto;

	border: 1px solid #eee;

	transition: all .4s ease-out;

	-webkit-transition: all .4s ease-out;

	-moz-transition: all .4s ease-out

}



.index-peitao-level2 {

	width: 22%;

	margin: 0 auto;

	text-align: center;

	border-top: 1px solid #ccc;

	margin-top: -5px;

}



.index-peitao-level2 li {

	margin: 5px 0;

	display: inline-block;

}



.index-peitao-level2 li h3 a {

	color: #999;

	font-size: 14px;

	padding: 0 12px;

}



.index-anli .dingzhi-anli-list .list-li2 img {

	height: auto

}



.index-about>img {

	height: auto

}



.slideBox {

	position: relative;

	overflow: hidden

}



.slideBox .hd {

	position: absolute;

	left: 0;

	bottom: 5px;

	z-index: 2;

	width: 100%;

	text-align: center

}



.slideBox .hd ul li {

	cursor: pointer;

	background: #fff;

	display: inline-block;

	width: 45px;

	height: 2px;

	margin: 0 7px

}



.slideBox .hd ul li.on {

	background: #333

}



.slideBox .bd {

	position: relative;

	z-index: 0;

	width: 100%;

	top: 0

}



.slideBox .bd li {

	zoom: 1;

	vertical-align: middle

}



.slideBox .bd li img {

	width: 100%;

	height: auto;

	display: block

}



.slideBox .bd>a {

	position: absolute;

	display: block;

	bottom: 7%;

	left: 50%;

	margin-left: -17.5%

}



.h2_com {

	font-size: 24px

}



.h2_com em {

	display: inline-block;

	height: 30px;

	padding: 0;

	line-height: 30px;

	font-weight: 700;

	background: url(../images/title-line-1027.jpg) no-repeat center bottom;

	color: #444;

	padding-bottom: 6px

}



.h2_com p {

	text-align: center;

	font-size: 14px;

	color: #666;

	font-weight: 400;

	padding-top: 5px

}



.index-chejian {

	margin-top: 100px

}



.index-about {

	width: 1228px;

	margin: 45px auto 10px;

	padding: 0;

	overflow: hidden;

	zoom: 1;

	border: 1px solid #dedede

}



.index-about:hover {

	border: 1px solid #e8e8e8;

	background: #fff;

	-webkit-box-shadow: 0 0 15px #dedede;

	-moz-box-shadow: 0 0 15px #dedede;

	box-shadow: 0 0 15px #dedede

}



.index-about .text {

	width: 46.4%;

	float: right;

	padding: 28px 30px

}



.index-about .text h2 {

	font-size: 22px;

	color: #333;

	font-weight: 400

}



.index-about .text hr {

	width: 40px;

	background: #000;

	height: 1px;

	margin: 15px 0 10px 0

}



.index-about .text p {

	font-size: 14px;

	line-height: 28px;

	text-align: justify

}



.index-about .text a {

	display: inline-block;

	padding: 4px 10px;

	border: 1px solid #666;

	margin-top: 19px;

	font-size: 16px

}



.index-about .text a:hover {

	background: #313131;

	color: #f6f6f6;

	border: 1px solid #313131

}



.slideTxtBox ul {

	text-align: center

}



.slideTxtBox ul.m-l {

	margin-left: 0

}



.slideTxtBox ul li {

	width: 288px;

	margin: 0 22px 20px 0;

	line-height: 26px;

	display: inline-block

}



.jingdian ul li .img {

	height: 342px

}



.slideTxtBox ul li:last-child {

	margin-right: 0

}



.slideTxtBox ul li:nth-child(4n) {

	margin-right: 0

}



.slideTxtBox ul li a {

	color: #333

}



.slideTxtBox ul li span {

	display: block;

	text-align: left

}



.slideTxtBox ul li .span1 {

	font-size: 15px;

	color: #313131;

	font-weight: 700;

	line-height: 15px;

	margin: 25px 0 2px

}



.slideTxtBox ul li .span2 {

	font-size: 12px;

	color: #999

}



.slideTxtBox ul li.on {

	font-size: 18px;

	border-bottom: 4px solid #333

}



.slideTxtBox ul li.on a {

	color: #094

}



.slideTxtBox ul li img {

	width: 100%;

	height: auto

}



.slideTxtBox ul li .titl {

	display: block;

	line-height: 40px;

	height: 40px;

	overflow: hidden;

	text-overflow: ellipsis;

	margin: 0 auto;

	white-space: nowrap;

	padding: 0 20px;

	background: #f5f5f5

}



.slideTxtBox ul li .img {

	border: 1px solid #eee;

	width: 100%;

	display: block;

	overflow: hidden

}



.slideTxtBox ul li .title {

	margin: 18px auto 0;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	padding: 0 20px;

	display: block;

	line-height: 12px;

	text-align: center;

	height: 15px

}



.slideTxtBox ul li img {

	width: 100%;

	transition: all 1s;

	-moz-transition: all 1s;

	-webkit-transition: all 1s

}



.slideTxtBox ul li:hover img {

	-webkit-transform: scale(1.05);

	-moz-transform: scale(1.05);

	-o-transform: scale(1.05);

	-ms-transform: scale(1.05);

	transform: scale(1.05)

}



.slideTxtBox ul li:hover a {

	color: #094

}



.jingdian {

	margin: 30px auto 60px

}



.jingdian ul li {

	width: 588px;

	margin: 0 45px 0 0

}



.slideTxtBox ul li:nth-of-type(5),.slideTxtBox ul li:nth-of-type(6),.slideTxtBox ul li:nth-of-type(7),.slideTxtBox ul li:nth-of-type(8) {

	margin-bottom: 0!important

}



.import_news,.jiangtangBody {

	padding-top: 30px

}



.index-line {

	background: #f5f5f5;

	width: 1228px;

	height: 10px;

	margin: 0 auto

}



.zhengti {

	margin: 0 auto 64px

}



.import_news .fl {

	width: 604px

}



.import_news .fl div {

	padding: 0 47px;

	background: #f1f1f1;

	height: 134px

}



.import_news .fl div h3 {

	line-height: 62px;

	font-size: 24px

}



.import_news .fl div h3 a:hover {

	text-decoration: underline

}



.import_news .fl div p {

	line-height: 21px

}



.import_news .fr {

	width: 604px

}



.slideTxtBox_3 .hd {

	position: relative;

	height: 40px

}



.slideTxtBox_3 .hd li {

	line-height: 39px;

	margin-right: 6px;

	float: left;

	width: 120px;

	background: #f1f1f1

}



.slideTxtBox_3 .hd li a {

	color: #000

}



.slideTxtBox_3 .hd ul li.on {

	background: #313131

}



.slideTxtBox_3 .hd ul li.on a {

	color: #fff

}



.slideTxtBox_3 .bd {

	overflow: hidden;

	width: 604px

}



.import_news .ptfa {

	overflow: hidden

}



.import_news .ptfa li {

	width: 47%;

	float: left;

	background: #f1f1f1;

	margin: 0 2% 2% 0;

	padding: 1%

}



.import_news .ptfa .spee {

	margin-bottom: 0

}



.import_news .ptfa li:nth-child(even) {

	margin-right: 0

}



.import_news .ptfa .cc3 {

	width: 32%;

	overflow: hidden;

	margin-right: 2%;

	float: left

}



.import_news .ptfa .cc3 img {

	width: 100%

}



.import_news .ptfa .c3 {

	font-size: 16px;

	color: #333

}



.import_news .ptfa li:hover .c3 {

	color: #094

}



.import_news .ptfa li .right {

	width: 64%;

	background: #f1f1f1;

	margin-bottom: 2%

}



.import_news .right .f14 {

	margin-bottom: 5px

}



.import_news .right .c6 {

	color: #999

}



.import_news .fl {

	background: #fff

}



.index-peitao-list li {

	width: 47%;

	float: left;

	background: #fff;

	margin: 8px 0 4px 0;

	padding-left: 3%

}



.index-peitao-list li .img {

	background: #fff;

	width: 68px;

	height: 68px;

	padding: 0 17px 0 0;

	float: left

}



.index-peitao-list li .text {

	background: #fff;

	padding: 0;

	height: auto;

	min-height: 73px;

	float: left;

	width: 94%;

	border-bottom: 1px dotted #ccc;

	padding-bottom: 4px

}



.index-peitao-list li .title {

	font-size: 14px;

	color: #333;

	height: 25px;

	overflow: hidden;

	font-weight: 700

}



.index-friend {

	margin-top: 45px

}



.index-peisong {

	text-align: center;

	margin: 95px auto

}



.index-peisong .img {

	margin-top: 45px

}



.index-peisong .h2_com_2 {

	margin-top: 0

}



.index-peisong .imgli {

	margin-right: 50px;

	display: inline-block;

	position: relative

}



.index-peisong .imgli:nth-of-type(3) {

	margin-right: 0

}



.index-peisong .imgli:nth-of-type(3) {

	margin-right: 0

}



.index-peisong .p1,.index-peisong .p2 {

	position: absolute

}



.index-peisong .p1 {

	font-size: 18px;

	color: #1b1b1b;

	top: 22px;

	left: 0;

	right: 0;

	margin: auto

}



.index-peisong .p2 {

	font-size: 14px;

	color: #333;

	top: 52px;

	left: 0;

	right: 0;

	margin: auto

}



.com_div {

	padding: 21px 16px 21px 0;

	height: 68px;

	border-bottom: 1px dashed #eaeaea

}



.com_div img {

	width: 68px;

	height: 68px

}



.two_pic {

	padding: 30px 0

}



.youlian {

	margin-bottom: 60px;

}



.youlian span {

	display: inline-block;

	padding: 10px;

	cursor: default;

}



.yl_display {

	display: none;

}



.yl_color {

	background: #9a9da2;

	color: #fff

}



.youlian div {

	padding: 20px 42px;

	float: left

}



.youlian div a {

	width: 127px;

	line-height: 26px;

	float: left;

	font-size: 12px

}



.samerecommend {

	margin: 20px auto 50px

}



.samerecommend .tuijianlist {

	width: 102%;

	overflow: hidden;

	zoom: 1

}



.samerecommend .tuijianlist li {

	width: 190px;

	height: 156px;

	float: left;

	margin: 20px 17px 0 0;

	height: auto

}



.samerecommend .tuijianlist p {

	width: 90%;

	text-align: center;

	color: #333;

	overflow: hidden;

	text-overflow: ellipsis;

	margin: 10px auto;

	white-space: nowrap

}



.samerecommend .tuijianlist li img {

	width: 190px;

	height: 132px

}



#fenlei {

	background: #f1f1f1;

	width: 1228px;

	margin: auto;

	height: 40px;

	line-height: 40px;

	clear: both

}



#fenlei b {

	color: #ff5400;

	margin-left: 10px

}



#zifenlei {

	width: 1298px;

	margin: auto;

	line-height: 35px;

	overflow: hidden;

	zoom: 1

}



#zifenlei li {

	float: left;

	line-height: 35px;

	margin-left: 50px;

	margin-right: 50px

}



.pro_main {

	width: 1228px;

	margin: 30px auto 0;

	overflow: hidden;

	zoom: 1

}



.pro_main ul {

	overflow: hidden;

	zoom: 1;

	width: 105%

}



.pro_main ul li.list-li {

	float: left;

	width: 290px;

	margin: 0 22px 15px 0;

	text-align: center;

	font-weight: 400;

	height: 300px;

}



.pro_main ul li.list-li span {

	font-size: 12px;

	color: #333;

	text-align: center;

	display: block;

	margin: 15px 0

}



.pro_main ul li.list-li img {

	width: 100%;

	height: 100%;

	transition: all 1s;

	-moz-transition: all 1s;

	-webkit-transition: all 1s

}



.pro_main ul li.list-li:hover img {

	-webkit-transform: scale(1.05);

	-moz-transform: scale(1.05);

	-o-transform: scale(1.05);

	-ms-transform: scale(1.05);

	transform: scale(1.05)

}



.pro_main ul li.list-li .img {

	width: 100%;

	height: 193px;

	overflow: hidden;

	display: block;

	border: 1px solid #eee

}



.huodong-list ul li.list-li .img {

	height: 144px

}



.pro_main ul li.list-li p {

	background: #f5f5f5;

	line-height: 40px;

	height: 40px;

	overflow: hidden;

	text-overflow: ellipsis;

	margin: 0 auto;

	white-space: nowrap;

	padding: 0 20px

}



.dede_pages .pagelist {

	padding: 20px 0;

	text-align: center;

	width: 1228px

}



.dede_pages .pagelist li {

	display: inline-block;

	margin-right: 5px;

	border: 1px solid #e2e2e2;

	background: #f6f6f6;

	padding: 7px

}



.dede_pages .pagelist li.thisclass {

	background: #333;

	color: #fff

}



.phone-show-icon {

	display: none

}



.news-main-pro {

	width: 1228px;

	margin: auto

}



.w_fl {

	width: 842px;

	float: left;

	border-right: 2px solid #f0f0f0;

	padding: 0 45px 0 60px;

	margin: 30px 0 50px

}



.slideBox_news_1 {

	width: 920px;

	height: 250px;

	overflow: hidden;

	position: relative;

	margin-top: 10px

}



.slideBox_news_1 .hd {

	height: 15px;

	overflow: hidden;

	position: absolute;

	right: 5px;

	bottom: 5px;

	z-index: 1

}



.slideBox_news_1 .hd ul {

	overflow: hidden;

	zoom: 1;

	padding: 0;

	margin: 0

}



.slideBox_news_1 .hd ul li {

	float: left;

	margin-right: 2px;

	width: 15px;

	height: 15px;

	line-height: 14px;

	text-align: center;

	background: #fff;

	cursor: pointer;

	list-style: none

}



.slideBox_news_1 .hd ul li.on {

	background: red;

	color: #fff

}



.slideBox_news_1 .bd {

	position: relative;

	height: 100%;

	z-index: 0;

	display: block;

	width: 100%

}



.slideBox_news_1 .bd ul {

	padding: 0;

	margin: 0

}



.slideBox_news_1 .bd li {

	list-style: none

}



.slideBox_news_1 .bd img {

	width: 945px;

	height: 250px;

	display: block

}



.news-erji-menu {

	width: 100%;

	height: 64px;

	background: #fff

}



.news-erji-menu li {

	width: 136px;

	float: left;

	height: 64px;

	line-height: 64px;

	text-align: center

}



.news-erji-menu li a {

	font-size: 16px!important;

	color: #999

}



.news-erji-menu li:hover a {

	color: #094

}



.news-erji-menu li.on a {

	color: #094

}



.rm2 {

	clear: both

}



.rm2 p#hot-labels-three {

	margin: 10px 0;

	font-size: 16px;

	font-weight: 700

}



.rm2 p a {

	font-size: 12px;

	color: gray

}



.rm2 p.rm2biaoti {

	margin-bottom: 10px

}



.slideBox_news_2 {

	width: 275px;

	height: 260px;

	overflow: hidden;

	position: relative;

	margin-top: 10px

}



.slideBox_news_2 .hd {

	height: 15px;

	overflow: hidden;

	position: absolute;

	left: 120px;

	bottom: 5px;

	z-index: 1

}



.slideBox_news_2 .hd ul {

	overflow: hidden;

	zoom: 1;

	padding: 0;

	margin: 0

}



.slideBox_news_2 .hd ul li {

	float: left;

	margin-right: 2px;

	width: 15px;

	height: 15px;

	line-height: 14px;

	text-align: center;

	background: #fff;

	cursor: pointer;

	list-style: none

}



.slideBox_news_2 .hd ul li.on {

	background: #0a7c1d;

	color: #fff

}



.slideBox_news_2 .bd {

	position: relative;

	height: 100%;

	z-index: 0;

	display: block;

	width: 100%

}



.slideBox_news_2 .bd ul {

	padding: 0;

	margin: 0

}



.slideBox_news_2 .bd li {

	list-style: none;

	text-align: center

}



.slideBox_news_2 .bd img {

	width: 200px;

	height: 200px

}



.slideBox_news_2 .bd p {

	line-height: 30px;

	font-size: 14px;

	font-weight: 700

}



.slideBox_news_3 {

	width: 275px;

	height: 260px;

	overflow: hidden;

	position: relative;

	margin-top: 10px

}



.slideBox_news_3 .hd {

	height: 15px;

	overflow: hidden;

	position: absolute;

	left: 120px;

	bottom: 5px;

	z-index: 1

}



.slideBox_news_3 .hd ul {

	overflow: hidden;

	zoom: 1;

	padding: 0;

	margin: 0

}



.slideBox_news_3 .hd ul li {

	float: left;

	margin-right: 2px;

	width: 15px;

	height: 15px;

	line-height: 14px;

	text-align: center;

	background: #fff;

	cursor: pointer;

	list-style: none

}



.slideBox_news_3 .hd ul li.on {

	background: #0a7c1d;

	color: #fff

}



.slideBox_news_3 .bd {

	position: relative;

	height: 100%;

	z-index: 0;

	display: block;

	width: 100%

}



.slideBox_news_3 .bd ul {

	padding: 0;

	margin: 0

}



.slideBox_news_3 .bd li {

	list-style: none;

	text-align: center

}



.slideBox_news_3 .bd img {

	width: 200px;

	height: 200px

}



.slideBox_news_3 .bd p {

	line-height: 30px;

	font-size: 14px;

	font-weight: 700

}



.wrap {

	margin: 10px 0 0 0;

	position: relative;

	background-color: transparent

}



.swiper-container {

	position: relative;

	overflow: hidden;

	-webkit-backface-visibility: hidden;

	-moz-backface-visibility: hidden;

	-ms-backface-visibility: hidden;

	-o-backface-visibility: hidden;

	backface-visibility: hidden;

	z-index: 1

}



.swiper-container .content-slide div {

	margin: 10px 0 43px;

	padding: 0 20px

}



.swiper-container .content-slide div img {

	height: 98px;

	width: 142px;

	float: left

}



.swiper-container .content-slide div p {

	margin-top: 10px;

	margin-left: 165px;

	height: 75px;

	color: gray

}



.pagelist-2 {

	padding: 20px 0;

	text-align: center

}



.pagelist-2 li {

	display: inline-block;

	margin-right: 5px;

	border: 1px solid #e2e2e2;

	background: #f6f6f6;

	padding: 7px

}



.pagelist-2 li.thisclass {

	color: red;

	border: 0;

	background: 0

}



.news-list-right {

	width: 200px;

	float: right;

	margin: 30px 38px 0 38px;

	border: 1px solid #ececec

}



.news-list-right h3 {

	line-height: 44px;

	margin: 0;

	width: 200px;

	background: #f7f7f7;

	font-size: 15px;

	font-weight: 700;

	color: #666;

	text-align: left;

	text-indent: 15px;

	border-bottom: 1px solid #ececec

}



.news-list-right ul {

	width: 200px;

	margin: 0 auto;

	overflow: hidden;

	zoom: 1

}



.news-list-right li p {

	padding: 0 10px;

	width: 180px;

	margin: 10px auto;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: normal;

	font-size: 12px

}



.news-list-right li img {

	width: 180px;

	height: 122px;

	margin-top: 16px

}



#zhantingbangongshitop {

	width: 1228px;

	margin: 15px auto

}



#dzal_banner {

	width: 1228px;

	margin-top: 54px

}



#dzal_banner img {

	width: 100%

}



.zhantingbox01 p {

	color: #666;

	font-size: 14px;

	line-height: 24px

}



.zhantingbox01 .title01 {

	font-size: 18px;

	color: #666;

	padding-bottom: 8px

}



.zhantingbox01 .title02 {

	font-size: 24px;

	color: #333;

	margin: 0 0 15px 0;

	font-weight: 700

}



.zhantinglist {

	padding: 0;

	float: left;

	padding: 0;

	float: left

}



.zhantinglistone {

	background: url(../images/line20170315.png) no-repeat center 20px;

	overflow: hidden;

	zoom: 1

}



.zhantinglistspecial {

	margin-top: 45px

}



.zhantinglist li {

	width: 396px;

	height: 290px;

	margin-right: 20px;

	float: left;

	overflow: visible!important

}



.zhantinglist li:last-child {

	margin-right: 0

}



.zhantinglist a {

	display: block;

	text-align: center

}



.zhantinglist span {

	width: 200px;

	height: 36px;

	line-height: 36px;

	display: block;

	margin: 0 auto;

	background: #fff;

	z-index: 1000;

	border-radius: 25px;

	border: 1px solid #333;

	font-size: 16px

}



.zhantinglist a img {

	margin-top: 15px

}



.zhantinglist a:hover span {

	color: #fff;

	background-color: #333

}



.zhantinglist a:hover img {

	box-shadow: 0 5px 15px 5px #b3bbc3;

	transform: translate(0,-2px);

	-moz-transform: translate(0,-2px);

	-webkit-transform: translate(0,-2px);

	transition: all .3s;

	-moz-transition: all .3s;

	-webkit-transition: all .3s

}



.zhantingbox-huisebg {

	width: 100%;

	height: 200px;

	background-color: #f5f5f5;

	margin: 35px 0

}



.commencontentab {

	width: 850px;

	margin: 0 auto;

	overflow: hidden

}



.commencontentab p {

	text-align: left;

	width: 350px;

	margin: 0 auto

}



.commencontent {

	width: 1228px;

	margin: 0 auto;

	margin-top: 45px;

	overflow: hidden

}



.commencontent .left {

	width: 825px;

	float: left

}



.commencontent .left li {

	width: 400px;

	float: left;

	margin-right: 20px

}



.commencontent .left li:hover img {

	box-shadow: 0 0 15px #666;

	-moz-box-shadow: 0 0 15px #666;

	-webkit-box-shadow: 0 0 15px #666;

	-o-box-shadow: 0 0 15px #666;

	transition: all .4s ease-out;

	-moz-transition: all .4s ease-out;

	-webkit-transition: all .4s ease-out;

	-o-transition: all .4s ease-out

}



.commencontent .left li:last-child {

	margin-right: 0

}



.commencontent .left p {

	text-align: center;

	color: #333;

	padding: 10px 0;

	font-size: 14px

}



.commencontent .left li:hover p {

	color: #094

}



.commencontent .left .leftone:hover {

	box-shadow: 0 0 15px #666;

	-moz-box-shadow: 0 0 15px #666;

	-webkit-box-shadow: 0 0 15px #666;

	-o-box-shadow: 0 0 15px #666;

	transition: all .4s ease-out;

	-moz-transition: all .4s ease-out;

	-webkit-transition: all .4s ease-out;

	-o-transition: all .4s ease-out

}



.commencontent .left .lefttwo:hover {

	color: #094

}



.commencontent .right {

	width: 390px

}



.commencontent .right img {

	padding: 55px 115px

}



.commencontent .right p {

	padding-left: 40px;

	text-indent: 2em;

	font-size: 14px

}



.commencontent .right .title {

	font-size: 16px;

	text-indent: 0;

	padding: 0;

	font-weight: 700;

	color: #333;

	margin: 20px 0;

	text-align: center

}



.commencontent .top {

	margin-bottom: 20px;

	width: 100%;

	height: 340px;

	overflow: hidden

}



.commencontent .top li {

	width: 604px;

	height: 340px;

	float: left;

	margin-right: 20px

}



.commencontent .top li:last-child {

	margin-right: 0

}



.commencontent .bottom {

	width: 100%;

	height: 225px

}



.commencontent .bottom li {

	width: 395px;

	height: 225px;

	overflow: hidden;

	float: left;

	position: relative;

	margin-right: 20px;

	transition: all .4s ease-out;

	-moz-transition: all .4s ease-out;

	-webkit-transition: all .4s ease-out;

	-o-transition: all .4s ease-out

}



.commencontent .bottom li:last-child {

	margin-right: 0

}



.commencontent .bottom li a {

	position: absolute;

	width: 100%;

	height: 100%;

	display: block;

	top: 0;

	left: 0;

	z-index: 1;

	color: #fff;

	text-align: center;

	transition: all .4s ease-out;

	-moz-transition: all .4s ease-out;

	-webkit-transition: all .4s ease-out;

	-o-transition: all .4s ease-out

}



.commencontent .bottom li:hover a {

	background: rgba(0,0,0,.4)

}



.commencontent .bottom li a p {

	padding: 90px 0;

	font-size: 14px;

	opacity: 0

}



.commencontent .bottom li:hover a p {

	opacity: 1

}



.commencontent .more {

	margin: 30px 0 10px 0

}



.commencontent .more a {

	width: 155px;

	height: 40px;

	line-height: 40px;

	font-size: 14px;

	text-align: center;

	display: block;

	border: 1px solid #333;

	border-radius: 25px;

	margin: 0 auto;

	transition: all .4s ease-out;

	-moz-transition: all .4s ease-out;

	-webkit-transition: all .4s ease-out;

	-o-transition: all .4s ease-out

}



.commencontent .more a:hover {

	background: #333;

	color: #fff

}



.commencontent .moree a {

	width: 220px!important;

	height: 45px;

	line-height: 45px

}



.zhantinginner01 {

	width: 1228px;

	margin: auto;

	padding-top: 20px

}



.zhantinglist_bangongshi {

	margin-bottom: 40px

}



.zhantinglist_bangongshi02 {

	margin-bottom: 17px

}



.bangongshi-list2 {

	margin-top: 20px

}



.bangongshi-list {

	width: 100%;

	height: 130px;

	overflow: hidden;

	zoom: 1

}



.bangongshi-list-01 li {

	width: 189px;

	height: 130px;

	overflow: hidden;

	position: relative;

	float: left;

	margin-right: 18px

}



.bangongshi-list-01 li:last-child {

	margin-right: 0

}



.bangongshi-list-01 li .lianjie {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,.4);

	font-size: 14px;

	font-weight: 700;

	color: #fff;

	text-align: center;

	line-height: 130px;

	transition: all .2s ease-in;

	-webkit-transition: all .2s ease-in;

	-moz-transition: all .2s ease-in;

	-o-transition: all .2s ease-in

}



.bangongshi-list-01 li:hover .lianjie {

	top: 100px;

	line-height: 30px;

	background: rgba(0,0,0,.6)

}



.bangongshi-list-011 {

	height: 86px

}



.bangongshi-list-011 li {

	width: 125px;

	height: 86px;

	line-height: 86px;

	overflow: hidden;

	margin: 10px 10px 0 0

}



.bangongshi-list-011 li .lianjie {

	line-height: 86px

}



.bangongshi-list-011 li.special {

	margin-right: 18px

}



.bangongshi-list-011 li:hover .lianjie {

	top: 60px;

	line-height: 28px

}



.bangongshi-list-02 {

	width: 100%;

	height: 250px;

	overflow: hidden

}



.bangongshi-list-02 li {

	width: 290px;

	margin-right: 20px;

	float: left;

	height: 250px;

	overflow: hidden

}



.bangongshi-list-02 li:first-child {

	width: 604px;

	height: 250px;

	overflow: hidden

}



.bangongshi-list-02 li:last-child {

	margin-right: 0

}



.bangongshi-list-02 li p {

	text-align: center;

	padding: 10px 0;

	font-size: 14px;

	color: #666

}



.bangongshi-list-02 li .img {

	width: 100%;

	height: 200px;

	display: inline-block;

	overflow: hidden

}



.bangongshi-list-02 li img {

	transition: all .4s ease-out;

	-webkit-transition: all .4s ease-out;

	-moz-transition: all .4s ease-out;

	-o-transition: all .4s ease-out

}



.bangongshi-list-02 li:hover p a {

	color: #094

}



.bangongshi-list-02 li:hover img {

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-o-transform: scale(1.1);

	-ms-transform: scale(1.1);

	transform: scale(1.1)

}



.bangongshi-box01 {

	width: 100%;

	height: 415px;

	margin-top: 60px

}



.bangongshi-box01 .left,.bangongshi-box01 .right {

	width: 604px;

	height: 413px

}



.bangongshi-box01 h6 {

	font-size: 18px;

	color: #333;

	padding: 35px 0 20px 45px

}



.bangongshi-box01 p {

	font-size: 14px;

	color: #666;

	padding-left: 45px

}



.bangongshi-box01 .left-box {

	width: 290px;

	height: 200px;

	display: inline-block

}



.bangongshi-box01 .left-box01 {

	width: 225px;

	height: 155px;

	background: #f39b6d;

	padding: 45px 0 0 65px;

	color: #fff;

	margin: 70px 20px 0 0;

	font-size: 14px;

	font-weight: 700;

	float: left

}



.bangongshi-box01 .left-box02 {

	margin-top: 70px

}



.bangongshi-box01 .bangongshi-left-ul li {

	width: 292px;

	height: 200px;

	float: left;

	margin-right: 20px;

	margin-bottom: 20px

}



.bangongshi-box01 .bangongshi-left-ul li.special {

	margin-right: 0

}



.bangongshi-box01 .bangongshi-left-ul li h6 {

	padding: 0 0 15px 0

}



.bangongshi-box01 .bangongshi-left-ul li p {

	padding: 0

}



.bangongshi-box01 .bangongshi-left-ul li:hover img,.bangongshi-box01 .left .img:hover img,.bangongshi-box01 .left-box:hover img,.bangongshi-box01 .right .img:hover img {

	box-shadow: 0 5px 15px 5px #b3bbc3;

	transform: translate(0,-2px);

	-moz-transform: translate(0,-2px);

	-webkit-transform: translate(0,-2px);

	transition: all .3s;

	-moz-transition: all .3s;

	-webkit-transition: all .3s

}



.honorlist {

	margin: 0;

	padding: 0;

	width: 100%;

	height: 260px

}



.honorlist li {

	width: 292px;

	float: left;

	margin-right: 20px

}



.honorlist li:hover img {

	box-shadow: 0 5px 15px 5px #b3bbc3;

	transform: translate(0,-2px);

	-moz-transform: translate(0,-2px);

	-webkit-transform: translate(0,-2px);

	transition: all .3s;

	-moz-transition: all .3s;

	-webkit-transition: all .3s

}



.honorlist li p {

	padding: 10px 0;

	text-align: center

}



.xuexiao-box01 .left .left-box02 {

	margin-right: 20px

}



.xuexiao-box01 .left .special {

	margin-right: 0

}



.xuexiao-box01 .right a {

	margin-top: 0;

	width: 290px;

	height: 200px;

	display: inline-block;

	margin-right: 20px

}



.xuexiao-box01 p {

	padding: 0 87px 0 45px

}



.xuexiao-box02 .right a {

	width: 290px;

	height: 200px;

	display: inline-block;

	margin: 0 20px 13px 0

}



.xuexiao-box02 .right .special {

	margin-right: 0

}



.zhantingbox01 {

	margin-bottom: 40px

}



.zhantingbox-huisebg .imgtop {

	margin-top: 6px

}



.canyin-list {

	zoom: 1;

	clear: both;

	overflow: hidden

}



.canyin-list li {

	margin-right: 20px;

	float: left

}



.canyin-list .canyin-list01 {

	width: 604px;

	height: 370px

}



.canyin-list .canyin-list02 {

	width: 395px;

	height: 265px

}



.canyin-list .special {

	margin-right: 0

}



.canyin-list li p {

	padding: 15px 0;

	font-size: 16px;

	color: #333;

	text-align: center

}



.canyin-list li:hover p a {

	color: #094

}



.canyin-list li:hover img {

	box-shadow: 0 5px 15px 5px #b3bbc3;

	border-radius: 2px;

	transform: translate(0,-2px);

	-moz-transform: translate(0,-2px);

	-webkit-transform: translate(0,-2px);

	transition: all .3s;

	-moz-transition: all .3s;

	-webkit-transition: all .3s

}



.canyin-list02 li p {

	font-size: 14px;

	color: #666

}



.canyin-list03 {

	width: 100%;

	height: 414px

}



.canyin-list03 .canyin-img,.canyin-list03 .canyin-imglist {

	width: 604px;

	height: 413px;

	overflow: hidden;

	float: left;

	position: relative

}



.canyin-list03 .canyin-img img {

	-webkit-transition: all .4s ease-out;

	transition: all .4s ease-out;

	-moz-transition: all .4s ease-out

}



.canyin-list03 .canyin-img:hover img {

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-o-transform: scale(1.1);

	-ms-transform: scale(1.1);

	transform: scale(1.1)

}



.canyin-img p a {

	width: 100%;

	height: 52px;

	position: absolute;

	bottom: 0;

	left: 0;

	background: rgba(0,0,0,.4);

	z-index: 1;

	text-align: center;

	line-height: 52px;

	font-size: 14px;

	color: #fff

}



.canyin-imglist {

	margin-left: 20px

}



.canyin-imglist li {

	width: 291px;

	height: 201px;

	overflow: hidden;

	position: relative;

	float: left;

	margin: 0 20px 12px 0

}



.canyin-imglist li.special {

	margin-right: 0

}



.canyin-imglist p {

	width: 100%;

	height: 40px;

	line-height: 40px;

	position: absolute;

	bottom: 0;

	left: 0;

	background: rgba(0,0,0,.4);

	z-index: 1;

	text-align: center;

	line-height: 40px

}



.canyin-imglist p a {

	font-size: 14px;

	color: #fff

}



.canyin-imglist li img {

	-webkit-transition: all .4s ease-out;

	transition: all .4s ease-out;

	-moz-transition: all .4s ease-out

}



.canyin-imglist li:hover img {

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-o-transform: scale(1.1);

	-ms-transform: scale(1.1);

	transform: scale(1.1)

}



.honorp {

	font-size: 14px;

	color: #333;

	margin: 45px 0 18px 0

}



.canyin-list2 {

	height: 495px

}



.canyin-list2 p,.canyin-list22 p {

	text-indent: 0!important

}



.canyin-list2 .left {

	width: 624px

}



.canyin-list2 .right {

	width: 575px

}



.canyin-list2 .right li {

	float: left;

	width: 275px;

	height: 219px;

	margin-bottom: 20px

}



.canyin-list2 .right p {

	padding: 0;

	margin: 12px 0 0 0

}



.canyin-list2 .right img {

	padding: 0

}



.canyin-list2 .right li:hover a {

	color: #094

}



.canyin-list2 .right .text {

	background: #f5f5f5;

	width: 238px;

	height: 134px;

	padding: 26px 19px;

	text-align: left;

	color: #333

}



.canyin-list2 .right .p1,.canyin-list22 .p1 {

	font-size: 20px;

	margin: 0;

	text-indent: 0;

	text-align: center

}



.canyin-list2 .right .p2,.canyin-list22 .p2 {

	text-align: left;

	line-height: 22px;

	text-indent: 0;

	font-size: 14px

}



.canyin-list22 li {

	float: left;

	width: 292px;

	height: 227px;

	margin: 0 18px 26px 0;

	text-align: center

}



.canyin-list22 li.special {

	margin-right: 0

}



.canyin-list22 li p {

	margin: 12px 0 0 0

}



.canyin-list22 .text {

	background: #f5f5f5;

	width: 254px;

	height: 112px;

	padding: 44px 19px;

	text-align: left;

	color: #333

}



.canyin-list22 li a {

	font-size: 14px;

	color: #333

}



.canyin-list2 .left:hover img,.canyin-list22 li:hover img {

	box-shadow: 0 5px 15px 5px #b3bbc3;

	transform: translate(0,-2px);

	-moz-transform: translate(0,-2px);

	-webkit-transform: translate(0,-2px);

	transition: all .3s;

	-moz-transition: all .3s;

	-webkit-transition: all .3s

}



.canyin-list2 .left:hover a,.canyin-list22 li:hover a {

	color: #094

}



.anlibox {

	width: 1228px;

	margin: 0 auto;

	margin-bottom: 60px

}



.anlibox01 {

	width: 605px;

	float: left;

	margin: 21px 18px 0 0

}



.anlibox01 p {

	width: 85%;

	color: #666;

	font-size: 14px;

	line-height: 24px;

	margin: 0

}



.anlibox01 img {

	margin-top: 55px

}



.anlihuise {

	padding-top: 25px

}



.anlibox02 {

	width: 120%

}



.anlibox02 li {

	float: left;

	margin-right: 18px

}



.anlibox02 li p {

	text-align: center;

	margin: 15px 0 40px 0;

	font-size: 14px

}



.anlibox02 li:hover img {

	box-shadow: 0 5px 15px 5px #b3bbc3;

	transform: translate(0,-2px);

	-moz-transform: translate(0,-2px);

	-webkit-transform: translate(0,-2px);

	transition: all .3s;

	-moz-transition: all .3s;

	-webkit-transition: all .3s

}



.dingzhi-erjimenu .w2 {

	width: 1010px

}



.dingzhi-erjimenu li a {

	padding: 23px 15px 23px 0

}



#list_jingxuan {

	padding: 10px 0;

	width: 1228px;

	margin: 0 auto

}



#list_jingxuan #title {

	font-size: 14px;

	padding-left: 10px;

	color: #333;

	line-height: 35px;

	border: 1px solid #ddd;

	background: #f3f3f3

}



#list_jingxuan ul {

	width: 120%;

	overflow: hidden;

	zoom: 1;

	padding-top: 10px

}



#list_jingxuan ul li {

	width: 190px;

	height: 180px;

	float: left;

	margin: 20px 17px 0 0;

	overflow: hidden

}



#list_jingxuan ul li .aa {

	display: block;

	text-align: center;

	margin: 10px 0

}



#list_jingxuan ul li img {

	width: 190px;

	height: 130px

}



#list_jingxuan ul li h3 {

	line-height: 40px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	font-weight: 100;

	text-align: center

}



.dingzhi-anli-list {

	width: 1228px;

	margin: 0 auto

}



.dingzhi-anli-list .list-li2 {

	text-align: center;

	transition: all 1s;

	-moz-transition: all 1s;

	-webkit-transition: all 1s;

	width: 281px;

	height: 330px;

	overflow: hidden;

	float: left;

	margin: 0 31px 40px 0;

	border: 1px solid #e8e8e8;

	-webkit-box-shadow: 0 0 15px #dedede;

	-moz-box-shadow: 0 0 15px #dedede;

	box-shadow: 0 0 15px #dedede

}



.dingzhi-anli-list .list-li2 img {

	width: 100%;

	transition: all .4s ease-out;

	-webkit-transition: all .4s ease-out;

	-moz-transition: all .4s ease-out;

	-o-transition: all .4s ease-out

}



.dingzhi-anli-list .list-li2:hover a img {

	-webkit-transform: scale(1.05);

	-moz-transform: scale(1.05);

	-o-transform: scale(1.05);

	-ms-transform: scale(1.05);

	transform: scale(1.05)

}



.dingzhi-anli-list .list-li2 span {

	display: block;

	margin: 14px 0 0 0;

	display: block;

	text-align: center;

	padding: 0 20px 12px;

	font-size: 16px;

	color: #333;

	height: 25px;

	line-height: 30px;

	overflow: hidden

}



.dingzhi-anli-list .list-li2 p {

	padding: 0 20px;

	height: 66px;

	overflow: hidden;

	text-align: left

}



.dingzhi-anli-list .list-li2 .img {

	display: block;

	overflow: hidden;

	height: 185px

}



.dingzhi-erjimenu li.on a {

	background: url(../images/20171122-caidan01.jpg) no-repeat left 50px

}



.dingzhi-anli-list .list-li2 .more {

	font-size: 14px;

	color: #333;

	border: 1px solid #666;

	display: inline-block;

	padding: 5px 12px;

	margin: 20px 0 22px;

	transition: all .4s;

	-moz-transition: all .4s;

	-webkit-transition: all .4s

}



.dingzhi-anli-list .list-li2:hover .more {

	background: #313131;

	color: #f5f5f5;

	border: 1px solid #fff

}



.project-detail-center .time {

	font-size: 18px;

	color: #333;

	padding: 10px 0;

	border-top: 1px solid #333;

	width: 80px

}



.project-detail-center .project-title {

	font-size: 26px;

	color: #333;

	line-height: 40px;

	margin-bottom: 25px

}



.project-detail-center .p1 {

	font-size: 16px;

	line-height: 28px;

	margin-bottom: 30px;

	color: #666

}



.project-detail-center p {

	font-size: 14px;

	color: #333;

	width: 100%;

	text-align: left

}



.shiyong-product {

	background: #fff;

	padding: 25px 25px 15px 25px;

	margin-top: 25px

}



.shiyong-product .title {

	color: #333;

	font-size: 20px

}



.shiyong-product22 {

	background: #f5f5f5;

	padding: 25px 25px 15px 25px;

	margin-top: 25px

}



.shiyong-product22 .tonglei {

	margin-bottom: 0

}



.shiyong-product22 .tonglei li {

	width: 257px;

	float: left;

	margin-right: 45px;

	text-align: center;

	overflow: hidden

}



.shiyong-product22 .tonglei span {

	color: #333;

	display: block;

	text-align: center

}



.shiyong-product22 .tonglei li .img {

	display: block;

	width: 228px;

	overflow: hidden

}



.shiyong-product22 .tonglei li:last-child {

	margin-right: 0

}



.shiyong-product22 .tonglei li img {

	width: 100%;

	transition: all .4s ease-out;

	-webkit-transition: all .4s ease-out;

	-moz-transition: all .4s ease-out;

	-o-transition: all .4s ease-out

}



.shiyong-product22 .tonglei li:hover img {

	-webkit-transform: scale(1.05);

	-moz-transform: scale(1.05);

	-o-transform: scale(1.05);

	-ms-transform: scale(1.05);

	transform: scale(1.05)

}



.project-detail-center .xiangmu-t {

	font-size: 20px;

	margin: 45px 0 10px;

	color: #333

}



.project-detail-center {

	text-align: center

}



.project-detail-center img {

	margin: 20px 45px 15px 0

}



.project-detail-center .moree {

	margin-top: 60px;

	font-size: 16px;

	font-weight: 700

}



.project-detail-center .more {

	width: 100%

}



.project-detail-center .more a {

	text-decoration: underline;

	display: block

}



.project-detail-center .more a:hover {

	text-decoration: none

}



#gotoTop {

	display: none;

	position: fixed;

	width: 50px;

	height: 50px;

	cursor: pointer;

	background: rgba(102,102,102,.5);

	bottom: 65px;

	right: 0

}



#gotoTop p {

	padding-top: 31px;

	line-height: 12px;

	background: url(../images/index_bg_3.png) no-repeat;

	background-position: -182px -21px

}



div#helpBody {

	width: 1228px;

	margin: auto;

	overflow: hidden

}



div#textList {

	float: left;

	width: 230px;

	border: 1px solid #dedede;

	border-top: 1px solid #dedede

}



div#textList dl#zhinan dt {

	line-height: 35px;

	width: 250px;

	background: #f9fbfa;

	text-indent: 30px;

	font-size: 14px;

	border-bottom: 1px solid #dedede;

	border-top: 1px solid #dedede

}



div#textList dl#zhinan dd {

	line-height: 30px;

	width: 250px;

	text-indent: 30px;

	font-size: 14px

}



div#textList dl#zhinan dd span {

	color: #f4276a;

	font-weight: 900;

	margin-right: 5px

}



div#textList .zhinan dd {

	line-height: 30px;

	width: 230px;

	text-indent: 30px;

	font-size: 14px

}



div#textList .zhinan dt {

	line-height: 35px;

	width: 230px;

	background: #f9fbfa;

	text-indent: 30px;

	font-size: 14px;

	border-bottom: 1px solid #dedede

}



div#textList dd span {

	color: green;

	font-weight: 900;

	margin-right: 5px

}



.chanpin-newcommon-body .des-friend-list {

	display: table;

	padding: 14px 2px

}



.chanpin-newcommon-body .des-friend-list li {

	float: left;

	width: 133px;

	height: 107px;

	min-height: auto;

	margin: -1px 0 0 -1px;

	padding: 0;

	display: table-cell;

	transition: all .4s ease-out;

	-moz-transition: all .4s ease-out;

	-webkit-transition: all .4s ease-out;

	-o-transition: all .4s ease-out

}



.chanpin-newcommon-body .des-friend-list li img {

	width: 100%

}



.chanpin-newcommon-body .des-friend-list li:hover {

	box-shadow: 0 1px 15px 1px #b3bbc3;

	position: relative;

	z-index: 222

}



#helpcenter {

	width: 950px;

	float: right;

	border: 1px solid #ddd;

	text-align: center;

	padding-bottom: 30px;

	margin-bottom: 30px

}



#helpcenter .liucheng_2 {

	color: #023401;

	border-top: 1px solid #023401;

	border-bottom: 2px solid #023401;

	background: #f1f1f1;

	padding: 0 20px

}



#helpcenter p {

	font-size: 14px;

	line-height: 26px;

	padding: 0 20px;

	text-align: left

}



#helpcenter .help-title {

	color: #023401;

	font-size: 16px;

	margin: 20px 0 5px

}



#helpcenter img {

	margin: 8px 0 30px 0

}



#helpcenter .list-a a {

	width: 160px;

	display: inline-block;

	color: #333

}



#aboutBody {

	width: 1228px;

	margin: auto;

	border: 1px solid #f0f0f0;

	overflow: hidden

}



.aboutbody {

	width: 100%;

	height: auto;

	padding-top: 6px

}



.aboutinner {

	width: 1228px;

	margin: auto;

	font-size: 14px;

	color: #666;

	background: #f4f4f4;

	padding-bottom: 50px

}



.aboutmenu {

	width: 100%;

	height: 64px;

	background: #fff;

	line-height: 64px

}



.aboutmenu ul {

	width: 850px;

	height: 64px;

	margin: 0 auto

}



.aboutmenu li {

	float: left

}



.aboutmenu li a {

	font-size: 16px;

	color: #999;

	padding: 0 52px;

	border-right: 1px solid #999

}



.aboutmenu li:last-child a {

	border-right: 0

}



.aboutmenu li:hover a {

	color: #094;

	border-right: 1px solid #333

}



.aboutmenu li.active a {

	color: #094

}



.aboutbody .huanying {

	font-size: 24px;

	color: #333;

	padding: 40px 0 30px 0;

	text-align: center

}



.aboutbody .normal {

	text-align: center;

	width: 850px;

	margin: 0 auto

}



.ab-common {

	width: 900px;

	margin: 0 auto

}



.ab-common .article {

	width: 405px;

	float: left

}



.ab-common .article p {

	text-align: justify

}



.ab-common01 .article {

	margin-right: 55px

}



.ab-common02 .article {

	margin-left: 55px

}



.ab-common .img {

	float: left;

	width: 330px;

	margin: 35px 0 20px

}



.ab-common .img img {

	width: 100%

}



.ab-common .article .title {

	font-size: 24px;

	color: #333;

	margin: 18px 0 20px 0

}



.ab-common .article .title2 {

	font-size: 20px;

	color: #333;

	margin-bottom: 30px

}



.ab-common .article .titleee {

	text-align: center

}



.ab-common span {

	display: inline-block;

	width: 82%;

}



.rongyulist {

	margin-top: 40px

}



.rongyulist li {

	float: left;

	text-align: center

}



.rongyulist01 li {

	margin-right: 10px

}



.rongyulist li p {

	padding: 10px 0

}



.rongyulist01 .last {

	width: 270px;

	float: right;

	text-align: justify;

	padding-top: 20px

}



.rongyulist02 .first {

	width: 240px;

	float: left;

	text-align: justify;

	padding-top: 20px

}



.rongyulist02 li {

	float: right;

	margin-left: 10px

}



.rongyulist03 li {

	margin-right: 55px

}



.rongyulist03 li:last-child {

	margin-right: 0

}



.rongyulist04 li img {

	width: 160px

}



.rongyulist04 li:last-child {

	width: 310px;

	float: right;

	text-align: justify;

	padding-top: 20px

}



.rongyulist li .title {

	font-size: 24px;

	color: #333;

	margin: 18px 0 0 0

}



.ab-job .article {

	margin-top: 55px

}



.joblist {

	margin-left: 30px

}



.joblist .biaoti {

	text-align: center;

	width: 245px;

	height: 60px;

	margin: 0 auto;

	margin-bottom: 40px;

	background: #030;

	line-height: 60px;

	color: #fff;

	font-size: 20px;

	text-indent: 0;

	border-radius: 30px;

	-webkit-border-radius: 30px;

	-moz-border-radius: 30px;

	-o-border-radius: 30px;

	box-shadow: -2px 2px 10px #030;

	-moz-box-shadow: -2px 2px 10px #030;

	-webkit-box-shadow: -2px 2px 10px #030;

	-o-box-shadow: -2px 2px 10px #030;

	transform: translateY(5px);

	-moz-transform: translateY(5px);

	-webkit-transform: translateY(5px);

	-o-transform: translateY(5px)

}



.joblist li {

	margin-bottom: 35px

}



.joblist li p {

	text-indent: 80px

}



.joblist .gwzz {

	font-size: 18px;

	color: #333;

	text-indent: 0;

	line-height: 28px;

	margin-top: 30px

}



.ab-common04 {

	margin-top: 65px

}



.ab-common03 .article {

	width: 210px;

	margin-right: 50px;

	margin-top: 40px

}



.ab-common03 .img {

	margin-right: 50px;

	width: 350px

}



.ab-common04 .article {

	margin-top: 45px

}



.ab-common03 .article02 {

	width: 190px;

	margin-top: 45px;

	margin-right: 0

}



.ab-common04 .img {

	width: 445px

}



.ab-commonpse {

	width: 1100px;

	margin: 40px auto 0

}



.ab-commonpse img {

	width: 100%;

	margin-top: 20px

}



.about-history {

	background: #3b3b3b;

	padding-bottom: 60px;

	margin: 40px 0

}



.about-history .title {

	font-size: 28px;

	color: #fff;

	line-height: 50px;

	margin-top: 22px;

	text-align: center

}



.about-history .w2 {

	background: url(../images/history-bg.png) no-repeat center;

	min-height: 800px

}



.history-list {

	margin-top: 60px

}



.history-list li {

	min-height: 180px

}



.history-list .item01 .fr {

	margin-right: 190px

}



.history-list .item02 .right {

	margin-right: 45px;

	margin-top: 25px

}



.history-list .item02 .fl {

	margin-left: 310px;

	margin-top: 25px

}



.history-list .item03 .left {

	margin-left: 40px;

	margin-top: 55px

}



.history-list .item03 .fr {

	margin-right: 140px;

	margin-top: 55px

}



.history-list .item04 .right {

	margin-top: 90px

}



.history-list .item04 .fl {

	margin-left: 335px;

	margin-top: 90px

}



.history-list li p {

	font-size: 16px;

	line-height: 24px;

	color: #ccc

}



.history-list li .tit {

	font-size: 16px;

	line-height: 24px;

	color: #fff;

	margin-bottom: 5px

}



.ab-commonpse .title {

	font-size: 24px;

	color: #333;

	line-height: 50px;

	margin: 20px 0

}



.ab-commonpse p.spe {

	width: 61%;

	margin: 0 auto;

	text-align: center

}



.ab-commonpse p.spe span {

	display: inline-block;

	height: 64px;

}



.w_fl222 .title {

	line-height: 18px;

	font-size: 18px

}



.w_fl222 .time {

	line-height: 12px;

	margin: 16px 0

}



.w_fl222 .next-pre {

	margin: 32px 0;

	padding-top: 40px;

	border-top: 1px solid #ececec

}



.w_fl222 .next-pre a {

	width: 380px;

	height: 43px;

	line-height: 43px;

	border: 1px solid #ececec;

	border-radius: 25px;

	display: block;

	text-align: center;

	font-size: 12px;

	color: #999

}



.w_fl222 .next-pre li:first-child {

	float: left

}



.w_fl222 .next-pre li:last-child {

	float: right

}



.w_fl222 .des {

	border-top: 1px solid #ececec;

	padding-top: 15px;

	margin-top: 23px;

	line-height: 26px

}



.lxwm-content .title {

	font-size: 22px;

	color: #333;

	text-align: center;

	line-height: 30px;

	margin: 50px 0 18px

}



.lxwm-content .p1 {

	font-size: 14px;

	color: #666;

	text-align: center

}



.lxwm-content .ul1 {

	margin-top: 50px

}



.lxwm-content .ul1 li {

	float: left;

	padding: 1.8%;

	background: #f6f6f6;

	width: 44.7%;

	margin-right: 3%

}



.lxwm-content .ul1 li:first-child,.lxwm-content .ul1 li:last-child {

	margin-right: 0

}



.lxwm-content .ul1 li:first-child {

	text-align: center;

	margin-bottom: 50px;

	width: 94%;

	padding: 3%

}



.lxwm-content .ul1 p {

	background: #f6f6f6;

	font-size: 12px;

	line-height: 18px;

	padding: 15px 0 0 0;

	text-align: justify

}



.lxwm-content .ul1 span {

	display: block;

	color: #333;

	font-size: 16px;

	margin-bottom: 7px

}



.lxwm-content .ul1 .first {

	margin: 0 0 70px 0

}



.lxwm-content .ul1 li .wenzi {

	width: 56.5%

}



.lxwm-content .ul1 li:first-child .wenzi {

	width: 58%;

	margin-top: 20px;

	padding: 0 0 0 3%;

	text-align: left

}



.lxwm-content .ul1 li img {

	width: 225px

}



.lxwm-content .ul1 li:first-child img {

	width: auto

}



.lxwm-content .ul1 li .title {

	font-size: 18px;

	color: #000;

	text-align: left;

	margin: 13px 0 12px;

	padding: 0 0 20px;

	padding: 0

}



.lxwm-content .ul1 li:first-child .title {

	margin: 20px 0 12px

}



.lxwm-content .ul1 li .p3 {

	padding: 0;

	font-size: 13px;

	line-height: 22px;

	color: #888;

	margin-bottom: 10px

}



.lxwm-content .ul1 li:first-child .p3 {

	padding: 0;

	font-size: 12px;

	line-height: 22px;

	color: #888

}



.lxwm-content .ul1 li .p2 {

	font-size: 12px;

	color: #333;

	line-height: 20px

}



.lxwm-content .wenzi span {

	display: inline-block;

	color: #666;

	font-size: 12px;

	line-height: 26px;

	margin: 10px 8px 8px 0

}



.lxwm-content .wenzi span img {

	margin-right: 5px

}



.lxwm-content .ul2 {

	margin-top: 40px

}



.lxwm-content .ul2 li {

	float: left;

	background: #f6f6f6;

	padding: 1.8%;

	margin-right: 2.2%

}



.lxwm-content .ul2 .li1 {

	width: 45.3%;

	margin-bottom: 30px

}



.lxwm-content .ul2 .li2 {

	width: 27.5%;

	margin-right: 3.3%

}



.lxwm-content .ul2 li:last-child,.lxwm-content .ul2 li:nth-of-type(2) {

	margin-right: 0

}



.lxwm-content .ul2 p {

	font-size: 12px;

	color: #666;

	line-height: 18px

}



.lxwm-content .ul2 .tit {

	font-size: 14px;

	color: #333;

	margin-bottom: 6px;

	margin-top: 15px

}



.lxwm-content .ul3 {

	margin-top: 35px;

	background: #f6f6f6;

	padding: 20px

}



.lxwm-content .ul3 li {

	float: left;

	margin-right: 27px;

	text-align: center

}



.lxwm-content .ul3 li:nth-of-type(5) {

	margin-right: 0

}



.lxwm-content .ul3 li p {

	font-size: 14px;

	margin: 10px auto;

	color: #333

}



.lxwm-content .ul3 li:last-child {

	display: block;

	float: none;

	clear: both;

	text-align: center

}



.lxwm-content .ul3 li:last-child p {

	display: inline-block;

	background: #fff;

	padding: 6px 10px;

	margin: 10px auto 0

}



.lxwm-content .ul3 li span {

	margin-left: 30px

}



.aboutbodyspe .ab-common {

	width: 1060px;

	margin-top: 50px;

	padding: 0 20px

}



.aboutbodyspe .ab-common01 .img {

	float: right;

	width: 510px

}



.aboutbodyspe .ab-common02 .img {

	float: left;

	width: 510px

}



.aboutbodyspe .article {

	margin-top: 50px;

	width: 490px

}



.about-content {

	width: 1228px;

	padding: 45px 0

}



.about-public-content {

	text-align: center;

	width: 1228px;

	padding: 0

}



.about-public-content .about-title {

	font-size: 22px;

	color: #030;

	margin: 55px 0 20px;

	text-align: center

}



.about-dingzhi-content img,.neiye-banner img {

	width: 100%

}



.ab-common01 .img {

	margin-left: 55px

}



.ab-common02 .img {

	margin-right: 55px

}



.aboutinner .ab-job:nth-of-type(3) {

	margin-bottom: 20px

}



.aboutinner-spe {

	background: #fff;

	padding-bottom: 0

}



.ab-common span.spe {

	width: 64%;

	text-indent: 0

}



.about-content2 .career {

	width: 780px;

	margin: 40px auto 0;

	background: url(../images/career-bg.png) no-repeat center;

	background-size: 85% auto

}



.about-content2 .career p {

	text-align: center;

	overflow: hidden;

	zoom: 1;

	font-size: 13px

}



.about-content2 .career p span {

	padding: 5px 15px;

	display: inline-block;

	color: #3b200c;

	border: 1px solid #cb6f0b;

	background: #fff

}



.about-content2 .career p a {

	color: #3b200c;

	margin-left: 10px;

	text-decoration: underline

}



.about-content2 .career p a:hover {

	text-decoration: none

}



.about-content2 .career .p1 {

	width: 72%;

	margin: auto

}



.about-content2 .career .p2 {

	margin-top: 60px

}



.about-content2 .career .p3 {

	width: 90%;

	margin: 30px auto

}



.about-content2 .career .pc span {

	background: #cb6f0b;

	color: #fff

}



.about-content2 .career .pc a {

	color: #fff

}



.neiye-banner2 {

	width: 100%;

	position: relative

}



.about-content2 {

	background: #f6f6f6

}



.about-content2 p {

	text-align: center

}



.about-public-content p {

	font-size: 15px;

	line-height: 26px;

	text-align: left

}



.about-content2 img {

	margin: 40px auto

}



.about-content2 .about-title {

	color: #030

}



.syhz-content {

	margin: 60px auto

}



.syhz-content p {

	font-size: 14px;

	line-height: 24px;

	text-align: justify

}



.syhz-content .left {

	width: 35%

}



.syhz-content .left .p1 {

	font-size: 20px;

	color: #333;

	line-height: 48px

}



.dingzhi-liucheng {

	text-align: center;

	padding-top: 50px

}



.dingzhi-tit-bg {

	display: inline-block;

	border: 1px solid #f8b551;

	padding: 20px 60px

}



.dingzhi-box-bg {

	padding: 70px 0 10px;

	margin-bottom: 62px

}



.dingzhi-liucheng .time01 {

	font-size: 40px;

	line-height: 50px;

	color: #000;

	padding: 0 15px 0;

	display: inline-block;

	letter-spacing: 4px

}



.dingzhi-liucheng .time01 span {

	color: #fde003

}



.dingzhi-liucheng .p1 {

	font-size: 20px;

	color: #000;

	padding: 23px 0 0 0

}



.dingzhi-liucheng .time02 {

	background: url(../images/20171121x-03.png) no-repeat center 0;

	overflow: hidden;

	zoom: 1;

	text-align: center;

	width: 1228px;

	margin: 90px auto auto

}



.dingzhi-liucheng .time02 li {

	float: left

}



.dingzhi-liucheng .time02 p {

	color: #000

}



.dingzhi-liucheng .time02 .sp01 {

	font-size: 20px

}



.dingzhi-liucheng .time02 .sp02 {

	font-size: 18px;

	display: none

}



.dingzhi-liucheng .time02 span {

	font-size: 48px;

	line-height: 40px;

	padding: 63px 0 16px;

	display: inline-block;

	font-weight: 700

}



.dingzhi-liucheng .time02 .sp03 {

	font-size: 18px;

	margin-top: 60px;

	line-height: 30px

}



.dingzhi-liucheng .time02 li:nth-of-type(1) {

	width: 220px;

	margin: 0 45px 0 40px

}



.dingzhi-liucheng .time02 li:nth-of-type(2) {

	width: 305px

}



.dingzhi-liucheng .time02 li:nth-of-type(3) {

	width: 275px;

	margin: 0 90px 0 20px

}



.dingzhi-liucheng .time02 li:nth-of-type(4) {

	width: 180px

}



.dingzhi-liucheng .single-img-01 {

	margin-top: 45px

}



.dingzhi-liucheng .time03 {

	width: 1228px;

	margin: 80px auto 20px auto;

	overflow: hidden;

	zoom: 1

}



.dingzhi-liucheng .time03 li {

	position: relative;

	width: 385px;

	float: left;

	margin: 0 0 40px 148px;

	padding: 10px 0 10px 80px;

	text-align: left

}



.dingzhi-liucheng .time03 li:last-child span {

	left: 20px

}



.dingzhi-liucheng .time03 p {

	font-size: 16px;

	color: #000

}



.dingzhi-liucheng .time03 .t1 {

	font-size: 20px;

	margin-bottom: 7px

}



.dingzhi-liucheng .time03 span {

	color: #000;

	position: absolute;

	left: 26px;

	top: 25px;

	font-size: 30px;

	font-weight: 700

}



.dingzhi-liucheng .time04 {

	width: 1228px;

	margin: 85px auto 80px;

	overflow: hidden;

	zoom: 1;

	padding-top: 68px

}



.dingzhi-liucheng .time04 li {

	float: left;

	border: 8px solid #da9e61;

	border-radius: 10px;

	margin: 0 33px;

	color: #000;

	position: relative

}



.dingzhi-liucheng .time04 li img {

	padding: 40px 15px;

	float: left

}



.dingzhi-liucheng .time04 li .sp {

	color: #fff;

	position: absolute;

	background: url(../images/20171121x-09.png) no-repeat center top;

	top: -75px;

	padding: 0 30px 18px;

	font-size: 15px;

	line-height: 42px;

	height: 42px

}



.dingzhi-liucheng .time04 .sp1 {

	font-size: 20px;

	width: 120px;

	display: inline-block;

	text-align: left;

	line-height: 30px

}



.dingzhi-liucheng .time04 .sp2 {

	border: 1px solid #f0d403;

	padding: 2px 8px;

	display: inline-block;

	margin-top: 8px

}



.dingzhi-liucheng .time04 .y {

	float: left;

	width: 150px;

	margin-top: 35px;

	text-align: center;

	padding-right: 10px

}



.dingzhi-liucheng .songzhuang-img {

	display: block;

	margin: 60px auto

}



.dingzhi-liucheng .qingjing-t {

	font-size: 24px;

	color: #1d9ce3;

	background: url(../images/20171121x-11.png) no-repeat center;

	padding: 18px 0;

	margin: 60px 0 35px

}



.dingzhi-liucheng .qingjing-p1 {

	font-size: 18px;

	color: #000

}



.dingzhi-liucheng .qingjing-p2 {

	font-size: 16px;

	color: #000;

	text-align: left;

	width: 416px;

	margin: 30px auto 0;

	line-height: 28px

}



.dingzhi-liucheng .qingjing-img {

	margin: 40px auto 20px

}



#article_top_show #text {

	float: left;

	margin-top: 40px;

	width: 645px;

	margin-left: 35px

}



div#article_top_show p.pic {

	width: 530px;

	height: 350px;

	float: left;

	margin: 0;

	border: 1px solid #999;

	overflow: hidden

}



div#article_top_show {

	width: 1228px;

	margin: 20px auto 0;

	background: #fff;

	padding: 0;

	overflow: hidden

}



div#article_top_show p.pic img {

	width: 100%

}



.chanpin-detail {

	width: 98%;

	background: #f6f6f6;

	padding: 13px 7px

}



.chanpin-detail p {

	line-height: 30px;

	overflow: hidden

}



.chanpin-detail p span {

	float: left

}



.chanpin-detail p:nth-of-type(3) .span1 {

	line-height: 20px

}



.chanpin-detail p:nth-of-type(3) .span2 {

	line-height: 22px

}



.chanpin-detail .span1 {

	font-size: 12px;

	color: #999;

	padding-left: 10px;

	display: inline-block

}



.chanpin-detail .span2 {

	font-size: 12px;

	color: #666;

	display: inline-block;

	padding-left: 20px

}



.chanpin-detail .spespan {

	color: #d7282d

}



.chanpin-fenlei {

	margin-top: 15px

}



.chanpin-color .tit,.chanpin-fenlei .tit {

	font-size: 12px;

	color: #999;

	padding-left: 20px;

	display: inline-block

}



.chanpin-fenlei .tit {

	margin-top: 13px

}



.chanpin-fenlei p {

	float: left

}



.chanpin-fenlei span {

	padding: 4px 10px;

	border: 1px solid #ccc;

	display: inline-block;

	margin: 5px 7px

}



.chanpin-fenlei .fl {

	width: 74%;

	margin-left: 10px

}



.chanpin-color {

	line-height: 33px;

	margin: 15px 0 7px

}



.chanpin-color p {

	font-size: 14px;

	float: left

}



.chanpin-color ul {

	float: left;

	margin-left: 17px;

	width: 85%

}



.chanpin-color li {

	width: 80px;

	height: 25px;

	margin: 0 13px 13px 0;

	float: left;

	border: 1px solid #999;

	text-align: right;

	line-height: 25px

}



.chanpin-color li img {

	float: left;

	width: 30px;

	height: 25px

}



.chanpin-color li span {

	width: 50px;

	height: 25px;

	display: block;

	float: left;

	text-align: center

}



.chanpin-color a {

	font-size: 14px;

	color: red

}



.chanpin-color .last {

	border: none;

	width: 125px

}



.chanpin-fuwu {

	overflow: hidden;

	zoom: 1;

	padding: 15px 0;

	border-top: 1px dotted #eaeaea;

	border-bottom: 1px dotted #eaeaea

}



.chanpin-fuwu li {

	width: 60px;

	float: left;

	text-align: center;

	margin-right: 30px

}



.chanpin-fuwu .first {

	font-size: 12px;

	color: #999;

	display: inline-block;

	margin-top: 5px;

	width: 90px;

	margin-right: 0

}



.chanpin-fuwu li p {

	padding-top: 4px;

	line-height: 18px

}



#text .title {

	font-size: 16px;

	color: #333;

	font-weight: 700

}



#text .online {

	display: block;

	margin: 23px 0 0;

	line-height: 47px

}



#text .online span {

	float: left;

	font-size: 12px;

	color: #999;

	padding-left: 20px

}



#text .online a {

	width: 142px;

	height: 47px;

	display: inline-block;

	line-height: 47px;

	background: #333;

	margin-left: 18px;

	font-size: 18px;

	color: #fff;

	text-align: center

}



#text .online a:hover {

	background: #444

}



.ww .allimg {

	width: 100%

}



.allimg {

	width: 100%

}



.prod-service {

	margin: 75px auto;

	position: relative

}



.prod-service .w2 {

	position: absolute;

	width: 1060px;

	left: 50%;

	margin-left: -530px;

	text-align: center;

	top: 40px

}



.prod-service p {

	font-size: 20px;

	color: #333;

	line-height: 36px

}



.prod-service .w2 img {

	margin: 25px auto;

	width: auto

}



.prod-service a {

	display: inline-block;

	padding: 10px 20px;

	font-size: 14px;

	line-height: 26px;

	border: 1px solid #333;

	margin-bottom: 40px

}



.prod-service a span {

	display: inline-block;

	padding: 2px 10px;

	background: #333;

	color: #fff;

	margin-left: 17px

}



.prod-zuhe {

	background: #f6f6f6;

	margin: 65px auto;

	padding: 40px 0;

	text-align: center

}



.prod-share {

	margin: 10px auto 55px auto;

	padding: 40px 0;

	text-align: center

}



.prod-zuhe {

	padding-bottom: 65px

}



.prod-tit {

	font-size: 26px;

	color: #333;

	text-align: center;

	line-height: 26px;

	margin-bottom: 37px

}



.img-center {

	text-align: center

}



.prod-detail {

	border-top: 5px solid #f5f5f5;

	margin-top: 30px;

	padding-top: 55px

}



.prod-detail li {

	margin-bottom: 65px

}



.prod-detail li span {

	width: 415px;

	padding: 45px 50px;

	display: inline-block;

	color: #666;

	font-size: 16px;

	line-height: 30px

}



.prod-detail2 {

	margin-top: 90px;

	border-bottom: 7px solid #f5f5f5

}



.prod-detail2 li {

	float: left;

	margin: 0 75px 75px 0

}



.prod-detail2 li:nth-of-type(2n) {

	margin-right: 0

}



.prod-detail2 li span {

	padding: 30px 17px;

	display: inline-block;

	width: 240px;

	font-size: 14px;

	line-height: 26px;

}



.prod-detail2 li img {

	float: left

}



.chanpin-fuwu .last {

	width: 130px;

	height: 45px;

	display: inline-block;

	line-height: 45px;

	background: #333;

	margin-left: 5px

}



.chanpin-fuwu .last a {

	font-size: 18px;

	color: #fff

}



.chanpin-fuwu .last:hover a {

	font-size: 20px;

	text-shadow: 0 0 2px #fff

}



.prod-baozhuang {

	margin: 70px auto 55px;

	text-align: center

}



.prod-baozhuang>img {

	width: auto

}



.prod-baozhuang .prod-tit {

	margin-bottom: 20px

}



.prod-baozhuang a {

	display: inline-block;

	padding: 10px 20px;

	font-size: 14px;

	line-height: 26px;

	border: 1px solid #333;

	margin-bottom: 40px

}



.prod-baozhuang a:hover {

	color: #666

}



.prod-baozhuang a span {

	display: inline-block;

	padding: 2px 10px;

	background: #333;

	color: #fff;

	margin-left: 17px

}



.prod-mianze,.prod-ques,.prod-tuijian {

	margin: 0 auto 50px auto;

	text-align: center;

	position: relative;

	overflow: hidden

}



.prod-mianze .ab {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%

}



.prod-mianze .prod-tit {

	padding-top: 50px;

	margin-bottom: 20px

}



.prod-mianze span {

	padding: 4px 15px;

	font-size: 16px;

	margin: 0 15px;

	display: inline-block

}



.prod-mianze a {

	color: #333;

	font-size: 16px;

	line-height: 32px;

	width: 110px;

	border: 1px solid #333;

	border-radius: 20px;

	display: inline-block;

	margin-top: 25px;

	background: url(../images/prod-down.png) no-repeat 92px 15px;

	padding-right: 10px

}



.mianze-down {

	background: #fff;

	width: 895px;

	margin: 38px auto 0;

	display: none

}



.mianze-down .youbian,.mianze-down .zuobian {

	width: 366px;

	padding: 0 40px;

	float: left;

	text-align: left

}



.mianze-down .youbian {

	border-left: 1px solid #cecece

}



.mianze-down a {

	clear: both;

	margin-top: 60px;

	width: 88px;

	background: 0 0;

	font-size: 16px;

	line-height: 32px;

	border-radius: 20px;

	padding-right: 0

}



.mianze-down .tit,.mianze-down dt {

	font-size: 20px;

	color: #222;

	margin-bottom: 3px

}



.mianze-down dd,.mianze-down p {

	font-size: 16px;

	line-height: 30px

}



.mianze-down dt {

	border-top: 1px solid #aaa;

	margin-top: 5px;

	padding-top: 9px

}



.mianze-down dt:first-child {

	border-top: 0;

	margin: 0 0 3px 0;

	padding: 0

}



.prod-zuhe .prod-tit {

	margin-bottom: 45px;

	padding-top: 10px

}



.prod-zuhe .box {

	width: 1108px;

	margin: 0 auto;

	background: #fff;

	padding: 40px 60px;

	text-align: left

}



.prod-zuhe .box span {

	margin: 0 45px;

	font-size: 40px

}



.prod-zuhe2 .box span {

	margin: 0 20px

}



.prod-zuhe .box img {

	border: 1px solid #ccc

}



.prod-zuhe .box>p {

	width: 20%;

	float: right;

	text-align: center;

	padding: 20px 0 0 5%;

	border-left: 1px solid #ccc

}



.prod-zuhe .box .span1 {

	font-size: 18px;

	margin: 0 0 10px 0;

	display: block

}



.prod-zuhe .box .span2 {

	font-size: 16px

}



.prod-zuhe .box>p a {

	display: block;

	width: 144px;

	height: 48px;

	line-height: 48px;

	text-align: center;

	font-size: 18px;

	background: #333;

	color: #fff;

	font-weight: 700;

	margin: 28px auto

}



.prod-tuijian {

	margin-top: 65px

}



.prod-tuijian .tuijianlist li {

	margin-top: 0

}



.prod-ques {

	text-align: left

}



.prod-ques .prod-tit {

	margin-top: 30px

}



.prod-ques .ques-list p {

	line-height: 70px;

	font-size: 16px;

	text-indent: 15px

}



.prod-ques .ques-list-f {

	border-top: 1px solid #000

}



.prod-ques .qq {

	padding-left: 70px;

	background: #f6f6f6 url(../images/qq.png) no-repeat 15px center;

	color: #333;

	background-size: 4%

}



.prod-ques .aa {

	padding-left: 50px;

	background: url(../images/aa.png) no-repeat center left;

	margin-left: 75px;

	background-size: 4%

}



.prod-ques .zixun {

	background: #f6f6f6;

	font-size: 16px;

	margin-bottom: 30px;

	padding: 20px

}



.prod-ques .zixun a {

	color: #333;

	margin-left: 30px;

	border: 1px solid #333;

	padding: 4px 15px

}



.prod-chejian {

	

	background: #f6f6f6

}



.prod-chejian .w2 {



	width: 1060px;

	left: 50%;



	text-align: center;

	top: 55px

}



.prod-chejian p {

	font-size: 15px;

	color: #666;

	text-align: left;

	line-height: 30px;

	width: 680px;

	margin: 0 auto 45px

}



.prod-chejian .prod-tit {

	font-size: 26px;

	color: #333;

	text-align: center;

	line-height: 26px;

	margin-bottom: 37px;

	font-family: 'Microsoft YaHei'

}



.prod-chejian .w2 img {

	width: 100%

}



.prod-chejian a {

	display: inline-block;

	padding: 10px 20px;

	font-size: 14px;

	line-height: 26px;

	border: 1px solid #333;

	margin-top: 45px

}



.prod-chejian a span {

	display: inline-block;

	padding: 2px 10px;

	background: #333;

	color: #fff;

	margin-left: 17px

}



#article_body,#old-prod-inner {

	width: 1228px;

	margin: 0 auto;

	border-bottom: 10px solid #f6f6f6;

	padding-bottom: 30px

}



#right {

	margin-top: 20px

}



div#article_theme {

	width: 100%;

	margin-top: 20px

}



#art_body {

	border: 1px solid #ececec

}



.product-des-public {

	overflow: hidden;

	padding: 26px 0 32px;

	width: 100%;

	background: #ececec;

	border-bottom: 1px solid #ddd;

	margin: 20px auto

}



.product-des-public .des-public {

	float: left;

	font-size: 12px;

	color: #666;

	line-height: 25px;

	width: 16%;

	padding: 0 7%

}



.product-des-public .des-public .title {

	font-size: 16px;

	color: #000;

	line-height: 42px;

	font-weight: 700

}



.product-des-public .center {

	width: 22%

}



.product-des-public .des-public:first-child {

	width: 17%

}



.chanpin-newcommon-body {

	padding-top: 30px;

	text-align: center

}



.chanpin-newcommon-body .biaoti {

	font-size: 24px;

	color: #333;

	text-align: center;

	font-weight: 700;

	line-height: 40px;

	margin-bottom: 20px

}



.chanpin-newcommon-body .biaoti2 {

	font-size: 20px;

	color: #333;

	text-align: center;

	margin: 0 0 20px 0

}



.chanpin-newcommon-body .p {

	font-size: 14px;

	color: #666;

	line-height: 28px;

	width: 71%;

	margin: 0 auto;

	text-align: center

}



.chanpin-newcommon-body ul {

	padding: 10px 165px;

	overflow: hidden

}



.chanpin-newcommon-body ul li {

	margin: 0 45px 40px 0;

	width: 266px;

	float: left;

	border: 1px solid #ccc;

	padding-bottom: 30px;

	text-align: center;

	min-height: 286px

}



.chanpin-newcommon-body ul li:nth-child(3n) {

	margin-right: 0

}



.chanpin-newcommon-body li .title {

	font-size: 16px;

	color: #333;

	margin: 15px 0 10px 0

}



.chanpin-newcommon-body li p {

	padding: 0 35px;

	line-height: 20px

}



#aboutBcs {

	width: 1228px;

	margin: 110px auto 0 auto;

	height: 40px;

	line-height: 40px;

	border-bottom: 1px dotted #eee

}



#aboutBcs a,p#aboutBcs {

	color: #999!important

}



#aboutBcs a:first-child {

	font-weight: 400!important

}



.mianbaoxue-erji {

	margin-top: 130px!important

}



.new-pro-mbx {

	margin-top: 50px!important

}







#tonglei_title2 {

	width: 99%;

	height: 34px;

	background: #f3f3f3;

	border: 1px solid #ddd;

	line-height: 35px;

	font-size: 14px;

	padding-left: 10px

}



.mianbaoxue {

	margin: 108px auto 0 auto

}



.mbx-anli {

	margin: 110px auto 0 auto!important

}



.product-list-ul .ul .list-li {

	margin: 0 20px 13px 0

}



.product-list-ul .ul li:nth-child(4n) {

	margin-right: 0

}



.dede_pages {

	margin: 10px auto 40px

}



.dede_pages2 .pagelist {

	width: 81%;

	margin: 0 auto

}



.news-body .a {

	color: #30700d;

	display: block;

	text-align: center;

	margin: 0 auto 25px

}



.news-body a {

	color: #00f;

	text-decoration: underline

}



.news-body img {

	margin: 40px 0 10px

}



.news-body .gwb {

	text-align: center;

	position: relative

}



.news-body .gwb span {

	font-size: 16px;

	position: absolute;

	min-width: 200px;

	left: 50%;

	bottom: 4%;

	margin-left: -160px;

	padding: 11px 38px;

	color: #fff;

	background: url(../images/news-commona-bg.png) no-repeat center;

	background-size: 100% 100%

}



.news-body .gwb a {

	color: #fff;

	text-decoration: underline

}



.news-body .gwb a:hover {

	color: #136ec2;

	font-weight: 700

}



.lwb {

	color: #136ec2;

	text-decoration: underline

}



.lwb:hover {

	color: #136ec2

}



.news-body .gwb2 {

	text-align: center;

	position: relative

}



.news-body .gwb2 span {

	font-size: 16px;

	position: absolute;

	min-width: 200px;

	left: 50%;

	bottom: 10px;

	margin-left: -150px;

	color: #fff

}



.news-body .gwb2 a {

	color: #fff;

	text-decoration: underline;

	font-size: 16px

}



.news-body .gwb2 a:hover {

	color: #fff;

	font-weight: 700

}



.news-body .gwb2>img,.news-body .gwb>img {

	width: 100%

}



.news-body div {

	line-height: 26px

}



.content_banner {

	width: 1228px;

	margin: 0 auto

}



.sheji-bigimg,.sheji-opimg {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 0

}



.sjbj-content {

	width: 100%;

	height: auto;

	z-index: 22;

	position: relative

}



.sjbj-content h2 {

	font-size: 40px;

	color: #fff;

	text-align: center;

	padding-top: 60px;

	font-weight: 400;

	height: 45px

}



.sjbj-content p {

	color: #fff

}



.sjbj-content .sjbjul01 {

	width: 850px;

	margin: 157px auto;

	padding-top: 25px

}



.sjbj-content .sjbjul01 li {

	float: left;

	padding: 0 62px;

	width: 300px

}



.sjbjul01 li .p1 {

	font-size: 30px;

	margin: 18px 0 24px 0;

	text-align: center

}



.sjbjul01 li .p2 {

	font-size: 22px;

	text-align: center;

	line-height: 30px;

	margin: 0

}



.sjbj-content .sptitle {

	width: 145px;

	height: 140px;

	font-size: 40px;

	color: #568e08;

	text-align: center;

	line-height: 46px

}



.sjbj-content .sptitle-center {

	margin: 0 auto

}



.sjbj-content .onlinezixun {

	width: 750px;

	margin: 0 auto;

	padding: 0 50px

}



.sjbj-content .sjbjul011,.sjbj-content .sjbjul012 {

	float: left

}



.sjbj-content .onlinezixun li {

	margin-bottom: 80px;

	color: #fff;

	font-size: 22px;

	line-height: 35px

}



.sjbj-content .onlinezixun .first {

	font-size: 30px;

	text-align: center;

	margin-bottom: 35px

}



.sjbj-content .sjbjul012 li {

	margin-bottom: 178px

}



.sjbj-content .sjbjul012 .first {

	margin-bottom: 75px

}



.sjbj-content .sjbjul011 {

	padding: 0 210px 0 0;

	width: 160px

}



.sjbj-content .sjbjul012 {

	padding: 0 0 0 210px;

	width: 160px

}



.sjbj-content .sptitle-center2 {

	text-align: right;

	width: 115px;

	height: 130px;

	padding-top: 13px

}



.sjbj-content .celiang {

	width: 900px;

	color: #fff;

	margin: 0 auto;

	padding: 30px 0 130px 40px;

	line-height: 40px;

	font-size: 22px

}



.sjbj-content .sptitle-left,.sjbj-content .sptitle-right {

	background: url(../images/dayuan.png) no-repeat center;

	width: 145px;

	height: 125px;

	padding-top: 24px;

	margin: 70px 0 0 70px

}



.sptitle-outer {

	margin: 0 60px;

	height: 145px;

	padding-top: 50px

}



.sjbj-content .sptitle-right {

	float: right;

	margin: 0

}



.sjbj-content .shejichutu {

	text-align: center;

	margin: -30px 0 60px 0

}



.sjbj-content .shejichutu p {

	font-size: 22px;

	text-align: center;

	margin: 10px 0

}



.sjbj-content .shejichutu img {

	margin-top: 30px

}



.sjbj-content .shengchanzhouqi {

	width: 850px;

	margin: 0 auto;

	text-align: center

}



.sjbj-content .shengchanzhouqi li {

	float: left;

	padding: 0 59px

}



.sjbj-content .shengchanzhouqi li p {

	font-size: 22px;

	margin: 0 0 30px 0

}



.sjbj-content .songzhuangtongbu {

	width: 400px;

	margin: 0 auto;

	height: 365px

}



.sjbj-content .songzhuangtongbu p {

	margin-top: 0;

	font-size: 22px;

	line-height: 40px

}



.sjbj-content .shouhoufuwu {

	width: 600px;

	margin: 0 auto;

	height: 315px

}



.sjbj-content .shouhoufuwu p {

	font-size: 22px;

	margin-top: 0;

	line-height: 40px

}



.sjbj-content .wumeijiayou {

	padding-bottom: 100px

}



.sjbj-content .wumeijiayou .p1 {

	font-size: 38px;

	width: 545px;

	height: 50px;

	margin: 30px auto 50px auto;

	padding-bottom: 10px;

	border-bottom: 2px solid #fff

}



.sjbj-content .wumeijiayou li {

	width: 420px;

	float: left;

	padding: 0 96px

}



.sjbj-content .wumeijiayou li p {

	font-size: 22px;

	line-height: 36px

}



.sjbj-content .sptitle-center3 {

	height: 130px;

	margin-top: 12px

}



.link-article .title {

	height: 40px;

	border-bottom: 1px solid #ececec

}



.link-article .link-article-content ul {

	overflow: hidden;

	margin-top: 10px

}



.link-article .link-article-content ul li {

	float: left;

	width: 50%;

	height: 36px;

	line-height: 36px;

	text-align: left

}



.w_fl222 .next-pre>ul {

	overflow: hidden

}



.about-img {

	margin-top: 20px

}



#index-new-list {

	overflow: hidden;

	position: relative

}



#index-new-list ul {

	position: absolute

}



#index-new-list ul:first-child {

	left: 0;

	top: 0

}



#index-new-list ul:nth-child(2) {

	left: 425px;

	top: 0

}



#index-new-list ul:last-child {

	left: 850px;

	top: 0

}



.news-area {

	overflow: hidden;

	margin-bottom: 20px

}



.news-area dt {

	color: #000;

	font-size: 16px;

	padding-bottom: 10px;

	font-weight: 700

}



.news-area dl {

	float: left;

	margin-right: 115px;

	width: 225px

}



.news-area dl:last-child {

	margin-right: 0

}



.news-area .title {

	font-size: 14px

}



.news-area .title a {

	color: #000;

	text-decoration: underline;

	text-decoration-color: #666

}



.w8-contain {

	background: #f6f6f6;

	padding: 30px 0 10px;

	margin-bottom: 50px

}



.prod-ques .ques-list-f {

	border-top: 1px solid #ccc

}



.prod-ques .ques-list {

	border-top: 1px solid #ccc

}



.prod-share {

	margin: 0 auto

}



.prod-share,.prod-zuhe {

	padding: 55px 0;

	background: #f4f4f4

}



.prod-service {

	margin: 75px auto 55px;

	border-bottom: 1px solid #ccc

}



.fl-n {

	display: inline-block;

	vertical-align: middle

}



.fl-n img {

	width: 50px

}



.fr-n {

	display: inline-block;

	vertical-align: middle;

	padding-left: 10px

}



.prod-service .prod-service-con {

	overflow: hidden;

	margin-bottom: 25px

}



.prod-service .prod-service-con .prod-service-sec {

	overflow: hidden;

	width: 306px;

	text-align: center;

	float: left;

	border-right: 1px solid #ccc

}



.prod-service .prod-service-con li:last-child {

	border: 0

}



.h2-title {

	color: #000;

	font-size: 14px;

	font-weight: 400;

	text-align: left;

	padding-bottom: 0

}



.prod-service p.prod-p {

	color: #333;

	font-size: 12px;

	font-weight: 400;

	line-height: 20px;

	font-family: "微软雅黑"

}



.prod-px img {

	border: 1px solid #000

}



.prod-detail-1 {

	border-top: 10px solid #f5f5f5;

	margin-top: 50px;

	padding-top: 55px

}



.prod-detail-1 li {

	margin-bottom: 65px

}



.prod-detail-1 li span {

	width: 415px;

	padding: 45px 115px;

	display: inline-block;

	color: #666;

	font-size: 16px;

	line-height: 30px;

	text-align: left;

	vertical-align: top

}



.prod-detail-2 {

	margin-top: 90px

}



.prod-detail-2 li {

	float: left;

	margin: 0 75px 75px 0

}



.prod-detail-2 li:nth-of-type(2n) {

	margin-right: 0

}



.prod-detail-2 li span {

	padding: 30px 17px;

	display: inline-block;

	width: 240px;

	font-size: 14px;

	line-height: 26px;

	text-align: left

}



.prod-detail-2 li img {

	float: left

}



.prod-detail-1 {

	margin-bottom: 50px

}



.prod-detail-2,.prod-safe {

	border-top: 10px solid #f5f5f5;

	margin-top: 50px;

	padding-top: 55px

}



.prod-safe span {

	width: 415px;

	padding: 45px 54.5px 45px 54.5px;

	display: inline-block;

	color: #666;

	font-size: 16px;

	line-height: 30px;

	text-align: left;

	vertical-align: top

}



.prod-ques .ques-list p.qq {

	font-size: 18px;

	color: #000

}



.prod-title1 {

	color: #000;

	font-size: 24px;

	font-weight: 400;

	display: inline-block;

	padding-bottom: 20px

}



.prod-title2 {

	color: #000;

	font-size: 18px;

	font-weight: 400;

	display: inline-block;

	padding-bottom: 10px

}



.mianze-down-1 {

	background: #fff;

	width: 895px;

	margin: 0 auto;

	overflow: hidden;

	margin-top: 50px

}



.mianze-down-1 .youbian-1,.mianze-down-1 .zuobian-1 {

	width: 366px;

	padding: 0 40px;

	float: left;

	text-align: left

}



.mianze-down-1 .youbian-1 {

	border-left: 1px solid #cecece

}



.mianze-down-1 a {

	clear: both;

	margin-top: 60px;

	width: 88px;

	background: 0 0;

	font-size: 16px;

	line-height: 32px;

	border-radius: 20px;

	padding-right: 0;

	border: 1px solid #797979

}



.mianze-down-1 .tit-1,.mianze-down-1 dt {

	font-size: 20px;

	color: #797979;

	margin-bottom: 3px

}



.mianze-down-1 dd,.mianze-down-1 p {

	font-size: 16px;

	line-height: 30px

}



.mianze-down-1 dt {

	border-top: 1px solid #aaa;

	margin-top: 5px;

	padding-top: 9px

}



.mianze-down-1 dt:first-child {

	border-top: 0;

	margin: 0 0 3px 0;

	padding: 0

}



.prod-mianze-1 {

	margin: 0 auto 55px auto;

	text-align: center;

	position: relative;

	overflow: hidden

}



.prod-mianze-1 .prod-tit {

	padding-top: 55px;

	margin-bottom: 30px

}



.prod-mianze-1 span {

	padding: 4px 15px;

	font-size: 16px;

	margin: 0 15px;

	display: inline-block

}



.prod-ques .aa,.prod-ques .qq {

	background-image: none;

	padding-left: 0;

	margin-left: 0

}



.prod-ques .prod-tit {

	margin-top: 55px

}



.prod-ques div:last-child {

	border-bottom: 1px solid #ccc

}



.ali {

	width: 100%;

	background: #ccc;

	margin-top: 30px

}



.w-spe {

	width: 1440px;

	height: 420px;

	margin: 0 auto;

	overflow: hidden;

	position: relative

}



.ali ul {

	overflow: hidden;

	width: 2304px;

	position: absolute;

	top: 0;

	left: 0

}



.ali ul li {

	width: 288px;

	float: left;

	position: relative;

	cursor: pointer

}



.ali ul li .mask {

	position: absolute;

	z-index: 4;

	width: 100%;

	top: 0;

	bottom: 0;

	transition: all .4s cubic-bezier(.4,0,.2,1)

}



.ali ul li .ali-div {

	position: absolute;

	width: 100%;

	bottom: -60px;

	text-align: center;

	transition: all .4s cubic-bezier(.4,0,.2,1);

	z-index: 5

}



.ali ul li .ali-div img {

	width: 67px

}



.ali ul li .ali-div p.item-l {

	line-height: 50px;

	margin-bottom: 5px;

	transition: all .4s cubic-bezier(.4,0,.2,1)

}



.ali ul li .ali-div p.item-l i {

	display: inline-block;

	width: 20px;

	height: 2px;

	background: #fff

}



.ali ul li .ali-div p.item-t {

	font-size: 22px;

	color: #fff;

	font-weight: 700;

	margin-bottom: 30px

}



.ali ul li .ali-div p.item-p {

	font-size: 14px;

	color: #fff;

	margin-bottom: 100px;

	padding: 0 23px;

	opacity: 0;

	transition: all .4s cubic-bezier(.4,0,.2,1)

}



.ali ul li .ali-div span {

	display: inline-block;

	padding: 7px 40px;

	border: 1px solid #fff;

	font-size: 14px;

	color: #fff;

	opacity: 0;

	transition: all .4s cubic-bezier(.4,0,.2,1)

}



.ali ul li:hover .mask {

	background: rgba(0,0,0,.6)

}



.ali ul li:hover .ali-div {

	bottom: 70px

}



.ali ul li:hover .ali-div p.item-l {

	opacity: 0;

	line-height: 20px

}



.ali ul li:hover .ali-div p.item-p {

	opacity: 1;

	margin-bottom: 40px

}



.ali ul li:hover .ali-div span {

	opacity: 1

}



.ali ul li .ali-div span:hover {

	background: #fff;

	color: #000

}



.ali-next,.ali-prev {

	position: absolute;

	top: 0;

	bottom: 0;

	z-index: 6;

	cursor: pointer;

	width: 50px;

	text-align: center;

	background: rgba(0,0,0,.3);

	line-height: 420px;

	font-size: 24px;

	color: #fff;

	display: none

}



.ali-next img,.ali-prev img {

	vertical-align: inherit

}



.ali-prev {

	left: 0

}



.ali-next {

	right: 0

}



.w-spe:hover .ali-next,.w-spe:hover .ali-prev {

	display: block

}



.zt-wrapper {

	background: #f6f6f6;

	padding-bottom: 50px

}



.zt-wrapper .zt-banner {

	width: 100%;

	margin: 50px auto 0

}



.zt-wrapper .zt-banner img {

	width: 100%

}



.zt-wrapper .zt-content {

	background: #fff;

	margin-top: 10px;

	padding: 27px 0 0 20px

}



.zt-wrapper .zt-content .zt-item-title {

	font-size: 26px;

	padding-bottom: 27px;

	color: #000

}



.zt-wrapper .zt-content .zt-item-text {

	overflow: hidden

}



.zt-wrapper .zt-item-text .zt-item-des {

	float: left;

	color: #8e8e8e;

	font-size: 12px;

	width: 280px;

	text-align: justify

}



.zt-wrapper .zt-item-text .zt-item-des a {

	color: #000;

	line-height: 70px;

	font-size: 16px;

	border: 1px solid #000;

	padding: 5px 20px;

	transition: all .4s cubic-bezier(.4,0,.2,1)

}



.zt-wrapper .zt-item-text .zt-item-des a:hover {

	background: #000;

	color: #fff

}



.zt-wrapper .zt-item-text img {

	float: right

}



.quest {

	padding-top: 20px

}



.slideTxtBox_3 .hd {

	position: relative;

	height: 40px

}



.slideTxtBox_3 .hd li {

	line-height: 39px;

	margin-right: 6px;

	float: left;

	width: 120px;

	background: #f1f1f1;

	border-top-left-radius: 4px;

	border-top-right-radius: 4px

}



.slideTxtBox_3 .hd ul li.on {

	background: #313131

}



.slideTxtBox_3 .hd ul li.on a {

	color: #fff

}



.slideTxtBox_3 .bd {

	overflow: hidden;

	width: 604px

}



.slideTxtBox_3 .bd div {

	float: left;

	width: 604px

}



.slideTxtBox_3 .ptfa li {

	width: 606px;

	height: 135px;

	background: #f1f1f1;

	margin-bottom: 15px

}



.slideTxtBox_3 .ptfa .left {

	width: 212px;

	height: 100px;

	overflow: hidden;

	padding: 10px;

	margin-right: 10px

}



.slideTxtBox_3 .ptfa .left img {

	width: 100%

}



.slideTxtBox_3 .ptfa .right {

	float: right;

	width: 328px;

	padding: 20px 36px 0 0

}



.slideTxtBox_3 .ptfa .more {

	float: right

}



.quest {

	overflow: hidden;

	margin-top: 30px

}



.quest .fl {

	width: 422px;

	padding-right: 20px

}



.quest .index-new-qiehuan {

	width: 850px

}



.quest .index-new-qiehuan .hd {

	position: relative;

	height: 30px;

	padding: 0

}



.quest .hd li {

	line-height: 30px;

	margin: 0 6px 0 0;

	float: left;

	width: 100px;

	background: #f1f1f1;

	border-top-left-radius: 10px;

	border-top-right-radius: 10px;

	height: 30px

}



.quest .hd li.on {

	background: #313131

}



.quest .hd li.on a {

	color: #fff

}



.quest .bd {

	overflow: hidden;

	background: #f1f1f1

}



.quest .bd div {

	float: left;

	width: 850px

}



.quest .index-new-qiehuan .bd {

	width: 850px

}



.quest .bd .index-xinwen-list {

	padding: 20px 30px 10px

}



.quest .bd .index-xinwen-list li {

	width: 315px;

	height: 70px;

	float: left;

	margin-bottom: 15px

}



.quest .bd .index-xinwen-list li:nth-child(odd) {

	margin-right: 70px

}



.quest .bd .index-xinwen-list .img {

	width: 70px;

	height: 70px;

	float: left;

	overflow: hidden

}



.quest .bd .index-xinwen-list .img img {

	height: 100%

}



.quest .bd .index-xinwen-list .text {

	float: right;

	width: 230px

}



.quest .bd .index-xinwen-list .title {

	height: 27px;

	overflow: hidden

}



.quest .bd .index-xinwen-list .title a {

	font-size: 14px;

	color: #333

}



.slideTxtBox_2 .askul {

	margin-top: 20px

}



.slideTxtBox_2 .askul li .text {

	width: 310px;

	padding: 0 17px;

	text-align: justify

}



.slideTxtBox_2 .askul li {

	width: 100%;

	height: auto;

	margin: 22px auto!important;

	border-bottom: 1px dotted #e6e6e6;

	overflow: hidden

}



.slideTxtBox_2 .askul li .text {

	width: 310px;

	padding: 0 17px;

	text-align: justify

}



.slideTxtBox_2 .askul li p {

	font-size: 12px;

	line-height: 22px

}



.slideTxtBox_2 .askul li .title a {

	font-size: 14px;

	color: #333

}



.slideTxtBox_2 .askul li:hover .title a {

	color: 94

}



.slideTxtBox_2 .askk {

	width: 345px;

	height: 75px;

	display: block;

	margin-bottom: 20px;

	line-height: 75px;

	text-align: center;

	font-size: 24px;

	color: #fff;

	position: relative;

	background: #313131

}



.slideTxtBox_2 .askk p {

	position: absolute;

	z-index: 1;

	text-align: center;

	width: 100%

}



.slideTxtBox_2 .bd .cont_left {

	width: 84px

}



.com_div {

	padding: 21px 16px 21px 0;

	height: 68px;

	border-bottom: 1px dashed #eaeaea

}



.com_div img {

	width: 68px;

	height: 68px

}



.slideTxtBox_2 .bd .cont_right {

	float: right;

	padding-right: 24px;

	width: 234px

}



.slideTxtBox_2 .bd .cont_right dd {

	height: 68px;

	padding: 21px 0;

	border-bottom: 1px dashed #eaeaea

}



.slideTxtBox_2 .bd .cont_right dd h5 {

	line-height: 27px

}



.slideTxtBox_2 .bd .cont_right dd h5 a:hover {

	text-decoration: underline

}



.slideTxtBox_2 .bd .cont_right dd p {

	color: #666

}



#slideTxtBox_2 .tempWrap {

	height: 305px!important;

	width: 345px

}



.zhekou {

	margin: 56px auto;

	width: 970px

}



.w-1228 {

	width: 1228px;

	margin: 0 auto

}



.im-big-img {

	height: 540px;

	position: relative;

	width: 100%;

	overflow: hidden

}



.im-big-img .im-big-img-banner {

	position: absolute;

	width: 300%;

	height: 100%

}



.im-big-img .im-big-img-banner li {

	float: left;

	width: 33.33%;

	height: 100%;

	position: absolute

}



.im-big-img .im-big-img-banner li img {

	width: 100%;

	height: 100%

}



.im-big-img .im-big-img-banner li div {

	position: absolute;

	left: 25%;

	top: 35%;

	right: 10%;

	color: #fff

}



.im-big-img .im-spe li div {

	left: 10%

}



.im-big-img .im-big-img-banner li div h2 {

	text-align: left;

	color: #fff;

	font-weight: 700;

	font-size: 40px;

	padding: 0;

	line-height: 40px

}



.im-big-img .im-big-img-banner li div p {

	font-size: 16px;

	padding-top: 30px;

	width: 80%;

	line-height: 24px

}



.im-big-img .im-big-img-banner li div p .mobile {

	font-size: 22px

}



.company .com-title {

	text-align: center;

	font-size: 32px;

	color: #373d41;

	line-height: 232px

}



.company .com-title h2 {

	font-size: 28px

}



.company .com-adv,.company .com-intro {

	padding-bottom: 116px

}



.company .com-adv {

	padding-bottom: 0;

	margin-top: 50px

}



.company .com-intro .com-intro-c ul {

	overflow: hidden

}



.company .com-intro .com-intro-c ul li {

	float: left;

	width: 25%;

	box-sizing: border-box;

	border-right: 2px #f2f3f3 solid;

	text-align: center;

	line-height: 120px;

	font-size: 54px;

	color: #000

}



.company .com-intro .com-intro-c ul li:last-child {

	border: 0

}



.company .com-intro .com-intro-c ul li span {

	display: block;

	font-size: 14px;

	line-height: 34px;

	margin-top: 14px;

	font-weight: 700

}



.company .com-intro .com-intro-c p {

	margin-top: 103px;

	font-size: 14px;

	line-height: 24px;

	color: #4a4a4a

}



.company .com-adv .com-adv-c {

	overflow: hidden;

	box-shadow: 0 2px 15px 0 rgba(0,0,0,.15);

	background: #fff

}



.company .com-adv .com-adv-c-l {

	width: 282px;

	height: 424px;

	background: #f5f5f6

}



.company .com-adv .com-adv-c-l li {

	border-right: 1px solid #d7d8d9;

	height: 64px;

	line-height: 64px;

	color: #333;

	font-size: 14px;

	cursor: pointer;

	padding-left: 36px;

	text-align: left

}



.company .com-adv .com-adv-c-l li:hover {

	color: #00c1de

}



.company .com-adv .com-adv-c-l li.on {

	background: #fff;

	color: #00a2ca;

	border-left: 4px solid #00c1de;

	position: relative;

	padding-left: 32px;

	border-right: 0;

	border-top: 1px solid #d7d8d9;

	border-bottom: 1px solid #d7d8d9;

	height: 62px;

	line-height: 62px

}



.company .com-adv .com-adv-c-r {

	width: 830px;

	height: 344px;

	padding: 40px;

	border-left: 1px solid #d7d8d9;

	margin-left: -1px

}



.company .com-adv .com-adv-c-r>ul>li {

	display: none

}



.company .com-adv .com-adv-c-r>ul>li:first-child {

	display: block

}



.company .com-adv .com-adv-c-r li {

	padding: 0 60px;

	text-align: left

}



.company .com-adv .com-adv-c-r li h3 {

	color: #333;

	font-size: 16px;

	margin-bottom: 12px

}



.company .com-adv .com-adv-c-r li ul {

	margin-bottom: 16px

}



.company .com-adv .com-adv-c-r li ul li {

	padding: 0;

	color: #666;

	line-height: 24px;

	font-size: 14px

}



h2 {

	font-size: 24px;

	color: #333;

	padding-bottom: 10px;

	font-weight: 400;

	text-align: center

}



.w-1228 p {

	font-size: 14px

}



.spe-tit {

	margin-bottom: -80px

}



.company .w-1228 img {

	width: 100%

}



.chejian-service ul {

	overflow: hidden

}



.chejian-service ul li {

	float: left;

	width: 22%;

	margin-right: 4%;

	box-sizing: border-box;

	border: 8px solid #ccc;

	padding: 50px 55px 60px;

	text-align: center

}



.chejian-service ul li:last-child {

	margin-right: 0

}



.company .w-1228 .chejian-service ul li img {

	width: 50%

}



.chejian-service ul li hr {

	width: 80%;

	margin: 35px auto;

	height: 5px;

	background: #ccc;

	border: 0

}



.chejian-service ul li p {

	color: #000;

	font-size: 22px;

	font-weight: 700;

	line-height: 30px

}



.neiye-banner2 img {

	width: 100%

}



.neiye-banner2 .contact-us-text {

	width: 100%;

	text-align: center;

	position: absolute;

	left: 50%;

	margin-left: -50%;

	top: 20%

}



.neiye-banner2 .contact-us-text h2 {

	font-size: 36px;

	font-weight: 700

}



.neiye-banner2 .contact-us-text .des {

	font-size: 14px;

	padding: 10px 0;

	color: #000

}



.neiye-banner2 .contact-us-text .tel {

	font-size: 18px;

	color: #000

}



.lianxi {

	border: 1px dotted #ccc

}



.lianxi p {

	float: left;

	font-size: 14px;

	line-height: 30px;

	text-align: left;

	border-left: 1px dotted #ccc;

	padding: 1.5%;

	width: 30.2%;

	color: #000

}



.lianxi p img {

	float: left;

	margin-right: 10px

}



.prod-chejian .chejian-tit {

	font-weight: 400;

	font-size: 18px;

	padding-bottom: 10px;

	display: inline-block;

	line-height: 30px

}



.web-list {

	margin-bottom: 50px

}



.web-list ul {

	overflow: hidden

}



.web-list ul li {

	width: 16%;

	float: left;

	margin: 0 5% 20px 0;

	box-sizing: border-box;

	padding: 20px 30px;

	text-align: center

}



.web-list ul li:nth-of-type(5n) {

	margin-right: 0

}



.company .w-1228 .web-list ul li img {

	width: 60px;

	height: 60px

}



.web-list ul li p {

	padding: 10px 0 0

}



.web-list ul li img {

	width: 60px;

	height: 60px

}



.clearfix:after {

	content: '';

	display: block;

	clear: both

}



#inner-container {

	padding-bottom: 50px

}



#inner-container .inner-title {

	position: relative;

	height: 50px;

	line-height: 50px;

	padding: 20px 0

}



#inner-container .title {

	width: 270px;

	margin: 0 auto;

	text-align: center;

	font-size: 28px;

	font-weight: 400;

	color: #000;

	padding: 0 30px;

	background: #fff;

	position: relative;

	z-index: 1

}



#inner-container .in-tit-p {

	text-align: center;

	font-size: 16px;

	color: #5f6367;

	margin-top: -10px

}



#inner-container .about-co .title,#inner-container .advantages .title {

	background: 0 0

}



#inner-container .advantages {

	padding: 30px 0 50px;

	background: #f5f5f5

}



#inner-container .advantages .adv-c {

	padding-top: 70px

}



#inner-container .advantages .adv-c li {

	float: left;

	width: 25%;

	box-sizing: border-box;

	text-align: center

}



#inner-container .advantages .adv-c li img {

	width: 55px;

	margin-bottom: 15px

}



#inner-container .advantages .adv-c li h2 {

	margin-bottom: 5px;

	color: #373d41;

	line-height: 28px;

	font-size: 16px

}



#inner-container .advantages .adv-c li p {

	color: #a9b0b4;

	font-size: 14px;

	line-height: 22px;

	width: 250px;

	margin: 0 auto

}



#inner-container .about-co {

	padding: 30px 0

}



#inner-container .about-co-c {

	margin-top: 70px

}



#inner-container .about-co-c ul li {

	float: left;

	width: 49%;

	height: 226px;

	margin: 0 2% 30px 0;

	box-sizing: border-box;

	border: 1px solid #eaeaea;

	padding: 25px;

	transition: all .4s ease

}



#inner-container .about-co-c ul li:hover {

	border: 1px solid #ccc;

	box-shadow: 0 0 4px 1px #ccc

}



#inner-container .about-co-c ul li:nth-of-type(2n) {

	margin-right: 0

}



#container .cooperation .co-plan ul li:last-child,#inner-container .about-co-c ul li:nth-child(3) {

	margin-bottom: 0

}



#inner-container .about-co-c ul li .co-tit {

	font-size: 18px;

	font-weight: 700;

	margin-bottom: 10px;

	color: #262829

}



#inner-container .about-co-c ul li .co-des {

	display: block;

	font-size: 14px;

	color: #262829;

	margin-bottom: 10px

}



#inner-container .about-co-c ul li a {

	display: inline-block;

	border: 1px solid #00c1de;

	width: 120px;

	text-align: center;

	padding: 4px 0;

	margin-right: 15px;

	font-size: 14px;

	color: #00c1de;

	transition: all .4s ease

}



#inner-container .about-co-c ul li a:hover {

	background: #00c1de;

	color: #fff

}



#inner-container .about-co-c ul li a.on {

	background: #00c1de;

	color: #fff;

	transition: all .4s ease

}



#inner-container .about-co-c ul li a.on:hover {

	background: #33cde5

}



.zt-more {

	display: block;

	width: 200px;

	height: 35px;

	line-height: 35px;

	margin: 25px auto 50px;

	text-align: center;

	border: 1px solid #333;

	border-radius: 17.5px;

	font-size: 16px

}



input:focus {

	outline: 0

}



.f-r {

	float: right

}



.tip-box {

	z-index: 3147483647

}



.contact-box {

	position: fixed;

	right: 0;

	top: 35%;

	color: #fff;

	width: 90px;

	text-align: center;

	z-index: 5

}



.contact-box span {

	display: block;

	font-size: 12px;

	padding-top: 10px

}



.contact-box li {

	padding: 10px 0;

	background: rgba(0,0,0,.8);

	cursor: pointer

}



.contact-box li:first-child {

	padding-top: 15px;

	border-radius: 4px 0 0 0

}



.contact-box li:last-child {

	padding-bottom: 15px;

	border-radius: 0 0 0 4px

}



.contact-box li:hover {

	background: rgba(0,0,0,.9)

}



.call-box {

	background: #fff;

	z-index: 10000;

	display: none;

	width: 514px;

	height: 280px;

	position: fixed;

	top: 50%;

	margin-top: -140px;

	right: 100px;

	box-shadow: 0 0 5px 1px #484343;

	text-align: center;

	box-sizing: border-box;

	padding: 20px

}



.call-box .large-tit {

	font-size: 33px;

	font-weight: 700;

	color: #212224;

	line-height: 24px;

	margin-bottom: 16px

}



.call-box .common-p span {

	font-size: 12px;

	color: #999;

	text-align: justify

}



.call-box .sub-tit {

	line-height: 24px;

	margin-bottom: 1rem

}



.call-box input {

	width: 370px;

	height: 34px;

	border: 1px solid #ccc;

	border-radius: 4px;

	text-indent: 10px;

	font-size: 16px

}



.call-box input::-webkit-input-placeholder {

	color: #999;

	font-size: 16px

}



.call-box .des {

	line-height: 24px;

	margin-top: 16px

}



.call-box .call-back {

	display: inline-block;

	width: 112px;

	height: 42px;

	line-height: 42px;

	background: #212224;

	color: #fff;

	font-size: 14px;

	border-radius: 2px;

	margin-top: 20px

}



.call-box .call-back:hover {

	background: #5b5e63

}



.call-box .call-close {

	position: absolute;

	top: 5px;

	right: 5px;

	cursor: pointer

}



.apply-box {

	background: #fff;

	z-index: 10001;

	display: none;

	width: 400px;

	height: 500px;

	position: fixed;

	top: 50%;

	margin-top: -310px;

	right: 100px;

	box-shadow: 0 0 5px 1px #484343;

	box-sizing: border-box;

	padding: 0 20px;

	background: #fff

}



.apply-box .a-b-tit {

	border-bottom: 2px solid #212224;

	padding: 10px 0 10px 10px

}



.apply-box .a-b-con {

	overflow: hidden;

	box-sizing: border-box;

	padding: 10px 20px

}

.apply-box .a-b-con .input-area {

	padding: 20px 0;

	height: 557px;

	box-sizing: border-box;

}



.apply-box .a-b-con .input-area li {

	overflow: hidden;

	margin-bottom: 20px

}



.apply-box .a-b-con .input-area li .red {

	vertical-align: middle;

	color: red

}



.apply-box .a-b-con .input-area li .left {

	width: 20%;

	text-align: right;

	line-height: 26px;

	font-size: 15px

}



.apply-box .a-b-con .input-area li .right {

	width: 80%;

	position: relative

}



.apply-box .a-b-con .input-area li .right input {

	margin-left: 10px;

	height: 26px;

	line-height: 26px;

	text-indent: 10px;

	width: 95%;

	border: 1px solid #ccc

}



.apply-box .a-b-con .input-area li .right input.active {

	border-color: red

}



.apply-box .a-b-con .input-area li .right select {

	height: 28px;

	border-radius: 0;

	border: 1px solid #ccc

}



.apply-box .a-b-con .input-area li .right #cmbProvince {

	margin-left: 10px

}



.apply-box .a-b-con .input-area li .right textarea {

	margin-left: 10px;

	width: 269px;

	height: 150px;

	font-size: 14px;

	padding: 5px 10px;

	resize: none;

	border: 1px solid #ccc

}



.apply-box .a-b-con .input-area li .right .abs {

	position: absolute;

	right: 10px;

	top: 3.5px;

	font-size: 14px;

	color: #666

}



.apply-box .submit {

	display: inline-block;

	width: 100px;

	height: 35px;

	line-height: 35px;

	background: #212224;

	color: #fff;

	font-size: 14px;

	border-radius: 4px;

	margin-top: 20px;

	text-align: center;

	margin-left: 120px

}



.apply-box .submit:hover {

	background: #5b5e63

}



.apply-box .call-close {

	position: absolute;

	top: 5px;

	right: 5px;

	cursor: pointer

}



textarea {

	resize: none;

	vertical-align: top

}



.w-mc {

	width: 1112px;

	margin: 0 auto

}



.w-880 {

	width: 880px;

	margin: 0 auto

}









/*高端定制产品开始*/







.main-content-new {

	font-size: 16px;

	margin-top: 50px

}



 .mc-banner img {

	width: 100%

}



.main-content-new a{

	text-decoration: none;

	color: #333;

	transition: all .3s ease;

	cursor: pointer

}



.main-content-new a img {

	transition: all .3s ease

}



 a:hover {

	color: red

}



.main-content-new a:hover img {

	transform: scale(1.2)

}



 .mc-title {

	font-size: 30px;

	text-align: center;

	margin-bottom: 20px;

	color: #333;

	line-height: 34px

}



 .mc-time {

	text-align: center;

	margin-bottom: 30px

}



 .mc-context .mc-des {

	font-weight: 600;

	margin-bottom: 35px;

	line-height: 30px;

	padding: 6px 15px;

	background: #e1e1e1;

	box-sizing: border-box

}



 .mc-context .mc-body a {

	color: #00f

}



 .mc-body div{

	line-height: 30px;

	letter-spacing: 1px;

	text-align: justify

}



 .mc-body .contact-friends-img, .mc-body .product-box-new {

	width: 1112px;



}

.news-title {

	padding-top: 40px;

	width: 100%;

	left: 0;

	background: #f2f2f2;



}

.product-box .box-img ul {

	margin-left: 5%;

}

.box-img {

	background: #f2f2f2;

	width: 100%;



}



 .mc-body a:hover img {

	transform: scale(1)

}



 .more {

	color: black!important;

	display: block;

	width: 180px;

	text-align: center;

	margin: 40px auto 0;

	padding: 10px;

	border-top: 1px solid #f78181;

	border-bottom: 1px solid #f78181

}



 .more:hover {

	color: #f78181

}



 .mc-body img {

	margin: 20px 0

}



 .mc-common-title {

	font-size: 28px;

	text-align: center;

	color: #333;

	padding: 70px 0 70px 0;



}



 .mc-introduce .mc-small-title,.product-details__info .mc-small-title {

	font-size: 24px;

	margin-top: 20px

}



 .mc-introduce .mc-img-zt {

	margin-top: 30px

}



 .mc-introduce .mc-img-zt ul {

	overflow: hidden

}



 .mc-introduce .mc-img-zt ul li {

	float: left;

	width: 32%;

	margin-right: 2%

}



 .mc-introduce .mc-img-zt ul li:last-child {

	margin-right: 0

}



 .mc-introduce .mc-img-zt ul li img {

	width: 100%;

	height: auto;

	border: none

}



 .mc-introduce .mc-img-zt ul li p {

	text-align: center

}



 .mc-introduce .mc-zt-location {

	margin-top: 50px

}



 .mc-introduce .kf-online {

	border: 1px solid #f25807;

	padding: 5px 30px;

	font-size: 14px;

	color: #f25807

}



 .mc-introduce .kf-online:hover {

	background: #f25807;

	color: #fff

}



 .mc-bg-product .mc-bg-p-body ul {

	overflow: hidden

}



 .mc-bg-product .mc-bg-p-body ul li {

	float: left;

	width: 22.75%;

	height: 230px;

	overflow: hidden;

	margin: 0 3% 20px 0

}



 .mc-bg-product .mc-bg-p-body ul li:nth-of-type(4n) {

	margin-right: 0

}



 .mc-bg-product .mc-bg-p-body ul li .img-wrap {

	width: 100%;

	height: 182px;

	overflow: hidden

}



 .mc-bg-product .mc-bg-p-body ul li .img-wrap img {

	width: 100%;

	height: 100%;

	border: none

}



 .mc-bg-product .mc-bg-p-body ul li p {

	text-align: center

}



 .mc-bg-product .mc-n-p-body {

	margin-bottom: 50px

}



 .mc-bg-product .mc-n-p-body li p {

	line-height: 20px;

	margin-top: 10px

}



 .mc-bg-product .more-about {

	display: block;

	width: 280px;

	box-sizing: border-box;

	padding: 11px 15px;

	line-height: 1.5;

	text-align: center;

	margin: 20px auto 100px;

	border-top: 1px solid #f78181;

	border-bottom: 1px solid #f78181

}



 .mc-price .mc-common-title {

	padding-top: 50px;

	margin: 50px auto

}



 .mc-price-body .mc-input-item {

	text-align: center;

	margin-bottom: 20px

}



 .mc-price-body .mc-input-item label {

	width: 120px;

	display: inline-block;

	text-align: right;

	letter-spacing: 1px

}



 .mc-price-body .mc-input-item input {

	width: 300px;

	text-indent: 5px;

	border: 1px solid #ccc;

	padding: 5px 0;

	border-radius: 2px;

	line-height: 22px;

	font-size: 16px

}



 .mc-price-body .mc-input-item select {

	width: 150px !important;

	height: 28px;

	border-radius: 0;

	border: 1px solid #ccc;

}



 .mc-price-body .mc-input-item textarea {

	width: 302px;

	height: 20px;

	text-indent: 5px;

	border: 1px solid #ccc;

	padding: 5px 0;

	border-radius: 2px;

	font-size: 16px

}



 .mc-price-body .mc-input-item .mc-btn {

	display: inline-block;

	background: #333;

	padding: 5px 50px;

	color: #fff;

	font-size: 14px;

	margin-top: 20px

}



 .mc-price-body .mc-input-item .mc-btn:hover {

	background: #5f5d5d

}



 .prod-ques .mc-common-title {

	width: 880px;

	margin: 50px auto!important;

	border-top: 1px solid #ccc!important

}







/*高端定制产品结束*/









.templet-text {

	width: 880px;

	margin: 0 auto;

}



.template-size-img {

	text-align: center !important;

	margin: 0 auto;

}



.template-size-img p{

	text-align: center !important;

	margin-bottom: 20px;

}



.template-size-img img{

	margin-top: 40px !important;

	width: 600px;

}



.single-recommend {

	width: 880px;

	margin: 0 auto;

}



.single-recommend-img {

	background-color: #f6f6f6;

	width: 880px;

	margin: 0 auto;

	margin-top: 40px;

	margin-bottom: 40px;

	padding-top: 30px;

	padding-bottom: 10px;

	height: 200px;

}



.single-recommend-title {

	color: #313131;

    font-size: 15px;

    font-weight: 700;

}



.single-recommend-desc {

	margin-right: 10px;

	margin-bottom: 5px !important;

	font-size: 13px !important;

    font-weight: 400;

	color: #a0a0a0;

	line-height: 14px !important;

}



.single-recommend-img img{

	width: 245px;

	height: 175px;

	float: left;

	margin: 0 20px 0 20px !important;

}

.single-recommend-img p{

	margin-bottom: 10px;

}



.single-recommend-img a {

	display: inline-block;

	margin-top: 10px;

	background-color: red;

	padding: 4px 20px 4px 20px;

	border-radius: 5px;

	color: white !important;

	font-size: 16px;

}



.w-new {

	width: 1228px;

	margin: 0 auto

}



.w-880 {

	width: 880px;

	margin: 0 auto

}



.w-1112 {

	width: 1112px;

	margin: 0 auto

}



.ali-col-4-y ul {

	overflow: hidden

}



.ali-col-4-y ul li {

	float: left;

	width: 290px;

	height: 226px;

	border: 1px solid #eaeaea;

	margin: 0 20px 20px 0;

	text-align: center

}



.ali-col-4-y ul li:hover {

	border-color: #1b1b1b

}



.ali-col-4-y ul li:nth-child(4n) {

	margin-right: 0

}



.ali-col-4-y ul li div {

	width: 60px;

	height: 60px;

	margin: 42px auto 0

}



.ali-col-4-y ul li .title {

	font-size: 18px;

	color: #333;

	line-height: 54px

}



.ali-col-4-y ul li .sub-title {

	font-size: 12px;

	color: #666;

	line-height: 20px;

	width: 80%;

	margin: 0 auto

}



.ali-col-4-x ul {

	overflow: hidden

}



.ali-col-4-x ul li {

	float: left;

	width: 290px;

	height: 142px;

	border: 1px solid #eaeaea;

	margin: 0 20px 20px 0

}



.ali-col-4-x ul li:hover {

	border-color: #1b1b1b

}



.ali-col-4-x ul li:nth-child(4n) {

	margin-right: 0

}



.ali-col-4-x ul li .left {

	float: left;

	width: 46px;

	height: 46px;

	margin: 39px 0 0 30px

}



.ali-col-4-x ul li .right {

	float: right;

	margin-top: 39px;

	width: 179px;

	height: 103px

}



.ali-col-4-x ul li .right .title {

	font-size: 18px;

	color: #333;

	line-height: 18px;

	margin-bottom: 8px

}



.ali-col-4-x ul li .right .sub-title {

	font-size: 12px;

	color: #666;

	line-height: 20px;

	width: 80%

}



.ali-col-3-x ul {

	overflow: hidden

}



.ali-col-3-x ul li {

	float: left;

	width: 388px;

	height: 143px;

	border: 1px solid #eaeaea;

	margin-right: 29px

}



.ali-col-3-x ul li:nth-child(3n) {

	margin-right: 0

}



.ali-col-3-x ul li:hover {

	border-color: #1b1b1b

}



.ali-col-3-x ul li .left {

	width: 40px;

	height: 40px;

	float: left;

	margin: 39px 0 0 65px

}



.ali-col-3-x ul li .right {

	width: 252px;

	height: 102px;

	float: right;

	margin-top: 39px

}



.ali-col-3-x ul li .right .title {

	color: #333;

	line-height: 18px;

	font-size: 18px;

	margin-bottom: 16px

}



.ali-col-3-x ul li .right .sub-title {

	color: #666;

	line-height: 12px;

	font-size: 12px;

	margin-bottom: 9px

}



.ali-col-2 ul {

	overflow: hidden

}



.ali-col-2 ul li {

	float: left;

	width: 49%;

	height: 138px;

	margin: 2px 2% 30px 0;

	box-sizing: border-box;

	border: 1px solid #eaeaea;

	padding: 25px;

	transition: all .4s ease

}



.ali-col-2 ul li:nth-child(2n) {

	margin-right: 0

}



.ali-col-2 ul li:hover {

	border: 1px solid #ccc;

	box-shadow: 0 0 4px 1px #ccc

}



.ali-col-2 ul li .title {

	font-size: 18px;

	font-weight: 600;

	margin-bottom: 10px;

	color: #262829

}



.ali-col-2 ul li .description {

	font-size: 14px;

	color: #262829;

	margin-bottom: 10px

}



.ali-title {

	position: relative;

	margin: 70px auto;

	text-align: center

}



.ali-title .text {

	display: inline-block;

	line-height: 31px;

	margin: 0 auto;

	padding: 0 50px;

	font-size: 26px;

	background: #fff;

	position: relative;

	z-index: 2;

	color: #333

}



.ali-title .line {

	width: 100%;

	height: 1px;

	background: #ddd;

	position: absolute;

	top: 15px;

	left: 0;

	z-index: 1

}



.ali-sub-title p {

	line-height: 20px;

	font-size: 16px;

	margin-bottom: 30px;

	text-align: center

}



.ali-join-us {

	height: 1450px;

	background: url(../images/join-bg.jpg) no-repeat;

	background-size: cover;

	background-attachment: fixed;

	padding: 40px 0;

	text-align: center;

	color: #fff;

	margin-bottom: 50px

}



.ali-join-us .w {

	width: 1228px;

	margin: 0 auto

}



.ali-join-us h2 {

	font-weight: 400;

	font-size: 26px;

	height: 42px;

	line-height: 42px;

	color: #fff

}



.ali-join-us .body {

	text-align: left

}



.ali-join-us .body ul li {

	padding: 100px 0

}



.ali-join-us .body ul li h3 {

	padding-left: 50px;

	font-size: 20px;

	height: 48px;

	line-height: 48px;

	font-weight: 400

}



.ali-join-us .body ul li p {

	padding-left: 200px;

	font-size: 16px;

	height: 30px;

	line-height: 30px

}



.vitra-words-page .first-title,.vitra-words-page .title {

	font-size: 28px;

	text-align: center;

	color: #333;

	margin: 70px auto;

	line-height: 32px

}



.vitra-words-page .title {

	padding-top: 100px;

	border-top: 1px solid #ccc

}



.vitra-words-page .body p {

	line-height: 30px;

	letter-spacing: 1px;

	color: #666;

	font-size: 16px;

	text-align: justify

}



.vitra-words-page .sub-title {

	font-size: 24px;

	margin-top: 30px;

	color: #666;

	margin-bottom: 5px

}



.vitra-words-page .col-4 {

	margin-top: 30px

}



.vitra-words-page .col-4 ul {

	overflow: hidden

}



.vitra-words-page .col-4 ul li {

	float: left;

	width: 22.75%;

	height: 230px;

	margin: 0 3% 20px 0;

	text-align: center;

	overflow: hidden

}



.vitra-words-page .col-4 ul li:nth-child(4n) {

	margin-right: 0

}



.vitra-words-page .col-4 ul li p a {

	font-size: 16px;

	color: #666;

	line-height: 30px;

	letter-spacing: 1px

}



.vitra-words-page .col-4 ul li a {

	color: #333;

	transition: all .3s ease

}



.vitra-words-page .col-4 ul li div {

	height: 182px;

	overflow: hidden

}



.vitra-words-page .col-4 ul li img {

	width: 100%;

	height: 100%;

	border: none;

	transition: all .3s ease

}



.vitra-words-page .col-4 ul li a:hover img {

	transform: scale(1.2)

}



.vitra-words-page .col-3 ul {

	overflow: hidden;

	margin-top: 30px

}



.vitra-words-page .col-3 ul li {

	float: left;

	width: 32%;

	margin: 0 2% 20px 0;

	text-align: center;

	overflow: hidden

}



.vitra-words-page .col-3 ul li:nth-child(3n) {

	margin-right: 0

}



.vitra-words-page .col-3 ul li div {

	overflow: hidden

}



.vitra-words-page .col-3 ul li img {

	width: 100%;

	height: auto;

	border: none;

	transition: all .3s ease

}



.vitra-words-page .col-3 ul li:hover img {

	transform: scale(1.2)

}



.vitra-words-page .col-3 ul li p {

	font-size: 16px;

	color: #666;

	line-height: 30px;

	letter-spacing: 1px

}



.vitra-words-page .col-2 ul {

	overflow: hidden

}



.vitra-words-page .col-2 ul li {

	float: left;

	width: 49%;

	margin-right: 2%;

	text-align: center

}



.vitra-words-page .col-2 ul li:nth-child(2n) {

	margin-right: 0

}



.vitra-words-page .col-2 ul li div {

	overflow: hidden

}



.vitra-words-page .col-2 ul li img {

	width: 100%;

	height: auto;

	border: none

}



.vitra-words-page .kefu .input-item {

	text-align: center;

	margin-bottom: 20px

}



.vitra-words-page .kefu .input-item label {

	width: 120px;

	display: inline-block;

	text-align: right;

	letter-spacing: 1px;

	font-size: 16px

}



.vitra-words-page .kefu .input-item input {

	width: 300px;

	text-indent: 5px;

	border: 1px solid #ccc;

	padding: 5px 0;

	border-radius: 2px;

	line-height: 22px;

	font-size: 16px

}



.vitra-words-page .kefu .input-item textarea {

	width: 302px;

	height: 50px;

	text-indent: 5px;

	border: 1px solid #ccc;

	padding: 5px 0;

	border-radius: 2px;

	font-size: 16px

}



.vitra-words-page .kefu .input-item .btn {

	display: inline-block;

	background: #333;

	padding: 5px 50px;

	color: #fff;

	font-size: 14px;

	margin-top: 20px;

	transition: all .3s ease;

	cursor: pointer

}



.vitra-words-page .kefu .input-item .btn:hover {

	background: #5f5d5d

}



.vitra-words-page .img img {

	width: 100%;

	height: auto;

	margin-top: 30px

}



.product-list__banner {

	position: relative

}



.product-list__banner__new {

	margin-top: -50px

}



.product-list__banner .text-wrapper {

	position: absolute;

	top: 0;

	width: 100%;

	height: 70vh;

	line-height: 70vh;

	text-align: center

}



.product-list__banner .text {

	display: inline-block;

	width: 50%;

	color: #333;

	font-weight: 400;

	background: rgba(255,255,255,.7);

	padding: 40px 21px;

	max-width: 620px;

	line-height: 1.3;

	vertical-align: middle

}



.product-list__banner .text .title {

	font-size: 36px;

	margin-bottom: 24px;

	letter-spacing: .5px;

	text-align: center;

	line-height: 38px

}



.product-list__banner .text .desc {

	font-size: 17px;

	margin-bottom: 16px;

	letter-spacing: .32px;

	text-align: center

}



.product-list__banner .img {

	height: 70vh;

	background-size: cover;

	background-position: center

}



.product-list__description>div {

	padding: 55px 0;

	font-size: 22px;

	line-height: 1.3;

	color: #333;

	letter-spacing: .32px

}



.product-list__description .container-center {

	padding: 0 10px;

	margin: 0 auto;

	max-width: 900px;

	text-align: justify

}



.product-list__description b {

	font-weight: 600;

	color: #000

}



.bg__grey {

	background: #f2f2f2

}



.product-list__categories .wrapper>div {

	padding: 80px 0 125px

}



.product-list__categories .wrapper .container-center {

	padding: 0 10px;

	max-width: 1132px;

	margin: 0 auto;

	box-sizing: border-box

}



.product-list__categories .wrapper .title {

	text-align: center;

	font-size: 28px;

	line-height: 1.3;

	font-weight: 400;

	color: #333;

	margin-bottom: 48px;

	letter-spacing: .32px

}



.news-list__wrapper .content ul,.product-list__categories .wrapper .content {

	overflow: hidden

}



.news-list__wrapper .content .item,.product-list__categories .wrapper .content .item {

	float: left;

	width: 32%;

	margin-right: 2%;

	padding-bottom: 32px;

	vertical-align: top

}



.news-list__wrapper .content .item:nth-child(3n),.product-list__categories .wrapper .content .item:nth-child(3n) {

	margin-right: 0

}



.news-list__wrapper .content .item>div,.product-list__categories .wrapper .content .item>div {

	margin-bottom: 20px

}



.news-list__wrapper .content .item a,.product-list__categories .wrapper .content .item a {

	display: block

}



.news-list__wrapper .content .item a img,.product-list__categories .wrapper .content .item a img {

	width: 100%;

	height: auto

}



.news-list__wrapper .content .item a:hover img {

	transform: none

}



.news-list__wrapper h2 {

	font-size: 22px;

	padding-bottom: 50px

}



.news-list__wrapper .content .item>p,.product-list__categories .wrapper .content .item>p {

	text-align: center;

	font-size: 14px;

	line-height: 1.3;

	color: #333;

	letter-spacing: .32px

}



.news-list__wrapper .content .item>p.item-title,.product-list__categories .wrapper .content .item>p.item-title {

	font-size: 16px;

	margin-bottom: 5px

}



.news-list__wrapper .content .item>p.item-desc,.product-list__categories .wrapper .content .item>p.item-desc {

	height: 54px

}



.product-list__categories .wrapper .mc-bg-p-body ul {

	overflow: hidden

}



.product-list__categories .wrapper .mc-bg-p-body ul li {

	float: left;

	width: 22.75%;

	height: 230px;

	overflow: hidden;

	margin: 0 3% 20px 0

}



.product-list__categories .wrapper .mc-bg-p-body ul li:nth-of-type(4n) {

	margin-right: 0

}



.product-list__categories .wrapper .mc-bg-p-body ul li .img-wrap {

	width: 100%;

	height: 182px;

	overflow: hidden

}



.product-list__categories .wrapper .mc-bg-p-body ul li .img-wrap img {

	width: 100%;

	height: 100%;

	border: none

}



.product-list__categories .wrapper .mc-bg-p-body ul li p {

	text-align: center

}



.product-details__title {

	margin-bottom: 58px

}



.product-details__title h1 {

	display: block;

	font-size: 30px;

	line-height: 1.3;

	font-weight: 400;

	color: #333;

	margin-bottom: 13px;

	text-align: center;

	letter-spacing: .32px

}



.product-details__title h2 {

	padding-top: 10px;

	font-size: 20px;

	line-height: 28px

}



.product-details__banner {

	margin-bottom: 58px

}



.product-details__banner img {

	width: 100%;

	height: auto

}



.product-details__description {

	padding-bottom: 70px;

	border-bottom: 1px solid #ccc;

	margin-bottom: 70px

}



.product-details__bigimg .bigimg-item .text,.product-details__description {

	line-height: 30px;

	letter-spacing: 1px;

	font-size: 16px;

	text-align: justify

}



.product-details__bigimg .bigimg-item ul,.product-details__bigimg .bigimg-item-new ul {

	overflow: hidden

}



.product-details__bigimg .bigimg-item ul li {

	float: left;

	width: 49.2%;

	margin-right: 1.6%

}



.product-details__bigimg .bigimg-item-new ul li {

	float: left;

	width: 32.2%;

	margin-right: 1.7%

}



.product-details__bigimg .bigimg-item ul li:nth-child(2n),.product-details__bigimg .bigimg-item-new ul li:nth-child(3n) {

	margin-right: 0

}



.product-details__bigimg .bigimg-item ul li img,.product-details__bigimg .bigimg-item-new ul li img {

	width: 100%

}



.product-details__bigimg .bigimg-item .text,.product-details__bigimg .bigimg-item-new .text {

	margin: 32px auto

}



.product-details__size .size-img {

	text-align: center

}



.product-details__size .size-img .w-880 {

	padding-bottom: 70px

}



.product-details__match {

	background: #f6f6f6;

	padding-bottom: 100px

}



.product-details__match .match-item {

	background: #fff;

	overflow: hidden;

	padding: 25px 70px

}



.product-details__match .match-item a {

	display: block

}



.product-details__match .match-item a img {

	width: 100%;

	height: auto

}



.product-details__match .match-item a:hover img {

	transform: none

}



.product-details__match .match-item .match-img {

	overflow: hidden;

	width: 730px;

	float: left;

	border-right: 1px solid #d2d2d2

}



.product-details__match .match-item .match-img>div {

	float: left;

	width: 93px;

	text-align: center

}



.product-details__match .match-item .match-img .match-img__plus {

	line-height: 93px;

	font-size: 26px

}



.product-details__match .match-item .match-img p {

	font-size: 14px;

	text-align: center

}



.product-details__match .match-item .match-text {

	float: right;

	width: 200px;

	height: 100%;

	box-sizing: border-box;

	padding-top: 20px;

	font-size: 14px;

	letter-spacing: 1px

}



.recommond-wrapper {

	background: #f2f2f2;

	padding-bottom: 100px

}



.recommond-wrapper .content ul {

	text-align: center

}



.recommond-wrapper .content .item {

	width: 250px;

	display: inline-block;

	vertical-align: top;

	margin-right: 15px

}



.recommond-wrapper .content .item img {

	width: 100%;

	height: auto

}



.recommond-wrapper .content .item p {

	text-align: center;

	font-size: 14px

}



.recommond-wrapper .content .item a:hover img {

	transform: none

}



.recommond-wrapper .content .item>div {

	margin-bottom: 10px

}



.recommond-wrapper .content .item .item-title {

	line-height: 24px

}



.cc-index * {

	font-size: 16px;

	font-family: 'Microsoft YaHei',"Microsoft YaHei",sans-serif;

	letter-spacing: 1px

}



.w-1228 {

	width: 1228px;

	margin: 0 auto

}



.cc-index {

	font-size: 16px;

	font-family: 'Microsoft YaHei',"Microsoft YaHei",sans-serif;

	letter-spacing: 1px

}



.cc-index img {

	border: 0;

	vertical-align: top

}



.cc-index li,ul {

	list-style: none

}



.cc-index a {

	text-decoration: none;

	color: #313131

}



.cc-index i,em {

	font-style: normal

}



._left {

	float: left

}



._right {

	float: right

}



.cc-index .banner-slider {

	text-align: center

}



.cc-index .banner-slider ul {

	position: relative

}



.cc-index .banner-slider li {

	position: absolute;

	top: 0;

	left: 0;

	font-size: 0;

	opacity: 0

}



.cc-index .banner-slider li a {

	display: block;

	font-size: 0

}



.cc-index .banner-slider li a img {

	width: 100%;

	height: auto

}



.cc-index .banner-slider dl {

	margin: 15px auto 0;

	display: inline-block

}



.cc-index .banner-slider dl dd {

	display: inline-block;

	background: #ccc;

	width: 26px;

	height: 6px;

	margin: 10px 3px;

	background: #d2d2d2;

	border-radius: 3px;

	cursor: pointer

}



.cc-index .banner-slider dl dd:first-child {

	background: #000

}



#cc-index-header .top {

	height: 36px;

	line-height: 36px;

	background: #313131;

	position: fixed;

	width: 100%;

	left: 0;

	top: 0;

	z-index: 100;

	padding: 0 0 0 50px;

	box-sizing: border-box

}



#cc-index-header .top-inner {

	height: 50px;

	line-height: 50px

}



.phone-btn,.phone-menu,.phone-menu-mask {

	display: none

}



#cc-index-header .top .top-welcome {

	display: inline;

	color: #fff

}



#cc-index-header .top .top-welcome span {

	font-size: 13px

}



#cc-index-header .top .slide-nav {

	display: none;

	float: left;

	overflow: hidden

}



#cc-index-header .top .slide-nav-inner {

	display: block

}



#cc-index-header .top .slide-nav>div {

	float: left;

	height: 50px;

	line-height: 50px

}



#cc-index-header .top .slide-nav .logo-small {

	padding-right: 20px

}



#cc-index-header .top .slide-nav .logo-small img {

	vertical-align: middle

}



#cc-index-header .top .slide-nav .logo-small .pc-logo {

	width: 140px;

	height: auto

}



#cc-index-header .top .slide-nav .logo-small .phone-logo {

	display: none

}



#cc-index-header .top .slide-nav-right {

	float: right;

	overflow: hidden

}



#cc-index-header .top .slide-nav-right>ul>li {

	float: left;

	line-height: 36px;

	padding-right: 30px

}



#cc-index-header .top .slide-nav-right>ul>li:nth-of-type(4) {

	padding-right: 0

}



#cc-index-header .top .slide-nav-right>ul>li {

	line-height: 36px;

	height: 36px

}



#cc-index-header .top-inner .slide-nav-right>ul>li {

	line-height: 50px;

	height: 50px

}



#cc-index-header .top .slide-nav-right>ul>li>a {

	height: 44px;

	letter-spacing: 0

}



#cc-index-header .top .slide-nav-right li a {

	color: #fff;

	font-size: 13px;

	display: block

}



#cc-index-header .top .slide-nav .nav-action>ul {

	overflow: hidden

}



#cc-index-header .top .slide-nav .nav-action>ul>li {

	float: left;

	padding-left: 30px;

	height: 50px

}



#cc-index-header .top .slide-nav .nav-action>ul>li>a {

	color: #fff;

	height: 44px;

	font-size: 13px;

	display: block

}



#cc-index-header .top .slide-nav .nav-action>ul>li:first-child a {

	border-bottom: 1px solid #fff

}



#cc-index-header .top-inner .slide-nav .nav-action>ul>li:first-child a {

	border: 0

}



#cc-index-header .top .slide-nav .nav-action>ul>li:hover>a,#cc-index-header .top .slide-nav-right>ul>li:hover>a {

	border-bottom: 1px solid #fff

}



#cc-index-header .top .slide-nav .nav-action .all-products .nav-action-menu li:hover ul {

	display: block

}



#cc-index-header .top .nav-action-menu {

	position: absolute;

	width: 100%;

	left: 0;

	top: 50px;

	background: rgba(49,49,49,.95);

	text-align: center;

	display: none;

	line-height: 56px

}



#cc-index-header .top .nav-action-menu li {

	display: inline-block;

	margin: 0 25px;

	min-width: 43px

}



#cc-index-header .top .nav-action-menu li a {

	color: #a0a0a0;

	display: block;

	font-size: 13px

}



#cc-index-header .top .nav-action-menu li a:hover {

	color: #fff

}



#cc-index-header .top .nav-action-menu li i {

	font-size: 30px;

	font-weight: 400;

	display: block;

	padding: 10px 0 5px

}



#cc-index-header .top .nav-action-menu li p {

	font-size: 13px;

	line-height: 56px

}



#cc-index-header .top .all-products .nav-action-menu li {

	padding: 0 18px;

	margin: 0

}



#cc-index-header .top .all-products .nav-action-menu ul {

	display: none;

	position: absolute;

	top: 56px;

	left: 0;

	width: 100%;

	text-align: center;

	background: rgba(49,49,49,.95);

	border-top: 1px solid #585858;

	line-height: 50px;

	display: none!important;

}



#cc-index-header .top .all-products .nav-action-menu ul li {

	display: inline-block

}



#cc-index-header .middle {

	margin-top: 36px

}



#cc-index-header .middle .logo {

	text-align: center;

	height: 46px;

	padding-top: 40px

}



#cc-index-header .middle .logo img {

	margin-top: 5.5px

}



#cc-index-header .bottom {

	position: relative

}



#cc-index-header .bottom .nav {

	text-align: center;

	margin-top: 40px;

	font-size: 0

}



#cc-index-header .bottom .nav>li {

	display: inline-block;

	padding: 0 25px 10px 25px;

	cursor: pointer

}



#cc-index-header .bottom .nav>li:first-child a {

	border-bottom: 3px solid #000

}



#cc-index-header .bottom .nav>li a {

	display: block;

	padding-bottom: 5px;

	font-size: 14px;

	color: #313131;

	border-bottom: 3px solid transparent;

	font-weight: 700

}



#cc-index-header .bottom .nav>li .nav-sub-menu {

	position: absolute;

	z-index: 10;

	width: 100%;

	left: 0;

	top: 40px;

	text-align: center;

	background: #fff;

	opacity: .95;

	padding: 40px 0 10px;

	display: none;

	opacity: 0

}



#cc-index-header .bottom .nav>li .nav-sub-menu li {

	display: inline-block;

	margin: 0 30px;

	text-align: center

}



#cc-index-header .bottom .nav>li .nav-sub-menu li a {

	color: #a0a0a0;

	transition: all .2s ease;

	-webkit-transition: all .2s ease;

	-moz-transition: all .2s ease;

	-o-transition: all .2s ease;

	-ms-transition: all .2s ease

}



#cc-index-header .bottom .nav>li .nav-sub-menu li i {

	font-size: 30px;

	font-weight: 400

}



#cc-index-header .bottom .nav>li .nav-sub-menu li p {

	padding-top: 5px;

	font-size: 12px

}



#cc-index-header .bottom .nav>li .nav-sub-menu li:hover a {

	color: #313131

}



.cc-index-common {

	padding-bottom: 15px

}



.cc-index ._pad .w-1228 {

	padding: 75px 0 55px

}



.cc-index ._border {

	border-top: 10px solid #f6f6f6

}



.cc-index .title {

	text-align: center

}



.cc-index .title h2 {

	font-size: 28px;

	font-weight: 700;

	font-family: 'Microsoft YaHei',"Microsoft YaHei",sans-serif

}



.cc-index .title p {

	font-size: 13px;

	color: #707070;

	margin: 5px auto

}



.cc-index-common .goods-list ul {

	overflow: hidden

}



.cc-index-common .goods-list ul li {

	float: left;

	width: 298px;

	margin: 20px 12px 0 0

}



.cc-index-common .goods-list ul li:nth-child(4n) {

	margin-right: 0

}



.cc-index-common .goods-list ul li .item-img img {

	width: 100%;

	height: auto

}



.cc-index-common .goods-list ul li .item-name {

	padding-top: 15px

}



.cc-index-common .goods-list ul li .item-name p {

	font-size: 16px;

	font-family: 'Microsoft YaHei',"Microsoft YaHei",sans-serif;

	font-weight: 700;

	text-align: center

}



.cc-index-common .wrapper {

	padding-bottom: 50px

}



.cc-index .pad-bot-50 {

	padding-bottom: 90px

}



.cc-index-common .single-pro {

	padding: 50px 0

}



.cc-index-common .single-pro img {

	width: 100%;

	height: auto

}



.cc-index-common .sub-title {

	line-height: 50px;

	font-size: 24px;

	border-bottom: 1px solid #d2d2d2;

	margin-top: 30px

}



.cc-index-common .sub-title dl {

	overflow: hidden;

	height: 50px

}



.cc-index-common .sub-title dl dd .phone-nav-wrapper {

	height: 50px

}



.cc-index-common .sub-title dl dt {

	float: left;

	color: #333;

	font-family: 'Microsoft YaHei',"Microsoft YaHei",sans-serif;

	font-size: 24px

}



.cc-index-common .sub-title dl dt span {

	font-size: 12px;

	padding-left: 10px

}



.cc-index-common .sub-title dl dd {

	float: right

}



.cc-index-common .sub-title dl dd a {

	font-size: 14px;

	padding: 0 15px;

	border-right: 1px solid #ccc;

	line-height: 10px;

	display: inline-block;

	transition: all .2s;

	-webkit-transition: all .2s;

	-moz-transition: all .2s;

	-o-transition: all .2s;

	-ms-transition: all .2s;

	vertical-align: top;

	height: 10px;

	margin-top: 20px

}



.cc-index-common .sub-title dl dd a:last-child {

	border: 0

}



.cc-index-common .sub-title dl dd a:hover {

	color: #a0a0a0

}



.cc-index-common .more {

	display: block;

	width: 180px;

	text-align: center;

	margin: 100px auto 0;

	padding: 10px;

	border-top: 1px solid #f78181;

	border-bottom: 1px solid #f78181

}



.cc-index-common .more:hover {

	color: #f78181

}



.cc-index-fuwu img {

	width: 100%;

	height: auto

}



.cc-index-quanpin {

	background: url(../images/quanpin.jpg) no-repeat center;

	background-size: cover;

	color: #fff;

	display: table;

	width: 100%

}



.cc-index-quanpin .wrapper {

	display: table-cell;

	vertical-align: middle

}



.cc-index-quanpin .wrapper ul {

	text-align: center

}



.cc-index-quanpin .wrapper ul li {

	display: inline-block

}



.cc-index-quanpin .wrapper ul li a {

	color: #fff;

	width: 200px;

	display: block

}



.cc-index-quanpin .wrapper ul li a:hover p {

	color: #dedede

}



.cc-index-quanpin .wrapper ul li a p {

	padding-top: 20px;

	font-size: 13px;

	line-height: 25px

}



.cc-index-quanpin .wrapper ul li a span {

	font-size: 26px;

	font-family: 'Microsoft YaHei',"Microsoft YaHei",sans-serif;

	letter-spacing: 10px

}



.cc-index-anli .wrapper,.cc-index-fangan .wrapper,.cc-index-news .wrapper,.cc-index-partner .wrapper {

	padding: 25px 0 55px;

	overflow: hidden

}



.cc-index-fangan .wrapper ul {

	overflow: hidden

}



.cc-index-fangan .wrapper ul li {

	width: 604px;

	float: left;

	margin-right: 20px;

	padding-bottom: 50px;

	text-align: left

}



.cc-index-fangan .wrapper ul li:nth-child(2n) {

	margin-right: 0

}



.cc-index-fangan .wrapper ul li>a {

	display: block;

	position: relative

}



.cc-index-fangan .wrapper ul li>a::before {

	content: '';

	position: absolute;

	width: 100%;

	height: 100%;

	background: #fff;

	z-index: 2;

	opacity: 0;

	transition: all .4s ease;

	-webkit-transition: all .4s ease;

	-moz-transition: all .4s ease;

	-o-transition: all .4s ease;

	-ms-transition: all .4s ease

}



.cc-index-fangan .wrapper ul li>a:hover::before {

	opacity: .2

}



.cc-index-fangan .wrapper ul li>a img {

	width: 100%;

	height: auto

}



.cc-index-fangan .wrapper ul li p a {

	display: block;

	font-size: 15px;

	padding: 20px 0 0 10px

}



.cc-index-fangan .wrapper ul li span {

	display: block;

	font-size: 13px;

	padding: 8px 10px;

	color: #a0a0a0;

	line-height: 1.5

}



.cc-index-anli .wrapper .more,.cc-index-fangan .wrapper .more {

	display: block;

	width: 500px;

	height: 50px;

	line-height: 50px;

	text-align: center;

	margin: 0 auto;

	border: 2px solid #313131;

	transition: all .4s ease;

	-webkit-transition: all .4s ease;

	-moz-transition: all .4s ease;

	-o-transition: all .4s ease;

	-ms-transition: all .4s ease

}



.cc-index-anli .wrapper .more:hover,.cc-index-fangan .wrapper .more:hover {

	color: #fff;

	background: #313131

}



.cc-index-anli .w-1228 {

	padding-bottom: 0

}



.cc-index-anli .wrapper {

	overflow: hidden

}



.cc-index-anli .wrapper ul {

	overflow: hidden;

	width: 101%;

	margin-left: -.5%;

	margin-bottom: 50px

}



.cc-index-anli .wrapper ul li {

	float: left;

	width: 20%;

	box-sizing: border-box;

	border: 1px

}



.cc-index-anli .wrapper ul li {

	border-right: 5px solid #fff

}



.cc-index-anli .wrapper ul li a {

	position: relative;

	display: block

}



.cc-index-anli .wrapper ul li a:hover .text {

	opacity: .8

}



.cc-index-anli .wrapper ul li img {

	width: 100%;

	height: auto

}



.cc-index-anli .wrapper ul li p {

	font-size: 13px;

	text-align: center

}



.cc-index-anli .wrapper ul li .text {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	opacity: 0;

	transition: all .4s ease;

	-webkit-transition: all .4s ease;

	-moz-transition: all .4s ease;

	-o-transition: all .4s ease;

	-ms-transition: all .4s ease;

	background: #fff

}



.cc-index-anli .wrapper ul li .text p {

	width: 80%;

	margin: 0 auto;

	position: relative;

	z-index: 2;

	color: #000;

	margin-top: 30%

}



.cc-index-partner .wrapper a {

	display: block

}



.cc-index-partner .wrapper img {

	width: 100%

}



.cc-index-zonghe .w-1228 {

	padding: 110px 0 65px;

	overflow: hidden

}



.cc-index-zonghe .w-1228>._left {

	width: 640px;

	height: 414px;

	position: relative

}



.cc-index-zonghe .w-1228 ._bottom a::before,.cc-index-zonghe .w-1228 ._top ._left a::before,.cc-index-zonghe .w-1228 ._top ._right a::before,.cc-index-zonghe .w-1228>._left a::before {

	content: '';

	position: absolute;

	width: 100%;

	height: 100%;

	background: #fff;

	opacity: 0;

	transition: all .4s ease;

	-webkit-transition: all .4s ease;

	-moz-transition: all .4s ease;

	-o-transition: all .4s ease;

	-ms-transition: all .4s ease

}



.cc-index-zonghe .w-1228>._right {

	width: 588px;

	height: 414px

}



.cc-index-zonghe .w-1228 ._top {

	overflow: hidden

}



.cc-index-zonghe .w-1228 ._top ._left,.cc-index-zonghe .w-1228 ._top ._right {

	width: 284px;

	height: 199px;

	position: relative;

	margin-left: 10px

}



.cc-index-zonghe .w-1228 ._bottom {

	width: 578px;

	margin: 10px 0 0 10px;

	height: 205px;

	position: relative

}



.cc-index-zonghe .w-1228 img {

	width: 100%;

	height: 100%

}



.cc-index-zonghe a {

	display: block;

	height: 100%

}



.cc-index-zonghe .w-1228 ._bottom a:hover::before,.cc-index-zonghe .w-1228 ._top ._left a:hover::before,.cc-index-zonghe .w-1228 ._top ._right a:hover::before,.cc-index-zonghe .w-1228>._left a:hover::before {

	opacity: .2;

	cursor: pointer

}



.cc-index-news .wrapper ._left {

	width: 810px;

	overflow: hidden

}



.cc-index-news .wrapper .tab-nav ul {

	overflow: hidden

}



.cc-index-news .wrapper .tab-nav ul li {

	float: left;

	cursor: pointer;

	width: 80px;

	text-align: center;

	height: 30px;

	line-height: 30px;

	margin: 0 5px;

	background: #ececec;

	border-radius: 15px;

	font-size: 14px

}



.cc-index-news .wrapper .tab-nav ul li.active {

	background: #313131;

	color: #fff

}



.cc-index-news .wrapper .tab-nav ul li.active a {

	color: #fff

}



.cc-index-news .wrapper .tab-nav ul li a {

	color: #666;

	font-size: 13px

}



.cc-index-news .wrapper .tab-content ul {

	padding-top: 20px

}



.cc-index-news .wrapper .tab-content .article-list-item-wrapper {

	display: none

}



.cc-index-news .wrapper .tab-content .article-list-item-wrapper:first-child {

	display: block

}



.cc-index-news .wrapper .tab-content li {

	overflow: hidden;

	margin-bottom: 40px

}



.cc-index-news .wrapper .tab-content li ._left {

	width: 173px;

	height: 110px

}



.cc-index-news .wrapper .tab-content li ._left a {

	display: block;

	position: relative;

	width: 173px;

	height: 110px

}



.cc-index-news .wrapper .tab-content li ._left a::before {

	content: '';

	position: absolute;

	width: 100%;

	height: 100%;

	opacity: 0;

	background: #fff;

	transition: all .4s ease;

	-webkit-transition: all .4s ease;

	-moz-transition: all .4s ease;

	-o-transition: all .4s ease;

	-ms-transition: all .4s ease

}



.cc-index-news .wrapper .tab-content li ._left a:hover::before {

	opacity: .2

}



.cc-index-news .wrapper .tab-content li ._left img {

	width: 100%;

	height: 100%

}



.cc-index-news .wrapper .tab-content li .summary {

	margin-left: 200px

}



.cc-index-news .wrapper .tab-content li .summary h3 a {

	display: block;

	font-size: 18px;

	margin-bottom: 10px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap

}



.cc-index-news .wrapper .tab-content li .summary p {

	font-size: 14px;

	color: #888;

	text-overflow: -o-ellipsis-lastline;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	line-clamp: 2;

	-webkit-box-orient: vertical

}



.cc-index-news .wrapper .tab-content li .summary .source {

	overflow: hidden;

	margin-top: 15px

}



.cc-index-news .wrapper .tab-content li .summary .source .author {

	float: left;

	font-size: 14px

}



.cc-index-news .wrapper .tab-content li .summary .source .time {

	float: right;

	font-size: 14px

}



.cc-index-news .wrapper ._right {

	width: 330px;

	overflow: hidden

}



.cc-index-news .wrapper ._right h2 {

	font-family: 'Microsoft YaHei',"Microsoft YaHei",sans-serif;

	font-size: 20px;

	margin-bottom: 20px;

	text-align: left

}



.cc-index-news .wrapper .article-list li {

	height: 27px;

	line-height: 27px;

	margin-bottom: 15px

}



.cc-index-news .wrapper .article-list li i {

	display: inline-block;

	width: 25px;

	height: 25px;

	line-height: 25px;

	text-align: center;

	border: 1px solid #ccc;

	margin-right: 10px;

	vertical-align: top;

	border-radius: 12.5px

}



.cc-index-news .wrapper .article-list li i.active {

	border-color: #313131;

	background: #313131;

	color: #fff

}



.cc-index-news .wrapper .article-list li a {

	white-space: nowrap;

	overflow: hidden;

	width: 280px;

	text-overflow: ellipsis;

	display: inline-block

}



.cc-index-news .wrapper .article-list li a:hover {

	color: #a0a0a0

}



#cc-index-footer {

	background: #1b1b1b

}



#cc-index-footer .wrapper {

	padding-top: 30px

}



#cc-index-footer .wrapper .top {

	overflow: hidden;

	padding-bottom: 25px

}



#cc-index-footer .wrapper .top .top-l {

	width: 220px;

	padding-left: 80px;

	position: relative

}



#cc-index-footer .wrapper .top .top-l .img-wrapper {

	width: 50px;

	position: absolute;

	left: 0

}



#cc-index-footer .wrapper .top .top-l .img-wrapper img {

	width: 100%;

	height: auto

}



#cc-index-footer .wrapper .top .top-l h2,#cc-index-footer .wrapper .top .top-l p {

	color: #fff

}



#cc-index-footer .wrapper .top .top-l h2 {

	font-size: 16px;

	color: #d7d8d9;

	height: 30px;

	text-align: left;

	padding-bottom: 10px;

	font-weight: 400

}



#cc-index-footer .wrapper .top .top-l p {

	font-size: 20px;

	color: #fff;

	height: 30px

}



#cc-index-footer .wrapper .top .top-l .wechar .wechar_image {

	position: absolute;

	top: 140px;

	left: 50px;

	text-align: center

}



#cc-index-footer .wrapper .top .top-l .wechar .wechar_image a {

	display: block;

	color: #9b9ea0;

	font-size: 14px;

	line-height: 30px

}



#cc-index-footer .wrapper .top .top-l .wechar .wechar_ecode {

	position: absolute;

	top: 140px;

	left: 160px;

	text-align: center

}



#cc-index-footer .wrapper .top .top-l .wechar .wechar_ecode span {

	display: block;

	color: #9b9ea0;

	font-size: 14px;

	line-height: 30px

}



#cc-index-footer .wrapper .top .top-l li {

	height: 30px;

	line-height: 30px

}



#cc-index-footer .wrapper .top .top-l li a {

	color: #9b9ea0;

	font-size: 14px

}



#cc-index-footer .wrapper .top .top-l li a:hover {

	color: #fff

}



#cc-index-footer .wrapper .top .top-r {

	padding-left: 100px;

	border-left: 1px solid #4b5054;

	overflow: hidden

}



#cc-index-footer .wrapper .top .top-r>ul>li {

	float: left;

	margin-left: 60px

}



#cc-index-footer .wrapper .top .top-r>ul>li h3 {

	color: #d7d8d9;

	font-size: 13px;

	font-weight: 400

}



#cc-index-footer .wrapper .top .top-r>ul>li ul {

	margin: 14px 0 20px;

	width: 130px

}



#cc-index-footer .wrapper .top .top-r>ul>li ul li {

	margin-top: 4px

}



#cc-index-footer .wrapper .top .top-r>ul>li a {

	font-size: 12px;

	color: #9b9ea0

}



#cc-index-footer .wrapper .top .top-r>ul>li a:hover {

	color: #fff

}



#cc-index-footer .wrapper .more_web {

	border-top: 1px solid #4b5054;

	padding: 10px 20px 10px 0;

	box-sizing: border-box;

	text-align: justify

}



#cc-index-footer .wrapper .more_web ul>li {

	display: inline-block

}



#cc-index-footer .wrapper .more_web ul>li>a {

	font-size: 12px;

	color: #9b9ea0

}



#cc-index-footer .wrapper .footer_beian {

	text-align: center

}



#cc-index-footer .wrapper .footer_beian a {

	display: inline-block;

	line-height: 30px;

	height: 30px

}



#cc-index-footer .wrapper .footer_beian .certify-img {

	height: 30px;

	display: inline-block;

	background-size: auto 30px;

	background-repeat: no-repeat

}



#cc-index-footer .wrapper .footer_beian .kxwz {

	opacity: .4;

	background: url(../images/foot-renzheng.png) -1px -10px;

	width: 97px

}



#cc-index-footer .wrapper .footer_beian .kxwz:hover {

	opacity: 1

}



#cc-index-footer .wrapper .footer_beian .yhxxjb {

	opacity: .4;

	background: url(../images/foot-renzheng.png) -107px -4px;

	width: 72px

}



#cc-index-footer .wrapper .footer_beian .yhxxjb:hover {

	opacity: 1

}



#cc-index-footer .wrapper .footer_beian .police {

	opacity: .4;

	background: url(../images/foot-renzheng.png) -202px -4px;

	width: 87px

}



#cc-index-footer .wrapper .footer_beian .police:hover {

	opacity: 1

}



#cc-index-footer .wrapper .footer_beian .renzheng {

	opacity: .4;

	background: url(../images/foot-renzheng.png) -311px -10px;

	width: 40px

}



#cc-index-footer .wrapper .footer_beian .renzheng:hover {

	opacity: 1

}



#cc-index-footer .wrapper .footer_beian .cxwz {

	opacity: .4;

	background: url(../images/foot-renzheng.png) -373px -10px;

	width: 85px

}



#cc-index-footer .wrapper .footer_beian .cxwz:hover {

	opacity: 1

}



#cc-index-footer .wrapper .middle {

	border-top: 1px solid #4b5054;

	padding: 10px 20px 10px 0;

	box-sizing: border-box;

	text-align: justify

}



#cc-index-footer .wrapper .middle p {

	font-size: 12px;

	color: #444

}



#cc-index-footer .wrapper .bottom {

	height: 70px;

	line-height: 70px;

	text-align: center;

	border-top: 1px solid #4b5054;

	color: #a0a0a0

}



#cc-index-footer .wrapper .bottom p span {

	font-size: 12px;

	color: #444

}



.phone-back {

	display: none

}



.hei_sup {

	height: 50px

}



.clearfix:after {

	display: block;

	content: '';

	clear: both

}



.bg-f5f5f6 {

	background: #f5f5f6

}



.dzal_banner_box .dzal_banner_bg {

	background: #f5f5f6 url(../images/anli_bg.jpg) no-repeat center top;

	background-size: 1920px;

	height: 380px;

	position: relative

}



.dzal_banner_box .dzal_banner_bg .dzal_banner_text {

	padding-top: 80px

}



.dzal_banner_box .dzal_banner_bg .dzal_banner_text h2 {

	text-align: left;

	height: 40px;

	line-height: 40px;

	font-size: 32px;

	color: #3d4751;

	font-weight: 600;

	overflow: hidden;

	margin-bottom: 14px

}



.dzal_banner_box .dzal_banner_bg .dzal_banner_text p {

	width: 562px;

	font-size: 16px;

	color: #3d4751;

	line-height: 26px;

	margin-bottom: 28px;

	font-weight: 700

}



.dzal_banner_box .dzal_banner_bg .dzal_banner_text a {

	display: block;

	width: 132px;

	height: 36px;

	line-height: 36px;

	text-align: center;

	border: 1px solid #00c1de;

	font-size: 14px;

	color: #00c1de;

	transition: all ease .2s

}



.dzal_banner_box .dzal_banner_bg .dzal_banner_text a:hover {

	background: #00c1de;

	color: #fff

}



.dzal_banner_box .dzal_banner_bg .dzal_banner_nav {

	position: absolute;

	bottom: 0;

	left: 0;

	right: 0;

	height: 48px;

	line-height: 48px;

	margin: 0 auto

}



.dzal_banner_box .dzal_banner_bg .fixed {

	position: fixed;

	width: 100%;

	top: 50px;

	left: 0;

	right: 0;

	z-index: 99;

	background: #fff;

	box-shadow: 0 1px 20px 0 rgba(0,0,0,.16)

}



.dzal_banner_box .dzal_banner_bg .dzal_banner_nav a {

	float: left;

	width: 50%;

	text-align: center;

	font-size: 16px;

	color: #4b5154;

	transition: all ease .2s

}



.dzal_banner_box .dzal_banner_bg .dzal_banner_nav a.unsaw {

	display: none

}



.dzal_banner_box .dzal_banner_bg .dzal_banner_nav a.actived {

	color: #fff;

	background: #00b7d3;

	box-shadow: 0 1px 20px 0 rgba(0,0,0,.16)

}



.dzal_banner_box .dzal_banner_bg .dzal_banner_nav a:hover {

	color: #fff;

	background: #00b7d3;

	box-shadow: 0 1px 20px 0 rgba(0,0,0,.16)

}



.dzal_banner_box .dzal_banner_bg .fixed a.saw {

	float: left;

	width: 280px;

	background: 0 0

}



.dzal_banner_box .dzal_banner_bg .fixed a.actived {

	color: #00b7d3;

	box-shadow: none

}



.dzal_banner_box .dzal_banner_bg .fixed a:hover {

	box-shadow: none

}



.dzal_banner_box .dzal_banner_bg .fixed a.unsaw {

	display: block;

	position: absolute;

	right: 0;

	top: 8px;

	width: 108px;

	height: 32px;

	line-height: 32px;

	text-align: center;

	font-size: 14px;

	color: #fff;

	background: #00c1de;

	transition: all .3s

}



.dzal_banner_box .dzal_banner_bg .fixed a.unsaw:hover {

	background: #28d0e9

}



.dzal_banner_box .dzal_banner_bg .fixed a.saw:hover {

	color: #00b7d3

}



.dzal_banner_box .dzal_banner_bg .fixed .a_wrapper {

	width: 1228px;

	margin: 0 auto;

	position: relative

}



.dzal_content_box .dzal_content_child {

	padding: 80px 0 37px

}



.dzal_content_box .dzal_content_child h2 {

	height: 36px;

	line-height: 36px;

	text-align: center;

	font-size: 24px;

	color: #373d41;

	margin-bottom: 60px;

	font-weight: 400

}



.dzal_content_box .dzal_content_child .dzal_content_child_child {

	padding: 35px 0

}



.dzal_content_box .dzal_content_child .dzal_content_child_child h3 {

	font-size: 20px;

	font-weight: 400;

	margin-bottom: 20px

}



.dzal_content_box .dzal_content_child .dzal_content_child_child .item li {

	float: left;

	width: 25%;

	box-sizing: border-box;

	padding: 0 10px

}



.dzal_content_box .dzal_content_child .dzal_content_child_child .item li a {

	display: block;

	box-sizing: inherit;

	transition: all .3s ease-in-out;

	border: 1px solid #d7d8d9;

	background: #fff;

	overflow: hidden

}



.dzal_content_box .dzal_content_child .dzal_content_child_child .item li a:hover {

	box-shadow: 0 2px 15px 0 rgba(0,0,0,.15)

}



.dzal_content_box .dzal_content_child .dzal_content_child_child .item .item_body {

	padding: 36px 0 0;

	height: 268px;

	background: 0 0;

	box-sizing: inherit;

	transition: all .3s ease-in-out

}



.dzal_content_box .dzal_content_child .dzal_content_child_child .item li a:hover .item_body {

	transform: translateY(-94px)

}



.dzal_content_box .dzal_content_child .dzal_content_child_child .item .item_body .img_wrapper {

	width: 230px;

	margin: 0 auto;

	text-align: center

}



.dzal_content_box .dzal_content_child .dzal_content_child_child .item .item_body .img_wrapper img {

	max-width: 230px;

	max-height: 60px

}



.dzal_content_box .dzal_content_child .dzal_content_child_child .item .item_body dl {

	padding: 32px 32px 20px

}



.dzal_content_box .dzal_content_child .dzal_content_child_child .item .item_body dt {

	margin-bottom: 8px;

	text-align: center;

	font-weight: 700;

	font-size: 18px;

	color: #373d41

}



.dzal_content_box .dzal_content_child .dzal_content_child_child .item .item_body dd {

	font-size: 14px;

	color: #373d41;

	line-height: 24px;

	text-align: justify

}



#cc-index-header .slide-nav-right #car-box {

	position: absolute;

	width: 25px;

	height: 100%;

	cursor: pointer;

	right: 266px

}



#cc-index-header .slide-nav-right #car-box img {

	width: 25px;

	height: auto;

	position: absolute;

	top: 50%;

	margin-top: -12.5px

}



#article_top #add_to_deal {

	background: #fff;

	color: #333;

	border: 2px solid #333;

	height: 43px;

	line-height: 43px

}



#article_top #add_to_deal:hover {

	background: #333;

	color: #fff

}



#cc-index-header .slide-nav-right #car-box #car_num {

	position: absolute;

	background: #e56a69;

	color: #fff;

	width: 18px;

	height: 18px;

	font-size: 12px;

	font-weight: lighter;

	line-height: 18px;

	text-align: center;

	border-radius: 9px;

	font-family: SimSun;

	right: 22px;

	top: 8px

}



#cc-index-header .slide-nav-right #car-box .car-tip-wrapper {

	display: none

}



#cc-index-header .slide-nav-right #car-box .triangle {

	width: 0;

	height: 0;

	border: 8px solid transparent;

	border-bottom-color: #fff;

	position: absolute;

	left: 15px;

	bottom: -1px;

	margin-left: -8px;

	z-index: 2

}



#cc-index-header .slide-nav-right #car-box .car-tip {

	position: absolute;

	width: 250px;

	padding: 15px;

	border: 1px solid #a0a0a0;

	left: -150px;

	top: 50px;

	background: #fff

}



#cc-index-header .slide-nav-right #car-box .car-tip .car-lic {

	float: left

}



#cc-index-header .slide-nav-right #car-box .car-tip .car-lic img {

	position: static;

	width: 100px;

	height: auto;

	border: 0

}



#cc-index-header .slide-nav-right #car-box .car-tip .car-detail {

	float: left;

	padding-left: 15px

}



#cc-index-header .slide-nav-right #car-box .car-tip .car-detail .car-tit {

	line-height: 30px;

	font-size: 16px;

	font-weight: lighter;

	color: #090909

}



#cc-index-header .slide-nav-right #car-box .car-tip .car-detail .car-tit h3 {

	width: 100px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap

}



#cc-index-header .slide-nav-right #car-box .car-tip .car-detail .car-btn a {

	color: #fff;

	display: block;

	background: #1b1b1b;

	width: 81px;

	height: 34px;

	line-height: 34px;

	margin-top: 20px;

	text-align: center

}



.add_car_fix {

	position: fixed;

	top: 0;

	width: 100%;

	height: 80px;

	background: #1b1b1b;

	display: none;

	z-index: 101

}



.add_car_fix .fix_mid {

	width: 78%;

	margin: 0 auto

}



.add_car_fix .fix_l {

	float: left

}



.add_car_fix .fix_l ul {

	overflow: hidden

}



.add_car_fix .fix_l ul li {

	float: left;

	height: 80px;

	line-height: 80px

}



.add_car_fix .fix_l ul li a {

	padding: 0 50px;

	font-size: 18px;

	color: #939393;

	border-right: 1px solid #939393;

	line-height: 40px

}



.add_car_fix .fix_l ul li a:hover {

	color: #fff;

	border-color: #fff

}



.add_car_fix .fix_l ul li:first-child a {

	padding-left: 0

}



.add_car_fix .fix_l ul li:last-child a {

	border: 0

}



.add_car_fix .fix_r {

	float: right;

	position: relative

}



.add_car_fix .fix_r .triangle {

	position: absolute;

	width: 0;

	height: 0;

	border: 8px solid transparent;

	border-bottom-color: #fff;

	z-index: 2;

	bottom: -16px;

	display: none

}



.add_car_fix .fix_r>div {

	float: left

}



.add_car_fix .fix_r .fix_r_add {

	width: 220px;

	height: 50px;

	background: #e56a69;

	color: #fff;

	text-align: center;

	line-height: 50px;

	font-size: 16px;

	margin-top: 15px;

	cursor: pointer

}



.add_car_fix .fix_r .fix_r_add:hover {

	background: #d06665;

	color: #d2d2d2

}



.add_car_fix .fix_r .fix_r_car {

	width: 118px;

	height: 48px;

	border: 1px solid #fff;

	margin: 15px 0 0 10px;

	font-size: 16px;

	color: #fff;

	cursor: pointer

}



.add_car_fix .fix_r .fix_r_car:hover {

	color: #d2d2d2;

	border-color: #d2d2d2

}



.add_car_fix .fix_r .fix_r_car .fix_img {

	position: relative;

	height: 48px;

	display: inline-block;

	line-height: 48px;

	text-align: center;

	text-indent: 1em

}



.add_car_fix .fix_r .fix_r_car .fix_img img {

	vertical-align: top;

	margin-top: 9px

}



.add_car_fix #car_num_fix {

	position: absolute;

	top: 3px;

	right: -7px;

	width: 20px;

	height: 20px;

	line-height: 20px;

	text-align: center;

	background: #e56a69;

	color: #fff;

	font-weight: lighter;

	text-indent: 0;

	border-radius: 10px;

	font-size: 12px

}



.car_bg {

	background: #f6f6f6

}



.w_car {

	width: 1500px;

	margin: 0 auto

}



.car_body .w_car {

	padding: 40px 0;

	margin: 50px auto

}



.car_body .mt-des50 {

	margin-top: -50px

}



.car_body .car_content,.car_body .car_msg {

	background: #fff;

	padding: 50px 0

}



.car_body .car_content h2,.car_body .car_msg h2 {

	width: 1364px;

	margin: 0 auto 30px;

	text-align: left;

	font-weight: 700;

	padding-bottom: 30px;

	border-bottom: 7px solid #f6f6f6

}



.car_body .car_msg .input_wrapper {

	width: 1364px;

	margin: 0 auto;

	overflow: hidden

}



.car_body .car_msg .input_wrapper li {

	display: inline-block;

	float: left;

	margin-right: 100px;

	font-size: 15px;

	width: 300px;

	height: 40px;

}



.car_body .car_msg .input_wrapper li label {

	display: inline-block;

	width: 80px;

	font-weight: 700;

	color: #000

}



.car_body .car_msg .input_wrapper li input {

	width: 180px;

	height: 22px;

	padding: 0 5px;

	border: 1px solid #a9a9a9

}



.car_body .car_msg .input_wrapper li select {

	border: 1px solid #a9a9a9;

	height: 24px;

}



.car_body .car_msg .input_wrapper li input:focus {

	border: 1px solid #2ebafe

}





.car_body .car_content .list_wrapper li {

	overflow: hidden;

	padding-bottom: 25px;

	line-height: 121px

}



.car_body .car_content .list_wrapper li>div {

	float: left

}



.car_body .car_content .list_wrapper li .checked {

	width: 18px;

	height: 18px;

	border: 1px solid #a0a0a0;

	cursor: pointer;

	margin: 50.5px 25px 0;

	background: no-repeat center center

}



.car_body .car_content .list_wrapper li .ischecked {

	width: 20px;

	height: 20px;

	border: 0;

	background-image: url(../images/gou.png)

}



.car_body .car_content .list_wrapper li .lit {

	width: 171px;

	height: 117px

}



.car_body .car_content .list_wrapper li .lit img {

	width: 100%;

	height: 100%

}



.car_body .car_content .list_wrapper li .tit h3 {

	font-size: 15px;

	color: #000;

	margin-left: 100px;

	width: 400px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap

}



.car_body .car_content .list_wrapper li .add_redc {

	margin-left: 150px

}



.car_body .car_content .list_wrapper li .add_redc * {

	display: inline-block;

	width: 25px;

	height: 25px;

	line-height: 25px;

	text-align: center;

	border: 1px solid #000;

	color: #333;

	font-size: 14px;

	font-family: buenosaires

}



.car_body .car_content .list_wrapper li .add_redc span {

	border-left: 0;

	border-right: 0;

	width: 36px

}



.car_body .car_content .list_wrapper li .mdf_del {

	float: right;

	margin-right: 90px

}



.car_body .car_content .list_wrapper li .mdf_del a {

	font-size: 16px;

	letter-spacing: 1px;

	color: #333;

	line-height: 15px;

	display: inline-block

}



.car_body .car_content .list_wrapper li .mdf_del a:hover {

	font-weight: 700

}



.car_sumbit {

	width: 100%;

	height: 52px;

	line-height: 52px;

	padding: 20px 0;

	background: #fff;

	border-top: 1px solid #d2d2d2

}



.car_sumbit .checked {

	width: 18px;

	height: 18px;

	border: 1px solid #a0a0a0;

	cursor: pointer;

	margin: 17px 25px 0 15px;

	background: no-repeat center center

}



.car_sumbit .ischecked {

	width: 20px;

	height: 20px;

	border: 0;

	background-image: url(../images/gou.png)

}



.car_sumbit .car_bot_l span {

	font-size: 18px;

	color: #000;

	letter-spacing: 2px

}



.car_sumbit .car_bot_l span em {

	font-weight: 400

}



.car_sumbit .car_bot_l span.c,.car_sumbit .car_bot_l span.r {

	color: #a0a0a0

}



.car_sumbit .car_bot_l span.c {

	padding: 0 15px

}



.car_sumbit .car_bot_r a {

	width: 243px;

	height: 63px;

	text-align: center;

	line-height: 63px;

	color: #fff;

	background: #000;

	font-weight: 700;

	border-radius: 2px;

	display: inline-block;

	margin: -5px 0 0 0;

	font-size: 18px;

	letter-spacing: 2px

}



.car_sumbit .car_bot_r a:hover {

	background: #313131

}



.car_blank {

	display: none;

	margin-top: 50px;

	padding: 150px 0

}



.car_blank_wrapper {

	text-align: center

}



.car_blank_wrapper .car_img {

	margin: 40px auto

}



.car_blank_wrapper {

	font-size: 18px;

	color: #c4c3c3;

	letter-spacing: 2px

}



.pro_page_bot {

	display: none

}



.mc-body>div,.mc-body>p {

	width: 880px;

	margin: 0 auto

}



.mc-body>.news-style {

	letter-spacing: 1px;

	text-align: justify;

	width: 1112px;

	margin: 0 auto

}



.border-bot {

	border-bottom: 1px solid #ccc;

	margin-bottom: 60px

}



.mc-des {

	font-weight: 600;

	margin-bottom: 35px;

	line-height: 30px;

	padding: 6px 15px;

	background: #e1e1e1

}



.w-mc .head-img img {

	width: 100%;

	height: auto

}



.head-text {

	line-height: 26px;

	font-size: 20px;

	padding: 20px 0 55px

}



.article-desc {

	padding-bottom: 50px

}

/* 新文章页案例样式 */

.new .anli-add ul,.product-box .box-img ul {

	overflow: hidden;

}



.new .anli-add ul li,.product-box .box-img ul li {

	float: left;

	width: 32%;

	margin-right: 2%;

	text-align: center

}



.new .anli-add ul li:last-child,.product-box .box-img ul li:last-child {

	margin-right: 0

}



.new .anli-add ul li img,.product-box .box-img ul li img {

	width: 100%;

	height: auto

}



.new .anli-add .anli-title,.article-links .article-title {

	font-size: 22px;

	padding: 20px 0

}



.new .anli-add ul li {

	box-sizing: border-box;

	height: auto;

}



.new .anli-add::before {

	display: block;

	margin: 0 auto;

	border-top: 1px solid #ccc;

	width: 880px;

	padding-top: 50px;

	margin-top: 50px

}



.new .anli-add::after {

	margin-top: 50px;

	margin-right: 0;

	display: block;

	margin: 0 auto;

	border-bottom: 1px solid #ccc;

	padding-bottom: 50px;

}



/* 旧文章案例样式 */



.anli-add ul,.product-box .box-img ul {

	overflow: hidden

}



.anli-add ul li,.product-box .box-img ul li {

	float: left;

	width: 32%;

	margin-right: 2%;

	text-align: center

}



.anli-add ul li{



}



.anli-add::before {

	display: block;

	margin: 0 auto;

	width: 880px;

	padding-top: 50px;

	margin-top: 50px

}

.anli-add {

	z-index:1;


	width: 100%;



	background: #f2f2f2;

	left: 0;

	margin-top: 1%;

}

.article-links{

	height: auto;

}



.anli-add::after {

	margin-top: 50px;

	margin-right: 0;

	display: block;

	margin: 0 auto;

	padding-bottom: 50px;

}



.anli-add ul li:last-child,.product-box .box-img ul li:last-child {

	margin-right: 0

}



.anli-add ul li img,.product-box .box-img ul li img {

	width: 100%;

	height: auto

}



.anli-add .anli-title,.article-links .article-title {

	font-size: 22px;

	padding: 20px 0

}



.anli-add ul li {

	box-sizing: border-box;

	border: 1px solid #ccc;

	height: 335px;

	float: left;

	width: 25%;

	margin-right: -10%;

	margin-left: 11%;

	text-align: center



}



.product-box-new::after {



	margin-bottom: 50px !important;

	content: '';

	display: block;

	margin: auto;

	width: 880px;

}



.product-box-new .box-img ul li {

	width: 23%;

	margin-right: 1%;

	font-weight: 600 !important;

}



.product-box-new .box-img ul li:nth-child(5) {

	clear: both;

}



.product-box-new .box-img ul li:nth-of-type(4n) {

	margin-right: 0

}



.product-box-new .box-img ul li:last-child {

	margin-right: 0

}



.product-box-new .box-img ul li img {
height: 160px;
	margin-bottom: 10px

}



.product-box .box-text {

	font-size: 16px;

	line-height: 26px;

	padding: 55px 0

}



.product-box .box-btn {

	text-align: center;

	padding-bottom: 85px

}



.product-box .box-btn a {

	display: inline-block;

	color: #000;

	border-top: 1px solid #fcc9c9;

	border-bottom: 1px solid #fcc9c9;

	width: 300px;

	height: 45px;

	line-height: 45px;

	font-size: 16px

}



.product-box .box-btn a:hover {

	background: #fcf0ea;

	border-color: #fcf0ea

}



.article-links .article-item li a {

	height: 30px;

	line-height: 30px;

	color: #004cff;

	text-decoration: underline

}



.main-content-new .mc-body .box-btn {

	text-align: center

}



.main-content-new .mc-body .box-btn a {

	color: #000

}

/* 新文章案例图片样式 */

.new .main-content-new .mc-body .anli-img p {

	text-align: justify;

	width: 285px;

}



.new .main-content-new .mc-body .anli-img p.anli-img-title {

	font-size: 18px;

	font-weight: 700;

}

.new .main-content-new .mc-body .anli-img p.anli-img-title a{

	color: #313131;

	font-size: 15px;

	font-weight: 700;

}



.new .main-content-new .mc-body .anli-img p.anli-img-desc {

	line-height: 20px !important;

}



.new .main-content-new .mc-body .anli-img p.anli-img-desc a {

	font-size: 13px;

	font-weight: 400;

	color: #a0a0a0;

}



.new .main-content-new .mc-body .anli-img img {

	margin-top: 36px

}

.new .main-content-new .mc-body .anli-img img {

	margin-bottom: 10px

}



.new .main-content-new .mc-body .anli-img a {

	color: #000

}

/* 旧文章案例图片样式 */



.main-content-new .mc-body .anli-img p {



	width: 100%;

	margin: 0 auto

}



.main-content-new .mc-body .anli-img p.anli-img-title {



	font-weight: 700;

	margin-bottom: 8px

}

.main-content-new .mc-body .anli-img p.anli-img-title a{

	font-size: 14px;

}



.main-content-new .mc-body .anli-img p.anli-img-desc {

	line-height: 24px;

	text-align: justify

}

.main-content-new .mc-body .anli-img p.anli-img-desc a{

	font-size: 14px;



}

.main-content-new .mc-body .anli-img img {

	max-width: 230px;

	max-height: 60px;

	width: auto;

	margin-top: 36px

}

.main-content-new .mc-body .anli-img a {

	color: #000

}



.main-content-new .mc-body .anli-title p {

	text-align: center;

	font-size: 28px;

	color: #333;

	padding-bottom: 20px

}



.main-content-new .article-title p {

	color: #333;

	font-weight: 600;

	width: 67%;


	z-index: 2;

}



.article-title-button {

	color: #666666;

	font-size: 14px;

	float: right;

	margin-top: -10px;

	background-color: #f2f2f2;

	display: none;
}

.article-title-button:hover {

	color: #f78181;

}



.article-title-button-img {

	width: 16px ;

	height: 14px ;

}



.main-content-new .article-item {

	display:flex;

	justify-content:center;



	z-index: 2;

}



.main-content-new .mc-body .article-item li {

	height: 35px;

	display: block;

	overflow:hidden;

	text-overflow:ellipsis;

	white-space:nowrap;

	float: left;

	width: 31.2%;

	margin-right: 2%;

	text-align: left

}



.main-content-new .mc-body .article-item li:last-child {

	margin-right: 0

}



.main-content-new .mc-body .news-title p {

	text-align: center;

	font-size: 28px;

	color: #333;

	padding-bottom: 50px

}



.main-content-new .mc-body .news-sub-title h3 {

	text-align: center;

	font-size: 24px;

	color: #333;

	padding-bottom: 50px;

	margin-top: 20px;

	font-weight: 400

}



.main-content-new .mc-context .mc-body .box-img li a {

	color: #333;

	font-size: 14px;

}



.main-content-new .mc-context .mc-body a,.main-content-new .mc-context .mc-body div,.main-content-new .mc-context .mc-body p,.main-content-new .mc-context .mc-body span {

	font-size: 16px

}



.main-content-new .mc-context .mc-body h2 a {

	font-size: 24px!important

}



.vitra-words-page .contact-img-zt {

	margin-top: 30px

}



.vitra-words-page .contact-img-zt ul {

	overflow: hidden

}



.vitra-words-page .contact-img-zt ul li {

	float: left;

	width: 32%;

	margin-right: 2%

}



.vitra-words-page .contact-img-zt ul li:last-child {

	margin-right: 0

}



.vitra-words-page .contact-img-zt ul li img {

	width: 100%;

	height: auto;

	border: none

}



.vitra-words-page .contact-img-zt ul li p {

	text-align: center;

	font-size: 16px;

	padding-top: 5px

}



.vitra-words-page .contact-zt-location {

	margin-top: 50px

}



.vitra-words-page .kf-online {

	border: 1px solid #f25807;

	padding: 5px 30px;

	font-size: 14px;

	color: #f25807

}



.vitra-words-page .kf-online:hover {

	background: #f25807;

	color: #fff

}



.contact-friends-img {

	width: 80%;

	margin: 0 auto

}



.contact-friends-img img {

	width: 100%;

	height: auto

}



.vitra-words-page .kefu {

	padding-bottom: 50px

}



.vitra-words-page .body p .chejian-title {

	margin-top: 20px;

	display: inline-block

}



.mc-body .border-bot {

	border-bottom: 0;

	margin-bottom: 0

}



.mc-body .product-box-new::before {

	content: '';

	display: block;

	margin: 0 auto;

	width: 880px;

	padding-top: 50px;

}



.mc-body .news-title h2 {

	padding-bottom: 30px;

	margin-top: -20px;

}



.cc-index-service {

	padding: 50px 0

}



.cc-index-service .wrapper {

	background: #f5f5f6

}



.cc-index-service img {

	display: inline;

	padding-top: 5px

}



.cc-index-service .wrapper ul.w-1228 {

	overflow: hidden;

	padding: 50px 0;

	margin-top: 20px

}



.cc-index-service .left,.cc-index-service .middle,.cc-index-service .right {

	float: left;

	width: 33.3%

}



.cc-index-service .middle,.cc-index-service .right {

	padding-left: 5px;

	box-sizing: border-box

}



.cc-index-service .middle .text,.cc-index-service .right .text {

	overflow: hidden;

	padding-left: 10px

}



.cc-index-service .middle .dt,.cc-index-service .right .dt {

	overflow: hidden;

	padding-left: 10px

}



.cc-index-service .left div {

	width: 80%

}



.cc-index-service .dl {

	width: 90%;

	padding: 10px 10px;

	transition: all .3s ease-in-out;

	box-sizing: border-box

}



.cc-index-service .dl:hover {

	background: #fff;

	box-shadow: 0 0 8px 0 rgba(0,0,0,.15)

}



.cc-index-service .text {

	font-size: 12px;

	color: #9b9ea0;

	line-height: 18px;

	margin: 8px 0 10px

}



.cc-index-service .dt {

	font-size: 14px;

	color: #373d41;

	line-height: 19px

}



.cc-index-service .dt a {

	font-size: 14px

}



.cc-index-service .left .know-more {

	width: 96px;

	height: 28px;

	line-height: 28px;

	border: 1px solid #373d41;

	color: #373d41;

	text-align: center;

	margin-top: 15px

}



.cc-index-service .know-more a {

	display: block;

	font-size: 12px

}



.main-content-new .mc-body div.article-box {

	text-align: left;

	margin-bottom: 40px

}



.main-content-new .mc-body div.article-box li {

	display: inline-block;

	line-height: 25px;

	padding: 0 8px;

	background: #eee;

	border: 1px solid #ccc;

	border-radius: 2px;

	letter-spacing: 1px;

	font-size: 13px;

	color: #000

}



.main-content-new .mc-body div.article-box li a {

	font-size: 13px!important;

	color: #000

}



.fangan-inner .title {

	width: 350px;

	height: 60px;

	margin: 30px auto;

	background: #333;

	font-size: 24px;

	color: #fff;

	text-align: center;

	line-height: 60px;

}



.fangan-inner .des {

	text-align: center;

	font-size: 16px;

	line-height: 30px;

}



.fangan-inner .box {

	width: 1035px;

	height: 465px;

	background: #f0f0f0;

	border-radius: 5px;

	padding-top: 15px;

	margin: 25px auto;

}



.fangan-inner .box-inner {

	width: 980px;

	height: 435px;

	padding: 0 15px 15px;

	border: 1px solid #fff;

	border-radius: 5px;

	margin: 0 auto;

	text-align: center;

}



.fangan-inner .plan {

	font-size: 22px;

	color: #333;

	line-height: 30px;

	margin: 30px auto 20px;

}



.fangan-inner .box-inner img {

	margin-top: 30px;

}



.fangan-inner .plan img {

	margin: 0 15px 0 0;

}



.fangan-inner .des-box {

	margin-bottom: 15px;

	background: url(../images/plan.jpg) repeat;

	width: 100%;

	min-height: 400px;

	padding-bottom: 30px;

}



.fangan-inner .des-box2 .w2 {

	width: 800px;

}



.fangan-inner .des-box li {

	width: 345px;

	float: left;

	margin-right: 95px;

}



.fangan-inner .des-box2 li:nth-child(1) {

	margin-bottom: 30px;

}



.fangan-inner .des-box2 li:nth-child(2) {

	margin-bottom: 30px;

}



.fangan-inner .des-box li:last-child {

	margin-right: 0;

}



.fangan-inner .des-box2 li:nth-child(2n) {

	margin-right: 0;

}



.fangan-inner .des-box a {

	width: 100%;

	height: 236px;

	border: 1px solid #eee;

	display: block;

	overflow: hidden;

	margin-bottom: 25px;

}



.fangan-inner a img {

	width: 100%;

	height: 100%;

	transition: all 0.4s ease-out;

	-webkit-transition: all 0.4s ease-out;

	-moz-transition: all 0.4s ease-out;

}



.fangan-inner a:hover img {

	-webkit-transform: scale(1.05);

	-moz-transform: scale(1.05);

	-o-transform: scale(1.05);

	-ms-transform: scale(1.05);

	transform: scale(1.05);

}



.fangan-inner .des-box p {

	font-size: 16px;

	color: #333;

	margin-left: 23px;

	line-height: 30px;

}



.fangan-inner .des-box span {

	color: #666;

	display: inline-block;

	width: 80%;

	padding-right: 4%;

}



.wenxintishi {

	width: 133px;

	height: 41px;

	border: 1px solid #626262;

	font-size: 22px;

	color: #333;

	text-align: center;

	line-height: 41px;

	margin: 45px auto 25px auto;

	border-radius: 7px;

}



.wenxintishi-list {

	background: url(../images/wenxin-bg.jpg) no-repeat center;

	width: 415px;

	margin: 0 auto;

	padding: 40px 75px;

	font-size: 16px;

	line-height: 30px;

	height: 140px;

}



.fangan-inner .see-more {

	width: 280px;

	height: 63px;

	border-radius: 30px;

	border: 1px solid #eee;

	box-shadow: 0 0 25px #ddd;

	display: block;

	margin: 50px auto;

	text-align: center;

	line-height: 63px;

	font-size: 18px;

}



.list-fangan {

	margin-top: 45px;

}



.list-fangan .list-fa {

	width: 392px;

	float: left;

	text-align: center;

	margin: 0 25px 15px 0;

}



.list-fangan .list-fa:nth-of-type(3n) {

	margin-right: 0;

}



.list-fangan .list-fa a {

	display: block;

	width: 96%;

	padding: 2%;

}

.sanji10{

    display: none

}

.list-fangan .list-fa img {

	width: 100%;

}



.list-fangan .list-fa .tit {

	border: 1px solid #333;

	height: 50px;

	font-size: 16px;

	line-height: 50px;

	text-align: center;

	color: #333;

	margin: 30px auto;

	display: inline-block;

	padding: 0 30px;

	width: initial;

	transition: all 0.4s ease-out;

	-moz-transition: all 0.4s ease-out;

	-webkit-transition: all 0.4s ease-out;

}



.list-fangan .list-fa:hover .tit {

	color: #fff;

	background: #333;

}



.list-fangan .list-fa img:hover {

	box-shadow: 0 5px 15px 5px #B3BBC3;

	transform: translate(0,-2px);

	-moz-transform: translate(0,-2px);

	-webkit-transform: translate(0,-2px);

	transition: all .3s;

	-moz-transition: all .3s;

	-webkit-transition: all .3s;

}













.texture-color{

	border-top:1px solid #333;

}

.texture-print{

	border-top:1px solid #333;

	margin-top:2px;

	margin-top: 1%;

}

.texture-color .texture-print ul li{

	text-align: center;

	float: left;

	width: 11.5%;

	margin-right: 1%

}

.texture-color .texture-print ul li img{

	border-radius:10px;

	width: 90%;

}

.texture-color .texture-print ul{

	overflow: hidden;

	margin-left:1%;

	margin-top:2%;

}

.texture-print .texture-img{

	height: 120px;

	border-bottom:1px solid #333;

	margin-bottom:10px;

}

.design-originality .design-print ul li{

	float: left;

	width: 32%;

	margin-right: 1.3%

}

.design-originality .design-print ul li img{

	width: 100%;

}

.design-originality .design-print ul{

	overflow: hidden;

	margin-left:1%;

}

.configuration-print{

	overflow: hidden;

}

.configuration .configuration-print ul{

	text-align: center;

}

.configuration-print ul li{

	float: left;            /*  这是关键行，使内联的列表元素全部左浮动  */

	width: 11.5%;

	margin-left: 1%;

}

.configuration-print ul li p .img {

	width: 100%;

	display: block;       /*  这是关键行，把内联图片变成块级盒模型  */

}

.configuration-print ul li p{

	text-align: center;

}



.custom .custom-case ul{

	overflow: hidden;

}

.custom-case ul li{

	box-sizing: border-box;

	float: left;

	width: 31%;

	margin-right: 2%;

	text-align: center

}

.custom-case ul li img{

	max-width: 80%;

	max-height: 15%;

	width: auto;

	margin-top: 36px

}

.custom-case ul li p{

	text-align: center;

	width: 285px;

	margin: 0 auto

}

.custom-case-title{

	font-weight:bold;

}



.texture-explain {

	width: 1112px;

	margin: 0 auto;

	margin-top:3%;

}

.explain{

	border-top:1px solid #333;

	margin-top:1%;

}

.text-description{

	width: 880px;

	margin: 0 auto;

	margin-top:2%;

}



.merchandise-news-title{

	font-size: 28px;

	text-align: center;

	margin: 70px auto;

	color: #333;

	padding-top: 100px;

	border-top: 1px solid #ccc

}



.design-originality-title{

	font-size: 28px;

	text-align: center;

	margin: 70px auto;

	color: #333;

	padding-top: 100px;

	border-top: 1px solid #ccc

}

.configuration-title{

	font-size: 28px;

	text-align: center;

	margin: 70px auto;

	color: #333;

	padding-top: 100px;

	border-top: 1px solid #ccc

}



.custom-title{

	font-size: 28px;

	text-align: center;

	margin: 70px auto;

	color: #333;

	padding-top: 100px;

	border-top: 1px solid #ccc

}



.product-title{

	font-size: 28px;

	text-align: center;

	/*margin: 70px auto;*/

	color: #333;

	padding-top: 100px;

	/*border-top: 1px solid #ccc*/

}

.auxiliary-title{

	font-size: 28px;

	text-align: center;

	margin: 70px auto;

	color: #333;

	padding-top: 100px;

	border-top: 1px solid #ccc

}

.texture-color-title{

	font-size: 28px;

	text-align: center;

	margin: 100px auto;

	color: #333;

}

.like-product{

	overflow: hidden;

}

.product .like-product ul{

	text-align: center;

}

.like-product ul li{

	float: left;            /*  这是关键行，使内联的列表元素全部左浮动  */

	width: 24%;

	margin-left: 1%;

}

.like-product ul li a .img {

	width: 100%;

	display: block;       /*  这是关键行，把内联图片变成块级盒模型  */

}

.like-product ul li a{

	text-align: center;

}



.auxiliary-product{

	overflow: hidden;

}

.auxiliary .auxiliary-product ul{

	text-align: center;

}

.auxiliary-product ul li{

	float: left;            /*  这是关键行，使内联的列表元素全部左浮动  */

	width: 24%;

	margin-left: 1%;

}

.auxiliary-product ul li a .img {

	width: 100%;

	display: block;       /*  这是关键行，把内联图片变成块级盒模型  */

}

.auxiliary-product ul li a{

	text-align: center;

}























/**

*推荐弹出样式

*/

.pop-up{

	width: 400px;

	height: 450px;

	position: fixed;

	bottom: 0;

	z-index:110;



	box-shadow: 5px 0px 20px #888888;

}

.head{

	width: 400px;

	height: 25px;

	background:#fa8c16;

	border-bottom:1px solid #0C0C0C;

}

.head span{

	line-height:25px;

	position:absolute;

	font-size:14px;

}

.x{

	float:right;

	border-radius:50%

}

.appbar{

	width: 400px;

	height: 50px;

	background:#e6eaeb;

	border-bottom:1px solid #0C0C0C;

}

.appbar ul li{

	float:left;

	text-decoration:none;

	color:#0C0C0C;

}

.appbar ul li a{

	padding:0px 10px;

	font-size:12px;

}

.picure{

	width: 400px;

	height: 250px;

	background:#e6eaeb;

}

.picure ul li{

	display:none;

	position:absolute;

}

.picure ul li:first-child{

	display:block;

}

.picure ul li a{

	display:block;

}

.picure ul li a img{

	width: 400px;

	height: 250px;

}

.picure ol{

	width: 400px;

	height: 50px;

	background:#e6eaeb;

	position:relative;

	bottom:-250px;

}

.picure ol li a img{

	float: left;

	width: 50px;

	height: 50px;

	cursor:pointer;

}

.arrow span {

	width:20px;

	height:30px;

	background:rgba(0,0,0,0.05);

	color:#fff;

	position:absolute;

	top:45%;

	transform:translate(0,-50%);

	line-height:30px;

	text-align:center;

	font-size:20px;

	cursor:pointer;

}

.arrow-l{

	left:20px;

}

.arrow-r{

	right:20px;

}

.more-picure{

	width: 400px;

	height: 50px;

	background:#e6eaeb;

	border-bottom:1px solid #0C0C0C;

}

.more-picure a img{

	width:44px;

	height:50px;

}

.case{

	width:400px;

	height:73px;

	position:relative;

	bottom:-50px;

	background:#e6eaeb;

}

.case p{

	margin-left:10px;



}

.case p a{

	color:#0C0C0C;

	font-size:12px;

	text-decoration:none;

}

.one{

	color:#f54545;

	font-size:12px;

}

.two{

	color:#ff8547;

	font-size:12px;

}

.three{

	color:#ffac38;

	font-size:12px;

}



/**

*推荐弹出样式结束

*/