@charset "utf-8";

@media screen and (max-width:1200px)
{

/*.dingbubox{ background:#0372c3; padding:0 2%;}*/
.dingbubox ul{ max-width:1000px; }
.dingbubox ul p{ float:left; margin:0 0 0 2%; }
.dingbubox ul li{ float:right; margin:0 2% 0 0; }

.headerpage{clear:both; width:100%; margin:0 auto 0 auto; padding:0; }
.headerpage header{ width:1000px; margin:0 auto; }
header .logo{float:left; padding:0; margin:0 0 0 2%; }
header .logo img { }

header .wapnav{display:block; float:right; width:8%; margin-top:4%;}	
header .wapnav img{padding:10px;background-color:#f2f2f2;border:1px solid #cccccc;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;cursor:pointer;}
header .wapnav img:hover{background-color:#dedede; }
header .headright { clear:both; width:100%; /*overflow:hidden;*/}
.mainnav{display:none; }

.movecp{ display:none; }


/*主导航*/
.mainnav{float:none;width:100%; padding:0px 0 0 0; text-align:right; margin:0; background:#0372c3; position:absolute; left:0px; z-index:99999; }
.mainnav a,.mainnav a:link,.mainnav a:visited { clear:both; width:100%;line-height:32px; text-align:center;color:#fff; padding:0; font-size:16px;text-decoration:none; border-bottom:1px solid #3f93d1}
.mainnav a:hover,.mainnav a.active,.mainnav a.active:link,.mainnav a.active:visited{color: #fff; font-weight:bold;}
.nav{ display:none}

.footerbg{ max-width:1000px; }
.footerbg .erweima{float:none; font-size:14px; width:300px; padding:0px; margin:0 auto 40px auto; text-align:center; overflow:hidden; font-family:Arial, Helvetica, sans-serif; }
.footerbg .erweima p{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; float: right; background: url(images/biankuang.gif) no-repeat center; text-align: center; width: 127px; height: 146px; padding: 10px 0 0 0; margin: 0 10px; }
.footmenu{ float:none; width:100%; padding:37px 0 0 0; clear:both; overflow:hidden;  }
.footerbottom{ max-width: 1000px;  }


/*首页*/
.indextwo{ max-width: 1000px; margin: 0 auto; border: 6px solid rgba(224,224,224,.5);  }
.indexthree{ max-width: 1000px; clear: both; margin: 0 auto;   }
.indexfour{ max-width: 1000px; clear: both; margin: 0 auto; }
.indexfive{ max-width: 1000px; clear: both; margin: 45px auto; }

/*内页位置*/
.mainarea{ padding:1% 0%; }
.posbox{  max-width:1000px; }
.mainpost {clear:both; max-width:1000px; margin:0px auto 0 auto; padding:0;   }
.info2_one{ max-width:1000px;   }
.message_lianxi{ max-width:1000px;}

.main_zuzhi img{ width:100%;  }

.product_list_mulu{clear:both; margin:0px auto; max-width:1000px; }


}


@media screen and (max-width:1000px)
{

.dingbubox ul{ max-width:860px; }
.headerpage header{ width:860px; margin:0 auto; }
.footerbg{ max-width:860px; }
.footerbottom{ max-width: 860px;  }
.footerbottom p{ float: none; text-align:center; }
.footerbottom form{ width: 300px; float:none; margin:1% auto;  }




/*首页*/
.biaoti{  max-width:100%;  }
.biaoti1{  max-width:100%;  }
.indextwobox{ clear: both; margin: 75px 0 0 0; padding:4% 0 0 0; background: url(images/indextwobox.jpg) no-repeat; background-size:100%;  }
.indextwo{ max-width: 860px; margin: 0 auto; border: 6px solid rgba(224,224,224,.5);  }
.indextwo .twofenlei{ clear: both; overflow: hidden;background: #eeeeee; }
.indextwo .twofenlei a{ width: 24.5%;  }
.indextwo .content dl dd p{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5;}

.indexthree{ max-width: 860px; clear: both; margin: 0 auto;   }

.indexfour{ max-width: 860px; clear: both; margin: 0 auto; }

.indexfive{ max-width: 860px; clear: both; margin: 45px auto; }
.indexfive dl{ width: 24.6%; padding: 20px 0 0 0; }

/*首页 end*/


/*内页位置*/
.posbox{  max-width:860px; }
.mainpost {clear:both; max-width:860px; margin:0px auto 0 auto; padding:0;   }
.info2_one{ max-width:860px;   }
.message_lianxi{ max-width:860px;}


.message_lianxi ul ol{  font-size:26px;  }
.message_lianxi ul li{ float:left; width:47%; margin:0 1.3% 1.3% 1.3%; }

.product_list_mulu{clear:both; margin:0px auto; max-width:860px; }






/*产品导航*/
.menucp a,.menucp a:link,.menucp a:visited { display:block; width:31%; float:left; line-height:40px; padding:0 0; margin:3px 1%;}

.info_list{ padding:20px 0 0 0; overflow:hidden;}
.info_list ol.head span.title{ width:100%;}
.info_list ol.head span.views{ display:none; }
.info_list ol.head span.date{display:none;}

.info_list ol{ overflow:hidden;}
.info_list ol.info a.title{width:100%; }
.info_list ol.info span.views{display:none; }
.info_list ol.info span.date{display:none; }	

.product_list ul li{ float:left; width:30%; padding:5px 1% 10px 2%;}

.info_listimg ul li{float:left; width:30%; padding:5px 1% 5px 2%;}

.mainbox4box { clear:both; width:100%; background:url(images/chanpinbg.gif) no-repeat bottom center; height:280px;}


}



@media screen and (max-width:860px)
{
.dingbubox ul{ max-width:640px; }
.dingbubox ul p{ display:none;}
.headerpage header{ width:640px; margin:0 auto; }
.footerbg{ max-width:640px; }
.footerbottom{ max-width: 640px;  }
.footerbottom p{ float: none; text-align:center; }




/*首页*/
.biaoti .bt_en{ font-size:50px; }
.biaoti a{ font-size:26px; padding:10px 0 20px 0; }
.biaoti a:hover {color:#ff0006; text-decoration:none}

.biaoti1 .bt_en{ font-size:50px; }
.biaoti1 a{ font-size:26px; padding:10px 0 20px 0; }

.indextwobox{ clear: both; margin: 75px 0 0 0; padding:4% 0 0 0; background: url(images/indextwobox.jpg) no-repeat; background-size:100%;  }
.indextwo{ max-width: 640px; margin: 0 auto; border: 6px solid rgba(224,224,224,.5);  }
.indextwo .twofenlei{ clear: both; overflow: hidden;background: #eeeeee; }
.indextwo .twofenlei a{ width: 49.8%; border-bottom:1px solid #fff;  font-size: 16px; }
.indextwo .content dl dt{ width:100%; float: none; border-radius:10px; overflow: hidden;}
.indextwo .content dl dd{ width:100%; float: none; font-size: 16px; line-height: 30px; }
.indextwo .content dl dd strong{ font-size: 20px; line-height: 60px; }
.indextwo .content dl dd a{ margin:3% 0 1% 0;   }

.indexthree{ max-width: 640px; clear: both; margin: 0 auto;   }
.biaoti2{ clear:both; max-width:100%; margin:0% auto 4% auto; }
.biaoti2 a{ width: 100%;  display:block; color:#000; font-size:26px; padding:0px 0 35px 0; background:url(images/biaoti3.png) no-repeat bottom;}
.biaoti2 a:hover {color:#ff0006; text-decoration:none}
.indexthree_r{ width:100%; float:none; padding:2% 0 0 0;  }
.indexthree_r ul{ clear:both; overflow:hidden; }
.indexthree_r ul li{ float:left; width:33%; text-align:center; }
.indexthree_r ul li strong{ display:block; font-size:40px; color:#7d7d7d; font-weight:normal; }
.indexthree_r p{ line-height:30px; font-size:16px; margin:40px 0 0 0; }
.indexthree_r .gd{ clear:both; overflow:hidden; display: block; text-align: center; font-size:14px; line-height:40px; width: 240px; color:#fff; background:#ed4010;    }
.indexthree_r .gd:hover{ background: #0372c3; color:#fff; }


.indexfour{ max-width: 640px; clear: both; margin: 0 auto; }
.indexfour .fenlei a { font-size: 16px;  }
.indexfour dl{ float:none; width:96%; padding: 1% 2%; clear:both; overflow:hidden; }
.indexfour dl:hover{ background: #eee; transition: 588ms; border-radius: 10px; box-shadow: 0px 0px 10px #aaa; }

.indexfive{ max-width: 640px; clear: both; margin: 45px auto; }
.indexfive .fenlei{ text-align: center; background: #f7f7f7; margin: 0 0 3% 0; border-radius: 10px; border: 1px solid #dddddd; clear: both; overflow: hidden; }
.indexfive .fenlei a { display: block; float: left; line-height: 58px; font-size:16px;  }
.indexfive .content{ clear: both; padding: 0% 2%; border-radius: 10px; height:auto;  }
.indexfive dl{ float: left; width: 49.6%; border: 1px solid #e5e5e5; height: 70px; padding: 30px 0 0px 0; }
.indexfive dl dt{ float: left; width: 40px; margin: 0 0 0 7%; overflow: hidden; border-radius: 10px;transition: 588ms; }
.indexfive dl dd{ float: right; width: 73%; transition: 588ms;}
.indexfive ul li{ width:31%; margin:1% 1%; float:left; text-align:center;  }
.indexfive ul li:hover img{ box-shadow:0px 0px 10px #aaa;}

.indexone{ max-width: 640px; overflow: hidden; margin: 0 auto; }
.indexone .cp_x{ float:left; width:46%; margin:0 2% 2% 2%; padding:1% 0 3% 0;  background: rgba(1,100,187,0.8); text-align:center; color:#fff; border-radius:10px; transition: 588ms;   }
.indexone .cp_x strong{ display:block; padding:2% 0; line-height:20px; font-size:16px;}
.indexone .cp_x img{ width:50%;}
.indexone .cp_x a{ display:block; line-height:32px; width:100px; margin:0% auto 0 auto; color:#fff; }


/*首页 end*/


/*内页位置*/
.posbox{  max-width:640px; }
.positioninfo{ font-size:25px; }
.mainpost {clear:both; max-width:640px; margin:0px auto 0 auto; padding:0;   }
.info2_one{ max-width:640px;  }
.message_lianxi{ max-width:640px;}


.info_zlywh ul li span{display:block; float:none; width:100%; overflow:hidden;}
.info_zlywh ul li div{ font-size:20px; font-weight:bold; color:#333333; float:none; width:90%; padding:5% 5% 5% 5%; }
.info_zlywh ul li div p{ font-size:16px; line-height:26px; font-weight:normal; margin:2% 0 0 0;  color:#333333; }
.info_zlywh ul li.er span{  float:none; width:100%; }


.biaoti_main{ text-align:center; clear:both; width: 100%; margin: 3% 0 4% 0; }
.biaoti_main .bt_en{text-align:center; font-size:40px; font-family: "宋体";text-transform : uppercase; color:#ececec;  margin:0px 0 0 0; padding:0px 0px;}
.biaoti_main .bt_cn{ width: 100%;  display:block; color:#000; font-size:26px; padding:0px 0 0px 0;}

.biaoti_main1{ text-align:center; clear:both; width: 100%; margin: 3% 0 4% 0; }
.biaoti_main1 .bt_en{text-align:center; font-size:40px; font-family: "宋体";text-transform : uppercase; color:#ececec;  margin:0px 0 0 0; padding:0px 0px;}
.biaoti_main1 .bt_cn{ width: 100%;  display:block; color:#fff; font-size:26px; padding:0px 0 0px 0;}


.product_list_mulu{clear:both; margin:0px auto; max-width:640px; }


.yingxiao img{ display:block; width:100%;}




/*内页*/
.left{clear:both; width:100%;overflow:hidden; padding:0%; margin:0 auto;}
.right{clear:both; width:100%; margin:0 auto; padding:0%; background:#FFF; }




.info_view h1.title{ font-size:24px; font-weight:bold; text-align:center; padding:3% 0; margin:0 0 3% 0; border-bottom:1px dashed #aaa; }

.info2_listimg ul li{  width:32%; }



/*产品：上图下字*/
.product_list{clear:both; margin-top:0px; padding:0px; overflow:hidden}
.product_list ul{clear:both; margin-top:10px; }
.product_list ul li{float:left; width:48%; padding:5px 1% 5px 1%; margin:0 0 1% 0; text-align:center;line-height:26px;}
.product_list ul li a{display:block; background:#e2e2e2; padding:5% 5%; -webkit-transition: background-color 1.0s ; -moz-transition: background-color 1.0s ; -o-transition: background-color 1.0s; transition: background-color 1.0s; font-size:14px; }
.product_list ul li img{ width:100%;display:block;}
.product_list ul li a:hover{text-decoration:none; background:#0372c3; color:#ffffff;}
.product_list ul li p{ text-align:center; margin:5px 0 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}




.product_view img{ width:100%;}





}



@media screen and (max-width:640px)
{
header .logo{float:left; line-height:normal; padding:3% 0; }
header .logo img { width:80%; }
header .wapnav{ margin:5% 10% 0 0;}
.dingbubox ul{  width:94%; margin: 0 auto; }
.headerpage header{  width:94%; margin: 0 auto; }
.footerbg{  width:94%; margin: 0 auto; }
.footerbottom{  width:94%; margin: 0 auto; }
.footmenu{ display:none;}
.footerbg .erweima{ margin:20px auto; }

.mainbanner {height:200px}	

/*首页*/

.indexone{ width:94%; margin: 0 auto; overflow: hidden; }
.indexone .cp_x{ width:46%; margin:0 2% 2% 2%; padding:2% 0 3% 0;  ba }
.indexone .cp_x strong{ display:block; padding:2% 0; line-height:20px; font-size:16px;}
.indexone .cp_x img{ width:40%;}



.biaoti{ margin:3% auto 30px auto; height:50px;  }
.biaoti .bt_en{ font-size:32px; }
.biaoti a{ font-size:26px; padding:10px 0 20px 0; }
.biaoti a:hover {color:#ff0006; text-decoration:none}
.biaoti1{ margin:3% auto 30px auto;  height:50px; }
.biaoti1 .bt_en{ font-size:32px; }
.biaoti1 a{ font-size:26px; padding:10px 0 20px 0; }

.indextwobox{ clear: both; margin:30px 0 30px 0; padding:4% 0 0 0; background: url(images/indextwobox.jpg) no-repeat; background-size:200%;  }
.indextwo{ width:94%; margin: 0 auto; border: 6px solid rgba(224,224,224,.5);  }
.indextwo .twofenlei a{ width: 49.5%; border-bottom:1px solid #fff; font-size: 16px; height:55px; padding:13px 0 0 0;}

.indexthree{ clear: both; width:94%; margin: 0 auto;  }
.indexthree dl{ width:100%; margin: 0 auto 15px auto; float:none; overflow: hidden; }
.indexthree dl dt{ font-size: 20px; line-height:20px; margin: 0 0 3% 0; }
.indexthree dl dt span{ display: block; font-size:14px;  }
.indexthree dl dd{ margin: 0 0%; padding:0 5%;  }
.indexthree dl dd a{ font-size: 16px; line-height: 30px; color: #fff; display:inline; }
.indexthree dl div{ height:120px;  padding: 10% 0 5% 0;  }
.indexthree dl:hover{ box-shadow: 0px 0px 10px 2px #00477b; }
.indexthree dl:hover div{ height:120px;  padding:10% 0 5% 0;  }

.indexfourbox{ margin:35px 0 0 0;  }
.indexfour{ clear: both;  width:94%; margin: 0 auto; }
.indexfour .fenlei a { font-size: 16px;  line-height:60px;  padding:2% 4%; }
.indexfour .content{ clear: both;  padding: 3% 0 5% 0; }
.indexfour dl{ float:none; width:100%; padding: 1% 0%; margin:0 0 4% 0; clear:both; overflow:hidden; }
.indexfour dl:hover{ background: #eee; transition: 588ms; border-radius: 10px; box-shadow: 0px 0px 10px #aaa; }
.indexfour dl dt{ float: left; width:35%; overflow: hidden; border-radius: 10px;transition: 588ms; }
.indexfour dl dt img{ width: 100%; display: block;transition: 588ms;  }
.indexfour dl:hover dt img {transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
.indexfour dl dd{ float: right; width:60%; transition: 588ms;}
.indexfive{ width:94%; clear: both; margin:30px auto 45px auto; }
.indexfive dl{ float: left; width:100%; border: 1px solid #e5e5e5; height:50px; padding:10px 0 0px 0; }







/*首页 end*/


/*内页位置*/
.positioninfobox{ top:-130px;     }
.posbox{  width:94%; margin: 0 auto; }
.mainpost {clear:both;  width:94%; margin: 0 auto; padding:0;   }
.info2_one{ width:94%; margin: 0 auto;  }
.message_lianxi{ width:94%; margin: 0 auto;}

.biaoti_main .bt_en{ font-size:25px; }
.biaoti_main1 .bt_en{ font-size:50px; }


.info_listimg{clear:both;margin-top:0px;padding:0px; overflow:hidden}
.info_listimg ul{clear:both; margin-top:10px; }
.info_listimg ul li{float:left; width:46%; padding:5px 2% 5px 2%; text-align:center; line-height:36px;}
.info_listimg ul li a{display:block; padding:0px;}


.message_lianxi ul li{ float:none; width:95%; margin:0 auto 1.3% auto;   }

.product_list_mulu{clear:both; margin:0px auto; width:94%; }


.info_listxw dl dt{ float:left;width:40%; overflow:hidden;  }
.info_listxw dl dd{ float:right; width:55%;position:relative; padding:0px 1%;}


.info_list_xiazai ul li a{ float:none; width:100%; }
.info_list_xiazai ul li span{ float:none; }





/*关于国高首页*/
.main_c ul li{ float:left; width:32.6%; margin:0.3% 0.3%; transition: 588ms;}



.menu1{ overflow:hidden; text-align:center; margin:0px auto 0px auto;  max-width:1200px;  }
.menu1 h2{ display:none; margin:0px 0 0 0;  width:100%; color:#ffffff; font-size:24px; text-align:center; line-height:55px; background:url(images/menubg.gif) no-repeat center; }
.menu1 a {padding:1% 3%; color:#333333; line-height:50px; margin:0px 0%;  font-size:16px; text-decoration:none; text-align:center; display:inline-block; }
.menu1 a:link,.menu1 a:visited{ }
.menu1 a:hover,.menu1 a.active,.menu1 a.active:link,.menu1 a.active:visited{ /*color:#ff0000;*/ background:#0372c3; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#f9f9f9), to(rgba(3, 114, 195, 1))); color:#fff;  }



}