@charset "utf-8";
.banner,.banner .swiper-container,.banner .swiper-slide{
	overflow: hidden;
	width: 100%;
}
.banner .swiper-slide{
	position: relative;
}
.banner .swiper-slide img{
	width: 100%;
	height: auto;
}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin: 0 20px;
}
.banner .swiper-pagination-bullet {
	width: 45px;
	height: 7px;
	opacity: 1;
	border-radius: 0;
	background-color: #fff;
}

.banner .swiper-pagination-bullet-active {
	background-color: #286adb;
}
.banner .swiper-container-horizontal>.swiper-pagination-bullets,.banner .swiper-pagination-custom,.banner .swiper-pagination-fraction{
	bottom: 20px;
}

/*首页产品*/
.title2{
	height: 40px;
	background-color: #eee;
	box-sizing: border-box;
	padding: 0 10px;
	margin-bottom: 20px;
}
.title2 span{
	float: left;
	font-size: 18px;
	line-height: 20px;
	color: #333;
	margin-top: 10px;
	border-left: 3px solid #286adb;
	padding-left: 10px;
}
.title2 a{
	float: right;
	line-height: 40px;
	text-transform: uppercase;
	font-size: 14px;
	color: #286adb;
}
.cont1-menu{
	width: 238px;
}
.bt{
	width: 100%;
	height: 104px;
	background: url(../img/product-tit.png) no-repeat center center;
	background-color: #286adb;
	text-align: center;
	color: #fff;
	overflow: hidden;
}
.bt em{
	display: block;
	font-family: impact;
	text-transform: uppercase;
	font-size: 30px;
	margin-top: 15px;
}
.bt h2{
	font-size: 26px;
	margin-top: -10px;
}
.cont1-menu-c{
	
	margin-top: 5px;
}
.cont1-menu-c a{
	display: block;
	width: 100%;
	font-size: 16px;
	color: #333;
	line-height: 79px;
	background-color: #f1f1f2;
	box-sizing: border-box;
/*	padding-left: 20px;*/
	margin-bottom: 5px;
}
.cont1-menu-c a:hover{
	color: #fff;
	background-color: #286adb;
}
.cont1-menu-m{
	height: 140px;
	background: url(../img/product-b.png) no-repeat center 36px;
	background-color: #f1f1f2;
	overflow: hidden;
}
.cont1-menu-m span{
	display: block;
	font-size: 15px;
	color: #666;
	margin-top: 50px;
	text-align: center;
}
.cont1-menu-m a{
	display: block;
	width: 86px;
	height: 26px;
	text-align: center;
	font-size: 12px;
	line-height: 26px;
	color: #fff;
	background-color: #286adb;
	margin: 5px auto 0;
}
.cont1-c-box{
	width: 940px;
}
.cont1-c-title{
	border-bottom: 1px solid #ddd;
	    margin-bottom: 48px;
}
.cont1-c-title h4{
	font-size: 26px;
	line-height: 30px;
	padding-bottom: 10px;
	color: #286adb;
}
.cont1-c-title h4 em{
	font-family: impact;
	font-size: 30px;
	color: #757472;
	margin-right: 5px;
}
.cont1-c a{
	float: left;
	width: 222px;
	margin-right: 17px;
	margin-bottom: 50px;
}
.cont1-c a:nth-child(4n){
	margin-right: 0;
}
.cont1-c a i{
	display: block;
	overflow: hidden;
}
.cont1-c a i img{
	width: 100%;
    height: 200px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.cont1-c a i:hover img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}
