html, body {
    font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
    color: #000;
    background-color: #ffffff;
}
a {
    color: #333;
    text-decoration: none;
}
a:hover, a:focus {
    color: #fbc02d;
    text-decoration: none;
}
a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.font_c1 {
    color: #148fb8;
}/*主色*/
.font_c2 {
    color: #ff9900;
}
.font_c3 {
    color: #2fc0a3;
}/*绿色*/
.font_c4 {
    color: #FF6600;
}
.font_c5 {
    color: #FFF;
}
.font_c5 a {
    color: #FFF;
}
.font_c5 a:hover {
    color: #ddd;
}
.font_c6 {
    color: #666;
}
.font_c7 {
    color: #1fd3d3;
}/*水绿色*/
.font_c8 {
    color: #22b6c7;
}/*水蓝色*/
.font_c9 {
    color: #5e96dc;
}/*紫蓝色*/
.font_c9 a {
    color: #5e96dc;
}
.font_c9 a:hover {
    color: #2267c7;
}
.font_c10 {
    color: #ffbf5b;
}/*桔色*/
.font_c11 {
    color: #e6967c;
}/*虾粉色*/
.font_c12 {
    color: #999;
}
.font_c12 a {
    color: #999;
}
.font_c12 a:hover {
    color: #FF9900;
}
.font_c13 {
    color: #ccc;
}
.font_c14 {
    color: #25b3d0;
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(40,200,190,.3)), to(rgba(23,170,230,1)));
}
.font_c15 {
    color: #ad90d0;
}
.font_c15 {
    color: #6b52e6;
}
.font-lh0 {
    line-height: 1.5;
}
.bg_c1 {
    background-color: #2267c7;
    color: #fff;
}/*主色*/
.bg_c2 {
    background-color: #2fc0a3;
    color: #fff;
}/*水绿色*/
.bg_c3 {
    background-color: #22b6c7;
    color: #fff;
}/*水蓝色*/
.m-t-1 {
    margin: 1.2em 0 0 0;
}
.m-t-d5 {
    margin: .5em 0 0 0;
}
.m-t-2em {
    margin: 2em 0 0 0;
}
.m-t-3em {
    margin: 3em 0 0 0;
}
.m-tb-1em {
    margin: 1em 0;
}
.m-tb-2em {
    margin: 1.5em 0;
}
.m-1 {
    margin: .5em;
}
.p-l-15 {
    padding-left: 15px;
}
.p-r-15 {
    padding-right: 15px;
}
.p-15 {
    padding: 15px 15px 5px 15px;
}
.p-10 {
    padding: 5px 10px;
}
.font_bolder {
    font-weight: bold;
}
.white_backgroud {
    background-color: #fff;
}
.bg-white {
    background-color: #fff;
    box-shadow: 0 2px 5px #ddd;
}
.bg-grey {
    background-color: #f9f9f9;
}
.bg-blue {
    background-color: #2267c7;
}
.bg-black {
    background-color: #282c37;
}
.bg-iceblue {
    background-color: #8ad4f3;
}
.bg-red {
    background-color: #ba0c1a;
}
.t-l-2em {
    padding-left: 2em;
}
.s1_font {
    font-size: 95%;
}
.s2_font {
    font-size: 85%;
}
.s3_font {
    font-size: 75%;
}
.b1_font {
    font-size: 110%;
}
.mp-0 {
    margin: 0px;
    padding: 0px;
}
.p-0 {
    padding: 0px;
}
.mp-r-0 {
    margin-left: 0px;
    padding-left: 0px;
}
.mp-l-0 {
    margin-right: 0px;
    padding-right: 0px;
}
.p-tb-5 {
    padding: .5em 0;
}
.height-140px {
    height: 145px;
    display: block;
    overflow: hidden;
}
.break-text {
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.fullwidth {
    width: 100%;
}
.containter_main {
    width: 1250px;
    margin: auto
}
.border-b {
    border-bottom: 1px solid #eee;
}
.border-r {
    border-right: 1px solid #eee;
}
.border-l {
    border-left: 1px solid #eee;
}
.border-t {
    border-top: 1px solid #eee;
}
.dt-img {
    display: block;
    max-width: 100%;
    height: auto;
    border: 1px solid #ddd;
    border-radius: 50%;
}
.border-shadow {
    box-shadow: 0px 1px 7px #e3e3e3
}
/******************头部导航*********************/


.navbar-main {
    height: 70px;
    margin-bottom: 10px;
    background: #121212;
    color: #fff;    
}
.navbar-main .logoimg {
    padding: 0px 0;
    float: left;
}
.navbar-main h3 {
    padding: 0px 10px;
    float: left;
}
.navbar-main .navbar-nav {
    list-style: none;
   
}
.navbar-main .navbar-nav>li {
    list-style: none;
    margin: 10px 20px;
    transition: all .5s;
   
}
.navbar-main .navbar-nav>li>a {
    padding-bottom: 10px;
    line-height: 45px;
    font-size:110%;
        color: #fff;
}
.navbar-main .navbar-nav>li>a:hover { 
    font-weight: bold;
    color: #d50000;    
}

.search {
    margin-top: 1em;
    margin-left: 10px;
    background-color: #fff;
    width: 99%;
    float: left;
    border-radius: 5px;
}
.search .keyword {
    height: 32px;
    width: 100%;
}
.search .keyword .input_text {
    width: 82%;
    height: 32px;
    float: left;
    border: 0;
    line-height: 32px;
    padding: 0px;
    color: #888;
    font-size: 14px;
    text-indent: .5em;
    border-radius: 5px;
}
.search_btn {
    width: 20px;
    height: 20px;
    border: 0;
    background: url(../images/search.png) center center;
    float: left;
    margin: 6px 0 0 5px;
}
/*---------------------主体样式-------------------------------------*/

.slideBox{  width:100%; height:390px; margin-top:-10px; margin-bottom:1em;  overflow:hidden; position:relative; }
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#f9f9f9; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:100%; height:390px; display:block; }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;}
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }

