@charset "utf-8"; /* css document */ body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td {margin:0; padding:0;} table {border-collapse:collapse; border-spacing:0;} table th , table td {padding:5px;} fieldset , img {border:0;} address , caption , cite , code , dfn , em , th , var,h1 , h2 , h3 , h4 , h5 , h6{font-style:normal; font-weight:normal;} ol , ul {list-style:none;} ception , th{text-align:left;} q:before , q:after{content:'';} abbr , acronym{border:0;} a {color:#666; text-decoration:none;} a:focus{outline:none;} a:hover {text-decoration:none; color:#b83652;} .clearfix { zoom: 1; _height: 1px } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /*common*/ .common-box{width:1200px; margin:0 auto;} .f14{font-size:14px;} .f12{font-size:12px;} .f16{font-size:16px;} .f18, h4{font-size:18px;} .font-bold{font-weight:bold} .fl{float:left;} .fr{ float:right;} .mb-1-5{margin-bottom:15px} .pl-3{padding-left:30px} .mt-0-5{margin-top:5px} .pr-2{padding-right:20px} .pt-4{padding-top:40px;} .pb-2{padding-bottom:20px;} /*header*/ .con_top{width:100%;height:35px; background:#1c1c1c;line-height:35px;} .con_top .welcome{color:#eee;} .con_top .f-r{width:500px; float:right; text-align:right;} .con_top .f-r a{color:#eee;height:35px;line-height:35px; display:inline-block;padding-left:40px;} .con_top .f-r a.chinese{background:url(/uploads/image/dtdimages/icon-chinese.png) 0 0 no-repeat;} .con_top .f-r a.english{background:url(/uploads/image/dtdimages/icon-english.png) 0 0 no-repeat;} .con_top .f-r a.tel{background:url(/uploads/image/dtdimages/icon-tel.png) 0 0 no-repeat;} .con_logobox{width:100%;height:150px; background:url(/uploads/image/dtdimages/top-bg.gif) 0 0 repeat;} .logo{width:450px;height:100px;} .arrow{display:block;width:20px;height:20px;background:url(/uploads/image/dtdimages/arrow.png) left top no-repeat} .arrow-sm-3{width:12px;height:6px;background-position:-120px -30px} .nav-main{clear:right;float:right;margin-top:50px} .nav-main ul{position:relative;display:block;float:left} .nav-main li{float:left;margin-left:58px;font-size:16px} .nav-main li a{font-family:"microsoft yahei";color:#fff} .nav-main .active a,.nav-main li a:hover{color:#b83652;border-color:#b83652} .nav-main .open a{color:#b83652} .nav-main .active .dropdown-menu a,.nav-main .open .dropdown-menu a{color:#666} .nav-main .active .dropdown-menu a:hover,.nav-main .open .dropdown-menu a:hover{color:#b83652} .nav-main .dropdown-menu{left:111px;top:21px;padding:28px 0 0;min-width:0;width:520px;margin:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-radius:0;border:none} .dropdown-blank{padding:40px 0 0 0;border-top:2px solid #8f293f;background-color:#fdf8f4;overflow:hidden;height:235px} .nav-main .dropdown-menu .arrow{position:absolute;left:50%;top:22px;z-index:1;margin-left:-6px} .w-auto{width:305px} .about-nav .dropdown-menu .arrow-sm-3{left:13.5%} .product-nav .dropdown-menu .arrow-sm-3{left:38.5%} .news-nav .dropdown-menu .arrow-sm-3{left:63.5%} .research-info-nav .dropdown-menu .arrow-sm-3{left:87%} .all-nav-list{padding-left:20px;padding-right:10px;overflow:hidden} .all-nav-list ul{width:100%} .all-nav-list li{float:none;margin:0;font-size:13px} .all-nav-list li a{line-height:30px} .border-control{border-right:1px solid #c0c0c0} .nav-table{margin-bottom:30px;width:100%} .nav-table td{vertical-align:top;width:33%;height:190px} .nav-table h4{color:#626469} .nav-main .dropdown-menu li a:hover{background-color:transparent} .nav-main .dropdown-menu li.active a{color:#b83652;color:#b83652;background-color:transparent} .nav-main .dropdown-menu li.active a .arrow-f{background-position:0 -150px} .control-list li a{display:block;width:100%} .arrow-f{display:inline-block;width:20px;height:30px;vertical-align:middle;background:url(/uploads/image/dtdimages/icon.png) no-repeat;background-position:0 -178px} .all-nav-list a:hover .arrow-f{background-position:0 -150px} .about-nav .nav-bg1{background:url(/uploads/image/dtdimages/index-bg1.png) no-repeat center} .product-nav .nav-bg1{background:url(/uploads/image/dtdimages/index-bg2.png) no-repeat center} .news-nav .nav-bg1{background:url(/uploads/image/dtdimages/index-bg3.png) no-repeat center} .research-info-nav .nav-bg1{background:url(/uploads/image/dtdimages/index-bg4.png) no-repeat center} .control-list{display:none} .dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:120px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #d1d1d1;border-radius:4px;-webkit-box-shadow:0 6px 10px rgba(0,0,0,.1);box-shadow:0 6px 10px rgba(0,0,0,.1)} .dropdown.open .dropdown-menu{display:block} .dropdown-menu li a{display:block;clear:both;font-weight:400;color:#333;white-space:nowrap} .dropdown-menu li a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5} .text-justify{ line-height:26px;} /* flexslider */ .flexslider{position:relative;height:620px;overflow:hidden;background:url(/uploads/image/dtdimages/loading.gif) 50% no-repeat;} .slides{position:relative;z-index:1;} .slides li{height:620px;} .flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;} .flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;} .flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(/uploads/image/dtdimages/dot.png) right 0 no-repeat;cursor:pointer;} .flex-control-nav .flex-active{background-position:0 0;} .flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;} .flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;} .flex-direction-nav li a.flex-prev{left:40px;background:url(/uploads/image/dtdimages/prev.png) center center no-repeat;} .flex-direction-nav li a.flex-next{right:40px;background:url(/uploads/image/dtdimages/next.png) center center no-repeat;} /*about*/ #about{width:100%;height:490px; background:#fff url(/uploads/image/dtdimages/about-bg.jpg) 0 0 no-repeat;} .about-l{width:290px; padding-top:40px;} .about-c{width:560px; padding:40px 20px;} .about-c p{line-height:200%;font-size:14px; text-indent:28px; margin-bottom:10px;} .about-r{width:300px;height:350px; padding-top:40px;} #product{width:100%;height:700px; background:url(/uploads/image/dtdimages/pro-bg.jpg) 50% 50% no-repeat;} .pro-box{width:600px;} .pro-box .title{height:165px; background:#8f293f url(/uploads/image/dtdimages/pro-t.png) 0 0 no-repeat;padding-left:227px;} .pro-box .title h2{font-size:36px;height:60px;line-height:60px;color:#fff;} .pro-box .title h2 a{font-size:36px;height:60px;line-height:60px;color:#fff;} .pro-box .title h2 a:hover{font-size:36px;height:60px;line-height:60px; color:#c78da7;} .pro-box .title p{color:#fff;} .pro-box .p1{width:600px;height:420px;} .pro-box .p2{width:300px;height:300px;} .pro-box .p3{width:300px;height:300px;} .pro-box .p4{width:600px;height:285px;} .pro-box .p-box,.pro-box .p-box2{background:#000} .pro-box .txt{ display:none; text-align:center;width:100%;height:100%;} .pro-box .txt h3{font-size:28px;color:#fff; margin-top:100px;} .pro-box .txt span{width:100px;border-bottom:1px #666 solid;height:20px; display:block; margin:0 auto;} .pro-box .txt p{color:#666;width:260px; text-align:center;margin:0 auto; margin-top:10px;} .pro-box a{display:block} #news{width:100%;height:775px; background:url(/uploads/image/dtdimages/news-bg.jpg) 50% 50% no-repeat;} .news-pic-box{text-align:center; position:relative;} .n1{width:300px;height:300px;} .n2{width:300px;height:300px;} .n3{width:600px;height:300px;background:#8f293f url(/uploads/image/dtdimages/n3.png) right 0 no-repeat;} .news-pic-box .txt{ display:none; text-align:center;width:300px;height:300px; background:url(/uploads/image/dtdimages/p-box.png) 0 0 repeat; position:absolute;top:0;left:0; z-index:999} .news-pic-box .txt h3{font-size:16px;color:#fff; margin-top:100px;} .news-pic-box .txt p{color:#fff;text-align:center;margin:0 auto; margin-top:10px;} .n3 h2{font-size:36px;height:60px;line-height:60px;color:#fff;padding-left:20px;padding-top:100px;} .n3 h2 a{color:#fff;} .n3 h2 a:hover{color:#c78da7;} .n3 p{color:#fff;padding-left:20px;} .news-box{height:370px; background:#fff;width:100%;} .news-box .n-l{width:700px;height:300px; margin-left:40px; margin-top:30px;} .news-box .n-r{width:400px;height:300px;border-left:1px #eee solid; margin-left:20px;} .news-box .n-l img{width:280px; float:left;height:260px;} .news-box .n-l .n-txt{width:400px; float:left; margin-left:20px;} .news-box .n-l .n-txt h2{font-size:18px;font-weight:bold;} .news-box .n-l .n-txt .date{padding-left:20px;height:20px;line-height:20px;font-size:14px; background:url(/uploads/image/dtdimages/time.png) 0 0 no-repeat; margin:10px 0;color:#666;} .news-box .n-l .n-txt p{font-size:14px;color:#666; margin-bottom:20px;} .news-box .n-l .n-txt .more{ background:#8f293f;color:#fff;padding:2px 10px; border-radius:5px;font-size:12px;} .news-box .n-r ul{padding-top:30px;padding-left:20px;} .news-box .n-r ul li{height:60px;border-bottom:1px #eee solid;padding-top:10px;} .news-box .n-r ul li a{font-size:14px;color:#333;} .news-box .n-r ul li a:hover{font-size:14px;color:#8f293f;} .news-box .n-r ul li .date{padding-left:20px;height:20px;line-height:20px;font-size:12px; background-image:url(/uploads/image/dtdimages/time.png); background-repeat:no-repeat; background-position:0 5px; background-size:12px 12px; margin:5px 0;color:#666;} .bot-contact{width:100%; background:#2a2a2a;height:116px; z-index:10000; position:fixed; bottom:0;} .bot-contact ul{padding-top:30px;} .bot-contact li{width:300px; float:left;height:50px;padding-left:60px;color:#dddddd;line-height:25px;font-size:14px; border-right:1px #4a4747 solid; margin-left:30px;} .bot-contact li.tel{background:url(/uploads/image/dtdimages/b-tel.png) 0 0 no-repeat;} .bot-contact li.email{background:url(/uploads/image/dtdimages/b-email.png) 0 0 no-repeat;} .bot-contact li.address{background:url(/uploads/image/dtdimages/b-add.png) 0 0 no-repeat;} .bot-contact li.nr{border-right:none;} #footer{height:330px; background:url(/uploads/image/dtdimages/bot-bg.jpg) top center no-repeat;width:100%;} #footer .f-l{width:400px; float:left;} #footer .f-c{width:450px; float:left;} #footer .f-r{width:300px; float:right;} #footer .f-l p{font-size:12px;color:#666;} .b-list{width:100px; float:left; margin:20px 20px;} .b-list h6{font-size:18px;color:#eee;} .b-list ul{padding-top:10px;} .b-list ul li{height:30px;line-height:30px;} .b-list ul li a{color:#eee;font-size:14px;} .b-list ul li a:hover{color:#8f293f;font-size:14px;} #footer .f-r .ewm{width:120px; float:left; margin-left:20px; text-align:center;} #footer .f-r .ewm img{width:120px;height:120px;} #footer .f-r .ewm p{color:#eee;height:30px;line-height:30px;} .fangda:hover img{ cursor:pointer; transform: scale(1.1, 1.1); transition: transform 0.6s ease 0s; } .touming img:hover{ cursor:pointer; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; } .container { width: 1200px; margin: 0 auto; } .ny_weizhi { background: #fff; padding: 10px; margin-top: 20px; margin-bottom: 30px; } .n_content{ padding:40px; line-height:40px;} .bg5 { background-image: url(/uploads/image/dtdimages/ind-bg4.jpg); background-repeat: no-repeat; background-position: center top; font-family: "微软雅黑"; font-size: 25px; font-style: normal; line-height: 30px; color: #000; font-weight: bold; line-height: 70px; } .menu ul li{ line-height:30px; border-bottom:1px dotted #999999;} .menu .level1 a{color:#000; line-height:50px; height:50px;font-size:15px; font-weight:bold; text-align:center; display:block; border-bottom:1px solid #e6e6e6; } .menu .active a{color:#fff; font-size:15px; line-height:50px; height:50px; text-align:center; display:block; background:#8f293f; font-weight:bold; border-bottom:1px solid #e6e6e6; margin-bottom:5px; } .level2 a{ text-align:center; font-size:14px; color:#999; display:block; overflow:hidden; line-height:40px; font-weight:bold} .font12wh{ font-size:12px; color:#999; line-height:30px;} .pro_main { border-top: none; border-bottom: none; zoom: 1; overflow: hidden; line-height: 24px; } .nne{margin-bottom:47px;} .blog-post { float: left; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #e1e1e1; line-height:24px;clear: both; width:800px; } .blog-post dt{ width: 170px; float: left; padding-right:15px; } .blog-post dd{ color:#6c6c6c; font-size:14px; } .permalink{ text-align: center; margin: 10px 0;} .permalink a { color: #656d78; font-family: "微软雅黑"; font-weight: 700; font-size: 16px; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } .permalink h4{ font-size:18px; } .permalink a:hover { text-decoration: none ;color: #8f293f;} .blog-post.layout-2 ul.post-meta { width: auto; display: block;text-align: center; } ul.post-meta { overflow: hidden; float: left; width: 100%;text-align: center; } ul.post-meta li:first-child { margin-left: 0px; } ul.post-meta li { padding: 5px 0; margin: 5px 0px 5px 5px; display: inline-block; color: #a5a5a5; } ul.post-meta li i { margin-right: 5px; color: #a5a5a5; } ul.post-meta li a { color: #a5a5a5; font-weight: 400; } ul.post-meta li a:hover { text-decoration: none ;color: #2d95d2;} .blog-post.layout-2 .post-intro { float: left; } .blog-post.layout-2 .post-intro p { margin-bottom: 10px; } .page{margin:10px;text-align:center} .page { width: 100%; } .page span, .page a,.page strong{ min-width: 16px; _width: 16px; border: 1px solid #ccc; display: inline; height: 24px; margin-right: 5px; padding: 4px 8px; line-height: 24px; text-align: center; } .page span,.page strong{ background: #8f293f; color:white } .page a{ color: #8f293f; } .txte{ height:30px; border:1px solid #ccc;} .txtareae{ border:1px solid #ccc;} .n_more a{ color:#8f293f; font-weight:bold;} .n_more a:hover{ color:#000; text-decoration:underline;} .izl-rmenu{position:fixed;left:50%;margin-left:650px;bottom:10px;padding-bottom:200px;background:url(/uploads/image/dtdimages/r_b.png) 0px bottom no-repeat;z-index:999;} .izl-rmenu .btn-box{ background:url(/uploads/image/dtdimages/box.png) 0px 0px no-repeat;background-color:#c51c1c;} .izl-rmenu .btn{width:72px;height:73px;margin-bottom:1px;cursor:pointer;position:relative;} .izl-rmenu .btn-qq{background:url(/uploads/image/dtdimages/r_qq.png) 0px 0px no-repeat;background-color:#6da9de;} .izl-rmenu .btn-qq:hover{background-color:#488bc7;} .izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(/uploads/image/dtdimages/r_qq.png) 0px 0px no-repeat;background-color:#6da9de;text-decoration:none;display:block;} .izl-rmenu .btn-wx{background:url(/uploads/image/dtdimages/r_wx.png) 0px 0px no-repeat;background-color:#78c340;} .izl-rmenu .btn-wx:hover{background-color:#58a81c;} .izl-rmenu .btn-wx .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;} .izl-rmenu .btn-phone{background:url(/uploads/image/dtdimages/r_phone.png) 0px 0px no-repeat;background-color:#fbb01f;} .izl-rmenu .btn-phone:hover{background-color:#ff811b;} .izl-rmenu .btn-phone .phone{background-color:#ff811b;position:absolute;width:160px;left:-160px;top:0px;line-height:73px;color:#fff;font-size:18px;text-align:center;display:none;} .izl-rmenu .btn-top{background:url(/uploads/image/dtdimages/r_top.png) 0px 0px no-repeat;background-color:#666666;display:none;} .izl-rmenu .btn-top:hover{background-color:#444;} .izl-rmenu .btn-qq .qqkf{background-color:#fff;position:absolute;width:140px;left:-141px;top:0px;color:#fff;font-size:14px;text-align:center;display:none;border: 1px solid #6da9de;padding: 20px 0;} .izl-rmenu .btn-qq .qqkf li{padding-left: 20px;} .izl-rmenu .btn-qq .qqkf a{line-height:20px;background:url(/uploads/image/dtdimages/qqkf.jpg) no-repeat left bottom;padding-left:20px;padding-top:10px; width: 80px;display:block}