﻿/* CSS Document */

/*==========================================
 _____   _    __    _    _____      _    __    _     _____     _______    _____     _____
| ____| | |  |  \  | |  |  __  \   | |  |  \  | |   / ____|   |___ ___|  |  ___|   / ____|
| |__   | |  | \ \ | |  | |   \ \  | |  | \ \ | |  / /   ___     | |     | |__    / /    
|  __|  | |  | |\ \| |  | |   | |  | |  | |\ \| |  | |  |__ |    | |     |  __|   | |
| |     | |  | | \ \ |  | |__ / /  | |  | | \ \ |  \ \___/ /     | |     | |___   \ \____
|_|     |_|  |_|  \__|  |_____ /   |_|  |_|  \__|   \_____/      |_|     |_____|   \_____|

  index  technology

  Code by Rzc

  Agency:findingtec.com

  Date:2016.03.23

==========================================*/


.left{ width:275px; float:left; background:#fff;}
.lef_h2{ line-height:32px; padding-top:4px; font-size:16px; background:url(../images/icon_8.png) no-repeat 10px center #d21c29; text-indent:42px; border-bottom:1px #ccc solid; color:#fff; font-weight:bold;}
.lef_h2 font{ font-size:12px; text-transform:uppercase;}
.left_list1{ padding:10px 15px;}
.left_list1 li{ line-height:30px; background:url(../images/icon06.jpg) no-repeat 30px center; border-bottom:1px solid #ccc; text-indent:80px; margin-bottom:8px;}
.win{ background-image:url(../images/icon_7.png);}
.left_list2{ padding:10px 15px;}
.left_list2 li{ line-height:30px; background:url(../images/icon05.jpg) no-repeat 5px center; text-indent:22px; border-bottom:1px #ccc dotted;}
.Gold{ background-image:url(../images/icon_9.png);}
.left_list3{ padding:10px 15px 0;}
.left_list3 li{ padding-bottom:5px; border-bottom:1px solid #eee; margin-bottom:10px;}
.left_list3 li img{ width:97px; height:110px; border:1px solid #ccc; padding:2px; float:left;}
.left_list3 li p{ width:130px; float:right; line-height:180%; font-size:12px;}
.left_list3 li p span{ font-size:14px; font-weight:bold;}
.left_list3 li p a{ color:#d21c29; font-size:12px;}
.left_list3 li p a.zixun{ color:#fff; background:#06639c; padding:5px 15px; border-radius:5px;}
.left_list3 li p a.zixun:hover{ background:#f1b45c; color:#333;}

.us{ background-image:url(../images/icon_10.png);}
.film{ background-image:url(../images/icon_11.png);}
.news{ background-image:url(../images/icon_12.png);}
.slideBox2{ width:auto; height:auto; overflow:hidden; position:relative; padding:11px;}
.slideBox2 .hd{ width:100%; height:auto; overflow:hidden; position:absolute; left:0px; bottom:15px; z-index:1; }
.slideBox2 .hd ul{ overflow:hidden; zoom:1; text-align:center;}
.slideBox2 .hd ul li{ display:inline-block; width:10px; height:10px; background:#fff; cursor:pointer; margin:0 2px;}
.slideBox2 .hd ul li.on{ background:#D21C29; color:#fff; }
.slideBox2 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox2 .bd li{ width:252px; height:143px; zoom:1; vertical-align:middle;}
.slideBox2 .bd img{ width:252px; height:143px; display:block;  }


.right{ width:880px; float:right; background:#fff;}
.right2{ float:right; background:#fff;}
.rig_top{ line-height:46px; height:46px; margin-top:4px; background: url(../images/icon12.jpg) no-repeat 12px center; font-weight:bold; text-indent:42px; border-bottom:1px #ccc solid; font-size:16px; padding-right:15px;}
.rig_top form{ float:right; font-size:14px; font-weight:normal;}
.rig_top form input{width:240px;height:26px;}
.rig_top form button{width:65px;height:30px;}
.right .wen_di{margin:20px;}
.right .wen_di h4{padding:10px;font-size:24px;border-bottom: 3px solid #65c178;}
.right .wen_di .tui_zuo {display:inline-block;vertical-align:bottom;width:470px;height:283px;}
.right .wen_di .tui_zuo ul{margin-top:20px;}
.right .wen_di .tui_zuo ul li{margin-top:8px;}
.right .wen_di .tui_zuo ul li a{color:#7183c1;}
.right .wen_di .tui_zuo ul li a:hover {text-decoration:underline;}

.right .wen_di img{display:inline-block;vertical-align:bottom;width:340px;margin-left:20px;/*box-shadow: 0px 5px 18px #919E9E;*/}


.erjidaohangkuai ul li {margin:15px -27px 0 30px;display:inline-block;padding:5px;}
.erjidaohangkuai ul li a{
    color: #fff;
    background: #646464;
    padding: 5px 15px;
    border-radius: 3px;
}
.erjidaohangkuai ul li a:hover{ 
    background: #9E9595;
}

.content{ padding:10px 30px;margin-top:10px;}
.about p{ line-height:180%; padding-bottom:15px;}
.about img{ max-width:100%;}


.news_list{ margin-bottom:35px;}
.news_list li{ height:32px; line-height:32px; padding:0 10px; margin-top:8px; text-indent:12px; border-bottom:1px dotted #ccc; background:url(../images/icon05.jpg) no-repeat 5px center;}
.news_list li span{ float:right;}
/*这是一个分页*/
#fenye{ height:40px; padding-top:15px; background:#f9f9f9; border:1px solid #e6e6e6;}
#fenye .zhong{ height:40px;}
#fenye .zhong a{ display:block; min-width:42px; height:28px; float:left; margin-left:8px; text-align:center; line-height:28px; color:#676767; font-size:12px; _width:42px; background:#fff;} 
#fenye .zhong a:hover{ color:#fff; background:#f57900;}
#fenye .zhong .hover{ color:#fff; background:#f57900;}
#fenye .shouy{ width:53px; height:32px;}
#fenye .sxy{ width:81px; height:32px; }

.pagelist{ overflow:hidden; background:#f9f9f9; border:1px solid #e6e6e6; padding:10px;}
.pagelist li{ height:30px; line-height:30px; float:left; background:#fff; margin:0 5px; padding:0 15px;}
.pagelist li.thisclass{ background:#f57900;}
.pagelist li:hover{ background:#f57900;}
.pagelist li a{ color:#676767; font-size:12px;}
.pagelist li.thisclass a{ color:#fff;}
.pagelist li:hover a{ color:#fff;}
.pagelist li span{ color:#676767; font-size:12px;}
.pagelist li:hover span{ color:#fff;}


.service_list{ zoom:1; overflow:hidden; padding-bottom:15px;}
.service_list li{ width:33.33%; text-align:center; padding-bottom:10px; line-height:200%; float:left;}
.service_list li img{ width:250px; height:230px; padding:2px; border:1px solid #ccc; background:#eee;}

.service_list2{ overflow:hidden; padding-bottom:15px;}
.service_list2 li{ width:25%; text-align:center; padding-bottom:0px; line-height:200%; float:left;height:195px;}
.service_list2 li .suoltu{ width:192px; height:119px; padding:2px; border:1px solid #ccc; background:#eee;opacity:1;}
.service_list2 li .play{display: block;
    width: 192px;
    height: 119px;
    position: relative;
    top: -122px;
    left: 42px;
	padding: 3px;
    background: url(../images/sppa.png) no-repeat;
    opacity: 0;}
.service_list2 li .play:hover{opacity: 0.8;}
.service_list2 li p{ width:100%;line-height:18px;position:relative;top:-118px;left:-2px;}
.service_list2 li p span{    font-size: 10px;color: #666;}
.lawyer_list{ zoom:1; overflow:hidden; padding-bottom:20px;} 
.lawyer_list li{ width:400px; border-bottom:1px solid #ccc; float:left; padding-bottom:8px; margin-bottom:15px;}
.limagr{ margin-right:18px;} 
.lawyer_list li img{ width:120px; height:166px; border:1px solid #ccc; padding:2px; float:left;}
.lawyer_list li p{ width:260px; float:right; line-height:180%; padding-top:15px;}
.lawyer_list li p span{ font-size:16px; font-weight:bold;}
.lawyer_list li p a{ color:#d21c29; font-size:12px;}
.lawyer_list li p a.zixun{ color:#fff; background:#06639c; padding:5px 15px; border-radius:5px;}
.lawyer_list li p a.zixun:hover{ background:#f1b45c; color:#333;}

.partner_list{ zoom:1; overflow:hidden; padding:30px 0;}
.partner_list li{ width:204px; float:left; position: relative; text-align:center; margin-bottom:15px;}
.partner_list li img{ width:180px; height:72px; padding:2px; border:1px solid #ccc; background:#eee;}
.partner_list li p{ width:186px; height:78px; line-height:78px; overflow:hidden; color:#fff; background:rgba(0,0,0,.8); position:absolute; top:0; left:9px; cursor:pointer;transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; opacity:0;}
.partner_list li:hover p{ opacity:1;}

.books_list{ padding-bottom:15px;}
.books_list li{ padding-bottom:8px; margin-bottom:15px; border-bottom:1px solid #ccc;}
.books_list li img{ width:160px; height:140px; float:left; padding:2px; border:1px solid #ccc;}
.books_list li p{ width:640px; float:right; padding-top:15px; line-height:180%; color:#666;}
.books_list li p span{ font-size:16px; font-weight:bold; color:#333; display:block;}
.books_list li p a{ color:#d21c29;}

.news_xx_top{ text-align:center; padding-bottom:10px; border-bottom:1px solid #ccc; margin-bottom:20px;}
.news_xx_top h1{ font-size:18px; line-height:36px;}
.news_xx_top p{ font-size:12px; color:#999; padding-top:5px;}
.news_xx_top img{ width:300px; height:276px; padding:5px; background:#eee; border:1px solid #ccc; margin-bottom:8px;}

.news_xx_bot{ line-height:180%;}

.book_xx_top{ padding-bottom:18px; margin-bottom:20px; border-bottom:double #ccc 6px;}
.book_img{ width:300px; border:1px solid #e6e6e6; text-align:center; padding:5px; float:left;}
.book_img img{ width:300px; height:260px;}
.book_xx_top p{ width:480px; float:right; padding-top:20px; line-height:180%;}
.book_xx_top p span{ font-size:16px; font-weight:bold; display:block;}
.book_xx_top p a{ color:#fff; background:#06639c; padding:2px 15px; border-radius:5px;}
.book_xx_top p a:hover{ background:#f1b45c; color:#333;}
.book_xx_top p font{ display:block; font-size:12px; color:#999;}



.map{ overflow:hidden; padding:50px 100px;}
.map div{ overflow:hidden; padding-top:10px;}
.map div h3{ line-height:30px; padding:0 0 0 50px; border-bottom:1px dashed #bbb;}
.map div h3 a{ font-size:16px; color:#666;}
.map div h4{ line-height:25px; padding:0 0 0 50px; border-bottom:1px dashed #bbb;}
.map div h4 a{ font-size:14px; color:#666;}
.map div ul{ overflow:hidden;}
.map div ul li{ line-height:25px; padding:0 0 0 50px; border-bottom:1px dashed #bbb;}
.map div ul li a{ font-size:12px; color:#666;}
.map div ul li span{ font-size:12px; color:#666; padding-left:30px;}

.map li div a{ font-size:16px; color:#666;}
.map li div a:hover{ color:#ffba00;}
.map li ul{ overflow:hidden;}
.map li ul li{ overflow:hidden; border-top:1px dashed #bbb; line-height:25px; border-bottom:none; padding:0 0 0 30px; margin:0; color:#666;}
.map li ul li a{ float:left; font-size:14px; color:#666;}
.map li ul li a:hover{ color:#ffba00;}
.map li ul li span{ float:right;}


.pagelist2{ overflow:hidden; text-align:center; padding-top:30px;}
.pagelist2 li{ display:inline-block; line-height:30px; padding:0 5px;}
.pagelist2 li a{ color:#333;}
.pagelist2 li.thisclass a{ color:#f00;}























