@charset "utf-8";
/* CSS Document */
/* ====================公共部分==================== */
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,input,dd,dt,dl,button{margin:0;padding:0;border:0;}
*{-webkit-font-smoothing: antialiased;font-family:"Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;}
body{color:#222;font-size:12px; background:#FFF;}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}
img{vertical-align:middle}
ul,ol{list-style-type:none;}
/* CSS 活动的公共样式 */
.left{ float:left;}
.right{ float:right;}
.display{ display:inline;}
.display_no{ display:none;}
.overflow{ overflow:hidden;}
.text_center{ text-align:center;}
.text_right{ text-align:right;}
.web_widht{ width:1200px; margin:0 auto;}/* 网页的内容宽 */
.relative{ position:relative;}
.absolute{ position:absolute;}
.pointer{cursor: pointer}
em{font-style: normal;}
select,input,img,select{vertical-align:middle;}
a:hover{ color:#ff853f; }
a{ text-decoration:none; color:#666; }
.top{ height:35px; line-height:35px; width:1200px; margin:0 auto;}
.top .top_right{ float:right;}
.top .top_right a,.top .top_right span{ float:left;}
.noLine{border:none !important;}
.noMar{margin:0px !important;}
.noPad{padding:0px !important;}
/* =====头部样式====== */
.dl_header{
    width:100%;
    height:115px;
    padding-top:30px;
}
.dl_header .inner{
    width:1200px;
    height:115px;
    margin:0 auto;
}
.dl_header .inner .in_left{
    margin:21px 0;
    float:left;
}
.dl_header .inner .in_left img{
    vertical-align:bottom;
}
.dl_header .inner .in_right{
    float:right;
}
.dl_header .inner .in_right ul{
    height:60px;
    margin:55px 0 0;
}
.dl_header .inner .in_right ul li{
    float:left;
    width:160px;
    height:60px;
    text-align:center;
}
.dl_header .inner .in_right ul li.current a{
    color:#ff6e3b;
    font-weight:600;
    border-bottom:3px solid #ff6e3b;
}
.dl_header .inner .in_right ul li a{
    display:block;
    width:100px;
    height:40px;
    line-height:40px;
    font-size:18px;
    margin:0 auto;
}

/* ====================banner==================== */
.dl_banner{
    width:100%;
    height:350px;
    background:url(../images/dl_banner.png) no-repeat top center;
}
/* ====================dl_service==================== */
.dl_service{
    width:100%;
}
.dl_con_tit{
    width:1000px;
    text-align:center;
    font-size:30px;
    font-weight:normal;
    padding:60px 0;
    margin:0 auto;
}
.dl_service ul{
    width:1000px;
    margin:0 auto;
}
.dl_service ul li{
    width:200px;
    height:240px;
    float:left;
    text-align:center;
}
.dl_service ul li b{
    display:block;
    font-size:16px;
    line-height:16px;
    font-weight:normal;
    margin:30px 0;
}
/* ====================dl_charge==================== */
.dl_charge{
    width:100%;
    padding-bottom:60px;
    background:#f4f4f4;
}
.dl_charge_table ul{
    width:1000px;
    margin: 0 auto;
    background: #fff;
    border-right:1px solid #ddd;
}
.dl_charge_table ul li{
    border-top:1px solid #ddd;
    border-left:1px solid #ddd;
    float: left;
    width:332px;
	z-index:10;
}

.dl_charge_table ul li div{
    text-align: left;
    border-bottom:1px solid #ddd;
}
.dl_charge_table ul li div.charge-table-title{
    text-align: left;
    height: 84px;
    line-height:84px;
    padding: 0 40px;
    font-size: 20px;
	color:#fff;
}
.dl_charge_table ul li.dl_charge_01:hover{
    /*box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.5);*/
	box-shadow:inset 0 0 4px #67b637;
}
.dl_charge_table ul li.dl_charge_02:hover{
    /*box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.5);*/
	box-shadow:inset 0 0 4px #379adb;
}
.dl_charge_table ul li.dl_charge_03:hover{
    /*box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.5);*/
	box-shadow:inset 0 0 4px #af74c6;
}
/*.dl_charge_table ul li:hover div.charge-table-title{
    background: #3399ff;
    color:#fff;
    font-size:20px;
}*/
.dl_charge_table ul li div.charge-table-feiyong{
    height:46px;
    padding:30px;
}
.dl_charge_table ul li div.charge-table-feiyong p{
    line-height:26px;
    font-size:14px;
}
.dl_charge_table ul li div.charge-table-detail{
    padding:40px 24px;
    height:208px;
}
.dl_charge_table ul li div.charge-table-detail p{
    line-height:26px;
    font-size:14px;
}
.dl_charge_table ul li.dl_charge_01{
	background: #e1f1d7;
	z-index:10000000;
}
.dl_charge_table ul li.dl_charge_01 div.charge-table-title{
	background: #67b637;
}
.dl_charge_table ul li.dl_charge_02{
	background: #d8ebf9;
}
.dl_charge_table ul li.dl_charge_02 div.charge-table-title{
	background: #379adb;
}
.dl_charge_table ul li.dl_charge_03{
	background: #f0e3f4;
}
.dl_charge_table ul li.dl_charge_03 div.charge-table-title{
	background: #af74c6;
}
/* ====================dl_flow==================== */
.dl_flow{
    width:100%;
    padding-bottom:60px;
}
.dl_flow ul{
    width:1000px;
    margin:0 auto;
    padding:0 75px;
}
.dl_flow ul li{
    width:126px;
    /*height:210px;*/
    float:left;
    text-align:center;
    padding-right:92px;
    background:url(../images/flow_icon.png) no-repeat 140px 55px;
}
.dl_flow ul li b{
    display:block;
    width:126px;
    height:126px;
    background:url(../images/flow.png) no-repeat;
}
.dl_flow ul li b.show1{
    background-position:0 0;
}
.dl_flow ul li b.show2{
    background-position:0 -130px;
}
.dl_flow ul li b.show3{
    background-position:0 -260px;
}
.dl_flow ul li b.show4{
    background-position:0 -390px;
}
.dl_flow ul li b.show5{
    background-position:0 -520px;
}
.dl_flow ul li p{
    font-size:16px;
    padding:16px 0;
    color:#333;
}
.dl_flow ul li div{
    font-size:14px;
    color:#999999;
}

/* ====================dl_meterial==================== */
.dl_meterial{
    width:100%;
    height:700px;
    background:#f4f4f4;
}
.dl_meterial .inner{
    width:1000px;
    margin:0 auto;
}
.dl_meterial .inner .material-introduce-left{
    float: left;
    width:490px;
    background: #fff;
}
.dl_meterial .inner .material-introduce-right{
    float: right;
    width:490px;
    background: #fff;
}
.material-introduce-left .intro-bg-left{
    font-size:24px;
    color:#fff;
    padding:20px 40px;
    height:116px;
    background: url("../images/material_old.png") no-repeat center right;
}
.material-introduce-left .material-detail{
    height:326px;
    border:1px solid #e2e2e2;
    border-top:0;
    padding-left:40px;
    padding-top:20px;
}
.material-introduce-left  .material-detail .material-detail-list li{
    width:170px;
    float: left;
    padding-left:34px;
    height:40px;
    line-height:40px;
    background: url("../images/choose.png") no-repeat center left;
    font-size: 14px;
}
.material-introduce-right .intro-bg-right{
    font-size:24px;
    color:#fff;
    padding:20px 40px;
    height:116px;
    background: url("../images/material_new.png") no-repeat center right;
}
.material-introduce-right .material-detail{
    height:326px;
    border:1px solid #e2e2e2;
    border-top:0;
    padding-left:40px;
    padding-top:20px;
}
.material-introduce-right  .material-detail .material-detail-list li{
    width:170px;
    float: left;
    padding-left:34px;
    height:40px;
    line-height:40px;
    background: url("../images/choose.png") no-repeat center left;
    font-size: 14px;
}
/* ====================dl_advantage==================== */
.dl_advantage{
    width:100%;
    padding-bottom:30px;
}
.dl_advantage .advantage-box{
    width:1000px;
    margin:0 auto;
}
.dl_advantage .advantage-box .advantage-title{
    position: relative;
}
.advantage-title .advantage-title-left{
    width:500px;
    height:84px;
    float: left;
    background: -webkit-linear-gradient(left,#3399ff, #66ccff); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left,#3399ff, #66ccff); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left,#3399ff, #66ccff); /* Firefox 3.6 - 15 */
    background: linear-gradient(left,#3399ff, #66ccff); /* 标准的语法 */
    font-size:30px;
    color:#fff;
    text-align:center;
    line-height:84px;
}
.advantage-title .advantage-title-right{
    width:500px;
    height:84px;
    float: left;
    background:#cccccc;
    font-size:30px;
    text-align:center;
    line-height:84px;
}
.advantage-title-center{
    width:100px;
    height: 100px;
    position: absolute;
    top:-8px;
    left:450px;
    background: url("../images/advantage_pk.png") no-repeat center center;
}


.advantage-list ul li{
    padding:13px 0;
    border-bottom:1px solid #ddd;
}

.advantage-list ul li .advantage-list-left{
    width:382px;
    float: left;
    padding-left:50px;
    font-size:16px;
    color:#3399ff;
    height:40px;
    line-height:40px;
    background: url("../images/icon_left.png") no-repeat center right;
}
.advantage-list ul li .advantage-list-center{
    width:114px;
    height:40px;
    line-height:40px;
    margin:0 11px;
    float: left;
    background: #3399ff;
    color:#fff;
    text-align: center;
    font-size:14px;
}
.advantage-list ul li .advantage-list-right{
    width:382px;
    height:40px;
    line-height:40px;
    float: left;
    padding-left:50px;
    font-size:16px;
    color:#333;
    background: url("../images/icon_right.png") no-repeat center left;
}
.quality-assurance{
    padding-top:30px;
    margin-left:-24px;
}
.quality-assurance .assurance-list{
    margin-left:24px;
    width:206px;
    height:92px;
    border:1px solid #ddd;
    padding:0 12px;
    float: left;
}
.assurance-list .assurance-left{
    float: left;
    width:70px;
    height:100%;
}
.assurance-list .quality-info1{
    background: url("../images/quality_01.png") no-repeat center center;
}
.assurance-list .quality-info2{
    background: url("../images/quality_02.png") no-repeat center center;
}
.assurance-list .quality-info3{
    background: url("../images/quality_03.png") no-repeat center center;
}
.assurance-list .quality-info4{
    background: url("../images/quality_04.png") no-repeat center center;
}
.assurance-list .assurance-right{
    float: left;
    margin-top:13px;
}
.assurance-right .column-name{
    color:#666;
    font-size:14px;
    line-height:26px;
}
.assurance-right .column-info{
    color:#999999;
    font-size:14px;
    line-height:18px;
}

/* ====================dl_footer==================== */
.dl_footer{
    width:100%;
    height:240px;
    background:#f4f4f4;
}
.dl_footer .inner{
    width:1050px;
    height:140px;
    margin:0 auto;
    padding:50px 75px;
}
.dl_footer .inner .in_l{
    width:540px;
    float:left;
}
.dl_footer .inner .in_l p{
    font-size:16px;
    height:30px;
    line-height:30px;
    padding:7px 0;
}
.dl_footer .inner .in_l p b{
    color:#ff6d3a;
    font-size:24px;
    font-weight:normal;
}
.dl_footer .inner .in_r{
    float:left;
}
.dl_footer .inner .in_r img{
    float:left;
}
.dl_footer .inner .in_r ul{
    float:left;
    padding:20px 0 20px 10px;
}
.dl_footer .inner .in_r ul li{
    line-height:30px;
    font-size:16px;
}
.dl_bot{
    width:100%;
    background:#666;
    padding:20px 0;
    text-align:center;
    font-size:14px;
    color:#FFF;
}
