.company_profile .in_contents{ margin-top: 50px;} .company_profile .in_contents .hd{ margin-bottom: 50px;} .company_profile .cp_main{ height:300px; background: url('../images/company_intro_bg.jpg') no-repeat} .company_profile .cp_main h2{ font-size: 24px; color: #000; padding-bottom: 10px; padding-top: 30px;} .company_profile .cp_main .line{ width: 90px; border-top: 3px solid #eb0000; margin-bottom: 20px;} .company_profile .cp_main .desc{ color: #333; font-size: 14px;} .company_profile .cp_main .bot_nav{ margin-top: 30px; width: 100%;} .company_profile .cp_main .bot_nav ul li{ float: left; width: 88px; margin-right: 30px; } .company_profile .cp_main .bot_nav ul li .img{ width: 88px; height: 90px; overflow:hidden} .company_profile .cp_main .bot_nav ul li .p{ text-align:center; width: 100%; line-height: 30px; } .compnay_envir{ width: 100%;background: #0a6ad5} .compnay_envir .layui-col-md6 .envir_l_area img{ width: 100%;} .compnay_envir .envir_r_area{ position:relative; color: #FFF; height:12rem;} .compnay_envir .envir_l_area img{ width:100%; } .compnay_envir .envir_r_area .hd{position:absolute; top:25%; left:8%;} .compnay_envir .line{ width: 100%; height: 20px;} .compnay_envir .envir_r_area h2{ font-size: 24px; font-family:"Adobe Garamond Pro"; text-transform:Uppercase;padding-bottom: 10px; } .compnay_envir .envir_r_area h3{ font-size: 24px; line-height: 24px; padding-bottom: 10px;} .compnay_envir .contents{ width:340px;} .product{ width: 100%; height:768px;background: url('../images/product_bg1.jpg') no-repeat} .product .hd{ height: 150px;padding-top: 80px; margin-bottom: 60px;} .product .hd h2{ width: 100%;} .product .hd .desc{padding-top: 18px; width: 100%; height: 50px; color: #aeaeae} .product .prolist{ width: 100%; margin-top: 80px;} .product .prolist ul li{ float: left; width: 280px; height: 335px; margin-right: 35px; background: #FFF;-moz-box-shadow:0px 2px 10px #616161; -webkit-box-shadow:0px 2px 10px #616161; box-shadow:0px 2px 10px #616161;} .product .prolist ul li .img{ width: 280px; height: 241px; overflow: hidden} .product .prolist ul li .img img{ max-width: 280px; max-height: 241px; } .product .prolist ul li div.pro_sn{ margin-top: 10px; padding: 0px 15px 0px 15px;} .product .prolist ul li div.line{ width: 60px; height: 3px; margin-left: 15px; border-bottom: 2px solid #CCC} .product .prolist ul li div.title{ padding: 10px 15px 0px 15px; font-size:16px; color: #000 } .product .bottom{ width: 100%; margin-top: 30px;} .product .bottom .botcss{ background: #f03d3d; width: 192px; height:45px; line-height: 45px; } .pro_full_line{width: 100%; height:667px;background: url('../images/pro_line_bg1.jpg') no-repeat} .partner{ width: 100%;background: url('../images/partner_bg.jpg') no-repeat; height: 667px;} .partner .container .hd{ width: 100%; padding-top: 100px; padding-bottom: 30px;} .partner_list{ width: 100%} .partner_list ul li{ float: left; margin-right: 20px; margin-bottom: 20px;} .partner_list ul li img{ max-width: 222px;max-height: 113px;} .news{width: 100%;} .news .container{ width: 1200px;} .news .hd{ width: 100%; padding-top: 100px; padding-bottom: 60px;} .news .news_img{ position: relative; width: 576px; height: 369px; overflow: hidden} .news .news_img img{max-width: 576px;height: 369px;} .news .news_img .bottom{ width: 100%; background: url('../images/news_tit_bg1.png') repeat-x ;height: 78px; position: absolute;bottom: 0; left: 0; } .news .news_img .bottom .date{ float: left; width: 78px; height: 77px; background: #004ea2; color: #FFF} .news .news_img .bottom .date p{ line-height: 30px; padding: 0; margin: 0} .news .news_img .bottom .date .p1{ font-size: 24px;padding-top: 10px; } .news .news_img .bottom .date .p2{font-size: 16px; } .news .news_img .bottom .title{ float: left; width: 460px; margin: 15px; font-size: 14px; color: #FFF } .news .news_img .bottom .title h3{ font-size: 16px; } .r_news_area{ margin-left: 10px;} .r_news_area dl.news_list{ float:left; width: 100%; height: 90px; overflow: hidden; margin-bottom: 35px; color: #333;} .r_news_area dl.news_list dd.date{ float: left; width: 90px; height: 90px;color: #333333} .r_news_area dl.news_list .date p{ line-height: 30px; padding: 0; margin: 0} .r_news_area dl.news_list .date .p1{ font-size:50px;padding-top: 5px; font-weight: bold } .r_news_area dl.news_list .date .p2{padding-top: 5px;font-size: 18px; } .r_news_area dl.news_list dd.section{ margin-left: 10px; float: left; width: 485px; height: 90px; color: #333; } .r_news_area dl.news_list dd.section h3{ font-size: 18px; color: #000; margin-bottom:8px; } .r_news_area dl.news_list dd.section .contents{ font-size: 14px; color: #7a7a7a; } .r_news_area dl.news_list dd.section .contents p{ line-height: 22px; font-size: 14px; color: #7a7a7a; } /*side_index*/ .pro_linefull_hd{ margin-top:45px; text-align:center;} .linefullcn{ margin-top:15px; font-size:24px; line-height:24px; color:#333; margin-bottom:20px;} .sscxm{ width:1200px; margin:0 auto; overflow:hidden; position:relative;} .sscxul ul{ position:relative; overflow:hidden; } .sscxul ul li{ float:left; position:relative;height:535px;} .sscxwz{ position:absolute; bottom:65px; left:44px;color:#fff;} .sscxx{ margin-bottom:25px;} .ssclien{ font-family:Arial; font-size:40px; line-height:40px; margin-bottom:15px; } .ssclicn{ font-size:24px; color:#fff; line-height:24px;} .ssclien{ font-family:Arial; font-size:40px; line-height:40px; margin-bottom:15px; } .ssclicn{ font-size:24px; color:#fff; line-height:24px;} .sscxqq{ position:absolute; right:0px; bottom:24px;} .sscxqq span{ width:14px; height:14px; display:inline-block; margin-right:15px; background:url(../images/scxyy.png) no-repeat center;} .sscxqq .shbclcanxz{ background:url(../images/scxyyh.png) no-repeat center;} .category a{ padding:0px 25px;} .category a.item{ } .product .category a:hover{ background:#0a6ad5; color:#FFF } .product .category a.on{ background:#0a6ad5; color:#FFF } .video{ width:100%;background:url(../images/video_m2.jpg) no-repeat center; position:relative; height:784px;} .video .in_main{ position:absolute; top:12%; left:0; width:100%;} .video .in_main .hd{ padding-bottom:15px;} .video .pchome{background:url(../images/pchome_bg.png) no-repeat; width:870px; height:526px; margin:0px auto;} .video .pchome .video_url_wrap{ width:634px; height:396px; margin:0px auto; } .video .pchome .video_url{ padding-top:50px; }