body{font-family:'Microsoft Yahei' !important;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} ul{ padding-left:0px;} ul li{ list-style:none;} h1,h2,h3,h4,h5,h6{ font-weight:normal; padding:0; margin:0;} em{ font-style:normal;} .clear{clear: both;} .cl:after{content: "";height: 0;display: block;visibility: hidden;clear: both;} .fl{float: left;} .fr{float: right;} img{border: none;} .cl:after{content: "";height: 0;display: block;visibility: hidden;clear: both;} .fl{float: left;} .fr{float: right;} .longiTop { z-index: 9999;zoom: 1; position: fixed; left: 0px; top: 0px; width: 100%; background:url(../images/bj.png) repeat; } .longi-header { width: 100%; z-index: 4; height: 100px; transition: all .5s; } .right-search{ float:right;} .searchright .search .text{color: #cbcbcb;} .pc_nav { height: 60px; line-height: 60px;transition: all .3s; } .pc_nav li { display: inline-block; font-size: 16px; height: 30px; line-height:36px; transition: all .5s; float: left; text-align: center; margin-right:53px;} .pc_nav li a { display: block; color:#333; position: relative; } .pc_nav li a.gaoliang, .pc_nav li a:hover{ color: #fe0000; border-bottom:3px solid #fe0000; text-decoration:none; } .pc_nav li .active{ color: #fe0000; text-decoration:none; } #menu,.YUYAN{ display:none;} .right-important{ float:right;} .change_height.longiTop {background-color:#fff; position:fixed; top:0; left:0; z-index:199999;} .change_height.longi-header{ height:90px; transition: all .5s;background-color:#fff; border-bottom:1px solid #f3f3f3;box-shadow: 1px 1px 3px #ccc;} .change_height.longi-header .pc_nav { height: 40px; line-height: 40px; transition: all .5s; } .change_height.longi-header .pc_nav li { display: inline-block; font-size: 16px; height: 35px; line-height:36px; float: left; text-align: center; margin-right:53px;} .change_height .subNavBox { top: 90px;} .change_height .logo { margin: 0px 0px; transition: all .5s; margin-top:5px;} .change_height .logo img { width: 270px; height:auto; display: block;} .change_height .rightnav { margin-top:15px; transition: all .5s; } /*.change_height .searchright .search .sub{ top:0;}*/ /*nav导航盒子*/ div.rightnav{ width: 300px; height:36px; line-height: 36px; text-align: center; font-size: 12px; position: relative;z-index:99999;margin-right:-10px;margin-top:15px;} /*nav-main*/ ul.nav-main{ width: 100%; height: 100%; list-style-type: none; display:block;} ul.nav-main span{ display: inline-block; margin-left: 4px; width: 8px; height: 8px; background: url('../images/header_dot01.png') no-repeat;} /*#li-1,#li-3{ display:none;}*/ /*图标向上旋转*/ .hover-up{ transition-duration: .5s; transform: rotate(180deg); -webkit-transform: rotate(180deg);} /*图标向下旋转*/ .hover-down{ transition-duration: .5s; transform: rotate(0deg); -webkit-transform: rotate(0deg);} /*导航条设置*/ ul.nav-main>li{float: left; height:35px; line-height:35px; display: inline-block; color: #666; cursor: pointer;width: 88px; margin-left:10px;} /*隐藏盒子设置*/ div.hidden-box{ width: 95px; position: absolute; display:none;background:url(../images/bj.png) repeat; top: 35px;} .hidden-box>ul li{ list-style-type: none; color: #666; cursor: pointer;} .hidden-box>ul li a{color: #666; } .hidden-box li a:hover{ color: #fe0000;} /*隐藏盒子位置设置*/ .hidden-loc-index{ left: 0px;} .hidden-loc-us{ /*left: 10px;*/ left: 100px;} .hidden-loc-info{left: 200px;} .searchright{ float:right;} .searchright .search{width: 26px; position: relative;} .searchright .search.phone{display: none;} .searchright .search .sub{width: 26px;height: 26px;background: url(../images/search_btn.png) no-repeat right center;border:0;position: absolute;top:5px;right: 5px; z-index:1; text-indent: -9999px;} .searchright .search .text{width:273px;height:26px;line-height:26px; font-size:12px; background:none; border:1px solid #ccc; position: absolute;top:5px;right: 0px; z-index:0; text-indent: 10px; } .searchright .search:hover .text{width: 273px;border:1px solid #ccc;} .subNavBox a:link, .subNavBox a:visited { color: #646464; } .subNavBox a:active, .subNavBox a:hover { color: #646464; } .subNavBox { position: absolute; left: 0px; top: 100px; width: 100%; left: 0px;text-align: left; background:url(../images/bj01.png) repeat; border-top:1px solid #eee; height: 0; overflow: hidden; } .subNavBox .subNav { display: none; height: 389px; } .subNavBox a .bot { width: 0px; position: absolute; left: 50%; bottom: 0px; height: 1px; background-color: #fe0000; transition: 0.5s; -webkit-transition: 0.5s; } .subNavBox a:hover .bot { width: 74px; margin-left: -37px; } .subNavBox .subConPage a:link, .subNavBox .subConPage a:visited { color: #646464; } .subNavBox .subConPage a:active, .subNavBox .subConPage a:hover { color: #fe0000; } /*=========mF_tab--========*/ .subNavtavs01,.subNavtavs02,.subNavtavs03,.subNavtavs04,.subNavtavs05{ width:1000px; margin:10px 0; text-align:left;} .subNavtavs01 .tab,.subNavtavs02 .tab,.subNavtavs03 .tab,.subNavtavs04 .tab,.subNavtavs05 .tab{ height:35px !important; line-height:35px !important; overflow:hidden; color:#ddd; margin-bottom:0px;} .subNavtavs01 .tab a,.subNavtavs02 .tab a,.subNavtavs03 .tab a,.subNavtavs04 .tab a,.subNavtavs05 .tab a{ display:block; font-size:14px; padding:0px; margin:0px 30px; display:inline-block; color:#555;} .subNavtavs01 .tab a:hover,.subNavtavs02 .tab a:hover,.subNavtavs03 .tab a:hover,.subNavtavs04 .tab a:hover.subNavtavs05 .tab a:hover{ height:26px !important; line-height:26px !important; border-bottom:2px solid #fe0000; color:#fe0000; text-decoration:none; } .subNavtavs01 .tab a.on,.subNavtavs02 .tab a.on,.subNavtavs03 .tab a.on,.subNavtavs04 .tab a.on,.subNavtavs05 .tab a.on{ height:26px !important; line-height:26px !important; border-bottom:2px solid #fe0000; color:#fe0000; text-decoration:none;} .subNavtavs01 .content,.subNavtavs02 .content,.subNavtavs03 .content,.subNavtavs04 .content,.subNavtavs05 .content{ overflow:hidden; padding:10px;} .subNavtavs01 .content dd,.subNavtavs02 .content dd,.subNavtavs03 .content dd,.subNavtavs04 .content dd,.subNavtavs05 .content dd{ display:none;} .Navtavs-left{ width:450px; height:128px; float:left; margin-left:20px;} .Navtavs-left p{ line-height:26px; height:52px;font-size:14px;overflow: hidden; padding:0; color:#777;} .Navtavs-left a{ font-size:12px; color:#999;padding-top: 20px;} .Navtavs-left a:hover{color:#fe0000; border-bottom:none !important;} .Navtavs-right{ width:200px; height:128px; float:left; margin-left:30px;} .Navtavs-right img{width:200px; height:128px;} .subNavtavs01{ margin-left:12%; } .subNavtavs02{ margin-left:12%;} .subNavtavs03{ margin-left:14.2%;} .subNavtavs04{ margin-left:27%;} .subNavtavs05{ margin-left:27%;} /*手机站网站群*/ .phone_zc{ display: none; width: 78px; position: absolute; height: 34px; top: 7px; right: 58px;} .phone_zc .xla{ height:35px; line-height:35px; display: inline-block; color: #666;cursor: pointer; width: 88px;margin-left:10px;} .phone_zc .xla span{ display: inline-block; margin-left: 2px; width: 8px; height: 8px; background: url('../images/header_dot01.png') no-repeat;} .phone_zc .hover-up{ transition-duration: .5s; transform: rotate(180deg); -webkit-transform: rotate(180deg);} .phone_zc .lb{ width: 100%;text-align: center;padding: 10px 0; position: absolute; display:none;background:url(../images/bj.png) repeat; top: 35px;left: 0;} .phone_zc .lb ul li{ list-style-type: none; color: #666; cursor: pointer;line-height: 24px;font-size: 14px;} .phone_zc .lb ul li a{color: #666; } .phone_zc .lb li a:hover{ color: #fe0000;} /***分类导航菜单****/ .topmenu_box{ width:100%; height:76px; border-bottom:1px solid #eaeaea;} .topmenu{ width:100%; height:76px;} .topmenu ul li{ width:11.5%; height:76px; line-height:76px; float:left; text-align:center;} .topmenu ul li a{ font-size:16px;} .topmenu ul li.gaoliang{ border-bottom:3px solid #e62129;} .topmenu ul li.gaoliang a{ color:#e62129;} .common-width{ width:1400px; margin:0 auto;max-width: 96%;} /***底部信息****/ .footer_box{ width:100%; height:auto; overflow:hidden; background-color:#333333;} .footer{ width:100%; height:auto; overflow:hidden; margin:0 auto;} .footer_u{ width:100%; height:auto; overflow:hidden; padding:20px 0; border-bottom:1px solid #555;} .footer_u_l{ float:left; color:#999999; font-size:14px;} .footer_u_l p{ padding-left:10px; padding-bottom:10px;} .footer_u_l p span{ font-size:22px; color:#e62129;} .footer_u_l ul li{ float:left;} .footer_u_l ul li a{ padding:0 10px; color:#999999; border-right:1px solid #555;} .footer_u_l ul li a:hover{ color:#666;} .footer_u_r{ float:right; text-align:right; color:#999999; font-size:14px; padding-top:30px; padding-right:10px;} .footer_u_r span{ font-size:20px; color:#e62129;} .footer_d{ width:100%; height:60px; padding:0 10px;} .footer_d_l{ height:60px; line-height:60px; font-size:14px; color:#999; float:left;} .footer_d_r{ height:60px; line-height:60px; font-size:14px; color:#999; float:right;} .footer_d_r a{ color:#999;} .footer_d_r a:hover{ color:#666;} /***内页banner共用样式****/ .nybanner{ width:100%; height:100%;} .nybanner img{width:100%; min-height: 150px;vertical-align: middle;} .tanceng-bg{ width:100%; height:100%; background:url(../images/bg1.png) repeat-y; position:fixed; z-index:1} .tanceng-div{ width:350px; height:310px; margin:0px auto; margin-top:10%; background:#fff; padding:20px 50px; font-size:16px; z-index:2} .tanceng-div .close-btn{ float:right;} .tanceng-div p{ padding-left:25px; line-height:30px; padding-top:50px;} .tanceng-bom { color:#c42b1d; margin-top:50px;} .tanceng-bom a{width:145px; height:40px; line-height:40px; background:#c42b1d; color:#fff; font-size:16px; text-align:center; display:inline-block; margin:0px 10px;} .imghover{ float: left; display: inline-block; overflow: hidden; width: 100%;} .imghover.inherit{ overflow:inherit;} .imghover img{ transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;} .imghover:hover img{ transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);} .gy_box{ width:100%; height:auto; overflow:hidden; background:url(../images/jj_bj.jpg) no-repeat center;} .gy{ width:100%; height:auto; overflow:hidden; padding:70px 0;} .gy_bt{ width:100%; height:auto; overflow:hidden; text-align:center; background:url(../images/line.png) no-repeat center bottom;} .gy_bt h3{ font-size:30px; padding-bottom:6px;} .gy_bt span{ display:block; font-size:24px; padding-bottom:24px; text-transform:capitalize; font-family:Arial, Helvetica, sans-serif;} .gy_tp{ width:76%; height:auto; overflow:hidden; margin:40px auto;} .gy_tp ul li{ width:25%; height:auto; text-align:center; float:left;} .gy_tp ul li .tupian{ width:100%; height:80px; line-height:80px;} .gy_tp ul li .tupian i{ font-size:76px; color:#999999;} .gy_tp ul li:hover .tupian i{ transition:all 0.5s; color:#e62129;} .gy_tp ul li .shuzi{ line-height:30px; padding-top:30px; font-size:16px; color:#e62129;} .gy_tp ul li .shuzi span{ line-height:45px; font-size:40px; font-weight: bold;} .gy_tp ul li .miaoshu{ font-size:16px; height:60px; line-height:25px;} .gy_wz{ width:100%; height:auto; margin-top:50px; text-align:center;} .gy_wz p{ font-size:18px; color:#666666; line-height:36px;} .gy_wz a{ display:block; width:155px; height:40px; line-height:40px; border-radius:20px; background-color:#e62129; font-size:16px; color:#ffffff; margin:60px auto 10px auto;} .gy_wz a i{ padding-left:6px; font-size:18px;} .gy_wz a:hover{ border:1px solid #bfbfbf; background-color:#ffffff; color:#333333; transition:all 0.5s;} .gy_wz a:hover i{ color:#333333;} .cn_box{ width:100%; height:auto; overflow:hidden; background:url(../images/cn_bj.jpg) no-repeat center bottom;} .cn{ width:100%; height:auto; padding-top:70px; height:960px;} .cn_nr{ width:100%; height:790px; position:relative;} .cn_nr .dian{ text-align: center; line-height: 30px; position: absolute;} .cn_nr .xian{ position: absolute;left: 51%; top:20%; z-index: 12;} .dim{ width: 100%; font-size: 14px; cursor: pointer; z-index: 1;} .xian .dim .dim_tp{ width: 100%; cursor: pointer; } .xian .dim .dim_wz{ width:100%; position:absolute;left: 1%; top: -14%; text-align:right;} .xian .dim .dim_wz h3{ font-size:18px; color:#e62129; font-weight:normal; height:30px; letter-spacing:2px;} .xian .dim .dim_wz p{ font-size:14px; line-height:25px; letter-spacing:1px;} .xfzi{ display:none;} .cn_nr .dian:hover .xfzi{ display:block;} .shanxi{ display:none;} .cn_nr .dkj:hover .shanxi{ display:block;} .shanxi{ width:280px; height: 194px; color: #FFFFFF; background-image: url(../images/global_map_china02.png); position:absolute;left:45%; top: 14%; z-index:9999; text-align:center;} .shanxi img{ padding-top:20px;} .shanxi .font20{ margin-top: 10px; font-size: 20px; line-height: 36px;} .xfzi_nr04{ display:none;} .cn_nr .dkj01:hover .xfzi_nr04{ display:block;} .xfzi_nr04{ width:313px; height: 193px; color:#e62129; background-image: url(../images/global_map_add.png); position:absolute;left:44%; top: 14%; z-index:96; text-align:center;} .xfzi_nr{ width:250px; height: 150px; color:#e62129; background-image: url(../images/global_map_item02.png); position:absolute;left: -82px; top: -132px;} .xfzi_nr p{ font-size: 18px; padding-top:0;} .xfzi_nr p.red{ font-size: 20px; padding-top:40px;} .xfzi_nr01{ width:250px; height: 150px; color:#e62129; background-image: url(../images/global_map_item02.png); position:absolute;left: 78px; top: -132px;} .xfzi_nr01 p{ font-size: 18px; padding-top:0;} .xfzi_nr01 p.red{ font-size: 20px; padding-top:40px;} .xfzi_nr03{ width:313px; height: 193px; color:#e62129; background-image: url(../images/global_map_add.png); position:absolute;left:-110px; top: -176px;} .xfzi_nr05{ width:313px; height: 193px; color:#e62129; background-image: url(../images/global_map_add.png); position:absolute;left:8px; top: -176px;} .gs_name{ font-size:16px; padding-bottom:15px; text-align:left; color: #FFFFFF; padding-top:20px; padding-left:20px;} .gs_add{ font-size:14px !important; line-height:20px; text-align:left; color: #FFFFFF; padding-left:20px;} .cn_nr .chuxiong{ position: absolute;left: 50%; top: 53%; z-index: 999;} .cn_nr .chuxiong img{ padding-right:8px;} .cn_nr .wuxi{ position: absolute;left: 60%; top: 40%; z-index: 97;} .cn_nr .wuxi img{ padding-right:8px;} .cn_nr .lijiang{ position: absolute;left: 37%; top: 47%; z-index: 98;} .cn_nr .lijiang img{ padding-left:8px;} .cn_nr .baoshan{ position: absolute;left: 35%; top: 51%; z-index: 99;} .cn_nr .baoshan img{ padding-left:8px;} .cn_nr .yinchuan{ position: absolute;left: 38%; top: 30%; z-index: 50;} .cn_nr .yinchuan img{ padding-left:8px;} .cn_nr .ningxia{ position: absolute;left: 36%; top: 34%; z-index: 60;} .cn_nr .ningxia img{ padding-left:8px;} .cn_nr .gujin{ position: absolute;left: 45%; top: 92%; z-index: 60;} .cn_nr .gujin img{ padding-left:8px;} .cn_nr_tel{ display:none;} .cn_nr_tel{ width:100%; height:auto; overflow:hidden; margin-top:30px;} .cn_nr_tel ul li{ width:46%; height:150px; margin:10px 2%; float:left; background-color:#f1f1f1;} .cn_nr_tel ul li h3{ width:90%; height:50px; line-height:50px; margin:0 auto; font-size:16px;} .cn_nr_tel ul li p{ width:90%; line-height:24px; margin:0 auto; font-size:14px;} .cy_nr_tel{ display:none;} .cy_nr_tel{ width:100%; height:auto; overflow:hidden; margin-bottom:30px;} .cy_nr_tel ul li{ width:100%; height:150px; margin:10px 0; background-color:#f1f1f1;} .cy_nr_tel ul li h3{ width:90%; height:50px; line-height:50px; margin:0 auto; font-size:16px;} .cy_nr_tel ul li p{ width:90%; line-height:24px; margin:0 auto; font-size:14px;} .cp_box{ width:100%; height:auto; overflow:hidden; padding:70px 0;} .cp{ width:100%; height:auto; overflow:hidden;} .cp_nr{ width:100%; height:auto; margin:40px auto 0 auto;} .cp_nr_l{ width:49%; margin-right:1%; float:left;} .cp_nr_r{ width:49%; margin-left:1%; float:right;} .jg{ width:100%; height:170px; background:url(../images/jg_bj.jpg) no-repeat center; margin-top:20px;} /*.jg ul.jg_bt{ width:92%; height:60px; border-bottom:1px solid #e5e5e5; margin:0 auto;} .jg ul.jg_bt li{ width:20%; float:left; font-size:18px; height:60px; line-height:60px;} .jg ul.jg_nr{ width:92%; height:auto; margin:20px auto 0 auto;} .jg ul.jg_nr li{ width:20%; float:left; font-size:16px; height:44px; line-height:44px; color:#666666;} .jg ul.jg_nr li.jg03{ font-size:24px;} .jg ul.jg_nr li.jg03 span{ font-size:26px; font-family:Verdana, Geneva, sans-serif;} .jg ul.jg_nr li.jg04{ font-size:24px;} .jg ul.jg_nr li.jg04 span{ font-size:26px; font-family:Verdana, Geneva, sans-serif;} .jg ul.jg_nr li.jg05 span.red{ font-size:26px; color:#e62129; padding-left:10px;} .jg ul.jg_nr li.jg05 span.green{ font-size:26px; color:#009426; padding-left:10px;}*/ .jg ul.jg_bt{ width:92%; height:60px; border-bottom:1px solid #e5e5e5; margin:0 auto;} .jg ul.jg_bt li{ float:left; font-size:18px; height:60px; line-height:60px;text-align: center;} .jg ul.jg_bt li.jg_mc{ width:28%;} .jg ul.jg_bt li.jg_date{ width:18%;} .jg ul.jg_bt li.jg_usd{ width:18%;} .jg ul.jg_bt li.jg_cny{ width:18%;} .jg ul.jg_bt li.jg_price{ width:18%;} .jg ul.jg_nr{ width:92%; height:auto; margin:20px auto 0 auto;} .jg ul.jg_nr li{ float:left; font-size:16px; height:44px; line-height:44px; color:#666666;text-align: center;} .jg ul.jg_nr li.jg01{ width:28%;} .jg ul.jg_nr li.jg02{ width:18%;} .jg ul.jg_nr li.jg03{ width:18%;} .jg ul.jg_nr li.jg04{ width:18%;} .jg ul.jg_nr li.jg05{ width:18%;} .jg ul.jg_nr li.jg03{ font-size:24px;} .jg ul.jg_nr li.jg03 span{ font-size:26px; font-family:Verdana, Geneva, sans-serif;} .jg ul.jg_nr li.jg04{ font-size:24px;} .jg ul.jg_nr li.jg04 span{ font-size:26px; font-family:Verdana, Geneva, sans-serif;} .jg ul.jg_nr li.jg05 span.red{ font-size:26px; color:#e62129; padding-left:10px;} .jg ul.jg_nr li.jg05 span.green{ font-size:26px; color:#009426; padding-left:10px;} .jg ul.jg_bt li.jg_usd span{ float:left;} .jg ul.jg_bt li.jg_cny span{ float:left;} .price-rmb span{ float:left;} .price-my span{ float:left;} .rmb{ float:left;} .more{ width:100%;line-height:40px; text-align:right; font-size:14px;} .more i{ font-size:14px; padding-left:6px; margin-right:3%;} .more a:hover{ color:#e62129; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;} .more a i:hover{ color:#e62129; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;} .xw_box{ width:100%; height:auto; overflow:hidden; padding:70px 0;} .xw{ width:100%; height:auto; overflow:hidden;} .xw_nr{ width:100%; height:auto; margin:40px auto 0 auto; position:relative;} .xw_nr_l{ width:48%; height:auto; overflow:hidden; float:left; background:url(../images/xw_bj.jpg) no-repeat center;} .xw_nr_l ul{ width:70%; height:auto; overflow:hidden; padding:78px 0 8px 0; margin-left:20px;} .xw_nr_l ul li{ width:100%; height:auto; overflow:hidden; float:left; margin-bottom:70px} .xw_nr_l ul li .nr_l{ width:17%; height:90px; text-align:center; border-right:2px solid #a1bfd6; float:left; font-size:16px; color:#ffffff; font-family:Arial, Helvetica, sans-serif;} .xw_nr_l ul li .nr_l span{ display:block; font-size:46px; line-height:46px;} .xw_nr_l ul li:hover .nr_l{ color:#e62129; transition:all 0.5s;} .xw_nr_l ul li:hover .nr_l span{ color:#e62129; transition:all 0.5s;} .xw_nr_l ul li .nr_r{ width:80%; height:90px; float:right;} .xw_nr_l ul li .nr_r h3{ width:100%; height:44px; line-height:22px; overflow:hidden; font-size:22px; margin-bottom:6px;} .xw_nr_l ul li .nr_r h3 a{ color:#ffffff;} .xw_nr_l ul li .nr_r p{ width:100%; height:40px; line-height:20px; overflow:hidden; font-size:14px; color:#ffffff;} .xw_nr_r{ width:58%; height:auto; overflow:hidden; position:absolute; right:0; top:70px; background-color:#f9f9f9;} .xw_nr_xq{ width:90%; height:auto; overflow:hidden; margin:60px auto;} .nr_z{ width:44%; height:auto; float:left;} .nr_z .shijian{ width:100%; font-size:16px;font-family:Arial, Helvetica, sans-serif; margin-bottom:30px;} .nr_z .shijian span{ font-size:40px; line-height:40px; padding-right:6px;} .nr_z .neirong{ width:100%; height:auto; margin-bottom:30px;} .nr_z .neirong h3{ width:100%; line-height:28px; font-size:22px; margin-bottom:30px;} .nr_z .neirong p{ width:100%; line-height:24px; font-size:14px; color:#666666;} .chakan a{ display:block; width:120px; height:35px; line-height:33px; text-align:center; border:2px solid #a0a0a0;} .chakan:hover a{ background-color:#e62129; border:2px solid #e62129; color:#ffffff; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;} .nr_y{ width:49%; height:258px; float:right;} .nr_y img{ width:100%; height:258px;} @media only screen and (max-width:1460px){ .common-width{ width:1000px; margin:0 auto;} .footer_u_l{ font-size:12px;} .footer_u_l p span{ font-size:18px;} .footer_u_r{ font-size:12px;} .footer_u_r span{ font-size:16px; color:#e62129;} .footer_d{ height:50px;} .footer_d_l{ height:50px; line-height:50px; font-size:12px;} .footer_d_r{ height:50px; line-height:50px; font-size:12px;} .gy { padding: 40px 0;} .gy_bt h3 { font-size: 22px;} .gy_bt span { font-size: 20px; padding-bottom: 20px;} .gy_tp { width: 100%; margin: 20px auto;} .gy_tp ul li .tupian { height: 55px; line-height:70px;} .gy_tp ul li .tupian i { font-size: 60px;} .gy_tp ul li .shuzi span { line-height: 45px; font-size: 34px;} .gy_tp ul li .miaoshu { font-size: 13px;} .gy_wz { margin-top: 30px;} .gy_wz p { font-size: 14px; line-height: 28px;} .gy_wz a { width: 150px; height: 36px; line-height: 36px; font-size: 14px; margin: 30px auto 10px auto;} .gy_wz a i { font-size: 16px; vertical-align: middle;} .cp_box { padding: 40px 0;} .grid figure h2 { line-height: 20px; font-size: 18px !important;} .jg { height: 160px;} .jg ul.jg_bt { height: 50px;} .jg ul.jg_bt li { font-size: 15px; height: 50px; line-height: 50px;} .jg ul.jg_nr li { height: 40px; line-height: 20px;} .jg ul.jg_nr li.jg04 { font-size: 22px;} .jg ul.jg_nr li.jg04 span { font-size: 22px;} .jg ul.jg_nr li.jg03 { font-size: 22px;} .jg ul.jg_nr li.jg03 span { font-size: 22px;} .jg ul.jg_nr li { font-size: 14px;} .cn{ padding-top: 50px; height: 920px;} .cn_nr .xian { left: 52%; top: 20%;} .cn_nr .ningxia { left: 32%; top: 34%;} .cn_nr .yinchuan { left: 34%; top: 30%;} .cn_nr .wuxi { left: 64%;} .cn_nr .chuxiong { top: 53%; left:50%;} .cn_nr .lijiang { left: 30%;} .cn_nr .baoshan { left: 28%;} .cn_nr .gujin { left: 43%; top: 92%;} .xw_box { padding: 40px 0;} .xw_nr_l ul { margin-left: 10px; padding: 50px 0 8px 0;} .xw_nr_l ul li { margin-bottom: 50px;} .xw_nr_l ul li .nr_l span { font-size: 34px; line-height:36px;} .xw_nr_l ul li .nr_r { width: 75%;} .xw_nr_l ul li .nr_l { width: 22%;} .xw_nr_l ul li .nr_r h3 { font-size: 16px; font-weight:bold;} .xw_nr_xq { margin: 30px auto;} .nr_z .shijian { margin-bottom: 10px;} .nr_z .neirong h3 { font-size: 16px; margin-bottom: 30px;} .nr_y { height: auto;} .nr_y img { height: auto;} .xw_nr_r { top: 54px;} .nr_z .neirong p{ line-height:24px; height:72px; overflow:hidden;} .nr_z .shijian span { font-size: 35px; line-height:35px;} .nr_z .neirong h3 { margin-bottom: 10px;} .nr_y { margin-top: 22px;} } @media only screen and (max-width:1024px){ .common-width{ width:98%; margin:0 auto;} .footer_u_l{ width:100%;} .footer_u_l p span{ font-size:16px;} .footer_u_r{ width:100%; text-align:left; padding-left:10px; padding-top:10px; padding-right:0;} .footer_u_r span{ font-size:16px;} .footer_d{ width:100%; height:60px; padding:10px;} .footer_d_l{ width:100%; height:30px; line-height:30px;} .footer_d_r{ width:100%; height:30px; line-height:30px;} .gy { padding: 30px 0;} .gy_tp {width: 100%;} .gy_bt h3 { font-size: 18px;} .gy_bt span { font-size: 16px;} .gy_tp ul li .tupian i { font-size: 46px;} .gy_tp ul li .shuzi { padding-top: 20px;font-size: 14px;} .gy_tp ul li .shuzi span { line-height: 32px; font-size: 28px;} .gy_tp ul li .miaoshu { font-size: 14px;} .cp_box { padding: 30px 0;} .grid figure h2 { font-size: 16px;} .cn_nr{ display:none;} .cn_nr_tel{ display:block;} .cn_box { background:none;} .cn { padding-top: 0px; height:auto; } .cy_box { background:none;} .cy_nr_tel{ display:block;} .xw_nr_l { width: 100%; height: auto; overflow: hidden; background: none;} .xw_nr_l ul { width: 100%; margin-left: 0px; padding: 0; margin:0 auto;} .xw_nr_l ul li .nr_l { color: #333333;width: 14%; border-right: 2px solid #999999;height: 70px;} .xw_nr_l ul li .nr_r{ float:right;} .xw_nr_l ul li .nr_r h3 a { color: #333333;} .xw_nr_l ul li .nr_r p { color: #666666;} .xw_nr_l ul li .nr_r { width: 83%;height: 70px;} .xw_nr_l ul li .nr_r h3 {height: 22px;} .xw_nr_r { display:none;} } @media screen and (max-width: 767px){ .common-width{ width:92%; margin:0 auto;} .footer_u p{ display:none;} .footer_u_r{ display:none;} .footer_u_l { text-align: center;} .footer_u_l ul { text-align: inherit; display: inline-block;} .footer_u { padding: 15px 0 10px 0;} .footer_d{ width:100%; height:auto; padding:0;} .footer_d_l{ display:none;} .footer_d_r{ width:100%; height:50px; line-height:50px; text-align:center;} .gy_tp ul li { width: 50%;} .cp_nr_l { width: 100%; margin-right: 0;} .cp_nr_r { width: 100%; margin-left: 0; margin-top:10px;} .jg ul.jg_bt { width:98%;} .jg ul.jg_nr{ width:98%;} .jg ul.jg_bt li { font-size: 14px; height: 36px; line-height: 36px;} .jg ul.jg_nr li { height: 44px; line-height: 22px; font-size: 14px;} .jg ul.jg_nr li.jg03 span { font-size: 14px;} .jg ul.jg_nr li.jg04 span { font-size: 14px;} .more a { padding-right: 1%; font-size: 13px;} .jg ul.jg_bt { height: 36px;} .jg ul.jg_bt li.jg_mc{ width:35%; margin-right:5%;} .jg ul.jg_bt li.jg_date{ display:none;} .jg ul.jg_bt li.jg_usd{ display:none;} .jg ul.jg_bt li.jg_cny{ width:30%;} .jg ul.jg_bt li.jg_price{ width:30%;} .jg ul.jg_nr li.jg01{ width:35%; margin-right:5%;} .jg ul.jg_nr li.jg02{ display:none;} .jg ul.jg_nr li.jg03{ display:none;} .jg ul.jg_nr li.jg04{ width:30%;} .jg ul.jg_nr li.jg05{ width:30%;} .jg ul.jg_nr { margin: 10px auto 0 auto;} .xw_nr_l ul li .nr_l { width: 24%;} .xw_nr_l ul li .nr_r { width: 72%;} .xw_nr_l ul li { margin-bottom: 20px;} } @media screen and (max-width: 640px){ .footer_d{ padding:16px 0;} .footer_d_r{ height:auto; line-height:20px;} } @media only screen and (min-width:1024px) and (max-width:1400px) { .longi-header{ height: 90px;} .pc_nav li { font-size: 14px; margin-right:42px; line-height:32px;} .change_height.longi-header .pc_nav li { font-size: 14px; margin-right:42px;} .logo { width: 103px;height:auto; margin: 5px 0px 5px 0; } .logo img { width: 260px; height:auto;} .subNavBox { top: 90px;} .change_height.longiTop {background-color:#fff; position:fixed; top:0; left:0; z-index:199999;} .change_height.longi-header{ height:80px;} .change_height.longi-header .pc_nav { height: 30px; line-height: 30px;} .change_height.longi-header .pc_nav li { font-size: 14px; margin-right:42px; line-height:27px; height: 30px;} .change_height .subNavBox { top: 80px;} .change_height .logo img { width:250px; height:auto;} .change_height .searchright .search .sub{ top:0px;} .change_height .searchright .search .text{top: 0px;} .subNavtavs01{ margin-left:12%; } .subNavtavs02{ margin-left:12%;} .subNavtavs03{ margin-left:12%;} .subNavtavs04{ margin-left:28%;} .subNavtavs05{ margin-left:28%;} } @media screen and (max-width:1036px) { .searchright .search.phone{display: none;} .searchright .search { display: none;} .subNavtavs01{ margin-left:-20px;} .subNavtavs02{ } .subNavtavs03{ margin-left:115px;} .subNavtavs04{ margin-left:56px;} .subNavtavs05{ margin-left:50px;} /*手机站网站群*/ .phone_zc{ display: block; width: 78px; position: absolute; height: 34px; top: 21px; right: 116px; /*overflow: hidden;*/ } } @media only screen and (max-width:861px) { /*手机站网站群*/ .phone_zc{ display: block; width: 78px; position: absolute; height: 34px; top: 17px; right: 106px; /*overflow: hidden;*/ } } @media screen and (max-width:481px) { /*手机站网站群*/ .phone_zc{ display: block; width: 78px; position: absolute; height: 34px; top: 6px; right: 80px; } } @media screen and (max-width:1024px){ .longiTop { position:fixed; width: 100%; background:#fff; } .longi-header{ height:80px; background-color:#fff; transition: all .5s;} .logo { width: 250px; display: block; margin: 24px 0px 10px 0; } .logo img { width:100%; height:auto;} .change_height.longi-header{ height:80px; transition: all .5s;} .change_height .logo{margin: 24px 0px 10px 0;} .change_height .logo img { width:100%; height:auto; transition: all .5s;} .banner{ margin-top:80px;} .right-important{ display:none;} .navi_head{display:none;} .subNavBox{display:none;} #menu , .YUYAN{ display:block;} a.YUYAN { display: block; width: 28px; height: 18px; position: absolute; top: 30px; right: 70px; } .phone_nav a { display: block; width: 28px; height: 18px; position: absolute; top: 30px; right: 30px; } .phone_nav a:before, .phone_nav a:after { content: ''; display: block; background: #fe0000; height: 2px; } .phone_nav a span { background: #fe0000; display: block; height: 2px; margin: 6px 0; } } @media only screen and (min-width:640px) and (max-width:768px) { .longiTop { position:fixed; width: 100%; background:#fff; } .longi-header{ height:70px; background-color:#fff; transition: all .5s;} .logo { width: 240px; display: block; margin: 18px 0px 0px 0; transition: all .5s;} .logo img { width: 100%; height:auto; transition: all .5s;} .change_height.longi-header{ height:70px; transition: all .5s;} .change_height .logo{margin: 18px 0px 0px 0;} .change_height .logo img { width:100%; height:auto; transition: all .5s;} .banner{ margin-top:70px;} a.YUYAN { display: block; width: 28px; height: 18px; position: absolute; top: 25px; right: 60px; font-size:15px; } .phone_nav a { display: block; width: 23px; height: 13px; position: absolute; top: 27px; right: 25px; } .phone_nav a:before, .phone_nav a:after { content: ''; display: block; background: #fe0000; height: 2px; } .phone_nav a span { background: #fe0000; display: block; height: 2px; margin: 6px 0; } } @media only screen and (min-width:480px) and (max-width:640px) { .banner{ margin-top:60px;} .longi-header{ background-color:#fff; height:60px; transition: all .5s;} .logo { width: 200px; display: block; margin: 10px 0px 0px 0; transition: all .5s;} .logo img { width: 200px; height:auto; transition: all .5s;} .change_height.longi-header{ height:60px; transition: all .5s;} .change_height .logo img { width:200px; height:auto; transition: all .5s;} a.YUYAN { display: block; width: 28px; height: 18px; position: absolute; top: 13px; right: 45px; font-size:15px; } .phone_nav a { display: block; width: 23px; height: 13px; position: absolute; top: 15px; right: 10px; } .phone_nav a:before, .phone_nav a:after { content: ''; display: block; background: #fe0000; height: 2px; } .phone_nav a span { background: #fe0000; display: block; height: 2px; margin: 6px 0; } } @media only screen and (min-width:400px) and (max-width:480px) { .banner{ margin-top:50px;} .longi-header{ background-color:#fff; height:50px; transition: all .5s;} .logo { width: 200px; display: block; margin: 11px 0px 0px 0; transition: all .5s;} .logo img { width: 100%; height:auto; transition: all .5s;} .change_height.longi-header{ height:50px; transition: all .5s;} .change_height .logo{margin: 11px 0px 0px 0;} .change_height .logo img { width:100%; height:auto; transition: all .5s;} a.YUYAN { display: block; width: 28px; height: 18px; position: absolute; top: 13px; right: 45px; font-size:15px; } .phone_nav a { display: block; width: 23px; height: 13px; position: absolute; top: 15px; right: 10px; } .phone_nav a:before, .phone_nav a:after { content: ''; display: block; background: #fe0000; height: 2px; } .phone_nav a span { background: #fe0000; display: block; height: 2px; margin: 6px 0; } } @media only screen and (min-width:360px) and (max-width:400px) { .banner{ margin-top:50px;} .longi-header{ width:100%; background-color:#fff; height:50px; transition: all .5s;} .logo { width: 190px; display: block; margin: 12px 0px 0px 0; transition: all .5s;} .logo img { width:100%; height:auto; transition: all .5s;} .change_height.longi-header{ height:50px; transition: all .5s;} .change_height .logo{margin: 12px 0px 0px 0;} .change_height .logo img { width:100%; height:auto; transition: all .5s;} a.YUYAN { display: block; width: 28px; height: 18px; position: absolute; top: 14px; right: 40px; font-size:13px; } .phone_nav a { display: block; width: 23px; height: 13px; position: absolute; top: 15px; right: 10px; } .phone_nav a:before, .phone_nav a:after { content: ''; display: block; background: #fe0000; height: 2px; } .phone_nav a span { background: #fe0000; display: block; height: 2px; margin: 5px 0; } } @media only screen and (min-width:320px) and (max-width:360px) { .banner{ margin-top:50px;} .longi-header{ width:100%; background-color:#fff; height:50px; transition: all .5s;} .logo { width: 160px; display: block; margin: 5px 0px 0px 0; transition: all .5s;} .logo img { width:160px; height:auto; transition: all .5s;} .change_height.longi-header{ height:50px; transition: all .5s;} .change_height .logo img { width:160px; height:auto; transition: all .5s;} a.YUYAN { display: block; width: 28px; height: 18px; position: absolute; top: 16px; right: 40px; font-size:13px; } .phone_nav a { display: block; width: 23px; height: 13px; position: absolute; top: 19px; right: 10px; } .phone_nav a:before, .phone_nav a:after { content: ''; display: block; background: #fe0000; height: 2px; } .phone_nav a span { background: #fe0000; display: block; height: 2px; margin: 4px 0; } } @media only screen and (max-width:320px){ .banner{ margin-top:50px;} .longi-header{ background-color:#fff; height:50px;transition: all .5s;} .logo { width: 180px; display: block; margin: 13px 0px 0px 0; transition: all .5s;} .logo img { width: 100%; height:auto;transition: all .5s;} .change_height.longi-header{ height:50px; transition: all .5s;} .change_height .logo{ margin: 13px 0px 0px 0; } .change_height .logo img { width:100%; height:auto; transition: all .5s;} a.YUYAN { display: block; width: 24px; height: 18px; position: absolute; top: 16px; right: 34px; font-size:13px; } .phone_zc{ display: block; width: 78px; position: absolute; height: 34px; top: 7px; right: 58px; /*overflow: hidden;*/ } .phone_zc .xla{ height:35px; line-height:35px; display: inline-block; color: #666;cursor: pointer; width: 88px;margin-left:10px; } .phone_zc .xla span{ display: inline-block; margin-left: 2px; width: 8px; height: 8px; background: url('../images/header_dot01.png') no-repeat;} .phone_zc .hover-up{ transition-duration: .5s; transform: rotate(180deg); -webkit-transform: rotate(180deg);} .phone_zc .lb{ width: 100%;text-align: center;padding: 10px 0; position: absolute; display:none;background:url(../images/bj.png) repeat; top: 35px;left: 0;} .phone_zc .lb ul li{ list-style-type: none; color: #666; cursor: pointer;line-height: 24px;font-size: 14px;} .phone_zc .lb ul li a{color: #666; } .phone_zc .lb li a:hover{ color: #fe0000;} .phone_nav a { display: block; width: 23px; height: 13px; position: absolute; top: 19px; right: 10px; } .phone_nav a:before, .phone_nav a:after { content: ''; display: block; background: #fe0000; height: 2px; } .phone_nav a span { background: #fe0000; display: block; height: 2px; margin: 4px 0; } } /***分页****/ .n-page{ text-align:center; clear:both; margin:60px;} .n-page a{ padding:5px 10px; margin:0px 3px; border:#e0e0e0 1px solid; background-color:#f5f5f5; color:#333;} .n-page span{ padding:5px 10px; margin:0px 3px; color:#FFF; background-color:#fe0000; border:#fe0000 1px solid;} .n-page a:hover{ color:#FFF; background-color:#fe0000; border:#fe0000 1px solid;} /******************* ********************/ @media only screen and (min-width: 1025px) and (max-width: 1450px){ .n-page{ margin: 45px 0; } } @media only screen and (min-width: 768px) and (max-width: 1024px){ .n-page{ margin: 30px 0; } } @media only screen and (max-width: 767px){ .n-page{ margin: 20px 0; } .rmb{ display:none;} } #goodcover{ display: none; position: fixed; top: 0%; left: 0%; width: 100%; height: 133%; background-color: black; z-index: 1001; -moz-opacity: 0.8; opacity: 0.50; filter: alpha(opacity=80); } #code { width: 777px; height:auto; /*background-color: #fff;*/ padding: 10px; position:fixed; display: none; left:50%; top:50%; /*left:30%\9; top:20%\9; left:50%\0; top:50%\0;*/ -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); overflow:hidden; z-index: 1002; } @media(max-width:640px){ #code{ overflow-y: scroll; } } .close { width: 770px; height: 20px; position: absolute; } .close1 { width: 96%; height: 20px; position: absolute; top:13px; } @media(max-width:777px){ #code{ width: 100%; height:490px; } .close{ width: 92%; position: absolute; } } @media(max-width:400px){ #code{ height:375px; } } #closebt { float: right; font-size: 0; width: 32px; height:32px; display: inline-block; background: url("../images/close.png") center no-repeat; } #closebt img { width: 20px; } .goodtxt { text-align: center; } .goodtxt p { height: 0; line-height: 35px; font-size: 28px; color: #000; font-weight: 600; } @media(max-width:640px){ .goodtxt p{ margin: 0; font-size: 22px; } } .phone_zc { display: none;} .phone_zc { width: 78px; position: absolute; height: 34px; top: 6px; right: 80px;} .phone_zc .xla { height: 35px; line-height: 35px; display: inline-block; color: #666; cursor: pointer; width: 88px; margin-left: 10px; } .phone_zc .xla span { display: inline-block; margin-left: 2px; width: 8px; height: 8px; background: url(/statics/images/images/header_dot01.png) no-repeat; } .phone_zc .lb { width: 100%; text-align: center; padding: 10px 0; position: absolute; display: none; background: url(/statics/images/images/bj.png) repeat; top: 35px; left: 0; } .phone_zc .lb ul li { list-style-type: none; color: #666; cursor: pointer; line-height: 24px; font-size: 14px; } @media screen and (max-width: 641px){ .phone_zc { display: block; } }