@charset "utf-8";
/* CSS Document */

.banner{ width:100%; height:400px; background:url(../images/case_banner.jpg) no-repeat center; margin-top:-3px;}
.about_bt{ width:1200px; height:40px; margin:58px auto 40px;}
.about_bt ul li{height:38px; padding:0 27px; border:1px solid #333; border-radius:25px; margin-right:28px; float:left; transition:all 0.5s;}
.about_bt ul li a{ height:38px; display:block; text-align:center; line-height:38px; font-size:16px; color:#333;}
.about_bt ul li:hover { background:#cf221b; border:1px solid #cf221b;}
.about_bt ul li:hover a{ color:#fff;}
.about_bt ul li.xuan{ background:#cf221b; border:1px solid #cf221b;}
.about_bt ul li.xuan a{ color:#fff;}
.about_bt ul li:nth-child(10){ margin-right:0;}

.case{ width:1200px; padding-bottom:25px; overflow:hidden;}
.case li{ width:384px; height:330px; float:left; margin-right:24px; margin-bottom:8px;}
.case li div{ width:384px; height:285px; overflow:hidden;}
.case li img{ width:384px; height:285px; transition:all 0.5s;}
.case li span{ width:384px; height:45px; line-height:45px; color:#666; text-align:center; display:block; font-size:15px; transition:all 0.5s;}
.case li:nth-child(3n+3){ margin-right:0;}
.case li:hover img{ transform:scale(1.1);}
.case li:hover span{ background:#cf221b; color:#fff;}
.mar{ margin-bottom:50px;}

/*--子页--*/
.cont3{ width:1200px; height:auto; margin:0 auto; padding:35px 0px 50px;}
.cont3 .left{ width:1200px; height:auto;}
.cont3 .left .bt{ width:1200px; height:100px;}
.cont3 .left .bt h3{ font-size:22px; height:32px; line-height:32px; font-weight:normal; color:#333; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.cont3 .left .bt dl{ width:100%; height:36px; line-height:36px; background:#f2f2f2; margin-top:20px; text-align:center;}
.cont3 .left .bt dl span{ color:#999; font-size:13px; margin:0 30px;}
.cont3 .left .txt{ width:1200px; line-height:40px; color:#666; padding-bottom:50px; border-bottom:1px solid #e1e1e1;}
.cont3 .left .txt img{ max-width:100%; height:auto; margin:10px auto;}

.pian{ width:855px; margin-top:30px;}
.pian a{ width:800px; height:30px; line-height:30px; font-size:13px; color:#666;  text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:block;}
.pian a:hover{ color:#cf221b}


.fahuo{ width:1200px; height:312px;}
.fahuo{ width:1200px; height:400px; margin-top:40px;}
.fahuo .bt{ width:1200px; height:43px; background:url(../images/hua.gif) repeat-x; margin-bottom:30px;}
.fahuo .bt h3{ width:103px; height:43px; background:#1367bd; text-align:center; line-height:43px; font-size:16px; color:#fff; margin:0 auto; font-weight:normal;}
.fahuo ul li{ width:384px; height:325px; float:left; margin-right:24px;}
.fahuo ul li:nth-child(3){ margin:0;}
.fahuo ul li div{ width:384px; height:285px; overflow:hidden;}
.fahuo ul li img{ width:384px; height:285px; transition:all 0.5s; }
.fahuo ul li:hover img{ transform:scale(1.1);}
.fahuo ul li span{ width:384px; height:40px; display:block; line-height:40px; text-align:center; font-size:15px; transition:all 0.5s; color:#666;}
.fahuo ul li:hover span{ background:#1367bd; color:#fff;}

.cp{ width:1200px; height:312px;}
.cp{ width:1200px; height:400px; margin-top:40px;}
.cp .bt{ width:1200px; height:43px; background:url(../images/hua.gif) repeat-x; margin-bottom:30px;}
.cp .bt h3{ width:103px; height:43px; background:#1367bd; text-align:center; line-height:43px; font-size:16px; color:#fff; margin:0 auto; font-weight:normal;}



.scroll_horizontal2{position:relative;width:1200px;height:337px; margin:0 auto;}
.scroll_horizontal2 .box{overflow:hidden; position:relative; width:1200px; height:337px; margin:0 auto; margin-top:26px;}
.scroll_horizontal2 .list{overflow:hidden;width:9999px;}
.scroll_horizontal2 .list li{ width:408px; height:325px; float:left;}
.scroll_horizontal2 .list li div{ width:384px; height:259px; overflow:hidden;}
.scroll_horizontal2 .list li img{ width:384px; height:259px; transition:all 0.5s; }
.scroll_horizontal2 .list li span{ width:384px; height:40px; display:block; line-height:40px; text-align:center; font-size:15px; transition:all 0.5s; color:#666;}
.scroll_horizontal2 .plus,
.scroll_horizontal2 .minus{position:absolute; top:90px; width:31px;height:74px; cursor:pointer;}
.scroll_horizontal2 .plus{left:-50px; background:url(../images/case_z.gif) no-repeat;}
.scroll_horizontal2 .minus{right:-50px; background:url(../images/case_y.gif) no-repeat;}
.scroll_horizontal2 .list li:hover img{ transform:scale(1.1);}
.scroll_horizontal2 .list li:hover span{ background:#1367bd; color:#fff;}