/*公共样式*/
body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul {
    margin: 0;
    padding: 0;
}

body,button,input,select,textarea {
    font: 12px/1.5 'Microsoft YaHei UIRegular','微软雅黑',tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;
}
html{
    font-size: 62.5%;
}
@media screen and (max-width:767px) {
    html { font-size: 38%; }
}


ol,ul {
    list-style: none
}
a {
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

legend {
    color: #000
}

fieldset,img {
    border: 0
}

button,input,select,textarea {
    font-size: 100%
}


.coo_row>div>img{
    width: 100%;
    height: auto;
}
table {
    border-collapse: collapse;
    border-spacing: 0
}

/*自定义样式*/
body {
    overflow-x: hidden;
}
.header,.footer{
    width: 100%;
}
.header{
    background: #000;
}
.header-main{
    width: 60%;
    height: 100%;
    margin: 0 auto;
}
.header-logo{
   width: 100%;
   height: 100%;
}
.header-list{
    color: #9699a6;
}
.head_list{
    padding:24px 0;
    text-align: center;
}
.head_logo{
    height: 66px;
    display: flex;
    align-items:  center;
}
.hamburger_c{
    display: flex;
    justify-content: center;
    align-items: center;
}
.hamburger_btn{
    display: flex;
}
@media (max-width: 767px) {
    .head_row{
        position: absolute;
        z-index: 1000;
        background: #000;
        top: 66px;
        display: none;
    }
}

.head_list:hover{
    background: url('../img/active.png') no-repeat ;
     background: red;
    background-size: 100% 100%;
   
}
.head_list:hover.head_list>a{
    color: #fff !important;
    text-decoration: none;
}
.icon-bar{
    background-color: #fff;
}

.navbar-brand{
    height: 66px !important;
    line-height: 33px !important;
}
.navbar-toggle{
    margin-top: 15px !important;
    background-color: #00a0e9;
}

/*section*/
.carousel-custom,.carousel-custom2{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}
.carousel-custom>.container,.carousel-custom2>.container{
    padding: 3% 10px;
}
.carousel-custom h2,.carousel-custom2 h2{
    font-family:'Microsoft YaHei UIBold';
    color: #fff;
    margin:20px  0;
}
.carousel-custom p{
    font-family:'Microsoft YaHei UIRegular';
    color: #d7d8de;
    font-size: 16px;
    margin:30px  0;
}
.car_head1{
   position: absolute; 
   bottom: 20%;
   right: 25%;
}
.car_head2{
    position: absolute;
    bottom: 0;
    right: 20%;
}
.carousel-custom2 p{
    font-family:'Microsoft YaHei UIRegular';
    font-size: 20px;
    font-weight: bold;
    margin: 15px 0 30px;
    color: #fff;
}
.carousel-custom2 span{
    color: #fff;
    font-family:'Microsoft YaHei UIRegular';
    font-size: 16px;
    margin: 35px 0;
    display: block;

}


.frameworklist,.productionlist{
    background-color: #fafafa;
}

.cooperation{
    background-color: #fff;
}

/*内容*/
.container{
    padding: 0 10px;
}
.article{
    background: #fafafa;
}

.introduce,.history,.framework,.corebus,.production,.cooperlist,.contact{
    font-family: 'MicrosoftYaHei UIRegular';
    
}
@media (min-width: 768px){
    .introduce,.history,.framework,.corebus,.production,.cooperlist,.contact{
     padding: 20px;
    }
}
.int_content{
    /*background: url('../img/introduce/map.png') no-repeat top center;*/
    line-height:2;
    /*background-size: 100% 100%;*/
    padding:0 12%;
}
.int_title,.his_title,.fra_title,.cor_title,.pro_title,.coo_title,.con_title{
    color: #31364c;
    display: flex;
    justify-content: center;
    align-items: center;
    /*margin-top: 1%;*/
}
.int_title .int_line1,.his_title .his_line1,.fra_title .fra_line1,.cor_title .cor_line1,.pro_title .pro_line1,.coo_title .coo_line1,.con_title .con_line1{
    display: inline-block;
    width: 4em;
    height: 1px;
    background:#31364c;
    margin-right: 2em;
}
.int_title .int_line2,.his_title .his_line2,.fra_title .fra_line2,.cor_title .cor_line2,.pro_title .pro_line2,.coo_title .coo_line2,.con_title .con_line2{
    display: inline-block;
    width: 4em;
    height: 1px;
    background:#31364c;
    margin-left: 2em;
}
.int_title p,.his_title p,.fra_title p,.cor_title p,.pro_title p,.coo_title p,.con_title p{
    font-size: 3rem;
}
.int_san,.his_san,.fra_san,.cor_san,.pro_san,.coo_san,.con_san{
    display: flex;
    justify-content: center;
    margin: 1% 0 2%;
}
.int_title {
   /*margin-top:20px;*/
}
.int_san>div,.his_san>div,.fra_san>div,.cor_san>div,.pro_san>div,.coo_san>div{
    width: 10px;
    height: 5px;
    background: #31364c;
    margin: 2px;
}
.int_tag{
    text-align: center;
    color: #31364c;
    font-size: 2.05rem;
}
.int_engtag{
    text-align: center;
    color: #31364c;
    font-size: 1rem;
    color:#aaabb4;
    margin-bottom:1%;
}
.int_text{
    color: #31364c;
    font-size: 1.325rem;
    text-align: center;
}



@media (min-width: 992px){
    .worklist_box{
        background:#0e293e;
        width: inherit;
    }
}
.worklist{
    margin: 20px 0;
}
.worklist .big-img-container{
    padding: 10px 10px;
}


/*发展历程*/
.his_time{
    background:#43b1ff;
    width:10em;
    height:3em;
   /* padding: .5em;*/
    text-align:center
}
.his_time>b{
    font-size: 2.5rem;
    font-weight: normal;
}
.his_up,.his_down{
    display: flex;
    justify-content: space-around;
    color: #31364c;
    width: 69%;
    margin: 0 auto;
}
.his_up{
    margin-top: 40px;
    width: 92%;

}
.his_center{
    margin: 20px auto;
    display: flex;
    align-items: center;
}
.his_line{
    position: relative;
    width:10px;
    height: 10px;
    background: #43b1ff;
    margin:0 5em;
    position: relative;
}
.his_line:before{
    content: '';
    display: inline-block;
    width: 18em;
    height: 1px ;
    background: #43b1ff;
    position: absolute;
    top: 50%;
    right: 15px;
}
.his_line:after{
    content: '';
    display: inline-block;
    width: 4.95em;
    height: 1px ;
    background: #43b1ff;
    position: absolute;
    top: 50%;
    left: 15px; 
}
.his_line >i{
    position: absolute;
    display: inline-block;
    width: 1px;
    height: 2em ;
    background: #43b1ff;
    position: absolute;
    bottom: 15px;
    left: 50%; 
}
 .his_j >i{
    position: absolute;
    display: inline-block;
    width: 1px;
    height: 2em ;
    background: #43b1ff;
    position: absolute;
    top: 15px;
    left: 50%; 
}
.his_jt {
    display: flex;;
    justify-content: center;
    align-items: center;
    position: relative;
}
.his_jt>b{
    width: 5em;
    height: 1px ;
    margin-top:1px;
    background: #43b1ff;
    display: inline-block;
}
.his_jt:before{
    /*content: '天浪创';*/
    position: absolute;
    top: -15px;
    left: 0;
    font-family: 'Microsoft YaHei UIBold';
    font-weight: bold;
    font-size: 1.5rem;
    color: #313645;
}
.his_jt:after{
    /*content: '新科技';*/
    position: absolute;
    top: 10px;
    left: 0;
    font-family: 'Microsoft YaHei UIBold';
    font-weight: bold;
    font-size: 1.5rem;
    color: #313645;
}
.develop-box{
	padding: 240px 0;
    background: url('../img/introduce/map.png') no-repeat top center;
    background-size:900px 448px;
}
.develop-box ul{
	display: -webkit-flex;
	display: flex;
}
.develop-box ul li{
	-webkit-flex: 1;
	flex: 1;
	height: 0;
	border-top: 2px solid #1f2a4a;
	position: relative;
}
.develop-box .hollow-circle{
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0;
	right: 0;
	margin-top: -10px;
	margin-right: -10px;
	background: #1f2a4a;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 2px solid #1f2a4a;
	z-index: 5;
}


.develop-box .hollow-circles{
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    right: 0;
    margin-top: -11px;
    margin-right: -15px;
    z-index: 5;
    border-left: 29px solid #1f2a4a;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}
.develop-box .solid-circle{
	position: absolute;
	width: 10px;
	height: 10px;
	top: 0;
	right: 0;
	margin-top: -5px;
	margin-right: -5px;
	background: #9c9c9c;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	z-index: 6;
}
.develop-box .vertical-line{
	position: absolute;
	width: 0;
	height: 30px;
	right: 0;
	margin-right: -1px;
	border-left: 2px solid #1f2a4a;
}
.down .vertical-line{
	top: 10px;
}
.up .vertical-line{
	bottom: 10px;
}
.develop-box .year{
	position: absolute;
	width: 140px;
	height: 32px;
	line-height: 32px;
	right: 0;
	margin-right: -70px;
	text-align: center;
	color: #484B56;
	font-size: 18px;
	font-family: arial;
	background: transparent;
    border:1px solid #60687f;
}
.down .year{
	top: 40px;
    line-height: 30px;
    font-weight: bold;
    color:#1f2a4a;
}
.up .year{
	bottom: 40px;
    line-height: 30px;
    font-weight: bold;
    color:#1f2a4a;
}
.develop-box .develop-introduce{
	position: absolute;
	width: 256px;
	right: 0;
	margin-right: -183px;
    font-size: 1.5rem;
    margin-top:8px;

}
.develop-box .develop-introduce>p{
    color: #31364c;
}
.down .develop-introduce{
	top: 72px;
}
.up .develop-introduce{
	bottom: 74px;
}

.framework_img{
    background: url('../img/framework/framework.png') no-repeat center center;
    background-size: 100%;
    width: 50%;
    height: auto;
    margin: 0 auto;
}
.frame_box{
    color: #31364c;
    font-family: 'MicrosoftYaHei UIRegular';
}
.frame_content{
    position: relative;
}
.frame_box{
    position: absolute;
    text-align: center;
}
.frame_l1{
    left: -25%;
    top: 10%;
}
.frame_l2{
    left: -35%;
    top: 40%;
}
.frame_l3{
    left: -25%;
    top: 80%;
}
.frame_r1{
    right: -25%;
    top: 10%
}
.frame_r2{
    right: -35%;
    top: 40%;
}
.frame_r3{
    right: -20%;
    top: 80%
}

/*核心业务*/
.cor_pic{
    font-family: 'MicrosoftYaHei UIRegular';
}
.cor_pic.active{
    box-shadow:1px 1px 15px 0px #828282;
}
/*.cor_pic_b{
    background: url("../img/corebus/2.png");
    display: flex;
    justify-content: center;
    padding: 20px 0;
    background: #e1e1e1;
}
.cor_pic_b.active{
   background: #00BFF3; 
}*/
.cor_menu{
    text-align: center;
    background: #f5f5f5;
    color: #3e4357;
    padding: 10px 0;
    font-size: 2rem;
}
.cor_menu.active{
    color: #fff;
    background: #000;

}
.cor_menu span{
    color: #d0d2d9;
    font-size: 1.3rem;
}
.caption >p{
    color: #9da0ac;
    padding: 8%;
    font-size: 1.5rem;
/*    text-align: center;*/

}
.cor_col{
    margin: 20px 0
}

/*产品方案*/
.pro_bg1{
    background: #43b1ff;
}
.pro_bg2{
    background: #ffffff;
}
.pro_bg3{
    background: #43b1ff;
}
.pro_bg4{
    background: #ffffff;
}
.pro_bg5{
    background: #43b1ff;
}
.pro_bg6{
    background: #ffffff;
}
.pro_text{
    height: 200px;
    padding:50px 20px;
    text-align: center;
    overflow: hidden;
}


.media-object{
    height: 42%;
    max-width: 129px;
}
.pro_text .media-heading{
    color: #fafafa;
    font-size: 1.5rem;
}

.pro_text .media-headings{
    color: #9da0ac;
    font-size: 1.5rem;
}
.cooperation_list{
  padding: 0 20px;
}

.coo_row{
    width: 100%;
    background: #fff;
    display: flex;
    justify-content: space-around;

}
.coo_row>div{
    display: inline-block;
    width: 20%;
    text-align: center;
    box-shadow: 1px 1px 0 0  #f1f1f1;
    margin-right:-1px ;
    padding: 2%;
    display: flex;
    justify-content: center;
    align-items: center;

}
.coo_row>div:last-child{
     box-shadow: 0 1px 0 0  #f1f1f1;
}
.coo_row0>div{
    box-shadow: 1px 0 0 0  #f1f1f1;
}
.coo_row0>div:last-child{
    box-shadow: none
}
.cooperation_title{
    font-size: 2rem;
    color: #fafafa;
    background: #43b1ff;
    padding: 15px 0;
}

.contactlist{
    /*background: #313538;*/
    color: #6e717a;
}
.introduce {
    /*padding:50px;*/
    /*width:950px;*/
    height:460px;
    background: url('../img/introduce/company.png') no-repeat center 54px;
    background-size:415px 380px;
}
.contact{
    background: url('../img/introduce/map.png') no-repeat center center;
}
.footer .con_title{
    color: #6e717a !important;
}
.footer  .con_line1,.footer .con_line2{
    background: #6e717a !important;
}
.footer .con_san>div{
    width: 10px;
    height: 5px;
    background: #6e717a;
    margin: 2px;
}
.icon_row{
    margin-bottom: 3%;
}
.contact_col{
    margin:5% 0;
}
.contact_col>div{
    font-size: 1.5rem;
}
.contact_col>p{
    margin: 2% 0;
}
.contact_col>p>img{
    margin-right: 5%;
}

.contact_col>p>span{
    display: inline-block;
    width: 80%;
    /*vertical-align:  -webkit-baseline-middle;*/
    vertical-align: top;
}


.end{
    text-align: center;
    background: #1f2a4a;
    overflow: hidden;
    height:150px;
    display: flex;
    align-items: center;
    color: #FFFFff;
    font-size: 14px;
    justify-content: center;
}
.end_row{
    
    /*padding: 5% 0;*/
}
.com_line{
    position: relative;
}
/*.com_line:before{
    content: '';
    display:inline-block;
    position: absolute;
    top: -15px;
    right: 15%;
    width: 69%;;
    height: 1px ;
    background: #5a5e67;
}*/
/*.com_line:after{
    content: '';
    display:inline-block;
    position: absolute;
    bottom: -15px;
    right: 15%;
    width: 69%;;
    height: 1px ;
    background: #5a5e67;
}*/
.company_row img{
    width: 100%;
}
.copyright{
    background: #bde4ff;
    padding: 20px;
    color: #2c2b2a;
}
.padding-bottom{
    padding-bottom: 3%;
}