@charset "utf-8";

.banner{ position:relative; width:100%;  }
.banner .bd{ width:1920px; position:relative; left:50%; margin-left:-960px;  z-index:1;}
.banner .bd ul li{ width:1920px;height: 643px;display: block;overflow: hidden;}
.banner .bd img{vertical-align: bottom;width:100%;height: auto;transition: all 5.5s;}
.banner .hd{ width:1920px; left:50%; margin-left:-960px; position:absolute; bottom:45px; z-index:3; text-align:center;}
.banner .hd ul{ display:inline-block; }
.banner .hd ul li{ width:14px; height:14px; border-radius: 100%;background: #f4f4f4; margin:0 13px;  *display:block; display:inline-block; vertical-align:top; cursor:pointer;list-style: none;float: left;transition: width 0.3s ease-in-out;text-indent: 9999px}
.banner .hd ul .on{ background:#1f4494;}
.banner .prev{width: 54px;height: 54px;position: absolute;z-index: 9;top: 50%;margin-top: -27px;background: url(prev.png) no-repeat;left: 40px;display: none}
.banner .next{width: 54px;height: 54px;position: absolute;z-index: 9;top: 50%;margin-top: -27px;background: url(next.png) no-repeat;right: 40px;display: none}

.container{background: #e8e8e8}

.box1{border-bottom: 1px solid #bababa}
.box1 .hotLink{float: left;font-size: 15px;color: #1f4494;height: 60px;line-height: 60px;}
.box1 .hotLink a{font-size: 14px;color: #000000;margin-right: 12px}
.box1 .hotLink a:hover{color: #1f4494}
.box1 .searchBox{float: right;border: 1px solid #4c4c4c;border-radius: 20px;width: 245px;height: 30px;position: relative;margin-top: 14px}
.box1 .searchBox .inp{width: 180px;padding-left: 25px;height: 30px;line-height: 30px;font-size: 14px;color: rgba(0,0,0,0.36);}
.box1 .searchBox .btn{width: 21px;height: 19px;background: url(search.png) no-repeat;position: absolute;top: 50%;margin-top: -9px;right: 13px;cursor: pointer;}

.hf{padding: 40px 0 28px;background: #282828}
.hf .txt{float: left;}
.hf .txt .h{vertical-align: bottom;}
.hf .txt .h span.b{vertical-align: bottom;font-size: 37px;color: #ffffff;font-weight: bold;margin-left: 10px}
.hf .txt .h span.c{vertical-align: bottom;font-size: 37px;color: #ffffff;margin-left: 16px}
.hf .txt .h span.d{vertical-align: bottom;font-size: 48px;color: #00d8ff;margin-left: 25px}
.hf .txt .p{font-size: 22px;color: #ffffff;margin-top: 3px}
.hf .code{float: right;}
.hf .code img{width: 108px;height: auto;}
.hf .code p{font-size: 14px;color: #ffffff;margin-top: 6px;text-align: center;}
.hf .phone{float: right;margin-right: 70px;font-size: 27px;color: #ffffff;margin-top: 26px;padding-left: 80px;background: url(phone02.png) no-repeat left center;line-height: 34px;height: 68px;line-height: 68px;}

.hf02{background: #232323}

.s1{padding: 35px 0 103px;background: url(bg_01.jpg) no-repeat center center;background-size: 1920px auto;}
.s1 .aArea{}
.s1 .aArea .ti{}
.s1 .aArea .ti .h{font-size: 88px;line-height: 88px;display: inline-block;}
.s1 .aArea .ti .p{display: inline-block;margin-left: 25px}
.s1 .aArea .ti .p .a{font-size:20px;color: #1b1b1b;text-transform: uppercase;}
.s1 .aArea .ti .p .b{font-size:39px;color: #1f4494;line-height: 60px;font-weight: bold;}
.s1 .aArea .innerBox{margin-top: 35px}
.s1 .aArea .leftArea{float: left;width: 600px;box-sizing: border-box;padding: 17px 16px 21px;background: #fff}
.s1 .aArea .leftArea .item{position: relative;overflow: hidden;}
.s1 .aArea .leftArea .item a{display: block;}
.s1 .aArea .leftArea .item:first-child{margin-bottom: 24px;}
.s1 .aArea .leftArea .item .mask{position: absolute;bottom: 0;left: 0;box-sizing: border-box;padding: 9px 0;text-align: center;background: rgba(0,0,0,.5);width: 100%;font-size: 16px;color: #ffffff}
.s1 .aArea .rightArea{float: right;width: 600px;box-sizing: border-box;padding: 17px 16px 21px;background: #5f5f5f}
.s1 .aArea .rightArea .in{background: #fff;padding-top: 50px}
.s1 .aArea .rightArea .in .h{font-size: 36px;color: #000000;text-align: center;}
.s1 .aArea .rightArea .in .p{margin-top: 7px}
.s1 .aArea .rightArea .in .p img{width: 100%;height: auto;}
.s1 .aArea .rightArea .in .cont{font-size: 20px;color: #000000;padding-left: 30px;margin-top: 30px;line-height: 34px;height: 136px;}
.s1 .aArea .rightArea .in .list{margin-top: 28px}
.s1 .aArea .rightArea .in .list .item{float: left;width: 278px;height: 189px;position: relative;overflow: hidden;}
.s1 .aArea .rightArea .in .list .item a{display: block;}
.s1 .aArea .rightArea .in .list .item:last-child{float: right;}
.s1 .aArea .rightArea .in .list .item .mask{position: absolute;bottom: 0;left: 0;width: 100%;box-sizing: border-box;padding: 9px 0;background: rgba(0,0,0,.5);font-size: 12px;color: #ffffff;text-align: center;}
.s1 .aArea .item img{display:block;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all .5s;max-width: 100%;}
.s1 .aArea .item:hover img{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1); }

.s1 .bArea{margin-top: 25px;padding: 26px 15px 28px 15px;background: #fff}
.s1 .bArea .sideBar{float: left;width: 260px;}
.s1 .bArea .sideBar .leftTitle{padding: 22px 0;background: #1f4494}
.s1 .bArea .sideBar .leftTitle .h{text-align: center;font-size: 30px;color: #ffffff}
.s1 .bArea .sideBar .leftTitle .s{text-align: center;font-size: 12px;color: rgba(255,255,255,.8);margin-top: 3px;text-transform: uppercase;}
.s1 .bArea .sideBar .menu{background: #f6f6f6}
.s1 .bArea .sideBar .menu dt{background: #4d4949;}
.s1 .bArea .sideBar .menu dt a{font-size: 18px;color: #ffffff;line-height: 46px;height: 46px;display: block;padding-left: 26px;background: url(more.png) no-repeat 222px center;}
.s1 .bArea .sideBar .menu dd{border-bottom: 1px solid #c5c5c5;height: 37px;line-height: 37px;}
.s1 .bArea .sideBar .menu dd a{font-size: 14px;color: rgba(0,0,0,.9);display: block;padding-left: 26px}
.s1 .bArea .proList{float: right;width: 883px;overflow: hidden;}
.s1 .bArea .proList ul{width: 900px}
.s1 .bArea .proList ul li{float: left;width: 283px;border: 1px solid #dddddd;margin-right: 14px;margin-bottom: 13px}
.s1 .bArea .proList ul li .pic{border-bottom: 1px solid #ddd;overflow: hidden;width: 283px;height: 209}
.s1 .bArea .proList ul li .pic img{display:block;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all .5s;max-width: 100%;}
.s1 .bArea .proList ul li:hover .pic img{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1); }
.s1 .bArea .proList ul li .txt{text-align: center;height: 42px;line-height: 42px;}
.s1 .bArea .proList ul li .txt a{display: block;font-size: 14px;color: #010101}
.s1 .bArea .proList ul li:hover .txt a{color: #fff;background: #1f4494}

.s2{padding: 80px 0 96px;background: url(bg_02.jpg) no-repeat center center;background-size: 1920px auto;}
.s2 .topTit{text-align: center;position: relative;}
.s2 .topTit .zt{display: inline-block;}
.s2 .topTit .zt img{vertical-align: middle;}
.s2 .topTit .wz{display: inline-block;margin-left: 15px;position: relative;top: 22px}
.s2 .topTit .wz .h{font-size: 16px;color: rgba(40,40,40,.6);text-transform: uppercase;line-height: 20px;text-align: left;}
.s2 .topTit .wz .p{font-size: 50px;color: #1f4494;line-height: 55px;font-weight: bold;text-align: left;}
.s2 .topTit .en{position: absolute;bottom: -120px;width: 100%;left: 0;text-align: center;font-size: 80px;color: rgba(0,0,0,.1);text-transform: uppercase;z-index: 1}
.s2 .s2-c{position: relative;margin-top: 68px;z-index: 3;background: #fff;padding: 30px 15px 50px}
.s2 .s2-c .item{}
.s2 .s2-c .item .pic{overflow: hidden;width: 585px;display: table-cell;}
.s2 .s2-c .item .pic img{display:block;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all .5s;max-width: 100%;}
.s2 .s2-c .item:hover .pic img{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1); }
.s2 .s2-c .item .txt{width: 585px;display: table-cell;vertical-align: middle;box-sizing: border-box;}
.s2 .s2-c .item:nth-child(odd) .txt{padding-left: 40px;}
.s2 .s2-c .item:nth-child(even) .txt{padding-right: 40px;}
.s2 .s2-c .item .txt .a{}
.s2 .s2-c .item .txt .a .num{float: left;width: 62px;height: 62px;line-height: 62px;text-align: center;font-size: 36px;color: #ffffff;font-family: arial;background: #1f4494;letter-spacing: 3px;margin-right: 10px;}
.s2 .s2-c .item .txt .a .h{font-size: 24px;color: #010101}
.s2 .s2-c .item .txt .a .p{font-size: 14px;color: rgba(0,0,0,.5);text-transform: uppercase;}
.s2 .s2-c .item .txt .b{font-size: 30px;color: #000000;margin-top: 16px}
.s2 .s2-c .item .txt .b .blue{color: #1f4494}
.s2 .s2-c .item .txt .c{font-size: 16px;color: #010101;line-height: 36px;margin-top: 30px;}
.s2 .s2-c .item .txt .c p{padding-left: 22px;background: url(ico_01.png) no-repeat left 12px;}

.s3{padding-bottom: 84px;background: url(bg_03.jpg) no-repeat top center;background-size: 1920px auto;}
.s3 .aArea{background: #fff;padding: 32px 15px 75px;position: relative;top: -30px}
.s3 .aArea .topTit{text-align: center;padding-bottom: 12px;background: url(ico_02.jpg) no-repeat bottom center;}
.s3 .aArea .topTit .blue{color: #1f4494}
.s3 .aArea .topTit .h1{font-size: 14px;color: rgba(0,0,0,.2);text-transform: uppercase;}
.s3 .aArea .topTit .h2{font-size: 36px;color: #000000;line-height: 42px;}
.s3 .aArea .topTit .p{font-size: 14px;color: #000000;margin-top: 8px}
.s3 .aArea .slideWrap{margin-top: 30px;position: relative;}
.s3 .aArea .slideWrap .bd{overflow: hidden;}
.s3 .aArea .slideWrap ul li{width: 375px;height: 248px;overflow: hidden;position: relative;float: left;margin-right: 9px;}
.s3 .aArea .slideWrap ul li .mask{position: absolute;bottom: 0;left: 0;width: 100%;height: 40px;line-height: 40px;font-size: 14px;color: #feffff;background: rgba(0,0,0,.5);text-align: center;}
.s3 .aArea .slideWrap .prev{position: absolute;width: 54px;height: 54px;background: url(prev.png) no-repeat;cursor: pointer;display: block;left: -92px;top: 50%;margin-top: -27px;}
.s3 .aArea .slideWrap .next{position: absolute;width: 54px;height: 54px;background: url(next.png) no-repeat;cursor: pointer;display: block;right: -92px;top: 50%;margin-top: -27px;}
.s3 .aArea .more{display: block;margin: 46px auto 0 auto;width: 214px;height: 45px;line-height: 45px;text-align: center;border-radius: 30px;background: #e8e8e8;font-size: 16px;color: #000000}
.s3 .bArea{margin-top: 35px;}
.s3 .bArea .h{font-size: 48px;color: #1f4494;font-weight: bold;}
.s3 .bArea .p{font-size: 24px;color: #000000}
.s3 .slideWrap{margin-top: 38px;}
.s3 .slideWrap ul li{float: left;width: 226px;height: 91px;transition: all .5s ease;margin: 10px 4px 10px 4px;border:2px solid #fff;}
.s3 .slideWrap ul li:hover{box-shadow: 0 0 5px rgba(0,0,0,.35);border:2px solid #1f4494;}
.s3 .slideWrap .bd{overflow: hidden;}



.s3 .bArea .bd .tempWrap { width:1200px!important; }
.s3 .bArea .bd ul li { float:left; width:384px; margin-right:10px; height: auto; overflow:hidden; }
.s3 .bArea .bd ul li img { transition: all 0.6s; }
.s3 .bArea .bd ul li:hover img { transform: scale(1.1)!important; }
 
.s3 .inside{text-align: center;font-size: 70px;color: rgba(0,0,0,.1);text-transform: uppercase;margin-top: 0}
.s3 .cArea{margin-top: -38px;background: #fff;padding: 50px 15px 50px;position: relative;z-index: 3}
.s3 .cArea .topTit{text-align: center;padding-bottom: 8px;background: url(ico_02.jpg) no-repeat bottom center;}
.s3 .cArea .topTit .h{font-size: 36px;color: #000000}
.s3 .cArea .topTit .p{font-size: 14px;color: #000000}
.s3 .cArea .aboutBox{margin-top: 32px;background: #f4f4f4}
.s3 .cArea .aboutBox .pic{float: left;width: 570px;margin-right: 35px;position: relative;}
.s3 .cArea .aboutBox .pic .hd{position: absolute;bottom: 20px;width: 100%;text-align: center;z-index: 3;left: 0}
.s3 .cArea .aboutBox .pic .hd ul{width: 100%}
.s3 .cArea .aboutBox .pic .hd ul li{display: inline-block;width: 12px;height: 12px;border-radius: 100%;text-indent: 9999px;background: #fff;margin: 0 14px;cursor: pointer;}
.s3 .cArea .aboutBox .pic .hd ul li.on{background: #1f4494}
.s3 .cArea .aboutBox .txt{padding-top: 55px;}
.s3 .cArea .aboutBox .txt .h{font-size: 24px;color: #000000}
.s3 .cArea .aboutBox .txt .p{font-size: 14px;color: rgba(0,0,0,.9);margin-top: 25px;line-height: 30px;}
.s3 .cArea .aboutBox .txt .more{display: inline-block;width: 126px;height: 32px;line-height: 32px;text-align: center;border-radius: 20px;border: 1px solid #666666;font-size: 14px;color: #000000;margin-top: 28px}
.s3 .cArea .aboutBox .txt .more:hover{color: #1f4494;border: 1px solid #1f4494;}
.s3 .cArea .honorBox{margin-top: 46px;position: relative;margin-bottom: 80px}
.s3 .cArea .honorBox .bd{overflow: hidden;}
.s3 .cArea .honorBox .bd ul li{width: 256px;border: 7px solid #484848;height: auto;overflow: hidden;margin-right: 30px;}
.s3 .cArea .honorBox .bd ul li img{width: 100%;height: auto;}
.s3 .cArea .honorBox .prev{width: 42px;height: 42px;background: url(prev02.jpg) no-repeat;position: absolute;display: block;left: -15px;top: 50%;margin-top: -21px;cursor: pointer;}
.s3 .cArea .honorBox .next{width: 42px;height: 42px;background: url(next02.jpg) no-repeat;position: absolute;display: block;right: -15px;top: 50%;margin-top: -21px;cursor: pointer;}
.s3 .cArea .newsBox{}
.s3 .cArea .newsBox .hd{margin-top: 24px}
.s3 .cArea .newsBox .hd ul{text-align: center;width: 100%}
.s3 .cArea .newsBox .hd ul li{display: inline-block;width: 125px;height: 36px;line-height: 36px;text-align: center;background: #484848;margin: 0 8px}
.s3 .cArea .newsBox .hd ul li a{display: block;font-size: 14px;color: #ffffff;}
.s3 .cArea .newsBox .hd ul li.on a{background: #1f4494}
.s3 .cArea .newsBox .bd{margin-top: 36px;overflow: hidden;}
.s3 .cArea .newsBox .bd ul li{float: left;width: 375px;margin-right: 20px;}
.s3 .cArea .newsBox .bd ul li:last-child{margin-right: 0}
.s3 .cArea .newsBox .bd ul li .pic{width: 375px;height: 250px;overflow: hidden;}
.s3 .cArea .newsBox .bd ul li .pic img{display:block;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all .5s;max-width: 100%;}
.s3 .cArea .newsBox .bd ul li:hover .pic img{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1); }
.s3 .cArea .newsBox .bd ul li .txt{padding: 20px 0 20px}
.s3 .cArea .newsBox .bd ul li .txt .h{}
.s3 .cArea .newsBox .bd ul li .txt .h a{font-size: 18px;color: #000000}
.s3 .cArea .newsBox .bd ul li .txt .h span{float: right;font-size: 14px;color: #000000;margin-top: 3px}
.s3 .cArea .newsBox .bd ul li .txt .p{font-size: 14px;color: rgba(0,0,0,.7);line-height: 24px;margin-top: 10px;height: 48px;text-overflow: ellipsis;overflow: hidden;}
.s3 .cArea .newsBox .bd ul li:hover .txt .h a{color: #1f4494;padding-left: 15px}
.s3 .dArea{background: #fff;padding: 36px 0 40px;border-top: 1px solid #dddddd;}
.s3 .dArea .h{float: left;width: 107px;height: 46px;line-height: 46px;text-align: center;background: #1f4494;font-size: 16px;color: #ffffff;font-weight: bold;}
.s3 .dArea .p a{display: inline-block;height: 46px;line-height: 46px; margin: 0 15px;font-size: 14px;position: relative;}
.s3 .dArea .p a:after{content: '';position: absolute;right: -16px;top: 50%;margin-top: -8px;width: 1px;height: 16px;background: #000000}
.s3 .dArea .p a:last-child:after{display: none}


.cccBox { background:#fff; padding:0 15px 30px; }
.cccBox .p1 { border-bottom:1px solid #eee; font-size:18px; line-height:50px; margin-bottom:20px; }
.cccBox .p1 i { position:relative; display:inline-block; font-style:normal; }
.cccBox .p1 i:after { position:absolute; left:0; bottom:-1px; display:block; content:""; width:100%; height:1px; background:#1f4494; z-index:5; }
.cccBox .p2 { font-size:0; }
.cccBox .p2 a { position:relative; display:inline-block; width:136px; padding:0 5px; height:30px; font-size:14px; text-align:center; line-height:30px; margin-bottom:10px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.cccBox .p2 a:after { position:absolute; top:5px; right:0; display:block; content:""; width:1px; height:20px; background:#ddd; z-index:5; }