.fwbanner { float: left; width: 100%; height: 380px; min-width: 1200px; }
.fwbanner img { float: left; width: 100%; height: 380px; display: block; }
.fw-item-fb { float: left; width: 100%; background: #fafbfc; }
.index-box { float: left; width: 100%; }
.index-title { float: left; width: 100%; text-align: center; }
.index-title span { display: block; font-size: 38px; color: #333333; font-weight: bold; margin-top: 60px; }
.index-title em { font-size: 18px; color: #555555; display: block; margin-top: 14px; }
.ser-list { float: left; width: 100%; margin-top: 30px; margin-bottom: 30px; }
.ser-list li { float: left; width: 190px; height: 216px; cursor: pointer; margin-left: 88px; position: relative; overflow: hidden; }
.ser-list li .ico{ display:block; height:118px; position:relative;}
.ser-list li .ico img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.ser-list li>span { display: block; float: left; width: 100%; text-align: center; font-size: 18px; color: #107dcf; }
.ser-list li>a { display: block; float: left; width: 100%; height: 40px; font-size: 18px; color: #189fd9; line-height: 40px; text-align: center; border: 1px solid #107dcf; margin-top: 32px; border-radius: 10px; }
.ser-list li div { position: absolute; width: 100%; border: 1px solid #189fd9; background: #f0f6f9; border-radius: 8px; height: 216px; top: -216px; transition: top 1s; -moz-transition: top 1s; /* Firefox 4 */ -webkit-transition: top 1s; /* Safari and Chrome */ -o-transition: top 1s; /* Opera */ }
.ser-list li div span { float: left; width: 100%; display: block; text-align: center; font-size: 20px; color: #189fd9; margin-top: 16px; }
.ser-list li div p { padding: 0 16px; float: left; width: 100%; font-size: 14px; color: #333333; height: 133px; padding-top: 5px; line-height: 1.5; }
.ser-list li div a { float: left; width: 100%; height: 40px; font-size: 18px; color: #fff; line-height: 40px; text-align: center; background: #189fd9; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; border: 1px solid #189fd9; }
.ser-list li:hover div { top: 0; }
.fw-item { float: left; width: 100%; background: #fff; }
.ser-lc { float: left; width: 100%; padding-left: 21px; margin-top: 60px; }
.ser-lc span { display: block; float: left; width: 146px; height: 36px; line-height: 34px; font-size: 20px; color: #189fd9; text-align: center; background: #e0f1f8; border-radius: 4px; border: 1px solid #189fd9; }
.ser-lc em { display: block; float: left; width: 57px; height: 36px; background: url(../images/jt.png) no-repeat; background-size: 41px 10px; background-position: center; }
.ser-swt { float: left; width: 100%; text-align: center; padding-bottom: 60px; margin-top: 60px; }
.ser-swt a { display: inline-block; width: 316px; height: 74px; background: url(../images/serimg.png) no-repeat; line-height: 48px; background-size: 316px 74px; color: #fff; font-size: 22px; }
.ser-swt a:hover { display: inline-block; width: 316px; height: 74px; background: url(../images/serimg1.png) no-repeat; line-height: 50px; background-size: 316px 55px; background-position: 0 0; color: #fff; font-size: 22px; }
.ser-ad { margin-top: 60px; padding-bottom: 80px; }
.ser-ad, .ser-ad ul { float: left; width: 100%; }
.ser-ad ul li { width: 286px; height: 174px; border-top: 7px solid #f4f5f7; text-align: center; background: #f4f5f7; float: left; margin-right: 18px; }
.ser-ad ul li:last-child { margin-right: 0; }
.ser-ad ul li span { display: block; width: 100%; float: left; text-align: center; font-size: 28px; color: #333; margin-top: 14px; }
.ser-ad ul li p { float: left; width: 100%; padding: 0 20px; font-size: 20px; color: #666666; text-align: left; margin-top: 10px; line-height: 1.5; }
.ser-ad ul li:hover { background: #fff; border-top: 7px solid #199ed7; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.ser-ad ul li:hover span { color: #199ed7; }
.ser-ad ul li:hover p { color: #333333; }
.ser-item { float: left; width: 100%; height: 760px; background: url(../images/serbg.jpg) no-repeat; background-size: 1008px 760px; background-position: 0 center; }
.flexslider { width: 100%; float: left; background: none; box-shadow: none; border: none; margin-top: 60px; }
.flexslider .slides>li div { width: 330px; float: left; height: 460px; background: #f8f8f8; padding: 10px; border-radius: 2px; box-shadow: 4px 2px 5px #dedede; }
.flexslider .slides>li div:nth-child(2n) { margin: 0 105px; }
.flexslider .slides>li div img { display: block; max-width: 100%; max-height: 440px; }
.slides:after { height: auto; line-height: inherit; }
.flex-control-paging li a { width: 83px; height: 3px; background: #a0ceee; }
.flex-control-paging li a.flex-active, .flex-control-paging li a:hover { background: #0e6cad; }
.flex-control-nav li { margin: 0 10px; }
.pro-list { float: left; width: 100%; padding-bottom: 60px; margin-top: 70px; }
.pro-list li { float: left; width: 25%; padding-left: 20px; padding-right: 60px;  }
.pro-list li .ico{ display:block; width:100%; height:120px; position:relative;}
.pro-list li .ico img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto 0;}
.pro-list li span { display: block; float: left; width: 100%; font-size: 20px; color: #333; }
.pro-list li p { float: left; width: 100%; font-size: 14px; color: #666666; line-height: 1.5; margin-top: 12px; }
.flexsliders .slides>li div { width: 590px; }
.flexsliders .slides>li div:nth-child(2n) { margin: 0; }
.flexsliders .slides>li div.flexsliders-con { height: 266px; }
.flexsliders .slides>li div.flexsliders-con:first-child { margin-right: 14px; }
.flexsliders .slides>li div.flexsliders-con div { height: 246px; box-shadow: none; background: #fff; padding: 0 20px; width: 100%; }
.flexsliders .slides>li div.flexsliders-con div span { display: block; float: left; width: 100%; font-size: 14px; color: #333333; padding-bottom: 16px; border-bottom: 2px solid #f4f4f4; padding-top: 20px; }
.flexsliders .slides>li div.flexsliders-con div p { font-size: 16px; color: #333333; float: left; width: 100%; line-height: 1.7; margin-top: 16px; height: 140px; overflow: hidden; }
.flexsliders .slides>li div.flexsliders-con div em { display: block; float: left; width: 100%; font-size: 14px; color: #666666; }
.flexsliders { margin-bottom: 120px; }