@charset "utf-8";/* CSS Document */

* {

	margin: 0;

	padding: 0;

}

html {

	font-size: 62.5%;

	height: 100%

}

body {

	margin: 0 auto;

	font-size: 14px;

	font-size: 1.4rem;

	height: 100%;

	font-family: "Arial"; max-width:1920px

}

img {

	border: none;

}

ul li {

	list-style-type: none;

}

ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span {

	margin: 0;

	padding: 0;

	list-style: none;

	color: #333;

}

a {

	text-decoration: none;

	color: #333;

	outline: none;

	transition: 0.3s;

	-moz-transition: 0.3s;

	-o-transition: 0.3s;

	-webkit-transition: 0.3s;

}

h1 {

	margin: 0;

	padding: 0;

	font-weight: normal;

	color: #333;

}

.clear {

	clear: both;

}

.mln {

	margin-left: auto !important

}

input, textarea {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

	border: none;

	outline: none;

}

.l {

	float: left;

}

.r {

	float: right;

}

.fix {

*zoom:1;

}

.fix:after, .fix:before {

	display: block;

	content: "clear";

	height: 0;

	clear: both;

	overflow: hidden;

	visibility: hidden;

}

::-webkit-input-placeholder {/* WebKit browsers */

 color:#333;

}



:-o-placeholder {/* Mozilla Firefox 4 to 18 */

 color:#333;

}



::-moz-placeholder {/* Mozilla Firefox 19+ */

 color:#333;

}



:-ms-input-placeholder {/* Internet Explorer 10+ */

 color:#333;

}

 @media screen and (min-width:1220px) {

.wp {

	width: 1000px;

	margin: auto;

}

}

 @media screen and (min-width:1000px) and (max-width:1219px) {

.wp {

	width: 980px;

	margin: auto;

}

}

 @media screen and (max-width:999px) {

.wp {

	width: 95%;

	margin: auto;

}

}

.zanwu {

	padding-bottom: 50px;

	padding-top: 50px;

}

@font-face {

	font-family: 'FuturaStdHeavy';

	src: url('fonts/FuturaStdHeavy.eot');

	src: url('fonts/FuturaStdHeavy.eot') format('embedded-opentype'),  url('fonts/FuturaStdHeavy.woff2') format('woff2'),  url('fonts/FuturaStdHeavy.woff') format('woff'),  url('fonts/FuturaStdHeavy.ttf') format('truetype'),  url('fonts/FuturaStdHeavy.svg#FuturaStdHeavy') format('svg');

}

@font-face {

	font-family: 'OPENSANSBOLD';

	src: url('fonts/OPENSANSBOLD.eot');

	src: url('fonts/OPENSANSBOLD.eot') format('embedded-opentype'),  url('fonts/OPENSANSBOLD.woff2') format('woff2'),  url('fonts/OPENSANSBOLD.woff') format('woff'),  url('fonts/OPENSANSBOLD.ttf') format('truetype'),  url('fonts/OPENSANSBOLD.svg#OPENSANSBOLD') format('svg');

}

.at-resp-share-element .at-icon {

	width: 24px!important;

	height: 24px!important;

}

.at-style-responsive .at-share-btn {

	padding: 0!important;

	border-radius: 2px!important;

}

.at-resp-share-element .at-share-btn .at-icon-wrapper {

	width: 24px!important;

	height: 24px!important;

}

.at-resp-share-element .at-share-btn {

	margin-bottom: 0!important;

	margin-right: 3px!important;

}

.zitiop {

	font-family: 'OPENSANSBOLD';

}

/*container*/



.container {

	width: 5px;

	height: 100%;

	position: absolute;

	right: 0px;

	top: 0px;

	transition: all 0.4s ease 0s;

	z-index: 999999;

	cursor: pointer;

}

.container .menubtn {

	width: 35px;

	height: 30px;

	position: absolute;

	top: 15px;

	right: 17px;

	transition: all 0.4s ease 0s;

	z-index: 999999

}

.container .menubtn span {

	display: block;

	width: 100%;

	height: 5px;

	margin-bottom: 5px;

	background-color: #fff;

}

.container .nav {

	width: 250px;

	height: 100%;

	background: rgba(0, 0, 0, 0.8);

	position: absolute;

	bottom: 0;

	right: 0;

	display: none;

}

.container .nav ul {

	display: none;

	margin-top: 10px;

}

.container .nav ul li {

	line-height: 40px;

	font-size: 12px;

	font-size: 1.2rem;

	text-indent: 30px;

}

.container .nav ul li a {

	color: #fff;

}

 @media screen and (min-width:641px) {

.container, .nav {

	display: none

}

}

/* nav_head */



.nav_head {

	width: 100%;

	display: none;

	background: #fff;

	margin-bottom: 10px;

	margin-top: 10px;

}

.nav_head li {

	text-align: center;

	width: 24.5%;

	float: left;

	border-bottom: 1px solid #fff;

	border-left: 1px solid #fff;

	background: #eee;

}

.nav_head li a {

	font-size: 18px;

	font-size: 1.8rem;

	color: #333;

	line-height: 30px;

}

.nav_head li.on {

	background: #0449b1;

}

.nav_head li.on a {

	color: #fff;

}

.nav_head li:hover {

	background: #0449b1;

}

.nav_head li:hover a {

	color: #fff;

}

.synews2 {

	display: none;

}

#on1 {

	border-bottom: none;

}

 @media screen and (max-width:640px) {

.nav_head {

	display: block;

}

}

 @media screen and (max-width:640px) {

.nav_head li a {

	font-size: 16px;

	font-size: 1.6rem;

	color: #333;

	line-height: 30px;

}

}

 @media screen and (max-width:420px) {

.synews2 {

	display: block;

}

.synews2 {

	color: #fff;

	font-size: 2.5rem;

	font-size: 25px;

}

.synews2 span {

	padding-left: 10px;

}

.synews2 a {

	color: #fff;

}

.synews {

	display: none;

}

}

/* header_top */



.header_top {

	background: #313131;

	min-height: 50px;

}



