/*****************************************

* 作 者：larry

* 网 址：www.fo-sky.com

* 版 本：1.0 

* 概 要：灵风科技-网站公共样式

*****************************************/



/*-----------------------------------------公共样式-----------------------------------------*/

* {margin:0; padding:0;}

body {font-family:"Microsoft Yahei",Simsun,sans-serif; font-size:14px;color:#5e5e5e;line-height:22px; background:#ffffff;}

h1{ font-size:16px;line-height:35px;}

h1 a:hover{ font-size:16px; font-weight:bold; line-height:45px;color:#ffe0a2;}

h1,h2,h3,h4,h5,h6{ font-size:16px; font-weight:normal;}

img{border:none;vertical-align:middle;}

ul,ol,li {list-style:none;}

a:link,a:visited,a:active{text-decoration:none;color:#666; font-size:14px;}

a:hover{text-decoration:none;color:#0b84e4;}

.block{margin:0 auto; padding:0;}

.block_banner{ width:100%; height:420px; background:url(/images/banner.jpg) no-repeat center top;}

.clear{ clear:both;}

.clear2{ clear:both; height:15px;}

.clear3{clear:both; margin:50px auto; text-align:center; width:100%;}

.clear4{clear:both; margin:50px auto; line-height:26px; text-align:left; width:1040px;background:url(images/js_bg.png) no-repeat;padding:30px; color:#666666; }

.clear44{clear:both; margin:50px auto; line-height:26px; text-align:left; width:1040px;background:url(images/js_bg2.png) no-repeat;padding:30px; color:#666666; }

.clear7{clear:both; height:50px;}

.l{ float:left}

.r{ float:right}

.hover{color:#860007!important;}

#nav11 a.nav1,#nav22 a.nav2,#nav33 a.nav3,#nav44 a.nav4,#nav55 a.nav5,#nav66 a.nav6,#nav77 a.nav7{color:#ffffff!important;background:#0b84e4!important;}

#nav11 .nav1 span,#nav22 .nav2 span,#nav33 .nav3 span,#nav44 .nav4 span,#nav55 .nav5 span,#nav66 .nav6 span,#nav77 .nav7 span{color:#ffffff!important;}

#page{ width:1200px; margin:30px auto; text-align:right; }

#page b{background:#0b84e4; color:#FFFFFF;padding:10px 20px;font-size:14px; border-radius:3px;height:38px; line-height:38px;} 

#page a{ background:#c6c6c6;padding:10px 20px; color:#fff;font-size:14px;border-radius:3px;height:38px; line-height:38px;}

#page a:hover{background:#0b84e4; color:#FFFFFF;}



.zhi11 a.new1,.zhi22 a.new2{color:#0b84e4 !important;border-bottom:2px #0b84e4 solid;}

#xin{ width:440px; height:100px; margin:0 auto;}



#xin a{color:#888888; width:220px; display:block;line-height:100px; height:100px; margin-bottom:-2px; float:left;font-size:28px;}

#xin a:hover { color:#0b84e4;}

/*-----------------------------------------公共样式-----------------------------------------*/

#toubu{position: relative;}

#top{width:1200px; height:100px; margin:0 auto;}

#top #logo{ width:255px; height:157px;position: absolute;top: 0; float:left;z-index: 9999}



.banner { width:100%; height:600px; margin:0 auto; position: relative; overflow:hidden; text-align:center; border-top: #0b84e4 3px solid;}

.banner ul li img{ width:1920px; /*margin-left:-950px;position:absolute;left:50%; top:0;*/}

/*数字按钮样式*/

.banner .num {margin:28px auto;width:168px;z-index:9999;position:absolute;bottom:0px; left:47%;}

.banner .num li {width:12px;height:12px;text-indent: -9999px;text-align: center;background: #fff;margin:0 8px;border-radius:50%;cursor:pointer;float: left;}

.banner .num li.on { background: #0b84e4; }



/*上一个  下一个*/

.banner .prev,

.banner .next { display: none; width: 40px; height: 100px; background: url(/images/btn2.png) no-repeat; position: absolute; top:250px;}

.banner .prev { left: 0; }

.banner .next { right: 0; background-position: right }

/*-----------------------------------------导航代码-----------------------------------------*/

#nav {float:right;}

#nav a:link, #nav a:visited { display:block;color:#646464;font-size:16px;height:74px;line-height:26px;background:url(images/li.png) no-repeat right top; padding:26px 30px 0;text-align:center; float:left;} 

#nav a span{ color:#8f8f8f;display:block;font-size:14px;}

#nav a:hover span{ color:#ffffff;font-size:14px;}

#nav a:hover { color:#ffffff; background:#0b84e4;} 





/*二级导航*/

.nav{margin:0 auto;float:right;height:100px;border:0;}

.nav>ul{}

.nav>ul:after{display:block;content:'';clear:both}

.nav>ul>li{display:block;width:140px;height:100px;float:left;text-align:center;background:url(images/li.png) no-repeat right top;}

.nav>ul>li:hover{background:#0b84e4;}

.nav>ul>li a{display:inline-block;width:100%;height:100%;font-size:16px;line-height:100px;color: #646464;}

.nav>ul>li:hover .lala{color: #fff!important;}

.nav>ul>li:hover a{color: #fff;}



.nav>ul>li ul{display:none;z-index:9999;border-top: #0b84e4 3px solid;width:255px; margin-left:-55px;height:auto;position:relative;top:0;left:0px}

.nav>ul>li:hover>a+ul{display:block;}

.nav>ul>li>ul>li a{display:block;width:100%;height:50px;line-height:50px;text-align:center;border-bottom:1px solid #eee;background:#fff;font-size:14px;color: #646464!important;}



.nav>ul>li>ul>li:hover a{background:#0b84e4;color: #fff!important;}



/*首页四个图标*/

@font-face {font-family: "iconfont";

  src: url('//at.alicdn.com/t/font_1465955_g34plgnsut.eot?t=1571739317505'); /* IE9 */

  src: url('//at.alicdn.com/t/font_1465955_g34plgnsut.eot?t=1571739317505#iefix') format('embedded-opentype'), /* IE6-IE8 */

  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),

  url('//at.alicdn.com/t/font_1465955_g34plgnsut.woff?t=1571739317505') format('woff'),

  url('//at.alicdn.com/t/font_1465955_g34plgnsut.ttf?t=1571739317505') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */

  url('//at.alicdn.com/t/font_1465955_g34plgnsut.svg?t=1571739317505#iconfont') format('svg'); /* iOS 4.1- */

}



.iconfont {

  font-family: "iconfont" !important;

  font-size: 16px;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



.iconhuanbao:before {

  content: "\e61e";font-size:90px;padding-left:6px;

}



.iconanquan:before {

  content: "\e723";font-size:70px;line-height:108px;

}



.iconbianjie:before {

  content: "\e61b";font-size:60px;line-height:108px;

}



.iconfuyuan:before {

  content: "\e7b9";font-size:85px;line-height:108px;

}



.icongaoxiao:before {

  content: "\e60d";font-size:75px;line-height:108px;

}



.container {width:100%;padding-top:40px;margin:auto;text-align:center;background:url(/images/bbg.jpg) no-repeat;}

.container ul{width:1200px;height:180px;}

.container .blocks {margin:0 auto;}

.container .blocks li {width:240px;position:relative;float:left;}

.container .icon{position:relative;display:inline-block;font-style:normal;font-weight:normal;line-height:1;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);text-rendering:auto;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}



.container .blocks li i {font-size:50px;width:100px;height:100px;color:#939393;border:solid 1px #bdc3c7;text-align:center;line-height:100px;border-radius:100%;-webkit-transition:all 0.25s linear;-moz-transition:all 0.25s linear;-ms-transition:all 0.25s linear;-o-transition:all 0.25s linear;transition:all 0.25s linear;}

.container .blocks li:hover i {background:#0b84e4;color:#fff;animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);transform:translate3d(0,-5px,0);}

.container .blocks li h4 {margin-top:20px;margin-bottom:5px;font-weight:300;font-size:20px;color:#2a333c;}

.container .blocks li p {font-size:14px;}



.banner2{ overflow: hidden;width: 100%;border-top: #0b84e4 3px solid; }



#content #contact #video{ background:#f6f6f6 url(/images/us.jpg) no-repeat top left; width:610px; height:330px; padding:100px 0 0 38px; float:left;}

#content #contact #video #er{ width:580px; height:300px; font-size:16px; line-height:35px;}

#content #contact #video #er a{font-size:16px; }

#content #contact #submit{float:right;border:1px #e1e1e1 solid;width: 500px;height:428px;}

#content #contact #submit p{background:url(/images/sub_bg.jpg) no-repeat bottom center; font-size:18px; padding-left:62px; color:#383838; line-height:50px;}

.input{height:35px;line-height:35px;width: 360px;border:1px solid #dfdfdf;padding:0 12px;border-radius:2px;font-size:14px;color:#b4b4b4;}

.input2 { border:1px solid #dfdfdf;padding:0 12px;width:360px; height:100px;line-height:35px; overflow-y:auto;border-radius:2px; font-size:14px; color:#b4b4b4}



/*---健康的帮助---*/

#help{width:100%; margin:0 auto; text-align:center; padding:20px 0;color:#878787;background:url(/images/help.png) repeat-x top;}

#help h3{ color:#0b84e4; font-size:30px; line-height:55px;}



#san{width:1200px; margin:50px auto; overflow:hidden;}

#san a{ width:330px; height:330px; overflow:hidden; font-size:22px; float:left; margin:0 18px; position:relative;}

#san a .bl{ width:330px; height:330px;background:url(/images/help_bg.png) no-repeat; color:#ffffff; position:absolute; top:0; left:0; text-align:center; line-height:345px;}

#san a:hover .bl{display:none;}

#san a .hi{width:330px; height:330px;}

#san a:hover .hi{width:330px; height:330px;background:url(/images/help_hover.png) no-repeat; color:#0b84e4;position:absolute; top:0; left:0;text-align:center; line-height:345px;}



/*---健康的帮助内页样式---*/

#san2{width:1200px; margin:50px auto; overflow:hidden;}

#san2 a{ width:330px; height:330px; overflow:hidden; font-size:22px; float:left; margin:0 18px; position:relative;}

#san2 a .bl{ width:330px; height:330px;color:#ffffff; position:absolute; top:0; left:0; text-align:center; line-height:330px;}

#san2 a:hover .bl{display:none;}

#san2 a .hi{display:none;}

#san2 a:hover .hi{width:330px; display:block; height:330px;background:url(/images/help_h.png) no-repeat center; color:#fff;position:absolute; top:0; left:0;text-align:center; line-height:330px;}



/*---适用场所---*/

#sycs{width:100%;margin:0 auto; text-align:center; color:#878787;background:url(/images/dcbg.jpg) repeat-x top;}

#sycs_box{width:1200px;height:350px; margin:0 auto; text-align:center; padding-top:240px; position:relative;}

#sycs_box #c_box{ width:880px; position:relative; top:-30px; left:0; margin:0 auto;}

#sycs_box a{width:227px; height:261px; display:block; float:left; margin:0 36px; position:relative;}

#sycs_box a .title{ display:none;}

#sycs_box a:hover .title{ display:block; text-align:center; font-size:18px; color:#FFFFFF;position:absolute; top:10px; left:9px;width:210px; height:240px;background:url(/images/sy_bg.png) no-repeat; line-height:240px;}



/*---专业团队---*/

#zytd{width:1200px; height:230px; margin:0 auto;background:url(/images/zy1.png) no-repeat top right; line-height:32px;}

#zytd h3{ color:#0b84e4; font-size:30px; line-height:60px;}

#zytd span{color:#0b84e4;}



#zytd2{width:1200px; height:350px; margin:0 auto; text-align:right;background:url(/images/zy2.png) no-repeat top left;}



/*---成功案例---*/

#case_news{width:1200px; height:380px; margin:50px auto;}

#case_news #case{ float:left;width:700px; margin-top:-18px; overflow:hidden;}

#case_news #case #box{width:750px; padding-top:20px;}

#case_news #case a{ display:block; float:left; margin:11px 11px 0 0; width:220px; height:130px; border:3px #dbdbdb solid;position:relative;}

#case_news #case a img{width:220px; height:130px;}

#case_news #case a .title{ display:none;}

#case_news #case a:hover .title{ display:block;background:url(/images/case_bg.png); height:35px; line-height:35px; color:#fff; position:absolute; bottom:0; left:0; width:100%; text-align:center;}



/* 无缝滚动 */

#demmo { overflow:hidden; width:750px; height:292px;}

#indemo { float: left; height: 800%;}

#demmo1 { float: left; }

#demmo2 { float: left;}





#case_news #news{ float:right; width:330px;background:url(/images/news_bg.png);padding:5px 20px 10px;}

#case_news #news h3{ border-bottom:1px #FFF solid;font-size:18px; height:46px; line-height:46px;color:#fff; margin-bottom:10px;}

#case_news #news h3 a{color:#fff; font-size:22px;}

#case_news #news h3 a:hover{ color:#ffd800}

#case_news #news .box { width:330px; height:35px;}

#case_news #news .box .r{ color:#a0a0a0;}

#case_news #news .box a{ line-height:35px; position:relative; color:#fff;}

#case_news #news .box a:hover{ color:#ffd800}

/*---关于我们---*/

.tab{width:1200px;height:50px;font-size:16px;margin:50px auto 0; clear:both; position:relative; bottom:-1px; left:0;}

.tab li{float:left;width:200px;height:46px; margin:0 5px 0 0; line-height:46px; display:block; text-align:center;cursor:pointer;background:#FFF;border:1px #dddddd solid;}

.tab li a {font-size:16px;}

.tab li.on_zzjs {width:200px; height:50px;line-height:50px; background:#FFF; border-bottom:1px #ffffff solid!important;border-top:2px #0b84e4 solid;border-left:1px #dddddd solid;border-right:1px #dddddd solid;}

.tab li.on_zzjs a{color:#0b84e4; }



#tab_box {width:1158px;min-height:500px; height:auto!important; height:500px;font-size:14px;margin:0 auto 50px; overflow:hidden; padding:20px; line-height:32px;border:1px #dddddd solid; clear:both;background:#FFF;}

#tab_box span{ color:#0b84e4;}



#tab_box .bg1{background:url(/images/about_bg.jpg) no-repeat 500px 90px; height:500px;}

#tab_box .bg2{background:url(/images/ppwh_bg.jpg) no-repeat center 300px; height:500px;}



/*---联系我们---*/

#contact{ width:100%; height:500px; margin:0 auto; position:relative; z-index:9;}

#contact #box{ width:600px; height:400px;position:absolute; z-index:999; line-height:30px; top:50px;right: 12%;}

#contact #box #lx{ width:600px; background:#fff url(images/hezuo.jpg) no-repeat bottom right; float:right;}

#contact #box #pad{ padding:20px;}

#contact #box span{ color:#afafaf}

#contact #box h3{ line-height:50px; border-top:1px #afafaf dashed; margin-top:10px;}



/*-----------------------------------------主体部分-----------------------------------------*/

#content{ width:1200px; padding:20px; margin:0 auto;min-height: 500px;}

#content a{}

#content a:hover{color:#0b84e4}



table{background:#ddd;}

td{background:#fff;}

th{background:#fff;}



/*---内页锚点---*/

.sub_nav{ display:none;}

.sub_navtop { text-transform: capitalize; position:fixed;top:0px;z-index:1000; width:100%; left:0; height:50px;

 -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5); 

filter: 

progid:DXImageTransform.Microsoft.Shadow(Color=#000000, Strength=4, Direction=90),

progid:DXImageTransform.Microsoft.Shadow(Color=#000000, Strength=4, Direction=180);

background:#fff; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;}

.sub_navtop ul { width:100%; max-width:1200px; margin:0 auto;}

.sub_navtop li { position:relative; text-align: center; float:left; width:14%; height:50px; border-right:1px solid #ccc;

transition:width .5s ease-out 0s;  

-moz-transition:width .5s ease-out 0s; 

-webkit-transition:width .5s ease-out 0s; 

-o-transition:width .5s ease-out 0s; }

.sub_navtop a { display: block; color:#333; font-size: 14px; line-height: 50px; height: 50px; position:relative; 

-webkit-transition: background 0.6s ease;

-moz-transition: background 0.6s ease;

-o-transition: background 0.6s ease;

-ms-transition: background 0.6s ease;

transition: background 0.6s ease;}

.sub_navtop li:hover { background: #1E95FB;color: #fff;}

.sub_navtop a:hover {color: #fff;}

.sub_navtop li.no {border-right:0;}

/*---锚点位置---*/

#jishu1{position:relative;top:-50px;left:0;}

#jishu2{position:relative;top:-50px;left:0;}

#jishu3{position:relative;top:-50px;left:0;}

#jishu4{position:relative;top:-50px;left:0;}

#jishu5{position:relative;top:-50px;left:0;}

#jishu6{position:relative;top:-50px;left:0;}

#jishu7{position:relative;top:-50px;left:0;}

/*---有机污染物---*/

#yjwrw{width:100%; margin:0 auto; text-align:center; padding:20px 0;color:#878787;background:url(/images/help.png) repeat-x top;}

#yjwrw h3{ color:#0b84e4; font-size:30px; line-height:55px;}

/*---负离子空气净化技术---*/

#kqjh{width:100%; margin:0 auto; text-align:center; padding:20px 0;color:#878787;background:url(/images/help.png) repeat-x top;}

#kqjh h3{ color:#0b84e4; font-size:30px; line-height:55px;}



/*---机理介绍---*/

#jljs{width:100%; margin:0 auto; text-align:center; padding:20px 0;color:#878787;background:url(/images/help.png) repeat-x top;}

#jljs h3{ color:#0b84e4; font-size:30px; line-height:55px;}

.kqjh h3{ color:#ffffff; background:#0b84e4; font-size:16px; line-height:55px; border-radius:3px; width:420px; line-height:50px;margin:0 auto 50px;}

.kqjh2 h3{ color:#ffffff; background:#0b84e4; font-size:16px; line-height:55px; border-radius:3px; width:220px; line-height:50px;margin:0 auto; margin-bottom:20px;}

.kqjh2 { line-height:30px;}



/*---治理方式---*/

#zlfs{width:100%; margin:0 auto; text-align:center; padding:20px 0;color:#878787;background:url(/images/help.png) repeat-x top;}

#zlfs h3{ color:#0b84e4; font-size:30px; line-height:55px;}



/*---治理流程---*/

#zllc{width:100%; margin:0 auto; text-align:center; padding:20px 0;color:#878787;background:url(/images/help.png) repeat-x top;}

#zllc h3{ color:#0b84e4; font-size:30px; line-height:55px;}



/*---产品形式---*/

#cpxs{width:100%; margin:0 auto; text-align:center; padding:20px 0;color:#878787;background:url(/images/help.png) repeat-x top;}

#cpxs h3{ color:#0b84e4; font-size:30px; line-height:55px;}

.clear5{clear:both; margin:50px auto; text-align:left; width:1060px;}

.clear5 h3{ font-size:24px; color:#0b84e4; line-height:50px;}



/*---适用场所---*/

#shiyong{width:100%; margin:0 auto; text-align:center; padding:20px 0;color:#878787;background:url(/images/help.png) repeat-x top;}

#shiyong h3{ color:#0b84e4; font-size:30px; line-height:55px;}

.clear6{clear:both; margin:0 auto 50px; text-align:center; width:1200px;background:url(/images/duibi.png) no-repeat center; font-size:20px; line-height:55px;color:#fff;}

.duibi td{ border-bottom:1px solid #e4e4e4;border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4; text-align:center;line-height:25px; padding:10px; background:#fff;}

.duibi .title_l{ background:#f5f5f5;}

.duibi .title_top1{ background:#9dc446; color:#fff;line-height:40px; font-size:16px;border-radius: 10px 0 0 0;}

.duibi .title_top2{ background:#883798; color:#fff;line-height:40px; font-size:16px;}

.duibi .title_top3{ background:#ec9e19; color:#fff;line-height:40px; font-size:16px;}

.duibi .title_top4{ background:#197cec; color:#fff;line-height:40px; font-size:16px;border-radius: 0 10px 0 0;}

.duibi .title_ltop{ background:none !important; border:none !important;}

.duibi .title_lt{ border-radius: 10px 0 0 0;background:#f5f5f5;border-top:1px solid #e4e4e4;}

.duibi .title_lb{ border-radius:3px;background:#f5f5f5;}

.duibi .title_rt{ border-radius:3px;background:#f5f5f5;}

.duibi .title_rb{ border-radius:3px;background:#f5f5f5;}



/*新闻动态*/

.zbt{width: 1200px;margin: 50px auto 50px;}

.zbt p{ font-size:26px; text-align:center; color:#000;position:relative}

.index-strategy-container{width: 1200px;}

.index-strategy-center{width: 1200px; height: auto; margin: 0 auto;}

.index-strategy-scroll{width: 1200px; height: 391px; margin: 0 auto;position: relative;overflow: hidden;}

.index-strategy-center .strategy-type{width: 600px; height: 40px; display: flex; display: -webkit-flex; display: -ms-flex; -webkit-justify-content:space-between; justify-content:space-between; margin: 0 auto 35px;}

.index-strategy-center .strategy-type a{width: 160px; height: 100%; display: block; border: 1px solid #e5e5e5; border-radius: 5px; text-align: center; line-height: 40px; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s;}

.index-strategy-center .strategy-type a.active{background: #00ae66; color: #fff; border-color: #00ae66; cursor: pointer;}

.index-strategy-content{width: 100%; height: auto; padding-bottom: 10px; border-bottom: 1px solid #f7f7f7; display: flex; display: -webkit-flex; display: -ms-flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-flex-wrap:wrap;

	flex-wrap:wrap;transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s;position: absolute;}

.none{display: none}

.index-strategy-content ul{width: 600px; height: 380px; display: flex; display: -webkit-flex; display: -ms-flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-flex-wrap:wrap; flex-wrap:wrap;}

.index-strategy-content ul li{width: 100%; height: auto; position: relative; overflow: hidden; display: flex; display: -webkit-flex; display: -ms-flex; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s;}

.index-strategy-imageDiv{width: 220px; height: 110px; background-size: cover; background-position: center center; }

.index-strategy-info{width: 360px; height: 110px; margin-left: 20px; padding-right: 20px;}

.index-strategy-info h4{font-weight: bold; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; color: #5f5f5f; line-height: 30px; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s;}

.index-strategy-info h5,.index-strategy-info p{color: #9d9d9d; font-size: 14px;}

.index-strategy-info h5{overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin: 8px 0 11px; }

.index-strategy-info p{line-height: 22px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

.index-strategy-left li:hover .index-strategy-info h4{color: #0b84e4;}

.index-strategy-left li:hover{box-shadow: 0 0 20px #efefef;}

.index-strategy-right li{border-bottom: 1px solid #f1f1f1; height: 50px; line-height: 50px; width: 600px !important;}

.index-strategy-right li h4{display: flex; display: -webkit-flex; display: -ms-flex; -webkit-align-items:center; align-items:center; }

.index-strategy-right li h4 strong{margin: 0 25px;}

.index-strategy-right li h4 p{margin-right: 20px; width:400px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

.index-strategy-right li h4 i{background-image: url(/images/icon.png); background-position: 0 -1804px; width: 24px; height: 14px; margin-left: 20px; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s;}

.index-strategy-right li:hover{background: #0b84e4; }

.index-strategy-right li:hover h4{color: #fff;}

.index-strategy-right li:hover h4 i{background-position: -38px -1804px;}

.index-strategy-right a:hover{color: #666}

.leftIcon,.rightIcon{display: inline-block; position: absolute; top: 0px;}

.leftIcon{left:370px;-webkit-animation: fadeInLeft 2s infinite  both ;

    -moz-animation:fadeInLeft 2s infinite  both;

    -o-animation: fadeInLeft 2s infinite  both;

    animation: fadeInLeft 2s infinite  both;}

.rightIcon{right:370px;-webkit-animation: fadeInRight 2s infinite  both ;

    -moz-animation:fadeInRight 2s infinite  both;

    -o-animation: fadeInRight 2s infinite  both;

    animation: fadeInRight 2s infinite  both;}

@-webkit-keyframes fadeInLeft {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0);

    }

    100% {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}

@keyframes fadeInLeft {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0);

    }

    100% {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}

@-webkit-keyframes fadeInRight {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0);

    }

    100% {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}

@keyframes fadeInRight {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0);

    }

    100% {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}



/*新闻列表页*/

.news{width:1200px;height:100px;background:url(/images/rili.png) no-repeat; margin:0 auto; overflow:hidden;text-align:left; margin-bottom:17px;border-bottom:1px #dedede dashed;}

.news .l{width:90px; height:83px; font-size:20px; color:#FFFFFF; text-align:center; line-height:32px;}

.news .l p{font-size:24px; color:#0b84e4;line-height:52px;}

.news .r{width:1090px; height:83px; overflow:hidden;}

.news .r h2{line-height:30px; height:35px;}

.news .r h2 a{font-size:18px; color:#0b84e4;}

.news .r h2 a:hover{color:#ff5400;}

.news .r .small{font-size:14px;}



/*新闻内容页*/

#text{ text-align:left; width:1200px; margin:0 auto;}

#text #font{margin-bottom:20px;border-bottom:1px #dedede dashed;}

#text #font h1{font-size:22px;height:50px; line-height:45px; color:#0b84e4; text-align:center;}

#text #font p{font-size:14px;text-align:center;}

#text #nr{font-size:14px;line-height:30px; width:1200px; min-height:500px; overflow:hidden;}

#text #next{font-size:14px; color:#0b84e4; line-height:30px; height:30px; clear:both; padding:20px 0;}



/*---成功案例列表---*/

.block_w{margin:0 auto; padding:0; width:1200px;}

.block_w a{ display:block; float:left; margin:0 8px 16px; width:247px; height:146px; border:1px #dbdbdb solid; padding:5px;position:relative;}

.block_w a img{width:247px; height:146px;}

.block_w a .title{ display:none;}

.block_w a:hover .title{ display:block;background:url(/images/case_bg.png); height:35px; line-height:35px; color:#fff; position:absolute; bottom:5px; left:5px; width:247px; text-align:center;}

/*-----------------------------------------页脚-----------------------------------------*/

#footer{background:url(/images/foot_bg.jpg) no-repeat center top;width:100%; font-size:16px;text-align:center;color:#ffffff; line-height:90px; clear:both;}

#footer a{ color:#ffffff;font-size:16px; }



.tel-kf-share-top { position: fixed; top:200px; right: 0; z-index: 99;font-family:"Microsoft Yahei",Simsun,sans-serif;font-size: 16px;}

.tel-kf-share-top a{font-size: 16px;}

.tel-kf-share-top ul li { margin-top: 1px; height: 50px; width: 50px;}

.tel-kf-share-top ul li .item-wrap { display: block; width: 150px; height: 50px; position: relative;}

/*鼠标悬停 框架样式*/

.tel-kf-share-top ul li .item-wrap .text { display: inline-block; padding:0 20px; height:50px;line-height: 50px;background-color: #0b84e4;color: #ffffff;position: absolute;top: 0;left: 0;z-index: 9;opacity: 0;filter: alpha(opacity=0);cursor: pointer;}

.tel-kf-share-top ul li .item-wrap .text a{color: #ffffff;}

/*图标 框架样式*/

.tel-kf-share-top ul li .item-wrap .icon {display: inline-block;height: 50px;width: 50px;background-color: #848484;text-align: center;vertical-align: middle;position: absolute;

  top: 0;left: 0;z-index: 10;cursor: pointer;/*opacity: 0.5;filter: alpha(opacity=50);*/}

.tel-kf-share-top ul .current .item-wrap .icon { background-color: #0b84e4;opacity: 1;filter: alpha(opacity=100);}

.tel-kf-share-top ul .current .item-wrap .text {opacity: 1;filter: alpha(opacity=100);}

.tel-kf-share-top ul .top span {background: url(images/to-top-icon.png) no-repeat center #848484;display: inline-block;height: 50px;width: 50px;float: right;cursor: pointer;}

.tel-kf-share-top ul .top span:hover {opacity: 0.8;filter: alpha(opacity=80);}

.bdsharebuttonbox {font-size: 14px;color: #ffffff;min-width:250px;}

.bdsharebuttonbox #l{ float:left;}

.bdsharebuttonbox #r{ float:left; padding-top:4px;}



#wote{ position:absolute; top:280px; left:-55px;}

/*微信二维码*/

.side-bar {width:50px;z-index: 999;}

.side-bar a {width:50px;height:50px;display: inline-block;}

.side-bar a:hover {background-color: #0b84e4;opacity: 1;filter: alpha(opacity=100);}

.side-bar .icon-chat {background: url(images/wei.png);position: relative;background-color: #848484;}

.side-bar .icon-chat:hover .chat-tips {	display: block;}

.chat-tips {padding:5px;border: 1px solid #d1d2d6;border-radius:2px;position: absolute;right:70px;top: -55px;background-color: #ffffff;display: none;}

.chat-tips i {width:9px;height:16px;display: inline-block;position: absolute;right: -9px;top:70px;background: url(images/jiao.png);}