<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/** 

 * æè¿°ï¼šé‡ç½®é¡µé¢å…ƒç´&nbsp;ï¼Œè®¾ç½®å¸ƒå±€æ&nbsp;·å¼åŠå…¬å…±æ¨¡å—

 * ä½œç”¨èŒƒå›´ï¼šå…¬å…±

 */



html,body {

	font-family:"microsoft yahei", Helvetica, Tahoma, Arial, "Microsoft jhengHei", sans-serif;

	overflow-x:hidden

}

.container{width:1200px;margin:0 auto;padding-left:0;padding-right:0}

.web_nav{height:30px;background:#4D4D52}
.web_nav &gt; .container{height:40px;line-height:30px}
.web_nav &gt; .container &gt; div &gt; p{color: #f3f3f3;cursor:pointer;margin:0;letter-spacing:1px;position:relative;z-index:10000000;font-family:"å¾®è½¯é›…é»‘"}
.web_nav &gt; .container &gt; div &gt; p span{display:inline-block;transform:rotate(0);transition:all 0.3s}
.web_nav &gt; .container &gt; div &gt; p span.hover{transform:rotate(180deg);transition:all 0.5s}
.web_nav &gt; .container &gt; div:nth-of-type(1){float:left}
.web_nav &gt; .container &gt; div:nth-of-type(2){float:right}
.web_nav .all_circle .lists{position:fixed;left:0;top:0;right:0;z-index:10000;background:rgba(50,50,50,0.8);padding: 50px 0 20px;display:none}
.web_nav .all_circle .lists a{margin: 10px}
.web_nav .all_circle .lists .logo{max-height: 45px}
.web_nav .all_circle .lists .container{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap}
.web_nav .quick_entry{position:relative}
.web_nav .quick_entry .lists{position:absolute;top: 30px;right:0;z-index:10000;background:rgba(50,50,50,0.8);width: 350px;padding: 10px 20px;display:none}
.web_nav .quick_entry ul{padding: 0;}
.web_nav .quick_entry .lists a:hover{text-decoration:none}
.web_nav .quick_entry .lists li{list-style:none}
.web_nav .quick_entry .lists .one{border-bottom: 1px solid rgba(255,255,255,0.5);line-height:30px;padding:5px 0}
.web_nav .quick_entry .lists .one:nth-last-of-type(1){border-bottom:none}
.web_nav .quick_entry .lists .one &gt; a{color: white;font-size:14px}
.web_nav .quick_entry .lists .one-two{line-height: 20px}
.web_nav .quick_entry .lists .one-two &gt; a{color: white;padding: 4px 5px;display:inline-block;font-size:12px;letter-spacing:1px}

.dh-a{display:inline-block;padding:0px 15px;line-height:90px;font-size:14px;color:#040404;position:relative}

.head-logo{width:185px;height:90px;float:left}



.head-nav{width:1015px;height:90px;float:right}

@charset "utf-8";

.gyâ€”nbanner{overflow:hidden}
/*å¯¼èˆªæ&nbsp;*/



.nav_menu3,

.nav_menu3 ul,

.nav_menu3 ul li,

.nav_menu3 ul li a,

.nav_menu3 #menu-button {

  margin: 0;

  padding: 0;

  border: 0;

  list-style: none;

  line-height: 1;

  display: block;

  position: relative;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.nav_menu3{display:inline-block}

.nav_menu3 #menu-button { 

    margin-top: 100px;

    background: #F00;

    position: absolute;

    z-index: 99999;

}

.nav_menu3:after,

.nav_menu3 &gt; ul:after {

  content: ".";

  display: block;

  clear: both;

  visibility: hidden;

  line-height: 0;

  height: 0;

}

.nav_menu3 #menu-button {

  display: none;

}

.nav_menu3 {

  width: auto;

  line-height: 1;

  background: #ffffff;

}

#menu-line {

  position: absolute;

  top: 0;

  left: 0;

  height: 3px;

  background: #990B2C;

  -webkit-transition: all 0.25s ease-out;

  -moz-transition: all 0.25s ease-out;

  -ms-transition: all 0.25s ease-out;

  -o-transition: all 0.25s ease-out;

  transition: all 0.25s ease-out;

}

.nav_menu3 &gt; ul &gt; li {

  float: left;

}

.nav_menu3.align-center &gt; ul {

  font-size: 0;

  text-align: center;

}

.nav_menu3.align-center &gt; ul &gt; li {

  display: inline-block;

  float: none;

}

.nav_menu3.align-center ul ul {

  text-align: left;

}

.nav_menu3.align-right &gt; ul &gt; li {

  float: right;

}

.nav_menu3.align-right ul ul {

  text-align: right;

}

.nav_menu3 &gt; ul &gt; li &gt; a {

  padding:0px 10px;

  text-decoration: none;

  text-transform: uppercase;

  color: #333;

font-size:14px;

line-height:90px;

  -webkit-transition: color .2s ease;

  -moz-transition: color .2s ease;

  -ms-transition: color .2s ease;

  -o-transition: color .2s ease;

  transition: color .2s ease;

}

.nav_menu3 &gt; ul &gt; li:hover &gt; a {

  color: #990B2C;

  background: #FFF;

}

.nav_menu3 &gt; ul &gt; li.nav-has-sub &gt; a {

  padding-left: 25px;

  padding-right: 25px;

}

/* .nav_menu3 &gt; ul &gt; li.nav-has-sub &gt; a::after {

  position: absolute;

  top: 40px;

  right: 10px;

  width: 4px;

  height: 4px;

  border-bottom: 1px solid #990B2C;

  border-right: 1px solid #990B2C;

  content: "";

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

  -webkit-transition: border-color 0.2s ease;

  -moz-transition: border-color 0.2s ease;

  -ms-transition: border-color 0.2s ease;

  -o-transition: border-color 0.2s ease;

  transition: border-color 0.2s ease;

} */

/* .nav_menu3 &gt; ul &gt; li.nav-has-sub:hover &gt; a::after {

  border-color: #990B2C;

} */

.nav_menu3 ul ul {

  position: absolute;

  left: -9999px;

}

.nav_menu3 &gt; ul &gt; li &gt; ul {    

  border-top: 1px solid #FFF;

  z-index:9999

}

.nav_menu3 li:hover &gt; ul {

  left: auto;

}

.nav_menu3.align-right li:hover &gt; ul {

  right: 0;

}

.nav_menu3 ul ul ul {

  margin-left: 100%;

  top: 0;

}

.nav_menu3.align-right ul ul ul {

  margin-left: 0;

  margin-right: 100%;

}

.nav_menu3 ul ul li {

  text-align:center;

  height: 0;

  -webkit-transition: height .2s ease;

  -moz-transition: height .2s ease;

  -ms-transition: height .2s ease;

  -o-transition: height .2s ease;

  transition: height .2s ease;

}

.nav_menu3 ul li:hover &gt; ul &gt; li {

  height: 42px;

}

.nav_menu3 ul ul li a {

  width:160px;

  padding: 15px 20px;

  background: #ececee;

  text-decoration: none;

  color: #333333;

  -webkit-transition: color .2s ease;

  -moz-transition: color .2s ease;

  -ms-transition: color .2s ease;

  -o-transition: color .2s ease;

  transition: color .2s ease;

}

.nav_menu3 ul ul li:hover &gt; a,