.toubudh span{ padding-left:25px; display:inline-block; font-family:Verdana, Geneva, sans-serif; font-size:14px; font-size:1.4rem; font-weight:bold; color:#fff; line-height:25px; margin-right:28px; margin-top:10px}

.toubudh span.teb_tb{	background: url(../images/toubudianhua.jpg) no-repeat left center;}

.toubudh span.youxiangd{	background: url(../images/youxiangtoub.png) no-repeat left center;}

.toubudh span.youxiangd a{ color:#fff}





.shejiao {

	padding-top: 12px;

}

.shejiao a {

	display: inline-block;

	padding-left: 8px;

}

/* search */



.search {

	width: 33px;

	z-index: 99999;

	position: absolute;

	background: none;

	top: 31px;

	right: 0px;

}

.sb-icon-search {

	color: #333;

	width: 33px;

	height: 33px;

	display: block;

}

.sb-search-submit {

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

	filter: alpha(opacity=0);

	opacity: 0;

	color: transparent;

	border: none;

	outline: none;

	z-index: 99999;

}

.search_1000 {

}

.sb-search {

	position: relative;

	width: 0%;

	min-width: 33px;

	height: 33px;

	float: right;

	display: inline;

	overflow: hidden;

	-webkit-transition: width 0s;

	-moz-transition: width 0s;

	transition: width 0s;

	-webkit-backface-visibility: hidden;

	z-index: 99999;

	border-radius: 5px;

	color: #333

}

.sb-search-input {

	position: absolute;

	top: 0;

	left: 0px;

	outline: none;

	width: 236px;

	height: 33px;

	line-height: 33px;

	padding-left: 10px;

	border: none;

	margin: 0;

	z-index: 10;

	font-family: Arial, Helvetica, sans-serif;

	background: transparent;

	color: #333

}

.sb-icon-search, .sb-search-submit {

	width: 33px;

	height: 33px;

	display: block;

	position: absolute;

	right: 0px;

	top: 0px;

	padding: 0;

	margin: 0;

	cursor: pointer;

	background: url(../images/sousuo.png) no-repeat center;

}

.sb-search.sb-search-open,  .no-js .sb-search {

	width: 236px;

	height: 33px;

	line-height: 33px;

	position: relative;

	right: 0px;

	top: 0px;

	z-index: 9999999;

	background: #fff;

	color: #333;

	border: 1px solid #0449b1;

}

.no-js .sb-search .sb-icon-search {

	position: absolute;

	background: #fff url(../images/sousuo.png) no-repeat center;

	z-index: 15;

	right: 0px;

	top: 0px;

	border: none !important

}

.no-js .sb-search .sb-search-submit {

	z-index: 9990;

}

/* header */



.header {

}

.header .wp {

	position: relative;

}

.logo a {

	display: block;

}

.logo a img {

	display: block;

	max-width: 272px;

	width: 100%;

	padding-top: 11px;

}

.yvzhong {

	float: right;

	padding-top: 18px;

}

.yvzhong a {

	display: block;

	float: left;

	margin-left: 16px;

	color: #fff;

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 18px;

}

.yvzhong a img {

	width: 24px;

	height: 16px;

}

.her_ul {

	padding-right: 115px;

}

.her_ul>li {

	float: left;

	position: relative;

	margin-left:38px;

	height: 94px;

	line-height: 94px; 

	

}

.her_ul>li>a {

	display: block;

	text-align: center;

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

	font-weight: bold;

	text-transform: uppercase; padding-left:7px; padding-right:7px

}

.her_ul>li:hover {

	background: #0449b1;

}

.her_ul>li:hover>a {

	color: #fff;

}



.her_ul>li.on {

	background: #0449b1;

}

.her_ul>li.on>a {

	color: #fff;

}

.her_ul>li:hover .dan_header {

	display: block;

}

.dan_header {

	display: none;

	width: 230px;

	position: absolute;

	left: -1px;

	top: 100%;

	border: 1px solid #d2d2d2;

	border-top: 0px;

	background: #ffffff;

	z-index: 999999;

}

.dan_header>li {

	line-height: 26px;

	padding-top: 7px;

	padding-bottom: 7px;

	padding-left: 18px;

	position: relative;

	border-top: 1px solid #d2d2d2;

}
.dan_header>li:hover { color:#fff}

.dan_header>li>a {

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

	line-height: 26px;

	padding-top: 7px;

	padding-bottom: 7px;

}

.dan_header>li:hover {

	background: #0449b1;

}

.dan_header>li:hover>a {

	color: #fff;

}

.dan_header>li:hover .dan_sanheader {

	display: block;

}
.dan_header>li:hover .dan_sanheader{ display: block;  }








.dan_sanheader{ display: none; width: 203px; position: absolute; left: 100%; top: 0px;  background: #fff;   z-index: 999999;  }

.dan_sanheader>li{ line-height: 36px; padding-left: 23px;  position: relative;border-top: 1px solid #d2d2d2;  }

.dan_sanheader>li>a{ font-size:14px;font-size:1.4rem;color:#333; line-height: 36px; }

.dan_sanheader>li:hover{ background: #0449b1;  display: block;  }         

.dan_sanheader>li:hover>a{ color: #fff; }  
/*lun bo*/



.index_focus {

	position: relative;

	width: 100%;

	height: 605px;

	margin: 0 auto;

	overflow: hidden;

	z-index: 9

}

.index_focusn {

	width: 1920px;

	position: absolute;

	left: 50%;

	top: 0px;

	margin-left: -960px;

	height: 100%;

	z-index: 99

}

.index_focus .bd li {

	display: none;

	position: absolute;

	left: 0;

	top: 0;

	width: 1920px;

	z-index: 999

}

.index_focus .slide_nav {

	position: absolute;

	bottom: 15px;

	left: 50%;

	margin-left: -64px;

	z-index: 9998

}

.index_focus .slide_nav a {

	width: 16px;

	height: 16px;

	cursor: pointer;

	float: left;

	margin-right: 8px;

	margin-left: 8px;

	background: url(../images/yao_hui.png) no-repeat center center;

}

.index_focus_post {

	z-index: 10;

}

.index_focus .pic {

	height: auto;

	display: block;

	margin: 0 auto;

}

.index_focus .pic:hover {

	text-decoration: none;

}

.index_focus .slide_nav li:hover, .index_focus .slide_nav .on {

	text-decoration: none;

	background: url(../images/yao_1.png) no-repeat center center;

}

.index_focus2 {

	position: relative;

	width: 100%;

	height: 222px;

	margin: 0 auto;

	overflow: hidden;

	z-index: 9

}

.index_focusn2 {

	width: 1920px;

	position: absolute;

	left: 50%;

	top: 0px;

	margin-left: -960px;

	height: 100%;

	z-index: 99

}

.index_focus2 .bd li {

	display: none;

	position: absolute;

	left: 0;

	top: 0;

	width: 1920px;

	z-index: 999

}

.index_focus2 .slide_nav {

	position: absolute;

	bottom: 22px;

	left: 50%;

	margin-left: -48px;

	z-index: 9998

}

.index_focus2 .slide_nav a {

	width: 16px;


	height: 16px;

	cursor: pointer;

	float: left;

	margin-right: 4px;

	margin-left: 4px;

	background: url(../images/yao_hui.png);

}

.index_focus_post {

	z-index: 10;

}

.index_focus2 .pic {

	height: auto;

	display: block;

	margin: 0 auto;

}

.index_focus2 .pic:hover {

	text-decoration: none;

}

.index_focus2 .slide_nav li:hover, .index_focus2 .slide_nav .on {

	text-decoration: none;

	background: url(../images/yao_1.png);

}

 @media screen and (min-width:1000px) and (max-width:1219px) {

.index_focus {

	height: 484px;

}

.index_focusn {

	height: 484px;

}

.index_focusn img {

	width: 80%;

}

.index_focus2 {

	height: 177px;

}

.index_focusn2 {

	height: 177px;

}

.index_focusn2 img {

	width: 80%;

}

}

 @media screen and (min-width:1000px) {

.carousel, .clear2 {

	display: none

}

}

 @media screen and (max-width:999px) {

	 .toubudh span,.banner { display:none

}

.shejiao {

	padding-right: 24px;

}

.index_focus {

	display: none

}

.index_focus2 {

	display: none

}

.slideshowii {

	display: none;

}

.carousel {

	width: 100%;

	position: relative;

	overflow: hidden;

	z-index: 99;

}

.carousel ul {

	width: 100%;

	height: 100%;

}

.carousel ul li {

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

}

.carousel ul li img {

	width: 100%;

	vertical-align: middle;

}

.carousel ol {

	position: absolute;

	z-index: 2;

	height: 10px;

	bottom: 4px;

	left: 50%;

	-webkit-transform: translate3d(-50%, 0, 0);

}

.carousel ol li {

	float: left;

	width: 10px;

	height: 10px;

	margin-right: 10px;

	border-radius: 5px;

	background-color: #fff;

	transition: all 0.3s ease 0s;

}

.carousel ol li.cur {

	width: 10px;

	background: #0449b1;

}

.carousel ol li:last-child {

	margin: 0;

}

}

 @media screen and (max-width:640px) {

.yvzhong {

	padding-right: 42px;

}

}

 @media screen and (max-width:399px) {

.yvzhong {

	padding-right: 47px;

}

.shejiao a {

	padding-left: 0px;

}

}

/*main*/



.index-panel-one {

	height: 480px;
    background: #F1F1F1;
}

.index-panel-one2 {

	height: auto;

}

.index-panel-title {

	padding-top: 65px;

	text-align: center;

	font-size: 36px;

	font-size: 3.6rem;

	font-family: 'FuturaStdHeavy';

}

.index-panel-title a {

	font-size: 36px;

	font-size: 3.6rem;

	font-family: 'FuturaStdHeavy';

}

.index-panel-title span {

	font-size: 36px;

	font-size: 3.6rem;

	color: #0449b1;

	font-family: 'FuturaStdHeavy';

}

.index-panel-text {

	max-width: 980px;

	width: 100%;

	margin: 0 auto;

	display: block;

	color: #4d4d4d;

	text-align: center;

	margin-top: 15px;

	line-height: 30px; font-size:16px; font-size:1.6rem

}

.index-panel-sign {

	margin-top: 43px;

}

.index-panel-sign dl {

	float: left;

	width: 126px;

	padding: 0 60px;

}

.index-panel-sign dl a {

	display: block;

}

.index-panel-sign dl dt {

	display: block;

	max-width: 126px;

	width: 100%;

	margin: auto;

}

.index-panel-sign dl dt img {

	max-width: 126px;

	max-height: 144px;

	display: block;

	width: 100%;

}

.index-panel-sign dl dd {

	display: block;

	max-width: 126px;

	width: 100%;

	margin: auto;

}

.index-panel-sign dl dd a {

	display: block;

	text-align: center;

	padding-top: 15px;

	font-size: 18px;

	font-size: 1.8rem;

	color: #333;

}

.index-panel-two {

	padding-bottom: 50px;

	background: #f3f3f3;

}

.index-panel-title2 {

	padding-top: 56px;

	text-align: center;

	font-size: 36px;

	font-size: 3.6rem;

	font-family: 'FuturaStdHeavy';

}

.index-panel-title2 a {

	font-size: 36px;

	font-size: 3.6rem;

	font-family: 'FuturaStdHeavy';

}

.index-panel-title2 span {

	font-size: 36px;

	font-size: 3.6rem;

	color: #0449b1;

	font-family: 'FuturaStdHeavy';

}

.index-panel-list {

	padding-top: 35px;

}

.index-panel-list dl {

	float: left;

	margin-left: 43px;

	margin-bottom: 17px;

}

.index-panel-list dl dt {

	position: relative;

	max-width: 371px;

	width: 100%;

	margin: 0 auto;

}

.index-panel-list dl dt a.fu1 {

	position: absolute;

	top: 0px;

	left: 0px;

	max-width: 371px;

	max-height: 285px;

	width: 100%;

	z-index: 999;

}

.index-panel-list dl dt a.fu2 {

	display: block;

	max-width: 371px;

	max-height: 295px;

	width: 100%;

	z-index: 99;

}

.index-panel-list dl dt img {

	max-width: 371px;

	max-height: 295px;

	width: 100%;

	display: block;

	margin: 0 auto;

	padding-top: 10px;

}

.index-panel-list dl dd {

	text-align: center;

	padding-top: 10px;

}

.index-panel-list dl dd a {

	font-size: 18px;

	font-size: 1.8rem;

	color: #000000;

	font-weight: bold;

	line-height: 36px;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	display: block; text-transform:uppercase

}

.index-panel-three {

	background: url( ../images/main3bj.jpg ) no-repeat center top;

	padding-bottom: 112px;    

}

.three_left {

	width: 304px;

	padding-top: 159px;

}

.three_left p a {

	font-size: 16px;

	font-size: 1.6rem;

	color: #fff;

	line-height: 30px;

	display: block;

	padding-top: 36px;

}

.titl_con {

	width: 304px;

	color: #fff;

	height: 177px;

	background: url(  ../images/titiel.png ) no-repeat right center;

}

.titl_con a {

	text-transform: uppercase;

	color: #fff;

	display: block;

	font-family: 'FuturaStdHeavy';

	font-size: 46px;

	font-size: 4.6rem;

	color: #fff;

}

.titl_con a.gt_a1 {

	color: #bdd7ff;

	padding-left: 80px;

	padding-top: 26px;

	padding-bottom: 8px;

}

.titl_con a.gt_a2 {

	color: #fff;

}

.three_right {

	width: 806px;

	padding-top: 48px;

	background: #fff;

	padding-bottom: 24px;

	margin-top: 105px;

}

.thr_wrap {

	position: relative;

	min-height: 170px;

}

.thr_wrap a {

	display: block;

	color: #333;

}

.thr_wrap .rili {

	position: absolute;

	top: -5px;

	left: 58px;

	max-width: 158px;

}

.thr_wrap .rili span {

	font-size: 140px;

	font-size: 14rem;

	color: #cccccc;

}

.thr_wrap .rili .ttiel {

	position: absolute;

	top: 50%;

	margin-top: -15px;

	text-align: center;

	width: 100%;

	font-size: 22px;

	font-size: 2.2rem;

	color: #0449b1;

	font-weight: bold;

	text-transform: uppercase;

}

.thr_wrap .time {

	padding-left: 266px;

	padding-right: 78px;

	padding-top: 26px;

}

.thr_wrap .time .title {

	font-size: 18px;

	font-size: 1.8rem;

	color: #333;

	font-weight: bold;

	padding-bottom: 16px;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.thr_wrap .time p a {

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

	line-height: 30px;

}

.thr_wrap .time a:hover {

	color: #0449b1;

}

.three_left p a:hover {

	color: #999;

}

.titl_con a:hover {

	color: #999;

}

.index-panel-list dl:hover a {

	color: #0449b1;

}

.index-panel-title2 a:hover {

	text-decoration: underline;

}

.index-panel-title a:hover {

	text-decoration: underline;

}

.index-panel-text:hover {

	color: #0449b1;

}

.index-panel-sign dl:hover a {

	color: #0449b1;

}

.index-panel-title3 a:hover {

	text-decoration: underline;

}

.index-panel-four {

	padding-bottom: 120px;

}

.index-panel-title3 {

	padding-top: 48px;

	text-align: center;

	font-size: 36px;

	font-size: 3.6rem;

	font-family: 'FuturaStdHeavy';

}

.index-panel-title3 a {

	font-size: 36px;

	font-size: 3.6rem;

	font-family: 'FuturaStdHeavy';

}

.index-panel-title3 span {

	font-size: 36px;

	font-size: 3.6rem;

	color: #0449b1;

	font-family: 'FuturaStdHeavy';

}

.index-panel-row {

	padding-top: 45px;

}

.index-panel-row dl {

	float: left;

	width: 392px;

	margin-left: 12px;

}

.index-panel-row dl dt {

	max-width: 386px;

	width: 100%;

	margin: 0 auto;

	background: #eee;

}

.index-panel-row dl dt a {

	display: block;

	max-width: 386px;

	width: 100%;

	box-shadow: 0 0 16px rgba(0, 0, 0, 0.25)

}

.index-panel-row dl dt img {

	max-width: 386px;

	max-height: 301px;

	display: block;

	width: 100%;

	margin: 0 auto;

}

.index-panel-row dl dd {

	text-align: center;

	padding-top: 17px;

}

.index-panel-row dl dd .h4 a {

	font-size: 16px;

	font-size: 1.6rem;

	font-weight: bold;

	color: #333;

}

.index-panel-row dl dd a {

	display: block;

	line-height: 30px;

	color: #333;

}

.index-panel-row dl dd:hover a {

	color: #0449b1;

}

/*footer*/



.public_footer {

	background: #0449b1;

	color: #fff;

}

.public_footer .wp {

	position: relative;

	padding-bottom: 91px;

}

.public_footer .ttile {

	padding-top: 63px;

	padding-bottom: 25px;

	font-size: 24px;

	font-size: 2.4rem;

	color: #fff;

	font-weight: bold;

	font-family: 'FuturaStdHeavy';

}

.public_footer a {

	color: #fff;

}

.public_footer li {

	color: #fff;

	line-height: 30px;

}

.public_footer li a {

	line-height: 30px;

	color: #fff;

}

.public_footer a:hover {

	color: #999;

}

.public_footer .fon_one .ttile a:hover {

	color: #fff;

}

.fon_one {

	float: left;

	width: 415px;

}

.fon_two {

	float: left;

}

.fon_three {

	float: right;

	position: relative;

}

.public_footer .one_ul li {

	float: left;

	margin-left: 58px;

}

.public_footer .one_ul li a {

	display: block;

}

.shejiao2 {

	padding-top: 30px;

}

.shejiao2 a {

	padding-right: 15px;

}

.lxy {

	position: absolute;

	top: -75px;

	right: 0px;

	width: 378px;

	float: right;

	background: #ffffff;

	padding-bottom: 30px;

	box-shadow: 5px 0 10px rgba(0, 0, 0, 0.15);

}

.lxtou {

	padding-top: 26px;

	padding-bottom: 26px;

	font-size: 24px;

	font-size: 2.4rem;

	color: #0449b1;

	line-height: 26px;

	width: 320px;

	margin: 0 auto;

	font-family: 'FuturaStdHeavy';

}

.lxtou a{color: #0449b1;}

.cor {

	width: 315px;

	margin: 0 auto;

}

.cor .xing {

	background: url(../images/xing2.jpg) no-repeat left 16px;

}

.se1 {

	width: 68px;

	height: 35px;

	background: none;

	border: 1px solid #d2d2d2;

	line-height: 35px;

	padding-left: 4px;

	color: #666666;

	float: left;

	margin-left: 11px;

	cursor: pointer;

}

.cor .int1 {

	padding-left: 14px;

	margin-bottom: 15px;

	margin-top: 0px;

}

.cor .int1 input {

	color: #4d4d4d;

	width: 288px;

	height: 38px;

	border: 1px solid #d2d2d2;

	padding-left: 13px;

	line-height: 38px;

}

.cor .int1 textarea {

	width: 288px;

	height: 85px;

	border: 1px solid #d2d2d2;

	padding-left: 13px;

	line-height: 33px;

	margin-top: 0px;

}

.cor .int4 {

	padding-left: 14px;

	margin-top: 15px;

}

.cor .int5 {

	width: 88px;

	height: 38px;

	border: 1px solid #d2d2d2;

	padding-left: 13px;

	line-height: 38px;

	float: left;

	margin-right: 10px;

}

.cor .int6 {

	width: 83px;

	height: 38px;

	text-align: center;

	padding-left: 0px;

	float: right;

	background: #0449b1;

	font-size: 20px;

	font-size: 2rem;

	color: #fff;

	border: none;

	cursor: pointer;

}

.cor .int6:hover {

	background: #0449b1;

	color: #fff;

}

 @media screen and (min-width:1000px) and (max-width:1219px) {

.her_ul {

	padding-left: 20px;

}

.her_ul>li {

	margin-left: 13px;

}

.index-panel-one {

	height: auto;

	padding-bottom: 30px;

}

.index-panel-sign dl {

	width: 23%;

	margin-left: 1%;

	margin-right: 1%;

	padding: 0px;

}

.index-panel-list dl {

	width: 31%;

	margin-left: 1%!important;

	margin-right: 1%;

	padding: 0px;

}

.three_right {

	width: 656px;

}

.index-panel-row dl {

	width: 31%;

	margin-left: 1%!important;

	margin-right: 1%;

	padding: 0px;

}

.shejiao2 a {

	display: inline-block;

	padding-bottom: 10px;

}

.fon_one {

	width: 253px;

}

.fon_two {

	float: left;

	width: 279px;

}

.cor {

	width: 367px;

}

.lxy {

	width: 433px;

}

.cor .int1 input {

	width: 337px;

}

.cor .int1 textarea {

	width: 337px;

}

.cor .int5 {

	width: 98px;

}

.cor .int6 {

	width: 126px;

}

}

 @media screen and (max-width:999px) {

.shejiao2 a {

	display: inline-block;

	padding-bottom: 10px;

}

/*  .her_ul{ width: 100%; }*/



.dan_header {

	display: none;

}

.her_ul {

	padding-right: 34px;

}

.lxtou {

	width: 100%;

	text-align: center;

}

.index-panel-one {

	height: auto;

	padding-bottom: 30px;

}

.index-panel-sign dl {

	width: 23%;

	margin-left: 1%;

	margin-right: 1%;

	padding: 0px;

}

.index-panel-list dl {

	width: 31%;

	margin-left: 1%!important;

	margin-right: 1%;

	padding: 0px;

}

.index-panel-row dl {

	width: 31%;

	margin-left: 1%!important;

	margin-right: 1%;

	padding: 0px;

}

.index-panel-three {

	background: #0449b1;

	padding-bottom: 20px; padding-top:20px

}

.three_left {

	width: 100%;

	max-width: 304px;

	margin: 0 auto;

	float: none;

	padding-top: 0px;

	padding-bottom: 20px;

}

.three_right {

	width: 100%;

	max-width: 806px;

	margin: 0 auto;

	float: none;

}

.titl_con {

	width: 100%;

	max-width: 304px;

}

.fon_one {

	width: 100%;

	float: none;

}

.fon_two {

	width: 100%;

	float: none;

	padding-bottom: 20px;

}

.fon_three {

	width: 100%;

	float: none;

}

.lxy {

	position: relative;

	top: 0px;

}

.cor {

	width: 95%;

}

.public_footer .ttile {

	padding-top: 20px;

	padding-bottom: 10px;

}

.public_footer .wp {

	padding-bottom: 30px;

}

.her_ul {

	padding-left: 0px;

	padding-top: 22px;

}

.her_ul>li {

	margin-left: 0px;

}

.lxz {

	width: 100%;

	float: none;

}

.lxy {

	width: 100%;

	float: none;

}

.comain {

	padding-bottom: 30px;

}

.cor .int1 input {

	width: 98%;

}

.cor .int1 textarea {

	width: 98%;

}

.index-panel-four {

	padding-bottom: 50px;

}

.cor .int6 {

}

.ditu2 {

	display: block;

	width: 100%;

	max-width: 582px;

	display: block;

	margin: auto;

	max-height: 323px;

	margin-top: 29px;

}

.index-panel-three {

	margin-bottom: 40px;

}

}

 @media screen and (max-width:820px) {

.her_ul {

	padding-right: 0px;

	width: 100%;

}

.her_ul {

	padding-right: 0px;

}

}

 @media screen and (max-width:690px) {

.her_ul>li {

	margin-left: 13px;

}

.index-panel-one {

	height: auto;

	padding-bottom: 15px;

}

}

 @media screen and (max-width:639px) {

.public_footer .ttile {

	padding-top: 10px;

}

.lxtou {

	width: 100%;

	text-align: center;

}

.cor .int2 {

	width: 65%;

}

.cor .int1 input {

	width: 97%;

}

.cor .int1 textarea {

	width: 97%;

}

.cor .int5 {

	width: 98px;

	margin-bottom: 20px;

}

.cor .int6 {

	width: 126px;

}

.cor .int5 {

	width: 97%;

}

.cor .int6 {

	width: 106px;

	margin-left: 10px;

}

.lxms1 {

	font-size: 14px;

	font-size: 1.4rem;

}

.index-panel-title {

	padding-top: 30px;

	font-size: 20px;

	font-size: 2rem;

}

.index-panel-title a {

	font-size: 20px;

	font-size: 2rem;

}

.index-panel-title span {

	font-size: 20px;

	font-size: 2rem;

}

.index-panel-title2 {

	padding-top: 30px;

	font-size: 20px;

	font-size: 2rem;

}

.index-panel-title2 a {

	font-size: 20px;

	font-size: 2rem;

}

.index-panel-title2 span {

	font-size: 20px;

	font-size: 2rem;

}

.thr_wrap .time .title {

	padding-bottom: 0px;

}

.index-panel-title3 {

	padding-top: 30px;

	font-size: 20px;

	font-size: 2rem;

}

.index-panel-title3 a {

	font-size: 20px;

	font-size: 2rem;

}

.index-panel-title3 span {

	font-size: 20px;

	font-size: 2rem;

}

.index-panel-row {

	padding-top: 15px;

}

.index-panel-list {

	padding-top: 10px;

}

.index-panel-four {

	padding-bottom: 10px;

}

.index-panel-sign dl {

	width: 48%;

	margin-left: 1%;

	margin-right: 1%;

	padding: 0px;

	margin-bottom: 30px;

}

.index-panel-list dl {

	width: 48%;

	margin-left: 1%;

	margin-right: 1%;

	padding: 0px;

	margin-bottom: 0px;

}

.index-panel-row dl {

	float: none;

	max-width: 386px;

	width: 100%;

	margin: 0 auto!important;

	padding: 0px;

	margin-bottom: 20px!important;

}

.titl_con a.gt_a1 {

	font-size: 30px;

	font-size: 3rem;

	padding-top: 44px;

}

.titl_con a.gt_a2 {

	font-size: 30px;

	font-size: 3rem;

}

.three_right {

	padding-top: 20px;

}

.thr_wrap .rili {

	position: relative;

	text-align: center;

	margin: 0 auto;

	left: auto;

	top: 0px

}

.thr_wrap .time {

	padding-left: 10px;

	padding-right: 10px;

	padding-top: 0px;

	left: auto;

}

.thr_wrap .rili span {

	font-size: 10rem;

}

.three_left p a {

	padding-top: 0px;

}

.index-panel-text {

	text-align: left;

	line-height: 25px;

}

}

 @media screen and (max-width:640px) {

.her_ul {

	display: none;

}

.logo {

	width: 219px;

}

.search {

	top: 23px;

}

.shejiao {

	float: left;

}

.index-panel-sign {

	margin-top: 23px;

}

.index-panel-sign dl {

	margin-bottom: 10px;

}

.index-panel-title2 {

	padding-top: 30px;

	font-size: 20px;

	font-size: 2rem;

	padding-bottom: 0px;

}

.index-panel-row dl {

	margin-bottom: 10px;

	padding-bottom: 10px;

	background: #efefef;

}

.index-panel-row dl dd {

	width: 95%;

	margin: 0 auto;

}

.index-panel-row dl dd a {

	text-align: left;

	line-height: 25px;

}

.thr_wrap .time p a {

	line-height: 25px;

}

}

.xiao2 {

	max-width: 350px;

}

 @media screen and (max-width:999px) {

.xiao2 {

	max-width: 100%;

}

}

 @media screen and (max-width:420px) {

.cor .int5 {

	margin-right: 0px;

}

.cor .int2 {

	width: 65%;

}

.cor .int1 input {

	width: 94%;

}

.cor .int1 textarea {

	width: 94%;

}

.cor .int5 {

	width: 98px;

	margin-bottom: 20px;

}

.cor .int6 {

	width: 126px;

}

.cor .int5 {

	width: 94%;

}

.cor .int6 {

	width: 106px;

	margin-left: 10px;

}

.lxms1 {

	font-size: 14px;

	font-size: 1.4rem;

}

.index-panel-title2 a {

	font-size: 20px;

	font-size: 2rem;

}

.index-panel-two {

	padding-bottom: 15px;

}

.index-panel-sign dl dt img {

	max-width: 90px;

	margin: 0 auto;

}

.index-panel-title {

	padding-top: 30px;

}

.index-panel-sign dl dd a {

	font-size: 14px;

	font-size: 1.4rem;

	padding-top: 10px;

}

.index-panel-sign {

	margin-top: 12px;

}

.thr_wrap .rili span {

	font-size: 7.5rem;

}

.index-panel-text {

	margin-top: 5px;

	line-height: 25px;

}

.xiaol {

	display: inline-block;

	padding-right: 23px;

}

.index-panel-row dl {

	margin-bottom: 53px;

}

}

.public-footer-mark {

	padding-bottom: 13px;

	background: #002e73;

	color: #fff;

	text-align: center;

}

.public-footer-mark p {

	line-height: 30px;

	color: #fff;

}

.public-footer-mark p span {

	line-height: 30px;

	color: #fff;

}

.public-footer-mark p.foo_ma {

	padding-top: 9px;

	max-width: 74%;

	margin: 0 auto;

}

.public-footer-mark p.links {

	position: relative;

	top: 3px;

}

.public-footer-mark a {

	line-height: 30px;

	color: #fff;

	padding-right: 10px;

}

.public-footer-mark a:hover {

	color: #999;

}

 @media screen and (max-width:768px) {

	 .public-footer-mark p.foo_ma {

	padding-top: 9px;

	max-width:100%;

	margin: 0 auto;

}

 }

 @media screen and (max-width:639px) {

.public-footer-mark p.links {

	display: none;

}

}

/* break */



.break {

}

.break .wp {

}

.break p {

	margin-top: 0px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #4d4d4d;

}

.break a {

	font-size: 14px;

	font-size: 1.4rem;

	color: #4d4d4d;

	line-height: 51px;

}

.break a.on, .break a:hover {

	color: #0449b1;

}

/* product */

.product {

	padding-top: 20px;

}

.pro_ul1 {

	padding-bottom: 30px;

}

.pro_ul1 li {

	width: 215px;

	margin-left : 20px;

	float: left;

	border: 1px solid #0449b1;

	background: #0449b1;

	color: #fff;

	margin-bottom: 15px;

}

.pro_ul1 li a {

	display: block;

	margin: 0 auto;

	border: 1px solid #fff;

	width: 204px;

	margin: 4px;

	text-align: center;

	line-height: 35px;

	color: #fff;

}

.pro_ul1 li:hover {

	background: #fff;

}

.pro_ul1 li:hover a {

	color: #0449b1;

	border: 1px solid #0449b1;

}

.pro_ul1 li.on {

	background: #fff;

}

.pro_ul1 li.on a {

	color: #0449b1;

	border: 1px solid #0449b1;

}

.pro_ul1 li#on {

	background: #fff;

}

.pro_ul1 li#on a {

	color: #0449b1;

	border: 1px solid #0449b1;

}

.pro_ul2 {

	border-top: 1px solid #cccccc;

}

.pro_ul2 li {

	float: left;

	padding-top: 35px;

	margin-bottom: 15px;

	margin-left: 14px;

}

.proli_wrap {

	max-width: 287px;

	padding-bottom: 15px;

	width: 100%;

	margin: 0 auto;

	border: 1px solid #dcdcdc;

}

.proli_wrap a {

	display: block;

	text-align: center;

}

.proli_wrap a img {

	display: block;

	max-width: 287px;

	width: 100%;

	max-height: 217px;

}

.proli_wrap .wenzi {

	position: relative;

	margin-top: 17px;

}

.proli_wrap .wenzi input {

	position: absolute;

	top: 0px;

	left: 10px;

}

.proli_wrap .wenzi .title {

	padding-bottom: 7px;

	font-weight: bold;

	color: #000000;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	padding-left: 32px;

	padding-right: 10px;

}

.proli_wrap .wenzi .title2 {

	padding-bottom: 20px;

	line-height: 30px;

	color: #4d4d4d;

	height: 42px;

	overflow: hidden;

}

.proli_wrap .wenzi .titler3 {

	max-width: 247px;

	width: 95%;

	margin: 0 auto;

	height: 40px;

	line-height: 40px;

	text-align: center;

	border: 1px solid #333333;

	font-size: 16px;

	font-size: 1.6rem;

	color: #333;

}

.proli_wrap .wenzi .title:hover {

	color: #0449b1;

}

.proli_wrap .wenzi .title2:hover {

	color: #0449b1;

}

.proli_wrap .wenzi .titler3:hover {

	background: #0449b1;

	border-color: #0449b1;

	color: #fff;

}

.page {

	position: relative;

	margin: 45px auto 101px;

}

.page1 {

}

.page {

	text-align: center;

}

.page a:hover {

	color: #fff;

	background-color: #0449b1;

}

.page a {

	display: inline-block;

	background-color: #0449b1;

	color: #fff;

	margin-right: 8px;

	width: 25px;

	height: 26px;

	line-height: 26px;

	border: 1px solid #0449b1;

	text-align: center;

	font-size: 12px;

	-o-animation: 1.2rem;

	border-radius: 0px;

}

.page a.on, .page a:hover {

	background-color: transparent;

	color: #0449b1;

}

.no:hover {

	background-color: #0449b1 !important;

	color: #fff !important;

	border: 1px solid #0449b1 !important;

}

.page a.first {

	width: 62px;

	margin-right: 10px;

}

.page a.last {

	width: 62px;

	margin-left: 2px;

}

.add {

	position: relative;

	top: -28px;

}

.page span {

	display: inline-block;

	width: 50px;

	text-align: center;

	font-size: 16px;

	font-size: 1.6rem;

	color: #333;

	position: relative;

	top: 3px;

}

.page img {

	display: inline-block;

	position: relative;

	top: 5px;

	margin-left: 15px;

	margin-right: 8px;

}

.ins {

	margin-left: 4px;

	width: 133px;

	display: inline-block;

	height: 28px;

	line-height: 26px;

	text-align: center;

	border: none;

	outline: none;

	background-color: #0449b1;

	color: #fff;

	font-size: 12px;

	-o-animation: 1.2rem;

	cursor: pointer;

	border: 1px solid #0449b1;

}

 @media screen and (max-width:1219px) {

.pro_ul1 li {

	width: 15%;

	margin : 0 auto!important;

	margin-right: 1%!important;

}

.pro_ul1 li a {

	width: 97%;

	margin: 1%;

}

.pro_ul2 li {

	width: 23%;

	margin-left: 1%!important;

	margin-right: 1%;

}

.proli_wrap .wenzi .title2 {

	width: 95%;

	margin: 0 auto;

	height: 48px;

	overflow: hidden;

}

.pro_ul1 li a {

	width: 97%;

}

.pro_ul1 li {

	width: 23%;

	margin-bottom: 20px !important;

}

}

 @media screen and (max-width:999px) {

.pro_ul1 li {

	width: 31%;

	margin : 0 auto!important;

	margin-right: 1%!important;

	margin-bottom: 10px!important;

}

.pro_ul2 li {

	width: 31%;

	margin-left: 1%!important;

	margin-right: 1%;

}

.add {

	position: relative;

	top: 0px;

	float: none;

}

.page a {

	margin-bottom: 10px;

}

.yanzheng {

	margin-left: 45px;

}

}

 @media screen and (max-width:640px) {

.pro_ul1 li {

	width: 48%;

	margin : 0 auto!important;

	margin-right: 1%!important;

	margin-bottom: 10px!important;

}

.pro_ul2 li {

	width: 48%;

	margin-left: 1%!important;

	margin-right: 1%;

}

.page {

	margin: 30px auto 30px;

}

.proli_wrap .wenzi .title {

	padding-right: 10px;

	padding-left: 24px;

}

}

 @media screen and (max-width:420px) {

.pro_ul1 li {

	width: 98%;

}

}

 @media screen and (max-width:320px) {

.pro_ul1 li {

	width: 98%;

	margin : 0 auto!important;

	margin-right: 1%!important;

	margin-bottom: 10px!important;

}

.pro_ul2 li {

	width: 98%;

	margin-left: 1%!important;

	margin-right: 1%;

}

}

/* product2 */



.product2 {

	padding-bottom: 130px;

}

/* dan_pro_wrap */



.dan_pro_wrap {

	padding-top: 9px;

}

#showArea {

	margin-top: 12px;

	margin-bottom: 13px;

}

#showArea img {

	cursor: pointer;

	display: block;

	width: 149px;

	;

	height: 113px;

	margin-bottom: 22px;

}

#showArea a {

	display: block;

}

#main_img {

	cursor: pointer;

	display: block;

}

#gotop {

	cursor: pointer;

	display: block;

	height: 17px;

	margin: auto;

	background: url( ../images/top.png ) no-repeat top center;

}

#gobottom {

	cursor: pointer;

	display: block;

	height: 17px;

	margin: auto;

	background: url( ../images/bottom.png ) no-repeat top center;

}

#gotop:hover {

	cursor: pointer;

	display: block;

	margin: auto;

	background: url( ../images/topon.png ) no-repeat top center;

}

#gobottom:hover {

	cursor: pointer;

	display: block;

	margin: auto;

	background: url( ../images/bottomon.png ) no-repeat top center;

}