.banner_img01{ width:100%; height:390px; background:#f6f6f6 url(../images/bannerbg_01.jpg) top right no-repeat; background-size:cover; }
.banner_img02{ width:100%; height:390px; background:#f6f6f6 url(../images/bannerbg_02.jpg) top right no-repeat; background-size:cover;}



.main-title{ 
    margin:1em 0 .1em 0; padding:15px 0; text-align: center; position:relative;}
.main-title h4{ 
    text-align: center;
    color: #121212;
    font-size: 24px;   
    position: relative;
}
.main-title h5{ 
    padding: 5px 0;
    text-transform: uppercase;
    text-align: center;
    color: #d50000;
    font-size: 20px;   }
.main-title h5:after,.main-title h5:before{ content: "——"; font-weight: 900; color: #ccc; padding: 0px 20px;}

.serv-wrap{border:1px solid #121212; width: 23.1%; margin:0 1.5rem 1.5rem 0; display: inline-block;padding:25px 0; text-align: center;}
.serv-wrap1{border:1px solid #121212; margin-right:1.5rem;padding:25px 0; text-align: center;}
.serv-wrap img,.serv-wrap1 img{ width: 85px; height: 85px;}
.serv-wrap h4,.serv-wrap1 h4{ padding: 10px 0 0 0;}
.serv-wrap-w{width: 23.1%;}

.honor-wrap{ margin-top: 1em; width: 100%; background: #cec9c8 url("../images/honor_bg.jpg") center center no-repeat; background-size:cover; height:460px; overflow: hidden;}
.honor-wrap .img_box{ width: 100%; overflow: hidden; padding: 5px; background: #fff; transition: all .4s;}
.honor-wrap .img_box img{ width: 100%;  object-fit: cover}
.honor-wrap .img_box:hover{background: #d50000;filter: contrast(150%)}
.honor-wrap p{ line-height: 2.5em; background: #fff; text-align: center;}

.case-list li{ width: 50%; float: left;  line-height: 2em; font-size: 16px;}

.about_bg{ margin: 3em  0 ; padding:0 0; background: url("../images/about_bg_09.png") right top no-repeat;}

.about-title{ 
    margin:1em 0 0em 0; padding:15px 0;position:relative;}
.about-title h4{ 
    color: #121212;
    font-size: 24px;   
    position: relative;
}
.about-title h5{ 
    padding: 5px 0;
    text-transform: uppercase;
    color: #e0e0e0;
    font-size: 28px;   }
.about-title h5:after{ content: "——"; font-weight: 900; color: #d50000; padding: 0px 20px;}



/*---------------------底部导航-------------------------------------*/


.contact-wrap{ width: 100%; background: #f9f9f9;}
.links-wrap{ list-style:none; margin:10px 0; padding:0px 0px; display:block; float:left; width:100%; }
.links-wrap h5{ padding:10px 0; font-size:16px;}
.links-wrap li a{
	padding:0px 10px 10px 0;
    list-style: none;
	display: block;
	width: 20%;
	line-height: 34px;
	text-align:left;
	float:left;
	overflow:hidden;
	color:#999;
	transition:color .2s;
}
.links-wrap li a:hover{	color:#d50000;}


.list-footer li {
    margin-top: 1em;
    float: left;
    width: 33.3333%;
    font-size: 95%;
    color: #999
}
.list-footer li:hover {
    color: #666;
    cursor: pointer;
}
.search_text select {
    width: 86%;
    margin: 10px 0 0 25px;
    text-align: center;
    font-size: 110%;
    line-height: 45px;
}
.copyright_font {
    color: #ddd;
    padding: 15px 0;
    background: #5f5f5f;
    text-align: center;
    font-size: 95%
}
.copyright_font a {
    color: #fefefe;
}
.copyright_font1 {
    color: #999;
    margin-top: 2em;
    padding: 15px 0;
    background: #eee;
    text-align: center;
    font-size: 95%
}

@media (max-width: 1200px) {
.navbar-account h3 {
    font-size: 20px;
}
.navbar-nav {
    height: 50px;
    padding: 0px;
}
.navbar-account .navbar-nav>li {
    list-style: none;
    margin: 10px 15px;
}
.search {
    width: 70%;
    margin-top: 20px;
}
.search .keyword .input_text {
    width: 75%;
}
.tech-flowlist li {
    width: 25%;
}
.tech_qmanage .manage3 .list div.tab-content {
    width: 58%;
    float: left;
    padding: 1em 1em 0 1.5em;
}
.tech_km li {
    width: 50%;
    margin-right: 0px;
    border-right:5px solid #fff;
}
}