.cont1-c a h4{
	text-align: center;
	line-height: 45px;
	font-size: 16px;

	color: #333;
	background-color: #efefef;
}
.cont1-c a h4:hover{
	background-color: #286adb;
	color: #fff;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}




/*首页产品结束*/


/*首页案例展示*/
.cont1-box a{
	display: block;
	width: 290px;
	height: 240px;
	overflow: hidden;
	position: relative;
}
.cont1-box a img{
	width: 100%;
	height: 100%;
	-webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.cont1-box a:hover img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}
.cont1-box a span{
	display: block;
	position: absolute;
	bottom: 0;
	font-size: 16px;
	left: 0;
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: rgba(0,0,0,0.3);
	color: #fff;
}
.cont3{
	margin-top: 20px;
	height: 580px;
	/*background: url(../img/a_bg.jpg) no-repeat center center;*/
	background: #286adb6e;
	background-size: 100% 100%;
	overflow: hidden;
}
.title{
	height: 80px;
	background: url(../img/title_bg.png) no-repeat center center;
	margin-top: 50px;
}
.title h2{
	text-align: center;
	font-size: 36px;
	color: #286adb;
	font-weight: bold;
	line-height: 44px;
}
.title em{
	display: block;
	text-align: center;
	text-transform: uppercase;
	color: #cccccc;
}
.cont3-box{
	margin-top: 40px;
}
.cont3-l{
	float: left;
	width: 600px;
}
.cont3-l h4{
	font-size: 24px;
	color: #333;
	font-weight: bold;
	margin-bottom: 20px;
}
.cont3-l div p{
	font-size: 16px;
	color: #545454;
	text-align: justify;
}
.cont3-l a{
	display: block;
	width: 140px;
	line-height: 40px;
	text-align: center;
	background-color: #286adb;
	font-size: 14px;
	color: #fff;
	border-radius: 5px;
	margin-top: 20px;
}
.cont3-r{
	float: right;
}

.cont4-l{
	float: left;
	width: 582px;
	height: 468px;
}
.cont4-l a{
	display: block;
	overflow: hidden;
	position: relative;
}
.cont4-l a img{
	width: 582px;
	height: 468px;
}
.cont4-l a div{
	position: absolute;
	width: 100%;
	background-color: rgba(0,0,0,0.3);
	box-sizing: border-box;
	padding: 15px 20px;
	left: 0;
	bottom: 0;
}
.cont4-l a div h4{
	color: #fff;
	font-size: 16px;
	margin-bottom: 5px;
}
.cont4-l a div p{
	color: #fff;
	font-size: 14px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.cont4-r{
	float: right;
	width: 600px;
}
.cont4-r li{
	overflow: hidden;
	padding-bottom: 15px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 15px;
}
.cont4-r li>a{
	float: left;
	width: 130px;
	height: 90px;
}
.cont4-r li>a img{
	width: 100%;
	height: 100%;
}
.cont4-r li div{
	float: right;
	width: 448px;
}
.cont4-r li div h4{
	margin-top: 5px;
	margin-bottom: 8px;
}
.cont4-r li div h4 a{
	font-size: 16px;
	color: #333;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.cont4-r li div h4:hover a{
	text-decoration: underline;
	color: #286adb;
}
.cont4-r li div p{
	font-size: 14px;
	color: #999;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.cont4-box{
	margin-top: 20px;
}

/*优势展示*/
.cont9-box{
	width: 100%;
	min-width: 1200px;
	background: url(../img/cont4-bg.jpg) no-repeat center top;
	overflow: hidden;
	margin-top: 50px;
}
.cont9-box .tits span b{
	color:#f9912a;
}
.tits{
	margin-top: 58px;
	margin-bottom: 50px;
}
.tits h2{
	font-size: 30px;
	color: #203541;
	font-weight: bold;
	text-align: center;
	height: 34px;
	line-height: 34px;

}
.tits span{
	display: block;
	text-align: center;
	font-size: 16px;
	color: #8d8d8d;
	margin-top: 8px;
}
.cont9-l{
	width: 600px;
}
.cont9-l li{
	height: 83px;
	width: 530px;
	margin-bottom: 70px;
}
.cont9-l li:last-child{
	margin-bottom: 0;
}
.cont9-l li i{
	display: block;
	height: 83px;
	width: 56px;
	float: left;
}
.cont9-l li i img{
	width: 100%;
	height: 100%;
}
.cont9-l li div{
	width: 444px;
	float: right;
	transition: all ease-out .3s;
	-webkit-transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	-ms-transition: all ease-out .3s;
}
.cont9-l li:hover div{
	margin-right: -20px;
}
.cont9-l li div h4{
	font-size: 17px;
	color: #333;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.cont9-l li:hover div h4{
	font-weight: bold;
}
.cont9-l li div p{
	font-size: 14px;
	color: #555;
	margin-top: 12px;
	line-height: 18px;
	height: 54px;
	overflow: hidden;
}
.cont9-r{
	width: 600px;
	position: relative;
}
.cont9-r i{
	display: block;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	background-color: #fff;
	height: 400px;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.3);
	-ms-box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
.cont9-r i img{
	height: 100%;
	width: 100%;
}
.cont9-r em{
	display: block;
	height: 367px;
	width: 600px;
	position: absolute;
	right: -60px;
	bottom: -50px;
}
.cont9-r em.dh{
	-webkit-animation: cc .8s ease-out;
	animation: cc .8s ease-out;
}


/*简介*/
.about h2{
	font-size: 36px;
	color: #333;
	text-align: center;
	margin: 50px auto 30px;
}
.about-jj{
	width: 80%;
	margin: 0 auto;
	min-width: 1200px;
}
.about-jj img{
	width: 80%;
	margin: 50px auto 0;
}
.about-jj p{
	text-indent: 2em;
	font-size: 14px;
	color: #333;
	line-height: 30px;
	margin-bottom: 5px;
}
/*联系我们*/
.contact-tit{
	margin-bottom: 60px;
}
.contact-tit h2{
	text-align: center;
	font-size: 36px;
	color: #333;
}
.contact-tit i{
	display: block;
	width: 90px;
	height: 1px;
	background-color: #ccc;
	margin: 8px auto 0;
}
.contact-tit p{
	text-align: center;
	font-size: 14px;
	color: #888;
	line-height: 36px;
}
.contact-c-l{
	width: 500px;
}
.contact-c-l h5{
	font-size: 18px;
	color: #333;
	line-height: 30px;
	margin-bottom: 50px;
}
.contact-c-l div p{
	font-size: 14px;
	color: #666;
	line-height: 30px;
}
.contact-c-l div p a{
	color: #007CC3;
}
.contact-c-l div{
	margin-bottom: 40px;
}
.contact-map{
	width: 650px;
}
.contact-map img{
	width: 100%;
	height: auto;
}
.contact{
	margin-bottom: 100px;
}

/*在线留言*/
.ly-box{
	padding: 50px;
	background-color: #ededed;
}
.ly-box li{
	position: relative;
	width: 45%;
	float: left;
	margin-left: 2%;
	margin-bottom: 15px;
	border: 1px solid #ddd;
}
.ly-box li:nth-child(2n){
	float: right;
	margin-left: 0;
}
.ly-box li label{
	position: absolute;
	line-height: 40px;
	height: 40px;
	font-size: 14px;
	color: #333;
	left: -40px;
}
.ly-box li input{
	width: 100%;
	line-height: 40px;
	height: 40px;
	box-sizing: border-box;
	padding: 0 10px;
	font-size: 14px;
	color: #666;
}
.ly-box li:last-child{
	width: 98%;
}
.ly-box li textarea{
	width: 100%;
	height: 180px;
	display: block;
	box-sizing: border-box;
	padding: 10px;
	font-size: 14px;
	color: #666;
	resize: none;
}
.ly-box form>input{
	display: inline-block;
	width: 184px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	border-radius: 5px;
	background-color: #286adb;
	margin-left: 22px;
	margin-top: 10px;
}
.ly-box .site{
	border: none;
}
.ly-box .site input{
	width: 234px;
	border: 1px solid #ddd;
}
.ly-box .site span{
	margin: 0 10px;
}

/*新闻中心*/
.news-list li {
    margin-bottom: 40px;
    padding-bottom: 25px;
    border-bottom: 1px dashed #ccc;
}
.news-list li>a{
	float: left;
    display: block;
    width: 228px;
    height: 151px;
}
.news-list li>a img{
	width: 100%;
	height: 100%;
}
.news-list li div{
	float: right;
    width: 940px;
}
.news-list li div h4 a {
    font-size: 18px;
    color: #333;
    line-height: 24px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news-list li div p {
    font-size: 12px;
    color: #666;
    line-height: 24px;
    margin-top: 20px;
    margin-bottom: 30px;
    display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.news-list li div span {
    display: block;
    font-size: 12px;
    color: #676767;
    line-height: 24px;
}
.news-list li div h4:hover a{
	text-decoration: underline;
	color: #286adb;
}

/*案例展示*/
.product-sj a{
	float: left;
	width: 280px;
	margin-right: 20px;
	margin-bottom: 20px;
}
.product-sj a:nth-child(4n){
	margin-right: 0;
}
.product-sj a i{
	display: block;
	width: 280px;
	box-sizing: border-box;
	padding: 6px;
	border: 1px solid #ddd;
	overflow: hidden;
}
.product-sj a i img{
	width: 100%;
	-webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.product-sj a:hover i img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}
.product-sj a h4{
	font-size: 16px;
	text-align: center;
	line-height: 40px;
	color: #333;
}
/*新闻详情*/
.news-xq-tit h2{
	text-align: center;
	font-size: 24px;
	color: #333;
	font-weight: bold;
	margin-bottom: 5px;
}
.news-xq-tit p{
	text-align: center;
	font-size: 14px;
	color: #999999;
	line-height: 24px;
}
.news-xq-tit p span{
	margin: 0 10px;
}
.news-xq-tit{
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	margin-bottom: 30px;
}

.news-xq-c p{
	font-size: 14px;
	color: #787878;
	line-height: 24px;
	text-indent: 2em;
	margin-bottom: 20px;
}
.news-xq ul li a{
	font-size: 14px;
	color: #333;
	line-height: 24px;
}
.news-xq-c img{
	max-width: 100%;
	margin: 0 auto;
}
.news-xq-c{
	padding-bottom: 40px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
}
.news-xq ul li:first-child{
	margin-bottom: 5px;
}
.mains{
	margin-bottom: 40px;
}


/*二级产品分类*/
.cont1-menu-c li {
    margin-bottom: 1px;
    background-color: #f2f2f2;
}
.cont1-menu-c li span a{
    display: block;
    text-align: center;
    line-height: 50px;
    background-color: #ddd;
    font-size: 18px;
    color: #333;
    font-weight: bold;
    cursor: pointer;
}

.hxh{
	display: block;
    text-align: center;
    line-height: 50px;
    background-color: #ddd;
    font-size: 18px;
    color: #333;
    font-weight: bold;
    cursor: pointer;
}
.cont1-menu-c li div a {
    display: block;
    text-align: center;
    line-height: 42px;
    font-size: 16px;
    color: #666;
}
/*.cont1-menu-c li:first-child div {
    display: block;
}
.cont1-menu-c li div {
    display: none;
}*/
.cont1-menu-c li div a:hover {
    color: #d97400;
    background-color: #ffe4c675;
}