#showArea {

	height: 385px;

	overflow: hidden;

}

.MagicZoomBigImageCont {

	background: #FFF;

}

.MagicZoomBigImageCont img {

	width: 800px;

	height: 608px;

}

.MagicZoomPup {

	border: 0px solid #aaa;

	background: #ffffff;

}

.left-pro {

	width: 767px;

	text-align: left;

}

.left-pro .t1 {

	width: 149px;

	float: right;

}

.left-pro .t2 {

	width: 360px;

	text-indent: 0;

	float: left;

	border: 0px solid #ccc;

}

.left-pro .t2 a {

	display: block;

	margin-bottom: 0px;

}

.left-pro .t2 img {

	text-indent: 0;

	display: block;

}

.product .content {

	width: 393px;

}

.product .content .title {

	padding-top: 24px;

	margin-bottom: 3px;

}

.product .content .title h1 {

	font-size: 22px;

	font-size: 2.2rem;

	color: #000;

	font-weight: bold;


}

.product .content .peox {

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

	padding-top: 6px;

	padding-bottom: 7px;

}

.product .content .btn {

	margin-top: 21px;

	margin-bottom: 27px;

}

.product .content .btn a,.product .content .btn span {

	display: block;

	font-size: 16px;

	font-size: 1.6rem;

	color: #fff;

	width: 171px;

	height: 40px;

	line-height: 40px;

	text-align: center;

	background-color: #0449b1;

	border: 1px solid #0449b1;

}

