@charset "utf-8";
/*!  Project : 富瑞达
    +---------style.css----------+
    |                            |
    |    Author  |  yeshiqiu     |
    |    Q__Q    |  574442979    |
    |    Addr    |  SC_Chengdu   |
    |    Date    |  2016.12.28   |
    |                            |
    +--!-_-!--(CC-BY-SA)--!-_-!--+
*/
.ad-afm{-webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.c1{color: #16318f;}
.bg1{background-color: #16318f;}
a{color: #666666;}
a.on,
a:hover{color: #16318f;}
html{min-width: 1200px;}
body{color: #666666; font: 14px/1.5 "Microsoft YaHei", "微软雅黑", Arial, sans-serif; background-color: #f1f1f1; }
.w,
.container{width: 1200px; margin-left: auto; margin-right: auto;}
.vmbox{font-size: 14px; line-height: 1.5; font-family: "Microsoft YaHei", "微软雅黑";}
.info,
.imax{font-size: 14px; line-height: 24px;}
.imax{line-height: 1.5; color: #646464;}
.hbg{position: relative; overflow: hidden;}
.hbg .op0.l{-webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0);}
.hbg:hover .op0.l{-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0);}
.hbg .op0.zu{-webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0);}
.hbg:hover .op0.zu{-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
.hbg .op0{-webkit-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; visibility: hidden;}
.hbg .zm{-webkit-transition: all 0.5s linear 0s; transition: all 0.5s linear 0s;}
.hbg:hover .op0{opacity: 1; filter: alpha(opacity=100); visibility: visible;}
.hbg:hover img.zm{-webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
.scs img{-webkit-transition: all 0.5s linear 0s; transition: all 0.5s linear 0s;}
.scs.on img,
.scs:hover img{-webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03);}
.tfy3,
.tfx3,
.tfy-3,
.tfx-3{-webkit-transition: all 0.22s linear 0s; transition: all 0.22s linear 0s;}
.tfy3:hover{-webkit-transform: translateY(3px); -ms-transform: translateY(3px); transform: translateY(3px);}
.tfx3:hover{-webkit-transform: translateX(3px); -ms-transform: translateX(3px); transform: translateX(3px);}
.tfy-3:hover{-webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px);}
.tfx-3:hover{-webkit-transform: translateX(-3px); -ms-transform: translateX(-3px); transform: translateX(-3px);}
/*nav*/
.nav{position: relative; z-index: 2; width: 100%; height: 119px; border-bottom: #edeff3 solid 3px; background-color: #19254b;}
.nav .logo{width: 288px; margin-right: 40px;}
.nav .navbox{position: relative; padding-top: 39px; width: 665px; height: 80px;}
.nav .navbox .item{float: left; position: relative; text-align: center; width: 80px; height: 80px; line-height: 80px; margin-right: 15px;}
.nav .navbox .item > a{font-size: 16px; display: block;}
.nav .navbox .item.on > a,
.nav .navbox .item:hover > a{color: #fff;}
.nav .navbox .subnav{display: none; position: absolute; left: 0; top: 83px; width: 175px; text-align: left;}
.nav .navbox .subnav a{position: relative; overflow: hidden; display: block; width: 175px; line-height: 45px; height: 45px; text-indent: 20px; color: #7c7c7d; font-size: 16px;}
.nav .navbox .subnav a .bg{background-color: #2b2b2b; opacity: .8; filter: alpha(opacity=80); *zoom: 1; z-index: -1; -webkit-transition: all 0.22s linear 0s; transition: all 0.22s linear 0s;}
.nav .navbox .subnav a:hover .bg{opacity: 1; filter: alpha(opacity=100);}
.nav .block{position: absolute; left: 0; top: 100%; height: 3px; width: 80px; background-color: #1542db;}
.nav .fr{position: relative; padding-right: 6px; padding-top: 64px;}
.nav .fr .fun{position: absolute; overflow: hidden; top: 18px; right: 6px; width: 80px; height: 28px;}
.nav .fr .fun a{width: 38px; border: #1637a6 solid 1px; line-height: 26px; text-align: center; color: #2e5bf3;}
.nav .fr .fun a.on{color: #fff; background-color: #1637a6;}
.nav .fr .tel{padding-left: 39px; background-image: url(../images/i1.png); background-repeat: no-repeat; background-position: 0 center; font-size: 20px; color: #fff; line-height: 32px;}
.banner{position: relative; width: 100%; height:300px;}
.banner .box .item{display: block; position: relative; overflow: hidden; -webkit-transition: none !important; transition: none !important; width: 100%; height: 635px;}
.banner .box img{position: relative; left: 50%; margin-left: -960px; width: 1920px; height: 300px;}
.banner .icon{height: 13px; line-height: 13px; position: absolute; bottom: 0; left: 0; width: 100%; z-index: 3; text-align: center; white-space: nowrap;}
.banner .icon a{display: inline-block; position: relative; overflow: hidden; z-index: 1; width: 105px; -webkit-transition: all 0.22s linear 0s; transition: all 0.22s linear 0s; text-indent: 100%; margin: 0 1px; height: 8px; background-color: #2a49b3; vertical-align: bottom;}
.banner .icon a.on{height: 13px; background-color: #122d89;}
.banner .ctr{display: none; position: absolute; top: 50%; z-index: 3; margin-top: -30px; width: 60px; height: 60px; background-image: url(../images/arrow.png);}
.banner .ctr.prev{left: 65px; background-position: 0 0;}
.banner .ctr.next{right: 65px; background-position: -60px 0;}
.index{/* margin-top: 55px; */margin-bottom: 20px;}
.c-sec .head{width: 1200px; height: 36px; padding-top: 16px; margin-left: auto; margin-right: auto; font-size: 30px; color: #122d89; font-weight: 700; line-height: 36px; text-align: center; background-color: #fff; background-image: url(../images/i2.png); background-repeat: no-repeat; background-position: center 37px;}
.c-sec .body{position: relative; overflow: hidden; padding-top: 22px; padding-bottom: 38px; background-color: #fff;}
.c-sec .body .container{position: relative; overflow: hidden; padding-top: 28px; border-top: #d5d5d5 solid 13px;}
.i-sec1 .body .container {overflow: visible;}
.i-sec1 .body .left{position: relative; overflow: hidden; width: 292px;}

.i-sec1 .body .left dt{background-color: #19254b; padding-left: 28px; padding-top: 25px; height: 50px;}
.i-sec1 .body .left dt h2{padding-left: 4px; padding-bottom: 15px; height: 20px; border-bottom: #233562 solid 1px; line-height: 1; font-size: 20px; color: #fff;}
.i-sec1 .body .left dt strong{display: inline-block; padding-bottom: 13px; border-bottom: #fff solid 3px;}
.i-sec1 .body .left dd{position: relative;overflow: hidden;padding-left: 22px;padding-right: 60px;height: 60px;line-height: 60px;background-image: url(../images/i3.png);background-repeat: no-repeat;background-position: 250px center;background-color: #313c5f;-webkit-transition: all 0.22s linear 0s;transition: all 0.22s linear 0s;}
.i-sec1 .body .left dd i{position: absolute; left: 40px; top: 0; font-family: Arial, sans-serif; font-style: italic; font-size: 24px; color: #a5b5ea; -webkit-transition: all 0.22s linear 0.1s; transition: all 0.22s linear 0.1s;}
.i-sec1 .body .left dd b{position: absolute;overflow: hidden;left: 85px;right: 60px;top: 0;white-space: nowrap;text-overflow: ellipsis;font-size: 16px;color: #a0a0a0;-webkit-transition: all 0.3s linear 0s;transition: all 0.3s linear 0s;}
.i-sec1 .body .left dd.on,.i-sec1 .body .left dd:hover{background-color: #19254b; background-position: 292px center;}
.i-sec1 .body .left dd.on i,.i-sec1 .body .left dd:hover i{font-size: 36px;color: #fff;left: 235px;}
.i-sec1 .body .left dd.on b,.i-sec1 .body .left dd:hover b{left: 23px; font-size: 18px; color: #fff;right:75px;}
.i-sec1 .body .right{width: 900px;height: 678px;margin: -3px -3px 0 0; overflow: visible;}
.i-sec1 .body .right .item{position: relative;float: left;width: 280px;height: 205px;padding: 10px;z-index: 1;-webkit-transition: all 0.22s linear 0s;transition: all 0.22s linear 0s;/* margin: -3px -3px 0 0; */}
.i-sec1 .body .right .item a{position: absolute;left: 10px; top: 10px; width: 280px; height: 205px; -webkit-transition: all 0.22s linear 0s;transition: all 0.22s linear 0s;}
.i-sec1 .body .right .item img{width: 100%; height: 100%;}
.i-sec1 .body .right .item h3{position: absolute; left: 0; bottom: -54px; width: 90%; padding-left: 5%; padding-right: 5%; height: 54px; text-align: center; line-height: 54px; font-size: 16px; color: #d5defc; background-image: url(../images/i4.png);}
.i-sec1 .body .right .item:hover{z-index: 9;}
.i-sec1 .body .right .item:hover a{box-shadow: 0 2px 7px rgba(0, 0, 0, 0.22); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.i-sec1 .body .right .item:hover h3{bottom: 0;}
.i-sec2{padding-top: 45px; padding-bottom: 70px; background-color: #e2e7eb;}
.i-sec2 .container .left{width: 546px; height: 521px; background-image: url(../images/i5.png);}
.i-sec2 .container .left .head{padding-left: 15px; padding-top: 18px; line-height: 1;}
.i-sec2 .container .left .head strong{color: #3f4f58; font-size: 52px;}
.i-sec2 .container .left .head p{font-size: 24px; color: #16318f; margin-top: 28px;}
.i-sec2 .container .left .body{margin-top: 65px; padding-left: 10px; width: 475px; text-align: justify; text-indent: 88px; line-height: 27px; color: #3f4f58;}
.i-sec2 .container .right{position: relative; width: 641px; height: 523px; background-position: left bottom; background-repeat: no-repeat;}
.i-sec2 .container .right .video{position: absolute; right: 0; top: 60px; width: 600px; height: 400px;}
.i-sec3{position: relative; overflow: hidden; height: 707px;}
.i-sec3 .container{padding-top: 52px; height: 622px;}
.i-sec3 .head{position: relative; width: 532px; height: 53px; line-height: 53px; padding-left: 46px; padding-bottom: 18px; font-size: 22px; color: #ccc; background-image: url(../images/i6.png);}
.i-sec3 .head .more{position: absolute; height: 20px; top: 16px; right: 18px; font-size: 16px; color: #2b2b2b; line-height: 20px;}
.i-sec3 .body{background-color: #f5f5f5;}
.i-sec3 .left .body{padding-top: 16px; padding-left: 53px; width: 525px; height: 534px;}
.i-sec3 .left .body .item{float: left; margin-right: 24px; margin-bottom: 11px; width: 233px;}
.i-sec3 .left .body .item.s{height: 166px;}
.i-sec3 .left .body .item.b{height: 340px;}
.i-sec3 .right .body{padding-top: 18px; padding-left: 25px; width: 553px; height: 532px;}
.i-sec3 .right .body .item{position: relative; height: 140px; padding-bottom: 16px; margin-bottom: 24px; border-bottom: #d6d7dc solid 1px; width: 243px; padding-left: 268px;}
.i-sec3 .right .body .item .pic{position: absolute; left: 0; top: 0; width: 247px; height: 140px;}
.i-sec3 .right .body .item .pic p{position: absolute; left: 0; bottom: 0; width: 90%; padding-left: 5%; padding-right: 5%; height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; line-height: 26px; font-size: 14px; color: #fff; background-image: url(../images/i4.png);}
.i-sec3 .right .body .item h3{color: #16318f; font-size: 18px; line-height: 24px ; margin-bottom: 8px;}
.i-sec3 .right .body .item .info{color: #8a8a8a; position: relative; overflow: hidden; max-height: 60px; line-height: 20px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-bottom: 15px;}
.i-sec3 .right .body .item .more{position: absolute; left: 268px; bottom: 16px; width: 99px; height: 30px; line-height: 30px; text-align: center; background-image: url(../images/i8a.png); -webkit-transition: none !important; transition: none !important;}
.i-sec3 .right .body .item .more:hover{color: #fff; background-image: url(../images/i8b.png);}
.i-sec4{position: relative; overflow: hidden; height: 503px;}
.i-sec4 .container{padding-top: 43px; height: 460px;}
.i-sec4 .head{font-size: 30px; color: #2b2b2b; text-align: center;}
.i-sec4 .neck{height: 36px; padding-bottom: 6px; margin-bottom: 45px; border-bottom: #aeaeae solid 1px; text-align: right;}
.i-sec4 .ctr{position: relative; overflow: hidden; display: inline-block; margin-left: 20px; text-align: center; width: 34px; height: 34px; line-height: 34px; border: #161e32 solid 1px; font-size: 34px; color: #16318f; font-family: "SimHei", "黑体"; font-weight: 700;}
.i-sec4 .ctr:hover{background-color: #16318f; color: #fff; border-color: #16318f;}
.i-sec4 .body{position: relative; width: 100%; height: 226px;}
.i-sec4 .box .item{float: left; width: 288px; height: 226px; margin-right: 15px;}
.i-sec4 .box .item:hover h3{color: #16318f; border-bottom-color: #16318f;}
.i-sec4 .box img{width: 100%; height: 183px;}
.i-sec4 .box h3{height: 41px; line-height: 41px; padding-left: 10px; padding-right: 10px; text-align: center; font-size: 16px; color: #7b7d7e; background-color: #fff; -webkit-transition: all 0.22s linear 0s; transition: all 0.22s linear 0s; border-bottom: transparent solid 2px;}
.warning{font-size: 16px; line-height: 24px; width: 1000px; padding: 20px 49px; border: #d0cfda solid 1px; text-align: center; margin-left: auto; margin-right: auto; margin-top: 20px;}
.footer .f-info{background-image: url(../images/i9.jpg); background-repeat: no-repeat; background-position: center ; padding-top: 75px; padding-bottom: 75px; height: 170px;}
.footer .f-info .container{width: 1060px; padding: 0 70px; margin-left: auto; margin-right: auto; line-height: 30px; font-size: 16px; color: #747474;}
.footer .support{text-align: center; background-color: #26221f; font-size: 12px; line-height: 34px;}
.footer .support,
.footer .support a{color: #4a4949;}
.sban{position: relative; height: 300px;}
.sban img,.banner img {object-position:50% 50%;object-fit:cover}
.subpage{background-color: #fff; padding-bottom: 50px;}
#productList{background-color: #f1f1f1;}
#productList .body{padding-bottom: 0;}
#productList .classify{position: relative; z-index: 10; overflow: hidden; height: 48px; margin-bottom: 25px;}
#productList .classify .btn{position: absolute; right: 15px; top: 15px; z-index: 9; height: 18px; line-height: 18px; padding-right: 28px; background-image: url(../images/i11.png); background-repeat: no-repeat; background-position: right center;}
#productList .classify a{color: #585858; font-size: 16px;}
#productList .classify ul{position: absolute; width: 996px; padding-left: 15px; padding-right: 189px; background-image: url(../images/i10.jpg);}
#productList .classify .item{float: left; width: 160px; height: 20px; line-height: 20px; padding-top: 14px; padding-bottom: 14px; padding-right: 6px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#productList .classify .item a:hover{color: #2e4494;}
#productList .classify.unfold{overflow: visible;}
.p-list{width: 1215px; *padding-bottom: 14px; margin-bottom: 16px;}
.p-list .item{float: left; width: 292px; height: 266px; margin-bottom: 14px; margin-right: 11px; background-color: #f0f0f0; -webkit-transition: all 0.22s linear 0s; transition: all 0.22s linear 0s;}
.p-list .item img{width: 292px; height: 221px;}
.p-list .item h3{height: 45px; line-height: 45px; padding-left: 10px; padding-right: 10px; text-align: center;}
.p-list .item:hover{box-shadow: 0 2px 9px rgba(0, 0, 0, 0.35);}
.pageList{position: relative; overflow: hidden; height: 30px; line-height: 30px; font-size: 0; text-align: center;}
.pageList *{display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}
.pageList ul{position: relative; float: none !important;}
.pageList ul.r{height: 30px;}
.pageList ul li{width: 30px; height: 30px; font-family: Arial, sans-serif; font-size: 12px; text-align: center; background-image: url(../images/i12.png); background-position: 0 0; background-repeat: no-repeat;}
.pageList ul li a{color: #000; -webkit-transition: none !important; transition: none !important;}
.pageList ul li:hover,
.pageList ul li.on{background-position: 0 -30px;}
.pageList ul li:hover a,
.pageList ul li.on a{color: #fff;}
.pageList ul li:active{-webkit-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px);}
.pageList .start,
.pageList .end{width: 60px; background-image: url(../images/i13.png);}
.pageList .start s,
.pageList .end s{font-size: 10px; letter-spacing: -1px;}
.pageList .ctr{margin: 0 10px; font-family: "SimHei", "黑体";}
#eiport .head{font-size: 30px; color: #2b2b2b; text-align: center; line-height: 40px; padding-top: 50px; padding-bottom: 50px; background-image: url(../images/i16.png); background-repeat: no-repeat; background-position: center ;}
#eiport .listcontain{position: relative; overflow: hidden; background-color: #212020; padding: 20px 16px; width: 1178px; margin-bottom: 35px;}
#eiport .listcontain ul{width: 1184px;}
#eiport .listcontain ul .item{float: left; width: 280px; height: 243px; background-color: #323232; margin-right: 16px; margin-bottom: 16px;}
#eiport .listcontain ul .item .pic{height: 207px; cursor: pointer;}
#eiport .listcontain ul .item s{position: absolute; left: 50%; top: 50%; margin-left: -14.5px; margin-top: -14.5px; width: 29px; height: 29px; background-image: url(../images/i15.png); z-index: 8;}
#eiport .listcontain ul .item h3{line-height: 36px; text-align: center; font-size: 14px; color: #d6d7dc;}
#environment .head{font-size: 24px; color: #16318f; text-align: center; line-height: 30px; height: 36px; padding-top: 30px; border-bottom: #d6d7dc solid 1px; margin-bottom: 50px;}
#environment .head i{display: inline-block; border-bottom: #16318f solid 4px; height: 34px; padding-left: 50px; padding-right: 50px;}
#environment .listcontain ul{width: 1226px; margin-bottom: 14px; *padding-bottom: 26px;}
#environment .listcontain ul .item{float: left; width: 587px; height: 342px; margin-right: 26px; margin-bottom: 26px; cursor: pointer;}
#environment .listcontain ul .item s{position: absolute; left: 50%; top: 50%; margin-left: -34.5px; margin-top: -34.5px; width: 69px; height: 69px; background-image: url(../images/i20.png); z-index: 8;}
#model-window{position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: none; z-index: 99;}
#model-window .contain{z-index: 9; left: 50%; top: 50%; position: fixed /* width: @w; height: @h; padding: @pv @ph; margin-left: round(-(@w+@ph*2)/2);// margin-top: round(-(@h+@pv*2)/2); margin-top: round(-(@h - @tb)/2); */}
#model-window .btn.close{position: absolute; z-index: 3; top: -60px; width: 46px; height: 46px; background-image: url(../images/i18.png);}
#model-window .main{width: 100%; height: 100%;}
#model-window .content{position: relative; overflow: hidden; width: 100%; height: 100%;}
#model-window .content ul{height: 100%;}
#model-window .content li{float: left; position: relative; width: 606px; height: 100%;}
#model-window .content img{position: relative; z-index: 1; width: 100%; height: 100%;}
#model-window .content h3{position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; height: 48px; line-height: 48px; font-size: 14px; text-align: center; color: #2b2b2b; background-image: url(../images/i19.png);}
#model-window .ctr{z-index: 2; position: absolute; top: 50%; margin-top: -29px; width: 57px; height: 57px; background-image: url(../images/i17.png); -webkit-transition: none !important; transition: none !important;}
#model-window .ctr.prev{background-position: 0 0;}
#model-window .ctr.next{background-position: -57px 0;}
#model-window.ei-window .contain{width: 606px; height: 450px; margin-left: -303px; margin-top: -195px;}
#model-window.ei-window .contain li{width: 606px;}
#model-window.ei-window .btn.close{right: -297px;}
#model-window.ei-window .ctr.prev{left: -270px;}
#model-window.ei-window .ctr.next{right: -270px;}
#model-window.environment-window .contain{width: 997px; height: 556px; margin-left: -498.5px; margin-top: -278px;}
#model-window.environment-window .contain li{width: 997px;}
#model-window.environment-window .btn.close{right: -110px;}
#model-window.environment-window .ctr.prev{left: -85px;}
#model-window.environment-window .ctr.next{right: -85px;}
#case .head{font-size: 36px; color: #2b2b2b; text-align: center; padding-top: 35px; padding-bottom: 15px; border-bottom: #d0cfcf solid 1px; margin-bottom: 25px;}
#case .head i{display: inline-block; width: 208px; height: 57px; line-height: 57px; text-align: center; background-image: url(../images/i21.png);}
#case .listcontain{position: relative; overflow: hidden; background-color: #e8e8e8; padding: 20px 16px; width: 1178px; margin-bottom: 35px;}
#case .listcontain ul{width: 1184px;}
#case .listcontain ul .item{float: left; width: 280px; height: 213px; padding-bottom: 3px; background-color: #ffffff; margin-right: 16px; margin-bottom: 14px;}
#case .listcontain ul .item .pic{height: 177px; cursor: pointer;}
#case .listcontain ul .item s{position: absolute; left: 0; top: 50%; margin-top: -17.5px; width: 100%; height: 35px; background-image: url(../images/i22.png); z-index: 8;}
#case .listcontain ul .item h3{line-height: 20px; padding-top: 8px; padding-bottom: 8px; text-align: center; font-size: 14px; color: #646464; border-bottom: transparent solid 2px; -webkit-transition: all 0.22s linear 0s; transition: all 0.22s linear 0s;}
#case .listcontain ul .item:hover h3{border-bottom-color: #3d529c;}
#case .listcontain ul .item:hover h3 a{color: #16318f;}
#case.view{padding-top: 60px;}
#case.view h1{font-size: 34px; color: #2b2b2b;}
#case.view .hr{margin-top: 30px; margin-bottom: 30px; background-color: #bdbdbd;}
#case.view .imax{font-size: 16px; line-height: 30px;}
#news .head{font-size: 30px; color: #2b2b2b; height: 50px; padding-top: 40px; border-bottom: #d6d7dc solid 2px; margin-bottom: 30px;}
#news .head i{display: inline-block; height: 45px; line-height: 38px; border-bottom: #16318f solid 7px; padding-left: 20px; padding-right: 20px; vertical-align: top;}
#news .listcontain{position: relative; overflow: hidden; width: 1201px; margin-bottom: 35px;}
#news .listcontain ul{width: 1251px;}
#news .listcontain ul .item{float: left; width: 367px; height: 377px; margin-right: 50px; margin-bottom: 50px;}
#news .listcontain ul .item .pic{height: 208px;}
#news .listcontain ul .item .txt{height: 133px; padding: 17px 20px; border: #d6d7dc solid 1px; -webkit-transition: all 0.22s linear 0s; transition: all 0.22s linear 0s;}
#news .listcontain ul .item .tilt{height: 52px; padding-left: 97px; margin-bottom: 10px;}
#news .listcontain ul .item .date{margin-left: -97px; width: 56px; height: 42px; padding-top: 8px; line-height: 1; background-color: #f0f2f5; border: #d6d7dc solid 1px; text-align: center;}
#news .listcontain ul .item .date .f14{color: #8a8a8a;}
#news .listcontain ul .item h3{padding: 6px 10px 5px; font-size: 16px; position: relative; overflow: hidden; max-height: 40px; line-height: 20px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 40px; border-bottom: #d6d7dc solid 1px;}
#news .listcontain ul .item:hover h3 a{color: #16318f;}
#news .listcontain ul .item:hover .txt{border-color: #16318f;}
#news.view{padding-top: 60px;}
#news.view .title{text-align: center; line-height: 1;}
#news.view h1{font-size: 26px; color: #2b2b2b; margin-bottom: 15px;}
#news.view .hr{margin-top: 25px; margin-bottom: 25px; height: 3px; background-color: #dedede;}
#news.view .imax{font-size: 14px; line-height: 30px;}
#news.view .tail{margin-top: 60px; text-align: center;}
#news.view .tail a{display: inline-block; height: 23px; padding-left: 11px; padding-right: 11px; line-height: 23px; color: #666; border: #bfbfbf solid 1px; text-align: center;}
#news.view .tail .history-back{margin-left: 28px; margin-right: 28px; border-color: #646464;}
#news.view .tail .ctr{background-color: #dcdcdc;}
#news.view .tail s{font-size: 12px; letter-spacing: -3px; font-family: "SimHei", "黑体"; margin-left: 2px; margin-right: 2px;}
#intro .title{font-size: 24px; text-align: center; line-height: 1; padding-bottom: 15px; padding-top: 50px; border-bottom: #cdcdcd solid 2px; margin-bottom: 50px;}
#intro .imax{font-size: 16px; line-height: 30px;}
#qualification .head{font-size: 24px; color: #16318f; text-align: center; line-height: 30px; height: 36px; padding-top: 30px; border-bottom: #d6d7dc solid 1px; margin-bottom: 50px;}
#qualification .head i{display: inline-block; border-bottom: #16318f solid 4px; height: 34px; padding-left: 50px; padding-right: 50px;}
#qualification .body{position: relative; overflow: hidden; padding-top: 26px; padding-bottom: 10px;}
#qualification .body > .dot{left: 50%;}
#qualification .body > .dot.b{top: 0; margin-left: -13px;}
#qualification .body > .dot.s{bottom: 0; margin-left: -5px;}
#qualification .body .dot{position: absolute;}
#qualification .body .dot.b{width: 26px; height: 26px; background-image: url(../images/i23.png);}
#qualification .body .dot.s{width: 10px; height: 10px; background-image: url(../images/i24.png);}
#qualification .body .q-list-contain{padding-top: 50px; padding-bottom: 10px; background-image: url(../images/i25.png); background-repeat: repeat-y; background-position: center;}
#qualification .body .q-list-contain.spread .t{height: 36px; padding-top: 23px;}
#qualification .body .q-list-contain.spread .date{position: absolute; top: 0;}
#qualification .body .q-list-contain ul.left{float: left;}
#qualification .body .q-list-contain ul.left .t{padding-right: 98px; text-align: right;}
#qualification .body .q-list-contain ul.left .t .dot{right: -5px;}
#qualification .body .q-list-contain ul.left .t .date{right: 28px;}
#qualification .body .q-list-contain ul.left .b{padding-right: 22px;}
#qualification .body .q-list-contain ul.right{float: right; padding-top: 210px;}
#qualification .body .q-list-contain ul.right .t{padding-left: 98px; text-align: left;}
#qualification .body .q-list-contain ul.right .t .dot{left: -5px;}
#qualification .body .q-list-contain ul.right .t .date{left: 28px;}
#qualification .body .q-list-contain ul.right .b{padding-left: 22px;}
#qualification .body .q-list-contain .item{width: 600px; margin-bottom: 110px;}
#qualification .body .q-list-contain .item .t{position: relative; margin-bottom: 25px; border-bottom: #d6d7dc solid 1px;}
#qualification .body .q-list-contain .item .t .dot{top: 59px; margin-top: -5px;}
#qualification .body .q-list-contain .item .date{width: 49px; height: 45px; padding: 14px 5px 0; background-color: #d3d3d3; line-height: 1;}
#qualification .body .q-list-contain .item .info{line-height: 36px; font-size: 16px; color: #969696;}
#qualification .body .q-list-contain .item .f14{color: #999; margin-bottom: 5px; padding-left: 2px; padding-right: 2px;}
#qualification .body .q-list-contain .item .b{width: 574px;}
#qualification .body .q-list-contain .item img{width: 100%;}
#contact .head{font-size: 30px; color: #2b2b2b; text-align: center; padding-bottom: 20px; padding-top: 80px; border-bottom: #aeaeae solid 1px; margin-bottom: 55px;}
#contact .body .list .item{float: left; width: 400px; text-align: center; line-height: 24px;}
#contact .body .list .item.i1 .ico{background-position: center 0px;}
#contact .body .list .item.i2 .ico{background-position: center -106px;}
#contact .body .list .item.i3 .ico{background-position: center -212px;}
#contact .body .list .item .ico{width: 106px; height: 106px; margin-bottom: 5px; background-position: center; background-color: #aaaaaa; background-image: url(../images/i26.png); margin-left: auto; margin-right: auto; -webkit-transition: all 0.22s linear 0s; transition: all 0.22s linear 0s;}
#contact .body .list .item:hover .ico{background-color: #102b89;}
#contact .formS{margin-top: 50px;}
#contact .formS .item,
#contact .formS .line{margin-bottom: 25px;}
#contact .formS .line{width: 100%; height: 39px;}
#contact .formS .line .item{margin-bottom: 0;}
#contact .formS .text{border: #cdcdcd solid 1px; height: 14px; line-height: 14px; padding: 12px 10px;}
#contact .formS textarea.text{width: 723px; height: 144px; line-height: 20px; color: #666;}
#contact .formS .left{width: 361px;}
#contact .formS .left .text{width: 339px;}
#contact .formS .left .item.l .text{width: 107px;}
#contact .formS .left .item.r .text{width: 186px;}
#contact .formS .right{width: 745px;}
#contact .formS .right .yzm{margin-left: 12px; height: 39px;}
#contact .formS .right .line .item.r{width: 400px;}
#contact .formS .right .btn{width: 195px; height: 39px; line-height: 39px; text-align: center; font-size: 16px; color: #fff;}
#contact .formS .right .btn.l{background-color: #13308e;}
#contact .formS .right .btn.r{background-color: #aaaaaa;}
.sP-list {margin-right: -20px;margin-bottom: 20px;*margin-bottom: 40px;}
.sP-list .item {float: left;margin-right: 20px;margin-bottom: 20px;width: 275px;height: 220px;padding-left:315px;position: relative;background-color: #f0f0f0; transition:220ms; -webkit-transition: 220ms; }
.sP-list .pic {position: absolute;left: 0;top: 0;width: 290px;height: 100%;}
.sP-list h3 {padding-top: 22px;font-size: 18px;color: #102670;line-height: 20px;}
.sP-list .ppty-List {margin-top: 14px;line-height: 20px;}
.sP-list .item:hover {box-shadow: 1px 1.732px 9px 0px rgba(147, 147, 147, 1);}
.sP-list h3:hover span {text-decoration: underline;}
/* 滚动加载 */
.scrollAjax #loadState{position: relative; width: 200px; height: 40px; margin: 40px auto 0; cursor: pointer; text-align: center; line-height: 40px; background-color: #014e9e; color: #fff; font-size: 16px;}
.scrollAjax #loadState.off{background-color: #ddd; color: #333; cursor: default; cursor: not-allowed;}
.scrollAjax #loadState.ing::after{content: " "; -webkit-animation-name: dotMove; animation-name: dotMove; -webkit-animation-duration: 1.6s; animation-duration: 1.6s; -webkit-animation-timing-function: steps(4); animation-timing-function: steps(4); -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
@-webkit-keyframes dotMove{0%, 100%{content: ".";} 33%{content: "..";} 66%{content: "...";}}
@keyframes dotMove{0%, 100%{content: ".";} 33%{content: "..";} 66%{content: "...";}}
.scrollAjax #loadState.retry{overflow: hidden; background-color: #014e9e; cursor: pointer;}
.scrollAjax #loadState.retry::before{content: ""; position: absolute; overflow: hidden; width: 80px; height: 150px; left: 0; top: 0; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); -webkit-transform: skewX(-25deg) translateX(-149px); transform: skewX(-25deg) translateX(-149px); -webkit-transition: none 220ms ease 0s; transition: none 220ms ease 0s;}
.scrollAjax #loadState.retry:hover::before{left: 100%; -webkit-transform: skewX(-25deg) translateX(149px); transform: skewX(-25deg) translateX(149px); top: 0; -webkit-transition: all 600ms ease 0s; transition: all 600ms ease 0s;}
.scrollAjax .pageList{display: none;}

.sP-Contain {width: 900px;}
.sP-list {margin-right: -20px;margin-bottom: 20px;*margin-bottom: 40px;}
.sP-list .item {float: left;position: relative;overflow: hidden;margin-right: 20px;margin-bottom: 20px;width: 165px;height: 188px;padding-right: 10px;padding-left:265px;line-height: 20px;font-size: 12px;background-color: #f0f0f0; transition:220ms; -webkit-transition: 220ms; }
.sP-list .pic {position: absolute;left: 0;top: 0;width: 248px;height: 100%;}
.sP-list h3 {padding-top: 10px;font-size: 18px;color: #102670;line-height: 20px;}
.sP-list .info {margin-top: 10px;  max-height: 140px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical;}
.sP-list .ppty-List {margin-top: 10px;}
.sP-list .item:hover {box-shadow: 1px 1.732px 9px 0px rgba(147, 147, 147, 1);}
.sP-list h3:hover span {text-decoration: underline;}

#product-view{margin-top: 25px;}
#product-view .head{position: relative; padding-left: 125px; margin-bottom: 10px; height: 46px; line-height: 1; padding-top: 23px; background-image: url(../images/i14.png); font-size: 30px; color: #1a1a1b;}
#product-view .head .history-back{position: absolute; right: 22px; bottom: 15px; font-size: 16px; color: #3c3b3b;}
#product-view .head .history-back s{margin-right: 2px;}
#product-view .sP-Contain{ width: 838px; padding: 50px 25px; background-color: #e8e8e8; }
#product-view .sP-Contain .txt h2{font-size: 30px; color: #2b2b2b; margin-bottom: 40px;text-align: center;}
#product-view .sP-Contain .txt .info{font-size: 16px; line-height: 26px; min-height: 110px;}
#product-view .sP-Contain .txt .param{margin-top: 15px; font-size: 16px; line-height: 32px;}
#product-view .sP-Contain .txt .param .ci {color: #2b2b2b;}