@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
BODY {FONT:13px/1.75 "Microsoft YaHei", arial,sans-serif; COLOR: #666;  background:#fff;}
A {COLOR: #666; TEXT-DECORATION: none}
P{COLOR: #333;}
A:hover {TEXT-DECORATION: none}
A IMG {BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none}
DIV {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
EM {FONT-STYLE: normal; FONT-WEIGHT: normal}
TABLE {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
body{width:auto}
.cl{HEIGHT: 0px; CLEAR: both;}
.jz{margin:0 auto;}
.fl{FLOAT: left}
.fr{FLOAT: right}
.container{width:1366px; margin:0 auto}

.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-r{text-align: right;}
.col-white{color: #fff;}
/* CSS Document */



/*公共头部*/
.top{line-height: 35px; background: #466680;}
.top .container{position: relative;}
.top p{font-size: 14px; color: #fff;}
.top ul li {float: left; background: url(../images/top-line.png) no-repeat right center; padding: 0 13px;}
.top ul li a{ font-size: 14px;color: #fff; }
.top ul li .icon1{background: url(../images/top-arrow.png) no-repeat right center; padding-right: 15px;}
.top ul li .icon3{background: url(../images/top-tel.png) no-repeat left center; padding-left: 26px; font-weight: bold;}
.top-weixin { width: 130px; height: 130px; padding: 4px; background: #fff; box-shadow: 1px 1px 10px #aaa; position: absolute; top: 45px; right: 200px; z-index: 2; display: none; border-radius: 10px; overflow: hidden;}

.head{height: 95px;}
.logo{margin-top: 21px;}
.head .logo h1 {line-height: 0px;}

.nav ul li{float: left; position: relative; margin: 0 20px; height: 95px;}
.nav ul li>a{display: block; font-size:16px; line-height: 95px;  color: #505050; text-align: center; }
.nav ul li a:after {position: absolute; content: ''; bottom: 0; width: 0; left: 50%; height: 1px; background: #71b6c2; transition:all .3s ease; top:68px;}
.nav ul li.on>a:after{width: 100%; left: 0;}
.nav ul li:hover>a:after{ width: 100%; left: 0;} 
.nav ul li.on>a{color: #71b6c2; }
.nav ul li:hover>a{color: #71b6c2; }
.nav ul li .hide{top:95px;  background-color: #fff;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);float: left;font-size: 14px;left: -50%;display: none;width: 124px;opacity: 0.8;position: absolute;text-align: center;z-index: 3;}
.nav ul li .hide em a{ display:block; font-size: 15px;line-height:35px;font-weight: normal; text-align:center; height:35px; color: #333;}
.nav ul li .hide em a:hover{background: #fff; color: #71b6c2; transition:background-color 0.3s linear; -moz-transition:background-color 0.3s linear;-webkit-transition:background-color 0.3s linear;-o-transition :background-color 0.3s linear;}
.headfixed{position: fixed; top: 0; background: #fff; z-index: 222; width: 100%;}


/*首页banner*/
.banner{position:relative;}
.banner-hd {height:525px;position: relative; overflow:hidden; width: 100%;}
.banner-hd  ul{height:100%;margin: 0 auto;}
.banner-hd  ul li{height:100%;}
/*数字按钮样式*/
.banner-hd .num { overflow:hidden;  position:absolute; bottom:5%; margin:0 auto;left:0;right:0;text-align:center;zoom:1; z-index:3 ;}
.banner-hd .num ul{display: inline-block;}
.banner-hd .num li {width:12px;height:12px; margin:0 5px; cursor:pointer; float: left; background: #fff; -webkit-border-radius:50%; -moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius: 50%;}
.banner-hd .num li.on {background: #71b6c2;  } /*当前项*/

.index-main{margin: 40px 0 26px;}
.latest-case{ position: relative;    width: 352px;     margin-right: 11px;}
.latest-case .img_list{overflow: hidden; position: relative; height: 219px;}
/* 根据图片的张数来设定ul的宽度 */
.img_list ul{ width: 3500px; position: absolute; height: 219px; left: 0px;}
.img_list li{ float: left; width: 352px;}
.img_list img{ margin: 0px; width: 352px; height: 219px; border:0;}

/* 图片对应的按钮样式 */
.btn_list ul{ position: absolute; right: 7px; bottom: 27px; }
.btn_list li{ float: left; margin-right: 3px; color: #999; border: 1px solid #646464; }
.btn_list li:hover,.btn_list li.on{ cursor: pointer; /*border: 1px solid #fff;*/}
.btn_list li img{ width: 29px; height: 18px; display: block;}
/* 左右点击的按钮样式 */

/* 图片对应的说明*/
.img_intro{position: absolute;bottom: 0;left: 0; width: 100%;height: 23px;}
.img_intro .text a{display: block; background: rgba(10,10,10,0.39); font-size: 13px; line-height: 23px; color: #fff; padding-left: 13px;}


#case-class{width:499px;height:219px;overflow:hidden;}
#case-class li{float:left;position:relative;width:55px;height:100%;overflow:hidden;filter:alpha(opacity=50);-moz-opacity:0.5;/*opacity:0.5;*/cursor:pointer;}
#case-class li div{position:absolute;z-index: 22; width:100%;height:49px;line-height:49px;top: 0; right: 0; bottom:0;left:0;margin: auto; display:none;text-align:center; background: url(../images/case-name.png) no-repeat center;}
#case-class li div a{color:#FFF; font-size: 18px; font-weight: bold;}
/*#case-class li div a:hover{color:#F00;}*/
#case-class li:first-child{width:331px;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
#case-class li:first-child div{display:block;}

.news{width: 448px;}
.news-btn{margin-bottom: 20px;}
.news-btn ul li{float: left; width: 109px; height: 40px; background: #eaeaea; font-size: 15px; line-height: 40px; color: #4c4c4c; text-align: center;}
.news-btn ul li.on{background: #71b6c2; color: #fff;}

.news-list ul li{float: left; width: 100%; margin-bottom: 14px;}
.news-list ul li a{display: block;}
.news-list ul li em{ font-size: 15px; line-height: 15px; color: #666666; background: url(../images/news-em.png) no-repeat left center; padding-left: 14px; }
.news-list ul li span{ font-size: 14px; line-height: 15px; color: #7a7a7a;}
.news-list ul li a em:hover{color: #71b6c2;}



/*公共底部*/
.foot{background: #3b3b3b; padding: 29px 0 15px;}
.foot-nav dl{float: left; margin-right: 50px;}
.foot-nav dl dt{display: block; font-size: 16px; line-height: 16px; color: #fff; margin-bottom: 7px;}
.foot-nav dl dt a{color: #fff;}
.foot-nav dl dd a{display: block; font-size: 14px; line-height: 27px; color: #868686;}
.foot-nav dl dd a:hover{color: #fff;}
.foot-contact {width: 322px; margin-right: 63px;}
.foot-contact ul li{float: left; padding-left: 40px; margin-bottom: 9px;}
.foot-contact ul li.icon1{background: url(../images/foot-icon1.png) no-repeat left center;}
.foot-contact ul li.icon2{background: url(../images/foot-icon2.png) no-repeat left center;}
.foot-contact ul li.icon3{background: url(../images/foot-icon3.png) no-repeat left center;}
.foot-contact ul li span{display: inline-block; font-size: 15px; line-height: 33px; color: #717171;}
.foot-contact ul li strong{display: inline-block; font-size: 22px; line-height: 33px; color: #fff; }
.foot-contact ul li em{display: inline-block; font-size: 14px; line-height: 33px; color: #808080;}

.wechat{width: 145px;}

.foot-tel {width: 254px;}
.foot-tel  em{display: block; width: 148px; height: 42px; border: solid 1px #828282; font-size: 17px; line-height: 42px; color: #7e7e7e; text-align: center; margin-bottom: 25px; border-radius: 20px;}
.foot-tel  strong{display: block; font-size: 25px; line-height: 19px; color: #71b6c2; margin-bottom: 12px; font-family: arial;}
.foot-tel  span{display: block; font-size: 14px; line-height: 14px; color: #575757; }

.foot-copy{height: 47px; background: #121212;}
.foot-copy p{display: block; font-size: 14px; line-height: 47px; color: #c1c1c1;}
.foot-copy p a{color: #c1c1c1;}
.foot-copy p a:hover{color: #fff;}



/*内页样式*/
.ny-hd{height: 400px;}

.position{height:52px; line-height:52px; font-size:14px; border-bottom: solid 1px #dfdfdf; }
.position span{background:url(../images/position-home.png) no-repeat 0 center; padding-left: 2%; width: 88%;}
.position a{background:url(../images/position-arrow.png) no-repeat right; padding-right:20px; margin-right:10px;}
.position a:last-child{background: transparent;}
.position .on{color: #71b6c2;}
.position a:hover{color: #71b6c2;}

.ny-main{margin: 2% 0 3%;}

.ny-left{width:19%}
.column-title{background:#252d36;padding-bottom: 30px; margin-bottom: 10px;}
.column-title em{ display: block;   padding: 30px 15px 10px;font-size: 26px;line-height: 32px;color: #fff;font-weight: normal;}
.column-title i{display: block;width: 50px;height: 3px;background-color: #fff;margin-left: 15px;}
.ctitle1{margin-bottom: 10%;}
.ctitle1 li a{display: block;font-size:16px;color:#4C4C4C;background:#F4F4F4;text-align:center;line-height:58px;height:58px;margin-bottom:5px;}
.ctitle1 li a:hover,.ctitle1 li.on a{background:#71b6c2;color:#fff;}

.ny-case-class ul li{float:left;position:relative;width: 100%;margin-bottom: 4%;}
.ny-case-class ul li .pic img{display: block; width: 100%;}
.ny-case-class ul li .name{position: absolute; bottom: 0; display: block; background: rgba(27,27,27,0.41);padding: 0 3%;width: 94%;color: #fff;line-height: 200%;}
.ny-case-class ul li .name em{display: block;font-size: 15px;}
.ny-case-class ul li .name span{display: block;font-size: 14px;}

.ny-right{width: 79%;}


/*内页关于我们*/

.about-btn{display: flex;flex-direction: row;justify-content: center;margin-bottom: 1.5%;}
.about-btn a{background: #5e5e5e;display: block;width: 12%;padding: 6px 0;text-align: center;color: #fff;font-size: 16px;border-radius: 40px;margin: 0 12px;}
.about-btn a.on{background: #71b6c2; color: #fff;}
.ny-about-title{padding-bottom: 3%;}
.ny-about-title span,.ny-about-title h3{display: block;color: #252525;}
.ny-about-title span{font-size: 32px; text-transform: uppercase;}
.ny-about-title h3{font-size: 22px; line-height: 22px;font-weight: bold;}



.ny-about {margin-bottom: 2%;}
.ny-about .ny-about-title{padding-bottom: 1%;}
.ny-about .ny-about-title h3{background: url(../images/about-icon.png) no-repeat center bottom; padding-bottom: 1.5%;}
.ny-about .info p{display: block; font-size: 15px; color: #636363;margin-bottom: 2.5%;}
.ny-about .pic img{display: block; width: 100%;}

/*企业文化*/
.culture{background: url(../images/culturebg.jpg) no-repeat center top; padding-top: 1%; padding-bottom: 2%;}
.culture .ny-about-title span,.culture .ny-about-title h3{color: #fff;}
.culture .pic {width: 30%; background: url(../images/culture-pic.jpg) no-repeat center; height: 385px;}

.culture .info{background: #fff; padding-left: 4%; width:66%; height: 385px; }
.culture .info dl{float: left; padding-top: 3%; margin-right: 20%;}
.culture .info dl dt{display: block; font-size: 18px; color: #52b6c8; font-weight: bold;}
.culture .info dl dd{display: block; font-size: 14px; line-height: 30px; color: #6b6b6b;}

.culture-list{display: flex;flex-direction: row;justify-content: space-between;margin-top: 4%;}
.culture-list .item{margin: 0 5px;text-align: center;position: relative;border: #b1b1b1 solid 1px;width: 16.5%;}
.culture-list .item:nth-child(3){width: 28.8%;}
.culture-list .item p{text-align: center;font-size: 14px;padding: 20px 10px 20px 10px;color: #fff;}
.culture-list .item .quan{width: 52px;height: 52px;background: #71b6c2;color: #fff;text-align: center;font-size: 16px;border-radius: 100%;display: flex;flex-direction: column;line-height: 20px;align-items: center;justify-content: center;margin: 0 auto;margin-top: -20px;}


/*组织架构*/
.org .pic{background: url(../images/org-bg.jpg) no-repeat center; height: 1550px;}
.org .ny-about-title{margin-top: 1%;}


/*总经理致辞*/
.gray{background: #e1e1e1; padding: 0.5% 0 1%; margin-bottom: 2%;}
.speech .pic{width: 34%; background: url(../images/speech-pic.png) no-repeat center; height: 264px;}
.speech .info{background: #fff; padding-left: 4%; width:62%; height: 264px; }
.speech .info p{font-size: 16px; color: #7c7c7c; margin-top: 5%;}






/*内页新闻资讯列表*/
.ny-news-list ul li{overflow: hidden;padding-bottom: 22px;border: none;border-bottom: solid 1px #f0f0f0; margin-bottom: 20px;}
.ny-news-list ul li .date{padding: 1%;border:solid #dbdbdb 1px;border-radius: 5px;}
.ny-news-list ul li .date span{display: block;border-bottom: solid #dbdbdb 1px;font-size: 40px;line-height: 40px;color: #71b6c2; padding-bottom: 8px;}
.ny-news-list ul li .date p{font-size: 17px;line-height: 17px;color: #747474; margin-top: 15px;}
.ny-news-list ul li .descript{overflow: hidden;width: 89%;}
.ny-news-list ul li .descript strong{font-size: 16px;line-height: 45px;color: #232323;font-weight: bold;display: block;}
.ny-news-list ul li .descript strong:hover{color: #71b6c2; }
.ny-news-list ul li .descript p{color: #5f5f5f;font-size: 14px;line-height: 22px;}


/*内页图片列表*/

.ny-pic-list ul li{float: left; margin-right: 3%;width: 30%;margin-bottom: 2%;}
.ny-pic-list ul li .pic{overflow: hidden;}
.ny-pic-list ul li .pic img{display: block; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.ny-pic-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}

.ny-pic-list ul li .pic img{display: block; width: 100%;}
.ny-pic-list ul li .name{padding: 1% 3%;width: 94%; line-height: 280%;}
.ny-pic-list ul li .name em{display: block;font-size: 16px;color: #333;}
.ny-pic-list ul li .name span{display: block;font-size: 14px;color: #666;}
.ny-pic-list ul li:hover .name em{color: #71b6c2;}

.ny-right  .pagelist {padding: 10px 0;margin-top:15px;overflow: hidden;border-top:0px solid #eee;text-align:center;}
.ny-right .pagelist a,
.ny-right  .pagelist span {border: 1px solid #ccc; display: inline-block;padding: 2px 8px;margin-right:5px;}
.ny-right  .pagelist span.current {color: #f30;border: 1px solid #ddd;}
.rczp{background: url(../images/rczp-bg.jpg) no-repeat  center; height: 360px;background-size: 100% 100%;}
.rczp{background: url(../images/rczp-ag.jpg) no-repeat  center; height: 362px;background-size: 100% 100%;}