.product .content .btn span {

	display: block;

	font-size: 16px;

	font-size: 1.6rem;

	color: #fff;

	width: 171px;

	height: 40px;

	line-height: 40px;

	text-align: center;

	background-color: #0449b1;

	border: 1px solid #0449b1;

}

.product .content .btn a:hover {

	background-color: #fff;

	color: #0449b1;

	border-color: #0449b1;

}

.product .content .share1 {

	padding-top: 37px;

}

.product .content .share1 p {

	text-align: center;

	display: inline-block;

}

.product .content .share1 p span {

	font-size: 14px;

	font-size: 1.4rem;

	color: #333333;

	position: relative;

	top: -7px;

	margin-right: 9px;

	display: inline-block;

}

.product .content .share1 .shar {

	display: inline-block;

}

.peox p {

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

	line-height: 26px;

	padding-bottom: 15px;

}

.peox p span {

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

	line-height: 30px;

}

.peox p b {

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

	line-height: 30px;

}

.peox p a {

	font-size: 14px;

	font-size: 1.4rem;

	color: #d9bb57;

	line-height: 30px;

}

.peox p img {

	display: block;

	max-width: 100%;

	max-height: 360px;

	margin: 0 auto;

}

.peox table {

	width: 100%;

	border-collapse: collapse;

	line-height: 22px;

	border: 1px solid #ccc;

	margin-left: auto;

	margin-right: auto

}

.peox table tr td {

	padding: 3px;

	border: 1px solid #ccc;

	background: #fff

}

 @media screen and (max-width:1000px) {

.peox .table {

	width: 100%;

	overflow: scroll;

}

.peox table {

	width: 800px;

}

}

.new_x table {

	width: 100%;

	border-collapse: collapse;

	line-height: 22px;

	border: 1px solid #ccc;

	margin-left: auto;

	margin-right: auto

}

.new_x table tr td {

	padding: 3px;

	border: 1px solid #ccc;

	background: #fff

}

 @media screen and (max-width:1000px) {

.new_x .table {

	width: 100%;

	overflow: scroll;

}

.new_x table {

	width: 800px;

}

}

.pro_title {

	margin-top: 38px;

	margin-bottom: 20px;

	background: url( ../images/toerui.png ) no-repeat left center;

	border-bottom: 1px solid #cccccc;

}

.pro_title a {

	padding-left: 23px;

	line-height: 52px;

	text-transform: uppercase;

	display: inline-block;

	font-family: 'FuturaStdHeavy';

	font-size: 22px;

	font-size: 2.2rem;

	color: #fff;

}

.pro_title1 {

	margin-top: 20px;

	margin-bottom: 20px;

	background: url( ../images/toerui1.png ) no-repeat left center;

	border-bottom: 1px solid #cccccc;

}

.pro_title1 a {

	padding-left: 23px;

	line-height: 52px;

	text-transform: uppercase;

	display: inline-block;

	font-family: 'FuturaStdHeavy';

	font-size: 22px;

	font-size: 2.2rem;

	color: #fff;

}

.img980 {

	display: none;

}

.img980 ul li {

	width: 23%;

	margin: 1%;

	float: left;

}

.img980 ul li a {

	display: block;

	width: 100%;

}

.img980 ul li a img {

	display: block;

	width: 100%;

}

.zitifs {

	font-family: 'FuturaStdHeavy';

}

 @media screen and (max-width:1219px) {

.product .content {

	float: none;

	width: 100%;

}

.left-pro {

	float: none;

	width: 100%;

	max-width: 767px;

}

}

 @media screen and (max-width:999px) {

.product .content .share1 {

	padding-top: 10px;

}

.MagicZoomPup {

	display: none;

}

.MagicZoomBigImageCont {

	display: none!important;

}

.pro_ul1 {

	padding-bottom: 10px;

}

.product2 {

	padding-bottom: 30px;

}

.her_ul>li:hover .dan_header {

	display: none;

}

}

 @media screen and (max-width:800px) {

.left-pro {

	display: none;

}

.img980 {

	display: block;

}

}

 @media screen and (max-width:640px) {

.img980 ul li {

	width: 48%;

	margin: 1%;

	float: left;

}

.product .content .btn a {

	width: 48%;

}

.product .content .btn span {

	width: 48%;

}

}

/* about */



.about {

	padding-top: 16px;

	padding-bottom: 100px;

}

.about .about_top {

	max-width: 680px;

	margin: 0 auto;

	background: url(../images/xian1.png) no-repeat left 40px;

	margin-top: 0px;

}

.about .about_top .li {

	float: left;

	margin-left: 95px;

}

.about .about_top .li a {

	display: block;

	text-align: center;

	font-size: 16px;

	font-size: 1.6rem;

	color: #333;

	font-weight: bold;

}

.about .about_top .li .wenzi {

	padding-top: 17px;

}

/* .about .about_top .li .wenzi:hover{ color: #0068d3; } 



.about .about_top .li.on .wenzi{ color: #0068d3; }*/.about_dl {

	position: relative;

	margin-top: 21px;

	padding-bottom: 19px;

}

.about_dl .dt {

	position: absolute;

	top: 0px;

	left: 0px;

	text-align: center;

	max-width: 161px;

}

.about_dl .dt strong {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px;

	padding-top: 5px;

	color: #333;

	font-weight: bold;

	display: block;

	text-align: center;

	width: 100%;

}

.about_dl .dt img {

	display: block;

	max-width: 100%;

	margin: 0 auto;

}

.about_dl .dd {

	padding-top: 20px;

	padding-bottom: 12px;

	padding-left: 176px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

	line-height: 30px;

}

.about .abpt {

	line-height: 30px;

	padding-bottom: 18px;

	color: #333; margin-top:50px

}

.about .img {

	margin-bottom: 30px;

}

.about .img img {

	display: block;

	max-width: 1000px;

	width: 100%;

	margin: 0 auto;

}

 @media screen and (max-width:720px) {

.about .about_top {

	width: 100%;

	background: none; margin-bottom:20px

}

.about .about_top .li {

	width: 28%;

	margin-left: 1%;

	margin-right: 1%;

}

.about {

	padding-bottom: 20px;

}

.about .about_top .li {

	width: 28%;

}

}

 @media screen and (max-width:640px) {

.about .about_top .li {

	width: 48%;

	margin-left: 1%;

	margin-right: 1%;

	margin-bottom: 2%;

}


.about .abpt {

	line-height: 25px; margin-top:0px

}

.about_dl .dd {

	line-height: 25px;

}

.about_dl .dt {

	position: relative;

}

.about_dl .dd {

	padding-left: 0px;

	padding-top: 0px;

	padding-bottom: 0px;

}

}

 @media screen and (max-width:400px) {

.about .about_top .li {

	width: 98%;

	margin-left: 1%;

	margin-right: 1%;

	margin-bottom: 2%;

}

}

