@charset "utf-8"; /* document : css样式初始化 created on : 2016.7.23 author : description: css样式表的初始化,全局样式设置。部分样式属性请根据具体页面重置其属性 导入方式: */ /* reset */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0} /* 初始化标签在所有浏览器中的margin、padding值 */ fieldset,img {border:0 none} /* 重置fieldset(表单分组)、图片的边框为0*/ dl,ul,ol,menu,li {list-style:none} /* 重置类表前导符号为onne,menu在html5中有效 */ blockquote, q {quotes: none} /* 重置嵌套引用的引号类型 */ blockquote:before, blockquote:after,q:before, q:after {content:'';content:none} /* 重置嵌套引用*/ input,select,textarea,button {vertical-align:middle} /* 重置表单控件垂直居中*/ button {border:0 none;background-color:transparent;cursor:pointer} /* 重置表单button按钮效果 */ body {background:#fff} /* 重置body 页面背景为白色 */ body,th,td,input,select,textarea,button {font-size:12px;line-height:1 ;font-family:"微软雅黑", "黑体","宋体";color:#666} /* 重置页面文字属性 */ a {color:#666;text-decoration:none} /* 重置链接a标签 */ a:active, a:hover {text-decoration:none} /* 重置链接a标签的鼠标滑动效果 */ address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal} /* 重置样式标签的样式 */ caption {display:none;} /* 重置表格标题为隐藏 */ table {width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;} /* 重置table属性 */ img{vertical-align:top} /* 图片在当前行内的垂直位置 */ html { overflow-x: hidden; overflow-y: auto; } .container,.container-fluid{ padding: 0; } .row{ padding: 0; margin: 0; } .navbox{ background: #ce0201; } .nav li{ float: left; width: calc(100% / 8); text-align: center; line-height: 72px; } .nav a{ color: white; font-size: 14px; } .navp{ position: relative; } .logo{ position: absolute; left: 0; top: 0; z-index: 999; } .aboutbox{ margin-top: 70px; margin-bottom: 54px; } .aboutright{ background: url(/uploads/image/thdpimg/about02.png) no-repeat ; width: 734px; } .aboutright p{ color: #9b9b9b; font-size: 14px; line-height: 30px; padding-top: 58px; padding-bottom: 74px; padding-left: 78px; padding-right: 36px; text-indent: 2em; } .aboutp{ position: relative; } .aboutright{ position: absolute; left: 484px; top: 37px; } .productbox{ margin-bottom:40px; } .pro01{ background: url(/uploads/image/thdpimg/pro01.jpg)no-repeat; height: 220px; } .pro01:hover{ background: url(/uploads/image/thdpimg/pro011.jpg)no-repeat; } .pro01:hover .text01{ background: #711717; } .text01,.text03{ background: #444343; width: 304px; height: 220px; float: right; padding-top: 35px; padding-left: 10px; padding-right: 10px; } .text01 span,.text02 span,.text03 span{ display: block; text-align: center; color: white; font-size: 22px; } .text01 p,.text02,.text03{ text-indent: 2em; font-size: 14px; line-height: 30px; color: white; padding-top: 20px; } .pro02{ background: url(/uploads/image/thdpimg/pro02.jpg) no-repeat; height: 220px; } .pro02:hover{ background: url(/uploads/image/thdpimg/pro022.jpg) no-repeat; } .pro02:hover .text02{ background: #711717; } .text02{ background: #444343; width: 304px; height: 220px; padding-top: 35px; padding-left: 10px; padding-right: 10px; } .pro03{ background: url(/uploads/image/thdpimg/pro03.jpg) no-repeat; height: 220px; } .pro03:hover{ background: url(/uploads/image/thdpimg/pro033.jpg) no-repeat; } .pro03:hover .text03{ background: #711717; } .pro02,.pro03{ margin-top: 20px; } .probt span{ color: white; font-size: 20px; font-weight: bold; background: black; line-height: 52px; display: block; width: 100%; padding-left: 20px; } .probt li{ border-top: solid 1px #e3e3e3; line-height: 52px; text-align: center; background-image: -moz-linear-gradient( 90deg, rgb(247,247,247) 0%, rgb(255,255,255) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(247,247,247) 0%, rgb(255,255,255) 100%); background-image: -ms-linear-gradient( 90deg, rgb(247,247,247) 0%, rgb(255,255,255) 100%); } .probt a{ color: black; font-size: 16px; } .probt{ border: solid 1px #e3e3e3; } .ad{ margin-bottom: 32px; } .casebt{ margin-bottom: 40px; } .casebt img{ margin: 0 auto; } .pro_box li{ margin-top: 10px; } h3{ font-size: 16px; } .casebox{ margin-bottom: 38px; } .onorarybox{ background: url(/uploads/image/thdpimg/onorarybg.jpg) no-repeat; background-size: cover; padding-bottom: 62px; } .onorarybt img{ margin: 0 auto; } .g2 img{ padding: 0 5px; } .onorarybt{ margin-bottom: 63px; } .newbox{ margin-top: 60px; margin-bottom: 40px; } .newbt{ margin-bottom: 35px; } .newbt img{ margin: 0 auto; } .newc li{ background: #f2f2f2; border: solid 1px #a8a8a8; padding: 15px 10px; float: left; width: 49%; margin: 10px 6px; } .newc a{ color: black; font-size: 16px; line-height: 30px; } .newc span{ font-size: 14px; float: right; } .newc p{ color:#696969; font-size: 14px; line-height: 30px; } .link{ border-bottom: 1px solid #910000; } .link{ font-size: 14px; color: black; line-height: 30px; } .footerbox{ background: #910000; margin-top: 20px; } .contact span,.zxfw span{ font-size: 16px; color: white; font-weight: bold; } .contact li{ line-height: 30px; font-size: 14px; color: white; } .contact img{ padding-top: 10px; padding-right: 10px; } .ewm img{ margin: 0 auto; } .zxfw li{ line-height: 25px; } .zxfw a{ color: white; font-size: 14px; } .zxfw ul,.contact ul{ margin-top: 14px; } .zxfw{ padding-left: 80px; } .footlogo{ border-right: #7c0000 solid 1px; } .ewm{ border-right: solid 1px #7c0000; border-left: solid 1px #7c0000; } .youhua{ background: #7c0000; } .sjaboutbox{ margin-top: 20px; margin-bottom: 15px; } .sjaboutbt img,.sjprobt img,.sjcasebt img,.sjnewbt img{ display: block; margin: 0 auto; } .sjaboutc p{ font-size: 14px; color: black; line-height: 30px; text-indent: 2em; } .sjproc,.casec{ margin-top: 20px; } .sjproc span,.casec span{ display: block; text-align: center; font-size: 14px; color: black; line-height: 30px; } .sjprobox{ margin-bottom: 20px; } .sjnewbox { margin: 20px 0; } .sjnewc{ margin-top: 15px; } .sjnewc li{ line-height: 45px; padding: 0 10px; } .sjnewc a{ color: black; font-size: 14px; } .sjnewc span{ float: right; } .sjfooterbox{ background: #7c0000; padding-top: 20px; padding-bottom: 10px; } .sjfooterbox p{ color: white; font-size: 14px; line-height: 30px; } .product_show_box{ width:1100px; margin:0 auto; overflow:hidden; margin-top:20px;} .product_menu{ float:left; width:240px; background-color: #910000; border-radius:4px; height:632px;} .menu_title{ height:50px; background:url(/uploads/image/thdpimages/mebg.png) no-repeat center;} .menu_title span{ display:block;font-family:"微软雅黑"; font-size:16px; color:#fde0a5; text-align:center; line-height:50px; } .menu_list{ width:210px; margin:0 auto; margin-top:20px;} .menu_list li{ list-style:none; display:block; background:url(/uploads/image/thdpimages/libg.png) no-repeat center; margin-top:5px; height:40px; } .menu_list a{ display:block;font-family:"微软雅黑"; font-size:14px; color:#800000; text-align:center; line-height:30px; } .menu_list li:hover a{ position:relative; top:1px; left:1px; text-decoration:underline; } .product_show{ float:right; width:835px; height:622px;background-color:#fcebc7; border-radius:4px; padding-bottom:10px;} .show_title{ overflow:hidden;} .show_title span{ display:block; float:left;font-family:"微软雅黑"; font-size:16px; color:#fde0a5;border-radius:4px 4px 0 0; width:120px;line-height:40px; background-color:#910000; text-align:center;} .show_title a{ display:block; float:right;font-family:"微软雅黑"; font-size:12px; color:#910000; line-height:40px; margin-right:10px;} .show_in{ width:810px; margin:0 auto; overflow:hidden;} .show_in li{ list-style:none; display:block; float:left; margin-left:20px; margin-top:20px;} .show_in a{ display:block; border:1px solid #910000;padding:0 18px; background-color:#f4e5ce;} .show_in span{ display:block; background-color:#decca7; line-height:26px;font-family:"微软雅黑"; font-size:12px; color:#333; text-align:center; margin-top:2px;}