@charset "utf-8";
body {
	margin: 0;
	padding: 0;
	font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
}
td, div {
	font-size: 12px;
	color: #444;
}
a {
	color: #333;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
a:hover {
	color: #f30;
}
.clear {
	clear: both;
}
.dis {
	display: none;
}
.w {
	width: 1200px;
	margin: 0 auto;
	clear: both;
	overflow: hidden;
}
.mt10 {
	margin-top: 10px;
}
.m10 {
	margin: 10px auto;
}
h1, h2, h3, h4, p, a, ul, li, dl, dt, div {
	padding: 0px;
	margin: 0px
}
li, dt {
	list-style: none
}
#topbar {
	background: url(/theme/cn2018/images/head_top_bg.jpg) center center;
	height: 50px;
	line-height: 50px;
}
#topbar .w span {
	float: right;
	background: #fff;
	padding: 0 15px;
	color: #ddd;
	font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
}
#topbar .w span a {
	font-family: arial;
}
#topbar .w {
	color: #999;
}
#topbar .fl {
	float: left;
	width: 350px;
}
#topbar .fr {
	float: right;
}
#topbar .fr h1 {
	float: left;
}
#topbar .fr h1 i {
	color: #fff;
	margin-right: 20px
}
#topbar .fr h1 i:hover {
	color: #ccc
}
#topbar .fr p {
	float: left;
	color: #fff;
	font-size: 14px;
	margin-left: 70px
}
#topbar .fr p i {
	color: #fff;
	margin-right: 10px
}
#topbar .fl p {
	line-height: 50px; font-size:14px;
	color: #fff;
	font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
}
#tophead {
	padding: 25px 0; overflow:hidden
}
#tophead .logo {
	width: 150px;
	height: 57px;
	float: left;
}
#tophead .logo img {
	width: 100%;
}
#tophead form {
	float: right;
	margin-top: 20px;
}
#tophead form .input {
	border: 1px solid #ddd;
	padding: 10px 15px;
	vertical-align: middle;
	border-right: 0;
	color: #555;
}
#tophead form .bnt {
	background: #2194D3;
	border: 1px solid #2194D3;
	padding: 10px 25px;
	vertical-align: middle;
	color: #fff;
}
.head_con {
	float: right
}
.head_con ul li {
	float: left;
	margin-left: 30px
}
.head_con ul li i {
	float: left;
	background: #083e8d;
	color: #fff;
	font-size: 30px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 25px;
	margin-right: 10px
}
.head_con ul li .p {
	float: left
}
.head_con ul li .p h3 {
	font-size: 18px;
}
.head_con ul li .p p { line-height:30px;
	font-size: 14px;
	color: #4e4e4e
}
#topnav {
	background: #f0f0f0;
	height: 60px;
	

	box-shadow: 0px 0px 9px 0px rgba(6,22,58,0.07);
	-webkit-box-shadow: 0px 0px 9px 0px rgba(6,22,58,0.07);
	-moz-box-shadow: 0px 0px 9px 0px rgba(6,22,58,0.07);
	
	z-index: 9999
}
#topnav .fr form{ float:left; padding-top:12px}
#topnav .fr a{ display:block; float:right; margin-left:20px}
#topnav .w {
	 overflow:visible
}
#topnav .w ul { width:800px;
	margin: 0;
	padding: 0;
	list-style: none;
}
#topnav .w .fr a{ padding:0px 20px;  display:block; border-left:1px solid #ccc}
#topnav .w .fr:hover a{ }
#topnav .w .fr a p{ font-size:16px ; line-height:60px;  }
#topnav .w .fr a p i{  font-size:30px ; margin-left:10px;line-height:60px; float:right}
#topnav .w ul li {
	float: left;
	position: relative
}
#topnav .w ul li:after {
	content: "";
	position: absolute;
	height: 20px;
	width: 1px;
	right: 0px;
	top: 50%;
	background-color: rgba(2,13,38,0.07);
	display: inline-block;
	-khtml-transform: translateX(0%) translateY(-50%);
	-moz-transform: translateX(0%) translateY(-50%);
	-ms-transform: translateX(0%) translateY(-50%);
	-o-transform: translateX(0%) translateY(-50%);
	transform: translateX(0%) translateY(-50%)
}
#topnav .w ul li a {
	height: 60px;
	line-height: 60px;
	font-size: 16px;
	font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
	color: #020d26;
	padding: 0 24px;
	display: block; font-weight:bold
}
#topnav .w ul li a:hover {
}
#topnav .w ul .hover a {
	height: 60px;
	line-height: 60px;
	font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
	color: #083e8d;
	padding: 0 24px;
	display: block;
}
#topnav .w ul li dl {
	position: absolute;
	z-index: 999;
	margin: 0;
	display: none;
	width: auto;
}
#topnav .w ul .hover dl dt a {white-space:nowrap;
	 
	background: #083e8d;
	border-bottom: 1px solid #187EC6;
	height: 50px;
	line-height: 50px;
	display: block; font-size:14px !important; font-weight:normal;
	 color:#fff
}
#topnav .w ul .hover dl dt a:hover {
	background: #fff;
	color: #333;
	display: block;
}
#banner {
	
}
.c-banner .banner li .text {
	 position: absolute; top: 80px;  left: 50%; width: 1200px; margin-left: -600px;;
}
.c-banner .banner li .text h1 {
	font-size: 40px;
	color: #083e8d;
	
}
.c-banner .banner li .text h1 span {
	color: #ff5e14;
	
}
#banner #slides li img{ width: 100%;;}
.c-banner .banner li .text p {
	font-size: 18px;
	color: #000;
	
	
	margin: 10px 0px; line-height:36px;
}
.c-banner .banner li .text a {
	color: #fff;
	background:#ff5e14;
	width: 100px;
	line-height: 40px;
	height: 40px;
	text-align: center;
	display: block;
	font-size: 14px;
}
.c-banner .banner li .text a:hover {
	background: #083e8d
}
#full-screen-slider {
	width: 100%;
	
	position: relative
}
#slides {
	display: block;
	width: 100%;

	list-style: none;
	padding: 0;
	margin: 0;
	position: relative
}
#slides li {-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative;
	display: block;
	
	list-style: none;
	padding: 0;
	margin: 0;

}
#pagination {
	display: block;
	list-style: none;
	position: absolute;
	 left:50%; margin-left:-97px !important;
	bottom: 120px;
	z-index: 2000;
	padding: 5px 15px 5px 0;

}
#pagination li {
	display: block;
	list-style: none;
	width: 50px;
	height: 5px;
	float: left;
	background: #FFF;
	margin-right: 10px
}
#pagination li a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
#pagination li.current {
	background: #083e8d
}

