﻿@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,td,a { padding: 0;margin: 0; font-size:12px; text-decoration:none; font-family:"微软雅黑";}
table { border-collapse: collapse;border-spacing: 0;}
fieldset,img { border: 0;}
address,caption,cite,code,dfn,em,th,var { font-weight: normal;font-style: normal;}
ul { list-style: none outside none;}
li { list-style:none;}
caption { text-align: left;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;font-size: 100%;}
q:before,q:after { content:'';}
abbr,acronym { border: 0;}
p { margin:0px; padding:0px;}
ol {list-style-type: none; list-style-image: none;}
ul {list-style-type: none; list-style-image: none;}
a {text-decoration: none;outline:0; color:#666; white-space: nowrap; text-overflow: ellipsis;}
a:hover {text-decoration:none;color:#333;}
img{border:none;}
.clear{clear: both;}
.clearfix{overflow:hidden;zoom:1;}
.fl{float: left}
.fr{float: right;}
.mrg{margin-right: 0px!important;}
.bggreay{background-color: #f8f7f7;width: 100%;height: auto;padding: 5px 0 19px 0;margin: 25px 0 25px;}

.topArea .bg-topArea,
.header .header-inner,
.navbox .nav,
.ftLinkWrap .ftLink,
.footer .ft-wrap,
.keywords{width:1200px;margin:0 auto;position:relative;}

 .touch-btn{position:relative;display:inline-block;*display:inline;zoom:1;}
.touch-box{position:absolute;top:16px;left:0;margin-left:-230px;z-index:600;color:#777;display:none}
.touch-btn:hover .touch-box{display:block}
.touch-box .arrow{border-bottom:7px solid #fff;border-left:7px solid transparent;border-right:7px solid transparent;display: block;height: 0;position:absolute;right:46px;top:-6px;/top:5px;}
.touch-box .wrap{padding:20px 10px;width:280px;background:#fff;border-radius:2px;border:1px solid #eee;text-align:center;box-shadow:0 0 10px rgba(0, 0, 0, 0.2)}
.touch-box .wrap .ms{padding:0 0 15px;}
.touch-box .wrap .wenben{padding:10px 0;}
.touch-box .wrap h1{font-size:16px;margin:0;color:#111}
.touch-box .wrap .code img{width:120px;height:auto}
.touch-box .wrap .code li{width:50%;float:left}
.touch-box .wrap table{width:100%}

/*头部*/
.header{position:relative;font-size:0;}
.header .header-inner{position:relative}

.int_banner{width:100%;height:200px;margin:0 auto;display:block;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;background:url(int_banner01.jpg) center no-repeat;z-index:-10;}

/*顶部*/
.topArea{padding:7px 0;border-bottom:1px solid #e1e1e1;color:#999}
.topArea span{font-size:0;}
.topArea span .wbst{font-size:12px;color:#79a306}
.topArea span .wbst a{color:#79a306}

.r-arte{position:absolute;right:0;top:0;}
.r-arte a{padding:0 10px;border-right:1px solid #d3d3d3}
.r-arte a:last-child{border-right:0;padding-right:0}
.r-arte span{display:none}

.searchformBox{position:absolute;right:20px;top:12px;width: 270px;}
.searchformBox .serach_input{background:#f5f5f5;border:1px solid #e1e1e1;padding:8px 5px 4px 5px;font-size:12px;float: left;}
.searchformBox .btn_serach{background:url(btn_search.jpg) no-repeat;width:46px;height:28px;border:0}

/*导航*/
.navbox_foot{overflow:hidden;zoom:1;padding:30px 0 0;}
#topNav{background:url(nav_bg.jpg) repeat-x 0 0;height:52px;height:52px;text-align:center;font-size:14px;font-weight:bold;padding:0}
#topNav .nav{overflow:hidden;}
.navbox li,.navbox_foot li{float:left;line-height:52px;height:52px;}
#topNav li a{color:#fff;display:block;width:100%;height:100%;text-shadow:-1px -1px 2px rgba(0, 0, 0, 0.2);font-size:14px;}
#topNav li .currclass{background:url(nav_active.jpg) repeat-x}
/* #topNav li a:hover{text-decoration:none;background:url(nav_hover.jpg) repeat-x} */
#topNav li a:hover{text-decoration:none;background:url(nav_active.jpg) repeat-x}
#topNav li.line{background:url(nav_line.jpg) no-repeat;width:2px;}

.keywords{background:url(hot_keys.jpg) no-repeat;padding:18px 0;overflow:hidden;margin-top:25px;margin-bottom:10px;}
.keywords .title{color:#79a306;float:left;width:100px;text-align:right;font-weight:bold}
.keywords .content a{padding:0 5px}


#kinMaxShow{visibility:hidden;width:100%; height:477px; overflow:hidden;}
.neiye_banner{background: url("banner.jpg") no-repeat left center;width: 100%;height: 380px;}

.main{width: 100%;height: auto;}
.main_content{width: 1185px;height: auto;margin: 15px auto;}

/*index 样式*/
.section{width: 1185px;height: auto;margin: 10px auto;}
.section h1{text-align: center;}
.section em{display: inline-block;width: 100%;height: 20px;background: url("hr_icon.png") repeat-x bottom left;text-align: right;margin-bottom: 30px;}
.section em a{color: #0262b9;line-height: 8px;font-size: 13px;}
.section em a:hover{color: #0262b9;}

.pro_left{width: 242px;height: auto;}
.pro_left .box{width: 100%;height: 76px;background-color: #006dca;text-align: center;color: #fff;margin-bottom: 5px;}
.pro_left .box p{font-size: 20px;padding-top: 15px;}
.pro_left .box span{font-size: 14px;}

.pro_left h2{width: 217px;height: 52px;padding-left: 25px;border-bottom: 1px solid #b5d4ee;}
.pro_left h2 a{font-size: 13px;line-height: 52px;color: #fff;}
.pro_left h2.top{background: #0389f7 url("pro_left_cion2.png") no-repeat left center;}
.pro_left h2.botn{background: #0389f7 url("pro_left_cion2.png") no-repeat left center;}
/* .pro_left ul{width: 215px;height: inherit;background-color: #0389f7;border-bottom: 1px solid #b6ddfd;} */
/* .pro_left ul li{width: 215px;height: 60px;background: url("index_left_nav_icon.png") no-repeat 50px center;border-bottom: 1px solid #006bc3;border-top: 1px solid #b6ddfd;} */
/* .pro_left ul li a{line-height: 60px;color: #fff;font-size: 15px;display: inline-block;margin-left: 75px;} */
.pro_right{height:auto;}
.pro_right ul{width: 920px;height:auto;float: left;margin-left: 20px;}
.pro_right ul li{width: 205px;height:230px;float: left;margin: 0 15px 0px 13px;}
.pro_right ul li img{width: 200px;height:200px;padding: 2px;border: 1px solid #0389f7;}
.pro_right ul li img:hover{border: 1px solid #79a306;}
.pro_right ul li.mrg{margin-right: 0px!important;}
.pro_right ul li p{text-align: center;}
.pro_right ul li p a{line-height: 22px;font-size: 14px;color: #666;}

/*首页关于我们*/
.about_left{width: 660px;height: 320px;position: relative;}
.about_left a.more{width: 110px;height: 35px;border: 1px solid #ddd;text-align: center;line-height: 35px;color: #878787;position: absolute;right: 0;bottom: 30px;display: inline-block;background-color: #fff;}
.about_left p{text-indent: 2em;line-height: 35px;font-size: 14px;color: #666;}
.about_right img{width: 498px;height: 308px;border: 1px solid #ddd;padding: 5px 6px;}

/*我们的案例*/
.anli{}
.anli p{text-align: center;font-size: 18px;line-height: 150%;color:#666;}
.anli .listanli{width: 100%;margin-top: 20px;}
.anli .listanli li{width: 280px;height: 180px;margin: 0 20px 20px 1px;float: left}
.anli .listanli li a img{width: 100%;height: 147px;border:1px solid #d8d7d7;padding:2px;}
.anli .listanli li p a{text-align: center;font-size: 16px;}



/*首页我们的优势*/
.youshi_box{width: 31%;height: 500px;overflow: hidden;}
.youshi_box h3{border-left: 6px solid #e61413;line-height: 20px;font-size: 18px;margin-bottom: 20px;color:#666;}
.youshi_box h3 a{line-height: 20px;font-size: 14px;display: inline-block;float: right;}
.youshi_box p{line-height: 150%;font-size: 14px;color:#666;}
.youshi_box img{max-width: 100%;}
.center{margin: 0 3%;}

.line_icon{width: 100%;height: 130px;margin: 0px auto;float: left;background: url("line_img.png") no-repeat top center}
.line_icon .bg_content{width: 975px;height: 58px;margin: 24px auto 0;color: #fff;padding-left: 210px;}
.line_icon .bg_content p{float: left;color: #fff;}
.line_icon .bg_content p b{line-height: 30px;}
.line_icon .bg_content p span{font-size: 28px;font-family: arial, "宋体";}
.line_icon .bg_content em{line-height: 58px;width: 480px;text-align: center;display: inline-block;font-size: 15px;}
.line_icon .bg_content a{text-align: center;display: inline-block;font-size: 13px;font-weight: bold;border: 2px solid #fff;padding: 11px 35px;color: #fff;margin-left: 20px;}

/*首页新闻动态*/
.index_news{width: 350px;height: 320px;}
.news_center{margin-left: 70px;}
.index_news h4{line-height: 40px;color: #0262b9;font-size: 20px;font-weight: bolder;margin-bottom: 15px;background: url("news_linebottom.jpg") no-repeat bottom center;}
.index_news h4 i{width: 25px;height: 35px;background: url("new_icon.jpg") no-repeat center center;display: inline-block}
.index_news h4 a{display: inline-block;float: right;color: #0262b9;line-height: 40px;font-size: 13px;}
.index_news img{width: 350px;}
.index_news ul{width: 100%;height: auto;}
.index_news ul li{width: 100%;float: left;border-bottom: 1px dotted #d7d3d3;line-height: 35px;background: url("news_liicon.jpg") no-repeat left center;}
.index_news ul li a{display: inline-block;padding-left: 15px;font-size:14px;}
.index_news ul li span{display: inline-block;float: right;color: #666;font-size:14px;}
.main_pone{font-size: 18px;color: #064e89;text-align: center;}
.main_two{font-size: 16px;text-align: center;font-family: arial, "宋体";line-height: 30px;}
.p_foot{float: left;width: 260px;height: 60px;padding-top: 5px;border: 1px solid #ddd;margin-right: 45px;margin-top: 20px;text-align: center;line-height: 30px;font-size: 20px;}
.p_foot span{font-size: 15px;}


/*内页样式*/
.position{width: 100%;height: 40px;background: url("position.jpg") no-repeat;margin-bottom: 20px;}
.position h1{float: left;color: #0262b9;font-size: 20px;line-height: 18px;padding-left: 25px}
.position p{float: right;font-size: 13px;line-height: 25px;}
.news_tt{width: 100%;height: 80px;border-bottom: 1px dotted #ddd;margin-bottom:20px;}
.news_tt h1{font-size: 20px;color: #064e89;line-height: 50px;text-align: center;}
.news_tt p{text-align: center;line-height: 20px}
.page_content{width:97%;height:auto;padding:15px 1%;border:1px solid #ddd;font-size:16px!important;line-height: 200%;}
.page_content div{font-size:14px!important;}
.page_content img{max-width:100%;height:auto;}


/*分页*/
.f14{width:100%;border-top:1px solid #ddd;height:40px;line-height:40px;font-size:16px;margin-top:30px;}
.f14 span{display:inline-block;width:49%;}
.f14 a{font-size:16px;}

.pages{width: 100%;height: 35px;line-height: 25px;text-align: center;margin: 20px auto;}
.pages a{display: inline-block;text-align: center;border: 1px solid #ddd;padding: 0 5px;}
.pages a.curr{background: #0e5e99;color: #fff;}

/*新闻列表*/
#news_list{width: 100%;height: auto;margin: 20px auto;}
#news_list li{width: 100%;height:auto;line-height: 55px;border-bottom: 1px dashed #ddd;float: left;}
#news_list li span{line-height: 55px;float: right;color: #666;display: inline-block;}
#news_list li a{font-size: 15px;background:url(news_liicon.jpg) no-repeat left center;display:inline-block;padding-left:18px;}
#news_list li a:hover{color: #2078c0;}

/*案例列表*/
#list_anl{width: 100%;margin-top: 20px;}
#list_anl li{width: 270px;height: 180px;margin: 0 28px 20px 1px;float: left}
#list_anl li a img{width: 100%;height: 147px;border:1px solid #d8d7d7;padding:2px;}
#list_anl li p a{text-align: center;font-size: 14px;}

/*产品列表*/
.product{width: 100%;height: auto;margin: 30px auto;}
.product_left{width: 240px;height: auto;}
.product_left h1{background: url("navleft_title.jpg") no-repeat;font-size: 18px;color: #fff;width: 240px;height: 60px;text-align: center;line-height: 60px;}
.product_left ul{background: #f2f2f2;border: 2px solid #035eb2;border-top: 0;padding: 15px 10px;}
.product_left ul li{background: url(nav_left.png) no-repeat;line-height: 38px;margin-bottom: 15px}
.product_left ul li.currclass{background: url(nav_left_hover.jpg) no-repeat;line-height: 38px;margin-bottom: 15px}
.product_left ul li a{font-size: 14px;color: #fff;display: inline-block;padding-left: 30px;}
.product_left ul li a:hover{color: #fff;background: url("nav_left_hover.png") no-repeat;width:100%;}
.product_left ul li a.hover{color: #fff;display: inline-block;background: url("nav_left_hover.png") no-repeat;width:100%;}
.product_left .box1{width: 240px;height: 158px;background:url(left_contact.png) no-repeat top center;float:left;}
.product_left .box1 p{line-height: 25px;font-size: 18px;font-weight:bold;color:#fff;margin:65px 0 0 80px;}
.product_left .box1 a{display:inline-block;width:80px;line-height:25px;border:1px solid #fff;text-align:center;color:#fff;}
.product_left .box1 .a1{margin:20px 0 0 35px;}
.product_left .box1 .a2{margin:20px 0 0 10px;}
.product_left .box2{margin-top:20px;height:auto;width:100%;}
.product_left .box2 h2{margin-bottom:15px;background:url(new_icon.jpg) no-repeat left center;padding-left:28px;font-size:24px;color:#005fbb;border-bottom:1px solid #ddd;line-height:40px;}
.product_left .box2 p{line-height:180%;font-size:13px;color:#666;}
.right_content{width: 900px;height: auto;float: right;}
.right_content .title{width: 100%;height: 30px;border-bottom: 1px solid #ddd;margin-bottom: 10px;}
.right_content .title span{width: 9px;height: 20px;background-color: #064e89;display: inline-block;border-radius: 5px;}
.right_content .title{font-size: 14px;color: #000;}
.right_content ul{width: 100%;height:auto;float: left}
.right_content ul li{width:211px;height:250px;float: left;margin: 0 16px 0px 2px;overflow:hidden;}
.right_content ul li img{width: 205px;height:205px;padding: 2px;border: 1px solid #0389f7;}
.right_content ul li.mrg{margin-right: 0px;}
.right_content ul li p{text-align: center;}
.right_content ul li p a{line-height: 35px;font-size: 15px;color: #666;}
.right_content .description{width: 95%;height: auto;background-color: #f5f5f5;padding: 5px 2%;border: 1px solid #e5e5e5;text-indent: 2em;font-size: 14px;color: #868686;margin: 20px auto;line-height: 25px;}
.hrwidth{width: 100%;background: url("hr_icon.png") repeat-x;height: 4px;margin: 20px;}

.footer{width: 100%;height: 300px;background: url("footerbg.png") no-repeat top center;margin-top: 25px;}
.footer_content{width: 1185px;height: 280px;margin: 0 auto;padding-top: 20px;}
.footer_content .p1{text-align: center;color: #fff;font-size: 14px;line-height: 25px;border-bottom: 1px dashed #fff;padding-bottom: 10px;margin-bottom: 20px;}
.footer_content .p1 a{color: #fff;font-size: 14px;display: inline-block;padding: 0 5px;}
.footer_center p{text-align: center;color: #fff;width: 1000px;font-size: 17px;line-height: 30px;}
.footer_right{width: 180px;height: 180px;color: #fff;font-size: 15px;}
.footer_right img{width: 160px;height: 160px;}