@charset "utf-8";
/*reset*/

/* CSS reset for c_b */
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;}
img{ margin:0px; padding:0px;}
table {border-collapse:collapse; border-spacing:0;}
table th , table td {padding:5px;}
fieldset , img {border:0;}
address , caption , cite , code , dfn , em ,i , th , var {font-style:normal; font-weight:normal;}
ol , ul {list-style:none; padding:0px; margin:0px;}
ception , th{text-align:left;}
q:before , q:after{content:'';}
abbr , acronym{border:0;}
a {color:#37bbff; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:none;} /*for ff f6n.net*/
a:hover {text-decoration:none;}

/*定位*/
.tl {text-align:left;}
.tc {text-align:center;}
.tr {text-align:right;}
.bc {margin-left:auto; margin-right:auto;}
.fl {float:left; }
.fr {float:right;}
.zoom {zoom:1}
.hidden {visibility:hidden;}
.vam {vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
li{list-style:none;}


/*原reset*/
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;outline: none; font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
body{font:12px/1.231 arial,helvetica,clean,sans-serif;}
html{ padding:0px; margin:0px; border:none;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;width:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}

/*清除浮动*/
.clearfix::after {
  content: ".";
 clear: both;display: block;
overflow: hidden;font-size: 0;
height: 0; }
.clearfix {
zoom: 1;
}
/*end reset*/



/* CSS Document */
body{background-color:#fff; overflow-x:hidden; color:#666; font-family: microsoft yahei , "宋体"; position:relative;}/*网站字体颜色*/

.header , .content , .footer , .container{width:1000px; margin:0 auto}
.met_w{ width:1200px; margin:0 auto;}

/*页眉*/
.header{width:100%; overflow:hidden; background-color:#fff;}

.headerTop { overflow:hidden; width:100%; height:34px; background:url(Img/Common/header_top_bg.png) repeat-x left top;}
.headerTop p{ float:left; line-height:34px; color:#333; font-size:13px; float:left}
.headerTop ul{ overflow:hidden; float:right; margin-top:10px;}
.headerTop li{ float:left; font-size:13px; color:#333; padding:0 10px; border-right:1px dotted #ccc;}
.headerTop li.last{ padding-right:0; border:none}

.headerCenter { overflow:hidden; height:120px; background: url(Img/ditan/logo.jpg) no-repeat; background-position: 0px 5px; cursor: pointer;}
.headerCenter a{color:#ffffff;}
.headerCenter h1{ float:left; margin-top:15px; padding-right:25px; border-right:1px dotted #999;}
.headerCenter .wen{ overflow:hidden; float:left; margin-left:160px; margin-top:40px;}
.headerCenter .wen h2{ font-size:22px; color:#0089ca; margin-bottom:10px;}
.headerCenter .wen p{ font-size:18px; color:#1f2932;}
.headerCenter .phone{ overflow:hidden; float:right; background:url(Img/Common/phone.png) no-repeat right center; padding-right:50px; margin-top:52px; text-align:right}
.headerCenter .phone{ margin:30px;}
.headerCenter .phone em{ font-size:13px; color:#000;}
.headerCenter .phone h3{ font-weight:normal; font-size:26px; color:#87c143; font-family:Arial; margin-top:5px;}

.headerNav { overflow:hidden; width:100%; height:58px; background:url(Img/ditan/header_nav_bg.jpg) repeat-x left top;}
.headerNav li{ float:left; font-size:14px; line-height:58px; background:url(Img/Common/header_nav_bor.png) no-repeat right center;}
.headerNav li a{font-weight: bold; display:block; color:#fff; text-decoration:none; padding:0 21px;}
.headerNav .last{ background:none}
.headerNav li.cur,.headerNav li:hover{ background:#87c143;}

/*广告*/
.met_banner{ background:url(img/ditan/banner.jpg) no-repeat center top; height:520px;}

.met_box{ clear:both; display:block;  padding:80px 0;}
.met_cf{ color:#fff;}
.met_box_mp0{ padding-bottom:0px;}
#met_about_img{ float:left;}
.met_about{ width:780px; overflow:hidden; font-size:18px; line-height:1.8;}
.met_about h3{ display:block; margin-bottom:10px;}
.met_about ul{ clear:both; margin-top:20px;}
.met_about li{ width:250px; height:204px; position:relative; overflow:hidden; text-align:center; float:left; margin-right:15px;}
.met_about li img{ display:block;}
.met_about li p{ position:absolute;background-color:rgba(0,0,0,0.4); background:#000\4; filter:alpha(opacity=40); z-index:33; bottom:0px; height:36px; line-height:36px; color:#fff; width:100%;}
.met_about li.last{ margin-right:0px;}


.met_hezuo{ clear:both; display:block; background:url(Img/ditan/pinpai.jpg) no-repeat center top; height:690px;}

.met_title{background:url(Img/ditan/tb.png) no-repeat center bottom; padding-bottom:50px; font-size:42px; color:#111; margin-bottom:50px; text-align:center; }
.met_title a{ color:#111}
.met_title2{background:url(Img/ditan/tb2.png) no-repeat center bottom; padding-top:78px; padding-bottom:50px; font-size:42px; color:#fff; margin-bottom:50px; text-align:center; }
.met_title2 a{ color:#fff}
.met_title_p{ text-align:center; color:#666; font-size:18px;}

/*荣誉证书滚动*/
.met_scrollbox_zz{ position:relative;width:1300px;height:200px; margin:0 auto; margin-top:35px;overflow:hidden; }

.met_scrollbox_zz #arrLeft_zz,.met_scrollbox_zz #arrRight_zz{ width:42px; z-index:333; height:80px; overflow:hidden; margin-top:60px;}
.met_scrollbox_zz #arrLeft_zz{ float:left; position:absolute; left:0px; }
.met_scrollbox_zz #arrRight_zz{ float:right; position:absolute; right:0px;}
#scrollbox_zz{ width:1216px;height:200px;float:left; margin-left:43px; overflow:hidden}
#scrollbox_zz ul {overflow:hidden;}
#scrollbox_zz ul LI { width:290px; height:200px; padding:0 7px;text-align:center;float:left;overflow:hidden; position:relative}
#scrollbox_zz ul LI img{ display:block;}
#scrollbox_zz ul LI a{ display:block;}

#met_img img{ position:relative; width:1920px; left:50%; margin-left:-960px; display:block; }
.met_txt{ text-align:center;}

.met_box_video{ height:546px; margin-top:50px; text-align:center; background:url(Img/ditan/box_video.jpg) repeat-x bottom}
/*客户案例*/
.met_case_box{ background:url(Img/ditan/case_bck.jpg) no-repeat center top; text-align:center; clear:both; height:940px; overflow:hidden;}


.met_scrollbox_jz{ position:relative;clear:both;width:1280px;height:612px; overflow:hidden; margin:0 auto; }
.met_scrollbox_jz #arrLeft_jz,.met_scrollbox_jz #arrRight_jz{ width:18px; z-index:333; height:31px; overflow:hidden; margin-top:283px;}
.met_scrollbox_jz #arrLeft_jz{ float:left; position:absolute; left:0px; }
.met_scrollbox_jz #arrRight_jz{ float:right; position:absolute; right:0px;}
#scrollbox_jz{ width:1206px;height:612px;float:left; margin-left:30px; overflow:hidden}
#scrollbox_jz ul {overflow:hidden;}
.met_jz_ul LI {width:1206px;height:612px; margin:0px; padding:0px; text-align:center; font-size:18px;float:left; overflow:hidden; position:relative}
.met_jz_ul LI img{ display:block;}
.met_jz_ul LI:hover img{ }
.met_jz_ul LI a{width:390px; height:300px; position:relative;float:left; margin:0 6px; margin-bottom:10px;overflow:hidden;}
.met_jz_ul div{ position:absolute; width:100%; display:none; height:100%; box-sizing:border-box; bottom:0px; padding:0 10px; padding-top:136px; overflow:hidden; background:url(Img/ditan/case_img2.png) no-repeat top center;color:#fff;background-color:rgba(0,0,0,0.4); background:#000\4; filter:alpha(opacity=40);}
.met_jz_ul LI a:hover div{ display:block}

/*问题*/
.met_wenlist{ width:800px; overflow:hidden; }
.met_wenlist h3{ font-size:24px; color:#111; padding-bottom:10px; margin-bottom:10px; border-bottom:#ddd 1px dashed; font-weight:normal}
#up_zzjs{ width:800px;height:450px; margin:0 auto;overflow:hidden; font-family:"微软雅黑"; font-style:normal}
#up_zzjs #up_li{ display:block; height:80px; padding-bottom:10px;overflow:hidden;}
#up_zzjs #up_li p{ color:#666; font-size:16px; height:55px; line-height:1.6;  overflow:hidden;}
#up_zzjs #up_li span{ color:#00a0ea}
#up_zzjs #up_li h5{ color:#00a0ea; font-weight:normal; font-size:18px; line-height:25px; height:25px; overflow:hidden;}
/*系统支持ie8就选line-height:16px;，但不支持opera 否则选line-height:20px;*/
#up_zzjs #up_li a{}

/*联系我们*/
.met_map{ width:700px; overflow:hidden; font-size:18px;}
.met_map h1{ font-size:24px; color:#fff}
.met_map p{ display:block}

.met_form{ display:block; height:859px; background:url(Img/ditan/map_bck.jpg) no-repeat center top; overflow:hidden; color:#e8e8e8; font-size:18px; line-height:1.75;}

.conright {width:460px;}
.conright .info_p{ color:#008acb; font-size:24px; padding-bottom:5px;}
.conright .info_p1 {height: 43px;border: 1px solid #d9d6d7;padding-left: 43px;background: url(Img/inside/zxzxicon01.png) no-repeat left center;margin-bottom:30px;}
.conright .info_p1 input {height: 43px;line-height: 43px;border: none;border-left: 1px solid #d9d6d7;width:414px;text-indent: 15px;font-size:18px;color: #666;}
.conright .info_p2 {height: 43px;border: 1px solid #d9d6d7;padding-left: 43px;background: url(Img/inside/zxzxicon02.png) no-repeat left center;margin-bottom:40px;}
.conright .info_p2 input {height: 43px;line-height: 43px;border: none;border-left: 1px solid #d9d6d7;width:414px;text-indent: 15px;font-size:18px;color: #666;}
.conright .info_p3 {margin-bottom: 10px;}
.conright .info_p3 textarea {padding: 5px; height:120px;width:450px;line-height: 20px;font-size: 14px;color: #666;border: none;border: 1px solid #d9d6d7;resize: none;}
.conright .ljtj {display: block;height:50px;line-height:50px;text-align: center;color: #fff;background:#008acb;font-size:24px; margin-top:20px;}

/*回到顶部*/
.rtTop{ width:40px; height:59px; overflow:hidden; position:fixed; top:84%; right:53%; margin-right:-600px; cursor:pointer;  display:none;}
.rtTop h4{ width:40px; height:59px; overflow:hidden; position:relative;}
.rtTop img{ display:block; position:absolute; top:0; left:0;}


/* 消息框样式 */ 
#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;}
#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}
#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}
#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; }
#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}
#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}
#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}
.b15{background: url(Img/SkinsVIBtn.png) no-repeat; border:0; cursor: pointer; overflow:hidden; }
.b15 { background-position:-79px -650px; width:60px; height:24px; line-height:24px; color:#fff; font-size:14px; font-weight:bold; }
#contentvalue100 img {
    display: block;
    background-color: #fafafa;
    border: 1px solid #eee;
    margin-top: 8px;
    margin: 0 auto 8px;
    max-width: 750px;}

#contentvalue100 p {padding-bottom: 10px;
    font-family: microsoft yahei;
    font-size: 16px;
    margin: 0 auto;
    max-width: 750px;
	line-height: 30px;
    text-indent: 32px;}

#contentvalue100 h3 {padding: 1px 8px;
    font-size: 15px;
    font-family: microsoft yahei;
    text-align: center;
    color: #0089ca;
    font-weight: 400;
    white-space: normal;
    padding-bottom: 5px;}

#contentvalue100 h2 {    margin-bottom: 8px;
    font-size: 17px;
    color: #0089ca;
    padding: 13px 18px;
    font-weight: 700;
    line-height: 20px;
    font-family: microsoft yahei;
    vertical-align: baseline;
    border-left: 3px #0089ca solid;
    display: block;
    word-wrap: break-word;
    background-color: #f6f6f6;
    margin-left: 103px;
    margin-right: 103px;
    margin-top: 5px;}
    
#contentvalue100 a:hover {
    color: #d6a700 !important;
}
#contentvalue100 a {
    color: #536da6;
    border-bottom: 1px dashed #536da6;
    text-decoration: none;
    padding: 1px;
    font-weight: 700;
}        
.alshow img {
    display: block;
    background-color: #fafafa;
    border: 1px solid #eee;
    margin-top: 8px;
    margin: 0 auto 8px;
    max-width: 750px;}

.alshow p {padding-bottom: 10px;
    font-family: microsoft yahei;
    font-size: 16px;
    margin: 0 auto;
	line-height: 30px; 
    text-indent: 32px;
    max-width: 750px;}

.alshow h3 {padding: 1px 8px;
    font-size: 15px;
    font-family: microsoft yahei;
    text-align: center;
    color: #0089ca;
    font-weight: 400;
    white-space: normal;
    padding-bottom: 5px;}

.alshow h2 {    margin-bottom: 8px;
    font-size: 17px;
    color: #0089ca;
    padding: 13px 18px;
    font-weight: 700;
    line-height: 20px;
    font-family: microsoft yahei;
    vertical-align: baseline;
    border-left: 3px #0089ca solid;
    display: block;
    word-wrap: break-word;
    background-color: #f6f6f6;
    margin-left: 103px;
    margin-right: 103px;
    margin-top: 5px;}
    
.alshow a:hover {
    color: #d6a700 !important;
}
.alshow a {
    color: #536da6;
    text-decoration: none;
    font-weight: 700;
}