@import "../css/iconfont.css";

html, body { margin:0px; padding:0; font-family:"Microsoft YaHei","微软雅黑";  }
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,img,button {border:0;  padding:0; margin:0; font-weight:normal; } 
table,td,tr,th{font-size:12px;}
li{list-style-type:none;list-style:none;}
img{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6,p,em,i,b,span { margin:0; padding:0; font-weight:normal; font-style:normal;}
ol,ul {list-style:none;}
address,cite,code,th {font-weight:normal;font-style:normal;}
img:hover { opacity:1; filter: alpha(opacity=100); }
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
small { font-size: 12px; }
legend { color: #000; }
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; }
.fl { float:left; }
.fr { float:right; }
a { color:#222; text-decoration:none; }
a:hover{ color:#da251d; text-decoration:none;}

.warp { width:1200px; margin:0 auto; overflow:hidden; }
.pad30 { padding:30px 0;}



.header { width:100%; height:100px; margin:0 auto;  background: url(../images/topbj.png) center top no-repeat; }
.logo { float:left; padding:18px 0 0 0; margin-right:20px;}
.sea { float:right; margin:30px 0 0 0; }
.sea .input { width:220px; float:left; height:38px; border:1px solid #c3c3c3; border-right:none; border-radius:20px 0 0 20px; background:#fff; font-size:14px; line-height:38px; color:#999; padding:0 0 0 22px;  }
.sea .bottom { width:60px; float:left; height:40px; border:1px solid #c3c3c3; border-radius:0 20px 20px 0;  border-left:none; background:#fff;  cursor:pointer;  background:url(../images/all_ico.png) 18px 9px no-repeat; display:block;}



/*菜单*/
.menu { width:100%; float:left; height:56px; background:#005ca2; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.menu ul li { float:left; font-size:17px; color:#fff;  line-height:56px; }
.menu ul li a { display:block; color:#fff; background:#005ca2; padding:0 25px; }
.menu ul li a:hover { background:#da251d; transition:all ease-out .25s 0s; -webkit-transition:all ease-out .25s 0s; -moz-transition:all ease-out .25s 0s; -o-transition:all ease-out .25s 0s;}
.menu h3 a.cug { background:#da251d;  padding:0 25px; display:block; float:right; font-size:16px; color:#fff;  line-height:56px; }

/*大海报*/
.dhb { width:100%; height:530px; position:relative; overflow:hidden; }
.dhb .health { width:100%; position:absolute; }
.dhb .health li { width:100%; height:530px; overflow:hidden;}
.dhb .health li .linkbock { width:1200px; height:350px; margin:0 auto;  padding-top:180px; display:block; text-shadow: 3px 3px 5px rgba(255,255,255,.0);}
.dhb .health li a span { width:100%; float:left; padding:0 0 15px 0; font-size:58px; line-height:70px; color:#555; font-weight:bold;  }
.dhb .health li a p { float:left; color:#666; font-size:28px; font-weight:normal; color:#555; font-weight:normal;}
.dhb .yuandian { position:absolute ;width:100%; left:0; z-index:1; height:8px; bottom:40px; text-align:center;}
.dhb .yuandian li { display:inline-block; *display:inline; zoom:1; width:12px; height:12px; line-height:99px; overflow:hidden; background-color:#666; margin:0 4px; cursor:pointer;  border-radius:12px;}
.dhb .yuandian li.on {background-color:#F08300; width:40px; transition:all ease-out .25s 0s; -webkit-transition:all ease-out .25s 0s; -moz-transition:all ease-out .25s 0s; -o-transition:all ease-out .25s 0s;}
.dhb .black { position:absolute; z-index:1; top:0; width:60px; height:60px; cursor:pointer;}
.dhb .black .arrow{display:none;position:absolute;top:235px;z-index:1;width:45px;height:45px; border:0px;}
.dhb .black .arrow:hover{opacity:1;filter:alpha(opacity=100);}
.dhb .prev { left:20px;  } 
.dhb .prev .arrow { right:0; background: url(../images/all_ico.png) 0px -160px no-repeat; opacity:.7; filter:alpha(opacity=70);}
.dhb .next { right:20px; }
.dhb .next .arrow { left:0;background:url(../images/all_ico.png) 0px -100px no-repeat;opacity:.6;filter:alpha(opacity=70); }
.dhb .prev .arrow:hover,.banner .next .arrow:hover {opacity:1; filter:alpha(opacity=100);}


.w25 { width:23%; float:left; border-right:1px solid #f1f1f1; margin-right:2.8%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.nav { width:90%; float:left; }
.nav h3 { width:100%; float:left; font-size:24px; font-weight:bold; line-height:45px; color:#005ca2;  margin-bottom:5px; }
.nav h2 { width:100%; float:left; font-size:16px; line-height:45px; color:#222; border-bottom:0px solid rgba(0,0,0,0.1); cursor:pointer; padding:9px 0; }
.nav h2 a { color:#222; }
.nav h2 a:hover { color:#005ca2; }
.nav h2:hover { color:#005ca2; }
.nav .arr { width:10px; height:45px; float:left; background: url(../images/jiutuo.png) 0px -0px no-repeat; margin-right:10px; }
.nav .arr_c { background-position:-0px -40px; }
.nav h2 img { width:45px; height:45px; margin-right:8px; }
.nav ul li { width:100%;  float:left; }
.snav { width:90%; float: right; font-size:14px; line-height:30px; padding:0px 0; }
.snav dl { width:100%; float:left; padding:8px 0; }
.snav dl dt { float:left; }
.snav dl dt img { width:30px; height:30px; margin-right:10px; }
.snav dl a dd { color:#222; filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
.snav dl a:hover dd { filter:alpha(opacity=100);-moz-opacity:1;opacity:1; }
.nav h5 a { width:100%; float:left; display:block; font-size:20px; font-weight:bold; line-height:50px; text-align:center; color:#fff; background:linear-gradient(to bottom,#2c78b2,#005ca2); border-radius:3px; margin:20px 0; }
.nav h5 a:hover { background: linear-gradient(to bottom,#e1514a,#da251d); }



.footer { width:100%; background:#333333; margin:0 auto; overflow:hidden; padding:20px 0; }
.footer b { float:left; font-size:14px; color:#999; line-height:24px; }
.footer span { float:right; color:#999; font-size:14px; line-height:50px; padding:20px 0 0 0; }
.footer span em { padding:0 10px; font-style:normal; }
.footer span em img { margin-right:10px; width:50px; height:auto; }
.footer span i { color:#fff; }
.footer span a { color:#999; }
.footer span a:hover { color:#fff; text-decoration:underline; }



/*-----------------------------------------------------------------------二级页面-----------------------------------------------------------------------*/
.banner { width:100%; height:360px; margin:0 auto; overflow:hidden; }

.slm { width:100%; float:left; font-size:36px; font-weight:bold; color:#444; line-height:40px; }
.w75 { width:73%; float:right; }

.newpro { width:100%; float:left;}
.newpro ul li { width:175px; float:left; margin-right:58px; margin-top:30px; overflow:hidden; height:200px;   }
.newpro ul li img { width:150px; height:128px; border-radius:8px; }
.newpro ul li p { width:100%; font-size:16px; padding:20px 0; line-height:24px;  text-align:center;}
.newpro ul li p span { background:#da251d; font-size:12px; color:#fff; line-height:16px; display:inline-block; padding:0 6px; border-radius:3px; margin-right:6px;  }
.newpro ul li:nth-child(4n) {margin-right:0;}
.pages { width:100%; float:left; font-size:16px; text-align:left; margin:40px 0; text-align:center; }
.pages a {  color:#555; background:#ededed; margin:0 10px 0 0; padding:0 14px; line-height:38px; display: inline-table; border-radius:3px; }
.pages a:hover {  background:#da251d; color:#fff; border-radius:3px;}
.pages a:active {  background:#da251d; color:#fff; border-radius:3px;}
.pages span.current { background:#da251d; color:#fff; display:inline-table; border-radius:3px; line-height:38px; padding:0 14px; margin:0 10px 0 0;}
.pages span.disabled { margin:0 0 0 10px; }
/*产品正文*/
.proinfo { width:100%; float:left; margin:30px 0 50px 0;  }
.proinfo h1 { width:100%; float:left; font-size:40px; color:#333; text-align:center; line-height:50px; font-weight:bold; padding:0 0 50px 0; }
.proinfo h2 { width:50%; float:left; padding:10px 0 0 0; } 
.proinfo h2 img { max-width:100%; height:auto; border:1px solid #f1f1f1; }
.proinfo h3 { width:45%; float:right;  }  
.proinfo h3 p { width:100%; font-size:15px; line-height:24px; color:#444; padding:10px 0;}
.proinfo h3 p strong { font-size:16px; font-weight: bold; color:#005ca2; }



.proinfotit { width:100%; float:left; border-bottom:1px solid #da251d;  }
.proinfotit h3 { float:left; line-height:39px; font-size:17px; background:#da251d; padding:0 15px; color:#fff; display:inline-block; }
.proinfofont p { width:100%;  float:left;font-size:17px; line-height:32px; color:#444; padding-top:30px;   }

/*新闻列表*/
.newlist { width:100%; float:left; margin:30px 0 40px 0;}
.newlist ul li { width:100%; float:left; position:relative; padding-bottom:40px;  }
.newlist ul li .xians { position:absolute; z-index:1;  background:#eee; top:6px; left:119px; height:100%; width:2px;  display:inline-block; }
.newlist ul li h3 { float:left; font-size:14px; line-height: 30px; width:90px;  color:#666;  }
.newlist ul li h4 { float:left; width:60px; text-align:center; }
.newlist ul li h4 i { position:absolute; z-index:2; background:#fff; margin-top:7px; width:10px; height:10px; border-radius:50%;  border:3px solid #da251d; margin-left:-8px; }
.newlist ul li h5 { float:right; width:720px; line-height:30px; font-size:16px; color:#333; display:block; font-weight:bold;  }
.newlist ul li h6 { float:right; width:720px; line-height:26px; font-size:14px;  padding-top:4px; color:#999; }
.newlist ul li:hover h5 { text-decoration:underline; }
/*新闻内容页*/
.newsinfo_tit { width:100%; float:left; font-weight:bold; font-size:40px; line-height:40px; color:#333; text-align:center; padding:50px 0 20px 0px;}
.newsinfo_zd { width:100%; float:left; color:#999; font-size:16px; text-align:center; line-height:24px;  padding:0 0 30px 0px; border-bottom:1px dotted #e8e8e8; }
.newsinfo_zd span { padding:0 8px; }
.newsinfo_zd a { color:#888; }
.newsinfo_zd a:hover { color:#cc3434; }
.newsinfo_zw { width:100%; float:left; font-size:18px; line-height:30px; color:#666; text-justify:auto; text-align:justify; margin-bottom:60px; margin-top:10px;}
.newsinfo_zw p { padding-top:30px;  }
.newsinfo_zw img { max-width:80%; height:auto; }

.newsinfo_tag { width:100%; float:left; margin-bottom:50px;  text-align:center; font-size:14px; }
.newsinfo_tag a { display:inline-block; background-color:#30308b; max-width:300px; padding:6px 15px; color: #fff; margin: 0 10px;}
.newsinfo_tag a span { margin-left:5px; }


.intro { width:100%; float:left; font-size:17px; line-height:32px; color:#444; padding:40px 0 0 0; }
.intro p { padding:0 0 25px 0; }
.intro p strong { font-weight:bold; }


.feedback { width:90%; float:left; background:#f6f6f6; padding:3% 5%; margin-top:35px; }
.feedback ul li { width:100%; float:left; margin-bottom:15px; }
.feedback ul li h1 {  width:100%; float:left;  font-size:19px; line-height:30px; color:#333; border-bottom:1px dotted #e8e8e8; padding:0 0 15px 0; }
.feedback ul li h1 p { font-size:14px; color:#999; }
.feedback ul li h2 { width:100%; float:left; font-size:16px; line-height:34px; color:#333; }
.feedback ul li h2 span { color:#D60B02; padding:0 0 0 8px; line-height:26px; }
.feedback ul li h2 strong { font-weight:normal; }
.feedback ul li h3 { width:100%; float:left; font-size:14px; line-height:30px; color:#666; }
.feedback ul li h3 label { width:20%; float:left; }
.feedback ul li h3 span { line-height:20px; color:#999; float:left; padding:5px 0 0 0; }
.feedback ul li h3 .bot { height:34px; line-height:34px;color:#fff; font-size:14px; font-weight:bold; background:#da251d; border:0px; padding:0px 20px; margin-top:10px; }
.feedback ul li h3 .bot2 { height:34px; line-height:34px;color:#fff; font-size:14px; font-weight:bold; background:#999; border:0px; padding:0px 20px; margin-top:10px; margin-left:15px; }
input,textarea { border:1px solid #CCCCCC;  font-size:12px; line-height:26px; color:#999; padding:0 4px;}
select { height:28px; font-size:14px; color:#666; line-height:28px; border:1px solid #CCCCCC; box-shadow:#eee 0px 1px 2px inset; padding:0 0 0 8px;  }



.contactbox { width:340px; height:300px; position:relative; border:1px solid #E3E3E3; float:left; webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-top:30px; }
.conico { position:absolute; background:#fff; width:110px; height:110px; padding:10px; top:-65px; left:50%; margin-left:-65px;  }
.conico h5 { width:98px; float:left; border-radius:50%; height:98px; padding:6px; display:table;  border:1px solid #e3e3e3; }
.conico h5 i { width:100%;  border-radius:50%;  height:100%; text-align:center; font-size:44px;vertical-align:middle; display:table-cell; color:#fff; }
.contact { position:relative; height:100%; padding:65px 30px 30px 30px ; }
.contact h3 { width:100%; float:left; line-height:32px; text-align:center; padding:10px 0 12px 0; font-size:24px; color:#333;  }
.contact h4 { line-height:24px; font-size:14px; float:left; width:100%; color:#666; }
.contact h4 strong { font-weight:bold; font-size:16px; }
.contact h4 p { width:100%; float:left; padding:6px 0;}

.contact h6 { width:100%; float:left; text-align:center; }
.contact h6 img { width:150px;  height:auto; }
.conmap { width:100%; border:1px solid #E3E3E3; float:left; webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }



@media screen and (max-width:999px) and (min-width: 160px){
.dhb,.banner,.header,.menu,.footer{ width:1200px;}
}