/*引导页*/
/* 模板：Www.AdminBuy.Cn */
.ban{position: relative; background-color: #fff; padding-top: 27px;}

.ban_logo{position: absolute; top: 0px; z-index: 999; left: 0;}



.nr{position: absolute; top: 85px; z-index: 999; width: 55%; right: 12%; color: #fff; line-height: 26px;}

.nr h3{text-align: center; font-size: 18px; margin: 10px 0 20px;}


.qiehuan{background: #F8F8F8 url(../images/qh_bd_bg.jpg) no-repeat center;}

.qiehuan .hd{background: url(../images/qh_hd_bg.jpg) repeat-x top center;}

.qiehuan .hd li{display: inline-block; width: 25%; text-align: center; font-size: 16px;cursor:pointer;  line-height: 20px; padding:20px 0 30px; color: #333;}

.qiehuan .hd li a{background-repeat:no-repeat; background-position: left center; padding: 0 0 0 30px; display: inline-block;}

.qiehuan .hd li:first-child a{background-image: url(../images/ico1.png); }

.qiehuan .hd li:nth-child(2) a{background-image: url(../images/ico2.png);}

.qiehuan .hd li:nth-child(3) a{background-image: url(../images/ico3.png);}

.qiehuan .hd li:last-child a{background-image: url(../images/ico4.png);}

.qiehuan .hd li.on{ background: url(../images/qh_bg.png) no-repeat center; }

.qiehuan .hd li.on a{color: #fff;}

.qiehuan .hd li:first-child.on a{background-image: url(../images/ico1a.png); }

.qiehuan .hd li:nth-child(2).on a{background-image: url(../images/ico2a.png);}

.qiehuan .hd li:nth-child(3).on a{background-image: url(../images/ico3a.png);}

.qiehuan .hd li:last-child.on a{background-image: url(../images/ico4a.png);}



.qh_son{padding:20px 0 60px;}

.qh_son .wz{width:60%; padding:0px 40px 0 0; box-sizing:border-box; -webkit-box-sizing:border-box;}

.qh_son .tp{width:40%; padding:0px 15px; box-sizing:border-box; -webkit-box-sizing:border-box;}



.qh_son .wz h1{font-size: 26px; color: #132e89; margin:13px 0;}

.qh_son .wz p{line-height: 24px; color: #666;}

.qh_son .wz .yd_more{margin-top: 20px;}

.qh_son .wz .yd_more a{color: #132e89; }



@media(max-width: 1200px){

    .nr{top: 40px; width: 93%; right: 2.5%; line-height: 24px; line-height: 21px;}

}

@media(max-width: 1024px){

    /*.nr{display: none;}*/

}

@media(max-width: 800px){

    .ban_logo img{width: 60%;}

    .qiehuan .bd{display: none;}

    .qiehuan .hd{background: #eee; padding:20px 0;}

    .qiehuan .hd li{width:46%; background: #fff; background-image:none; margin:2%; font-size: 14px; padding:15px 0 20px;}

    .qiehuan .hd li span{background-position: center 0px; padding: 25px 0 0px;}

    .qiehuan .hd li.on{ background: #132e89; color: #fff;}

}

@media(max-width: 320px){

    .ban_logo img{width: 50%;}

    .qiehuan .hd li{width:100%; margin:2% 0; font-size: 14px; padding:10px 0 15px;}

    .qiehuan .hd li a{background-position: center 0px; padding: 25px 0 0px;}

    .qiehuan .hd li.on{ background: #132e89; color: #fff;}

}



.top{background: #F3F3F3; padding: 4px 0; font-size: 12px; color: #888; line-height: 20px;}

.top a{color: #888; margin: 0 10px;}

.top a:hover{color: #ff0000;}



.header{padding:16px 0;}



.logo{width: 30%;float: left;}

.tel{width: 70%; float: right; text-align: right;}

.phone{padding: 10px 0px 0 0; margin-top: 7px;}

.yy{color: #888; font-size: 12px; margin-left: 10px;}

.yy .curr{color: #333;}

.yy a{color: #888; padding: 10px 5px 10px 2px; background-size: 100%}



.nav{background: #ff9000; height: 42px; line-height: 42px;}

#hzMenu{text-align: center;}

#hzMenu>li{position: relative;float:left; cursor: pointer; width: 12.5%; height: 42px;}

#hzMenu>li a{display: block; color: #fff;}

#hzMenu>li:hover>a,#hzMenu>li.current>a{background: #Fbac13}

.subnav{

	position: absolute; 

	top: 42px; 

	left: 0; 

	width: 100%;

	display: none; 

	z-index: 99;

	line-height: 36px;

	background-color:rgba(241,156,115,0.88);

	filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#F0FFFFFF,endcolorstr=#F0FFFFFF);

}

.subnav li a{display: block; font-size: 14px; text-align: center; color: #444444; line-height: 20px; padding:10px 0 8px;}

.subnav li a:hover{background: #FBAC13; color: #ffffff;}



.l-open {background-color: #fbac13; color: #fff; width: 30px; height: 30px; font-size: 18px; cursor: pointer; line-height: 32px;}

.l-close{color: #fff; background-color: #555; width: 100%;}

.hov {display: block; }

.fudong{width:100%;position:fixed;z-index:100000;top:0;}



.swiper-pagination-bullet{width: 14px; height: 14px; background: #ffffff; opacity: .7; transition:all 0.1s;}

.swiper-pagination-bullet-active{background: #ff9000; }

.banner img{margin: 0 auto; display: block;}


@media screen and (max-width: 800px) {

	.fd{float: none;}

	.logo,.tel{width: 50%;}

	.phone{display: none;}

	.yy{margin-top: 25px;}

	.nav{height: 34px; line-height: 34px;}

	#hzMenu{position: fixed; top:0; right:-30%; width: 25%; height: 100%; background-color: #ff9000; display: block;z-index: 99; }

	#hzMenu>li{float: none; width: 100%;}

	#hzMenu>li a{color: #fff; font-size: 14px; width: 100%;}

	.swiper-pagination-bullet{width: 10px; height: 10px;}

}

@media screen and (max-width: 400px) {

	.yy{margin-top: 8px;}

}



.tit{ margin-bottom: 12px; color: #666666; text-align: center;}

.tit h5{font-size: 18px; text-transform: uppercase; font-weight: normal; color: #FF9000;}

.tit span{width: 30px; height: 1px; display: block; background-color: #FF9000; margin: 8px auto;}

.tit p{font-size: 12px; color: #7e7e7e;}



.tit a{font-size: 12px;}

.tit a:hover{color: #F00;}



/*product*/

.product{margin-top: 50px;}

.list-product{margin-top: 20px;}

.list-product li{float: left; width: 25%; padding:6px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} 

.list-product li a{border: 1px solid #dddddd; display: block; transition:all 0.1s; box-shadow:2px 2px 5px #ddd;}

.list-product li a .pic{position: relative;}



.list-product li a .pic .detail{

	position: absolute; 

	top: 0; 

	left: 0; 

	height: 0px; 

	background:rgba(0,0,0,0.5); 

	width: 100%;

	transition:all 0.5s;

	opacity: 0;

	padding: 10px;

}

.list-product li a .title{background: #F3F3F3; transition:all 0.2s; padding:8px; line-height: 22px; color: #555; border-top: 1px solid #dddddd;}

.list-product li a .title span{font-size: 12px; display: block; color:#888;}

.list-product li a:hover{border-color:#FF9000; box-shadow: 3px 3px 7px #aaa;}

.list-product li a:hover .pic .detail{ height: 100%; color: #ffffff; opacity: 1;}

.list-product li a:hover .title{background: #FF9000; color: #ffffff;}

.list-product li a:hover .title span{color: #ffffff;}



@media screen and (max-width: 380px) {

	.list-product li{width:100%;}

}



/*视频*/

.flowplayer{margin-top: 50px; overflow: hidden;}



/*案例*/

.case{background-color: #E2EEFB; margin-top: -5px; padding: 45px 0 35px;}

.li-case{margin: 25px 0 0px;}

.li-case li{float: left; width: 25%; padding:7px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

.li-case li a{display: block; background: #fff; box-shadow: 2px 2px 5px #ccc; transition:all 0.2s;}

.li-case li a .pic{position: relative; overflow: hidden; }

.li-case li a .pic img{transition:all .5s; display: block;}

.li-case li a .title{

	width: 100%; 

	padding:12px 0;

	box-sizing:border-box; 

	-moz-box-sizing:border-box; 

	-webkit-box-sizing:border-box;

	color: #ffffff;

	line-height: 24px;

	color: #999;

	text-align: center;

}

.li-case li a .title h5{ font-size: 16px; font-weight: normal; color: #333;}

.li-case li a .title span{font-size: 12px;}

.li-case li a:hover{box-shadow: 3px 3px 7px #aaa;}

.li-case li a:hover .title{background: #ff9000;}

.li-case li a:hover .title h5{color: #fff;}

.li-case li a:hover .pic img{transform:scale(1.1);}

.li-case li:nth-child(n) a .title{border-top: 1px solid #ddd;}

.li-case li:nth-child(2n) a .title{border-bottom: 1px solid #ddd;}

.more{margin: 30px auto 0; text-align: center; width: 100px;}

.more a{

	display: block; 

	border:1px solid #FF9000; 

	color: #FF9000; 

	padding: 8px 0; 

	font-size: 12px;

	background: -webkit-linear-gradient(left, #FF9000, #FF9000) no-repeat;

    background: linear-gradient(to right, #FF9000, #FF9000) no-repeat;

    background-size: 0% 100%;

    transition: all .5s;

}

.more a:hover{background-size: 100% 100%; color: #ffffff}



@media screen and (max-width: 800px) {

	.flowplayer{height: 40%;}

	.li-case li{width: 50%;}

	.li-case li a .title span{font-size: 12px; line-height: 20px;}

	.li-case li a .title span h5{font-size: 14px;}

}

@media screen and (max-width: 450px) {
	.list-product li .tt{width:93%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

	.list-product li a .title span{width:93%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

	.flowplayer{height: 25%;}

	.li-case li{width: 100%; padding: 8px 6px;}

	.li-case li a .title{padding:15px 10px;}

}



/*partner*/

.partner{margin-top: 50px; }

.list-partner{margin-top:25px; border-right: 1px solid #ddd; border-top: 1px solid #ddd;}

.list-partner li{width: 16.66%; float: left; background: #fff;}

/*.list-partner li a{display: block; padding: 15px 10px;}*/

.list-partner li img{margin: 0 auto; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; display: block;}



/*news*/

.news{margin-top: 70px;}

.list-news .hd{ margin: 30px auto 35px; text-align: center;}

.list-news .hd ul li{display: inline; cursor: pointer; padding:7px 26px; border:1px solid #FF9000; margin: 0 10px; text-align: center; color: #FF9000;}

.list-news .hd ul li.on{background: #FF9000; color: #fff;}



.news_son li{width: 50%;  float: left; padding: 3px 5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

.news_son li .news_pic{width: 25%; float: left; overflow: hidden;}

.news_son li .news_title{ width: 75%; float: left; padding:0 10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

.news_son li .news_pic img{display: block; transition:all .3s;}

.news_son li .news_title h5{font-size: 14px; color: #333; margin: 8px 0;}

.news_son li .news_title p{color: #888; font-size: 12px; line-height: 22px;}

.news_son li:hover .news_title h5{color: #f00;}

.news_son li:hover .news_pic img{transform:scale(1.1);}

@media screen and (max-width: 800px) {

	.news_son li .news_title{padding: 0;}

	.news_son li .news_pic{width: 100%;}

	.news_son li .news_title{ width: 100%;}

	.news_son li .news_title p{max-height: 46px; overflow: hidden;}

}

@media screen and (max-width: 400px) {

	.news_son{max-height: 320px;}

	.news_son li{width: 100%;}

	.news_son li .news_title{padding: 0 10px;}

	.news_son li .news_pic{width: 35%;}

	.news_son li .news_title{ width: 65%;}

	.news_son li .news_title p{display: none;}

}





/*footer*/

.link{padding: 5px 0; background: #EFEFEF; margin-top: 30px; color: #333;}

.link a{color: #666; margin: 0px 10px; line-height: 26px;}

.link a:hover{color: #f00}



.footer{ background:#FF9000; padding: 50px 0 10px; color: #efefef;}

.footer ul li{ float: left; width: 22%; margin-bottom: 15px;color: #efefef;}

.footer .lx h3{font-size: 16px; margin-bottom: 15px;}

.footer .lx .p_tel{line-height: 28px; font-size: 12px; color: #efefef;}

.footer .ewm{width: 18%; font-size: 12px; text-align: center;}

.footer .ewm img{margin: 0 auto 5px; display: block;}

.footer .ly{width: 60%;}

.footer .ly h3{font-size: 16px; margin-bottom: 5px;}

.footer .ly span{width: 33.33%; display: inline-block; float: left; color: #ccc; padding:5px 5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

.footer .ly span input{width: 100%; line-height: 30px; height: 30px; padding:0 10px; color: #ffffff; background: none; border: 1px solid #fff;}

.footer .ly span.neirong{width: 100%;}

.footer .ly span textarea{width: 100%;color: #ffffff; background: none; border: 1px solid #FFF; padding:10px; height: 80px;}

.footer .ly span .submit{width: 100px; height: 36px; background: #FBAC13; color: #fff; font-family: "微软雅黑"; cursor: pointer;}

.footer .ly span .submit:hover{background:#FF9000}



.footer-info{line-height: 22px; padding: 7px 0; background-color: #FFF; text-align: center; color: #bbb; font-size: 12px;}



@media screen and (max-width: 800px) {

	.footer .lx .p_tel{line-height: 28px;}

	.footer ul li{width: 100%;}

	.footer .lx {width:65%;}

	.footer .lx h3{margin-bottom: 5px;}

	.footer .ewm{text-align: left; width: 35%;}

	.footer .ewm img{margin: 10px 0; }

}	 



@media screen and (max-width: 400px) {

	.footer{padding: 30px 0;}

	.footer .lx .p_tel{line-height: 24px;}

	.footer .lx,.footer .ewm{width: 100%;}

}



/**返回顶部

.actGotop {

    position: fixed;

    _position: absolute;

    bottom: 100px;

    right: 10px;

    width: 30px;

    height: 30px;

    display: none;

    z-index: 9999;

}

.actGotop a {

    width: 30px;

    height: 30px;

    line-height: 30px;

    border-radius: 30px;

    color: #fff;

    text-align: center;

    display: inline-block;

    background-color: #555;

}

.actGotop a:hover{background-color: #FF9000;}**/