#sub{
	width: 100%;
	padding: 0 0;
	background-color: #FFFFFF;
}

#pages_banner{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 350px;
	background-repeat: no-repeat;
	background-image: url("../img/page/page01.jpg")/*tpa=template/zh/img/page/page01.jpg*/;
	background-position: center;
}
#anli_banner{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 350px;
	background-repeat: no-repeat;
	background-image: url("../img/page/page012.jpg")/*tpa=template/zh/img/page/page012.jpg*/;
	background-position: center;
}

#serve_banner{position:relative; overflow:hidden; width:100%; height:400px; background-repeat:no-repeat; background-position:center; background-image:url("../img/serve/serve01.jpg")/*tpa=template/zh/img/serve/serve01.jpg*/;}
#news_banner{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 350px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("../img/news/news04.jpg")/*tpa=template/zh/img/news/news04.jpg*/;
}
#trade_banner{position:relative; overflow:hidden; width:100%; height:400px; background-repeat:no-repeat; background-position:center; background-image:url("../img/trade/trade01.jpg")/*tpa=template/zh/img/trade/trade01.jpg*/;}
#about_banner{position:relative; overflow:hidden; width:100%; height:400px; background-repeat:no-repeat; background-position:center; background-image:url("../img/about/about06.jpg")/*tpa=template/zh/img/about/about06.jpg*/;}
#about_banner2{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 350px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("../img/about/6.jpg")/*tpa=template/zh/img/about/about06.jpg*/;
}
#pages_news{width:100%; height:60px; line-height:60px; position:absolute; bottom:0; left:0; background-color:rgba(0,0,0,0.7); +background:#000; z-index:1;}
#pages_news .left{float:left; font-size:16px; color:#fff; width:600px;}
#pages_news .left a,#pages_news .left span{color:#fff; float:left;}
#pages_news .left aside{font-size:14px; width:100px; overflow:hidden; float:right;}
#pages_news .right{float:right;}
#pages_news .right a{width:29px; height:29px; background-image:url("../img/hot.png")/*tpa=template/zh/img/hot.png*/; background-repeat:no-repeat; display:block; margin:15px 10px 0 0; float:left;}
#pages_news .right a:hover{-webkit-transform:scale(0.95); -moz-transform:scale(0.95); transform:scale(0.95);}
#pages_news .right_b{ background-position:-40px 0;}
#pages_news .right_c{ background-position:-79px 0;}


#menu{ overflow:hidden; width:100%; height:120px; background:#fff;}
#menu ul{width:100%; height:50px; text-align:center; margin-top:35px;}
#menu ul li { display:inline-block; text-align:center;}
#menu ul li a{width:148px; height:50px; line-height:50px; display:block; margin-right:6px; background:#f5f5f5; font-size:16px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; cursor:pointer;}
#menu ul li a:hover, #menu ul li.cur a{ background:#008cd6; color:#fff;}

#led{overflow:hidden; height:227px; background:#008cd6; color:#fff;}
#led picture{width:434px; float:left; overflow: hidden;}
#led picture img{width:100%; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#led picture img:hover{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}

#led div{width:666px; padding:30px 0; float:right;}
#led div h2{padding:0 30px 30px; position:relative;}
#led div h2:after{content:''; position:absolute; left:30px; bottom:15px; border-bottom:2px solid #fff; width:40px; }
#led div aside{padding:0 30px; line-height:24px;}

#sub .por, #sub .text_por{width:1100px; overflow:hidden; margin:45px auto 0;}
#sub .por li{float:left; width:360px; height:386px; margin-right:10px; background:#fff; text-align:center; margin-bottom:35px;}
#sub .por li:nth-of-type(3n){margin:0;}
#sub .por li a{display:block; width:360px; height:386px;}
#sub .por li a:hover{color:#fff; background:#008cd6;}
#sub .por li a picture{float:left; width:341px; height:310px; margin:10px 12px 25px; overflow: hidden;}
#sub .por li a picture img{width:341px; height:310px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#sub .por li a:hover img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
#sub .por li a h2{float: left; width:100%; font-size:16px; overflow: hidden;}

