﻿
/*公共样式*/
html,body{overflow-x:hidden;line-height:2;}
.font-yahei {font-family: "微软雅黑";}
.container {/*padding-left:1%;padding-right:1%;*/}
.layout,.container-layout {/*min-width: 1200px;*/}
 ol,ul{list-style: none;}
*{margin:0;padding:0;}
.text-white,.text-white a {color: #fff;}
.margin-top {margin-top: 10px;}
.margin-top15 {margin-top: 15px;}
.margin-top20 {margin-top: 20px;}
.margin-top30 {margin-top: 30px;}
.margin-top40 {margin-top: 40px;}
.margin-bottom {margin-bottom: 10px;}
.margin-bottom15 {margin-bottom: 15px;}
.margin-bottom20 {margin-bottom: 20px;}
.margin-bottom30 {margin-bottom: 30px;}
.margin-bottom40 {margin-bottom: 40px;}
 /*首页样式*/
/*top*/
#logo {padding-top:10px;}
#logo  h1{font-size: 30px;font-weight: bold;}
#logo  p{    font-size: 17px;
    line-height: 6px;
    letter-spacing: 3px;
    opacity: 0.7;}
.nav{background: #3669c2;width: 100%;height: 45px;margin-top: 15px;}
.nav_box li{float:left;width:12.5%;text-align:center;height:45px;line-height:45px;}
.nav_box li a{font-size:16px;display:block;color: #fff;}
.nav_box li:hover{background:#244d9c;}

/*轮播图*/
.banner-box .bd li {height:480px;}
.banner-box{width:100%;position:relative;}
.hd ul li{width:3%;height:3px;background:#FFFFFF;display:inline-block;text-indent: -10em;overflow: hidden;}
.hd ul li img{max-width:100%;}
.hd ul{position:absolute;text-align:center;width:100%;bottom:2%;}
.banner-box .hd li.on {background:#0688dd;}

/*通知公告*/
#tongzhi-box {padding-top: 5px;padding-bottom: 5px;}
.tongzhi-title {display: block;text-align: center;}
.scroll-tongzhi .bd li{padding-left: 10px;}
.scroll-tongzhi .bd li span {float: right;font-size: 12px;color: #666;margin-left: 15px;margin-top: 3px;}

/*搜素框*/
.sou-box{width:100%;height:25px;float:right;}
.sousu{width:210px;line-height:25px;height:25px;background:#FFFFFF;border:1px solid#dad9d9;}
.sou-zi{width:50px;line-height:25px;height:25px;background:#e21b22;font-size:14px;color:#FFFFFF;border:none;}
.sou-zi:hover{color:#FFFFFF;}
.sousu-box img{margin-top:30px;}

/*产品展示*/
.pro-bg{height: 600px;background: url(../images/pro-bg.jpg) top center no-repeat;padding-top: 45px;}
.biaoti-top{text-align: center;}
.biaoti-top section span{height: 3px;width:100px;margin:0 auto;display: block;border-top: 3px solid #7eaaf6;margin-top:-3px ;}
.biaoti-top h1{font-size: 22px;}
.biaoti-top p{font-size: 13px;color: #87b3ff;}
#center-1-1{width:250px;height:auto;padding-bottom:10px;background: #7db8ff;float: left;}
#center-1-1 #aa{width:100%;height:50px;}
#center-1-1 #a1{width:240px;height:auto;background: #ddecff;margin-left: 5px;padding-bottom:20px;}
#center-1-1 #a1 ul{padding-top:10px;}
#center-1-1 #a1 ul li{width:210px;line-height:30px;height:30px;
  padding-left:15px;background:#cadbf0;margin-top: 10px;margin-left: 15px}
#center-1-1 #a1 ul li a{color:rgb(51,51,51);font-size: 13px}
#center-1-1 #a1 ul li:hover{background: #3c88e2;}
#center-1-1 #a1 ul li:hover a{color: #fff;}

#center-1-2{width:1200px;height:auto;float: left}
#center-1-2 ul{width:1200px;height: 400px;}
#center-1-2 ul li{overflow:hidden;width:215px;height:190px;margin-left:30px;float:left;text-align: center;margin-top: 10px;}
#center-1-2 ul li img {width: 100%;height:150px;}
#center-1-2 ul li:nth-of-type(3),#center-1-2 ul li:nth-of-type(6){margin-right:0px}
#center-1-2 ul li span {width: 100%;height:40px;line-height: 40px;border-bottom: 1px #74b4f8 solid;display: block;}
#center-1-2 ul li span b{font-weight: normal;}
#center-1-2 ul li span a{color:#74b4f8;}

/*公司简介*/
.biaoti-top2{text-align: center;}
.biaoti-top2 section{height: 1px;border-top: 1px solid #DDDDDD;text-align: center;width: 100%;}
.biaoti-top2 section span{height: 3px;width:100px;margin:0 auto;display: block;border-top: 3px solid #3669c2;margin-top:-2px ;}
.biaoti-top2 h1{font-size: 22px;}
.biaoti-top2 p{font-size: 13px;color: #87b3ff;}
.p_more{border: 1px solid #9bafdc;color:#9bafdc;padding:0px 30px;font-weight: normal;margin-right: 10px;}
.jianjie_box>img{width:auto;height:100%;}
.p-style32{font-size: 32px;}
.p-style20{font-size: 20px;}
.p-style14{font-size: 14px;}
.opacity8{opacity: 0.8;line-height: 2.2;}
.opacity7{opacity: 0.7;}
.jianjie-img {margin-top:20px;display: block;}

/*荣誉资质*/
.loupan-1  img{width:100%;height:400px;}
.loupan-1 {height:400px;position: relative;}
.loupan-2{width:100%;overflow: hidden;}
.loupan-2 li{width:430px;float:left;height:190px;overflow:hidden;margin: 5px 5px;text-align: center;}
.loupan-2 img{height:190px;width: 100%;}

/*企业风采*/
.chejian-lunbo{width:100%;overflow: hidden;}
.chejian-lunbo li{width:25%;float:left;height:190px;overflow:hidden;margin: 10px 10px;text-align: center;position: relative;}
.chejian-lunbo img{height: 190px;width: 100%;}
.chejian-lunbo li span{color:#fff;font-size: 14px;display: block;background:rgba(0,0,0,0.6);line-height: 27px;height: 27px;width:100%;
position: absolute;bottom:0px;left:0px;}

/*新闻动态*/
#index-news-box {margin-top: 40px;}
#index-news-box .title {margin-bottom: 40px;}
.news-box img {width: 150px; height: 105px;}
.news-box {float: left;width: 50%;}
.news-box p {padding-right: 30px;}
.news-box .date {color: #999;}
.news-box h1 a {color: #06c;}
.more-news {margin-top: 40px;}
.oushu{margin-top:0px;}

/*友情链接*/
.link-bg{background:#f3f3f3;width: 100%;height: 135px;margin-top: 40px;padding-top: 40px;}
.link-bg ul{width: 100%;}
.link-bg ul li{float: left;width:13%;height: 60px;text-align: center;margin-right:1%;}
.link-bg ul li img{width:100%;height:60px;}

/*底部版权*/
#lianxi-liuyan-box {background:url(../images/contact-bg.jpg) center no-repeat;padding:34px 0px;margin-top: 40px;}
.lianxi-box1 {width: 480px;}
.lianxi-box1 h1 {font-size: 16px;}
.lianxi-box1 ul li span {display: inline-block;text-align: center;width: 20px;}

.liuyan-box {width: 560px;}
.username {border-bottom: 1px solid #fff;width: 270px;}
.tel {border-bottom: 1px solid #fff;width: 270px;}
#username {width: 190px;background: none;border: none;margin-left: 5px;color: #fff;font-size: 12px;}
#tel {width: 190px;background: none;border: none;margin-left: 5px;color: #fff;font-size: 12px;}
.content {border-bottom: 1px solid #fff;}
#content {width: 100%;background: none;border: none;margin-left: 5px;color: #fff;font-size: 12px;}
#btn-liuyan {background:url(../images/button.png) center no-repeat;border: none;color: #fff;font-weight:bold;padding: 5px 25px;margin-top:15px;}

.dibu_left .layui-breadcrumb a{color:#FFFFFF!important;width:100px!important;display:inline-block;text-align:center;padding:8px;}
.dibu_left .layui-breadcrumb a:hover{background:url(../images/index_31.jpg) center top no-repeat;}
.dibu_left .layui-breadcrumb a span{padding-left:15px!important;color:#FFFFFF!important;}
.dibu_left{padding-bottom::;px;}
.dibu-p{font-size:14px;color:#fff;padding-top:0px;padding-left:10px;width: 680px;}
.dibu_right{padding-top:20px;text-align: center;}


/*内页样式*/
#nav-position {margin-top: 30px;}
.nav-position {border: 1px solid #ddd;padding: 5px 10px;}
/*.layui-breadcrumb cite{margin-left: -2rem;}*/
#main-box {margin-top: 30px;margin-bottom: 30px;}
#left-box {width: 220px;}
#right-box {width: 900px;}

.submenu-box {border: 1px solid #ddd;}
.submenu-box h1 {font-size: 16px;background: #F3F1F3;padding: 8px 12px;}
.submenu-box ul {padding: 5px 12px 20px;}
.submenu-box li {border-bottom: 1px dashed #ddd;}
.submenu-box li a {display: block;padding-left: 12px;line-height: 45px;transition: all 0.5s;font-size: 14px;}
.submenu-box li a:hover {background: #f7f7f7;padding-left: 22px; color:#000;}

.lianxi-box {border: 1px solid #ddd;margin-top: 15px;}
.lianxi-box h1 {font-size: 16px;background: #F3F1F3;padding: 8px 12px;}
.lianxi-box ul {padding: 5px 8px 20px;font-size: 13px;}
.lianxi-box li span {display: inline-block;width: 20px;text-align: center;color: #888;}

#qrcode {margin: 0px auto 15px;width: 180px;}

#main-con {background: #fff;min-height:400px;padding: 0px 0px;}
#main-con img {max-width: 100%;}
#pic_list li div.pic_list{height:180px;text-align: center;overflow:hidden;border:1px solid #ddd;}
#pic_list div.pic_list img{height:100%;}
#pic_list li p{text-align: center;margin-bottom: 15px;}
#center-1-2{width:80%; float:right;}
/*响应式特殊样式定义*/

@media only screen and (min-width:320px) and (max-width:640px) {
	body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, q, dl, dt, dd, ol, ul, li, fieldset, form, legend, caption, tbody, tfoot, thead, article, aside, dialog, figure, footer, header, hgroup, nav, section{font-size: 12px;}
	#logo{float: none;}
	#logo  h1{font-size:26px;color: #0b7cc7;font-weight: bold;}
    #logo  p{font-size: 12px;letter-spacing:0.5px;}
	.nav_box {margin-top: 10px;margin-bottom: 10px;}
	.nav_box ul li {width: 25%;height: 45px;line-height: 45px;}
	.banner-box .bd li {height: 200px;}
    .nav_box li:hover{background:#f1f0f0;border-top:0.2rem #0B7CC7 solid;}
    .scroll-pro .bd li {float: left;width: 100%;}
    .jianjie_box >img {width:50%;}
    .p-style32{font-size: 22px;}
    .p-style20{font-size: 16px;}
    .nav_box li a{font-size:14px;display:block;}
    .jianjie-img {margin-top:0;display: block;}
    .jianjie-img img{width: 35px;}
    .biaoti img{width: 6rem;}
    .chejian-lunbo li{width:95%;float:left;margin-right:10px;}
    .chejian-lunbo img{height: 210px;}
     #toutiao >a {width: 100%; height: auto;display: block;overflow: hidden;}
     #toutiao >a >img {width:100%;}
    .index-news-list{margin-top: 20px;}

    .index-news-list .news-number {font-size: 50px;width:25%;}
	.index-news-list h1 a{font-size:14px;}
    #toutiao  h1 a{font-size:14px;}
    .phone{font-size:16px;}
    #pic_list li p{font-size:14px;}
    .submenu-box li a {font-size:14px;}
	.line{margin-left:50px;}
	.sousu_box{display:none}
	.submenu-box{display:none}
	#center-1-2 ul li{width:160px;}
	#center-1-2{width:100%;float:none}
	.container{min-height:60px;}
	.liuyan-box{display:none}
	.dibu-p{width:100%; padding-left:0px;}
}


 