﻿@charset "utf-8";
/* CSS Document */
*{ padding:0;margin:0;font-family: 'Microsoft YaHei'; }
body { background-color:#ffffff; min-width:1280px;}
img{ border: none;}
ul,ol{ list-style: none;}
input,label,img,th{vertical-align:middle;}
a{text-decoration: none;}
*:focus {outline: none;}
.container{ width:1200px; margin:0 auto; overflow:hidden;}
.l{ float: left; }
.r{ float: right; }
/*css3效果*/
.navlist li a .nico,.cooplist li img,.more02,.field li,.tslist li,.lxlist li h3,.lynav li i,.field li .fmore,.imglist li .cmore{transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-webkit-transition:0.3s ease-in-out;}
.jiazai{transition:0.2s ease-in-out;-o-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out;-webkit-transition:0.2s ease-in-out;}

.imgs img,.xglist li .xgimg img{transition:0.5s ease-in-out;-o-transition:0.5s ease-in-out;-moz-transition:0.5s ease-in-out;-webkit-transition:0.5s ease-in-out;}
.imgs:hover img,.xglist li .xgimg:hover img{transform: scale(1.1);} 

.clearfix{ clear:both;}


/*css3效果*/

/*加载页面*/
/*加载页面*/

header{ height:100px;}
.logos{ height:54px; padding:23px 0; background:url(../images/logowz.jpg) no-repeat 350px center; float:left; width:680px;}
.logos img{ display:block; height:54px;}
.hrig{ float:right; width:260px;}
.hrig .tel{ height:40px; line-height:40px; margin-top:12px;}
.hrig .tel span{ font-size:14px; padding-right:5px; color:#626160; float:left;}
.hrig .tel p{ color:#283c91;font-size:24px; float:left;}
.hrig .lang{ text-align:right;}




.navlist li>a .cn{ font-size:16px; display:block; height:24px; line-height:24px; margin-top:14px;}
.navlist li>a .en{ font-size:12px; text-transform:uppercase; display:block; height:20px; line-height:20px;}

.navlist li.on>a .nico,.navlist li:hover>a .nico{ margin-top: 0; }

.znav{ display: none; overflow: hidden; position: absolute; top:70px; left: 0;  z-index: 99999; width: 395px; height: 220px; background:url(../images/znavbj.png); }
.znav .zleft{ float: left; width: 120px; margin:20px 0 0 20px;}
.znav .zleft a{ display: block; text-align: center; color:#ffffff; font-size: 14px; height:39px; line-height: 39px; border-bottom:1px dashed #616163;  }
.znav .zright{ float:right; margin:30px 34px 0 0;}



.search{ float:right; width:180px; float:right; height:32px; border-bottom:1px solid #53514f; margin-top:20px;}
.search input[name="title"]{ border:none; height:32px; line-height:32px; width:148px; float:left; font-size:14px; color:#666666;}
.search input[name="submit"]{ border:none; height:32px; width:32px; background:url(../images/submit.jpg) no-repeat center center; float:left; cursor:pointer;}


.banner{ width:100%;}
.banner img{ width:100%;}
.banner .swiper-container-horizontal > .swiper-pagination-bullets{ bottom:30px !important;}
.banner .swiper-pagination-bullet { background:#0b3ca1 !important; border-radius:50px!important; width:10px!important; opacity:1!important; height:10px!important;}
.banner .swiper-pagination-bullet-active{background:#fff!important;border-radius:20px!important;width:30px!important;}


.title{ margin-top: 20px;  color: #464646; text-align: center; }
.title span{display: block;}
.title .cn{ display: block;  font-size: 30px; color:#464646; line-height: 40px;  }
.title .en{ text-transform: uppercase; color: #999999; font-family:arial;  font-size:14px; line-height: 24px;}
.title .xian{ height: 3px; width: 40px; background: #0b3ca1; margin:15px auto 0 auto; }
.title .bx{ background: #ffffff; }
.title p{ width: 640px; margin:0 auto; color: #727272; font-size: 14px; line-height: 26px; margin-top:20px; }
.bai .cn{ color:#ffffff; }
.bai .en{ color:#999999; }

.mores{ margin:25px auto 60px auto;  text-align: center;  font-size: 18px; width: 380px; line-height: 90px; height: 100px; background: url(../images/more.png) no-repeat center center;}
.mores a{color:#ffffff; display:block; }

.jlsl{ height: 450px; background: #303859; }

.title2{ margin-top: 35px;  color: #ffffff; text-align: center; }
.title2 span{display: block;}
.title2 .cn{ display: block;  font-size: 30px; color:#ffffff; line-height: 40px;  }
.title2 .en{ text-transform: uppercase; color: #ffffff;font-size:14px; line-height: 24px;}
.title2 .xian{ height: 3px; width: 40px; background: #ffffff; margin:10px auto 0 auto; }

.zdlist{ overflow: hidden; margin-top: 34px;  }
.zdlist li{ float: left; width: 25%; text-align:center;  }
.zdlist li .zdimg{ width: 140px; height:140px;  margin:0 auto; border-radius:50%; }
.zdlist li .zd01{background:#0b3ca1 url(../images/zd01.png);}
.zdlist li .zd02{background:#0b3ca1 url(../images/zd02.png);}
.zdlist li .zd03{background:#0b3ca1 url(../images/zd03.png);}
.zdlist li .zd04{background:#0b3ca1 url(../images/zd04.png);}

.zdlist li .zdwz{ margin-top:5px; line-height: 80px; color:#ffffff; font-size: 42px; font-family:arial; }
.zdlist li span{ line-height: 45px; color:#ffffff; font-size: 18px; }

/*case*/

.case{  margin:55px auto 0 auto;}
.casewzls{ overflow: hidden; border: 1px solid #e9e9e9; background: #f9f8f8; width: 338px; height:684px;}
#scrollDiv{ height: 615px; overflow: hidden;padding:10px 15px 20px 15px; }

.wzlist{ overflow: hidden;  }
.wzlist li{ float:left; border-bottom: 1px dashed #d2d2d2; }
.wzlist li h3{ font-size: 16px; font-weight:normal; margin-top:20px; line-height: 30px; margin-bottom:4px; }
.wzlist li h3 a{color: #464646;}
.wzlist li h3 a:hover {color:#0b3ca1;} 
.wzlist li p{ font-size: 14px; color:#8c8b8b; line-height: 24px; margin-bottom:20px;}

.sxf{ overflow:hidden; padding:0 15px 15px 15px;}
.sxf a{ width: 32px; height: 22px; float:right;}
.sxf .shang{background: url(../images/shang.jpg) no-repeat; margin:0 8px 0 4px;}
.sxf .xia{background: url(../images/xia.jpg) no-repeat;}


.caseimgls{ width: 846px; }
.imglist{ overflow: hidden;border-top: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; }
.imglist li{ width: 280px; border-bottom: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; position:relative;  float:left; text-align: center; }
.imglist li img{ max-width: 282px; max-height: 228px; }
.imglist li .cmore{opacity:0;filter:alpha(opacity=0);
 left: 0; top: 0; position: absolute; width: 100%; height:100%; background: #0b3ca1; }
.imglist li .cmore span{ display:block;  }
.imglist li .cmore .tle{ margin:70px 0 0 0; line-height:30px;  font-size: 18px; color: #ffffff;  text-align:center; }
.imglist li .cmore .jia{ margin:20px auto 0 auto; border-radius:50%;  border: 1px solid #ffffff; font-size: 18px; width: 30px; height: 30px; line-height: 30px; text-align: center; color:#ffffff; }
.imglist li:hover .cmore{ opacity:1;filter:alpha(opacity=100); }


.more02{ display:block; margin:50px auto; border: 1px solid #e3e3e3; border-radius: 25px;   width: 200px; height: 50px; text-align: center; line-height: 50px;  color: #464646; font-size: 14px;}
.dan{ color: #b8b8b8; }
.more02:hover{ color:#ffffff; background: #0b3ca1; }

.tame{ overflow: hidden; background: #f7f7f7;}
.tametxt{ margin:30px 0 60px 0; overflow:hidden; color: #7b7b7b; font-size: 14px; line-height:24px; text-align: center; }

.tamelist li{ overflow: hidden;  float:left; }
.tamelist li .tameli{width: 280px; border: 1px solid #dbdbdb; margin:0 9px; }
.tamelist li .timg{ height: 340px; }
.tamelist li .timg a{ text-align:center; display:block;height: 340px; width: 280px;}
.tamelist li .timg a:after{ content:"";display: inline-block;width: 0;height: 100%;vertical-align: middle; }
.tamelist li .timg img{ max-height: 340px; max-width: 280px; vertical-align: middle;}
.tamelist li .ttxt{ padding:0 18px; overflow: hidden;}
.tamelist li .ttxt span{ display: block; }
.tamelist li .ttxt .tle01{ margin-top: 15px; color: #464646; font-size: 18px; line-height: 26px; }
.tamelist li .ttxt .tle01 a{ color: #464646; }
.tamelist li .ttxt .tle02{ color:#999999; font-size: 14px; line-height: 20px; }
.tamelist li .ttxt p{ height: 118px; padding-top:12px; margin-top: 12px; color: #999999; font-size: 14px; line-height: 24px; border-top: 1px solid #dbdbdb;}
.tamelist li .tlink{ padding:26px 16px 32px 18px; overflow: hidden;}
.tamelist li .tlink a{ color:#ffffff; background: #cbcbcb; border-radius:5px;width: 110px; height: 40px; line-height: 40px; text-align: center; }
.tamelist li .tlink .tbj{ background: #0b3ca1; }


.huad .swiper-button-next{ background:#f9f8f8 url(../images/btn_show.png) no-repeat left top; width:48px; height:64px; border-radius:3px 0 0 3px; }
.huad .swiper-button-prev{background:#f9f8f8 url(../images/btn_show.png) no-repeat left bottom; width:48px; height:64px;border-radius:0 3px 3px 0; }


.tagnav{ overflow: hidden; text-align:center; margin-top: 40px; }
.tagnav li{ margin:0 10px; border: 1px solid #eaeaea; border-radius:19px; display:inline-block; width: 160px; line-height: 38px; text-align: center; font-size: 16px; color: #b8b8b9; }
.tagnav li a{color:#b8b8b8; display: block;}
.tagnav li.on,.tagnav li:hover {background: #1348b6; border: 1px solid #1348b6; }
.tagnav li.on a,.tagnav li:hover a{ color: #ffffff; }
.tagbot{ margin-bottom:40px;  }

.tagmain{ margin-top: 65px; height: 440px; }
.news{ display: none; }
.nimg{ float: left; width: 510px; }
.nimg .ntu{ width: 510px; height: 195px; position: relative; }
.nimg .ntu img{max-width: 510px; max-height: 195px; }
.nimg .ntu .time{ position: absolute; left: 0; top: 0; padding:7px 0 7px 12px;  width: 68px; height:46px; background: #1348b6; }
.nimg .ntu .time span{ display: block; }
.nimg .ntu .time .md{ color: #ffffff; font-size: 20px; line-height: 28px; }
.nimg .ntu .time .y{ font-size: 14px; line-height: 18px; color: #ffffff; }
.nimg .ntxt{ overflow: height; }
.nimg .ntxt .ntle{ display: block; color: #464646; font-size: 16px; line-height: 34px; margin: 15px 0 5px 0; }
.nimg .ntxt .ntle:hover{color:#122785;}
.nimg .ntxt p{ color: #8c8b8b; font-size: 14px; line-height: 26px;}
.nimg .ntxt .nmore{ margin-top: 25px; display: block; font-size: 14px; background: #1348b6; color: #ffffff; width: 160px; height:40px; text-align: center; line-height: 40px; }

.nlist{ float: right; width: 620px; }
.nlist li{ overflow: hidden; float:left; width: 100%; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #f0f0f0;  }
.nlist li .biaoti{ line-height: 1; margin-bottom:15px; }
.nlist li .biaoti span{ color: #0b3ca1; font-size: 20px; margin-right: 30px; }
.nlist li .biaoti a{ color: #464646; font-size: 16px; }
.nlist li .biaoti a:hover{color:#122785;}

.nlist li p{ color: #8c8b8b; font-size: 14px; line-height: 24px; height: 48px; }

.witness{ overflow: hidden; background:url(../images/witness.jpg) no-repeat center center; height:820px;}


.pjlist{ overflow:hidden; width: 1116px; margin-top: 70px;  }
.pjlist{ height:580px;}
.pjlist li{ float: left;  width: 100%;  }
.pjlist li .pjli{padding-bottom: 30px; margin-bottom:20px; border-bottom: 1px solid #3a3a3a; overflow:hidden;}
.pjlist li .pimg{ float:left; width: 90px; height: 90px;  }
.pjlist li .pimg img{width: 90px; height: 90px; }
.pjlist li .ptxt{ float: right; width: 1000px; }
.pjlist li .ptxt .pjcs{ color:#6a6a6a; font-size: 16px; line-height: 32px;  }
.pjlist li .ptxt .pjcs span{ margin-right: 25px; }
.pjlist li .ptxt .pjcs span font{ color: #e90000; }
.pjlist li .ptxt p{ color: #ffffff; line-height: 20px; padding:10px 10px 10px 0; font-size: 15px; margin-top:5px; background:url(../images/pjbj.png) no-repeat; width: 955px; padding-left: 35px; height: 40px; }


.coopmain{margin:60px 0;height: 359px; overflow:hidden; width:1196px;}
.cooplist{overflow: hidden; width:1200px; }
.cooplist li{ float:left; height:200px; height:120px; background: url(../images/hzbj.png);}
.cooplist li a{ display:block; width: 190px; text-align: center; height:114px; margin:3px 5px 3px 5px; overflow:hidden;}
.cooplist li a:after{content: "";display: inline-block;width: 0;height: 100%;vertical-align: middle;}
.cooplist li img{ max-width: 190px; max-height: 114px;	vertical-align: middle;}

.cooplist li:hover img{-webkit-transform: scale(1.2);-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);}
/*footer*/
.map{ position:relative; height: 400px; }
.mapmain{height: 400px; }
.maptxt{ position: absolute; width:150px; height: 85px; bottom:0; left:50%; margin-left:-75px; z-index:20;  background: url(../images/maptle.png) no-repeat center center; text-align: center;}
.maptxt .cn{ font-size: 18px; color:#464646; display: block; line-height: 30px; margin-top: 18px;}
.maptxt .en{ font-size: 14px; color:#999999; display: block; line-height: 20px;}


.dbnr{ height: 468px; overflow: hidden; }
.dbleft{ float: left; width: 690px; margin-top: 35px; }
.dbleft .dbnav{ overflow: hidden; border-bottom: 1px solid #efefef; padding-bottom: 22px; }
.dbleft .dbnav li{ float: left; width: 137px; }
.dbleft .dbnav li span,.dbleft .dbnav li a{display: block; }
.dbleft .dbnav li span{ background:url(../images/lanx.jpg) no-repeat left bottom; height: 42px; line-height: 42px; margin-bottom: 15px;  }
.dbleft .dbnav li span a{ font-size: 14px; color: #464646; }
.dbleft .dbnav li>a{ color: #737373; font-size: 14px; line-height: 25px;  }
.dbleft .dbnav li>a:hover{ color:#0b3ca1; }


.dlbott{ overflow: hidden; }
.tellist{ float:left; width: 260px; }
.tellist h3{ color: #0b3ca1; font-size: 18px; text-align: center; background: url(../images/hex.jpg) no-repeat center center; height:36px; line-height: 36px; margin-top:12px; font-weight: normal;  }
.tellist p{ color: #737373; font-size: 16px; font-family:Arial; line-height: 28px; margin-top: 12px; }

.txpt{ overflow: hidden; float:left; margin:0 0 0 40px;  }
.txpt p{ overflow:hidden; margin-top:15px;}
.txpt h3{ color: #0b3ca1; font-size: 18px; text-align: center; background: url(../images/hex.jpg) no-repeat center center; height:36px; line-height: 36px; margin-top:12px; font-weight: normal;  }

.txpt span { float: left; height: 93px; width: 93px; margin:0 20px 0 10px; }
.txpt span img{height: 93px; width: 93px; }
.txpt a{ float: left; height:35px; width: 35px; margin:25px 20px 0 0;}
.txpt a.tp01{ background: url(../images/tp01s.png) no-repeat center center;}
.txpt a.tp01:hover{background: url(../images/tp01.png);}
.txpt a.tp02{ background: url(../images/tp02s.png) no-repeat center center;}
.txpt a.tp02:hover{background: url(../images/tp02.png);}
.txpt a.tp03{ background: url(../images/tp03s.png) no-repeat center center;}
.txpt a.tp03:hover{background: url(../images/tp03.png);}



.dbrig{ float: right; width: 450px; margin-top: 35px;}
.dbrig ul{ overflow: hidden;  }
.dbrig ul li{ float: left; }
.dbrig ul li .input{ width: 438px; height: 53px; padding:0 6px; line-height: 53px; color: #737373; font-size: 14px;border:none; border-bottom: 1px solid #d9d9d9;}
.dbrig ul li .input:focus{border-bottom: 1px solid #0b3ca1;}
.dbrig ul li textarea{width: 438px;padding:10px 6px;color: #737373; font-size: 14px; height: 113px; border:none; border-bottom: 1px solid #d9d9d9;}
.dbrig ul li textarea:focus{border-bottom: 1px solid #0b3ca1;}
.dbrig ul li .submit{ cursor:pointer; height: 40px; line-height: 40px; text-align: center; color: #ffffff; font-size: 14px; background: #0b3ca1; border: none; width: 450px;border-radius:10px; margin-top: 40px;  }

.bottoms{ overflow:hidden; background:url(../images/bottombj.jpg); height: 266px;}
.bheight{height:220px; }
.boleft{ float:left; width: 400px; }
.boleft h3{ color:#fafafa; font-weight: normal; font-size:24px; padding: 20px 0; line-height: 30px; }
.boleft p{ font-size: 14px; color: #b8b8b8; line-height:26px; }

.bocenter{ float: left; width: 420px; margin-left: 50px; }
.bocenter h3{ font-size: 16px; color:#ffffff; line-height: 30px; padding:18px 0 15px 0;   font-weight: normal; }
.bocenter .links{ overflow: hidden; }
.bocenter .links li{ float: left; font-size: 14px; line-height: 26px; width:50%;  }
.bocenter .links li a{ color: #b8b8b8; }
.bocenter .links li a:hover{ text-decoration: underline;  }

.boright{ overflow: hidden; }
.boright .dbsub{ margin-top: 82px; overflow: hidden; width: 308px; padding:0 5px; height: 38px; line-height: 38px; border: 1px solid #9e9e9e;border-radius:8px;   }
.boright .dbsub input[name="title"]{ float:left; background: none; border: none; height: 38px; width:270px; font-size: 14px; color: #9e9e9e; }
.boright .dbsub input[name="submit"]{ float:left; border: none;background:url(../images/ss.png); height: 38px; width: 38px; cursor: pointer; }

.copy{ text-align:center; height: 45px; line-height: 45px; border-top: 1px solid #525252; color:#b8b8b8; font-size:14px;}
.copy a{ color:#b8b8b8;}
.copy a:hover{ color:#ffffff; }

/*客服窗口*/
.wxs{background:url(../images/f01.png) no-repeat;}
.xl{background:url(../images/f02.png) no-repeat;}
.tel{background:url(../images/f03.png) no-repeat;}
.pay{background:url(../images/f04.png) no-repeat;}
.tops{background:url(../images/f05.png) no-repeat;}

.float-bg{display: block;position: fixed;width: 50px;height: 385px;bottom:200px;right:0;border-radius: 4px 0 0 4px;
	background-color: #0b3ca1;z-index: 100;} 

.float{display: block;position: fixed;width: 50px;height: 385px;bottom:200px;right:0;border-radius: 4px 0 0 4px;z-index: 110;}

.float li{display: block;clear: both;width: 190px;height: 55px;border-radius: 4px 0 0 4px;transition: 0.5s; position: relative; z-index:20;}
.float li.go-top,.float li.wx-box{width: 56px;position: relative;}
.float li.wx-box .ewm{display: none;width: 120px;height: 120px;border: 1px solid #084cd7;border-radius: 7px;
	position: absolute;left:-125px;top:-30px;z-index: -3;opacity: 0;transition: 0.5s;-webkit-transition: 0.5s;
	-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;background-color: #084cd7;}
.float li.wx-box:hover .ewm{display: block;opacity: 1;z-index: 5;}
.float li.wx-box img{width: 108px; margin:6px;height: 108px;border-radius: 5px;}
.float li.wx-box .ewm .arrow{display: block;position: absolute;width: 0;height: 0;border: 12px solid transparent;
	border-left: 12px solid #084cd7;right:-23px;top:45px;z-index: 5;}
.float li a{display: block;height: 55px; }

.float li .tb{display: block;float: left;text-align: center;width: 50px;height: 55px;}
.float li .wzs{display: block;float: left;width: 120px;height: 31px;line-height: 31px;text-align: center;
	border-radius: 4px;color: #fff;line-height: 34px;font-size: 16px;margin: 12px 5px 12px 5px;background-color:#fff;color: #0b3ca1;}
.float li a i{display:block; width:50px; height:55px; }
.float li:hover{margin-left: -140px;background-color: #0b3ca1;}
.float li.go-top:hover,.float li.wx-box:hover{margin-left: -6px;}

.float li.wx-boxs:hover{margin-left:-6px;background-color: #0b3ca1;}
.float li.wx-boxs{width: 56px;position: relative; z-index:10; margin-left: -6px;background-color: #0b3ca1;}
.float li.wx-boxs .ewm{display: none;width: 108px;height: 130px; padding:6px;border: 1px solid #084cd7;border-radius: 7px;display: block;
	position: absolute;left:-125px;top:-30px;z-index:1;opacity:1;transition: 0.5s;-webkit-transition: 0.5s;
	-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;background-color: #084cd7;}
.float li.wx-boxs img{width: 108px; height: 108px;border-radius: 5px;}
.float li.wx-boxs .ewm span{ margin-top:2px; display: block; text-align:center;font-size:14px; color:#ffffffff; height:20px; line-height:20px;}


.float li.wx-boxs .ewm .arrow{display: block;position: absolute;width: 0;height: 0;border: 12px solid transparent;
	border-left: 12px solid #084cd7;right:-23px;top:45px;z-index: 5;}



/*内页*/
.lybj{ background: #f8f8f8;}
.lylist{ overflow: hidden; margin-top: 60px;}
.lylist>li{ height:200px; float: left; width:1156px; padding:20px; background: #ffffff; box-shadow: 3px 3px 3px #cdcdcd;
 margin-bottom:30px;}
.lylist>li .lyimg{  width: 295px;}
.lylist>li .lyimg img{width: 295px; height:200px;}
.lylist>li .lytxt{width:580px; }
.lylist>li .lytxt h3{ margin-left: 55px; line-height: 55px; padding-bottom: 5px; color: #555454; font-weight: normal; font-size: 24px; }
.lylist>li .lytxt h3 a{color: #555454;}
.lylist>li .xlist{ overflow:hidden;  }
.lylist>li .xlist li{ float: left; width: 235px; margin-left:55px;line-height: 40px;}
.lylist>li .xlist li i{ margin:15px 8px 0 0; float:left; border: 1px solid #1e328b; width:8px; height:8px; border-radius: 50%;}
.lylist>li .xlist li a{ color: #787878; font-size: 16px; }
.lylist>li .xlist li a:hover{ color: #0b3ca1; }

.field{ overflow: hidden; margin-top:50px;}
.field li{ float: left; width: 290px; height: 300px; margin:0 5px 30px 5px; }
.field li .fimg{ width: 290px; height:180px; position: relative;}
.field li .fimg img{ width: 290px; height:180px;}
.field li .ftxt{ padding: 12px; }
.field li .ftxt a{ display:block; line-height:32px;  color: #434343; font-size: 16px; margin-bottom:10px; }
.field li .ftxt p{ color:#818080; font-size:14px;line-height:24px;}

.field li:hover{box-shadow: 0px 0px 10px #cdcdcd;}
.field li .fmore{opacity:0;filter:alpha(opacity=0); left: 1px; top: 1px; position: absolute; width: 100%; height:100%;  background: url(../images/hbj.png); }
.field li .fmore .jia{display:block; margin:75px auto 0 auto; border-radius:50%;  border: 1px solid #ffffff; font-size: 18px; width: 30px; height: 30px; line-height: 30px; text-align: center; color:#ffffff; }
.field li:hover .fmore{ opacity:1;filter:alpha(opacity=100); }


.lyshow{ margin-top:50px; margin-bottom:80px;  }
.title03{ color: #434343; line-height: 56px; font-size: 24px; font-weight: normal; padding-left: 12px; }
.nop{ padding-left: 0; }
.lyleft{ width: 280px;}
.lynav{ overflow:hidden;}
.lynav li{ overflow:hidden;  float:left; height: 48px; width: 100%; line-height: 48px; border-bottom: 1px solid #cccccc;}
.lynav li a{ color:#666666; font-size: 14px; display: block; }
.lynav li i{  width: 5px; border-left: 5px solid #122785; height: 28px; float: left; margin:10px 7px 0 -5px;}

.lynav li.on i,.lynav li:hover i{ margin-left: 0; }
.lynav li.on a,.lynav li:hover a{ color:#122785;}

.lycenter{ width: 600px; margin-left:60px;}
.showtxt{ color: #666666; font-size:14px; padding-top: 12px; line-height: 24px; }
.showtxt p{ margin-bottom:1.5rem; }

.lyright{ width:172px; padding:0 16px;}
.lyright h3{ line-height: 52px; padding-top: 18px; text-align: center; border-bottom: 1px solid #d1d1d1; font-weight: normal; color: #434343; font-size: 18px;}
.xglist{ overflow:hidden; margin-top: 18px; }
.xglist li{ float:left; overflow:hidden; width: 100%; margin-bottom: 12px; }
.xglist li .xgimg{ float: left; width: 78px; overflow: hidden;height:95px; }
.xglist li .xgimg img{ width: 78px; height:95px; }
.xglist li .xgtxt{ float: right; width: 75px;}
.xglist li .xgtxt span{ display: block; }
.xglist li .xgtxt .tle01{ font-size: 14px; color: #464646; line-height: 28px; }
.xglist li .xgtxt .tle01 a{color: #464646;}
.xglist li .xgtxt .tle02{ color: #999999; font-size: 12px; line-height: 18px; }
.xglist li .xgtxt>a{ margin-top: 5px; display: block; border-radius: 5px; width: 69px; height: 25px; line-height: 25px; text-align: center; color: #ffffff; font-size: 12px; background:#0b3ca1;}



.lxlist{ overflow:hidden; margin-top: 60px;}
.lxlist li{ float: left; position:relative; border: 1px solid #ebebeb;  width: 226px; height: 198px; margin:0 15px 90px 0; }
.gwhe li{ margin-bottom:55px; }
.lxlist li.w286{ width: 286px; }
.lxlist li .ico{ overflow:hidden;width: 100%; height: 198px; }
.lxlist li h3{ color: #434343; font-size: 20px; line-height: 36px; height: 36px; padding:124px 0 38px 0; font-weight: normal; text-align: center;  }
.lxlist li p{ width: 84%; height: 98px; padding:50px 8%; background: #122785; font-size: 14px; color: #ffffff; line-height: 24px;  }
.lxlist li:hover h3{ margin-top: -198px; }
.lxlist li span{ font-family: arial;bottom:-20px; left:50%; margin-left: -20px;  position:absolute; width:38px; height: 38px; text-align: center; line-height: 38px; background: #ffffff; border:1px solid #ebebeb; color: #868686; font-size: 20px; border-radius:50%;}

.lctle{ margin-top:45px; color:#ffffff; line-height: 60px; background: url(../images/lctle.png) no-repeat; width: 450px; height:60px; line-height:60px;  }
.lctle .cn{ margin:0 5px 0 44px; color: #ffffff; font-size:30px; }
.lctle .en{ color: #ffffff; font-size: 20px; font-family: arial;text-transform:uppercase;  }

.lclist{ overflow:hidden; padding:80px 0 100px 0; background: url(../images/lcbt04.jpg) repeat-y;}
.lclist li{ float:left; width: 100%; }
.lclist li .lcbt{ cursor:pointer;  box-shadow: 0px 0px 10px #666666; position:relative; height: 100px; }
.lclist li .xh{ float:left;  line-height: 100px; font-size:42px; color: #ffffff; font-family: arial; margin-left: 44px;}
.lclist li .name{float:left; margin:20px 0 0 25px; border-bottom: 1px solid rgba(255,255,255,0.4); height: 58px; border-top: 1px solid rgba(255,255,255,0.4);
padding-left: 45px; padding-right:190px; font-size: 18px; color: #ffffff; height: 60px; line-height: 60px; }
.lclist li .lctxt{ display: none; color: #494949; font-size: 16px; padding:50px 0 50px 60px; line-height: 28px;  }
.lclist li .ico{ z-index: 99; position:absolute;  width: 193px; height: 193px; right:-96px; top:-46px;  }

.lc01 .lcbt{background: url(../images/lcbt01.jpg) repeat-y;width:547px;}
.lc01 .ico{background: url(../images/lcico01.png);}
.lc02 .lcbt{background: url(../images/lcbt02.jpg) repeat-y;width:700px;}
.lc02 .ico{background: url(../images/lcico02.png);}
.lc03 .lcbt{background: url(../images/lcbt03.jpg) repeat-y;width:918px;}
.lc03 .ico{background: url(../images/lcico03.png);}
.lc04 .lcbt{background: url(../images/lcbt02.jpg) repeat-y;width:638px;}
.lc04 .ico{background: url(../images/lcico04.png);}
.lc05 .lcbt{background: url(../images/lcbt03.jpg) repeat-y;width:494px;}
.lc05 .ico{background: url(../images/lcico05.png);}
.lc06 .lcbt{background: url(../images/lcbt02.jpg) repeat-y;width:638px;}
.lc06 .ico{background: url(../images/lcico04.png);}
.lc07 .lcbt{background: url(../images/lcbt03.jpg) repeat-y;width:494px;}
.lc07 .ico{background: url(../images/lcico05.png);}
.lc08 .lcbt{background: url(../images/lcbt02.jpg) repeat-y;width:638px;}
.lc08 .ico{background: url(../images/lcico04.png);}
.lc09 .lcbt{background: url(../images/lcbt03.jpg) repeat-y;width:494px;}
.lc09 .ico{background: url(../images/lcico05.png);}




.zbcl{ height: 430px; background: url(../images/clzb.jpg) no-repeat center center;}

.clnr{ margin-top: 80px; }
.clleft{ float:left; width: 400px; margin-left:70px; }
.clright{ float:right; width: 400px; }
.clmore{ margin:55px 0 0 108px; width: 50px; height: 50px; border-radius:50%; background: #ffffff; float: left; font-size: 24px; font-family: arial; text-align: center; line-height: 50px; color:#122785;}


.clleft .climg{ float:left; width: 140px; height: 140px; border-radius: 50%; background: #122785 url(../images/climg01.png) no-repeat center center; }
.clright .climg{ float:left; width: 140px; height: 140px; border-radius: 50%; background: #122785 url(../images/climg02.png) no-repeat center center; }
.clright .cltxt,.clleft .cltxt{ margin-left: 25px; widows: 235px; float:left;}
.clright .cltxt h3,.clleft .cltxt h3{ color: #ffffff; font-size: 24px; font-weight: normal; line-height: 36px; margin:40px 0 10px 0; }
.clright .cltxt p,.clleft .cltxt p{ color: #ffffff; font-size: 16px; line-height: 24px; }


.flsl{ margin-top:48px; overflow:hidden;  background: url(../images/flsl.jpg) no-repeat center center; height: 273px;}

.sllist{ overflow:hidden; width: 728px; margin:30px 0 0 340px;}
.sllist li{ border-bottom:1px dashed rgba(255,255,255,0.2);  padding-left:40px;  background: url(../images/xin.png) no-repeat 5px center;  color: #ffffff; font-size: 16px; float:left; width: 100%; height: 49px; line-height: 49px; }

.hotzx{ margin-top: 35px;  }
.hotimg{ float: left; width: 600px; height:260px; }
.hotimg img{width: 600px; height:260px;}
.hottxt{ float:right; width:520px; height:260px; padding:0 50px 0 30px; background: #f5f5f5;}
.hottxt h3{ font-weight: normal; line-height: 36px;  font-size: 18px; padding:20px 0 15px 0;  }
.hottxt h3 a{color: #434343;}
.hottxt p{ color: #727272; font-size: 14px; line-height: 24px; }
.hottxt  .hmore{ margin-top: 35px; display: block; background: #132b97; font-size: 14px; color: #ffffff; width: 140px; height: 40px; line-height: 40px; text-align: center; }

.info{ margin-top:40px; overflow: hidden;  }
.infoleft{ float:left; width: 845px;}
.infohot{ overflow: hidden; border-bottom: 1px solid #ebebeb; padding-bottom: 30px; }
.infohot h3{ font-size: 20px;  font-weight: normal; line-height:1; margin-bottom:20px;}
.infohot h3 a{ color: #122785; }
.infohot p{ color: #7e7e7e; font-size: 14px; line-height: 24px; }
.inforight{ float:right;}

.infolist{ overflow: hidden; padding:10px 0;  }
.infolist li{ font-size: 14px; width: 100%; float:left;background: url(../images/jian.png) no-repeat left center; height:40px; line-height: 40px; }
.infolist li a{ float: left; padding-left:28px; color: #575757;}
.infolist li span{ float: right; color: #a1a1a1; }
.infolist li a:hover{ color: #122785; }

.inforight{ width: 300px; height: 300px; float: right; background: #122785; }
.inforight a{width: 300px; height: 300px; display: block;}
.inforight span{width: 60px;height: 60px; border-radius: 50%; border:2px solid #ffffff;  font-size: 28px; font-family: arial;
 text-align: center; line-height: 60px; color: #ffffff; display:block; margin:70px auto 0 auto;}
.inforight p{ margin-top: 10px; font-size: 24px; color:#ffffff; line-height: 42px; text-align: center;  }


.xtiao{ overflow: hidden; margin:60px auto 0 auto;  }
.xtiao li{ height: 260px; width: 1078px; overflow: hidden; }
.xtiao li h3{ color: #ffffff; font-size:30px; font-weight: normal; line-height: 54px;}
.xtiao li p{ color: #f0f0f0; font-size: 16px; width: 340px; line-height: 28px; }
.xtiao li.xtiao01{background: url(../images/xtiao01.jpg) no-repeat; margin:0 0 20px 122px;}
.xtiao li.xtiao01 h3{ margin:68px 0 0 612px; }
.xtiao li.xtiao01 p{ margin:0 0 0 612px; }

.xtiao li.xtiao02{background: url(../images/xtiao02.jpg) no-repeat;}
.xtiao li.xtiao02 h3{ margin:68px 0 0 228px; }
.xtiao li.xtiao02 p{ margin:0 0 0 228px; }

.yxlist{ overflow: hidden; margin-top: 60px;  }
.yxlist li{ width: 292px; float: left; margin-right:10px;}
.yxlist li .yxtle{ width: 292px; line-height: 50px; height: 50px; text-align:center;}
.yxlist li .yxtle h3{ float: left; width: 146px; color: #ffffff; font-size: 24px; background: #122785; font-weight: normal; }
.yxlist li .yxtle span{ float: right; width: 146px; background: #f2f2f2; color: #323232; font-size: 18px; }
.yxlist li .yximg{ margin-top: 10px; width: 292px; height: 170px;}
.yxlist li .yximg img{ width: 292px; height: 170px;}
.yxlist li p{ background: #f1f1f1; color: #4d4d4d; font-size: 14px; line-height: 24px; padding:20px; height: 80px; }

.dylist{ overflow: hidden; width: 100%; margin-top:85px; padding-bottom: 85px;}
.dylist li{ float: left; overflow: hidden; width: 100%; margin-bottom:10px; }
.dylist li h3{ cursor:pointer;  font-weight: normal; line-height: 60px; height: 60px; background: #122785 url(../images/dsj.jpg) no-repeat 1150px center; font-size: 20px; color:#ffffff; padding-left: 22px; }
.dylist li .dytxt{ display:none; padding:25px 0; color: #878787; font-size: 14px; line-height:1.8; }

.tslist{ overflow: hidden; padding-bottom: 5px; margin-top:60px;  }
.tslist li{ float: left;  text-align: center; width: 252px; box-shadow: 3px 3px 3px #cdcdcd; margin-right:220px;}
.tslist li .tsimg{ width: 252px; height:252px; border-radius: 50%; overflow:hidden;  }
.tslist li .tsimg img{width: 252px; height:252px; }
.tslist li a{color: #434343; }
.tslist li h3{ margin:0 12px; font-size: 24px; line-height: 77px; border-bottom: 1px solid #eae6e6; font-weight: normal; }
.tslist li p{ padding:20px 0; margin:0 40px;  font-size: 18px; line-height:30px;  }
.tslist li:hover{ background:#122785;}
.tslist li:hover a{color: #ffffff;}


.nyban{ width:100%;}
.nyban img{ width:100%;}

.nyban .swiper-container-horizontal > .swiper-pagination-bullets{ bottom:30px !important;}
.nyban .swiper-pagination-bullet { background:#fff !important; border-radius:50px!important; width:10px!important; opacity:1!important; height:10px!important;}
.nyban .swiper-pagination-bullet-active{background:#fff!important;border-radius:20px!important;width:30px!important;}

.splist{ width: 100%; margin-top: 75px; overflow: hidden; }
.splist li{ float: left; width: 300px; }
.splist li .spimg{width: 300px; position: relative;}
.splist li .spimg img{ display:block; width: 300px; height: 200px;}
.splist li .spimg span{ position: absolute; left: 140px; bottom:0;   width: 0;
    height: 0;border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ffffff; }
 .splist li .spimg span.tp{top:0;border-top: 10px solid #ffffff;border-bottom:0;}   
.splist li .sptxt{ height: 200px; overflow: hidden; padding:0 20px; }
.splist li .sptxt h3{margin-top:15px; font-size: 16px; line-height: 40px; font-weight: normal; }
.splist li .sptxt h3 a{ color: #464646; }
.splist li .sptxt h3:hover a{ color: #122785; }

.splist li .sptxt p{ margin-top:8px; color: #7b7b7b; font-size: 14px; line-height:26px;  }
.splist li .sptxt .spmore{ margin-top:12px; display:block; font-family: SimSun; width: 30px; height: 30px; background: #bdbdbd; color: #ffffff; line-height: 30px; font-size: 14px; text-align: center; }
.splist li .sptxt .spmore:hover{ background: #122785; }

.jtlist{ margin-top: 85px; overflow: hidden;border-top:1px solid #e3e3e3; border-left:1px solid #e3e3e3;  } 
.jtlist li{ float:left; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3; width: 397px; height: 178px;  }
.jtlist li .jtimg{ float: left; margin:39px 0 0 17px; width: 100px; height: 100px; background:url(../images/jttbbj.png) no-repeat;  }
.jtlist li .jttxt{ float: left;  margin:62px 0 0 30px;}
.jtlist li .jttxt h3{ font-size: 20px;line-height: 30px; font-weight: normal; color: #434343; }
.jtlist li .jttxt p{  color: #878787; line-height: 20px; font-size: 14px; }


.splb01{ overflow: hidden; background: #f9f9f9; margin-top: 35px;}
.splb01 .yiimg{ float: left; width: 464px; height: 350px; }
.splb01 .yiimg img{width: 464px; height: 350px; display: block;}
.splb01 .yitxt{ float: right; width: 570px; padding-right: 106px; }
.splb01 .yitxt h3{ font-size: 22px; font-weight: normal; margin-top: 50px; line-height: 40px; }
.splb01 .yitxt h3 a{color: #191a19; }
.splb01 .yitxt p{ color: #7e7e7e; font-size: 14px; line-height: 24px; margin-top:20px; }
.splb01 .yitxt .yimore{ margin-top:55px; display: block; color: #ffffff; font-size: 14px; width: 140px; height: 40px; text-align: center; line-height: 40px; background: #1838c5; }

.splb02{ overflow: hidden; margin-top:70px; }
.splb02 li{ float: left; width:386px; margin-right:21px; }
.splb02 li .imgs{ height: 188px; width:386px; overflow:hidden;  }
.splb02 li .imgs img{height: 188px; width:386px; }
.splb02 li .txts{ padding:10px 25px; background: #f9f9f9; }
.splb02 li .txts h3{ line-height: 36px; font-weight: normal; font-size: 20px;}
.splb02 li .txts h3 a{ color: #191a19; }
.splb02 li .txts p{ color:#6f6f6f; line-height: 20px; font-size: 14px;  } 


.splb03{ overflow:hidden; margin-top:70px; }
.splb03 .sanleft{ width: 489px; float:left; }
.splb03 .sanleft .imgs{ height: 335px; width: 489px; overflow: hidden;}
.splb03 .sanleft .imgs img{ height: 335px;width: 489px; }
.splb03 .sanleft .txts{}
.splb03 .sanleft .txts h3{ font-weight: normal; margin-top: 8px; color:#434343; font-size: 14px; line-height: 24px;  }
.splb03 .sanleft .txts h3 a{color:#434343;}
.splb03 .sanleft .txts p{ color: #8e8e8e; font-size:14px; }

.splb03 .sanright{ overflow: hidden; float:right; width: 711px;  }
.splb03 .sanright li{ float: left; overflow: hidden;width:226px; margin-left: 11px; margin-bottom: 18px; }
.splb03 .sanright li .imgs{ width: 335px; height: 133px; overflow: hidden; }
.splb03 .sanright li .imgs img{ width: 335px; height: 133px; }
.splb03 .sanright .txts{}
.splb03 .sanright .txts h3{ font-weight: normal; margin-top: 8px; color:#434343; font-size: 14px; line-height: 24px;  }
.splb03 .sanright .txts h3 a{color:#434343;}
.splb03 .sanright .txts p{ color: #8e8e8e; font-size:14px; }


.splb04 { overflow: hidden; margin:50px 0;  }
.splb04  li{ float: left; width:290px; margin-right: 13px; margin-bottom: 18px; }
.splb04  li .imgs{ width: 290px; height: 160px; overflow: hidden; }
.splb04  li .imgs img{ width: 290px; height: 160px; }
.splb04 .txts{}
.splb04 .txts h3{ font-weight: normal; margin-top: 8px; color:#434343; font-size: 14px; line-height: 24px;  }
.splb04 .txts h3 a{color:#434343;}
.splb04 .txts p{ color: #8e8e8e; font-size:14px; }


.video{ background: #2e2e36; height: 643px; padding-top:70px; }

.videoleft{ float: left; width: 878px; height: 494px; }
.videoleft .videos{width: 878px; height: 494px;}
.videoright{ float:right;  width:288px; background: #191919; padding:0 17px; }
.videoright h3{ color: #a6a6a6; font-size: 20px; font-weight: normal; line-height: 64px; }
.videoright ul{ overflow: hidden; }
.videoright ul li{ float:left; width: 100%; margin-bottom: 12px; }
.videoright ul li .vimg{ float: left; width: 130px; height: 74px; }
.videoright ul li .vimg img{width: 130px; height: 74px;}
.videoright ul li .vtxt{ float: right; width: 132px; font-size: 14px; line-height: 24px; height: 48px; padding:13px 0;}
.videoright ul li .vtxt a{color: #a6a6a6; }

.video h2{ padding: 5px 0; color:#b5b4b7; font-size: 24px; font-weight: normal; line-height: 58px;}
.video p{ color: #727272; font-size: 14px; }


.splb05{ overflow: hidden; margin:45px 0 0 0;  }
.splb05  li{ float: left; width:232px; margin-right: 10px; margin-bottom: 30px; }
.splb05  li .imgs{ width: 232px; height: 160px; overflow: hidden; }
.splb05  li .imgs img{ width: 232px; height: 160px; }
.splb05 .txts{}
.splb05 .txts h3{ font-weight: normal; margin-top: 8px; color:#434343; font-size: 14px; line-height: 24px; }
.splb05 .txts h3 a{color:#434343;}
.splb05 .txts p{ color: #8e8e8e; font-size:14px; }

.title04{ color:#363636; font-size: 24px; height:30px; line-height: 30px; margin-top: 45px; }
.title04 span{ color: #a7a7a7; font-size: 14px; padding-left:20px; }


.comment{ overflow: hidden; margin-top: 30px; }
.comment textarea{ color:#666666; padding:10px 15px; height: 128px; border: 1px solid #e3e3e3; width: 1168px; font-size: 14px; line-height: 1.6; }
.comment input{ border: none; cursor:pointer;  float: right; margin-top:33px; width: 202px; height: 60px; line-height:60px; text-align: center; background: #0b3ca1; font-size: 20px; color:#ffffff; } 


.commlist{ overflow:hidden; border-top: 1px solid #f0f0f0;border-top: 1px solid #f0f0f0; margin-top:20px;}
.commlist li{ float: left; overflow: hidden; width: 100%; border-bottom: 1px solid #f0f0f0; padding:26px 0; }
.commlist li .cimg{ height:70px; width: 70px; float: left;}
.commlist li .cimg img{ height:70px; width: 70px; }
.commlist li .ctxt{ width: 1115px; float: right; }
.commlist li .ctxt .ctle{ line-height: 36px; }
.commlist li .ctxt .ctle h3{ color:#3d3d3d; font-weight: normal; font-size: 14px; display: inline;  }
.commlist li .ctxt .ctle span{ color: #a2a2a2; font-size: 14px; padding-left:30px;  }
.commlist li .ctxt p{ line-height: 30px; color: #727272; font-size: 14px; }

.jiazai{ cursor:pointer; margin:40px 0 60px 0;  color: #727272; font-size: 14px; height: 50px; line-height: 50px; text-align: center; background: #f0f0f0; }
.jiazai:hover{ background: #0b3ca1; color: #ffffff; }



.dbzx{ z-index: 1000; width: 280px; height: 350px; padding:15px; background:url(../images/lantm.png); position: fixed; bottom:0; left:0;  }
.dbzx .container{ position:relative; width: 100%;  }
.dbzx h3{ margin-top: 5px; height:40px; line-height: 40px; text-align: center; background:url(../images/ico01.png) no-repeat 65px center; padding-left:40px; font-size: 26px; color: #ffffff; font-weight: normal; }
.dbzx p{ font-size: 14px; color: #ffffff; line-height: 30px; height: 30px; text-align: center; }
.dbzx textarea{ margin-top: 10px; display: block; width: 215px;  background:#ffffff url(../images/ico02.png) no-repeat 15px 22px; padding:20px 20px 20px 45px; border-radius:8px; border:none; height: 96px; font-size: 14px; line-height:24px; color:#666666; }
.dbzx input{ margin-top: 10px; display: block; padding:0 20px 0 40px; width: 220px; height:50px; line-height: 50px; border-radius:8px; background:#ffffff url(../images/ico03.png) no-repeat 15px center; border: none;font-size: 14px; color:#666666; }
.dbzx button{ margin-top: 10px; display: block; width: 100%; border-radius: 8px; background: #001b53 url(../images/ico04.png) no-repeat 80px center; cursor: pointer; height: 50px; line-height: 50px; text-align: center; color: #ffffff; font-size: 18px; border: none; }
.dbzx .guan{ position:absolute; width: 22px; height: 22px; background:url(../images/guan.png); top: 0px; right: 0px; cursor: pointer; }


.bottomzx{ z-index: 1000; height: 140px; background:url(../images/lantm.png);position: fixed; bottom:0; right: 0; width: 100%;}

.bottomzx h3{ margin-top:15px; font-size: 24px; color: #ffffff; font-weight: normal; line-height: 40px; }
.bottomzx .container{ position:relative;  }
.bottomzx ul{ overflow:hidden; margin-top:15px;}
.bottomzx ul li{ float: left; }
.bottomzx ul li input{ margin:5px 30px 0 0; border: none; width: 230px; height: 40px; line-height: 40px; padding:0 15px; background: #ffffff; font-size: 14px; color: #666666;}
.bottomzx ul li.w370 input{ width: 370px; }
.bottomzx ul li button{ text-shadow: #333 2px 2px 1px; width: 180px; height: 50px; background: #ff6000; color: #ffffff; font-size: 20px; border: none; border-radius: 8px; cursor:pointer;}
.bottomzx .guan{ position:absolute; width: 22px; height: 22px; background:url(../images/guan.png); top: 12px; right: 0; cursor: pointer; }

.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:0}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#18BC9C;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:0;border-top-left-radius:0}.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:0;border-top-right-radius:0}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{z-index:2;color:#18BC9C;background-color:#ecf0f1;border-color:#ddd}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:3;color:#b4bcc2;background-color:#f5f5f5;border-color:#ddd;cursor:default}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#b4bcc2;background-color:#fff;border-color:#ddd;cursor:not-allowed}.pagination-lg>li>a,.pagination-lg>li>span{padding:8px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:0;border-top-left-radius:0}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:0;border-top-right-radius:0}.pagination-sm>li>a,.pagination-sm>li>span{padding:2px 8px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:0;border-top-left-radius:0}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:0;border-top-right-radius:0}.pager{padding-left:0;margin:20px 0;list-style:none;text-align:center}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:0}.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#ecf0f1}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#b4bcc2;background-color:#fff;cursor:not-allowed}