﻿@charset "utf-8";

body{ margin:0; padding:0; font-family:Verdana; font-size:12px; color:#666; background:#fff; }
ul,li,div,p,dl,dt,dd,img,h1,h2,h3,h4,h5,form,blockquote{ margin:0; padding:0; }
img{ border:0; }
a{ color:#666; text-decoration:none; }
a:hover{ color:#00bdbd; text-decoration:underline; }
ul{ list-style-type:none;}
input,select{ margin:0; padding:0; font-size:12px; }
.clear{ clear:both; }

header{ width:100%; height:41px; line-height:41px; background:#f8f8f8;}

.top{ width:980px; margin:0 auto; }
.top span{ display:block; float:right; }
.top span a{  color:#666; margin-left:22px; }
.top span a:hover{  color:#00bdbd; }
.top span img{ vertical-align:middle; margin-right:8px; }

.one{ width:980px; margin:0 auto; height:75px; overflow:hidden;}
.one .logo{ float:left;}
.one .form_list{ float:right; width:364px; height:33px; border:1px solid #e2e2e2; background:#fff; margin-top:20px; border-radius:4px; position:relative; }
.one .form_list .txt{ width:288px; padding:0 10px ; height:32px; border:none; margin:0 6px;}
.one .form_list .sub{ border:none;  position:absolute; right:8px; padding:8px;}

.head{ width:980px; margin:0 auto; height:46px; overflow:hidden;}
.head dl dt{ background:#00bdbd; width:204px; height:46px; line-height:46px; float: left; }
.head dl dt a{ color:#fff; font-size:14px; font-weight:bold; padding-left:16px; display:block;}
.head dl dd{ background:#000; width:716px; float:left; height:46px; line-height:46px; padding:0 30px;}
.head dl dd a{ color:#fff; font-size:14px; display:inline-table; width:15%; text-align:center; font-weight:bold;}
.head dl dd a:hover{ color:#00bdbd;}

.main{ width:980px; margin:0 auto;}
.main .left{ width:204px; height:876px; background:#f8f8f8; float:left;}
.main .left .left1{ padding:20px 0;}
.main .left .left1 i{ width:42px; text-align:center; display:inline-table;}
.main .left .left1 img{ vertical-align: sub;}
.main .left .left1 a{ display:block; color:#000; line-height:28px;}

.main .left .left_head{ font-size:14px; color:#000; font-weight:bold; padding-left:16px; margin-bottom:18px;}
.main .left .left2{ margin-bottom:20px;}
.main .left .left2 dl{ padding:0 16px; margin-bottom:10px; height:64px;}
.main .left .left2 dl dt{ float:left; margin-right:14px;}
.main .left .left2 dl dd{ line-height:18px;}

.main .left .left3{ padding:0 16px;}
.main .left .left3 ul li{ line-height:30px;}
 
.main .cenner{ width:550px; float:left; margin:10px;}
.main .cenner .focusBox { position: relative; width:550px; height:330px; overflow: hidden; }
.main .cenner .focusBox .pic{ position:relative; z-index:0; }
.main .cenner .focusBox .pic img { width:550px; height:330px; display: block; }
.main .cenner .focusBox .prev,.focusBox .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url(../images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }
.main .cenner .focusBox .prev { left: 0; }
.main .cenner .focusBox .next { background-position: 0 -90px; right: 0; }
.main .cenner .focusBox .prev:hover,.focusBox .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }

.main .right{ width:206px; float:right; margin-top:10px;}
.main .right dl dt{ display:block; height:28px; line-height:28px; color:#000; font-size:14px; font-weight:bold; border-bottom:1px solid #e2e2e2;}
.main .right dl dd{ display:block; line-height:20px; color:#666; text-align:center;}

.main .right_list { float:right; width:766px; margin-top:10px;} 
.main .right_list .right_hd { height:28px; line-height:28px; color:#000; font-size:14px; font-weight:bold; border-bottom:1px solid #e2e2e2; margin-bottom:10px;}
.main .right_list ul{ margin-left:-10px;}
.main .right_list ul li{ float:left; margin-left:10px; margin-bottom:10px; width:184px; text-align:center; height:228px;}
.main .right_list ul li img{ width:180px; height:180px;}
.main .right_list ul li p{ line-height:22px;}

.qj_main{ width:980px; margin:20px auto;}
.qj_main .qj_left{ float:left; width:204px;}
.qj_main .qj_left .qj_left_hd{ height:28px; line-height:28px; color:#000; font-size:14px; font-weight:bold; border-bottom:1px solid #e2e2e2; margin-bottom:10px;}
.qj_main .qj_left .qj_left_list{ background:#f8f8f8; text-align:center; margin-top:px; height:340px;}
.qj_main .qj_left .qj_left_list h1{ font-size:20px; font-weight:bold; display:block; color:#000; padding:25px 0 5px 0; }
.qj_main .qj_left .qj_left_list a{ font-size:12px; display:block;}
.qj_main .qj_left .qj_left_list img{ padding:27px 0;}
.qj_main .qj_left .qj_left_list p{ line-height:20px;}

.qj_main .qj_right{ width:766px; float:right;}
.qj_main .qj_right .qj_right_hd{ height:28px; line-height:28px; color:#000; font-size:14px; font-weight:bold; border-bottom:1px solid #e2e2e2; margin-bottom:10px;}
#qj_right_on4{ margin-right:-10px;}
.qj_main .qj_right dl { float:left; width:184px; margin-right:10px;}
.qj_main .qj_right dl dt{ height:28px; line-height:28px; color:#000; font-size:12px; font-weight:bold; border-bottom:1px solid #e2e2e2; margin-bottom:10px;}
.qj_main .qj_right dl dd{ color:#666;}
.qj_main .qj_right dl dd img{ width:180px; height:180px; }
.qj_main .qj_right dl dd p{ line-height:24px;}

.ccs{ width:980px; margin:0 auto;}
.ccs .ccs_hd{ height:28px; line-height:28px; color:#000; font-size:14px; font-weight:bold; border-bottom:1px solid #e2e2e2; margin-bottom:28px;}
.ccs ul { margin-left:-77px;}
.ccs ul li{ float:left; width:134px; text-align:center; margin-left:77px;}
.ccs ul li p{ margin-top:10px;}
.ccs ul li p img{ vertical-align:sub; margin-right:8px;}

.bot{ background:#000200; border-top:3px solid #00bdbd; height:380px; margin-top:48px;}

.bot .bottom{ width:980px; margin:0 auto;}
.bot .bottom dl{ float:left; width:25%; margin-top:58PX; color:#FFF; height:220px;}
.bot .bottom dl dt{ font-size:14px; color:#d7d7d7; font-weight:bold; padding-bottom:20px;}
.bot .bottom dl dd{ line-height:28px; }
.bot .bottom dl dd a{ color:#d7d7d7; display:block;}

#yx a{ display:block; width:157px; height:34px; line-height:34px; background:url(../images/yx.jpg) no-repeat 29px 50%; padding-left:59px; border:1px solid #00bdbd; color:#00bdbd; margin-top:10px;}

.bot .bottom p{ text-align:center; line-height:24px; color:#fff; font-family:"微软雅黑"; display:block;}




.qj_left_bd{ height:38px; line-height:28px; color:#000; font-size:14px; font-weight:bold; }

.left_list li{ line-height:41px; background:#f8f8f8; border-bottom:2px solid #fff;}
.left_list li a{ font-size:14px; display:block; padding-left:20px;}
.left_list li a:hover{ color:#fff; background:#00bdbd; }
.left_list dl{ background:#fff; display:none;}
.left_list dl dd{ background:url(../images/left_bj.jpg) no-repeat 44px 50%; }
.left_list dl dd a{ font-size:12px; color:#656565; padding-left:64px;}
.left_list dl dd a:hover{ background:none; color:#00bdbd; font-weight:bold;}

.cur{ color:#fff; background:#00bdbd; font-weight:bold; }
#on{ color:#00bdbd; font-weight:bold;}

.qj_right_bd{ height:38px; line-height:28px;  font-size:14px; border-bottom:1px solid #e2e2e2; margin-bottom:28px;}
.qj_right_bd i{ font-style:normal; color:#00bdbd;}



 
#product{ margin-left:-10px;}
#product li{ float:left; margin-left:10px; margin-bottom:10px; width:184px; text-align:center;}
#product li p{ line-height:24px;}

.fy{ margin-top:26px; text-align:right; color:#00bdbd; font-size:14px;}
.fy input{ margin:0 8px; border:1px solid #00bdbd; height:27px; vertical-align:bottom; width:43px; text-align:center; }
.fy a{ margin:0 2px; border:1px solid #00bdbd; display:inline-table; padding:5px 12px; font-size:14px; color:#00bdbd;}
.fy a:hover{ background:#00bdbd; color:#fff;}
.fy .fy_on{ background:#00bdbd; color:#fff;}

.fy select{ margin:0 8px; border:1px solid #00bdbd; color:#00bdbd; height:27px; vertical-align:bottom; width:43px; text-align:center; }


.pd_nc_zw{ padding:0 20px; line-height:24px;}

#head_on{ color:#00bdbd;}


#ly_tabe .t{ text-align:right;}
#ly_tabe .inputext,.input2{ height:28px; padding:0 5px; width:346px;}

#submit{ width:120px; height:28px; font-weight:bold; font-size:14px;}





#news{ margin-bottom:15px; width:auto; float:none; border-bottom:1px dashed #ccc;} 
#news dt{ float:left; height:100px; width:248px; border:none; margin:0;}
#news dd{ float:right; width:480px; line-height:26px; color:#888;}

#news dd  h1 a{ font-size:16px;}


.nc_keywords { padding-top:10px; padding-bottom:10px; }
.anli_fy { padding-left:13px; padding:10px 0px 10px 0px; line-height:200%}
.anli_fy li {  list-style:none;}

.pro_pic,.pro_pic2 { text-align:center; padding:5px; }

.ab_r h1{ text-align:center;}
.ab_r .ab_r_tool{ text-align:center; padding:2em 0; text-align:center;}
.ab_r .pro_pic{ text-align:center;}
.ab_r .pd_nc_zw{ padding:2em 0 0; line-height:28px; font-size:14px;}
.ab_r .nc_keywords{ padding:2em 0;}
.ab_r .anli_fy{ padding:0 0 1em; margin-left:2%; font-size:14px;}
.ab_r .anli_fy a{ font-size:14px;}
.ab_r .Related_Cases_bt{ font-size:16px; font-weight:600;}
.ab_r .Related_Cases_lb{ padding:1em 2em;}

.ab_r_tool{ text-align:center; padding-bottom:20px;}
.pd_zw_lb_xg { padding-top:10px; padding-left:10px;  clear:both; border-top:dotted 1px #ccc; line-height:150%;}
.Related_Cases { padding-top:10px;  clear:both; border-top:dotted 1px #ccc;}
.Related_Cases_lb li {   padding-top:10px; }
.pd_zw_lb_other { text-align:center; font-size:16px; padding-top:20px; }
.pd_zw_lb_other a { color:#FF3300}
.pd_zw_lb_other a:hover { color:#0189E2}
.Related_Cases_bt{ font-size:16px; font-weight:bold;}
.pd_zw_lb_jj { padding-bottom:5px; padding-bottom:5px;}
.pd_zw_fx { text-align:right; border-bottom:solid 1px #ccc; padding-right:20px; padding-top:5px; padding-bottom:5px;} 
.SBack { text-align:right; padding-top:10px; padding-right:10px; padding-bottom:10px; }


.pd_zw_lb_body { padding:20px 0;}
.pd_zw_lb_body .pd_news_lb{ line-height:28px;}

.hme{ display:none;}


@media only screen and (min-width: 480px) and (max-width: 767px){
 }

@media only screen and (max-width: 479px) {
.main .right_list ul li img{ width:100px; height:100px;}

     input {outline: none;}
 html{ padding: 0; margin: 0;}
 html,body{ height:100%}
 
header{ display:none; }
.one .logo{ margin-left:2%;}
.one .logo img{ width:100%;}
.one{ width:100%;}
.one .form_list{ margin-right:2%; width:31%;}
.one .form_list .txt{ width:58%;}

.head{ width:100%; height:100px;}
.head dl dt{ display:none;}
.head dl dd{ padding:0 6px; width:100%; height:100px;}
.head dl dd a{ width:32.3%;}

.qj_main .qj_left .qj_left_list{ display:none;}
.qj_main{ width:100%;}
.qj_main .qj_left{ float:none; width:100%;}
.qj_left_bd{ margin:0 2%;}
.left_list li{ display:inline-table; width:32%; margin-left:1%;}
.left_list li a{ font-size:12px;}

.left_list dl{ width:100%;}
.left_list dl a	{ width:100%;}

.qj_main .qj_right{ float:none; width:100%;}
.qj_right_bd{ padding:2%;}

.bot{ height:560px;}
.bot .bottom{ width:100%; }
.bot .bottom dl{ width:47%; padding-left:2%; margin-top:6%;  } 

#yx a{ width:86%; padding-left:22px; background:url(../images/yx.jpg) no-repeat 2px 50%;}

#ly_tabe .inputext, .input2{ width:68%;}
#news dt{ width:38%;}
#news dt img{ width:100%;}
#news dd{ width:62%;}

.ny_nrbox{ padding:0 2%;}
#product{ margin:0;}
#product li{ width:48%; margin:0 1% 1%;}


.pd_zw_lb_body img{ width:100%;}

.ccs{ width:100%; }
.ccs .ccs_hd{ margin:2%;}
.ccs ul { margin:0}
.ccs ul li{ width:48%; margin:2% 1% 0;}

.main{ width:100%;}
.main .left{ display:none;}
.main .right{ display:none;}
.main .cenner{ margin:0; width:100%;}
.main .cenner .focusBox{ width:100%;  }
.main .cenner .focusBox .pic img{ width:100%; }

.main .right_list .right_hd{ margin:0 2%;}
.main .right_list{ width:100%;}
.main .right_list ul{ margin:0;}
.main .right_list ul li{ width:48%; margin:0 0.5%; height:148px;}

.qj_main .qj_left{ display:none;}
.qj_main .qj_right{ width:100%;}
 
 .qj_main .qj_right .qj_right_hd{ margin:0 2%;}
 
 .qj_main .qj_right dl{ width:46%; margin:2% 1% 0;}
 
 .qj_main .qj_right dl dd img{ width:100px; height:100px; }

 
}




































