@charset "utf-8";
*{padding:0px;margin:0px;list-style-type:none;}
.cl{ clear:both;}
body{font-size: 14px;background: #FFF none repeat scroll 0% 0%;color: #333;font:12px/180% Arial, Helvetica, sans-serif, "新宋体";}
a{ text-decoration:none;color:#999;}
.h3{height:30px;}
.h32{height:32px;}
.h1{height:10px;}
.h2{height:20px;}
.h3{height:30px;}
.h4{height:40px;}
.h5{height:50px;}
.h6{height:60px;}
.h9{height:90px;}
.h300{height:300px;}
.h290{height:290px;}
.h100{height:100px;}
p{font-size:14px;}
ul{list-style:none;}
a,img{border:0px;outline: none;}
#to_top{cursor:pointer;}


.jiathis_style a{display:bolck;marhin-top:12px;}.



.header{width:100%;margin:auto;font-size:12px;}

.header1{width:100%;height:43px;background:#333;line-height:32px;}
.header1_top{width:1100px;margin:auto;position:relative;height:32px;}
.header1_left{padding-left:260px;float:left;color:#999;}
.header1_right{width:450px;float:right;}
.top_right1,.top_right2,.top_right3{float:right;padding-left:20px; margin-top:6px;}
.top_right2 input{color:#fff;background:#333; border:0; height:20px; border-radius:2px; padding-left:5px; border:1px solid #999898;}
.top_right2 input.sub{color:#000;background:#999898; border:0; height:21px; border-radius:2px;  width:50px;}



.top_right1 li,.top_right2 li,.top_right3 li{float:left;height:32px;line-height:32px;padding-left:6px;}
.top_right3 li a:hover{color:#d9af41;}
.top_right1 li img,.top_right2 li img{margin-top:6px;}
.top_right3 li img{margin-top:10px;}
.logo img{position:absolute;top:15px;left:0px; width:270px;}

.header2{width:100%;height:50px;background:url(../images/navbj.png) no-repeat 800px -42px #333;}
.header2_top{width:1100px;margin:auto;height:50px;line-height:50px;}
.header2_top ul{width:700px;height:50px; background-color:#757575; float:right; border-radius:20px 0 0 20px;}
.header2_top li{float:left;margin-left:32px;color:#d2d2d2; font-size:14px; height:46px;}
.header2_top li:hover{ border-bottom:2px  solid #84c225;}
.header2_top li a{color:#f1f2f3;}
.header2_top li a:hover{color:#84c225;}




/*头部*/
.nav{width:100%;background:#fff;height:124px;position:relative;}
.menu_left,.menu_right{float:left;}
.nav_top_right{height:50px;width:1100px;margin:auto;}
.nav_top_right img,.nav_top_right p{float:right;padding-right:20px;}
.nav_top_right p{margin-top:25px;font-size:14px; font-style:italic;font-weight:bold;}
.nav_top_right img{margin-top:15px;}




.nav_menu{height:74px;width:1100px;margin:auto;}
.menu_left img,.nav_title{float:left;}
.nav_title h2{font-size:14px;color:#757575;margin-top:15px;font-style: italic;}
.nav_title h3{font-size:10px;color:#0048a5;font-weight:normal;line-height:20px;}
.menu_left{width:355px;margin-top:-15px;}
.menu_right{background:url(../images/nav_back2.png) no-repeat;height:64px;margin-top:10px;width:745px;}
.menu_right ul{position:relative;height:34px;line-height:34px;z-index:100;margin-left:20px;}
.nav_back{background:#0048a5;width:40%;height:34px; position:absolute;top:60px;right:0px;}
.ban_back{background:#0048a5;width:40%;height:34px; position:absolute;top:0px;left:0px;}
.box_ban{width:1100px;height:34px;margin:auto;position:relative;}
.box_back{width:554px;height:34px;background:url(../images/nav_back1.png) no-repeat;position:absolute;top:0px;left:0px;color:#fff;font-size:14px;line-height:34px;z-index:99;}
.box_back span{color:#e3b537;}
.box_back a{color:#fff;}
.menu_right li{float:left;padding-left:42px;}
.menu_right li a{color:#fff;font-size:16px;}
.menu_right li a:hover{color:#d9af41;}
.hover_box{width:630px;height:150px;position:absolute;left:-50px;background:#fff;box-shadow: 0 0 3px #000;}
.hover_alpax{position: absolute;bottom: 0px;left: 0px;background:#999;width: 108px;px;height:28px;}
.hover_p{position: absolute;left: 0px;bottom: 0px;font-size: 12px;width: 108px;height: 28px;line-height: 28px;color: #FFF;text-align:center;}
.hover_box ul{margin-top:20px;}
.hover_box ul > a:first-child > li{margin-left:0px;}
.hover_box li{position: relative;width:108px;height:108px;float:left;border:1px solid #999;padding:0px;margin-left:10px;}
.hover_box li:hover{border:1px solid #0048a5;}
.hover_box li:hover .hover_alpax{background:#0048a5;}
.hover_box img{width:108px;height:108px;}



/*banner */
.flexslider{width:100%;position:relative;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.slides li img{display: block;width: 1920px;position: relative;margin-left: -960px;left: 50%;height:380px;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;
filter:alpha(opacity=10);  /*支持 IE 浏览器*/
-moz-opacity:0.10; /*支持 FireFox 浏览器*/
opacity:0.10;  /*支持 Chrome, Opera, Safari 等浏览器*/}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;
filter:alpha(opacity=10);  /*支持 IE 浏览器*/
-moz-opacity:0.10; /*支持 FireFox 浏览器*/
opacity:0.10;  /*支持 Chrome, Opera, Safari 等浏览器*/
}
.flex-direction-nav li a.flex-prev:hover{
filter:alpha(opacity=50);  /*支持 IE 浏览器*/
-moz-opacity:0.5; /*支持 FireFox 浏览器*/
opacity:0.5;  /*支持 Chrome, Opera, Safari 等浏览器*/}
.flex-direction-nav li a.flex-next:hover{
filter:alpha(opacity=50);  /*支持 IE 浏览器*/
-moz-opacity:0.5; /*支持 FireFox 浏览器*/
opacity:0.5;  /*支持 Chrome, Opera, Safari 等浏览器*/
}

/*首页内容*/

.content_top,.center_box,.bottom_box{width:1100px;margin:auto; text-align:center;margin-bottom:30px;}
.content_top h2,.center_box h2,.bottom_box h2{color:#84c225;font-size:22px;}
.content_top h3,.center_box h3,.bottom_box h3{margin-top:5px;font-size:12px;}
.content1_box,.center_pro,.bottom_pro{width:1100px;height:auto;}
.content_p1{display: inline-block;margin-top:30px;background-image: url("../images/p1.jpg");background-repeat: no-repeat;background-size: cover;background-position: center center;width:535px;;height: 280px;float: left;position: relative;}
.imgd1{position: absolute;left: 0px;bottom: 0px;width: 100%;background-color: #fff;filter:alpha(opacity=50);  /*支持 IE 浏览器*/-moz-opacity:0.5; /*支持 FireFox 浏览器*/opacity:0.5;  /*支持 Chrome, Opera, Safari 等浏览器*/}
.imgd2{height:40px;line-height:40px;}
.imgd2 dt{font-weight:600;color:#000;font-size:16px;}
.mr1{margin-left:30px;}
.content_p3{position:absolute;width:535px;height:280px;text-align:center;color:#fff !important;font-size:20px !important;top:0;left:0;font-weight:bold;display:none;cursor:pointer;margin:0;}
.content_p4{width:230px;font-size:20px !important;text-align:center;margin:auto;padding-top:60px;line-height:28px;}
.content_p3 > p{font-size:16px;margin-bottom:4px;}
.h_hr{width:300px;height:1px;background:#fff;text-align:center;margin:auto;}
.content_p5{width:300px;font-size:14px !important;text-align:center;margin:auto;padding:10px 0 10px 0;font-weight:normal;}
.content_p2:hover{opacity:0.8;}
.content_p1:hover .content_p2{display:block;opacity:0.8;}
.content_p1:hover .content_p3{display:block;}
.content_p2{position:absolute;width:535px;height:280px;background-color:#0048a5;line-height:280px;text-align:center;color:#fff;font-size:20px;top:0;left:0;font-weight:bold;cursor:pointer; opacity:0;
transition:all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out; /* Firefox 4 */
-webkit-transition: all 0.3s ease-in-out; /* Safari 和 Chrome */
-o-transition: all 0.3s ease-in-out; /* Opera */}



.content_center{width:100%;height:650px;background:#e6e6e6;}
.sj_top{background:url(../images/fffsj.png) no-repeat 50% 50%;height:32px; }
.back_sj{background:url(../images/hui_sj.png) no-repeat center 50%;height:32px;}

.center_box{margin-top:35px;}
.center_pro{margin-top:30px;}
.center_left,.center_right{float:left;}
.center_left{position:relative;}
.center_left_back{position:absolute;bottom: 6px;left: 0px;background: #0048a5;opacity: 0.8;width:300px;height:80px;}
.center_left p{position:absolute;bottom: 50px;font-size: 14px;width: 300px;height: 26px;line-height: 26px;color:#fff;}
.center_left em{position:absolute;left:0px;bottom:22px;font-size: 14px;width: 300px;height: 26px;line-height: 26px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color:#fff;font-style:normal;}
.center_left .hr{width:140px;height:1px;position:absolute;left:80px;bottom:46px;color:#fff;background:#fff;}
.center_right{width:800px;}
.center_right li{position:relative;float:left;margin-left:20px;height:210px;}
.center_right_back{position:absolute;bottom: 20px;left: 0px;background: #0048a5;opacity: 0.8;width:380px;height:60px;}
.center_right p{position:absolute;bottom: 50px;font-size: 14px;width: 380px;height: 26px;line-height: 26px;color:#fff;}
.center_right em{position:absolute;font-style: normal;left:0px;bottom:22px;font-size: 14px;width: 380px;height: 26px;line-height: 26px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color:#fff;}
.hr{width:140px;height:1px;position:absolute;left:120px;bottom:46px;color:#fff;background:#fff;}


.content_bottom{height:400px;}
.bottom_pro{height:400px;margin-top:30px;}

.bottom_pro li{width:250px;height:360px;float:left;position: relative; z-index:1;margin-left:33px;}
.bottom_pro li:hover{color:#fff;}
.bottom_back{width:230px;height:220px;position:absolute;left:0px; top:0px;z-index:1}
.bian{width:250px;height:40px; position:absolute;left:0px; top:280px;z-index:1; background-color:#5faa1a;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }
.bian:hover{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity: 1; }
.bottom_back img{z-index:9;}
.bottom_pro_bor{z-index:99;position:absolute;left:0px; top:180px;}
.bottom_pro_bor > img{position:absolute;left:68px;bottom:-72px;z-index:99;}
.bottom_pro_bor p{color:#f1f2f3;font-weight:400;}
.bottom_pro_bor p:hover{color:#f0f47a;}
.ml{margin-left:33px;}
.bottom_nr{width:250px;height:56px;position:absolute;z-index:10}
.bottom_bg{background:#0048a5;width:250px;height:56px;position:absolute;left:0px;bottom:0px;z-index:9;font-weight:bold;}
.bottom_bg > p {color:#fff;}
.bottom_pro ul > a:first-child > li{margin-left:0px;}


.content_proleft{width:300px; height:520px; background-color:#eee; border-radius:10px;float:left; padding-left:-10px; text-align:center;}
.content_proleft h2{ background-color:#84c225; height:48px; line-height:48px; color:#fff;border-radius:10px 10px 0 0;}
.content_proleft li{ height:50px; line-height:50px; border-bottom:1px dashed #ccc; text-align:left; background:url(../images/more.png) no-repeat right center;font-size:14px; margin-left:25px; }
.content_proleft li a:hover{color:#84c225;font-weight:bold; }
.content_proleft  li.curr a  {color:#84c225;font-weight:bold; }
.content_proleft  a.curr  {color:#84c225;font-weight:bold; }




.content_proright{width:750px; height:520px;  border-radius:10px; float:right; margin-left:0px; border:1px solid #eee; background-color:#fff;} 
.content_proright h2{ background-color:#84c225; height:48px; line-height:48px; color:#fff;border-radius:10px 10px 0 0;}
.content_proright li{ height:225px; line-height:20px; font-size:14px; margin-top:10px; text-align:center; width:222px; margin-left:20px;  overflow:hidden;}
.content_proright li .proimg{ width:220px; height:160px;border:1px solid #eee; overflow:hidden;} 
.content_proright li img{height:150px; } 


.content_proright li a{color:#333;}
.content_proright li a:hover{color:#84c225; }
.content_proright li p, p:hover{color:#acaaaa; font-size:12px;}


/*新增表单*/
.content_proright .form-form table{width:750px; border: none;}

.content_proright .form-form table tr{height:30px;border: none;}
.content_proright .form-form table td{text-align: left;padding-left: 25px;border: none;}
.content_proright .form-form table .td-1{text-align:right;width:150px;}
.content_proright .form-form form #username{width:200px;height:30px;}
.content_proright .form-form form #email{width:200px;height:30px;}
.content_proright .form-form form #password_1{width:200px;height:30px;}
.content_proright .form-form form #password_2{width:200px;height:30px;}
.content_proright .form-form form #submit{width:100px;height:30px;background:#ccc;border:1px solid #ccc;border-radius:5px;}
.content_proright .form-form .username{width: 350px;height: 30px;}
.content_proright .form-form span{color: red;font-size: 20px;line-height: 25px;}
.content_proright .form-form .password_1{width: 350px;height: 100px;}
.content_proright .form-form .Submit a{display: inline-block;width: 50px;height: 25px;line-height: 30px;background: #ddd;text-align: center;color: #000000;margin: 0 50px;}



.content_aboutleft{width:750px; height:320px; background-color:#fff; border-radius:10px;float:left; padding-left:25px;}
.content_aboutleft h2{  height:48px; line-height:48px; color:#84c225;text-align:left;   font-size:32px; margin-top:20px;}
.content_aboutleft .img { float:right; width:234px; height:210px; margin-right:25px;   }
.content_aboutleft .img span { float:right;width:80px; height:26px; line-height:26px;background-color:#84c225; color:#fff;border-radius:5px; margin-top:30px;}
.content_aboutleft .img span a {  color:#fff;}


.content_aboutleft img {  width:234px; height:144px; }
.content_aboutleft p {width:480px; float:left; text-align:left; text-indent:0em; margin-bottom:15px;}
.content_aboutleft p, p:hover { color:#333; font-size:14px;}


.content_aboutright{width:260px; height:320px;  border-radius:10px;float:right; padding-left:25px; background: url(../images/aboutrightbj.png) no-repeat center top;background-color:#fff;}

.content_aboutright h3{  height:28px; line-height:28px; color:#666; font-size:32px; margin-top:125px; font-size:18px; font-weight:200; margin-bottom:20px; margin-left:-30px; }
.content_aboutright a { color:#4097c5; }
.content_aboutright a:hover { color:#f30; font-size:14px;}

.content_aboutright  p{  text-align:left; }


.abouts{min-height:484px; height:auto; overflow:hidden;padding-bottom:30px;}
.content_proright h3{ color:#84c225; height:48px; line-height:48px; font-size:26px; border-bottom:1px  dashed #eee; margin-top:20px;}
.abouts p.abtitle {float:left; text-align:left; text-indent:1em; margin-top:5px; width:800px;}
.content_proright a:hover { color:#84c225;}

.pagecc li:hover{ color:#ccc;}

.about_cont{width:720px;  background-color:#fff; border-radius:10px;float:left; padding-left:25px; margin-top:20px;padding-bottom:30px;font-family:Arial, Helvetica, sans-serif }
.about_cont img { max-width:700px;}
.about_cont p {float:left; text-align:left; text-indent:0em;width:720px; font-family:Arial, Helvetica, sans-serif}
.abouts li{ height:225px; line-height:20px; font-size:12px; margin-top:15px; text-align:center; width:222px; margin-left:20px;  overflow: hidden;}

.news{min-height:484px; height:auto; overflow:hidden; border:none;}
.newslist{width:750px;  background-color:#fff; border-radius:10px;float:left; margin-top:20px;padding-bottom:30px; }
.newslist li{width:750px; height:35px; line-height:45px; font-size:14px; margin-top:0px;margin-left:0px;text-align:left; border-bottom:1px  dashed #CCC; overflow:hidden; text-indent:0.5em;}
.newslist li span,.newslist li span:hover{ color:#999; float:right; margin-right:10px;}

.news_cont{width:700px;  background-color:#fff; border-radius:10px;float:left; padding-left:25px; margin-top:20px;padding-bottom:30px; padding-right:25px; text-align:left; margin-right:20px; }


.products {min-height:484px; height:auto; overflow:hidden;padding-bottom:30px;  }
.products li{ height:225px; line-height:20px; font-size:12px; margin-top:15px; text-align:center; width:222px; margin-left:20px;  overflow: hidden;}


.pro_cont{width:750px;  background-color:#fff; border-radius:10px;float:left;  margin-top:0px;padding-bottom:30px; margin-left:35px;}
.pro_cont img {margin-left:0px;}
.pro_cont p {float:left; text-align:left; width:720px;}
.pro_cont li{ height:225px; line-height:20px; font-size:12px; margin-top:15px; text-align:center; width:222px; margin-left:20px;  overflow: hidden;}
.pro_cont .canshu {float:right width:530px; overflow:hidden; text-align:left; margin-top:50px; line-height:30px; font-size:14px}
.pro_cont .prolistimg {float:left; width:330px; overflow:hidden; margin-right:20px; margin-top:10px;}
.about_cont .MsoNormalTable1 p{width:100%;}


/*底部*/
.footer{width:100%;height:246px;}
.footer1{width:100%;height:206px;background:#3c3c3c;}
.footer1_box{width:1100px;margin:auto;height:206px;}
.footer1_box dl{float:left;margin:0 31px;margin-top:34px;}
.footer1_box dl dt{color: #cccccc;font-size: 18px;font-weight: normal;margin-bottom: 8px;}
.footer1_box dl dd{margin-top: 2px;color:#999;line-height:18px;}
.footer1_box dl dd a:hover{color:#84c225; }
.footer2{width:100%;height:40px;background:#242020;}
.footer2_c{width:1100px;margin:auto;text-align:center;line-height:40px;color: #b3b2b2;}


/*右侧悬浮
.right_xf{position:fixed;right:30px;bottom:200px;width:122px;height:590px;background:url(../images/xf_back.png) no-repeat;z-index:999}
.xf_top,.xf_center,.xf_bottom{border-bottom:1px dashed #ccc;width:94px;text-align:center;margin:auto;color:#fff;}
.xf_top p,.xf_center p,.xf_bottom p{margin-top:-5px;margin-bottom:5px;color:#fff;}
.xf_center,.xf_bottom{margin-top:12px;}
.fhdb{width:94px;text-align:center;margin:auto;color:#fff;margin-top:10px;}
.fhdb a{color:#ff771f;font-size:16px;}*/

/*右侧悬浮*/
	.izl-rmenu{position:fixed; right:0; margin-right:20px; top:300px; padding-bottom:20px; background:url(../images/r_b.png) 0px bottom no-repeat; z-index:999; }
	.izl-rmenu .btn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}

	.izl-rmenu .btn-qq{background:url(../images/r-zx.png) 0px 3px no-repeat; background-color:#5faa1a;}
	.izl-rmenu .btn-qq:hover{display:block;background-color:#054cbe !important;}
	.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r-zx.png) center 10px no-repeat; background-color:#5faa1a; text-decoration:none; display:block;}
	.izl-rmenu .btn-wx{background:url(../images/r_sk.png) center 3px no-repeat; background-color:#5faa1a;}
	.izl-rmenu .btn-wx:hover{background-color:#054cbe;}
	.izl-rmenu .btn-wx .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;}
	
	.izl-rmenu .btn-what{background:url(../images/wez.png) center 3px no-repeat; background-color:#5faa1a;}
	.izl-rmenu .btn-what:hover{background-color:#054cbe;}
	.izl-rmenu .btn-what .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;}
	
	.izl-rmenu .btn-top{background:url(../images/r_top.png) center 10px no-repeat; background-color:#999; display:none;}
	.izl-rmenu .btn-top:hover{background-color:#054cbe;}


.banner{width:100%;}
.banner > a > img{display:block;width:100%;}
.all_line{height:6px;width:1100px; background:#0048a5;margin:auto;}
.hui_line{background:#ccc;}
.all_content{width:1100px;margin:auto;}
.all_left,.all_right{float:left;margin-top:30px;}
.all_left{width:260px;}
.all_left h2{font-size:24px;color:#333;}
.all_left ul{margin-top:10px;}
.cur{border-bottom:2px solid #0048a5 !important;}
.cur a{color:#0048a5 !important;}
.all_left li{padding-left:30px;height:44px;line-height:44px;border-bottom:2px solid #ccc;}
.all_left li:hover{color:#0048a5;border-bottom:2px solid #0048a5;}
.all_left li:hover a{color:#0048a5;}

.all_left li a{font-size:16px;color:#333;}
.all_right{margin-left:50px;}
.all1_right{width:790px !important;}
.all1_right h3{width:790px !important;}
.all_right h2{color:#0048a5;}
.all_right h2,.all_right > span{text-align:center;display:block;margin-top:5px;}
.all_center{margin-top:45px;margin-right:30px;float:right;}

/*contact us*/
.contact_left,.contact_right{float:left;margin-top:30px;}
.contact_left h2,.contact_right h2{font-size:24px;color:#333;}
.contact_left ul{margin-top:10px;}
.contact_left li{width:380px;height:auto;line-height:26px;}
.contact_left li img{float:left;margin-top:6px;}
.contact_left li span{float:left;padding-left:5px;display:block;width:350px;}
.contact_right{width:630px;margin-left:90px;}
.contact_right em,.bd_box em{color:#0048a5;font-size:14px;margin:5px 0;display:block;}
.contact_sub{width:300px;float:left;}
.m30{margin-left:30px;}
.form_control1{width:288px;height:35px;padding-left:10px;margin-top:5px;}
.contact_sub span,.contact_con span{color:#ff0000;}
.contact_sub{color:#333;font-size:14px;line-height:22px;height:70px;}
.contact_con{height:130px;color:#333;font-size:14px;line-height:22px;}
.form_control5{width:618px;height:100px;padding:5px 0 0 10px;margin-top:5px;}
.form_control6{width:100px;height:34px;background:#0048a5;border:none;margin-top:20px;color:#fff;}
.form_control6:hover{background:#0057c7;}
input.m30{background:#808080;}
.contact_bottom{width:1100px;margin:auto;margin-top:50px;}
.map_title{width:200px;height:38px;color:#fff;text-align:center;background:#0048a5;font-size:20px;line-height:38px;}



/*about us*/
.about_box h3{font-size:20px;color:#333;width:400px;line-height:24px;}
.about_box p{margin-top:25px;}
.about_box{width:520px;}
.about_img{text-align:center;}
.about_img p{color:#333;}
.about_img p.bold{font-weight:bold;}

/*news*/
.news_box{width:790px;height:180px;border-bottom:1px dotted #808080;margin-top:30px;}
.news_left,.news_right{float:left;}
.news_left img{width:180px;height:160px;}
.news_right{margin-left:30px;width:580px;}
.news_right h3{width:560px;font-size:20px;color:#333;}
.news_right p{margin-top:5px;}
p.news_content{color:#333;height:70px;}
.news_see{width:90px;height:24px;line-height:24px;background:#b3b3b3;float:right;text-align:center;}
.news_see:hover{background:#0048a5;}
.news_see a{color:#fff; cursor:pointer;}

.no_imformation{width:790px;text-align:center;color:#999;}


/*down*/
.down_box{width:790px;height:170px;border-bottom:1px dotted #808080;margin-top:30px;}
.down_left,.down_right{float:left;}
.down_left{border:1px solid #0048a5;width:178px;height:138px;}
.news_content:after{content:'...';}
.down_right{margin-left:30px;width:580px;}
.down_right h3{width:560px;font-size:18px;color:#333;}
.down_content{color:#333;}
.down_see{width:90px;height:24px;line-height:24px;background:#0048a5;float:right;text-align:center;}
.down_see a{color:#fff; cursor:pointer;}



.owl-wrapper-outer{position:relative;margin-top:20px;}
.owl-controls{position:absolute;bottom:10px;right:15px;}

.s1_product{margin-top:20px;}
.s1_product h2,.s2_product h2,.s3_product h2{color:#0048a5;font-size:20px;}
.s1_product_js{width:1100px;margin:auto;}
.js_left{float:left;}
.js_left{width:560px;color:#333;font-size:14px;}
.js_left h3{color:#333;font-size:16px;}
.js_left h4{font-weight:normal;}
.js_right{float:right;width:486px;height:312px;}

.banner2,.banner3{margin-top:20px;}

.product_box{width:810px;}
.product_box li{position: relative;float: left;margin-left: 24px;height: 244px;border:1px solid #ccc;margin-top:30px;}
.product_box li:hover{border:1px solid #0048a5;}
.product_box .lazy{width:244px;height:244px;}
.product_alpax{position: absolute;bottom: 0px;left: 0px;background:url(../images/pro2.png) no-repeat;width: 244px;px;height:40px;}
.product_ul{position: absolute;left: 0px;bottom: 0px;font-size: 14px;width: 244px;height: 40px;line-height: 40px;color: #FFF;}
.product_ul dd{float:left;color:#fff;padding-left:4px;font-size:10px;}
.product_ul dd:first-child{padding-left:22px;}
.product_ul dd:last-child p{font-size:10px;height:10px;line-height:22px;margin-top:2px;}
.product_ul dd img{margin-top:8px;}
.no-top{margin-top:0px;}


.xq_left{float:left;}
.xq_left{width:370px;height:470px;}
.xq_right{float:left;margin-left:25px;width:395px;}
.xq_right h3,.product_xq_cs h3,.bd_box h2{color:#333;font-size:16px;}
.product_js{margin-top:15px;width:395px;}
.product_js p,.product_js span{width:395px;display:block;height:auto;}
.product_xq_cs{margin-top:30px;}
.product_xq_cs table{border-collapse:collapse;margin-top:5px;color:#333;}
.product_xq_cs table td{text-align:center;border:1px solid #fff;}
.product_xq_cs tr:first-child{height:48px;background:#0048a5;color:#fff;font-size:16px;}
.product_xq_cs tr{height:36px;}
.product_xq_cs td{width:50%;}
.product_xq_cs tr{background:#e6e6e6;}
.product_xq_cs tr:nth-child(2n){background:#ccc;}
.bd_box{width:630px;margin-top:40px;color:#333;}

.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;height:100%;width:100%;border:1px solid #ccc;}
.jqzoom img{ background:url(../images/loading_1_1.gif) no-repeat center center;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:380px !important;*left:380px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}


.page_box{width:100%;background:#f5f8ff;}
.page_left{width:640px;margin-top:15px;}
.page_left h2{font-size:18px;color:#0048a5;margin-bottom:15px;}
.page_left img{margin:10px 0 20px 0;}
.page_left,.page_right{float:left;}
.page_content{line-height:22px;font-size:14px;color:#333;}
.page_content > p {font-size:16px;}
.page_right{margin:40px 0 0 40px;}
.all_content > h2{font-size:18px;color:#0048a5;margin-top:15px;margin-bottom:15px;}
.wd100{width:98%;margin-top:30px;}
.page2_left{float:left;}
.page2_right{float:right;}


/* 分页样式 */
.main_page{float:right;margin-top:30px;font-size:16px;line-height:18px;min-width:285px;max-width:550px;height:18px;}
.main_page a{color:#999;}
.main_page a:hover{color:#999;}
.main_page span a:hover{color:#146eb6}
.main_page ul{list-style:none;}
.main_page ul li{width:18px;height:18px;float:left;background-color:#f0f0f0;margin-right:10px;text-align:center;color:#fff;}
.main_page ul li a{display:inline-block;width:18px;height:18px;}
.main_page ul li:hover{background-color:#146eb6;}
.main_page ul li:hover a{color:#fff;}
.main_page ul li.page_current{background-color:#146eb6;}
.main_page ul li.page_current a{color:#fff;}
.main_page span{float:left;margin-right:16px;}


/*图片小图预览列表*/
.spec-preview{width:370px;height:370px;float:right;position:relative;}
.spec-scroll{width:370px;height:56px;margin-top:10px;}
.spec-scroll .prev{width:12px;height:56px;background: url(../images/left_icon.png);}
.spec-scroll .next{width:12px;height:56px;background: url(../images/right_icon.png);}
.spec-scroll .prev,.spec-scroll .next{display:block;cursor:pointer;float:left;}
.spec-scroll .items{position:relative;width:346px;height:56px;overflow:hidden;float:left;}
.spec-scroll .items ul{position:absolute;height:56px;}
.spec-scroll .items ul li{width:54px;height:54px;float:left;margin-left:11px;border:1px solid #ccc;}
.spec-scroll .items ul li:hover{border:1px solid red;}
.spec-scroll .items ul li img{width:54px;height:54px;}
.spec-scroll .items ul li img:hover{width:54px;height:54px;}


/*放大效果*/
.imgbox{position:relative;}
.probox{width:370px; height:370px;border:1px solid #000;}
.probox img{width:370px; height:370px;vertical-align:top;}
.showbox{display:none;position:absolute;left:403px;top:0;width:370px;height:370px;overflow:hidden;border:1px solid #ccc;background:#ffffff;}
.showbox img{position:absolute;height:1200px;width:1100px;}
.hoverbox{display:none;position:absolute;top:0;background:#09f;border:1px solid #09f;height:75px;width:100px;cursor:move;z-index:10;}


/*详情效果*/
.pic-list  {
	width:338px;
	height: 58px;
	margin-left: 10px;
	margin-top:10px;
}

.mmain-r {
	width: 52.8%;
	margin-left: 6%;
	padding-top: 7%;
}

.mmain-r h2 {
	font-size: 1.75em;
}

.ctrl-img {
	top: 1px;
}

.mmain-r-tab ul li a {
	font-size: 1.25em;
}


.mmain-l {
	float: left;
}

.mmain-l img {
	display: block;
}

.mmain-r {
	float: left;
}

.mmain-l-u {
	overflow: hidden;
}

.pic-list ul li {
	float: left;
	border: 1px solid #1f1b17;
}

.mmain-l-u ul li {
	width:370px;
	height:370px;
	float:left;

}

.prev  {
	float: left;
	height:56px;
	margin-top:10px;
}
.next{
    float:left;
    margin-top:10px;
}
.ctrl-img {
	position: relative;

}

.pic-list ul {
	position: relative;
}

.pic-list ul li {
	margin-right: 10px;
	width:56px;
	height:56px;
	cursor:pointer;
}

.pic-list ul li img{
    width:100%;
}

.pic-list {
	float: left;
	overflow: hidden;
}

.mmain-r-tab ul li {
	float: left;
	margin-right: 5%;
}

.mmain-r-tab ul li a {
	color: #7e7e7e;
}

.mmain-r-tab ul .tab-on a {
	color: #d8292d;
}

.mmain-r-tab ul li a:hover  {
	color: #d8292d;
}

.mmain-r-d {
	padding-top: 8%;
}

.mmain-r-tab  {
	width: 86%;
	padding-bottom: 5.9%;
	border-bottom: 1px solid #7e7e7e;
}

.mmain-r-tci {
	font-size: 0.875em;
	color: #707070;
	line-height: 24px;
}

.mmain-r-tc {
	width: 86%;
	padding-top: 5.2%;	
}

.mars-img {
	position: relative;
	width: 100%;
	padding-top: 3%;
}

.mars-img img {
	width: 100%;
	display: block;
	padding-bottom: 10px;
}

.mmain-r-tci {
	display: none;
}

.pic-list ul .on {
	border: 1px solid #D8292D;
}

.mmain-l-u ul {
	position: relative;
}

.mmain-box {
	width: 100%;
	background-color: #fff;
}

.wmain-t {
	width: 72%;
	color: #1f1b17;
}

.wmain-t-h2 {
	padding-top: 5%;
	padding-bottom: 2%;
	font-size: 2.875em;
	font-family: "微软雅黑";
	text-align: center;
}

.wmain-t-c {
	line-height: 26px;
}

.wmain-s {
	padding-top: 2%;
}

.wmain-s-l {
	float: left;
	margin-right: 6%;
	margin-left: 3%;
	overflow: hidden;
}

.wmain-s-r {
	float: left;
	padding-top: 10%;
}

.wmain-s li {
	float: left;
}

.wmain-s-ru {
	padding-bottom: 14%;
	text-align: center;
}

.wmain-s-r h3 {
	padding-bottom: 5%;
	text-align: center;
	color: #1f1b17;
	font-size: 1.75em;
}

.wmain-s-ru ul li {
	display: inline-block;
	float: none;
	width: 40px;
	height: 40px;
	margin-left: 10px;
	margin-right: 10px;
	border-radius: 20px;
	cursor: pointer;
	border: 1px solid transparent;
	
}

.wmain-s-rd ul li {
	margin-right: 10px;	
	border: 1px solid transparent;
	cursor: pointer;
}

.pic-list-on {
	border: 1px solid #625f5c;
}

.wmain-features {
	padding-bottom: 7%;
	color: #1f1b17;
	font-size: 1em;
}

.wmain-features-cimg {
	float: left;
}

.wmain-features h3 {
	padding-top: 3.7%;
	padding-bottom: 2%;
	font-size: 1.875em;
}

.wmain-box {
	width: 100%;
	background-color: #fff;
}

.wmain-box2 {
	width: 100%;
	background: url(../images/wmain-box2-back.jpg) repeat;
}


.wmain-box2 .wmain-t-h2 {
	padding-top: 5%;
	color: #fff;
}

.wmain-tech-img {
	width: 79%;
	padding-bottom: 5%;
}

.wmain-tech-img img {
	width: 100%;
}

.wmain-table {
	width: 100%;
}

.wmain-table td {
	padding-bottom: 3.5%;
	vertical-align: top;
}

.wireless-img {
	padding-top: 10px;
}

.sub-nav {
	display: none;
	width: 100%;
	position: fixed;
	top: 0px;
	text-align: center;
	background-color: rgba(251,251,251,0.6);
}

.sub-nav ul li {
	display: inline-block;
	padding-left: 2%;
	padding-right: 2%;
	line-height: 50px;
}

.sub-nav ul li a {
	font-size: 1em;
	color: #1f1b17;
}

.sub-nav ul li a:hover {
	color: #d8292d;
}

.sub-nav ul li .sub-nav-on {
	color: #d8292d;
}

/* picture wall */

.wmain-box3 {
	width: 100%;
	background-color: #d5d5dc;
}

.wmain-box3 div {
	overflow: hidden;
}

.wmain-box3 img{
	display: block;
	width: 100%;
	height: 100%;
}

.wpic-l {
	float: left;
	width: 20%;
	
}

.wpic-m {
	float: left;
	width: 40%;
	height: 100%;	
}

.wpic-r{
	float: left;
	width: 40%;
	height: 100%;	
}

.div-four {
	float: left;
	width: 50%;
	height: 100%;
}

.wpic-mu , .wpic-md , .wpic-rd , .wpic-ru {
	height: 50%;
}


.wmain-box3 a img {
	transition: all 0.5s ease-in-out;	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
}

.wmain-box3 a:hover img {
	transform: scale(1.5);
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	-ms-transform: scale(1.5);
}






/*明星产品幻灯片*/
/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}



/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
	overflow: hidden;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(../images/ajaxloader.gif) no-repeat center center
}

/*配合后台上传*/
.pro_cont .prolistimg{
	width: 100%;
	text-align: center;
	
}
.pro_cont p{
	width: 100%;
	/*text-align: center;*/
}
/*.content_proright img{
	width: 100%;
	margin: 0 auto;
} */
.pro_cont table p{
	text-align: left;
}
.pro_cont table{
	width: 98%;
	border: 1px solid #EEE;
}
.pro_cont table th,td{
	border: 1px solid #EEE;
}
.pro_cont .cline{
	background:silver;
}
.pro_cont p{
	
	width: 98%;
}