#con_banner{width:100%; height:350px; overflow:hidden; position:relative;}
#con_banner img{ width:1920px; height:350px; position:absolute; top:0;}

#con_nav.fixed{position:fixed; top:0; margin-top:0; z-index:999;}
#con_nav{width:100%; margin:auto; background:#040e29; height:65px; position:relative; z-index:2;}
#con_nav ul{width:1200px; margin:auto; height:65px; text-align:left;}
#con_nav ul li{min-width:1200px; display:inline-block; *display:inline; *zoom:1; background:url(navhover.jpg); height:65px; line-height:65px; text-align:center; position:relative; cursor:pointer;}
#con_nav ul li a{ color:#000; }
#con_nav ul li:hover{ background:url(navhover.jpg);}
#con_nav ul li:hover a{ color:#000;}

#con_nav ul li b{display:none; width:40%; height:4px; background:#f6e2a7; position:absolute; top:0; left:50%; margin-left:-20%;}
#con_nav ul li b:after{content:''; position:absolute; left:50%; top:4px; border-left:4px solid transparent; border-right:4px solid transparent; border-top:4px solid #f6e2a7; margin-left:-2px;}
#con_nav ul li a{color:#553533; font-size:36px; letter-spacing:10px;}
#con_nav ul li.cur b{display:block; color:#c9fff8;}

#company{width:100%; min-height:350px;}
#company_con{width:1200px; margin:auto; min-height:350px; background:#fff; padding:50px; padding-bottom:50px; }
#company_con h2{text-align:center; font-size:30px; color:#000; line-height:30px;}
#company_con aside{text-align:center; font-size:24px; color:#d2dee6; position:relative; padding-bottom:40px;}
#company_con aside:after{content:''; position:absolute; left:50%; bottom:20px; width:20px; height:4px; background:#00a4ef; margin-left:-10px;}
#company_con div{width:100%;  line-height:24px; color:#333;}