.nav_menu3 ul ul li a:hover {

  color: #333333;

  background: #FFF;

}

.nav_menu3 ul ul li.nav-has-sub &gt; a::after {

  position: absolute;

  top: 19px;

  right: 10px;

  width: 4px;

  height: 4px;

  border-bottom: 1px solid #eee;

  border-right: 1px solid #eee;

  content: "";

  -webkit-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  transform: rotate(-45deg);

  -webkit-transition: border-color 0.2s ease;

  -moz-transition: border-color 0.2s ease;

  -ms-transition: border-color 0.2s ease;

  -o-transition: border-color 0.2s ease;

  transition: border-color 0.2s ease;

}

.nav_menu3.align-right ul ul li.nav-has-sub &gt; a::after {

  right: auto;

  left: 10px;

  border-bottom: 0;

  border-right: 0;

  border-top: 1px solid #dddddd;

  border-left: 1px solid #dddddd;

}

.nav_menu3 ul ul li.nav-has-sub:hover &gt; a::after {

  border-color: #990B2C;

}

.item{height:850px;}

.item img{    width: 1920px;

    position: absolute;

    left: 50%;

    margin-left: -960px;

    bottom: 0;}

.item video{    width: 1920px;

    position: absolute;

    left: 50%;

    margin-left: -960px;}

.xiangmu{margin-top:40px}

.xm-title{opacity:0;transition: .6s;-moz-transition: .6s; /* Firefox 4 */-webkit-transition:.6s; /* Safari Ã¥â€™Å’ Chrome */-o-transition:.6s;}

.alactive .xm-title{opacity:1}

.xm-title h2{font-size:27px;letter-spacing:1px;display:inline-block;}

.xm-title em{display:inline-block;margin-top:-10px;margin-right:5px;vertical-align:middle;width:32px;height:29px;background:url(../images/tb.jpg) center;background-size:100%}

