@charset "utf-8";
/*
author:lichuan
mail:info@oulu.me
date:2016.11.19
*/

/*banner*/

.carousel{position:relative}
.carousel-inner{position:relative;max-width:1200px;overflow:hidden; margin: auto;}
.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}
.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}
.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}
.carousel-inner>.active{left:0}
.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}
.carousel-inner>.next{left:100%}
.carousel-inner>.prev{left:-100%}
.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}
.carousel-inner>.active.left{left:-100%}
.carousel-inner>.active.right{left:100%}
.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);filter:alpha(opacity=50);opacity:.5}
.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;filter:alpha(opacity=90);outline:0;opacity:.9}
.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}
.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}
.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}
.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}

.carousel-indicators{position:absolute;bottom:5px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}
.carousel-indicators li{display:inline-block;width:12px;height:12px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#fff;border-radius:6px; margin:0 5px;}
.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#079142; margin:0 5px;}
.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.carousel-caption .btn{text-shadow:none}
.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;width:100%;height:auto}

.hom_ratj{max-width: 1200px;margin: auto;}
.hom_ratj h1{font-size: 20px; color: #444; text-align: center; font-family: arial;height: 30px; line-height: 30px; margin-top: 40px;} 
.hom_ratj h2{height: 14px; border-bottom: 1px solid #ccc; text-align: center; margin-bottom: 54px;margin-top: 40px;}
.hom_ratj span{height: 30px; line-height: 30px; background-color: #fff; padding: 0px 30px; font-size: 24px; color: #444;}

.hom_ratj_anli{max-width: 1200px; margin: auto;}
.hom_ratj_left{width: 31.333333%; float: left; margin:20px 1%;-webkit-box-shadow:0 0 3px #ccc;  -moz-box-shadow:0 0 3px #ccc;box-shadow:0 0 3px #ccc; }
.hom_ratj_pic{position:relative; display: block;}
.hom_ratj_left img,.hom_ratj_main img,.hom_ratj_right img{display: block;max-width: 100%;height: auto;}
.hom_ratj_left a:hover,.hom_ratj_main a:hover,.hom_ratj_right a:hover{display: block; filter:alpha(opacity=80);-moz-opacity:0.80; opacity:0.80;}
.hom_ratj_jianjie{padding: 16px 20px;}
.hom_ratj_jianjie h3{font-size: 16px; color: #444;line-height: 24px; margin-bottom: 12px; height: 24px;overflow: hidden; display: block;}
.hom_ratj_jianjie p{font-size: 12px; color: #999; line-height: 24px; height: 48px; overflow: hidden; display: block;}
.gengduo{width: 100px; position: relative; height: 30px; float: right; background-color: #c6e40a;line-height: 30px; color: #fff; font-size: 12px;}
.gengduo a{color: #fff; font-size: 12px; padding: 0px 15px;}
.gengduo img{position: absolute; top: 50%; margin-top: -5px; right: 15px;}
.jzgd_anniu{width: 120px;line-height: 36px; text-align: center; height: 36px; border: 1px solid #ccc; background-color: #fafafa; border-radius: 3px; margin: 20px auto;}
.jzgd_anniu a{font-family: "微软雅黑"; font-size: 14px; color: #666;}
.jzgd_anniu a:hover{font-family: "微软雅黑"; font-size: 14px; color: #ff0000; text-decoration: underline;}

.copy{max-width: 1160px; margin: auto; background-color: #000000; padding: 10px 20px;}
.copy p{font-size: 12px; color: #eee; line-height: 24px; text-align: center;}
.copy02{padding-left: 12px;}
.copy03{padding-left: 12px;}
.copy a{font-size: 12px; color: #eee; line-height: 24px; padding: 0px 6px;}
.copy a:hover{color: #fff; text-decoration: underline;}
.copy01 a,.copy02 a,.copy03 a{padding: 0px;}

.video_more{max-width: 1200px; margin: auto; margin-bottom: 48px;}
.video_more_h1{line-height: 60px; font-size: 16px; color: #999; text-align: right;}
.video_more_h1 a{color: #666;}
.video_more_h1 a:hover{color: #ff7700; text-decoration: underline;}
.video_more_h1 img{display: inline-block; vertical-align: middle; margin-top: -2px;margin-right: 8px;}
.video_more_h2{line-height: 48px; font-size: 24px; color: #333; text-align: center; padding-bottom: 12px; border-bottom:dashed 1px #666;}
.video_more_pic{max-width: 1000px; margin: 20px auto;}
.video_more_text{line-height: 30px; font-size: 16px; color: #666;}
.video_more_a{text-align: right; margin-top: 30px;}
.video_more_a a{display: inline-block; padding: 6px 40px; background: #ccc; text-align: center; font-size: 16px; color: #333;}
.video_more_a a:hover{background: #ff7700; color: #fff;}



@media (min-width: 320px){
#mycarousel{padding-top: 60px;}
.hom_ratj_left{width: 90%; float: none; margin:20px 5%;}
.video_more{max-width: 1200px; margin: 0px 15px; margin-bottom: 30px;}
.video_more_h1{line-height: 40px; font-size: 14px;}
.video_more_h2{line-height: 36px; font-size: 18px; padding-bottom: 12px;}
.video_more_text{line-height: 28px; font-size: 14px;}
}
@media (min-width: 480px){
.hom_ratj_left{width: 46%; float: left; margin:20px 2%;}
}
@media (min-width: 768px){
.hom_ratj_left{width: 31.333333%; float: left; margin:20px 1%;}
}
@media (min-width: 1200px){
#mycarousel{padding-top: 86px;}
.hom_ratj_left{width: 31.333333%; float: left; margin:20px 1%;}

.video_more{max-width: 1200px; margin: auto; margin-bottom: 48px;}
.video_more_h1{line-height: 60px; font-size: 16px;}
.video_more_h2{line-height: 48px; font-size: 24px; padding-bottom: 12px;}
.video_more_text{line-height: 30px; font-size: 16px;}
}