﻿@charset "utf-8";
/* CSS Document */

/*search*/
.search { overflow:hidden; width:100%; background:url(Img/Index/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(Img/Index/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:610px; position:relative; z-index:1; }

/* -- 弹出窗口 -- */
#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;}


/*pro*/
.pro { overflow:hidden; width:100%; padding:70px 0; background:url(Img/Index/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(Img/Index/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:584px; right:333px; top:0;}
.pro .p06{ overflow:hidden; width:333px; height:292px; background-color:#CA020C; 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 #fff; margin:0 auto; margin-top:124px;}
.pro .ptu a{ display:none; width:100%; height:100%; background:url(Img/Index/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 .p05 span{ margin-top:250px;}
.pro .ptu:hover a{ display:block;}

/*about*/
.about { overflow:hidden; width:100%; height:618px; background:url(Img/Index/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(Img/Index/about_tubg.png) no-repeat center;}
.about dt img{ display:block; margin:0 auto; margin-top:8px;}
.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:#EF9C00; border-bottom-color:#EF9C00;}

/*num*/
.num { overflow:hidden; width:100%; height:447px; background:url(Img/Index/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(Img/Index/youshi_01.jpg) no-repeat center top;}
.youshi .youshi_con{ overflow:hidden; width:100%; height:450px; }
.youshi .wen{ overflow:hidden}
.youshi h4{ font-size:30px; 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:655px; margin-top:80px;}
.youshi .wen02{ margin-left:85px; margin-top:150px;}
.youshi .wen03{ margin-left:625px; margin-top:130px;}
.youshi .wen04{ margin-left:625px; margin-top:35px;}

/*服务*/
.fuwu { overflow:hidden; width:100%; background:url(Img/Index/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(Img/Index/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(Img/Index/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(Img/Index/hezuo_btn01.jpg) no-repeat center top; left:0;}
.hezuo .hzBox .btn02{ background:url(Img/Index/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:#CA020C}
.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 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(Img/Index/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(Img/Index/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 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(Img/Index/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(Img/Index/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:45px;}
.lianxi .wen p{ font-size:15px; color:#fff; line-height:26px; margin-left:40px;}
.lianxi .map{ overflow:hidden; width:100%; height:410px; position:absolute; bottom:0; left:0; z-index:2}

