body{background:#fff; font-family: 'Roboto', sans-serif;}
body a{transition: 0.5s all; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all;}
ul{padding: 0; margin: 0;}
h1,h2,h3,h4,h5,h6,label,p{margin:0;}
.header {padding: 0.5em 0;}
.logo{float: left;}
.header-bottom{float:right; width:60%;}
.guideT{float:right;}
.copyrights{text-indent:-9999px; height:0; line-height:0; font-size:0; overflow:hidden;}


/*--头部导航--*/
.guideT ul li {display:inline-block;}
.guideT ul li:nth-child(5){border-right:none;}
    .guideT ul li a {
        display: inline-block;
        color: #1e71a8;
        text-decoration: none;
        font-weight: 400;
        font-size: 1.2em;
        margin: 1em 0;
        padding: 0.7em 1.2em;
        background: #fff;
        border: 1px solid #1e719b;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
    }
        .guideT ul li a:hover {
            background: #1e71a8;
            border-radius: 4px;
            color: #fff;
            -webkit-border-radius: 4px;
            -o-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            border: 1px solid #EEEFF0;
        }

.guideT ul li.phone a {
		display: inline-block;
		color: #1f6481;
		text-decoration: none;
		font-weight: 900;
		border: 0px;
		padding: 0em 0em;
}
.guideT ul li.phone a:hover {
	background: #fafafa;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-o-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	border: 0px solid #EEEFF0;
}


/*--头部导航end--*/


.content .topdh{padding:0.5em 15px; font-size:1.0em; color:#333333;}
.content .topdh p i{height:15px; width:21px; padding-left:21px;}
.content .topdh a{color:#333333;}




.parallax {
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  color: #fff;
  overflow: hidden;
}
.parallax-overlay {
  background-color: rgba(0, 0, 0, 0.65);
}
.pageTitle {
  padding-top: 50px;
  padding-bottom: 50px;
}

.page-location {
  background-color: rgba(0, 0, 0, 0.4);
  display: inline-block;
  font-size: 14px;
  padding: 7px 12px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.page-location a{color:#fff;}


.pict-slide{background-color:#fff;width:100%;display:block;background-size:auto;}


.banner{background-color: rgba(0, 0, 0, 0.65);width:100%;display:block;background-size:cover;}
.banner-img{width:900px;display:block;margin: 0 auto;}
.certification-img {width: 600px;margin: 0 auto;}
.banner-in{min-height:110px;padding: 1em 0 0;background-color: rgba(0, 0, 0, 0.65);}
.banner-in h1{color:#fff;font-size:3.0em;font-weight:900;margin-top:1em;}
.item-right h1{color:#fff;font-size:4.3em;font-weight:900;text-transform:uppercase;line-height: 0.8em;}
.item-right span{color:#fff;font-size:1.8em;font-weight:100;}
.item-right p{color:#fff;font-size:1.1em;font-weight:100;line-height:1.8em;margin:2em 0;}
.item-right a{
	color:#fff;
	text-decoration:none;
	font-size:2em;
	font-weight: 900;
	background: #4fa7d1;
	padding: 0.5em 0.7em;
	display: inline-block;
	text-transform:uppercase;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
}
.item-right a:hover{background:#44BCEF;}
.item-right a i{width: 30px;height: 40px;display: inline-block;vertical-align:middle;margin: 0 8px 0 0px;}
.banner-matter{padding:2em 1em;}
/*----*/
.content-top{padding:3em 0;}
.grid{
	padding:1.5em 2em ;
	border:1px solid #d9e3e7;
	border-radius:5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	width: 30%;
	margin-right: 5%;
}
.grid:nth-child(3){margin-right:0;}
.grid h3{
	color:#1e719b;
	font-size: 16px;
	font-weight: 600;
	text-transform:uppercase;
	border-bottom:1px dashed #d9e3e7;
	margin-bottom:10px;
}
.grid h3 span{float:right;}
.grid h3 span a{color:#1e719b;}

.grid h3 i{
	width: 60px;
	min-height: 50px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 8px 0 0px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.grid h3 i.mid{background-position: -226px -8px;}
.grid h3 i.just{background-position: -295px -3px;}
.grid p{
	color:#333333;
	font-size:1.1em;
	font-weight:400;
	line-height:1.8em;
	margin: 0em 0 1em;
}
.grid p.fprdt_title{
	color:#333333;
	font-size:1.1em;
	font-weight:400;
	line-height:1.8em;
	margin: 0em 0 0em;
	padding-top:0.5em;
	text-align:center;
	border-top:1px solid #d9e3e7;
}
.grid p.fprdt_title a{color:#333333;}

/*--grid--*/
.grid:hover.grid h3{
	color:#1e719b;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.grid:hover.grid h3 i{ background-position: -164px -46px;}
.grid:hover.grid h3 i.mid{background-position: -226px  -54px;}
.grid:hover.grid h3 i.just{background-position: -295px -46px;}
.grid:hover a.just-do-in{background:#1e719b;	}
a.just-do,a.just-do-in{
	color:#fff;
	text-decoration:none;
	font-size:1.2em;
	font-weight: 600;
	background: #4fa7d1;
	padding: 0.3em 1em;
	display: inline-block;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
}
a.just-do:hover{background:#1e719b;}
.content-grid{padding:2em 0 4em;text-align:center;}
.content-grid h2{color:#1e719b;font-size:2.4em;font-weight:700;}
.content-grid p{color:#333333;font-size:1.1em;font-weight:400;line-height:1.8em;margin: 2.5em 0 0;}
/*----*/
.content-bottom{background:#9e82ae;padding:3em 0;text-align:center;position:relative;}
.content-bottom h3{color:#fff;font-size:4.3em;font-weight:900;text-transform:uppercase;}
.content-bottom p{color:#fff;font-size:2em;font-weight:100;margin:0.5em 0 0;}
.content-bottom i{
	width: 55px;
	min-height: 17px;
	display: inline-block;
	margin:0 auto;
	position:absolute;
	bottom:-17px;
	right: 48%;
}
/*--产品中心 产品列表--*/
ul.prdtlist li{list-style:none;}
ul.prdtlist li a{
	color: #0e4d6f;
	border: 1px solid #D9E3E7;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	padding: 1em;
	text-decoration: none;
	display: block;
	font-size: 1.3em;
	margin: 0em 0 1em;
	font-weight: 400;
}
ul.prdtlist li a:hover {
		background: #1f6481;
		color: #fff;
	}

.grid-service-in .prdt_list_img img {
	width: 100%;
}


.ser-grid h3{color:#1e719b;font-size:1.3em;font-weight:500;text-transform:uppercase;border-bottom:1px dashed #d9e3e7;margin-bottom:10px;}
.ser-grid h3.prdt_title{text-transform:none;}
.ser-grid h3 i{
	width: 60px;
	min-height: 50px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 8px 0 0px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.ser-grid h3 i.mid{background-position: -226px -8px;}
.ser-grid p{color:#333333;font-size:14px;font-weight:400;line-height:1.8em;}
.ser-grid p.prdt_list_title {border-top:2px solid #F0F0F0; padding-top:0.5em;text-align:center; height:40px; line-height:1em;}
.ser-grid p a{color:#333333;}
/*----*/
.ser-grid:hover.ser-grid h3{
	color:#1e719b;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.ser-grid:hover.ser-grid h3 i{background-position: -164px -46px;	}
.ser-grid:hover.ser-grid h3 i.mid{background-position: -226px  -54px;}
.ser-grid:hover a.just-do-in{background:#1e719b;}
.ser-grid:hover a.see{
	text-decoration:none;
}


.ser-grid{
	padding:1em ;
	border:1px solid #d9e3e7;
	border-radius:5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	margin: 3em 0 0;
}
.grid-this h3{color:#1e719b;}

.grid-service h2{color: #1e719b;font-size: 2.4em;font-weight: 700;}
.grid-service p {
	color: #333333;
	font-size: 14px;
	font-weight: 400;
	line-height: 2.5em;
	margin: 2em 0 0;
}
p.you {font-size:1.1em;line-height:1.6em;color:#333333;}

.grid-service .prdt_img img{	
	padding:0.1em;
	border:1px solid #EEE;
	-webkit-appearance:none;
	outline:none;
	color:#777;
	resize:none;
	background:#f9f9f9;		
}
.service-para h4{font-size:2em;color:#9e82ae;padding: 1.3em 0 0.8em;}
.service-name {padding: 0 2em 0 0;}
.service-name:nth-child(2) {padding: 0 0em 0 0;}
.service-name input[type="text"],.service-name textarea {
	width: 100%;
	padding: 11px;
	outline: none;
	border: 1px solid #d9e3e7;
	-webkit-appearance: none;
	background: #f9f9f9;
	border-radius:5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
}
.service-name textarea {resize:none;}
.service-name span {margin: 17px 0px;font-size: 1.1em;width: 100%;color: #838383;font-weight: 500;display:block;}
.send input[type="submit"] {
	border: none;
	outline: none;
	color: #FFF;
	padding: 0.6em;
	font-size: 1.2em;
	font-weight: 500;
	-webkit-appearance: none;
	background:#47a1ce;
	border-radius:5px;
-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;	
	width: 23%;
}
.send input[type="submit"]:hover{background:#1e719b;}
.send {padding: 1em 0 0;}
.service-top {padding: 2.5em 0;}

/*----*/
.contact-head span{color: #777;}
.contact-map iframe{min-height:300px;width:100%;border:none;margin:1.5em 0 1em;}
.contact-map.baidu {min-height:300px;border:none;margin:1em 0 1em;}

.contact {padding: 2.5em 0 2.5em;}
/*--footer--*/
.footer{background:#0e4d6f;padding:1em 0 1em;}
.footer-nav{text-align: center;}
.footer-nav ul li {display:inline-block;}
.footer-nav ul li:nth-child(5){border-right:none;}
.footer-nav ul li  a {display: inline-block;color: #fff;text-decoration: none;font-size: 1em;margin:1em 0em;}
.footer-nav ul li a:hover,.footer-nav ul li.active a{color: #fff;}
.footer-top{border-bottom:1px solid #466F85;padding:2em 0 4em;}
.footer-left p{color:#fff;font-size:1em;font-size: 1.1em;font-weight: 400;}
p.foot{font-size: 1.2em;font-weight: 500;padding: 0.7em 0 0;}

p.footer-class {
	color: #fff;font-size: 1em;line-height: 1.5em;padding: 0.5em 0 0.5em;
	/*padding: 3em 0 2em;*/border-top: 1px solid #d9e3e7;text-align: center;
}
p.footer-class a{color:#2180A9;}
p.footer-class a:hover{color:#fff;text-decoration:none;}


#owl-demo2 p{text-align:center;	}
ul.page li {display:inline-block;float:left;margin:0 0.3em;}
ul.page li span{background-color:#1f6481;padding:0.3em 0.8em;border:1px solid #d9e3e7;color:#fff;}
ul.page li a {padding:0.3em 0.8em;border:1px solid #d9e3e7;color:#333333;}


.main-nav ul li a i {
    margin-left: 7px;
}
.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fa-angle-down:before {
    content: "▼";
}
*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}