/* huastyle_css # 2019.06.25 */ /*common Style*/ body{font-family: "Microsoft YaHei" !important; font-size:12px; /*min-width:1250px;*/} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /*body, textarea, input, button, select, keygen, legend { font: 12px/1.14 \5FAE\8F6F\96C5\9ED1, Microsoft YaHei, arial, \5b8b\4f53; color: #000; outline: 0; }*/ body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } *, :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box } a, a:link, a:visited { text-decoration: none; color: #000 } ul, li { padding: 0; margin: 0; list-style: none; } /*common Style*/ /*index css*/ /*huastyle_20190625 # huastyleplus_01*/ .huastyleplus_01 .hua_er, .huastyleplus_01 .hua_style_er, .huastyleplus_01 .huastyle_light, .huastyleplus_01 .neiye-lefta li a, .huastyleplus_01 .footer-top-main li, .huastyleplus_01 #huastyle_mq li, .huastyleplus_01 #huastyle_mq dt, .huastyleplus_01 .hua_style_menu li em, .huastyleplus_01 .huastyle_news_css ul dd p:nth-child(1), .huastyleplus_01 .huastyle_news_css ul dd p:nth-child(3), .huastyleplus_01 .huastyle_news_css ul img, .huastyleplus_01 .hua_style_menu li:before, .footer-top-main li:before, .footer-top-main ul:before, .huastyleplus_01 .huastyle_shows dt, .huastyleplus_01 .huastyle_shows a, .huastyleplus_01 #huastyle_mq dd, .huastyleplus_01 .huastyle_shows, .huastyleplus_01 .new_s3, .huastyleplus_01 .new_s3 li:nth-child(1) img, .huastyle_footer_meun_t, .huastyleplus_01 .huastyle_business_css ul li:nth-child(1), .huastyleplus_01 .huastyle_business_css ul li:nth-child(2) a, .huastyle_promore_css ul:nth-child(1) li, .huastyle_newsmore_css ul:nth-child(1) li, .huastyleplus_01 .huastyle_picture_shows{ webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;} .huastyleplus_01 .huastyle_top_css{ width:100%; height:80px; /*overflow:hidden;*/ margin: 0 auto; background-position: top center; /*background-image: url(../images/top_mbg.jpg?id=190718); background-repeat: no-repeat;*/ background-color:#fff/*f08300;*/ /*border-width:0px 0px 0px 0px; border-style: solid; border-color:#b11317;} .huastyleplus_01 .huastyle_top_css ul{ width:90%; height:80px; /*overflow:hidden;*/ margin: 0 auto;} .huastyleplus_01 .huastyle_lag{ width:1250px; height:25px; position:absolute; margin:0 auto; display:none;} .huastyleplus_01 .huastyle_lag ul{ width:100%; height:25px;} .huastyleplus_01 .huastyle_lag ul li{ float:right; height:25px; line-height:25px; font-size:14px; padding-left:35px; margin-left:20px;} .huastyleplus_01 .huastyle_lag ul li:nth-child(2){ background-position: left center; background-image: url(../images/cn.jpg?id=190410); background-repeat: no-repeat; background-size:auto 18px;} .huastyleplus_01 .huastyle_lag ul li:nth-child(1){ background-position: left center; background-image: url(../images/en.jpg?id=190410); background-repeat: no-repeat; background-size:auto 18px;} .huastyleplus_01 .huastyle_w100{ width:90%; height:auto; overflow:hidden; margin: 0 auto;} .huastyleplus_01 .huastyle_left{ float:left; text-align: left;} .huastyleplus_01 .huastyle_right{ float:right; text-align: right;} .huastyleplus_01 .huastyle_justify{text-align: justify; /*text-align-last: justify;*/} .huastyleplus_01 .huastyle_d_n{display:none;} .huastyleplus_01 .huastyle_d_b{display:block;} .huastyleplus_01 .huastyle_p_b{padding-bottom: 70px;} /*foot meun*/ .huastyleplus_01 .footer{ clear: both; width:100%; height:auto; overflow:hidden; border-top: 1px #efefef solid; border-bottom: 0px #f08300 solid; background-color:#eee; color: #3e3e3f;} .huastyleplus_01 .footer_bg1{ background-position:30% 0px; /*background-color:#007db8; background-image: url(../images/footbg.png?id=20180319); background-repeat: no-repeat; background-size:130% 423px;*/} .huastyleplus_01 .footer-top-main{ min-width:1230px; height:auto; position:relative; left:50%; margin-left:-615px; overflow:hidden; margin-bottom:55px;} .huastyleplus_01 .footer-top-main ul{ padding-top:50px ;float: left; min-width:150px; /*margin-left:10px;*/ margin-right:12px;} .huastyleplus_01 .footer-top-main li{ position: relative; line-height: 28px; background-color:rgba(37, 113, 113, 0); border-width:0px 0px 0px 0px; border-style: solid; border-color:rgba(37, 113, 113, 0); cursor:pointer;/*border-radius:25px; -webkit-border-radius:25px; -o-border-radius:25px; -moz-border-radius:25px;*/ } .huastyleplus_01 .footer-top-main li{ -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;} .huastyleplus_01 .footer-top-main li:hover{ background-color:rgba(37, 113, 113, 0); border-color:rgba(255, 255, 255, 0.35); min-width:130px; padding-left:0px; color:rgba(225,102,0,1); z-index:0;/* background-position: center left; background-image: url(../images/hua-sj.png?id=20180316); background-repeat: no-repeat;*/} .huastyleplus_01 .footer-top-main ul:before{ content:''; display:block; position:absolute; /*top:0px; left:0px;*/ margin-top:35px; width:20px; height:2px; background-color:rgba(0,0,0,0.1); overflow:hidden; z-index:0; cursor:pointer;} .huastyleplus_01 .footer-top-main ul:hover:before{ background-color:#f08300; width:20px; border-radius: 0px;} .huastyleplus_01 .footer-top-main ul:hover .huastyle_footer_meun_t{ color:#f08300;} .huastyleplus_01 .footer-top-main a{ color: #3e3e3f;} .huastyleplus_01 .footer-top-main a:hover{ color:#f08300;} .huastyleplus_01 .huastyle_copyright a{ color: #797979;} .huastyleplus_01 .footer-top-main li:nth-child(1){margin-bottom:20px;} .huastyleplus_01 .footer-top-main ul:nth-child(7):before{ display: none;} .huastyleplus_01 .huastyle_footer_meun_t{font-size:15px; font-weight:bold; /*line-height:40px;*/ /*word-spacing:0.1em;*/ letter-spacing: 0.1em;} .huastyleplus_01 .huastyle_footer_meun_l{font-size:13px; /*word-spacing:0.1em;*/ letter-spacing: 0.1em;} .huastyleplus_01 .huastyle_footer_meun_l li:nth-child(1){ background-color:rgba(37, 113, 113, 0); padding-left:0px; background-position: center -9px;} .huastyleplus_01 .huastyle_reeweima{ width:258px; height:230px; line-height:230px; background-position: right 45px; background-image: url(../images/right_code.png?id=20190625)/*,linear-gradient(#605d5c, #605d5c); background-blend-mode: lighten*/; background-size: cover; background-repeat: no-repeat; background-size:125px auto;} /*foot meun*/ /*copyright*/ .huastyleplus_01 .huastyle_copyright{ width:100%; height:auto; line-height:25px; overflow:hidden; text-align:center; font-size:13px; padding-top:10px; padding-bottom:10px; /*word-spacing:0.1em;*/ letter-spacing: 0.1em; border-width:0px 0px 0px 0px; border-style: solid; border-color:#0287c5; background-color: #fff; color:#797979;} .huastyleplus_01 .huastyle_copyright ul{ width:1230px; height:auto; position:relative; left:50%; margin-left:-615px; overflow:hidden;} .huastyleplus_01 .huastyle_copyright li{ line-height:25px;} /*copyright*/ /*top logo&contact*/ /*.huastyleplus_01 .huastyle_logo_tel{ width:100%; height:80px; } .huastyleplus_01 .huastyle_logo_tel ul{ width:1250px; height:80px; margin:0 auto;} .huastyleplus_01 .hua_logo{ float:left; width:65%; height:80px; background-position: center left; background-image: url(../images/new_logo2.png?id=20190625); background-repeat: no-repeat;} .huastyleplus_01 .hua_slogan{ display:none; float:right; width:40%; height:100px; background-position: center right; background-image: url(../images/slogan.png?id=20190625); background-repeat: no-repeat;} .huastyleplus_01 .hua_tel{ float:right; width:35%; height:80px; background-position: center right; background-repeat: no-repeat;} .huastyleplus_01 .hua_new_contact{ width:100%; height:100%; overflow:hidden; background-position: center right; background-image: url(../images/topcontact.png?id=20190625); background-repeat: no-repeat;} .huastyleplus_01 .hua_new_contact em{ float:right; padding:18px; display:block; margin-top:33px; margin-left: -5px; margin-right: 18px; cursor:pointer;} .huastyleplus_01 .hua_er:hover .hua_style_er{ opacity:1; top:1px;} .huastyleplus_01 .hua_style_er{ opacity:0; width:80px; height:80px; position:absolute; margin-left:80px; top:-80px; background-color:#fff;} .huastyleplus_01 .hua_style_er img{ width:100%; height:auto;}*/ /*top logo&contact*/ /*top logo&contact*/ .huastyleplus_01 .huastyle_logo_tel{ width:100%; height:80px; /*overflow:hidden; background-color:#fff;*/} .huastyleplus_01 .huastyle_logo_tel ul{ width:1200px; height:80px; /*overflow:hidden;*/ position:relative; left:50%; margin-left:-600px;} .huastyleplus_01 .hua_logo{ float:left; width:240px; height:80px; /*overflow:hidden;*/ background-position: center left; background-image: url(../images/new_logo3.png?id=20190625); background-repeat: no-repeat; background-size:auto 100%;} .huastyleplus_01 .hua_slogan{ float:left; width:70px; height:80px; /*background-position: center right; background-image: url(../images/slogan2.png?id=20190625); background-repeat: no-repeat;*/} .huastyleplus_01 .huastyle_menu{ float:left; width:110px; height:80px; line-height:80px; text-align: center; font-size:14px; font-weight:bold;} .huastyleplus_01 .huastyle_menu a{ color:#595757;} .huastyleplus_01 .huastyle_menu a:hover{ color:#f08300;} .huastyleplus_01 .hua_tel{ display:none; float:right; width:40%; height:80px; /*overflow:hidden; background-position: center right; background-image: url(../images/topmac.PNG);*/ background-repeat: no-repeat;} .huastyleplus_01 .huastyle_qq{ float:left; width:38px; height:38px; margin-left:32px; margin-top:22px; overflow:hidden; border-radius: 19px;} .huastyleplus_01 .huastyle_qq em{padding:19px; cursor:pointer; /*background-color:#fff;*/ background-position: -76px 22px; background-image: url(../images/topcontact.png?id=20190625); background-repeat: no-repeat;} .huastyleplus_01 .huastyle_weixin{ float:left; width:38px; height:38px; margin-left:12px; margin-top:22px; overflow:hidden; border-radius: 19px;} .huastyleplus_01 .huastyle_weixin em{padding:19px; cursor:pointer; /*background-color:#fff;*/ background-position: -38px 22px; background-image: url(../images/topcontact.png?id=20190625); background-repeat: no-repeat;} .huastyleplus_01 .huastyle_qq em:hover{ background-position: -76px -16px;} .huastyleplus_01 .huastyle_weixin em:hover{ background-position: -38px -16px;} .huastyleplus_01 .hua_er:hover .hua_style_er{/*display: block;*/ opacity:1; top:2px;} .huastyleplus_01 .hua_style_er{ /*display: none;*/ opacity:0; width:75px; height:75px; position:absolute; right:-95px; top:-85px; /*background-color:#CCC;*/} .huastyleplus_01 .hua_style_er img{ width:100%; height:auto;} /*top logo&contact*/ /*meun*/ .huastyleplus_01 .hua_style_menu{ width:100%; height:auto; overflow:hidden;/* background-image:linear-gradient(-2deg, #da251d 30%, #da251d 70%);*/ /* #98003d -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25); box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25);*/background-position: bottom center; /*background-image: url(../images/top_mbg.jpg?id=190718); background-repeat: no-repeat;*/ background-color:#f08300; position:relative; z-index:999; border-width:0px 0px 0px 0px; border-style: solid; border-color:#dd3b3f;} .huastyleplus_01 .hua_style_menu ul:nth-child(1){ width:1248px; height:57px; /*overflow:hidden;*/ position:relative; left:50%; margin-left:-624px; color:#FFF; border-width:0px 0px 0px 0px; border-style: solid; border-color:#200202;} .huastyleplus_01 .hua_style_menu ul:nth-child(1):before{ content:''; display:block; position:absolute; top:0px; left:0px; width:1248px; height:0px; margin:0 0px; background-position: center center; filter:alpha(opacity:1); opacity:1; -moz-opacity:1; background-color:rgba(76,4,4,1);/*overflow:hidden*/ ;z-index:0; cursor:pointer; /*height:64px;*/} .huastyleplus_01 .hua_style_menu ul:nth-child(2){ display:none;} .huastyleplus_01 .hua_style_menu li{ position: relative; float:left; width:156px; height:57px; line-height:25px; text-align:center; padding:15px 0;} .huastyleplus_01 .hua_style_menu li:before{ content:''; display:block; position:absolute; top:57px; left:0px; width:0px; height:2px; margin-left:78px; background-position: center center;/* background-image: url(../images/meun_before.png?id=20190625); background-repeat: no-repeat;*/ filter:alpha(opacity:0); opacity:0; -moz-opacity:0; background-color:#1a1a1a;/*overflow:hidden*/ ;z-index:0; cursor:pointer; /*height:64px;*/} .huastyleplus_01 .hua_style_menu li:hover:before,.hua_style_menu li.on:before{ width:156px; top:55px; margin-left:0px; filter:alpha(opacity:100); opacity:1; -moz-opacity:1; background-color:rgba(148,20,63,1) /*background-color:rgba(229,0,17,1);*/ display: block; height:2px;} .huastyleplus_01 .hua_style_menu li p{ font-size:14px; font-weight:bold; /*word-spacing:0.1em;*/ letter-spacing: 0.1em;} .huastyleplus_01 .hua_style_menu li em{ font-style:normal; display:block; text-transform:uppercase; font-size:12px; color: rgba(255, 255, 255, 0.35); -webkit-transform: scale(0.75,0.75); -ms-transform: scale(0.75,0.75); transform: scale(0.75,0.75); display:none;} .huastyleplus_01 .hua_style_menu li a{ position:relative;color:#FFF;z-index:2;} .huastyleplus_01 .hua_style_menu li a:hover{ color:#ffeecd;} /*meun*/ /*banner*/ .banner_img_c .hd ul{ zoom:1; float:left; } .banner_img_c .hd ul li{ float:left; margin:0 8px; width:15px; height:15px; line-height:15px; text-align:center; cursor:pointer; background-color: #fff; border-radius: 50%;/ } .banner_img_c .hd ul li.on{ background-color: #a7b2bc; } /*banner*/ /*search*/ .huastyleplus_01 .huastyle_search_css2{ width:100%; height:auto; overflow:hidden; background-color: #efeff1; border-bottom: 0px solid #efefef;} .huastyleplus_01 .huastyle_search_css2 form, .huastyle_search_css input{margin:0 ;padding:0; -webkit-text-size-adjust: none} .huastyleplus_01 .huastyle_search_css2 div{ width:1250px; height:70px; overflow:hidden; margin:0 auto; padding-left:0px; z-index:991; position: relative;} .huastyleplus_01 .huastyle_search_css2 div ul, .huastyle_search_css div ul li{ float:left;} .huastyleplus_01 .huastyle_search_css2 div ul:nth-child(1){ width:950px; height:70px; overflow:hidden;} .huastyleplus_01 .huastyle_search_css2 div ul:nth-child(2){ width:300px; height:70px; overflow:hidden;} .huastyleplus_01 .huastyle_search_css2 div ul:nth-child(2) li{ float:left;} .huastyleplus_01 .huastyle_search_css2 div ul:nth-child(1) li{ width:730px; height:70px; overflow:hidden; line-height:70px; font-size:14px; color:#3e3e3e;} .huastyleplus_01 .huastyle_search_css2 div ul:nth-child(1) a{ margin:0 10px; color:#5c5c5c;} .huastyleplus_01 .huastyle_search_css2 div ul:nth-child(2) li:nth-child(1){ width:300px; height:35px; overflow:hidden; margin-top:20px; border-width:1px 1px 1px 1px; border-style: solid; border-color:rgba(0,0,0,0.2); border-radius:15px; -moz-border-radius:15px;} .huastyleplus_01 .huastyle_search_css2 div ul:nth-child(2) li:nth-child(2){ width:30px; height:30px; line-height:35px; overflow:hidden; margin-top:18px; margin-left:-45px; text-align:center; color:#FFF; cursor:pointer;} .huastyleplus_01 .huastyle_search_css2 div ul:nth-child(2) li:nth-child(2) img{ width:auto; height:20px;} .huastyleplus_01 .huastyle_search_css2 .huastyle_search_input{ width:250px; height:35px; overflow:hidden; border-width:0px 0px 0px 0px; border-style: solid; border-color:#fff;} /*search*/ /*summary*/ .huastyleplus_01 .hua_style_gg2{ width:100%; height:auto; overflow:hidden; background-color:rgba(0,0,0,0.03); padding-top:70px; display:none;} .huastyleplus_01 .hua_style_gg2 ul{ width:1250px; height:auto; overflow:hidden; position:relative; margin-left:-625px; left:50%; padding:0px 10px;} .huastyleplus_01 .hua_style_gg2 li{ float:left; text-align:left;} .huastyleplus_01 .hua_style_gg2 li:nth-child(1){ width:100%; height:auto; margin:0 auto;} .huastyleplus_01 .hua_style_gg2 li:nth-child(1) p:nth-child(1){ text-align:center;} .huastyleplus_01 .hua_style_gg2 li:nth-child(1) p:nth-child(1) img{ width:auto; height:50px; margin-bottom: 15px;} .huastyleplus_01 .hua_style_gg2 li:nth-child(1) p:nth-child(2){ font-size:40px; line-height:40px; font-weight:bolder; background: linear-gradient(to right, #a60108 -5%, #e2000e 50%); -webkit-background-clip: text; color: transparent; text-align:center;} .huastyleplus_01 .hua_style_gg2 li:nth-child(1) p:nth-child(3){ font-size:14px; line-height:22px; color:#999; margin-top:15px; text-align:center;} .huastyleplus_01 .hua_style_gg2 li:nth-child(2){ width:230px; height:auto;} .huastyleplus_01 .hua_style_gg2 li:nth-child(2) div{ float:right;} /*summary*/ /*main products*/ .huastyleplus_01 .huastyle_p_bg{ background-color:rgba(0,0,0,0.03);} .huastyleplus_01 .huastyle_np_newstyle{ width:1250px; height:80px; position: absolute; margin-left:-625px; left:50%; top:825px;} .huastyleplus_01 .huastyle_np_left2{ width:35px; height:35px; background-image: url(../images/leftright2.PNG); background-repeat: repeat-y; cursor:pointer; opacity:0.2; filter:alpha(opacity=20);} .huastyleplus_01 .huastyle_np_right2{ width:35px; height:35px; background-image: url(../images/leftright2.PNG); background-repeat: repeat-y; transform: rotateY(180deg); cursor:pointer; opacity:0.2; filter:alpha(opacity=20);} .huastyleplus_01 .huastyle_np_left2:hover{ opacity:0.4; filter:alpha(opacity=40);} .huastyleplus_01 .huastyle_np_right2:hover{ opacity:0.4; filter:alpha(opacity=40);} .huastyleplus_01 #huastyle_mq{ width:1250px; height:auto; overflow:hidden; position:relative; left:50%; margin-left:-625px; padding-top:70px; padding-bottom:70px;} .huastyleplus_01 #huastyle_mq ul{ width:1250px; height:auto; overflow:hidden;} .huastyleplus_01 #huastyle_mq li{ float:left; /*border-width:1px 1px 1px 1px; border-style: solid; border-color:rgba(0,0,0,0.05);*/ margin-right:10px; /*padding:15px 15px 15px 15px;*/ padding:10px width:400px; overflow:hidden; color:#530000;} .huastyleplus_01 #huastyle_mq li:hover{ border-color:rgba(0,0,0,0.2); color:#e60012;} .huastyleplus_01 #huastyle_mq li:hover dd{ background-color:rgba(0,0,0,0.8); opacity:1; color:#FFF;} .huastyleplus_01 #huastyle_mq dt{ width:100%; height:auto; overflow:hidden;} .huastyleplus_01 #huastyle_mq dd{ width:100%; opacity:0; line-height:225px; padding-bottom:5px; text-align:center; font-size:15px; background-color:rgba(0,0,0,0); margin-top:-225px; position:relative;} .huastyleplus_01 #huastyle_mq li img{ display:block; width:400px; height:225px; margin:auto;} .huastyleplus_01 .huastyle_npl{ display:none; width:90px; height:240px; background-image: url(../images/nplr.PNG?id=20180316); background-repeat: repeat-y; margin-top:-305px; left:50%; position:relative; margin-left:-625px; cursor:pointer;} .huastyleplus_01 .huastyle_npr{ display:none; width:90px; height:240px; background-image: url(../images/nplr.PNG?id=20180316); background-repeat: repeat-y; transform: rotateY(180deg); margin-top:-305px; right:50%; position:relative; margin-right:-625px; cursor:pointer;} .huastyleplus_01 .huastyle_np_left{ width:34px; height:34px; background-image: url(../images/leftright.PNG); background-repeat: repeat-y; margin-top:-200px; left:50%; position:relative; margin-left:-680px; cursor:pointer; opacity:0.3; filter:alpha(opacity=30);} .huastyleplus_01 .huastyle_np_right{ width:34px; height:34px; background-image: url(../images/leftright.PNG); background-repeat: repeat-y; transform: rotateY(180deg); margin-top:-200px; right:50%; position:relative; margin-right:-680px; cursor:pointer; opacity:0.3; filter:alpha(opacity=30);} .huastyleplus_01 .huastyle_np_left:hover{ opacity:0.5; filter:alpha(opacity=50);} .huastyleplus_01 .huastyle_np_right:hover{ opacity:0.5; filter:alpha(opacity=50);} /*main products*/ /*company*/ .huastyleplus_01 .huastyle_com_css{ width:100%; height:auto; overflow:hidden; /*padding-top:140px;*/ padding-bottom:0px; background-position: center center; /*background-image: url(../images/com_bg.jpg); background-repeat: no-repeat; background-size:120%;*/ display:none;} .huastyleplus_01 .huastyle_icp_css{ width:100%; height:auto; overflow:hidden;} .huastyleplus_01 .huastyle_icp_css div{ width:100%; height:450px; overflow:hidden; margin:0 auto;} .huastyleplus_01 .huastyle_icp_css div ul{ float:left; width:50%; height:450px; overflow:hidden;} .huastyleplus_01 .huastyle_icp_css div ul:nth-child(2){ border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; background-image: linear-gradient(-50deg, #620e26 30%, #dc0048 70%);} .huastyleplus_01 .huastyle_icp_css div ul:nth-child(2) li{ width:100%; height:100%; overflow:hidden; background-position: center center; background-image: url(../images/yuan_com2.jpg); background-repeat: no-repeat; background-position: center -15px; webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;} .huastyleplus_01 .huastyle_icp_css div ul:nth-child(1){ background-color: rgba(255,255,255,0); padding:70px 40px 40px 160px; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px;} .huastyleplus_01 .huastyle_icp_css div ul:nth-child(1) li:nth-child(1){ width:85%; height:40px; overflow:hidden; line-height:40px; font-size:2.25em; margin-bottom:8px; font-weight:300; color:#1a1a1a;} .huastyleplus_01 .huastyle_icp_css div ul:nth-child(1) li:nth-child(2){ width:85%; height:auto; overflow:hidden; line-height:25px; font-size:1em; color:#1a1a1a; padding:50px 0 0 0;} .huastyleplus_01 .huastyle_icp_css div ul:nth-child(1) li:nth-child(2) a{ color:#1a1a1a;} .huastyleplus_01 .huastyle_icp_css div:hover ul:nth-child(2) li{ background-position: center -25px;} .huastyleplus_01 .huastyle_more{ float:right; width:165px; height:40px; line-height:40px; position: relative; bottom: -50px; right: 50px; text-align:center; color:#FFF; font-size:12px; font-weight:bold; background-color:rgba(0,61,126,1); border-radius:5px;-moz-border-radius:5px; cursor:pointer; animation-name:hua_style_dong; animation-duration:1.5s; animation-timing-function:linear; animation-delay:0; animation-iteration-count:infinite; animation-direction:normal;} .huastyleplus_01 .huastyle_more:hover{ background-color:rgba(230,0,18,1);} /*company*/ /*huastyle_business_css*/ .huastyleplus_01 .huastyle_con_css{width:100%; height:auto; overflow:hidden;} .huastyleplus_01 .huastyle_business_css{width:1200px; height:auto; overflow:hidden; margin:30px auto 0 auto; text-align:center;} .huastyleplus_01 .huastyle_business_css ul{/*float:left;*/ width:24%; height:300px; overflow:hidden; display:inline-block;} .huastyleplus_01 .huastyle_business_css ul li:nth-child(1){width:200px; height:200px; margin:0 auto; border-radius: 150px; /*background-color: #C8C9C9;*/ overflow: hidden; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #E8E8E8;} .huastyleplus_01 .huastyle_business_css ul li:nth-child(2){ height:45px; margin-top:30px; text-align:center;} .huastyleplus_01 .huastyle_business_css ul:hover li:nth-child(1){border-color: #f08300;} .huastyleplus_01 .huastyle_business_css ul:hover li:nth-child(1) img{ margin-top:-200px;} .huastyleplus_01 .huastyle_business_css ul:hover li:nth-child(2) a{ color:#f08300;} /*service*/ .huastyleplus_01 .huastyle_i_service_css{ width:100%; height:auto; overflow:hidden; padding-top:0px; padding-bottom:0px; background-position: center center; /*background-image: url(); background-repeat: no-repeat; background-size:120%;*/} .huastyleplus_01 .huastyle_isp_css{ width:100%; height:auto; overflow:hidden;} .huastyleplus_01 .huastyle_isp_css div{ width:100%; height:450px; overflow:hidden; margin:0 auto;} .huastyleplus_01 .huastyle_isp_css div ul{ float:left; width:50%; height:450px; overflow:hidden;} .huastyleplus_01 .huastyle_isp_css div ul:nth-child(1){ border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; background-color:#CCC;} .huastyleplus_01 .huastyle_isp_css div ul:nth-child(1) li{ width:100%; height:100%; overflow:hidden; background-position: center center; background-image: url(../images/yuan_com2.jpg); background-repeat: no-repeat; background-position: center -15px; webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;} .huastyleplus_01 .huastyle_isp_css div ul:nth-child(2){ background-color: rgba(255,255,255,0); padding:70px 40px 40px 130px; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px;} .huastyleplus_01 .huastyle_isp_css div ul:nth-child(2) li:nth-child(1){ width:85%; height:40px; overflow:hidden; line-height:40px; font-size:2.25em; margin-bottom:8px; font-weight:300; color:#1a1a1a;} .huastyleplus_01 .huastyle_isp_css div ul:nth-child(2) li:nth-child(2){ width:85%; height:auto; overflow:hidden; line-height:25px; font-size:1em; color:#1a1a1a; padding:50px 0 0 0;} .huastyleplus_01 .huastyle_isp_css div ul:nth-child(2) li:nth-child(2) a{ color:#1a1a1a;} .huastyleplus_01 .huastyle_isp_css div:hover ul:nth-child(2) li{ background-position: center -25px;} .huastyleplus_01 .huastyle_more{ float:right; width:165px; height:40px; line-height:40px; position: relative; bottom: -50px; right: 50px; text-align:center; color:#FFF; font-size:12px; font-weight:bold; background-color:rgba(0,61,126,1); border-radius:5px;-moz-border-radius:5px; cursor:pointer; animation-name:hua_style_dong; animation-duration:1.5s; animation-timing-function:linear; animation-delay:0; animation-iteration-count:infinite; animation-direction:normal;} .huastyleplus_01 .huastyle_more:hover{ background-color:rgba(230,0,18,1);} /*service*/ /*joinus*/ .huastyleplus_01 .huastyle_i_join_css{ width:100%; height:auto; overflow:hidden; padding-top:0px; padding-bottom:0px; background-position: center center; /*background-image: url(); background-repeat: no-repeat; background-size:120%;*/} .huastyleplus_01 .huastyle_ijp_css{ width:100%; height:auto; overflow:hidden;} .huastyleplus_01 .huastyle_ijp_css div{ width:100%; height:450px; overflow:hidden; margin:0 auto;} .huastyleplus_01 .huastyle_ijp_css div ul{ float:left; width:50%; height:450px; overflow:hidden;} .huastyleplus_01 .huastyle_ijp_css div ul:nth-child(2){ border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; background-color:#CCC;} .huastyleplus_01 .huastyle_ijp_css div ul:nth-child(2) li{ width:100%; height:100%; overflow:hidden; background-position: center center; background-image: url(../images/yuan_com2.jpg); background-repeat: no-repeat; background-position: center -15px; webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;} .huastyleplus_01 .huastyle_ijp_css div ul:nth-child(1){ background-color: rgba(255,255,255,0); padding:70px 40px 40px 160px; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px;} .huastyleplus_01 .huastyle_ijp_css div ul:nth-child(1) li:nth-child(1){ width:85%; height:40px; overflow:hidden; line-height:40px; font-size:2.25em; margin-bottom:8px; font-weight:300; color:#1a1a1a;} .huastyleplus_01 .huastyle_ijp_css div ul:nth-child(1) li:nth-child(2){ width:85%; height:auto; overflow:hidden; line-height:25px; font-size:1em; color:#1a1a1a; padding:50px 0 0 0;} .huastyleplus_01 .huastyle_ijp_css div ul:nth-child(1) li:nth-child(2) a{ color:#1a1a1a;} .huastyleplus_01 .huastyle_ijp_css div:hover ul:nth-child(2) li{ background-position: center -25px;} .huastyleplus_01 .huastyle_more{ float:right; width:165px; height:40px; line-height:40px; position: relative; bottom: -50px; right: 115px; text-align:center; color:#FFF; font-size:12px; font-weight:bold; background-color:rgba(0,61,126,1); border-radius:5px;-moz-border-radius:5px; cursor:pointer; animation-name:hua_style_dong; animation-duration:1.5s; animation-timing-function:linear; animation-delay:0; animation-iteration-count:infinite; animation-direction:normal;} .huastyleplus_01 .huastyle_more:hover{ background-color:rgba(230,0,18,1);} /*joinus*/ /*product_list*/ /*鍙屾暟*/ .huastyleplus_01 .huastyle_ipro_css0{ width:100%; height:auto; overflow:hidden; padding-top:0px; padding-bottom:0px; background-position: center center; /*background-image: url(); background-repeat: no-repeat; background-size:120%;*/} .huastyleplus_01 .huastyle_ipro_css0{ width:100%; height:auto; overflow:hidden;} .huastyleplus_01 .huastyle_ipro_css0 div{ width:100%; height:450px; overflow:hidden; margin:0 auto;} .huastyleplus_01 .huastyle_ipro_css0 div ul{ float:left; width:50%; height:450px; overflow:hidden;} .huastyleplus_01 .huastyle_ipro_css0 div ul:nth-child(1){ border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; background-color:#e2000e;} .huastyleplus_01 .huastyle_ipro_css0 div ul:nth-child(1) li{ width:100%; height:100%; overflow:hidden; background-position: center center; /*background-image: url(../images/yuan_com2.jpg)*/; background-repeat: no-repeat; background-position: center center; webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;} .huastyleplus_01 .huastyle_ipro_css0 div ul:nth-child(2){ background-color: rgba(255,255,255,0); padding:70px 40px 40px 130px; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px;} .huastyleplus_01 .huastyle_ipro_css0 div ul:nth-child(2) li:nth-child(1){ width:85%; height:40px; overflow:hidden; line-height:40px; font-size:2.25em; margin-bottom:8px; font-weight:300; color:#1a1a1a;} .huastyleplus_01 .huastyle_ipro_css0 div ul:nth-child(2) li:nth-child(2){ width:85%; height:auto; overflow:hidden; line-height:25px; font-size:1em; color:#1a1a1a; padding:50px 0 0 0;} .huastyleplus_01 .huastyle_ipro_css0 div ul:nth-child(2) li:nth-child(2) a{ color:#1a1a1a;} .huastyleplus_01 .huastyle_ipro_css0 div:hover ul:nth-child(2) li{ background-position: center -25px;} .huastyleplus_01 .huastyle_more{ float:right; width:190px; height:40px; line-height:40px; position: relative; bottom: -50px; right: 50px; text-align:center; color:#FFF; font-size:12px; font-weight:bold; background-color:#4d4948; border-radius:20px;-moz-border-radius:20px; cursor:pointer; animation-name:hua_style_dong; animation-duration:1.5s; animation-timing-function:linear; animation-delay:0; animation-iteration-count:infinite; animation-direction:normal;} .huastyleplus_01 .huastyle_more:hover{ background-color:rgba(230,0,18,1);} /*鍗曟暟*/ .huastyleplus_01 .huastyle_ipro_css1{ width:100%; height:auto; overflow:hidden; padding-top:0px; padding-bottom:0px; background-position: center center; /*background-image: url(); background-repeat: no-repeat; background-size:120%;*/} .huastyleplus_01 .huastyle_ipro_css1{ width:100%; height:auto; overflow:hidden;} .huastyleplus_01 .huastyle_ipro_css1 div{ width:100%; height:450px; overflow:hidden; margin:0 auto;} .huastyleplus_01 .huastyle_ipro_css1 div ul{ float:left; width:50%; height:450px; overflow:hidden;} .huastyleplus_01 .huastyle_ipro_css1 div ul:nth-child(2){ border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; background-color:#003d7e;} .huastyleplus_01 .huastyle_ipro_css1 div ul:nth-child(2) li{ width:100%; height:100%; overflow:hidden; background-position: center center; /*background-image: url(../images/yuan_com2.jpg)*/; background-repeat: no-repeat; background-position: center center; webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;} .huastyleplus_01 .huastyle_ipro_css1 div ul:nth-child(1){ background-color: rgba(255,255,255,0); padding:70px 40px 40px 130px; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px;} .huastyleplus_01 .huastyle_ipro_css1 div ul:nth-child(1) li:nth-child(1){ width:85%; height:40px; overflow:hidden; line-height:40px; font-size:2.25em; margin-bottom:8px; font-weight:300; color:#1a1a1a;} .huastyleplus_01 .huastyle_ipro_css1 div ul:nth-child(1) li:nth-child(2){ width:85%; height:auto; overflow:hidden; line-height:25px; font-size:1em; color:#1a1a1a; padding:50px 0 0 0;} .huastyleplus_01 .huastyle_ipro_css1 div ul:nth-child(1) li:nth-child(2) a{ color:#1a1a1a;} .huastyleplus_01 .huastyle_ipro_css1 div:hover ul:nth-child(1) li{ background-position: center -25px;} .huastyleplus_01 .huastyle_more{ float:right; width:190px; height:40px; line-height:40px; position: relative; bottom: -50px; right: 50px; text-align:center; color:#FFF; font-size:12px; font-weight:bold; background-color:#4d4948; border-radius:20px;-moz-border-radius:20px; cursor:pointer; animation-name:hua_style_dong; animation-duration:1.5s; animation-timing-function:linear; animation-delay:0.5; animation-iteration-count:infinite; animation-direction:normal;} .huastyleplus_01 .huastyle_more:hover{ background-color:rgba(230,0,18,1);} @keyframes hua_style_dong{ 40%{background-color:#e2000e; color:#fff;} 60%{background-color:#e2000e; color:#fff;} } /*鑹?/ .huastyleplus_01 .huastyle_ipro_bg2{ background-color:#c82226;} .huastyleplus_01 .huastyle_ipro_bg3{ background-color:#c82226;} /*鏇村浜у搧*/ .huastyle_promore_css{ width:100%; height:auto; overflow:hidden; /*background-color: rgba(0,0,0,0.03);*/ padding:50px 0;} .huastyle_promore_css ul{ width:100%; height:auto; overflow:hidden;} .huastyle_promore_css ul li{ margin:0 auto;} .huastyle_promore_css ul:nth-child(1) li{ width:190px; height:45px; line-height:45px; text-align:center; background-color:#C8C9C9; font-size:15px; font-weight:bold; color:#1a1a1a; border-radius: 20px; cursor:pointer;} .huastyle_promore_css ul:nth-child(1):hover li{ background-color:#f08300; color:#fff;} .huastyle_promore_css ul:nth-child(2) li{ width:100%; height:25px; line-height:25px; text-align:center; font-size:14px; color:#999; margin-top:15px;} /*company*/ .huastyleplus_01 .huastyle_i_company_css{ width:100%; height:auto; overflow:hidden; padding-top:75px; padding-bottom:80px; background-position: center center; /*background-color:rgba(0,0,0,0.8)*/ background-image: url(../images/icompany.jpg); background-repeat: no-repeat; background-size:100%;} .huastyleplus_01 .huastyle_i_company_css ul{ width:100%; height:auto; overflow:hidden;} .huastyleplus_01 .huastyle_i_company_css ul li{ width:100%; height:auto; overflow:hidden;} .huastyleplus_01 .huastyle_i_company_css ul:nth-child(1) li:nth-child(1){line-height: 1.25em; text-align: center; font-size: 2.25em; font-weight: 300; color:#FFF;} .huastyleplus_01 .huastyle_i_company_css ul:nth-child(1) li:nth-child(2){height: 30px; line-height: 30px; margin: 35px 0; text-align: center; font-size: 30px; font-weight: 550; color: #fff; background-position: center center;/* background-image: url(../images/langlink.png?id=20191116); background-repeat: no-repeat;*/} .huastyleplus_01 .huastyle_i_company_css ul:nth-child(2) li{ width:1250px; line-height: 30px; font-size: 1em; text-align: justify; font-weight: 300; color:#FFF; margin:0 auto; text-indent:2em;} .huastyleplus_01 .huastyle_i_company_css ul:nth-child(2) li a,.huastyleplus_01 .huastyle_i_company_css ul:nth-child(2) li a:hover{ color:#fff;} .huastyleplus_01 .huastyle_i_company_css ul:nth-child(3) li{ width:190px; height:40px; line-height:40px; background-color:#fff; text-align:center; color:#f08300; margin:0 auto; border-radius: 20px; margin-top:60px;} /*shop*/ .huastyleplus_01 .huastyle_i_shop_css{ width:100%; height:auto; overflow:hidden; padding-top:120px; padding-bottom:80px; background-position: center center; background-color:rgba(0,0,0,0.8) /*background-image: url(); background-repeat: no-repeat; background-size:120%;*/} .huastyleplus_01 .huastyle_i_shop_css ul{ width:100%; height:auto; overflow:hidden;} .huastyleplus_01 .huastyle_i_shop_css li{} .huastyleplus_01 .huastyle_i_shopview_css{ width:90%; height:auto; overflow: hidden; margin:0 auto;} .huastyleplus_01 .am-slider-default{ background-color:transparent;} .huastyleplus_01 .am-slider .am-slides img{ width:530px; height:300px;} .huastyleplus_01 .am-slider-carousel li{ margin-top:20px;} /*news*/ .huastyleplus_01 .huastyle_news_css2{ width:100%; height:auto; overflow:hidden; padding:70px 0px 85px 0px; background-color:#FFF;} .huastyleplus_01 .huastyle_news_css2 .hua_style_news_gg { width:1250px; height:auto; overflow:hidden; margin:0 auto;} .huastyleplus_01 .huastyle_news_css2 .hua_style_news_gg ul{ width:100%; height:auto; overflow:hidden; margin-bottom:40px;} .huastyleplus_01 .huastyle_news_css2 .hua_style_news_gg li{ width:100%; height:auto; line-height:1.25em; overflow:hidden; text-align: center; font-size:1.5em; font-weight:400; color:#474747;} .huastyleplus_01 .huastyle_news_css2 div:nth-child(2){ width:1280px; height:auto; overflow:hidden; margin:0 auto;} .huastyleplus_01 .huastyle_news_css2 div:nth-child(2) ul:nth-child(1){ float:left; width:270px; height:auto; overflow:hidden; margin:0 25px;} .huastyleplus_01 .huastyle_news_css2 div:nth-child(2) ul:nth-child(2){ float:left; width:270px; height:auto; overflow:hidden; margin:0 25px;} .huastyleplus_01 .huastyle_news_css2 div:nth-child(2) ul:nth-child(3){ float:left; width:270px; height:auto; overflow:hidden; margin:0 25px;} .huastyleplus_01 .huastyle_news_css2 div:nth-child(2) ul:nth-child(4){ float:left; width:270px; height:auto; overflow:hidden; margin:0 25px;} .huastyleplus_01 .huastyle_news_css2 ul dl{ width:100%; height:auto; overflow:hidden; margin-bottom:10px; margin-top:10px;} .huastyleplus_01 .huastyle_news_css2 ul dl dt{ float:left; width:100%; height:165px; overflow:hidden; text-align:center; margin-bottom:20px; border-radius: 5px;} .huastyleplus_01 .huastyle_news_css2 ul dl dt img{ height:auto; width:100%; margin:0 auto;} .huastyleplus_01 .huastyle_news_css2 ul dl dd p{ margin:15px 0;} .huastyleplus_01 .huastyle_news_css2 ul dl dd p:nth-child(1){ font-size:15px; line-height:20px; font-weight:bold; color:#474747; text-align:center; padding:0 10px;} .huastyleplus_01 .huastyle_news_css2 ul dl dd p:nth-child(2){ font-size:12px; color:#CCC; text-align:center;} .huastyleplus_01 .huastyle_news_css2 ul dl dd p:nth-child(3){ font-size:14px; color:#848484; line-height:20px; text-align:center; padding:0 10px;} .huastyleplus_01 .huastyle_news_css2 ul{ cursor:pointer; /*border-width:0px 0px 2px 0px; border-style: solid; border-color:rgba(255,255,255,1);*/} .huastyleplus_01 .huastyle_news_css2 ul:hover dd p:nth-child(1){ color:#f08300;} .huastyleplus_01 .huastyle_news_css2 ul:hover dd p:nth-child(3){ color:#333;} .huastyleplus_01 .huastyle_news_css2 ul:hover dl dt img{ transform: scale(1.1);} /*.huastyleplus_01 .huastyle_news_css2 ul:hover{ border-width:0px 0px 2px 0px; border-style: solid; border-color:rgba(181,152,119,0.5);}*/ .huastyleplus_01 .huastyle_news_css2 div:nth-child(2) ul:before{content:''; display:block; position:absolute; margin-top:422px; width:0px; height:2px; /*margin:0 0px;*/ background-color:rgba(0,0,0,0); /*overflow:hidden*/ ;z-index:0; cursor:pointer;-webkit-transition: all .3s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;} .huastyleplus_01 .huastyle_news_css2 div:nth-child(2) ul:hover:before,.huastyle_news_css2 div:nth-child(2) ul.on:before{ background-color:rgba(0,0,0,0.1); width:150px;} /*news*/ /*鏇村鏂伴椈*/ .huastyle_newsmore_css{ width:100%; height:auto; overflow:hidden; background-color: rgba(0,0,0,0.00); padding:0px 0 70px 0;} .huastyle_newsmore_css ul{ width: 206px; height:auto; overflow:hidden; margin:0 auto;} .huastyle_newsmore_css ul li{ margin:0 auto;} .huastyle_newsmore_css ul:nth-child(1) li:nth-child(1){ float:left; width:190px; height:45px; margin:0px 8px; line-height:45px; text-align:center; background-color:#C8C9C9; font-size:15px; font-weight:bold; color:#1a1a1a; border-radius: 20px; cursor:pointer;} .huastyle_newsmore_css ul:nth-child(1) li:nth-child(1):hover{ background-color:#f08300; color:#fff;} .huastyle_newsmore_css ul:nth-child(1) li:nth-child(2){ float:left; width:190px; height:45px; margin:0px 8px; line-height:45px; text-align:center; background-color:#C8C9C9; font-size:15px; font-weight:bold; color:#1a1a1a; border-radius: 20px; cursor:pointer;} .huastyle_newsmore_css ul:nth-child(1) li:nth-child(2):hover{ background-color:#1361a9; color:#fff;} .huastyle_newsmore_css ul:nth-child(2) li{ width:100%; height:25px; line-height:25px; text-align:center; font-size:14px; color:#999; margin-top:15px;} /*link*/ .huastyleplus_01 .huastyle_link{ width:100%; height:auto; overflow:hidden; margin-bottom:20px; display: block;} .huastyleplus_01 .huastyle_link ul{ width:1250px; height:auto; overflow:hidden; position:relative; left:50%; margin-left:-625px;} .huastyleplus_01 .huastyle_link ul:nth-child(1) li{ width:130px; height:40px; line-height:40px; font-size:20px; text-align:left; font-weight:bold; color:#474747; letter-spacing: 0.1em;} .huastyleplus_01 .huastyle_link ul:nth-child(2){ padding:25px 0;} .huastyleplus_01 .huastyle_link ul:nth-child(2) li{ width:250px; height:105px; overflow:hidden; color:#FFF; line-height:105px; font-size:14px; border-width:1px 1px 1px 1px; border-style: solid; border-color:rgba(238,238,238,0.5);} .huastyleplus_01 .huastyle_link ul:nth-child(2) li dt img{ width:86%; margin-top: -45px; margin-left: 7%; /*position:relative; margin-top:0px; vertical-align:middle;*/} .huastyleplus_01 .huastyle_link ul:nth-child(2) li dt{ width:250px; height:105px; overflow:hidden; padding:20px;} .huastyleplus_01 .huastyle_link ul:nth-child(2) li dd{ width:250px; height:30px; line-height:30px; text-align:center; position:relative; margin-top:0px; background-color:#CCC; padding:0 10px;} .huastyleplus_01 .huastyle_link ul:nth-child(2) li:hover dd{ margin-top:-30px;} .huastyleplus_01 .huastyle_link ul:nth-child(2) li:hover dt img{ margin-top:-35px; filter:none; opacity:1;} /*link*/ /*huastyle inside pages css ---------*/ /*subcolumn*/ .huastyleplus_01 .neiye-left{ width:100%; height:auto; background-color: rgba(0,0,0,0.05); border-width:0px 0px 3px 0px; border-style: solid; border-color:#fcfcfc;} .huastyleplus_01 .neiye-left p{ display:none;} .huastyleplus_01 .neiye-left div{ width:1250px; height:auto; overflow:hidden; margin:0 auto; text-align: center;} .huastyleplus_01 .neiye-left div ul{ width:1250px; height:auto; overflow:hidden;} .huastyleplus_01 .neiye-left div ul li{ width:310px; height:70px; line-height:70px; cursor:pointer; display: inline-block;} .huastyleplus_01 .neiye-left div ul li:hover{ color:#c82226;} .huastyleplus_01 .neiye-left div ul li:before{content:''; display:block; position:absolute; margin-top:67px; margin-left:156px; width:0px; height:3px; /*margin:0 0px;*/ background-color:#B1B9C1; /*overflow:hidden*/ ;z-index:0; cursor:pointer;-webkit-transition: all .3s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;} .huastyleplus_01 .neiye-left div ul li:hover:before,.neiye-left div ul li.on:before{ background-color:rgba(0,0,0,0.1); width:312px; margin-left:0px;} .huastyleplus_01 .neiye-left div ul li a{ display:block;} .huastyleplus_01 .neiye-left div ul li a:hover{ color:#B1B9C1;} .huastyleplus_01 .huastyle_cur{ width:312px; height:70px; line-height:70px; color:#b0204f;} .huastyleplus_01 .huastyle_cur a{ display:block; color:#f08300; z-index:0; /*position:absolute;*/ font-weight:bold;} .huastyleplus_01 .huastyle_cur a:after{ content:''; display:block; position:absolute; margin-top:-3px; width:312px; height:3px; /*margin:0 0px;*/ background-color:#f08300; z-index:-1; cursor:pointer; /*overflow:hidden*/} /*subcolumn*/ /*centent*/ .huastyleplus_01 .neiye-centent{ /*width:1504px;*/ width:80%; height:auto; overflow:hidden; margin-top:10px; margin-left:auto; margin-right:auto; margin-bottom:60px} .huastyleplus_01 .location{ text-align:left; color:#575757; font-size:14px; margin-left:13px; margin-right:13px; height:55px; line-height:55px;} .huastyleplus_01 .location a{ color:#575757;} .huastyleplus_01 .neiye-right{ width:100%; height:auto; margin-top:10px; margin-right:10px; margin-bottom:20px;} .huastyleplus_01 .neiye-right-centent{margin-top:30px; width:100%; height:auto;} .huastyleplus_01 .neiye-right-centent span{ font-size:18px;} /*centent*/ /*centent02*/ .huastyleplus_01 .neiye-centent02{ width:1250px; height:auto; overflow:hidden; margin-top:10px; margin-left:auto; margin-right:auto; margin-bottom:60px} .huastyleplus_01 .location02{ width:1250px; text-align:left; color:#575757; font-size:14px; margin:0 auto; height:55px; line-height:55px;} .huastyleplus_01 .location02 a{ color:#575757;} .huastyleplus_01 .neiye-right02{ width:100%; height:auto; margin-top:10px; margin-right:10px; margin-bottom:20px;} .huastyleplus_01 .neiye-right-centent02{margin-top:30px; width:100%; height:auto;} .huastyleplus_01 .neiye-right-centent02 span{ font-size:18px;} /*centent*/ /*products*/ .huastyleplus_01 .neiye-right-centent-product{ margin-top:30px; /*width:1504px;*/ width:100%; height:auto;} .huastyleplus_01 .neiye-right-centent-product ul{ float:left; /*width:376px;*/ width:25%; height:500px; overflow:hidden; display:block;} .huastyleplus_01 .huastyle_shows{ /*width:350px;*/ width:92%; height:auto; overflow:hidden; display:block; margin:5px auto 30px auto;} .huastyleplus_01 .huastyle_shows dt{ float:left; /*width:350px;*/ width:100%; height:400px; overflow:hidden; padding:0px; /*border:1px solid rgba(0,0,0,0.05);*/ text-align:center;} .huastyleplus_01 .huastyle_shows dt img{ /*width:600px;*/ height:100%; left:50%; position: relative; margin-left:-350px;} .huastyleplus_01 .huastyle_shows dd{ float:left; width:350px; height:80px; line-height:80px; text-align:center; white-space:nowrap;text-overflow:ellipsis;overflow:hidden; margin: 0px;} .huastyleplus_01 .huastyle_shows dd a{ color:#575757; font-size:14px; text-decoration:none; font-family: "Microsoft YaHei"; font-weight:bold;} .huastyleplus_01 .huastyle_shows:hover{ /*border:1px solid rgba(0,0,0,0.2);*/ box-shadow: 0px 5px 10px #e8e8e8; margin-top:0px; background-color:#f08300;} .huastyleplus_01 .huastyle_shows:hover a{ color:#fff; text-decoration:none;} .huastyleplus_01 .hua_style_pages{ width:100%; height:auto; overflow:hidden; text-align:center; padding:60px 0px 0px 0px;} .huastyleplus_01 .hua_style_pages ul{ display:table; margin:0 auto; padding:0; height:40px;/* position: relative; left:50%;*/} .huastyleplus_01 .hua_style_pages ul li,.hua_style_pages ul li a,.hua_style_pages ul li span{ color:#FFF; font-family: STHeiti, "Helvetica Neue", "Microsoft YaHei", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB";} .huastyleplus_01 .hua_style_pages ul li{ /*display: table-cell; position: relative; right:50%;*/float: left; width:40px; height:40px; line-height:40px; color:#FFF; background-color:#f08300; border-width:1px 1px 1px 1px; border-style: solid; border-color:#f8f8f5; cursor:pointer;} .huastyleplus_01 .huastyle_nother{ border-width:1px 1px 1px 1px; border-style: solid; border-color:#f8f8f5; background-color:#989694;} .huastyleplus_01 .huastyle_current{ display:block; background-color:#d92737; border-color:#982b52;} .huastyleplus_01 .hua_style_pages ul li a,.hua_style_pages ul li span{ display:block;} /*products*/ /*products_view*/ .huastyleplus_01 .huastyle_width01{ width:50%;} .huastyleplus_01 .huastyle_width02{ width:50%;} .huastyleplus_01 .pro-img{ margin-top:20px;} .huastyleplus_01 .abb{ display:none; font-size: 17px; height: 62px;line-height: 42px;/* text-align: center; */margin-bottom: 20px; border-bottom: 1px solid #efefef;} .huastyleplus_01 .abb span { margin-left:auto; margin-right:auto;} .huastyleplus_01 .huastyle_pro-title{ width:100%; height:auto; overflow:hidden;} .huastyleplus_01 .huastyle_pro-title ul{ height:auto; overflow:hidden;} .huastyleplus_01 .huastyle_pro-title ul li{ width:100%; height:150px; font-size:25px; line-height:50px; background-color:#1361A9; color:#FFF; font-weight:bold; padding:20px 50px;} .huastyleplus_01 .huastyle_pro-info{ width:100%; height:auto; overflow:hidden;} .huastyleplus_01 .huastyle_pro-info ul{ height:auto; overflow:hidden;} .huastyleplus_01 .huastyle_pro-info ul:nth-child(1) li{ width:100%; height:50px; line-height:50px; background-color:#B1B9C1; color:#FFF; font-weight:bold; padding:0 50px;} .huastyleplus_01 .huastyle_pro-info ul:nth-child(2) li{ width:100%; line-height:30px; padding:0 20px; padding: 20px 50px;} .huastyleplus_01 .huastyle_pro-info ul:nth-child(2) li p{ font-size:1rem; color:#333; text-indent:2em;} .huastyleplus_01 .huastyle_prev-next{ width:1250px; height:auto; overflow:hidden; margin:0 auto;} .huastyleplus_01 .huastyle_prev-next ul{ float:left; width:50%; height:auto; overflow:hidden;} .huastyleplus_01 .huastyle_prev-next ul:nth-child(1) li{ width:100%; line-height:50px; text-align:left; color:#CCC; font-size:1rem;} .huastyleplus_01 .huastyle_prev-next ul:nth-child(2) li{ width:100%; line-height:50px; text-align:right; color:#CCC; font-size:1rem;} .huastyleplus_01 .huastyle_prev-next a{ color:rgba(0,0,0,0.3);} .huastyleplus_01 .detail-images img{ width:100%;} /*products_view*/ /*picture*/ .huastyleplus_01 .neiye-right-centent-picture{ margin-top:30px; /*width:1504px;*/ width:100%; height:auto;} .huastyleplus_01 .neiye-right-centent-picture ul{ float:left; /*width:376px;*/ width:25%; height:215px; overflow:hidden; display:block;} .huastyleplus_01 .huastyle_picture_shows{ /*width:350px;*/ width:92%; height:auto; overflow:hidden; display:block; margin:5px auto 30px auto;} .huastyleplus_01 .huastyle_picture_shows dt{ float:left; /*width:350px;*/ width:100%; height:150px; overflow:hidden; padding:0px; /*border:1px solid rgba(0,0,0,0.05);*/ text-align:center;} .huastyleplus_01 .huastyle_picture_shows dt img{ width:101%; height:auto; left:50%; position: relative; margin-left:-350px;} .huastyleplus_01 .huastyle_picture_shows dd{ float:left; width:350px; height:50px; line-height:50px; text-align:center; white-space:nowrap;text-overflow:ellipsis;overflow:hidden; margin: 0px;} .huastyleplus_01 .huastyle_picture_shows dd a{ color:#575757; font-size:14px; text-decoration:none; font-family: "Microsoft YaHei"; font-weight:bold;} .huastyleplus_01 .huastyle_picture_shows:hover{ /*border:1px solid rgba(0,0,0,0.2);*/ box-shadow: 0px 5px 10px #e8e8e8; margin-top:0px; background-color:#1361a9;} .huastyleplus_01 .huastyle_picture_shows:hover a{ color:#fff; text-decoration:none;} /**********************************************************************************/ .huastyleplus_01 .huastyle_picture-title{ width:100%; height:auto; overflow:hidden;} .huastyleplus_01 .huastyle_picture-title ul{ height:auto; overflow:hidden;} .huastyleplus_01 .huastyle_picture-title ul li{ width:100%; font-size:25px; line-height:50px; background-color:#1361A9; color:#FFF; font-weight:bold; padding:20px 50px;} .huastyleplus_01 .huastyle_picture-info{ width:100%; height:auto; overflow:hidden;} .huastyleplus_01 .huastyle_picture-info ul{ height:auto; overflow:hidden;} .huastyleplus_01 .huastyle_picture-info ul:nth-child(1) li{ width:100%; height:5px; /*line-height:50px;*/ background-color:#B1B9C1; color:#FFF; font-weight:bold; padding:0 50px;} .huastyleplus_01 .huastyle_picture-info ul:nth-child(2) li{ width:100%; line-height:30px; padding:0 20px; padding: 20px 50px;} .huastyleplus_01 .huastyle_picture-info ul:nth-child(2) li p{ font-size:1rem; color:#333; text-indent:2em;} /*picture*/ /*news*/ .huastyleplus_01 .news-centent{ padding-top:10px; font-size:14px; line-height:30px; font-family: "Microsoft YaHei"; color:#444;} .huastyleplus_01 .news-centent p{ text-indent:2em; padding-top:10px; font-size:14px; line-height:30px; font-family: "Microsoft YaHei"; color:#444;} .huastyleplus_01 .new_s3{ width:99%; overflow:hidden; height:auto; margin: 0px auto 20px auto; border: 1px solid #efefef; border-radius:5px; background-color:#FFF;} /*.huastyleplus_01 .new_s3 li {background:url(../images/line.png) no-repeat scroll left center transparent;display:block; font-size:16px; display:block; color:#5f5f5f; width:98%;height:40px;line-height:40px; float:left; padding-left:15px; border-bottom:1px dashed #cecece;} .huastyleplus_01 .new_s3 li span{color:#5f5f5f; font-family: "Microsoft YaHei"; font-size:16px; float:right; /*margin-right:10px;*//*} .huastyleplus_01 .new_s3 li a{ float:left;display: block; width: 99%; height:40px; font-size:16px; color:#5f5f5f;overflow:hidden; text-decoration:none;font-family: "Microsoft YaHei"; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;} .huastyleplus_01 .new_s3 li a:hover{ color:rgba(230,0,18,1); margin-left:5px;}*/ .huastyleplus_01 .new_s3 p{padding:0px; margin:0px; list-style-type:none; list-style: none; text-indent:0px;} .huastyleplus_01 .new_s3 li{ float:left;} .huastyleplus_01 .new_s3 li:nth-child(1){ width:30%; height:auto; overflow:hidden; padding:0 1em;} .huastyleplus_01 .new_s3 li:nth-child(1) img{ width:300px; height:188px; margin:15px; border-radius: 5px;} .huastyleplus_01 .new_s3 li:nth-child(2){ width:10%; height:188px; padding:5.5em 0;} .huastyleplus_01 .new_s3 li:nth-child(2) p:nth-child(1){ font-size:35px; text-align:right;} .huastyleplus_01 .new_s3 li:nth-child(2) p:nth-child(2){ font-size:14px; color:rgba(0,0,0,0.3); text-align:right;} .huastyleplus_01 .new_s3 li:nth-child(3){ width:60%; height:188px; padding:5.5em 5.5em;} .huastyleplus_01 .new_s3 li:nth-child(3) p:nth-child(1){ font-size:20px; font-weight: 600; margin-left:30px;} .huastyleplus_01 .new_s3 li:nth-child(3) p:nth-child(2){ font-size:14px; color:rgba(0,0,0,0.3); margin-left:30px;} .huastyleplus_01 .new_s3 li:nth-child(3):before{ content:''; display:block; position:absolute; margin-top:0px; margin-left:0px; width:1px; height:60px; /*margin:0 0px;*/ background-color:rgba(0,0,0,0.2); z-index:-1; cursor:pointer; /*overflow:hidden*/} .huastyleplus_01 .new_s3:hover{ width:100%; background-color:#f08300;} .huastyleplus_01 .new_s3:hover li:nth-child(2) p:nth-child(2){ color:rgba(255,255,255,0.5)} .huastyleplus_01 .new_s3:hover li:nth-child(3) p:nth-child(2){ color:rgba(255,255,255,0.5)} .huastyleplus_01 .new_s3:hover p{ color:rgba(255,255,255,1);} .huastyleplus_01 .new_s3:hover li:nth-child(1) img{ margin-left:10px;} .huastyleplus_01 .new_s3:hover li:nth-child(3):before{background-color:rgba(255,255,255,0.5);} .huastyleplus_01 .sx{ height:auto; width:100%; margin:0 auto; float:left; margin-bottom:20px; padding-left:5px; text-align:left; margin-top:10px; } .huastyleplus_01 .sx li{ float:left; height:30px; line-height:30px; width:50%; white-space:nowrap; text-overflow:ellipsis; overflow: hidden; border-bottom:none; padding-top:0; font-family: "Microsoft YaHei";} .huastyleplus_01 .sx li:nth-child(2){ text-align:right;} .huastyleplus_01 .sx a{font-size:14px; color:#666; text-decoration:none;} .huastyleplus_01 .sx a:hover{text-decoration:underline;color:#fcae03;} /*news*/ /*feedback*/ .huastyleplus_01 .m-form{line-height:29px;color:#555;/* margin: 0px auto; */width: 527px;} .huastyleplus_01 .m-form legend{font-size:14px;font-weight:bold;} .huastyleplus_01 .m-form .formitm{padding: 5px 0 0;line-height:30px;} .huastyleplus_01 .m-form .formitm-1{padding-left:100px;} .huastyleplus_01 .m-form .lab{float:left;width:90px;margin-right:-90px;text-align:right;font-weight:bold;} .huastyleplus_01 .m-form .ipt{margin-left:100px;} .huastyleplus_01 .m-form .ipt *{vertical-align:middle;} .huastyleplus_01 .m-form .ipt a,.m-form .ipt a:hover{text-decoration:none;color:#3891eb;} .huastyleplus_01 .m-form .ipt img{height:32px;margin:0 15px 0 5px;} .huastyleplus_01 .m-form .ipt .domain{margin:0 0 0 5px;font-weight:bold;color:#777;} .huastyleplus_01 .m-form .ipt p{height:22px;line-height:22px;color:#999;} .huastyleplus_01 .m-form .tip{padding-top:10px;} .huastyleplus_01 .m-form .tip input{margin:0 5px 3px 0;} .huastyleplus_01 .u-btn{display:inline-block;*display:inline;*zoom:1;*overflow:visible;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;padding:0 12px;height:28px;line-height:28px;border:1px solid #2d88bf;font-size:12px;letter-spacing:1px;word-spacing:normal;text-align:center;vertical-align:middle;cursor:pointer;background:#54aede;} /*button.u-btn{*height:30px;_line-height:25px;}*/ .huastyleplus_01 .u-btn,.u-btn:hover{color:#fff;text-decoration:none;} .huastyleplus_01 .u-btn:hover,.u-btn:focus{background:#399dd8;} .huastyleplus_01 .u-btn::-moz-focus-inner{padding:0;margin:0;border:0;} .huastyleplus_01 .u-btn .btntxt{margin-right:3px;_vertical-align:middle;} .huastyleplus_01 .u-btn .btnsel{display:inline-block;*display:inline;*zoom:1;width:0;height:0;overflow:hidden;vertical-align:middle;border-style:solid dashed dashed;border-width:4px 4px 0;border-color:#fff transparent transparent;} .huastyleplus_01 .u-ipt{width: 367px;padding:5px;/* height:17px; */border:1px solid #D9D9D9;border-top-color:#c0c0c0;line-height:17px;font-size:14px;color:#777;background:#fff;} .huastyleplus_01 .u-ipt-err{border-color:#c00 #e00 #e00;} /*feedback*/ /*contact*/ .huastyleplus_01 .huastyle_info_wrap { /*background: #f7f7f7;*/ padding: 1.2rem; border-radius: 4px; /*box-shadow: 1px 1px 1px #e5e5e5; color:#5f5f5f;*/} .huastyleplus_01 .huastyle_info_con{ width:100%; height:auto; overflow:hidden; color:#5f5f5f;} .huastyleplus_01 .huastyle_info_con ul:nth-child(1){ float:left; width:50%; height:auto; overflow:hidden;} .huastyleplus_01 .huastyle_info_con ul:nth-child(2){ float:right; width:50%; height:auto; overflow:hidden;} /*.huastyleplus_01 .huastyle_info_con ul li{ width:100%; height:auto;}*/ .huastyleplus_01 .huastyle_info_con ul:nth-child(1) li{ /*float:right;*/ width:625px; height:auto;} .huastyleplus_01 .huastyle_info_con ul:nth-child(2) li{ width:100%; height:auto;} /*contact*/ /*huastyle inside pages css ---------*/