@charset "gbk";
/*banner*/
.banner{ overflow:hidden; height:580px;}
#flashs{ position:relative; height:580px; overflow:hidden;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; }
#flashs .btn{ position:absolute; z-index:7; bottom:15px; left:50%; margin-left:-95px; padding:0px 6px;}
#flashs .btn span{ color:#fff;  background:#333; cursor: pointer;display: inline-block;margin:0 2px;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;}
#flashs .btn span.on{ background:#0352AD;} 

/*changpin*/
.pro { overflow:hidden; width:100%; margin:50px 0}
.pro p{ text-align:center; font-size:16px; color:#696969; margin-bottom:3px; text-transform:uppercase; font-family:Arial}
.pro h2{ text-align:center; font-size:26px; background:url(../images/pro_t.png) no-repeat center; margin-bottom:30px;}
.pro h2 a{ font-size:32px; font-weight:bold; color:#333; line-height:50px; height:50px; text-align:center;}
.pro .menu{ overflow:hidden; width:100%; height:50px; margin-bottom:1px; position:relative; border-radius:3px; background-color:#e4e4e4}
.pro .menu h3{ float:left; width:160px; height:50px; padding-left:40px; background-color:#1292da; font-weight:normal; font-size:14px; color:#fff; line-height:50px;}
.pro .menu h3 a{color:#fff;}
.pro .menu h3 img{ position:relative; margin-right:10px; top:4px;}
.pro .menu .ps{ display:block; position:absolute; left:200px; top:20px;}
.pro .menu ul{ overflow:hidden; margin-left:15px; float:left; width:700px; margin-top:15px; font-size:14px;}
.pro .menu li{ float:left; padding:0 25px; border-right:1px dotted #999;}
.pro .menu li a{ color:#666}
.pro .menu .more{ display:block; float:right; margin-top:15px; margin-right:15px; font-size:12px; color:#999; font-family:Arial}
.pro .menu li a:hover,.pro .menu li.cur a{ color:#2793e8;}
.pro .list { overflow:hidden; width:105%; margin-top:30px; height:480px;}
.pro .list li{ float:left; width:300px; height:207px; margin-right:30px; margin-bottom:30px; border:1px solid #dfdfdf; position:relative; border-radius:5px;}
.pro .list img{ display:block}
.pro .list .more{ position:absolute; right:0; bottom:0}
.pro .list a{ display:none; border-radius:5px; position:absolute; left:0; top:0; width:100%; height:100%; background:url(Img/Index/pro_w.png) repeat center; z-index:1; text-decoration:none}
.pro .list span{ display:block; text-align:center; font-size:16px; color:#AAAAAA; margin-top:125px;}
.pro .list em{ display:block; width:100px; height:24px; border:1px solid #AAAAAA; text-align:center; line-height:24px; font-size:14px; color:#AAAAAA; margin:10px auto;}
.pro .list li:hover .more{ display:none}
.pro .list li:hover a{ display:block}

/* kehuanli*/
/* 案例展示*/
.kh{ width:100%; height:58px; line-height:58px; color:#fff; font-size:24px; background:#ee635f;}
.kb10{height:10px;}
.kb15{height:15px;}
.kb20{height:20px;}
.kb30{height:30px;}
.kb40{height:40px;}
.kb50{height:50px;}
.m20{ margin:0 18px;}
.xw_t{ font-size:32px; font-weight:bold; color:#333; line-height:50px; height:50px; text-align:center;}
.xw_d{ font-size:18px; color:#616161; line-height:50px; height:50px; text-align:center;}
.anli{ background:#F4F4F4;}
.anli_xx{ width:175px; padding: 10px 10px 9px 9px; position:relative; overflow:hidden; height: 70px; overflow: hidden;border:1px #dfdfdf solid; background:#FFF; margin: -1px -1px 0 0; overflow: hidden;}

.anli_xx a{ position: relative; display: block; width: 100%; height: 100%;  -webkit-perspective:800px;-moz-perspective:800px;}

.anli_xx a > div {position: absolute; left: 0; height: 0;  width: 100%;  height: 100%; color: #fff;

    -webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;
    -webkit-transition: .5s ease-in-out ; -moz-transition:  .5s ease-in-out ;
    -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;
}
.anli_xx a div.img { opacity: 1; filter:alpha(opacity=100);  -webkit-transform: rotateY(0); -moz-transform: rotateY(0); z-index: 2; transition: 0.3s all 0s linear;}
.anli_xx a div.title{ opacity: 0; filter:alpha(opacity=0);  -webkit-transform: rotateY(180deg);  -moz-transform: rotateY(180deg); z-index: 1;}
.anli_xx a:hover div.img{ opacity: 0; filter:alpha(opacity=0); -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); }
.anli_xx a:hover div.title{ opacity: 1; filter:alpha(opacity=100); -webkit-transform: rotateY(0); -moz-transform: rotateY(0);}




/*
.anli_xx a{ position: relative; display: block; width: 100%; height: 100%;}

.anli_xx a > div {position: absolute; left: 0; height: 0;  width: 100%;  height: 100%; color: #fff;}
.anli_xx a div.img { filter:Gray; -webkit-filter: grayscale(100%); transition: 0.3s all 0s linear;}
.anli_xx a div.title{ display: none;}
.anli_xx a:hover div.img{ filter:none; -webkit-filter: grayscale(0%);}
*/
  .anli_t .more{ width:60px; text-align:center; height:30px; line-height:30px;border:1px #f8f8f8 solid; border-bottom:1px #979797 solid;margin:10px auto 20px;
    -webkit-transition: .5s ease-in;
       -moz-transition: .5s ease-in;
        -ms-transition: .5s ease-in;
         -o-transition: .5s ease-in;
            transition: .5s ease-in;}
  .anli_t .more:hover{ width:60px; text-align:center; height:30px; line-height:30px; border:1px #979797 solid;margin:10px auto 20px;}
  .anli_t .more a{ color:#979797;font-size:12px;}
  
  .in_nr2_n4 a {
    width: 240px;
    height: 52px;
    display: inline-block;
    line-height: 52px;
    font-size: 16px;
    color: #8f8989;
}
/* about */
.wp{width: 980px;margin: 0 auto;}
.bg-1{background: #f0f1f6;margin-bottom: 0px;}
.tit-h{text-align: center;padding-top: 28px;margin-bottom: 65px;}
.tit-h h2{   font-size:32px; font-weight:bold; color:#333; line-height:50px; height:50px; text-align:center;    padding-bottom: 27px;
    background: url(../images/i1.png) no-repeat center bottom;    margin-bottom: 11px;}
.tit-h p{font-size: 16px;line-height: 40px;}
.tit-h1 h2{color: #fff;background-image: url(../images/i2.png);}
.tit-h1 p{color: #fff;}


.box-intro{overflow: hidden;}
.box-intro .left{background: url(../images/i6.png) no-repeat left center;
	width: 325px;height: 359px;float: left;padding-top: 42px;margin-right: 1px;
}
.box-intro .left a{color: #fff;}
.box-txt{margin-top: 213px;padding-left: 11px;padding-right: 17px;color: #fff;}
.box-txt h3{font-size: 20px;padding-bottom: 17px;font-weight: normal;
background: url(../images/i9.png) no-repeat left bottom;margin-bottom: 14px;}
.box-txt p{line-height: 22px;}
.box-intro .right{float: left;}
.box-intro .right .top{background: url(../images/i7.png) no-repeat left center;
width: 650px;height: 220px;}
.box-intro .right .bottom{background: url(../images/i8.png) no-repeat left center;
width: 650px;height: 181px;}
.box-txt1{margin-top: 0;color: #666;width: 255px;padding-top: 33px;padding-left: 34px;}
.box-txt1 h3{background-image: url(../images/i10.png);margin-bottom: 20px;}
.r{float:right; } 

/* news */
.new_finance .button_sub{display: block;width: 240px;height: 60px;background: #5dc16c;line-height: 60px;text-align: center;clear: both;margin: 50px auto;font-size: 18px;color: #fff;}
	.new_finance{width: 100%;height: auto;overflow: hidden;background: #fff;}
	.new_zixun,.footer_box{width: 980px;height: auto;overflow: hidden;margin: 0 auto;padding:30px 0;}
	.only_p{font-size:32px; font-weight:bold; color:#333; line-height:50px; height:50px; text-align:center;}
	.only_p span{display: block;font-size: 18px;color: #c6c6c6;padding-top: 8px;}
	.w1100{height: auto;overflow: hidden;padding-top: 50px;}

.focus{ position:relative; width:520px; height:339px;float: left; margin-bottom:20px;}  
	.focus img{ width:520px; height:339px;} 
	.focus .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;}
	.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
	.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 
	.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
	.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  
	.focus .fPic{ position:absolute; left:0px; top:0px; }  
	.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
	.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:46px; line-height: 46px; background:rgba(0,0,0,0.6);    
	filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }  
	.focus .shadow a{ text-decoration:none; color:#fff; font-size:14px; overflow:hidden; margin-left:10px; }  
	.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }  
	.focus .fcon img{ display:block; }  
	.focus .fbg{bottom:13px; right:10px; position:absolute; height:21px; text-align:center; z-index: 200; }  
	.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px; float:right}    
	.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px;  margin:0 3px;color:#B0B0B0; text-decoration:none; text-align:center; outline:0; float:left; background:#cfcfcf; }    
	.focus .D1fBt .current,.focus .D1fBt a:hover{background:#6aa71b;}    
	.focus .D1fBt img{display:none}    
	.focus .D1fBt i{display:none; font-style:normal; }   
	.right_list{ width:450px; float:right; height:339px; padding-bottom:20px;}
	.right_list ul{ width:450px; float:left;}
	.right_list li{  padding-left:15px; width:435px; font-size:14px; height:30px; line-height:30px;_height:30px; _line-height:30px;padding-bottom: 3px;}
	.right_list li a{ width:350px; float:left; overflow:hidden; height:30px; white-space: nowrap;text-overflow: ellipsis;_height:30px; _line-height:30px;}
	.right_list li span{ float:right; font-size:12px; color:#999; width:85px; text-align:right}
	.right_list div{  width:450px; display:block; float:left;padding-top: 2px;}
	.right_list a.more { background-color:#1292da; height:40px; width:120px; line-height:40px; display:block; float:left; text-align:center; margin-left:15px; font-size:14px;color: #fff;}