@charset "gb2312";

#header { margin: 0; padding: 0; width: 100%; height: auto; overflow: hidden; background:#0d51b4; }
#logo { float: left;margin: 1em 0.5em; }

nav1 { margin: 0px; padding: 0px; border: 0px currentColor; }
nav1 { display: block; }
#nav-link { padding: 40px 1em; float: right; display: inline-block; background: #9BCDFB; }
#nav-link::after { }
#nav-link:hover { background: rgba(0, 0, 0, 0.3); }
#nav-link:focus { background: rgba(0, 0, 0, 0.3); }
.active#nav-link { background: rgb(235, 235, 235); color: rgb(100, 100, 100); }
.nav1 { background: rgb(235, 235, 235); color: rgb(100, 100, 100); font-weight: bold; }
.nav1 { transition: top 0.3s ease-out; box-shadow: 0px 8px 12px -6px rgba(0,0,0,0.3); -webkit-box-shadow: 0 8px 12px -6px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 8px 12px -6px rgba(0, 0, 0, 0.3); -moz-transition: top 0.3s ease-out; -webkit-transition: top 0.3s ease-out; -o-transition: top 0.3s ease-out; }
.nav1 li a { font: bold 14px/34px "STHeiti", "Arial"; padding: 0.7em; color: rgb(112, 112, 112); font-weight: bold; border-top-color: rgb(221, 221, 221); border-bottom-color: rgb(239, 239, 239); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; display: block; }
.nav1 li a:hover { background: rgb(90, 90, 90); color: rgb(255, 255, 255); border-top-color: rgb(0, 0, 0); border-top-width: 1px; border-top-style: solid; }
.nav1 li a:focus { background: rgb(90, 90, 90); color: rgb(255, 255, 255); border-top-color: rgb(0, 0, 0); border-top-width: 1px; border-top-style: solid; }
.nav1 li a:hover { background: -ms-linear-gradient(rgb(90, 90, 90) 0%, rgb(41, 41, 41) 100%); }
.nav1 li a:focus { background: -ms-linear-gradient(rgb(90, 90, 90) 0%, rgb(41, 41, 41) 100%); }
.nav1 { left: 0px; top: -99em; width: 100%; position: absolute; z-index: 4; }


