﻿HTML BODY {
	MARGIN:0px;  PADDING:0px; TEXT-ALIGN:left; FONT-SIZE:16px; FONT-FAMILY:"微软雅黑","宋体";color:#454545;-webkit-font-smoothing: antialiased;
}
html{-webkit-text-size-adjust:none; }

TD,div {font-family: "微软雅黑","宋体";font-size: 16px; color: #454545; line-height:20px;-webkit-font-smoothing: antialiased;}

INPUT,TEXTAREA {BORDER-WIDTH:1px; BORDER-COLOR:cccccc;background:ffffff;font-family: "微软雅黑","宋体";}


A {TEXT-DECORATION:none;color:#454545; font-size:16px
}

A:hover {
	COLOR:#0b63c4; TEXT-DECORATION:none; font-size:16px/* TOP:1px; LEFT:1px; POSITION:relative;*/
}

.clear{clear:both;}



.IndexFlash
{
	width:100%;
	height:362px;
	overflow:hidden;
	margin:auto;
	background:#ffffff;
	text-align:left;
}

/*#Content img{border:#a5a5a5 solid 1px}
*/
.bt{
	FONT-SIZE: 16px;
	COLOR: #ffffff;
	BORDER: NONE;
	CURSOR:pointer;
	background:#0e519a;;
	width:150px;
	height:40px;
	line-height:40px
}

#demost {
overflow:hidden;
width: 100%;
height:505px;
}
#indemo {
float: left;
width: 800%;
}
#demo1e {
float: left;
}
#demo211 {
float: left;
}






