@charset "utf-8";

/**关键字搜索**/
.hotKey{height:70px;border-bottom:2px solid #0e83c5;background:#f5fcff;}
.hotKey h3{float:left;font-size:16px;line-height: 70px;color:#444;}
.hotKey h3 a{color:#777;margin:0 10px;font-size:14px;}
.hotKey h1{float:right;position: relative;}
.hotKey img{position:absolute;right: 15px;top:27px;}
.hotKey input{width:240px;height:30px;border:1px solid #000;border:1px solid #ccc;font-size:12px;color:#ccc;padding-left:15px;margin-top:19px;}

/***问题**/
.indexProblem{height:671px;background:url(../images/indexProblemImgBG.jpg) repeat-x center top;}
.indexProblem img{margin:80px auto 48px;}
.indexProblem ul li{width:338px;float:left;font-weight:bold;border:1px solid #ccc;background:#FFF;text-align:center;}
.indexProblem ul li img{margin:11px 0 0;}
.indexProblem ul li h2{width:300px;color:#dcdcdc;font-size:24px;text-transform:uppercase;font-weight:bold;margin:15px auto;}
.indexProblem ul li h3{width:300px;height:45px;margin:0 auto 20px;color:#0693e3;font-size:21px;font-weight:bold;border-bottom:1px solid #ccc;}
.indexProblem ul li h4{width:300px;color:#444;font-size:16px;line-height:30px;margin:0 auto 36px;}
.indexProblem ul li:nth-child(2){margin:0 90px;}

/****产品***/
.indexProduct {width:100%;float:left;margin:50px auto 20px;}
.aside{width:290px;height:100%;background:#0193d9;color:#FFF;padding-bottom:5px;float:left;}
.asideTop{font-size:20px;font-weight:bold;line-height:60px;text-align:center;}
.asideTop img{margin-right:10px;}
.aside ul{width:280px;margin-left:5px;background:#FFF;padding:15px 0 10px;}
.aside ul h3{width:260px;margin-left:5px;background:#f77d2d;line-height:50px;padding-left:10px;font-size:18px;font-weight:600;}
.aside ul li{width:260px;margin-left:10px;margin-top:4px;line-height:40px;border-bottom:1px dashed #ccc;}
.aside ul li span{margin:0 10px;}
.aside ul li a{font-size:16px;color:#555;}
.aside ul li span img{
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
	filter: gray;
	}
.aside ul li:hover span img,.aside ul li.hover span img{
	-webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
	filter: gray;
	}
.aside ul li:hover a,.aside ul li.hover a{color:#0192d8;}

.aside ul li:hover #submenu a,#submenu a{color:#999;}
#submenu a{width:215px;display:block;line-height:24px;font-size:14px;margin-left:25px;margin-bottom:10px;}
.aside ul li #submenu a:hover{color:#0192d8;}

.indexProCont{width:860px;float:right;}
.indexProContTop{height:45px;border-bottom:2px solid #ccc;}
.indexProContTop span{font-size:20px;color:#1287c0;font-weight:bold;}
.indexProContTop span img{margin-right:8px;float:left;}
.indexProContTop a{float:right;font-size:16px;color:#a1a1a1;}
.indexProContTop a img{float:right;margin-left:8px;}

.indexProCont ul li{width:270px;height:245px;float:left;background:#e6e6e6;transition:all .5s ease-in 0s;-ms-transition:all .5s ease-in 0s;-moz-transition:all .5s ease-in 0s;-o-transition:all .5s ease-in 0s;-webkit-transition:all .5s ease-in 0s;margin-top:24px;margin-right:24px;}
.indexProCont .productFlash{width:260px;height:195px;margin:5px;display:block;margin-bottom:0;overflow:hidden;}
.indexProCont ul li img{width:260px;height:100%;transition:all .5s ease-in 0s;-ms-transition:all .5s ease-in 0s;-moz-transition:all .5s ease-in 0s;-o-transition:all .5s ease-in 0s;-webkit-transition:all .5s ease-in 0s;}
.indexProCont ul li:hover img{width:120%;height:120%;margin:-10%;}
.indexProCont h3 a{line-height:45px;font-size:14px;color:#666;text-align:center;display:block;transition:all .3s ease-in 0s;-ms-transition:all .5s ease-in 0s;-moz-transition:all .5s ease-in 0s;-o-transition:all .5s ease-in 0s;-webkit-transition:all .5s ease-in 0s;}
.indexProCont ul>li+li+li,.indexProCont ul>li+li+li+li+li+li{margin-right:0;}
.indexProCont ul>li+li+li+li,.indexProCont ul>li+li+li+li+li{margin-right:24px;}

.indexProCont ul li:hover{background:#29a9e7;}
.indexProCont ul li:hover h3 a{color:#FFF;}



/***优势**/
.modAdv{float:left;margin:60px 0 50px;}
.modAdv li{float:left;width:100%;}
.modAdv li.one{height:445px;background:url(../images/advImg.jpg) no-repeat center top;}
.modAdv li.two{height:590px;background:url(../images/advImg2.jpg) no-repeat center top;}
.modAdv li.thr{height:482px;background:url(../images/advImg3.jpg) no-repeat center top;}

.modAdv li i{display:block;float:left;margin:80px 0 0 75px;}
.modAdv li section{width:470px;float:left;margin:80px 0 0 0;}
.modAdv li h3{width:100%;height:40px;float:left;font-size:31px;color:#f77d2d;font-weight:bold;}
.modAdv li h3 span{color:#ebe9e8;text-transform:uppercase;font-size:18px;margin:0 10px;font-weight:100;}
.modAdv li h4{width:100%;height:40px;float:left;font-size:24px;color:#0188c8;margin:5px 0 0 0;}
.modAdv li h4 span{color:#333;text-transform:uppercase;}
.modAdv li hr{width:100%;float:left;border:1px dashed #ccc;border-left:none;border-right:none;height:2px;margin:10px 0 5px;}
.modAdv li h5{width:100%;border:none;background:url(../images/advContImg.png) no-repeat left 5px;float:left;margin-top:15px;}
.modAdv li p{float:right;line-height:30px;float:left;font-size:16px;color:#777;text-align:left;margin-left:25px;border:none;}

.modAdv li.two{text-align:right;}
.modAdv li.two i{display:block;float:right;margin:160px 0 0 0;}
.modAdv li.two section{width:415px;float:right;margin:160px 0 0 0;}
.modAdv li.two p{text-align:right;}

.modAdv li.thr i{display:block;float:left;font-size:70px;color:#555;font-family:Arial;margin:50px 0 0 0;}
.modAdv li.thr section{width:400px;float:left;margin:50px 0 0 0;}

/**关于我们**/
.index-about{width:1160px;padding:0 20px;height:430px;margin-top:70px;background:#eee;overflow:hidden;}
.index-about-left{width:100%;float:left;margin-top:30px;overflow:hidden;}
.indexAboutImg{width:450px;height:300px;background:#FFF;border:1px solid #ccc;float:left;overflow:hidden;margin-left:10px;}
.indexAboutImg img{margin:7px;width:436px;height:286px;}
.index-about-left dl{width:640px;float:right;margin-right:10px;}
.index-about-left dl dt{font-size:24px;color:#333;width:100%;border-bottom:1px solid #ccc;padding-bottom:20px;}
.index-about-left dl a{font-size:13px;color:#666;width:100%;line-height:35px;margin-top:20px;float:left;}

/**新闻中心**/
.index-news{height:440px;margin:35px 0 -10px;overflow:hidden;}
.indexNewsInformation{width:850px;padding:0 20px 20px;background:#eee;overflow:hidden;float:left;}
.indexNewsProblem{width:250px;padding:0 20px 10px;float:right;overflow:hidden;background:#eee;}


.indexAbNews{height:54px;border-bottom:2px solid #e6e6e6;display:block;clear:both;}
.indexAbNews li{height:24px;font-size:21px;color:#00afff;font-weight:bold;margin-top:15px;text-transform:uppercase;float:left;}
.indexAbNews li span{width:12px;height:12px;display:block;background:#00afff;float:left;border-radius:50%;margin:8px 10px;}
.indexAbNews li font{font-size:18px;color:#918f92;font-weight:100;margin-left:10px;font-family:Arial, Helvetica, sans-serif;}
.indexAbNews>li+li{border-left:1px solid #918f92;margin-left:30px;padding-left:20px;}
.indexAbNews a{color:#918f92;font-family:Arial;float:right;line-height:60px;font-size: 12px;}

.indexAbNews li:hover a,.indexAbNews li.active a{color:#00afff}
.indexAbNews li.active span,.indexAbNews li:hover span{background:#00afff;}

.index-news section{width:100%;height:162px;padding-left:22px;margin-top:35px;}
.index-news section img{width:262px;float:left;}
.index-news .index-news-cont{width:540px;height:162px;float:left;margin-left:30px;}
.index-news .index-news-cont h3{float:left;margin-top:15px;}
.index-news .index-news-cont h3 a{font-size:16px;color:#555;font-weight:600;}
.index-news .index-news-cont h4{float:left;height:120px;overflow:hidden;color:#888;font-size:14px;line-height:30px;margin-top:15px;}

.indexNews{height:105px;margin-top:30px;margin-left:30px;margin-bottom:20px;}
.indexNews ol{width:100%;float:left;}
.indexNews ol li{width:380px;height:35px;border-bottom:1px dashed #ccc;line-height:35px;font-size:13px;float:left;margin-right:30px;}
.indexNews ol li span{width:5px;height:5px;background:#ccc;display:block;float:left;margin:15px 10px 15px 0;}
.indexNews ol li a{width:280px;color:#555;display:block;float:left;}
.indexNews time{width:80px;color:#999;float:right;}

.indexNewsProblem ol{height:360px;overflow:hidden;}
.indexNewsProblem ol li{width:274px;height:100px;margin:14px auto;border-bottom:1px dashed #ccc;} 
.indexNewsProblem h3{font-size:14px;padding:0 10px;line-height:30px;}
.indexNewsProblem h3 a{color:#118cd1;}
.indexNewsProblem h2{height:60px;padding:0 0 0 10px;margin-top:10px;}
.indexNewsProblem h2 p{width:224px;font-size:13px;float:left;margin-top:4px;line-height:24px;}
.indexNewsProblem h2 a{color:#6a6a6a;}
.indexNewsProblem span{float:left;margin:4px 10px 0 0;display:block;}