﻿
.indexleft ul li a,
.index-c-f .indexpro ul li,
.index-c-f .indexpro ul li p {
	transition:all .2s ease-in-out;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-ms-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
}


.container{width:100%;background:url(../webimages/bg.jpg) repeat-x;overflow:hidden;}
.indexbox{width:1200px; background:#fff;margin:15px auto 15px;padding-bottom:15px; border-radius:10px; overflow:hidden;}
.indexbox .indextit{height:33px; position:relative; background:url(../webimages/icon-bg.jpg) repeat-x; margin:0 -15px 15px;}
.indexbox .indextit a{display:block; position:absolute; width:113px; height:26px; line-height:26px;padding-bottom:6px; left:15px; top: 7px;text-align:center;color:#fff;background:url(../webimages/icon-bg.png) no-repeat center;}
.indexleft{float:left;width:230px;padding:0 15px;}
.indexleft a.indexflag{display:block;margin-top:0px;}
.indexleft ul{padding-right:15px;}
.indexleft ul li{margin-bottom:9px;}
.indexleft ul li a{display:block; color:#fff; background:url(../webimages/a-bg.png) no-repeat center; border-radius:15px; line-height:26px; padding-left:20px;}
.indexleft ul li a:hover{ background:url(../webimages/a-bgh.png) no-repeat center;}


.indexcenter{float:left;width:570px;padding:0 15px;}
.index-c-t .figure{float:left; width:250px;}
.index-c-t .figure img{width:250px;}
.index-c-t .text{margin-left:260px; text-align:justify;}
.index-c-f{width:520px;padding:0 25px; margin-top:17px;position:relative;}
.index-c-f .prev,.index-c-f .next{position:absolute; width:26px; height:39px; display:block; top:50%; margin-top:-20px; background-image:url(../webimages/p-btn.png);
background-repeat:no-repeat;}
.index-c-f .prev:hover,.index-c-f .next:hover{background-image:url(../webimages/p-btnh.png);}
.index-c-f .prev{background-position:left top; left:0;}
.index-c-f .next{background-position:right top; right:0;}
.index-c-f .indexpro ul li {width:113px;float:left; margin-right:20px;border:1px solid #efefef;}
.index-c-f .indexpro ul li:hover{border-color:#007BC5;}
.index-c-f .indexpro ul li img{display:block; width:113px; height:113px; }
.index-c-f .indexpro ul li p{color:#666;text-align:center;}
.index-c-f .indexpro ul li:hover p{color:#007BC5;}


.indexright{float:left;width:310px;padding:0 15px;}
.indexright dl{margin-bottom:5px;border-bottom:1px solid #ddd; padding-bottom:18px;}
.indexright dl dt img{display:block; width:100%;height:100px;border:1px solid #ddd;}
.indexright dl dd{overflow:hidden;margin-top:10px;}
.indexright dl dd span{display:block; float:left;text-align:center;height:70px; width:63px;background:#ddd;color:#000; line-height:24px; border-radius: 8px;
    -webkit-border-radius: 8px;}
.indexright dl dd span font{color:#007BC5;font-size:40px;display:block;padding-top:13px; margin-bottom:5px; font-weight:bold}
.indexright dl dd .cont{margin-left:68px;}
.indexright dl dd .cont h3{font-size:15px; margin-bottom:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.indexright dl dd .text{line-height:22px; height:44px; overflow:hidden;}
.indexright ul li{ line-height:27px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.indexright ul li span{margin-right:3px;}



