body { font-family: 微软雅黑,"Open Sans", sans-serif; font-size: 14px;background:#fff;; }
input,
select,
textarea { font-family: 微软雅黑,"Open Sans", sans-serif; font-size: 1em;; }
.wrap { width: 100%; margin: 0 auto; max-width: 1200px; position: relative; }

img, a { border: 0; }
ul, li { list-style: none; }
* { margin: 0; padding: 0; }
.flt { float: left; }
.frt { float: right; }
.clear { clear: both; }
.clear:after, .clear:before { content: ''; clear: both; display: table; }

.img { overflow: hidden; position: relative; }
.img:before { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid rgba(255,255,255,0); z-index: 100; }
.img:hover:before { top: 10px; left: 10px; right: 10px; bottom: 10px; border: 1px solid rgba(255,255,255,0.5); }
.img:hover img { transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); }

/*.img_line:after { content: ''; display: block; width: 10px; position: absolute; top: 0; left: 0; background-color: rgba(255,255,255,.7); z-index: 100; height: 100%; left: 40%; }*/
.img_line2:after { top: 40%; left: 0; height: 10px; width: 100%; }
.img img, * { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; }
img { max-width: 100%; }

/*----------header----------*/
.header { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; }
.header.on .head{ display:none;}
.header.on .menu ul li a,.header.on .logo{ line-height:60px;height:60px;}
.header .head { line-height: 40px; background: #03365e; color: #a2aeb6; }
.header .head p{ float: right;}
.header .head2 { background-color: rgba(0,0,0,.2);}
.header.on .head2  { background-color: rgba(0,0,0,.6)}
.header .head span { display: inline-block; padding-right: 10px; }
.header .logo {height:80px; line-height: 80px; }
.header .logo img { vertical-align: middle; }
.menu ul li { float: left; margin-left: 90px; }
.menu ul li a { display: block; line-height: 80px; color: #fff; font-size: 14px; position: relative; }
.menu ul li label { display: block; position: absolute; width: 0; height: 2px; background: #ffbf12; margin: 0 auto; top: 0; left: 0; width: 0; }
.menu ul li.on label, .menu ul li a:hover label { width: 100%; }

#spage1 p:last-child{ text-align: left; padding: 0 !important;}

.pagelist{ text-align: center; padding-bottom: 50px;}

.banner .item { position: relative; }
.banner .item img { display: block; width: 100%; }
.banner .text { padding-top: 120px; height: 300px; display: table; text-align: center; width: 100%; color: #024977; }
.banner .text .wrap { display: table-cell; vertical-align: middle; }
.banner .text h2 { font-size: 46px; font-weight: normal; margin-bottom: 30px; color: #fff; }
.banner .text p { font-size: 22px;  color: #cbd1dc; }
.banner_list { width: 80%; margin: 0 auto; padding-bottom: 200px; }
.banner_list li { width: 25%; float: left; }
.banner_list li a { padding: 15px; box-shadow: 0 0 20px rgba(0,0,0,0.1); background: rgba(255,255,255,0.2); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#20ffffff', endColorstr='#20ffffff'); display: block; width: 160px; height: 140px; margin: 0 auto; border: 1px solid #fff; color: #fff; }
.banner_list li a:hover { transform: translateY(-10px); -o-transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); background: rgba(255,255,255,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#50ffffff', endColorstr='#50ffffff'); color: #ffbf12; }
.banner_list li .box { position: relative; }
.banner_list li h3 { margin-bottom: 10px; padding-top: 70px; font-size: 18px; }
.banner_list li i { position: absolute; top: 0; left: 0; width: 23px; height: 23px; background: url(../style/icon1.png) no-repeat top left; }
.banner_list li p { text-transform: uppercase; font-size: 12px; font-family: Arial; }
.banner_list li a:hover i { transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); }

.tab { display: table; width: 100%; }
.tab .cell { display: table-cell; vertical-align: middle; }
.page1_text { margin-top: -68px; background: #fff; padding: 10px; box-shadow: 0 2px 5px rgba(0,0,0,0.15); }
.page1_text .tab .cell:first-child { width: 45%; }
.page1_text .tab .img span{display:block;position:absolute; top:10px; bottom:20px; right:10px;width:30px;}
.page1_text .tab .img span.span1{background:url(../style/text1.png) no-repeat bottom center;}
.page1_text .tab .img span.span2{background:url(../style/text2.png) no-repeat bottom center;}
.page1_text .tab .img span.span3{background:url(../img/text3.png) no-repeat bottom center;}
.page1_text .tab .img span.span4{background:url(../img/text4.png) no-repeat bottom center;}
.page1_text .tab .text.cell { padding:0 50px 0 40px; background: url(../style/icon1.jpg) no-repeat 98% center; }
.page1_text .tab .text.cell p{ padding-bottom: 15px;}
.page1_text .tab .text.cell p:last-child{ text-align: right; padding: 15px 0 0 0;}
.page1_text .tab .text.cell p:last-child a{ color: #004fc8;}
.page1_text .tab .text.cell p:last-child a:hover{ color: #ffbf12;}
.page1_text2 .tab .cell{padding:30px 0;}
.page1_text2 .tab .text.cell{  background: url(../style/icon1-2.png) no-repeat 5% center; }
.page1_text .tab .text p { line-height: 32px; color: #4e5055; }
.page1_text .tab .text h4 { font-size: 18px; color: #7f838c; font-weight: normal; text-transform: uppercase;}
.page1_text .tab .text h3 { font-size: 42px; line-height: 34px; border-left: 20px dashed #ffbf12; text-transform: uppercase; color: #2b2d32; margin: 30px 0; padding-left: 10px; font-weight: normal; }
.page1_list { padding: 90px 0; }
.page1_list ul li { color: #4e5055; float: left; width: 25%; text-align: center; }
.page1_list ul li:hover .icon { transform: translateY(-10px); }
.page1_list ul .icon { width: 74px; height: 74px; margin: 0 auto; margin-bottom: 30px; }
.page1_list ul .icon.icon1 { background: url(../style/icon2.png) no-repeat center center; background-size:100% auto;}
.page1_list ul .icon.icon2 { background: url(../style/icon3.png) no-repeat center center; background-size:100% auto;}
.page1_list ul .icon.icon3 { background: url(../style/icon4.png) no-repeat center center; background-size:100% auto;}
.page1_list ul .icon.icon4 { background: url(../style/icon5.png) no-repeat center center; background-size:100% auto;}
.page1_list h3 { font-size: 56px; color: #2b2d32; font-family: Arial; font-weight: normal; margin-bottom: 20px; }
.page1_list .text{ position: relative}
.page1_list .text i{ position: absolute; top:1px; right: 28%; font-size: 22px; color: #000; font-style: normal;}
.page1_list .textr i{ right: 22%;}
.page2 { background: url(../style/banner2.gif) no-repeat center center; background-size: cover; min-height: 820px; }
.page_tit { padding: 80px 0; text-align: center; }
.page_tit h4 { color: #7f838c; font-size: 18px; font-weight: normal; }
.page_tit h3 { line-height: 34px; font-size: 42px; text-transform: uppercase; margin: 20px 0; font-weight: normal; font-family: Arial; }
.page_tit p { color: #7f838c; line-height: 30px; }
.page_tit h3 span { display: inline-block; padding: 0 15px; border: 20px solid #ffbf12; border-top: 0; border-bottom: 0; }
.page_tit.on { color: #fff; }
.page_tit.on p, .page_tit.on h4 { color: #e0eef7; text-transform: uppercase; font-size: 18px; padding-top: 20px;}
.page2_list a { display: block; margin: 0 10px; border: 1px solid #03236f; }
.page2_list .text { padding: 30px 20px; background: #fff; text-align: center; }
.page2_list .text h3 { font-size: 18px; font-weight: normal; margin-bottom: 15px; }
.page2_list .text p{ color: #666;}
.page2_list .owl-theme .owl-controls { display: none; bottom: 50%; margin-bottom: 34px; left: -97px; right: -97px; width: auto; height: 0; }
.page2_list .owl-theme .owl-controls .owl-nav [class*=owl-] { width: 107px; height: 68px; line-height: 68px; text-align: center; background: rgba(255,255,255,0.2); border: 1px solid #9ec6e1; border-radius: 0; margin: 0; padding: 0; }
.page2_list .owl-theme .owl-controls .owl-nav [class*=owl-] span { opacity: 0.6; display: inline-block; }
.page2_list .owl-theme .owl-controls .owl-nav [class*=owl-]:hover, .page2_list .owl-theme .owl-controls .owl-nav [class*=owl-]:hover span { opacity: 1; }
.page2_list .owl-theme .owl-controls .owl-nav .owl-prev { float: left; }
.page2_list .owl-theme .owl-controls .owl-nav .owl-prev span { padding-left: 30px; background: url(../style/icon6.png) no-repeat left center; }
.page2_list .owl-theme .owl-controls .owl-nav .owl-next { float: right; }
.page2_list .owl-theme .owl-controls .owl-nav .owl-next span { padding-right: 30px; background: url(../style/icon7.png) no-repeat right center; }
.page3_list { margin-top: -63px; background: #fff; }
.page3 { padding-bottom: 70px; }

.linklogo{ padding: 80px 0 180px; overflow: hidden;}
.linklogo li{ width: 16.6666666667%; float: left;}
.linklogo li a{ display: block; border: 2px solid #f2f2f2; margin: 3px;}
.linklogo li a:hover{ border: 2px solid #ffbf12;}
.linklogo li a img{ display: block; width: 100%; height: 90px;}

.news_list ul li { width: 50%; float: left; }
.news_list ul { overflow: hidden; }
.news_list ul li a { display: block; padding: 20px; }
.news_list ul li a:hover * { color: #024977; }
.news_list ul li .img { float: left; width: 158px; height: 130px; margin-right: 20px; padding-top:20px;}
.news_list ul li h4 { color: #2b2d32; line-height: 45px; border-bottom: 1px solid #dce2e6; font-size: 18px; font-weight: normal; padding-right: 90px; position: relative; margin-bottom: 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_list ul li h4 span { position: absolute; top: 0; right: 0; display: block; font-size: 14px; color: #7f838c; }
.news_list ul li .text { line-height: 26px; overflow: hidden; }
.news_list ul li p { color: #4e5055; }

.page4 { padding: 75px 0; background: url(../style/banner3.jpg) no-repeat right top; }
.page4_img { float: right; width: 49%; margin-left: 50px; }
.page4_img img { display: block; }
.page4_img .shadow { width: 90%; margin: 0 auto; height: 17px; background: #43505e; opacity: 0.2; filter: alpha(opacity=20); }
.page4 .text { overflow: hidden; line-height: 32px; color: #4e5055; }
.page4 .text p { margin: 10px 0; }
.page4 .text .btn a, a.more,input.more { display: block; width: 122px; line-height: 38px; background: #ffbf12; color: #fff; text-align: center; margin-top: 20px;  border: none;}
.page4 .text .btn a:hover, a.more:hover,input.more:hover { background: #c59000; }
.page4 .text h3 { padding-top: 20px; font-size: 38px; font-family: Arial; font-weight: normal; color: #2b2d32; line-height: 52px; text-transform: uppercase; }
.page4 .text h4 { display: inline-block; border-bottom: 2px solid #2b2d32; line-height: 42px; font-size: 18px; font-weight: normal; margin: 10px 0; }
/*----------mainer----------*/
.mainer {background:#fff; }
.mb_tab{ display: none;}
/*----------footer----------*/
.footer { background: #20282f; }
.foot { padding: 15px 0;line-height: 181px; }
.foot .f_menu { overflow: hidden; text-align: center;  color: #adadad;}
.f_menu ul li { display: inline-block; margin: 0 20px; }
.f_menu ul li a,.f_menu p a { color: #fff; }
.f_menu ul li a:hover { color: #ffbf12; }
.f_menu p{ display: none; line-height: 30px; margin-top: -3px;}
.foot img { vertical-align: middle; }
.foot2 { background: #1a2127; text-align: center; color: #adadad; padding: 15px 0; line-height: 20px; }
.foot2 a{ color: #adadad;}
.f_menu p a{ padding: 0 5px;}
/*----------custom----------*/

.page_banner { height: 260px; display: table; padding-top: 120px; background: url(../style/banner4.jpg) no-repeat center center; background-size: cover; width: 100%; text-align: center; }
.page_banner .text { color: #fff; display: table-cell; vertical-align: middle; }
.page_banner .text h3 { display: inline-block; margin: 0 auto; font-size: 36px; font-weight: normal; margin-bottom: 15px; line-height: 40px; }
.page_banner .text h3 span { display: inline-block; vertical-align: middle; width: 30px; height: 40px; background: url(../style/icon8.png) no-repeat center center; margin: 0 60px; }
.page_banner .text p { font-size: 24px; text-transform: uppercase; }
.page_pos { line-height: 60px; border-bottom: 1px solid #d8e1e7; }
.page_pos p { padding-left: 30px; background: url(../style/icon9.png) no-repeat left center; }
.page_pos p a { color: #2b2d32; }
.page_pos p a:hover { color: #ffbf12; }
#gallery-wrapper { position: relative; margin: 0 -20px; }
.white-panel { position: absolute; padding: 0px 20px; }

.news_list { padding-top: 20px; }
.news_list .tit { padding: 20px 0; border-bottom: 1px solid #dce2e6; padding-right: 120px; position: relative; }
.news_list .tit .more { display: block; position: absolute; top: 50%; right: 0; margin-top: -19px; }
.news_list .tit p { font-size: 14px; color: #7f838c; margin-bottom: 10px; }
.news_list .tit h3 { font-size: 18px; font-weight: normal; }
.news_list .tit h3 a:hover { color: #ffbf12; }
.news_list .text { margin: 10px 0; line-height: 26px; color: #4e5055; }

.details { width: 65%; float: right; }
.details .tit { margin-top: 40px; border-bottom: 1px solid #dce2e6; padding-bottom: 40px; }
.details .text { line-height: 28px; color: #666; }
.details .text p { text-align: justify; margin: 10px 0; }
.page_cur { padding: 20px 0; margin: 10px 0; border-top: 1px solid #dce2e6; line-height: 20px; text-align: right; }
.page_cur a { color: #999; display: inline-block; padding: 0 20px; border-left: 1px solid #e5e5e5; }
.page_cur a:hover { color: #ffbf12; }
.page_cur a:first-child { border-left: 0; }
.page_cur a:last-child { padding-right: 0; }
.details .tit h3 { text-align: center; font-size: 24px; font-weight: normal; line-height: 35px; }
.details .tit span { float: left; color: #7f838c; display: block; line-height: 35px; }
.details_rt { width: 30%; float: left; }
.details_rt .news_list li { float: none; width: 100%; margin-bottom: 40px; }
.details_rt .news_list ul li a { padding: 0; }
.details_rt .news_list ul li h4 { padding-right: 0; border-bottom: 0; line-height: initial; margin: 10px 0; margin-top: 15px; }
.details_rt .news_list ul li p { height: 52px; overflow: hidden; }

.contact{ padding-bottom:50px;}
.contact .page1_text { padding: 0; }
.contact .page1_text .cell_map { width: 32.66% !important; background: #0b6db0; color: #fff; }
.map_list { padding: 25px; }
.map_list ul li { padding: 16px 0; padding-left: 53px; line-height: 25px; }
.map_list ul li p { font-size: 16px; }
.map_list ul li span { color: #d9dcde; }
.map_list ul li.li1 { background: url(../style/icon10.png) no-repeat left center; }
.map_list ul li.li2 { background: url(../style/icon11.png) no-repeat left center; }
.map_list ul li.li3 { background: url(../style/icon12.png) no-repeat left center; }
.contact .page1_text .text{padding-right:90px; background:url(../style/icon1-1.png) no-repeat 98% center;}
.page1_text .tab .text h3 span{display:block; font-size:18px;color:#7f838c;margin-top:10px;line-height:18px;}
.contact .page1_text .tab .text h3{ font-size:22px;line-height:25px;}
.cont_list ul li{ width:48%; float:left; margin:0 1%;margin-bottom:30px;}
.cont_list ul li:last-child{width:98%;}
.cont_list ul{overflow:hidden;margin:0 -1%;}
.div_input{ line-height:42px; border-bottom:1px solid #e3e5e6;}
.div_input input{width:100%; border:0;width:100%;}
.about_tit ul{ overflow:hidden; display: flex;justify-content:center;}
.about_tit ul li{width:20%;line-height:59px; text-align:center;}
.about_tit ul li a{display:block;color:#2b2d32}
.about_tit ul li.on a,.about_tit ul li a:hover{background:#0781d4;color:#fff;}
.about_tit ul li.on span,.about_tit ul li a:hover span{color:#fff;}
.about_tit ul li span{display:inline-block;padding-left:30px;background:url(../style/icon9.png) no-repeat left center;}
.about_tit{ border-bottom:1px solid #d8e1e7}
.about .page1_text{padding:50px 0;box-shadow:none;}

.team{margin:60px 0; padding-left:58px;margin-left:-58px; background:url(../style/icon1-3.png) no-repeat top left;}
.team_list{width:55%;position:relative;  }
.team_list ul{overflow:hidden; margin:0 -1%;}
.team_list ul li{ float:left; width:23%; margin:10px 1%;}
.team_list ul li .img1:hover,.team_list ul li.in .img1{ background:#000;}
.team_list ul li .img1:hover img,.team_list ul li.in .img1 img{opacity:0.3}
.team_list ul li .img1:hover .text,.team_list ul li.in .img1 .text{ bottom:15%;}
.team_list ul li .text{ position:absolute;text-align:center; bottom:-100%;left:0;width:100%;}
.team_list ul li .text p{ line-height:45px; border-bottom:1px solid #fff;color:#fff;font-size:18px;}
.team_list ul li .text span{ display:block; text-transform:uppercase;line-height:40px;padding-bottom:20px;color:#ffbf12; font-size:12px;}
.team_list ul li .img1{width:100%;position:relative; overflow:hidden;cursor:pointer;}
.team_list ul li .img1 img{display:block;width:100%;}
.team_list .info{opacity:0;z-index:-1; position:absolute; top:50%; margin-top:-110px; left:95%;width:55%;}
.team_list li.in .info{opacity:1; left:110%;z-index:1;}
.team_list .box{ position:absolute; top:-20px; right:-50px;width:125px; height:176px; border:4px solid #f4f6fa}
.team_list .info .tit{ line-height:18px;}
.team_list .info .tit span{ display:block;border-left:32px solid #ffbf12; font-size:18px;color:#7f838c;padding-left:10px;margin-bottom:15px;}
.team_list .info .tit h3{ font-size:32px; font-weight:normal;line-height:40px;margin-bottom:20px;}
.team_list .info p{ line-height:32px;color:#4e5055;}
.join{padding:50px 0;}
.join ul li{padding:0 40px; border:4px solid #f4f6fa;margin-bottom:38px;color:#2b2d32}
.join ul li .tit{ line-height:36px;padding:22px 0; border-bottom:1px solid #e7e9ef} 
.join ul li .tit .frt label{color:#7f838c; display:inline-block;padding:0 14px; border-left:1px solid #e7e9ef;line-height:24px;}
.join ul li .tit .frt label:first-child{border-left:0;}
.join ul li .tit .frt label.on{ color:#de3615; padding-right:0;}
.join ul li .tit span{ font-size:24px; padding-left:56px;background:url(../style/icon13.jpg) no-repeat left center; }
.join ul li .text{ padding-top:20px;}
.join ul li .list{ padding-bottom:20px;}
.join ul li .text h3{ font-size:18px;font-weight:normal;margin-bottom:15px; }
.join ul li .text p{ line-height:24px;color:#4e5055;}
.pagesize ol,.pagesize li{ display: inline;}
.pagesize a{display:inline-block;vertical-align:middle;background-repeat:no-repeat; background-position:center center; margin-left:5px; padding: 0 10px; height:32px;border:1px solid #e2e4ea; text-align:center; line-height:32px; }
.pagesize a:hover,.pagesize li.active a{background-color:#ffbf12; color:#fff; border-color:#ffbf12}
.pagesize a.prev{background-image:url(../style/cur1.png);}
.pagesize a.prev:hover{background-image:url(../style/cur1-1.png);}
.pagesize a.next{background-image:url(../style/cur2.png);}
.pagesize a.next:hover{background-image:url(../style/cur2-1.png);}
.join_bottom a.more{margin-top:0}
.case_list{ padding:50px 0;}
.case_list li{float:left;width:25%; animation-name: zoomIn; animation-duration: 1s; animation-fill-mode: both; }
@keyframes zoomIn {
  from {
    opacity: 0;filter:alpha(opacity=0);
    transform: scale3d(.3, .3, .3);-o-transform: scale3d(.3, .3, .3);-webkit-transform: scale3d(.3, .3, .3);-ms-transform: scale3d(.3, .3, .3);-moz-transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;filter:alpha(opacity=100);
  }
}
.case_list li{}
.case_list ul{ margin:-10px; overflow:hidden;}
.case_list li .list{ border:1px solid #d8e1e7;margin:10px;}
.case_list li .img1{ position:relative;overflow:hidden;}
.case_list li .img1 img{display:block;width:100%;}
.case_list li .text{ padding:20px; text-align:center;color:#4e5055;}
.case_list li .text h3{ font-size:18px; font-weight:normal;margin-bottom:15px;color:#2b2d32;}
.case_list li:hover .img1{ background:#2b2d32}
.case_list li:hover .img1 img{opacity:0.3;filter:alpha(opacity=30);}
.case_list li:hover .img1 a{ top:50%; opacity:1;}
.case_list li .img1 a{position:absolute; top:60%; left:50%;margin-left:-60px;text-align:center;margin-top:-12px; width:120px; line-height:36px; border:1px solid #fff; color:#fff; opacity:0;}

.modal .cell{display:table-cell; vertical-align:middle;}

.modal_case.on{z-index:100000;}
.modal,.fp_modal { transition:all 0s; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; color: #000; }
.fp_modal { display: table; background: rgba(0,0,0,0.65); }
.modal_cont {width:90%; max-width:1100px; margin:0 auto; background:#fff; position:relative; }
.close { width:32px; height:32px; background:url(../style/icon23.png) no-repeat center center; position:absolute; top:6px; right:5px; cursor:pointer; z-index:100}
.modal_case_m { padding:55px 0 70px 45px; }
.modal_case_l { float:left; width:46.5%; }
.modal_case_owl { }
.modal_case_owl .item { }
.modal_case_owl .item img { display:block; width:100%; }
.modal_case_r { overflow:hidden; padding-top:30px; }
.modal_case_r .web { padding:0 10%; height:338px; overflow-y:auto; }
.modal_case_r .web .tit { }
.modal_case_r .web .tit h3 { font-size:22px; font-weight:normal; color:#000; padding-left:10px;border-left:20px solid #ffbf12}
.modal_case_r .web .text { margin-top:20px; }
.modal_case_r .web .text p { font-size:14px; color:#4e5055; line-height:26px;margin-bottom:10px; }
.modal_case_r .web .text p span { font-weight:bold; color:#5a5a5a; }

.modal_case_owl.owl-theme .owl-controls { height:0; bottom:50%; margin-bottom:18px; }
.modal_case_owl.owl-theme .owl-controls .owl-nav [class*=owl-] { margin:0; padding:0; width:36px; height:36px; position:absolute; top:0; }
.modal_case_owl.owl-carousel .owl-controls .owl-nav .owl-prev { background:#2c302e url(../img/owl_l.png) no-repeat center center; left:-17px; }
.modal_case_owl.owl-carousel .owl-controls .owl-nav .owl-next { background:#2c302e url(../img/owl_r.png) no-repeat center center; right:-17px; }
.modal_case_owl.owl-carousel .owl-controls .owl-nav .owl-prev:hover { opacity:1; background:#28d56f url(../img/owl_l.png) no-repeat center center; }
.modal_case_owl.owl-carousel .owl-controls .owl-nav .owl-next:hover { opacity:1; background:#28d56f url(../img/owl_r.png) no-repeat center center; }

.img_owl{  margin:20px auto;max-width:877px;}
.img_owl .owl-theme .owl-controls .owl-nav{ float:right;}
.img_owl .owl-theme .owl-controls .owl-nav [class*=owl-]{ margin:0;padding:0;width:50px;height:50px;background-color:#fff;border-radius:0;display:block;float:left;border-left:1px solid #e1e6e6;background-position:center center; background-repeat:no-repeat;}
.img_owl .owl-theme .owl-controls .owl-nav .owl-prev{background-image:url(../style/cur3.png)}
.img_owl .owl-theme .owl-controls .owl-nav .owl-next{background-image:url(../style/cur4.png)}
.img_owl{ position:relative;}
.img_owl .cur_num{z-index:10; display:block;position:absolute; bottom:0; right:102px;width:100px;line-height:50px;background:rgba(0,0,0,0.54); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#54000000', endColorstr='#54000000');text-align:center;color:#fff;}
.img_owl .cur_num label{color:#ffbf12}

@media only screen and (max-width: 1440px) {
    .page2_list .owl-theme .owl-controls{ left:-50px;right:-50px;}
}

@media only screen and (max-width: 1365px) {
    .page2_list .owl-theme .owl-controls{ left:0px;right:0px; display: block;}
}
@media only screen and (max-width: 1250px){
    .wrap{width:95%;}
    .banner_list{width:90%;}
    
}

@media only screen and (max-width: 1100px) {
    .banner .text{height:400px;}
    .banner_list li a{width:150px;height:150px;}
    .banner_list{ padding-bottom:150px;}
    .page1_text .tab .text h3{ font-size:26px; margin:15px 0;}
    .page1_text .tab .text p{ line-height:25px;}
    .page2_list .owl-theme .owl-controls .owl-nav [class*=owl-]{width:80px;height:30px;line-height:30px; background-color: rgba(0,0,0,.3); color: #fff;}
    .page4 .text h3{ font-size:25px;line-height:40px;}
}
@media only screen and (max-width: 800px) {
    .menu ul li{margin-left:40px;}
    .page_banner{ height:250px;}
    .page1_text{margin-top:20px !important;}
    .page_banner .text h3{ font-size:30px;}
    .ewm{width:130px; padding-top: 15px;}
    .foot{ line-height:130px;}
    .foot .logo{ float:none;text-align:center;line-height:80px;}
    .banner .text h2{ font-size:40px;}
    .banner .text{ height:300px;}
    .banner_list li a{ width:100px; height:100px;}
    .banner_list li h3{ padding-top:40px;}
    .banner_list{ padding-bottom:100px;}
    .tab .cell{ display:block;}
    .page1_text .tab .cell:first-child{width:100%;text-align:center;max-width:590px;margin:0 auto;float:left;margin-bottom:20px;}
    .page1_text.page1_text2 .tab .cell:first-child{ float:right;}
    .page1_text .tab .text h4{ clear:both;}
    .page1_text .tab .text.cell{padding-left:0; padding-right: 0; text-align: justify;}
    .page4 .text h4{ width: 100%; font-size: 15px;}
    .page4 .text p{ text-align: justify;}
    .page1_text2.page1_text .tab .text.cell{padding-right:0;}
    .page_tit p{width:80%;margin:0 auto;}
    .news_list ul li{ float:none;width:100%;}
    .page4_img{ float:none; width:auto;max-width:590px;margin:0 auto;}
    .page4 .text{max-width:590px;margin:0 auto;}
    .page_tit p br{display:none;}
    .team_list .info p{ line-height:20px; color: #7f838c; font-size: 12px; padding: 10px;}
    .case_list li{width:33.333%;}
    .modal_case_r .web{ height:250px;}
    .contact .page1_text .tab .cell_map{ display:table-cell;}
    .contact .page1_text .tab .text.cell{ display:table-cell;padding-left:40px;}
    .contact .page1_text .tab .cell:first-child{ float:none;width:32.66%}
}

@media only screen and (max-width: 600px){
    .contact .page1_text .tab .cell_map{display:block; }
    .contact .page1_text .tab .text.cell{display:block;}
    .case_list li{width:50%;}
    .modal_case_l{float:none; }
    .modal_case_m{ padding:20px;}
    .modal_case_r{padding:0 }
    .modal_case_r .web{ padding:0}
    .img_owl{ margin-top:0}
    .header .head{display:none;}
    .menu{ position:fixed; top:0;left:-100%;width:100%; height:100%; background:#000;display:table;}
    .header.h_menu .menu{ left:0;}
    .menu ul{display:table-cell; vertical-align:middle;}
    .menu ul li{float:none;margin:0 auto;}
    .menu ul li a{ width:50%; margin:0 auto;text-align:center;font-size:20px;}
    .menu_wrap{ position:absolute; top:50%;margin-top:-15px; right:0;width:30px;height:30px;background:url(../style/menu.png) no-repeat center center #ffbf12; background-size:auto 18px;}
    .header .logo{ line-height:60px; height:60px;}
    .page_banner .text h3 span{margin:0 10px;}
    .page_banner{ padding-top:60px;height:180px;}
    .about_tit .wrap{width:100%;}
    .about_tit{ overflow: hidden;}
    .about_tit ul{ display: block;}
    .about_tit ul li{ width:33.333333% !important; float:left; white-space:nowrap;width:auto; line-height:40px; height:40px;}
    .foot{ line-height:initial;}
    .foot .f_menu ul li{ float:none;display:block;text-align:left;line-height:25px;}
    .about_tit ul li a{ display:block;padding:0 20px; line-height:40px; height:40px;}
    .banner .text h2{ font-size:20px;}
    .banner .text p{ font-size:14px;}
    .banner .text{height:200px;padding-top:60px;}
    .banner_list li{ width:50%;margin-bottom:20px;}
    .page1_list ul li{ width:50%; margin-bottom:20px;}
    .page1_list .text{ padding-bottom: 20px;}
    .page1_list h3{ margin-bottom: 10px;}
    .page1_list ul .icon{width:60px; height:60px;}
    .page2_list{width:283px;margin:0 auto;}
    .page2_list .owl-carousel .owl-stage-outer{ overflow:initial;}
    .page2{ overflow:hidden;}
    .page_tit h3{ font-size:20px;}
    .page_tit p{width:95%;line-height:25px;}
    .news_list ul li .img{width:100px;padding-top:10px;}
    .news_list ul li a{ padding:5px;}
    .news_list .text{margin:0; font-size: 12px; line-height: 23px; padding-top: 10px;}
    .news_list ul li{ margin-bottom:10px;}
    .page_tit{padding:40px 0;}
    .page4{ padding:40px 0;}
    .news_list ul li h4{ line-height:30px;}
    .news_list ul li .text{ line-height:24px;}
    .news_list ul li .text p{ height:40px; overflow:hidden; font-size: 12px; line-height: 20px;}
    .news_list ul li h4 span{ display:none;}
    .news_list ul li h4{ padding-right:0; font-size: 14px;}
    .page3 .page1_text{margin-top:-80px;}
    .banner_list{padding-bottom:50px;}
    .banner .text h2{margin-bottom:10px;}
    .banner .text{ height:130px;}
    .banner_list li a{width:140px;height:140px;}
    .banner_list{width:100%;}
    .page1_list h3{ font-size:30px;}
    .page1_list{padding:30px 0;}
    .page2{ height:auto;min-height:initial;padding-bottom:100px;}
    .contact .page1_text .cell_map{ width:100% !important;}
    .map_list{ padding:10px;text-align:left;}
    .map_list ul li{padding-top:5px;padding-bottom:5px;}
    .contact  .page1_text .tab .text.cell{clear:both;padding:20px;padding-top:0}
    .cont_list ul li{margin-bottom:10px;}
    .menu ul li label{ top:auto; bottom:0}
    .details,.details_rt{width:100%; float:none;}
    .details .tit span{ display:none;}
    .details .tit{margin-top:20px; padding-bottom: 20px;}
    .details .text{ padding-top: 20px !important;}
    .page_cur{ text-align:center;}
    .details_rt .news_list ul li h4{ margin-top:0}
    .details_rt .news_list li{margin-bottom:20px;}
    .header .logo {position:relative;z-index:10;}
    .about .page1_text{ padding:0;padding-bottom:50px;margin-top:0}
    .ht70{ height:0px;}
    .about_tit{ margin-bottom:10px; display: none;}
    .mb_tab{ display: block;}
    .team_list ul li{width:46%; margin:10px 2%;}
    .team_list ul li.in .img1{ background: none;}
    .team_list ul li.in .img1 img{opacity:1 !important;}
    .team_list ul li.in .text{ display: none;}
    .team_list ul li:nth-child(2n+1){ clear:both;}
    .team_list { overflow:hidden;}
    .team{ margin:10px 0;padding:0;background:none;}
    .team_list .info{opacity:1; position:initial; top:auto; left:auto; width:100%; bottom:auto;right:auto; margin:0 auto;}
    .team_list .info .tit { margin-top:10px;}
    .team_list .info .tit h3{ font-size:16px;line-height:30px;margin-bottom:0; text-align:right;}
    .team_list .info .tit span{ margin-bottom:0; border-left-width:5px;margin-top:10px; font-size:14px;float:left; line-height:30px;margin:0 auto;}
    .team_list{width:100%;}
    .case_list{ padding: 20px 0;}
    .case_list li .list{ margin-bottom: 0;}
    .case_list li .img1 img{ height: 100px;}
    .case_list li .text{ padding: 10px;}
    .case_list li .text h3{ font-size: 14px; text-align: left; overflow: hidden; height: 15px;}
    .case_list li .text p{ font-size: 11px;}
    .page3{ padding-bottom: 40px;}
    .page_tit{ padding: 20px 0;}
    .linklogo{ padding-bottom: 120px;}
    .linklogo li{ width: 33.3333%;}
    .linklogo li a img{ height: 60px;}
    .foot2{ font-size: 12px; padding: 15px;}
    .foot2 span{ display: block;}
    .page4 .text .btn a, a.more, input.more{ margin: 0 auto;}
    .join,.news_list{ padding-top: 10px !important;}
    .news_list .tit{ padding: 10px 0;}
    .news_list .tit .more{ display: none; width: 80px; line-height: 25px; font-size: 12px; top:80%;}
    .news_list .tit h3{ font-size: 16px;}
    .join ul li{ padding: 0 5px;}
    .join ul li .tit{ padding:10px 0;}
    .join ul li .text h3,.join ul li .tit span{ font-size: 17px;}
    .join ul li .tit .frt{ font-size: 12px;}
    .join ul li .tit .frt label{ padding: 0 5px;}
    .join ul li .text p{ font-size: 12px;}
    .join_bottom .btn{ float: none;}
    .join_bottom .pagesize{ display: none;}
    .pagesize li:last-child{ display: none;}
    .details .tit h3{ font-size: 20px;}
    .details .text img{ width: 100% !important; height: 100% !important;}
    .page_pos{ height: 60px; overflow: hidden;}
    .page_pos p{ background-position: 0 26px; font-size: 12px;}
}