@charset "utf-8";

/*全局控制*/

body {

	margin: 0;

	padding: 0;

	font-size: 16px;

	line-height: 32px;

	font-family: Arial, 'Microsoft Yahei', "微软雅黑";

	-webkit-text-size-adjust: none;

/*	background: #f7f7f7;*/

}

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, p {

	margin: 0;

	padding: 0;

}

input, select, textarea {

	font-size: 16px;s

	line-height: 16px;

	font-family: Arial, 'Microsoft Yahei', "微软雅黑";

}

img {

	border: 0;

}

ul, li {

	list-style-type: none;

}

a {

	color: #333;

	text-decoration: none;

}

a:hover {

	color: #2e3db2

}

.tc {

	text-align: center;

}

.tl {

	text-align: left;

}

.tr {

	text-align: right;

}

.dis {

	display: block;

}

.undis {

	display: none;

}

.fl {

	float: left;

}

.fr {

	float: right;

}

.cl {

	clear: both;

}

.fb {

	font-weight: bold;

}

.fnb {

	font-weight: 200;

	margin-left: -1px;

}

.hr_1, .hr_10 {

	font-size: 1px;

	line-height: 1px;

	clear: both;

	background: #ddd;

}

.hr_1 {

	height: 1px;

}

.hr_10 {

	height: 10px;

}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus {

	outline: none;

}

table {

	border-color: #aaa;

	border-spacing: 0;

	border: 1;

	border-collapse: collapse;

}

.topbg {

	width: 100%;

	height: 32px;

	background: #e6ebef url(../images/topbg.jpg) center center no-repeat;

	overflow: hidden

}

.topinfo {

	margin: 0 auto;

	width: 1320px;

	height: 32px;

	line-height: 32px;

}

.topinfo .toptext {

	font-size: 14px;

	color: #fff;

	float: left;

}

.topinfo .toptext b {

	font-size: 18px;

}

.topinfo .topnav {

	float: right;

}

.topinfo .topnav a {

	color: #fff;

	font-size: 14px;

}

.topinfo .topnav span {

	padding: 0 10px;

	font-size: 14px;

	color: #fff;

}

.topinfo .topnav a i {

	display: inline-block;

	width: 14px;

	height: 12px;

	margin-right: 5px;

}

.topinfo .topnav a i.topemail {

	background: url(../images/topemail.png) center center no-repeat

}

.topinfo .topnav a i.topsearch {

	background: url(../images/topsearch.png) center center no-repeat

}

.tophead {

	width: 100%;

	position: relative;

	z-index: 999;

	background:#efefef;

}

.header {

	width: 1320px;

	margin: 0 auto;

	border-radius: 3px;

	height: 120px;

	background:#efefef;

}

.logo {

	float: left;

	padding-top: 50px;

	width: 270px;

}

.logo a {

	float: left;

	margin-right: 5px;

}

.logo p {

	float: left;

	padding-top: 12px;

	text-align: center;

}

.logo p span {

	padding-top: 5px;

	display: block;

	font-weight: bold;

	font-size: 24px;

	color: #333;

}

.logo p span b {

	color: #2e3db2

}

.header .hd_search {

	position: relative;

	width: 90px;

	height: 90px;

	float: left;

}

.header .hd_search_btn {

	width: 90px;

	height: 90px;

	float: left;

	padding: 0;

	display: block;

	cursor: pointer;

	border: none;

	border-left: 1px solid #ededed;

	color: #5c5c5c;

}

.header .hd_search_box {

	padding: 35px 0;

	line-height: 20px;

	font-size: 16px;

	width: 0;

	position: absolute;

	top: 0;

	right: 90px;

	z-index: 2;

	margin: 0;

	border: none;

	transition: all .5s ease;

	background: #f4f4f4;

}

.header input:-ms-input-placeholder {

color: #f8f8f8;

}

.header .hd_search:hover .hd_search_box {

	width: 600px;

	padding: 35px 0 35px 15px;

}

.header .r_nav {

	width: 253px;

	float: right;

	position: relative;

}

.header .r_nav:after {

	content: " ";

	display: block;

	position: absolute;

	left: 253px;

	top: 0;

	background: #2e3db2;

	width: calc( 50vw - 684px);

	height: 90px;

}

.header .r_nav .visitor {

	width: 100px;

	height: 90px;

	float: left;

	padding-left: 63px;

	background: #2e3db2 url(../images/topfadz.png) 40px center no-repeat;

}

.header .r_nav .visitor .pro_order_btn {

	cursor: pointer;

	width: 163px;

	color: #fff;

	font-size: 16px;

	line-height: 90px;

	height: 90px;

}

.header .hd_search .topfadz {

	display: inline-block;

	width: 90px;

	height: 90px;

	font-size: 18px;

	background: #fff url(../images/topsearch.png) center center no-repeat;

}

.wrap {

	width: 1320px;

	margin: 0 auto;

}

.inav_wrapper {

	width: 800px;

	float: left;

	box-sizing: border-box;

}

.inav_wrapper .inav .nav_li {

	display: inline-block;

	float: left;

	width: 120px;

	text-align: center;

	padding-top: 46px;

}

