a:hover{ color:#ca3735;}

.colr_main{ color:#ca3735; }
.colr_main2{ color:#e22646; }
.colr0{ color:#fff; }
.colr1{ color:#000; }
.colr2{ color:#333; }
.colr3{ color:#666; }
.colr4{ color:#999; }
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#777777;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#777777;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#777777;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#777777;
}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar{
    width: 3px;
    height: 3px;
    background-color: #dddddd;
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track{
    border-radius: 3px;
    background-color: #dddddd;
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb{
    border-radius: 3px;
    background-color: #ca3735;
}
/*滑块效果*/
::-webkit-scrollbar-thumb:hover{
    border-radius: 3px;
    background-color: #ca3735;
}

::-webkit-scrollbar-thumb:horizontal {
  background-color: #ca3735;
  border-radius: 3px;
}
::-webkit-scrollbar-track-piece:horizontal:decrement,
::-webkit-scrollbar-track-piece:horizontal:increment {
  background-color: rgba(166, 166, 166, 0.2);
}
.imgBox{ position:relative; }
.imgBox img{ position:absolute; left:0; top:0;  width:100%; }

/**动画**/
*[data-animation]{ opacity: 0; }
.animated{ opacity: 1; }

@media (min-width:1350px) {
    .container{ width:1330px; }
}

.AutoTitle{ text-align:center; padding:73px 0 45px; }
.AutoTitle .h3{ font-size:30px; line-height:1.4em; color:#333333; font-weight:bold; }
.AutoTitle .h4{ font-size:18px; font-weight:normal; padding-top:5px;}
.MoreBox a,
.MoreBox .a{ font-size:14px; color:#ca3735; line-height:38px; padding:0 15px; border:1px solid #ca3735; display:inline-block; transition:all .5s; margin-left:0px;}

@media only screen and (max-width: 1200px){
    .AutoTitle{ padding:25px 0 15px; }
    .AutoTitle .h3{ font-size:22px; }
    .MoreBox a,
    .MoreBox .a{ line-height:30px; }
}
@media only screen and (max-width: 768px){
    .AutoTitle{ padding:20px 0 10px; }
    .AutoTitle .h3{ font-size:20px; }
	
}


/**首页**/
/***Banner**/
#IndexBan{ position:relative; }
#IndexBan .pc{ display:block; }
#IndexBan .phone{ display:none; }
#IndexBan .point{ z-index:2; position:absolute; left:0; width:100%; bottom:28px; text-align:center; font-size:0; line-height:0; }
#IndexBan .point .swiper-pagination-bullet{ width:20px; height:20px; background-color:#f0f0f0; border-radius:50%; opacity:.36; margin:0 5px; }
#IndexBan .point .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity:1; }
#AutoBan{ position:relative; overflow:hidden; }
#AutoBan img{animation: scaleAnim 5s ease forwards;}
#AutoBan .pc{ display:block; }
#AutoBan .mobile{ display:none; }
#AutoBan .Box{ position: absolute; left:0; top:0; width:100%; height:100%; }
#AutoBan .table{ display:table; width:100%; height:100%; }
#AutoBan .tab-cell{ display:table-cell; width:100%; vertical-align:middle; }
#AutoBan .h1{ text-align:center; color:#fff; font-size:30px; line-height:36px; font-weight:normal; }
#AutoBan .h1::after{ content:""; width:1em; display:block; height:2px; background:#fff; margin:10px auto 0; }
@media only screen and (max-width: 1200px){
    #IndexBan .point{ bottom:15px; }
}
@media (max-width:768px) {
    #IndexBan .pc{ display:none; }
    #IndexBan .phone{ display:block; }
	#IndexBan .phone img{
	border: 0;
    vertical-align: top;
    max-width: 100%; 
	}
    #IndexBan .point{ bottom:10px; }
    #AutoBan .pc{ display:none; }
    #AutoBan .mobile{ display:block; }
    #AutoBan .h1{ font-size:24px; line-height:32px; }
	#IndexBan .point .swiper-pagination-bullet{ width:12px; height:12px; background-color:#f0f0f0; border-radius:50%; opacity:.36; margin:0 5px; }
}
@keyframes scaleAnim{
    0%{
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100%{
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

/**面包屑地址**/
.WebSite{ font-size:0; line-height:0; padding:24px 0; }
.WebSite.line{ border-bottom:1px solid #eee; }
.WebSite .container::after{ content:""; display:block; width:100%; height:0; clear:both; }
.WebSite a,
.WebSite span{ color:#999999; font-size:14px; line-height:22px; display:inline-block; vertical-align:middle; }
.WebSite span{ margin:0 5px; }
.WebSite .home{ padding-left:25px; background:url(../images/icon_home.png) no-repeat left center/14px auto; }
.WebSite span:last-child{ margin:0; }
.WebSite a:hover{ color:#ca3735; }
@media (max-width:1200px) {
    .WebSite{ padding:18px 0; }
    .WebSite .home{ padding-left:18px; }
}
@media (max-width:992px) {
    .WebSite{ padding:12px 0; }
}


/**产品**/
.ProductList{ padding:55px 0 80px; }
.ProductList .Screen{}
.ProductList .Screen .pad{ padding:15px 3.07% 22px; border:1px solid #eee; }
.ProductList .Screen .ul{ font-size:0; line-height:0; }
.ProductList .Screen .ul li{ display:inline-block; }
.ProductList .Screen .ul a{ font-size:14px; line-height:32px; display:block; color:#666666; }
.ProductList .Screen .l1{ border-bottom:1px solid #eeeeee; margin-bottom:18px; }
.ProductList .Screen .l2{}
.ProductList .Screen .l3{}
.ProductList .Screen .l2 li.on,
.ProductList .Screen .l2 li:hover{ z-index:2; }
.ProductList .Screen .l1 li{ margin-right:36px; }
.ProductList .Screen .l2 li{ margin-right:45px; position:relative; }
.ProductList .Screen .l3 li{}
.ProductList .Screen .sub li{ display:block; }
.ProductList .Screen .sub a{ line-height:26px; padding:0 20px; }
.ProductList .Screen .l1 a{ font-size:16px; color:#333333; padding:12px 0; position:relative; }
.ProductList .Screen .l1 a::after{ content:""; position:absolute; bottom:-1px; left:0; height:2px; width:100%; background:transparent; }
.ProductList .Screen .l2 a{}
.ProductList .Screen .l3 a{}
.ProductList .Screen .l2 a::before{ content:""; display:block; position: absolute; left:0; top:100%; width:100%; height:8px; }
.ProductList .Screen .ul .on>a,
.ProductList .Screen .ul a:hover{ color:#ca3735; }
.ProductList .Screen .l1 .on a::after{ background:#ca3735; }
.ProductList .Infos{ margin:25px 0 30px; }
.ProductList .Infos .Box{
	padding-right: 2.3%;
	padding-bottom: 3%;
	padding-left: 2.3%;
}
.ProductList .Infos .Imgs{ width:550px; margin-right:5.46%; }
.ProductList .Infos .Big{ margin-bottom:8px; border:1px solid #eee; }
.ProductList .Infos .imgBox{ padding-top:62%; display:block; }
.ProductList .Infos .swiperBox{ position:relative; }
.ProductList .Infos .swiper-container{ margin:0 32px; }
.ProductList .Infos .swiper-container .imgBox{ border:1px solid #eee; }
.ProductList .Infos .swiper-container .on .imgBox{ border-color:#ca3735; }
.ProductList .Infos .Btns a{ display:block; height:100%; position: absolute; top:0; background:#e8e8e8 no-repeat center/11px auto; width:25px; transition:all .3s; z-index:2; }
.ProductList .Infos .Btns .prev{ left:0; background-image:url(../images/jt1_1.png); }
.ProductList .Infos .Btns .next{ right:0; background-image:url(../images/jt1_2.png); }
.ProductList .Infos .Btns a:hover{ background-color:#ca3735; }
.ProductList .Infos .Btns .prev:hover{ background-image:url(../images/jt1_1_h.png); }
.ProductList .Infos .Btns .next:hover{ background-image:url(../images/jt1_2_h.png); }
.ProductList .Infos .cont{ overflow:hidden; padding-top:40px; }
.ProductList .Infos .h2{ font-size:32px; line-height:38px; color:#333333; }
.ProductList .Infos .des{ font-size:14px; line-height:20px; color:#999999; padding-bottom:30px; border-bottom:1px solid #eeeeee; margin:12px 0 29px; }
.ProductList .Infos .h4{ font-size:16px; line-height:24px; font-weight:bold; }
.ProductList .Infos .word{ font-size:14px; color:#666666; line-height:26px; margin:6px 0 35px; padding-bottom:20px; border-bottom:1px solid #eee; }
.ProductList .Infos .qq{ display:inline-block; padding:0 17px; background:#ca3735; transition:all .3s; font-size:16px; line-height:44px; color:#fff; }
.ProductList .Infos .qq span{ display:block; padding-left:27px; background:url(../images/icons1.png) no-repeat left center/16px auto; }
.ProductList .Infos .qq:hover{ }
.ProductList .List .pad{ padding:2.3% 2.3% 3%; }
.ProductList .List .h3{ font-size:18px; line-height:24px; color:#333333; font-weight:bold; border-bottom:1px solid #eee; padding-bottom:17px; margin-bottom:25px; }
.ProductList .List .dl{ font-size:14px; line-height:22px; color:#888; border-left:1px solid #dddddd; border-top:1px solid #dddddd; display:table; width:100%; }
.ProductList .List .dt,
.ProductList .List .dd{ display:table-row; }
.ProductList .List .dt{ background:#eeeeee; color:#333333; }
.ProductList .List .dl .wid{ display:table-cell; vertical-align:middle; padding:15px 10px; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; }
.ProductList .List .dl a{ color:#888; }
.ProductList .List .dl .down{ display:block; margin:0 auto; height:19px; width:19px; background:url(../images/icon_down1.png) no-repeat center/contain; }
.ProductList .List .dl .wid1{ width:105px; }
.ProductList .List .dl .wid2{ width:115px; }
.ProductList .List .dl .wid3{ width:105px; }
.ProductList .List .dl .wid4{ width:115px; }
.ProductList .List .dl .wid5{ width:105px; }
.ProductList .List .dl .wid6{ width:100px; }
.ProductList .List .dl .wid7{ width:120px; }
.ProductList .List .dl .wid8{ width:115px; }
.ProductList .List .dl .wid9{ width:175px; }
.ProductList .List .dl .wid10{ width:105px; }
.ProductList .List .dl .wid11{ width:80px; }
.ProductList .List .dl .down:hover{ background-image:url(../images/icon_down1_h.png); }
.ProductList .List .dl a:hover{ color:#ca3735; }
/**产品详情**/
.ProductInfo{ background:#f8f8f8; padding:55px 0 65px; }
.ProductInfo .pad{ padding:28px 30px 58px; }
.ProductInfo .pad .h1{ font-size:18px; line-height:26px; color:#333333; font-weight:bold; border-bottom:1px solid #eee; padding-bottom:16px; margin-bottom:28px; }
.ProductInfo .pad .content{ font-size:14px; line-height:24px; color:#666666; }
.ProductInfo .pad .content img{ height:auto!important; }
.swiper-scrollbar .swiper-scrollbar-drag{ background:#ca3735; }
@media (min-width: 1200px){
    .ProductList .Screen .l3{ display:none; }
    .ProductList .Screen .l2 li.on .sub,
    .ProductList .Screen .l2 li:hover .sub{ opacity:1; margin-top:8px; transform:scale(1); }
    .ProductList .Screen .l2 li:hover~li .sub,
    .ProductList .Screen .sub{ position: absolute; word-break:keep-all; white-space:nowrap; width:160px; border:1px solid #eeeeee; background:#fff; padding:10px 0; margin-top:0; opacity:0; transform:scale(0); transition:margin .4s,opacity .4s; }
    .ProductList .Screen .sub::after{ content:""; position:absolute; bottom:100%; left:34px; width:15px; height:10px; background:url(../images/icons2.png) no-repeat center/contain; }
}
@media (min-width: 992px){
    .ProductList .Imgs{ max-width:45% }
}
@media (max-width: 1200px){
    .ProductList{ padding:40px 0 45px; }
    .ProductList .Screen .l1{ margin-bottom:10px; }
    .ProductList .Screen .l1 li{ margin-right:28px; }
    .ProductList .Screen .l1 a{ padding:8px 0; }
    .ProductList .Screen .l2 li{ margin-right:25px; }
    .ProductList .Infos{ margin:20px 0 25px; }
    .ProductList .Screen .l3{ margin-top:10px; padding-top:10px; border-top:1px solid #eee; }
    .ProductList .Screen .l3 li{ margin-right:20px; }
    .ProductList .Screen .sub{ display:none; }
    .ProductList .Infos .cont{ padding-top:20px; }
    .ProductList .Infos .h2{ font-size:26px; }
    .ProductList .Infos .des{ margin:8px 0 20px; padding-bottom:20px; line-height:22px; }
    .ProductList .Infos .word{ margin-bottom:25px; }
    .ProductList .Infos .qq{ font-size:14px; line-height:36px; }
    .ProductList .List .h3{ padding-bottom:10px; margin-bottom:20px; }
    .ProductInfo{ padding:40px 0 45px; }
    .ProductInfo .pad{ padding:20px 25px 35px; }
    .ProductInfo .pad .h1{ padding-bottom:10px; margin-bottom:20px; }
}
@media (max-width: 992px){
    .ProductList{ padding:30px 0 35px; }
    .ProductList .Screen .pad{ padding:10px 20px; }
    .ProductList .Screen .l1 li{ margin-right:20px; }
    .ProductList .Screen .l1 a{ padding:5px 0; }
    .ProductList .Screen .l2 li{ margin-right:20px; }
    .ProductList .Infos .Box{ padding:20px; }
    .ProductList .Infos .Imgs{ max-width:100%; margin:0 auto; float:none; display:block; }
    .ProductList .Infos .h2{ font-size:22px; line-height:32px; }
    .ProductList .Infos .des{ margin:5px 0 15px; }
    .ProductList .Infos .word{ padding-bottom:15px; margin-bottom:20px; }
    .ProductList .List .pad{ padding:15px 20px 20px; }
    .ProductList .List .Box{ overflow-y:auto; }
    .ProductList .List .dl{ width:900px; line-height:20px; }
    .ProductList .List .dl .wid{ padding:10px; }
    .ProductInfo{ padding:30px 0 35px; }
    .ProductInfo .pad{ padding:15px 20px 30px; }
}
@media (max-width: 768px){
    .ProductList{ padding:20px 0 25px; }
    .ProductList .Screen .pad{ padding:10px 15px; }
    .ProductList .Screen .l1{ margin-bottom:5px; }
    .ProductList .Screen .l1 a{ padding:3px 0; font-size:15px; }
    .ProductList .Screen .l3{ margin-top:5px; padding-top:5px; }
    .ProductList .Infos{ margin:15px 0 20px; }
    .ProductList .Infos .Box{ padding:15px; }
    .ProductList .Infos .cont{ padding-top:15px; }
    .ProductList .Infos .h2{ font-size:20px; }
    .ProductList .List .pad{ padding:15px; }
    .ProductList .List .h3{ margin-bottom:15px; }
    .ProductInfo{ padding:20px 0 25px; }
    .ProductInfo .pad{ padding:10px 15px 20px; }
}