@charset "gb2312";
/* CSS Document */

*{ margin:0 auto; padding:0;}
html, body, div, p, ol, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, img, textarea, iframe, table, th, td {
    margin: 0 auto;
    padding: 0; text-align:center
}
img {
    border: medium none;
    vertical-align: middle;
}
ol, ul, li {
    list-style-type: none;
}
h1, h2, h3, h4, h5, h6, table, th, td {
    font-size: 100%;
    font-weight: normal;
}
body, input, select, button, textarea {
    font-family:'Microsoft Yahei';
    font-size: 14px;
}
.normal, em, i,s {
    font-style: normal;
}
body {
    color: #585757;
    line-height: 23px; text-align:center; margin:auto; min-width:1136px
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
p {
    word-wrap: break-word;
}
a {
    color: #585757;
    text-decoration: none; 
}
a:hover {
    color: #0a7da8;
}
table {
    border-collapse: collapse;
}
input[type="button"] {
    outline: medium none;
}
.clearfix {
    display: block;
}
.overflow{ overflow:hidden}
.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.tl {
    text-align: left;
}
.tc {
    text-align: center;
}
.tr {
    text-align: right;
}
.f48{ font-size:48px; color:#555454}
.f12 {
    font-size: 12px;
}
.f14 {
    font-size: 14px;
}
.f16 {
    font-size: 16px;
}
.f18 {
    font-size: 18px;
}
.f20 {
    font-size: 20px;
}
.f24 {
    font-size: 24px;
}
.f30 {
    font-size: 30px; 
}
.f36 {
    font-size: 36px;
}
.undis {
    display: none;
}
.dis {
    display: block;
}
.diss {
    display: inline-block;
}
.w100 {
    width: 100%;
}
.wrap {
    width: 1100px;
}

.p9{ padding:9px}
.hui{ color:#777779}
.cs{ color:#FF6602}
.hs1{ color:#D51338}
.m-auto {
    margin-left: auto;
    margin-right: auto;
}
.l-19 {
    line-height: 19px;
}
.l-15 {
    line-height: 15px;
}
.l-24 {
    line-height: 24px;
}
.l-26 {
    line-height: 26px;
}
.l-30 {
    line-height: 30px;
}
.l-35 {
    line-height: 35px;
}
.l-50 {
    line-height: 50px;
}
.l-80 {
    line-height: 80px;
}
.pl8 {
    padding-left: 8px;
}
.p10 {
    padding: 10px;
}
.p15 {
    padding: 15px;
}
.p20 {
    padding: 20px;
}
.pl5 {
    padding-left: 5px;
}
.pl10 {
    padding-left: 10px;
}
.pl15 {
    padding-left: 15px;
}
.pl20 {
    padding-left: 20px;
}
.pl25 {
    padding-left: 25px;
}
.pl30 {
    padding-left: 30px;
}
.pl30 {
    padding-left: 30px;
}
.pl40 {
    padding-left: 40px;
}
.pt5 {
    padding-top: 5px;
}
.pt10 {
    padding-top: 10px;
}
.pt15 {
    padding-top: 15px;
}
.pt20 {
    padding-top: 20px;
}
.pt25 {
    padding-top: 25px;
}
.pt150 {
    padding-top: 150px;
}
.pt30 {
    padding-top: 30px;
}

.pt40 {
    padding-top: 40px;
}
.pt50 {
    padding-top: 50px;
}
.pt55 {
    padding-top: 55px;
}
.pt75 {
    padding-top: 75px;
}
.pt60 {
    padding-top: 60px;
}
.pb5 {
    padding-bottom: 5px;
}
.pb10 {
    padding-bottom: 10px;
}
.pb15 {
    padding-bottom: 15px;
}
.pb20 {
    padding-bottom: 20px;
}
.pb25 {
    padding-bottom: 25px;
}
.pb50 {
    padding-bottom: 50px;
}
.pr5 {
    padding-right: 5px;
}
.pr10 {
    padding-right: 10px;
}
.pr40 {
    padding-right: 40px;
}
.pr15 {
    padding-right: 15px;
}
.pr20 {
    padding-right: 20px;
}
.pr25 {
    padding-right: 25px;
}
.ml5 {
    margin-left: 5px;
}
.ml10 {
    margin-left: 10px;
}
.ml11 {
    margin-left: 11px;
}
.ml15 {
    margin-left: 15px;
}
.ml16 {
    margin-left: 16px;
}
.ml20 {
    margin-left: 20px;
}
.ml22 {
    margin-left: 22px;
}
.ml30 {
    margin-left: 30px;
}
.ml50 {
    margin-left: 50px;
}
.ml60 {
    margin-left: 60px;
}
.mr5 {
    margin-right: 5px;
}
.mr10 {
    margin-right: 10px;
}
.mr15 {
    margin-right: 15px;
}
.mr20 {
    margin-right: 20px;
}
.mr25 {
    margin-right: 25px;
}
.mr30 {

    margin-right: 30px;
}
.mr50 {
    margin-right: 50px;
}
.mr100 {
    margin-right: 100px;
}
.ml90 {
    margin-left: 90px;
}
.ml70 {
    margin-left: 70px;
}
.mt5 {
    margin-top: 5px;
}
.mt10 {
    margin-top: 10px;
}
.mt15 {
    margin-top: 15px;
}
.mt20 {
    margin-top: 20px;
}
.mt30 {
    margin-top: 30px;
}
.mt40 {
    margin-top: 40px;
}
.mt60 {
    margin-top:60px;
}
.mb5 {
    margin-bottom: 5px;
}
.mb10 {
    margin-bottom: 10px;
}
.mb15 {
    margin-bottom: 15px;
}
.mb20 {
    margin-bottom: 20px;
}
.pt35{ padding-top:35px;}
.mm{ margin:20px}
.color-grey {
    color: #999;
}
.row {
    margin-left: -30px;
}
.row2 {
    margin-left: -13px;
}
.row3 {
    margin-left: -10px;
}
.row4 {
    margin-left: -18px;
}
.row5 {
    margin-left: -35px;
}
.row6 {
    margin-left: -14px;
}
.row7 {
    margin-left: -50px;
}
.mt35{ margin-top:35px}
.f10{ font-size:10px}
.ml1{ margin-left:1px}
.blod{ font-weight:bold}

.boderr{ border:1px solid #edebeb}
.boder-r{ border-right:1px solid #edebeb}
.boder-b{ border-bottom:1px solid #edebeb}
.boder-t{ border-top:1px solid #edebeb}
.boder-l{ border-left:1px solid #edebeb}
.baise{ color:#fff}
.red{ color:#EA2908}
.hs{ color:#ff7900}
.ls{ color:#2c4e71}
.f42{ font-size:42px}
.huise{ color:#a9a9a9}
.family{font-family: Arial}

.top_r1{ border-bottom:1px solid #D9D9D9; height:46px; line-height:46px; color:#A8A8A8; font-size:12px;}
.top_r1 ul li{ float:left; margin-right:18px;}
.log_nav{position:relative}
.log_nav ul{ width:720px; height:40px;position:relative; z-index:10; margin-top:50px }
.log_nav ul li{ float:left; font-size:18px;}
.log_nav ul li a{height:38px; line-height:38px; display:block; margin-left:28px; margin-right:28px;}
.log_nav ul li a:hover{ border-bottom:4px solid #4099B7; color:#4099B7; height:38px; line-height:38px; display:block}
#id_nav{ border-bottom:4px solid #4099B7; color:#4099B7; height:38px; line-height:38px; display:block}
.hr_x{ width:720px; height:1px; background:#DCDCDC; position:absolute;top:89px; right:0px; z-index:1}

/*--js--*/
.js_mian{ width:100%; position:relative;  clear:both; overflow:hidden; margin-top:28px;}
.flexslider{position:relative;height:452px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat; z-index:1 }
.slides{position:relative;z-index:1;}
.slides li{height:452px;}
.flex-control-nav{position:absolute;bottom:30px;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; z-index:1; position:relative}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/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;}
.flex-direction-nav li a.flex-next{right:40px;}

.news_main{  position:relative; overflow:hidden; clear:both;z-index:10000;top:-44px}
.w376{ width:374px; background:#FCFCFC; border:1px solid #B1B1B1; height:474px; z-index:1000; position: relative;  }
#FontScroll{ width:345px; clear:both; overflow:hidden; padding:10px 0px; height:386px; margin-top:20px;}
#FontScroll dl{ width:345px; clear:both; padding-top:15px; padding-bottom:15px; border-bottom:1px dashed #E2E2E2; overflow:hidden}
#FontScroll dl dt{ border:1px solid #E2E2E2; width:134px; height:95px; overflow:hidden; float:left
}
#FontScroll dl dt a img{-webkit-transition:all 1s;
-moz-transition:all 1s;
-o-transition:all 1s; }
#FontScroll dl dt a:hover img{-webkit-transform:scale(1.2) ;
-moz-transform:scale(1.2) ;
-o-transform:scale(1.2)  }
#FontScroll dl dd{ color:#f1dbcd; width:195px; float:right; text-align:left; line-height:22px; color:#2d2c2b; font-size:12px;}
#FontScroll dl dd h1{ line-height:30px; font-size:16px;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block}
#FontScroll .line{text-align:center;width:100%;}



.w424{ width:424px}
.news_1 dt{ float:left}
.news_1 dd{ width:228px; float:right; text-align:left; line-height:20px; color:#636161; font-size:12px;}
.news_1 dd h1{ line-height:30px; font-size:16px;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block; text-align:left}
.news_1 dd  span img{ float:left; margin-right:10px; margin-top:3px;}
.news_1 dd p{ text-align:left; padding-top:8px; height:40px; overflow:hidden}
.news_list dl{ width:100%; clear:both; border-bottom:1px solid #E2E2E2; padding-top:12px; padding-bottom:12px; overflow:hidden}
.news_list dl dt{ width:50px; text-align:center; font-size:24px; color:#9F9F9F; float:left; padding-top:5px;}
.news_list dl dt em{ font-size:12px;}
.news_list dl dd{ width:364px; float:right; text-align:left; line-height:20px; overflow:hidden; font-size:12px;}
.news_list dl dd h1{ line-height:30px; font-size:16px;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block; text-align:left}
.news_list dl dd p{ text-align:left}
.w274{ width:274px}
.w274 li{ padding-top:16px; overflow:hidden}

.case_show{ position:relative}

.img-scroll { position:relative; margin:0px auto; width:1130px;}
.img-scroll .prev,.img-scroll .next { position:absolute; display:block; width:8px; height:14px;
 top:-30px; }
.img-scroll .prev { left:1070px}
.img-scroll .next { right:15px}
.img-list { position:relative; width:1130px; height:186px;  overflow:hidden; }
.img_list1{ width:1130px; height:186px; overflow:hidden; }
.img_list1 ul{width:1130px; height:186px; overflow:hidden;}
.img_list1 ul li{ text-align:left;   float:left; margin-right:15px; margin-left:17px; position:relative}
.img_list1 ul li:last-child{ margin-right:0px;}
.img_list1 ul li p{ overflow:hidden}
.img_list1 ul li p img{ text-align:center;  display:block; width:250px; height:158px;   }
.img_list1 ul li p a img{-webkit-transition:all 1s;
-moz-transition:all 1s;
-o-transition:all 1s; }
.img_list1 ul li p a:hover img{-webkit-transform:scale(1.2) ;
-moz-transform:scale(1.2) ;
-o-transform:scale(1.2)  }

.img_list1 ul li span{ width:250px; text-align:center;  line-height:35px; display:block; clear:both; font-size:14px;}

/*---版权--*/
.copy_ng{ background:#202020; color:#e2e2e2; font-size:12px; padding-top:40px; padding-bottom:40px; overflow:hidden}
.copy_ng dl{ float:left; margin-right:70px;}
.copy_ng dl dt{ text-align:left; font-size:18px; color:#f1f2f2; padding-bottom:10px;}
.copy_ng dl dd{ text-align:left; line-height:25px;}

.copy_ng dl dd a{color:#c4c4c4;}
.copy_ng dl dd a:hover{color:#fff;}
.w398{ width:398px}
.w398 ol{ float:left; text-align:left; line-height:25px;}
.w398 ol h1{font-size:18px; color:#f1f2f2; text-align:left; padding-bottom:5px;}
.copy{ background:#1c1c1c; height:50px; line-height:50px;color:#f1f2f2;}

/*---版权2--*/
.copy2_ng{ background:#FFFFFF; color:#000000; font-size:12px; padding-top:40px; padding-bottom:40px; overflow:hidden}
.copy2_ng dl{ float:left; margin-right:70px;}
.copy2_ng dl dt{ text-align:left; font-size:18px; color:#f1f2f2; padding-bottom:10px;}
.copy2_ng dl dd{ text-align:left; line-height:25px;}

.copy2_ng dl dd a{color:#c4c4c4;}
.copy2_ng dl dd a:hover{color:#fff;}
.w398{ width:398px}
.w398 ol{ float:left; text-align:left; line-height:25px;}
.w398 ol h1{font-size:18px; color:#f1f2f2; text-align:left; padding-bottom:5px;}
.copy2{ background:#1c1c1c; height:50px; line-height:50px;color:#f1f2f2;}


/*---二级页面*/
.pest_bg{ background:#FAFAFA; padding:20px 0px}
.w1001{overflow:hidden;
	position:relative;
	text-align:center;
	margin:auto; width:100%; height:208px }

.w1001 p {  width:1920px; 
            position:absolute;
            left:50%;
            margin-left:-960px; 
	}
	
.w234{ width:234px;}
.left_r1{width:234px; background:url(../images/case_r5_c2.jpg) no-repeat; height:17px; overflow:hidden}
.left_r2{width:234px; background:url(../images/case_r7_c2.jpg) repeat-y; height:auto; overflow:hidden; color:#4f4f4f}
.left_r3{width:234px; background:url(../images/case_r16_c2.jpg) no-repeat; height:19px; overflow:hidden}
.bt_lest{ width:173px; background:url(../images/case_r12_c4.jpg) 0px bottom no-repeat; height:30px; line-height:30px; text-align:left; font-size:16px;}
.lanmu{ width:173px;}
.lanmu li a{ text-align:center; line-height:40px; border-bottom:1px solid #E4E4E4; overflow:hidden; font-size:14px; width:173px; display:block; height:40px;-webkit-transition:all 1s;
-moz-transition:all 1s;
-o-transition:all 1s;}
.lanmu li a:hover{ text-align:center; background:#409BBA; color:#fff; line-height:40px; border-bottom:1px solid #E4E4E4; overflow:hidden; font-size:14px; width:173px; display:block; height:40px;}
.w864{ width:864px;}
.right_r1{ background:url(../images/case_r5_c10.jpg) no-repeat; height:34px; overflow:hidden;width:864px;}
.right_r2{ background:url(../images/case_r10_c10.jpg) repeat-y; height:auto; overflow:hidden; clear:both;width:864px;}
.right_r3{ background:url(../images/case_r18_c10.jpg) no-repeat; height:31px; overflow:hidden;width:864px;}
.case_inf{ width:752px;}
.case_inf dl{ width:100%; clear:both; border-bottom:1px solid #DBDBDB; padding-bottom:25px; padding-top:15px; overflow:hidden}
.case_inf dt{ float:left}
.case_inf dd{ width:522px; float:right; text-align:left; line-height:20px; color:#636161; font-size:12px;}
.case_inf dd h1{ line-height:30px; font-size:16px;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block; text-align:left}
.case_inf dd p{ text-align:left; padding-top:8px;  overflow:hidden}

.page{ width:560px; margin:0 auto; margin-top:25px; margin-bottom:20px; font-size:12px; font-family:"microsoft yahei"; overflow:hidden; text-align:center; margin:auto}
.page a{display:block; float:left; height:30px; border:1px solid #bcbcbc; line-height:30px; padding:0 15px; margin:0 3px; color:#666; overflow:hidden;}
.page a:hover,a.cur{background:#3D9AB9; color:#fff; border:1px solid #3D9AB9; text-decoration:none;}

.pro_p_inf{ width:828px; }
.pro_p_inf li{ width:244px; border:1px solid #DBDBDB; height:318px; float:left; margin-left:20px; margin-right:10px; margin-bottom:15px;-webkit-transition:all 1s;
-moz-transition:all 1s;
-o-transition:all 1s;}
.pro_p_inf li:hover{border:1px solid #097ca9;}
.pro_p_inf li span{width:244px; text-align:center; line-height:40px; display:block; font-size:16px; padding-top:20px; padding-bottom:20px;}

.pro_p_inf li p a{ border:1px solid #010101; border-radius:4px; padding:5px 15px;-webkit-transition:all 1s;
-moz-transition:all 1s;
-o-transition:all 1s; }
.pro_p_inf li p a:hover{ border:1px solid #fc5105; border-radius:4px; padding:5px 15px; color:#fc5105 }

.pro_ne{ width:770px}
.pro_ne dl{ width:400px;}
.pro_ne dl dt{ text-align:left; font-size:22px; font-weight:bold; border-bottom:1px solid #eee; padding-bottom:20px; overflow:hidden}
.pro_ne dl dd{ text-align:left; font-size:14px;  border-bottom:1px solid #eee; padding-bottom:20px; overflow:hidden; padding-top:20px;}
.pro_ne_two{ width:770px}
.pro_ne_two h5{ width:100%; background:#E9E9E9; height:35px; line-height:35px; font-size:16px; padding-left:20px; text-align:left}
.pro_ne_two p{ text-align:left; line-height:24px; padding-top:15px; overflow:hidden}
.pro_ne_two p img{ text-align:center; margin:auto; display:block;}

.con_bg{ background:url(../images/lianxi_r2_c2.jpg) no-repeat; width:691px; height:293px; overflow:hidden}
.con_bg dl{ width:318px; float:right; margin-right:10px; margin-top:30px; overflow:hidden}
.con_bg dl dt{ text-align:left; line-height:30px; font-size:18px; font-weight:bold; padding-bottom:10px; color:#0a7daa}
.con_bg dl dd{ text-align:left; line-height:22px; font-size:12px;}

.img_map{ width:694px; border-top:1px solid #eee; padding-top:25px; overflow:hidden}

.w802{ width:802px}
.btt{width:800px; height:auto; text-align:center; padding-bottom:5px;  border-bottom:1px dashed #d6d6d6;}
.btt h4{ font-size:18px; font-family:"microsoft yahei";}
.btt ol{ margin-top:6px; color:#979696; font-size:12px;}

.conn{width:800px; height:auto; font-size:16px; line-height:27px; text-align:left; margin-top:15px; clear:both; }
.conn p{ text-align:left; line-height:24px; font-size:16px; padding-top:15px;}
.conn p img{ text-align:center; margin:auto; display:block}
.fenpian{ width:800px; clear:both; padding-top:15px;  margin-top:15px; overflow:hidden}
.fenpian li{ text-align:left; line-height:30px;border-bottom:1px solid #ddd; width:400px; float:left}

.renli_left{ width:800px;}
.renli_left dl{border-bottom:1px dashed #DDDDDD;  padding-bottom:15px; width:800x; margin-bottom:15px;}
.renli_left dl dt{ background: url(../images/pi_r2_c2.jpg) 0px 9px no-repeat; text-align:left;  font-size:20px; padding-left:30px; width:800px; clear:both; height:35px; line-height:35px}
.renli_left dl  dd{ text-align:left; line-height:22px; padding-top:15px; padding-left:30px;}

.map{ width:1026px; background:#fff; border:1px solid #eee; overflow:hidden; margin-top:20px; clear:both; padding:20px 40px; opacity:0.7}
.map dl{ clear:both; padding-bottom:10px; border-bottom:1px solid #eee; overflow:hidden}
.map dl dt{ text-align:left; line-height:30px; color:#d82128; font-size:18px; margin-top:10px;}
.map dl dd{ clear:both}
.map dl dd a{ border:1px solid #eee; padding:5px 10px; overflow:hidden; float:left; margin-right:20px; margin-top:15px;}

