﻿@charset "UTF-8";
/*-- 轮播图 --*/

body{background:#f6f6f6;}
.indexFocus{width:100%;height:550px;position:relative;overflow:hidden}
.indexFocus .bd{position:relative;height:100%;}
.indexFocus .bd li{zoom:1;vertical-align:middle}
.indexFocus .bd li img{height:550px;width:20in;;position:relative;left:50%;margin-left:-60pc}
.indexFocus .hd{position:absolute;z-index:1000;bottom:16px;left:0;height:14px;line-height:14px;width:100%}
.indexFocus .hd,.indexFocus .hd ul{text-align:center}
.indexFocus .hd ul li{cursor:pointer;display:inline-block;zoom:1;width:10px;height:10px;border-radius:50%;border:2px solid #fff;margin:0 5px;overflow:hidden;z-index:1000;text-indent:-999em;line-height:10px;}
.indexFocus .hd ul .on{background-color:#fff}
.indexFocus .next,.indexFocus .prev{width:40px;height:69px;background-color:rgba(0,0,0,.4);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);zoom:1;position:absolute;top:43%;color:#fff;text-align:center;display:none}
:root .next,:root .prev{filter:none\9}
.indexFocus .next i,.indexFocus .prev i{font-size:30px;line-height:69px;color:#fff}
.indexFocus .next:hover,.indexFocus .prev:hover{text-decoration:none;display:block}
.indexFocus .prev{left:20px}
.indexFocus .next{right:20px}
/*----产品搜索----*/
.products{width:75pc;margin:1pc auto;border:1px solid #dee3eb;background:#fff;}
.products-left{width:15pc;float:left;position:relative;border-right:1px solid #dee3eb}
.products-left h2{margin-left:20px;margin-top:24px;margin-bottom:18px;font-size:16px;font-weight:bolder}
.search-input{position:relative}
.search-input input{margin-left:20px;width:196px;height:41px;border:1px solid #dee3eb;background-color:white!important;line-height:41px;padding-left:10px;}
.search-input i{color:#ff6634;position:absolute;right:33px;top:9px;font-size:20px;z-index:100;}
.search-input input.sub-button{position:absolute;right:25px;top:1px;width:35px;border:none;height:38px;margin-left:0;color:#ff6634;}
.blank{position: absolute;right:27px;top:11px;width:25px;height:25px;background-color: white;}
.products-left ul{width:100%;margin-top:23px}
.products-left ul li{width:210px;height:60px;padding-left:30px;border-top:1px solid #dee3eb}
.products-left ul li:hover{cursor:pointer}
.menu{width:100%;height:51px;padding-top:20px}
.menu i{margin-top:0px;float:left;font-size:18px;}
.menu p{padding-left:25px;line-height:20px}
.message-top{font-size:1pc;color:#333}
.message-down{color:#a5a5a5;font-size:13px}
.menuText{width:477px;height:100%;border-right:1px solid #dee3eb;border-bottom:1px solid #dee3eb;position:absolute;right:-479px;top:0;display:none;z-index:9999;background-color:#fff}
.menuText-title{width:26pc;height:35px;margin:60px auto 20px;border-bottom:1px solid #333}
.menuText-title p:first-child{float:left;font-size:19px;color:#333}
.menuText-title p:first-child+p{float:right;font-size:14px;color:#a5a5a5;margin-top:5px}
.menuText .menuText-content{width:26pc;margin:0 auto;padding-left:0}
.menuText .menuText-content li{width:46%;height:33px;float:left;font-size:14px;color:#333;list-style:disc;margin-left:15px;border:none;padding-left:0}
.menuText .menuText-content li a:hover{color:#0f69dc;cursor:pointer}
.products-left>ul>li.on{border-right:1px solid #fff;color:#1e90ff}
.products-left>ul>li.on .menu p{color:#1e90ff}
.products-left>ul>li.on .menuText{display:block}
.products-right{float:left;width:897px;height:100%;padding-left:42px;padding-right:20px;z-index:1}
.products-right-header{width:100%;height:0px;position:relative}
.products-right-header .left{float:left;width:338px;height:55px}
.products-right-header .left li{float:left;width:93px;height:52px;line-height:55px;font-size:16px;text-align:center;font-weight:700;}
.products-right-header .left li:hover{color:#0f69dc;cursor:pointer}
.products-right-header a{color:#3083ec;height:55px;line-height:55px;margin-left:15px;font-size:9pt;position:relative}
.products-right-header a i{position:absolute;right:-2pc;top:-35px;color:#ff5f3d;font-size:44px}
.products-right-header .right{width:90pt;height:55px;text-align:center;line-height:55px;position:absolute;right:0;top:0}
.products-right-header .right span{font-size:44px;color:#000;margin-left:20px}
.products-right-header .right span:hover{cursor:pointer;color:#0f69dc}
.products-right-content{width:100%;height:590px;overflow:hidden;position:relative}
.products-right-content ul{position:absolute;left:0;top:34px;overflow:hidden;text-align:justify;font-size:0;}
.products-right-content ul img{width:160px;height:120px;}
.products-right-content ul li .escape {width:140px;height:140px;overflow:hidden;margin:0 auto;text-align:center;line-height:140px;}
.products-right-content ul li{overflow:hidden;width:223px;display:inline-block;text-align:center;border-right:1px solid #dee3eb;}
.products-right-content ul li:first-child + li + li + li {border:none;}
.products-right-content ul li:first-child + li + li + li + li + li + li + li {border:none;}
.products-right-content ul li.left_fix{height:0!important; padding:0; overflow:hidden;border:none;}
.products-right-content ul li p{padding: 0 20px;height:44px;font-size:14px;text-align:center;width:223px;box-sizing:border-box;}
.products-right-content ul li p:hover{color:#0f69dc;cursor:pointer}
.active{color:#4983e1;border-bottom:2px solid #4983e1}
.content-02,.content-03{display:none}
.reader{width:1148px;margin:20px auto;border:1px solid #dee3eb;padding:25px 25px 33px;height:auto;overflow:hidden;background:#fff;}
.reader-header{margin-bottom:1pc;width:1145px;height:auto;overflow:hidden;}
.reader-header h2{float:left;font-size:16px;font-weight:700;}
.reader-header a{float:right;font-size:13px;color:#999}
.reader-content ul li{margin-right:22px;float:left;width:270px;overflow:hidden}
.reader-content ul li:first-child+li+li+li{margin:0}
.inc{margin-top:15px}
.inc img{margin-top:3px;float:left}
.inc span{float:left;width:238px;height:40px;margin-left:9pt;font-size:14px;color:#333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.inc span:hover{color:#0f69dc}
.about{position:relative;width:1148px;margin:20px auto;border:1px solid #dee3eb;padding:25px 25px 33px;height:auto;overflow:hidden;background:#fff;}
.about-header{margin-bottom:1pc;width:1145px;height:auto;overflow:hidden;}
.about-header h2{float:left;font-size:16px;color:#333;font-weight:700;}
.about-content .left{float:left;margin-right:43px}
.about-content .left img:hover{cursor:pointer}
.about-content .right{width:810px;float:left}
.about-content .right h2{font-size:20px;color:#333;margin-bottom:13px;font-weight:700;}
.about-content .right p{font-size:14px;margin-bottom:30px;color:#666}
.about-content .right p.suojin {text-indent:28px;}
.about-content .right a{font-size:14px;color:#0f69dc;border-bottom:1px solid #0f69dc;font-weight:700;}
.video{left:50%;top:50%;height:382px;width:510px;margin-left:-255px;margin-top:-191px;z-index:1000000}
.video,.zhezhao{position:fixed;display:none}
.zhezhao{left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:10000;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);}
.hid{width:20px;height:20px;font-size:27px;line-height:20px;text-align:center;position:absolute;right:-27px;top:-20px;color:#fff}
.hid:hover{cursor:pointer}
.news{width:75pc;margin:0 auto;height:452px;border:1px solid #dee3eb;box-sizing:border-box;padding:20px 30px 30px 20px;background:#fff;}
.news-header{height:35px;margin-bottom:26px}
.news-header ul li{width:80px;height:35px;float:left;text-align:center;margin-left:220px;font-size:16px;font-weight:700;}
.news-header ul li:hover{cursor:pointer}
.news-header-on{color:#0f69dc;border-bottom:2px solid #0f69dc}
.news-content{display:none}
.news-content-on{display:block}
.news-content .left{float:left;margin-right:43px;position:relative;width:436px;height:339px}
.news-content .left ul li{position:absolute;left:0;top:0;display:none}
.news-content .left ul li:first-child{position:absolute;left:0;top:0;display:block}
.showImg{display:block!important}
.news-content .left ul li p{width:100%;height:35px;line-height:35px;background-color:rgba(0,0,0,.5);color:#fff;font-size:14px;position:absolute;left:0;bottom:2px;text-indent:15px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);}
.indacation{width:92px;height:18px;position:absolute;right:10px;bottom:9px;z-index:100}
.news-content .left .indacation li{float:left;width:18px;height:18px;text-align:center;line-height:18px;color:#549fff;font-size:9px;margin-left:3px;background-color:#fff;z-index:100;border:1px solid #0f69dc}
.news-content .left .indacation li:hover{cursor:pointer}
.addOn{color:#fff!important;background-color:#0f69dc!important}
.news-content .right{width:669px;float:right}
.news .news-content .right h2{font-size:16px;color:#000;margin-bottom:13px;font-weight:700}
.news-content .right p{font-size:14px;margin-bottom:30px;color:#777;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;width:197px;}
.news-content .right ul p:hover{color:#0f69dc}
.news-content .right ul li{height:42px;font-size:14px;color:#444;list-style:disc;}

.news-content .right ul li img{width:197px;height:129px;}
.news-content .right ul li .newsleft{float:left;list-style:disc}
.news-content .right ul.img-news3{margin-left:-17px;text-align: justify!important;}
.news-content .right ul li .newsright{float:right;color:#a2a2a2;}
.news-content .right ul li.img-news{height:185px;display:inline-block;list-style:none;text-align:center;border-left:1px solid #dee3eb;padding:0 14px}
.news-content .right ul li.img-news:first-child {border:none;}
.news-content .right ul li.img-news:first-child+li+li+li {border:none;}
.news-content .right ul li:hover a{color:#0f69dc}
.left_fix{height:0!important; padding:0; overflow:hidden;}
.solution{width:1158px;margin:0 auto;border:1px solid #dee3eb;padding:20px 20px 30px;margin-top:20px;overflow:hidden;background:#fff;}
.solution img{width:200px;height:150px;overflow:hidden;}
.solution-header{height:33px}
.solution-header p{font-size:17px;font-weight:700;color:#333;font-size:16px;}
.solution-content{margin-left:-20px}
.solution .solution-content li{width:198px;overflow:hidden;float:left;border-right:1px solid #dee3eb;padding:0 20px}
.solution .solution-content li:first-child+li+li+li+li{padding-right:0;border:none}
.solution .solution-content li p:hover{color:#0f69dc!important}
.solution .solution-content li p{margin-top:20px}
.solution .solution-content li >a:first-child+a >p{color:#333;font-size:1pc}
.solution .solution-content li span{color:#b3b3b3;font-size:14px}
.solution .solution-content li a p{color:#b3b3b3;font-size:13px}
.honor{width:1158px;height:auto;border:1px solid #dee3eb;padding:20px 20px 30px;margin:20px auto;overflow:hidden;background:#fff;}
.honor-left{float:left;width:675px}
.honor-left h2{font-weight:700;margin-bottom:15px;font-size:16px;}
.honor-left-content{position:relative;width:675px;height:250px;overflow:hidden}
.honor-left-content ul{width:125pc;height:200px;position:absolute;left:0;top:0}
.honor-left-content ul li{float:left;width:190px;margin-right:0px}
.honor-indacaton-left{left:0}
.honor-indacaton-left,.honor-indacaton-right{width:20px;height:40px;position:absolute;top:6pc;text-align:center;line-height:40px;color:#fff;font-size:13px;background:#000;opacity:.5;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000)}
.honor-indacaton-right{right:3px;}
.honor-indacaton-left,.honor-indacaton-right{cursor:pointer}
.honor-right{margin-left:40px;float:left;width:436px}
.honor-right h2{float:left;font-weight:700;margin-bottom:15px;font-size:16px;}
.honor-right .header a{float:right;color:#999;font-size:9pt}
.honor-right ul{height:197px;margin-left:16px;}
.honor-right ul li{line-height:33px;position:relative;width:420px;text-overflow:ellipsis;white-space:nowrap;}
.honor-right ul li span {font-size:35px;position:absolute;left:-17px;top:-10px;color:#0f69dc;}
.honor-right ul li a{color:#666;font-size:14px;display:block;width:420px;overflow:hidden;}
.honor-right ul li a:hover{color:#0f69dc}
.opration{width:1158px;border:1px solid #dee3eb;padding:20px 20px 30px;margin:20px auto;background:#fff;overflow:hidden;}
.opration h2{float:left;font-weight:700;margin-bottom:15px;font-size:16px;}
.opration .header a{float:right;color:#999;font-size:9pt}
.opration-content li{float:left;width:17pc;text-align:center;margin-right:23px}
.opration-content li:first-child+li+li+li{margin:0}
.opration-content li p{font-size:13px;color:#333;margin-top:15px}
.opration-content li p:hover{color:#0f69dc}
.honor-left .header {height:39px;}
.honor-right .header {height:39px;}
.opration .header {height:39px;}
.menu{margin-top: -7px;}
.menu ul {
padding:0; 
margin:0;
list-style-type: none;
}

.menu ul li {
float:left; 
position:relative;
}
.menu ul li a, .menu ul li a:visited {
display:block; 
text-align:center; 
text-decoration:none; 
width:109px; 
height:61px; 
color:#000; 

border-width:1px 1px 0 0;
background:#fff; 
line-height:61px; 
font-size:15px;
/*! border-left: 1px solid; */

}
.menu ul li ul {
display: none;
}
.menu ul li:hover a {
color:#fff; 
background:#006600;
}
.menu ul li:hover ul {
display:block; 
position:absolute; 
top:61px; 
left:0; 
width:105px;
height: 31px;

}
.menu ul li:hover ul li a {
display:block; 
background:#006600; 
color:#fff;
  height: 35px;
  font-size: 13px;
  line-height:35px; 
  border-bottom: 1px solid #299ae0;
  border-left: 0;
/*! padding-left: 10px; */
/*! padding-right: 10px; */
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 0 10px;
width: 89px;
position: relative;
z-index: 5555;
}
.menu ul li:hover ul li a:hover {
background:#c1d964; 
color:#fff;