html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,fieldset,legend,button,menu{margin:0;padding:0;line-height:1.5em;font-size:12px;font-family:arial,Microsoft Yahei,"微软雅黑";}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
summary{outline:0;}
li{list-style:none; white-space:normal;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;font-family:arial,Microsoft Yahei,"微软雅黑";}
del,ins,u,s,a,a:hover{text-decoration:none;}
textarea,input,button,select,keygen,legend{font:12px/1.5 Arial,Microsoft Yahei,"微软雅黑",\5b8b\4f53;color:#575f67;outline:0;}
body{background:#fff;font-family:arial,Microsoft Yahei,"微软雅黑";}
a,a:hover{color:#575f67;font-family:arial,Microsoft Yahei,"微软雅黑";}
a:hover{ transition-duration: 0.5s; }
a {
  transition: 0.1s all;
  text-decoration: none;
}
ul, li {
	list-style: none;
	margin: 0;padding: 0;
}

.container {
	width: 1080px;
	padding: 0;
}

.container {
 margin-right: auto;
  margin-left: auto;
}
.header-top {
	padding: 6px 0;
	background-color: #fff;
}
.logo {
  float: left;
}
.logo h1 {
	margin: 0;
}
.logo h1 a{
  color: #27b0dd;
  text-decoration: none;
  display: block;
}
.hotline {
	float: right;height: 75px;
	margin-right: 20px;
}
.header-icons {
  float: right;
}
.header-icons ul{
  list-style: none;
  padding:0px;
	margin-top: 20px;
	margin-right: 5px;
}
.header-icons ul li{
 display: inline-block;
}
.header-icons ul li a span {
  width: 30px;
  height: 30px;
	border-radius: 30px;
	text-align: center;
	line-height: 30px;
  display: inline-block;
  margin: 0 2px;
	font-weight: bold;
	font-size: 16px;
	color: #fff;
	background-color: #9dafc2;
}
.header-icons ul li a.on span {
	background-color: #283c51;
}
.header-icons ul li a span:hover {
  background-color: #27b0dd;
}
nav.navbar {
	min-height: inherit;
}
nav.navbar.navbar-inverse.navbar-static-top {
  background: #fff;
  border: none;
  margin: 0em;
}
ul.nav.navbar-nav {
  margin: 0;
}
ul.nav.navbar-nav  li {
  float: left;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
	color: #27b0dd;
  background-color: #fff;
}
ul.nav.navbar-nav {
	font-size: 0;
}
ul.nav.navbar-nav li a {
  color: #575f67 !important;
  font-size: 16px;
	width: 100%;
	padding: 0;
	height: 40px;
	line-height: 40px;
}
/*ul.nav.navbar-nav li a:hover {
  background: #27b0dd;
}*/
.navbar-nav {
  float: none;
  text-align:center;
}
/*--header end here--*/
/*--banner start here--*/
.banner {
	width:100%; height:620px; 
}
.banner img{
	height:620px; min-width: 1900px;
}
.pro_banner {
    width: 100%;
    height: 350px;
    background: url(../images/ban_bj.jpg) no-repeat top center;
}
.pro_banner1 {
    width: 100%;
    height: 350px;
    background: url(../images/ban_bj1.jpg) no-repeat top center;
}
.pro_banner2 {
    width: 100%;
    height: 350px;
    background: url(../images/ban_bj2.jpg) no-repeat top center;
}
.pro_banner3 {
    width: 100%;
    height: 350px;
    background: url(../images/ban_bj3.jpg) no-repeat top center;
}
.pro_banner5 {
    width: 100%;
    height: 350px;
    background: url(../images/ban_bj5.jpg) no-repeat top center;
}
.banner.sub {
	width: 100%;
	height: 380px;
	overflow: hidden;
}
.banner.sub img {
	
	height: 380px;
}
.banner.sub .owl-dots {
	display: none;
	bottom: 80px;
}
.banner .owl-carousel .owl-nav {
	top: 50%;
	z-index: 1;
	opacity: 0;
	transition: opacity 0.2s
}
.banner .owl-carousel .owl-nav .owl-prev {
	left: 0;height: 120px;top: -60px;
	background-image: url(../images/prevArrow.png);
	background-position: left
}
.banner .owl-carousel .owl-nav .owl-next {
	right: 0;height: 120px;top: -60px;
	background-image: url(../images/nextArrow.png);
	background-position: right
}
.banner:hover .owl-carousel .owl-nav {
	opacity: 1;
}
.bann-pop {
  width: 60%;
  margin: 0 auto;
  padding: 29.6em 0em 0em 0em;
  position: relative;
}
.bann-grid {
  border-bottom: 1px solid #ccc;
  padding: 1em 1em 1em 1em;
}
.bann-grid-total {
  background: #fff;
}
.bann-text {
  padding: 0px;
}
.bann-text h4 {
  font-size: 1.45em;
  font-weight: 600;
  color: #283c51;
  margin: 0em 0em 0.1em 0em;
}
.bann-text p {
  margin: 0em 0em 0.5em 0em;
}
.bann-para p {
  font-size: 0.95em;
  font-weight: 400;
  color: #676767;
  line-height: 1.6em;
  padding: 1em;
  text-align: center;
}
.bann-text p {
  font-size: 0.95em;
  font-weight: 400;
  color: #676767;
  line-height: 1.6em;
}
.bann-img img {
  border-radius: 67px;
  cursor: pointer;
}
span.plus {
  background: url(../images/plus.png)no-repeat;
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  top: 44%;
  left: 94%;
  z-index: 1;
}
.bann-grid-left {
  padding: 0px 10px;
}

.wedo {
  padding: 20px 0 40px 0;
}
.wedo-main {
	overflow: hidden;
}
.we-do-top {
  text-align: center;
	float: left;
	width: 700px;
}
.we-do-top img {
	width: 100%;
}
.we-do-grid {
  text-align: center;
}
.we-do-grid img {
	height: 80px;
}
.wedo-main h3 {
  font-size: 16px;
  color: #575f67;
  padding: 6px 0;
  text-align: left;
	border-bottom: 1px solid #ddd
}
.we-do-top p {
  font-size: 12px;
  line-height: 22px;
  color: #666;
  width: 100%;
  text-align: left;
  margin-top: 12px;
}
.we-do-grid p {
  font-size: 14px;
  font-weight: 400;
  color: #999;
	padding: 0 10px;
}
.wedo-main .line {
	width: 1px;height: 180px;
	background-color: #eee;
	float: left;
	margin-left: 24px;
	margin-top: 20px;
}
.wedo-main .right {
	float: right;
	width: 330px;
	position: relative;
	overflow: hidden;
}
.wedo-main .right > a {
	display: block;
	width: 100%;
	font-size: 12px;
	color: #666;
	height: 32px;line-height: 32px;
	padding-right: 50px;
	border-bottom: 1px dashed #ddd;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: url(../images/arr2.png) no-repeat right / 20px;;
}
.wedo-main .more {
	float: right;
	font-size: 10px;
	color: #999;
	border: 1px solid #ddd;
	padding: 4px 5px 4px 5px;
	line-height: 10px;
	position: relative;
	top: 2px;
}
/*--we do end here--*/
/*--who we do start here--*/
.who-we {
	padding: 20px;
	overflow: hidden;
	background-color: #f4f4f4;
}
.who-we h2 {
	text-align: center;
	width: 700px;
	margin: auto;
	margin-bottom: 20px;
	font-size: 34px;
	color: #fff;
	margin-top: 30px;
}
.who-we a.more {
	font-size: 0;
	width: 40px;height: 30px;
	background: url(../images/more.gif) no-repeat center / contain;
	position: absolute;
	right: 0;top: -30px;
}
.who-we h2 i {
	padding: 0 90px;
	margin: 0 40px;
	background: url(../images/line.gif) repeat-x center
}
.who-we .container {
	padding: 10px 0;
	position: relative;
}
.who-we .container .owl-carousel a {
	display: block;
	height: 205px;background-color: #fff;
	overflow: hidden;
	border: 1px solid #eaeaea;
	border-radius: 4px;
}
.who-we .container a:hover {
	text-decoration: none;
}
.who-we .container .owl-carousel a span {
	display: block;
	width: 100%;
	height: 175px;
	overflow: hidden;
}
.who-we .container .owl-carousel a h5 {
	display: block;
	text-align: center;
	color: #666;
	font-size: 14px;
        font-weight: normal;
	line-height: 30px;
	border-top: 1px solid #eee
}
.who-we-main {
  text-align: center;
}
.who-we-main h3 {
  font-size: 2.8em;
  color: #fff;
  margin: 0em 0em 0.1em 0em;
  
}
.who-we-main p {
  font-size: 1em;
  font-weight: 400;
  color: #fff;
  width: 60%;
  margin: 0em auto 1.5em;
}
/*--who we do end here--*/
/*--recent start here--*/
.recent {
  padding: 50px 0;
}
.recent .container{
	padding: 0;
}
.recent li {
	overflow: hidden;
}
.recent-left .content {
	overflow: hidden;
}
.recent-left img {
  display: inline !important;
	width: 250px !important;
	vertical-align: text-bottom;
}
.recent-main h3 {
  font-size: 26px;
	line-height: normal;
  color: #27b0dd;
  margin-bottom: 10px;
}
.recent-main h4 {
	display: block;
  font-size: 16px;
  font-weight: 600;
  color: #333c4a;
  overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 6px;
}
.recent-main .left {
	float: left;
}
.recent-main p {
  font-size: 14px;
  color: #818181;
  line-height: 25px;
	width: 204px;height: 80px;
	overflow: hidden;
	margin-right: 10px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.recent-left .left a {
  display: block;
  color: #fff;
  background: #283c51;
	text-align: center;
  padding: 8px 0;
  text-decoration:none;
	width: 120px;
	margin-top: 20px;
}
.recent-btn a:hover {
	background:#27b0dd;
	text-decoration:none;
}
/*--recent end here--*/
/*--industery start here--*/
.industry {
  background: url(../images/cbg.jpg)no-repeat center / contain;
  height: 330px;
  background-size: cover;
}
.industry-main {
  padding: 6em 0em 0em 0em;
  text-align: center;
}
.industry-main p a {
	text-decoration: underline;
}
.industry-main p {
  font-size: 1em;
  font-weight: 400;
  color: #fff;
  line-height: 1.6em;
  width: 65%;
  margin: 0 auto;
}
.industry-main h4 {
  font-size: 1.2em;
  font-weight: 400;
  color: #27b0dd;
  margin: 0.4em 0em 0.4em 0em;
}
.indus-btn {
  margin: 3em 0em 0em 0em;
}
.indus-btn a {
  font-size: 1em;
  font-weight: 400;
  color: #fff;
  padding: 0.6em 1.5em 0.6em 1.5em;
  border: 1px solid #fff;
}
.indus-btn a:hover {
  border:1px solid #283c51;
  background:#27b0dd;
  text-decoration:none
}
/*--industery end here--*/
/*--footer start here--*/
/*footer*/
.footer{ float:left; width:100%; background:#414254; margin-top:30px;}
.main_footer{ margin:0px auto; width:99%; margin-top:40px; padding-bottom:55px; line-height:54px; border-bottom:1px solid #38394a;}
.f_logo{ float:left; border:none; margin-bottom:20px;}
.f_menu{ float:right; width:720px; margin-top:4px;}
.f_menu ul{ float:left; width:100%; color:#919498;}
.f_menu ul li{ float:left; font-family:"微软雅黑", Microsoft Yahei, Arial; font-size:12px; color:#bebfbf; line-height:40px; display:block; }
.f_menu ul li a{ float:left; color:#bebfbf; padding-left:32px; padding-right:32px; display:block; text-decoration:none;}
.f_menu ul li a:hover{ color:#919498; text-decoration:none}

.footer_cbox{ float:left; width:100%;}
.fcontact{ margin:0px auto; width:100%; font-family:"微软雅黑", Microsoft Yahei, Arial; font-size:12px; color:#bebfbf; padding-top:20px;text-align:center;}
.fcontact a{ color:#bebfbf; display:inline-block; line-height:24px; padding:0px 15px; }
.fcontact a img {
	position: relative;
	top: 3px;
}
.footer_copyright{ float:left; width:100%; margin-top:20px; padding-bottom:10px; text-align:center;}
.copyright{ margin:0 auto; color:#919498; font-family:"微软雅黑", Microsoft Yahei, Arial; font-size:12px;}
.copyright a{ color:#919498; text-decoration:none; display:inline-block}
.copyright a:hover{ color:#fa7e0a; text-decoration:none;}/*--footer end here--*/
/*--about start here--*/
.about {
  padding: 3em 0em 4em 0em;
}
.about-head {
  padding: 0em 0em 3em 0em;
  text-align: center;
}
.about-head h3 {
  font-size: 2.8em;
  color: #27b0dd;
  margin: 0em 0em 0.1em 0em;
  
}
.about-head p {
  font-size: 1em;
  font-weight: 400;
  color: #838383;
  width: 60%;
  margin: 0em auto 0em;
}
.about-grid h4 {
  font-size: 1.4em;
  margin: 0.5em 0em 0.1em 0em;
  
}
.about-grid h4 a{
  color: #283c51;
  text-decoration:none;
}
.about-grid p {
  font-size: 1em;
  font-weight: 400;
  color: #838383;
  line-height: 1.6em;
}
.ab-info-btn {
  margin: 1.5em 0em 0em 0em;
}
.ab-info-btn a {
  padding: 0.5em 1em 0.5em 1em;
  font-size: 1em;
  font-weight: 400;
  color: #fff;
  background:#27b0dd; 
}
.ab-info-btn a:hover{
	background: #283c51;
	text-decoration:none;
}
.advantages {
  background:rgba(52, 73, 94, 0.64);
  background-size: cover;
  padding: 4em 0em 4em 0em;
}
.advan-left {
  float: left;
  width: 42%;
   border: 1px solid #fff;
   padding:2em;
}
.advan-right {
  float: right;
  width: 42%;
  border: 1px solid #fff;
  padding:2em;
}
.advantag-grid h3 {
  font-size: 2.3em;
  font-weight: 400;
  color: #fff;
  margin: 0em 0em 0em 0em;
	
}
.advantag-grid h4 {
  font-size: 1.2em;
  color: #283c51;
  margin: 0em 0em 0em 0em;
	
}
.advantag-grid p {
  font-size: 1em;
  font-weight: 400;
  color: #E4E4E4;
  line-height: 1.6em;
}
.advant-btn {
  margin:1.2em 0em 0em 0em;
}
.advant-btn a {
  padding: 0.5em 1.5em 0.5em 1.5em;
  font-size: 1em;
  font-weight: 400;
  color: #fff;
  background: #27b0dd;
  text-decoration: none;
}
.advant-btn  a:hover {
  background: #575f67;
  text-decoration: none;
}
.team-mem {
  padding: 3em 0em 4em 0em;
}
.team-top h3 {
  font-size: 2.5em;
  color: #27b0dd;
  margin: 0em 0em 1em 0em;
  text-align:center;
  
}
.team-grid {
  text-align: center;
}
.team-grid h4 {
  font-size: 1.4em;
  font-weight: 600;
  color: #283c51;
  margin: 0.5em 0em 0em 0em;
  
}
.team-grid p {
  font-size: 1em;
  font-weight: 400;
  color: #838383;
  line-height: 1.6em;
}
/*--about end here--*/
/*--services start here--*/
.service {
  padding: 3em 0em 3em 0em;
}
.service-top {
  padding: 0em 0em 2em 0em;
  text-align: center;
}
.services-bott1 {
  margin: 2em 0em 0em 0em;
}
.service-top h3 {
  font-size: 2.8em;
  color: #27b0dd;
  margin: 0em 0em 0.1em 0em;
  
}
.service-top p {
  font-size: 1em;
  font-weight: 400;
  color: #838383;
  width: 60%;
  margin: 0em auto 0em;
}
.serv-img {
  padding: 0px;
}
.serv-text h4 {
  font-size: 1.4em;
  font-weight: 400;
  margin: 0em;
  
}
.serv-text h4 a {
  color: #27b0dd;
  text-decoration:none;
}
.serv-text p {
  font-size: 1em;
  font-weight: 400;
  color: #838383;
  line-height: 1.7em;
}
.ser-btn {
  margin-top: 1.8em;
}
.ser-btn a {
  font-size: 0.95em;
  font-weight: 400;
  color: #fff;
  background: #283c51;
  padding: 0.4em 1em 0.4em 1em;
  text-decoration:none;
}
.ser-btn a:hover {
	background: #575f67;
  text-decoration:none;
}
.prapos {
  padding: 5em 0em 5em 0em;
  background: url(../images/home-bann.jpg)no-repeat;
  background-size: cover;
}
.prapos-left h4 {
  font-size: 1.7em;
  font-weight: 400;
  margin: 0em;
  color: #fff;
  line-height: 1.25em;
  
}
.prapos-left p {
  font-size: 1em;
  font-weight: 400;
  color: #27b0dd;
  line-height: 1.7em;
}
.prapos-btn {
  text-align: center;
  margin: 1.5em 0em 0em 0em;
}
.prapos-btn a {
  font-size: 1em;
  font-weight: 400;
  color: #fff;
  background: #283c51;
  padding: 0.6em 1.5em 0.6em 1.5em;
  text-decoration: none;
}
.prapos-btn a:hover {
  background: #27b0dd;
}
.features {
  padding: 3em 0em 4em 0em;
}
.features-top {
  text-align: center;
  padding-bottom: 3em;
}
.features-top h3 {
  font-size: 2.5em;
  color: #27b0dd;
  margin: 0em;
  
}
.features-top h4 {
  font-size: 1.23em;
  font-weight: 400;
  color:#575f67;
  margin: 0em;
  width: 67%;
  margin: 0 auto;
  
}
.featur-grid h4 {
  font-size: 1.23em;
  font-weight: 400;
  margin: 0em;
  color:#283c51;
  
}
.featur-grid ul {
  padding: 0em;
  list-style: none;
}
.featur-grid ul li {
  margin: 0.5em 0em 0em 0em;
}
.featur-grid ul li a {
  font-size: 1em;
  font-weight: 400;
  color: #7E7E7E;
  text-decoration: none;
  background: url(../images/li-arr.png)no-repeat;
  padding: 0px 0px 0px 22px;
}
.featur-grid ul li a:hover {
  color: #575f67;
  text-decoration:none;
}
/*--services end here--*/
/*--single--*/
.blog-to {
  padding: 0em 0 2em;
}
.blog-top {
  padding: 1em 0 0;
}
ul.men-grid li{
	display:inline-block;
}
.top-blog p{
	font-size:1em;
	color: #838383;
  line-height: 1.9em;
}
p.sed1{
	font-size:1.1em;
}
.top-blog p a{
	text-decoration:none;
	color:#283c51;
}
.top-blog  a.fast{
	text-decoration:none;
	font-size:1.1em;
	color:#283c51;
}
.top-blog a.fast:hover,.top-blog p a:hover,ul.popular li a:hover,a.more-dummy:hover{
	color:#283c51;
}
i.glyphicon.glyphicon-ok-sign {
  margin: 0em 0.51em 0em 0em;
}
p.sed2 {
  margin: 0.5em 0 1em;
  
}
.single-inline {
  padding: 0 15px;
}
.single-middle h1,.single-bottom h2{
font-size: 2.5em;
  color: #27b0dd;
  text-align: center;
  margin: 0 0 0.7em;
  
}
.single-bottom {
  padding: 0em 0 4em;
}
.single-bottom input[type="text"], .single-bottom textarea {
  width: 100%;
  padding: 1em;
  background: none;
  outline: none;
  border: 1px solid #A09F9F;
  font-size: 1em;
  color:#838383;
  -webkit-appearance: none;
}
.single-bottom  input[type="submit"]{
	width: 10%;
	font-size: 1.3em;
	background: #283c51;
	padding: 0.4em 0.8em;
	text-align: center;
	color: #fff;
	border: none;
	outline:none;
	-webkit-appearance: none;
	  margin: 0 0.8em;
}
.single-bottom  input[type="submit"]:hover{
	background:#27b0dd;
}
 .single-bottom textarea {
	resize:none;
	min-height:180px;
	 margin: 1em 1em;
	width: 97.6%;
 }
.media-body h4{
	  font-size: 1.3em; 
}
.media-body h4 a{
  color: #283c51;
  text-decoration:none;
}
.media-body p {
  margin: 0.7em 0 0em;
  font-size: 1em;
 color: #838383;
  line-height: 1.9em;
}
.media {
  margin: 0em 0 3em;
}
.single-bottom h3 {
  font-size: 2.5em; 
  color: #2d2d2d;
  text-align: center;
  margin: 0.5em 0 1em;
}
.md-in{
	padding:0;
}
.in-media{
	padding:0 0 0 5em;
}
 ul.grid-part li{
	list-style:none;
    margin: 0em 0em 0.3em 0em;
}
 ul.grid-part li a{
  color:#838383;
  text-decoration: none;
  padding: 0em 0em 0em 1.3em;
  display: block;
  font-size: 1em;
  background: url(../images/li-arr.png)no-repeat;
}

 ul.grid-part li a:hover{
	color:#1b3e5c;
}
ul.grid-part {
  margin: 0.5em 0 2em;
}
.single {
  padding: 4em 15px 0;
}
/*--//single--*/
/*--gallery start here--*/
.gallery {
  padding: 3em 0em 3em 0em;
}
.gallery-top {
  padding: 0em 0em 3em 0em;
  text-align: center;
}
.gallery-1 {
  margin: 0em 0em 2em 0em;
}
.gallery-top h3 {
  font-size: 2.8em;
  color: #27b0dd;
  margin: 0em 0em 0.1em 0em;
  
}
.gallery-top p {
  font-size: 1em;
  font-weight: 400;
  color: #838383;
  width: 60%;
  margin: 0em auto 0em;
}
/*--gallery end here--*/
/*--page start here--*/
.pages {
  padding: 3em 0em 3em 0em;
}
.bread-crumbs {
  padding: 2em 0em 2em 0em;
}
.alerts {
  padding: 2em 0em 2em 0em;
}
.appearance {
  padding: 2em 0em 0em 0em;
}
.progress-bars {
  margin: 2em 0em 0em 0em;
}
ul.nav.nav-pills {
  margin: 1em 0em 0em 0em;
}
/*--page end here--*/
/*--event start here--*/
.event {
  padding: 5em 0em 5em 0em;
}
.event-top h4 {
  font-weight: 700;
  font-size: 2.2em;
  color: #283c51;
  background: #fff;
  padding: 8px 50px;
  position: absolute;
  top: 21.5%;
  left: 34%;
}
.event-top h3 {
  font-weight: 700;
  font-size: 13em;
  color: #27b0dd;
}
.event-top h5 {
  font-weight: 600;
  font-size: 2.55em;
  color:#283c51;
  margin: 16px 0px 0px 0px;
}
.event-top p {
  font-weight: 600;
  font-size: 17px;
  color: #7E7E7E;
}
.e-btn{
	margin-top:3em;
}
.e-btn a{
	background: #283c51;
  padding: 12px 45px;
  font-size: 17px;
  color: #fff;
  font-weight: 600;
}
.e-btn a:hover{
	background: #27b0dd;
	text-decoration:none;
}
.event-top {
  text-align: center;
  position: relative;
}
/*--event end here--*/
/*--contact start here--*/
.map iframe {
  width: 100%;
  height: 300px;
}
.contact-top {
  text-align: center;
  padding: 0em 0em 3em 0em;
}
.contact-top h3 {
  font-size: 2.8em;
  color: #27b0dd;
  margin: 0em 0em 0.1em 0em;
  
}
.contact-top p {
  font-size: 1em;
  font-weight: 400;
  color: #838383;
  width: 60%;
  margin: 0em auto 0em;
}
.contact-right input[type="text"] {
  font-size: 1em;
  font-weight: 400;
  color: #737373;
  padding: 0.4em 0.5em;
  width: 100%;
  margin: 0em 0em 1em 0em;
  outline: none;
}
.contact-right textarea {
  font-size: 1em;
  font-weight: 400;
  color: #737373;
  width: 100%;
  height: 10em;
  resize: none;
  outline: none;
  margin: 0em 0em 0.5em 0em;
  padding: 0.4em 0.5em 0.5em 0.5em;
}
.contact-right input[type="submit"] {
  font-size: 1em;
  font-weight: 400;
  color: #fff;
  padding: 0.51em 2em 0.51em 2em;
  border: none;
  background: #283c51;
  outline: none;
  margin: 0em 0em 0em 0em;
}
.contact-right input[type="submit"]:hover {
  background: #27b0dd;
    transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
}
.contact-left h3 {
  font-size: 2em;
  color: #283c51;
  margin: 0em 0em 0.1em 0em;
  
}
.contact-left h4 {
  font-size: 1.3em;
  color: #575f67000;
  margin: 0em 0em 0.1em 0em;
  
}
.contact-left p {
  font-size: 1em;
  font-weight: 400;
  color: #838383;
  line-height: 1.8em;
}
.contact-right h3 {
  font-size: 2em;
  color: #283c51;
  margin: 0em 0em 0.1em 0em;
  
}
.map {
  padding: 0em 0em 3em 0em;
}
/*--contact end here--*/
.we-do-bottom {
	overflow: hidden;
	clear: both;
}
.we-do-bottom .we-do-grid {
	width: 25%;float: left;
}
/*//*/
.backtotop {
	position: fixed;
	right: 2px;bottom: 100px;
	width: 40px;height: 40px;
	background: url(../images/bttp.gif) no-repeat center / 40px;
	z-index: 99;
	display: none;
	cursor: pointer;
}
/*.twoside{
	padding-top:100px;
}*/
.twoside .container {
	overflow: hidden;
	padding: 20px 0 0 0;
}
.leftside {
	float: right;
	width: 240px;
	background-color: #fff;
}
.leftside .ewm {
	width: 150px;
	margin-left: 20px;
	margin-top: 10px;
}
.leftside a {
	display: block;
	padding: 10px 15px;
	color: #797979;
	font-size: 12px;
	margin:5px 0;
	background-color: #eee;
}
.leftside a i {
	float: left;
	width: 20px;
	text-align: center;
	font-size: 20px;
	line-height: 20px;
	font-style: normal;
}
.leftside a:hover,
.leftside a.cur {
	background-color:#ff9600;
	color: #fff;
}

.leftcon{float:left; width:240px; padding-left:10px; height:299px; background:url(../images/left_con.png) left top no-repeat;}
.leftcon h1{ font-size:20px; line-height:38px; color:#fff; font-weight: normal;}
.left_midd{float:none;font-weight: normal;}


.left_midd_b{ font-weight: normal;}
.left_midd_b h2{ padding-right:10px;font-size:12px; line-height:24px; color:#fff;font-weight: normal;}

.leftside h4 {
	display: block;
	padding: 0 15px;
	height: 45px;line-height: 45px;
	font-size: 16px;
	font-weight:normal;
	background: url(../images/pro_bj.jpg) no-repeat top center;
	color: #fff;
	margin-bottom: 0;
}
.leftside h4 img {
	width: 20px;
	margin-right: 10px;
	vertical-align: text-bottom;
}
.rightside {
	float: left;
	margin-right: 30px;
	width: 810px;
	background-color: #fff;
	margin-bottom: 40px;
}
.rightside h4 {
	height: 40px;line-height: 40px;
	overflow: hidden;
	position: relative;
	display: block;
	font-size: 16px;
	color:#333c4a;
	margin: 0;
	border-bottom: 1px solid #ddd
}
.rightside .contents {
	padding: 15px 0;
	/*border-left: 6px solid rgb(193, 193, 193);*/
}
/*//文章*/
.rightside .contents .article2 {
	overflow: hidden;
}
.rightside .contents .article2 p {
	font-size: 12px;
	color: #434c58;
	line-height: 28px;
	text-indent:25px;
}

.rightside .contents .article {
	overflow: hidden;
}
.rightside .contents .article p {
	font-size: 12px;
	color: #434c58;
	line-height: 28px;
}
.rightside .contents .article p img {
	width: 100%;
	margin: 10px 0
}
.rightside .contents .article h3 {
	font-size: 22px;
	color: #2b66a5;
	padding-bottom: 10px;
	border-bottom: 1px solid #ededed;
	margin-bottom: 26px;
}
.rightside .contents .article .prod {
	overflow: hidden;
}
.rightside .contents .article .prod h3 {
	text-align: center;
}
.rightside .contents .article .prod p img {
	width: 400px;margin: auto;
	display: block;
	float: left;
}
.rightside .contents .article .prod .pro_date {
	width: 300px;float: left;
	margin-left: 50px;
	clear: right;
}
.rightside .contents .article .prod .pro_date h1 {
	font-size: 16px;
        font-weight: normal;
}
.rightside .contents .article .prod .pro_info_mid_l {
	overflow: hidden;
	clear: both;
}
.rightside .contents .article .prod .pro_info_mid_l h1 {
	font-size: 16px;
	color: #333c4a;
	padding: 10px 0;
	border-bottom: 1px solid #ddd
}
.rightside .contents .article .btn {
	float: right;
	margin-top: 20px;
	border: 1px solid #c9c9c9;
	padding: 4px 16px;
	color: #666;
}
.rightside .contents .article .btn:hover {
	border-color: #27b0dd;color: #27b0dd
}
#form1 {
	font-size: 12px;
}
.rightside .contents .article #form1 p {
	font-size: 12px;
}
.rightside .contents .article #form1 input {
	height: 30px;margin: 6px 0;
	text-indent: 4px;
}
.rightside .contents .article #form1 textarea {
	vertical-align: text-top;
	margin: 6px 0;
}
.rightside .contents .article #form1 .btn {
	float: none;margin: 0;background: none;
	text-indent: inherit;
}
#form1 .btn {
	font-size: 12px;
}
.rightside .contents .article .contact {
	overflow: hidden;
}
.rightside .contents .article .contact .left {
	float: left;
	line-height: 30px;
}
.rightside .contents .article .contact .left p {
	line-height: 34px;
}
.rightside .contents .article .contact img {
	float: left;margin-left: 30px;
}
.rightside .contents .article h6 {
	font-size: 22px;
	text-align: center;
}
.rightside .contents .article .time {
	display: block;
	font-size: 12px;
	text-align: center;
	margin-bottom: 10px;
	color: #434c58;
	border-bottom: 1px dashed #ddd;
	padding-bottom: 8px;
}
/*新闻列表*/
.rightside .contents .newsul a {
	display: block;
	color: #575f67;
	font-size: 14px;
	width: 100%;
	padding-right: 100px;
	position: relative;
	padding: 10px 0;
border-bottom: 1px dashed #ddd;
}
.rightside .contents .newsul a i {
	font-style: normal;
	position: absolute;
	right: 0;top: 0;
	padding: 6px;
}
.rightside .contents .newsul a:hover {
	color: #0073ae;
}
/*产品*/
.rightside .contents .productul {
	overflow: hidden;
}
.rightside .contents .productul a {
	float: left;
	display: block;
	width: 252px;
	margin-right: 18px;
	margin-bottom: 20px;
}
.rightside .contents .productul a .iwp {
	display: block;
	width: 100%;
        text-align: center;
	height: 150px;
	overflow: hidden;
}
.rightside .contents .productul a img {
	height: 100%;
}
.rightside .contents .productul a h5 {
	margin: 0;
	padding: 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: #797979;
        font-weight: normal;
	text-align: center;
}
.rightside .contents .productul a:hover {
	border-color: #27b0dd;text-decoration: none;
}
/*//*/
.dede_pages {
	margin: 30px 0 20px 0;
	text-align: center;
}

.dede_pages ul {
	margin: auto;
	list-style: none;
	display: inline-block;
	padding: 0;
	font-size: 16px;
}

.dede_pages ul li {
	width: auto;
	min-width: 20px;
	border: 1px solid #d3d3d3;
	border-radius: 2px;
	background-color: #fff;
	display: inline-block;
	*zoom: 1;
	*display: inline;
	color: #969696;
	font-size: 12px;
	margin: 0;
	vertical-align: middle;
}

.dede_pages ul li a {
	color: #434c58;
	text-decoration: none;
	display: block;
	font-size: 12px;
	min-width: 30px;
	padding: 4px;
}

.dede_pages ul .on {
	color: #fff;
	background-color: #0073ae;
}
.dede_pages ul .on a {
	color: #fff
}

.dede_pages ul li a:hover {
	text-decoration: none;
        color: #fff;
}

.dede_pages ul li:hover{
	background-color: #0073ae;
        color: #fff;
}

.dede_pages ul li.lihover a {
	color: #fff;
	text-decoration: none;
}
.dede_pages ul li.lst {
	padding: 4px;
}
/*foot*/
.pageFooter { clear:both; background:#272727;}
.pageFooter .row {
	margin-left: 0;
	border-bottom: 1px solid #fff
}
.pageFooter,.pageFooter a { color:#bbb;font-size: 14px;}
.pageFooter a:hover { color:#27b0dd; text-decoration:underline;}
.pageFooter .small_text { font-size:13px; font-weight:400; display:inline-block;}
.pageFooter .wrap { width:1080px; margin: auto;}
.foot01 { clear:both; overflow:hidden;padding:30px 0 0 0;}
.foot01 .hd { line-height:2; margin-bottom:5px;}
.foot01 .hd .n { font-size:18px; color:#fff;text-align: left;}

.contactBox { margin-right:20px;}
.foot01 .contacts {overflow:hidden;width:304px;}
.foot01 .follow { border-top:#676767 1px solid; padding:12px 0; margin-bottom:10px;}
.foot01 .follow a:hover .si { filter:alpha(opacity=100); opacity:1;}

.productBox { padding-left:60px;}
.foot_pro { overflow:hidden;}
.foot_pro li { padding-bottom:2px;}

.footForm .input,.footForm .textarea { width:100%; background:#606060; border:#3d3d3d 1px solid; padding:5px; color:#e1e1e1; font-family:Arial; font-size:12px; box-sizing:border-box}
.footForm .input { height:32px; line-height:32px;}
.footForm .textarea { height:80px;}
.footForm .btn { background:#0b9de0; color:#fff; font-family:Arial; font-size:18px; padding-left:18px; padding-right:18px; height:35px; line-height:14px; box-sizing:border-box}
.footForm li { padding-bottom:20px;}

.foot02 { clear:both;line-height:20px; padding:10px 0;text-align: center}
.pageFooter .bottom {
	width: 340px;
	padding: 0;
}
.pageFooter .bottom ul li a {
	color: #bbb;
}
.pageFooter .ewm {
	width: 90px;
	padding-top: 10px;
}
.span-4 {
	float: left;
}
.menu {
	width:160px;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	
}
.menu h2 {
	height:20px;
	line-height:4px;
	padding: 0;
	margin-bottom: 0;
	margin-top: 5px;
}
.menu h2 a {
	font-size:14px;
	font-family:"微软雅黑";
	color:#ffffff;
}
.menu li {
	height:24px;
	line-height:24px;
}
.menu li a {
	color:#666;
}
.menu li a:hover {
	text-decoration: underline;
}

.Width{ margin:0 auto; width:1080px;}
/*inner top*/
.top{ width:100%; /*height:60px;*/ background:#fff /*background:url(../images/top_bg.gif) repeat-y; background-position:center top;*/}
.head{ float:left; width:100%; height:100px;}
.in_logo{ float:left;margin-top: 10px;}
.top_rt{ float:right; width:770px;margin-top: 8px;}
.in_logo img {
	width: 300px;
}

/*topmenu*/
.top_navi{ float:right; width:100%; margin-top:20px; z-index:10;}
.top_navi ul{ float:right; width:100% font-family:"微软雅黑",Microsoft Yahei; font-size:14px;}
.top_navi ul li{ float: left;list-style:none; margin-left: 32px;font-size:14px;}
.top_navi ul li a{text-decoration:none; color:#575f67; text-align:center; display:block; height:30px; line-height:30px; /*border-bottom-color:#fff; border-bottom-style:solid; border-right-width:3px;*/}
.top_navi ul li a:hover{ color:#ff9600 !important;text-decoration:none;/* border-bottom-color:#1152aa; border-bottom-style:solid; border-right-width:3px;*/ font-size:14px; font-weight:bold }
.current_nav a{ color:#0073ae !important; text-decoration:none;  font-size:14px; font-weight:bold}
.top_navi li img {
	width: 70px;
	margin-top: -35px;
}
/*topmenu*/
/*inner top*/
.Width.index {
	/*position: absolute;*/
	left: 0;top: 0;
	z-index: 2;
	width: 100%;
}
.Width.index .head {
	width: 1080px;
	margin: auto;
	float: none;
}
.Width.index .top_navi {
	margin-top: 32px;
}
.Width.index .head ul li {
	margin-left: 30px;
}
.Width.index .head ul li a {
	color: #575f67;font-size: 14px;
}
.Width.index .top_navi ul li.current_nav,
.Width.index .top_navi ul li:hover {
	border-bottom:1px solid #fff;
}
.Width.index .top_navi ul li.current_nav a,
.Width.index .top_navi ul li a:hover {
	color: #ff9600 !important;
	font-size: 14px;
	font-weight: normal;
	padding-bottom:24px; border-bottom:2px solid #ff9600
}

.pro-menu{
	float:left;
	width:240px;

}
.pro-menu-title{ float:left; width:100%; height:32px; line-height:32px; font-size:16px; font-family:Microsoft Yahei; color:#111; font-weight:bold;}
.tree{ float:left; width:100%; font-size:14px; font-family: "微软雅黑",Microsoft Yahei; /*border-top:3px solid #55a0c7;*//* border-left:1px solid #a0a0a0; border-right:1px solid #a0a0a0; border-bottom:1px solid #a0a0a0;*/ }

.main_pro{
	width:1080px;
	padding-left:10px;
	margin: auto;
	padding: 20px 0;
	overflow: hidden;
}
/*contact*/
.cont_box{ float:left; width:570px;}
.feedback_box{ float:right; width:430px; margin-top:0px;}
.c_dt{ float:left; width:512px; height:127px; background:url(../images/c_bg.png) no-repeat top center}
.c_dt_1{ float:left; width:80%; padding:0px 10px; margin-left:20px; line-height:24px; color:#797979; font-family:"微软雅黑", Microsoft Yahei, Arial; font-size:12px;}
.c_dt_2{ float:left; width:80%; padding:0px 10px; margin-left:20px; margin-top:10px; line-height:24px; color:#797979; font-family:"微软雅黑", Microsoft Yahei, Arial; font-size:12px;}
.c_dt_3{ float:left; width:80%; padding:0px 10px; margin-left:20px; margin-top:10px; line-height:24px; color:#797979; font-family:"微软雅黑", Microsoft Yahei, Arial; font-size:12px;}
.c_dt_2 a{ color:#7a7c7d; text-decoration:none;}
.c_dt_2 a:hover{ color:#494d4f !important; text-decoration:underline;}

.c_map{ float:left; width:100%; margin-top:10px;}

.c_list{ float:left; width:100%; margin:30px 0px; font-size:12px; font-family:"微软雅黑", Microsoft Yahei, Arial;}
.c_list ul{ float:left; width:100%;}
.c_list ul li{ float:left; width:100%; line-height:24px; color:#7a7c7d;}
.c_list ul li a{ color:#7a7c7d; text-decoration:none;}
.c_list ul li a:hover{ color:#494d4f !important; text-decoration:underline;}


.fb_ti{ float:left; width:100%; line-height:32px; color:#797979; font-family:"微软雅黑", Microsoft Yahei, Arial; font-size:16px;text-indent: 20px;}
.fb_form{ float:left; width:100%; margin-top:20px;}
.c_dt {
	margin-bottom: 10px;
}
#dituContent div {
	font-size: 12px !important;
}
#form1 input,
#form1 textarea {
	border: 1px solid #c3c3c3
}
#form1 td {
	padding:  7px 0;
}
.newsshow div{
	font-size:14px;
	line-height:22px;
}
.newsshow p{
	font-size:14px;
	line-height:22px;
}



.top_rt {
	position: relative;
}
.langs img {
	width: 25px;
}
.langs {
	position: absolute;
	right: 100px;top: 5px;
}
.langs a {
	margin-right: 2px;margin-left: 15px;
}
.footer_cbox {
	position: relative;
}
.footer_copyright,
.fcontact {
	position: relative;
}
.botmimg {
	width: 330px;
	position: absolute;
	right: -50px;
	bottom: 10px;
}
.newsx {
	padding: 20px 0;
	width: 1120px;
	margin: auto;
}
.newsx h4 {
	margin-bottom: 10px
}
.newsx img {
	display: block;
	margin: auto;
}
.newsx ul {
	overflow: hidden;
}
.newsx ul li {
	overflow: hidden;
	width: 50%;height: 70px;
	padding: 20px 0;
	position: relative;
	float: left;
}
.newsx ul li .tmb {
	position: relative;
	height: 100%;
	margin-right: 15px;
	float: left;
	padding-left: 20px;
}
.newsx ul li .tmb img {
	width: 100px;
	height: 100%;
}
.newsx ul li .txt {
	padding-right: 20px;
}
.newsx ul li h5 {
	font-size: 14px;
	font-weight: normal;
	color: #333
}
.newsx ul li h6 {
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	margin-top: 8px;
	color: #888;
	height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	
}