@charset "utf-8";
/* CSS Document */
/*主菜单*/
html, body {
    height:100%;
}
* a:hover{ cursor:pointer;}
	.main-nav a{ padding:5px 20px 28px 20px; color:white; text-decoration:none;}
	.main-nav a:hover{ color:#f7c065; cursor:pointer;}
	.container,.row{min-width:1170px; 
	width:expression(document.body.clientWidth < 1170? "1170px": "auto" ); }
	.contT{min-width:900px; width:900px; z-index:111}
	.contT ul{ top:-28px; left:50px;}
	.contT ul li{ margin:0 8px;}
	#s-2{bottom:-10px; left:110px;}
	#s-3{bottom:-10px; left:220px;}
	#s-6{bottom:-10px; left:533px;}
	.contT ul a{color:white; text-decoration:none;}	
	.contT ul a:hover{color:#3695cc; cursor:pointer;}
 .baout-tr {
        float: left;
        width: 188px;
        color: white;
        font-size: 18px;
        font-weight: bold;
        line-height: 40px;
    }
.left-nav a {
    display:block;
    height:40px;
}
body{ margin:0; padding:0; }
*{ font-size:15px; font-family:"微软雅黑";}
ul,li{ list-style:none; margin:0; padding:0;}
.my-hidden{ overflow:hidden;}
.font-b{ font-weight:bold;}
/*路径菜单*/
.banner-crumbs{float: left;
    			color: #c3dcf2;
    			font-family:SimSun-ExtB;
    			width: 500px;
				line-height:40px;
				}
.banner-crumbs *{ float:left; margin-right:5px;}
.banner-crumbs h5{ margin-top:0; margin-bottom:0;line-height:40px;}
.banner-crumbs a{ text-decoration:none; color:#c3dcf2;}
.banner-crumbs a:hover{ color:#c3dcf2;}
.banner-crumbs span{ color:white;}


/*color*/
.my-bg-gray{ background:#f1f1f1;}
.my-blue{color:#3695cc;}
.my-bg-blue{ background-color:#014980;}
.my-yellow{ color:#f7c065;}
.my-white{ color:white;}
.my-gray{ color:rgb(153,153,153);}
.my-dark-blue{color:#0F5097;}
.row{ margin-left:0; margin-right:0;}

/*bottom nav*/

	 .bottom-nav ul * {
            font-size: 12px;
            color:gray;
        }
     .bottom-nav {
         height:50px;
         border-top:1px solid #ccc;   
        }
     .bottom-nav .friend-link{
       width:760px;
       padding-top:10px;

      }
/*up三角形*/
.triangle-up {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #001424;
}
/*梯形*/
.contT{ height:0px;
		margin:0 auto; 
		border-top: 35px solid #001424;
		border-left:25px solid transparent; 
		border-right:25px solid transparent; }
.contT-2{height:0px;
		margin:0 auto; 
		border-bottom: 40px solid #014980;
		border-left:25px solid transparent; 
		border-right:0px solid transparent;
		width:200px;
	}
.contT-3{height:0px;
		margin:0 auto; 
		border-bottom: 40px solid #014980;
		border-left:0px solid transparent; 
		border-right:25px solid transparent;
		width:40px;
	}
/*矩形*/
.orthogon-1{width:800px;
			height:40px;
			background:#014980;}
/*线*/
.line-box{ height:3px; background:#014980; width:700px; margin-bottom:10px;}
/*padding,margin*/
.my-ml-2{ margin-left:20px;}
.my-mr-2{ margin-right:20px;}
.my-mt-2{ margin-top:20px;}
.my-mb-2{ margin-bottom:20px;}
.my-pl-2{ padding-left:20px;}
.my-pr-2{ padding-right:20px;}
.my-pt-2{ padding-top:20px;}
.my-pb-2{ padding-bottom:20px;}
.my-ml-1{ margin-left:10px;}
.my-mr-1{ margin-right:10px;}
.my-mt-1{ margin-top:10px;}
.my-mb-1{ margin-bottom:10px;}
.my-pl-1{ padding-left:10px;}
.my-pr-1{ padding-right:10px;}
.my-pt-1{ padding-top:10px;}
.my-pb-1{ padding-bottom:10px;}
.my-ml-3{ margin-left:30px;}
.my-mr-3{ margin-right:30px;}
.my-mt-3{ margin-top:30px;}
.my-mb-3{ margin-bottom:30px;}
.my-pl-3{ padding-left:30px;}
.my-pr-3{ padding-right:30px;}
.my-pt-3{ padding-top:30px;}
.my-pb-3{ padding-bottom:30px;}
.my-ml-4{ margin-left:40px;}
.my-mr-4{ margin-right:40px;}
.my-mt-4{ margin-top:40px;}
.my-mb-4{ margin-bottom:40px;}
.my-pl-4{ padding-left:40px;}
.my-pr-4{ padding-right:40px;}
.my-pt-4{ padding-top:40px;}
.my-pb-4{ padding-bottom:40px;}
/*float*/
.my-fl{ float:left;}
.my-fr{ float:right;}
/*position*/
.my-p-a{ position:absolute;}
.my-p-r{ position:relative;}
.my-p-f{ position:fixed;}
.p-t-center{left:50%; margin-left:-450px;}
/*center*/
.my-text-center{ text-align:center;}
.my-div-center{ margin-left:auto; margin-right:auto; overflow:hidden;}
/*容器*/
.my-container{ width:1000px; margin-left:auto; margin-right:auto; min-width:1000px; overflow:hidden;}
/*块级元素*/
.my-block{ display:block;}
.my-inline{ display:inline;}



/*经典案例*/
 .content-banner {
        background: url(/Skins/Web/images/jingdian.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        height: 240px;
        min-width: 1170px;
    }
.classic-content {
 position: relative;
    min-height: 62.3%;
    padding-bottom: 40px;  
    background-size: 100% 100%;
    margin-top: 2px;
}
.case-box {
    width:1150px;
    margin-left:auto;
    margin-right:auto;
    padding-bottom:40px;
}
.case-box h4 {
    font-weight:600;
    color:gray;
    
    }
.case-line {
    height:1px; 
    width:1150px;
    background-color:#ccc;
}
.software {
    overflow:hidden; 
    padding-left:30px;
}
.case-software {   
   width:180px;
   height:120px; 
   display:inline-block; 
   
   text-align:center;
   padding:10px; 
   margin-bottom:5px;
   background:white;
    
}
.case-software img {
   width:80px;
   height:80px; 
     }
.case-software p{
    font-size:14px;
    font-weight:bold;
   
}

.case-web {
    display:inline-block; 
    margin-left:5px; 
    margin-bottom:20px; 
    width:360px;
    height:300px;
    border:1px solid #ccc;
    padding:10px; 
}
.case-webbox {
    padding-left:30px;
}
.case-web p{
    font-weight:bold;
    font-size:17px;
    margin-bottom:7px;
}
.case-web span{
    font-size:12px;
}
.case-webbox .case-web a {
    display:block;
    width:338px;
    height:225px;
    overflow:hidden;
   
}
.case-web img {
    width:100%;       
}



.case-hand {
    overflow:hidden;
    padding-top:10px;
    padding-bottom:10px;    
}
.case-menus {
    width: 210px;
    height: auto;
    float: left;
}
.case-menus li a{
    display: inline-block;
    width: 100%;
   padding-left:5%;
    text-decoration: none;
    font-size: 16px;
    padding-top:6px;
    color:gray;
    padding-bottom:6px;
}

.case-imgbox{
   
    float:left;
    overflow:hidden;  
    width:910px;
    margin-left:30px;
    background:#f5f5f5;
   
}
.case-showbox {
    position:relative;
    margin:0 auto;
    width:840px;  
    overflow:hidden;
    padding-top:10px;
    padding-bottom:10px;
}
.case-img{
   
    position:relative;
    left:0;
    top:0;  
    overflow:hidden;
    width:9999px;  
}
.cases-pre{
    position:absolute;
    left:10px;
    top:50%;
   
}
    .cases-pre .glyphicon-chevron-left {
     font-size:30px;
    }
    .cases-next .glyphicon-chevron-right {
     font-size:30px;
    }
.cases-next{
    position:absolute;
    right:10px;
    top:50%;
}
.case-imgbox .case-img img{
  position:relative;
   float:left;
   margin-left:10px;
   margin-right:10px;
}
.case-active{
   display: inline-block;
    width: 100%;
    text-decoration: none;
    font-size: 16px;
    font-weight:bold;  
    background:#f5f5f5;
    border-left:5px solid #014980; 
}
.case-menus .case-active a {
    color:#014980;
}
.case-menus li :hover{
    text-decoration: none;
    font-size: 16px;
    color:#014980;
    background:#f5f5f5;
}
.webmore {
    width:60%;
    margin-left:auto;
    margin-right:auto;
    position: relative;
    min-height: 59%; 
    padding-bottom: 40px;   
    background-size: 100% 100%;
}
.webmore img {
    width:100%;
    border:4px solid #f1f1f1;
    margin-bottom:15px;
    }
.webmore .webmore-text {
    margin-bottom:30px;   
    }
.webmore .webmore-text * {
    color:#999;
    font-size:12px;
    }
.webmore .webmore-text h4 {
    font-size:16px;
    font-weight:bold;
    color:#333;
     }
.webmore .webmore-text a:hover{
    color:#014980;
    }
/*首页*/
.homepage-content {
    position: relative;
    min-height: 35%;    
    background-size: 100% 100%;
    margin-top: 2px;
    padding-bottom: 20px; 
}
#box .homepage-banner li {
    position:relative;
}
    #box .homepage-banner li img {
        position:relative;
    }
#box .homepage-sbanner {
    display:block;
    width:1004px; 
    height:77px; 
    background:white; 
    position:absolute;
    left:50%;
    margin-left:-500px;
    bottom:-10px;
}

#box .homepage-sbanner li {
    height:67px;
    }

#box .homepage-sbanner li img{
   width:100%; 
   height:100%;
  
}

/*关于图锐*/
.company-content{
    position: relative;
    min-height: 62.5%; 
    padding-bottom: 40px;   
    background-size: 100% 100%;

}



/*产品服务*/
.service-content {
    position: relative;
    min-height: 59.5%; 
    padding-bottom: 40px;   
    background-size: 100% 100%;
}

/*新闻中心*/
.news-content {
   min-height: 62.3%;
    padding-bottom: 40px;  
    background-size: 100% 100%;
    background: url(/Skins/Web/images/news-center-3.png);
     background-repeat: no-repeat; 
     background-size: 100% 100%;
      margin-top: 2px; 
}
.figcaption {
    width: 460px;
    height:44px;
}


  .Public-box-news {
        background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0 !important;
       
        padding-bottom: 20px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        box-shadow: 0 1px 2px #666;
        -webkit-box-shadow: 0 1px 2px #666;
        -moz-box-shadow: 0 1px 2px #666;
        padding: 7px;
        width: 488px;
        height:255px;
        overflow: hidden;
        display: inline-block;
        margin: 10px 5px;
        position:relative;
        z-index:9999;
    }

    .Proxy-news {
        overflow: hidden;
        height: 285px;
        background: rgba(255,255,255,0.8);
        border-radius: 5px;
        padding: 6px;
    }

        .Proxy-news h4 {
            height:18px;          
            margin-top: 16px;
            text-align: center;
            font-size: 16px;                
            display:block;
            white-space:nowrap;
            overflow:hidden;  
            text-overflow:ellipsis;
        }

        .Proxy-news p {
            margin: 0 0 5px;
        }

    .Public-h1 {
        font-size: 26px;
        text-shadow: 1px 0 3px #666;
        color: #FFF;
        display: block;
    }

    .public-info {
        margin: 10px 0;
        font-size: 12px;
        text-indent: 4em;
        color: white;
    }

        .public-info a {
            color: white;
            font-size: 12px;
        }

    .Public-box {
        background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0 !important;
       
        background: #fff;
        height: auto;
        padding-bottom: 20px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        box-shadow: 0 1px 2px #666;
        -webkit-box-shadow: 0 1px 2px #666;
        -moz-box-shadow: 0 1px 2px #666;
        padding: 5px;
        margin-top: 5px;
    }

    .Proxy {
        padding: 20px 50px;
    }

    .news-box {
        position: relative;
        min-height: 69%;
        padding-bottom: 40px;
        background: url(/Skins/Web/images/news-center-3.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        margin-top: 2px;
    }
  
/*招贤纳士*/
 .job-describe {
        width: 1000px;
        color: #00365f;
        margin-top: 40px;
        padding-left: 320px;
    }
.join-content {
    background: url(/Skins/Web/images/bg-2.png);
    min-height: 90%;
    
    background-size: 100% 100%;
    background-repeat: no-repeat; 
    background-size: 100% 100%;
}
.join-content .join-title{
    font-size:20px;
    margin-bottom:10px;
}


/*联系我们*/
  /*百度地图CLASS*/
    .anchorBL {
        display: none;
    }

   #map .BMap_Marker{
        background: url(/Skins/Web/images/biaoji.png);
    }
   

    #map {
        width: 558px;
        height: 400px;
        border: 10px solid #bcd3e5;
        font-size: 12px;
    }

    .contact-text ul li {
        margin: 20px 0;
    }

        .contact-text ul li span {
            font-size: 20px;
            font-weight: 600;
        }

    .contact-us div {
        margin-bottom: 10px;
    }

        .contact-us div span {
            display: block;
            margin-bottom: 10px;
        }

    form input, form textarea, form select {
        background-color: rgba(255,255,255,.5);
    }

     .contact-us .form-control {
        background-color: rgba(255,255,255,.5);
    }

    option {
        background: rgba(78,135,190,.5);
    }
.c-submit {
    color:white;
}
.contact-us .btn:hover{
    background-color:#3695cc;
    color:white;
    border:1px solid #f5f5f5;
}