/* CSS Document */
html,body{ margin:0; padding:0; font-family:microsft yahei; font-style:normal;}
body{ position:relative; width:1920px; height:auto;min-width:1200px; background:#ebecdb; left:50%; margin-left:-960px; overflow-x:hidden;}
.clear{ clear:both;}
a{ text-decoration:none;color:#fff; font-family:microsoft yahei;}
img{ margin:0; padding:0;border:0;}
:active{cursor:default;}
ul,li{ list-style-type:none; margin:0; padding:0;font-family:microsoft yahei;}
h1,h2,h3,h4,h5,h6,p,a,ul,li,ol,form,input,button{font-family:microsoft yahei;}
.top{ position:relative; width:1400px; padding:0 260px; height:150px; z-index:9; top:0;}
#logo{ position:absolute; top:11px; left:50%; margin-left:-163.5px;}
.top> ul{ position:relative; width:1400px; height:90px; top:0; z-index:999;}
.top> ul> li{ float:left;text-align: center; width:127px; height:90px; font-size:16px; line-height:90px; }
.top> ul> li> a{position: relative; display:block;}
.top> ul> li> ul{ position:absolute; left:-100px; top:85px\9; width:1200px; padding:0 200px; height:150px; line-height:150px;background: rgb(239, 239, 239); display:none;box-shadow: 0 5px 5px 0 rgba(0,0,0,0.2);}
.top> ul> li:hover > ul{display:block; -webkit-animation:navlidx 0.5s;-moz-animation:navlidx 0.5s;-o-animation:navlidx 0.5s;animation:navlidx 0.5s;
animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;}
@-webkit-keyframes navlidx{0%{ height:0}80%{ height:157px;}100%{ height:150px;}}
@-moz-keyframes navlidx{0%{ height:0}80%{ height:157px;}100%{ height:150px;}}
@-o-keyframes navlidx{0%{ height:0}80%{ height:15760px;}100%{ height:150px;}}
@keyframes navlidx{0%{ height:0}80%{ height:157px;}100%{ height:150px;}}
.top> ul> li> ul li{ float:left;}
.top> ul> li> ul> li a{ float:left; width:200px; font-size:18px; color:#333; text-align:center; display:none;opacity:0;}
.top> ul> li:hover > ul> li a{ display:block;-webkit-animation:navliadx 0.3s 0.5s;-moz-animation:navliadx 0.3s 0.5s;-o-animation:navliadx 0.3s 0.5s;animation:navliadx 0.3s 0.5s;
animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;}
@-webkit-keyframes navliadx{0%{opacity:0;}100%{opacity:1;}}
@-moz-keyframes navliadx{0%{opacity:0;}100%{opacity:1;}}
@-o-keyframes navliadx{0%{opacity:0;}100%{opacity:1;}}
@keyframes navliadx{0%{opacity:0;}100%{opacity:1;}}
.top> ul> li:hover > ul> li a:hover{ background:#fff;}
.navlihr{ position:absolute; white-space:127px; height:45px; bottom:0; left:0; top:44px; display:none;}
.navlihr img{position: relative;left: 0;}
.top> ul> li> a:hover .navlihr{ display:block;}
.top> ul> li:hover .navjrwm li { float:right;}
#tops{ top:125px;!important}
.banner{ position:relative; top:-1px;width:1920px; height:647px; overflow:hidden;}
.slide{position: relative; display:block; height: 647px; width:1920px; top:0;overflow:hidden; background:#000;}
.prev,.next{ display: block; width: 0; height: 0; position: absolute; top: 300px; overflow: hidden;z-index: 999; cursor: pointer; opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); _border: 1px solid none; border-top:20px solid transparent; border-bottom:20px solid transparent;}
.prev{ left:170px; border-right:30px solid #fff; }
.next{ right:170px; border-left:30px solid #fff;}
.bg1t{ position:absolute; width:100%; height:100%;opacity:0; z-index:1; -webkit-animation:bg1tdx 3s linear 2.7s;-moz-animation:bg1tdx 3s linear 2.7s;-o-animation:bg1tdx 3s linear 2.7s;animation:bg1tdx 3s linear 2.7s;
animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;}
@-webkit-keyframes bg1tdx{0%{opacity:0;}100%{opacity:1;}}
@-moz-keyframes bg1tdx{0%{opacity:0;}100%{opacity:1;}}
@-o-keyframes bg1tdx{0%{opacity:0;}100%{opacity:1;}}
@keyframes bg1tdx{0%{opacity:0;}100%{opacity:1;}}
.bg11{ position:absolute; top:80px; left:870px; z-index:2;opacity:0;}
.bg12{ position:absolute; top:180px; right:300px; z-index:2;opacity:0;}
.bg12{ animation:bg11dx 3s linear 1.3s;-webkit-animation:bg11dx 3s linear 1.3s;-moz-animation:bg11dx 3s linear 1.3s;-o-animation:bg11dx 3s linear 1.3s;
animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;}
.bg11{animation:bg11dx 2.7s linear .3s;-webkit-animation:bg11dx 2.7s linear .3s;-moz-animation:bg11dx 2.7s linear .3s;-o-animation:bg11dx 2.7s linear .3s;
animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;}
@-webkit-keyframes bg11dx{0%{opacity:0;}100%{opacity:1;}}
@-moz-keyframes bg11dx{0%{opacity:0;}100%{opacity:1;}}
@-o-keyframes bg11dx{0%{opacity:0;}100%{opacity:1;}}
@keyframes bg11dx{0%{opacity:0;}100%{opacity:1;}}
.main{ width:1620px; height:253px; padding:0 150px;}
.mainxy{ width:400px; height:253px; float:left;}
.mainxyimg{ width:228px\9; width:0; height:253px; margin:0 auto; text-align:center;}
.mainxyimgd{-webkit-animation:mainxydx 5s;-moz-animation:mainxydx 5s;-o-animation:mainxydx 5s;animation:mainxydx 5s;
animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;}
@-webkit-keyframes mainxydx{0%{ width:0;}100%{ width:228px;}}
@-moz-keyframes mainxydx{0%{ width:0;}100%{ width:228px;}}
@-o-keyframes mainxydx{0%{ width:0;}100%{ width:228px;}}
@keyframes mainxydx{0%{ width:0;}100%{ width:228px;}}
.mainR{ float:right; width:1160px; height:253px;}
.news{ float:left; width:479px; height:253px; margin-left:80px;}
.news> h1{ font-size:18px; font-weight:normal; font-family:microsoft yahei; color:#5f5f5f; margin:28px 0;}
.news> h1> a{ color:#5f5f5f; cursor:default;}
.news> h1> a> span{ padding:0 15px; margin-right:15px; border-right:1px solid #5f5f5f; color:#005e92; font-size:20px;}
.news> h1> small{text-align:right; float:right; line-height:30px;}
.news> h1> small a{ font-size:12px; color:#0283ca;}
.news> h1> small a:hover{ text-decoration:underline;}
.news> ul{ width:429px; padding:0 50px; border-right:1px solid #888787; height:150px; overflow:hidden;}
.news> ul> li{ margin:9px 0;}
.news> ul> li> a{ font-size:12px; color:#888787;}
.news> ul> li> a:hover{ color:#000;}
.news> ul> li> a> span{ color:#464646; padding-right: 5px;}
.news> ul> li> small{ float:right; color:#b2b2b2; font-size:12px;}
.foot{ position:relative; width:1920px; height:auto; font-family:microsoft yahei;}
.footT{ position:relative; width:1420px; height:auto; margin:0 auto;}
.footTL{ float:left; width:260px; height:auto; padding-top:40px; margin-left:50px;}
.footTL> p{ width:144px; height:40px;}
.footTL> p> a{ color:#a3a1a1; border-bottom:1px solid #454444; height:40px; display:block;}
.footQRC{ width:260px; height:auto; margin-top:40px; text-align:center; color:#909090; font-family:microsoft yahei; font-size:13px;}
.footQRCImgR { float:right; width:85px;}
.footQRCImgL{ float:left; width:85px;}
.footQRCImgimg{ -webkit-animation:footQRCImgLimgdx 1s linear infinite alternate;
-moz-animation:footQRCImgLimgdx 1s linear infinite alternate;
-o-animation:footQRCImgLimgdx 1s linear infinite alternate;
animation:footQRCImgLimgdx 1s linear infinite alternate;}
@-webkit-keyframes footQRCImgLimgdx{0%{box-shadow: 0 0px 5px 0px rgba(255,255,255,0.6);}100%{box-shadow: 0 0px 30px 0px rgba(255,255,255,0.3);} }
@-moz-keyframes footQRCImgLimgdx{0%{box-shadow: 0 0px 5px 0px rgba(255,255,255,0.6);}100%{box-shadow: 0 0px 30px 0px rgba(255,255,255,0.3);} }
@-o-keyframes footQRCImgLimgdx{0%{box-shadow: 0 0px 5px 0px rgba(255,255,255,0.6);}100%{box-shadow: 0 0px 30px 0px rgba(255,255,255,0.3);} }
@keyframes footQRCImgLimgdx{0%{box-shadow: 0 0px 5px 0px rgba(255,255,255,0.6);}100%{box-shadow: 0 0px 30px 0px rgba(255,255,255,0.3);} }
.footTR{ float:left; padding:55px 0; margin-left:150px;}
.footTR> ul{ overflow:hidden;}
.footTR> ul> li{ float:left; width:150px; }
.footTR> ul> li a{color:#DBDBDB;}
.footTR> ul> li> p a{ font-size:13px; color:#888787;}
.footTR> ul> li> p a:hover{ color:#ccc; text-decoration:underline;}
.footB{ position:relative; text-align:center;}
.footx{ position:relative; top:50px;}
.tel{ position:absolute;right: 310px; bottom:53px; color:#999; font-size:14px;}
.tel span{color:#cf7a26; font-size:18px;}
.tel p{margin:2px 0;}
.tel p a{color:#666;}
.cp{ position:absolute;left: 300px;bottom: 75px; text-align:right; font-size:12px; color:#888787;}
.cp> small{color:#504C4C;}
.cp p{ margin:2px 0;text-align: right;}
.nybanner{ position:relative; top:0;width:1920px; height:auto;}
.msgmain{ position:relative; width:1200px; padding:50px 20px; margin:0 auto; height:auto; background:#fff;box-shadow: 0 5px 3px 1px rgba(0,0,0,0.3);}
.msgmainL{ float:left; width:320px; height:auto; background:#bdc0c2; box-shadow:0px 5px 3px -3px rgba(0,0,0,0.6)}
.msgmainLT{ position:relative; width:320px; height:120px; line-height:100px; color:#fff; font-size:18px; font-family:microsoft yahei; text-align:center; letter-spacing:5px; z-index:2;}
.msgmainL> ul{ position:relative; top:-15px; overflow:hidden;}
.msgmainL> ul> li{ position:relative; width:320px; height:76px; background:#d1d2d3; line-height:76px; font-family:microsoft yahei; text-align:center; border-bottom:1px solid #ebecdb;}
.msgmainL> ul> li:first-child{ line-height:90px; height:80px;}
.msgmainL> ul> li:last-child{ border-bottom:0;}
.msgmainL> ul> li:hover{ background:#b2b2b2;}
.msgmainL> ul> li a{color:#01253A; display:block; font-size:18px;}
.msgmainL> ul> li a img{ position:absolute; left:97px; top:40px; display:none;}
.msgmainL> ul> li:first-child a img{top:45px;}
.msgmainL> ul> li a:hover img{ display:block;}
.msgmainLanzs{ width:320px; height:54px; line-height:54px; font-family:microsoft yahei; text-align:center; color:#fff;font-size:18px;letter-spacing:5px;}
.msgmainLal{ width:320px; height:172px;}
.msgmainL p{ font-size:12px; color:#575755; padding-left:10px;}
.msgmainR{ position:relative; float:right; width:860px; height:auto; text-align:center;}
.messagex{ position:absolute; top:35px; width:860px; height:1px; z-index:0;}
.msgmainR> p{ position:relative; text-align:center; font-size:18px; color:#0d0d0b;letter-spacing:5px; font-family:microsoft yahei; margin:0;}
.msgform{ width:740px; height:auto; text-align:right;}
.msgform> p> input{ float:right; width:625px; height:50px; font-size:16px; background:#fff; border:1px solid #c0c0c0;box-shadow: 0 1px 3px -1px rgba(0,0,0,0.3);}
.msgform> p{ float:right; text-align:right; line-height:50px; font-size:18px; color:#3a3b3c; font-family:microsoft yahei; margin:10px 0;}
.msgform> textarea{ width:621px;margin:10px 0 30px 100px; height:300px; float:right; resize:none; background:#fff; border:1px solid #c0c0c0;box-shadow: 0 1px 3px -1px rgba(0,0,0,0.3);}
.msgmainR> button{ width:220px; height:60px; margin:50px auto; background:#054467; border:0; border-radius:3px; cursor:pointer; color:#fff; font-size:18px; font-family:microsoft yahei;}
.msgmainR> button:hover{ box-shadow: 0 0 3px 2px rgba(5, 68, 103, 0.5);}
.msgmainR ul{ overflow:hidden;}
/* Case */
.case{ width:860px; height:auto; overflow:hidden;}
.case li{ float:left; width:280px; position:relative; margin:15px 3px; }
.case li:hover{box-shadow: 0 3px 4px 0px rgba(0, 0,0, 0.9);}
.caselit{ width:280px; height:210px; overflow:hidden;}
.caselit>a img{ width:100%; height:210px; position:relative;}
.caseliw{width:200px; height:32px; padding:0 40px; line-height:32px; text-align:center;background:#31558a;}
.caseliw> a{color:#ebecdb; display:block;}
/* about */
.about{ width:760px; padding:20px 50px; font-family:microsoft yahei; color:#727570; font-size:14px; line-height:30px; letter-spacing:2px; text-align:left;}
.about img{/*width: 80%;*/margin: auto;/*display: block;*/max-width: 100%;}
.newsxyby{ position:relative; width:450px; height:26px; margin:50px auto; overflow:hidden;}
.newsxyby> img{ position:relative; left:0; z-index:1;}
.aboutxybyd{ position:absolute; width:100%; height:100%; z-index:2; top:0; left:0;left:100%\9; background:#fff; }
.aboutxybyd1{ -webkit-animation:aboutxybyddx 5s linear 0.7s;-moz-animation:aboutxybyddx 5s linear 0.7s;-o-animation:aboutxybyddx 5s linear 0.7s;animation:aboutxybyddx 5s linear 0.7s;
animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;}
@-webkit-keyframes aboutxybyddx{0%{ left:0;}100%{left:100%;}}
@-moz-keyframes aboutxybyddx{0%{ left:0;}100%{left:100%;}}
@-o-keyframes aboutxybyddx{0%{ left:0;}100%{left:100%;}}
@keyframes aboutxybyddx{0%{ left:0;}100%{left:100%;}}
.aboutliucheng{ text-align:center; margin-top:50px;}
.logoshadow{ position:absolute; top:13.5px; left:917px; width:82px; height:82px; border-radius:41px;
-webkit-animation:logoshadowdx 1s linear infinite alternate;
-moz-animation:logoshadowdx 1s linear infinite alternate;
-o-animation:logoshadowdx 1s linear infinite alternate;
animation:logoshadowdx 1s linear infinite alternate;}
@-webkit-keyframes logoshadowdx{0%{box-shadow: 0 0px 15px 0px rgba(255,255,255,0.6);}100%{box-shadow: 0 0px 30px 0px rgba(255,255,255,0.3);} }
@-moz-keyframes logoshadowdx{0%{box-shadow: 0 0px 15px 0px rgba(255,255,255,0.6);}100%{box-shadow: 0 0px 30px 0px rgba(255,255,255,0.3);} }
@-o-keyframes logoshadowdx{0%{box-shadow: 0 0px 15px 0px rgba(255,255,255,0.6);}100%{box-shadow: 0 0px 30px 0px rgba(255,255,255,0.3);} }
@keyframes logoshadowdx{0%{box-shadow: 0 0px 15px 0px rgba(255,255,255,0.6);}100%{box-shadow: 0 0px 30px 0px rgba(255,255,255,0.3);} }
.zhaopin{ width:860px;}
.zhaopin> li{ float:left; width:380px; height:40px; margin:20px 0; line-height:40px; text-align:right;}
.zhaopin> li input{ float:right; width:280px; height:38px; padding:0 5px; font-size:16px; border:1px solid #ccc;; border-radius:2.5px; outline:none;transition:all .5s;-webkit-transition:all .5s;}
.zhaopin> li:first-child{ padding-right:200px;}
.zhaopin> li:first-child input{ border:1px solid transparent; border-bottom:1px solid #ccc;}
.zhaopin> li input:focus{box-shadow: 0 0 5px rgba(44,93,193,1);border:1px solid transparent; border-radius:10px; }
.zhaopin> textarea{ width:670px; height:100px; float:left;resize:none; font-size:16px; border:1px solid #ccc; margin:20px 50px 0 0;transition:all .5s;-webkit-transition:all .5s;}
.zhaopin> textarea:focus{ height:150px;}
.zhaopin> p{ float:left; text-align:left; font-size:16px; padding-left:8px; margin-top:50px;}
/* team */
.ck-slide ul { margin: 0; padding: 0; list-style-type: none;}
.ck-slide { position: relative; overflow: hidden;}
.ck-slide ul.ck-slide-wrapper { position: absolute; top: 0; left: 0; z-index: 1; margin: 0; padding: 0;}
.ck-slide ul.ck-slide-wrapper li { position: absolute;}
.ck-slidebox { position: absolute; right: 0; bottom:0; z-index: 30;}
.ck-slidebox ul { height: 10px; padding: 0 4px; border-radius: 8px;}
.ck-slidebox ul li { float: left; height: 12px; margin: 0px 4px;}
.ck-slidebox ul li em { display: block; width: 8px; height: 8px; border-radius: 100%; background-color: #fff; text-indent: -9999px; cursor: pointer;}
.ck-slidebox ul li.current em { background-color: #fe6500;}
.ck-slidebox ul li em:hover { background-color: #fe6500;}
.ck-slide { width: 320px; height: 172px; margin: 0 auto;}
.ck-slide ul.ck-slide-wrapper { height: 320px;}
.msgmainteam{ position:relative; width:1200px; padding:50px 20px; margin:0 auto; height:auto; background:none;box-shadow:none;}
.team{ width:860px; height:atuo; overflow:hidden;}
.team> li{ position:relative; width:840px; height:312px; margin:10px; text-align:left; transition:all .27s;}
.team> li:hover{ background:#fff; box-shadow:0 2px 3px rgba(0,0,0,.2); position:relative}
.teamimg{ width:241px; height:312px; float:left; overflow:hidden; margin-right:40px;}
.teamimg a img{ width:100%;}
.team> li> h2{ font-weight:normal; color:#012f48; padding-top:40px; padding-bottom:20px; border-bottom:1px solid #c7c8c2;}
.team> li> h2> span{ font-size:14px; letter-spacing:2px; margin-left:20px; color:#393939;}
.team> li> h3{ font-weight:normal; font-size:14px; color:#282828; margin:40px 0;}
.team> li> h3> span{ margin-left:25px; color:#323030;}
.team> li> p{ font-size:14px; text-indent:2em; padding-right:25px; line-height:40px; color:#4e4e4e;}
.teammore{ position:absolute; right:40px; top:35px; width:38px; height:38px; background:#898989 url(../image/teammore.png) 50% no-repeat; cursor:pointer; transition:all .27s;}
.teammore:hover{ background:#ff6c14 url(../image/teammore.png) 50% no-repeat;}
/* news */
.newsny{ width:860px;}
.newsnyx{ width:860PX;height:12px; background:url(../image/newstopx.png) repeat-x;}
.newsny> li{ width:840px; margin:0 10px; height:140px; padding:10px 0; border-top:1px solid #dadbcc; text-align:left; font-size:14px; font-family:microsoft yahei;}
.newsnyliimg{ float:left; width:190px; height:120px; margin:10px 0; margin-right:30px; overflow:hidden;}
.newsnyliimg img{ position:relative; width:100%; left:50%;left:0\9; top:20%;top:0\9;transform:translate(-50%,-20%);-webkit-transform:translate(-50%,-20%);}
.newsny> li> h4{ font-weight:600; }
.newsny> li> h4 a{color:#1e1e1e;}
.newsny> li> h4 a:hover{ text-decoration:underline;}
.newsny> li> p{ line-height:30px; text-indent:2em; color:#4e4e4e; margin:0;}
.newsny> li> span{ font-size:12px; color:#999;}
.newsny> li:first-child{ height:335px; padding-top:30px;border:0; }
.newsny> li:first-child> .newsnyliimg{ width:440px; height:296px; margin-right:10px;}
.newsny> li:first-child> h4{ border-bottom:1px solid #dadbcc; padding-bottom:10px;}
.newsny> li:first-child> p{ margin-top:15px; max-height:180px; overflow:hidden;}
/* zpqs */
.zpqs{ width:840px;padding:0 20px;box-shadow:0 0 3px rgba(0,0,0,0.6); margin:10px; text-align:left; padding-bottom:30px; margin-top:30px; font-family:microsoft yahei;}
.zpqstop{ width:100%; font-size:18px; padding:50px 0 20px 0; color:#2c71bb;border-bottom:1px solid #dadbcc;}
.zpqstop> img{ position:relative; top:3px; margin:0 20px 0 35px;}
.zpqstop> span{ font-size:14px; color:#6f706e; margin:0 10px;}
.zpqstop> small{ float:right; margin-right:40px;}
.zpqstop> small a{color:#2c71bb;}
.zpqsul{ width:800px; margin-left:40px;}
.zpqsul li{ float:left; width:100%; height:auto; padding:15px 0; }
.zpqsliL{ margin-left:40px; height:100%; margin-top:5px; float:left; margin-bottom:15px;}
.zpqsliR{ float:right; width:630px; text-align:left; padding-right:20px;}
.zpqsliR p{ font-size:14px; color:#6f706e; margin:5px 0;}
/* jiameng */
.jiamengT{ position:relative; width:100%; text-align:center; margin-top:20px;}
.jiameng{ width:820px; text-align:left; padding:20px;}
.jiameng> p{ font-size:14px; color:#012f49; margin-bottom:30px;}
.jmform{ font-size:14px; width:620px; padding:0 50px; margin:0 auto;text-align: center; letter-spacing:2px;}
.jmform p input{ position:relative; width:460px; margin:5px 50px 5px 30px; height:41px; border:0; font-size:16px; text-indent:1em; box-shadow:0 0 1px rgba(0,0,0,.6); border-radius:3px; outline:none; transition:all .3s;-webkit-transition:all .15s; overflow:hidden;}
.jmform p input:focus{ box-shadow:0 0 3px rgba(26,119,171,1);}
.jmform> textarea{ float:left; width:567px; height:100px; resize:none;margin-bottom: 30px; border:0;box-shadow:0 0 1px rgba(0,0,0,.6); transition:all .7s; outline:none;}
.jmform> textarea:focus{ height:300px;box-shadow:0 0 3px rgba(26,119,171,1);}
.buttonqr{ position:relative; width:110px; height:35px; border-radius:3px; margin-top:30px;background: #D2D2D2; border:0; outline:none; overflow:hidden; cursor:pointer;box-shadow:0 0 3px rgba(0,0,0,1);}
.buttonqr::before{ position:absolute; content:"提交"; top:0; left:0; width:110px; height:35px; display:block; z-index:2; line-height:35px; font-size:16px;transition:all .3s;}
.buttonqr::after{position:absolute; content:""; top:0; left:50%; left:0\9;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%); width:80px; border-radius:3px; height:35px; display:block; z-index:1; background:rgba(8,80,120,0); transition:all .3s;}
.buttonqr:hover::after{ width:110px; background:rgba(8,80,120,1);}
.buttonqr:hover::before{ color:#fff;}
.lxwm{ width:650px; margin:20px auto; text-align:left;font-size:14px; letter-spacing:2px;}
.lxwm h4{ font-weight:normal; margin:40px 0;}
.lxwm p img{ position:relative; float:left; margin-right:30px;}
.lxwm p{ margin:10px 0;}
.lxwm p:last-child{ margin-left:30px;}
/**********************************************************************************/
.buttonqr{ position:relative; display:block; width:110px; height:35px; margin:0 auto; border-radius:3px; border:0; outline:none; overflow:hidden; cursor:pointer;box-shadow:0 0 3px rgba(0,0,0,1);}
.buttonqr::before{ position:absolute; content:"提交"; top:0; left:0; text-align:center; width:110px; height:35px; display:block; z-index:2; line-height:35px; font-size:16px;transition:all .3s;}
.buttonqr::after{position:absolute; content:""; top:0; left:50%; left:0\9;transform:translateX(-50%); width:80px; border-radius:3px; height:35px; display:block; z-index:1; background:rgba(8,80,120,0); transition:all .3s;}
.buttonqr:hover::after{ width:110px; background:rgba(8,80,120,1);}
.buttonqr:hover::before{ color:#fff;}
#buttonqrinp{ display:none;}
#lc_techang{margin-bottom: 30px;}
.page_fy a{ margin:0 10px; color:#292929; font-size:14px;}
.page_fy a:hover{text-decoration: underline;}
.page_fy a:last-child:hover{text-decoration:blink}
.msg_map {
width:100%;
height:500px;
box-shadow: 0 0 3px rgba(0,0,0,.4);
position: relative;
}
.cp {
position: absolute;
left: 297px;
bottom: 55px;
text-align: left;
font-size: 12px;
color: #888787;
}
.cp a {
color: #888787;
}
.fy a {
height: 5em;
line-height: 5em;
text-align: center;
margin-bottom: 100px;
color:#000;
}