@charset "utf-8";
/* CSS Document */


.mo1{max-width: 100%; background: url(../images/bg2.jpg); height: 1050px;}
.wid80{ width:90%; margin:0 auto;}
.wid70{ width:85%; margin:0 auto;}
.bg2 img{max-width: 100%;}
.mo1a{margin: 0 auto;text-align: center;padding:50px 0 30px 0;}
.mo1a img{max-width: 100%;}
.cp {background:url(../images/cpbg.png) no-repeat; height: 380px;width: 43%;text-align: left;float: left;margin: 20px 2.5%;background-size:100% 100%;padding-right:2%; }
.cp:hover img{transform: translateY(-15px);    }
.cp img{-webkit-transition: all .9s ease 0s;}
.cp:hover{background:url(../images/cpbg1.png) no-repeat; background-size:100% 100%; }
.cpleft{float: left; max-width:50%; padding-left:50px; box-sizing:border-box;}
.p1{font-size: 30px;font-weight: bold;margin-top: 60px;margin-bottom: 30px;}
.hproli{ position:relative;}
.cpleft p{font-size: 18px;height: 60px;line-height: 30px; overflow:hidden;}
.ck{line-height: 60px;color:#fff;font-size:20px; position:absolute; right:0; bottom:0; width:224px; height:66px; text-align:center;}
.cpleright{padding: 20px 50px 0 0 ; float: right; max-width:50%; box-sizing:border-box;}
.cpleright img{width: 100%;}
.mo2{background: url(../images/bg3.jpg); width: 100%;height: 240px;background-size: 100% 100%;}
.mo2img{float: left; width: 20%;margin-bottom: 50px;} 
.mo2img img{max-width: 100%;}
.mo2pro{float:left;width: 80%;margin-top:85px;height: 160px;}
.mo2pro li{background: url(../images/bg4.png) no-repeat;height: 65px;background-size: 100% 100%; 
line-height: 60px;float: left; width: 23%; text-align: center;	font-size: 18px;align-self: center;margin: 0 1%;}
.mo2pro li:hover{background: url(../images/bg4a.png) no-repeat;color: #fff ;background-size: 100% 100%;}
.wx{float: right;margin-top: 30px;}
.wx img{max-width: 100%;}
.mo3pro{margin-bottom: 20px;}
.mo3pro li{width: 21%;float: left; border-radius: 15px;margin: 30px 2%;}
.mo31a div img{border-radius: 25px 25px 0 0;    transition: all .8s ease 0s;width: 100%; height:240px;}
.mo31a a{border-radius: 25px;display: block;}
.mo31a div{overflow: hidden;     border-radius: 25px 25px 0 0;}
.mo31a span{border-radius: 0 0 25px 25px;background-color: #f0f3fa; display: block;font-size: 20px;padding:15px 0 15px 30px;}
.mo31a span img{float:right;padding-right:15px;}
.mo31a:hover img{transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);}
.mo4{background: url(../images/bg5.jpg);height: 745px;}
.mo4a .lf{float: left;width: 37.333%;}
.lf1{max-width: 100%;}
.m4left{margin-top: 50px;}
.word{    padding-left: 20%;margin-top: 40px;}
.word p{font-size: 20px;color: #fff;height: 55px;line-height: 55px;}
.word img{    margin-right: 15px;}
.word a{background: url(../images/morebg.png) no-repeat; height: 51px; width: 215px;display: block;text-align: center;line-height: 50px;font-size: 20px;color: #fff;margin-top: 30px;}
.m41{margin-top: 100px ;}
.m41 img{max-width: 100%;}
.m4rig{float: left;width: 25.3%;margin-top: 120px;}
.m4rig img{float: right;margin:10px 0;width: 100%;}
.m4rig1{max-width: 100%;}
.m4rig2{max-width: 333px;}
.tit1{border: #fff!important;text-align:  center;}
.tit1 li{width: 212px;height: 50px;font-size: 20px; border-radius: 25px;border: 1px solid #333;line-height: 50px;margin:0 2%;}
.layui-tab-brief>.layui-tab-title .layui-this{color: #fff;background-color: #fa6b31;border:#fa6b31 solid 1px;}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{border-bottom: #fff;}
.mo5{background: url(../images/albg.jpg) no-repeat;height: 840px;}
.tit2{margin-top: 50px;}
.tit2 li{float: left;width: 22%;margin: 0 1.5%;}
.tit2 span{display:block;margin:40px 0 10px 0;font-size:12px;}
.al{overflow: hidden;}
.al img{width: 100%;    transition: all .8s ease 0s;}
.al span{font-size: 12px;}
.al:hover img {transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);}
.tit2 li a{font-size: 20px;font-weight: 700;display: block; line-height:1.5em; height:3em; overflow:hidden;}
.tit2 li .al img,.mo7b2 img { height:240px;}
.tit2 li span img { margin-right:5px;}
.tpcen{text-align: center;padding: 60px 0;}
.tpcen img{max-width: 100%;}
.mo5 .tpcen img{max-width: 100%;}
.zx{background: url(../images/bg1.jpg) no-repeat;height: 70px;line-height: 70px;}
.zx a{font-size: 20px;color: #fff;margin-left: 30px;}
.zx .rig{float: right;margin-right: 30px;}
.rig img{width: 100%;}
.mo6{background: url(../images/bg6.jpg) no-repeat; height: 1050px;}
.mo6left{float: left;width: 45%;margin-right: 5%;}
.mo6la{margin-bottom: 30px;}
.mo6la img{max-width: 100%;}
.mo6 span{font-size: 20px;}
.border{margin: 40px 0;border-bottom: 6px solid #fa6b31;height: 2px;width: 30px;}
.mo6 p{font-size: 18px;line-height:30px;text-indent: 2rem;}
.mo6b{width: 60px;}
.mo6b a{margin:50px 0 0 0px;font-size: 20px;height: 60px;width: 60px;display: block;line-height: 60px;text-align:center;border-radius: 50%;opacity: 0.5;background: #fff;}
.mo6b:hover a{background-color: #FA6B31;opacity: 1;color: #fff;}
.mo6rig{float: left;width: 45%;margin-left:5%;}
.mo6rig img{width: 100%;}
.jjys{margin-top: 200px;}
.mo61{float: left;width: 22.5%; background: url(../images/jjbg.png) no-repeat;height: 135px;padding-right: 2.5%;background-size:100% 100%}
.mo61 img{max-width: 100%;}
.mo61 div{line-height: 135px;float: left;}
.mo61 span{float: left;    margin: 48px 30px 0 0; font-size: 16px;}




.htitle{ font-size: 40px;  text-align: center; font-weight: bold;color: #3e4355;}
.bigtips{text-align: center; font-size: 18px;margin-top: 30px;color: #4e597b;}
.htitle:before{content: ""; background: url(../images/ico1a.png) no-repeat; width: 34px; height: 29px; display: inline-block; margin-right: 15px;}
.index-tuijian .content ul {
    overflow: hidden;
    margin-left: -2.5%;
	
}
.index-tuijian .content li {
    float: left;
    width: 22.5%;
    margin-left: 2.5%;
    margin-top: 25px;
}
.index-tuijian .content li .pro-img { width:100%;height:230px;
    box-sizing: border-box;
    -moz-box-shadow: 2px 0 35px rgba(21, 53, 129, 0.2) inset;
    -webkit-box-shadow: 2px 0 35px rgba(21, 53, 129, 0.2) inset;
    box-shadow: 2px 0 35px rgba(21, 53, 129, 0.2) inset;
    background: #fff;
    border-bottom-right-radius: 20px;
    position: relative;
    z-index: 5;
    overflow: hidden;
}
.index-tuijian .content li .pro-img{ height:280px;}
.index-tuijian .content li .pro-img img{ transition: all 0.6s ease;}
.index-tuijian .content li .pro-img:hover img{
    transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}
.index-tuijian .content li .pro-img img {
vertical-align: middle;
    display: block;
    width: 100%;
    margin: 0 auto;
}
.index-tuijian .content li h3 {
    background: #4b556e;
    text-align: center;
    margin-top: -10px
}
.index-tuijian .content li h3 a {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    padding: 25px 0 18px;
    display: block;
    transition: all 0.6s;
}
.index-tuijian .content li:hover h3 {
    background: #05163f;
    transition: all 0.6s;
}
.index-tuijian .content li:hover h3 a{
    color: #e61e37;
    transition: all 0.6s;
}
.index-tuijian .content li .box {
    background: url(../images/products_bot.png) no-repeat;
    width: 101.5%;
    background-size: 100% 100%;
    margin-left: -2px;
    padding: 15px 0 25px 30px;
    box-sizing: border-box;
}
.index-tuijian .content .box p {
    margin-top: 10px;
    font-size: 16px;
    color: #4b556e;
}
.index-tuijian .content .box p img {
    width: 18px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 5px;
}
.index-tuijian .content .box p span {
    font-size: 16px;
    color: #e61e37;
}

.index-pro-list li .box {
    background: url(../images/products_bot.png) no-repeat;
    width: 101.5%;
    background-size: 100% 100%;
    margin-left: -2px;
    padding: 15px 0 25px 30px;
    box-sizing: border-box;
}
.index-pro-list .box p {
    margin-top: 10px;
    font-size: 16px;
    color: #4b556e;
}
.index-pro-list .box p img {
    width: 18px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 5px;
}
.index-pro-list .box p span {
    font-size: 16px;
    color: #e61e37;
}