*{ 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;}
.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: url('../fonts/PINGFANG REGULAR.TTF');font-weight: normal; font-style: normal;}
.tywidth{ width: 1400px; margin: 0 auto;}
.more-title{ width: 1400px; margin: 60px auto 35px; text-align: center; font-size: 0;}
.more-title h3{ color: #333; font-size: 36px; line-height: 36px;margin-bottom: 15px;}
.more-title h4{ color: #666; font-size: 18px; line-height: 18px;}

/*header*/

.header{ width: 100%; font-size: 0;}
.header .header_slogan{ width: 1600px; height: 130px;}
.header .header_slogan .logo{ width: 270px; padding-top: 30px;}
.header .header_slogan .text{ padding: 40px 0 0 0; position: relative;}
.header .header_slogan .text h3{ color: #333; font-size: 22px;line-height: 22px; font-weight: bold; margin-bottom: 10px;}
.header .header_slogan .text p{ color: #666; line-height: 18px;font-size: 18px;}
.header .nav{ padding-left: 125px; height: 130px; line-height: 130px;}
.header .nav .nav-content nav .xz{ position: relative; display: inline-block; vertical-align: middle; text-align: center; margin-right: 40px;}
.header .nav .nav-content nav .xz i{ color: #333; font-size: 18px;}
.header .nav .nav-content nav .xz:before{ content: ""; position: absolute; left: 50%; top: 95px; transition: all .3s ease; width: 0; height: 5px; background: #0064b3;}
.header .nav .nav-content nav .xz.on i,.header .nav .nav-content nav .xz:hover i{ color: #0064b3;}
.header .nav .nav-content nav .xz.on:before,.header .nav .nav-content nav .xz:hover:before{ width: 100%; left: 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: 105px; z-index: 999; transform: translateX(-50%); width: 151px; background-color: rgba(255, 255, 255, 0.859); padding: 15px 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: #0064b3;}

/*banner*/

.banner-index{ line-height: 0;}
.banner-index img{ width: 100%;}
.slideBox{ width: 100%; height: auto; overflow: hidden; position: relative;}
.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%;}
.slideBox .hd{ position: absolute; left: 50%; bottom: 30px; transform: translateX(-50%); font-size: 0;}
.slideBox .hd ul li{ float: left; position: relative; width: 10px; height: 10px; background: #f17312; margin-right: 10px; cursor: pointer; border-radius: 100%; transition: all .3s;}
.slideBox .hd ul li.on{ border-radius: 5px; width: 37px;}

/*search*/

.search{ font-size: 0; height: 65px; line-height: 65px; border-bottom: 1px solid #f0f0f0; background: #fdfdfd; overflow: hidden;}
.search-content>div{ display: inline-block;vertical-align: top;}
.search-keywords span{ color: #666; font-size: 14px; font-weight: bold; margin-right: 15px;}
.search-keywords span img{ vertical-align: middle; margin: -5px 10px 0 0;}
.search-keywords a{ color: #666; font-size: 14px;}
.search-keywords a:hover{ color: #f17312;}
.search-keywords i{ margin: 0 15px; color: #666; font-size: 14px;}
.search-form{ float: right;}
#searchForm{ margin-top: 15px; 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{ color: #999;}
#searchForm .search-input:-moz-placeholder{ color: #999;}
#searchForm .search-input::-moz-placeholder{ color: #999;}
#searchForm .search-input:-ms-input-placeholder{ color: #999;}
@media only screen and (max-width: 1200px){ .search-content{ width: 1200px; padding: 0 2%;}
	}

/*product*/

.product{ font-size: 0; text-align: center;}
.product .nr .hd{ margin-bottom: 15px; height: 73px;}
.product .nr .hd ul li{ position: relative; display: inline-block; vertical-align: top; height: 68px; width: 165px; line-height: 68px; border: 1px solid #dcdcdc;}
.product .nr .hd ul li+li{ border-left: none;}
.product .nr .hd ul li:first-child{ width: 215px;}
.product .nr .hd ul li a{ color: #333; font-size: 18px;}
.product .nr .hd ul li.on a{ color: #fff;}
.product .nr .tabnr{ margin-bottom: 45px; text-align: left; padding: 0 100px;}
.product .nr .hd ul li.on{ background: #f17312;}
.product .nr .hd ul li.on:before{ opacity: 1;}
.product .nr .hd ul li:before{ content: ""; position: absolute; left: 50%; bottom: -6px; margin-left: -10px; opacity: 0; width: 20px; height: 20px; transform: rotateZ(135deg); background: #f17312;}
.product .nr .tabnr ul dd{ margin-right: 55px; position: relative; display: inline-block; vertical-align: top;}
.product .nr .tabnr ul dd a{ background: url(../images/cpicon1.png)no-repeat left center; padding-left: 25px; color: #666; font-size: 16px;}
.product .nr .tabnr ul dd:hover a{ color: #f17312; background: url(../images/cpicon2.png)no-repeat left center;}
.product .nr .bdnr dd{ text-align: left; display: inline-block; vertical-align: top; transition: all .5s linear; width: 320px; height: 380px; overflow: hidden; border: 1px solid #ccc;}
.product .nr .bdnr dd .pic{ height: 310px; overflow: hidden;}
.product .nr .bdnr .first{ cursor: pointer; padding: 0 60px 0 70px; width: 1040px; height: 380px; margin: 0 40px 40px 0; overflow: hidden; background: #f0f0f0; border: none;}
.product .nr .bdnr .first .text .a{ margin: 65px 0 30px; line-height: 0;}
.product .nr .bdnr .first .text .b{ color: #333; font-size: 34px; line-height: 34px;}
.product .nr .bdnr .first .text .b:after{ content: ""; display: block; width: 32px; height: 3px; background-color: rgb(241, 115, 18); margin: 30px 0 40px;}
.product .nr .bdnr .first .text .more{ width: 130px; height: 44px; color: #fff; font-size: 16px; line-height: 44px; text-align: center; display: block; background: #0064b3; transition: all .3s;}
.product .nr .bdnr .first:hover .more{ background: #f17312;}
.product .nr .bdnr .first>.pic{ width: 560px; height: 380px;}
.product .nr .bdnr dd .pic img{ width: 100%;transition: all .6s ease;}
.product .nr .bdnr ol dd.ts{ margin-right: 40px;}
.product .nr .bdnr ol dd.ts:last-child{ margin-right: 0;}
.product .nr .bdnr dd .mc{ color: #333; font-size: 18px; line-height: 18px; padding: 0 20px;}
.product .nr .bdnr dd p{ position: relative; margin-top: 5px; color: #999; font-size: 16px; line-height: 24px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.product .nr .bdnr dd.ts a{ display: block; padding: 6px; overflow: hidden;}
.product .nr .bdnr dd.ts:hover{ background: #0064b3; border-color: #0064b3; transform: translateY(-20px); box-shadow: 0 0 20px #ccc;}
.product .nr .bdnr dd.ts:hover .mc,.product .nr .bdnr dd.ts:hover p{ color: #fff;}
@media only screen and (max-width: 1200px){ .product .nr{ width: 1200px;}
	}
@media only screen and (max-width: 1200px){ .product .nr .tabnr{ margin-bottom: 0;}
	}
@media only screen and (max-width: 1200px){ .product .nr .hd ul li:first-child{ width: 185px;}
	}
@media only screen and (max-width: 1200px){ .product .nr .hd ul li{ width: 130px;}
	}
@media only screen and (max-width: 1200px){ .product .nr .tabnr ul dd{ margin-top: 15px;}
	}
@media only screen and (max-width: 1200px){ .product .nr .bdnr dl .first{ margin: 20px 0 40px 0;}
	}
@media only screen and (max-width: 1200px){ .product .nr .bdnr dl dd.ts{display: none;}
	}
@media only screen and (max-width: 1200px){ .product .nr .bdnr ol dd.ts:last-child{ display: none;}
	}
@media only screen and (max-width: 1200px){ .product .nr .bdnr ol{width: 1040px;margin: 0 auto;}
	}
@media only screen and (max-width: 1200px){ .product .nr .bdnr ol dd:first-child+dd+dd{margin-right: 0;}
	}

/*model1*/

.model1{ width: 100%; height: 540px; overflow: hidden; margin-top: 70px; padding: 45px 0 70px; background: #f2f2f2;}
.model1 .nr .bd ul li{ width: 660px; height: 425px; overflow: hidden;}
.model1 .nr .bd ul li img{ width: 100%;transition: all .6s ease;}
.model1 .nr .bd ul li:hover img{ transform: scale(1.1);}
.model1 .nr .hd{ margin-left: 60px; width: 680px; font-size: 0;}
.model1 .nr .hd p{ color: #666; font-size: 24px; line-height: 24px; padding-left: 20px; border-left: 8px solid #0064b3; margin-bottom: 56px;}
.model1 .nr .hd p em{ display: block; color: #333; font-size: 36px; line-height: 36px; margin-top: 12px;}
.model1 .nr .hd ul li>div{ display: inline-block; vertical-align: top; position: relative;z-index: 2;}
.model1 .nr .hd ul li{ position: relative; padding: 0 0 0 45px; margin-bottom: 35px; width: 320px; height: 130px; display: inline-block; vertical-align: top; background: #fff; transition: all .6s ease; overflow: hidden;}
.model1 .nr .hd ul li:nth-child(2n){ margin-left: 40px;}
.model1 .nr .hd ul li .icon{ width: 85px; height: 130px; line-height: 130px;}
.model1 .nr .hd ul li .icon img{ vertical-align: middle;}
.model1 .nr .hd ul li .text dt{transition: all .6s ease; margin-bottom: 15px; color: #333; font-size: 20px; font-weight: bold; line-height: 20px;}
.model1 .nr .hd ul li .text dd{transition: all .6s ease;color: #666; font-size: 16px; line-height: 24px;}
.model1 .nr .hd ul li:hover dt,.model1 .nr .hd ul li:hover dd{ color: #fff;}
.model1 .nr .hd ul li:before{ content: ''; display: block; width: 120%; height: 130px; padding: 55px 0; background: rgba(0, 100, 179, 0.8); position: absolute; left: -10%; top: 0; transform: translateY(50%) scale(0); -webkit-transform: translateY(50%) scale(0); z-index: 1; transition: all .5s ease-out;}
.model1 .nr .hd ul li:hover:before{ background: rgba(0, 100, 179, 1); transform: translateY(-10%) scale(1);}
.model1 .nr .hd ul li .text{ padding-top: 25px;}
@media only screen and (max-width: 1200px){ .model1 .nr .hd{ float: left; margin-left: 17px;}
	}
@media only screen and (max-width: 1200px){ .model1 .nr .hd ul li:nth-child(2n){ margin-left: 15px;}
	}
@media only screen and (max-width: 1200px){ .model1 .nr .hd ul li{ width: 255px;padding: 0 0 0 10px;}
	}
@media only screen and (max-width: 1200px){ .model1 .nr .hd ul li .icon{ width: 75px;}
	}

/*model2*/

.model2{ margin-top: 45px;font-size: 0;}
.model2 .nr>div{ width: 680px; height: 450px; overflow: hidden;}
.model2 .nr .left dt{ color: #666; font-size: 18px; line-height: 18px; padding-left: 18px; border-left: 8px solid #0064b3; margin-bottom: 45px;}
.model2 .nr .left dt em{ display: block; color: #333; font-size: 36px; line-height: 36px; margin-bottom: 20px;}
.model2 .nr .left .phone{ margin-bottom: 57px; color: #666; font-size: 16px; line-height: 16px; background: url(../images/model2tel.png)no-repeat left center; padding-left: 50px;}
.model2 .nr .left .phone p{ margin-top: 10px; color: #333; font-size: 28px; line-height: 28px; font-weight: bold;}
.model2 .nr .left dl dd{ display: inline-block; vertical-align: top; width: 310px; height: 220px; overflow: hidden;}
.model2 .nr .left dl dd+dd{ margin-left: 40px;}
.model2 .nr .pic img{ cursor: pointer; width: 100%;transition: all .6s ease;}
.model2 .nr .pic:hover img{ transform: scale(1.1);}

/*advantage*/

.advantages{ font-size: 0; position: relative; height: 730px; overflow: hidden;}
.advantages .hd{ text-align: center;}
.advantages .hd ul li{ position: relative; cursor: default; transition: all .5s; display: inline-block; vertical-align: top; width: 401px; height: 100px; padding-top: 25px; background: url(../images/yson.png)no-repeat 1px 0;}
.advantages .hd ul li>div{ text-align: left; display: inline-block; vertical-align: middle;}
.advantages .hd ul li:last-child{ background: url(../images/yson.png)no-repeat 0 0;}
.advantages .hd ul li.cur{ height: 111px;}
.advantages .hd ul li .icon{ width: 43px; height: 39px;margin-right: 25px;}
.advantages .hd ul li .yc{ display: none;}
.advantages .hd ul li.cur .xs{ display: none;}
.advantages .hd ul li.cur .yc{ display: inline-block;}
.advantages .hd ul li .by dt{ position: relative; color: #333;font-size: 28px; line-height: 28px;}
.advantages .hd ul li dt:after{ content: ""; position: absolute; left: 33%; transform: translateX(-50%); bottom: -47px; width: 50px; height: 1px; transition: all .5s; background: #dcdcdc;}
.advantages .hd ul li.cur dt:after{ width: 0;}
.advantages .hd ul li .by dd{ margin-top: 10px; color: #999;font-size: 12px; font-family: arial; line-height: 12px; text-transform: uppercase;}
.advantages .hd ul li.cur dt,.advantages .hd ul li.cur dd{ color: #f17312;}
.advantages .list{ width: 1400px; height: 600px; position: absolute; left: 50%; bottom: 0; margin-left: -700px;}
.advantages .list .tempWrap{ margin-left: -1400px;}
.advantages .list .lists ol{ width: 1400px; height: 600px; position: relative;overflow: hidden;}
.advantages ol.left{ padding-right: 20px;}
.advantages ol.left .pic{background: url(../images/ysgd1.png)no-repeat right center;width: 100%;height: 600px;}
.advantages ol.left .pic img{ display: none;}
.advantages ol.right .pic{ background: url(../images/ysgd2.png)no-repeat left center;width: 240px;height: 600px;margin-left: 20px;}
.advantages ol.right .pic img{ display: none;}
.advantages ol.left .text,.advantages ol.right .text{ display: none;}
.advantages ol .text{ padding: 30px 25px 0 30px; background-color: rgba(255, 255, 255, 0.961); width: 458px; height: 200px; position: absolute; right: 0; bottom: 35px; z-index: 1;}
.advantages ol .text dt{ color: #f17312; font-size: 20px;font-weight: bold; line-height: 20px; position: relative; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 2px solid #ccc;}
.advantages ol .text dt:before{ content: ""; position: absolute; left: 0; bottom: -2px; width: 60px; height: 2px; background-color: rgb(241, 115, 18); transition: all .5s;}
.advantages ol:hover .text dt:before{ width: 150px;}
.advantages ol .text dd{ color: #666; font-size: 16px; line-height: 30px;}
.advantages ol .pic img{ width: 100%;transition: all .6s ease;}
.advantages ol.cur:hover .pic img{ transform: scale(1.1);}
@media only screen and (max-width: 1200px){ .advantages .hd{ width: 1200px;}
	}
@media only screen and (max-width: 1200px){ .advantages .hd ul li{ width: 30%; background: url(../images/yson.png)no-repeat -20px 0;}
	}
@media only screen and (max-width: 1200px){ .advantages .hd ul li:after{ content: ""; position: absolute; right: 0; top: 0; width: 1px; height: 100px; background: #ddd;}
	}
@media only screen and (max-width: 1200px){ .advantages .hd ul li:first-child:before{ content: ""; position: absolute; left: 0; top: 0; width: 1px; height: 100px; background: #ddd;}
	}
@media only screen and (max-width: 1200px){ .advantages .hd ul li:last-child{ background: url(../images/yson.png)no-repeat -1px 0;}
	}
@media only screen and (max-width: 1200px){ .advantages ol .text{ right: 99px;}
	}

/*case*/

.case .nr .bd{ height: 550px; overflow: hidden;}
.case .nr .bd ul li{ float: left; width: 440px; height: 550px; overflow: hidden; background: #f7f7f7; margin-right: 40px;}
.case .nr .bd ul li .pic{ width: 440px; height: 330px; overflow: hidden;}
.case .nr .bd ul li .pic img{ width: 100%;transition: all .6s ease;}
.case .nr .bd ul li:hover .pic img{ transform: scale(1.1);}
.case .nr .bd ul li .text{ padding: 40px; padding-bottom: 0;}
.case .nr .bd ul li .text dt{ color: #333; font-size: 20px; line-height: 20px;}
.case .nr .bd ul li .text dd{ color: #666; font-size: 14px; line-height: 24px; height: 63px; padding-top: 15px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.case .nr .bd ul li .text em{ display: block; position: relative; margin: 20px 0; width: 100%; height: 1px; background: #dcdcdc; transition: all .6s ease;}
.case .nr .bd ul li .text em:before{ content: ""; position: absolute; left: 50%; bottom: 0; width: 0; height: 1px; background: #f17312; transition: all .6s ease;}
.case .nr .bd ul li .text p{ color: #0064b3; font-size: 16px; line-height: 16px;}
.case .nr .bd ul li:hover .text p{ color: #f17312;}
.case .nr .bd ul li:hover .text em:before{ left: 0; width: 100%;}
@media only screen and (max-width: 1200px){ .case .nr{ width: 1200px;}
	}
@media only screen and (max-width: 1200px){ .case .nr .bd ul li{ width: 368px;height: auto;padding-bottom: 40px;}
	}
@media only screen and (max-width: 1200px){ .case .nr .bd ul li .pic{ width: 100%;height: auto;}
	}

/*model3*/

.model3{ margin-top: 60px; background: url(../images/model3bg.png)no-repeat; width: 100%; height: 253px; padding-top: 50px;}
.model3 .left em{ display: block; background: #fff; width: 100px; height: 2px;}
.model3 .left dt{ margin: 45px 0 15px; color: #fff; font-size: 36px;}
.model3 .left dd{ color: #fff; font-size: 18px;}
.model3 .right ul li{ float: left; width: 150px;text-align: center;}
.model3 .right ul li p{ color: #fff; font-size: 18px; line-height: 18px; border-bottom: 1px solid rgba(255, 255, 255, 0.6); padding: 13px 0;}
.model3 .right ul li.ts{ width: 50px; height: 150px; background: url(../images/model3icon.png)no-repeat center;}
.model3 .right ul li .small img{ width: 100%;transition: all .6s ease;}
.model3 .right ul li:hover .small img{ transform: scale(1.1);}
@media only screen and (max-width: 1200px){ .model3 .right{ float: left; margin-left: 68px;}
	}
@media only screen and (max-width: 1200px){ .model3 .right ul li{width: 111px;}
	}

/*about*/

.about .video{ position: relative; width: 800px; height: 450px; overflow: hidden;}
.about .video video{ width: 100%; height: 100%;}
.about .text{ border-top: 1px solid #dcdcdc; padding-top: 60px; width: 555px; height: 450px; overflow: hidden;}
.about .text dt{ color: #333; font-size: 30px; line-height: 30px;}
.about .text dt:after{ content: ""; display: block; width: 40px; height: 3px; background: #f17312; margin: 35px 0 30px;}
.about .text dd{ color: #666; font-size: 16px; text-align: justify; line-height: 34px;padding-bottom: 70px;}
.about .text .more{ display: block; text-align: center; color: #333; font-size: 18px; width: 150px; height: 48px; line-height: 48px; border: 1px solid #dcdcdc;}
.about .text .more:hover{ color: #fff; background: #f17312; border: 1px solid #f17312;}
@media only screen and (max-width: 1200px){ .about .text{ float: left; margin-left: 20px;}
	}
@media only screen and (max-width: 1200px){ .about .text dd{ font-size: 15px; padding-bottom: 20px; width: 356px;}
	}

/*power*/

.power{ margin-top: 50px; padding: 50px 0; width: 100%; height: 330px; background: #f7f7f7; font-size: 0; overflow: hidden;}
.power .bd{ height: 230px; overflow: hidden;}
.power .bd ul li{ display: inline-block; vertical-align: top; position: relative; width: 325px; height: 230px; overflow: hidden;margin-right: 30px;}
.power .bd ul li .pic{ width: 325px; height: 230px;overflow: hidden;}
.power .bd ul li .pic img{ width: 100%;transition: all .6s ease;}
.power .bd ul li:hover .pic img{ transform: scale(1.1);}
.power .bd ul li .text{ position: absolute; left: 0; top: -130px; background: url(../images/qyxcbg.png)no-repeat; width: 325px; height: 230px; padding-top: 80px; text-align: center; color: #fff; font-size: 16px; opacity: 0; transition: .5s;}
.power .bd ul li:hover .text{ opacity: 1; top: 0;}

/*new*/

.news{ margin-top: 60px; font-size: 0; overflow: hidden;}
.news .hd{ text-align: center; margin-bottom: 40px;}
.news .hd ul li{ width: 164px; height: 49px; line-height: 49px; cursor: pointer; color: #666; font-size: 18px; text-align: center; overflow: hidden; background: #f5f5f5; display: inline-block; vertical-align: top;}
.news .hd ul li+li{ margin-left: 15px;}
.news .hd ul li.on{ color: #fff; background: #f17312;}
.news .bd{ height: 393px; overflow: hidden;}
.news .bd ul li>div{ display: inline-block; vertical-align: top;height: 393px; overflow: hidden;}
.news .bd ul li .newtj{ width: 436px; position: relative;}
.news .bd ul li .newtj .pic{ width: 436px; height: 322px; overflow: hidden;}
.news .bd ul li .newtj .pic img{ width: 100%;transition: all .6s ease;}
.news .bd ul li .newtj:hover img{ transform: scale(1.1);}
.news .bd ul li .newtj .text{ position: absolute; left: 25px; bottom: 0; z-index: 1; transition: .5s; width: 385px; height: 120px; margin: 0 auto; padding: 20px 28px 0; background-color: rgb(247, 247, 247);}
.news .bd ul li .newtj .text dt{ color: #333; font-size: 16px; line-height: 16px;margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #dcdcdc;}
.news .bd ul li .newtj .text dd{ color: #999; font-size: 14px; line-height: 20px;margin-bottom: 19px;}
.news .bd ul li .newtj:hover .text dt{ color: #0064b3;}
.news .bd ul li .newtj:hover .text dd{ text-decoration: underline;}
.news .bd ul li .newlist{ margin-left: 44px; width: 920px;}
.news .bd ul li .newlist dl{ display: inline-block; vertical-align: top; border: 1px solid rgb(220, 220, 220); padding: 30px 15px 0; width: 436px; height: 393px;}
.news .bd ul li .newlist dl+dl{ margin-left: 48px;}
.news .bd ul li .newlist dl dd{ margin-bottom: 21px; padding-bottom: 21px; line-height: 16px; border-bottom: 1px dotted rgba(112, 112, 112, 0.11);}
.news .bd ul li .newlist dl dd a{ color: #666; font-size: 16px;}
.news .bd ul li .newlist dl dd a i{ float: right;color: #999; font-size: 14px;}
.news .bd ul li .newlist dl dd:hover a,.news .bd ul li .newlist dl dd:hover a i{ color: #0064b3;}
@media only screen and (max-width: 1200px){ .news .bd ul li .newlist dl dd em{ width: 255px; white-space: nowrap; text-overflow: ellipsis; display: inline-block; -webkit-box-orient: vertical; overflow: hidden;}
	}
@media only screen and (max-width: 1200px){ .news .bd ul li .newlist{ margin-left: 20px; width: 920px;}
	}
@media only screen and (max-width: 1200px){ .news .bd ul li .newlist dl+dl{margin-left: 19px;}
	}
@media only screen and (max-width: 1200px){ .news .bd ul li .newlist dl{ width: 354px;}
	}

/*foot*/

.foot{ margin-top: 60px; font-size: 0; position: relative; z-index: 66;overflow: hidden;}
.foot .links>div{ display: inline-block; vertical-align: top}
.foot .links .zz{ width: 120px;color: #333; font-size: 16px; line-height: 16px;}
.foot .links .yy{ width: 1280px;}
.foot .links .yy a{ color: #666; font-size: 14px;}
.foot .links .yy a+a{ margin-left: 55px;}
.foot .links .yy a:hover{ color: #0064b3;}
.foot .footbg{ background: #eee; margin-top: 20px; padding-top: 60px;}
.foot .content .top .logo{ line-height: 0; width: 375px;}
.foot .content .top .nav{ margin: 35px 25px 0 0;}
.foot .content .top .nav dd{ cursor: pointer; color: #333; font-size: 18px; line-height: 18px; display: inline-block; vertical-align: top}
.foot .content .top .nav dd+dd{ margin-left: 60px;}
.foot .content .top .nav dd:hover,.foot .bottom a:hover{ color: #f17312;}
.foot .content .mid{ margin-top: 58px; height: 124px; border: 1px solid #b6b6b6;}
.foot .content .mid dl{ text-align: center; display: inline-block; vertical-align: top; position: relative; padding-top: 20px;}
.foot .content .mid dl dt{ height: 55px;}
.foot .content .mid dl dd{ font-size: 16px; color: #666; line-height: 16px;}
.foot .content .mid dl img{ animation: jumps 2s linear infinite;}
.foot .content .mid .ts:before{ content: ""; position: absolute; left: 0; top: 25px; width: 1px; height: 71px; background-color: #b6b6b6;}
.foot .content .mid .ts:after{ content: ""; position: absolute; right: 0; top: 25px; width: 1px; height: 71px; background-color: #b6b6b6;}
.foot .bottom{ width: 100%; height: 75px; line-height: 75px; text-align: center; color: #999; font-size: 16px;}
.foot .bottom a{ color: #999;}