@charset "utf-8";

/* CSS Document */





/*common*/










/*body*/

body {background:#ffffff; }







/*首页样式*/



.g_img .img_rotate1{  -moz-animation:rotate 20s infinite linear;  -webkit-animation:rotate 20s infinite linear;  animation:rotate 20s infinite linear; }



.home_main {width:100%; min-width:1200px; background:#ffffff; margin:760px auto 0 auto; position: relative; z-index: 2;}



.home_container { width:1200px; margin:0 auto;}

    .home_container .h_h1 { text-align:center; font-size:28px; line-height:30px; color:#333333; padding-bottom:20px; background:url(../images/h_tline.png) center bottom no-repeat; margin:80px 0 0 0;}

    .home_container .h_h1.on {  background:url(../images/h_tline1.jpg) center bottom no-repeat; }

	    .home_container .h_h1 span { font-family:Arial; font-size:30px; line-height:30px; color:#999999; text-transform:uppercase;}

	.home_container .h_h2 { text-align:center; font-size:14px; line-height:30px; color:#666666; margin:10px 0 30px 0; overflow:hidden;}

	








		

	.news_panel {background:url(../images/news_bg.jpg) center top no-repeat; background-attachment: fixed; height:750px; width:100%; min-width:1200px; overflow:hidden;}

	    .news_panel .news_nav { text-align:center; overflow:hidden;}

		    .news_panel .news_nav a { width:160px; height:40px; line-height:40px; background:#ffffff; color:#666666; font-size:16px; display:inline-block; margin-left:1px;}

			    .news_panel .news_nav a:hover {background:#eeeeee; color:#666666;}

				.news_panel .news_nav a.hover {background:#ff2832; color:#ffffff;}

				     .news_panel .news_nav a.hover:hover {background:#ff2832; color:#ffffff;}





.news_panel .news_container{margin-top: 30px; overflow: hidden; width: 1200px; height: 380px; }

.news_panel .news_container .news_left{float: left; overflow: hidden;}

.news_panel .news_container .news_left .news-text{padding: 10px; width: 280px; height: 360px; background-color: rgba(255,255,255,0.9);  float: left; margin-right: 10px;}

.news_panel .news_container .news_left .news-text .g-img{width: 100%; height: 180px; overflow: hidden; text-align:center}

.news_panel .news_container .news_left .news-text .g-img img{max-width: 100%;  transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;}

.news_panel .news_container .news_left .news-text .g-img img:hover{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}

.news_panel .news_container .news_left .news-text .m-text{padding: 25px 15px 15px; font-size: 14px;}

.news_panel .news_container .news_left .news-text .m-text .g-tt{font-size: 16px; color: #333333; width: 100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.news_panel .news_container .news_left .news-text .m-text .g-tt a{ color: #333333; }

.news_panel .news_container .news_left .news-text .m-text .g-text{color: #888888; margin: 15px 0; width: 100%; height: 60px;  line-height: 20px; overflow:hidden; }

.news_panel .news_container .news_left .news-text .m-text .g-more{color: #666666; text-decoration: underline; }



.news_panel .news_container .news_right{float: right; overflow: hidden; background-color: rgba(255,255,255,0.9); padding: 20px 30px; width: 520px; height: 340px;}

.news_panel .news_container .news_right .news_text{border-bottom: 1px solid #E7E7E7; padding: 15px 0; overflow: hidden; }

.news_panel .news_container .news_right .news_text .time{ width: 80px; float: left; text-align: center; color: #999999; margin-right: 20px; font-size: 14px;}

.news_panel .news_container .news_right .news_text .time .g-d{ font-size: 60px; line-height: 50px; margin-bottom: 8px; }

.news_panel .news_container .news_right .news_text .m-text{float: left; width: 420px;}

.news_panel .news_container .news_right .news_text .m-text .g-tt{ font-size: 16px; margin-bottom: 10px; width: 100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.news_panel .news_container .news_right .news_text .m-text .g-tt a{ color: #333333;}

.news_panel .news_container .news_right .news_text .m-text .g-text{color: #888888; height: 40px; font-size: 14px; line-height: 20px; overflow: hidden;}

.news_panel .news_container .news_right .news_list{padding-top: 20px; padding-left: 10px;}

.news_panel .news_container .news_right .news_list li{ background: url(../images/h_ico1.png) center left no-repeat; font-size: 14px; width: 100%; overflow: hidden; height: 28px; line-height: 28px; text-indent: 1em;}

.news_panel .news_container .news_right .news_list li a{color: #666666;}

.news_panel .news_container .news_right .news_list li span{color: #999999;}








/*首页新闻左右*/





@charset "UTF-8";



/*!

Animate.css - http://daneden.me/animate

Licensed under the MIT license - http://opensource.org/licenses/MIT



Copyright (c) 2015 Daniel Eden

*/

.infinite {animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite;}



.animated {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}



.animated.infinite {

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

}



.animated.hinge {

  -webkit-animation-duration: 2s;

  animation-duration: 2s;

}



.animated.bounceIn,

.animated.bounceOut {

  -webkit-animation-duration: .75s;

  animation-duration: .75s;

}



.animated.flipOutX,

.animated.flipOutY {

  -webkit-animation-duration: .75s;

  animation-duration: .75s;

}





























.bounceOutUp {

  -webkit-animation-name: bounceOutUp;

  animation-name: bounceOutUp;

}



@-webkit-keyframes fadeIn {

  0% {

    opacity: 0;

  }



  100% {

    opacity: 1;

  }

}



@keyframes fadeIn {

  0% {

    opacity: 0;

  }



  100% {

    opacity: 1;

  }

}



.fadeIn {

  -webkit-animation-name: fadeIn;

  animation-name: fadeIn;

}



@-webkit-keyframes fadeInDown {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

  }



  100% {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



@keyframes fadeInDown {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

  }



  100% {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



.fadeInDown {

  -webkit-animation-name: fadeInDown;

  animation-name: fadeInDown;

}



@-webkit-keyframes fadeInDownBig {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

    transform: translate3d(0, -2000px, 0);

  }



  100% {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



@keyframes fadeInDownBig {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

    transform: translate3d(0, -2000px, 0);

  }



  100% {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



.fadeInDownBig {

  -webkit-animation-name: fadeInDownBig;

  animation-name: fadeInDownBig;

}



@-webkit-keyframes fadeInLeft {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

  }



  100% {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



@keyframes fadeInLeft {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

  }



  100% {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



.fadeInLeft {

  -webkit-animation-name: fadeInLeft;

  animation-name: fadeInLeft;

}



@-webkit-keyframes fadeInLeftBig {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

    transform: translate3d(-2000px, 0, 0);

  }



  100% {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



@keyframes fadeInLeftBig {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

    transform: translate3d(-2000px, 0, 0);

  }



  100% {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



.fadeInLeftBig {

  -webkit-animation-name: fadeInLeftBig;

  animation-name: fadeInLeftBig;

}



@-webkit-keyframes fadeInRight {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

  }



  100% {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



@keyframes fadeInRight {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

  }



  100% {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



.fadeInRight {

  -webkit-animation-name: fadeInRight;

  animation-name: fadeInRight;

}



@-webkit-keyframes fadeInRightBig {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

    transform: translate3d(2000px, 0, 0);

  }



  100% {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



@keyframes fadeInRightBig {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

    transform: translate3d(2000px, 0, 0);

  }



  100% {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



.fadeInRightBig {

  -webkit-animation-name: fadeInRightBig;

  animation-name: fadeInRightBig;

}