/*共用*/ *{margin: 0px;padding: 0px;} body{font-size:12px; font-family:"Microsoft YaHei" !important;padding-top: 0px !important;} div{margin: 0px; padding: 0px; margin: 0px;} span,p{margin: 0px; padding: 0px;} h1,h2,h3,h4,h5,h6{margin: 0px; padding: 0px;} img{margin: 0px; padding: 0px;} dl,dt,dd,ol,ul,li{margin: 0px; padding: 0px; list-style: none;} img{border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;} from,input,select{margin: 0px; padding: 0px;} .clear{clear:both; font-size:0px; overflow:hidden; height:0px;} a{color: #333; text-decoration: none !important;} a:hover{color: #163a84; text-decoration: none;} input{outline: none;} /*产品中心*/ #chan{width: 100%;height: 873px;background: url(../../images/my/chanp-bg.png) no-repeat center;} #biao{width: 100%;margin: 0 auto;margin-top: 10px;margin-bottom: 5px;} #biao #ti{width: 172px;height: 120px;background: url(../../images/my/biaoti.png)no-repeat center;margin: 0 auto;text-align: center;font-size: 15px;color: #999;} #biao #ti p{font-size: 20px;color: #434343;padding-top: 22px;} #tablit {width:1200px; margin:0 auto; height:auto; margin-top:30px;} #tablit dl{width:1200px; height:47px;margin:0 auto;} #tablit dl dd{float:left; width:150px; margin-left: 5px; line-height:47px; text-align:center; display:block;} #tablit .on a{color:#fff; font-size:15px;width: 150px;height: 40px;background: #ea1a0c;display: block;line-height: 40px;} #tablit .out{color:#333;display: block;line-height: 40px;width: 150px;height: 40px;} #tablit .out a{color:#333; font-size:15px;} #tablit .chakan{width: 189px;height: 48px;line-height: 48px;background:#ea1a0c;text-align: center;margin: 0 auto ;margin-top: 25px;} #tablit .chakan a{color: #fff;font-size: 14px;} .tabcon{width:1200px; height:auto; clear:both; padding-top:30px; margin:0 auto;} .dis{display:none;} #showdiv0{display: block;} .tabcon{width:1200px;} .tabcon > table > tbody > tr > td { float: left; padding-left: 0 !important; width:290px; height:290px;margin-left: 12px; margin-bottom: 1%; position: relative;overflow: hidden;} .tabcon > table > tbody > tr > td:first-child{margin-left: 0px;} .tabcon > table > tbody > tr > td:nth-child(5){margin-left: 0px;} .tabcon .biao_1{ display: block; width: 100%; text-align: left !important;color: #434343;line-height: 30px;font-weight: bold;padding-left: 10px;} .tabcon .biao_2{line-height: 20px;display: block;text-align: left;font-size:12px;color: #666;padding-left: 10px;} .tabcon .biao_3{line-height: 20px;display: block;text-align: left;font-size:18px;color: #163a84;padding-left: 10px;line-height: 30px;} .tabcon > table > tbody > tr > td br{ display: none; } .tabcon > table > tbody > tr > td > .ceshigo{width:100%;background:rgba(234,26,12,0.8);height:100%;position:absolute;bottom:0;left:-100%;transition:0.3s all ease-in-out;} .tabcon > table > tbody > tr > td > .ceshigo a {display: block; color: #fff; padding-top:25%;font-size: 16px;} .tabcon > table > tbody > tr > td > .ceshigo p {height: 22px; line-height: 22px;border-radius: 10px;border: 1px solid #fff; transition:all 0.3s 0.3s;padding: 1px 15px;margin: 15px auto;display: block;font-size: 13px;color: #fff;font-weight: 100;width: 70px;text-align: center;position: relative;bottom: -200px;} .tabcon > table > tbody > tr > td:hover > span {bottom:-40px; } .tabcon > table > tbody > tr > td:hover > .ceshigo{left:0;} .tabcon > table > tbody > tr > td:hover > .ceshigo p{left:0; bottom:0;} .tabcon > table > tbody > tr > td > a > img{width:290px; height:197px;margin-bottom: 10px;} .tabcon > table > tbody > tr > td > p{color: #666;text-align: left;line-height: 25px;font-size: 14px;} /*改装视频*/ #gai{width: 100%;height: 758px;background: url(../../images/my/gaiz-bg.png)no-repeat center;} #gai #gaiz{width: 1200px;margin: 0 auto;} #gai #gaiz #biao{padding-top: 60px !important;margin-top: 0px;margin-bottom: 50px;} #gai #gaiz #biao #ti{color: #f1f1f1 !important;} #gai #gaiz #biao #ti p{color: #fff;} #gai #gaiz #shi{width: 1200px;height: 450px;margin: 0 auto;} #gai #gaiz #shi li{width:290px; height:208px;float: left;margin-left: 12px;text-align: center;line-height: 25px;color: #fff;} #gai #gaiz #shi li:first-child{margin-left: 0px;} #gai #gaiz #shi li:nth-child(5){margin-left: 0px;} /*#gai #gaiz .cha{width: 150px;height: 30px;line-height: 35px;text-align: center;border: 1px solid #fff;border-radius: 5px;margin: 0 auto;}*/ #gai #gaiz .cha a{color: #fff;width: 150px;height: 30px;line-height: 30px;text-align: center;border: 1px solid #fff;border-radius: 5px;margin: 0 auto;display: block;} .cha1 a{color: #000;width: 150px;height: 30px;line-height: 30px;text-align: center;border: 1px solid #000;border-radius: 5px;margin: 20px auto;display: block;} /*改装流程*/ #liu{width: 100%;height: 761px;background: url(../../images/my/liuc-bg.png)no-repeat center;} #liu #liuc{width: 1200px;margin: 0 auto;} #liu #biao{padding-top: 60px !important;margin-top: 0px;margin-bottom: 50px;} #liu #liucheng{width: 1200px;margin:0 auto;} #liu #liucheng .lct li{background: url(../../images/my/lct.png)no-repeat center;width: 209px;height: 171px;line-height: 270px; float: left;margin-left: 35px;} #liu #liucheng .lct li:first-child{margin-left: 0px;} /*研发产品*/ #yan{width: 100%;height: 754px;background: url(../../images/my/yanfa-bg.png)no-repeat center;} #yan #biao{padding-top: 60px !important;margin-top: 0px;margin-bottom: 50px;} #yan #yanfa{width: 1200px;margin: 0 auto;} #yan #yanfa .top{width: 555px;margin: 0 auto;height: 50px;} #yan #yanfa .top li{width: 110px;height: 40px;line-height: 40px;float: left;border:1px solid #333;border-radius: 30px;text-align: center;margin-left: 35px;} #yan #yanfa .top li:first-child{margin-left: 0px;} #yan #yanfa .top li:hover{background: #e60012;border:1px solid #e60012;} #yan #yanfa .top li a{width: 110px;height: 40px;line-height: 40px;float: left;text-align: center; display: block;} #yan #yanfa .top li a:hover{color: #fff;display: block;} /*产品展示*/ #kehu_l{border: 20px dashed transparent; margin-top: 160px; cursor: pointer; border-right-color: #ccc;float: left;margin-left: 0px;} #kehu_l:hover{border-right-color:#e60012;} #kehu_r{border: 20px dashed transparent; margin-top: 160px; cursor: pointer; border-left-color: #ccc;float: right;margin-right: 0px;} #kehu_r:hover{border-left-color: #e60012;} #kehu_d{margin:40px 20px; width:1050px; height:300px; overflow:hidden;float: left;margin-left: 40px;margin-bottom: 30px;} .prod_more a{ display:block; text-align:center; line-height:40px; width: 150px; height: 40px; margin:0 auto; color:#fff;background:#e60012;border-radius: 50px;font-size: 14px;} .prod_more a:hover{color:#fff;} /*自定义排版*/ .kh{width:240px; height:300px;float:left;margin: 0 10px;} .kh img{width: 240px; height: 257px;} .kh p{ text-align:center; line-height:35px;color: #333;font-size: 14px;} .kh p a:hover{color:#e60012;} /*公司简介*/ #gong{width: 100%;height: 545px;background: url(../../images/my/about.png)no-repeat center;} #gong #gongs{width: 1200px;margin: 0 auto;} #gong #gongs .left{padding-top: 150px;width:480px;float: left;} #gong #gongs .right{width: 630px;float: right;color: #fff;padding-top: 170px;margin-right: 20px;} #gong #gongs .right p{font-size: 30px;line-height: 60px;} #gong #gongs .right span{font-size: 14px;line-height: 25px;} #gong #gongs .right a{width: 90px;height: 30px;line-height: 30px;text-align: center;background: #e60012; color: #fff;display: block;float: right;margin-top: 80px;} /*公司优势*/ #you{width: 100%;height: 680px;} #you #youshi{width: 1200px;margin: 0 auto;height: 459px;background: url(../../images/my/youshi-bg.png)no-repeat center;} #you #youshi .left{width: 600px;float: left;font-size: 16px;color: #787878;line-height: 30px;} #you #youshi .left .list_1 p{width: 371px;height: 86px;background: url(../../images/my/list1.png)no-repeat center;line-height: 86px;font-size: 20px;color: #383838;margin-bottom: 20px;} #you #youshi .left .list_1 p span{padding-left: 103px;} #you #youshi .left .list_3 p{width: 371px;height: 86px;background: url(../../images/my/list3.png)no-repeat center;line-height: 86px;font-size: 20px;color: #383838;margin-bottom: 20px;margin-top: 45px;} #you #youshi .left .list_3 p span{padding-left: 103px;} #you #youshi .right{width: 600px;float: right;font-size: 16px;color: #787878;line-height: 30px;text-align: right !important;} #you #youshi .right .list_2 p{width: 371px;height: 86px;background: url(../../images/my/list2.png)no-repeat center;line-height: 86px;font-size: 20px;color: #383838;margin-bottom: 20px;float: right;text-align: right;} #you #youshi .right .list_2 p span{padding-right: 103px;float: right;} #you #youshi .right .list_4 p{width: 371px;height: 86px;background: url(../../images/my/list4.png)no-repeat center;line-height: 86px;font-size: 20px;color: #383838;margin-bottom: 20px;margin-top: 45px;float: right;} #you #youshi .right .list_4 p span{padding-right: 103px;} /*新闻中心*/ #xin{width: 100%;height:675px;background: #f8f8f8;} #xin #xinwen{width: 1200px;margin:0 auto;} #xin #biao{padding-top: 60px !important;margin-top: 0px;margin-bottom: 50px;} #xin #xinwen .left{width: 330px;float: left;} #xin #xinwen .left .news{height: 120px;border-bottom: 1px dashed #333;margin-bottom: 30px;color: #333;font-size: 14px;} #xin #xinwen .left .news a{font-size: 24px;color: #333;display: block;} #xin #xinwen .left .news a:hover{color: #163a84;} #xin #xinwen .left .news span{font-size: 14px;color: #999;line-height: 40px;} #xin #xinwen .left li{line-height: 30px;font-size: 14px;} #xin #xinwen .left li a:hover{color: #163a84;} #xin #xinwen .more{width: 100px;height: 40px;line-height: 40px;text-align: center;background: #163a84;margin-top:20px;} #xin #xinwen .more a{color: #fff;font-size: 14px;} #xin #xinwen .more a:hover{color: #fff;} /*版权*/ #ban{width:100%;height: 486px;background: url(../../images/my/ban-bg.png);} #ban #banquan{width: 1200px;margin: 0 auto;} #ban #link .left{float: left;font-size: 16px;color: #fff;line-height: 50px;} #ban #link .right{float: right;color: #fff;font-size: 22px;line-height: 55px;} #ban #link .right img{float: left;} #ban #dbnav{border-bottom: 1px solid #ccc;margin-bottom: 45px;padding-bottom: 45px;height: 230px;} #ban #dbnav .left{width: 320px;float: left;color: #ccc;margin-top: 50px;color: #ccc;} #ban #dbnav .left p{font-size: 16px;border-bottom: 1px solid #ccc;margin-bottom: 20px;padding-bottom: 20px;} #ban #dbnav .left li{width: 160px;float: left;font-size: 14px;line-height: 30px;} #ban #dbnav .right{width: 350px;float: left;color: #fff;margin-top: 50px;margin-left: 150px;color: #ccc;} #ban #dbnav .right p{font-size: 16px;border-bottom: 1px solid #ccc;margin-bottom: 20px;padding-bottom: 20px;} #ban #dbnav .right li{width: 350px;float: left;font-size: 14px;line-height: 30px;} #ban #dbnav .right li img{padding-right: 10px;margin-top: 5px;} #ban #dbnav .erwei{width: 135px;height: 160px;float: right;margin-top: 70px;color: #ccc;line-height: 25px;text-align: center;font-size: 14px;} #ban #liuyan{color: #ccc;} #ban #liuyan .tijiao a{width: 70px;height: 25px;line-height: 25px;background: #163a84;color: #fff;text-align: center;display: block;float: left;margin-left: 20px;margin-top: -10px;} #ban #liuyan span{font-size: 25px;color: #cd3636;} #ban #liuyan .di .left{float: left;} #ban #liuyan .di .right{float: right;} #ban #liuyan .di a{color: #ccc;} /*新闻列表页分割线*/ .xiaonav{width: 1200px;margin: 0 auto;font-size: 14px;color: #666;line-height: 45px;border-bottom: 1px solid #999; } .xiaonav a:hover{color: #163a84;} #xinwenlist{width: 1200px;margin:0 auto;} #xinwenlist .left{float: left;width: 840px;} #xinwenlist .left .fenlei{width: 840px;height: 40px;line-height: 40px;background: #ececea;margin-top: 35px;margin-bottom: 35px;} #xinwenlist .left .fenlei a{width: 120px;display: block;float: left;text-align: center;font-size: 14px;} #xinwenlist .left .fenlei a:hover{background: #163a84;color: #fff;text-align: center;} .liebiao li{width: 840px;height: 200px;border-bottom:1px dashed #999; margin-bottom: 15px;padding-bottom:15px; } .liebiao li .ff{float: left;width: 200px;height:200px; } .liebiao li .rr{float: right;width: 580px;margin-right: 30px;font-size: 14px;color: #999;line-height: 25px;} .liebiao li .rr p a{font-size: 18px;color: #333;line-height: 35px;font-weight: bold;} .liebiao li .rr p a:hover{color: #163a84;} .liebiao li .rr span a{display: block;color: #163a84;line-height: 25px;} .liebiao li .rr .shuming{color: #999;font-size: 12px;line-height: 60px;} .liebiao .page{width: 460px;margin: 0 auto;font-size: 14px;margin-top: 40px;margin-bottom: 40px;} .liebiao .page a{padding: 10px;border: 1px solid #ccc;margin: 2px;} .liebiao .page a:hover{border: none;color: #163a84;} #xinwenlist .right{width: 330px;float: right;} #xinwenlist .right .zixun p{font-size: 24px;color: #333;margin-top: 37px;} #xinwenlist .right .leibie{width: 330px;height: 30px;line-height: 30px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin-top: 20px;margin-bottom: 20px;} #xinwenlist .right .leibie a{width: 165px;text-align: center;display: block;float: left;font-size: 14px;} #xinwenlist .right .zixun li{overflow:hidden;height: 45px;line-height: 45px;border-bottom: 1px dashed #999;width: 330px;} #xinwenlist .right .zixun li span{width: 15px;height: 15px;color: #fff;margin-right: 15px;padding: 5px;background: #163a84;} #xinwenlist .right .cuxiao .cu{border-bottom:1px solid #ccc; padding-bottom: 10px;margin-bottom: 20px; font-size: 24px;color: #333;line-height: 35px;margin-top: 20px;} #xinwenlist .right .cuxiao .cu a{color: #666;font-size: 14px;float: right;} #xinwenlist .right .cuxiao .cu a:hover{color: #163a84;} #xinwenlist .right .zixun .cu{border-bottom:1px solid #ccc; padding-bottom: 10px;margin-bottom: 20px; font-size: 24px;color: #333;line-height: 35px;margin-top: 20px;} #xinwenlist .right .zixun .cu a{color: #666;font-size: 14px;float: right;} #xinwenlist .right .zixun .cu a:hover{color: #163a84;} #xinwenlist .right .cuxiao li .lft{float: left;width: 88px;height: 62px;} #xinwenlist .right .cuxiao li{height: 90px;border-bottom: 1px dashed #999;width: 330px;margin-bottom: 13px;} .cuxiao li .rgh{float: right;width: 230px;font-size: 14px;color: #ccc;text-align: right;} .cuxiao li .rgh a{font-size: 14px;font-weight:bold;display: block;line-height: 35px;} .cuxiao li .rgh span{font-size: 12px;text-align: left;color: #999;} /*新闻详情页*/ #xinwenlist .newscon .zuoze span{font-size: 14px;color: #333;} #xinwenlist .newscon .zuoze{color: #ccc;font-size: 14px;text-align: center;line-height: 50px;} #xinwenlist .newscon .neirong{font-size: 14px;line-height: 25px;color:#333;} #xinwenlist .newscon .neirong img{display: block;margin: 0 auto;} #xinwenlist .newscon .tag a{display: block;float: left;padding-left: 15px;padding-right: 15px;background: #163a84;color: #fff;margin: 5px;border-radius: 5px;padding-top: 5px;padding-bottom: 5px;} #xinwenlist .newscon .tag{margin-top: 20px;} #xinwenlist .newscon .tuijian .left{float: left;width: 410px;} #xinwenlist .newscon .tuijian .left p{color: #163a84;font-size: 16px;text-align: left;line-height: 50px;margin-top: 20px;} #xinwenlist .newscon .tuijian .left li{line-height: 30px;font-size: 14px;color: #999;} #xinwenlist .newscon .fanye{font-size: 14px;color: #666;margin-top:30px;margin-bottom: 40px;} #xinwenlist .gzal li{width:300px;height: 50px;line-height: 50px;font-size: 16px;color: #666;padding-left: 30px;} #xinwenlist .gzal li:hover{background: #f9f9f9 !important;color: #fff !important;} #xinwenlist .gzal li a{color: #666;display: block;font-size: 13px;} #xinwenlist .gzal li a:hover{color: #fff;display: block;} #xinwenlist .gzal p{font-size: 22px;color: #333;line-height: 80px;border-bottom: 1px solid #ccc;padding-left: 50px; margin-bottom: 20px;} #xinwenlist .xwxiangq{margin-top: 30px;} /*公司简介页面*/ #aboutus{width: 100%;} #aboutus #gsjianjie{width: 1200px;margin: 0 auto;margin-top: 45px;} #aboutus #gsjianjie .gsjian{width: 1100px;margin: 0 auto;margin-top: 40px;} .gsjian .left{width:498px;float: left; } .gsjian .right{float: right;width: 520px;color: #333;font-size: 14px;line-height: 25px;margin-right: 50px;margin-left: 20px;} .gsjian .right p{font-size: 20px;color: #666;line-height: 50px;} #aboutus #gsjianjie .hdry{width: 1200px;margin: 0 auto;margin-top: 45px;} #aboutus #gsjianjie .hdry .huode{width:1200px;height: 479px;background: url(../../images/my/czlc.png)no-repeat center;margin-top: 40px;} #aboutus #gsjianjie .hdry .huode p{font-size: 16px;color: #666;line-height: 78px;} #aboutus #gsjianjie .hdry .huode .left{float: left;width: 580px;text-align: right;} #aboutus #gsjianjie .hdry .huode .right{float: right;width: 560px;} #aboutus #gsjianjie .qywh{width: 1200px;margin: 0 auto;margin-top: 50px;} #aboutus #gsjianjie .qywh .gsln{width: 1020px;margin: 0 auto;margin-top: 40px;} #aboutus #gsjianjie .qywh .gsln li{width: 320px;height: 320px;float: left;background: #edecf1;text-align: center;font-size: 14px;color: #666;line-height: 25px;margin-left: 20px;margin-bottom: 50px;} #aboutus #gsjianjie .qywh .gsln li p{font-size: 20px;color: #666;line-height: 60px;} /*联系我们页面*/ #lianxiwom{width: 100%;} #lianxiwom .lxfans{width: 1200px;margin: 0 auto;} #lianxiwom .lxfans p{font-size: 20px;font-weight: bold;color: #333;line-height: 60px;border-bottom: 1px solid #333;margin-top: 20px;} #lianxiwom .lxfans .left{float: left;} #lianxiwom .lxfans .left .tubiao{height: 36px;line-height: 36px;margin: 30px 0;color: #666;font-size: 14px;} #lianxiwom .lxfans .left .tubiao img{width: 36px;line-height: 36px;float: left;padding-right: 20px;} #lianxiwom .chengche .bus{height: 84px;line-height: 30px;margin: 30px 0;color: #666;font-size: 14px;color: #333;} #lianxiwom .chengche .bus img{width: 84px;float: left;padding-right: 20px;} #lianxiwom .lxfans .right{float: right;margin-top: 60px;} #lianxiwom .chengche{width: 1200px;margin: 0 auto;} #lianxiwom .chengche p{font-size: 20px;font-weight: bold;color: #333;line-height: 60px;border-bottom: 1px solid #333;margin-top: 20px;} #lianxiwom .qitalx{width: 1200px;margin: 0 auto;} #lianxiwom .qitalx p{font-size: 20px;font-weight: bold;color: #333;line-height: 60px;border-bottom: 1px solid #333;margin-top: 20px;} #lianxiwom .qitalx li{float:left;width: 33%;line-height: 36px;margin: 30px 0;font-size: 14px;} #lianxiwom .qitalx li img{width: 36px;height:36px;float: left;padding-right: 20px;} /*************************产品列表页面华丽分隔线*******************************/ #cp_dao{width: 100%;height: 57px;background: url(images/cp_dao.jpg)no-repeat center;} #cp_dao #cp_min{width: 1200px;margin: 0 auto;color: #fff;line-height: 57px;} #cp_dao #cp_min .chinese{width: 600px;text-align: center;float: left;font-size: 25px;} #cp_dao #cp_min .english{width: 600px;text-align: center;float: right;font-size: 50px;font-weight: bold;} #cp_left #cp_right{width: 1200px;margin: 0 auto;} #cp_left #cp_right .left{text-align:center;width: 220px;height: auto;background: #f9f9f9;float: left;margin-top: 55px;} #cp_left #cp_right .left .top{padding-top: 20px;} #cp_left #cp_right .left .top li{line-height: 45px;border-bottom: 1px dashed #333;width: 160px;margin: 0 auto;} #cp_left #cp_right .left .top li a{font-size: 14px;color: #333;} #cp_left #cp_right .left .top li a:hover{color: #333;} #cp_left #cp_right .left .top .kuai{width: 220px;height: 45px;line-height: 45px;background: #163a84;margin-top: 20px; font-size: 24px;font-weight:bold;color: #fff;} #cp_left #cp_right .left .xia li a{color: #333;font-size: 14px;line-height: 40px; border-bottom: 1px dashed #333;display: block; width: 80%; margin: 0 auto;} #cp_left #cp_right .left .xia li a:hover{color: #333;} #cp_left #cp_right .left .xia .ewm{width: 220px;height: 216px;background: url(images/ewm.jpg)no-repeat center;} #cp_left #cp_right .left .xia .ewm img{display: block;margin: 0 auto;margin-top: 40px;} #cp_left #cp_right .left .xia span{color:#333;display: block;float: left;} #cp_left #cp_right .left .xia li{height:40px;line-height: 40px;} #cp_left #cp_right .left .xia li a{width:150px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} #cp_left #cp_right .right{width: 930px;float: right;margin-top: 56px;} #cp_left #cp_right .right .xiaonav{background: url(images/chanp.png);height: 39px;width: 930px;float: right;color: #333;font-size: 14px;line-height: 39px;text-align: left;margin-bottom: 20px;} #cp_left #cp_right .right .xiaonav span{padding-left: 150px;} .right_bot li{width: 300px;height:230px;float: left;margin-top: 20px;margin-bottom: 20px;margin-right: 10px;} #cp_left #cp_right .right .xiaonav img{display: block;float: left;padding-left: 22px;padding-right: 22px;} #cp_left #cp_right .right .xiaonav a{font-size: 14px;color: #333;line-height: 35px;} #cp_left #cp_right .right .xiaonav a:hover{color: #ea1a0d;} #cp_left #cp_right .right_bot img{border: 1px solid #ccc;display: block;margin: 0 auto;} #cp_left #cp_right .right_bot page a{line-height: 40px;color: #333;font-size: 14px;text-align: center;} #cp_left #cp_right .right_bot .yemian{text-align: center;margin-top: 60px;} #cp_left #cp_right .right_bot .yemian a{padding: 5px;border: 1px solid #ccc;margin-right: 10px;color: #333;} #cp_left #cp_right .right_bot .yemian a:hover{color: #ea1a0d;} #liuyan input{background: none;border: none;border-bottom: 1px solid #ccc;text-align: center;color:#fff} /*banner*/ .flexslider {margin: 0px auto;position: relative;width: 100%;height: 500px;overflow: hidden;zoom: 1;} .flexslider .slides li {width: 100%;height: 100%;} .flex-direction-nav a {width: 70px;height: 70px;line-height: 99em;overflow: hidden;margin: -35px 0 0;display: block;background: url(images/ad_ctr.png) no-repeat;position: absolute;top: 50%;z-index: 10;cursor: pointer;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all .3s ease;border-radius: 35px;} .flex-direction-nav .flex-next {background-position: 0 -70px;right: 0;} .flex-direction-nav .flex-prev {left: 0;} .flexslider:hover .flex-next {opacity: 0.8;filter: alpha(opacity=25);} .flexslider:hover .flex-prev {opacity: 0.8;filter: alpha(opacity=25);} .flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover {opacity: 1;} .flex-control-nav {width: 100%;position: absolute;bottom: 10px;text-align: center;} .flex-control-nav li {margin: 0 2px;display: inline-block;zoom: 1;*display: inline;} .flex-control-paging li a {background: url(images/dot.png) no-repeat 0 -16px;display: block;height: 16px;overflow: hidden;text-indent: -99em;width: 16px;cursor: pointer;} .flex-control-paging li a.flex-active,.flex-control-paging li.active a {background-position: 0 0;} .flexslider .slides a img {width: 100%;height: 500px;display: block;} /*翻页*/ .Page{width:100%; text-align:center; padding:35px 0px;margin-top: 40px;} .Page a{display:inline-block;width:65px;background:#ffffff;height:48px; vertical-align:middle; line-height:48px !important; font-size:14px; border:1px solid #e5e5e5; margin-left:-5px;color: #333;} .Page a:hover{ background:#163a84; color:#FFF !important;} .Page a.cur{ background:#163a84; color:#FFF} .Page a.on{ background:#163a84; color:#FFF} .Page span{display:inline-block;width:65px;background:#163a84;height:48px; vertical-align:middle; line-height:48px !important; font-size:14px; border:1px solid #e5e5e5; margin-left:-5px;color: #fff;} .Page a.Prev{ border-radius:6px 0px 0px 6px;width:90px;} .Page a.Prev span{ background:url(../../images/my/2015/Icon25.gif) no-repeat 10px center; display:block;} .Page a.Prev:hover span{ background:url(../../images/my/2015/Icon025.gif) no-repeat 10px center;} .Page a.next{ border-radius:0px 6px 6px 0px;width:90px;} .Page a.next span{ background:url(../../images/my/2015/Icon26.gif) no-repeat 88% center; display:block;} .Page a.next:hover span{ background:url(../../images/my/2015/Icon026.gif) no-repeat 88% center;} .prodetail-sixwarp p.more{text-align: left !important;} .prodetail-list .prod-list-link{padding-left:0px !important;} .prodetail-list .prod-list-link a{color: #333 !important;} .prodetail-list .prod-list-link a:hover{color: #163a84 !important;} .hard-sketch .button{width: 120px !important;line-height: 24px !important;} *************************产品详情页面华丽分隔线*******************************/ /* 产品中心 */ .productList li{float:left;width:235px;margin-bottom:20px;margin-right:24px;border:1px solid #ddd;background:#eee;text-align:center;} .productList li a{display:block;width:235px;} .productList li img{width:225px;height:170px;padding:5px;background:#fff;} .productList li span{height:35px;line-height:35px;padding:0 5px; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;display:block;} .productList li:hover{border:1px solid #ff7f00;} .productList li a:hover{background:#ff7f00;color:#fff;} /* 左侧图片放大镜样式 */ .prodetail_box{ padding:20px 10px 40px 10px; width:710px; overflow: hidden; border-top:1px solid #ccc;} .rec-title{padding-left:20px;height:35px;line-height:35px;background:url(../../images/my/page_line.jpg) no-repeat 10px 10px #e8e8e8;font-size:14px;font-weight:bold;color:#333;} .product-show-pic{width:300px;height:auto;float: left;} .jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;} .zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:310px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;} .jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);} /* 图片小图样式 */ .spec-preview{width:300px;height:300px;border:1px solid #ccc;} .spec-scroll{margin-top:14px;width:300px;overflow:hidden;} .spec-scroll a.prev{text-align: left;float: left;color: #333;} .spec-scroll a.next{text-align: right;float: right;color: #333;} .spec-scroll .prev a:hover{color: #163a84;} .spec-scroll .next a:hover{color: #163a84;} .spec-scroll .items{position:relative;width:336px;height:65px;margin:0 auto;overflow:hidden;} .spec-scroll .items ul{position:absolute;width:999999px;height:65px;} .spec-scroll .items ul li{width:85px;height:65px;float:left;} .spec-scroll .items ul li img{width:73px;height:63px;cursor:pointer;border:1px solid #ccc;} .spec-scroll .items ul li img:hover,.spec-scroll .items ul .on img{border:1px solid #005ec7;} .llxifans{font-size: 24px;color: #163a84;} /* 产品右侧简介样式 */ .product-show-title{width:550px;height:420px;overflow:hidden; float:right;text-align: left;} .product-show-title h2{line-height:24px;border-bottom:1px dashed #ccc;font-size:25px;color:#333;padding:10px 0;font-family:"微软雅黑";} .gr-description{width: 250px;float: left;} .gr-description li{font-size: 12px;color: #666;line-height: 40px;height: 40px;border-bottom: 1px dashed #dedede;} .prodcut-tel{margin-bottom:20px; line-height:22px; background:url(images/dh.png) no-repeat left center; width: 215px;float: right;padding-left: 45px;margin-top: 20px;} .product-order{width: 260px;float: right;} .prodcut-tel span{font-family:arial; font-size:24px; color:#163a84;display: block; } .product-order a{ display:block; width:120px; height:40px; background:#163a84; line-height:40px; text-align:center;font-size:18px; color:#fff; border-radius: 5px;} .product-order a:hover{ background:#555;transition: all 0.5s; } /* 产品说明标签切换样式 */ .gr-tab-list{overflow:hidden; margin-top:30px; margin-bottom:20px;line-height: 25px;font-size: 14px;color: #666;} .gr-tab-list .hd{height:35px;line-height:35px;border-bottom:1px solid #dadada} .gr-tab-list .hd li{width:100px;float:left;text-align:center;background:#dadada;margin-right:5px;cursor:pointer;} .gr-tab-list .hd li.on{background:#da251e;color:#fff;} .gr-tab-list .bd{overflow:hidden;padding-top:15px;text-align: left;} .gr-tab-list .bd p{display:block !important;} .tab_down p{ height:35px;line-height:35px;border-bottom:1px dotted #ddd;background:url(../../images/my/ly_li.png) no-repeat left center;padding-left:15px;} .tab_down p a{float:right;background:url(../../images/my/downicon.png) no-repeat right center;padding-right:25px;} .tab_down p a:hover{background:url(../../images/my/downiconh.png) no-repeat right center;} /* 采购表单样式 */ .recTitle{padding-left:20px;height:35px;line-height:35px;background:url(../../images/my/page_line.jpg) no-repeat 10px 12px #e8e8e8;font-size:14px;font-weight:bold;color:#333;margin-top:15px;text-align: left;} .order{width:615px;border:none;background:none;font-size:14px;font-weight:bold;color:#333;} .orderTable{padding:20px;margin-top:2px;background:#efefef;overflow:hidden;} .tableRow{width:236px;height:24px;float:left;} .tableRow span{display:inline-block;float:left;width:65px;height:24px;line-height:24px;text-align:center;} .rowInput{float:left;padding:3px 5px;width:159px;height:16px;line-height:16px;border:1px solid #d0d0d0;background:#fff;color:#999;} .tableRowA{margin-top:15px;margin-bottom:15px;height:80px;} .tableRowA span{display:inline-block;float:left;width:65px;height:80px;line-height:22px;text-align:center;} .rowTextarea{float:left;padding:3px 5px;width:633px;height:72px;line-height:20px;border:1px solid #d0d0d0;background:#fff;color:#999;} .grCode{width:500px;} .pt15{margin-top:15px;} .checkcode{margin-left:10px;float:left;width:63px;height:22px;border:1px solid #d0d0d0;} .rowInput:focus,.rowTextarea:focus{border:1px solid #333;} .subtA{margin-left:65px;width:65px;height:24px;line-height:24px;text-align:center;border:none;background:#666;cursor:pointer;float:left;color:#fff;border-radius:2px;} .subtA:hover{background:#888} .subtB{margin-left:10px;width:65px;height:24px;line-height:24px;text-align:center;border:none;background:#999;cursor:pointer;float:left;color:#fff;border-radius:2px;} .subtB:hover{background:#666} /* 相关产品样式 */ .related-product {overflow:hidden;} .related-product .title{background:#dedede;height:35px;line-height:35px;text-align: left;margin-top: 25px;} .related-product .title span{display:inline-block;color:#fff;background:#163a84;width:120px;height:35px;text-align:center;font-size:14px;} .related-product ul{ width:930px; margin-top:20px;} .related-product li{float:left;width:235px;margin-bottom:20px;margin-right:24px;border:1px solid #ddd;background:#eee;text-align:center;} .related-product li a{display:block;width:235px;} .related-product li img{width:200px;height:255px;padding:5px;background:#fff;} .related-product li span{height:35px;line-height:35px;padding:0 5px; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;display:block;} .sts li{border-bottom: 1px dashed #999;line-height: 40px !important;height:40px !important;} @charset "utf-8"; /* CSS Document */ /*common*/ .mb10 { margin-bottom:10px;} .ml10 { margin-left:10px;} .bg { background:#FFF;} /**/ .banner{ height:570px; } .banner a{ display:block;} .fullSlide { clear:both; width:100%; position:relative; height:570px; } .fullSlide .bd { margin:0 auto; position:relative; z-index:0; overflow:hidden; } .fullSlide .bd ul { width:100% !important; } .fullSlide .bd li { width:100% !important; height:570px; overflow:hidden; text-align:center; background-position:center top; background-repeat:no-repeat; } .fullSlide .bd li a { display:block; height:570px; } .fullSlide .hd { width:100%; position:absolute; z-index:1; bottom:0px; left:0; height:30px; line-height:30px; } .fullSlide .hd ul { text-align:center; } .fullSlide .hd ul li { cursor:pointer; display:inline-block; *display:inline; zoom:1; width:100px; height:8px; margin:1px; overflow:hidden; background:#163a84; line-height:999px; } .fullSlide .hd ul .on { background:#DA2538; } .fullSlide .prev,.fullSlide .next { display:block; position:absolute; z-index:1; top:50%; margin-top:-30px; left:5%; z-index:1; width:40px; height:60px; cursor:pointer; filter:alpha(opacity=50); opacity:0.5; display:none; width:73px; height:73px; } .fullSlide .prev { background:url(../../images/my/left1s.png) no-repeat; } .fullSlide .next { left:auto; right:5%; background:url(../../images/my/right1s.png) no-repeat; } /* 产品 */ .g_pro{padding-top: 60px;height: 758px; } .g_pro .m_left{float: left;width: 259px;} .g_pro .m_left h2{height: 70px; border-top: 1px solid #e5e5e5; padding-top: 20px; background: #163a84;text-align: center; font-size: 24px;font-weight: bold;} .g_pro .m_left h2 a{color: #fff;} .g_pro .m_left h2 em{display: block;font-size: 16px;color: #a7afc8;font-weight: normal;text-transform: uppercase;font-family: arial;padding-top: 6px;} .g_pro .m_left h3{height: 56px;line-height: 56px; font-weight: normal;} .g_pro .m_left h3 a{display: block;height: 56px;line-height: 56px; overflow: hidden; padding-left: 80px;font-size: 16px;color: #333333;background:url(../../images/my/flico.jpg) no-repeat 38px 20px; border: 1px solid #e3e3e3; border-bottom: none;} .g_pro .m_left h3 a:hover,.g_pro .m_left .cur a{background:#f5f5f5 url(../../images/my/flh.jpg) no-repeat;color: #da2538;font-weight: bold; border-bottom: none;} .flst{padding: 0 0 18px 74px; border: 1px solid #e3e3e3; border-bottom: none; border-top: none; background:#f5f5f5 url(../../images/my/flline.jpg) repeat-y left top; display:none;} .flst li{height: 28px;line-height: 28px; overflow: hidden;font-size: 14px; width:170px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .flst li a{font-size: 14px;color: #666666;} .fltel{background:url(../../images/my/flte.jpg) no-repeat; width:169px;height: 100px;padding: 50px 0 0 90px;} .fltel em{display: block;padding-left: 66px;font-size: 14px;color: #333333;} .fltel b{font-size: 24px;color: #163a84;font-weight: normal; padding-top: 6px;display: block;} .m_cp{float: left;width: 718px;margin-left: 30px} .m_cp h3{height: 34px;line-height: 34px; background:url(../../images/my/cptit.jpg) no-repeat 0 bottom;margin-bottom:24px; } .m_cp h3 a{font-size: 16px;color: #163a84;font-weight: bold;} .m_cp h3 em{color: #666666;font-weight: normal; font-size: 12px;text-transform: uppercase;} .m_cp h3 span{float: right;color: #666666;text-transform: uppercase; font-weight: normal;} .m_cp h3 span a{color: #666;font-weight: normal;font-size: 14px;} .g_pro .tjcp{background:url(../../images/my/tjcpbg.jpg) no-repeat;width:583px;height: 327px; padding: 23px 60px 0 75px;=} .g_pro .u_cplst{height: 327px; } .g_pro .u_cplst dt{float: left; width:300px; margin-right: 15px;} .g_pro .u_cplst dt img{width: 300px;height: 300px;display: block;} .g_pro .u_cplst dd{float: left; width: 260px; padding-top: 20px;} .g_pro .u_cplst dd h4{height: 50px;line-height: 50px; margin-bottom: 20px;border-bottom: 1px solid #c3c3c3;} .g_pro .u_cplst dd h4 a{color: #333333; font-size: 20px;font-weight: bold; display:block; width:260px; height:50px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .g_pro .u_cplst dd p span{font-size: 15px;color: #da2538;font-weight: normal; margin-bottom: 18px; display:block;} .g_pro .u_cplst dd p{color: #333333; font-size: 14px;line-height: 24px; height: 140px; margin-bottom:20px; overflow: hidden;} .g_pro .u_cplst dd .ddspan{display: block;margin-bottom: 0;} .g_pro .u_cplst dd .ddspan a{display: block;width: 104px;height: 28px;line-height: 28px;border: 1px solid #163a84;font-size: 14px;color: #163a84;text-align: center;} .g_pro .u_ljt,.g_pro .u_rjt{ width:22px; height:34px; position: absolute; cursor:pointer; display:block;} .g_pro .u_ljt{left:16px;top:160px;} .g_pro .u_rjt{right:16px;top:160px;} .g_pro .u_ljt a{ background: url(../../images/my/ljt.png) no-repeat; width:22px; height:34px; display:block;} .g_pro .u_rjt a{ background: url(../../images/my/rjt.png) no-repeat; width:22px; height:34px; display:block;} .g_pro .u_ljt a:hover,.g_pro .u_rjt a:hover{background-position: -22px 0;} .g_pro .u_lst1{height: 248px;border: 1px solid #e3e3e3;} .g_pro .u_lst1 li{ width: 186px;float: left; margin: 0 22px;} .g_pro .u_lst1 .lastli{margin-right: 0;} .g_pro .u_lst1 li img{ width: 186px; height: 203px;display: block; } .g_pro .u_lst1 li span{display: block;width: 166px; padding-right: 20px; height: 42px;line-height: 42px;overflow: hidden; margin: 0 auto;border-top: 1px solid #e3e3e3;background: url(../images/cpico.jpg) no-repeat right 11px; font-size: 14px;color: #666;} .g_fw{background: url(../../images/my/fwbg.jpg) no-repeat center top; height: 545px; padding-top: 50px;} .g_fw h2{background: url(../../images/my/xttit.png) no-repeat 0 60px;text-align: center;font-size: 30px; height: 100px;} .g_fw h2 a{color: #fff;font-weight: normal;} .g_fw h2 em{display: block;font-size: 16px;font-weight: normal;color: #fff;padding-top: 14px;} .fwlst{height: 64px;margin-left: 370px; color: #979daf;font-size: 16px; } .fwlst li{display: inline-block;float: left; font-size: 16px;color: #fff; padding: 0 30px 0 10px;background: url(../images/fwline.jpg) no-repeat right center;} .fwlst li a{color: #fff;} .fwlst .lasta{background: none;} .fwlst li a:hover,.fwlst .cur a{font-weight: bold;} .m_fwc{margin-left: 25px;} .m_fwc dl{float: left;width: 256px;height: 290px;background: #fff;border: 2px solid #0f296a;border-radius: 2px;margin-right: 85px; padding-top: 20px;} .m_fwc .lasdtdl{margin-right: 0;} .m_fwc dt{width: 256px;height: 200px; margin: 0 auto;text-align: center;font-size: 18px;} .m_fwc dt a{color: #333;font-weight: bold;display: block;width: 256px;height: 122px; margin: 0 auto;} .m_fwc dt a:hover{color: #da2538;} .m_fwc dt a em{display: block;padding-top: 155px;height: 35px;} .m_fwc dd{padding: 0 16px;font-size: 14px;color: #666666;line-height: 25px;text-align: center;} .fw1 a{background: url(../../images/my/fwico.jpg) no-repeat -24px 0;} .fw1 a:hover{background: url(../../images/my/fwicoh.jpg) no-repeat -24px 0;} .fw2 a{background: url(../../images/my/fwico.jpg) no-repeat -369px -4px;} .fw2 a:hover{background: url(../../images/my/fwicoh.jpg) no-repeat -369px -3px;} .fw3 a{background: url(../../images/my/fwico.jpg) no-repeat -715px 0;} .fw3 a:hover{background: url(../../images/my/fwicoh.jpg) no-repeat -715px 0;} .fw4 a{background: url(../../images/my/fwico2.jpg) no-repeat -24px -4px;} .fw4 a:hover{background: url(../../images/my/fwicoh2.jpg) no-repeat -24px -4px;} .fw5 a{background: url(../../images/my/fwico2.jpg) no-repeat -369px -4px;} .fw5 a:hover{background: url(../../images/my/fwicoh2.jpg) no-repeat -369px -3px;} .fw6 a{background: url(../../images/my/fwico2.jpg) no-repeat -715px -4px;} .fw6 a:hover{background: url(../../images/my/fwicoh2.jpg) no-repeat -715px -4px;} /**/ .ys{ background: url(../../images/my/ys_bj.jpg) no-repeat center 733px; height: 1667px; overflow: hidden;} .ys_con{ height: 1667px; overflow: hidden; position: relative;} .ys_con h2{ height: 135px; background: url(../../images/my/ys_h.gif) no-repeat center top; overflow: hidden; text-align: center; font: 16px/30px "思源黑体"; color: #666; padding-top: 132px;} .ys_con h2 p{ font: 24px/40px "思源黑体"; color: #000;} .one{ width: 530px; overflow: hidden; position: absolute; top: 285px; left: 0;} .one dt{ background: url(../../images/my/ys_db.gif) no-repeat left top; width: 60px; height: 85px; overflow: hidden; text-align: center; font: bold 36px/66px Arial; color: #fff; } .one dd{ margin-left: 20px; width: 430px;} .one dd p{ height: 56px; border-bottom: 1px dashed #a3a3a3; font: bold 26px/56px "思源黑体"; color: #333;} .one dd span{ margin-top: 14px; display: block; font: 16px/30px "思源黑体"; color: #666;} .one dd span b{ color: #d0231b;} .two{ top: 500px; left: 0;} .three{ top: 796px; left: 694px;} .three dd p{ color: #fff;} .three dd span{ color: #fff;} .four{ top: 970px; left: 694px;} .four dd p{ color: #fff;} .four dd span{ color: #fff;} .five{ top: 1270px; left: 0;} .six{ top: 1450px; left: 0;} .ys_t01{ width: 532px; height: 426px; position: absolute; top: 277px; right: 0;} .ys_t02{ width: 579px; height: 330px; position: absolute; bottom: 80px; right: 0;} .g_fa{background: url(../../images/my/fabg.jpg) no-repeat center top;height: 560px; padding-top: 60px;} .g_fa .m_fal{float: left;width: 225px;} .g_fa .m_fal h2{width: 225px;height:80px;padding-top: 27px;text-align: center;font-size: 24px;font-weight: bold; background: #163a84;} .g_fa .m_fal h2 a{color: #fff;} .g_fa .m_fal h2 em{display: block;font-size: 16px;color: #a7afc8;text-transform: uppercase; font-weight: normal;} .falst{height: 393px;background: #fff; padding: 0 20px;} .falst li{height: 54px;line-height: 54px;border-bottom: 1px solid #e3e3e3;font-size: 15px; width:185px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .falst .lastli{border-bottom: none;} .falst li a{color: #666666; display:block;width:185px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .falst li a:hover,.falst .cur a{color: #333;} .m_far{float: right;width: 752px; height:507px;} .m_far .fatj{height:330px;} .m_far .fatj dt{float: left;width: 439px;height: 310px;} .m_far .fatj dt img{display: block;width: 439px;height: 310px;} .m_far .fatj dd{float: left;width: 253px;background: #163a84;height: 265px; padding: 45px 30px 0;} .m_far .fatj h3{height: 28px;line-height: 28px;overflow: hidden; font-size: 16px;font-weight: bold;margin-bottom: 8px;} .m_far .fatj h3 a{color: #fff;} .m_far .fatj p{font-size: 14px;line-height: 25px;height: 150px;overflow: hidden;color: #fff;} .m_far .fatj span a{display: block;margin-top: 40px;width: 198px;height: 26px;line-height: 26px;text-align: center;font-size: 14px;color: #fff;border: 1px solid #f1b0b7;} .m_far .gundl { width:752px; height:330px; overflow:hidden;} .m_far .newsal,.m_far .tjlst{width:752px; height:510px; position:relative;} .tempWrap{margin-left:25px;} .tjlst li{position: relative; float: left;width: 241px;height: 170px; margin-right: 14px;} .tjlst li:first-chilrd{margin-left: 0px !important;} .tjlst .lastli{margin-right: 0;} .tjlst li img{display: block;width: 241px;height: 170px;} .tjlst li img:first-child{margin-left: 0px;} .tjlst li em{display: block;position: absolute; left:0;bottom: 0;width: 241px;height: 30px;line-height: 30px;background:url(../images/sha.png) repeat;text-align: center;font-size: 14px;color: #fff; overflow: hidden;}