.body{ font-family: arial; padding: 0; margin: 0px;}
*{ padding: 0 px; margin: 0px;}
p,h1,h2,h3{ padding: 0px; margin: 0px;}
.header-top .col-sm-3 a{ padding-left: 5px; color:#186de4;}
.header-top .col-sm-3{ color:#186de4; font-size: 18px; padding-top: 25px !important;}
.header-top .row{ padding: 8px 0;}
nav{ background: #1d2329;}
nav ul li{ float: left;width:15.2% ;padding: 8px 0px;text-align: center; }
nav ul li a{ color: #fff; display: block;   text-transform: capitalize;  font-weight: 500; border-right: 1px solid #4a4f54;}
nav ul li a:hover{ color:#fff;}
nav ul li:hover{ background: #0453A9;}
nav ul li.active{ background:#0453a9 ;}
#menuIcon{ display: none;}

.product-index h2,.about-index h2, .hot-index h2,.news-index h2,.case-index h2{ text-align: center; font-size: 25px;padding: 10px 0 0 0; font-weight: bold;}
.line{ height:4px; background: url(../images/line_07.jpg) no-repeat center center;}
.product-index .row .col-sm-3 {    border-radius: 5px; margin-top: 25px;}
.product-index .row .col-sm-3 .thumbnail{background: #02589E; padding: 5px; border-radius:5px ;position: relative; z-index: 2;  }
.product-index ul{ margin-top: 25px;}
.product-index h3{ text-align: center;min-height:52px;}
.product-index p{color: #fff; text-align: center; font-size: 12px; line-height: 20px; padding: 5px 8px; position: relative; z-index: 2;}
.banner img{width: 100%;}

	
	
	

@media only screen and (min-width:777px ) {
	/*-------------menu drop-down---------------*/
	nav ul li ul{display: none; margin-top: 8px; position: absolute;  background: #000; width:9.8%; z-index:100;}
	nav ul li ul li{ display: block; float: none; width: 100%;border-bottom: 1px solid #ccc;  text-align: center; padding: 8px 0px;  border-right:none;}
	nav ul li ul li a{ font-size: 12px; }
	
	/*-----------------index-about-us-----------------------*/
.product-index .col-sm-3 .editor1{display: block; position: absolute; top: 220px; left: 100px;z-index: 0;
			transition: all 300ms linear;
			-webkit-transition: all 300ms linear;
			-moz-transition: all 300ms linear;
			-o-transition: all 300ms linear;
			
			
}

.product-index .col-sm-3:hover .editor1{ display: block; position: absolute; top: 90px; left: 100px;z-index: 4;}
.product-index .editor1 a img{ width: 80%;}

}


.editor1{ display: none;}

.product-index h3 a{ color: #000000; font-size: 14px; }
.product-index a img{ width: 100%;}
.about-p{width: 50%;float: left; padding: 0 10px;}
.about-p .btn-primary{  color: #000;  background: none; border: 2px solid #000; float: right;}
.about-index p{   line-height: 35px;}
.about-index .img-about{ display: block; float: left; width: 50%;}
.img-about  .col-sm-12 ul li{ float: left !important; width:33.3% !important;}
.img-about  .col-sm-12 ul li img{width: 100%;}
.about-index .col-sm-6{ margin-top: 25px;}
.hot-index ul{ margin-top: 25px;}
.hot-index li{float: left; width: 20%; padding: 0 5px;}
.hot-index li img{ width: 100%; }
.hot-index h3{ border: 2px solid #dddedf; width: 100%; padding: 3px; margin-top: 8px; }
.hot-index h3:hover{border: 2px solid #2d7ae6;}
.hot-index h3 a{ font-size: 12px; color: #000; font-weight: bold;}
.hot-index h3 a.btn-primary{ font-size: 11px; background: no-repeat; color:#000; padding: 2px 3px; font-weight: normal; border: 1px solid #DDDEDF;}
.contact-index{ background:url(../images/contact_03.jpg) no-repeat  center/cover; height: 100px; margin: 35px 0;background-color: #197ccd;}
.contact-index .col-sm-6 .btn-primary{ background: none; border: 2px solid #fff; padding: 3px 5px; margin: 35px 0 0 30px;}
.contact-index ul{ margin-top: 35px;}
 .contact-index ul li{ margin: 3px 0;}
 
.contact-index ul li a{ color: #fff;}
.contact-index ul li a:hover{ text-decoration: none;}
.news1{ background:#f3f3f3 ; margin-top: 35px; padding: 20px 20px;}
.news1 h3.title{ font-size: 20px; padding: 10px 0 25px 0;}
.news1 h3.title a.btn-primary{float: right; background: none;  border: none; color: #787878;}
.news-right ul li{ padding: 20px 10px;}
.news-right ul li:hover{ background: #0453a9; color: #fff;}
.news-right ul li:hover a{color: #fff;}
.news-right ul li:hover p{ color: #fff;}
.news-right ul li h3 { font-size: 14px; font-weight: bold;}
.news-right ul li h3 em{ float: right;}
.news-right ul li h3 a{ color: #000;}
.news-right img{ width: 100%;}
.case-index .case1{ text-align: center; padding-top: 25px;}
.case-index .case1 img{ }
.footer-box{ background: url(../images/footer.jpg) no-repeat center bottom/cover;}
.footer{ background: #314050;}
.footer-box .col-sm-6 h2,.footer-box h3{ font-size: 24px; color: #fff; padding: 25px;}
.footer-box .col-sm-6{ padding: 0 15px;}
.footer-r ul{ float: left; width: 50%;}
.footer-box .form-inline .form-control{ width: 49.5%;}
.footer-box .col-sm-6 ul li a { color: #fff; }
.footer-box .col-sm-6 ul li{ padding-left: 25px;}
.hot-list .tab-list{ background: url(../images/l-bg_03.jpg) repeat-x center; padding: 5px 0;}
.hot-list .tab-list a{ color: #000; font-weight: bold; font-size: 15px;}
.hot-list .thumbnail{ margin-bottom: 10px;}
.hot-list ul li {padding: 5px 10px; border-bottom:1px dashed #ccc;}
.hot-list ul li a{ color: #000;}
.news-list h3,.contact-list h3{ font-size: 15px; background: url(../images/l-bg_03.jpg) repeat-x center; font-weight: bold;}
.news-list ul,.contact-list ul{ padding: 0 15px;}
.news-list ul li em{ float: right;}
.news-list ul li{ padding: 5px 0; border-bottom:1px dashed #ccc ;}
.news-list ul li a{color: #000;}
.contact-list ul li{ line-height: 25px; font-weight: bold; }
.contact-list ul li a{ color: #ff611b;}
.online h3{ background: #ff611b; color: #fff; font-size: 15px; font-weight: bold;}
.online input{ margin: 8px 0; }
.online form{ padding: 0 10px;}
.online .btn-primary{ float: right; margin-top: 8px; background: #ff611b; border: none; }
.list-r .list-p h2{ font-size: 14px; color: #fff; background: #0453a9; border: 1px solid #ccc; box-shadow: 2px 2px 2px #888; font-weight: bold; padding: 8px 10px;}
.list-r .list-p h2 a{ float: right; color: #fff; font-size: 12px;}
.list-r .list-p ul li{ float: left; width: 30.3%; margin: 10px 10px; border: 1px solid #ccc; border-radius:5px; box-shadow: 2px 2px 2px #888; padding: 5px;}
.list-r .list-p ul li img{ width: 100%;}
.list-r .list-p ul li h2{ font-size: 14px; font-weight: bold; height:47px; text-align: center; padding: 10px 0;}
.list-r .list-p ul li h2 a{ color: #000;}
.title-show{ background: #0453a9; border: 1px solid #ccc; box-shadow: 2px 2px 2px #888; margin-bottom: 35px;}
.title-show .t1{ font-size: 18px; color: #FFF; padding: 6px 5px;}
.show-dsr .col-sm-5 img{ width:100%;}
.show-dsr p{ line-height: 25px;}
.show-dsr a.hot-dsr{ color: #ff611b; font-size: 16px; display: block; font-weight: bold; padding: 8px 0;}
.btn-show{ margin: 35px 0;}
.show-dsr .col-sm-7 h1{ font-size:28px ;}
.btn-show .btn-primary{ background: #ff611b; border: none; box-shadow: 0px 2px 2px #888; margin: 0 8px;}
.btn-show .btn-primary i{ padding-right: 3px;}
.dsr p{ font-size:16px;  line-height:20px; padding: 8px 0;}
.dsr strong{ color: #0453a9;}
.related{ margin-top: 35px;}
.related h2 {text-align: center;}
.related h2 a{  color: #000;  font-size: 14px; font-weight: bold;}
.related .col-sm-4 img{ width: 100%;}
.inquiry{ padding: 20px; background: #e8e8e8; margin: 15px 0 35px 0;}
.inquiry .btn-primary{background: #ff611b; border: none; box-shadow: 2px 2px 2px #888;}
.dsr h1{ font-size: 20px; padding: 15px 0;}
.dsr p{ line-height: 25px;}
.liuchen img{ width: 90%;}
/*--------------------line For respond---------------------*/
@media only screen and (max-width:776px ) {
	 nav ul li ul{ display: none !important;}
	.header-top .col-sm-9 img{ width: 70%;}
	.header-top .col-sm-3{ padding-top: 15px !important; margin-left: 5px;}
	#menuIcon{ display: block;padding: 8px 0px; border-bottom:1px solid #4a4f54; font-size:16px ; font-weight: bold;  padding-left: 15px;}
	nav ul{ display: none;  z-index: 10;}
	nav ul li{ float: none;  width: 100%;}
	
	.product-index .row .col-sm-3{ padding:0 35px;}
	.about-index p{ line-height: 20px; font-size: 12px; height: 140px; overflow: hidden;}
	.about-index p a.btn-primary{  overflow: visible;}
	.about-p .btn-primary{ padding: 2px 3px;font-size: 12px;}
	
	.hot-index li{float: left; width: 100%; padding: 5px 35px; text-align: center;}
	.contact-index{ background:#0453a9;  height: auto; padding: 0 20px;}
	
	.case-index .case1 img{  width: 80%;}
	
	.footer-box .form-inline .form-control{ width: 99%; margin-top: 15px;}
	.footer-c{ padding-right: 25px;}
	
	.list-r .list-p ul li{ float: none; width: 100%; }
	.list-r .list-p{padding-right:10px ; padding-left: 10px;}
	
	
}
.list-news p{ font-size: 14px; color:#000; padding: 3px 0;}
.list-news p.date1{ font-size: 14px; color: #A5A5A5; padding: 5px 0;}
.list-news h2{ font-size: 18px;}
.list-news ul li { border: 2px solid #024385; padding: 10px; margin: 15px 0;}
a.more1{ float: right; color: #EB9316;}
.dsr table tr td{ border:1px solid #CCC;}
.related h2{ line-height:18px !important;}
.related h2 a:hover{ text-decoration:none; color:#0453a9;}
.wp-pagenavi span{ line-height:25px; display:inline;border-radius:2px; border:1px solid #06C; background:#CCC; padding-left:8px; padding-right:8px; padding-top:6px; padding-bottom:6px;}
.wp-pagenavi a{line-height:25px; display:inline;border-radius:2px; border:1px solid #06C; background:#CCC; padding-left:8px; padding-right:8px; padding-top:6px; padding-bottom:6px;}
.wp-pagenavi span:hover,.wp-pagenavi a:hover{ background:#337ab7; color:#FFF;}
.eq ul li img{ width:360px; height:240px; max-width:100%;}
.eq ul li{ margin-right:4px; margin-top:10px; float:left; width:360px; max-width:100%;}
.eq ul li p{ text-align:center;}

.hot-list .tab-list em{ float: right; margin: 0 5px 0 0; }
.hot-list .tab-list em a{color: #666565; font-size: 12px; font-weight: normal;}



.board{ border:1px solid #eadbdb; padding:25px; border-radius:4px; background:#ffefef;margin-bottom:25px;}
.board .contact-title {/* text-shadow: 2px 2px 0 #C0C0C0; */font-size:36px;font-weight:bold;}
.board p{ margin: 15px 0 30px 0;}
.form-group{max-width:350px;}
.ms{ max-width:100%;}
.btn-f{background:#0e9123;color:#fff;}
.board p{ margin: 15px 0 30px 0;}
.btn-f:hover{color:#ccc;}
 .form-group textarea{ min-height:150px;}
 .title-show .t1{ font-size: 18px; color: #FFF; padding: 6px 5px;}