﻿/*全局样式*/
	.layout{min-width:1220px;}/* 替代原本的 .layout{width: 100%;}，实现：大屏下-宽度>1220px，小屏-宽度=1220px */
	input,a{outline: none;}
	ul,li{list-style-type:none;}
	.pd-index{padding: 68px 0;}
	.block{display: block;}
	.inline-block{display: inline-block;}
	h1.x4 i.x4{height: 2px;background-image: url(../images/line.png);background-repeat: no-repeat;}
	h1.x4 i.line-black-l{background-position: 32px 0px;}
	h1.x4 i.line-black-r{background-position: -101px 0px;}
	h1.x4 i.line-white-l{background-position: 32px -2px;}
	h1.x4 i.line-white-r{background-position: -101px -2px;}
	.shadow-small{-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .175);box-shadow: 0 0 10px rgba(0, 0, 0, .175);}
	.btn-y{color: #f39800;}
	.bd-y{border-color: #f39800;}
	.size-n{font-size: 16px;}
	.bg-p{background: url() no-repeat center center/cover;}
	.cursor-n{cursor: default;}
	.cursor-p{cursor: pointer;}
	.bg-b{background-color: #007cc3}
	.txt-b{color: #007cc3}
	.txt-g{color: #ff8d48;}
	.size-16{font-size: 1.6rem;}
	*{outline: none}
	button{outline: none}
	.block{display: block;}
	.iblock{display: inline-block;}
	.hidden{overflow: hidden;}
	.tran-3{transition: all 0.3s;}


	/*显示的文本行数设置*/
		.line-clamp-1{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;max-height: 40px;overflow: hidden;}
		.line-clamp-2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 54px;overflow: hidden;line-height: 1.9;color: #777;}
		.line-clamp-3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;max-height: 62px;overflow: hidden;color: #777;}


/*头部*/
	header>.container-l:first-child{height: 99px;}
	.naver>li{position: relative;}
	.naver>li>a{width: 120px;padding:15px 0;font-size:16px;text-align: center;transition: all 0.16s;}
	.naver>li.active>a,.naver li:hover>a{border-bottom:solid 2px #007cc3;background-color:#f5f5f5;}
	.naver>li>.nav_list{z-index: -1;position: absolute;top: 70px;width: 420px;transition: all 0.5s;box-shadow: 0px 3px 7px #d8d8d8;opacity: 0;}
	.naver>li:hover>.nav_list{top: 54px;opacity: 1;z-index: 10;}
	.naver>li>.nav_list span a:hover{color: :;color: #007cc3;}

/*首页内容*/
	/*轮播*/
		.main.layout .swiper-pagination-bullet{width: 14px;height: 14px;}
		.main.layout .swiper-wrapper>.swiper-slide>.container-l{position: absolute;top: 0;height: 100%;left: 50%;margin-left: -600px;}
		.main.layout .swiper-wrapper>.swiper-slide>.container-l>.ani{position: absolute;color: #fff;max-width: 400px;}
		/*.main.layout .swiper-wrapper>.swiper-slide:nth-of-type(1)>.container-l>.ani{top: 34%;left: 0%;}
		.main.layout .swiper-wrapper>.swiper-slide:nth-of-type(2)>.container-l>.ani{top: 45%;right: 10%;}
		.main.layout .swiper-wrapper>.swiper-slide:nth-of-type(3)>.container-l>.ani{top: 35%;left: 10%;}*/
		/*搜索框*/
		main>form>.layout>.container-l>.x20>input{height: 30px;}
		main>form>.layout>.container-l>.x20>button>i{display: block;width: 20px;height: 20px;background: url(../images/magnifier.png)no-repeat center center/cover;margin-top: 5px;}

	/*服务范围*/
		.nav.naver2>li>a>span{opacity: 0;transition: all 0.3s;}
		.nav.naver2>li>a{padding: 9px 0;}
		.nav.naver2>li.active>a, .nav.naver2>li>a:hover{color: #f39800;background: url(../images/aa2.jpg)no-repeat center center/contain;}

		.container-l.naver2>li>a, .conbox-r>main.pd>li.x3>a{border:solid 1px transparent;}/*初始状态border隐藏*/
		.container-l.naver2>li.active>a, .container-l.naver2>li>a:hover, .conbox-r>main.pd>li.x3.active>a, .conbox-r>main.pd>li.x3:hover>a{border: solid 1px #f39800;}
		.container-m.more>a{transition: all 0.3s;}
		.container-m.more>a:hover, .container-m.more>a:focus{border-color: #007cc3;}
		.tabcon{display: none;}
		.tabcon.active{display: block;}

	/*走进模科*/
		.img-box{position: relative;height: 294px;}
		.img-box>.x6>img{position: absolute;top: 50px;left: 0;border: 1px solid rgba(255, 255, 255, 0.6);border-width: 16px 16px 46px 16px;opacity: 0;}
		.img-box>.text{right: 30px;top: 50px;position: absolute;opacity: 0;}


	/*新闻资讯*/
		li.text-list-index:hover, li.text-list-index:focus{background-color: #f1f1f1;}

	/*荣誉客户*/
		#demo{overflow:hidden;}
		#demo img{height: 42px;}
		#indemo{width: 800%;}

/*底部*/
	footer{background: #222;}
	footer .container-l>.x7{padding: 4px 0;}
	footer .container-l h3{font-size: 1.6rem;}
	footer .container-l dd a{display: block;color: #999}
	footer .container-l dd a:hover{color: #fff;}
	footer .container-l .x5 .x5 i:first-child{font-size: 32px;}
	footer .container-l .x5 .x7 ul li{/*height: 20px;*/margin-top: 8px;}
	footer .container-l .x5 .x7 ul i, .conbox-l>ul i{height: 20px;width: 20px;background: url()no-repeat center center/contain;display: block;float: left;}
	footer .container-l .x5 .x5 .mg-top{height: 100px;width: 100px;}

	/*客服窗口*/
		/*#online_qq_layer{height: 200px;width: 160px;position: fixed;left: -125px;top: 50%;transform: translateY(-50%);z-index: 10;}*/
		#online_qq_layer{height: 200px;width: 160px;position: fixed;left: -125px;top: 40%;z-index: 10;}
		/*#panel .panel{width: 0px;opacity: 0;}*/
		/*#panel .panel{width: 0px;opacity: 0;}*/
		#online_qq_layer span{width: 35px;border-radius: 0 3px 3px 0;}


/*内容框*/
	.conbox-l>ul>ul>a>li{padding: 16px 36px 16px;}
	.conbox-l>ul>ul>a:last-child>li{border: none;padding-bottom: 17px;}
	.conbox-l>ul>ul>a>li:hover, .conbox-l>ul>ul>a.active{color: #f39800;}
	.conbox-l>ul>ul>a>li i{opacity: 0;transition: all 0.1s;}
	.conbox-l>ul>ul>a.active>li i{opacity: 1;}


/*新闻资讯*/
	main>ul>li.figure{height: 150px;cursor: pointer;transition: all 0.2s;}
	main>ul>li.figure div.bg-p{height: 129px;width: 172px;}
	main>ul>li.figure strong, main>ul>li.figure p{transition: all 0.3s;}
	main>ul>li.figure:hover strong,main>ul>li.figure:focus strong{color: #f00;}
	main>ul>li.figure:hover p,main>ul>li.figure:focus p{color: #444;}
	/*内容页切换文章*/
	li.news-change>span>a:hover, li.news-change>span>a:focus{color: #007cc3;}
	
	
.pd .pd-top-b img{
	width:100%;
} 

/*翻页*/
.pages{
  clear: both;
}
.pages ul {
    text-align: center;
    padding-top: 10px;
    font-size: 25px;
    padding-bottom: 20px;
}
.pages ul li {
    display: inline;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 24px;
}
.pages ul li.active {
    color: #2c73c3;
}

/*在线客服*/
/* ´úÂëÕûÀí£ºÀÁÈËÖ®¼Ò www.lanrenzhijia.com */
*{padding:0;margin:0;}
html,body{font-size:12px;font-family:"Î¢ÈíÑÅºÚ";outline:none;color:#666;background:#fff;}
ul,ol{list-style:none;}
img{border:none;outline:none;}
a{color:#666;text-decoration:none;outline:none;}
a:hover{color:#e8431f;}

/*¸¡¶¯¿Í·þ*/
#floatDivBoxs{width:300px;position:fixed;top:100px;left:20px;z-index:999;height:300px;padding-top:600px;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#f08326;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; text-align:right}
#floatDivBoxs .floatDqq li img{ float:left; margin-top:7px;}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px;}
#floatDivBoxs .floatImg{text-align:center;padding:10px;background:#EBEBEB;}
#floatDivBoxs .floatImg video{ height:100%;width:100%;}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:120px;height:120px;background:url(../images/online_arrow.jpg) no-repeat;position:fixed;top:100px;right:0;z-index:999;}
#rightArrow a{display:block;height:45px;}



/*补充页面*/
.about {
    padding: 80px 0;
    background: #fff;
}
.about .container::after {
    content: "020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.about .left {
    width: 600px;
    height: 284px;
    float: left;
}
.about .right {
    position: relative;
    width: 524px;
    height: 284px;
    float: right;
}
.about .right .title {
    font-size: 20px;
    color: #923AA4;
    line-height: 20px;
    padding-bottom: 20px;
}
.about .right .info {
    font-size: 20px;
    color: #666;
    line-height: 22px;
}