#culture{width:100%; padding:80px 0; background:#f7f9fb; overflow:hidden;}
#culture h2{text-align:center; font-size:30px; color:#000; line-height:30px;}
#culture aside{text-align:center; font-size:24px; color:#d2dee6; position:relative; padding-bottom:40px;}
#culture aside:after{content:''; position:absolute; left:50%; bottom:20px; width:20px; height:4px; background:#00a4ef; margin-left:-10px;}
.vision{width:49%; margin-right:1%; float:left; overflow:hidden;}
.vision h3{color:#00a1e9; font-size:24px; line-height:24px; padding-bottom:8px;}
.idea{width:100%; margin-top:40px; float:left; overflow:hidden;}

.idea h3{color:#00a1e9; font-size:24px; line-height:24px; padding-bottom:8px; }

#board{width:100%; padding:80px 0 60px; background:#fff; overflow:hidden;}
#board h2{text-align:center; font-size:30px; color:#000; line-height:30px;}
#board aside{text-align:center; font-size:24px; color:#d2dee6; position:relative; padding-bottom:40px;}
#board aside:after{content:''; position:absolute; left:50%; bottom:20px; width:20px; height:4px; background:#00a4ef; margin-left:-10px;}
.about_map{overflow:hidden; height:346px; background:url(../img/about_map.jpg) no-repeat; position:relative;}
.about_map div{position:absolute; right:30px; top:70px; text-align:right;}
.about_map div p.xian{border-bottom:1px dashed #d8d8d8;}
.about_map div p{padding:20px 0;}

.about_map div p span.orange{color:#e99115; font-size:30px; font-weight:bold;}
.about_map div p span.blue{color:#15b4ec; font-size:30px; font-weight:bold;}
.about_map div p span.hui{margin-left:15px; color:#666; font-size:14px;}


#board_title{width:1000px; height:31px; margin:20px auto; text-align:center;}
#board_title li{display:inline; margin:0 10px; color:#333; font-size:16px;}
#board_title li a{-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; display:inline-block; padding:6px 18px;}
#board_title li a:hover, #board_title li.cur a{background:#16b4ec; color:#fff; border-radius:20px;}

#board_title02{width:1000px; height:31px; margin:20px auto; text-align:center;}
#board_title02 li{display:inline;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;  margin:0 20px; color:#333; padding:6px 18px; font-size:18px; cursor:pointer;}
#board_title02 li:hover, #board_title02 li.cur{background:#16b4ec; color:#fff; border-radius:20px;}

#board_box{width:100%; border-top:1px dashed #baccd7; padding:30px 0;}
.board_con{width:1000px; margin:auto; overflow:hidden; overflow:hidden;}
.board_con_ccc{width:1000px; margin:auto; overflow:hidden; }
.board_con_ccc ul{ width:100%; overflow:hidden;}
.board_con_ccc ul li{ color:#333; width:100%; float:left;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; margin-bottom:25px;}
.board_con_ccc ul li picture {float:left; width:96px; height:96px; overflow:hidden;}
.board_con_ccc ul li picture img{ width:100%;}
.board_con_ccc ul li div{width:890px; float:right;}
.board_con_ccc ul li div h3{font-size:16px; margin-bottom:8px; }
.board_con_ccc ul li div p{font-size:12px; opacity:0.7; margin-bottom:8px;}
.board_con_ccc ul li div section{width:100%; margin:auto; color:#999; font-size:12px; line-height:24px; -webkit-animation:fadeIn 0.8s both; -moz-animation:fadeIn 0.8s both; animation:fadeIn 0.8s both;}

.board_con_ccc ul li.act{background:#006cc8; color:#fff;}
.board_con_ccc ul li.act:after{content:''; position:absolute; left:50%; bottom:0; margin-left:-3px; border-left:6px solid transparent;  border-right:6px solid transparent; border-bottom:6px solid #16b4ec;}
/*@-webkit-keyframes fadeIn{
	0%{opacity:0;}
	100%{opacity:1;}
}
@-moz-keyframes fadeIn{
	0%{opacity:0;}
	100%{opacity:1;}
}
@keyframes fadeIn{
	0%{opacity:0;}
	100%{opacity:1;}
}*/
#board .button{text-align:center; margin-top:20px;}
#board #prev{width:31px; height:30px; background:url(../img/about04.jpg) no-repeat; border:0;}
#board #next{width:31px; height:30px; background:url(../img/about05.jpg) no-repeat; margin-left:20px; border:0;}

#process{width:100%; padding:80px 0; background:#f7f9fb; overflow:hidden;}
#process h2{text-align:center; font-size:30px; color:#000; line-height:30px;}
#process aside{text-align:center; font-size:24px; color:#d2dee6; position:relative; padding-bottom:40px;}
#process aside:after{content:''; position:absolute; left:50%; bottom:20px; width:20px; height:4px; background:#00a4ef; margin-left:-10px;}

#process_box{ width:1000px; margin:20px auto;height:40px; position:relative;}
#process_box div{ width:500px; height:40px; overflow:hidden; position:relative;  margin:auto;}
#process_prev{width:31px; height:30px; background:url(../img/about04.jpg) no-repeat; border:0; position:absolute; left:10%; top:0;}
#process_next{width:31px; height:30px; background:url(../img/about05.jpg) no-repeat; margin-left:20px; border:0; position:absolute; right:10%; top:0;}
#process_title{position:absolute; left:0; top:0; width:500px; }
#process_title li{float:left; margin:0 42px; color:#333; padding:6px 20px; cursor:pointer;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; font-size:18px;}
#process_title li:hover, #process_title li.cur{background:#16b4ec; color:#fff; border-radius:20px;}

#process_line{width:100%; margin-bottom:30px; border-bottom:1px dashed #b5c8d4; display:block; overflow:hidden;}
.process_con{width:100%; overflow:hidden; background:url(../img/about06.png) no-repeat center; position:relative; padding:45px 0;}
.process_con .line_b{width:6px; height:100%; background:#c0d1db; position:absolute; left:50%; margin-left:-3px; top:0; display:block;}
.process_con .line_y{width:23px; height:22px; background:url(../img/about08.png) no-repeat; position:absolute; left:50%; margin-left:-11px; top:0; display:block;}
.process_con .line_x{width:23px; height:22px; background:url(../img/about08.png) no-repeat; position:absolute; left:50%; margin-left:-11px; bottom:0; display:block;}

.process_con .process_cut{width:860px; margin:auto;}
.process_con .process_cut li{width:342px; float:left; position:relative; margin-bottom:140px;}

.process_con .process_cut li.process_fr{float:right;}
.process_con .process_cut li.process_fr b{left:-99px; background:url(../img/about10.png) no-repeat;}

.process_con .process_cut li:last-of-type{margin-bottom:0;}

.process_con .process_cut li span{font-size:16px;color:#333;}
.process_con .process_cut li h3{padding-bottom:20px; font-size:16px;line-height:16px; color:#333; position:relative;}
.process_con .process_cut li h3:after{content:''; position:absolute; left:0; bottom:9px; height:2px; width:30px; background:#00a4ef;}
.process_con .process_cut li p{font-size:12px; color:#999;}
.process_con .process_cut li b{position:absolute; right:-99px; top:50%; margin-top:-11px; background:url(../img/about09.png) no-repeat; width:74px; height:22px;}

#pro{width:100%;overflow:hidden;}
#pro_box{width:1000px; margin:auto; padding:60px 0 0; overflow:hidden;}
.pro_box_02{width:1000px; margin:auto; overflow:hidden;}
.pro_con_box{}

#pro_logo{text-align:center; overflow:hidden; text-align:center; padding-bottom:6px; padding-top:6px;}
#pro_logo span{margin:0 30px; vertical-align:middle;}
#pro_logo img{vertical-align:middle;}
#pro_logo a{position:relative; display:inline-block;}
#pro_logo a.act:after{content: ''; position:absolute; top:-6px; left:0; width:100%; height:5px; background:#00a6ea;}
#pro_logo a.act:before{content: ''; position: absolute; left: 50%; top:-1px; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #00a6ea; margin-left:-2px;}

.pro_con{width:100%; padding-top:15px; margin-bottom:60px; overflow:hidden; position:relative;}
.pro_con .pro_img{width:410px; height:410px; margin:auto; overflow:hidden;}
.pro_con .pro_img img{width:100%;}
.pro_con div{width:100%; margin-top:15px; position:relative; height:109px; overflow:hidden;}
.pro_con div ul{ position:absolute; left:0; top:0; width:100%; text-align:center; z-index:2; padding-top:10px;}
.pro_con div ul li{ width:87px; height:87px; display:inline-block; +display:inline; margin:0 15px; cursor:pointer; position:relative;}
.pro_con div ul li picture{width:87px; height:87px; border-radius:50%; border:1px solid #e8e8e8; overflow:hidden;}
.pro_con div ul li picture img{width:100%;}
.pro_con div ul li.cur b{width:81px; height:81px; position:absolute; left:0; top:0; display:block; border:4px solid #00a3e3; border-radius:50%;}
.pro_con div ul li.cur i{position:absolute; left:50%; margin-left:-10px; top:-8px; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #00a3e3; display:block;}
.pro_con .prev{position:absolute; left:0; top:50%; margin-top:-16px; border:0; width:32px; height:32px; background:url(../img/pro04.jpg) no-repeat;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.pro_con .prev:hover{ background:url(../img/pro05.jpg) no-repeat;}
.pro_con .next{position:absolute; right:0; top:50%; margin-top:-16px; border:0; width:32px; height:32px;background:url(../img/pro06.jpg) no-repeat;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.pro_con .next:hover{ background:url(../img/pro07.jpg) no-repeat;}


.pro_nr{width:100%; overflow:hidden; background:#f9f9f9; padding:30px 0;}

.pro_title{width:1000px; height:31px; margin:20px auto; text-align:center;}
.pro_title li{display:inline; margin:0 20px; color:#333; padding:6px 18px; cursor:pointer;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; font-size:18px;}
.pro_title li:hover, .pro_title li.cur{background:#16b4ec; color:#fff; border-radius:20px;}

.pro_referral{ width:100%; border-top:1px dashed #c6c6c6; overflow:hidden;}
.pro_referral_01{width:900px; margin:auto; overflow:hidden; padding-top:30px;}
.pro_referral .ul{width:100%;}
.pro_referral .ul li{width:100%; border-bottom:1px dashed #c6c6c6; height:55px; }
.pro_referral .ul li span{float:left;line-height:55px; overflow:hidden;}
.pro_referral .ul li a{float:right; display:block; background:#c6c6c6; padding:6px 20px; border-radius:20px; color:#fff; margin-top:11px; overflow:hidden;}
.pro_referral .ul li a:hover{background:#2ab2e5; color:#fff;}


#news{width:100%; margin-top:33px;}
#news_box{width:1000px; margin:auto; padding-bottom:30px;}
#news_box .news_bt h2{text-align:center; font-size:30px; color:#000; line-height:30px;}
#news_box .news_bt aside{text-align:center; font-size:24px; color:#d2dee6; position:relative; padding-bottom:40px;}
#news_box .news_bt aside:after{content:''; position:absolute; left:50%; bottom:20px; width:20px; height:4px; background:#00a4ef; margin-left:-10px;}

.news_title{width:100%; overflow:hidden;}
.news_title picture {width:100%; height:320px; margin-bottom:30px; overflow:hidden;}
.news_title picture img{width:100%;}
.news_title_con{width:100%; overflow:hidden; padding-bottom:30px; border-bottom:1px dashed #999;}
.news_title_con aside{width:105px; height:150px; float:left; color:#fff; text-align:center; background:#00a1e9; overflow:hidden;}
.news_title_con aside p{height:90px; line-height:90px; font-size:44px; border-bottom:2px solid #5ec4f1;}
.news_title_con aside span{display:block; height:60px; line-height:60px;}

.news_title_con article{width:870px; height:150px; overflow:hidden; position:relative; float:right;}

.news_title_con article h2{font-size:24px; line-height:24px; padding-bottom:10px; color:#333;}
.news_title_con article p{font-size:12px; color:#666; line-height:26px;}
.news_title_con article div{position:absolute; bottom:0; left:0; width:100%;}
.news_title_con article div i{float:left; width:22px; height:22px; background:url(../img/index10.png) no-repeat -22px center;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.news_title_con article:hover div i{float:left; width:22px; height:22px; background:url(../img/news07.png) no-repeat 0 center;}
.news_title_con article div b{float:right; padding-left:26px; line-height:22px; background:url(../img/news03.png) no-repeat; color:#999;}
.news_title_con article div b span{color:#00a4e9; margin-left:6px;}
.news_title_con article a{display:block; height:100%;}
.news_title_con article a:hover h2, .news_title_con article a:hover p{color:#00a1e9;}


/*.news_con{width:100%; margin-top:30px; overflow:hidden;}
.news_con p{color:#888; font-size:14px; line-height:26px; margin-bottom:8px;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.news_con li{float:left; width:469px; margin-bottom:30px;}
.news_con li:nth-of-type(2n){float: right;}

.news_con li picture{width:100%; height:100%; margin-bottom:10px; overflow:hidden;}
.news_con li picture img{width:100%;-webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
.news_con li:hover picture img{width:100%; -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.news_con li h2{color:#333; font-size:16px; line-height:24px; margin-bottom:8px;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.news_con li p{color:#999; font-size:12px; line-height:26px; margin-bottom:8px;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.news_con li article i{float:left; height:22px; line-height:22px; color:#999;}
.news_con li article b{margin-left:20px; float:left; height:22px; line-height:22px; padding-left:26px;  color:#999;}
.news_con li article b span{ margin-left:8px; color:#00a1e9;}
.news_con li a{display:block;}
.news_con li a:hover h2, .news_con li a:hover p{color:#00a1e9;}*/

.paging{width:100%; border-top:1px dashed #999; overflow:hidden;  margin-top:20px;}
.paging ul{margin:20px auto; width:440px; overflow:hidden;}
.paging ul li{ float:left; width:32px; height:32px; text-align:center; line-height:32px; margin:auto 6px;}
.paging ul li a{display:block; width:100%; height:100%;}
.paging ul li a:hover, .paging ul li a.cur{border-radius:50%; color:#fff; background:#00a1e9;}
.paging ul li.prev a{ border:2px solid #b9b9b9; border-radius:50%; width:28px; height:28px; line-height:28px; color:#b9b9b9;}
.paging ul li.prev a:hover{ border:2px solid #00a1e9; border-radius:50%; width:28px; height:28px; line-height:28px; color:#fff;}

.pro_news{width:100%; overflow:hidden; margin:30px auto;}
.pro_news li{width:480px; height:105px; float:left; border-bottom:1px dashed #999; padding-bottom:30px; margin-bottom:30px;}

.pro_news li:nth-of-type(2n){float:right;}

.pro_news li aside{float:left; height:105px; width:105px; background:#00a1e9; text-align:center; color:#fff;}
.pro_news li aside i{height:70px; font-size:44px; line-height:70px; display:block;}
.pro_news li aside b{}

.pro_news li a{width:355px; float:right;}
.pro_news li a h2{font-size:18px; line-height:26px;}
.pro_news li a p{font-size:12px; line-height:22px; margin-top:10px;}
.pro_news li a:hover{color:#00a1e9;}


.meeting{width:100%; overflow:hidden;}
.meeting thead td{background:#00a3e3; height:60px; font-size:16px; color:#fff; padding:0 15px;}
.meeting tbody td{border-bottom:1px solid #eee; padding:20px 15px; font-size:16px; color:#999;}
.meeting tbody td a{color:#333;}
.meeting tbody td a:hover{color:#00a3e3; text-decoration:underline;}


.firm{width:100%; overflow:hidden; margin:30px auto;}
.firm li{width:100%; float:left; border-bottom:1px dashed #999; padding-bottom:10px; margin-bottom:10px;}

.firm li aside{float:left; text-align:center; color:#666;}
.firm li aside i{height:70px; font-size:44px; line-height:70px; display:block;}
.firm li aside b{}

.firm li article{width:755px; margin-left:30px; float:left; color:#333;}
.firm li article h2{font-size:18px; line-height:18px; margin-bottom:10px;}
.firm li article b{ display:block; height:22px; line-height:22px; padding-left:26px; background:url(../img/news03.png) no-repeat; color:#999;}
.firm li article b span{ margin-left:8px; color:#00a1e9;}
.firm li article p{font-size:12px; line-height:24px; margin-top:10px;}

.firm li a.down{width:50px; height:50px; margin-top:10px; display:block; float:right; background:url(../img/pdf01.png) no-repeat;}
.firm li a.down:hover{background:url(../img/pdf02.png) no-repeat;}

.contact{width:100%; overflow:hidden;}
.contact li{float:left; overflow:hidden;}
.contact li aside{ float:left; width:127px; height:128px; line-height:128px; background:#00a3e3; overflow:hidden; text-align:center; color:#58b8e9; font-size:12px; font-size:18px; color:#fff;}
.contact li article{float:left; width:373px; background:#0068b7; height:128px; color:#fff; text-align:center; line-height:128px;}

.contact li.cur aside{border-bottom:2px solid #0068b7;}
.contact li.cur article{border-bottom:2px solid #00a3e3;}
.contact_map{width:100%; overflow:hidden; margin:30px auto;}
.contact_map img{width:100%;}

.job{width:100%; margin:30px auto; overflow:hidden;}
#job_fl{width:370px; float:left; overflow:hidden; background:#0068b7;}
#job_fl li{ padding:0 10px; border-bottom:1px dashed #4785c3; height:60px; line-height:60px; font-size:16px; color:#fff;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; cursor:pointer;}
#job_fl li:last-of-type{border-bottom:0;}
#job_fl li:hover, #job_fl li.cur{background:#00a1e9; border-bottom:1px dashed #00a1e9;}

.job_con{width:630px; height:100%; overflow:hidden; background:#f8f8f8; float:left;}
.job_con div{padding:30px;}
.job_con div p{line-height:26px; }
.job_con div .zp_a{width:160px; height:50px; line-height:50px; text-align:center; background:#0068b7; color:#fff; display:block; margin-top:40px;}
.job_con div .zp_a:hover{background:#00a1e9;}

.job_fixed{display:none; position:fixed; left:0; top:0; height:100%; width:100%; background:url(../img/job_bj.png); z-index:999;}
.job_fixed div{width:360px; height:220px; position:absolute; left:50%; top:50%; margin:-110px 0 0 -180px; background:#fff; text-align:center;}
.job_fixed div h2{background:#0068b7; height:40px; line-height:40px; font-size:18px; padding:0 15px; color:#fff; position:relative;}
.job_fixed div h2 i{cursor:pointer; position:absolute; right:0; top:0; width:40px; height:40px; background:url(../img/job_shut.png) no-repeat; display:block;}
.job_fixed div article{padding:15px; text-align:left;}
.job_fixed div article label{width:60px;}
.job_fixed div article input[type="text"]{border:1px solid #eee; color:#666; padding:4px 6px; width:240px;}
.job_fixed div article input[type="file"]{border:1px solid #eee; color:#666; padding:4px 6px; width:240px;}
.job_fixed div input[type="submit"]{ padding:4px 14px; min-width:50px; background:#0068b7; color:#fff; border:0; display:inline-block; *display:inline; *zoom:1;}
.job_fixed div input[type="submit"]:active{background:#00a1e9;}

#diy{width:100%; margin-top:33px;}
#diy_box{position:relative; width:900px; margin:auto; padding-bottom:33px;}
#diy_box p{color:#666; font-size:14px; line-height:26px; margin-bottom:8px;}
#diy_box a{width:800px; height:320px; position:absolute; right:0; }
#diy_box a.diy_01{top:41px;}
#diy_box a.diy_02{top:391px;}
#diy_box a.diy_03{top:741px;}
#diy_box a.diy_04{top:1090px;}
#diy_box a.diy_05{top:1441px;}