﻿ @charset "UTF-8";
/* CSS Document */
body{ background-color:#FFFFFF; }
span,td,th,table,fieldset,form,pre,blockquote,p,dd,dt,li,dl,ol,ul,h6,h5,h4,h3,h2,h1,div,body,html,input{ margin:0; padding:0;}
ul li{ list-style:none;}
img{border:none; padding:0; margin:0;}

.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both; height:0; width:0; overflow:hidden; zoom:1;}
.ml10{ margin-left:10px;}
.mr10{ margin-right:10px;}
.mt5{ margin-top:5px;}
.cursor{ cursor:pointer;}

body,div,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
body { font-size:14px; line-height:150%;text-align:left; color:#666; font-family:"微软雅黑","Arial Black", Gadget, sans-serif; background:#ffffff;}
img{ border:0; -ms-interpolation-mode:bicubic; }
body .container{ width:100%; text-align:left; margin:0 auto; min-width:320px; height:100%; }
a:link {color:#666; text-decoration:none; outline:none;}
a:visited {color:#666; text-decoration:none;}
a:hover { color:#204A80; text-decoration:none;}
a:active { color:#204A80; text-decoration:none;}
ul,li{list-style:none;}
.box_main{min-width:320px; background:none repeat scroll 0% 0% #ffffff; margin:0px auto;overflow:hidden; min-height:480px; }
@media screen and (max-width:480px){
.content_box .news_list ul time{display:none;}
.content_box .news_list dt time{display:none;}
.content_box .news_box time{display:none;}
}
.main{ margin-bottom:60px;}

/*头部样式*/
.top{ width:100%;}
.top .logo img{vertical-align:middle; }
.top .logo{width:auto; overflow:hidden; max-height:300px; text-align:left;  background:#fff;} 

/*导航样式*/
.navigation{width:100%; margin:0 auto;}
.menu{width:100%; background:#06407F; display:block;}
.menu .navBody{overflow:hidden;margin:0 0}
.menu .navBody ul{overflow:hidden;display:-moz-box;display:-webkit-box;display:box;-moz-box-orient:horizontal;-webkit-box-orient:horizontal;box-orient:horizontal;}
.menu .navBody li{width:25%;line-height:36px;display:block;color:#000;text-align:center; float:left;}
.menu .navBody li a {color:#fff; text-decoration:none; width:100%;display:block; border:#FFFFFF solid 1px;}
.menu .navBody li a:visited {color:#fff; text-decoration:none;}
.menu .navBody li a:hover { color:#ffffff; text-decoration:none; background:#204A80;}
.menu .navBody li a:active { color:#ffffff; text-decoration:none; background:#204A80;}

/*导航样式*/

  .last{width:100%; margin:2px auto;background:#FFF;font-size:13px;}
  .last a{display:inline-block;background:#f3f3f3;width:155px;text-align:center;line-height:40px;margin:9px 0px 0px 2px;color:#666;border:1px #ccc solid;font-size:13px; height:40px; overflow:hidden;}
  /*首页样式*/
.title{width:100%; height:35px; background:#06407F; -webkit-box-shadow:0px 2px 2px #999;-moz-box-shadow:0px 2px 0px #999;}
.title .tit_name{padding-left:2.1%; height:35px; line-height:35px; float:left; width:auto; font-size:16px; color:#fff;}
.title .more{padding-right:2.1%; height:35px; line-height:35px; float:right; width:auto; }
.title .more a:link {color:#fff; text-decoration:none;}
.title .more a:visited {color:#fff; text-decoration:none;}
.title .more a:hover { color:#fff; text-decoration:none;}
.title .more a:active { color:#fff; text-decoration:none;}

.banner_box{width:100%; text-align:center; margin-top:2px;}
.banner_box img{vertical-align:middle; }
 
/*手机banner轮播*/
.roll_img_mb_01{ overflow:hidden; position:relative;}
.roll_img_mb_01 .img_box{ height:200px; overflow:hidden; text-align:center;}
.roll_img_mb_01 .img_box img{ vertical-align:middle; min-height:200px; 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:#D20000;}

.content_box .pages{clear:both; width:96%; text-align:center; padding:0 2%; margin-bottom:20px;}
.content_box .pages .next_pages{ width:100%; text-align:center; padding:10px 0px; margin:0 auto; background:#ccc;   font-size:14px; color:#204A80; border:none;}
.content_box .text_box{width:auto; text-align:left; padding:10px 1% 60px 1px;}

.content_box .contact_box{width:auto; text-align:left; padding:10px 1% 60px 1%;}
.content_box .contact_box .contact_text{width:100%; text-align:left; margin-bottom:15px;}

.content_box{clear:both; width:100%; text-align:left; margin-top:5px;}
.content_box .list_box{ width:100%;}
.content_box .list_box .about_text{width:95.8%; text-align:left; padding:10px 2.1% 20px 2.1%;}
.content_box .list_box .about_text img{float:left;	margin:5px;}
.content_box .list_box .about_text p{text-indent:2em;}

.content_box .pro_list{width:100%; text-align:left; padding:10px 0; overflow:hidden;}
.content_box .pro_list dl{ width:160px; height:150px; padding:5px 1.5%; float:left;}
.content_box .pro_list dt{ width:160px; height:120px; *line-height:120px; border:1px solid #ddd; text-align:center; overflow:hidden; padding:1px; margin-bottom:5px; display:table-cell; vertical-align:middle; }
.content_box .pro_list dt a{ height:100%; vertical-align:middle\9; _writing-mode:tb-rl; }
.content_box .pro_list dt img{ vertical-align:middle; max-height:120px !important; max-width:160px !important; width: expression(this.width > 160 && this.width > this.height ? 120 :true); height:expression(this.height >120 ? 120: true);vertical-align:middle; overflow:hidden;}
.content_box .pro_list dd{text-align:center; height:24px; line-height:24px; overflow:hidden; font-size:14px;}

.content_box .pro_list ul{height:136px; overflow:hidden; }
.content_box .pro_list .pro_pic{ width:160px; height:120px; *line-height:120px; border:1px solid #ddd; text-align:center; overflow:hidden; padding:1px; margin-bottom:5px; display:table-cell; vertical-align:middle; float:left; margin-right:10px;}
.content_box .pro_list .pro_pic a{ height:100%; vertical-align:middle\9; _writing-mode:tb-rl; }
.content_box .pro_list .pro_pic img{vertical-align:middle; max-height:120px !important; max-width:160px !important; width: expression(this.width > 160 && this.width > this.height ? 120 :true); height:expression(this.height >120 ? 120: true);vertical-align:middle; overflow:hidden;}
.content_box .pro_list .pro_intro{width:100%; text-align:left;}
.content_box .pro_list .pro_intro .pro_text{width:100%; text-align:left; margin-top:5px;}
.content_box .pro_list .pro_intro .pro_text p{width:100%; text-align:left; font-size:14px;}

.content_box .news_list{width:95.8%; padding:10px 2.1%;}
.content_box .news_list ul{width:100%;} 
.content_box .news_list ul li{ width:100%; height:40px; line-height:40px; border-bottom:1px dotted #ccbdc1;background:url(../images/arrow_red.png) left 50% no-repeat;}
.content_box .news_list ul time{width:auto; color:#999; float:right;}
.content_box .news_list ul li a{color:#666; text-decoration:none; width:auto; overflow:hidden; float:left; height:40px; padding-left:20px; display:block;}
.content_box .news_list ul li a:visited {color:#666; text-decoration:none;}
.content_box .news_list ul li a:hover { color:#204A80; text-decoration:none;}
.content_box .news_list ul li a:active { color:#204A80; text-decoration:none;}

.content_box .news_list dl{width:100%; float:left; border-bottom:1px dotted #ccbdc1; margin-bottom:10px;}
.content_box .news_list dt{width:100%; height:20px; line-height:20px; background:url(../images/arrow_red.png) left 50% no-repeat;}
.content_box .news_list dt time{width:auto; color:#999; float:right; font-size:14px; }
.content_box .news_list dt a{color:#666; text-decoration:none; width:auto; overflow:hidden; float:left; height:20px; padding-left:20px; display:block;}
.content_box .news_list dt a:visited {color:#666; text-decoration:none;}
.content_box .news_list dt a:hover { color:#204A80; text-decoration:none;}
.content_box .news_list dt a:active { color:#204A80; text-decoration:none;}
.content_box .news_list dd{width:100%; font-size:0.9em; color:#999;}

.content_box .service_list{width:95.8%; padding:10px 2.1%;}
.content_box .service_list ul{width:100%;} 
.content_box .service_list ul li{ width:100%; height:40px; line-height:40px; border-bottom:1px dotted #ccbdc1;background:url(../images/arrow_red.png) left 50% no-repeat;}
.content_box .service_list ul li a{color:#666; text-decoration:none; width:auto; overflow:hidden; float:left; height:40px; padding-left:20px; display:block;}
.content_box .service_list ul li a:visited {color:#666; text-decoration:none;}
.content_box .service_list ul li a:hover { color:#204A80; text-decoration:none;}
.content_box .service_list ul li a:active { color:#204A80; text-decoration:none;}

.content_box .service_list dl{width:100%; float:left; border-bottom:1px dotted #ccbdc1; margin-bottom:10px;}
.content_box .service_list dt{width:100%; height:20px; line-height:20px; background:url(../images/arrow_red.png) left 50% no-repeat;}
.content_box .service_list dt a{color:#666; text-decoration:none; width:auto;  float:left; height:20px; padding-left:20px; display:block; }
.content_box .service_list dt a:visited {color:#666; text-decoration:none;}
.content_box .service_list dt a:hover { color:#204A80; text-decoration:none;}
.content_box .service_list dt a:active { color:#204A80; text-decoration:none;}
.content_box .service_list dd{width:100%; font-size:0.9em; color:#999;}

.content_box .pro_class_list{width:100%; }
.content_box .pro_class_list li{width:100%; float:left; background:url(../images/arrow_red.png) no-repeat scroll 100% 50% transparent;height:35px; border-bottom:1px dotted #ccbdc1;line-height:35px;}
.content_box .pro_class_list li a:link{width:97.9%; float:left; height:35px; padding-left:2.1%; display:block; color:#666;}
.content_box .pro_class_list li a:visited {color:#666; text-decoration:none;}
.content_box .pro_class_list li a:hover { color:#fff; text-decoration:none; background:#890040;}
.content_box .pro_class_list li a:active { color:#fff; text-decoration:none; background:#890040;}
.content_box .pro_class_list li a{width:97.9%; float:left; height:35px; padding-left:2.1%; display:block;}


.content_box .news_box{width:98%; padding:10px 1% 40px 1%;}
.content_box .news_box .news_content{width:100%;}
.content_box .news_box .news_content .news_title{width:100%; padding:10px 0px; text-align:center; border-bottom:#ccc dotted 1px; font-size:16px;height:40px; line-height:40px; margin:0px auto;}
.content_box .news_box .news_content .up_time,.click{width:49%; float:left; font-size:14px; color:#999;}
.content_box .news_box .news_content .up_time{text-align:right; padding-right:2%; }
.content_box .news_box .news_content .up_click{text-align:left;}
.content_box .news_box .news_content .news_text{text-align:left; margin-top:10px; width:100%; float:left;}
.content_box .news_box .menu_box{width:100%; text-align:left; padding-top:20px; padding-bottom:60px; height:45px; clear:both;}
.content_box .news_box .menu_box a{ padding:0px 1%; margin-right:2%;text-align:center; height:25px; line-height:25px; display:block; background: #204A80; float:left; color:#fff }
.content_box .news_box .menu_box a:hover{ padding:0px 1%; margin-right:2%;text-align:center; height:25px; line-height:25px; display:block; background: #ccc; color:#ffffff;  text-decoration:none; border:none;}
.content_box .news_box .menu_box a:active{ padding:0px 1%; margin-right:2%;text-align:center; height:25px; line-height:25px; display:block; background: #ccc; color:#ffffff; text-decoration:none; border:none;}
.content_box .news_box .menu_box a:visited{ padding:0px 1%; margin-right:2%;text-align:center; height:25px; line-height:25px; display:block; background: #204A80; color:#fff;}

.content_box .news_box .menu_box .fy{ padding:0px 1%; margin-right:2%; margin-top:3px; margin-bottom:3px;text-align:center; height:25px; line-height:25px; display:block; background: #510449;  float:left;  color:#fff;}
.content_box .news_box .menu_box .fy a{ padding:0px 1%; margin-right:2%; margin-top:3px; margin-bottom:3px;text-align:center; height:25px; line-height:25px; display:block;float:left;  color:#fff;}
.content_box .news_box .menu_box .fy a:hover{ padding:0px 1%; margin-right:2%;text-align:center; height:25px; line-height:25px; display:block; background: #510449; color:#ffffff;  text-decoration:none; border:none;}
.content_box .news_box .menu_box .fy a:active{ padding:0px 1%; margin-right:2%;text-align:center; height:25px; line-height:25px; display:block; background: #510449; color:#ffffff; text-decoration:none; border:none;}
.content_box .news_box .menu_box .fy a:visited{ padding:0px 1%; margin-right:2%;text-align:center; height:25px; line-height:25px; display:block; background: #510449; color:#fffff;}

.coo{ height:200px; overflow:hidden;}
.fl { float:left;}
.fr { float:right;}

.coo .h1{ padding:64px 0 0 5px; display:block; width:9px; height:34px;}
.coo .h2{ padding:64px 5px 0 0; display:block; width:9px; height:34px;}
.coo .h1 img , .coo .h2 img{ width:9px; height:34px;}
.coo ul{ display:block; float:left; width:90%;}
.coo ul li{ margin:18px 0 0 15px; width:138px; float:left; display:inline;}
.coo ul li img{ width:130px; height:135px; padding:3px; border:1px solid #d2d2d2;}
.coo ul li span a{margin:5px auto;display:block; color:#444444; text-align:center; float:left;line-height:30px; font-family:"Microsoft Yahei";}


.fc{ height:200px; overflow:hidden;}
.fc .h1{ padding:64px 0 0 5px; display:block; width:9px; height:34px;}
.fc .h2{ padding:64px 5px 0 0; display:block; width:9px; height:34px;}
.fc .h1 img , .fc .h2 img{ width:9px; height:34px;}
.fc ul{ display:block; float:left; width:90%;}
.fc ul li{ margin:18px 0 0 15px; width:138px; float:left; display:inline;}
.fc ul li img{ width:130px; height:135px; padding:3px; border:1px solid #d2d2d2;}
.fc ul li span a{margin:5px auto;display:block; color:#444444; text-align:center; float:left;line-height:30px; font-family:"Microsoft Yahei";}


.why{ width:320px; float:left; margin:0px auto;}
.leftdiv{ width:38px; height:394px; float:left; background:url(../images/youshileft.jpg)}
.rightdiv{ width:278px;height:394px; float:right;}
.one { float:right;width:278px;}
.one h3 { background:url(../images/ysx.gif) repeat-x left bottom; height:30px; font-size:14px; font-family:"微软雅黑"; margin-top:12px; margin-bottom:2px;color:#000000; padding-left:15px;}
.one p { background:url(../images/ysdd.gif) no-repeat 2px center; padding:0 20px; height:24px; line-height:24px; font-size:12px; color:#3b3b3b; font-family:"微软雅黑";}
.one p em { font-style:normal; color:#ff5f00}

.two { float:right;width:278px;}
.two h3 { background:url(../images/ysx.gif) repeat-x left bottom; height:30px; font-size:14px; font-family:"微软雅黑"; margin-top:18px; margin-bottom:2px; color:#000000; padding-left:15px;}
.two p { background:url(../images/ysdd.gif) no-repeat 2px center; padding:0 20px; height:24px; line-height:24px; font-size:12px; color:#3b3b3b; font-family:"微软雅黑";}
.two p em { font-style:normal; color:#ff5f00}


.three { float:right;width:278px;}
.three h3 { background:url(../images/ysx.gif) repeat-x left bottom; height:30px; font-size:14px; font-family:"微软雅黑"; margin-top:19px; margin-bottom:2px; color:#000000; padding-left:15px;}
.three p { background:url(../images/ysdd.gif) no-repeat 2px center; padding:0 20px; height:24px; line-height:24px; font-size:12px; color:#3b3b3b; font-family:"微软雅黑";}
.three p em { font-style:normal; color:#ff5f00}


.four { float:right;width:278px;}
.four h3 { background:url(../images/ysx.gif) repeat-x left bottom; height:30px; font-size:14px; font-family:"微软雅黑"; margin-top:20px; margin-bottom:2px; color:#000000; padding-left:15px;}
.four p { background:url(../images/ysdd.gif) no-repeat 2px center; padding:0 20px; height:24px; line-height:24px; font-size:12px; color:#3b3b3b; font-family:"微软雅黑";}
.four p em { font-style:normal; color:#ff5f00}

.case111 li{ float:left; width:100%; border-bottom:#d8d8d8 1px solid; overflow:hidden; padding:15px 0;}
.case111 li img{ float: left; width:90px; height:121px; padding:2px; margin:2px;border:#d8d8d8 1px solid;}
.case111 li span{ float:right; width:230px;}
.case111 li h1{font-size: 16px;font-weight: bold;color:#333;padding-bottom: 15px;}
.case111 li h1 a{color: #CC0000;}
.case li p{ margin-bottom:15px;}
.zixun{ color:#FFFFFF; width:80px; padding:5px 10px; height:30px; line-height:30px; border:#d8d8d8 1px solid; text-align: center;}
.zixun a{ color:#FFFFFF;font-size:14px;}
.zixun a:link{ color:#FFFFFF;font-size:14px;}
.zixun a:visited{ color:#FFFFFF;font-size:14px;}
.zixun a:hover{ color:#FFFFFF;font-size:14px;}
.zixun a:active{ color:#FFFFFF;font-size:14px;}
.xq{  width:80px; padding:5px 10px; height:30px; line-height:30px;  text-align: center; font-size:14px;border:#d8d8d8 1px solid;}

.xxlist { width:100%;}
.xxlist p { line-height:26px; color:#666;}
.nl { width:100%; float:left; border-bottom:#e6e6e6 1px solid; padding:10px 0px;}
.nlLeft { width:95%; float:left; margin-left:8px; overflow:hidden;}
.nlLeft h3 {font-size:12px; height:30px;line-height:30px; background:url(../images/pic.png) no-repeat left center; text-indent:20px; font-weight:normal;}
.nlLeft p a{ height:23px; color:#666;text-overflow:ellipsis; }
.info_a p{ margin-top:15px; line-height:30px;}
.nlRight { width:35px; height:42px; float:right; margin-right:10px; display:inline; background:url(../images/date.gif) left top no-repeat;}
.nlRight span { display:block; text-align:center; color:#fff; width:100%;}
.nlRight span.day { height:26px; line-height:26px; font-family:Arial; font-size:1.5em;}
.nlRight span.month { height:16px; line-height:16px; font-family:Arial; font-size:12px;}

#pro_left{float:left; width:100%; }
#pro_lefttit ul{overflow:hidden; width:100%;}
#pro_lefttit li{float:left;font-size:14px;}
#pro_lefttit li a{padding:0px 10px 0px 10px; height:35px; line-height:35px; background:#06407F; border:#06407F 1px solid; border-bottom:none; float:left; margin-right:3px; margin-left:3px; color:#fff;}
#pro_lefttit li a:hover{background:#f8f8f8;color:#204A80; border:#ccc 1px solid; border-bottom:none}
#pro_lefttit li a.nomol{background:#f8f8f8;color:#204A80; border:#ccc 1px solid; border-bottom:none; font-weight:bold}

#pro_con .writefont p{color:#fff;text-indent: 0px;padding: 0px;}

#pro_con{border:#ccc 1px solid; border-top:#06407F 1px solid;  overflow:hidden; margin-bottom:10px; padding-top:5px}
#pro_con p{padding:6px; color:#666; line-height:28px}
#pro_con {padding:6px; color:#666;}
#pro_con h5{ font-size:14px; color:#CC0000; margin-left:15px;}
#pro_con p img{ margin-left:-30px;}
#pro_con h3{background:url(../images/proico.gif) no-repeat left center;font-size:15px; text-align:left; color:#222; font-weight:bold; margin:10px; padding-left:22px;}
#pro_con h2{font-size:14px; text-align:left; padding-left:35px; margin:10px 0px 10px 0px; line-height:30px; background:url(../images/gif-01.gif) #f3f3f3 no-repeat 15px center; border-top:#ccc 1px solid; border-bottom:#ccc 1px solid}
#pro_con h4{font-size:15px; color:#222; text-align:left; padding-left:15px; margin:10px 0px 10px 0px; line-height:34px; background:#FAFAFA; border-top:#d8d8d8 1px solid; border-bottom:#d8d8d8 1px solid}

table{border-color:#fff; border-collapse:collapse; margin-top:10px; margin-bottom:15px;}
table td{padding:3px 0; line-height:21px; border-color:#ccc}

#pro_left001{float:left; width:100%; }
#pro_lefttit001 ul{overflow:hidden; width:100%}
#pro_lefttit001 li{float:left;font-size:14px;}
#pro_lefttit001 li a{padding:0px 10px 0px 10px; height:35px; line-height:35px; background:#06407F;color:#000; border:#06407F 1px solid; border-bottom:none; float:left; margin-right:3px;margin-left:3px; }
#pro_lefttit001 li a:hover{background:#D20000;color:#FFF; border:#D20000 1px solid; border-bottom:none}
#pro_lefttit001 li a.nomol{background:#D20000;color:#FFF; border:#D20000 1px solid; border-bottom:none; font-weight:bold}

#pro_con001{border:#ccc 1px solid; border-top:#06407F 1px solid;  overflow:hidden; margin-bottom:10px; padding-top:5px; padding-bottom:5px;}
  /*首页APP样式*/
.buttons{width:100%; text-align:center; margin:20px 0; }
.buttons dl{width:80px; margin:0 auto; text-align:center;}
.buttons dl dt{width:100%;}
.buttons dl dd{width:100%; height:20px; line-height:20px; }
.buttons a{color:#666; text-decoration:none; font-size:16px; width:33%; float:left; display:block; padding-top:10px; margin-bottom:10px;}
.buttons a:visited {color:#666; text-decoration:none;}
.buttons a:hover {color:#204A80; text-decoration:none;}
.buttons a:active { color:#204A80; text-decoration:none;}
/*底部样式*/
.bottom{clear:both; width:100%; border-top:#d20b04 solid 2px;  background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#efefef));background:-moz-linear-gradient(top, #ffffff, #efefef); /* Firefox */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#efefef,grandientType=0);}
.bottom ul{width:100%; text-align:center; padding:15px 0px; font-size:0.8em;}
.bottom ul li{width:100%;}
.bottom .mr10{margin-right:15px;}
/*分享按钮样式*/
.share{clear:both; width:100%; text-align:center;  margin-bottom:5px; height:40px;  background:#1A528F; display:block; padding-top:5px;} 
.share .share_menu{ width:160px; margin:0 auto; background:url(../images/share_bg.png) no-repeat left top;
 height:36px; border:none; line-height:36px;  font-size:14px;  color:#fff; font-weight:bold; cursor:pointer;}
/*分享窗口样式*/
.share_box_bg{ width: 100%;height: 100%;left: 0px;top: 0px;opacity: 0.5;z-index: 1; position: fixed !important;  background:#204A80;}
.share_box{ width:320px; height:270px; border:#3d3d3c solid 1px; z-index:999; overflow:hidden; left:50%; top:40%; margin-left: -155px !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); /* Firefox */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); /* Firefox */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e6e6e6,endColorstr=#e5e5e5,grandientType=0); border:#c9c9c9 solid 1px;}
.share_box .share_nr a:visited {color:#666; text-decoration:none;}
.share_box .share_nr a:hover {color:#CC3300; text-decoration:none; background:-webkit-gradient(linear, 0 0, 0 100%, from(#e5e5e5), to(#ffffff)); background:-moz-linear-gradient(top, #e5e5e5, #ffffff); /* Firefox */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5e5e5,endColorstr=#ffffff,grandientType=0);}
.share_box .share_nr a:active { color:#666; text-decoration:none; background:-webkit-gradient(linear, 0 0, 0 100%, from(#e5e5e5), to(#ffffff)); background:-moz-linear-gradient(top, #e5e5e5, #ffffff); /* Firefox */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5e5e5,endColorstr=#ffffff,grandientType=0);}
.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;}
/*底部浮动样式*/
/*内页样式*/
.search{width:100%;float:left; display:block;background:#06407F; margin:5px auto;border-bottom-left-radius:5px;
	border-top-left-radius:5px;
	border-bottom-right-radius:5;
	border-top-right-radius:5;
	-webkit-border-top-left-radius:5px;   /*圆角，针对苹果浏览器写的兼容*/
	-webkit-border-bottom-left-radius:5px;  /*圆角，针对苹果浏览器写的兼容*/
	-webkit-border-top-right-radius:5;  /*圆角，针对苹果浏览器写的兼容*/
	-webkit-border-bottom-right-radius:5;  /*圆角，针对苹果浏览器写的兼容*/}
.text{float:left;width:83%;height:30px;border:0;background:#FFF;font:100 14px/30px 'microsoft yahei';text-indent:5px;color:#ABA09E; border-right:0;margin:5px 0 0 10px;border-bottom-left-radius:5px;
	border-top-left-radius:5px;
	border-bottom-right-radius:5;
	border-top-right-radius:5;
	-webkit-border-top-left-radius:5px;   /*圆角，针对苹果浏览器写的兼容*/
	-webkit-border-bottom-left-radius:5px;  /*圆角，针对苹果浏览器写的兼容*/
	-webkit-border-top-right-radius:5;  /*圆角，针对苹果浏览器写的兼容*/
	-webkit-border-bottom-right-radius:5;  /*圆角，针对苹果浏览器写的兼容*/
	text-indent:15px;}
.button{float:right;width:12%;height:40px;border:0; cursor:pointer; background:#204A80; font-size:18px; font-family:"微软雅黑"; color:#FFF; letter-spacing:1px;}

/*底部浮动样式*/
.body_footer{width:100%; height:45px; background:-webkit-gradient(linear, 0 0, 0 100%, from(#204A80), to(#204A80));background:-moz-linear-gradient(top, #204A80, #204A80); /* Firefox */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#204A80,endColorstr=#204A80,grandientType=0);  bottom:0; border-top:#204A80 solid 1px;}
.body_footer ul{width:100% ; height:45px; line-height:45px;}
.body_footer ul li{width:20% ; float:left; color:#fff;}
.body_footer ul li a{width:100% ; height:45px; display:block; border-right:#204A80 solid 1px; }
.body_footer ul li a:visited {color:#fff; text-decoration:none;}
.body_footer ul li a:hover {color:#fff; text-decoration:none;  background:-webkit-gradient(linear, 0 0, 0 100%, from(#204A80), to(#204A80));background:-moz-linear-gradient(top, #204A80, #204A80); /* Firefox */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#42011f,endColorstr=#300017,grandientType=0); }
.body_footer ul li a:active { color:#fff; text-decoration:none; background:-webkit-gradient(linear, 0 0, 0 100%, from(#204A80), to(#204A80));background:-moz-linear-gradient(top, #204A80, #204A80); /* Firefox */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#204A80,endColorstr=#204A80,grandientType=0);}
.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;}
/*内页样式*/
.dinggou{overflow:hidden; width:100%; margin:0 auto}

.zx_dg{POSITION:relative; width:320px; padding:10px 0px 10px 1px; overflow:hidden}
DL.zx_dg{LINE-HEIGHT:30px; WIDTH:320px}
DL.zx_dg DT{WIDTH:90px; MARGIN-BOTTOM:10px; FLOAT:left; HEIGHT:30px; COLOR:#00367A; CLEAR:left; FONT-WEIGHT:bold}
DL.zx_dg DD{WIDTH:230px; MARGIN-BOTTOM:10px; FLOAT:left; HEIGHT:32px}
DL.zx_dg INPUT{BORDER:#b1b8cc 1px solid;  TEXT-INDENT:5px; WIDTH:192px; HEIGHT:28px; line-height:28px; COLOR:#555}
DT.msg_tit{DISPLAY:none}
dl.msg{WIDTH:320px; HEIGHT:115px}
DL.msg DT{WIDTH:90px; MARGIN-BOTTOM:10px; FLOAT:left; HEIGHT:80px; COLOR:#00367A; CLEAR:left; FONT-WEIGHT:bold}
DL.msg DD{WIDTH:220px; MARGIN-BOTTOM:10px; FLOAT:left; HEIGHT:80px}
DL.msg TEXTAREA{BORDER:#b1b8cc 1px solid;  LINE-HEIGHT:20px; TEXT-INDENT:5px; WIDTH:200px; HEIGHT:70px; COLOR:#555}

.dg_aj{MARGIN:0px auto; WIDTH:174px; HEIGHT:26px; clear:both}
.dg_aj INPUT{BORDER:#b1b8cc 1px solid; WIDTH:70px; BACKGROUND:#f0f1f3; FLOAT:left; HEIGHT:26px; COLOR:#555; CURSOR:pointer}
.dg_aj .submit{BACKGROUND:#333; COLOR:#fff; MARGIN-RIGHT:28px}

/* 关于我们标题   */
.m-cont .m-con .ptit { color:#fff ; font-size:14px; }
.m-cont h2 { color:#fff ; }
.m-tit.z-spe{border-bottom:1px solid #A9A9A9;height:40px; line-height:40px;} /* 产品详细页标题边框颜色 */
.m-tit { background:#1A528F; color:#fff;height:40px; line-height:40px;}/*产品详细页标题背景*/
.m-tit a:link{color:#fff; padding-left:20px;}
.m-tit a:visited{color:#fff;}
.m-tit a:hover{color:#fff;}
.m-tit a:active{color:#fff;}
/* 关于我们  */
.m-cont .u-ttel{ float:right; padding-right:12px;}
.m-cont .m-con{ padding:17px 10px 18px 18px; margin-right:15px; background:url(../images/aboutbg.gif) no-repeat right 46px;}
.m-cont .m-con p{ line-height:25px; font-size:12px;}
.m-cont .m-con-2{padding:21px 0 0 21px; width:320px; margin:0 auto;}
.m-cont .m-con-2 .m-nav dl{ width:83px; height:110px; float:left; margin-right:20px;margin-bottom:10px;}

.nav dd{ text-align:center; line-height:32px; font-size:16px; height:32px;  }

.nav dd{ text-align:center; line-height:32px; font-size:16px; height:32px; }

.nav dt{
	padding:9px;
	-moz-border-radius:65px;
	-webkit-border-radius:65px;
	border-radius:65px;
	width:65px;
    height: 65px;
	margin-right: 20px;
	float:left; 
    animation-name: buttonHover;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
	-webkit-animation-name: buttonHover;
	-webkit-animation-duration: 2s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
    -moz-animation-name: buttonHover;
	-moz-animation-duration: 2s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;
}
.nav dt:before{
	content:"";
	position:absolute;
	width:40px;
	height:40px;
	border-radius:40px;
	bottom:30px;
	left:30px;
}
/*底部开始*/
.g-ft{ background:#1A528F;}
.m-top{ display:block; border-bottom:1px solid #000000; padding:1% 0;}
.u-top{ width:25%; margin:0 auto;font-size:12px; color:#f08300; text-shadow:0 1px 1px #000;}
.u-top span{ width:22%; display:inline-block;}
.u-top span img{ width:100%; vertical-align:middle;}
.m-bmu{ padding:2% 0  0;text-align:center;  position:relative; color:#FFFFFF; text-shadow:0 1px 1px #000; border-top:1px solid #3A3A3A; line-height:200%;}
.m-bmu a{color:#FFF; padding:0 0.5%;}
.m-bmu p{ padding:2%; color:#fff;}
.m-bmu p a:link{color:#FFF;}
.m-bmu p a:active{color:#FFF;}
.m-bmu p a:visited{color:#FFF;}
.m-bmu p a:hover{color:#FFF;}
.code{ width:125px; text-align:center; margin:0 auto 0 auto; padding-top:10px; display:block; }
.code{ width:29.2%; text-align:center;  margin:0 auto; padding-top:3%; display:none;}
.code p img{ width:100%;}