锘?{ margin: 0; padding: 0; list-style: none; text-decoration: none; box-sizing: border-box;}
body{ position: relative; font: 14px 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;}
::-webkit-scrollbar{ width: 8px; height: 8px; background-color: #f5f5f5;}
::-webkit-scrollbar-track{ border-radius: 10px; background-color: #e2e2e2;}
::-webkit-scrollbar-thumb{ border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: #555;}
.row{ white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.rows{ word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden;}
.clearfix:after,.clear{ content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}
.fl{ float: left;}
.fr{ float: right;}

/*@font-face{ font-family: 'pingfang regular';src: ;font-weight: normal; font-style: normal;}*/

.tywidth{ width: 1360px; margin: 0 auto;}
.more_topic{ width: 1200px; margin: 0 auto 55px; text-align: center;}
.more_topic h3{ color: #282828; font-weight: bold; font-size: 36px;letter-spacing: 2px; line-height: 36px; margin-bottom: 20px;}
.more_topic h3 i{ color: #c30d23; font-weight: bold;}
.more_topic h4{ color: #666; font-size: 20px; line-height: 20px;}

/*header*/

.header .header_slogan{ position: relative; width: 1685px; margin: 0 auto; height: 101px;}
.header .header_slogan .logo{ padding-top: 17px;}
.header .header_slogan .topic{ margin: 0 110px 0 30px;}
.header .header_slogan .topic h3{ color: #c30d23; font-size: 20px; line-height: 20px; font-weight: bold; margin: 30px 0 10px;}
.header .header_slogan .topic p{ color: #333; font-size: 16px; line-height: 16px;}
.header .nav .nav-content nav .xz{ height: 101px; position: relative; display: inline-block; vertical-align: top; text-align: center;}
.header .nav .nav-content nav .xz .xz{ margin-left: 23px;}
.header .nav .nav-content nav .xz a{ padding: 35px 15px 0; display: block; position: relative; z-index: 1;}
.header .nav .nav-content nav .xz i{ display: block; color: #333; font-size: 18px; line-height: 18px; transition: all .4s ease-out;}
.header .nav .nav-content nav .xz b{ display: block; color: #c5c5c5; font-size: 12px; line-height: 12px; transition: all .4s ease-out; margin-top: 10px; text-transform: uppercase;}
.header .nav .nav-content nav .xz:before{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 30%; transition: all .4s ease-out; background: #c30d23; opacity: 0;}
.header .nav .nav-content nav .xz.on:before,.header .nav .nav-content nav .xz:hover:before{ opacity: 1; height: 100%;}
.header .nav .nav-content nav .xz.on i,.header .nav .nav-content nav .xz:hover i{ color: #fff;}
.header .nav .nav-content nav .xz.on b,.header .nav .nav-content nav .xz:hover b{ color: rgba(255, 255, 255, 0.42);}
.header .nav .nav-content nav .xz ul{ display: none; position: absolute; left: 50%; transform: translatex(-50%); top: 100%;
 z-index: 999; width: 100%; background: #333; border: 1px solid #eee;}
.header .nav .nav-content nav .xz ul li{ font-size: 15px; color: #333; line-height: 15px;}
.header .nav .nav-content nav .xz ul li:first-child{ margin-top: 0;}
.header .nav .nav-content nav .xz ul li:hover{ color: #fff;}
.header .nav .nav-content nav .xz ul li:hover{ background: -webkit-linear-gradient(left, #ccc, #ccc) no-repeat; background: linear-gradient(to right, #ccc, #ccc) no-repeat; background-size: 100% 100%;}
.header .nav .nav-content nav .xz ul li i{ padding: 10px 0; display: block; font-size: 15px;
	background: -webkit-linear-gradient(left, #c30d23, #c30d23) no-repeat; 
	background: linear-gradient(to right, #c30d23, #c30d23) no-repeat; 
	background-size: 0% 100%; -webkit-transition: all .5s; transition: all .5s;}
.header .nav .nav-content nav .xz ul li i:hover{ background: -webkit-linear-gradient(left, #c30d23, #c30d23) no-repeat; background: linear-gradient(to right, #c30d23, #c30d23) no-repeat; background-size: 100% 100%;}
.header .header_slogan .phone_btn{ margin-top: 35px; cursor: pointer;}
.header .header_slogan .phone_rx{ display: none; position: absolute; z-index: 9999; top: 100%; right: 0; padding: 20px 10px; width: 180px; background: #fff;}
.header .header_slogan .phone_rx h3{ color: #c30d23; font-size: 20px;font-weight: bold;}

/*header*/

@media only screen and (max-width: 1695px){ .header .header_slogan{ width: 1500px;}
	.header .header_slogan .topic{ margin: 0 30px 0;}
	.header .nav .nav-content nav .xz a{ padding: 35px 12px 0;}
	}
@media only screen and (max-width: 1515px){ .header .header_slogan{ width: 1400px;}
	.header .nav .nav-content nav .xz .xz{ margin-left: 8px;}
	}
@media only screen and (max-width: 1415px){ .header .header_slogan{ width: 1300px;}
	.header .nav .nav-content nav .xz a{ padding: 35px 10px 0;}
	.header .header_slogan .topic{ margin: 0 15px 0;}
	.header .nav .nav-content nav .xz .xz{ margin-left: 5px;}
	}

/*banner*/

.banner-index{ line-height: 0;}
.banner-index img{ width: 100%;}
.slidebox{ width: 100%; height: auto; overflow: hidden; position: relative;}
.slidebox .hd{ position: absolute; right: 10%; transform: translatey(-50%); top: 50%; z-index: 1;}
.slidebox .hd ul li{ cursor: pointer; width: 11px; height: 11px; border-radius: 50%; margin-bottom: 15px; background: #fff; transition: all .3s;}
.slidebox .hd ul li.on{ background: #c30d23;}
.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; height: 50px; line-height: 50px; background: #c30d23; overflow: hidden;}
.search-content>div{ display: inline-block;vertical-align: top;}
.search-keywords span{ color: #fff; font-size: 16px;margin-right: 25px;}
.search-keywords span img{ vertical-align: middle; margin: -5px 10px 0 0;}
.search-keywords a{ color: #fff; font-size: 16px;}
.search-keywords a:hover{text-decoration: underline;}
.search-keywords i{ margin: 0 20px; color: #fff; font-size: 16px;}
.search-form{ float: right;}
#searchform{ margin-top: 10px; background: url(/uploads/image/images/search.png)no-repeat; width: 223px; height: 30px; display: inline-block; vertical-align: top; text-indent: 10px;}
#searchform>input{ background: none; border: none; outline: none; display: inline-block; vertical-align: top; color: #ccc;}
#searchform .search-input{ height: 30px; line-height: 30px; width: 80%;}
.search-form #s_btn{ width: 30px; height: 30px; cursor: pointer;}
#searchform .search-input::-webkit-input-placeholder{ color: #ccc;}
#searchform .search-input:-moz-placeholder{ color: #ccc;}
#searchform .search-input::-moz-placeholder{ color: #ccc;}
#searchform .search-input:-ms-input-placeholder{ color: #ccc;}

/*product*/

.product{ background: no-repeat center; width: 100%; height: 1105px;padding-top: 107px; font-size: 0; overflow: hidden;}
.product .pro-left{ width: 341px;}
.product .pro-left .top{ background: #c30d23; width: 100%; height: 134px; padding: 25px 0 0 50px; font-size: 30px; color: #fff;}
.product .pro-left .top h3{ text-transform: uppercase; font-family: arial;}
.product .pro-left .sidemenu ul{background: #fff; padding: 30px 0 35px 40px; margin-bottom: 3px; overflow: hidden;}
.product .pro-left .sidemenu ul li a{ font-size: 20px; color: #c30d23; font-weight: bold;}
.product .pro-left .sidemenu ul li img{ margin-right: 10px; vertical-align: middle;}
.product .pro-left .sidemenu ul dl dd{ display: inline-block; vertical-align: top; color: #333; font-size: 16px; line-height: 16px; width: 50%; cursor: pointer;}
.product .pro-left .sidemenu ul dl dd:hover{ color: #c30d23;}
.product .pro-left .sidemenu ul dl{ margin-top: 25px;}
.product .right{ width: 969px;}
.product .right .top{ position: relative; width: 969px; height: 413px; margin-bottom: 18px; overflow: hidden; background: #fff;}
.product .right .top .bd ul li img{ width: 100%;}
.product .right .top .hd{ position: absolute; left: 50%; transform: translatex(-50%); bottom: 15px; z-index: 164;}
.product .right .top .hd ul li{ display: inline-block; vertical-align: top; cursor: pointer; margin-right: 10px; width: 6px; height: 6px; border-radius: 50%; background-color: rgb(238, 238, 238);}
.product .right .top .hd ul li.on{ background-color: rgb(195, 13, 35); width: 6px; height: 6px;}
.product .right .bottom dl dd{ display: inline-block; vertical-align: top; width: 312px; text-align: center;}
.product .right .bottom dl dd dd{ margin-left: 16px;}
.product .right .bottom dl dd .pic{ width: 100%; height: 296px; overflow: hidden;}
.product .right .bottom dl dd .pic img{ width: 100%;transition: all .6s ease;}
.product .right .bottom dl dd:hover .pic img{ transform: scale(1.1);}
.product .right .bottom dl dd .mc{ font-size: 18px; color: #282828; padding: 25px 0 20px; border-bottom: 1px solid #d7d7d7;}
.product .right .bottom dl dd:hover .mc{ border-bottom: 2px solid #c30d23;}

/*model1*/

.model1{ background: no-repeat center; width: 100%; height: 547px; font-size: 0; padding-top: 70px;}
.model1 .nr dt{ background: url(/uploads/image/images/model1bt.png)no-repeat; width: 100%; height: 78px; margin-bottom: 97px;}
.model1 .nr dl{ width: 770px;}
.model1 .nr dl dd{ display: inline-block; vertical-align: top; border: 1px solid rgba(255, 255, 255, 0.369); width: 242px; height: 93px; padding: 20px; padding-right: 0; margin-bottom: 20px; margin: 0 20px 20px 0;}
.model1 .nr dl dd:nth-child(3n){ margin-right: 0;}
.model1 .nr dl dd b{ display: block; color: #fff; font-size: 24px; line-height: 24px; font-weight: bold; margin-bottom: 10px;}
.model1 .nr dl dd p{ color: #fff; font-size: 18px; line-height: 18px;}
.model1 .nr dl dd.rx p{ margin-bottom: 10px;}

/*model2*/

.model2 .nr li{ float: left; width: 320px; height: 485px; transition: all .3s ease; overflow: hidden; position: relative; border: 1px solid rgb(229, 229, 229); border-bottom-left-radius: 30px; border-bottom-right-radius: 30px;}
.model2 .nr li li{ margin-left: 26px;}
.model2 .nr li .pic{ width: 322px; height: 258px; overflow: hidden;}
.model2 .nr li .pic img{ width: 100%;transition: all .6s ease;}
.model2 .nr li:hover .pic img{ transform: scale(1.1);}
.model2 .nr li .icon{ position: absolute; left: 50%; transform: translatex(-50%); top: 205px; z-index: 1;}
.model2 .nr li .text{ margin: 50px 20px 0; text-align: center;}
.model2 .nr li dt{ transition: all .3s ease; color: #282828; font-size: 20px; line-height: 20px; font-weight: bold; margin-top: 50px; padding-bottom: 18px; border-bottom: 1px solid #eee; margin-bottom: 15px;}
.model2 .nr li dd{ transition: all .3s ease; margin: 0 10px; color: #333; font-size: 16px; line-height: 26px;}
.model2 .nr li p{ position: relative; margin-top: 25px; height: 15px;}
.model2 .nr li p i{ position: absolute; left: 0; top: 0; width: 100%; height: 15px; transition: all .3s ease;}
.model2 .nr li p .bs{ background: no-repeat center;}
.model2 .nr li p .bss{ opacity: 0; background: no-repeat -10% 0;}
.model2 .nr li:hover p .bs{ opacity: 0; background: no-repeat -10% 0;}
.model2 .nr li:hover p .bss{ opacity: 1; background: no-repeat center;}
.model2 .nr li:hover{ background: #c30d23;}
.model2 .nr li:hover .text dt,.model2 .nr li:hover .text dd{ color: #fff;}
.model2 .nr li:hover .text dt{ border-bottom: 1px solid #d34e5f;}

/*model3*/

.model3{ background: #fff; margin-top: 90px; overflow: hidden; font-size: 0;}
.model3 .nr{ width: 100%; display: flex; justify-content: space-between;}
.model3 .nr ul .ol2{ width: 61.5%; overflow: hidden; float: left;}
.model3 .nr ul .ol2 .top{ width: 100%;height: 100%; display: flex; justify-content: space-between;}
.model3 .nr ul .ol2 .bottom{ width: 100%;height: 100%; display: flex; justify-content: space-between;}
.model3 .nr ul .ol2 li{ height: auto;}
.model3 .nr ul .ol2 .size1{ height: 437px;}
.model3 .nr ul .ol2 .size2{ height: 459px;}
.model3 .nr ul .ol1{ width: 38.5%; overflow: hidden; float: left;}
.model3 .nr ul .ol1 .size1{ height: 505px;}
.model3 .nr ul .ol1 .size2{ height: 391px;}
.model3 .nr ul .ol1 li{ height: auto;}
.model3 .nr ul .ol1 .top{ width: 100%; height: 100%; display: flex; justify-content: space-between;}
.model3 .nr ul .ol1 .bottom{ width: 100%; height: 100%; display: flex; justify-content: space-between;}
.model3 .nr ul li{ position: relative; overflow: hidden;}
.model3 .nr ul li .pic,.model3 .nr ul li .pic img{ width: 100%; height: 100%;transition: all 0.6s;opacity: 1;}
.model3 .nr ul li .text{ position: absolute; background-color: rgba(27, 27, 27, 0.65); width: 100%; height: 100%; left: 0; top: 0; transition: all .6s ease; opacity: 0; padding: 10px;}
.model3 .nr ul li .text dt{ position: absolute; left: 50px; bottom: 45px; z-index: 1; line-height: 24px; font-size: 24px; color: #fff;}
.model3 .nr ul li .text dt i{ display: inline-block; vertical-align: middle; margin-left: 5px; width: 32px; height: 1px; background-color: rgb(255, 255, 255);}
.model3 .nr ul li .text dl{ border: 1px solid rgba(255, 255, 255, 0.259); width: 100%; height: 100%;}
.model3 .nr ul li:hover .pic img{opacity: 0.9;-webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4);-o-transform: scale(1.4);transform: scale(1.4);}
.model3 .nr ul li:hover .text{ opacity: 1;}
.model3 .nr ul li:hover .pic .ts{opacity: 1;-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.model3 .nr ul li .wb{ position: absolute; width: 100%; height: 100%; z-index: 1; left: 0; top: 0; padding: 95px 0 0 75px;}
.model3 .nr ul li .wb p{ color: #fff; font-weight: bold; font-size: 36px; line-height: 36px;}
.model3 .nr ul li .wb .by{ color: #fff; width: 520px; font-size: 20px; line-height: 20px; padding-bottom: 20px; margin: 15px 0 45px; border-bottom: 1px solid #fff;}
.model3 .nr ul li .wb .txt{ color: #fff; width: 570px; font-size: 14px; line-height: 26px; color: rgba(255, 255, 255, 0.8);}
.model3 .nr ul li .wb .more{ margin-top: 45px; display: block; border-radius: 21px; border: 1px solid #fff; width: 161px; height: 42px; line-height: 42px; text-align: center; color: #fff; font-size: 16px;}
.model3 .nr ul li .wb .more:hover{ text-decoration: underline;}
.model3 .nr ul li .wbs{ position: absolute; width: 100%; height: 100%; z-index: 1; left: 0; top: 0; padding: 118px 0 0 70px;}
.model3 .nr ul li .wbs dt{ line-height: 0; margin-bottom: 85px;}
.model3 .nr ul li .wbs dd{ color: #fff; font-size: 30px; line-height: 30px;}
.model3 .nr ul li .wbs dd:after{ content: ""; display: block; width: 25px; height: 2px; background: #fff; margin: 20px 0;}
.model3 .nr ul li .wbs p{ color: #fff; font-size: 20px; line-height: 20px;}
@media screen and (max-width: 1750px){ .model3 .nr ul li .wb .txt{ width: 520px;}
	}
@media screen and (max-width: 1650px){ .model3 .nr ul li .wb{ padding: 95px 0 0 35px;}
	}
@media screen and (max-width: 1500px){ .model3 .nr ul li .wb .txt{ width: 480px;}
	}
@media screen and (max-width: 1540px){ .model3 .nr ul li .wbs{ padding: 118px 0 0 50px;}
	}
@media screen and (max-width: 1360px){ .model3 .nr ul ol .size1,.model3 .nr ul ol .size2{ height: auto!important;}
	.model3 .nr ul li .wb{ padding: 15px 0 0 35px;}
	.model3 .nr ul li .wb .txt{ width: 400px; font-size: 12px;}
	.model3 .nr ul li .wb .by{ margin: 15px 0;}
	.model3 .nr ul li .wb .more{ margin-top: 15px;}
	.model3 .nr ul li .wbs{ padding: 50px 0 0 30px;}
	}
@media screen and (max-width: 1200px){ .model3 .nr ul ol .size1,.model3 .nr ul ol .size2{ height: auto!important;}
	}

/*advantage*/

.advantage{ background: url(/uploads/image/images/ysbg.png)no-repeat center; width: 100%; height: 856px; padding-top: 85px;}
.advantage .nr{ position: relative; font-size: 0;height: 584px;}
.advantage .bd ul li .pic{ width: 772px;margin-right: 73px;}
.advantage .bd ul li .pic img{ margin-left: -276px;}
.advantage .bd ul li .text{ margin-top: 190px; width: 515px;height: 357px;position: relative;}
.advantage .bd ul li .text dt{ width: 1000px; color: #e5e5e5; font-size: 28px; line-height: 28px; text-transform: uppercase; font-weight: bold; font-family: arial;}
.advantage .bd ul li .text p{ margin: 15px 0 40px; font-family: "pingfang regular"; color: #c30d23; font-size: 30px; line-height: 30px; font-weight: bold;}
.advantage .bd ul li .text dd{ color: #666; font-size: 16px; line-height: 30px; margin-bottom: 10px;}
.advantage .hd{ right: 95px; top: 10px; z-index: 2; position: absolute;}
.advantage .hd ul li{ display: inline-block; vertical-align: top; width: 90px; height: 123px; overflow: hidden; color: #333; font-size: 20px; transition: all .5s ease-out; cursor: pointer; padding: 45px 0 0 15px; border: 3px solid #03234c;}
.advantage .hd ul li li{ margin-left: 20px;}
.advantage .hd ul li.on{ background: #c30d23; border: 3px solid #c30d23; color: #fff;}
.advantage .nr .btnr{ position: absolute; right: 300px; bottom: 50px; z-index: 2;}
.advantage .nr .bd .text .hdon{ position: absolute; left: 49px; bottom: 23px;}
.advantage .nr .btnr>div{ display: inline-block; vertical-align: middle;}
.advantage .nr .btnr .btn{ width: 12px; height: 26px; cursor: pointer;}
.advantage .nr .btnr .prevs{ margin-right: 38px; background: url(/uploads/image/images/ysbtn1.png)no-repeat;}
.advantage .nr .btnr .nexts{ margin-left: 38px; background: url(/uploads/image/images/ysbtn2.png)no-repeat;}
.advantage .nr .btnr .hdon{ width: 116px; opacity: 0; height: 0;}
.advantage .nr .hdon ul li{ display: inline-block; vertical-align: top; transition: all .6s ease-in; width: 6px; height: 6px; border-radius: 100%; background: #b5b5b5;}
.advantage .nr .hdon li li{ margin-left: 17px;}
.advantage .nr .hdon ul li.on{ width: 47px; height: 6px; background-color: rgb(195, 13, 35); border-radius: 3px;}

/*case*/

.case{ background: no-repeat center; width: 100%; height: 734px; padding-top: 65px;}
.case .more_topic h3{ color: #fff;}
.case .more_topic h4{ color: rgba(254, 254, 254, 0.8); font-size: 20px; line-height: 20px;}
.case .big{ width: 1497px; height: 468px; margin: 0 auto; background: #fff;}
.case .nr{ position: relative; padding-top: 50px; height: 414px; overflow: hidden;}
.case .nr .bd{ padding-top: 25px; width: 373px; height: 295px; overflow: hidden;}
.case .nr .bd ul li dt{ color: #c30d23; font-size: 24px; line-height: 24px; font-weight: bold;}
.case .nr .bd ul li p{ margin: 10px 0 25px; color: #222; font-size: 16px; line-height: 16px;}
.case .nr .bd ul li dd{ width: 315px; -webkit-line-clamp: 5; color: #666; font-size: 16px; line-height: 30px;}
.case .nr .bd ul li a{ margin-top: 25px; display: inline-block; color: #222; font-size: 18px; text-transform: uppercase; line-height: 18px; font-weight: bold; text-decoration: underline;}
.case .nr .bd ul li a:hover{ color: #c40c10;}
.case .nr .hd{ width: 986px; font-size: 0;}
.case .nr .hd ul li{ position: relative; display: inline-block; vertical-align: top; width: 141px; height: 364px; overflow: hidden;}
.case .nr .hd ul li li{ margin-left: 5px;}
.case .nr .hd ul li .pic{ transition: all .3s ease; width: 100%; height: 100%; overflow: hidden;}
.case .nr .hd ul li .pic img{ width: 100%; height: 100%;}
.case .nr .hd ul li .pic .img2{ display: none;}
.case .nr .hd ul li.on{ transition: all .3s ease; width: 547px;}
.case .nr .hd ul li.on .pic{ height: 286px;}
.case .nr .hd ul li.on .pic .img1{ display: none;}
.case .nr .hd ul li.on .pic .img2{display: inline-block;}
.case .nr .hd ul li .text{ position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 78px; overflow: hidden; padding: 20px 0 0 20px; transition: all ease-out .3s; cursor: pointer;}
.case .nr .hd ul li .text .mr dt{ position: relative; line-height: 18px; font-size: 18px; color: #fff; font-weight: bold;}
.case .nr .hd ul li .text .mr dt:before{ content: ""; position: absolute; left: 0; bottom: -15px; width: 15px; height: 1px; background: #fff; transition: all ease-out .3s;}
.case .nr .hd ul li .text .mr dt i{ float: right; opacity: 0; font-weight: normal;}
.case .nr .hd ul li.on .text{ background-color: #c40c10; padding: 20px 25px 0;}
.case .nr .hd ul li.on .text .mr dt{ font-size: 22px; line-height: 22px;}
.case .nr .hd ul li.on .text .mr dt:before{ width: 100%; opacity: 1;}
.case .nr .hd ul li.on .text .mr dt i{ opacity: 1;}
.case .nr .hd ul li em{ font-size: 96px; color: rgba(255, 255, 255, 0); font-weight: bold; position: absolute; right: 0; top: -17px; letter-spacing: 18px; z-index: 1;}
.case .nr .hd ul li.on em{ color: rgba(255, 255, 255, 0.10);}
.case .nr .btnr{ position: absolute; left: 0; bottom: 0; z-index: 1; overflow: hidden;}
.case .nr .btnr>div{ float: left; width: 96px; height: 29px; text-align: center; line-height: 28px; cursor: pointer; background-color: #c40c10;}
.case .nr .btnr>div img{ vertical-align: middle; transition: all ease-out .3s;}
.case .nr .btnr .next{ background-color: #313131;}
.case .nr .btnr .prev:hover img{ margin-left: -10px;}
.case .nr .btnr .next:hover img{ margin-left: 10px;}

/*about*/

.about{ margin-top: 95px;}
.about .nr .text{ width: 675px;}
.about .nr .text dt{ line-height: 0; margin-top: 35px; padding-bottom: 10px; border-bottom: 1px solid #eee;}
.about .nr .text dd{ margin: 25px 0 45px; color: #666; font-size: 16px; -webkit-line-clamp: 5; line-height: 28px;}
.about .nr .text dl a{ display: inline-block; vertical-align: middle; border: 1px solid #bcbcbc; margin-right: 25px; width: 99px; height: 30px; text-align: center; line-height: 30px; border-radius: 6px; color: #222; font-size: 14px;}
.about .nr .text dl a.more{ border: none; color: #fff; width: 116px; background: url(/uploads/image/images/aboutmore.png)no-repeat; text-transform: uppercase; border-radius: 0;}
.about .nr .text dl a.more:hover{ text-decoration: underline;}
.about .nr .text dl a.mores:hover{ border: 1px solid #c30d23; background: #c30d23; color: #fff;}
.about .nr .text dl a.rx{ width: 225px;}
.about .nr .text dl a.rx i{ font-weight: bold;}
.about .nr .pic{ width: 617px; height: 351px; overflow: hidden; position: relative;}
.about .nr .pic img{ width: 100%; transition: all .8s ease;}
.about .nr .pic:hover img{ transform: scale(1.1);}
.about .nr .pic b{ background: url(/uploads/image/images/aboutbt.png)no-repeat; width: 43px; height: 173px; position: absolute; right: 0; top: 0; z-index: 1;}

/*new*/

.news{ margin-top: 75px; padding: 75px 0 65px; width: 100%; height: 556px; background: url(/uploads/image/images/newbg.png)no-repeat center; font-size: 0; overflow: hidden;}
.news .nr>div{ display: inline-block; vertical-align: top;height: 435px;overflow: hidden;}
.news .hd{ width: 38px;margin-right: 30px;}
.news .hd ul li{ cursor: pointer; color: #fff; font-size: 16px; text-align: center; width: 38px; height: 205px; overflow: hidden; background: #434343; line-height: 20px; padding: 28px 10px;}
.news .hd ul li li{ margin-top: 4px;}
.news .hd ul li.on{ background: #c30d23;}
.news .bd{ width: 1292px;}
.news .bd ul li>div,.news .bd ul li .newlist dl dd a>div{ display: inline-block; vertical-align: top;}
.news .bd ul li .pic{width: 546px; height: 418px; overflow: hidden; margin-right: 60px;}
.news .bd ul li .pic img{ width: 100%;transition: all .6s ease;}
.news .bd ul li .pic:hover img{ transform: scale(1.1);}
.news .bd ul li .newlist dl dd{ background-color: rgb(255, 255, 255); padding: 20px 30px 20px 0; width: 686px; height: 116px; overflow: hidden;}
.news .bd ul li .newlist dl dd dd{ margin-top: 36px;}
.news .bd ul li .newlist dl dd .date{ width: 125px; height: 74px; text-align: center; margin-right: 30px; border-right: 1px solid rgb(170, 170, 170);}
.news .bd ul li .newlist dl dd .date i{ display: block; color: #333; font-size: 14px; line-height: 14px; padding-top: 15px;}
.news .bd ul li .newlist dl dd .date i:after{ content: ""; display: block; margin: 10px auto; width: 54px; height: 1px; background-color: rgb(210, 210, 210);}
.news .bd ul li .newlist dl dd .date span{ display: block; color: #333; font-size: 22px; line-height: 22px; font-weight: bold;}
.news .bd ul li .newlist dl dd .data{ width: 498px;}
.news .bd ul li .newlist dl dd .data p{ color: #333; font-size: 18px; line-height: 18px;margin-bottom: 19px;}
.news .bd ul li .newlist dl dd .data em{ color: #666; font-size: 14px;}
.news .bd ul li .newlist dl dd:hover{ box-shadow: 0px 5px 4.9px 0.1px rgba(0, 0, 0, 0.08);}

/*foot*/

.foot{ background: #373a3e; width: 100%; height: 395px; padding-top: 90px; overflow: hidden;}
.foot .top{ height: 229px; font-size: 0; overflow: hidden;}
.foot .top .logo{ width: 191px; margin-right: 130px; padding-top: 5px; text-align: center;}
.foot .top .logo p{ margin-top: 15px; color: #fff; font-size: 22px; line-height: 38px; font-weight: bold; width: 100%; height: 38px; border: 1px solid rgba(255, 255, 255, 0.212);}
.foot .top .nav dl{ margin-right: 100px; display: inline-block; vertical-align: top;}
.foot .top .nav dl dt{ width: 90px; font-weight: bold; font-size: 16px; color: #fff; line-height: 16px; padding-bottom: 6px; border-bottom: 1px solid #fff; margin-bottom: 18px;}
.foot .top .nav dl dd{ position: relative; margin-bottom: 15px;}
.foot .top .nav dl dd a{ color: rgba(255, 255, 255, 0.6); font-size: 16px;}
.foot .top .nav dl dd a:hover{ color: #fff;}
.foot .bottom{ width: 100%; height: 76px; line-height: 76px; color: #fff; font-size: 14px; background: #c30d23;}
.foot .bottom .content .left a{ color: #fff; font-size: 14px;}
.foot .bottom .content .left a:hover{text-decoration: underline;}
.foot .content .right .xl{ border: 1px solid rgba(255, 255, 255, 0.902); width: 121px; height: 33px; padding: 0 20px; display: inline-block; vertical-align: middle;}
.foot .content .right .selectlist{ display: block; line-height: 33px; width: 78px; border: none; text-overflow: ellipsis; white-space: nowrap; outline: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; overflow: hidden; background: no-repeat right center; font-size: 14px; color: #fff;}
.foot .content .right .selectlist option{ color: #333;}
.foot .top .nav .wechat{ margin-right: 0;}
.foot .top .nav .wechat dd{ display: inline-block; vertical-align: top; width: 114px; text-align: center;}
.foot .top .nav .wechat dd dd{ margin-left: 40px;}
.foot .top .nav .wechat dd span{ display: block; position: relative; width: 114px; height: 114px; overflow: hidden;}
.foot .top .nav .wechat dd span:after{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 26px; background: no-repeat center; animation: light 4s linear infinite;}
.foot .top .nav .wechat dd p{ display: block; color: rgba(255, 255, 255, 0.6); font-size: 14px; line-height: 14px; margin-top: 20px;}