#sub .koss_title{color:#008cd6;}


/*产品内页*/

.text_title{position:relative; text-align:center; font-size:24px; color:#008cd6;}
.text_title:after{content:''; position:absolute; bottom:-15px; left:50%; margin-left: -20px; width:40px; border-bottom:2px solid #008cd6;}

#sub .text_por li{float:left; width:360px; margin-right:10px; margin-bottom:10px; background:#fff; text-align:center;}
#sub .text_por li:nth-of-type(3n){margin:0;}
#sub .text_por li a{display:block; width:360px; height:400px; color:#666;}
#sub .text_por li a:hover{color:#fff; background:#008cd6;}
#sub .text_por li a picture{float:left; width:336px; height:250px; margin:10px 12px 25px; overflow: hidden;}
#sub .text_por li a picture img{width:336px; height:250px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#sub .text_por li a:hover img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
#sub .text_por li a h2{position:relative; width:100%; font-size:16px;}
#sub .text_por li a h2:after{content:''; position:absolute; left:50%; bottom:-14px; margin-left:-20px; border-bottom:2px solid #a2a2a2; width:40px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#sub .text_por li a:hover h2:after{ border-bottom:2px solid #fff;}
#sub .text_por li a aside{text-align:left; padding:30px 13px 0; overflow: hidden;}

.details_box{overflow:hidden;}
.details_fl{width:570px; height:392px; float:left;}

.details_fl .cut{width:96px; height:332px; position:relative; padding:30px 0; float:left; overflow:hidden; margin-left:24px; margin-right:20px;}

.details_fl .cut .get{position:absolute; top:0; left:0; border:0; width:96px; height:24px; background:url("../img/page/get.png")/*tpa=template/zh/img/page/get.png*/ no-repeat;}

.details_fl .cut .next{position:absolute; bottom:0; left:0; border:0; width:96px; height:24px; background:url("../img/page/next.png")/*tpa=template/zh/img/page/next.png*/ no-repeat;}
.details_fl .cut .cut_con{ position:relative; width:96px; height:332px; overflow: hidden;}
.details_fl .cut .cut_con ul{width:96px; height:332px; position:absolute; top:0; left:0;}
.details_fl .cut .cut_con ul li{width:92px; height:72px; padding:2px; margin-bottom:7px; background:#fff;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.details_fl .cut .cut_con ul li img{width:100%; height:100%; overflow: hidden;}
.details_fl .cut .cut_con ul li:hover, .details_fl .cut .cut_con ul li.cur{background:#008cd6;}

.details_fl picture{float:right; width:409px; height:374px; padding:10px; background:#fff; overflow:hidden; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.details_fl picture img{width:100%; }
.details_fl picture:hover{background:#008cd6;}

.details_rl{ width:530px; float:right;}
.details_rl h2{padding:20px 40px 30px; position:relative;}
.details_rl h2:after{content:''; position:absolute; left:40px;border-bottom:2px solid #008cd6; width:40px; bottom:15px;}
.details_rl aside{padding:10px 40px 20px; line-height:24px;}

.details_rl a{display:block; margin-left:40px; width:132px; height:40px; background:url("../img/page/return.png")/*tpa=template/zh/img/page/return.png*/ no-repeat;}


.referral{border-top:1px dotted #cbcbcb; border-bottom:1px dotted #cbcbcb; padding:45px 0 45px; margin-top:45px;}
.referral ul{width:100%; margin-bottom:35px; padding-bottom:4px; overflow: hidden;}
.referral ul li{width:152px; text-align:center; line-height:50px; height:50px; position:relative; background:#fff; float: left; margin-right:10px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; cursor:pointer;}
.referral ul li:hover, .referral ul li.cur{background:#008cd6; color:#fff;}
.referral ul li.cur:after{content:''; position:absolute; bottom:-4px; left:50%; margin-left:-2px; border-top:4px solid #008cd6; border-left:4px solid transparent; border-right:5px solid transparent; width:0; height:0;}
.referral div{width:100%; overflow: hidden; line-height:30px;}




.referral2{width:100%; margin:35px 0; padding-bottom:4px; overflow: hidden;}
.referral2 li{width:152px; text-align:center; line-height:50px; height:50px; position:relative; background:#fff; float: left; margin-right:10px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; cursor:pointer;}
.referral2 li:hover, .referral2 li.cur{background:#008cd6; color:#fff;}
.referral2 li.cur:after{content:''; position:absolute; bottom:-4px; left:50%; margin-left:-2px; border-top:4px solid #008cd6; border-left:4px solid transparent; border-right:5px solid transparent; width:0; height:0;}
.referral2 li a{display:block; width:100%; height:100%; color:#666;}
.referral2 li a:hover, .referral2 li.cur a{color:#fff;}



/*解决方案*/

#koss{overflow:hidden; margin-top:45px; height:388px; background:#008cd6; color:#fff;}
#koss picture{width:720px; float:left; overflow: hidden;}
#koss picture img{width:100%; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#koss picture img:hover{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
#koss div{width:380px; padding:30px 0; float:right;}
#koss div h2{padding:0 30px 30px; position:relative;}
#koss div h2:after{content:''; position:absolute; left:30px; bottom:15px; border-bottom:2px solid #fff; width:40px; }
#koss div aside{padding:0 30px; line-height:24px;}

#koss_con{overflow:hidden; padding:45px 0; border-bottom:1px solid #ccc;}
#koss_con h2{color:#008cd6; margin-bottom:25px;}
#koss_con aside{line-height:26px;}

#koss_box{overflow: hidden; color:#008cd6; position: relative;}
#koss_box>h2{padding:45px 0 25px; border-bottom:1px solid #ccc; margin-bottom:30px;}
#koss_box .prev{width:23px; height:23px; border:0;position:absolute; right:40px; top:53px; background:url("../img/page/cut.png")/*tpa=template/zh/img/page/cut.png*/ no-repeat;}
#koss_box .next{width:23px; height:23px; border:0;position:absolute; right:0; top:53px; background:url("../img/page/cut.png")/*tpa=template/zh/img/page/cut.png*/ no-repeat -33px 0;}
#koss_cut{width:100%; height:336px; overflow: hidden; position:relative;}
#koss_cut .por{position:absolute; left:0; top:0; margin:0;}

/*服务*/

#idea{width:100%; overflow:hidden;}
#idea li{float:left; width:100%; height:96px; background:#fff; margin-bottom:35px;}
#idea li:last-of-type{margin:0;}
#idea li h2{width:230px; height:76px; float:left; overflow: hidden; padding-top:20px; background:#008cd6; color:#fff; text-align:center;}
#idea li aside{width:870px; height:96px; line-height:96px; text-indent:30px; overflow: hidden; float: left;}

#result{width:100%; line-height:26px;}

#download{width:100%; overflow:hidden;}
#download>li{width:100%; float:left; background:#fff; margin-bottom:30px;}
#download>li:last-of-type{margin:0;}
#download>li h2{position:relative; width:100%; height:60px; font-size:16px; line-height:60px; text-indent:20px; color:#666; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; cursor:pointer;}
#download>li h2:after{content:''; width:25px; height:25px; position:absolute; right:20px; top:20px; background-image:url("../img/index19.png")/*tpa=template/zh/img/index19.png*/; background-repeat:no-repeat; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#download>li h2:hover, #download>li.cur h2{background-color:#008cd6; color:#fff;}
#download>li h2:hover:after, #download>li.cur h2:after{ background-image:url("../img/index20.png")/*tpa=template/zh/img/index20.png*/; background-repeat:no-repeat;}
#download>li ol{display:none; width:96%; margin:0 2%; padding-bottom:20px; overflow: hidden;}

#download ol li {width:100%; float:left; border-bottom:1px dotted #999;}
#download ol li a{display:block; float:left; padding-left:80px; height:80px; line-height:80px; background-image:url("../img/serve/serve02.png")/*tpa=template/zh/img/serve/serve02.png*/; background-repeat:no-repeat; background-position:20px center;}
#download ol li aside{float:right; height:80px; line-height:80px; padding-right:20px;}
#download div{padding:30px 20px; line-height:26px; overflow:hidden; display:none;}

#faq{width:100%; overflow:hidden;}
#faq li{width:100%; float:left; background:#fff; margin-bottom:30px;}
#faq li:last-of-type{margin:0;}
#faq li h2{position:relative; width:100%; height:60px; font-size:16px; line-height:60px; text-indent:20px; color:#666; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; cursor:pointer;}
#faq li h2:after{content:''; width:25px; height:25px; position:absolute; right:20px; top:20px; background-image:url("../img/index19.png")/*tpa=template/zh/img/index19.png*/; background-repeat:no-repeat; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#faq li h2:hover, #faq li.cur h2{background-color:#008cd6; color:#fff;}
#faq li h2:hover:after, #faq li.cur h2:after{ background-image:url("../img/index20.png")/*tpa=template/zh/img/index20.png*/; background-repeat:no-repeat;}
#faq li div{width:96%; margin:20px auto; display:none; line-height:26px;}

#news{width:100%; overflow: hidden;}
#news li{width:100%;height:200px; background:#fff; margin-bottom:35px;}
#news li picture{width:368px; height:200px; overflow:hidden; float: left;}
#news li picture img{width:100%; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#news li picture img:hover{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
#news li div{ width:692px; height:160px; padding:20px; float:left;}
#news li div h2{color:#008cd6; font-size:18px;}
#news li div article{color:#999; line-height:26px; padding:15px 0 10px; height:86px; border-bottom:1px dotted #999;}
#news li div aside{ height:40px; line-height:40px; color:#ccc;}
#news li div aside span{float: left;}
#news li div aside a{float:right; color:#008cd6;}

#turn{background:#fff;overflow:hidden; padding:10px 0;}
#turn ul{width:420px; margin:0 auto; overflow: hidden;}
#turn li{float:left; margin-right:20px;}
#turn li:last-of-type{margin:0;}
#turn li a{padding:10px 18px; display:block; background:#f5f5f5;}
#turn li a:hover, #turn li.cur a{background:#008cd6; color:#fff;}
#turn .turn{padding:10px 10px;}

#news_text{width:220px; position:relative; padding-left:20px; margin:30px auto; overflow: hidden; color:#999;}
#news_text:after{content:''; position:absolute; left:0; top:2px; background:url("../img/news/news01.png")/*tpa=template/zh/img/news/news01.png*/ no-repeat; width:14px; height: 17px;}
#news_text i{position:relative; margin-left:40px; padding-left:20px;}
#news_text i:after{content:''; position:absolute; left:0; top:1px; background:url("../img/news/news02.png")/*tpa=template/zh/img/news/news02.png*/ no-repeat; width:17px; height: 17px;}
#news_con{padding:0 0 30px; border-bottom:1px dotted #999;}

#news_turn{width:100%; position:relative;}
#news_turn aside{margin:10px 0;}
#news_turn .back{position:absolute; top:0; right:0; display:block; width:130px; height:50px; line-height:50px; text-align:center; background:#008cd6; color:#fff;}

#case{width:100%;overflow: hidden; margin-top:50px;}
#case li{float:left;width:245px; height:245px; text-align:center; margin:0 40px 40px 0;}
#case li:nth-of-type(4n){margin-right:0;}
#case li a{position:relative; display:block; background:#fff; width:100%; height:100%; color:#666;}
#case li a:hover{background:#008cd6; color:#fff;}
#case li a:after{position:absolute; content:''; top:40px; left:50%; margin-left:-65px; width:129px; height:129px; border-radius:50%; border:1px solid #008cd6; background-repeat:no-repeat; background-color:#fff; background-image:url("../img/case/case02.png")/*tpa=template/zh/img/case/case02.png*/; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#case li a:hover:after{border:1px solid #fff;}
#case li a p{padding-top:190px; font-size:16px;}

#case .case_a a:after{background-position:0 -130px;}
#case .case_b a:after{background-position:0 -260px;}
#case .case_c a:after{background-position:0 -390px;}
#case .case_d a:after{background-position:0 -520px;}
#case .case_e a:after{background-position:0 -650px;}
#case .case_f a:after{background-position:0 -780px;}
#case .case_g a:after{background-position:0 -910px;}
#case .case_h a:after{background-position:0 -1040px;}
#case .case_i a:after{background-position:0 -1170px;}
#case .case_j a:after{background-position:0 -1300px;}
#case .case_k a:after{background-position:0 -1430px;}
#case .case_l a:after{background-position:0 -1560px;}
#case .case_m a:after{background-position:0 -1690px;}
#case .case_n a:after{background-position:0 -1820px;}
#case .case_o a:after{background-position:0 -1950px;}

.case_back, .case_back:hover{position: absolute; top:0; left:0; width:135px; height:120px; background:#008cd6; display:block; line-height:120px; text-align:center; color:#fff; font-size:16px;}

.case_title{height:120px; line-height:120px; text-align:center; color:#008cd6;}

.case_item{width:100%; overflow: hidden;}
.case_item li{float:left; width:341px; height:365px; background:#fff; margin-right:33px; margin-bottom:44px;}
.case_item li:nth-of-type(3n){margin-right:0;}
.case_item li a{width:341px; height:365px; display:block; position:relative;}
.case_item li a:after{content:''; position:absolute; top:0; left:0; width:341px;height: 305px;  background-color:rgba(0,140,214,0.7); +background:#008cd6; background-image:url("../img/case/case04.png")/*tpa=template/zh/img/case/case04.png*/; background-position:center; background-repeat:no-repeat; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; opacity:0;}
.case_item li a:hover:after{ opacity:1;}
.case_item li a:before{content:''; position:absolute; left:20px; top:355px; border-bottom:2px solid #ccc; width:40px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.case_item li a:hover:before{border-bottom:2px solid #008cd6;}
.case_item li a h3{width:308px; margin:10px auto 0; }

.case_cut{width:1020px;padding:40px; overflow: hidden; background:#fff;}
.case_cut picture{
	float: left;
	width: 378px;
	
}
.case_cut picture img{width:100%;}
.case_cut_rl{float:right; width:124px; height:460px; overflow:hidden; position:relative;}
.case_cut_rl_box{width:100%; height:378px; margin-top:42px; overflow: hidden; position:relative;}
.case_cut_rl_box ul{width:100%; height:378px; position:absolute; top:0; left:0;}
.case_cut_rl_box ul li{float:left;width:124px; height:77px; position:relative; margin-bottom:18px; cursor:pointer;}
.case_cut_rl_box ul li:after{content:'';position:absolute; left:0; top:0; width:120px; height:73px; border:2px solid #008cd6; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; opacity:0;}
.case_cut_rl_box ul li:hover:after, .case_cut_rl_box ul li.cur:after{ opacity:1;}
.case_cut_rl_box ul li img{width:124px; height:77px;}

.case_cut_rl .get{position:absolute; top:0; left:0; width:120px; height: 32px; background:url("../img/case/case06.jpg")/*tpa=template/zh/img/case/case06.jpg*/ no-repeat; border:0;}
.case_cut_rl .next{position:absolute; bottom:0; left:0;width:120px; height: 32px; background:url("../img/case/case07.jpg")/*tpa=template/zh/img/case/case07.jpg*/ no-repeat; border:0;}


#scene{width:100%; background:#fff; padding:45px 0 0; overflow:hidden;}
.scene_list{width:100%; overflow:hidden; margin-top:45px; }
.scene_list li{width:530px; height:245px; float:left; margin:0 40px 40px 0; background:#f8f8f8;}
.scene_list li:nth-of-type(2n){margin-right:0;}
.scene_list li picture{width:240px; height:245px; float:left; overflow: hidden;}
.scene_list li picture img{width:100%; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.scene_list li picture img:hover{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.scene_list li div{width:290px; height:245px; float:left;}
.scene_list li div h2{color:#008cd6; padding:30px 28px 15px;}
.scene_list li div aside{color:#999; font-size:12px; line-height:24px; padding:0 28px; height:108px;}
.scene_list li div a{position:relative; color:#999; padding:5px 28px; display:block;}
.scene_list li div a:after{content:''; width:20px; height:20px; position:absolute; left:90px;top:5px; border-radius:50%; border:1px solid #ccc; background:url("../img/trade/trade02.png")/*tpa=template/zh/img/trade/trade02.png*/ no-repeat center; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.scene_list li div a:hover:after{ border:1px solid #008cd6; background:url("../img/trade/trade02_1.png")/*tpa=template/zh/img/trade/trade02_1.png*/ no-repeat center;}
.scene_list li div a:hover{color:#008cd6;}



.scene_box{width:100%; height:530px; position:relative; overflow:hidden; margin-top:45px;}

.scene_list2{width:100%; position:absolute; left:0; top: 0;}
.scene_list2 li{width:100%; height:245px; float:left; margin:0 0 40px; background:#fff;}
.scene_list2 li picture{width:240px; height:245px; float:left; overflow: hidden;}
.scene_list2 li picture img{width:100%; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.scene_list2 li picture img:hover{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.scene_list2 li div{width:860px; height:245px; float:left;}
.scene_list2 li div h2{color:#008cd6; padding:30px 28px 20px;}
.scene_list2 li div aside{color:#999; font-size:12px; line-height:24px; padding:0 28px; height:108px;}
.scene_list2 li div a{position:relative; color:#999; padding:5px 28px; display:block;}
.scene_list2 li div a:after{content:''; width:20px; height:20px; position:absolute; left:90px;top:5px; border-radius:50%; border:1px solid #ccc; background:url("../img/trade/trade02.png")/*tpa=template/zh/img/trade/trade02.png*/ no-repeat center; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.scene_list2 li div a:hover:after{ border:1px solid #008cd6; background:url("../img/trade/trade02_1.png")/*tpa=template/zh/img/trade/trade02_1.png*/ no-repeat center;}
.scene_list2 li div a:hover{color:#008cd6;}

.button{width:100%; height:80px; position:relative; overflow: hidden;}
.button_get{width:33px; height:33px; border:0; position:absolute;right:50px; top:25px; background:url("../img/trade/trade10.png")/*tpa=template/zh/img/trade/trade10.png*/ no-repeat;}
.button_next{width:33px; height:33px; border:0; position:absolute;right:0; top:25px; background:url("../img/trade/trade10.png")/*tpa=template/zh/img/trade/trade10.png*/ no-repeat right 0;}

.button_get2{width:33px; height:33px; border:0; position:absolute;right:50px; top:25px; background:url("../img/trade/trade09.png")/*tpa=template/zh/img/trade/trade09.png*/ no-repeat;}
.button_next2{width:33px; height:33px; border:0; position:absolute;right:0; top:25px; background:url("../img/trade/trade09.png")/*tpa=template/zh/img/trade/trade09.png*/ no-repeat right 0;}


.scene_box2{width:100%; height:290px; position:relative; overflow:hidden; margin-top:45px;}
.scene_list3{width:100%; height:290px; overflow:hidden; position:absolute; left:0; top:0; }
.scene_list3 li{width:530px; height:125px; float:left; margin:0 40px 40px 0; background:#f8f8f8;}
.scene_list3 li:nth-of-type(2n){margin-right:0;}
.scene_list3 li picture{width:240px; height:125px; float:left; overflow: hidden;}
.scene_list3 li picture img{width:100%; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.scene_list3 li picture img:hover{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.scene_list3 li div{width:290px; height:125px; float:left;}
.scene_list3 li div a{font-size:16px; color:#008cd6; padding:40px 28px; display:block;}
.scene_list3 li div a:hover{color:#008cd6;}

.scene_con_h2{ font-size:24px; color:#008cd6; overflow: hidden;}
.scene_con_box{overflow: hidden; margin-top:35px;}
.scene_con_box .title{overflow:hidden; width:100%; background:#008cd6; height:245px;}
.scene_con_box .title picture{width:855px; height:245px; overflow: hidden; float:left;}
.scene_con_box .title picture img{width:100%; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.scene_con_box .title picture img:hover{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.scene_con_box .title article{width:245px; height:245px; text-align:center; color:#fff; float:left; font-size:16px;}
.scene_con_box .title article img{margin-top:40px; margin-bottom:20px;}

.scene_con_box aside{margin-top:35px; line-height:26px; color:#666;}

.scene_con_box .title article{width:245px;}

.scene_con_box .title2{overflow:hidden; width:100%; background:#008cd6; height:245px;}
.scene_con_box .title2 picture{width:100%; height:245px; overflow: hidden; float:left;}
.scene_con_box .title2 picture img{width:100%; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.scene_con_box .title2 picture img:hover{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}


.scene_con{width:100%; overflow: hidden; margin-top:45px;}
.scene_con li{width:100%; height:245px; float:left; margin:0 0 40px; background:#f8f8f8;}
.scene_con li picture{width:240px; height:245px; float:left; overflow: hidden;}
.scene_con li picture img{width:100%; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.scene_con li picture img:hover{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.scene_con li div{width:860px; height:245px; float:left;}
.scene_con li div h2{color:#008cd6; padding:30px 28px 20px;}
.scene_con li div aside{color:#999; font-size:12px; line-height:24px; padding:0 28px; height:108px;}
.scene_con li div a{position:relative; color:#999; padding:5px 28px; display:block;}
.scene_con li div a:after{content:''; width:20px; height:20px; position:absolute; left:90px;top:5px; border-radius:50%; border:1px solid #ccc; background:url("../img/trade/trade02.png")/*tpa=template/zh/img/trade/trade02.png*/ no-repeat center; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.scene_con li div a:hover:after{ border:1px solid #008cd6; background:url("../img/trade/trade02_1.png")/*tpa=template/zh/img/trade/trade02_1.png*/ no-repeat center;}
.scene_con li div a:hover{color:#008cd6;}

.scene_more{border-top:1px solid #ccc;border-bottom:1px solid #ccc; height:40px; line-height:40px; padding:30px 0; overflow: hidden;}
.scene_more span{ float:left; font-size:18px;}
.scene_more a{ float:left; margin-right:20px; font-size:16px;}
.scene_more .scene_more_rl{float:right; margin-right:0;}

.details{background:#fff;}
.details picture{width:720px; height:490px; overflow: hidden; float: left;}
.details picture img{width:100%; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.details picture img:hover{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.details_a{width:380px;float:left; overflow:hidden;}
.details_b{ overflow: hidden; padding:0 40px; height:155px; background:#008cd6; color:#fff; font-size:16px;}
.details_b h2{font-weight:bold; margin:40px 0 15px; overflow: hidden; font-size:24px;}
.details_c{ overflow: hidden; padding:0 40px;}
.details_c h2{ margin:25px 0 15px; overflow: hidden;}
.details_c aside{line-height:26px; color:#999;}

.details_con{margin-top:35px; line-height:26px;}
.details_con h2{color:#008cd6;padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #ccc;}


.solution_box{ margin-top:35px;}
.solution{width:100%; height:245px; background:#fff; margin-bottom:35px; overflow: hidden;}
.solution picture{width:245px; height:245px; overflow: hidden; float: left;}
.solution picture img{width:100%; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.solution picture img:hover{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}

.solution dl{overflow: hidden; padding:52px 52px 0;}
.solution dl dt{width:100%; color:#008cd6; font-size:18px; margin-bottom:14px;}
.solution dl dd{position:relative; float:left; width:350px; padding-left:20px; line-height:33px;}
.solution dl dd:after{content:''; position:absolute; left:5px; top:13px; border-radius:50%; background:#ccc; width:5px; height:5px;}

.about_box{width:100%; height:196px; border-top:5px solid #f8f8f8; background:#fff; overflow: hidden;}
.about_menu{width:100%;float: left; z-index:1; border-top:6px solid #f8f8f8; margin-top:88px;}
.about_menu li{float: left;}
.about_menu li a{display:block; text-align: center; width:137px; background:url("../img/about/about01.png")/*tpa=template/zh/img/about/about01.png*/ no-repeat center top; padding-top:67px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; font-size:16px; margin-top:-30px;}
.about_menu li a:hover, .about_menu li.cur a{background:url("../img/about/about02.png")/*tpa=template/zh/img/about/about02.png*/ no-repeat center top; color:#008cd6;}

.aptitude{width:100%; overflow: hidden;}
.aptitude li{width:340px; float:left; margin-right:40px; margin-bottom:35px;}
.aptitude li picture{width:336px; height:257px; overflow: hidden; padding:2px; background:#fff; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.aptitude li:hover picture{background:#008cd6;}
.aptitude li picture img{width:100%;}
.aptitude li:nth-of-type(3n){margin-right:0;}
.aptitude li p{-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; text-align:center; line-height:50px; height:50px;}
.aptitude li:hover p{color:#008cd6;}

.sketck{overflow: hidden;background:#fff; text-align:center; height:65px; line-height: 65px; color:#008cd6; padding-top:20px;}
.sketck_close{width:45px; height:45px; background:url("../img/about/about05.jpg")/*tpa=template/zh/img/about/about05.jpg*/ no-repeat; position:absolute; top:0; right:0;}



.job_box{width:100%; height:196px; border-top:5px solid #f8f8f8; background:#fff; overflow: hidden;}
.job_menu{width:100%;float: left; z-index:1; border-top:6px solid #f8f8f8; margin-top:88px;}
.job_menu li{float:left; width:550px;}
.job_menu li a{display:block; text-align: center; width:137px; background:url("../img/about/about01.png")/*tpa=template/zh/img/about/about01.png*/ no-repeat center top; padding-top:67px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; font-size:16px; margin-top:-30px;}
.job_menu li a:hover, .job_menu li.cur a{background:url("../img/about/about02.png")/*tpa=template/zh/img/about/about02.png*/ no-repeat center top; color:#008cd6;}

.job_apply{width:158px; height:50px; text-align:center; line-height:50px; color:#fff; background:#008cd6; display:block; margin-top:20px;}
.job_apply:hover{color:#fff;}


.contact{ font-size:18px; color:#008cd6;}
.contact_b{line-height:26px; margin:20px 0;}

.coures_box{position:relative; width:800px; height:550px; overflow: hidden; margin:0 auto;}
.coures_box ul{position:absolute; top:0; left:0; width:100%;}

.coures_box ul li{position:relative; vertical-align:bottom; width:240px; display:inline-block; margin-right:30px; background:#fff;}
.coures_box ul li picture{display:none;}
.coures_box ul li p{position:relative; width:200px; padding-left:15px; margin:8px auto; color:#999; font-size:12px;}
.coures_box ul li p:after{content:''; position:absolute; top:12px; left:0; border-radius:50%; width:4px; height:4px; background:#ccc;}
.coures_box ul li:last-of-type{margin-right:0;}

.coures_box ul li:after{content:'';width:240px;height:59px; background:url("../img/about/about13.png")/*tpa=template/zh/img/about/about13.png*/ no-repeat; position:absolute; bottom:-59px; left:0; }

.coures_box ul li aside{position:absolute; bottom:-120px; left:50%; margin-left:-62px; width:124px; height:50px; background-color:#008cd6; color:#fff; font-size:16px; text-align:center; line-height:50px;}

.coures_string{position:absolute; width:890px; height:6px; background-color: #ccc; top:286px; left:50%; margin-left:-445px; display:block;}

.coures_page{position:absolute; top:246px; left:0; border-radius:50%; width:80px; height:80px; border:2px solid #ccc; background-image:url("../img/about/about10.png")/*tpa=template/zh/img/about/about10.png*/; background-repeat:no-repeat; background-color:transparent; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.coures_page:hover{ border:2px solid #008cd6; background-position:-80px 0;}

.coures_next{position:absolute; top:246px; right:0; border-radius:50%; width:80px; height:80px; border:2px solid #ccc; background-image:url("../img/about/about11.png")/*tpa=template/zh/img/about/about11.png*/; background-repeat:no-repeat; background-color:transparent; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.coures_next:hover{ border:2px solid #008cd6; background-position:-80px 0;}