.hea1,.cent,.head,.foot,.head1 p{ max-width:1200px; margin:auto; overflow:hidden}







.header{overflow:hidden}







.nav{ position:absolute; right:10%; top:27%}







.hea{ overflow:hidden; background:#3874c9;}







.head{ /*position:relative; */margin:0 auto}







.hea1 .left{ width:32%; font-size:14px; line-height:33px}







/*.hea1 .left img{ width:100%}*/







.hea1 .right{ width:20%; text-align:right; font-size:18px; color:#075fa9; padding-top:1.5%}







.hea1 .right p{ overflow:hidden; float:right; width:40%}







.hea1 .right p span{ display:inline-block; float:right; width:73%; text-align:left; font-size:18px; color:#075fa9}







.hea1 .right img{ vertical-align:middle; float:left; width:20%}







.zyw h1{ border:#3874c9 1px solid; line-height:28px; overflow:hidden}







.hea1 .right p span strong{ display:block; font-size:16px; color:#d72121; margin-bottom:1%}







.zyw h1 input{ border:0; line-height:28px;}







.zyw h1 input:nth-child(1){ float:left; width:83%}







.zyw h1 input:nth-child(2){ float:right; width:17%; background:url(../images/sy-ss.png) no-repeat center #3874c9}



.zyw1{ width: 222px;}







.hea1{ padding:0 0 1.1%;}







.nav1 ul{ width:100%; overflow:hidden;}







.nav1 ul li,.fx ul li{ float:left}







.nav1 ul li{ width:13.5%; text-align:center;}







.nav1 ul li a{ color:#fff; font-size:16px; display:block; line-height:45px}







.nav1 ul li a:hover,.nav1 ul .dq a{ background:#014099;}







.nav1 ul li span{ display:block; font-size:12px}







.nav1 ul li{ display:inline-block}







.nav2,.sjx{ display:none}







.yy{ margin-top:1%}







.yy p{ text-align:right; font-size:12px}







.yy p a{ font-size:15px; display:inline-block; margin:0 3px}







.flexslider{position:relative;overflow:hidden;}







.slides{position:relative;z-index:1;}







.slides li a{ display:block;}







.slides li img{ width:100%}







.flex-control-nav{ display:block; position:absolute;bottom:6%; right:0; text-align:center; z-index:2;width:100%;}







.flex-control-nav li{display:inline-block;width:72.5px;height:4px;margin:0 8px;*display:inline;zoom:1;}







.flex-control-nav a{display:inline-block;width:72.5px;height:4px;line-height:55px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}







.flex-control-nav .flex-active{background-position:0 0;}







.flex-direction-nav{position:absolute;z-index:3;width:100%;top:41%;}







.flex-direction-nav li a{display:block;width:39px;height:66px;overflow:hidden;cursor:pointer;position:absolute; background-size:100%}







.flex-direction-nav li a.flex-prev{left:3%;background:url(../images/sy-l.png) center center no-repeat;}







.flex-direction-nav li a.flex-next{right:3%;background:url(../images/sy-r.png) center center no-repeat;}







.sy-b{ font-size:24px; text-align:center; border-bottom:#ccc 1px solid; padding:4% 0 2%; line-height:40px; margin-bottom:4%}







.dj-l{ background:#eee; overflow:hidden; margin-bottom:6%}







.dj-l li{ width:20%; float:left; text-align:center; font-size:16px; line-height:37px; cursor:pointer;}







.dj-l .current1{ color:#fff; background:#014099}







.nr-l div{ overflow:hidden; margin-left:-6%;}







.nr-l div dl{ float:left; width:19%; margin-left:6%; margin-bottom:3%}







.nr-l div dl dt{ border:#E2E2E2 1px solid;}







.nr-l div dl dt img{ width:100%}







.nr-l div dl dd{ text-align:center; margin-top:10%; /* letter-spacing:5px; */font-size:14px}







.nr-l div dl a{ display:block;}







.nr-l div dl a:hover dt{ box-shadow:0 0 7px #ddd}







.he_ZoomInImg{ width:100%;padding:0;margin:0;position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden; background:#075fa9}







.he_ZoomInImg .he_ZoomInImg_img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}















.he_ZoomInImg:hover .he_ZoomInImg_img{opacity:0.5;-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)}















.he_ZoomInImg .he_ZoomInImg_caption{color:#fff;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}







.he_ZoomInImg .he_ZoomInImg_caption,.he_ZoomInImg .he_ZoomInImg_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}







.he_ZoomInImg .he_ZoomInImg_caption_p{font-size:18px;text-align:center;width:100%; -webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out;overflow:hidden;opacity:0; text-align:center; line-height:30px; letter-spacing:2px}







.he_ZoomInImg .he_ZoomInImg_caption_p a{ color:#fff; display:block; padding-top:25%; font-weight:bold}







.he_ZoomInImg .he_ZoomInImg_caption_p a img{ width:65px; height:65px}







.he_ZoomInImg:hover .he_ZoomInImg_caption_p{color:#fff;opacity:1}







.nr-l div dl dt,.cp1 dl dt{ background:none;border: #E2E2E2 1px solid;}







.nr-l div dl dt:hover img,.cp1 dl dt:hover img{opacity:1;}







.more a{ display:block; margin:auto; font-size:15px; width:120px; line-height:30px; color:#fff; background:#014099; text-align:center}







.sy1{ padding:0 5%; margin-bottom:4%}







.sy1 .left,.sy1 .right{ width:46%}







.sy1 .right p img{ width:100%}







.sy1 .left h1{ font-size:18px; color:#014099; font-weight:bold; margin-bottom:4%}







.sy1 .left p{ font-size:14px;/* text-indent:2em;*/ line-height:24px}

.sy1 .left p img{ width:100%}



.sy1 .left .more{ text-indent:0;}







.sy1 .left .more a{ margin:5% 0 0; width:100px}







.sy-bj1{ background:url(../images/sy-img2.jpg) no-repeat center; padding:1.5% 0}







.sy-bj1 .cent{ max-width:969px;}







.sy2{ position:relative}







.sy2 h1 img{ width:100%}







.sy2 p{ position:absolute; left:13%; top:40%; font-size:16px; color:#fff}







.sy2 p a{ color:#fff}







.footer{ background:#343434; color:#fff}







.foot{ padding:2% 0 1.5%}







.foot1{ border-top:#717171 1px solid}







.foot .left{ width:60%; overflow:hidden}







.foot .right{ width:40%; border-left:#717171 1px solid; padding-left:6%}







.foot .left ul li,.foot .left ul li a{ font-size:14px; color:#fff}







.foot .left ul li a{ font-size: 14px;color: #fff;}







.foot .left ul{ float:left; width:25%}







.foot .left ul li{ line-height:24px}







.foot .left ul li:first-child{ margin-bottom:5%}







.foot .right h1 img{ width:100%; margin-bottom:3%}







.foot .right h1{ margin-bottom:3%; font-size:14px}







.foot .right p{ font-size:14px; color:#999; line-height:26px}







.foot1,.foot1 p a{ font-size:12px; color:#999; text-align:center}







.foot1 p a{ display:block}







.foot1 p{ line-height:24px; padding:0.5% 0}







.nr-l div dl dt img{ height:180px}















.banner p img{ width:100%}







.list{ width: 100%;}







.list ul li{ cursor: pointer; display: block; font-size:14px; position: relative;-webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; text-align:left; font-weight:normal; border-bottom:#ccc 1px solid; color:#333}







.list ul li:last-child{ border:0}







.list ul li a{ font-size:16px}







.list li ul li a{ font-size:14px}







.list ul li span{ padding:6% 8% 6%}







.list li ul li{ line-height:30px; margin:0 10%; color:#666; font-size:14px; border-bottom:#ccc 1px dashed; text-align:center}







.list ul li span{ display:block;}







.list ul li ul li span{ padding:2% 0}



.list ul li ul li ul li,.list ul li ul li ul li:last-child{ border-bottom:0; line-height:26px}



.list ul li ul li ul{ padding:2% 0}







.list ul li a{position: relative;}







.list ul li .inactive{ background:url(../images/cp...png) no-repeat center right 14px;}







.list ul li .inactives{background:url(../images/cp..png) no-repeat center right 14px;} 







.list ul li ul li .inactive{ background:url(../images/cp...png) no-repeat center right 20px;}







.list ul li ul li .inactives{background:url(../images/cp..png) no-repeat center right 20px;} 







.list ul li .inactives{ color:#014099;}







.list ul li ul{display: none; border-top:#ccc 1px solid; padding:2% 0 8%}







.list ul li ul li:last-child{ border-bottom:#ccc 1px dashed; padding-bottom:0}







.cp-z{ width:18.5%; margin:5% 0}







.cp-y{ width:75%; margin:8% 0 5%;}







.c-x{ border:#ccc 1px solid}







.c-x dl{ margin:6% 6% 10%}







.c-x dl dt img{ width:100%; height:221px}







.c-x dl dd{ text-align:center; font-size:16px; margin-top:8%}







.cp-z h1{ background:#014099; font-size:16px; line-height:60px; color:#fff; text-align:center; margin-bottom:8%}







.c-b{ margin-top:25%}







.cp1{ overflow:hidden; margin-bottom:4%}







.cp1 dl{ float:left; width:27%; margin:0 1.5% 2.5%}







.cp1 dl dt img{ width:100%}







.cp1 dl dt img{ height:180px}







.cp1 dl dd{ text-align:center; font-size:12px; margin-top:6%;height:42px;}







.fy{ text-align:center; margin:3% 0 0; color:#b1b1b1;}







.fy a{ font-size:12px; color:#b1b1b1; display:inline-block; border:#a0a0a0 1px solid; margin:0 10px; padding:5px 10px; line-height:20px; vertical-align:middle}







.fy a:hover{ border:#3874c9 1px solid; background:#3874c9; color:#fff}















.cp-x1 .left{ width:42%}







.cp-x1 .left p img{ width:100%}







.cp-x1 .right{ width:51%}







.cp-x1 .right h1{ font-size:16px; margin-bottom:11%}







.cp-x1 .right p{ font-size:14px; color:#666; margin:3% 0}







.cp-x1 .right p span{ color:#333}







.cp-x1 .right h2{ font-size:24px; color:#014099; margin-top:15%}







.cp-x2 h1{ font-size:16px; color:#666; border:#ccc 1px solid; padding:1% 2%; margin:4% 0}







.cp-x2 p{ font-size:14px; line-height:34px; padding:0 5%}















.lx1{ margin:5% 0}







.lx1 .left,.lx1 .right{ width:48%}







.lx1 h1{ font-size:16px; margin-bottom:4%; font-weight:bold}







.lx1 p{ font-size:16px}







.lx1 .left ul li img{ vertical-align:middle; margin-right:3%}







.lx1 .left ul{ margin-top:10%}







.lx1 .left ul li{ margin-bottom:4%; font-size:14px}







.lx1 .right div{ overflow:hidden; margin-left:-10%}







.lx1 .right div p{ float:left; width:40%; margin-left:10%; margin-bottom:5%; font-size:14px}







.lx1 .right div p input{ padding:0 2%; border:#d2d2d2 2px solid; display:block; line-height:40px; margin-top:4%; width:100%}







.lx1 .right div .tj input{ border:0; background:#014099; color:#fff; width:55%; text-align:center; line-height:45px; margin-top:0}







.lx1 .right div .tj{ margin-top:-1%}







.lx2 p img{ width:100%}















.n_news ul li .fl,.n_news ul li .fl span{ -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;







-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; } 







.n_news ul li .fr img{ -moz-transition: all 5s ease-in-out;-webkit-transition: all 5s ease-in-out;-o-transition: all 5s ease-in-out;-ms-transition: all 5s ease-in-out;transition: all 5s ease-in-out; height:152px;} 







.n_news li:hover img{ -moz-transform:scale(1.1); -o-moz-transform:scale(1.1); -o-moz-transform:scale(1.1); -webkit-moz-transform:scale(1.1); transform:scale(1.1);}







.n_news ul li { padding:2% 0; display:block; border-top: 1px solid #d0d0d0; overflow:hidden}







.n_news ul li .box1 { background: transparent; overflow:hidden}







.n_news ul li .fl { position:relative; padding-top:3%; padding-left: 155px; float:left; width:70%}







.n_news ul li .fl .date { position: absolute; left: 0; float: left;  }







.n_news ul li .fl .date span{ display:block; margin-top:20px; height:26px; width:26px; background:url(../images/im78.png) no-repeat center }







.n_news ul li .fl .date strong{ display:block; font-size:26px; color:#a9a9a9; display:block; }







.n_news ul li .fl .date strong::before {width: 35px;height: 1px;content: '';background: #7D7D7D;position: absolute;top: 15px;left: 90px;transition: all 0.3s ease-out 0s;}







.n_news ul li .fl a{ display:block}







.n_news ul li .fl a h1{ font-weight:bold; font-size:16px; padding-top:0px; color:#333; display:block; margin-bottom:15px;}







.n_news ul li .fl a p{ color: #97979d; line-height:24px; font-size:14px; }







.n_news ul li .fr { display:block; overflow:hidden; float:right; width:22%}







.n_news ul li .fr img {width:100%}







.n_news li:hover .fl { padding-left: 175px;}







.n_news li:hover .fl h1{ color:#014099;}







.n_news .box1:hover .date strong{ color:#424242;}







.n_news .box1:hover .date strong::before {width: 60px;transition: all 0.3s ease-out 0s;background: #7D7D7D;}







.n_news .box1:hover .date span {background:url(../images/im77.png) no-repeat center}







.n_news ul{ border-bottom: 1px solid #d0d0d0; margin:4.5% 0 4%}







.fy1{ margin-bottom:6%}















.zp1{ margin:5% 0}







.zp1 div{ border:#ccc 1px solid; margin:4% 0; padding:0 3%}







.zp1 div h1{ font-size:16px; overflow:hidden; border-bottom:#eee 1px solid; padding:1% 0; margin-bottom:1.5%}







.zp1 div h1 img{ vertical-align:middle; margin-right:1%}







.zp1 div h1 span{ float:right; font-size:14px}







.zp1 div p{ font-size:14px; line-height:26px;}







.zp1 div p span{ color:#014099}







.zp1 div h2{ margin:1.8% 0 1.5%; background:#014099; border-radius:5px; line-height:28px; width:220px; text-align:center; color:#fff; font-size:14px}







.zp1 div a:hover p{ color:#333}















.zp1-x{ margin:5% 0 7%}







.zp1-x h1{ font-size:24px; border-bottom:#eee 1px solid; padding-bottom:2%}







.zp1-x h3{ font-size:18px; margin:2% 0}







.zp1-x p{ margin:2% 0; font-size:14px}















.js-b{ font-size:24px; text-align:center; margin:5% 0}







.js1 p{ color:#666; font-size:18px; margin:1% 0}







.js1 p img{ max-width:100%; display:block; margin:5% auto 0}







.js2{ padding:0 8%}







.js2 .left{ width:45%}







.js2 .left p img{ width:100%}







.js2 .right{ width:50%}







.js2 .right p{ font-size:16px; color:#666; line-height:33px; text-indent:2em; padding-top:5%; }







.js3-1{ overflow:hidden}







.js3-1 dl,.js3-2 dl{ float:left; margin:0 2%; width:21%}







.js3-1 dl dt{ padding:5%; background:#dcdcdc} 







.js3-1 dl dt img{ width:100%;}







.js3-1 dl dd,.js3-2 dl dd{ font-size:16px; text-align:center; margin-top:6%}







.js3-1 dl dd span,.js3-2 dl dd span{ font-size:14px; display:block; margin-top:4%}







.js3-2{ margin:8% 0; overflow:hidden}







.js3-2 dl{ width:16%;}







.js3-2 dl dt img{ max-width:100%; display:block; margin:auto}







.js3-2 dl dd{ margin-top:12%}







.js3-2 dl dd span{ margin-top:7%}















.cent1{ max-width:1100px}







.gy1{ margin:5% 0 0}







.gy1 .left{ width:19.5%;}







.gy1 .right{ width:71%;/* border-left:#ccc 1px solid; */ padding-left:1%}



.gy1 .right p img{ max-width:100%; height:inherit !important}











.gy-b{ font-size:18px;}







.gy-b span{ border-bottom:#014099 5px solid; font-size:24px; display:inline-block; padding-bottom:2.5%; margin-right:4%}







.gy1 .left p{ font-size:14px; line-height:30px; text-indent:2em; margin-top:3%; color:#666}







.gy1 .left p img{ display:block; width:100%; margin-top:4%}







.gy1 .right div dl{ overflow:hidden; margin:10% 0 25%}







.gy1 .right div dl dt{ float:left; width:63%}







.gy1 .right div dl dt img{ width:100%}







.gy1 .right div dl dd{ float:right; width:25%; font-size:12px; text-align:center; padding-top:30%} 







.gy1 .right div dl dd span{ background:url(../images/gy5.png) no-repeat center; display:block; width:31px; height:31px; margin:12% auto 0}







.gy1 .right div dl dd a:hover span{ background:url(../images/gy4.png) no-repeat center}















.c-x dl dd span{ background:url(../images/gy5.png) no-repeat center; display:block; width:31px; height:31px; margin:12% auto 0}







.c-x dl dd a:hover span{ background:url(../images/gy4.png) no-repeat center}







































.cd-horizontal-timeline {







  opacity: 0;







  margin: 2em auto;







  -webkit-transition: opacity 0.2s;







  -moz-transition: opacity 0.2s;







  transition: opacity 0.2s;







}







.cd-horizontal-timeline::before {







  /* never visible - this is used in jQuery to check the current MQ */







  content: 'mobile';







  display: none;







}







.cd-horizontal-timeline.loaded {







  /* show the timeline after events position has been set (using JavaScript) */







  opacity: 1;







}







.cd-horizontal-timeline .timeline {







  position: relative;







  height: 100px;







  width: 100%;







  max-width:1100px;







  margin: 0 auto;







}







.cd-horizontal-timeline .events-wrapper {







  position: relative;







  height: 100%;







  margin: 0 40px;







  overflow: hidden;







}















.cd-horizontal-timeline .events {







  /* this is the grey line/timeline */







  position: absolute;







  z-index: 1;







  left: 0;







  top: 49px;







  height: 2px;







  /* width will be set using JavaScript */







  background: #dfdfdf;







  -webkit-transition: -webkit-transform 0.4s;







  -moz-transition: -moz-transform 0.4s;







  transition: transform 0.4s;







}







.cd-horizontal-timeline .filling-line {







  /* this is used to create the green line filling the timeline */







  position: absolute;







  z-index: 1;







  left: 0;







  top: 0;







  height: 100%;







  width: 100%;







  background-color: #014099;







  -webkit-transform: scaleX(0);







  -moz-transform: scaleX(0);







  -ms-transform: scaleX(0);







  -o-transform: scaleX(0);







  transform: scaleX(0);







  -webkit-transform-origin: left center;







  -moz-transform-origin: left center;







  -ms-transform-origin: left center;







  -o-transform-origin: left center;







  transform-origin: left center;







  -webkit-transition: -webkit-transform 0.3s;







  -moz-transition: -moz-transform 0.3s;







  transition: transform 0.3s;







}







.cd-horizontal-timeline .events a {







  position: absolute;







  bottom: 0;







  z-index: 2;







  text-align: center;







  font-size: 16px;







  padding-bottom: 15px;







  color: #383838;







  /* fix bug on Safari - text flickering while timeline translates */







  -webkit-transform: translateZ(0);







  -moz-transform: translateZ(0);







  -ms-transform: translateZ(0);







  -o-transform: translateZ(0);







  transform: translateZ(0);







}







.cd-horizontal-timeline .events a::after {







  /* this is used to create the event spot */







  content: '';







  position: absolute;







  left: 50%;







  right: auto;







  -webkit-transform: translateX(-50%);







  -moz-transform: translateX(-50%);







  -ms-transform: translateX(-50%);







  -o-transform: translateX(-50%);







  transform: translateX(-50%);







  bottom: -5px;







  height: 14px;







  width: 14px;







  background:url(../images/gy....png) no-repeat center;







  -webkit-transition: background-color 0.3s, border-color 0.3s;







  -moz-transition: background-color 0.3s, border-color 0.3s;







  transition: background-color 0.3s, border-color 0.3s;







}







.no-touch .cd-horizontal-timeline .events a:hover::after {







  background:url(../images/gy..png) no-repeat center;







}







.cd-horizontal-timeline .events a.selected {







  pointer-events: none;







}







.cd-horizontal-timeline .events a.selected::after {







  background:url(../images/gy..png) no-repeat center;







}







.cd-horizontal-timeline .events a.older-event::after {







 background:url(../images/gy..png) no-repeat center;







}







@media only screen and (min-width: 1100px) {







  .cd-horizontal-timeline {







    margin: 2em auto 4em;







  }







  .cd-horizontal-timeline::before {







    /* never visible - this is used in jQuery to check the current MQ */







    content: 'desktop';







  }







}















.cd-timeline-navigation a {







  /* these are the left/right arrows to navigate the timeline */







  position: absolute;







  z-index: 1;







  top: 50%;







  bottom: auto;







  -webkit-transform: translateY(-50%);







  -moz-transform: translateY(-50%);







  -ms-transform: translateY(-50%);







  -o-transform: translateY(-50%);







  transform: translateY(-50%);







  height: 34px;







  width: 34px;







  border-radius: 50%;







  border: 2px solid #dfdfdf;







  /* replace text with an icon */







  overflow: hidden;







  color: transparent;







  text-indent: 100%;







  white-space: nowrap;







  -webkit-transition: border-color 0.3s;







  -moz-transition: border-color 0.3s;







  transition: border-color 0.3s;







}







.cd-timeline-navigation a::after {







  /* arrow icon */







  content: '';







  position: absolute;







  height: 16px;







  width: 16px;







  left: 50%;







  top: 50%;







  bottom: auto;







  right: auto;







  -webkit-transform: translateX(-50%) translateY(-50%);







  -moz-transform: translateX(-50%) translateY(-50%);







  -ms-transform: translateX(-50%) translateY(-50%);







  -o-transform: translateX(-50%) translateY(-50%);







  transform: translateX(-50%) translateY(-50%);







  background: url(../img/cd-arrow.svg) no-repeat 0 0;







}







.cd-timeline-navigation a.prev {







  left: 0;







  background:url(../images/1.png) no-repeat center







}







.cd-timeline-navigation a.next {







  right: 0;







  background:url(../images/2.png) no-repeat center







}















.cd-timeline-navigation a.inactive {







  cursor: not-allowed;







}







.cd-timeline-navigation a.inactive::after {







  background-position: 0 -16px;







}























.cd-horizontal-timeline .events-content {







  position: relative;







  width: 100%;







  margin: 0em 0 2em;







  overflow: hidden;







  -webkit-transition: height 0.4s;







  -moz-transition: height 0.4s;







  transition: height 0.4s;







}







.cd-horizontal-timeline .events-content li {







  position: absolute;







  z-index: 1;







  width: 100%;







  left: 0;







  top: 0;







  -webkit-transform: translateX(-100%);







  -moz-transform: translateX(-100%);







  -ms-transform: translateX(-100%);







  -o-transform: translateX(-100%);







  transform: translateX(-100%);







  padding: 0 5%;







  opacity: 0;







  -webkit-animation-duration: 0.4s;







  -moz-animation-duration: 0.4s;







  animation-duration: 0.4s;







  -webkit-animation-timing-function: ease-in-out;







  -moz-animation-timing-function: ease-in-out;







  animation-timing-function: ease-in-out;







}







.cd-horizontal-timeline .events-content li.selected {







  /* visible event content */







  position: relative;







  z-index: 2;







  opacity: 1;







  -webkit-transform: translateX(0);







  -moz-transform: translateX(0);







  -ms-transform: translateX(0);







  -o-transform: translateX(0);







  transform: translateX(0);







}







.cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {







  -webkit-animation-name: cd-enter-right;







  -moz-animation-name: cd-enter-right;







  animation-name: cd-enter-right;







}







.cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {







  -webkit-animation-name: cd-enter-left;







  -moz-animation-name: cd-enter-left;







  animation-name: cd-enter-left;







}







.cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {







  -webkit-animation-direction: reverse;







  -moz-animation-direction: reverse;







  animation-direction: reverse;







}







.cd-horizontal-timeline .events-content li > * {







  max-width: 800px;







  margin: 0 auto;







}







.cd-horizontal-timeline .events-content h2 {







  font-size: 16px;







  margin: 10px 0;







}















}















@-webkit-keyframes cd-enter-right {







  0% {







    opacity: 0;







    -webkit-transform: translateX(100%);







  }







  100% {







    opacity: 1;







    -webkit-transform: translateX(0%);







  }







}







@-moz-keyframes cd-enter-right {







  0% {







    opacity: 0;







    -moz-transform: translateX(100%);







  }







  100% {







    opacity: 1;







    -moz-transform: translateX(0%);







  }







}







@keyframes cd-enter-right {







  0% {







    opacity: 0;







    -webkit-transform: translateX(100%);







    -moz-transform: translateX(100%);







    -ms-transform: translateX(100%);







    -o-transform: translateX(100%);







    transform: translateX(100%);







  }







  100% {







    opacity: 1;







    -webkit-transform: translateX(0%);







    -moz-transform: translateX(0%);







    -ms-transform: translateX(0%);







    -o-transform: translateX(0%);







    transform: translateX(0%);







  }







}







@-webkit-keyframes cd-enter-left {







  0% {







    opacity: 0;







    -webkit-transform: translateX(-100%);







  }







  100% {







    opacity: 1;







    -webkit-transform: translateX(0%);







  }







}







@-moz-keyframes cd-enter-left {







  0% {







    opacity: 0;







    -moz-transform: translateX(-100%);







  }







  100% {







    opacity: 1;







    -moz-transform: translateX(0%);







  }







}







@keyframes cd-enter-left {







  0% {







    opacity: 0;







    -webkit-transform: translateX(-100%);







    -moz-transform: translateX(-100%);







    -ms-transform: translateX(-100%);







    -o-transform: translateX(-100%);







    transform: translateX(-100%);







  }







  100% {







    opacity: 1;







    -webkit-transform: translateX(0%);







    -moz-transform: translateX(0%);







    -ms-transform: translateX(0%);







    -o-transform: translateX(0%);







    transform: translateX(0%);







  }







}















.gy2{ background:#eee; min-height:400px}







.gy-b1{ text-align:center; font-size:22px; margin:4% 0}







.gy-b1 img{ display:block; margin:1% auto 0}













.gy4{ margin-bottom:7%}



.gy4 p img{ max-width:100%}



.hgfd{ text-align: center;margin-bottom: 5%;font-size: 24px;}







.hgfd span{ color: red;font-weight: bolder;}







.anchorBL,.quad4,.anchorTL{ display: none;}















.img_max img{







	max-width: 100%;







	height: inherit !important;







}







.dropMenu{ position:absolute; top: 0; left:0; padding:0; z-index:9999;visibility: hidden;background:url(../images/sy-1.jpg) no-repeat center top #fff; overflow:hidden; margin-left:0; width:162px;}



.dropMenu li{ line-height:40px; border-bottom:#eee 1px solid}



.dropMenu li a{ font-size:14px;display:block; text-align:left; padding:0 10%} 



.dropMenu li a:hover{ color:#3357A5;}