﻿@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0; list-style:none;}
body{ font-family:"微软雅黑";}
a{text-decoration:none;}
img{border:none;}
.bodybg{ background:#edeef3;}
.l{float:left;}
.r{float:right;}
.header{width:100%; height:80px; background:#edf0f2;}


 

.head{width:1200px; height:80px; margin:0 auto; position:relative;}
.logo{width:150px; height:auto; float:left;}
.dlbox{float:left;}
.dlbox a{color:#fff;}
.phonebox{width:auto; height:30px;  float:right;}
.memcon{width:300px; height:360px; position:absolute; left:0px; top:120px; background:url(../images/bg1.png) no-repeat; z-index:8000;}
.mul li{width:150px; height:40px; float:left; color:#fff; text-align:center; line-height:40px; font-size:16px; cursor:pointer;}
.mul #li02{background:url(../images/tab2.png) no-repeat;}
#txt2,#txt1{width:300px; height:320px; color:#fff; clear:both;}
#txt2{display:none;}
#txt1 ul{padding-top:30px;}
#txt1 li{ height:70px;width:220px; padding-left:35px; line-height:50px; color:#fff; font-size:16px;}
#txt1 li a{color:#d35858;}
.btn1{width:230px; height:40px; background:url(../images/btn1.png) no-repeat; border:none;}
.text1{width:170px; height:40px; border:none; background:url(../images/bg2.png) no-repeat; text-indent:10px; line-height:40px; color:#eee; font-size:14px;}
#txt2 ul{padding-top:30px;}
#txt2 li{ height:70px;width:250px; padding-left:35px; line-height:50px; color:#fff; font-size:16px; position:relative;}
.text2{width:80px; height:40px; border:none; background:url(../images/bg3.png) no-repeat; text-indent:10px; line-height:40px; color:#eee; font-size:14px;}
.btn2{width:230px; height:40px; background:url(../images/btn2.png) no-repeat; border:none;}
.btn3{width:80px; height:40px; background:url(../images/btn3.png) no-repeat; border:none; position:absolute; left:186px; top:6px;}
.menu{width:720px; height:80px; float:right; position:relative;}
.menu li{width:120px; height:80px; float:left; text-align:center;}
.menu .bg{width:60px; height:5px; position:absolute; left:30px; top:0; background:#2d7cb7;}
.menu li a{width:auto; padding:0 20px;  line-height:80px; font-size:16px; padding-top:10px; color:#333333;}
.menu li a:hover{color:#1763b1;}
.tcMenu{width:683px; height:360px; position:absolute; right:0; top:80px; background:url(../images/bg1.png); z-index:8000; display:none;}
.tcList{width:170px; height:320px; text-align:center; float:left; border-right:1px solid #e6e8eb; margin-top:20px;}
.tcList h2 a{ font-size:16px; color:#1468a6; font-weight:normal;}
.tcList dl dt{width:100px; height:100px;margin:0 auto; margin-top:10px; margin-bottom:20px;}
.tcList dl dt a{width:100px; height:100px; display:block; background:url(../images/ico01.png) no-repeat -4px 0;}
.tcList dl .dt2 a{background:url(../images/ico01.png) no-repeat -170px 0;}
.tcList dl .dt3 a{background:url(../images/ico01.png) no-repeat -338px 0;}
.tcList dl .dt4 a{background:url(../images/ico01.png) no-repeat -516px 0;}
.tcList dl dd{width:120px; height:36px; line-height:36px; border-bottom:1px dashed #aaa; margin:0 auto;}
.tcList dl dd a{font-size:15px; color:#000;}
.tcList dl dd a:hover{color:#1468a6;}
.tcMenu .tcList:nth-child(4){border:none;}
.title1{width:1200px; height:120px; margin:0 auto; text-align:center; padding-top:40px; position:relative;}
.title1 h3{font-size:36px; font-weight:normal; color:#000;}
.tit1{line-height:40px;color:#8e8e8e; font-size:18px;}
.tit1 a{color:#31669d;}
.main{width:1200px; height:auto; margin:0 auto;  overflow:hidden; position:relative;}
.main .mBox{width:285px; height:220px; float:left; margin-right:20px; background:url(../images/boxbg1.png) no-repeat; text-align:center;}
.main .mBox:nth-child(2){background:url(../images/boxbg2.png) no-repeat;}
.main .mBox:nth-child(3){background:url(../images/boxbg3.png) no-repeat;}
.main .mBox:nth-child(4){background:url(../images/boxbg4.png) no-repeat; margin-right:0;}
.mBox i{width:60px; height:60px; display:block; margin:0 auto; background:url(../images/ico02.png) no-repeat; margin-top:15px;}
.mBox:nth-child(2) i{ background-position:0 -60px;}
.mBox:nth-child(3) i{ background-position:0 -120px;}
.mBox:nth-child(4) i{ background-position:0 -180px;}
.mBox h4 a{ font-size:20px; color:#000; font-weight:normal;}
.mBox p{ padding-top:40px; color:#333; line-height:30px; font-size:16px;}
.mBox p a{ color:#333; padding:0 20px;}
.mBox p a:hover{color:#1763b1;}
.mBox:nth-child(4) p a{ padding:0 10px;}
.nav1{width:100%; height:470px; clear:both; background:url(../images/navbg.jpg) center top;}
.nav2{background:url(../images/navbg2.jpg) center top;}
.navBox{width:1200px; height:440px; padding-top:30px; margin:0 auto; position:relative;}
.navBox .nCon{width:291px; height:200px; background:#fff; float:left; margin-right:12px; margin-bottom:12px; position:relative;}
.navBox .nCon:nth-child(4),.navBox .nCon:nth-child(8){margin-right:0;}
.tcCon{width:100%; height:100%; position:absolute; left:0; top:0; z-index:1000; filter:alpha(apacity=95); opacity:0.95;color:#fff; display:none;}
.tcCon h4{width:auto; margin:10px 20px; 0px 20px; border-bottom:1px solid #666; line-height:40px;}
.tcCon h4 a{color:#fff; font-size:18px; font-weight:normal;}
.tcCon P{width:auto; margin:0 20px; line-height:34px; border-bottom:1px solid #666; font-size:14px; margin-bottom:5px; padding-bottom:5px;}
.leftBtn,.rightBtn{width:30px; height:30px; position:absolute; right:40px; bottom:8px; background:url(../images/left1.png) no-repeat; cursor:pointer;}
.rightBtn{right:0px;background:url(../images/right1.png) no-repeat;}
.mainList{width:400px; height:230px; float:left;}
.newTit{ width:350px; height:24px; line-height:20px; padding:0; border-left:4px solid #2d7cb7; text-indent:15px; margin-bottom:20px;}
.newTit a{color:#333; font-size:24px;}
.newTxt{color:#666; font-size:16px; line-height:30px;width:350px; margin-bottom:20px;}
.detail1{width:100px; height:40px; display:block; text-align:center; line-height:40px; border:1px solid #ddd; color:#333;}
.detail1:hover{background:#2d7cb7; border-color:#2d7cb7;color:#fff;}
.ul03{ display:block; list-style:none;width:200px; text-align:center; margin:0 auto; clear:both; z-index:9900;}
.ul03 li { display:inline-block; list-style:none; width:16px; height:16px; margin:0 4px; border-radius:50%; border:1px solid #2d7cb7;}
.ul03 li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
.ul03 li.current { background:#2d7cb7}
.left1{width:520px; height:440px;float:left; font-size:16px; line-height:34px; color:#333; text-indent:2em;
padding-top:20px;}
.left1 ul{clear:both; padding-top:40px;width:520px; height:120px;}
.left1 ul li{width:166px; height:108px; float:left; margin-right:10px; padding:0; text-indent:0;}
.left1 ul li:nth-child(3){margin-right:0;}
.left1 ul li img{width:166px; height:108px;}
.right1{width:420px; height:460px; float:right;}
.footer{width:100%; height:480px; background:#1d252d;}
.foot{width:1200px; margin:0 auto; font-size:14px; color:#fff;}
.foot a{color:#fff;}
.fcon1{width:100%; height:250px; border-bottom:1px dashed #48555d; background:url(../images/fbg.png) no-repeat right bottom;}
.fcon1 dl{width:200px; height:auto; padding-top:30px; float:left; line-height:36px;}
.fcon1 dt{color:#43b5df; font-size:18px; margin-bottom:5px;}
.fcon1 dd{ position:relative;}
.fcon1 dd a{font-size:14px;color:#fff;}
.fcon1 dl:nth-child(4){width:240px;}
.fcon1 dd i{ position:absolute; left:-2px; top:9px;width:24px; height:24px;}
.fcon1 dd .i01{background:url(../images/ico03.png) no-repeat 0 0;}
.fcon1 dd .i02{background:url(../images/ico03.png) no-repeat 0 -32px;}
.fcon1 dd .i03{background:url(../images/ico03.png) no-repeat 0 -61px;}
.fcon1 dl:nth-child(4) dd{ padding-left:26px;}
.fcon1 ul{float:right; padding-top:30px;}
.fcon1 ul li{margin-bottom:10px;}
.fcon2{width:100%; height:auto; padding-top:30px;}
.fleft{width:50%; height:156px; float:left;}
.fleft h3{color:#61df43; font-size:24px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; line-height:20px;}
.fleft h3 i{width:24px; height:24px; display:inline-block; background:url(../images/ico04.png) no-repeat; margin-right:5px; margin-bottom:-2px;}
.fleft p{color:#d6d6d6; font-size:14px; line-height:34px; width:540px; padding-top:20px;}
.fleft:nth-child(2) h3{color:#eb9e3b;}
.fleft:nth-child(2) h3 i{background-position:-33px 1px;}
.fnav{width:100%; height:44px; background:#121a21; clear:both; line-height:44px; text-align:center; font-size:12px; color:#d6d6d6;}

.menuList{width:30px;; height:auto; position:fixed; right:20px; bottom:200px; z-index:5000; display:none;}
.menuList li{width:30px; height:30px; border-radius:3px; background:#eef1f3; font-family:"Times New Roman", Times, serif; margin-bottom:3px; text-align:center; cursor:pointer; line-height:30px; font-size:24px; color:#c6deec;}
.menuList li.active{color:#2997d6;}
.banner{width:100%; height:500px; background:url(../images/pic1.jpg) no-repeat center top;}
.banner4{background:url(../images/pic4.jpg) no-repeat center top;}
.banner7{background:url(../images/pic5.jpg) no-repeat center top;}
.banner ul{width:1200px; height:60px; margin:0 auto; padding-top:440px; position:relative;}
.banner ul li{width:140px; height:60px; text-align:center; line-height:60px; position:absolute; font-size:18px; cursor:pointer; left:0; bottom:0; background:#d9596a; color:#fff;}
.banner ul .active{height:100px; line-height:100px;}
.banner ul li:nth-child(2){ left:140px; background:#dc7b4c;}
.banner ul li:nth-child(3){ left:280px; background:#c0b726;}
.banner .proUl li:nth-child(4){left:420px; background:#6bc026;}
.navRight{width:520px; height:auto; float:right; font-size:16px; color:#fff; line-height:34px; text-indent:2em; padding-top:20px;}
.banCon{width:1200px; height:440px; padding-top:30px; margin:0 auto;}
.banBox{width:418px; height:380px; padding:30px; float:right; background:url(../images/tab1.png) no-repeat;}
.banBox h2{ font-size:18px; color:#fff; font-weight:normal; height:50px;}
.btnBox{width:100%; height:330px; clear:both;}
.lytext{width:202px; height:40px; background:url(../images/tab2.png); border:1px solid #848484; text-indent:10px; margin-bottom:10px; font-size:14px; color:#9eadb8; line-height:40px; float:left;}
.lytext:nth-child(1),.lytext:nth-child(3){ margin-right:10px;}
.lytext2{width:416px; height:120px; background:url(../images/tab2.png); border:1px solid #848484; text-indent:10px; margin-bottom:10px; font-size:14px; color:#9eadb8; line-height:40px; float:left;}
.lybtn{width:120px; height:40px; background:url(../images/tab2.png); border:1px solid #848484; float:right;color:#9eadb8; font-size:16px; cursor:pointer;}
.mBox2:nth-child(1) i{background-position:0 -240px;}
.mBox2:nth-child(3) i{background-position:0 -300px;}
.mBox2:nth-child(4) i{background-position:0 -360px;}
.traBox{width:1200px; height:320px; background:url(../images/trabg.jpg) #eaeaea no-repeat left center; border-radius:8px; margin:0 auto;}
.traCon{width:560px; height:280px; float:right; padding-top:25px; padding-right:40px;}
.traCon h3{ font-size:16px; height:30px;}
.traCon p{ font-size:14px; padding-left:65px; line-height:30px; color:#000; margin-bottom:20px;}
.traCon h3:nth-child(1){color:#915016;}
.traCon h3:nth-child(3){color:#3b9513;}
.traCon h3:nth-child(5){color:#1882b3;}
.traCon h3:nth-child(1) i{width:26px; height:26px; background:url(../images/ico05.png) no-repeat; display:inline-block; margin-bottom:-6px; margin-right:3px;}
.traCon h3:nth-child(3) i{width:26px; height:26px; background:url(../images/ico05.png) no-repeat 0 -29px; display:inline-block; margin-bottom:-6px;margin-right:3px;}
.traCon h3:nth-child(5) i{width:26px; height:26px; background:url(../images/ico05.png) no-repeat 0 -60px; display:inline-block; margin-bottom:-6px;margin-right:3px;}
.bankUl{width:1200px; height:350px;}
.bankUl li{width:280px; height:280px; border:2px solid #dddddd; line-height:28px; font-size:14px; color:#333; text-align:center; float:left; margin-right:21px; border-radius:50%; overflow:hidden;}
.bankUl li:nth-child(4){margin-right:0;}
.bankUl li:hover{border-color:#2e91b2;}
.bankUl li p:nth-child(1){height:130px;  width:280px; margin:0 auto; margin-bottom:5px; padding-top:10px;}
.bankUl li p:nth-child(2){border-top:1px solid #ddd; width:260px; margin:0 auto; padding-top:10px;}
.banner5{height:250px; background:url(../images/ban1.jpg) no-repeat center;}
.banner6{height:250px; background:url(../images/ban2.jpg) no-repeat center;}
.caseBox{width:1200px; height:640px; margin:0 auto; background:url(../images/albg2.jpg) no-repeat center top; margin-top:60px; position:relative;padding-bottom: 90px;}
.caseBox .conUl{width:870px; height:546px;padding-top:25px;margin:0 auto; position:relative; overflow:hidden;}
.conUl ul{width:20000px; height:542px; position:absolute; left:0; top:31px;}
.conUl ul li img{width:853px;   float:left;}
.menuUl{width:600px; height:30px; margin: 0 auto; margin-top:100px; text-align:center;}
.menuUl li { display:inline-block; list-style:none; width:16px; height:16px; margin:0 4px; cursor:pointer; border-radius:50%; border:1px solid #2d7cb7;}
.menuUl li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
.menuUl li.active { background:#2d7cb7}
.caseLeft,.caseRight{width:40px; height:70px; position:absolute; top:200px; background:url(../images/arrows1.png) no-repeat 0 -70px; cursor:pointer;}
.caseLeft{left:0;}
.caseRight{right:0; background-position:-40px -70px;}
.caseLeft:hover{background-position:0 0;}
.caseRight:hover{background-position:-40px 0;}
.caseTxt{width:960px; height:auto; margin:0 auto; line-height:40px; font-size:18px; color:#06050b; padding-bottom:30px;}
.caseTxt h3{ font-weight:normal; font-size:24px; line-height:50px;}
.caseTit{width:100%; height:35px; padding-top:5px; border-bottom:1px solid #dddddd; margin-bottom:10px; position:relative;}
.caseTit h2{height:24px; border-left:4px solid #2d7cb7; line-height:20px; padding-left:10px; font-size:22px; font-weight:normal;}
.caseCon{width:1200px; height:200px; position:relative; overflow:hidden; margin-bottom:80px;}
.poCon{width:30000px; height:200px; position:absolute; left:0; top:0;}
.case1{width:291px; height:200px; float:left; margin-right:12px; position:relative;}
.caseNav{width:897px; float:right; height:auto; padding-bottom:150px;}
.caseNav2{width:897px; float:right; height:auto; padding-bottom:50px; background:#fff; padding-top:0; border-radius:5px; margin-top:30px; margin-bottom:50px;}
.caseNav .nCon:nth-child(4),.caseNav .nCon:nth-child(8){ margin-right:12px;}
.caseNav .nCon:nth-child(3),.caseNav .nCon:nth-child(6),.caseNav .nCon:nth-child(9),.caseNav .nCon:nth-child(12),.caseNav .nCon:nth-child(15),.caseNav .nCon:nth-child(18),.caseNav .nCon:nth-child(21){ margin-right:0;}
.leftBox{width:291px; height:314px; background:#fff; position:absolute; left:0; top:30px; border-radius:5px;min-height: 200px;
    height: auto; z-index:10000; padding-bottom:15px}
.leftTit{width:100%; height:50px; line-height:50px; background:#2d7cb7; color:#fff; font-size:22px; border-radius:5px 5px 0 0; text-indent:90px;}
.leftTit i{width:66px; height:66px; display:block; background:url(../images/ico06.png) no-repeat; position:absolute; left:14px; top:-7px;}
.leftTit2 i{background:url(../images/ico07.png) no-repeat;}
.leftBox ul{width:100%; height:auto; margin-top:40px; border-top:1px dashed #ddd;}
.leftBox ul li{width:100%; height:50px; border-bottom:1px dashed #ddd; line-height:50px; text-indent:20px;}
.leftBox ul li a{color:#333; font-size:18px; color:#333; width:100%; height:50px; display:block;}
.leftBox ul li a:hover{ background:#fafafa;}
.fyUl{width:100%; height:30px; text-align:center; clear:both; padding-top:60px;}
.fyUl li{ display:inline-block; margin:0 2px; padding:5px 8px; background:#6cd2ff; color:#fff; cursor:pointer; border-radius:2px;}
.fyUl .active,.fyUl li:hover{background:#008bca;}
.blogList{width:850px; height:140px; margin:0 auto; padding:20px 0; border-bottom:1px solid #ddd;}
.limg{width:220px; height:140px; float:left; margin-right:20px;}
.limg img{width:220px; height:140px;}
.ltext{width:610px; height:auto; float:left; line-height:30px;}
.ltext h2 a{font-size:20px; font-weight:100;color:#333;}
.ltext span{ font-size:12px; color:#999;}
.ltext p{ line-height:22px; font-size:14px; padding-top:10px; color:#666;}
.detailCon{ padding:20px 30px;}
.detailCon h2{ font-size:24px; font-weight:normal; color:#000; text-align:center; line-height:40px;}
.detailCon .timep{width:850px; line-height:40px; margin:0 auto; border-bottom:1px dashed #ddd; text-align:center;color:#666;}
.text01{width:850px; height:auto; line-height:30px; font-size:14px; color:#333; padding-top:10px;}
.proCon{ padding:0 40px; font-size:16px; color:#333; line-height:34px;}
.nav3{background:url(../images/pro2.jpg) no-repeat center top;}
.proRight{ font-size:20px; color:#333b43; line-height:36px; padding-top:70px;}
.banner8{width:100%; height:150px; background:url(../images/ban3.jpg) no-repeat center top; text-align:center; color:#fff;}
.banner8 h2{margin:0 auto; line-height:60px; font-size:36px; font-weight:normal; padding-top:30px;}
.banner8 p{ font-size:18px; color:#dfdfdf;}
.main3{width:1200px; height:auto; margin:0 auto;  overflow:hidden; position:relative; padding-bottom:50px;}
.proList{width:100%; height:auto; clear:both; overflow:hidden; padding-bottom:30px; padding-top:50px; border-bottom:1px dashed #c1c1c1;}
.proPic{width:600px; height:300px;}
.proTxt{width:600px; height:300px;}
.proTxt h3{ font-size:24px; color:#000; font-weight:normal; line-height:44px; margin-bottom:10px;}
.proTxt .h03{ font-size:30px;color:#0087dc;}
.proTxt p{ font-size:16px; color:#333; line-height:34px; padding-right:80px;}
.proTxt p a{color:#000;}
.proTxt p a:hover{color:#0087dc;}
.flli{ clear:both; font-size:20px; line-height:30px; color:#000; padding-top:25px;}
.flli span{width:auto; height:24px; display:block; float:left; background:url(../images/liico.png) no-repeat 0 3px; padding-left:25px; padding-right:22px;}
.proBtn{ clear:both; padding-top:25px;}
.flli2{ font-size:16px;}
.flli2 span{ padding-right:18px;}

@media(max-width:1200px) {
 
 .header
{
    width: 1200px;
    height: 80px;
    background: #edf0f2;
}

.nav1 {
    width: 1200px;
    height: 470px;
    clear: both;
    background: url(../images/navbg.jpg) center top;
}
.footer {
    width: 1200px;
    height: 480px;
    background: #1d252d;
}

.banner {
    width: 1200px;
    height: 500px;
    background: url(../images/pic1.jpg) no-repeat center top;
}
}

.xtitle {
 text-align:left;
 font-size:18px; font-weight:bold; height:280%; height:40px;
}

#xtxt {
line-height: 180%;
letter-spacing: 1px;
}
.showwx {
 position:relative

}
.wximg {
padding:6px; display:none; width:145px; height:145px;
 position:absolute;left:-60px; top:60px; background:#fff;
}

    .wximg img {
        width:145px;
    }
.showwx:hover .wximg{ display:block}


