@charset "UTF-8";
/*
Author:lichuan
Mail:info@oulu.me
date:2016.11.19
*/

/*banner*/

/*new_banner*/
.swiper-container {
    width:100%;
    padding-top: 105px;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-slide img{width:100% !important;}



/*main*/
.box01{width: 100%; background: url(../images/main_bg.png) right top no-repeat;}
.main{max-width: 1260px;margin: auto; padding-top: 70px;}
.main_text{background: url(../images/main_bg2.png) left 24px no-repeat; padding: 0px 30px;}
.main_text h1{font-size: 35px; color: #1680c7;}
.main_text h2{font-size: 20px; color: #444; padding-top: 25px;}
.main_anli{padding: 30px 10px;}
.main_left,.main_center,.main_right{width: 29.33333%; float: left; margin:0px 2% ;-webkit-box-shadow:0 0 3px #ccc;  -moz-box-shadow:0 0 3px #ccc;box-shadow:0 0 3px #ccc; }
.main_pic{position:relative; display: block;}
.jujiao{position: absolute;left: 0px; display: block;z-index:900;}
.main_left img,.main_center img,.main_right img{display: block;max-width: 100%;height: auto;}
.main_left a:hover,.main_center a:hover,.main_right a:hover{display: block;filter:alpha(opacity=80);-moz-opacity:0.80; opacity:0.80;}
.anli_jianjie{padding: 16px 20px; background-color: #fff;}
.anli_jianjie h1{font-size: 18px; color: #444;line-height: 24px; margin-bottom: 12px; height: 24px;overflow: hidden; display: block;}
.anli_jianjie p{font-size: 12px; color: #666; line-height: 24px; height: 48px; overflow: hidden; display: block;}
.gengduo{width: 70px; height: 30px; float: right;}
.hexin{width: 100%; display: flex;}
.hx_left{float: left; width: 70%}
.hx_right{float: right; width: 30%}
.hx_right .hx_li{height: 100%}
.hx_left .hx_li{width: 100%}
.hx_left .hx_li:first-child{height: 425px; overflow: hidden;}
.hx_left .hx_li:nth-child(2),.hx_left .hx_li:nth-child(3){float: left; width: 50%; height: 200px}
.hx_li img{ position: absolute; top: -50%; left: -50%; transform: translate(50% , 50%);}
.hx_li{padding: 15px; position: relative; box-sizing: border-box;}
.js_txt{position: absolute; top: 40px; left: 50px}
.rslides {
	list-style: none; margin: 0px; padding: 0px; width: 100%; overflow: hidden; position: relative;
}
.rslides li {
	left: 0px; top: 0px; width: 100%; display: none; position: absolute; -webkit-backface-visibility: hidden;
}
.rslides li:first-child {
	float: left; display: block; position: relative;
}
.rslides img {
	border: 0px currentColor; border-image: none; width: 100%; height: auto; float: left; display: block;
}
/*.callbacks1_tabs.callbacks_tabs {
	margin-top: -40px; margin-bottom: 20px; position: relative; z-index: 100;
}
.callbacks1_tabs.callbacks_tabs li {
	border-radius: 10px; border: 1px solid rgb(255, 255, 255); border-image: none; width: 10px; height: 10px; margin-left: 5px; display: inline-block; position: relative;
}
.callbacks1_tabs.callbacks_tabs li a {
	border-radius: 10px; left: 0px; width: 10px; height: 10px; color: transparent; display: inline-block; position: absolute; z-index: 1000;
}
.callbacks1_tabs.callbacks_tabs li.callbacks_here a {
	background: rgb(255, 255, 255);
}*/
.callbacks1_tabs.callbacks_tabs {
	display: none;
}
.callbacks_container {
	width: 100%; text-align: center; margin-bottom: 2px; position: relative; max-width: 100%;
}
.callbacks {
	list-style: none; margin: 0px; padding: 0px; width: 100%; overflow: hidden; position: relative;
}
.callbacks li {
	left: 0px; top: 0px; width: 100%; position: absolute;
}
.callbacks img {
	border: 0px currentColor; border-image: none; width: 100%; height: auto; display: block; position: relative; z-index: 1;
}
.callbacks .caption {
	background: rgba(0, 0, 0, 0.8); margin: 0px; padding: 10px 20px; left: 0px; right: 0px; bottom: 0px; color: rgb(255, 255, 255); font-size: 20px; display: block; position: absolute; z-index: 2; max-width: none; text-shadow: none;
}
.callbacks_nav {
	background: url(../images/themes.gif) no-repeat left top; left: 0px; top: 50%; width: 38px; height: 61px; text-indent: -9999px; overflow: hidden; text-decoration: none; margin-top: -30px; display: none; position: absolute; z-index: 3; opacity: 0.6; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.callbacks_container:hover .callbacks_nav {
	display: block;
}
.callbacks_nav:active {
	opacity: 1;
}
.next.callbacks_nav {
	background-position: right top; left: auto; right: 0px;
}
.main_text{position: relative;}
.main_text .swiper-pagination{bottom: 0px; right: 30px}
.main_text .swiper-pagination-bullet{background: #1680c7; border: solid 5px #fff; margin:0 5px; opacity: 1; width: 10px; height: 10px;}
.main_text .swiper-pagination-bullet-active{background: #fff; border: solid 5px #1680c7}
.container{width: 1260px; margin: 0 auto}
.padding30{padding: 30px 30px}

#opt:focus{outline: none;}
#opt option{line-height: 30px; }
.box2{background-color: #f7f7f7; padding: 80px 0}
.box2 .main_text h1:before{color: #ececec;z-index: 0; content: "case"}
.main_text h1 span{position: relative; z-index: 1}
.box2 ul{padding: 0 30px;}
.box2 ul li:first-child{ border-top: solid 1px #ccc}
.box2 ul li a{padding: 30px 10px; border-bottom: solid 1px #ccc; overflow: hidden; display: block; }
.box2 ul li a:hover{background-color: #eee}
.box2 ul li span:nth-child(1){width: 32%; display: inline-block; float: left;box-sizing: border-box;}
.box2 ul li span:nth-child(2){width: 50%; padding-left:100px; display: inline-block; float: left;box-sizing: border-box;}
.box2 ul li span:nth-child(3){width: 18%; padding-right:30px; display: inline-block; float: left; text-align: right;box-sizing: border-box;}
.w_50{width: 50%; float: left;}
.box3 .main_text h1:before{color: #ececec;z-index: 0; content: "advantage"}
.box3 .main_text h1{padding-top: 120px;}
.box3 .main_text{background: none}
.box3 ul{padding-left: 30px; padding-top: 40px; line-height: 40px; color: #000; list-style:disc;}
.box3 ul li{list-style:disc; margin-left: 15px;}
.box3{height: 520px; overflow: hidden;}
.main_text h1{font-size: 35px; color: #333; position: relative;}
.main_text h1:before{content: "technology"; font-size: 68px; letter-spacing:10px; position: absolute; z-index: -1; bottom: -10px; color: #ececec; text-transform: uppercase; display: block;}
.main_text h2{font-size: 16px; font-weight:normal; color: #444; padding-top: 25px;}
@media screen and (max-width:600px)
{
.callbacks_nav {
	top: 47%;
}
}



/*news*/
.box02{width: 100%; background: url(../images/news_bg.jpg) right top no-repeat; background-color: #f1f2f4;}
.news{max-width: 1200px;margin:66px auto; padding-bottom: 30px}
.news_left{width: 45%; float: left;}
.news_left h1{padding-top: 66px; font-size: 45px; color: #1680c7;}
.news_right{width: 45%; float: right;}
.zxxw_title{margin-top: 30px;}
.zxxw_biaoti{display: block; float: left; padding: 9px 25px; font-size: 12px; color: #fff; background-color: #a1a1a1;}
.zxxw_shijian{display: block; float: left; margin-left: 25px; color: #858585;font-size: 18px; padding: 6px 0px;}
.zxxw h2{line-height: 30px; font-size: 18px; color: #1680c7; padding: 8px 0px; text-decoration: underline;}
.zxxw p{line-height: 24px; font-size: 12px; color: #999;}
.shipin img{display: block;max-width: 100%;height: auto;}
.shipin_bg img{display: block;max-width: 100%;height: auto;}
.news_more{display: block; float: right; padding: 12px 24px; font-size: 12px; color: #fff; background-color: #2d97de; margin-top: 22px;}
.news_more a{font-size: 12px; color: #fff;}
.news_more a:hover{text-decoration: underline;}

@media (min-width: 320px){
.swiper-container{padding-top: 52px;}
.main{padding-top: 24px;}
.main_text h1{font-size: 18px; color: #1680c7;}
.main_text h2{font-size: 14px; color: #444; padding-top: 18px;}
.main_anli{padding: 30px 0px;}
.main_left,.main_center,.main_right{width: 90%; margin:12px 5%;}
.box02{width: 100%; background: url(../images/news_bg.jpg) left top no-repeat; background-color: #f1f2f4;}
.news{margin: 24px auto;}
.news_left{width: 90%; padding: 0px 5%; }
.news_left h1{padding-top: 24px; font-size: 18px; color: #1680c7;}
.news_right{width: 90%; padding: 0px 5%;}
  .container{width:100%}
  .w_50{width:100%}
  .box3 .main_text h1 {  padding-top: 20px;}
  .box3{height:auto; padding-bottom:50px}
  #opt{position: inherit; left:0px;}
  .hx_left .hx_li:nth-child(2), .hx_left .hx_li:nth-child(3),.hx_right,.hx_left{width:100%; height:auto}
  .main_text h1:before{font-size:34px;}
  .hexin{display:block}
  .hx_left .hx_li:first-child{height:280px}
  .js_txt{left:0px; bottom:-30px;top: inherit;}
  .hx_li a{height:200px; display: block;     position: relative;}
  .hx_li{height:260px !important;}
}
@media (min-width: 480px){
.swiper-container{padding-top: 52px;}
.main{padding-top: 35px;}
.main_text h1{font-size: 24px; color: #1680c7;}
.main_text h2{font-size: 16px; color: #444; padding-top: 20px;}
.main_anli{padding: 30px 0px;}
.main_left,.main_center,.main_right{width: 90%; margin:12px 5% ;}
.box02{width: 100%; background: url(../images/news_bg.jpg) left top no-repeat; background-color: #f1f2f4;}
.news{margin: 30px auto;}
.news_left{width: 90%; padding: 0px 5%; }
.news_left h1{padding-top: 35px; font-size: 24px; color: #1680c7;}
.news_right{width: 90%; padding: 0px 5%;}
}
@media (min-width: 768px){
.swiper-container{padding-top: 52px;}
.main{padding-top: 35px;}
.main_text h1{font-size: 24px; color: #1680c7;}
.main_text h2{font-size: 16px; color: #444; padding-top: 20px;}
.main_anli{padding: 30px 10px;}
.main_left,.main_center,.main_right{width: 29.33333%; margin:0px 2% ;}
.box02{width: 100%; background: url(../images/news_bg.jpg) left top no-repeat; background-color: #f1f2f4;}
.news{margin: 30px auto;}
.news_left{width: 94%; padding: 0px 3%; }
.news_left h1{padding-top: 35px; font-size: 24px; color: #1680c7;}
.news_right{width: 94%; padding: 0px 3%;}
  .container{width:100%}
  .w_50{width:100%}
}
@media (min-width: 1200px){
.swiper-container{padding-top: 105px;}
  .container{width:1200px}
.main{padding-top: 70px;}

.main_anli{padding: 15px;}
.main_left,.main_center,.main_right{width: 29.33333%; margin:0px 2% ;}
.box02{width: 100%; background: url(../images/news_bg.jpg) left top no-repeat; background-color: #f1f2f4;}
.news{margin: 66px auto;}
.news_left{width: 45%; float: left;padding: 0px;}
.news_left h1{padding-top: 66px; font-size: 45px; color: #1680c7;}
.news_right{width: 45%; float: right; padding: 0px;}
.hx_right .hx_li img{height: 517px; width: 345px;}
.js_txt{display: none; z-index: 10; color: #fff}
.hx_li a:after{content: ""; opacity: 0; transition: all 0.5s; background: rgba(33, 134, 202, 0.66); height: 100%; width: 100%; top: 0; left: 0;  position: absolute;}
.hx_li a{display: block; position: relative; overflow: hidden; height: 100%}
.hx_li a:hover:after{opacity: 1;}
.hx_li a:hover .js_txt{display: block;}
.hx_right .js_txt{width: 250px;}
  .w_50{width: 50%; float: left;}
  .box3 .main_text h1 { padding-top: 120px;}
  .hexin{width: 100%; display: flex;}
.hx_left{float: left; width: 70%}
.hx_right{float: right; width: 30%}
.hx_right .hx_li{height: 425px !important}
.hx_right .hx_li:nth-child(2){height: 260px !important}
.hx_left .hx_li{width: 100%}
.hx_left .hx_li:first-child{height: 425px !important; overflow: hidden;}
.hx_left .hx_li:nth-child(2),.hx_left .hx_li:nth-child(3){float: left; width: 50%; height: 200px}
.hx_li img{ position: absolute; top: -50%; left: -50%; transform: translate(50% , 50%);}
.hx_li{padding: 15px; position: relative; box-sizing: border-box;}
.js_txt{position: absolute; top: 40px; left: 50px}
  #opt{height: 30px; border-radius: 30px; min-width: 300px; padding: 0 5px; position: absolute; right: 30px; bottom: 0;    left: inherit;	}
}
@media (max-width: 768px){
.box2 ul li span:nth-child(1){width: 30%; display: inline-block; float: left;box-sizing: border-box;}
.box2 ul li span:nth-child(2){width: 50%; padding-left:10px; padding-right:10px; display: inline-block; float: left;box-sizing: border-box;}
.box2 ul li span:nth-child(3){width: 20%; padding-right:0px; display: inline-block; float: left; text-align: right;box-sizing: border-box;}
}