/*移动端样式设置*/
/*body {width:7.5rem;margin:0px auto;}*/

/*公共样式*/
html{overflow-x: hidden;}
body {background: #fff;line-height: 2;color: #333;font-size: 14px;}
.font-yahei {font-family: "微软雅黑";}
/*.container {width:1120px;}
.layout,.container-layout {min-width: 1120px;}*/
canvas {margin: 0px;padding: 0px;display: block;}
a {color: #333;}
.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;}
.relative {position: relative;}
.padding {padding: 10px;}

/*欢迎词*/
.huanyin a{color:#FFFFFF;}
.huanyin{color:#FFFFFF;background:#101113;height:40px;line-height:40px;text-align: center;}
.xunjia{text-align:right;}
/*top*/
#top{padding:20px 0;}
/*#nav li{width:12.5%;float:left;text-align:center;}*/
.ul_nav{margin-top:22px;}
#nav li:hover a{color:#FFFFFF;}
#nav li a{font-size:16px;color:#090909;display:block;}

.top_p1{font-size:24px;color:#0051ac;font-weight:bold;}
.top_p2{font-size:15px;color:#0051ac;line-height:1;}
/*轮播图*/
.banner-box .bd li {height:540px;}
.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;}
/*搜素框*/
.sousu_box{margin-top:30px;margin-bottom:30px;}
.sousu_p b{font-size:16px;color:#0079cf;}
.sousu_p a{font-size:16px;}
.sousu_p a:hover{color:#0079cf;}
.sou-box{width:487px;height:50px;float:right;}
.sousu{width:427px;line-height:40px;background:#FFFFFF;border:1px solid#dad9d9;}
.sou-zi{width:60px;line-height:42px;background:#0079cf;font-size:20px;color:#FFFFFF;border:none;}
.sou-zi:hover{color:#FFFFFF;}
/*产品中心*/
.left-nav{background:#fafafa;padding:25px;width:24%;}
.span_pp{font-size:24px;color:#FFFFFF;background:#0353aa;display:inline-block;padding:3px 15px;width:100%;}
.pzi{font-size:16px;color:#0353aa;text-align: center;margin-top:10px;border-bottom:1px solid #7dc7ea;}
.p_zzi li{background:url(../images/index_08.jpg) center left no-repeat;}
.p_zzi{padding:5px 15px;}
.p_zzi a{font-size:16px;color:#0C0C0C;padding-left:35px;}
.chanp li img{width:100%;}
.chanp{float:right;}
.chanp li:hover a {border:1px solid #0353aa;}
.chanp li{margin-bottom: 10px;}
.chanp li a {display: block;padding:10px;border:1px solid #e5e5e5;text-align:center;height:225px;}
.chanp li a img {height: 185px;}
/*新闻中心*/ 
.news_box{margin:30px 0;background:url(../images/index_12.png) center top no-repeat;padding:35px 0px 45px 0;}
.p_img{text-align:center;}
.newss_ul li{height:105px;}
.newss{margin-top:30px;}
.p_img img{width:236px;}
.img-box{height:230px;overflow:hidden;margin-bottom:10px;}
.img-box img{width:100%;height:100%;}
.left_pp{text-align:center;}
.left_pp:hover .newss_p1{background:#80aad9;}
.left_pp:hover .newss_p2{background:#407fc6;}
.newss_p1{font-size:30px;color:#FFFFFF;background:#cccccc;line-height:1.8;}
.newss_p2{color:#FFFFFF;background:#b3b3b3;}
.newss_ul b{font-size:15px;}
/*案例展示*/
.lbtu{padding:40px 0px;}
/*.lbtu li{ border:1px solid #ddd; height:280px;overflow:hidden; text-align:center; display: flex; align-items:center; justify-content:center; display:block;  }
.lbtu li >a { display: block;height:100%;}
.lbtu li img{ height:100%;}*/
.lbtu ul li{float:left;width:25%;padding:10px; box-sizing:border-box; height: 3.2rem; text-align:center; display: flex; align-items:center; justify-content:center; display:block;}
.lbtu ul li img{border:1px solid #eee; max-width:100% !important; max-height:100% !important;}
/*公司简介*/
.jiejie_box{padding:25px 0px 30px 0;}
.jiejie_box img{width:100%;height:280px;margin-top:10px;}
/*友情链接*/
.lianjie_ul li{float:left;padding-right:15px;}
/*底部*/
.dibu_box{margin-top:30px;background:url(../images/cccccccc_02.jpg) center top repeat;padding:20px 0px 40px 0px;}
.line .layui-breadcrumb a{color:#ddd!important;width:100px!important;display:inline-block;text-align:center;padding:8px;}
.line .layui-breadcrumb a:hover{color:#0079CF;background:url(../images/cccc_18.png) center top 2px no-repeat;}
.line .layui-breadcrumb a span{padding-left:15px!important;color:#FFFFFF!important;}
.dibu_left{padding-bottom:24px;border-bottom:1px solid #353837;}
.dibu-wenzi{font-size:14px;color:#dde8f6;padding-top:25px;}
.phone{font-size:32px;}
.dibu_right{padding-top:46px;text-align: center;}

/*内页样式*/


/*#main-box {margin-top: 30px;margin-bottom: 30px;}
#left-box {width: 260px;float:left;}
#right-box {width: 900px;border: 1px solid #ddd;float: right;}

.left-block {border: 1px solid #ddd;}
.nav-title {font-size: 16px;background: #F3F1F3;padding: 8px 12px;font-weight: bold;border-bottom: 1px solid #ddd;}
#nav-sublist {padding: 10px;}
#nav-sublist li {border-bottom: 1px dashed #ddd;}
#nav-sublist li a {display: block;padding-left: 10px;padding-right:10px;line-height: 45px;transition: all 0.5s;}
#nav-sublist li a:hover {background: #f7f7f7;padding-left: 22px;}
#nav-sublist li a span {float: right;}

#left-lianxi {padding: 5px 8px 20px;font-size: 13px;}
#left-lianxi li span {display: inline-block;width: 20px;text-align: center;color: #888;}

#qrcode {margin: 0px auto 15px;width: 180px;}

.nav-position {border-bottom: 1px solid #ddd;padding: 5px 10px;background: #f7f7f7;}
#main-con {min-height: 630px;padding: 10px;}
#main-con img {max-width: 100%;}*/


/*响应式特殊样式定义*/
@media only screen and (max-width: 760px) {
	html,body {overflow-x: hidden;}
	.top_p1 {font-size: 20px;}
	.top_p1,.top_p2 {text-align: center;}
	#nav li {width:25%;}
	.banner-box .bd li {height:200px;}
	.phone {font-size: 18px}
	.chanp li a {height: 130px;}
	.chanp li a img {height: 90px;}
	.cp_box {margin-top: 20px;}
	#left-box {width:auto;float:none;}
	#right-box {width: auto;float: none;}
	#pic_list li div.pic_list {height: 100px!important;}
	.news-ul .float-left img {width: 100px!important;height: 70px!important;}
	.page-pic-list >a {height: 100px!important;}
	.ul_nav {margin-top:15px;border-top: 1px solid #ddd;padding-top: 10px}
	#top {padding-top: 10px;}
	.banner-box {margin-bottom: 10px;}
	#main-con {min-height: auto;}

}