@charset "gb2312";
/* box_swipe */
.box_swipe{overflow:hidden;position:relative}
.box_swipe ul{-webkit-padding-start:0px;}
.box_swipe ul li{ text-align:center;}
.box_swipe ul li img{ display:block; margin:0 auto;}
.box_swipe ol{height:20px;position:absolute;z-index:10; bottom:8px; left:0%;text-align:center; width:100%; text-align:center}
.box_swipe ol li{display:inline-block;margin:5px 2px;width:11px;height:11px;background:#e0e0e0; -moz-border-radius:100%; -webkit-border-radius:100%;border-radius:100%}
.box_swipe ol li.on{background:#f9dd3c;}
.box_swipe .bnt{ position:absolute; left:0px; bottom:10%; width:100%; text-align:center}
.box_swipe .bnt a{ background:#fff; height:50px; padding:0px 20px; display:inline-block; line-height:50px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-size:24px; color:#292929; margin:0px 20px; font-weight:300}

.box_swipe .bnt a:hover{ background:#f4b539; color:#fff}
.main-news{ background:#f3f7fa; width:100%; padding:70px 0px; text-align:center}
.main-content .main-tit .tit{ color:#f4b539; font-size:36px; text-align:center}
.main-content .main-tit .icon{ background:url(imagestiticon.png) no-repeat center center; height:24px; margin-top:15px}
.main-content .main-tit .des{ text-align:center; color:#999; font-size:18px; letter-spacing:5px; margin-top:15px}
.main-news .list{ width:92%; margin:80px auto 0px}
.main-news .list li{ float:left; background:#fff; width:32%; text-align:left; padding-bottom:25px}
.main-news .list li img{ width:100%; vertical-align:top}
.main-news .list li:nth-child(3n+2){ margin:0 2%}
.main-news .list li p{ padding:0px 3%; font-size:18px}
.main-news .list li .time{ color:#020202; margin-top:10px}
.main-news .list li .title{ line-height:24px; color:#4c4c4c; margin-top:8px; height:48px; overflow:hidden}
.main-news .list li .title a{ color:#4c4c4c}
.main-service{ padding:100px 0px}
.main-service .list,.main-team .list,.main-item .list,.main-partner .list{ width:92%; margin:80px auto 0px}
.main-service .list a{ display:block; background:#fff; border:1px solid #ccc; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:23.5%; text-align:center; margin-left:2%; float:left; margin-bottom:2%; color:#666; font-size:20px; height:170px}
.main-service .list a:nth-child(4n+1){ margin-left:0px}
.main-service .list a:nth-child(8n+1) .icon{ height:120px; background:url(imagesicon01.png) no-repeat center center}
.main-service .list a:nth-child(8n+2) .icon{ background:url(imagesicon02.png) no-repeat center center}
.main-service .list a:nth-child(8n+3) .icon{ background:url(imagesicon03.png) no-repeat center center}
.main-service .list a:nth-child(8n+4) .icon{ background:url(imagesicon04.png) no-repeat center center}
.main-service .list a:nth-child(8n+5) .icon{ background:url(imagesicon05.png) no-repeat center center}
.main-service .list a:nth-child(8n+6) .icon{ background:url(imagesicon06.png) no-repeat center center}
.main-service .list a:nth-child(8n+7) .icon{ background:url(imagesicon07.png) no-repeat center center}
.main-service .list a:nth-child(8n+8) .icon{ background:url(imagesicon08.png) no-repeat center center}
.main-service .list a:hover{ background:#f4b539; color:#fff; border:1px solid #fff}
.main-service .list a:hover .icon{ background:url(imagesicon01-1.png) no-repeat center center}
.main-service .list a:hover .icon02{ background:url(../images/icon02-1.png) no-repeat center center}
.main-service .list a:hover .icon03{ background:url(imagesicon03-1.png) no-repeat center center}
.main-service .list a:hover .icon04{ background:url(imagesicon04-1.png) no-repeat center center}
.main-service .list a:hover .icon05{ background:url(imagesicon05-1.png) no-repeat center center}
.main-service .list a:hover .icon06{ background:url(imagesicon06-1.png) no-repeat center center}
.main-service .list a:hover .icon07{ background:url(imagesicon07-1.png) no-repeat center center}
.main-service .list a:hover .icon08{ background:url(imagesicon08-1.png) no-repeat center center}
.main-team{ background:#faf7f2;padding:100px 0px}
.main-team .list li{ width:18%; margin-left:2%; background:#fff; text-align:center; position:relative; height:330px; float:left; margin-top:50px; overflow:h}
.main-team .list li:nth-child(5n+1){ margin-left:1%}
.main-team .list li .img{ position:absolute; left:50%; top:0px; border:1px solid #eeeded; width:50%; border-radius:100%; margin-left:-25%; margin-top:-25%}
.main-team .list li .img img{ width:100%}
.main-team .list li .title{ padding-top:30%; color:#222; font-size:20px}
.main-team .list li .name{ color:#999; font-size:12px; margin-top:5px}
.main-team .list li .des{ text-align:left; padding:10px; color:#666; line-height:23px}
.main-team .list li span{ position:absolute; left:50%; bottom:0px; width:40%; height:2px; background:#999; margin-left:-20%}
.main-item{ background:#f8f8f8; padding:100px 0px}
.main-item .list a{ display:block; position:relative; width:15%; margin-left:2%; float:left; margin-bottom:2%}
.main-item .list a:nth-child(7n+1){ margin-left:0px}
.main-item .list img{ width:100%; vertical-align:top}
.main-item .list .name{ position:absolute; left:0px; bottom:0px; width:100%; text-align:center; height:30px; line-height:30px; background:url(imagesnamebg.png); color:#fff; z-index:9}
.main-item .list a:hover .bg{ position:absolute; left:0px; top:0px; width:100%; height:100%; background:#000 url(imagesbgicon.png) no-repeat center center; opacity:.7; z-index:8}
.main-item .list a:hover .name{ background:none; height:50px; line-height:50px}
.main-partner{ padding:100px 0px}
.main-partner .list a{ width:18.5%; margin-left:2%; float:left; display:block; text-align:center; color:#222; font-size:20px}
.main-partner .list a:nth-child(4n+1){ margin-left:0px}
.main-partner .list .img{ width:100%; height:130px; text-align:center; margin:auto}
.main-partner .list .img img{ max-width:95%; max-height:90px; vertical-align:top}
.main-innovate{ background:url(imagesinnovate.jpg) no-repeat center center; height:520px}
.main-innovate .listbox{ width:92%; margin:100px auto 0px}
.main-innovate .listbox .box{ width:33.333%; float:left; text-align:center; font-size:36px; color:#fff}
.main-innovate .listbox .box p{ margin-top:30px}

.main-content .position{ width:92%; margin:30px auto 50px; color:#7c7c7c;text-align: left;}
.main-content .position a{ color:#7c7c7c}
.main-content .show-content{ width:92%; margin:auto; text-align:center}
.main-content .show-content h1.title{ font-size:24px; color:#444; font-weight:normal}
.main-content .show-content .time{ border-bottom:1px dashed #cdcdcd; color:#7c7c7c; padding:10px 0px}
.main-content .show-content .time span{ margin-left:8%}
.main-content .show-content .content{ padding:30px 0px; text-align:left; color:#444; line-height:24px}
.main-content .show-content .content img{ max-width:100%}

@media screen and (max-width: 768px){.header{ display:none} .app-header{ display:block} .bannerbg{ height:70px}.main-item .list a{ width:23.5%} .main-item .list a:nth-child(4n+1){ margin-left:0px}}
@media screen and (max-width: 640px){ .box_swipe .bnt a{ height:35px; line-height:35px; font-size:16px; margin:0px 10px; padding:0px 10px} .main-content .main-tit .tit{ font-size:30px} .main-news .list li p{ font-size:14px} .main-news .list li .title{ line-height:20px; height:40px} .main-news,.main-service,.main-team,.main-partner,.main-item{ padding:30px 0px}  .main-news .list,.main-service .list,.main-team .list,.main-team,.main-partner .list,.main-item .list{ margin:25px auto 0px} .main-content .main-tit .des{ font-size:15px} .main-service .list a{ font-size:14px} .main-service .list a{ height:150px} .main-service .list .icon{ height:100px} .main-team .list li{ margin-top:35px} .main-partner .list a{ font-size:14px}.main-partner .list .img{ height:80px} .main-partner .list .img img{ max-width:60%; max-height:70px} .main-team .list li .title{ font-size:14px} .main-team .list li .des{ font-size:12px; line-height:18px; height:206px; overflow:hidden} .main-item .list .name{ height:20px; line-height:20px; font-size:12px; overflow:hidden} .main-innovate .listbox .box img{ width:65%} .main-innovate .listbox .box p{ font-size:16px; margin-top:15px} .main-innovate{ height:280px} .main-innovate .listbox{ margin:40px auto 0px} .main-item .list a:hover .name{ height:20px; line-height:20px} .main-content .show-content h1.title{ font-size:16px}}

/* ¸Ä°æÑùʽ*/
@charset "utf-8";
/* CSS Document */
.bannerslide { position: relative; width: 100%; height:auto; overflow: hidden; }
.ulList li a { position: relative; display:block}
.ulList li a img { width: 100%; height:auto; vertical-align: middle; }
.ulList li a p{ position: absolute; left: 0; bottom: 0; width:100%; padding:10px 0px 100px; text-align:center; font-size:18px; color:#fff; opacity:0.41; font-weight:300}
.ulList li a p span{ display:block; height:21px; overflow:hidden; display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical; text-overflow:-o-ellipsis-lastline}
.bannerslide .hd{ position:absolute; z-index:1; bottom:140px; right:0px; height:10px; line-height:10px; width:100%}
.bannerslide .hd ul{ text-align:center}
.bannerslide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:68px; height:6px; margin:0px 4px; overflow:hidden; background:#9b9b9b; line-height:999px}
.bannerslide .hd ul li.on { background:#f4b539}

.main_news,.main_service{ padding:115px 0px 140px}
.main-news{ background:#f3f7fa; width:100%; padding:70px 0px; text-align:center}
.main-news .list{ width:92%; margin:80px auto 0px}
.main-news .list li{ float:left; background:#fff; width:32%; text-align:left; padding-bottom:25px}
.main-news .list li img{ width:100%; vertical-align:top}
.main-news .list li:nth-child(3n+2){ margin:0 2%}
.main-news .list li p{ padding:0px 3%; font-size:18px}
.main-news .list li .time{ color:#020202; margin-top:10px}
.main-news .list li .title{ line-height:24px; color:#4c4c4c; margin-top:8px; height:48px; overflow:hidden}
.main-news .list li .title a{ color:#4c4c4c}
.main_title{ color:#f4b539; font-size:40px; margin-bottom:28px; text-align:center}
.title_icon{ background:url(imagestitle_icon.png) no-repeat center center; height:24px; text-align:center}
.main_news dl{width: 380px;height:280px;border:1px solid #e4e4e4;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;overflow:hidden;float:left;margin:60px 18px 0px 0px;}
.main_news dl.last{ float:right; margin-right:0px}
.main_news dl dt{ height:54px; text-align:center; background:#f4b539; color:#fff; font-size:24px; line-height:54px}
.main_news dl dd{ padding:10px 20px 0px}
.main_news dl dd p{ margin-top:15px}
.main_news dl dd p a{ color:#444; background:url(imagesa_icon.png) no-repeat left center; padding-left:15px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; height:22px; line-height:22px}
.main_news dl dd p a:hover{ color:#f4b539}
.main_news dl dd .more{ text-align:right; margin-top:20px}
.main_news dl dd .more a{ color:#f4b539}
.main_news .img_list{ padding-top:9px; overflow:hidden}
.main_news .img_list a{display:block;width: 382px;position:relative;height:143px;overflow:hidden;color:#fff;float:left;margin-right:18px;}
.main_news .img_list a.floatr{ float:right; margin-right:0px}
.main_news .img_list a:hover{ color:#f4b539}
.main_news .img_list img{width: 388px;height:143px;}
.main_news .img_list p{ position:absolute; left:0px; bottom:0px; height:50px; width:100%;background:rgba(0, 0, 0, 0.62) none repeat scroll 0 0 !important; filter:Alpha(opacity=62); line-height:50px; text-align:center; font-size:22px}
.main_service{ background:#f7f7f7}
.main_service .middle{ overflow:hidden}
.main_service .service_list{ margin-left:-30px; padding-top:20px}
.main_service .service_list a{ width:275px; height:120px; border:1px solid #e0e0e0; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; display:block; text-align:center; color:#666; font-size:18px; margin:40px 0px 0px 30px; float:left}
.main_service .service_list i{ height:80px; display:inline-block}
.main_service .service_list a:hover{ background:#f4b539; color:#fff; border:1px solid #f4b539}
.main_service .service_list i.icon01{background:url(imagesicon01.png) no-repeat left center;width: 50px;}
.main_service .service_list a:hover i.icon01{ background:url(imagesicon01-1.png) no-repeat right center}
.main_service .service_list i.icon02{ background:url(imagesicon02.png) no-repeat left center; width:56px}
.main_service .service_list a:hover i.icon02{ background:url(imagesicon02.png) no-repeat right center}
.main_service .service_list i.icon03{ background:url(imagesicon03.png) no-repeat left center; width:39px}
.main_service .service_list a:hover i.icon03{ background:url(imagesicon03.png) no-repeat right center}
.main_service .service_list i.icon04{ background:url(imagesicon04.png) no-repeat left center; width:36px}
.main_service .service_list a:hover i.icon04{ background:url(imagesicon04.png) no-repeat right center}
.main_service .service_list i.icon05{ background:url(imagesicon05.png) no-repeat left center; width:42px}
.main_service .service_list a:hover i.icon05{ background:url(imagesicon05.png) no-repeat right center}
.main_service .service_list i.icon06{ background:url(imagesicon06.png) no-repeat left center; width:34px}
.main_service .service_list a:hover i.icon06{ background:url(imagesicon06.png) no-repeat right center}
.main_service .service_list i.icon07{ background:url(imagesicon07.png) no-repeat left center; width:41px}
.main_service .service_list a:hover i.icon07{ background:url(imagesicon07.png) no-repeat right center}
.main_service .service_list i.icon08{ background:url(imagesicon08.png) no-repeat left center; width:41px}
.main_service .service_list a:hover i.icon08{ background:url(imagesicon08.png) no-repeat right center}

.main_project{ padding-bottom:80px}
.project_tit{ height:90px; border-bottom:1px solid #ebebeb; margin-top:60px}
.project_tit a{ float:left; color:#727272; font-size:16px; height:89px; text-align:center; padding:0px 25px; margin-right:40px}
.project_tit i{ height:43px; width:42px; display:inline-block; margin:auto; background:url(imagesproject_icon.png) no-repeat left center}
.project_tit p{ padding-top:13px}
.project_tit .current,.project_tit a:hover{ border-bottom:2px solid #f4b539; color:#f4b539}
.project_tit .icon02{ background-position:-200px 0px}
.project_tit .icon03{ background-position:-411px 0px}
.project_tit .icon04{ background-position:-622px 0px}
.project_tit .icon05{ background-position:-833px 0px}
.project_tit .icon06{ background-position:-1044px 0px}
.project_tit .current .icon01,.project_tit a:hover .icon01{ background-position:-79px 0px}
.project_tit .current .icon02,.project_tit a:hover .icon02{ background-position:-279px 0px}
.project_tit .current .icon03,.project_tit a:hover .icon03{ background-position:-490px 0px}
.project_tit .current .icon04,.project_tit a:hover .icon04{ background-position:-701px 0px}
.project_tit .current .icon05,.project_tit a:hover .icon05{ background-position:-912px 0px}
.project_tit .current .icon06,.project_tit a:hover .icon06{ background-position:-988px 1px}
.project_list{ padding-top:30px}
.project_list .list{ position:relative; padding-left:435px; min-height:500px}
.project_list .list .l_box{ position:absolute; left:0px; top:0px; width:430px; text-align:center}
.project_list .list .l_box img{ max-width:430px}
.project_list .listbox1 .l_box p{ color:#444; font-size:16px}
.project_list .list .r_box .box{ background:url(imagesbox_bg.png) no-repeat left bottom; padding-bottom:30px; margin-bottom:15px; padding-left:20px}
.project_list .list .r_box .box .title{ color:#3e3e3e; font-size:16px; margin-bottom:6px}
.project_list .list .r_box .box .title em{ color:#f4b539; font-size:20px}
.project_list .list .r_box .des{ color:#727272; line-height:23px}
.project_list .list .r_box .des .des_l{ width:405px}
.project_list .list .r_box .des .des_l h4{ font-size:14px; color:#444; padding:8px 0px 5px}
.project_list .list .r_box .des .des_l table{ text-align:center; border:1px solid #e3e3e3; border-left:none; margin-top:12px; margin-bottom:5px}
.project_list .list .r_box .des .des_l table td{ border-top:1px solid #e3e3e3; border-left:1px solid #e3e3e3; padding:7px 0px; color:#727272}
.project_list .list .r_box .des .des_l table th{ border-left:1px solid #e3e3e3; background:#ebf4ff; color:#444; font-size:14px; padding:7px 0px}
.project_list .list .r_box .des .des_r{ width:325px}
.project_list .list .r_box .box .imglist{ overflow:hidden; margin-left:-15px}
.project_list .list .r_box .box .imglist li{ float:left; margin:0px 0px 10px 15px; width:238px}
.project_list .list .r_box .box .imglist li img{ width:238px; height:151px}
.project_list .list .r_box .box .imglist li p{ color:#727272; line-height:23px; margin-top:8px}
.project_list .listbox2 .l_box img{ border:1px solid #dcdcdc; margin-bottom:15px}
.project_list .list .r_box .box .gain{ overflow:hidden; padding:10px 0px}
.project_list .list .r_box .box .gain li{ width:87px; height:65px; float:left; margin-right:40px; background:#f07474; text-align:center; color:#fff; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; padding-top:22px}
.project_list .list .r_box .box .gain li p{ margin-top:0px}
.project_list .list .r_box .box .gain li p em{ font-size:24px; font-weight:bold}
.project_list .list .r_box .box .gain .last{ background:#54bfa1}
.project_list .list .r_box .box .gain .last p em{ font-size:16px}
.project_list .list .r_box .box .cooperation{ border:1px solid #e9e9e9; background:#fff url(imagescooperation.gif) repeat-y left top; min-height:175px; margin:10px auto; position:relative; padding-left:65px}
.project_list .list .r_box .box .cooperation .ctitle{ width:23px; display:block; color:#fff; font-size:15px; font-weight:bold; padding:0px 12px; text-align:center; position:absolute; left:0px; top:50%; margin-top:-40px}
.project_list .list .r_box .box .cooperation .icon{ background:url(imagesinfo.png) no-repeat left center; position:absolute; left:47px; top:50%; margin-top:-10px; width:8px; height:20px}
.project_list .list .r_box .box .cooperation .info .iconimg{ padding:12px 0px}
.project_list .list .r_box .box .cooperation .info p{ color:#727272; padding-bottom:10px}
.project_list .list .r_box .box .cooperation .info p span{ margin:0px 25px}

.main_service .team_list{ margin-left:-22px; padding-top:30px}
.main_service .team_list a{ display:block; width:220px; height:117px; border:1px solid #ebebeb; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; overflow:hidden; background:#fff; float:left; margin:30px 0px 0px 22px}
.main_service .team_list div,.main_service .team_list div i{ width:220px; height:117px; text-align:center}
.main_service .team_list div i{ display:table-cell; vertical-align:middle}
.main_service .team_list img{ max-width:210px; max-height:80px}
.main_innovate{ overflow:hidden}
.main_innovate dl{ width:588px}
.main_service .partner_list{ margin-left:-17px}
.main_service .partner_list a{height: 195px;background:none;border:none;text-align:center;width:226px;margin-left:17px;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;font-size:18px;color:#444;}
.main_service .partner_list div{ border:1px solid #e0e0e0; width:224px; height:120px; background:#fff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; overflow:hidden; margin-bottom:15px}
.main_service .partner_list div i{ width:224px; height:120px; display:table-cell; vertical-align:middle}
.main_service .partner_list div img{ max-width:224px; max-height:120px}

.main_position{color: #7c7c7c;background: url(imagesposition.gif) no-repeat 3px center;padding-left: 35px;height: 22px;line-height: 22px;margin: 44px 0px;}
.main_position a{ color:#7c7c7c}
.main_position span,.main_position a:hover{ color:#f4b539}
.main_article .content{ padding:40px 0px; color:#444; font-size:15px; line-height:24px}
.main_article .content .about_img{ overflow:hidden; padding-top:30px}
.main_article .content .about_img ul li{ float:right; margin-bottom:12px}
.main_article .content .about_img ul li img{ width:523px; height:235px}
.main_article .content .about_img ul li.first{ float:left}
.main_article .content .about_img ul li.first img{ width:666px; height:482px}
.main_article .content .about_img ul li.last{ float:left}
.main_article .content .about_img ul li.last img{ width:393px; height:296px}
.main_article .content .honor_list{ margin-left:-43px; overflow:hidden; padding-bottom:30px}
.main_article .content .about_img ul li.among{ margin:0px 10px 0px 11px}
.main_article .content .honor_list a{ width:369px; height:340px; border:1px solid #e0e0e0; display:block; text-align:center; color:#444; font-size:16px; margin:50px 0px 0px 43px; float:left}
.main_article .content .honor_list img{ width:344px; height:245px; margin-top:14px}
.main_article .content .honor_list p{ padding:14px 30px 0px; line-height:25px; height:65px; overflow:hidden}
.activity_list{ width:705px; margin:auto; padding-top:10px}
.activity_list li{ position:relative; padding-left:352px}
.activity_list li .lbox{ text-align:left; position:absolute; left:0px; top:0px; width:339px}
.activity_list li .des{ background:url(imagesdes.png) no-repeat left center; width:339px; height:163px}
.activity_list li .des p{ color:#fff; line-height:24px; padding:31px 78px 0px 13px}
.activity_list li .rbox{ border-left:1px solid #f4b539; height:250px; text-align:right}
.activity_list li img{ width:259px; height:150px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; margin-top:13px}
.activity_list li .icon01{ background:url(imagesactivity_icon.png) no-repeat center; width:125px; height:17px; position:absolute; left:344px; top:-9px}
.activity_list li .time{ background:url(imagestime.png) no-repeat left center; width:69px; height:69px; text-align:center; position:absolute; left:318px; top:41px}
.activity_list li .time span,.activity_list li .time em{ display:block; font-size:15px; color:#fff; font-weight:bold; line-height:18px}
.activity_list li .time span{ padding-top:16px}
.activity_list li.even .des{ background:url(imagesdes2.png) no-repeat left center; width:339px; height:163px; float:right}
.activity_list li.even .des p{ padding-left:78px; padding-right:8px; text-align:left}
.activity_list li.even .icon01{ background:url(imagesactivity_icon2.png) no-repeat left; left:237px}
.activity_list li.last .rbox{ height:175px}
.activity_list li.last .last_icon{ background:url(imageslast.png) no-repeat left center; width:17px; height:17px; position:absolute; left:344px; bottom:-5px}

.content .news_list{ padding-bottom:25px}
.content .news_list ul li{ color:#999; line-height:25px; padding:8px 0px; border-bottom:1px dotted #e9e9e9; background:url(imagesa_icon.png) no-repeat left center; padding-left:16px}
.content .news_list ul li a{ font-size:16px; color:#444}
.content .news_list ul li a:hover{ color:#f4b539; text-decoration:underline}