*{ 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{ content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}
.fl{ float: left;}
.fr{ float: right;}
@font-face { font-family: 'impact';src: url('../fonts/impact.ttf');font-weight: normal; font-style: normal;}
.ty_content,.tywidth{ width: 1200px; margin: 0 auto;}
.more-title{ width: 1200px; margin: 50px auto 30px; text-align: center;line-height: 0;}
.more-title .ff{ animation: zoomIn 1s; -moz-animation: zoomIn 1s; -webkit-animation: zoomIn 1s; -o-animation: zoomIn 1s; animation-play-state: paused;}
.more-title .on{ animation-play-state: running;}
.xzln1 .ff{ animation: lightSpeedIn 1s; -moz-animation: lightSpeedIn 1s; -webkit-animation: lightSpeedIn 1s; -o-animation: lightSpeedIn 1s; animation-play-state: paused;}
.xzln1 .on{ animation-play-state: running;}
.xzln2 .ff{ animation: rubberBand 1s; -moz-animation: rubberBand 1s; -webkit-animation: rubberBand 1s; -o-animation: rubberBand 1s; animation-play-state: paused;}
.xzln2 .on{ animation-play-state: running;}
.xzln3 .ff{ animation: fadeInDown 2s; -moz-animation: fadeInDown 2s; -webkit-animation: fadeInDown 2s; -o-animation: fadeInDown 2s; animation-play-state: paused;}
.xzln3 .on{ animation-play-state: running;}
.xzln4 .ff{ animation: fadeInDownBig 2s; -moz-animation: fadeInDownBig 2s; -webkit-animation: fadeInDownBig 2s; -o-animation: fadeInDownBig 2s; animation-play-state: paused;}
.xzln4 .on{ animation-play-state: running;}
.xzln5 .ff{ animation: fadeInLeft 2s; -moz-animation: fadeInLeft 2s; -webkit-animation: fadeInLeft 2s; -o-animation: fadeInLeft 2s; animation-play-state: paused;}
.xzln5 .on{ animation-play-state: running;}
.xzln6 .ff{ animation: fadeInRight 2s; -moz-animation: fadeInRight 2s; -webkit-animation: fadeInRight 2s; -o-animation: fadeInRight 2s; animation-play-state: paused;}
.xzln6 .on{ animation-play-state: running;}
@-webkit-keyframes bounce-up{ 25%{-webkit-transform: translateY(2px);}
	50%, 100%{-webkit-transform: translateY(0);}
	75%{-webkit-transform: translateY(-2px);}
	}
@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);}
	}
