/* CSS Document */
body{width:100%; height:auto; margin:0; padding:0; font-size:12px; color:#333333; font-family: "Microsoft YaHei" ! important; }
ul,li{list-style:none; margin:0; padding:0; vertical-align:middle;}
img{border:0; vertical-align:bottom;}

a{color:#333333; text-decoration:none;}
a:hover{color:#FF0000;}
p{ padding:0; margin:0;}
h1,h2,h3,h4{ padding:0; margin:0;}

.fl{ float:left; overflow:hidden;}
.fr {  float: right; overflow:hidden}
.wrap{ width:1200px; margin:0 auto; overflow:hidden;}
.coen {
	width:1200px;
	overflow:hidden;
	margin:0 auto;
}

.title {
    height: 48px;
    line-height: 48px;
}
.p2 {
    padding-bottom: 20px;
}
.title h2 {
    font: 24px/48px microsoft yahei,Arial;
    color: #333;
	text-align:center;
}
.title h2 span {
    padding: 0 6px;
}
.title h2 b {
    font-weight: lighter;
    font-size: 18px;
}

.titles {
    height: 48px;
    line-height: 48px;
}
.titles h2 {
    font: 24px/48px microsoft yahei,Arial;
    color: #0074e9;
}


#head{width:1100px; height:88px; margin:0 auto;}
#logo{background:url(../images/jcd_02.jpg) no-repeat; width:511px; height:88px; float:left;}
#wx{background:url(../images/jcd_04.jpg) no-repeat; width:277px; height:88px; float:right;}

#navigation{width:100%; height:55px; background:#0470bc;}

.navigation{width:1096px;height:55px;position:relative;z-index:99; margin:0 auto;}
.tab{position:relative;display:block;float:left;cursor:pointer; width:167px; height:55px;}
.tab .tablink{position:relative; width:167px;line-height:55px;display:block;height:55px;color: #ffffff;font-size:16px;z-index:99;float:left; text-align:center;}
.tab a{line-height:55px;text-decoration:none; text-align:center;}
.tab:hover{ background:#1e83ca;color:#ffffff; text-decoration:none;}
.tab:hover .tablink{color:#ffffff;text-decoration:none}
.tab:hover .tablink a{color:#ffffff}

.dropdown ul{display:none}
.dropdown:hover ul{position:absolute;display:block;margin-left:-1px;top:55px;left:1px;z-index:9}
.subnav{width:167px;}
.subnav a{padding:0;line-height:40px;width:167px;display:block; font-size:13px;white-space:nowrap;color: #FFFFFF;float:left;}
.subnav :hover{color: #ffffff; background:#3f9ee1;}
.dropdown .subnav{background-color:#1e83ca !important; filter:alpha(opacity=90);opacity:0.9; }






#banner{width:100%; height:419px;}
.slide-main{height:419px;position:relative;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{display:block;width:100%;height:5px;position:absolute;z-index:124;top:380px;left:0;text-align:center;}
.item a{display:inline-block;width:24px;height:5px;margin-right:11px;background:#333;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);overflow:hidden;}
.item a.cur{background:#fff;}
.slide-box,.slide{display:block;width:100%;height:419px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:419px;background:#ff6900;position:relative;position:absolute;z-index:8;}
#bgstylea{background:url(../images/banner_01.jpg) center no-repeat; }
#bgstyleb{background:url(../images/banner_02.jpg) center no-repeat; }
#bgstylec{background:url(../images/banner03.jpg) center no-repeat; }
@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
.banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }
.banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
.banAnimate .obj-d,.banAnimate .obj-f{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }

.reasonAndAdvantage{background: url(../images/big-bg.jpg) no-repeat top center;}
.common-content {padding: 30px 0px;overflow: hidden; margin-top:30px;}
.common-title{width:100%;text-align: center;height:auto;}
.common-title p{font-size:16px;color:#424242;width:100%;}
.reason-text{margin-top:76px;}
.r-text-p{font-size:27px;font-weight:bold;color:#fff;margin-bottom:4px;}
.text-no{width:582px;height:auto;overflow: hidden;}
.text-img{width:140px;height:140px;float:left;margin-right:15px;}
.text-p{width:410px;float:left;height:auto;overflow: hidden;margin-top:40px;}
.text-p h3{color:#2583f2;font-size:28px;font-weight:bold;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #2583f2;}
.text-p p{margin-top:15px;font-size:14px;color:#000;padding-left:15px;background: url(../images/p-ico.png) no-repeat left top;line-height:23px;}


#center{width:1100px; height:462px; margin:20px auto 0 auto;}
#news{width:490px; height:460px; border:1px solid #eaeced; background:url(../images/jcd_14.jpg) 2px 2px no-repeat; float:left;}

#con {FONT-SIZE: 12px; MARGIN: 0px auto; WIDTH:420px}
#tags_t{WIDTH:420px; HEIGHT:45px; border-bottom:1px solid #D2D2D2; margin:20px 0 0 0;}
#tags_t span{float:right; width:65px; height:23px; margin:5px 0 0 0;}
#tags {WIDTH:200px; HEIGHT:45px; font-size:20px; float:left;}
#tags LI {FLOAT: left; LIST-STYLE-TYPE: none; HEIGHT: 45px; width:100px; text-align:center;}
#tags LI A {FLOAT: left; COLOR: #666666; LINE-HEIGHT: 45px;HEIGHT: 45px; width:100px; text-align:center; TEXT-DECORATION: none}
#tags LI.emptyTag {BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 4px}
#tags LI.selectTag {POSITION: relative; HEIGHT: 45px;}
#tags LI.selectTag A { COLOR: #003198; LINE-HEIGHT: 45px; HEIGHT: 45px}

#tagContent{width:420px; height:auto; margin:10px 0 0 0;}
.tagContent {DISPLAY: none; WIDTH: 420px; HEIGHT: auto;}
.tagContent li{width:420px; height:39px; line-height:39px; border-bottom:1px dashed #c6c6c6; font-size:14px;}
.tagContent li font{color:#007ce0; float:left; font-size:14px; font-weight:600;}
.tagContent li a{float:left; margin:0 0 0 10px;}
.tagContent li span{float:right;}
#tagContent DIV.selectTag {DISPLAY: block}


#center_r{width:590px; height:460px; float:right;}

#pic{width:590px; height:328px; border-bottom:1px solid #e2e2e2;}
#hotpic { width: 590px; height: 318px; overflow: hidden; margin: 0 auto; }
#NewsPic { position: relative; width: 590px; height: 318px; overflow: hidden; }
#NewsPic a { overflow: visible; border: 0; text-decoration: none; }
#NewsPic .Picture { position: absolute; left: 0; top: 0; }
#NewsPic .Nav { position: absolute; height: 13px; line-height: 14px; bottom: 0; left: 0; }
#NewsPic .Nav span { font-size: 12px; font-weight: 400; color: #FFF; float:left; display: block; width:40px; text-align: center; background: #000; border-left: solid 1px #FFF; cursor: pointer; }
#NewsPic .Nav span.Normal { color: #FFF; background: #000; filter: Alpha(opacity=30); opacity: .3; }
#NewsPic .Nav span.Cur { background: #ce0609; color: #FFF; }
#NewsPicTxt { position: relative; width: 380px; height: 22px; border: 1px; margin: 0; padding-top: 4px; text-align: center; font-family: Sans-Serif; font-weight: 700; color: #000; font-size: 14px; margin-left: auto; margin-right: auto; margin-top: 3px; }
#NewsPicTxt a:link, #NewsPicTxt a:visited { font-family: "Microsoft Yahei"; font-size: 16px; font-weight: 700; color: #000; text-decoration: none; }
#NewsPicTxt a:hover { color: red; }




#k_nav{background:url(../images/jcd_23.jpg) no-repeat; width:590px; height:122px; margin:10px 0 0 0;}
#k_nav a{float:left; width:115px; height:100px; margin-top:15px;}
.k_nav1{margin-left:50px;}
.k_nav2{margin-left:80px;}
.k_nav3{margin-left:60px;}

#activity{background:url(../images/jcd_25.jpg) center no-repeat; width:100%; height:318px; margin:35px 0 0 0; overflow:hidden;}
.rollBox{width:1100px;overflow:hidden;margin:120px auto 0 auto;}
.rollBox .LeftBotton{height:44px;width:25px;background:url(../images/left_03.jpg) no-repeat;overflow:hidden;float:left;display:inline;margin:45px 0 0 0;cursor:pointer;}
.rollBox .RightBotton{height:44px;width:25px;background:url(../images/right_05.jpg) no-repeat;overflow:hidden;float:left;display:inline;margin:45px 0 0 0;cursor:pointer;}
.rollBox .Cont{width:1050px;overflow:hidden;float:left;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:190px;float:left;text-align:center; margin:0 10px;}
.rollBox .Cont .pic img{display:block;margin:0 auto; width:190px; height:150px;}
.rollBox .Cont .pic p{line-height:35px;color:#666666; font-size:14px; margin:0; padding:0;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}
.rollBox .Cont a:hover{color:#f00;text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left;}


#partner{width:1009px; height:394px; margin:35px auto 0 auto;}


#foot{width:100%; height:100px; background:#274c91; color:#a9b7d3; text-align:center; line-height:24px; margin:35px 0 0 0;}
#foot p{padding:25px 0 0 0;}
#foot a{color:#a9b7d3;}


.banner1{background:url(../images/bnt_01.jpg) center no-repeat; width:100%; height:211px;}
.banner2{background:url(../images/bnt_02.jpg) center no-repeat; width:100%; height:211px;}
.banner3{background:url(../images/bnt_03.jpg) center no-repeat; width:100%; height:211px;}
.banner4{background:url(../images/bnt_04.jpg) center no-repeat; width:100%; height:211px;}
.banner5{background:url(../images/bnt_05.jpg) center no-repeat; width:100%; height:211px;}
.banner6{background:url(../images/bnt_06.jpg) center no-repeat; width:100%; height:211px;}

#content{width:1100px; height:auto; overflow:hidden; margin:20px auto 0 auto;}

#content_left{width:240px; height:auto; float:left; background:#264b99;}
#content_left_t{width:194px; height:auto; margin:15px auto 0 auto; line-height:24px;}
#content_left_t span{display:block; font-size:18px; color:#FFFFFF; font-weight:600;}
#content_left_t font{display:block; font-size:12px; color:#FFFFFF;}

#content_left_c{width:194px; height:auto; margin:10px auto 0 auto; padding:0 0 30px 0;}
#content_left_c li{width:194px; height:34px; background:url(../images/neiye_09.jpg) no-repeat; line-height:34px;}
#content_left_c li a{display:block; padding:0 0 0 40px; font-size:14px; color:#FFFFFF; width:154px;}
#content_left_c li a:hover{background:url(../images/neiye_05.jpg) no-repeat; color:#264b99;}

#content_right{width:800px; height:auto; float:right;}
#content_right_t{width:800px; height:40px; margin:10px 0 0 0;}
#content_right_t span{float:left; width:700px; height:39px; border-bottom:1px solid #cccccc; color:#666666; line-height:39px;}
#content_right_t font{float:left; width:100px; height:38px; border-bottom:2px solid #ff9900;}

#content_right_c{width:800px; height:auto; line-height:24px; font-size:14px; margin:15px 0 0 0;}

.hzhb{width:630px; height:auto; overflow:hidden; margin:0 auto;}
.hzhb img{margin:10px 10px 0 0; padding:2px; border:1px solid #D5D5D5;}


.index-splash-block {
	width:600px;
	height:520px;
	background: url(../images/bg.png) center no-repeat;
	margin:0 auto;
}
.index-splash-block .feature-slide-preview {
    margin: 0 auto;
	padding-top: 20px;
    display: none;
    width: 560px;
    height:460px;
    overflow: hidden;
}
.index-splash-block .feature-slide-preview .screenshot {
    display: block;
    margin: auto;
}
.index-splash-block .feature-slide-list {
    width: 560px;
    height: 22px;
    overflow: hidden;
    margin: 10px auto 0;
}
.index-splash-block .feature-slide-list a {
    float: left;
    display: inline;
    width: 22px;
    height: 22px;
    background: url(../images/feature-point.png) center no-repeat;
    _background: url(../images/feature-point-4ie6.png) center no-repeat;
}
.index-splash-block .feature-slide-list a.current {
    background: url(../images/feature-point-current.png) center no-repeat;
    _background: url(../images/feature-point-current-4ie6.png) center no-repeat;
}
.index-splash-block  .feature-slide-list .feature-slide-list-items {
    display: inline;
}
.index-splash-block  .feature-slide-list a.feature-slide-list-previous {
    background: url(../images/feature-point-previous.png);
    _background: url(../images/feature-point-previous-4ie6.png);
}
.index-splash-block  .feature-slide-list a.feature-slide-list-next {
    background: url(../images/feature-point-next.png);
    _background: url(../images/feature-point-next-4ie6.png);
}