.c-banner{
	width: 100%;
	position: relative;
}
.c-banner img{
	width: 100%;
}
.c-banner .banner ul{
	list-style: none;
	padding-left: 0px;
	margin-bottom: 0px;
}
.c-banner .banner ul li{
	position: absolute
	display: none;
	opacity: 0;
}
.c-banner .banner ul li:nth-child(1){
	opacity: 1;
	display: block;
}
.c-banner .banner ul li img{
	width: 100%;
	position: absolute;
	top: 0px;
}
.c-banner .banner ul li:first-child img{
	position: relative;
}
.c-banner .nexImg,.c-banner .preImg{
	padding: 25px 10px 25px 10px;
	position: absolute;
	top: 50%;
	margin-top: -53px;
	background: #000000;
	opacity: 0.5;
	border-radius: 5px;
	z-index: 10;
	
}
.c-banner .nexImg:hover,.c-banner .preImg:hover{
	opacity: 0.8;
}
.c-banner .nexImg{
	right: 0px;
}
.c-banner .nexImg img,.c-banner .preImg img{
	
	 width: ;;
}
.c-banner .jumpBtn{
	width: 100%;
	position: absolute;
	bottom: 20px;
	text-align: center;
}
.c-banner .jumpBtn ul{
	margin-bottom: 0px;
	padding: 0px;
}

.c-banner .jumpBtn ul li{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	display: inline-block;
	background-color: white;
	opacity: 0.9;
	margin-left: 10px;
}
.c-banner .jumpBtn ul li:first-child{
	margin-left: 0px;
}
@media screen and (max-width:768px) {
	.c-banner{
		width: 100%;
		height: 345px;
		overflow: hidden;
	}
	.c-banner .banner ul li img{
		width: 768px;
		height: 345px;
		position: absolute;
		left: 50%;
		margin-left: -384px;
	}
}

.video {
	background: #083e8d;

	z-index: 999; margin: 0px auto;
	
}
.video .p {
	float: left;
	padding: 40px 30px
}
.video .p h1 {
	color: #fff;
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 20px
}
.video .p p {
	color: #fff;
	font-size: 14px;
	line-height: 30px;
	width: 700px;
	font-weight: lighter;
}
.video .sp {
	background: url(/theme/cn2018/images/video_bg.jpg) no-repeat center;
	width: 349px;
	float: right;
	height: 196px
}
.subject {
	color: #1F92D1;
	font-size: 18px;
	font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
	height: 41px;
	line-height: 40px;
	border-bottom: 1px solid #ddd;
}
.video .sp i {
	text-align: center;
	color: #fff;
	font-size: 40px;
	position: relative;
	top: -60px;
	
}
 @keyframes scale {
 0% {
transform:scale(1)
}
 50%, 75% {
transform:scale(3)
}
 78%, 100% {
opacity:0
}
}
.video .sp a {
	display: block;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: #ff5e14;
	margin: 58px auto;
}
.video .sp a:before {
	content: '';
	display: block;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	opacity: .7;
	background-color: #ff5e14;
	animation: scale 2s infinite cubic-bezier(0, 0, .49, 1.02);
	animation-delay: 200ms;
}
.subject b {
	display: inline-block;
	font-weight: normal;
	border-bottom: 2px solid #1F92D1;
	height: 40px;
	line-height: 40px;
}
.subject span {
	color: #bbb;
	display: inline-block;
	font-size: 16px;
	font-family: verdana;
	padding-left: 10px;
}
.subject a {
	float: right;
	font-size: 12px;
	font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
}
.pro_width {
	width: 1012px;
	height: 370px;
	overflow: hidden;
}
.prolist {
	margin: 15px 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	width: 29999px;
}
.prolist li {
	float: left;
	width: 240px;
	margin: 0 13px 13px 0;
}
.prolist li a {
	border: 1px solid #eee;
	display: block;
	padding: 15px;
}
.prolist li a img {
	border: 1px solid #eee;
}
.prolist li a .title {
	text-align: center;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
}
.prolist li a .intro {
	line-height: 18px;
	color: #999;
	word-break: break-all;
	min-height: 55px;
}
.prolist li a .more {
	display: block;
	margin: 15px auto 10px auto;
	text-align: center;
	background: #e5e5e5;
	width: 90px;
	line-height: 24px;
}
.prolist li a:hover {
	border: 1px solid #ddd;
}
.prolist li a:hover .title {
	color: #1F92D1;
}
.prolist li a:hover .more {
	background: #1F92D1;
	color: #fff;
}
.topcase {
	margin: 15px 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
.topcase li {
	float: left;
	width: 240px;
	margin: 0 13px 13px 0;
}
.topcase li a {
	text-align: center;
	display: block;
	position: relative;
	height: 160px;
	overflow: hidden;
}
.topcase li img {
	border: 1px solid #eee;
	width: 240px;
	height: 180px;
	display: block;
	margin-bottom: 10px;
}
.topcase li a div {
	position: absolute;
	background: #333;
	width: 100%;
	line-height: 40px;
	height: 40px;
	color: #fff;
	display: block;
	bottom: -40px;
	left: 1px;
	opacity: 0.7
}
.bg_black {
	background: #eee;
	padding: 15px 0;
}
.subject_news {
	color: #333;
	font-size: 18px;
	font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
	height: 41px;
	line-height: 40px;
	border-bottom: 1px solid #ddd;
}
.subject_news b {
	display: inline-block;
	font-weight: normal;
	border-bottom: 2px solid #1F92D1;
	height: 40px;
	line-height: 40px;
}
.subject_news span {
	color: #bbb;
	display: inline-block;
	font-size: 16px;
	font-family: verdana;
	padding-left: 10px;
}
.subject_news a {
	float: right;
	font-size: 12px;
	font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
}
.newslist {
	margin: 15px 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
.newslist li {
	float: left;
	width: 480px;
	margin: 0 20px 20px 0;
}
.newslist li a img {
	float: left;
	margin-right: 10px;
	border: 1px solid #eee;
}
.newslist li a .title {
	font-size: 16px;
	font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
	line-height: 30px;
}
.newslist li a .date {
	font-size: 12px;
	color: #444;
	font-family: arial;
	line-height: 20px;
}
.newslist li a .intro {
	line-height: 18px;
	color: #999;
}
.newslist li a:hover .title {
	color: #f30;
}
.link {
	padding: 15px;
}
.link img {
	margin: 3px 8px 5px 0;
}
.link ul {
	clear: both;
	margin: 0;
	padding: 0;
	list-style: none;
}
.link ul li {
	float: left;
	width: 93px;
	height: 25px;
	overflow: hidden;
}
#bg_foot_nav {
	background: #187EC6;
	text-align: center;
}
.foot_nav {
	height: 40px;
	line-height: 40px;
	color: #fff;
}
.foot_nav span {
	float: right;
	padding-top: 5px;
}
.foot_nav a {
	color: #fff;
}
.foot_nav a:hover {
	color: #ff0;
}
#bg_copyright {
	background: #1F92D1;
	padding: 20px 0;
}
.copyright {
	color: #fff;
	font-family: verdana;
	line-height: 25px;
	text-align: center;
}
.copyright a {
	color: #fff;
}
.copyright a:hover {
	color: #ff0;
}
.lefter {
	width: 220px;
	margin-right: 30px;
	float: left;
}
.righter {
	float: left;
	width: 750px;
}
.leftnav {
	background: #1F92D1;
	padding: 10px 15px;
	color: #fff;
	font-size: 18px;
	font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
}
.subnav {
	border: 1px solid #eee;
	border-bottom: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}
