body { font-family: 微软雅黑, 宋体, Arial;}
a{color:#333;text-decoration:none}
a:hover{color:#ff1100;text-decoration:none}.baizi{font-family: 微软雅黑, 宋体, Arial;color: #ffffff;}
.baizi{color: #fff;}
.baizi:link {color: #fff;}
.baizi:visited {color: #fff;}
.baizi:hover {color: #fff;}
.baizi:active {color: #fff;}
/*top*/
.b00{ height: 60px;background-image:url(../images/topbj.png); background-repeat:repeat-x; }
.navbar-default{height: 56px;}
.navbar-brand{ padding: 10px 0;}
.navbar-default .navbar-nav>li>a { color:#fff; font-size:14px;}
.logo{ width: 50%;float: left;margin-top: 2px;}
.b01{ padding:0px;height: 60px;}
.nav{ margin-top:5px;}
.navbar{border:0;}
.bdh{ font-size: 16px;margin: 0 10px}
.navbar-default .navbar-nav>li>a:hover{color:#fff; border-bottom:3px solid #ff6600;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{background-color:#fff;}
.navbar-default .navbar-toggle{border-color: #fff;}
.navbar-toggle{margin-top:20xp;}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {max-width:110%;}
/*bnaner*/
.carousel-inner img{ margin:0 auto;}

/*yuming*/
#yuming { background-color: #131359;color: #fff;padding:45px 0 35px 0;}
#yuming h3 { padding-bottom:30px;}
#yuming .ymkuang {display: flex;flex-direction: row;justify-content: center;}
#yuming .ymsrk {color: #000; margin:0;
    flex: 1;
    border: 0;
    background: #FFF;
    box-shadow: 0 2px 7px 0 rgba(5,34,97,.15);
    height: 64px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 40px;
    font-size: 18px;}
#yuming .ym-btn{min-width: 24px;
    padding: 0 32px;
    background: #2E95FF;
    color: #fff;
    border: 1px solid #2E95FF;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    font-size: 24px;
    vertical-align: middle;
    white-space: nowrap;}
#yuming .yman{
	background-color: #2E95FF;
    border-radius: 0 4px 4px 0;
    height: 64px;
    width: 144px;
    position: relative;}
	
#yuming .yman1{
	font-size: 24px;
	min-width: 24px;
	letter-spacing : 3px;
	padding: 15px 0 0 10px;
	text-align: center;
	vertical-align: middle;
	color: #999;
	background-color: #fff;
	border-right:1px solid #e3e3e3;
    border-radius: 4px 0 0 4px;
    height: 64px;
    width: 144px;
    position: relative;}

#yuming .btn { margin-bottom: 5px;padding:3px 8px;font-size: 12px;}
#yuming .tuijian {padding:10px;}	
#yuming .tuijian span {font-size: 20px;color: #fff; padding-left:40px; float:left;font-family: -apple-system,BlinkMacSystemFont,"PingFang SC","Segoe UI","Microsoft YaHei","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;}
.dian1{ float:left;margin-top: 13px; margin-right:8px;
    left: 8px;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background-color: #00B0FF;}

#chanpin { margin:50px 0;}
#chanpin h1{ color:#333; font-size:32px;text-align: center;line-height: 64px;font-weight: 400;}	
#chanpin p{ color:#8B9DB6; font-size:16px;text-align: center;}	
#chanpin .row {border-bottom: 1px solid #E6E9EE;border-right: 1px solid #E6E9EE; margin:40px 0;}
#chanpin .col-md-3 {border-top: 1px solid #E6E9EE;border-left: 1px solid #E6E9EE; padding:20px 20px 25px 20px;}
#chanpin .col-md-3:hover{box-shadow:0 0 20px #c0cce0;}
#chanpin .cptu { float:left; width:40px; padding-top:12px;}
#chanpin h3 {color:#333; font-size:16px;}
#chanpin .col-md-3:hover h3 {color: #ff7700;}
#chanpin .col-md-3 p {color:#8B9DB6; font-size:14px;}

#yunwei .container-fluid {width: 100%;height: 400px;background: url(../images/yunwei.webp) top;}

#kehu{ margin:50px 0 30px 0;}
#kehu h1{ color:#333; font-size:32px;text-align: center;line-height: 64px;font-weight: 400;}	
#kehu p{ color:#8B9DB6; font-size:16px;text-align: center; margin-bottom:20px;}	

#liucheng .container-fluid {width: 100%;height: 380px;background: url(../images/liucheng.webp) top; padding:30px 0;}
#liucheng h2 { color:#fff; font-size:24px; text-align:center;}
#liucheng p { color:#fff; text-align:center;}

#jin .container-fluid {width: 100%;height: 120px;background: url(../images/jin.webp) top; padding:26px 0; margin-top: 50px}
#jin h2 { color:#fff; font-size:28px; text-align: center; padding-left:20px;}
#jin p { color:#fff; font-size:16px; text-align:left; padding-left:10px;}

.tel { background-color: #ff6600; width:230px; padding:10px 20px; color:#fff; font-size:14px;}

#wenti .row {border-bottom: 1px solid #E6E9EE;border-right: 1px solid #E6E9EE; margin:0;}
#wenti .col-md-6 {border-top: 1px solid #E6E9EE;border-left: 1px solid #E6E9EE; padding:10px 20px;}
#wenti .col-md-6:hover{box-shadow:0 0 20px #c0cce0;}
#wentigd{margin-tottom: 40px; padding: 20px 20px; border: 1px solid #E6E9EE;  font-size: 18px;}
#wentigd a{color: #ff3300;}

.about_title{text-align:center; padding-top:30px;  overflow:hidden;}
.about_list{width:960px; margin:30px auto 0 auto; overflow:hidden;}
.about_list ul{overflow:hidden; width:975px; height:233px;}
.about_list li{float:left; margin-right:15px; overflow:hidden; width:310px; height:233px;}
.about_list img{width:310px; height:233px;}
.about_list li:hover img{
-webkit-transform:scale(1.5,1.5);
-moz-transform:scale(1.5,1.5);
-ms-transform:scale(1.5,1.5);
-o-transform:scale(1.5,1.5);
transform:scale(1.5,1.5);
-webkit-transition-duration:200ms;
-moz-transition-duration:200ms;
-o-transition-duration:200ms;
transition-duration:200ms;
-webkit-transition-timing-function:ease-out;
-moz-transition-timing-function:ease-out;
-o-transition-timing-function:ease-out;
transition-timing-function:ease-out
}

#about{padding-bottom:35px; background-color: #f3f3f3;}
.about_int{width:960px; margin:25px auto 15px auto; height:45px; line-height:30px; font-size:14px; color:#797979; position:relative; overflow:hidden;}
.about_intbg{background:url(../images/about_intbg.png) 50% 0 repeat-y;}
.about_btn{position:absolute; left:-5%; margin-left:-23px; bottom:0px; width:45px; height:45px; background:url(../images/indexicon.png) -550px 0 no-repeat; display:block;}
.about_btn span{ width:45px; height:45px; background:url(../images/indexicon.png) -550px -50px no-repeat; display:block; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}

.about_pop{padding-bottom:25px; background:#f3f3f3 url(../images/about_popbg.webp) 50% 0 no-repeat; position:relative; z-index:2; display:none;}
.about_pop_top{width:1200px; height:250px; position:relative; margin:0 auto;}

.width1200 .about_pop_top{width:1200px; }     /* add */
.about_popclose{position:absolute; top:15px; right:0; width:20px; height:20px; background:#ffcc00 url(../images/indexicon.png) 0 -80px no-repeat; display:block;}
.about_pop_top h3{position:absolute; top:23px; left:42px;}
.about_pop_top .about_pop_int{position:absolute; top:95px; left:42px; line-height:24px; color:#fff;}
.about_pop_tab{position:absolute; right:0; top:128px;}
.about_pop_tab li{margin:0 13px; width:83px; float:left;}
.about_pop_tab li a{display:block; width:83px; height:83px; text-align:center; color:#ccc; line-height:20px; cursor:pointer; background:url(../images/aboutpop_tabico.png);}
.about_pop_tab li a.about_pop_tab01{background-position:0 -85px; _background:none; _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/about_pop_tabicoch01.png');}
.about_pop_tab li a.about_pop_tab02{background-position:-85px -85px; _background:none; _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/about_pop_tabicoch02.png');}
.about_pop_tab li a.about_pop_tab03{background-position:-170px -85px; _background:none; _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/about_pop_tabicoch03.png');}
.about_pop_tab li a.about_pop_tab04{background-position:-255px -85px; _background:none; _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/about_pop_tabicoch04.png');}
.about_pop_tab li.active .about_pop_tab01,.about_pop_tab li a.about_pop_tab01:hover {background-position:0 0; _background:none; _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/about_pop_tabico01.png');}
.about_pop_tab li.active .about_pop_tab02,.about_pop_tab li a.about_pop_tab02:hover {background-position:-85px 0; _background:none; _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/about_pop_tabico02.png');}
.about_pop_tab li.active .about_pop_tab03,.about_pop_tab li a.about_pop_tab03:hover {background-position:-170px 0; _background:none; _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/about_pop_tabico03.png');}
.about_pop_tab li.active .about_pop_tab04,.about_pop_tab li a.about_pop_tab04:hover {background-position:-255px 0;_background:none; _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/about_pop_tabico04.png');}
/*
.about_pop_tab li a span{height:29px; display:block;}
.about_pop_tab li a i{width:83px; height:83px; display:block; background:url(images/aboutpop_tabico.png) -83px 0 no-repeat; _background:none; _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/aboutpop_tabicochie6.png');}
*/
.about_pop_tab li.active a{color:#fff;}
.about_pop_tab li.active a i{background:url(../images/aboutpop_tabico.png) 0 100% no-repeat; _background:none; _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/aboutpop_tabicoie6.png')}
.about_pop_tab li a:hover{color:#fff;}
.about_pop_con{width:1200px; position:relative; margin:0 auto;}
.width960 .about_pop_con{width:960px;}     /* add */
.width1200 .about_pop_con{width:1200px;}     /* add */
.about_pop_con li{display:none;}

.about_pop_con01{position:relative; width:100%;}
.about_pop_aboutlogo{position:absolute; top:5px; left:0;}
.about_pop_about{margin-left:330px; font-size:14px; line-height:27px; color:#666;}
.about_pop_about h3{font-size:24px;color:#333; font-weight:normal; margin-bottom:10px;}
.about_pop_con03 img{width:100%;}

.about_pop_job{width:23%; float:left; margin-right:2%; line-height:24px; color:#999;}
.about_pop_job h3{font-size:18px; margin-bottom:10px; color:#000; font-weight:normal;}
.about_pop_job p{padding:10px 0;}
.about_pop_client{margin-right:1px; margin-top:1px;}
.about_pop_client dd{width:16.5%; float:left; margin-left:-1px; margin-top:-1px; display:inline; border:1px solid #efefef}
.about_pop_client dd img{width:100%;}

#zhengwennr{margin-bottom: 50px; font-size: 16px; line-height: 33px;}
/*footer*/
#footer{background-color: #181818;padding: 30px 0; text-align: center; }
#footer p{color: #9f9f9f;font-size: 12px;}
/* aos*/
* {
  box-sizing: border-box;
}

/*==========全局==========*/

ul,ol,li {list-style:none;}

.fl{float:left; display:inline;}
.fr{float:right; display:inline;}
.auto{margin-left:auto; margin-right:auto;}
a { text-decoration:none; color:#333333; blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */}
a:focus{ -moz-outline-style: none; /* FF */ } 
a:hover{ text-decoration:none; color:#f60; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease;}
.ffyh{font-family:"Microsoft Yahei";}
.ffarial{font-family:"arial";}
.tc{text-align:center;}
.tl{text-align:left;}
.tr{text-align:right;}
.word{word-break:break-all;}
.dn{display:none;}
.mt30{margin-top:30px;}

#index{display:none; position:relative; z-index:1;}
.headbg{width:100%; height:60px; background:url(../images/topbj.png) repeat-x;  z-index:999; overflow: visible; position: fixed; top: 0px; _position: absolute; _top: expression(documentElement.scrollTop + 0 + "px"); z-index:9999; }
.head{position:relative; width:1200px; margin:0 auto; height:65px;}

h1.logo{position:absolute; top:8px; left:0; font-size:12px; color:#fff;}
.nav{position:absolute; top:0; right:0;}
.nav li{float:left; width:100px; text-align:center; color:#fff;}
.nav li a{display:inline-block; height:48px; line-height:45px; font-size:14px; color:#fff; padding-bottom:3px;}
.nav li a:hover{padding-bottom:0px; border-bottom:3px solid #ffcc00; color:#fff;}
.nav li.active{background:#333333;}
.nav li.active a:hover{padding-bottom:0; }
.head_search{background:#000; width:190px; height:30px; position:absolute; top:20px; right:0; border-right:1px solid #3a3a3c; border-bottom:1px solid #3a3a3c;}
.head_search_txt{width:160px; height:24px; line-height:24px; border:0; background:none; color:#FFF; margin:3px 0 0 5px; float:left; display:inline;}
.head_search_btn{width:20px; height:20px; float:right; margin:5px 5px 0 0; display:inline; background:url(images/indexicon.png) 0 -30px no-repeat; border:0; cursor:pointer;}
.head_tel{position:absolute; top:16px; right:0;}
.box1 li{float:left; padding:5px;}

.infocus{width:100%; height:600px; overflow:hidden; position:relative;}
.focus_pic{width:100%; overflow:hidden;background:url(images/00.png) no-repeat;}
.focus_pic li{float:left; overflow:hidden;}
.focus_pic li a{text-align:center; width:300%; display:block; margin-left:-100%;}
.left_btn{position:absolute; left:-50px; top:260px;}
.right_btn{position:absolute; right:-50px; top:260px;}

.scrollbox{ width: 1200px; margin: 0 auto; overflow: hidden; }
#scrollDiv{width:1200px;height:400px; overflow:hidden;}/*这里的高度和超出隐藏是必须的*/
#scrollDiv ul{ padding:10px;}
#scrollDiv li{ width:360px;height:180px;overflow:hidden; vertical-align:bottom; zoom:1; float:left; margin:7px;border: 1px solid #E6E9EE;border-radius: 5px;}
#scrollDiv li:hover{box-shadow:0 0 20px #c0cce0; }


.scroltit{  padding:14px 65px 50px 0;}
.scroltit .updown{float:right; width:24px; height:24px; margin-right:10px}
#but_up{ background:url(../images/up.png) no-repeat 0 0; text-indent:-9999px;border-radius: 5px;}
#but_down{ background:url(../images/down.png) no-repeat 0 0; text-indent:-9999px;border-radius: 5px;}


#n{margin:10px auto; width:920px; border:1px solid #CCC;font-size:12px; line-height:30px;}
#n a{ padding:0 4px; color:#333}