﻿@charset "utf-8";
/* CSS Document 
html {
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(100%);
}*/
a{ color:#666;}
a:hover{ color:#3e98c5;}
.in-box1{ background:url(../images/1_01.jpg) center center; height:632px; background-size:100%}
.in-box-p{ padding-top:280px; color:#fff;}
.in-box2{ padding:50px 0px}
.in-box3{ background:url(../images/1_03.jpg) center center; height:399px; clear:both}
.in-box-case{ padding:20px 0px;}
.in-box4{ padding:50px; background:#fff; }
.link{ background:#fff;  margin:50px 0px;}
.link .panel-body{ padding:15px 0px 30px 15px}
.link .panel-heading{border-bottom: 1px solid #eee;}
.link a{ color:#3D3D3D; padding:0px 10px 0px 0px;}
.footer{ background:#303541;  color:#fff;z-index: 9;position: relative;}
.footer a{color:#ccc;}
.c_title{ text-align:center; padding-bottom:20px; font-size:16px;white-space:nowrap;}
.caseDiv{padding-bottom:50px; padding-top:85px; width:100%;}
.caseDiv .list-group-item{ border-right:0px; border-left:0px}
.caseDiv .list-group-item:first-child{ border-top-left-radius:0px;border-top-right-radius:0px;}
.caseDiv .list-group-item:last-child{ border-bottom-left-radius:0px;border-bottom-right-radius:0px;}

.about_right{border-bottom:dotted 1px #ccc; padding-bottom:10px; padding-top:10px;}
.about_right p.about_t1{text-align:center; font-size:45px; font-weight:bold; color:#119dca; line-height:50px;}
.about_right p.about_t2{ text-align:center}

.caseDiv div a { overflow:hidden }
.caseDiv div  a img {	display: block;    overflow-x: hidden;    overflow-y: hidden;
    position: relative;	z-index:1;	transition-delay: 0s;    transition-duration: 1s;    transition-property: all;    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;    -moz-transition-duration: 1s;    -moz-transition-property: all;    -moz-transition-timing-function: ease;	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;    -webkit-transition-duration: 1s;    -webkit-transition-property: all;    -webkit-transition-timing-function: ease;	/* Opera */
	-o-transition-delay: 0s;    -o-transition-duration: 1s;    -o-transition-property: all;    -o-transition-timing-function: ease;}
.caseDiv div a img:hover {filter:alpha(opacity=80); /*IE滤镜，透明度50%*/-moz-opacity:0.8; /*Firefox私有，透明度50%*/opacity:0.8;/*其他，透明度50%*/transform: scale(1.2, 1.2);	
	-ms-transform:scale(1.2, 1.2); 	/* IE 9 */	-moz-transform:scale(1.2, 1.2); 	/* Firefox */	-webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */	-o-transform:scale(1.2, 1.2); 	/* Opera */}
	
.nav_list{}
.nav_list a{ padding:0px 15px; }
.nav_on{ color:#068aff }

.come-on .icon {    float: left;    width: 77px;    height: 50px;    margin: 11px 0;    background: url('../images/icons-job.png') no-repeat;}
.come-on {    border-top: 1px solid #dcdcdc;    margin-top: 44px;    padding-top: 17px;	font-size:16px; line-height:36px;}
.come-on .icon1 {    float: left;    width: 66px;    height: 50px;    margin: 11px 0;    background: url('../images/icons-job.png') 0 -62px no-repeat;}
.rowN p{font-size:14px; line-height:28px;}
.rowN .footer p{ color:#ccc;}

.rowN p.p_ms{ line-height:22px;}

.panel-heading-n{ padding:0px !important; height: 40px;}
.panel-heading-n a{display: block; text-indent:1em;    height: 100%;    width: 100%;    line-height: 40px;}
.banner-n .carousel-caption{ bottom:35%;}

.p_center{ text-align:center;}
.rowN p.list_title{font-size:28px; font-weight:bold;}
.p_ms{text-indent:2em;}
.inbg1{background:#f0f2f6 ; padding:50px 0px;}
.inbg2{background:#fff ; padding:50px 0px;}
.inbg3{background:#f0f2f6 ; padding:50px 0px;}
.inbg4{background:#fff ; padding:50px 0px;}
.inbg5{background:#f0f2f6 ; padding:50px 0px;}
.inpr{}
.inpr img{width:100%; max-width:640px;}

.zhaopin{}
.zhaopin a{ color:#119dca;}
.zhaopin a:hover{  text-decoration:underline;}

/* 右侧导航 */
#fullPage-nav { _display: none; font-size: 12px;}
#fullPage-nav li { width: 50px; height: 15px; margin: 10px 0 0; vertical-align: middle;}
#fullPage-nav li a { float: right; width: 15px; height: 15px; color: #6090b6; text-decoration: none; text-align: right;     border-radius: 15px;
    border: 1px solid #489dc8 !important;}
#fullPage-nav li .active { background: #489dc8;}
#fullPage-nav span { display: none;}
.fullPage-tooltip { float: left; top: 0; margin-right: 5px; font: 12px "Microsoft Yahei"; color: #6090b6; line-height: 21px;}

.section { position: relative; overflow: hidden;}
.section .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.section .bg img { display: block; width: 100%; height: 100%;}





.bg23 { position: absolute; left: 0%;  width: 600px; height: 350px; margin-left: -409px; transition: all 1s; }
.section strong { position: absolute; top:20%; right: 0; z-index: 10; width: 512px; height: 45px;  font-size: 28px; font-weight: bold; color: #748A9E; transition: all 1s; }
.section h3 { font-size: 15px;    line-height: 30px;text-indent: 2em;    padding-top: 20px; transition: all 1s; }
.p1 { position: absolute; right: 0;top: 15%; width: 510px; margin-left: -255px; margin-top: 130px; font-size: 16px; color: #727F8C; opacity: 0; transition: all 1s;}
/* CSS3过度及动画 */
.active strong, .active h3 {right: 20%; transition-delay: 0.7s;}
.active .p1 { opacity: 1; transition-delay: 1.7s;}
.active .bg23 { left: 40%; transition-delay: 0.7s;}

.a2_1{ position:relative; left:-50%; transition: all 1s;display: table-cell;  width:50%;   vertical-align: middle;}
.active .a2_1{  left:10%;transition-delay: 0.7s;}

.a2_2{ position:relative; right:-50%; transition: all 1s; padding-left:20%;display: table-cell;  width:50%;   vertical-align: middle;}
.active .a2_2{ right:10%; transition-delay: 0.7s; }

.a3_1{ position:relative; bottom:-100%; transition: all 1s; padding-right:10%; text-align:center;display: table-cell;  width:60%;   vertical-align: middle; }
.active .a3_1{  bottom:0%;transition-delay: 0.7s;}

.a3_2{ position:relative; bottom:-100%;  transition: all 1s;padding-left:10%;display: table-cell;  width:40%;   vertical-align: middle;}
.active .a3_2{bottom:0%; transition-delay: 1s;}

.a4_1{ position:relative; left:-50%; transition: all 1s; display: table-cell;  width:50%;   vertical-align: middle;}
.active .a4_1{  left:10%;transition-delay: 0.7s;}

.a4_2{ position:relative; right:-90%; transition: all 1s; padding-left:20%; margin-top:10%;display: table-cell;  width:50%;   vertical-align: middle;}
.active .a4_2{ right:10%; transition-delay: 0.7s; }

.a5_1{ position:relative; bottom:-100%; transition: all 1s; text-align:center;display: table-cell;  width:60%;   vertical-align: middle; }
.active .a5_1{  bottom:0%;transition-delay: 0.7s;}

.a5_2{ position:relative; bottom:-100%;  transition: all 1s;padding-left:10%;display: table-cell;  width:40%;   vertical-align: middle;}
.active .a5_2{bottom:0%; transition-delay: 1s;}


.a6_1{ position:relative; left:-50%; transition: all 1s;display: table-cell;  width:50%;   vertical-align: middle;}
.active .a6_1{  left:10%;transition-delay: 0.7s;}

.a6_2{ position:relative; right:-90%; transition: all 1s; padding-left:20%;display: table-cell;  width:50%;   vertical-align: middle;}
.active .a6_2{ right:10%; transition-delay: 0.7s; }


.rowN p.inpr_title{font-size:28px; font-weight:bold; line-height:50px; border-bottom:solid 1px #e7e7e7;}
.rowN p.inpr_title a{padding:10px 0px}
.rowN p.inpr_title a:hover{ text-decoration:none;}
.rowN p.inpr_title2{    font-size: 18px;    padding-top: 10px;    margin-bottom: 0px;    color: #3e98c5; font-weight:bold;}

.rowN p.inpr_jianjie{padding-top:0px;}
.rowN p.inpr_btn a{font-size:18px; color:#3e98c5; text-decoration:underline;}
.rowN p.inpr_btn a:hover{color:#068aff;}

.rowN p.inpr_btn_more{ border:solid 1px #e8e8e8; border-radius: 5px; text-align:center;}
.rowN p.inpr_btn_more a{font-size:15px; color:#3e98c5; text-decoration:underline; width:100%; display:block}
.rowN p.inpr_btn_more a:hover{color:#068aff;}

.footer-menu p{ line-height:24px; margin-bottom:0px; }
.footer-menu  a{ color:#ccc; font-family:微软雅黑; }
.footer-menu  a:hover{ text-decoration:underline;}

#carousel-example-generic1 .carousel-indicators{position: initial;width:100%;margin-left:0px;}
#carousel-example-generic1 .carousel-indicators li{background-color: #fff;border: 1px solid #3e98c5;}
#carousel-example-generic1 .carousel-indicators .active{background-color: #3e98c5;  }

#carousel-example-generic2 .carousel-indicators{position: initial;width:100%;margin-left:0px;}
#carousel-example-generic2 .carousel-indicators li{background-color: #fff;border: 1px solid #3e98c5;}
#carousel-example-generic2 .carousel-indicators .active{background-color: #3e98c5;  }


.leftmenu_fixed{ position:fixed;}
.caseImg img{ width:100%; max-width:1207px;}
.h1_style{text-indent:1em;} 
.list-group{height: 100%;background: #fff;border-right: solid 1px #ccc;border-left: solid 1px #ccc;}


 @media (min-width: 768px) {
  .col-md-10{width: 60% !important; float:left;}
.col-md-2{width: 280px !important;float:left;}
.list-group{ position:fixed}

}
@media (min-width: 992px) {
.col-md-10{width: 68% !important;}
.col-md-2{width: 280px !important;}
.list-group{ position:fixed}
}
@media (min-width: 1200px) {
.col-md-10{width: 76% !important;}
.col-md-2{width: 280px !important;}
.list-group{ position:fixed}
}
@media (min-width: 1700px) {
.col-md-10{width: 76% !important;}
.col-md-2{width: 280px !important;}
.list-group{ position:fixed}
}  

   
   
   
   
   
   
   
   
   
   
   
   
   
   