/*
* @Author: Marte
* @Date:   2019-03-22 10:37:30
* @Last Modified by:   Marte
* @Last Modified time: 2019-03-30 16:02:36
*/

*{ margin:0px; padding:0px; font-family:'微软雅黑'; }
html{min-width: 1200px;font-size:16px;color:#333;}
body{ font-size:16px;}
ul{ list-style:none;}
li{list-style: none;}
a{ text-decoration:none;color:#333;}
img{border:none;}
.wp {width: 1200px; margin: 0 auto;}
.clear{ clear:both;}
.fl{float: left;}
.fr{float: right;}


/* header */

header{width: 100%;}

.top{width: 100%;height: 33px;background:#d8d8d8;line-height: 33px;font-size: 14px;}

.top-span{display:inline-block;padding-left: 40px;margin-left: 20px;}
.top-span a{display:inline-block;line-height:35px;}
.top-span a:hover{color:#065aba;}
.sp01{background:url('../images/yx.png') top left no-repeat;}
.sp02{background:url('../images/dl.png') top left no-repeat;}
.sp03{background:url('../images/yw.png') top left no-repeat;}
.sp04{background:url('../images/zy.png') top left no-repeat;margin-right:100px;}

.logo{height: 95px;overflow: hidden;    margin-top: 10px;}
.logo-main{width: 500px;float:left;}
.top-nav{width: 700px;float: right;}
.top-nav ul{display:flex;text-align: center;}
.top-nav ul li{flex:1;line-height:65px;box-sizing: border-box;height: 65px;}
.top-nav ul li:hover{border-bottom:2px solid #065aba;}
.top-nav ul li:hover a{color:#065aba;}



.swiper-slide img{width: 100%;}

/* 产品展示 */
.cpzs{width: 1200px;margin:0 auto;overflow:hidden;}


.cpfl{float:left; width: 280px;box-sizing:border-box;border:4px solid #065aba;border-radius: 5px;margin-top:12px;margin-bottom:20px;}
.cptitle{width: 100%;box-sizing:border-box;text-align: center;background:#065aba;color:#fff;padding-bottom:10px;}
.cptitle h2{font-weight:450;line-height:45px;font-size:24px;}
.cptitle span{font-size:15px;color:#efd9d9;}


.cpfl ul{width: 100%;box-sizing:border-box;}
.cpfl ul li{background:#e1e1e1;line-height:40px;text-align: center;margin:10px;font-size:15px;}
.cpfl ul li:hover a{color:#065aba;}

.cpzs-right{width: 920px;margin-bottom: 50px; float:left;margin-top:10px;box-sizing: border-box;}
.cpzs-right h3{height:35px;color:#000;background:url(../images/sy7.jpg)no-repeat 0 bottom;font-weight:100;font-size:20px;margin-left:20px;}
.cpzs-right h3 span{font-size:13px;float:right;padding-top:7px;}
.cpzs-right h3 span a{text-decoration:none; color:black;}
.cpzs-right h3 span a:hover{color:#006dc0;}
.cpzs-right-image{width: 208px;height: 228px;box-shadow: 0 1px 4px #999;border: 1px solid #CCCCCC;float:left;margin-top: 20px;margin-left: 20px;}
.cpzs-right-image:hover{box-shadow:0 2px 10px #999;}
.cpzs-right-ig{width: 98%;height:80%;margin:4px auto;overflow:hidden;}
.cpzs-right-ig img{width: 100%;height:100%;transition: 0.2s;transform: translate3d(0,0,0);display:block;}
.cpzs-right-image:hover .cpzs-right-ig img{transform: scale(1.1);}
.cpzs-right a{text-decoration:none; color:black;}
.cpzs-right a:hover{color:white;}
.cpzs-right a:hover p {background-color:#006dc0;color:#fff;}
.cpzs-right .title{ width: 940px; height: 40px; line-height: 40px; text-indent: 25px;  border-bottom: 1px solid #1a6bbc; background: url(../images/hzBtnR.png) no-repeat left center;font-size:14px;margin-left:20px;}
.cpzs-right .title a{ color: #333;}
.cpzs-right .title a:hover{ color: #1a6bbc;}


/*  about  */

.about{width: 100%;overflow:hidden;background:url('../images/aboutbj.jpg') center center no-repeat;}
 .about-m{position:relative;overflow:hidden;}
 .about-img{width: 420px;float: left;margin-left:20px;}
 .about-img img{width: 100%;}
 .about-main {width: 700px;margin-right:20px;float: right;}
 .about-main p{text-indent:2em;line-height:25px;color:#444;padding-top:20px;}
 .about-more{position:absolute;bottom:10px;right:30px;display:block;color:#444;padding:10px 20px;border: 1px solid #065aba;}

.about-more:hover  { color:#065aba;}


/*  热销产品  */

#demo{width: 1200px;height: 300px;/* border:5px solid #4e74d2; */overflow:hidden;margin:0 auto;box-sizing:border-box;text-align:center;line-height:50px;font-size:18px;/* padding-top: 5px; */}
#indemo{float:left;width: 6000%}
#demo1,#demo2{float:left;}
#demo1 li,#demo2 li{float:left;width:262px;height:225px;margin:10px;box-sizing:border-box;line-height:30px}
#demo1 li div, #demo2 li div { border:1px solid #065aba; }
#demo1 li img,#demo2 li img{width:auto;height:auto;border:none;margin:0;padding:0;display:block;}
#demo li:hover div {border:1px solid red;}
#demo a{color: #333;}
#demo a:hover{color:#065aba;}
 /* 新闻 */
.news-main{width: 100%;height: auto;overflow:hidden;background:url('../images/zlo_06.jpg') center center no-repeat;}


 .case {width: 580px;float: left;}

.case h2 { margin: 30px 0 40px 0; height: 60px; background: url(/skin/baichy/img/case.png) no-repeat; position: relative;}

.case h2 span { position: absolute;top: 22px; left: 112px; font-size: 30px; font-weight: normal;color: #666;}
.case img{width: 100%;max-height: 200px;min-height: 200px;}
.case h2 p { float: right; width: 70px; height: 30px; line-height: 30px; font-size: 18px; margin-top: 30px; text-align: center; font-weight: normal; background-color: #065aba;}

.case h2 p a { display: block; color: #fff;}

.case ul li { width: 278px; height: 410px; float: left; margin-right: 20px; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2); background-color: #fff; border: 1px solid #ddd;position: relative;}

.case ul li:last-child {margin-right: 0;}

.case ul li h3 {width: 260px;height: 40px;line-height: 40px;text-align: center;font-size: 16px;color: #333;margin: 0 auto;border-bottom: 1px solid #999;}

.case ul li p {font-size: 14px;color: #666;width: 260px;margin: 0 auto;padding: 20px 0;line-height: 24px;}

.case ul li .case-more { width: 120px;height: 30px;display: block;line-height: 30px;font-size: 15px; color: #fff;text-align: center;background-color: #065aba; position: absolute;left: 79px;bottom: 20px;}
.news{width:580px;float: right;}
.news h2{position:relative;margin:30px 0 40px 0;height:60px;background:url(/skin/baichy/img/news.png) no-repeat;}
.news h2 span{position:absolute;top:22px;left:125px;color:#666;font-weight:400;font-size:30px;}
.news h2 p{float:right;margin-top:30px;width:70px;height:30px;background-color:#065aba;text-align:center;font-weight:400;font-size:18px;line-height:30px;}
.news h2 p a{display:block;color:#fff;}
.news ul li{margin-bottom:30px;width:100%;height:80px;}
.news ul li .date{float:left;box-sizing:border-box;width:80px;height:80px;border:1px solid #ddd;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.news ul li .date p{color:#333;text-align:center;font-size:16px;line-height:1.8;}
.news ul li .date p span{display:block;width:78px;height:50px;background-color:#ddd;color:#fff;font-size:36px;line-height:50px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.news ul li:hover .date{border:1px solid #065aba;}
.news ul li:hover .date p span{background-color:#065aba;}
.news ul li .text{float:right;width:460px;height:80px;}
.news ul li .text h3{font-weight:400;font-size:18px;line-height:2;}
.news ul li .text p{color:#666;font-size:14px;}


/* 小标题 */
.xtitle{text-align:center;margin:20px auto;border-bottom: 1px solid #999;}
.xtitle h2{text-align:center;font-size:30px;font-weight:400;}
.tcol{color:#065aba;}
.tsma{color:#888;font-size:28px;}
.small{line-height:30px;color:#555;}
.xtitle hr{width: 100px;margin: 10px auto 0 auto;color:#065aba;border:1px solid #065aba;}


/* 在线留言 */

.messages{width: 100%;height: 240px;background:#555;}
.message form{ width: 60%;margin: 2em auto 0;}
.message input[type="email"]{float:left;padding:.8em 1em;width:78%;outline:0;border:1px solid #fff;border-right:none;background:#fff;color:#00579a;font-size:1em;}
.message h4{text-align:center;font-size:36px;color: #fff;font-weight:300;padding-top:35px;}
.message input[type="submit"]{float: left;color: #fff;font-size: 1em;outline: none;padding: .73em 2em;border: 1px solid #fff;background: none;font-weight: 600;box-sizing:border-box;}

/* 友情链接 */
#linkbg{width: 100%;background: #555;}
.linkbg{width: 1200px;overflow: hidden;margin:0 auto;height:52px;background: #555;}
.link{width: 1200px; margin: 0 auto;}
.link-title{float: left; font-size: 16px; padding: 15px 0; color: #fff; width: 85px;}
.link-cont{float: left; padding: 17px 0 10px; width: 1100px;}
.link-cont li{float: left;  font-size: 14px; padding: 0 12px 5px;}
.link-cont li a{color: #fff; }
.link-cont li a:hover{color: #f8b425;}
/* 友情链接结束 */


/*  底部 */

footer{width: 100%;background:#555;overflow:hidden;}
.foot-nav ul{display:flex;border-bottom:1px solid #f2f2f2;}
.foot-nav ul li{flex:1;line-height:50px;color:#fff;text-align:center;}
.foot-nav ul li a{color:#fff;}
.foot-nav ul li a:hover{color:#00a6ff;}

.footer-mian{margin-top:20px;overflow:hidden;margin-bottom:0px;}
.fooeter-logo{width: 320px;box-sizing:border-box;float: left;height: 100%}
.fooeter-logo img{width: 100%;}

.footer-cp{width: 340px;box-sizing:border-box;float: left;color:#fff;padding-left:40px;height: 100%}
.footer-cp li{width: 140px;float: left;}
.footer-cp a{color:#fff;line-height:40px;font-size:15px;}
.footer-cp span{color:#00a6ff;font-size:18px;float:left;width: 100%;line-height:40px;}
.footer-lx{width: 320px;box-sizing:border-box;float: left;height: 100%}
.footer-lx span{color:#00a6ff;font-size:18px;float:left;width: 100%;line-height:40px;}
.footer-lx li{color:#fff;line-height: 30px;clear:both;font-size:15px;}

.footer-er{width: 200px;float: right;margin-right:20px;text-align:center;}

.footer-erm {width: 65%;margin:10px auto 0 auto;}
.footer-erm img{width: 100%;}
.footer-er span{line-height:40px;color:#FFF;}
.footer-m {width: 100%;background:#333;color:#fff;text-align: center;line-height:50px;font-size:15px;}
.footer-m a{ color:#fff;}
footer a:hover{color:#00a6ff;}

.topright{    position: fixed;right:10px;top:50%;z-index: 1000;margin-top: -170px;}
.topr-ul{background:#065aba;padding-bottom:10px;padding-top:0.5px;}
.topr-ul li{width: 54px;height: 54px;position: relative;margin-top:10px;}

.ftop{display:block;width: 54px;height: 54px;background:#065aba;margin-top:20px;position: relative;}
.ftop:hover{background:#ff9708;}

.ftop .ntopr{position:absolute;display:block;line-height:54px;background:#999;width: 200px;top:0;right:54px;color:#fff;text-align:center;display:none;font-size:14px;width: 207px;}

.ftop:hover .ntopr{display:block}
.topr-ul li .ntopr{position:absolute;display:block;line-height:54px;background:#999;top:0;right:54px;color:#fff;text-align:center;font-size:14px;display:none;}


.kf .ntopr{width: 250px;}
.wxr .ntopr{}
.telr .ntopr{width: 250px;}
.yxr .ntopr{width: 250px;}

.topr-ul li>img{width: 100%;}
.ntopr img{width: 130px;}
.topr-ul li:hover{background:#ff9708;}
.topr-ul li:hover .ntopr{display:block;}

/* 内页 */

.nconter{overflow:hidden;min-height:500px;}
.con{width: 100%;box-sizing:border-box;padding:20px;padding-left:40px;text-align:left;}


.ncon-right{width: 920px;
    margin-bottom: 50px;
    float: left;
    margin-top: 10px;
    box-sizing: border-box;}
.ncon-right>h3{
    height: 35px;
    color: #000;
    background: url(../images/sy7.jpg)no-repeat 0 bottom;
    font-weight: 100;
    font-size: 20px;
    margin-left: 20px;
}

.ncon-right h3 span {
    font-size: 13px;
    float: right;
    padding-top: 7px;
}
.ncon-right h3 span a {
    text-decoration: none;
    color: black;
}

.connew{width: 900px;margin-top:20px;}
.connew ul li .text {
    float: right;
    width: 788px;
    height: 80px;
}