.xm-title p{font-size:12px;color:#9d9d9d;letter-spacing:1px}

.xm-lists{width:100%;height:260px;position:relative}

.s-left{width:50px;height:260px;background:url(../images/left.png);position:absolute;left:0;top:0;z-index:99999;cursor:pointer}

.s-right{width:50px;height:260px;background:url(../images/right.png);position:absolute;right:0;top:0;z-index:99999;cursor:pointer}

.s-con{width:100%;height:260px;overflow:hidden;position:relative;padding-top:260px;transition: 1s;-moz-transition: 1s; /* Firefox 4 */-webkit-transition:1s; /* Safari Ã¥â€™Å’ Chrome */-o-transition:1s;}

.alactive .s-con{padding-top:0px}

.s-con ul{padding:0;position:absolute;left:0;}

.s-con ul li{width:300px;height:260px;float:left;list-style:none;padding:20px 0}

.wbj{width:200px;margin:0 auto}

.xm-logo{width:80px;height:80px;margin:0 auto;background:#eaeaea;border-radius:7px;text-align:center;padding-top:4px}

.xm-logo img{width:90%}

.xm-title{font-size:16px;margin-top:10px}

.xm-desc{font-size:12px;color:#777777;line-height:22px;height:85px;overflow:hidden}

.xm-more a{width:88px;height:20px;display:inline-block;background:#eaeaea;color:#333;text-decoration:none;font-size:12px;line-height:20px}

.about{width:100%;height:425px;background:#f2f5f8;margin-top:60px}

.about-img{width:50%;height:100%;float:left;margin-left:-50%;transition: .6s;-moz-transition: .6s; /* Firefox 4 */-webkit-transition:.6s; /* Safari Ã¥â€™Å’ Chrome */-o-transition:.6s;}

.alactive .about-img{margin-left:0}

.about-img img{height:100%;width:100%;}

.about-con{width:50%;float:right;padding:50px 40px 0 50px;margin-right:-50%;transition: .6s;-moz-transition: .6s; /* Firefox 4 */-webkit-transition:.6s; /* Safari Ã¥â€™Å’ Chrome */-o-transition:.6s;}

.alactive .about-con{margin-right:0}

.ban1-bj{width:100%;height:100%;background:rgba(0,0,0,0.2);z-index:9999;position:absolute;left:0;top:0}

.b1{width:410px !important;position:absolute;top:-100px !important;left:50% !important;margin-left:-60% !important;z-index:99999;transition:.6s;-moz-transition:.6s; -webkit-transition:.6s;-o-transition:.6s; }

.b2{width:860px !important;position:absolute;top:950px !important;left:50% !important;margin-left:-60% !important;z-index:99999;transition:.6s;-moz-transition:.6s; -webkit-transition:.6s;-o-transition:.6s;}

.active .b1{width:410px !important;position:absolute;top:300px !important;left:50% !important;margin-left:-205px !important;z-index:99999}

.active .b2{width:860px !important;position:absolute;top:470px !important;left:50% !important;margin-left:-430px !important;z-index:99999}



.b3{width:618px !important;position:absolute;top:-100px !important;left:50% !important;margin-left:-60% !important;z-index:99999;transition:.6s;-moz-transition:.6s; -webkit-transition:.6s;-o-transition:.6s; }

.b4{width:680px !important;position:absolute;top:950px !important;left:50% !important;margin-left:-60% !important;z-index:99999;transition:.6s;-moz-transition:.6s; -webkit-transition:.6s;-o-transition:.6s;}

.active .b3{width:618px !important;position:absolute;top:320px !important;left:50% !important;margin-left:-614px !important;z-index:99999}

.active .b4{width:680px !important;position:absolute;top:480px !important;left:50% !important;margin-left:-650px !important;z-index:99999}

.about-con h5{color:#9d9d9d}

.about-con-desc{height:175px;overflow:hidden;font-size:14px;color:#666666;line-height:35px;letter-spacing:1px;margin-top:20px}

.about-con a{display:block;width:95px;height:20px;border:1px solid #b6b6b6;border-radius:5px;margin-top:30px;font-size:12px;text-align:center;line-height:20px;color:#b6b6b6;text-decoration:none;cursor:pointer}



.dsh{margin-top:50px}

.dsh-title{opacity:0;transition: .6s;-moz-transition: .6s; /* Firefox 4 */-webkit-transition:.6s; /* Safari Ã¥â€™Å’ Chrome */-o-transition:.6s;}

.alactive .dsh-title{opacity:1}

.dsh-title p{color:#9d9d9d;letter-spacing:1px}

.hezuo-title p{color:#9d9d9d;letter-spacing:1px}

.dsh-list{width:252px;float:left;margin-top:255px;margin-left:158px;transition: .6s;-moz-transition: .6s; /* Firefox 4 */-webkit-transition:.6s; /* Safari Ã¥â€™Å’ Chrome */-o-transition:.6s;}

.alactive .dsh-list{margin-top:0px;margin-left:158px}

.dsh-list img{max-width:100%}

.dsh-list+.dsh-list{margin-left:64px;}

.dsh-list h5{letter-spacing:1px;color:#0367be}

.dsh-list em{display:inline-block;width:35px;height:35px;background:url(../images/hlogo.png);transition:.6s;-moz-transition:.6s; -webkit-transition:.6s;-o-transition:.6s;}

.dsh-list:hover em{background:url(../images/rlogo.png)}

.dsh-lists{margin-top:60px;height:388px;overflow:hidden}



.fengcai{margin-top:50px;min-width:1200px;}

.fengcai-title{opacity:0;;transition: .6s;-moz-transition: .6s; /* Firefox 4 */-webkit-transition:.6s; /* Safari Ã¥â€™Å’ Chrome */-o-transition:.6s;}

.alactive .fengcai-title{opacity:1}

.fengcai-title p{color:#9d9d9d;letter-spacing:1px}

.fengcai-list{position:relative;width:50%;float:left;overflow:hidden;opacity:0;transition: 1.5s;-moz-transition: 1.5s; /* Firefox 4 */-webkit-transition:1.5s; /* Safari Ã¥â€™Å’ Chrome */-o-transition:1.5s;}

.alactive .fengcai-list{opacity:1}

.fengcai-list1{position:relative;width:50%;float:right;transition: 1.5s;-moz-transition: 1.5s; /* Firefox 4 */-webkit-transition:1.5s; /* Safari Ã¥â€™Å’ Chrome */-o-transition:1.5s;}

.alactive .fengcai-list1{opacity:1}

.fengcai-list img{width:100%}

.fengcai-list1 .fengcai-list1-l{width:50%;float:left;position:relative}

.fengcai-list1-l img{width:100%;}

.fengcai-lists{margin-top:60px}

.fengcai-list:hover .fengcai-list-mubu{width:100%;left:0;}

/* .fengcai-list1:hover .fengcai-list-mubu{width:100%;left:0} */

.fengcai-list-mubu{position:absolute;width:0%;overflow:hidden;height:100%;background:rgba(255,255,255,0.4);top:0;left:50%;overflow:hidden;transition:.6s;-moz-transition:.6s; -webkit-transition:.6s;-o-transition:.6s;}
.fengcai-list-mubu a{text-decoration:none;display:block;width:120px;height:40px;background:#d8703f;transition:.5s ease-in-out;
	-webkit-transition:.5s ease-in-out;
	-moz-transition:.5s ease-in-out;
	-o-transition:.5s ease-in-out;position:absolute;top:50%;margin-top:-20px;left:50%;margin-left:-60px;line-height:40px;font-size:14px;color:#FFF;cursor:pointer}
.fengcai-list-mubu a:hover{background:#ffc229}




.news{margin-top:30px}

.news-title{margin-bottom:20px;}

.news-title p{color:#9d9d9d;letter-spacing:1px}



.news-list-left{width:50%;float:left;padding-right:20px;}

.news-list-lefta{height:130px;overflow:hidden}

.news-list-lefta img{width:225px;float:left}

.news-list-lefta div{width:345px;float:right}

.more-a{margin-top:20px;text-align:center;line-height:20px;font-size:12px;text-decoration:none !important;cursor:pointer;color:#999;display:inline-block;height:20px;width:95px;border:1px solid #ececec;border-radius:5px}




.news-list-right{width:50%;float:left;padding-left:20px;}

.news-list-righta{height:130px;overflow:hidden}

.news-list-righta img{width:225px;float:left}

.news-list-righta div{width:345px;float:right}

.news-list-rightb a{margin-top:20px;text-align:center;line-height:20px;font-size:14px;text-decoration:none;cursor:pointer;color:#999;height:20px;width:95px;border-radius:5px}
.news-list-leftb a{margin-top:20px;text-align:center;line-height:20px;font-size:14px;text-decoration:none;cursor:pointer;color:#999;height:20px;width:95px;border-radius:5px}
.more-a{margin-top:20px;text-align:center;line-height:20px;font-size:12px;text-decoration:none;cursor:pointer;color:#999;display:inline-block;height:20px;width:95px;border:1px solid #ececec;border-radius:5px}
.news-list-leftb span{float:right;font-size:12px;color:#999;}
.news-list-rightb span{float:right;font-size:12px;color:#999;}
.lhrâ€”nbanner{position:relative}
.lhrâ€”nbanner-img{width:100%;}
.lhr-zg{width:810px;height:100%;background:rgba(0,0,0,0.5);position:absolute;top:0;left:0}
.lhr-zg img{max-height:90%;position:absolute;right:100%;top:10%;transition: .6s;-moz-transition: .6s; /* Firefox 4 */-webkit-transition:.6s; /* Safari Ã¥â€™Å’ Chrome */-o-transition:.6s;}
.lhr-active img{right:0 !important}

.gyâ€”nbanner{position:relative;overflow:hidden}
.gyâ€”nbanner-img{width:100%;}
.gy-zg{width:1170px;height:100%;position:absolute;top:0;left:50%;margin-left:-585px}
.gy-zg img{max-height:90%;position:absolute;right:-100%;top:50%;margin-top:-60px;transition: .6s;-moz-transition: .6s; /* Firefox 4 */-webkit-transition:.6s; /* Safari Ã¥â€™Å’ Chrome */-o-transition:.6s;}
.gy-active img{right:0 !important}

.newsâ€”nbanner{position:relative}
.newsâ€”nbanner-img{width:100%;}
.news-zg{width:1170px;height:100%;position:absolute;top:0;left:50%;margin-left:-585px}
.news-zg img{max-height:90%;position:absolute;right:-100%;top:35%;margin-top:-60px;transition: .6s;-moz-transition: .6s; /* Firefox 4 */-webkit-transition:.6s; /* Safari Ã¥â€™Å’ Chrome */-o-transition:.6s;}
.news-active img{right:14% !important}

.ywâ€”nbanner{position:relative}
.ywâ€”nbanner-img{width:100%;}
.yw-zg{width:1170px;height:100%;position:absolute;top:0;left:50%;margin-left:-585px}
.yw-zg img{max-height:90%;position:absolute;right:-100%;top:35%;margin-top:-60px;transition: .6s;-moz-transition: .6s; /* Firefox 4 */-webkit-transition:.6s; /* Safari Ã¥â€™Å’ Chrome */-o-transition:.6s;}
.yw-active img{right:50% !important}

.xmâ€”nbanner{position:relative}
.xmâ€”nbanner-img{width:100%;}
.xm-zg{width:1170px;height:100%;position:absolute;top:0;left:50%;margin-left:-585px}
.xm-zg img{max-height:90%;position:absolute;right:-100%;top:35%;margin-top:-60px;transition: .6s;-moz-transition: .6s; /* Firefox 4 */-webkit-transition:.6s; /* Safari Ã¥â€™Å’ Chrome */-o-transition:.6s;}
.xm-active img{right:50% !important}

.lxâ€”nbanner{position:relative}
.lxâ€”nbanner-img{width:100%;}
.lx-zg{width:1170px;height:100%;position:absolute;top:0;left:50%;margin-left:-585px}
.lx-zg img{max-height:90%;position:absolute;right:-100%;top:40%;margin-top:-60px;transition: .6s;-moz-transition: .6s; /* Firefox 4 */-webkit-transition:.6s; /* Safari Ã¥â€™Å’ Chrome */-o-transition:.6s;}
.lx-active img{right:50% !important}


.news-list-lcon h4{margin:0px;height:19px;overflow:hidden}

.news-list-lcon p{margin-bottom:0px}

.news-list-lcon-p1{font-size:11px;color:#898989;margin-top:5px}

.news-list-lcon-p2{font-size:13px;color:#333333;line-height:25px;letter-spacing:1px;margin-top:20px}



.news-list-leftb ul{padding-left:0px;line-height:40px;margin-top:30px;list-style:none}

.news-list-leftb ul li{border-bottom:1px dashed #999;transition:.6s;-moz-transition:.6s; -webkit-transition:.6s;-o-transition:.6s;}

.news-list-leftb ul li:hover{padding-left:15px;transition:.6s;-moz-transition:.6s; -webkit-transition:.6s;-o-transition:.6s;}

.news-list-rightb ul{padding-left:0px;line-height:40px;margin-top:30px;list-style:none}

.news-list-rightb ul li{border-bottom:1px dashed #999;transition:.6s;-moz-transition:.6s; -webkit-transition:.6s;-o-transition:.6s;}

.news-list-rightb ul li:hover{padding-left:15px;transition:.6s;-moz-transition:.6s; -webkit-transition:.6s;-o-transition:.6s;}



.video{min-width:1200px;margin-top:50px}

.video-list{margin-top:30px;cursor:pointer}

.video-list{width:25%;float:left;position:relative;}

.video-list img{width:100%;position:absolute;left:0;top:0;}

.video-list video{width:100%}



.hezuo{width:100%;height:575px;background:url(../images/hezuo.jpg) center;background-size:100%;margin-top:-5px;padding-top:50px}

.hezuo-lists{margin-top:20px}

.hezuo-list{width:164px;height:64px;float:left;margin:23px 0px 0px 7px;background:#ececec;border:1px solid #999}

.hezuo-list img{width:162px; height:62px;}

.footer{width:100%;height:387px;background:url(../images/ft_bj.jpg) center;}

.gjc{font-size:14px;color:#c3c3c3;margin-top:5px}

.gjc a{display:inline-block;padding:0 15px;line-height:15px;color:#c3c3c3;text-decoration:none}

.gjc-a+.gjc-a{border-left:1px solid #FFF;}

.footer-ul{width:130px;float:left;list-style:none;padding-left:0px;margin-top:30px;color:#9d9d9d}

.db-dh{width:520px;float:left}

.footer-li1{font-size:16px;padding-bottom:5px;}

.footer-li2{font-size:14px;padding-top:6px;}

.footer-li2 a{text-decoration:none;color:#9d9d9d}

.db-logo{width:100%;height:65px;float:left;margin-top:10px;}

.ft-wl{width:255px;float:right;margin-right:30px;margin-top:50px}

.ft-wl select{width:248px;height:30px;padding-left:10px}

.ft-ewm{margin-top:20px}

.ft-lx{font-size:15px;color:#9d9d9d;margin-top:30px}

.ft-lx p{margin-bottom:3px}



.ft-addr,.ft-bq{font-size:12px;color:#9d9d9d;margin-bottom:0px}



.nbanner img{width:100%}

.ywhere{font-size:13px;color:#505253;padding:13px 0;border-bottom:1px solid #c6c6c6}

.ywhere em{display:inline-block;width:18px;height:18px;background:url(../images/home.jpg);vertical-align:middle;margin:-5px 0 0 -5px}

.ywhere span{display:inline-block}

.ywhere a{display:inline-block;padding:0 10px;text-decoration:none;color:#505253;cursor:pointer}

.article-left{width:205px;float:left}

.article-right{width:925px;float:right}

.article{margin-top:25px;margin-bottom:20px}

.n-bt{width:100%;line-height:65px;font-size:25px;color:#FFF;background:#146ce4;border-radius:5px}

.article-left ul{list-style:none;padding:0 10px;margin-top:10px}

.ejdh{line-height:52px;color:#505253;font-size:17px;cursor:pointer;text-decoration:none !important;}

.zejdh{border-bottom:1px dashed #999;cursor:pointer}

.ejdh em{display:block;width:30px;height:50px;background:url(../images/add.jpg);float:right}

.ejdh:hover{color:#bb1b21}

.zsjdh{display:none}

.zsjdh a{display:block;text-decoration:none;cursor:pointer;line-height:25px;font-size:14px;color:#565656;padding-top:15px}

.zsjdh a:hover{color:#bb1b21}

.xs-active a{display:block;text-decoration:none;cursor:pointer;line-height:25px;font-size:14px;color:#565656;margin-top:15px}

.xs-active a:hover{color:#bb1b21}

.dh-active{color:#bb1b21 !important}

.xs-active{display:block}

.article-right-title em{background-size:100%;margin-top:-30px;display:inline-block;width:46px !important;height:46px !important;vertical-align:middle;background-size: 100% !important;}

.article-right-title div{width:50%;display:inline-block;}

.article-right-title div .p1{margin-bottom:0px;font-size:20px;color:#505253}

.article-right-title div .p2{margin-bottom:0px;font-size:11px;color:#b4b9bb}

.article-right-con{margin-top:30px}

.history-time{width:170px;float:left;font-size:18px;color:#333333;padding-top:10px}

.history-con{width:710px;float:right;background:#ebebeb;border-radius:15px;padding:10px;font-size:16px;color:#333333;line-height:30px;letter-spacing:2px}

.history-list{position:relative;padding:0px 0px 55px 0;;background:url(../images/history_bj.png) repeat-y;background-position:155px 50px}

.history-list img{position:absolute;left:145.5px;top:5px}

.article-right-honor{margin-top:20px}

.honor-list{width:294px;float:left;margin-left:10px;margin-bottom:30px;position:relative}

.honor-list .mubu{position:absolute;left:50%;top:50%;width:0%;height:0%;background:rgba(0,0,0,0.5)}

.honor-list img{width:100%}

.mubu{transition:.6s;-moz-transition:.6s; -webkit-transition:.6s;-o-transition:.6s;overflow:hidden;}

.mubu img{width:44px;height:44px;position:absolute;left:50%;top:50%;margin-top:-22px;margin-left:-22px}

.honor-list:hover .mubu{left:0;top:0;width:100%;height:100%;}

.dsz{width:100%;text-align:center}

.dsz img{border-radius:10px}

.dsz-title{font-size:23px;color:#146ce4;margin-top:15px;margin-bottom:5px}

.dsz-etitle{text-transform:Uppercase;font-size:12px;color:#bfbfbf;margin-bottom:8px;}

.dsz-zw{font-size:15px;color:#3b5664}

.fzc-list{width:280px;float:left;margin-left:34px;text-align:center;margin-top:10px}

.fzc{margin-top:30px;width:700px;margin:0 auto;}

.fzc-title{font-size:18px;color:#146ce4;margin-top:10px;margin-bottom:0px}

.fzc-etitle{font-size:10px;color:#c3c3c3;text-transform:Uppercase;margin-bottom:3px}

.fzc-zw{font-size:14px;color:#3b5664}

.hteam-list{width:352.5px;float:left;margin:30px 55px 0 55px;overflow:hidden}

.hteam-img{padding:5px;border:1px solid #999;}

.hteam-dw{position:relative;overflow:hidden}

.hteam-dw img{width:100%}

.hteam-list p{font-size:15px;color:#333333;line-height:50px;text-align:center;margin-bottom:0px;}

.hteam-mubu{position:absolute;width:100%;height:100%;top:100%;left:0;background:rgba(0,0,0,0.2);transition: .6s;-moz-transition: .6s; /* Firefox 4 */-webkit-transition:.6s; /* Safari å’Œ Chrome */-o-transition:.6s; /* Opera */}

.hteam-con{background:#000;text-align:center;margin-top:110px;padding:10px 0}

.hteam-con h5{color:#fe0000;line-height:22px;margin:0px}

.hteam-con p{font-size:15px;color:#FFF;line-height:25px;text-align:left;padding:2px 10px}

.hteam-list:hover .hteam-mubu{top:0}

.news-list{margin-top:35px}

.news-list img{width:320px;float:left;}

.news-list-con{width:588px;float:right}

.news-list-p1{font-size:17px;color:#333333;line-height:40px;border-bottom:1px dashed #999}

.news-list-p1 span{display:inline-block;float:right;font-size:13px;color:#999;}

.news-list-p2{font-size:14px;color:#777777;line-height:30px}

.img-list{width:299px;float:left;margin-left:7px;cursor:pointer}

.img-list1{width:100%;position:relative}

.img-mubu{position:absolute;left:50%;top:50%;width:0%;height:0%;background:rgba(0,0,0,0.5)}

.img-list-p1{font-size:14px;color:#333333;line-height:33px}

.img-mubu{transition:.6s;-moz-transition:.6s; -webkit-transition:.6s;-o-transition:.6s;overflow:hidden;}

.img-mubu img{width:44px;height:44px;position:absolute;left:50%;top:50%;margin-top:-22px;margin-left:-22px}

.img-list:hover .img-mubu{left:0;top:0;width:100%;height:100%;}

.img-list:hover p{color:#ff0000}



.dragoman-js{margin-top:40px;overflow:hidden}

.dragoman-js img{float:left;opacity:0;transition: .5s;-moz-transition: .5s; /* Firefox 4 */-webkit-transition:.5s; /* Safari Ã¥â€™Å’ Chrome */-o-transition:.5s;}

.dragoman-js-active img{float:left;opacity:1;}

.dragoman-sjs{width:630px;float:right;margin-right:-631px;padding:15px 20px 0px 30px;transition: 1s;-moz-transition: 1s; /* Firefox 4 */-webkit-transition:1s; /* Safari Ã¥â€™Å’ Chrome */-o-transition:1s;}

.dragoman-js-active .dragoman-sjs{margin-right:0px;}

.dragoman-sjs p{font-size:20px;color:#231815;font-weight:bold;margin-bottom:22px}

.dragoman-history{margin-top:30px}

.dra-top{width:100%;height:60px;background:url(../images/dra_top.png) center no-repeat}

.dra-con{width:100%;background:url(../images/dra_center.png) center repeat-y}

.dra-bottom{width:100%;height:30px;background:url(../images/dra_bottom.png) center no-repeat}

.dra-con-left{padding-right:130px;text-align:right;width:608px;float:left;background:url(../images/circle1.png) center right no-repeat}

.dra-con-right{padding-left:130px;text-align:left;width:608px;float:right;background:url(../images/circle2.png) center left no-repeat}

.dra-con-title{font-size:34px;font-weight:bold;color:#e60012;margin-bottom:5px}

.dra-con-content{text-align:left;font-size:14px;color:#232323;line-height:26px;}

.dragoman-activity{margin-top:40px}

.dragoman-act-list{width:25%;float:left;position:relative;overflow:hidden;cursor:pointer}

.dragoman-act-list img{width:100%}

.mask{ width: 100%;

   height: 100%;

   position: absolute;

   overflow: hidden;

   top: 0;

   left: 0;}

.dragoman-act-list .mask {

   background-color:rgba(0, 0, 0, 0.56);

   top: -160px;

   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

   filter: alpha(opacity=0);

   opacity: 0;

   -webkit-transition: all 0.3s ease-out 0.5s;

   -moz-transition: all 0.3s ease-out 0.5s;

   -o-transition: all 0.3s ease-out 0.5s;

   -ms-transition: all 0.3s ease-out 0.5s;

   transition: all 0.3s ease-out 0.5s;

}

.dragoman-act-list .info {

   -webkit-transform: translateY(-200px);

   -moz-transform: translateY(-200px);

   -o-transform: translateY(-200px);

   -ms-transform: translateY(-200px);

   transform: translateY(-200px);

   -webkit-transition: all 0.2s ease-in-out 0.3s;

   -moz-transition: all 0.2s ease-in-out 0.3s;

   -o-transition: all 0.2s ease-in-out 0.3s;

   -ms-transition: all 0.2s ease-in-out 0.3s;

   transition: all 0.2s ease-in-out 0.3s;

}

.dragoman-act-list:hover .mask {

   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";

   filter: alpha(opacity=100);

   opacity: 1;

   top: 0px;

   -webkit-transition-delay: 0s;

   -moz-transition-delay: 0s;

   -o-transition-delay: 0s;

   -ms-transition-delay: 0s;

   transition-delay: 0s;

   -webkit-animation: bounceY 0.9s linear;

   -moz-animation: bounceY 0.9s linear;

   -ms-animation: bounceY 0.9s linear;

   animation: bounceY 0.9s linear;

}

.dragoman-act-list:hover .info {

   -webkit-transform: translateY(0px);

   -moz-transform: translateY(0px);

   -o-transform: translateY(0px);

   -ms-transform: translateY(0px);

   transform: translateY(0px);

   -webkit-transition-delay: 0s;

   -moz-transition-delay: 0s;

   -o-transition-delay: 0s;

   -ms-transition-delay: 0s;

   transition-delay: 0s;

}

@keyframes bounceY {

    0% { transform: translateY(-205px);}

    40% { transform: translateY(-100px);}

    65% { transform: translateY(-52px);}

    82% { transform: translateY(-25px);}

    92% { transform: translateY(-12px);}

    55%, 75%, 87%, 97%, 100% { transform: translateY(0px);}

}

@-moz-keyframes bounceY {

    0% { -moz-transform: translateY(-205px);}

    40% { -moz-transform: translateY(-100px);}

    65% { -moz-transform: translateY(-52px);}

    82% { -moz-transform: translateY(-25px);}

    92% { -moz-transform: translateY(-12px);}

    55%, 75%, 87%, 97%, 100% { -moz-transform: translateY(0px);}

}

@-webkit-keyframes bounceY {

    0% { -webkit-transform: translateY(-205px);}

    40% { -webkit-transform: translateY(-100px);}

    65% { -webkit-transform: translateY(-52px);}

    82% { -webkit-transform: translateY(-25px);}

    92% { -webkit-transform: translateY(-12px);}

    55%, 75%, 87%, 97%, 100% { -webkit-transform: translateY(0px);}

}

.info{width:47px !important;height:47px;position:absolute;top:50%;margin-top:-23.5px;left:50%;margin-left:-23.5px}

.dragoman-pd{width:0%;height:0%;position:fixed;top:50%;left:50%;background:rgba(0,0,0,.8);z-index:99999;transition:.5s;-moz-transition:.5s; -webkit-transition:.5s;-o-transition:.5s;overflow:hidden;}

.dragoman-active{width:100%;height:100%;top:0;left:0}

.dra-close{width:50px;height:50px;font-weight:bold;font-size:30px;color:#FFF;text-align:center;line-height:50px;position:absolute;right:0;top:0;cursor:pointer}

.dragoman-pd img{width:600px;margin:0 auto;border:5px solid #FFF;border-radius:5px}

.dragoman-pd1{position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    padding: 10px;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -webkit-flex-direction: row;

    -ms-flex-direction: row;

    flex-direction: row;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-justify-content: space-around;

    -ms-flex-pack: distribute;

    justify-content: space-around;}





.contact-lists{margin-top:30px}

.contact-list{width:293px;padding:24px 13px;background:#efeff0;float:left}

.contact-list+.contact-list{margin-left:23px}

.contact-con{background:#FFF;height:100%}

.contact-con-p1{text-align:center;margin-bottom:0;padding:25px 0 10px 0}

.contact-con-p2{text-align:center;margin-bottom:25px;line-height:25px;padding:0 10px}

.contact-con-p3{font-size:14px;text-align:center;padding-top:40px}

.contact-con-p4{font-size:14px;color:#ff0000;text-align:center;padding-bottom:30px}

.contact-con-p5{font-size:14px;text-align:center;padding-bottom:30px}

.contact-map{margin-top:20px}


.dragoman-life{margin-top:40px}

.dragoman-life img{max-width:100%}

.dragoman-life-con{font-size:16px;color:#000000;margin-top:-30px}

.dragoman-life-con p{margin-bottom:10px;letter-spacing:1px}

.life-img{margin-top:30px}

.heart-img{margin-top:80px}

.heart1-img{margin-top:20px}

.dragoman-zdr{margin-top:70px}

.dragoman-zdr1-img{float:right}

.dragoman-zdr2-img{float:left}

.dragoman-zdr1{margin-top:40px}

.dragoman-zdr2{margin-top:40px}

.dragoman-zdr1-left{float:left;width:540px;}

.dragoman-zdr1-left p{text-align:left;margin-bottom:0px;font-size:16px;color:#000000;line-height:28px;text-indent:30px}

.dragoman-zdr1-left img{margin-top:30px}

.dragoman-zdr2-right{width:636px;float:right}

.dragoman-zdr2-right img{margin-top:70px}

.dragoman-zdr2-right p{text-align:left;margin-bottom:0px;font-size:16px;color:#000000;line-height:45px;text-indent:30px}

.dragoman-zdr2-right p span{color:#df0821}

.dragoman-btm1{width:760px;float:left;margin-bottom:20px;}

.dragoman-btm{margin-top:30px}

.dragoman-btm1 img{float:left;margin-left:20px}

.dragoman-btm2{width:425px;float:right}

.recruit-all{background:#146ce4;font-size:15px;color:#FFF;padding:15px 20px}

.recruit-all-phone{width:50%;float:left}

.recruit-all-company{width:50%;float:right;text-align:right}

.recruit-list{border-bottom:1px dashed #999;position:relative;}

.recruit-list div{width:25%;float:left;text-align:center;font-size:15px;line-height:65px;}

.recruit-con a{display:inline-block;width:118px;height:22px;border-radius:5px;background:#146ce4;vertical-align:middle;color:#FFF;line-height:22px;text-decoration:none;cursor:pointer}

.recruit-list em{display:block;width:58px;position:absolute;right:0;top:0;height:44px;background:url(../images/jp.png);}

.recruit-title{color:#146ce4}

.recruit-detail{width:100%;margin:40px 0 10px 0;line-height:30px}

.recruit-detail table{width:100%;border:1px solid #c9c9c9;font-size:16px;color:#333333}

.td1{width:195px;text-align:center;}

.td1 span{display:inline-block;vertical-align:middle}

.td2{width:730px;padding:20px 0px 20px 20px;}

.school-list{border-bottom: 1px #ccc dashed;padding-bottom: 10px;}

.school-list img{float:left;margin:25px 0 0 20px;border:1px solid #d5d5d5}

.school-con{width:590px;float:right}

.school-title{font-size:24px;color:#146ce4;font-weight:bold;margin:30px 0 2px 0}

.school-zhiwei{font-size:18px;color:#454545;margin-top:10px; font-weight: bold;}

.school-desc{font-size:16px;color:#666;line-height:28px;letter-spacing:1px;margin-top:15px}

.school-gy{font-size:16px;color:#333;line-height:25px;letter-spacing:1px;margin-top:20px}



#ecology-first{position:relative;height:960px;overflow:hidden}

.ecology-banner{width:100%;height:960px;background:url(../images/ecology/1.jpg) center center;border-bottom:8px solid #bb1b21}

.ecology-banner-first{margin-top:120px;width:490px;height:432px;background:url(../images/ecology1.png) center center;float:left;transform:rotate(90deg);-ms-transform:rotate(90deg); /* Internet Explorer */-moz-transform:rotate(90deg); /* Firefox */-webkit-transform:rotate(90deg); /* Safari Ã¥â€™Å’ Chrome */-o-transform:rotate(90deg); /* Opera */transition: 3s;-moz-transition: 3s; /* Firefox 4 */-webkit-transition:3s; /* Safari Ã¥â€™Å’ Chrome */-o-transition:3s; /* Opera */}

.ecology-app{width:0px;height:0px;background:url(../images/ecology/eco_app.png);background-size:100% 100%;position:absolute;top:0;left:0;transition-delay: 2.2s;-moz-transition-delay: 2.2s; /* Firefox 4 */-webkit-transition-delay: 2.2s; /* Safari Ã¥â€™Å’ Chrome */-o-transition-delay: 2.2s; /* Opera */transition: 2s;-moz-transition: 2s; /* Firefox 4 */-webkit-transition:2s; /* Safari Ã¥â€™Å’ Chrome */-o-transition:2s; /* Opera */}

.ecology-ds{width:0px;height:0px;background:url(../images/ecology/eco_ds.png);background-size:100% 100%;position:absolute;top:0;left:0;transition-delay: 2.4s;-moz-transition-delay: 2.4s; /* Firefox 4 */-webkit-transition-delay: 2.4s; /* Safari Ã¥â€™Å’ Chrome */-o-transition-delay: 2.4s; /* Opera */transition: 2s;-moz-transition: 2s; /* Firefox 4 */-webkit-transition:2s; /* Safari Ã¥â€™Å’ Chrome */-o-transition:2s; /* Opera */}

.ecology-sxy{width:0px;height:0px;background:url(../images/ecology/eco_sxy.png);background-size:100% 100%;position:absolute;top:0;left:0;transition-delay: 2.6s;-moz-transition-delay: 2.6s; /* Firefox 4 */-webkit-transition-delay: 2.6s; /* Safari Ã¥â€™Å’ Chrome */-o-transition-delay: 2.6s; /* Opera */transition: 2s;-moz-transition: 2s; /* Firefox 4 */-webkit-transition:2s; /* Safari Ã¥â€™Å’ Chrome */-o-transition:2s; /* Opera */}

.ecology-pp{width:0px;height:0px;background:url(../images/ecology/eco_pp.png);background-size:100% 100%;position:absolute;top:0;left:0;transition-delay: 2.8s;-moz-transition-delay: 2.8s; /* Firefox 4 */-webkit-transition-delay: 2.8s; /* Safari Ã¥â€™Å’ Chrome */-o-transition-delay: 2.8s; /* Opera */transition: 2s;-moz-transition: 2s; /* Firefox 4 */-webkit-transition:2s; /* Safari Ã¥â€™Å’ Chrome */-o-transition:2s; /* Opera */}

.ecology-ty{width:0px;height:0px;background:url(../images/ecology/eco_ty.png);background-size:100% 100%;position:absolute;top:0;left:0;transition-delay: 3s;-moz-transition-delay: 3s; /* Firefox 4 */-webkit-transition-delay: 3s; /* Safari Ã¥â€™Å’ Chrome */-o-transition-delay: 3s; /* Opera */transition: 2s;-moz-transition: 2s; /* Firefox 4 */-webkit-transition:2s; /* Safari Ã¥â€™Å’ Chrome */-o-transition:2s; /* Opera */}

.ecology-logo{width:0px;height:0px;background:url(../images/ecology/eco_logo.png);background-size:100% 100%;position:absolute;top:335px;left:255px;transition: 2s;-moz-transition: 2s; /* Firefox 4 */-webkit-transition:2s; /* Safari Ã¥â€™Å’ Chrome */-o-transition:2s; /* Opera */transform:rotate(-360deg);-ms-transform:rotate(-360deg); /* Internet Explorer */-moz-transform:rotate(-360deg); /* Firefox */-webkit-transform:rotate(-360deg); /* Safari Ã¥â€™Å’ Chrome */-o-transform:rotate(-360deg); /* Opera */}

.ecology-title{font-size:88px;color:#FFF;font-weight:bold;width:750px;height:115px;position:absolute;top:180px;left:550px}

.ecology-etitle{width:750px;font-size:25px;color:#FFF;height:115px;position:absolute;top:305px;left:550px;letter-spacing:3.55px}

.ecology-desc{position:absolute;left:548px;top:380px;width:0;height:0;transition: 2s;-moz-transition: 2s; /* Firefox 4 */-webkit-transition:2s; /* Safari Ã¥â€™Å’ Chrome */-o-transition:2s; /* Opera */}

.ecology-desc img{width:100%;}

.eco-lxfs{position:absolute;width:744px;height:149px;bottom:103px;left:-744px;transition: 2s;-moz-transition: 2s; /* Firefox 4 */-webkit-transition:2s; /* Safari Ã¥â€™Å’ Chrome */-o-transition:2s; /* Opera */}

.eco-phone{position:absolute;width:294px;height:380px;bottom:8px;right:-294px;transition: 2s;-moz-transition: 2s; /* Firefox 4 */-webkit-transition:2s; /* Safari Ã¥â€™Å’ Chrome */-o-transition:2s; /* Opera */}

.second-logo{margin-top:-95px;}

.second-logo-one{background:#FFF;width:190px;height:190px;border-radius:95px;border:8px solid #bb1b21;margin:0 auto;text-align:center;}

.second-logo-one img{margin-top:35px;}



.ecology-second{overflow-x:hidden;position:relative;height:915px;background:url(../images/ecology/eco_bj2.png) center center;background-size:1170px 915px}

.ecology-second-list1{position:absolute;top:42px;left:-340px;width:340px;height:150px;transition: 1s;-moz-transition: 1s; /* Firefox 4 */-webkit-transition:1s; /* Safari Ã¥â€™Å’ Chrome */-o-transition:1s;}

.ecology-second-list2{width:360px;position:absolute;top:185px;right:-360px;transition: 1s;-moz-transition: 1s; /* Firefox 4 */-webkit-transition:1s; /* Safari Ã¥â€™Å’ Chrome */-o-transition:1s;}

.ecology-second-list3{width:418px;position:absolute;top:350px;left:-418px;transition: 1s;-moz-transition: 1s; /* Firefox 4 */-webkit-transition:1s; /* Safari Ã¥â€™Å’ Chrome */-o-transition:1s;}

.ecology-second-list4{width:380px;height:145px;position:absolute;top:495px;right:-380px;transition: 1s;-moz-transition: 1s; /* Firefox 4 */-webkit-transition:1s; /* Safari Ã¥â€™Å’ Chrome */-o-transition:1s;}

.ecology-second-list5{width:317px;height:181px;position:absolute;top: 547px;left: -317px;transition: 1s;-moz-transition: 1s; /* Firefox 4 */-webkit-transition:1s; /* Safari Ã¥â€™Å’ Chrome */-o-transition:1s;}



.ecology-second-p1{font-size:31px;color:#c2301f;font-weight:bold}

.ecology-second-list1-con{width:180px;float:left;padding:35px 15px;letter-spacing:2px}

.ecology-second-list2-1{width:50%;float:left}

.ecology-second-p3{font-size:28px;color:#f38d37;font-weight:bold;margin-top:10px;margin-bottom:5px}

.ecology-second-p4{font-size:14px}

.ecology-second-list3-con{width:265px;float:left;line-height:23px;padding:25px 0}

.ecology-second-list3-img{width:145px;float:right}

.ecology-second-p5{font-size:28px;color:#f2ca5b;line-height:28px;font-weight:bold;letter-spacing:3px}

.ecology-second-p6{font-size:14px}

.ecology-second-list4-img{width:145px;float:left}

.ecology-second-list4-con{width:208px;float:right;padding:25px 0}

.ecology-second-p7{font-size:38px;color:#54217b;font-weight:bold}

.ecology-second-p8{font-size:14px}

.ecology-second-p9{font-size:30px;color:#22d4f6;font-weight:bold;margin-bottom:0px;letter-spacing:1px}

.ecology-second-p10{font-size:15px;color:#04b5ff;text-transform:Uppercase;letter-spacing:1px}



.ecology-third{width:100%;height:867px;background:url(../images/ecology/eco_bj3.jpg) center center;position:relative}

.ecology-third-title{margin-top:70px;}

.ecology-third-tyg{width:1170px;height:670px;position:absolute;bottom:0px;left:50%;margin-left:-585px;overflow:hidden}

.eco_tyg{width:1170px;height:532px;position:absolute;bottom:-13px;left:0}

.tyg1{position:absolute;bottom:388px;left:-344px;transition: 2s;-moz-transition: 2s; /* Firefox 4 */-webkit-transition:2s; /* Safari Ã¥â€™Å’ Chrome */-o-transition:2s;}

.tyg2{position:absolute;left:335px;top:-155px;transition: 2s;-moz-transition: 2s; /* Firefox 4 */-webkit-transition:2s; /* Safari Ã¥â€™Å’ Chrome */-o-transition:2s;}

.tyg3{position:absolute;right:432px;bottom:-182px;transition: 2s;-moz-transition: 2s; /* Firefox 4 */-webkit-transition:2s; /* Safari Ã¥â€™Å’ Chrome */-o-transition:2s;}

.tyg4{position:absolute;right:-231px;bottom:475px;transition: 2s;-moz-transition: 2s; /* Firefox 4 */-webkit-transition:2s; /* Safari Ã¥â€™Å’ Chrome */-o-transition:2s;}

.tyg5{width:0;height:0;position:absolute;left:326px;bottom:314px;transition: 2s;-moz-transition: 2s; /* Firefox 4 */-webkit-transition:2s; /* Safari Ã¥â€™Å’ Chrome */-o-transition:2s;}



.ecology-fourth{height:1005px}

.ecology-fourth-left{width:37px;height:0;float:left;transition: 3s;-moz-transition: 3s; /* Firefox 4 */-webkit-transition:3s; /* Safari Ã¥â€™Å’ Chrome */-o-transition:3s;overflow:hidden}

.ecology-fourth-right{width:1055px;height:0;float:right;transition: 2.5s;-moz-transition: 2.5s; /* Firefox 4 */-webkit-transition:2.5s; /* Safari Ã¥â€™Å’ Chrome */-o-transition:2.5s;overflow:hidden}

.ecology-fourth-right-first{width:100%;height:150px;margin-top:80px}

.ecology-fourth-right-second{width:100%;height:150px;margin-top:85px;}

.ecology-fourth-right-third{width:100%;height:150px;margin-top:90px;}

.ecology-fourth-right-fourth{width:100%;height:150px;margin-top:95px;}

.ecology-fourth-right-con{width:870px;float:right}

.ecology-fourth-right-p1{font-size:30px;color:#333;font-weight:bold;letter-spacing:7px;margin-top:15px}

.ecology-fourth-right-p2{font-size:13.5px;color:#878787;;letter-spacing:4px;text-transform:Uppercase}

.ecology-fourth-right-p3{font-size:16px;color:#000000;letter-spacing:1px;margin-top:20px}





.ecology-fifth{border-bottom:5px solid #bb1b21;width:100%;height:1050px;background:url(../images/ecology/eco_bj4.jpg) center center;}

.ecology-fifth-con{height:1050px;position:relative;}

.ecology-fifth-title{overflow:hidden;width:0;height:210px;position:absolute;top:30px;transition: 2s;-moz-transition: 2s; /* Firefox 4 */-webkit-transition:2s; /* Safari Ã¥â€™Å’ Chrome */-o-transition:2s;}

.ecology-fifth-map{width:890px;height:710px;position:absolute;top:245px;left:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;transition: 3s;-moz-transition: 3s; /* Firefox 4 */-webkit-transition:3s; /* Safari Ã¥â€™Å’ Chrome */-o-transition:3s;}

.eco_map2{width:0px;height:0px;position:absolute;right:170px;top:285px;z-index:999;transition: 2s;-moz-transition: 2s; /* Firefox 4 */-webkit-transition:2s; /* Safari Ã¥â€™Å’ Chrome */-o-transition:2s;}

.ecology-fifth-lists{width:300px;position:absolute;right:-300px;top:500px;transition: 2s;-moz-transition: 2s; /* Firefox 4 */-webkit-transition:2s; /* Safari Ã¥â€™Å’ Chrome */-o-transition:2s;}

.ecology-fifth-list{width:50%;float:left;padding:0 20px}

.ecology-fifth-list p{font-size:14px;color:#FFF;margin-left:20px;line-height:18px;margin-bottom:20px;letter-spacing:1px}



.fifth-logo{margin-top:-95px;}

.fifth-logo-one{position:relative;background:#FFF;width:190px;height:190px;border-radius:95px;border:8px solid #bb1b21;margin:0 auto;text-align:center;}

.fifth-logo-one img{margin-top:35px;}



.btm{width:100%;height:315px;background:url(../images/ecology/btm_bj.png) center center;margin-top:-88px}

.btm-con{width:410px;color:#FFF;font-size:30px;font-weight:bold;margin-top:80px;line-height:45px;letter-spacing:2px}

.btm-econ{width:560px;color:#FFF;font-size:14px;float:right}

/**

	active

*/

.ecology-active .ecology-banner-first{transform:rotate(0);-ms-transform:rotate(0); /* Internet Explorer */-moz-transform:rotate(0); /* Firefox */-webkit-transform:rotate(0); /* Safari Ã¥â€™Å’ Chrome */-o-transform:rotate(0); /* Opera */}

.ecology-active .ecology-app{width:70px;height:68px;top:123px;left:210px}

.ecology-active .ecology-ds{width:118px;height:67px;top:227px;left:4px}

.ecology-active .ecology-sxy{width:118px;height:67px;top:317px;left:370px}

.ecology-active .ecology-pp{width:70px;height:68px;top:403px;left:101px}

.ecology-active .ecology-ty{width:70px;height:68px;top:471px;left:344px}

.ecology-active .ecology-logo{width:70px;height:100px;top:288px;left:210px;transform:rotate(0);-ms-transform:rotate(0); /* Internet Explorer */-moz-transform:rotate(0); /* Firefox */-webkit-transform:rotate(0); /* Safari Ã¥â€™Å’ Chrome */-o-transform:rotate(0); /* Opera */}

.ecology-active .ecology-desc{width:475px;height:90px}

.ecology-active .eco-lxfs{left:20px}

.ecology-active .eco-phone{right:20px}



.ecology-active .ecology-second-list1{left:100px;}

.ecology-active .ecology-second-list2{right:70px;}

.ecology-active .ecology-second-list3{left:36px;}

.ecology-active .ecology-second-list4{right:70px}

.ecology-active .ecology-second-list5{left: 210px;}



.ecology-active .tyg1{left:12px;}

.ecology-active .tyg2{top:0px;}

.ecology-active .tyg3{bottom:337px}

.ecology-active .tyg4{right:190px;}

.ecology-active .tyg5{width:263px;height:85px;left:245px;bottom:290px;}



.ecology-active .ecology-fourth-left{height:1034px;padding:150px 0;}

.ecology-active .ecology-fourth-right{height:1034px;}



.ecology-active .ecology-fifth-title{width:830px}

.ecology-active .ecology-fifth-map{filter:alpha(opacity=1);-moz-opacity:1;-khtml-opacity: 1; opacity: 1}

.ecology-active .eco_map2{width:100%;height:100%;right:0;top:0}

.ecology-active .ecology-fifth-lists{right:0}



.xm-list{width:275px;float:left;cursor:pointer;margin-left:25px;margin-top:20px;margin-bottom:10px;background:#eaeaea;padding:10px;text-align:center;transition: 1s;-moz-transition: 1s; /* Firefox 4 */-webkit-transition:1s; /* Safari Ã¥â€™Å’ Chrome */-o-transition:1s;}

.xm-list a{text-decoration:none}

.xm-list-con{background:#FFF;margin-top:15px}

.xm-list-title{font-size:15px;line-height:30px;font-weight:bold;color:#666;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}

.xm-list-desc{font-size:12px;line-height:20px;padding:0 10px 10px 10px;color:#999;height:150px}

.xm-list:hover{background:rgba(0,0,0,0.5);transition: 1s;-moz-transition: 1s; /* Firefox 4 */-webkit-transition:1s; /* Safari Ã¥â€™Å’ Chrome */-o-transition:1s;}
.page{margin-top:30px}








.page .current{border-radius:5px;width:30px;height:30px;display:inline-block;background:#ff9900;line-height:30px;color:#ffffff;margin:5px}

.page .num{border-radius:5px;width:30px;height:30px;display:inline-block;background:#edecec;line-height:30px;color:#666666;text-decoration:none;margin:5px}

.page .next{border-radius:5px;width:65px;height:30px;display:inline-block;background:#edecec;line-height:30px;color:#666666;text-decoration:none;margin:5px}

.page .prev{border-radius:5px;width:65px;height:30px;display:inline-block;background:#edecec;line-height:30px;color:#666666;text-decoration:none;margin:5px}

.end{display:none}

.blur{box-shadow:0 0 3px #999;}

.g-top {
    position: fixed;
    right: 30px;
    top: 500px;
    display: none;
    width: 48px;
    line-height: 100px;
    height: 82px;
    background: url(../images/g_top.jpg);
    text-align: center;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	cursor:pointer
}
.g-top a {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}







</pre></body></html>