@charset "utf-8";/* CSS Document *//* 通用属性 */html,body  { position:relative; height:100%;  }* { margin:0; padding:0; list-style:none; }body { font-size:14px; color:#222; font-family: 'Roboto',Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜, Helvetica, Arial, "Ã£Æ’â€™Ã£Æ’Â©Ã£â€šÂ®Ã£Æ’Å½Ã¨Â§â€™Ã£â€šÂ´ ProN W3", "HiraKakuProN-W3", "Ã£Æ’â€™Ã£Æ’Â©Ã£â€šÂ®Ã£Æ’Å½Ã¨Â§â€™Ã£â€šÂ´ Pro W3", "Hiragino Kaku Gothic Pro", "Ã£Æ’Â¡Ã£â€šÂ¤Ã£Æ’ÂªÃ£â€šÂª", Meiryo, "Ã¯Â¼Â­Ã¯Â¼Â³ Ã¯Â¼Â°Ã£â€šÂ´Ã£â€šÂ·Ã£Æ’Æ’Ã£â€šÂ¯", sans-serif; }.float_clear,.clear { clear:both; }.float_left { float:left; }.float_right { float:right; }.display_none { display:none; }img { border:0; vertical-align:top; }.red { color:red; }.must_input { font-weight:bold; color:red; }.green { color:green; }.blue { color:blue; }.gray { color:gray; }.purple { color:purple; }.clear { clear:both; }.color { color:#023990; }.highlight { color:#FFF; background:red; padding:1px; }/* a */ a { color:#222; text-decoration:none; text-decoration:none; -o-transition:all .35s; -moz-transition:all .35s; -webkit-transition:all .35s; -ms-transition:all .35s; transition:all .35s; }a:visited { }a:active, a:hover { text-decoration:none; color:#023990; }a:focus { outline:none; }p { line-height:22px; }h1,h2,h3,h4,h5,h6 { font-weight:normal; letter-spacing:1px; }:focus { outline:0; text-decoration:none; }a:focus {outline:0; text-decoration:none; color:#023990;}span,i,em,big,small,b,strong { font-size:inherit; font-weight:normal; font-style:normal; }.flex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; }/**多行多列flex**/.flex[tag='multi'] { flex-wrap:wrap; -webkit-flex-wrap:wrap; }/**单行多列，靠左上对齐**/.flex[tag='LT'] { -webkit-align-items:end; align-items:end; }/**单行，两端对齐，文字居中对齐**/.flex[tag='se'] { justify-content:space-between; -webkit-justify-content:space-between; }.lflex,.LFlex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; }.rflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; }.mflex,.MFlex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; }.MFlex[tag='lm']  { align-items:flex-start; -ms-flex-align:flex-start; -webkit-align-items:flex-start; }input,textarea { border-radius:0; -webkit-appearance:none; appearance:none; background:none; border:0; box-shadow:0 0 0; font-family: 'Roboto',Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜, Helvetica, Arial, "Ã£Æ’â€™Ã£Æ’Â©Ã£â€šÂ®Ã£Æ’Å½Ã¨Â§â€™Ã£â€šÂ´ ProN W3", "HiraKakuProN-W3", "Ã£Æ’â€™Ã£Æ’Â©Ã£â€šÂ®Ã£Æ’Å½Ã¨Â§â€™Ã£â€šÂ´ Pro W3", "Hiragino Kaku Gothic Pro", "Ã£Æ’Â¡Ã£â€šÂ¤Ã£Æ’ÂªÃ£â€šÂª", Meiryo, "Ã¯Â¼Â­Ã¯Â¼Â³ Ã¯Â¼Â°Ã£â€šÂ´Ã£â€šÂ·Ã£Æ’Æ’Ã£â€šÂ¯", sans-serif; font-size:14px; }/* header */
header { position:relative;}
.w1200 { width:1200px; margin:0 auto; }

#top_menu { height:32px; line-height:32px; font-size:14px; border-bottom:1px solid #ccc; }
.top_menu { height:100%; }
.top_menu a { float:right; display:block; margin:0 0 0 15px; }

#top_ads { background:#fff; height:150px; }
.top_ads { height:100%; }
.logo { position:relative; height:100%; }
.logo img { height:60px; }

.top_name { height:100%; padding:0 20px; }
.top_name h2 { line-height: 32px; font-size: 32px; color: #023990; letter-spacing: 0; font-family: '楷体'; font-weight: bold; }
.top_name h3 { line-height: 21px; font-family: '宋体'; font-size: 21px; color: #f69900; letter-spacing:0.9px; font-weight: bold; padding: 3px 0 0;}

.top_contact { height:100%; }.top_contact p { margin:0 0 0 20px; font-size:25px; font-weight:bold; color:#023990; position:relative; }.top_contact p.b { margin:0; }
.top_contact p .iconfont { color: #fff; font-size:60px; width: 60px; height: 60px; border-radius: 100%; margin:0 10px 0 0; font-weight:bold; }.top_contact p .iconfont.qq { color:#409EFF; margin:0; }.top_contact p .iconfont.tel { color:#f00; }
.top_contact p .iconfont.wx { color:#05cb46; margin:0; }.top_contact p img { position: absolute; width: 220px; height: 220px;background: #fff;padding: 10px;box-sizing: border-box;box-shadow: 0 0 5px; top: 100%;z-index: 100;left: 50%; margin:5px 0 0 -110px; display:none; }.top_contact p:hover img { display:block; }nav { height:56px; background:#023990; border-bottom:1px solid #494a4f; border-top:1px solid #5d5c62; }nav ul { height:100%; }nav ul li { height:100%; width:10%; position:relative; }nav ul li a { height:100%; color:#fff; font-size:18px; }nav ul li a:hover,nav ul li.current a { color:#023990; background:#fff; }nav ul li:before { position:absolute; left:0; bottom:0; width:0; height:3px; background:#f69900; content:''; z-index:1; -o-transition:all .35s; -moz-transition:all .35s; -webkit-transition:all .35s; -ms-transition:all .35s; transition:all .35s; }nav ul li:hover:before,nav ul li.current:before { width:100%; }.success { -webkit-animation:fadeIn 01s ease 0.2s 1 both; animation:fadeIn 1s ease 0.2s 1 both; -moz-animation:fadeIn 1s ease 0.2s 1 both; -o-animation:fadeIn 1s ease 0.2s 1 both; -ms-animation:fadeIn 1s ease 0.2s 1 both; }@-webkit-keyframes fadeIn {from { opacity:0; }to { opacity:1; }}@keyframes fadeIn {from { opacity:0; }to { opacity:1; }}.rotate180 { transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); -webkit-transform:rotate(180deg); }/*首页CSS*/.index { }/*index*/.ititle { border-bottom:1px solid #ccc; }.ititle i { font-size:40px; line-height:40px; }.ititle span { font-size:30px; }.ititle em { font-size:24px; text-transform:uppercase; padding:0 0 30px; position:relative; }.ititle em:before { position:absolute; left:-10px; bottom:-1px; right:-10px; height:3px; content:''; background:#f69900; }.imore { padding:0 0 50px; }.imore a { width:240px; height:46px; overflow:hidden; border-radius:30px; text-align:center; font-size:16px; color:#838383;border:1px solid #ccc; position:relative; }.imore a:before { position:absolute; left:0; top:0; bottom:0; width:0; z-index:-1; background:#f69900; content:''; -o-transition:all .35s; -moz-transition:all .35s; -webkit-transition:all .35s; -ms-transition:all .35s; transition:all .35s; }.imore a i { padding:0 0 0 5px; }.imore a:hover { color:#fff; }.imore a:hover:before { width:100%; }#ibrand { padding:50px 0 0; }.ibrand ul { margin:0 -15px; padding:15px 0; }.ibrand ul li { padding:15px; box-sizing:border-box; float:left; width:25%; }.ibrand ul a { display:block; }.ibrand ul dl { background:#f6f6f6; border-radius:8px; box-shadow:0 0 10px #aaa; }.ibrand ul dt { height:80px; font-size:30px; }.ibrand ul dd.flex { background:#fff; }.ibrand ul dd.flex img { width:100%; padding:10px; box-sizing:border-box; }.ibrand ul dd.info { padding:10px; line-height:24px; }.ibrand ul li a:hover dl { background:#fff; box-shadow:0 0 10px #333; border-radius:0; }.ibrand ul li a:hover dl dd.flex { background:#f6f6f6; }#iabout { position:relative; background:url(images/iabout_bg.jpg) no-repeat fixed center / cover; padding:50px 0 0; }.iabout { padding:30px 0; width:600px; }.iabout p { line-height:28px; }#iabout .imore a { background:#f69900; color:#fff; }#iproducts { position:relative; padding:50px 0 0; }#iproducts:before { position:absolute; left:50%; top:-300px; content:''; background:url(images/ipro.png) no-repeat 100% 100%; height:500px; width:446px; margin:0 0 0 -600px; }.iproducts { padding:15px 0; }.iproducts ul { margin:0 -15px; }.iproducts ul li { float:left; width:33.3333334%; padding:15px; box-sizing:border-box; }.iproducts ul li dl { position:relative; width:100%; background:#f6f6f6; border:1px solid #F1F1F1; border-radius:5px; overflow:hidden; box-sizing:border-box; padding:15px; }.iproducts ul li dl a { width:100%; height:100%; }.iproducts ul li dt { height:100%; width:50%; }.iproducts ul li dt img { width:100%; border-radius:100%; }.iproducts ul li dd { height:100%; width:50%; font-size:16px; }.iproducts ul li dd i { width:40px; height:40px; line-height:40px; text-align:center; font-size:20px; background:#333; color:#fff; border-radius:100%; }.iproducts ul li dd b { font-size:16px; padding:10px 0 0; }.iproducts .a { padding:20px 0 10px; }.iproducts ul li dl:hover { background:none; box-shadow:0 5px 20px #ccc; border-radius:0; }.iproducts ul li dl:hover a { color:#f69900 }.iproducts ul li dl:hover dd i { background:#f69900 }.iproducts ul li dl:hover dt img { border-radius:0; }#isolution { padding:0 0 20px; }.isolution { padding:30px 0 0; }#isolution .imore { padding:30px 0; }.isolution li { float:left; width:12.5%; }.isolution li dl { position:relative; }.isolution li dl a { display:block; position:relative; text-align:center; }.isolution li dl dt { position:relative; }.isolution li dl dt img { width:100%; }.isolution li dl dd { -o-transition:all .35s; -moz-transition:all .35s; -webkit-transition:all .35s; -ms-transition:all .35s; transition:all .35s; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,0.6); color:#000; }.isolution li dl dd i { font-size:60px; }.isolution li dl dd b { font-size:16px; }.isolution li dl:hover dd { background:rgba(0,0,0,0.6); color:#fff; }.iad img { max-width:100%; }.map { width:100%; height:400px; }.iw_poi_title { color:#f69900; font-size:16px; color:red; overflow:hidden; padding-right:13px; white-space:nowrap; }.iw_poi_content { font-size:14px; overflow:visible; padding-top:4px; white-space:-moz-pre-wrap; word-wrap:break-word; }/*footer*/footer { background:#023990; color:#fff; }footer a { color:#fff; }	footer a:hover { color:#fff; }.footer { padding:30px 0; }.footer .channel_contact { padding:0; margin:0 auto; width:1200px; background:none; }.footer .channel_contact:before { top:30px; background:#fff; }.footer .channel_contact:after { top:30px; background:#fff; }.footer .channel_contact li a:before { background:#fff; top:11px; right:10px; bottom:11px; left:10px; content:''; z-index:-1; position:absolute; }.footer.fixed { position:fixed; left:0; right:0; bottom:0; z-index:10000; background:rgba(2,57,144,0.9); border:0; padding:12px 0 8px; }.footer.fixed .channel_contact:before,.footer.fixed .channel_contact:after { display:none; }.footer_contact { background:#222; padding:30px 0; }.footer_contact h2 { font-size:30px; line-height:30px; padding:0 0 20px; }.footer_contact .left { width:220px; }.footer_contact .left li { float:left; width:50%; }.footer_contact .left li a { font-size:16px; line-height:30px; display:block; }.footer_contact .middle { width:540px; }.footer_contact .middle ul {  }.footer_contact .middle li { width:150px; height:150px; }.footer_contact .middle li:nth-child(2) { margin:0 40px; }.footer_contact .middle li a { width:100%; height:100%; border:3px solid #fff; border-radius:100%; font-size:80px; box-sizing:border-box; }.footer_contact .middle li a img { max-width:64%; max-height:64%;  }.footer_contact .right { width:410px; padding:0 0 0 40px; }.footer_contact .right p { float:left; width:50%; font-size:16px; line-height:30px; text-align:left; }.footer_contact .right p:last-child { width:100%; }.footer_contact .right p i { font-size:15px; }.law_info { padding:20px 0; font-size:16px; color:#fff; }.law_info i,.law_info a { margin:0 10px; color:#fff; }/*cover*/#cover { position:relative; height:400px; z-index:1; }.cover { position:relative; width:1200px; background:rgba(2,57,144,0.6); box-sizing:border-box; padding:20px; text-align:center; color:#fff; }.cover h2 { font-size:30px; text-shadow: 1px 1px 1px #000; }.cover h3 { font-size:24px; text-shadow: 1px 1px 1px #000; }.cover p { font-size:14px; line-height:24px; text-shadow: 1px 1px 1px #000; }#TS { position:relative; height:100px; margin:-10px 0 0; z-index:2; }#TS:before { position:absolute; left:0; right:0; top:10px; bottom:10px; content:''; background:#023990; z-index:-1; }#TS:after { position:absolute; left:0; top:0; bottom:0; right:calc(50% + 400px); content:''; background:#f69900; z-index:0; }#TS .w1200 { height:100%; position:relative; z-index:3; }#TS dl { height:100%; width:200px; color:#fff; position:relative; z-index:4; }#TS dl:before { width:0; height:0; border-color: #b67201 transparent; border-width: 0 20px 10px 0; border-style:solid; content:''; position:absolute; right:-20px; top:0; z-index:5; }#TS dl:after { width:0; height:0; border-color:transparent #b67201; border-width: 0 0 10px 20px ; border-style:solid; content:''; position:absolute; right:-20px; bottom:0; z-index:5; }#TS dt { font-size:60px; line-height:60px; height:60px; }#TS dd { width:140px; height:100%; }#TS dd i { font-size:30px; line-height:30px; }#TS dd b { text-transform:uppercase; font-weight:bold; font-size:15px; }#TS form { height:100%; width:980px; margin:0 0 0 20px; }#TS li { color:#fff; }#TS li input[type="text"] { background:#fff; }#TT { margin:30px 0; }#TT .w1200 { height:36px; line-height:36px; border:1px solid #ccc; border-radius:18px; padding:0 15px; box-sizing:border-box; color:#023990; }#TT a { color:#023990; }#TT i { margin:0 5px; font-size:12px; }#TT span { margin:0 5px 0 0; font-size:20px; }#TT a.current { color:#f69900; }/*channel_contact*/.channel_contact { height:60px; line-height:60px; position:relative; width:1160px; margin:0 auto; z-index:1; padding:20px; box-shadow:0 0 10px #023990; background: -moz-linear-gradient(left, #ccc, #fff 30%, #fff, #fff 75%, #ccc);    background: -webkit-linear-gradient(linear, left, #ccc, #fff 30%, #fff, #fff 75%, #ccc);    background: -webkit-gradient(linear, left, from(#ccc), color-stop(30%, #fff), color-stop(30%, #fff), color-stop(75%, #fff), color-stop(75%, #ccc));    background: -webkit-linear-gradient(left, #ccc, #fff 30%, #fff, #fff 75%, #ccc);    background: -webkit-gradient(linear,left, from(#ccc), color-stop(30%, #fff), color-stop(#fff), color-stop(75%, #fff), to(#ccc));    background: linear-gradient(left, #ccc, #fff 30%, #fff, #fff 75%, #ccc); }.channel_contact ul,.channel_contact li { height:100%; }.channel_contact li a { font-size:60px; padding:0; margin:0 15px; cursor:pointer; color:#595d61; width:60px; height:60px; line-height:60px; position:relative; z-index:1; }.channel_contact li a.qq { color:#409EFF; }.channel_contact li a.wx { color:#05cb46 }.channel_contact li a.phone { color:#f60 }.channel_contact li a.mobile { color:red }.channel_contact li a.address { color:#c513bf; }.channel_contact li a.email { color:#ccc62d; }.channel_contact:after { left:890px; top:50px; right:0; height:1px; background:#023990; content:''; position:absolute; }.channel_contact:before { left:0; right:890px; top:50px; height:1px; background:#023990; content:''; position:absolute; }.channel { position:relative; margin:0 auto 50px; }.left { float:left; width:210px; }.left .title { background:#fff; border:1px solid #ccc; border-top:3px solid #023990; padding:10px 0; }.left .title h2 { font-size:30px; }.left .title h3 { font-size:20px; }.left .title h4 { font-size:16px; color:#ccc; text-transform:uppercase; }.left .cate { border:1px solid #ccc; border-top:0; border-radius:0 0 12px 12px; }.left .cate ul { padding:8px; }.left .cate li { padding:8px; }.left .cate li a { display:block; line-height:24px; padding:0 23px; color:#fff; background:#717171; border-radius:5px; }.left .cate li a:hover,.left .cate li a.current { color:#fff; background:#023990; }.right { float:right; width:960px; }.right .rtitle { height:36px; padding:0 10px; border-bottom:1px solid #ececec; border-top:1px solid #ececec; margin:20px 0 0; }.right .rtitle h2 { font-size:20px; text-transform:uppercase; color:#f69900; }.right .rtitle h2 i { padding:0 0 0 5px; font-size:12px; color:#023990; }.rnews { background:#fff; padding: 5px 10px 20px; }.rnews li { line-height:40px; height:40px; border-bottom:1px solid #ececec; float:left; width:350px; margin:0 10px; }.rnews li a { display:block; }.rnews li i { font-size:14px; color:#999; padding:0 2px 0 0; }.rnews li span { float:right; }/**searchTable**/form.flex { width:100%; }form.flex ul { margin:0 -10px; }form.flex li { box-sizing:border-box; padding:0 10px; }form.flex li { width:18%; }form.flex ul li:last-child { width:10%; }form.flex label { display:block; height:16px; line-height:16px; font-size:16px; }form.flex li input[type="text"] { border:1px solid #ccc; height:32px; line-height:32px; display:block; width:100%; box-sizing:border-box; padding:0 10px; font-size:16px; text-transform:uppercase; margin:6px 0 0; }form.flex li input[type="submit"] { border:1px solid #ccc; height:54px; line-height:52px; display:block; width:100%;font-size:18px; text-transform:uppercase; cursor:pointer; background:#f69900; color:#fff; }.searchTable { color:#222; }.searchTable .page_turner { margin:30px 0 0; }.searchTable table { border-collapse:collapse; width:100%; text-transform:uppercase; }.searchTable thead tr { background:#f9f9f9; }.searchTable th { text-align:left; border:1px solid #ccc; border-bottom:2px solid #ccc; font-weight:bold; padding:5px; font-size:16px; }.searchTable tbody tr:nth-child(2n) { background:#f9f9f9; }.searchTable td { padding:5px; border:1px solid #ccc; cursor:pointer; }.searchTable tbody tr:hover { background:#999; }.searchTable tbody tr:hover td { color:#fff; }.searchTable thead tr.title th { text-align:center; color:#f69900; }.searchTable h4 { margin:30px 0 0; height:40px; }.searchTable h4 a { height:100%; color:#fff; font-size:16px; padding:0 10px; margin:0 10px; }.searchTable h4 .mflex { background:#023990; }.searchTable h4 .flex { background:#f69900; }/*content*/.content {  }.content h2 { font-size:20px; padding:5px 0; color:#023990 }.content h2:first-child { padding:0 0 5px; }.content h3 { font-size:18px; padding:5px 0 3px; color:#023990; }.content p { text-indent:2em; padding:0 0 3px; line-height:22px; font-size:14px; }/*品牌*/#brand ul {  }#brand ul li { border:1px solid #ccc; margin:0 0 30px; padding:20px; border-radius:12px; }#brand ul li a { display:block; }#brand ul dl { height:200px; }#brand ul dt { height:100%; width:200px; padding:0 20px 0 0; }#brand ul dt img { max-height:100%; max-width:100%; }#brand ul dd { height:100%; width:100%; }#brand ul p { font-size:16px; line-height:26px; margin:0 0 5px; }#brand ul li:hover { box-shadow:0 0 10px #023990; border-color:#023990; }#brand ul h2 { padding:0; }#brand ul i { font-size:30px; }#brand hgroup { margin:0 0 30px; }#brand hgroup img { float:left; height:260px; width:260px; padding:20px; border:1px solid #ccc; margin:0 20px 0 0; border-radius:12px; }/*Pro*/#products {  }#products hgroup { padding:10px; border:1px solid #ccc; margin:0 0 30px; border-radius:12px; }#products dl { padding:0 0 20px; border-bottom:1px solid #ccc; height:150px; margin:0 10px 10px; }#products dl a { height:100%; }#products dt { width:150px; height:100%; padding:0 20px 0 0; }#products dt img { width:100%; height:100%; }#products dd { width:calc(100% - 170px); height:100%; }#products dl p { margin:0 0 10px; }#products dl i { font-size:30px; }#products figure { float:left; width:20%; padding:10px; box-sizing:border-box; }#products figure a { border:1px solid #ccc; padding:5px 5px 0; }#products figure img { width:100%; height:107x; }#products figure figcaption { border-top:1px solid #ccc; height:24px; width:100%; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; }#products hgroup:hover { box-shadow:0 0 10px #023990; border-color:#023990; }#products figure a:hover { border-color:#023990; }#products figure a:hover figcaption { border-color:#023990; }#products hgroup.pd { padding:20px; }#products hgroup.pd dl { padding:0; border:0; height:150px; margin:0; }/*products_info*/#products_info {  }#products_info img { margin:0 auto 20px; max-width:100%x; display:block; }#products_info table { border-collapse:collapse; width:100%; text-transform:uppercase; margin:0 0 10px; }#products_info table td { padding:10px; border:1px solid #ccc; font-size:18px; text-align:center; }/*solution, catalog*/.ss ul { margin:0 -15px; }.ss li { padding:0 15px; margin:0 0 50px; width:33.3333334%; box-sizing:border-box; float:left; }.ss li a { display:block; }.ss dl { position:relative; }.ss dt { font-size:20px; }.ss dd.intro { font-size:14px; line-height:24px; }.ss dd.flex { border:1px solid #ccc; height:230px; margin:10px 0 0; }.ss dd.flex i { font-size:115px; -webkit-transition:all 0.35s ease; -moz-transition:all 0.35s ease; -o-transition:all 0.35s ease; transition:all 0.35s ease; -ms-transition:all 0.35s ease; }.ss dd.mflex { height:50px; position:absolute; left:125px; bottom:-25px; -webkit-transition:all 0.35s ease; -moz-transition:all 0.35s ease; -o-transition:all 0.35s ease; transition:all 0.35s ease; -ms-transition:all 0.35s ease; font-size:50px; line-height:50px; width:50px; }.ss li a:hover dd.flex i { transform:scale(1.25); -moz-transform:scale(1.25); -o-transform:scale(1.25); -ms-transform:scale(1.25); -webkit-transform:scale(1.25); }.ss li a:hover dd.mflex { transform:translateX(125px); -webkit-transform:translateX(125px); }/*solutions, detail*/#solutions hgroup { padding:30px 0 0; border-top:1px solid #ccc; margin:30px 0 0; }#solutions hgroup h2 { padding:0 }#solutions dl { border-bottom:1px solid #ccc; }#solutions hgroup dl:last-child { border:0; }#solutions dt { font-size:16px; padding:10px 0 5px; color:#023990; }#solutions dl.close dd.intro,#solutions dl.close dd.up { display:none; }#solutions dl.open dd.sintro,#solutions dl.open dd.down { display:none; }#solutions dd.flex { position:relative; padding:20px 0 30px; font-size:16px; color:#023990; cursor:pointer; }#solutions dd.flex i { font-size:22px; padding:0 10px 0 0; -webkit-animation-duration:1.3s; animation-duration:1.3s; -o-animation-duration:1.3s; -ms-animation-duration:1.3s; -moz-animation-duration:1.2s; -webkit-animation-fill-mode:both; -o-animation-fill-mode:both; -ms-animation-fill-mode:both; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; -o-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite; animation-timing-function:linear; -moz-animation-timing-function:linear; -o-animation-timing-function:linear; -webkit-animation-timing-function:linear; -ms-animation-timing-function:linear;  }#solutions dd.down.flex i { -moz-animation-fill-mode:UPDOWN; -webkit-animation-name:UPDOWN; animation-name:UPDOWN; -o-animation-name:UPDOWN; -ms-animation-name:UPDOWN; }#solutions dd.up.flex i { -moz-animation-fill-mode:DOWNUP; -webkit-animation-name:DOWNUP; animation-name:DOWNUP; -o-animation-name:DOWNUP; -ms-animation-name:DOWNUP; }@-webkit-keyframes UPDOWN {0% { transform:translateY(-100%); -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%); -o-transform:translateY(-100%); -ms-transform:translateY(-100%); opacity:1; }100% { transform:translateY(100%); -webkit-transform:translateY(100%); -moz-transform:translateY(100%); -o-transform:translateY(100%); -ms-transform:translateY(100%); opacity:0; }}@keyframes UPDOWN { 0% { transform:translateY(-100%); -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%); -o-transform:translateY(-100%); -ms-transform:translateY(-100%); opacity:1; }100% { transform:translateY(100%); -webkit-transform:translateY(100%); -moz-transform:translateY(100%); -o-transform:translateY(100%); -ms-transform:translateY(100%); opacity:0; }}@-webkit-keyframes DOWNUP {0% { transform:translateY(100%); -webkit-transform:translateY(100%); -moz-transform:translateY(100%); -o-transform:translateY(100%); -ms-transform:translateY(100%); opacity:1; }100% { transform:translateY(-100%); -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%); -o-transform:translateY(-100%); -ms-transform:translateY(-100%); opacity:0; }}@keyframes DOWNUP { 0% { transform:translateY(100%); -webkit-transform:translateY(100%); -moz-transform:translateY(100%); -o-transform:translateY(100%); -ms-transform:translateY(100%); opacity:1; }100% { transform:translateY(-100%); -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%); -o-transform:translateY(-100%); -ms-transform:translateY(-100%); opacity:0;}}#solutions dd.intro {  }#solutions dd.intro img { float:left; max-width:300px; margin:5px 20px 0 0; }#solutions dd.img { margin:5px 0 30px; text-align:center; }#solutions dd.img img { max-width:100%; }/*service*/#service { }#service ul { margin:0 -15px; }#service li { padding:0 15px; margin:0 0 30px; box-sizing:border-box; width:33.3333334%; }#service dl { border:1px solid #ccc; padding:10px; border-radius:12px; }#service dl a { display:block; }#service dt { font-size:60px; color:#666; }#service dd h2 { font-size:18px; }#service dd p { margin:5px 0 10px; }#service dd h3 { padding:5px 10px; background:#023990; border-radius:5px; color:#fff;  }#service dl:hover { border:1px solid #f69900; }#service dl:hover dt { color:#f69900; }#service dl:hover dd h3 { background:#f69900; }#serviced { }/*partner*/#partner ul { margin:0 -15px; text-transform:uppercase; }#partner li { float:left; width:20%; padding:0 15px; margin:0 0 30px; box-sizing:border-box; }#partner dl { position:relative; border:1px solid #ccc; padding:5px; text-align:center; -o-transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; transition:all .3s; cursor:pointer; background:#fff; border-radius:12px; }#partner li:hover dl { border-color:#023990; }#partner dt img { width:100%; -o-transition:all .35s; -moz-transition:all .35s; -webkit-transition:all .35s; -ms-transition:all .35s; transition:all .35s; }#partner li:hover dt img { -webkit-filter:grayscale(1); -moz-filter:grayscale(1); -ms-filter:grayscale(1); -o-filter: grayscale(1); filter:grayscale(1); filter:gray; -webkit-filter:gray; -ms-filter:gray; -o-filter:gray; -webkit-transform:translateZ(0); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); -o-transition:all .35s; -moz-transition:all .35s; -webkit-transition:all .35s; -ms-transition:all .35s; transition:all .35s; transform:rotatey(360deg); -o-transform:rotatey(360deg); -ms-transform:rotatey(360deg); -webkit-transform:rotatey(360deg); -moz-transform:rotatey(360deg); }#partner dd { position:absolute; top:50%; left:0; width:100%; background:#023990; line-height:36px; font-size:16px; margin:-18px 0 0; content: ''; -webkit-transform:translate3d(0,80px,0); transform: translate3d(0,80px,0); opacity:0; -webkit-transition:opacity 0.35s,-webkit-transform 0.35s; transition:opacity 0.35s,transform 0.35s; -o-transition:opacity 0.35s,-o-transform 0.35s; -ms-transition:opacity 0.35s,-ms-transform 0.35s; -moz-transition:opacity 0.35s,-moz-transform 0.35s; }#partner dl:hover dd { opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); color:#fff; -o-transition:all .35s; -moz-transition:all .35s; -webkit-transition:all .35s; -ms-transition:all .35s; transition:all .35s; }/**search**//*news*/#news hgroup dl { margin:0 0 30px; box-sizing:border-box; padding:20px; border:1px solid #ccc; border-radius:12px; }#news hgroup dl dt { font-size:16px; }#news hgroup dl a { font-size:18px; color:#023990; padding:5px 0; display:block; }#news hgroup dl p { font-size:14px;  }#news aside {  }/*Info*/#Info img { display:block; margin:10px auto; width:100%; }#Info h2 i { color:#023990; font-size:16px; font-weight:bold; display:inline-block; float:right; }/**型号查询**/#search h3 { padding:0 0 10px; }.modelTable {  }.modelTable table { border-collapse:collapse; width:100%; text-transform:uppercase; }.modelTable thead tr { background:#f9f9f9; }.modelTable th { text-align:left; border:1px solid #ccc; font-weight:bold; padding:5px; font-size:16px; }.modelTable td { padding:5px; border:1px solid #ccc; }.modelTable tbody.picture { height:300px; text-align:center; }.modelTable tbody.picture tr { height:100%; }.modelTable tbody.picture tr td { height:100%; width:50%; }.modelTable tbody.picture tr td img { max-height:100%; max-width:100%; }.modelTable tbody tr.info td { padding:15px; }.modelTable tbody tr td h3 { line-height:30px; height:30px; padding:0; }.modelTable tbody tr td p { text-indent:0; }.modelTable tbody tr td a { font-size:16px; color:#fff; background:#023990; padding:10px 0; }/**about**/#about h2 { text-transform:uppercase; text-align:center; font-size:32px; }#about h2 i { display:inline-block; color:#023990; font-size:36px; }#about h2 em { font-style:normal; display:inline-block; padding:0 10px; }#about h2 span { color:#666; }#introduction {  padding: 50px 0;  background: url(images/about_bg.jpg) no-repeat fixed center / auto 100%;}.introduction { width:1200px; margin:0 auto; position:relative; padding:20px; z-index:10; background:rgba(255,255,255,0.8); color:#333; box-sizing:border-box; box-shadow:0 0 10px #023990; }.introduction h3 { font-size:24px; margin:10px 0; }.introduction p { text-indent:2em; line-height:22px; margin:0 0 5px; font-size:14px; }.introduction img { float:left; width:340px; margin:0 20px 0 0; }.team { padding:50px 0; }.team ul { width:1230px; margin:10px auto 0; }.team li { float:left; width:33.3333334%; padding:0 15px; box-sizing:border-box; }.team dl { padding:0 0 20px; position:relative; text-align:center; border:10px solid #ccc; cursor:pointer; }.team dl dt { font-size:80px; }.team dl dd.d1 { font-size:24px; margin:0 0 5px; }.team dl dd { font-size:16px; }.team dl:hover { color:#023990; border:10px solid #023990; }.culture { padding:50px 0 35px; background: -moz-linear-gradient(left, #ccc, #fff 30%, #fff, #fff 75%, #ccc);    background: -webkit-linear-gradient(linear, left, #ccc, #fff 30%, #fff, #fff 75%, #ccc);    background: -webkit-gradient(linear, left, from(#ccc), color-stop(30%, #fff), color-stop(30%, #fff), color-stop(75%, #fff), color-stop(75%, #ccc));    background: -webkit-linear-gradient(left, #ccc, #fff 30%, #fff, #fff 75%, #ccc);    background: -webkit-gradient(linear,left, from(#ccc), color-stop(30%, #fff), color-stop(#fff), color-stop(75%, #fff), to(#ccc));    background: linear-gradient(left, #ccc, #fff 30%, #fff, #fff 75%, #ccc); }.culture ul { width:1230px; margin:10px auto 0; }.culture li { float:left; width:33.3333334%; padding:15px; box-sizing:border-box; }.culture dl { box-shadow:0 0 3px #666; position:relative; text-align:center; background:#fff; }.culture dt { padding:20px 0 0; }.culture dt span { width:70px; height:70px; line-height:70px; margin:0 auto; font-size:40px; background:#023990; border-radius:100%; display:block; color:#fff; -o-transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; transition:all .3s; }.culture dd { font-size:20px; padding:5px 0; -o-transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; transition:all .3s; }.culture p { font-size:16px; padding:0 0 15px; -o-transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; transition:all .3s; }.culture dl a { display:block; z-index:1; position:relative; }.culture dl a:before { background:#222; bottom:0; content:""; height:0; left:0; position:absolute; right:0; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease 0s; width:100%; z-index: -1; }.culture dl a:after { background:#f69900; bottom:0; content:""; height:0; left:0; position:absolute; right:0; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease 0s; width:100%; z-index:-1; }.culture dl a:hover:before { height:100%; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; top:0; }.culture dl a:hover:after { height:100%; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; -webkit-transition-delay:0.2s; -moz-transition-delay:0.2s; -o-transition-delay:0.2s; -ms-transition-delay:0.2s; transition-delay:0.2s; top:0;  }.culture dl a:hover dt span { transform:rotatey(360deg); -o-transform:rotatey(360deg); -moz-transform:rotatey(360deg); -webkit-transform:rotatey(360deg); -ms-transform:rotatey(360deg); -o-transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; transition:all .3s; background:#fff; color:#f69900; }.culture dl a:hover dd { color:#fff; }.culture dl a:hover p { color:#fff; }.Advantage { padding:50px 0; }.Advantage table { border-collapse:collapse; width:1200px; margin:20px auto 0; text-transform:uppercase; text-align:center; vertical-align:middle; }.Advantage tr th:first-child { width:100px; }.Advantage tr th:nth-child(2) { width:220px; }.Advantage tr th:nth-child(3) { width:220px; }.Advantage tr th:nth-child(4) { width:200px; }.Advantage tr th:last-child {  }.Advantage th { background:#f9f9f9; border:1px solid #ccc; border-bottom:2px solid #ccc; font-weight:bold; padding:15px 10px; font-size:16px; }.Advantage td { padding:10px; border:1px solid #ccc; font-size:14px; }/*contact*/.contact { position:relative; width:100%; height:700px; background:#fff;  }.contact footer { display:none; }.contact hgroup { height:100%; width:50%; }.contact hgroup h2 { font-size:44px; }.contact hgroup h3 { font-size:30px; }.contact hgroup ul { height:120px; padding:15px 0; }.contact hgroup li { height:100%; padding:0 15px; }.contact hgroup li a { border:5px solid #222; border-radius:100%; height:100%; width:120px; box-sizing:border-box; font-size:70px; color:#222; }.contact hgroup li a img { max-height:75px; max-width:75px; }.contact hgroup p { font-size:16px; line-height:26px; }.contact hgroup p a { color:#222; }.contact .map { width:50%; height:100%; }/*page_turner*/.page_turner { }.page_turner a { margin:0 5px; line-height:30px; box-sizing:border-box; padding:0 10px; background:#fff; border-radius:20px; text-align:center; font-size:14px; border:1px solid #ccc; }.page_turner a.previous,.page_turner a.next { width:auto; padding:0 20px; border-radius:20px; }.page_turner a:hover, .page_turner a.current { background:#f69900; color:#fff; box-shadow:0 0 2px #333; border-color:#f69900; }