/*banner*/
.banner{ min-width:1200px;height:504px; position:relative; margin:0 auto; overflow:hidden; z-index:1;}
.banner_show{ width:100%; text-align:center; height:504px; overflow:hidden; position:relative;  }
.bannger_inbox{ position:absolute; left:50%; top:0;}
.bannger_inbox img{width:1920px;height:504px;}
.banner_pre_next{position:relative;z-index:101;top:220px;display:none;}
.banner_pre_next .banner_btn_left{position:absolute;left:10%;color:#fff;font:bold 80px/normal simsun;}
.banner_pre_next .banner_btn_right{position:absolute;right:10%;color:#fff;font:bold 80px/normal simsun;}
.banner_pre_next .banner_btn_right:hover,.banner_pre_next .banner_btn_left:hover{color:#ff6600;}
.yq_banner_list{ width:200px; height:5px;position:absolute; bottom:10px;z-index:100; left:44%; padding-right:12px;}
.yq_banner_list a{ display:inline-block; width:14px; height:3px;background:url(../images/abg.jpg) no-repeat left; }
.yq_banner_list a:hover,.yq_banner_list a.hover{background:url(../images/abg.jpg) no-repeat right; }



/* title */
.title{margin:50px 0;width: 100%;text-align:center;}
.title p {font-size: 32px;font-weight:bold;color: #2175af;}
.title p span {font-family: Arial, Helvetica, sans-serif;font-size: 20px;font-weight: normal;text-transform: uppercase;color: #999;display:block;    padding-top: 10px;}


/* case */
.case {width: 100%;padding-bottom: 0px;clear:both;padding-top:0px;}
.case .submenu {width: 100%;height: 30px;}
.case .submenu ul{text-align:center;}
.case .submenu li {    display: inline-block;font-size: 16px;}
.case .submenu li a {display: block;padding:7px 24px;color: #606060;}
.case .submenu li a:hover,
.case .submenu li .active {background-color: #2175af;color: #FFf;}

.case .content ul {overflow: hidden;position: relative;padding: 20px 0 100px 0;}
.case .content ul li {float: left;width:25%;position: relative;}
.case .content ul li img {vertical-align: top;width:100%; height:210px;}
.case .content ul li .summary{
	width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: block;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 0;
 }
.case .content ul li .summary span{-webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: block;
    font-size: 16px;
    color: #fff;
    clear: both;
     margin: -50px 0 px 0;
    position: relative;
    top: 13%; 
 }
.case .content ul li .summary p{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:block; font-size:12px;color: #fff;font-style:normal; position:relative; top:16%;}
.case .content ul li .summary i{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:block;  position:relative; top:17%;width:50px;height:50px;background: url("../images/jia.png") no-repeat ;background-size:100%;text-align: center;left:43%}

.case .content ul li:hover .summary {
    display: block;
    opacity: 0.8;
    background:url(../images/debut_dark.gif) 0 0;
}
.case .content ul li:hover .summary span,
.case .content ul li:hover .summary p,
.case .content ul li:hover .summary i {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUp{
	0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}
	100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}	
@keyframes fadeInUp{
	0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}
	100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}



/* good */
.good { background: #f9f9f9;    overflow: hidden;padding:0 0 100px 0;}
.info_grid_list{border-width: 1px 1px 1px 1px;border-style: solid;border-color: #ddd;overflow:hidden;}
.info_grid_list li{ float: left;padding: 0; width: 298px; height: 250px; position:relative; overflow:hidden; }
.info_reason_wrap{ position:absolute; padding:15px 20px; width: 258px; height: 198px;}
.info_reason_wrap img{ width: 258px; height: 100px;     margin-bottom: 20px;}
.info_reason_wrap span{ padding-top:20px;font-size: 18px;color: #ff6600;font-weight: bold; }
.info_reason_wrap p{ line-height: 20px; color: #333;}

.info_grid_tab{border-width: 0px 1px 1px 1px;border-style: solid;border-color: #ddd;
height: 30px;vertical-align:middle;text-align: center;overflow:hidden;}
.info_grid_tab a{display: inline-block;margin: 0 4px;padding: 10px 0;}
.info_grid_tab a span{display: block;width: 80px;height: 6px;line-height: 6px;
font-size: 0;background-color: #cdcdcd;}
.info_grid_tab .active span{background-color:#2175af;}
.none{display:none;}
.bdla{ border-left: 1px dashed #ddd;}
.main{
	overflow: hidden;
	position: relative;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
/* about */
.aboutus {width: 100%;margin-bottom: 50px;overflow: hidden;position: relative;padding-top:15px;}

.zizhibox{float:left;width:420px;height:245px;overflow:hidden;position:relative;}
.zizhibox >li  {font-size: 16px;font-weight: bold;margin-bottom: 20px;}
.zizhibox >li >span  {font-family: Arial, Helvetica, sans-serif;font-size: 10px;
font-weight: normal;margin-left: 5px;text-transform: uppercase;color: #999;}
.zizhibox ul{position:absolute;left:0;top:45px;}
.zizhibox ul li{float:left;width:200px;height:245px;margin-right:10px;}  
.zizhibox li .zizhiimg img{width:200px;height:155px;}
.zizhibox li .zizhinames{text-align:center;margin-top:10px;color:#666;}
.zizhi-l{float:left;position: absolute;z-index: 99;width:25px;height:48px;background:url('../images/prevBtn.png') no-repeat left top;margin:55px 5px 0px 0px;cursor:pointer;background-size: 100%;}
.zizhi-r{right: 10px;position: absolute;z-index: 99;width:25px;height:48px;background:url('../images/nextBtn.png') no-repeat;margin:55px 0px 0px 0px;cursor:pointer;background-size: 100%;}

.about-News {float: right;width: 360px;margin-left: 22px;}
.about-News >li  {font-size: 16px;font-weight: bold;padding-left: 10px;margin-bottom: 20px;}
.about-News >li >span  {font-family: Arial, Helvetica, sans-serif;font-size: 10px;
font-weight: normal;margin-left: 5px;text-transform: uppercase;color: #999;}
.about-News ul{margin:5px 0 0 0;}
.about-News ul li{width:100%; overflow:hidden; margin-bottom:5px; padding-bottom:5px; border-bottom:1px dashed #ddd;}
.about-News ul li a{padding-left:10px;}
.about-News ul li tt{float:right; color:#777; font-size:10px; font-weight:400; }

/* links */
.links {margin-bottom: 25px;border-width: 1px 1px 1px 1px;border-style: solid;border-color: #ddd; color:#777;   padding: 3px;width:100%;overflow: hidden;}
.links a{color:#777;padding:0 5px;}
.links ul span {margin:0 2px 0 2px; color:#ddd;}
.links ul li {float: left;margin-left: 5px;}