﻿/*----------幻灯 ---------*/
.DB_tab25 {
    cursor: pointer;
    height: 555px;
    margin-top: 0px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.DB_tab25 .DB_bgSet {
    position: relative;
}
.DB_tab25 .DB_bgSet li a {
    display: block;
    height: 560px;
    left: 50%;
    margin-left: -960px;
    position: absolute;
    width: 1920px;
}
.DB_tab25 .DB_imgSet {
    left: 30%;
    margin-left: -300px;
    position: absolute;
    right: 30%;
    width: 988px;
}
.DB_tab25 .DB_imgSet .DB_1_1 {
    left: 20px;
    position: absolute;
    top: 120px;
}
.DB_tab25 .DB_imgSet .DB_1_2 {
    left: 20px;
    position: absolute;
    top: 200px;
}
.DB_tab25 .DB_imgSet .DB_1_3 {
    left: 300px;
    position: absolute;
    top: 0;
}
.DB_tab25 .DB_imgSet .DB_2_1 {
    left: 20px;
    position: absolute;
    top: 120px;
}
.DB_tab25 .DB_imgSet .DB_2_2 {
    left: 20px;
    position: absolute;
    top: 220px;
}
.DB_tab25 .DB_imgSet .DB_2_3 {
    left: 540px;
    position: absolute;
    top: 0;
}
.DB_tab25 .DB_imgSet .DB_3_1 {
    left: 520px;
    position: absolute;
    top: 120px;
}
.DB_tab25 .DB_imgSet .DB_3_2 {
    left: 520px;
    position: absolute;
    top: 200px;
}
.DB_tab25 .DB_imgSet .DB_3_3 {
    left: -100px;
    position: absolute;
    top: 0;
}
.DB_tab25 .DB_imgSet .DB_4_1 {
    left: 120px;
    position: absolute;
    top: 0;
}
.DB_tab25 .DB_imgSet .DB_4_2 {
    left: 540px;
    position: absolute;
    top: 120px;
}
.DB_tab25 .DB_imgSet .DB_4_3 {
    left: 690px;
    position: absolute;
    top: 150px;
}
.DB_tab25 .DB_imgSet .DB_4_4 {
    left: 540px;
    position: absolute;
    top: 250px;
}
.DB_tab25 .DB_imgSet .DB_4_5 {
    left: 770px;
    position: absolute;
    top: 0;
}
.DB_tab25 .DB_menuWrap {
    left: 50%;
    margin-left: -500px;
    position: absolute;
    width: 988px;
}
.DB_tab25 .DB_menuWrap .DB_menuSet {
    border-radius: 20px;
    font-size: 0;
    margin-left: 400px;
    position: absolute;
    text-align: center;
    top: 500px;
    width: 200px;
}
.DB_tab25 .DB_menuWrap .DB_menuSet li {
    cursor: pointer;
    display: inline;
    float: left;
    margin: 0 3px;
    width: 20px;
}
.DB_tab25 .DB_prev {
    cursor: pointer;
    display: none;
    left: -150px;
    position: absolute;
    top: 240px;
}
.DB_tab25 .DB_next {
    cursor: pointer;
    display: none;
    position: absolute;
    right: -150px;
    top: 240px;
}

/*banner结束*/
/*搜索*/
.search{width: 100%; height: 60px; line-height: 60px; background: #e0e0e0; font-size: 14px;}
.search span{ width: auto; height: 60px; display: block; color: #333; padding-left: 10px; float: left; font-size:16px; font-weight:bold}
.search a{padding-left: 10px; cursor: pointer;}
.search a:hover{}
.search .s{margin-top: 7px; width: 266px; height: 32px; line-height: 32px; position: relative;}
.search .s input{border: none; padding-left: 10px; color: #666; font-size: 12px;}
.search .s .text{width: 205px; height: 21px; line-height: 37px; position: absolute; left: 0px; top: 5px; background: none;background:#fff; border-radius:5px;}
.search .s .img{position: absolute; top: 5px; right: 10px; padding-left:0px; background:url(../images/img.png) no-repeat 0px 0px;width:52px;height:37px;}
/*产品开始*/

.product{
    margin-top: 15px;
}
.product .num{
    float: left;
    margin-top: 30px;
}
.product .cpbox{
    float: left;
    height: 280px;
    width: 1135px;

}
.product .left{
    float: left;
    width: 224px;
    height: 288px;
    background: url(../images/p1.png) no-repeat left top;
    color: #fff;
}
.product .left .tit{
    font-size: 20px;
    text-align: center;
    padding-top: 15px;
}
.product .left .content{
    padding: 10px 0px 0px 60px;

}
.product .left .content ul li{
    line-height: 28px;
    font-size: 14px;


}
.product .left .content ul li a{
    color: #fff;
}
.product .left .tit img{

    padding: 0px 10px;
}
.product .right{
    float: left;
    width: 911px;
    height: 280px;


}
.product .right ul li{
    width: 288px;
    height: 290px;
    margin-left: 15px;
    float: left;
    background: #fff;

}
.product .right ul li .picbox{
    width: 286px;
    height: 286px;
    border: 1px solid #5b5b5b;

    text-align: center;
    line-height: 243px;

}
.product .right ul li .picbox img{
    max-width: 286px;
    max-height: 286px;
    vertical-align:middle;
    transition: all 0.6s;
    width: 286px;
    height: 286px;

}
.product .right ul li .picbox img:hover{
 opacity: 0.8;
    transform: scale(0.9);
}
.product .right ul li .pictit{
    width: 288px;
    height: 36px;
    text-align: center;
    background: #0772cf;
    line-height: 36px;
    font-size: 16px;
    transition: all 0.6s;
}
.product .right ul li .pictit:hover{

    background: #e23533;
    font-size: 18px;


}


.product .right ul li .pictit a{
    color: #fff;
}
.cn{background:url(../images/pro_ban.jpg) no-repeat center 0; height:400px; margin-top: -60px;}

.cn h3{ text-align: center; padding-top: 40px; color: #fff; font-size: 36px; font-weight: normal; height: 105px;}.cn h3 strong{ font-weight: bold;}

.cn h3 span{ display: block; color: #fff;font-size: 14px; text-transform:uppercase; font-family: Arial; line-height: 34px; padding-top:4px;}

.cn ul{ overflow: hidden;}

.cn ul li{ float: left; width: 165px; margin: 0 37px; font-size: 20px; color: #fff; font-weight: bold; padding-top: 199px;background:url(../images/p_bg1.png) no-repeat center 0; text-align: center;}

.cn ul li.bg2{background:url(../images/p_bg2.png) no-repeat center 0; }

.cn ul li.bg3{background:url(../images/p_bg3.png) no-repeat center 0; }

.cn ul li.bg4{background:url(../images/p_bg4.png) no-repeat center 0; }

.cn ul li.bg5{background:url(../images/p_bg5.png) no-repeat center 0; }

.cn ul li.cur{background:url(../images/p_bg11.png) no-repeat center 0;}

.cn ul li.bg2.cur{background:url(../images/p_bg21.png) no-repeat center 0;}

.cn ul li.bg3.cur{background:url(../images/p_bg31.png) no-repeat center 0;}

.cn ul li.bg4.cur{background:url(../images/p_bg41.png) no-repeat center 0;}

.cn ul li.bg5.cur{background:url(../images/p_bg51.png) no-repeat center 0;}

/*优势*/
.ys{ height: 1268px; margin-top: 30px;}

.ysa{ overflow: hidden; padding-bottom: 32px;}

.ysa h3{ text-align: center; height: 111px; font-weight: normal; color: #333; font-size: 36px;}.ysa h3 strong{ font-weight: bold;}

.ysa h3 strong{ font-weight: bold;}

.ysa h3 span{ display: block; margin-top: 8px; height: 34px; line-height: 34px; font-size: 20px; color: #666;}

.ysa dl{ background: #f6f5fa; overflow: hidden; height: 336px;}

.ysa dl dt{ font-size: 0; float: left; width: 600px;}

.ysa dl dd{ float: right; width: 600px;}

.ysa dl.fr dt{ float: right;}

.ysa dl dd h4{ overflow: hidden; padding-top: 55px; overflow: hidden;}

.ysa dl dd h4 i{ display: inline-block; float: left; padding-left: 78px; height: 82px; font-family: Impact; font-weight: normal; font-size: 50px; color: #ccc; line-height: 100%;}

.ysa dl dd h4 em{ display: inline-block; padding-left: 13px; font-size: 22px; color: #333;}

.ysa dl dd h4 em span{ display: block; font-weight: normal; font-size: 14px; text-transform: uppercase; color: #d9d8dc; padding-top:5px;}

.ysa dl dd p{ font-size: 16px; color: #333; line-height: 28px; padding-left: 78px; width: 463px; height: 108px;}

.ysa dl dd h5{ display: block; margin-left:78px; border:1px solid #2fac7c; border-radius:10px; width: 202px; height: 30px; line-height: 30px; text-align: center; color: #0772cf; font-size: 14px; font-size: 14px; font-weight: normal;    margin-top: 15px;}

.ysa dl dd h5 a{color: #2fac7c; }

.ysb{ overflow:hidden;}

.ysb dl{ background:#f6f5fa; height:410px; border-bottom:1px solid #dcdcdc;float: left; width: 380px; margin-right: 30px;}.ysb dl.nom{ margin-right: 0;}

.ysb dl dt img{ width: 380px; height: 213px;}

.ysb dl dd{ position: relative; padding-top: 1px;}

.ysb dl dd h4{ position: absolute; top: -52px; left: 21px; padding:18px 0 0 19px; width: 108px; height: 107px; color: #fff;background:url(../images/y_lin.png) no-repeat 19px 99px #2fac7c; font-size: 22px; font-weight: normal;}

.ysb dl dd h4 span{ display: block; line-height: 101%; font-family: Impact; font-size: 42px;}

.ysb dl dd p{ margin:109px 0 0 40px; padding-left: 15px; line-height: 25px; font-size: 16px; color: #333;background:url(../images/y_ico.png) no-repeat 0 10px ;}


.advantage{
    width: 100%;
    background: #0772cf;
    padding: 30px 0px;
    overflow: hidden;

}
.advantage .advpic{
   float: left;

}
.advantage .advtxt{
    float: right;
    color: #fff;
    margin-top: 80px;

}
.advantage .advtxt h3{
    font-size: 36px;
    color: #fff;

}
.advantage .advtxt span{

    color: #f39900;
    font-weight: bold;
    font-size: 16px;

}
.advantage .advtxt p{
    margin-top: 20px;
    background: url(../images/ysline.png) no-repeat left top;
    font-size: 14px;
    line-height: 34px;
    padding: 0px 0px 20px 20px;
}

/*关于*/
.about{
    width: 100%;
    height: 640px;
    min-width: 1200px;
    border: 0;
    font-size: 16px;
    background:url(/assets/images/intro.png) no-repeat center center;
}
.about .left{
    width:390px;
    float: left;
    margin: 50px 20px 0px 20px;

}
.about .left img{

    float: left;
    border: 2px solid #fff;


}
.about .right {
    width: 770px;
    float: left;
    margin-top: 50px;
    color: #fff;

}
.about .right p {
    color: #f2f2f2;
    margin-top: 20px;
    font-size: 14px;
    line-height: 28px;
    text-indent: 32px;
}
.about .wh {
    width: 626px;
    height: 206px;
    margin: 30px auto 0px;
    background:url(../images/qywh.png) center center no-repeat;
    text-align: center;
    padding-top: 60px;
}
.about .wh h3{
    font-size: 22px;
    color: #f2f2f2;
    margin-top: 20px;

}
.about .wh h4{
    font-size: 40px;
    margin-top: 20px;
    color: #f2f2f2;

}
.about .right h2{

    color: #fff;
    font-size: 34px;

}
.about .right h6{

    color: #fff;
    font-size: 20px;


}


.index_news{width:100%; height:655px; background:url(../images/newsbg.jpg) top center no-repeat;}
.con7{width:1200px; margin:0 auto; padding-top:45px; height:610px;*height:620px; overflow:hidden; }
.con7 .tab1{width:664px;overflow: hidden; }

.newzs{height:56px; background:url(../images/xwbg.jpg) no-repeat bottom left; font:25px "Microsoft YaHei"; color:#333; line-height:56px; margin-bottom:24px;}
.newzs font{font:16px "Microsoft YaHei"; color:#666; line-height:56px;}
.newzs a{color:#333;}
.newzs span{float:right; display:block; width:76px; height:30px; font:14px "Microsoft YaHei"; color:#666; line-height:30px; text-align:center; border:1px solid #999; background:#fff; margin-top:35px;}
.newzs span a{color:#666;}
.newzs span a:hover{color:#fff;}
.newzs span:hover{background:#f7ac04; color:#fff;}.con7 .tab1 h3 span:hover a{color:#fff;}
.con7 .tab1 dl{height:170px; overflow:hidden; margin-bottom:20px;}
.con7 .tab1 dt{width:234px; height:167px; float:left;}
.con7 .tab1 dt img{width:228px; height:161px; float:left;}
.con7 .tab1 dd{width:409px; float:right;}
.con7 .tab1 dd span{display:block; font:20px "Microsoft YaHei"; color:#333; line-height:25px;width: 403px;height: 25px; overflow: hidden;}
.con7 .tab1 dd span a{color:#000;}
.con7 .tab1 dd font{color:#999;font:14px "Microsoft YaHei"; line-height:25px;}
.con7 .tab1 dd p{height:100px;}
.con7 .tab1 dd p span{height: 80px; font:14px "Microsoft YaHei"; color:#666; line-height:26px; padding-top:5px;}
.con7 .tab1 dd em{display:block; font:14px "Microsoft YaHei"; float:right; font-weight:bold; color:#e23533; line-height:14px;}
.con7 .tab1 dd em a{color:#e23533;}
.con7 .tab1 .ul5 ul{padding-top:10px;}
.con7 .tab1 .ul5 li{color:#999; width:640px; padding-left:24px;vertical-align:top; height:40px; line-height:40px;overflow:hidden;font-size:14px; border-bottom:1px dotted #999; background:url(../images/dot.jpg) no-repeat 0px center}
.con7 .tab1 .ul5 li a,.con7 .tab1 .ul5 li a:visited{line-height:40px;color:#333; font-size:15px; height:40px;overflow:hidden;vertical-align:top}
.con7 .tab1 .ul5 li a:hover{color:#e23533;}

.tab1 span{float: right;}
.faq{width:400px; height:520px; overflow:hidden; margin-right:35px;}
.faq_title{height:56px; background:url(../images/cjwt.jpg) left bottom  no-repeat; font:25px "Microsoft YaHei"; color:#333; line-height:56px; margin-bottom:24px;}
.faq_title font{font:16px "Microsoft YaHei"; color:#666; line-height:30px; width: 166px;display:block;height:30px;overflow:hidden;margin-left:105px;margin-top:-26px}
.faq_title a{color:#333;line-height: 30px; width: 100px; overflow: hidden;height: 30px;display:block;padding-top: 12px;}
.faq_title span{float:right; display:block; width:76px; height:30px; font:14px "Microsoft YaHei"; color:#666; line-height:30px; text-align:center; border:1px solid #999; background:#fff; margin-top:33px;}
.faq_title span a{width:80px;overflow:hidden;margin-top:-12px;}
.faq_title span a{color:#666;}.faq_title span a:hover{color:#fff;}
.faq_title span:hover{background:#f9c717; color:#fff;}.faq h3 span:hover a{color:#fff;}
.fa_con{width: 390px;height:420px; overflow:hidden;}
.fa_con dl{height:120px; overflow:hidden; margin-bottom:20px; border-bottom:1px solid #ddd;}
.fa_con dt{height:22px; font:16px "Microsoft YaHei"; font-weight:bold; color:#f9c717; line-height:22px; padding-left:35px; background:url(../images/wen.jpg) left center no-repeat; margin-bottom:10px;}
.fa_con dt a{color:#666;overflow: hidden;height: 24px;display: block;}
.fa_con dd{font:14px "Microsoft YaHei"; color:#666; height:70px; overflow:hidden; line-height:25px; padding-left:35px; margin-bottom:10px; background:url(../images/da.jpg) left top no-repeat;}



.customer{
    width: 1200px;
    margin: 0px auto  ;

}
.customer .content{

    margin-top: 20px;
    margin-bottom: 20px;
}
.customer .content{

    margin-top: 20px;
}
/*.customer .txt{
    width: 410px;
    height: 500px;
    background:url(../images/ysbg.jpg) center center no-repeat;
    float: right;
    font-size: 16px;
    text-align: left;
    padding: 10px 30px 30px 30px;
}
.customer .txt ul{
    padding: 85px 0px 0px 57px;

}

.customer .txt ul li{
    float: left;
    width: 285px;
    padding-bottom: 5px;
    margin-top:11px;
    line-height: 26px;
    color: #666666;
    border-bottom: 1px dotted #585858;


}*/

.customer .content ul li{position:relative;float:left;text-align:center;display:flex;justify-content:center;align-items:center;height:170px;width:20%;margin-bottom:20px;background:#fff}
.customer .content ul li:after{content:'';width:2px;height:30%;position:absolute;top:35%;right:0;background: #ddd}
.customer .content ul li img{max-width:100%}
.customer .content ul li:hover img{transform:scale(1.1,1.1);transition:transform .6s ease}
.customer .content ul li:nth-child(5):after,
.customer .content ul li:nth-child(10):after,
.customer .content ul li:nth-child(15):after{display:none}
.imgZoom img,
.imgY180 img {-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s; -o-transition: all .8s ease 0s;-webkit-transition: all .8s ease 0s;transition: all .8s ease 0s;}
.imgZoom:hover img {-moz-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}





.btgs1 {
    font-size: 32px;
    display: block;
    text-align: center;
    font-weight: bold;
    line-height: 72px;
    margin-top: 30px;
}
.btgs2 {
    font-size: 18px;
    display: block;
    text-align: center;
    color: #666;
}