/* about2 */



.about2 {

	padding-bottom: 0px;

}

.ab2_ul li {

	float: left;

	margin-left: 35px;

	padding-top: 21px;

	margin-bottom: 4px;

}

.ab2_ul li .dan_wrap {

	position: relative;

	max-width: 212px;

	width: 100%;

	margin: 0 auto;

	overflow: hidden;

}

.ab2_ul li .dan_wrap .fu {

	position: absolute;

	top: 100%;

	width: 100%;

	height: 100%;

	left: 0;

}

.ab2_ul li .dan_wrap img {

	display: block;

	max-width: 212px;

	max-height: 286px;

	width: 100%;

}

.ab2_ul li .wenzi {

	padding-top: 10px;

	text-align: center;

	max-width: 212px;

	width: 100%;

	margin: 0 auto;

	line-height: 30px;

}

.ab2_ul li .wenzi a {

	display: block;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.ab2_ul li:hover .dan_wrap .fu {

	top: 2px;

}

/* .ab2_ul li:hover .wenzi a{ color: #0449b1;  } */



.ab2_ul li .dan_wrap .fu img {

	max-width: 206px;

	text-align: center;

	margin: 0 auto;

}

 @media screen and (max-width:1219px) {

.ab2_ul li {

	width: 23%;

	margin-left: 1%!important;

	margin-right: 1%!important;

}

}

 @media screen and (max-width:999px) {

.ab2_ul li {

	width: 31%;

	margin-left: 1%!important;

	margin-right: 1%!important;

}

.ab2_ul li .dan_wrap .fu {

	top: 0px;

}

}

 @media screen and (max-width:640px) {

.ab2_ul li {

	width: 48%;

	margin-left: 1%!important;

	margin-right: 1%!important;

	line-height: 25px;

	padding-top: 0px;

	margin-bottom: 0px;

}

.ab2_ul li .wenzi a {

	height: 55px;

	overflow: hidden

}

.ab2_ul li .wenzi {

	line-height: 25px;

	padding-top: 0px;

}

}

 @media screen and (max-width:320px) {

.ab2_ul li {

	width: 98%;

	margin-left: 1%!important;

	margin-right: 1%!important;

}

}

/* about3 */



.about3 {

	padding-bottom: 130px;

}

.shi_wrap1 {

	margin-top: 22px;

	padding-top: 52px;

	background: url( ../images/time.png ) no-repeat top center;

}

.shi_wrap {

	background: url(../images/dlline.png) repeat-y center center;

}

.shijian {

	text-align: center;

	padding-top: 10px;

	padding-bottom: 17px;

}

.shijian a {

	font-weight: bold;

	font-size: 30px;

	font-size: 3rem;

	line-height: 30px;

	color: #0449b1;

}

.shijian1 .dianji {

	position: relative;

	right: 107px;

	padding-right: 21px;

	
	display: inline-block;

	margin-bottom: 25px;

}

.shijian2 .dianji {

	position: relative;

	right: -107px;

	padding-left: 21px;

	

	display: inline-block;

	margin-bottom: 25px;

}

.shijian dl {

	background: url(../images/dlline.png) repeat-y center center;

	display: none;

	margin-top: 34px;

}

.shijian dl dd {

	width: 51%;

	position: relative;

}

.shijian dl dd span.year {

	position: absolute;

	font-size: 20px;

	font-size: 2rem;

	line-height: 30px;

	color: #0449b1;

	text-align: left;

}

.shijian dl dd.ddd .year {

	right: -45px;

	top: -8px;

}

.shijian dl dd.dds .year {

	left: -60px;

	top: -8px;

}

.shijian dl dd img {

	display: block;

	margin-bottom: 14px;

	max-width: 98%;

}

.shijian dl dd.ddd img {

	margin-right: 2%;

}

.shijian dl dd.dds img {

	margin-left: 2%;

}

.shijian dl dd p ,.shijian dl dd p a{

	font-size: 16px !important;

	font-size: 1.6rem !important;

	line-height: 30px;

	color: #333!important;

	margin-bottom: 30px;

	text-indent: 0!important;

	text-align: left;

}

.shijian dl dd.ddd {

	float: left;

	background: url(../images/quan.jpg) no-repeat 99.3% top;

	margin-left: 0%;

}

.shijian dl dd.dds {

	float: right;

	background: url(../images/quan.jpg) no-repeat 15px top;

	margin-right: 1%;

}

.shijian dl dd .sjbox {

	width: 88.98%;

	margin-top: -10px;

}

.shijian dl dd .zui {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 30px;

	color: #333;

	margin-bottom: 0px;

	text-indent: 0!important;

	text-align: left;

}

 @media screen and (max-width:1219px) {

.shijian dl dd {

	width: 50%;

}

.shijian dl dd.dds {

	background: url(../images/quan.jpg) no-repeat 3px top;

}

.shijian dl dd.ddd {

	margin-left: 1%;

}

}

 @media screen and (max-width:800px) {

.shijian dl dd.dds {

	background: url(../images/quan.jpg) no-repeat 0px top;

}

.shijian dl dd.ddd {

	background: url(../images/quan.jpg) no-repeat 100.2% top;

}

}

 @media screen and (max-width:639px) {

.shi_wrap1 {

	background: none;

	overflow: hidden;

}

.shi_wrap {

	background: none;

}

.shijian1 a {

	position: relative;

	right: 0px;

}

.shijian2 a {

	position: relative;

	right: 0px;

}

.shijian dl dd {

	width: 100%;

}

.shijian dl dd .sjbox {

	width: 100%;

	margin-top: 30px;

}

.shijian dl dd .sjbox img {

	float: none!important;

}

.shijian dl {

	background: none;

}

.shijian dl dd.dds .year {

	left: 20px;

}

.shijian dl dd.ddd .year {

	left: 20px;

}

.shijian dl dd.ddd {

	float: left;

	background: url(../images/quan.jpg) no-repeat left top;

	padding-left: 0;

}

.shijian dl dd.dds {

	margin-right: 0%

}

.shijian dl dd.ddd img {

	margin-right: 0%;

}

.shijian dl dd.dds img {

	margin-left: 0%;

}

.shijian dl dd.ddd {

	margin-left: 0%

}

.shijian dl dd.dds {

	background: url(../images/quan.jpg) no-repeat 0px top;

}

.about3 {

	padding-bottom: 30px;

}

}

/* about4 */



.about4 {

	padding-bottom: 110px;

}

.about1py {

	padding-top: 13px;

	margin-bottom: 49px;

}

.about2py {

	width: 378px;

	float: left;

	position: relative;

	margin-left: 33px;

}

.about2tupy {

	position: absolute;

	top: 0px;

	display: block;

	width: 162px;

	left: 50%;

	margin-left: -81px;

	-webkit-transition: .6s all;

	-moz-transition: .6s all;

	-ms-transition: .6s all;

	transition: .6s all;

}

.about2hzpy {

	margin-top: 80px;

	background: #f2f2f2;

	padding-top: 110px;

	min-height: 200px;

}

.about2py:hover .about2tupy {

	-webkit-transform: rotate(360deg);

	-moz-transform: rotate(360deg);

	-ms-transform: rotate(360deg);

	transform: rotate(360deg);

}

.about2hzpy a {

	font-size: 18px;

	font-size: 1.8rem;

	color: #333;

	font-weight: bold;

	text-align: center;

	display: block;

}

.about2hzpy p {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 24px;

	width: 329px;

	margin: 0 auto;

	text-align: center;

	padding-top: 10px;

	padding-bottom: 46px;

}

.about3hzpy {

	margin-top: 82px;

	background: #f2f2f2;

	padding-top: 110px;

	min-height: 200px;

}

.about3hzpy a {

	font-size: 18px;

	font-size: 1.8rem;

	color: #333;

	font-weight: bold;

	text-align: center;

	display: block;

}

.about3hzpy p {

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

	line-height: 24px;

	width: 329px;

	margin: 0 auto;

	text-align: center;

	padding-top: 8px;

	padding-bottom: 27px;

}



.about table {

	width: 90%;

	border-collapse: collapse;

	line-height: 22px;

	border: 1px solid #ccc;

}

.about table tr td {

	padding: 3px;

	border: 1px solid #ccc;

}



.hengpy {

	background: #f2f2f2;

	margin-bottom: 20px;

}

.henghongpy {

	background: url(../images/hongbeipy2.jpg) repeat-y top center;

	padding-top: 25px;

	padding-bottom: 28px;

}

.henzpy, .henypy {

	width: 561px;

	float: left;

	min-height: 203px;

}

.henzneipy a {

	font-size: 30px;

	font-size: 3rem;

	color: #fff;

	font-weight: bold;

	background: url(../images/henbaipy.jpg) no-repeat bottom left;

	padding-bottom: 10px;

	display: block;

}

.henzneipy p {

	padding-top: 11px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

	line-height: 26px;

	color: #fff;

}

.henzneipy2 a {

	font-size: 30px;

	font-size: 3rem;

	font-weight: bold;

	background: url(../images/henghuipy.jpg) no-repeat bottom left;

	padding-bottom: 10px;

	display: block;

}

.henzneipy2 p {

	padding-top: 11px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

	line-height: 26px;

}

.henghongpy2 {

	background: url(../images/hongbeipy33.jpg) repeat-y center bottom;

	padding-top: 25px;

	padding-bottom: 72px;

}

.henghongpy22 {

	background: url(../images/hongbeipy333.jpg) repeat-y center bottom;

	padding-top: 25px;

	padding-bottom: 72px;

}

.hengpgepy {

	padding-left: 57px;

}

.henghongpy22 .henzpy a, .henghongpy22 .henzpy p {

	color: #333;

}

.henghongpy22 .henzneipy2, .henghongpy22 .henzneipy2 tr td {

	color: #fff !important;

}

.henzneipy2 table {

	width: 90%;

	border-collapse: collapse;

	line-height: 22px;

	border: 1px solid #ccc;

}

.henzneipy2 table tr td {

	padding: 3px;

	border: 1px solid #ccc;


}

 @media screen and (max-width:1000px) {

.henzneipy2 .table {

	width: 100%;

	overflow: scroll;

}

.henzneipy2 table {

	width: 500px;

}

}

.devemzpy {

	font-size: 30px;

	font-size: 3rem;

	font-weight: bold;

	text-align: center;

	padding-top: 41px;

}

.devetuliepy li {

	width: 333px;

	float: left;

	padding-top: 26px;

	margin-left: 22px;

	margin-bottom: 9px;

}

.devetuliepy li a img {

	width: 100%;

	max-width: 333px;

	display: block;

	margin: 0 auto;

}

.devetuliepy li p {

	line-height: 30px;

	color: #4d4d4d;

	font-size: 14px;

	font-size: 1.4rem;

	text-align: center;

	margin-top: 10px;

	min-height: 60px;

}

.devetuliepy {

	padding-bottom: 99px;

}

.henghongpy3 {

	background: url(../images/hongbeipy34.jpg) repeat-y center bottom;

	padding-bottom: 50px;

}

.ab4_title {

	margin-bottom: 9px;

	padding-bottom: 3px;

	padding-top: 55px;

	color: #333333;

	font-weight: bold;

	line-height: 69px;

	font-size: 30px;

	font-size: 3rem;

	text-align: center;

	width: 100%;

	background: url( ../images/ab4_title1.png ) no-repeat center bottom;

}

.ab4_tile2 {

	padding-top: 10px;

	max-width: 922px;

	width: 100%;

	margin: 0 auto;

	text-align: center;

	line-height: 22px;

	color: #4d4d4d;

}

 @media screen and (min-width:1000px) and (max-width:1219px) {

.henghongpy {

	background: url(../images/hongbeipy2.jpg) repeat-y top center;

	padding-top: 25px;

	padding-bottom: 28px;

}

.henghongpy2 {

	background: url(../images/hongbeipy33.jpg) repeat-y center bottom;

	padding-top: 25px;

	padding-bottom: 72px;

}

.henghongpy3 {

	background: url(../images/hongbeipy34.jpg) repeat-y center bottom;

	padding-bottom: 50px;

}

.about3hzpy p {

	width: 95%;

	margin: 0 auto;

}

.about2py {

	width: 30%;

	margin-left: 5%;

}

.henzpy, .henypy {

	width: 50%;

}

.henzneipy2 {

	padding-right: 20px;

}

.hengpgepy {

	padding-left: 20px;

}

.henzneipy2 a, .henzneipy a {

	font-size: 30px;

	font-size: 3rem;

}

.devetuliepy li {

	width: 30%;

	margin-left: 3% !important;

}

.about2hzpy p {

	width: 100%;

}

}

 @media screen and (max-width:999px) {

	 .about table {

	width:800px;

	

}

 .about .table { overflow:scroll

}

.about3hzpy p {

	width: 95%;

	margin: 0 auto;

}

.henghongpy {

	background: url(../images/hongbeipy2.jpg) repeat-y top center;

	padding-top: 25px;

	padding-bottom: 28px;

}

.henghongpy2 {

	background: url(../images/hongbeipy33.jpg) repeat-y center bottom;

	padding-top: 25px;

	padding-bottom: 72px;

}

.henghongpy3 {

	background: url(../images/hongbeipy34.jpg) repeat-y center bottom;

	padding-bottom: 50px;

}

.about3hzpy {

	min-height: 269px;

}

.about2hzpy {

	min-height: 269px;

}

.about2py {

	width: 30%;

	margin-left: 5%;

}

.henzpy, .henypy {

	width: 48%;

}

.henzneipy2 {

	padding-right: 20px;

}

.hengpgepy {

	padding-left: 20px;

}

.henzneipy2 a, .henzneipy a {

	font-size: 28px;

	font-size: 2.8rem;

}

.devetuliepy li {

	width: 30%;

	margin-left: 3% !important;

}

.about2hzpy p, .about3hzpy p {

	width: 95%;

}

.about2py {

	width: 32%;

	margin-left: 1%;

}

.henzneipy p, .henzneipy2 p {

	font-size: 16px;

	font-size: 1.6rem;

}

}

 @media screen and (max-width:860px) {

.devetuliepy li {

	width: 44%;

	margin-left: 1%;

}

}

 @media screen and (max-width:800px) {

.about3hzpy {

	min-height: auto;

}

.about2hzpy {

	min-height: auto;

}

.about2py {

	width: 90%;

	margin: 5% !important;

}

.henzpy, .henypy {

	width: 100%;

}

.hengpgepy {

	padding-left: 0px;

}

.henghongpy, .henghongpy2 {

	background: none;

	padding: 0px;

}

.henzneipy {

	background: #0449b1;

	padding-left: 30px;

	padding-top: 40px;

	padding-bottom: 40px;

	padding-right: 10px;

}

.hengpy {

	background: none;

}

.henzneipy2 {

	background: #f2f2f2;

	padding-left: 30px;

	padding-top: 40px;

	padding-bottom: 40px;

}

.devemzpy {

	font-size: 30px;

	font-size: 3rem;

}

}

 @media screen and (max-width:576px) {

.henzneipy2 a, .henzneipy a {

	font-size: 20px;

	font-size: 2rem;

}

.devemzpy {

	font-size: 20px;

	font-size: 2rem;

}

.devetuliepy li {

	float: none;

	width: 90%;

	margin: 0 auto !important;

}

}

.stengpy li {

	width: 128px;

	float: left;

	margin-left: 145px;

	margin-right: 54px;

	text-align: center;

}

.stengpy {

	padding-top: 30px;

	padding-bottom: 61px;

}

.stengpy li p {

	font-size: 18px;

	font-size: 1.8rem;

	margin-top: 6px;

	text-align: center;

}

.huisepy {

	background: #f2f2f2;

	padding-top: 53px;

	padding-bottom: 130px;

}

.stengmzpy {

	font-size: 30px;

	font-size: 3rem;

	font-weight: bold;

	padding-bottom: 16px;

	text-align: center;

}

.stengtmspy {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 22px;

	text-align: center;

	margin-top: 15px;

}

.stengtuliepy li {

	width: 671px;

	float: left;

	margin-left: 57px;

	margin-top: 50px;

	margin-bottom: 5px;

}

.stengtuliepy li img {

	width: 100%;

	max-width: 671px;

	display: block;

	margin: 0 auto;

}

.stengtuliepy li p {

	width: 100%;

	background: #fff;

	text-align: center;

	font-size: 30px;

	font-size: 3rem;

	padding-top: 23px;

	padding-bottom: 31px;

	line-height: 22px;

	font-weight: bold;

}

.stengmzpy2 {

	font-size: 30px;

	font-size: 3rem;

	font-weight: bold;

	padding-bottom: 16px;

	text-align: center;

	margin-top: 68px;

	margin-bottom: 16px;

}

.stengjepy {

	text-align: center;

}

.stengjepy a {

	font-size: 16px;

	font-size: 1.6rem;

	margin-left: 41px;

}

.sopliepy {

	margin-top: 52px;

	padding-bottom: 148px;

}

.sopliepy li {

	width: 315px;

	float: left;

	margin-left: 46px;

}

.sopliepy li img {

	width: 100%;

	max-width: 315px;

	display: block;

	margin: 0 auto;

}

.sopliepy li p {

	width: 100%;

	background: #0449b1;

	text-align: center;

	font-size: 14px;

	font-size: 1.4rem;

	padding-top: 11px;

	padding-bottom: 12px;

	line-height: 22px;

	color: #fff;

	max-width: 315px;

	margin: 0 auto;

}

 @media screen and (min-width:1000px) and (max-width:1419px) {

.stengpy li {

	width: 230px;

	margin-left: 10px;

	margin-right: 0px;

}

.stengtuliepy li {

	width: 47%;

	margin-left: 3%;

}

.stengtuliepy li p {

	font-size: 20px;

	font-size: 2rem;

}

.sopliepy li {

	width: 23%;

	margin-left: 1%;

}

.sopliepy li p {

	min-height: 47px;

}

}

 @media screen and (max-width:999px) {

.stengpy li {

	width: 23%;

	margin-left: 1%;

	margin-right: 0px;

}

.stengtuliepy li {

	width: 47%;

	margin-left: 3%;

}

.stengtuliepy li p {

	font-size: 18px;

	font-size: 1.8rem;

}

.sopliepy li {

	width: 24%;

	margin-left: 1%;

}

.sopliepy li p {

	min-height: 47px;

}

}

 @media screen and (max-width:882px) {

.stengtuliepy li {

	width: 90%;

	margin: 0 auto !important;

	float: none;

	margin-top: 20px !important;

}

.sopliepy li {

	width: 49%;

	margin-left: 1% !important;

	height: auto;

	margin-top: 40px;

}

.stengmzpy2, .stengmzpy {

	font-size: 24px;

	font-size: 2.4rem;

}

.ab4_title {

	font-size: 20px;

	font-size: 2rem;

	color: #333;

	padding-top: 10px;

}

.about4 {

	padding-bottom: 30px;

}

}

 @media screen and (max-width:500px) {

.stengjepy a {

	margin-left: 20px;

}

.stengmzpy2, .stengmzpy {

	font-size: 20px;

	font-size: 2rem;

}

.sopliepy li {

	width: 90%;

	margin: 0 auto !important;

	float: none;

	margin-top: 20px !important;

}

.stengpy li {

	width: 49%;

	margin-left: 1% !important;

	height: auto;

	margin-top: 20px;

}

}

 @media screen and (max-width:430px) {

.stengjepy a {

	display: block;

	margin-top: 10px;

}

.stengmzpy2, .stengmzpy {

	font-size: 16px;

	font-size: 1.6rem;

}

.stengtuliepy li {

	width: 100%;

}

}

/* new */



.new {

��

}

.new {

	padding-bottom: 0;

}

.new .synbox {

	padding-top: 22px;

	margin-bottom: 15px;

}

.new .page {

	margin-top: 14px;

}

/************************  synew  ***************************/



.synew {

	padding-top: 82px;

	padding-bottom: 67px;

}

.wn {

	text-align: center;

	font-size: 28px;

	font-size: 2.8rem;

	text-transform: uppercase;

	font-family: 'FuturaStdBook';

	margin-bottom: 52px;

}

.syntu img {

	display: block;

	width: 100%;

	max-width: 566px;

	max-height: 265px;

}

.syntu {

	display: block;

}

.synbox {

	float: left;

	width: 566px;

	margin-left: 68px;

}

.synnr {

	width: 368px;

	margin-top: 43px;

}

.yueri {

	position: relative;

	margin-top: 12px;

}

.yue {

	font-size: 22px;

	font-size: 2.2rem;

	color: #0449b1;

	font-weight: bold;

	position: absolute;

	top: 65px;

	left: 40px;

}

.ri {

	font-size: 140px;

	font-size: 14rem;

	font-weight: bold;

	color: #cccccc;

}

.synp1 {

	font-size: 18px;

	font-size: 1.8rem;

	font-weight: bold;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	margin-bottom: 16px;

}

.synp1:hover a {

	color: #0449b1;

}

.synp2 {

	line-height: 30px;

}

.synp2 a {

	display: block;

	height: 60px;

	overflow: hidden;

}

.synp2 a:hover {

	color: #0449b1;

}

 @media screen and (min-width:1000px) and (max-width:1219px) {

.synbox {

	width: 456px;

}

.ri {

	font-size: 100px;

	font-size: 10rem;

}

.yue {

	font-size: 20px;

	font-size: 2rem;

	top: 44px;

	left: 28px;

}

.synnr {

	width: 325px;

}

.synnr {

	margin-top: 30px;

}

}

 @media screen and (max-width:999px) {

.new .page {

	top: 0px;

}

.ri {

	font-size: 100px;

	font-size: 10rem;

}

.yue {

	font-size: 20px;

	font-size: 2rem;

	top: 44px;

	left: 28px;

}

.synbox {

	width: 100%;

	margin: 0;

	margin-bottom: 30px;

}

.yueri {

	width: 20%;

}

.synnr {

	width: 80%;

}

.syntu {

	width: 100%;

	text-align: center;

}

}

 @media screen and (max-width:639px) {

.synew {

	padding-top: 30px;

}

.synnr {

	width: 100%;

	margin-top: 0;

}

.ri {

	font-size: 80px;

	font-size: 8rem;

}

.yue {

	font-size: 16px;

	font-size: 1.6rem;

	top: 35px;

	left: 19px;

}

.yueri {

	margin-top: 0;

}

.synew {

	padding-bottom: 10px;

}

.wn {

	margin-bottom: 30px;

}

}

/***********************  page42  *************************/



.page42 {

	padding-top: 47px;

	padding-bottom: 121px;

}

.page42 h1 {

	text-align: center;

	font-size: 18px;

	font-size: 1.8rem;

	font-weight: bold;

}

.nsj {

	text-align: center;

	color: #cccccc;

	margin-top: 12px;

	margin-bottom: 2px;

}

.new_x {

	line-height: 30px;

	padding-bottom: 30px;

	border-bottom: 1px solid #cccccc;

	margin-bottom: 20px;

}

.new_x p {

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

	line-height: 30px;

}

.new_x p span {

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

	line-height: 30px;

}

.new_x p b {

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

	line-height: 30px;

}

.new_x p a {

	font-size: 14px;

	font-size: 1.4rem;

	color: #0449b1;

	line-height: 30px;

}

.new_x p img {

	display: block;

	max-width: 100%;

	max-height: 360px;

	margin: 0 auto;

}

.new_x table {

	width: 90%;

	border-collapse: collapse;

	line-height: 22px;

	border: 1px solid #ccc;

	margin-left: auto;

	margin-right: auto

}

.new_x table tr td {

	padding: 3px;

	border: 1px solid #ccc;

	background: #fff

}

.xwsx {

	line-height: 30px;

}

.xwsx a:hover {

	color: #0449b1;

}

/* project */



.project {

	padding-top: 14px;

}

.project dl {

	float: left;

	width: 392px;

	margin-left: 12px;

	padding-top: 11px;

	margin-bottom: 29px;

}

.project dl dt {

	max-width: 386px;

	width: 100%;

	margin: 0 auto;

	background: #eee;

}

.project dl dt a {

	display: block;

	max-width: 386px;

	width: 100%;

	box-shadow: 0 0 16px rgba(0, 0, 0, 0.25)

}

.project dl dt img {

	max-width: 386px;

	max-height: 301px;

	display: block;

	width: 100%;

	margin: 0 auto;

}

.project dl dd {

	text-align: center;

	padding-top: 17px;

}

.project dl dd .h4 a {

	font-size: 16px;

	font-size: 1.6rem;

	font-weight: bold;

	color: #333;

}

.project dl dd a {

	display: block;

	line-height: 30px;

	color: #333;

}

.project dl dd:hover a {

	color: #0449b1;

}

.project .page {

	margin-top: 21px;

}

.project2 {

	padding-top: 36px;

}

.project2 h1 {

	text-align: center;

	font-size: 16px;

	font-size: 1.6rem;

	color: #333;

	font-weight: bold;

}

 @media screen and (max-width:1219px) {

.project dl {

	width: 31%;

	margin-left: 1%!important;

	margin-right: 1%!important;

}

}

 @media screen and (max-width:999px) {

.page42 {

	padding-top: 30px;

	padding-bottom: 50px;

}

}

 @media screen and (max-width:640px) {

.project dl {

	width: 98%;

	margin-left: 1%!important;

	margin-right: 1%!important;

}

.page42 {

	padding-top: 10px;

	padding-bottom: 30px;

}

}

/* Technology */



.Technology {

	padding-top: 33px;

}

.tech_left {

	width: 616px;

	color: #4d4d4d;

	line-height: 30px;

	padding-top: 64px;

}

.tech_right {

	width: 502px;

	height: 335px;

	margin-right: 8px;

	border: 2px solid #0449b1;

}

.tech_right .img {

	position: relative;

}

.tech_right .img img {

	display: block;

	width: 100%;

	max-width: 506px;

	max-height: 338px;

	position: absolute;

	right: -8px;

	top: -7px;

}

.tech_right2 {

	margin-top: 34px;

}

.tech_left2 {

	margin-top: 68px;

}

.tact_ttiel {

	margin-top: 51px;

	margin-bottom: 25px;

	line-height: 24px;

	padding-bottom: 13px;

	width: 100%;

	text-align: center;

	font-size: 20px;

	font-size: 2rem;

	font-weight: bold;

	color: #0147B1;

	background: url( ../images/tact_ttielbj.jpg ) no-repeat center bottom;

}

.tac_ul {

	padding-bottom: 90px;

}

.tac_ul li {

	float: left;

	margin-left: 30px;

	margin-bottom: 40px;

}

.tac_ul li .tect_wrap {

	position: relative;

	max-width: 216px;

	width: 100%;

	margin: 0 auto;

	overflow: hidden;

}

.tac_ul li img {

	display: block;

	max-width: 216px;

	max-height: 140px;

	width: 100%;

	margin: 0 auto;

}

.tac_ul li .fuw {

	display: block;

	max-width: 216px;

	width: 100%;

	margin: 0 auto;

}

.tac_ul li .fu {

	position: absolute;

	top: 100%;

	left: 0px;

	height: 100%;

	width: 100%;

	max-height: 140px;

	overflow: hidden;

	background: url( ../images/techbj.png ) repeat center center;

	transition: 0.3s;

	-moz-transition: 0.3s;

	-o-transition: 0.3s;

	-webkit-transition: 0.3s;

}

.tac_ul li .fu span {

	padding-top: 8px;

	display: block;

	line-height: 30px;

	color: #fff;

	width: 89%;

	text-align: center;

	margin: 0 auto;

}

.tac_ul li:hover .fu {

	top: 0px;

}

 @media screen and (max-width:1219px) {

.tech_left {

	width: 48%;

	padding-top: 22px;

}

.tech_right {

	width: 48%;

}

.tac_ul li {

	width: 18%;

	margin-left: 1%!important;

	margin-right: 1%!important;

	margin-bottom: 10px;

}

}

 @media screen and (max-width:999px) {
	 .Technology { padding-bottom:20px

	

}

.tac_ul li .fu {

	top: 0px;

	position: relative;

}

.tac_ul li .fu span {

	padding-top: 8px;

	top: 0px;

	position: relative;

	padding-bottom: 20px;

}

.tech_left {

	width: 100%;

	padding-top: 0px;

	margin-top: 10px;

	float: none;

}

.tech_left2 {

	padding-top: 0px;

}

.tech_right {

	width: 100%;

	max-width: 506px;

	float: none;

}

.tac_ul li {

	width: 18%;

	margin-left: 1%!important;

	margin-right: 1%!important;

	margin-bottom: 10px;

}

.tac_ul li {

	width: 23%;

	margin-left: 1%!important;

	margin-right: 1%!important;

	margin-bottom: 10px;

}

}

 @media screen and (max-width:900px) {

.tac_ul li {

	width: 31%;

	margin-left: 1%!important;

	margin-right: 1%!important;

	margin-bottom: 10px;

}

}

 @media screen and (max-width:640px) {

.tac_ul {

	padding-bottom: 0px;

}

.tac_ul li {

	width: 48%;

	margin-left: 1%!important;

	margin-right: 1%!important;

	margin-bottom: 10px;

}

}

 @media screen and (max-width:540px) {

.tech_right {

	width: 100%;

	max-width: 506px;

	float: none;

	border: 0px;

	height: auto;

	padding-top: 10px;

}

.tech_right .img img {

	position: relative;

	right: 0px;

}

}

 @media screen and (max-width:340px) {

.tac_ul li {

	width: 98%;

	margin-left: 1%!important;

	margin-right: 1%!important;

	margin-bottom: 10px;

}

}

/* best */



.best {

	padding-bottom: 101px;

}

.be_title {

	padding-top: 15px;

	padding-bottom: 11px;

	margin-bottom: 12px;

	text-align: center;

	width: 100%;

	font-size: 30px;

	font-size: 3rem;

	color: #0449b1;

	font-weight: bold;

	line-height: 30px;

	background: url( ../images/tirel.jpg ) no-repeat bottom center;

}

.title_br {

	font-weight: bold;

	text-align: center;

	width: 100%;

	font-size: 18px;

	font-size: 1.8rem;

	color: #4d4d4d;

	line-height: 30px;

}

.o_pro {

	padding-top: 40px;

	padding-bottom: 29px

}

.o_nr {

	width: 100%;

	max-width: 1092px;

	margin: 0 auto;

}

.o_pic {

	width: 42.5%;

}

.o_pic img {

	width: 100%;

	max-width: 441px;

	max-height: 192px;

}

.o_wz {

	width: 50.3%;

}

.o_title {

	padding-top: 11px;

	line-height: 45px;

	color: #222222;

	font-size: 30px;

	font-size: 3rem;

	font-family: 'OPENSANSBOLD';

}

.o_content {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 30px;

	padding-top: 10px;

}

.o_jl {

	padding-left: 10px;

}

 @media screen and (max-width:1219px) {

.o_pic {

	width: 45%;

}

}

 @media screen and (max-width:999px) {

.o_wz {

	width: 52%;

}

.o_jl {

	padding-left: 0px;

}

}

 @media screen and (max-width:839px) {

.o_pic {

	float: none;

	width: 100%;

	text-align: center;

}

.o_wz {

	width: 100%;

	float: none;

	text-align: center;

}

}

 @media screen and (max-width:639px) {

.be_title {

	font-size: 24px;

	font-size: 2.4rem;

}

.o_title {

	font-size: 24px;

	font-size: 2.4rem;

	line-height: 30px;

}

}

/* Strict */



.Strict {

	padding-bottom: 92px;

}

.Strict_tirl {

	padding-top: 35px;

	max-width: 951px;

	text-align: center;

	width: 100%;

	margin: 0 auto;

	font-size: 16px;

	font-size: 1.6rem;

	color: #333;

	line-height: 24px;

}

.o_pro2 {

	padding-top: 30px;

	padding-bottom: 29px

}

.o_nr2 {

	width: 100%;

	max-width: 1060px;

	margin: 0 auto;

}

.o_nr2 img {

	max-width: 100%;

}

.o_pic2 {

	width: 30.5%;

}

.o_pic2 img {

	display: block;

	width: 100%;

	max-width: 328px;

	max-height: 288px;

}

.o_wz2 {

	width: 62.3%;

	padding-top: 47px;

}

.o_title2 {

}

.o_title2 span {

	display: block;

	display: inline-block;

	width: 53px;

	height: 53px;

	text-align: center;

	line-height: 53px;

	font-size: 26px;

	font-size: 2.6rem;

	color: #fff;

}

.o_title2 strong {

	margin-left: 14px; /* height: 53px;*/

	line-height: 53px;

	display: block;

	font-size: 20px;

	font-size: 2rem;

	color: #333;

}

.o_content2 {

	font-size: 16px;

	font-size: 1.6rem;

	color: #333;

	line-height: 30px;

	padding-top: 12px;

}

.o_jl2 {

	padding-left: 10px;

}

 @media screen and (max-width:1219px) {

.o_pic2 {

	width: 33%;

}

}

 @media screen and (max-width:999px) {

.o_wz2 {

	width: 60%;

}

.o_jl2 {

	padding-left: 0px;

}

}

 @media screen and (max-width:839px) {

.o_pic2 {

	float: none;

	width: 100%;

	text-align: center;

}
.o_pic2 img{ display:block; margin-left:auto; margin-right:auto}
.o_wz2 {

	width: 100%;

	float: none;

	text-align: center;

}

}

/* conatct */



.conatct {

	padding-top: 40px;

	padding-bottom: 101px;

}

.conzuo {

	width: 600px;

}

.conyou {

	width: 561px;

}

.hs {

	font-size: 18px;

	font-size: 1.8rem;

	color: #0449b1;

	text-transform: uppercase;

	margin-bottom: 5px;

	font-family: 'OPENSANSBOLD';

}

.hs2 {

	padding-left: 10px;

}

.lxlist li {

	line-height: 30px;

	padding-left: 24px;

}

.lxlist a:hover {

	color: #0449b1;

}

.conli1 {

	background: url("../images/ci1.jpg") no-repeat left center;

}

.conli2 {

	background: url("../images/ci2.jpg") no-repeat left center;

}
.conli25 {

	background: url("../images/ftli3.png") no-repeat left center;

}
.conli3 {

	background: url("../images/ci3.jpg") no-repeat left center;

}

.conli4 {

	background: url("../images/ci4.jpg") no-repeat left center;

}

.conli5 {

	background: url("../images/ci5.jpg") no-repeat left center;

}

.conli6 {

	background: url("../images/ci6.jpg") no-repeat left center;

}

.conli7 {

	background: url("../images/ci7.png") no-repeat left center;

}

.conli8 {

	background: url("../images/ci8.png") no-repeat left center;

}

.conli10 {

	background: url("../images/ci10.png") no-repeat left center;

}

.ditu img {

	width: 100%;

	max-width: 557px;

	max-height: 394px;

}

.ditu {

	margin-top: 28px;

}

.form2 .xing input {

	height: 35px;

	line-height: 35px;

	padding-left: 14px;

	width: 532px;

	border: 1px solid #cecece;

	font-size: 12px;

	font-size: 1.2rem;

	color: #666666;

}

.form2 .xing {

	padding-left: 13px;

	margin-bottom: 28px;

}

.form2 .xing2 {

	background: url("../images/xing.jpg") no-repeat left 15px;

}

.form2 .xing4 {

	margin-top: 36px;

	margin-bottom: 29px;

}

.form2 .xing textarea {

	padding-left: 14px;

	padding-top: 8px;

	height: 204px;

	width: 532px;

	border: 1px solid #cecece;

	font-size: 12px;

	font-size: 1.2rem;

	color: #666666;

}

.form2 {

	padding-top: 10px;

}

.form2 .concaptcha {

	width: 140px !important;

	margin-right: 20px;

}

.consubmit {

	width: 181px;

	height: 37px;

	line-height: 37px;

	text-align: center;

	background: #0449b1;

	color: #fff;

	cursor: pointer;

}

.consubmit:hover {

	background: #eee;

	color: #333;

}

.conyzm {

	margin-right: 0;

	cursor: pointer;

}

 @media screen and (min-width:1000px) and (max-width:1219px) {

.conzuo {

	width: 460px;

}

.conyou {

	width: 490px;

}

.form2 .xing input {

	width: 460px;

}

.form2 .xing textarea {

	width: 460px;

}

.consubmit {

	width: 145px;

}

.page56 {

	padding-bottom: 50px;

}

}

 @media screen and (max-width:999px) {

.conzuo {

	width: 100%;

	margin-top: 30px;

}

.conyou {

	width: 100%;

}

.form2 .xing input {

	width: 98%;

}

.form2 .xing textarea {

	width: 98%;

}

.conatct {

	padding-bottom: 20px;

}

}

 @media screen and (max-width:639px) {

.form2 .xing input {

	width: 95%;

}

.form2 .xing textarea {

	width: 95%;

}

.form2 .consubmit {

	width: 100%;

}

.form2 .xing3 {/*float: none;*/

	margin-right: 20px;

}

.form2 .concaptcha {

	width: 95%;

	margin-right: 0;

}

.conyzm {

	margin-bottom: 28px;

}

.ditu {

	margin-top: 15px;

}

.page56 {

	padding-bottom: 35px;

}

.best {

	padding-bottom: 10px;

}

.list_cart a {

	padding: 1px !important;

}

.shijian dl dd p {

	line-height: 25px;

}

.synp2 a {

	height: 50px;

	line-height: 25px;

}

.synp1 {

	margin-bottom: 0px;

	line-height: 25px;

}

.new .synbox {

	padding-top: 0px;

}

.project dl dd a {

	line-height: 25px;

}

.proli_wrap .wenzi .title2 {

	height: 50px;

	line-height: 25px;

	padding-bottom: 5px;

}

.peox p {

	line-height: 25px;

}

.pro_title1 {

	margin-top: 20px;

}

.pro_title {

	margin-top: 0px;

}

}

.zitifs {

	font-family: 'FuturaStdHeavy';

}

.zitiop {

	font-family: 'OPENSANSBOLD';

}

#baguetteBox-overlay {

	display: none;

	opacity: 0;

	position: fixed;

	overflow: hidden;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-color: #222;

	background-color: rgba(0,0,0,.8);

	-webkit-transition: opacity .5s ease;

	transition: opacity .5s ease;

	z-index: 99999999999999999999999999999999999999;

}

