﻿/*全局样式开始-----------------------------------------------------------------------*/
html{}
body{ margin:0 auto; padding:0; width:auto; font-size:12px; color:#333333; font-family: Arial, Helvetica, sans-serif;  background-color:#ffffff;}
div,h1,h2,h3,p{ margin:0px; padding:0px;}
img{ margin:0px; padding:0px; border:0px; vertical-align:top;}
a{ color:#333333; text-decoration:none;}
a:hover{ color:#01488d; text-decoration:none;}
ul, ol, li, dl, dd, dt{ margin:0px; padding:0px; list-style-type:none;}
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both; margin:0; padding:0; height:0; overflow:hidden;}
.line10{ clear:both; margin:0; padding:0; height:10px; overflow:hidden;}
.line20{ clear:both; margin:0; padding:0; height:20px; overflow:hidden;}
/*全局样式结束-----------------------------------------------------------------------*/

/*通用样式开始-------------------------------------------------------------------------*/
/*头部header*/
.header{ width:100%; min-width:1140px;}
    .header_box{margin:0 auto; width:1140px; height:105px; padding-top:15px;}
        .header_box .header_box_logo{ float:left; margin-right:15px;}
        .header_box .header_box_logo img{width:169px; height:88px;}
        .header_box .ggy{ margin-top:15px; font-size:18px; font-weight:bold; color:#231f20; float:left;}
        .header_box .ggy span{ font-size:14px; line-height:40px; font-weight:normal; }
        
        .header_box .ggy2{ border-left:solid 1px #979696; margin-left:15px; padding-left:15px; margin-top:14px; height:62px;  font-size:18px; font-weight:bold; color:#231f20; float:left;}
        .header_box .ggy2 span{ font-size:14px; line-height:40px; font-weight:normal; }
        
        .header_box .header_right{float:right; margin-top:6px; width:255px;}
        .header_box .header_right .lag{}
        .header_box .header_right .lag ul{}
        .header_box .header_right .lag ul li{float:left;}
        .header_box .header_right .lag ul li.name{ font-family:Arial; font-size:13px;  color:#7c7c7c; }
        .header_box .header_right .lag ul li.cn{ margin-right:15px; }
        .header_box .header_right .lag ul li.cn a{display:block; padding-left:30px; font-size:13px; line-height:17px; color:#7c7c7c;  background:url(../images/lag_cn.png) no-repeat;}
        .header_box .header_right .lag ul li.cn a:hover{color:#231f20;}
        .header_box .header_right .lag ul li.en{}
        .header_box .header_right .lag ul li.en a{ display:block; padding-left:30px; font-size:13px; line-height:17px; color:#7c7c7c;  background:url(../images/lag_en.png) no-repeat;}
        .header_box .header_right .lag ul li.en a:hover{color:#231f20;}
        
        .header_box .header_box_phone{ padding-top:15px; }
        .header_box .header_box_phone .header_phone_left{ float:left; margin-right:10px;}
        .header_box .header_box_phone .header_phone_left img{width:40px; height:44px;}     
        .header_box .header_box_phone .header_phone_right{font-size:26px; line-height:44px; font-weight:bold;color:#6cc24a; }

        
/*导航菜单menu*/
.menu{ width:100%; min-width:1140px; height:45px; background-color:#231f20; min-width:1140px;}
	.menu_box{ margin:0 auto; width:1140px;}
        .menu_box .nav{ position:relative;}
        .menu_box .nav ul{}
        .menu_box .nav ul li.sli{float:left; line-height:45px; width:114px; line-height:45px; text-align:center; position:relative;}
        .menu_box .nav ul li a{ display:block; color:#ffffff; font-size:12px;}
        .menu_box .nav ul li a:hover{background-color:#6cc24a; }
        .menu_box .nav ul li a.cur{background-color:#6cc24a; }
 
        .menu_box .nav ul li.sli ul.sub{ display:none; position:absolute; top:45px; left:0; z-index:9999; background:#6cc24a; color:#ffffff; }
	    .menu_box .nav ul li.sli ul.sub li{ display:block; float:left; padding:0;width:114px; height:35px; line-height:35px;text-align:center; overflow:hidden; }
	    .menu_box .nav ul li.sli ul.sub li a{ display:block; width:114px; height:35px; line-height:35px; overflow:hidden;  color:#ffffff; font-size:11px;  text-align:center;}
	    .menu_box .nav ul li.sli ul.sub li a.selected{ display:block; width:126px; height:35px; line-height:35px; overflow:hidden; text-align:center;}
	    .menu_box .nav ul li.sli ul.sub li a.selected:hover{ display:block; width:114px; height:35px; line-height:35px; overflow:hidden; text-align:center; background:#231f20; }

		.menu_box .nav ul li.sli#menu1{ width:103px; }
		
		.menu_box .nav ul #menu2{ width:114px; }
		.menu_box .nav ul #menu2 ul.sub li{width:114px;}
		.menu_box .nav ul #menu2 ul.sub li a{width:114px;}
		.menu_box .nav ul #menu2 ul.sub li a.selected {width:114px;}
		.menu_box .nav ul #menu2 ul.sub li a.selected:hover{width:114px;}
		
		.menu_box .nav ul #menu3{ width:114px; }
		.menu_box .nav ul #menu3 ul.sub li{width:150px;}
		.menu_box .nav ul #menu3 ul.sub li a{width:150px;}
		.menu_box .nav ul #menu3 ul.sub li a.selected {width:150px;}
		.menu_box .nav ul #menu3 ul.sub li a.selected:hover{width:150px;}

	    .menu_box .nav ul #menu4{ width:114px; }
		.menu_box .nav ul #menu4 ul.sub li{width:230px;}
		.menu_box .nav ul #menu4 ul.sub li a{width:230px;}
		.menu_box .nav ul #menu4 ul.sub li a.selected {width:230px;}
		.menu_box .nav ul #menu4 ul.sub li a.selected:hover{width:230px;}
		
		.menu_box .nav ul #menu5{ width:114px; }
		.menu_box .nav ul #menu5 ul.sub li{width:150px;}
		.menu_box .nav ul #menu5 ul.sub li a{width:150px;}
		.menu_box .nav ul #menu5 ul.sub li a.selected {width:150px;}
		.menu_box .nav ul #menu5 ul.sub li a.selected:hover{width:150px;}
		
		.menu_box .nav ul #mokuai{ width:114px; }
		.menu_box .nav ul #mokuai ul.sub li{width:280px;}
		.menu_box .nav ul #mokuai ul.sub li a{width:280px;}
		.menu_box .nav ul #mokuai ul.sub li a.selected {width:280px;}
		.menu_box .nav ul #mokuai ul.sub li a.selected:hover{width:280px;}

	    .menu_box .nav ul #menu6{ width:114px; }
		.menu_box .nav ul #menu6 ul.sub li{width:150px;}
		.menu_box .nav ul #menu6 ul.sub li a{width:150px;}
		.menu_box .nav ul #menu6 ul.sub li a.selected {width:150px;}
		.menu_box .nav ul #menu6 ul.sub li a.selected:hover{width:150px;}


		  
/*焦点广告banner*/
    .banner{ width:100%; min-width:1140px;}
    .banner_box{ width:100%;  position:relative;  height:551px; background:#ffffff;  }	
    .banner_box .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }	
    .banner_box .bd ul{ width:100% !important;  }	
    .banner_box .bd li{ width:100% !important;  height:551px; overflow:hidden; text-align:center;  }	
    .banner_box .bd li a{ display:block; width: 100%; height: 551px; margin: 0 auto; }	
    .banner_box .bd li img{ width:1440px; height:551px;}
    .banner_box .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; }	
    .banner_box .hd ul{ text-align:center; }	
    .banner_box .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:11px; height:11px; margin:3px; overflow:hidden; background:#000000; filter:alpha(opacity=80);opacity:0.8;  line-height:999px; -moz-border-radius: 15px;
    -webkit-border-radius: 15px; border-radius:15px; 	}	
    .banner_box .hd ul .on{ background:#6cc24a; -moz-border-radius: 15px;
    -webkit-border-radius: 15px; border-radius:15px; }	
    .banner_box .prev,.banner_box .next{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:10%;  z-index:1; width:40px; height:60px; background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=80);opacity:0.8; display:none;  }	
    .banner_box .next{ left:auto; right:10%; background-position:-6px -137px; }
 
 /*产品系列cpxl*/
 .cpxl{ padding-top:20px; height:580px; min-width:1140px;}
    .cpxl_box{margin:0 auto; width:1140px;}
    
    .cpxl_box .title{margin-bottom:30px;}
    .cpxl_box .title{ float:left; height:35px; line-height:35px; color:#6cc24a; font-weight:bold; font-size:26px; }
 

	.cpxl_box .slideGroup{ margin:0 auto; margin-bottom:30px; width:1140px;  }
	.cpxl_box .slideGroup .parHd{ height:240px; line-height:240px; position:relative;  }
	.cpxl_box .slideGroup .parHd ul{ float:left; position:absolute; height:230px; }
	.cpxl_box .slideGroup .parHd ul li{ margin-right:3px; float:left; display:inline;_display:inline; width:180px; height:230px; text-align:center; cursor:pointer; margin:0 24px;}
	.cpxl_box .slideGroup .parHd ul li a{ position: relative;float: left; text-align: center;font-size: 14px; color: #000; cursor:pointer; }
	.cpxl_box .slideGroup .parHd ul li a em{ display: block; margin: 0 auto 6px auto; width:186px; height: 187px; background-image: url(../images/icon_list.png);position:relative;}
	.cpxl_box .slideGroup .parHd ul li .a1 em{ background:url(../images/cpxl_rl.png) no-repeat;}
	.cpxl_box .slideGroup .parHd ul li .a2 em{ background:url(../images/cpxl_hlw.png) no-repeat;}
	.cpxl_box .slideGroup .parHd ul li .a3 em{ background:url(../images/cpxl_zw.png) no-repeat;}
	.cpxl_box .slideGroup .parHd ul li .a4 em{  background:url(../images/cpxl_sj.png) no-repeat}
	.cpxl_box .slideGroup .parHd ul li .a5 em{  background:url(../images/cpxl_bx.png) no-repeat}
	.cpxl_box .slideGroup .parHd ul li.on .a1 em{ background:url(../images/cpxl_rl_hover.png) no-repeat;}
	.cpxl_box .slideGroup .parHd ul li.on .a2 em{ background:url(../images/cpxl_hlw_hover.png) no-repeat;}
	.cpxl_box .slideGroup .parHd ul li.on .a3 em{ background:url(../images/cpxl_zw_hover.png) no-repeat;}
	.cpxl_box .slideGroup .parHd ul li.on .a4 em{ background:url(../images/cpxl_sj_hover.png) no-repeat}
	.cpxl_box .slideGroup .parHd ul li.on .a5 em{ background:url(../images/cpxl_bx_hover.png) no-repeat}
	.cpxl_box .slideGroup .parHd ul li a p{ line-height:20px; color:#797676; font-size:14px;}
	.cpxl_box .slideGroup .parHd ul li a:hover p{ color:#000000; text-decoration:none; }
	.cpxl_box .slideGroup .parHd ul li a:hover{ color:#000000; text-decoration:none; }
	.cpxl_box .slideGroup .parHd ul li.on{ color:#000000; }
	.cpxl_box .slideGroup .parHd ul li:last-child{margin-right:0px; }
	.cpxl_box .slideGroup .parHd ul li.select{margin-right:0px;}
	.cpxl_box .slideGroup .parHd ul li.on:last-child{margin-right:0px; }
	.cpxl_box .slideGroup .parHd ul li.on .select{margin-right:0px;}

	.cpxl_box .slideGroup .slideBox{ overflow:hidden; zoom:1; padding:20px 0;  position:relative;   }
	.cpxl_box .slideGroup .sPrev,.slideGroup .sNext{display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:0%;  z-index:1; width:38px; height:60px; background:url(../images/slider-arrow.png) -127px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none; }
	.cpxl_box .slideGroup .sNext{ left:auto; right:0%; background-position:-10px -137px;  }
	.cpxl_box .slideGroup .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60;  }
	.cpxl_box .slideGroup .parBd{ background:#e2e2e2;}
	.cpxl_box .slideGroup .parBd ul{ overflow:hidden; zoom:1;   }
	.cpxl_box .slideGroup .parBd ul li{ margin:0 13px; float:left; display:inline; _display:inline; overflow:hidden;  width:258px; }
	.cpxl_box .slideGroup .parBd ul li a{}
	.cpxl_box .slideGroup .parBd ul li a img{width:258px; height:185px; border:1px solid #cecece;  display:block; }
	.cpxl_box .slideGroup .parBd ul li a span{ display:block; width:258px; line-height:30px; text-align:center;  color: #000000; font-size:14px;}
	
/*关于我们gywm*/
.gywm{min-width:1140px; height:365px;}
    .gywm_box{margin:0 auto; width:1140px;}
    /*--走进友联zjyl*/
    .gywm_box .zjyl{float:left; width:800px; }
    .gywm_box .zjyl .title{ padding-top:30px; margin-bottom:15px; font-size:26px; color:#6cc24a; font-weight:bold;}
    .gywm_box .zjyl .title span{font-size:15px; color:#231f20; font-weight:normal; }
    .gywm_box .zjyl .video{float:left; width:390px;  height:258px; }
    .gywm_box .zjyl .word{float:right; width:390px;}
    .gywm_box .zjyl .word h3{ line-height:40px; font-size:14px; color:#231f20; font-weight:bold;}
    .gywm_box .zjyl .word p{line-height:24px; font-size:13px; color:#5a5a5a; }
    .gywm_box .zjyl .word .zjyl_menu{ }
    .gywm_box .zjyl .word .zjyl_menu ul{}
    .gywm_box .zjyl .word .zjyl_menu ul li{ float:left; margin-right:10px; line-height:26px;}
    .gywm_box .zjyl .word .zjyl_menu ul li a{display:block; font-size:13px; color:#231f20; }
    .gywm_box .zjyl .word .zjyl_menu ul li a:hover{color:#6cc24a;}
    .gywm_box .zjyl .word .zjyl_menu ul li.more{ width:72px; height:26px; line-height:26px; text-align:center; background-color:#6cc24a; border-radius:5px;}
    .gywm_box .zjyl .word .zjyl_menu ul li.more a{display:block; font-size:11px; font-family:Arial; color:#ffffff;}
    .gywm_box .zjyl .word .zjyl_menu ul li.more a:hover{color:#231f20;}
    /*--荣誉资质ryzzl*/
    .gywm_box .ryzz{ float:right; width:295px;}
    .gywm_box .ryzz .title{ padding-top:30px; margin-bottom:15px; font-size:26px; color:#6cc24a; font-weight:bold;}
    .gywm_box .ryzz .title span{font-size:15px; color:#231f20; font-weight:normal; }
    .gywm_box .ryzz .pic {position:relative;}  
	.gywm_box .ryzz .pic .hd{}
	.gywm_box .ryzz .pic .hd .next{ top:45%; right:0; z-index:1; position:absolute;display:block; width:31px; height:64px; background:url(../images/ryzz_right.png) no-repeat 0 0; cursor:pointer;}
	.gywm_box .ryzz .pic .hd .prev{ top:45%; left:0; z-index:1; position:absolute;display:block;  width:31px; height:64px; background:url(../images/ryzz_left.png) no-repeat 0 0; cursor:pointer;}  
    .gywm_box .ryzz .pic .bd{ margin-left:45px; _margin-left:44px;}
    .gywm_box .ryzz .pic .bd ul{overflow:hidden; zoom:1;}
    .gywm_box .ryzz .pic .bd ul li{ float:left; width:183px; height:258px; background-color:#ffffff; padding:14px; }
    .gywm_box .ryzz .pic .bd ul li img{ width:183px; height:258px; }

/*新闻资讯xwzx*/    
.xwzx{height:510px;}
    .xwzx_title{width:100%; height:51px; line-height:51px; border-bottom:1px solid #cecece;z-index:1; position:relative; }
    .xwzx_title_box{ margin:0 auto;  width:1140px;}
    .xwzx_title_box .name{ position:absolute;  z-index:99; }
    .xwzx_title_box .cn{ float:left; width:130px; height:50px; text-align:center; border-bottom:3px solid #6cc24a;  color:#6cc24a; font-size:26px; font-weight:bold; }
    .xwzx_title_box .en{ float:left; color:#8edd65; font-size:14px; font-family:Arial; }
    
    .xwzx_box{margin:0 auto; width:1140px;}
    .xwzx_box .xwzx_pic{ margin-top:25px; }
    .xwzx_box .xwzx_pic ul{}
    .xwzx_box .xwzx_pic ul li{display:inline; _display:inline;  float:left; width:323px; height:390px; margin:0 15px; background-color:#f1f1f1; padding:13px; }
    .xwzx_box .xwzx_pic ul li img{ width:323px; height:222px; }
    .xwzx_box .xwzx_pic ul li .txt{width:323px; }
    .xwzx_box .xwzx_pic ul li .txt h3{height:40px; line-height:40px; font-size:16px; color:#555555;}
    .xwzx_box .xwzx_pic ul li .txt .wenzi{color:#8c8c8c; font-size:13px; line-height:24px;}
    .xwzx_box .xwzx_pic ul li .txt .more{ margin-top:6px; }
    .xwzx_box .xwzx_pic ul li .txt .more a{ display:block; color:#6cc24a; font-size:13px;}

/*页脚footer*/
.footer{ margin-top:60px; min-width:1140px; background-color:#231f20; height:280px;}
    .footer_box{margin:0 auto; width:1140px;}   
    
    /*友情链接link*/      
    .footer_box .link{width:1140px; height:45px; line-height:45px; border-bottom:1px solid #000000;}
    .footer_box .link .title{color:#ffffff; font-size:17px;}
    .footer_box .link ul li{ float:left;  padding: 0 8px; text-align:center;  height:45px; line-height:45px;}
    .footer_box .link ul li a{ display:block; color:#ffffff; font-size:14px;}
    
    .footer_box .foot{ padding-top:30px; width:1140px; border-top:1px solid #50484a;}
    .footer_box .foot .foot_box{ width:1100px; margin:0 auto;}
    .footer_box .foot .footer_logo{ float:left; margin-right:80px; margin-top:25px;}
    .footer_box .foot .footer_logo img{width:209px; height:135px;}
    .footer_box .foot .ewm{float:right;}
    .footer_box .foot .ewm img{width:159px; height:159px;}
    .footer_box .foot .bq{ width:530px;  float:left; color:#e7e7e7; line-height:24px; font-size:14px;}
    .footer_box .foot .bq a{color:#e7e7e7; line-height:30px; }
        
        
        
/*内页样式开始-------------------------------------------------------------------------*/
/*内页焦点广告banner_box*/
.content_banner{ width:100%; min-width:1140px;}
.content_banner_box{ margin:0 auto; width:100%;height:184px; overflow:hidden;}
   .content_banner_box img{width:1440px; height:184px; }
/*内容content*/
.content{ margin-top:20px;}
.content_box{margin:0 auto; width:1140px; }       
/*左边left*/
        .content_box .content_left{ float:left;}
        .content_box .content_left .title{width:270px; height:45px; line-height:45px; background-color:#6cc24a; font-size:20px; font-weight:bold; color:White;  text-align:center;}
        .content_box .content_left .list{ width:270px; margin-bottom:28px;}
        .content_box .content_left .list ul{}
        .content_box .content_left .list ul li{ width:270px; border-bottom:1px dashed #6cc24a; font-size:12px; padding:10px 0;}
        .content_box .content_left .list ul li a{ width:255px; font-family:Arial; padding-left:15px; line-height:20px; display:block; color:#585858; background:url(../images/dot1.png) no-repeat 0 center;}
        .content_box .content_left .list ul li a:hover{color:#6cc24a; background:url(../images/dot_hover.gif) no-repeat 0 center; }       
        
        .content_box .content_left .title2{width:270px; height:45px; line-height:45px; background-color:#231f20; font-size:20px; font-weight:bold; color:White;  text-align:center;}
        .content_box .content_left .tel{ width:248px; height:220px; line-height:22px; border:1px solid #231f20; padding:20px 10px 0 10px; font-size:16px; color:#231f20; font-weight:bold;}
        .content_box .content_left .tel ul{ margin-top:8px;}
        .content_box .content_left .tel ul li{color:#434343; line-height:24px; font-size:13px; font-weight:normal;}
        
        /*左边智能办公left_menu*/
        .content_left .left_menu{width:270px;  height:auto; margin-bottom:30px;}
        .content_left .left_menu h3{width:270px; border-bottom:1px dashed #6cc24a; font-size:12px; padding:10px 0;}
        .content_left .left_menu h3 a{width:255px; display:block; font-family:Arial; padding-left:15px; line-height:20px; display:block; color:#585858; background:url(../images/dot1.png) no-repeat 0 center;}
        .content_left .left_menu h3 a:hover{color:#6cc24a; background:url(../images/dot_hover.gif) no-repeat 0 center; }
        .content_left .left_menu ul{ display:none; /* 默认都隐藏 */ }
        .content_left .left_menu ul li{ width:270px; border-bottom:1px dashed #6cc24a; font-size:13px; padding:10px 0;}
        .content_left .left_menu ul li a{width:255px; display:block; font-family:Arial; padding-left:15px; line-height:20px; display:block; color:#585858; }
        .content_left .left_menu ul li a:hover{color:#6cc24a;  }
/*右边right*/
        .content_box .content_right{ float:right; width:800px; min-height:450px; overflow:hidden;}
        .content_box .content_right .wz{width:800px; height:40px; line-height:40px; border-bottom:1px solid #c5c5c4; font-size:14px; color:#828282;}
        .content_box .content_right .wz span{ float:right; }
        .content_box .content_right .wz a:hover{ color:#6cc24a; }
      
                


    
   