@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0;font-size:12px;  color:#333; font-family: "微软雅黑";  background:#fff;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,p{margin:0;padding:0; border:0;}
fieldset,img {border:0;}
.clear{ clear:both;}
img{vertical-align:middle;}
ul,li,ol {list-style:none;}
a:link{text-decoration:none; color:#000; font-family: "微软雅黑"; }
a:visited{text-decoration:none; color:#000; font-family: "微软雅黑"; }
a:hover{text-decoration:none; color:#076ce0;  font-family: "微软雅黑"; }
.blank1{ height:1px; clear:both;}
.blank5{ height:5px; clear:both;}
.blank10{ height:10px; clear:both;}
.blank12{ height:12px; clear:both;}
.blank15{ height:15px; clear:both;}
.blank20{ height:20px; clear:both;}
.blank25{ height:25px; clear:both;}
.blank30{ height:30px; clear:both;}
.blank35{ height:35px; clear:both;}
.blank36{ height:36px; clear:both;}
.blank40{ height:40px; clear:both;}
.blank45{ height:45px; clear:both;}
.blank50{ height:50px; clear:both;}
.blank55{ height:55px; clear:both;}
.blank60{ height:60px; clear:both;}
.blank70{ height:70px; clear:both;}
.blank80{ height:80px; clear:both;}
.blank100{ height:100px; clear:both;}
.blank120{ height:120px; clear:both;}
.blank130{ height:130px; clear:both;}
.blank150{ height:150px; clear:both;}
.blank180{ height:180px; clear:both;}
.blank200{ height:200px; clear:both;}
.blank250{ height:250px; clear:both;}
.blank280{ height:280px; clear:both;}
.abk1200{ width:1200px; overflow:hidden; }

.cf:after {content:"";clear:both;display:block;height:0;overflow:hidden}
.cf {zoom:1}
.fl{float:left}
.fr{float:right}
.b_center{ margin:0 auto; text-align:center;}
.line1{ border-bottom:1px solid #e6e6e6;}


.header{ width:100%; height:38px; background:#171717; overflow:hidden;}
.header .header_all{ width:1200px; height:38px;}
.header .header_all .welcome{ width:50%; height:38px; overflow:hidden; font:300 12px/38px "微软雅黑"; color:#FFF; text-align:left;}
.header .header_all .menu{ width:50%; overflow:hidden;}
.header .header_all .menu ul{ text-decoration:none; list-style:none; overflow:hidden;}
.header .header_all .menu ul li{ float:right; font:300 12px/38px "微软雅黑"; color:#FFF; margin-left:10px;}
.header .header_all .menu ul li a{ text-decoration:none; color:#FFF;}
.header .header_all .menu ul li a:hover{ text-decoration:none; color:#ef0000;}
.header .header_all .menu ul li img{ margin-right:5px; vertical-align:-2px;}


.top_100{ width:100%; height:130px; background:#FFF;}
.top_all{ width:1200px; height:130px;}
.top_all .logo{ width:540px; height:80px; padding:20px 0;}
.top_all .rall{ width:570px; }
.top_all .rall .tel{ width:570px; overflow:hidden; text-align:right; font:300 16px "微软雅黑"; color:#666; margin:15px 0;}
.top_all .rall .tel span{ color:#ef0000;}
.top_all .rall .tel img{ margin-right:5px;}

.sousuo{ width:570px; height:31px;  float:right; margin-bottom:5px; text-align:right; clear:both;}
.sousuo .input_shuru{ width:228px; border:1px solid #ccc; float:right; font:300 12px "微软雅黑"; color:#666; outline:medium; padding:6px 5px; padding:5px 5px\0;}
.rall .tui_sou{ width:360px; overflow:hidden;}
.rall .tui_sou{ overflow:hidden; font:300 12px/30px "宋体"; color:#f00; }
.rall .tui_sou span{ color:#4bb13f; height:30px; font:300 12px/30px "宋体"; }
.rall .tui_sou a{ text-decoration:none; font-family:"宋体";}

.sousuo .btns{ width:50px; height:30px; height:28px\0; background:#ccc; text-align:center; font:300 14px/31px "微软雅黑";  font:300 14px/28px "微软雅黑"\0; color:#FFF;}
.sousuo .btns a{ text-decoration:none; color:#FFF;}
/*
nav{ width:670px; overflow:hidden; margin-top:20px; display:inline-block}
nav .nav_menu{ width:670px; overflow: hidden;}
nav .nav_menu ul{ text-decoration:none; list-style:none; overflow:hidden;}
nav .nav_menu ul li{ float:right; margin-left:25px; height:45px; font:500 16px "宋体"; color:#d4d4d4;}
nav .nav_menu ul li a{ text-decoration:none; color:#000; display:block; height:43px;  font:500 16px "微软雅黑";}
nav .nav_menu ul li a:hover{ text-decoration:none; display:block; color:#4bb13f; border-bottom:2px solid #4bb13f;}
nav .nav_menu ul li.xuan a{ text-decoration:none; display:block; color:#4bb13f; border-bottom:2px solid #4bb13f;}
*/

/* 导航 */
nav{width: 100%;background:#076ce0;}
.navBar{ width:1200px; height:50px;}
.nav{ margin:0 auto; font-family:"Microsoft YaHei",SimSun,SimHei; list-style:none; padding:0; }
.nav .m{ float:left;  position:relative; border-top:0; border-bottom:0; width:145px; }
.nav a:hover{ text-decoration:none; color:#fff;   }
.nav h3{ float:left; font-weight:normal; font-size:16px; height:50px; overflow:hidden; width:145px; text-align:center; }
.nav h3 a{ display:block; color:#fff;  line-height:50px;}
.nav .on{  }
.nav .on h3 a{color:#fff; height:50px; line-height:50px;  background:#da251c; }
.nav .sub{ display:none; /*默认隐藏*/ width:145px; padding:0;   position:absolute; top:50px; background:#da251c; text-align:center; z-index:500;}
.nav .sub li{ vertical-align:middle; list-style:none; text-decoration:none; }
.nav .sub li a{ height:20px; line-height:20px; padding:8px 0px;  display:block; color:#fff; font-size:15px;  }
.nav .sub li a:hover{ color:#000; text-decoration:none; background:#fff;}
.nav #m7 h3 a{ border-right:0px solid #5bb3e1;   }
.nav .sub li a.cp{  padding:9px 10px; width:220px; text-align:left; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}



/*banner*/
.main_visual{ width:100%; height:540px;}
.main_image {width:100%; height:540px; overflow:hidden; float:left; position:relative; }
.main_image ul {width:9999px; height:540px; overflow:hidden; position:absolute; top:0; left:0}
.main_image li {float:left; width:100%; height:540px;}
.main_image li span {display:block; width:100%; height:540px}
.main_image li a {display:block; width:100%; height:540px}
div.flicking_con {width:860px; margin:0 auto; position:relative}
div.flicking_con .flicking_inner{position:absolute; top:510px; right:46%; z-index:180; height:24px} 
div.flicking_con a {float:left; width:24px; height:24px; margin:0; padding:0; background:url('../images/btn_main_img.png') 0 0 no-repeat; display:block; text-indent:-10000px}
div.flicking_con a.on {background-position:0 -21px}
#btn_prev,#btn_next{z-index:180;position:absolute;display:block;width:35px!important;height:70px!important;top:45%;display:none;}
#btn_prev{left:0%; background:url(../images/arrow_left.png) no-repeat left center; width:35px; height:70px;}
#btn_prev:hover{left:0%; background-position:-35px 0; width:35px; height:70px;}

#btn_next{right:0%; background:url(../images/arrow_right.png) no-repeat left center; width:35px; height:70px;}
#btn_next:hover{right:0%; background-position:-35px 0; width:35px; height:70px;}

.content_one{ width:100%; overflow:hidden; padding:40px 0; background:#e4e4e4;}
.content_one .p1200{ width:1200px; overflow:hidden;}


.content_three{ width:1200px; overflow:hidden;}
.content_three .about{ width:1200px; overflow:hidden; padding-bottom:60px;}
.content_three .about .title{ width:1200px; overflow:hidden; font:500 22px "微软雅黑"; color:#999; text-align:center; margin-top:50px;  padding-bottom:10px;}
.content_three .about .title h2{width:1200px; overflow:hidden; font:500 26px "微软雅黑"; color:#076ce0; text-align:center; margin-bottom:8px; letter-spacing:2px;}
.content_three .about .title h3{ width:1200px; overflow: hidden; font: 500 12px Arial; color: #666; text-align: center;}

.content_three .about .tui_img{ width:300px; height:220px;}
.content_three .about .miao{ width:850px; overflow:hidden; background:#FFF; }
.content_three .about .miao h2{ width:850px; text-align:left; font:600 18px "微软雅黑"; color:#076ce0; margin:10px 0; }
.content_three .about .miao h3{ width:850px; text-align:left; font:300 14px/28px "微软雅黑"; color:#333; height:112px; overflow:hidden; margin:10px 0 20px;}
.content_three .about .miao h4{ width:850px; text-align:left; font:300 14px "微软雅黑"; color:#888;}
.content_three .about .miao h4 a{ width:120px; height:32px; background:#076ce0; font:300 14px/32px "微软雅黑"; color:#FFF; text-align:center; display:block;}
.content_three .about .miao h4 a:hover{ width:120px; height:32px; background:#0c77f1; font:300 14px/32px "微软雅黑"; color:#FFF; text-align:center; display:block;}



.content_one .p1200 .pd { width:1200px; overflow:hidden;}
.content_one .p1200 .pd .top{ width:1200px; overflow:hidden; text-align:left;}
.content_one .p1200 .pd .top .title{ width:1200px; overflow:hidden;}
.content_one .p1200 .pd .top .title h2{ width:1200px; overflow:hidden; font:500 26px "微软雅黑"; color:#076ce0; text-align:center; margin-bottom:8px; letter-spacing:2px;}
.content_one .p1200 .pd .top .title h3{ width:1200px; overflow: hidden; font: 500 12px Arial; color: #666; text-align: center;}
.content_one .p1200 .pd .top .more{ overflow:hidden; font:300 14px/66px "微软雅黑"; color:#000;}


.multipleColumn3{  position:relative; width:1200px; margin:25px auto 0;}
.multipleColumn3 .hd3{ overflow:hidden; margin-top:30px; }
.multipleColumn3 .hd3 .next{ display:block; width:38px; height:38px; float:right;overflow:hidden; cursor:pointer; background:url("../images/i_04.png") no-repeat; position: relative;
 right: 535px; }
.multipleColumn3 .hd3 .next:hover{ display:block; width:38px; height:38px; float:right;overflow:hidden; cursor:pointer; background:url("../images/i_03.png") no-repeat; position: relative;
 right: 535px; }
.multipleColumn3 .hd3 .prev{ background:url("../images/i_02.png") no-repeat;   width:38px; height:38px; overflow:hidden;cursor:pointer; display:block; float:left; position: relative; left:534px; }
.multipleColumn3 .hd3 .prev:hover{ background:url("../images/i_01.png") no-repeat;   width:38px; height:38px; overflow:hidden;cursor:pointer; display:block; float:left; position: relative; left:534px; }
.multipleColumn3 .bd3{overflow:hidden; width:1200px; }
.multipleColumn3 .bd3 ul{ overflow:hidden; zoom:1; width:286px;  float:left; _display:inline;  margin:0 18px 0 0px; }
.multipleColumn3 .bd3 .tui_img{ width:286px; height:288px; background:#000;}
.multipleColumn3 .bd3 .tui_img:hover{filter:alpha(opacity=70);opacity:0.7;}
.multipleColumn3 .bd3 .title{ width:286px;overflow:hidden; text-align:left; color:#666;}
.multipleColumn3 .bd3 .title h2{ width:286px; text-align: center; overflow:hidden; display:block; white-space:nowrap; background:#076ce0; text-overflow:ellipsis; color:#fff; font:500 16px/45px "微软雅黑"; }
.multipleColumn3 .bd3 .title h3{ width:198px; text-align: left; overflow:hidden;  color:#666; font:400 12px/20px "微软雅黑"; height:40px;}

.multipleColumn3 .hd3 a.middle{ width:38px; height:38px; background:url(../images/i_06.png) no-repeat; display:block; float:right;position: relative; right: 544px;}
.multipleColumn3 .hd3 a.middle:hover{ width:38px; height:38px; background:url(../images/i_05.png) no-repeat; display:block; position: relative; right: 544px;}

.multipleColumn3 .bd3 ul:hover .title h2{ width:286px; text-align: center; overflow:hidden; display:block; white-space:nowrap; text-overflow:ellipsis; color:#fff; font:500 16px/45px "微软雅黑"; background:#0f3c85;}


.content_two{ width:100%; overflow:hidden; background:#e4e4e4; padding:40px 0 40px;}
.content_two .top{ width:1200px; overflow:hidden; text-align:left;}
.content_two .top .title{ width:1200px; overflow:hidden;}
.content_two .top .title h2{ width:1200px; overflow:hidden; font:500 26px "微软雅黑"; color:#076ce0; text-align:center; margin-bottom:8px; letter-spacing:2px;}
.content_two .top .title h3{ width:1200px; overflow: hidden; font: 500 12px Arial; color: #666; text-align: center;}
.content_two a.c_more{ width:198px; height:38px; overflow:hidden; font:300 18px/38px "微软雅黑"; color:#000; margin:30px auto 0; display:block; border:1px #999 solid; text-align:center;}
.content_two a.c_more:hover{ width:198px; height:38px; overflow:hidden; font:300 18px/38px "微软雅黑"; background:#999; color:#fff; margin:30px auto 0; display:block; border:1px #999 solid; text-align:center;}

.i_case_list {  width: 1200px; overflow: hidden; margin-top:25px;}
.work { width: 300px; height:302px; }
.work .listBox { height: 302px; margin: 0; overflow: hidden; position: relative; }
.work .list { width:300px; height:302px; overflow:hidden;}
.work ul { width: 300px; position: absolute; left: 0; top: 0; }
.work li { width: 300px; float: left; margin: 0;}
.work li a { display: block; }
.work li .imgBox { height: 302px; overflow: hidden; position: relative; }
.work li .img { width: 300px; height: 302px; }
.work li .bg { opacity: 0; filter: alpha(opacity=0); width: 100%; height: 302px; background: #171717; position: absolute; left: 0; top: 0; transition: 400ms; }
.work li .i5 { opacity: 0; filter: alpha(opacity=0); margin: -34px 0 0 0px; position: absolute; left: 10%; top: 50%; transition: 800ms; font:300 20px "微软雅黑"; color:#FFF;}
.work li .i6 { opacity: 0; filter: alpha(opacity=0); margin: -34px 0 0 0px; position: absolute; right: 10%; top: 63%; transition: 800ms; font:300 16px "微软雅黑"; color:#FFF; }
.work li:hover { border-color: #69B015; font:300 24px "微软雅黑"; cursor:pointer; }
.work li:hover .bg { opacity: 0.8; filter: alpha(opacity=80); }
.work li:hover .i5 { left: 25%; opacity: 1; filter: alpha(opacity=100); font:300 20px "微软雅黑"; color:#FFF; }
.work li:hover .i6 { right: 38%; opacity: 1; filter: alpha(opacity=100); font:300 16px "微软雅黑"; color:#FFF; }  



.content_four{ width:1200px; overflow:hidden; margin:40px auto;}
.content_four .top{ width:1200px; overflow:hidden; text-align:left;}
.content_four .top .title{ width:1200px; overflow:hidden;}
.content_four .top .title h2{ width:1200px; overflow:hidden; font:500 26px "微软雅黑"; color:#076ce0; text-align:center; margin-bottom:8px; letter-spacing:2px;}
.content_four .top .title h3{ width:1200px; overflow: hidden; font: 500 12px Arial; color: #666; text-align: center;}
.content_four .news{ width:380px; overflow:hidden; margin-right:30px;}
.content_four .news .ttitle{ width:380px; overflow:hidden; font:500 14px "微软雅黑"; color:#7a7a7a; text-align:left;  margin-bottom:4px;}
.content_four .news .ttitle span{ font:500 16px "微软雅黑"; color:#076ce0;}

.content_four .news .news_tui{ width:380px; overflow:hidden;}
.content_four .news .news_tui .tui_left{ width:240px; overflow:hidden;}
.content_four .news .news_tui .tui_left .time{ width:240px; overflow:hidden; font:300 14px "微软雅黑"; color:#333; text-align:left; margin-top:5px;}
.content_four .news .news_tui .tui_left .title{ width:240px; overflow:hidden; white-space:nowrap; display:block; text-overflow:ellipsis; font:400 15px "微软雅黑"; color:#333;
 text-align:left;  margin-bottom:4px; margin-top:2px;}
.content_four .news .news_tui .tui_left .miao{ width:240px; overflow:hidden; font:300 12px/22px "微软雅黑"; height:44px; color:#666; text-align:left; }
.content_four .news .news_tui .tui_right{ width:130px; height:92px; overflow:hidden; margin-top:3px;}

.content_four .news .news_list{ width:380px; overflow:hidden; margin-top:5px;}
.content_four .news .news_list ul{ text-decoration:none; list-style:none; overflow:hidden;}
.content_four .news .news_list ul li{ width:380px; overflow:hidden; font:300 13px/36px "微软雅黑"; color:#666; text-align:left; border-bottom:1px dotted #999;}
.content_four .news .news_list ul li a{ width:285px; overflow:hidden; display:block; white-space:nowrap; text-overflow:ellipsis; color:#000; float:left; background:url(../images/ico_02.png) no-repeat left 14px; padding-left:15px;}
.content_four .news .news_list ul li a:hover{ width:285px; overflow:hidden; display:block; white-space:nowrap; text-overflow:ellipsis; color:#076ce0; float:left; background:url(../images/ico_03.png) no-repeat left 14px; padding-left:15px;}

.content_four .news .news_list ul li span{ float:right;}


.footer{ width:100%; overflow:hidden; background:#212830 url(../images/ico_00.png) repeat-x left top; padding:40px 0 20px;}
.footer .footer_all{ width:1200px; overflow:hidden;}
.footer .footer_all .ft_zuo{ width:760px; overflow:hidden;}
.footer .footer_all .ft_zuo .item{ overflow:hidden; margin-right:60px;}
.footer .footer_all .ft_zuo .item h2{ width:100%; overflow:hidden; font:600 16px "微软雅黑"; color:#FFF; text-align:left;}
.footer .footer_all .ft_zuo .item ul{ text-decoration:none; list-style:none; overflow:hidden; margin-top:8px;}
.footer .footer_all .ft_zuo .item ul li{ width:100%; overflow:hidden; text-align:left; font:300 14px/24px "微软雅黑"; color:#FFF;}
.footer .footer_all .ft_zuo .item ul li a{ width:100%; text-decoration:none; color:#FFF;}
.footer .footer_all .ft_zuo .item ul li a:hover{ width:100%; text-decoration: underline; color:#FFF;}

.footer .footer_all .ft_add{ width:400px; overflow:hidden;}
.footer .footer_all .ft_add ul{ text-decoration:none; list-style:none; overflow:hidden;}
.footer .footer_all .ft_add ul li{ width:400px; text-align:left; font:300 14px/34px "微软雅黑"; color:#FFF;}
.footer .footer_all .ft_add ul li img{ margin-right:8px; vertical-align:-6px;}

.banquan{ width:100%; padding:15px 0; font:300 13px "微软雅黑"; color:#FFF; text-align:center; background:#171717;}


/* side */
.side{position:fixed;width:54px;right:0;bottom:200px;z-index:150;}
.side ul li{width:54px;height:54px;float:left;position:relative; margin-bottom:1px;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#076ce0;opacity:0.9;filter:Alpha(opacity=90);color:#fff;font:300 20px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#076ce0;opacity:0.9;filter:Alpha(opacity=90);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#171717;opacity:0.9;filter:Alpha(opacity=90);}
.side ul li img{float:left;}
.side ul li .sidebox2{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#076ce0;opacity:0.9;filter:Alpha(opacity=90);color:#fff;font:300 20px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidebox2:hover{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#171717;opacity:0.9;filter:Alpha(opacity=90);color:#fff;font:300 20px/54px "微软雅黑";overflow:hidden;}

.side ul li .dianhua{ width:200px; height:140px; overflow:hidden; font:300 14px/20px "微软雅黑"; color:#333; text-align:left;}

#aa5{ width:200px; padding:10px; height:140px; margin-left:-220px; background:url(../images/ico_code_bg.png) no-repeat; margin-top:4px; }
#aa6{ width:200px; padding:10px; height:140px; margin-left:-220px; background:url(../images/ico_code_bg.png) no-repeat; margin-top:4px; }




/*about.php*/
.sub_banner{ width:100%; height:350px;}
.article{ width:1200px; overflow:hidden;}
.article .rleft{ width:276px; overflow:hidden; padding-bottom:40px;}
.article .rleft .top{ width:276px; padding:15px 0px 15px; overflow:hidden; border-top:6px solid #076ce0; text-align:left;   border-bottom:1px solid #e7e7e7;}
.article .rleft .top h2{ width:276px; font:500 22px "微软雅黑"; color: #4c4c4c;}
.article .rleft .top h3{ width:276px; font:300 14px Arial, Helvetica, sans-serif; color: #999; margin-top:6px;}

.article .rleft .sidebar{ width:276px; overflow:hidden; }
.article .rleft .sidebar ul{ text-decoration:none; list-style:none; overflow:hidden;}
.article .rleft .sidebar ul li{ width:276px; overflow:hidden; text-align:left; border-bottom:1px solid #e7e7e7;}
.article .rleft .sidebar ul li a{ width:266px; font:300 15px/40px "微软雅黑"; color:#666; text-align:left; background:url(../images/se.jpg) no-repeat right 16px; padding:0 10px 0 0px; text-decoration:none; display:block; overflow:hidden;
 white-space:nowrap; text-overflow:ellipsis; border-bottom:1px solid #fff;}
.article .rleft .sidebar ul li a:hover{ width:266px; font:300 15px/40px "微软雅黑"; color:#076ce0; text-align:left; background:url(../images/se.jpg) no-repeat right 16px; padding:0 10px 0 0px; text-decoration:none; display:block;}
.article .rleft .sidebar ul li.xuan a{ width:266px; font:300 15px/40px "微软雅黑"; color:#076ce0; text-align:left; background:url(../images/se.jpg) no-repeat right 16px; padding:0 10px 0 0px; text-decoration:none; display:block;}

.article .rleft .news{ width:276px; overflow:hidden;}
.article .rleft .news .title{ width:276px; text-align:left; overflow:hidden; font:300 14px "微软雅黑"; color:#999; border-bottom:1px solid #e7e7e7; padding-bottom:8px; margin-bottom:8px;}
.article .rleft .news .title span{ color:#333; font:300 18px "微软雅黑";}
.article .rleft .news .list{ width:276px; overflow:hidden;}
.article .rleft .news .list ul{ text-decoration:none; list-style:none; overflow:hidden;}
.article .rleft .news .list ul li{ width:276px; overflow:hidden; font:300 13px/36px "微软雅黑"; color:#666; text-align:left; border-bottom:1px solid #e7e7e7;}
.article .rleft .news .list ul li a{ width:200px; overflow:hidden; white-space:nowrap; display:block; text-overflow:ellipsis; float:left; color:#666;}
.article .rleft .news .list ul li a:hover{ width:200px; overflow:hidden; white-space:nowrap; display:block; text-overflow:ellipsis; float:left; color:#076ce0;}
.article .rleft .news .list ul li span{ float:right;}

.article .rleft .lianxi_all{ width:276px; overflow:hidden; color:#c08703; margin-top:10px;}
.article .rleft .lianxi_all ul{ text-decoration:none; list-style:none; overflow:hidden;}
.article .rleft .lianxi_all ul li{ width:266px; text-align:left; font:300 13px/24px "微软雅黑"; color: #666; padding:0 5px;}

.article .rright{ width:890px; overflow:hidden; padding-top:10px; margin-bottom:30px; }
.article .rright .location{ width:890px; font:300 13px/46px "微软雅黑"; color:#666; text-align:right; border-bottom:1px solid #ccc;}
.article .rright .location span{ color:#076ce0;}

.article .rright .about_all{ width:890px; overflow:hidden; margin-top:20px;}
.article .rright .about_all .title{ width:890px; overflow: hidden; text-align:center;}
.article .rright .about_all .title h2{ width:890px; font:500 24px "微软雅黑"; color:#076ce0;}
.article .rright .about_all .title h3{ width:890px; font:300 18px "微软雅黑"; color:#666; margin-top:5px;}
.article .rright .about_all .ab_content{ width:890px; overflow:hidden; margin-top:10px;}
.article .rright .about_all .ab_content ul{ text-decoration:none; list-style:none; overflow:hidden;}
.article .rright .about_all .ab_content ul li{ width:890px; overflow:hidden; font:300 14px/30px "微软雅黑"; color:#555; text-align:left; }


/*honor.php*/
.gallery{list-style-type:none;float:left; width:930px; padding:0px;margin:20px 0 0;}
.gallery li{float:left; background:#ebeaea; margin-bottom:30px; margin:0 20px 20px 0; border:1px solid #dbdbdb;}
.gallery li img{ width:205px; height:153px;  }
.gallery li p{ text-align:center; width:185px; height:44px; font:300 14px/44px "微软雅黑";  overflow:hidden; padding:0px 10px;}
#zoom {	z-index: 99990;	position: fixed;	top: 0;	left: 0;	display: none;	width: 100%;	height: 100%;	background: rgba(0, 0, 0, 0.8);	filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";}
#zoom .content {	z-index: 99991;	position: absolute;	top: 50%;	left: 50%;	width: 200px;	height: 200px;	background: #ffffff no-repeat 50% 50%;	padding: 0;	margin: -100px 0 0 -100px;
box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.3);	border-radius: 4px;}
#zoom .content.loading {background-image: url('../img/loading.gif');}
#zoom img {display: block; max-width: none; background: #ececec; box-shadow: 0 1px 3px rgba(0,0,0,0.25);}
#zoom .close {z-index: 99993;	position: absolute;	top: 0;	right: 0;	width: 49px;	height: 49px;	cursor: pointer;	background: transparent url('../img/icons/close.png') no-repeat 50% 50%;	opacity: 1;	filter: alpha(opacity=100);	border-radius: 0 0 0 4px;}
#zoom .previous,
#zoom .next {z-index: 99992;	position: absolute;	top: 50%;	overflow: hidden;	display: block;	width: 49px;	height: 49px;	margin-top: -25px;}
#zoom .previous {left: 0;	background: url('../img/icons/arrows.png') no-repeat 0 0;	border-radius: 0 4px 4px 0;}
#zoom .next {right: 0;	background: url('../img/icons/arrows.png') no-repeat 100% 0;	border-radius: 4px 0 0 4px;}
#zoom .close:hover {background-color: #da4f49;}
#zoom .previous:hover,
#zoom .next:hover {	background-color: #0088cc;}


/*分页代码*/
.yema{text-align:center; height:50px; }
.yema a{ padding:5px 15px; border:#999 1px solid; margin:0 1px; font-size:14px; color:#666; font-family:"微软雅黑";}
.yema a:hover{ padding:5px 15px; background:#076ce0 ; margin:0 1px; font-size:14px; color:#fff; border:#076ce0  1px solid;}

a.yema_on{color:#fff !important; border:#076ce0 1px solid !important; background:#076ce0 ;}
a.yema_on:hover{color:#fff !important; border:#076ce0 1px solid !important; }


/*products.php*/
.pro_list{ width:930px; overflow:hidden;}
.pro_list ul{ text-decoration:none; list-style:none; overflow:hidden;}
.pro_list ul li{ width:265px; overflow:hidden; margin-right:16px;  padding:8px; float:left; margin-bottom:30px;     border: #efefef 2px solid;}
.pro_list ul li .tui_img{ width:265px; overflow:hidden; height:267px; background:#000;}
.pro_list ul li:hover .tui_img{filter:alpha(opacity=90);opacity:0.9; cursor:pointer;}
.pro_list ul li .info{ width:265px; overflow:hidden;}
.pro_list ul li .info h2{ width:265px; overflow:hidden; white-space:nowrap; display:block; text-overflow:ellipsis; font:500 16px "微软雅黑"; color:#000; text-align:center; margin-top:8px;}
.pro_list ul li .info h3{ width:265px; overflow:hidden;  font:300 14px/22px "微软雅黑"; height:88px; color:#666; text-align:left; margin-top:3px;}
.pro_list ul li .info h4{ width:265px; overflow:hidden; font:600 12px "微软雅黑"; color:#F00; margin-top: 8px; text-align: center; margin-bottom: 5px;}

.pro_list ul li:hover{ width:265px; overflow:hidden; margin-right:16px;  padding:8px; float:left; margin-bottom:30px;     border: #ccc 2px solid;}
.pro_list ul li:hover .info h2{ width:265px; overflow:hidden; white-space:nowrap; display:block; text-overflow:ellipsis; font:500 16px "微软雅黑"; color:#076ce0; text-align:center; margin-top:8px;}
.pro_list ul li:hover .info h4{ width:265px; overflow:hidden; font:600 12px "微软雅黑"; color:#076ce0; margin-top: 8px; text-align: center; margin-bottom: 5px;}

/* 焦点图效果 */
#demo1,#demo2{ margin-bottom:20px;  }
.picBtnTop{ width:878px; height:280px; border:1px solid #ccc; padding:5px;  position:relative;  overflow:hidden;  zoom:1;   }
.picBtnTop .hd{ width:93px;  position:absolute; right:10px; overflow:hidden; margin-top:5px; }
.picBtnTop .hd ul li{ width:93px; text-align:center; padding:0 0 5px 5px;  }
.picBtnTop .hd ul li img{ width:80px; height:81px; border:3px solid #ddd; cursor:pointer; vertical-align:bottom; }
.picBtnTop .hd ul li.on{ background:url("../images/icoleft.gif") no-repeat 4px 35px; }
.picBtnTop .hd ul li.on img{ border-color:#f60;  }
.picBtnTop .bd{ width:760px;  height:276px; position:relative;  }
.picBtnTop .bd li{ position:relative; zoom:1; vertical-align:middle;}
.picBtnTop .bd li .pic{ position:relative; z-index:0;  }
.picBtnTop .bd li .pic img{ width:760px; height:276px; vertical-align:bottom; }
.picBtnTop .bd li .bg{ width:330px; height:30px; position:absolute; left:0; bottom:0; z-index:1;  background:#000; filter:alpha(opacity=60);opacity:0.6;    }
.picBtnTop .bd li .title{ width:330px; height:30px; line-height:30px; left:0; bottom:0;   position:absolute; z-index:2;  }
.picBtnTop .bd li .title a{ color:#fff; padding-left:15px;  }
.pro_title{ width:890px; text-align:center; font:500 20px "微软雅黑"; color:#000; text-align:center; margin-bottom:15px;}


.article .rright .pinfo{ width:415px; overflow:hidden;}
.article .rright .pinfo h2{ width:415px; overflow:hidden; font:500 20px "微软雅黑"; color:#4bb13f; text-align:left; margin-top:15px; margin-bottom:8px;}
.article .rright .pinfo ul{ text-decoration:none; list-style:none; overflow:hidden;}
.article .rright .pinfo ul li{ width:415px; overflow:hidden; font:300 14px/28px "微软雅黑"; height:168px; color:#333; text-align:left;}
.article .rright .pinfo h3 a.lianxi{ width:120px; height:36px; background:#4bb13f; font:300 16px/34px "微软雅黑"; color:#FFF; display:block; margin-top:20px;}


.article .rright .pinfo_tab{ width:890px; overflow:hidden; height:36px;}
.article .rright .pinfo_tab ul{ text-decoration:none; list-style:none; overflow:hidden;}
.article .rright .pinfo_tab ul li{ float:left; margin-right:20px; height:34px;  font:600 14px "微软雅黑"; text-align:center;}

.tab_in{ font:600 14px "微软雅黑"; color:#4bb13f; height:34px; cursor:pointer; border-bottom:#4bb13f 2px solid; padding:0 20px;}
.tab_out{  font:600 14px "微软雅黑"; color:#333; height:34px; cursor:pointer; padding:0 20px; }


.line2 {border-bottom: 2px solid #ccc;}

.div_900{ width:890px;  height:100%; overflow:hidden; text-align:left; background: #fff; margin-bottom:10px;}

.nav1 {width: 890px;text-align: left;vertical-align: top;z-index: 999;height: auto;}
.taba_2{padding-top: 8px;font: bold 14px/24px "Microsoft YaHei", "SimHei", "SimSun";color: #076ce0;text-decoration: none;
text-align: center;vertical-align: top; border-right: 1px solid #dddddd;cursor: pointer;background: #FFFFFF;}
.taba_2 a{font: bold 14px "Microsoft YaHei", "SimHei", "SimSun";color: #EE0000;cursor: pointer;}
.taba_bt{border-top: 0px none #dddddd;border-right: 1px solid #dddddd;border-bottom: 1px solid #dddddd;border-left: 1px solid #dddddd;
text-align: left;width: 942px;padding: 10px 0px;}
.taba_1{padding-top: 8px;font: bold 14px/24px "Microsoft YaHei", "SimHei", "SimSun";color: #333;background: #f7f7f7;text-align: center;
vertical-align: top;border-top: 0px none #dddddd;border-right: 1px solid #dddddd;border-bottom: 1px solid #dddddd;border-left: 0px none #dddddd;cursor: pointer;}
.taba_1 a{font: bold 14px "Microsoft YaHei", "SimHei", "SimSun";color: #666666;cursor: pointer;}


.taba_div{padding: 10px;width:868px;overflow: hidden;border: #ddd 1px solid;border-top: none;}
.taba_div ul{ text-decoration:none; list-style:none; overflow:hidden; text-align:left;}
.taba_div ul li{ font:300 14px/24px "微软雅黑"; color:#555; text-align:left;}

.taba_div h2.xiazai a{    width: 150px;
    height: 30px;
    font: 300 14px/30px "微软雅黑";
    color: #FFF;
    background: #4bb13f;
    display: block;
    /* float: right; */
    text-align: center;
    margin: 30px auto 0;}



.pingjia_left {background: url(../images/comment_left.gif) no-repeat right top;}
.pingjia_right {background: #FCFFFA;padding:10px 15px;border-top: 1px solid #D0E4C2;border-right: 1px solid #D0E4C2;border-bottom: 1px solid #D0E4C2;border-left: 0px none #D0E4C2;}

.pinjia_ren {background: url(../images/comment_ren_bg.gif) no-repeat center top;text-align: center;vertical-align: top;margin: 0px auto 5px;padding: 12px 12px 0;clear: both;
height: 64px !important;width: 74px!important;overflow: hidden;}

.pingjia_txt1 {text-align: left;vertical-align: top;padding: 0px 0px 7px;border-bottom: 1px solid #dddddd;margin-bottom: 9px;display: block; overflow:hidden;}
.pingjia_date {font: 12px Arial, Helvetica, sans-serif;text-align: right;float: right;width: 110px;color: #999999;}
.merchant_huida{ color:#EE0000; font-weight:bold;}
.merchant_huicon{ color:#EE0000; font-weight:300;}


.article .rright .about_all .lian_content{ width:890px; overflow:hidden; margin-top:30px;}
.article .rright .about_all .lian_content ul{ text-decoration:none; list-style:none; overflow:hidden;}
.article .rright .about_all .lian_content ul li{ width:890px; overflow:hidden; font:300 16px/30px "微软雅黑"; color:#555; text-align:left; }
.article .rright .about_all .lian_content ul li span{ float:left; margin-right:20px; margin-top:10px;}


.article .rright .about_all .news{ width:890px; overflow:hidden;}
.article .rright .about_all .news .title{ width:890px; overflow:hidden; font:500 22px "微软雅黑"; color:#999; text-align:left;}
.article .rright .about_all .news .title span{ font:500 28px "微软雅黑"; color:#4c4c4c;}





.article .rright .about_all .news .news_tui{ width:890px; overflow:hidden;}
.article .rright .about_all .news .news_tui .tui_left{ width:715px; overflow:hidden;}
.article .rright .about_all .news .news_tui .tui_left .time{ width:715px; overflow:hidden; font:300 14px "微软雅黑"; color:#333; text-align:left; margin-top:5px;}
.article .rright .about_all .news .news_tui .tui_left .title{ width:715px; overflow:hidden; white-space:nowrap; display:block; text-overflow:ellipsis; font:400 16px "微软雅黑"; color:#333;
 text-align:left;  margin-bottom:8px; margin-top:6px;}
.article .rright .about_all .news .news_tui .tui_left .miao{ width:715px; overflow:hidden; font:300 12px/22px "微软雅黑"; height:44px; color:#666; text-align:left; }
.article .rright .about_all .news .news_tui .tui_right{ width:160px; height:113px; overflow:hidden; margin-top:3px;}

.article .rright .about_all .news .news_list{ width:890px; overflow:hidden;}
.article .rright .about_all .news .news_list ul{ text-decoration:none; list-style:none; overflow:hidden;}
.article .rright .about_all .news .news_list ul li{ width:890px; overflow:hidden; color:#333; text-align:left; border-bottom:1px dotted #999999; padding-bottom:15px; margin-bottom:10px;}
.article .rright .about_all .news .news_list ul li .title{width:890px; overflow:hidden; font:500 16px/44px "微软雅黑"; color:#333; }
.article .rright .about_all .news .news_list ul li .title a{ width:780px; overflow:hidden; display:block; white-space:nowrap; text-overflow:ellipsis; color:#333; float:left;}
.article .rright .about_all .news .news_list ul li .title a:hover{ width:780px; overflow:hidden; display:block; white-space:nowrap; text-overflow:ellipsis; color:#076ce0; float:left;}

.article .rright .about_all .news .news_list ul li .title span{ float:right; font:300 14px/44px "微软雅黑"; }
.article .rright .about_all .news .news_list ul li .miao{width:890px; overflow:hidden; font:300 12px/22px "微软雅黑"; color:#666;}
.article .rright .about_all .news .news_list ul li .more{margin-top:15px; width:890px;}
.article .rright .about_all .news .news_list ul li .more a{ color:#333; display:block; }
.article .rright .about_all .news .news_list ul li .more a:hover{ color:#ef0000; display:block; }

/*news_detail.php*/
.sub_news_det{ width:870px; overflow:hidden; padding:10px;}
.sub_news_det h1{ width:870px; overflow:hidden; font:500 22px/32px "微软雅黑"; color:#333; text-align:center; margin-bottom:7px;}
.sub_news_det h2{ width:870px; overflow:hidden; font:300 12px "微软雅黑"; color:#333; text-align:center; border-bottom:1px dotted #CCC; padding-bottom:12px; margin-bottom:12px;}
.sub_news_det ul{ text-decoration:none; overflow:hidden; list-style:none;}
.sub_news_det ul li{ text-align:left; width:870px; font:300 14px/28px "微软雅黑"; color:#555; border-bottom:1px dotted #CCC; padding-bottom:15px; }
.sub_news_det ul li.faq{ padding:10px 0 30px;}

.news_page{overflow:hidden; text-align:left; margin:0px 10px 15px;}
.news_page ul{ text-decoration:none; list-style:none; overflow:hidden;}
.news_page ul li{ font:300 14px/30px "微软雅黑"; color:#333; text-align:left;}
.news_page ul li a{ text-decoration:none; color:#333; font-family:"微软雅黑";}
.news_page ul li a:hover{ text-decoration:none; color:#076ce0;}



/*sitemap.php*/
.sitemap_all{ width:890px; overflow:hidden; margin-top:20px;}
.sitemap_all .item{ width:890px; overflow:hidden; margin-bottom:20px; border-bottom:1px dotted #999; padding-bottom:10px;}
.sitemap_all .item h2{ width:890px; font:500 20px "微软雅黑"; color:#333; text-align:left; margin-bottom:10px;}
.sitemap_all .item ul{text-decoration:none; list-style:none; overflow:hidden;}
.sitemap_all .item ul li{ float:left; font:300 14px/28px "微软雅黑"; color:#333; margin-right:20px;}

.input_01{ width:360px; border:1px solid #CCC; padding:4px 10px; font:300 14px "微软雅黑"; color:#666;}
.input_02{ width:200px; border:1px solid #CCC; padding:4px 10px; font:300 14px "微软雅黑"; color:#666;}
.input_03{ width:120px; border:1px solid #CCC; padding:2px 5px; font:300 14px "微软雅黑"; color:#666; outline:medium;}


.text_01{ width:360px; border:1px solid #CCC; padding:4px 10px; font:300 14px "微软雅黑"; color:#666;}
.btn_01{ width:120px; padding:10px 0; border:0; cursor:pointer;font:300 14px "微软雅黑"; outline:medium;}

.article .rright .about_all .download_list{width: 890px; overflow: hidden; margin-top:8px; }
.article .rright .about_all .download_list ul{ text-decoration:none; list-style:none; overflow:hidden;}
.article .rright .about_all .download_list ul li{ width:890px; height:24px; overflow:hidden; border-bottom:1px dotted #CCC; padding-bottom:10px; margin-bottom:10px; }
.article .rright .about_all .download_list ul li a{ width:875px; overflow:hidden; text-decoration:none; font:300 14px/24px "微软雅黑"; color:#666; text-align:left; display:block; background:url(../images/ico_02.png) no-repeat left 8px; padding-left:15px;}
.article .rright .about_all .download_list ul li a:hover{ width:875px; text-decoration:none; font:300 14px/24px "微软雅黑"; color:#4bb13f; text-align:left; background:url(../images/ico_03.png) no-repeat left 8px; padding-left:15px;}
.article .rright .about_all .download_list ul li .xia{ width:70px; height:24px; background:#999; color:#FFF; text-align:center; font:300 12px/24px "微软雅黑"; float:right;}
.article .rright .about_all .download_list ul li .xia:hover{ width:70px; height:24px; background:#4bb13f; color:#FFF; text-align:center; font:300 12px/24px "微软雅黑"; float:right;}
.article .rright .about_all .download_list ul li .title{ width:750px; overflow:hidden; white-space:nowrap; display:block; text-overflow:ellipsis; float:left;}

/*join.php*/
.gong_all{ width:890px; overflow:hidden; margin-top:20px;}
.gong_all .item{ width:890px; overflow:hidden; margin-bottom:30px;}
.gong_all .item .top{ width:890px; overflow:hidden; border-bottom:1px dotted #999; padding-bottom:8px;}
.gong_all .item .top .title{ width:500px; overflow:hidden; font:300 14px/30px "微软雅黑"; color:#666;}
.gong_all .item .top .time{ width:300px; overflow:hidden; font:300 14px/30px "微软雅黑"; color:#666; text-align:right;}
.gong_all .item .weizhi{ width:890px; text-align:left; font:300 14px "微软雅黑"; color:#666; text-align:left; margin-bottom:20px; margin-top:15px;}
.gong_all .item .neirong{ width:890px; overflow:hidden; font:300 14px/24px "微软雅黑"; color:#666;}
.gong_all .item .dizhi{ width:890px; overflow:hidden; border-top:1px solid #CCC; margin-top:20px; padding-top:10px; text-align:right; font:300 14px "微软雅黑"; color:#666;}
.gong_all .item .dizhi span{ color:#4bb13f; font-weight:500;}


.ding_list{ width:790px; overflow:hidden; margin:0 auto;}
.ding_list .dl_one{ width:790px; overflow:hidden; font:300 16px "微软雅黑"; color:#333; margin-bottom:10px;}
.ding_list .dl_two{ width:790px; overflow:hidden; margin-bottom:30px; border-bottom:1px solid #dadada; padding-bottom:20px;font:300 16px "微软雅黑";}






/* 产品分类 */
#sideMenu_p{ width:276px; overflow:hidden;}
#sideMenu_p .hd{ width: 276px;background:url(../images/se.jpg) no-repeat right 20px; cursor: pointer;text-decoration: none;color: #000;display: block;text-align: left;font: 300 14px/50px "微软雅黑"; border-bottom:1px solid #e7e7e7;}
#sideMenu_p .hd h3{ color:#000; font-weight:300; width:276px; display:block; overflow:hidden; white-space:nowrap;}
#sideMenu_p .on{width:276px;z-index:10; background:url(../images/se.jpg) no-repeat right 20px; cursor:pointer;text-decoration:none;color:#000;display:block; text-align:left; font:300 14px/50px "微软雅黑";}
#sideMenu_p .on h3{ color:#076ce0;width:276px;font-weight:300; display:block; overflow:hidden; white-space:nowrap;}
#sideMenu_p .bd{ width:276px; overflow:hidden;}
#sideMenu_p .bd ul{ text-decoration:none; list-style:none; overflow:hidden;}
#sideMenu_p .bd ul li{ font:300 14px/30px "微软雅黑"; color:#000; text-align:left;}
#sideMenu_p .bd ul li a{color: #333333;display: block; margin-top:5px;padding-left: 10px;position: relative;text-decoration: none;font-size: 14px;}

#sideMenu_p .bd ul li a:hover{color: #f00;display: block;padding-left: 10px; margin-top:5px;position: relative;text-decoration: none;font-size: 14px;}



/*分页代码*/
.yema_new {height: 50px;text-align: center;  }
.yema_new li {display: inline;list-style: outside none none;  }
.yema_new li.active span {background:#076ce0 none repeat scroll 0 0;border: 1px solid #076ce0;color: #fff;font-family: "微软雅黑";font-size: 14px;margin: 0 1px;padding: 5px 15px;  }
.yema_new li a {border: 1px solid #999;color: #666;font-family: "微软雅黑";font-size: 14px;margin: 0 1px;padding: 5px 15px; background-color: #FFF}
.yema_new li a:hover {background: #076ce0 none repeat scroll 0 0;border: 1px solid #076ce0;color: #fff;font-size: 14px;margin: 0 1px;padding: 5px 15px;}


