.news_p{width:100%; margin:auto; text-align:left; height:40px; line-height:40px; color:#454545; font-size:14px}
.news_p_a{ color:#454545;font-size:14px}
.news_p_a:hover{ color:#454545; font-size:14px}



.index_ppp{ }
.index_ppp img{-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s; }
.index_ppp img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1); }

#ContentTable tr{ height:40px}

.inputform1{ height:25px; border:1px solid #cccccc; padding-left:4px}
.inputform2{ border:1px solid #cccccc; padding:4px}

.viewmore-btn {font-size: 0;display: inline-block;position: relative;}
.viewmore-btn a {display: block;border: 1px solid #ccc;padding: 15px 30px;}
.viewmore-btn span{font-size: 16px;color: #666;display: inline-block;vertical-align: middle;margin-right: 10px;z-index: 3;position: relative;}
.viewmore-btn i{width: 9px;height: 12px;display: inline-block;vertical-align: middle;margin-right: 10px;background:#1a5ea2;background-size:100% 100%;margin-top: 3px;position: relative;z-index: 3;opacity: .5;}
.viewmore-btn a::before {content: '';display: block;width:5px;height: 100%;position: absolute;left: 0;top: 0;background: #1a5ea2;z-index: 1;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.viewmore-btn a:hover::before{width: 100%;}
.viewmore-btn a:hover span {color: #fff;}
.viewmore-btn a:hover i{background:#ffffff;background-size:100% 100%;opacity: 1;}

.index-newslist {overflow: hidden;}
.index-newslist a{display: block;overflow: hidden;}
.index-newslist a .img{position: relative;overflow: hidden;}
.index-newslist a:hover .img img.img-center{transform: scale(1.1);}


.index_news_content {
	width:100%;
	margin:auto
}
.index_news_content_1 {
	float:left;
	width:45.8%;
	padding-bottom:20px;
	margin:1%;
	padding:1%;
	border:1px solid #cccccc;
}
 @media screen and (max-width:1400px) {
.index_news_content {
width:100%;
margin:auto
}
.index_news_content_1 {
float:left;
width:45.8%;
padding-bottom:20px;
margin:1%;
padding:1%;
border:1px solid #cccccc;
}
}
 @media screen and (max-width:1024px) {
.index_news_content {
width:100%;
margin:auto;
}
.index_news_content_1 {
float:left;
width:95%;
padding-bottom:20px;
border:1px solid #cccccc;
margin:1%;
padding:1%;
}
.suspension {
display:none
}
}
 @media screen and (max-width:481px) {
.index_news_content {
width:100%;
margin:auto
}
.index_news_content_1 {
float:left;
width:95%;
padding-bottom:20px;
border:1px solid #cccccc;
margin:1%;
padding:1%;
}
.suspension {
display:none
}
}

.index_product_wap{ display:none}
.index_product_web{ display:block}
.index_about_web{ width:1200px; margin:auto}
.index_about_content{ line-height:30px; width:100%; margin:auto}
.flink{float:left;line-height:30px;text-align:center; width:10%; padding-bottom:10px}
.flink_t{ float:left; width:20%; margin-bottom:10px; margin-top:10px}
.flink_t img{ width:200px; height:100px; border:1px solid #eeeeee}

.bottom{ width:1200px; margin:auto;line-height:30px; color:#ffffff; text-align:center; margin-top:20px}
.bottom a{ color:#ffffff}
.bottom a:hover{ color:#ffffff}
.wap_bottom_top{ display:none}
.footer{ display:none}


	 
.page_inc{width:100%; margin:auto; height:50px; border-bottom:1px solid #eeeeee; border-top:1px solid #eeeeee;}
.page_inc_body{ width:1200px; margin:auto;text-align:left; color:#222222; height:50px; line-height:50px}
.page_in{width:1200px; margin:auto; background:url(../images/page_in_bg.jpg)}
.page_in_left{float:left; width:270px; padding-top:20px}
.page_in_middle{float:left; width:30px;}
.page_in_right{float:left; width:900px}
.page_in_right_inc{height:50px; border-bottom:1px solid #eeeeee;width:900px; margin:auto; line-height:50px; color:#222222; font-size:22px; text-align:left}
.about_more{margin:auto;line-height:25px;text-align:left; width:900px;padding-top:10px}

.left_a_title{width:268px; height:80px; line-height:80px; background:#0b63c4; margin:auto; font-size:20px; color:#ffffff; text-align:center}

.pro_zlb_title{ display:none}
.pro_zlb{ display:none}

 @media screen and (max-width:1400px) {
.page_inc{width:100%; margin:auto; height:50px; border-bottom:1px solid #eeeeee; border-top:1px solid #eeeeee;}
.page_inc_body{ width:90%; margin:auto;text-align:left; color:#222222; height:50px; line-height:50px}

.page_in{width:100%; margin:auto; background:url(../images/page_in_bg.jpg); float:none}
.page_in_left{width:100%; padding-top:0px; float:none}
.page_in_middle{ display:none}
.page_in_right{width:100%; }
.page_in_right_inc{height:50px; border-bottom:1px solid #eeeeee;width:90%; margin:auto; line-height:50px; color:#222222; font-size:22px; text-align:left}
.about_more{margin:auto;line-height:25px;text-align:left; width:90%;padding-top:10px}
.about_more img{ width:100%}

.left_page_bg{	width:100%;margin:auto; background:url(../images/left_bg.jpg) repeat}
.left_a_title{width:100%; height:50px; line-height:50px; background:#0b63c4; margin:auto; font-size:20px; color:#ffffff; text-align:center}

.pro_zlb_title{width:90%;height:50px;line-height:50px;border-bottom:1px solid #cccccc;text-align:left;margin:auto; display:block}
.pro_zlb{ display:block;width:100%;
	margin:auto; background:url(../images/left_bg.jpg) repeat}
	 }

 @media screen and (max-width:1024px) {
.page_inc{width:100%; margin:auto; height:50px; border-bottom:1px solid #eeeeee; border-top:1px solid #eeeeee;}
.page_inc_body{ width:90%; margin:auto;text-align:left; color:#222222; height:50px; line-height:50px}

.page_in{width:100%; margin:auto; background:url(../images/page_in_bg.jpg); float:none}
.page_in_left{width:100%; padding-top:0px; float:none}
.page_in_middle{ display:none}
.page_in_right{width:100%; }
.page_in_right_inc{height:50px; border-bottom:1px solid #eeeeee;width:90%; margin:auto; line-height:50px; color:#222222; font-size:22px; text-align:left}
.about_more{margin:auto;line-height:25px;text-align:left; width:90%;padding-top:10px}
.about_more img{ width:100%}

.left_page_bg{	width:100%;margin:auto; background:url(../images/left_bg.jpg) repeat}
.left_a_title{width:100%; height:50px; line-height:50px; background:#0b63c4; margin:auto; font-size:20px; color:#ffffff; text-align:center}

.left_no1{ display:none}
.pro_zlb_title{width:90%;height:50px;line-height:50px;border-bottom:1px solid #cccccc;text-align:left;margin:auto; display:block}
.pro_zlb{ display:block;width:100%;
	margin:auto; background:url(../images/left_bg.jpg) repeat}
	 }

 @media screen and (max-width:481px) {
.page_inc{width:100%; margin:auto; height:50px; border-bottom:1px solid #eeeeee; border-top:1px solid #eeeeee;}
.page_inc_body{ width:90%; margin:auto;text-align:left; color:#222222; height:50px; line-height:50px}

.page_in{width:100%; margin:auto; background:url(../images/page_in_bg.jpg); float:none}
.page_in_left{width:100%; padding-top:0px; float:none}
.page_in_middle{ display:none}
.page_in_right{width:100%; }
.page_in_right_inc{height:50px; border-bottom:1px solid #eeeeee;width:90%; margin:auto; line-height:50px; color:#222222; font-size:22px; text-align:left}
.about_more{margin:auto;line-height:25px;text-align:left; width:90%;padding-top:10px}
.about_more img{ width:100%}

.left_page_bg{	width:100%;margin:auto; background:url(../images/left_bg.jpg) repeat}
.left_a_title{width:100%; height:50px; line-height:50px; background:#0b63c4; margin:auto; font-size:20px; color:#ffffff; text-align:center}

.pro_zlb_title{width:90%;height:50px;line-height:50px;border-bottom:1px solid #cccccc;text-align:left;margin:auto; display:block}
.pro_zlb{ display:block;width:100%;
	margin:auto; background:url(../images/left_bg.jpg) repeat}
	 }
	 
.about_news_img{ width:100%; margin:auto}
.about_news_body{float:left; width:25%; text-align:center; padding-bottom:10px}
.about_news_body_img{width:202px; height:152px; border:1px solid #cccccc; margin:auto}
.about_news_body_img img{ width:200px; height:150px; border:1px solid #ffffff}
.about_news_body_title{width:204px; text-align:center; line-height:40px;color:#454545; font-size:14px; margin:auto; height:40px}

.pro_pro_body{float:left; width:25%; text-align:center; padding-bottom:10px}
.pro_pro_body_img{width:202px; height:152px; border:1px solid #cccccc; margin:auto}
.pro_pro_body_img img{ width:200px; height:150px; border:1px solid #ffffff}
.pro_pro_body_title{width:204px; text-align:center; line-height:40px;color:#454545; font-size:14px; margin:auto; height:40px}


 @media screen and (max-width:1400px) {
.about_news_img{ width:100%; margin:auto}
.about_news_body{float:left; width:50%; text-align:center; padding-bottom:10px}
.about_news_body_img{width:98%; border:1px solid #cccccc; margin:auto; height:auto}
.about_news_body_img img{ width:90%;  border:1px solid #ffffff; height:auto}
.about_news_body_title{width:96%; text-align:center; line-height:40px;color:#454545; font-size:14px; margin:auto; height:40px}

.pro_pro_body{float:left; width:50%; text-align:center; padding-bottom:10px}
.pro_pro_body_img{width:98%; border:1px solid #cccccc; margin:auto; height:auto}
.pro_pro_body_img img{width:90%;  border:1px solid #ffffff; height:auto}
.pro_pro_body_title{width:96%; text-align:center; line-height:40px;color:#454545; font-size:14px; margin:auto; height:40px}
	 }
 @media screen and (max-width:1024px) {
.about_news_img{ width:100%; margin:auto}
.about_news_body{float:left; width:100%; text-align:center; padding-bottom:10px}
.about_news_body_img{width:98%; border:1px solid #cccccc; margin:auto; height:auto}
.about_news_body_img img{ width:90%;  border:1px solid #ffffff; height:auto}
.about_news_body_title{width:96%; text-align:center; line-height:40px;color:#454545; font-size:14px; margin:auto; height:40px}

.pro_pro_body{float:left; width:100%; text-align:center; padding-bottom:10px}
.pro_pro_body_img{width:98%; border:1px solid #cccccc; margin:auto; height:auto}
.pro_pro_body_img img{width:90%;  border:1px solid #ffffff; height:auto}
.pro_pro_body_title{width:96%; text-align:center; line-height:40px;color:#454545; font-size:14px; margin:auto; height:40px}
	 }
 @media screen and (max-width:481px) {
.about_news_img{ width:100%; margin:auto}
.about_news_body{float:left; width:100%; text-align:center; padding-bottom:10px}
.about_news_body_img{width:98%; border:1px solid #cccccc; margin:auto; height:auto}
.about_news_body_img img{ width:90%;  border:1px solid #ffffff; height:auto}
.about_news_body_title{width:96%; text-align:center; line-height:40px;color:#454545; font-size:14px; margin:auto; height:40px}

.pro_pro_body{float:left; width:100%; text-align:center; padding-bottom:10px}
.pro_pro_body_img{width:98%; border:1px solid #cccccc; margin:auto; height:auto}
.pro_pro_body_img img{width:90%;  border:1px solid #ffffff; height:auto}
.pro_pro_body_title{width:96%; text-align:center; line-height:40px;color:#454545; font-size:14px; margin:auto; height:40px}
	 } 
	 
	 
.news_list {
	width:900px;
	margin:auto;
	border-bottom:1px solid #dfdfdf;
	padding-top:20px;
	padding-bottom:20px
}
.news_list_date {
	width:80px;
	float:left;
	text-align:center
}
.news_list_middle {
	width:30px;
	float:left
}
.news_list_title {
	float:left;
	text-align:left;
	width:790px
}


 @media screen and (max-width:1400px) {
.news_list {
	width:900px;
	margin:auto;
	border-bottom:1px solid #dfdfdf;
	padding-top:20px;
	padding-bottom:20px
}
.news_list_date {
	width:80px;
	float:left;
	text-align:center
}
.news_list_middle {
	width:30px;
	float:left
}
.news_list_title {
	float:left;
	text-align:left;
	width:790px
}
	 }
 @media screen and (max-width:1024px) {
.news_list {
width:100%;
margin:auto;
border-bottom:1px solid #dfdfdf;
padding-top:20px;
padding-bottom:20px
}
.news_list_date {
width:23%;
float:left;
text-align:center
}
.news_list_middle {
width:2%;
float:left
}
.news_list_title {
float:left;
text-align:left;
width:75%
}
	 }
 @media screen and (max-width:481px) {
.news_list {
width:100%;
margin:auto;
border-bottom:1px solid #dfdfdf;
padding-top:20px;
padding-bottom:20px
}
.news_list_date {
width:20%;
float:left;
text-align:center
}
.news_list_middle {
width:2%;
float:left
}
.news_list_title {
float:left;
text-align:left;
width:78%
}

	 } 
	 
.menu_line{ width:1px ; background:url(../images/menu_line.jpg); height:55px; float:left; margin-top:5px}

.menu_a {  width:170px; height:55px; line-height:55px; text-align:center; border-top:5px solid #ffffff}
.menu_a a{ color:#222222; font-size:18px;width:170px; height:55px; line-height:55px; display:block}
.menu_a a:hover{ color:#222222; font-size:18px;width:170px; height:55px; line-height:55px; display:block}

.menu_ab {  width:170px; height:55px; line-height:55px; text-align:center; border-top:5px solid #0b63c4}
.menu_ab a{ color:#0b63c4; font-size:18px;width:170px; height:55px; line-height:55px; display:block;}
.menu_ab a:hover{ color:#0b63c4; font-size:18px;width:170px; height:55px; line-height:55px; display:block;}

.web_top{
   }


	.yuand {
  overflow: hidden;
  padding: 60px 0;
}
.yuand div {
  float: left;
  width: 25%;
  text-align: center;
}
.yuand div .day {
  width: 124px;
  height: 125px;
  display: block;
  margin: 0 auto;
  background: url(../css/.com/css/_blank) no-repeat center top;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.yuand div .day:hover {
  background-position: center bottom;
}
.yuand div .day.dd1 {
  background-image: url(../images/lm1.png); width:125px
}
.yuand div .day.dd2 {
  background-image: url(../images/lm2.png);width:125px
}
.yuand div .day.dd3 {
  background-image: url(../images/lm3.png);width:125px
}
.yuand div .day.dd4 {
  background-image: url(../images/lm4.png);width:125px
}
.yuand div h2 {
  font-size: 20px;
  font-weight: normal;
  padding: 15px 0 0;
}
.yuand div h2 a {
  display: block;
  text-align: center;
  color: #363636;
}
.yuand div h2 a:hover {
  color: #ff7300;
}
.yuand div em {
  display: block;
  text-align: center;
  text-transform: uppercase;
  color: #666;
  font-size: 12px;
}

.c_anjian {
  text-align: center;
}
.c_anjian a {
  display: inline-block;
  margin: 0 15px;
  height: 46px;
  line-height: 46px;
  width: 216px;
  text-align: center;
  font-size: 14px;
  color: #333;
  -webkit-border-radius: 24px;
     -moz-border-radius: 24px;
          border-radius: 24px;
  background: #dadada;
  -webkit-box-shadow: 0 0 15px #e7e7e7;
     -moz-box-shadow: 0 0 15px #e7e7e7;
          box-shadow: 0 0 15px #e7e7e7;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.c_anjian a:hover {
  background: #ff7300;
  -webkit-box-shadow: 0 0 15px #0b63c4;
     -moz-box-shadow: 0 0 15px #0b63c4;
          box-shadow: 0 0 15px #0b63c4;
  color: #fff;
}



.c_anjian1 {
  text-align: center;
}
.c_anjian1 a {
  display: inline-block;
  margin: 0 15px;
  height: 46px;
  line-height: 46px;
  width: 216px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  -webkit-border-radius: 24px;
     -moz-border-radius: 24px;
          border-radius: 24px;
  background: #0b63c4;
  -webkit-box-shadow: 0 0 15px #e7e7e7;
     -moz-box-shadow: 0 0 15px #e7e7e7;
          box-shadow: 0 0 15px #e7e7e7;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.c_anjian1 a:hover {
  background: #ff7300;
  -webkit-box-shadow: 0 0 15px #0b63c4;
     -moz-box-shadow: 0 0 15px #0b63c4;
          box-shadow: 0 0 15px #0b63c4;
  color: #fff;
}

.c_anjian2 {
  text-align: center;
}
.c_anjian2 a {
  display:block;
  height: 46px;
  line-height: 46px;
  width: 216px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  -webkit-border-radius: 24px;
     -moz-border-radius: 24px;
          border-radius: 24px;
  background: #0b63c4;
  -webkit-box-shadow: 0 0 15px #e7e7e7;
     -moz-box-shadow: 0 0 15px #e7e7e7;
          box-shadow: 0 0 15px #e7e7e7;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; margin:auto
}
.c_anjian2 a:hover {
  background: #ff7300;
  -webkit-box-shadow: 0 0 15px #6885b4;
     -moz-box-shadow: 0 0 15px #6885b4;
          box-shadow: 0 0 15px #6885b4;
  color: #fff;
}

.container{width: 1200px;margin-right: auto;margin-left: auto;}
.prj-con li{float: left;}
.projects{position: relative;}
.hdp a{position: absolute;display: block;width: 30px;height: 84px;top:130px;cursor: pointer;}
.hdp a.next{right: -50px;background: url(../images/right.png) no-repeat center;}
.hdp a.prev{left: -35px;background: url(../images/left.png) no-repeat center;}
.hdp a.next:hover{background: url(../images/right.png) no-repeat center;}
.hdp a.prev:hover{left: -35px;background: url(../images/left.png) no-repeat center;}
.prj-con li{position: relative;margin: 0 11px;}
.prj-con li img{padding: 5px;width: 270px;height: 340px;}
.prj-con li a.prj-a{border: 1px solid #ccc;display: block;margin-bottom: 10px;text-align: center;height: 350px;}
.prj-con li a span{position: absolute;border-radius: 50%;display: block;width: 55px;height: 55px;background: #0b63c4 url(../images/sea.png) no-repeat center;top: 0;margin: 0 auto;margin-left: 105px;margin-top: 167px;display: none;}
.prj-con li:hover a span{display: block;}
.prj-con li p b{color: #0b63c4;}
.prj-con li a.prj-more{display: block;width: 60px;background: #0b63c4;color: #fff;text-align: center;margin-top: 10px;margin-bottom: 20px;}

.bottom_menu a{ color:#ffffff; font-size:16px}
.bottom_menu a:hover{ color:#ffffff; font-size:16px}


.con{width: 1200px;margin-top: 10px; margin:auto}




.proa li{ border-bottom:1px dotted #ccc; float:left; padding:10px; margin-bottom:30px; position: relative; width:100%; height:140px;}
.proa li a.proa{  margin-right:20px; width:180px; height:135px; position:absolute; left: 10px; top:10px;}
.proa li a img{width:180px; height:135px;}
.proa li h2 a{ color:#444; font-size:16px; position:absolute; left:200px; top:10px;}
.proa li p{ position:absolute;left:200px; top:40px;width:1020px; height:65px; color:#666; font-size:13px; line-height:1.8;}
.proa li a.more{ position:absolute; right:60px; top:110px; padding:5px 10px; border:1px solid #ccc; color:#444;}
.proa li:hover a{ color:#0b63c4; border-color:#0b63c4;-webkit-transition: all .5s;transition: all .5s; }
.proa li:hover{ background:#f4f4f4;-webkit-transition: all .5s;transition: all .5s; }
.proa li:hover h2{ color:#0b63c4;-webkit-transition: all .5s;transition: all .5s; }

.page_left_main{margin:auto; text-align:center;display:inline-block; width:100%}
.left_yes{ width:10.5%; background:#f77609; height:40px; line-height:40px; margin-left:1%; margin-right:1%;display:inline-block; text-align:center}
.left_yes a{ color:#ffffff; display:block; width:100%; height:40px; line-height:40px}
.left_yes a:hover{ color:#ffffff; display:block; width:100%; height:40px; line-height:40px}

.left_no{ width:10.5%; background:#0b63c4; height:40px; line-height:40px; margin-left:1%; margin-right:1%;display:inline-block; text-align:center}
.left_no a{ color:#ffffff; display:block; width:100%; height:40px; line-height:40px}
.left_no a:hover{ color:#ffffff; display:block; width:100%; height:40px; line-height:40px}

#Content p{ padding-bottom:20px}


