/*notes s*/
.notes{height:55px;background:url(../images/bg.jpg) center top;overflow:hidden;}
.notes-l{line-height:50px;font-size:14px;color:#666666;overflow:hidden;}
.notes-r li{float:left;line-height:50px;font-size:14px;color:#666666;margin-left:15px;position:relative;cursor:pointer;}
.notes-r li a{font-size:14px;color:#666666}
.sdd{width:100px;height:100px;position: absolute;left:-20px;top:40px;background:#555;display:none}
.sdd img{width:100%;height:100%}
.notes-r li:hover .sdd{display:block;}
.webss-input{width:290px;height:33px;border:1px solid #999999;border-radius:20px;margin-top:20px}
.stext2{width:230px;height:33px;line-height:33px;background:none;text-indent:10px}
.sbuts{width:25px;height:33px;background:url(../images/ss.png) no-repeat center;margin-right:10px;cursor:pointer;}
/*notes e*/


/*header s*/
.header{height:100px;overflow:hidden;background:url(../images/bgs.jpg);}
.logo{height:100%;position:relative;display:flex;justify-content:center;align-items:center;}
.logo img{margin-right:20px}
.topcall{background:url(../images/calls.png) no-repeat left;height:90px}
.navs{height:60px;background:#004aa7}
.topcall p{font-size:26px;color:#b20405;font-weight:bold;margin:40px 0 0 50px;}
.navs ul{width:1200px;margin:0 auto;height:60px;}
.navs li{float: left;line-height:64px;width:133px;text-align:center;position: relative;z-index:9999;}
.navs li:last-child{background:none;}
.navs li a{font-size:16px;color:#fff;position: relative;z-index:9999;height:60px;line-height:60px;display:block;}

.margOuts{height:100%;}
/*header e*/

/*banner s*/
.banner{height:700px;;position: relative;}
.slideBox .hd{overflow:hidden;position:absolute;right:5px;bottom:35px;z-index:999;width:100%;text-align:center;}
.slideBox .hd ul li{ display:inline-block; margin:0 6px;  width:45px; height:5px;text-align:center; background:#fff; cursor:pointer;zoom:1;*display:inline;}
.slideBox .hd ul li.on{background:#b20405;}
.slideBox .bd li{ zoom:1; vertical-align:middle; text-align:center; height:700px; }
.slideBox .bd img{ width:100%; height:auto; display:block; margin:0 auto;  }
.slideBox .bd a{display:block;width:100%;height:100%;}
.slideBox .prev{width:85px; height:80px;display:block;position: absolute;left:300px;bottom:-30px;z-index:999;background:url(../images/left.jpg) no-repeat center;}
.slideBox .next{width:85px; height:80px;display:block;position: absolute;left:382px;bottom:-30px;z-index:999;background:url(../images/right.jpg) no-repeat center;}
/*banner e*/

/*shows s*/
.shows{height:280px;}   
.shows-l{width:280px;height:325px;background:url(../images/tb.png) no-repeat center top;margin-top:-45px}
.shows-l span{font-size:24px;color:#ffffff;margin:250px 0 0 30px;display:block;}
.shows-r{width:920px;}
.shows-top{height:60px;background:#f1f1f1;padding:0 30px;}
.shows-top-l{width:520px;line-height:60px;background:url(../images/xt.png) no-repeat right;}
.shows-top-l span{font-size:16px;color:#555555}
.shows-top-l span a{font-size:16px;color:#555555;margin-left:20px;}
.shows-mess{height:30px;line-height:30px;padding-top:15px;margin-left:10px}
.texts{width:240px;height:30px;background:none} 
.butts{width:35px;height:30px;background:url(../images/ss.png) no-repeat center;cursor:pointer;}
.shows-btn{padding:50px 0 0 0;text-align:center;}
.shows-btn li{margin:0 50px;display:inline-block;}
.shows-pic{width:100px;height:100px;overflow:hidden;border-radius:50%;background:#666;margin:0 auto;}
.shows-btn li img{width:100%;height:100%}
.shows-btn li h2{font-size:18px;color:#666666;text-align:center;font-weight:normal;margin-top:10px}
/*shows e*/

/*show2 s*/
.show2{padding:70px 0;overflow:hidden;background:url(../images/bg2.jpg) no-repeat center top;}
.tits{text-align:center;}
.show2-btn{text-align:center;margin-top:40px}
.show2-btn li{width:270px;height:120px;background:#fff;display:inline-block;margin:0 8px;vertical-align:middle;transition:all 0.6s}
.show2-btn li h2{font-size:22px;color:#333333;font-weight:normal;padding-top:40px}
.show2-btn li span{font-size:12px;color:#999999;text-transform:uppercase;display:block;margin-top:3px}
.show2-btn li:hover{background:url(../images/bg4.jpg);}
.show2-btn li:hover *{color:#fff}

.picScroll-lefts{ width:1200px;  position:relative;margin:20px auto 0; }
.picScroll-lefts .hd{position: absolute;width:100%;z-index:9999;}
.picScroll-lefts .hd .prev,.picScroll-lefts .hd .next{ display:block;  width:50px; height:50px; overflow:hidden;cursor:pointer;position: absolute;}
.picScroll-lefts .hd .prev{left:-60px;top:300px;background:url(../images/left.png) no-repeat center;}
.picScroll-lefts .hd .prev:hover{left:-60px;top:300px;background:url(../images/lefts.png) no-repeat center;}
.picScroll-lefts .hd .next{right:-80px;top:300px;background:url(../images/next.png) no-repeat center;}
.picScroll-lefts .hd .next:hover{right:-80px;top:300px;background:url(../images/prevs.png) no-repeat center;}
.picScroll-lefts .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-lefts .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer;}
.picScroll-lefts .bd ul{ overflow:hidden; zoom:1; }
.picScroll-lefts .bd ul li{float:left; _display:inline; overflow:hidden; text-align:center;width:110%;height:100%  }
.picScroll-lefts .bd ul li div{width:285px;height:310px;float:left;margin:10px;background:#fff;position:relative;}
.show2-pic{height:250px;overflow:hidden;background:#666;display:block;margin:0 auto;}
.show2-pic img{width:100%;height:100%;transition:all 0.6s}
.picScroll-lefts .bd ul li h2{text-align:center;font-size:18px;color:#555555;font-weight:normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:15px}
.tms{position: absolute;left:0;top:0;width:285px;height:250px;background:url(../images/tms.png) no-repeat center top;display:none;}
.picScroll-lefts .bd ul li div:hover .tms{display:block;}
.picScroll-lefts .bd ul li div:hover img{transform:scale(1.06);}
/*show2 e*/

/*advs s*/
.advs{height:450px;overflow:hidden;background:url(../images/adv.jpg) no-repeat center top;}
.advs-btn{text-align:center;margin-top:275px}
.advs-btn a,.advs-btn span{width:200px;height:50px;display:inline-block;vertical-align:middle;line-height:50px;margin:0 -3px;}
.advs-btn a{background:#b20405;color:#fff!important;font-size:22px;}
.advs-btn span{background:#004aa7;font-size:24px;color:#fff!important}
.advs-btn span img{margin-top:-2px}
/*advs e*/

/*show3 s*/
.show3{padding:80px 0;overflow:hidden;background:url(../images/bg5.jpg) no-repeat center top;}
.show3-list li{height:300px;overflow:hidden;}

.whys-lists{width:1200px;margin:50px auto 0;}
.whys-lists li{height:300px;position:relative;}
.whys-l{width:535px;height:259px;padding-top:45px;background:#fff;    padding-left: 65px;}
.whys-r{width:420px}
.whys-lists li.li1 .whys-l{border-top:2px solid #e7ebee}
.whys-l:hover{background:#b20405}
.whys-l:hover *{color:#fff}
.whys-tit i{width:70px;height:110px;background:url(../images/bg12.png) no-repeat center;font-size:36px;display:flex;align-items:center;justify-content:center;font-style:normal;color:#fff}
.whys-rs{margin-left:20px;}
.whys-rs span{font-size:14px;color:#bbbbbb;text-transform:uppercase;margin-top:15px;background:#999999;display:block;height:1px;width:120px}
.whys-rs h2{font-size:26px;color:#000000;font-weight:normal;position:relative;}
.whys-rs h2 font{font-weight:bold;}
.whys-pic{width:600px;height:300px;}
.whys-lists li.li1 .whys-l,.whys-lists li.li3 .whys-l{float:left;}
.whys-lists li.li2 .whys-l,.whys-lists li.li4 .whys-l{float:right;position:relative;}
.whys-lists li.li1 .whys-pic,.whys-lists li.li3 .whys-pic{position: absolute;right:0;top:0;overflow:hidden;}
.whys-lists li.li2 .whys-pic,.whys-lists li.li4 .whys-pic{position: absolute;left:0;top:0;overflow:hidden;}
.whys-pic img{width:100%;height:100%}
.whys-l p{font-size:14px;color:#555555;line-height:1.8;margin-top:20px;width:520px;text-align:justify;background:url(../images/sj.png) no-repeat left 20px;padding-left:20px;overflow:hidden;}

.whys-rs em{font-size:46px;color:#b20405;font-weight:bold;position: absolute;right:150px;top:-10px;font-style:normal;}
/*show3 e*/

/*pros s*/
.pros{padding:75px 0 75px 0;overflow:hidden;background:url(../images/bg7.jpg) no-repeat center top;background-size:cover}
.pros-main{width:1200px;margin:40px auto;background:rgba(255,255,255,.8);padding:40px 20px;}
.pros-main li{width:280px;height:300px;float:left;margin:10px;}
.pros-pic{height:240px;overflow:hidden;background:#555}
.pros-pic img{width:100%;height:100%;transition:all 0.6s}
.pros-main li h2{margin-top:10px}
.pros-main li h2 span{font-size:18px;color:#333333;font-weight:normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:170px;}
.pros-main li h2 a{width:95px;height:30px;background:#004aa7;text-align:center;line-height:30px;color:#fff;font-size:14px;font-weight:normal;border-radius:20px}
.pros-main li:hover img{transform:scale(1.06)}
/*pros e*/

/*quality s*/
.quality{padding:100px 0;overflow:hidden;background:url(../images/bg8.jpg) no-repeat center top;background-size:cover }
.quality-mian{width:1200px;margin:70px auto 0;position:relative;height:560px;}
.quality-mian li{width:300px;height:90px;position: absolute;}
.quality-mian li.li1{left:0;top:50px;}
.quality-mian li.li2{right:0;top:50px;}
.quality-mian li.li3{left:0;top:210px;}
.quality-mian li.li4{right:0;top:210px;}
.quality-mian li.li5{left:0;top:380px;}
.quality-mian li.li6{right:0;top:380px;}
.bg2{position: absolute;left:-30px;top:0;right:0;bottom:0;margin:0 auto;}
.quality-mian li span{font-size:58px;color:#666666;text-transform:uppercase;font-weight:bold;border-bottom:1px solid #299400}
.quality-ms{width:220px;margin-left:20px}
.quality-ms h2{font-size:20px;color:#333333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:all 0.6s}
.quality-ms p{font-size:14px;color:#666666;margin-top:15px;height:40px}
.quality-mian li:hover span,.quality-mian li:hover h2{color:#299400}
/*quality e*/


/*base s*/
.base{padding:80px 0 55px 0;overflow:hidden;background:url(../images/bg9.jpg);position:relative;}
.base-main{margin-top:65px;}
.base-l-pic{width:500px;height:500px;overflow:hidden;background:#555}
.base-l-pic img{width:100%;height:100%;}
.base-l-ms{width:425px;height:430px;background:#fff;padding:70px 0 0 70px;}
.base-l-ms h2{font-size:24px;color:#222222;}
.base-l-ms p{font-size:16px;color:#555555;line-height:2;text-align:justify;width:320px;margin-top:40px;height:128px;overflow:hidden;}
.base-l-ms a{width:145px;height:40px;background:#004aa7;color:#fff!important;display:block;text-align:center;line-height:40px;font-size:14px;margin-top:70px}
.base-l-ms a:hover{background:#b20405;}


.picScroll-left{ width:32%;position: absolute;right:0;bottom:80px;height:300px;z-index:9999}
.picScroll-left .hd{position: absolute;left:-112px;top:240px;width:100%;}
.picScroll-left .hd .prev2,.picScroll-left .hd .next2{ display:block;width:120px; height:60px;overflow:hidden;cursor:pointer;position:absolute;z-index:999}
.picScroll-left .hd .prev2{left:0;top:0;background:url(../images/prev2.jpg) no-repeat center;}
.picScroll-left .hd .next2{left:120px;top:0;background:url(../images/next2.jpg) no-repeat center;}
.picScroll-left .hd .prev2:hover{left:0;top:0;background:url(../images/prev2s.jpg) no-repeat center;}
.picScroll-left .hd .next2:hover{left:120px;top:0;background:url(../images/next2s.jpg) no-repeat center;}
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;width:50%;height:300px;background:#555  }
.picScroll-left .bd ul li img{width:100%;height:100%;}

/*base e*/

/*joins s*/
.joins{padding:75px 0;overflow:hidden;background:url(../images/bg10.jpg) no-repeat center top;}
.joins-main{width:1200px;margin:50px auto 0;}
.joins-l{width:730px;}
.joins-r{width:380px;height:400px;background:#ffffff;padding:40px 30px;}
.inputs{margin-bottom:15px;}
.inputs input{height:35px;border-bottom:1px solid #bbbbbb}
.texta{width:100%;height:110px;border-bottom:1px solid #bbbbbb}
.smbtns{text-align:center;margin-top:40px}
.smbtns a{width:180px;height:45px;display:inline-block;text-align:center;line-height:45px;font-size:16px;color:#fff!important;margin:0 3px;}
.smbtns a.a1{background:#004aa7}
.smbtns a.a2{background:#b20405}
/*joins e*/

/*newss */
.news{padding:80px 0 50px 0;position:relative;background:url(../images/bg11.jpg) no-repeat center top;}
.news-main{margin-top:50px}
.news-l{width:560px;}
.titss{font-size:24px;color:#282828;padding-bottom:15px;font-weight:normal;border-bottom:3px solid transparent}
.news-pic{width:560px;height:280px;overflow:hidden;margin-top:30px}
.news-pic img{width:100%;height:100%}
.titsub li:hover h2{border-bottom:3px solid #0f5aad}

.news-r{width:580px;padding-top:115px}
.tj{width:110px;height:30px;border:2px solid #cdcdcd;font-size:14px;color:#333333;float:right;text-align:center;line-height:30px}
.news-r h2 a{font-size:20px;color:#282828;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;}
.news-r p{font-size:14px;color:#666666;text-align:justify;line-height:1.8;height:50px;overflow:hidden;margin-top:45px}
.detas{font-size:14px;color:#666666;display:block;margin-top:40px}
.news-ask{margin-top:40px;}
.news-tit{border-bottom:1px solid #d9d9d9;padding-bottom:15px;}
.news-tit h2{font-size:14px;color:#282828}
.news-tit a{color:#666666;font-size:14px;}
.news-list li{width:440px;float:left;margin-top:40px;margin-right:190px;}
.news-list ul{width:105%}
.news-list li div{width:300px;}
.news-list li div h2{font-size:14px;color:#282828;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.news-list li div p{font-size:14px;color:#666666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:10px}
.news-list span{font-size:18px;color:#b2b2b2}
.news-list li:hover div h2{color:#3490dc}
.big-tit{text-align:center;}
.big-tit h2{font-size:40px;color:#333333}
.big-tit p{font-size:18px;color:#999999;margin-top:7px;}
.titsub li{float:left;margin-right:30px}
.titsub li:hover{background:url(../images/line.png) no-repeat left bottom;}

/*about s*/
.about{height:775px;overflow:hidden;background:url(../images/bg12.jpg) no-repeat center top;position:relative;}
.about-l{background:url(../images/bbg.jpg) no-repeat left;height:775px;margin-left:5%;}
.about-ms{width:660px;padding-top:70px;padding-right:200px;padding-left:40px}
.about-ms p{font-size:14px;color:#4c4c4c;line-height:1.8;text-align:justify;margin-top:30px;height:125px;overflow:hidden;}
.mores{width:160px;height:55px;background:#004aa7;display:block;text-align:center;line-height:55px;color:#fff!important;margin-top:55px;}
.tb5{display:block;margin:160px 0 0 80px}
.ibgs{width:12%;height:775px;background:url(../images/bbg.jpg) no-repeat left;position: absolute;left:12%;top:0;}
/*about e*/

/*footer s*/
.footer{padding:36px 0;overflow:hidden;background:#222222;overflow:hidden;}
.foot-l{width:200px;}
.foot-l h2{color:#fff;font-size:20px;letter-spacing:1px}
.foot-nav{margin-top:50px;}
.foot-nav ul{width:115%}
.foot-nav li{float:left;width:90px;margin:10px 6px;}
.foot-nav li a{color:#eeeeee}
.foot-c{width:500px;margin-left:130px}

.foot-c p{font-size:14px;color:#fff;margin-top:20px}
.bdsharebuttonbox{margin-top:30px;}

.foot-r{width:300px;}
.foot-r h2{font-size:20px;color:#fff;font-weight:normal;}

.foot-code{margin-top:20px}
.foot-code li{float:left;margin-right:20px}
.foot-code li img{width:130px;height:130px;}
.foot-code li p{color:#ffffff;font-size:14px;text-align:center;margin-top:15px;}


.copys{height:45px;background-color:#333333;line-height:45px;overflow:hidden;}
.copys span{font-size:14px;color:#a7a7a7;}
.copys span a{color:#a7a7a7}
.panner{margin-top:30px}
/*footer e*/

#float{
    width: 80px;
    height: 335px;
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 99999999;
    opacity: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    transform-origin: right center;
    -webkit-transform: perspective(100px) rotateY(90deg);
    -moz-transform: perspective(100px) rotateY(90deg);
    -ms-transform: perspective(100px) rotateY(90deg);
    -o-transform: perspective(100px) rotateY(90deg);
    transform: perspective(100px) rotateY(90deg);
}
#float.on{
    right: 0;
    opacity: 1;
    -webkit-transform: perspective(0) rotateY(0deg);
    -moz-transform: perspective(0) rotateY(0deg);
    -ms-transform: perspective(0) rotateY(0deg);
    -o-transform: perspective(0) rotateY(0deg);
    transform: perspective(0) rotateY(0deg);
}
#float ul{
    width: 100%;
    height: auto;
    margin-bottom: 0;
}
#float ul li{
    width: 80px;
    height: 80px;
    background-color: #ffffff;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 2px;
    position: relative;
    background:#b9241e;

    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
#float ul li:last-child{
    margin-bottom: 0;
}
#float ul li a{
    height: 100%;
    display: block;
    position: relative;
    z-index: 99999;
    overflow: hidden;
}
#float ul li a i{
    width: 38px;
    height: 38px;
    background-repeat: no-repeat;
    display: block;
    margin: 12px auto 4px;
}
#float ul li a span{
    color: #fff;
    display: block;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
}
.floatTel{
    width: 160px;
    height: 80px;
    background: #e9463f;
    border-radius: 2px;
    color: #ffffff;
    font-size: 16px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 80px;
    margin: auto;
    line-height: 80px;
    text-align: center;
    z-index: -1;
    opacity: 0;
    transform-origin: right;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);

    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
#float ul li:hover .floatTel{
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
#float ul li.flEwm > div{
    width: 120px;
    height: 120px;
    background: #fff;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3px;
    position: absolute;
    top: 0;
    right: 80px;
    z-index: 9;

    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);

    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
#float ul li.flEwm > div img{
    width: 100%;
    height: 100%;
}
#float ul li.flEwm:hover > div{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
#float ul li,
#float ul li i,
#float ul li span{
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
#float ul li:hover{
    background-color: #e9463f;
    border-color: transparent;
}
#float ul li:nth-child(1) a i{
    background:url(../images/qq.png) no-repeat center;
}
#float ul li:nth-child(2) a i{
   background:url(../images/call2.png) no-repeat center;
}
#float ul li:nth-child(3) a i{
   background:url(../images/ly.png) no-repeat center;
}
#float ul li:nth-child(5) a i{
    background-position: -54px -334px;
}
#float ul li:nth-child(4) a i{
    background:url(../images/codes.png) no-repeat center;
}
#float ul li:hover span{
    color: #fff;
}
.mopro{width: 75px;height: 105px;background: url(../images/tb.png) no-repeat center;padding: 50px 40px 0 40px;font-size:20px;color:#fff!important;position: absolute;right: 280px;top: 274px;}
/* .mopro{width: 75px;height: 105px;background: url(../images/tb.png) no-repeat center;padding: 50px 40px 0 40px;font-size:20px;color:#fff!important} */
.mopro:hover{background: url(../images/tbs.png) no-repeat center;}