@charset "utf-8";
/*!  Project : -康盛科泰-2023.11.14
    博奥新景
    +---------style.css----------+
    |                            |
    |    Author  |  yeshiqiu     |
    |    Q__Q    |  574442979    |
    |    Addr    |  SC_Chengdu   |
    |    Date    |  2017.07.25   |
    |                            |
    +--!-_-!--------------!-_-!--+
*/
.pic img {object-fit:cover; object-position:50% 50%;}
.img img {object-fit:scale-down; object-position:50% 50%;}
.nots{-webkit-transition: none !important; transition: none !important;}
.ts{-webkit-transition: all 0.22s linear 0s; transition: all 0.22s linear 0s;}
.tdu:hover{text-decoration: underline;}
.op0{opacity: 0; filter: alpha(opacity=0); *zoom: 1;}
.op1{opacity: 1; filter: alpha(opacity=100);}
/* chrome */
.c1{color: #bc9d6a;}
.bg1{background-color: #bc9d6a;}
a{color: #333333;}
a.on,
a:hover{color: #bc9d6a;}
html{min-width: 1220px;}
body{color: #666666; font: 14px/1 "Microsoft YaHei", "微软雅黑", Arial, sans-serif;}
img{vertical-align: middle;}
.w,
.container{width: 1200px; margin-left: auto; margin-right: auto;}
.vmbox{font-size: 14px; line-height: 1.4333; font-family: "Microsoft YaHei", "微软雅黑";}
.info{font-size: 14px; line-height: 1.5;}
.imax{font-size: 16px; line-height: 1.5; color: #333;}
.TAlert{display: none; position: fixed; left: 0; top: 0; z-index: 99; overflow: hidden; width: 100%; height: 100%; text-align: center; overflow-x: hidden; overflow-y: auto;}
.TAlert .contain{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; position: relative; overflow: hidden; z-index: 9; vertical-align: middle; width: 400px; padding: 70px 60px; background: #fff; font-size: 18px; line-height: 1; opacity: 0; -webkit-transition: all 0.22s linear 0s; transition: all 0.22s linear 0s; -webkit-transform: scale(0.2); transform: scale(0.2);}
.TAlert.on .contain{opacity: 1; -webkit-transform: scale(1); transform: scale(1);}
.TAlert .Tclose{position: absolute; top: 0; right: 0; cursor: pointer; width: 40px; height: 40px; color: #000; font: bold 40px/32px "黑体";}
.TAlert .head{font-size: 0;}
.TAlert .body{background: #fff; font-size: 20px; color: #333;}
.csstransf .hbg .b{-webkit-transform: translate(0, 100%); transform: translate(0, 100%);}
.csstransf .hbg:hover .b,
.csstransf .hbg.on .b{-webkit-transform: translate(0, 0); transform: translate(0, 0);}
.csstransf .hbg .t{-webkit-transform: translate(0, -100%); transform: translate(0, -100%);}
.csstransf .hbg:hover .t,
.csstransf .hbg.on .t{-webkit-transform: translate(0, 0); transform: translate(0, 0);}
.csstransf .hbg .l{-webkit-transform: translate(-100%, 0); transform: translate(-100%, 0);}
.csstransf .hbg:hover .l,
.csstransf .hbg.on .l{-webkit-transform: translate(0, 0); transform: translate(0, 0);}
.csstransf .hbg .zXu{-webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%;}
.csstransf .hbg:hover .zXu,
.csstransf .hbg.on .zXu{-webkit-transform: scaleX(1); transform: scaleX(1);}
.csstransf .hbg .zYu{-webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%;}
.csstransf .hbg:hover .zYu,
.csstransf .hbg.on .zYu{-webkit-transform: scaleY(1); transform: scaleY(1);}
.csstransf .scs img{-webkit-transition: all 0.5s linear 0s; transition: all 0.5s linear 0s;}
.csstransf .scs.on img,
.csstransf .scs:hover img{-webkit-transform: scale(1.025); transform: scale(1.025);}
.csstransf .scst img{-webkit-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%;}
.csstransf .scst.on img,
.csstransf .scst:hover img{-webkit-transform: scale(1.025); transform: scale(1.025);}
.csstransf .sdt{-webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; -webkit-box-shadow: 0 0 3px 0.5px rgba(0, 0, 0, 0); box-shadow: 0 0 3px 0.5px rgba(0, 0, 0, 0);}
.csstransf .sdt.on,
.csstransf .sdt:hover{-webkit-transform: translateY(-3px); transform: translateY(-3px); -webkit-box-shadow: 0 0 3px 0.5px rgba(0, 0, 0, 0.18); box-shadow: 0 0 3px 0.5px rgba(0, 0, 0, 0.18);}
.csstransf .aBtnBg{position: relative;}
.csstransf .aBtnBg::after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.22s linear 0s; transition: all 0.22s linear 0s; background-color: rgba(0, 0, 0, 0);}
.csstransf .aBtnBg:hover::after{background-color: rgba(0, 0, 0, 0.1);}
.csstransf .aBtnSc{position: relative;}
.csstransf .aBtnSc::after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.22s linear 0s; transition: all 0.22s linear 0s; background-color: rgba(0, 0, 0, 0.1); -webkit-transform: scale(0); transform: scale(0);}
.csstransf .aBtnSc:hover::after{-webkit-transform: none; transform: none;}
.csstransf .tfy3,
.csstransf .tfx3,
.csstransf .tfy-3,
.csstransf .tfx-3{-webkit-transition: all 0.22s linear 0s; transition: all 0.22s linear 0s;}
.csstransf .tfy3:hover{-webkit-transform: translateY(3px); transform: translateY(3px);}
.csstransf .tfx3:hover{-webkit-transform: translateX(3px); transform: translateX(3px);}
.csstransf .tfy-3:hover{-webkit-transform: translateY(-3px); transform: translateY(-3px);}
.csstransf .tfx-3:hover{-webkit-transform: translateX(-3px); transform: translateX(-3px);}
.hbg .bdu{height: 0; border-width: 0; border-style: solid;}
.hbg:hover .bdu,
.hbg.on .bdu{padding: 0 !important;}
.hbg .front{opacity: 1; filter: alpha(opacity=100);}
.hbg .behind{opacity: 0; filter: alpha(opacity=0); *zoom: 1;}
.hbg:hover .front,
.hbg.on .front{opacity: 0; filter: alpha(opacity=0); *zoom: 1;}
.hbg:hover .behind,
.hbg.on .behind{opacity: 1; filter: alpha(opacity=100);}
.hbg{position: relative;}
.hbg .op0{-webkit-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; opacity: 0; filter: alpha(opacity=0); *zoom: 1; visibility: hidden; *visibility: visible;}
.hbg:hover .op0,
.hbg.hbgOn .op0{opacity: 1; filter: alpha(opacity=100); visibility: visible;}
.scroll-wrap{padding-top: 100px;}
.csstransf .linkBd{position: relative; overflow: hidden;}
.csstransf .linkBd::after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.22s linear 0s; transition: all 0.22s linear 0s; border: 0 solid rgba(0, 0, 0, 0.1); border-radius: inherit;}
.csstransf .linkBd:hover::after{border-width: 25px;}
/*nav*/
.nav{width: 100%; height: 100px; position: fixed; left: 0; top: 0; z-index: 50; box-shadow: 0 0 10px 0 rgba(0,0,0,.15) !important;}
.nav,
.nav a{color: #ffffff;}
.nav .bg{background-color: #fff;-webkit-transform: rotateX(-90deg);transform: rotateX(-90deg);-webkit-transition: all 0.22s linear 0s;transition: all 0.22s linear 0s;-webkit-transform-origin: 50% 0;transform-origin: 50% 0;opacity: 0;filter: alpha(opacity=0); *zoom: 1;}
.nav .container{height: 100px; position: relative; z-index: 2;}
.nav .logo{ position: relative; z-index: 1; height: 100px; line-height: 100px; font-size: 0; *font-size: 76px; text-align: center;}
.nav .logo .word { position: absolute; top: 50%; left: 100%; margin-left: 5px; line-height: 2em; margin-top: -1em; font-size: 20px; font-weight: bold; color: #bc9d6a; white-space: nowrap;}
.nav .logo img{display: inline-block; position: relative; *top: -1px; max-width: 100%; max-height: 100%; width: auto; height: auto;}
.nav .frd{padding-top: 33px;}
.nav .navbox{position: relative;}
.nav .navbox .item{float: left; position: relative; font-size: 16px; margin-left: 2px; padding-left: 14px; padding-right: 14px; height: 44px; line-height: 45px; -webkit-transition: all 0.22s linear 0s; transition: all 0.22s linear 0s;}
.nav .navbox .link{float: left; color: #333; -webkit-transition: all 0.22s linear 0s; transition: all 0.22s linear 0s;}
.nav .navbox .arrow{float: right; margin-left: 10px; margin-top: 22px; /* position: absolute;right: 14px;top: 22px; */ -webkit-transition: all 0.22s linear 0s; transition: all 0.22s linear 0s; overflow: hidden; width: 0; height: 0; border-width: 5px 4px; border-color: #333 transparent transparent transparent; border-style: solid dashed dashed dashed; font-size: 0;}
.nav .navbox .item:hover{z-index: 3; background-color: #fff;}
.nav .navbox .item:hover .link{color: #bc9d6a;}
.nav .navbox .item:hover .arrow{border-color: #bc9d6a transparent transparent transparent; border-style: solid dashed dashed dashed;}
.nav .navbox .item:hover .subnav{-webkit-transform: translateY(0); transform: translateY(0);}
.nav .subnav{position: absolute; left: 0; top: 100%; padding-top: 14px; padding-bottom: 14px; line-height: 28px; white-space: nowrap; -webkit-transform: translateY(10px); transform: translateY(10px); background-color: #fff; -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.15);}
.nav .subnav a{min-width: 82px; padding-left: 14px; padding-right: 14px; color: #bc9d6a; display: block; font-size: 14px; position: relative; overflow: hidden;}
.nav .subnav a::after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.22s linear 0s; transition: all 0.22s linear 0s; background-color: rgba(0, 0, 0, 0.1); -webkit-transform: translateX(-100%); transform: translateX(-100%);}
.nav .subnav a:hover::after{-webkit-transform: none; transform: none;}
.nav .fnbox{width: 78px; margin-left: 10px; padding-top: 12px;}
.nav .fnbox .btn{line-height: 28px; height: 28px; text-align: center; color: #bc9d6a; background-color: #fff; border-radius: 1px; -webkit-transition: all 0.22s linear 0s; transition: all 0.22s linear 0s;}
.nav .fnbox .btn:hover{background-color: #02bdc0; color: #fff;}
.nav .fnbox .language{width: 28px;}
.nav .fnbox .loginBtn{width: 48px; margin-left: 2px;}
.nav.fixed .bg,
.nav.sub .bg{-webkit-transform: rotateX(0) perspective(500px); transform: rotateX(0) perspective(500px); opacity: 1; filter: alpha(opacity=100);}
.nav.fixed{-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25);}
#loginWindow{display: none; position: fixed; z-index: 92; left: 0; right: 0; top: 0; bottom: 0; -webkit-transition: all 0.22s linear 0s; transition: all 0.22s linear 0s; -webkit-transform: scale(0.8); transform: scale(0.8);}
#loginWindow.showUp{-webkit-transform: scale(1); transform: scale(1);}
#loginWindow .contain{position: relative; z-index: 3; left: 50%; margin-left: -250px; top: 50%; margin-top: -170px; padding: 45px 100px; width: 300px; height: 250px; background-color: #fff;}
#loginWindow .contain .close{right: 10px; top: 10px; width: 16px; height: 16px; padding: 9px; background-image: url(../images/i3.png); background-position: 50% 50%; background-repeat: no-repeat; position: absolute; overflow: hidden;}
#loginWindow .contain .close::after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.22s linear 0s; transition: all 0.22s linear 0s; border: 0 solid rgba(0, 0, 0, 0.1); border-radius: inherit;}
#loginWindow .contain .close:hover::after{border-width: 25px;}
#loginWindow .head{margin-bottom: 35px; font-size: 20px; color: #bc9d6a; text-align: center; font-weight: bold;}
#loginWindow .item{position: relative; height: 40px; line-height: 40px; color: #bc9d6a;}
#loginWindow .skin{width: 298px; height: 38px; border: 1px solid #bc9d6a; text-indent: 65px; line-height: 38px; color: #888;}
#loginWindow .focus{position: absolute; left: 11px; top: 0;}
#loginWindow .tips{margin-top: 10px; margin-bottom: 10px; line-height: 18px; color: #999; text-align: center; margin-left: 20px; margin-right: 20px;}
#loginWindow .warn{display: inline-block; width: 18px; height: 18px; background-image: url(../images/i4.png); margin-right: 8px; vertical-align: top;}
#loginWindow .enter{width: 300px; height: 40px; line-height: 40px; text-align: center; color: #fff; background-color: #bc9d6a;}
/* banner */
.banner{position: relative; width: 100%; height: 892px; margin-top: -100px;}
.banner .item{display: block; position: relative; overflow: hidden; width: 100%; height: 892px; -webkit-transition: none !important; transition: none !important; background-color: #fff;}
.banner .hmid,
.banner .poster{position: relative; left: 50%; margin-left: -960px; width: 1920px; height: 892px;}
.banner .floatUp{display: none;position: absolute; left: 50%; margin-left: -600px; top: 185px; width: 1200px; z-index: 3; line-height: 1.7; text-align: center; color: #fff;}
.banner .floatUp .loadingHr{margin-left: auto; margin-right: auto; position: relative; width: 800px; height: 2px; margin-top: 20px; margin-bottom: 20px;}
.banner .floatUp .loadingHr .bar{position: relative; z-index: 1; width: 0; height: 2px; background-color: #fff;}
.banner .floatUp .loadingHr .bg{background-color: #fff; opacity: .3; filter: alpha(opacity=30); *zoom: 1;}
.banner .floatUp .arrow{width: 58px; height: 32px; background-image: url(../images/arrow1.png); margin-left: auto; margin-right: auto; margin-top: 60px; margin-bottom: 60px;}
.banner .list0{text-align: center; font-size: 0;}
.banner .list0 .link{display: inline-block; width: 170px; height: 170px; border-radius: 85px; margin-left: 214px; background-image: url(../images/i1.png); background-position: 50% 50%; background-repeat: no-repeat; font-size: 14px; color: #bc9d6a; position: relative; overflow: hidden;}
.banner .list0 .link .ico{margin-top: 23px; display: block; margin-left: auto; margin-right: auto; width: 64px; height: 64px; margin-bottom: 15px; background-image: url(../images/i2.png);}
.banner .list0 .link h2{width: 126px; margin-left: auto; margin-right: auto;}
.banner .list0 .link.i1 .ico{background-position: 0 0px;}
.banner .list0 .link.i2 .ico{background-position: 0 -64px;}
.banner .list0 .link.i3 .ico{background-position: 0 -128px;}
.banner .list0 .link::after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.22s linear 0s; transition: all 0.22s linear 0s; border: 0 solid rgba(0, 0, 0, 0.1); border-radius: inherit;}
.banner .list0 .link:hover::after{border-width: 85px;}
.banner .list0 .link:first-child{margin-left: 0;}
.banner .icon{height: 30px; line-height: 30px; position: absolute; bottom: 20px; left: 0; width: 100%; z-index: 3; text-align: center; white-space: nowrap;}
.banner .icon .btn{display: inline-block; position: relative; overflow: hidden; z-index: 1; width: 6px; -webkit-transition: all 0.22s linear 0s; transition: all 0.22s linear 0s; text-indent: 100%; *text-indent: 0; *font-size: 0; margin: 0 10px; background-color: #fff; height: 20px; vertical-align: bottom;}
.banner .icon .btn.on{height: 30px;}
.banner .floatUp .arrow,.i-Technology .i1 .arrow{ animation: fadeInDowns 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite alternate;}

/* i-Head */
.i-Head{text-align: center;}
.i-Head .hr{width: 42px; height: 3px; background-color: #bc9d6a; margin-bottom: 19px; margin-left: auto; margin-right: auto;}
.i-Head .cn{font-size: 24px; color: #333; margin-top: 19px;}
.i-Head .en{font-size: 14px; color: #999; margin-top: 14px; text-transform: uppercase;}
@-webkit-keyframes scaleToX1{0%{-webkit-transform: scaleX(3); transform: scaleX(3);} 100%{-webkit-transform: scaleX(1); transform: scaleX(1);}}
@keyframes scaleToX1{0%{-webkit-transform: scaleX(3); transform: scaleX(3);} 100%{-webkit-transform: scaleX(1); transform: scaleX(1);}}
.i-Head .scaleToX1{-webkit-animation-name: scaleToX1; animation-name: scaleToX1;}
.i-More{display: block; margin-left: auto; margin-right: auto; width: 198px; height: 44px; margin-top: 45px; border: #e9e9e9 solid 1px; text-transform: uppercase; color: #999 !important; text-align: center; line-height: 44px;}
/* i-About */
.i-About{height: auto;padding-top: 60px;padding-bottom: 80px;background-image: url(../images/bg1.png);background-size: cover;background-position: center center;}
.i-About .imax{margin-top: 55px;color: #333;text-align: center;position: relative;overflow: hidden; line-height: 2em; font-size: 20px;}
/* i-Technology */
.i-Technology{position: relative; overflow: hidden; height: 1360px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; background-image: url(../images/bg2a.jpg); background-position: center; background-attachment: fixed; background-repeat: no-repeat;}
.i-Technology .item{height: 680px; text-align: center; background-repeat: no-repeat;}
.i-Technology .item .ico{display: block; margin-left: auto; margin-right: auto;}
.i-Technology .item .more{display: block; margin-left: auto; margin-right: auto; margin-top: 55px; position: relative; overflow: hidden; width: 244px; height: 48px; border: #fff solid 1px; font-size: 16px; line-height: 48px; text-align: center; color: #fff;}
.i-Technology .line{position: relative; overflow: hidden; height: 680px;}
.i-Technology .i1{position: relative; overflow: hidden; width: 100%; color: #fff;}
.i-Technology .i1 .ico{margin-top: 125px; width: 56px; height: 96px; background-image: url(../images/i2a.png);}
.i-Technology .i1 h3{margin-top: 50px; line-height: 36px; font-size: 30px;}
.i-Technology .i1 .info{font-size: 20px; margin-top: 25px;}
.i-Technology .i1 .arrow{display: block; margin-left: auto; margin-right: auto; margin-top: 105px; width: 60px; height: 60px; background-image: url(../images/i5.png);}
.i-Technology .i2{left: 0; background-image: url(../images/bg2b.jpg); background-position: right bottom;}
.i-Technology .i2 .face,
.i-Technology .i2 .back{background-image: url(../images/i6l.png);}
.i-Technology .i2 .face .w600,
.i-Technology .i2 .back .w600{float: right; text-align: left;}
.i-Technology .i2 .back{left: 0; background-color: #02bdc0; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform: translateX(-90px) perspective(1000px); transform: translateX(-90px) perspective(1000px);}
.i-Technology .i2 .back .ico{background-position: -64px -64px;}
.i-Technology .i2 .back .img{}
.i-Technology .i3{right: 0; background-image: url(../images/bg2c.jpg); background-position: left bottom;}
.i-Technology .i3 .face,
.i-Technology .i3 .back{background-image: url(../images/i6r.png);}
.i-Technology .i3 .face .w600,
.i-Technology .i3 .back .w600{float: left; text-align: right;}
.i-Technology .i3 .back{right: 0; background-color: #00a4e0; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: translateX(90px) perspective(1000px); transform: translateX(90px) perspective(1000px);}
.i-Technology .i3 .back .ico{background-position: -64px -128px;}
.i-Technology .i3 .back .img{}
.i-Technology .i2,
.i-Technology .i3{position: absolute; bottom: 0; width: 50%;}
.i-Technology .i2 h3,
.i-Technology .i3 h3{ overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.i-Technology .i2 .face,
.i-Technology .i3 .face{height: 84px; background-repeat: repeat-x; font-size: 24px; line-height: 84px; color: #fff;}
.i-Technology .i2 .face .k,
.i-Technology .i3 .face .k{position: relative; margin-top: 196px; width: 450px; height: 200px;}
.i-Technology .i2 .back,
.i-Technology .i3 .back{position: absolute; top: 0; z-index: 3; padding-top: 90px; height: 590px; width: 100%; background-repeat: repeat-x; -webkit-transition: all 0.22s linear 0s; transition: all 0.22s linear 0s; opacity: 0; filter: alpha(opacity=0); *zoom: 1;}
.i-Technology .i2 .back .ico,
.i-Technology .i3 .back .ico{width: 64px; height: 64px; background-image: url(../images/i2.png);}
.i-Technology .i2 .back h3,
.i-Technology .i3 .back h3{margin-top: 70px; font-size: 24px; color: #fff;}
.i-Technology .i2 .back .info,
.i-Technology .i3 .back .info{width: 360px; margin-left: auto; margin-right: auto; color: #b8feff; margin-top: 25px; margin-bottom: 30px;
      max-height: 96px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; height: 96px;}
.i-Technology .i2 .back .img,
.i-Technology .i3 .back .img{position: absolute; bottom: 0; left: 50%; margin-left: -225px; width: 450px; height: 192px; line-height: 192px; font-size: 0; *font-size: 146px; background: none !important;}
.i-Technology .i2 .back .img img,
.i-Technology .i3 .back .img img {vertical-align: bottom;}
.i-Technology .i2 .w600,
.i-Technology .i3 .w600{display: block; float: none !important; height: 100%; width: 600px;position: relative;left: 50%;margin-left: -300px;text-align: center !important;}
.i-Technology .i2 .w450,
.i-Technology .i3 .w450,
.i-Technology .i2 .w420,
.i-Technology .i3 .w420{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; text-align: center;}
.i-Technology .i2 .w450,
.i-Technology .i3 .w450{width: 450px;}
.i-Technology .i2 .w420,
.i-Technology .i3 .w420{width: 420px;}
.i-Technology .i2:hover .back,
.i-Technology .i3:hover .back{-webkit-transform: none; transform: none; opacity: 1; filter: alpha(opacity=100);}
/* i-News */
.i-News{padding-top: 60px; padding-bottom: 60px;}
.i-News .i-Head{margin-bottom: 80px;}
.i-News .itNewsList,
.i-News .itNewsList .item{width: 518px; height: 340px;}
.i-News .itNewsList .item{padding-top: 0;}
.i-News .itNewsList .date{left: 0;}
.i-News .itNewsList .pic{width: 518px; height: 248px;}
.i-News .textNewsList{width: 622px;}
.i-News .textNewsList .item{width: 537px;}
.i-News .textNewsList .item:first-child{padding-top: 0;}
.i-News .itNewsList,
.i-News .textNewsList,
.i-News .itNewsList .item,
.i-News .textNewsList .item{margin-right: 0;}
/* 图文 */
.itNewsList{position: relative; overflow: hidden; margin-right: -69px; margin-bottom: -25px; *margin-bottom: 0;}
.itNewsList .item{float: left; position: relative; overflow: hidden; width: 354px; height: 314px; margin-right: 69px; padding-top: 20px; margin-bottom: 25px;}
.itNewsList .date{position: absolute; left: 20px; top: 0; z-index: 3; width: 60px; height: 60px; background-color: #bc9d6a; color: #fff; font-family: Arial, sans-serif; text-align: center;}
.itNewsList .date .d{font-size: 40px; line-height: 42px;}
.itNewsList .date .ym{font-size: 12px;}
.itNewsList .pic{width: 354px; height: 110px;}
.itNewsList h3{font-size: 16px; margin-top: 12px; color: #333; position: relative; overflow: hidden; max-height: 48px; line-height: 24px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.itNewsList .info{display: none; color: #999; position: relative; overflow: hidden; max-height: 72px; line-height: 24px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-top: 10px; text-align: justify;}
.itNewsList .more{position: absolute; left: 0; bottom: 0; width: 130px; height: 40px; line-height: 40px; text-align: center; color: #fff; background-color: #bc9d6a;}
/* 文本 */
.textNewsList{position: relative; overflow: hidden; margin-right: -80px;}
.textNewsList .item{height: 74px; float: left; width: 475px; padding-left: 85px; border-bottom: #cfcfcf solid 1px; padding-bottom: 24px; padding-top: 22px; margin-right: 80px;}
.textNewsList .item .date{float: left; margin-left: -85px; width: 65px; white-space: nowrap; font-family: Arial, sans-serif; text-align: center;}
.textNewsList .item .date .d{font-size: 60px; line-height: 48px; color: #bc9d6a;}
.textNewsList .item .date .ym{font-size: 16px; margin-top: 8px;}
.textNewsList .item h3{line-height: 20px; font-size: 16px;}
.textNewsList .item .info{color: #999; position: relative; overflow: hidden; height: 48px; line-height: 24px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 5px; text-align: justify;}
/* i-Bottom */
.i-Bottom{padding-top: 60px; padding-bottom: 55px; background-color: #f5f5f5;}
.i-Bottom .head{padding-bottom: 11px; width: 95px; white-space: nowrap; border-bottom: #bc9d6a 2px solid; font-size: 24px; margin-bottom: 25px;}
.i-Bottom .aside{color: #333; line-height: 24px;}
.i-Bottom .fld{width: 610px;}
.i-Bottom .frd{width: 430px;}
.i-Bottom .clist{margin-top: 30px; color: #333;}
.i-Bottom .clist .item{padding-left: 40px; margin-bottom: 15px; min-height: 34px;}
.i-Bottom .clist .item .ico{float: left; margin-left: -40px; width: 18px; height: 18px;filter: grayscale(100%) brightness(0);}
.i-Bottom .clist .item .fb{margin-bottom: 10px;}
.i-Bottom .clist .bot{margin-top: 25px;}
.i-Bottom .clist .qrcode{text-align: center; font-size: 12px; color: #666; line-height: 30px;}
.i-Bottom .clist .qrcode .pic{width: 115px; height: 115px;}
.i-Bottom .clist .backTop{margin-top: 33px;width: 75px;height: 75px;background-image: url(../images/i7_.png);}
/* appointmentForm */
.appointmentForm{width: 610px; margin-top: 30px;}
.appointmentForm .skin{width: 514px;border: #fff solid 1px;background-color: #fff;line-height: 34px;height: 34px;padding-left: 9px;padding-right: 9px;color: #666;}
.appointmentForm .skin._focus{border: #bc9d6a solid 1px;}
.appointmentForm .skin::-webkit-input-placeholder{color: #666;}
.appointmentForm .skin:-moz-placeholder{color: #666;}
.appointmentForm .skin::-moz-placeholder{color: #666;}
.appointmentForm .skin:-ms-input-placeholder{color: #666;}
.appointmentForm .skin.red{color: #ff0000;}
.appointmentForm .skin.red::-webkit-input-placeholder{color: #ff0000;}
.appointmentForm .skin.red:-moz-placeholder{color: #ff0000;}
.appointmentForm .skin.red::-moz-placeholder{color: #ff0000;}
.appointmentForm .skin.red:-ms-input-placeholder{color: #ff0000;}
.appointmentForm textarea.skin{display: block; line-height: 24px; padding-top: 9px; padding-bottom: 9px; height: 46px;}
.appointmentForm .line .skin{width: 200px;}
.appointmentForm .item{padding-left: 75px; min-height: 36px; line-height: 36px; margin-bottom: 15px;}
.appointmentForm .item .focus{float: left; margin-left: -75px; width: 75px; white-space: nowrap; color: #000; text-align: right;}
.appointmentForm #city{font-size: 0;}
.appointmentForm #city .skin{width: 151px; margin-left: 11px;}
.appointmentForm #city .skin:first-child{margin-left: 0;}
.appointmentForm .yzm .skin{width: 100px;}
.appointmentForm .yzm img{height: 34px; border: #e0edf1 solid 1px; vertical-align: top; margin-right: 5px;}
.appointmentForm .enter{width: 250px; height: 40px; line-height: 40px; text-align: center; color: #fff; background-color: #bc9d6a; font-size: 16px;}
/* footer */
.footer{height: 30px; line-height: 30px; padding-top: 9px; padding-bottom: 9px; background-color: #bc9d6a; color: #fff;}
.footer .blogroll{font-size: 12px;}
.footer .blogroll .link{color: #fff;}
.footer .share{font-size: 0 !important;}
.footer .share .btn{display: inline-block;width: 30px;height: 30px;margin: 0 0 0 4px !important;background-color: #fff !important;padding-left: 0 !important;background-position: center !important;opacity: 1;filter: grayscale(100%)}
.footer .share .btn:hover{-webkit-transform: scale(1.05); transform: scale(1.05);}
.copyrights{ line-height: 20px; padding-top: 15px; padding-bottom: 15px;}
/* sbanner */
.sbanner{position: relative; overflow: hidden; height: 370px;}
.sbanner .contain{padding-top: 115px; text-align: center; color: #fff;}
.sbanner .contain .cn{font-size: 48px; margin-bottom: 15px;}
.sbanner .contain .en{font-size: 20px;}
/* secNav */
.secNav{position: relative; z-index: 10; height: 40px; padding-top: 30px; padding-bottom: 30px; margin-top: -100px; text-align: center;}
.secNav .bg{background-color: #000; opacity: .3; filter: alpha(opacity=30); *zoom: 1;}
.secNav .container{position: relative; height: 40px;}
.secNav .item{position: relative; z-index: 2; display: inline-block; width: 200px; height: 40px; line-height: 40px; font-size: 16px; color: #fff;}
.secNav .block{display: none; position: absolute; z-index: 0; top: 0; left: 0; width: 200px; height: 40px; background-color: #bc9d6a; border-radius: 4px;}
.secNav .secItem{float: left; width: 400px; height: 40px; line-height: 40px; text-align: center;}
.secNav .secItem > .link{font-size: 16px; /* background-position: 0 40px; */}
.secNav .secItem .link{position: relative; overflow: hidden; white-space: nowrap; display: block; width: 400px; height: 40px; color: #fff;}
.secNav .secItem .thdNav{-webkit-transform: translateY(-5px); transform: translateY(-5px); -webkit-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; opacity: 0; filter: alpha(opacity=0); *zoom: 1; visibility: hidden; *visibility: visible; padding-top: 10px;}
.secNav .secItem .thdNav .link{font-size: 18px; background-position: 0 -40px; margin-bottom: 5px; background-image: url(../images/i11.png); background-repeat: no-repeat;}
.secNav .secItem:hover .thdNav{opacity: 1; filter: alpha(opacity=100); visibility: visible; -webkit-transition: all 0.22s linear 0.2s; transition: all 0.22s linear 0.2s; -webkit-transform: translateY(0px); transform: translateY(0px);}
.secNav .tech .block{background-image: url(../images/i11.png);}
/* subpage */
.subpage{/* padding-top: 80px; */ padding-bottom: 45px;}
.subpage .subTilt{font-size: 20px; line-height: 1; font-weight: bold; color: #bc9d6a;}
.subpage .subTilt span{display: inline-block; width: 80px; white-space: nowrap; padding-bottom: 20px; border-bottom: #bc9d6a 1px solid;}
.subpage .s-More{display: block; width: 200px; height: 50px; border-radius: 5px; text-align: center; line-height: 50px; color: #fff; background-color: #bc9d6a; font-size: 18px;}
.fnBread{height: 42px; padding-bottom: 40px; padding-top: 80px;}
.fnBread .crumbs{float: right; line-height: 40px;}
.fnBread .crumbs,
.fnBread .crumbs a{color: #999999;}
.fnBread .crumbs .link:hover,
.fnBread .crumbs .link.on{color: #bc9d6a;}
/* aboutUs */
.about-intro .subTilt{margin-top: -82px; margin-bottom: 40px;}
.about-intro .videoBox{margin-top: 65px; height: 622px; background-image: url(../images/bg3.jpg); background-position: 50% 50%; background-repeat: no-repeat;}
.about-intro .videoBox .vd-box{position: relative; overflow: hidden; width: 1108px; height: 100%; line-height: 622px; text-align: center; color: #fff; font-size: 20px; margin-left: auto; margin-right: auto;}
.about-intro .videoBox .vd-box .pic,
.about-intro .videoBox .vd-box .play{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.about-intro .videoBox .vd-box .play{z-index: 2; background-image: url(../images/play.png); background-position: 50% 50%; background-repeat: no-repeat;}
.about-intro .videoBox .vd-box .video{display: none; position: absolute; z-index: 3; left: 0; top: 0; width: 100%; height: 100%; background-color: #000;}
.about-frame{margin-top: 80px;}
.about-frame .aside{margin-top: 40px;}
.about-frame #frameSwicth{position: relative; overflow: hidden; height: 370px; padding-top: 65px; padding-bottom: 75px;}
.about-frame #frameSwicth .box{position: relative; left: 0; width: 100%; height: 280px; z-index: 1;}
.about-frame #frameSwicth .item{float: left; position: relative; /* overflow: hidden; */ width: 400px; height: 280px; overflow: visible !important;}
.about-frame #frameSwicth .item img{width: 100%; height: 100%; -webkit-transition: .6s !important; transition: .6s !important;}
.about-frame #frameSwicth .item .description{padding-top: 30px; opacity: 0; filter: alpha(opacity=0); *zoom: 1; -webkit-transform: translateY(-10px); transform: translateY(-10px); text-align: center; -webkit-transition: all 0.22s linear 0.2s; transition: all 0.22s linear 0.2s; color: #333;}
.about-frame #frameSwicth .item .description h3{font-size: 20px; font-weight: bold;}
.about-frame #frameSwicth .item .description p{font-size: 16px; margin-top: 12px;}
.about-frame #frameSwicth .item.on{z-index: 9;}
.about-frame #frameSwicth .item.on img{-webkit-box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.27); box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.27);}
.about-frame #frameSwicth .item.on .description{opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); transform: translateY(0);}
.csstransf .about-frame #frameSwicth .item.pOn img{-webkit-transform: perspective(1000px) scale(1.15) rotateX(0deg) rotateY(15deg); transform: perspective(1000px) scale(1.15) rotateX(0deg) rotateY(15deg); -webkit-transform-origin: 0 50%; transform-origin: 0 50%;}
.csstransf .about-frame #frameSwicth .item.nOn img{-webkit-transform: perspective(1000px) scale(1.15) rotateX(0deg) rotateY(-15deg); transform: perspective(1000px) scale(1.15) rotateX(0deg) rotateY(-15deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;}
.about-frame .ctr{position: absolute; width: 350px; top: 65px; height: 280px; z-index: 20; background-color: #fff; opacity: 0; filter: alpha(opacity=0); *zoom: 1;}
.about-frame .next{right: 0%;}
.about-frame .prev{left: 0%;}
.about-history{padding-top: 75px;padding-bottom: 80px;background-color: #f3f3f3;}
/* .about-history .subTilt{color: #222;}
.about-history .subTilt span{border-color: #aaa;} */
.about-history .timing{margin-top: 55px; padding-left: 60px; padding-right: 60px; position: relative; width: 1080px; height: 100px;}
.about-history .timing .hr{position: absolute;top: 50%;left: 60px;margin-top: -1px;height: 2px;width: 1080px;background-color: #ccc;opacity: .4;filter: alpha(opacity=40); *zoom: 1;}
.about-history .timing .item{float: left;position: relative;overflow: hidden;width: 216px;height: 100px;text-align: center;/* background-image: url(../images/i10.png);background-position: 50% 50%;background-repeat: no-repeat; */}
.about-history .timing .item .time{position: absolute;left: 0;width: 100%;line-height: 26px;font-size: 16px;color: #333;font-family: Arial, sans-serif;-webkit-transition: all 0.22s linear 0s;transition: all 0.22s linear 0s;opacity: .6; }
.about-history .timing .item .point{position: absolute;left: 50%;top: 50%;margin-left: -5px;margin-top: -5px;width: 10px;height: 10px;background: #bc9d6a !important;border-radius: 50%; opacity: .6;;}
.about-history .timing .item.even .time{top: 0;}
.about-history .timing .item.odd .time{bottom: 0;}
.about-history .timing .item.on .time{font-size: 20px; opacity: 1; filter: alpha(opacity=100);}
.about-history .timing .item.on .point{opacity: 1; webkit-transform: scale(1.25);transform: scale(1.25)  }
.about-history .timing .ctr{display:block; position: absolute; z-index: 3; top: 50%; margin-top: -20px; width: 40px; height: 40px; background-image: url(../images/arrow2.png); opacity: .4; filter: alpha(opacity=40); *zoom: 1; -webkit-transition: all 0.22s linear 0s; transition: all 0.22s linear 0s; filter:brightness(0);}
.about-history .timing .ctr:hover{opacity: 1; filter: alpha(opacity=100);}
.about-history .timing .prev{left: 0; background-position: 0 0;}
.about-history .timing .next{right: 0; background-position: -40px 0;}
.about-history .Tt{margin-top: 60px; width: 1070px; height: 300px; background-color: #fff; margin-left: auto; margin-right: auto;box-shadow: 0 0 10px 0 rgba(0,0,0,.25);}
.about-history .Tt .box{width: 620px;height: 260px; padding: 20px 50px 20px 400px;}
.about-history .Tt .pic{width: 345px; height: 260px; float: left; margin-left: -380px; border-radius: 8px;}
.about-history .Tt .time{font-size: 18px; font-weight: bold; line-height: 50px; margin-bottom: 30px; color: #bc9d6a;}
.about-history .Tt .infp{position: relative; overflow: hidden; max-height: 168px; line-height: 24px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; font-size: 16px;}
.about-culture{padding-top: 75px; padding-bottom: 30px;}
.about-culture .subTilt{margin-bottom: 45px;}
/* leaderList */
.leaderList{position: relative; overflow: hidden; margin-right: -52px; margin-bottom: -25px; *margin-bottom: 0;}
.leaderList .item{float: left; position: relative; overflow: hidden; width: 261px; height: 480px; margin-right: 52px; margin-bottom: 25px;}
.leaderList .pic{height: 195px;}
.leaderList .date{width: 117px; height: 30px; line-height: 30px; text-align: center; color: #fff; margin-top: 20px; margin-bottom: 20px;}
.leaderList .i1 .date{background-color: #bc9d6a;}
.leaderList .i2 .date{background-color: #8cc31f;}
.leaderList .i3 .date{background-color: #1ebee6;}
.leaderList .i4 .date{background-color: #0ca299;}
.leaderList .info{position: relative; overflow: hidden; max-height: 200px; line-height: 20px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 10; -webkit-box-orient: vertical; color: #333; text-align: justify;}
/* aptitude */
.aptitude{width: 1112px; margin-left: auto; margin-right: auto; height: 730px;}
.aptitude .bigshow{height: 515px; line-height: 515px; font-size: 0; *font-size: 391px; padding-bottom: 65px; border: #ddd solid 1px; background-color: #fff; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.aptitude .bigshow .alt{position: absolute; left: 0; width: 100%; font-size: 24px; color: #333; line-height: 30px; bottom: 30px; z-index: 3;}
.aptitude .smalllist{position: relative; overflow: hidden; width: 968px; height: 80px; padding: 20px 71px; margin-top: 30px; border: #ddd solid 1px;}
.aptitude .smalllist .img{float: left; width: 98px; height: 78px; line-height: 78px; font-size: 0; *font-size: 59px; margin-right: 24px; border: #dadada solid 1px;}
.aptitude .smalllist .img.on{border-color: #bc9d6a;}
.aptitude .ctr{z-index: 3; bottom: 20px; width: 28px; height: 78px; background-image: url(../images/arrow3.png); border: #ddd solid 1px;}
.csstransf .aptitude .ctr{position: absolute;}
.csstransf .aptitude .ctr::after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.22s linear 0s; transition: all 0.22s linear 0s; background-color: rgba(0, 0, 0, 0);}
.csstransf .aptitude .ctr:hover::after{background-color: rgba(0, 0, 0, 0.1);}
.aptitude .prev{left: 20px; background-position: 0 0;}
.aptitude .next{right: 20px; background-position: 30px 0;}
.aptitude .cursorL{cursor: w-resize;}
.aptitude .cursorR{cursor: e-resize;}
.aptitude .chrome .cursorL{cursor: url(../images/l.cur), auto;}
.aptitude .chrome .cursorR{cursor: url(../images/r.cur), auto;}
/* image-text-contain */
.bgcf5{background-color: #f5f5f5;}
.image-text-contain{padding-bottom: 80px; margin-bottom: 40px;}
/* 页码 */
.pageList{margin-top: 50px; position: relative; overflow: hidden; height: 30px; line-height: 28px; font-size: 0; text-align: center;}
.pageList ul{position: relative; float: none !important;}
.pageList ul,
.pageList ul li{display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}
.pageList ul li{margin: 0 5px; font-size: 14px;}
.pageList a{display: block; border: #999999 solid 1px; padding-left: 10px; padding-right: 10px; height: 28px; color: #333; background-color: #fff;}
.pageList a:hover,
.pageList a.selected{color: #fff; background-color: #0098d4;}
.pageList a:active{border-color: #fff;}
/* view-Head */
.view-Head{padding-top: 80px;}
.view-Head h1{font-size: 20px; color: #333; margin-bottom: 16px;}
.view-Head .aside{font-size: 12px; line-height: 20px;}
/* view-Foot */
.view-Foot{position: relative; overflow: hidden; height: 40px; padding-bottom: 35px; margin-top: 50px; border-bottom: #bfbfbf solid 1px;}
.view-Foot .ctr{width: 40px; height: 40px; float: left; margin-right: 20px; background-image: url(../images/arrow4.png);}
.view-Foot .ctr.prev{background-position: 0 0;}
.view-Foot .ctr.prev:hover{background-position: 0 -40px;}
.view-Foot .ctr.next{background-position: -40px 0;}
.view-Foot .ctr.next:hover{background-position: -40px -40px;}
.view-Foot .historyBack{float: right; padding-left: 50px; color: #bc9d6a; line-height: 18px; height: 18px; margin-top: 11px; background-image: url(../images/i12.png); background-repeat: no-repeat; background-position: 0 center;}
/* videoList */
.videoList{ display: flex; flex-wrap: wrap; position: relative; overflow: hidden; margin-right: -30px; margin-bottom: -40px; }
.videoList .item{float: left; position: relative; overflow: hidden; width: 380px; height: auto; padding-bottom: 30px; margin-right: 30px; margin-bottom: 40px; text-align: center;}
.videoList .pic{height: 215px;}
.videoList .pic img {object-fit:scale-down;}
.videoList h3{margin-top: 15px; line-height: 1.5; font-size: 16px;}
.videoList a {cursor: default;}
.videoList a[href] {cursor: pointer;}
.videoList .info{position: relative; overflow: hidden; line-height: 1.5; margin-top: 15px;}
/* video-Contain */
.video-Contain{position: relative; height: 755px; padding-top: 80px; padding-bottom: 10px; background-image: url(../images/bg4.jpg); background-repeat: no-repeat; background-position: center 0;}
.video-Contain .contain{width: 980px; height: 755px; margin-left: auto; margin-right: auto;}
.video-Contain .videoBox{height: 500px;}
.video-Contain .notice{height: 32px; line-height: 32px; text-align: center; color: #509bba; border-bottom: #509bba solid 1px;}
.video-Contain h1{margin-top: 45px; font-size: 18px; color: #fff;}
.video-Contain .imax{margin-top: 35px; position: relative; overflow: hidden; max-height: 72px; line-height: 24px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 14px; color: #fff;}
.video-Contain .view-Foot2{position: absolute; bottom: -55px; left: 0; width: 100%; line-height: 55px; height: 55px;}
.video-Contain .view-Foot2 .ctr{padding-left: 10px; padding-right: 10px;}
.video-Contain .view-Foot2 .prev{float: left; margin-left: -10px;}
.video-Contain .view-Foot2 .next{float: right; margin-right: -10px;}
.video-Contain .view-Foot2 .historyBack{position: absolute; left: 50%; margin-left: -25px; width: 50px; bottom: 0; text-align: center;}
/* downloadList */
.downloadList{margin-bottom: -20px; *margin-bottom: 0;}
.downloadList .item{position: relative; overflow: hidden; height: 50px; margin-bottom: 20px; width: 100%; background-color: #f0f0f0; background-image: url(../images/i14.png); background-repeat: no-repeat; background-position: 15px 0;}
.downloadList .item .bdu{border-color: #bc9d6a; padding: 25px;}
.downloadList .item .contain{position: relative; padding-right: 160px; padding-left: 40px; padding-top: 15px; padding-bottom: 15px; width: 1000px; height: 20px; line-height: 20px;}
.downloadList .item .btn{position: absolute; right: 0; top: 0; border-left: #fff solid 10px; width: 150px; height: 50px; line-height: 50px; text-align: center;}
.downloadList .item h3{max-width: 800px;}
.downloadList .item .date{position: absolute; right: 180px; top: 15px;}
.downloadList .item,
.downloadList .item a{-webkit-transition: all 0.22s linear 0s; transition: all 0.22s linear 0s;}
.downloadList .item:hover,
.downloadList .item:hover a{color: #ffffff;}
.downloadList .item:hover .bdu{border-top-width: 25px; border-bottom-width: 25px;}
.downloadList .item:hover .contain{background-image: url(../images/i14.png); background-repeat: no-repeat; background-position: 15px -50px;}
/* appoitment */
.appoitment{min-height: 460px; background-image: url(../images/i15.png); background-repeat: no-repeat; background-position: right bottom;}
.appoitment .aside{width: 700px; line-height: 24px; color: #333;}
.appoitment .appointmentForm{width: 700px;}
.appoitment .line .skin{width: 245px;}
.appoitment .skin{width: 604px;}
.appoitment #city .skin{width: 181px;}
/* contact */
.contact-sec1{padding-bottom: 60px;}
.contact-sec1 .secLink{margin-bottom: 40px;}
.contact-sec1 .secLink .link{position: relative; float: left; width: 400px; height: 40px; text-align: center; line-height: 40px; color: #fff; font-size: 16px;}
.contact-sec1 .secLink .link.on .arrow{display: block;}
.contact-sec1 .secLink .arrow{display: none; position: absolute; left: 193px; bottom: -7px; overflow: hidden; width: 0; height: 0; border-width: 7px 14px; border-color: transparent transparent transparent transparent; border-style: dashed dashed dashed solid; font-size: 0;}
.contact-sec1 .secLink .i1{background-color: #bc9d6a;}
.contact-sec1 .secLink .i1 .arrow{border-left-color: #bc9d6a;}
.contact-sec1 .secLink .i2{background-color: #8cc31f;}
.contact-sec1 .secLink .i2 .arrow{border-left-color: #8cc31f;}
.contact-sec1 .secLink .i3{background-color: #1FBEE6;}
.contact-sec1 .secLink .i3 .arrow{border-left-color: #1FBEE6;}
.contact-sec1 .listBox{padding: 60px 140px 60px 100px; background-color: #fff;}
.contact-sec1 .listBox .cmpic{width: 213px; height: 160px; border-radius: 4px;}
.contact-sec1 .listBox .clist{margin-left: 60px; line-height: 26px; color: #333; width: 570px;}
.contact-sec1 .listBox .clist dt{line-height: 28px; margin-bottom: 25px;}
.contact-sec1 .listBox .clist h2{color: #bc9d6a; font-weight: bold; font-size: 16px;}
.contact-sec1 .listBox .qrcode{width: 115px; line-height: 34px; color: #015295; text-align: center;}
.contact-sec1 .listBox .qrcode .pic{height: 115px;}
#dituContent{width: 1200px; height: 370px; margin-left: auto; margin-right: auto; line-height: 1.1; margin-top: 50px;}
#dituContent .BMap_bubble_title{font-size: 16px; margin-bottom: 5px; padding-right: 16px; color: #bc9d6a;}
#dituContent .BMap_bubble_content{width: 400px !important; font-size: 14px;}
#dituContent img{max-width: none;}
/* jiaru */
.join-sec1{padding-bottom: 60px; line-height: 20px;}
.join-sec1 .pic{float: left; margin-right: 75px; width: 230px; height: 240px;}
.join-sec2{margin-top: 55px;}
.join-sec2 .hr{height: 2px;}
.join-sec2 .hr.l{width: 600px; background-color: #bc9d6a;}
.join-sec2 .hr.r{width: 600px; background-color: #bc9d6a; opacity: .25;}
.join-sec2 .dt{height: 56px; line-height: 56px; font-size: 16px; font-weight: bold; color: #bc9d6a; margin-bottom: -22px;}
.join-sec2 .line{width: 1150px; padding-right: 50px; text-align: center;}
.join-sec2 .line .col{float: left;}
.join-sec2 .line .i1{width: 230px;}
.join-sec2 .line .i2{width: 150px;}
.join-sec2 .line .i3{width: 210px;}
.join-sec2 .line .i4{width: 160px;}
.join-sec2 .line .i5{width: 200px;}
.join-sec2 .line .i6{width: 200px;}
.join-sec2 .dd{position: relative; margin-top: 22px;}
.join-sec2 .dd .line{background-color: #E8E8E8; height: 50px; line-height: 50px; color: #333; -webkit-transition: all 0.22s linear 0s; transition: all 0.22s linear 0s;}
.join-sec2 .dd .spreadBtn{position: absolute;right: 0;bottom: 0;width: 50px;height: 50px;background-color: #f5f5f5;transition:220ms;}
.join-sec2 .dd .spreadBtn:before{content:'';z-index: 1;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-image: url(../images/i16.png);transition:220ms;}
.join-sec2 .dd.unfold .line{background-color: #bc9d6a; color: #fff;}
.join-sec2 .dd.unfold .spreadBtn { background-color: rgba(255,255,255,.85);}
.join-sec2 .dd.unfold .spreadBtn:before{ transform:rotate(135deg)}
.join-sec2 .dd.unfold .hide{-webkit-box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.24); box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.24);}
.join-sec2 .hide{position: relative; top: -50px; margin-bottom: -50px; padding: 94px 44px 44px; border: #bc9d6a 1px solid; display: none;}
.join-sec2 .hide .content{font-size: 14px; line-height: 20px; color: #666;}
.join-sec2 .hide .fnFoot{border-top: #bfbfbf solid 1px; margin-top: 55px; padding-top: 15px; height: 120px ;}
.join-sec2 .hide .fnFoot .aside{margin-top: 35px; margin-left: 30px; font-size: 16px; line-height: 30px;}
.join-sec2 .hide .fnFoot .qrcode{width: 600px; text-align: right;}
.join-sec2 .hide .fnFoot .qrcode .item{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; padding-left: 140px; line-height: 120px; color: #333; margin-left: 50px;}
.join-sec2 .hide .fnFoot .qrcode .pic{float: left; margin-left: -140px; width: 120px; height: 120px;}
#network{width: 1200px; height: 600px; margin-left: auto; margin-right: auto; text-align: center;}
/* keyframes use */
@-webkit-keyframes headNod{0%{-webkit-transform: translateY(0); transform: translateY(0);} 6.5%{-webkit-transform: translateY(-3px) rotateX(-9deg); transform: translateY(-3px) rotateX(-9deg);} 18.5%{-webkit-transform: translateY(2px) rotateX(7deg); transform: translateY(2px) rotateX(7deg);} 31.5%{-webkit-transform: translateY(-1px) rotateX(-5deg); transform: translateY(-1px) rotateX(-5deg);} 43.5%{-webkit-transform: translateY(1px) rotateX(3deg); transform: translateY(1px) rotateX(3deg);} 50%{-webkit-transform: translateY(0); transform: translateY(0);}}
@keyframes headNod{0%{-webkit-transform: translateY(0); transform: translateY(0);} 6.5%{-webkit-transform: translateY(-3px) rotateX(-9deg); transform: translateY(-3px) rotateX(-9deg);} 18.5%{-webkit-transform: translateY(2px) rotateX(7deg); transform: translateY(2px) rotateX(7deg);} 31.5%{-webkit-transform: translateY(-1px) rotateX(-5deg); transform: translateY(-1px) rotateX(-5deg);} 43.5%{-webkit-transform: translateY(1px) rotateX(3deg); transform: translateY(1px) rotateX(3deg);} 50%{-webkit-transform: translateY(0); transform: translateY(0);}}
.headNod{-webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headNod; animation-name: headNod;}
@-webkit-keyframes dotShake{0%{-webkit-transform: none; transform: none;} 15%{-webkit-transform: translate3d(-12%, 0, 0) rotate(-4deg); transform: translate3d(-12%, 0, 0) rotate(-4deg);} 30%{-webkit-transform: translate3d(10%, 0, 0) rotate(2deg); transform: translate3d(10%, 0, 0) rotate(2deg);} 45%{-webkit-transform: translate3d(-8%, 0, 0) rotate(-2deg); transform: translate3d(-8%, 0, 0) rotate(-2deg);} 60%{-webkit-transform: translate3d(5%, 0, 0) rotate(1deg); transform: translate3d(5%, 0, 0) rotate(1deg);} 75%{-webkit-transform: translate3d(-3%, 0, 0) rotate(-1deg); transform: translate3d(-3%, 0, 0) rotate(-1deg);} to{-webkit-transform: none; transform: none;}}
@keyframes dotShake{0%{-webkit-transform: none; transform: none;} 15%{-webkit-transform: translate3d(-12%, 0, 0) rotate(-4deg); transform: translate3d(-12%, 0, 0) rotate(-4deg);} 30%{-webkit-transform: translate3d(10%, 0, 0) rotate(2deg); transform: translate3d(10%, 0, 0) rotate(2deg);} 45%{-webkit-transform: translate3d(-8%, 0, 0) rotate(-2deg); transform: translate3d(-8%, 0, 0) rotate(-2deg);} 60%{-webkit-transform: translate3d(5%, 0, 0) rotate(1deg); transform: translate3d(5%, 0, 0) rotate(1deg);} 75%{-webkit-transform: translate3d(-3%, 0, 0) rotate(-1deg); transform: translate3d(-3%, 0, 0) rotate(-1deg);} to{-webkit-transform: none; transform: none;}}
.dotShake{-webkit-animation-name: dotShake; animation-name: dotShake;}
@-webkit-keyframes zoomIns{0%{opacity: 0; -webkit-transform: scale3d(0.77, 0.77, 0.77); transform: scale3d(0.77, 0.77, 0.77);} 50%{opacity: 1;}}
@keyframes zoomIns{0%{opacity: 0; -webkit-transform: scale3d(0.77, 0.77, 0.77); transform: scale3d(0.77, 0.77, 0.77);} 50%{opacity: 1;}}
.zoomIns{-webkit-animation-name: zoomIns; animation-name: zoomIns;}
@-webkit-keyframes fadeInRights{0%{opacity: 0.3; -webkit-transform: translate3d(30px, 0, 0); transform: translate3d(30px, 0, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
@keyframes fadeInRights{0%{opacity: 0.3; -webkit-transform: translate3d(30px, 0, 0); transform: translate3d(30px, 0, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
.fadeInRights{-webkit-animation-name: fadeInRights; animation-name: fadeInRights;}
@-webkit-keyframes fadeInLefts{0%{opacity: 0.3; -webkit-transform: translate3d(-30px, 0, 0); transform: translate3d(-30px, 0, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
@keyframes fadeInLefts{0%{opacity: 0.3; -webkit-transform: translate3d(-30px, 0, 0); transform: translate3d(-30px, 0, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
.fadeInLefts{-webkit-animation-name: fadeInLefts; animation-name: fadeInLefts;}
@-webkit-keyframes fadeInDowns{0%{opacity: 0; -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
@keyframes fadeInDowns{0%{opacity: 0; -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
.fadeInDowns{-webkit-animation-name: fadeInDowns; animation-name: fadeInDowns;}
@-webkit-keyframes rotateY{0%{-webkit-transform: rotateY(0); transform: rotateY(0);} to{-webkit-transform: rotateY(360deg); transform: rotateY(360deg);}}
@keyframes rotateY{0%{-webkit-transform: rotateY(0); transform: rotateY(0);} to{-webkit-transform: rotateY(360deg); transform: rotateY(360deg);}}
.rotateY{-webkit-animation-name: rotateY; animation-name: rotateY;}


.banner {height: auto;}
.banner .shade {padding-bottom: 50%;}
.banner .item {width: 100% !important; height: 100% !important;}
.banner .item img {left: 0;margin-left: 0;width: 100%;height: 100%;display: block; background-color: #f1f1f1;}