body{}
.ad-banner{ height:401px; background:url(../images/banner15.jpg) center 0 no-repeat;}

#Content{ width:100%; }

.module{}
.module h2.title{ height:50px; padding-bottom:40px; font-size:40px; color:#ff0000; perspective:600px; -webkit-perspective:600px; transition-duration:.5s; -wbkit-transition-duration:.5s;}
.module h3.tit{ padding:20px 50px; font-size:16px; font-weight:normal; color:#000; transition-duration:.5s; -wbkit-transition-duration:.5s;}
.module h2.title{ line-height:32px; overflow:hidden;}
.module h2.title .name{ height:22px; line-height:22px; margin-top:5px; color:#ff0000; font-size:31px;  font-family:Microsoft Yahei,Arial; text-align:center;}
.module h2.title .en{ text-align:center;; padding-top:10px; font-size:24px; color:#333; font-weight:normal; font-family:Arial;}
.module h3{ clear:both; height:40px; font-size:30px; padding-top:5px; font-weight:normal; font-family:Microsoft Yahei,Arial; color:#ff0000;}

.content{ perspective:600px; -webkit-perspective:600px; transition-duration:.5s; -wbkit-transition-duration:.5s;}
.host{ animation:host infinite 5s; -webkit-animation:host infinite 5s; position:absolute; right:-100px; top:100px; width:73px; height:103px; background:url(../images/huojian.png) no-repeat;}
@keyframes host{50%{ transform:translate(25px,-30px)}}
@-webkit-keyframes host{50%{ -webkit-transform:translate(25px,-30px)}}
.che{ position:absolute; left:-200px; top:150px; width:69px; height:60px; background:url(../images/che.png) no-repeat;}


.anli{ height:790px; background:url(../images/anli.jpg) center 0 no-repeat; overflow:hidden; clear:both; }
.anli h2.title{ padding-top:50px; text-align:center;}
.anli h2 .name{ padding:10px 0; text-align:center; background:none;}
.anli h2.title .en{ width:100%; float:none; padding:10px; text-align:center; color:#333;}
.anli .box{ width:1200px; height:520px; margin:20px auto 0;  overflow:hidden;}
.anli .leftmenu{ float:left; width:270px; }
.anli .rightcnt{ float:left; width:840px; background:rgba(255,255,235,.9); height:520px; overflow:hidden;}
.anli .demo{ float:left; width:9999rem;}
.anli .demo .option{ float:left; width:780px; height:460px; padding:30px; overflow:hidden; }
.anli h2{ font-size:18px; font-weight:bold; height:34px; line-height:34px; text-align:center; padding:0; margin:0; color:#333;}
.anli h3{ font-size:16px; font-weight:bold; height:34px; line-height:34px; text-align:center; padding:0; margin:0; color:#333;}
.anli h4{ font-size:14px; font-weight:bold; height:34px; line-height:34px; text-align:center; padding:0; margin:0; color:#333;}
.anli .more{ float:right; font-size:12px; font-weight:normal; color:#0000ff;}
.anli .leftmenu li{ height:66px; line-height:66px; color:#fff; transition-duration:.5s; -webkit-transition-duration:.5s; text-align:center; margin-bottom:10px; background:rgba(0,0,0,.5);}
.anli .leftmenu li.current{background:rgba(255,255,235,.9); color:#ff0000;}
.anli p{ text-indent:2em; line-height:22px;}
.anli .p3,.anli .p2,.anli .p1,.anli .p1{ padding:20px 0 0;}
.anli .p3 p{ float:left; width:230px; margin:0 15px; }
.anli .p2 p{ float:left; width:360px; margin:0 15px; }

.anli .img1{ background:url(../images/anli-img1.jpg) center center no-repeat;}
.anli .img2{ background:url(../images/anli-img2.jpg) center center no-repeat;}
.anli .img3{ background:url(../images/anli-img3.jpg) center center no-repeat;}
.anli .img4{ background:url(../images/anli-img4.jpg) center center no-repeat;}
.anli .img5{ background:url(../images/anli-img5.jpg) center center no-repeat;}
.anli .img6{ background:url(../images/anli-img6.jpg) center center no-repeat;}
.anli .img7{ background:url(../images/anli-img7.jpg) center center no-repeat;}

.ganyan{ padding:50px 0;}
.ganyan ul{ width:1300px;}
.ganyan li{ float:left; width:275px; height:375px; margin:0 15px 20px; overflow:hidden;}
.ganyan li .text{ display:none; transition-duration:0s; -webkit-transition-duration:0s;}
.ganyan li.current{ background:#191919; color:#fff;}
.ganyan li.current p{ padding:15px; line-height:20px;}
.ganyan li.current .img-text{display:none;}
.ganyan li.current .text{ display:block;}

.ganyan .img{ position:relative; z-index:1; width:270px; height:165px; margin-bottom:10px; padding:2px; overflow:hidden; }
.ganyan .img img{ width:270px; height:165px;}
.ganyan .img .border{ animation:gimg infinite 3s linear; -webkit-animation:gimg infinite 3s linear; position:absolute; left:0; top:0; width:270px; height:165px; border:2px solid #e8e8e8;}
@keyframes gimg{ 50%{transform:rotateY(90deg)}}
@-webkit-keyframes gimg{ 50%{ -webkit-transform:rotateY(90deg)}}
.ganyan h2{ text-align:center;}
.ganyan p{ padding:15px 10px; line-height:22px;}
.ganyan li:hover img{ transform:rotateX(360deg); }

.jianzheng{ clear:both; padding:50px 0; overflow:hidden;}
.jianzheng ul{ perspective:600px; -webkit-perspective:600px; width:1200px; margin:0 auto;}
.jianzheng li{ float:left; width:199px; height:191px; transition-duration:.5s; -webkit-transition-duration:.5s; background:url(../images/jianzheng.jpg) no-repeat;}
.jianzheng li.j2{ background-position:-199px 0;}
.jianzheng li.j3{ background-position:-400px 0;}
.jianzheng li.j4{ background-position:-599px 0;}
.jianzheng li.j5{ background-position:-799px 0;}
.jianzheng li.j6{ background-position:-999px 0;}
.jianzheng li.j7{ background-position:0 -191px;}
.jianzheng li.j8{ background-position:-199px -191px;}
.jianzheng li.j9{ background-position:-400px -191px;}
.jianzheng li.j10{ background-position:-599px -191px;}
.jianzheng li.j11{ background-position:-799px -191px;}
.jianzheng li.j12{ background-position:-999px -191px;}
.jianzheng li:hover{ transform:rotateX(360deg); }