@charset "utf-8";

/* CSS Document */

*{transition:all .5s;}



.bannerBox{width:100%; height:760px; background:url(../images/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(../images/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(../images/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:266px; 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(../images/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(../images/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(../images/hzBtnLeft.png) no-repeat center;}

.hzhb .hzCont .btnRight{right:-22px; background:url(../images/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:760px; 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;}