﻿/*网站公共样式*/
.info-content{font-size:15px;line-height:2.5;padding:20px 0;}
.info-content img{max-width:100%;}
a{color:#333;text-decoration:none;}
a:hover{color:#944dca;}
.text-yellow{color:#e4b86b;}
.text-red{color:#a40d0e;}
.text-indent{text-indent:2em;}
.text-overflow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.text-overflow-lines{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
@media(min-width:992px){.myrow{margin-left:-10px;margin-right:-10px;}
.mycol-md-6,.mycol-md-3{padding-left:5px;padding-right:5px;}
}
/*遮罩层*/
.mask-bg{position:fixed;width:100%;height:100%;display:none;background-color:rgba(0,0,0,.7);overflow:hidden;z-index:997;top:0;left:0;}
.mask-bg.active{display:block;}
/* pc导航 */
@media (min-width:1000px){.header{position:absolute;left:0;top:0;z-index:10;width:100%;padding-top:40px;}
.header .logo{display:block;}
.header .logo img{height:62px;width:auto;}
.header .nav-toggle{display:none}
.nav>ul>li{float:left;text-align:center;padding:0px 24px;}
.nav>ul>li>ul{display:none;position:absolute;padding-top:10px;left:0;z-index:200;width:100%;}
.nav>ul>li>a{display:block;text-align:center;color:#fff;font-size:16px;position:relative;line-height:52px;height:62px;padding:0px 10px;}
.nav >ul>li.active>a{border-bottom:2px solid #ddd;}
.header-1 .nav >ul>li.active>a{color:#a40d0e;}
.nav li:hover> ul{display:none}
.nav ul li ul li a{display:block;width:100%;text-align:center;color:#fff;font-size:15px;line-height:50px;background:rgba(156,13,18,0.60);}
.nav ul li ul li a:hover{text-decoration:none;color:#fff;background:#9c0d12;}
.nav ul li{position:relative}
.nav ul li .arrow{display:none}
.nav ul li ul li ul{left:100%;top:0px;display:none}
}
/* 移动端导航 */
@media (max-width:1000px){.header{position:absolute;left:0;top:0;z-index:10;width:100%;}
.header .logo{display:block;padding-top:10px;padding-left:10px;}
.header .logo img{height:40px}
.header .nav-toggle{position:absolute;right:0px;top:-6px;font-size:25px;color:#999;min-width:60px;height:60px;line-height:60px;text-align:center;cursor:pointer;z-index:1}
.header .nav-toggle.active{color:#ccc}
.nav{position:fixed;z-index:999;top:0px;right:0px;width:0px;background:#fff;height:100%;height:100vh;opacity:0;transition:all 0.2s linear;overflow-y:auto}
.nav.active{opacity:1;width:260px;max-width:60%}
.nav ul li{line-height:45px;text-align:left}
.nav ul li ul{display:none;transition:display 1s linear;}
.nav ul li ul.active{display:block}
.nav ul li a{padding-left:30px;display:block;color:#999;font-size:15px;line-height:3.5;border-bottom:1px solid #dcdcdc}
.nav ul li ul li a{padding-left:60px;font-size:14px}
.nav ul li ul li ul li a{padding-left:90px}
.nav ul li ul li ul li li a{padding-left:120px}
.nav ul li{position:relative}
.nav ul li .arrow{position:absolute;right:0px;top:0px;width:50px;height:50px;line-height:50px;text-align:center;transition-duration:0.2s}
.nav ul li .arrow:after{font-family:FontAwesome;content:"\f105";display:block;font-weight:bold;font-size:18px}
.nav ul li .arrow.active{transform:rotate(90deg);transition-duration:0.2s}
.nav>ul>li>a>p{display:none}
}
/*下滑展示*/
 .hover-down .item{width:100%;height:131px;overflow:hidden;position:relative;text-align:center;}
.hover-down .item .box{width:100%;position:absolute;top:-131px;transition:all 0.3s linear;}
.hover-down .item:hover .box{position:absolute;top:0px;}
.hover-down p{color:#333;}
@media(max-width:728px){.index-service .col-xs-6 .font-size-12{font-size:10px;}
}
/*底部样式*/
footer{background:#1c1c1c;padding:40px 0;color:#666;line-height:2;}
footer a{color:#666;}
footer .pic img{width:100px;}
footer .font1{width:120px;border:1px solid #666;border-radius:3px;line-height:2.6;text-align:center;font-size:16px;}
footer .num{font-size:30px;color:rgb(83,113,252);font-weight:bold;line-height:1;padding-top:12px;padding-bottom:4px;}
.rights{border-top:1px solid rgba(255,255,255,0.26);text-align:center;color:#858ea2;}
@media(max-width:728px){footer .pic{margin-right:0;}
footer .font1{margin:0 auto;}
}
/*首页>>公用标题*/
.index-comtitle .font1{font-family:'Alpida Unicode System';font-size:32px;line-height:42px;color:rgb(0,0,0);}
.index-comtitle .font2{color:rgb(0,0,0);font-size:30px;line-height:42px;}
/* 左侧 */
.nav-menu{text-align:center;font-size:20px;line-height:2.4;background:#fbf4fb;}
.nav-menu ul{text-align:center;}
.nav-menu li{display:block;float:left;}
.nav-menu li a{display:block;font-size:16px;color:#333;width:200px;line-height:70px;background-size:cover;}
.nav-menu li.active a{background:url(../images/menu001.gif) no-repeat center center;color:#fff;}
.nav-menu li a:hover{background:url(../images/menu001.gif) no-repeat center center;color:#fff;}
/*分页>新闻左侧*/
.news-menu{text-align:center;}
.news-menu ul li{display:inline-block;padding:10px 12px;}
.news-menu ul li a{display:block;border:1px solid #333;width:140px;height:38px;line-height:36px;color:#333;}
.news-menu ul li:hover a,.news-menu ul li.active a{background:-webkit-linear-gradient(90deg,#4363da,#8e48c4);background:-o-linear-gradient(90deg,#4363da,#8e48c4);background:-moz-linear-gradient(90deg,#4363da,#8e48c4);background:linear-gradient(90deg,#4363da,#8e48c4);color:#fff;}
@media (max-width:1000px){.nav-menu{display:none;}
.news-menu{display:none;}
}
/*首页>>品牌案例*/
.index-brand{background:#fbf4fb;}
.index-brand .item .mask{width:100%;height:100%;position:absolute;left:50%;top:50%;margin-left:-190px;margin-top:-123px;background:-webkit-linear-gradient(left,#4363da,#8e48c4);/* Safari 5.1 - 6.0 */
 background:-o-linear-gradient(left,#4363da,#8e48c4);/* Opera 11.1 - 12.0 */
 background:-moz-linear-gradient(left,#4363da,#8e48c4);/* Firefox 3.6 - 15 */
 background:linear-gradient(left,#4363da,#8e48c4);opacity:0.9;transition:all 0.3s ease-in-out;transform:scale(0,0);}
.index-brand .item:hover .mask{display:block;left:0;top:0;margin-left:0;margin-top:0;transform:scale(1,1);}
.index-brand .item .mask .font{position:absolute;top:50%;height:80px;margin-top:-40px;color:#fff;text-align:center;font-size:20px;width:100%;}
.index-brand .item .mask span{font-size:40px;line-height:1;border:1px solid #fff;border-radius:21px;width:42px;height:42px;display:block;line-height:32px;text-align:center;margin:0 auto;margin-top:14px;}
.index-brand .link{display:inline-block;width:244px;height:56px;line-height:56px;border-radius:28px;border:2px solid #000;background:#000;color:#fff;}
.index-brand .link:hover{background:transparent;color:#000;}
@media(max-width:992px){.index-brand .item .mask{top:0;left:0;margin-left:0;margin-top:0;transform:scale(1,1);}
}
@media(max-width:728px){.index-brand .item .mask span{margin-top:8px;}
}
/*首页>>关于我们*/
.index-aboutUs{background:url(../images/bg.jpg) no-repeat center top;background-attachment:fixed;color:#fff;}
.index-aboutUs .index-comtitle .font1,.index-aboutUs .index-comtitle .font2{color:#fff;}
.index-aboutUs .item{min-height:180px;background:url("../images/box.png") no-repeat center center;background-size:contain;padding-top:40px;}
.index-aboutUs .item .num{font-size:52px;}
.index-aboutUs .item .font{font-size:16px;}
@media(max-width:998px){.index-aboutUs .item .num{font-size:48px;}
.index-aboutUs .item .font{font-size:13px;}
}
/*首页>>新闻中心*/
.index-news{background:#fbf4fb;}
.index-news .link-box .link{display:inline-block;width:140px;height:38px;line-height:36px;color:#333;border:1px solid #333;margin:10px 12px;}
.index-news .link-box .link:hover{background:-webkit-linear-gradient(90deg,#4363da,#8e48c4);/* Safari 5.1 - 6.0 */
 background:-o-linear-gradient(90deg,#4363da,#8e48c4);/* Opera 11.1 - 12.0 */
 background:-moz-linear-gradient(90deg,#4363da,#8e48c4);/* Firefox 3.6 - 15 */
 background:linear-gradient(90deg,#4363da,#8e48c4);color:#fff;}
.newslist li{position:relative;border-bottom:1px dashed #c6c6c6;}
.newslist li .date{position:absolute;right:10px;top:12px;color:#acacac;}
.newslist li .tit{display:block;/*内联对象需加*/
 word-break:keep-all;/* 不换行 */
 white-space:nowrap;/* 不换行 */
 overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
 text-overflow:ellipsis;padding-right:100px;line-height:3;text-align:left;}
/*首页>>联系我们*/
.index-contact .hello{font-size:24px;color:rgb(0,0,0);text-transform:uppercase;}
.index-contact .icon{display:inline-block;width:26px;height:26px;background:url(../images/icon.gif) no-repeat 0 top;position:relative;top:6px;}
.index-contact .icon1{background:url(../images/icon.gif) no-repeat 0 center;}
.index-contact .icon2{background:url(../images/icon.gif) no-repeat 0 bottom;}
.index-contact .icon3{background: url(../images/lxr.png) no-repeat 2px 0;
    background-size: 26px 28px;
    }
.index-contact .icon4{background: url(../images/wx.png) no-repeat 2px 0;
    background-size: 26px 28px;
    width: 32px;
    margin-right: 5px;}
/*在线留言表单*/
.ui-validForm{padding-top:30px;}
.form-group::before,.form-group::after{content:"";display:table}
.form-group::after{clear:both}
.form-group{position:relative;padding:10px 0px;}
.form-group .control-label{position:absolute;left:0px;top:10px;}
.form-group .controls{padding-left:100px;}
.form-group .form-control{background-color:#f7f7f7;border:1px solid #eee;border-radius:3px;line-height:32px;width:100%;padding:2px 5px;font-size:14px;color:#666;transition:all .5s ease-in-out}
.form-group .form-control:focus{border-color:#ddd;}
.form-group textarea.form-control{height:80px}
.form-group .help-block{display:block}
.form-group .btn{border:1px solid #5c48ce;color:#fff;height:35px;width:120px;background:#5c48ce;transition:all .5s ease-in-out;width:100%;border-radius:3px;}
.form-group .btn:hover{background:#333;}
.form-group .controls-verificationCodeImage{position:relative;max-width:400px;_width:400px;}
.form-group .lb_verificationCodeImage{position:absolute;display:inline-block;right:1px;top:0px;height:32px;overflow:hidden}
.form-group .lb_verificationCodeImage img{height:30px;}
.form-group .radio-inline{position:relative;padding-left:6px;overflow:hidden;}
.form-group .radio-inline::before{content:"";width:16px;height:16px;background:url(../images/radio_bg.png) no-repeat center center;position:absolute;left:0;top:2px;z-index:1;}
.form-group .radio-inline.on{color:#ff6600;}
.form-group .radio-inline.on::before{background:url(../images/radio_checkedbg.png) no-repeat center center;}
.form-group .radio-inline input{opacity:0;}
@media(max-width:998px){.form-group .controls{padding-left:80px;}
}
/*分页>>关于我们*/
 .page-aboutUs .line{background:url(../images/xgray_line06.png) repeat left top;height:7px;width:100%;margin-top:20px;}
.page-aboutUs .hzhb{color:rgb(0,0,0);font-family:'华文中宋';font-size:30px;line-height:42px;text-align:center;}
/*分页>>联系我们*/
.page-contactUs .item{position:relative;text-align:center;}
.page-contactUs .item .pic{width:140px;height:140px;}
.page-contactUs .item .content{text-align:center;padding-top:14px;}
.page-contactUs .item .content .p1{font-size:16px;margin-bottom:10px;font-weight:bold;}
@media(max-width:728px){.page-contactUs .item{position:relative;min-height:70px;}
.page-contactUs .item .pic{width:50px;height:50px;text-align:center;position:absolute;top:0;left:0;}
.page-contactUs .item .content{padding-left:60px;text-align:left;padding-top:0;}
.page-contactUs .item .content .p1{font-size:16px;margin-bottom:4px;font-weight:bold;}
}
/*分页>>联系我们*/
.page-newslist li{border-bottom:1px solid #ddd;padding-bottom:16px;margin-bottom:16px;}
/*分页>>产品详情*/
.page-proDetail .detail .title{border-bottom:2px solid #3f66db;}
.page-proDetail .detail .title span{background:url(../images/menu001.gif) no-repeat center center;background-size:cover;color:#fff;border-radius:10px 10px 0 0;padding:6px 30px;margin-top:20px;}
/*banner文字*/
.myswiper-container .font-box{width:880px;height:515px;position:absolute;top:50%;left:50%;margin-left:-440px;margin-top:-258px;background:url(../images/yx.png) no-repeat center center;color:#fff;z-index:2;text-align:center;}
.myswiper-container .font{position:relative;top:180px;}
.myswiper-container .font-box .p1{font-family:'Alpida Unicode System';font-size:60px;color:rgb(255,255,255);}
.myswiper-container .font-box .p2{font-size:60px;color:rgb(255,255,255);}
.myswiper-container .font-box .p3{color:rgb(255,255,255);font-size:18px;letter-spacing:5px;line-height:25.2000007629395px;margin-top:8px;}
@media(max-width:998px){.myswiper-container .font-box{width:320px;height:320px;position:absolute;top:50%;left:50%;margin-left:-160px;margin-top:-160px;background-size:cover;}
.myswiper-container img{
        height: 500px !important;
    }
.myswiper-container .font{position:relative;top:90px;}
.myswiper-container .font-box .p1{font-size:36px;}
.myswiper-container .font-box .p2{font-size:30px;}
}
