@charset "utf-8";
/* CSS Document */

.banner{ width:100%; overflow:hidden; background:#f4f4f4;}
.flexslider{ box-shadow:none; margin:0; border:0; background:none;}
.banner .flex-control-nav{ bottom:20px; z-index:10;}
.banner .flex-control-paging li{ margin:5;}
.banner .flex-control-paging li a{ background:rgba(0,0,0,0.5);box-shadow:none; -webkit-transition: all .5s ease; transition: all .5s ease; width:20px; height:20px; border-radius:50%;}
.banner .flex-control-paging li a.flex-active{ background:#fff;}
.banner .flex-direction-nav{ display:none;}
.service{ padding:80px 0 80px 0;}
.service .title , .news .title , .cooperation .title{ text-align:center; position:relative;}
.service .title .en , .news .title .en , .cooperation .title .en{ font-size:72px; font-family:"enfont"; text-transform:uppercase; color:#f4f4f4; position:absolute; width:100%; left:0px; top:0px; z-index:1;}
.service .title h3 , .news .title h3 , .cooperation .title h3{ font-size:36px; font-family:"cnfont";  font-weight:normal; color:#000; position:relative; z-index:5; padding-top:20px; background:url(../images/tui.png) no-repeat center bottom; padding-bottom:25px;}
.service .list{ padding-top:60px; font-size:0px;}
.service .list .items{ display:inline-block; width:371px; margin-right:43px; margin-bottom:30px;}
.service .list .items .items-aa{ width:371px; height:214px; display:block; overflow:hidden}
.service .list .items .items-aa img:hover{ transform: scale(1.2); transition:all 0.6s}
.service .list .title-more{ position:relative;}
.service .list .detail h3{ font-size:18px; font-weight:normal; color:#333; padding:15px 0;}
.service .list .title-more a{ position:absolute; right:0px; top:5px; padding:15px; font-size:12px;}
.service .list .detail p{ font-size:12px; color:#999; line-height:1.6; word-wrap:break-word;}
.advantage{ background:url(../images/advbg_02.jpg) no-repeat center top; padding:50px 0;}
.advantage .title{ text-align:center;}
.advantage .title h3{ font-size:36px; font-family:"cnfont"; color:#fff; font-weight:normal;}
.advantage .title p{ font-size:14px; color:rgba(255,255,255,0.5); text-transform:uppercase; padding-top:10px; background:url(../images/advd_03.png) no-repeat center bottom; padding-bottom:40px;}

.advantage .honor ul{ font-size:0px; padding:60px 0 40px;}
.advantage .honor ul li{ display:inline-block; width:240px; padding-left:72px; font-size:14px; color:#fff; text-align:left; color:#787878; }
.advantage .honor ul li:nth-child(1){ background:url(../images/honor-1.png) no-repeat center left}
.advantage .honor ul li:nth-child(2){ background:url(../images/honor-2.png) no-repeat center left}
.advantage .honor ul li:nth-child(3){ background:url(../images/honor-3.png) no-repeat center left}
.advantage .honor ul li:nth-child(4){ background:url(../images/honor-4.png) no-repeat center left}
.advantage .honor ul li:nth-child(5){ background:url(../images/honor-5.png) no-repeat center left}
.advantage .honor ul li p{ font-size:44px; font-family:"impact";}
.advantage .honor ul li p sub{ font-size:30px; font-weight:bold; position:relative; top:-10px;}
.advantage .items{ background:#fff; border-radius:20px; box-shadow:0 0 15px rgba(0,0,0,0.1);}
.advantage .items dl{ font-size:0px;}
.advantage .items dt,.advantage .items dd{ display:inline-block;  background:none; width:400px; height:200px; font-size:12px; padding:55px 50px 0 50px; border-bottom:#ddd 1px solid; border-right:#ddd 1px solid; position:relative; vertical-align:top; transform:scale(1); -webkit-transform:scale(1); transition:all .2s linear; -webkit-transition:all .2s linear; z-index:1; box-shadow:0 0 0 rgba(0,0,0,0); border-radius:0;}
.advantage .items dt h3 , .advantage .items dd h3{ font-size:24px; font-weight:normal; color:#333; text-align:center;}
.advantage .items dt p , .advantage .items dd p{ padding-top:20px; line-height:1.6; font-size:14px; color:#999;}
.advantage .items dd .more{ display:block; position:absolute; left:50%; top:50%; width:70px; height:70px; margin:-35px 0 0 -35px; transform:rotate(0); -webkit-transform:rotate(0); transition:all .3s ease; -webkit-transition:all .3s ease;}
.advantage .items dd .more:before{ content:''; width:1px; height:70px; position:absolute; left:50%; top:0;}
.advantage .items dd .more:after{ content:''; width:70px; height:1px; position:absolute; left:0; top:50%;}
.advantage .items dd .more:hover{ transform:rotate(720deg); -webkit-transform:rotate(720deg);}
.advantage .items dl dt:hover{ transform:scale(1.2); -webkit-transform:scale(1.2); z-index:10; box-shadow:0 0 15px rgba(0,0,0,0.4); border-radius:15px;}
.advantage .items dl dt:hover h3{ color:#fff;}
.advantage .items dl dt:hover p{ color:rgba(255,255,255,0.9)}
.se-more{ padding-top:30px;}
.se-more a{ display:block; width:140px; height:40px; line-height:40px; border-radius:40px; text-align:center; margin:0 auto; font-size: 14px;}
.se-more a:hover{ background-color:#00aaff; color:#FFFFFF}

.news .newstab .ntabnav{ font-size:0px; display:block; width:1000px; margin:0 auto; padding:50px 0;}
.news .newstab .ntabnav li{ display:inline-block; width:333px; font-size:16px; text-align:center;}
.news .newstab .ntabnav li a{ display:block; width:180px; height:40px; line-height:38px; margin:0 auto; background:#FFF; border:#ddd 1px solid; border-radius:40px; box-shadow:0 0 8px rgba(0,0,0,0); transition:all .2s linear; -webkit-transition:all .2s linear; background:linear-gradient(to right, #fff,#fff); background:-webkit-linear-gradient(right, #fff,#fff);}
.news .newstab .ntabnav li.active a{  color:#fff; border:none; box-shadow:0 0 8px rgba(0,0,0,0.2);}
.news .newstab .ncontent .nitems{ display:none;}
.news .nitems ul{ font-size:0px;}
.news .nitems li{ width:580px; font-size:12px; display:inline-block; position:relative; margin-right:40px; height:230px; border:#eee 1px solid; padding:30px; margin-top:40px; box-shadow:0 0 20px rgba(0,0,0,0); transition:all .2s linear; -webkit-transition:all .2s linear; vertical-align:top;}
.news .newstab .update{ font-size:24px; font-family:"pricefont"; color:#aaa; position:relative;}
.news .newstab .update:after{ content:">"; width:20px; height:20px; border:#ddd 1px solid; border-radius:50%; font-size:12px; position:absolute; right:0px; top:2px; text-align:center; line-height:20px; transition:all .2s linear; -webkit-transition:all .2s linear; color:#aaa;}
.news .newstab .update sub{ font-size:12px; position:relative; top:-6px;}
.news .newstab .nitems li h3{ font-size:18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -webkit-text-overflow:ellipsis; font-weight:normal; color:#333; padding:20px 0; border-bottom:#eee 1px solid; transition:all .2s linear; -webkit-transition:all .2s linear;}
.news .newstab .nitems li p{ padding-top:20px; line-height:1.8; color:#999; display:block; word-wrap:break-word;}
.news .newstab .nitems li:after{ content:""; position:absolute; left:0px; bottom:0px;  height:5px; width:0; transition:all .2s ease; -webkit-transition:all .2s ease;}
.news .newstab .nitems li:before{ content:""; position:absolute; width:0; right:0px; bottom:6px; height:1px; transition:all .2s ease; -webkit-transition:all .2s ease;}
.news .newstab .nitems li:hover{ border:#fff 1px solid; box-shadow:0 0 25px rgba(0,0,0,0.1);}
.news .newstab .nitems li:hover:after , .news .newstab .nitems li:hover:before{ width:100%;}
.news-more{ padding:50px 0;}
.news-more a{ width:180px; height:40px; line-height:40px; color:#fff; display:block; margin:0 auto; text-align:center; border-radius:40px; font-size:14px;}
.cooperation{ background:#f4f4f4; padding:50px 0;}
.cooperation .title .en{ color:#fff;}
.coo-list{ padding-top:50px;}
.coo-list ul{ font-size:0px;}
.coo-list li{ width:190px; height:84px; background:#fff; overflow:hidden; display:inline-block; margin:10px 5px 0 5px; transform:scale(1); -webkit-transform:scale(1);transition:all .2s linear; -webkit-transition:all .2s linear; box-shadow:0 0 20px rgba(0,0,0,0); position:relative; z-index:1; text-align:center; border:0 #fff solid;}
.coo-list li img{ height:72px; position:absolute; top:50%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); margin-top:-36px; max-width:90%;}
.coo-list li:hover{ border:5px #00aaff solid;}
.about{ padding:50px 0; position:relative; background:#fff;}
.about .contenter{ position:relative;}
.about-right{ width:100%; padding-right:530px; top:0; left:0px; position:absolute; height:100%;}
.about-right h3{ font-size:30px; color:#333;}
.about-right h3 span{ font-family:"enfont"; padding-left:5px; font-size:34px; color:#eee;}
.about-right p{ line-height:1.6; font-size:14px; color:#999; padding-top:15px; word-wrap:break-word;}
.about-right a{ position:absolute; width:120px; height:40px; line-height:40px; text-align:center;  border-radius:20px; left:0px; bottom:0px; display:block; font-size:14px;}
.about-right a:hover{ background-color:#00aaff; color:#FFFFFF}

.link-title { font-size: 18px; font-family: "cnfont"; color: #333; font-weight: normal; line-height: 50px; }
.link-list a { font-size: 14px; margin-right: 30px; margin-bottom: 20px; display: inline-block; }
.link-list a:hover{color:#e5883a}

.advantage .honor ul li p{ color:#666 !important}