@charset "utf-8";
/*欧迪斯网站模板*/
body, ul, ol, dl, dd, h1, h2, h3, h4, h5, h6, a,li, pre, form, fieldset, legend, input, button, textarea, p, blockquote, th, td,header,div,html{ margin:0; padding:0;list-style:none;}
/*@media screen and (max-width: 1000px)  {
body {    min-height: 1900px;}
}*/
body {    min-width: 1300px; background: url(../Images/12.jpg) repeat; }

.left5{ padding-left:10px;}
header nav.menu ul li:hover { box-shadow: #000 0px 0px 3px;}
header {width: 100%;height: 90px;color: #fff;z-index: 999;background: url(../Images/11.jpg) repeat;padding-bottom: 5px;      padding: 15px 0; border-bottom: #fff 1px solid;    box-shadow: 0px 3px #000; overflow: hidden;}
header .logo { float: left;width: 180px;    margin-right: 20px; border:0px; }
.w1200{width:1200px; margin:0 auto;overflow: hidden;}
.img-responsive {display: block;max-width: 100%;height: auto;}
header .words {float:left;line-height:90px; padding:0 5px;}
header nav.menu {margin-top: 20px;    height: 40px;    float: left;    padding: 0 5px;    line-height: 40px;    text-align: center;-webkit-transition: all .2s ease-in-out 0s;-moz-transition: all .2s ease-in-out 0s;-ms-transition: all .2s ease-in-out 0s;-o-transition: all .2s ease-in-out 0s;transition: all .2s ease-in-out 0s;}
list-inline {padding-left: 0;margin-left: -5px;list-style: none;}
header nav.menu ul li {width:90px; height:35px; line-height:35px;margin: 0  auto;font-size: 20px; border-radius: 5px; -webkit-transition: all .2s ease-in-out 0s;-moz-transition: all .2s ease-in-out 0s;-ms-transition: all .2s ease-in-out 0s;-o-transition: all .2s ease-in-out 0s;transition: all .2s ease-in-out 0s;background: #000; }
.list-inline>li {display: inline-block;padding-right: 5px;padding-left: 5px;}
header nav.menu ul li a {color: #fff;letter-spacing: 2px;cursor: pointer;font-weight: bold;}
header nav.menu ul li a:hover{color:#EF0;}
header .hotline { float: left;    margin: 28px 0 0 10px;}

header .hotline span {color: #fff;font-family: Arial;font-weight: bold;font-size: 26px;letter-spacing: 1px;}
header .hotline u {    display: block;    float: left;    width: 41px;    height: 30px;    background: url(../Images/icons.png) no-repeat;}
.left{ float:left;}.right{ float:right;}
.ods { width:100%; height:1050px; overflow:hidden;      }
dl.dla {    width: 1300px;    background:url(../Images/body_20.jpg) repeat;    border-radius: 50%;}
.ods dl.dla dd.b h2 {    font: 43px/147px 黑体;    color: #fff;text-shadow: #000 0px 5px 5px;}
.ods dl  { height:920px; margin:0 auto; } 
.ods dl {text-align: center;}
.ods dl.dla dt.a{    font: 43px/147px 黑体;    color: #0cbad4;    background: url(../Images/dark-grey-tile.png) repeat;    width: 442px;    height: 153px;    margin: 31px auto;    border-radius: 50%;    position: relative;    z-index: 1;}
.ods dl.dla dd.b{font: 43px/70px 黑体;    color: #0cbad4;    background: url(../Images/dark-grey-tile.png) repeat;    width: 442px;    height: 153px;    margin: 31px auto;    border-radius: 50%;    position: relative;    z-index: 1; top:29px;box-shadow: 1px 3px 5px #000;
}
.ods dl.dla dd.b p {    text-shadow: #000 0px 2px 2px;}
{ border-bottom: #6B726F 1px solid;    margin-top: 18px;    width: 578px;    margin: 0 auto;}
.ods dl.dla dd.d {width: 977px; height: 740px;border: 5px solid #FBC500;    box-shadow: 0px 0px 10px; border-radius: 50% / 50%;margin: 0 auto;position: relative;top: -73px;    background: url(../Images/body_03.png) repeat;}
.ods dl.dla dd.e {width: 835px;height: 567px;border: 5px solid #FBC500;    box-shadow: 0px 0px 10px;border-radius: 50% / 50%;margin: 0 auto;position: relative;top: -725px;    background: #fef900;}
.ods dl.dlb { position:relative; top:-727px;}

.ods dl.dlb dd { margin:0 auto;}
.ods dl.dlb dd a{ font:25px/93px 黑体; color:#fff;display: block;width: 102px;height: 120px;}
.ods dl.dlb dd a:hover{color:#f00; }

.ods dl.dlb dd.f {width:1060px; height:110px;  }


.ods dl.dlb dd.g {width:1170px; height:110px; }

.ods dl.dlb dd.h {width:1200px; height:110px; }

.ods dl.dlb dd.j {width:1170px; height:110px;  }


.ods dl.dlb dd.k {width:1060px; height:110px;   }

.ods dl.dlc {    width: 699px;    height: 416px;    position: relative;    top: -1555px;    background: url(../Images/body_03.png) repeat;   ox-shadow: 0 0 5px; border-radius: 50%;}
.ods .left, .ods .right {width: 102px;    height: 102px; background: url(../Images/body_03.png) repeat;    border-radius: 50%;    box-shadow: 0px 0px 5px;}
.ods .left:hover, .ods .right:hover{box-shadow: 0 0 6px #000;}


.dspan{width: 1500px;      margin: 0 auto;  transform:translateY(0px); animation: dspan 5s  ease-out ; -w ebkit-animation: dspan 5s  ease-out ;animation-fill-mode :  forwards; position:relative; top:-1100px;}
@keyframes dspan{
	from { transform:translateY(0px);}
	to { transform:translateY(300px); }

	}
@-webkit-keyframes dspan{f
   	from { transform:translateY(0px);}
	to { transform:translateY(300px);}

	}
.dspan span{ display:bloc; width:50px; font: 45px/50px bold; border-radius:10px;}
span.spl{ float:left;}  span.spr{ float: right;}

/*zhuan start*/



.indhdiv{
	text-align:center;
	width:666px;
	height:396px;
	opacity:0.6;
	background: url(../Images/odsbj_02.png) no-repeat 234px 90px;
	
}
.indhdiv:hover{opacity:1;}

.dha{ 
	background: url(../Images/odsbj_01.png) no-repeat -109px -255px;
	width: 158px;
	height: 158px;
	position: absolute;
	left:270px;
	top:33px;

	-webkit-animation: rotate 5000ms linear infinite;
	-moz-animation: rotate 5000ms linear infinite;
	-ms-animation: rotate 5000ms linear infinite;
	animation: rotate 5000ms linear infinite;

}

.dhb{
	background: url(../Images/odsbj_01.png) no-repeat -109px -255px;
	width: 158px;
	height: 158px;
	position: absolute;
	left:190px;
	top:160px;

	-webkit-animation: rotate-back 5000ms linear infinite;
	-moz-animation: rotate-back 5000ms linear infinite;
	-ms-animation: rotate-back 5000ms linear infinite;
	animation: rotate-back 5000ms linear infinite;

}
.dhc{
	background: url(../Images/odsbj_01.png) no-repeat -109px -255px;
	width: 158px;
	height: 158px;
	position: absolute;
	left:353px;
	top:160px;

	-webkit-animation: rotate-back 5000ms linear infinite;
	-moz-animation: rotate-back 5000ms linear infinite;
	-ms-animation: rotate-back 5000ms linear infinite;
	animation: rotate-back 5000ms linear infinite;
}
.dhd{
	background: url(../Images/odsbj_01.png) no-repeat -124px -144px;
	width: 105px;
	height: 105px;
	position: absolute;
	left:300px;
	top:150px;}
	.dhe{
	background: url(../Images/odsbj_01.png) no-repeat 0px -919px;
width: 271px;
height: 74px;
position: absolute;
left: 215px;
top: 310px;
}

.dhf{ 
	background: url(../Images/odsbj_chilun_01.png) no-repeat ;
	width: 320px;
	height: 320px;


	-webkit-animation: rotate 5000ms linear infinite;
	-moz-animation: rotate 5000ms linear infinite;
	-ms-animation: rotate 5000ms linear infinite;
	animation: rotate 5000ms linear infinite;
}




/*ANIMATIONS*/
/*rotate*/
@keyframes "rotate" {
 from {
    -webkit-transform: rotate(0deg);
   	-moz-transform: rotate(0deg);
   	-o-transform: rotate(0deg);
   	-ms-transform: rotate(0deg);
   	    transform: rotate(0deg);
 }
 to {
    -webkit-transform: rotate(360deg);
   	-moz-transform: rotate(360deg);
   	-o-transform: rotate(360deg);
   	-ms-transform: rotate(360deg);
   	transform: rotate(360deg);
 }
}

@-moz-keyframes rotate {
 from {
   -moz-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 to {
   -moz-transform: rotate(360deg);
   transform: rotate(360deg);
 }
}

@-webkit-keyframes "rotate" {
 from {
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 to {
   -webkit-transform: rotate(360deg);
   transform: rotate(360deg);
 }
}

@-ms-keyframes "rotate" {
 from {
   -ms-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 to {
   -ms-transform: rotate(360deg);
   transform: rotate(360deg);
 }
}

@-o-keyframes "rotate" {
 from {
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 to {
   -o-transform: rotate(360deg);
   transform: rotate(360deg);
 }
}
/*rotate-back*/
@keyframes "rotate-back" {
 from {
    -webkit-transform: rotate(0deg);
   	-moz-transform: rotate(0deg);
   	-o-transform: rotate(0deg);
   	-ms-transform: rotate(0deg);
   	transform: rotate(0deg);
 }
 to {
    -webkit-transform: rotate(-360deg);
   	-moz-transform: rotate(-360deg);
   	-o-transform: rotate(-360deg);
   	-ms-transform: rotate(-360deg);
   	transform: rotate(-360deg);
 }
}

@-moz-keyframes rotate-back {
 from {
   -moz-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 to {
   -moz-transform: rotate(-360deg);
   transform: rotate(-360deg);
 }
}

@-webkit-keyframes "rotate-back" {
 from {
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 to {
   -webkit-transform: rotate(-360deg);
   transform: rotate(-360deg);
 }
}

@-ms-keyframes "rotate-back" {
 from {
   -ms-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 to {
   -ms-transform: rotate(-360deg);
   transform: rotate(-360deg);
 }
}

@-o-keyframes "rotate-back" {
 from {
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 to {
   -o-transform: rotate(-360deg);
   transform: rotate(-360deg);
 }
}
/*weight up*/


@-moz-keyframes rotate-zc {
 from {
   -moz-transform:rotateY(0deg);
   transform:rotateY(0deg);
 }
 to {
   -moz-transform:rotateY(360deg);
   transform:rotateY(360deg);
 }
}

@-webkit-keyframes "rotate-zc" {
 from {
   -webkit-transform:rotateY(0deg);
   transform:rotateY(0deg);
 }
 to {
   -webkit-transform:rotateY(360deg);
   transform:rotateY(360deg);
 }
}

@-ms-keyframes "rotate-zc" {
 from {
   -ms-transform:rotateY(0deg);
   transform:rotateY(0deg);
 }
 to {
   -ms-transform:rotateY(360deg);
   transform:rotateY(360deg);
 }
}

@-o-keyframes "rotate-zc" {
 from {
   -o-transform: transform:rotateY(0deg);
   transform: transform:rotateY(0deg);
 }
 to {
   -o-transform:rotateY(360deg);
   transform:rotateY(360deg);
 }
}
/*weight up*/
@keyframes "up" {
 from {
    bottom: 0px;
 }
 to {
    bottom: 340px;
 }
}

@-moz-keyframes up {
 from {
   bottom: 0px;
 }
 to {
   bottom: 340px;
 }
}

@-webkit-keyframes "up" {
 from {
   bottom: 0px;
 }
 to {
   bottom: 340px;
 }
}

@-ms-keyframes "up" {
 from {
   bottom: 0px;
 }
 to {
   bottom: 340px;
 }
}

@-o-keyframes "up" {
 from {
   bottom: 0px;
 }
 to {
   bottom: 340px;
 }
}
/*chain up and down*/
@keyframes "collapse" {
 from {
    height: 387px;
 }
 to {
    height: 48px;
 }
}

@-moz-keyframes collapse {
 from {
   height: 387px;
 }
 to {
   height: 48px;
 }
}

@-webkit-keyframes "collapse" {
 from {
   height: 387px;
 }
 to {
   height: 48px;
 }
}

@-ms-keyframes "collapse" {
 from {
   height: 387px;
 }
 to {
   height: 48px;
 }
}

@-o-keyframes "collapse" {
 from {
   height: 387px;
 }
 to {
   height: 48px;
 }
}
/*zhuan end*/

.ban{width: 100%;height: 30px;margin: 0 auto;/* opacity:0.6;*/}
.odsdao {width: 100%;height: 40px;margin: 0 auto;padding-top: 30px;}
.odsdao p {width: 960px; margin:0 auto;line-height: 20px;padding: 5px 20px;border: solid 1px #ccc;text-align: center;box-shadow: 0 0px 7px #000;}
footer{background: url(../Images/dark-grey-tile.png) repeat;margin-top: 5px;    border-top: rgb(241, 12, 12) 1px solid;    box-shadow: 0px -3px 2px #0F0F0F;padding-bottom: 10px;}
footer p{width: 960px; margin:0 auto;line-height: 30px;padding: 0px 20px;text-align: center;color: #fff;}
.yql {width: 1200px;  height: 30px; margin: 0 auto;  }
.yql ul { margin-left: 100px; line-height:30px;}
.yql ul span {float:left;}
.yql ul li { float: left; color:#fff; }
.yql ul li a { color:#fff;padding: 0 5px; }
.yql ul li a:hover {text-decoration:underline;} 
.beian{ width:700px;height: 80px;    margin: 0 auto; }
.beian span {    float: left;    width: 105px;    height: 45px;   margin: 10px 10px 0 5px;    padding: 10px 0 0 50px;    border:#111 1px solid;background:url(../Images/beian.png) no-repeat; color:#fff;}
.beian span.a{ background-position: 5px -10px;}
.beian span.b{ background-position: -196px -8px;}
.beian span.c{ background-position: -400px -8px;}
.beian span.d{ background-position: -560px -3px;}
.odsdao  a ,.odsdao p{ color:#fff;}
.odsdao  a:hover{ text-decoration:underline;}
.BaiduFx, .face, .face ul {width: 640px;height: auto;overflow: hidden;padding: 0 0 7px;margin: 0 auto;}
.BaiduFx .b_ant {font-family: "Microsoft YaHei",黑体ed1\4f53,arial,sans-serif;}
.BaiduFx .b_ant {float: left;font-size: 18px;line-height: 2.5em;color: #fff;}

.introduce{max-width:700px; height:260px; background-color:#62a97b; border-radius:50%; overflow:hidden; position:relative; z-index:2;}

.introduce .introduce_zi{max-width:640px; height:200px; background-color:#26699e; border-radius:50%; margin:0 auto; position:relative; top:-25px;}
.introduce .introduce_zi .introduce_sun{max-width:460px; height:140px; background-color:#593568; border-radius:50%; margin:0 auto; position:relative; top:-25px;}
/*qice start*/
.qcbox{width:1200px; margin:0 auto;height:900px; }
.qice {margin-top: 60px; width:1200px; height:1000px;background: url(../Images/qc/odsbj_qc.png) 0 290px no-repeat ;}
.qice h2{ font-size:30px; color:#FFF;}
.qice dl dd.qcdda{ width:150px; height:150px; border-radius:50%;position: absolute;top: 190px;left: 34px; overflow:hidden; color:#CF0; background:#CF0;}
.qice .qcdda .into{ width:150px; transform:translateX(-100px); visibility:hidden;}
.qice .qcdda:hover.into{transform:translateX(0px);visibility: visible;}


/*qice end*/


/*chilun start*/
.chibox{width:100%; height:800px;}
.chilun {    width: 1200px;    height: 800px;    background: url(../Images/odsbj_chilun.png) no-repeat;    position: relative; margin: 0 auto;}
.chilun span {text-align: center;display: block;height: 40px;border-bottom: #fff 1px solid;width: 410px;font-size: 40px;}
.chilun h2 { font-size: 30px;}

.chilun dd.chidda .a h2 , .chilun dd.chiddd .a h2{ text-indent:129px; }
.chilun dd.chiddb .a h2,.chilun dd.chiddc .a h2  { text-indent:73px; }

.chilun dd.chiddb .b h2,.chilun dd.chiddc .b h2  { text-indent:190px; }
.chilun dd.chidda .b h2,.chilun dd.chiddd .b h2  { text-indent:150px; }

.chilun dl dd{width: 280px;height: 35px;}
.chilun dl dd.chidda {width: 100%;height: 35px;padding-top: 219px;color: #CF0;z-index:4;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;                            transition:all .5s ease-in-ou}
.chilun dl dd.chidda .a, .chilun dl dd.chiddd .a,.chilun dl dd.chidda .b, .chilun dl dd.chiddd .b{width: 380px;height: 35px;color: #CF0;}
.chilun dl dd.chidda .a {float: left;}
.chilun dl dd.chidda .b{float: right;}
.chilun dl dd.chidda .ppa{width: 439px;height: 262px;margin: 76px 0 0 61px;line-height: 30px;display: block; }
.chilun dl dd.chidda .ppb{width: 439px;height: 262px;line-height: 30px;display: block;}
.chilun dl dd.chidda .ppa  {float: left; padding: 30px 0 0 32px;}
.chilun dl dd.chidda .ppb {  margin:77px  0 0 -163px;    padding: 30px 0px 0 32px;    }

.chilun dl dd.chiddb {width: 100%;height: 35px;padding-top: 15px;color: #CF0;z-index:4;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;                            transition:all .5s ease-in-ou}
.chilun dl dd.chiddb .a, .chilun dl dd.chiddb .b{width: 380px;height: 35px;color: #CF0;}
.chilun dl dd.chiddb .a {float: left;}
.chilun dl dd.chiddb .b{float: right;}
.chilun dl dd.chiddb .ppa,.chilun dl dd.chiddb .ppb{width: 475px;height: 257px;line-height: 30px;display: block; visibility: hidden;}
.chilun dl dd.chiddb .ppa  {float: left;   visibility: hidden;  margin: 26px 0 0px 61px;    padding: 30px 0 0 32px;}
.chilun dl dd.chiddb .ppb { margin: 26px 2px 0px -163px;   padding: 30px 0px 0 32px; visibility: hidden;}

.chilun dl dd.chiddc {width: 100%;height: 35px;padding-top:295px;color: #CF0;z-index:4;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;                            transition:all .5s ease-in-ou}
.chilun dl dd.chiddc .a, .chilun dl dd.chiddc .b{width: 380px;height: 35px;color: #CF0;}
.chilun dl dd.chiddc .a {float: left;}
.chilun dl dd.chiddc .b{float: right;}
.chilun dl dd.chiddc .ppa,.chilun dl dd.chiddc .ppb{width: 475px;height: 257px;line-height: 30px;display: block; visibility: hidden;}
.chilun dl dd.chiddc .ppa  {float: left;    margin: -304px 0 0  61px;   visibility: hidden;    padding: 30px 0 0 32px; }
.chilun dl dd.chiddc .ppb { float: right;margin-top: -305px; margin-right:70px;   visibility: hidden;}


.chilun dl dd.chiddd {width: 100%;height: 35px;padding-top:10px;color: #CF0;z-index:4;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;                            transition:all .5s ease-in-ou}

.chilun dl dd.chiddd .a {float: left;}
.chilun dl dd.chiddd .b{float: right;}
.chilun dl dd.chiddd .ppa,.chilun dl dd.chiddd .ppb{width: 475px;height: 257px;line-height: 30px; visibility: hidden;}
.chilun dl dd.chiddd .ppa  {float: left;margin: -349px 0 0 61px;padding: 30px 0 0 32px; }
.chilun dl dd.chiddd .ppb { float: right;margin-top: -350px; margin-right:70px;  }

.chilun dl dd.chidda .a:hover .ppa{visibility: visible; background: url(../Images/odsbj_chilun_02.png) no-repeat;}
.chilun dl dd.chidda .b:hover .ppb{visibility: visible; background: url(../Images/odsbj_chilun_02.png) no-repeat;}
.chilun dl dd.chiddb .a:hover .ppa,.chilun dl dd.chiddb .b:hover .ppb{visibility: visible; background: url(../Images/odsbj_chilun_02.png) no-repeat;}
.chilun dl dd.chiddc .a:hover .ppa,.chilun dl dd.chiddc .b:hover .ppb{visibility: visible;background:#0FC;background: url(../Images/odsbj_chilun_02.png) no-repeat;}
.chilun dl dd.chiddd .a:hover .ppa,.chilun dl dd.chiddd .b:hover .ppb{visibility: visible;background: url(../Images/odsbj_chilun_02.png) no-repeat;}




.potp{width: 350px;    position: relative;    top: -516px;    left: 8px;    margin: 0 auto;}
/*chilun end*/
/*ZC*/
.zc {width: 1200px; height:450px; background: url(../Images/zc_001.jpg) no-repeat;  margin:5px auto;overflow: hidden;}

.flipx { width:284px; height:284px;
    margin-left: 750px;
	background: url(../Images/zc_00.png) no-repeat;
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	
   animation: rotate-zc 3s linear infinite; -webkit-animation:rotate-zc 3s linear infinite; -moz-animation:rotate-zc 3s linear infinite; -ms-animation:rotate-zc 3s linear infinite; -o-animation:rotate-zc 3s linear infinite;
}
.zc .zclist { margin: 10px 10px;  }
.zc .zclist { float: left; width: 720px; height:300px; border: 2px solid #000; }
.zc .zclist .zclista { float:left; width:320px; text-align:center;   border-right: #fff 2px solid;margin-top: 16px;}
.zc .zclist .zclistb { float:right; width:385px; padding-top:20px;}
.zc .zclist .zclistb h2{ color:#fff;}
.zc .zclist .zclistb p { font-size: 16px;    line-height: 30px;    margin-top: 10px; color:#fff;  }
.zc .zclist .zclistb p span{ font-weight:bold;}
.zc .zclist:hover{ border:#379be9 solid 2px;height:300px;}


/*ZC end*/
/*sn */
.sn {width: 1200px; height:750px; margin: auto; background: url(../Images/sn.png) no-repeat;}

.sn .info {    background: #333333;    opacity: 0;    visibility: hidden;    pointer-events: none;    -webkit-transition: all 0.35s ease 0.2s;    -moz-transition: all 0.35s ease 0.2s;    transition: all 0.35s ease 0.2s;}

.sn h3{text-align: center; line-height:120px; color:#fff;}
.sn .sna .a { margin-left:233px; }
.sn .sna .b { margin-left:96px; }
.sn .sna .c { margin: 0px 0  0 22px;}
.sn .sna .d { margin: 0px 0  0 87px;}
.sn .sna .e{ margin: 0px 0  0 240px;}
.sn .se { width:150px; height:150px; position: relative; top:0;}
.se .rond {height: 150px;    width: 150px;    border: 1px solid #0CF;    border-radius: 50%;    position: absolute;    top: 10px;    left: 10px;    animation: rond 3s infinite;    -webkit-animation: rond 3s infinite;}
.se .load {width: 134px;    height: 134px;    background: #0CF;    border-radius: 50%;    position: relative;    top: 18px;    left: 18px;    line-height: 134px;    text-align: center;    font-size: 20px;    color: #fff;}
.sna,.snb,.snc,.snd,.sne {height:180px;}
.se .rond .test{ margin:0px;}

.sn .snb .a ,.sn .snc .a  { padding-right:50px;}


.sn .snd .a { margin-left:226px; }
.sn .snd .b {    margin-right: 147px;   }
.snc .se.b.right { margin-top:100px;}
.sn .sne .a { margin-left:412px; margin-top:50px;inline-block}
.sn .sne .b { margin-right:343px; margin-top: 69px;}


/*sn end*/

/*gaotei */

.gt {width: 1200px; height:480px; margin:5px auto ; background: url(../Images/gt_01.png) repeat-x 0px 380px;  
 animation: animatedBackground 5s linear infinite;}
 
@keyframes animatedBackground { from { background-position: 100% 380px; } to { background-position: 0 380px; } }

.gtcar {width:300px; height:424px;background: url(../Images/gt_02.png) no-repeat; background-position:bottom right; transition:width 2s;}

.container{ background: url(../Images/wallpaper3.jpg) repeat-x;
	height:600px;
	margin:20px auto;
	padding:0;
	overflow: hidden;
	text-align:center;
}
.container span{ font-size: 42px;    font-weight: bold;    font-family: 黑体;    text-shadow: 1px 4px 2px #474949;    color: #fff;    padding: 8px;    box-shadow: 0 0 5px;}

.gtone{position: relative; height:240px;  width:1px;  overflow: hidden;transition:width 2s;}

.car{margin:0 auto;	width:220px;	height:500px;	background:url(../images/dg_01.jpg) no-repeat;	z-index:1;margin-left: 385px;}



/****一次性****/
.case {
  height:180px;
  width:180px;
  position: relative;
  left:-10px;
  top:20px;
  display:inline-block;
  margin: 10px 44px;
}

.case .load {
  color:#fff;
  font-family:calibri;
  text-align:center;
  position:absolute;
  top :32px;
  left :26px;
  height:160px;
  width:160px;
  border-radius:80px;
  background:#0CF;
  
  
}
.case .load:hover,.se .load:hover{background:#FC3;}
.case  .load  p{ line-height: 160px;font-size: 24px;}



/****DEBUT TEST****/
.test {
  height:10px;
  width:10px;
  position:absolute;
  background-color:#0CF;
  border-radius:50%;
  top:0px;
  left:45px;
   margin:5px;
}

.rond {
  height:180px;
  width:180px;
  border:1px solid #0CF;
  border-radius:50%;
  position:absolute;
  top:20px;
  left:15px;
  animation:rond 3s infinite;
  -webkit-animation:rond 3s infinite;
}


@keyframes rond {
  0% {transform : rotate(0deg);}
  100% {transform : rotate(360deg);}
}

@-webkit-keyframes rond {
    0%{-webkit-transform : rotate(0deg);}
  100%{-webkit-transform : rotate(360deg);}
}

/*gaotei end*/
/*jiqi */
#screen {
	    z-index: 1;    width: 100px;    margin: 0 auto;    overflow: hidden;

}
#screen img {
	position: absolute;
}
#robot-1 {    position: absolute;       top: 460px;z-index: 2;-webkit-transform: translate3d(0,0,0);}


.search {
	background:#0065CB !important;
} 
.jiqi {width:1200px; margin:60px auto; padding:50px 0;z-index: 1;}
.jqa ,.jqb, .jqc{}
.jqa { width:355px;margin:0 auto;}
.jqa.a { width:1060px;margin:0 auto;}
.jqb {width:733px;margin:0 auto;}
.jqc {width:355px;margin:0 auto;}
.jqc.c {width:1060px;margin:0 auto;}
.jq  { width:200px; height:200px; display:inline-block;background: url(../Images/bg-footer-noise.jpg) repeat; overflow:hidden;
border: #fff 2px solid; box-shadow:2px 2px 2px #000; opacity:0.8;
margin:-23px 60px;
transform: rotate(45deg); 
-o-transform: rotate(45deg)2s; 
-webkit-transform: rotate(45deg); 
-moz-transform: rotate(45deg);
}


.jq:hover .tex{ opacity:1;
transform: rotate(-45deg); 
-o-transform: rotate(-45deg)2s; 
-webkit-transform: rotate(-45deg); 
-moz-transform: rotate(-45deg);}
.jq  .tex{ width:200px; height:200px; color:#fff;
transition:rotate 1s ease;
-moz-transition:all 1s ease;
-webkit-transition:all 1s ease;
transition:all 1s ease;

 }
.jq:hover{ border:#fff 2px solid;}
.jq  .tex span { text-align: center;    display: block;    font-size: 37px;    padding: 10px 0;}
.jq  .tex p { text-indent: 10px;    line-height: 20px;}

/*jiqi end*/
.fd { width:1200px;height: 680px; margin:0 auto;background: url(../Images/fd_02.jpg) no-repeat ; background-size:1500px 680px;}

.fd .fda { 
	background: url(../Images/fd_01.png) no-repeat ;
	width: 500px;
	height: 500px;
	float:left;

	-webkit-animation: rotate 5000ms linear infinite;
	-moz-animation: rotate 5000ms linear infinite;
	-ms-animation: rotate 5000ms linear infinite;
	animation: rotate 5000ms linear infinite;
}
.fd .fdb{ float:right; width:680px; padding-top:90px; }

.dg { width:100%; height:469px; overflow:hidden; padding-top:30px;  background:url(../Images/dg_01.jpg) no-repeat ; }


.col-sm-6{float: left;width: 250px} 
.col-sm-6.a{ margin-left:50px;}
.col-sm-6.b{ margin-left:600px;}
.col-sm-6 h3 { color: #fff;    text-transform: uppercase;    position: relative;    letter-spacing: 2px;    font-size: 22px;    margin: 0 30px;    padding: 55px 0 0 0;    height: 55px;    text-shadow: 0 0 1px #fff;}
.ih-item.circle {    position: relative;    width: 220px;    height: 220px;    border-radius: 50%;transform: rotate(25deg); -moz-transform: rotate(25deg); -webkit-transform: rotate(25deg); -ms-transform: rotate(25deg); -o-transform: rotate(25deg);}

.ih-item a { color: #333;}
.ih-item.circle.effect7 .img {    opacity: 1;    -webkit-transition: all 0.5s ease-out;    -moz-transition: all 0.5s ease-out;    transition: all 0.5s ease-out;}
.ih-item.circle .img {  position: relative;    width: 220px;    height: 220px;    border-radius: 50%;  overflow:hidden;font-size: 32px;    line-height: 200px;    border: #999 1px solid; box-shadow:0 5px 5px #CCC; text-align:center; text-shadow:#CCC 2px 2px}


.ih-item.circle.effect7.left_to_right .info {    -webkit-transform: translateX(-100%);    -moz-transform: translateX(-100%);    -ms-transform: translateX(-100%);    -o-transform: translateX(-100%);    transform: translateX(-100%);}

.ih-item.circle.effect7 .info {    background: #333333;    opacity: 0;    visibility: hidden;    pointer-events: none;    -webkit-transition: all 0.35s ease 0.2s;    -moz-transition: all 0.35s ease 0.2s;    transition: all 0.35s ease 0.2s;}

.ih-item.circle .info {    position: absolute;    top: 0;    bottom: 0;    left: 0;    right: 0;    text-align: center;    border-radius: 50%;    -webkit-backface-visibility: hidden;    backface-visibility: hidden;}

.ih-item.circle.effect7 .info h3 {    color: #fff;    text-transform: uppercase;    position: relative;    letter-spacing: 2px;    font-size: 22px;    margin: 0 30px;    padding: 55px 0 0 0;    height: 55px;    text-shadow: 0 0 1px #fff; }
.ih-item.circle.effect7 .info p {    color: #bbb;    padding: 10px 5px;    font-style: italic;    margin: 0 30px;    font-size: 12px;    border-top: 1px solid rgba(255, 255, 255, 0.5);}
.ih-item.circle.effect7 a:hover .img {opacity: 0; }
.ih-item.circle.effect7 a:hover .info {  visibility: visible;opacity: 1;}
.ih-item.circle.effect7.left_to_right a:hover .info {-webkit-transform: translateX(0);    -moz-transform: translateX(0);    -ms-transform: translateX(0);    -o-transform: translateX(0);    transform: translateX(0);webkit-transition: all 1s ease 0.2s;    -moz-transition: all 1s ease 0.2s;    transition: all 1s ease 0.2s; }
    
.row{ width:100%; height: 300px;margin:100px auto; }
.dgdiv{width:1200px;height:470px;margin:20px auto;padding:10px;     background: #fff;overflow: hidden; }

.ih-item.circle.effect7 .info {    background: #333333;    opacity: 0;    visibility: hidden;    pointer-events: none;    -webkit-transition: all 0.35s ease 0.2s;    -moz-transition: all 0.35s ease 0.2s;    transition: all 0.35s ease 0.2s;}
 
.daoguia { margin-left:750px; width:400px; height: 400px; margin-top:200px;   border-radius:50%; text-align:center; box-shadow: 0px 5px  5Px #999; border:#999 1px solid;}
.daoguia:hover{ background:#CCC;box-shadow: 0px 5px  5Px #999; border:#fff 1px solid;}

.daoguia h3 {    color: #999;    text-transform: uppercase;    position: relative;    letter-spacing: 2px;    font-size: 32px;    margin: 0 30px;    padding: 85px 0 0 0;    height: 55px;    text-shadow: 0 0 1px #fff; }
.daoguia p {    color: #bbb;    padding: 10px 5px;    font-style: italic;    margin: 0 30px;    font-size: 14px;    border-top: 1px solid #999;}

.dianti { width:1200px; margin:0 auto;overflow: hidden;    padding: 10px;    background: url(../Images/08.jpg) repeat;}

.dianti .dtt { float:left; width:400px; height:800px; background:url(../Images/dianti_01.png) 0 no-repeat;     box-shadow: 1px 1px 5px #171717;}
.dianti .dtt:hover { box-shadow: 1px 1px 10px #171717;}
.dianti .dtcp { float: right; width:790px; padding-top:25px; }
.dtlist {    margin-top: 50px;}
.dtlist .tabs {float: left;    min-height: 1px;    padding:0 5px;    width: 33.33333%;    overflow-y: auto;    overflow-x: hidden;    height: 100%;}
.dtlist .tabs li{   color: #fdb913;    border: #000 1px solid;    margin: 5px; padding-left:8px;height: 50px;    box-shadow: 1px 1px 5px #444141;    font-size:24px;    line-height: 50px;}
.dtlist .tabs li:hover,.gsleft ul li:hover{background: url(../Images/jq-global-nav.png) repeat-x ; background-size:100px 140px;}
.tab_conbox {float: right;    min-height: 1px;    padding-left: 1.53846em;    padding-right: 1.53846em;    width: 50%;    overflow-y: auto;    overflow-x: hidden;    padding-top: 8px;    min-height: 600px;    box-shadow: 1px 1px 10px #000;    margin-top: 5px;}
.detail {    text-align: center; margin-top:100px;}
.detail img {    border-radius: 50%;    box-shadow: 0 0 2px #131212;}
.detail h3 { font-size: 30px;    line-height: 50px;    background-size: 100px 140px;    border-bottom: #000 1px dashed;    padding-top: 20px;margin-bottom: 20px; }
.detail p{ text-align:left; text-indent:20px; line-height:30px;font-size: 16px;}
.dtcp h2 {     margin: 20px auto;    width: 400px;    border-bottom: #fdb913 1px solid;    text-align: center;    line-height: 60px;    font-size: 32px;    color: #fdb913;}
.gfu { width:1200px; margin:5px auto; height: 400px; background:url(../Images/gfu_01.png) no-repeat 0px 10px; overflow:hidden;}
.gfu .quan{ background:url(../Images/gfu_02.png) no-repeat; width:176px; height:176px; -webkit-animation: rotate-back 5s linear infinite ;animation: rotate-back 5s linear infinite ; font:32px/32px Calibri; }
.gftext  {    color: #fff;    margin-top: -100px;    text-align: center;}
.gfu .wei{width: 176px; height: 176px; float: left;}
.gfu .a{margin: 179px 0 0 145px;}
.gfu .b{margin: 51px 0 0 69px;}
.gfu .c{margin: 179px 0 0 69px;}
.gfu .d{margin: 51px 0 0 90px;}
.gfu .e{margin: 179px 0 0 80px;}
.into{width: 176px; height: 176px; overflow:hidden; -webkit-transform: translateX(-100%);transform: translateX(-100%);background: #fdb913;       visibility: hidden;   -webkit-transition: all 0.35s ease 0.2s;    -moz-transition: all 0.35s ease 0.2s;    transition: all 0.35s ease 0.2s; border-radius:50%;    border: #0001px solid; }
.into h3{ text-align:center; border-bottom:#fff 1px solid; padding:30px 0 10px 0; width:160px; margin:0 auto;}
.into p{ padding-top:10px; text-indent:10px;}

.clpao{ width:1200px; height:340px; margin:0 auto; overflow:hidden; z-index:-1;background:url(../Images/bm/bmbm.png) 0 no-repeat; }


.wei:hover .into{-webkit-transform: translateX(0);    -moz-transform: translateX(0);    -ms-transform: translateX(0); visibility: visible;  margin-top:-95px; opacity: 1; }
.wei:hover .quan{ visibility:hidden;}
.qcqc{width:600px; height:366px; margin:100px auto; animation:qcqc 10s linear infinite; -moz-animation:qcqc 10s linear infinite; -webkit-animation:qcqc 30s linear infinite; }
@keyframes qcqc {
	1%{background:url(../Images/qc/qc_01.png) no-repeat;}
	25%{background:url(../Images/qc/qc_01.png) no-repeat;}
	25%{background:url(../Images/qc/qc_02.png) no-repeat;}
	50%{background:url(../Images/qc/qc_02.png) no-repeat;}
	50%{background:url(../Images/qc/qc_03.png) no-repeat;}
	75%{background:url(../Images/qc/qc_03.png) no-repeat;}
	75%{background:url(../Images/qc/qc_04.png) no-repeat;}
    100%{background:url(../Images/qc/qc_04.png) no-repeat;}
	
	}
	

.gfub, .qcub{ width:1200px; height:200px; margin:6px auto;    margin-top: 60px; overflow: hidden;background:#33AEC1; box-shadow:0 0 5px;}
.gfub div{ width:1100px; margin:0 auto; padding-left:10px;height:200px; }
.gfub .sapnl{border-style: solid;    border-width: 0 0 200px 50px;    border-color:  #fdb913 transparent;    float: left;}
.gfub .sapnr{border-style: solid;    border-width: 0 0 200px 50px;    border-color:  transparent #fdb913;    float: left;}
.gfub h1 , .qcub h1{  font-size: 60px;    margin: 0;    text-align: center;    line-height: 70px;    padding-top: 20px; color: #F9B206;    text-shadow: 1px 3px 2px #060606;font-weight:bold;}
.gfub p , .qcub p{    font-size: 24px;    font-family: "Helvetica World W01",sans-serif;    line-height: 40px;    text-indent: 20px; color: #0C0C0C;    text-shadow: 1px 3px 2px #636161; padding-top:10px;}
.qcub{padding:5px 25px;}

.trans3d {-webkit-transform-style: preserve-3d;	-webkit-transform: translate3d(0, 0, 0);-moz-transform-style: preserve-3d;-moz-transform: translate3d(0, 0, 0);	-ms-transform-style:preserve-3d;-ms-transform: translate3d(0, 0, 0);transform-style:preserve-3d;
transform: translate3d(0, 0, 0);}
#contentContainer {position:absolute;margin-left:-500px;margin-top:-100px;left:50%;top:50%;	width:1000px;height:500px;}
#carouselContainer {position:absolute;margin-left:-500px;margin-top:-400px;left:50%;top:50%;width:1000px;height:500px; }
.carouselItem {width:220px;	height:200px;position:absolute;	left:50%;top:50%;margin-left:-160px;margin-top:-90px;visibility:hidden;}
.carouselItemInner {width:220px;height:200px;position:absolute;	font-size:18px; left:50%;top:50%;margin-left:-60px;margin-top:-90px;text-align:center;border:#ccc 2px solid; box-shadow:0 0 3px;}

.carouselItemInner span{ width:220px; height:30px; background:url(../Images/body_06.png) repeat; font-size:12px; line-height:20px;  margin-top:160px; padding-top:8px; display:block; color:#000; opacity:0.9; }

.left {
	float:left;
}
.right {
	float:right;
}
a {
	color:#666;
	text-decoration:none;
}
a:hover {
	color:#F60;
	text-decoration:underline;
}
.clearfix {
	*zoom:1;
}
.gs{ width:1200px; margin:20px auto;overflow: hidden;}
.gsleft{ float:left; width:250px; }
.gsleft ul li { color: #fdb913;   border: #fff 1px solid;    margin: 5px;    height: 50px;    box-shadow: 1px 1px 5px #444141;    font-size: 24px;    line-height: 50px;text-align:center;background: url(../Images/08.jpg) repeat;}
.gsleft ul li a{ color:#fff; }
.clearfix:before,.clearfix:after {
	display:table;
	content:"";
}
.clearfix:after {
	clear:both;
}
.content {
	position:relative;
	width:1180px; float:right;
	
	
}

ul, li {
	list-style: none;
}
a {
	text-decoration: none;
}
a:hover{
	text-decoration: none;
	cursor: point;
}
hr {
	height: 0;
	border-left: none;
	border-right: 0;
	border-top: 1px dashed #2d2f34;
	border-bottom: 1px dashed #474954;
}
.top{
	margin-top: 60px;
}
.top img{
	width: 100%;
	margin-top: -10px;
}
address {    font-style: normal;}

.lianxi,.content {
	margin-top: 5px;
	min-height: 720px;
	border: 1px solid #fff;    box-shadow: 1px 1px 5px;   float: right;    width: 940px;background: url(../Images/08.jpg) repeat;
}
.lianxi p{ font-size: 18px;    padding: 15px 50px;    color: #FAF1F1;       line-height: 30px;}
.border{ border-bottom: #939090 1px dashed;}

.content .wrapper {
	position: relative;
	
	width: 100%;
	margin: 50px auto;
	float:right;
}
.content .light {
	position: absolute;
	left: 55px;
	top: -50px;
	width: 152px;
	height: 191px;
	background: url("../Images/light-top.png") no-repeat top center;
}
.content .light i {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	background: url("../Images/light.png") no-repeat top center;
}
.content .line-left {
	position: absolute;
	left: 0;
	top: 15px;
	width: 70px;
}
.content .line-right {
	position: absolute;
	right: 0;
	top: 15px;
	width: 250px;
}
.content .main {
	background: url("../Images/line-bg.png") repeat-y 249px 0;
}
.content .main .title {
	position: absolute;
	line-height: 40px;
	padding-left: 67px;
	left: 230px;
	top: 0;
	color: #58a6fb;
	font-size: 24px;
	background: url("../Images/clock.png") no-repeat left top;
}
.content .main .year {
	position: relative;
	z-index: 100;
}
.content .main .year h2 {
	height: 40px;
	width: 170px;
	padding-right: 30px;
	font-size: 24px;
	line-height: 40px;
	text-align: right;
}
.content .main .year h2 a {
	color: #58a6fb;
}
.content .main .year h2 i{
	display:block;
	position:relative;
	height:0;
	width:0;
	left:190px;
	top:-20px;
	border-width:6px;
	border-style:solid;
	border-color:#59a7fb transparent transparent transparent;
	-webkit-transition:.5s;
	-moz-transition:.5s;
	-ms-transition:.5s;
	-o-transition:.5s;
	transition:.5s;
	-webkit-transform-origin:6px 3px;
	-moz-transform-origin:6px 3px;
	-ms-transform-origin:6px 3px;
	-o-transform-origin:6px 3px;
	transform-origin:6px 3px
}
.content .main .year .list{
	margin:10px 0;
	position:relative;
	overflow:hidden;
	-webkit-transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;
	-moz-transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;
	-ms-transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;
	-o-transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;
	transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s
}
.content .main .year .list ul {
	bottom: 0;
}
.content .main .year .list ul li {
	background: url("../Images/circle.png") no-repeat 235px 31px;
	padding: 30px 0;
	color: #a1a4b8;
}
.content .main .year .list ul li.highlight {
	background-image: url(../Images/circle-h.png);
}
.cls {
	zoom: 1;
}
.cls:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.content .main .year .list ul li.highlight .date, .content .main .year .list ul li.highlight .intro {
	color: #ec6a13;
}
.content .main .year .list ul li .date,.content .main .year .list ul li .version{
	float:left;
	display:block;
	clear:left;
	width:200px;
	line-height:24px;
	text-align:right
}
.content .main .year .list ul li .date{
	font-size:18px;
	line-height:32px;
	color:#bec1d5
}
.content .main .year .list ul li .intro, .content .main .year .list ul li .more {
	float: left;
	display: block;
	width: 600px;
	margin-left: 100px;
	line-height: 24px;
}
.list ul li .more{ text-indent:40px;}
.content .main .year .list ul li .intro {
	font-size: 18px;
	line-height: 32px;
	color: #63d029;
}
.content .wrapper:first-child .main .year.close h2 i{
	transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-o-transform:rotate(-90deg)
}
.content .wrapper:first-child .main .year.close .list{
	opacity:0;
	height:0!important;
}
.ie7 .content .main .year h2 i{left:40px}

.pinzhi { width:100%;overflow: hidden;} 
.pinzhipic{ float:left; width:25%;text-align: center;margin: 50px 0;}
.pinzhitext{ float: right; width:69%;margin-top: 50px}
.pinzhitext p { font-size: 18px;    padding: 5px 50px;    color: #FAF1F1;    line-height: 20px;}
.odslogo { text-align: center;    margin-top: 50px;}
.odslogo img { width:680px; box-shadow:#000 1px 1px 5px;box-shadow: #000 0px 5px 17px;}

.xinhao{ width:1200px; margin:0 auto;color:#fff; background: url(../Images/08.jpg) repeat; }
.xinhao td {padding:10px;}
.xht {    box-shadow: 0px 3px 10px #0E0E0E;    height: 120px;    width: 1200px;    margin: 10px auto; background:url(../Images/body_04.png) repeat; overflow:hidden;}

.xinhao p.w10{background:url(../Images/pling.png) 8px no-repeat;}
.xinhao tr{ border-bottom:#000 10px solid;background: url(../Images/08.jpg) repeat;}
.xinhao tr:hover{background:url(../Images/body_04.png) repeat;   color:#fff;}

.xinhao tr th,.xinhao tr td{ height:50px;border-bottom:#000 2px solid;}
.xht .xhta{ width:750px; height:120px; float: left; }

.xht .xhtb{width:380px; height:120px;   float: right; padding-right:5px; background: url(../Images/gfu/xhtagf.png)    no-repeat;}
.xht .xhtbgf{width:380px; height:120px;   float: right;background: url(../Images/gfu/xhtagf.png)    no-repeat;}

.xht .sapnr {float: left;    width: 10px;    height: 150px;    background: #EF0909;    display: block;    transform: rotate(30deg);    margin: -15px 10px;}
span.sapnl {    float: left;    width: 5px;    height: 155px;    background: #fdb913;    display: block;    transform: rotate(30deg);    margin: -15px 10px;}

.xhta p, .xhtagf p, .xhta h2{  font-size: 24px;    font-family: "Helvetica World W01",sans-serif;    line-height: 50px;    text-indent: 50px;padding: 20px 0 0 30px; color:#fdb913;text-shadow: 0px 3px 1px #2B2929;}
.xhta  br{text-indent: 100px;}

.spanSlide {
		position: absolute;
		
		font-size: 1px;
		overflow: hidden;
	}
	.imgSlide {
		position: absolute;
		left: 5%;
		top: 5%;
		width: 90%;
		height: 90%;
		overflow: hidden;
	}
	.txtSlide {
		position: absolute;
		top: 5%;
		left: 10px;
		width:100%;
		color:#FFF;
		font-family: arial, helvetica, verdana, sans-serif;
		font-weight: bold;
		font-size:96px;
		letter-spacing:12px;
		filter: alpha(opacity=70);
		-moz-opacity:0.7;
		opacity:0.7;
	}
	.fux{ width:1200px; height:590px; margin:0 auto;   position: relative;}


.dede_pages ul li {    float: left;    padding: 2px 5px;}
.dede_pages ul li a {    color: #fff;}

.yiqi{ width:1200px; margin:5px auto;overflow:hidden;}
.listbox { float: right;  width: 923px;      overflow: hidden;    box-shadow: 0px 0px 5px;    margin-top: 5px;}
.place {    background: #ccc;    height: 30px;    margin: 10px 0;    line-height: 30px;    padding-left: 10px;    border-radius: 5px;    border: 1px solid #fff;background: url(../Images/08.jpg) repeat;}
ul.pagelist {     float: right;   width: 923px;    height: 30px;    background: url(../Images/body_03.png) repeat;   line-height: 25px;color: #fff; }
.dede_pages { width: 1200px;    overflow: hidden;}
.place a {color:#000;}
.e2 li a.preview {    width: 250px;    float: left;    margin-right: 7px;    margin-bottom: 3px;    margin-left: 10px;    display: inline;}
.e3 li a.preview {    width: 350px;    float: left;    margin-right: 7px;    margin-bottom: 3px;    margin-left: 10px;    display: inline;}
.e2 li a.preview img {    width: 220px;    height: 200px;    display: block;    padding: 1px;    border: 1px solid #EEE;}
.e3 li a.preview img {    width: 320px;    height: 200px;    display: block;    padding: 1px;    border: 1px solid #EEE;}
.e2 li a.title , .e3 li a.title {    overflow: hidden;    font-weight: bold;    font-size: 24px;    margin: 10px 0 0 2px;    color: #000;    line-height: 30px;}
.e2 span.info, .e3 span.info  { margin-top: 80px;   display: block;    line-height: 23px;    color: #000;    padding-left: 12px;}
.e2 li , .e3 li{   min-height: 205px; margin: 1px 0;    padding: 10px 0;    border-bottom: 1px dashed #ccc;       background: url(../Images/08.jpg) repeat;}
.e2 li:hover, .e3 li:hover{opacity:0.9;}
p.intro {    text-indent: 20px;    margin-top: 10px; color: #000;    line-height: 24px;    padding: 5px 15px;}
.article{width: 1200px;    margin: 0 auto;    overflow: hidden;    padding: 10px;}

.arimage{ float:left; width:350px; margin:5px; box-shadow: 0px 0px 5px;text-align: center;    padding: 100px 10px;background: url(../Images/08.jpg) repeat;}
.arimage img{box-shadow: 0px 0px 5px;}
.arbody {    float: left;    width: 810px;    box-shadow: 0px 0px 5px;    margin: 5px;    min-height: 468px;color: #fff; line-height: 24px;background: url(../Images/08.jpg) repeat;}
.title {    margin: 10px auto;    }
.title  h2{margin: 5px auto;    text-align: center;    padding-top: 30px;    border-bottom:1px dashed #ccc;    padding-bottom: 10px;    width: 90%;}
.context ul li {    float: left;   margin:2px 10px;}
.context ul li a{color:#fff;}
.title {    margin: 10px auto;    min-height: 410px;}
.aryq{ padding:10px; text-indent:15px; }


.wen{width: 1200px;    margin: 0 auto;    overflow: hidden;    padding: 10px;}

.sidebar{ float:left; width:250px; margin:5px; box-shadow: 0px 0px 5px;text-align: center;    padding: 5px;}
.sidebar ul li, .sidebar h2 {    color: #fdb913;    border: #000 1px solid;    margin: 5px;    height: 50px;    box-shadow: 1px 1px 5px #444141;    font-size: 24px;    line-height: 50px;    text-align: center;

    background: url(../Images/08.jpg) repeat;
}
.sidebar h2 {background: #900;}
.sidebar ul li a {color:#fff;}
.wenMinBody {    float: right;    width: 900px;    box-shadow: 0px 0px 5px;    margin: 5px;    min-height: 468px;color: #fff; line-height: 24px;    background: url(../Images/08.jpg) repeat;}
.title {    margin: 10px auto;    }
.title  h2{margin: 5px auto;    text-align: center;    padding-top: 30px;    border-bottom:1px dashed #ccc;    padding-bottom: 10px;    width: 90%;}
.context ul li {    float: left;   margin:2px 10px;}
.context ul li a{color:#fff;}
.title {    margin: 10px auto;    min-height: 410px;}
.aryq{ padding:10px; text-indent:15px; }
.ding {    width: 1000px;    margin: 65px 0 0 187px;    height: 30px;    line-height: 35px;    font-size: 20px;    color: #ECE5E5;    display: block;}
.ding marquee {    width: 570px;    font-size: 18px;}
.ding span {    height: 35px;    line-height: 35px;    display: block;    float: left;    font-weight: bold;    color: #999;}
.xiang { width: 1200px;    margin: 0 auto;   padding-bottom: 20px; overflow: hidden;}
.inn3 {    width: 610px;    float: left;border: solid 1px #dbdbdb;}
.inn3m {    width: 608px;        min-height: 318px;     background: url(../Images/08.jpg) repeat;   }
.inn3m ul {    padding: 15px 22px;}
.inn3m li {      border-bottom: dotted 1px #fff;    height: 30px;    padding-left: 8px;    line-height: 30px;}
.inn3m li span {    width: 80px;    float: right;    text-align: right;}

.inn3m ul li a {       float: left;    display: block;    color: #000;   }
.xiang_pages {width: 610px;    height: 34px;    background: url(../Images/body_04.png) repeat;   line-height: 30px; color: #fff;   }
.xiang_pages ul li {    float: left;    padding: 2px 5px;}
.xiang_pages  ul li a {    color: #1D1C1C;}
.jz { float: right;   widtH: 550px;  padding: 10px;  border: solid 1px #fff;    background:#fff;}
.zxzx{width: 550px;    height: 56px;     padding-bottom: 10px;  background: url(../Images/zxt.png) no-repeat center; }  
.shuo {    min-height: 253px; padding: 5px; border-top: solid 1px #dbdbdb;     text-indent: 30px;}
.zh {    width: 1200px;   margin: 20px auto; overflow: hidden;    padding-bottom: 8px;   background: url(../Images/08.jpg) repeat;  box-shadow: 0 0 2px;}
.zh .picbox {    width: 100%;    text-align: center;    padding-top: 10px;    font-size: 14px;    line-height: 31px;  padding: 20px 0;  overflow: hidden;}
.zh h2 {      padding: 15px;  font-size: 24px;    color: #fff;    text-align: center;}
.zh .info {    height: 24px;    line-height: 17px;    text-align: center;    overflow: hidden;    color: #fff;}
.zh .info small {    margin-left: 8px;    margin-right: 3px;    color: #fff;    font-size: 12px;}
.zh a.c1 {    padding: 4px 8px;    border: 1px solid #F3F9EF; background: url(../Images/gfu/xhtagf.png) repeat;    color: #F4F5F4;}
.zh .picbox img {    display: block;    margin: 16px auto 6px;}
.picbox td.sm {    height: 50px;      box-shadow: 0 0 1px;  color: #fff;}

 .sunjian{ width:1200px; height:auto; margin:0 auto; overflow:hidden; text-align: center;}
 .embed{ width:1000px; height:700px; margin:0 auto; overflow:hidden;text-align: center;}
 .sunjian h2,.embed h2 {    font-size: 30px;    line-height: 80px;    text-align: center;    color: #fff;    margin: 30px 0 0 0;       background: url(../Images/body_03.png) repeat;display: inline-block;  width: 200px;    margin-bottom: 10px;    border-radius: 50%; }
 .sunjian ul , .embed ul{padding: 20px 0;border-top: #3D403F 2px solid;}
 .sunjian ul li{ float:left;width:390px; height:250px; margin:5px; text-align:center; overflow: hidden;position:relative ;}
 .sunjian ul li img { width: 390px;    height: 250px;    display: block; }
 .sunjian ul li img:hover{ width:400px; height:auto;text-align:center;vertical-align:middle;display:block;}
 .sunjian span {    position: absolute;    top: 40%;    display: block;    visibility: hidden;    font-size: 24px;    color: #fff;    font-weight: bold;       padding: 10px;    background: rgb(55, 245, 183);}
 .sunjian ul li:hover span{ visibility:visible;}
 .embed  li{ margin:0 auto;}


.jiadian{ width:1200px; margin:0 auto;  background:#006ab0; text-align:center;     position: relative;}
.jiadian span.img {     display: block; width:1200px; height:523px; background:url(../images/jiadian/jiadian.png)  no-repeat;  animation:jiaimg 5s  ease-in-out; -webkit-animation:jiaimg 5s  ease-in-out;}
@-moz-keyframes jiaimg{
        10%{ transform:translateY(50px); -webkit-transform:translateY(50px);}
        50%{ transform:translateY(0px); -webkit-transform:translateY(0px);}
	60%{ transform:translateX(50px); -webkit-transform:translateX(50px);}
	100%{transform:translateX(-50px); -webkit-transform:translateX(-50px);}
	}
@-webkit-keyframes jiaimg{
        10%{ transform:translateY(50px); -webkit-transform:translateY(50px);}
        50%{ transform:translateY(0px); -webkit-transform:translateY(0px);}
	60%{ transform:translateX(50px); -webkit-transform:translateX(50px);}
	100%{transform:translateX(-50px); -webkit-transform:translateX(-50px);}
	}
@keyframes jiaimg{
        10%{ transform:translateY(50px); -webkit-transform:translateY(50px);}
        50%{ transform:translateY(0px); -webkit-transform:translateY(0px);}
	60%{ transform:translateX(50px); -webkit-transform:translateX(50px);}
	100%{transform:translateX(-50px); -webkit-transform:translateX(-50px);}
	}
.jiadian span.imgp{ display: inline-block;  font:55px/70px normal; color:#fff; background:#001d69; opacity:0.8; visibility:hidden;position: absolute;    top: 45%; left: 0;   width: 100%;}
.jiadian:hover span.imgp{visibility: visible;}
a.ss {    width: 70px !important;    line-height: 35px !important;    display: inline-block !important;    padding-top: 15px;}

.maw{ width:100%; max-width:1200px; margin:0 auto;box-sizing: border-box; overflow: hidden; }
.linav { text-align:center;}
.linav h2 {    width: 300px;    font: 30px/60px normal;    color: #fff;    background: #333;    display: inline-block;    border-radius: 30px;}
    
.linav ul {border:2px solid #ccc; padding:10px;  margin:10px 0;  overflow: hidden;  }
.linav ul li { float:left; text-align:center; margin-right:10px;line-height: 36px;    height: 50px;}
.linav ul li a {color:#fff; border-radius:10px; padding:10px 30px; background:#000;}
.licp {    border: 2px solid #ccc;    padding: 10px;    margin: 10px auto;      }
.licp  ul {}
.licp  ul li  {    float: left;    width: 257px;    height: 310px;    overflow: hidden;    margin-right: 15px;  text-align:center;}
.licp  ul li a img {    float: left;    width: 255px;    height: 255px;    border: 1px solid #f2f0f0;}
ul.list {    float: right;    width:100%;    height: 30px;    background: url(../Images/body_03.png) repeat;    line-height: 25px;    color: #fff;}
.maw ul .list {    width: 100%;    height: 30px;    background: url(../Images/body_03.png) repeat;    line-height: 25px;    color: #fff;}
.one{background: url(../Images/body_06.png) repeat;    box-shadow: 1px 1px 5px;padding-bottom: 30px;}
.two{background: url(../Images/body_07.png) repeat; box-shadow: 1px 1px 5px;  }

.dai{width: 1200px;    height: auto;    margin: 0 auto;    overflow: hidden;    text-align: center;    position: relative;    top: -1313px;}
.dai h2 {font-size: 30px;    line-height: 60px;    text-align: center;    color: #fff;    background: url(../Images/body_03.png) repeat;    display: inline-block;    margin-bottom: 10px;    border-radius: 10px;    width: 800px;}