.subnav li {
}
.subnav li a {
	display: block;
	padding-left: 20px;
	background: #fafafa;
	font-size: 14px;
	line-height: 40px;
	height: 40px;
	border-bottom: 1px solid #eee;
}
.subnav li a:hover {
	color: #1F92D1;
	font-weight: bold;
	background: #f3f3f3;
}
.subnav .hover a {
	display: block;
	padding-left: 20px;
	color: #1F92D1;
	font-weight: bold;
	background: #f3f3f3;
	font-size: 14px;
	line-height: 40px;
	height: 40px;
	border-bottom: 1px solid #eee;
}
.subnav dl {
	margin: 0;
	padding: 0;
	list-style: none;
*margin-top:-12px;
}
.subnav dl dt {
}
.subnav dl dt a {
	background: #fff;
	display: block;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #eee;
	padding-left: 20px;
	font-size: 12px;
}
.subnav dl dt a:hover {
	background: #fff;
	font-size: 12px;
	font-weight: normal;
	color: #f30;
}
.subnav li dl .hover a {
	color: #f30;
	font-size: 12px;
	font-weight: normal;
	background: #fff;
}
.left_border {
	border: 1px solid #eee;
	border-top: 0;
	padding: 10px 15px;
	line-height: 25px;
}
.left_border p {
	margin: 0;
	padding: 0;
}
.left_border b {
	font-size: 14px;
}
.container {
	line-height: 25px;
	font-size: 14px;
	padding: 15px 0;
}
.container p {
	margin: 5px 0;
	font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
	font-size: 16px;
}
.artshow table{border-collapse:collapse; }
.artshow table  td{  border:1px #666 solid; text-align:center; padding:10px; font-size:16px;}
.artshow table  .firstRow{ background:#083e8d; }
.artshow table  .firstRow td{ color:#fff}
.artshow {
	line-height: 25px;
	font-size: 14px;
	padding: 0 0 15px 0;
}
.artshow .title {
	text-align: center;
	font-size: 20px;
	line-height: 30px;
	font-weight: 100;
	font-variant: normal;
	margin: 0;
	padding: 15px 0;
	font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
}
.artshow .info {
	text-align: center;
	font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
	color: #999;
	padding: 0 0 15px 0;
	font-size: 14px;
}
.artshow p {
	margin: 5px 0;
	font-size: 14px;
}
.artshow .pre {
	margin: 5px 0 5px 0;
	color: #999;
}
.artshow .next {
	margin: 0 0 5px 0;
	color: #999;
}
.prowidth{width:1200px;overflow:hidden;}
.pro_list{margin:15px 0;padding:0;list-style:none;overflow:hidden;}
.pro_list li{float:left;width:280px;margin:0 15px 13px 0;}
.pro_list li:nth-child(4n){ margin:0 0px 13px 0}
.pro_list li a{border:1px solid #eee;display:block;padding:9px;}
.pro_list li a img{ padding:10px;}
.pro_list li .pic{ width:258px; height:258px; overflow:hidden;border:1px solid #eee;}
.pro_list li  img { transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out; }
.pro_list li :hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); }
.pro_list li  img.none:hover { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); }
.pro_list li a .title{text-align:center;font-size:16px;height:40px;line-height:40px;}
.pro_list li a .intro{line-height:18px;color:#999;word-break:break-all;min-height:55px;}
.pro_list li a .more{display:block;margin:15px auto 10px auto;text-align:center;background:#e5e5e5;width:258px;line-height:50px;font-size:16px;}
.pro_list li a:hover{border:1px solid #ddd;}
.pro_list li a:hover .title{color:#EA7500;}
.pro_list li a:hover .more{background:#083e8d;color:#fff; font-size:14px;}
.pic_list {
	margin: 15px 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
.pic_list li {
	float: left;
	width: 240px;
	margin: 0 13px 13px 0;
}
.pic_list li a {
	border: 1px solid #eee;
	display: block;
	padding: 5px;
}
.pic_list li a img {
	border: 0;
}
.pic_list li a .title {
	text-align: center;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
}
.pic_list li a:hover {
	border: 1px solid #ddd;
}
.pic_list li a:hover .title {
	color: #1F92D1;
}
.casewidth {
	width: 780px;
	overflow: hidden;
}
.case_list {
	margin: 20px 0;
	padding: 0;
	list-style: none;
}
.case_list li {
	width: 240px;
	margin: 0 20px 30px 0;
	float: left;
	text-align: center;
	font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
}
.case_list li img {
	display: block;
	margin-bottom: 15px;
}
.case_list li a {
	color: #666;
	font-size: 13px;
}
.case_list li a:hover {
	color: #f30;
}
.joblist {
	margin: 15px 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
.joblist li {
	float: left;
	width: 480px;
	margin: 0 20px 20px 0;
	border-bottom: 1px dashed #eee;
	padding-bottom: 15px;
}
.joblist li a .title {
	font-size: 16px;
	font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
	line-height: 30px;
}
.joblist li .line {
	padding: 0;
	margin: 0;
	line-height: 22px;
}
.joblist li .line b {
	float: left;
	width: 70px;
	color: #555;
}
.joblist li .line .intro {
	margin-left: 70px;
}
.joblist li a:hover .title {
	color: #f30;
}
.job_list {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
.job_list li {
	float: left;
	width: 350px;
	margin: 0 20px 20px 0;
	border-bottom: 1px dashed #eee;
	padding-bottom: 15px;
}
.job_list li a .title {
	font-size: 16px;
	font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
	line-height: 30px;
	line-height: 40px;
	margin-bottom: 10px;
}
.job_list li .line {
	padding: 0;
	margin: 5px 0;
	line-height: 24px;
	text-indent: 0;
}
.job_list li .line b {
	float: left;
	width: 70px;
}
.job_list li .line .intro {
	margin-left: 70px;
}
.job_list li .line .intro p {
	margin: 0 0 5px 0;
	padding: 0;
}
.job_list li a:hover .title {
	color: #f30;
}
.news_list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.news_list li {
	border-bottom: 1px dotted #ccc;
	padding: 10px;
	line-height: 24px;
	color: #999;
}
.news_list li:hover {
	background: #fafafa;
}
.news_list li a {
	font-size: 18px;
	font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
	display: block;
	line-height: 40px;
}
.news_list li em {
	color: #666;
	font-family: verdana;
	display: block;
	font-style: normal;
}
.rss_list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.rss_list li {
	border-bottom: 1px dotted #ddd;
	line-height: 40px;
	color: #999;
}
.rss_list li a {
	font-size: 14px;
	font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
}
#position {
	margin: 0 auto;
	width: 1000px;
	overflow: hidden;
	font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
	line-height: 30px;
}
/*list*/
.list_page {
	text-align: center;
	margin: 10px;
	display: block;
}
.list_page:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
}
.list_page ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-block;
	vertical-align: bottom;
}
.list_page ul li {
	display: inline-block;
	border: solid 1px #ddd;
	border-radius: 4px;
}
.list_page ul a {
	color: #333;
	padding: 8px 12px;
	line-height: 18px;
	display: block;
	transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
	background: #fff;
}
.page_group ul {
	border-right: solid 1px #ddd;
	border-radius: 4px;
}
.page_group ul li {
	border-right: none;
	border-radius: 0;
	float: left;
}
.page_group ul li:not(:first-child):not(:last-child) {
	border-radius: 0;
}
.page_group ul li:first-child {
	border-radius: 4px 0 0 4px;
}
.page_group ul li:last-child {
	border-radius: 0 4px 4px 0;
}
.page_group ul .active a {
	background: #f3f3f3;
	border-radius: 0;
}
.comment {
	overflow: hidden;
	clear: both;
	margin: 10px 0;
}
.comment .line {
	clear: both;
	border-bottom: 1px solid #eee;
	padding-bottom: 15px;
}
.comment .line .base {
	font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
	font-weight: bold;
	line-height: 30px;
	font-size: 14px;
}
.comment .line .base span {
	margin: 0 0 0 10px;
	color: #999;
	font-weight: normal;
	float: right;
	font-size: 12px;
}
.comment .line .content {
	line-height: 20px;
	word-wrap: break-word;
	overflow: hidden;
}
.comment .line .reply {
	font-family: verdana;
	word-wrap: break-word;
	overflow: hidden;
}
.comment .line .reply strong {
	color: #f60;
	float: left;
}
.comment_more {
	text-align: center;
	padding: 10px 0;
	font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
	font-size: 14px;
}
.comment_more a {
	color: #999;
}
.comment_more a:hover {
	color: #f30;
}
.commentadd {
	margin: 10px 0;
	clear: both;
}
.commentadd .text {
}
.commentadd .text .div {
	padding: 0 5px 0 0;
	border: 1px solid #E4E2E2;
	border-bottom: 0;
}
.commentadd .text .div textarea {
	width: 98%;
	height: 70px;
	overflow: auto;
	border: 0;
	padding: 10px;
}
.commentadd .input {
	margin: 0;
	font-size: 14px;
	background: #fafafa;
	border: 1px solid #EDECEC;
	overflow: hidden;
	padding: 0px 5px 5px 15px;
	line-height: 40px;
	height: 40px;
	font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
}
.commentadd .input .send {
	float: right;
	border: 1px solid #1F92D1;
	background: #1F92D1;
	color: #fff;
	padding: 8px 25px;
	margin: 5px 0 0;
	vertical-align: middle;
	cursor: pointer;
	font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
}
.bookadd {
	margin: 20px 0;
}
.bookadd div {
	margin-bottom: 15px;
}
.bookadd .label {
	float: left;
	width: 100px;
	text-align: right;
	padding-right: 10px;
	clear: both;
}
.bookadd .label span {
	color: #f30;
	font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
}
.bookadd .enter {
	margin-left: 120px;
}
.bookadd .enter .ip {
	border: 1px solid #ddd;
	padding: 10px 10px;
	vertical-align: middle;
	overflow: hidden;
	border-radius: 10px 0 10px 0;
}
.bookadd .enter .bnt {
	border: 1px solid #1F92D1;
	background: #1F92D1;
	padding: 8px 20px;
	vertical-align: middle;
	color: #fff;
	cursor: pointer;
}
.bookadd .enter label {
	display: block;
}
.job_h1 {
	font-size: 14px;
	line-height: 35px;
	border-bottom: 1px solid #eee;
	margin: 10px 0;
}
.info_title {
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #f0f0f0;
	line-height: 30px;
	height: 30px;
	margin: 0 0 15px 0;
}
.info_intro {
	padding: 0 0 20px 0;
	line-height: 22px;
	color: #666;
}
.info_intro p {
	margin: 0 0 5px 0;
	padding: 0;
}
.info_intro .red {
	color: #f30;
	margin: 0 5px;
}
#goodsshow {
	margin: 20px 0;
	overflow: hidden;
	width: 870px;
}
#goodsshow img {
	border: 0;
}
#goodsshow .left {
	float: left;
	width: 350px;
	margin: 0 50px 0 0;
}
#goodsshow .right {
	float: left;
}
#goodsshow .shop_big {
	border: 1px solid #ededed;
	padding: 2px;
	background: #fff;
	width: 850px;
	cursor: pointer;
}
#goodsshow .shop_plist {
	clear: both;
	width: 850px;
}
#prolist {
	width: 810px;
	float: left;
	overflow: hidden;
	height: 68px;
	position: relative;
	margin: 10px 0 0 0;
}
#prolist ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	width: 20000px;
	position: relative;
}
#prolist ul li {
	float: left;
	cursor: pointer;
	position: relative;
	background: url(/theme/cn2018/images/pro_none.gif) no-repeat center top;
	height: 68px;
}
#prolist ul li img {
	height: 60px;
	width: 60px;
	margin: 6px 8px 0 8px;
	padding: 0px;
	border: 0;
}
#prolist .hover {
	background: url(/theme/cn2018/images/pro_bg.gif) no-repeat center top;
	height: 68px;
}
#goodsshow .shop_plist a.prev {
	float: left;
	width: 20px;
	height: 68px;
	display: block;
	outline: none;
	background: url(/theme/cn2018/images/ico_left.gif) no-repeat center;
	line-height: 68px;
	margin-top: 12px;
}
#goodsshow .shop_plist a.next {
	float: left;
	width: 20px;
	height: 68px;
	display: block;
	outline: none;
	background: url(/theme/cn2018/images/ico_right.gif) no-repeat center;
	margin-top: 12px;
}
#goodsshow .right {
	width: 350px;
}
#goodsshow .right h1 {
	font-size: 18px;
	font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 0;
}
#goodsshow .right .intro {
	color: #999;
	min-height: 80px;
}
#goodsshow .right .sno {
	border-bottom: 1px solid #eee;
	line-height: 35px;
}
#goodsshow .right .price {
	color: #999;
	line-height: 30px;
	padding: 10px 0;
}
#goodsshow .right .price span {
	color: #f60;
	font-size: 16px;
}
a.inquiry {
	display: inline-block;
	background: #1F92D1;
	padding: 8px 30px;
	color: #fff;
	margin: 10px 0;
	font-size: 16px;
	font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
	border-radius: 4px;
}
a:hover.inquiry {
	color: #fff;
	background: #f60;
}
.con_pro {
	padding: 120px 0px 60px 0px;
	background: #f0f0f0
}
.con_pro .ystit p {
	color: #1c1c1c;
	font-weight: 300;
	font-size: 20px
}
.con_pro .ystit h1 {
	color: #1c1c1c;
	font-weight: 700;
	font-size: 32px; padding-bottom:10px
}
.con_pro .ystit h2 {
	width: 50px;
	height: 5px;
	background: #f55c00
}
.con_pro .fl {
	width: 350px;
	float: left
}
.con_pro .fl p {
	font-size: 16px;
	font-weight: 300;
	margin: 30px 0px;
	font-weight: lighter;
	line-height: 30px
}
.con_pro .fl ul li {
	margin: 22px 0px
}
.con_pro .fl ul li a {
	font-size: 16px;
	font-weight: 700;
}
.con_pro .fl ul li a span {
	font-size: 14px;
	font-weight: 300;
	color: #f55c00;
	margin-right: 20px
}
.con_pro .fl .caselink {
	background: #f55c00;
	color: #fff;
	width: 115px;
	text-align: center;
	line-height: 40px;
	height: 40px;
	border-radius: 5px;
	font-weight: 700;
	font-size: 14px;
	margin-top: 20px
}
.con_pro .fl .caselink a {
	color: #fff
}
.con_pro .fl .caselink:hover {
	background: #444
}
.scrollpic {
	width: 830px;
	float: right;
	margin: 0px auto 0 auto;
	padding-bottom: 10px
}
#myscroll {
	display: block;
	width: 100%;
	position: relative;
	height: 320px;
	overflow: hidden;
}
#myscroll #myscrollbox {
	display: block;
	float: left;
	position: absolute;
	left: 0;
	top: 0;
	width: 1000000px;
}
#myscroll ul {
	display: block;
	float: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#myscroll ul li {
	display: block;
	float: left;
	padding: 0;
	width: 280px;
}
#myscroll ul li a {
	display: block;
	float: left;
	width: 280px;
	padding: 0;
	position: relative;
	height: 260px;
	color: #333;
}
#myscroll a .intro {
	position: absolute;
	left: 0;
	z-index: 10;
	background-color: #083e8d;
	filter: alpha(opacity=70);
	width: 260px;
	color: #fff;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 1;
	text-align: center;
}
#myscroll a .intro h5 {
	padding: 0;
	margin: 0;
	font-size: 18px;
	height: 50px;
	width: 260px;
	line-height: 50px;
	border-bottom: 1px solid #347fdc;
	font-weight: 100;
}
#myscroll a .intro p {
	font-size: 13px;
	line-height: 20px;
	margin: 65px 70px;
	height: 180px;
	overflow: hidden;
}
#myscroll a .intro {
	bottom: -370px;
}
#mybtns {
	margin: 0px 0 20px 0px;
	width: 830px;
	display: block;
	height: 42px;
	margin-right: 15px;
}
#mybtns a {
	width: 42px;
	height: 42px;
	display: block;
	float: right;
	margin-right: 1px;
	background-color: #c1c1c1;
	margin: 0px 10px;
}
#mybtns a:hover {
	background-color: #083e8d;
}
#mybtns a:hover, #myscroll, #mybtns a, #myscroll a:hover .intro, #myscroll a .intro, #myscroll #myscrollbox {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#mybtns #left {
	background-image: url(/theme/cn2018/images/jt_l.png);
}
#mybtns #right {
	background-image: url(/theme/cn2018/images/jt_r.png);
}
.con_about {
	width: 1200px;
	margin: 0px auto;
	height: 623px;
}
.con_about .pic {
	float: left;
	width: 601px;
	border-top: 15px solid #f55c00;
	margin-top: -15px
}
.con_about .text {
	width: 550px;
	float: right;
	padding-top: 60px
}
.con_about .text h3 {
	font-size: 18px;
	color: #818a8f;
	font-weight: lighter
}
.con_about .text h1 {
	font-size: 36px;
	color: #083e8d;
	margin: 20px 0px
}
.con_about .text p {
	font-size: 16px;
	color: #666;
	font-weight: lighter;
	line-height: 30px;
	margin: 20px 0px
}
.con_about .text ul li {
	width: 31.3%;
	float: left;
	margin-right: 1%
}
.con_about .text ul li h2 {
	font-weight: normal;
}
.con_about .text ul li h1 {
	font-size: 60px
}
.con_case {
	background: url(/theme/cn2018/images/case_bg.jpg) no-repeat top;
	min-height: 627px;
	padding-top: 80px;
	margin-top: -70px;
}
.con_case .tit {
	text-align: center;
	color: #fff;
	margin-bottom: 45px
}
.con_case .tit h1 {
	font-size: 30px;  padding-bottom:12px
}
.con_case ul li {
	float: left;
	margin-right: 15px;
}
.con_case ul li:nth-child(3n) {
	margin-right: 0px
}
.con_case ul li .pic{ width:390px; height:390px; overflow:hidden}
.con_case ul li .pic img {
	transition: All 0.3s ease-in-out;
	-webkit-transition: All 0.3s ease-in-out;
	-moz-transition: All 0.3s ease-in-out;
	-o-transition: All 0.3s ease-in-out;
}
.con_case ul li:hover .pic img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
}
.con_case ul li p {
	line-height: 80px;
	text-align: center;
	font-size: 18px;
	background: #fff;
	box-shadow: 0px 0px 9px 0px rgba(6,22,58,0.07);
	-webkit-box-shadow: 0px 0px 9px 0px rgba(6,22,58,0.07);
	-moz-box-shadow: 0px 0px 9px 0px rgba(6,22,58,0.07);
}
.con_news {
	background: #f3f7f9;
	padding: 130px 0px 50px 0px;
	margin-top: -137px
}
.con_news ul {
	margin-top: 40px
}
.con_news ul li {
	width: 364px;
	float: left;
	margin-right: 54px;
}
.con_news ul li .pic {
	width: 364px;
	height: 249px;
	overflow: hidden
}
.con_news ul li .pic img {
	transition: All 0.3s ease-in-out;
	-webkit-transition: All 0.3s ease-in-out;
	-moz-transition: All 0.3s ease-in-out;
	-o-transition: All 0.3s ease-in-out;
}
.con_news ul li:hover .pic img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
}
.con_news ul li:hover a .text .title {
	color: #f55c00
}
.con_news ul li .text .title {
	font-size: 20px;
	color: #020d26;
	margin-top: 20px;
}
.con_news ul li .text .date {
	padding: 10px 0px;
	border-bottom: 1px solid #b3b9bd
}
.con_news ul li .text .date i {
	font-size: 16px;
	color: #b3b9bd;
	color: #b3b9bd;
	margin-right: 10px
}
.con_news ul li .text .date span {
	font-size: 14px;
	color: #b3b9bd;
	color: #b3b9bd;
	margin-right: 20px
}
.con_news ul li .text .intro {
	line-height: 30px;
	font-size: 14px;
}
.con_news ul li .text .intro {
	color: #020d26;
	opacity: 0.5
}
.con_news ul li .more {
	color: #f55c00;
	font-size: 16px;
	margin-top: 10px
}
.con_news ul li:nth-child(3n) {
	margin-right: 0px;
}
.con_news .tit h1 {
	font-size: 30px;
	font-weight: normal;
	margin-bottom: 10px
}
.con_news ul li .title {
}
.con_coo {
	padding: 50px 0px
}
.con_coo .tit h1 {
	font-size: 30px;
	font-weight: normal;
	margin-bottom: 10px
}
.con_coo ul {
	margin-top: 40px
}
.con_coo ul li { margin-bottom:10px;
	width: 180px;
	float: left;
	margin-right: 24px;
}
.con_coo ul li:nth-child(6n) {
	margin-right: 0px;
}
.con_coo ul li img {
	border: 1px solid #ccc;
	padding: 10px;
	width: 158px
}
.fl {
	float: left
}
.fr {
	float: right
}
#footer {
	background: #282828
}
.foot {
	padding: 20px 0px;
	overflow: hidden
}
.foot .f_con {
	
}
.foot .f_con h1 {
	font-size: 34px;
	color: #fff
}
.foot .f_con h2 {
	font-size: 16px;
	color: #fff;
	margin: 30px 0px;
	font-weight: normal;
}
.foot .f_con p {
	color: #fff;
	font-size: 14px;
	 float: left; width: 33.333%;
}
.foot .f_con p i {
	color: #f55c00;
	margin-bottom: 10px;
	margin-right: 10px
}
.foot .f_ul {
	
	float: right
}
.foot .f_ul ul {
	margin-left: 150px
}
.foot .f_ul ul {
	float: left
}
.foot .f_ul ul h2 {
	color: #fff;
	font-size: 20px;
}
.foot .f_ul ul h3 {
	background: #f55c00;
	height: 3px;
	width: 50px;
	margin: 10px 0px 33px 0px
}
.foot .f_ul ul li {
	margin-bottom: 10px
}
.foot .f_ul ul li a span {
	color: #f55c00
}
.foot .f_ul ul li a {
	font-size: 14px;
	color: #fff
}
.foot .f_ul ul li:hover a {
	color: #f55c00
}
.foot_copy {
	height: 50px;
	line-height: 50px;
	border-top: 1px solid #42454a;
	color: #fff;
}
.foot_copy .fl {
	color: #fff;
	font-size: 14px;
}
.foot_copy .fr {
	color: #fff;
	font-size: 14px;
}
.foot_copy .fr a {
	color: #fff;
	font-size: 14px;
}
/* pro-section list */
.pro-section {
	width: 1200px;
	margin: 0px auto
}
.product-section div.pros-block:nth-child(2n) {
	margin: 30px 0px 30px 0px
}
.product-section div.pros-block {
	width: 585px;
	margin: 30px 30px 30px 0px;
	float: left;
}
.product-section div.pros-block .libox {
	overflow: hidden;
	box-shadow: 0px 2px 10px 0px rgba(130, 129, 129, 0.35);
	position: relative;
}
.product-section div.pros-block .libox:before {
	content: '';
	position: absolute;
	top: 5%;
	left: 5%;
	width: 0px;
	height: 1px;
	background-color: #fff;
	opacity: 0;
	z-index: 10;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
}
.product-section div.pros-block .libox:after {
	content: '';
	position: absolute;
	top: 5%;
	right: 5%;
	width: 1px;
	height: 0;
	background-color: #fff;
	opacity: 0;
	z-index: 10;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
}
.product-section div.pros-block a {
	display: block;
}
.product-section div.pros-block .tit {
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	margin: 0;
	font-size: 18px;
	line-height: 50px;
	background: rgba(0, 0, 0, 0.50);
	color: #fff;
}
.product-section div.pros-block .intro {
	position: relative;
	padding: 10px
}
.product-section div.pros-block .hover {
	display: block;
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background-color: rgba(2, 92, 172, 0.8);
	color: #fff;
	font-size: 16px;
	-webkit-transition: all ease-in-out 0.3s;
	transition: all ease-in-out 0.3s;
}
.product-section div.pros-block .hover:before {
	content: '';
	position: absolute;
	bottom: 5%;
	right: 5%;
	z-index: 1;
	width: 0px;
	height: 1px;
	background-color: #fff;
	opacity: 0;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
}
.product-section div.pros-block .hover:after {
	content: '';
	position: absolute;
	bottom: 5%;
	left: 5%;
	z-index: 1;
	width: 1px;
	height: 0;
	background-color: #fff;
	opacity: 0;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
}
.product-section div.pros-block .hover div {
	width: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.product-section div.pros-block .hover i {
	display: block;
	height: 30px;
	line-height: 24px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 24px;
	text-align: center;
	font-style: normal;
	margin: 1.6rem 0;
	margin-top: 0;
	color: #fff
}
.product-section div.pros-block .hover p {
	display: block;
	height: 24px;
	line-height: 24px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 20px;
	text-align: center;
}
.product-section div.pros-block .hover .more {
	width: 110px;
	height: 35px;
	line-height: 35px;
	background-color: #fff;
	display: block;
	margin: 0 auto 0;
	margin-top: 1.6rem;
	text-align: center;
	border-radius: 20px;
	color: #035cac;
}
.product-section div.pros-block:hover .hover {
	opacity: 1;
}
.product-section div.pros-block:hover .libox:before {
	width: 90%;
	opacity: 1;
}
.product-section div.pros-block:hover .libox:after {
	height: 90%;
	opacity: 1;
}
.product-section div.pros-block:hover .hover:before {
	width: 90%;
	opacity: 1;
}
.product-section div.pros-block:hover .hover:after {
	height: 90%;
	opacity: 1;
}
.product-section div.pros-block img {
	width: 100%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.product-section div.pros-block:hover img {
	cursor: pointer;
	transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.product-section div.pros-block.tit {
	margin: 0;
	display: block;
	height: 50px;
	line-height: 50px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	background: #fff;
	bottom: 0;
	font-size: 18px;
}
#news-section {
	padding: 40px 0px
}
.news-show-section {
	background: #fff;
}
.news-block {
	width: 380px;
	float: left;
	margin-right: 30px
}
.news-block:nth-child(3n) {
	margin-right: 0px
}
.news-block .inner-box {
	position: relative;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
}
.news-block:hover .inner-box {
	box-shadow: 0 7px 39px rgba(0, 0, 0, .1);
}
.news-block .inner-box .image {
	width: 380px;
	height: 230px;
	position: relative;
	overflow: hidden;
}
.news-block .inner-box .image img {
	position: relative;
	width: 100%;
	display: block;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.news-block .inner-box:hover .image img {
	transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.news-block .inner-box .image .overlay-link {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: block;
	opacity: 0;
	text-align: center;
	transform: scale(0.6, 0.6);
	background-color: rgba(2, 92, 172, 0.8);
	-webkit-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	transition: all 600ms ease;
}
.news-block .inner-box:hover .image .overlay-link {
	opacity: 1;
	transform: scale(1, 1);
}
.news-block .inner-box .image .overlay-link .icon {
	position: relative;
	color: #ffffff;
	top: 49%;
	font-size: 28px;
	margin-top: -5px;
	display: inline-block;
}
.news-block .inner-box .image .post-date {
	position: absolute;
	right: 20px;
	top: 20px;
	width: 60px;
	height: 60px;
	z-index: 1;
	font-size: 18px;
	color: #ffffff;
	font-weight: 700;
	padding: 3px 8px 0px;
	text-align: center;
	background-color: #ff5e14;
	text-transform: capitalize;
}
.news-block .inner-box .lower-content {
	position: relative;
	padding: 35px 28px 30px;
	box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.05);
	background: #fff;
}
.news-block .inner-box .lower-content .post-info {
	position: relative;
}
.news-block .inner-box .lower-content .post-info li {
	position: relative;
	color: #7e8597;
	font-size: 15px;
	display: inline-block;
	padding-right: 12px;
	margin-right: 12px;
	line-height: 1.2em;
	border-right: 1px solid #d2d9e0;
}
.news-block .inner-box .lower-content .post-info li strong {
	color: #222222;
	font-weight: 400;
}
.news-block .inner-box .lower-content .post-info li .icon {
	position: relative;
	margin-right: 8px;
}
.news-block .inner-box .lower-content .post-info li:last-child {
	border: none;
	padding-right: 0px;
	margin-right: 0px;
}
.news-block .inner-box .lower-content h3 {
	position: relative;
	color: #222222;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.5em;
	margin-top: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news-block .inner-box .lower-content p {
	font-size: 16px;
	margin-top: 10px;
}
.news-block .inner-box .lower-content h3 a {
	font-size: 18px;
	position: relative;
	color: #222222;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}
.news-block .inner-box .lower-content h3 a:hover {
	position: relative;
	color: #f97534;
}
.news-block .inner-box .lower-content .read-more {
	font-size: 16px;
	position: relative;
	font-weight: 400;
	color: #222222;
	margin-top: 15px;
	display: inline-block;
	padding-right: 22px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.news-block .inner-box .lower-content .read-more .arrow.left {
	position: absolute;
	left: 0px;
	top: 1px;
	opacity: 0;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	line-height: 22px;
}
.news-block .inner-box .lower-content .read-more .arrow.right {
	position: absolute;
	right: 0px;
	top: 1px;
	line-height: 22px;
}
.news-block .inner-box .lower-content .read-more .arrow.right {
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.news-block .inner-box .lower-content .read-more:hover .arrow.right {
	opacity: 0;
}
.news-block .inner-box .lower-content .read-more:hover .arrow.left {
	opacity: 1;
}
.news-block .inner-box .lower-content .read-more:hover {
	color: #ff5e14;
	padding-right: 0px;
	padding-left: 22px;
}
#innerbanner .width {
	padding: 100px 0px
}
#innerbanner .width .h_text h1 {
	color: #fff;
	font-size: 50px;
	border-left: 2px solid #ff5e14;
	padding-left: 20px;
	margin-bottom: 10px
}
#innerbanner .width .h_text .pos i {
	color: #ff5e14;
	margin-right: 20px
}
#innerbanner .width .h_text .pos a {
	color: #fff;
	font-size: 18px;
}
#innerbanner .width .h_text .pos {
	color: #fff;
	font-size: 18px;
}
#innerbanner .width .h_text .pos a:hover {
	color: #ff5e14
}

.cp_main1 .subject{ text-align:center; border:0px; overflow: hidden; height:auto; width:800px; margin:0px auto 30px auto}
.cp_main1 .subject b{ color:#333; font-size:40px; border:0px;font-family:"Saira",Helvetica,Arial,sans-serif; color:#EA7500 }
.cp_main1 .subject p{ color:#555; font-size:14px; border:0px; line-height:30px; margin:10px auto}
.pro_menu ul li { float:left; margin:10px 10px 10px 0px}
.pro_menu ul li a{ font-size:16px; border:1px solid #ccc; padding:10px; display:block}
.pro_menu ul li dl{  float:left; margin-right:10px}
.pro_menu ul li dl dt a{ border:none; text-decoration: underline}
.pro_menu ul li.hover a{ background:#ff5e14; color:#fff;border:1px solid #ff5e14; }
.contact_book h3{ background:#ff5e14; height:2px; width:80px; margin:10px 0px}
.contact_book h2{color: #031b4e; font-size: 30px; text-transform: uppercase;font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif; }
.contact_book p{color: #031b4e; font-size: 20px; margin-bottom:30px;font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;  }

.contact_book .input input{ width:570px;   border:1px solid #eaeaea; padding-left:15px; color:#848484;  background:#fff; height:50px; border-radius:5px}
.contact_book .input{float:left; margin-bottom:10px}
.contact_book input:focus{outline:none} 
.contact_book .content textarea{border:1px solid #eaeaea; padding-left:15px; color:#848484;  background:#fff; width:1176px;font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif; height:70px;border-radius:5px}
.contact_book .submit{ margin-top:20px}
.contact_book .submit button{ font-size:18px; background:#003b83; padding:15px 0px; color:#fff; border:none; text-transform:uppercase;font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif; width:1196px; border-radius:5px}
.contact_book .submit button:hover{ background:#282828}
.contact_book{ margin-top:40px}
.ny_con{ width:320px; position:relative; margin-top:-550px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.05);
    box-shadow: 0 0 10px rgba(0,0,0,.05);; background:#ff5e14; height:550px; padding:0px 40px}
	.ny_con h1{ color:#fff; font-size:30px; margin-bottom:20px; padding-top:48px;font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;}
.ny_con ul li i{ float:left; color:#fff;  font-size:30px; margin-right:15px}
.ny_con ul li{ overflow:hidden; margin-bottom:25px}
.ny_con ul li .txt { float:left; width:275px}
.ny_con ul li .txt h3{ font-size:20px; color:#fff; margin-bottom:10px;}
.ny_con ul li .txt p{ font-size:16px; color:#fff; line-height:24px; opacity:0.8}
.about{ margin-bottom:20px}
.about h1{ font-size:30px; margin-bottom:20px}
.about p{ line-height:30px; font-size:16px; margin-bottom:15px}
.coop_hz h1{ font-size:30px}

.coop_hz{ background:#f3f7f9; padding:40px 0px}
.coop_hz ul {
	margin-top: 40px
}
.coop_hz ul li {
	width: 180px;
	float: left;
	margin-right: 24px; margin-bottom:10px; background:#fff
}
.coop_hz ul li:nth-child(6n) {
	margin-right: 0px;
}
.coop_hz ul li img {
	border: 1px solid #ccc;
	padding: 10px;
	width: 158px
}
.honor h1{ font-size:30px; margin-bottom:20px}

.honor ul li{ border:2px solid #021741; float:left ; width:266px; height:372px; margin-right:26px; margin-bottom:20px}
.honor ul li img { width:100%}
.honor .pic_list li a{ border:0}
.honor ul li:nth-child(4n){ margin-top:0px}
.ny_coo .con_coo h1{ font-size:30px; margin-bottom:20px }
.ny_coo .con_coo { padding:40px 0px}
.ny_coo .con_coo ul{margin-top:0px; overflow:hidden}
.cp_main1 h1{font-size:30px; margin-bottom:20px}

#topnav input {
	outline: none;
}
#topnav input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
}
#topnav input::-webkit-search-decoration,
#topnav input::-webkit-search-cancel-button {
	display: none; /* remove the search and cancel icon */
}

/* search input field */
#topnav input[type=search] {
	background: #ededed url(/theme/cn2018/images/search-icon.png) no-repeat 9px center;
	border: solid 1px #ccc;
	padding: 9px 10px 9px 32px;
	width: 55px;
	
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
	
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
#topnav input[type=search]:focus {
	width: 130px;
	background-color: #fff;
	border-color: #6dcff6;
	
	-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
	-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
	box-shadow: 0 0 5px rgba(109,207,246,.5);
}

/* placeholder */
#topnav input:-moz-placeholder {
	color: #999;
}
#topnav input::-webkit-input-placeholder {
	color: #999;
}
#demo-b input[type=search] {
	width: 15px;
	padding-left: 10px;
	color: transparent;
	cursor: pointer;
}
#demo-b input[type=search]:hover {
	background-color: #fff;
}
#demo-b input[type=search]:focus {
	width: 130px;
	padding-left: 32px;
	color: #000;
	background-color: #fff;
	cursor: auto;
}
#demo-b input:-moz-placeholder {
	color: transparent;
}
#demo-b input::-webkit-input-placeholder {
	color: transparent;
}

			.big-link { display:block; margin-top: 100px; text-align: center; font-size: 70px; color: #06f; }

.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 10000;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 200px !important; 
		left: 50%;
		margin-left: -400px;
		width: 800px;
		background: #eee url(/theme/cn2018/css/modal-gloss.png) no-repeat -200px -80px;
		position: fixed;
		z-index: 10001;
		padding: 30px 40px 34px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}
		
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
	.reveal-modal .close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 
		.pro_link_list  ul li {   background:#f0f0f0; }
.pro_link_list ul li a{ font-size:16px; padding:10px; display:block;; display:block; border-bottom:1px solid#ccc}
.pro_link_list ul li dl{ background:#fcfcfc  }
.pro_link_list ul li dl dt a{ }
.pro_link_list ul li.hover a{ background:#ff5e14; color:#fff; }
		
		.pro_link_list{ width:280px;border:1px solid#ccc; margin-top:20px; margin-left:50px; float:right}
		.pro_link_con{ float:left; width:850px}
		.case #goodsshow .shop_big {
	border: 1px solid #ededed;
	padding: 2px;
	background: #fff;
	width: 1200px;
	cursor: pointer;
}
.case #goodsshow{ width:1200px; margin:20px 0px; overflow:hidden}
.case #goodsshow .shop_plist {
	clear: both;
	width: 1200px;
}
.case #prolist {
	width: 1160px;
	float: left;
	overflow: hidden;
	height: 68px;
	position: relative;
	margin: 10px 0 0 0;
}
.ny_pro_text .p1{ overflow:hidden; margin:20px 0px; border:1px solid  #ccc; }
.ny_pro_text .p1 h2{ background:#ff5e14; color:#fff; padding-left:20px; line-height:40px; height:40px;}
.ny_pro_text .p1 .fl{ width:48%; margin-right:4%;}
.ny_pro_text .p1 img{ width:100%}
.ny_pro_text .p1 .fr{ width:48%; }
.ny_pro_text .p1  p{ font-size:20px; line-height:40px; padding:50px 20px}
/*
     FILE ARCHIVED ON 20:53:15 Jan 03, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 02:06:06 Jan 03, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.513
  exclusion.robots: 0.027
  exclusion.robots.policy: 0.017
  esindex: 0.01
  cdx.remote: 25.347
  LoadShardBlock: 181.022 (3)
  PetaboxLoader3.datanode: 194.593 (4)
  load_resource: 137.112
  PetaboxLoader3.resolve: 79.778
*/