@charset "utf-8";
/* CSS Document */
* {padding: 0;margin: 0;}
ul,li,ol,ol li {list-style: none;}
img { border: none;margin: 0; vertical-align: top;}
body {font: 12px/20px "微软雅黑"; color: #000;width: 100%;min-width:1368px;}
.clearfix:after {content: ""; display: block; height: 0;font-size: 0; clear: both; visibility: hidden;}
a {text-decoration: none;color: #333; -webkit-tap-highlight-color: transparent;}
em {font-style: normal;}
button,
input[type="text"],
input[type="tel"],
input[type="button"],
select,
textarea { font-family: "微软雅黑";outline: none;-webkit-appearance: none;}
.hide {display: none !important;}
.textec {overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.show { display: block !important;}
.container:after {content: "";display: block; height: 0;font-size: 0; clear: both;visibility: hidden;}
.bcontainer:after {content: "";display: block; height: 0; font-size: 0;clear: both; visibility: hidden;}
/*common end*/

/*logo*/
.bar{ background:#262626; height:11px;}
.width{ width:1368px; margin:0 auto;}
.top .logo{ float:left;visibility: visible;animation-name: fadeInLeft;}
.top .right{ float:right; width:590px;margin-top:23px;visibility: visible;animation-name: fadeInRight;}
.top .ss{width:336px;height:42px;position: relative; float:left; background:#f1f1f1; }
.top .sousuo input{ border:0; padding:0 10px; width:268px; line-height:36px; background:#f1f1f1}
.top .tijiao{background:#00468c;width:68px;height:42px;position:absolute;right:0;top:-1px;text-align:center}
.top .tijiao input{border:none; outline:none; background:#00468c; color:#fff;line-height:42px;cursor: pointer; -webkit-appearance: none; }
.top .dainhua{ float:right; font-size:18px; line-height:24px; color:#333; text-align:center}
.top .dainhua span{ font-size:12px; line-height:20px; color:#666}
.top .tel{width:26px;height:21px;overflow: hidden;position: absolute;background: url(../img/xtel.jpg) no-repeat;margin-left:-45px; margin-top:2px;}



.dhbj{ background:#063462; height:60px; line-height:59px; clear:both;}
.dhbj .daohang{visibility: visible; animation-name: flipInX;}
.dhbj .daohang li{ float:left; width:132px; margin-right:20px; text-align:center}
.dhbj .daohang li:nth-child(9){ margin-right:0;}
.dhbj .daohang li a{ font-size:15px; color:#fff;}
.dhbj .daohang li:hover{ background:#fff; height:60px;}
.dhbj .daohang li:hover a{color:#00468c; }



/* fullSlide */
.fullSlide{width:100%;position:relative;height:575px;background:#000; clear:both}
.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:575px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:575px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:27px; padding-top:18px;filter:alpha(opacity=50);opacity:1;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:50px;height:2px;margin:1px;overflow:hidden;background:#fff;line-height:999px;margin-left:10px;}
.fullSlide .hd ul .on{background:#e72f2c;}
.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(../img/slider-arrow.png) -126px -137px #fff no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}


/* fullSlide */
.fullSlidex{width:556px;position:relative;height:312px;clear:both;    border-radius: 15px;
    overflow: hidden;}
.fullSlidex .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlidex .bd ul{width:100% !important;}
.fullSlidex .bd li{width:100% !important;height:312px;overflow:hidden;text-align:center;border-radius:15px;}
.fullSlidex .bd li img{border-radius:15px;}
.fullSlidex .bd li a{display:block;height:312px;}
.fullSlidex .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:27px; padding-top:18px;filter:alpha(opacity=50);opacity:1;}
.fullSlidex .hd ul{text-align:center;}
.fullSlidex .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:10px;height:10px;border-radius:50%;margin:1px;overflow:hidden;background:#fff;line-height:999px;margin-left:10px;}
.fullSlidex .hd ul .on{background:#063462;}
.fullSlidex .prev{display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    z-index: 1;
    width: 40px;
    height: 100%;
    background: url(../img/left.png) #000 center center no-repeat;
    filter: alpha(opacity=50);
    opacity: 0.5;
    display: none;
    display: -webkit-flex;}
.fullSlidex .next{display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    z-index: 1;
    width: 40px;
    height: 100%;
    background: url(../img/right.png) #000 center center no-repeat;
    filter: alpha(opacity=50);
    opacity: 0.5;
    display: none;
    display: -webkit-flex;}


/*first*/
.first{clear:both;background:#fff;height:170px;position:relative;margin-top:-100px;box-shadow:0px 4px 12px #d4d4d4; z-index:1}
.first ul li{ float:left; width:342px; text-align:center; font-size:14px; color:#888888}
.first .number{ font-size:60px; color:#3c3c3c; line-height:170px;font-weight: 100;}
.first .yi{ position:relative;top: -119px;left: 69px;}
.first .er{position: relative;top: -78px;}
.first .san{ position:relative;top: -119px;left:39px;}
.first .si{ position:relative;top: -119px;left:68px;}
.first .wu{ position:relative;top: -119px;left:75px;}
.first .wan{width:60px;height:44px;overflow: hidden;position: absolute;background: url(../img/w.jpg) no-repeat;margin-left:-10px;margin-top: -107px;}
		

.aboutsu{position:relative;background:url(../img/01.jpg) no-repeat top center;height:460px;margin-top: -70px;}
.aboutsu .about{ width:1160px; margin:0 auto;overflow: hidden;}
.aboutsu .left{ float:left; width:542px; padding-top:20px;visibility: visible;animation-name: fadeInLeft;}
.aboutsu .left h1{ font-size:18px; color:#00468c; line-height:25px; font-weight:500;}
.aboutsu .aboutpic{ float:right;visibility: visible;animation-name: fadeInRight;}
.aboutsu .aboutpic img{border-radius:15px;}
.aboutsu .aboutpic:hover img { box-shadow: 0px 3px 7px #00468c;}
.aboutsu .jieshao{ font-size:14px; line-height:27px; color:#555555; padding-top:15px;text-align:justify; text-justify:inter-ideograph;}
.aboutsu .jieshao a{ color:#00468c}
.aboutsu .jieshao a:hover{ color:#2260b7}


.second{position:relative;background:url(../img/02.jpg) no-repeat top center;height:533px;}
.second .fengcai{ clear:both; padding-top:65px;width:1160px; margin:0 auto;}
.second .fengcai h1{ font-size:18px; color:#00468c; line-height:25px; font-weight:500;visibility: visible;
animation-name: fadeInUp;}
.second .procut{ overflow:hidden; position:relative;float:left; margin-top:35px; margin-bottom:25px;    visibility: visible;animation-name: fadeInUp;}
.second .procut .bd ul{ overflow:hidden; zoom:1; }
.second .procut .bd ul li{ margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center;  position:relative;}
.second .procut .bd ul li .pic img{ width:368px; height:276px; display:block;}
.second .procut .bd ul li .quanbu{ position:absolute; bottom:0px; left:0;background-color:rgba(0,0,0,0.5);height:0;transition:0.5s ease; overflow:hidden;}
.second .procut .bd ul li:hover .quanbu{ position:absolute;bottom:0px;left:0; height:276px; width:380px;}
.second .cj{ color:#fff; font-size:14px; line-height:30px; padding-bottom:10px;}
.second .xian{ border-left:1px solid #fff; height:19px; margin:0 auto; width:1px;}
.second .bt{ color:#fff; font-size:14px; line-height:27px; width:200px; margin:0 auto; padding-top:10px;}
.second .kuang{ border:2px solid #fff; margin:20px; height:190px; padding-top:46px;}
.second .more{ border:1px solid #ddddde; width:202px; height:50px; text-align:center; clear:both; line-height:50px; margin:0 auto;visibility: visible;animation-name: fadeInUp;}
.second .more a{ font-size:14px; color:#5f6060}
.second .more:hover{border:1px solid #00468c;}
.second .more:hover a{color:#00468c;}

.fourth{position:relative;background:url(../img/newsbj.jpg) no-repeat top center;height:759px; overflow:hidden;}
.fourth .xinwen{width:1160px; margin:0 auto; padding-top:76px;}
.fourth .xinwen h1{ font-size:18px; color:#00468c; line-height:25px; font-weight:500; float:left;visibility: visible;animation-name: fadeInLeft;}
.fourth .wenzhang .hd{ position:relative; float:right; width:345px; height:50px;visibility: visible;animation-name: fadeInRight;}
		.wenzhang .hd ul{ float:left;  position:absolute; left:20px; top:0; height:30px;   }
.fourth .wenzhang .hd ul li{float:left;width:85px;height:30px;margin-right:30px;cursor:pointer;color:#828282;font-size:14px; line-height:30px;}
.fourth .wenzhang .hd ul li:nth-child(3){ margin-right:0px;}
.fourth .wenzhang .hd ul li.on{ width:85px;height:30px;background:#00468c; line-height:30px; color:#fff; text-align:center}
.fourth .wenzhang .bd{padding-top: 70px;clear: both;overflow: hidden; margin-bottom: 40px;visibility: visible;animation-name: fadeInUp;}
		.wenzhang .bd ul{zoom:1; clear:both}
		.wenzhang .bd li{ height:24px; line-height:24px;   }
		.wenzhang .bd li .date{ float:right; color:#999;  }
.fourth .left{ float:left;}
.fourth .left:hover{box-shadow: 0px 3px 7px #00468c;}
.fourth .pic img{ width:474px; height:288px;}
.fourth .shuoming{ background:#00468c; height:81px; padding:20px; width:434px; font-size:14px; color:#fff;}
.fourth .shuoming .bt{ font-weight:600;}
.fourth .shuoming .bt span{ float:right;}
.fourth .shuoming .js{ line-height:20px; padding-top:15px;}
.fourth .right{ float:right; width:600px;}
.fourth .xwlist{ border-bottom:1px solid #dfdfdf; margin-bottom:15px;}
.fourth .xwlist .bt{ font-size:14px; color:#000; font-weight:600;}
.fourth .xwlist .bt span{ float:right;}
.fourth .xwlist .js{ font-size:14px; color:#797979; line-height:20px; padding:15px 0;}
.fourth .xwlist a:hover .bt{ font-size:14px; color:#2260b7; font-weight:600;}
.fourth .more{ border:1px solid #ddddde; width:202px; height:50px; text-align:center; clear:both; line-height:50px; margin:0 auto;visibility: visible;animation-name: fadeInUp;}
.fourth .more a{ font-size:14px; color:#5f6060}
.fourth .more:hover{border:1px solid #00468c;}
.fourth .more:hover a{color:#00468c;}






.bottombj{ background:#00468c;clear:both; height:285px;}
.bottombj .footer{ padding-top:68px;}
.bottombj .footer ul li{ float:left; width:155px; height:48px; text-align:center;border-radius:5px; background:#2260b7; margin-right:87px; padding-top:8px;visibility: visible;animation-name: fadeInLeft;}
.bottombj .footer ul li:nth-child(6){ margin-right:0;}
.bottombj .footer ul li a{ color:#fff; font-size:15px;line-height:18px;text-transform: uppercase;}
.bottombj .footer ul li a span{ font-size:12px;}




.bottom{ height:173px;box-shadow:0px 4px 12px #d4d4d4; z-index:1; background:#fff; position:relative; margin-top:-110px;}
.bottom h1{ float:left; font-size:18px; color:#00468c; line-height:22px; font-weight:400; padding-left:92px; padding-top:61px;visibility: visible;animation-name: fadeInLeft;}
.bottom ul{ float:right; width:1050px; padding-top:35px;visibility: visible;animation-name: fadeInRight;}
.bottom ul li{ float:left; width:250px;}
.bottom ul li a{ font-size:14px; color:#666; line-height:22px;}
.bottom ul li a:hover{ color:#00468c}
.line{ height:6px; background:#00468c; margin-top:38px;}
.yanse{background:#f8f8f8; overflow:hidden;}
.yansex{background:#f2f2f2; overflow:hidden;}
.bbbt .left{ float:left; font-size:14px; color:#666;}
.bbbt .right{ float:right;font-size:14px; color:#666; padding-top:30px; line-height:26px;}

/* 内页 */
.nyflash{ background:url(../img/xnybf.jpg) no-repeat top center; height:312px;}
.page .left{ float:left; width:260px;}
.page .xiantiao{ height:23px; background:#4b4b4b; position:relative; margin-top:-23px;}
.page .xiala{ background:#f2f2f2; min-height:400px;}
.page .zongbt{font-size:18px;color:#333333;padding-left:31px;padding-top:10px;border-bottom:1px solid #dadada;line-height:38px;}
.page .zongbt .b{width:6px;height:11px;overflow: hidden;position: absolute;background: url(../img/heij.png) no-repeat;margin-left:-20px;margin-top:13px;}
.page .xiala li{ float:left; width:198px; height:38px; line-height:38px;border-bottom:1px solid #dadada; padding:0 31px;}
.page .xiala li a{ display: block; font-size:16px; color:#333333}
.page .xiala .huij{width:6px;height:11px;overflow: hidden;position: absolute;background: url(../img/huij.png) no-repeat;margin-left:120px;margin-top:13px;}
.page .xiala .on{ background:#092c54; width:198px; height:38px; line-height:38px;}
.page .xiala .on a{ color:#fff;}
.page .xiala .on .huij{width:6px;height:11px;overflow: hidden;position: absolute;background: url(../img/baij.png) no-repeat;margin-left:120px;margin-top:13px;}
.page .xiala li:hover {background:#092c54; width:198px; height:38px; line-height:38px;}
.page .xiala li:hover a{ color:#fff;}
.page .xiala li:hover .huij{width:6px;height:11px;overflow: hidden;position: absolute;background: url(../img/baij.png) no-repeat;margin-left:120px;margin-top:13px;}
.page .lxfs{ font-size:14px; line-height:26px; color:#5b5b5b; padding-left:31px; padding-top:15px;}
.page .lxfs .dizhi{width:12px;height:16px;overflow: hidden;position: absolute;background: url(../img/adress.png) no-repeat;margin-left:-20px;margin-top:3px;}
.page .lxfs .dianhua{width:12px;height:16px;overflow: hidden;position: absolute;background: url(../img/tel.png) no-repeat;margin-left:-20px;margin-top:3px;}

.neiye{background-image: url(img/nybj.jpg);background-attachment: fixed;}
.page .right{ float:right; width:1107px; border-left:1px solid #dadada; min-height:800px;margin-bottom: 50px;}
.page .right h1{ padding-left:76px; font-size:18px; color:#595959; font-weight:400; height:121px; line-height:121px;}

.pageLink{ text-align:center; margin-top:50px; clear:both}
.pageLink b{ border:1px solid #2260b7; padding:2px 7px 2px 7px; font-size:14px; color:#fff;background: rgb(34, 96, 183);}
.pageLink a{ border:1px solid #2260b7; padding:2px 7px 2px 7px; font-size:14px;color:#000;}
.pageLink a:first-child{display:none;}


.fanye{ text-align:center; margin-top:50px; clear:both}
.fanye b{ border:1px solid #2260b7; padding:2px 7px 2px 7px; font-size:14px; color:#fff;background: rgb(34, 96, 183);}
.fanye a{ border:1px solid #2260b7; padding:2px 7px 2px 7px; font-size:14px;color:#000;}
.fanye a:first-child{display:none;}


/*单页面*/
.page .danye{ width:1032px; float:right; font-size:14px; color:#666; line-height:27px;text-align:justify; text-justify:inter-ideograph;}
.page .danye img:hover {box-shadow: 0px 4px 12px #d4d4d4;}



.page .tupianpic{ width:1032px; float:right;}
.page .tupianpic ul li{ float:left; width:240px; margin-right:21px; text-align:center;border:1px solid #dadada; margin-bottom:21px;border-radius:10px;}
.page .tupianpic ul li img{ width:240px; height:180px;border-radius:10px 10px  0 0;}
.page .tupianpic .name3{line-height:50px; font-size:14px;overflow:hidden;text-overflow:ellipsis; -o-text-overflow:ellipsis; -webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;width: 90%;margin: 0 auto;}
.page .tupianpic ul li:nth-child(4n){ margin-right:0px;}
.page .tupianpic ul li:hover{box-shadow: 0px 4px 12px #d4d4d4;}
.page .tupianpic ul li:hover .name3{ color:#00468c}


.page .wzzw{ width:1032px; float:right;}
.page .wzzw h2{ text-align:center;font-size: 28px; line-height: 1.5;}
.page .wzzw h3{ font-size:14px; color:#00468c; font-weight:400; padding-bottom:30px; text-align:center}

.page .wzzw .xwzsnr{font-size: 14px;line-height: 25px;font-family: "SimSun";}


.page .xinwenlist{ width:1032px; float:right;}
.page .xinwenlist ul{ clear:both; margin-bottom:50px;    overflow: hidden;}
.page .xinwenlist ul li{float:left;width:100%; border-bottom:1px dotted #000; height:50px; line-height:50px;}
.page .xinwenlist ul li a{ font-size:14px; color:#333333}
.page .xinwenlist ul li a span{ float:right;}
.page .xinwenlist ul li a:hover{ color:#00468c}


.page .ud{ font-size:14px; line-height:25px; color:#5b5b5b; clear:both; margin-top:50px;}
.page .ud a{color:#5b5b5b}
.page .ud a:hover{ color:#00468c}

/* 列表页分页 */
.m-pages { margin-top: 40px;margin-bottom: 40px;}
.m-pages .m-overview { margin: 0 10px 0 0; line-height: 28px;}
.m-pages a, .m-pages span { display: inline-block; padding: 0 12px; height: 26px; line-height: 26px; border: 1px solid #E2E2E2; border-right: none; font-size: 12px; vertical-align: middle;}
.m-pages a { cursor: pointer;}
.m-pages a em { font-family: 'sim sun'; font-size: 16px;}
.m-pages a:hover { color: #159688;}
.m-pages a.u-prev { border-radius: 2px 0 0 2px;}
.m-pages a.u-next { border-right: 1px solid #E2E2E2; border-radius: 0 2px 2px 0;}
.m-pages a.u-disabled { color: #D2D2D2;}
.m-pages span.u-dot { font-weight: 700; color: #999;}
.m-pages span.u-item-act { height: 28px; line-height: 28px; border: none; color: #fff; border-radius: 2px;}
/* /列表页分页 */


/* 图片懒加载 */
.m-lazyload img { display: block; width: 100%; height: 100%; background: url(../images/loading.gif) 50% no-repeat;}
/* /图片懒加载 */


/* 内容页翻页 */
.m-clips { margin-top: 20px;}
.m-clips p { display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 1; overflow: hidden;}
.m-clips a:hover { text-decoration: underline;}
/* /内容页翻页 */


/* 自定义表单 */
.m-diy-forms { padding: 20px;}
.m-diy-forms dd { margin: 5px 0 10px;}
.m-diy-forms label em { display: inline-block; margin-left: 5px; font-family:'SimSun'; color: #d60000;}
.m-diy-forms input, .m-diy-forms textarea { width: 100%; border: 1px solid #CED4DA; border-radius: 2px; box-sizing: border-box;}
.m-diy-forms input { height: 30px; padding: 0 5px;}
.m-diy-forms textarea { min-height: 96px; padding: 5px;}
.m-diy-forms .m-verify dd { position: relative;}
.m-diy-forms .m-verify dd img { position: absolute; top: 1px; right: 1px;}
.m-diy-forms .m-btn { margin-top: 20px;}
.m-diy-forms .m-btn button { width: 100%; padding: 8px 0; background: #09bb07 url(none); border: none; border-radius: 5px; font-size: 16px; color: #fff; text-align: center;}
/* /自定义表单 */

/* 面包屑导航 */
.m-crumb { max-width: 350px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.m-crumb i { display: inline-block; margin: 0 5px; font-style: normal; font-family: 'SimSun';}
/* /面包屑导航 */


.zzpic{width: 1032px;float: right;}
.zzpic ul { margin:0 auto; width:90%;}
.zzpic ul li{ float:left; width:350px; text-align:center; margin-right:100px;}
.zzpic ul li:nth-child(2n){ margin-right:0;}
.zzpic ul li img{ width:350px;border: 1px solid #e5e5e5;padding: 2px;}
.zzpic ul li:hover  img{box-shadow: 0px 4px 12px #d4d4d4;}
.zzpic .name3{ line-height:40px; height:40px;}