@charset "utf-8";
/* CSS Document */


/**优势**/
.indexMainTop{text-align:center;float:left;margin:50px 0;}
.indexMainTop p{width:100%;float:left;height:18px;overflow:hidden;line-height:18px;font-size:18px;color:#686868;}
.indexMainTop p img{margin:-2px 20px;}
.indexMainTop h3{width:100%;font-size:31px;font-family:"方正正粗黑简体";color:#194395;letter-spacing:10px;margin:15px 0;float:left;}
.indexMainTop mark{width:100%;float:left;height:14px;color:#2250a9;letter-spacing:30px;display:block;text-transform:uppercase;}

.indexAdv{height:290px;background:rgba(0,0,0,0);float:left;position:relative;}
.indexHonor{height:300px;position:relative;}
.indexAdv span,.indexHonor span{width:50px;height:99px;display:block;position:absolute;top:50%;cursor:pointer;margin-top:-85px;background:url(../images/array.png) no-repeat center top;}
.indexHonor span{margin-top:-45px;}
.indexAdv span.prev,.indexHonor span.prev2{left:-79px;}
.indexAdv span.next,.indexHonor span.next2{right:-79px;transform:rotate(180deg);}

.indexAdvCont{width:100%;float:left;overflow:hidden;}
.indexAdvCont ul{width:200%;}
.indexAdvCont ul li{width:1200px;float:left;}
.indexAdvCont ul li section{width:240px;float:left;margin-right:80px;}
.indexAdvCont ul section.active{margin-right:0;}
.indexAdv ul li section h3{width:100%;line-height:30px;text-align:center;float:left;font-size:14px;color:#444;margin-top:10px;}

/*
.indexAdv ul li{width:240px;float:left;margin-right:80px;}
.indexAdv ul li img{float:left;}
.indexAdv ul li h3{width:100%;line-height:30px;text-align:center;float:left;font-size:14px;color:#444;margin-top:10px;}

*/
@media screen and (max-width: 1355px)
{
	.indexAdv span.prev,.indexHonor span.prev2{left:0;background-color:rgba(204,204,204,0);}
	.indexAdv span.next,.indexHonor span.next2{right:0;transform:rotate(180deg);background-color:rgba(204,204,204,0);}
}

/**问题**/
.indexProblem{height:544px;background:url(../images/indexProblemImg.jpg) no-repeat center top;margin-top:40px;}
.ProblemCont{width:560px;height:544px;float:right;}
.ProblemCont h3{font-size:26px;color:#FFF;margin:80px 0 110px;float:left;}
.ProblemCont h3 span{font-size:14px;color:#b2b2b2;}

.ProblemFlash{width:100%;float:left;overflow:hidden;}
.ProblemFlash ol{width:200%;height:245px;overflow:hidden;float:left;}
.ProblemFlash ol li{width:50%;height:170px;float:left;display:none;}
.ProblemFlash ol li.hover{display:block;}
.ProblemFlash dl{width:260px;float:left;}
.ProblemFlash dl.active{width:260px;float:right;}
.ProblemFlash dl dt{font-family:Asenine;font-size:61px;color:#FFF;}
.ProblemFlash dl dd.active{margin:20px 0;}
.ProblemFlash dl dd span{width:20px;height:4px;display:block;background:#FFF;}
.ProblemFlash dl dd{font-size:14px;color:#FFF;line-height:33px;}

.ProblemCont ul li{width:9px;height:9px;border-radius:50%;background:#4677d7;float:left;margin-left:10px;}
.ProblemCont ul li.hover,.ProblemCont ul li:hover{background:#FFF;}

/**优质服务**/
.indexAdvSev{height:1100px;background:url(../images/AdvSevImg.jpg) no-repeat center -30px;margin-top:-45px;}
.indexAdvSev dl.AdvSevOne{width:350px;float:left;margin:77px 0 0 655px;}
.indexAdvSev dl.AdvSevTwo{width:370px;float:left;margin: 68px 0 0 730px;}
.indexAdvSev dl.AdvSevThr{width:375px;float:left;margin:160px 600px 0 35px;}
.indexAdvSev dl.AdvSevFour{width:370px;float:left;margin:50px 0 0 80px;}

.indexAdvSev dl dt span{font-size:14px;color:#194395;display:block;letter-spacing:5px;}
.indexAdvSev dl dt{font-size:26px;color:#194395;font-weight:bold;}
.indexAdvSev dl dd mark{width:16px;height:2px;background:#194395;display:block;margin:15px 0;}
.indexAdvSev dl dd{font-size:15px;color:#474747;line-height:30px;}

/**合作伙伴**/
.indexPart{background:#eef1f6;}
.indexPart .indexMainTop{margin:70px 0 30px;}
.service{overflow:hidden;margin:0 auto 70px;float:left;}
.service ul li{float:left;width:185px;height:119px;margin:34px 18px 0 0;overflow:hidden;}
.service ul li.active{margin-right:0;}
.service ul li a{display:block;height:100%;text-align:center;overflow:hidden;}

/**产品中心**/
.indexProCont{float:left;background:#f2f2f2;}
.ProCont ul{width:100%;float:left;margin-top:78px;padding-bottom:100px;}
.ProCont ul li{width:290px;float:left;margin:25px 13px 0 0;}
.ProCont ul li.active{margin-right:0;}
.ProCont ul li mark{width:288px;height:288px;overflow:hidden;display:block;border:1px solid #ccc;}
.ProCont ul li img{width:100%;height:288px;}
.ProCont ul li:hover img{ transform:scale(1.2,1.2);}
.ProCont ul li h3{width:290px;text-indent:1em;font-size:16px;color:#FFF;line-height:75px;float:left;height:75px;background:url(../images/productImgBG.png) no-repeat center top;}



/***关于我们**/
.indexAbout{float:left;margin:60px 0 30px;display:;}
.indexAboutTop{width:100%;height:400px;}
.indexAboutTop section{width:660px;float:right;}
.indexAboutTop h3{width:100%;font-size:24px;color:#353d41;font-weight:bold;line-height:45px;margin-top:30px;float:right;}
.indexAboutTop p{width:100%;float:right;}
.indexAboutTop p a{width:100%;font-size:14px;color:#666;line-height:35px;margin:15px 0 0 0;display:block;}
.indexAboutTop img{float:left;display:block;}
.indexAboutTop h4{width:100%;float:right;margin-top:40px;}
.indexAboutTop h4 a{width:103px;height:25px;display:block;text-align:center;border:1px solid #ccc;font-family:Arial, Helvetica, sans-serif;line-height:25px;font-size:14px;color:#ccc;}

.indexHonor section{overflow:hidden;}
.indexHonor ul{width:500%;float:left;}
.indexHonor li{width:222px;height:298px;border:1px solid #ccc;margin-right:20px;float:left;text-align: center;}
.indexHonor li a{width:222px;height:298px;display:table-cell;vertical-align:middle;}
.indexHonor li.active{margin-right:0;}

/********************************************************************首页图片展示动画，开始*************************************************************************************************************/

/**新闻中心**/
.index_news{height:615px;background:#e3e6eb;}
.indexNewsInformation{width:740px;float:left;overflow:hidden;}
.indexNewsProblem{width:416px;float:right;}
.indexNewsInformation ul{width:740px;height:36px;margin-bottom:20px;}
.indexNewsInformation ul li{width:130px;height:36px;float:left;background:#FFF;margin-right:20px;color:#4c4c4c;line-height:36px;text-align:center;display:block;font-size:14px;float:left;}
.indexNewsInformation ul a{width:76px;height:24px;background:#686868;text-transform:uppercase;font-family:Arial, Helvetica, sans-serif;line-height:24px;text-align:center;color:#FFF;font-size:14px;display:block;margin:12px 0 0 0;float:right;}
.indexNewsInformation ul li:hover ,.indexNewsInformation ul li.active ,.indexNewsInformation ul li:hover font,.indexNewsInformation ul li.active font,.indexNewsProblem ul li.active{color:#FFF;background:#194395;}


.indexNewsInformation #BigDIV{width:740px;height:405px;background:#FFF;overflow:hidden;}
.indexNewsInformation dl{width:258px;overflow:hidden;float:left;margin:60px 44px 0 40px;}
.indexNewsInformation dl dt{width:100%;height:186px;overflow:hidden;}
.indexNewsInformation dl dt img{height:100%;}
.indexNewsInformation dl dd{font-size:14px;color:#666;line-height:30px;}
.indexNewsInformation dl dd.title{font-size:16px;color:#194395;margin-top:10px;}
.indexNews{width:372px;float:left;background:rgba(153,102,255,0);margin:60px 0 0 0;}
.indexNews ol li{width:100%;margin-bottom:26px;}
.indexNews ol li h3{width:100%;font-size:16px;color:#444;}
.indexNews ol li p{width:100%;font-size:14px;color:#666;margin-top:10px;}


.indexNewsProblem ul{width:100%;height:36px;display:block;margin-bottom:20px;}
.indexNewsProblem ul li{color:#4c4c4c;line-height:36px;width:130px;;text-align:center;float:left;display:block;font-size:14px;}
.indexNewsProblem ul a{width:76px;height:24px;text-transform:uppercase;background:#686868;line-height:24px;text-align:center;color:#FFF;font-family:Arial;font-size:14px;display:block;float:left;margin:12px 0 0 0;float:right;}
.indexNewsProblem section{height:405px;background:#FFF;overflow:hidden;}

.indexNewsProblem ol{width:355px;height:284px;overflow:hidden;display:block;float:left;margin:60px 25px;margin-top:60px;}
.indexNewsProblem ol li{width:100%;margin:0 0 24px;height:86px;font-size:14px;border-bottom:1px dashed #ccc;float:left;}
.indexNewsProblem ol li mark{width:28px;height:28px;display:block;font-size:14px;line-height:28px;float:left;background:#35a328;color:#FFF;text-align:center;}
.indexNewsProblem ol li a{width:315px;height:28px;color:#666;font-size:14px;line-height:28px;display:block;float:right;}
.indexNewsProblem ol li h3{width:100%;margin-bottom:5px;float:left;}
.indexNewsProblem ol li h3 mark{background:#194395;}


.indexAdvCont ul li section{position:relative;}
.indexAdvCont ul li section img.shuiying{position:absolute;}