@charset "utf-8";
/* CSS Document */
body{ font-family:"微软雅黑", "Lucida Grande", "Lucida Sans", Helvetica, Arial, Sans;
padding-top:93px; margin:0;!important}

.nav > li .dropdown-menu {margin: 0;}
.nav > li:hover .dropdown-menu {display: block;}
.nav{ letter-spacing: normal; }

.nav-pills > li > a{  color:#000; font-size:14px;}	
ul, li{ list-style:none;}


#myhead .mylogo img{ 
width:198px;
margin-left:8px;
margin-top:10px; 
padding:0 12px 7px 4px;
background:#fff;
}

a:hover{ text-decoration:none;}
ul, li{ list-style:none;}

.mylogo{ margin-left:-6px; background:url(../images/logo_bg.jpg) no-repeat center; height:73px;
float:left;width:239px;

}


#myhead{ 
background:url(../images/head_bg.jpg) repeat-x; height:73px;
position:fixed;
top:0; 
z-index:9999;
left:0;
width:100%;}


#myhead .nav{ 
margin-top:0px;
margin-bottom:0px; 
float:right;
}

#myhead .nav li { line-height:38px;}




#myhead .nav li a i{ margin-top:3px;}


#myhead .nav .myactive a{ color:#197fd8;}



.shadow{
	background:url(../images/shadow.png) no-repeat center; 
	z-index:9999; 
	height:28px; 
	position:fixed; 
	top:70px; 
	width:100%;
	}

.call{
	float:right;
	margin-top:10px; 
	margin-bottom:7px;
	}
