@charset "utf-8";
/* CSS Document */

html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}

body, div, p, span, h1, h2, h3, h4, h5, h6, dd, dl, dt, ul, ol, li, input, textarea, select {
    margin: 0;
    padding: 0;
    font-family: "微软雅黑";
    font-size: 14px;
    color: #000;
	vertical-align: middle;
}

a {
    text-decoration: none;
    margin: 0;
    padding: 0;
	color: #000;
}

a:hover {
	text-decoration: none;
}

ul, ol, li {
    list-style: none;
}

img {
	-ms-interpolation-mode: bicubic; 
}

@font-face { font-family:myFirstFont; src: url(../fonts/SourceHanSansCN-Regular.otf);}


.index-company { width: 100%; overflow: hidden;}

.index-top { width: auto; overflow: hidden; background: #f3f5f6; padding: 6px 0px;}
.index-top-main { width: 1200px; overflow: hidden; margin: 0 auto;}
.index-top-left { width: 50%; overflow: hidden; float: left; font-size: 13px; color: #777}
.index-top-right { width: 50%; overflow: hidden; float: right; text-align: right}
.index-top-right a { font-size: 13px; color: #777; display: inline-block; margin-left: 30px;}
.index-top-right a:first-child { margin-left: 0px;}
.index-top-right a:hover { color:#043790}

.index-company-main { width: 1200px; overflow: hidden; margin: 0 auto; padding: 25px 0px;}
.index-logo { width: 20%; overflow: hidden; float: left;}


.index-search { width: 30%; height: 42px; overflow: hidden; margin-left: 40px; float: right; text-align: right; margin-top: 30px;}
.index-search input { width: 70%; height: 40.5px; border: 1px solid #043790; padding-left: 10px; outline: none;}
.index-search div { display: inline-block; width: 70px; height: 39px; background: #043790; text-align: center;}
.index-search a { font-size: 16px; color: #fff; margin-top: 9px; display: inline-block}
.index-search input,.index-top-search a { vertical-align: middle;}


.nav { width: 100%; overflow: hidden; margin: 0 auto; background: #043790}
.nav-title { display: none;}
.nav-main { width: 1200px; overflow: hidden; margin: 0 auto;}
.nav-main ul li { float: left; width: 171.4px; text-align: center;}
.nav-main ul li a { font-size: 15px; color: #fff; display: block; padding: 20px 0px;}
.nav-main ul li a:hover { background: #1b2f64; color: #fff}

.nav-main ul li a.current { background: #1b2f64; color: #fff;}

#container {
	width: 100%;
	height: 600px;
	overflow: hidden;
}
.sections,.section {
	height:100%;
}
#container,.sections {
	position: relative;
}
.section {
	background-color: #F1F1F1;
	background-size: cover;
	background-position: 50% 50%;
	text-align: center;
	color: #f00;
}
#section0 {
	background-image:url(../images/banner.jpg);
}
#section1 {
	background-image:url(../images/banner2.jpg);
}
#section2 {
	background-image:url(../images/banner.jpg);
}

.index-about-wrap { width: 100%; overflow: hidden; padding: 50px 0px;}
.index-about-main { width: 1200px; overflow: hidden; margin: 0 auto;}

.index-about-title { width: auto; overflow: hidden; border-bottom: 1px solid #eee; padding-bottom: 5px;}
.index-about-title h3 { font-size: 30px; color: #043790; display: inline-block; font-weight: normal; font-family: myFirstFont;}
.index-about-title h5 { font-size: 16px; color: #999; display: inline-block; font-weight: normal; margin-top: 7px;}
.index-about-title h4 { font-size: 22px; color: #043790; display: inline-block; font-weight: normal; font-family: myFirstFont; padding-left: 7px; margin-top: 5px;}

.index-about-title h3,.index-about-title h5,.index-about-title h4 { vertical-align:middle;}

.index-about-content { width: auto; overflow: hidden; margin-top: 30px;}
.index-about-img { width: 380px; overflow: hidden; float: left}
.index-about-img img { max-width: 372px;}

.index-about-text { width: 800px; overflow: hidden; float: right; margin-top: 10px;}
.index-about-text h3 { font-size: 26px; color: #043790; font-weight: normal; font-family: myFirstFont; padding: 0px 0px 10px 30px;}
.index-about-text div { font-size: 15px; color: #666; line-height: 2; text-indent: 2em;}
.index-about-more { width: auto; overflow: hidden; padding: 10px 0px; margin-top: 10px;}
.index-about-more a { font-size: 15px; color: #fff; background: #043790; padding: 8px 20px 8px 25px; display: inline-block; text-align: center;text-indent: 0em;}
.index-about-more a:hover { color: #043790; border: 1px solid #043790; background: #fff;}


.index-product-wrap { width: 100%; overflow: hidden; padding-bottom: 30px;}
.index-product-main { width: 1200px; overflow: hidden; margin: 0 auto;}

.index-product-title { width: auto; overflow: hidden; border-bottom: 1px solid #eee; padding-bottom: 5px;}
.index-product-name { width: 50%; overflow: hidden; float: left;}
.index-product-name h3 { font-size: 30px; color: #043790; display: inline-block; font-weight: normal; font-family: myFirstFont;}
.index-product-name h5 { font-size: 16px; color: #999; display: inline-block; font-weight: normal; margin-top: 7px;}
.index-product-name h4 { font-size: 22px; color: #043790; display: inline-block; font-weight: normal; font-family: myFirstFont; padding-left: 7px; margin-top: 5px;}

.index-product-name h3,.index-product-name h5,.index-product-name h4,.index-product-more a { vertical-align:middle;}

.index-product-more { width: 50%; overflow: hidden; float: right; margin-top: 13px; text-align: right}
.index-product-more a { font-size: 15px; color: #888}
.index-product-more a:hover { color: #043490}


.index-product-content { overflow:hidden; width: auto; margin-top: 17px;} 
.index-product-content ul li div { float:left; line-height:25px; height:160px; width:190px; overflow:hidden; padding:10px 0px}
.index-product-content ul li div img { width:190px; height:160px; display: block;}
.index-product-content ul li div span { display:block; font-size: 12px; color: #000; text-align: center}


.index-news-wrap { width: 100%; overflow: hidden;}
.index-news-main { width: 1200px; overflow: hidden; margin: 0 auto;}

.index-news-content { 
	width: 373.3333px; 
	float: left;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 3px 30px 0px rgba(205, 205, 205, 0.4);
	margin-left: 30px;
	margin-top: 10px;
	margin-bottom: 15px;
}
.index-news-content:first-child { margin-left: 10px;}
.index-news-content:last-child { margin-right:10px; height: 599.69px}

.index-news-inner { width: auto; overflow: hidden; padding: 20px 20px 10px 20px;}

.index-news-title { width: auto; overflow: hidden;}
.index-news-title .index-news-name { width: 140px; overflow: hidden; float: left; margin-left: 5px; margin-top: 6px;}
.index-news-title .index-news-name h3 { font-size: 19px; color: #333; font-weight: normal; padding-bottom: 2px;}
.index-news-title .index-news-name span { font-size: 15px; color: #999;}
.index-news-title a { 
	font-size: 14px; 
	color: #999; 
	border: 1px solid #ddd;
	border-radius: 20px; 
	padding: 8px 15px;
	display: inline-block; 
	float: right;
	margin-top: 12px;
}
.index-news-title a:hover { color: #fff; border: 1px solid #043790; background: #043790}

.index-news-img { width:auto; overflow: hidden; margin-top: 20px;}
.index-news-img img { width: 100%; display: block; margin: 0 auto;}

.index-news-text { width: auto; overflow: hidden; padding-top: 8px}
.index-news-text ul li { width: auto; overflow: hidden; padding: 12px 0px; border-bottom: 1px dashed #f3f5f6;}
.index-news-text ul li:last-child { border-bottom: none;}
.index-news-text ul li span { display: inline-block; width: 7px; height: 7px; background: #043790;}
.index-news-text ul li a { font-size: 14px; color: #555; display: inline-block; padding-left: 10px;}
.index-news-text ul li span,.index-news-text ul li a { vertical-align: middle;}
.index-news-text ul li a:hover { color: #226cc8;}

.index-contact-text { width: auto; overflow: hidden; padding-top: 20px;}
.index-contact-text ul li { overflow: hidden; padding: 10px 0px;}

.index-contact-icon { width: 20px; overflow: hidden; float: left; text-align: center;}

.index-contact-name { width: 90%; overflow: hidden; float: right; font-size: 15px; color: #666; font-family: myFirstFont;}
.index-contact-name span { font-size: 15px; color: #666; display: block; font-family: myFirstFont; padding-left: 78px; padding-top: 15px;}
.index-contact-name a { font-size: 15px; color: #666; font-family: myFirstFont; padding-left: 0px; padding-top: 15px;}
.index-contact-name span,.index-contact-icon img { vertical-align: middle;}


.index-lianjie-wrap { width: 100%; overflow: hidden; padding: 20px 0px;}
.index-lianjie-main { width: 1200px; overflow: hidden; margin: 0 auto;}
.index-lianjie-main span { font-size: 15px; color: #666;}
.index-lianjie-main a { font-size: 15px; color: #666; display: inline-block; margin-left: 20px;}
.index-lianjie-main a:nth-child(2) { margin-left: 0px;}
.index-lianjie-main a:hover { color: #043790;}
.index-lianjie-main a,.index-lianjie-main span { vertical-align: middle;}

.foot-wrap { width: 100%; overflow: hidden; padding: 10px 0px; background: #292929}
.foot-main { width: 1200px; overflow: hidden; margin: 0 auto; font-size: 13px; color: rgba(255,255,255,.7); text-align: center; line-height: 1.8}
.foot-main a { font-size: 13px; color: rgba(255,255,255,.7)}
.foot-main a:hover { color: #fff;}

.about-wrap { width: 100%; overflow: hidden; padding: 30px 0px;}
.about-main { width: 1200px; overflow: hidden; margin: 0 auto;}

.left-wrap { width: 260px; overflow: hidden; float: left}

.left-top { width:auto; overflow: hidden;}
.left-title { width: auto; overflow: hidden; height: 120px; background: url(../images/sub_gy.jpg) no-repeat; background-size: 100% 100%;}
.left-title h2 { font-size:24px; color: #fff; padding:27px 20px 10px 25px;}
.left-title span { font-size: 16px; color: #fff; font-weight: bold; display: inline-block; padding:0px 20px 0px 25px;}

.left-top-content { width: auto; overflow: hidden;}
.left-top-content ul li { background: #f3f5f6; text-align: center; margin-top:2px}
.left-top-content ul li a { font-size: 14px; color: #5a5a5a; display: block; padding: 18px 0px;}
.left-top-content ul li h2 { font-size: 18px; color: #0045BD}
.left-top-content ul li:hover { background:#0045BD;}
.left-top-content ul li:hover a { color: #fff;}
.left-top-content ul li:hover span { color: #fff;}
.left-top-content ul li:hover h2 { color: #fff;}
.left-top-content ul li.left-now { background: #0045BD;}
.left-top-content ul li.left-now a { color: #fff;}
.left-top-content ul li.left-now span { color: #fff;}

.left-contact { width: auto; overflow: hidden; border:1px solid #ccc; margin-top: 30px; border-top: 3px solid #226cc8}
.left-contact-inner { width: auto; overflow: hidden; padding: 15px 10px 8px;}
.left-contact-inner ul li { overflow: hidden; padding: 10px 0px;}

.left-contact-icon { width: 20px; overflow: hidden; float: left; text-align: center; }
.left-contact-icon img { display: inline-block; margin: 1px auto 0px;}
.last-icon { margin-top: 3.5px}

.left-contact-name { width: 85%; overflow: hidden; float: right; font-size: 14px; color: #666; font-family: myFirstFont;}
.left-contact-name span { font-size: 14px; color: #666; display: block; font-family: myFirstFont; padding-top: 15px;}
.left-contact-name a { font-size: 14px; color: #666; font-family: myFirstFont;}
.left-contact-name a,.left-contact-icon img { vertical-align: middle;}

.left-contact img { display: block;}

.right-wrap { width: 900px; overflow: hidden; float: right;}

.location-wrap { width: auto; overflow: hidden; border-bottom: 1px solid #f3f5f6; padding-bottom: 10px;}
.location-title { width:20%; overflow: hidden; float: left; }
.location-title span { display: inline-block; width: 4px; height: 23px; background: #043790;}
.location-title h2 { font-size: 16px; color: #555; display: inline-block; padding-left: 10px;}

.location-text { width: 75%; overflow: hidden; margin-top: 2px; text-align: right; float: right;}
.location-text img { padding-right:5px;}
.location-text span { font-size: 14px; color: #555;}
.location-text a { font-size: 14px; color: #555;}
.location-text span,.location-text a,.location-text img { vertical-align: middle;}

.location-text a:hover { color: #043790;}
.location-text a.location-current { color: #043790;}

.about-content { width: auto; overflow: hidden; padding-top: 20px; text-indent: 2em; line-height: 2;}

.product-content { width: auto; overflow: hidden;}
.product-content ul li { float: left; margin-left: 20px; width: 210px;  text-align: center; margin-top: 30px;}
.product-content ul li:nth-of-type(4n+1) { margin-left: 0px;}

.product-content ul li img { border: 1px solid #ddd; padding: 3px; width: 199px; height: 157px;}
.product-content ul li span { font-size: 14px; color: #555;}


.page { width:auto; overflow:hidden; margin:40px auto 0px; padding-bottom: 0px;}
.page ul { width:345px; overflow:hidden; margin:0 auto; padding:10px;}
.page ul li { float:left; margin-left:8px; text-align:center;}
.page ul li:first-child { margin-left:0px;}
.page ul li a { font-size:13px; color:#333; background-color: transparent; padding:8px 13px; border-radius: 3px;}
.page ul li a:hover { font-size:13px; color:#1a45b5; background-color: transparent;}
.page ul li a.pagenow { font-size:13px; color:#fff; background: #1a45b5;}

.list_page { overflow:hidden; width:295px; margin:0 auto; text-align: center; margin-top: 30px;}
.list_page span { color:#e40723; font-size:13px; display: block}
.list_page a { padding:6px 10px; border:1px solid #ccc; float:left; margin-right:5px;font-size:13px; color:#333;}

.cooperative-content { width: auto; overflow: hidden;}
.cooperative-content ul li { 
	float: left;
	padding-left: 20px;
	text-align: center;
	width: 210px;
	margin-top: 30px;
	border-bottom: 1px solid #f3f5f6;
	padding-bottom: 25px;
	height: 130px;
}
.cooperative-content ul li:nth-of-type(4n+1) { padding-left: 0px;}
.cooperative-content ul li:nth-child(9) { border-bottom: none;}
.cooperative-content ul li:nth-child(10) { border-bottom: none;}
.cooperative-content ul li:nth-child(11) { border-bottom: none;}
.cooperative-content ul li:nth-child(12) { border-bottom: none;}

.cooperative-content ul li img { max-width: 208px; display: block; border: 1px solid #dedede}

.news-content { width: auto; overflow: hidden;}
.news-content ul li { overflow: hidden; border-bottom: 1px dashed #e1e1e1; padding-bottom: 12px; margin-top: 20px;}

.news-left-data { 
	width: 56px;
	overflow: hidden;
	float: left;
	border: 2px solid #ccc; 
	border-radius: 10px; 
	text-align: center;
	background-image: -moz-linear-gradient( 90deg, rgb(225,225,225) 0%, rgb(248,248,248) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(225,225,225) 0%, rgb(248,248,248) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(225,225,225) 0%, rgb(248,248,248) 100%);
}
.news-left-data h2 { background: #043790; text-align: center; font-size: 18px; color: #fff; padding: 5px 0px;}
.news-left-data span { font-size: 22px; color: #555; display: inline-block; margin: 0 auto; padding: 5px 0px; text-align: center;}

.news-right-text { width: 825px; overflow: hidden; float: right;}
.news-right-text h3 { font-size: 16px; color: #555; padding-bottom: 3px;}
.news-text-inner { width: auto; overflow: hidden; line-height: 1.5; font-size: 14px; color: #7a7a7a;}
.news-more { width: auto; overflow: hidden; text-align: right; padding-top: 3px;}
.news-more a { font-size: 14px; color: #C40003; font-weight: bold;}

.news-content ul li:hover .news-right-text h3 { color: #043790;}

.product-details-title { width: auto; overflow: hidden; padding-top: 25px; text-align: center;}
.product-details-title h3 { font-size: 18px; color: #555; padding-bottom: 7px;}
.product-details-title span { display: inline-block; margin-left: 20px; font-size: 14px; color: #6a6a6a;}
.product-details-title span:first-child { margin-left: 0;}

.product-details-content { width: auto; overflow: hidden; padding-top: 10px;}
.product-details-content span { font-size: 14px; color: #444; line-height: 2.5;}
.product-details-content p span { font-size: 14px!important; color: #444; line-height: 2.5; padding: 3px 0px; font-family: "微软雅黑"!important}
.product-details-content img { max-width: 90%;}
.product-details-content table { width: 100%!important; border-collapse: collapse;}
.product-details-content table tr { overflow: hidden;}
.product-details-content table td { position: relative; overflow: hidden;}
.product-details-content table td img { top: 0; right: 0; bottom: 0; left: 0; margin: auto; position: absolute; display: block; width: auto; height: auto;}

.contact-content { width: auto; overflow: hidden; font-size: 15px; color: #444; line-height: 2.5; margin-top: 20px;}
.contact-content h3 { font-size: 17px; color: #043790;}
.contact-content span { font-size: 15px; color: #444; line-height: 2.5;}
.contact-content p { font-size: 15px; color: #444; line-height: 2.5; padding: 3px 0px;}
.contact-content a { font-size: 15px; color: #444; line-height: 2.5;}
.contact-content a:hover span { color: #226cc8}
.contact-content img { max-width: 900px; display: block; margin: 0 auto; padding-bottom: 15px}
.contact-content span strong { font-size: 16px; color: #043790!important}

.news-next { width: auto; overflow: hidden; margin-top: 20px;}
.news-next div { 
	width:auto; 
	overflow: hidden;
	background:#f3f5f6; 
	padding:10px 0px; 
	font-size: 14px;
	color: #333; 
	padding-left: 10px;
	margin-bottom: 10px;
	text-align: left;
}
.news-next div a { font-size: 14px; color: #333}
.news-next div a:hover { font-size: 14px; color: #226cc8}

.liuyan-main { width: auto; overflow: hidden; padding-bottom:30px;}

.liuyan-above { width: 600px; overflow: hidden; margin: 0 auto; text-align: center; margin-top:35px; font-size: 12px; color: #cacccb; line-height: 1.7}
.liuyan-above span { font-size: 18px; color: #333; line-height:1.7;}
.liuyan-above h2 { font-size: 26px; color: #043790; padding: 7px 0px;}

.liuyan-content { width: 600px; overflow: hidden; text-align: center; margin:20px auto;}
.liuyan-content ul li { padding: 10px 0px; overflow: hidden;}
.liuyan-content ul li span { font-size: 14px; color: #5a5a5a; display: inline-block; width:40px; text-align: right; padding-right: 10px;}
.liuyan-content ul li input { width:420px; height:40px; padding:0px 5px; border: 1px solid #ccc; border-radius: 2px;}
.liuyan-content ul li textarea { width:420px; height:200px; padding:5px; border: 1px solid #ccc; border-radius: 2px}

.liuyan-tijiao { width:100px; background: #043790; text-align: center; float: right; margin-right: 206px; border: 1px solid #043790; margin-left: 121px;}
.liuyan-tijiao a { font-size: 14px; color: #fff; display: block; padding: 10px 0px;}
.liuyan-tijiao:hover { background: #fff; border: 1px solid #043790;}
.liuyan-tijiao:hover a { font-size: 14px; color: #043790;}


@media only screen and (max-width:800px)
{
	.index-company { width: 100%; overflow: hidden;}

	.index-top { width: auto; overflow: hidden; background: #f3f5f6; padding: 6px 0px;}
	.index-top-main { width: 94%; overflow: hidden; margin: 0 auto;}
	.index-top-left { width: 70%; overflow: hidden; float: left; font-size: 12px; color: #777}
	.index-top-right { width: 30%; overflow: hidden; float: right; text-align: right}
	.index-top-right a { font-size: 13px; color: #777; display: inline-block; margin-left: 30px;}
	.index-top-right a:first-child { margin-left: 0px; display: none;}
	.index-top-right a:hover { color:#043790}

	.index-company-main { width: 35%; overflow: hidden; margin: 0 auto; padding: 15px 0px; float: left; }
	.index-logo { width: auto; overflow: hidden; margin-left: 10px;}
	.index-logo img { width: 100%;}


	.index-search { width: 30%; height: 42px; overflow: hidden; margin-left: 40px; float: right; text-align: right; margin-top: 30px; display: none;}
	.index-search input { width: 70%; height: 40.5px; border: 1px solid #043790; padding-left: 10px; outline: none;}
	.index-search div { display: inline-block; width: 70px; height: 40.5px; background: #043790; text-align: center;}
	.index-search a { font-size: 16px; color: #fff; margin-top: 9px; display: inline-block}
	.index-search input,.index-top-search a { vertical-align: middle;}
	
	
	#container {
		width: 100%;
		height: 600px;
		overflow: hidden;
		display: block;
	}
	
	.nav { width: 15%; float: right; background: #043790; margin-top: 20px; overflow: hidden;}
	
	.nav-title { float:right; width:24px; height:35px; background:#043790; border-radius:1px; padding:5px 12px; display: block;}
	.nav-title span{ 
		display:block; 
		background:#fff; 
		height:3px; 
		margin-bottom:8px; 
		width:24px; 
		border-radius:5px; 
		margin-top:5px;
	}
	.nav-main { 
		width: 100%; 
		overflow: hidden; 
		background:#f3f5f6; 
		display:none; 
		position: absolute; 
		top:122px;
		z-index: 9999;
		left: 0px;
	}
	.nav-main ul li { border-bottom: 1px solid #E7E8E9; width: 100%;}
	.nav-main ul li:last-child { border-bottom:none;}
	.nav-main ul li a { font-size:14px; color: #333; display: block; padding:4.2% 0%;}
	.nav-main ul li:hover { background:#1b2f64}
	.nav-main ul li:hover a { color: #fff;}
	.nav-main ul li.current { background:#1b2f64}
	.nav-main ul li.current a { color: #fff;}
	
	.index-about-wrap { width: 100%; overflow: hidden; padding: 30px 0px;}
	.index-about-main { width: 94%; overflow: hidden; margin: 0 auto;}

	.index-about-title { width: auto; overflow: hidden; border-bottom: 1px solid #eee; padding-bottom: 5px;}
	.index-about-title h3 { font-size: 30px; color: #043790; display: inline-block; font-weight: normal; font-family: myFirstFont;}
	.index-about-title h5 { font-size: 16px; color: #999; display: inline-block; font-weight: normal; margin-top: 7px;}
	.index-about-title h4 { font-size: 22px; color: #043790; display: inline-block; font-weight: normal; font-family: myFirstFont; padding-left: 7px; margin-top: 5px;}

	.index-about-title h3,.index-about-title h5,.index-about-title h4 { vertical-align:middle;}

	.index-about-content { width: auto; overflow: hidden; margin-top: 30px;}
	.index-about-img { width: auto; overflow: hidden; float: none;}
	.index-about-img img { max-width: 372px;}

	.index-about-text { width: auto; overflow: hidden; float: right; margin-top: 10px;}
	.index-about-text h3 { font-size: 22px; color: #043790; font-weight: normal; font-family: myFirstFont; padding: 0px 0px 10px 30px;}
	.index-about-text div { font-size: 15px; color: #666; line-height: 2; text-indent: 2em;}
	.index-about-more { width: auto; overflow: hidden; padding: 10px 0px; margin-top: 10px; text-align: right;}
	.index-about-more a { font-size: 15px; color: #fff; background: #043790; padding: 8px 20px 8px 25px; display: inline-block; text-align: center;text-indent: 0em;}
	.index-about-more a:hover { color: #043790; border: 1px solid #043790; background: #fff;}
	
	
	.index-product-wrap { width: 100%; overflow: hidden; padding-bottom: 30px;}
	.index-product-main { width: 94%; overflow: hidden; margin: 0 auto;}

	.index-product-title { width: auto; overflow: hidden; border-bottom: 1px solid #eee; padding-bottom: 5px;}
	.index-product-name { width: 60%; overflow: hidden; float: left;}
	.index-product-name h3 { font-size: 24px; color: #043790; display: inline-block; font-weight: normal; font-family: myFirstFont;}
	.index-product-name h5 { font-size: 14px; color: #999; display: inline-block; font-weight: normal; margin-top: 7px;}
	.index-product-name h4 { font-size: 18px; color: #043790; display: inline-block; font-weight: normal; font-family: myFirstFont; padding-left: 7px; margin-top: 5px;}

	.index-product-name h3,.index-product-name h5,.index-product-name h4,.index-product-more a { vertical-align:middle;}

	.index-product-more { width: 30%; overflow: hidden; float: right; margin-top: 6px; text-align: right}
	.index-product-more a { font-size: 14px; color: #888}
	.index-product-more a:hover { color: #043490}


	.index-product-content { overflow:hidden; width: auto; margin-top: 17px; height: 160px;} 
	.index-product-content ul li div { float:left; line-height:25px; height:160px; width:190px; overflow:hidden; padding:10px 0px}
	.index-product-content ul li div img { width:190px; height:160px; display: block;}
	.index-product-content ul li div span { display:block; font-size: 12px; color: #000; text-align: center}


	.index-news-wrap { width: 100%; overflow: hidden;}
	.index-news-main { width: 94%; overflow: hidden; margin: 0 auto;}

	.index-news-content { 
		width: 96%; 
		float: none;
		background-color: rgb(255, 255, 255);
		box-shadow: 0px 3px 30px 0px rgba(205, 205, 205, 0.4);
		margin-left: 2%;
		margin-top: 10px;
		margin-bottom: 15px;
		margin-right: 2%
	}
	.index-news-content:first-child { margin-left: 2%;}
	.index-news-content:last-child { margin-right:10px; height: 599.69px}

	.index-news-inner { width: auto; overflow: hidden; padding: 20px 20px 10px 20px;}

	.index-news-title { width: auto; overflow: hidden;}
	.index-news-title .index-news-name { width: 140px; overflow: hidden; float: left; margin-left: 5px; margin-top: 6px;}
	.index-news-title .index-news-name h3 { font-size: 16px; color: #333; font-weight: normal; padding-bottom: 2px;}
	.index-news-title .index-news-name span { font-size: 14px; color: #999;}
	.index-news-title a { 
		font-size: 13px; 
		color: #999; 
		border: 1px solid #ddd;
		border-radius: 20px; 
		padding: 6px 10px;
		display: inline-block; 
		float: right;
		margin-top: 12px;
	}
	.index-news-title a:hover { color: #fff; border: 1px solid #043790; background: #043790}

	.index-news-img { width:auto; overflow: hidden; margin-top: 20px;}
	.index-news-img img { width: 100%; display: block; margin: 0 auto;}

	.index-news-text { width: auto; overflow: hidden; padding-top: 8px}
	.index-news-text ul li { width: auto; overflow: hidden; padding: 12px 0px; border-bottom: 1px dashed #f3f5f6;}
	.index-news-text ul li:last-child { border-bottom: none;}
	.index-news-text ul li span { display: inline-block; width: 7px; height: 7px; background: #043790;}
	.index-news-text ul li a { font-size: 14px; color: #555; display: inline-block; padding-left: 10px;}
	.index-news-text ul li span,.index-news-text ul li a { vertical-align: middle;}
	.index-news-text ul li a:hover { color: #226cc8;}

	.index-contact-text { width: auto; overflow: hidden; padding-top: 20px;}
	.index-contact-text ul li { overflow: hidden; padding: 10px 0px;}

	.index-contact-icon { width: 20px; overflow: hidden; float: left; text-align: center;}

	.index-contact-name { width: 90%; overflow: hidden; float: right; font-size: 15px; color: #666; font-family: myFirstFont;}
	.index-contact-name span { font-size: 15px; color: #666; display: block; font-family: myFirstFont; padding-left: 0px; padding-top: 15px;}
	.index-contact-name a { font-size: 15px; color: #666; font-family: myFirstFont; padding-left: 0px; padding-top: 15px; display:block;}
	.index-contact-name span,.index-contact-icon img { vertical-align: middle;}


	.index-lianjie-wrap { width: 100%; overflow: hidden; padding: 20px 0px;}
	.index-lianjie-main { width: 94%; overflow: hidden; margin: 0 auto;}
	.index-lianjie-main span { font-size: 15px; color: #666;}
	.index-lianjie-main a { font-size: 15px; color: #666; display: inline-block; margin-left: 20px;}
	.index-lianjie-main a:nth-child(2) { margin-left: 0px;}
	.index-lianjie-main a:hover { color: #043790;}
	.index-lianjie-main a,.index-lianjie-main span { vertical-align: middle;}

	.foot-wrap { width: 100%; overflow: hidden; padding: 10px 0px; background: #292929}
	.foot-main { width: 94%; overflow: hidden; margin: 0 auto; font-size: 13px; color: rgba(255,255,255,.7); text-align: center; line-height: 1.7}
	.foot-main a { font-size: 13px; color: rgba(255,255,255,.7)}
	.foot-main a:hover { color: #fff;}
	
	
	.about-wrap { width: 100%; overflow: hidden; padding: 20px 0px;}
	.about-main { width: 94%; overflow: hidden; margin: 0 auto;}

	.left-wrap { width: auto; overflow: hidden; float: none; display: block;}

	.left-top { width:auto; overflow: hidden;}
	.left-title { width: auto; overflow: hidden; height: 120px; background: url(../images/sub_gy.jpg) no-repeat; background-size: 100% 100%; display: none}
	.left-title h2 { font-size:24px; color: #fff; padding:27px 20px 10px 25px;}
	.left-title span { font-size: 16px; color: #fff; font-weight: bold; display: inline-block; padding:0px 20px 0px 25px;}

	.left-top-content { width: auto; overflow: hidden;}
	.left-top-content ul li { background: #f3f5f6; text-align: center; margin-top:2px; float: left; width: 33.1%; margin-left: 1px;}
	.left-top-content ul li:nth-of-type(3n+1) { margin-left: 0;}
	.left-top-content ul li a { font-size: 13px; color: #5a5a5a; display: block; padding: 12px 0px;}
	.left-top-content ul li h2 { font-size: 15px; color: #0045BD}
	.left-top-content ul li:hover { background:#0045BD;}
	.left-top-content ul li:hover a { color: #fff;}
	.left-top-content ul li:hover span { color: #fff;}
	.left-top-content ul li:hover h2 { color: #fff;}
	.left-top-content ul li.left-now { background: #0045BD;}
	.left-top-content ul li.left-now a { color: #fff;}
	.left-top-content ul li.left-now span { color: #fff;}

	.left-contact { width: auto; overflow: hidden; border:1px solid #ccc; margin-top: 30px; border-top: 3px solid #226cc8; display: none}
	.left-contact-inner { width: auto; overflow: hidden; padding: 15px 10px 8px;}
	.left-contact-inner ul li { overflow: hidden; padding: 10px 0px;}

	.left-contact-icon { width: 20px; overflow: hidden; float: left; text-align: center; }
	.left-contact-icon img { display: inline-block; margin: 1px auto 0px;}
	.last-icon { margin-top: 3.5px}

	.left-contact-name { width: 85%; overflow: hidden; float: right; font-size: 14px; color: #666; font-family: myFirstFont;}
	.left-contact-name span { font-size: 14px; color: #666; display: block; font-family: myFirstFont; padding-top: 15px;}
	.left-contact-name a { font-size: 14px; color: #666; font-family: myFirstFont;}
	.left-contact-name a,.left-contact-icon img { vertical-align: middle;}

	.left-contact img { display: block;}

	.right-wrap { width: 96%; overflow: hidden; float: none; margin: 0 auto}

	.location-wrap { width: auto; overflow: hidden; border-bottom: 1px solid #f3f5f6; padding-bottom: 10px; display: none}
	.location-title { width:auto; overflow: hidden; float: none; }
	.location-title span { display: inline-block; width: 4px; height: 23px; background: #043790;}
	.location-title h2 { font-size: 16px; color: #555; display: inline-block; padding-left: 10px;}

	.location-text { width: auto; overflow: hidden; margin-top: 15px; text-align: left; float: none;}
	.location-text img { padding-right:5px;}
	.location-text span { font-size: 14px; color: #555;}
	.location-text a { font-size: 14px; color: #555;}
	.location-text span,.location-text a,.location-text img { vertical-align: middle;}

	.location-text a:hover { color: #043790;}
	.location-text a.location-current { color: #043790;}

	.about-content { width: auto; overflow: hidden; padding-top: 20px; text-indent: 2em; line-height: 2;}
	.about-content span { font-size: 14px; color: #444; line-height: 2;}
	.about-content p { font-size: 14px; color: #444; line-height: 2; padding: 3px 0px;}
	.about-content img { max-width: 100%;}

	.product-content { width: auto; overflow: hidden;}
	.product-content ul li { float: left; margin-left: 2%; width: 48.5%; text-align: center; margin-top: 20px;}
	.product-content ul li:nth-of-type(4n+1) { margin-left: 2%;}
	.product-content ul li:nth-of-type(odd) { margin-left: 0;}

	.product-content ul li img { border: 1px solid #ddd; padding: 3px; width: 96%; height: 120px}
	.product-content ul li span { font-size: 14px; color: #555;}

	
	.page { width:auto; overflow:hidden; margin:40px auto 0px; padding-bottom: 0px;}
	.page ul { width:345px; overflow:hidden; margin:0 auto; padding:10px;}
	.page ul li { float:left; margin-left:8px; text-align:center;}
	.page ul li:first-child { margin-left:0px;}
	.page ul li a { font-size:13px; color:#333; background-color: transparent; padding:8px 13px; border-radius: 3px;}
	.page ul li a:hover { font-size:13px; color:#1a45b5; background-color: transparent;}
	.page ul li a.pagenow { font-size:13px; color:#fff; background: #1a45b5;}

	.list_page { overflow:hidden; width:295px; margin:0 auto; text-align: center; margin-top: 30px;}
	.list_page span { color:#e40723; font-size:13px; display: block}
	.list_page a { padding:6px 10px; border:1px solid #ccc; float:left; margin-right:5px;font-size:13px; color:#333;}

	
	
	/*****************partner.html*****************/
	.cooperative-content { width: auto; overflow: hidden; margin: 0 auto;}
	.cooperative-content ul li { 
		float: left;
		width: 48%;
		overflow: hidden;
		text-align: center;
		padding-left: 2%;
		border-bottom: 1px solid #f0f0f0;
		padding-bottom: 20px;
		margin-top: 20px;
		height: 110px;
	}
	.cooperative-content ul li:nth-child(1) { margin-top: 20px}
	.cooperative-content ul li:nth-child(2) { margin-top: 20px}
	.cooperative-content ul li:nth-child(3) { margin-top: 20px}
	.cooperative-content ul li:nth-child(4) { margin-top: 20px}
	.cooperative-content ul li:nth-child(5) { margin-top: 20px}
	.cooperative-content ul li:nth-child(11) { border-bottom: 1px solid #f0f0f0; padding-bottom:20px;}
	.cooperative-content ul li:nth-child(12) { border-bottom: 1px solid #f0f0f0; padding-bottom:20px;}
	.cooperative-content ul li:nth-child(13) { border-bottom: 1px solid #f0f0f0; padding-bottom:20px;}
	.cooperative-content ul li:nth-child(14) { border-bottom: 1px solid #f0f0f0; padding-bottom:20px;}
	.cooperative-content ul li:nth-child(15) { border-bottom: none; padding-bottom:0px;}
	.cooperative-content ul li:nth-of-type(5n+1) { padding-left: 2%;}
	.cooperative-content ul li:nth-child(odd) { padding-left: 0;}
	.cooperative-content ul li img { width: 98%; height: 80px; display: block; border: 1px solid #e5e5e5; margin: 0 auto 15px;}
	.cooperative-content ul li span { font-size: 10px; color: #555;}


	.news-content { width: auto; overflow: hidden;}
	.news-content ul li { overflow: hidden; border-bottom: 1px dashed #e1e1e1; padding-bottom: 12px; margin-top: 20px;}

	.news-left-data { 
		width: 48px;
		overflow: hidden;
		float: left;
		border: 2px solid #ccc; 
		border-radius: 10px; 
		text-align: center;
		background-image: -moz-linear-gradient( 90deg, rgb(225,225,225) 0%, rgb(248,248,248) 100%);
		background-image: -webkit-linear-gradient( 90deg, rgb(225,225,225) 0%, rgb(248,248,248) 100%);
		background-image: -ms-linear-gradient( 90deg, rgb(225,225,225) 0%, rgb(248,248,248) 100%);
	}
	.news-left-data h2 { background: #043790; text-align: center; font-size: 16px; color: #fff; padding: 5px 0px;}
	.news-left-data span { font-size: 18px; color: #555; display: inline-block; margin: 0 auto; padding: 5px 0px; text-align: center;}

	.news-right-text { width: 77%; overflow: hidden; float: right;}
	.news-right-text h3 { font-size: 16px; color: #555; padding-bottom: 3px;}
	.news-text-inner { width: auto; overflow: hidden; line-height: 1.5; font-size: 14px; color: #7a7a7a;}
	.news-more { width: auto; overflow: hidden; text-align: right; padding-top: 3px;}
	.news-more a { font-size: 14px; color: #C40003; font-weight: bold;}

	.news-content ul li:hover .news-right-text h3 { color: #043790;}

	.product-details-title { width: auto; overflow: hidden; padding-top: 25px; text-align: center;}
	.product-details-title h3 { font-size: 16px; color: #555; padding-bottom: 7px;}
	.product-details-title span { display: inline-block; margin-left: 20px; font-size: 14px; color: #6a6a6a;}
	.product-details-title span:first-child { margin-left: 0;}

	.product-details-content { width: auto; overflow: hidden; padding-top: 10px;}
	.product-details-content span { font-size: 14px; color: #444; line-height: 2.5;}
	.product-details-content p { font-size: 14px; color: #444; line-height: 2.5; padding: 3px 0px;}
	
	.product-details-content img { max-width: 100%!important; height: auto!important;}


	.contact-content { width: auto; overflow: hidden; font-size: 15px; color: #444; line-height: 2.5; margin-top: 20px;}
	.contact-content h3 { font-size: 17px; color: #043790;}
	.contact-content span { font-size: 15px; color: #444; line-height: 2.5;}
	.contact-content p { font-size: 15px; color: #444; line-height: 2.5; padding: 3px 0px;}
	.contact-content a { font-size: 15px; color: #444; line-height: 2.5;}
	.contact-content a:hover span { color: #226cc8}
	.contact-content img { max-width: 100%; display: block; margin: 0 auto; padding-bottom: 15px}
	.contact-content span strong { font-size: 16px; color: #043790!important}

	.news-next { width: auto; overflow: hidden; margin-top: 20px;}
	.news-next div { 
		width:auto; 
		overflow: hidden;
		background:#f3f5f6; 
		padding:10px 0px; 
		font-size: 14px;
		color: #333; 
		padding-left: 10px;
		margin-bottom: 10px;
		text-align: left;
	}
	.news-next div a { font-size: 14px; color: #333}
	.news-next div a:hover { font-size: 14px; color: #226cc8}

	.liuyan-main { width: auto; overflow: hidden; padding-bottom:30px;}

	.liuyan-above { width: 94%; overflow: hidden; margin: 0 auto; text-align: center; margin-top:35px; font-size: 12px; color: #cacccb; line-height: 1.7}
	.liuyan-above span { font-size: 16px; color: #333; line-height:1.7;}
	.liuyan-above h2 { font-size: 20px; color: #043790; padding: 7px 0px;}

	.liuyan-content { width: 96%; overflow: hidden; text-align: center; margin:20px auto;}
	.liuyan-content ul li { padding: 10px 0px; overflow: hidden;}
	.liuyan-content ul li span { font-size: 14px; color: #5a5a5a; display: inline-block; width:40px; text-align: left; padding-right: 10px; float: left; padding-bottom: 7px;}
	.liuyan-content ul li input { width:96%; height:40px; padding:0px 5px; border: 1px solid #ccc; border-radius: 2px;}
	.liuyan-content ul li textarea { width:96%; height:160px; padding:5px; border: 1px solid #ccc; border-radius: 2px}

	.liuyan-tijiao { width:90%; background: #043790; text-align: left; float: left; margin-right: 0; border: 1px solid #043790;}
	.liuyan-tijiao a { font-size: 14px; color: #fff; display: block; padding: 10px 0px;}
	.liuyan-tijiao:hover { background: #fff; border: 1px solid #043790;}
	.liuyan-tijiao:hover a { font-size: 14px; color: #043790;}

}

@media only screen and (width:375px)
{
	.index-company { width: 100%; overflow: hidden;}

	.index-top { width: auto; overflow: hidden; background: #f3f5f6; padding: 6px 0px;}
	.index-top-main { width: 94%; overflow: hidden; margin: 0 auto;}
	.index-top-left { width: 70%; overflow: hidden; float: left; font-size: 12px; color: #777}
	.index-top-right { width: 30%; overflow: hidden; float: right; text-align: right}
	.index-top-right a { font-size: 13px; color: #777; display: inline-block; margin-left: 30px;}
	.index-top-right a:first-child { margin-left: 0px; display: none;}
	.index-top-right a:hover { color:#043790}

	.index-company-main { width: 35%; overflow: hidden; margin: 0 auto; padding: 15px 0px; float: left; }
	.index-logo { width: auto; overflow: hidden; margin-left: 10px; margin-top: 7px;}
	.index-logo img { width: 100%;}


	.index-search { width: 30%; height: 42px; overflow: hidden; margin-left: 40px; float: right; text-align: right; margin-top: 30px; display: none;}
	.index-search input { width: 70%; height: 40.5px; border: 1px solid #043790; padding-left: 10px; outline: none;}
	.index-search div { display: inline-block; width: 70px; height: 40.5px; background: #043790; text-align: center;}
	.index-search a { font-size: 16px; color: #fff; margin-top: 9px; display: inline-block}
	.index-search input,.index-top-search a { vertical-align: middle;}
	
	
	#container {
		width: 100%;
		height: 600px;
		overflow: hidden;
		display: block;
	}
	
	.nav { width: 13%; float: right; background: #043790; margin-top: 30px; overflow: hidden;}
	
	.nav-title { float:right; width:24px; height:35px; background:#043790; border-radius:1px; padding:5px 12px; display: block;}
	.nav-title span{ 
		display:block; 
		background:#fff; 
		height:3px; 
		margin-bottom:8px; 
		width:24px; 
		border-radius:5px; 
		margin-top:5px;
	}
	.nav-main { 
		width: 100%; 
		overflow: hidden; 
		background:#f3f5f6; 
		display:none; 
		position: absolute; 
		top:140px;
		z-index: 9999;
		left: 0px;
	}
	.nav-main ul li { border-bottom: 1px solid #E7E8E9; width: 100%;}
	.nav-main ul li:last-child { border-bottom:none;}
	.nav-main ul li a { font-size:14px; color: #333; display: block; padding:4.2% 0%;}
	.nav-main ul li:hover { background:#1b2f64}
	.nav-main ul li:hover a { color: #fff;}
	.nav-main ul li.current { background:#1b2f64}
	.nav-main ul li.current a { color: #fff;}

}

@media only screen and (width:414px)
{
	.index-company { width: 100%; overflow: hidden;}

	.index-top { width: auto; overflow: hidden; background: #f3f5f6; padding: 6px 0px;}
	.index-top-main { width: 94%; overflow: hidden; margin: 0 auto;}
	.index-top-left { width: 70%; overflow: hidden; float: left; font-size: 12px; color: #777}
	.index-top-right { width: 30%; overflow: hidden; float: right; text-align: right}
	.index-top-right a { font-size: 13px; color: #777; display: inline-block; margin-left: 30px;}
	.index-top-right a:first-child { margin-left: 0px; display: none;}
	.index-top-right a:hover { color:#043790}

	.index-company-main { width: 35%; overflow: hidden; margin: 0 auto; padding: 15px 0px; float: left; }
	.index-logo { width: auto; overflow: hidden; margin-left: 10px; margin-top: 8px;}
	.index-logo img { width: 100%;}


	.index-search { width: 30%; height: 42px; overflow: hidden; margin-left: 40px; float: right; text-align: right; margin-top: 30px; display: none;}
	.index-search input { width: 70%; height: 40.5px; border: 1px solid #043790; padding-left: 10px; outline: none;}
	.index-search div { display: inline-block; width: 70px; height: 40.5px; background: #043790; text-align: center;}
	.index-search a { font-size: 16px; color: #fff; margin-top: 9px; display: inline-block}
	.index-search input,.index-top-search a { vertical-align: middle;}
	
	
	#container {
		width: 100%;
		height: 600px;
		overflow: hidden;
		display: block;
	}
	
	.nav { width: 12%; float: right; background: #043790; margin-top: 36px; overflow: hidden;}
	
	.nav-title { float:right; width:24px; height:35px; background:#043790; border-radius:1px; padding:5px 12px; display: block;}
	.nav-title span{ 
		display:block; 
		background:#fff; 
		height:3px; 
		margin-bottom:8px; 
		width:24px; 
		border-radius:5px; 
		margin-top:5px;
	}
	.nav-main { 
		width: 100%; 
		overflow: hidden; 
		background:#f3f5f6; 
		display:none; 
		position: absolute; 
		top:140px;
		z-index: 9999;
		left: 0px;
	}
	.nav-main ul li { border-bottom: 1px solid #E7E8E9; width: 100%;}
	.nav-main ul li:last-child { border-bottom:none;}
	.nav-main ul li a { font-size:14px; color: #333; display: block; padding:4.2% 0%;}
	.nav-main ul li:hover { background:#1b2f64}
	.nav-main ul li:hover a { color: #fff;}
	.nav-main ul li.current { background:#1b2f64}
	.nav-main ul li.current a { color: #fff;}

}

@media only screen and (width:768px)
{
	.index-company { width: 100%; overflow: hidden;}

	.index-top { width: auto; overflow: hidden; background: #f3f5f6; padding: 6px 0px;}
	.index-top-main { width: 94%; overflow: hidden; margin: 0 auto;}
	.index-top-left { width: 70%; overflow: hidden; float: left; font-size: 12px; color: #777}
	.index-top-right { width: 30%; overflow: hidden; float: right; text-align: right}
	.index-top-right a { font-size: 13px; color: #777; display: inline-block; margin-left: 30px;}
	.index-top-right a:first-child { margin-left: 0px; display: none;}
	.index-top-right a:hover { color:#043790}

	.index-company-main { width: 35%; overflow: hidden; margin: 0 auto; padding: 15px 0px; float: left; }
	.index-logo { width: auto; overflow: hidden; margin-left: 10px; margin-top: 12px;}
	.index-logo img { width: 100%;}


	.index-search { width: 30%; height: 42px; overflow: hidden; margin-left: 40px; float: right; text-align: right; margin-top: 30px; display: none;}
	.index-search input { width: 70%; height: 40.5px; border: 1px solid #043790; padding-left: 10px; outline: none;}
	.index-search div { display: inline-block; width: 70px; height: 40.5px; background: #043790; text-align: center;}
	.index-search a { font-size: 16px; color: #fff; margin-top: 9px; display: inline-block}
	.index-search input,.index-top-search a { vertical-align: middle;}
	
	
	#container {
		width: 100%;
		height: 600px;
		overflow: hidden;
		display: block;
	}
	
	.nav { width: 6.5%; float: right; background: #043790; margin-top: 52px; overflow: hidden;}
	
	.nav-title { float:right; width:24px; height:35px; background:#043790; border-radius:1px; padding:5px 12px; display: block;}
	.nav-title span{ 
		display:block; 
		background:#fff; 
		height:3px; 
		margin-bottom:8px; 
		width:24px; 
		border-radius:5px; 
		margin-top:5px;
	}
	.nav-main { 
		width: 100%; 
		overflow: hidden; 
		background:#f3f5f6; 
		display:none; 
		position: absolute; 
		top:176px;
		z-index: 9999;
		left: 0px;
	}
	.nav-main ul li { border-bottom: 1px solid #E7E8E9; width: 100%;}
	.nav-main ul li:last-child { border-bottom:none;}
	.nav-main ul li a { font-size:14px; color: #333; display: block; padding:3% 0%;}
	.nav-main ul li:hover { background:#1b2f64}
	.nav-main ul li:hover a { color: #fff;}
	.nav-main ul li.current { background:#1b2f64}
	.nav-main ul li.current a { color: #fff;}

	.left-top-content { width: auto; overflow: hidden;}
	.left-top-content ul li { background: #f3f5f6; text-align: center; margin-top:2px; float: left; width: 24.5%; margin-left: 1px;}
	.left-top-content ul li:nth-of-type(3n+1) { margin-left: 1px;}
	.left-top-content ul li:nth-of-type(4n+1) { margin-left: 0;}
	.left-top-content ul li a { font-size: 13px; color: #5a5a5a; display: block; padding: 18px 0px;}
	.left-top-content ul li h2 { font-size: 15px; color: #0045BD}
	.left-top-content ul li:hover { background:#0045BD;}
	.left-top-content ul li:hover a { color: #fff;}
	.left-top-content ul li:hover span { color: #fff;}
	.left-top-content ul li:hover h2 { color: #fff;}
	.left-top-content ul li.left-now { background: #0045BD;}
	.left-top-content ul li.left-now a { color: #fff;}
	.left-top-content ul li.left-now span { color: #fff;}
	
	.product-content { width: auto; overflow: hidden;}
	.product-content ul li { float: left; margin-left: 2%; width: 48.5%; text-align: center; margin-top: 20px;}
	.product-content ul li:nth-of-type(4n+1) { margin-left: 2%;}
	.product-content ul li:nth-of-type(odd) { margin-left: 0;}

	.product-content ul li img { border: 1px solid #ddd; padding: 3px; width: 96%; height: 220px}
	.product-content ul li span { font-size: 14px; color: #555;}

	
	/*****************partner.html*****************/
	.cooperative-content { width: auto; overflow: hidden; margin: 0 auto;}
	.cooperative-content ul li { 
		float: left;
		width: 32%;
		overflow: hidden;
		text-align: center;
		padding-left: 2%;
		border-bottom: 1px solid #f0f0f0;
		padding-bottom: 20px;
		margin-top: 20px;
		height: 110px;
	}
	.cooperative-content ul li:nth-child(1) { margin-top: 20px}
	.cooperative-content ul li:nth-child(2) { margin-top: 20px}
	.cooperative-content ul li:nth-child(3) { margin-top: 20px}
	.cooperative-content ul li:nth-child(4) { margin-top: 20px}
	.cooperative-content ul li:nth-child(5) { margin-top: 20px}
	.cooperative-content ul li:nth-child(11) { border-bottom: 1px solid #f0f0f0; padding-bottom:20px;}
	.cooperative-content ul li:nth-child(12) { border-bottom: 1px solid #f0f0f0; padding-bottom:20px;}
	.cooperative-content ul li:nth-child(13) { border-bottom: 1px solid #f0f0f0; padding-bottom:20px;}
	.cooperative-content ul li:nth-child(14) { border-bottom: 1px solid #f0f0f0; padding-bottom:20px;}
	.cooperative-content ul li:nth-child(15) { border-bottom: none; padding-bottom:0px;}
	.cooperative-content ul li:nth-of-type(5n+1) { padding-left: 2%;}
	.cooperative-content ul li:nth-child(odd) { padding-left: 0;}
	.cooperative-content ul li img { width: 98%; height: 80px; display: block; border: 1px solid #e5e5e5; margin: 0 auto 0;}
	.cooperative-content ul li span { font-size: 10px; color: #555;}
	
	.news-content { width: auto; overflow: hidden;}
	.news-content ul li { overflow: hidden; border-bottom: 1px dashed #e1e1e1; padding-bottom: 12px; margin-top: 20px;}

	.news-left-data { 
		width: 48px;
		overflow: hidden;
		float: left;
		border: 2px solid #ccc; 
		border-radius: 10px; 
		text-align: center;
		background-image: -moz-linear-gradient( 90deg, rgb(225,225,225) 0%, rgb(248,248,248) 100%);
		background-image: -webkit-linear-gradient( 90deg, rgb(225,225,225) 0%, rgb(248,248,248) 100%);
		background-image: -ms-linear-gradient( 90deg, rgb(225,225,225) 0%, rgb(248,248,248) 100%);
	}
	.news-left-data h2 { background: #043790; text-align: center; font-size: 16px; color: #fff; padding: 5px 0px;}
	.news-left-data span { font-size: 18px; color: #555; display: inline-block; margin: 0 auto; padding: 5px 0px; text-align: center;}

	.news-right-text { width: 90%; overflow: hidden; float: right;}
	.news-right-text h3 { font-size: 16px; color: #555; padding-bottom: 3px;}
	.news-text-inner { width: auto; overflow: hidden; line-height: 1.5; font-size: 14px; color: #7a7a7a;}
	.news-more { width: auto; overflow: hidden; text-align: right; padding-top: 3px;}
	.news-more a { font-size: 14px; color: #C40003; font-weight: bold;}

	.news-content ul li:hover .news-right-text h3 { color: #043790;}
	
}


@media only screen and (width:1024px){
	
	.index-company { width: 100%; overflow: hidden;}

	.index-top { width: auto; overflow: hidden; background: #f3f5f6; padding: 6px 0px;}
	.index-top-main { width: 96%; overflow: hidden; margin: 0 auto;}
	.index-top-left { width: 50%; overflow: hidden; float: left; font-size: 13px; color: #777}
	.index-top-right { width: 50%; overflow: hidden; float: right; text-align: right}
	.index-top-right a { font-size: 13px; color: #777; display: inline-block; margin-left: 30px;}
	.index-top-right a:first-child { margin-left: 0px;}
	.index-top-right a:hover { color:#043790}

	.index-company-main { width: 96%; overflow: hidden; margin: 0 auto; padding: 25px 0px;}
	.index-logo { width: 20%; overflow: hidden; float: left;}


	.index-search { width: 30%; height: 42px; overflow: hidden; margin-left: 40px; float: right; text-align: right; margin-top: 30px;}
	.index-search input { width: 70%; height: 40.5px; border: 1px solid #043790; padding-left: 10px; outline: none;}
	.index-search div { display: inline-block; width: 70px; height: 39px; background: #043790; text-align: center;}
	.index-search a { font-size: 16px; color: #fff; margin-top: 9px; display: inline-block}
	.index-search input,.index-top-search a { vertical-align: middle;}


	.nav { width: 100%; overflow: hidden; margin: 0 auto; background: #043790}
	.nav-title { display: none;}
	.nav-main { width: 96%; overflow: hidden; margin: 0 auto;}
	.nav-main ul li { float: left; width: 14.2%; text-align: center;}
	.nav-main ul li a { font-size: 15px; color: #fff; display: block; padding: 20px 0px;}
	.nav-main ul li a:hover { background: #1b2f64; color: #fff}

	.nav-main ul li a.current { background: #1b2f64; color: #fff;}

	#container {
		width: 100%;
		height: 600px;
		overflow: hidden;
	}
	.sections,.section {
		height:100%;
	}
	#container,.sections {
		position: relative;
	}
	.section {
		background-color: #F1F1F1;
		background-size: cover;
		background-position: 50% 50%;
		text-align: center;
		color: #f00;
	}
	#section0 {
		background-image:url(../images/banner.jpg);
	}
	#section1 {
		background-image:url(../images/banner2.jpg);
	}
	#section2 {
		background-image:url(../images/banner.jpg);
	}

	.index-about-wrap { width: 100%; overflow: hidden; padding: 50px 0px;}
	.index-about-main { width: 96%; overflow: hidden; margin: 0 auto;}

	.index-about-title { width: auto; overflow: hidden; border-bottom: 1px solid #eee; padding-bottom: 5px;}
	.index-about-title h3 { font-size: 30px; color: #043790; display: inline-block; font-weight: normal; font-family: myFirstFont;}
	.index-about-title h5 { font-size: 16px; color: #999; display: inline-block; font-weight: normal; margin-top: 7px;}
	.index-about-title h4 { font-size: 22px; color: #043790; display: inline-block; font-weight: normal; font-family: myFirstFont; padding-left: 7px; margin-top: 5px;}

	.index-about-title h3,.index-about-title h5,.index-about-title h4 { vertical-align:middle;}

	.index-about-content { width: auto; overflow: hidden; margin-top: 30px;}
	.index-about-img { width: 40%; overflow: hidden; float: left}
	.index-about-img img { max-width: 372px;}

	.index-about-text { width: 59%; overflow: hidden; float: right; margin-top: 10px;}
	.index-about-text h3 { font-size: 20px; color: #043790; font-weight: normal; font-family: myFirstFont; padding: 0px 0px 10px 30px;}
	.index-about-text div { font-size: 14px; color: #666; line-height: 2; text-indent: 2em;}
	.index-about-more { width: auto; overflow: hidden; padding: 10px 0px; margin-top: 10px;}
	.index-about-more a { font-size: 15px; color: #fff; background: #043790; padding: 8px 20px 8px 25px; display: inline-block; text-align: center;text-indent: 0em;}
	.index-about-more a:hover { color: #043790; border: 1px solid #043790; background: #fff;}


	.index-product-wrap { width: 100%; overflow: hidden; padding-bottom: 30px;}
	.index-product-main { width: 96%; overflow: hidden; margin: 0 auto;}

	.index-product-title { width: auto; overflow: hidden; border-bottom: 1px solid #eee; padding-bottom: 5px;}
	.index-product-name { width: 50%; overflow: hidden; float: left;}
	.index-product-name h3 { font-size: 30px; color: #043790; display: inline-block; font-weight: normal; font-family: myFirstFont;}
	.index-product-name h5 { font-size: 16px; color: #999; display: inline-block; font-weight: normal; margin-top: 7px;}
	.index-product-name h4 { font-size: 22px; color: #043790; display: inline-block; font-weight: normal; font-family: myFirstFont; padding-left: 7px; margin-top: 5px;}

	.index-product-name h3,.index-product-name h5,.index-product-name h4,.index-product-more a { vertical-align:middle;}

	.index-product-more { width: 50%; overflow: hidden; float: right; margin-top: 13px; text-align: right}
	.index-product-more a { font-size: 15px; color: #888}
	.index-product-more a:hover { color: #043490}


	.index-product-content { overflow:hidden; width: auto; margin-top: 17px;} 
	.index-product-content ul li div { float:left; line-height:25px; height:160px; width:190px; overflow:hidden; padding:10px 0px}
	.index-product-content ul li div img { width:190px; height:160px; display: block;}
	.index-product-content ul li div span { display:block; font-size: 12px; color: #000; text-align: center}


	.index-news-wrap { width: 100%; overflow: hidden;}
	.index-news-main { width: 96%; overflow: hidden; margin: 0 auto;}

	.index-news-content { 
		width: 30.333%; 
		float: left;
		background-color: rgb(255, 255, 255);
		box-shadow: 0px 3px 30px 0px rgba(205, 205, 205, 0.4);
		margin-left: 3%;
		margin-top: 10px;
		margin-bottom: 15px;
	}
	.index-news-content:first-child { margin-left: 10px;}
	.index-news-content:last-child { margin-right:10px; height: 560px}

	.index-news-inner { width: auto; overflow: hidden; padding: 20px 20px 10px 20px;}

	.index-news-title { width: auto; overflow: hidden;}
	.index-news-title .index-news-name { width: 140px; overflow: hidden; float: left; margin-left: 5px; margin-top: 6px;}
	.index-news-title .index-news-name h3 { font-size: 19px; color: #333; font-weight: normal; padding-bottom: 2px;}
	.index-news-title .index-news-name span { font-size: 15px; color: #999;}
	.index-news-title a { 
		font-size: 14px; 
		color: #999; 
		border: 1px solid #ddd;
		border-radius: 20px; 
		padding: 8px 15px;
		display: inline-block; 
		float: right;
		margin-top: 12px;
	}
	.index-news-title a:hover { color: #fff; border: 1px solid #043790; background: #043790}

	.index-news-img { width:auto; overflow: hidden; margin-top: 20px;}
	.index-news-img img { width: 100%; display: block; margin: 0 auto;}

	.index-news-text { width: auto; overflow: hidden; padding-top: 8px}
	.index-news-text ul li { width: auto; overflow: hidden; padding: 12px 0px; border-bottom: 1px dashed #f3f5f6;}
	.index-news-text ul li:last-child { border-bottom: none;}
	.index-news-text ul li span { display: inline-block; width: 7px; height: 7px; background: #043790;}
	.index-news-text ul li a { font-size: 14px; color: #555; display: inline-block; padding-left: 10px;}
	.index-news-text ul li span,.index-news-text ul li a { vertical-align: middle;}
	.index-news-text ul li a:hover { color: #226cc8;}

	.index-contact-text { width: auto; overflow: hidden; padding-top: 20px;}
	.index-contact-text ul li { overflow: hidden; padding: 10px 0px;}

	.index-contact-icon { width: 20px; overflow: hidden; float: left; text-align: center;}

	.index-contact-name { width: 90%; overflow: hidden; float: right; font-size: 15px; color: #666; font-family: myFirstFont;}
	.index-contact-name span { font-size: 14px; color: #666; display: block; font-family: myFirstFont; padding-left: 0px; padding-top: 15px;}
	.index-contact-name a { font-size: 14px; color: #666; font-family: myFirstFont; padding-left: 0px; padding-top: 15px;}
	.index-contact-name span,.index-contact-icon img { vertical-align: middle;}


	.index-lianjie-wrap { width: 100%; overflow: hidden; padding: 20px 0px;}
	.index-lianjie-main { width: 96%; overflow: hidden; margin: 0 auto;}
	.index-lianjie-main span { font-size: 15px; color: #666;}
	.index-lianjie-main a { font-size: 15px; color: #666; display: inline-block; margin-left: 20px;}
	.index-lianjie-main a:nth-child(2) { margin-left: 0px;}
	.index-lianjie-main a:hover { color: #043790;}
	.index-lianjie-main a,.index-lianjie-main span { vertical-align: middle;}

	.foot-wrap { width: 100%; overflow: hidden; padding: 10px 0px; background: #292929}
	.foot-main { width: 96%; overflow: hidden; margin: 0 auto; font-size: 13px; color: rgba(255,255,255,.7); text-align: center;}
	.foot-main a { font-size: 13px; color: rgba(255,255,255,.7)}
	.foot-main a:hover { color: #fff;}

	.about-wrap { width: 100%; overflow: hidden; padding: 30px 0px;}
	.about-main { width: 96%; overflow: hidden; margin: 0 auto;}

	.left-wrap { width: 26%; overflow: hidden; float: left}

	.left-top { width:auto; overflow: hidden;}
	.left-title { width: auto; overflow: hidden; height: 120px; background: url(../images/sub_gy.jpg) no-repeat; background-size: 100% 100%;}
	.left-title h2 { font-size:24px; color: #fff; padding:27px 20px 10px 25px;}
	.left-title span { font-size: 16px; color: #fff; font-weight: bold; display: inline-block; padding:0px 20px 0px 25px;}

	.left-top-content { width: auto; overflow: hidden;}
	.left-top-content ul li { background: #f3f5f6; text-align: center; margin-top:2px}
	.left-top-content ul li a { font-size: 14px; color: #5a5a5a; display: block; padding: 18px 0px;}
	.left-top-content ul li h2 { font-size: 18px; color: #0045BD}
	.left-top-content ul li:hover { background:#0045BD;}
	.left-top-content ul li:hover a { color: #fff;}
	.left-top-content ul li:hover span { color: #fff;}
	.left-top-content ul li:hover h2 { color: #fff;}
	.left-top-content ul li.left-now { background: #0045BD;}
	.left-top-content ul li.left-now a { color: #fff;}
	.left-top-content ul li.left-now span { color: #fff;}

	.left-contact { width: auto; overflow: hidden; border:1px solid #ccc; margin-top: 30px; border-top: 3px solid #226cc8}
	.left-contact-inner { width: auto; overflow: hidden; padding: 15px 10px 8px;}
	.left-contact-inner ul li { overflow: hidden; padding: 10px 0px;}

	.left-contact-icon { width: 20px; overflow: hidden; float: left; text-align: center; }
	.left-contact-icon img { display: inline-block; margin: 1px auto 0px;}
	.last-icon { margin-top: 3.5px}

	.left-contact-name { width: 85%; overflow: hidden; float: right; font-size: 14px; color: #666; font-family: myFirstFont;}
	.left-contact-name span { font-size: 14px; color: #666; display: block; font-family: myFirstFont; padding-top: 15px;}
	.left-contact-name a { font-size: 14px; color: #666; font-family: myFirstFont;}
	.left-contact-name a,.left-contact-icon img { vertical-align: middle;}

	.left-contact img { display: block;}

	.right-wrap { width: 70%; overflow: hidden; float: right;}

	.location-wrap { width: auto; overflow: hidden; border-bottom: 1px solid #f3f5f6; padding-bottom: 10px;}
	.location-title { width:20%; overflow: hidden; float: left; }
	.location-title span { display: inline-block; width: 4px; height: 23px; background: #043790;}
	.location-title h2 { font-size: 16px; color: #555; display: inline-block; padding-left: 10px;}

	.location-text { width: 75%; overflow: hidden; margin-top: 2px; text-align: right; float: right;}
	.location-text img { padding-right:5px;}
	.location-text span { font-size: 14px; color: #555;}
	.location-text a { font-size: 14px; color: #555;}
	.location-text span,.location-text a,.location-text img { vertical-align: middle;}

	.location-text a:hover { color: #043790;}
	.location-text a.location-current { color: #043790;}

	.about-content { width: auto; overflow: hidden; padding-top: 20px; text-indent: 2em; line-height: 2;}
	.about-content img { max-width: 100%}

	.product-content { width: auto; overflow: hidden;}
	.product-content ul li { float: left; margin-left: 2%; width: 23.5%; text-align: center; margin-top: 30px;}
	.product-content ul li:nth-of-type(4n+1) { margin-left: 0px;}

	.product-content ul li img { border: 1px solid #ddd; padding: 3px; width: 95.5%; height: 140px;}
	.product-content ul li span { font-size: 14px; color: #555;}


	.page { width:auto; overflow:hidden; margin:40px auto 0px; padding-bottom: 0px;}
	.page ul { width:345px; overflow:hidden; margin:0 auto; padding:10px;}
	.page ul li { float:left; margin-left:8px; text-align:center;}
	.page ul li:first-child { margin-left:0px;}
	.page ul li a { font-size:13px; color:#333; background-color: transparent; padding:8px 13px; border-radius: 3px;}
	.page ul li a:hover { font-size:13px; color:#1a45b5; background-color: transparent;}
	.page ul li a.pagenow { font-size:13px; color:#fff; background: #1a45b5;}

	.list_page { overflow:hidden; width:295px; margin:0 auto; text-align: center; margin-top: 30px;}
	.list_page span { color:#e40723; font-size:13px; display: block}
	.list_page a { padding:6px 10px; border:1px solid #ccc; float:left; margin-right:5px;font-size:13px; color:#333;}

	.cooperative-content { width: auto; overflow: hidden;}
	.cooperative-content ul li { 
		float: left;
		padding-left: 20px;
		text-align: center;
		width: 22.77%;
		margin-top: 30px;
		border-bottom: 1px solid #f3f5f6;
		padding-bottom: 25px;
		height: 130px;
	}
	.cooperative-content ul li:nth-of-type(4n+1) { padding-left: 0px;}
	.cooperative-content ul li:nth-child(9) { border-bottom: none;}
	.cooperative-content ul li:nth-child(10) { border-bottom: none;}
	.cooperative-content ul li:nth-child(11) { border-bottom: none;}
	.cooperative-content ul li:nth-child(12) { border-bottom: none;}

	.cooperative-content ul li img { max-width: 98%; display: block; border: 1px solid #dedede}

	.news-content { width: auto; overflow: hidden;}
	.news-content ul li { overflow: hidden; border-bottom: 1px dashed #e1e1e1; padding-bottom: 12px; margin-top: 20px;}

	.news-left-data { 
		width: 56px;
		overflow: hidden;
		float: left;
		border: 2px solid #ccc; 
		border-radius: 10px; 
		text-align: center;
		background-image: -moz-linear-gradient( 90deg, rgb(225,225,225) 0%, rgb(248,248,248) 100%);
		background-image: -webkit-linear-gradient( 90deg, rgb(225,225,225) 0%, rgb(248,248,248) 100%);
		background-image: -ms-linear-gradient( 90deg, rgb(225,225,225) 0%, rgb(248,248,248) 100%);
	}
	.news-left-data h2 { background: #043790; text-align: center; font-size: 18px; color: #fff; padding: 5px 0px;}
	.news-left-data span { font-size: 22px; color: #555; display: inline-block; margin: 0 auto; padding: 5px 0px; text-align: center;}

	.news-right-text { width: 88%; overflow: hidden; float: right;}
	.news-right-text h3 { font-size: 16px; color: #555; padding-bottom: 3px;}
	.news-text-inner { width: auto; overflow: hidden; line-height: 1.5; font-size: 14px; color: #7a7a7a;}
	.news-more { width: auto; overflow: hidden; text-align: right; padding-top: 3px;}
	.news-more a { font-size: 14px; color: #C40003; font-weight: bold;}

	.news-content ul li:hover .news-right-text h3 { color: #043790;}

	.product-details-title { width: auto; overflow: hidden; padding-top: 25px; text-align: center;}
	.product-details-title h3 { font-size: 18px; color: #555; padding-bottom: 7px;}
	.product-details-title span { display: inline-block; margin-left: 20px; font-size: 14px; color: #6a6a6a;}
	.product-details-title span:first-child { margin-left: 0;}

	.product-details-content { width: auto; overflow: hidden; padding-top: 10px;}
	.product-details-content span { font-size: 14px; color: #444; line-height: 2.5;}
	.product-details-content p { font-size: 14px; color: #444; line-height: 2.5; padding: 3px 0px;}
	.product-details-content img { max-width: 90%;}

	.contact-content { width: auto; overflow: hidden; font-size: 15px; color: #444; line-height: 2.5; margin-top: 20px;}
	.contact-content h3 { font-size: 17px; color: #043790;}
	.contact-content span { font-size: 15px; color: #444; line-height: 2.5;}
	.contact-content p { font-size: 15px; color: #444; line-height: 2.5; padding: 3px 0px;}
	.contact-content a { font-size: 15px; color: #444; line-height: 2.5;}
	.contact-content a:hover span { color: #226cc8}
	.contact-content img { max-width: 100%; display: block; margin: 0 auto; padding-bottom: 15px}
	.contact-content span strong { font-size: 16px; color: #043790!important}

	.news-next { width: auto; overflow: hidden; margin-top: 20px;}
	.news-next div { 
		width:auto; 
		overflow: hidden;
		background:#f3f5f6; 
		padding:10px 0px; 
		font-size: 14px;
		color: #333; 
		padding-left: 10px;
		margin-bottom: 10px;
		text-align: left;
	}
	.news-next div a { font-size: 14px; color: #333}
	.news-next div a:hover { font-size: 14px; color: #226cc8}

	.liuyan-main { width: auto; overflow: hidden; padding-bottom:30px;}

	.liuyan-above { width: 600px; overflow: hidden; margin: 0 auto; text-align: center; margin-top:35px; font-size: 12px; color: #cacccb; line-height: 1.7}
	.liuyan-above span { font-size: 18px; color: #333; line-height:1.7;}
	.liuyan-above h2 { font-size: 26px; color: #043790; padding: 7px 0px;}

	.liuyan-content { width: 600px; overflow: hidden; text-align: center; margin:20px auto;}
	.liuyan-content ul li { padding: 10px 0px; overflow: hidden;}
	.liuyan-content ul li span { font-size: 14px; color: #5a5a5a; display: inline-block; width:40px; text-align: right; padding-right: 10px;}
	.liuyan-content ul li input { width:420px; height:40px; padding:0px 5px; border: 1px solid #ccc; border-radius: 2px;}
	.liuyan-content ul li textarea { width:420px; height:200px; padding:5px; border: 1px solid #ccc; border-radius: 2px}

	.liuyan-tijiao { width:100px; background: #043790; text-align: center; float: right; margin-right: 206px; border: 1px solid #043790; margin-left: 121px;}
	.liuyan-tijiao a { font-size: 14px; color: #fff; display: block; padding: 10px 0px;}
	.liuyan-tijiao:hover { background: #fff; border: 1px solid #043790;}
	.liuyan-tijiao:hover a { font-size: 14px; color: #043790;}
	
}