@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:微软雅黑; background:#F6F6F6;}

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

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:#004791;}
.cl{ clear:both; height:10px;}
img{ border:none;}
.header{ background:#fff; height:90px; 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:15px;}
.search ul{ display:block; clear:both;}
.logo{ display:block; width:20%; float:left; padding-top:10px; padding-bottom:10px; padding-top:15px;}
.logo img{ height:60px;}



/* 本例子css */

.picScroll-left{ width:100%;  overflow:hidden; position:relative; padding:20px 0;  }
.picScroll-left .bd{width:94%; 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 span{ display:;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; 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; padding-top:45%;
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-top:50%; margin:0 auto;}
.con3{ padding-top:20px; padding-bottom:20px; overflow:hidden;}
.picScroll-left .next{ display: block;width:3%;height: 100px;float: left;overflow: hidden;padding-top:200px;cursor: pointer;background: url(../images/left.png) no-repeat; background-position:left center; }
.picScroll-left .prev {display: block;width:3%;height: 100px;float: right;overflow: hidden;padding-top:200px;cursor: pointer;background: url(../images/right.png) no-repeat; background-position:right center;  }




.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; }
.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 i{ display:inline-block; width:8px; height:5px; margin:0 0 0 5px; overflow:hidden; vertical-align:middle; font-size:12px; line-height:13px; background:url(../images/icon.png) no-repeat;   }
.topNav dd h3 a:hover{ color:#fff;}
.topNav dd h3 a:hover,
.topNav dd.on h3 a{ background:#004791; 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(PIE.php);}
.topNav dd ul{ display:none; /*默认隐藏*/ position:absolute; width:250px; top:40px; left:0; background:url(../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:#004791; 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;}


/* fullSlide */
.fullSlide{width:100%;position:relative; height:auto; }
.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%; }
.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:#004791;}

.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(../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:#cccccc; color:#434343; overflow:hidden;}
.footerc{  margin:0 auto; line-height:30px; padding:10px 0;}
.footer ul{ display:block; width:400px; float:left;}
.footer dl{ display:block; width:130px; float:right; text-align:center;}
.footer dl img{ width:130px; height:130px;}





.cl{ height:15px; clear:both;}


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

.c_l{ width:21%; float:left; background:#fff; margin-bottom: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:#004791; padding:0 15px;}



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




.contact{ margin-top:10px; 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;}
.path{ height:43px; border-bottom: solid 2px #dddddd; line-height:43px; background:#fff; padding:0 10px; background:url(../images/iii.png) #fff no-repeat 10px center; padding-left:50px;}
.path h1{ float:left; font-size:14px; color:#004791; line-height:43px;}
.path p{ float:right; background:url(../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;}







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


.about{ width:1200px; margin:0 auto; overflow:hidden; padding-top:30px;}
.index_title{ text-align:center;}
.index_title h1{ font-size:30px; color:#004791; line-height:50px;}
.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;}
.video{ width:45%; height:350px; float:left; margin-top:30px;}
.video img{ width:100%; height:350px;}

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

.more{ width:120px; height:30px; background:#004791; 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{  margin:0 auto; } 
.company ul{ display:block; width:55%; height:330px; float:right; background:#fff; padding-top:20px;   margin-top:30px;}
.company ul li{ padding-left:20px; padding-right:20px;}
.company ul li h1{ font-size:30px; padding-bottom:20px;}
.company ul li p{ height:140px; font-size:14px; font-weight:normal; padding-bottom:20px; line-height:25px;}
.company ul li p span{ color:#004791; font-size:16px;}
.company ul li a{ display:block; width:110px; height:35px; display:block; background:#004791; text-align:center; line-height:35px; color:#fff; font-size:14px; float:right;}





.ctitle{  padding-bottom:10px; overflow:hidden;}
.ctitle h1 {font-size: 30px;padding-top: 30px;color:#004791;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:#004791; color:#FFFFFF;}
.ctitle ul li a:hover{background:#004791; color:#FFFFFF;}
.prolist { overflow:hidden;}
.prolist li{ display:block; width:28%; float:left; margin-top:10px; margin-right:7%; text-align:center;  overflow:hidden;}
.prolist li a{ display:block; overflow:hidden;  border:1px solid #dddddd; line-height:40px;font-size:14px; margin-bottom:20px;}
.prolist li a img{ width:100%;}
.prolist li:nth-child(3n){ margin-right:0;}
.prolist li a{position:relative; display:block;  overflow:hidden; }
.prolist li a em{ font-style:normal; display:none;position:absolute; width:100%;}
.prolist 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;}
.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-top:50%; margin:0 auto;}


.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;}
.indexpro li a{ display:block; overflow:hidden; width:100%-2px; border:1px solid #dddddd; line-height:40px;font-size:14px; margin-bottom:20px;}
.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; color:#fff; text-align:center; padding-top:45%;
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-top:50%; margin:0 auto;}


.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:#F4F4F4; }
.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} 


/* 本例子css */
.news{  margin:0 auto; margin-top:30px;}
.slideBox{ width:45%; height:310px; overflow:hidden; position:relative; float:left; }
.slideBox .hd{ height:30px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; padding:5px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#004791; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
.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:#004791;}
.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(../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; }