*{ margin: 0; padding: 0; list-style: none; text-decoration: none; box-sizing: border-box;}
body{ position: relative; font: 14px/1.5 Microsoft YaHei, 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,.clear{ content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}
.fl{ float: left;}
.fr{ float: right;}
@font-face{ font-family: 'Kozuka Gothic Pr6N-Bold';src: url('../fonts/Kozuka Gothic Pr6N-Bold.ttf');font-weight: normal; font-style: normal;}
.tywidth{ width: 1200px; margin: 0 auto;}
.more-title{ width: 1200px; margin: 60px auto;text-align: center; line-height: 0;}
@keyframes bounce-up{ 25%{transform: translateY(2px);}
	50%, 100%{transform: translateY(0);}
	75%{transform: translateY(-2px);}
	}
@keyframes msClock{ 0%,90%,100%{ transform: rotate(0) scale(1);}
	20%,40%{ transform: rotate(-15deg) scale(1.1);}
	30%,50%{ transform: rotate(15deg) scale(1.1);}
	}
@keyframes light{ 0%{ top: 0;}
	50%{ top: 110%;}
	100%{ top: -18px;}
	}

/*header*/

.header{ width: 100%; font-size: 0;}
.header_top{ width: 100%; height: 40px; line-height: 40px; background: #eee; overflow: hidden;}
.header_top .nr .topic{color: #666; font-size: 14px;}
.header_top .nr .navbj a,.header_top .nr .navbj i{ color: #666; font-size: 14px;}
.header_top .nr .navbj i{ margin: 0 15px;}
.header_top .nr .navbj a:hover{ color: #6e1318;}
.header .header_slogan{ height: 125px;}
.header .header_slogan .logo{ width: 150px; padding-top: 15px;}
.header .header_slogan .text{ padding: 30px 0 0 45px; position: relative;}
.header .header_slogan .text:before{ content: ""; display: block; position: absolute; left: 0; top: 20px; width: 1px; height: 86px; background-color: rgb(110, 19, 24);}
.header .header_slogan .text h3{ font-weight: bold; color: #6e1318; font-size: 24px;line-height: 24px;margin-bottom: 20px;}
.header .header_slogan .text p{ color: #333; line-height: 18px;font-size: 18px;}
.header .header_slogan .right .rx{ padding-top: 15px; height: 120px; background: url(../images/phone.png)no-repeat 0 top; padding-left: 70px;}
.header .header_slogan .right .rx h3{ margin-top: 5px; color: #333; font-size: 22px; font-weight: bold;line-height: 22px;}
.header .header_slogan .right .rx p{ color: #333; font-size: 18px; line-height: 18px;}

/*nav*/

.header .nav{ width: 100%; height: 64px; line-height: 64px; border-top: 1px solid #eee;}
.header .nav .nav-content nav .xz{ height: 64px; position: relative; display: inline-block; vertical-align: top; text-align: center;}
.header .nav .nav-content nav em{ display: inline-block; vertical-align: top; color: #eee; font-size: 16px; margin: 0 43px;}
.header .nav .nav-content nav .xz i{ position: relative; z-index: 1; display: block; font-size: 16px;}
.header .nav .nav-content nav .xz b{ visibility: hidden;}
.header .nav .nav-content nav .xz i:before{ position: absolute; left: 0; width: 100%; content: attr(data-title); transform: translateY(0); top: 0; color: #666; transition: all ease-out .3s;}
.header .nav .nav-content nav .xz.on i:before,.header .nav .nav-content nav .xz:hover i:before{ transform: translateY(-100%); top: -100%; visibility: hidden; opacity: 0; transform: scale(0.5);}
.header .nav .nav-content nav .xz i:after{ position: absolute; left: 0; width: 100%; content: attr(data-title); transform: translateY(100%); top: 0; color: #6e1318; visibility: hidden; opacity: 0; transform: scale(0.5); transition: all ease-out .3s;}
.header .nav .nav-content nav .xz.on i:after,.header .nav .nav-content nav .xz:hover i:after{ opacity: 1; transform: scale(1); visibility: visible; transform: translateY(0);}
.header .nav .nav-content nav a:last-child{ margin-right: 0;}
.header .nav .nav-content nav .xz ul{ display: none; position: absolute; left: 50%; top: 63px; z-index: 999; transform: translateX(-50%); width: 151px; border: 1px solid rgb(216, 216, 216); background-color: rgba(255, 255, 255, 0.859); padding: 20px 0;}
.header .nav .nav-content nav .xz ul li{ font-size: 16px; color: #666; line-height: 16px; margin-top: 20px;}
.header .nav .nav-content nav .xz ul li:first-child{ margin-top: 0;}
.header .nav .nav-content nav .xz ul li:hover{ color: #6e1318;}

/*banner*/

.banner-index{ line-height: 0;}
.banner-index img{ width: 100%;}
.slideBox{ width: 100%; height: auto; overflow: hidden; position: relative;}
.slideBox .hd{ height: 10px; overflow: hidden; position: absolute; left: 50%; transform: translateX(-50%); bottom: 25px; z-index: 1;}
.slideBox .hd ul{ overflow: hidden; zoom: 1; float: left;}
.slideBox .hd ul li{ float: left; position: relative; width: 10px; height: 10px; background: #6e1318; margin-right: 10px; cursor: pointer; border-radius: 100%; transition: all .3s;}
.slideBox .hd ul li.on{ border-radius: 5px; width: 37px;}
.banner-index .slideBox .bd img{ width: 100%;}
.slideBox .bd ul li{ display: none;}
.slideBox .bd ul li:first-child{ display: none;}
.banner img{ width: 100%;}

/*search*/

.search{ font-size: 0; width: 100%; overflow: hidden;}
.search-keywords{ margin-top: 25px;}
.search-content>div{ display: inline-block;vertical-align: top;}
.search-keywords span{ color: #222; font-size: 14px;}
.search-keywords span img{ vertical-align: middle; margin-right: 10px;}
.search-keywords a{ color: #999; font-size: 14px;}
.search-keywords a:hover{ color: #6e1318;}
.search-keywords i{ margin: 0 10px;}
.search-form{ float: right;}
#searchForm{ margin-top: 20px; background: url(../images/search.png)no-repeat; width: 350px; height: 35px; display: inline-block; vertical-align: top; text-indent: 10px;}
#searchForm>input{ background: none; border: none; outline: none; display: inline-block; vertical-align: top; color: #cccccc;}
#searchForm .search-input{ height: 35px; line-height: 35px; width: 87%;}
.search-form #s_btn{ width: 35px; height: 35px; cursor: pointer;}
#searchForm .search-input::-webkit-input-placeholder{/* WebKit browsers */
	color: #cccccc;}
#searchForm .search-input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */
	color: #cccccc;}
#searchForm .search-input::-moz-placeholder{/* Mozilla Firefox 19+ */
	color: #cccccc;}
#searchForm .search-input:-ms-input-placeholder{/* Internet Explorer 10+ */
	color: #cccccc;}

/*about*/

.about{ font-size: 0; padding-top: 65px; background: url(../images/aboutbg.png)no-repeat center; width: 100%; height: 962px; overflow: hidden; text-align: center;}
.about .nr .pic{ margin: 0 auto; width: 1173px; height: 491px;overflow: hidden;}
.about .nr .pic img{ width: 100%; transition: all .8s;}
.about .nr .pic:hover img{ transform: scale(1.1);}
.about .nr dl dt{ line-height: 0;}
.about .nr dl dd{ width: 990px; margin: 40px auto 50px; color: #333; font-size: 16px; line-height: 26px;}
.about .nr .more{ color: #6e1318;}
.about .nr .more:hover{ text-decoration: underline;}
.about .nr ul{ text-align: left; width: 1173px; margin: 40px auto 0;}
.about .nr ul li{ position: relative; display: inline-block; vertical-align: top; margin-right: 105px; padding-right: 75px;}
.about .nr ul li:first-child{ margin-right: 100px; padding-right: 65px;}
.about .nr ul li:first-child+li+li{ margin-right: 75px; padding-right: 76px;}
.about .nr ul li p em{ height: 68px; display: inline-block; vertical-align: top; color: #6e1318; font-size: 60px; line-height: 60px; font-weight: bold; margin: 10px 18px 0 0;}
.about .nr ul li p i{ display: inline-block; vertical-align: top; color: #fff; font-size: 16px; width: 24px; height: 24px; line-height: 24px; text-align: center; background: #6e1318; border-radius: 50%;}
.about .nr ul li dt{ color: #333; font-size: 18px; line-height: 18px;margin-bottom: 2px;}
.about .nr ul li dd{ color: #e2e2e2; font-size: 14px; line-height: 14px; font-family: arial;}
.about .nr ul li:before{ content: ""; background: url(../images/abouthr.png)no-repeat; width: 60px; height: 103px; position: absolute; right: 0; top: 10px;}
.about .nr ul li:last-child{ margin-right: 0; padding-right: 30px;}
.about .nr ul li:last-child:before{ display: none;}

/*case*/

.case .parBd{ height: 526px; overflow: hidden;}
.case .parBd .tab{ position: relative; width: 797px; height: 526px; overflow: hidden;}
.case .parBd .tab ul li .pic{ width: 797px; height: 526px; overflow: hidden;}
.case .parBd .xlist .pic{ position: relative; width: 393px; height: 258px; overflow: hidden;}
.case .parBd .pic img{ width: 100%; transition: all .6s ease;}
.case .parBd .pic:hover img{ transform: scale(1.1);}
.case .parBd .xlist .pic p{ background-color: rgba(0, 0, 0, 0.502); position: absolute; left: 0; bottom: 0; width: 100%; height: 46px; text-align: center; line-height: 46px; color: #fff; font-size: 16px;}
.case .parBd .xlist .pic:first-child{ margin-bottom: 10px;}
.case .parBd .btn{ position: absolute; top: 227px; z-index: 66; width: 38px; height: 72px; cursor: pointer;}
.case .parBd .prev{ left: 0; background: url(../images/btn1.png)no-repeat;}
.case .parBd .prev:hover{ background: url(../images/btn2.png)no-repeat;}
.case .parBd .next{ right: 0; background: url(../images/btn3.png)no-repeat;}
.case .parBd .next:hover{ background: url(../images/btn4.png)no-repeat;}
.zstydht{ height: 58px; overflow: hidden;margin-bottom: 50px;}
.zstydht .left{ width: 290px;}
.zstydht .left i{ display: block; color: #333; font-size: 24px; line-height: 24px;}
.zstydht .left p{ color: #6e1318; font-size: 28px; line-height: 28px; margin-top: 5px; font-weight: bold;}
.zstydht .right{ margin-top: 18px; width: 910px; padding-bottom: 15px; border-bottom: 1px solid #ebebeb;}
.zstydht .right ul li{ display: inline-block; vertical-align: top; margin-right: 60px; font-size: 16px; position: relative;}
.zstydht .right ul li:last-child{ margin-right: 0;}
.zstydht .right ul li a{ color: #333;}
.zstydht .right ul li:before{ content: ""; position: absolute; left: 0; bottom: -15px; width: 0; height: 2px; transition: all .3s ease; background: #6e1318; opacity: 0;}
.zstydht .right ul li.on:before{ width: 100%; opacity: 1;}
.zstydht .right ul li.on a{ font-weight: bold; color: #6e1318;}
.zstydht .right .rx{ padding-left: 30px; background: url(../images/xphone.png)no-repeat left center; color: #333; font-size: 18px; line-height: 18px;}

/*advantage*/

.advantage .nr ul li .pic{ float: left; width: 600px;}
.advantage .nr ul li .pic .tc{ margin-left: -352px;}
.advantage .nr ul li .pic .tcs{ margin-right: -352px;}
.advantage .nr ul li .pic p{ position: relative; z-index: 2; line-height: 0;}
.advantage .nr ul li .text{ float: left; font-size: 0; width: 639px; height: 500px; background: #f2f2f2;}
.advantage .nr ul li:first-child .text{ padding: 85px 0 0 100px; margin-left: -39px;}
.advantage .nr ul li:first-child+li .pic{ text-align: right;}
.advantage .nr ul li:first-child+li .text{ position: relative; z-index: 2; margin: 45px -39px 0 0; padding: 85px 0 0 100px;}
.advantage .nr ul li .text dl dt{ margin-bottom: 20px;}
.advantage .nr ul li .text dl dt div{ display: inline-block;vertical-align: top;}
.advantage .nr ul li .text dl dt .xh{ margin-right: 30px; font-weight: bold; line-height: 34px; color: #6e1318; font-size: 40px;}
.advantage .nr ul li .text dl dt .by p{ font-weight: bold; line-height: 30px; color: #333; font-size: 30px;}
.advantage .nr ul li .text dl dt .by p b{ font-weight: bold; color: #6e1318;}
.advantage .nr ul li .text dl dt .by i{ margin-top: 10px; display: block; font-size: 14px; color: #999; text-transform: uppercase; line-height: 14px; font-family: arial;}
.advantage .nr ul li .text dl dd{ padding-left: 78px; font-size: 14px; color: #666; line-height: 24px;}

/*gcfwrx*/

.gcfwrx{ margin-top: 60px; padding-top: 80px; background: url(../images/s_banner.png)no-repeat center; width: 100%; height: 400px; overflow: hidden;}
.gcfwrx dt{ background: url(../images/sbfont.png)no-repeat; width: 907px; height: 143px; margin: 0 auto 40px;}
.gcfwrx dd{ margin: 0 auto; text-align: center; height: 40px; line-height: 40px; font-size: 0;}
.gcfwrx dd>div{ display: inline-block; vertical-align: top; font-size: 18px;}
.gcfwrx dd .a{ height: 42px; color: #6e1318; width: 216px; background: #fff;}
.gcfwrx dd .b{ color: #fff; width: auto; padding: 0 25px;border: 1px solid #fff;}
.gcfwrx .nr{ position: relative;}
.gcfwrx .nr li{ position: absolute; right: 150px; top: 70px; width: 155px; text-align: center; color: #fff; font-size: 18px}
.gcfwrx .nr li p{ line-height: 0;margin-bottom: 5px;}

/*product*/

.product{ height: 819px; overflow: hidden;}
.product .zstydht .left{ width: 380px;}
.product .zstydht .right{ width: 820px;}
.product .zstydht .right ul li{ margin-right: 40px;}
.product .nr .bd ul li dd{ float: left; text-align: center; position: relative; width: 393px; height: 268px; margin: 0 10px 10px 0; overflow: hidden;}
.product .nr .bd ul li dd .text{ background-color: rgba(110, 19, 24, 0.659); position: absolute; left: 0; top: -268px; width: 393px; height: 268px; padding-top: 100px; transition: all .4s ease;}
.product .nr .bd ul li dd:hover .text{ top: 0;}
.product .nr .bd ul li dd .text p{ color: #fff; font-size: 18px; line-height: 18px;}
.product .nr .bd ul li dd .mc{ background-color: rgba(0, 0, 0, 0.502); position: absolute; left: 0; bottom: 0; width: 393px; height: 46px; line-height: 46px; color: #fff; font-size: 16px; transition: all .4s ease;}
.product .nr .bd ul li dd:hover .mc{ bottom: -46px;}
.product .nr .bd ul li dd .text i{ display: block; background-color: rgb(110, 19, 24); margin: 10px auto 0; color: #fff; font-size: 14px; width: 114px; height: 32px; line-height: 32px;}
.product .nr .bd ul li dd:nth-child(3n){ margin-right: 0;}
.product .nr .bd ul li dd .pic img{ width: 100%; transition: all .4s ease;}
.product .nr .bd ul li dd:hover .pic img{ transform: scale(1.1);}

/*model1*/

.model1 .nr ul li{ border: 1px solid #f1f1f1; text-align: center; float: left; width: 300px; height: 300px; overflow: hidden; position: relative;}
.model1 .nr ul .pic img{ width: 100%; transition: all .6s ease;}
.model1 .nr ul .pic:hover img{ transform: scale(1.1);}
.model1 .nr ul li .icon{ line-height: 0; text-align: center; margin: 40px 0 30px;}
.model1 .nr ul li:hover .icon img{ transform: rotate(360deg); transition: all .6s ease;}
.model1 .nr ul li dt{ position: relative; font-weight: bold; line-height: 24px; color: #333; font-size: 24px;}
.model1 .nr ul li dt:after{ content: ""; display: block; margin: 15px auto 10px; width: 31px; height: 2px; background: #6e1318;}
.model1 .nr ul li dd{ line-height: 30px; color: #666; font-size: 16px;}
.model1 .nr ul li:before{ content: ""; position: absolute; left: 50%; width: 19px; height: 16px; z-index: 2;}
.model1 .nr ul .lis:before{ background: url(../images/modelicons.png)no-repeat; bottom: -4px;}
.model1 .nr ul .lix:before{ background: url(../images/modeliconx.png)no-repeat; top: -4px;}

/*process*/

.process{ background: url(../images/processbg.png)no-repeat center; width: 100%; height: 501px; margin-top: 60px; padding-top: 65px; overflow: hidden;}
.process .nr .lcyl dt{ color: #242424; font-size: 24px; line-height: 24px; margin-bottom: 47px;}
.process .nr .lcyl .hd ul li{ float: left; cursor: default; position: relative; width: 135px; height: 294px; margin-right: 10px; overflow: hidden; text-align: center;}
.process .nr .lcyl .hd ul li:last-child{ margin-right: 0;}
.process .nr .lcyl .hd ul li .js{ position: relative; z-index: 15;}
.process .nr .lcyl .hd ul li .icon{ height: 85px; line-height: 85px;}
.process .nr .lcyl .hd ul li .icon img{ vertical-align: middle; transition: all .3s ease;}
.process .nr .lcyl .hd ul li:hover .icon img{ transform: rotateY(180deg);}
.process .nr .lcyl .hd ul li .top{ color: #6e1318; font-size: 24px; padding-top: 21px; font-weight: bold; height: 94px; overflow: hidden;}
.process .nr .lcyl .hd ul li .text p{ color: #fff; font-size: 16px; line-height: 16px;}
.process .nr .lcyl .hd ul li .text b{ display: block; margin: 8px 0 30px; color: #540106; font-size: 14px; line-height: 14px; font-family: arial;}
.process .nr .lcyl .hd ul li:before{ content: ""; position: absolute; left: 0; top: 0; display: block; background: url(../images/processkk.png)no-repeat; width: 0; height: 294px; opacity: 0; transition: all .3s ease;}
.process .nr .lcyl .hd ul li.on:before{ width: 100%; opacity: 1;}
.process .nr .lcyl .hd ul li .text:after{ content: ""; display: block; margin: 0 auto; width: 23px; height: 13px; background: url(../images/processjt.png)no-repeat center;}
.process .nr .right{ border-radius: 5px; width: 310px; height: 365px; background-color: rgb(255, 255, 255); box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35); overflow: hidden;}
.process .nr .right .title{ width: 100%; height: 57px; line-height: 57px; background: #6e1318; text-align: center; color: #fff; font-size: 18px;}
.process .nr .right form{ padding: 30px 0 0 28px;}
.process .nr .right form .inputlist input,.process .nr .right form .inputlistbz textarea{ width: 242px; height: 32px; line-height: 32px; margin-bottom: 15px; outline: none; border: none; background: #fff; border-bottom: 1px solid #e3e3e3; color: #999; font-size: 14px;}
.process .nr .right form .inputlistbz textarea{ font-family: Microsoft YaHei; resize: none; height: 65px; line-height: inherit;}
.process .nr .right form .sub .rx p{ color: #666; font-size: 14px; line-height: 14px;}
.process .nr .right form .sub .rx b{ display: block; color: #6e1318; font-size: 18px; line-height: 18px; margin-top: 5px; font-weight: bold;}
.process .nr .right form .sub>div{ display: inline-block; vertical-align: top;}
.process .nr .right form .sub #msgLeft_Btn{ background: #6e1318; border-radius: 6px; width: 72px; height: 36px; line-height: 36px; text-align: center; color: #fff; font-size: 14px; cursor: pointer; margin-right: 10px;}
.process .nr .right form .inputlist input::-webkit-input-placeholder{ color: #999; font-size: 14px;}
.process .nr .right form .inputlist input:-moz-placeholder{ color: #999; font-size: 14px;}
.process .nr .right form .inputlist input::-moz-placeholder{ color: #999; font-size: 14px;}
.process .nr .right form .inputlist input:-ms-input-placeholder{ color: #999; font-size: 14px;}
.process .nr .right form .inputlistbz textarea::-webkit-input-placeholder{ color: #999; font-size: 14px;}
.process .nr .right form .inputlistbz textarea:-moz-placeholder{ color: #999; font-size: 14px;}
.process .nr .right form .inputlistbz textarea::-moz-placeholder{ color: #999; font-size: 14px;}
.process .nr .right form .inputlistbz textarea:-ms-input-placeholder{ color: #999; font-size: 14px;}

/*new*/

.new{ font-size: 0; margin: 60px auto 0;}
.new .top{ height: 34px; overflow: hidden;}
.new .top>div{ display: inline-block; vertical-align: middle;}
.new .top .l_z{ width: 165px;}
.new .top .z_z{ background: #dcdcdc; width: 767px; height: 1px; margin: 0 18px 0 0;}
.new .top .r_y ul li{ display: inline-block; vertical-align: top; color: #fff; font-size: 16px; cursor: pointer; width: 120px; height: 34px; line-height: 34px; text-align: center; background: #a2a2a2;}
.new .top .r_y ul li.on{ background: #6e1318;}
.new .bd{ margin-top: 30px; height: 461px; overflow: hidden;}
.new .bd ul li .ssjs>div{ display: inline-block; vertical-align: top; height: 270px; overflow: hidden;}
.new .bd ul li .ssjs .pic{ width: 370px; height: 270px; overflow: hidden;}
.new .bd ul li .ssjs .pic img{ width: 100%; transition: all .6s ease;}
.new .bd ul li .ssjs .pic:hover img{ transform: scale(1.1);}
.new .bd ul li .ssjs .js span{ display: block; line-height: 14px; color: #b7b7b7; font-size: 14px;}
.new .bd ul li .ssjs .js h5{ margin: 45px 0 20px; line-height: 16px; font-size: 16px;}
.new .bd ul li .ssjs .js h5 a{ display: block; color: #333;}
.new .bd ul li .ssjs .js h5:hover a{ color: #6e1318;}
.new .bd ul li .ssjs .js{ width: 415px; padding: 0 40px; position: relative;}
.new .bd ul li .ssjs .js p:hover{ text-decoration: underline;}
.new .bd ul li .ssjs .js p{ line-height: 26px; color: #666; font-size: 14px; text-align: justify; height: 104px; overflow: hidden;}
.new .bd ul li .ssjs .js:after{ content: ""; position: absolute; right: 0; top: 0; background: #dcdcdc; width: 1px; height: 270px; background: #ccc;}
.new .bd ul li .ssjs .js .more{ color: #fff; font-size: 14px; text-align: center; transition: all .3s ease; display: inline-block; vertical-align: top; width: 120px; height: 34px; line-height: 34px; background: #6e1318; margin-top:17px;}
.new .bd ul li .ssjs .js .more:hover{ border-radius: 15px;}
.new .bd ul li .list dd a:before{ content: "-"; display: inline-block; vertical-align: top; margin: 0 10px 0 0; font-size: 14px; color: #333;}
.new .bd ul li .list dd a{ display: inline-block; font-size: 14px; color: #333; vertical-align: top;}
.new .bd ul li .list dd{ display: inline-block; vertical-align: top; padding: 20px 0 15px; width: 370px; line-height: 14px; border-bottom: 1px solid #dcdcdc; margin-right: 45px;}
.new .bd ul li .list dd:first-child,.new .bd ul li .list dd:first-child+dd,.new .bd ul li .list dd:first-child+dd+dd{ border-top: 1px solid #dcdcdc;}
.new .bd ul li .list{ margin: 40px 0 0;}
.new .bd ul li .list dd a:hover:before,.new .bd ul li .list dd a:hover{ color: #6e1318;}
.new .bd ul li .list dd:nth-child(3n){ margin-right: 0;}

/*question*/

.question{ position: relative; font-size: 0; margin: 30px auto 0;}
.question>div{ display: inline-block; vertical-align: top; height: 102px; overflow: hidden;}
.question .left{ width: 190px;}
.question .left .top{ width: 172px; height: 104px; text-align: center;}
.question .left h3{ font-size: 22px; color: #6e1318; line-height: 22px;}
.question .left p{ margin: 10px 0 0;}
.question .btn{ position: absolute; background: #a2a2a2; width: 80px; height: 25px; text-align: center; line-height: 25px; cursor: pointer; bottom: 10px;}
.question .btn:hover{ background: #6e1318;}
.question .btn img{ vertical-align: middle;}
.question .prev:hover img{ transform: translate(-10px, 0); transition-duration: 300ms;}
.question .next:hover img{ transform: translate(10px, 0); transition-duration: 300ms;}
.question .prev{ left: 0;}
.question .next{ left: 80px;}
.question .bd{ margin-left: 36px; width: 974px;}
.question .bd ul li{ display: inline-block; vertical-align: top; border: 1px solid rgb(220, 220, 220); width: 468px!important; height: 102px; padding: 15px 20px 0; margin-right: 37px;}
.question .bd ul li .dd .wen{ margin-bottom: 10px;}
.question .bd ul li:hover{ background: #f7f7f7;}
.question .bd ul li .dd a:hover i{ text-decoration: underline;}
.question .bd ul li .dd .da{ height: 42px; overflow: hidden;}
.question .bd ul li .da a:before,.question .bd ul li .wen a:before{ width: 20px; height: 20px; font-size: 14px; color: #fff; border-radius: 50%; text-align: center; line-height: 20px; display: inline-block; vertical-align: middle; margin-right: 6px;}
.question .bd ul li .wen a:before{ content: url(../images/wen.png); background: #6e1318;}
.question .bd ul li .da a:before{ content: url(../images/da.png); background: #a2a2a2;}
.question .bd ul li .wen a{ font-size: 16px; color: #333;}
.question .bd ul li .da a i{ font-size: 14px; color: #888; text-align: justify; display: inline-block; vertical-align: top; width: 395px;}

/*foot*/

.foot{ font-size: 0; margin-top: 55px; background: url(../images/footbg.png)no-repeat top center; overflow: hidden;}
.foot .content{ padding-top: 60px; height: 276px; overflow: hidden;}
.foot .content ul li{ font-size: 14px; line-height: 14px; color: #fff;}
.foot .content .left{ width: 205px; margin-right: 185px;}
.foot .content .left ul li:hover,.foot .content .text ul li a:hover{text-decoration: underline;}
.foot .content .left ul li{ cursor: pointer; margin-bottom: 30px;}
.foot .content .text{ width: 470px;}
.foot .content .text ul li a{ display: block; color: #fff; line-height: 14px;}
.foot .content .text ul li img{ vertical-align: middle; margin-right: 15px; margin-top: -3px;}
.foot .content .text ul li{ margin-bottom: 10px; line-height: inherit;}
.foot .content .text ul:first-child+ul li{ margin-bottom: 18px;}
.foot .content .wechat .ewm{ margin-bottom: 3px; background: url(../images/wechatkk.png)no-repeat; width: 143px; height: 143px; text-align: center; line-height: 143px;}
.foot .content .wechat span{ position: relative; display: inline-block; width: 119px; height: 119px; overflow: hidden; vertical-align: middle;}
.foot .content .wechat span:after{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 133px; height: 26px; background: url(../images/light.png)no-repeat center; animation: light 4s linear infinite;}
.foot .bottom{ text-align: center; color: #fff; font-size: 14px; height: 52px; line-height: 52px; background: #6e1318;}
.foot .bottom a{ color: #fff; font-size: 14px;}
.foot .bottom a:hover{ color: #fff; text-decoration: underline;}