/*===全局===*/
html{overflow-y: scroll; overflow-x:hidden; _background-image:url(about:blank); _background-attachment:fixed;}
body {font-family:"Microsoft Yahei",'mossbaoo',Arial,'Hiragino Sans GB',sans-serif; font-size:14px; color:#333;}
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,sup,sub{margin:0;padding:0}
fieldset,img{border:0}
ul,ol,li {list-style:none;}
img{-ms-interpolation-mode: bicubic; vertical-align:top;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;outline:none; font-family:"Microsoft Yahei"; }
.imgmiddle,input,select{vertical-align:middle;}
.table{border-collapse:collapse;border-spacing:0;}
.clear{clear:both; height:0; overflow:hidden;}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
.clearfix2{zoom:1;width: 106%;margin-left: -3%;display: block; overflow: hidden;}

.fl{float:left; display:inline;}
.fr{float:right; display:inline;}
.tr {text-align: right;}
a {text-decoration:none; color:#333;}
a:hover{ text-decoration:none; color: #141414;}
a:active{blr:expression(this.onFocus=this.blur());}
/*===自定义样式===*/
.w100 {width: 100%;}
.mar1200 {width: 1200px; margin: 0 auto;}
.mar1500 {width: 79%; margin: 0 auto; min-width: 1200px;}
.mar1024 {width: 79%; max-width: 1500px; margin: 0 auto; min-width: 974px;}
.mar79p {width: 79%; max-width: 1500px; margin: 0 auto; min-width: 974px;}
.mw1200 {min-width: 1200px; margin: 0 auto;}
.mw1024 {min-width: 974px; margin: 0 auto;}
.bgGray {background: #f2f2f2;}
.bgfff {background: #fff;}
.mt15 {margin-top: 15px;}
.pt15 {padding-top: 15px;}
body {background: #fff;}

::-webkit-scrollbar{width: 8px;}
::-webkit-scrollbar-track{background: #eee;}
::-webkit-scrollbar-thumb{background: #1b1b1b; border-radius: 5px;}
::-webkit-scrollbar-thumb:window-inactive{background: #1b1b1b;}
::-webkit-scrollbar-thumb:vertical:hover{background: #1b1b1b;}

.ellipsis{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ellipsis-2{display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ellipsis-3{display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.ellipsis-4{display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.ellipsis-5{display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.ellipsis-6{display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 6; -webkit-box-orient: vertical;}

.header_w {position: fixed; top: 0; left: 0; z-index: 99; height: 95px; background: #fff; border-bottom: 1px solid #eaeaea; transition: all 0.3s;}
.header {height: 95px; transition: all 0.3s;}
.header .nav {width: 38%; transition: all 0.3s;}
.header .nav li {float: left; width: 25%; text-align: center; overflow: hidden;}
.header .nav li a {display: block; position: relative; padding: 30px 0; transition: all 0.3s;}
.header .nav li a:before {position: absolute; content: ""; bottom: -1px; left: 50%; width: 0; height: 4px; background: #e77817; z-index: 999; display: block; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s;}
.header .nav li .d1 {font-size: 16px; line-height: 20px; color: #333;}
.header .nav li .d2 {font-size: 12px; line-height: 15px; font-family: arial; color: #4b4b4b;}
.header .logo {width: 24%; text-align: center; padding: 27px 0; transition: all 0.3s;}
.header .nav li:hover a:before {width: 100%; left: 0;}
.header .nav li:hover .d1 {color: #e77817;}
.header .nav li:hover .d2 {color: #e77817;}
.header .nav li.current a:before {width: 100%; left: 0;}
.header .nav li.current .d1 {color: #e77817;}
.header .nav li.current .d2 {color: #e77817;}

.header .hanbao {line-height: 95px; height: 95px; width: 95px; text-align: center; display: none; transition: all 0.3s;}
.header .hanbao i {font-size: 30px; color: #666;}

.header_w.scroll {height: 71px; background: rgba(255,255,255,0.9); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5ffffff,endColorstr=#E5ffffff);}
.header_w.scroll .header {height: 71px;}
.header_w.scroll .nav li a {padding: 18px 0;}
.header_w.scroll .logo {padding: 15px 0;}
.header_w.scroll .hanbao {line-height: 71px; width: 71px; height: 71px;}

.header_menu {position: fixed; left: -100%; top: 0px; z-index: 99999; width: 100%; height: 100%; background: #181723; text-align: center; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -ms-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; transition: all .5s ease 0s;}
.header_menu .close {position: absolute; right: 0; top: 0; width: 120px; height: 120px; line-height: 120px; text-align: center;}
.header_menu .logo {padding: 60px 0 40px;}
.header_menu .menu li {line-height: 60px; padding: 0 20px;}
.header_menu .menu li a {font-size: 18px; color: #fff; display: block; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s;}
.header_menu .menu li.current a {color: #e77817;}
.header_menu .menu li .li_c {border-bottom: 1px solid rgba(229,229,229,0.15); transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s;}
.header_menu .menu li:first-of-type .li_c {border-top: 1px solid rgba(229,229,229,0.15);}
.header_menu .menu li:hover a {text-indent: 20px;}
.header_menu .menu li:hover .li_c {border-bottom: 1px solid rgba(229,229,229,0.3);}
.header_menu .close i {font-size: 30px; color: #fff; cursor: pointer;}

.header_w1{padding-top:18px;height:170px;overflow:hidden;}
.header1{height:112px;}
.header1 .logo1 img{float:left;}
.header1 .logo1_words{float:left;padding-left:10px;}
.header1 .header_tel{padding-top:55px;background:url(../images/tel.jpg) 100% 0 no-repeat;font-size:24px;color:#794315;}
.header1 .logo1_words h1{color:#713500;font-weight:bold;font-size:28px;padding:0 0 5px 0;}
.header1 .logo1_words p{font-size:22px;}
.nav_warp{background-color:#f5f5f5;}
.nav1{padding:0px 0;}
.nav1 li{width:12.5%;text-align:center;float:left;background:url(../images/menu_3.png) 100% 10px no-repeat;}
.nav1 .d1{font-size:18px;}
.nav1 li:last-of-type {font-size:12px;background:none}
.nav1 li a{display:inline-block;padding:8px 20px;}
.nav1 li.current a{background-color:#e77817;color:#fff; padding: 8px 30px;}
@media (min-width: 0px) and (max-width: 1199px) {
	.header {width: 98%; min-width: auto;}
	.header .logo {padding-left: 20px;}
	.header .nav {width: 0;}
	.header .hanbao {display: block;}
}


.in_banner {height: 814px; }
.in_banner_swiper {height: 814px;}
.in_banner .swiper-slide {width: 100%;  overflow: hidden;height: 100%;}
.in_banner .swiper-slide span {display: block;width: 300%; height:100%;text-align: center;margin-left:-100%;}
.in_banner .in_banner_pa {width: 100%; position: absolute; left:0; bottom:20px; z-index: 9; text-align: center; display: none;}
.in_banner .swiper-pagination-switch {display: inline-block; width: 5px; height:5px; line-height: 0px; font-size: 0px;  background: #aaa; margin: 6px 6px; cursor: pointer; opacity: 0.5; transition: all 2s;}
.in_banner .swiper-active-switch {background: #e77817; opacity: 1; width: 15px;}
@media (min-width: 0px) and (max-width: 1299px) {
	.in_banner {height: auto;}
	.in_banner_swiper {height: auto;}
	.in_banner .swiper-slide span {display: inline; width: auto; height: auto; margin-left: 0;}
	.in_banner .swiper-slide img {width: 100%;}
}


.in_solution_title {text-align: center; padding: 80px 0 40px;}
.in_solution_title_c {display: inline-block; text-align: center;}
.in_solution_title .left {font-size: 42px; font-weight: bold; color: #505050;}
.in_solution_title .left span {color: #e77817;}
.in_solution_title .right {font-size: 18px; color: #505050; font-weight: bold; line-height: 22px; padding: 6px 0 0 15px;}
.in_solution_list li {float: left; width: 25%; overflow: hidden;}
.in_solution_list li a {display: block; position: relative; border-right: 1px solid #ddd;}
.in_solution_list li img {width: 100%;}
.in_solution_list li .bottom {width: 100%; position: absolute; bottom: 0; left: 0; background: #f6f6f6; z-index: 2;}
.in_solution_list li .bottom_c {padding: 6% 8%;}
.in_solution_list li .bottom .title {font-size: 19px; color: #333; line-height: 30px; font-weight: bold;}
.in_solution_list li .bottom .des {font-size: 15px; color: #666; line-height: 26px; padding-top: 3%;}
.in_solution_list li .bottom .more {font-size: 14px; color: #333; line-height: 26px; text-align: right; padding-top: 3%;}
.in_solution_list li .center {width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: rgba(0,0,0,0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); display: none;}
.in_solution_list li .center_c {padding: 33% 15%; text-align: center;}
.in_solution_list li .center .title {font-size: 19px; color: #fff; line-height: 30px; font-weight: bold;}
.in_solution_list li .center .des {font-size: 15px; color: #fff; line-height: 26px; padding-top: 5%;}
.in_solution_list li .center .more {font-size: 14px; color: #fff; line-height: 26px; padding-top: 5%;}

.in_about {padding: 70px 0; min-width: 1300px !important;}
.in_about_left {width: 40%; margin-left: 10%; background: #f2f2f2 url(../img/in_about_bg2.jpg) no-repeat center bottom; background-size: 100%;}
.in_about_left_c {padding: 40px 6%;}
.in_about_left_c .title1 {font-size: 30px; color: #4c4c4c; line-height: 50px; font-weight: bold;}
.in_about_left_c .title2 {font-size: 22px; color: #333; line-height: 40px;}
.in_about_left_c .des {font-size: 14px; color: #4b4b4b; line-height: 36px;}
.in_about_left_c .line {padding: 20px 0 30px;}
.in_about_left_c .line span {display: block; width: 25px; height: 2px; background: #929292;}
.in_about_left_c .data {padding: 50px 0 60px;}
.in_about_left_c .data li {float: left; width: 33.33%; text-align: center;}
.in_about_left_c .data .num {font-size: 46px; color: #000; line-height: 60px; font-family: "微软雅黑"; font-weight: bold;}
.in_about_left_c .data .en {font-size: 14px; color: #666; line-height: 28px; font-family: arial;}
.in_about_left_c .data .cn {font-size: 17px; color: #474747; line-height: 38px; font-weight: bold;}
.in_about_right {width: 50%; position: relative; background: url(../img/in_about_bg.jpg) no-repeat center center; background-size: cover;}
.in_about_right .box {position: absolute; left: 15px; bottom: 15px;}
.in_about_right .left {width: 543px; border-right: 1px solid #dbd9d9;}
.in_about_right .swiper-container {height: 173px;}
.in_about_right .swiper-wrapper {height: 173px;}
.in_about_right .swiper-slide {width: 180px !important; height: 173px; text-align: center; border-left: 1px solid #dbd9d9;}
.in_about_right .title {font-size: 15px; font-weight: bold; line-height: 65px;}
.in_about_right .right {padding: 23px 0;}
.in_about_right .right div {line-height: 60px; width: 90px; text-align: center;}
.in_about_right .right i {font-size: 22px; color: #c9c9c9; cursor: pointer;}
.in_about_right .right i:hover {color: #000;}
@media (min-width: 1200px) and (max-width: 1300px) {
	.in_about_left {width: 50%; margin-left: 0;}
}
@media (min-width: 0px) and (max-width: 1199px) {
	.in_about {min-width: 1024px !important;}
	.in_about_left {width: 100%; margin-left: 0;}
	.in_about_right {display: none;}
}

.in_case {padding: 50px 0;}
.in_case_top .title1 {font-size: 30px; color: #4c4c4c; line-height: 40px; font-weight: bold;}
.in_case_top .title2 {font-size: 22px; color: #333; line-height: 30px;}
.in_case_top .select {padding-top: 10px;}
.in_case_top .select .select_btn {float: left; margin-left: 10px; border-radius:6px; border:1px solid #adadad; cursor: pointer; background: url(../img/select_icon.png) no-repeat 110px center; position: relative;}
.in_case_top .select .name {color: #333; line-height: 43px; text-align: center; width: 130px; height: 43px; padding-right: 10px; font-size: 16px;}
.in_case_top .select .option {overflow-y: scroll; position: absolute; top: 46px; left: 0; display: none; border: 1px solid #adadad; border-radius: 4px; box-shadow: 0 6px 12px rgba(0, 0, 0, .175); background: #fff; padding: 10px 0; z-index: 9;}
.in_case_top .select .option li a {display: inline-block; padding: 0 10px; line-height: 24px; min-width: 102px; font-size: 14px;}
.in_case_top .select .option li a:hover {color: #333; background: #f2f2f2;}
.in_case_type {padding-top: 40px;}
.in_case_type li {float: left; background: #fff; width: 8.3333%; text-align: center; transition: all 0.3s;}
.in_case_type li a {display: block; border-right: 2px solid #f2f2f2; padding: 7px 0; color: #484848; transition: all 0.3s;}
.in_case_type li .icon i {font-size: 28px; line-height: 40px;}
.in_case_type li .title {font-size: 14px; line-height: 28px;}
.in_case_type li:hover {background: #e77817;}
.in_case_type li:hover a {color: #fff;}
.in_case_list ul {width: 102%;}
.in_case_list li {float: left; position: relative; top: 0; width: 31.3%; margin-right: 2%; margin-top: 25px; box-shadow: 0 2px 5px #ccc; transition: all 0.3s;}
.in_case_list li img {width: 100%;}
.in_case_list li .bottom {padding: 3px 15px;}
.in_case_list li .title {font-size: 16px; color: #383838; line-height: 44px;}
.in_case_list li .more {line-height: 36px; border-top: 1px solid #e4e4e4;}
.in_case_list li .more_l {font-size: 14px; color: #858585;}
.in_case_list li .more_r i {font-size: 24px; color: #858585;}
.in_case_list li:hover {top: -5px; box-shadow: 0 8px 10px #ccc;}

.in_team {padding: 70px 0;}
.in_team_title {width: 30%;}
.in_team_title .box {width: 266px; height: 600px; border: 3px solid #333; border-radius: 2px;}
.in_team_title .box_c {padding: 50px 18px; position: relative;}
.in_team_title .line {position: absolute; right: -30px; top: 35px; width: 48px; height: 3px; background: #333;}
.in_team_title .title1 {font-size: 30px; color: #4c4c4c; line-height: 50px; font-weight: bold;}
.in_team_title .title2 {font-size: 22px; color: #333; line-height: 34px;}
.in_team_title .more {padding-top: 70px;}
.in_team_title .more a {font-size: 15px; color: #333; line-height: 34px; display: block; width: 110px; height: 34px; border: 3px solid #737373; text-align: center;}
.in_team_right {width: 70%;}
.in_team_right_c {padding: 15px;}
.in_team_container {width: 49.75%; overflow: hidden;}
.in_team_container img {width: 100%;}
.in_team_container .big_img {display: none;}
.in_team_container .big_img.on {display: block;}
.in_team_container .small_img {float: left; width: 25%; position: relative; cursor: pointer;}
.in_team_container .small_img i {position: absolute; left: 0; top: -9px; width: 100%; height: 12px; background: url(../img/in_team_on.png) no-repeat center center; background-size: 100%; display: none;}
.in_team_container .small_img.on i {display: block;}
.in_team_container .content {padding: 20px 0; display: none;}
.in_team_container .content.on {display: block;}
.in_team_container .content .left {width: 36%; padding: 0 5%; border-right: 2px solid #e3e3e3;}
.in_team_container .content .d1 {font-size: 16px; color: #333; line-height: 22px;}
.in_team_container .content .d2 {font-size: 24px; color: #333; line-height: 32px;}
.in_team_container .content .d3 {font-size: 16px; color: #666; line-height: 26px;}
.in_team_container .content .bottom {padding-top: 15px;}
.in_team_container .content .bottom .year {text-align: center;}
.in_team_container .content .bottom .work {padding-left: 20%; text-align: center;}
.in_team_container .content .bottom .title {font-size: 16px; color: #666; line-height: 28px;}
.in_team_container .content .bottom .num {font-size:22px; color: #333; line-height: 30px;}
.in_team_container .content .right {width: 41%; padding: 0 6%;}
.in_team_container .content .des {font-size: 14px; color: #333; line-height: 24px; min-height: 96px;}
.in_team_container .content .more {text-align: right; padding-top: 5px;}
.in_team_container .content .more a { color: #2b2a2a; line-height: 30px; font-weight: bold;}
@media (min-width: 1200px) and (max-width: 1300px) {
	
}
@media (min-width: 0px) and (max-width: 1199px) {
	.in_team_title {width: 25%;}
	.in_team_title .box_c {padding: 40px 18px;}
	.in_team_title .box {width: 200px; height: 250px;}
	.in_team_title .more {padding-top: 45px;}
	.in_team_title .title1 {font-size: 21px;}
	.in_team_right {width: 75%;}
}

.in_news {padding: 70px 0;}
.in_news_title .title1 {font-size: 30px; color: #4c4c4c; line-height: 40px; font-weight: bold;}
.in_news_title .title2 {font-size: 22px; color: #333; line-height: 30px;}
.in_news_top .more a {font-size: 15px; color: #333; line-height: 70px; font-weight: bold;}
.in_news_center {padding: 35px 2.5%; margin: 30px 0;}
.in_news_left {width: 32%;}
.in_news_left .date {text-align: center;}
.in_news_left .day {font-size: 36px; color: #666; line-height: 38px;}
.in_news_left .year {font-size: 14px; color: #666; line-height: 20px;}
.in_news_left .label span {display: block; width: 60px; height: 28px; background: #333; font-size: 15px; color: #fff; text-align: center; line-height: 28px; margin-top: 8px;}
.in_news_left .title {padding-top: 14px;}
.in_news_left .title a {font-size: 16px; color: #333; line-height: 50px;}
.in_news_left .des {font-size: 14px; color: #666; line-height: 26px; min-height: 52px;}
.in_news_left .more a {display: block; width: 160px; height: 42px; text-align: center; line-height: 42px; font-size: 14px; color: #fff; background: #555; margin-top: 20px;}
.in_news_right {width: 66%;}
.in_news_right .img {width: 52%; height: 236px;}
.in_news_right .content {width: 45%; height: 194px; font-size: 14px; color: #666; line-height: 32px; border-top: 1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7; padding: 20px 0;}
.in_news_content {display: none;}
.in_news_content.on {display: block;}
.in_news_list li {width: 25%; float: left; background: #fff; transition: all 0.3s;}
.in_news_list li a {display: block; padding: 15px 5%; border-right: 1px solid #eaeaea;}
.in_news_list .title {font-size: 16px; color: #333; line-height: 28px; transition: all 0.3s;}
.in_news_list .date {font-size: 16px; color: #666; line-height: 28px; transition: all 0.3s;}
.in_news_list li.on {background: #e77817;}
.in_news_list li.on .title {color: #fff;}
.in_news_list li.on .date {color: #fff;}

.in_partner {padding: 50px 0 80px;}
.in_partner_title {text-align: center; padding-bottom: 30px;}
.in_partner_title .title1 {font-size: 36px; color: #333; line-height: 64px;}
.in_partner_title .title2 {font-size: 18px; color: #888; line-height: 44px;}
.in_partner_list ul {border-left: 1px solid #eee; border-top: 1px solid #eee;}
.in_partner_list li {float: left; width: 14.2857%; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.in_partner_list li a {display: block; padding: 5% 15%; border-right: 1px solid #eee; border-bottom: 1px solid #eee; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.in_partner_list li img {width: 100%;}
.in_partner_list li:hover {box-shadow: 0px 0px 20px #ccc; -webkit-box-shadow: 0px 0px 20px #ccc;}

.footer_w {background: #fff url(../img/footer_bg.jpg) no-repeat center top;}
.footer {min-height: 600px; position: relative;}
.footer_title {text-align: center; padding-top: 135px; transition: all 0.3s;}
.footer_title .title {display: inline-block; padding: 30px 0; border-top: 2px solid #fff; border-bottom: 2px solid #fff; width: 455px; transition: all 0.3s;}
.footer_title .title1 {font-size: 52px; color: #fff; line-height: 62px; font-weight: bold; letter-spacing: 5px;}
.footer_title .title2 {font-size: 15px; color: #fff; line-height: 24px; font-weight: bold; letter-spacing: 8px;}
.footer_w:hover .footer_title {padding-top: 115px;}
.footer_w:hover .title {width: 555px; padding: 50px 0;}
.footer_box {position: absolute; top: 488px; left: 0;}
.footer_box_c {padding: 40px 60px; border-bottom: 3px solid #c1c1c1;}
.footer_box .left {width: 25%; padding-top: 10px;}
.footer_box .left .t1 {font-size: 24px; color: #333; line-height: 30px; font-weight: bold;}
.footer_box .left .t2 {font-size: 28px; color: #333; line-height: 46px;}
.footer_box .center {padding: 0 2%; width: 25%; border-left: 2px solid #e9e9e9; border-right: 2px solid #e9e9e9;}
.footer_box .center li {float: left; width: 50%; text-align: center;}
.footer_box .center li a {font-size: 16px; color: #333; line-height: 40px;}
.footer_box .right {width: 36%; padding-left: 6%;}
.footer_box .right .logo {padding-top: 3px;}
.footer_box .right .slogan {font-size: 14px; color: #666; line-height: 22px; padding-top: 15px;}

.footer_bottom {line-height: 90px; border-bottom: 3px solid #ddd;}
.footer_bottom_c {padding: 0 60px;}
.footer_bottom .tel {width: 25%; font-size: 20px; color: #333; font-weight: bold; font-family: arial;}
.footer_bottom .copyright {width: 50%; text-align: center; font-size: 14px; color: #333;}
.footer_bottom .back {width: 25%; text-align: right;}
.footer_bottom .back a {font-size: 20px; font-weight: bold; color: #333; letter-spacing: 3px;}
@media (min-width: 1400px) and (max-width: 1520px) {
	.footer_bottom .tel {font-size: 18px;}
}
@media (min-width: 1200px) and (max-width: 1399px) {
	.footer_bottom .tel {font-size: 16px;}
}
@media (min-width: 0px) and (max-width: 1199px) {
	.footer_bottom .tel {font-size: 14px;}
}

.footer_friend {font-size: 14px; color: #bbb; line-height: 26px; padding-top: 20px; padding: 15px 60px;}
.footer_friend a {color: #bbb;}
.footer_friend a:hover {color: #999;}

#toTop {position: fixed; right: 30px; bottom: 100px; z-index: 9999; cursor: pointer; border: 1px solid #888; border-radius: 5px; padding: 5px; background: rgba(255,255,255,0.6); display: none;}
#toTop i {font-size: 30px; color: #666;}

.page_banner {width: 300%; text-align: center; margin-left: -100%; }

.page_top .title {height: 150px; position: relative;}
.page_top .title_en {font-size: 80px; color: #717171; line-height: 150px; font-family: arial; opacity: 0.2;}
.page_top .title_cn {font-size: 24px; color: #e77817; font-weight: bold; height: 150px; letter-spacing: 2px; line-height: 180px; position: absolute; left: 0; top: 0;}
.page_top .position {font-size: 16px; color: #333; line-height: 150px;}
.page_top .position a {font-size: 16px; color: #333; line-height: 150px;}
.page_top .position i {font-size: 22px; margin-right: 8px;}

.page_menu_w {border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;}
.page_menu ul {border-left: 1px solid #e1e1e1;}
.page_menu li {float: left; width: 10%;}
.page_menu li a {display: block; text-align: center; font-size: 16px; color: #807f7f; line-height: 46px; border-right: 1px solid #e1e1e1;}
.page_menu li.current a {background: #e77817; color: #fff;}
.page_menu .more {position: relative;}
.page_menu .moreMenu {position: absolute; top: 46px; left: 0; width: 100%; border-bottom: 1px solid #e1e1e1; display: none; z-index: 999;}
.page_menu .moreMenu dd a {border: none; border-top: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; line-height: 40px;}
.page_menu dd.current a {background: #e77817; color: #fff;}

.page_about {padding-bottom: 80px;}
.page_about_title {text-align: center; padding: 40px 0 20px;}
.page_about_title .title1 {font-size: 30px; color: #333; line-height: 44px; font-weight: bold;}
.page_about_title .title2 {font-size: 22px; color: #a3a3a3; line-height: 32px;}
.page_about .about .content {font-size: 16px; color: #333; line-height: 36px; text-indent: 2em;}
.page_about .gaikuang {background: url(../img/page_about_bg.png) no-repeat center bottom; padding-bottom: 30px;}
.page_about .gaikuang .date {font-size: 16px; color: #a3a3a3; line-height: 32px;}
.page_about .gaikuang .content {font-size: 16px; color: #555; line-height: 36px; padding: 0 5%; text-align: center;}
.page_about .gaikuang .data {padding: 70px 5% 50px;}
.page_about .gaikuang .data li {width: 33%; text-align: center; float: left;}
.page_about .gaikuang .data .cn {font-size: 18px; color: #333; line-height: 46px;}
.page_about .gaikuang .data .num {font-size: 90px; color: #333; line-height: 100px; font-weight: bold;}
.page_about .gaikuang .data .en {font-size: 14px; color: #333; line-height: 40px;}
.page_about .company .list li {float: left; width: 25%;}
.page_about .company .list .last {width: 50%;}
.page_about .company .list .img img {width: 100%; height: 100%; display: block;}
.page_about .company .list .more {text-align: center;}
.page_about .company .list .more a {font-size: 16px; color: #444;}
.page_about .company .list .text {background: #f8f8f8;}
.page_about .company .list .text_c {padding: 25% 18% 0;}
.page_about .company .list .text .title {font-size: 24px; color: #393939; line-height: 60px;}
.page_about .company .list .text .des {font-size: 16px; color: #666; line-height: 30px;}

.page_culture_top {padding: 50px 80px;}
.page_culture_top .da-thumbs {position: relative; display: inline-block;}
.page_culture_top .da-thumbs li {float: left; position: relative; width: 25%;}
.page_culture_top .da-thumbs li a {width: 100%; height: 100%; overflow: hidden;}
.page_culture_top .da-thumbs li a,
.page_culture_top .da-thumbs li a img {display: block; position: relative; width: 100%;}
.page_culture_top .da-thumbs li a div {position: absolute; opacity: 0.9; filter: alpha(Opacity=90); width: 100%; height: 100%;}
.page_culture_bottom {padding: 70px 0;}
.page_culture_bottom .left {width: 50%;}
.page_culture_bottom .right {width: 48%;}
.page_culture_bottom .right img {width: 100%;}
.page_culture_bottom .title {font-size: 24px; color: #333; line-height: 60px;}
.page_culture_bottom .des {font-size: 18px; color: #333; line-height: 34px; padding-top: 35px;}
.page_culture_bottom .line span {display: block; width: 48px; height: 3px; background: #333;}
@media (min-width: 1200px) and (max-width: 1300px) {
	
}
@media (min-width: 0px) and (max-width: 1199px) {
	.page_culture_top {padding: 50px 0;}
	.page_culture_bottom .des {font-size: 16px; line-height: 30px; padding-top: 30px;}
}

.page_history {padding: 40px 0; background: url(../img/page_history_bg.png) no-repeat right 100px;}
.page_history_title {text-align: center; font-size: 28px; color: #555; font-weight: bold; line-height: 70px;}
.page_history_dot {text-align: center;}
.page_history_list .left {width: 50%; padding-top: 50px; border-right: 1px solid #d3d3d3;}
.page_history_list .right {width: 49.5%; padding-top: 450px;}
.page_history_list .left li {margin-bottom: 220px;}
.page_history_list .right li {margin-bottom: 220px;}
.page_history_list .top .line span {display: block; width: 35px; height: 1px; background: #d3d3d3; margin-top: 12px;}
.page_history_list .left .top .line span {margin-left: 8px;}
.page_history_list .right .top .line span {margin-right: 8px;}
.page_history_list .top .year {font-size: 16px; color: #666; line-height: 24px;}
.page_history_list .box {width: 90%; margin-top: 30px;}
.page_history_list .box .year {font-size: 24px; color: #fff; line-height: 70px; background: #e77817; padding: 0 20px;}
.page_history_list .box .bottom {background: #f7f7f7; text-align: center; padding: 30px 0;}
.page_history_list .box .text {font-size: 18px; color: #666; line-height: 28px; padding: 15px 0;}

.page_service {padding: 50px 0;}
.page_service li {margin-bottom: 20px;}
.page_service .img {width: 56%;}
.page_service .text {width: 44%;}
.page_service img {width: 100%; -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -ms-filter: grayscale(1); -o-filter: grayscale(1); filter: grayscale(1);}
.page_service .text_c {padding: 22% 10% 0;}
.page_service .text_c .title {font-size: 24px; color: #333; line-height: 50px;}
.page_service .text_c .des {font-size: 18px; color: #666; line-height: 30px;}
.page_service li:hover img {-webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0);}
@media (min-width: 1200px) and (max-width: 1300px) {
	
}
@media (min-width: 0px) and (max-width: 1199px) {
	.page_service .text_c {padding: 18% 10% 0;}
}

.page_contact {padding: 50px 0 80px;}
.page_contact_title {text-align: center;}
.page_contact_title .title1 {font-size: 24px; color: #000; line-height: 26px;}
.page_contact_title .title2 {font-size: 18px; color: #7b7b7b; line-height: 20px; font-family: arial;}
.page_contact_top {border-bottom: 1px dotted #ccc; padding-bottom: 35px;}
.page_contact_top .text {font-size: 14px; color: #474747; line-height: 30px; text-align: center; padding: 20px 0;}
.page_contact_top .list li {float: left; width: 33.33%; text-align: center;}
.page_contact_top .list .icon i {font-size: 60px; color: #888; line-height: 110px;}
.page_contact_top .list .title {font-size: 18px; color: #333; line-height: 36px;}
.page_contact_top .list .des {font-size: 16px; color: #555; line-height: 28px; padding: 0 15%;}
.page_contact_center {text-align: center; padding: 50px 0;}
.page_contact_center_c {display: inline-block;}
.page_contact_center .email {margin-right: 180px;}
.page_contact_center .email .title {font-size: 18px; color: #333; line-height: 30px; padding-bottom: 20px;}
.page_contact_center .email .text {font-size: 16px; color: #666; line-height: 30px;}
.page_contact_center .code .text {font-size: 14px; color: #333; line-height: 24px;}
.page_contact_map {border: 1px solid #ccc;}

.teamList {padding: 40px 0 0;}
.teamList li {margin-bottom: 20px;}
.teamList li a {display: block; padding: 10px;}
.teamList li .img {width: 20%;}
.teamList li img {width: 100%;}
.teamList li .right {width: 70%; padding-left: 3%;}
.teamList li .title {font-size: 18px; color: #333; line-height: 36px; padding-top: 2%;}
.teamList li .job {font-size: 14px; color: #949494; line-height: 24px;}
.teamList li .des {font-size: 14px; color: #696969; line-height: 24px; padding-top: 2%;}
@media (min-width: 1500px) and (max-width: 1600px) {
	.teamList li .title {padding-top: 2%;}
	.teamList li .des {padding-top: 2%;}
}
@media (min-width: 0px) and (max-width: 1499px) {
	.teamList li .title {padding-top: 1%;}
	.teamList li .des {padding-top: 1.8%;}
}

.teamTop {margin-top: 50px; background: #f5f5f5;}
.teamTop .img {width: 73%;}
.teamTop .img img {width: 100%;}
.teamTop .right {width: 23%; padding: 0 2%;}
.teamTop .title {font-size: 20px; color: #535353; line-height: 36px; padding-top: 10%;}
.teamTop .des {font-size: 14px; color: #696969; line-height: 30px; padding-top: 5%;}
.teamTop .btn {padding-top: 15%;}
.teamTop .btn a {display: block; width: 150px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #c3c3c3; font-size: 16px; color: #666;}
.teamTop .btn i {padding-left: 6px;}
@media (min-width: 1500px) and (max-width: 1599px) {
	.teamTop .title {line-height: 30px; padding-top: 8%;}
	.teamTop .des {font-size: 14px; line-height: 30px; padding-top: 5%;}
	.teamTop .btn {padding-top: 8%;}
	.teamTop .btn a {width: 120px; height: 34px; line-height: 34px; font-size: 14px;}
}
@media (min-width: 1300px) and (max-width: 1499px) {
	.teamTop .title {line-height: 30px; padding-top: 8%;}
	.teamTop .des {font-size: 13px; line-height: 26px; padding-top: 4%;}
	.teamTop .btn {padding-top: 8%;}
	.teamTop .btn a {width: 100px; height: 30px; line-height: 30px; font-size: 14px;}
}
@media (min-width: 0px) and (max-width: 1299px) {
	.teamTop .title {line-height: 30px; padding-top: 5%;}
	.teamTop .des {font-size: 13px; line-height: 24px; padding-top: 3%;}
	.teamTop .btn {padding-top: 5%;}
	.teamTop .btn a {width: 100px; height: 30px; line-height: 30px; font-size: 14px;}
}


.pages {text-align: center; padding: 50px 0 80px;}
.pages a {display: inline-block; height: 40px; line-height: 40px; padding: 0 17px; margin: 0 2px;background: #f9f9f9; color: #727272; border-radius: 3px; font-size: 14px;}
.pages span {display: inline-block; height: 40px; line-height: 40px; padding: 0 17px; margin: 0 2px; background: #e77817; color: #fff; border-radius: 3px; font-size: 14px;}

.news_notice {padding: 0 15px; line-height: 50px; margin: 40px 0 0;}
.news_notice .left {padding-right: 10px;}
.news_notice .left i {font-size: 20px;}
.news_notice li a {font-size: 14px; color: #666;}

.news_top_list {padding: 30px 0;}
.news_top_list ul {width: 102%;}
.news_top_list li {float: left; width: 31.333%; margin-right: 2%;}
.news_top_list img {width: 100%;}
.news_top_list .bottom {background: #818181; padding: 10px 20px;}
.news_top_list .title {font-size: 15px; color: #fff; font-weight: bold; line-height: 28px;}
.news_top_list .des {font-size: 14px; color: #e1dfdf; line-height: 22px;}

.news_type {height: 46px; margin-bottom: 30px;}
.news_type li {float: left; width: 118px; height: 55px; text-align: center;}
.news_type li.current {background: url(../img/news_type_bg.png);}
.news_type li a {display: block; line-height: 46px; font-size: 16px; color: #5e5e5e;}
.news_type li.current a {color: #fff;}

.newsList li {border: 1px solid #e3e3e3; margin-bottom: 25px; transition: all 0.3s;}
.newsList a {padding: 10px; display: block;}
.newsList .img {width: 20%;}
.newsList img {width: 100%;}
.newsList .center {width: 56%; padding-left: 1.6%;}
.newsList .title {font-size: 18px; font-weight: bold; color: #333; line-height: 34px; padding-top: 1.4%;}
.newsList .type {font-size: 14px; color: #949494; line-height: 24px;}
.newsList .des {font-size: 14px; color: #696969; line-height: 24px; padding-top: 2%;}
.newsList .date {padding-right: 1%; padding-top: 1%; overflow: hidden;}
.newsList .day {font-size: 24px; color: #666; line-height: 70px; font-family: arial;}
.newsList .more {width: 90px; height: 20px; border-bottom: 1px solid #888; position: relative;}
.newsList .more:after {content: "MORE"; font-size: 18px; color: #555; font-family: arial; line-height: 30px; position: absolute; left: -100%; top: 0; background: #fff; padding: 0 5px; transition: all 0.5s;}
.newsList li:hover {border: 1px solid #888;}
.newsList li:hover .more:after {left: 0;}
@media (min-width: 1500px) and (max-width: 1700px) {
	.newsList li .title {padding-top: 0.6%;}
	.newsList li .des {padding-top: 1.2%;}
	.newsList .date { padding-top: 1%;}
}
@media (min-width: 0px) and (max-width: 1499px) {
	.newsList li .title {padding-top: 0.3%;}
	.newsList li .des {padding-top: 1%;}
	.newsList .date { padding-top: 0.5%;}
}

.newsDetail_top {padding: 50px 0;}
.newsDetail_top .left {border-left: 6px solid #e77817; padding-left: 15px;}
.newsDetail_top .title {font-size: 24px; color: #333; line-height: 34px; font-weight: bold;}
.newsDetail_top .info {font-size: 14px; color: #666; line-height: 26px;}
.newsDetail_top .right {padding-top: 10px;}
.newsDetail_con img {max-width: 100%;}
.newsDetail_con {padding-bottom: 50px;}
.newsDetail_con .img {text-align: center; padding: 0 0 20px;}
.newsDetail_bottom .left {width: 90%;}
.newsDetail_bottom .left_l {width: 8%; height: 34px; border-radius: 3px 0 0 3px; background: #d4d4d4; line-height: 34px; text-align: center; font-size: 14px; color: #666;}
.newsDetail_bottom .left_r {width: 90%; height: 34px; padding: 0 1%; line-height: 34px; background: #ededed; font-size: 14px; color: #666;}
.newsDetail_bottom .left_r a {color: #666;}
.newsDetail_bottom .clearfix {margin-bottom: 1px;}
.newsDetail_bottom .right {width: 10%; height: 69px; background: #d4d4d4; line-height: 69px; text-align: center; cursor: pointer; border-radius: 0 3px 3px 0;}
.newsDetail_bottom .right a {font-size: 16px; color: #666; display: block;}
.newsDetail_bottom {padding-bottom: 40px;}

.caseType {padding: 30px 0;}
.caseType_item {border-bottom: 1px dashed #ddd; padding: 8px 0;}
.caseType_item:last-of-type {border: none;}
.caseType_title {font-size: 15px; color: #5a5a5a; width: 8%; text-align: center; line-height: 36px; font-weight: bold;}
.caseType_list {width: 92%;}
.caseType_list ul li { float:left; display: inline; line-height: 36px; margin-left: 15px; padding: 0 10px;}
.caseType_list ul li a {font-size: 14px; color: #666666;}
.caseType_list ul li.on a {color: #e77817;}

.case_big {background: #f9f9f9; margin-bottom: 25px; margin-top: 30px;}
.case_big .img {width: 58%;}
.case_big img {width: 100%;}
.case_big .right {width: 42%;}
.case_big .right_c {padding: 0 6%;}
.case_big .title {font-size: 24px; color: #e7730e; line-height: 40px; padding-top: 12%;}
.case_big .en {font-size: 18px; color: #424242; line-height: 50px; padding-top: 5%;}
.case_big .des {font-size: 14px; color: #5f5f60; line-height: 30px;}
.case_big .more {padding-top: 10%;}
.case_big .more a {font-size: 14px; color: #fff; line-height: 35px; width: 113px; height: 35px; text-align: center; background: #727272; display: inline-block;}

.caseList ul {width: 102%;}
.caseList li {float: left; width: 31%; margin-right: 2%; margin-bottom: 25px; position: relative; box-shadow: 0 2px 5px #ccc; top: 0; transition: all 0.3s;}
.caseList img {width: 99%;}
.caseList .bottom {padding: 0 15px; line-height: 58px; background: #f5f5f5;}
.caseList .title {font-size: 16px; color: #4d4d4d;}
.caseList .more i {font-size: 14px; color: #fff; background: #cacaca; display: inline-block; line-height: 30px; border-radius: 50%; text-align: center; width: 30px; height: 30px;}
.caseList li:hover {top: -5px; box-shadow: 0 6px 10px #ccc;}

.honorList {padding-top: 50px;}
.honorList ul {width: 102%;}
.honorList li {float: left; width: 23%; margin-right: 2%; margin-bottom: 25px; position: relative; box-shadow: 0 2px 5px #ccc; top: 0; transition: all 0.3s;}
.honorList img {width: 100%;}
.honorList .bottom {padding: 0 15px; line-height: 58px; background: #f5f5f5;}
.honorList .title {font-size: 16px; color: #4d4d4d; width: 80%;}
.honorList .more i {font-size: 14px; color: #fff; background: #cacaca; display: inline-block; line-height: 30px; border-radius: 50%; text-align: center; width: 30px; height: 30px;}
.honorList li:hover {top: -5px; box-shadow: 0 6px 10px #ccc;}

.caseDetail {padding: 40px 0;}
.caseDetail_top {background: #e4e4e4;}
.caseDetail_top .imgs {width: 63%; max-height: 555px;}
.caseDetail_top img {width: 100%;}
.caseDetail_top .swiper-container {max-height: 555px; height: auto !important;}
.caseDetail_top .swiper-wrapper {max-height: 555px; height: auto !important;}
.caseDetail_top .swiper-slide {max-height: 555px; height: auto !important; text-align: center;}
.caseDetail_top .caseDetail_pa {width: 100%; position: absolute; left:0; bottom:40px; z-index: 9; text-align: center;}
.caseDetail_top .swiper-pagination-switch {display: inline-block; width: 50px; height:5px; line-height: 0px; font-size: 0px;  background: #aaa; margin: 6px 6px; /*border-radius:50%;*/ cursor: pointer; opacity: 0.8; transition: all 2s;}
.caseDetail_top .swiper-active-switch {background: #e77817; opacity: 1;}
.caseDetail_top .right {width: 37%;}
.caseDetail_top .right_c {padding: 0 6%;}
.caseDetail_top .title {font-size: 30px; color: #434343; line-height: 80px; padding-top: 5%;}
.caseDetail_top .list {font-size: 16px; color: #565656; line-height: 36px; border-bottom: 1px solid #d4d4d4; padding-bottom: 10PX;}
.caseDetail_top .call {font-size: 16px; color: #333; line-height: 70px;}
.caseDetail_top .call b {font-size: 22px; font-family: arial;}
.caseDetail_top .btn a {font-size: 24px; color: #fff; line-height: 44px; display: inline-block; width: 170px; text-align: center; border-radius: 5px; background: #e77817;}
.caseDetail_top .btn {padding-top: 5%;}
.caseDetail_top .share {line-height: 50px;}
.caseDetail_top .share a {margin: 17px 6px 17px 0 !important;}
.caseDetail_top .more {font-size: 14px; color: #5d5d5d; line-height: 30px;}
.caseDetail_top .more a {color: #e77817; cursor: pointer;}
.caseDetail_process img {width: 100%;}
.caseDetail_process {padding: 30px 0;}
.caseDetail_con img {max-width: 100%;}

@media (min-width: 1500px) and (max-width: 1700px) {
	.caseDetail_top .title {font-size: 26px; line-height: 65px; padding-top: 3%;}
	.caseDetail_top .list {line-height: 34px;}
	.caseDetail_top .call {line-height: 55px;}
}
@media (min-width: 1200px) and (max-width: 1499px) {
	.caseDetail_top .title {font-size: 24px; line-height: 60px; padding-top: 3%;}
	.caseDetail_top .list {line-height: 34px;}
	.caseDetail_top .call {line-height: 50px;}
}
@media (min-width: 0px) and (max-width: 1199px) {
	.caseDetail_top .title {font-size: 24px; line-height: 50px; padding-top: 2%;}
	.caseDetail_top .btn {padding-top: 2%;}
	.caseDetail_top .list {line-height: 30px;}
	.caseDetail_top .call {line-height: 50px;}
}

.caseAbout {padding-bottom: 30px;}
.caseAbout_title {font-size: 16px; color: #111; line-height: 60px;}

.float-contact-mini {z-index: 9999;}

.in_video {min-width: 1200px; padding: 50px 0 30px;}
.in_video_title .title1 {font-size: 30px; color: #4c4c4c; line-height: 40px; font-weight: bold;}
.in_video_title .title2 {font-size: 22px; color: #333; line-height: 30px;}
.in_video_top .more a {font-size: 15px; color: #333; line-height: 70px; font-weight: bold;}
.in_video .container {width: 1200px; height: 500px; overflow: hidden; margin: 0 auto; position: relative; padding-top: 20px;}
.in_video .swiper-container {}
.in_video .swiper-wrapper {padding-top: 100px;}
.in_video .swiper-slide {text-align: center;}
.in_video .swiper-slide iframe {width: 400px ;height: 260px; opacity: .6; position: relative; z-index: 1;}
.in_video .swiper-slide.on iframe {width: 500px; height: 320px; opacity: 1; z-index: 2; margin-top: -30px; margin-left: -50px;}
.in_video .pagination {width: 100%; position: absolute; left:0; bottom:20px; z-index: 9; text-align: center;}
.in_video .swiper-pagination-switch {display: inline-block; width: 13px; height:13px; line-height: 0px; font-size: 0px;  background: #939393; margin: 6px 6px; border-radius: 50%; cursor: pointer; opacity: 0.5; transition: all .5s;}
.in_video .swiper-active-switch {background: #e7791a; opacity: 1; width: 80px; opacity: 1; border-radius: 13px;}