﻿html{-webkit-text-size-adjust:none; /*解决chrome浏览器下字体不能小于12px*/}
body{ color:#333;}
a{outline:none; text-decoration:none;} a:hover{ text-decoration:underline;}
html{zoom:1;}html *{outline:0;zoom:1;} html button::-moz-focus-inner{border-color:transparent!important;} 
body{overflow-x: hidden; font-size:12px;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0; font-family:'微软雅黑';} fieldset,a img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';}
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/} em,i{ font-style:normal;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }.clearfix {display:block;}.clear{ clear:both;}/* 清除浮动*/
.colwrapper { overflow:hidden; zoom:1 /*for ie*/; margin:5px auto; }/* 高度自适应 */ 
.strong{ font-weight:normal;} .left{ float: left;} .right{ float: right;} .center{ margin:0 auto; text-align:center;}
.show{ display:block; visibility:visible;}.hide{ display: none; visibility:hidden;}
.block{ display:block;} .inline{ display:inline;}
.transparent{filter:alpha(opacity=50); -moz-opacity:0.5;/** Firefox 3.5即将原生支持opacity属性，所以本条属性只在Firefox3以下版本有效 ***/ -khtml-opacity: 0.5; opacity: 0.5; } .break{ word-wrap:break-word;overflow:hidden; /*word-break:break-all;*/}
.tal{ text-align:left} .tar{ text-align:right;}
/*文字两侧对齐*/
.justify {text-align:justify;text-justify:distribute-all-lines;/*ie6-8*/text-align-last:justify;/* ie9*/-moz-text-align-last:justify;
/*ff*/-webkit-text-align-last:justify;/*chrome 20+*/}
.thumb{ overflow:hidden;}
.thumb img{webkit-transform:translateZ(0);-webkit-transition:.2s;-moz-transform:translateZ(0);-moz-transition:.2s;-ms-transform:translateZ(0);-ms-transition:.2s;-webkit-transform-style:preserve-3d;}
.thumb img:hover{text-decoration:none;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1)}
.toe{/*超出省略号*/word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
img {max-width: 100%;height:auto;}
strong{ font-weight:normal;}
/*select{
 -webkit-appearance:none;-moz-appearance:none;appearanearance: none;}*/
/**
 +------------------------------------------------------------------------------
 * 网站整布局命名规范
 +------------------------------------------------------------------------------
 * @codex   id和class命名采用该版块的英文单词或组合命名 如:newRelease
 +------------------------------------------------------------------------------
 */
a{ color:#333; -webkit-transition: color .2s ease-in-out;-moz-transition: color .2s ease-in-out;-ms-transition: color .2s ease-in-out;
-o-transition: color .2s ease-in-out; text-decoration: none;}
a:hover{ color:#459beb; text-decoration:none;}
a:hover {text-decoration: none; color:#459beb;}
body{font-family:'微软雅黑'; line-height:1.5; font-size:15px; color:#333; background:#fff;}
 .lft,.fl{ float:left;}
 .rgt,.fr{ float:right;}
/*index*/
.brand .body ul{padding: 0 15px;margin-left: -3%;}
.brand .body ul li{float: left;width: 17%;margin-left: 3%;text-align: center;}
.brand .body ul li img{width: 180px;height: 98px;}
.wrapper2{width: 1200px;height: auto;margin: 0 auto;}
.wrapper{width: 1092px;height: auto;margin: 0 auto;}
.header{border-top:8px solid #f2f1f1;}
.header .wrapper2{position: relative;}
/*.nav{text-align: center;}*/
.nav ul{padding: 15px 0;}
.nav ul li{display: inline;padding:0 8px;font-size: 15px;color: #3e3a39;/*background:url(../images/nav_xian.png) no-repeat right center;background-size:3px 13px;*/}
.nav ul li a{padding:10px 30px 10px 30px;box-sizing: border-box;}
.nav ul li:hover a{color: #fff;background: #377ec0;}
.nav ul .on a{color: #fff;background: #377ec0;}
.header .logo{width: 500px;height: 66px;float: left;margin: 10px auto;}
.header .logo img{width: 500px;height: 66px;}
.banner{position: relative;}
.banner img{width: 100%;}
.header .tels{float: right;}
/*.header .tels a{display: block;background:url(../images/tel2.png) no-repeat left center;background-size:100% 100%;height: 40px;width: 200px;}*/
.header .tels{padding-left: 55px;background:url(../images/tel.png) no-repeat left center;height: 50px;position: absolute;top: 23px;right: 0;font-weight: 600;}
.header .tels h3{font-size: 15px;color: #3e3a39;line-height: 15px;padding-top: 3px;}
.header .tels p{color: #f1690a;font-size: 22px;}
/*.header .tels p{font-size: 15px;color: #377ec0;line-height: 15px;}*/
.line{
	width: 100%;
border-bottom: 1px solid #e8e8e8;
}
.title{background: url(../images/title_back.png) no-repeat center center;background-size:125% 23px;font-size: 30px;color: #3e3a39;height: 110px;line-height: 110px;text-align: center;}
.serve{padding: 40px 0;}
.serve .body ul{margin-left: -2%;}
.serve .body ul li{width: 31.3333%;margin: 0 0 50px 2%;float: left;position: relative;}
.serve .body .thumb{width: 100%;height: 250px;}
.serve .body ul li img{width: 100%;height: 250px;}
.serve .body .box{display: block;border: 1px solid #b3b3b3;border-bottom-left-radius:35px;height: 380px;padding: 5px 5px;}
.serve .body .text{padding: 0 10px;}
.serve .body .text h3{font-size: 17px;line-height: 48px;color: #377ec0;height: 48px;border-bottom: 1px solid #b3b3b3;}
.serve .body .text p{font-size: 12px;line-height:20px;height: 90px;box-sizing: border-box;padding-top: 15px;}
.serve .btn{font-size: 12px;position: absolute;bottom: 12px;right: 19px;color: #377ec0;display: block;}
.number{width: 55px;height: 65px;overflow: hidden;position: absolute;top: 0;left: 17px;}
.number p{color: #FFFFFF;font-size: 70px;line-height: 65px;font-weight: 600;text-align: right;width: 62px;height: 70px;background: #377ec0;}
.serve .text h5{font-size: 12px;line-height: 15px;padding-top: 17px;}
.serve .text h6{font-size: 12px;line-height: 15px;padding-top: 6px;}


.tabBox{padding-bottom: 85px;}
.tabBox .tab-hd{padding-bottom: 30px;}
.tabBox .tab-hd ul{width: 244px;height: 42px;margin: 0 auto;}
.tabBox .tab-hd ul li{width: 120px;height: 40px;border: 1px solid #b3b3b3;line-height: 40px;text-align: center;font-size: 18px;float: left;}
.tabBox .tab-hd ul li a{color: #333333;}
.tabBox .tab-hd ul .active{background: #377ec0;border: 1px solid #377ec0;}
.tabBox .tab-hd ul .active a{color: #fff;}
.tabBox .tab-bd ul li{padding: 0 10px 0 45px;border-bottom: 1px dashed #a0a0a0;position: relative;font-size: 15px;color: #3e3a39;height: 44px;line-height: 44px;}
.tabBox .tab-bd ul li i{display: block;background: url(../images/dian2.jpg) no-repeat center;background-size:11px 11px;width: 35px;height: 44px;position: absolute;top: 0;left: 0;}
.tabBox .tab-bd ul li span{color: #a0a0a0;}

.brand{background: url(../images/dian_back.jpg);padding-bottom: 220px;}
.brand .body{background:#FFFFFF ;}
.brand .body img{width: 100%;height: auto;}

.footer{color: #fff;}
.footer .nav2{font-size: 14px;background: #377ec0;text-align: left;}
.footer .nav2 ul{padding: 13px 0;display: inline-block;}
.footer .nav2 ul a {border-right:1px solid #fff ;background: none;}
.footer .nav2 ul a{color: #FFFFFF;padding: 0 10px;}

.footer .location{background: #313131;height: 180px;padding-top: 25px;}
.footer .location .box{padding-bottom: 43px;}
.footer .location ul li{font-size: 14px;color: #fff;line-height: 35px;}
.footer .location .fr{text-align: right;}
.footer .location .fr span{
	display: inline-block;
	padding-left: 5px;
}
.footer .location .fr span p{
	text-align: center;
}
.footer .location .fr ul img {
	width: 110px;
}
.footer .bottom{font-size: 14px;height: 40px;line-height: 40px;background: #377ec0;text-align: center;}
.contact_us{background: url(../images/ybl.png) no-repeat;width: 34px;height: 371px;position: fixed;top: 15%;right: 0;background-size:100% 100%;}
.contact_us a{display: block;width: 34px;height: 41px;margin-bottom: 6px;}
.qr_box{width: 160px;height: 190px;background: #fff;position: fixed;bottom: 250px;right: 0;}
.qr_box img{width: 150px;height: 150px;padding: 5px 5px 0 5px;}
.qr_box p{font-size: 16px;color: #433f3e;font-weight: 600;text-align: center;}
/*index end*/

/*员工关爱*/
.navs{position: absolute;top: 0;left: 0;background: url(../images/tm.png);background: rgba(209,209,209,0.3);height: 59px;width: 100%;}
/*.navs .box{border: 1px solid #fff;padding-bottom: 7px;border-top:none ;}*/
.navs ul li{width: 11.1111%;float: left;text-align: center;background: #377ec0;}
.navs ul li a{display: block;border-bottom: 1px solid #fff;height:71px;background:url(../images/y_li2.png);line-height: 50px;color: #fff;font-size: 16px;border: 1px solid #fff;border-bottom: none;}
.navs ul li a:hover{background: #377ec0;height: 118px;line-height: 84px;background: url(../images/y_li1.png);}
.navs .active a{background: url(../images/y_li1.png);height:118px;line-height: 84px;}


.welfare{padding: 15px 0 35px 0;}
.welfare ul li{margin-bottom: 45px;position: relative;}
.welfare ul li img{width: 100%!important;height: auto!important;}
.welfare .text{position: absolute;top: 36%;left: 12%;width: 350px;}
.welfare ul li h2{font-size: 34px;color: #333333;line-height: 34px;padding-bottom: 25px;font-weight: 600;}
.welfare ul li p{font-size: 15px;color: #333333;line-height: 20px;}
.welfare .text2{position: absolute;top: 42%;right: 12%;width: 350px;}
.welfare .text2 h2{color: #fff;}
.welfare .text2 p{color: #fff;}

.merit{padding-bottom: 100px;}
.merit h3{font-size: 19px;line-height: 19px;border-left:2px solid #377ec0;color: #377ec0;padding-left: 20px;font-weight: 600;}
.merit .number{left: 0;top: -27px;}
.merit ul li{text-indent: 80px;font-size: 30px;width: 50%;padding-top: 60px;}
.merit ul li p{color: #FFFFFF!important;text-indent: 0px;}
.merit ul li h2{vertical-align: bottom;font-weight: 600;position: relative;}
.merit .fr h2{text-align: right;width: 320px;}
.height{background: url(../images/dian_back.jpg);height: 100px;width: 100%;}

/*诚聘英才内页*/
.recruit .head .img{position: relative;}
.recruit .head .img .info{position: absolute;top: 40%;left: 5%;width: 100%;}
.recruit .head .img .info p{font-size: 16px;color: #fff;padding-bottom: 8px;}
.recruit .head img{width: 100%;padding-top: 25px;}
.recruit .body{padding-top: 45px;}
.recruit .body .head2 h3{font-size: 17px;color: #377ec0;line-height: 33px;font-weight: 600;}
.recruit .body .head2 h3 i{display: block;position: absolute;bottom: 5px;right: 0;width: 180px;height: 5px;background: #377ec0;}
.recruit .body .body2{padding: 40px 0;position: relative;border-bottom: 2px solid #377ec0;border-top: 2px solid #377ec0;}
.recruit .body .body2 ul li{width: 16.66666666%;height: 40px;line-height: 40px;text-align: center;font-size: 14px;color: #433f3e;font-weight: 600;float: left;}
.recruit .body .body2 .ul li{font-weight: 400;font-size: 13px;}
.recruit .body .body2 i{display: block;position: absolute;bottom: 5px;right: 0;width: 180px;height: 5px;background: #377ec0;}
.recruit .body .body2 .i{top: -12px;}
.recruit .body .info{padding: 15px 0 60px 0;}
.recruit .body .info ul li{padding-bottom: 5px;}
.recruit .body .info ul li h3{font-size: 15px;color: #a62329;padding-left: 5px;border-left:3px solid #a62329;line-height: 15px;margin: 14px 0;font-weight: 600;}
.recruit .body .info ul li p{font-size: 12px;color: #433f3e;line-height: 20px;}

/*诚聘英才*/
.tables {padding: 74px 0 90px 0;}
.tables table{width: 100%;color: #433f3e;}
.tables tr th{height:65px ;background: #ecf0f1;text-align: center;font-size: 18px;margin-bottom: 20px;}
.tables tr td{font-size: 13px;text-align: center;height: 43px;}
.tables .wan{width: 35%;box-sizing: border-box;padding-left: 4%;text-align: left;}
.tables .two{width: 15%;}
.tables .three{width: 17%;}
.tables .foru{width: 17%;}
.tables .five{width: 17%;}
.tables .heights td{background: #ecf0f1;height: 32px;}


/*大事记*/
.tabBox2{padding-bottom: 70px;}
.tabBox2 .tab-hd2{padding:40px 1px 85px 1px;width: 100%;overflow:hidden;position: relative; }
.tabBox2 .tab-hd2 .prev{width: 40px;height: 40px;background: url(../images/zuo.png) no-repeat center #FFFFFF;background-size:10px 17px;position: absolute;top:36px;left: 0;}

.tabBox2 .tab-hd2 ul{/*overflow:hidden;overflow-x:scroll;*/ width:4000px;}
	.tabBox2 .tab-hd2 .next{width: 40px;height: 40px;background: url(../images/you.png) no-repeat center #FFFFFF;background-size:10px 17px;position: absolute;top:36px;right: 0;}
.tabBox2 .tab-hd2 ul li{width:100px;height: 34px;font-size: 18px;display:block; text-align: center;line-height: 32px;font-weight: 600;margin:0 15px; position:relative; top:0; float:left;}
.tabBox2 .tab-hd2 ul li h3{color: #377ec0;display: block;border: 2px solid #377ec0;border-bottom-left-radius:10px;border-top-right-radius:10px;}
.tabBox2 .tab-hd2 ul li:hover h3{background:#377ec0;color: #FFFFFF;}
.tabBox2 .tab-hd2 .on h3{background:#377ec0;color: #FFFFFF;}
/*.tabBox2 .tab-hd2 .prev{height: ;}*/
.tabBox2 .tab-bd2 .txt{margin-left: 12%;padding:15px 0 0 5%;border-left:2px solid #377ec0;font-size: 13px;color: #3e3a39;position: relative;}
.tabBox2 .tab-bd2 .txt p{padding-bottom: 65px;line-height: 25px;}
.tabBox2 .tab-bd2 .txt h3{font-size: 18px;color: #3e3a39;font-weight: 600;position: absolute;top: 16px;left: -10%;}
.tabBox2 .tab-bd2 .txt i{position: absolute;display: block;width: 13px;height: 13px;background: url(../images/quan.png) no-repeat;position: absolute;top: 24px;left: -0%;margin-left: -6.5px;}


.honor ul{padding-top: 45px;}
.honor li{margin-bottom: 60px;}
.honor .left{width: 29%;border: 2px solid #377ec0;}
.honor .left .thumb{margin: 7px;}
.honor .left .thumb img{width: 100%;}
.honor .right{width: 68%;}
.honor .right h3{font-size: 26px;padding:6px 0 4px 0;color: #3e3a39;border-bottom: 1px solid #377ec0;font-weight: 600;}
.honor .right p{font-size: 15px;color: #3e3a39;line-height: 25px;padding-top: 10px;}

/*翻页*/
.page ul{padding: 0 0 65px 0;}
.page ul li{display: inline-block;width: 30px!important;height: 30px!important;padding: 0!important;margin: 0 5px;}
.page ul li a{font-size: 16px;color: #3e3a39;display: inline-block;width: 30px;height: 30px;background:#FFFFFF;line-height: 30px;text-align: center;border: 1px solid #e5e5e5;}
.page ul li a:hover{background: #377ec0;color: #FFFFFF;border: 1px solid #377ec0;}
.page ul li a.active{background: #377ec0;color: #FFFFFF;border: 1px solid #377ec0;}
.pages ul li span{font-size:16px; margin:0 10px;}
.pages ul li .text{width:30px; height:20px; border: 1px solid #ccc;}
.pages ul li .bt{width:40px; height:24px; line-height: 24px; border:none; background: #f1f1f1;margin-left: 5px;color: #3e3a39;}
.pages ul li a{background: none;}
.pages ul li a.prev{border: none;color: #377ec0;}
.pages ul li .prev:hover{background: none;}
.pages ul li a.next{border: none;color: #377ec0;}
.pages ul li .next:hover{background: none;}

/*劳动关系下午茶*/
.navs2 ul{width: 1092px;margin: 0 auto;}
.navs2 ul li{width: 25%;}
.teatime .body{padding-top: 10px;}
.teatime .body ul {padding-bottom: 60px;}
.teatime .body ul li{padding: 25px 0;height: 80px;border-bottom: 1px solid #a0a0a0;}
.teatime .body ul li:hover p{color: #377ec0;}
.teatime .body .left{width:85px;height: 100%;background: #377ec0;color: #fff;text-align: center;}
.teatime .body .left h2{font-size: 32px;font-weight: 600;line-height: 45px;padding-top: 5px;}
.teatime .body .left p{font-size: 14px;}
.teatime .body .right{width: 85%;}
.teatime .body .right h4{font-size: 16px;color: #3e3a39;line-height: 35px;font-weight: 600;}
.teatime .body .right p{font-size: 14px;color: #3e3a39;line-height: 25px;}
.teatime .page ul li {border-bottom: none;}


/*易才新闻*/
.news .head {padding-bottom: 45px;}
.news .head ul{margin-left: -2.3333333%;}
.news .head ul li{width: 31%;float: left;margin-left: 2.3333333%;}
.news .head ul li img{width: 100%;}
.news .head ul li h5{font-size: 16px;color: #377ec0;font-weight: 600;line-height:30px;}
.news .head ul li p{font-size: 16px;color: #a0a0a0;}
.news .head ul li p span{color: #377ec0;font-weight: 600;}
.news .body ul li{border-bottom: 1px solid #c8cacb;}
.news .body ul li h3{font-size: 16px;color: #3e3a39;position: relative;text-indent: 30px;line-height: 50px;}
.news .body ul li h3 span{color: #a0a0a0;}
.news .body ul li h3 i{display: block;position: absolute;top: 21px;left: 10px;width: 7px;height: 7px;background: #377ec0;border-radius:50% ;line-height: 50px;}
.news .body ul li:hover h3{color: #377ec0;}
.news .body ul li:hover h3 span{color: #a0a0a0;}
.news .pages{padding-top:40px;}

.navs3 ul{width: 1092px;margin: 0 auto;}
.navs3 ul li{width: 20%;}

/*福利保险*/
.insurance .body{padding-top: 35px;}
.insurance .body .top ul li{width: 50%;float: left;}
.insurance .body .top ul li a{font-size: 21px;color: #3e3a39;border: 1px solid #E5E5E5;line-height: 50px;text-align: center;display: block;}
.insurance .body .top ul li a:hover{background: #a62329;color: #fff;border: 1px solid #a62329;}
.insurance .body .top ul .on a{background: #a62329;color: #fff;border: 1px solid #a62329;}
.insurance .body .top .inp{padding: 30px 0 40px 0;}
.insurance .body .top .inp span{font-size: 14px;padding-right: 10px;line-height: 27px;}
.insurance .body .top .inp input{height: 25px;border: 1px solid #a62329;margin-right: 30px;}
.insurance .body .top .inp .inp1{width: 133px;}
.insurance .body .top .inp .inp2{width: 280px;margin-right: 46px;}
.insurance .body .top .inp button{width: 95px;height: 27px;line-height: 27px;color: #ff;font-size:15px;background: #a62329;border: none;color: #FFFFFF;vertical-align: top;border-radius:10px ;}
.insurance .body .centers .panel{width: auto;height: 30px;}
.insurance .body .centers .panel ul li a{display: block;
width: 138px;height:30px;background:url(../images/tx1.png)no-repeat;background-size: 138px 31px;float: left;text-align:center;line-height: 30px;}
.insurance .body .centers .panel .li2{margin-left: -29px;background:url(../images/tx2.png)no-repeat;background-size: 138px 30px;}
.insurance .body .centers .panel .no .li2 {background:url(../images/xz2.png)no-repeat;background-size: 138px 30px;color: #FFFFFF;}
.insurance .body .centers .panel .li2:hover {background:url(../images/xz2.png)no-repeat;background-size: 138px 30px;color: #FFFFFF;}
.insurance .body .centers .panel .no .li1{background:url(../images/aw.png)no-repeat;background-size: 138px 32px;color: #FFFFFF;}
.insurance .body .centers .panel .li1:hover{background:url(../images/aw.png)no-repeat;background-size: 138px 32px;color: #FFFFFF;}
.insurance .body .centers .from{padding: 5px;border: 1px solid #a62329;height: 300px;}
.insurance .body .centers .from table{width: 100%;}
.insurance .body .centers .from table tr th{text-align: center;color: #FFFFFF;font-size: 16px;background: url(../images/baix.png) no-repeat right center #a62329;background-size:2px 23px;height: 35px;}
.insurance .body .centers .from .width{width: 17%;}
.insurance .body .centers .from table tr td{border-bottom: 2px solid #a62329;text-align: center;color: #3e3a39;font-size: 14px;height: 35px;}
.insurance .body .top .inp{padding-bottom: 20px;}
.insurance .body .top .inp2 label{display: inline-block;width: 32.333%;margin-bottom: 15px;}
.insurance .body .top .inp2 .inp1{width: 68%;margin: 0;}
.insurance .body .centers .from2{height: 150px;margin-bottom: 50px;}
.insurance .body .centers .from2 .width{width: 14%;}
.insurance .body .centers .from2 .width2{width: 10%;}

/*福利彩票*/
.insurances{padding-top: 35px;position: relative;}
.insurances img{width: 100%;display: block;height: auto;}
/*.insurances img{width: 100%;height: auto;}*/
/*.insurances .box{height: auto;width: 100%;position: relative;}*/
/*.insurances .box img{width: 462px;height: 386px;position: absolute;bottom: 0;right: -5%;}*/
.insurances .text{width: 40%;position: absolute;top: 40%;left: 6%;}
.insurances h5{color: #000000;font-size: 14px;line-height: 23px;padding-bottom: 40px;}
.insurances button{font-size: 24px;color: #FFFFFF;text-align: center;border: none;width: 150px;height: 50px;background: #a62329;line-height: 50px;border-radius:10px ;}
.insurances button:hover{background: #680a0e;}

/*意见反馈*/
.opinion .head{text-align: center;padding-bottom: 55px;letter-spacing: 8px;}
.opinion .head h3{font-size: 19px;color: #377ec0;font-weight: 600;line-height: 30px;}
.opinion .head p{font-size: 16px;color: #484443;}

.opinion .body{width: 399px;margin:0 auto;padding:0 0 40px 60px;}
.opinion .body ul {padding-bottom: 20px;}
.opinion .body ul li{margin-bottom: 13px;position: relative;}
.opinion .body ul li h3{font-size: 18px;color: #3e3a39;line-height: 27px;width: 105px;text-align: right;display: inline-block;display:inline-block;zoom:1;position: absolute;top: 0;left: -120px;}
.opinion .body ul li input{width: 399px;border: 1px dashed #acacac;border-radius:5px ;background: #f7f7f7;height: 25px;box-sizing: border-box;padding: 0 20px;}
.opinion .body ul li span{display: inline-block;display:inline-block;zoom:1;width: 30px;text-align: center;color:#377ec0;position: absolute;top: 0;right: -30px;}
.opinion .body ul li textarea{width: 399px;border: 1px dashed #acacac;border-radius:5px ;background: #f7f7f7;height: 200px;box-sizing: border-box;padding:20px;}
.opinion .body button{width: 120px;height: 35px;background: #377ec0;line-height: 35px;color: #fff;text-align: center;font-size: 22px;margin:0 auto;border: none;display: block;border-radius:5px ;}
.opinion .body button:hover{background: #5d0f13;}

/*支持体系*/
.system .head{padding: 30px 0 45px 0;}
.system .head ul li{width: 33.333333%;height: 53px;float: left;}
.system .head ul li a{display: block;border: 1px solid #E5E5E5;line-height: 53px;font-size: 21px;text-align: center;color: #3e3a39;font-weight: 600;}
.system .head ul li a:hover{background: #377ec0;border: 1px solid #377ec0;color: #fff;}
.system .head .on a{background: #377ec0;border: 1px solid #377ec0;color: #fff;}
.system .body img {width: 100%;}
.system .body p{font-size: 14px;color: #3e3a39;line-height: 25px;padding: 30px 0;border-bottom: 1px dashed #377ec0;}
.system .body ul{padding-top: 50px;}
.system .body .fr{width: 35%;}
.system .body ul li{padding-left: 5%;width: 45%;position: relative;height: 95px;padding-bottom: 20px;}
.system .body ul li h3{font-size:32px ;color: #377ec0;line-height: 32px;padding-bottom: 10px;font-weight: 700;}
.system .body ul li p{line-height: 26px;color: #3e3a39;font-size: 16px;padding: 0;border: none;}
.system .body ul li i{display: block;position: absolute;top: 0;left: 0;background: url(../images/tilte.png) no-repeat; background-size:100% 100%;width: 33px;height: 32px!important;}

/*移动业务系统*/
.download .head{text-align: center;padding-bottom: 40px;}
.download .head h4{font-size:27px;line-height: 60px;color: #377ec0;}
.download .head h6{font-size: 20px;line-height: 20px;color: #3e3a39;}
.download .body ul li{height: 400px;width: 100%;position: relative;}
.download .body .img1{background: url(../images/imgv1.jpg) no-repeat;background-size:100% 100%;margin-bottom: 50px;}
.download .body .img1 .btn{background: url(../images/pg.png) no-repeat left center;background-size:35px 43px;padding: 20px 0;}
.download .body .img2{background: url(../images/imgv2.jpg) no-repeat;background-size:100% 100%;}
.download .body .img2 .btn{background: url(../images/az.png) no-repeat left center;background-size:35px 43px;padding: 20px 0;}
.download .body .qr_box2{width: 200px;text-align: center;padding-right: 10%;}
.download .body .qr_box2 h5{font-size: 35px;color: #281c19;line-height: 65px;padding-top: 10px;}
.download .body .qr_box2 .qr{background: #bababa;box-sizing: border-box;padding: 5px;}
.download .body .qr_box2 .qr img{width: 100%;height: 100%;display: block;}
.download .body .qr_box2 .btn button{width: 125px;height: 35px;border-radius:5px;background: #377ec0;margin-left: 60px;border: none;color: #fff;font-size: 16px;}
.download .body .qr_box2 .btn button i{display: block; width: 30px;height: 20px;background: url(../images/xz.png) no-repeat center;background-size:21px 20px;vertical-align: top;float: right;border-left:1px solid #fff ;}
.download .body .qr_box2 p{font-size: 14px;color: #3e3a39;}
.download .body .submit{width: 150px;height: 40px;display: block;background: #377ec0;border: none;color: #fff;font-size: 16px;position: absolute;bottom: 20px;left: 50%;margin-left:-75px ;border-radius:5px ;}
.download .body button:hover{background: #67161a;}


.focusBox {position: relative;overflow: hidden;width: 100%;}
.focusBox .pic{ position:relative; z-index:0; }
.focusBox .pic img {width:100%; height:auto; display: block; }
/*.focusBox2{display: none;}*/
.focusBox2 .pic img {width:100%; height:auto; display: block; }
.focusBox .hd { width:100%; position: absolute; bottom: 10px; text-align: center; font-size:0; z-index:1; }
.focusBox .hd li{margin: 0 5px; background: url(../images/dot8.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer;
	display:inline-block; *display:inline; zoom:1;background: url(../images/dot8.png) no-repeat 0 -16px;
}
.focusBox .hd .on{ background-position:0 0; }

.focusBox .prev,
.focusBox .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url(../images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=100);opacity:1!important;  }
.focusBox .prev { left: 35px; }
.focusBox .next { background-position: 0 -90px; right: 35px; }
.focusBox .prev:hover,
.focusBox .next:hover { filter:alpha(opacity=100) !important;opacity:1 !important;  }

.teatime2 .body ul li{height:auto;border: 1px solid #E5E5E5;border-top-right-radius:20px ;margin-bottom: 50px;box-sizing: border-box;padding: 10px 20px 10px 5px;}
.teatime2 .body ul li h4{padding-bottom: 10px;}
.teatime2 .body .left{width: 30%;height: 190px;text-align: center;}
.teatime2 .body .left img{width: 100%;height: 100%;}
.teatime2 .body .right{width: 67%;height: 190px;position: relative;}
.teatime2 .body .right .btn{position: absolute;bottom: 0px;right: 10px;font-size: 12px;color: #377ec0;font-weight: 600;}
.teatime .page ul li{border: none;}
/*分页样式*/

.pagination-wrapper{margin: 20px 0;} .pagination{height: 34px;text-align: left;} .pagination li {display: inline-block;height: 34px;margin-right: 5px;} .pagination li a{float: left;display: block;height: 32px;line-height: 32px;padding: 0 12px;font-size: 16px;border: 1px solid #dddddd;color: #555555;text-decoration: none;} .pagination li a:hover{background:#f5f5f5;color:#377ec0;} .pagination li.thisclass {background: #377ec0;color: #fff;} .pagination li.thisclass a,.pagination li.thisclass a:hover{background: transparent;border-color: #377ec0;color: #fff;cursor: default;}

strong{ font-weight:bold;}
.tabBox2 .tab-hd2 ul{/*overflow:hidden;overflow-x:scroll;*/ width:4000px;height:45px !important;}

.welfare p{
	color: #999;
text-align: center;
border-bottom: 1px dashed #999;
line-height: 30px;
font-size: 13px;
}
.body{
	padding: 10px 0;
}

.center_contact_left {
    display: inline-block;
}
.center_contact {
    margin: 0 auto;
    margin-top: 70px;
    overflow: hidden;
}

.center_contact_left_top {
    font-size: 30px;
    font-weight: bold;
    margin-top: 20px;
}

.center_contact_left_center {
    font-size: 18px;
    font-weight: bold;
    margin-top: 20px;
}

.center_contact_left_bottom {
    /*margin-top: 40px;*/
    font-size: 14px;
    padding-top: 20px;
}

    .center_contact_left_bottom span {
        margin-left: 10px;
    }

.center_contact_right {
    margin-top: 60px;
    margin-bottom: 30px;
    margin-left: 20px;
    float: right;
}
.about {
    position: relative;
    margin: 30px 0 70px;
    height: 645px;
    color: #333333;
     background-color: #F8F8F8;
     padding: 30px 0 80px;
}


    .about .content {
        position: relative;
    }

        .about .content .img_1 {
            position: absolute;
            left: 0;
            top: 270px;
            z-index: 9
        }

        .about .content .img_2 {
            position: absolute;
            left: 55px;
            top: 0;
        }

        .about .content .title {
            text-align: right;
            font-size: 48px;
            margin-top: 70px;
            background:none;
        }

        .about .content .title_word {
            font-size: 24px;
            font-weight: bold;
            text-align: right;
            margin-top: -10px
        }

        .about .content .text {
            font-size: 14px;
            text-indent: 2rem;
            padding-left: 625px;
            margin: 39px 0 50px;
            line-height: 2
        }

        .about .content .button {
            float: right;
            width: 108px;
            height: 41px;
            border-radius: 21px;
            background-color: #377ec0;
            color: #FFFFFF;
            text-align: center;
            line-height: 41px;
            display: inline-block
        }

        .about .content .introduce {
            padding-left: 375px;
            margin-top: 160px
        }

            .about .content .introduce .item {
                display: inline-block;
                vertical-align: top;
                text-align: center;
                height: 102px;
                margin: 0 20px
            }

                .about .content .introduce .item img {
                    width: 50px;
                    margin-bottom: 28px
                }

                .about .content .introduce .item .line {
                    width: 1px;
                    height: 77px;
                    margin: 12px auto;
                    background-color: #E2E2E2
                }
.postion {
	height: 30px;
line-height: 30px;
padding: 0px 10px;
font-size:14px;
}
.body img{
max-width: 100%;
height: auto!important;
}
.lfooter{ display:none;}