@charset "utf-8";
/* CSS Document */
/* ============================
        共有样式 header  footer
   ============================*/
*{margin:0;padding:0;font-family:"微软雅黑";font-size:14px;}
.left{float:left;}
.right{float:right;}
img{border:0;vertical-align: middle;}
a{color:#111;text-decoration:none;}
a:hover{color:#528e01;}
li{list-style:none;}
i{font-style: normal;}
.clear{clear:both;}
body{font-family:"微软雅黑"; min-width: 1220px;}
.web,.w1200{margin: 0 auto; width: 1200px; position: relative;}
.huise{ background-color: #f4f4f4;}
.baise{ background-color: #fff;}

/*网站顶部栏目*/
.top_lmx{background:#fefefe;height:30px;width:100%;box-shadow:0 1px 1px #efefef;z-index:9999;}
.top_lmx .left_hy{line-height: 30px; font-size: 12px; color: #999; float: left;}
.top_lmx .left_hy span{width: 22px; height: 30px; display: block; float: left; margin-right: 6px; background: url(../images/top_hy.png) center center no-repeat; background-size: 22px 22px;}
.top_lmx .right_lmx{line-height: 30px; font-size: 12px; color: #999; float: right;}
.top_lmx .right_lmx a{line-height: 30px; font-size: 12px; color: #999;}
.top_lmx .right_lmx i{line-height: 30px; font-size: 12px; color: #bbb; margin: 0 10px;}


/*首页*/
.header{width: 100%; float: left;}

.header .logo{ padding: 14px 0 16px; height: 90px;}
.header .logo img{ display: block;  height: 90px;}

.header .idea{ padding-top: 14px;  height: 90px; padding-left: 26px;}
.header .idea img{ display: block;  height: 90px;}

.header .shop-mall{ padding-top: 32px; line-height: 30px;}
.header .shop-mall span{ display: block; font-size: 16px; color: #333; padding-left: 30px;  background: url(../images/dianhua1.png) 0 0 no-repeat; background-size: 24px 24px;}
.header .shop-mall strong{ display: block; font-size: 26px; color: #0052a1; text-align: right;}
.header .shop-mall a:hover{ color: #ffa200; background-image: url(../images/dianhua1.png); background-size: 26px 26px; }

.nav-box{width: 100%; float: left; background-color: #0052a1; }
.nav{width: 100%; float: left;}
.nav li{ float: left;  }
.nav li a{ display: block; font-size: 16px; color: #fff; line-height: 50px; padding: 0 35px;  background: url(../images/nav_nLiw.jpg) center left no-repeat;}
.nav li:nth-child(1) a{background: none;}
.nav li a:hover,.nav li a.on{ color: #ed8e18;}

.search{ width: 203px; height: 29px; background: url(../images/cimg18.png) 0 0 no-repeat; padding: 1px; margin-top: 9px;}
.search .text{ float: left; padding-left: 10px; width: 156px; height: 29px; line-height: 29px; font-size: 13px; color: #999; background-color: transparent;}
.search .submit{ float: right; width: 34px; height: 29px; background: url(../images/cimg05.png) center no-repeat; background-color: transparent; cursor: pointer;}

/*.subnav{ background-color: #f2f2f2; position: absolute; left: 0; top: 143px; width: 100%; height: 295px; display: none; z-index: 9999;}
*/
.subnav{width: 100%; float: left;position: relative;}
.subnav .web{ }

.subnav01{ padding: 16px 0; height: 263px; width: 668px; float: left; margin-left: 190px;}
.subnav01 li{ float: left; border-right: 1px solid #ccc; padding: 4px 10px 0 0;}
.subnav01 li h3{ font-size: 16px; color: #294999; line-height: 47px; font-weight: 700; padding-left: 84px;}
.subnav01 li .subnav-box{ padding-left: 84px;}
.subnav01 li a{ display: block; font-size: 15px; color: #333; line-height: 36px; }
.subnav01 li a:hover{ color: #294999;}

.subnav01 li.br-n{ border-right: none;}

.subnav01 .profile{ background: url(../images/cimg19.png) 30px 3px no-repeat}
.subnav01 .innovate{ background: url(../images/cimg20.png) 20px 0 no-repeat}
.subnav01 .culture{ background: url(../images/cimg21.png) 33px 7px no-repeat}
.subnav01 .sw-pro{ background: url(../images/nnav01.png) 33px 7px no-repeat}
.subnav01 .hd-pro{ background: url(../images/nnav02.png) 33px 7px no-repeat}
.subnav01 .hl-hy{ background: url(../images/nnav03.png) 33px 7px no-repeat}
.subnav01 .zx-aj{ background: url(../images/nnav04.png) 33px 7px no-repeat}

.subnav .ad{ width: 318px; padding: 30px 23px 0 0; float: right;}
.subnav .ad a{}
.subnav .ad img{ display: block; width: 318px; height: 155px;}
.subnav .ad .text{ display: block; width: 318px; height: 66px; line-height: 22px; color: #333; font-size: 13px; padding-top: 16px; overflow: hidden;}
.subnav .ad a:hover .text{ color: #294999;}

.subnav-public{ background-color: #fbfbfb; position: absolute; left: 0; top: 0; width: 100%; height: 295px; display: none; z-index: 9999;}

#about .subnav01{ margin-left: 0; width: 858px;}
#about .subnav01 li{ height: 238px;}
#about .subnav01 li h3{}
#about .subnav01 li .subnav-box{ width: 178px;}

#product .subnav01{  margin-left: 0; width: 858px;}
#product .subnav01 li{ margin-right: 80px;}
#product .subnav01 li .subnav-box{ width: 240px;}
#product .subnav01 li a{ display: block; font-size: 15px; color: #333; line-height: 36px; width: 50%; float: left;}
#support .subnav01 li a{ display: block; font-size: 15px; color: #333; line-height: 36px; width: 50%; float: left;}

#solution .subnav01{  margin-left: 0; width: 858px;}
#solution .subnav01 li{ padding-right: 60px; margin-right: 16px;}

#new li{ background: url(../images/nnav05.png) 33px 12px no-repeat;}
#support li{ background: url(../images/nnav06.png) 33px 12px no-repeat;}
#cantact li{ background: url(../images/nnav07.png) 33px 12px no-repeat;}
#join li{ background: url(../images/nnav08.png) 33px 12px no-repeat;}

/*banner*/
.banner{ width: 100%; height: 550px; overflow: hidden; position: relative;}
/*.banner ul{ width: 10000px;}加效果后要注释掉*/
.banner ul li{ float: left; width: 100%; height: 550px; position: relative;}
.banner ul li img{ display: block; position: absolute; left: 50%; margin-left: -960px; width: 1920px; height: 550px;}

.banner .banner-btn{ position: absolute; bottom: 22px; width: 100%; height: 3px; line-height: 6px; text-align: center; z-index: 20;}
.banner .banner-btn a{ display: inline-block; *display:inline; *zoom:1; width: 68px; height: 3px; background-color: #fff; margin: 0 2px; cursor: pointer; vertical-align: middle;}
.banner .banner-btn .cur{ background-color: #ffa200;}

.banner .btn{ display: block; width: 34px; height: 107px; position: absolute; top: 50%; margin-top: -53px; z-index: 999;}
.banner .prev{ background: url(../images/cimg25.png) center left no-repeat; left: 80px;}
.banner .next{ background: url(../images/cimg27.png) center right no-repeat; right: 80px;}
.banner .prev:hover{ background-image: url(../images/cimg26.png);}
.banner .next:hover{ background-image: url(../images/cimg28.png);}
/*banner over*/

/*幻灯片*/
.hdp_box{ float:left; width:100%;}
.fullSlide{ float:left; width:100%; min-width:1200px; position:relative;  height:550px; overflow:hidden;  }
.fullSlide .bd{ position:relative; z-index:0;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:550px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:550px; }

.fullSlide .hd{ width:100%; bottom:20px; position:absolute;  overflow:hidden;  z-index: 99999; }
.fullSlide .hd ul{ width:100%; text-align: center;    margin: 0 auto;  overflow:hidden;}
.fullSlide .hd ul li{ display:inline; color:#FFF;  cursor:pointer;text-align:center;padding:0px 10px;  margin: 0 5px; background: url(../images/jd1.png) center center no-repeat; }
.fullSlide .hd ul li:hover,.fullSlide .hd ul .on{  background: url(../images/jd2.png) center center no-repeat;}

/*搜索栏*/
.seach_box{width: 100%; float: left; background-color: #fff;    border-bottom: 1px solid #eee;}
.seach_box .main{width: 1200px; margin: 0 auto;}
.seach_box .seachgjc_box{width: 74%; float: left; background-size: 48px;line-height: 60px;}
.seach_box .seachgjc_box span{float: left; font-size: 14px; color: #999999;}
.seach_box .seachgjc_box a{float: left; margin: 0 14px;font-size: 14px; color: #999999;}
.seach_box .seachgjc_box a:hover{ color: #ffa200;}
.topSearch{margin:10px 0;  float: right; border-bottom: 1px #aaaaaa solid;}
.searchTxt{width:260px;height: 34px;line-height: 20px; font-family: "微软雅黑"; font-size: 12px; border:none;vertical-align: middle; color: #aaaaaa; background-color: #fff;}
.search_ico{width:30px;height:34px;display: inline-block;text-align: center;margin-left: -4px;line-height:36px;vertical-align: middle;}
.search_ico img{vertical-align: baseline;margin-top:4px; width: 26px; display: inline;}



.footer{ padding-top: 12px; background-color: #333; width: 100%; float: left;}

.footer-title{ width: 100%; line-height: 48px; font-size: 18px; color: #fff; padding-bottom: 2px; background: url(../images/cimg17.jpg) 0 bottom repeat-x;}
.footer-subtitle{ padding: 15px 0 12px; line-height: 30px; color: #fff; font-size: 14px;}
.footer-menu{ float: left; padding: 0 42px 12px 0;}
.footer-linkbox{ font-size: 13px; color: #999; line-height: 30px;}
.footer-linkbox a{ color: #999;}
.footer-linkbox a:hover{ color: #fff;}
.footer-solution{ width: 320px;}
.footer-solution .footer-linkbox{ padding-right: 12px;}
.footer-solution a{ display: block;}
.footer-contact{ width: 244px;}

.footer-media{ width: 270px; float: right;}
.footer-media ul{ padding: 25px 0 0 6px;}
.footer-media li{ padding-bottom: 27px;}
.footer-media li a{ display: block; height: 30px; font-size: 14px; color: #aaa; line-height: 30px; padding: 3px 0 0 50px;}
.footer-media li a:hover{ color: #ffa200;}
.footer-media .mobile a{ background: url(../images/cimg11.png) 0 no-repeat; background-size: auto 26px;}
.footer-media .mobile a:hover{ background-image: url(../images/cimg12.png); background-size: auto 26px;}
.footer-media .wechat a{ background: url(../images/cimg13.png) 0 no-repeat; background-size: auto 26px;}
.footer-media .wechat a:hover{ background-image: url(../images/cimg14.png); background-size: auto 26px;}
.footer-media .micro-blog a{ background: url(../images/cimg15.png) 0 no-repeat; background-size: auto 26px;}
.footer-media .micro-blog a:hover{ background-image: url(../images/cimg16.png); background-size: auto 26px;}

.footer .footlogo{ width: 18%; float: left; margin: 4% 5% 4% 0;}
.footer .footlogo img{ width: 100%;}


.friendlink{ padding-top: 28px; border-top: 1px solid #464646; clear: both; overflow: hidden;}
.friendlink dt{ font-size: 14px; color: #fff; line-height: 24px;}
.friendlink dd{ padding: 10px 0 30px;}
.friendlink dd a{ display: inline-block; line-height: 20px; font-size: 13px; color: #999; margin-right: 24px;}
.friendlink dd a:hover{ color: #fff;}

.copyrigth-box{width: 100%; float: left; background-color: #2a2a2a; padding: 10px 0 8px;}
.copyrigth-box .link{ display: none; padding-left: 8px; font-size: 16px; color: #ddd; width: 354px; line-height: 32px;}
.copyrigth-box .link a{ color: #ddd; font-size: 14px;}
.copyrigth-box .link a:hover{ color: #999;}

.copyrigth-box .copyrigth{ line-height: 32px; width: 100%; color: #999; text-align: center;}
.copyrigth-box .copyrigth a{ font-size: 14px; color: #999;}
.copyrigth-box .copyrigth a:hover{ color: #ddd;}



.leftbtn{ width: 45px; position: fixed; right: 10px; top: 75%; z-index: 999;}
.leftbtn .ico{ width: 45px; height: 45px; margin-bottom: 1px; cursor: pointer; position: relative;}
.leftbtn .tel{ background:  rgba(0,0,0,.7) url(../images/cimg04.png) center no-repeat;}
.leftbtn .tel .cont{ background: rgba(0,0,0,.7) url(../images/cimg04.png) 10px center no-repeat; padding-left: 45px; height: 45px; line-height: 45px; color: #fff; font-size: 18px; width: 280px; position: absolute; top: 0; right: 0; z-index: 999;}
.leftbtn .wechat{ background: rgba(0,0,0,.7) url(../images/cimg11.png) center no-repeat;}
.leftbtn .wechat .cont{ width: 153px; padding: 1px 16px 5px 1px; background: url(../images/cimg158.png) 0 0 no-repeat; position: absolute; left: -170px; top: -44px;}
.leftbtn .wechat .cont img{ width: 153px; height: 153px;}
.leftbtn .wechat .cont span{ display: block; line-height: 16px; font-size: 12px; text-align: center; color: #1a1a1a;}

.leftbtn .ico .cont{ display: none;}

/*弹出二维码*/
.mask{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/cimg41.png) repeat; z-index: 9000; display: none;}

.wechat-popup{ position: fixed; width: 263px; height: 303px; padding: 31px 31px 12px; top: 50%; left: 50%; margin: -173px 0 0 -162px; background-color: #fff; z-index: 9999; display: none;}
.wechat-popup img{ display: block; width: 263px; height: 266px;}
.wechat-popup p{ line-height: 37px; color: #666; font-size: 18px; text-align: center;}
.wechat-popup span{ position: absolute; width: 44px; height: 44px; background: url(../images/cimg42.png) 0 0 no-repeat; right: -27px; top: -27px; cursor: pointer;}

/*fenye*/
.fenye{width: 100%;
    float: left;
    margin: 3% 0; font-size: 18px;
}

/*导航顶部浮动*/
#elevator_item {
	width: 45px;
	height: 45px;
	position: fixed;
	right: 10px;
	top: 85%;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	opacity: 1;
	z-index: 100020;
	display: none;
}
#elevator_item.off {
	opacity: 0;
	visibility: hidden
}
#elevator {
	display: block;
	width: 45px;
	height: 45px;
	background: url(../images/icon_top.png) center center no-repeat;
	background-color: #444;
	background-color: rgba(0,0,0,.6);
	border-radius: 2px;
	box-shadow: 0 1px 3px rgba(0,0,0,.2);
	cursor: pointer;
	margin-bottom: 10px
}
#elevator:hover {
	background-color: rgba(0,0,0,.7)
}
#elevator:active {
	background-color: rgba(0,0,0,.75)
}

/*导航顶部浮动 end*/