/* CSS Document */
*{margin:0;padding:0;}
body,h1,h3,h4,div,ul,li,table,tr,td,dt,dl,dd,p,span,em,b,img,a,input,label,form,table,tr,td{margin:0;padding:0;}
body{font-size:14px; font-family:Microsoft YaHei;color:#333333;overflow-x:hidden; zoom:1; position:relative;background:#ffffff; line-height:120%;}
html, body, input, button {
    font-family: "microsoft yahei", "黑体", "宋体", Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
}

ul,li{list-style:none;}
a{text-decoration:none; color:#333333; }
a:hover{color:#004fa0; text-decoration:none;}
img,input{border:none;vertical-align: middle;}
.over{overflow:hidden; *zoom:1;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.clear:after{content:"";clear:both;display: block; height: 0; line-height: 0;} 
.clear_l {clear:both;}

/*导航按钮*/
.topwrap {width:100%; height:auto; background:#ffffff;}
 @media screen and (min-width: 801px) {    
	.topcon {width:1200px; height:90px; margin:0 auto; }
	.logo {float:left; width:378px; height:90px;}
	.icon-item { display:none;}
	.nav {float:right; width:730px; height:90px; margin-left:60px;}
	.nav li:first-child {border-left:1px solid #eeeeee;}
	.nav li {float:left;border-right:1px solid #eeeeee; height:90px; font-size:16px; color:#333333; line-height:90px;  text-align:center;align-items:center;}	
	.nav li a {width:120px;float:left; font-size:16px; color:#333333;text-align:center;align-items:center;}
	.nav li a:hover {width:120px;float:left; font-size:16px; color:#ffffff; background:#0362c3;text-align:center;align-items:center;}
	.nav li a.current {width:120px;float:left; font-size:16px; color:#ffffff; background:#0362c3;text-align:center; align-items:center;}
}
@media screen and (max-width: 800px) { 
    .topcon {width:100%;height:70px; position:relative;}
	.logo {float:none; width:70%; position:absolute; top:0px; left:0; overflow:hidden;}
	.logo img {border:none; width:100%;}
	.icon-item {width:48px; line-height:48px; position:absolute; top:5px; right:10px; outline:none;}
	.icon-item img {border:none;}
	.nav {width:100%; background:#000000; position:absolute; top:60px; display:none; z-index:10000;}
	.nav li {width:100%; height:40px; line-height:40px; text-align:center; border-bottom:1px solid #f2f2f2;}
	.nav li a {width:100%; height:40px; line-height:40px; text-align:center; color:#ffffff;}
	.nav li a:hover {width:100%; height:40px; line-height:40px; text-align:center; color:#216aea;}
	.nav li a.current {width:100%; height:40px; line-height:40px; text-align:center; color:#216aea;}	
	/*.icon-item:hover~ .nav {display: block;}*/

}

/*首页产品*/
 @media screen and (min-width: 801px) {
	 .index_cp_wrap { width:1200px; height:auto; margin: 0 auto; }
	 .index_cp {float:left; width:300px; position:relative; cursor:pointer;}
	 .index_cp_info {width:80%; height:auto; position:absolute; top:10%; left:10%;}
	 .index_cp_info h3 {font-weight:normal; font-size:20px; color:#f6f6f6; margin-bottom:20px;}
	 .index_cp_info p {font-size:14px;color:#f6f6f6;}
	 .index_cp_hover {opacity: 0; width:300px; height:441px;top:0px;background:#216aea;
position:absolute;
display: block;
font-size: 12px;
transition: 0.3s;
-webkit-transition: .5s;
-moz-transition: .5s;}
	 .index_cp:hover .index_cp_hover {opacity: 0.8;}
	 }
	 
@media screen and (max-width: 800px) { 
    .index_cp_wrap {width:100%; height:auto; position:relative;} 
	.index_cp {float:left; width:45%; position:relative; cursor:pointer; margin:0 1% 15px 3%;}
	.index_cp img {width:100%; height:auto;}
	.index_cp_info {width:80%; height:auto; position:absolute; top:10%; left:10%; z-index:1000;}
	.index_cp_info h3 {font-weight:normal; font-size:16px; color:#f6f6f6; margin-bottom:12px;}
	.index_cp_info p {font-size:13px;color:#f6f6f6;}
	.index_cp_hove {display:none;}

}
/*首页关于我们*/
 @media screen and (min-width: 801px) {
	 .index_about_wrap {width:1200px; min-height:200px; height:auto; margin:0 auto;}
	 .index_about_title {width:300px; height:50px; line-height:50px; font-size:24px;margin:35px auto; text-align:center; background:url(../images/bg_line.png) 50% 50% no-repeat;}
	 .index_about_img {width:46%; float:left; padding-left:1%;padding-right:2%;}
	 .index_about_info {width:46%; float:right; padding-left:2%;padding-right:1%; font-size:15px; line-height:180%;}
	 .index_about_button {width:145px; height:45px; line-height:45px; background:#216aea; color:#ffffff; font-size:15px; text-align:center; margin-top:10px;}
	 .index_about_button a {background:#216aea; color:#ffffff; font-size:15px; display:block;}
	 .index_about_button a:hover {background:#ff6600; color:#ffffff; font-size:15px; display:block;}
	  }
	  
@media screen and (max-width: 800px) {
	  .index_about_title {width:100%; height:50px; line-height:50px; font-size:24px;margin:20px auto; text-align:center; background:url(../images/bg_line.png) 50% 50% no-repeat;}
	  .index_about_wrap {width:100%; min-height:200px; height:auto; margin:0 auto;}
	  .index_about_img {width:90%; float:none;margin:15px auto; }
	  .index_about_img img {width:100%;}
	  .index_about_info {width:90%; float:none; margin:15px auto;font-size:15px; line-height:180%;}
	  .index_about_button {width:145px; height:45px; line-height:45px; background:#216aea; color:#ffffff; font-size:15px; text-align:center; margin-top:10px;}
	 .index_about_button a {background:#216aea; color:#ffffff; font-size:15px; display:block;}
	 .index_about_button a:hover {background:#ff6600; color:#ffffff; font-size:15px; display:block;}
	 }
	 
/*首页新闻资讯*/
 @media screen and (min-width: 801px) {
	 .index_news_title {width:300px; height:50px; line-height:50px; font-size:24px;margin:20px auto; text-align:center; background:url(../images/bg_line.png) 50% 50% no-repeat;}
	 .index_news_wrap {width:1200px; min-height:200px; height:auto; margin:40px auto;}	
	 .index_news_left {width:582px; min-height:200px; height:auto; float:left; margin-left:9px;} 
	 .index_news_right {width:582px; min-height:200px; height:auto; float:left; margin-left:18px;}
	 .index_news_img {width:582px; height:174px;}
	 .index_news_ul {width:95%; height:auto; margin:10px auto;}
	 .index_news_ul li {width:100%; border-bottom:1px solid #dddddd; height:45px; line-height:45px; text-align:left; color:#333333; position:relative;}
	 .index_news_ul li a {width:100%; height:45px; line-height:45px; text-align:left; color:#333333;}
	 .index_news_ul li a:hover {width:100%; height:45px; line-height:45px; text-align:left; color:#004fa0;}
	 .index_news_ul li .time {color:#666666; position:absolute;right:10px; top:1px;}	 
	  }
@media screen and (max-width: 800px) { 
     .index_news_title {width:100%; height:50px; line-height:50px; font-size:24px;margin:20px auto; text-align:center; background:url(../images/bg_line.png) 50% 50% no-repeat;}
	 .index_news_wrap {width:100%; min-height:200px; height:auto; margin:40px auto;}	
	 .index_news_left {width:90%; min-height:200px; height:auto; float:none; margin:0 auto;} 
	 .index_news_right {width:90%; min-height:200px; height:auto; float:none;  margin:0 auto;}
	 .index_news_img {width:100%; }
	 .index_news_img img {width:100%;}
	 .index_news_ul {width:95%; height:auto; margin:10px auto;}
	 .index_news_ul li {width:100%; border-bottom:1px solid #dddddd; height:45px; line-height:45px; text-align:left; color:#333333; position:relative; overflow:hidden;}
	 .index_news_ul li a {width:100%; height:45px; line-height:45px; text-align:left; color:#333333;}
	 .index_news_ul li a:hover {width:100%; height:45px; line-height:45px; text-align:left; color:#004fa0;}
	 .index_news_ul li .time {display:none;}
}

/*sub banner*/
.sub_banner { position:relative;width:100%; max-height:381px; height:auto }
.sub_banner img {max-width:100%; max-height:100%;}

/*sub css*/
.sub_right_con_ul {width:100%; height:auto; overflow:hidden;}
.sub_right_con_ul li {width:100%; border-bottom:1px solid #dddddd; height:45px; line-height:45px; text-align:left; color:#333333; position:relative; overflow:hidden;}
.sub_right_con_ul li a {width:100%; height:45px; line-height:45px; text-align:left; color:#333333;}
.sub_right_con_ul li a:hover {width:100%; height:45px; line-height:45px; text-align:left; color:#004fa0;}
.sub_right_con_ul li .time {color:#666666; position:absolute;right:10px; top:1px;}
.sub_right_con_title {width:100%; font-size:18px; color:#333333; border-bottom:1px solid #dddddd; text-align:center; padding:15px 0;}
.downbtn {width:230px; height:60px; background:#0646b4; color:#ffffff; font-size:24px; line-height:60px; text-align:center; cursor:pointer; display:block; margin:20px 0 20px 0;}

@media screen and (min-width: 801px) {
.sub_container {width:1200px; min-height:200px; margin:40px auto;}
.sub_left {width:265px; float:left; min-height:50px; height:auto}
.sub_left_title {width:100%; height:60px; line-height:60px; color:#ffffff; text-align:center;  font-size:20px; background:#0646b4;}
.sub_left_ul {width:263px; border-left:1px solid #dddddd;border-right:1px solid #dddddd; background:#f6f6f6;}
.sub_left_ul li {width:100%; height:45px; line-height:45px; text-align:center; color:#333333; font-size:16px; border-bottom:1px solid #dddddd;}
.sub_left_ul li a {color:#333333; font-size:16px;}
.sub_left_ul li a:hover {color:#0646b4; font-size:16px;}

.sub_right {float:left;width:900px; min-height:100px; height:auto; margin-left:30px;}
.sub_right_title {width:100%; height:55px; line-height:55px; color:#0646b4; text-align:left;  font-size:20px; border-bottom:1px solid #0646b4; padding-left:20px; margin-bottom:20px;}
.sub_right_con {width:98%; line-height:180%; margin:0 auto;}
.sub_product {float:left;width:410px; height:158px; margin:5px 5px 20px 20px; background:#f2f2f2; }
.num {border:1px solid #dddddd; position:relative;}
.sub_product_img {float:left;width:154px; height:154px; border:2px solid #dddddd; border-right:3px solid #dddddd; overflow:hidden;}
.sub_product_img img {width:154px; height:154px}
.sub_product_con {float:left;width:235px; height:148px; overflow:hidden; padding-left:15px; padding-top:10px;}
.sub_product_con p {padding-top:5px; height:75px; overflow:hidden;}
.sub_product_con_title {font-size:16px; color:#216aea; font-weight:bold; height:26px; overflow:hidden;}
.sub_product_detail_btn {width:80px; height:24px; line-height:24px; text-align:center; border:1px solid #0085e3; color:#0085e3; cursor:pointer; margin-top:5px;}
.sub_product_detail_btn a {color:#0085e3;}
.sub_product_detail_btn a:hover {color:#0085e3;}
}

@media screen and (max-width: 800px) { 
.sub_container {width:100%; min-height:200px; margin:20px auto;}
.sub_left {width:96%; float:none; min-height:50px; height:auto; margin:0 auto;}
.sub_left_title {width:100%; height:60px; line-height:60px; color:#ffffff; text-align:center;  font-size:20px; background:#0646b4;}
.sub_left_ul {width:100%; border-left:1px solid #dddddd;border-right:1px solid #dddddd; background:#f6f6f6;}
.sub_left_ul li {width:100%; height:45px; line-height:45px; text-align:center; color:#333333; font-size:16px; border-bottom:1px solid #dddddd;}
.sub_left_ul li a {color:#333333; font-size:16px;}
.sub_left_ul li a:hover {color:#0646b4; font-size:16px;}

.sub_right {float:none;width:96%; min-height:100px; height:auto; margin:0 auto;}
.sub_right_title {width:100%; height:55px; line-height:55px; color:#0646b4; text-align:left;  font-size:20px; border-bottom:1px solid #0646b4; padding-left:20px; margin-bottom:20px;}
.sub_right_con {width:94%; line-height:180%; margin:0 auto;}
.sub_right_con img {width:100%; height:auto;}
.sub_right_con_ul li .time {display:none;}

.sub_product {float:none;width:98%; height:auto; margin:0 auto 15px auto; background:#f2f2f2; }
.num {border:1px solid #dddddd; position:relative;}
.sub_product_img {float:left;width:35%; height:auto; border:2px solid #dddddd; border-right:3px solid #dddddd; overflow:hidden;}
.sub_product_img img {width:100%; maxheight:154px}
.sub_product_con {float:left;width:58%; height:auto; overflow:hidden; padding-left:15px; padding-top:10px;}
.sub_product_con p {padding-top:5px;}
.sub_product_con_title {font-size:16px; color:#216aea; font-weight:bold;}
.sub_product_detail_btn {width:80px; height:24px; line-height:24px; text-align:center; border:1px solid #0085e3; color:#0085e3; cursor:pointer; margin-top:5px; margin-bottom:5px;}
.sub_product_detail_btn a {color:#0085e3;}
.sub_product_detail_btn a:hover {color:#0085e3;}



}

/*pages*/
.sub_pages {width:95%; height:auto; margin:30px auto;}

/*foot css*/
@media screen and (min-width: 801px) {
     .foot_wrap {width:1200px;  height:auto; color:#333333; line-height:30px; margin:10px auto;}
	 .foot_wrap_left {width:470px;  height:auto; float:left; margin-left:30px;} 
	 .foot_wrap_right {width:500px;  height:auto; float:left; margin-left:100px; text-align:center;} 
	 .foot_wrap_right img { margin-right:15px;} 
	  }
@media screen and (max-width: 800px) { 
     .foot_wrap {width:95%;  height:auto; color:#333333; line-height:25px; margin:10px auto;}
	 .foot_wrap_left {width:95%;  height:auto; float:none; margin:0 auto;} 
	 .foot_wrap_right {width:95%;  height:auto; float:none; margin:20px auto; text-align:center;} 
	 .foot_wrap_right img { margin-right:15px;} 
}

/*normal*/

.w100 {width:100%; min-height:100px; height:auto;}
.w95 {width:95%; margin:0 auto;}
.bgf5f5f5 {background:#f5f5f5;}
.bg333333 {background:#333333;}
.bgblue {background:#dddddd; border-top:1px solid #cccccc;}
.bgwhite { background:#ffffff;}
.allpadtop40 {padding-top:40px;}
.allpadbottom40 { padding-bottom:40px;}
.allpadtop20 {padding-top:20px;}
.text-right { text-align:right;}
.textcenter {text-align:center;}