.nav { width: 100%; height: 36px; border: 1px solid #ffffff; border-bottom: 0; border-left: 0; border-right: 0; background: url(../images/nav_bg.jpg) repeat-x 0 0; }
.nav ul { margin: 0; padding: 0; }
.nav ul li { float: left; display: block; width: 25%; height: 34px; border-right: 1px solid #ffffff; text-align: center; }
.nav ul li.last { border-right: 0; }
.nav ul li a { display: block; height: 34px; color: #fff; font: bold 14px/34px "STHeiti", "Arial"; }
.nav ul li a:hover { color: #FFF; background: url(../images/nav_bg2.jpg) repeat-x 0 0; }


.banner_box { width: 100%; text-align: center;	padding-top: 1px;	padding-bottom: 1px;}
.banner_box img { vertical-align: middle; }
.roll_img_mb_01 { overflow: hidden; position: relative; }
.roll_img_mb_01 .img_box { overflow: hidden; text-align: center; }
.roll_img_mb_01 .img_box img { vertical-align: middle; min-height: 100px; width: 100%; }
.roll_img_mb_01 .nav_box { overflow: hidden; height: 20px; position: absolute; right: 10px; bottom: 0px; }
.roll_img_mb_01 .nav_box li { width: 10px; height: 10px; font-size: 1px; overflow: hidden; background: #ddd; border-radius: 50px; float: left; margin: 4px; }
.roll_img_mb_01 .nav_box .li_on { background: #c00; }


.content { margin: 10px 5px; height: auto; overflow: hidden; border: 1px solid #ccc; border-radius: 5px; box-shadow: 0px 1px 4px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.3); }
.tit { padding: 5px 10px; background: url(../images/tit_bg.jpg) repeat-x 0 0; border-bottom: 1px solid #ccc; color: rgb(62, 62, 62); font-weight: bold; text-shadow: 0px 1px 1px #fff; height: 34px; }
.tit h2 { float: left; color: #333; font: bold 14px/24px "STHeiti", "Arial"; }
.tit h3 { float: left; color: #333; font: bold 12px/24px "STHeiti", "Arial"; }

.tit span { float: right; color: #666; font: 14px/24px "STHeiti"; }
.con { padding: 10px 5px; height: auto; oveflow: hidden; }
.case { margin: 0; padding: 0; height: auto; overflow: hidden; }
.case ul { margin: 0; padding: 0; }
.case ul li { float: left; display: block; width: 50%; oveflow: hidden; text-align: center; }
.case_img { margin: 5px; padding: 4px; border: 1px solid #ddd; overflow: hidden;}
.case_name { color: #333; font: bold 12px/20px "STHeiti", "Arial"; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.m-cpfl { overflow:hidden;}
.m-cpfl h2 { height: 35px; line-height: 35px; width:100%; font-size: 14px; color: #fff; text-indent:14px; position:relative;background-color: #1f47a7; font-weight:bold; overflow:hidden;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#1745af), to(#21479f)); 
	background-image: -webkit-linear-gradient(top,  #1745af, #21479f); 
	background-image: -moz-linear-gradient(top, #1745af, #21479f);
	background-image: linear-gradient(top, #1745af, #21479f);
}
.m-cpfl h2:before{ content:""; position:absolute; width:100%; height:2px; bottom:0; left:0; border-bottom:3px solid #002b93;}
.m-cpfl h2 span { padding-right: 11px; font-size: 12px; font-weight:bold;}
.m-cpfl h2 span em { font-style:normal; font-family:"ËÎÌå"; padding-left:2px;}
.m-cpfl h3 { height: 30px; line-height: 30px; width:100%; font-size: 13px; color: #0b5dbd; overflow:hidden; text-indent:24px; position:relative;background-color: #f7f7f7; 								border-top:1px solid #eaeaea; border-bottom:1px solid #e0e0e0; font-weight:bold;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#e9e9e9)); 
	background-image: -webkit-linear-gradient(top,  #fbfbfb, #e9e9e9); 
	background-image: -moz-linear-gradient(top, #fbfbfb, #e9e9e9);
	background-image: linear-gradient(top, #fbfbfb, #e9e9e9);
}
.m-cpfl h3:before{ content:""; position:absolute; width:5px; height:9px; background:url(../images/h3sj.png) no-repeat; background-size:5px 9px; top:11px; left:13px;}
.m-cpfl h3:after { content:""; position:absolute; width:100%; height:1px; background-color:#fff; bottom:0; left:0;}
.m-cpfl .flul { position:relative; padding:0 14px;}
.m-cpfl .flul li {  height: 33px; line-height: 33px; width:136px; overflow:hidden; font-size: 12px; color: #3a3a3a; text-indent:27px; position:relative;float:left; text-transform:uppercase;}
.m-cpfl .flul li:before{ content:""; position:absolute; width:4px; height:5px; background:url(../images/ddsj.png) no-repeat; background-size:100%; top:15px; left:15px;}





.m-cpfl .flul2 { position:relative; }
.m-cpfl .flul2 li {  height: 30px; line-height: 30px; width:50%; overflow:hidden; font-size: 13px; text-indent:24px; position:relative;float:left; text-transform:uppercase;
background-color: #f7f7f7; border-top:1px solid #eaeaea; border-bottom:1px solid #e0e0e0; font-weight:bold;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#e9e9e9)); 
	background-image: -webkit-linear-gradient(top,  #fbfbfb, #e9e9e9); 
	background-image: -moz-linear-gradient(top, #fbfbfb, #e9e9e9);
	background-image: linear-gradient(top, #fbfbfb, #e9e9e9); }
.m-cpfl .flul2 li:before{ content:""; position:absolute; width:5px; height:9px; background:url(../images/h3sj.png) no-repeat; background-size:5px 9px;; top:11px; left:13px;}



.pro_type { margin: 0 5px; padding: 0; height: auto; overflow: hidden; }
.pro_type ul { margin: 0; padding: 0; }
.pro_type ul li { float: left; display: block; margin-bottom: 3px; width: 100%; height: 30px; }
.pro_type ul li a { display: block; width: 100%; height: 30px; color: #333; font: 14px/30px "STHeiti", "Arial"; text-indent: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: url(../images/ico2.png) no-repeat 5px 2px #F6F6F6; border-bottom: 1px solid #ddd; }
.pro_type ul li a:hover { color: #d00; background: url(../images/ico2.png) no-repeat 5px -23px #eee; border-bottom: 1px solid #ddd; }


.about { margin: 0 5px 5px 5px; padding: 0; height: auto; overflow: hidden; color: #333; font: 12px/20px "STHeiti", "Arial"; }
.about img { float: left; margin-right: 10px; }


.news { margin: 0 5px; padding: 0; height: auto; overflow: hidden; }
.news h3 { float: left; color: #333; font: bold 12px/24px "STHeiti", "Arial"; }
.news ul { margin: 0; padding: 0; }
.news ul li { float: left; width: 100%; height: 30px; overflow: hidden; border-bottom: 1px dotted #ddd; }
.news ul li a { float: left; display: block; width: 100%; text-indent: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: url(../images/ico9.png) 0 0 no-repeat; color: #333; font: 12px/30px "STHeiti", "Arial"; }
.news ul li a:hover { color: #d00; background: url(../images/ico9.png) 0 -25px no-repeat; }
.news ul li span { float: right; display: block; color: #999; font: 11px/30px "STHeiti", "Arial"; -webkit-text-size-adjust: none; }



.share { text-align: center; height: 40px; display: block; padding: 2px; margin: 10px 5px; border: 1px solid #6a9134; border-radius: 20px; box-shadow: 0px 1px 4px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.3); background: url(../images/nav_bg.jpg) repeat-x 0 0; }
.share .share_menu {  margin: 0 auto; height: 36px; border: none; line-height: 36px;  color: #fff; font-weight: bold; cursor: pointer; }
.share_menu a {	color:#fff;}

.share_box_bg { width: 100%; height: 100%; left: 0px; top: 0px; opacity: 0.5; z-index: 1; position: fixed !important; background: #000; display: block; }
.share_box { width: 320px; height: 220px; border: #3d3d3c solid 1px; z-index: 999; overflow: hidden; left: 50%; top: 40%; margin-left: -160px !important; margin-top: -120px !important; position: fixed !important; background: #efefef; }
.share_box .box_title { width: 320px; height: 36px; line-height: 36px; background: -webkit-gradient(linear, 0 0, 0 100%, from(#4c4e52), to(#6b6d73)); background: -moz-linear-gradient(top, #4c4e52, #6b6d73); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c4e52, endColorstr=#6b6d73, grandientType=0);
border-bottom: #7a7b81 solid 1px; }
.share_box .box_title .name { width: 90px; float: left; color: #fff; font-size: 18px; font-weight: bold; padding-left: 10px; }
.share_box .box_title .close { width: 30px; float: right; text-align: center; padding-top: 2px; }
.share_box .share_nr { width: 280px; margin: 15px auto 0px auto; text-align: center; }
.share_box .share_nr a { display: block; height: 40px; line-height: 40px; overflow: hidden; margin-bottom: 12px; color: #666; font-size: 14px; width: 100%; background: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(#e5e5e5)); background: -moz-linear-gradient(top, #e6e6e6, #e5e5e5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e6e6e6, endColorstr=#e5e5e5, grandientType=0);
border: #c9c9c9 solid 1px; }
.share_box .share_nr .share_ico { width: 32px; padding-top: 4px; float: left; padding-left: 15px; }
.share_box .share_nr .share_name { width: 150px; padding-left: 15px; text-align: left; float: left; }


.contact { margin: 20px 0 65px; width: 100%; height: auto; overflow: hidden; color: #333; font: 12px/24px "STHeiti", "Arial"; text-align: center; }



.body_footer { width: 100%; height: 45px; background: linear-gradient(#044ca0, #0b5dbd) #0b5dbd; background: -webkit-gradient(linear, 0 0, 0 100%, from(#0b5dbd), to(#044ca0)); background: -moz-linear-gradient(top, #044ca0, #0b5dbd); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#044ca0, endColorstr=#0b5dbd, grandientType=0);
bottom: 0; border-top: #0b5dbd solid 1px; }
.body_footer ul { width: 100%; height: 45px; line-height: 45px; }
.body_footer ul li { width: 25%; float: left; color: #fff; }
.body_footer ul li a { width: 100%; height: 45px; display: block; border-right: #0b5dbd solid 1px; }
.body_footer ul li a:hover { background: #e9451f; }
.body_footer ul li dl { width: auto; margin: 0 auto; text-align: center; }
.body_footer ul li dt { width: auto; height: 25px; overflow: hidden; }
.body_footer ul li dd { width: auto; height: 20px; font-size: 12px; color: #fff; line-height: 20px; overflow: hidden; }


.about_p { margin: 0 5px; padding: 0; height: auto; overflow: hidden; color: #333; font: 12px/20px "STHeiti", "Arial"; }