/* CSS Document */

.box_swipe{overflow:hidden;position:relative;}
.box_swipe ul{-webkit-padding-start:0px;}
.box_swipe ul li{ float:left; width:100%;}
.box_swipe ul li.li_1{ background:url(../images/bannerimg1.jpg) top center no-repeat; background-size:100% auto;}
.box_swipe ul li.li_2{ background:#256820;}
.box_swipe ul li a{ display:block; float:left; text-align:center;  width:100%;}
.box_swipe ul li a img{ width:100%;}


.box_swipe>ol{height:20px;position:absolute; bottom:0px;z-index:10; left:42%}
.box_swipe>ol>li{display:inline-block;margin:5px 0;width:8px;height:8px;background-color:#757575;border-radius:8px;background-color:rgba(61,131,198,0.8);}
.box_swipe>ol>li.on{background-color:#ffffff;}

.caseyw{ background: url(../images/bg2.jpg) no-repeat #ad0101; background-size: 100% auto; padding: 10px; }

.aboutbox{ padding:10px;}
.casebox{ padding-bottom:20px}
.casebox ul li{ width:45%; margin-left:3.4%; margin-top:5%; float:left; font-size:12px; position:relative;}
.casebox ul li a{ display:block; width:100%;}
.casebox ul li a img{ width:100%;}
.casebox ul li a span{ background:#0456a5; color:#fff; display:block; width:100%; padding:3px 0; height:20px; line-height:20px; overflow:hidden; text-indent:3px}

.page{ padding:10px; text-align:center;}
.page a{ padding:5px 2px; color:#0456a5; font-size:12px}

.info{ color:#fff; background:#ffbb00; padding:15px 10px; font-size:12px}
.info p{ font-size:16px; display:block;}
.info .textcontent{ line-height:22px}
.infoimg { padding:10px}
.infoimg img{ max-width:100%;}

.fybox { position:relative; margin:5px 0 20px 0 ;}
.fybox a{ display:block; border-radius:3px; padding-top:5px; padding-bottom:5px; color:#fff; text-align:center;}
.fybox a.a-pre,.fybox a.a-next{ background:#0456a5; position:absolute; top:0px; width:30px;}
.fybox a.a-pre{ left:10px}
.fybox a.a-next{ right:10px;}
.fybox a.gohttp{ background:#ffbb00; width:60%; margin:0 auto; font-size:12px}

.casebox ul li span.spn-timebg{ display:block; width:40%; height:35%; max-height:70px; max-width:70px; background:#000; position:absolute; left:10px; top:10px;filter:alpha(opacity=50);-moz-opacity:0.5; opacity:0.5; text-align:center}
.casebox ul li span.spn-timetext{display:block;position:absolute; width:40%; height:33%; max-height:70px; max-width:70px;left:10px; top:10px; color:#fff; text-align:center; font-weight:bold; font-size:24px; padding-top:2%}
.casebox ul li span.spn-timetext i{ display:block; font-size:16px; font-weight:normal; font-style:normal}

.newstitle{ border-bottom:1px solid #b6b6b6; font-size:16px; text-align:center;}
.newstitle span{ display:block; font-size:12px; color:#d2d2d2}

.newsinfo{ padding:10px;}

.newscont{ color:#363636; line-height:25px; font-size:14px; padding:10px}
.newscont img{ max-width:100%}

/*---*/
.animateme{ opacity: 0;}
.teetitle{ text-align: center; padding: 30px 0 0 0;}
.teetitle img{ width: 80%;}
.teetitle span{ display: block; font-size: 12px; color: #fff; line-height: 18px; padding: 15px 10px;}

.yelistul{ position: relative; margin: 20px 0;}
.yelistul .leftIcon{ width: 188px; height: auto;}
.yelistul .leftIcon img{ width: 100%; vertical-align: middle; }
.yelistul .rightJT{ width: 29px; height: auto; margin-top: 50px;}
.yelistul .rightJT img{ width: 100%;}
.yelistul .centertext { margin:30px 1em 0; }
.yelistul .centertext h4,.centertext h6{color: #fff;}

@media screen and (max-width:540px) {
				.yelistul .leftIcon{ width: 105px; }
				.yelistul .centertext { margin-top: 0;}
				.yelistul .rightJT{ margin-top: 10px;}
			}
			
			@media screen and (max-width:320px) {
				.yelistul .leftIcon{ width:92px ;}
				.yelistul .centertext { margin-top: 0px;}
				.yelistul .rightJT{width: 20px; margin-top: 15px;}
				
			}
			.caselist{ background: #00051b; padding: 10px; }
			.more {margin: 40px auto 0; width: 180px;}
.more a{ background: #0456a5; color: #fff; display: block; width: 180px; text-align: center; border-radius: 5px; line-height: 18px; padding: 5px 0; }
.more a span { color: #2e72b4;}
.more a span,.more a em{ display: block; font-style: normal;}

.newslist{ background: #ccc; padding: 10px;}
.newslist .scrollme .teetitle span{ color: #424040;}
.newslist .yelistul .ywul_li{ padding: 15px; background: #fff;}
.newslist .yelistul .ywul_li .newsimg_text{ position: relative;}
.newslist .yelistul .ywul_li .newsimg_text .newstime{ background: rgba(0,0,0,0.5); padding: 15px; color: #fff; font-size: 14px; position: absolute; left: 5px; bottom: 5px; text-align: center;}
.newslist .yelistul .ywul_li .newsimg_text .newstime span{ font-size: 24px; font-weight: bold; display: block;}
.newslist .yelistul .ywul_li .title_jianjie{ padding-top: 5px;}
.newslist .yelistul .ywul_li .title_jianjie a.a_title{ color: #080808;}
.newslist .yelistul .ywul_li .title_jianjie a.a_jianjie{ color: #757575;}
.newslist .yelistul .ywul_li .newsClass { padding-top: 10px; font-size: 16px;}
.newslist .yelistul .ywul_li .newsClass i{ padding: 0 5px 0 15px;}
.newslist .yelistul .ywul_li .newsClass i img{ vertical-align: middle;}

.contactbox{ background: #242424;}

.contactT{ text-align: center; padding: 10px;padding-bottom: 30px; }

.lybox{ padding: 10px;}
.lybox .lylable{ color: #fff; margin-bottom: 10px;}
.lybox .lyinputbox textarea{ width:99%; padding: 1%; height:200px}

.inputsub input{ width: 150px; padding: 15px 10px; color: #fff; background: #0456a5; margin: 20px auto ; border: none;}