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





/*banner*/
#full-screen-slider {width: 100%;height: 680px;position: relative;z-index: 998;*padding-top: 108px;padding-top: 120px;}

#slides {display: block;width: 100%;height: 680px;list-style: none;margin: 0;position: relative;padding-top: 105;
padding-right: 0;padding-bottom: 0;padding-left: 0;}

#slides li {display: block;width: 100%;height: 100%;list-style: none;padding: 0;margin: 0;position: absolute;left: 0}

#slides li a {display: block;width: 100%;height: 100%;text-indent: -9999px}

#pagination {display: block;list-style: none;position: absolute;top: 750px;z-index: 998;text-align: center;width: 100%}

#pagination li {display: inline-block;list-style: none;width: 10px;height: 10px;margin: 0 6px;border-radius: 5px;background: #FFF;overflow: hidden;}

#pagination li a {display: block;width: 100%;height: 100%;padding: 0;margin: 0;text-indent: -9999px;}

#pagination li.current {background: #26154c;}


/*banner*/




.index-tt h2{ font-size:36px; color:#333333; text-align:center}
.index-tt p{ font-size:20px; color:#999999; text-align:center; margin-top:12px;}

.center01{ background:url(../images/bj.jpg) no-repeat  center}
.content01{ margin-top:32px;}
.content01 h3{ font-size:18px; color:#999999; text-align:center}
.content01 ul{ margin-top:52px;}
.content01 ul li{ width:400px; height:244px; float:left; padding-right:113px; box-sizing:border-box}
.content01 ul li:nth-child(3){ padding-left:113px; padding-right:0px;}
.content01 ul li:nth-child(6){ padding-left:113px; padding-right:0px;}
.content01 ul li:nth-child(2){ padding-left:45px !important; padding-right:45px !important;}
.content01 ul li:nth-child(5){padding-left:45px !important; padding-right:45px !important;}
.content01 ul li h2{ font-size:22px; color:#0b1e71; text-align:center; line-height:50px; margin-top:6px;}
.content01 ul li p{ font-size:16px; color:#999999; text-align:center; line-height:24px;}
.content01 .link{ width:140px; height:45px; margin:0 auto;}


.center02{ background-color:#f2f5fb}
.center02 ul{ margin-top:35px;}
.center02 ul li .title{ width:239px; height:69px; font-size:18px; color:#333333; text-align:center; line-height:70px; border-left:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd }
.center02 ul li:hover p{ background-color:#0b1e71; color:#ffffff;}
.center02 ul li:last-child{ width:238px; border-right:1px solid #cdcdcd}
.center02 ul li img{ display:block}
.test{-webkit-animation:flipOutYtest .75s linear;animation:flipOutYtest .75s linear;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes flipOutYtest{
	from{-webkit-transform:perspective(1400px);transform:perspective(1400px)}
	40%{-webkit-transform:perspective(1400px) rotate3d(0,1,0,60deg);transform:perspective(1400px) rotate3d(0,1,0,60deg);opacity:1}
	50%{-webkit-transform:perspective(1400px) rotate3d(0,1,0,90deg);transform:perspective(1400px) rotate3d(0,1,0,90deg);opacity:0}
	to{-webkit-transform:perspective(1400px) rotate3d(0,1,0,180deg);transform:perspective(1400px) rotate3d(0,1,0,180deg);opacity:0}
}
@-webkit-keyframes flipInYtest{
	from{-webkit-transform:perspective(1400px) rotate3d(0,1,0,-180deg);transform:perspective(1400px) rotate3d(0,1,0,-180deg);opacity:0}
	50%{-webkit-transform:perspective(1400px) rotate3d(0,1,0,-90deg);transform:perspective(1400px) rotate3d(0,1,0,-90deg);opacity:0}
	60%{-webkit-transform:perspective(1400px) rotate3d(0,1,0,-60deg);transform:perspective(1400px) rotate3d(0,1,0,-60deg);opacity:1}
	to{-webkit-transform:perspective(1400px);transform:perspective(1400px);opacity:1}
}
.test2{-webkit-animation:cloud 6s linear infinite;-o-animation:cloud 6s linear infinite}
@-webkit-keyframes slideInLeft{
	0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}
	100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInLeft{
	0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}
	50%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
	100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(-100%,0,0)}
}
.test2{-webkit-animation-name:slideInLeft;animation-name:slideInLeft 10s}
.well{width:500px;min-height:500px;height:auto}
.well .well-item{position:relative;float:left;width:125px;min-height:389px;margin:0}
.well .well-item img{width:100%;min-height:389px}
.correct{position:absolute;MARGIN:0 auto;}
.opposite{min-height:389px;width:100%}

.well-item{width:100%}
.t1an{width:100%;MARGIN:0 auto;overflow:hidden}
.tt{width:240px;FLOAT:left;position:relative;}
.correct img{width:100%}
.center02 .link{width:140px; height:45px; margin:0 auto; margin-top:46px;}


.center03{ height:900px; background:url(../images/bao.jpg) no-repeat bottom center; box-sizing:border-box;}
.center03 .center{ position:relative; height:844px;}
.center03 .title{ font-size:18px; color:#999999 ; margin-top:30px; text-align:center; line-height:30px;}
.center03 .link{width:140px; height:45px; margin:0 auto; margin-top:46px;}
.center03 .content03{ width:770px; height:486px; position:absolute; right:0; bottom:0;}
.center03 .content03 li{ width:770px; height:162px; overflow:hidden}
.center03 .content03 li .fl{ width:116px; height:116px; border-radius:50%; background:#5b669a; position:relative}
.center03 .content03 li .fl .q1{ position:absolute; left:50%; margin-left:-24px; top:50%; margin-top:-22px;}
.center03 .content03 li .fl .q2{ position:absolute; left:50%; margin-left:-23.5px; top:50%; margin-top:-23.5px;}
.center03 .content03 li .fl .q3{ position:absolute; left:50%; margin-left:-12.5px; top:50%; margin-top:-28.5px;}
.center03 .content03 li .fr{ width:615px; margin-top:18px;}
.center03 .content03 li .fr .subtitle2{ font-size:20px; color:#ffffff; height:32px;}
.center03 .content03 li .fr .subtitle3{ font-size:16px; color:#ffffff; line-height:24px;}
.center03 .content03 li:hover .fl{ background-color:#0b1e71;}

.center04{ background:url(../images/bj.jpg) no-repeat center; padding-top:40px; padding-bottom:60px;}
.center04 .link{width:140px; height:45px; margin:0 auto; margin-top:46px;}

.center05 .case{ margin-top:40px;}
.center05 .case li{ width:300px; float:left; text-align: center}
.center05 .case li h2{ font-size:20px; color:#666666; line-height:38px; margin-top:6px;}
.center05 .case li h3{ font-size:16px; color:#999999;}

.slideBox{ width:100%; height:230px;overflow:hidden; position:relative;}
.slideBox .hd{ width:69px; height:23px; overflow:hidden; position:absolute; bottom:0px; left:50%; margin-left:-33px; z-index:1;}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left;width:13px; height:13px; border-radius:50%; margin:5px; background:#cccccc; cursor:pointer;}
.slideBox .hd ul li.on{ background:#2b2c66; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.tupian{ width:160px; height:160px; float:left; border-radius:50%; overflow:hidden}
.wenzi{ width:1008px;}
.wenzi h2{ font-size:16px; color:#666666; height:36px; margin-top:28px;}
.wenzi p{ font-size:16px; color:#999999; line-height:24px;}
.i2{ position:absolute; top:50px; right:0}
.center05 .link{width:140px; height:45px; margin:0 auto; margin-top:46px;}

.box{ width:100%; height:600px; position:relative ;overflow:hidden}
.box-auto{ width:1200px; margin:0 auto; margin-top:30px;}
.box li{ width:240px; height:564px;background:url(../images/r.png) no-repeat center; text-align:center; float:left}
.box li:nth-child(2n){ height:563px;background:url(../images/rr.png) no-repeat center; padding-top:360px; box-sizing:border-box }
.box li h2{ font-size:40px; color:#2b2c66; font-weight:bold}
.box li h3{ font-size:22px; color:#2b2c66;height:64px; line-height:32px; margin-top:8px; margin-bottom:10px;}
.box li p{ font-size:16px; color:#999999; line-height:24px;}

.prev{ position:absolute; top:44%;left: 20px}

.next{position:absolute;top:44%;right: 20px}