@charset "gb2312";
/* CSS Document */
*{margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-style:normal;}
body,html{height:100%;}
.apple{overflow-y:scroll;-webkit-overflow-scrolling: touch;}
body {background:#fff; font-size:62.5%;line-height: 140%; color:#707070; font-family:΢ÈíÑźÚ, Arial, Helvetica, sans-serif;}
img {border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle;}
ul,ol,li{list-style-type: none;}
h1,h2,h3,h4,h5{ font-weight:normal;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {display: block;}
input,textarea,select, button,{font-family:΢ÈíÑźÚ, Arial, Helvetica, sans-serif; font-size:0.88em;}


a {color: #727171; text-decoration:none;  font-family:΢ÈíÑźÚ, Arial, Helvetica, sans-serif;}
a:hover { text-decoration: none;}
a:focus { background:none; }
:focus{outline:0;}
/*Çå³ýÑùʽ*/
.clearBoth{ clear:both;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table; height: 1%; display: block;}
.verticalAlign{vertical-align:middle; display:inline-block; height:100%; width:1px;margin-left:-1px;}
.fl{ float:left;}
.fr{ float:right;}
.ml10{ margin-left:10px;}
.ml30{ margin-left:90px;}
.mt20{ margin-top:20px;}
.mr30{ margin-right:30px;}
.w1200{ width:1200px; margin:0 auto;}
.w1000{ width:1000px; margin:0 auto;}
.w960{ width:960px; margin:0 auto;}
.w303{ width:303px;}
.w560{ width:560px;}
.w400{ width:400px;}
.w510{ width:510px;}
.w410{ width:410px;}
.w490{ width:490px;}
.w444{ width:444px;}
.w280{ width:280px;}
.w900{ width:900px;}
.line30{ line-height:30px;}
.line24{ line-height:24px;}
.bgbai{ background:#fff;}
.bghui{ background:#ddd;}
.margin{ margin:0 auto;}
.color{ color:#e3bea7;}
/*×îÍâ²ã*/
#wrapper{width: 100%; overflow:hidden;}
/*¶¥²¿ -------------------------------------------------------------------------------*/
.header{ height:auto;}
.top h1.logo{ margin:0;}
.top span{ color:#777777; float:right; margin:10px 0;}
.top span a{ color:#777777; margin:0 5px;}
.top span a.color{ color:#282828;}
.top span a:hover{ color:#900;}
.top .tel { margin:5px 0;}
.container{ background:url(../images/nav.jpg) repeat; height:50px;}
.menu {height: 50px;}
.menu li { text-align:center; border-right:1px solid  rgba(255,255,255,.2); min-width: 150px;}
.menu li:nth-child(8){ border:0;}
.menu > li {
    display: block;
    float: left;
    position: relative;
}
.menu a {
    color: #fff;
    display: block;
    font-size: 15px;
    line-height: 50px;
    padding: 0 25px;
    text-decoration: none;
    text-transform: uppercase;
}
.menu a.hover {background:#004da0;}
.menu li:hover { background:#004da0;}
.menu li:hover > a {color: #c4dbf3;}
.submenu {
    left: 0;
    max-height: 0;
    position: absolute;
    top: 100%;
    z-index: 0;

    -webkit-perspective: 400px;
    -moz-perspective: 400px;
    -ms-perspective: 400px;
    -o-perspective: 400px;
    perspective: 400px;
}
.submenu li {
    opacity: 0;

    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);

    -webkit-transition: opacity .4s, -webkit-transform .5s;
    -moz-transition: opacity .4s, -moz-transform .5s;
    -ms-transition: opacity .4s, -ms-transform .5s;
    -o-transition: opacity .4s, -o-transform .5s;
    transition: opacity .4s, transform .5s;
}
.menu .submenu li:hover a {
    border-left: 3px solid #083260;
    border-radius: 0;background:#004da0;
    color: #ffffff;
}
.menu > li:hover .submenu, .menu > li:focus .submenu {
    max-height: 2000px;
    z-index: 10;
}
.menu > li:hover .submenu li, .menu > li:focus .submenu li {
    opacity: 1; background:url(../images/nav.jpg) repeat;

    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.menu li:hover .submenu li:nth-child(1) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.menu li:hover .submenu li:nth-child(2) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}
.menu li:hover .submenu li:nth-child(3) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}
.menu li:hover .submenu li:nth-child(4) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
}
.menu li:hover .submenu li:nth-child(5) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}
.menu li:hover .submenu li:nth-child(6) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
}
.menu li:hover .submenu li:nth-child(7) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}
.menu li:hover .submenu li:nth-child(8) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms;
}

.submenu li:nth-child(1) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms;
}
.submenu li:nth-child(2) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}
.submenu li:nth-child(3) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
}
.submenu li:nth-child(4) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}
.submenu li:nth-child(5) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
}
.submenu li:nth-child(6) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}
.submenu li:nth-child(7) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}
.submenu li:nth-child(8) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
/*²Ëµ¥ -------------------------------------------------------------------------------*/
/*.title{ border-bottom:1px solid #bcbcbe;line-height:60px;}
.title a{ border-left:2px solid #3bb3c3; padding-left:8px; color:#010101; font-size:18px;}
.title a:hover{ color:#3bb3c3;}
.title em a{ font-size:16px; border:0; color:#000000; margin-right:15px;}*/
.aboutus{ background:rgba(0,0,0,.7); position:relative; z-index:10000; height:180px; color:#fff; line-height:30px; font-size:14px;}
.aboutus h1{ font-size:30px; line-height:90px; font-weight:600;}
.about-con a{ display:block; color:#fff; border-radius:30px; width:160px; height:48px; border:1px solid rgba(255,255,255,.8); text-align:center; line-height:48px; margin-top:70px; font-size:18px;-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
	-ms-transition: all .5s ease-in-out 0s;
	-o-transition: all .5s ease-in-out 0s;
	transition: all .5s ease-in-out 0s;}
.about-con a:hover{ color:#bbc8ea; background:rgba(0,0,255,.6); text-indent:-15px; border:1px solid rgba(255,255,255,.4);}
.maindiv1 ul li{float:left;width:285px;height:152px;overflow:hidden; position:relative; margin:40px 0 0 15px;}
.maindiv1 ul li p{ display:block;width:285px;height:152px; background:url(../images/fangdj.png) center 150px no-repeat; z-index:100; position:absolute; left:0; top:91px; -webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
	-ms-transition: all .5s ease-in-out 0s;
	-o-transition: all .5s ease-in-out 0s;
	transition: all .5s ease-in-out 0s; text-align:center; padding-top:120px; color:#fff; font-size:16px;}
.maindiv1 ul li:hover p{ display:block;width:285px;height:152px; background: rgba(0,0,0,.7) url(../images/fangdj.png) center 40px no-repeat; z-index:100; position:absolute; left:0; top:0; }
.maindiv1 ul  li:nth-child(1){	animation-name: fadeInUp;animation-delay: 0.1s;}
.maindiv1 ul  li:nth-child(2){	animation-name: fadeInUp;animation-delay: 0.2s;}
.maindiv1 ul li:nth-child(3){	animation-name: fadeInUp;animation-delay: 0.3s;}
.maindiv1 ul li:nth-child(4){	animation-name: fadeInUp;animation-delay: 0.4s;}
.maindiv1 ul  li:nth-child(5){	animation-name: fadeInUp;animation-delay: 0.5s;}
.maindiv1 ul li:nth-child(6){	animation-name: fadeInUp;animation-delay: 0.6s;}
.maindiv1 ul  li:nth-child(7){	animation-name: fadeInUp;animation-delay: 0.7s;}
.maindiv1 ul  li:nth-child(8){	animation-name: fadeInUp;animation-delay: 0.7s;}
.maindiv1 ul  li:nth-child(9){	animation-name: fadeInUp;animation-delay: 0.7s;}
div.indexmaindiv1{margin-top:25px;}
.maindiv1 ul li img{width:285px;overflow:hidden;-webkit-transition: all 1s ease-in-out 0s;
	-moz-transition: all 1s ease-in-out 0s;
	-ms-transition: all 1s ease-in-out 0s;
	-o-transition: all 1s ease-in-out 0s;
	transition: all 1s ease-in-out 0s; }
.maindiv1 ul li:hover img{transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); -webkit-transform:scale(1.2);}
.newslist .fen{ float:left; width:31.6%; margin-right:30px;} 
.newslist .fen:nth-child(3){ margin-right:0;}
.newslist ul li{ background:url(../images/list.jpg) left center no-repeat; padding-left:10px; line-height:27px;}
.newslist ul li a{ color:#000;}
.newslist ul li a:hover{ color:#3bb3c3;}
.main_one{ position:relative; background:url(../images/ruzhu.jpg) no-repeat center bottom; height:810px; top:30px; left:0; right:0;}
.news-title{ background:url(../images/news.jpg) center no-repeat; height:83px; text-align:center;}
.news-title a{ display:block; font-size:24px; color:#000; line-height:60px; letter-spacing:2px;}
.news-title em{ text-transform: uppercase; color:#999999;}
.newsList ul li{ background:#f6f5f1; height:85px; margin-bottom:22px;}
.newsList ul li:hover{ background:#d6d6d6;}
.newsList ul li h2 { color:#7f221c; font-size:14px; letter-spacing:1px; font-weight:600; line-height:24px;}
.newsList ul li h2  a{ color:#000000;}
.newsList ul li:hover h2  a{ color:#516ea1;}
.newsList ul li em{ line-height:24px; font-size:12px; color:#000000;}
.newsList .riqi{ background:#d6d6d6; width:85px; height:85px; color:#4d4d4d; text-align:center; margin-right:20px;}
.newsList  li:hover .riqi{ background:#5572a5;}
.newsList .riqi em{ display:block; font-size:26px; font-weight:600;color:#4d4d4d; margin-top:20px; line-height:30px; }
.newsList .riqi i{ font-size:16px;}
.newsList  li:hover .riqi em ,.newsList  li:hover .riqi i{ color:#fff;}
.contact-home{ background:url(../images/liuyan.jpg) center fixed /cover no-repeat; height:500px; padding:50px 0;}
.contact-title a{ display:block;}
.contact-title em{ color:#000000; font-size:24px; display:block; line-height:60px;}
.contact-title i{ text-transform:uppercase; font-size:14px; color:#727272;}
.contact-list{ margin-top:50px;}
.contact-list li{ line-height:60px; font-size:14px; color:#727272; padding-left:30px;}
.contact-list li:nth-child(1){ background:url(../images/2_15.png) left center no-repeat;}
.contact-list li:nth-child(2){ background:url(../images/2_19.png) left center no-repeat;}
.contact-list li:nth-child(3){ background:url(../images/2_23.png) left center no-repeat;}
.links{ border-top:1px solid rgba(51,111,251,.4);}
.links .links-a a{ line-height:51px; font-size:15px; margin-left:15px; color:#727272}
.footer{ background:#262626; padding-top:50px;}
.footer-nav { border-left:1px solid #3c3c3c; color:#3c3c3c;}
.footer-nav dl{ float:left; margin:0 45px;}
.footer-nav dl dt a{ margin-bottom:40px; display:block; font-size:18px; color:#e0e0e0; letter-spacing:1px;}
.footer-nav dl dd a{ font-size:14px; color:#848484; line-height:26px; letter-spacing:1px;}
.footer-nav img{ display:inline-block; margin:0 10px 0 0; width:100px; height:100px;}
.here{ color:#666; padding:10px 0 10px;}
.here a{ border:0; font-size:14px;}
.prenext{ line-height:36px;}
.prenext a{ margin-left:20px; font-weight:600; line-height:36px; }
.ny-banner{height:250px; padding-top:80px; }
.ny-banner h2.titlegg{ text-align:center;}
.ny-banner  h2.titlegg a{     font-size: 60px;
    color: #fff;
    line-height: 1.5; font-weight:600;}
.ny-banner h2.titlegg em{ background:none; display:block;margin:0 auto;}
.ny-banner h2.titlegg i{font-size: 32px;
    color: #FFFFFF;
    line-height: 1.5;}
.location_nav{ background:#004da0; height:74px; line-height:74px; color:#fff; font-size:14px;}
.location_nav img{ width:15px; height:15px; margin-right:5px;}
.location_nav a{ color:#fff;}
.tbox{  width:1000px; overflow:hidden; margin:0 auto; padding:30px 0 0;}
.tbox ul{ display:block; overflow:hidden;}
.tbox ul li{overflow:hidden; border-bottom:1px dotted #CCC; width:436px; float:left; line-height:38px; background:url(../images/left_listicon.gif) left center no-repeat; padding-left:10px;margin-right:120px;
	transition:background 0.2s;
	-moz-transition:background 0.2s; /* Firefox 4 */
	-webkit-transition:background 0.2s; /* Safari and Chrome */
	-o-transition:background 0.2s; /* Opera */
}
.tbox ul li:nth-child(2n){ margin:0;}
.tbox ul li:nth-child(1){	animation-name: fadeInUp;animation-delay: 0.1s;}
.tbox ul  li:nth-child(2){	animation-name: fadeInUp;animation-delay: 0.2s;}
.tbox ul li:nth-child(3){	animation-name: fadeInUp;animation-delay: 0.3s;}
.tbox ul li:nth-child(4){	animation-name: fadeInUp;animation-delay: 0.4s;}
.tbox ul  li:nth-child(5){	animation-name: fadeInUp;animation-delay: 0.5s;}
.tbox ul li:nth-child(6){	animation-name: fadeInUp;animation-delay: 0.6s;}
.tbox ul  li:nth-child(7){	animation-name: fadeInUp;animation-delay: 0.7s;}
.tbox ul  li:nth-child(8){	animation-name: fadeInUp;animation-delay: 0.7s;}
.tbox ul  li:nth-child(9){	animation-name: fadeInUp;animation-delay: 0.7s;}
.tbox ul li a:hover{ color:#19af92;}
.nr{ min-height:300px;}
.fenlei ul li{ background:#adadad; border:1px solid #adadad; width:110px; margin:61px 19px 0; height:30px; float:left; display:inline-block; line-height:30px; text-align: center;font-size:13px;}
.fenlei ul li.hover ,.fenlei ul li:hover{ background:#004da0; border:1px solid #004da0;}
.fenlei ul li.hover a ,.fenlei ul li:hover a{ color:#fff;}
.fenlei ul li a{ color:#fff;}
.fenlei ul li span{ line-height:24px; color:#fff; margin-top:45px; display:block;}