﻿@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}body,button,input,select,textarea{font:12px/1.5 arial,'microsoft yahei';color:#666;resize:none;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: normal;}address,cite,dfn,em,var,i{font-style:normal}ul,ol,li{list-style:none}a{color: inherit;text-decoration:none}fieldset,img{border:0;vertical-align:top;}section,article,aside,header,footer,nav,dialog,figure{display:block;}button,input,select,textarea{font-size:100%;outline:none;border:none;background: none;}textarea{overflow:auto}table{border-collapse:collapse;border-spacing:0;width:100%;}.w:after,.wrap:after,.clearfix:after, .fix:after{display:block;content:'';clear:both;height: 0;}a:link,a:visited,a:hover,a:active,a:focus{text-decoration:none;outline:none;}.none{display:none;}.block{display:block;}ul.fix>li,.dl.fix>dt,.dl.fix>dd {float: left;} .fl {float:left !important;}.fr {float:right !important;}.fl-img {float:left !important;margin-right:20px;}.fr-img {float:right !important;margin-left:20px;}.in-b {display:inline-block;} .font-st {font-family:arial,'SimSun';}.font-yh {font-family:arial,'microsoft yahei';}.font-st-12 {font-family:arial,'SimSun';font-size:12px;}.font-yh-12 {font-family:arial,'microsoft yahei';font-size:12px;}.font-st-14 {font-family:arial,'SimSun';font-size:14px;}.font-yh-14 {font-family:arial,'microsoft yahei';font-size:14px;}.opt:hover{opacity: 0.8;filter:alpha(opacity=80);}
.lh1 {line-height:1} .lh2 {line-height:2} .lh3 {line-height:3} .lh4 {line-height:4} .lh12 {line-height:12px} .lh14 {line-height:14px} .lh16 {line-height:16px} .lh18 {line-height:18px} .lh20 {line-height:20px} .lh22 {line-height:22px} .lh24 {line-height:24px} .lh26 {line-height:26px} .lh28 {line-height:28px} .lh30 {line-height:30px} .lh32 {line-height:32px} .lh34 {line-height:34px} .lh36 {line-height:36px} .lh38 {line-height:38px} .lh40 {line-height:40px}
.lh42 {line-height:42px} .lh44 {line-height:44px} .lh46 {line-height:46px} .lh48 {line-height:48px} .lh50 {line-height:50px} .lh52 {line-height:52px} .lh54 {line-height:54px} .lh56 {line-height:56px} .lh58 {line-height:58px} .lh60 {line-height:60px} .lh62 {line-height:62px} .lh64 {line-height:64px} .lh66 {line-height:66px} .lh68 {line-height:68px} .lh70 {line-height:70px} .lh72 {line-height:72px} .lh74 {line-height:74px} .lh76 {line-height:76px} .lh78 {line-height:78px} .lh80 {line-height:80px} .lh82 {line-height:82px} .lh84 {line-height:84px} .lh86 {line-height:86px} .lh88 {line-height:88px} .lh90 {line-height:90px} .lh92 {line-height:92px} .lh94 {line-height:94px} .lh96 {line-height:96px} .lh98 {line-height:98px} .lh100 {line-height:100px} 
.text-l{text-align:left}.text-c{text-align:center}.text-r{text-align:right}
.abs{position: absolute;} .rel{position: relative;} .static{position: static;} .fixed{position: fixed;}
.c1{color:#111}.c2{color:#222}.c3{color:#333}.c4{color:#444}.c5{color:#555}.c6{color:#666}.c7{color:#777}.c8{color:#888}.c9{color:#999}.ca{color:#aaa}.cb{color:#bbb}.cc{color:#ccc}.cd{color:#ddd}.ce{color:#eee}.cf{color:#fff}
.f12{font-size:12px}.f14{font-size:14px}.f16{font-size:16px}.f18{font-size:18px}.f20{font-size:20px}.f22{font-size:22px}.f24{font-size:24px}.f26{font-size:26px}.f28{font-size:28px}.f30{font-size:30px}.f32{font-size:32px}.f34{font-size:34px}.f36{font-size:36px}.f38{font-size:38px}.f40{font-size:40px}.f42{font-size:42px}.f44{font-size:44px}.f46{font-size:46px}.f48{font-size:48px}.f50{font-size:50px}
.bg1{background-color:#111}.bg2{background-color:#222}.bg3{background-color:#333}.bg4{background-color:#444}.bg5{background-color:#555}.bg6{background-color:#666}.bg7{background-color:#777}.bg8{background-color:#888}.bg9{background-color:#999}.bga{background-color:#aaa}.bgb{background-color:#bbb}.bgc{background-color:#ccc}.bgd{background-color:#ddd}.bge{background-color:#eee}.bgf{background-color:#fff} 
.w20{width: 20%;} .w25{width: 25%;} .w33{width: 33.3333%;} .w50{width: 50%;}
.bd1{border:1px solid #111}.bd2{border:1px solid #222}.bd3{border:1px solid #333}.bd4{border:1px solid #444}.bd5{border:1px solid #555}.bd6{border:1px solid #666}.bd7{border:1px solid #777}.bd8{border:1px solid #888}.bd9{border:1px solid #999}.bda{border:1px solid #aaa}.bdb{border:1px solid #bbb}.bdc{border:1px solid #ccc}.bdd{border:1px solid #ddd}.bde{border:1px solid #eee}.bdf{border:1px solid #fff} ul.fix.ml-1 li {margin-left: 1px;} ul.fix.ml-2 li {margin-left: 2px;} ul.fix.ml-3 li {margin-left: 3px;} ul.fix.ml-4 li {margin-left: 4px;} ul.fix.ml-5 li {margin-left: 5px;} ul.fix.ml-6 li {margin-left: 6px;} ul.fix.ml-7 li {margin-left: 7px;} ul.fix.ml-8 li {margin-left: 8px;} ul.fix.ml-9 li {margin-left: 9px;} ul.fix.ml-10 li {margin-left: 10px;} ul.fix.ml-11 li {margin-left: 11px;} ul.fix.ml-12 li {margin-left: 12px;} ul.fix.ml-13 li {margin-left: 13px;} ul.fix.ml-14 li {margin-left: 14px;} ul.fix.ml-15 li {margin-left: 15px;} ul.fix.ml-16 li {margin-left: 16px;} ul.fix.ml-17 li {margin-left: 17px;} ul.fix.ml-18 li {margin-left: 18px;} ul.fix.ml-19 li {margin-left: 19px;} ul.fix.ml-20 li {margin-left: 20px;} ul.fix.ml-21 li {margin-left: 21px;} ul.fix.ml-22 li {margin-left: 22px;} ul.fix.ml-23 li {margin-left: 23px;} ul.fix.ml-24 li {margin-left: 24px;} ul.fix.ml-25 li {margin-left: 25px;} ul.fix.ml-26 li {margin-left: 26px;} ul.fix.ml-27 li {margin-left: 27px;} ul.fix.ml-28 li {margin-left: 28px;} ul.fix.ml-29 li {margin-left: 29px;} ul.fix.ml-30 li {margin-left: 30px;} ul.fix.ml-31 li {margin-left: 31px;} ul.fix.ml-32 li {margin-left: 32px;} ul.fix.ml-33 li {margin-left: 33px;} ul.fix.ml-34 li {margin-left: 34px;} ul.fix.ml-35 li {margin-left: 35px;} ul.fix.ml-36 li {margin-left: 36px;} ul.fix.ml-37 li {margin-left: 37px;} ul.fix.ml-38 li {margin-left: 38px;} ul.fix.ml-39 li {margin-left: 39px;} ul.fix.ml-40 li {margin-left: 40px;} ul.fix.ml-41 li {margin-left: 41px;} ul.fix.ml-42 li {margin-left: 42px;} ul.fix.ml-43 li {margin-left: 43px;} ul.fix.ml-44 li {margin-left: 44px;} ul.fix.ml-45 li {margin-left: 45px;} ul.fix.ml-46 li {margin-left: 46px;} ul.fix.ml-47 li {margin-left: 47px;} ul.fix.ml-48 li {margin-left: 48px;} ul.fix.ml-49 li {margin-left: 49px;} ul.fix.ml-50 li {margin-left: 50px;} ul.fix.ml-51 li {margin-left: 51px;} ul.fix.ml-52 li {margin-left: 52px;} ul.fix.ml-53 li {margin-left: 53px;} ul.fix.ml-54 li {margin-left: 54px;} ul.fix.ml-55 li {margin-left: 55px;} ul.fix.ml-56 li {margin-left: 56px;} ul.fix.ml-57 li {margin-left: 57px;} ul.fix.ml-58 li {margin-left: 58px;} ul.fix.ml-59 li {margin-left: 59px;} ul.fix.ml-60 li {margin-left: 60px;} ul.fix.ml-62 li {margin-left: 62px;} ul.fix.ml-64 li {margin-left: 64px;} ul.fix.ml-66 li {margin-left: 66px;} ul.fix.ml-68 li {margin-left: 68px;} ul.fix.ml-70 li {margin-left: 70px;} ul.fix.ml-72 li {margin-left: 72px;} ul.fix.ml-74 li {margin-left: 74px;} ul.fix.ml-76 li {margin-left: 76px;} ul.fix.ml-78 li {margin-left: 78px;} ul.fix.ml-80 li {margin-left: 80px;} ul.fix.ml-82 li {margin-left: 82px;} ul.fix.ml-84 li {margin-left: 84px;} ul.fix.ml-86 li {margin-left: 86px;} ul.fix.ml-88 li {margin-left: 88px;} ul.fix.ml-90 li {margin-left: 90px;} ul.fix.ml-92 li {margin-left: 92px;} ul.fix.ml-94 li {margin-left: 94px;} ul.fix.ml-96 li {margin-left: 96px;} ul.fix.ml-98 li {margin-left: 98px;} ul.fix.ml-100 li {margin-left: 100px;} .ml-1 {margin-left: -1px;} .ml-2 {margin-left: -2px;} .ml-3 {margin-left: -3px;} .ml-4 {margin-left: -4px;} .ml-5 {margin-left: -5px;} .ml-6 {margin-left: -6px;} .ml-7 {margin-left: -7px;} .ml-8 {margin-left: -8px;} .ml-9 {margin-left: -9px;} .ml-10 {margin-left: -10px;} .ml-11 {margin-left: -11px;} .ml-12 {margin-left: -12px;} .ml-13 {margin-left: -13px;} .ml-14 {margin-left: -14px;} .ml-15 {margin-left: -15px;} .ml-16 {margin-left: -16px;} .ml-17 {margin-left: -17px;} .ml-18 {margin-left: -18px;} .ml-19 {margin-left: -19px;} .ml-20 {margin-left: -20px;} .ml-21 {margin-left: -21px;} .ml-22 {margin-left: -22px;} .ml-23 {margin-left: -23px;} .ml-24 {margin-left: -24px;} .ml-25 {margin-left: -25px;} .ml-26 {margin-left: -26px;} .ml-27 {margin-left: -27px;} .ml-28 {margin-left: -28px;} .ml-29 {margin-left: -29px;} .ml-30 {margin-left: -30px;} .ml-31 {margin-left: -31px;} .ml-32 {margin-left: -32px;} .ml-33 {margin-left: -33px;} .ml-34 {margin-left: -34px;} .ml-35 {margin-left: -35px;} .ml-36 {margin-left: -36px;} .ml-37 {margin-left: -37px;} .ml-38 {margin-left: -38px;} .ml-39 {margin-left: -39px;} .ml-40 {margin-left: -40px;} .ml-41 {margin-left: -41px;} .ml-42 {margin-left: -42px;} .ml-43 {margin-left: -43px;} .ml-44 {margin-left: -44px;} .ml-45 {margin-left: -45px;} .ml-46 {margin-left: -46px;} .ml-47 {margin-left: -47px;} .ml-48 {margin-left: -48px;} .ml-49 {margin-left: -49px;} .ml-50 {margin-left: -50px;} .ml-51 {margin-left: -51px;} .ml-52 {margin-left: -52px;} .ml-53 {margin-left: -53px;} .ml-54 {margin-left: -54px;} .ml-55 {margin-left: -55px;} .ml-56 {margin-left: -56px;} .ml-57 {margin-left: -57px;} .ml-58 {margin-left: -58px;} .ml-59 {margin-left: -59px;} .ml-60 {margin-left: -60px;} .ml-62 {margin-left: -62px;} .ml-64 {margin-left: -64px;} .ml-66 {margin-left: -66px;} .ml-68 {margin-left: -68px;} .ml-70 {margin-left: -70px;} .ml-72 {margin-left: -72px;} .ml-74 {margin-left: -74px;} .ml-76 {margin-left: -76px;} .ml-78 {margin-left: -78px;} .ml-80 {margin-left: -80px;} .ml-82 {margin-left: -82px;} .ml-84 {margin-left: -84px;} .ml-86 {margin-left: -86px;} .ml-88 {margin-left: -88px;} .ml-90 {margin-left: -90px;} .ml-92 {margin-left: -92px;} .ml-94 {margin-left: -94px;} .ml-96 {margin-left: -96px;} .ml-98 {margin-left: -98px;} .ml-100 {margin-left: -100px;}


*,*:before,*:after {box-sizing:border-box;}
.bor50 {border-radius: 50%}
.slide {position: relative;}
a:hover {color: #0168b7;}
.w {position:relative;width:1100px; margin:0 auto; clear:both;}

.img2 {display: block;position: relative;}
.img2:before {z-index: 33;transition:background-position .3s;content: '';position: absolute;width: 100%;height: 90%;left: 0;top: 0;background: url(../images/fdj.png) center -100% no-repeat;}
.img2:hover:before {background-position:center;}
.img2:hover:after {content: '';left: 0;top: 0;position: absolute;width: 100%;height: 100%;background: url(../images/bg2.png);}


.slide-btn {position: absolute;top: 50%;border: 1px solid #aaa;border-radius: 50%;font: bolder 30px 'SimSun';margin-top: -15px;width: 50px;line-height: 50px;text-align: center;z-index: 99;}
.slide-btn.prev {left: -80px;}
.slide-btn.next {right: -80px;}


/*    header     */
.header {margin-top: -18px;}
.header .header-top {background: #eee;line-height: 38px;font-family: 'SimSun';color: #999;}
.header .header-top .w * {display: inline-block;vertical-align: middle;}
.header .links a {background: url(../images/email.png) no-repeat 0 -4px;padding-left: 24px;line-height: 37px;}
.header .links a + a {background-position: 0 -38px;margin-left: 15px;}
.header a i {margin-left: 5px;}
.header .header-top span {margin:0 6px;}

.header .tel {background: url(../images/tel.png) no-repeat left 0;padding-left: 157px;line-height: 25px;color: #585858;font-size: 28px;margin-top: 46px;}
.friendLink{text-align: left;margin-top: 15px;width: 520px;}
.friendLink span{    line-height: 42px;    font-size: 14px;}
.friendLink a{margin-right: 5px;color: #88ac52;}





/*    nav   */

.nav {background: #0168b7;line-height: 45px;font-size: 16px;}
.nav li a {display: block;padding: 0 47px;color: #fff;}
.nav li.current a,.nav li:hover a { color: #b0d670;}







/*   banner    */
.banner { position:relative;overflow: hidden;}
.banner .bd { position:relative;left:50%; width:1920px;margin-left:-960px;text-align: center; }
.banner .bd li {width: 100%;height: 487px;}
.banner .hd { position:absolute;text-align:center; width: 100%;bottom: 20px;}
.banner .hd li {border-radius: 50%; display:inline-block; width:11px; height:11px; margin:0 8px;background: #fff;overflow:hidden; cursor:pointer; }
.banner .hd li.on { background:#b0d670; }




/*    pic-lists   */
.pic-txt-list li {width: 227px;background: #e9e9e9;padding: 0 23px;}
.pic-txt-list li img {border-right: 50%;margin: 28px 0;}
.pic-txt-list li h3 {line-height: 1;font-size: 14px;}
.pic-txt-list li h3:after {content: '';display:block;width: 30px;height: 1px;background: #128ee0;margin: 18px auto;}
.pic-txt-list .more {border: 1px solid #aaa;width: 120px;display: inline-block;line-height: 30px;margin: 38px 0 44px;}



/*    fix-sns   */
.fix-sns {transition:.2s;-webkit-transition:.2s;position: fixed;right: -70px;top: 50%;margin-top: -140px;z-index: 33;padding-left: 31px;}
.fix-sns:hover {right: 0;}
.fix-sns .bar {cursor: pointer;background: url(../images/bar.png);width: 31px;height: 114px;position: absolute;left: 0;top: 50%;margin-top: -57px;}
.fix-sns ul {border-left: 1px solid #d9dbdc;border-top: 1px solid #d9dbdc;}
.fix-sns li {position: relative;width: 70px;height: 70px;background:#fff url(../images/bar_icon.png);border-bottom: 1px solid #d9dbdc;}
.fix-sns .s2 {background-position: 0 -72px;}
.fix-sns .s3 {background-position: 0 -144px;}
.fix-sns .s4 {background-position: 0 -216px;}
.fix-sns .s1:hover {background-position: -72px 0;}
.fix-sns .s2:hover {background-position: -72px -72px;}
.fix-sns .s3:hover {background-position: -72px -144px;}
.fix-sns .s4:hover {background-position: -72px -216px;}
.fix-sns li a {display: block;height: 100%;}
.fix-sns img {position: absolute;right: -150px;transition:.5s;z-index: -1;}
.fix-sns .s3:hover img {right: 100px;}








.popup {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999;}
.popup-wrap {background: #fff;width: 800px;height: 600px;}
.popup .close {position: absolute;right: 0;top: 0;}
.popup-wrap.hover {opacity: 0;transform:scale(.4);-webkit-transform:scale(.4);}



.footer {background: #0168b7;color: #b1daf9;padding-top: 12px;}
.footer .ft-nav {line-height: 48px;border-bottom: 1px solid #3486c5;}
.footer .ft-nav li {color: #71baf1;font-size: 14px;}
.footer .ft-nav li + li a {padding-left: 11px;margin-left: 10px;border-left: 1px solid #61ace6;}
.footer .address {padding: 22px 0 110px;color: #71baf1;line-height: 30px;}
.footer .address .add1 {line-height: 24px;width: 180px;margin-right: 35px;float: left;}
.footer h3 {line-height: 42px;font-size: 16px;color: #fff;}
.footer a:hover {color: #fff;}

.footer .ft-form {position: absolute;right: 0;top: 4px;width: 505px;z-index: 2;}
.footer .ft-form h3 {border-bottom: 1px solid #9fcc5c;display: inline-block;margin-bottom: 23px;}
.footer .form-text  {margin-bottom: 8px;}
.footer .input  {float: left;border: 1px solid #80b4db;width: 247px;height: 32px;line-height: 32px;padding: 0 10px;}
.footer .input + .input  {margin-left: 11px;}
.footer .input input {width: 180px;color: #fff;}
.footer textarea {display: block;width: 100%;height: 117px;border: 1px solid #80b4db;margin-bottom: 8px;color: #fff;padding:5px 10px;}
.footer button {display: block;cursor: pointer;background: #88ac52;width: 115px;height: 29px;text-align: center;color: #fff;}

.footer .cr {background: #004e89;color: #1675bd;text-align: right;line-height: 38px;}

/*   sns    */
.sns {padding-top: 10px;line-height: 22px;}
.sns a {position: relative;opacity: .3;margin-right: 10px;}
.sns a:hover {opacity: 1;}
.sns a:hover .code {visibility: visible;opacity: 1;right: -110px;}
.sns .code {transition:.3s;position: absolute;z-index: 2;visibility: hidden;opacity: 0;right: -130px;bottom: 0;}

.backTop {display: none;background: url(../images/top.png);width: 51px;height: 56px;position: fixed;right: 20px;bottom: 50px;cursor: pointer;opacity: .8;}
.backTop:hover {opacity:1;}

