﻿
@font-face {
    font-family: 'unmnunmn';
    src: url('../images/unmnhost.eot');
    src: url('../images/unmnhost.eot?#iefix') format('embedded-opentype'),
         url('../images/unmnhost.woff2') format('woff2'),
         url('../images/unmnhost.woff') format('woff'),
         url('../images/unmnhost.ttf') format('truetype'),
         url('../images/unmnhost.svg#unmnunmn') format('svg');
    font-weight: normal;
    font-style: normal;
 }

b{ font-family:Arial, Helvetica, sans-serif}
#banner{ height:350px; }
.domain{ background:#fff; box-shadow:1px 2px 3px #dededf}
.tipDo{ text-align:center; padding:30px 0; font-size:24px; color:#202020}
.tipDo b{ color:#e8251e; padding:0 3px}
.domainReg{ width:1000px; margin:0 auto}
.www{ font-size:60px; float:left; height:60px; line-height:60px}
.domainform{ float:left; width:645px; position:relative}
.inputDo{height:30px; line-height:30px; padding:15px 0; text-indent:15px; width:80%;border:1px solid #ccc; box-shadow:1px 1px 3px #ddd inset; font-size:24px; font-weight:bold; background:#fafafa;-webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; transition:all .5s ease-in-out; border-right:none}
.inputDo:focus,.inputDo:active{ background:#fff;  border-color:#c0c0c0; box-shadow:none}
.inputDo::-webkit-input-placeholder{font-size:18px; font-weight:normal}
.inputDo::-moz-placeholder{font-size:18px; font-weight:normal}
.inputDo:-ms-input-placeholder{font-size:18px; font-weight:normal}
.Dodorp{width:110px; padding:0 20px; height:60px; line-height:60px; border:1px solid #ccc; position:relative; z-index:9; position:absolute; right:0; background:#fff}
.Dodorp a{ display:block; position:relative;}
.Dodorp a i{width:0; height:0; border-style:solid; border-width:6px 6px 0 7px;border-color:#202020 transparent; display:block; position:absolute; right:0; top:30px}
.Dodorp b{font-size:24px}

.Dodorp ul{ position:absolute; background:#FFFFD3; left:-1px; top:60px; border:1px solid #cbcbcb; width:150px; z-index:999; max-height:200px; overflow-y:scroll; display:none; height:120px}
.Dodorp ul li{ height:30px; line-height:30px; padding:0 25px}
.Dodorp ul li:Hover{ background:#6E5E57; color:#fff}

.butDo{ background:#e8251e; color:#fff; height:62px; line-height:62px; border-bottom:5px solid #c7161c; width:177px; border-right:1px solid #b7161c; font-size:24px; cursor:pointer}

.do_price{ font-size:16px; color:#000; height:30px; line-height:30px; overflow:hidden}
.do_price p{ width:auto; float:left}
.do_price span{ padding:0 5px}
.do_price strong{ color:#6E5E57; font-size:18px}


.do_adindex{ position:relative; padding-left:55px; width:275px; height:30px; overflow:hidden}
.do_adindex i{ display:block; background:url(../images/index_ico.png) no-repeat 0 -85px; width:40px; height:19px; position:absolute; left:0; top:8px}
.do_adindex li{ height:30px; line-height:30px; overflow:hidden}
.do_adindex .fr{ display:block; height:30px; line-height:30px}
.do_adindex .fr a{ color:#535677}

.rec_product{height:100%; }

.service{ background:#fff; box-shadow:1px -1px 3px #ddd}
.serviceTit{ padding:30px 0 0}
.serviceTit h1{height:60px; line-height:60px; font-size:38px; font-weight:normal; float:left}
.serviceDes{ height:60px; line-height:60px}
.serviceDes span{ font-size:24px; padding:0 20px; color:#606060}
.serviceDes span b{ font-size:48px; color:#e82521; font-weight:normal; padding:0 5px}

.serviceCon{}
.serviceCon dl{ width:380px; float:left; display:inline; margin-left:30px}
.serviceCon dl.s1{ margin-left:0}
.serviceCon dt h2,.serviceCon dt p{ height:30px; line-height:30px; font-size:24px; font-weight:normal; color:#202020}
.serviceCon dt p{ color:#606060; font-size:16px}
.serviceCon dd{border:1px solid #dededf; margin:20px 0 0; box-shadow:1px 1px 3px #ddd; position:relative;-webkit-transition:all .8s ease-in-out; -moz-transition:all .8s ease-in-out; -o-transition:all .8s ease-in-out; transition:all .8s ease-in-out;}
.serviceCon dd a{ display:block; padding:20px; border:1px solid #fff; height:60px;}
.serviceCon dd i{ display:block; background:url(../images/index_ico.png) no-repeat -200px 0; position:absolute; top:2px; right:20px; width:100px; height:98px}
.serviceCon dd h3,.serviceCon dd p{ height:30px; line-height:30px; font-size:20px; font-weight:normal; color:#202020}
.serviceCon dd p{ font-size:16px; color:#606060}
.serviceCon dd:hover,.serviceCon dd:hover a{ border-color:#e82521}

.serviceCon dd.p4 i{ background-position:-200px -100px}
.serviceCon dd.p2 i{ background-position:-50px 0; width:150px; right:1px}
.serviceCon dd.p3 i{ background-position:-50px -100px; width:150px; right:1px}
.serviceCon dd.p5 i{ background-position:-300px 0}
.serviceCon dd.p6 i{ background-position:-300px -100px}

.partner{}
.partner .tit{ font-size:38px}
.partner_left{ width:800px}
.partner_left a{ width:198px; border:1px solid #dededf; float:left; border-left:1px solid #fff}
.partner_left a.frist{ border-left:1px solid #dededf}
.partner_left a.no{ border-bottom:1px solid #fff}
.partner_left a img{ width:198px; height:120px}
.partner_left a:hover{ border-color:#e82521}
.partner_right{ background:#f2f2f2; width:400px; height:244px;position:relative}
.case { padding:0 30px; }
.case .arrow { float:right; margin:10px 0 0;}
.case .arrow a{ border:1px solid #ddd; background:#fff; display:block; height:30px; line-height:30px; width:30px; float: left; text-align:center; font-family:'宋体'; font-size:16px; font-weight: bold}
.case .arrow a.prev{ border-left: none}
.text-say{ line-height:26px; font-size:14px}
.text-say .text{ text-indent:40px; height:104px; overflow:hidden}
.text-say .text-author{ text-align:right; padding-right:40px}
.case i{ display:block; background:url(../images/casebg.png) no-repeat; width:28px; height:30px; position:absolute; top:60px; }
.case i.subT{left:30px}
.case i.subB{ background-position:-40px 0; right:30px; top:185px; }


/*选项卡1*/

#Tab{
width:790px;
padding:0px;
margin-bottom:10px;
height:340px;
float:left;
}
/*菜单class*/
.Menubox {
width:100%;
background:url(../images/jf_bg.jpg) no-repeat; height:78px;

}
.menubox_t { float:left; font-size:24px; font-weight:bold; line-height:78px; color:#fff; background:url(../images/fwq_t.png) no-repeat left center; padding-left:50px; margin-left:15px;}
.Menubox ul{
float:right;
margin-right:15px;
padding-top:10px;
margin-top:15px;
}
.Menubox li{
float:right;
display:block;
cursor:pointer;
width:120px;
background:#fff;
text-align:center;
font-size:16px;
color:#000000;
font-weight:bold;
padding: 10px 15px;

margin:0 10px;
}
.Menubox li.hover{
padding:0px;
background:#ff0000;
width:120px;
color:#fff;
font-weight:bold;
font-size:16px;
padding: 10px 15px;
}
.Contentbox{
clear:both;
margin-top:10px;
border-left:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
border-bottom:1px solid #e5e5e5;
border-top:none;
padding-top:8px;
padding-bottom:15px;
}
.jf_left { float:left; width:240px;}
.jf_right { float:right;  line-height:25px; width:530px; }
.news_list { float:right; width:380px;}
.news_list_t{ background:url(../images/news.jpg) no-repeat; height:78px; color:#fff; font-size:24px; font-weight:bold; text-align:center; line-height:78px; }
.news_list ul { margin-top:8px;}
.news_list li{ line-height:26px; border-bottom:1px dashed #ccc; overflow:hidden; text-align:right; margin-bottom:8px; padding:0 5px; width:370px;}
.news_list a{ float:left;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#2d2d2d; text-align:left;}
.news_list a:hover{ color:#f60;}
.news_list ul li span { float:right}
.jf_pic { margin-top:10px;}
.jf_pic ul li { float:left; margin:0 3px; }
.clear { clear:both;}



.warpper_sale {
	width: 100%;
	background: #f6f6f6;
	padding: 30px 0px
}
.sale {
	width: 1200px;
	margin: 0px auto;
	overflow: hidden;
	min-height: 430px
}
.sale li {
	float: left;
	width: 260px;
	height: auto;
	background: #fff;
	position: relative
}
.sale .salepic {
	width: 100%;
	height: 200px;
	text-align: center;
	padding-top: 35px
}
.sale .sp1, .sale .sp2, .sale .sp3 {
	margin-right: 46px
}
.sale .sp1 .salepic {
	background: #47aaec
}
.sale .sp2 .salepic {
	background: #73c047
}
.sale .sp3 .salepic {
	background: #f89a32
}
.sale .sp4 .salepic {
	background: #9393e2
}
.sale .salepic h3 {
	line-height: 70px;
	font-size: 24px;
	color: #fff;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
	font-weight: normal
}
.sale .saleinfo {
	width: 100%;
	padding : 25px 0;
	text-align: center
}
.sale .saleinfo h4 {
	font-size: 14px;
	color: #ababab;
	margin-bottom: 10px
}
.sale .saleinfo h3 {
	font-size: 16px;
	color: #636363;
	margin-bottom: 10px
}
.sale .saleinfo h3 span {
	font-size: 40px;
	color: #ff5a00
}
.sale .salebuy {
	display: block;
	position: absolute;
	width: 150px;
	height: 50px;
	left: 55px;
	bottom: -25px;
	text-align: center;
	line-height: 50px;
	font-size: 20px;
	color: #fff;
	border-radius: 3px
}
.sale .salebuy:hover {
	display: block;
	position: absolute;
	width: 150px;
	height: 50px;
	left: 55px;
	bottom: -25px;
	text-align: center;
	line-height: 50px;
	font-size: 20px;
	color: #fff;
	border-radius: 3px;
	background:#ff0000;
}
.sale .sp1 a {
	background: #47aaec
}
.sale .sp2 a {
	background: #73c047
}
.sale .sp3 a {
	background: #f89a32
}
.sale .sp4 a {
	background: #9393e2
}
.home-custom {background:#208a75 url("../images/home-custombg.jpg")/*tpa=http://www.pdidc.com.cn/img/home-custombg.jpg*/ no-repeat center top;height:231px;padding-top:180px;}

.seller-box {position:relative;zoom:1;width:1000px;overflow:hidden;height:200px;}
.seller-box:after {clear:both;display:block;height:0;font-size:0;content:".";visibility:hidden;}
.seller-list li {float:left;width:308px;height:147px;margin-right:26px;margin-left:5px;}
.seller-item {float:left;width:308px;height:147px;}
.seller-list ul {position:absolute;width:10000px;height:400px;}
.prev3 {display:inline-block;width:49px;height:49px;position:absolute;top:55px;left:-80px; cursor:pointer;background:url("../images/icon.png")/*tpa=http://www.pdidc.com.cn/img/icon.png*/ no-repeat 0px -32px;}
.next3 {display:inline-block;width:49px;height:49px;position:absolute;top:55px;right:-80px;cursor:pointer;background:url("../images/icon.png")/*tpa=http://www.pdidc.com.cn/img/icon.png*/ no-repeat -49px -32px;}
.w {width:1002px;margin:auto;zoom:1; position:relative;}



/*动态*/
.news_fw{ background-color:#f0f2f4; width:100%; height:auto; font-size:14px;}
.news_nr{width:1180px;height:325px;padding-top:25px; margin:0 auto;}
.dtlist{ float:left; width:780px; height:auto;}
.lm_dt{ float:left;width:400px; height:40px; }
.hy_th li{float:left; width:100px; font-size:17px; color:#666; line-height:40px;}
.h01{border-bottom:3px solid #6cc03e; width:100px; padding-bottom:2px; }
.n_list{ float:left;width:645px; height:auto; padding-top:15px;}
.n_list li {width:775px; height:75px; line-height:24px;color:#777;}
.time_a{ float:left; width:60px; height:60px; background:#88bfe0; text-align:center; font-size:24px;color:#fff; line-height:26px;}
.time_a span{ padding-top:3px;display:block;}
.time_b{ float:left; width:60px; height:60px; background:#8dca69; text-align:center; font-size:24px;color:#fff; line-height:26px;}
.time_b span{ padding-top:3px;display:block;}
.lbxw{ float:left; width:570px; padding-left:12px;line-height:26px;}
.lbxw h1{ font-size:14px; color:#333; font-weight:normal; padding-top:6px;}
.lbxw h1 a:hover{ color:#e53c01;}
.lbxw p{font-size:12px; color:#777;}
.wtlist{ float:left; width:245px; height:auto; padding-left:10px;}
.bt_wt{width:102px; height:40px; font-size:18px; font-weight:normal; line-height:40px; display:block;background:url("wt_xb.jpg")/*tpa=http://www.idcs.cn/images/wt_xb.jpg*/ no-repeat; background-position:77px 9px;}
.wt_lt{float:left;width:245px; height:auto; padding-top:10px;}
.wt_lt li a{line-height:34px;color:#777;}
.wt_lt li a:hover{color:#F00;}
.fw_cn{ float:left; width:330px; height:auto; padding-left:10px;}
.fw_bg{ background:url("../images/fw_cn.jpg")/*tpa=http://www.idcs.cn/images/fw_cn.jpg*/ no-repeat; width:318px; height:219px; margin-top:10px;}
.fw_lb{ float:left;width:318px;}
.fw_lb li{ float:left; width:158px; font-size:16px; color:#777; text-align:center;padding-top:70px; line-height:42px; }




.f18{font-size:18px;}
.txt-gray {color:#888;}
.txt-org {color:#f44f06;}
i.line {display:inline-block;width:8px;height:19px;background:url(../images/haodc.gif) -6px -12px no-repeat;position:relative;top:-3px;}
.server_zubox {}
.server_zubox .limg {width:319px;height:330px;float:left;background:url(../images/limg.gif) left top no-repeat;}
.server_zubox .limg .in {padding:172px 18px 0 18px;position:relative;}
.server_zubox .limg .in .txt {height:110px;position:relative;z-index:1;}
.server_zubox .limg .in span.bg{display:block;background:#fff;position:absolute; top:172px;left:18px;width:283px;height:110px;
filter:alpha(opacity=65);-moz-opacity:0.65; opacity:0.65;z-index:0;}
.server_zubox .limg .in .txt h1 {text-align:center;padding-top:7px;height:38px;line-height:38px; font-size:18px;color:#000;font-family:"微软雅黑";}
.server_zubox .limg .in .txt h2 {text-align:center;height:20px;line-height:20px; font-size:12px;color:#555;font-family:"微软雅黑";}

.zy-itembox {width:860px;float:left;}
.zy-itembox .item-box {width:25%;float:left;}
.zy-itembox .item-box .in {height:330px;border-left:solid 1px #fff; border-top:solid 1px #f3f3f3; border-right:solid 1px #d8d3cd;border-bottom:solid 1px #efefef;position:relative;background:url(../images/zybg.gif) right bottom no-repeat;}
.zy-itembox .item-box .in a.more {display:block;width:50px;height:50px;background:url(../images/haodc.gif) left -54px no-repeat;position:absolute; bottom:-24px;left:76px;}
.zy-itembox .item-box .bod {padding:26px 15px;}
.zy-itembox .item-box .bod p {line-height:26px;font-family:"微软雅黑";}

.zy-itembox .item-box .in h1 {position:relative; height:42px;line-height:42px;background:#f3f3f3;font-size:18px;padding:0 12px;font-family:"微软雅黑";color:#333;}
.zy-itembox .item1 .in h1,
.zy-itembox .item3 .in h1 {background:#d8d3cd;}
.zy-itembox .item-box:hover .in {border:solid 1px #ff6f1c;}
.zy-itembox .item-box:hover .in h1 {background:#ff6f1c;color:#fff;}

.zy-itembox cite.hot{display:block;position:absolute;width:43px;height:43px;background:url(../images/sulian.gif) -146px -180px no-repeat; top:-1px;right:-1px;}
.tc{text-align:center;}
.zuyonglist .zy-itembox {width:100%;}
.zuyonglist .zy-itembox .item-box {margin-bottom:50px;margin-right:17px;width:195px;}
.zuyonglist .zy-itembox .item-box .in {border:solid 1px #d8d3cd;}
.zuyonglist .zy-itembox .item3 {margin-right:0;}
.e{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.server_tg {}
.server_tg .head {height:54px;background:#626262;}
.server_tg .head ul li {float:left;height:54px;line-height:54px;width:33%;}
.server_tg .head ul li a {display:block;height:54px;line-height:54px;font-size:18px;text-align:center;color:#fff;font-family:"微软雅黑";}
.btn_org {display:inline-block;height:25px;line-height:25px;font-size:14px;color:#fff;padding:5px 8px;background:#e8251e;font-family:"微软雅黑";}
.server_tg .head ul li.curr {background:#e8251e; height:54px;position:relative;}
.server_tg .head ul li.curr a {height:54px;line-height:54px;}
.server_tg .head ul li.end {float:right;margin-right:0;}

.server_tg cite.lt,.server_tg cite.dx {display:inline-block;width:22px;height:17px;position:relative;top:4px;margin-right:0px;
background-image:url(../images/sulian.gif);background-repeat:no-repeat;
}
.server_tg cite.dx {background-position:left -467px;}
.server_tg cite.lt {background-position:-22px -467px;}

.server_tg .body {padding:0 15px 15px 15px;background:#f0f0f0;}
.server_tg .body .in {padding:18px;}
.server_tg .body .in .item {width:50%;float:left;position:relative;margin-bottom:20px; border-bottom:1px solid #ddd;}
.server_tg .body .in .item .img {width:168px;float:left;}
.server_tg .body .in .item .img  img  {height:195px;width:168px;}
.server_tg .body .in .item .txt {width:350px;float:left; margin-left:15px;}

.server_tg .body .in .item .txt dt {}
.server_tg .body .in .item .txt dt a {font-family:"微软雅黑";font-size:18px;color:#ff4200; font-weight:700;}
.server_tg .body .in .item .txt dd.t{line-height:20px;padding:6px 0; height:80px;overflow: hidden;text-overflow: ellipsis;word-break:break-all; word-wrap:break-word;margin-bottom:12px;line-height:21px;
}
.server_tg .body .in .item .txt dd.x{line-height:20px;font-family:"微软雅黑";font-size:14px;color:#ff4200;}
.server_tg .body .in .item  .btn_tg {position:relative;display:none;}

.sy-container{
    max-width: 1200px;
    margin:20px auto;
}
.sy-title h1{
    font-size: 26px;
    text-align: center;
    line-height: 50px;
    font-weight: 600;
    margin-bottom: 10px;
}
.sy-title p{
    text-align: center;
    margin-bottom: 30px;
    font-size: 16px;
}
.sy-tuoguan{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.sy-tuoguan>ul>li{
    width: 23%;
    float: left;
    box-sizing: border-box;
    margin-right: calc(8% / 3);
    background: #fff;
    box-shadow: 3px 1px 10px 1px rgba(0, 0, 0, .2);
}
.sy-tuoguan>ul>li:nth-child(4){ margin-right: 0;}

.tg-text h2{
    text-align: center;
    font-size: 20px;
    margin-top: 10px;
    font-weight: 700;
}
.sy-tuoguan table{
    margin: 10px auto;
}
.sy-tuoguan td{
    padding-top: 5px;
    font-size: 14px;
    color: #666;
}
.sy-jiage{
    text-align: center;
    margin: 12px 0;
    color: #c4131a;
    font-size: 14px;
    display: inline-block;
    margin-left: 20px;
}
.sy-jiage span{
    font-size: 26px;
    font-weight: 700;
}
.sy-ckxq{
    display: inline-block;
    float: right;
    margin: 0 20px 0 0;
}
.sy-ckxq a{
    display: block;
    width: 100px;
    line-height: 30px;
    margin: 10px auto 20px;
    background:-webkit-linear-gradient(#F60 , red);
    color: #fff;
    text-align: center;
    font-size: 14px;
    border-radius: 5px;
}
.tg-img1{ display: block; height: 102px; background: url(../images/fwq04.jpg) no-repeat center;}
.tg-img2{ display: block; height: 102px; background: url(../images/fwq05.jpg) no-repeat center;}
.tg-img3{ display: block; height: 102px; background: url(../images/fwq06.jpg) no-repeat center;}
.tg-img4{ display: block; height: 102px; background: url(../images/fwq01.png) no-repeat center;}

.sy-tuoguan>ul>li:hover{margin-top: -10px; transition: 2s;}
/*----产品-----*/
.sy-chanpin-box{
    width: 100%;
    background: #eee;
    padding-bottom: 50px;
    margin-top: 50px;
    padding-top: 20px;
}
.sy-chanpin{
    max-width: 1200px;
    margin: 0 auto;
}
.sy-chanpin-tit>ul{
    width: 100%;
    height: 60px;
    border: 1px solid #ccc;
    border-radius: 100px;
    box-sizing: border-box;
}
.sy-chanpin-tit li{
    width: 25%;
    float: left;
    font-size: 20px;
    text-align: center;
    line-height: 60px;
    cursor: pointer;
}
.sy-chanpin-tit-active{
    background: #09F;
    border-radius: 100px;
    margin-top: -1px;
    color: #fff;
}
.sy-chanpin-text{
    margin-bottom: 30px;
}
.chanpin-tit{
    margin-bottom: 20px;
    font-weight: 700;
    border-bottom: 3px solid;
}
.sy-chanpin-xizi{
    width: 80%;
    text-align: left;
    margin-left: 20px;
    color: #333;
    font-size: 15px;
    font-weight: normal;
}
.chanpin-tit span:nth-child(1){
    width: 200px;
    display: inline-block;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 18px;
}
.chanpin-text li{
    width: 23.5%;
    float: left;
    background: #fff;
    margin-right:2%;
}
.chanpin-text li:nth-child(4){ margin-right: 0;}
.chanpin-text-tit{
    text-align: center;
    font-size: 18px;
    font-weight: 700;
   /* line-height: 50px;*/
}
.chanpin-text img{
    display: block;
    margin: 0 auto;
}
.chanpin-jiage{
    text-align: center;
    font-size: 14px;
    display: inline-block;
    margin-left: 35px;
    margin-top: -5px;
}
.chanpin-jiage p{ 
    color: #c4181f;
    font-weight: 700;
}
.chanpin-text table{
    margin: 10px auto;
}
.chanpin-text td{
    font-size: 14px;
    padding: 0 0 10px;
    color: #666;
}
.chanpin-buy{
    display:inline-block;
    width: 100px;
    float: right;
    margin-right: 35px;
}
.chanpin-buy a{
    font-size: 14px;
    display: block;
    line-height: 30px;
    width: 100px;
    margin: 0 auto 20px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
}
.chanpin-text li:hover{ transform: translateY(-10px); transition: 1s;}

.chanpin-text-1 .chanpin-text-tit{ color: #208764;}
.chanpin-text-1 .chanpin-buy a{ background: #208764;}

.chanpin-text-2 .chanpin-text-tit{ color: #1c81e5;}
.chanpin-text-2 .chanpin-buy a{ background: #1c81e5;}

.chanpin-text-3 .chanpin-text-tit{ color: #cc2a27;}
.chanpin-text-3 .chanpin-buy a{ background: #cc2a27;}

.chanpin-text-4 .chanpin-text-tit{ color: #5351a7;}
.chanpin-text-4 .chanpin-buy a{ background: #5351a7;}
