@charset "utf-8";

@import "reset.css";

.fl { float:left; }
.fr { float:right; }
.clearfix { clear:both; }
.w1100 { margin:0 auto; width:1100px; }

body { font-family:'微软雅黑','宋体'; font-size:14px; color:#000; }
h1, h2, h3, h4, h5, h6 { font-size:14px; font-weight:normal; }
a { text-decoration:none; color:#000; }

/*-----------------index------------------------*/
.top-wrap { width:100%; *height:32px; _height:32px; _overflow:hidden; background-color:#f2f2f2; }
.top { padding:8px 0; *height:20px; }

.welcome { width:690px; }

.r-top ul li { float:left; padding:0 2px; height:16px; line-height:16px; /*white-space:nowrap;*/ }
.keyword { border:none; background:none; width:162px; height:20px; line-height:20px; background-color:#d9d9d9; outline:none; font-size:12px; padding-left:6px; }
.submit { border:none; background:none; width:22px; height:20px; background:url(../images/s.jpg) no-repeat 0 0; }
.erweima { display:none;position:absolute;left:0;top:20px;width:188px;height:188px;z-index:99999; }
li.wechat { cursor:pointer; z-index:999; }

.logo {  }
.menu { margin-top:46px; }

.menu ul li { float:left; padding:0 18px; position:relative; z-index:7; }
.menu ul li a { display:block; padding:0 0 28px 0; border-bottom:2px solid #ffffff; font-size:16px; color:#333; }
.menu ul li a:hover { text-decoration:none; }

ul.thumbnail li { 
	float:left; 
	margin:0 5px;
	width:11px;
	height:11px;
	background-color:#fff;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}

.head2 { display:none; }
.banner { z-index:3; }
.banner2 { display:none; }

.form-wp { display:none; }

@media only screen and (min-width:320px) and (max-width:1100px) {
.top-wrap .box { padding:0 2%; }
.top { width:100%; }
.welcome { width:auto; }

.banner { display:none; }
.banner2 { display:block; }
}

@media only screen and (min-width:640px) and (max-width:1100px) {
.head { width:100%; }
.head .box { padding:0 2%; }
}

@media only screen and (min-width:960px) and (max-width:1100px) {
.menu ul li { padding:0 12px; }
}

@media only screen and (min-width:768px) and (max-width:959px) {
.menu { margin-top:24px; }
.menu ul li { padding:0 6px; }
.menu ul li a { padding:0 0 12px 0; }

.logo { width:25%; }
.logo img { width:100%; }
}

@media only screen and (min-width:320px) and (max-width:767px) {
.head { display:none; }
.head2 { display:block; }

.head2 { width:100%; }
.head2 .box { padding:0 2%; }
}

@media only screen and (min-width:640px) and (max-width:767px) {
.menu { margin-top:20px; }

.logo { width:30%; }
.logo img { width:100%; }
}

@media only screen and (min-width:320px) and (max-width:639px) {
.form-li { display:none; }
}

@media only screen and (min-width:480px) and (max-width:639px) {
.menu { margin-top:12px; }

.logo { width:30%; }
.logo img { width:100%; }
}

@media only screen and (min-width:320px) and (max-width:479px) {
.menu { margin-top:20px; }

.logo { width:50%; }
.logo img { width:100%; }
}

.pcat-title { padding:60px 0 40px 0; text-align:center; }
.pcat-title h2 { padding-bottom:20px; font-size:26px; color:#005197; }
.pcat-title hr { margin:0 auto; width:60px; border-bottom:2px solid #005197; }

/*
.pcat-content ul li { float:left; width:258px; margin-right:20px; text-align:center; border:1px solid #e6e6e6; }
.pcat-content ul li .box { padding:15px 0 32px 0; }
.pcat-content ul li h3 { margin:0 15px; padding-top:10px; padding-bottom:20px; border-bottom:1px dashed #b3b3b3; font-size:18px; color:#005197; }
.pcat-content ul li a.more { 
display:block; margin:30px auto 0 auto; width:108px; height:24px; text-align:center; line-height:24px; border:1px solid #666; color:#666; }
*/

table.tbl-scroll tr td { text-align:center; padding:0 10px; }
table.tbl-scroll tr td .box { padding:15px 0 32px 0; border:1px solid #e6e6e6; }
table.tbl-scroll tr td h3 { 
margin:0 15px; padding-top:10px; padding-bottom:20px; border-bottom:1px dashed #b3b3b3; font-size:18px; color:#005197; }
table.tbl-scroll tr td a.more { 
display:block; margin:30px auto 0 auto; width:108px; height:24px; text-align:center; line-height:24px; border:1px solid #666; color:#666; }

@media only screen and (min-width:320px) and (max-width:1100px) {
.pcat-title { width:100%; }
.pcat-content { width:100%; }
.pcat-content .box { padding:0 2%; }
}

@media only screen and (min-width:960px) and (max-width:1100px) {

}

@media only screen and (min-width:768px) and (max-width:959px) {

}

@media only screen and (min-width:640px) and (max-width:767px) {

}

@media only screen and (min-width:320px) and (max-width:639px) {

}

.shortcut-title { padding:60px 0 40px 0; text-align:center; }
.shortcut-title h2 { padding-bottom:20px; font-size:26px; color:#005197; }
.shortcut-title hr { margin:0 auto; width:60px; border-bottom:2px solid #005197; }
.shortcut-title h3 { padding:20px 0 0 0; font-size:16px; color:#666; }

.shortcut-content ul li { float:left; width:275px; text-align:center; position:relative; }
.shortcut-content ul li a { display:block; }
.css3-ball { 
	position:absolute; left:68px; top:-16px; z-index:-999;
	opacity:0;
	
	moz-transition: all 0.4s ease-in-out; 
	-webkit-transition: all 0.4s ease-in-out; 
	-o-transition: all 0.4s ease-in-out; 
	-ms-transition: all 0.4s ease-in-out; 
	transition: all 0.4s ease-in-out;
	
	-moz-transform: rotate(180deg); 
	-webkit-transform: rotate(180deg); 
	-o-transform: rotate(180deg); 
	-ms-transform: rotate(180deg); 
	transform: rotate(180deg); 
}
.shortcut-content ul li:hover .css3-ball {
	opacity:1;
	
	moz-transition: all 0.4s ease-in-out; 
	-webkit-transition: all 0.4s ease-in-out; 
	-o-transition: all 0.4s ease-in-out; 
	-ms-transition: all 0.4s ease-in-out; 
	transition: all 0.4s ease-in-out;
	
	-moz-transform: rotate(0deg); 
	-webkit-transform: rotate(0deg); 
	-o-transform: rotate(0deg); 
	-ms-transform: rotate(0deg); 
	transform: rotate(0deg); 
}

@media only screen and (min-width:320px) and (max-width:1100px) {
.shortcut-title { width:100%; }
.shortcut-content { width:100%; }
.shortcut-content ul li { width:25%; }
}

@media only screen and (min-width:960px) and (max-width:1100px) {
.css3-ball { display:none; }
}

@media only screen and (min-width:768px) and (max-width:959px) {
.css3-ball { display:none; }
}

@media only screen and (min-width:640px) and (max-width:767px) {
.css3-ball { display:none; }
}

@media only screen and (min-width:320px) and (max-width:639px) {
.css3-ball { display:none; }
}

.index-news { margin-top:60px; width:100%; height:500px; background:url(../images/bg1.jpg) no-repeat 0 0; }
.index-news .box { padding:100px 0 0 0; }
.news-inner { background-color:#fff; }
.index-news-left .box { padding:100px 86px; }
.index-news-left h3 { padding-bottom:20px; font-size:40px; color:#005197; }
.index-news-right { padding:30px 30px 30px 0; }
.news-right-inner { border-left:2px solid #cccccc; width:736px; height:230px; }
.tab-tit { padding:0 0 20px 40px; }
.tab-tit ul li { 
	float:left; *display:inline; 
	width:78px; height:28px; text-align:center; line-height:28px; border:1px solid #ccc; background-color:#ccc; margin-right:10px; color:#fff;
	cursor:pointer;
}
.tab-tit ul li.current { border:1px solid #005197; background-color:#fff; color:#005197; }
.tab-con { padding:0 0 0 40px; }
.tab-con ul.newslist li { display:block; *display:inline; *zoom:1; padding:8px 0; *margin:8px 0; *padding:0; }
.tab-con ul.newslist li a:hover { color:#005197; }
.news-date { font-size:12px; color:#999; }

ul.newslist2 { display:none; }

@media only screen and (min-width:640px) and (max-width:1100px) {
.news-inner { width:100%; }
.index-news-left { width:30%; }
.index-news-left h3 { font-size:32px; }
.index-news-right { width:68%; padding-right:0; }
.news-right-inner { width:100%; }

.tab-con { padding-right:30px; }
}

@media only screen and (min-width:960px) and (max-width:1100px) {
.index-news-left h3 { font-size:28px; }

.news-right-inner { border:none; }
.inner-box { border-left:2px solid #cccccc; }
}

@media only screen and (min-width:320px) and (max-width:959px) {
.news-inner { width:100%; }

.index-news-left { display:none; }
.index-news-right { float:none; width:100%; padding-right:0; }
.news-right-inner { width:100%; border:none; }

.tab-con { padding-right:30px; }
}

@media only screen and (min-width:768px) and (max-width:959px) {

}

@media only screen and (min-width:640px) and (max-width:767px) {

}

@media only screen and (min-width:320px) and (max-width:639px) {
.tab-tit { padding:0 0 10px 10px; }
.tab-con { padding:0 10px; }

ul.newslist { display:none; }
ul.newslist2 { display:block; }

ul.newslist2 li { display:block; *display:inline; *zoom:1; padding:8px 0; *margin:8px 0; *padding:0; }
ul.newslist2 li a:hover { color:#005197; }
}

.foot-wrap, .foot-wrap2 { margin-top:58px; background:#f2f2f2 url(../images/bg2.jpg) repeat-x 0 0; }
.foot-wrap .foot, .foot-wrap2 .foot { padding:22px 0 18px 0; }

.foot dl dt { padding-bottom:22px; font-size:16px; color:#333; }
.foot dl dd { line-height:1.8em; }
.foot dl dd a { color:#666; }

.foot-one ul li { float:left; margin-right:60px; }
.foot-two ul li { float:left; margin-right:60px; }
.foot-two-bottom, .foot-two-bottom-2 { 
	background:url(../images/addr.jpg) no-repeat 0 6px; 
	padding:12px 0 12px 34px!important;
	display:inline-block;
	*display:inline;
	*zoom:1;
	_padding:12px 0 12px 34px;
	font-size:14px; 
	color:#09589b;
}
.foot-three { text-align:center; }
.telephone { padding-top:28px; }

.foot-wrap2 .foot .box { padding:0 2%; }
.foot-wrap2 .foot ul li { float:left; margin-right:10px; margin-bottom:8px; font-size:14px; font-weight:bold; color:#000; }
.foot-wrap2 .foot ul li a { font-size:14px; font-weight:normal; color:#666; }

.bottom { width:100%; background-color:#003665; color:#ccc; text-align:center; height:34px; line-height:34px; }
.bottom2 { width:100%; background-color:#003665; color:#ccc; text-align:center; }
.bottom2 p { font-size:12px; }
.bottom3 { width:100%; background-color:#003665; color:#ccc; text-align:center; }
.bottom3 p { font-size:12px; }

.foot-2 { display:none; }
.foot-3 { display:none; }

.foot-3 p { font-size:12px; color:#09589b; }
.foot-wrap2 { display:none; }

.bottom2 { display:none; }
.bottom3 { display:none; }

@media only screen and (min-width:640px) and (max-width:1100px) {
.foot-wrap { width:100%; }
.foot { width:100%; }
.foot .box { padding:0 2%; }
}

@media only screen and (min-width:960px) and (max-width:1100px) {
.foot-one ul li { margin-right:50px; }
.foot-two ul li { margin-right:50px; }
}

@media only screen and (min-width:640px) and (max-width:959px) {
.foot-one ul li { margin-right:10px; }
.foot-two ul li { margin-right:10px; }

.foot-three { width:128px; }
.foot-three img { width:100%; }

.foot-two-bottom { font-size:14px; }
}

@media only screen and (min-width:768px) and (max-width:959px) {

}

@media only screen and (min-width:640px) and (max-width:767px) {
.foot-two-bottom { display:none; }
.foot-2 { display:block; padding:0px 0 18px 0; }
}


@media only screen and (min-width:320px) and (max-width:639px) {
.foot-wrap { display:none; }
.foot-wrap2 { display:block; width:100%; margin-top:28px; }

.foot-two-bottom { display:none; }
.bottom { display:none; }
}

@media only screen and (min-width:480px) and (max-width:639px) {
.foot-two-bottom { display:block; }
.foot-3 { display:none; }
.bottom2 { display:block; }
}

@media only screen and (min-width:320px) and (max-width:479px) {
.foot-3 { display:block; }
.foot-wrap2 .foot-3 { padding:0 0 10px 0; }
.bottom3 { display:block; }
}

/*-----------------about------------------------*/
.about-banner { width:100%; height:400px; background:url(../images/about/banner.jpg) no-repeat 0 0; }
.about-main .box { padding:10px 0 30px 0; }
.about-left { width:220px; }
.nav-tit { height:60px; background:#005197 url(../images/about/arr.jpg) no-repeat 20px 26px; }
.nav-tit h3 { padding:20px 0 0 38px; font-size:20px; font-weight:bold; color:#fefefe; }
.nav-con { padding-bottom:50px; }
.nav-con ul li { border-bottom:1px solid #ccc; }
.nav-con ul li.select { background:url(../images/about/line.jpg) no-repeat 20px 16px; }
.nav-con ul li a { display:block; padding:15px 0 15px 37px; font-size:16px; color:#333; }
.nav-con ul li a:hover { text-decoration:none; }

.contact-us h3 { padding:16px 0 12px 0; font-size:18px; font-weight:bold; color:#333; }
.contact-us .hotline { padding-bottom:16px; font-size:21px; font-weight:bold; color:#c01920; }
.contact-us p { line-height:1.8em; }

.about-right { width:842px; }
.location { padding:28px 0 10px 0; border-bottom:2px solid #ccc; }
.location .dq { font-size:20px; font-weight:bold; color:#333; }
.location .bc { padding-top:6px; font-size:12px; }
.location .bc span { color:#005197; }

.about-content .box { padding:30px 0; }
.ser-con { line-height:2em; }

.sub-nav { display:none; position:absolute; left:50%; margin-left:-67px; top:46px; width:134px; background-color:#005197; z-index:9; }
.sub-nav ul li { width:100%; margin:0; padding:0; text-align:center; }
.sub-nav ul li a { display:block; margin:0; padding:0; border:none; height:46px; line-height:46px; text-align:center; font-size:16px; color:#fff; }
.sub-nav ul li a:hover { background-color:#00417a; text-decoration:none; }

.about-banner2 { display:none; }
.about-banner2, .about-banner2 img { width:100%; }

.about-left2 { display:none; }

@media only screen and (min-width:960px) and (max-width:1100px) {
.about-main { width:960px; }

.about-right { width:718px; }
}

@media only screen and (min-width:320px) and (max-width:959px) {
.about-banner { display:none; }
.about-banner2 { display:block; }

.about-main { width:100%; }
.about-main .box { padding:10px 2% 10px 2%; }

.about-left { width:20%; }
.about-right { width:76%; }

.contact-us img { width:100%!important; height:auto!important; }
}

@media only screen and (min-width:768px) and (max-width:959px) {
.nav-tit { height:48px; background:#005197 url(../images/about/arr.jpg) no-repeat 20px 20px; }
.nav-tit h3 { padding:14px 0 0 38px; }
.nav-con { padding-bottom:30px; }
.nav-con ul li.select { background:url(../images/about/line.jpg) no-repeat 20px 12px; }
.nav-con ul li a { padding:11px 0 11px 37px; }
.contact-us .hotline { font-size:20px; }

}

@media only screen and (min-width:640px) and (max-width:767px) {
.nav-tit { height:48px; background:#005197 url(../images/about/arr.jpg) no-repeat 14px 20px; }
.nav-tit h3 { padding:14px 0 0 28px; }
.nav-con { padding-bottom:30px; }
.nav-con ul li.select { background:url(../images/about/line.jpg) no-repeat 14px 12px; }
.nav-con ul li a { padding:11px 0 11px 27px; }
.contact-us .hotline { font-size:16px; }

.location { padding:14px 0 10px 0; }
}

@media only screen and (min-width:320px) and (max-width:639px) {
.about-left { display:none; }
.about-left2 { display:block; width:100%; }
.nav-con { padding:0; margin-bottom:20px; border-left:1px solid #ccc; border-top:1px solid #ccc; }

.nav-con ul li .box { padding:0; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }

.about-right { width:100%; }
}

@media only screen and (min-width:480px) and (max-width:639px) {
.nav-con ul li { float:left; width:33.33%; }
}

@media only screen and (min-width:320px) and (max-width:479px) {
.nav-con ul li { float:left; width:50%; }
.about-content img { width:100%!important; height:auto!important; }
}

/*-----------------product------------------------*/
.product-banner { width:100%; height:400px; background:url(../images/product/banner.jpg) no-repeat 0 0; }

.about-content .product-list ul li { float:left; width:192px; margin-right:20px; margin-bottom:20px; text-align:center; border:1px solid #e6e6e6; }
.about-content .product-list ul li .box { padding:15px 0 32px 0; }
.about-content .product-list ul li h3 { margin:0 15px; padding-top:10px; padding-bottom:20px; border-bottom:1px dashed #b3b3b3; font-size:16px; color:#005197; }
.product-list ul li a.more { 
 display:block; margin:30px auto 0 auto; width:108px; height:24px; text-align:center; line-height:24px; border:1px solid #666; font-size:12px; color:#666; }

.product-list2 ul li, .product-list3 ul li { float:left; width:192px; margin-right:20px; margin-bottom:20px; text-align:center; }
.product-list2 ul li .box, .product-list3 ul li .box { padding:15px 0 32px 0; border:1px solid #e6e6e6; }
.product-list2 ul li h3, .product-list3 ul li h3 { 
 margin:0 15px; padding-top:10px; padding-bottom:20px; border-bottom:1px dashed #b3b3b3; font-size:16px; color:#005197; 
}
.product-list2 ul li a.more, .product-list3 ul li a.more { 
 display:block; margin:30px auto 0 auto; width:108px; height:24px; text-align:center; line-height:24px; border:1px solid #666; font-size:12px; color:#666; }
.pro-pic { width:100%; }
.pro-pic img { width:100%; }


.product-pic { width:380px; }
.pic-wrap { border:1px solid #e6e6e6; }
.s-pic-scroll { padding:10px 0 30px 0; }
.gallery { padding:0 0 0 8px; }
.gallery .p1 ul li, .gallery .p2 ul li { display:inline-block; *display:inline; *zoom:1; border:1px solid #ccc; width:56px; height:56px; margin:0 5px; }
.product-summary { width:434px; }
.p-s-tit h3 { padding-bottom:38px; font-size:18px; color:#333; }

.product-banner2 { display:none; }
.product-banner2, .product-banner2 img { width:100%; }

.product-list2 { display:none; }
.product-list3 { display:none; }
.page2 { display:none; }
.page3 { display:none; }

.p2 { display:none; }

@media only screen and (min-width:320px) and (max-width:1100px) {
.product-pic { float:none; width:100%;}
.pic-wrap { text-align:center; }
.product-summary { float:none; width:100%; }
}

@media only screen and (min-width:960px) and (max-width:1100px) {
.product-list { display:none; }
.product-list2 { display:block; }

.product-list2 ul li { width:218px; }
.product-list2 ul li a.a-pic-wrap { display:block; height:190px; overflow:hidden; }
.pro-pic img { width:auto; }
}

@media only screen and (min-width:320px) and (max-width:959px) {
.product-banner { display:none; }
.product-banner2 { display:block; }
}

@media only screen and (min-width:768px) and (max-width:959px) {
.product-list { display:none; }
.product-list2 { display:block; }

.product-list2 ul li { width:48%; margin-right:2%; margin-bottom:10px; }

.product-list2 ul li a.a-pic-wrap { display:block; height:190px; overflow:hidden; }
.pro-pic img { width:auto; }

.location { padding:18px 0 10px 0; }
}

@media only screen and (min-width:640px) and (max-width:767px) {
.product-list { display:none; }
.product-list3 { display:block; }

.pro-about-left { display:none; }
.pro-about-left2 { display:block; width:100%; }

.pro-nav-con { padding:0; margin-bottom:10px; border-left:1px solid #ccc; border-top:1px solid #ccc; }
.pro-nav-con ul li { float:left; width:25%; }
.pro-nav-con ul li .box { padding:0; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }

.pro-about-right { width:100%; }
.location { display:none; }
.product-list3 ul li { width:32%; margin-right:2%; border:none; }
.product-list3 ul li a.a-pic-wrap { display:block; height:190px; overflow:hidden; }
.pro-pic img { width:auto; }
}

@media only screen and (min-width:480px) and (max-width:639px) {
.about-content .product-list ul li { width:48%; margin-right:2%; margin-bottom:10px; border:none; }
.about-content .product-list ul li .box { border:1px solid #e6e6e6; }

}

@media only screen and (min-width:320px) and (max-width:479px) {
.about-content .product-list ul li { width:100%; margin-right:0; margin-bottom:10px; border:none; }
.about-content .product-list ul li .box { border:1px solid #e6e6e6; }

.p1 { display:none; }
.p2 { display:block; }
}

/*-----------------feedback------------------------*/
.feedback-tit h3 { font-size:18px; padding-bottom:24px; }
.feedback-con { width:644px; overflow:hidden; }
.feedback-itme-input { display:inline-block; *display:inline; *zoom:1; margin-bottom:20px; }
.feedback-itme-input01, .feedback-itme-input03{ margin-right:20px; }
.feedback-itme-input input{ 
	width: 300px; 
	height: 30px; 
	padding-left: 10px; 
	box-sizing: border-box; 
	line-height: 30px; 
	border: 1px solid #ccc; 
	outline: none;
}
.feedback-itme-input input:focus { border:1px solid #005197; }
.feedback-itme-textarea{ padding-bottom:20px; }
.feedback-itme-textarea textarea{ 
	width: 612px; 
	height: 200px; 
	line-height: 24px; 
	padding: 10px 0 0 10px; 
	outline: none;
}
.feedback-con span { 
	color:#f00; 
}
.feedback-con .lable { padding-bottom:10px; }
.feedback-con .btn { border:none; background:none; width:90px; height:34px; text-align:center; line-height:34px; cursor:pointer; color:#fff; }
.feedback-con .btn1 { background-color:#005197; }
.feedback-con .btn2 { background-color:#b3b3b3; }

@media only screen and (min-width:960px) and (max-width:1100px) {

}

@media only screen and (min-width:320px) and (max-width:959px) {
.feedback-con { width:100%; }
}

@media only screen and (min-width:768px) and (max-width:959px) {
.feedback-itme-input input { width:254px; }
.feedback-itme-textarea textarea{ width:520px; }
}

@media only screen and (min-width:640px) and (max-width:767px) {
.feedback-itme-input input { width:210px; }
.feedback-itme-textarea textarea { width:432px; }
}

@media only screen and (min-width:320px) and (max-width:639px) {
.location { display:none; }
}

@media only screen and (min-width:480px) and (max-width:639px) {
.feedback-itme-input input { width:204px; }
.feedback-itme-textarea textarea { width:420px; }
}

@media only screen and (min-width:320px) and (max-width:479px) {
.feedback-itme-input { display:block; width:100%; margin-bottom:20px; }
.feedback-itme-input01, .feedback-itme-input03{ margin-right:0; }

.feedback-itme-textarea { width:100%; }

.feedback-itme-input input{	width:100%; }
.feedback-itme-textarea textarea{ width:97%; }
}

/*-----------------tech------------------------*/
.tech-banner { width:100%; height:400px; background:url(../images/tech/banner.jpg) no-repeat 0 0; }
.tech-list ul li { float:left; width:404px; margin-right:30px; margin-bottom:30px; position:relative; }
.tech-pic { width:180px; }
.tech-con { width:224px; height:120px; background-color:#f2f2f2; }
.tech-con .box { padding:16px 0 0 16px; }
.tech-con h3 { font-size:16px; }
.tech-view { position:absolute; right:16px; bottom:16px; }
.tech-view a { font-size:12px; color:#999; }

@media only screen and (min-width:960px) and (max-width:1100px) {

}

@media only screen and (min-width:768px) and (max-width:959px) {

}

@media only screen and (min-width:640px) and (max-width:767px) {

}

@media only screen and (min-width:480px) and (max-width:639px) {

}

@media only screen and (min-width:320px) and (max-width:479px) {

}

/*-----------------service------------------------*/
.service-banner { width:100%; height:400px; background:url(../images/service/banner.jpg) no-repeat 0 0; }

/*-----------------news------------------------*/
.news-banner { width:100%; height:400px; background:url(../images/news/banner.jpg) no-repeat 0 0; }
.n-list ul li { width:100%; height:auto; padding-bottom:20px; border-bottom:1px dashed #e5e5e5; margin-bottom:20px; }
.n-list ul li .news-pic { width:200px; }
.n-list ul li .news-pic img { width:100%; }
.n-list ul li .news-body { width:616px; }
.n-list ul li .news-body h3 { padding-bottom:12px; }
.n-list ul li .news-body h3 a { font-size:18px; font-weight:bold; color:#333; }
.n-list ul li .date { padding-bottom:8px; font-size:12px; color:#b2b2b2; }
.n-list ul li .news-body p { color:#999; line-height:2em; text-align:justify; }
.n-list ul li a.detail { 
float:right; display:block; background-color:#999; width:80px; height:24px; text-align:center; line-height:24px; font-size:12px; color:#fff; }
.n-list ul li a.detail:hover { background-color:#173781; text-decoration:none; }

.n-title {
    padding-bottom: 24px;
}
.n-content {
	line-height:2em;
}
.n-title h3 {
    font-size: 18px;
    font-weight: bold;
    color: #000;
}
.n-date {
    padding-bottom: 24px;
    font-size: 12px;
    color: #999;
}

.about-content .pre, .about-content .next { line-height:1.6em; }

.news-banner2 { display:none; }
.news-banner2, .news-banner2 img { width:100%; }

@media only screen and (min-width:960px) and (max-width:1100px) {
.location { padding:18px 0 10px 0; }
.n-list ul li .news-body { width:506px; }
.n-list ul li .news-body h3 { padding-bottom:12px; line-height:1.8em; }
}

@media only screen and (min-width:320px) and (max-width:959px) {
.news-banner { display:none; }
.news-banner2 { display:block; }

.n-list ul li .news-body h3 a { font-size:16px; }
}

@media only screen and (min-width:320px) and (max-width:959px) {
.n-list ul li .news-pic { width:24%; }
.n-list ul li .news-body { width:72%; }
.n-list ul li .news-body h3 { line-height:1.8em; }
}

@media only screen and (min-width:320px) and (max-width:959px) {
.n-title h3 { font-size:16px; line-height:1.6em; }
}

@media only screen and (min-width:768px) and (max-width:959px) {

}

@media only screen and (min-width:320px) and (max-width:767px) {
.n-list ul li .news-body p { display:none; }
}

@media only screen and (min-width:640px) and (max-width:767px) {

}

@media only screen and (min-width:480px) and (max-width:639px) {
.news-nav-con ul li { width:50%; }
.n-list ul li .news-body a.detail { float:left; margin-top:6px; }
}

@media only screen and (min-width:320px) and (max-width:479px) {
.n-list ul li .news-pic { float:none; width:100%; }
.n-list ul li .news-body { float:none; width:100%; }

.n-list ul li .news-body h3 { padding:6px 0; }
.n-list ul li .news-body .date { padding-bottom:6px; }
.n-list ul li .news-body p { display:block; }
.n-list ul li .news-body a.detail { float:left; margin-top:6px; }

.n-list ul li .news-body h3 { line-height:1.6em; }
.n-list ul li .news-body h3 a { font-size:14px; }
}

/*-----------------contact------------------------*/
.contact-banner { width:100%; height:400px; background:url(../images/contact/banner.jpg) no-repeat 0 0; }
.map-wrap { padding:12px 0; }
.page, .page2, .page3 {
    text-align: center;
    padding: 12px 0;
}
.page a, .page2 a, .page3 a {
    display: inline-block;
	*display: inline;
    *zoom: 1;
    border: 1px solid #ccc;
    padding: 5px 8px;
    margin: 0 4px;
    color: #000;
	line-height: normal;
}
.page a.current, .page2 a.current, .page3 a.current {
    background-color: #005197;
    color: #fff;
}
.pre {
    /*padding: 12px 0 8px 0;*/
}

.contact-banner2 { display:none; }
.contact-banner2, .contact-banner2 img { width:100%; }

.map-wrap2 { display:none; }
.map-wrap3 { display:none; }
.map-wrap4 { display:none; }
.map-wrap5 { display:none; }

@media only screen and (min-width:960px) and (max-width:1100px) {
.map-wrap { display:none; }
.map-wrap2 { display:block; margin-top:10px; }
}

@media only screen and (min-width:320px) and (max-width:959px) {
.contact-banner { display:none; }
.contact-banner2 { display:block; }
}

@media only screen and (min-width:768px) and (max-width:959px) {
.map-wrap { display:none; }
.map-wrap3 { display:block; margin-top:10px; }
}

@media only screen and (min-width:640px) and (max-width:767px) {
.map-wrap { display:none; }
.map-wrap4 { display:block; margin-top:10px; }
}

@media only screen and (min-width:480px) and (max-width:639px) {
.map-wrap { display:none; }
.map-wrap4 { display:block; margin-top:10px; }
}

@media only screen and (min-width:320px) and (max-width:479px) {
.map-wrap { display:none; }
.map-wrap5 { display:block; margin-top:10px; }
}

/*-------------------job------------------------*/
.job-list li { width:840px; background:url(../images/job_bg.jpg) repeat 0 0; margin-bottom:20px; padding:20px 0; }
.job-one-tit { width:100%; height:74px; cursor:pointer; background: url(../images/job-down.png) no-repeat 712px 26px; }
.job-style { width:100%; height:74px; cursor:pointer; background:url(../images/job-up.png) no-repeat 712px 26px; }
.job-img, .job-text { float:left; }
.job-img { width:148px; text-align:center; }
.job-text  { margin-top:30px; }
.job-text h3 { font-size:24px; line-height:24px; }
.job-one-con { width:86%; margin:0 auto; padding-top:30px; }

.job-list2 { display:none; }

@media only screen and (min-width:960px) and (max-width:1100px) {
.job-list li { width:100%; }
.job-one-tit { background: url(../images/job-down.png) no-repeat 612px 26px; }
}

@media only screen and (min-width:768px) and (max-width:959px) {
.job-list li { width:100%; }
.job-one-tit { background: url(../images/job-down.png) no-repeat 412px 32px; }
}

@media only screen and (min-width:640px) and (max-width:767px) {
.job-list li { width:100%; }
.job-one-tit { background:none; }
}

@media only screen and (min-width:480px) and (max-width:639px) {
.job-list li { width:100%; }
.job-one-tit { background:none; }
}

@media only screen and (min-width:320px) and (max-width:479px) {
.job-list { display:none; }
.job-list2 { display:block; }

.job-list2 li { width:100%; background:url(../images/job_bg.jpg) repeat 0 0; margin-bottom:20px; }
.job-text h3 { padding:20px 0 0 0; }
}

/*------------------partner--------------------------*/
.partner_list{ padding:30px 0; }
	
.partner_list ul li{
 display:inline-block;
 *display:inline;
 zoom:1;
 position:relative;
 margin-right:56px;
 border:1px solid #ccc;
 vertical-align: middle;
 
 width:98px;
 height:98px;
 overflow:hidden;
 
 transform:rotate(45deg); 
 
 transition:all 0.2s ease-in-out;
 webkit-transition:all 0.2s ease-in-out;
 -moz-transition:all 0.2s ease-in-out;
}

.partner_list ul li:hover{
 box-shadow:0px 0px 20px rgba(0,0,0,0.1);
 -webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.1);
 -moz-box-shadow:0px 0px 20px rgba(0,0,0,0.1);
}

.partner_list ul li img{
 transform:rotate(-45deg);
 max-width:none;
 position: absolute;
 top:-32px;
 left:-32px;
}

.partner_list .u1 {	margin-left:38px;	position:relative;	top:0px; }
.partner_list .u2 {	margin-left:118px;	position:relative;	top:-10px; }
.partner_list .u3 {	margin-left:198px;	position:relative;	top:-20px; }