#baguetteBox-overlay.visible {

	opacity: 1

}

#baguetteBox-overlay .full-image {

	display: inline-block;

	position: relative;

	width: 100%;

	height: 100%;

	text-align: center;

}

#baguetteBox-overlay .full-image figure {

	display: inline;

	margin: 0;

	height: 100%

}

#baguetteBox-overlay .full-image img {

	display: inline-block;

	width: auto;

	height: auto;

	max-height: 100%;

	max-width: 100%;

	vertical-align: middle;

	-webkit-box-shadow: 0 0 8px rgba(0,0,0,.6);

	-moz-box-shadow: 0 0 8px rgba(0,0,0,.6);

	box-shadow: 0 0 8px rgba(0,0,0,.6);

}

#baguetteBox-overlay .full-image figcaption {

	display: block;

	position: absolute;

	bottom: 0;

	width: 100%;

	text-align: center;

	line-height: 1.8;

	color: #ccc;

	background-color: #000;

	background-color: rgba(0,0,0,.6);

	font-family: Verdana, Geneva, sans-serif;

}

#baguetteBox-overlay .full-image:before {

	content: "";

	display: inline-block;

	height: 50%;

	width: 1px;

	margin-right: -1px

}

#baguetteBox-slider {

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	white-space: nowrap;

	-webkit-transition: left .4s ease, -webkit-transform .4s ease;

	transition: left .4s ease, -moz-transform .4s ease;

	transition: left .4s ease, transform .4s ease

}

