﻿body,h1,h2,h3,h4,h5,h6,div,dd,dt,dl,form,kbd,table,ul,li,marquee,hr,blockquote,ol,pre,fieldset,legend,button,input,textarea,th,td{font-size:12px; margin:0; padding:0; font-family:Arial, "微软雅黑", Tahoma, Verdana,  Helvetica, sans-serif;}
address,cite,dfn,em,var{font-style:normal;}
button,input,select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
small{font-size:12px;}
ul,ol{list-style:none;}
img{border:0;}
ul{list-style:none;}
.clear{ clear:both;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
a{text-decoration: none; color: #333; }
a:hover{ color:#333; text-decoration:none}
.left{ float:left;}
.right{ float:right}
a:focus,input:focus,button:focus,select:focus,textarea:focus{outline:none;}
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/

/*****公用部分*****/
.wrap{margin:0 auto; overflow:hidden; max-width:1200px; width:100%}
.mt20{margin-top:20px}.mt10{margin-top:10px}.mr25{margin-right:25px}.ml25{margin-left:25px;}
.p10{padding:10px}


/*****top*****/
.stop{display:none}
.top_box{ width:100%; height:100px; overflow:hidden}
.top{ max-width:1200px; height:100px; margin:0 auto;}
.logo{width:40%; height:100px;}
.logo img{width:100%}
/*nav*/
.nav{ width:50%; height:100px; padding-left:10%; overflow:hidden}
.nav ul li{ width:16%; float:left;}
.nav ul li a{ display: block; width:100%; text-align:center; font-size:16px; height:100px; line-height:100px; }
.nav ul li a:hover{ background:#1b9eda; color:#fff;}

/*****banner*****/
.banner span{display:block; height:525px}
.banner img{display:none}

/*****最新公告*****/
.gg_bg{background:#1b9eda; height:50px; line-height:50px}
.gg{overflow:hidden; height:40px; width:70%}
.gg_title{font:14px/50px "微软雅黑"; color:#fff; width:10%}
#demo{width:90%;overflow:hidden;height:30px; margin-top:12px;}
#demo1 li{line-height:30px; height:30px; overflow:hidden}
#demo1 li a{font:14px/30px "微软雅黑"; color:#fff}
#w_demo{display:none}
/*****search*****/
.search{width:28%; height:40px; padding:5px 0 5px 2%;}
.search_inp{background:#1686bc; width:77%; height:35px; border:0; line-height:35px; color:#fff; float:left; padding-left:2%; margin-right:1%}
.search_btn{background:#1686bc url(../images/fdj.gif) no-repeat center center; width:20%; height:35px; border:0; float:left; cursor:pointer}

/*****走进科华*****/
.jj{padding:60px 2%; font:14px/28px "微软雅黑"; color:#555; overflow:hidden}
.jj a{color:#555; height:168px; overflow:hidden}
.jj span{display:block; font:20px/35px "微软雅黑"; color:#000000}
.jj img{width:28%; margin:0 5% 0 2%; float:left}

/*****工程案例*****/
.anli_bg{background:#f6f6f6; padding-top:50px;}
.anli_title{background:url(../images/anli_title_bg.gif) repeat-x left 15px; width:60%; margin:0 auto; height:50px; text-align:center}
.anli_title span{display:block; font:20px/30px "微软雅黑"; background:#f6f6f6; width:26%; margin:0 auto; padding:0 2%}
.anli_eng{font:16px/30px Arial; color:#a4aeb3; margin-left:15px; text-transform:uppercase}
.anli_more{background:#1b9eda; width:22%; margin:40px auto; text-align:center; font:16px/36px "微软雅黑"; height:36px}
.anli_more a{color:#fff}
.w_anli{display:none}
.pc_anli{height:310px; margin:0 auto; overflow:hidden; max-width:1200px; width:100%}
/* apply */
.apply{height:310px; overflow:hidden; width:100%;}
.apply_array{width:250px;float:left;height:290px;margin-right:16px; position:relative}
.apply_array:hover{cursor:pointer;}
.apply_array:hover .apply_info{ display:none}
.apply_array:hover .apply_info_cont{display:block}
.apply_img{width:250px; height:290px;}
.apply_info{text-align:center; font:14px/40px "微软雅黑"; color:#fff; position:absolute; left:0; bottom:0; background:url(../images/anli_title.png) repeat; height:40px; width:100%; overflow:hidden}
.apply_info_cont{background:url(../images/anli_cont_bg.png) repeat; width:96%; padding:0 2%; height:100%; position:absolute; left:0; top:0; display:none; font:18px/80px "微软雅黑"; color:#fff; text-align:center;}
.apply_info_cont span{font:12px/20px "微软雅黑"; color:#fff; display:block; text-align:left; height:50%; overflow:hidden}
.apply_info_more{border:1px solid #fff; width:50%; text-align:center; margin:0 auto; font:14px/25px "微软雅黑";}
.apply_info_cont a{color:#fff}
.apply_nav{position:relative;width:1080px;float:left;height:310px;overflow:hidden}
.apply_w{position:absolute;margin-top:22px;width:1048px;float:left;left:16px}
.apply .img_l{padding-top:150px;float:left;cursor:pointer;}
.apply .img_r{padding-top:150px;float:left;cursor:pointer;}

/*****解决方案*****/
.fa_title{background:url(../images/fa_title_bg.gif) no-repeat 47.1% 31px; text-align:center; font:20px/30px "微软雅黑"; color:#c60f2b; height:50px; margin:40px auto}
.fa_title span{color:#a4aeb3; font:15px/18px Arial; margin-left:10px}
.fa_title_cont{font:14px/25px "微软雅黑"; color:#555555; text-align:center;}
/*新闻*/
.fa_box1{width:48%; box-sizing:border-box; float:left}
.fa_box1 img{width:100%}
.fa_news{background:#1b9eda; padding:20px; color:#fff; font:16px/28px "微软雅黑"; overflow:hidden;}
.fa_news span{width:65%; display:block; float:left; color:#fff; font:12px/18px "微软雅黑"; height:54px; overflow:hidden}
.fa_news_time{background:url(../images/time.gif) no-repeat left center; padding:5px 0 0 18px; font-size:14px}
.fa_more{width:25%; float:right; border:1px solid #fff; text-align:center}
.fa_more a{color:#fff}
/*案例*/
.fa_box2{width:52%; box-sizing:border-box; float:right}
.fa_box2_img{width:46%; margin-left:4%; margin-top:20px; float:left; position:relative; display:block}
.fa_box2_info{position:absolute; top:0; left:0; display:none; background:url(../images/anli_title.png) repeat; width:100%; height:100%; *height:67%; padding-top:23%; box-sizing:border-box; text-align:center; font:16px/35px "微软雅黑"}
.fa_box2_info img{width:30px; margin:0 auto; display:block}
.fa_box2_info a{color:#fff}
.fa_box2_img:hover .fa_box2_info{display:block; cursor:pointer}
.fa_box2_info1{display:none}

/*****footer*****/
.foot{background:#1b9eda; font:12px/25px "微软雅黑"; color:#fff; padding:10px 0; text-align:center; display:block}
.foot a{color:#fff}
.w_foot{display:none}


/**********内页样式**********/
.news_list,.show,.anli{min-height:500px; overflow:hidden}
/*banner*/
.banner1 span{display:block; height:315px}
.banner1 img{display:none}
/*左侧菜单*/
.left_menu{width:20%; float:left}
.left_menu_title{background:#1b9eda; font:20px/25px "微软雅黑"; color:#fff; padding:5%;}
.left_menu_title span{display:block; font:12px/14px Arial; text-transform:uppercase}
.left_menu li a{border:1px solid #e4eef2; border-top:0; background:url(../images/left_menu_icon.gif) no-repeat 7% center; font:14px/38px "微软雅黑"; padding-left:15%}
.left_menu li a{color:#555; display:block;}
.left_menu li a:hover,.left_menu li a.hover{border-left:4px solid #db0000; padding-left:13.55%; color:#db0000}
.left_menu img{width:100%; margin-top:20px}
/*右侧头部*/
.right_cont{min-height:600px; width:78%; float:right; margin-top:20px}
.right_cont_title{border-bottom:1px solid #e4eef2; font:20px/35px "微软雅黑"; color:#000;}
.right_add{float:right; font:12px/35px "微软雅黑"; color:#555555}
.right_add span{color:#db0000}

/*****关于我们页*****/
.about{font:14px/25px "微软雅黑"; color:#555; padding:20px 1%}
.about img{max-width:100%}

/*****产品中心*****/
.show dl{width:30%; margin:20px 1.3% 0 1.3%; float:left; border:1px solid #eef3f5}
.show dt img{max-width:100%;}
.show dd{background:#eef3f5; width:95%; line-height:40px; padding:0 3% 0 2%; overflow:hidden; height:40px; font-size:14px}
.show dd img{float:right; margin-top:13px}
/*page*/
.page{margin:40px auto 10px auto; text-align:center; font:14px/25px "微软雅黑"; color:#555555;}
.page a{margin:0 10px; color:#555555}

/*****产品中心详情页*****/
.show_pro{font:14px/25px "微软雅黑"; color:#555}
.show_pro span{font-size:16px;}
.show_tu{width:40%; margin:20px auto; border:1px solid #eef3f5}
.show_tu img{max-width:100%;}

/*****解决方案*****/
.news_list li{font:14px/40px "微软雅黑"; height:40px; overflow:hidden; padding-left:2%}
.news_list li a{color:#555}
.news_list li a:hover{color:#db0000}
.news_list li:nth-child(odd){background:#eef3f5}

/*****解决方案详情页*****/
.show_pro{font:14px/25px "微软雅黑"; color:#555; padding:0 2%}
.news_pro_title{text-align:center; font:16px/80px "微软雅黑"; color:#555}

/*****工程案例*****/
.anli dl{width:30%; margin:20px 1.5% 0 1.5%; float:left;}
.anli dt{text-align:center; border:1px solid #eef3f5}
.anli dt img{max-width:100%;}
.anli dd{background:#eef3f5; width:95%; line-height:40px; padding:0 3% 0 2%; overflow:hidden; height:40px; font-size:14px}
.anli dd img{float:right; margin-top:13px}

/*****工程案例详细页*****/
.anli_tu{width:30%; margin:20px auto; text-align:center}
.anli_tu img{max-width:100%;}
