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

/*more-title*/

.more-title{ width: 1200px; margin: 55px auto 25px; text-align: center; background: url(../images/moretitlebg.png)no-repeat center 25px; height: 98px;}
.more-title p{ font-size: 32px; font-weight: bold; color: #0064b9; margin-bottom: 5px;}
.more-title b{ font-size: 18px; color: #333;}

/*tywidth*/

.tywidth{ width: 1200px; margin: 0 auto;}

/*header*/

.header{ width: 100%; position: relative; z-index: 12;}
.header .h_nr_1{ width: inherit; position: relative;}
.header .header_top{ height: 40px; line-height: 40px;}
.header .header_top .header_left{font-size: 14px; color: #666;}
.header .header_top .blx{ position: absolute; left: 0; bottom: -2px; background: url(../images/headbl.png)no-repeat; width: 100%; height: 6px;}
.header .header_top .header_right a{ font-size: 14px; color: #666;}
.header .header_top .header_right i{ font-size: 14px; color: #666;margin: 0 27px 0 30px;}
.header .header_top .header_right a:hover{ color: #333;}

/*header h_nr_2*/

.header .h_nr_2{ width: inherit;}
.header .h_nr_2 .zb{ padding: 40px 0 20px; height: 138px;position: relative;}
.header .h_nr_2 .zb>div{ display: inline-block; vertical-align: middle;}
.header .h_nr_2 .zb .left{ line-height: 0; margin-right: 22px;}
.header .h_nr_2 .zb .wb p{ color: #333; font-size: 24px; line-height: 25px;}
.header .h_nr_2 .zb .wb p b{ color: #0064b9; font-weight: bold;}
.header .h_nr_2 .zb .wb p + p > i{ color: #333; font-size: 18px;}
.header .h_nr_2 .right{ position: relative; float: right; margin: -5px 0 0 0;}
.header .h_nr_2 .right .rxnr>div{ display: inline-block; vertical-align: top; text-align: center;}
.header .h_nr_2 .right > div p{ color: #333; font-size: 16px; line-height: 26px; text-align: left;}
.header .h_nr_2 .right > div p+p{ font-size: 30px;color: #0064b9; font-family: 汉真广标;line-height: 30px;}
.header .h_nr_2 .right .img{ margin: 28px 7px 0 0;}
.header .h_nr_2 .alibaba{ position: absolute; right: 162px; top: 0; margin: 43px 130px 0 0; z-index: 15;}
.header .h_nr_2 .alibaba a:before{ content: ""; display: inline-block; vertical-align: middle; background: url(../images/alibb.png)no-repeat; width: 30px; height: 30px; margin: -5px 0 0 0; -webkit-animation: bounce-up 1.3s linear infinite;animation: bounce-up 1.3s linear infinite; -moz-animation: bounce-up 1.3s linear infinite; -ms-animation: bounce-up 1.3s linear infinite; -o-animation: bounce-up 1.3s linear infinite;}
@keyframes scratchy{ 0%{ background-position: 0 0;}
	25%{ background-position: 0 0;}
	26%{ background-position: 20px -20px;}
	50%{ background-position: 20px -20px;}
	51%{ background-position: 40px -40px;}
	75%{ background-position: 40px -40px;}
	76%{ background-position: 60px -60px;}
	99%{ background-position: 60px -60px;}
	100%{ background-position: 0 0;}
	}

/* 添加兼容性前缀 */

@-webkit-keyframes scratchy{ 0%{ background-position: 0 0;}
	25%{ background-position: 0 0;}
	26%{ background-position: 20px -20px;}
	50%{ background-position: 20px -20px;}
	51%{ background-position: 40px -40px;}
	75%{ background-position: 40px -40px;}
	76%{ background-position: 60px -60px;}
	99%{ background-position: 60px -60px;}
	100%{ background-position: 0 0;}
	}
@-moz-keyframes scratchy{ 0%{ background-position: 0 0;}
	25%{ background-position: 0 0;}
	26%{ background-position: 20px -20px;}
	50%{ background-position: 20px -20px;}
	51%{ background-position: 40px -40px;}
	75%{ background-position: 40px -40px;}
	76%{ background-position: 60px -60px;}
	99%{ background-position: 60px -60px;}
	100%{ background-position: 0 0;}
	}
@-ms-keyframes scratchy{ 0%{ background-position: 0 0;}
	25%{ background-position: 0 0;}
	26%{ background-position: 20px -20px;}
	50%{ background-position: 20px -20px;}
	51%{ background-position: 40px -40px;}
	75%{ background-position: 40px -40px;}
	76%{ background-position: 60px -60px;}
	99%{ background-position: 60px -60px;}
	100%{ background-position: 0 0;}
	}
@-o-keyframes scratchy{ 0%{ background-position: 0 0;}
	25%{ background-position: 0 0;}
	26%{ background-position: 20px -20px;}
	50%{ background-position: 20px -20px;}
	51%{ background-position: 40px -40px;}
	75%{ background-position: 40px -40px;}
	76%{ background-position: 60px -60px;}
	99%{ background-position: 60px -60px;}
	100%{ background-position: 0 0;}
	}
.header .h_nr_2 .alibaba .shake{ display: block; color: #0064b9; font-family: cursive; font-weight: 900; font-size: 25px; background: linear-gradient(left, #333, #e82d2e); background: -webkit-linear-gradient(left, #333, #e82d2e); background: -o-linear-gradient(right, #0064b9, #e82d2e); -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: scratchy 1s linear forwards infinite;
	/* 其它浏览器兼容性前缀 */
	-webkit-animation: scratchy 1s linear forwards infinite; -moz-animation: scratchy 1s linear forwards infinite; -ms-animation: scratchy 1s linear forwards infinite; -o-animation: scratchy 1s linear forwards infinite;}
@-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);}
	}

/*header nav*/

.header .nav{ width: 100%; background: url(../images/navbg.png)no-repeat; background: url(../images/navbg.png)\9 no-repeat; height: 60px; line-height: 60px; overflow: hidden;}
.header .nav ul li{ float: left;position: relative;}
.header .nav ul li:after{ background: #0064b9; right: 0;}
.header .nav ul li:after,.header .nav .nav-content ul li a p:after{ content: ""; width: 1px; height: 100%; position: absolute; top: 0; z-index: 12;}
.header .nav .nav-content ul li a p:after{ right: -24px;}
.header .nav .nav-content ul .tsli:after,.header .nav .nav-content ul .tsli p:after{ display: none;}
.header .nav .nav-content ul li a p{ position: relative;}
.header .nav .nav-content ul li a{ color: #fff;padding: 0 23px; font-size: 16px; position: relative; display: inline-block;}
.header .nav .nav-content ul .tsli{ margin: 0;}
.header .nav .nav-content ul li.on a,.header .nav .nav-content ul li:hover a{ background: #e82d2e;}

/*首页banner*/

.banner-index{ line-height: 0;height: 600px;overflow: hidden;}
.banner-index img{ width: 100%;}
.slideBox{ width: 100%; height: auto; overflow: hidden; position: relative;}
.slideBox .hd{ height: 10px; overflow: hidden; position: absolute; left: 45%; bottom: 40px; z-index: 1;}
.slideBox .hd ul{ overflow: hidden; zoom: 1; float: left;}
.slideBox .hd ul li{ float: left; background-color: #fff; width: 40px; height: 10px; margin-right: 15px; cursor: pointer;border-radius: 5px;}
.slideBox .hd ul li.on{ background-color: #0064b9;}
.banner-index .slideBox .bd img{ width: 100%;}

/*search*/

.search{ width: 100%; position: relative;background: #f5f5f5;}
.search-content{height: 65px; line-height: 65px;}
.search-keywords{ display: inline-block;}
.search-keywords span img{ margin-right: 5px;}
.search-keywords span{font-weight: bold;color: #666; font-size: 14px;}
.search-keywords a{ color: #666; font-size: 14px;}
.search-keywords i{ color: #666; font-size: 14px; margin: 0 2px 0 5px;}
.search-keywords a:hover{ color: #0064b9; text-decoration: underline;}
#searchForm{ background: url(../images/search.png)no-repeat; background: url(../images/search.png)\9 no-repeat; width: 311px; height: 32px; vertical-align: top;margin: 15px 0 0;}
.search-form{ display: inline-block; float: right;}
#searchForm .search-input{ vertical-align: top; line-height: 32px; background: none; border: none; height: 32px; color: #cfd2d2; outline: none; width: 84%; text-indent: 10px;}
.search-form #s_btn{ background: none; width: 51px; height: 32px; text-align: center; color: #fff; outline: none; border: none; cursor: pointer; margin: 0px 0 0 -5px; display: inline-block; vertical-align: top;}
#searchForm .search-input::-webkit-input-placeholder{/* WebKit browsers */
	color: #cfd2d2;}
#searchForm .search-input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */
	color: #cfd2d2;}
#searchForm .search-input::-moz-placeholder{/* Mozilla Firefox 19+ */
	color: #cfd2d2;}
#searchForm .search-input:-ms-input-placeholder{/* Internet Explorer 10+ */
	color: #cfd2d2;}

/*solution*/

.solution .nr ul li{ float: left; background: url(../images/solutionbg1.png)no-repeat; width: 367px; height: 454px; position: relative; margin-right: 49px;}
.solution .nr ul li:hover .js{ background: url(../images/solutionbg3.png)no-repeat;}
.solution .nr ul li .js{ position: absolute; right: 0; bottom: 0; z-index: 12; width: 346px; height: 285px; background: url(../images/solutionbg2.png)no-repeat; text-align: center; padding: 125px 15px 0;}
.solution .nr ul li .js dt{ color: #040404; font-size: 20px; font-weight: bold; margin-bottom: 10px;}
.solution .nr ul li .js dd{ color: #333; font-size: 14px; line-height: 30px; width: 275px; margin: 0 auto;}
.solution .nr ul li:hover .js dt,.solution .nr ul li:hover .js dd{ color: #fff!important;}
.solution .nr ul li:first-child+li+li{ margin-right: 0;}

/*product*/

.product{ background: url(../images/probg.png)repeat; background: url(../images/probg.png)\9 repeat; width: 100%; background-size: cover; padding: 45px 0; margin: 45px 0 0;}
.product .pro-left{ width: 240px;}
.product .pro-left .top{ width: 240px; background: #0064b9; height: 115px; padding: 25px 0 0 20px;}
.product .pro-left .top dt{ color: #fff; font-size: 18px;line-height: 18px;}
.product .pro-left .top dd{ color: #fff; font-size: 18px; font-family: arial; text-transform: uppercase;line-height: 18px;}
.product .pro-left .top b{ color: #fff; font-size: 22px; font-weight: bold;line-height: 40px;display: block;}
.product .pro-left .kk{ border: 4px solid #dedede; border-top: none;padding: 15px 10px 25px;}
.product .pro-left .kk .sideMenu ul li{ border-bottom: 1px dashed #f0efef; padding: 0 0 6px 25px; margin-top: 10px;}
.product .pro-left .kk .sideMenu ul li a{ color: #333; font-size: 14px;}
.product .pro-left .kk .sideMenu ul li a:before{ content: ""; background: url(../images/proicon.png)no-repeat; width: 10px; height: 10px; display: inline-block; vertical-align: middle; margin: -3px 5px 0 0;}
.product .pro-left .kk .sideMenu ul li a:hover{ color: #e82d2e;}
.product .pro-left .kk .sideMenu h3{ width: 213px; height: 45px; line-height: 45px; border-radius: 22px; margin: 15px auto 20px; background: #0064b9; padding: 0 0 0 40px;}
.product .pro-left .kk .sideMenu h3 a{ color: #fff; font-size: 16px;}
.product .pro-left .kk .sideMenu h3 i{ background: url(../images/fk1.png)no-repeat; width: 11px; height: 7px; float: right; margin: 20px;}
.product .pro-left .kk .sideMenu h3:hover{ background: #e82d2e;}
.product .right{ width: 935px; margin-left: 25px;}
.product .right .tjcp{ padding: 12px 0; border-bottom: 2px solid #0064b9;margin-bottom: 20px;}
.product .right .tjcp .zz img{ vertical-align: middle;}
.product .right .tjcp .zz b{ display: inline-block; vertical-align: middle; color: #0064b9; font-size: 22px; font-weight: bold; margin: 0 5px 0;}
.product .right .tjcp .zz i{ display: inline-block; vertical-align: bottom; color: #666; font-size: 16px;}
.product .right .tjcp .more{ display: inline-block; vertical-align: middle; background: url(../images/more1.png)no-repeat; width: 53px; height: 15px; margin: 15px 5px 0 0;}
.product .right ul li{ float: left; width: 305px; margin: 0 10px 20px 0;}
.product .right ul li:first-child+li+li,.product .right ul li:first-child+li+li+li+li+li,.product .right ul li:first-child+li+li+li+li+li+li+li+li,.product .right ul li:first-child+li+li+li+li+li+li+li+li+li+li+li{ margin-right: 0;}
.product .right ul li .pic{ width: 305px; height: 229px; overflow: hidden; border: 1px solid #ccc;}
.product .right ul li .pic img{ width: 100%;}
.product .right ul li .mc{ color: #666; font-size: 14px; line-height: 14px; margin: 10px 0 0; text-align: center;}
.product .right ul li:hover .mc{ color: #0064b9;}

/*smallbanner*/

.smallbanner1{ background: #0064b9; width: 100%; height: 200px;}
.smallbanner1 .nr{ padding: 30px 0 0 30px;}
.smallbanner1 .nr .left p{ color: #fff; font-size: 28px; line-height: 28px; margin: 10px 0;}
.smallbanner1 .nr .left .rx>div{ display: inline-block; vertical-align: top;}
.smallbanner1 .nr .left .rx .text{ color: #fff; font-size: 18px; margin: 0 0 0 7px;}
.smallbanner1 .nr .left .rx .text b{ font-weight: bold; font-size: 26px;}
.smallbanner1 .nr .right ul li{ background: url(../images/ty1.png)no-repeat; width: 143px; height: 143px; text-align: center; float: left; padding: 25px 0 0;}
.smallbanner1 .nr .right ul li .icon{ height: 63px;}
.smallbanner1 .nr .right ul li b{ font-weight: bold; font-size: 16px; color: #fff;}
.smallbanner1 .nr .right ul li:first-child+li{ margin: 0 25px 0;}
.smallbanner1 .nr .right{ padding-right: 60px;}

/*ys*/

.ysbg{ background: url(../images/ysbg.png)no-repeat; background: url(../images/ysbg.png)\9 no-repeat; height: 847px; width: 100%; background-size: cover; position: absolute; bottom: 0;}
.ys{ position: relative; height: 1160px;}
.ys .nr{ padding: 30px 0 0;position: relative;z-index: 15;}
.ys .nr ul li .wbjs{ width: 592px; padding: 0 0 0 10px;}
.ys .nr ul li .wbjs,.ys .nr ul li .pic{ display: inline-block; vertical-align: middle;}
.ys .nr ul li .wbjs dl dt>div{ display: inline-block; vertical-align: top}
.ys .nr ul li .wbjs dl dt .icon{ margin-right: 17px;}
.ys .nr ul li .wbjs dl dt .bt h5{ color: #222; font-weight: bold; font-size: 26px; line-height: 26px; margin: 0 0 6px 0;}
.ys .nr ul li .wbjs dl dt .bt h5 b{ font-weight: bold; color: #e82d2e;}
.ys .nr ul li .wbjs dl dt{ margin-bottom: 35px;}
.ys .nr ul li .wbjs dl dt .bt h6{ color: #ccc; line-height: 16px; font-size: 16px;}
.ys .nr ul li .wbjs dl dd{ padding: 0 0 0 25px; margin-bottom: 10px;}
.ys .nr ul li .wbjs dl dd span{ color: #333;}
.ys .nr ul li .wbjs dl dd i{ color: #333; width: 480px; display: inline-block; vertical-align: top; font-size: 14px; line-height: 26px;}
.ys .nr ul li .wbjs dl dd:before{ content: ""; background: url(../images/ystb.png)no-repeat; width: 9px; height: 9px; display: inline-block; vertical-align: top; margin: 9px 17px 0 0; position: relative;z-index: 15;}
.ys .nr ul li .wbjs dl{ margin-bottom: 35px;position: relative;}
.ys .nr ul li .wbjs dl:before{ content: ""; height: 85px; border-right: 1px dashed #ccc; position: absolute; left: 29px; top: 104px;}

/*feedback*/

.feedback{ background: url(../images/feedbackbg.png)no-repeat; width: 1214px; height: 382px; margin: 50px auto 0; padding: 20px 0 0;}
.feedback .left{ padding: 10px 0 0;}
.feedback .left ul{ background: url(../images/lcbgxian.png)no-repeat 0 60px; width: 559px; height: 245px;}
.feedback .left ul li{ background: url(../images/lcbg.png)no-repeat; width: 140px; height: 134px; float: left; text-align: center; margin: 0 47px 30px 0;}
.feedback .left ul li .pic{ width: 140px; height: 95px; overflow: hidden;}
.feedback .left ul li .text{ color: #fff; font-size: 14px; height: 39px; line-height: 32px;}
.feedback .left ul li .text i{ display: block; line-height: 16px;}
.feedback .img{ margin: 0 5px 0 30px;}
.feedback .nr .right{ width: 280px;}
.feedback .nr .right .top img{ vertical-align: middle; margin: 0 5px 0 0;}
.feedback .nr .right .top{ color: #0064b9; font-size: 30px; text-align: center; margin: 0 0 15px 0;}
.feedback .nr .right form .inputlist span{ display: inline-block; vertical-align: middle; float: left; margin: 0 10px 0 0;}
.feedback .nr .right form .inputlist{ width: 280px; height: 30px; background: #fff; border: 1px solid #D8D8D8; line-height: 30px; overflow: hidden; padding: 0 0 0 10px;}
.feedback .nr .right form .inputlist input{ width: 90%; height: 30px; border: none; outline: none; color: #ccc; font-size: 14px; line-height: 30px;}
.feedback .nr .right form .inputlistly{ height: 60px;}
.feedback .nr .right form .inputlist textarea{ width: 90%; font-family: "微软雅黑"; height: 100%; resize: none; overflow: hidden; color: #ccc; font-size: 14px;display: inline-block; vertical-align: top; outline: none; border: none;}
.feedback .nr .right form .inputlist{ margin-bottom: 10px; position: relative;}
.feedback .nr .right form #msgLeft_Btn{ cursor: pointer; background: url(../images/more2.png)no-repeat; width: 160px; height: 30px; line-height: 30px; text-align: center; color: #fff; font-size: 14px;}
.feedback .nr .right form .inputlist input::-webkit-input-placeholder{/* WebKit browsers */
	color: #ccc; font-size: 14px;}
.feedback .nr .right form .inputlist input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */
	color: #ccc; font-size: 14px;}
.feedback .nr .right form .inputlist input::-moz-placeholder{/* Mozilla Firefox 19+ */
	color: #ccc; font-size: 14px;}
.feedback .nr .right form .inputlist input:-ms-input-placeholder{/* Internet Explorer 10+ */
	color: #ccc; font-size: 14px;}
.feedback .nr .right form .inputlist textarea::-webkit-input-placeholder{/* WebKit browsers */
	color: #ccc; font-size: 14px;}
.feedback .nr .right form .inputlist textarea:-moz-placeholder{/* Mozilla Firefox 4 to 18 */
	color: #ccc; font-size: 14px;}
.feedback .nr .right form .inputlist textarea::-moz-placeholder{/* Mozilla Firefox 19+ */
	color: #ccc; font-size: 14px;}
.feedback .nr .right form .inputlist textarea:-ms-input-placeholder{/* Internet Explorer 10+ */
	color: #ccc; font-size: 14px;}
.feedback .nr .right form .sub{ margin: 15px 0 0 0;}
.feedback .nr .right form .sub #msgLeft_Btn:hover{ color: #fabf00;}

/*case*/

.case .more-title{ background: url(../images/moretitlecasebg.png)no-repeat center 25px; height: 98px;}
.case .nr .hd .by{ color: #fff; font-size: 24px; background: url(../images/casehdbg.png)no-repeat; width: 260px; height: 92px; padding: 40px 0 0 20px; border-bottom: 1px solid #fff;}
.case .nr .hd ul li,.case .nr .hd ul .tsli{ width: 260px; height: 51px; line-height: 51px; background: #f2f2f2; padding-left: 20px; display: block; border-bottom: 1px solid #fff;}
.case .nr .hd ul .bg2{ background: #e6e6e6;}
.case .nr .hd ul li i,.case .nr .hd ul .tsli i{ color: #333; font-size: 16px;}
.case .nr .hd ul li i:before,.case .nr .hd ul .tsli i:before{ content: ""; background: url(../images/caseicon1.png)no-repeat; width: 20px; height: 20px; display: inline-block; vertical-align: middle; margin: -3px 7px 0 0;}
.case .nr .hd ul li.on,.case .nr .hd ul .tsli:hover{ background: #e82d2e;}
.case .nr .hd ul li.on i,.case .nr .hd ul .tsli:hover i{ color: #fff; font-size: 18px; font-weight: bold;}
.case .nr .hd ul li.on i:before,.case .nr .hd ul .tsli:hover i:before{ background: url(../images/caseicon2.png)no-repeat;}
.case .nr .bd{ width: 920px; margin: 0 0 0 20px;}
.case .nr .bd .pic{ width: 531px; height: 398px; overflow: hidden;}
.case .nr .bd .pic:hover img{ transform: scale(1.1, 1.1); transition-duration: 300ms;}
.case .nr .bd .pic img{ width: 100%;}
.case .nr .bd .right{ width: 389px; height: 398px; padding: 15px 0 30px 0;}
.case .nr .bd .right .text{ padding: 35px 10px 0 20px; background: #0064b9; height: 100%;}
.case .nr .bd .right .text dt h6{ color: #fff; font-size: 20px; line-height: 20px; font-weight: bold;}
.case .nr .bd .right .text dt hr{ width: 33px; height: 2px; outline: none; border: none; display: inline-block; vertical-align: top; background: #fff; margin: 15px 0 20px;}
.case .nr .bd .right .text dd p{ color: #fff; font-size: 18px; line-height: 18px; margin: 0 0 15px;}
.case .nr .bd .right .text dd i{ color: #fff; font-size: 14px; line-height: 30px; display: block;}
.case .nr .bd .right .text dd .more{ margin: 10px 0 0; width: 110px; height: 30px; line-height: 30px; text-align: center; display: inline-block; vertical-align: top; color: #fff; font-size: 14px; border-radius: 5px; border: 1px solid #fff;}
.case .nr .bd .right .text dd .more:hover{ color: #e82d2e;}

/*smallbanner*/

.smallbanner2{ margin: 50px 0 0; background: url(../images/smbanner2.png)no-repeat; background: url(../images/smbanner2.png)\9 no-repeat; width: 100%; height: 220px; background-size: cover;}
.smallbanner2 .nr{ padding: 45px 0 0 0;}
.smallbanner2 .nr .left ul li{ width: 108px; text-align: center; float: left; margin: 0 10px 0 0;}
.smallbanner2 .nr .left ul li .icon{ background: url(../images/siconbg.png)no-repeat; width: 108px; height: 107px; line-height: 107px;margin-bottom: 15px;}
.smallbanner2 .nr .left ul li .icon img{ vertical-align: middle;}
.smallbanner2 .nr .left ul li b{ font-size: 16px; color: #fff;line-height: 16px;}
.smallbanner2 .nr .right{ text-align: right;}
.smallbanner2 .nr .right p{ color: #fff; font-size: 22px; line-height: 22px; margin: 15px 0;}
.smallbanner2 .nr .right .rx>div{ display: inline-block; vertical-align: top;}
.smallbanner2 .nr .right .rx .text{ color: #fff; font-size: 18px; margin: 0 0 0 7px;}
.smallbanner2 .nr .right .rx .text b{ font-weight: bold; font-size: 26px;}

/*album dg-container*/

.album{ position: relative; padding: 50px 0 0; height: 670px;margin-bottom: 30px;}
.album .bg{ position: absolute; left: 0; bottom: 0; background: url(../images/albumbg.png)no-repeat; background: url(../images/albumbg.png)\9 no-repeat; width: 100%; height: 194px; background-size: cover;}
.album .more-title{ background: url(../images/moretitlealbumbg.png)no-repeat center 25px; height: 98px; margin: 0 auto 45px;}
section, nav{ display: block;}
.dg-container{width: 100%;position: relative;z-index: 15;}
.dg-wrapper{width: 426px;height: 300px;margin: 0 auto;position: relative; -webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d; -o-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d; -webkit-perspective: 600px;-moz-perspective: 600px;-o-perspective: 600px;-ms-perspective: 600px;perspective: 600px;}
.dg-wrapper a{width: 390px;height: 350px;display: block; position: absolute;left: 0;top: 0;border: 0px solid #e6e6e6;box-sizing: border-box;}
.dg-wrapper a.dg-transition{-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.dg-wrapper a img{display: block;width: 370px;height: 284px;box-sizing: border-box;border: 8px solid #e6e6e6;}
.dg-wrapper a span{background: #e6e6e6;opacity: 1;display: block; width: 390px;height: 60px; line-height: 60px;position: absolute;top: 305px;text-align: center;color: #666; font-size: 16px;}
.dg-container nav{top: 0px;width: 1200px;position: absolute;z-index: 1000;bottom: 100px;color: #fff;}
.dg-container nav span{float: left; opacity: 0;cursor: pointer;width: 420px;height: 360px;background-color: #192da0;}
.dg-container nav span:hover{background-color: #192DA0;}
.dg-container nav span.dg-next{float: right;}
.dg-container .dg-wrapper .dg-center{ background: #0064b9;}
.dg-container .dg-wrapper .dg-center span{ background: #0064b9; color: #fff;}
.dg-container .dg-wrapper .dg-center img{ box-sizing: border-box; border: 8px solid #0064b9; background: #e6e6e6;}

/*about*/

.about{ width: 100%; height: 711px; background: url(../images/aboutbg.png)no-repeat; background: url(../images/aboutbg.png)no-repeat; background-size: cover; padding: 30px 0 0;}
.about .more-title{ background: url(../images/moretitlegybg.png)no-repeat center 25px; height: 98px;}
.about .nr{ background: url(../images/aboutnrbg.png)no-repeat; height: 514px;overflow: hidden;}
.about .nr .left{ width: 601px; padding: 30px 0 0 27px;}
.about .nr .left dd{ float: left; width: 287px; height: 210px; overflow: hidden;}
.about .nr .left dd img{ width: 100%;}
.about .nr .right{ width: 599px; padding: 90px 40px 0 25px; height: 514px;}
.about .nr .right dt{ height: 135px;}
.about .nr .right dt p{ color: #e3e2e2; font-weight: bold; font-size: 50px; line-height: 38px; font-family: arial;}
.about .nr .right dt b{ color: #0064b9; font-weight: bold; font-size: 34px; line-height: 34px; display: block; margin: 5px 0 10px;}
.about .nr .right dt hr{ width: 73px; height: 3px; border: none; outline: none; display: inline-block; vertical-align: top; background: #333;}
.about .nr .right dd{ color: #fff; text-align: justify; font-size: 14px; line-height: 30px; padding: 30px 0 0;}
.about .nr .right .more{ width: 110px; height: 30px; line-height: 30px; text-align: center; display: inline-block; vertical-align: top; background: #fff; color: #333; font-size: 14px; border-radius: 15px;}
.about .nr .right .more:hover{ color: #333;}

/*honor*/

.honor{ padding: 30px 0 0;}
.honor .top{ margin-bottom: 25px; border-bottom: 1px solid #ccc; padding-bottom: 5px; height: 39px; line-height: 39px;}
.honor .top .zz{ color: #333; font-weight: bold; font-size: 22px;}
.honor .top .zz img{ vertical-align: middle; margin: 0 7px 0 0;}
.honor .top .yy a{ display: inline-block; vertical-align: middle; background: url(../images/more1.png)no-repeat; width: 53px; height: 15px;}
.honor .nr{ position: relative;}
.honor .nr .btn{ position: absolute; width: 32px; height: 79px; z-index: 12; top: 95px; cursor: pointer;}
.honor .nr .bd{ margin: 0 45px; overflow: hidden;}
.honor .nr .bd ul li .pic{ width: 204px; height: 268px; line-height: 0; border: 1px solid #ccc; overflow: hidden;}
.honor .nr .bd ul li{ float: left; text-align: center; width: 204px; margin-right: 20px;}
.honor .nr .bd ul li .pic img{ width: 100%;}
.honor .nr .bd ul li p{ color: #666; font-size: 14px; line-height: 14px; margin: 10px 0 0;}
.honor .nr .prev{ left: 0;}
.honor .nr .next{ right: 0;}
.honor .nr .bd ul li:hover p{ color: #333;}

/*new*/

.new{padding: 55px 0 0;}
.new .left{ width: 720px;}
.new .left .hd ul{ height: 60px; border-bottom: 1px solid #cacaca;}
.new .left .hd ul li{ float: left;width: 157px;position: relative;margin-right: 65px;cursor: default;}
.new .left .hd ul li:before,.new .right .top .zz:before{ content: ""; width: 100%; height: 1px; background: #e82d2e; position: absolute; left: 0; bottom: -21px; visibility: hidden; z-index: 15;}
.new .left .hd ul li.on:before{ visibility: visible;}
.new .left .hd ul li>div,.new .right .top .zz>div{ display: inline-block; vertical-align: top;}
.new .left .hd ul li .icon{ position: relative; width: 31px; height: 33px;margin: 0 3px 0 0;}
.new .left .hd ul li .icon img{ position: absolute; left: 0; top: 0;}
.new .left .hd ul li .icon .img2{ visibility: hidden;}
.new .left .hd ul li.on .icon .img1{ visibility: hidden;}
.new .left .hd ul li.on .icon .img2{ visibility: visible;}
.new .left .hd ul li .text p,.new .right .top .zz .text p{ color: #666; font-size: 20px; line-height: 21px; font-weight: bold;}
.new .left .hd ul li .text b,.new .right .top .zz .text b{ color: #aaa; font-size: 12px; text-transform: uppercase; line-height: 12px;}
.new .left .hd ul li.on .text p{ color: #0064b9;}
.new .left .bd ul li .js{ padding: 30px 20px 20px 0; border-bottom: 1px solid #f0f0f0;}
.new .left .bd ul li .js>div{ display: inline-block; vertical-align: top;}
.new .left .bd ul li .js .pic{ width: 320px; height: 180px; border: 1px solid #ccc; overflow: hidden; margin-right: 27px;}
.new .left .bd ul li .js .pic img{ width: 100%;}
.new .left .bd ul li .js .wb{ width: 349px;}
.new .left .bd ul li .js .wb p a{ color: #333; font-size: 18px; line-height: 18px;font-weight: bold;}
.new .left .bd ul li .js .wb dd{ margin: 15px 0 0; height: 95px; color: #666; font-size: 14px; line-height: 22px;}
.new .left .bd ul li .js .wb .more{ width: 135px; height: 40px; line-height: 40px; text-align: center; display: inline-block; vertical-align: top; background: #333; color: #fff; font-size: 14px; border-radius: 20px;}
.new .left .bd ul li .newlist dd{ width: 350px; float: left;border-bottom: 1px dashed #f0f0f0;padding: 0 0 20px 0;margin: 20px 20px 0 0;}
.new .left .bd ul li .newlist dd:first-child+dd,.new .left .bd ul li .newlist dd:first-child+dd+dd+dd{ margin-right: 0;}
.new .left .bd ul li .newlist dd>div{ display: inline-block; vertical-align: middle;}
.new .left .bd ul li .newlist dd .date b{ color: #666; font-size: 24px; line-height: 24px; display: block; margin: 0 0 5px 0;}
.new .left .bd ul li .newlist dd .date i{ color: #636363; font-size: 16px; line-height: 16px;}
.new .left .bd ul li .newlist dd .date{ border-right: 1px solid #868686; padding-right: 20px; margin-right: 17px;}
.new .left .bd ul li .newlist dd .information a{ color: #333; font-size: 14px; line-height: 22px;}
.new .left .bd ul li .newlist dd .information a:hover{ color: #333;}
.new .left .bd ul li .js .wb .more:hover{ background: #e82d2e;}
.new .xian{ margin: 30px 36px 0;}
.new .right{ width: 390px;}
.new .right .top{ height: 60px; border-bottom: 1px solid #cacaca;}
.new .right .top .zz{ position: relative; width: 138px;}
.new .right .top .zz:before{ visibility: visible;}
.new .right .top .zz .icon{ width: 35px; height: 35px;}
.new .right .top .zz .text p{ color: #0064b9;}
.new .right .top .yy a{ margin: 10px 0 0; display: inline-block; vertical-align: middle; background: url(../images/more1.png)no-repeat; width: 53px; height: 15px;}
.new .right .lbnew{ margin: 10px 0 0 0; overflow: hidden; height: 395px;}
.new .right .lbnew ul li .question{ background: url(../images/newkk.png)no-repeat; width: 390px; height: 51px; line-height: 45px; padding: 0 0 0 20px; margin: 0 0 5px 0;}
.new .right .lbnew ul li{ margin-bottom: 15px;height: 122px!important;}
.new .right .lbnew ul li .question a{ color: #414141; font-size: 14px;}
.new .right .lbnew ul li .reply{ color: #666; font-size: 14px; line-height: 22px;}
.new .right .lbnew ul li .question a:hover{ color: #333;}
.new .right .lbnew ul li .reply:hover{ text-decoration: underline;}

/*foot*/

.foot{ background: #0064b9; margin: 50px 0 0;}

/*foot link*/

.foot .link{ width: 100%; height: 75px; line-height: 75px; background: #cdcdcd;}
.frilist ul li a{ font-size: 14px; color: #fff;}
.frilist .by{ display: inline-block; vertical-align: top; line-height: 20px; padding: 20px 0 0 0;}
.frilist .by b{ font-size: 18px; color: #fff; font-weight: bold;}
.frilist .by p a{ font-size: 14px; color: #fff;}
.frilist ul{ margin-left: 30px;display: inline-block; vertical-align: top;}
.frilist ul li{ float: left; margin-right: 25px;}
.frilist ul li a:hover{ color: #e82d2e;}

/*foot content*/

.foot .content{ padding: 50px 0 25px;}
.foot .content .left{ width: 400px;}
.foot .content .left dl dd{ font-size: 14px; color: #fff; line-height: 34px;}
.foot .content .zb{ width: 260px;}
.foot .content .zb dt{ position: relative; width: 240px; border-bottom: 1px solid #fff; font-size: 16px; color: #fff; padding: 0 0 5px 0; margin: 0 0 10px 0;}
.foot .content .zb dt i{ text-transform: uppercase; font-size: 14px; font-family: arial; margin: 3px 5px 0 0;}
.foot .content .zb .dl>dl{ float: left; width: 50%;}
.foot .content .zb .dl dl dd{ line-height: 29px;}
.foot .content .zb .dl dl dd a{ font-size: 14px; color: #fff;}
.foot .content .zb .dl dl:first-child+dl{ padding: 0 0 0 30px;}
.foot .content .right{ padding: 5px 50px 0 0; overflow: hidden;}
.foot .content .right>div{ display: inline-block; vertical-align: top; text-align: center;}
.foot .content .right .pic p{ font-size: 14px; color: #f6f6f6; line-height: 14px; margin: 10px 0 0;}

/*foot bottom*/

.foot .bottom{ width: 100%; height: 45px; line-height: 45px;}
.foot .bottom .db{ text-align: center; color: #fff; font-size: 14px;border-top: 1px solid #fff;}
.foot .bottom .db a{ color: #fff; font-size: 14px;}
.foot .content .zb .dl dl dd a:hover,.foot .bottom .db a:hover{ color: #e82d2e;}

/*btn_top*/

#btn_top ul{ overflow: hidden;}
#btn_top li{ float: left; margin-left: 10px;}
#btn_top li img{ display: block;}
#btn_top{ width: 43px; height: 43px; overflow: hidden; position: fixed; top: 85%; right: 51%; margin-right: -675px; cursor: pointer; display: none;}
#btn_top h4{ width: 43px; height: 43px; overflow: hidden; position: relative;}
#btn_top img{ display: block; position: absolute; top: 0; left: 0;}












#css3-animated-example h3 + div {
	height: 0px;
	padding: 0px;
	overflow: hidden;
	background: #fff;
	display: block!important;
	-webkit-transform: translateZ(0);
	-webkit-transition: all 0.3s ease;
	moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition:all 0.3s ease;
	transition: all 0.3s ease;
}
#css3-animated-example .content li{
	margin-bottom: 10px;
	padding-left: 33px;

}
#css3-animated-example .content li a{
	color: #666666;

}
#css3-animated-example .content {
	padding-bottom: 10px;
}

#css3-animated-example h3.open + div {
	height: auto;
	background: #fff;
}