.call > span{color:#F00;}
/* =====================================
                 华丽的分割线           
    =================================== */

    .carousel {
      margin-top:-20px;
	  margin-bottom:0px;
	 
    }

    .carousel .container {
      position: relative;
      z-index: 10;
    }

    .carousel-control {
      height: 80px;
      margin: 0 20px;
      font-size: 160px;
      text-shadow: 0 1px 1px rgba(0,0,0,.4);
      background-color: transparent;
      border: 0;
	 
    }

    .carousel .item {
      height: 500px;
	
    }
    .carousel img {
      position: absolute;
      top: 0px;
      left: 0;
      min-width: 100%;
      _width:100%;
      height: 500px;
	  
    }

    .carousel-caption {
      background-color: transparent;
      position: relative;
     
    }
    .carousel-caption h1,
    .carousel-caption .lead {
      margin: 0;
      line-height: 1.25;
      color: #fff;
      text-shadow: 0 1px 1px rgba(0,0,0,.4);
    }
    .carousel-caption .btn {
      margin-top: 10px;
    }	
	
/* =====================================
                 华丽的分割线           
    =================================== */

	.honor{ float:left; width:290px;}
	
	.honor > #hbphoto01 img{ width:290px; height:180px;}
	
	.foot a{ color:#fff; }
	
	
	
	
	.nav-pills > li > a:hover{ background:#fff;}
	
	
	.mynew{ width:360px; float:left; margin-left:35px;}
	.mynew > .tab-content{ height:175px;}
    .tab-content a:hover{ color:#0066cc;}
	.tab-content span { font-size:12px;}
	
	
	
	.fen1, .fen2, .fen3{ width:495px; height:59px; border-radius:8px;cursor: pointer;}
	.fen1{ background:url(../images/fen1_03.jpg) no-repeat center; float:left;}
	.fen2{ background:url(../images/fen2_05.jpg) no-repeat center; float:right;}
	.fen3{ background:url(../images/fen3_03.jpg) no-repeat center; float:left;}
	.fen1 > h1 a{ font-size:16px; float:left; padding-left:240px; display:block;} 
	.fen2 > h1 a{ font-size:16px; float:right; padding-right:50px; padding-left:200px; display:block;} 
	.fen3 > h1 a{ font-size:16px; float:left; padding-left:240px; display:block;} 
	
	
	.rig{ float:right; width:278px; height:270px; }
	.rig .riga1, .rig .riga2, .rig .riga3{display:block; width:278px; height:55px; margin-top:20px;}
	
	
	.rig .riga1{ background:url(../images/rig1.jpg) no-repeat;}
	.rig .riga2{ background:url(../images/rig2.jpg) no-repeat;}
	.rig .riga3{ background:url(../images/rig3.jpg) no-repeat;}
	
	.yuan, .gong{ width:500px; float:left; margin-bottom:40px;}
	.yuan, .wen{ height: 250px;}
	.wen, .case{ width:430px; margin-left:70px; float:left;margin-bottom:40px;}
	

.gongli{ width:30px; height:200px; background:#ccc;}
.gongnr{ width:260px; height:200px; background:#666; color:#f00; float:left;}


/* =====================================
                 横向手风琴           
    =================================== */	
#centerwell { position: relative; height: 177px; float:left; margin: 0; padding: 0; background: #fff; overflow: hidden; }
#centerwell li {  position: relative; width: 32px; height: 177px; float: left;  background: white; overflow: hidden;}
#centerwell h3 { cursor: pointer;  background:#f4f4f4; border:1px solid #ccc; position: absolute; top: 0; left: 0; margin: 0;  width: 32px; height: 175px; font-size:14px;}
#centerwell h3:focus{ background:#479adc;}
#centerwell h3:hover{ background:#479adc;-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;}
#centerwell h3:focus span{color:#fff;}
#centerwell h3:hover span{color:#fff;}
#centerwell h3 span{ color:#000; display:block; width:14px; line-height:20px; height:177px; padding-left:9px; margin-top:10px; font-weight:100;}
#centerwell p { position:absolute; left:45px; top:20px; width: 380px; height:150px;}
#centerwell p img{ width:150px; max-height:95px; float:left;}
#centerwell p > .nr{color:#666; font-size:12px; width:210px; float:left; line-height:17px; margin:5px 0 0 15px; display:block; height:93px; border-bottom:1px dashed #ccc;}
#centerwell p .cheng{ display: block; height:16px; float:left; width:230px; line-height:16px; font-size:12px; margin:0; border-left:5px solid #eee; padding:3px; padding-left:7px;}
.gongda{ border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}





/* =====================================
                 华丽的分割线           
    =================================== */
	.case .an{ width:200px; height:177px; border:1px solid #ccc; float:left; border-top:1px solid #fff;}
	.case .an .tup > img{ width:200px; height:100px;}
    .case .an .tup{width:200px; height:100px; position:relative;}
	.case .an .tup p{ position: absolute; bottom:0; width:200px; height:15px; background:rgba(0,0,0,.6); }
	.case .an .tup p a{ color:#fff; display:block;  padding:2px 11px; font-size:12px;}
	.case .an .tup p a:hover{ color:#fff; text-decoration: underline;}
	
	.case .an > li{ width:200px; height:24.5px; border-top:1px solid #ccc; background:#f4f4f4; float:left;}
	.case .an > li a{ color:#000; display:block;  padding:2px 11px; font-size:12px;}
	.case .an > li:hover{ background:#479adc;}
	.case .an > li a:hover{ color:#fff;}
	.case .an-r{ margin-left:25px;}
	
	
	
	
	/* =====================================
                 内页样式           
    =================================== */
	
	
.nytop{ 
background:url(../images/neibg.jpg) no-repeat top; 
min-height:204px; 
margin-top:-110px;
}
	
.ny{ 
background:url(../images/neibg2.jpg) no-repeat top; 
min-height:550px; 

}
	
	
.nytop 
.biaoti{
font: bold 24px/30px '微软雅黑';
color: #1983d5;
float: left;
padding-left: 22px;

}	
.nytop 
.nrtop{padding-top:160px;}	

.nytop
.weizhi{
float: right;
display: inline;
padding-top: 16px;
color: #009ee4;
text-indent: 1em;
height: 12px;
}


.nynav{
width: 214px;
float: left;
background: #fff;
box-shadow: 0px 0px 7px #e4e5e5;
margin: 0 auto;
border: 1px solid #e4e5e5;
}
.nynav ul{
width: 180px;
margin: 0 auto;
padding-top: 15px;
padding-bottom: 23px;
}
.nynav ul li a{
display: block;
width: 180px;
height: 29px;
padding-left:5px;
}
.nynav ul li{
line-height: 29px;
border-bottom: 1px dashed #dadada;
}

.nynav ul li a:hover{
background: url(../images/nynavli.gif) center no-repeat;
color: #fff;
}
.nynav ul li > .nyact{background: url(../images/nynavli.gif) center no-repeat;
color: #fff;}
.nynr{
width: 750px;
box-shadow: 0px 0px 7px #e4e5e5;
border: 1px solid #e4e5e5;
float: left;
margin-left: 30px;
background: #fff;
min-height: 500px;}

.nynr .biaoti > h1{
font: 18px/24px '微软雅黑';
color: #1983d5;
margin:0;
border-bottom: 1px solid #dadada;
padding: 20px 0px 10px 0px;
}

.nynr > .biaoti,
.nynr > .neirong{
width: 676px;
margin: 0 auto;
height:auto;}
.nynr > .neirong{
text-align: left;
padding: 20px 0;
font-size:14px;
color:#333;}
.nynr > .neirong-pic > ul{ float:left; min-width:676px; height:auto; margin-left:-70px; margin-bottom:20px;}
.nynr > .neirong-pic > ul > li{ width:300px; height:245px; float:left; margin-left:70px; font-size:14px; text-align:center;}

.nynr > .neirong-pic > ul > li img{ width:300px; height:195px;}

.nynr > .neirong .neirong-img{ width:100%; height:auto;}

.neirong > .hbnewli01{ min-height:400px;}


.nynr > .neirong-case > ul > li{
padding: 30px 0px;
border-bottom: 1px dashed #a3a3a3;
width:100%;
float:left;
}
.nynr > .neirong-case > ul > li img,
.nynr > .neirong-case > ul > li .thumbnail{
width: 156px;
height: 105px;
float:left;
}

.nynr > .neirong-case > ul > li > .case-r h1{
font-size:15px;
line-height:25px;
height:25px;
margin:0;
width:400px;
}

.nynr > .neirong-case > ul > li > .case-r h1 > a{ display:block; color:#1983d5;}

.nynr > .neirong-case > ul > li > .case-r{ float:left; width:480px;  margin-left:20px;}
.nynr > .neirong-case > ul > li > .case-r p{
width:480px; height:60px;}

.nynr > .neirong-case > ul{ margin-top:-30px;}


.nynr > .neirong-case > ul > li > .case-r > .more{ margin:0; margin-top:-5px; float:right;}