﻿@charset "utf-8";
/* CSS Document */
.banner{ overflow:hidden; width:100%; height:592px; background:url(Img/Common/banner.jpg) no-repeat center top;}

/* 广告样式 */
.banner{ overflow:hidden; width:100%;}
#flashs{ position:relative; height:592px; overflow:hidden;}
#flashs .bgitem{z-index:1;position:absolute; top:0; }
#flashs .btn{width: 100%;overflow: hidden;text-align: center;position: absolute;bottom: 26px;left: 0; z-index:2;}
#flashs .btn span{display: inline-block;width: 77px;height: 9px;margin-left: 9px;}
#flashs .btn span:first-child{margin-left: 0;}
#flashs .btn span{*display: inline; background:#000000; text-indent:-9999px;}
#flashs .btn span.cur {background: #FB851A;}
#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;}
#flashs .bot1{ background:url(Img/babot1.png) no-repeat center; left:5%; z-index: 2;}
#flashs .bot2{ background:url(Img/babot2.png) no-repeat center; right:5%; z-index: 2;}


.search { overflow:hidden; width:1200px; height:35px; margin:10px auto}
.search p{ float:left; line-height:35px; font-size:14px; color:#000}
.search p a{ color:#333}
.search .sbox{ overflow:hidden; float:right; width:333px; height:35px;}
.search input{ display:block; float:left; width:249px; border:1px solid #e0e0e0; height:33px; line-height:33px; padding:0 10px; border-right:none; font-size:14px; color:#888; outline:none}
.search span{ display:block; width:63px; height:35px; text-align:center; line-height:35px; color:#fff; cursor:pointer; background-color:#006cb5; float:right}

.pro { overflow:hidden; width:100%; padding:53px 0 30px 0; background:url(Img/Index/pro_bg.jpg) no-repeat center top;}
.pro .left{ overflow:hidden; float:left; width:237px; height:860px; border:1px solid #dbdbdbd; background-color:#0075c4;}
.pro .left h3{ font-size:16px; width:170px; height:47px; line-height:47px; padding-left:30px; background:url(Img/Index/pro01.png) no-repeat left center; margin:20px auto 20px auto}
.pro .left h3 a{ color:#000}
.pro .left ul{ overflow:hidden; margin-left:50px; width:170px;}
.pro .left li{ overflow:hidden; font-size:14px; line-height:32px; width:100%; *float:left; padding-left:10px; background:url(Img/Index/pro02.png) no-repeat left center;}
.pro .left li a{ color:#FFF;}
.pro .left b{ display:block; padding-left:50px; background:url(Img/Index/pro03.png) no-repeat left center; height:45px; line-height:45px; font-size:20px; color:#fb851a; margin-left:15px; margin-top:20px;}
.pro .right { overflow:hidden; float:right; width:915px; height:930px;}
.pro .right dl{ overflow:hidden; width:857px; margin-bottom:40px; background:#fff;padding: 24px; float:left;}
.pro .right dt{ overflow:hidden; float:left; width:288px; height:232px;}
.pro .right dd{ float:left; width:510px; margin-left:40px; margin-top:15px;}
.pro .right h3{ font-size:18px; color:#000; margin-bottom:10px; white-space:nowrap; text-overflow: ellipsis; overflow:hidden}
.pro .right h3 a{ color:#000}
.pro .right b{ display:block; margin-bottom:15px; font-size:16px; color:#000}
.pro .right p{ font-size:16px; line-height:30px; color:#666; margin-bottom:20px; height:60px; overflow:hidden}
.pro .right .btn{ overflow:hidden; width:100%;}
.pro .right .btn a{ display:block; width:140px; height:40px; text-align:center; line-height:40px; font-size:16px; background-color:#0075c4; color:#fff; text-decoration:none; margin-right:10px; float:left; border:1px solid #0075c4}
.pro .right .btn .more{ background:none; border:1px solid #cecece; color:#000}
.pro .right ul{overflow:hidden;width: 110%;}
.pro .right li{float:left;width: 212px;height:250px;margin-bottom:30px;margin-right: 20px;}
.pro .right li img{display:block;margin-bottom:10px;width: 212px;height: 212px; transition: all 0.5s;border:3px solid #e3e2e2;}
.pro .right li:hover img{border:3px solid #0075C4;}
.pro .right li span{ display:block; text-align:center; font-size:14px; color:#333}
.pro .right li a{ display:block; text-decoration:none}

.zdpro{ position:relative; height:280px; margin-bottom:45px;border: 5px solid #0075c4; overflow:hidden;}
.msp{ position:absolute; bottom:30px; right:30px; text-align:center; color:#fff; line-height:22px; font-size:14px;}
.msp .lbtn{ background:#006CB5; width:50px; height:22px; display:block; float:left; margin-right:10px;}
.msp .rbtn{ background:#006CB5; width:50px; height:22px; display:block; float:left; margin-right:10px;}
.msp em:hover{ background:#FB851A;}

.td { overflow:hidden; width:100%; height:665px; background:url(Img/Index/td_bg.jpg) no-repeat center;}
.td h2{ text-align:center; margin:50px 0 80px 0;}
.td .box{ overflow:hidden; width:1200px; height:335px; position:relative; margin:0 auto}
.td .img{ display:block; margin:0 auto; margin-top:20px;}
.td .box div{ overflow:hidden; width:275px; position:absolute; min-height:125px;}
.td h3{ font-size:22px; color:#fff; margin-bottom:10px; margin-top:15px;}
.td p{ font-size:14px; color:#fff; line-height:24px; text-align:justify}
.td .wen1{ padding-right:140px; background:url(Img/Index/td01.png) no-repeat right center; left:0; top:0}
.td .wen2{ padding-left:140px; background:url(Img/Index/td02.png) no-repeat left center; right:0; top:0}
.td .wen3{ padding-right:140px; background:url(Img/Index/td03.png) no-repeat right center; left:0; bottom:0}
.td .wen4{ padding-left:140px; background:url(Img/Index/td04.png) no-repeat left center; right:0; bottom:0}

.title { overflow:hidden; width:100%; text-align:center; margin-bottom:50px;}
.title h2{ font-weight:normal; text-align: center; font-size:32px; color:#0075c4}
.title a{ color:#0075c4;}
.title>img{ display:block; margin:10px auto}
.title em{ display:block; text-align:center; text-transform:uppercase; font-size:12px; color:#666;}
.title h2 img{ position:relative; top:7px; margin:0 5px;}

.lingyu { overflow:hidden; padding:50px 0 70px 0; background-color:#f4f4f4}
.lingyu .box{overflow:hidden;width:1200px;margin:0 auto;height: 250px;position:relative;}
.lingyu span{display:block;width:31px;height:69px;cursor:pointer;top: 80px;position:absolute;}
.lingyu .btn01{ background:url(Img/Index/ly03.jpg) no-repeat  center top; left:0}
.lingyu .btn02{ background:url(Img/Index/ly03.jpg) no-repeat center bottom; right:0}
.lingyu .showbox{ overflow:hidden; width:1100px; margin:0 auto; height:100%; position:relative}
.lingyu .showbox ul{ overflow:hidden; position:absolute}
.lingyu .showbox li{float: left;width:345px;height: 231px;padding:3px;background-color:#fff;position:relative;margin-right:23px;}
.lingyu .showbox li img{display:block;height: 231px;}
.lingyu .showbox .wen{ display:none; overflow:hidden; width:100%; height:100%; background:url(Img/Index/ly01.png) repeat center; position:absolute; left:0; top:0}
.lingyu .showbox h3{     text-align: center;
    font-size: 18px;
    margin: 28px 10px 20px 10px;height: 44px; overflow:hidden;}
.lingyu .showbox a{ color:#fff}
.lingyu .showbox p{ font-size:14px; line-height:24px; color:#fff; width:285px; margin:0 auto; text-align:justify; text-align-last:center; height:72px; margin-bottom:30px;}
.lingyu .showbox .more{ display:block; font-size:14px; border:1px solid #fff; width:115px; height:28px; text-align:center; line-height:28px; margin:0 auto}
.lingyu .showbox li:hover .wen{ display:block}
.lingyu .showbox li .wen .more:hover{ color:#ff7c00; border:1px solid #ff7c00;}

.ad01 {overflow:hidden;width:100%;height:137px;background:url(Img/Index/ad011.jpg) no-repeat center;border-top:1px solid #fff;border-bottom:1px solid #fff;}
.ad01 a{ display:block; width:135px; height:46px; text-align:center; line-height:46px; background-color:#ff7c00; font-size:16px; color:#fff; border-radius:5px; text-decoration:none; float:left; margin-left:650px; margin-top:45px;}
.ad01 .phone{ overflow:hidden; text-align:center; padding-left:55px; background:url(Img/Index/ad01-phone.png) no-repeat left center; float:right; margin-top:40px; margin-right:75px; color:#fff;}
.ad01 p{ font-size:14px;}
.ad01 b{ display:block; font-size:26px; font-family:Arial}

.youshi { overflow:hidden; width:100%;}
.youshi h3{ font-size:30px; color:#0075c4; margin-left:12px;}
.youshi em{ font-size:12px; text-transform:uppercase; color:#666; margin-left:5px;}
.youshi span{ display:block; font-size:20px; color:#000; margin-left:12px; margin-bottom:25px;}
.youshi p{ padding-left:12px; background:url(Img/Index/youshi_p.png) no-repeat left 13px; font-size:16px; line-height:30px; color:#666}
.youshi .wen{ overflow:hidden; width:545px;}
.youshi b{ color:#ff7c00;}
.youshi img{ display:block; margin:85px auto;}
.youshi .youshi01{ overflow:hidden; width:100%; height:279px; background:url(Img/Index/youshi_01.jpg) no-repeat center top;}
.youshi .youshi02{ overflow:hidden; width:100%; height:267px; background:url(Img/Index/youshi_02.jpg) no-repeat center top;}
.youshi .youshi03{ overflow:hidden; width:100%; height:371px; background:url(Img/Index/youshi_03.jpg) no-repeat center top;}
.youshi .youshi04{ overflow:hidden; width:100%; height:317px; background:url(Img/Index/youshi_04.jpg) no-repeat center top;}
.youshi .youshi05{ overflow:hidden; width:100%; height:307px; background:url(Img/Index/youshi_05.jpg) no-repeat center top;}
.youshi .youshi02 .wen{ margin-left:610px;}
.youshi .youshi03 .wen{ margin-left:80px;}
.youshi .youshi04 .wen{ margin-left:620px;}
.youshi .youshi05 .wen{ margin-left:80px;}

.shebei { overflow:hidden; padding:50px 0 70px 0;}
.shebei .box{overflow:hidden;width:1200px;margin:0 auto;height: 310px;position:relative;}
.shebei .box>span{display:block;width:31px;height:69px;cursor:pointer;top: 95px;position:absolute;}
.shebei .btn01{ background:url(Img/Index/ly03.jpg) no-repeat  center top; left:0}
.shebei .btn02{ background:url(Img/Index/ly03.jpg) no-repeat center bottom; right:0}
.shebei .showbox{ overflow:hidden; width:1100px; margin:0 auto; height:100%; position:relative}
.shebei .showbox ul{ overflow:hidden; position:absolute}
.shebei .showbox li{float: left;width:351px;height: 295px;background-color:#f4f4f6;margin-right:23px;}
.shebei .showbox li img{display:block;height: 241px;}
.shebei .showbox li a{ display:block; text-decoration:none}
.shebei .showbox li span{ display:block; text-align:center; font-size:16px; color:#333; margin-top:15px;}
.shebei .showbox li:hover{ background-color:#0075c4;} 
.shebei .showbox li:hover span{ color:#fff;}

.liucheng { overflow:hidden; padding:60px 0; background-color:#f7f7f7}
.liucheng .tu{ display:block; margin:0 auto; margin-bottom:30px;}
.liucheng .btn{ overflow:hidden; width:395px; margin:0 auto}
.liucheng a{ display:block; width:170px; height:50px; text-align:center; line-height:50px; font-size:18px; color:#0075c4; text-decoration:none; border:1px solid #0075c4; border-radius:3px; float:left}
.liucheng p{ float:left; margin-left:15px; font-size:14px; color:#666; }
.liucheng b{ display:block; font-size:26px; color:#0075c4;}

.liucheng .lc-ul{ width:1200px; margin:0 auto; margin-bottom:30px; height:155px;}
.liucheng .lc-ul li{ float:left;}
.liucheng .lc-ul .li1{background:url(Img/Index/flow_icon1.png) no-repeat  left top; height:155px; width:120px;}
.liucheng .lc-ul .li2{background:url(Img/Index/flow_icon2.png) no-repeat  left top; height:155px; width:120px;}
.liucheng .lc-ul .li3{background:url(Img/Index/flow_icon3.png) no-repeat  left top; height:155px; width:106px;}
.liucheng .lc-ul .li4{background:url(Img/Index/flow_icon4.png) no-repeat  left top; height:155px; width:140px;}
.liucheng .lc-ul .li5{background:url(Img/Index/flow_icon5.png) no-repeat  left top; height:155px; width:110px;}
.liucheng .lc-ul .li6{background:url(Img/Index/flow_icon6.png) no-repeat  left top; height:155px; width:120px;}
.liucheng .lc-ul .li7{background:url(Img/Index/flow_icon7.png) no-repeat  left top; height:155px; width:140px;}
.liucheng .lc-ul .li8{background:url(Img/Index/flow_icon8.png) no-repeat  left top; height:155px; width:120px;}
.liucheng .lc-ul .li9{background:url(Img/Index/flow_icon9.png) no-repeat  left top; height:155px; width:120px;}
.liucheng .lc-ul .li10{background:url(Img/Index/flow_icon10.png) no-repeat  left top; height:155px; width:102px;}

.liucheng .lc-ul .li1:hover{background:url(Img/Index/flow_icon1.png) no-repeat  left bottom; height:154px; width:120px;}
.liucheng .lc-ul .li2:hover{background:url(Img/Index/flow_icon2.png) no-repeat  left bottom; height:154px; width:120px;}
.liucheng .lc-ul .li3:hover{background:url(Img/Index/flow_icon3.png) no-repeat  left bottom; height:154px; width:106px;}
.liucheng .lc-ul .li4:hover{background:url(Img/Index/flow_icon4.png) no-repeat  left bottom; height:154px; width:140px;}
.liucheng .lc-ul .li5:hover{background:url(Img/Index/flow_icon5.png) no-repeat  left bottom; height:154px; width:110px;}
.liucheng .lc-ul .li6:hover{background:url(Img/Index/flow_icon6.png) no-repeat  left bottom; height:154px; width:120px;}
.liucheng .lc-ul .li7:hover{background:url(Img/Index/flow_icon7.png) no-repeat  left bottom; height:154px; width:140px;}
.liucheng .lc-ul .li8:hover{background:url(Img/Index/flow_icon8.png) no-repeat  left bottom; height:154px; width:120px;}
.liucheng .lc-ul .li9:hover{background:url(Img/Index/flow_icon9.png) no-repeat  left bottom; height:154px; width:120px;}
.liucheng .lc-ul .li10:hover{background:url(Img/Index/flow_icon10.png) no-repeat  left bottom; height:154px; width:102px;}

.kehu2 { overflow:hidden; width:1200px; margin:50px auto 40px auto;}
.kehu2 .title{ margin-bottom:30px;}
.kehu2 .box{ overflow:hidden; width:100%; height:360px; position:relative}
.kehu2 .box ul{ overflow:hidden; position:absolute}
.kehu2 li{ float:left; position:relative; width:273px; height:330px; border:1px solid #f1f1f1; margin-right:33px}
.kehu2 li:nth-child(4){ margin-right:0px;}
.kehu2 li img{ display:block; margin-bottom:20px;}
.kehu2 li i{ display:block; width:10px; height:17px; background:url(Img/Index/kehu01.png) no-repeat center top; position:absolute; right:26px; top:203px;}
.kehu2 li h3{ font-weight:normal; font-size:16px; width:230px; margin:0 auto; margin-bottom:10px;}
.kehu2 li h3 a{ color:#333}
.kehu2 li em{ display:block; padding-left:15px; width:215px; margin:0 auto; background:url(Img/Index/kehu02.png) no-repeat left center; font-size:14px; color:#666; margin-bottom:15px;}
.kehu2 li p{ width:230px; text-align:justify; font-size:14px; line-height:18px; color:#666; height:54px; overflow:hidden; margin:0 auto; padding-top:12px; border-top:1px dashed #ececec;}
.kehu2 li:hover a,.kehu2 li:hover p,.kehu2 li:hover em{ color:#fff;}
.kehu2 li:hover{ background-color:#0075c4;}
.kehu2 li:hover em{ background:url(Img/Index/kehu03.png) no-repeat left center}
.kehu2 li:hover p{ border-color:#fff}
.kehu2 li:hover i{ background-position: bottom}


.about { overflow:hidden; width:100%; height:764px; padding-top:50px; background:url(Img/Index/about_bg.jpg) no-repeat center top;}
.about .title { margin-bottom:20px;}
.about .box{ overflow:hidden; width:1115px; margin:0 auto; margin-bottom:30px; height:322px;}
.about .box img{ display:block; float:left; border:3px solid #fff; border-radius:3px;}
.about .box .wen{ float:right; width:610px; overflow:hidden; margin-top:20px;}
.about .box h3{ font-size:20px; margin-bottom:20px;}
.about .box h3 a{ color:#ff7c00;}
.about .box p{ width:100%; text-align:justify; overflow:hidden; font-size:16px; line-height:28px; color:#666; height:112px; margin-bottom:30px;}
.about .box p a{ color:#0075c4;}
.about .btn{ overflow:hidden; width:110%;}
.about .btn a{ display:block; width:178px; height:98px; border:1px solid #dcdcdc; background-color:#fff; margin-right:30px; font-size:18px; color:#333; line-height:98px;*line-height:68px; text-align:center; float:left; border-radius:10px; text-decoration:none}
.about .btn i{ display:inline-block; width:55px; height:58px; margin-right:10px; position:relative; top:22px; *top:15px}
.about .btn i{ *display:inline}
.about .btn .i01{ background:url(Img/Index/about01.png) no-repeat center top;}
.about .btn .i02{ background:url(Img/Index/about02.png) no-repeat center top;}
.about .btn .i03{ background:url(Img/Index/about03.png) no-repeat center top;}
.about .btn a:hover{ background-color:#0075c4; border-color:#0075c4; color:#fff;}
.about .btn a:hover i{ background-position:bottom}
.about h4{ text-align:center; margin-bottom:30px; background:url(Img/Index/about_h.png) no-repeat center; font-size:20px; color:#0075c4;}
.about h4 a{ color:#0075c4; position:relative; left:33px;}
.about .listbox { overflow:hidden; width:1200px; margin:0 auto; height:220px; position:relative}
.about .listbox span{ display:block; cursor:pointer; width:31px; height:69px; position:absolute; top:69px;}
.about .listbox .btn01{ background:url(Img/Index/ly03.jpg) no-repeat center top; left:0}
.about .listbox .btn02{ background:url(Img/Index/ly03.jpg) no-repeat center bottom; right:0}
.about .listbox .show{ overflow:hidden; width:1100px; margin:0 auto; height:100%; position:relative}
.about .listbox ul{ overflow:hidden; position:absolute}
.about .listbox li{ float:left; width:260px; height:220px; margin-right:20px; background-color:#fff}
.about .listbox li a{ display:block; text-decoration:none;}
.about .listbox li img{ display:block; margin-bottom:8px;}
.about .listbox li em{ display:block; text-align:center; font-size:16px; color:#333}
.about .listbox li:hover{ background-color:#0075c4}
.about .listbox li:hover em{ color:#fff;}

.news { overflow:hidden; width:1200px; margin:60px auto;}
.news .left{ overflow:hidden; float:left; width:730px; height:420px;}
.news .right{ overflow:hidden; float:right; width:425px; height:420px; background-color:#f8f8f8}
.news .menu{ overflow:hidden; width:100%; height:50px; margin-bottom:30px;}
.news .menu li{ float:left; width:50%; height:50px; text-align:center; background-color:#e5e5e5; line-height:50px; font-size:18px;}
.news .menu li a{ text-decoration:none; display:block; color:#333}
.news .menu li em{ font-size:12px; color:#6666; text-transform:uppercase; margin-left:5px;}
.news .menu li.cur{ background-color:#0075c4; font-weight:bold} 
.news .menu li.cur a{ color:#fff}
.news .box{ overflow:hidden; width:100%; height:340px; position:relative}
.news .list{ overflow:hidden; width:100%; height:100%;}
.news .list .tuwen{ overflow:hidden; width:100%; height:184px; margin-bottom:30px;}
.news .list img{ display:block; float:left}
.news .list .wen{ float:right; width:385px; margin-right:15px; overflow:hidden}
.news .list h3{ font-size:18px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:10px; padding-bottom:14px; border-bottom:1px solid #e5e5e5;}
.news .list h3 a{ color:#ff7c00}
.news .list p{ font-size:14px; line-height:28px; color:#666; text-align:justify; height:113px; overflow:hidden}
.news .list ul{ overflow:hidden; width:100%;}
.news .list li{ overflow:hidden; padding-left:10px; background:url(Img/Index/news_li.jpg) no-repeat left center; font-size:14px; line-height:30px; *float:left; width:100%; box-sizing:border-box}
.news .list li a{ display:block; float:left; max-width:70%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#555}
.news .list li span{ float:right; color:#555}
.news .top{ overflow:hidden; width:100%; height:50px; line-height:50px; background-color:#0075c4; color:#fff; margin-bottom:25px;}
.news .top a{ color:#fff;}
.news .top h2{ float:left; margin-left:25px; font-size:18px;}
.news .top em{ font-size:12px; margin-left:5px;}
.news .top .more{ float:right; margin-right:20px; font-size:14px;}
.news .wenda { overflow:hidden; width:390px; margin:0 auto; height:335px; position:relative}
.news .wenda ul{ overflow:hidden; position:absolute; width:100%;}
.news .wenda li{ overflow:hidden; width:100%; height:69px; border-bottom:1px dashed #e5e5e5; margin-bottom:15px;}
.news .wenda h3{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-weight:normal; padding-left:30px; background:url(Img/Index/news_w.jpg) no-repeat left center; margin-bottom:8px; font-size:16px; line-height:22px;}
.news .wenda h3 a{ color:#333}
.news .wenda p{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-weight:normal; padding-left:30px; background:url(Img/Index/news_d.jpg) no-repeat left center; font-size:16px; line-height:22px; color:#666}


.link { overflow:hidden; width:100%; padding:35px 0; background-color:#f5f5f5}
.link h3{ font-size:18px; padding-bottom:18px; margin-bottom:15px; border-bottom:1px solid #e7e7e7}
.link h3 a{ color:#0075c4}
.link h3 em{ font-size:18px; color:#888; margin-left:5px;}
.link ul{ overflow:hidden; width:100%;}
.link li{ float:left; padding-right:20px; margin:5px 20px 5px 0; border-right:1px solid #666; font-size:14px;}
.link li a{ color:#666} 
