@charset "utf-8";
/* CSS Document */
*{transition:all .5s;}

.bannerBox{width:100%; height:620px; background:url(Img/Index/bannerBox.jpg) no-repeat center;}

.cpBox{position:relative; height:318px; background-color:#f2f2f2; z-index:999}
.cpBox .container{position:absolute; left:50%; top:-65px; margin-left:-490px;}
.cpTab{height:65px; background:url(Img/Index/cpTab.png) repeat-x center top;}
.cpTab span{position:relative; float:left; width:244px; height:65px; line-height:65px; border-right:1px solid #d7d7d7; font-size:13px; text-align:center;}
.cpTab span a{ text-decoration:none;}
.cpTab span i{position:absolute; left:50%; bottom:-6px; border:3px solid transparent; border-top-color:#0266c3; display:none;}
.cpTab span.noBr{border-right-color:#f4f4f4;}
.cpTab span:hover , .cpTab span.cur{background:url(Img/Index/cpTabH.png) repeat-x center top; color:#fff; border-right-color:#0266c3;}
.cpTab span.cur a{ color:White;}
.cpTab span:hover i , .cpTab span.cur i{display:block;}
.cpCont ul{overflow:hidden; background-color:#fff;}
.cpCont li{float:left; width:244px; height:298px; border-right:1px dotted #d0d0d0; text-align:center;}
.cpCont li img{margin-top:20px;}
.cpCont li.noBr{border-right-color:#fff;}
.cpCont li h5{margin-top:10px; height:36px; line-height:36px; overflow:hidden; font-weight:normal; font-size:13px;}

.Europe{height:480px; background:url(Img/Index/Europe.png) no-repeat center;}
.Europe .container{position:relative;}
.Europe h4{padding-top:84px; text-align:center;}
.eurItem{position:absolute;}
.eurItem dl{position:absolute; left:50px; top:-98px; padding:10px; width:210px; background-color:#fff; box-shadow:-2px 2px 14px #ccc;}
.eurItem dl dt i{position:absolute; left:-14px; top:110px; border:7px solid transparent; border-right-color:#fff;}
.eurItem dl dd{padding:15px 0;}
.eurItem dl dd p{height:28px; line-height:28px; }
.eurItem dl dd p span{position:relative; top:-2px; margin-right:4px; color:#c8c8c8;}
.eurItem .dian{-webkit-filter:grayscale(1); -moz-filter:grayscale(1); -o-filter:grayscale(1); -ms-filter:grayscale(1); filter:grayscale(1);}
.eurItem:hover .dian{-webkit-filter:grayscale(0); -moz-filter:grayscale(0); -o-filter:grayscale(0); -ms-filter:grayscale(0); filter:grayscale(0);
}
.eurItem:hover dl{display:block;}

.Europe .eurItem01{left:-137px; top:291px;}
.Europe .eurItem02{left:188px; top:255px;}
.Europe .eurItem03{left:497px; top:227px;}
.Europe .eurItem04{left:812px; top:220px;}

.sbBox{overflow:hidden;}
.sbBox img{float:left;}

/*合作伙伴*/
.hzhb{padding-bottom:50px; background-color:#f2f2f2;}
.hzhb h4{padding-top:38px; padding-bottom:26px; text-align:center;}
.hzhb .hzCont{position:relative; height:122px; background:#fff url(Img/Index/hzUl.png) no-repeat center;}
.hzhb .hzCont ul{margin:0 auto; padding-top:10px; width:980px; overflow:hidden;}
.hzhb .hzCont li{margin:0 8px; float:left; width:180px; text-align:center;}
.hzhb .hzCont li h5{margin-top:10px; font-weight:normal;}
.hzhb .hzCont li h5 a{color:#fff;}
.hzhb .hzCont .btnLeft , .hzhb .hzCont .btnRight{position:absolute; top:40px; width:22px; height:40px;}
.hzhb .hzCont .btnLeft{left:-22px; background:url(Img/Index/hzBtnLeft.png) no-repeat center;}
.hzhb .hzCont .btnRight{right:-22px; background:url(Img/Index/hzBtnRight.png) no-repeat center;}

.dtSpan{margin-top:40px; margin-bottom:60px;}
.dtSpan h4{margin-bottom:32px;}

.gyBox{width:290px;}
.gyBox dd{margin-top:28px; line-height:18px; height:90px; overflow:hidden;}

.khBox{margin-left:44px; width:304px;}
.khBox dl{margin-bottom:24px; height:120px; overflow:hidden;}
.khBox dd{margin-left:140px;}
.khBox dd h5{font-size:14px; font-weight:normal;}
.khBox dd h5 a{color:#0057a9;}
.khBox dd p{margin-top:12px; height:72px; line-height:18px; overflow:hidden;}

.dtBox{width:312px;}
.dtBox dl{margin-bottom:24px; height:120px; overflow:hidden;}
.dtBox dt{width:86px; text-align:center;}
.dtBox dt span{display:block; font-size:48px;}
.dtBox dt em{position:relative; top:-8px;}
.dtBox dd{margin-left:86px;}
.dtBox dd h5{font-size:14px; line-height:18px; height:36px; overflow:hidden; font-weight:normal;}
.dtBox dd h5 a{color:#0057a9;}
.dtBox dd p{margin-top:12px; height:72px; line-height:18px; overflow:hidden;}






/*banner移动效果 */
#flashs{ position:relative; height:620px; overflow:hidden;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; }
#flashs .btn{ position:absolute; z-index:888; bottom:10px; left:50%; margin-left:-95px; padding:0px 6px;}
#flashs .btn span{ color:#fff;  background:#202932; cursor: pointer;display: inline-block;margin:0 2px;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;}
#flashs .btn span.cur{ background:red;}