﻿body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input[type=text],textarea,p,blockquote,th,td,button{padding:0;margin:0;font-size:100%}
label input{vertical-align:middle}
a:link,a:visited{color:#333;text-decoration:none; outline:none}
a:hover,a:active{text-decoration:none}
body{background:#fff; behavior:url("csshover.htc");}
body.wd-body-01{ background:url(../images/front/menubg.gif) left 112px repeat-x}
body.second{ background:url(../images/front/menubg2.gif) left 112px repeat-x}
/*body{font:12px/1.5 "宋体", Arial, Helvetica, sans-serif;color:black;background-color:#fff;text-align:center}*/
img{border:0}
table{border-collapse:collapse}
ul li{list-style:none}
.clear{clear:both;line-height:0;font-size:0;height:0}
.clearfix:after{display:block;visibility:hidden;clear:both;height:0;content:"."}

/*万能清楚浮动CSS样式*/
.clearfloat:after{
	content:".";
	height:0px;
	visibility:hidden;
	display:block;
	clear:both;
}
.left_01{
	float:left;
}
.left_02{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
}
.left_size{ font-size:25px; width:100%; }
.left_size_01{ font-size:30px;width:100%; color:#0399d6;}
.right_01{
	float:right;
}
.text_01{ font-family:"微软雅黑"; font-size:14px; width:100%;}
h4{
	display:inline;
}
a {
	text-decoration:none;
	outline:none;
}
.p_center{ width:1112px; margin:0 auto;}
/*字体*/
@font-face{
	font-family: 'trends';
	src: url('../fonts/trends.eot');
	src: url('../fonts/trends.woff') format('woff'), 
         url('../fonts/trends.ttf') format('truetype'), 
         url('../fonts/trends.svg#hwhp') format('svg');
}
@font-face{
	font-family: 'cen';
	src: url('../fonts/cen.eot');
	src: url('../fonts/cen.woff') format('woff'), 
         url('../fonts/cen.ttf') format('truetype'), 
         url('../fonts/cen.svg#hwhp') format('svg');
}

@font-face{
	font-family: 'jdzy';
	src: url('../fonts/jdzy.eot');
	src: url('../fonts/jdzy.woff') format('woff'), 
         url('../fonts/jdzy.ttf') format('truetype'), 
         url('../fonts/jdzy.svg#hwhp') format('svg');
}
@font-face{
	font-family: 'bro';
	src: url('../fonts/bro.eot');
	src: url('../fonts/bro.woff') format('woff'), 
         url('../fonts/bro.ttf') format('truetype'), 
         url('../fonts/bro.svg#hwhp') format('svg');
}



/*all*/
#wrap{ width:100%; padding:0px; margin:0px; font-family:"微软雅黑";}
/*header*/
#header-top{ width:100%; float:left;}
#header-top .logo{ width:100%; float:left; height:138px; background:#FFF; overflow:hidden;}
#header-top .top_c{ width:1112px; margin:0 auto;}
#header-top .logo .left{ float:left; max-width:855px;}
#header-top .logo .left img{ max-height:138px; width:auto;}
#header-top .logo .right{ float:right;}
#header-top .right_phone{ float:right; margin-top:50px; font-family:"微软雅黑"; font-size:16px; line-height:32px; margin-right:16px; text-align:right;}
#header-top .right_phone span{ font-size:24px; color:#0399d6; font-family:"trends";}

#header-top .nav{ width:100%; float:left; background:#404145; height:60px; position:relative; z-index:1000}
#header-top .nav_ul{ width:100%; float:left;}
#header-top .nav_ul ul li{ list-style:none; width:12.5%; float:left; line-height:60px; height:60px; text-align:center; }
#header-top .nav_ul ul li a{ color:#FFF;}
#header-top .nav_ul ul li>ul>li>a{
	font-size: 12px;
}
#header-top .nav_ul ul li:hover { background:#0399d6;}
#header-top .nav_ul ul li ul{ display:none; }
#header-top .nav_ul ul li ul li{ width:100%; float:left; text-align:center;background:#0399d6;}
#header-top .nav_ul ul li:hover ul{ display:block;}
#header-top .nav_ul ul li ul li:hover{ background:#404145;}


#header-top .nav_ul ul li ul li ul{ margin-left:100%; margin-top:-2.75rem;}
#header-top .nav_ul ul li ul li ul li{display:none; height:60px; width:139px; }
#header-top .nav_ul ul li:hover ul{ display:block;}
#header-top .nav_ul ul li ul li:hover ul li{ display:block;}
#header-top .nav_ul ul li ul li:hover a{ background:none; color:#FFF;}
/*幻灯图*/

.fullSlide{ width:100%;  position:relative;  height:auto;float:left;   }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:auto; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:auto; }
.fullSlide .bd li img{ width:100%; height:auto;}
	
.fullSlide .hd{ width:100%; position:absolute; bottom:0px; z-index:10px;}
.fullSlide .hd li{ background:#88c426; width:5px; height:5px; float:left;}

/*products*/
#products{ width:100%; float:left; margin-top:65px; padding-bottom:65px;}
#products .p_title{ width:100%; float:left; text-align:center; font-size:23px; color:#000; line-height:40px;}
#products .p_title span{ color:#cccfd2; text-transform:uppercase; font-family:cen; font-size:33px;}

#products .pro_ul{ width:100%; float:left; margin-top:35px;}
#products .pro_ul ul{ list-style:none; width:100%;}
#products .pro_ul ul li{ width:100%; width:276px; height:588px; float:left; background:url(../images/yy.png) no-repeat; background-position:bottom center; margin-left:2.5px;}
#products .pro_ul ul li a{ color:#000;}
#products .pro_ul ul li:first-child{ margin-left:0px;}
#products .pro_img{ width:100%; float:left; height:290px; overflow:hidden;}
#products .pro_img img{ width:100%; height:auto;}




#products .pro_text{ width:100%; float:left; margin-top:50px; font-size:18px; line-height:30px;}
#products .pro_text span{ font-family:Arial, Helvetica, sans-serif; font-size:16px; text-transform:capitalize; color:#b3b0b0;}
#products .pro_dp{ width:100%; float:left; font-size:12px; color:#656565; margin-top:20px; line-height:20px;}
#products .pro_bottom{ width:50px; float:left; margin-top:50px; height:1px; background:#c8c8c8;}

.pro_more{ width:100%; float:left; margin-top:45px; display:none;}
.pro_more .more_01{ float:right; background:#0399d6; padding:10px 20px; text-align:center; color:#FFF; margin-right:34px;}
.pro_more .more_02{ float:right; background:#404145; padding:10px 20px; text-align:center; color:#FFF; }

#products .pro_ul ul li:hover .pro_img{ width:100%; float:left; height:240px; overflow:hidden;}
#products .pro_ul ul li:hover .pro_more{ display:block;}

/*about*/
#about{ width:100%; float:left; background:#e9e9e9; padding-bottom:70px;}
#about .about_top{ width:100%; float:left; height:495px; margin-top:60px; position:relative; z-index:2;}
#about .about_left{ width:500px; float:left; position:absolute; height:410px; bottom:0px; left:0px; }
#about .about_box{ width:450px; background:#FFF; height:410px; text-align:center; float:left;}
#about .about_more{ width:116px; height:106px; position:absolute; right:0px; bottom:0px; background:#0399d6; line-height:106px; color:#FFF; font-size:16px; text-align:center;}
#about .about_more a{ color:#FFF;}
#about .about_name{ width:100%; float:left; margin-top:75px; font-size:25px;}
#about .about_name a{  color:#cccfd2;}
#about .about_name span{ font-size:30px; text-transform:uppercase; font-family:cen; color:#000; margin-left:5px; padding-top:3px;}
#about .about_content{ width:90%; margin:0px 5%; margin-top:30px; float:left; text-align:left; font-size:14px; line-height:28px; text-indent:20px;}
#about .about_right{ width:730px; height:495px; position:absolute; top:0px; right:0px; z-index:-1; overflow:hidden;}
#about .about_right img{ width:100%; height:495px;}

.about_bottom{ width:100%; float:left; margin-top:15px;}
.about_bottom ul{ width:100%; float:left;}
.about_bottom ul li{ width:364px; float:left; margin-right:10px; background:#FFF; text-align:center; padding-bottom:55px;line-height:30px;}
.about_bottom ul li a{ color:#000;}
.about_bottom ul li span{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#979797; width:100%; float:left; }
.about_bottom ul li:last-child{ margin-right:0px;}

/*case*/
#case{ width:100%; float:left; padding:70px 0px;}
#case .case_name{ width:100%; float:left; position:relative;}
#case .case_text{ float:left; font-size:25px; color:#000;z-index:10; position:relative; background:#FFF;}
#case .case_eng{ float:left; font-size:20px; font-family:cen; padding-left:5px;background:#FFF; padding-right:5px; line-height:50px; text-transform:uppercase; z-index:10; position:relative;}
#case .case_tt{ position:absolute; top:22px; border-top:1px solid #d5d5d5; width:100%; z-index:0;}
#case .case_dp{ width:100%; float:left; color:#6c6c6c; font-size:14px;}
#case .case_more{ float:right; width:140px; text-align:left; background:#0399d6; height:30px; border-radius:30px; margin-top:5px; font-size:12px; color:#FFF; line-height:30px;}
#case .case_more span{ margin-left:25px; float:left; margin-right:15px;}
#case .case_more a{ color:#FFF;}



.picScroll{ margin:10px auto; float:left; position:relative;  width:100%;  padding:10px 0 10px 0px; background:#fff;    }
.picScroll .prev,
.picScroll .next{ display:block; position:absolute; top:86px; left:-40px; width:74px; height:37px; background:url(../images/btns.png) no-repeat;   }
.picScroll .next{ left:auto; right:-40px; background-position:-76px 0; }

.picScroll ul{ overflow:hidden; zoom:1; width:100%; overflow:hidden; height:205px; }
.picScroll ul li{  width:auto!important; float:left;  padding:0 10px;     }
.picScroll ul li a{ color:#FFF;}
.libox{ width:165px; float:left; height:205px; background:#0399d6; display:none; font-size:16px; padding:10px;}
.liboxtop{ width:100%; float:left; margin-top:40px; margin-bottom:10px;}
.libox span{ font-size:25px;}
.picScroll ul li img{ width:225px; height:205px; float:left;display:block; background:url(images/loading.gif) center center no-repeat; }

.picScroll ul li:hover{background:#0399d6;}
.picScroll ul li:hover img{ width:210px; height:190px; margin:7.5px; }
.picScroll ul li:hover .libox{ display:block; }

.tempWrap{ width:100% !important;}

/*news*/
#news{ width:100%; float:left; padding-bottom:75px;}
.news_name{ width:100%; float:left; text-align:center; font-size:23px; color:#9a9a9a;}
.news_name span{ font-size:33px;  font-family:cen; color:#000;}


.slideTxtBox{ width:100%; float:left; margin-top:35px; }
.slideTxtBox .hd{ height:70px; line-height:75px; background:#0399d6;  position:relative; }
.slideTxtBox .hd ul{ float:left;width:100%;position:absolute; height:70px;   }
.slideTxtBox .hd ul li{ float:left; width:33.33%; text-align:center;cursor:pointer; line-height:70px; color:#FFF; }
.slideTxtBox .hd ul li.on{ height:70px;  background:#15cbe3; }
.slideTxtBox .bd ul{ width:100%; float:left; list-style:none;  zoom:1;  }
.slideTxtBox .bd li{ width:33.33%; float:left; text-align:center;  }
.slideTxtBox .bd li .time_01,.slideTxtBox .bd li .time_03{ width:100%; float:left; font-family:jdzy; color:#0399d6; font-size:70px; margin-top:34px;}
.slideTxtBox .bd li .time_02{ width:100%; float:left; font-family:jdzy; color:#15cbe3; font-size:70px; margin-top:34px;}
.slideTxtBox .bd li .time_01 span,.slideTxtBox .bd li .time_03 span{ border-bottom:1px solid #0399d6;}
.slideTxtBox .bd li .time_02 span{ border-bottom:1px solid #15cbe3;}
.slideTxtBox .news_dp{ width:90%; padding:0px 5%; float:left; font-size:16px; color:#000; margin-top:25px; line-height:25px;}

/*contact*/
#contact{ width:100%; float:left; background:url(../images/map.png) repeat; background-size:100%; height:460px;}
#contact .contact_name{ width:100%; float:left; text-align:center; font-size:23px; margin-top:35px;}
#contact .contact_name span{ font-family:cen; font-size:33px; color:#919293; width:100%; float:left; text-transform:uppercase; margin-top:10px;}
#contact .contact_box{ width:100%; float:left; margin-top:65px;}
#contact .contact_box ul{ width:100%; float:left; list-style:none;}
#contact .contact_box ul li{ width:25%; float:left; text-align:center;}
#contact .contact_tb{ width:100%; float:left; transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;
-o-transition:All 0.4s ease-in-out;}
#contact .contact_tb img{ margin:0 auto;}
#contact .contact_tb:hover{    transform:rotate(360deg);-webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg);}
#contact .contact_text{ width:90%; margin:0% 5%; margin-top:35px; float:left; font-size:18px; text-align:center;}

#contact .contact_more{ width:100%; float:left; margin-top:65px; text-align:center;}
#contact .contact_more span{ background:#0399d6; color:#FFF; padding:10px 35px;}

/*bottom*/
#bottom{ width:100%; float:left;  background:#323a45; padding:25px 0px;}
.b_left{ width:175px; float:left; text-align:center;}
.b_left_img{ margin:0 auto; width:130px;}
.b_left_img img{ width:100%;}
.b_left_text{ width:100%; text-align:center; color:#a1a9b6; font-size:15px; margin:10px 0px;}
.b_left_text span{ float:left; margin-left:5px;}
.b_left_text img{ float:left; margin-left:30px;}

.b_right{ width:925px; float:left; }
.b_top{ width:100%; float:left; font-size:14px; color:#a1abb7;}
.b_top_box{ float:left; margin-left:25px; line-height:25px; margin-bottom:20px; margin-top:10px;}
.b_top_box img{ float:left; margin-right:3px;}


.b_right ul{ width:100%; float:left; list-style:none; padding-top:5px;}
.b_right ul li{ width:131px; text-align:center; float:left; border-right:1px solid #a1a9b6;}
.b_right ul li a{ color:#a1a9b6;}
.b_right ul li:last-child{ border:none;}
.b_copyright{ width:100%; float:left; font-size:14px; color:#a1a9b6; padding-left:30px; margin-top:20px;}


/*内页*/
/*单页*/
#pagebox{ width:100%; float:left; padding:0px; margin:0px;}
.indexposition{ width:100%; float:left; text-align:right; font-size:14px; color:#606060; margin-top:5px;}
.indexposition span{ color:#0399d6;}
.page_left{ width:215px; float:left;}
.page_left .top{ width:100%; float:left; background:#0399d6; line-height:110px; height:110px; color:#FFF; font-size:18px; text-align:center;}
.page_left .bottom{ width:100%; float:left; margin-bottom:20px;}
.page_left .bottom ul{ list-style:none; width:100%; }
.page_left .bottom ul li{ width:100%; float:left; height:50px; text-align:center; color:#0399d6; font-size:18px;}
.page_left .bottom ul li a{  
	color:#0399d6; 
	font-size: 12px;
	white-space: nowrap;/*设置不折行*/
	overflow: hidden;/*超出部分自动隐藏*/
	text-overflow: ellipsis;/*省略号*/
}
#selecteda{ width:100%; float:left; background:url(../images/choice.png) no-repeat;}

.page_right{ margin-left:25px; width:870px; float:left;}
.indextitle{ width:100%; float:left;}
.show_title{ width:100%; float:left; text-align:center; line-height:50px; font-size:18px; padding:10px 0px;}
.t_left{ float:left; font-family:"bro"; font-size:92px; color:#0399d6; text-transform:capitalize;}
.t_right{ float:left; margin-top:24px; margin-left:3px;}

.indexcontent{ width:100%; float:left; font-size:14px; line-height:24px; padding-bottom:25px; line-height:30px; margin:15px 0px;}
.indexcontent img{ max-width:100%; height:auto;}
/*list*/
.newslist{ width:100%; float:left; margin-top:10px;}
.newstop{ width:100%; float:left;}
.toptitle{ width:100%; float:left; font-size:20px;}
.toptime{ width:100%; float:left; font-size:14px; color:#8e8e8e; line-height:30px;}
.toptime span{ color:#000;}
.topdp{ width:100%; float:left; margin:5px 0px; font-size:14px; line-height:23px;}
.topdp span{ width:100%; float:left;}
.topdp img{ max-width:435px; height:auto; float:left; margin:10px 0px;}

.bottomul{ width:100%; float:left; margin:10px 0px; padding:10px 0px; background:#f2f2f2;}
.bottomul ul{ list-style:none; width:100%;}
.bottomul ul li{ width:100%; float:left; line-height:40px; font-size:14px;}
.bottomul ul li a{ color:#000;}
.bottomul ul li img{ float:left; margin:10px 5px;}
.bottomul ul li span{ float:right; margin-right:10px;}

/*picture*/
.showlist{ width:100%; float:left; margin:10px 0px;}
.showlist ul{ width:100%; list-style:none;}
.showlist ul li{ width:30%; margin-bottom:15px; float:left; margin-left:1.66%; margin-right:1.66%; background:#f9f9f9; text-align:center; line-height:60px; padding-bottom:5px;}
.showlist ul li a{
	white-space: nowrap;/*设置不折行*/
	overflow: hidden;/*超出部分自动隐藏*/
	text-overflow: ellipsis;/*省略号*/
}
.showlist ul li span{ height:260px; overflow:hidden; float:left; width:100%;    transition:All 0.4s ease-in-out;

    -webkit-transition:All 0.4s ease-in-out;

    -moz-transition:All 0.4s ease-in-out;

    -o-transition:All 0.4s ease-in-out;}
.showlist ul li img:hover{
    transform:scale(1.2);

    -webkit-transform:scale(1.2);

    -moz-transform:scale(1.2);

    -o-transform:scale(1.2);

    -ms-transform:scale(1.2);
}
.showlist ul li img{ width:100%;}

/*pages*/
.pages { padding:14px 0 10px; margin:10px; text-align:center; }
.pages a { display:inline-block; width:26px; height:22px; text-decoration:none; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333}
.pages a.a1 { background:url(../images/search/admin_img/pages.png) no-repeat 0 5px; width:56px; text-decoration:none; }
.pages a:hover { background:#f1f1f1; color:#000; text-decoration:none; }
.pages span { display:inline-block; width:26px; height:22px; line-height:22px; background:#0399d6; border:1px solid #0399d6; color:#fff; text-align:center; }
.page .noPage { display:inline-block; width:56px; height:22px; line-height:22px; background:url(../img/icu/titleBg.png) repeat-x 0 -55px ; border:1px solid #0399d6; text-align:center; color:#a4a4a4; }


.text{ width:100%; float:left; font-size:15px; margin-bottom:10px; line-height:22px;}
.text a{ color:#000;}
