﻿/* CSS Document */

/*==========================================
 _____   _    __    _    _____      _    __    _     _____     _______    _____     _____
| ____| | |  |  \  | |  |  __  \   | |  |  \  | |   / ____|   |___ ___|  |  ___|   / ____|
| |__   | |  | \ \ | |  | |   \ \  | |  | \ \ | |  / /   ___     | |     | |__    / /    
|  __|  | |  | |\ \| |  | |   | |  | |  | |\ \| |  | |  |__ |    | |     |  __|   | |
| |     | |  | | \ \ |  | |__ / /  | |  | | \ \ |  \ \___/ /     | |     | |___   \ \____
|_|     |_|  |_|  \__|  |_____ /   |_|  |_|  \__|   \_____/      |_|     |_____|   \_____|

  index  technology

  Code by Rzc

  Agency:findingtec.com

  Date:2016.03.23

==========================================*/
@font-face {
    font-family: 'Elephant';
    src: url('fonts/Elephant.eot');
    src: url('fonts/Elephant.eot') format('embedded-opentype'),
         url('fonts/Elephant.woff2') format('woff2'),
         url('fonts/Elephant.woff') format('woff'),
         url('fonts/Elephant.ttf') format('truetype'),
         url('fonts/Elephant.svg#Elephant') format('svg');
}
*{ margin:0; padding:0;}
body{ font-size:14px; color:#333; background:#fff; font-family:"微软雅黑"; min-width:1250px;}
ul li{ list-style:none; vertical-align:bottom;}
a{ text-decoration:none; color:#666;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;}
a:hover{ text-decoration:none; color:blue;}
img{ border:none; vertical-align:middle;}
table{ border:none; padding:0; margin:0; border-collapse:collapse; overflow:hidden;}
table tr{ white-space:0;}
table tr td{ vertical-align:middle;}
.clear{ clear:both;}
.h1,h2,h3,h4{ font-weight:normal; line-height:100%;}
:focus { outline: none; }
a,area { blr:expression(this.onFocus=this.blur()) }

.container{ width:1170px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
.clear {clear:both;}



/*---------------------------HEAD--------------------------*/

.top{ padding:10px 0;}
.sethome{ line-height:24px; zoom:1; overflow:hidden; padding:0 10px; border-bottom:1px solid #ccc;}
.sethome li{ font-size:12px;}
.sethome li.notice{ padding-left:25px; background:url(../images/Notice.png) no-repeat 0 center; color:#999;}
.sethome li.ge{ padding:0 10px;}
.sethome li.fore1{ padding-left:20px; background:url(../images/Home.png) no-repeat left center;}
.sethome li.fore2{ padding-left:20px; background:url(../images/Favorites.png) no-repeat left center;}
.sethome li.fore3{ padding-left:20px; background:url(../images/rss.jpg) no-repeat left center;}
.logo{} 
/*之前的*/
.h1{ font-size:17px; width:220px; padding:42px 0 0 122px; font-weight:bold; line-height:28px; background:url(../images/h_bg.jpg) no-repeat -1px 43px;}
/*之前的end*/
/*新加的*/
.zxq_soso{ float:left; width:340px; margin-top:28px;}
.zxq_soso form input{ width:215px; height:48px; line-height:50px; color:#7d7d7d; border:1px solid #000; float:left; border-right:none; font-size:18px;outline:none; padding-left:5px;}
.zxq_soso form button{ width:100px; height:50px; line-height:50px; color:#7d7d7d; float:left; background:#d21c29; color:#fff; text-align:center; font-size:18px; border:none;}
 .zxq_soso p{color:#4b4b4b; font-size:15px; height:25px; line-height:25px; width:320px; padding:0; margin:0;}
/*新加的end*/
.tel{ 
    height: 78px;
    margin-top: 25px;
    margin-right: 15px;
    padding-left: 96px;
    font-size: 20px;
    ont-weight: bold;
    color: #d21c29;
    font-family: "黑体";
    line-height: 25px;
    background: url(../images/icon_phone.png) no-repeat left center;
    background-size: auto 110%;
    width: 191px;
    float: right;}
.tel .shj24{font-size: 18px;
    padding-left: 12px;
    color: #1F1F1F;}
.tel .jiacu{font-weight: bold;
    font-size: 25px;
    color: black;}

.nav{ height:40px; background:#d21c29;}

.ser_list{ height:40px; width:164px; background: url(../images/icon01_1.jpg) no-repeat 132px center #333; position:relative;}
.ser_list.down{ background: url(../images/icon01.jpg) no-repeat 132px center #333;}
.ser_list>a{ display:block; line-height:40px; color:#fff; text-indent:16px; font-size:16px;}
.ser_list ul{ position:absolute; top:40px; left:0; background:#5f5f5f; width:100%; z-index:99;}
.ser_list ul li{ height:39px; border-top:1px solid #898989; background:url(../images/icon02.jpg) no-repeat 132px center;}
.ser_list ul li a{ display:block; line-height:39px; font-size:14px; color:#fff; text-indent:16px;}

.navcon{ width:970px; font-size:16px; line-height:40px;}
.navcon a{ color:#fff; padding:14px 3px;font-weight: bold;}
.navcon .sptj,.navcon a:hover{background:#65c178; }
.navcon span{ color:#fff; padding:0 8px;}

.banner{ width:100%; height:320px; overflow:hidden; position:relative;}
.slideBox{ width:1920px; height:320px; overflow:hidden; position:absolute; top:0; left:50%; margin-left:-960px;}
.slideBox .hd{ width:100%; height:auto; overflow:hidden; position:absolute; left:0px; bottom:10px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; text-align:center;}
.slideBox .hd ul li{ display:inline-block; width:80px; height:5px; background:#fff; cursor:pointer; margin:0 5px;}
.slideBox .hd ul li.on{ background:#D21C29; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ width:1920px; height:320px; zoom:1; vertical-align:middle;}
.slideBox .bd img{ width:1920px; height:320px; display:block;  }
.slideBox .prev,
.slideBox .next{ position:absolute; left:30%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:22%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
.min_banner{ height:120px; background:url(../images/min_banner_01.jpg) no-repeat center center;}
.minb2{ background-image:url(../images/min_banner_02.jpg);}
.minb3{ background-image:url(../images/min_banner_03.jpg);}



/*---------------------------MAIN--------------------------*/

main{ background:#e0e6e6;}
.main_top{ background:#f5f5f5; padding:20px 0;}
.hot{ zoom:1; overflow:hidden;}
.hot li{ width:280px; background:#ff332c;  margin-right:12px; float:left;   }
.hot li.last{ margin:0;}
/*.hot li font{ font-family:"Elephant"; font-size:60px; margin-right:8px;}*/

.hot  li .hota{    padding: 2px 10px 10px 9px;
    width: 50px;
    top: 34px;}
.hot  li .hotb{    line-height: 83px;
    color: #fff;
    font-size: 20px;}

.mar{ margin-right:15px;}
.tiao{ height:15px;}
.main_box{ width:350px; height:337px; background:#fff; float:left; padding:15px; overflow:hidden;}
.main_box_nar{ width:290px;}
.main_box_wid{ width:470px;}
.main_box_h2{ line-height:30px; font-size:18px; height:30px; background:url(../images/icon04.jpg) no-repeat 5px center; text-indent:18px; border-bottom:1px solid #ccc; margin-bottom:8px;}
.main_box_h2 span font{ font-size:14px; color:#999; text-transform:uppercase;}
.main_box_h2 a{ font-size:14px; float:right;}
.main_box_h2 a.curr{ color:#06C;}
#Notice a{ cursor:pointer;}
#ss_list{ display:none;}


.shiji  li{ width:113px; float:left; text-align:center; padding-top:8px;}
.shiji  li img{ width:100px;}
.shiji  li span{ display:block; margin-top:6px; font-size:14px; color:#333; width:90px;margin-left:12px;}

.slideTxtBox{ position:relative;}
.slideTxtBox .hd{ overflow:hidden; width:180px; position:absolute; top:15px; right:0;}
.slideTxtBox .hd ul{ overflow:hidden;}
.slideTxtBox .hd ul li{ line-height:30px; float:left; font-size:14px; cursor:pointer;}
.slideTxtBox .hd ul li a{ padding:0 15px;}
.slideTxtBox .hd ul li.on a{ color:#06C;}

.m-slide{ overflow:hidden;}
.m-slide .tab{ width:129px; float:left; padding:0; margin-top:4px; border-left:1px solid #ccc; border-top:1px solid #ccc;}
.m-slide .tab li{ line-height:35px; font-size:14px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; margin-top:0px; padding-left:15px;}
.m-slide .tab li a{ color:#333;}
.m-slide .tab li.on{ border-right:1px solid #fff;}
.m-slide .tab li.on a{ color:#06C;}
.m-slide .tab_r{ width:339px; height:287px; float:right; overflow:hidden; margin-top:4px; border-right:1px solid #ccc; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.m-slide .img{ overflow:hidden;}
.m-slide .img .list_box{ margin:0; padding:0;}
.m-slide .img .list_box li{ background:none;}
.m-slide .img .list_box li:last-child{ border-bottom:none;}


.list_box{ padding:0; height:288px;}
.list_box li{ height:35px; font-size:14px; line-height:35px; border-bottom:1px dotted #ccc; padding:0 5px 0 18px; background:url(../images/icon05.jpg) no-repeat 2px center;}
.list_box li span{ color:#ccc; float:right;}
.list_box li a{ color:#666;}
.list_box li a:hover{ text-shadow: 1px 4px 4px #9896B7;font-size:15px;}



.main_box2{background:#fff; padding:15px; overflow:hidden;}
/*0523新加*/
/*part8联系我们*/
.lianxius{ width:600px; margin:0 auto;}
.lianxius h1{ width:80%; margin:0 auto; padding-top:20px; padding-bottom:15px;}
.lianxius h2{ width:80%; margin:0 auto; }
.lianxius h2 img{ width:100%;}
.lianxius h1 img{ width:100%;}
.lianxius .lianxius_content{ padding:0 15px; width:100%;}
.lianxius .lianxius_content ul li{ width:33.333333%; float:left;}
.lianxius .lianxius_content ul li a{ display:block; width:98%;}
.lianxius .lianxius_content ul li a img{width:100%;}
.lianxius .lianxius_content p{ text-align:center; width:100%; color:#767676; margin-top:20px;}
.lianxius .lianxius_content form.tel_biaodan{ margin-top:10px;}
.lianxius .lianxius_content form.tel_biaodan input{ width:60%; height:30px; line-height:30px; color:#767676; border:1px solid #010101;float:left;box-sizing: border-box; border-right:none; padding-left:3%;}
.lianxius .lianxius_content form.tel_biaodan span{ display:block; width:40%; height:30px; line-height:30px; float:left; background:#ff9e13; color:#fff; text-align:center; font-size:16px;}
.lianxius .lianxius_content .biaodan{ margin-top:20px; width:96%; margin:0 auto; background:#f5f6f8; border:1px solid #e5e5e5; padding:10px; border-radius:10px; padding-bottom:30px;}
.lianxius .lianxius_content .biaodan form{ width:100%;}
.lianxius .lianxius_content .biaodan form div{ float:left; margin-top:20px; width:280px;}
.lianxius .lianxius_content .biaodan form div.xinxi_tel{ margin-left:5px;}
.lianxius .lianxius_content .biaodan form div.anqingmiaoshu{ width:565px;}
.lianxius .lianxius_content .biaodan form div img{width:10%; max-width:18px;float:left;}
.lianxius .lianxius_content .biaodan form div span{ margin-left:5px; display:block; width:90px; height:30px; line-height:30px; font-size:16px; float:left; color:#06639c;}
.lianxius .lianxius_content .biaodan form div span b{ opacity:0;}
.lianxius .lianxius_content .biaodan form div input{ float:left; width:160px; background:#fff; border:1px solid #e5e5e5; height:30px; line-height:30px; padding-left:5px;}
.lianxius .lianxius_content .biaodan form div textarea{ float:left; width:445px; background:#fff; border:1px solid #e5e5e5; height:120px; line-height:30px;padding-left:5px;resize:none;}
.lianxius .lianxius_content .biaodan form .button{ width:400px; margin-left:100px;}
.lianxius .lianxius_content .biaodan form .button ul li{ width:50%; height:35px; float:left;}
.lianxius .lianxius_content .biaodan form .button ul li input{ width:70%; border-radius:10px; text-align:center; font-size:16px;color:#fff; height:35px; line-height:35px;}
.lianxius .lianxius_content .biaodan form .button ul li:first-child input{ float:right; margin-right:10%; background:#737373; }
.lianxius .lianxius_content .biaodan form .button ul li:nth-child(2) input{ float:left; margin-left:10%; background:#06639c; }
.lianxius .lianxius_content p.bm{ font-size:16px; color:#06639c; text-align:center; height:20px; line-height:20px; margin-top:20px;}
.lianxius .lianxius_content p.bm img{ width:20px; display:inline;}
.clr{ clear:both;}
/*part8联系我们end*/
/*0523新加end*/
.main_box3{background:#fff; padding:15px; overflow:hidden;}


.picScroll-left{ overflow:hidden; position:relative; padding:30px 0 20px 0;}
.picScroll-left .prev,
.picScroll-left .next{ position:absolute; left:0%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow2.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; cursor:pointer;}
.picScroll-left .next{ left:auto; right:0%; background-position:8px 5px; }
.picScroll-left .prev:hover,
.picScroll-left .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.picScroll-left .prevStop{ display:none;  }
.picScroll-left .nextStop{ display:none;  }
.picScroll-left .hd{ overflow:hidden; display:none;}
.picScroll-left .hd ul{}
.picScroll-left .hd ul li{}
.picScroll-left .hd ul li.on{}
.picScroll-left .bd{ width:1050px; margin:0 auto;}
.picScroll-left .bd ul{}
.picScroll-left .bd ul li{}

.lawyer{ zoom:1; overflow:hidden;}
.lawyer li{ width:150px; text-align:center; float:left; line-height:200%;}
.lawyer li img{ width:110px; height:125px; padding:2px; border:1px solid #ccc;}
.lawyer li a{ font-size:12px;}
.lawyer li a font{ font-size:16px;}
.lawyer li a.zixun{ color:#fff; background:#06639c; padding:5px 15px; border-radius:5px;}
.lawyer li a.zixun:hover{ background:#f1b45c; color:#333;}

.video{ zoom:1; overflow:hidden; padding:20px 0 0px 10px; height:200px;}
.video li{ width:280px; text-align:center; float:left; line-height:200%;margin-bottom:30px;}
.video li img{ width:252px; height:143px;}
.video li .play{display: block;
    width: 252px;
    height: 143px;
    position: relative;
    top: -143px;
    left: 14px;
    background: url(../images/sppa1.png) no-repeat;
    opacity: 0;}
.video  li .play:hover{opacity: 0.8;}
.video  li .plia{ width:100%;line-height:18px;position:relative;top:-155px;left:-2px;}
.contact{ padding:5px 0;}
.contact p{line-height:24px; padding:0 5px 0 18px; margin-top:5px;}

.comm{ zoom:1; overflow:hidden; padding:15px 10px 0 10px;}
.comm li{ width:160px; text-align:center; float:left;    margin-bottom: 8px;}
.comm li img{ width:150px; height:60px; border:1px solid #ccc;}

.comms {  zoom: 1;  overflow: hidden;  padding: 15px 10px 0 10px;  }
.comms li {  width: 150px;  height: 200px;;  text-align: center;  float: left;  margin-bottom: 8px;  margin-right: 75px; }
.comms li:last-child{margin-right: 0;}
.comms li img{padding-top: 10px;}


/*---------------------------FOOT--------------------------*/
/*
footer{ background:#3e3e3e;}
.foot_top{ height:266px; background:url(../images/icon101.jpg) no-repeat 760px center;}

.foot_l{ width:750px; float:left; zoom:1; overflow:hidden; padding-top:50px;}
.foot_l>li{ width:172px; padding-left:8px; float:left;}
.foot_l>li h3{ color:#ccc;}
.foot_l>li ul{ padding-top:10px;}
.foot_l>li ul li{ line-height:24px;}
.foot_l>li ul li a{ color:#8f8e8e;}
.foot_l li ul .guo{margin-bottom:8px;}
.foot_l ul li .zixun{color:#fff; background:#DE2A5C; padding:3px 10px; border-radius:5px;font-size: 10px;}

.foot_r{ width:380px; float:right; padding-top:55px; color:#ccc; line-height:32px;}
.foot_r li{float:left;margin:15px;text-align:center;}
.foot_r img{ width:140px; height:140px; padding:2px; border:1px solid #ccc; background:#eee;}
 
.foot_bot{ padding-top:7px;background:#1B1A1A; text-align:center; color:#BDB5B5; line-height:26px;height:117px;}
.foot_bot a{ color:#fff;}*/
.foot-top{ height:249px; background:url(../images/sut.png) no-repeat 820px center; }
.ftlo{width: 450px;height: 100%; float: left; background:url(../images/sut.png) no-repeat 418px center;}






.fixed{ display:none;width:72px; height:auto; position:fixed; bottom:8%; left:50%; margin-left:600px; z-index:9999;}
.fixed li{ width:72px; height:73px; margin-top:1px; cursor:pointer; position:relative;}
.fixed li a{ height:73px; display:block;}
.fixed li:nth-child(1){ background:url(../images/aaa.png) no-repeat center #ff332c;}
.fixed li:nth-child(1):hover{ background-color:#f76560;}
.fixed li:nth-child(2){ background:url(../images/bbb.png) no-repeat center #933C94;}
.fixed li:nth-child(2):hover{ background-color:#c6f34a;}
.fixed li:nth-child(3){ background:url(../images/ccc.png) no-repeat center #488bc7;}
.fixed li:nth-child(3):hover{ background-color:#6da9de;}
.fixed li:nth-child(4){ background:url(../images/r_phone.png) no-repeat center #ff811b;}
.fixed li:nth-child(4):hover{ background-color:#fbb01f;}
.fixed li:nth-child(5){ background:url(../images/r_top.png) no-repeat center #444;}
.fixed li:nth-child(5):hover{ background-color:#666;}
.fixed li.back{ display:none;}

.fixed li:nth-child(4) div{ width:160px; height:73px; position:absolute; bottom:0; left:-160px; background-color:#fbb01f; font-size:18px; color:#fff; line-height:72px; text-align:center; display:none;}

#zhongdiantishi{width: 50px;height:350px;position:fixed;left:50%;bottom:10%;margin-left:-646px;background-color: #FF332C;}

    #zhongdiantishi p{font-size: 24px;padding: 10px 5px 30px 5px;color: #fff;z-index:9999;text-align:center;}
.xiaosanjiao {
    width: 30px;
    height: 30px;
    background-color: #E0E6E6;
    position: relative;
    top: -15px;
    left: 10px;
    transform: rotate(45deg);
}



.add{ position:absolute; left:200px; top:20px; z-index:99;}
.add a{ padding:0 5px; line-height:20px;}

/*------------------------邀请框------------------------*/
.tc{ width:400px; height:230px; position:fixed; left:50%; top:50%; margin:-120px 0 0 -200px; z-index:999; display:none;}
.tc_zx{ position:absolute; left:165px; top:100px;}
.tc_tel{ position:absolute; left:165px; top:145px;}
.tc span{ width:16px; height:16px; position:absolute; top:5px; right:5px; cursor:pointer;}


/*------------------------底部咨询-------------------------*/
.bottom_fixed{ width:100%; height:55px;  position:fixed; left:0; bottom:0;}
.bottom_fixed_con{ width:1170px; margin:0 auto; overflow:hidden;background:#06C;}

.bottom_fixed_con img{ width:178px; float:left;z-index:800;}
.bottom_fixed_con p{ width:auto; float:left; font-size:15px; color:#fff; line-height:35px; padding-top:10px;position:relative;left:47px;}
.bottom_fixed_con p span{ padding:0 5px;}
.bottom_fixed_con p a{ color:#fff;}
.bottom_fixed_con p a:hover{ color:#2015CA;font-size:16px;}
.bottom_fixed_con .lixiandianhua{position:relative;left:340px;top:3px;}



.bottom_fixed_con .lixiandianhua input { position: absolute; left: 393px; width: 263px; height: 21px; border:
0px; margin: 0px; padding: 5px; margin-top:10px; }
.bottom_fixed_con .lixiandianhua .btnc { left:
655px; width: 86px; height: 32px; background: url(../images/11.jpg)}


.gudingzaixianzixun{position: fixed;
    width: 120px;
    
    
    right: 62px;
    bottom: 12px;
    z-index: 1000000;
}

img.guandiao11 {width: 18px;
    height: 18px;
    position: relative;
    left: 135px;
    top: -366px;
	opacity:0.7;
}


.qycq100{position: fixed;
    width: 100px;
    height: 58px;
 
    
    right: 26px;
    bottom:450px;
    z-index: 1000000;
}
















