*{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;}
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:15px;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 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{color:#666;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-zj{height:150px;}
/*.headerfixed{}
.headerfixed .header-bottom{margin-top:0}
.headerfixed {height:130px;}
.headerfixed .nav>ul {margin: 12px 0;}
.headerfixed .nav-small b{margin-top:20px;}*/
/*头部*/

/*banner*/
.banner{ position: relative;overflow: hidden;}
#banner-ol{bottom:25px;}
#banner-ol .swiper-pagination-bullet{ background: #DDDDDD;width:12px;height:12px;margin:0 10px;opacity:1;}
#banner-ol .swiper-pagination-bullet-active{ background: #F5CB81;}
/*banner*/



/*新闻*/
.news{display: block;}
.wap-news{display: none;}
.news{margin:50px 0}
.news-left{width:609px; position: relative;height:396px;}
.news-left li{ position: relative;}
.news-left li .pic{width:100%;}
.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;height:396px;}
.about-p{width:790px;margin:35px auto}
.news-right h2{font-size:16px;font-weight:normal;color:#333;overflow: hidden;width:95%;margin:0 auto 20px auto;border-bottom: 1px solid #DDDDDD;}
.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}
.about-p h3{font-size:18px;color:#2378be;margin-bottom:20px}
.about-p p{font-size:14px;line-height:33px;color: #666;}
.about-p a{display: block;width:130px;height:35px;border-radius:50px;border: 1px solid #D7D7D7;text-align: center;line-height:35px;color:#666;float:right;margin-top:20px;}
.about-p a:hover{ background: #004098;color:#fff}
/*新闻*/

/*产品中心*/
.pro-title{overflow: hidden;margin-bottom:30px;}
.pro-title span{float:left;font-size:35px;color:#333333;font-weight:normal}
.pro-title span em{color:#999999;font-size:16px;margin-left:10px;}
.pro-title a{float:right;width:113px;height:41px;line-height:41px;text-align: center; background: #0173BC;font-size:16px;color:#ffffff;font-weight:normal;border-radius:8px;}
.wap-pro-list{display: none;}
.pro-list{ position: relative;margin-bottom:40px;}
.pro-list .bd{ overflow: hidden;margin:0 auto;width:1460px;}
.pro-list li{float:left;width:347px;margin:0 10px; background: #fff;}
.pro-list li .pic{width:347px;height:246px;border-bottom:1px solid #F0F0F0}
.pro-list li .info{font-size:16px;color:#555555;text-align: center;height:50px;line-height:50px;}
.pro-list .hd a{ position: absolute;top:40%;cursor: pointer;}
.pro-list .hd a.next{ left:-45px}
.pro-list .hd a.prev{ right:-45px}
.pro-list li:hover .info{color:#004098}

/*包装案例*/
.case-con{ background: #fff;padding:30px 0}
.pro-title{overflow: hidden;margin-bottom:30px;}
.pro-title span{float:left;font-size:35px;color:#333333;font-weight:normal}
.pro-title span em{color:#999999;font-size:16px;margin-left:10px;}
.pro-title a{float:right;width:113px;height:41px;line-height:41px;text-align: center; background: #0173BC;font-size:16px;color:#ffffff;font-weight:normal;border-radius:8px;}
.wap-pro-list{display: none;}
.case-list{ position: relative;}
.case-list .bd{ overflow: hidden;margin:0 auto;width:1460px;}
.case-list li{float:left;width:347px;margin:0 10px; background: #fff;}
.case-list li .pic{width:347px;height:246px;border-bottom:1px solid #F0F0F0}
.case-list li .info{font-size:16px;color:#555555;text-align: center;height:50px;line-height:50px; background: #F8F8F8;}
.case-list .hd a{ position: absolute;top:40%;}
.case-list .hd a.next{ left:-45px}
.case-list .hd a.prev{ right:-45px}
.case-list li:hover .info{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{display: inline-block;padding:0 16px}
/*企业理念*/

/*三块员工简报*/
.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: #FFFFFF;}
.position a{color: #FFFFFF;font-size:14px;margin-left:10px;}
.position a:after{content: '>';margin-left:10px;}
.position a:last-child:after{content: " ";}
/*内页banner*/


/*公司治理*/
.pro1-title{display: none;}
.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;}
ul.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;}

.ctitle1 .ctitle2{padding:5px 0;display: none; background: #f5f5f5;}
.ctitle1 .ctitle2 li{line-height:28px;}
.ctitle1 .ctitle2 li a{transition: all .4s;display: block;color:#666;}
.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:80px;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-left p:last-child{background: url(../images/kefu.png) no-repeat center left;}
.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-p{font-size:16px;padding-left:20px;margin-bottom:20px}
.ny-pro-list li{float:left;width:347px;margin:10px 20px;}
.ny-pro-list li .pic{width:100%;height:100%}
.ny-pro-list li .pic img{width:100%}
.ny-pro-list li .info{height:40px;line-height:40px; background: #fff;font-size:16px;text-align: center;border-top:1px solid #eee}
.ny-pro-list li:hover .info{ background: #004098;color:#fff}