body {color: #666;	font-size: 14px;	line-height: 1.75em;	background: #fff;	font-family: Arial, Helvetica,"??????","Microsoft YaHei", simsun, sans-serif ;	-webkit-font-smoothing: antialiased; }
.fl{ float: left; } .fr{ float: right;} 
.cl:after{display:block;clear:both;content:"";visibility:hidden;height:0} .cl{zoom:1} 
/***************
"????","SimSun","????","SimHei","??????","Microsoft YaHei","?????????","Microsoft JhengHei","??????","NSimSun","????","KaiTi","
??? ???????????  #222  
?л?? ???????????????? #666
#???  ??????? ??????? ?????? #999
#??????  ????? ?????? #d7d7d7 
#????  ??????? #f3f5f7 
???? #f8f8f8

**************/
.w120{ width:1200px; clear:both; margin:0 auto;   }
.w100{ width:100%; min-width:1200px;  clear:both; margin:0 auto;   }
.w86{ width:860px; overflow:hidden;}
.w88{ width:880px; overflow:hidden;}
.h30{ height:30px; width:100%;   clear:both; margin:0 auto; }

a { color:#666;}
a:hover{ color:#0093DD;}
/********* top *****************/

header .face{margin:20px auto 10px; height:100px; overflow:hidden;}
header .face .tel{ margin-top:15px; padding-left:60px; background:url(/css/img/tel.png) left center no-repeat; line-height:24px; color:#666;  }
header .face .tel  .no{ font-family: 'Noto Sans CJK';    color: #666666;    font-size: 24px;}


header .daohang{ height:50px; background-color:#0093DD; background: -webkit-gradient(linear, left top, left bottom, from(#1aabf4), to(#0093dd));
    background-size: auto; color:#fff;}
/* ??????css */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
header .daohang .navBar{  position:relative; z-index:1;   height:50px; line-height:50px;color:#fff;   }
header .daohang .nav{ position:relative; font-size:14px; }
header .daohang .nav a{ color:#fff;  }
header .daohang .nav h3{  font-weight:normal;   }

header .daohang .nav h3 a{ display:block; width:150px; text-align:center;   color:#fff; }
header .daohang .nav h3 a.on,header .daohang .nav li:hover h3 a{ background:#0290D7; }

header .daohang .nav .m{ float:left;  position:relative; z-index:1; }

/*****************ppt *************/
.fullSlide{ width:100%;  position:relative;  height:380px; overflow:hidden;   }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:380px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:380px; }
/*******************/
.main{ padding:40px 0;}
.maintit{ padding:10px 15px ; line-height:30px; background:#F3F3F3; margin-bottom:20px; box-shadow: 0px 2px 3px rgb(204, 204, 204); border-radius:4px; overflow:hidden;}
.maintit strong{ font-size:18px; color:#555; font-family:"Arial Black";}
.maintit a{ float:right; color:#999; font-size:12px; font-family:simsun; line-height:30px;}
.maintit a span{ font-size:14px; padding-right:5px;}
.maintit a:hover{ color:#444;}
.main .sides{ background:#10A1EB; padding:20px; width:300px; box-sizing:border-box; color:#fff; }
.main .sides .sidetit{color:#fff; font-size:18px; font-weight:bold; line-height:1.5em; }
.main .sides .sidetit .line{ width:100%; height:10px; position:relative; margin:10px 0;}
.main .sides .sidetit .line span{ display:block; position:absolute; top:50%; left:0; background:#fff;}
.main .sides .sidetit .line span.line1{ height:1px; width:100%;}
.main .sides .sidetit .line span.line2{ height:3px; width:65px; margin-top:-1.5px;}

.main .sides ul.xmindex li a{ color:#fff; line-height:44px; border-bottom:1px dotted #fff;  overflow:hidden;text-overflow:ellipsis;white-space:nowrap; padding-left:20px; display:block; background:url(/css/img/xwico.png) left center no-repeat; }
.main .sides ul.xmindex li a:hover{  text-decoration:underline;}
.main .sides .lxwmnr{ width:100%; overflow:hidden; padding:10px 0; height:630px;}


.maingsjj .gsjjppt{ width:380px; height:280px;}
.gsjjppt .focusBox { position: relative; width: 380px; height: 280px; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white; }
.gsjjppt .focusBox .pic img { width: 380px; height: 280px; display: block; }

.gsjjppt .focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; width:100%; text-align:center; }
.gsjjppt .focusBox .num li{ display:inline-block; position: relative; width: 25px; height: 25px; line-height: 25px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
.gsjjppt .focusBox .num li a,.gsjjppt .focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
.gsjjppt .focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
.gsjjppt .focusBox .num li.on a,.gsjjppt .focusBox .num a:hover{ background:#FBCF33;  }

.gsjjppt .focusBox .prev,
.gsjjppt .focusBox .next { width: 30px; height: 50px; margin: -25px 0 0;  background: url(/css/img/ad_ctr.png) no-repeat -10px -20px;; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }
.gsjjppt .focusBox .prev { left: 0; }
.gsjjppt .focusBox .next { background-position: -20px -110px; right: 0; }
.gsjjppt .focusBox .prev:hover,
.gsjjppt .focusBox .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }

.maingsjj .gsjjnr{ width:450px; height:280px; line-height:2em; }

/********************/
.cpindex{ padding-top:10px;}
.cplb{ width:225px; background:#F5F7FA;}
.cplb .lbtit{ background:#10A1EB; height:48px;}
.cplb .lbtit p{ padding-left:25px; font-size:18px; line-height:48px; color:#fff;}
.cplb ul{ padding: 20px;}
.cplb ul li a{ display:block; line-height:42px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; border-bottom:1px solid #e9e9e9; padding:0 10px;}
.cplb ul li a:hover{ background:#10A1EB; color:#fff;}

.cpindex .cpzsindex{ width:630px; overflow:hidden;}
.cpindex .cpzsindex ul li{ width:300px; height:200px; float:left; overflow:hidden; position:relative; margin-left:15px; margin-bottom:20px;}
.cpindex .cpzsindex ul li .tu img{ width:300px; height:200px; display:block;}
.cpindex .cpzsindex ul li:hover .tu img {transform: scale(1.2); -webkit-transform: scale(1.2);-webkit-transform: all .3s ease 0s;transition: all .3s ease 0s;}

.cpindex .cpzsindex ul li .wen{max-width: 100%;max-height: 100%;position: absolute;display: block;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);
}
.cpindex .cpzsindex ul li .wen p{ line-height:1.5em; font-size:18px; color:#fff; font-weight:400;}


/***********???*******************/
footer .foot{ text-align:center; padding:15px 0; background:#f2f2f2; border-top:1px solid #ddd; }
footer .foot a.a1{ padding:0 10px;}
footer .foot a:hover{ color:#333;}

.pagination{list-style:none;margin:20px auto; text-align:center; display:inline-block; width:100%;}
.pagination li{display:inline-block; margin:2px; text-align:center;}
.pagination a{color:#999;padding:6px 12px;line-height:18px;display:block;border:solid 1px #ddd; border-radius:4px; overflow:hidden;}
.pagination a:hover ,.pagination li.thisclass a{ background:#EEEEEE; color:#444;border:solid 1px #ddd;}

.w86 .xiangxineirong{ font-size:14px; line-height:2em; overflow:hidden;  }
.w86 .xiangxineirong img{ max-width:860px; height:auto; vertical-align:bottom}
.w86 .xiangxineirong table{ width:100%; border-collapse:collapse; margin:10px auto;}

.w86 .xiangxineirong h1.bt{ font-size:20px; line-height:1.5em; text-align:center; padding-bottom:10px; color:#333; margin-bottom:20px; border-bottom:1px dotted #ccc;}
.w86 .xiangxineirong  .time{ font-size:12px; color:#888; background: url(/css/img/sjico.png) left center no-repeat; padding-left:16px; margin-top:10px; }
.w86 .xiangxineirong .time span{  background: url(/css/img/djs.png) left center no-repeat; padding-left:16px; margin-left:30px;}

.shangxiaye{ margin-top:10px; border-top:1px dotted #ccc; padding:10px 0;}

/********cp**************/

.gsjjSlide{ width:860px; position:relative;  height:450px; overflow:hidden;;  }
.gsjjSlide .bd{ position:relative; z-index:0;  }
.gsjjSlide .bd ul{ width:100% !important;  }
.gsjjSlide .bd li{ width:100% !important;  height:450px; overflow:hidden; text-align:center; background-size: auto 100%;   }
.gsjjSlide .bd li a{ display:block; height:450px; }

.gsjjSlide .hd{ width:100%; height:76px; padding:10px 0; left:0; bottom:0; position:absolute; z-index:1; bottom:0; overflow:hidden; background: rgba(0,0,0,.5); overflow:hidden;  }
.gsjjSlide .hd ul{ text-align:center;  }
.gsjjSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:130px; height:70px; margin:5px; overflow:hidden; background-size: auto 100%; background-position:center center; filter:alpha(opacity=80);opacity:0.8;   }
.gsjjSlide .hd ul .on { filter:alpha(opacity=100);opacity:1;    }



.gsjjSlide .prev,
.gsjjSlide .next{  display:block;  position:absolute; z-index:2;  bottom:25px; margin-top:-30px; left:50%;  z-index:2; width:40px; height:40px;   cursor:pointer;   }
.gsjjSlide .prev{ margin-left:-410px; background:url(/css/img/leftico1.png) center center no-repeat  }
.gsjjSlide .next{ margin-left:370px; background:url(/css/img/leftico2.png) center center no-repeat }
.gsjjSlide .prev:hover{ background:url(/css/img/leftico1h.png) center center no-repeat }
.gsjjSlide .next:hover{ background:url(/css/img/leftico2h.png) center center no-repeat }

/*********************/
.w88 .cpzs{ width:655px; overflow:hidden;}
.w88 .cpzs ul.cpzslist li{ float:left; width:190px;  margin-left:22px; margin-bottom:22px; border:1px solid #ddd; overflow:hidden;}
.w88 .cpzs ul.cpzslist li:hover{ border-color:#10A1EB}
.w88 .cpzs ul.cpzslist li:hover .wen .bt{ color:#10A1EB}
.w88 .cpzs ul.cpzslist li .tu{ width:190px; height:120px; overflow:hidden;}
.w88 .cpzs ul.cpzslist li .tu img{ display:block; width:190px; height:auto;}
.w88 .cpzs ul.cpzslist li:hover .tu img {transform: scale(1.1); -webkit-transform: scale(1.1);-webkit-transform: all 1s ease 0s;transition: all 1s ease 0s;}
.w88 .cpzs ul.cpzslist li .wen{ margin:5px auto; width:180px; overflow:hidden}
.w88 .cpzs ul.cpzslist li .wen .bt{ font-size:16px; line-height:30px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color:#333; }
.w88 .cpzs ul.cpzslist li .wen p{ color:#888; font-size:12px; line-height:1.5em; height:3em; overflow: hidden; text-overflow: ellipsis;display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }


.w88 .cpxxsm{ width:635px; overflow:hidden;  }
.w88 .cpxxsm .xiangxineirong{ font-size:14px; line-height:2em; overflow:hidden;  }
.w88 .cpxxsm .xiangxineirong img{ max-width:635px; height:auto; vertical-align:bottom}
.w88 .cpxxsm .xiangxineirong table{ width:100%; border-collapse:collapse; margin:10px auto;}
.w88 .cpxxsm .xiangxineirong  h1.cpbt{ margin-top:0; margin-bottom:10px;  line-height:1.5em; font-size:24px; color:#444; }


/*******************/
ul.xwlist  li{ padding:20px 0; border-bottom:1px dotted #ddd;  }
ul.xwlist  li .tu{ width:120px; height:90px; overflow:hidden;}
ul.xwlist  li .tu img{ width:120px; height:auto; display:block;}
ul.xwlist  li:hover .tu img {transform: scale(1.1); -webkit-transform: scale(1.1);-webkit-transform: all .5s ease 0s;transition: all .5s ease 0s;}

ul.xwlist  li .wen{ width:720px; height:90px; overflow:hidden;}
ul.xwlist  li .wen h3 a{ font-size:16px; color:#333; line-height:1.3em; display:block; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
ul.xwlist  li .wen .desc{ font-size:12px; color:#888; line-height:1.5em; height:3em; overflow: hidden; text-overflow: ellipsis;display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin:5px auto; }
ul.xwlist  li .wen .time{ font-size:12px; color:#888; background: url(/css/img/sjico.png) left center no-repeat; padding-left:16px; }
ul.xwlist  li .wen .time span{ float:right; background: url(/css/img/djs.png) left center no-repeat; padding-left:16px;}
ul.xwlist  li:hover h3 a{ color:#10A1EB}


/****************************/
.caselist li{ width:270px; height:115px; background:#F3F3F3; border:1px solid #ddd; margin:10px 0 10px 22px; float:left; position:relative;}
.caselist li:nth-child(3n+1){ margin-left:0;}
.caselist li .mc{ width:250px; text-align:center; position:absolute; font-size:30px; color:#666; line-height:1.2em; position: absolute;display: block;top: 50%;left:10px;-webkit-transform: translate(0,-50%); transform: translate(0,-50%);}

/***********************/
.zxly .lable{ font-size:16px; color:#333; line-height:1.8em;}
.zxly input{ width:100%; height:40px; line-height:40px; padding:0 10px; border:1px solid #ddd; box-sizing:border-box; background:#FAFAFA; margin-bottom:20px; outline:none}
.zxly textarea{ width:100%; height:100px;  padding:5px 10px; border:1px solid #ddd; box-sizing:border-box; background:#FAFAFA; margin-bottom:20px;outline:none}
.zxly .yanzhengma { position:relative;}
.zxly .yanzhengma  img{ display:block; position:absolute; right:2px; top:2px; border-left:1px solid #ccc; padding-left:10px;}

.zxly .tijiao input{ width:160px; background:#10A1EB; color:#fff; float:right;}