*{ margin: 0; padding: 0; list-style: none; text-decoration: none; box-sizing: border-box;}
body{ position: relative; font: 14px/1.5  , arial, 宋体, sans-serif; vertical-align: baseline; width: 100%; overflow-x: hidden;}
i, em{ font-style: normal;}
a{ color: #333;}
h1, h2, h3, h4, h5, h6, b{ font-weight: normal;}
img{ border: none \9; display: inline-block;}
.clearfix:after{ content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}
.fl{ float: left;}
.fr{ float: right;}

/*more-title*/

.more-title{ width: 1200px; margin: 50px auto 40px; text-align: center;}
.more-title h3{ color: #333; font-size: 30px; line-height: 30px;}
.more-title h4{ margin: 20px 0 0; color: #000; font-size: 18px; line-height: 18px;}
.hover_time{ -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s;}
.tywidth{ width: 1200px; margin: 0 auto;}

/*header*/

.header{ width: 100%;}
.header .h-nr-1{ width: inherit; background: #7c7379; height: 36px; line-height: 36px;}
.header .header_top .right{ float: right; text-align: center;}
.header .header_top .left,.header .header_top .right a{ color: #fff; font-size: 14px;}
.header .header_top .right a{ margin-right: 25px;}
.header .header_top .right a:last-child{ margin-right: 0;}
.header .header_top .right a img{ vertical-align: middle; margin: -4px 5px 0 0;}
.header .h-nr-2{ width: inherit; line-height: 0;}
.header .h-nr-2 .zb>div,.header .h-nr-2 .right>div{ display: inline-block; vertical-align: top;}
.header .h-nr-2 .zb .left{ padding: 25px 0 0; line-height: 0; margin-right: 28px;}
.header .h-nr-2 .zb .wb{ padding: 35px 0 0;}
.header .h-nr-2 .zb .left img{ vertical-align: top;    height: 80px;}
.header .h-nr-2 .zb .wb p,.header .h-nr-2 .zb .wb p b{ font-size: 24px;line-height: 24px;color: #333;}
.header .h-nr-2 .zb .wb i{ display: block; margin: 10px 0 0; line-height: 20px; color: #333;font-size: 20px;}
.header .h-nr-2 .right{ margin: 35px 0 0;}
.header .h-nr-2 .right .icon{ margin: 0 16px 0 0;}
.header .h-nr-2 .right .dz-rx b{ display: block; color: #333; font-size: 22px;line-height: 22px; margin-bottom: 10px;}
.header .h-nr-2 .right .dz-rx p{ font-size: 26px; color: #333;font-weight: bold; line-height: 26px;}

/*.header .nav*/

.header .nav{ width: 100%; margin: 20px 0 0 0;}
.header .nav .nav-content ul{ margin: 0 70px 30px;}
.header .nav .nav-content ul li{ float: left; position: relative; text-align: center; margin-right: 28px;}
.header .nav .nav-content ul .tsli{ margin-right: 0;}
.header .nav .nav-content ul li a{ color: #544e52; font-size: 17px; display: block; transition: 0.3s 0s;}
.header .nav .nav-content ul li.on a{ color: #8f1f27;}
.header .nav .nav-content ul li:hover a{ transform: scale(1.2, 1.2);}

/*首页banner*/

.banner-index{ line-height: 0;}
.banner-index img{ width: 100%;line-height: 0;}
.slideBox{ width: 100%; height: auto; overflow: hidden; position: relative;}
.slideBox .bd ul li{ display: none;}
.slideBox .bd ul li:first-child{ display: block;}
.slideBox .hd{ height: 10px; overflow: hidden; position: absolute; left: 47%; bottom: 25px; z-index: 1;}
.slideBox .hd ul{ overflow: hidden; zoom: 1; float: left;}
.slideBox .hd ul li{ float: left; border-radius: 50%; width: 10px; height: 10px; background: none; border: 1px solid #827a7f; margin-right: 20px; cursor: pointer;}
.slideBox .hd ul li.on{ background: #827a7f;}
.banner-index .slideBox .bd img{ width: 100%;}

/*search*/

.search{ width: 100%; position: relative; height: 74px; line-height: 74px; font-size: 0;}
.search-content>div{ float: left;}
.search-content .wb{ background: url(../images/location.png)no-repeat; width: 424px; height: 143px; padding: 35px 30px 0 85px; margin: -70px 40px 0 0;}
.search-content .wb h4{ color: #fff; font-size: 22px; line-height: 22px; letter-spacing: 1.6px;}
.search-content .wb h4 b{ font-weight: bold;}
.search-content .wb h5{ margin: 25px 0 0; text-align: right; color: #fff; font-size: 18px; line-height: 18px;}
.search-keywords{ padding: 35px 0 0;}
.search-keywords span{ display: inline-block; vertical-align: middle; margin: 0 20px 0 0;}
.search-keywords span+span{ margin-top: -14px;}
.search-keywords a{ color: #000; font-size: 14px;}
.search-keywords i{ margin: -9px 15px 0; width: 1px; height: 13px; border-right: 1px dashed #999; display: inline-block; vertical-align: middle;}
.search-keywords a:hover{ color: #827a7f; text-decoration: underline;}
#searchForm{ background: url(../images/search.png)no-repeat; background: url(../images/search.png)\9 no-repeat; width: 285px; height: 26px; vertical-align: top; margin: 47px 0 0 0;}
.search-form{ display: inline-block; float: right!important;}
#searchForm .search-input{ vertical-align: top; background: none; border: none; height: 26px;line-height: 26px; color: #ccc; outline: none; width: 89%; text-indent: 10px;}
.search-form #s_btn{ background: none; width: 30px; height: 26px; text-align: center; color: #bbb; outline: none; border: none; cursor: pointer; display: inline-block; vertical-align: top;}
#searchForm .search-input::-webkit-input-placeholder{/* WebKit browsers */
	color: #ccc;}
#searchForm .search-input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */
	color: #ccc;}
#searchForm .search-input::-moz-placeholder{/* Mozilla Firefox 19+ */
	color: #ccc;}
#searchForm .search-input:-ms-input-placeholder{/* Internet Explorer 10+ */
	color: #ccc;}

/*con1*/

.con1 .nr{ background: url(../images/conkkbg.png)no-repeat; height: 454px;}
.con1 .nr .js{ width: 656px; position: relative; text-align: justify; padding: 70px 0 0 40px;}
.con1 .nr .js .text{ width: 559px;}
.con1 .nr .js .text dt{ line-height: 0; margin-bottom: 20px;}
.con1 .nr .js .text dd{ margin-top: 28px; color: #000; font-size: 16px; line-height: 30px;}
.con1 .nr .by{ width: 541px; margin-top: 147px; margin-right: 3px;}
.con1 .nr .by .pic{ width: 541px; height: 306px; overflow: hidden;}

/*product*/

.product{ margin: 40px 0 0; background: #f1f1f1; width: 100%; padding: 50px 0 20px; font-size: 0;}
.product .nr .hd dt h5{ color: #000; font-size: 20px; line-height: 20px; border-bottom: 2px solid #000; height: 37px; text-transform: uppercase; font-family: -webkit-pictograph;}
.product .nr .hd dt{ text-align: center;}
.product .nr .hd dt h3,.product .nr .hd dt h3 a{ line-height: 20px; font-size: 20px; color: #333; margin: 20px 0;}
.product .nr .hd ul li dl dd a{ display: block; font-size: 16px; color: #000; margin-bottom: 5px;}
.product .nr .hd ul li dl dd a i{ display: inline-block; vertical-align: middle; width: 88px; height: 31px; line-height: 31px;}
.product .nr .hd ul li dl dd a:before{ content: ""; background: url(../images/proicon.png)no-repeat; width: 4px; height: 4px; display: inline-block; vertical-align: middle; margin: 0 10px 0 0;}
.product .nr .hd ul li dl dd a:hover i{ background: #827a7f; color: #fff;}
.product .nr .hd ul li dl dd,.product .nr .hd ul li{ display: inline-block; vertical-align: top;}
.product .nr .hd ul li{ margin-right: 21px; width: 222px;}
.product .nr .hd ul li:last-child{ margin-right: 0;}
.product .nr .bd{ margin: 20px 0 0;}
.product .nr .bd ul li{ float: left; display: inline; width: 384px; text-align: center; margin: 0 24px 30px 0;}
.product .nr .bd ul li .kk{ width: 100%; height: 249px; overflow: hidden; position: relative;}
.product .nr .bd ul li .kk .xtb{ position: absolute; right: 0; top: 0; z-index: 5; width: 65px; height: 38px;}
.product .nr .bd ul li .kk .xtb1{ background: url(../images/pronew.png)no-repeat;}
.product .nr .bd ul li .kk .xtb2{ background: url(../images/prorq.png)no-repeat;}
.product .nr .bd ul li .kk .pic,.product .nr .bd ul li .kk .pic img{ width: 100%;}
.product .nr .bd ul li .mc{ font-size: 16px; color: #000; line-height: 16px; margin: 12px 0 0;}
.product .nr .bd ul li .kk .xs{ position: absolute; left: 0; top: -249px; z-index: 10; zoom: 1; width: 100%; height: 249px; line-height: 249px; background-color: rgba(165, 159, 163, 0.478); transition-duration: 300ms;}
.product .nr .bd ul li:hover .xs{ top: 0;}
.product .nr .bd ul li .kk .xs img{ vertical-align: middle;}
.product .nr .bd ul li:nth-child(3n){ margin-right: 0;}
.product .nr .morea a{ width: 210px;height: 50px;line-height: 50px;display: inline-block;vertical-align: top;color: #000;font-size: 16px;border: 1px solid #ccc;}
.product .nr .morea a:hover{ background: #827a7f; color: #fff;}

/*case*/

.case {}


/*sbanner1*/

.sbanner1{ background: url(../images/sbanner.png)no-repeat center; background: url(../images/sbanner.png)\9 no-repeat center; width: 100%; height: 300px; margin: 20px 0 0; padding: 90px 0 0;}
.sbanner1 .pic{ margin: 0 0 0 50px;}
.sbanner1 .rx{ text-align: center; margin: 10px 180px 0 0;}
.sbanner1 .rx h6{ margin: 10px 0 0; color: #fff; font-size: 24px;}

/*design_idea*/

.design_idea .nr{ position: relative; height: 1083px; overflow: hidden;}
.design_idea .nr .hd{ position: absolute; left: 45%; bottom: 0; z-index: 10;}
.design_idea .nr .hd ul li{ float: left; cursor: pointer; width: 9px; height: 9px; border: 1px solid #ccc; background: none; margin: 0 15px 0 0; line-height: 0; overflow: hidden; border-radius: 50%;}
.design_idea .nr .hd ul li.on{ background: #ccc;}
.design_idea .nr .bd .top{ background: url(../images/sjlnbg.png)no-repeat; height: 324px; padding: 50px 65px 0 60px; overflow: hidden;}
.design_idea .nr .bd .top .logo{ width: 247px; height: 246px; line-height: 0; overflow: hidden; border-radius: 50%;}
.design_idea .nr .bd .top .text{ width: 778px; margin: 10px 0 0 50px;}
.design_idea .nr .bd .top .text dt{ color: #333; font-size: 26px; line-height: 26px;}
.design_idea .nr .bd .top .text p{ color: #333; font-size: 18px; line-height: 18px; margin: 20px 0 15px;}
.design_idea .nr .bd .top .text p img{ margin: 0 0 0 15px;}
.design_idea .nr .bd .top .text dd{ color: #000; font-size: 16px; line-height: 30px; width: 740px; text-align: justify;}
.design_idea .nr .bd .top .text .more a{ float: right; display: block; color: #000; font-size: 14px; width: 112px; height: 43px; line-height: 43px; text-align: center; border: 1px solid #ccc;}
.design_idea .nr .bd .top .text .more a:hover{ color: #fff; background: #827a7f;}
.design_idea .nr .bd .js{ margin: 20px 0 0;}
.design_idea .nr .bd .js .left{ width: 853px;}
.design_idea .nr .bd .js .pic,.design_idea .nr .bd .js .pic img{ width: 100%;}
.design_idea .nr .bd .js .pic{ line-height: 0; overflow: hidden; height: 600px;}
.design_idea .nr .bd .js p{ color: #600; font-size: 16px; line-height: 30px; margin: 15px 0 0;}
.design_idea .nr .bd .js p b{ color: #333;}
.design_idea .nr .bd .js p+p{ margin: 10px 0 0;}
.design_idea .nr .bd .js .right{ width: 329px;}
.design_idea .nr .bd .js .right .pic1{ height: 395px;}
.design_idea .nr .bd .js .right .pic2{ margin: 15px 0 0; height: 329px;}

/*ys*/

.ys{ margin: 50px 0 0; padding: 40px 0 0; width: 100%; height: 825px; background: #f1f1f1;}
.ys .nr{ position: relative; height: 637px; overflow: hidden;}
.ys .nr .hd{ position: absolute; right: 45px; top: 0; z-index: 99; width: 450px;}
.ys .nr .hd ul li{ cursor: pointer; width: 138px; height: 139px; background: #a59fa3; float: left; margin: 0 15px 20px 0; padding: 27px 0 0; text-align: center;}
.ys .nr .hd ul li:nth-child(3n){ margin-right: 0;}
.ys .nr .hd ul li .icon{ display: inline-block; vertical-align: top; line-height: 0; height: 36px; margin-bottom: 25px;}
.ys .nr .hd ul li.on{ background: #e2e0df;}
.ys .nr .hd ul li .icon .yc{ display: none;}
.ys .nr .hd ul li.on .icon .yc{ display: inline-block;}
.ys .nr .hd ul li.on .icon .xs{ display: none;}
.ys .nr .hd ul li p{ color: #fff; font-size: 18px; line-height: 18px;}
.ys .nr .hd ul li.on p{ color: #333;}
.ys .nr .bd{ height: 637px; overflow: hidden;}
.ys .nr .bd ul li .left{ width: 640px; font-size: 0;}
.ys .nr .bd ul li .left .bbox{ width: 100%; height: 298px; overflow: hidden; margin-bottom: 20px;}
.ys .nr .bd ul li .left .sbox{ width: 100%; height: 319px; overflow: hidden;}
.ys .nr .bd ul li .left .sbox>div{ float: left; width: 319px; height: 319px; overflow: hidden;}
.ys .nr .bd ul li .left .sbox>div+div{ float: right; margin-left: 2px; text-align: right;}
.ys .nr .bd ul li .left .sbox .by{ margin: 10px 0 37px;}
.ys .nr .bd ul li .text{ margin:400px 0 0 60px; width: 500px;}
.ys .nr .bd ul li .text dt{ position: relative; margin-bottom: 40px;}
.ys .nr .bd ul li .text dt i{ font-size: BodoniBT; position: absolute; left: 0; top: -43px; z-index: 1; color: #ddd; font-size: 72px; line-height: 72px;}
.ys .nr .bd ul li .text dt b{ position: relative; z-index: 2; color: #333; font-size: 22px; line-height: 22px;}
.ys .nr .bd ul li .text dd{ color: #000; font-size: 18px; line-height: 30px;}
.ys .nr .btnr{ position: absolute; right: 10px; bottom: 0; z-index: 99;}
.ys .nr .btn{ cursor: pointer; width: 39px; height: 39px; display: inline-block; vertical-align: top;}

/*sbanner2*/

.sbanner2{ background: url(../images/sbanner2.png)no-repeat center; background: url(../images/sbanner2.png)\9 no-repeat center; width: 100%; height: 300px; padding: 90px 0 0;}
.sbanner2 .pic{ margin: 0 55px 0 0;}
.sbanner2 .rx{ text-align: center; margin: 10px 0 0 350px;}
.sbanner2 .rx h6{ margin: 10px 0 0; color: #736e6e; font-size: 24px;}

/*con2*/

.con2 .nr{ border: 1px solid #ccc; box-sizing: content-box;}
.con2 .nr .pic{ float: left; display: inline; width: 200px; height: 120px; text-align: center; line-height: 120px; border-right: 1px solid #ccc;}
.con2 .nr .picl{ border-right: none;}
.con2 .nr .pics{ border-right: 1px solid #ccc; border-top: 1px solid #ccc;}
.con2 .nr .pic img{ vertical-align: middle;    width: 126px;}

/*qyxc*/

.qyxc .nr{ font-size: 0;}
.qyxc .nr .pic{ overflow: hidden; line-height: 0; text-align: center; position: relative;}
.qyxc .nr .pic .mc{ transition-duration: 700ms; position: absolute; left: 0; bottom: 0; z-index: 10; background-color: rgba(226, 224, 223, 0.902); height: 52px; width: 100%; line-height: 52px; color: #645f62; font-size: 18px;}
.qyxc .nr .top,.qyxc .nr .bottom{ height: 323px; overflow: hidden; margin-bottom: 20px;}
.qyxc .nr .pic:hover .mc{ bottom: -52px;}
.qyxc .nr .pic1{ width: 738px;}
.qyxc .nr .pic2{ margin: 21px 0 0; width: 443px; height: 194px;}
.qyxc .nr .pic img{ width: 100%;}
.qyxc .nr .pic:hover img{ transform: scale(1.1, 1.1);}
.qyxc .nr .left,.qyxc .nr .right{ width: 443px;}
.qyxc .nr .left .more{ width: 100%; height: 106px; line-height: 106px; text-align: center; border: 1px solid #736e6e;}
.qyxc .nr .left .more a{ display: block; color: #645f62; font-size: 18px;}
.qyxc .nr .left .more a:hover{ color: #fff; background: #827a7f;}

/*about*/

.about{ margin: 45px 0 0; padding: 50px 0 0; width: 100%; height:500px; background: #f1f1f1;}
.about .nr .top .pic{ margin: 0 60px 0 0; width: 708px; height: 397px; overflow: hidden;}
.about .nr .top .pic img{ width: 100%;}
.about .nr .top .pic:hover img{ transform: scale(1.1, 1.1);}
.about .nr .top .js p a{ margin: 40px 0 0; width: 150px; height: 42px; line-height: 42px; display: block; text-align: center; color: #333; font-size: 14px; border: 1px solid #000;}
.about .nr .top .js p a:hover{ color: #fff; background: #827a7f;}
.about .nr .top .js dt{ line-height: 0; height: 106px; margin-bottom: 20px;}
.about .nr .top .js{ width: 432px;}
.about .nr .top{ height: 397px; overflow: hidden;}
.about .nr .top dd{ width: 410px; height: 120px; color: #000; font-size: 15px; line-height: 24px;}
.about .nr .bottom{ margin: 40px 0 0; overflow: hidden;}
.about .nr .bottom .bd ul li{ position: relative; display: none;padding-top: 15px;}
.about .nr .bottom .bd ul li:first-child{ display: block;}
.about .nr .bottom .bd ul li .morea{ position: absolute; right: 20px; top: -40px; font-size: 14px; text-transform: uppercase;}
.about .nr .bottom .bd ul li dd{ width: 224px; float: left; margin-right: 20px;}
.about .nr .bottom .bd ul li dd:last-child{ margin-right: 0;}
.about .nr .bottom .bd ul li .kk{ width: 224px; height: 297px; overflow: hidden; /*background: url(../images/honorbg.png)no-repeat;*/}
.about .nr .bottom .bd ul li .kk .pic{ /*width: 162px; height: 233px; margin: 22px 20px;*/ overflow: hidden;}
.about .nr .bottom .bd ul li .mc{ text-align: center; width: 203px; margin: 10px 0 0; line-height: 16px;}
.about .nr .bottom .bd ul li .mc a{ color: #000; font-size: 16px;}
.about .nr .bottom .btn{ cursor: pointer; width: 39px; height: 39px; display: inline-block; vertical-align: top;}
.about .nr .bottom .hd{ position: relative; height: 50px; margin-bottom: 15px;}
.about .nr .bottom .hd .bala{ height: 1px; position: absolute; left: 0; width: 100%; z-index: 88; background: #D8D8D8; border: none; outline: none;}
.about .nr .bottom .hd ul li .xc-img{ display: inline-block; vertical-align: middle; width: 25px; height: 46px; margin-right: 5px;}
.about .nr .bottom .hd ul li span{ display: inline-block; vertical-align: middle; color: #333; font-size: 18px; margin: 7px 0 0 0;}
.about .nr .bottom .hd ul li{ float: left; cursor: pointer; border: 1px solid #f1f1f1; padding: 0 10px; position: relative;}
.about .nr .bottom .hd ul li .xcbtn{ position: relative; display: inline-block;}
.about .nr .bottom .hd ul li .xcbtn img{ position: absolute; left: 0; top: 0;}
.about .nr .bottom .hd ul li .yc{ visibility: hidden;}
.about .nr .bottom .hd ul li.on{ border: 1px solid #D8D8D8; border-bottom: 1px solid #f1f1f1;}
.about .nr .bottom .hd ul li.on .xs{ visibility: hidden;}
.about .nr .bottom .hd ul li.on .yc{ visibility: visible;}
.about .nr .bottom .hd ul .more{ color: #000; font-size: 16px; float: right; margin: 17px 17px 0 0;}
.about .nr .bottom .hd ul .more:hover{ color: #FF6B6B;}
.about .nr .bottom .hd ul li.on hr{ visibility: visible;}
.about .nr .bottom .hd ul li hr{ height: 1px; position: absolute; left: 0; width: 100%; z-index: 91; background: #f1f1f1; border: none; outline: none; bottom: -2px; visibility: hidden;}

/*new*/

.new{width: 1200px;margin: auto;height: 518px;margin-top: 40px;}
.new .wd{width: 600px;height: 518px; overflow: hidden; border-right: solid 1px #ccc;float: left;}
.new .wd .top{width: 543px;margin-bottom: 30px;height: 46px;}
.new .wd ul li{width: 543px;border-top: solid 1px #ccc;height: 147px;padding-top: 30px;}
.new .wd ul li img{float: left;margin-right: 27px;}
.new .wd ul li .wz{float: left;margin-top: 10px;width: 426px;}
.new .wd ul li .wz b{display: block;font-size: 16px;margin-bottom: 6px;}
.new .wd ul li .wz b a{color: #333333;}
.new .wd ul li:hover .wz b a{color: #8f1f27;}
.new .wd ul li .wz p a{color: #000;}
.new .list{width: 543px;height: 518px; overflow: hidden; float: right;}
.new .list .top{width: 543px;height: 76px;border-bottom: solid 1px #ccc;margin-bottom: 31px;}
.new .list .top ul{width: 222px;float: left; margin-top: -5px;}
.new .list .top ul li{font-size: 19px; cursor: pointer; float: left;color: #000;margin-right: 30px;font-weight: bold;letter-spacing: 1px;}
.new .list .top ul .on{color: #a59fa3;}
.new .list .lb{margin-bottom: 40px;}
.new .list .lb .xx{height: 159px;background: #a59fa3;}
.new .list .lb .xx img{float: left;margin-right: 37px;}
.new .list .lb .xx .zzz{float: left;width: 273px;padding-top: 40px;}
.new .list .lb .xx .zzz b{color: #fff;font-size: 16px;}
.new .list .lb .xx .zzz p{color: #eee;margin-top: 10px;line-height: 27px;}
.new .list .xq{margin-bottom: 17px;}
.new .list .xq:nth-child(7n){ margin-bottom: 0px;}
.new .list .xq a{color: #000;}
.new .list .xq a:hover{ color: #8f1f27;}
.new .list .xq b{float: right;color: #000;}

/*frilist*/

.frilist{ margin: 65px 0 0;}
.frilist .link{ position: relative; background: url(../images/frilinkbg.png)no-repeat; height: 104px; padding: 55px 0 0 25px;}
.frilist .link dd{ position: absolute; left: 143px; top: 3px; z-index: 10;}
.frilist .link dd a{ line-height: 14px; color: #999; font-size: 14px;}
.frilist .link ul li{ float: left; font-size: 14px; margin-right: 45px;}
.frilist .link ul li a{ line-height: 14px; color: #333; font-size: 14px;}
.frilist .link ul li a:hover{ color: #8f1f27;}

/*foot*/

.foot{ width: 100%; height: 360px; background: url(../images/footbg.png)no-repeat center; background: url(../images/footbg.png)\9 no-repeat center; padding-top: 55px; margin: 30px 0 0;}
.foot .content{width: 1200px;margin: auto;height: 270px; overflow: hidden;}
.foot .content .a{width: 280px;float: left;}
.foot .content .top{margin-bottom: 20px; line-height: 0;}
.foot .content .a ul li{float: left;margin-right: 37px;width: 103px;margin-bottom: 20px;}
.foot .content .a ul li a{color: #dcdcdc;}
.foot .content .a ul li:hover a,.foot .lx a:hover{color: #c1b3bc;}
.foot .content .b{ float: left;margin-left: 180px;}
.foot .content .b p{color: #dcdcdc;margin-bottom: 11px;}
.foot .content .c{ width: 280px; float: right;}
.foot .content .c ul li{width: 126px;text-align: center;color: #dcdcdc;font-size: 16px;}
.foot .content .c ul li img{margin-bottom: 20px;}
.foot .lx{margin: auto;text-align: center;color: #afafaf; line-height: 34px; height: 34px;}
.foot .lx a{color: #afafaf;}

/*conlsj*/

.card-area{ margin: 0 auto 0; height: 476px;width: 100%;position: relative;}
.card-area .card-item{ list-style: none;overflow: hidden; z-index: 4; transition: all .3s cubic-bezier(.4, 0, .2, 1), z-index 0s .12s; position: relative; float: left;width: 16%; height: 476px; background-color: transparent; background-color: rgb(255, 255, 255); box-shadow: 3.536px 3.536px 5px 0px rgba(0, 0, 0, 0.1);}
.card-area li{ margin-right: 11px;}
.card-area li:last-child{ margin-right: 0;}
.card-area .card-item .card{transition: all .3s cubic-bezier(.4, 0, .2, 1), z-index 0s .12s;width: 100%;height: 100%;text-align: center;background: #fff;}
.card-area .card-item .card .card-content.content-first{transition: all .12s cubic-bezier(.4, 0, .2, 1) .18s; z-index: 3;opacity: 1;filter: alpha(opacity=100);-ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=(100))}
.card-area .card-item .card .card-content.content-second{transition: all .12s cubic-bezier(.4, 0, .2, 1) 0s; z-index: 2;opacity: 0;filter: alpha(opacity=0);-ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=(0));line-height: 2}
.card-area .card-item .card .card-content.content-second li{float: left;width: 50%}
.card-area .card-item .card .card-content,.card-area .card-item .card .card-title{position: absolute;left: 0;right: 0;z-index: 1}
.card-area .card-item .card .card-title{ transition: all .3s cubic-bezier(.4, 0, .2, 1), z-index 0s .12s; height: 345px;line-height: 26px;font-size: 14px;top: 0; background: #827a7f;}
.card-area .card-item .card .card-title .content{position: absolute;bottom: 0;width: 100%; z-index: 10;}
.card-area .card-item .card .card-title .short-info{color: #8dbbdc;font-size: 14px;margin-top: 0;margin-bottom: 20px}
.card-area .card-item .card .card-title .zq-product-img{width: 40px;height: 40px;margin: 10px auto;position: relative}
.card-area .card-item .card .card-title .zq-product-img img{position: absolute;left: 0;width: 100%}
.card-area .card-item .card .card-title .zq-product-img .un-hover{z-index: 1;opacity: 1; filter: alpha(opacity=100);-ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=(100))}
.card-area .card-item .card .card-title .zq-product-img .with-hover{z-index: 2;opacity: 0; filter: alpha(opacity=0);-ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=(0))}
.card-area .card-item .card .card-title .short-info,.card-area .card-item .card .card-title .zq-product-img img,.card-area .card-item .card .card-title h1{transition: all .15s cubic-bezier(.4, 0, .2, 1) 0s}
.card-area .card-item .card .card-content{height: 176px;position: absolute;top: 308px;}
.card-area .card-item .card .card-content.content-first .content-first-list{ width: 100%; max-width: 193px; text-align: left; font-size: 16px; color: #373d41; margin: 65px 0 0 15px;}
.card-area .card-item .card .card-content.content-second{ width: 92%; left: 50px; font-size: 14px;color: #a9b0b4; text-align: left; padding-top: 70px; background: url(../images/lsjby.png)no-repeat bottom;}
.card-area .card-item.active{ z-index: 6; background-color: rgb(255, 255, 255); box-shadow: 3.536px 3.536px 5px 0px rgba(0, 0, 0, 0.1); width: 49.17%;height: 476px;}
.card-area .card-item.active .card .card-title{border: none}
.card-area .card-item.active .card .card-title .short-info{color: #9ed8f5}
.card-area .card-item.active .card .card-content.content-first{transition: all .12s cubic-bezier(.4, 0, .2, 1) 0s; z-index: 2;opacity: 0;filter: alpha(opacity=0);-ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=(0))}
.card-area .card-item.active .card .card-content.content-second{transition: all .12s cubic-bezier(.4, 0, .2, 1) .18s; z-index: 3;opacity: 1;filter: alpha(opacity=100);-ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=(100))}
.card-area .content img{display: block; background: #fff;opacity: 0.8;}
.card-area .edfw1{ color: #827a7f; font-size: 16px; text-transform: uppercase; display: block; margin-bottom: 10px;}
.card-area .edfw2{ color: #333; font-size: 20px; display: block;}
.card-area .asdfesz img{ vertical-align: middle; margin: -4px 0 0 15px;}
.card-area .card-item.active .card .card-content.content-second p{ color: #827a7f; font-size: 16px; text-transform: uppercase;}
.card-area .card-item.active .card .card-content.content-second a{ color: #333; font-size: 20px;}
.card-area .card-item.active .content img{opacity: 1;margin:0 auto;}