.nav_li em{font-size:12px;color:#9e9e9e;font-style:normal;display:block;}

.inav_wrapper .inav .nav_li>a {

	display: block;

	font-size: 16px;

	color: #333;

	line-height: 30px;

	position: relative;

}

.inav_wrapper .inav .nav_li>a:before {

	content: "";

	background: #2e3db2;

	display: block;

	height: 4px;

	width: 0;

	position: absolute;

	border-bottom-left-radius: 4px;

	border-bottom-right-radius: 4px;

	left: 50%;

	top: -46px;

	transition: all 0.5s ease;

}

.inav_wrapper .inav .nav_li>a:hover {

	color: #2e3db2;

}

.inav_wrapper .inav .nav_li>a:hover:before {

	width: 100%;

	left: 0;

}

.inav_wrapper .inav .nav_li>a i.nav-arrow {

	position: absolute;

	top: 11px;

	right: 6px;

	display: inline-block;

	width: 11px;

	height: 6px;

	background: #2e3db2 url(../images/nav-arrow.png) left center no-repeat;

	transition: all 0.5s ease;

}

.inav_wrapper .inav .nav_li>a:hover i.nav-arrow {

	background: #2e3db2 url(../images/nav-arrow.png) left center no-repeat;

	transform: rotate(180deg);

	-ms-transform: rotate(180deg); /* IE 9 */

	-webkit-transform: rotate(180deg);

}

.inav_wrapper .inav .nav_li.cur>a {

	color: #2e3db2;

}

.inav_wrapper .inav .nav_li.cur>a:hover i.nav-arrow {

	background: #2e3db2 url(../images/nav-arrow.png) left center no-repeat;

	transform: rotate(180deg);

	-ms-transform: rotate(180deg); /* IE 9 */

	-webkit-transform: rotate(180deg);

}

/*导航下拉*/

.inav_wrapper .inav .nav_li .xiala_nav {

	position: absolute;

	left: 0;

	top: 100%;

	width: 100%;

	background: #d3d8dc;

	height: 373px;/* box-shadow:0px 2px 13px 1px rgba(0,0,0,0.2) inset;*/

	display: none;

}

.inav .nav_li .xiala_nav .left {

	float: left;

	width: 950px;

	padding-top: 53px;

}

.inav .nav_li .xiala_nav .left .nav_infor {

	float: left;

	width: 450px;

	text-align: left;

}

.inav .nav_li .xiala_nav .left .nav_infor .t {

	font-size: 22px;

	color: #333;

	font-weight: bold;

	line-height: 35px;

	margin-bottom: 20px;

}

.inav .nav_li .xiala_nav .left .nav_infor .c {

	font-size: 14px;

	color: #333;

	line-height: 30px;

	margin-bottom: 20px;

}

.inav .nav_li .xiala_nav .left .nav_list {

	position: relative;

	width: 300px;

	float: left;

	padding-left: 47px;

	margin-left: 47px;

}

.inav .nav_li .xiala_nav .left .nav_list:before {

	content: " ";

	position: absolute;

	left: -7px;

	top: -53px;

	width: 1px;

	height: 373px;

	background: rgba(0, 72, 164, 0.5);

}

.inav .nav_li .xiala_nav .left .nav_list:after {

	content: " ";

	position: absolute;

	right: -55px;

	top: -53px;

	width: 1px;

	height: 373px;

	background: rgba(0, 72, 164, 0.5);

}

.inav .nav_li .xiala_nav .left .nav_list .list li {

	padding-left: 15px;

	font-size: 16px;

	line-height: 50px;

	text-align: left;

	border-bottom: 1px rgba(95, 95, 95, 0.5) solid;

	color: #333;

	position: relative;

}

.inav .nav_li .xiala_nav .left .nav_list .list li a {

	display: block;

	color: #333;

}

.inav .nav_li .xiala_nav .left .nav_list .list li a:hover {

	color: #333;

}

.inav .nav_li .xiala_nav .left .nav_list .list li:before {

	content: " ";

	position: absolute;

	left: 0;

	top: 50%;

	margin-top: -4px;

	border-top: 4px solid transparent;

	border-bottom: 4px solid transparent;

	border-left: 4px solid #2e3db2;

	transition: all 0.5s ease;

}

.inav .nav_li .xiala_nav .left .nav_list .list li:after {

	content: " ";

	background: #2e3db2;

	position: absolute;

	left: 0;

	bottom: 0;

	width: 0px;

	height: 2px;

	transition: all 0.5s ease;

}

.inav .nav_li .xiala_nav .left .nav_list .list li:hover:after {

	width: 100px;

}

.inav .nav_li .xiala_nav .left .nav_list .list li.afternone:after {

	display: none !important;

}

.inav .nav_li .xiala_nav .right .nav_img {

	width: 350px;

	padding-top: 65px;

}

.inav .nav_li .xiala_nav .right {

	width: 350px;

	float: right;

	text-align: left;

}

.inav .nav_li .xiala_nav .right .r_infor {

	padding-top: 53px;

	padding-left: 16%;

}

.inav .nav_li .xiala_nav .right .r_infor dt {

	font-size: 22px;

	font-weight: bold;

	color: #333;

	line-height: 28px;

	margin-bottom: 24px;

}

.inav .nav_li .xiala_nav .right .r_infor dd {

	font-size: 16px;

	color: #333;

	line-height: 37px;

}

.inav .nav_li .xiala_nav .right .r_infor dd a {

	color: #333;

}

.mainbox {

	width: 1320px;

	margin: 0 auto;

}

.mainbox2 {

	width: 100%;

	background: #efefef;

}

.mainbox3{	width: 1320px;

	margin: 0 auto;height:60px;}

.mainbg {

	background: #e6ebef;

	padding: 80px 0;

}

.mainbg1 {

	background: #fff;

	padding: 80px 0;

}

.mainn80 {

	padding: 80px 0;

}

.sycpfl {

	padding: 80px 0;

	width: 1320px;

	margin: 0 auto;

}

.sycpfl_title {

	height: 120px;

	width: 1320px;

	position: relative;

}

.sycpfl_title h3 {

	float: left;

	height: 60px;

	font-size: 36px;

	color:#2e3db2;

	text-align: center;

	line-height: 60px;

	margin-right: 20px;

}

.sycpfl_title h4 {

	float: right;

	width: 880px;

	height: 60px;

	box-sizing: border-box;

	padding: 6px 0;

	line-height: 24px;

	font-size: 16px;

	font-weight: normal;

	color: #888;

}

/*.sycpfl_title:after {

	content: "";

	width: 470px;

	height: 12px;

	position: absolute;

	right: 0;

	top: 25px;

	background: #e6ebef url(../images/sytitlebg.png) left top no-repeat;

}*/

.sycpfl_list {

	height: 780px;

	width: 1320px;

	padding-top: 40px;

	overflow: hidden;

}

.sycpfl_list ul li {

	float: left;

	width: 410px;

	margin-right: 43px;

	margin-bottom: 35px;

}

.sycpfl_list ul li h3 {

	width: 410px;

	height: 288px;

	-webkit-transition: all ease-in-out 0.3s;

	-o-transition: all ease-in-out 0.3s;

	-ms-transition: all ease-in-out 0.3s;

	transition: all ease-in-out 0.3s;

	overflow: hidden;

}

.sycpfl_list ul li h3 a {

	display: block;

}

.sycpfl_list ul li h3 a img {

	max-width: 100%;

	-webkit-transition-duration: 1s;

	transition-duration: 1s;

}

.sycpfl_list ul li:hover h3 a img {

	-webkit-transform: scale(1.1);

	-ms-transform: scale(1.1);

	transform: scale(1.1)

}

.sycpfl_list ul li div {

	width: 410px;

	height: 60px;

	text-align: center;

	box-sizing: border-box;

	background: #2e3db2;

	transition: all 1.1s; 

}

.sycpfl_list ul li:hover div{

	width: 410px;

	height: 60px;

	text-align: center;

	box-sizing: border-box;

	background: #c30d23;

}

.sycpfl_list ul li div h4 {

	font-size: 18px;

	color: #fff;

	line-height: 60px;

}

.sycpfl_list ul li div p {

	font-size: 14px;

	color: #fff;

	line-height: 24px;

}

.sycpfl_list ul li div h4 a {

	color: #fff;

}

.syabout {

	width: 100%;

	height: 800px;

	position: relative;

}

.syabout_video {

	position: absolute;

	z-index: 1;

	left: 0;

	top: 0;

	width: 100%;

	height: 800px;

	object-fit: fill

}

.syabout_video source {

	width: 100%;

	height: 800px;

}

.syabout:before {

	content: "";

	position: absolute;

	left: 0;

	top: 0;

	right: 0;

	bottom: 0;

	background-color: rgba(0, 0, 0, 0.6);

	display: block;

	z-index: 5

}

.syabout_text {

	width: 1080px;

	height: 460px;

	left: 48%;

	top: 150px;

	text-align: center;

	margin-left: -500px;

	position: absolute;

	z-index: 9;

}

.syabout_text h3 {

	font-size: 44px;

	color: #fff;

	line-height:60px;

}

.syabout_text h3 span {

	font-size: 20px;

	font-weight: bold;

	line-height: 80px;

	letter-spacing:10px;

}

.syabout_text p {

	font-size: 16px;

	color: #fff;

	line-height: 36px;

	 text-align: justify;

	 margin-top:20px;



 text-justify: distribute-all-lines; 

}

.syabout_text a.syabout_text_a {

	position: absolute;

	left: 50%;

	margin-left: -80px;

	bottom: 0;

	width: 160px;

	height: 40px;

	overflow: hidden;

	border: 1px #fff solid;

	border-radius: 20px;

	text-align: center;

	line-height: 40px;

	color: #fff;

}

.syabout_text a.syabout_text_a span {

	color: #fff;

	position: relative;

	z-index: 9;

	font-size: 18px

}

.syabout_text a.syabout_text_a:after {

	content: "";

	background: #2e3db2;

	height: 40px;

	width: 0;

	transition: all 0.5s ease;

	display: block;

	position: absolute;

	left: 0;

	top: 0;

	z-index: 1

}

.syabout_text a.syabout_text_a:hover:after {

	width: 160px;

}

.ab_list {

	width: 1370px;

	margin: 0 auto;

	z-index:99;

	position:relative;

	box-shadow:2px 5px 20px #333;

	background:#fff;

}

.ab_list ul{width:1320px;background:#fff;height:220px;}

.ab_list ul li {

	float: left;

	width: 26%;

	margin: 50px 0px 0 80px;

}

.ab_list ul li:last-child {

	margin-right: 0;

}

.ab_list ul li span {

	display: block;

	width: 120px;

	height: 120px;

	border-radius: 10px;

	float: left;

	margin-right: 40px;

	-webkit-transition: all 0.5s ease-out;

	-o-transition: all 0.5s ease-out;

	transition: all 0.5s ease-out;

}

.ab_list ul li h5 {

	float: left;

}

.ab_list ul li h5 b {

	font-size: 16px;

	color: #333;

	font-weight: bold;

	display: block;

	line-height: 3.5em;

	margin-top: 16px;

	font-style: normal;

}

.ab_list ul li h5 b i {

	font-size: 70px;

	color: #2e3db2;

	font-family: "Impact";

	font-style: normal;

}

.ab_list ul li p {

	font-size: 18px;

	color: #333;

	line-height: 1em;

	font-weight: bold;

}

.ab_list ul li.ab1 span {

	background: #2e3db2 url(../images/ab1.png) no-repeat center;

}

.ab_list ul li.ab2 span {

	background: #2e3db2 url(../images/ab2.png) no-repeat center;

}

.ab_list ul li.ab3 span {

	background: #2e3db2 url(../images/ab3.png) no-repeat center;

}

.ab_list ul li.ab1.on span {

	background: #c30d23 url(../images/ab11.png) no-repeat center;

}

.ab_list ul li.ab2.on span {

	background: #c30d23 url(../images/ab22.png) no-repeat center;

}

.ab_list ul li.ab3.on span {

	background: #c30d23 url(../images/ab33.png) no-repeat center;

}



.syhengfu {

	width: 100%;

	height: 200px;

	background: #e6ebef;

	text-align: center;

	padding: 55px 0;

	box-sizing: border-box

}

.syhengfu h3 {

	font-size: 36px;

	color: #333;

}

.syhengfu h3 b {

	color: #fff;

	background: #2e3db2;

	padding: 5px 10px;

	margin: 0 10px;

}

.syhengfu p {

	font-size: 24px;

	width: 580px;

	margin: 0 auto;

	color: #333;

	letter-spacing: 3px;

	position: relative;

	line-height: 80px;

}

.syhengfu p:before {

	content: "";

	background: #333;

	position: absolute;

	width: 160px;

	height: 1px;

	left: 0;

	top: 40px;

}

.syhengfu p:after {

	content: "";

	background: #333;

	position: absolute;

	width: 160px;

	height: 1px;

	right: 0;

	top: 40px;

}

.sygczl {

	width: 1320px;

	margin: 0 auto;

	padding: 80px 0;

	position: relative;

}

.sygczl_title {

	height: 100px;

	width: 1320px;

	position: relative;

}

.sygczl_title h3 {

	float: left;

	width: 200px;

	height: 60px;

	font-size: 36px;

	background: #2e3db2;

	color: #fff;

	text-align: center;

	line-height: 60px;

	margin-right: 20px;

}

.sygczl_title h4 {

	float: left;

	width: 580px;

	height: 60px;

	box-sizing: border-box;

	line-height: 60px;

	font-size: 36px;

	font-weight: normal;

	color: #333;

}

.sygczl_title p {

	clear: left;

	font-size: 16px;

	color: #888;

	line-height: 40px;

}

.sygczl_title p a {

	float: right;

	color: #888;

}

.sygczl_title p a:hover {

	color: #2e3db2

}

.sygczl_title:after {

	content: "";

	width: 470px;

	height: 12px;

	position: absolute;

	right: 0;

	top: 25px;

	background: #e6ebef url(../images/sytitlebg.png) left top no-repeat;

}

.slick-case {

	height: 480px;

	overflow: hidden;

}

.slick-case .slick-list {

	overflow: hidden;

}

.slick-case .pic {

	display: block;

	float: left;

	width: 730px;

	height: 460px;

}

.slick-case .pic img {

	display: block;

	width: 100%;

	-webkit-transition-duration: 1s;

	transition-duration: 1s;

}

.slick-case .pic:hover img {

	-webkit-transform: scale(1.1);

	-ms-transform: scale(1.1);

	transform: scale(1.1)

}

.slick-case .text {

	float: right;

	width: calc(1300px - 770px);

	margin-top: 34px;

}

.slick-case .text .tit {

	display: block;

	font-size: 32px;

	color: #333333;

	line-height: 42px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	margin-bottom: 18px;

}

.slick-case .text .tit:hover {

	color: #2e3db2;

}

.slick-case .text p {

	font-size: 16px;

	color: #666;

	line-height: 2em;

	margin-bottom: 35px;

	padding-right: 20px;

	display: block;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 3;

	-webkit-box-orient: vertical;

}

.slick-case .text .qt {

	overflow: hidden;

}

.slick-case .text .qt span {

	display: block;

	float: left;

	width: 50%;

	padding-left: 52px;

	background: url(../images/index-icon.png) no-repeat left center;

	font-size: 20px;

	color: #666;

	line-height: 30px;

	margin-bottom: 30px;

}

.slick-case .text .qt span strong {

	color: #333;

}

.slick-case .text .btn-more {

	text-align: right;

	margin-top: 44px;

}

.slick-case .text .btn-more a.more-a {

	display: inline-block;

	width: 160px;

	height: 48px;

	line-height: 48px;

	text-align: center;

	color: #fff;

	font-size: 18px;

	border-radius: 4px;

	background: #2e3db2;

	background: -moz-linear-gradient(left, #0550af 0%, #2e3db2 100%);

	background: -webkit-linear-gradient(left, #0550af 0%, #2e3db2 100%);

	background: -o-linear-gradient(left, #0550af 0%, #2e3db2 100%);

	background: -ms-linear-gradient(left, #0550af 0%, #2e3db2 100%);

	background: linear-gradient(to right, #0550af 0%, #2e3db2 100%);

	background-position: left center;

	background-size: 200% 100%;

	background-repeat: no-repeat;

	transition: background-position .6s ease;

}

.slick-case .text .btn-more a.more-a:hover {

	background-position: right center;

	color: #fff;

}

.slick-case .text .btn-more a img {

	margin-left: 6px;

	vertical-align: middle;

	margin-top: -4px;

	display: inline-block;

}

.sygczl .paging {

	position: absolute;

	right: 210px;

	font-size: 20px;

	color: #333;

	line-height: 30px;

	bottom: 129px;

}

.sygczl .paging .cur {

	color: #2e3db2;

}

.sygczl .paging .full {

	margin-left: 265px;

}

.sygczl .slick-dots {

	position: absolute;

	right: 255px;

	bottom: 54px;

	z-index: 1;

}

.sygczl .slick-dots li {

	display: inline-block;

	margin: 0 5px

}

.sygczl .slick-dots li button {

	font-size: 0;

	width: 70px;

	height: 3px;

	background-color: #cccccc;

	border-radius: 1.5px;

	border: none;

	outline: none;

	cursor: pointer;

}

.sygczl .slick-dots li.slick-active button {

	background-color: #2e3db2;

}

.slick-slider {

	position: relative;

	display: block;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	-webkit-touch-callout: none;

	-khtml-user-select: none;

	-ms-touch-action: pan-y;

	touch-action: pan-y;

	-webkit-tap-highlight-color: transparent

}

.slick-list {

	position: relative;

	display: block;

	overflow: hidden;

	margin: 0;

	padding: 0

}

.slick-list:focus {

	outline: 0

}

.slick-list.dragging {

	cursor: pointer;

	cursor: hand

}

.slick-slider .slick-list, .slick-slider .slick-track {

	-webkit-transform: translate3d(0, 0, 0);

	-moz-transform: translate3d(0, 0, 0);

	-ms-transform: translate3d(0, 0, 0);

	-o-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0)

}

.slick-track {

	position: relative;

	top: 0;

	left: 0;

	display: block

}

.slick-track:after, .slick-track:before {

	display: table;

	content: ''

}

.slick-track:after {

	clear: both

}

.slick-loading .slick-track {

	visibility: hidden

}

.slick-slide {

	display: none;

	float: left;

	height: 100%;

	min-height: 1px

}

[dir=rtl] .slick-slide {

	float: right

}

.slick-slide img {

	display: block

}

.slick-slide.slick-loading img {

	display: none

}

.slick-slide.dragging img {

	pointer-events: none

}

.slick-initialized .slick-slide {

	display: block

}

.slick-loading .slick-slide {

	visibility: hidden

}

.slick-vertical .slick-slide {

	display: block;

	height: auto;

	border: 1px solid transparent

}

.slick-arrow.slick-hidden {

	display: none

}



.sypro_title {

	height: 130px;

	width: 1320px;

	position: relative;

}



.sypro_title h3 {

	width: 370px;

	font-size: 36px;

	color: #2e3db2;

	line-height: 50px;

	text-transform:uppercase

}

.sypro_title h4 {

	float: left;

	width: 840px;



	line-height: 46px;

	font-size: 36px;

	font-weight: bold;

	color: #333;

}



.synewsbg {

	background: #e6ebef;

	padding: 80px 0;

}

.synews {

	width: 1320px;

	margin: 0 auto;

}

.synews_title {

	height: 100px;

	width: 1320px;

	position: relative;

}

.synews_title h3 {

	width: 270px;

	height: 60px;

	font-size: 36px;

	color: #2e3db2;

	text-align: center;

	line-height: 60px;

	margin-right: 20px;

}

.synews_title h4 {

	float: left;

	width: 840px;

	height: 60px;

	box-sizing: border-box;

	line-height: 24px;

	font-size: 16px;

	font-weight: bold;

	color: #888;

}

.synews_title a {

	float: right;

	line-height: 60px;

	font-size: 16px;

	color: #888;

	padding-right: 15px;

	background: url(../images/synews_title_a.png) right center no-repeat;

}

.synews_title a:hover {

	color: #2e3db2;

}

.syhotnews {

	width: 1320px;

	margin: 50px auto;

	height: 350px;

}

.syhotnews .syhotnews_video {

	float: left;

	width: 780px;

	height: 350px;

	position: relative;

	overflow: hidden;

}

.syhotnews .syhotnews_video:before {

	content: "";

	position: absolute;

	left: 0;

	top: 0;

	right: 0;

	bottom: 0;

	background-color: rgba(0, 0, 0, 0.5);

	display: block;

	z-index: 5

}

.syhotnews .syhotnews_video div {

	position: absolute;

	bottom: 45px;

	left: 50px;

	z-index: 6;

}

.syhotnews .syhotnews_video div h3 {

	font-size: 24px;

}

.syhotnews .syhotnews_video div h3 a {

	font-size: 24px;

	color: #fff;

	line-height: 40px;

}

.syhotnews .syhotnews_video div p {

	font-size: 16px;

	color: #fff;

	line-height: 40px;

}

.syhotnews .syhotnews_video div p a {

	color: #fff;

}

.syhotnews .syhotnews_video img {

	position: absolute;

	left: 0;

	top: 0;

	width: 780px;

	height: 350px;

	z-index: 3;

	-webkit-transition-duration: 1s;

	transition-duration: 1s;

}

.syhotnews .syhotnews_video:hover img {

	-webkit-transform: scale(1.1);

	-ms-transform: scale(1.1);

	transform: scale(1.1)

}

.syhotnews .syhotnews_news {

	float: right;

	width: 480px;

	height: 350px;

	position: relative;

	overflow: hidden;

}

.syhotnews .syhotnews_news:before {

	content: "";

	position: absolute;

	left: 0;

	top: 0;

	right: 0;

	bottom: 0;

	background-color: rgba(0, 0, 0, 0.5);

	display: block;

	z-index: 5

}

.syhotnews .syhotnews_news div {

	position: absolute;

	bottom: 45px;

	left: 50px;

	z-index: 6;

}

.syhotnews .syhotnews_news div h3 {

	font-size: 24px;

}

.syhotnews .syhotnews_news div h3 a {

	font-size: 24px;

	color: #fff;

	line-height: 40px;

}

.syhotnews .syhotnews_news div p {

	font-size: 16px;

	color: #fff;

	line-height: 40px;

}

.syhotnews .syhotnews_news div p a {

	color: #fff;

}

.syhotnews .syhotnews_news img {

	position: absolute;

	left: 0;

	top: 0;

	width: 480px;

	height: 350px;

	z-index: 3;

	-webkit-transition-duration: 1s;

	transition-duration: 1s;

}

.syhotnews .syhotnews_news:hover img {

	-webkit-transform: scale(1.1);

	-ms-transform: scale(1.1);

	transform: scale(1.1)

}

.synewslist {

	width: 1320px;

	margin: 0 auto;

	height: 200px;

}

.synewsfl {

	width: 220px;

	height: 200px;

	float: left;

}

.synewsfl ul {

}

.synewsfl ul li {

	width: 220px;

	height: 100px;

	z-index: 1;

	background: #f8f8f8;

	transition: all 0.5s ease;

	border-bottom: 1px #ddd solid;

}

.synewsfl ul li.active {

	background: #2e3db2;

}

.synewsfl ul li a {

	display: block;

	font-size: 20px;

	text-align: right;

	padding: 0 20px;

	line-height: 100px;

	color: #333;

}

.synewsfl ul li a span {

	font-family: impact;

	font-size: 22px;

	color: #333;

	text-transform: uppercase;

	float: left;

}

.synewsfl ul li.active a {

	color: #fff;

}

.synewsfl ul li.active a span {

	color: #fff;

}

.synewscont {

	float: right;

	width: 1040px;

}

.synewscontli {

	display: none;

	width: 1040px;

	height: 200px;

}

.synewscontli.active {

	display: block;

}

.synewscontli ul li {

	float: left;

	width: 320px;

	height: 200px;

	margin-right: 30px;

	background: #fff;

	padding: 30px;

	box-sizing: border-box;

	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.1);

	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.1);

	box-shadow: 0px 0px 5px rgba(0,0,0,0.1);

}

.synewscontli ul li:nth-child(3) {

	margin-right: 0

}

.synewscontli ul li h4 {

	height: 50px;

	line-height: 50px;

	color: #2e3db2;

	font-weight: normal;

	font-size: 20px;

}

.synewscontli ul li h4 b {

	position: relative;

	font-size: 40px;

	font-weight: normal;

	line-height: 50px;

	font-family: Impact;

}

.synewscontli ul li h4 i {

	font-size: 20px;

	color: #2e3db2;

	font-style: normal;

	line-height: 25px;

	font-family: Impact;

}

.synewscontli ul li h4 span {

	color: #888;

	font-size: 16px;

	float: right;

}

.synewscontli ul li h3 {

	font-size: 18px;

	font-weight: normal;

	color: #333;

	line-height: 35px;

}

.synewscontli ul li p {

	font-size: 14px;

	color: #888;

	line-height: 26px;

	margin-bottom: 10px;

	text-align: justify

}

.sygyfwbg {

	width: 100%;

	height: 670px;

	box-sizing: border-box;

	padding: 110px 0;

	background: url(../images/sygyfwbg.jpg) center center no-repeat;

}

.sygyfw {

	width: 1320px;

	margin: 0 auto;

	height: 200px;

}

.sygyfw_title {

	text-align: center;

	margin-bottom: 80px;

}

.sygyfw_title h3 {

	font-size: 36px;

	color: #fff;

	line-height: 50px;

}

.sygyfw_title p {

	font-size: 16px;

	color: #fff;

	line-height: 40px;

}

.sygyfw_list {

	height: 270px;

	width: 1320px;

}

.sygyfw_list ul li {

	float: left;

	width: 300px;

	height: 270px;

	padding-top: 145px;

	padding-left: 50px;

	box-sizing: border-box;

	margin-right: 33.3px;

	background: rgba(0,0,0,0.5);

	transition: all .5s;

	position: relative;

	overflow: hidden;

}

.sygyfw_list ul li i {

	display: block;

	width: 60px;

	height: 60px;

	background-position: center center;

	background-repeat: no-repeat;

	position: absolute;

	left: 50px;

	top: 65px;

}

.sygyfw_list ul li h3 {

	font-size: 24px;

	color: #fff;

	line-height: 50px;

	font-weight: normal;

}

.sygyfw_list ul li p {

	font-size: 14px;

	color: #fff;

	line-height: 30px;

	margin-bottom: 35px;

	display: none;

}

.sygyfw_list ul li a {

	font-size: 16px;

	color: #fff;

	display: none;

}

.sygyfw_list ul li:hover, .sygyfw_list ul li.cur {

	background: #2e3db2;

	padding-top: 65px;

}

.sygyfw_list ul li:hover i, .sygyfw_list ul li.cur i {

	display: none;

}

.sygyfw_list ul li:hover p, .sygyfw_list ul li.cur p {

	display: block;

}

.sygyfw_list ul li:hover a, .sygyfw_list ul li.cur a {

	display: block;

}

.sygyfw_list ul li.sygyfw_list04 {

	margin-right: 0

}

.sygyfw_list ul li.sygyfw_list01 i {

	background-image: url(../images/sygyfw_list01.png)

}

.sygyfw_list ul li.sygyfw_list02 i {

	background-image: url(../images/sygyfw_list02.png)

}

.sygyfw_list ul li.sygyfw_list03 i {

	background-image: url(../images/sygyfw_list03.png)

}

.sygyfw_list ul li.sygyfw_list04 i {

	background-image: url(../images/sygyfw_list04.png)

}

.nybanner {

	width: 100%;

	height: 380px;

	padding-top: 80px;

	box-sizing: border-box;

	background-position: center center;

	background-repeat: no-repeat;

}

.nyaboutbanner {

	width: 100%;

	height: 800px;

	padding-top: 80px;

	box-sizing: border-box;

	background-position: center center;

	background-repeat: no-repeat;

}

.loc {

	width: 1320px;

	margin: 0 auto;

	box-sizing: border-box;

	line-height: 40px;

	color: #fff;

	font-size: 14px;

	text-align: left;

	padding-left: 18px;

	background: url(../images/dz.png) left center no-repeat

}

.loc a {

	line-height: 40px;

	color: #fff;

	font-size: 14px

}

.loc a:hover {

	color: #fff;

}

.loc a:last-child {

	color: #fff;

}

.nybanner_text {

	width: 1320px;

	margin: 0 auto;

}

.nybanner_text h3 {

	font-size: 36px;

	color: #fff;

	margin: 40px 0 20px;

}

.nybanner_text p {

	font-size: 16px;

	color: #fff;

	width: 700px;

	margin-bottom: 80px;

}

.nyaboutvideo {

	float: right;

}

.nybanner_text_a {

	float: right;

}

.nybanner_text_a {

	display: inline-block;

	width: 160px;

	height: 48px;

	line-height: 48px;

	text-align: center;

	color: #fff;

	font-size: 18px;

	border-radius: 4px;

	background: #2e3db2;

	background: -moz-linear-gradient(left, #0550af 0%, #2e3db2 100%);

	background: -webkit-linear-gradient(left, #0550af 0%, #2e3db2 100%);

	background: -o-linear-gradient(left, #0550af 0%, #2e3db2 100%);

	background: -ms-linear-gradient(left, #0550af 0%, #2e3db2 100%);

	background: linear-gradient(to right, #0550af 0%, #2e3db2 100%);

	background-position: left center;

	background-size: 200% 100%;

	background-repeat: no-repeat;

	transition: background-position .6s ease;

}

.nybanner_text_a:hover {

	background-position: right center;

	color: #fff;

}

.nyaboutbanner_text {

	width: 1320px;

	margin: 0 auto;

}

.nyaboutbanner_text h3 {

	font-size: 36px;

	color: #fff;

	margin: 130px 0 50px;

}

.nyaboutbanner_text p {

	font-size: 16px;

	color: #fff;

	width: 700px;

	margin-bottom: 80px;

}

.nyaboutbanner_text .more-a {

	display: inline-block;

	width: 200px;

	height: 60px;

	line-height: 60px;

	font-size: 18px;

	font-weight: bold;

	cursor: pointer;

}

.nyaboutbanner_text .more-a img {

	margin-left: 10px;

	vertical-align: middle;

	margin-top: -2px;

}

.nyaboutbanner_text .lx-a {

	margin-right: 20px;

	cursor: pointer;

}

.nybanner_text_a img {

	margin-left: 6px;

	vertical-align: middle;

	margin-top: -4px;

	display: inline-block;

}

.nycasebanner {

	width: 100%;

	height: 760px;

	box-sizing: border-box;

	background-position: center center;

	background-repeat: no-repeat;

}

.nyabouttext {

	padding: 80px 0;

	width: 1320px;

	margin: 0 auto;

	font-size: 16px;

	color: #666;

	line-height: 36px;

}

.nyabouttext p {

	font-size: 16px;

	color: #666;

	line-height: 36px;

}

.nyhonor {

	max-width:1400px;

	margin: 0 auto;

	min-width: 1320px;

	box-sizing: border-box;

}

.nyhonor_list {

	width: 100%;

	height: 380px;

}

.nyhonor_list_title {

	font-size: 30px;

	color: #333;

	text-align: center;

	line-height: 60px;

	margin-bottom: 20px;

}

.nyhonor_list .nyhonor_list_con {

	width: 100%;

}

.nyhonor_list .nyhonor_list_con li {

	float: left;

	width: 23%;

	margin-right: 2.6%;

	border: 1px #ddd solid;

	box-sizing: border-box;

	margin-bottom: 2%;

	position: relative;

	overflow: hidden;

	transition: all 0.3s ease;

}

.nyhonor_list .nyhonor_list_con li:nth-child(4n) {

	margin-right: 0

}

.nyhonor_list .nyhonor_list_con li h3 {

	width: 100%;

	height: 100%;

}

.nyhonor_list .nyhonor_list_con li h3 a {

	display: block;

	width: 100%;

	height: 100%;

	line-height: 0;

	text-align: center;

}

.nyhonor_list .nyhonor_list_con li h3 a img {

	max-width: 100%;

	max-height: 100%;

	display: inline-block

}

.nyhonor_list .nyhonor_list_con li p {

	background: #2e3db2;

	height: 45px;

	line-height: 45px;

	color: #fff;

	text-align: center;

	transition: all 1.1s ease;

}



.nyhonor_list .nyhonor_list_con li p:hover {	background: #c30d23;}

.nyhonor_list .nyhonor_list_con li p a {

	font-size: 16px;

	color: #fff;

	line-height: 45px;

	padding: 0 10px;

}

.nyhonor_list .nyhonor_list_con li .text {

	position: absolute;

	top: calc(60px - 100% );

	left: 0;

	width: 100%;

	height: calc(100% - 60px);

	z-index: 999;

	background: rgba(75,159,48,0.8);

	overflow: hidden;

	transition: all 0.3s ease;

	display: table;

}

.nyhonor_list .nyhonor_list_con li .text a {

	color: #fff;

	font-size: 14px;

	padding: 0 40px;

	line-height: 30px;

	display: table-cell;

	vertical-align: middle;

}

.nyhonor_list .nyhonor_list_con li:hover p {



}

.nyhonor_list .nyhonor_list_con li:hover p a {

	color: #fff;

}

.nyhonor_list .nyhonor_list_con li:hover .text {

	top: 0;

}

.nyfact {

	max-width: 1400px;

	margin: 0 auto;

	min-width: 1320px;

	box-sizing: border-box;

}

.nyfact_list {

	width: 100%;

	height: 380px;

}

.nyfact_list_title {

	font-size: 30px;

	color: #333;

	text-align: center;

	line-height: 60px;

	margin-bottom: 20px;

}

.nyfact_list .nyfact_list_con {

	width: 100%;

}

.nyfact_list .nyfact_list_con li {

	float: left;

	width: 30%;

	margin-right: 5%;

	border: 1px #ddd solid;

	box-sizing: border-box;

	margin-bottom: 2%;

	position: relative;

	overflow: hidden;

	transition: all 0.3s ease;

}

.nyfact_list .nyfact_list_con li:nth-child(3n) {

	margin-right: 0

}

.nyfact_list .nyfact_list_con li h3 {

	width: 100%;

	height: 100%;

}

.nyfact_list .nyfact_list_con li h3 a {

	display: block;

	width: 100%;

	height: 100%;

	line-height: 0;

	text-align: center;

}

.nyfact_list .nyfact_list_con li h3 a img {

	max-width: 100%;

	max-height: 100%;

	display: inline-block

}

.nyfact_list .nyfact_list_con li p {

	background: #2e3db2;

	height: 45px;

	line-height: 45px;

	color: #fff;

	text-align: center;

	transition: all 1.1s ease;

}

.nyfact_list .nyfact_list_con li:hover p{	background: #c30d23;}

.nyfact_list .nyfact_list_con li p a {

	font-size: 16px;

	color: #fff;

	line-height: 45px;

	padding: 0 10px;

}

.nyfact_list .nyfact_list_con li .text {

	position: absolute;

	top: calc(60px - 100% );

	left: 0;

	width: 100%;

	height: calc(100% - 60px);

	z-index: 999;

	background: rgba(75,159,48,0.8);

	overflow: hidden;

	transition: all 0.3s ease;

	display: table;

}

.nyfact_list .nyfact_list_con li .text a {

	color: #fff;

	font-size: 14px;

	padding: 0 40px;

	line-height: 30px;

	display: table-cell;

	vertical-align: middle;

}

.nyfact_list .nyfact_list_con li:hover p {

	background: #c30d23;

}

.nyfact_list .nyfact_list_con li:hover p a {

	color: #fff;

}

.nyfact_list .nyfact_list_con li:hover .text {

	top: 0;

}

.cpxqldy_title {

	text-align: center;

	color: #333;

	font-weight: bold;

	line-height: 60px;

	font-size: 32px;

}

.cpxqldy_title p {

	color: #666;

	font-size: 18px;

	font-weight: normal;

	line-height: 2em;

}

.index-top {

	background-color: #000e21;

	position: relative;

}

.index-slick {

	overflow: hidden;

	height: 762px;

}

.index-slick .text {

	float: left;

	width: 500px;

	margin-top: 162px;

	padding-right: 40px;

}

.index-slick .text .tit {

	display: block;

	font-size: 40px;

	font-weight: bold;

	line-height: 60px;

	color: #f6fffd;

	margin-bottom: 30px;

}

.index-slick .text p {

	font-size: 16px;

	line-height: 2em;

	color: #f6fffd;

	margin-bottom: 26px;

	display: block;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 3;

	-webkit-box-orient: vertical;

}

.index-slick .text ul {

	margin-bottom: 54px;

}

.index-slick .text li {

	display: inline-block;

	color: #fff;

}

.index-slick .text li span {

	display: block;

	font-size: 14px;

	line-height: 24px;

}

.index-slick .text li strong {

	display: block;

	font-size: 24px;

	line-height: 34px;

}

.index-slick .text li:first-child {

	margin-right: 70px;

}

.more-a {

	display: inline-block;

	width: 160px;

	height: 48px;

	line-height: 48px;

	text-align: center;

	color: #fff;

	font-size: 18px;

	border-radius: 4px;

	background: #2e3db2;

	background: -moz-linear-gradient(left, #0550af 0%, #2e3db2 100%);

	background: -webkit-linear-gradient(left, #0550af 0%, #2e3db2 100%);

	background: -o-linear-gradient(left, #0550af 0%, #2e3db2 100%);

	background: -ms-linear-gradient(left, #0550af 0%, #2e3db2 100%);

	background: linear-gradient(to right, #0550af 0%, #2e3db2 100%);

	background-position: left center;

	background-size: 200% 100%;

	background-repeat: no-repeat;

	transition: background-position .6s ease;

}

.more-a:hover {

	background-position: right center;

	color: #fff;

}

.index-slick .pic {

	float: right;

	width: 760px;

	height: 660px;

	position: relative;

	padding-top: 100px;

}

.index-slick .pic>a {

	display: block;

	position: relative;

	margin-right: -90px;

}

.index-slick .pic>a img {

	width: 760px;

}

.index-slick .materiel {

	width: 445px;

	position: absolute;

	bottom: 8px;

	left: 210px;

}

.index-slick .materiel>p {

	font-size: 16px;

	color: #fff;

	line-height: 26px;

	margin-bottom: 6px;

}

.index-slick .materiel ul {

	overflow: hidden;

	margin: 0 -4px;

	position: relative;

	z-index: 1;

	padding-bottom: 8px;

}

.index-slick .materiel li {

	width: 33.3%;

	float: left;

	text-align: center;

	color: #fff;

	padding: 0 4px;

}

.index-slick .materiel li img {

	display: block;

	width: 100%;

	border-radius: 4px;

}

.index-slick .materiel li p {

	font-size: 14px;

	color: #c39b9b;

	line-height: 24px;

	margin-top: 10px;

}

.index-slick .materiel ul:after {

	content: '';

	width: 100%;

	height: 16px;

	background: url(../images/bc-bot.png) no-repeat;

	position: absolute;

	left: 2px;

	bottom: 2px;

	z-index: -1;

}

.index-slick .slick-dots {

	position: absolute;

	bottom: 180px;

	left: 50%;

	margin-left: -650px;

	z-index: 1;

	width: 540px;

}

.index-slick .slick-dots li {

	float: left;

	position: relative;

	width: 25%;

	border-bottom: 1px solid #71737a;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}

.index-slick .slick-dots li button {

	display: block;

	font-size: 0;

	border: none;

	outline: none;

	cursor: pointer;

	border-radius: 50%;

	width: 8px;

	height: 12px;

	background-color: #71737a;

	position: absolute;

	right: 0;

	top: -6px;

}

.index-slick .slick-dots li.slick-active {

	border-color: #2e3db2;

}

.index-slick .slick-dots li.slick-active button {

	width: 10px;

	height: 14px;

	background-color: #2e3db2;

}

.index-slick .text .tit:hover {

	color: #2e3db2;

}

.index-scroll {

	padding: 15px 0;

}

.index-scroll .tit {

	display: block;

	float: left;

	margin-right: 38px;

	font-size: 20px;

	color: #d53242;

	background-image: -webkit-gradient(linear, 0 0, right 0, from(#d53242), to(#e3674f));

	-webkit-background-clip: text;

	background-clip: text;

	-webkit-text-fill-color: transparent;

	line-height: 40px;

}

.index-scroll .dowebok {

	float: left;

	overflow: hidden;

	width: 85%;

	margin-top: 5px;

}

.index-scroll .dowebok .item {

	display: inline-block;

	margin-right: 100px;

	font-size: 16px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	line-height: 30px;

}

.index-scroll .dowebok .item img {

	display: inline-block;

	vertical-align: middle;

	margin-top: -5px;

	margin-right: 20px;

	width: 31px;

}

.index-scroll .dowebok .item a {

	display: inline-block;

	font-size: 16px;

	color: #333333;

	line-height: 30px;

}

.index-scroll .dowebok .item a:hover {

	color: #d53242;

}

.index-scroll .more {

	display: block;

	float: right;

	font-size: 16px;

	color: #666666;

	line-height: 40px;

}

.index-scroll .more:hover {

	color: #d53242;

}

.nyprotitle {

	width: 1320px;

	margin: 0 0 30px;

	position: relative;

	height:60px;

}

.nyprotitle h3 {

	font-size: 36px;

	color: #333;

}

.nyprotitle h3 b {

	float: left;

}

.nyprotitle p {

	font-size: 18px;

	color: #888;

	clear: left;

	line-height: 60px;

}

.nyprotitle .nyprotitle_a {

	float: right;

	color: #333;

	font-size: 16px;

	padding-right: 15px;

	background: url(../images/synews_title_a.png) right center no-repeat;

}

.nyprotitle .nyprotitle_a:hover {

	color: #2e3db2

}

.nyprotitle h3 span {

	margin-left: 20px;

	float: left;

	height: 33px;

	line-height: 33px;

	text-align: center;

	font-size: 20px;

	font-weight: normal;

	color: #fff;

	background: #2e3db2;

	background: -moz-linear-gradient(left, #0550af 0%, #2e3db2 100%);

	background: -webkit-linear-gradient(left, #0550af 0%, #2e3db2 100%);

	background: -o-linear-gradient(left, #0550af 0%, #2e3db2 100%);

	background: -ms-linear-gradient(left, #0550af 0%, #2e3db2 100%);

	background: linear-gradient(to right, #0550af 0%, #2e3db2 100%);

	border-radius: 4px;

	-webkit-box-shadow: 5px 5px 13px rgba(0,72,164,0.2);

	-moz-box-shadow: 5px 5px 13px rgba(0,72,164,0.2);

	-ms-box-shadow: 5px 5px 13px rgba(0,72,164,0.2);

	-o-box-shadow: 5px 5px 13px rgba(0,72,164,0.2);

	box-shadow: 5px 5px 13px rgba(0,72,164,0.2);

	padding: 0 20px;

	display: inline-block;

}

.nypro_r_fr {

	position: absolute;

	right: 0;

	top: 0;

}

.nypro_r_fr a {

	display: inline-block;

	width: 130px;

	text-align: center;

	height: 45px;

	line-height: 45px;

	border: 1px #ddd solid;

	color: #333;

	font-size: 18px;

	margin: 0 12px;

}

.nypro_r_fr a:hover {

	color: #fff;

	background: #2e3db2;

	font-weight: bold;

}

.nypro_r_fr a.cur {

	color: #fff;

	background: #2e3db2;

	font-weight: bold;

}

.nyprolist {

	width: 1320px;

	margin: 0 auto;

}

.nyprolist dl {

	margin-bottom: 40px;

	width: 1320px;

	height: 400px;

}

.nyprolist dl dd {

	float: left;

	width: 400px;

	margin-right: 60px;

	margin-bottom: 60px;

	height: 410px;

	box-sizing: border-box;

	padding: 20px;

	border: 1px #eee solid;

	background: #fff

}

.nyprolist dl dd h4 {

	font-size: 18px;

	color: #333;

	font-weight: normal;

	margin-top: 25px;

	text-align:center;

}

.nyprolist dl dd h4 b {

	display: block;

	font-family: Impact;

	font-size: 20px;

	font-weight: normal

}

.nyprolist dl dd h3 a img {

	max-width: 100%;

	-webkit-transition-duration: 1s;

	transition-duration: 1s;

}

.nyprolist dl dd h3 {

	font-size: 14px;

	width: 358px;

	height: 240px;

	-webkit-transition: all ease-in-out 0.3s;

	-o-transition: all ease-in-out 0.3s;

	-ms-transition: all ease-in-out 0.3s;

	transition: all ease-in-out 0.3s;

	overflow: hidden;

}

.nyprolist dl dd p {

	color: #2e3db2;

	text-align: center;

	position: relative;

	background:#2e3db2

}

.nyprolist dl dd p a.nyprolist-lj {

	position: relative;

	z-index: 9;

	color: #fff;

	font-size: 14px;

	width: 358px;

	height: 44px;

	line-height: 44px;

	text-align: center;

	display: inline-block;

	transition: all 0.5s ease;

}

.nyprolist dl dd>p:after {

	content: " ";

	background: #c30d23;

	z-index: 1;

	position: absolute;

	left: 0;

	top: 0;

	width: 0;

	height: 45px;

	transition: all 0.5s ease;

}

.nyprolist dl dd:hover h3 a img {

	-webkit-transform: scale(1.1);

	-ms-transform: scale(1.1);

	transform: scale(1.1)

}

.nyprolist dl dd:hover>p a.nyprolist-lj, .nyprolist dl dd.cur>p a.nyprolist-lj {

	color: #fff;

}

.nyprolist dl dd:hover>p:after, .nyprolist dl dd.cur>p:after {

	width: 358px;

}

.nyprolist dl dd h5 {

	height: 10px;

	box-sizing: border-box;

	margin: 0 0 10px;

	line-height: 24px;

	font-size: 14px;

	color: #888;

	font-weight: normal;

}

.nyprolist dl dd h5 p {

	line-height: 24px;

	font-size: 14px;

	color: #888;

	font-weight: normal;

	text-align: left;

}

.nyprobanner {

	height: 560px;

	width: 100%;

	padding: 80px 0;

	background: #000e21;

	background: -moz-linear-gradient(left, #000e21, #2e3db2 40%, #000e21);

	background: -webkit-linear-gradient(left, #000e21, #2e3db2 40%, #000e21);

	background: -o-linear-gradient(left, #000e21, #2e3db2 40%, #000e21);

	background: -ms-linear-gradient(left, #000e21, #2e3db2 40%, #000e21);

	background: linear-gradient(to right, #000e21, #2e3db2 40%, #000e21);

}

.nyprocenter {

	width: 1320px;

	margin: 40px auto 0;

}

.nypro-item-l {

	float: left;

	width: 750px;

}

/*图片放大镜样式*/

.jqzoom {

	border: none;

	position: relative;

	padding: 0px;

	cursor: pointer;

	margin: 0px;

	display: block;

	width: 580px;

	height: 420px;

}

.jqzoom img {

	width: 580px;

	height: 420px;

}

.zoomdiv {

	z-index: 100;

	position: absolute;

	top: 0px;

	left: 0px;

	width: 500px;

	height: 350px;

	background: #ffffff;

	border: 1px solid #CCCCCC;

	display: none;

	text-align: center;

	overflow: hidden;

}

.jqZoomPup {

	z-index: 10;

	visibility: hidden;

	position: absolute;

	top: 0px;

	left: 0px;

	width: 20px;

	height: 20px;

	border: 1px solid #aaa;

	background: #ffffff /*url(../images/zoom.png) 50% center no-repeat*/;

	opacity: 0.5;

	-moz-opacity: 0.5;

	-khtml-opacity: 0.5;

	filter: alpha(Opacity=50);

}

/*图片小图预览列表*/

.spec-preview {

	width: 580px;

	height: 420px;

	float: right;

}

.spec-scroll {

	margin-top: 0;

	width: 130px;

	height: 520px;

	padding-top: 0;

	float: left;

	margin-right: 20px;

}

.spec-scroll .prev {

	margin-right: 4px;

	background-image: url(../images/nypro-prev.png);

	margin-bottom: 20px

}

.spec-scroll .next {

	background-image: url(../images/nypro-next.png);

	margin-top: 20px

}

.spec-scroll .prev, .spec-scroll .next {

	display: block;

	text-align: center;

	width: 130px;

	height: 30px;

	background-position: center center;

	background-repeat: no-repeat;

	line-height: 54px;

	cursor: pointer;

	text-decoration: none;

}

.spec-scroll .items {

	position: relative;

	width: 130px;

	height: 323px;

	overflow: hidden;

}

.spec-scroll .items ul {

	position: absolute;

	width: 130px;

	height: 555px;

}

.spec-scroll .items ul li {

	width: 130px;

	text-align: center;

}

.spec-scroll .items ul li img {

	border: 2px solid #eee;

	width: 126px;

	height: 96px;

}

.spec-scroll .items ul li img:hover {

	border: 2px solid #628cc3;

}

.pro_pic {

	float: left;

	width: 400px;

	text-align: center;

	border: 1px #ddd solid;

}

.pro_pic img {

	max-width: 100%;

	max-height: 400px;

}

.pro_r {

	width: 460px;

	float: right;

}

.pro_r h3 {

	line-height: 60px;

	color: #aaa;

	font-size: 14px;

	font-weight: normal;

	text-align: right;

}

.pro_r h3 a {

	line-height: 60px;

	color: #aaa;

	font-size: 14px;

}

.pro_r h1 {

	margin-bottom: 10px;

	line-height: 40px;

	font-weight: normal;

	width: 100%;

	height: 40px;

}

.pro_r h1 b {

	line-height: 40px;

	color: #333;

	font-size: 26px;

	float: left;

	font-weight: bold;

}

.pro_r h1 span {

	padding: 0 5px;

	font-size: 16px;

	color: #fff;

	float: left;

	background: #00a0ea;

	border-radius: 4px;

	text-align: center;

	font-weight: normal;

	line-height: 30px;

	margin: 5px 0 0 10px;

}

.pro_r p.cptdjj {

	font-size: 14px;

	line-height: 30px;

	color: #8e040f;

}

.pro_r p {

	font-size: 14px;

	line-height: 24px;

	color: #888;

}

.pro_r dl {

	margin: 10px 0;

	border-bottom: 1px #ddd solid;

}

.pro_r dl dt {

	font-size: 16px;

	line-height: 50px;

	color: #333;

}

.pro_r dl dd {

	font-size: 14px;

	color: #666;

	line-height: 32px;

}

.pro_r .dgrx {

	margin: 20px 0;

}

.pro_r .dgrx p {

	float: left;

	margin-right: 10px;

}

.pro_r .dgrx span {

	float: left;

	font-size: 16px;

	color: #333;

	line-height: 60px;

}

.pro_r .dgrx span b {

	font-size: 26px;

	color: #8e040f;

	line-height: 60px;

}

.pro_r .dgrx span i {

	background: url('../images/ewmicon.png') left top no-repeat;

	position: relative;

	width: 40px;

	height: 40px;

	display: block;

	float: right;

	margin-left: 5px;

	margin-top: 10px;

}

.pro_r .dgrx span i img {

	width: 0;

	height: 0;

	position: absolute;

	top: 40px;

	left: 0;

	z-index: 999;

}

.pro_r .dgrx span i:hover img {

	width: 120px;

	height: 120px;

	left: -40px;

	transition: all .5s;

	top: -130px;

}

.protdcon {

	padding-bottom: 15px;

}

.nypro-item-r {

	float: right;

	width: 500px;

	height: 420px;

	position: relative;

	z-index: 9;

}

.nypro-item-r h1 {

	font-size: 30px;

	color: #fff;

	margin-bottom: 20px;

}

.nypro-item-r h1 a {

	color: #2e3db2;

	font-size: 16px;

	margin-left: 10px;

	padding-left: 20px;

	font-weight: normal;

	background: url(../images/nyprovideo_a.png) left center no-repeat;

	background-size: 15px 15px;

}

.nypro-item-r p {

	font-size: 14px;

	color: #fff;

	line-height: 30px;

	max-height: 120px;

	overflow: hidden;

}

.nypro-item-r h3 {

	font-size: 16px;

	color: #fff;

	margin: 20px 0 5px;

	line-height: 32px;

	position: relative;

	padding-left: 2px;

}

.nypro-item-r h3:before {

	content: " ";

	width: 3px;

	height: 12px;

	position: absolute;

	top: 10px;

	left: 0px;

	background:#c30d23;

}

.nypro-item-r ul {

	width: 100%;

	height: 50px;

	line-height: 50px;

	margin-top: 10px;

}

.nypro-item-r ul li {

	float: left;

	margin-right: 40px;

	color: #fff;

}

.nypro-item-r ul li a {

	display: block;

	height: 50px;

	color: #fff;

	font-size: 16px;

}

.nypro-item-r ul li a i {

	display: inline-block;

	float: left;

	width: 20px;

	height: 50px;

	margin-right: 8px;

	background-position: -20px center;

	background-repeat: no-repeat;

	transition: all 0.3s ease;

}

.nypro-item-r ul li a:hover {

	color: #fff;

}

.nypro-item-r ul li a:hover i {

	background-position: 0 center

}

.nypro-item-r ul li a i.nypro-icon01 {

	background-image: url(../images/nypro-icon01.png)

}

.nypro-item-r ul li a i.nypro-icon02 {

	background-image: url(../images/nypro-icon02.png)

}

.nypro-item-r ul li a i.nypro-icon03 {

	background-image: url(../images/nypro-icon03.png)

}

.nypro-item-r h4 {

	width: 200px;

	height: 50px;

	line-height: 50px;

	text-align: center;

	background:#c30d23;

	color: #fff;

	position: absolute;

	bottom: 0;

	left: 0;

}

.nypro-item-r h4 a {

	display: block;

	width: 200px;

	height: 50px;

	line-height: 50px;

	text-align: center;

}

.nypro-item-r h4:after {

	content: " ";

	position: absolute;

	left: 0;

	top: 0;

	width: 0;

	height: 50px;

	background: #2e3db2;

	transition: all 0.3s ease;

}

.nypro-item-r h4 span {

	position: relative;

	z-index: 9;

	color: #fff;

	transition: all 0.3s ease;

}

.nypro-item-r h4:hover:after {

	width: 200px;

}

.nypro-item-r h4:hover span {

	color: #fff;

}

.nypronav {

	width: 100%;

	-webkit-box-shadow: 0 3px 24px rgba(0, 72, 164,0.1);

	-moz-box-shadow: 0 3px 24px rgba(0, 72, 164,0.1);

	-ms-box-shadow: 0 3px 24px rgba(0, 72, 164,0.1);

	-o-box-shadow: 0 3px 24px rgba(0, 72, 164,0.1);

	box-shadow: 0 3px 24px rgba(0, 72, 164,0.1);

	height: 60px;

}

.nypronav ul {

	width: 1320px;

	margin: 0 auto;

	height: 60px;

	line-height: 60px;

	text-align: center;

}

.nypronav ul li {

	width: 260px;

	float: left;

	height: 60px;

	line-height: 60px;

	position: relative;

}

.nypronav ul li:after {

	content: "";

	width: 0;

	height: 3px;

	border-radius: 3px;

	bottom: 8px;

	left: 50%;

	position: absolute;

	background: #2e3db2;

	transition: all 0.3s ease;

}

.nypronav ul li.cur {

	color: #2e3db2

}

.nypronav ul li.cur:after {

	width: 46px;

	margin-left: -23px;

}

.nypronav ul li a {

	display: block;

	color: #333;

	font-size: 16px

}

.nypronav ul li.cur a {

	color: #2e3db2

}

.nypronav ul li:hover a {

	color: #2e3db2

}

.nypronav ul li:hover:after {

	width: 46px;

	margin-left: -23px;

}

.nypro-xnys {

	width: 100%;

	margin: 0 auto;

	padding: 80px 0;

	font-size: 16px;

	color: #666;

	line-height: 36px;

	background: #e6ebef

}

.nypro-xnys h3 {

	color: #333;

	font-size: 30px;

	margin: 0 0 40px;

	position: relative;

	padding-left: 15px;

}

.nypro-xnys h3:before {

	content: " ";

	width: 4px;

	height: 20px;

	position: absolute;

	top: 7px;

	left: 0px;

	background: #2e3db2;

}

.nypro-xnys p {

	font-size: 16px;

	color: #666;

	line-height: 36px;

}

.nypro-cpjs {

	width: 1320px;

	margin: 0 auto;

	padding: 80px 0;

	font-size: 16px;

	color: #666;

	line-height: 36px;

}

.nypro-cpjs h3 {

	color: #333;

	font-size: 30px;

	margin: 0 0 40px;

	position: relative;

	padding-left: 15px;

	background:#f9f9f9;

	height:50px;

	line-height:50px;

	

}

.nypro-cpjs h3:before {

	content: " ";

	width: 4px;

	height: 20px;

	position: absolute;

	top: 15px;

	left: 0px;

	background: #2e3db2;

}

.nypro-cpjs p {

	font-size: 16px;

	color: #666;

	line-height: 36px;

}

.nypro-cpcs {

	width: 1320px;

	margin: 0 auto;

	padding: 80px 0;

	font-size: 16px;

	color: #666;

	line-height: 36px;

}

.nypro-cpcs h3 {

	color: #333;

	font-size: 30px;

	margin: 0 0 40px;

	position: relative;

	padding-left: 15px;

}

.nypro-cpcs h3:before {

	content: " ";

	width: 4px;

	height: 20px;

	position: absolute;

	top: 7px;

	left: 0px;

	background: #2e3db2;

}

.nypro-cpcs p {

	font-size: 16px;

	color: #666;

	line-height: 36px;

}

.nypro-cpcs table {

	border-right: 1px solid #c6ccd4;

	border-bottom: 1px solid #c6ccd4;

	text-align: center;

	vertical-align: middle;

}

.nypro-cpcs table td {

	border-left: 1px solid #c6ccd4;

	border-top: 1px solid #c6ccd4;

	padding: 10px;

}

.nypro-cpcs table tr:nth-child(even) td {

	background: #fff;

}

.nypro-cpcs table tr:nth-child(odd) td {

	background: #f1f5f8

}

.nypro-cpcs table tr:first-child td {

	background: #d5e1ea !important;

	font-size: 1rem;

	font-weight: bold

}

.nypro-xqgcal {

	width: 100%;

	height: 500px;

	padding: 80px 0;

	background: url(../images/nypro-xqgcal.jpg) center center no-repeat

}

.nypro-xqgcal h3 {

	color: #fff;

	font-size: 30px;

	margin: 0 0 40px;

}

.nypro-xqgcal h3 span {

	font-size: 18px;

	font-weight: normal;

	margin-left: 10px;

}

.nypro-xqgcal ul {

	width: 1320px;

	margin: 0 auto;

}

.nypro-xqgcal ul li {

	float: left;

	width: 400px;

	margin: 0 60px 0 0;

	height: 400px;

	background: #fff;

	position: relative;

}

.nypro-xqgcal ul li h4 {

	width: 400px;

	height: 300px;

	overflow: hidden;

	position: relative;

	z-index: 2;

}

.nypro-xqgcal ul li h4 img {

	max-width: 100%;

	height: 100%;

	-webkit-transition-duration: 1s;

	transition-duration: 1s;

}

.nypro-xqgcal ul li p {

	font-size: 18px;

	color: #333;

	height: 100px;

	box-sizing: border-box;

	padding-left: 25px;

	line-height: 120px;

	position: relative;

	z-index: 2;

}

.nypro-xqgcal ul li p:before {

	content: " ";

background: #2e3db2;

	width: 50px;

	height: 3px;

	position: absolute;

	left: 25px;

	top: 30px;

}

.nypro-xqgcal ul li:nth-child(3n) {margin-right:0px;}

.nypro-xqgcal ul li h5 {

	padding: 50px 25px;

	box-sizing: border-box;

	position: absolute;

	left: 0;

	top: 0;

	opacity: 0;

	z-index: 1;

	background: #2e3db2;

	width: 100%;

	height: 400px;

	transition: all 0.5s ease;

}

.nypro-xqgcal ul li h5 b {

	display: block;

	color: #fff;

	font-size: 20px;

}

.nypro-xqgcal ul li h5 span {

	font-weight: normal;

	color: #fff;

	font-size: 14px;

	line-height: 30px;

}

.nypro-xqgcal ul li:hover h4 img {

	-webkit-transform: scale(1.1);

	-ms-transform: scale(1.1);

	transform: scale(1.1)

}

.nypro-xqgcal ul li:hover h5 {

	z-index: 9;

	opacity: 1;

}

.message {

	width: 1320px;

	margin: 0 auto;

	overflow: hidden;

	padding: 80px 0;

}

.message h2 {

	margin: 40px auto;

}

.message .left {

	width: 744px;

	float: left;

}

.message .left dd {

	width: 100%;

	box-sizing: border-box;

	margin-bottom: 15px;

}

.message .left dd span {

	font-size: 30px;

	color: #333;

	font-weight: bold;

	margin-bottom: 15px;

	display: block;

}

.message .left dd p{color:#666;}

.message .left dt input {

	width: 48%;

	height: 50px;

	border: 1px solid #cdcdcd;

	margin: 13px 2% 13px 0;

	float: left;

	background: none;

	font-size: 14px;

	text-indent: 10px;

	box-sizing: border-box;

}

.message .left dt input.icon-message {

	background: url("../images/icon-message.png") right 5px center no-repeat;

	background-size: 25px;

}

.message .left dt input.icon-address {

	background: url("../images/icon-address.png") right 5px center no-repeat;

	background-size: 25px;

}

.message .left dt textarea {

	width: 98%;

	height: 70px;

	border: 1px solid #cdcdcd;

	background: none;

	font-size: 14px;

	padding: 10px 0 0 10px;

	margin: 15px 0;

	box-sizing: border-box;

}

.message .left dt input.button {

	width: 185px;

	height: 50px;

	text-align: center;

	line-height: 50px;

	font-size: 18px;

	cursor: pointer;

	background: #2e3db2;

	border: none;

	transition: all 0.5s ease;

	color: #fff;

	margin-top: 0;

	margin: 10px;

	float: left;

	text-indent: 0;

}

.message .right {

	width: 560px;

	float: right;

	overflow: hidden;

}

.message .left dt input.button:hover {

	background: #c30d23;

}

.message .right dd {

	width: 100%;

	background: url("../images/phone3.png") left 45px center no-repeat #c30d23;

	padding: 40px 0 40px 140px;

	box-sizing: border-box

}

.message .right dd span a {

	font-size: 46px;

	font-weight: bold;

	color: #fff;

	line-height: 46px;

	font-family: Impact;

}

.message .right dd p {

	font-size: 32px;

	color: #fff;

	font-weight:bold;

}

.message .right dt {

	width: 100%;

	background: #2e3db2;

	padding: 50px 20px;

	box-sizing: border-box

}

.message .right dt p a {

	font-size: 16px;

	color: #fff;

	display: block;

	padding: 10px 0 15px 30px;

	background: url("../images/icons.png") left center no-repeat;

}

.message .right dt .address a {

	background-position: 0 -49px;

}

.message .right dt .url a {

	background-position: -2px -102px;

}

.message .right dt .mailbox a {

	background-position: -4px -162px;

}

.message .right dt .tel a {

	background-position: 2px 15px;

}

.message .right dt .btn {

	width: 100%;

	overflow: hidden;

	padding: 20px 0;

}

.message .right dt .btn a {

	width: 120px;

	height: 40px;

	text-align: center;

	line-height: 40px;

	color: #fff;

	border: 1px solid #fff;

	padding: 0;

	display: inline-block;

	margin-right: 10px;

	font-size: 16px;

	background: none;

}

.message .right dt .btn a:hover {

	background: rgba(255,255,255,0.2)

}

.textarea {

	color: #666;

	line-height: 36px;

	font-size: 16px

}

.textarea p {

	color: #666;

	line-height: 36px;

	font-size: 16px

}

.nynewspreNext {

}

.nynewspreNext ul li {

	background: #f8f8f8;

	padding: 20px;

	font-size: 16px;

	box-sizing: border-box;

	margin-bottom: 20px;

	margin-right: 2%;

	width: 49%;

	float: left;

}

.nynewspreNext ul li {

	font-size: 14px;

	color: #666;

}

.nynewspreNext ul li a {

	font-weight: normal;

	font-size: 14px;

	color: #666;

}



.nynewspreNext ul li span {

	float: right;

	font-weight: normal;

	font-size: 16px;

	color: #666;

}

.pagination {

	clear: both;

	margin: 10px 0;

	text-align: center;

}

.pagination li {

	display: inline-block;

*display: inline;

	zoom: 1;

}

.pagination li a {

	display: block;

	padding: 4px 12px;

	background-color: #fcfcfc;

	border: 1px solid #eeeeee;

}

.pagination li + li a {

	border-left: none;

}

.pagination li.active a, .pagination li a:hover {

	background-color: #2e3db2;

	color: #ffffff;

}

.servicetext {

	font-size: 16px;

	line-height: 35px;

	color: #666;

}

.servicebox {

	width: 1200px;

	height: 280px;

	background: url(../images/servicebox.jpg) left top no-repeat;

}

.servicebox a {

	display: block;

	width: 600px;

	float: left;

	height: 280px;

}

.servicelist {

	width: 1200px;

	margin: 0 auto;

}

.servicelist ul {

}

.servicelist ul li {

	float: left;

	width: 25%;

	text-align: center;

}

.servicelist ul li h3 {

}

.servicelist ul li p {

	font-size: 16px;

}

.servicepzbz {

	width: 1200px;

	height: 200px;

	background: url(../images/servicepzbz.jpg) center center no-repeat;

}

.servicecontact {

	width: 100%;

	height: 600px;

	background: url(../images/servicecontact.jpg) center center no-repeat;

}

.servicetext .mode dl {

	width: 600px;

	margin-left: 120px;

	float: left;

	border-radius: 10px;

	height: 81px;

	background: #f5f5f5;

	padding: 25px 0;

}

.servicetext .mode dl:first-child {

	margin-left: 0;

}

.servicetext .mode dd {

	float: left;

	margin: 0 15px 0 20px;

}

.servicetext .mode dt {

	float: left;

}

.servicetext .mode dt h4 {

	font-size: 24px;

	color: #333;

	font-weight: normal;

}

.servicetext .mode dt p {

	font-size: 16px;

	padding: 0;

	color: #333;

}

.servicetext .mode dt p.tel {

	font-weight: 800;

	font-size: 24px;

	color: #2e3db2

}

.pro_mes {

	padding: 30px 0;

	box-sizing: border-box;

	background: #fff;

}

.khtitle {

}

.khtitle h3 {

	font-size: 24px;

	font-weight: bold;

	color: #333;

	margin-bottom: 20px;

}

.khtitle p {

	font-size: 18px;

	color: #333;

	line-height: 35px;

}

.khtitle p span {

	color: #f00

}

.liuyan {

	width: 1320px;

}

.liuyan h3 {

	font-size: 20px;

	color: #333;

	margin-top: 30px;

	margin-bottom: 10px;

}

.liuyan table {

	width: 1320px;

}

.liuyan table td {

	font-size: 18px;

	padding: 10px 0;

	line-height: 40px;

}

.liuyan table td span {

	color: #e20f1f;

	padding: 0 7px;

}

.formtext {

	width: 280px;

	height: 40px;

	box-sizing: border-box;

	border: 1px #aaa solid;

	line-height: 40px;

	font-size: 14px;

	color: #333;

	padding-left: 10px;

}

.formtext1 {

	width: 630px;

	box-sizing: border-box;

	height: 40px;

	border: 1px #aaa solid;

	line-height: 40px;

	font-size: 14px;

	color: #333;

	padding-left: 10px;

}

.formtext2 {

	width: 1257px;

	height: 130px;

	border: 1px #aaa solid;

	line-height: 30px;

	font-size: 14px;

	color: #333;

	padding: 10px;

}

.bitian {

	background: url(../images/bitian.png) right center no-repeat;

}

.fstext {

	font-size: 16px;

	color: #666;

	margin-left: 20px;

	line-height: 40px;

}

.icon-name-yzm {

	float: left;

	width: 120px;

	margin-top: 0;

}

.icon-name-yzm-img {

	float: left;

	margin-top: 20px;

}

.news_con {

	width: 1200px;

	padding: 30px;

	background: #fff;

}

.news_contitle {

	font-size: 30px;

	color: #333;

	font-weight: normal;

	line-height: 50px;

}

.news_contime {

	font-size: 14px;

	color: #666;

	line-height: 30px;

	margin-bottom: 30px;

	padding-bottom: 10px;

	border-bottom: 1px #ddd solid;

}

.news_text {

	line-height: 30px;

	font-size: 14px;

	color: #333;

	margin-bottom: 30px;

	padding-bottom: 30px;

	border-bottom: 1px #ddd solid;

}

.news_text p {

	margin: 15px 0;

	font-size: 14px;

	color: #333;

}

.pro_text {

	padding: 30px;

	box-sizing: border-box;

	background: #fff;

	line-height: 30px;

	font-size: 14px;

	color: #333;

	margin-bottom: 30px;

}

.pro_text p {

	margin: 15px 0;

	font-size: 14px;

	color: #333;

}

.producttext {

}

.producttext h3 {

	font-size: 20px;

	color: #007dd4;

}

.productcontent {

	height: 180px;

	margin-top: 12px;

	font-size: 14px;

	color: #666;

	line-height: 24px;

	text-align: justify;

}

.producttext a {

	font-size: 14px;

	color: #007dd4;

	border: 1px #007dd4 solid;

	width: 90px;

	height: 30px;

	display: block;

	text-align: center;

	line-height: 30px;

}

.newslist {

	width: 1320px;

	margin: 0 auto;

}

.newslist ul {

	position: relative;

}

.newslist ul:after {

	content: " ";

	background: #eee;

	position: absolute;

	top: 0;

	left: 200px;

	height: 100%;

	width: 1px;

	z-index: 1;

}

.newslist ul li {

	position: relative;

	width: 100%;

	height: 230px;

	margin-bottom: 20px;

	box-sizing: border-box;

}

.newslist ul li h5 {

	float: left;

	width: 200px;

	padding: 30px 50px 0 0;

	margin-right: 40px;

	height: 170px;

	text-align: center;

	position: relative;

	z-index: 4

}

.newslist ul li h5:before {

	content: " ";

	position: absolute;

	top: 0;

	right: 50px;

	width: 0;

	height: 230px;

	background: #2e3db2;

	transition: all .5s ease;

	-webkit-transition: all .5s ease;

	z-index: 1;

}

.newslist ul li h5:after {

	content: " ";

	background: #eee;

	position: absolute;

	right: 0;

	top: 115px;

	height: 1px;

	width: 50px;

	z-index: 5;

}

.newslist ul li h5 b {

	display: block;

	font-size: 50px;

	margin-top: 60px;

	color: #2e3db2;

	font-weight: normal;

	position: relative;

	z-index: 3

}

.newslist ul li h5 i {

	font-size: 16px;

	line-height: 40px;

	color: #333;

	font-weight: normal;

	font-style: normal;

	position: relative;

	z-index: 3

}

.newslist ul li h3 {

	background: #fafafa;

	float: left;

	width: 615px;

	height: 170px;

	padding: 30px 50px;

	position: relative;

	z-index: 3

}

.newslist ul li h3:before {

	content: " ";

	position: absolute;

	border-top: 0 solid transparent;

	border-bottom: 0 solid transparent;

	border-left: 0 solid #2e3db2;

	left: -120px;

	top: 50%;

	margin-top: -15px;

	z-index: 3;

	transition: all .5s ease;

	-webkit-transition: all .5s ease;

}

.newslist ul li h3:after {

	content: " ";

	background: #fafafa;

	position: absolute;

	left: 0;

	top: 0;

	z-index: 1;

	width: 90px;

	height: 230px;

	transition: all .5s ease;

	-webkit-transition: all .5s ease;

}

.newslist ul li h3 a {

	font-size: 22px;

	line-height: 50px;

	color: #333;

	transition: all .5s ease;

	-webkit-transition: all .5s ease;

	position: relative;

	z-index: 3

}

.newslist ul li h3 p {

	font-size: 14px;

	line-height: 30px;

	font-weight: normal;

	color: #888;

	position: relative;

	z-index: 3

}

.newslist ul li h4 {

	background: #fafafa;

	float: right;

	width: 245px;

	height: 170px;

	padding: 30px 50px 30px 0;

	position: relative;

	z-index: 3

}

.newslist ul li h4:after {

	content: " ";

	position: absolute;

	top: 0;

	left: 295px;

	width: 0;

	height: 230px;

	background: #fafafa;

	transition: all .5s ease;

	-webkit-transition: all .5s ease;

	z-index: 1;

}

.newslist ul li h4 img {

	max-width: 100%;

	max-width: 100%;

	position: relative;

	z-index: 5;

}

.newslist ul li.active h5:before {

	width: calc(50vw - 450px);

}

.newslist ul li.active h5 b {

	color: #fff;

}

.newslist ul li.active h5 i {

	color: #fff;

}

.newslist ul li.active h5:after {

	background: #2e3db2;

	z-index: 3

}

.newslist ul li.active h4:after {

	width: calc(50vw - 659px);

}

.newslist ul li.active h3:before {

	position: absolute;

	border-top: 15px solid transparent;

	border-bottom: 15px solid transparent;

	border-left: 15px solid #2e3db2;

	left: -90px;

	top: 50%;

	margin-top: -15px;

	z-index: 3;

}

.newslist ul li.active h3:after {

	left: -90px;

}

.newslist ul li.active h3 a {

	color: #2e3db2

}

.nynewsshow-l {

	float: left;

	width: 920px;

	background: #fff;

	box-sizing: border-box;

}

.nynewsshow-l h1.title {

	font-size: 36px;

	line-height: 60px;

	padding-bottom: 10px;

	border-bottom: 1px #eee solid;

}

.nynewsshow-l h1.title .info {

	font-size: 14px;

	color: #666;

	line-height: 40px;

	font-weight: normal;

}

.nynewsshow-l h1.title .info small {

	font-size: 14px;

}

.textarea {

	color: #666;

	line-height: 36px;

}

.nynewsshow-xgxw {

	padding-top: 30px;

	margin-top: 30px;

	border-top: 1px #ddd solid;

}

.nynewsshow-xgxw ul li {

	line-height: 40px;

	position: relative;

	margin-bottom: 1%;

	border-bottom: 1px #eee solid;

	transition: all 0.8s ease;

}

.nynewsshow-xgxw ul li:after {

	content: "";

	position: absolute;

	left: 0;

	bottom: 0;

	width: 0;

	height: 1px;

	background: #2e3db2;

	transition: all 0.8s ease;

}

.nynewsshow-xgxw ul li a {

	line-height: 50px;

	font-size: 16px;

	color: #666;

	transition: all 0.5s ease;

	display:block;

}

.nynewsshow-xgxw ul li a span {

	float: right;

	font-size: 16px;

	color: #888;

}

.nynewsshow-xgxw ul li:hover:after {

	width: 100%;

}

.nynewsshow-xgxw ul li:hover a {

	color: #2e3db2

}

.nynewsshow-r {

	float: right;

	width: 300px;

}

.nynewspreNextr {

}

.nynewspreNextr ul li {

	background: #e6ebef;

	padding: 30px;

	font-size: 18px;

	box-sizing: border-box;

	margin-bottom: 30px;

	font-weight: bold;

}

.nynewspreNextr ul li a {

	font-weight: normal;

	font-size: 14px;

	color: #666;

}

.nynewspreNextr ul li span {

	font-weight: normal;

	font-size: 14px;

	color: #666;

}

.share_box {

	background: #e6ebef;

	padding: 30px;

	font-size: 18px;

	box-sizing: border-box;

}

.share_box_title {

	font-size: 24px;

	font-weight: bold;

	margin-bottom: 20px;

}

.nynewsshow-r-pro {

	width: 100%;

	padding: 30px;

	background: #e6ebef;

	box-sizing: border-box;

	margin-top: 30px;

}

.nynewsshow-r-pro ul {

	width: 100%;

	position: relative;

}

.nynewsshow-r-pro ul li {

	background: #fff;

	width: 100%;

	text-align: center;

	height: 190px;

	box-sizing: border-box;

	padding: 20px;

	transition: all 0.5s ease;

}

.nynewsshow-r-pro ul li h4 {

	font-size: 16px;

	line-height: 50px;

	color: #333;

	font-weight: normal

}

.nynewsshow-r-pro ul li h6 a img {

	max-width: 100%;

	-webkit-transition-duration: 1s;

	transition-duration: 1s;

}

.nynewsshow-r-pro ul li h6 a {display:block;}

.nynewsshow-r-pro ul li h6 {

	font-size: 14px;

	width: 200px;

	height: 120px;

	-webkit-transition: all ease-in-out 0.3s;

	-o-transition: all ease-in-out 0.3s;

	-ms-transition: all ease-in-out 0.3s;

	transition: all ease-in-out 0.3s;

	overflow: hidden;

}

.nynewsshow-r-pro ul li:hover {

	box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.1);

}

.nynewsshow-r-pro ul li:hover h6 a img {

	-webkit-transform: scale(1.1);

	-ms-transform: scale(1.1);

	transform: scale(1.1)

}

.icase {

	float: left;

	width: 180px;

	height: 185px;

	padding: 135px 35px 0;

	background: url(../images/icaseimg.jpg) left top no-repeat;

	position: relative;

}

.icasetitle {

	height: 40px;

	width: 100%;

}

.icasetitle h3 {

	font-size: 18px;

	padding-top: 12px;

	line-height: 26px;

	color: #007dd4;

	font-weight: normal;

	background: url(../images/iline.jpg) left top no-repeat;

}

.icasetitle span {

	font-size: 20px;

	margin-left: 10px;

	color: #cfcfcf;

	text-transform: uppercase;

}

.icaselist {

	margin-top: 10px;

}

.icaselist li {

	line-height: 30px;

	padding-left: 10px;

	background: url(../images/icaselist.jpg) left center no-repeat;

}

.icaselist li a {

	line-height: 30px;

	color: #666;

	font-size: 12px;

}

.icasemore {

	width: 250px;

	height: 40px;

	background: #c30401;

	position: absolute;

	bottom: 0;

	left: 0;

	line-height: 40px;

	color: #fff;

	text-align: center;

}

.icasemore:hover {

	color: #fff;

}

/*详细页功能区*/

.preNext {

	position: relative;

}

.preNext .line {

	height: 10px;

	overflow: hidden;

	clear: both;

	background: url(../images/box_dotline.gif) left 15px repeat-x;

	margin: 4px auto;

	padding-top: 10px;

}

.preNext .line strong {

	display: block;

	width: 8px;

	height: 10px;

	overflow: hidden;

	font-size: 0px;

	line-height: 100px;

	background: url(../images/box_dotline.gif) right -10px no-repeat;

	float: left;

}

.preNext .text {

	color: #999;

	font-size: 14px;

	line-height: 30px;

}

.preNext .actBox {

	position: absolute;

	top: 25px;

	right: 0;

}

.preNext .actBox li {

	display: inline;

	padding-left: 22px;

	background-image: url(../images/actbox-ico.gif);

	background-repeat: no-repeat;

	margin-left: 10px;

}

.preNext .actBox li a {

	color: #666;

}

.preNext .actBox li#act-fav {

	background-position: 4px 0px;

}

.preNext .actBox li#act-err {

	background-position: 4px -37px;

}

.preNext .actBox li#act-pus {

	background-position: 4px -73px;

}

.preNext .actBox li#act-pnt {

	background-position: 4px -109px;

}

/*分页样式*/

.page_info {

	text-align: center;

	margin-top: 10px;

	color: #333;

}

.page_info span {

	padding: 0 2px;

	font-weight: bold;

}

.page_list {

	height: 24px;

	line-height: 24px;

	text-align: center;

	letter-spacing: 0;

	font-family: "Arial Black";

	font-size: 12px;

	margin-top: 20px;

}

.page_list a {

	display: inline-block;

	color: #898989;

	border: 1px solid #e8e8e8;

	background: #f8f8f8;

	text-align: center;

	padding: 0 8px;

	margin: 0 1px;

}

.page_list a:hover {

	color: #fff;

	border: 1px solid #898989;

	background: #898989;

}

.page_list a.on {

	color: #333;

	border: 1px solid #ccc;

	background: #E5EDF2;

}

/*内容分页*/

.contPage {

	height: 20px;

	line-height: 20px;

	text-align: center;

	letter-spacing: 0;

	font-family: "Arial Black";

	font-size: 10px;

	margin-top: 20px;

}

.contPage a {

	display: inline-block;

	color: #898989;

	background: #fff;

	text-align: center;

	padding: 0 7px;

	margin: 0 1px;

}

.contPage a:hover {

	color: #fff;

	background: #898989;

}

.contPage a.on {

	color: #333;

	background: #E5EDF2;

	border: 1px solid #C2D5E3;

}

.foot {

	background: url(../images/footbg.jpg) no-repeat center;

	width: 100%;

	padding-top: 100px;

	border-top: 3px #c30d23 solid !important;

}

.footbox {

	width: 1320px;

	margin: 0 auto;

	height: 350px;

}

.foottitle {

	font-size: 18px;

	font-weight: bold;

	color: #fff;

	padding-left: 20px;

	margin-left: 20px;

	margin-bottom: 20px;

	position: relative;

}

.foottitle:after {

	content: "";

	width: 3px;

	height: 20px;

	background: #2e3db2;

	position: absolute;

	bottom: 4px;

	left: 0;

}

.footnav {

	float: left;

	width: 260px;

}

.footnav ul li {

	line-height: 35px;

	padding-left: 40px;

	transition: all 1.1s;

}

.footnav ul li:hover{padding-left:50px;}

.footnav ul li a {

	color: #fff;

	font-size: 16px;

	line-height: 35px;

}

.footcpfl {

	float: left;

	width: 300px;

}

.footcpfl ul li {

	line-height: 35px;

}

.footcpfl ul li a {

	color: #fff;

	font-size: 16px;

	line-height: 35px;

}

.footcontact {

	float: left;

	width: 500px;

}

.footcontact .footcontact_text {

	line-height: 35px;

}

.footcontact .footcontact_text p {

	color: #fff;

	font-size: 16px;

	line-height: 35px;

}

.footcontact .footcontact_text a {

	color: #fff;

}

.footcontact .footcontact_text ul li span {

	color: #FFF;

	font-weight: bold;

}

.footcontact_text ul {

	padding-left: 30px;

}

.footcontact_text ul li {

	color: #FFF;

	line-height: 45px;

	padding-left: 50px;

	transition: all 1.1s;

}

.footcontact_text ul li:hover {	padding-left: 55px;}

.footcontact_text ul .gsmc {

	background: url(../images/gsmc.png) no-repeat left;

}

.footcontact_text ul .lxr {

	background: url(../images/lxr.png) no-repeat left;

}

.footcontact_text ul .lxdh {

	background: url(../images/lxdh.png) no-repeat left;

}

.footcontact_text ul .lxdz {

	background: url(../images/lxdz.png) no-repeat left;

}

.footlogo {

	float: right;

	width: 297px;

}

.footlogo .footewm {

	width: 297px;

	height: 160px;

	text-align: right;

}

.footlogo .footewm img {

	width: 297px;

	height: 160px;

	display: inline-block;

	padding-left: 20px;

}

.footlogo .footlogoimg {

	width: 297px;

	height: 160px;

	text-align: right;

	line-height: 30px;

	margin-top: 20px;

	color: #333;

}

.footlogo .footlogoimg img {

	display: inline-block;

}

.copyright {

	width: 100%;

	height: 70px;

/*	line-height: 60px;*/

	color: #fff;

	text-align: left;

	background: #2e3db2;

	font-size: 14px;

	padding-top:10px;

}

.copyright a {

	color: #fff;

}

.copyrightnav {

	float: right;

	line-height: 60px;

}

.copyrightnav a {

	color: #fff;

}

.footyqlj {

	width: 1320px;

	font-size: 14px;

	color: #666;

	margin: 0 auto;

	padding: 20px 0;

}

.footyqlj a {

	color: #666;

	margin-right: 10px;

}

 input::-webkit-input-placeholder {

 color:#aaa;

}

input::-moz-placeholder {   /* Mozilla Firefox 19+ */

 color:#aaa;

}

input:-moz-placeholder {    /* Mozilla Firefox 4 to 18 */

 color:#aaa;

}

input:-ms-input-placeholder {  /* Internet Explorer 10-11 */

 color:#aaa;

}

textarea::-webkit-input-placeholder {

 color:#aaa;

}

textarea::-moz-placeholder {   /* Mozilla Firefox 19+ */

 color:#aaa;

}

textarea:-moz-placeholder {    /* Mozilla Firefox 4 to 18 */

 color:#aaa;

}

textarea:-ms-input-placeholder {  /* Internet Explorer 10-11 */

 color:#aaa;

}

.footlink {

	background: #2e3db2;

	height: 60px;

	line-height: 60px;

	color: #fff;

	font-size: 14px;

}

.footlink a {

	display: inline-block;

	padding: 0 0 0 10px;

	line-height: 60px;

	color: #fff;

	font-size: 14px;

}

/*Top按钮*/

*html {

	background-image: url(about:blank);

	background-attachment: fixed;

}/*解决IE6下滚动抖动的问题*/

.tbox {

	width: 50px;

	float: right;

	position: fixed;

	right: 10px;

	bottom: 15px;

	_position: absolute;

	_bottom: auto;

_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));

	_margin-bottom: 15px;

	display: none;

}/*解决IE6下不兼容 position:fixed 的问题*/

.tbox #gotop {

	width: 50px;

	height: 50px;

	background: url(../images/icon.png) no-repeat 0 0;

	display: block;

}

.control {

	width: 500px;

	height: 450px;

	display: block;

	overflow: hidden;

}

.change li {

	width: 500px;

	overflow: hidden;

	text-align: center;

}

.change li .imgWrap {

	display: table-cell;

	width: 500px;

	height: 450px;

	vertical-align: middle;

	cursor: pointer;

	overflow: hidden

}

.change li img {

	vertical-align: middle;

	max-width: 500px;

	max-height: 450px;

}

.change li .textDesc {

	display: none;

	width: 100%;

	height: 100px;

	position: absolute;

	left: 0;

	bottom: 0;

	text-align: left;

	overflow: hidden;

}

.change li .opacity {

	display: none;

	width: 100%;

	height: 100px;

	position: absolute;

	left: 0;

	bottom: 0;

	background: #000;

	filter: alpha(opacity=50);

	opacity: 0.5;

}

.change li .title {

	display: none;

	padding: 10px 15px 0;

	color: #e6e6e6;

	font-size: 14px;

	line-height: 22px;

}

.change li .title a {

	color: #e6e6e6;

}

.change li .text {

	display: none;

	color: #b7b7b7;

	line-height: 18px;

	padding: 5px 15px;

	font-size: 12px;

}

.thumbWrap {

	width: 500px;

	height: 100px;

	padding: 10px;

	box-sizing: border-box;

	float: right;

	background: #f8f8f8;

	border-radius: 5px;

	overflow: hidden;

}

.thumbWrap .thumbCont {

	width: 100%;

	height: 100%;

	position: relative;

	overflow: hidden;

}

.thumbWrap ul {

	width: 500px !important;

	left: 0 !important;

}

.thumbWrap ul li {

	width: 80px;

	height: 80px;

	float: left;

	margin-right: 20px;

	text-align: center;

	overflow: hidden;

	border: 1px #fff solid;

	box-sizing: border-box;

	border-radius: 5px;

}

.thumbWrap ul li:last-child {

	margin-right: 0;

}

.thumbWrap ul li div {

	display: table-cell;

	width: 80px;

	height: 80px;

	vertical-align: middle;

	cursor: pointer;

*font-size: 79px;

}

.thumbWrap ul li img {

	max-width: 80px;

	max-height: 80px;

	vertical-align: middle;

	overflow: hidden

}

.thumbWrap ul li.cur {

	border: 1px #00a0ea solid;

}

.thumbPrev, .thumbNext {

	display: none;

	width: 206px;

	height: 39px;

	text-align: center;

	position: absolute;

	color: #000;

	z-index: 9;

	outline: none

}

.thumbPrev span, .thumbNext span {

	display: none;

}

.control .next, .control .prev {

	display: none;

}

/*title*/



.strong {

	font-weight: bold;

}

.title {

}

.title span {

	display: block;



	padding-left: 30px;

	line-height: 20px;

	font-size: 18px;

	color: #888888;

	font-style: normal

}

.title h3 {

	font-size: 36px;

	color: #333333;

	letter-spacing: 5px;

	margin-top: 10px;

	font-style: normal;

	padding-left: 30px;

}

.title h3 i {

	font-size: 36px;

	color: #fff;

	font-weight: bold;

	font-style: normal;

}

/*ys*/

.ys_bg {

	width: 100%;

	margin: 0 auto;

	height: 1200px;

	background: url(../images/ys_bg.jpg) no-repeat center;

	overflow: hidden;

	position:relative;

}

.ys_bg .ys {

	padding-top: 100px;

}

.ys_bg .ys_t {

	width: 1320px;

	height: 135px;

	margin: 0 auto;

}

.ys_bg .ys_t .title {

	float: left;

}

.ys_bg .ys_t .zx {

	/*background: url(../images/zx.png) no-repeat center;*/

	width: 255px;

	height: 72px;

	line-height: 96px;

	position: relative;

	z-index: 5;

	float: right;

}

.ys_bg .ys_t .zx a {

	display: block;

	text-align: center;

	font-size: 18px;

	color: #fff;

}

.ys_bg .ys_box {

	margin: 50px auto 0 auto;

	width: 1320px;

}

.ys_bg .ys_box .hd {

	width: 1320px;

	margin: 0 auto;

}

.ys_bg .ys_box ul li {

	float: left;

	position: relative;

	width: 195px;

	height: 573px;

	overflow: hidden;

	-webkit-transition: all 0.5s ease-out;

	-o-transition: all 0.5s ease-out;

	transition: all 0.5s ease-out;

	margin-right: 16px;

}

.ys_bg .ys_box ul li:last-child {

	margin-right: 0;

}

.ys_bg .ys_box ul li .ys_img {

	position: relative;

	width: 195px;

	height: 573px;

	-webkit-transition: all 0.5s ease-out;

	-o-transition: all 0.5s ease-out;

	transition: all 0.5s ease-out;

}

.ys_bg .ys_box ul li .ys_img img {

	width: 195px;

	height: 573px;

	object-fit: cover;

	-webkit-transition: all 0.5s ease-out;

	-o-transition: all 0.5s ease-out;

	transition: all 0.5s ease-out;

}

.ys_bg .ys_box ul li .ys_nr {

	position: absolute;

	left: 0px;

	top: 0px;

	z-index: 5;

	width: 195px;

	height: 573px;

	-webkit-transition: all 0.5s ease-out;

	-o-transition: all 0.5s ease-out;

	transition: all 0.5s ease-out;

	background: url(../images/ico1.png) repeat center;

	text-align: center;

}

.ys_bg .ys_box ul li .ys_nr img {

	display: block;

	margin: 175px auto 0 auto;

}

.ys_bg .ys_box ul li .ys_nr em {

	display: block;

	margin: 40px auto 65px auto;

	width: 1px;

	height: 17px;

	background: #fff;

}

.ys_bg .ys_box ul li .ys_nr h5 {

	font-size: 18px;

	color: #fff;

	font-weight: bold;

}

.ys_bg .ys_box ul li .ys_nr i {

	display: block;

	font-size: 12px;

	color: #fff;

	font-family: Arial, Helvetica, sans-serif;

	opacity: 0.6;

	margin-top: 10px;

	font-style: normal

}

.ys_bg .ys_box ul li .ys_on {

	position: absolute;

	left: 0px;

	top: 0px;

	z-index: 5;

	width: 660px;

	height: 573px;

	-webkit-transition: all 0.5s ease-out;

	-o-transition: all 0.5s ease-out;

	transition: all 0.5s ease-out;

	background: url(../images/ico2.png) repeat center;

	padding: 0 40px;

	opacity: 0;

}

.ys_bg .ys_box ul li .ys_on h5 {

	font-size: 22px;

	color: #fff;

	font-weight: bold;

	line-height: 60px;

	margin-top: 360px;

}

.ys_bg .ys_box ul li .ys_on h5 a {

	color: #fff;

}

.ys_bg .ys_box ul li .ys_on h5 i {

	font-size: 12px;

	color: #fff;

	font-family: Arial, Helvetica, sans-serif;

	font-style: normal;

}

.ys_bg .ys_box ul li .ys_on h5 a {

	color: #fff;

	font-style: normal;

}

.ys_bg .ys_box ul li .ys_on em {

	display: block;

	width: 100%;

	height: 1px;

	background: rgba(255, 255, 255, 0.2);

}

.ys_bg .ys_box ul li .ys_on p {

	font-size: 15px;

	color: #dcdcdc;

	line-height: 34px;

	margin-top: 15px;

}

.ys_bg .ys_box ul li.on {

	width: 680px;

}

.ys_bg .ys_box ul li.on .ys_img {

	width: 680px;

}

.ys_bg .ys_box ul li.on .ys_img img {

	width: 680px;

}

.ys_bg .ys_box ul li.on .ys_nr {

	opacity: 0;

}

.ys_nr .txt h5 a {

	color: #fff;

}

.ys_bg .ys_box ul li.on .ys_on {

	width: 660px;

	opacity: 1;

}

.synews {

	width: 100%;

	margin: 0 auto;

	box-sizing: border-box;

	padding: 80px 0;

	background: url(../images/newsbg.jpg) center no-repeat;

}

.synews_title {

	margin: 0 auto;

	width: 1320px;

	box-sizing: border-box

}

.synews_title h3 {

	font-size: 36px;

	color: #c30d23;

	text-transform: uppercase;

	line-height: 50px;

}

.synews_title h4 {

	font-size: 36px;

	color: #fff;

	line-height: 46px;

}

.synewslist {

	margin: 0 auto;

	box-sizing: border-box;

}

.synewshot {

	width: 100%;

	height: 500px;

	position: relative;

}

.synewslist ul {

	width: 100%;

	height: 220px;

}

.synewslist ul li {

	float: left;

	width: 32%;

	background: #fff;

	padding: 25px;

	margin: 0 1%;

	box-sizing: border-box;

}

.synewslist ul li:last-child {

	margin: 0 0 0 1%;

}

.synewslist ul li:nth-child(1) {

	margin: 0 1% 0 0;

}

.synewslist ul li h4 {

	font-size: 24px;

	color: #2e3db2;

	line-height: 30px;

}

.synewslist ul li h4 span {

	color: #888;

	font-size: 16px;

	font-weight: normal;

	margin-left: 10px;

}

.synewslist ul li h3 a {

	font-size: 18px;

	font-weight: normal;

	color: #333;

	display: block;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

	line-height: 40px;

	margin-bottom: 10px;

}

.synewslist ul li p {

	font-size: 14px;

	color: #aaa;

	line-height: 30px;

	height: 60px;

	overflow: hidden;

}

.nyaboutjianjie {

	max-width:1400px;

	margin: 0 auto;

	min-width: 1320px;

	box-sizing: border-box;

	position: relative;

	padding: 80px 0;

	height: 670px;

}

.nyaboutjianjie_l {

	float: left;

	width: 300px;

	min-height: 460px;

	box-sizing: border-box;

	padding-right: 80px;

	margin-right: 80px;

	box-sizing: border-box;

	border-right: 1px #ddd solid;

}

.nyabout_list {

	width: 300px;

	box-sizing: border-box;

	position: relative;

}

.nyabout_list ul {

	width: 100%;

	box-sizing: border-box;

	position: absolute;

	left: 0;

	top: 0;

	z-index: 9;

}

.nyabout_list li {

	box-sizing: border-box;

	background-repeat: no-repeat;

	background-position: right center;

	position: relative;

	padding-bottom: 20px;

	margin-bottom: 20px;

}

.nyabout_list li:before {

	content: "";

	display: block;

	width: 40px;

	height: 40px;

}

.nyabout_list li:after {

	content: "";

	position: absolute;

	bottom: 0;

	left: 0;

	width: 220px;

	height: 1px;

	background: #eee

}

.nyabout_list li.syabout_list01:before {

	background-image: url(../images/syabout_list01.png);

}

.nyabout_list li.syabout_list02:before {

	background-image: url(../images/syabout_list02.png);

}

.nyabout_list li.syabout_list03:before {

	background-image: url(../images/syabout_list03.png);

}

.nyabout_list li.syabout_list04:before {

	background-image: url(../images/syabout_list04.png);

}

.nyabout_list li.syabout_list05:before {

	background-image: url(../images/syabout_list05.png);

}

.nyabout_list li h3 {

	font-size: 18px;

	color: #666;

	font-weight: normal;

}

.nyabout_list li h4 {

	font-weight: normal;

}

.nyabout_list li h4 b {

	font-size:50px;

	color: #2e3db2;

}

.nyabout_list li h4 span {

	font-size: 16px;

	color: #666;

}

.nyaboutjianjie_title {

	font-size: 30px;

	color: #333;

	line-height: 100px;

	font-weight: bold;

	position: relative;

}

.nyaboutjianjie_title:before {

	content: "";

	position: absolute;

	left: -100px;

	top: -60px;

	width: 600px;

	height: 500px;

	background: url(../images/nyaboutjianjie_title.png) left top no-repeat;

}

.nyaboutjianjie_content {

	font-size: 16px;

	color: #888;

	max-height: 800px;

	overflow-y: scroll;

	padding-right: 60px;

}

.nyaboutjianjie_content h3 {

	font-size: 18px;

	color: #333;

	line-height: 50px;

}

.nyaboutjianjie_content p {

	font-size: 16px;

	color: #333;

	line-height: 36px;

	text-align: justify;

	margin: 8px 0;

	text-indent: 2em

}

.nyaboutjianjie_content p:hover {

	color: #666;

}

.nyaboutjianjie_r {

	width: calc( 100% - 600px);

	float: right;

	overflow-y: scroll;

	height: 500px;

	box-sizing: border-box;

	padding-right: 60px;

}

.nyaboutjianjie_r::-webkit-scrollbar {

width:3px;

height:1px;

}

.nyaboutjianjie_r::-webkit-scrollbar-thumb {

background:#2e3db2;

}

.nyaboutjianjie_r::-webkit-scrollbar-track {

background:#EBEBEB;

}

.nyaboutjianjie_list {

	width: 100%;

	margin: 0 auto;/* height:340px;*/

}

.nyaboutjianjie_list .swiper-slide { /*height:340px;*/

	padding: 0 10px;

	box-sizing: border-box;

}

.nyaboutjianjie_list .swiper-slide img {

	width: 100%;/* height:340px;*/

	border-radius: 10px;

}

.swiper-button-next, .swiper-button-prev {

	color: #2e3db2 !important

}

.nybanner {

	width: 100%;

	margin: 0 auto;

	min-width: 1320px;

	height: 450px;

	background: url(../images/nybanner.jpg) center center repeat-x;

	display: table;

	table-layout: fixed;

}

.nybanner .nybannertext {

	display: table-cell;

	vertical-align: middle;

	text-align: center;

}

.nybanner .nybannertext h3 {

	color: #fff;

	font-size: 36px;

	line-height: 50px;

}

.nybanner .nybannertext h3 i {

	display: inline-block;

	width: 24px;

	height: 34px;

	margin-right: 5px;

	background: url(../images/nybannertitleicon.png) center center no-repeat

}

.nybanner .nybannertext p {

	font-size: 16px;

	letter-spacing: 2px;

	text-transform: uppercase;

}

.nyaboutbanner {

	width: 100%;

	margin: 0 auto;

	min-width: 1320px;

	height: 540px;

	background: url(../images/nyaboutbanner.jpg) center top no-repeat;

	position: relative;

}

.nyaboutbanner .nybannertext {

	text-align: center;

	padding-top: 100px;

	width: 1000px;

	margin: 0 auto;

}

.nyaboutbanner .nybannertext h3 {

	color: #fff;

	font-size: 48px;

	letter-spacing: 1px;

	line-height: 80px;

	text-shadow: 2px 2px 5px rgba(0,0,0,0.6);

}

.nyaboutbanner .nybannertext p {

	font-size: 18px;

	text-transform: uppercase;

	color: #fff;

	text-shadow: 2px 2px 5px rgba(0,0,0,0.8);

	letter-spacing:2px;

}

.nyaboutbanner .nyaboutloc {

	max-width: 1400px;

	margin: 0 auto;

	min-width: 1320px;

	box-sizing: border-box;

	position: absolute;

	left: 0;

	right: 0;

	bottom: 0;

	height: 110px;

	padding: 40px 50px 0;

	background: -moz-linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(255,255,255,1) 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0.8)), color-stop(100%, rgba(255,255,255,1)));

	background: -webkit-linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(255,255,255,1) 100%);

	background: -o-linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(255,255,255,1) 100%);

	background: -ms-linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(255,255,255,1) 100%);

	background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%, rgba(255,255,255,1) 100%);

}

.nyaboutloc_list {

	background: url(../images/loc2.png) left center no-repeat;

	font-size: 14px;

	color: #fff;

	width:160px;

	margin:0 auto;

}

.nyaboutloc_list a {

	font-size: 14px;

	color: #fff;

}

.nyaboutloc_list a.active {

	color: #fff;

}

.nyaboutnav {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

}

.nyaboutnav ul li {

	float: left;

	width: 33.33%;

	text-align: center;

	position: relative;

	height: 50px;

}

/*.nyaboutnav ul li:after{ content:""; display:block; width:0; height:3px; background:#2e3db2; position:absolute; bottom:0; left:50%; transition: all 0.5s ease;}*/

.nyaboutnav ul li:after {

	float: left;

	width: 33.33%;

	text-align: center;

	position: relative;

	height: 50px;

}

.nyaboutnav ul li a {

	font-size: 20px;

	color: #333;

	font-weight: bold;

	display: block;

	margin: 0 auto;

	width: 200px;

	line-height: 50px;

}

.nyaboutnav ul li:hover:after {

	width: 200px;

	margin-left: -100px;

}

.nyaboutnav ul li:hover a {

	color: #2e3db2;

}

.nyaboutnav ul li.active:after {

	width: 200px;

	margin-left: -100px;

}

.nyaboutnav ul li.active a {

	color: #2e3db2;

}

.nyaboutnav ul li span {

	display: block;

	text-align: center;

	height: 59px;

}

.nyaboutnav ul li i {

	display: block;

	line-height: 0;

	width: 59px;

	height: 59px;

	overflow: hidden;

	margin: 0 auto;

}

.nyaboutnav ul li i img {

	width: 59px;

	height: 118px;

	-webkit-transition: all .5s;

	transition: all .5s;

}

.nyaboutnav ul li:hover i img {

	margin-top: -59px;

}

.pronav{width:100%;height:100px;}

.pronav ul{width:1320px;margin:0 auto;}

.pronav ul li{float:left;background:#2e3db2;width:24.2%;margin-right:1%;text-align:center;height:90px;margin-bottom:10px;transition: all 0.6s;}

.pronav ul li:hover{background:#c30d23;}

.pronav ul li:nth-child(4n) {margin-right:0%;}

.pronav ul li a{color:#fff;font-style:normal;font-size:18px;line-height:1.5em;display:block;padding-top:20px;transition: all 0.6s;font-weight:bold;}

.pronav ul li em{font-size:14px;font-style:normal;color:#b9b9b9;line-height:2em;}

.ipro {

	margin-top: 4px;

	display: flex;

	flex-wrap: wrap;

}

.ipro div {

	float: left;

	text-align: center;

	margin-bottom: 45px;

	margin-right: 20px;

}

.ipro div p{background:#2e3db2;color:#fff;transition: all 1.1s;}

.ipro div:hover p a {

	color: #fff;

	background: #c30d23;

	transition: all 1.1s;

}

.ipro div:nth-child(4n) {

	margin-right: 0px;

}

.ipro h3 {

	width: 314px;

}

.ipro h3 a {

	width: 284px;

	height: 210px;

	padding: 1px;

	display: table-cell;

	vertical-align: middle;

	text-align: center;

*display:block;

*font-size:166px;

*font-family:Arial;

	border: 1px solid #eee;

}

.ipro h3 img {

	vertical-align: middle;

}

.ipro p a {

	color: #fff;

	font-weight: normal;

	line-height: 40px;

	font-size: 16px;

	display: block;

}

.ipro p a:hover {

/*	text-decoration: underline;*/

}

.ipro1 {

	margin-top: 4px;

	margin: auto;

}

.ipro1 div {

	float: left;

	width: 287px;

	text-align: center;

	border: 3px solid #fff;

	background: #fff;

	margin-right: 20px;

}

.ipro1 h3 {

	width: 284px;

	height: 218px;

	margin: 0 auto 5px;

}

.ipro1 h3 a {

	width: 284px;

	height: 218px;

	padding: 1px;

	display: table-cell;

	vertical-align: middle;

	text-align: center;

}

.ipro1 h3 img {

	vertical-align: middle;

}

.ipro1 p {

	text-align: center;

	font-weight: normal;

	border-top: 1px #C0E0C4 dashed;

}

.ipro1 p a {

	color: #333;

	font-weight: normal;

	line-height: 42px;

	font-size: 16px;

}

.ipro1 p a:hover {

	text-decoration: underline;

}

#demo1p {

	list-style: none outside none;

	overflow: hidden;

	width: 1300px;

	margin: 0 auto;

}

#indemo1p {

	float: left;

	width: 800%;

}

#demo1p1 {

	float: left;

}

#demo1p2 {

	float: left;

}

.search {

	height: 78px;/* border:1px solid #e9e9e9; */

	border-left: 0;

	border-right: 0;

	box-sizing: border-box;/* background: #f5f5f5; */

	width: 100%;

	display: block;

	position: relative;

	overflow: hidden;

	border-bottom: 1px #eee solid;

}

.sea {

	height: 76px;

	width: 1320px;

	margin: 0 auto;

}

.sea span {

	display: block;

	height: 76px;

	float: left;

}

.sea span i {

	display: block;

	height: 76px;

	line-height: 76px;

	float: left;

	font-size: 16px;

	color: #555555;

	font-weight: bold;

	font-style: normal;

}

.sea span a {

	display: block;

	height: 76px;

	line-height: 76px;

	float: left;

	font-size: 16px;

	color: #555555;

	margin-right: 36px;

}

.sea span a:last-child {

	margin-right: 0;

}

.sea .sou {

	width: 306px;

	height: 46px;

	float: right;

	border: 1px solid #e9e9e9;

	border-radius: 20px;

	overflow: hidden;

	box-sizing: border-box;

	margin-top: 17px;

	background: #fff;

}

.sea .sou .txt {

	width: 229px;

	height: 44px;

	line-height: 44px;

	padding: 0 20px;

	box-sizing: border-box;

	float: left;

	background: 0;

	border: 0;

	font-size: 14px;

	color: #666;/* border: none; */

}

.sea .sou .btn {

	width: 75px;

	height: 44px;

	float: left;/* background: url(../images/sea-btn.png) no-repeat center; */

	cursor: pointer;

	border: none;

}

.sea .sou .txt::-webkit-input-placeholder {

font-size: 14px;

 color:#666;

}

.sea .sou .txt::-moz-placeholder {

font-size: 14px;

color:#666;

}

@media screen and (min-width:760px) and (max-width:1680px) {

.sea {

	width: 85%;

}

}

.input_text {

	height: 40px;

	line-height: 40px;

	margin-left: 6px;

	color: #666;

	width: 234px;

	border: 0;

	padding-left: 15px;

	box-sizing: border-box;

}

.btn_search {

	height: 40px;

	font-size: 12px;

	float: right;

	background: url(../images/sea-btn.png) no-repeat right;

	;

	color: #fff;

	width: 50px;

	border: 0;

}

.seartel {

	font-size: 14px;

	color: #fff;

	line-height: 24px;

	text-align: right;

	margin-top: 7px;

	background: url(../images/telll.png) no-repeat right;

	padding-right: 60px;

}

.seartel p {

	font-size: 21px;

}

.xiala_nav {

	width: 100%;

	background: rgba(0,0,0,0.8);

	height: 400px;

	left: 0;

	width: 100%;

	position: absolute;

	z-index: 9999;

	display: none;

}

.xiala_nav .left {

	float: left;

	width: 950px;

	padding-top: 53px;

}

.xiala_nav .left .nav_infor {

	float: left;

	width: 400px;

	text-align: left;

	padding-right:20px;

}

.xiala_nav .left .nav_infor .t {

	font-size: 22px;

	color: #fff;

	font-weight: bold;

	line-height: 35px;

	margin-bottom: 20px;

}

.xiala_nav .left .nav_infor .c {

	font-size: 16px;

	color: #fff;

	line-height: 32px;

	margin-bottom: 20px;

}

.xiala_nav .nav_list {

	position: relative;

	width: 400px;

	float: left;

	padding-left:80px;

	margin-left: 0px;

}

.xiala_nav .nav_list:before {

	content: " ";

	position: absolute;

	left: -7px;

	top: -53px;

	width: 1px;

	height: 373px;

	background: rgba(0, 97, 174, 0.5) ;

}

.xiala_nav .nav_list:after {

	content: " ";

	position: absolute;

	right: -55px;

	top: -53px;

	width: 1px;

	height: 373px;

	background: rgba(0, 97, 174, 0.5) ;

}

.xiala_nav .nav_list li {

	padding-left: 15px;

	font-size: 16px;

	line-height: 50px;

	text-align: left;

	border-bottom: 1px rgba(0, 97, 174, 0.5) solid;

	color: #fff;

	position: relative;



}

.xiala_nav .nav_list li a {

	display: block;

	color: #fff;

}

.xiala_nav .nav_list li a:hover {

	color: #fff;

}

.xiala_nav .nav_list li:before {

	content: " ";

	position: absolute;

	left: 0;

	top: 50%;

	margin-top: -4px;

	border-top: 4px solid transparent;

	border-bottom: 4px solid transparent;

	border-left: 4px solid #0061ae;

	transition: all 0.5s ease;

}

.xiala_nav .left .nav_list .list li:after {

	content: " ";

	background: #0061ae;

	position: absolute;

	left: 0;

	bottom: 0;

	width: 0px;

	height: 2px;

	transition: all 0.5s ease;

}

.xiala_nav .left .nav_list .list li:hover:after {

	width: 100px;

}

.xiala_nav .left .nav_list .list li.afternone:after {

	display: none !important;

}

.xiala_nav .right .nav_img {

	width: 350px;

	padding-top: 65px;

}

.xiala_nav .right {

	width: 350px;

	float: right;

	text-align: left;

}

.xiala_nav .right .r_infor {

	padding-top: 53px;

	padding-left: 16%;

}

.xiala_nav .right .r_infor dt {

	font-size: 22px;

	font-weight: bold;

	color: #fff;

	line-height: 28px;

	margin-bottom: 24px;

}

.xiala_nav .right .r_infor dd {

	font-size: 16px;

	color: #fff;

	line-height: 37px;

}

.xiala_nav .right .r_infor dd a {

	color: #fff;

}

.wrap {

	width: 1350px;

	margin: 0 auto;

}

.nav_list .list .fix{display: block !important;}

 .btn1 {

	bottom: 20px;

	margin-right: -450px;

	padding: 5px 6px;

	position: absolute;

	right: 50%;

	z-index: 7;

}

.btn1 span {

	line-height: 14px;

	background: none repeat scroll 0 0 #1459c7;

	border: 1px solid #1459c7;

	color: #FFFFFF;

	cursor: pointer;

	display: inline-block;

	margin-left: 5px;

	padding: 2px 5px;

}

.btn1 span.cur {

	font-weight: bold;

	padding: 4px 8px;

	background: none repeat scroll 0 0 #1459c7;

	border: 1px solid #1459c7;

}

.bgitem {

	height: 650px;

	cursor: pointer;

	width: 100%;

	margin: 0 auto;

	position: absolute;

	background-position: center top;

	background-repeat: no-repeat;

}

.tel {

	float: right;

	padding: 32px 0 0 60px;

	background: url(../images/tel.png) no-repeat left 38px;/* text-align: right; */

}

.tel span {

	font-size: 14px;

	color: #888;

}

.tel p {

	font-size: 26px;

	color: #333;

	font-family: 'Arial';

	font-weight: bold;

	line-height: 36px;

}

.tel2 {

	background: url(../images/tel.png) no-repeat left 38px;/* text-align: right; */

}