#baguetteBox-slider.bounce-from-right {

	-webkit-animation: bounceFromRight .4s ease-out;

	animation: bounceFromRight .4s ease-out

}

#baguetteBox-slider.bounce-from-left {

	-webkit-animation: bounceFromLeft .4s ease-out;

	animation: bounceFromLeft .4s ease-out

}

.baguetteBox-button#next-button, .baguetteBox-button#previous-button {

	top: 50%;

	top: calc(50% - 30px);

	width: 44px;

	height: 60px

}

.baguetteBox-button {

	position: absolute;

	cursor: pointer;

	outline: 0;

	padding: 0;

	margin: 0;

	border: 0;

	-moz-border-radius: 15%;

	border-radius: 15%;

	background-color: #323232;

	background-color: rgba(50,50,50,.5);

	color: #ddd;

	font: 1.6em sans-serif;

	-webkit-transition: background-color .4s ease;

	transition: background-color .4s ease;

}

.baguetteBox-button:hover {

	background-color: rgba(50,50,50,.9)

}

.baguetteBox-button#next-button {

	right: 2%

}

.baguetteBox-button#previous-button {

	left: 2%

}

.baguetteBox-button#close-button {

	top: 20px;

	right: 2%;

	right: calc(2% + 6px);

	width: 30px;

	height: 30px

}

