﻿*{margin:0px;padding:0px;outline:none;}
ul,li{list-style-type:none;}
img{border:0px;max-width:100%;}
html,body{height:100%;}
body{font-size:14px;font-family:"Microsoft yahei","arial";color:#333333;overflow-x:hidden;}
a{color: #333333;text-decoration: none;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {transition: background-color 5000s cubic-bezier(1, 0, 0, 1) 0s;}

.banner{position:relative;width:100%;overflow:hidden;}
.sikj{position:relative;width:1200px;margin:0 auto;z-index:6;}
.zuobs{position:absolute;right:80px;top:790px;width:50px;height:50px;background:url(../images/left2.png) no-repeat center;}
.yuobs{position:absolute;right:0px;top:790px;width:50px;height:50px;background:url(../images/left1.png) no-repeat center;}
.zuobs:hover{position:absolute;right:80px;top:790px;width:50px;height:50px;background:url(../images/right2.png) no-repeat center;}
.yuobs:hover{position:absolute;right:0px;top:790px;width:50px;height:50px;background:url(../images/right1.png) no-repeat center;}

.prosmenu{/* background:url(../images/xian.png) no-repeat center; */height:130px;position:absolute;left:0%;bottom:0px;width:100%;z-index:3;}
.quan{width:1920px;position:relative;left:50%;top:0px;}
.mbis{position:relative;left:-50%;top:0px;}

.tblu{width:1200px;margin:0 auto;}
.tblu li{float:left;overflow:hidden;padding-top:40px;}
.tblu li div{float:left;margin-right:20px;width:40px;}
.tblu li font{font-size:16px;font-weight:bold;color:#ffffff;display:block;}
.tblu li p{font-size:12px;font-family:arial;color:#aaaaaa;float:left;line-height:22px;width:200px;}
.bsel{overflow:hidden;position:absolute;left:0px;top:0px;z-index:3;width:100%;}
.tops{background:rgba(255,255,255,0);height:70px;width:1200px;margin:0 auto;border-radius:5px;margin-top:27px;}

.logo{float:left;overflow:hidden;padding-top:10px;padding-left:33px;margin-right:95px;}
.menu{float:left;}
.menu li{width:112px;text-align:center;float:left;overflow:hidden;line-height:70px;}
.menu li a{color:#666;}
.menu li:hover>a{font-weight:bold;color:#333333;}
.menu li.cur>a{font-weight:bold;color:#333333;}
.sear{float:left;margin-top:28px;cursor:pointer;}
.chin{float:left;margin-left:20px;margin-top:25px;position:relative;}
.chin ul{background:rgba(51,51,51,.5);border-radius:5px;height:0px;transition:height ease 0.3s;overflow:hidden;position:relative;z-index:3;color:#fff;margin-top:20px;}
.chin:hover ul{height:76px;}
.chin>a{background:url(../images/jiao.png) no-repeat right center;padding-right:20px;}
.chin ul a{text-align:center;color:#ffffff;height:38px;line-height:38px;display:block;}


.abouts{background:url(../images/index_1-18_02.jpg);overflow:hidden;width:100%;}
.llwu{padding-top:115px;width:1200px;margin:0 auto;overflow:hidden;}
.ea font{font-size:36px;color:#ffffff;font-weight:bold;text-transform:uppercase;}
.ea p{font-size:22px;color:#ffffff;font-weight:bold;text-transform:uppercase;}
.ea div{color:#fff;font-size:24px;padding-top:3px;}
.abquan{overflow:hidden;padding-top:32px;}
.ableft{float:left;overflow:hidden;width:607px;color:#ffffff;font-size:14px;line-height:32px;}
.abright{float:right;overflow:hidden;width:593px;margin-top:-50px;margin-right:-30px;}
.abright img{cursor:pointer;}
.gshj{padding-top:146px;}
.gtitle{width:1200px;margin:0 auto;overflow:hidden;padding-bottom:30px;}

.c1{float:left;overflow:hidden;}
.c1 font{color:#fffefe;font-size:22px;float:left;margin-right:4px;}
.c1 p{float:left;color:#ffffff;font-size:20px;}

.c2{float:right;overflow:hidden;}
.c2 .s1{float:left;overflow:hidden;background:url(../images/b1.png) no-repeat;width:29px;height:16px;margin-right:10px;margin-top:7px;display:block;transition:all 0.3s ease;}
.c2 .s2{float:left;overflow:hidden;background:url(../images/b2.png) no-repeat;width:29px;height:16px;margin-left:10px;margin-top:7px;display:block;transition:all 0.3s ease;}
.c2 .s1:hover{float:left;overflow:hidden;background:url(../images/b2s.png) no-repeat;width:29px;height:16px;margin-right:10px;margin-top:7px;}
.c2 .s2:hover{float:left;overflow:hidden;background:url(../images/b1s.png) no-repeat;width:29px;height:16px;margin-left:10px;margin-top:7px;}

.skjg{width:1200px;margin:0 auto;overflow:hidden;padding-bottom:100px;}
.skjg li{float:left;}
.tisj{overflow:hidden;width:1200px;margin:0 auto;}
.sli1{font-size:22px;font-family:arial;color:#fff;line-height:22px;width:100%;overflow:hidden;}
.sli1 font{float:left;margin-right:8px;}
.sli1 p{float:left;}

.nron{width:100%;overflow:hidden;padding-bottom:64px;}
.a2{font-size:16px;line-height:32px;color:#ffffff;font-weight:bold;padding-top:30px;}
.a3{color:#ffffff;font-size:14px;margin-top:25px;}

.bottom{background:#221a84;height:440px;overflow:hidden;}
.boti{padding-top:80px;width:1200px;margin:0 auto;overflow:hidden;}

.btop{overflow:hidden;width:100%;padding-bottom:77px;min-height:199px;}
.bleft{width:458px;overflow:hidden;float:left;border-right:1px solid #4e489d;height:195px;}
.qiehuan{background:url(../images/qiu.png) no-repeat left center;padding-left:30px;height:21px;color:#4e489d;font-size:16px;}
.qiehuan a{color:#fff;}
.qiehuan a:hover{text-decoration:underline;}
.cons{line-height:34px;color:#9f9ad6;font-size:14px;padding-top:63px;padding-bottom:14px;}
.bcenter{float:left;padding-left:100px;width:400px;border-right:1px solid #4e489d;height:195px;}
.bcenter ul{color:#fff;float:left;width:200px;}
.bcenter a{color:#9f9ad6;font-size:14px;line-height:32px; transition:padding-left 0.3s ease;}
.bcenter font{color:#fff;font-size:17px;display:block;padding-bottom:28px;}
.bcenter a:hover{padding-left:10px;color:#fff;}
.bright{float:right;padding-top:10px;}
.bright p{text-align:center;font-size:14px;color:#9f9ad6;padding-top:20px;}
.bter{border-top:1px solid #4e489d;line-height:83px;color:#9f9ad6;}
.backfhdb{float:right;overflow:hidden;padding-top:40px;cursor:pointer;}
.bter a{color:#9f9ad6;}
.sh_bkg { position: fixed; left: 0; top: 0; z-index: 2000; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); display: none; }
.sh_box { position: fixed; left: 10%; top: 40%; z-index: 2001; width: 80%; display: none; }
.sh_box .txt {float:left;display:block;width:calc(100% - 98px);height:20px;line-height:20px;padding:15px;border:0; }
.sh_box .btn { float: left; display: block; width: 60px; height: 50px; line-height: 50px; text-align: center; color: #FFF; background: #20459f url(../images/sh_btn.png) center center no-repeat; border: 0; cursor: pointer; }
.sh_box form { margin-top: 35px; }
.sh_box .closes { position: relative; width: 50px; height: 50px; margin: 0 auto 20px auto; cursor: pointer; transition: all 0.3s ease-out; }
.sh_box .closes:before, .sh_box .closes:after { content: ""; display: block; width: 60px; height: 1px; background-color: #FFF; position: absolute; left: -5px; top: 25px; }
.sh_box .closes:before { transform: rotate(45deg); }
.sh_box .closes:after { transform: rotate(-45deg); }

.sha_bg {
  background-color: rgba(0, 0, 0, .8);
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 100%;
  top: 0;
  transition: left .5s ease;
  z-index: 11;

}

.sha_btn_close {
  position: absolute;
  right: 50px;
  top: 50px;
  cursor: pointer;
  background-color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: .4rem;
  height: .4rem;
  font-size: .18rem;
  text-align: center;
  line-height: .4rem;
  color: #444;
  z-index:3;
}

.sha_vid {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  video{
    max-width: 80vw;
    max-height: 80vh;
    display: block;
  }
}
.newiconfont{position:relative;display:block;}
.sha_btn_close .newiconfont:before, .sha_btn_close .newiconfont:after { content: ""; display: block; width: 20px; height: 1px; background-color: #999; position: absolute; left: 11px; top: 20px; }
.sha_btn_close .newiconfont:before { transform: rotate(45deg); }
.sha_btn_close .newiconfont:after { transform: rotate(-45deg); }
.scroll-animate{animation-delay:0.5s;}

.menu li div{background:#ffffff;padding-top:20px;padding-bottom:20px;display:none;}
.menu li div a{display:block;width:100px;height:30px;margin:0 auto;line-height:30px;color:#888888;text-align:center;margin-top:5px;}
.menu li div a:hover{background:#212f91;color:#fff;}

.bannere{background:url(../images/products_01.jpg) no-repeat center;height:880px;}

.products{width:1200px;margin:0 auto;overflow:hidden;}
.productser{padding-top:100px;padding-bottom:100px;overflow:hidden;}
.productser ul{width:1230px;}
.productser li{width:380px;overflow:hidden;float:left;margin-right:30px;}
.title{text-align:center;position:relative;z-index:3;}
.contacts{width:378px;height:488px;border:1px solid #e6e6e6;margin-top:-120px;}
.btis{padding-top:143px;width:100%;text-align:center;}
.btis font{color:#333333;font-size:24px;font-weight:bold;font-family:arial;}
.btis p{font-size:16px;color:#999999;font-weight:bold;padding-top:15px;}
.cont{width:260px;margin:0 auto;font-size:14px;color:#666666;line-height:38px;padding-top:30px;}
.mores{margin:0 auto;margin-top:50px;width:150px;height:50px;line-height:50px;padding-left:50px;background:#f2f2f2;border-radius:50px;color:#888888;transition:0.3s all ease;}
.mores font{float:right;padding-right:45px;font-family:simsun;}
.productser li:hover .mores{background:#20459f;color:#fff;}

.lxwm{background:url(../images/l.jpg) repeat-x center center #fff;padding-top:99px;padding-bottom:140px;overflow:hidden;}

.lzuo{width:320px;overflow:hidden;float:left;background:#ffffff;padding:40px;}
.lrig{width:718px;overflow:hidden;float:right;}

.k1{width:1200px;margin:0 auto;}

.ltitle{color:#173b93;font-size:24px;}
.ltitle font{color:#e61a0f;font-size:24px;}

.linput{height:50px;margin-top:28px;background:#ddf1ff;border-radius:5px;}
.linput input{width:100%;border:0px;background:none;line-height:50px;height:100%;}
.linput input::placeholder{color:#173b93;}
.tile{float:left;width:60px;line-height:50px;text-align:center;margin-left:22px;color:#173b93;font-size:14px;}
.tinputs{float:left;width:237px;height:100%;}
.ltextarea{height:200px;margin-top:28px;background:#ddf1ff;border-radius:5px;}
.ltextarea textarea{width:100%;border:0px;background:none;padding-top:20px;padding-bottom:20px;height:160px;}
.lcode{overflow:hidden;width:100%;}
.suzi{width:170px;height:50px;float:left;background:#ddf1ff;margin-top:20px;border-radius:5px;}
.yzms{width:82px;float:left;background:none;}
.yzms input{width:100%;border:0px;background:none;line-height:50px;height:50px;}
.scode{float:left;margin-left:15px;margin-top:20px;}

.nbus{width:320px;height:50px;background:#20459f;line-height:50px;margin-top:20px;border-radius:5px;}
.nbus input{width:100%;height:100%;border:0px;background:none;color:#fff;font-size:15px;cursor:pointer;}

.lrig .titles{padding-top:28px;overflow:hidden;padding-bottom:30px;}
.address{color:#666666;font-size:15px;padding-bottom:20px;}
.email{font-size:15px;color:#666666;padding-bottom:30px;}
.email a{color:#173b93;}

.banner3{background:url(../images/cbanner.jpg) no-repeat center;height:450px;width:100%;position:relative;}
.toan{text-align:center;overflow:hidden;padding-top:216px;}
.toan font{font-size:32px;color:#ffffff;}
.toan p{font-family:arial;font-size:14px;color:rgba(255,255,255,.5);padding-top:15px;}
.toan div{padding-top:80px;}
.toan div img{cursor:pointer;}

.network{background:url(../images/network_03.jpg) no-repeat center;height:1125px;width:100%;overflow:hidden;}
.network_content{font-weight:bold;font-size:20px;color:#333333;line-height:44px;text-align:center;margin-top:960px;}
.network_content strong{color:#e30c01;}

.b1{width:1200px;margin:0 auto;position:relative;}
.b1 li{position:absolute;}
.b1 li div{position:relative;}
.b1 li font{width:8px;height:8px;background:#0084ff;display:block;border-radius:50px;position:absolute;left:12px;top:12px;}
.b1 li p{width:20px;height:20px;background:rgba(0,132,255,.2);display:block;border-radius:50px;position:absolute;left:6px;top:6px;animation:mymove 1s infinite;}
.b1 li i{width:32px;height:32px;background:rgba(0,132,255,.1);display:block;border-radius:50px;position:absolute;left:0px;top:0px;animation:mymove2 1s infinite;}
.b1 li:nth-child(1){left:50px;top:210px;}
.b1 li:nth-child(2){left:173px;top:360px;}
.b1 li:nth-child(3){left:303px;top:545px;}
.b1 li:nth-child(4){left:301px;top:654px;}
.b1 li:nth-child(5){left:523px;top:313px;}
.b1 li:nth-child(6){left:564px;top:329px;}
.b1 li:nth-child(7){left:630px;top:337px;}
.b1 li:nth-child(8){left:613px;top:637px;}
.b1 li:nth-child(9){left:862px;top:251px;}
.b1 li:nth-child(10){left:822px;top:471px;}
.b1 li:nth-child(11){left:959px;top:445px;}
.b1 li:nth-child(12){left:987px;top:435px;}
.b1 li:nth-child(13){left:992px;top:489px;}
.b1 li:nth-child(14){left:1036px;top:380px;}
.b1 li:nth-child(15){left:938px;top:376px;}
.b1 li:nth-child(15) font{background:#f4d522;}
.b1 li:nth-child(15) p{background:rgba(244,213,34,.2);}
.b1 li:nth-child(15) i{background:rgba(244,213,34,.1);}

.news{background:url(../images/huis.jpg) repeat-x top;padding-top:89px;}
.tjxw{width:1200px;margin:0 auto;overflow:hidden;}
.tjxw ul{width:1260px;}
.tjxw li{background:#fff;width:385px;height:570px;margin-right:24px;float:left;margin-bottom:100px;overflow:hidden;transition:0.3s color ease,0.3s background ease;}
.tjxw li *{transition:0.3s color ease,0.3s background ease;}
.lmus{padding-left:27px;padding-right:27px;padding-top:49px;overflow:hidden;width:331px;}
.lmus font{display:block;width:80px;height:28px;background:#e7f4ff;text-align:center;line-height:28px;color:#3768e1;float:left;}
.lmus p{float:left;padding-left:18px;color:#999999;font-size:14px;padding-top:5px;font-family:arial;}
.tjxw li .titles{width:331px;margin:0 auto;font-size:18px;color:#333333;line-height:30px;padding-top:28px;overflow:hidden;padding-bottom:30px;}
.pics{width:100%;overflow:hidden;text-align:center;}
.contents{line-height:28px;width:330px;margin:0 auto;padding-top:25px;color:#666666;}
.tjxw li:hover{background:#e73027;}
.tjxw li:hover .lmus font{background:#ffffff;color:#333333;}
.tjxw li:hover .lmus p{color:#fff;}
.tjxw li:hover .titles{color:#fff;font-size:18px;}
.tjxw li:hover .contents{color:#fff;}
.newslist{width:1200px;margin:0 auto;padding-top:10px;}
.newslist li{padding-bottom:50px;}
.newslist li .times{width:100%;overflow:hidden;}
.newslist li .times font{display:block;width:80px;height:28px;background:#e7f4ff;text-align:center;line-height:28px;color:#3768e1;float:left;}
.newslist li .times p{float:left;padding-left:18px;color:#999999;font-size:14px;padding-top:5px;font-family:arial;}
.tiles{padding-top:32px;padding-bottom:32px;color:#333333;font-size:18px;}
.conts{font-size:15px;color:#666666;line-height:28px;height:100px;border-bottom:1px solid #d9d9d9;}
.pageNavi{padding-bottom:65px;overflow:hidden;width:100%;overflow:hidden;}
#PageContent{ margin-top:10px; text-align:center}
#PageContent span{ display:inline-block; width:40px; text-align:center; line-height:40px; background:#dff0fc; color:#173b93; margin:0px 10px;border-radius:50%;}
#PageContent a{ display:inline-block; width:40px; text-align:center; line-height:40px; background:#dff0fc; color:#173b93; margin:0px 10px;border-radius:50%;}
#PageContent a:hover{background:#20459f;color:#fff;}
#PageContent a.Ahover{background:#20459f;color:#fff;}
#PageContent .current{background:#20459f;color:#fff;}
.yiwei{background:url(../images/pic.png) no-repeat center;width:1150px;height:180px;margin:0 auto;line-height:180px;font-size:18px;color:#ffffff;padding-left:50px;}
.dbus{background:url(../images/dbus.jpg) no-repeat center;height:282px;}
.lxwms{float:right;width:154px;height:54px;background:url(../images/lxwm.png) no-repeat center;overflow:hidden;line-height:54px;text-align:center;font-size:16px;margin-top:60px;margin-right:45px;}
.lxwms a{color:#ffffff;}
.wsdf{overflow:hidden;width:1200px;height:180px;margin:0 auto;background:url(../images/pic.png) no-repeat center;}
.wsdf li{float:left;overflow:hidden;padding-top:55px;width:171px;text-align:center;}
.sdlj{overflow:hidden;width:100%;height:550px;}
.zypp{background:url(../images/v3.png) repeat-x top;padding-top:120px;position:relative;}
.zhansan{width:100%;overflow:hidden;padding-top:70px;}
.zhansan .kzuo{float:left;width:21.979166666667%;height:266px;background:url(../images/zleft.png) no-repeat top center;background-size:100% auto;}
.aleft{width:46px;height:46px;display:block;background:url(../images/l1.png) no-repeat center;margin-top:25.829383886256%;margin-left:22.511848341232%;position:relative;z-index:3;}
.zhansan .kyou{float:right;width:21.979166666667%;height:266px;background:url(../images/yright.png) no-repeat top center;background-size:100% auto;}
.aright{width:46px;height:46px;display:block;background:url(../images/l2.png) no-repeat center;margin-top:25.829383886256%;margin-right:22.511848341232%;float:right;position:relative;z-index:3;}
.aleft:hover{background:url(../images/l3.png) no-repeat top center;}
.aright:hover{background:url(../images/l4.png) no-repeat top center;}
.pppf{width:100%;overflow:hidden;position:absolute;left:0px;top:0px;}
.pppf .xian{display:none;}
.tjpp{width:78.125%;margin:0 auto;overflow:hidden;padding-top:110px;}
.tjpp li{float:left;width:33.33333%;}
.tjpp .swiper-slide-prev,.tjpp .swiper-slide-next{width:22%;}
.tjpp li .yanc{padding-top:130px;color:#666666;font-size:16px;text-align:center;}
.tjpp li .yanc img{/*width:105px;*/height:132px;}
.tjpp li .yanc p{padding-top:22px;font-weight:bold;}
.tjpp .swiper-slide-prev .yanc{float:left;}
.tjpp .swiper-slide-next .yanc{float:right;}
.tjpp li.swiper-slide-active{width:56%;}
.tjpp li.swiper-slide-active .yanc{display:none;}
.tjpp li.swiper-slide-active .xian{display:block;}
.pzuo{float:left;overflow:hidden;width:58%;}
.pyou{float:right;overflow:hidden;width:38%;padding-top:20%;}
.pyou font{color:#221a84;font-size:16px;font-weight:bold;}
.pyou p{font-size:26px;color:#333333;padding-top:17px;font-weight:bold;}
.pyou div{margin-top:60px;width:128px;padding-left:30px;border:1px solid #cccccc;border-radius:50px;line-height:44px;color:#666666;font-size:14px;}
.pyou div i{float:right;margin-right:29px;font-family:simsun;font-style:normal;color:#999999;}

.posd{width:1200px;margin:0 auto;overflow:hidden;}
.piclist{width:560px;float:left;overflow:hidden;padding-top:50px;padding-bottom:50px;}
.zyppcont{width:545px;float:right;overflow:hidden;}
.imgb{border:1px solid #dcdcdc;text-align:center;padding:20px;}
.pptitle{font-size:25px;margin-top:90px;}
.ppfbt{font-size:34px;margin-top:5px;padding-bottom:40px;border-bottom:1px solid #f2eee4;}
.ppjj{font-size:15px;padding-top:37px;line-height:26px;border-bottom:1px solid #f2eee4;padding-bottom:40px;overflow:hidden;}
.newsshow{margin:0 auto;overflow:hidden;width:1200px;padding-top:40px;padding-bottom:80px;}
.newstitel{ margin-top:20px; text-align:center; font-size:18px;}
.newsdate{ margin-top:10px; color:#666; text-align:center;padding-top:10px;}
.newsshowcon{padding:10px; font-size:14px; color:#333; line-height:2em;padding-top:20px;}
.ns_pn{ font-size:14px; line-height:2em; margin-top:10px;}
.newsshowcon .ns_pn{padding-bottom:20px;}
.zmgs{width:1200px;margin:0 auto;overflow:hidden;padding-top:50px;padding-bottom:20px;padding-left:20px;padding-right:20px;min-height:220px;}
.zmgs li{float:left;overflow:hidden;width:25%;text-align:center;}
.zmgs li img{transition: 0.3s all ease;max-width: 90%;}
.zmgs li:hover img{transform:scale(1.1)}
.zmgs li p{font-size:14px;color:#333333;padding-top:20px;padding-bottom:20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.tkju{width:1200px;margin:0 auto;overflow:hidden;}
.dycs{padding-bottom:20px;}
.tpin{width:100%;text-align:center;padding-bottom:20px;}
.skjl{width:100%;overflow:hidden;margin-top:30px;}
.tik1{text-align:center;font-size: 22px;font-weight:bold;padding-bottom:10px;padding-top:30px;}
.tik2{color:#999;font-size:12px;border-bottom:1px dotted #ccc;padding-bottom:15px;margin-bottom:20px;text-align:center;}
.tik3{font-size: 16px;line-height:32px;padding-top:20px;padding-bottom:20px;}
.tik4{color:#666;font-size:14px;line-height:26px;padding-top:20px;}
.tik4 a{color:#666;}
.tik5{color:#666;font-size:14px;line-height:26px;padding-bottom:40px;}
.tik5 a{color:#666;}
.cpxq{background:#323232;height:69px;line-height:69px;text-align:center;width:1200px;margin:0 auto;overflow:hidden;color:#fff;font-size:21px;font-weight:bold;}
.cpsm_content{line-height:26px;padding-top:37px;padding-bottom:40px;font-size:15px;width:1200px;margin:0 auto;overflow:hidden;}
@keyframes mymove
{
0% { transform:scale(.4)}
100% {transform:scale(1)}
}
@keyframes mymove2
{
0% { transform:scale(.25)}
100% {transform:scale(1)}
}
@media screen and (max-width:1600px){
	.tjpp li .yanc{padding-top:100px;}
	.pyou p{font-size:20px;}
}
@media screen and (max-width:1440px){
	.tjpp li .yanc p{padding-top:10px;}
	.pyou p{font-size:16px;}
	.pyou div{margin-top:45px;}
}
@media screen and (max-width:1200px){
	.tjpp li .yanc img{width:80px;}
}