HTML BODY { MARGIN:0px; PADDING:0px; TEXT-ALIGN:left; FONT-SIZE:13px; FONT-FAMILY:"Microsoft YaHei","Microsoft YaHei";color:#525353; } TD,div {font-family: "Microsoft YaHei","Microsoft YaHei";font-size: 13px; color: #333333; line-height:22px;} INPUT,TEXTAREA {BORDER-WIDTH:1px; BORDER-COLOR:cccccc;background:ffffff;font-family: "Microsoft YaHei","Microsoft YaHei";} INPUT{ outline:medium;} img{ border:0} *{ margin:0} a{ text-decoration:none; color:#333} ul{ padding:0; margin:0} li{ list-style:none;} .clear{clear:both; overflow:hidden; height:0px;} #animate1,#animate2,#animate3,#animate4,#animate4_1,#animate4_2,#animate5,#animate6,#animate6_1,#animate6_2,#animate7,#animate7-1,#animate8,#animate8_1,#animate8_2,#animate9,#animate9-1,#animate9-2,#animate10,#animate10-1,#animate11,#animate11-1,#animate_banner { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-animation-duration: 1s; -webkit-animation-delay: .2s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: 1s; -moz-animation-delay: .2s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: 1s; -ms-animation-delay: .2s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: 1s; animation-delay: .2s; animation-timing-function: ease; animation-fill-mode: both; } .menuon{display:block; background:url(../img/menu_bg.jpg) center bottom no-repeat;} .menuon h2{font-size:16px; color:#fff !important; font-weight:bold !important; line-height:25px;} .in_banner{ width:100%; margin:0 auto; min-width:1190px; max-width:1920px; height:380px;} /*面包屑导航*/ .r_mbx{width:1190px; margin:20px auto; height:32px; text-align:left; line-height:32px; font-size:13px; color:#fb9b10;} .r_mbx a{font-size:13px; color:#fb9b10;} .page_RightTitle{background:#f38e4a; font-size:20px; color:#fff; width: 280px;height: 52px;line-height: 52px;text-align: center;} .page_RightTitle2{background:#f38e4a; font-size:20px; color:#fff; width: 280px;height: 52px;line-height: 52px;text-align: center;} .in_RightTitle{width:882px;padding-left: 15px; height:50px; margin:auto; background:url(../img/in_titledot.jpg) center bottom no-repeat; font-size:26px; color:#5e5e5e; line-height:38px; } .page_Main{ width:1190px; margin:auto;} /*内页左侧*/ .page_inleft{width:275px; float:left;margin-bottom: 30px;} .in_leftbg{width:275px;} .in_tophead{width:218px;padding-left: 31px; height:50px; text-align:left; line-height:36px; font-size:26px; color:#ababab;margin-top: 18px;} .page_LeftClass{width:275px;} .parent{width:275px; text-align:left;background: url(../img/list.png) 200px center no-repeat #f38e4a;margin-bottom: 5px;} .parent h3{font-size:18px; color:#fff; padding:13px 8px 13px 32px; line-height:20px; font-weight:normal;} .parent:hover{} .parent:hover h3{font-size:18px;} .parent a:hover{ text-decoration:none;} .erji{background: #f2f2f2;padding:10px 8px 10px 50px;margin-bottom: 3px; } .erji a h3{line-height:20px;font-size: 16px;color: #333;font-weight: normal; } .erji:hover{background: #d0d0d0} .erjion{background: #d0d0d0;padding:10px 8px 10px 50px;margin-bottom: 3px;} .erjion a{line-height:20px;font-size: 16px;color: #333} .left_bottom{width:322px; height:9px; background:url(../img/in_leftbottom.jpg) no-repeat;} .left_contact{width:266px; margin:auto; padding:16px 0 20px 0;} .left_contact ul li{ font-size:14px; color:#4c4c4c; line-height:18px; margin-bottom:15px;} .left_contact ul li span{ font-size:14px; color:#4c4c4c; font-weight:bold;} /*内页右侧*/ .in_right{width:850px; float:right;} .page_RightMain{width:100%; margin:auto; margin-top:35px; padding-bottom:50px;} .in_pagepro{width:265px; float:left; overflow:hidden; position:relative; margin-bottom:35px;} .in_proimg{width:263px;height:168px;overflow:hidden;border: 1px solid #e6e6e6} .in_proimg img{width:263px; height:168px; display:block; transition:all .6s;} .in_pagepro:hover .in_proimg img{transition:all .6s; transform:scale(1.15);} .in_proname {width:100%; z-index:111; text-align:center;margin-top: 20px;margin-bottom: 15px;} .in_proname a{font-size:18px; color:#585858; line-height:26px; font-weight:normal;} .pro_more{width: 95px;height: 34px;background: #f6aa00;margin-top: 10px;margin-left: 398px;text-align: center;} .pro_more a{ font-size:14px; color:#ffffff; line-height:34px;} .in_prode{font-size: 15px;color: #808080;text-align: center;line-height: 28px;padding-bottom: 5px;border-bottom: 2px solid #e5e5e5} .in_pagepro:hover .in_proimg{border: 1px solid #0f83d8} .in_pagepro:hover .in_proname a{color: #0f83d8} /*通用样式*/ #product_detail { width:100%; margin-top:25px;} #product_detail .left { width: 400px;float:left;} #product_detail .big_pic { width: 400px; height:256px; text-align:center;} #product_detail .big_pic img {width:400px; height:256px; border:1px solid #f38e4a;} #product_detail .big_pic .bigimg{ width:600px; height:384px;} #product_detail .big_pic .view { display: block;text-indent: 20px; margin-left: 130px; width: 19px; height: 15px; display: inline-block; cursor: pointer; } #product_name{ font-size:20px !important; color:#333333 !important; font-weight:normal; line-height:25px;} .pro_info_box { width:405px; float:left; height:130px; text-align:left;} .pro_info_box h4{ display:inline-block;font-size:27px; color:#f57e1f; line-height:40px; font-weight:bold; padding-bottom:15px} .pro_info_box span{font-size:16px; color:#000000;} #product_detail .product_info {width:405px; float:right; overflow:hidden;} #product_detail .product_info li {line-height:22px; margin-bottom:10px; font-size:15px; color:#333333;} #product_detail .product_info li span{ font-size:15px; color:#333333;} /*焦点图*/ #product_detail ul.pic_list {width:100%; overflow: hidden; height:99px;padding-top: 10px;padding-bottom: 10px;background: #f0f0f0} #product_detail ul.pic_list li { width:163px; height: 99px; text-align:center;padding-right:11px;float:left;} #product_detail ul li { list-style: none; } .mod18{width:100%;height:113px; position:relative;} .mod18 .btn{position:absolute;width:16px;height:78px; cursor:pointer;z-index:99;} .mod18 .prev{top:40px;background:url(../img/l_btn.png) no-repeat;left:10px;} .mod18 .next{top:40px;background:url(../img/r_btn.png) no-repeat;right:10px;} .mod18 .listBox{width:337px;height:113px;margin:0 auto;position:relative;overflow:hidden;} .mod18 .listBox ul{height:113px;position:absolute;} .mod18 .listBox li{cursor:pointer;position:relative;} .mod18 .listBox li i{display:none;} .mod18 .listBox li img{width:153px;} .mod18 .listBox li img:hover{} .mod18 .listBox .on i{display:block;} .bt{ background: #808080; color: #ffffff; border: 0 !important; cursor: pointer; height: 32px !important; font-size:14px; text-transform:none !important; padding: 0 10px 0 10px !important; width:128px !important; margin: auto; } .in_case{width:375px; float:left; margin-bottom:22px;} .incase_pic{width:375px; height:250px; overflow:hidden;} .incase_pic img{width:375px; height:250px;} .incase_name{width:100%; text-align:center; padding:5px 0;} .incase_name a{font-size:14px; color:#000;} .detailtitle{width:1190px; margin:auto; background:url(../img/in_right.jpg) right center no-repeat; line-height:50px; font-size:22px; color:#333333; text-align:left; text-transform:uppercase; font-weight:bold;} .detailtitle2{width:100%; text-align:center; background:url(../img/in_titledot2.jpg) center bottom no-repeat; height:45px; line-height:40px; font-size:22px; color:#fefefe; font-weight:bold; text-transform:uppercase;} #pro_profile{ width:100%; padding-top:20px; overflow-x:auto;} #pro_profile table{width:100%;} #pro_profile table td{ padding-left:5px;} .btn ul li{ float:left !important;} .pro_title1{ width:100%; font-size:22px; color:#00366e; line-height:49px; border-bottom:5px solid #002c6f} .back{ width:100%; padding:15px 0; text-align:center} .back span{ padding:5px 15px; color:#fff; background:#0f83d8; font-size:14px;} .page_inquirybg{ width:100%; margin:0 auto; min-width:1002px; max-width:1920px; padding-bottom:37px; background:#f1f1f1; margin-bottom:30px; padding-top:28px;} .pro_title2{width:700px;padding-left:11px;text-align:left;line-height:42px; font-size:22px; color:#004d98; background:#efefef; font-weight:bold; text-transform:uppercase; float:left;} .proinquiry{width:100%; padding:10px 0 0 0} .news .body ul li{ line-height:30px; padding:10px 0; border-bottom:1px dashed #ccc; list-style:none} .news .body ul li a{ font-size:15px; color:#333333;} .news .body ul li span{ float:right; font-size:14px;} .right{ float:right} .news #news_detail .body{ width:100%; float:left;} .news #news_detail{ width:100%; float:left; padding:10px 0} .news #news_detail h1{ text-align:center; font-size:18px;} .prev_next{padding-bottom:20px; width:100%; float:left;} .prev_next ul li{ list-style:none} .news_view{ width:100%; float:left; padding:5px 0; border-bottom:1px dashed #ccc} .back input[type=button]{ background:#ff9c00; padding:3px 10px; border:0; color:#fff; cursor:pointer; font-size:16px; font-family:'Microsoft YaHei'} .news_body{ padding:10px 0} .main_page{text-align:center;width:100%; float:left; padding-top:15px; padding-bottom:15px;} .main_page a,.main_page .current{ margin:0 5px;} .main_page a{ background:#f5f5f5; padding:3px 8px; color:#717071 !important; border:1px solid #d6d7d2} .main_page .current{ padding:3px 8px; background:#000; color:#fff;border:1px solid #000} #sitemap ul li{ list-style:none; text-align:left; list-style:none} #sitemap ul li h2{ font-size:16px; padding-bottom:8px;color:#333333; text-transform:uppercase; font-weight:normal;} #sitemap ul li ul li{ float:inherit; padding-left:30px} #sitemap ul li ul li h3,#sitemap ul li ul li a{ font-size:14px;line-height:24px; color:#333333; font-weight:normal;} /*关联产品与新闻*/ .reation{ width:100%; float:left; padding-top:15px;} .reation h5{ font-size:24px; border-bottom:1px solid #ccc; line-height:38px; margin-bottom:10px;} /*评论*/ .inquiry{ width:100%; float:left;} .comment{ width:100%; float:left; padding:10px 0} .commentTitle{ width:100%; float:left; text-align:left;} .commentTitle h5{ font-size:22px; color:#333333; line-height:53px;text-align:left; font-weight:normal} .commentTitle h5 span{ float:right; line-height:53px; font-size:14px;} .commentTitle h5 span a{color:#333333;} .commentlist{ width:100%; float:left; padding-top:10px; text-align:left;} .commentlist ul{ width:100%; float:left;} .commentlist ul li{ float:left; list-style:none} .inquiryinfo{ width:100%; float:left; padding-bottom:10px;} .detail_title ul li { width: 100%; text-align: left; font-size: 18px; color: #333333; line-height: 34px; line-height: 51px; float: left; } .detail_title{border-top: 2px solid #ccc;clear: both;height:51px;margin-top: 30px;padding-top: 20px} .pro_detail{text-align: left;padding: 20px 0px;} #skypedetectionswf{display: none;} .asd2{width: 265px;float: left;} .asd2 .img2{width: 265px;overflow: hidden;position: relative;margin: auto;} .img2 .proimg{width:265px;height: 170px;} .img2 .proimg img{width:100%;} .in_proname_a2{width: 265px;margin-top: 12px;background: url(../img/indexprobg.png) 230px no-repeat;height: 50px;} .in_proname_a2 a{font-size: 17px;color: #495163; padding-left:5px; text-align: left;display:block; padding-top: 12px} .asd2:hover .img2 .proimg{} .asd2:hover{box-shadow: 0px 0px 3px 3px #f1f1f1;} .asd2:hover .pro_more{background: url(../img/moreon.png) no-repeat} .page_ClassList{width: 100%;box-shadow: 0px 0px 10px #ccc;margin-bottom:20px;} .classpic{width: 400px;height: 256px;float: left;} .mz{width: 440px;float: right;height: 256px;} .mz .in_list{margin-top:20px;font-size: 26px;} .mz .in_list a h3{font-size: 26px;} .in_con{font-size: 16px;margin-top:30px;line-height: 26px;} .page_ClassList:hover .mz .in_list a h3{color:#f38e4a;}