﻿@charset "utf-8";

/* CSS Document */



/*search*/

.search { overflow:hidden; width:100%; background:url(../images/searchbg.png) repeat center; height:60px; position:relative; z-index:3}

.search p{ float:left; line-height:60px; font-size:13px; color:#000}

.search p a{ color:#000; margin:0 5px;}

.search .sbox{ overflow:hidden; float:right; width:300px; height:36px; margin-top:12px; background:url(../images/search.png) no-repeat left top;}

.search input{ overflow:hidden; width:190px; height:36px; border:none; background:none; outline:none; line-height:36px; font-size:13px; color:#6a6a6a; margin-left:24px;}

.search span{ display:block; width:86px; height:36px; cursor:pointer; float:right;}



/*banner*/

.banner{ overflow:hidden; width:100%; height:500px; position:relative; z-index:1; margin-top:-60px;}



/* -- 弹出窗口 -- */

#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;}

#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}

#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}

#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; }

#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}

#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}

#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}



#flashs{ position:relative; height:500px; overflow:hidden;}

#flashs .bgitem{  z-index:1;position:absolute; top:0; }

#flashs .btn{ position:absolute; z-index:7; bottom:15px; left:50%; margin-left:-95px; padding:0px 6px;}

#flashs .btn span{ color:#fff;  background:#333; cursor: pointer;display: inline-block;margin:0 2px;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;}

#flashs .btn span.cur{ background:#408dd3;}



/*pro*/

.pro { overflow:hidden; width:100%; padding:70px 0; background:url(../images/probg.jpg) repeat center;}

.pro h3{ text-align:center; margin-bottom:5px;}

.pro p{ font-size:20px; text-align:center; font-size:3b3b3b; padding-bottom:30px; background:url(../images/title.png) no-repeat center bottom; margin-bottom:40px;}

.pro .probox{ overflow:hidden; width:1332px; height:584px; margin:0 auto; position:relative}

.pro .ptu{ overflow:hidden; position:absolute;}

.pro .p01{ width:333px; height:292px; left:0; top:0}

.pro .p02{ width:333px; height:292px; left:333px; top:0;}

.pro .p03{ width:333px; height:292px; right:0; top:0}

.pro .p04{ width:666px; height:292px; left:0; bottom:0}

.pro .p05{ width:333px; height:292px; right:333px; top:0;}
.pro .p07{width:333px;height:292px;right: 333px;bottom: 0;}
.pro .p06{ overflow:hidden; width:333px; height:292px; background-color:#1970b8; position:absolute; right:0; bottom:0}

.pro .p06 a{ display:block; width:146px; height:40px; text-align:center; line-height:40px; font-size:16px; color:#fff; border:2px solid #5e9bcd; margin:0 auto; margin-top:124px;}

.pro .ptu a{ display:none; width:100%; height:100%; background:url(../images/pro_mb.png) repeat center; position:absolute; left:0; top:0; text-decoration:none}

.pro .ptu span{ display:block; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-top:100px; margin-bottom:20px; font-size:24px; color:#fff;}

.pro .ptu a img{ display:block; margin:0 auto;}


.pro .ptu:hover a{ display:block;}



/*about*/

.about { overflow:hidden; width:100%; height:618px; background:url(../images/about_bg.jpg) no-repeat center top;}

.about span{ display:block; text-align:center; font-size:36px; color:#fff; font-family:Arial; margin-top:80px;}

.about h3{ text-align:center; margin-bottom:68px;}

.about dl{ overflow:hidden;}

.about dt{ overflow:hidden; width:503px; height:305px; float:left; background:url(../images/about_tubg.png) no-repeat center;}

.about dt img{ display:block; margin:0 auto; margin-top:8px;    object-fit: cover;}

.about dd{ overflow:hidden; float:right; width:620px; margin-right:30px;}

.about dd h4{ font-size:18px; margin-top:40px; margin-bottom:20px;}

.about dd h4 a{ color:#fff;}

.about dd p{ font-size:14px; color:#fff; line-height:24px; height:144px; overflow:hidden; margin-bottom:20px; text-align:justify;}

.about dd .btn{ overflow:hidden;}

.about dd .btn a{ display:block; text-decoration:none; float:left; margin-right:20px; padding-bottom:10px; border-bottom:3px solid #ececec; font-size:18px; color:#ececec; font-weight:bold}

.about dd .btn a:hover{ color:#49affa; border-bottom-color:#49affa;}



/*num*/

.num { overflow:hidden; width:100%; height:447px; background:url(../images/shuzi_bg.jpg) no-repeat center top;}

.num span{ display:block; text-align:center; font-size:36px; color:#d5d5d5; font-family:Arial; margin-top:70px;}

.num h3{ text-align:center; margin-bottom:70px;}

.num ul{ overflow:hidden; width:1200px; margin:0 auto; height:150px;}

.num li{ float:left; width:399px; height:150px; float:left; border-right:1px dotted #ccc;}

.num li.last{ border:none}

.num .numk{ overflow:hidden; width:100%; height:130px; position:relative}

.num .shuzi{ overflow:hidden; width:100%; position:absolute; left:0;}

.num .shuzi em{ font-size:120px; line-height:130px; text-align:center; display:block; color:#1970b8;}

.num li p{ text-align:center; font-size:16px; color:#2b2b2b;}



/*优势*/

.youshi { overflow:hidden; width:100%;}

.youshi .youshi_h{ overflow:hidden; width:100%; height:203px; background:url(../images/youshi_01.jpg) no-repeat center top;}

.youshi .youshi_con{ overflow:hidden; width:100%; height:1205px; background:url(../images/youshi_02.jpg) no-repeat center top;}

.youshi .wen{ overflow:hidden}

.youshi h4{ font-size:28px; color:#0186d1; margin-bottom:5px;}

.youshi span{ display:block; font-size:18px; color:#b6b6b6; margin-bottom:15px;}

.youshi p{ font-size:16px; color:#3d3d3d; line-height:23px;}

.youshi .wen01{ margin-left:630px; margin-top:120px;}

.youshi .wen02{margin-left: 120px; margin-top:210px;}

.youshi .wen03{margin-left: 630px;margin-top: 190px;}

.youshi .wen04{margin-left: 130px;margin-top: 250px;}

/*服务*/

.fuwu { overflow:hidden; width:100%; background:url(../images/fuwu_bg.jpg) no-repeat center bottom; background-color:#efefef; height:695px;}

.fuwu h3{ text-align:center; margin-top:70px;}

.fuwu span{ display:block; margin-top:5px; font-size:20px; color:#3f3f3f; padding-bottom:30px; background:url(../images/title.png) no-repeat center bottom; text-align:center; margin-bottom:60px;}

.fuwu p{ text-align:center; font-size:15px; color:#3f3f3f; line-height:24px; margin-bottom:60px;}

.fuwu ul{ overflow:hidden; width:936px; margin:0 auto}

.fuwu li{ overflow:hidden; width:144px; float:left; margin:0 45px; text-align:center}

.fuwu li i{ display:block; width:144px; height:144px; position:relative; margin:0 auto; margin-bottom:15px;}

.fuwu li img{ display:block; position:absolute; left:0; top:0;}

.fuwu li .img02{ display:none;}

.fuwu li h4{ font-size:18px; color:#3f3f3f; margin-bottom:5px;}

.fuwu li em{ display:block; font-size:14px; color:#3f3f3f;}

.fuwu li:hover .img02{ display:block}

.fuwu li:hover .img01{ display:none}



/*合作*/

.hezuo { overflow:hidden; margin-top:70px; margin-bottom:70px;}

.hezuo h3{ text-align:center; margin-bottom:5px;}

.hezuo p{ text-align:center; font-size:20px; color:#b6b6b6; padding-bottom:30px; background:url(../images/title.png) no-repeat center bottom; margin-bottom:40px;}

.hezuo .hzBox{ overflow:hidden; width:100%; height:150px; position:relative}

.hezuo .hzBox span{ display:block; width:50px; height:109px; cursor:pointer; position:absolute; top:0}

.hezuo .hzBox .btn01{ background:url(../images/hezuo_btn01.jpg) no-repeat center top; left:0;}

.hezuo .hzBox .btn02{ background:url(../images/hezuo_btn02.jpg) no-repeat center top; right:0;}

.hezuo .hzBox span:hover{ background-position:bottom;}

.hezuo .hzWin{ overflow:hidden; width:1060px; height:150px; margin:0 auto; position:relative}

.hezuo .hzWin ul{ overflow:hidden; position:absolute}

.hezuo .hzWin li{ float:left; width:200px;   overflow:hidden; margin-right:15px;}

.hezuo .hzWin li img{border:1px solid #dadada;display:block;}

.hezuo .hzWin li a{display:block;text-align:center;color:#666;line-height:35px;}

.hezuo .hzWin li span{ font-size:10px; color:#000; margin-top:10px; text-align:center;}



/*news*/

.news { overflow:hidden; margin-bottom:50px; padding:0 10px; padding-bottom:20px;}

.news .newsleft{ overflow:hidden; width:726px; height:545px; box-shadow:0 5px 5px #ccc; float:left; border-radius:3px;}

.news .newsleft .menu{ overflow:hidden; width:100%; height:65px;}

.news .newsleft .menu li{ float:left; line-height:60px; height:65px; text-align:center; width:50%; font-size:22px; color:#666; background-color:#e8e8e8;}

.news .newsleft .menu li a{ color:#666; text-decoration:none}

.news .newsleft .menu li.cur { background-color:#408dd3}

.news .newsleft .menu li.cur a{ color:#fff;}

.news .newsbox { overflow:hidden; border-radius:3px; background-color:#fff; margin-top:-5px; width:100%; height:484px; position:relative; z-index:1; *border:1px solid #ccc; *border-top:none; *width:724px}

.news .newslist{ overflow:hidden; width:100%; margin-top:25px;}

.news .newslist dl{ overflow:hidden; width:675px; margin:0 auto; margin-bottom:20px;}

.news .newslist dt{ overflow:hidden; width:130px; height:130px; border-radius:2px; float:left;}

.news .newslist dd{ overflow:hidden; width:530px; float:right;}

.news .newslist h4{ font-weight:normal; font-size:16px; margin-top:10px; margin-bottom:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.news .newslist h4 span{ float:right;}

.news .newslist h4 a{ color:#1f1f1f;}

.news .newslist p{ font-size:13px; color:#666; line-height:22px; height:44px; overflow:hidden; margin-bottom:20px;}

.news .newslist .more{ display:block; width:22px; height:13px; background:url(../images/news_more.png) no-repeat center;}

.news .newsright{ overflow:hidden; width:430px; float:right}

.news .newsright h3{ font-weight:normal; font-size:22px; line-height:60px;}

.news .newsright h3 a{ color:#666;}

.news .newsright .wendaBox{ overflow:hidden; width:100%; height:484px; position:relative}

.news .newsright .wendaBox i{ display:block; width:1px; height:484px; background-color:#e8e8e8; position:absolute; left:22px; top:0;}

.news .newsright .wendaBox .wendalist{ overflow:hidden; position:relative; z-index:2}

.news .newsright .wendalist dl{ overflow:hidden; width:100%; margin-bottom:40px;}

.news .newsright .wendalist dt{ overflow:hidden; width:45px; height:45px; text-align:center; line-height:45px; background:url(../images/news_w01.png) no-repeat center; font-size:22px; color:#fff; float:left}

.news .newsright .wendalist dd{ overflow:hidden; float:right; width:370px;}

.news .newsright .wendalist h5{ font-weight:normal; font-size:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:20px; margin-top:10px;}

.news .newsright .wendalist h5 span{ float:right;}

.news .newsright .wendalist h5 a{ color:#1f1f1f;}

.news .newsright .wendalist p{ font-size:14px; color:#666; line-height:22px; height:66px; overflow:hidden;}

.news .newsright .wendalist dl:hover dt{ background:url(../images/news_w02.png) no-repeat center;}



/*联系*/

.lianxi { overflow:hidden; width:100%; height:460px; position:relative}

.lianxi .wen{overflow:hidden; width:347px; height:402px; background:url(../images/lianxi.png) no-repeat center top; position:absolute; left:50%; top:0; margin-left:-173px; z-index:3}

.lianxi .wen h3{ font-size:30px; color:#fff; margin-top:75px; text-align:center}

.lianxi .wen span{ display:block; text-align:center; font-size:18px; color:#91bbdd; margin-bottom:25px;}

.lianxi .wen p{ font-size:15px; color:#fff; line-height:26px; margin-left:40px;  width: 300px;}

.lianxi .map{ overflow:hidden; width:100%; height:410px; position:absolute; bottom:0; left:0; z-index:2;text-align:center;}