.more-title h5{ font-size: 40px; font-weight: bold; color: #333; line-height: 40px;}
.more-title h6{ margin-top: 13px; font-size: 18px; color: #333; line-height: 18px;}

/*头部*/

.header{width: 100%;font-size: 0;}
.header .header-1{ background: #fff; border-bottom: 1px solid #eee; height: 40px; line-height: 40px;}
.header .header-1 .ty_content .welcome,.header .header-1 .ty_content nav a,.header .header-1 .ty_content nav i{color: #666; font-size: 14px;}
.header .header-1 .ty_content nav i{margin: 0 10px; font-size: 14px; display: inline-block; vertical-align: top;}
.header .header-1 .ty_content nav a:hover{ color: #dc2821;}

/*标语*/

.header .header-2{ height: 130px; padding-top: 30px;}
.header .header-2 .ty_content>div{ display: inline-block; vertical-align: top;}
.header .header-2 .ty_content .logo{ width: 180px;}
.header .header-2 .ty_content .text{position: relative; padding-left: 30px;}
.header .header-2 .ty_content .text:before{ content: ""; background-color: rgb(220, 220, 220); position: absolute; left: 0; top: 0; width: 1px; height: 73px; z-index: 9;}
.header .header-2 .ty_content .text p{ margin: 5px 0 15px; font-size: 24px; line-height: 24px; color: #333; font-weight: bold;}
.header .header-2 .ty_content .text b{font-weight: bold;}
.header .header-2 .ty_content .text i{ display: block; font-size: 22px; line-height: 22px; color: #333;}
.header .header-2 .ty_content .phone{ float: right;}
.header .header-2 .ty_content .phone>div{ display: inline-block; vertical-align: top;}
.header .header-2 .ty_content .phone .spic{ width: 73px; height: 73px; line-height: 0; margin-left: 15px;}
.header .header-2 .ty_content .phone .dh p{ margin: 12px 15px 16px; text-align: right; color: #555; font-size: 16px;line-height: 16px;}
.header .header-2 .ty_content .phone .dh h6{font-family: arial; font-size: 24px; line-height: 24px; color: #333;font-weight: bold;}

/*导航*/

.header .header-3{ background: #dc2821; height: 68px; line-height: 68px;}
.header .header-3 .ty_content nav a{ position: relative; color: #fff; font-size: 16px; display: inline-block; vertical-align: top; height: 68px; text-align: center;    padding-left: 28px;  padding-right: 28px;}
/*.header .header-3 .ty_content nav a:before{ content: ""; position: absolute; left: 24px; top: 0; background: url(../images/navon.png)no-repeat; width: 0; height: 100%; z-index: 1; transition: all .3s; visibility: hidden;}*/
.header .header-3 .ty_content nav a i{ position: relative; z-index: 2;}
.header .header-3 .ty_content nav .on{ background: url(../images/navon.png)no-repeat center;}
.header .header-3 .ty_content nav a:hover{ background: url(../images/navon.png)no-repeat center;}
.header .header-3 .ty_content nav ul{ display: none; position: absolute; top: 68px; z-index: 999; width: 100%; left: 0px;}
.header .header-3 .ty_content nav ul li{ text-align: center; height: 68px; line-height: 68px; font-size: 16px; color: #fff; background: #dc2821;}
.header .header-3 .ty_content nav ul li:hover{background: #fff;color: #333;}
/*轮播*/

.banner-index{ line-height: 0;}
.banner-index img{ width: 100%;}
.slideBox{ width: 100%; height: auto; overflow: hidden; position: relative;}
.slideBox .hd{ height: 12px; overflow: hidden; position: absolute; left: 48%; bottom: 35px; z-index: 1;}
.slideBox .hd ul{ overflow: hidden; zoom: 1; float: left;}
.slideBox .hd ul li{ float: left; background: #fff; width: 12px; height: 12px; border: 1px solid #fff; border-radius: 50%; margin-right: 15px; cursor: pointer;}
.slideBox .hd ul li.on{ background: #dc2821; border: 1px solid #dc2821;}
.banner-index .slideBox .bd img{ width: 100%;}
.slideBox .bd ul li{ display: none;}
.slideBox .bd ul li:first-child{ display: none;}

/*搜索*/

.search{ font-size: 0; background: #fff; border-bottom: 1px solid #eee; height: 70px; line-height: 70px; overflow: hidden;}
.search-content>div{ display: inline-block;vertical-align: top;}
.search-keywords span{ margin-right: 10px; color: #333; font-size: 14px; font-weight: bold;}
.search-keywords i{ display: inline-block;vertical-align: top; color: #666; font-size: 14px; margin: 0 10px;}
.search-keywords a:hover{ color: #dc2821; text-decoration: underline;}
.search-keywords a{ color: #666; font-size: 14px;}
.search-form{ float: right;}
#searchForm{ margin: 15px 0 0 0; background: url(../images/search.png)no-repeat; width: 239px; height: 31px; display: inline-block; vertical-align: top;}
#searchForm>input{ background: none; border: none; outline: none; display: inline-block; vertical-align: top; color: #999;}
#searchForm .search-input{ height: 31px; line-height: 31px; width: 87%;}
.search-form #s_btn{ width: 31px; height: 31px; cursor: pointer;}
#searchForm .search-input::-webkit-input-placeholder{/* WebKit browsers */
	color: #999;}
#searchForm .search-input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */
	color: #999;}
#searchForm .search-input::-moz-placeholder{/* Mozilla Firefox 19+ */
	color: #999;}
#searchForm .search-input:-ms-input-placeholder{/* Internet Explorer 10+ */
	color: #999;}

/*product*/

.xzwcp h6{ background: url(../images/titlebg1.png)no-repeat center;}
.product .pro-left{ width: 260px; margin-right: 23px;}
.product .pro-left .kk{ width: 100%; background: #f9f9f9; border: 1px solid #e5e5e5;}
.product .pro-left .top{ text-align: center; background: url(../images/protop.png)no-repeat; height: 90px; line-height: 90px;}
.product .pro-left .top i{font-size: 30px;color: #fff;text-transform: uppercase;}
.product .pro-left .sideMenu h6 a{ display: block; height: 64px; line-height: 64px; background: url(../images/proicon.png)no-repeat 210px center #333; padding: 0 40px 0 35px; font-size: 20px; color: #fff;}
.product .pro-left .sideMenu ul li a{ position: relative; display: block; height: 60px; line-height: 60px; background: #f9f9f9; font-size: 16px; color: #333; padding-left: 55px; border-bottom: 1px solid #eee;}
.product .pro-left .sideMenu ul li a:hover{ color: #dc2821;}
.product .pro-left .sideMenu ul li a:before{ content: ""; left: 0; top: 50%; width: 2px; height: 1px; position: absolute; background: #dc2821; visibility: hidden;}
.product .pro-left .sideMenu ul li a:hover:before{ top: 0; height: 50%; visibility: visible; transition: all .5s;}
.product .pro-left .sideMenu ul li a:after{ content: ""; left: 0; bottom: 50%; height: 1px; width: 2px; position: absolute; background: #dc2821; visibility: hidden;}
.product .pro-left .sideMenu ul li a:hover:after{ bottom: 0; height: 50%; visibility: visible; transition: all .5s;}
.product .pro-left .phone{ padding: 30px 0 35px; height: 120px;}
.product .pro-left .phone>div{ display: inline-block; vertical-align: top;}
.product .pro-left .icon{ margin: 10px 15px 0 20px;}
.product .pro-left .phone .text p{color: #555;font-size: 16px; line-height: 16px; margin-bottom: 15px;}
.product .pro-left .phone .text b{ display: block; color: #333;font-size: 24px; line-height: 24px; font-weight: bold; font-family: arial;}
.product .right{width: 917px;float: right; height: 820px; overflow: hidden;}
.product .right ul li{ float: left; width: 290px; text-align: center; margin: 0 23px 20px 0;}
.product .right ul li:nth-child(3n){ margin-right: 0px;}
.product .right ul li .pic{ width: 290px; height: 214px; overflow: hidden; border: 1px solid #e5e5e5; border-bottom: none;}
.product .right ul li .pic img{ width: 100%; transition: all .3s;}
.product .right ul li .pic:hover img{transform: scale(1.1, 1.1);}
.product .right ul li .mc{ position: relative; height: 46px; line-height: 46px; background: #bfbfbf; color: #fff; font-size: 16px;}
.product .right ul li .mc i{ position: relative; z-index: 6;}
.product .right ul li .mc:before{ content: ""; left: 50%; bottom: 0; width: 0; height: 100%; position: absolute; background: #dc2821; visibility: hidden;}
.product .right ul li:hover .mc:before{ left: 0; width: 100%; visibility: visible; transition: all .3s;}

/*sbzd*/

.sbzd ul li{ position: relative; float: left; margin-right: 30px; width: 380px; height: 319px; overflow: hidden;}
.sbzd ul li .ff{ border-top: 4px solid #dc2821;}
.sbzd ul li .pic{ line-height: 0;}
.sbzd ul li .mc{ width: 89%; position: absolute; top: 20px; left: 20px; z-index: 2; color: #333; font-size: 24px; height: 40px;}
.sbzd ul li .mc i{ padding-left: 55px; background: url(../images/sbzdicon1.png)no-repeat left center; transition: all .3s;}
.sbzd ul li:hover i{ background: url(../images/sbzdicon1.png)no-repeat 15px center;}
.sbzd ul li:last-child{ margin-right: 0;}

/*cpbj*/

.cybj{ background: url(../images/sddzbg.png) no-repeat center; width: 100%; height: 800px; margin-top: 50px; padding-top: 50px;}
.cybj .more-title h6{ background: url(../images/titlebg2.png)no-repeat center;}
.cybj .list ul li{ float: left; position: relative; overflow: hidden; width: 290px; height: 540px; margin-right: 13px;}
.cybj .list ul li .pic{ width: 290px; height: 390px; overflow: hidden;}
.cybj .list ul li img{ width: 100%; transition: all .8s;}
.cybj .list ul li:hover .pic img{ transform: scale(1.1);}
.cybj .list ul li .text{ padding: 20px 20px 0 15px; position: relative; background-color: rgb(255, 255, 255); width: 290px; height: 150px; overflow: hidden;}
.cybj .list ul li .text dt{ color: #333; font-size: 18px; line-height: 18px; font-weight: bold;}
.cybj .list ul li .text p{ color: #666; font-size: 14px; line-height: 28px;}
.cybj .list ul li:last-child{ margin-right: 0;}
.cybj .list ul li .text dl{ position: relative; z-index: 6;}
.cybj .list ul li .text .hr{ display: inline-block; vertical-align: top; background-color: rgb(220, 40, 33); width: 40px; height: 2px; margin: 20px 0 10px;}
.cybj .list ul li:hover .text dt{ color: #fff;}
.cybj .list ul li:hover .text .hr{ background: #fff;}
.cybj .list ul li:hover .text p{ color: #efd9d9;}
.cybj .list ul li .text:before{ content: ""; position: absolute; width: 100%; height: 0; left: 0; top: 50%; background: #dc2821;}
.cybj .list ul li:hover .text:before{ left: 0; top: 0; height: 100%; visibility: visible; transition: all .3s;}
.cybj .rx{ margin-top: 30px; text-align: center;}
.cybj .rx img{ margin-right: 15px; animation: msClock 1.2s linear infinite; animation: msClock 1.2s linear infinite;}
.cybj .rx img,.cybj .rx i,.cybj .rx b{ display: inline-block; vertical-align: middle; color: #fff; font-size: 16px;}
.cybj .rx b{ font-weight: bold; font-family: arial; font-size: 26px;}

/*advantage*/

.advantage .more-title h6{ background: url(../images/titlebg3.png)no-repeat center;}
.advantage ul li{ position: relative; margin-bottom: 50px;}
.advantage ul li:before{ content: ""; background-color: rgb(247, 247, 247); position: absolute; top: 20px; width: 960px; height: 420px; z-index: 2;}
.advantage ul .li1:before{ left: -380px;}
.advantage ul .li2:before{ right: -380px;}
.advantage ul li .pic{ position: relative; z-index: 6; width: 600px; line-height: 0;}
.advantage ul li .text{ padding: 30px 0 0 140px; position: relative; width: 557px;}
.advantage ul li .text:before{ content: ""; background: url(../images/yslist.png)no-repeat; width: 13px; height: 203px; position: absolute; left: 113px; top: 110px; z-index: 1;}
.advantage ul li .text .bt{ position: absolute; left: 0; top: 50px; z-index: 1;}
.advantage ul li .text dt{ position: relative; z-index: 6; margin-bottom: 60px; color: #333; font-size: 26px; font-weight: bold; line-height: 26px;}
.advantage ul li .text dl{ position: relative; z-index: 6;}
.advantage ul li .text dl dd{ margin-bottom: 8px; color: #555; font-size: 16px; line-height: 30px;}
.advantage ul li .text .more a{ margin-top: 30px; display: block; background-color: rgb(220, 40, 33); border-radius: 24px; color: #fff; font-size: 16px; width: 160px; height: 48px; line-height: 48px; text-align: center;}
.advantage ul li .text .more a i{ -webkit-animation: bounce-up 1.3s linear infinite; animation: bounce-up 1.3s linear infinite; width: 35px; height: 31px; margin-right: 10px; background: url(../images/ljzx.png)no-repeat; display: inline-block; vertical-align: middle;}
.advantage ul li .text .more a:hover{ background: #333;}
.advantage ul li .text .more a:hover i{ animation-play-state: paused;}

/*case*/

.case{ width: 100%; height: 662px; background: url(../images/casebg.png)no-repeat center; overflow: hidden; padding-top: 45px; margin-top: 70px;}
.case .more-title h6{ background: url(../images/titlebg4.png)no-repeat center;}
.case .nr .bd{ height: 458px; overflow: hidden;}
.case .nr .bd ul li{ display: inline-block; vertical-align: top; margin-right: 25px; border: 1px solid rgb(231, 230, 230); padding: 10px; background-color: rgb(255, 255, 255); width: 381px!important; height: 458px; overflow: hidden;}
.case .nr .bd ul li .pic{ position: relative; width: 361px; height: 244px; overflow: hidden; margin: 0 auto;}
.case .nr .bd ul li .pic img{ width: 100%; transition: all .8s;}
.case .nr .bd ul li .text{ margin: 30px 0 0 15px;}
.case .nr .bd ul li .text .hr{ display: inline-block; vertical-align: top; background-color: rgb(220, 40, 33); width: 44px; height: 2px; margin: 23px 0 10px;}
.case .nr .bd ul li .text dt{ color: #333; font-size: 20px; line-height: 20px;}
.case .nr .bd ul li .text dd{ width: 330px; color: #666; font-size: 14px; line-height: 30px;}
.case .nr .bd ul li:hover .pic img{ transform: scale(1.1);}
.case .nr .bd ul li .pic:after{content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width: 100%; height: 100%; background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0)); background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0)); transform: skewx(-25deg);}
.case .nr .bd ul li:hover .pic:after{left: 100%; -moz-transition: 1s; -o-transition: 1s; -webkit-transition: 1s; transition: 1s;}

/*about*/

.xzwab h6{ background: url(../images/titlebg5.png)no-repeat center;}
.about .text{ border-left: 4px solid #dc2821; width: 530px; height: 350px; padding-left: 25px;}
.about .text dt{ color: #333; font-size: 24px; line-height: 24px;}
.about .text .hr{ margin: 30px 0 20px; background-color: rgb(220, 40, 33); display: inline-block; vertical-align: top; width: 70px; height: 2px;}
.about .text dd{ height: 224px; overflow: hidden; color: #666; font-size: 16px; line-height: 36px;}
.about .text .more .myButt{ position: relative; display: block; background-color: rgb(51, 51, 51); width: 158px; height: 49px; line-height: 49px; text-align: center; color: #fff; font-size: 16px; overflow: hidden; border-radius: 24.5px;}
.about .text .more .myButt .insider{ background-color: #fff; width: 100%; height: 20px; position: absolute; left: -100%; transform: rotateZ(45deg); -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg);}
.about .text .more .myButt:hover{ background-color: #dc2821;}
.about .text .more .myButt:hover .insider{ transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; left: 100%;}
.about .pic{ position: relative; width: 600px;height: 350px; overflow: hidden;}
.about .pic img{ width: 100%;transition: all .8s;}
.about .pic:after{content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width: 100%; height: 100%; background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0)); background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0)); transform: skewx(-25deg);}
.about .pic:hover:after{left: 100%; -moz-transition: 1s; -o-transition: 1s; -webkit-transition: 1s; transition: 1s;}
.about .pic:hover img{ transform: scale(1.1);}

/*Photo*/

.Photo{ margin-top: 30px; height: 265px; overflow: hidden; font-size: 0;}
.Photo ul li{ margin-right: 20px; display: inline-block; vertical-align: top; width: 284px; text-align: center;}
.Photo ul li .pic{ position: relative; width: 284px; height: 200px; overflow: hidden;}
.Photo ul li .mc{ position: relative; padding: 20px 0; color: #333; font-size: 16px; border-bottom: 1px solid #dcdcdc;}
.Photo ul li .pic img{ width: 100%; transition: all .8s;}
.Photo ul li:hover .pic img{ transform: scale(1.1);}
.Photo ul li:hover .mc i{ color: #dc2821;}
.Photo ul li:hover .mc i:before{ visibility: visible; width: 100%; left: 0;}
.Photo ul li .mc i:before{ content: ""; position: absolute; left: 50%; bottom: -1px; z-index: 10; width: 0; height: 1px; background: #dc2821; visibility: hidden; transition: all .5s;}
.Photo ul li .pic:after{content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width: 100%; height: 100%; background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0)); background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0)); transform: skewx(-25deg);}
.Photo ul li:hover .pic:after{left: 100%; -moz-transition: 1s; -o-transition: 1s; -webkit-transition: 1s; transition: 1s;}

/*new*/

.new{ margin-top: 50px; height: 490px; border-bottom: solid 1px #ccc; font-size: 14px;}
.new .top{height: 48px;border-bottom: solid 1px #ccc;}
.new .top ul li{ height: 48px; line-height: 48px; cursor: default; float: left;width: 132px;font-size: 22px;color: #333;text-align: center;margin-right: 20px;}
.new .top ul .on{border-bottom: solid 4px #dc2821;}
.new .top a{color: #666;float: right;margin-top: 15px;}
.new .nr{height: 409px;margin-top: 32px;}
.new .nr ul li .left{ position: relative; width: 650px; height: 376px; float: left;overflow: hidden;}
.new .nr ul li .left .xq .img{ width: 650px; height: 376px; overflow: hidden;}
.new .nr ul li .left .xq .img img{width: 100%;}
.new .nr ul li .left .xq .wz{ padding: 25px 30px 0; background-color: rgb(51, 51, 51, 0.502); width: 650px; height: 123px; position: absolute; left: 0; bottom: 0; z-index: 2;}
.new .nr ul li .left .xq .wz a{ margin-bottom: 5px; font-size: 18px;color: #fff;display: block;}
.new .nr ul li .left .xq .wz i{font-size: 14px;color: #fff;float: right; margin: 4px 0 0;}
.new .nr ul li .left .xq .wz p{font-size: 14px;color: #fff;line-height: 24px;}
.new .nr ul li .left .xq .img:hover img{ transform: scale(1.1, 1.1); transition-duration: 300ms;}
.new .nr ul li .right{width: 500px;float: right;}
.new .nr ul li .right .list{width: 500px;height: 37px;border-bottom: solid 1px #ccc;margin-bottom: 15px;}
.new .nr ul li .right .list:nth-child(8n){ margin-bottom: 0px;border: none;}
.new .nr ul li .right .list a{color: #333;}
.new .nr ul li .right .list a span{color: #c2c2c2;margin-right: 15px;}
.new .nr ul li .right .list a i{float: right;}
.new .nr ul li .right .list:hover a,.new .top a:hover{color: #dc2821;}
.new .nr ul li .right .list:hover a span{color: #dc2821;}

/*question*/

.question{ position: relative; font-size: 0;}
.question>div{ display: inline-block; vertical-align: top; height: 104px; overflow: hidden;}
.question .left{ width: 190px; background: url(../images/wdbj.png)no-repeat; height: 104px; overflow: hidden;}
.question .left .top{ padding-top: 15px; width: 172px; height: 104px;}
.question .left h3{ margin-left: 15px; font-size: 22px; color: #333; line-height: 22px;}
.question .left p{ margin: 5px 0 0 35px; font-size: 14px; color: #999; line-height: 14px;}
.question .btn{ position: absolute; background: #a2a2a2; width: 80px; height: 25px; text-align: center; line-height: 25px; cursor: pointer; bottom: 0;}
.question .btn:hover{ background: #dc2821;}
.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: 30px; width: 980px;}
.question .bd ul li{ display: inline-block; vertical-align: top; border: 1px solid #dcdcdc; width: 470px!important; height: 104px; padding: 15px 20px 0; margin-right: 40px;}
.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; display: inline-block; vertical-align: middle; margin-right: 10px;}
.question .bd ul li .wen a:before{ margin-top: -3px; content: url(../images/wenicon.png);}
.question .bd ul li .da a:before{ content: url(../images/daicon.png);}
.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{ background: #333; margin-top: 50px; font-size: 0;}
.foot nav{ height: 68px; line-height: 68px; background: #dc2821; overflow: hidden;}
.foot nav a{ color: #fff; font-size: 16px;}
.foot nav ul{ padding: 0 15px;}
.foot nav ul li{ display: inline-block; vertical-align: top; margin: 0 23px;}
.foot nav ul i{ color: #fff; font-size: 16px; display: inline-block; vertical-align: top;}
.foot nav a:hover{ text-decoration: underline;}
.foot .nr{ height: 270px; padding-top: 35px;}
.foot .nr>div{ display: inline-block; vertical-align: top;}
.foot .nr .left{ width: 488px;}
.foot .nr .left p{ color: #e0e0e0; font-size: 14px; line-height: 14px; margin-bottom: 18px;}
.foot .nr .wechat{ margin-top: 50px;}
.foot .nr .wechat dd{ display: inline-block; vertical-align: top; text-align: center;}
.foot .nr .wechat dd:first-child{ margin-right: 70px;}
.foot .nr .wechat dd p{ margin-top: 13px; color: #e0e0e0; font-size: 14px; line-height: 14px;}
.foot .nr .link{ width: 220px;}
.foot .nr .link ul{ float: left; width: 50%;}
.foot .nr .link ul:first-child+ul{ text-align: right;}
.foot .nr .link ul li a{ display: inline-block; vertical-align: top; color: #e0e0e0; font-size: 14px;}
.foot .nr .link ul li{ line-height: 14px; margin-bottom: 18px;}
.foot .nr .link ul li a:hover{ text-decoration: underline;}
.foot .bottom{ text-align: center; border-top: 1px solid #626262; height: 60px; line-height: 60px;}
.foot .bottom .db{ color: #fff; font-size: 14px;}
.foot .bottom .db a{ color: #fff; font-size: 14px;}
.foot .bottom .db a:hover{ text-decoration: underline;}