/***************** reset *****************/ *{ margin:0; padding:0; word-wrap:break-word;} body{ color:#999; font:12px/22px Calisto MT, Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif, "\5B8B\4F53"; background:#fff;} h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight:normal;} a{ color:#999; text-decoration:none;} a:hover{ color:#2c5786; text-decoration:none;} img{ border:0;} ul, li{ list-style:none;} table{ border-collapse:collapse; border-spacing:0;} input, button, textarea, select, optgroup, option{ font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit;} input, button, textarea, select{ *font-size:100%;} sup{ vertical-align:baseline;} sub{ vertical-align:baseline;} .clear{clear:both; height:1px;font-size:0;line-height:0;} /***************** universal *****************/ span.spacing{ height:10px; display:block; overflow:hidden;} #head,#nav,#foot,#i_content{ width:1000px; margin:0 auto;} /***************** head *****************/ .top_line{ height:16px; overflow:hidden; background:#f3f5f6;} #head{ height:115px;} .logo{ float:left; margin-top:28px;} .head_rt{ width:680px; float:right; margin-top:20px;} .head_rt .top_link{ float:left; line-height:32px;} .search_box{ height:32px; float:right; border:1px #a19d9d solid; border-radius:8px; background:#f7f7f7; position:relative;} .s_select_box{ float:left; position:absolute; z-index:999;} .s_select_box select{ display:none;} .search_box .search{ height:32px; float:left; position:relative;} .search input{ width:360px; padding-left:10px; height:32px; line-height:32px; float:left; color:#999; border:none; background:none;} .search input{ vertical-align:middle;} .search .search_btn{ width:18px; height:18px; float:right; display:block; background:url(/JS9FH1OPUIIDKk9IJyV.jpg) no-repeat center center; position:absolute; right:8px; top:6px;} .header{height:85px; background:#fff; transition:all .3s;} .header .logo{ float:left; width:217px; margin-top:7px; transition:all .3s; margin-left:26px;} .header .searchBox{ width:570px; float:left; margin-top:23px; box-shadow:0 0 3px rgba(0,0,0,.4); background:#81b3d8; border-radius:3px;} .header .searchBox:after{ content:" "; clear:both; display:block; overflow:hidden; height:1px;} .header .searchBox input{ border:2px solid #81b3d8; background:#fff; height:32px;line-height:32px; padding:0 10px; float:left;} .header .searchBox .search_btn{ width:54px; padding-right:36px; font-size:14px; float:right; height:32px; border:2px solid #81b3d8; color:#fff; text-align:center; line-height:32px; background:url(/JS9FH1OPUIcKJy8pD1cF.jpg) right bottom no-repeat;} .header .nav{ float:right; width:410px; line-height:36px;margin-top:23px;} .header .nav a{ margin-right:30px; color:#353535; font-weight:bold; font-size:14px;} .is-fixed{ top:0;box-shadow:0 0px 5px rgba(0,0,0,.3); z-index:999; position:fixed; width:100%; background:#fff; height:78px;} .is-fixed .logo{ transform:scale(.9,.9);} .select_box { position: relative; width: 98px; float:left; color:#fff; line-height:32px; height: 32px; text-align:center; z-index:10;} .select_box .select_txt { display: inline-block; width: 98px; height: 36px; overflow: hidden; line-height: 36px; cursor: pointer; } .select_box .select-icon { position: absolute; top: 50%; right: 10px; transform: translate(0,-50%); width: 10px; height: 10px; background: url(/JS9FH1OPUHOEIRAEJ2gpHy0qESgJ.jpg) center no-repeat; } .select_box .option { display: none; position: absolute; top: 36px; left: -2px; width: 100px; background-color: #fff; color:#81b3d8; border:2px solid #81b3d8; border-top: 0;} .select_box .option li { font-size: 12px; cursor: pointer;} .spx{ border:1px solid #f2f2f2; background:#f2f2f2; padding:0 5px; border-radius:50%; font-size:10px;} .downloadSearch{ padding-left:20px; padding-bottom:20px;} .downloadSearch .hd{ text-align:center; font-size:24px; font-weight:bold; line-height:125%; padding-top:20px; color:#666} .downloadSearch .hd p{ font-size:18px; font-weight:100; display:block; padding-bottom:15px; margin-top:10px; color:#AAAEAD;} .downloadSearch .searchbox2{ margin-left:180px;} .topbar{ height:33px; overflow:hidden; clear:both; text-align:right; color:#aaabad; font-size:12px; line-height:33px;} .topbar .icon{ position:relative; padding-left:30px;} .topbar .icon:after{ display:block; content:" "; width:26px;height:26px; position:absolute; left:0; top:-5px; background:url(/JS9FH1OPUIcKJy8pD1cF.jpg) 0 0 no-repeat;} .topbar .icon--order:after{ background-position:-26px 0;} .topbar .icon--local:after{ background-position:0 -26px;} .topbar .icon--tel:after{ background-position:-26px -26px;} .topbar .icon--member:after{ background-position:-52px -26px;} .topbar a{ color:#aaabad; margin-right:26px;} .topbar p{ float:left; text-align:left; color:#92a4ba; clear:both; display:block; height:33px; padding-left:26px;} .topbar p a{ color:#92a4ba;} .banner--3{ overflow:hidden; background:#8ba5c2; width:100%; min-width:100px;max-height:270px; overflow:hidden; z-index:0;} .banner--3 .col1{ overflow:hidden; width:33.33%;max-height:270px; float:left; position:relative;} .banner--3 .col1 img{ width:100%; display:block; margin:0; padding:0} .banner--3 .col1:after{ content:" "; display:block;height:100%; top:0; right:0; width:2px; background:#fff; position:absolute;z-index:1;} .banner--3 div:nth-child(3):after{ display:none;} .banner--3 div:nth-child(2) img{} .izebg{ background:#e9eef2;} .prolist,.typelist{ overflow:hidden; clear:both; width:1017px;} .typelist{ padding-bottom:18px; padding-top:5px; padding-left:5px;} .typelist li{float:left; width:157px; margin-right:11px; margin-bottom:11px; } .typelist li a{ display:block; border:1px solid #d3d3d3; text-align:center;box-shadow:0 0 3px rgba(0,0,0,.3); transition:all .3s;} .typelist li a p{ display:block; color:#838383; font-size:14px; line-height:115%; margin-bottom:17px; overflow:hidden; height:47px; padding:12px 19px 0 19px;} .typelist li a:hover p{ color:#2b77b3;} .typelist li a:hover{ box-shadow:0 0 3px rgba(43,119,179,.3); transform:scale(1.05,1.05)} .typelist-series{ padding-bottom:18px; padding-top:5px; padding-left:20px; padding-top:20px; margin-left:-20px;} .typelist-series li{float:left; width:182px; margin-right:16px; margin-bottom:16px; } .typelist-series li a{ display:block; border:1px solid #d3d3d3; text-align:center;box-shadow:0 0 3px rgba(0,0,0,.3); transition:all .3s; padding-top:15px;} .typelist-series li a p{ display:block; color:#838383; font-size:14px; line-height:115%; margin-bottom:17px; overflow:hidden; height:auto; padding:12px 19px 0 19px; height:47px; overflow:hidden;} .typelist-series li a:hover p{ color:#2b77b3;} .typelist-series li a:hover{ box-shadow:0 0 3px rgba(43,119,179,.3);} .typelist-series li a .brandLogo{ padding-top:0;} .typelist-series li a .brandLogo img{ height:40px; margin:0 auto;} .prolist{} .prolist li{ float:left; width:157px; margin-right:11px; text-align:center;} .prolist--circel li img{ border-radius:50%; width:138px;height:138px; border:1px solid #c3c3c3; margin-bottom:6px; transition:all .3s;} .prolist--circel li a:hover img{ transform:rotate(7deg)} .prolist--circel li p{ color:#1f1f1f; line-height:18px; text-align:center; padding-top:5px; display:block; padding-bottom:17px; width:138px;} .prolist--min li { margin-bottom:20px;} .prolist--min li img{ width:138px;} .prolist--min li p{ display:block; height:40px; overflow:hidden;} .videoLise{ overflow:hidden;} .videoLise li{ float:left; width:190px; margin-right:3px; padding-bottom:20px;} .videoLise li .img{border:1px solid #DDDEE2;} .videoLise li .img img{ display:block; margin: 0; padding: 0; width: 188px;} .videoLise li h4{text-align:left; font-size:14px; color:#192734; line-height:145%; display:block; padding-right:31px;height:36px; overflow:hidden;} .videoLise li .time{ color:#aeaeae; font-size:12px; padding:5px 0; display:block} .videoLise--space li{ margin-right:12px;} .videoLise--space{ width: 1020px;} .artList{ overflow:hidden; width:780px; background:#f2f2f2} .artList li{ margin-bottom:7px; background:#fff; padding:7px; position:relative; min-height:151px;} .artList li h4{ padding-left:228px; font-weight:bold; font-size:14px;} .artList li p{ padding-left:228px;} .artList li .img{ position:absolute; width:208px;height:151px; text-align:center; left:0; top:0;} .artList li .img img{ margin:8px auto;} .artList li .img:after{ display:block; height:100%; width:100%; height:100%; left:0; z-index:1; background:url(/JS9FH1OPUIOoD1ENNEcSK1H.jpg); content:" "; position:absolute; left:0;top:0;} .artList li h4{text-align:left; font-size:14px; color:#192734; line-height:145%; display:block; padding-right:31px;} .artList li .time{ color:#aeaeae; font-size:12px;} .artList2 li .img:after{ background:url(/JS9FH1OPUIOoD1ENNucSK1H.jpg) 0 0 no-repeat; } /* top_tool */ ol#top_tool{ float:left;} ol#top_tool li{ width:50px; height:32px; position:relative; z-index:9999;} ol#top_tool li a{} ol#top_tool li a.search{ width:50px; height:32px; text-align:center; display:block; line-height:32px;} ol#top_tool li a.search:hover,ol#top_tool li.hover a.search,ol#top_tool li:hover a.search{ border:1px #ddd solid; border-bottom:none; border-radius:5px 5px 0 0; box-shadow:2px -2px 2px rgba(0,0,0,0.1); background:#fff; position:absolute; z-index:999;} ol#top_tool li:hover .sub{ display:block;} ol#top_tool li .sub{ width:120px; height:50px; line-height:50px; padding-left:15px; display:none; position:absolute; top:31px; left:0; border:1px #ddd solid; background:#fff; border-radius:0 5px 5px 5px; box-shadow:2px -2px 2px rgba(0,0,0,0.1);} ol#top_tool li .sub a{ color:#648EB6;} ol#top_tool li .sub a:hover{ text-decoration:underline;} /***************** nav *****************/ #nav{ width:700px; float:right; height:28px; margin-top:15px;} #nav ul>li{ float:left; margin-right:1px; display:inline; position:relative; z-index:100;} #nav ul li.divider{ width:1px;} #nav ul li a{ padding:0 10px; margin-left:10px; line-height:28px; display:block; color:#666; font-size:14px; font-weight:bold; border-radius:5px;} #nav ul li a:hover,#nav ul li a.current,#nav ul li.iehover a,#nav ul li:hover a{ color:#fff; background:#74b0d5;} #nav li ul{ display:none; position:absolute; top:28px; padding-top:17px; left:-30px;} #nav li ul div.sub_arrow{ display:block; position:relative; background:#f6f7fb; padding:10px; box-shadow:3px 3px 10px rgba(0,0,0,0.5); border-radius:5px; border:1px #d4d4d4 solid;} #nav li ul div.sub_arrow>.arrow:after{ position:absolute; display:block; width:0; height:0; border-color:transparent; border-style:solid;} #nav li ul div.sub_arrow>.arrow{ position:absolute; display:block; width:0; height:0; border-color:transparent; border-style:solid;} #nav li ul div.sub_arrow>.arrow{ border-width:7px;} #nav li ul div.sub_arrow>.arrow:after{ content:""; border-width:6px;} #nav li ul div.top>.arrow{ top:-7px; right:52%; margin-right:-7px; border-bottom-color:#b4b4b4; border-top-width:0;} #nav li ul div.top>.arrow:after{ top:1px; right:45%; margin-right:-6px; content:" "; border-bottom-color:#f6f7fb; border-top-width:0; bottom:-8px;} #nav li ul.long{ left:-60px;} #nav li ul.long li{ width:220px;} #nav li ul.long div.top>.arrow{ right:55%;} #nav li ul.big_nav div.top>.arrow{ right:45%;} #nav li ul li{ width:140px; float:none; /*For Gecko*/ display:inline; /*For IE*/} #nav li ul li a{ line-height:30px; display:block; font-size:12px; color:#fff; } html>/**/body ul#menu li ul li{ display:block !important;/*For firfox*/} #nav li ul.big_nav div.sub_arrow{ width:650px;} #nav li ul.big_nav div.top>.arrow:after{ border-bottom-color:#fff;} #nav li ul.big_nav div.sub_rt_nav{ width:75%; height:100%; padding:20px; background:#fff; box-shadow:-3px 0px 10px rgba(0,0,0,0.1); position:absolute; top:0; right:0; box-sizing:border-box;} #nav li ul.big_nav div.sub_rt_nav a{ float:left; background:none; padding:0; margin:0 0 0 15px; color:#999; font-size:12px; font-weight:normal;} #nav li ul.big_nav div.sub_rt_nav a:hover{ text-decoration:underline;} #nav li ul.big_nav div.sub_rt_nav .text_nav_list{ height:130px;} #nav li ul.big_nav{ left:-320px;} #nav li ul.big_nav div.sub_rt_nav .logo_nav_list{ margin-top:20px;} #nav li ul.big_nav div.sub_rt_nav .logo_nav_list dl dd{ width:77px; float:left; margin:0 12px 10px 0;} #nav li ul.big_nav div.sub_rt_nav .logo_nav_list dl dd a{ width:75px; height:38px; display:block; border:1px #f0f0f0 solid; border-radius:0;} #nav li ul.big_nav div.sub_rt_nav .logo_nav_list dl dd img{ width:75px;} /* 2nd Menu */ #nav li:hover li a, #nav li.iehover li a{ color:#999; margin-left:0; font-weight:normal; padding-left:20px; background:url(/JS9FH1OPUIWTE15SUIApIj.jpg) no-repeat 10px center; border-radius:0;} /* 2nd Menu Hover */ #nav li:hover li a:hover, #nav li:hover li:hover a, #nav li.iehover li a:hover, #nav li.iehover li.iehover a{ color:#fff; background:#A3BFD9; border-radius:5px;} #nav li:hover ul, #nav li.iehover ul{ display:block;} /***************** banner *****************/ #banner{ margin:0 auto; position:relative; overflow:hidden; height:260px; text-align:center} #banner img{height:260px; width:auto; margin:0 auto;} #banner1{ margin:0 auto; position:relative; width:1000px; overflow:hidden; background:#fff; border-radius:5px; overflow:hidden;height:270px;} /* slide */ .slide-main{ height:270px; position:relative;} .prev,.next{ display:block; width:45px; height:72px; position:absolute; z-index:222; top:120px; overflow:hidden; cursor:pointer; opacity:0.6; -moz-opacity:0.6; filter:alpha(opacity=60); _border:1px solid none;} .prev{ left:70px;} .next{ right:70px;} .prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{ opacity:1; -moz-opacity:1; filter:alpha(opacity=100);} .item{ display:block; width:170px; height:5px; position:absolute; z-index:124; bottom:30px; left:5px; text-align:center;} .item a{ display:inline-block; width:5px; height:5px; margin-right:8px; background:#fff; border:4px #fff solid; opacity:0.9;-moz-opacity:0.9; filter:alpha(opacity=90); overflow:hidden; border-radius:8px;} .item a.cur{ width:5px; height:5px; border:4px #fff solid; background:#72afc8;} .slide-box,.slide,.slide a{ display:block; width:100%; height:270px; overflow:hidden;} .slide-box{ position:relative;} .slide{ display:none; height:270px; position:absolute; z-index:8;} /***************** content *****************/ .box{ width:1000px; margin:0 auto;} .box .title{ height:60px; line-height:60px;} .box .title h3{ padding-left:35px; font-size:16px; font-weight:bold; color:#2B77B3; background:url(/JS9FH1OPUHqLOO9IJyV.jpg) no-repeat 0 center;} .videobox{ border-bottom:1px solid #f0f0f0; padding-bottom:24px;} .videobox .hd{ height:34px; line-height:34px; padding:16px 0; color:#192734; font-size:18px;} .videobox .hd span{ font-size:12px; color:#8a8a8a; padding-left:10px;} .service ul{ width:1020px;} .service ul li{ float:left; margin-right:15px; text-align:center;} .service ul li a{ width:115px; height:155px; padding:0 20px; display:block; overflow:hidden; font-size:14px; line-height:20px; font-family:"\5FAE\8F6F\96C5\9ED1"; color:#7791af; border-radius:10px; box-shadow:1px 1px 0px rgba(0,0,0,0.3); background:#e3e8ee; -webkit-transition:0.35s; transition:0.35s;} /*eff6ff*/ .service ul li a i{ width:54px; height:54px; display:block; margin:25px auto 5px; background:url(/JS9FH1OPUIcKJy8QUHEoIt.jpg) no-repeat center center; -webkit-transition:0.5s; transition:0.5s; -webkit-transform:scale(1); transform:scale(1);} .service ul li:nth-child(2) a i{ background:url(/JS9FH1OPUIcKJy8NUHEoIt.jpg) no-repeat center center;} .service ul li:nth-child(3) a i{ background:url(/JS9FH1OPUIcKJy8OUHEoIt.jpg) no-repeat center center;} .service ul li:nth-child(4) a i{ background:url(/JS9FH1OPUIcKJy8TUHEoIt.jpg) no-repeat center center;} .service ul li:nth-child(5) a i{ background:url(/JS9FH1OPUIcKJy8UUHEoIt.jpg) no-repeat center center;} .service ul li:nth-child(6) a i{ background:url(/JS9FH1OPUIcKJy8RUHEoIt.jpg) no-repeat center center;} .service ul li a:hover{ color:#f0f6fe; background:#85b0d0; background-color:#a3bfd9; box-shadow:1px 1px 3px rgba(0,0,0,0.3);} .service ul li a:hover i{ width:80px; height:80px; margin:25px auto 0; -webkit-transform:scale(1); transform:scale(1); background:url(/JS9FH1OPUIcKJy8PNucSK1H.jpg) no-repeat center center;} .service ul li:nth-child(2) a:hover i{ background:url(/JS9FH1OPUIcKJy8PNEcSK1H.jpg) no-repeat center center;} .service ul li:nth-child(3) a:hover i{ background:url(/JS9FH1OPUIcKJy8PNOcSK1H.jpg) no-repeat center center;} .service ul li:nth-child(4) a:hover i{ background:url(/JS9FH1OPUIcKJy8POkcSK1H.jpg) no-repeat center center;} .service ul li:nth-child(5) a:hover i{ background:url(/JS9FH1OPUIcKJy8POucSK1H.jpg) no-repeat center center;} .service ul li:nth-child(6) a:hover i{ background:url(/JS9FH1OPUIcKJy8POEcSK1H.jpg) no-repeat center center;} .news{ margin-top:20px;} .news .title{ background:url(/JS9FH1OPUHqLnyAINucFJSD.jpg) repeat-x center center;} .catalogInfo{ padding:20px 0; overflow:hidden; clear:both; } .catalogInfo .img{ float:left; width:218px; text-align:center; padding-top:40px;} .catalogInfo .info{ float:right; width:710px; color:#7d7d7d; line-height:24px; padding-right:70px;} .catalogInfo .info h3{ font-size:14px; display:block; color:#222222; font-size:18px; padding-bottom:10px;} .catalogInfo .catalogBrand{ padding-top:30px; width:740px;} .catalogInfo .catalogBrand a{ display:block; float:left;} .catalogInfo .catalogBrand a:hover img{ transform:scale(1.1,1.1); border-color:#81b3d8} .catalogInfo .catalogBrand img{ width:110px;height:40px; margin-right:10px; margin-bottom:10px; border:1px solid #d2d2d2; display:block; transition:all .3s;} .pageHd{ font-size:16px; padding:7px 0; margin-bottom:20px; clear:both; overflow:hidden; position:relative; color:#353535;border-bottom:1px solid #f2f2f2; } .pageHd p{ position:absolute;left:208px; top:0;} .pageHd p a{ font-weight:100; font-size:12px; margin:7px 10px; display:block; float:left; padding:0 10px; border-radius:5px;} .pageHd p a span{ font-size:11px; padding-left:5px;} .pageHd p a:hover,.pageHd p .current{ background:#81b3d8; color:#fff;} .pageHd-bt30{ margin:40px 0;} .typeName{ padding:10px 0;} .typeName a{ font-weight:bold; display:block; font-size:14px; color:#81b3d8; position:relative; padding-left:15px; display:block;} .typeName a:after{ content:" "; display:block; width:3px;height:10px; background:#81b3d8; position:absolute; left:0; top:50%; margin-top:-5px; } .banner_sub{ margin-bottom:20px !important;} .searchbox2{ width:610px; float:left; height:38px; border:2px solid #81b3d8; box-shadow:0 0 1px rgba(0,0,0,.5);} .searchbox2 .input{ border:0; background:#fff; height:38px; line-height:38px; color:#7d7d7d; width:513px; font-size:14px; text-indent:10px;} .searchbox2 .btnSubmit{ background:#81b3d8; color:#fff; width:97px; font-size:14px; font-weight:bold; float:right; border:0; height:100%; line-height:36px; cursor:pointer;} .selectArea{ width:250px; float:left; border:1px solid #81b3d8; margin-left:22px; font-size:12px; line-height:36px; height:36px; padding-left:10px;} .selectArea input, .selectArea select,.selectArea option{ border: none; outline: none; /*很关键：将默认的select选择框样式清除*/ appearance:none; -moz-appearance:none; -webkit-appearance:none; width:100%;} .news .title h3{ float:left; padding-right:20px; background:#fff url(../images/tl2.gif) no-repeat 0 center;} .news .newstitle { border:1px solid #81b3d8; overflow:hidden; margin-bottom:29px;} .news .newstitle h3{ background:#81b3d8 url(../images/newstitle_bg_left.jpg) right 50% no-repeat; color:#fff; float:left; width:176px; height:40px; line-height:40px; text-align:center; font-size:16px;} .news .newstitle .hotNews{ float:right; width:777px; overflow:hidden; position:relative; height:40px;} .news .newstitle .hotNews ul li{ display:block; height:40px;} .news .newstitle .hotNews a{ line-height:40px; color:#81b3d8;} .news .newstitle .hotNews span{ position:absolute; right:11px; top:10px; display:block; width:19px;height:19px; overflow:hidden; background:url(/JS9FH1OPUIcKJy9gExEEKxIqTyWLIN.jpg) 0 0 no-repeat;} .news .newstitle .hotNews .icon_up{ background-position:0 0; right:34px;} .news .newstitle .hotNews .icon_down{ background-position:right 0;} #s3{height:40px;} .news a.more{ float:right; color:#519bf0; margin-top:15px;} .news a.more:hover{ text-decoration:underline;} .news .con{ width:696px; float:left;} .news .con1{ width:300px; float:right; height:250px; overflow:hidden;} ul.news_pic_list li{ width:200px; margin-right:32px; float:left; line-height:20px;} ul.news_pic_list li img{ border-radius:5px;} ul.news_pic_list li b{ line-height:135%;} ul.news_pic_list li b a{ color:#666;} ul.news_pic_list li b a:hover{ color:#194E88; text-decoration:underline;} ul.news_pic_list li p{ color:#999; padding-top:10px;} .news .con1 .tl{ color:#ed9d00; font-weight:bold; font-size:14px; line-height:24px; padding-left:15px; margin-bottom:20px; border-left:4px #ed9d00 solid;} ul.news_list li{ padding-bottom:8px; margin-bottom:8px; line-height:20px; border-bottom:1px #f1f1f1 solid;} ul.news_list li a{ display:block; color:#999;height:24px; overflow:hidden} ul.news_list li a:hover{ color:#194E88; text-decoration:underline;} ul.news_list li span.data{ color:#8dbee2; float:right;} .brand_bg{ padding:20px 0 40px; background:#e9eef2;} .brand .title{ overflow:hidden;} .brand .title h3{ float:left; padding-right:20px; background:url(/JS9FH1OPUHqLNE9IJyV.jpg) no-repeat 0 center;} .brand .title a.more{ width:120px; line-height:30px; float:right; margin-top:20px; text-align:center; display:block; border:1px #516882 solid; border-radius:10px;} .brand .title a.more:hover{ color:#fff; background:#528AB9;} .letter{ height:26px; margin-top:18px; border-radius:30px; overflow:hidden;} .letter a{ height:26px; line-height:26px; text-align:center; color:#999; margin:0 3px; display:block; float:left; font-size:14px; font-family:Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif; border-radius:13px; padding:0 8.2px;} .letter a:hover,.letter a.current{ color:#fff; background:#f19a00;} .brand a.more{ float:right; color:#519bf0; margin-top:15px; clear:both; z-index:9; position:relative} .brand a.more:hover{ text-decoration:underline;} .logo_All{ height:280px; overflow:hidden; position:relative; width:1020px;} .logo_All .logo_list{ float:left; position:absolute; width:200000px;} .logo_list ul{ width:1020px; margin-top:20px; float:left;} .logo_list ul li{ width:145px; height:130px; margin-right:25px; float:left; text-align:center;} .logo_list ul li a{ color:#999;} .logo_list ul li a.pic{ width:145px; height:73px; margin-bottom:8px; display:block; border:1px #efefef solid;} .brand_box .letter{ padding:8px 15px; background:#f1f1f1;} .brand_box .letter a{ margin:0 7px 0 0;} .brand_box .logo_list ul{ width:1020px;} .brand_box .logo_list ul li{ margin-right:18px;} .logo_jt{ width:160px; margin:0 auto; position:relative;} .logo_jt .logo_l{ background:rgba(0, 0, 0, 0.5) url("../images/left_btn.gif") no-repeat center center; cursor:pointer; display:block; float:left; left:0; position:absolute; width:26px; height:26px; border-radius:100%;} .logo_jt .logo_l:hover,.logo_jt .logo_l.cur{ background:#a3bfd9 url("../images/left_btn.gif") no-repeat center center;} .logo_jt .logo_r{ background:rgba(0, 0, 0, 0.5) url("../images/right_btn.gif") no-repeat center center; cursor:pointer; display:block; float:left; position:absolute; right:0; width:26px; height:26px; border-radius:100%;} .logo_jt .logo_r:hover,.logo_jt .logo_r.cur{ background:#a3bfd9 url("../images/right_btn.gif") no-repeat center center;} .logo_qh{ margin:5px auto;} .logo_qh a{ background:#e2e2e2; display:inline-block; margin:0 10px; width:10px; height:10px; border-radius:100%;} .logo_qh a:hover, .logo_qh a.on{ background:#a3bfd9;} .products{ margin-bottom:20px;} .products .title{ background:url(/JS9FH1OPUHqLnyAINucFJSD.jpg) repeat-x center center;} .products .title h3{ float:left; padding-right:20px; background:#fff url(../images/tl3.gif) no-repeat 0 center;} .sort{ width:1000px; height:24px; overflow:hidden; position:relative;} .sort ul{ width:1300px;} .sort li{ height:24px; float:left;} .sort li a{ height:24px; line-height:24px; display:block; margin-right:18px; color:#999;} .sort li.current a,.sort li a:hover{ color:#ed9d00; font-weight:bold;} .products{ margin-top:30px;} .products .con{ padding-top:20px;height:410px;} .pro_lt{ width:664px; float:left;} ul.p_list{ width:664px;} ul.p_list li{ width:148px; height:210px; display:block; margin-right:18px; float:left; text-align:center;} ul.p_list li a.pro_pic{ width:146px; height:146px; display:block; border:1px #b9babc solid; overflow:hidden;} ul.p_list li a.pro_pic img{ width:146px;} ul.p_list li a.pro_pic:hover{ border:1px #A4BED8 solid;} ul.p_list li a.pro_name{ display:block; text-align:center; line-height:16px; font-size:12px; padding:5px;} ul.p_list li:hover a.pro_name{ color:#fff; background:#A4BED8;} ul.i_p_list{ width:840px;} ul.i_p_list li{ width:182px; height:240px; margin-right:18px;} ul.i_p_list li a.pro_pic{ width:180px; height:180px;} ul.i_p_list li a.pro_pic img{ width:180px;} ul.layer-100{ width:1000px; overflow:hidden;} ul.i_search_list li{ border-bottom:1px #eee solid; padding:3px 0;} .pro_rt{ width:285px; height:328px; padding:10px 20px 20px; margin-left:675px; background:#e9eef2;} .pro_rt{ display:block; position:relative; color:#999;} .pro_rt>.arrow{ position:absolute; display:block; width:0; height:0; border-color:transparent; border-style:solid;} .pro_rt>.arrow{ border-width:10px;} .pro_rt>.arrow{ left:-10px; top:10%; margin-bottom:-10px; border-right-color:#e9eef2; border-left-width:0;} .pro_rt h3{ font-size:14px; font-weight:bold; color:#2b77b3; line-height:40px; padding-bottom:5px; margin-bottom:20px; background:url(/JS9FH1OPUI9qJ1DpIS1G.jpg) no-repeat 0 bottom;} .pro_rt p{ line-height:24px;} .more_box{ float:right; margin-top:20px;} .more_box a.more{ float:right; color:#519bf0; margin-left:35px;} .more_box a.more:hover{ text-decoration:underline;} .focus{ height:328px; margin-top:50px;} .focus .left{ float:left; width:770px; height:327px; background:#f5f6fa; position:relative; overflow:hidden;} .focus .left li{ position:absolute; left:0; top:0; width:770px; height:327px; z-index:1; opacity:0; filter:alpha(opacity=0); color:#999;} .focus .left li div.pic{ width:475px; float:left;} .focus .left li div.info{ width:235px; height:260px; float:left; line-height:24px; padding:5px 20px 30px;} .focus .left li div.info h3{ font-size:18px; line-height:32px; margin:20px 0; font-family:"\5FAE\8F6F\96C5\9ED1";} .focus .left li div.info h3 a{ color:#666;} .focus .left li div.info h3 i{ width:25px; height:32px; margin-right:8px; float:left; background:#ed9d00 url(../images/right_btn.gif) no-repeat center center;} .focus .left li div.info a{ background:none; color:#999;} .focus .left li div.info h3 a:hover{ color:#194E88; text-decoration:underline;} .focus .left li div.info a.detail{ margin-top:20px; display:block; color:#519bf0; background:none;} .focus .left li.active{ z-index:2;} .focus .left li div.info a.detail:hover{ text-decoration:underline;} .focus .right{ float:right; width:226px; height:328px;} .focus .right li{ height:40px; line-height:40px; padding-left:30px; color:#666; font-size:12px; cursor:pointer; background:#e3e8ee; margin-bottom:1px;} .focus .right li:hover,.focus .right li.active{ color:#fff; background:#a3bfd9;} .focus .right li i{ width:22px; height:22px; background-image:url(/JS9FH1OPUIbROO9PKIZ.jpg); background-repeat:no-repeat; float:left; margin:10px 8px 0px 0;} .focus .right li i.i2{ background-image:url(/JS9FH1OPUIbROk9PKIZ.jpg);} .focus .right li i.i3{ background-image:url(/JS9FH1OPUIbROu9PKIZ.jpg);} .focus .right li i.i4{ background-image:url(/JS9FH1OPUIbRNE9PKIZ.jpg);} .focus .right li i.i5{ background-image:url(/JS9FH1OPUIbRNO9PKIZ.jpg);} .focus .right li i.i6{ background-image:url(/JS9FH1OPUIbRNk9PKIZ.jpg);} .focus .right li i.i7{ background-image:url(/JS9FH1OPUIbRNu9PKIZ.jpg);} .focus .right li i.i8{ background-image:url(/JS9FH1OPUIbRQE9PKIZ.jpg);} .focus .right li.active{ display:block; position:relative; z-index:999;} .focus .right li.active>.arrow{ position:absolute; display:block; width:0; height:0; border-color:transparent; border-style:solid;} .focus .right li.active>.arrow{ border-width:10px;} .focus .right li.active>.arrow{ left:-10px; top:10px; margin-bottom:-10px; border-right-color:#9abedd; border-left-width:0;} .focus .right li:hover i.i1,.focus .right li.active i.i1{ background-image:url(/JS9FH1OPUIbRODNpD1cF.jpg);} .focus .right li:hover i.i2,.focus .right li.active i.i2{ background-image:url(/JS9FH1OPUIbRODZpD1cF.jpg);} .focus .right li:hover i.i3,.focus .right li.active i.i3{ background-image:url(/JS9FH1OPUIbRODVpD1cF.jpg);} .focus .right li:hover i.i4,.focus .right li.active i.i4{ background-image:url(/JS9FH1OPUIbRODHpD1cF.jpg);} .focus .right li:hover i.i5,.focus .right li.active i.i5{ background-image:url(/JS9FH1OPUIbRODDpD1cF.jpg);} .focus .right li:hover i.i6,.focus .right li.active i.i6{ background-image:url(/JS9FH1OPUIbRODppD1cF.jpg);} .focus .right li:hover i.i7,.focus .right li.active i.i7{ background-image:url(/JS9FH1OPUIbRODLpD1cF.jpg);} .focus .right li:hover i.i8,.focus .right li.active i.i8{ background-image:url(/JS9FH1OPUIbRODxpD1cF.jpg);} /***************** f_link *****************/ #f_bg{ margin-top:20px; background:#f2f3f7; border-top:2px #fff solid;} #f_link{ width:1000px; margin:0 auto; padding:0 0 30px; overflow:hidden;} #f_link dl{ float:left;line-height:24px; width:20%; position:relative;} #f_link dl:after{ content:" "; display:block; width:1px; height:235px; background:#e5e6e8;position:absolute; left:-30px; top:36px;} #f_link dl dt{ padding:36px 0 0 0; margin-bottom:15px; font-size:16px; font-family:"\5FAE\8F6F\96C5\9ED1"; color:#353535; } #f_link dl dt a{ color:#353535;} #f_link dl dd a{ color:#999;} #f_link dl dt a:hover,#f_link dl dd a:hover{ text-decoration:underline;} #f_link dl.contact{ margin:0; padding:0; float:right; font-size:14px; background:url(/JS9FH1OPUIIeJIupIucFJSD.jpg) repeat-y 0;} #f_link dl.contact dt{ height:30px; line-height:30px; padding-right:10px; text-align:right; color:#fff; overflow:hidden; background:url(/JS9FH1OPUIOoJ0IGHROdH1HqESgJ.jpg) no-repeat right bottom;} #f_link dl.contact dd{ text-align:right;} #f_link dl.contact dd h3{ font-size:12px;} #f_link dl.contact dd p{ color:#999; font-size:12px; line-height:24px; margin-bottom:20px;} #f_link dl.contact dd p strong{ display:block; font-weight:normal;} #f_link dl.contact dd p span{ font-size:16px; color:#4a5e76; font-family:"\5FAE\8F6F\96C5\9ED1";} .share{ text-align:right;} .share a{ display:inline-block; height:30px; margin-left:10px; overflow:hidden; width:30px;} .share a i{ background:rgba(0, 0, 0, 0) url("../images/icons_share.png") no-repeat scroll 0 100px; display:block; height:30px; overflow:hidden; width:30px;} .share a i.wb{ background-position:0 0;} .share a:hover i.wb{ background-position:-30px 0;} .share a i.twb{ background-position:0 -30px;} .share a:hover i.twb{ background-position:-30px -30px;} .share a i.qq{ background-position:0 -60px;} .share a:hover i.qq{ background-position:-30px -60px;} .share a i.wx{ background-position:0 -90px;} .share a:hover i.wx{ background-position:-30px -90px;} /***************** foot *****************/ #foot_bg{ background:#dddee2; padding-top:20px; text-align:center; padding-bottom:20px;} #foot_bg h2{ display:block; text-align:center; height:86px; background:url(/JS9FH1OPUIINny1qISfoIygI.jpg) 50% 0 no-repeat;width:433px; margin:0 auto;} #foot{ padding-top:20px; line-height:20px; text-align:center; font-family:Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif; font-size:11px; text-align:center;} /***************** insidepage *****************/ #i_banner{ height:251px;} #i_content{ position:relative;} #left{ width:200px; float:left; padding-top:24px;} #left>.title{ padding-left:20px; color:#648eb6; overflow:hidden; border:1px solid #E3E9EF; border-bottom:0; line-height:34px; height:34px; display:none;} #left>.title h3{ font-size:14px; font-family:"\5FAE\8F6F\96C5\9ED1"; font-weight:bold;} #left_menu li{ font-size:12px; border-bottom:1px #fff solid; position:relative; background:url(/JS9FH1OPUIWTE15SUIApIj.jpg) 20px 50% no-repeat;} #left_menu li a{ line-height:40px; padding-left:30px; display:block; color:#666; background:#E3E9EF;} #left_menu li a:hover{ color:#fff; background:#A3BFD9;} #left_menu li a.current{ color:#fff; text-decoration:none; background:#A3BFD9; } #left_menu.s_menu{ padding:10px 0;} #left_menu.s_menu li a{ line-height:30px; background:none;} #left_menu.s_menu{ border:1px #E3E9EF solid;} #left_menu.s_menu li a:hover{ color:#648EB6;} #left_menu.s_menu li a.current{ color:#648EB6;} #left_menu li ul{ position:absolute; width:170px; top:0; font-weight:normal; visibility:hidden;} #left_menu li li{} #left_menu li li a{ background:#d5e2f3;} #left_menu li li li a{ background:#bfd1e9;} #left_menu li a .rightarrowclass{ width:8px; height:11px; background:url(/JS9FH1OPUIWTE15SNucFJSD.jpg) no-repeat center center; position:absolute; top:15px; right:8px;} #left_menu li a:hover .rightarrowclass,#left_menu li a.current .rightarrowclass{ background:url(/JS9FH1OPUIWTE15SNEcFJSD.jpg) no-repeat center center;} *html #left_menu ul li{ float:left; height:1%;} *html #left_menu ul li a{ height:1%;} /***************** 宸﹁竟鑻楁湪鍒嗙被瀵艰埅 *****************/ .sort_nav{ width:200px; position:relative; z-index:100;} .allsort .mc{ width:200px; background:#648EB6; border-radius:5px 5px 0 0; position:relative;} .allsort h3{ line-height:22px; padding-left:20px; font-size:14px; color:#fff; background:#87a6c2; height:24px; font-family:Microsoft yahei; } .allsort .t_all_shop{ width:200px; background:#fff; border-top:none;} .allsort .t_all_shop li a.t_sort{ height:40px; padding:0 0 0 20px; line-height:40px; display:block; overflow:hidden; position:relative; border-bottom:1px #fff solid; font-size:12px; font-weight:normal; color:#999; background:#E3E8EE url(/JS9FH1OPUIWTE15SUIApIj.jpg) no-repeat 210px center;} .allsort .t_all_shop li{ } .allsort .t_all_shop li.current a.t_sort{ color:#fff; background:#A3BFD9; position:relative; z-index:40;} .allsort .t_all_shop li.current a.t_sort span{ color:#fff;} /*.allsort .t_all_shop li a.current{ background:#A3BFD9; color:#fff;}*/ /* Holly Hack for IE \*/ * html .allsort .t_all_shop li { float:left; height:1%; } * html .allsort .t_all_shop li .t_sort { height:1%; } /* End */ .allsort .indexpage_popupbar{ left:200px; top:0;border-radius:5px; overflow:hidden; height:450px; height:auto; min-height:450px;} .allsort .t_all_shop li .indexpage_popupbar{ display:none;} .allsort .t_all_shop li.current .indexpage_popupbar{ display:block;} .indexpage_popupbar{ width:800px; height:auto !important; height:200px; min-height:200px; position:absolute; left:200px; top:0px; z-index:30; overflow:hidden;background:#fff; box-shadow:0 0 6px #ccc; padding:20px 0 0 0; border:1px solid #b9babc;} .indexpage_popupbox{ overflow:hidden;} .indexpage_popupbar .left_list{ width:800px; float:left; height:auto !important; height:415px; min-height:410px;} .indexpage_popupbar h5,.indexpage_popupbar h5 a{ width:60px; display:block; font-size:14px; line-height:20px; font-family:microsoft yahei; color:#2B77B3; float:left; padding-right:10px;} .indexpage_popupbar .list_sort_rt{ width:690px; float:right;} .indexpage_popupbar .list_sort{ border-bottom:1px dotted #ededed; line-height:20px; padding:0 20px 10px 20px; margin-bottom:10px; overflow:hidden;} .indexpage_popupbar div:last-child{ border-bottom:0;} .indexpage_popupbar .list_sort_rt a{ display:inline-block; color:#999; padding:0 10px; margin:3px 0; border-right:1px #ccc solid; text-align:center; height:12px; line-height:14px;} .indexpage_popupbar .list_sort_rt a:hover{display:inline-block; color:#f19a00; text-decoration:underline;} .allsort .t_all_shop li .indexpage_popupbar{ display:none;} .allsort .t_all_shop li.current .indexpage_popupbar{ display:block;} .slider_box{ margin-bottom:10px;} .slider_box h3{ height:24px; line-height:22px; font-size:14px; font-family:"\5FAE\8F6F\96C5\9ED1"; padding-left:20px; color:#fff; background:#87a6c2; position:relative;} .slider_box h3 span{ display:block; position:absolute; right:0; padding:0 10px; top:0;height:24px; line-height:22px; color:#fff; background:#ED9D00; cursor:pointer;} .slider_box .allbrand{ background:#8fb0cf;} .slider_box .allbrand a{ color:#fff; padding-left:20px;} .slider{display:block;height:0px; position:relative; background:#fff; overflow:hidden; z-index:9999; } .slider-content{ float:left; width:100%; display:block;height:0px; min-height:250px;overflow:auto;} .slider-content ul{ float:left; width:100%; display:block; position:relative;} .slider-content ul li{ float:left; width:100%;} .slider-content ul ul li a{ padding:5px 10px; display:block; border-bottom:1px solid #fff; text-transform:capitalize; background:#E3E8EE;} .slider-content ul ul li a:hover{ background:#dee3e8; border-color:#fff;} .slider-content .title{ line-height:30px; text-indent:10px; background:#ced2d8; color:#fff; width:100%; float:left; font-weight:bold;text-transform:uppercase; border-bottom:1px solid #fff;} .slider-content .selected .title{ background:#ced2d8;} .slider .slider-nav{ position:absolute; right:0; top:0; background:#ced2d8; } .slider .slider-nav ul{ width:26px; padding:5px 0;} .slider .slider-nav li a{ padding:3px 5px; line-height:13px; text-align:center; color:#fff; font-weight:bold; display:block; text-transform:uppercase; cursor:pointer;} .slider .slider-nav li a:hover{ background:#FBC01E;} .slider .arrow{ font-size:0px; line-height:0%; width:0px; border-bottom:8px solid #fff; border-left:5px solid #A3BFD9; border-right:5px solid #A3BFD9; position:relative; top:-5px;} .slider .down{ border-bottom:none; border-top:8px solid #fff; top:5px;} .slider .slide-up, .slider .slide-down{ height:20px; background:#A3BFD9; text-align:center; cursor:pointer; float:right; width:100%;position:relative;} .lt_contact{ width:175px; margin-top:10px; padding:25px 0 25px 25px; border-radius:5px; float:right; font-size:14px; background:url(/JS9FH1OPUIIeJIupIucFJSD.jpg) repeat-y 0;} .lt_contact{ background:#eff6ff;} .lt_contact p{ color:#5d5d5d; font-size:12px; line-height:24px; margin-bottom:20px;} .lt_contact p strong{ display:block; font-weight:normal;} .lt_contact p span{ font-size:14px; color:#528bb9; font-family:Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif;} .lt_contact .share{ text-align:left;} .lt_contact .share a{ display:inline-block; height:30px; margin:0 10px 0 0; overflow:hidden; width:30px;} .lt_contact .share a i{ background:rgba(0, 0, 0, 0) url("../images/icons_share.png") no-repeat scroll 0 100px; display:block; height:30px; overflow:hidden; width:30px;} .lt_contact .share a i.wb{ background-position:0 0;} .lt_contact .share a:hover i.wb{ background-position:-30px 0;} .lt_contact .share a i.twb{ background-position:0 -30px;} .lt_contact .share a:hover i.twb{ background-position:-30px -30px;} .lt_contact .share a i.qq{ background-position:0 -60px;} .lt_contact .share a:hover i.qq{ background-position:-30px -60px;} .lt_contact .share a i.wx{ background-position:0 -90px;} .lt_contact .share a:hover i.wx{ background-position:-30px -90px;} #right{ width:780px; padding:10px 0 25px; float:right; background:#fff; position:relative;} #right .title{border-bottom:1px #ededed solid; overflow:hidden; clear:both; line-height:56px} #right span.crumb{ color:#999; float:right; padding-left:20px; background:url(/JS9FH1OPUIgoJSDpIS1G.jpg) no-repeat 0 center;} #right span.crumb a{ color:#999;} #right span.crumb a:hover{ color:#528bb9; text-decoration:underline;} #right span.crumb span.c_current{ color:#528bb9;} #right .title h3{ height:55px; float:left; font-size:20px; color:#2B77B3; border-bottom:1px #528bb9 solid; font-family:"\5FAE\8F6F\96C5\9ED1";} #right .con{ padding:15px 0; line-height:2em; height:auto !important; height:500px; min-height:500px; font-size:14px;} #right .con img{ max-width:780px; width:expression(this.width >780 && 780 ? 780: true);} .crumb{ color:#999; margin-top:15px; line-height:20px; padding-left:20px; background:url(/JS9FH1OPUIgoJSDpIS1G.jpg) no-repeat 0 center;} .crumb a{ color:#999;} .crumb a:hover{ color:#528bb9; text-decoration:underline;} .crumb span.c_current{ color:#528bb9;} /* jobs */ .concept_box{ height:300px; margin-bottom:20px; overflow:hidden; background:#A3BFD9;} .concept_box .concept_pic{ width:482px; float:left;} .concept_box .concept_info{ width:248px; color:#fff; line-height:24px; float:right; padding:30px 25px;} .concept_box .concept_info h3{ font-size:24px; margin-bottom:30px;} .accordion{ width:100%; height:32px; line-height:32px; margin-top:2px; position:relative; display:inline-block; color:#999; vertical-align:middle;} .accordion .icon{ width:14px; height:14px; position:relative; float:right; border-radius:100%; border:2px #fff solid; margin:6px 10px 0 0; background:url(/JS9FH1OPUIyqIO9IJyV.jpg) no-repeat center center;} .accordion.active .icon{ background:url(/JS9FH1OPUIyqIS8pIS1G.jpg) no-repeat center center;} .accordion h4{ float:left; padding-left:12px; position:relative; font-size:14px;} .accordion a{ height:32px; position:relative; display:block; text-decoration:none; background:#e6e6e6;} .accordion a:hover,.active a{ text-decoration:none; color:#fff; background-color:#9abedd; transition:0.3s;} .accordion-desc{ background-color:#f9f9f9; color:#999; z-index:2; padding:30px;} @media(min-width:480px){.container{ max-width:80%;}} @media(min-width:768px){.container{ max-width:1200px;}} ul.i_news_list li{ line-height:1.5em; padding-bottom:5px; margin:0 0 15px; border-bottom:1px #f3f3f3 solid; clear:both; overflow:hidden} ul.i_news_list li .pic{ width:240px; height:150px; float:left; overflow:hidden;} ul.i_news_list li h3{ font-size:16px; font-family:"\5FAE\8F6F\96C5\9ED1"; font-weight:normal; border-left:4px solid #194e88; padding-left:10px; display:block;} ul.i_news_list li h3 a{ color:#333;} ul.i_news_list li h3 a:hover{ color:#194E88; text-decoration:underline;} ul.i_news_list li span.data{ color:#999; font-size:14px; margin-left:20px;} ul.i_news_list li .n_info{ height:auto; position:relative;} ul.i_news_list li p{ color:#999; padding:10px 0; font-size:12px; display:block; width:720px;} .textTitle{ padding-top:20px; color:#333; font:normal 24px "\5FAE\8F6F\96C5\9ED1","\5B8B\4F53";} .subtime{ margin-top:20px; padding-bottom:10px; font-size:14px; border-bottom:1px #e1e1e1 solid; color:#999;} .subtime span{ color:#b8b8b8;} .subtime span.down{ padding-left:20px; float:right; background:url(/JS9FH1OPUIqoDy9rKSIEoxWnIkgJJ1H.jpg) no-repeat 0 center;} .subtime span.down a{ text-decoration:underline;} .subtime span.down a:hover{ text-decoration:none;} .article{ padding:30px 0; line-height:2em; font-size:14px;} .article table td{padding:5px; } .article table{ border-collapse:collapse;} .tool_box{ height:40px; margin:20px 0 0; padding-top:20px; border-top:1px #e1e1e1 solid;} .tool_box a{ padding:0 30px; height:40px; line-height:40px; text-align:center; font-size:16px; float:left; color:#fff; background:#6E6968;} .tool_box a:hover{ background:#256dbc; text-decoration:underline;} .tool_box .back{ float:right; margin:0; background:#2c5786;} .paging{ margin-top:50px; font-size:14px; border-bottom:1px #f3f3f3 solid;} .paging p{ display:block; line-height:40px; border-top:1px #f3f3f3 solid;} .paging p a:hover{ text-decoration:underline;} .relevant{ margin-top:30px;} .i_news_list1{ margin-top:25px;} .i_news_list1 li{ font-size:14px; margin-bottom:10px;box-sizing:border-box;} ul.contact_way{ margin:30px 0 30px 20px;} ul.contact_way li{ width:50%; float:left; font-size:14px; margin-bottom:10px;} ul.contact_way li i{ width:24px; height:24px; float:left; margin-right:5px; background:url(/JS9FH1OPUIcKJy8QUIApIj.jpg) no-repeat center center;} ul.contact_way li:nth-child(2) i{ background:url(/JS9FH1OPUIcKJy8NUIApIj.jpg) no-repeat center center;} ul.contact_way li:nth-child(3) i{ background:url(/JS9FH1OPUIcKJy8OUIApIj.jpg) no-repeat center center;} ul.contact_way li:nth-child(4) i{ background:url(/JS9FH1OPUIcKJy8TUIApIj.jpg) no-repeat center center;} ul.contact_way li:nth-child(5) i{ background:url(/JS9FH1OPUIcKJy8UUIApIj.jpg) no-repeat center center;} ul.contact_way li:nth-child(6) i{ background:url(/JS9FH1OPUIcKJy8RUIApIj.jpg) no-repeat center center;} ul.contact_way li:nth-child(7) i{ background:url(/JS9FH1OPUIcKJy8SUIApIj.jpg) no-repeat center center;} ul.contact_way li:nth-child(8) i{ background:url(/JS9FH1OPUIcKJy8XUIApIj.jpg) no-repeat center center;} /* download */ .down_list li{ line-height:42px; border-bottom:1px #ddd dashed;} .down_list li a{ background:url(/JS9FH1OPUIWTE15SUIApIj.jpg) no-repeat 6px center; padding-left:15px;} .down_list li a:hover{ text-decoration:underline; background:url(/JS9FH1OPUIWTE15SUIApIj.jpg) no-repeat 6px center;} ul.s_list{ width:910px;} ul.s_list li{ width:235px; height:240px; display:block; margin-right:35px; float:left; text-align:center; margin-bottom:15px;} ul.s_list li a.pro_pic{ width:235px; height:176px; display:block; border:1px #b9babc solid; overflow:hidden;} ul.s_list li a.pro_name{ display:block; text-align:center; line-height:175%; font-size:12px;} ul.s_list li:hover a.pro_name{ color:#fff; background:#005CB0;} /* 鍟嗗搧璇︽儏椤?*/ .img_area{ width:352px; margin-top:20px; float:left;} #preview{} .jqzoom{ width:350px; height:350px; position:relative;} .list-h li{ float:left;} #spec-n5{ width:360px; height:82px; padding-top:10px; overflow:hidden;} #spec-list{ width:410px; float:left; overflow:hidden; display:inline; position:relative;} #spec-list ul li{ width:82px; padding-right:8px; height:82px; float:left; display:inline; text-align:center;} #spec-list ul li img{ width:80px; height:80px; border:1px solid #eaeaea; float:left;} #spec-list div{ margin-top:0; *margin-left:0;} #spec-left{ background:url(/HxSNT1kpH1EEEu5JIxOHJS4pJSOKEu1GKSp.jpg) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:15px;} #spec-right{ background:url(/HxSNT1kpH1EEEu5JIxOHJS4pEykJJxpnHyuH.jpg) no-repeat; width:10px; height:45px; float:right; cursor:pointer; margin-top:15px;} /*jqzoom*/ .jqzoom{ position:relative; padding:0;} .zoomdiv{ width:420px; height:442px; z-index:100; position:absolute; top:1px; left:0px; background:url(/HxSNT1jrKykIHIupIOcFJSD.jpg) #fff no-repeat center center; border:1px solid #e4e4e4; display:none; overflow:hidden;} .bigimg{ width:1000px; height:1000px;} .jqZoomPup{ width:168px; height:160px; z-index:10; visibility:hidden; position:absolute; top:0px; left:0px; border:1px solid #ccc; background:#F2F6D5 50% top no-repeat; opacity:0.5; -moz-opacity:0.5; -khtml-opacity:0.5; filter:alpha(Opacity=50); cursor:move;} .pro_about{ width:390px; margin-top:20px; float:right; line-height:18px;} .pro_about .pro_name{ font-size:20px; line-height:30px; padding-bottom:15px; color:#648EB6; font-family:"\5FAE\8F6F\96C5\9ED1";} .pro_about .pro_info{ height:300px; font-size:12px;} .pro_about .pro_info div{ padding-top:3px; position:relative; overflow:hidden; clear:both; max-width:296px} .pro_about .pro_info div img{ vertical-align:middle; margin:-5px 5px 0 0;} .pro_about .pro_info div .mail2us{ position:absolute; display:block; padding:0 20px 0 50px; color:#fff; line-height:34px; background:#87a0bf url(../images/icon_email.png) 15px 50% no-repeat; position:absolute; left:175px; top:3px; border-radius:1px; overflow:hidden;} .pro_about .pro_info b{ color:#999; float:left; font-weight:normal; display:none;} .pro_about .pro_info span{ text-align:left;} .brandImg img { height:40px; border:1px solid #f2f2f2; border-radius:1px; overflow:hidden; box-shadow:0 1px 3px rgba(0,0,0,.3)} .pro_about .pro_info span a{ color:#648EB6; margin-right:15px;} .pro_about .pro_info span a:hover{ text-decoration:underline;} .pro_about .pro_info #downloadfile{ border:1px #ddd solid; padding:8px; background:url(/JS9FH1OPUIcKJy8sD1OGU1uQHj.jpg) 5px 50% no-repeat; height:56px; padding-top:5px; width:200px; padding-left:56px; overflow:hidden; margin-top:20px;} .pro_about .pro_info #downloadfile b{ float:none; display:block; padding-bottom:7px;} .pro_about .pro_info #downloadfile span{ float:none; font-size:12px;} .enquiry_btn{ width:150px; height:40px; line-height:40px;text-align:center; font-size:16px; color:#fff; display:block; background:#87a0bf; font-family:"\5FAE\8F6F\96C5\9ED1"; position:absolute; left:70px; top:3px; width:224px;} .enquiry_btn:hover{ color:#fff; background:#FBC01E;} /* pro_detail */ .detail_tab{ height:36px; margin-top:20px; border-bottom:2px #648EB6 solid;} .detail_tab ul li{ float:left; text-align:center;} .detail_tab ul li a{ padding:0 40px; margin-right:10px; height:34px; line-height:34px; font-size:14px; font-weight:normal; font-family:"\5FAE\8F6F\96C5\9ED1"; display:block; color:#999; cursor:pointer;} .detail_tab ul li a:hover{ color:#648EB6;} .detail_tab ul li.hover a{ color:#648EB6; border:2px #648EB6 solid; border-bottom:2px #fff solid; cursor:pointer;} #pro_detail .main{ line-height:2em; font-size:14px;} #pro_detail .main .tab_con{ padding:20px 0;} .tab_con p img,.tab_con img{ max-width:100% !important; } #pro_detail .main div.none{ display:none;} #pro_detail .main div.block{ display:block; } .addtocart input{ height:36px; padding:0; margin:0; text-align:center;} .brand_box .title{ height:56px; margin-top:20px; background:#f9f9f9;} .brand_box ul#tab_btn li{ width:20%; float:left;} .brand_box ul#tab_btn li a{ height:56px; line-height:56px; color:#999; font-size:20px; border-top:1px #f1f1f1 solid; border-right:1px #f1f1f1 solid; border-left:1px #fff solid; display:block; cursor:pointer; text-align:center; background:#f9f9f9;} .brand_box ul#tab_btn li#news_tab_1 a{ border-left:1px #f1f1f1 solid;} .brand_box ul#tab_btn li.hover a{ color:#fff; background:#2B77B3;} .brand_box .con{ margin-top:1px; padding:0; border-top:1px #005CB0 solid;} .brand_box .none{ display:none;} .selectTitle{ font-size:48px; color:#7e7e7e; line-height:48px; font-family:Arial, Helvetica, sans-serif; font-weight:100; display:block; height:50px; padding-left:26px; margin:25px 0;} .pagetitle--center{ font-size:16px; text-align:center; margin:10px 0; display:block; color:#000; font-weight:800; padding-top:20px;} .txtList{ overflow:hidden; padding-left:15px; padding-bottom:20px;} .txtList li{ width:16.6%; overflow:hidden; text-align:left; margin-bottom:15px; float:left;} .txtList li a{ color:#7e7e7e; font-family:Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif;} .txtList li a:hover{ color:#2B77B3;} .selectbox{ height:26px; padding:10px 10px;clear:both; margin:15px auto 0; background:#f9f9f9; border:1px solid #999; border-width:1px 0; position:relative; z-index:3} .selemediv{ float:left; margin-left:9px;} .selemenu a{ height:26px; line-height:26px; display:block; padding:0 8px; margin:0 1px 0 0; color:#999; font-family:Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif;} .selemenu a:hover,.selemenu a.current{ color:#fff; background:#f19a00; border-radius:26px;} .drop_down_box{ box-shadow:0px 2px 1px rgba(0,0,0,.3); font-size:14px; color:#999; padding:10px 0; position:absolute; left:0; top:46px; width:100%; border-bottom:1px solid #f6f6f6; display:none; background:#fff; } .wrap{overflow:hidden; clear:both; position:relative; z-index:7; background:#fff; min-width:770px; max-width:100%;} .document_box .letter{ padding:8px 8px;} .document_box .letter a{ margin:0 1px 0 0;} .document_box .selectTitle{ line-height:30px; font-size:30px; padding-left:8px; margin:10px 0;} .document_box .txtList{ height:320px; overflow:auto; padding:0;} .document_box .txtList li{ width:25%; padding:0 5px; margin-bottom:2px; box-sizing:border-box;} .document_box .txtList li a{ font-size:12px; line-height:30px; padding-left:10px; display:block; background:#f9f9f9;} .document_box .txtList li a:hover,.document_box .txtList li a.active{ color:#2c5786; background:#FBC01E;} .brand_crumb{ height:60px;} .brand_crumb h3{ height:30px; font-size:30px; line-height:30px; padding-left:15px; margin:5px 0 15px;} .brand_crumb h3,.brand_crumb span,.brand_crumb h4{ float:left; line-height:30px; margin:15px 0;} .brand_crumb span{ margin:15px 10px;} .brand_crumb h4{ font-size:14px; color:#f90; font-family:Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif;} .proCatalog{ overflow:hidden; width:1020px; padding-top:20px;} .proCatalog dl{ float:left; width:490px; margin-bottom:10px; margin-right:20px;} .proCatalog dl dt{ background:#f4f4f4; height:30px; font:bold 14px/30px "瀹嬩綋"; color:#be001a; border-left:4px solid #2B77B3; padding-left:7px;} .proCatalog dl dt a{ color:#999;} .proCatalog dl dd{ border:1px solid #ebebeb;} .proCatalog dl dd ul li{ border-bottom:1px solid #ebebeb;position:relative; padding:8px 10px 8px 102px; overflow:hidden; min-height:30px;} .proCatalog dl dd ul li span{ color:#F19A00; padding:0 12px; display:block; width:72px; text-align:right; position:absolute; left:0; top:0; padding-top:12px; line-height:16px;} .proCatalog dl dd ul li a{ color:#848484; text-decoration:none; line-height:22px; margin-right:16px; display:inline-block;} .proCatalog dl dd ul li a.subcategory{ margin:0;} .proCatalog dl dd ul li a:hover{ color:#005CB0; text-decoration:underline;} .industryCatalog dl dd ul li{ padding:8px 10px 8px 10px;} .industryCatalog ul{margin-left:-20px;} .industryCatalog ul li{ width:20%; float:left;} .industryCatalog ul li a{ display:block; border-radius:5px; line-height:50px; text-align:center; background:#F3F3F3; margin:20px 20px 0 20px; transition:all 0.5s;} .industryCatalog ul li a:hover{ color:#fff; background:#74B0D5; font-size:18px; font-family:Microsoft Yahei;} .message{} .message h3{ font-size:24px; font-weight:bold;} .message p{ padding:10px 0;} .message p .text,.message p textarea{ width:430px; height:42px; font-size:14px; padding-left:14px; background:#f8f8f8; border:1px #ddd solid;} .message p textarea{ height:112px; padding-top:10px;} .message .submit{ display:block; width:160px; height:50px; font-size:16px; line-height:50px; text-align:center; color:#fff; background:#868686;} .message .submit:hover{ color:#fff; background:#005CB0;} ul.q_a_list li{ padding-bottom:5px; margin-bottom:15px; border-bottom:1px #ddd dashed;} ul.q_a_list div{ padding-left:35px; margin-bottom:10px; color:#648EB6; font-size:14px; line-height:24px; display:block; position:relative;} ul.q_a_list div span{ width:24px; height:24px; color:#fff; text-align:center; float:left; display:block; font-size:15px; background:#648EB6; position:absolute; top:0; left:0;} ul.q_a_list .question{ cursor:pointer;} ul.q_a_list .answer{ color:#999; display:none;} ul.q_a_list .answer span{ background:#FBC01E;} .whychoose{ padding:30px 0 20px; margin:0 auto 30px;} .whychoose ul{} .whychoose ul li{ width:33.33%; box-sizing:border-box; padding:0 60px 0 0; line-height:22px; float:left;} .whychoose ul li .pic{ width:100px; height:100px; margin:0 auto 10px; display:block; text-align:center; border-radius:100%; background:#648EB6 url(../images/love_icon1.png) no-repeat center center; -webkit-transition:0.5s; transition:0.5s;} .whychoose ul li h3{ font-size:18px; color:#999; line-height:40px;} .whychoose ul li.li1 .pic:hover{ background:#648EB6 url(../images/love_icon1.png) no-repeat center center;} .whychoose ul li.li2 .pic{ background:#648EB6 url(../images/love_icon2.png) no-repeat center center;} .whychoose ul li.li2 .pic:hover{ background:#648EB6 url(../images/love_icon2.png) no-repeat center center;} .whychoose ul li.li3 .pic{ background:#648EB6 url(../images/love_icon3.png) no-repeat center center;} .whychoose ul li.li3 .pic:hover{ background:#648EB6 url(../images/love_icon3.png) no-repeat center center;} .contact_box{ padding-top:10px;} .contact_box h3{ font-weight:bold; font-size:24px;} .contact_box .dl_con{ width:420px; margin-top:82px; border-left:1px solid #CCC; padding-left:40px; min-height:780px;} .contact_box dl{ vertical-align:top; padding-bottom:15px; } .contact_box dt{ font-size:12px; font-weight:bold; margin-bottom:7px; color:#648EB6; border-top:1px dotted #ccc;padding-top:10px;} .contact_box dd span{ width:50px; height:50px; float:left; background:#648EB6; margin-right:15px; border-radius:100%;} .contact_box dd span.icon01{ background:#648EB6 url(../images/love_icon3.png) no-repeat center center; background-size:100%;} .contact_box dd span.icon02{ background:#648EB6 url(../images/love_icon6.png) no-repeat center center; background-size:100%;} .contact_box dd span.icon03{ background:#648EB6 url(../images/love_icon4.png) no-repeat center center; background-size:100%;} .contact_box dd span.icon04{ background:#648EB6 url(../images/love_icon5.png) no-repeat center center; background-size:100%;} .contact_box dd span.icon05{ background:#648EB6 url(../images/love_icon1.png) no-repeat center center; background-size:100%;} /***************** pagination *****************/ .flip_pages_front{ font-size:12px; font-family:arial,sans-serif; padding-top:20px; text-align:left; clear:both; overflow:hidden; padding-bottom:20px;} .flip_pages_front a{ margin:3px 2px;height:30px; line-height:30px; padding:5px; text-align:center; border:1px solid #005CB0; border-radius:3px; overflow:hidden; color:#005CB0; background:#fff;} .flip_pages_front a:hover,.flip_pages_front .pageson{ color:#fff; background:#648EB6; border:1px solid #648EB6;} .flip_pages_front .pagesInput input{ width:30px; height:24px; margin:0 5px; text-align:center; border:1px #005CB0 solid;} .flip_pages_front .pagego{ padding:5px 12px; color:#005CB0; border:1px solid #005CB0; cursor:pointer;} .flip_pages_front .pagego:hover{ color:#fff; border:1px solid #648EB6; background:#648EB6;} .flip_pages_front span{ padding:5px;} /* side */ .side{position:fixed;width:54px;height:275px;right:0;top:40%;z-index:100;} .side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #6690B8;} .side ul li .sidebox{ position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#6690B8;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px arial;overflow:hidden;} .side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#6690B8;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;} .side ul li .sidetop:hover{background:#FBC01E;opacity:1;filter:Alpha(opacity=100);} .side ul li img{float:left;} .searchTotal{ padding-bottom:20px; font-size:16px; font-weight:bold; color:#666;} .searchTotal span{ color:#F90} .floatLeftImg{ float:left; margin:0 20px 10px 0;} .infoArea{height:190px; overflow:hidden;} .allLinks{ display:block; background:#74B0D5; color:#fff !important; font-weight:bold; color:#fff; border-radius:3px; padding:0 5px; position:absolute; right:0; top:0; margin:0;} /* General styles for the modal */ /* Styles for the html/body for special modal where we want 3d effects Note that we need a container wrapping all content on the page for the perspective effects (not including the modals and the overlay). */ .md-perspective, .md-perspective body { height: 100%; overflow: hidden; } .md-perspective body { background: #fff; -webkit-perspective: 600px; -moz-perspective: 600px; perspective: 600px; } .container { min-height: 100%; } .md-modal { position: fixed; top: 50%; left: 50%; width: 50%; max-width: 430px; min-width: 320px; height: auto; z-index: 9999999; visibility: hidden; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); text-align:center; } .md-show { visibility: visible; } .md-overlay { position: fixed; width: 100%; height: 100%; visibility: hidden; top: 0; left: 0; z-index: 9999995; opacity: 0; background: rgba(1,1,1,0.6); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .md-show ~ .md-overlay { opacity: 1; visibility: visible; } /* Content styles */ .md-content { color: #5b5b5b; background: #fff; position: relative; border-radius: 0px; margin: 0 auto; } .md-content .md-close-btn { position: absolute; top: 10px; right: 5px; z-index: 999999; } .md-content .md-close-btn a{ color: #909090; cursor: pointer; } .md-content .md-close-btn a:hover{ color: #212121; } .md-content .md-close { font-size: 13px; } .md-content h3 { font-size: 16px; font-weight: 600; margin: 0; padding: 20px; text-align: center; background: #fff; border-radius: 0; color: #797979; } .md-content > div { padding: 15px 40px 30px; margin: 0; font-weight: 300; font-size: 14px; } .md-content > div p { margin: 0; padding: 10px 0; } .md-content > div ul { margin: 0; padding: 0 0 30px 20px; } .md-content > div ul li { padding: 5px 0; } /* Individual modal styles with animations/transitions */ /* Effect 1: Fade in and scale up */ .md-effect-1 .md-content { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .md-show.md-effect-1 .md-content { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; text-align:center; } /* Effect 2: Slide from the right */ .md-effect-2 .md-content { -webkit-transform: translateX(20%); -moz-transform: translateX(20%); -ms-transform: translateX(20%); transform: translateX(20%); opacity: 0; text-align:center; -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); } .md-show.md-effect-2 .md-content { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; } /* Effect 3: Slide from the bottom */ .md-effect-3 .md-content { -webkit-transform: translateY(20%); -moz-transform: translateY(20%); -ms-transform: translateY(20%); transform: translateY(20%); opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .md-show.md-effect-3 .md-content { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } /* Effect 4: Newspaper */ .md-effect-4 .md-content { -webkit-transform: scale(0) rotate(720deg); -moz-transform: scale(0) rotate(720deg); -ms-transform: scale(0) rotate(720deg); transform: scale(0) rotate(720deg); opacity: 0; } .md-show.md-effect-4 ~ .md-overlay, .md-effect-4 .md-content { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .md-show.md-effect-4 .md-content { -webkit-transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); opacity: 1; } /* Effect 5: fall */ .md-effect-5.md-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .md-effect-5 .md-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(600px) rotateX(20deg); -moz-transform: translateZ(600px) rotateX(20deg); -ms-transform: translateZ(600px) rotateX(20deg); transform: translateZ(600px) rotateX(20deg); opacity: 0; } .md-show.md-effect-5 .md-content { -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -webkit-transform: translateZ(0px) rotateX(0deg); -moz-transform: translateZ(0px) rotateX(0deg); -ms-transform: translateZ(0px) rotateX(0deg); transform: translateZ(0px) rotateX(0deg); opacity: 1; } /* Effect 6: side fall */ .md-effect-6.md-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .md-effect-6 .md-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translate(30%) translateZ(600px) rotate(10deg); -moz-transform: translate(30%) translateZ(600px) rotate(10deg); -ms-transform: translate(30%) translateZ(600px) rotate(10deg); transform: translate(30%) translateZ(600px) rotate(10deg); opacity: 0; } .md-show.md-effect-6 .md-content { -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -webkit-transform: translate(0%) translateZ(0) rotate(0deg); -moz-transform: translate(0%) translateZ(0) rotate(0deg); -ms-transform: translate(0%) translateZ(0) rotate(0deg); transform: translate(0%) translateZ(0) rotate(0deg); opacity: 1; } /* Effect 7: slide and stick to top */ .md-effect-7{ top: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .md-effect-7 .md-content { -webkit-transform: translateY(-200%); -moz-transform: translateY(-200%); -ms-transform: translateY(-200%); transform: translateY(-200%); -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; opacity: 0; } .md-show.md-effect-7 .md-content { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); border-radius: 0 0 3px 3px; opacity: 1; } /* Effect 8: 3D flip horizontal */ .md-effect-8.md-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .md-effect-8 .md-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateY(-70deg); -moz-transform: rotateY(-70deg); -ms-transform: rotateY(-70deg); transform: rotateY(-70deg); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; opacity: 0; } .md-show.md-effect-8 .md-content { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; } /* Effect 9: 3D flip vertical */ .md-effect-9.md-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .md-effect-9 .md-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(-70deg); -moz-transform: rotateX(-70deg); -ms-transform: rotateX(-70deg); transform: rotateX(-70deg); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; opacity: 0; } .md-show.md-effect-9 .md-content { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } /* Effect 10: 3D sign */ .md-effect-10.md-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .md-effect-10 .md-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(-60deg); -moz-transform: rotateX(-60deg); -ms-transform: rotateX(-60deg); transform: rotateX(-60deg); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform-origin: 50% 0; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .md-show.md-effect-10 .md-content { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } /* Effect 11: Super scaled */ .md-effect-11 .md-content { -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); transform: scale(2); opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .md-show.md-effect-11 .md-content { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* Effect 12: Just me */ .md-effect-12 .md-content { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .md-show.md-effect-12 ~ .md-overlay { background: rgba(255,255,255,1); } .md-effect-12 .md-content h3, .md-effect-12 .md-content { background: transparent; } .md-show.md-effect-12 .md-content { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* Effect 13: 3D slit */ .md-effect-13.md-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .md-effect-13 .md-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(-3000px) rotateY(90deg); -moz-transform: translateZ(-3000px) rotateY(90deg); -ms-transform: translateZ(-3000px) rotateY(90deg); transform: translateZ(-3000px) rotateY(90deg); opacity: 0; } .md-show.md-effect-13 .md-content { -webkit-animation: slit .7s forwards ease-out; -moz-animation: slit .7s forwards ease-out; animation: slit .7s forwards ease-out; } @-webkit-keyframes slit { 50% { -webkit-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -webkit-animation-timing-function: ease-out;} 100% { -webkit-transform: translateZ(0) rotateY(0deg); opacity: 1; } } @-moz-keyframes slit { 50% { -moz-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -moz-animation-timing-function: ease-out;} 100% { -moz-transform: translateZ(0) rotateY(0deg); opacity: 1; } } @keyframes slit { 50% { transform: translateZ(-250px) rotateY(89deg); opacity: 1; animation-timing-function: ease-in;} 100% { transform: translateZ(0) rotateY(0deg); opacity: 1; } } /* Effect 14: 3D Rotate from bottom */ .md-effect-14.md-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .md-effect-14 .md-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateY(100%) rotateX(90deg); -moz-transform: translateY(100%) rotateX(90deg); -ms-transform: translateY(100%) rotateX(90deg); transform: translateY(100%) rotateX(90deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; transform-origin: 0 100%; opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .md-show.md-effect-14 .md-content { -webkit-transform: translateY(0%) rotateX(0deg); -moz-transform: translateY(0%) rotateX(0deg); -ms-transform: translateY(0%) rotateX(0deg); transform: translateY(0%) rotateX(0deg); opacity: 1; } /* Effect 15: 3D Rotate in from left */ .md-effect-15.md-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .md-effect-15 .md-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg); -moz-transform: translateZ(100px) translateX(-30%) rotateY(90deg); -ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg); transform: translateZ(100px) translateX(-30%) rotateY(90deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; transform-origin: 0 100%; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .md-show.md-effect-15 .md-content { -webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg); -moz-transform: translateZ(0px) translateX(0%) rotateY(0deg); -ms-transform: translateZ(0px) translateX(0%) rotateY(0deg); transform: translateZ(0px) translateX(0%) rotateY(0deg); opacity: 1; } /* Effect 16: Blur */ .md-show.md-effect-16 ~ .md-overlay { background: rgba(1,1,1,0.6); } .md-show.md-effect-16 ~ .container { -webkit-filter: blur(3px); -moz-filter: blur(3px); filter: blur(3px); } .md-effect-16 .md-content { -webkit-transform: translateY(-5%); -moz-transform: translateY(-5%); -ms-transform: translateY(-5%); transform: translateY(-5%); opacity: 0; } .md-show.md-effect-16 ~ .container, .md-effect-16 .md-content { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .md-show.md-effect-16 .md-content { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } /* Effect 17: Slide in from bottom with perspective on container */ .md-show.md-effect-17 ~ .container { height: 100%; overflow: hidden; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } .md-show.md-effect-17 ~ .container, .md-show.md-effect-17 ~ .md-overlay { -webkit-transform: rotateX(-2deg); -moz-transform: rotateX(-2deg); -ms-transform: rotateX(-2deg); transform: rotateX(-2deg); -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .md-effect-17 .md-content { opacity: 0; -webkit-transform: translateY(200%); -moz-transform: translateY(200%); -ms-transform: translateY(200%); transform: translateY(200%); } .md-show.md-effect-17 .md-content { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; -webkit-transition: all 0.3s 0.2s; -moz-transition: all 0.3s 0.2s; transition: all 0.3s 0.2s; } /* Effect 18: Slide from right with perspective on container */ .md-show.md-effect-18 ~ .container { height: 100%; overflow: hidden; } .md-show.md-effect-18 ~ .md-overlay { background: rgba(1,1,1,0.6); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .md-show.md-effect-18 ~ .container, .md-show.md-effect-18 ~ .md-overlay { -webkit-transform-style: preserve-3d; -webkit-transform-origin: 0% 50%; -webkit-animation: rotateRightSideFirst 0.5s forwards ease-in; -moz-transform-style: preserve-3d; -moz-transform-origin: 0% 50%; -moz-animation: rotateRightSideFirst 0.5s forwards ease-in; transform-style: preserve-3d; transform-origin: 0% 50%; animation: rotateRightSideFirst 0.5s forwards ease-in; } @-webkit-keyframes rotateRightSideFirst { 50% { -webkit-transform: translateZ(-50px) rotateY(5deg); -webkit-animation-timing-function: ease-out; } 100% { -webkit-transform: translateZ(-200px); } } @-moz-keyframes rotateRightSideFirst { 50% { -moz-transform: translateZ(-50px) rotateY(5deg); -moz-animation-timing-function: ease-out; } 100% { -moz-transform: translateZ(-200px); } } @keyframes rotateRightSideFirst { 50% { transform: translateZ(-50px) rotateY(5deg); animation-timing-function: ease-out; } 100% { transform: translateZ(-200px); } } .md-effect-18 .md-content { -webkit-transform: translateX(200%); -moz-transform: translateX(200%); -ms-transform: translateX(200%); transform: translateX(200%); opacity: 0; } .md-show.md-effect-18 .md-content { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; -webkit-transition: all 0.5s 0.1s; -moz-transition: all 0.5s 0.1s; transition: all 0.5s 0.1s; } /* Effect 19: Slip in from the top with perspective on container */ .md-show.md-effect-19 ~ .container { height: 100%; overflow: hidden; } .md-show.md-effect-19 ~ .md-overlay { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .md-show.md-effect-19 ~ .container, .md-show.md-effect-19 ~ .md-overlay { -webkit-transform-style: preserve-3d; -webkit-transform-origin: 50% 100%; -webkit-animation: OpenTop 0.5s forwards ease-in; -moz-transform-style: preserve-3d; -moz-transform-origin: 50% 100%; -moz-animation: OpenTop 0.5s forwards ease-in; transform-style: preserve-3d; transform-origin: 50% 100%; animation: OpenTop 0.5s forwards ease-in; } @-webkit-keyframes OpenTop { 50% { -webkit-transform: rotateX(10deg); -webkit-animation-timing-function: ease-out; } } @-moz-keyframes OpenTop { 50% { -moz-transform: rotateX(10deg); -moz-animation-timing-function: ease-out; } } @keyframes OpenTop { 50% { transform: rotateX(10deg); animation-timing-function: ease-out; } } .md-effect-19 .md-content { -webkit-transform: translateY(-200%); -moz-transform: translateY(-200%); -ms-transform: translateY(-200%); transform: translateY(-200%); opacity: 0; } .md-show.md-effect-19 .md-content { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; -webkit-transition: all 0.5s 0.1s; -moz-transition: all 0.5s 0.1s; transition: all 0.5s 0.1s; } .con55{ overflow:hidden; width:996px; margin:0 auto;} .con55 .col1{ float:left; width:195px; background:#e5e5e5;} .con55 .col1 .hd{ background:url(/JS9FH1OPUI9EH0IgHIZoJ0WH.jpg) 0 0 no-repeat; height:56px;} .con55 .col1 .bd { padding:25px 20px;} .con55 .col1 .bd p{ display:block; padding-bottom:15px;} .con55 .col1 .bd p label{ display:block; text-align:left;} .con55 .col1 .bd p option,.con55 .col1 .bd p select{ width:100%; height:24px;} .con55 .col2{ width:776px; float:right;} .btnControl{ position:relative; height:30px;} .btnControl a{ display:block; width:120px; text-align:center; position:absolute; left:50%; margin-left:-60px; border:1px solid #d7e1e9; line-height:31px; color:#585858; background:#fff url(../images/icon_arrow.gif) 90px 10px no-repeat; cursor:pointer; border-radius:5px; overflow:hidden; padding-right:10px; top:5px;} .btnControl a.btn2{ background-position:90px -19px; } .localArea{ padding:20px 0;} .none{ display:none !important;} .block{ display:block !important;} .orderStepForm{ padding:20px 40px; overflow:hidden; clear:both;} .orderStepForm input{ width:200px; float:left; height:36px; line-height:36px; padding:0 10px; border:1px solid #81b3d8; border-radius:2px; box-shadow:0 5px 30px rgba(0,0,0,.2); margin-right:20px;} .orderStepForm .btnSearch{ width:90px; text-align:center; background:#81b3d8; color:#fff; border:1px solid #81b3d8; line-height:36px; height:36px;} .sub-row-menu ul li{ float:left; text-align:center; width:100px; background:#A3BFD9; color:#fff; margin-right:10px; padding:0;} .sub-row-menu ul li a{ color:#fff; line-height:36px; display:block;} .sub-row-menu ul{ overflow:hidden;} .doc-pic-list{ overflow:hidden; clear:both; padding:50px 0 50px 20px; width:1100px;} .doc-pic-list li{ float:left; width:130px; height:210px; margin-right:36px; margin-bottom:56px; position:relative;} .doc-pic-list li img{ width:130px;height:160px;} .doc-pic-list li p, .doc-pic-list li a{ display:block; background:#A3BFD9; color:#fff; text-align:center; transition:all .3s;} .doc-pic-list li p{ position:absolute; z-index:2; left:0; top:0; background:#fff; color:#333; padding:10px;overflow:hidden;box-shadow:0 0 5px rgba(0,0,0,.3);word-break:break-all; width:110px; height:140px} .doc-pic-list li img{ position:absolute; z-index:1;left:0; top:0;box-shadow:0 0 5px rgba(0,0,0,.3);} .doc-pic-list .hasimg{ position:relative;} .doc-pic-list .hasimg p{ top:170px; left:0; box-shadow:none; height:60px; word-break:break-all;} .doc-pic-list .hasimg img{ top:0; left:0;} .doc-pic-list .hasimg a:hover p{ background:#A3BFD9; color:#fff; top:160px;} .doc-pic-list li p span{ line-height:175%; color:#fff; padding-top:60px;} .brandInfo{ overflow:hidden; padding-top:30px;} .brandInfo .col1{ float:left; width:628px; overflow:hidden;} .brandInfo .img{ width:100%;} .brandInfo .img img{ float:left; border:1px solid #f2f2f2;} .brandInfo .info{ width:628px; float:left; clear:both; padding-top:30px;} .brandInfo .info h3,.brandInfo .img h3{ font-size:18px; padding:10px 0;} .brandInfo .img h3{ float:left; padding-left:20px;} .brandInfo .doc{ float:right; width:314px;} .brandInfo .doc .hd{ border-bottom:1px solid #f2f2f2; line-height:30px; height:30px; font-size:18px;} .brandInfo .doc .bd{} .docList2{ overflow:hidden; list-style:none;} .docList2 li{ overflow:hidden; clear:both; border-bottom:1px solid #f2f2f2; padding:10px 0; list-style:none;} .docList2 li .img{ float:left; width:40px;} .docList2 li .img img{ width:40px;} .docList2 li p{ float:left; padding-left:10px; display:block; width: 225px; word-break: break-all;} .info-order-search{ padding-left:40px; padding-top:10px; display:none;} .ftLaw{ text-align:center; padding:10px 0; font-size:11px; line-height:115%; color:#ccc; width:1200px; margin:0 auto;} .lawInfo{ border:1px solid #CCC; background:#f2f2f2; padding:10px; clear:both; font-size:12px; color:#999; margin-top:20px;} .pro-details{} .pro-details .crumb{ display:block; overflow:hidden;} .pro-details .title h3{ font-size:24px; padding-top:20px;} .pro-details .con_con .pro_about{ width:618px;} .notic{ font-size:11px; color:#575757; padding-top:12px; overflow:hidden; clear:both; text-align:center; padding:0 40px;} .printArea{ overflow:hidden; clear:both; vertical-align:middle; position:relative; height:50px; padding-top:10px} .printArea a img{ float:left; margin-left:60px;} .printArea a span{ padding-left:9px; float:left; line-height:21px;} .printArea:after{ content:" "; height:30px; background:#000; width:1px; position:absolute; top:0; left:50%;} .printArea a{ display:block; float:left; width:50%; text-align:center; color:#000; font-size:12px; line-height:30px; overflow:hidden;} .myCart{ padding-top:20px; overflow:hidden;} .myCartLi{ overflow:hidden; clear:both; border-bottom:1px solid #f5f5f5} .myCartLi li{ float:left; width:200px; text-align:center;padding:5px;} .myCartLi .col1 img{ width:100px;} .myCartLi .col2{ width:400px; text-align:left; padding-top:40px;} .myCartLi .col3{ width:200px;padding-top:40px; position:relative;} .myCartLi .col3 input{ width:60px; height:22px; line-height:22px; border:1px solid #cacbcb; text-align:center;} .myCartLi .col3 a{ display:block; width:22px;height:22px; line-height:22px; color:#000; position:absolute; left:51px; background:#fff; font-size:16px; top:40px;border:1px solid #cacbcb;} .myCartLi .col3 .add{ left:135px;} .myCartLi .col4{ float:right; width:200px; text-align:center;padding-top:40px;} .myCartLiHead{ background:#f2f3f7; overflow:hidden; clear:both;} .myCartLiHead li{ font-weight:bold; color:#000; padding:5px; float:left; text-align:center} .myCartLiHead .col1{ width:210px;} .myCartLiHead .col2{ width:400px; text-align:left; } .myCartLiHead .col3{ width:200px;} .myCartLiHead .col4{ float:right; width:200px; text-align:center;} .area{ width:1200px; margin:0 auto;} .btnArea{ padding:40px 0; clear:both;} .pagetitle{ font-size:24px; color:#000;} .btnNextStep{ background:#6690B8; line-height:44px; font-size:18px; color:#fff; text-align:center; padding:0 20px; width:200px; display:block; float:right} a.btnNextStep:hover{ color:#fff;} .local{ padding-bottom:17px; padding-top:15px;} .iconList{ overflow:hidden; clear:both;} .iconList li{ float:left; width:45%; margin-right:20px; margin-bottom:20px; position:relative; min-height:80px;font-family: arial;} .iconList li span{ position:absolute; left:0; top:0; width:55px; height:55px; border-radius:5px; overflow:hidden;} .iconList li span img{ max-width:100%; width:55px;} .iconList li h4{ padding-left:75px; font-weight:bold; font-size:14px; color:#2B77B3; font-family: arial;} .iconList li p{ padding-left:75px; color:#999; padding-top:5px; line-height:16px;} .title_dline{ border-bottom:1px solid #b9babc; line-height:175%; color:#000; font-size:16px;} .pageCatalog{overflow:hidden; clear:both; width:1060px;} .pageCatalog li{ float:left; width:calc(33% - 20px); position:relative; overflow:hidden; margin-bottom:20px;} .pageCatalog li.col2{ width:310px; margin:10px 16px;} .pageCatalog li img{ max-width:100%; width:306px; display:block; border:2px solid #999; margin:0;} .pageCatalog li .con{ content:" "; height:100%; top:100%; left:0; width:310px; background:rgba(118,153,173,.8); position:absolute;z-index:1; transition:all .3s;} .pageCatalog li a:hover .con{ top:0; left:0;} .subbanner{ background:#f2f2f2 url(../images/xueyuan-banner.png) 50% 50% no-repeat; min-height:350px; height:350px; text-align:center;} .subbanner img{ display:block; margin:0 auto;} .pageCatalog li h4, .pageCatalog li p{ color:#fff; padding:0 20px; text-transform:uppercase;font-family: arial;} .pageCatalog li h4{ font-weight:bold; margin-bottom:5px; font-size:16px; padding-top:19px;} .text-center{ text-align:center;} .w1070{ overflow:hidden; width:1070px;} .box-news{ float:left; width:470px; margin:10px 16px;} .box-news .hd{ position:relative; overflow:hidden; height:120px; border:2px solid #999} .box-news .hd img{ max-width:100%; width:470px;height:120px; display:block; border:0; margin:0;} .box-news .hd .con{ content:" "; height:120px; top:100%; left:0; width:470px; background:rgba(118,153,173,.8); position:absolute;z-index:1; transition:all .3s;} .box-news .hd .con h4, .box-news .hd .con p{ color:#fff; padding:0 20px; text-transform:uppercase;} .box-news .hd .con h4{ font-weight:bold; margin-bottom:5px; font-size:16px; padding-top:26px;} .box-news .hd a:hover .con{ top:0; left:0;} .box-news .bd{ padding:10px 0;} .title-100{ font-weight:bold; font-size:16px; color:#000;clear:both; overflow:hidden; min-height:50px; line-height:50px; border-bottom:1px solid #f2f2f2; } .title-100 a{ float:right; line-height:50px; font-size:11px;} .dow-text-list li{ margin-bottom:10px; height:190px; } .dow-text-list li a{ display:block; background:url(/JS9FH1OPUISGnxSJIEcsDIH.jpg) 0 50% no-repeat; background-size:cover; width:100%;height:170px;} .dow-text-list li p{padding-top:60px; height:100px; background-color:transparent;} .prolist-box{ padding-top:36px;} .prolist-box li{ background:#fff; border:1px solid #f2f2f2; margin-right:10px; margin-bottom:15px; width:130px; margin:15px 18px; text-align:center;} .prolist-box li img{ width:90%; margin:0 auto;} .siderHelp{ display:block; position:fixed; top:50% ; margin-top:-70px;right:0; width:216px; border-radius:5px; overflow:hidden; box-shadow:0 0 5px rgba(0,0,0,.3); right:-176px;} .siderHelp .hd{background:url(/JS9FH1OPUHOqHIENr1SMDEkMESV.jpg) 0 0 no-repeat; width:40px;height:129px; float:left} .siderHelp .bd{ text-align:left; width:176px; overflow:hidden; float:left; background:#fff url(../images/bg_icon.jpg) 0 12px no-repeat;} .siderHelp .bd ul{padding:18px 6px 0 6px; } .siderHelp .bd ul li{ margin-bottom:3px; color:#333; padding-left:35px;} .siderHelp .bd ul li a{ color:#333;} .siderHelp .bd ul .gotop{ font-size:9px; padding-top:5px; font-family:Arial, Helvetica, sans-serif}