.baguetteBox-button svg {

	position: absolute;

	left: 0;

	top: 0

}

.spinner {

	width: 40px;

	height: 40px;

	display: inline-block;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-top: -20px;

	margin-left: -20px

}

.double-bounce1, .double-bounce2 {

	width: 100%;

	height: 100%;

	-moz-border-radius: 50%;

	border-radius: 50%;

	background-color: #fff;

	opacity: .6;

	position: absolute;

	top: 0;

	left: 0;

	-webkit-animation: bounce 2s infinite ease-in-out;

	animation: bounce 2s infinite ease-in-out

}

.double-bounce2 {

	-webkit-animation-delay: -1s;

	animation-delay: -1s

}

.fu2 {

	display: none;

}

 @media screen and (max-width:999px) {

/*   .ab2_ul li .dan_wrap .fu{ display:none; }*/



  /*  .ab2_ul li .dan_wrap .fu2{ display:block; }*/









}

.one_ul2 {

	display: none;

}

 @media screen and (max-width:500px) {

.one_ul2 {

	display: block !important;

}

.one_ul {

	display: none;

}

.public_footer .one_ul2 li a {

	display: inline-block;

	width: 32%;

	text-align: center;

}

.shejiao2 a {

	padding-right: 12px;

}

}

.list_cart a {

	font-size: 14px;

	font-size: 1.4rem;

}

/*.container*/



.container {

	width: 5px;

	height: 100%;

	position: absolute;

	right: 0;

	-webkit-transition: all 0.4s ease 0s;

	transition: all 0.4s ease 0s;

	z-index: 999999999999999;

	cursor: pointer;

	position: fixed;

	top: -5px;

	right: 0;

	display: block;

}

.container .nav {

	overflow: hidden;

	width: 300px;

	background: rgba(0, 0, 0, 0.8);

	position: absolute;

	top: 0;

	right: 0;

	display: block;

	height: auto;

	overflow: scroll;

	display: none;

}

.container .nav form {

	margin: 15px auto;

	width: 258px;

	height: 26px;

	border: 1px solid #fff;

}

.container .nav form .iptc {

	box-sizing: border-box;

	padding-left: 15px;

	background-color: #fff;

	width: 80%;

	height: 26px;

	line-height: 26px;

	display: block;

	float: left;

}

.container .nav form .ipsc {

	width: 20%;

	height: 26px;

	line-height: 26px;

	display: block;

	float: right;

	background: #fff url(../images/sousuo.png) no-repeat center center;

}

.container .nav > ul {

	display: none;

	margin-top: 0px;

	margin-bottom: 0px;

	overflow: scroll;

	padding-top: 45px;

	-ms-box-sizing: border-box;

	-o-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.container .nav > ul > li {

	line-height: 40px;

	font-size: 12px;

	font-size: 1.2rem;

	text-indent: 20px;

	position: relative;

}

.container .nav > ul > li .addition {

	width: 20px;

	height: 20px;

	position: absolute;

	right: 15px;

	top: 10px;

	background: url("../images/shizi.png") no-repeat center center;

}

.container .nav > ul > li .addition.fa:before {

	margin-right: 5px;

	color: #fff;

	text-indent: 0;

}

.container .nav > ul > li > a {

	color: #fff;

	font-size: 12px;

	font-size: 1.2rem;

	display: block;

	margin-right: 40px;

}

.container .nav > ul > li > a span {

	color: #fff;

	font-size: 12px;

	font-size: 1.2rem;

}

.container .nav > ul > li .c-show {

	display: none;

	width: 100%;

}

.container .nav > ul > li .c-show1 .c-s1 {

	position: relative;

	padding-left: 15px;

}

.container .nav > ul > li .c-show1 .c-s1 > a {

	position: relative;

	font-size: 12px;

	font-size: 1.2rem;

	color: #fff;

	display: block;

	padding-top: 5px;

	padding-bottom: 5px;

	line-height: 30px;

	margin-right: 40px;

}

.container .nav > ul > li .c-show1 .c-s1 > a span {

	font-size: 12px;

	font-size: 1.2rem;

	color: #fff;

	font-family: Arial, Helvetica, sans-serif;

}

.container .nav > ul > li .c-show1 .c-s1 > .c-show2 {

	position: relative;

}

.container .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 {

	position: relative;

}

.container .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a {

	text-indent: 35px;

	font-size: 12px;

	font-size: 1.2rem;

	color: #fff;

	display: block;

	padding-top: 5px;

	padding-bottom: 5px;

	line-height: 30px;

	margin-right: 40px;

}

.container .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a span {

	font-size: 12px;

	font-size: 1.2rem;

	color: #fff;

	font-family: Arial, Helvetica, sans-serif;

}

.container .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 {

	position: relative;

}

.container .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a {

	text-indent: 50px;

	font-size: 12px;

	font-size: 1.2rem;

	color: #fff;

	display: block;

	padding-top: 5px;

	padding-bottom: 5px;

	line-height: 30px;

}

.container .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a span {

	font-size: 12px;

	font-size: 1.2rem;

	color: #fff;

	font-family: Arial, Helvetica, sans-serif;

}

.container .nav > ul > dl {

	padding: 20px;

}

.container .nav > ul > dl dd {

	float: left;

	margin: 0 2px;

}

.container .nav > ul > dl dd img {

	width: 30px;

}

.container .menubtn {

	width: 23px;

	height: 18px;

	position: absolute;

	top: 12px;

	right: 12px;

	-webkit-transition: all 0.4s ease 0s;

	transition: all 0.4s ease 0s;

	z-index: 9999;

}

.container .menubtn span {

	display: block;

	width: 100%;

	height: 3px;

	margin-bottom: 3px;

	background-color: #fff;

}

 @media screen and (min-width: 1000px) {

.container, .nav {

	display: none!important;

}

}

 @media screen and (max-width: 999px) {

	 .toubudh_x{ display:block}

.toubudh_x span{ width:calc(100% - 55px); padding-left:25px; display:inline-block; font-family:Verdana, Geneva, sans-serif; font-size:12px; font-size:1.2rem; color:#fff; line-height:25px; margin-top:10px}

.toubudh_x span.teb_tb{	background: url(../images/toubudianhua.jpg) no-repeat left center;}

.toubudh_x span.teb_ren{	background: url(../images/touburen.jpg) no-repeat left center;}



 }
 
 
  .ce{position: fixed;right: 1px;top: 30%;width: 53px;z-index: 999999;}
.ce li{height: 53px;margin-bottom: 1px;transition: 0.5s;}
.ce li a{display: block;height: 53px;}

.ce4{background: #0449b1 url(../images/ce2.png) no-repeat center center;}

.ce4:hover{background: #333333 ;}
@media screen and (max-width:767px) {
	body{ padding-bottom:60px}
    .ce{bottom: 0;top: auto;width: 100%;}
    .ce li{width: 100.00%;margin: 0;float: left;}
}
/*�¼�*/
.dan_header2{display: none; position: absolute; z-index: 2; top:-4px; left: 152px; width: 180px;  border: 1px solid #d2d2d2; background: #ffffff; padding-left:20px;   } 
.prnav{ z-index:999}
.prnav li{ position:relative; float:left; margin-left:56px; border: 1px solid #0449b1;  background: #0449b1; margin-bottom:42px;}
.prnav li a{ display:block; width:220px; height:35px; border:1px solid #fff; color: #fff; text-align:center; line-height:35px; font-size:14px; font-size:1.4rem; margin:4px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
.prnav li:hover{ background:#fff; }
.prnav li:hover a{ border:1px solid #0449b1; color:#0449b1; background:#fff;}
.prerji{ position:absolute; left:-57px; top:-9999px; padding-top:2px; padding-bottom:3px; z-index:999; margin-top:-12px; z-index:9999999999;}
.prerji li{ margin-bottom:0; }
.prerji li a{ display:block; font-size:14px; font-size:1.4rem; line-height:40px; text-align:center;}
.prerji li a:hover{ border:1px solid #0449b1 !important; color:#0449b1 !important; background:#fff !important;}
.prerji li{ background:#fff !important;}
.prnav>li:hover .prerji{ top:56px;}
.dangqianpr{ border:1px solid #0449b1 !important; color:#0449b1 !important; background:#fff;}


.prnav li#on>a {
    color: #0449b1;
    border: 1px solid #0449b1;
}
.prnav li#on {
    background: #fff;
}

@media screen and (max-width: 768px){
	
.prerji{ position:relative;  display:none;      top: 7px; left:0px; }	
.prnav li {
    width: 98%;
    margin: 0 auto!important;
    margin-right: 1%!important;
    margin-bottom: 10px!important;
}

.prnav li a {
    width: 97%;
    margin: 1%; color:#fff;
}
.prerji li a{ color:#333;}
	
	}
	
	.prnav {
    z-index: 999;
}

.slideshow .item img {
    width: 100%;
    -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
    transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
}
.slideshow .item.slick-active img {
    -webkit-transform: scale(1);
            transform: scale(1);
}

.slick-dots{position: absolute;width: 100%;bottom: 10px;text-align: center;}
.slick-dots li{display: inline-block;}
.slick-dots li button{cursor: pointer; background:url(../images/yao_hui.png) no-repeat center center;  font-size: 0px; 
     border-radius: 50%;margin-left: 4.5px;margin-right: 4.5px; border: none;outline: none;width: 16px;height: 16px;}
.slick-dots li.slick-active button{ background:url(../images/yao_1.png) no-repeat center center; }
.banner {
    position: relative;
    z-index: 2;
    overflow: hidden;
}
.slideshow { position: relative; }
.slideshow video{ max-width:100%
     
    }