html,body{ font-family: "微软雅黑"; font-size: 12px; color: #333;}
ul,li{ list-style-type: none; margin: 0; padding: 0;}
a{ text-decoration: none; outline: 0;}
img{ border: 0; vertical-align: top; outline: 0;}
.center{ width: 1100px; margin: 0 auto;}
.fl{ float: left;}
.fr{ float: right;}
.clearfix:after{ display: block; content: ''; height: 0; clear: both;}
.inline-block{ display: inline-block;}
.block{ display: block;}
.hide{ display: none;}
.relative{ position: relative;}
.blue{ color: #287cce;}

/*顶部*/
.top{height: 36px;line-height: 36px;background: #e9e9e9;}
.icon{ display: inline-block; background: url(../img/icons.png) no-repeat;}
.icon-map{ width: 16px; height: 22px; margin: 6px 10px;}
.top li{ margin-right: 30px;}
.top li a{ color: #287CCE; font-size: 13px;}
.icon-400{ width: 150px; height: 22px; background-position: 0 -25px; margin-top: 7px; margin-right: 35px;}
.icon-tg{ width: 14px; height: 14px; background-position: -26px -4px; position: relative; top: 3px; right: 5px;}
.yjgzh{ position: fixed; z-index: 1000; top: 36px; left: 50%; margin-left: 464px; border: 1px solid #666; -webkit-transform: translateY(-185px); -ms-transform: translateY(-185px); transform: translateY(-185px); -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
#show-code:hover .yjgzh{ -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
/*导航*/
.nav{ height: 112px; background: #fff;}
.logo{ position: absolute; left: 0; top: 33px;}
.nav-con{ position: absolute; top: 0; right: 50px;}
.nav-con > li{ height: 112px; padding: 0 5px; font-size: 14px; text-align: center; position: relative;}
.nav-con > li > a{ display: block; height: 106px; min-width: 90px; padding: 0 5px;}
.nav-con > li > a span{ display: block; position: relative; top: 38px; margin-bottom: 5px; text-transform: uppercase;}
.nav-con > li > a span:last-child{ font-size: 12px;}
.nav-con > li > a.active,.nav-con > li:hover > a{ color: #fff; background: url(../img/nav-bg.png) no-repeat; background-size: 100% 100%; /*transition: all .3s;*/}
.nav-con > li ul{ display: none; position: absolute; top: 112px; left: 0; z-index: 999; width: 300px; background: #fff;}
.nav-con > li li{ float: left; width: 150px;}
.nav-con > li li a{ display: block; height: inherit; height: 40px; line-height: 40px; color: #323232;}
.nav-con > li:hover ul{ display: block;}
.nav-con > li li a:hover{ background: #0095E7; color: #fff;}
/*banner*/
.slideBox{ width:100%; height:500px; overflow:hidden; position:relative; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute;left: 50%; margin-left: -30px; bottom: 10px; z-index:1;}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left; }
.slideBox .hd ul li{ float:left; margin-right:5px; width:15px; height:15px; line-height:14px; text-align:center; background:#fff; border-radius: 50%; cursor:pointer;}
.slideBox .hd ul li.on{ background:#287CCE;}
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle;}
.slideBox .bd img{ width:100%; height:500px; display:block;}
.slideBox .prev,.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:22px; height:40px; background:url(../img/slider-arrow.png) no-repeat;}
.slideBox .next{ left:auto; right:3%; background-position:-24px 0;}
.slideBox .prevStop{ display:none;}
.slideBox .nextStop{ display:none;}

/*sidebar*/
#sidebar{ position: fixed; top: 35%; left: 50%; margin-left: 550px; z-index: 999;}
#sidebar li{ position: relative;}
#sidebar li a{ display: block; width: 100px; height: 60px; line-height: 100px; margin-bottom: 2px; background-color: #bdbebe; background-image: url(../img/icons.png); background-repeat: no-repeat; color: #fff; text-align: center; overflow: hidden;}
#sidebar li a:hover{ background-color: #287CCE;}
#totop{ background-position: 0 -48px !important;}
#zixun{ background-position: -100px -48px !important;}
#baojia{ background-position: -200px -48px !important;}
#rexian{ background-position: -300px -48px !important;}
#qq{ background-position: -400px -48px !important;}
.rexian span{ display: none; width: 200px; height: 60px; background: #287CCE; position: absolute; left: -100px; top: 0; z-index: 1000; line-height: 60px; font-size: 24px; color: #fff; text-align: center; -webkit-transition:all .3s; transition:all .3s;}
.rexian:hover span{ display: block; -webkit-transition:all .3s; transition:all .3s;}
/*报价*/
.baojia{ margin-top: 25px; background: #0095e7; padding-top: 25px; padding-bottom: 15px;}
.btn-bj{ position: absolute; right: -120px; top: 0; background: #f0b119; height: 130px; width: 110px; border: 0; outline: 0; margin-left: 10px; font-size: 36px; color: #fff; text-align: center; cursor: pointer;}
.btn-bj span{ display: block; line-height: 40px;}
.btn-bj:hover{ opacity: .95;}
.baojia .row{ margin-bottom: 10px;}
.baojia .tab > div{ cursor: pointer; width: 200px; height: 36px; margin-bottom: 10px; background: #fff; font-size: 16px; color: #287CCE; text-align: center; line-height: 36px; margin-right: 20px;}
.baojia .tab .active{ background: #F0B119 !important; color: #fff !important; position: relative;}
.baojia .active span{ display: block; position: absolute; right: -15px; top: 10px; width: 0; height: 0; border: 8px solid transparent; border-left-color: #F0B119;}
.input-group{ display: inline-block; width: 212px; height: 36px; margin-right: 6px; position: relative;}
.baojia input,.baojia select{ width: 100%; height: 100%; border: 1px solid #fff; color: #333; outline: 0; padding-left: 8px; box-sizing: border-box;}
.baojia input{ padding-left: 12px;}
.baojia input:focus{ border: 1px solid #F0B119;}
.input-group span{ position: absolute; right: 10px; top: 12px; font-size: 12px;}

/*解决方案*/
.solution{ padding: 30px 0;}
.solution li{ margin-right: 4px;}
.solution li:last-child{ margin-right: 0;}

/*易净资质*/
.about{ padding: 20px 0; background: #f2f3f4;}
.wrap{width: 550px;margin:20px auto;}
.poster-main{width: 550px;height: 362px;position: relative;}
.poster-main .poster-btn{width: 100px;height: 362px; position: absolute; top:0;cursor: pointer;}
.poster-main .poster-prev-btn{left: 0; background: url(../img/1.png) no-repeat;background-position: left center;}
.poster-main .poster-next-btn{right:0; background: url(../img/2.png) no-repeat; background-position: right center;}
.poster-main .poster-list .list-item{ position: absolute;top:0;left:0;}
.list-item a,.list-item a img{display: block;width: 100%;height: 100%;border: 0;}
.about .con{ width: 500px; margin-right: 5px;}
.about .fr span{ display: block; font-family: "microsoft sans serif"; font-size: 60px; color: #000; font-weight: bold; text-align: right; }
.about .fr div,.about .fr h3{ text-align: right;}
.about .fr div span{ display: inline-block; height: 32px; padding: 0 5px; background: #0095E7; text-align: right; line-height: 32px; font-size: 13px; color: #fff;}
.about .fr h3{ font-size: 36px; margin: 15px 0;}
.about .fr p{ font-size: 13px; text-indent: 2em; line-height: 2;}

/*视频*/
.crumb{ font-size: 22px; font-weight: bold; padding-bottom: 15px; border-bottom: 1px solid #707070; margin-bottom: 20px;}
.crumb span{ color: #bfbfbf; padding-left: 10px; font-size: 18px; text-transform: uppercase;}
.video-box{ margin-top: 50px;}
.video-nav-bar{ width: 395px; height: 420px;}
.video{ padding: 0; background: #000; height: 400px;}
.video-nav-bar a{ position: relative; display: block; height: 50px; background: #c6c6c6; margin-bottom: 20px; text-decoration: none; line-height: 50px; padding-left: 80px; color: #333; font-size: 20px;}
.video-nav-bar a i{ display: inline-block; width: 35px; height: 35px; background: url(../img/icons.png) no-repeat -300px 0; position: absolute; left: 25px; top: 8px;}
.video-nav-bar a span{ display: block; position: absolute; right: -30px; top: 10px; width: 0; height: 0; border: 16px solid transparent; border-left-color: #c6c6c6;}
.video-nav-bar a:hover,.video-nav-bar a.active{ background: #0095E7; color: #FFFFFF;}
.video-nav-bar a:hover i,.video-nav-bar a.active i{ background-position: -200px 0;}
.video-nav-bar a:hover span,.video-nav-bar a.active span{border-left-color: #0095E7;}

/*友情链接*/
.links{ margin-top: 20px; margin-bottom: 20px; padding: 25px 0; background: #f2f3f4;}
	.picScroll-left{ width: 1100px; overflow:hidden; position:relative;}
	/*.picScroll-left .hd{ overflow:hidden; height:40px; background:#f4f4f4;}*/
	.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width: 22px; height:40px; float:right; overflow:hidden;
		 cursor:pointer; background:url(../img/slider-arrow.png) no-repeat; position: absolute; top: 38px; z-index: 999;}
	.picScroll-left .hd .prev{ left: 0;}
	.picScroll-left .hd .next{ background-position: -24px 0; right: 0;}
	.picScroll-left .bd{ padding:10px 30px;}
	.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
	.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
	.picScroll-left .bd ul li .pic{ text-align:center; line-height: 90px; font-size: 13px; padding:2px; border:1px solid #ccc; }
	.picScroll-left .bd ul li .pic a{ display: block; color: #333;}
	.picScroll-left .bd ul li .pic a:hover{ color: #0095E7;}
	.picScroll-left .bd ul li .pic img{ width:120px; height: 90px; display:block;}
	.picScroll-left .bd ul li .pic a:hover img{ border-color:#999; }
	.picScroll-left .bd ul li .title{ line-height:24px; }
	.links .tempWrap{ width: 1040px !important }	

/*底部*/
.footer{ background: #2b323a; padding: 40px 0; color: #fff;}
.footer h3{ margin: 0; margin-bottom: 40px; font-size: 24px;}
.footer li{ margin-bottom: 20px; font-size: 13px;}
.footer li i{ display: inline-block; width: 20px; height: 20px; background: url(../img/icons.png) no-repeat; position: relative; top: 6px; margin-right: 10px;}
.yj1 i{ background-position: 0 -108px !important;}
.yj2 i{ background-position: -20px -108px !important;}
.yj3 i{ background-position: -40px -108px !important;}
.yj4 i{ background-position: -60px -108px !important;}
.border-rt{ border-right: 1px solid #707070; padding-right: 60px; height: 160px;}
.border-rt img{ margin-top: 20px;}
.erw img{ margin-top: 8px;}



/*=====首页专题=====*/
.zt{padding: 25px 0;}
.zt-crumb{ width: 444px; height: 112px; margin: 0 auto; line-height: 99; overflow: hidden;}
.zt.part1 .zt-crumb{ background: url(../img/ztc1.png) no-repeat;}
.zt.part2 .zt-crumb{ background: url(../img/ztc2.png) no-repeat;}
.zt.part3 .zt-crumb{ background: url(../img/ztc3.png) no-repeat;}
.zt.part4 .zt-crumb{ background: url(../img/ztc4.png) no-repeat;}
.zt.part5 .zt-crumb{ background: url(../img/ztc5.png) no-repeat;}
.zt .pic img{ width: 100%;}
.zt .info p{ color: #323232; font-size: 20px; text-indent: 2em; line-height: 1.5; padding: 0 55px; margin: 0;}
.zt.part3 ul{ margin-top: 20px;}
.zt.part3 li{ margin-right: 25px; width: 350px;}
.zt.part3 li:last-child{ margin-right: 0;}
.zt.part3 li .con{ height: 100px; text-align: center;}
.zt.part3 li .con strong{ display: inline-block; padding: 0 5px 5px; text-align: center; color: #333; font-weight: bold; font-size: 18px; margin-top: 10px; margin-bottom: 10px; border-bottom: 3px solid orange;}
.zt.part3 li .con span{ display: block; text-align: center; line-height: 18px;}
.zt.part4 .poster-main .poster-prev-btn,.zt.part4 .poster-main .poster-next-btn{ opacity: 0;}
#zt-tab{ margin: 30px 0 10px;}
#zt-tab li{ cursor: pointer; width: 15%; height: 36px; background: #e5e5e5; color: #333; margin-right: 2%; text-align: center; line-height: 36px; font-weight: bold; font-size: 16px;}
#zt-tab li:last-child{ margin-right: 0;}
#zt-tab li.active,#zt-tab li:hover{ background: #0095E7; color: #fff;}
.zt.part5{ padding-bottom: 0 !important;}
.zt.part5 .box{ background: #0095E7; padding: 8px 0;}
.zt.part5 li{ width: 20%; height: 25px; line-height: 25px; color: #fff;}
.shizheng .zt-crumb{ width: 1100px; height: 380px; background: url(../img/ztp8.jpg) no-repeat;}