/*==== 头部 =====*/ .header{ height:103px; position:relative; } .header .logo{ width:420px; height:103px; float:left; margin-right:70px; } @font-face{ src:url(../font/%E8%BF%B7%E4%BD%A0%E7%AE%80%E7%B2%97%E5%80%A9.ttf) font-family:"迷你简粗倩"; } .header .logo h2{ font-family:"迷你简粗倩"; color:#333333; font-weight:normal; font-size:23px; line-height:23px; float:left; margin:30px 0px 0px 10px; } .nav ul li{ float:left; } .nav ul li a{ display:block; padding:0px 22px; line-height:103px; color:#333333; font-size:16px; } .nav ul li a:hover{ background:#dd2316; color:#fff; } .nav ul li.current a{ background:#dd2316; color:#fff; } .language{ position: absolute; right: 0; top: 0; } .language>a{ display: block; font-size: 16px; line-height: 103px; color:#333333; } .language>a:hover{ color: #dd2316; } /*===== end 头部 ======*/ /* ===== banner ====== */ #banner{ height:652px; overflow:hidden; position:relative; width:100%; } #banner .bd_banner{ width:1920px; position:absolute; height:652px; left:50%; margin-left:-960px; } #banner .bd_banner img{ width:1920px; height:652px; display:block; } /* ====== end banner ====== */ /*===== 关于我们 =====*/ .about{ margin-top:72px; margin-bottom:170px; } .about_left{ width:564px; height:531px; margin-right:16px; } .about_left img{ display:block; } .about_right{ width:568px; padding-top:52px; } .about .about_right>p{ font-size:16px; color:#090909; margin-bottom:8px; } .about .about_right p>span{ color:#090909; font-size:26px; font-weight:bold; } .about .about_right h3{ font-family:Arial, Helvetica, sans-serif; font-size:51px; line-height:51px; font-weight:bold; color:#090909; } .about .about_right .about_txte{ overflow:hidden; margin-top:15px; margin-bottom:56px; padding-right:128px; } .about .about_right .about_txte p{ line-height:26px; color:#8f8f8f; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; } .about .about_right .about_link{ display:block; padding-bottom:8px; font-size:16px; line-height:26px; color:#090909; background: url(../images/about_link.png) no-repeat bottom left; } .about_sort{ margin-top:68px; } .about_sort ul li{ float:left; text-align:center; margin-right:102px; width:107px; } .about_sort ul li a span{ display:block; width:107px; height:107px; } .about_sort ul li a>p{ font-size:16px; line-height:26px; color:#090909; text-align:center; margin-top:10px; } .about_sort ul li:last-child{ margin-right:0px; } .about_sort ul .sort1 a span{ background:url(../images/icon-1.png) no-repeat; } .about_sort ul .sort2 a span{ background:url(../images/icon-2.png) no-repeat; } .about_sort ul .sort3 a span{ background:url(../images/icon-3.png) no-repeat; } .about_sort ul .sort1 a:hover span{ background:url(../images/icon-4.png) no-repeat; } .about_sort ul .sort2 a:hover span{ background:url(../images/icon-5.png) no-repeat; } .about_sort ul .sort3 a:hover span{ background:url(../images/icon-6.png) no-repeat; } /*===== end 关于我们 =====*/ /*==== 产品展示 =====*/ #products{ background:url(../images/pro-bg.jpg) no-repeat center; width:100%; height:700px; } .products{ height:649px; padding-top:48px; position:relative; } .pro_title .text_p{ width:882px; height:48px; overflow:hidden; margin-top:5px; padding-left:18px; } .pro_title .text_p>p{ color:#ffffff; line-height:26px; } .pro_show{ margin-top:72px; } .pro_show ul li{ float:left; width:370px; height:390px; margin-right:42px; position:relative; } .pro_show ul li a{ display:block; } .pro_show ul li a img{ display:block; width:370px; height:390px; } .pro_show ul li a .pro_more{ position:absolute; width:370px; height:390px; top:-388px; background:url(../images/zzc.png) no-repeat; transition:2s; -moz-transition:2s all; -ms-transition:2s all; -o-transition:2s all; -webkit-transition:2s all; display:none; } .pro_show ul li a>p{ font-size:18px; color:#fff; transition:2s; -moz-transition:2s all; -ms-transition:2s all; -o-transition:2s all; -webkit-transition:2s all; opacity:0; filter:alpha(opacity=0); width:100%; position:absolute; left:50%; top:0px; margin-left:-185px; text-align:center; } .pro_show ul li a>span.plus{ display:block; background:url(../images/plus.png) no-repeat center; width:370px; height:40px; position:absolute; left:0px; bottom:0px; transition:2s; -moz-transition:2s all; -ms-transition:2s all; -o-transition:2s all; -webkit-transition:2s all; opacity:0; filter:alpha(opacity=0); } .pro_show ul li a:hover .pro_more{ display:block; top:1px; } .pro_show ul li a:hover>p{ top:166px; opacity:1; filter:alpha(opacity=50); } .pro_show ul li a:hover>span{ bottom:138px; opacity:1; filter:alpha(opacity=50); } .products .pro_banner{ height:14px; overflow:hidden; position:absolute; left:50%; bottom:53px; text-align:center; margin-left:-600px; width:1200px; } .products .pro_banner ul li{ display:inline-block; width:12px; height:12px; text-align:center; cursor:pointer; text-indent:-9999px; margin:0px 8px; border-radius:6px; background:#fff; } .products .pro_banner ul li.on{ background:#e03428; width:12px; height:12px; } /*==== end 产品展示 =====*/ /*==== 服务中心 ====*/ .service{ height:376px; border-bottom:3px solid #e7e7e7; } .service .service_left{ width:581px; float:left; padding-top:79px; overflow:hidden; } .service .service_left h3{ margin-bottom:9px; } .service .service_left h3,.service .service_left h4{ font-size:51px; line-height:51px; color:#090909; font-weight:normal; font-family:Arial, Helvetica, sans-serif; } .service .service_left .service_xq{ margin-top:47px; } .service .service_left .service_xq ul li{ float:left; } .service .service_left .service_xq ul li p{ font-size:24px; color:#dd2316; } .service .service_left .service_xq ul li p>i{ display:inline-block; font-style:normal; font-size:16px; color:#090909; margin-left:9px; } .service .service_left .service_xq ul li h5{ font-weight:bold; color:#090909; font-size:18px; } .service .service_left .service_xq ul li span{ display:inline-block; color:#a9a9a9; line-height:18px; font-family:Arial, Helvetica, sans-serif; } .service .service_left .service_xq ul .list1{ width:151px; padding-left:17px; border-right:3px solid #e7e7e7; } .service .service_left .service_xq ul .list2{ width:156px; padding-left:27px; border-right:3px solid #e7e7e7; } .service .service_left .service_xq ul .list3{ width:198px; padding-left:25px; } .service_right{ width:500px; padding-top:18px; padding-left:119px; } .service_right a,.service_right img{ display:block; } /*==== end 服务中心 ====*/ /*==== 新闻中心 ====*/ .index_news{ margin-top:60px; } .news_left{ width:526px; height:354px; margin-right:55px; } .index_news .news_right h3{ font-size:28px; line-height:28px; font-weight:bold; color:#090909; } .news_right{ width:619px; } .news_text ul li{ height:82px; border-bottom:1px dashed #c9c9c9; padding-top:20px; } .news_text{ margin-top:14px; } .news_text ul li a{ display:block; } .news_text ul li a .inxde_date{ height:26px; line-height:26px; } .news_text ul li a .inxde_date h4{ overflow:hidden; width:370px; font-size:16px; line-height:26px; height:26px; color:#090909; font-weight:normal; } .news_text ul li a .inxde_date span{ font-size:16px; line-height:26px; color:#090909; } .news_text ul li a:hover .inxde_date h4,.news_text ul li a:hover .inxde_date span{ color:#dd2316; } .news_text ul li a .news_ms{ width:370px; height:38px; overflow:hidden; margin-top:4px; } .news_text ul li a .news_ms p{ color:#787878; line-height:18px; } /*===== end 新闻中心 ====*/ /*==== 底部版权 =====*/ #footer{ width:100%; height:276px; background:#2b2b2b; margin-top:70px; } .footer{ padding-top:45px; } .footer_contact{ width:253px; float:left; padding-left:47px; margin-right:253px; } .footer .footer_contact span{ font-size:16px; line-height:18px; color:#ffffff; background:url(../images/footer-span.png) no-repeat left bottom; padding-bottom:9px; margin-bottom:25px; display:block; } .footer .footer_contact span a{ color:#fff; } .footer .footer_contact p{ color:#a4a4a4; line-height:18px; margin-bottom:22px; } .footer_nav dl{ float:left; text-align:center; } .footer_nav dl dt a{ display:block; background:url(../images/footer-span.png) no-repeat center bottom; font-size:16px; color:#fff; padding-bottom:9px; } .footer_nav dl dd a{ display:block; color:#a4a4a4; line-height:36px; } .dl_list1{ width:66px; margin-right:170px; } .dl_list2{ margin-right:185px; } .dl_list2 dt a{ padding-bottom: 0; } .footer_nav .dl_list2 dd a{ line-height: 28px !important; } .footer_nav dl dt a:hover,.footer_nav dl dd a:hover{ color:#fff; } #copyright{ width:100%; height:58px; background:#212121; } .copyright{ line-height:58px; color:#fff; text-align:center; } /*===== end 底部版权 ======*/ /*==== 产品展示 =====*/ .inside_banner{ height:381px; position:relative; width:100%; overflow:hidden; } .inside_banner>img{ width:1920px; height:381px; position:absolute; left:50%; top:0px; margin-left:-960px; } .nyindex_nav{ text-align:center; background:url(../images/nyindex_nav.png) no-repeat center; height:63px; margin:68px auto 45px; } .nyindex_nav>h3{ font-size:28px; line-height:28px; font-weight:bold; color:#090909; margin-bottom:13px; } .nyindex_nav>h4{ font-family:Arial, Helvetica, sans-serif; font-size:33px; color:#dd2316; font-weight:bold; } .nyindex_list ul{ overflow:hidden; padding-left:60px; } .nyindex_list ul li{ float:left; width:187px; height:42px; margin-right:38px; margin-bottom: 15px; } .nyindex_list ul li a{ display:block; font-size:16px; background:#343434; text-align:center; line-height:42px; color:#fff; } .nyindex_list ul li a:hover{ background:#dd2316; color:#fff; } .nyindex_list ul li.link a{ background:#dd2316; color:#fff; } .nypro_content ul li{ margin-bottom:46px; } .nypro_content ul li:nth-child(3n+3){ margin-right:0px; } .nypro_content{ margin-top:55px; } .mani_content>h3{ text-align: center; color: #000000; margin-bottom: 25px; margin-top: 20px; } /*==== end 产品展示 ===*/ /*==== 新闻中心 ===*/ .news_content{ width:1047px; padding-left:69px; } .news_content ul li .inxde_date{ position:relative; } .news_content ul li .inxde_date i{ display:block; width:8px; height:8px; background:#dd2316; position:absolute; left:-15px; top:10px; } .news_content ul li a .inxde_date h4{ width:523px; overflow:hidden; height:26px; } .news_content ul li a .news_ms{ width:1047px; overflow:hidden; } .news_content ul li a:hover .inxde_date h4,.news_content ul li a:hover .inxde_date span{ color:#dd2316; } /*==== end 新闻中心 ====*/ /*=== 关于我们 ===*/ .about_ul ul{ padding-left:283px; } .about_content{ margin-top:79px; margin-bottom:134px; } .nyabout_left{ width:565px; height:533px; padding-left:10px; margin-bottom:14px; } .nyabout_right{ width:611px; padding-top:55px; padding-left:10px; } .nyabout_right .about_txte{ overflow:hidden; height:390px; } .nyabout_right .about_txte p,.about_content .about_txte2 p{ font-size:16px; line-height:36px; color:#8f8f8f; } .nyabout .about_content .nyabout_right>p{ font-size:16px; color:#090909; margin-bottom:8px; } .nyabout .about_content .nyabout_right>p>span{ color:#090909; font-size:26px; font-weight:bold; } .nyabout .about_content .nyabout_right>h3{ font-family:Arial, Helvetica, sans-serif; font-size:51px; line-height:51px; font-weight:bold; color:#090909; } .nyabout .about_content .about_txte2{ padding-left:10px; overflow:hidden; } /*=== end 关于我们 ===*/ .message{ margin-top:35px; margin-bottom:95px; } .message_title{ position:relative; margin-bottom:30px; } .message_title>h3{ font-size:36px; line-height:36px; color:#000000; position:relative; z-index:1; font-weight:normal; } .message_title>span{ font-size:40px; line-height:40px; font-family:Arial, Helvetica, sans-serif; color:#dadada; display:block; position:absolute; top:-15px; left:78px; } form{ overflow:hidden } .form-feed{ width:1227px; } .form-feed>input[type=text]{ border:1px solid #cecece; width:363px; height:14px; padding:16px 0px 14px 14px; margin-right:27px; margin-bottom:32px; } .form-feed>textarea{ border:1px solid #cecece; width:1184px; height:109px; padding:10px 0px 0px 14px; } .form-feed>input[type=submit]{ display:block; width:280px; height:45px; background:#e71f19; color:#ffffff; border:none; margin:24px auto 0px; cursor:pointer; }