*{margin:0;padding:0;}
body{width:100%; overflow-x: hidden}
body,input{font-family:arial;color:#333;font-size: 14px;}
a{text-decoration:none;color: #333;}
a:hover{ text-decoration:none;}
i,em{font-style:normal}
img{border:0;vertical-align:middle;max-width: 100%;}
ul li{list-style: none}
h1,b{font-weight:normal}
button{border:none; background: none;}
/*公共样式*/
.container{max-width:1500px;margin:0 auto}
.container-s{width:98%;margin:0 auto}
.wap-container{width:96%;margin:0 auto}
input{outline: none;}
.fl{float:left;}
.fr{float:right;}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}

/*头部*/
body{ background: #F8F8F8;}
.header{height:150px; position: fixed;top:0;left:0;width:100%;z-index:99999;transition: all .3s; background: #fff;}
.logo{width:243px;height:53px;margin-top:15px}
.search{width:190px;height:30px;line-height:30px;border-bottom:1px solid #DDDDDD;margin-top:30px;}
.search .text{width:170px;height:30px;line-height:30px;background:none;border:none;float:left}
.search .submit{ background: url(../images/search.png) no-repeat center center;width:20px;height:30px;border:none;float:right}

.header-bottom{margin-top:10px;padding-bottom:20px;}
.nav>ul{margin:20px 0}
.nav>ul>li{float:left;margin-right:8px;position: relative; }
.nav>ul>li>a{float:left;padding:0 20px;height:36px;line-height:36px;font-size:17px;color:#fff;background: #247ECA;border-radius:5px;transition: all .3s;}
.nav>ul>li:hover>a,.nav>ul>li.on>a{ background: #004098;}

.nav ul li dl{ position: absolute;top:30px;width:100%;z-index:99999;display: none;padding-top:10px}
.nav ul li:nth-child(3) dl{width:230%;}
.nav ul li:nth-child(4) dl{width:130%;}
.nav ul li dl a{margin-bottom:1px;background: #ddd;color:#333;font-size:15px;width:100%;height:32px;line-height:32px;display: block;border-radius:5px;text-align: center;}
.nav ul li dl a:hover{ background: #004098;color:#fff}
.nav-small a{color:#999999;font-size:14px;}
.nav-small a:hover{color:#004391}
.nav-small span{ background: url(../images/header-x.png) no-repeat center right;display: inline-block;padding:0 15px 0 10px;}
.nav-small span:nth-child(3){ background: none;}
.nav-small b{width:87px;height:25px;line-height: 25px;text-align: center;display: inline-block;margin-top:30px;}
.nav-small b a{border-radius:20px;border:1px solid #E4E4E4;}
.nav-small b a{display: block;transition: all .3s;}
.nav-small b a:hover{ background: #004098;color:#fff}
.wap-header{display: none;}

.header-zf{height:150px;}
/*头部*/

/*banner*/
.banner{ position: relative;overflow: hidden;}
#banner-ol{bottom:25px;}
#banner-ol .swiper-pagination-bullet{ background: #DDDDDD;width:12px;height:12px;margin:0 3px;opacity:1;}
#banner-ol .swiper-pagination-bullet-active{ background: #F5CB81;}
/*banner*/

/*产品*/
.pro-list dl{width:24%;float:left;margin:10px 0.5%}
.pro-list dl dt{font-size:20px;font-weight:bold;text-align: center;margin:20px 0 10px 0;}
.pro-list dl dd{width:360px;height:212px; position: relative;border-radius:8px;overflow: hidden;}
.pro-list dl dd span{display: block;width:100%}
.pro-list dl dd img{width:100%}

.pro-list .pro1 dt{color:#F6931C}
.pro-list .pro2 dt{color:#16AA9E}
.pro-list .pro3 dt{color:#85C22E}
.pro-list .pro4 dt{color:#0E73C3}

.pro-list dl dd p{width:100%;background: rgba(255,255,255,0.6);position: absolute;bottom:0;left:0;z-index:999;height:75px;font-size:16px;font-weight:bold;color:#000000;text-align: center;line-height:25px;transition: all .2s;}
.pro-list .pro1 p em{padding-top:13px;display: block;width:80%;margin:0 auto}
.pro-list .pro2 p em{padding-top:13px;display: block;width:80%;margin:0 auto}
.pro-list .pro3 p em{padding-top:25px;display: block;width:80%;margin:0 auto}
.pro-list .pro4 p em{padding-top:25px;display: block;width:80%;margin:0 auto}


.pro-list dl:hover dd p{ background:rgba(36,113,200,0.7);color:#fff;}
/*产品*/

/*新闻*/
.news{display: block;}
.wap-news{display: none;}
.news{margin:50px 0}
.news-left{width:609px; position: relative;}
.news-left li{ position: relative;}
.news-left li .pic{width:100%;height:350px}
.news-left li .date{width:97px;height:69px; background: #2471C8;text-align: center;display: block; position: absolute;top:0;left:30px;}
.news-left li .date b,.news-left li .date em{display: block;text-align: center;color:#fff}
.news-left li .date b{font-size:20px;font-weight:bold;padding:10px 0 3px 0}
.news-left li .date em{font-size:14px;}
.news-left li .date:after{content: '';display: block;width:62px;height:3px; background: #F5CB81; position: absolute;bottom:0;left:0;right:0;margin:0 auto}
.news-left li .news-wz{height:50px;line-height:50px; background: #2471C8;font-size:14px;color:#fff;text-indent:20px;}
.news-jt{ position: absolute;bottom:17px;z-index:9999;}
.news-left li:hover p{text-decoration: underline;}
.news-left .prev{right:30px}
.news-left .next{right:60px}

.news-right{width:864px; background: #fff;border-top:5px solid #2378BE}
.news-right h2{font-size:16px;font-weight:normal;color:#333;overflow: hidden;width:95%;margin:0 auto}
.news-right h2 span{ background: url(../images/news-icon.png) no-repeat center left;padding-left:40px;height:50px;line-height:50px;float:left}
.news-right h2 a{float:right;font-size:15px;color:#666;margin-top:16px}
.news-right h2 a img{transition: all .4s;}
.news-right h2 a:hover{color:#004098}
.news-right h2 a:hover img{transform: rotate(180deg);}
.news-right h2 a img{vertical-align: middle;margin-left:10px;margin-top:-5px}
.news-list{width:95%;margin:0 auto}
.news-list li{margin:10px auto 17.2px auto}
.news-list li a{font-size:15px;color:#666666;}
.news-list li a em{float:right}
.news-list li a:hover{color:#004098}
/*新闻*/

/*企业理念*/
.philo{background: url(../images/cult-bg.jpg) no-repeat center center;height:358px}
.title{padding:55px 0}
.title b,.title span{display: block;text-align: center;color:#fff}
.title b{font-size:35px;}
.title span{font-size:12px;color:#BDC3CE;font-weight:normal}
.philo p{font-size:46px;color:#fff;font-weight:bold;text-align: center;letter-spacing: 1px;}
.philo p span{padding:0 15px}
/*企业理念*/

/*三块员工简报*/
.three-list{overflow: hidden;margin:37px auto}
.three-list dl{width:465px;height:185px;padding:9px;border:1px solid #DBDBDB;float:left;margin:7px;overflow: hidden;}
.three-dd1{ background: url(../images/b-img1.jpg) no-repeat center center;}
.three-dd2{ background: url(../images/b-img2.jpg) no-repeat center center;}
.three-dd3{ background: url(../images/b-img3.jpg) no-repeat center center;}
.three-list dl dt{font-size:26px;color:#333;font-weight:bold;}
.three-list dl dd{color:#666;font-size:14px;margin-top:7px;}
.three-list dl a{display: block;padding-top:100px;margin-left:25px;width:100%;height:100%}
/*三块员工简报*/



/*内页banner*/
.ny-banner{background: url(../images/ny-banner.jpg) no-repeat center center;height:196px;}
.ny-banner .container{ position: relative;top:90px}
.ny-conmit b,.ny-conmit span{display: block;color:#fff}
.ny-conmit b{font-size:28px;font-weight:bold;margin-bottom:5px;}
.ny-conmit span{font-size:16px;color:#C2C2C4}
.position{margin-top:38px;  color: #fff;}
.position a{color: #FFFFFF;font-size:14px;margin-left:10px;}
.position a:after{content: '>';margin-left:10px;  }
.position a:last-child:after{content: " ";}
/*内页banner*/


/*公司治理*/
.ny-main{ background: #F8F8F8;}
.ny-main .container{padding:45px 0}
.ny-left{width:280px;}
.ny-left-title{height:65px;line-height:65px; background: #004098;font-size:20px;color:#fff;font-weight:bold;text-indent: 20px;}
.ctitle1{ background: #fff;padding:12px 0 20px 0}
ul.ctitle1>li{width:260px;line-height:45px;margin:0 auto;border-bottom:1px solid #E8E8E8;text-indent:15px;}
ul.ctitle1>li>a{display: block;font-size:16px;color:#333333}
ul.ctitle1>li:last-child{border-bottom:none}
ul.ctitle1>li:hover>a,ul.ctitle1>li.on>a{ background: #F5CB81;}

ul.ctitle1 .ctitle2{padding:5px 0;display: none; background: #f5f5f5;}
ul.ctitle1 .ctitle2 li{line-height:28px;}
ul.ctitle1 .ctitle2 li a{transition: all .4s;display: block;color:#666;}
ul.ctitle1 .ctitle2 li:hover a{color:#004391;margin-left:6px}

.ny-detail{width:280px;height:95px; background-color: #FFFFFF;margin-top:10px;line-height:95px;padding:7px 0}
.ny-detail a{display: block;font-size:18px;font-weight:bold;text-align: center;width:267px;height:95px;margin:0px auto}
.ny-detail1 a{ background: url(../images/ny-left-icon1.jpg) no-repeat center center;}
.ny-detail2 a{ background: url(../images/ny-left-icon2.jpg) no-repeat center center;}
.ny-detail3 a{ background: url(../images/ny-left-icon3.jpg) no-repeat center center;}
.ny-right{width:1170px}

.ny-right-title{ background: #004098;padding:30px 0;text-indent: 30px;margin-bottom:25px;}
.ny-right-title b,.ny-right-title span{display: block;color:#fff}
.ny-right-title b{font-size:28px;font-weight:bold;line-height:28px;}
.ny-right-title span{font-size:16px;line-height:16px;font-weight:normal;margin-top:8px;}

.ny-corp-list{ overflow: hidden;}
.ny-corp-list li{float:left;width:380px;height:208px;margin-right:15px;margin-bottom:15px;overflow: hidden; position:relative;}

.ny-corp-list li:nth-child(3n){margin-right:0}
.ny-corp-list li .pic{width:380px;height:208px;}
.ny-corp-list li .info{color:#fff; position: absolute; bottom:0;left:0;text-align: center;width:100%; background: url(../images/zl-bg.png) no-repeat center center;height:154px;line-height:260px;font-size:17px;}

/*公司治理*/

/*底部*/
.footer{ background: #D2D2D2;padding:20px 0 10px 0}
.f-t-left dl{float:left;margin-right:60px;margin-top:10px}
.f-t-left dl dt a{font-size:16px;color:#333}
.f-t-left dl dt{margin-bottom:12px;}
.f-t-left dl dd a{color:#888888;font-size:13px;line-height:28px}
.f-t-left dl dd a:hover,.f-t-left dl dt a:hover{color:#004391}

.f-t-right dl{text-align: center;}
.f-t-right dl dd{margin:10px 0}
.f-t-right dl dd:nth-child(2){color:#03409B}

.footer-bottom{border-top:1px solid #BABABA;padding:20px 0;margin-top:20px}
.f-b-left span,.f-b-left b,.f-b-left p{display: block;}
.f-b-left span{font-size:16px;color:#666666;text-indent: 50px;margin-bottom:8px;}
.f-b-left b{font-size:27px;font-weight:1000;font-family: arial;color:#2D2C28; background: url(../images/tel.jpg) no-repeat center left;padding-left:50px;}
.f-b-left p{font-size:14px;color:#2e2c28; background: url(../images/address.jpg) no-repeat center left;padding:10px 50px}

.f-b-right{margin-top:15px}
.f-b-right span,.f-b-right p{display: block;overflow: hidden;}
.f-b-right span a{display: block;width:141px;height:40px;line-height:40px;text-indent: 30px; background:url(../images/b-icon.png) no-repeat center right 20px;border:1px solid #B2B2B2;border-radius:50px;float:right}
.f-b-right b{color:#666;margin-top:20px;display: block;}
.f-b-right b a{color:#666;}
.f-b-right span a:hover{border:1px solid #004391;color:#004391}
.f-b-right b a:hover{color:#004391}
/*底部*/


/*环境与社会*/
.ny-society-list p{font-size:16px;color:#666666;line-height:35px;}
.ny-society-list dl{float:left;margin:9px; background: #fff;padding:9px;}
.ny-society-list{ overflow: hidden;}
.ny-society-list dl dt{border-bottom:2px solid #DDDDDD}
.ny-society-list dl dt span{display: block;}
.ny-society-list dl dt b{display: block;font-size:22px;text-align: center;padding:10px 0}
.ny-society-list dl dd{font-size:15px;line-height:39px;border-bottom:1px dashed #DDDDDD}
.ny-society-list dl dd a{display: block;color:#666; background: url(../images/news-jt.png) no-repeat center left;padding-left:40px;}
.ny-society-list dl dd:hover a{color:#004098}





.ny-society-list dl:nth-child(2),.ny-society-list dl:nth-child(3){height:450px}
.ny-society-list dl:nth-child(4){height:705px}
.ny-society-list dl:nth-child(5),.ny-society-list dl:nth-child(6){top:-257px;position: relative;}

.ny-society-list dl:first-child{display: none;}


/*.ny-society-list dl:nth-child(1){}
.ny-society-list dl:nth-child(1) dd:nth-child(4) a,
.ny-society-list dl:nth-child(1) dd:nth-child(5) a,
.ny-society-list dl:nth-child(1) dd:nth-child(6) a 
{display: none;}*/




/*环境与社会*/

/*新闻中心*/
.ny-news-list ul li{height:50px;line-height:50px;border-bottom:1px solid #DDDDDD; background: url(../images/news-li.png) no-repeat center left 10px;padding-left:30px;}
.ny-news-list ul li a{font-size:16px;}
.ny-news-list ul li a em{float:right;color:#666}
/*新闻中心*/

/*员工简报*/
.ny-jianb-list ul li{border-bottom:1px dashed #DEDEDE;overflow: hidden;padding:20px 0}
.ny-jianb-list .pic{width:162px;height:136px;}
.ny-jianb-list .info{width:625px;margin:10px 0 0 30px}
.ny-jianb-list .load {width:178px;height:60px;display: block;border:1px solid #BABABA;border-radius:10px;text-align: center; background: url(../images/load-blue.png) no-repeat center left 20px;line-height:60px;text-indent:30px;color:#666666}
.ny-jianb-list .info span{display: block;font-size:16px;color:#333333;font-weight: bold;margin-bottom:20px}
.ny-jianb-list .info span:before{content: '';float:left;width:3px;height:18px; background: #004098;margin:2px 10px 0 0 }
.ny-jianb-list .info p{font-size:14px;color:#666;line-height:28px;}
.ny-jianb-list .load{margin-top:40px;}
.ny-jianb-list .load:hover{background: url(../images/load-fff.png) no-repeat center left 20px #004391;color:#fff}
/*员工简报*/


/*生活产业资财事业*/
.ny-life-list li{width:570px;float:left;margin:7px 7px 30px 7px;}
.ny-life-list li .pic{width:100%;height:100%}
.ny-life-list li .info{width:100%;margin-top:10px;}
.ny-life-list li .info span,.ny-life-list li .info p{text-align: center;display: block;}
.ny-life-list li .info span{font-size:18px;margin:5px 0;font-weight:bold}
.ny-life-list li .info p{font-size:16px;color:#666}
.ny-main ul.ctitle1 .on{display: block}
.ny-main ul.ctitle1 .ctitle2 .on a{color:#004098}
/*生活产业资财事业*/

/*中国事业及产品主页面*/
.ny-prince-list p{font-size:16px;color:#666666;line-height:35px;}
.ny-prince-list ul li h2{width:100%;height:40px;line-height:40px;font-size:18px;font-weight:normal;color:#fff;margin:20px 0 0 0}
.ny-prince-list ul li h2:before{content: '';float:left;width:7px;height:15px; background: #fff;margin:12px 20px}
.ny-prince-list ul li:nth-child(1) h2{ background: #F7921C;}
.ny-prince-list ul li:nth-child(2) h2{ background: #16A89D;}
.ny-prince-list ul li:nth-child(3) h2{ background: #8EC63D;}
.ny-prince-list ul li:nth-child(4) h2{ background: #0E73C3;}
.ny-prince-list ul li:nth-child(5) h2{ background: #555555;}
.ny-prince-list ul li:nth-child(6) h2{ background: #c3c3c3;}
.ny-prince-list ul li div a{display: block;line-height:45px;border-bottom:1px dashed #DCDCDC; background: url(../images/sy-jt.png) no-repeat center left 5px;padding-left:40px;}
.ny-prince-list ul li div a:hover{color:#004098}
/*中国事业及产品主页面*/

/*公司概要*/
.ny-about-top li{overflow: hidden; background:#fff;margin:2px 0}
.ny-about-top li span,.ny-about-top li p{float:left}
.ny-about-top li span{width:20%;text-align: center; background: #E1E0DE;text-align: center;height:40px;line-height:40px;color:#666;font-size:16px;}
.ny-about-top li p{font-size:16px;text-align: center;height:40px;line-height:40px;text-align: center;color:#666;width:80%}

/*主营业务*/
.ny-about-bottom{margin:20px 0}
.ny-about-bottom .title-h3{height:55px;line-height:55px;color:#fff; background: #004098;font-size: 17px;font-weight:normal;text-indent: 30px;}
.ny-about-bussin h3{font-size:15px;color:#004098;font-weight:bold;padding:15px 0;border-bottom:1px solid #E0E0E0;margin:20px 0 30px 0}
.ny-about-bussin h3:before{content: '';float:left;width:6px;height:19px; background: #024190;margin:2px 15px; }
.ny-about1 .info{font-size:14px;color:#666666;line-height:32px;margin-left:20px}
/*公司概要*/

.pagelist{text-align: center;margin:50px 0 40px 0;}
.pagelist a,.pagelist span{display: inline-block;height:35px;line-height:35px;padding:0 10px;text-align: center;background: #F7F7F7;font-size: 14px;margin:5px;border:1px solid #ddd}
.pagelist .current{ background:#247ECA;color:#fff}

@media screen and (min-width:200px)  and  (max-width:640px)  {
	.table1 tr td {display: block;    width: 100%; padding-left:0 !important;}
	.table2 tr td {display: block;    width: 100%;padding-left:0 !important;}
}





