@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;word-wrap:break-word;}
body{ font-size:12px; color:#343434; font-family:微软雅黑; }

.content {width: 75%;margin: 0 auto; overflow:hidden; min-width:1200px;}
@media only screen and (max-width: 1600px) {.content{width: 80%;min-width:1200px;}}
@media only screen and (max-width: 1400px) {.content{width: 85%;min-width:1200px;}}
.content2 {width: 75%;margin: 0 auto;}
@media only screen and (max-width: 1600px) {.content2{width: 80%;min-width:1200px;}}
@media only screen and (max-width: 1400px) {.content2{width: 85%;min-width:1200px;}}

.content3 {width:calc(75% + 120px);margin: 0 auto;min-width:1200px;}
@media only screen and (max-width: 1600px) {.content3{width: calc(80% + 120px);}}
@media only screen and (max-width: 1400px) {.content3{width: calc(85% + 120px);}}

.content4 {width: 75%;margin: 0 auto; padding-bottom:20px; overflow:hidden;max-width:1200px;}
@media only screen and (max-width: 1600px) {.content4{width: 80%; padding-bottom:20px; overflow:hidden;min-width:1200px;}}
@media only screen and (max-width: 1400px) {.content4{width: 85%; padding-bottom:20px; overflow:hidden;min-width:1200px;}}

table{border-collapse:collapse;border-spacing:0;}
ul,ol,li{list-style:none;}
a{text-decoration:none; color:#343434; }
a:hover{text-decoration:none; color:#000;}
.cl{ clear:both; height:10px;}
img{ border:none;}
.header{ background:#fff; height:110px; position:fixed; width:100%; z-index:99999999999999999999999999; clear:both; top:0;filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=4);/*ie*/
-moz-box-shadow: 2px 2px 10px #909090;/*firefox*/
-webkit-box-shadow: 2px 2px 10px #909090;/*safari或chrome*/
box-shadow:2px 2px 10px #909090;/*opera或ie9*/  
}
.header ul{ display:block; margin:0 auto; z-index:-999}
.search{ display:block; width:80%; float:right; padding-top:5px;}
.search ul{ display:block; clear:both;}
.logo{ display:block; width:20%; float:left; padding-bottom:10px; padding-top:30px;}
.logo img{ height:65px;}



/* 本例子css */

.picScroll-left{ width:100%;  overflow:hidden; position:relative; padding:20px 0;  }
.picScroll-left .bd{ float:left;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{float:left; text-align:center;overflow:hidden; text-align:center; width:25%;background-size:cover;   }
.picList li a{ display:block; overflow:hidden; border:1px solid #dddddd; line-height:40px;font-size:14px; margin-bottom:20px; width:95%; margin:0 auto; background:#dddddd;}
.picList li a img{ width:100%;}
.picList li a{position:relative; display:block;  overflow:hidden; }
.picList li a em{ font-style:normal; display:none;position:absolute; width:100%;}
.picList li a:hover em{ background:RGB(0,71,145);opacity:0.8;  display:block; height:100%; top:0;left:0; color:#fff; text-align:center;
filter: Alpha(opacity=80);*zoom:1;/* 激活IE6、7的haslayout属性，让它读懂Alpha */ cursor:pointer;}
.picList li a:hover em p{display:block; font-size:14px; width:150px; height:30px; line-height:30px; text-align:center; border:1px solid #f0f0f0;  margin:0 auto;position:absolute; left:calc(50% - 75px);  top:calc(50% - 15px); }
.con3{ padding-top:20px; padding-bottom:20px; overflow:hidden;}
.picScroll-left .next{ display: block;width:50px;height: 50px;overflow: hidden;cursor: pointer;background: url(/statics/images/left.png) no-repeat; background-position:left center; position:absolute;  z-index:999;  top:45%; left:0;}
.picScroll-left .prev {display: block;width:50px;height: 50px;overflow: hidden;cursor: pointer;background: url(/statics/images/right.png) no-repeat; background-position:right center; position:absolute;  z-index:999;  top:45%; right:0; }

.sss{ display:block; width:212px; float:right; border:1px #dddddd solid;border-radius:5px; margin-top:3px; margin-left:5px;}
.sss .input{ display:block; width:180px; float:left; height:32px; border:none; text-indent:10px; line-height:32px; font-size:14px;color:#828282; font-family:微软雅黑; }
.sss .btn{ display:block; width:32px; height:32px; background:url(/statics/images/sss.png); border:none; float:left; font-family:微软雅黑; color:#828282;}


.nav{ height:40px; clear:both; padding-top:10px; width:100%; float:right;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.topNav{position:relative; z-index:9999999999999; height:40px; line-height:40px; width:100%;float:right; padding-top:10px;}
.topNav-width{ width:100%; float:right;  }
.topNav h3{ font-weight:normal; font-size:100%; }
.topNav dl{ zoom:1; }
.topNav .tnLeft{ float:right;  }
.topNav .tnRight{ float:right;  }
.topNav dd{ float:left; position:relative;  }
.topNav dd h3{ float:left;  }
.topNav dd h3 a{ display:inline-block; *display:inline; zoom:1; line-height:40px; height:40px; width:100px; text-align:center; font-size:14px; color:#333;}

.topNav dd h3 a:hover{ color:#fff;}
.topNav dd h3 a:hover,
.topNav dd.on h3 a{ background:#000; color:#fff;  -moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0; position:relative; behavior:url(/statics/css/PIE.php);}


#navon{background:#000; color:#fff;  -moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px; position:relative;}

#navon2 a{ }
#navon2 a:hover{background:#000; color:#fff;  -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; position:relative;}

.topNav dd ul{ display:none; /*默认暗藏*/ position:absolute; width:250px; top:40px; left:0; background:url(/statics/images/bg_png.png); z-index:9999;}
.topNav dd ul li{ line-height:40px;}
.topNav dd ul li a{ display: block; color:#fff; padding: 0 15px; text-indent:5px; font-size:14px;  }
.topNav dd ul li a:hover{ background:#000; color:#fff;    }
.topNav dd ul li a span{ color:#fff; margin-left:5px;}
.main{ width:75%; margin:0 auto; padding-top:10px;}
.banner{clear:both; width:100%; }

.banner{ padding-top:90px; overflow:hidden;}
.banner2{ padding-top:90px;}
.banner2 img{ width:100%;}

.main{ width:1200px; margin:0 auto;}
.list1{ width:315px; float:left;}


.title h1{ display:block; height:35px; background:#dddddd; font-size:14px; line-height:35px; }
.title h1 span{ display:block; width:86px; height:35px; background:#000; color:#fff; text-align:center; float:left;}
.title h1 a{ display:block; float:right; font-size:12px; padding-right:5px;}


.list2{ width:420px; float:left;}
.list2 h1{ display:block; height:35px; background:#dddddd; font-size:14px; line-height:35px;}
.list2 h1 span{ display:block; width:86px; height:35px; background:#000; color:#fff; text-align:center;}
.vr{ height:320px;}


/* fullSlide */
.fullSlide{width:100%;position:relative; height:450px; }
.fullSlide .bd{margin:0 auto; position:relative;z-index:0;overflow:hidden; }
.fullSlide .bd ul{width:100% !important; }
.fullSlide .bd li{width:100% !important;overflow:hidden;text-align:center;}
.fullSlide .bd li img{ width:100%; height:450px; }
.fullSlide .bd li a{display:block;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:35px;height:10px;margin:2px;overflow:hidden;background:#fff;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#000;}

.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(/statics/images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}



.footer{ background:#094F9D; padding-top:40px; overflow:hidden; clear:both;}
.add{ width:60%; float:left; padding-bottom:20px;}
.add ul li img{ float:left; margin-right:25px; width:25px; padding-top:5px;}
.add ul li{ clear:both; line-height:30px; color:#fff; margin-top:10px;}
.add ul li:nth-child(1){ margin-top:20px;}
.code{ width:40%; float:right; padding-top:20px;}
.code ul li{ display:block; float:right; width:154px; font-size:14px; color:#fff; margin-left:20px; text-align:center;}
.code ul li img{ width:154px;}
.copyright{ background:#333; height:50px; line-height:50px; clear:both; color:#fff; text-align:center;}

.flink{ clear:both; overflow:hidden; padding-bottom:20px;}
.flink li{ display:inline; padding-right:10px; color:#fff; line-height:30px;}
.flink li a{ color:#fff;}

.list3{ width:780px; float:right; background:#fff; overflow:hidden;}
.list3 .title h1{ width:315px;}
.list33  li{ line-height:30px; clear:both; display:block; border-bottom:1px dashed #dddddd; height:30px; }
.list33  li a{ float:left;}
.list33  li img{ width:365px; height:145px;}
.list33  li span{ float:right;}
.list33 {  height:260px; background:#fff; margin-top:3px; width:460px; float:right; padding:0 5px;}

.cl{ height:15px; clear:both;}
.list4{ width:315px; float:left;}
.list4 ul{ display:block; clear:both; margin-top:3px; background:#fff; padding:10px;}
.list4 ul li a img{ width:295px; height:175px;}

.box2{ width:1200px; margin:0 auto;}
.list5{ width:1200px; }
.list5 h1{ display:block; height:35px; background:#dddddd; font-size:14px; line-height:35px;}
.list5 h1 span{ display:block; width:100px; height:35px; background:#000; color:#fff; text-align:center; float:left;}
.list5 h1 a{ display:block; float:right; font-size:12px; padding-right:5px;}

.list5_list{ clear:both; margin-top:3px; background:#fff; height:200px;}



.list222{ width:1200px; margin:0 auto; background:none;}

.box1{ width:1200px; margin:0 auto;}

.box2{ width:1200px; margin:0 auto;}


.banner2{}
.banner2 img{ width:100%;}

.c_l{ width:20%; float:left; background:#f0f0f0; margin-bottom:20px; margin-top:20px;}
.title2{ height:45px; background:#DDDCDA;}
.title2 h1{ height:45px; font-size:14px; line-height:45px; color:#fff;}
.title2 h1 span{ display:inline-block; background:#000; padding:0 15px;}

.list6{ width:1200px;}
.list6 h1{ display:block; height:35px; background:#dddddd; font-size:14px; line-height:35px;}
.list6 h1 span{ display:block; width:86px; height:35px; background:#000; color:#fff; text-align:center; float:left;}
.list6 h1 a{ display:block; float:right; font-size:12px; padding-right:5px;}

.menu ul { display:block; margin-top:3px; overflow:hidden;}
.menu ul li{ clear:both; font-size:14px;}
.menu ul li a{ clear:both; display:block;  line-height:40px; padding:0 23px; border-bottom:6px solid #f6f6f6;background:url(/statics/images/r4.png) #fff no-repeat 80% center; }
.menu ul li a:hover{ background:url(/statics/images/r4.png) #000 no-repeat 80% center;color:#fff;}
.menu ul li a span{ float:right}
#onon{ background:url(/statics/images/r4.png) #000 no-repeat 80% center;color:#fff;}

#li1{ font-size:14px; background:#000;}
#li1 a{ color:#fff;}
#li2{background:#f0f0f0; text-indent:2em;}
#li3{padding-left:4em; font-size:12px; background:#f0f0f0;}


.contact{ clear:both;}
.contact ul{ padding:10px; margin-top:3px; clear:both;  line-height:30px; overflow:hidden;}

.c_r{ width:77%; float:right; margin-bottom:20px; margin-top:20px;}
.path{ height:43px;  line-height:43px; }
.path p{ float:left; background:url(/statics/images/index.png)  no-repeat left center; padding-left:35px; font-size:14px; line-height:43px;}

.r_content{ clear:both; min-height:500px; background:#fff; padding:10px;}

.pp{ background:#f1f1f1;}



.list1{ width:320px; float:left; padding:5PX;}


.page{ text-align:center; clear:both; padding-top:30px; line-height:30px; margin-bottom:30px; }
.page span{ padding:3px 8px; background-color:#000; color:#fff;}
.page a{ padding:3px 8px;  color:#000;  background-color:#ccc; text-decoration:none;}
.page a:hover{ color:#fff; background-color:#000; text-decoration:none;}


/* 本例子css */
.txtMarquee-left{ width:1098px;  position:relative;  border:1px solid #ccc;   }
.txtMarquee-left .bd{ padding:0 10px; }
.txtMarquee-left .bd .tempWrap{ width:1078px !important; }/* 用 !important覆盖SuperSlide自动天生的宽度，这样就能够手动节造可视宽度。 */
.txtMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.txtMarquee-left .bd ul li{ margin-right:20px;  float:left; height:30px; line-height:30px;  text-align:left; _display:inline; width:auto !important;  }/* 用 width:auto !important 覆盖SuperSlide自动天生的宽度，解决文字不衔接问题 */
.gonghe{ width:1200px; margin:0 auto;}




.list222{ width:420px; float:left;}
/* 本例子css */
.slideTxtBox2{ width:420px; text-align:right; }
.slideTxtBox2 .hd{ height:35px; line-height:35px; font-size:14px; font-weight:700; background:#dddddd;  position:relative; border-top:none; }
.slideTxtBox2 .hd ul{ float:left;  position:absolute; height:30px;   }
.slideTxtBox2 .hd ul li{ float:left; padding:0 15px; cursor:pointer;  }
.slideTxtBox2 .hd ul li.on{ height:35px;  background:#000; color:#fff; }
.slideTxtBox2 .hd ul li.on a{ color:#fff;}
.slideTxtBox2 .bd{ height:250px;}
.slideTxtBox2 .bd ul{   zoom:1; padding:5px; padding-top:10px; border:1px solid #dddddd; height:233px; overflow:hidden; background:#fff; }
.picc{ width:140px; float:left; text-align:center; line-height:30px;}
.picc img{ width:140px;}
.slideTxtBox2 .bd ul dl{ display:block; width:230px; float:right; padding-right:5px;}
.slideTxtBox2 .bd ul dl dt{ display:block; height:25px; line-height:28px; border-bottom:1px dashed #dddddd;}
.slideTxtBox2 .bd ul dl dt a{ float:left;}
.slideTxtBox2 .bd ul dl dt span{ float:right;}

.list3{ width:320px; float:left; margin-left:20px;}
.list3 h1{ display:block; height:35px; background:#dddddd; font-size:14px; line-height:35px;}
.list3 h1 span{ display:block; width:86px; height:35px; background:#000; color:#fff; text-align:center; float:left;}
.list3 h1 a{ display:block; float:right; font-size:12px; padding-right:5px;}
.list3 ul{ border:1px solid #dddddd; overflow:hidden; padding:5px; height:220px;}
.list3 ul li{ display:block; height:25px; line-height:28px; border-bottom:1px dashed #dddddd;}
.list3 ul li a{ float:left;}
.list3 ul li span{ float:right;}



/* 本例子css */
		.txtMarquee-top{ width:468px;  overflow:hidden; position:relative;  border:1px solid #ccc;   }

		.txtMarquee-top .bd{ padding:10px; height:228px;}
		.txtMarquee-top .infoList li{ height:24px; line-height:24px;   }
		.txtMarquee-top .infoList li span{ float:right; }
		



.list333{ width:850px; height:60px; float:left;}
/* 本例子css */
.slideTxtBox3{ width:850px; text-align:left; }
.slideTxtBox3 .hd{ height:60px; width:100px; float:left; font-size:14px; font-weight:700; background:#cccccc;  position:relative; border-top:none; }
.slideTxtBox3 .hd ul{ float:left;  position:absolute; height:60px;   }
.slideTxtBox3 .hd ul li{ cursor:pointer; display:block; width:100px; text-align:center; line-height:30px; }
.slideTxtBox3 .hd ul li.on{   background:#000; color:#fff; }
.slideTxtBox3 .hd ul li.on a{ color:#fff;}
.slideTxtBox3 .bd{ height:60px; width:750px; float:left; background:#dddddd;}
.slideTxtBox3 .bd ul{   zoom:1;  height:60px; overflow:hidden; }

.slideTxtBox3 .bd ul dl{ display:block; padding-right:5px;}
.slideTxtBox3 .bd ul dl dt{ display:block; height:25px; line-height:28px; border-bottom:1px dashed #dddddd;}
.slideTxtBox3 .bd ul dl dt a{ float:left;}
.slideTxtBox3 .bd ul dl dt span{ float:right;}










.loop1{ width:285px; float:left; overflow:hidden; background:#000; line-height:30px; margin-right:20px; border:1px solid #000;}
.loop1 img{ width:285px; height:230px;}
.loop1 h3{ font-size:14px; text-align:center; color:#fff; height:50px; line-height:50px;}



.lista{ width:660px; float:right;}

.list3333  li{ line-height:30px; clear:both; display:block; border-bottom:1px dashed #dddddd; height:30px; }
.list3333  li a{ float:left;}
.list3333  li img{ width:220px; height:225px;}
.list3333  li span{ float:right;}
.list3333 {  height:225px; background:#fff; margin-top:3px; width:320px; float:right; padding:0 5px;}

/* 本例子css */
.focusBox { position: relative; width:220px; height: 220px; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white; }
.focusBox .pic img { width:220px; height: 220px; display: block; }
.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }
.focusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}
.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none; }
.focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
.focusBox .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
.focusBox .num li span { z-index: 1; background:#000; filter: alpha(opacity=80); opacity: 0.8; }
.focusBox .num li.on a,.focusBox .num a:hover{ background:#000;  }


.tel{ height:30px; padding-left:45px; background: url(/statics/images/tel.png) no-repeat left center; font-size:20px; float:right; color:#000; font-weight:bolder; line-height:30px;}

.list1111{ width:220px; float:left; padding:5PX;}
.listb{ border:1px solid  #dddddd; overflow:hidden; height:230px; background:#fff;}

.about{ width:1200px; margin:0 auto; overflow:hidden; padding-top:30px;}
.index_title{ text-align:center;}
.index_title h1{ font-size:30px; color:#000; line-height:50px;}
.index_title p{ font-size:14px; text-indent:2rem; text-align:left; line-height:200%; padding-top:10px;}
.index_title h2{ font-size:18px; color:#cccccc;}
.index_title2{ text-align:center; margin-bottom:30PX;}
.index_title2 h1{ font-size:30px; color:#fff; line-height:50px;}
.index_title2 h2{ font-size:18px; color:#cccccc;}
.video2{ width:45%; height:350px; float:left; margin-top:30px; background:#fff;}
.video2 img{ width:100%; height:350px;}

.con2{ background:#000; overflow:hidden; padding:30px 0;}

.more{ width:120px; height:30px; background:#000; color:#fff; display:block;line-height:30px; text-align:center; margin:0 auto; clear:both;}
.more:hover{ color:#fff;}


#right{ margin-right:0; float:right;}
.company{ background:#FFF; overflow:hidden; padding:20px; margin-top:20px;}
.gongsi{ width:calc(100% - 550px); float:right;background:#fff; overflow:hidden; margin-top:20px; } 

.gongsi ul{ display:block; width:100%; float:right; background:#fff;}

.gongsi ul li h1{ font-size:30px; padding-bottom:20px;}
.gongsi ul li p{  font-size:14px; font-weight:normal; padding-bottom:20px; line-height:28px;}
.gongsi ul li p span{ color:#000; font-size:16px;}
.gongsi ul li a{ display:block; width:110px; height:35px; display:block; background:#000; text-align:center; line-height:35px; color:#fff; font-size:14px; float:right;}


.con3{ padding-top:30px; overflow: hidden;  padding-bottom:30px;}

.card{ width:1200px; margin:0 auto; background:#FFF; margin-top:20PX; overflow:hidden;}

/* 本例子css */
.slideTxtBox{}
.slideTxtBox .hd{ height:550px; width:360px;   position:relative; float:left; background:#CCCCCC;}
.slideTxtBox .hd ul{ float:left; width:360px;  position:absolute;  }
.slideTxtBox .hd ul li{ cursor:pointer; height:80px; font-size:16px; line-height:80px; text-align:center; border-bottom:1px solid #fff;}
.slideTxtBox .hd ul li.on{ height:80px;background:#000; color:#fff; line-height:80px;}
.slideTxtBox .hd ul li.on a{ color:#fff;}
.slideTxtBox .bd ul{   zoom:1; padding-top:5px;}
.ddd{ width:780px; float:right; padding:10px;}
.dddpic{ width:395px; float:left;}
.dddtxt{ width:380px; float:right;}
.dddpic img{ display:block; width:360px; height:225px; float:left; padding-right:35px;}
.dddtitle h1{ font-size:24px; font-weight:normal; height:30px; color:#000; text-align:left;}
.dddtitle p{ font-weight:normal; line-height:35px; height:145px; padding-top:10px; text-indent:2em; padding-top:10px;}
.dddtitle .more2{ display:block; width:150px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:14px; background:#000;}
.dddlist{ clear:both; }
.dddlist h1{ display:block; height:45px; border-bottom:2px solid #dddddd; font-size:14px; font-weight:bolder; text-align:left; line-height:45px; color:#000;}
.dddlist ul { padding-top:40px;}
.dddlist h1 span{ display:inline-block; line-height:45px; border-bottom:2px solid #000; padding-right:5px;}
.dddlist ul li{ display:block; width:235px; float:left; padding-top:20px;margin-right:35px; line-height:30px;}

.dddlist ul li:nth-child(3) {margin-right: 0; float:right;}
.dddlist ul li span{ float:left;}
.dddlist ul li i{ font-style:normal; float:right;}
#righr{ margin-right:0; float:right;}
.dddlist ul li img{ width:235px; height:175px;}
.con4{ clear:both; padding-top:20px; padding-bottom:20px; overflow:hidden;}



.ctitle{  padding-bottom:20px; overflow:hidden;}
.ctitle h1 {font-size: 30px;padding-top: 30px;color:#000;text-align: center;}
.ctitle h2 {font-size: 25px;color: #f0f0f0;text-align: center;}
.ctitle ul { text-align:center;  font-size:0; margin-top:30px; }
.ctitle ul li{display:inline-block;/* 根基的 */display:inline\9;/* IE 8 及低于IE8版本 */*display:inline;/* IE 7 及低于IE7版本 */_display:inline;/* IE 6 */    zoom:1;  width:15%; text-align:center;  height:50px; line-height:50px; list-style:none; margin-left:10px; margin-right:10px;}
.ctitle ul li a{ display:inline-block; background:#f0f0f0; width:100%; font-size:16px; }
.ctitle ul li a.on{ background:#000; color:#FFFFFF;}
.ctitle ul li a:hover{background:#000; color:#FFFFFF;}
.prolist { overflow:hidden;}
.prolist li{ display:block; width:22%; float:left; margin-top:10px; margin-right:4%; text-align:center;  overflow:hidden;}
.prolist li a{ display:block; overflow:hidden; width:100%-2px; border:1px solid #dddddd; line-height:40px;font-size:14px; margin-bottom:20px;}
.prolist li a img{ width:100%;}
.prolist li:nth-child(4n){ margin-right:0;}
.prolist li a{position:relative; display:block;  overflow:hidden; }
.prolist li a em{ font-style:normal; display:none;margin: auto;position: absolute;left: 0;right: 0;top: 0;bottom: 0; width:100%;}
.prolist li a:hover em{ background:RGB(0,71,145);opacity:0.8;  display:block; height:100%;color:#fff; text-align:center; display:table-cell;vertical-align: middle;
    text-align: center;
filter: Alpha(opacity=80);*zoom:1;/* 激活IE6、7的haslayout属性，让它读懂Alpha */ cursor:pointer;}
.prolist li a:hover em p{ display:block; font-size:14px; width:150px; height:30px; line-height:30px; text-align:center; border:1px solid #f0f0f0;  margin:0 auto;position:absolute; left:calc(50% - 75px);  top:calc(50% - 15px); }



.caselist { overflow:hidden;}
.caselist li{ display:block; width:18%; float:left; margin-top:10px; margin-right:2.5%; text-align:center;  overflow:hidden;}
.caselist li a{ display:block; overflow:hidden; width:100%-2px; border:1px solid #dddddd; line-height:40px;font-size:14px; margin-bottom:20px;}
.caselist li a img{ width:100%;}
.caselist li:nth-child(5n){ margin-right:0;}
.caselist li a{position:relative; display:block;  overflow:hidden; }
.caselist li span{ display:block; width:100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.caselist li a em{ font-style:normal; display:none;margin: auto;position: absolute;left: 0;right: 0;top: 0;bottom: 0; width:100%;}
.caselist li a:hover em{ background:RGB(0,71,145);opacity:0.8;  display:block; height:100%;color:#fff; text-align:center; display:table-cell;vertical-align: middle;
    text-align: center;
filter: Alpha(opacity=80);*zoom:1;/* 激活IE6、7的haslayout属性，让它读懂Alpha */ cursor:pointer;}
.caselist li a:hover em p{ display:block; font-size:14px; width:150px; height:30px; line-height:30px; text-align:center; border:1px solid #f0f0f0;  margin:0 auto;position:absolute; left:calc(50% - 75px);  top:calc(50% - 15px); }


.indexpro { overflow:hidden; margin-top:20px;}
.indexpro li{ display:block; width:22%; float:left; margin-top:10px; margin-right:4%; text-align:center;  overflow:hidden; background:#fff;margin-bottom:20px;}
.indexpro li a{ display:block; overflow:hidden; width:100%-2px; border:1px solid #dddddd; line-height:40px;font-size:14px; }
.indexpro li a img{ width:100%;}
.indexpro li:nth-child(4n){ margin-right:0;}

.indexpro li a{position:relative; display:block;  overflow:hidden; }
.indexpro li a em{ font-style:normal; display:none;position:absolute; width:100%;}
.indexpro li a:hover em{ background:RGB(0,71,145);opacity:0.8;  display:block; height:100%; top:0;left:0; bottom:0; right:0;color:#fff; text-align:center;
filter: Alpha(opacity=80);*zoom:1;/* 激活IE6、7的haslayout属性，让它读懂Alpha */ cursor:pointer; }
.indexpro li a:hover em p{ display:block; font-size:14px; width:150px; height:30px; line-height:30px; text-align:center; border:1px solid #f0f0f0;  margin:0 auto;position:absolute; left:calc(50% - 75px);  top:calc(50% - 15px); }


.prolist li a span{ background:#dddddd;  display:block; height:40px;}
.title22 h1{ font-size:25px; line-height:200%; text-align:center; padding-top:20px; border-bottom:1px solid #f0f0f0; padding-bottom:20px;}
.title22 p{ color:#ccc; text-align:center; line-height:200%; font-size:14px; padding-top:20px;}
.ccc{ width:1200px; margin:0 auto; overflow:hidden; margin-top:30px; margin-bottom:30px; min-height:500px;}

.newslist li{ display:block; width:22%;  float:left; margin-right:4%;  background:#fff; }
.newslist li:nth-child(4n){ margin-right:0;}
.newslist li img{ width:100%; height:180px;}
.newslist li a { overflow:hidden;  border:1px solid #dddddd; display:block; }
.newslist li a h1{ font-size:14px; padding:0 10px; line-height:30px; height:60px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; }
.newslist li a span{padding:0 10px; line-height:30px; font-size:13px; color:#999999} 
.newslist li a p{padding:0 10px; line-height:30px; font-size:13px; color:#999999} 

.focusBox { position: relative; float:left; width:360px; height: 225px; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white; }
.focusBox .pic img { width:360px; height: 225px; display: block; }
.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }
.focusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}
.focusBox .txt li span{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none; }
.focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
.focusBox .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
.focusBox .num li span,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
.focusBox .num li span { z-index: 1; background:#000; filter: alpha(opacity=80); opacity: 0.8; }
.focusBox .num li.on sapan,.focusBox .num span:hover{ background:#005CA8;  }


.slideBox2{ width:100%;  overflow:hidden; position:relative; float:left; }
.slideBox2 .hd{ height:30px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox2 .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox2 .hd ul li{ float:left; margin-right:2px; border:1px solid #dddddd; width:15px; height:15px; padding:5px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox2 .hd ul li.on{ background:#000; color:#fff; }
.slideBox2 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox2 .bd li{ zoom:1; vertical-align:middle; }
.slideBox2 .bd img{ width:100%; display:block;  }

/* 本例子css */
.news{  margin:0 auto; margin-top:30px;}

.listnews{ width:55%; float:right; height:290px; background:#fff;  padding-top:20px;}
.listnews li a{ float:left;}
.listnews li span{ float:right;}
.listnews li{ clear: both; line-height:30px; border-bottom:1px dashed #dddddd; height:30px; display:block; width:90%; margin:0 auto; font-size:12px; }

.case{  margin:0 auto;}
.case img{ width:100%;}
.case{ margin-top:30px; clear:both;}
.case li{ width:30%; float:left; line-height:50px; text-align:center; margin-right:5%; font-size:14px;}
.case li a{ display:block; overflow:hidden; border:#dddddd solid 1px;}
.case li:nth-child(3){ margin-right:0; float:right;}
.case li span{ display:block; height:50px; background:#dddddd; }



.case { overflow:hidden;}
.case li{ display:block; width:30%; float:left; margin-top:10px; margin-right:5%; text-align:center;  overflow:hidden;}
.case li a{ display:block; overflow:hidden; width:100%-2px; border:1px solid #dddddd; line-height:40px;font-size:14px; margin-bottom:20px;}
.case li a img{ width:100%;}
.case li:nth-child(3n){ margin-right:0;}
.case li a{position:relative; display:block;  overflow:hidden; }
.case li a em{ font-style:normal; display:none;position:absolute; width:100%;}
.case li a:hover em{ background:RGB(0,71,145);opacity:0.8;  display:block; height:100%; top:0;left:0; color:#fff; text-align:center; padding-top:45%;
filter: Alpha(opacity=80);*zoom:1;/* 激活IE6、7的haslayout属性，让它读懂Alpha */ cursor:pointer;}
.case li a:hover em p{ display:block; font-size:14px; width:150px; height:30px; line-height:30px; text-align:center; border:1px solid #f0f0f0; margin-top:50%; margin:0 auto;}


.toutiao{ overflow:hidden;}
	.toutiao_img{ width:30%; float:left; }
	.toutiao_img img{ width:100%; border:1px solid #dddddd;}
	.toutiao_txt{ width:68%; float:right; line-height:200%; }
	.toutiao_title{ line-height:200%; font-size:14px; font-weight:bolder; display:block;color:#000;}
	.toutiao_miaoshu{ text-indent:2rem; display:block;}
	.toutiao_more{ width:150px; height:30px; text-align:center; line-height:30px; float:right; background:#dddddd;}
	
	.newslist2{ margin-top:20px; clear:both;}
	.newslist2 li a{ float:left;background:url(/statics/images/arr.jpg) left center no-repeat; padding-left:10px;}
.newslist2 li span{ float:right;}
.newslist2 li{ clear: both; line-height:35px; border-bottom:1px dashed #dddddd; height:35px; display:block; margin:0 auto; font-size:12px; }



.hezuohuoban ul li{ display:block; width:10.75%; float:left; margin-right:2%; margin-top:1%;}
.hezuohuoban ul li img{ width:100%;}
.hezuohuoban ul li:nth-child(8n){ margin-right:0;} 

.izl-rmenu{position:fixed; right:0; bottom:10px; padding-bottom:73px; background:url(/statics/images/r_b.png) 0px bottom no-repeat; z-index:999; }
.izl-rmenu .btn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(/statics/images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(/statics/images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(/statics/images/r_wx.png) 0px 0px no-repeat; background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(/statics/images/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(/statics/images/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}

/*轮播*/



.poster-item{background: #fff;
	transition: all 0.5s;cursor: default;
	-moz-transition: all 0.5s;cursor: default;
	-webkit-transition: all 0.5s;cursor: default;
	-o-transition: all 0.5s;cursor: default;
}
<!--耗时1776077246.0225秒-->