@charset "utf-8"; /* CSS Document */ .inc_left{ position: fixed; right:0; top:348px; width: 44px; height: 151px; overflow: hidden; z-index: 9999; } .inc_left li{ width: 44px; height: 45px; background: #797c7d; opacity:0.4; margin-bottom: 9px; } .inc_left li img{ margin-left: 5px; margin-top: 7px; } .inc_left li:hover{ background: #26478e; opacity:1; } .header{ position: relative; } .w960{ width: 960px; margin: 0 auto; position: relative; min-width: 960px; } .header .logo{ margin-top: 17px; } .header .head_top{ width: 150px; position: absolute; right:0; top:10px; line-height: 30px; } .header .head_top .bdsharebuttonbox{ display: inline; } .header .head_top .bds_tsina{ background: url(../img/weibo.png) no-repeat center; } .header .head_top .bds_tsina:hover{ background: url(../img/weibo_hover.png) no-repeat center; } .header .head_top .bds_weixin{ background: url(../img/weixin.png) no-repeat center; } .header .head_top .bds_weixin:hover{ background: url(../img/weixin_hover.png) no-repeat center; } .header .head_top .bds_sqq{ background: url(../img/qq.png) no-repeat center; } .header .head_top .bds_sqq:hover{ background: url(../img/qq_hover.png) no-repeat center; } .header .nav li{ padding:0 16px; border-right:1px solid #d6d6d6; font-size: 15px; line-height: 15px; margin-top: 12px; } .header .nav li a{ color: #171717; cursor:pointer; } .header .nav li:hover a,.header .nav li a.hover{ color: #e60044; } .footer{ border-top:1px solid #e2e2e2; padding: 18px 0; } .footer .f-info,.footer .f-info a{ color: #6e6e6e; } .footer li a{ color: #6e6e6e; background: url(../img/rightline.jpg) no-repeat right center; height: 7px; width: 1px; padding: 0 12px; height:7px; cursor:pointer; } .footer1{ background:#f5f5f5; border-top:1px solid #e2e2e2; padding: 18px 0; } .footer1 .f-info,.footer1 .f-info a{ color: #6e6e6e; } .footer1 li a{ color: #6e6e6e; background: url(../img/rightline.jpg) no-repeat right center; height: 7px; width: 1px; padding: 0 12px; height:7px; cursor:pointer; } .banner{ width: 100%; } .banner img{ width: 100%; } .i-ban{ width: 100%; height: 570px; overflow: hidden; position: relative; } .i-ban ul{ width: 100%; } .i-ban li{ width: 100%; top: 0; left: 0; overflow: hidden; position: absolute; display: none; height: 100%; } .i-ban li a{ display: block; width: 100%; height: 100%; } .i-ban .btn{ position: absolute; bottom: 19px; left: 50%; } .i-ban .btn span{ display: inline-block; margin: 0 5px; background: url(../img/b1.png) no-repeat; width: 12px; height: 12px; transition-duration: 300ms; cursor: pointer; float: left; } .i-ban .btn span.on{ background: url(../img/b2.png) no-repeat; } .header .nav{ padding-top: 50px; } .wel ul{ border-bottom: 1px solid #e2e2e2; margin: 24px 0 26px; padding-bottom: 10px; width: 568px; } .wel ul li{ margin:0 12px; } .wel ul li a{ font-size: 14px; color: #222; } .wel ul li:hover a,.wel ul li a.on{ border-bottom:1px solid #e60044; padding-bottom: 11px; } .wel .com_info{ margin-bottom: 27px; width: 568px; height: 150px; overflow: hidden; } .wel .com_info .i_left{ width: 203px; } .wel .com_info .i_right{ width: 344px; margin-left: 16px; } .com_info .i_right h3{ color: #000; margin-bottom: 15px; } .com_info .i_right .tit{ color: #777; line-height: 24px; height: 72px; overflow: hidden; margin-bottom: 24px; } .com_info .i_right .more{ color: #adadad; font-size: 9px; } .wel .wel_ab{ width: 568px; } .wel .res_info{ margin-bottom: 27px; width: 568px; height: 150px; overflow: hidden; } .wel .res_info .i_left{ width: 203px; } .wel .res_info .i_right{ width: 344px; margin-left: 16px; } .res_info .i_right h3{ color: #000; margin-bottom: 15px; } .res_info .i_right .tit{ color: #777; line-height: 24px; height: 72px; overflow: hidden; margin-bottom: 24px; } .res_info .i_right .more{ color: #adadad; font-size: 9px; } .wel .man_info{ margin-bottom: 27px; width: 568px; height: 150px; overflow: hidden; } .wel .man_info .i_left{ width: 203px; } .wel .man_info .i_right{ width: 344px; margin-left: 16px; } .man_info .i_right h3{ color: #000; margin-bottom: 15px; } .man_info .i_right .tit{ color: #777; line-height: 24px; height: 72px; overflow: hidden; margin-bottom: 24px; } .man_info .i_right .more{ color: #adadad; font-size: 9px; } .wel .wel_news{ width: 361px; } .wel .wel_news .tit{ border: 1px solid ##e2e2e2; width:361px; margin-bottom: 26px; } .wel_news .tit li em{ border-bottom:1px solid #e60044; padding-bottom: 11px; font-size: 14px; color: #222; } .wel_news .tit li span{ color: #bababa; font-size: 12px; } .wel .wel_cen h3{ margin-bottom: 5px; height: 22px; overflow: hidden; color: #1e1e1e; } .wel .wel_cen p{ color: #777; line-height: 22px; height: 44px; overflow: hidden; } .wel .wel_bot ul{ border:none; width: 361px; } .wel_bot ul li{ border-bottom: 1px dashed #ddd; background: url(../img/right.jpg) no-repeat left center; line-height: 26px; width: 345px; padding-left: 11px; } .wel_bot ul li a{ color: #818181; font-size: 12px; } .wel_bot ul li span{ color: #c3c3c3; } .wel_bot ul li:hover{ padding-bottom: 0; } .wel_bot ul li:hover a,.wel_bot ul li:hover a span{ border:none; color: #333; } /*about*/ .about{ background:#f5f5f5; padding-bottom: 32px; } .about .about_left .about_tit{ position: relative; background: #e60044; bottom: 37px; font-size:26px; color: #fff; padding:39px 17px 18px 26px; font-weight: bold; } .about_left .about_tit span{ font-weight: normal; font-size: 20px; line-height: 34px; padding-left: 55px; } .about_left .about_con{ background: url(../img/about03.png) no-repeat right; width: 183px; position: relative; bottom: 37px; background-size: cover; } .about_left .about_con li{ height: 54px; line-height: 54px; width: 157px; padding-right:25px; border-bottom: 1px solid #e4e4e4; } .about_left .about_con ul{ width: 100%; } .about_left .about_con li a{ color: #555; float: right; line-height: 54px; font-size: 14px; } .about_con li:hover a,.about_con li a.on{ border-bottom:1px solid #e60044; } .about .about_right{ background: #fff; width: 690px; padding-left: 30px; padding-right: 30px; } .about .about_right .about_b{ margin-bottom: 20px; width: 690px; } .about .about_right .now{ background: url(../img/now.jpg) no-repeat left; color: #888; padding-left: 24px; font-size: 12px; line-height:50px; margin-top: 8px; } .about_right .ri_con_top{ margin-bottom: 42px; width: 100%; } .ri_con_top .top_font .tit{ margin: 53px 0 29px; font-size: 28px; color: #333; z-index: 100; width: 280px; height: 54px; line-height: 41px; background: url(../img/about04.jpg) no-repeat bottom right; font-weight: bold; } .ri_con_top .top_font{ color: #666; width: 100%; } .about_right p{ color: #666; font-size: 14px; } .about_right img{ max-width: 100%; float: right; } /*contact*/ .contact{ background:#f5f5f5; padding-bottom: 32px; } .contact .con_left .con_tit{ position: relative; background: #e60044; bottom: 37px; font-size:26px; color: #fff; padding:39px 15px 21px 11px; font-weight: bold; } .con_left .con_tit span{ font-weight: normal; font-size: 20px; line-height: 34px; padding-left: 93px; } .con_left .con_con{ background: url(../img/about03.png) no-repeat right; width: 201px; position: relative; bottom: 37px; background-size: cover; } .con_left .con_con li{ height: 54px; line-height: 54px; width: 176px; padding-right:25px; border-bottom: 1px solid #e4e4e4; } .con_left .con_con ul{ width: 100%; } .con_left .con_con li a{ color: #555; float: right; line-height: 54px; font-size: 14px; } .con_con li:hover a,.con_con li a.on{ border-bottom:1px solid #e60044; } .contact .con_right{ background: #fff; width: 699px; padding-left: 30px; padding-right: 30px; /*margin: 0 0 32px;*/ } .contact .con_right .con_b{ border-top: 1px solid #eaeaea; margin-bottom: 20px; width: 699px; } .contact .con_right .now{ background: url(../img/now.jpg) no-repeat left; color: #888; padding-left: 24px; font-size: 12px; line-height:50px; margin-top: 8px; } .about_right .ri_con_top{ margin-bottom: 42px; } .con_right .con_font h3{ margin-bottom: 16px; } .con_right .con_font p{ font-size: 14px; color: #777; line-height: 28px; } /*news*/ .news{ background:#f5f5f5; padding-bottom: 32px; } .news .news_left .news_tit{ position: relative; background: #e60044; bottom: 37px; font-size:26px; color: #fff; padding:39px 0 21px 71px; font-weight: bold; } .news_left .news_tit span{ font-weight: normal; font-size: 20px; line-height: 34px; } .news_left .news_con{ background: url(../img/about03.png) no-repeat right; width: 179px; position: relative; bottom: 37px; background-size: cover; } .news_left .news_con li{ height: 54px; line-height: 54px; width: 154px; padding-right:25px; border-bottom: 1px solid #e4e4e4; } .news_left .news_con ul{ width: 100%; } .news_left .news_con li a{ color: #555; float: right; line-height: 54px; font-size: 14px; } .news_con li:hover a,.news_con li a.on{ border-bottom:1px solid #e60044; } .news_right{ background: #fff; width: 699px; padding-left: 30px; padding-right: 30px; } .news_b{ border-top: 1px solid #eaeaea; margin-bottom: 20px; width: 699px; } .news_right .now{ background: url(../img/now.jpg) no-repeat left; padding-left: 24px; font-size: 12px; line-height:50px; margin-top: 8px; } .now a{ color: #888; } .now a:hover{ color: #e60044; } .news_right .right_top{ margin-top: 20px; } .news_right .right_top .top_im{ width: 254px; height: 191px; padding: 1px; overflow: hidden; margin: 0px 37px 28px 0; } .news_right .right_top .top_font{ width: 404px; overflow: hidden; } .news_right .right_top a:hover .con{ color: #666; } .news_right .top_font h3{ color: #555; height:22px; overflow:hidden; } .news_right .top_font .day{ color: #bebebe; height:22px; overflow:hidden; margin-bottom: 5px; } .news_right .top_font .con{ color: #adadad; height:44px; overflow:hidden; } .news_right .top_font .more{ border: 1px solid #e2e2e2; border-radius: 50px; width: 99px; height: 24px; margin-top: 31px; text-align: center; color: #d5d5d5; padding-top:2px; } .news_right .right_bo,.news_right .right_bo li{ width: 100%; } .news_right .right_bo li{ margin-bottom: 8px; } .news_right .right_bo li:hover .box{ background: #e60044; } .news_right .right_bo .box{ background: #cbcbcb; width: 99px; height: 99px; text-align: center; color: #fff; } .news_right .box .day{ font-size: 60px; font-weight: bold; padding-top: 29px; } .news_right .box .mo{ font-size: 15px; padding-top: 15px; } .news_right .tit{ width: 557px; border: 1px solid #ebebeb; padding: 16px 20px 15px 20px; margin-left: 1px; } .news_right .tit .day{ color: #333; font-size: 14px; } .news_right .tit .con{ color: #777; height: 44px; overflow: hidden; } .news_right .page{ width: 100%; text-align: center; margin: 30px 0 60px; } .news .info{ margin-top: 24px; width: 701px; } .news .info h3,.news .info .day{ text-align: center; } .news .info h3{ margin-bottom: 6px; } .news .info p{ color: #555; font-size: 14px; } .news .info .day{ margin-bottom: 20px; color: #bebebe; font-size: 14px; } .news .info img{ margin: 20px 0; } .pageone{ margin: 80px 0; } .pageone a{ font-size: 14px; color: #555; } .pageone p{ width: 650px; height: 22px; overflow: hidden; } .pageone .return{ line-height: 25px; height: 25px; } /*relation*/ .rela{ background:#f5f5f5; padding-bottom: 32px; } .rela .rela_left .rela_tit{ position: relative; background: #e60044; bottom: 37px; font-size:26px; line-height: 30px; color: #fff; padding:39px 20px 18px 26px; font-weight: bold; } .rela_left .rela_tit span{ font-weight: normal; font-size: 20px; line-height: 34px; } .rela_left .rela_con{ background: url(../img/about03.png) no-repeat right top; width: 198px; position: relative; bottom: 37px; background-size: cover; } .rela_left .rela_con li{ height: 54px; line-height: 54px; width: 173px; padding-right:25px; border-bottom: 1px solid #e4e4e4; } .rela_left .rela_con ul{ width: 100%; } .rela_left .rela_con li a{ color: #555; float: right; line-height: 54px; font-size: 14px; } .rela_con li:hover a,.rela_con li a.on{ border-bottom:1px solid #e60044; } .rela .rela_right{ background: #fff; width: 699px; padding-left: 30px; padding-right: 30px; } .rela .rela_right .rela_b{ border-top: 1px solid #eaeaea; margin-bottom: 20px; width: 699px; } .rela .rela_right .now{ background: url(../img/now.jpg) no-repeat left; padding-left: 24px; font-size: 12px; line-height:50px; margin-top: 8px; } .rela_right .right_top{ margin-top: 20px; } .rela_right .right_top .top_im{ width: 254px; height: 191px; border: 1px solid #e4e4e4; padding: 1px; overflow: hidden; margin: 0px 37px 28px 0; } .rela_right .right_top .top_font{ width: 404px; overflow: hidden; } .rela_right .right_top a:hover .con{ color: #666; } .rela_right .top_font h3{ color: #555; height:22px; overflow:hidden; } .rela_right .top_font .day{ color: #bebebe; height:22px; overflow:hidden; margin-bottom: 5px; } .rela_right .top_font .con{ color: #adadad; height:44px; overflow:hidden; } .rela_right .top_font .more{ border: 1px solid #e2e2e2; border-radius: 50px; width: 99px; height: 24px; margin-top: 31px; text-align: center; color: #d5d5d5; padding-top:2px; } .rela_right .right_bo,.rela_right .right_bo li{ width: 100%; } .rela_right .right_bo li{ margin-bottom: 8px; } .rela_right .right_bo li:hover .box{ background: #e60044; } .rela_right .right_bo .box{ background: #cbcbcb; width: 99px; height: 99px; text-align: center; color: #fff; } .rela_right .box .day{ font-size: 60px; font-weight: bold; padding-top: 29px; } .rela_right .box .mo{ font-size: 15px; padding-top: 15px; } .rela_right .tit{ width: 587px; border: 1px solid #ebebeb; padding: 16px 0 15px 10px; margin-left: 1px; min-height: 66px; } .rela_right .tit .day{ color: #333; font-size: 14px; } .rela_right .tit .con{ color: #777; } .rela_right .page{ width: 100%; text-align: center; margin: 30px 0 60px; } .rela .rela_im{ width: 701px; margin-bottom: 27px; } .rela .address h2{ margin-bottom: 12px; } .rela .address p{ color: #777; line-height: 26px; } .rela table{ margin-bottom: 75px; } .rela table tr{ } .rela table td{ height: 40px; line-height: 40px; border: none; width: 291px; background: #ebebeb; padding-left: 10px; } .rela table input{ border: none; height: 40px; line-height: 40px; background: #ebebeb; } .rela table textarea{ background: none; border: none; width: 641px; line-height: 22px; padding-top: 13px; background: #ebebeb; } .rela table .submit,.rela table .reset{ height: 41px; width: 141px; border: none; color: #fff; } .rela table .submit{ background: #e60044; } .rela table .reset{ background: #999; } .rela_bo img{ margin: 20px 0; } /*product*/ .pro{ background:#f5f5f5; padding-bottom: 32px; } .pro .pro_left .pro_tit{ position: relative; background: #e60044; bottom: 37px; font-size:26px; color: #fff; padding:39px 20px 21px 27px; font-weight: bold; } .pro_left .pro_tit span{ font-weight: normal; font-size: 20px; line-height: 34px; } .pro_left .pro_con{ background: url(../img/about03.png) no-repeat right; width: 186px; position: relative; bottom: 37px; background-size: cover; } .pro_left .pro_con li{ height: 54px; line-height: 54px; width: 161px; padding-right:25px; border-bottom: 1px solid #e4e4e4; } .pro_left .pro_con ul{ width: 100%; } .pro_left .pro_con li a{ color: #555; float: right; line-height: 54px; font-size: 14px; } .pro_con li:hover a,.pro_con li a.on{ border-bottom:1px solid #e60044; } .pro .pro_right{ background: #fff; width: 699px; padding-left: 30px; padding-right: 30px; } .pro .pro_right .pro_b{ border-top: 1px solid #eaeaea; margin-bottom: 20px; width: 699px; } .pro .pro_right .now{ background: url(../img/now.jpg) no-repeat left; padding-left: 24px; font-size: 12px; text-align: right; line-height:50px; margin-top: 8px; } .pro .con_font{ color: #4c4c4c; font-size: 14px; } .address p{font-size: 14px;} .pro .con_font p{ margin-bottom: 50px; } .pro .con_font .box{ width: 236px; height: 37px; text-align: center; background: #e60044; border-radius: 5px; font-size: 14px; padding-top: 2px; } .pro .con_font a{ color: #f9d4da; line-height: 38px; } .pro .con_center{ margin-top: 35px; width: 699px; margin-bottom: 59px; } .pro .con_center p{ margin-bottom: 20px; } /*society*/ .soci{ background:#f5f5f5; padding-bottom: 32px; } .soci .soci_left .soci_tit{ position: relative; background: #e60044; bottom: 37px; font-size:26px; color: #fff; padding:39px 20px 21px 27px; font-weight: bold; } .soci_left .soci_tit span{ font-weight: normal; font-size: 20px; line-height: 34px; } .soci_left .soci_con{ background: url(../img/about03.png) no-repeat right; width: 187px; position: relative; bottom: 37px; background-size: cover; } .soci_left .soci_con li{ height: 54px; line-height: 54px; width: 162px; padding-right:25px; border-bottom: 1px solid #e4e4e4; } .soci_left .soci_con ul{ width: 100%; } .soci_left .soci_con li a{ color: #555; float: right; line-height: 54px; font-size: 14px; } .soci_con li:hover a,.soci_con li a.on{ border-bottom:1px solid #e60044; } .soci .soci_right{ background: #fff; width: 699px; padding-left: 30px; padding-right: 30px; } .soci .soci_right .soci_b{ /*border-top: 1px solid #eaeaea;*/ margin-bottom: 20px; font-size: 14px; width: 699px; } .soci .soci_right .now{ background: url(../img/now.jpg) no-repeat left; padding-left: 24px; font-size: 12px; line-height:50px; margin-top: 8px; } .soci .soci_right img{ margin: 10px 0; } .soci .soci_right .con_top{ width: 699px; display: block; } .soci .con_top .box{ width: 259px; height: 130px; padding-top: 80px; background: #e60044; color: #fff; display: inline; font-size: 22px; line-height: 27px; text-align: center; } .soci .con_top .con_img{ width: 440px; height:210px; overflow: hidden; display: inline; } .soci .soci_right .con_img img{ margin: 0; } .soci .soci_right .con{ margin-top: 18px; width: 699px; display: block; } .soci .soci_right ul,.soci .soci_right li{ width: 100%; } .soci .soci_right li{ border:1px solid #e7e7e7; display: block; } .soci .soci_right .tit{ background: #fff; width: 674px; height:48px; line-height: 48px; display: block; padding-left: 25px; color: #333; } .soci .soci_right .licon{ margin: 22px 18px 38px 22px; display: none; width: 659px; } .soci .soci_right .licon p{ width: 659px; display: block; } .soci .licon .join{ width: 92px; height: 25px; text-align: center; background: #0c4da2; color: #fff; padding-top: 2px; margin: 30px 0; } .soci .soci_right .tit span{ background: url(../img/so04.png) no-repeat center; height:48px; display: block; width: 13px; margin-right: 21px; } .soci .soci_right .tit:hover, .soci .soci_right .tit.lion{ background: #b2b2b2; color: #fff; display: block; } .soci .soci_right .page{ text-align: center; width: 100%; margin: 46px 0 66px; } .soci .soci_right .tit .hover1{ background: url(../img/so03.jpg) no-repeat center !important; } .soci .soci_left .soci_tit1{ position: relative; background: #e60044; bottom: 37px; font-size:26px; color: #fff; padding:39px 0px 21px 47px; font-weight: bold; } .soci_left .soci_tit1 span{ font-weight: normal; font-size: 20px; line-height: 34px; } .soci_left .soci_con1{ background: url(../img/about03.png) no-repeat right; width: 187px; position: relative; bottom: 37px; background-size: cover; } .soci_left .soci_con1 li{ height: 54px; line-height: 54px; width: 162px; padding-right:25px; border-bottom: 1px solid #e4e4e4; } .soci_left .soci_con1 ul{ width: 100%; } .soci_left .soci_con1 li a{ color: #555; float: right; line-height: 54px; font-size: 14px; } .soci_con1 li:hover a,.soci_con1 li a.on{ border-bottom:1px solid #e60044; } .mess table{ margin-bottom: 75px; } .mess table td{ height: 40px; line-height: 40px; border: none; width: 291px; background: #ebebeb; } .mess table td span{ padding-left: 10px; display: block; } .mess table input{ border: none; height:40px; line-height: 40px; background: #ebebeb; } .mess table textarea{ background: none; border: none; width: 626px; padding-top: 13px; } .mess table .send{ height: 41px; width: 161px; border: none; color: #fff; } .mess table .send{ background: #e60044; } .mess table .see,.mess table i{ color: #333; line-height: 22px; width: 98px; display: block; font-style: normal; cursor: pointer; } .mess table i:hover{ color: #e60044; } .footer dl,.footer1 dl{ position: relative; background: url(../img/link.png) no-repeat ; background-size: cover; width: 150px; height: 23px; margin-left: 5px; } .footer dl:hover dd,.footer1 dl:hover dd{ display: block; } .footer dl .dab,.footer1 dl .dab{ position: absolute; bottom:22px; left:0; z-index: 9999999; } .footer dl dd,.footer1 dl dd{ border:1px solid #e9e9e9; width: 135px; height: 23px; line-height: 23px; display: none; padding-left: 10px; background: #fff; z-index: 10; } .footer dl dd a,.footer1 dl dd a{ color: #777; } .footer dl dd:hover a,.footer1 dl dd:hover a{ color: #e60044; } .soci_right .right_bo,.soci_right .right_bo li{ width: 100%; } .soci_right .right_bo li{ margin-bottom: 8px; } .soci_right .right_bo li:hover .box{ background: #e60044; } .soci_right .right_bo .box{ background: #cbcbcb; width: 99px; height: 99px; text-align: center; color: #fff; } .soci_right .box .day{ font-size: 60px; font-weight: bold; padding-top: 29px; } .soci_right .box .mo{ font-size: 15px; padding-top: 15px; } .soci_right .tit2{ width: 557px; padding: 16px 20px 15px 20px; margin-left: 1px; } .soci_right .tit2 .day{ color: #333; font-size: 14px; } .soci_right .tit2 .con{ color: #777; height: 44px; overflow: hidden; } .soci_right .right_top{ margin-top: 20px; } .soci_right .right_top .top_im{ width: 254px; height: 191px; padding: 1px; overflow: hidden; margin: 0px 37px 28px 0; } .soci_right .right_top .top_font{ width: 404px; overflow: hidden; } .soci_right .right_top a:hover .con{ color: #666; } .soci_right .top_font h3{ color: #555; height:22px; overflow:hidden; } .soci_right .top_font .day{ color: #bebebe; height:22px; overflow:hidden; margin-bottom: 5px; } .soci_right .top_font .con{ color: #adadad; height:44px; overflow:hidden; } .soci_right .top_font .more{ border: 1px solid #e2e2e2; border-radius: 50px; width: 99px; height: 24px; margin-top: 31px; text-align: center; color: #d5d5d5; padding-top:2px; } .rela_right .info h3{ text-align: center; } .rela_right .info .day{ text-align: center; } .about_right .info h3{ text-align: center; } .about_right .info .day{ text-align: center; } .slideTxtBox{ width: 100%; position: relative; } .slideTxtBox .bd{ width: 588px; margin: 0 auto; overflow: hidden; } .bd .picList{ width: 5000px; } .slideTxtBox li{ width: 180px; margin-right: 16px; height: 280px; text-align: center; margin: 20px 16px 20px 0; overflow: hidden; line-height: 280px; } .slideTxtBox li p{ height:30px; line-height: 30px; } .slideTxtBox li .box{ width: 210px; height:159px; } .slideTxtBox .prev{ position: absolute; left:0; top:150px; cursor: pointer; } .slideTxtBox .next{ position: absolute; right: 0; top:150px; cursor: pointer; } .bline{ width: 690px; border-top: 1px solid #eaeaea; } .right_con{ min-height: 500px; } .right_con p{ font-size: 14px; } .pro_con{ width: 699px; } .pro_con img{ max-width: 100%; margin: 10px 0; } .pro_con p{ font-size: 14px; } .soci_con p{ font-size: 14px; }