/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
	font-family: sans-serif; /* 1 */
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */
}
body {
	margin: 0;
	padding: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
audio, canvas, progress, video {
	display: inline-block; /* 1 */
	vertical-align: baseline; /* 2 */
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden], template {
 display: none;
}

a {
	background: transparent;
}
a:active, a:hover {
	outline: 0;
}
abbr[title] {
	border-bottom: 1px dotted;
}

b, strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
mark {
	background: #ff0;
	color: #000;
}
small {
	font-size: 80%;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}

img {
	border: 0;
}


svg:not(:root) {
	overflow: hidden;
}


figure {
	margin: 1em 40px;
}

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}


pre {
	overflow: auto;
}

code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em;
}


button, input, optgroup, select, textarea {
	color: inherit; /* 1 */
	font: inherit; /* 2 */
	margin: 0; /* 3 */
}

button {
	overflow: visible;
}

button, select {
	text-transform: none;
}
button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] {
	-webkit-appearance: button; /* 2 */
	cursor: pointer; /* 3 */
}

button[disabled], html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
 border: 0;
 padding: 0;
}
input {
	line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
 height: auto;
}
input[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box; /* 2 */
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
legend {
	border: 0; /* 1 */
	padding: 0; /* 2 */
}
textarea {
	overflow: auto;
}
optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
td, th {
	padding: 0;
}
li, ul {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4 {
	padding: 0;
	margin: 0;
}
p {
	margin: 0;
	padding: 0;
}
figure {
	margin: 0;
	padding: 0;
}
dl {
	margin: 0;
	padding: 0;
}
/*base style*/
body {
	font-size: 14px;
	font-family: "Microsoft YaHei",STHei,华文黑体,"Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #555;
}
h1, h2, h3, h4, h5 { color: #272727;}
a:link, a:visited {
	text-decoration: none;
	color: #555;
}
a:hover, a:active { color: #3498db;}
a.more-btn { 
    display: block;
    width: 100px;
    text-align: center;
    padding-top: 6px;
    padding-bottom: 6px;
    border: #005bb4 1px solid;
    color: #005bb4;
    border-radius: 3px;
}
a.more-btn:hover {
    color: #2980b9;
    border: #2980b9 1px solid;
}
ul { list-style: none;}
.clearfix {clear: both;}
.color-0 { color: #000;}
.color-1 { color: #272727;}
.color-2 { color: #555;}
.color-3 { color: #777;}
.color-4 { color: #999;}
.color-5 { color: #fff;}
.color-6 { color: #3498db;}
.color-7 { color: #2980b9;}
.font12 { font-size: 12px; }
.font14 { font-size: 14px; }
.font16 {font-size: 16px; }
.font18 {font-size: 18px; }
.font20 {font-size: 20px; }
.font25 {font-size: 25px; }

/*header style*/
#header {
	width: 100%;
	height: 200px;
	background: #fff url(../images/navbg.png) repeat-x bottom center;
}
.header-wrapper {
	width: 1003px;
	margin: auto;
	height: 200px;
}
.logo {
	width: 1003px;
	height: 150px;
}
.logo-left {
	width: 400px;
	height: 150px;
	float: left;
	background: #fff url(../images/logo.png) no-repeat 10px 20px;
	cursor: pointer;
	display:block;
}
.logo-right {
	margin-top: 50px;
	float: right;
	margin-right: 40px;
}
.logo-right input {
	border: #005bb4 solid 1px;
	width: 200px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-indent: 5px;
	border-radius: 3px;
	background: #fff url(../images/glass.png) no-repeat 170px center;
}
.logo-right input:hover { 
    border: #005bb4 solid 2px;
}
.nav ul li {
	float: left;
	position: relative;
}
.nav ul li a {
	color: #fff;
	display: block;
	text-align: center;
	width: 167px;
	padding-top: 15px;
	padding-bottom: 15px;
	background-image: url(../images/divide.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.nav ul li a:hover {
	background-color: #004c93;
	box-shadow: #004c93 -1px 0 0;
}
ul.dropdown {
	display: none;
	position: absolute;
	z-index: 50;
}
.nav ul li:hover > ul { 
    display: block;
    -webkit-animation:fadeInDown .2s .2s ease both;
	-moz-animation:fadeInDown .2s .2s ease both;}
	@-webkit-keyframes fadeInDown{
	0%{opacity:0;
	-webkit-transform:translateY(-15px)}
	100%{opacity:1;
	-webkit-transform:translateY(0)}
	}
	@-moz-keyframes fadeInDown{
	0%{opacity:0;
	-moz-transform:translateY(-15px)}
	100%{opacity:1;
	-moz-transform:translateY(0)}
}
ul.dropdown li a {
	background: none;
	background-color: #fff;
	color: #555;
	opacity: .8;
	filter: alpha(opacity=80);
}
ul.dropdown li a:hover {
	box-shadow: none;
	background-color: #f9f9f9;
}


/*main style*/
#main { width: 100%;}
.banner {
	width: 100%;
	height: 400px;
	overflow: hidden;
}
/*banner style*/
.index_focus a {
    color: #333;
    text-decoration: none;
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}
.index_focus a:hover {
    color: #690;
    text-decoration: none;
}
.index_focus a.special, .special a {
    color: #690;
}
.index_focus a.special:hover, .special a:hover {
    color: #390;
    text-decoration: none;
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    clear: both;
    *zoom: 1;
}
.overflow {
    overflow: hidden;
    *zoom: 1;
}

.index_focus {
    position: relative;
    width: 100%;
    height: 400px;
    margin: 0 auto;
    overflow: hidden;

}
.index_focus .bd ul {
    width: 1600px;
	height: 400px;
	position: relative;
	left: 50%;
	margin-left: -800px;
}

.index_focus .bd li {  
    display: none;
    position: absolute;
    left: 0;
    top: 0;
}
.index_focus_post {
    z-index: 10;
}
.index_focus .pic {
    height: auto;
    display: block;
}
.index_focus .pic:hover {
    text-decoration: none;
}
.index_focus .slide_nav {
    position: absolute;
    left: 48%;
    bottom:2%;

}
.index_focus .slide_nav a {
	cursor:pointer;
	float:left;
    font-size:28px;
    font-family: arial;
    color: #fff;
	padding:5px 10px;
}
.index_focus .slide_nav li:hover,.index_focus .slide_nav .on{text-decoration: none;color: #005bb4;filter: alpha(opacity=80);opacity: 0.8;}
.index_focus_pre,.index_focus_next {
    display: none;
    position: absolute;
    top: 50%;
    margin-top: -36px;
    width: 72px;
    height: 72px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    z-index: 10;
    background: url(../images/ico_sliding.png) no-repeat;
}
.index_focus_pre {
    left: 30px;
    background-position: 0 0;
}
.index_focus_pre:hover {
    background-position: 0 -144px;
}
.index_focus_next {
    right: 30px;
    background-position: 0 -72px;
}
.index_focus_next:hover {
    background-position: 0 -216px;
}
/*.index_focus_info {
    position: absolute;
    left: 10%;
    bottom: 28%;
    width: 800px;
    height: 200px;
    padding-bottom: 10px;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    font-family: "\5fae\8f6f\96c5\9ed1";
    -moz-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
    -webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
    background: url("../images/index_focus_bg.png") no-repeat;
    _background: none;
}
.index_focus_info h3 {
    font-size: 36px;
    line-height: 70px;
    font-family: \5fae\8f6f\96c5\9ed1, \u9ed1\u4f53, "Lucida Grande";
	display:none;
}
.index_focus_info .text {
    width: 500px;
    line-height: 24px;
    font-size: 14px;
    word-wrap: break-word;
    overflow: hidden;
	display:none;
}*/


/*contents style*/
.contents {
	width: 100%;
	background-color: #f7f7f7;
	overflow: hidden;
}
.brief-wrapper {
	width: 1003px;
	margin: auto;
	margin-top: 60px;
	overflow: hidden;
}
.contents h2 {
	font-size: 20px;
	font-weight: normal;
}
.contents h2 span {
	font-size: 16px;
}
.brief { 
    width: 1032px;
    height: 470px;
	}
.brief h2 { margin-bottom: 30px;}
.brief h2 b {
	display: block;
	float: left;
    width: 30px;
	height: 30px;
	background-image: url(../images/30x30px-Tabbar-icons-IOS7-Style_15.png);
	background-repeat: no-repeat;
	background-position: 0px -92px;
}
ul.brief-list li {
	width: 230px;
	height: 350px;
	background-color: #fff;
	float: left;
	margin-right: 28px;
	box-shadow: #ddd 0 0 10px;
}
.brief-pic {
	width: 230px;
	height: 230px;
	position: relative;
	color: #fff;
	font-size: 20px;
	overflow: hidden;
}
.brief-pic .filter {
	display: none;
	position: absolute;
	width: 230px;
	height: 230px;
	left: 0;
	top: 0;
	background-color: rgba(55,55,55,0.5);
}
.brief-pic .filter p {
	text-align: center;
	margin-top: 100px;
}
.brief-pic .filter a {
	color: #fff;
}
.brief-pic .filter a:hover {
	text-decoration: underline;
}
.brief-pic:hover > div { 
    display: block;
    -webkit-animation:rotateInDownLeft .2s .2s ease both;
	-moz-animation:rotateInDownLeft .2s .2s ease both;}
	@-webkit-keyframes rotateInDownLeft{
	0%{-webkit-transform-origin:left bottom;
	-webkit-transform:rotate(-90deg);
	opacity:0}
	100%{-webkit-transform-origin:left bottom;
	-webkit-transform:rotate(0);
	opacity:1}
	}
	@-moz-keyframes rotateInDownLeft{
	0%{-moz-transform-origin:left bottom;
	-moz-transform:rotate(-90deg);
	opacity:0}
	100%{-moz-transform-origin:left bottom;
	-moz-transform:rotate(0);
	opacity:1}
}
.brief-text {
	width: 190px;
	height: 90px;
	margin: auto;
	margin-top: 15px;
	overflow: hidden;
	
}
.brief-text h3 {
	font-size: 16px;
	font-weight: normal;
	text-align: center;
}
.brief-text h3 a { color: #005bb4;}
.brief-text h3 a:hover { 
    color: #272727;
	-webkit-transition: color .2s ease-in;
    -moz-transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    -ms-transition: color .2s ease-in;
    transition: color .2s ease-in;
}
.brief-text p {
	margin-top: 8px; 
    line-height: 20px;
	color: #777;
}
.brief-text h3 b {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../images/icon_img_jiantou.gif) no-repeat 0 0;
	margin-left: 5px;
}
.brief-text h3 a:hover > b { 
    background: url(../images/icon_img_jiantou.gif) no-repeat 0 -20px;
}
/*products & trends*/
.pr-tr {
	width: 100%;
	height: 500px;
	background-color: #fff;
	box-shadow: #ddd 0 -1px 10px;
}
.pr-tr h2 { 
    padding-bottom: 15px;
    border-bottom: 2px #005bb4 solid;
}
.pr-tr-inner {
	width: 1003px;
	height: 500px;
	margin: auto;
}
.pr-tr-inner a.more-btn {
	float: right;
	margin-right: 30px;
	margin-top: 30px;
}
.products {
	width: 640px;
	height: 410px;
	float: left;
	margin-top: 60px;
	overflow: hidden;
}
.news {
	width: 330px;
	height: 410px;
	float: right;
	margin-top: 60px;
}
.pr-tr-inner b {
	display: block;
	float: left;
    width: 30px;
	height: 30px;
	background-image: url(../images/30x30px-Tabbar-icons-IOS7-Style_15.png);
	background-repeat: no-repeat;
	background-position: 0px -92px;
}
b.b-1 { 
    background-image: url(../images/30x30px-Tabbar-icons-IOS7-Style_01.png);
    background-position: 0 -272px;	
} 
b.b-2 {
	background-image: url(../images/30x30px-Tabbar-icons-IOS7-Style_01.png);
    background-position: 0 0;	
 }
.products-pic  {
	margin-top: 30px;
	height: 270px;
	overflow: hidden;
}
.products-pic ul li {
	width: 320px;
	height: 115px;
	margin-bottom: 40px;
	float: left;
}
img.prd-pic {
	display: block;
	float: left;
	width: 115px;
	height: 115px;
	margin-right: 20px;
}
img.prd-pic:hover {
	opacity: .9;
	filter: alpha(opacity=90);
}
.prd-text {
	width: 145px;
	height: 115px;
	float: left;
	overflow: hidden;
}
.prd-text img {
	display: block;
}
.prd-text p {
	margin-top: 10px;
	line-height: 20px;
	height: 60px;
	overflow: hidden;

}
.prd-text a.more { 
    display: block;
	margin-top: 5px;
	color: #005bb4;
}
.prd-text a.more:hover { text-decoration: underline;}
.company-news {
	width: 330px;
	height: 270px;
	overflow: hidden;
	margin-top: 30px;
}
.company-news ul li {
	width: 330px;
	height: 76px;
	margin-bottom: 20px;
}
.company-news ul li .date {
	width: 76px;
	height: 76px;
	float: left;
	background-color: #f7f7f7;
	color: #005bb4;
	text-align: center;
}
.company-news ul li .news-text {
	float: right;
	width: 235px;
	height: 76px;
	overflow: hidden;
}
p.date-number { 
    margin-top: 5px;
    font-size: 30px;
	font-weight: bold;
}
p.date-month {
	font-size: 16px;
}
.news-text h3 {
	font-weight: normal;
	font-size: 15px;
	height: 20px;
	overflow: hidden;
}
.news-text h3 a { color: #005bb4;}
.news-text h3 a:hover { text-decoration: underline;}
.news-text p {
	line-height: 20px;
	margin-top: 14px;
}
/*footer style*/
#footer {
	margin-top: 30px;
	width: 100%;
	height: 250px;
	background: #005bb4 url(../images/bt.png) repeat-x bottom ;
	overflow: hidden;
}
.footer-wrapper {
	color: #fff;
	width: 1003px;
	height: 210px;
	margin: auto;
	/*border-left: 1px solid #fff;
	border-right: 1px solid #fff;*/
}
.footer-wrapper a { color: #fff;}
.footer-wrapper a:hover { text-decoration: underline;}
.logo-bt {
	width: 200px;
	height: 70px;
	float: left;
	margin-top: 45px;
	margin-right: 30px;
	background-image:url(../images/logo-bt.png);
	background-repeat: no-repeat;
}
.footer-text {
	height: 210px;
	float: left;
}
.footer-text ul {
	float: left;
	margin-right: 30px;
    margin-top: 15px;
    width: 240px;
}
.footer-text ul li.tit-ft {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
}
.footer-tel {
	width: 213px;
	height: 150px;
	float: right;
	background-image: url(../images/call_03.png);
	background-repeat: no-repeat;
	background-position: 0 30px;
}
.footer-tel:hover {
	-webkit-animation:pulse 1s .2s ease both;
	-moz-animation:pulse 1s .2s ease both;}
	@-webkit-keyframes pulse{
	0%{-webkit-transform:scale(1)}
	50%{-webkit-transform:scale(1.1)}
	100%{-webkit-transform:scale(1)}
	}
	@-moz-keyframes pulse{
	0%{-moz-transform:scale(1)}
	50%{-moz-transform:scale(1.1)}
	100%{-moz-transform:scale(1)}
}
.footer-bt {
	font-size: 12px;
    width: 1003px;
	height: 40px;
}
.footer-bt p {
	margin-top: 14px;
}





/*二级页面 style */
.banner-inner {
	width: 100%;
	height: 250px;
	background: #fff url(../images/img1.jpg) no-repeat 50% 0;
}
.cont-inner {
	width: 1003px;
	margin: auto;
}
.bread-crumb {
	width: 1003px;
	margin-top: 30px;
	padding-bottom: 6px;
	color: #999;
	border-bottom: #e3e3e3 1px solid;
}
.bread-crumb span {
	color: #272727;
	font-size: 25px;
}
.bread-crumb a { color: #999;}
.sidebar,
.article {
	margin-top: 33px;	
	margin-bottom: 60px;
}
	
.sidebar {
	width: 200px;
	float: left;
	color: #3498db;
}


.sidebar a.active {
	color: #3498db;
}
.sidebar a:hover {
	color: #3498db;
}
.sidebar-tit {
	width: 200px;
	height: 60px;
	border-bottom: 2px solid #e3e3e3;
}
.sidebar-tit span {
	display: block;
	float: left;
	font-size: 30px;
	color:#3498db;
	font-weight: bold;
	margin-right: 25px;
}
.divide {
	width: 1px;
	height: 40px;
	background-color: #272727;
	float: left;
	margin-right: 20px;
}
.article  {
	width: 770px;
	float: right;
	color: #555;
}
.article-news{	
	width: 770px;
	float: right;
	color: #555;
	margin-top: 33px;	
	margin-bottom: 60px;
	background-color: #f7f7f7;
	border: #e3e3e3 1px solid;
	box-sizing: border-box;
	/*background-image: url(../images/bigbg.png);*/
	background-repeat: no-repeat;
	background-position: bottom center;
	/*padding-bottom:250px;*/}
.article h1 {
	font-weight: normal;
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 10px;
}
.article-cont {
	width: 770px;
	background-color: #f7f7f7;
	border: #e3e3e3 1px solid;
	box-sizing: border-box;
	background-image: url(../images/bigbg.png);
	background-repeat: no-repeat;
	background-position: bottom center;
}
.about-cont{
	width: 770px;
	/*height:380px;*/
	background-color: #f7f7f7;
	border: #e3e3e3 1px solid;
	box-sizing: border-box;
	/*background-image: url(../images/bigbg.png);*/
	background-repeat: no-repeat;
	background-position: bottom center;
	}
.culture-cont{
	width: 770px;
	height:200px;
	background-color: #f7f7f7;
	border: #e3e3e3 1px solid;
	box-sizing: border-box;
	/*background-image: url(../images/bigbg.png);*/
	background-repeat: no-repeat;
	background-position: bottom center;
	}
.product-cont{
	width: 770px;
	background-color: #f7f7f7;
	border: #e3e3e3 1px solid;
	box-sizing: border-box;
	background-image: url(../images/bigbg.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	}
.article-inner {
	width: 710px;
	margin: auto;
	margin-top: 20px;
}
.article-inner p {
	padding: 10px 0 10px 0;
	line-height: 21px;
	text-indent: 2em;
}
.article-inner img {
	display: block;
	float: right;
	margin-left: 20px;
}
.article-banner {
    width: 770px;
	height: 150px;
	margin-bottom: 30px;
	background-image: url(../images/articlebanner.jpg);
	background-repeat: no-repeat;	
}
.article-inner-news {
	width: 710px;
	margin: auto;
	margin-top: 20px;
}
.article-inner-news p {
	padding: 10px 0 10px 0;
	line-height: 21px;
	text-indent: 2em;
}
.article-inner-news img {
	display: block;
	float: right;
	margin-left: 20px;
	width:100%;
	padding-bottom:20px;
}
/*产品介绍页面*/
.sidebar-pr {
}
.article-pr {}
.article-prcont {
	border: none;
	background: none;
}
.article-prcont ul {
    width: 788px;
}
.article-prcont ul li {
	width: 180px;
	height: 190px;
	background-color: #fff;
	margin-top: 10px;
	margin-bottom: 30px;
	box-shadow: #f1f1f1 0 0 5px;
	overflow: hidden;
	text-align: center;
	font-size: 14px;
	line-height: 28px;
	float: left;
	margin-right: 17px;
}
.article-prcont ul li img {
	display: block;
	margin: auto;
	margin-top: 7.5px;
}
.article-prcont ul li img:hover {
	-webkit-animation:pulse 1s .2s ease both;
	-moz-animation:pulse 1s .2s ease both;}
	@-webkit-keyframes pulse{
	0%{-webkit-transform:scale(1)}
	50%{-webkit-transform:scale(1.1)}
	100%{-webkit-transform:scale(1)}
	}
	@-moz-keyframes pulse{
	0%{-moz-transform:scale(1)}
	50%{-moz-transform:scale(1.1)}
	100%{-moz-transform:scale(1)}
}
.page {
	margin-bottom: 30px;
	width: 415px;
	margin: auto;
	font-size: 12px;
	text-align: center;
	overflow:hidden;
}
.page a {
	display: block;
	padding: 2px 8px;
	float: left;
	margin-right: 10px;
	border: 1px solid #e3e3e3;
}
.page a:hover {
	background-color: #3498db;
	color: #fff;
}

/*联系我们*/
.article-ct {
	width: 1003px;
}
.article-ct h1 {
	text-align: center;
	color: #999;
	display: none;
}
.contact-detail {
	margin-top: 20px;
	width: 1003px;
	height: 340px;
	overflow: hidden;
}
.contact-detail form {
	display: block;
	float: left;
	width: 481px;
	height: 331px;
	border-radius: 4px;
	margin-right: 40px;
}
.contact-detail form input {
	border-radius: 3px;
	margin-bottom: 10px;
	border: #000 1px solid;
	text-indent: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 200px;
}
.contact-detail form textarea {
	border-radius: 3px;
	margin-bottom: 10px;
	border: #000 1px solid;
	text-indent: 5px;
}
.contact-detail form button {
	background-color: #fff;
	color: #000;
	width: 100px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 2px solid #000;
	border-radius: 3px;
}
.contact-detail form button:hover {
	border: 2px solid #3498db;
	color: #3498db;
}
.contact-detail ul {
	float: left;
	width: 480px;
	overflow: hidden;
}
.contact-detail ul span {
	color: #3498db;
	font-size: 20px;
	font-weight: bold;
}
.contact-detail ul li {
	line-height: 30px;
}
.map {
	width:1003px;
	height: 478px;
	margin: auto;
	border: #fff 5px solid;
	box-shadow: #999 0 0 10px;
	position: relative;
}
.nav-logo {
	width: 80px;
	height: 116px;
	background-image: url(../images/nav.png);
	background-repeat: no-repeat;
	position: absolute;
	left: 350px;
	top: 180px;
}
div.map:hover > div.nav-logo {
    animation-name: hatch;
	-webkit-animation-name: hatch;	

	animation-duration: 2s;	
	-webkit-animation-duration: 2s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;

	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%; 

	visibility: visible !important;		
}

@keyframes hatch {
	0% {
		transform: rotate(0deg) scaleY(0.6);
	}
	20% {
		transform: rotate(-2deg) scaleY(1.05);
	}
	35% {
		transform: rotate(2deg) scaleY(1);
	}
	50% {
		transform: rotate(-2deg);
	}	
	65% {
		transform: rotate(1deg);
	}	
	80% {
		transform: rotate(-1deg);
	}		
	100% {
		transform: rotate(0deg);
	}									
}

@-webkit-keyframes hatch {
	0% {
		-webkit-transform: rotate(0deg) scaleY(0.6);
	}
	20% {
		-webkit-transform: rotate(-2deg) scaleY(1.05);
	}
	35% {
		-webkit-transform: rotate(2deg) scaleY(1);
	}
	50% {
		-webkit-transform: rotate(-2deg);
	}	
	65% {
		-webkit-transform: rotate(1deg);
	}	
	80% {
		-webkit-transform: rotate(-1deg);
	}		
	100% {
		-webkit-transform: rotate(0deg);
	}		
}
/*公司动态*/
.article-tr {
	width: 770px;
	border: #e3e3e3 1px solid;
}
.article-tr-inner {
	width: 710px;
	margin: auto;
	padding-top: 20px;
	border-bottom: 1px solid #e3e3e3;
	padding-bottom: 20px;
}
.article-tr-inner  h2 {
	font-weight: normal;
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 12px;
	text-transform: capitalize;
}
.article-tr-inner ul li {
	padding-top: 5px;
	padding-bottom: 5px;
	list-style-type: disc;
	margin-left: 20px; 
}
.article-tr-inner ul li a:hover { text-decoration: underline;}
.article-tr-inner ul li span {
	color: #ccc;
	display: inline-block;
	float: right;
	font-size: 13px;
}
.article-tr .page {
	padding-top: 30px;
	margin-bottom: 30px;
}
.sidebar-tr { height: 500px;}

/*客户案例展示*/
.article-clients {
	width: 1003px;
}
.article-clients ul {
	width: 1071px ;
}
.article-clients ul li {
	width: 220px;
	height: 280px;
	float: left;
	margin-bottom: 40px;
	margin-right: 40px;
	background-color: #f7f7f7;
	text-align: center;
	overflow: hidden;
}
.clients-img {
	width: 220px;
	height: 220px;
}
.clients-name  {
	width: 220px;
	height: 60px;
	overflow: hidden;
}
.clients-name a {
	display: block;
	margin-top: 12px;
	font-weight: bold;
}
.clients-name p {
	font-size: 12px;
	color: #777;
}
.article-clients ul li:hover > .clients-name {
	background-color: #3498db;
	color: #fff;
	-webkit-animation:fadeInUp .1s .1s ease both;
	-moz-animation:fadeInUp .1s .1s ease both;}
	@-webkit-keyframes fadeInUp{
	0%{opacity:0;
	-webkit-transform:translateY(20px)}
	100%{opacity:1;
	-webkit-transform:translateY(0)}
	}
	@-moz-keyframes fadeInUp{
	0%{opacity:0;
	-moz-transform:translateY(20px)}
	100%{opacity:1;
	-moz-transform:translateY(0)}
}
.article-clients ul li:hover > .clients-name p { color: #fff;}
.article-clients ul li:hover > .clients-name a { color: #fff;}




.product_display{ width:1003px; margin:0px auto; background:#ffffff;}
.product_display h2{padding-bottom: 15px;border-bottom: 2px #005bb4 solid;}
.contents h2 span {
font-size: 16px;
}
.product_display b {
display: block;
float: left;
width: 30px;
height: 30px;
background-image:url(../../%E4%B8%89%E6%9E%97html/images/30x30px-Tabbar-icons-IOS7-Style.png);
background-repeat: no-repeat;
background-position: 0px -272px;
}
.products_box{ width:100%; background:#ffffff;}

/*产品轮播*/
.sectionalpha {
	margin-top: 30px;
}
.sectionalpha .col-title {
	text-align: center;
}
.friend {
	height: 180px;
	margin: 0 auto;
	overflow: hidden;
	width: 1003px;
	border-radius: 10px;
}
.mr_frbox {
	height: 180px;
}
.mr_frUl {
	float: left;
	height: 180px;
	width: 935px;
}
.mr_frUl ul li {
	display: inline;
	float: left;/*height:389px;*/
	width: 172px;
	height: 172px;
	
	overflow: hidden;
	position: relative;
	padding: 4px;
}
.mr_frUl ul li a img{
	-webkit-box-shadow: #ddd 0px 0px 10px;
	-moz-box-shadow: #ddd 0px 0px 10px;
	box-shadow: #ddd 0px 0px 10px;/*background: #aaa;*/behavior: url(/PIE.htc);
	}
.hidden-mask {
	position: absolute;
	width: 180px;
	height: 130px;
	top: 4px;
	background-color:rgba(55,55,55,0.5);
	z-index: 100;
	transition: opacity 0.3s;
	opacity: 0;
}
.mr_frUl ul li:hover .hidden-mask {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.hidden-mask a {
	position: absolute;
	color: #fff;
	font-size: 18px;
	font-family:'微软雅黑';
	right:3px;
	bottom: 0;
	transition: all 0.3s;
}
.mr_frUl ul li:hover .hidden-mask a {
    bottom: 0px;
}
.mr_frUl ul li > a {
	display: block;
	height: 172px;
	background: #fff;
	border-radius: 5px;
	color: #00479d;
}
.mr_frUl ul li a span {
	display: block;
	line-height: 45px;
	height: 45px;
	overflow: hidden;
	text-align: center;
	text-transform: capitalize;
}
.mr_frUl ul li a img {/*display:block;*/
	width: 100%;
	vertical-align: bottom;
}
.mr_frBtnL {
	cursor: pointer;
	display: inline;
	float: left;
	height: 21px;
	margin: 60px 10px 0 0;
	width: 21px;
}
.mr_frBtnR {
	float: right;
	margin-top: 60px;
	cursor: pointer;
	width: 21px;
	height: 21px;
}
.title_box{ height:70px; padding-top:10px;border-bottom: #CCCCCC dotted 1px; margin-left:10px; margin-right:10px;}
.title{ text-align:center;font-size: 18px;color: #34495E; height:40px; line-height:40px;}
.title_box .date{ text-align:center;font-size: 12px;color: #aaa; height:20px; line-height:20px; }
.qh a{line-height:30px;}
.qh img{vertical-align: middle;}
.products_img{ text-align:center;}
.products_img img{ width:770px; height:500px;}


.menu ul li {	
	display:block;
	width:auto;
	padding-top:2px;
	list-style:none;
	overflow:visible;
	border-top: 1px dashed #E3E3E3;	
}

.menu ul li a {
	display:block;
	height:34px; 
	width:auto;
	margin-top:0px;
	padding-top:10px;
	padding-left:20px;
	font-size:13px;
	color:#3498db;
	border-radius:3px;
	outline:none;
	background:url(../images/go.png) top right no-repeat;	
	transition: background-color 0.3s, text-indent 0.3s;
	letter-spacing:2px;
	text-transform: capitalize;
}
	
	
.menu ul li a:hover{ 
	color: #fff;
	background-color:#004c93;
	background: #004c93 url(../images/goa.png) top right no-repeat;
	text-indent: 10px;
}	

.menu ul li .active {background:url(../images/on.png) top right no-repeat;}

.menu ul li .inactive {background:url(../images/off.png) top right no-repeat; background:#004c93; color:#ffffff;}

.menu ul li ul { width:auto;	
	display:none; 
	margin-top:-1px;
	border-top: 1px dashed #E3E3E3; background-color:#fcfcfc;
}

.menu ul li ul li ul {
	margin-bottom:5px; 
	border:none;
	background-color:#f8f8f8;
}

.menu ul li ul li {
	display:block;
	background:none;
	font-size:12px;
	list-style:circle;
	color:#8f9d4c;
	margin-bottom:0px;
	margin-top:0px;
	padding-top:0px;
	padding-bottom:0px;
	border:none;	
	
}

.menu ul li ul li a { 
	background:none;
	font-size:12px;
	height:15px;
	color:#999999;
	padding:10px 0 10px 20px }	
.menu ul li ul li ul li a{ padding-left:40px;}



.sidebar_bottom {
	float: left;
	width: 200px;
	border-radius: 3px;
	border-bottom: none;
	box-shadow: #e3e3e3 0 0 10px;
	position: relative;
}
.sidebar_bottom span {
	color: #fff;
	font-size: 18px;
	display: block;
	height: 50px;
	line-height: 38px;
	border-bottom: solid #e3e3e3 1px;
	background: #e3e3e3 url(../images/sidebarbg.png) no-repeat;
	text-indent: 20px;
	border-radius: 3px;
}

.article h3{ margin-top:40px; color:#ffffff; font-weight:normal; background:#005bb4; height:30px; line-height:30px; border-top-left-radius:15px;border-top-right-radius:15px;}



#rocket-to-top div {
    left: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 0;
    width: 149px;
}
#rocket-to-top .level-2 {
    background: url("../images/rocket_button_up.png") no-repeat scroll -149px 0 transparent;
    display: none;
    height: 250px;
    opacity: 0;
    z-index: 1;
}
#rocket-to-top .level-3 {
    background: none repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 150px;
    z-index: 2;
}
#rocket-to-top {
    background: url("../images/rocket_button_up.png") no-repeat scroll 0 0 transparent;
    cursor: default;
    display: block;
    height: 250px;
    margin: -125px 0 0;
    overflow: hidden;
    padding: 0;
    position: fixed;
    right: 0;
    top: 80%;
    width: 149px;
    z-index: 11;
}





.article-detail{ width:770px;}
.article-main-honor{ background:#f0f0f0; padding:20px;}		
.article-main-honor ul{ margin-bottom:20px; overflow:hidden;}
.article-main-honor li{ float:left;}
li.honor-text{ width:244px; padding-top:40px;}	
li.honor-text.paddingright{padding-right:140px; background:url(../images/honor_ico1.jpg) no-repeat 98%;text-transform: capitalize;}	
li.honor-text.paddingleft{padding-left:140px; background:url(../images/honor_ico2.png) no-repeat 4%;text-transform: capitalize;}
li.honor-text h5{ font-size:24px; padding:10px 0; color:#34495e; margin:0px;}	
li.honor-text p{ color:#696969;}	
li.honor-pic{ width:320px;}
li.honor-pic img{ padding:6px; background:#dcdcdc;}	
.gray{ color:#a0a0a0; font-size:18px;}
.inline_content{padding:10px; background:#fff;}
.inline_title{font-size:14px; font-weight:bold; line-height:26px; color:#000; background-color:#efefef; margin-top:20px; padding-left:10px;}


.hover:hover{filter:alpha(opacity=80);opacity:0.8;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;transition: all 500ms ease;}