html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,  img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, main, summary, time, mark, audio, video { font-weight:normal; font-style:normal; margin: 0; padding: 0; border: 0; font-size: 100%;  vertical-align: baseline }
html, * {-webkit-user-select: text !important;-moz-user-select: text !important;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
ol, ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none }
table { border-collapse: collapse; border-spacing: 0 }
html { height:100%; font-size: 100%; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; position: relative; overflow-x: hidden; width: 100%; }
body { height:100%; color: #333; position: relative; font-size: 12px; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; font-family: "Microsoft YaHei",Arial; -webkit-tap-highlight-color: transparent; position: relative; width: 100%; overflow: hidden }
body.bgn { height: 100% }
body.bgn main { height: 100% }
a { text-decoration: none; color: #333; background-color: transparent }
p, a { -ms-word-wrap: break-word; word-wrap: break-word }
a, button { border: none; -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent; outline: none }
.fl { float: left !important }
.fr { float: right !important }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.clearfix { overflow: hidden; _zoom: 1; clear: both }
.pull-right{ display: inline; float: right;}
.left { display: inline; float: left; }
.right { display: inline; float: right; }
.clear:after { content: ''; display: block; clear: both; }
.clear { zoom: 1; }
body::-webkit-scrollbar {width: 10px;height: 1px;}
body::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #f0f0f0;}
body::-webkit-scrollbar-track {border-radius: 10px;background: none;}

.pull-left { float: left; }
.contact_wrap { width: 1200px; margin: 0 auto; margin-top: 10px; }
.index { height: 100%; margin: 0; padding: 0 }
.index .swiper-container { width: 100%; height: 100% }
.index .swiper-container .swiper-wrapper {width: 1625px; height: 4080px; transform: translate3d(0px, 0px, 0px); transition-duration: 0.3s;}
.index .indexBar { position: fixed; z-index: 99; right: 0px; top: 50%; width: 50px; margin-top: -120px; padding-left: 9px; padding-top: 12px; /*background: url(../images/icon_15_f.png) top left no-repeat; */cursor: pointer }
.index .indexBar span { display: block; width: 12px; height: 12px; cursor: pointer; background: url(../images/icon_15.png) center no-repeat; background-size: cover; opacity: 1; margin: 10px 0; font-size: 0; padding: 0 }
.index .indexBar span.swiper-active-switch { background: url(../images/icon15.png) center no-repeat }
/*.index .indexBar:hover { background: url(../images/icon_15_f_hover.png) top left no-repeat }*/
.index .swiper-slide { position: relative; float:left; }
.index .swiper-slide .bg { width: 100%; height: 100%; overflow: hidden; background-position: center; background-size: cover; background-repeat: no-repeat; -webkit-transition: all 1.5s, -webkit-transform .4s; transition: all 1.5s, -webkit-transform .4s; transition: all 1.5s, transform .4s; transition: all 1.5s, transform .4s, -webkit-transform .4s }
.index .swiper-slide .bg img { display: block; min-width: 100%; max-height: 100% }
.index .swiper-slide.indexPart10 { z-index: 99 }
.index .swiper-slide.indexPart10 .box { position: absolute; left: 215px; top: 50%; margin-top: -240px; width: 800px }
.index .swiper-slide.indexPart10 .box .img { padding-bottom: 30px; }
.index .swiper-slide.indexPart10 .box .img .img_title{font-size: 66px;color: #FFF}
.index .swiper-slide.indexPart10 .box .img .img_line{font-size: 66px;color: #FFF; line-height: 60px; height: 60px;}
.index .swiper-slide.indexPart10 .box .img .img_content{font-size: 32px;color: #FFF}
.img_important{color: #f8c656 !important;}
.img_important_bule{color: #1b71de !important;}
.img_explain{color: #FFF;font-size:18px;margin-top:40px}
.index .swiper-slide.indexPart10 .box .img img { display: block; width: 100% }
.index .swiper-slide.indexPart10 .box li { float: left; width: 50%; font-size: 24px; height: 2.25em; line-height: 2.25em; overflow: hidden }
.index .swiper-slide.indexPart10 .box li a { color: #FFF; font-size: 31px; background: url(../images/ico8.png) left center no-repeat }
.index .swiper-slide.indexPart10 .box .btn.index_video { clear: both; padding-top: 30px }
.index .swiper-slide.indexPart10 .box .btn.index_video a { display: block; width: 178px; height: 55px; line-height: 55px; background: #fff; font-size: 19px; color: #64abff; text-align: center; border-radius: 25px }
.index .swiper-slide.indexPart10 .box .btn.index_video a em { padding-left: 24px; background: url(../images/ico9.png) left center no-repeat; text-transform: uppercase }
.index .swiper-slide.indexPart10 .list { position: absolute; left: 0px; bottom: 0px; width: 100%; min-height: 60px; }
.index .swiper-slide.indexPart10 .list .btn1 { position: absolute; z-index: 10; right: 0px; bottom: 0px; height: 100%; width: 60px; background: #64abff }
.index .swiper-slide.indexPart10 .list .btn1 a { display: block; text-align: center; color: #FFF; text-transform: uppercase; font-size: 14px; letter-spacing: 3px; position: absolute; left: 12px; top: 50%; width: 100%; height: 100px; padding-top: 0px; margin-top: -45px }
.index .swiper-slide.indexPart10 .list .btn1 a div { font-size: 19px; padding-bottom: 5px; writing-mode: tb-rl; }
.index .swiper-slide.indexPart10 .list .slick-prev { display: block; position: absolute; z-index: 10; right: 0; top: 0px; width: 32px; height: 100% }
.index .swiper-slide.indexPart10 .list .listD { padding: 0 50px 0 40px; background-color: #448df3; overflow:hidden; }
.index .swiper-slide.indexPart10 .list .listD .liDiv a { display: block; min-height: 60px; position: relative }
.index .swiper-slide.indexPart10 .list .listD .liDiv a .bgbg { background-position: center; background-size: cover; opacity: 0; -webkit-transition: all .4s, -webkit-transform .4s; transition: all .4s, -webkit-transform .4s; transition: all .4s, transform .4s; transition: all .4s, transform .4s, -webkit-transform .4s; height: 117px }
.index .swiper-slide.indexPart10 .list .listD .liDiv a em { color: #FFF; position: absolute; left: 0px; top: 50%; display: block; font-size: 17px; width: 90%; text-align: center; line-height: 1.4em; margin: -1.4em 5% 0; display: block; height: 2.8em; overflow: hidden }
.index .swiper-slide.indexPart10 .list .listD .liDiv a:hover .bgbg { opacity: 1; -webkit-transition: all .4s, -webkit-transform .4s; transition: all .4s, -webkit-transform .4s; transition: all .4s, transform .4s; transition: all .4s, transform .4s, -webkit-transform .4s }
.index .swiper-slide.indexPart10 .list .listD .liDiv i { display: block; width: 5px; height: 60%; border-right: #FFF solid 1px; position: absolute; top: 20%; right: -1px }
.index .swiper-slide.lwrp .indexBox .img { padding-bottom: 30px; position: relative; top: 50px; -webkit-transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, transform 0.4s; transition: all 1.5s, transform 0.4s, -webkit-transform 0.4s; }
.index .swiper-slide.lwrp .indexBox .img img { display: block; max-width: 100% }
.index .swiper-slide.lwrp .indexBox .line { width: 0px; height: 5px; background: #6697ff; display: inline-block; -webkit-transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, transform 0.4s; transition: all 1.5s, transform 0.4s, -webkit-transform 0.4s }
.index .swiper-slide.lwrp .indexBox h2 { font-weight: 400; font-size: 46px; padding: 20px 0 54px; position: relative; top: -50px; cursor: pointer; -webkit-transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, transform 0.4s; transition: all 1.5s, transform 0.4s, -webkit-transform 0.4s }
.index .swiper-slide.lwrp .indexBox p { font-size: 18px; line-height: 25px; text-align: justify; padding: 0 0 15px 0; position: relative; top: -80px; display: block; -webkit-transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, transform 0.4s; transition: all 1.5s, transform 0.4s, -webkit-transform 0.4s }
.index .swiper-slide.lwrp .indexBox .indexMoreD { opacity: 0; filter: alpha(opacity=0); position: relative; top: -80px; -webkit-transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, transform 0.4s; transition: all 1.5s, transform 0.4s, -webkit-transform 0.4s }
.index .swiper-slide.lwrp .indexBox .indexMoreD .indexMore { display: inline-block; width: 113px; height: 27px; line-height: 27px; text-align: center; color: #4284e2; font-size: 18px; border: #4284e2 solid 1px; font-style: normal; border-radius: 15px; -webkit-transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, transform 0.4s; transition: all 1.5s, transform 0.4s, -webkit-transform 0.4s }
.index .swiper-slide.lwrp .indexBox .indexMoreD .indexMore:hover { background: #4284e2; border: #4284e2 solid 1px; color: #FFF; -webkit-transition: all 0.4s, -webkit-transform 0.4s; transition: all 0.4s, -webkit-transform 0.4s; transition: all 0.4s, transform 0.4s; transition: all 0.4s, transform 0.4s, -webkit-transform 0.4s }
.index .swiper-slide.lwrp .indexBox.on { margin-top: -320px; -webkit-transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, transform 0.4s; transition: all 1.5s, transform 0.4s, -webkit-transform 0.4s }
.index .swiper-slide.cwcp .indexBox { position: absolute; left: 0px; top: 50%; margin-top: -215px; text-align: center; width: 100%; -webkit-transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, transform 0.4s; transition: all 1.5s, transform 0.4s, -webkit-transform 0.4s }
.index .swiper-slide.cwcp .indexBox .img { padding-bottom: 30px; position: relative; top: 50px; -webkit-transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, transform 0.4s; transition: all 1.5s, transform 0.4s, -webkit-transform 0.4s }
.index .swiper-slide.dhf .indexBox { position: absolute; left: 0px; top: 50%; margin-top: -215px; text-align: center; width: 100%; -webkit-transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, transform 0.4s; transition: all 1.5s, transform 0.4s, -webkit-transform 0.4s }

.index .swiper-slide.cwcp .indexBox .img img { display: block; margin: 0 auto }
.index .swiper-slide.cwcp .indexBox .line { width: 0px; height: 5px; background: #6697ff; display: inline-block; -webkit-transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, transform 0.4s; transition: all 1.5s, transform 0.4s, -webkit-transform 0.4s }
.index .swiper-slide.cwcp .indexBox h2 { font-weight: 400; font-size: 55px; padding: 20px 0 20px 0; position: relative; top: -50px; margin-bottom: 0px; cursor: pointer; -webkit-transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, transform 0.4s; transition: all 1.5s, transform 0.4s, -webkit-transform 0.4s }
.index .swiper-slide.cwcp .indexBox p { font-size: 16px; line-height: 25px; padding-bottom: 35px; position: relative; top: -80px; opacity: 0; filter: alpha(opacity=0); width: 500px; margin: 0 auto; -webkit-transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, transform 0.4s; transition: all 1.5s, transform 0.4s, -webkit-transform 0.4s }
.index .swiper-slide.cwcp .indexBox .indexMoreD { opacity: 0; filter: alpha(opacity=0); position: relative; top: -80px; -webkit-transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, transform 0.4s; transition: all 1.5s, transform 0.4s, -webkit-transform 0.4s }
.index .swiper-slide.cwcp .indexBox .indexMoreD .indexMore { display: inline-block; width: 113px; height: 27px; line-height: 27px; text-align: center; font-size: 18px; font-style: normal; border-radius: 15px; border: #FFF solid 1px; color: #FFF }
.index .swiper-slide.cwcp .indexBox .indexMoreD .indexMore:hover { background: #4284e2; border: #4284e2 solid 1px; color: #FFF; -webkit-transition: all 0.4s, -webkit-transform 0.4s; transition: all 0.4s, -webkit-transform 0.4s; transition: all 0.4s, transform 0.4s; transition: all 0.4s, transform 0.4s, -webkit-transform 0.4s }
.index .swiper-slide.cwcp .indexBox.on { margin-top: -275px; -webkit-transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, transform 0.4s; transition: all 1.5s, transform 0.4s, -webkit-transform 0.4s }
.index .swiper-slide.rwlp .indexBox { width: 560px; position: absolute; right: 10%; top: 50%; margin-top: -284px; color: #000 }
.index .swiper-slide.rwlp .indexBox .img { padding-bottom: 30px; position: relative; top: 50px; -webkit-transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, transform 0.4s; transition: all 1.5s, transform 0.4s, -webkit-transform 0.4s }
.index .swiper-slide.rwlp .indexBox .img img { display: block; max-width: 100%; width: 100% }
.index .swiper-slide.rwlp .indexBox .line { width: 0px; height: 5px; background: #6697ff; display: inline-block; -webkit-transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, transform 0.4s; transition: all 1.5s, transform 0.4s, -webkit-transform 0.4s }
.index .swiper-slide.rwlp .indexBox h2 { font-weight: 400; font-size: 46px; padding: 20px 0 54px; position: relative; top: -50px; cursor: pointer; -webkit-transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, transform 0.4s; transition: all 1.5s, transform 0.4s, -webkit-transform 0.4s }
.index .swiper-slide.rwlp .indexBox p { font-size: 18px; line-height: 25px; text-align: justify; padding: 0 0 15px 0; position: relative; top: -80px; display: block; -webkit-transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, transform 0.4s; transition: all 1.5s, transform 0.4s, -webkit-transform 0.4s }
.index .swiper-slide.rwlp .indexBox .indexMoreD { opacity: 0; filter: alpha(opacity=0); position: relative; top: -80px; -webkit-transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, transform 0.4s; transition: all 1.5s, transform 0.4s, -webkit-transform 0.4s }
.index .swiper-slide.rwlp .indexBox .indexMoreD .indexMore { display: inline-block; width: 113px; height: 27px; line-height: 27px; text-align: center; color: #4284e2; font-size: 18px; border: #4284e2 solid 1px; font-style: normal; border-radius: 15px; -webkit-transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, transform 0.4s; transition: all 1.5s, transform 0.4s, -webkit-transform 0.4s }
.index .swiper-slide.rwlp .indexBox .indexMoreD .indexMore:hover { background: #4284e2; border: #4284e2 solid 1px; color: #FFF; -webkit-transition: all 0.4s, -webkit-transform 0.4s; transition: all 0.4s, -webkit-transform 0.4s; transition: all 0.4s, transform 0.4s; transition: all 0.4s, transform 0.4s, -webkit-transform 0.4s }
.index .swiper-slide.rwlp .indexBox.on { margin-top: -320px; -webkit-transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, transform 0.4s; transition: all 1.5s, transform 0.4s, -webkit-transform 0.4s }
.index .swiper-slide.lwrp .indexBox { width: 560px; position: absolute; left: 10%; top: 50%; margin-top: -284px; color: #000; -webkit-transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, transform 0.4s; transition: all 1.5s, transform 0.4s, -webkit-transform 0.4s }

.index .swiper-slide.gyyd1 .indexBox { position: absolute; left: 0px; top: 50%; margin-top: -215px; color: #FFF; text-align: center; width: 100%; -webkit-transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, transform 0.4s; transition: all 1.5s, transform 0.4s, -webkit-transform 0.4s }

.index .swiper-slide.gyyd1 .indexBox .tableBox {max-width: 800px; margin: 0 auto}
.index .swiper-slide.gyyd1 .indexBox .tableBox table, .index .swiper-slide.gyyd1 .indexBox .tableBox tbody, .index .swiper-slide.gyyd1 .indexBox .tableBox tr, .index .swiper-slide.gyyd1 .indexBox .tableBox td {border: 1px solid;}
.index .swiper-slide.gyyd1 .indexBox .tableBox table {border-collapse:collapse; text-align:center; font-size:14px;margin: 0 auto;}
.index .swiper-slide.gyyd1 .indexBox .tableBox tr {height: 34px; line-height: 34px;}

.index .swiper-slide.gyyd1 .indexBox .line { width: 0px; height: 5px; background: #6697ff; display: inline-block; -webkit-transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, transform 0.4s; transition: all 1.5s, transform 0.4s, -webkit-transform 0.4s }
.index .swiper-slide.gyyd1 .indexBox h2 { font-weight: 400; font-size: 55px; padding: 0px 0 20px 0; position: relative; top: -50px; margin-bottom: 0px; cursor: pointer; -webkit-transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, transform 0.4s; transition: all 1.5s, transform 0.4s, -webkit-transform 0.4s }
.index .swiper-slide.gyyd1 .indexBox p { font-size: 16px; line-height: 25px; padding-bottom: 35px; position: relative; top: -80px; opacity: 0; filter: alpha(opacity=0); width: 880px; margin: 0 auto; -webkit-transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, transform 0.4s; transition: all 1.5s, transform 0.4s, -webkit-transform 0.4s }
.index .swiper-slide.gyyd2 .indexBox { position: absolute; left: 0px; top: 50%; margin-top: -305px; color: #FFF; width: 100%; -webkit-transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, transform 0.4s; transition: all 1.5s, transform 0.4s, -webkit-transform 0.4s }

.gyyd2_c{ width:1190px; margin:0 auto; color:#333;}
.gyyd2_t{ width:1190px; margin:0 auto; color:#333;display:flex; justify-content:center;align-items: center; padding-bottom:40px;}
.gyyd2_t em{ display:inline-block; width:100px; border-bottom:#999 1px solid;}
.gyyd2_t span{ display:inline-block;  font-size:36px; padding-left:30px; padding-right:30px;}
.gyyd2_c ul{display:flex; justify-content:space-between;align-items: center;}
.gyyd2_c ul .txt{ padding-left:70px; font-size:18px; line-height:2;}
.gyyd2_c ul .txt b{ display:block; font-size:22px; padding:15px 0;}
.gyyd2_c2{ width:1190px; margin:0 auto; color:#333; padding-top:30px;}
.gyyd2_c2 ul{display:flex; justify-content:space-between;align-items: center;}
.gyyd2_c2 ul li em{ display:block; font-size:18px; color:#333; text-align:center; padding-top:15px;}
.gyyd3_c1{ text-align:center; background-color:#f0f0f0; padding:15px; margin-top:30px;}
.gyyd3_c1 h3{ font-size:30px; line-height:2;}
.gyyd3_c1 .txt{ font-size:18px; padding:10px 0px; line-height:2}
.gyyd3_c1 i.line1{ display:inline-block; width: 100px; height: 5px; background: #6697ff;}
.gyyd3_t{ width:1190px; margin:0 auto; color:#333;display:flex; justify-content:center;align-items: center; padding:150px 0 50px 0;}
.gyyd3_t em{ display:inline-block; width:100px; border-bottom:#999 1px solid;}
.gyyd3_t span{ display:inline-block; font-size:36px; padding-left:30px; padding-right:30px;}
.gyyd3_c2{width:1120px; margin:0 auto;}
.gyyd3_c2 ul{display:flex; justify-content:space-between;align-items: center;}
.gyyd3_c2 ul li{ background-color:#F00; width:200px; height:500px; text-align:center; color:#fff; position:relative;}
.gyyd3_c2 ul li.active{ width:372px;}
.gyyd3_c2 ul li{ background-position: left top; background-repeat:no-repeat; background-size:auto 100%;}
.gyyd3_c2 ul li.gsbm1{ background-image:url(../images/gyyd_1.jpg);}
.gyyd3_c2 ul li.gsbm2{ background-image:url(../images/gyyd_2.jpg);}
.gyyd3_c2 ul li.gsbm3{ background-image:url(../images/gyyd_3.jpg);}
.gyyd3_c2 ul li.gsbm4{ background-image:url(../images/gyyd_4.jpg);}
.gyyd3_c2 ul li.gsbm5{ background-image:url(../images/gyyd_5.jpg);}
.gyyd3_c2 ul li.gsbm6{ background-image:url(../images/gyyd_6.jpg);}
.gyyd3_c2 ul li .bg{ background:rgba(0,0,0,0.7)}
.gyyd3_c2 ul li.active .bg{ background:rgba(115,146,200,0.7)}
.gyyd3_c2 ul li.active .txt{ font-size:30px; line-height:2; padding-top:50px;}
.gyyd3_c2 ul li.active .line2{  display:inline-block; width: 50px; height: 1px; background: #fff;}
.gyyd3_c2 ul li.active .con{ display:block; font-size:16px; line-height:25px; padding:0 50px; text-align:left; margin-top:50px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:7;overflow: hidden;}
.gyyd3_c2 ul li.active .more{display:block; position:absolute; width:100%; left:0; bottom:50px;}
.gyyd3_c2 ul li.active .more a{display:inline-block;  color:#fff; font-size:16px; border:#fff 1px solid; border-radius:20px; padding:5px 10px;}
.gyyd3_c2 ul li.active .more a:hover{ background-color:#4284e2; color:#fff;}
.gyyd3_c2 ul li .txt{ font-size:20px; line-height:2; padding-top:220px;}
.gyyd3_c2 ul li .line2{ display:none;}
.gyyd3_c2 ul li .con{ display:none;}
.gyyd3_c2 ul li .more{display:none;}

.main2 {padding-top: 150px;}
.align-c {text-align: center;}
.main2 h1 {margin-bottom: 60px; font-size: 36px}
.main2 h3 {margin-bottom: 15px; font-size: 18px}
.main2 ul {max-width: 1200px;margin: auto;margin-top: 30px;}
.over-hide {overflow: hidden;}
.main2 ul li {width: 30.8%;padding: 30px 15px;}
.main2 .w22 {width: 22.5%;padding: 30px 15px;}
.main2 .w17 {width: 17.5%;padding: 30px 15px;}
.main2 ul li .title {color: #fff;margin-bottom: 20px;font-size: 22px;}
.main2 ul li img {width: 80px;}
.main2 ul li .text {min-height: 88px;color: #fff;margin-top: 20px;font-size: 16px;text-align: center;width: auto; margin: 0}
.main2 .li {width: 15.15% !important;display: none;height: 10px;}

.hzhbimg {display: none;}
.hzhbimg img {width: 80%;}

.index .swiper-slide .indexBox.white { color: #fff }
.index .swiper-slide .indexBox.white .list { color: #fff }
.index .swiper-slide .indexBox.white .list a { color: #fff }
.index .swiper-slide .indexBox.white .list::after { color: #fff }
.index .swiper-slide .indexBox.white .list .ico { background: url(../images/ico7on.png) center top no-repeat }
.index .swiper-slide .indexBox.white .indexMoreD .indexMore { color: #fff; border: 1px solid #fff }
.index .swiper-slide.swiper-slide-active .indexBox .line, .index .swiper-slide.swiper-slide-active .indexBox2 .line { width: 55px; -webkit-transition: all 1.5s, -webkit-transform .4s; transition: all 1.5s, -webkit-transform .4s; transition: all 1.5s, transform .4s; transition: all 1.5s, transform .4s, -webkit-transform .4s }
.index .swiper-slide.swiper-slide-active .indexBox .img, .index .swiper-slide.swiper-slide-active .indexBox h2, .index .swiper-slide.swiper-slide-active .indexBox p, .index .swiper-slide.swiper-slide-active .indexBox .indexMoreD { top: 0px; opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, transform 0.4s; transition: all 1.5s, transform 0.4s, -webkit-transform 0.4s; }/* padding: 50px 0;平台服务第二屏下载按钮间距太大*/

.gyyd2_c ul .zlypt p {font-size:18px; height: 35px; line-height: 35px}
.gyyd2_c ul .zlypt {margin: 0 auto; max-width: 800px; width: 100%}
.gyyd2_c ul .zlypt table, .gyyd2_c ul .zlypt tbody, .gyyd2_c ul .zlypt tr, .gyyd2_c ul .zlypt td {border: 1px solid;}
.gyyd2_c ul .zlypt table {border-collapse:collapse; text-align:center; font-size:14px;margin: 0 auto;}
.gyyd2_c ul .zlypt tr {height: 34px; line-height: 34px;}
.gyyd2_c ul .zlypt td {vertical-align:middle}
.gyyd2_c ul li p {padding: 10px !important;}

.index .swiper-slide.swiper-slide-active.hzd .indexBox h2{ padding-top:0;}
.hz{ width:65%; margin:0 auto;}
/*hzhb*/
.style1 ul li{float:left;margin:2px 20px;position:relative;list-style:none}
.style1 ul li{ -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.style1 ul li img{width: 170px;height: 120px;border-radius: 2px;}
.style1 ul li span{background:rgba(0, 0, 0, 0.5);color:#fff;border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;line-height: 23px;position:absolute;bottom: 3px;width: 170px;left:0;font-size:12px;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s;}
.style1 ul li:hover {-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); }
.style1 ul li:hover span{ opacity:0}

.hz-carousel1{ margin-bottom:30px;}
.hz-carousel1.owl-carousel .owl-item .item,.hz-carousel2.owl-carousel .owl-item .item{ margin:0 3%;}
.hz-carousel1,hz-carousel2 a{ display:block;}
.index .swiper-slide.dhf .foot {position: absolute;left: 0px;bottom: 0px;width: 100%}
/*.dhf{ background-color:#ececec; }*/
.dbdh{ background-color:#fff; padding:30px; margin-top:130px;}
.dbdh .title{ font-size:22px; width:80%; margin:0 auto; line-height:2.2; border-bottom:#4471d9 1px solid; text-align:center; padding-bottom:30px;  margin-bottom:30px;}
.dbdh .ul{ display:flex; justify-content:space-between; padding:0 50px;}
.dbdh .ul li{ line-height:2.6; text-align:left; box-sizing:border-box;}
.dbdh .ul li dt{ font-size:22px; padding-bottom:10px;}
.dbdh .ul li dd{ font-size:14px;}
.cjwt{ background-color:#fff; padding:30px; margin-top:130px;}
.cjwt .title{ font-size:22px; width:80%; margin:0 auto; line-height:2.2; border-bottom:#4471d9 1px solid; text-align:center; padding-bottom:30px;  margin-bottom:30px;}
.cjwt .ul{ display:flex; justify-content:space-between; padding:0 50px;}
.cjwt .ul li{ line-height:2.6; text-align:left; box-sizing:border-box;}
.cjwt .ul li dt{ font-size:16px;font-weight: bold}
.cjwt .ul li dd{ font-size:14px; padding-bottom:10px;}
.foo{ text-align:left; display: none}
.foo .logo{ margin:50px 0; display:block;}
.foo .dz{ margin-right:90px;}
.foo .dz h3{ padding-bottom:30px;}
.foo .dz h3 em{ font-size:16px; color:#FFF; background-color:#668add; padding:0 10px; line-height:1.8; display:inline-block; border-radius:5px;}
.foo .dz ul li{ line-height:2; font-size:14px;}
.foo .dz ul li em{ font-size:14px; color:#668add; }
.foo .xin{ width:140px;}
.foo .xin img{ width:100%;}
.foo .xin em{ display:block; text-align:center;}
.index .swiper-slide.dhf .foot a{ color:#a8a8a8;}
.ui-headline2 { display: none; }
.ui-black-headline2 { display: none; }

.pagination { text-align: center; padding-bottom:25px; }
.pagination li{ display:inline-block;}
.pagination li a, .pagination .thisclass { font-size: 18px; display: inline-block; padding:5px 10px; margin-right: 13px; margin-bottom: 5px; border-radius: 5px; font-weight: lighter;text-decoration: none; background: #759ccd; color: #fff }
.pagination .thisclass { background: #4284e2; color: #fff }
.pagination li.disabled span { background: #aeaeae; color: #fff }

header { position: fixed; width: 100%; height: 108px; top: 0; left: 0; background-color: #1b71de;/*#4284e2;*/ z-index: 99999 }
header .logo { position: absolute; left: 50px; top: 35px }
header .logo a { display: block }
header .logo a img { display: block }
header nav { position: absolute; top: 0px; right: 250px }
header nav>ul>li { float: left; position: relative }
header nav>ul>li.active{ background:url(../images/navbg.png) no-repeat center bottom;}
header nav>ul>li>a { color: #fff; position: relative; font-size: 18px; display: block; height: 88px; line-height: 110px; padding: 0 25px; opacity: 0.8; filter: alpha(opacity=80); -webkit-transition: all 0.4s, -webkit-transform 0.4s; transition: all 0.4s, -webkit-transform 0.4s; transition: all 0.4s, transform 0.4s; transition: all 0.4s, transform 0.4s, -webkit-transform 0.4s;}/* font-weight: lighter */
header nav.wapnav>ul>li.news>a::after,header nav.wapnav>ul>li.product>a::after,header nav.wapnav>ul>li.about>a::after { content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; position: absolute; bottom: -1px; left: 50%; margin-left: -10px; display: none }
header nav>ul>li .sNav { position: fixed; width: 100%; top: 88px; left: 0; background: #fff; z-index: 99; background-color: #fff;display: none;-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.45);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.45) }
header nav>ul>li .sNav ul {margin: 0 auto;padding-top: 3.35%;padding-bottom: 54px;width: 100%;height: 100%;text-align: center }
header nav>ul>li .sNav li {width: 15%;list-style: none;display: inline-block;vertical-align: top}
header nav>ul>li .sNav li .icon{margin: 0 auto}
header nav>ul>li .sNav li h3{margin-top: 5%;margin-bottom: 8px;font-size: 16px;font-weight: 400;color: #404040;letter-spacing: 0.63px;text-align: center}
header nav>ul>li .sNav li .sub-title{font-size: 14px;color: #5a5a5a;letter-spacing: 2px;text-align: center;margin-bottom: 36px;min-height: 38px;}
header nav>ul>li .sNav li .more-btn{display: block;width: 110px;height: 32px;margin: 0 auto;line-height: 32px;font-size: 14px;color: #404040;text-decoration: none;border: 1px solid #ccc;border-radius: 2px}
header nav>ul>li .sNav li .more-btn{display: block;width: 110px;height: 32px;margin: 0 auto;line-height: 32px;font-size: 14px;color: #404040;text-decoration: none;border: 1px solid #ccc;border-radius: 2px}
header nav>ul>li .sNav li .more-btn:hover{background: #007adc;border: none;color: #fff}
.dc-icon {display: inline-block}
header nav>ul>li .sNav .no-img-list {padding: 13px 0;}
header nav>ul>li .sNav .no-img-list li {margin: 11px 22px;display: inline-block;width: auto;}
header nav>ul>li .sNav .no-img-list a {font-size: 16px;color: #5a5a5a;letter-spacing: 0.63px;}
.sprite-icon {background-image: url(../images/sprite-svg-icon-01.svg);width: 57px;height: 57px;}
.icon-101 {background-position: -30px -90px;}
.icon-102 {background-position: -155px -90px;}
.icon-103 {background-position: -275px -90px;}
.icon-104 {background-position: -390px -90px;}
.icon-105 {background-position: -515px -90px;}
.icon-201 {background-position: -30px -195px;}
.icon-202 {background-position: -155px -195px;}
.icon-203 {background-position: -275px -195px;}
.icon-204 {background-position: -390px -195px;}
.icon-205 {background-position: -515px -195px;}
.icon-301 {background-position: -30px -300px;}
.icon-302 {background-position: -155px -300px;}
.icon-401 {background-position: -30px -400px;}
.icon-402 {background-position: -155px -400px;}
.icon-403 {background-position: -275px -400px;}
.icon-404 {background-position: -390px -400px;}
.icon-405 {background-position: -515px -400px;}
/*header nav>ul>li .sNav ul { position: absolute; top: 0px; right: 420px }*/
/*header nav>ul>li .sNav ul.ul-3 { right: 30%; }*/
/*header nav>ul>li .sNav ul li { float: left; padding-left: 50px; }*/
/*header nav>ul>li .sNav ul li a { color: #333; font-size: 14px; height: 40px; line-height: 40px; }*/
/*header nav>ul>li .sNav ul li.active a, header nav>ul>li .sNav ul li a.on, header nav>ul>li .sNav ul li a:hover { color: #4284e2; }*/
header nav>ul>li.on>a { color: #fff; font-weight: 500; opacity: 1; filter: alpha(opacity=100) }
header nav>ul>li.on>a::after { display: block }
header nav>ul>li.on .sNav { display: block; z-index: 99 }
header nav>ul>li:hover>a { color: #fff; font-weight: 500; opacity: 1; filter: alpha(opacity=100) }
header nav>ul>li:hover>a::after { display: block }
header nav>ul>li:hover .sNav { display: block; z-index: 0 }
header nav>ul>li:first-child.on>a::after, header nav>ul>li:first-child:hover>a::after { display: none }
header .lang { position: absolute; right: 140px; top: 38px; width: 100px; height: 34px; line-height: 34px; text-align: center; font-size: 14px }
header .lang a { color: #fff }
header .lang a.aNow { color: rgba(255, 255, 255, 0.7) }
header .btn { border-radius: 3px; background: #FFF; color: #4284e2; position: absolute; right: 50px; top: 38px; display: block; width: 85px; height: 34px; line-height: 34px; text-align: center; font-size: 14px }
.bgn header { background: #1b71de }/*none*/
.hasheader { padding-top: 128px }
.wapnav { display: none; overflow-y:auto; }
.ui-headline p a { display: inline-block; border: 1px solid #fff; border-radius: 50px; padding-left: 20px; padding-right: 20px; margin-right: 10px; margin-bottom: 10px; }
.ui-headline p .chanyept { border-right: 2px solid #fff; padding-right: 20px; }
.ui-headline { margin-top: 25px; width: 700px; }
.ui-headline p { }
.ui-headline p a { color: #fff; font-size: 20px;/* margin-left: 20px; */}
.ui-headline p a:hover{background-color: #1b71de}
.ui-headline p a:first-child { margin-left: 0; }
.ui-black-headline p a { display: inline-block; border: 1px solid #000; border-radius: 50px; padding:5px 15px; margin-right: 10px; margin-bottom: 10px; }
.ui-black-headline p .chanyept { border-right: 2px solid #000; padding-right: 20px; }
.ui-black-headline { margin-top: 25px; width: 700px; }
.ui-black-headline p { }
.ui-black-headline p a { color: #000; font-size: 20px;/* margin-left: 20px; */}
.ui-black-headline p a:hover{background-color: #1b71de; color: #fff}
.ui-black-headline p a:first-child { margin-left: 0; }
.foot { text-align: center; padding: 25px 0; background: #262626; font-size: 15px; color: #a8a8a8; z-index: 30 }
/**浜у搧***/
.line{ height:108px;}
.jqr{ text-align:center; width:960px; margin:0 auto;}
.jqr_tit{ font-size:48px;  }
.jqr_con{ font-size:16px; line-height:2;}
.jqr1{color:#fff; padding-top:120px; }
.zngc{background-color:transparent; background-position: center  top;}
.jqr1 .jqr_con{ padding-left:50px; padding-right:50px; padding-bottom:150px;}
.daohang{ width:100%; padding:20px 0; position:fixed; left:0; top:108px; z-index:99999;}
.daohang ul{ width:960px; margin:0 auto; display:flex; justify-content:space-between;}
.daohang ul li a span{ display:inline-block; width:53px; height:53px;  background:url(../images/pro1.png) no-repeat left top; background-size:100% auto;}
.daohang ul li:nth-child(1) a span{ background-image:url(../images/pro1.png);}
.daohang ul li:nth-child(2) a span{ background-image:url(../images/pro2.png);}
.daohang ul li:nth-child(3) a span{ background-image:url(../images/pro3.png);}
.daohang ul li a{ display:block; padding:10px 20px; opacity:0.5;  filter:alpha(opacity=50); border:#5b7a8c  1px solid; }
.daohang ul li.active a{ border-color:#fff; border-radius:7px;  opacity:1; filter:alpha(opacity=100);}
.daohang ul a em{ color:#fff;}
.daohang.fixed{ top:0; background-color:#fff;}
.daohang.fixed ul li a span{ background-position:left bottom;}
.daohang.fixed ul a{ border-color:#fff;}
.daohang.fixed ul a em{ color:#333;}
.daohang.fixed ul li.active a{ border-color:#333;}
.jqrscx_d ul li a{ border-color:#657d7f;}
.zngc_d ul li a{ border-color:transparent;}
.zngc .jqr_tit{ padding-top:200px;}
.zngc .jqr_con{ padding-bottom:50px;}
.jqr_ul { padding-bottom:230px;}
.jqr_ul ul{ display:flex; justify-content:space-between; padding-left:50px; padding-right:50px; padding-top:100px;}
.jqr_ul ul li a{ display:inline-block; color:#fff; font-size:16px; border:#fff 1px solid; border-radius:20px; padding:7px 15px;}
.jqr_ul ul li a:hover{ background-color:#4284e2; color:#fff;}
.jqr_more a{display:inline-block;  color:#1971dd; font-size:16px; border:#1971dd 1px solid; border-radius:20px; padding:7px 25px;}
.jqr_more a:hover{ background-color:#4284e2; color:#fff;}
.jqr_img img{ width:50%; margin:0px 0;}
.gray{ background-color:#f0f0f0}
.jqr_more1 a{display:inline-block;  color:#fff; font-size:20px; padding-bottom:80px;}
.jqr_more1 a:hover{ color:#4284e2;}

.banner{ height:350px; background:url(../images/yysl3.jpg) no-repeat center top;display:flex; justify-content:center; flex-direction:column ;align-items: center;  font-size:30px; color:#fff;}
.banner p{ font-size:20px; padding-top:30px;}
.yysl{ width:1188px; margin:0 auto; padding-bottom:50px;}
.yysl .ul li a{ display:flex; justify-content:space-between;align-items: center;  padding:70px 0; background:url(images/yysl2.jpg) no-repeat center top; background-size:30% 2px;}
.yysl .ul li:nth-child(1) a{ background:none;}
.yysl .ul li:nth-child(even) a{flex-direction: row-reverse;}
.yysl .ul li a .img{ width:35%;}
.yysl .ul li a .img img{ display:block; width:100%;}
.yysl .ul li a .txt{ width:55%;}
.yysl .ul li a .txt h2{ font-size:26px; border-left:#1971dd 5px solid; line-height:1; padding-left:20px; margin-bottom:30px;}
.yysl .ul li a .txt p{font-size:16px; line-height:1.8}
.lxwm_b{ background-image:url(../images/lxwm1.jpg);}
.lxwm1{ background-color:#f7f7f7;}
.lxwm_t{ width:1190px; margin:0 auto; color:#333;display:flex; justify-content:center;align-items: center; padding-bottom:40px; padding-top:40px;}
.lxwm_t em{ display:inline-block; width:100px; border-bottom:#999 1px solid;}
.lxwm_t span{ display:inline-block;  font-size:36px; padding-left:30px; padding-right:30px; color:#4471d9;}
.lxwm .lxwm_c{width:1345px; margin:0 auto; display:flex; justify-content:space-between; align-items: center;}
.lxwm .lxwm_c li{ display:flex; justify-content:flex-start; align-items: center; padding-bottom:45px;}
.lxwm .lxwm_c li .txt{ padding-left:20px;}
.lxwm .lxwm_c li .txt h4{ color:#666; font-size:20px;}
.lxwm .lxwm_c li .txt p{ color:#4471d9; font-size:24px;}
.lxwm .lxwm_c .map{ width:650px; height:400px; background-color:#000;}


.titl_e{display:flex; justify-content:center; align-items: center; margin:50px 0;}
.a_all{ border-bottom: 1px #999999 solid; width: 20%; margin:0 5%;}
.titl_e a{ padding: 7px 15px; font-size:18px; display:inline-block;}
.select{ background-color:#4471d9; color:#ffffff;}
.list1{ width:1200px; margin:0 auto;}
.bac{ width:100%; margin-bottom:4%; display:flex; justify-content:space-between; align-items: center;}
.im1{ width:20%;}
.im1 img{ width:100%; height:auto;}
.im2{ width:75%; padding-left:4%;}
.im2 em{ font-size:18px; color:#333333;}
.im2 i{ color:#7f7f7f; display:block; margin-top:1rem; font-size:14px;}
.im2 span{ color:#7f7f7f; text-align:right; display:block; margin-top:7%;}
.but{ margin:6% 0 5%; text-align:center;}
.but a{ border:1px solid #b2b2b2; display:inline; color:#b2b2b2;text-align: center; padding: 0.4rem 1rem; margin:0 1.3rem;}


.tit_top{ width:100%; text-align:center; font-weight:bold; font-size:1.3rem; margin:5% 0 3%;}
.tit_top_two{ width:100%; text-align:center; color:#999999; font-size:1rem;}
.bor{ width:74%; border-bottom:1px #b2b2b2 solid; margin-left:13%; margin-top:3%;}
.word{ color:#666666; width:80%; margin:3% 10%; font-size:14px; line-height:1.8;}
.line3{ height:100px;}
.word img{ max-width:100%;}
.lxwm2{ padding-bottom:40px;}
.pageNum {height: 80px;line-height: 80px;background: #f2f2f2;font-size: 16px}
.pageNum a {padding: 0 45px;position: relative;color: rgba(0, 0, 0, 0.5);margin-top:18px;}
.pageNum .fl em {position: absolute;left: 20px;top: 50%;margin-top:-10px;}
.pageNum .fr em {position: absolute;right: 20px;top: 50%;margin-top:-10px;}

.forth-screen {padding-top: 108px;background-size: 100% 100%;text-align: center; height: 100%}
/*padding-bottom: 5.83%;软件定制开发对比图背景超出一瓶*/
.forth-screen h2 {font-size: 45px;color: #fff;letter-spacing: 1.77px;margin: 0;margin-bottom: 0.5%;}
.forth-screen img {margin: 0 auto;width: 50%;}

.img_tit{ width:100%;height:350px; background:url(../images/bac2.jpg) no-repeat center 20px; background-size:auto 100%;padding-top: 4%;}
.text{ margin-left:24%; width:24%;}
.text em{ display:block;background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(20, 183, 206, 1)), to(rgba(17, 216, 173, 1)));-webkit-background-clip: text;-webkit-text-fill-color: transparent; font-size:2rem;}
.text i{ font-size:18px; margin-top:20px; display:block; color:#333; line-height:1.8;}
.sousuo{ width:100%; background-color:#6cbef4;padding:8% 0; text-align:center;}
.sousuo1{ width:40%; margin-left:30%;}
.sousuo1 .in{ font-family:"Microsoft YaHei"; width:80%; border:none; padding:6px; font-size:16px; line-height:1.8; box-sizing:border-box;}
.sousuo1 a{ display:inline-block; width:20%; text-align:center; color:#fff; font-size:16px; line-height:1.8; background-color:#4471d9;  padding:6px;  box-sizing:border-box;}
.sousuo2{ display:block; text-align:center; margin-top:20px; color:#ffffff; font-size:14px;}
.sousuo2 em{ padding:0 1%;}
.wo{ width:100%; text-align:center;}
.wo p{ font-size:1.5rem; color:#6cbef4; margin:4% 0 1.5%;}
.wo em{ color:#6cbef4; display:block; font-size:1rem; margin-top:0.5%;}
.wo i{ color:#c0c0c0; display:block; margin-top:0.5%;}
.low_to_top{ width:50%; margin-left:25%; margin-top:6%; margin-bottom:7%;}
.low_to_top em{ color:#666; font-size:16px;}
.noData{ text-align:center; padding-top:30px; padding-bottom:160px; font-size:18px; color:#999;}
.foo{ margin-bottom:50px;}
.foo .xin.xin1{ padding-left:2%;}
./*foot a{ display:none;}*/
.dhf{ padding-top:1px;}
.index .swiper-slide.chanpin{ overflow:hidden; text-align:center;}
.index .swiper-slide.chanpin .indexBox { position: absolute; left: 0px; top: 50%; margin-top: -270px; color: #333; text-align: center; width: 100%; -webkit-transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, transform 0.4s; transition: all 1.5s, transform 0.4s, -webkit-transform 0.4s }
.index .swiper-slide.chanpin .indexBox .jqr_tit{  padding: 0 0 15px 0; position: relative; display: block; -webkit-transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, transform 0.4s; transition: all 1.5s, transform 0.4s, -webkit-transform 0.4s }
.index .swiper-slide.swiper-slide-active .indexBox .jqr_tit,.index .swiper-slide.swiper-slide-active .indexBox .jqr_con{ opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, -webkit-transform 0.4s; transition: all 1.5s, transform 0.4s; transition: all 1.5s, transform 0.4s, -webkit-transform 0.4s; padding-bottom: 30px; }
.indx8{ background:url(../images/pro4.jpg) #5b7a8c center 190px no-repeat; }
.indx9{ background:url(../images/gzx1.jpg) #657d7f center 190px no-repeat; }
.indx10{ background:url(../images/zngc1.jpg) #fff center 80px no-repeat; background-size:100% auto; }
header nav>ul>li.news .sNav ul{ right: 420px }
header nav>ul>li.product  .sNav ul{ right: 750px }
.listD .swiper-container{ overflow:hidden;}
.swiper-slide.gsry{ display:flex; align-items:center;}
.swiper-slide.gsry .indexBox{ width:100%;}
.ry{ width:80%; margin:0 auto;}
.ry-carousel1.owl-carousel{ margin-top:50px;}
.ry-carousel1.owl-carousel .owl-item .item{ margin:0 10%; text-align:center;}
.ry-carousel2.owl-carousel .owl-item .item{ margin:0 20%; text-align:center;}
.ry-carousel1.owl-carousel .owl-item .item .title{ font-size:16px; line-height:1.8; padding-top:5px;}
.ry-carousel2.owl-carousel .owl-item .item .title{ font-size:12px; line-height:1.8; padding-top:5px;}
.ry-carousel2{ margin-top:50px;}
@media (max-width: 1500px) {
    .line{ height:80px;}
    .index .swiper-slide.indexPart10 .box { width: 500px }
    header { height: 80px }
    header .logo { left: 20px; top: 25px }
    header .logo a img { display: block; height: 30px }
    header nav { top: 0px; right: 250px }
    header nav>ul>li>a { font-size: 16px; height: 80px; line-height: 80px; padding: 0 25px }
    header nav>ul>li .sNav { top: 80px }
    header nav>ul>li .sNav ul li { float: left; padding-left: 30px }
    header .lang { position: absolute; right: 140px; top: 23px; width: 100px; height: 34px; line-height: 34px; text-align: center; font-size: 14px }
    header .lang a { color: #fff }
    header .lang a.aNow { color: rgba(255, 255, 255, 0.7) }
    header .btn { right: 20px; top: 23px }
    .search { top: 71px }
}
@media (max-width: 1440px) {
    .index .swiper-slide.indexPart10 .box { left: 100px }
    .index .swiper-slide.rwlp .bg { background-position: 70% 0 }
    .index .swiper-slide.lwrp .bg { background-position: 30% 0 }
}
@media (max-width: 1366px) {
    .ui-headline p a { padding-left: 14px; padding-right: 13px; }
    .ui-black-headline p a { padding: 5px 15px }
    .index .swiper-slide.indexPart10 .box { left: 100px }
    .index .swiper-slide.rwlp .bg { background-position: 100% 0 }
    .index .swiper-slide.lwrp .bg { background-position: 10% 0 }
    header { height: 80px }
    header nav { top: 0px; right: 250px }
    header nav>ul>li .sNav ul li { float: left; padding-left: 20px }
    .contact_wrap { margin-bottom: 20px; }
    .contactnew .tab .rbx textarea { height: 190px!important; }
    .contact_wrap .contactnew .t_area { height: 18px!important; }
    .contactnew .txt1 { display: none; }
    .lxwm_t{ width: 96%; }
    .lxwm .lxwm_c{ width: 96%;}
    .lxwm .lxwm_c .map{width: 96%;}
    .banner p{width: 96%;}
    .lxwm .lxwm_c{flex-direction:column;}
}
@media (max-width: 1280px) {
    .hz{ width:83%;}
}
@media (max-width: 1250px) {
    .contact_wrap{ width:90%; margin:0 auto;}
    .foo .dz{ margin-right:30px;}
    .foo .dz h3{ padding-bottom:10px; margin-top:20px;}
    .yysl,.yysl .ul li a .img,.yysl .ul li a .txt{ width:96%; }
    .yysl .ul li a,.yysl .ul li:nth-child(even) a{flex-direction:column;}
    .yysl .ul li a .txt h2{ margin-top:20px;}
    .yysl .ul li a{ padding:30px 0;}

    .pc { display: none; }
    .index .swiper-slide.indexPart10 .bg img { position: relative; }
    .index .swiper-slide.indexPart10 .box { left: 50px; margin-top: -200px; width: 400px }
    .index .swiper-slide.indexPart10 .box li { font-size: 18px }
    .index .swiper-slide.indexPart10 .box li a { background-size: 10px; }
    .index .swiper-slide.indexPart10 .box .btn.index_video a { width: 140px; height: 40px; line-height: 40px; font-size: 16px }
    .index .swiper-slide.indexPart10 .box .btn.index_video a em { padding-left: 18px; background-size: 10px }
    .index .swiper-slide.cwcp .indexBox .img img { height: 40px }
    .index .swiper-slide.cwcp .indexBox h2 { font-size: 35px }
    .index .swiper-slide.cwcp .indexBox p { font-size: 14px }
    .index .swiper-slide.rwlp .bg { background-position: 60% 0 }
    .index .swiper-slide.rwlp .indexBox { left: auto; right: 25px; width: 45%; margin-top: -220px }
    .index .swiper-slide.rwlp .indexBox .img img { height: 90px; width: auto }
    .index .swiper-slide.rwlp .indexBox h2 { font-size: 35px }
    .index .swiper-slide.rwlp .indexBox p { font-size: 14px }
    .index .swiper-slide.lwrp .bg { background-position: 35% 0 }
    .index .swiper-slide.lwrp .indexBox { width: 90%; left: 25px; margin-top: -220px }
    .index .swiper-slide.lwrp .indexBox .img img { height: 90px; width: auto }
    .index .swiper-slide.lwrp .indexBox h2 { font-size: 35px }
    .index .swiper-slide.lwrp .indexBox p { font-size: 14px }
    body .ui-tabscont >.ct ul.span3 { padding-left: 0; }
    header nav { right: 220px }
    header nav>ul>li>a { padding: 0 20px }
    header nav>ul>li .sNav ul { right: 20px }
    header .lang { right: 120px }
    header { background-color: #468ef4 }
    header nav { top: 80px; width: 100%; left: 0; background: rgba(0, 0, 0, 0.6); height:500px;}
    header nav>ul { background: #4284e2 }
    header nav>ul>li { width: 100%; float: none }
    header nav>ul>li>a { line-height: 35px; height: 35px; border-bottom: rgba(255, 255, 255, 0.2) solid 1px }
    header nav.wapnav>ul>li.news>a::after,header nav.wapnav>ul>li.product>a::after,header nav.wapnav>ul>li.about>a::after { display: block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #fff; border-bottom: none; position: absolute; right: 15px; top: 50%; margin-top: -3px; left: auto }
    header nav>ul>li .sNav { position: relative; top: 0; left: 0; right: auto; height: auto }
    header nav>ul>li .sNav ul { position: relative; top: 0; left: 0; right: auto; overflow: hidden }
    header nav>ul>li .sNav ul li { width: 100%; padding: 0 }
    header nav>ul>li .sNav ul li a { display: block; padding-left: 20px; padding-right: 25px; font-size: 16px; color: #444444; font-weight: lighter; height: 35px; line-height: 35px;text-align: left}
    header nav>ul>li .sNav ul li a img { padding-right: 10px }
    header nav>ul>li.on .sNav { display: none; z-index: 0 }
    header nav>ul>li:hover .sNav { display: none; z-index: 0 }
    header nav>ul>li:first-child>a::after { display: none }
    header .lang { right: 170px }
    header .navA { display: block; background: url(../images/nav.png) center no-repeat; background-size: auto auto; background-size: 30px; width: 40px; height: 40px; position: absolute; top: 20px; right: 120px; margin-top: 0px }
    .gyyd2_c,.gyyd2_t,.gyyd3_t,.gyyd3_c2{ width:96%; margin:0 auto;}
    .gyyd2_c ul,.gyyd3_c2 ul{flex-direction:column;}
    .gyyd3_c2 ul li.active,.gyyd3_c2 ul li{ width:100%;}
    .index .swiper-slide.gyyd3{ height:auto;}
    .list1{ width:96%; margin:0 auto;}
}

@media (max-width: 1024px) and (min-width: 980px) {
    .pull-right { float: right; }
    .index .swiper-slide.indexPart10 .bg img { position: relative; left: -20% }
    .index .swiper-slide.lwrp .indexBox .list { display: none; }
    .footer_details { padding-bottom: 20px; }
    .index .swiper-slide.indexPart10 .bg img { left: 0; }
    .index .swiper-slide.indexPart10 { width: 100%; }
    .foo{ margin-bottom:0px;}
}
@media (max-width: 980px) {
    .index .swiper-slide.indexPart10 .box .img .img_title{font-size: 32px;}
    .index .swiper-slide.indexPart10 .box .img .img_line{font-size: 32px;line-height: 40px; height: 40px;}
    .index .swiper-slide.indexPart10 .box .img .img_content{font-size: 24px;}

    .forth-screen h2 {font-size: 38px;}
    .forth-screen img {width: 60%;}

    .ry-carousel1.owl-carousel{ margin-top:0;}
    .ry-carousel2{ margin-top:10px;}
    .dbdh{ display:none;}
    .foo {display: block;}
    .foo .logo{ padding-top:0px; margin:0px 0;}
    .foo .dz{ margin-right:0; width:100%;}
    .foo .dz h3{ padding-bottom:10px; margin-top:20px;}
    .foo .xin{ width:50%; margin-top:15px;}
    .foo .xin.xin1{ padding-left:0%;}
    .foo .xin img{ width:95%;}
    .index .swiper-slide.dhf .foot{ box-sizing:border-box;}
    .foo .logo img{ width:96%;}
    .index .swiper-slide.indexPart10 .box li a { font-size: 22px; }
    .index .swiper-slide.indexPart10 { /*background-image: url(../images/img1920_2.jpg);*/ background-size: 100%; background-repeat: no-repeat; background-position: right 400px; background-color: #1b71de }
    .index .swiper-slide.indexPart10 .bg img { visibility: hidden; height: 600px; margin-bottom: 100px }
    .index .swiper-slide.indexPart10 .box { left: 50%; margin-left: -300px; width: 300px !important; margin-top: -200px !important }
    .index .swiper-slide.indexPart10 .box .img img { width: 80% }
    .index .swiper-slide.indexPart10 .box li { font-size: 14px !important }
    .index .swiper-slide.indexPart10 .box .btn.index_video a { width: 100px; height: 34px; line-height: 34px; font-size: 14px }
    .index .swiper-slide.indexPart10 .box .btn.index_video a em { padding-left: 13px; background-size: 6px }
    .index .swiper-slide.indexPart10 .list { left: 0; /*top:553px;*/
        height: 177px; margin-bottom: 30px; }
    .index .swiper-slide.indexPart10 .list .btn1 { width: 100%; height: 60px; bottom: auto; top: 0px; background: #93aeec; position: relative }
    .index .swiper-slide.indexPart10 .list .btn1 a { text-align: left; padding-left: 20px; height: 60px; margin-top: -30px; padding-top: 0; line-height: 60px; font-size: 12px }
    .index .swiper-slide.indexPart10 .list .btn1 a div { display: inline-block; margin-right: 20px; font-size: 15px; writing-mode: rl-tb; }
    .index .swiper-slide.indexPart10 .list .listD { padding: 0 20px 0 }
    .index .swiper-slide.indexPart10 .list .slick-prev { left: 0; background: url(../images/prev1.png) center no-repeat; width: 21px; height: calc(100% - 60px); top: auto; bottom: 0px; background-color: #4184e2 }
    .index .swiper-slide.indexPart10 .list .slick-next { background: #6da0e9 url(../images/next1.png) center no-repeat; width: 21px; height: calc(100% - 60px); top: auto; bottom: 0px; background-color: #4184e2; right: 0px; position: absolute; z-index: 10 }
    .index .indexBar { display: none }
    .index .swiper-slide.lwrp .indexBox,.index .swiper-slide.rwlp .indexBox { width: 96%; left: 2%; margin-top: 0px; top:0; padding-top:60px; }
    .index .swiper-slide.swiper-slide-active .indexBox h2{ padding-top:15px; padding-bottom:0;}
    .index .swiper-slide.lwrp .indexBox .line{ height:2px;}
    .index .swiper-slide.cwcp .indexBox p{ width: 90%;}
    .index .swiper-slide.rwlp .indexBox h2,.index .swiper-slide.lwrp .indexBox h2,.index .swiper-slide.cwcp .indexBox h2{ top:0; font-size:20px;}
    .index .swiper-slide.swiper-slide-active.hzd .indexBox h2{ margin-bottom:35px; margin-top:35px;}
    .index .swiper-slide.gyyd1 .indexBox p{width: 96%; margin:0 auto; font-size:14px; padding-top:15px;}
    .dhf{ padding-top:0px;}
    .ui-headline p { }
    .ui-headline p a { font-size: 18px; }
    .ui-black-headline p { }
    .ui-black-headline p a { font-size: 18px; }
    header { height: 60px }
    header .logo { left: 10px; top: 20px }
    header .logo a img { height: 20px }
    header nav { top: 60px }
    header .btn { display: none }
    header .lang { right: 45px; top: 16px; width: 60px; height: 28px; line-height: 28px; font-size: 12px }
    header .lang .en { height: 28px; line-height: 0; font-size: 0 }
    header .lang .en::before { content: "EN"; height: 28px; line-height: 28px; font-size: 12px }
    header .navA { background-size: 20px; top: 10px; right: 5px; margin-top: 0px; -webkit-transition: all .3s, -webkit-transform .3s; transition: all .3s, -webkit-transform .3s; transition: all .3s, transform .3s; transition: all .3s, transform .3s, -webkit-transform .3s }
    header .navA.on { background-image: url(../images/close-2.png) }
    .foot {padding:5px 0; background: #262626; font-size: 10px; color: #a8a8a8; z-index: 30; position:static; }
    .daohang{ top:60px!important; background-color:#657d7f  }
    .line{ height:60px;}

    .jqr{ width:100%; box-sizing:border-box; padding:0 15px; padding-top:60px;}
    .jqr_tit{ font-size:22px;}
    .jqr_con{ font-size:12px; line-height:20px; }
    .jqr_img img{ width:96%; margin:0px 0;}
    .jqr1 .jqr_con{ padding-left:0px; padding-right:0px; padding-bottom:50px;}
    .jqr_ul { padding-bottom:30px;}
    .jqr_ul ul{ padding-left:0px; padding-right:0px;}
    .jqr_ul ul li a{ font-size:12px; padding:3px 7px;}
    .daohang ul{ width:96%; margin:0 auto;}
    .daohang ul li a span{ display:none;}
    .daohang ul li a{ padding:5px 10px;}
    .index .swiper-slide.gyyd1 .indexBox h2,.gyyd2_t span,.gyyd3_c1 h3,.gyyd3_t span{ font-size:22px;}
    .gyyd2_t em,.gyyd3_t em{ width:20px;}
    .gyyd2_t{ padding-top:35px; padding-bottom:25px;}
    .gyyd2_c ul .txt b{ font-size:18px;}
    .index .swiper-slide.gyyd2 .indexBox{ top:0; margin-top:0;}
    .gyyd2_c ul .img{ display:none;}
    .gyyd2_c ul .txt{ padding:0;width:96%; margin:0 auto;}
    .index .swiper-slide.swiper-slide-active .indexBox p,.gyyd3_c1 .txt{ font-size:0.953rem; line-height:1.85rem; padding:1.4rem 0.8rem;}
    .gyyd2_c2{ display:none;}
    .gyyd3_c2 ul li{ height:auto;}
    .gyyd3_c2 ul li.active .con{ display:none;}
    .gyyd3_c2 ul li.active .line2{ display:none;}
    .gyyd3_c2 ul li .txt{ padding:10px 0;font-size:14px; }
    .gyyd3_c2 ul li.active .txt{ padding-top:10px;font-size:14px; padding-bottom:50px;}
    .gyyd3_c2 ul li.active .more{ bottom:10px;}
    .gyyd3_c2 ul li{background-size:100% auto;}
    .gyyd3_t{ padding:10px 0;}
    .banner{ font-size:18px; height:120px;}
    .banner p{ font-size:14px;}
    .lxwm_t{ padding:10px 0;}
    .lxwm_t em{ width:20px;}
    .lxwm_t span{ font-size:18px;}
    .lxwm .lxwm_c li img{ width:10%;}
    .lxwm .lxwm_c li{ padding-bottom:10px;}
    .lxwm .lxwm_c li .txt h4{ font-size:12px;}
    .lxwm .lxwm_c li .txt p{ font-size:14px;}
    .lxwm .lxwm_c .map{ height:250px;}
    .bac{ flex-direction:column ;}
    .im1{ width:100%;}
    .im2{ width:100%; padding-left:0;}
    .a_all{ display:none;}
    .titl_e{ margin:15px 0;}
    .titl_e a{ font-size:14px;}
    .tit_top{ font-size:18px; width:96%; margin:0 auto; margin-top:15px;}
    .word{ width:96%; margin:30px auto;}
    .pageNum {font-size: 14px}
    .pageNum a {padding: 0 20px;}
    .pageNum .fl em {left: 10px}
    .pageNum .fr {float: left !important; margin-bottom: 40px;}
    .pageNum .fr em {right: 10px}
    .line3{ height:44px;}
    .index .swiper-slide.swiper-slide-active .indexBox .indexMoreD{ padding:0;}

    /*.hz {display: none;}*/
    /*.hzhbimg {display: block;}*/

    /*.contact_wrap{display: none;}*/
    .hz{width: 90%;}
    .style1 ul li{margin:2px 10px;}
    .style1 ul li img {width: 70px;height: 49px;border-radius: 2px;}
}
@media (max-width: 800px) {
    .pull-right { float: left; }
    .ui-headline p a { background: none; padding-left: 0px; margin-left: 16.4px; margin-right: 16.4px; }
    .ui-headline p .aaaa { display: block; display: inline-block; padding-left: 0px; background-size: 16px auto; color: #fff; font-size: 16px; position: absolute; top: 211px; }
    .ui-headline p a { border: none; padding: 0; }
    .ui-headline p .chanyept { border: none; padding: 0; }
    .ui-headline { display: none; }
    .ui-headline2 { display: block; }
    .ui-headline2 a { display: block; padding: 7px 15px; border: 1px solid #fff; border-radius: 20px; margin-right: 0px; text-align: center; line-height: 17px; font-size: 16px; color: #fff; margin-top: 10px; float:none; }
    .ui-headline2 a:last-child { border-right: 1px solid #fff; }
    .forth-screen h2 {font-size: 32px;}
    .forth-screen img {width: 70%;}

    .ui-black-headline p a { background: none; padding-left: 0px; margin-left: 16.4px; margin-right: 16.4px; }
    .ui-black-headline p .aaaa { display: block; display: inline-block; padding-left: 0px; background-size: 16px auto; color: #fff; font-size: 16px; position: absolute; top: 211px; }
    .ui-black-headline p a { border: none; padding: 0; }
    .ui-black-headline p .chanyept { border: none; padding: 0; }
    .ui-black-headline { display: none; }
    .ui-black-headline2 { display: block; }
    .ui-black-headline2 a { display: block; padding: 7px 15px; border: 1px solid #000; border-radius: 20px; margin-right: 0px; text-align: center; line-height: 17px; font-size: 16px; color: #fff; margin-top: 10px; float:none; }
    .ui-black-headline2 a:last-child { border-right: 1px solid #000; }

    .jqr1{ padding-top:80px;}
    .index .swiper-slide.chanpin .indexBox .jqr_tit{font-size:18px; padding-bottom:10px; }
    .index .swiper-slide.swiper-slide-active .indexBox .jqr_con{padding-bottom:10px; }
    .jqr_more a{ font-size:12px;}
}
@media (max-width: 768px) {
    header nav>ul>li.active{ background:none;}
    .index .swiper-container{overflow-y:auto;}
    .index .swiper-slide.chanpin{ float:none; background-position:center bottom; background-size:auto 50%}
    .index .swiper-slide.chanpin.chanpinddd{ float:none; background-position:center bottom; background-size:auto 100%}
    .index .swiper-slide.chanpin .jqr1{ padding-top:0;}
    .index .swiper-slide.indexPart10{ background-size:auto 100%;}
    .pull-right { float: left; }
    .index .swiper-slide.indexPart10 .box { width: 400px; margin-top: 0px!important; top:60px; }
    .index .swiper-slide.indexPart10 .box li { font-size: 18px }
    .a_all { width: 100%; left: 0;}
    .b_bll{width: 90%; left: 5%;}
    .forth-screen h2 {font-size: 28px;}
    .forth-screen img {width: 80%;}
    .text,.sousuo1,.wo,.low_to_top{ width:96%; margin:0 auto;}
    .sousuo2,.sousuo2 em{ font-size:12px;}
    .pagination li{ display:none;}
    .pagination li:first-child{ display:inline-block;}
    .pagination li:last-child{ display:inline-block;}
    .yysl .ul li a{ padding-bottom:0;}
    .yysl .ul li a .txt h2{ font-size:18px;margin-bottom:10px;}
    .yysl .ul li a .txt p{ font-size:14px;}
    .im2 em{ font-size:15px;}
    .im2 i{ font-size:12px;}
    .text em{ font-size:22px;}
    .text i{ font-size:14px;}
    .img_tit{ height:200px;}
    .sousuo1 p,.sousuo1 .in{ font-size:14px;}
    .low_to_top{ text-align:center; padding-top:40px;}
    .gyyd2_t,.gyyd3_t{ padding-top:30px;}
    .low_to_top em{ font-size:20px; display:inline-block; padding-bottom:25px;}
    .banner p{ padding-top:15px;}
    .lxwm .lxwm_c .map{ height:150px;}
    .index .swiper-slide.gyyd1 .indexBox h2, .gyyd2_t span, .gyyd3_c1 h3, .gyyd3_t span{ font-size:18px;}
    .gyyd3_c1 .txt{ padding-top:0;}
    .gyyd3_c1 i.line1{ height:2px;}
    .lxwm2{ padding-bottom:10px;}
    .daohang{ display:none;}
}
@media (max-width: 480px) {
    .index .swiper-slide.indexPart10 .box li a { font-size: 18px !important; }
    .index .swiper-slide.indexPart10 .box { margin-left: -150px; margin-top: 0px!important; top:60px; }
    .index .swiper-slide.indexPart10 .box li a { font-size: 20px; }
    .contact_wrap { width: auto; margin-top: 40px; padding: 0 15px; }
    .index .swiper-slide.dhf{ height:auto!important; overflow-y:auto; position:static; }
    .index .swiper-slide.indexPart10 .box .img{ padding-bottom:10px;}
    .index .swiper-slide.lwrp .bg{background-position:85% 120%;background-size:auto 60%;}
    .index .swiper-slide.rwlp .bg{ background-size:auto 60%;background-position:10% 100%;}
    .foo .dz ul li{ line-height:1.6; font-size:12px;}
    .forth-screen h2 {font-size: 24px;}
    .forth-screen img {width: 100%;}
}
@media (max-width: 375px) {
    .index .swiper-slide.indexPart10 .list { bottom: -116px; }
    .index .swiper-slide.indexPart10 { background-position: right 466px; }
    .contact_wrap { padding-top: 0px; margin-bottom:10px; }
}
@media (max-width: 374px) {
    .index .swiper-slide.indexPart10 .list { margin-bottom: 30px; }
    .index .swiper-slide.indexPart10 { background-position: right top; }
}
@media (max-height: 540px) {
    .foo .xin{ text-align:center;}
    .foo .xin img{ width:65%;}
}

@-webkit-keyframes pulse {  30% {
    opacity: 0.6
}
    60% {
        opacity: 0
    }
    100% {
        opacity: 0.6
    }
}
.animate-element { opacity: 0; -webkit-perspective: 1000; -ms-perspective: 1000; -webkit-transition: opacity 1.5s; transition: opacity 1.5s }
.no-transform .animate-element { opacity: 1 }
.swiper-slide-active .animate-element.fade-in { -webkit-animation: fade 1s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95); animation: fade 1s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95); opacity: 1 }
.swiper-slide-active .animate-element.scale-up { -webkit-animation: scale 1s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95); animation: scale 1s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95); opacity: 1 }
.swiper-slide-active .animate-element.scale-down { -webkit-animation: scale2 1s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95); animation: scale2 1s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95); opacity: 1 }
.swiper-slide-active .animate-element.right-to-left { -webkit-animation: right_to_left .6s 1 linear; animation: right_to_left .6s 1 linear; opacity: 1 }
.swiper-slide-active .animate-element.left-to-right { -webkit-animation: left_to_right .6s 1 linear; animation: left_to_right .6s 1 linear; opacity: 1 }
.swiper-slide-active .animate-element.top-to-bottom { -webkit-animation: top_to_bottom 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); animation: top_to_bottom 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); opacity: 1 }
.swiper-slide-active .animate-element.top-to-bottom1 { -webkit-animation: top_to_bottom1 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); animation: top_to_bottom1 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); opacity: 1 }
.swiper-slide-active .animate-element.bottom-to-top { -webkit-animation: bottom_to_top 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); animation: bottom_to_top 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); opacity: 1 }
.swiper-slide-active .animate-element.flip-x { -webkit-animation: flip_x 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); animation: flip_x 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); opacity: 1 }
.swiper-slide-active .animate-element.flip-y { -webkit-animation: flip_y 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); animation: flip_y 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); opacity: 1 }
.swiper-slide-active .animate-element.left-to-right1 { -webkit-animation: left_to_right1 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); animation: left_to_right1 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); opacity: 1 }
@-webkit-keyframes flip_x {  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0
}
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}
@keyframes flip_x {  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0
}
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}
@-webkit-keyframes flip_y {  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0
}
    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}
@keyframes flip_y {  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0
}
    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}
@-webkit-keyframes fade {  0% {
    opacity: .1
}
    100% {
        opacity: 1
    }
}
@keyframes fade {  0% {
    opacity: .1
}
    100% {
        opacity: 1
    }
}
@-webkit-keyframes scale {  0% {
    -webkit-transform: scale(0.3);
    opacity: .1
}
    100% {
        -webkit-transform: scale(1);
        opacity: 1
    }
}
@keyframes scale {  0% {
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
    opacity: .1
}
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}
@-webkit-keyframes scale2 {  0% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    opacity: .1
}
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}
@keyframes scale2 {  0% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    opacity: .1
}

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}
@-webkit-keyframes left_to_right {  0% {
    -webkit-transform: translate(-15%, 0);
    opacity: 0
}
    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1
    }
}
@keyframes left_to_right {  0% {
    -webkit-transform: translate(-15%, 0);
    transform: translate(-15%, 0);
    opacity: 0
}
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }
}
@-webkit-keyframes right_to_left {  0% {
    -webkit-transform: translate(15%, 0);
    opacity: 0
}
    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1
    }
}
@keyframes right_to_left {  0% {
    -webkit-transform: translate(15%, 0);
    transform: translate(15%, 0);
    opacity: 0
}
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }
}
@-webkit-keyframes bottom_to_top {  0% {
    -webkit-transform: translate(0, 60%);
    opacity: 0
}
    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1
    }
}
@keyframes bottom_to_top {  0% {
    -webkit-transform: translate(0, 60%);
    transform: translate(0, 60%);
    opacity: 0
}
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }
}
@-webkit-keyframes top_to_bottom {  0% {
    -webkit-transform: translate(0, -20%);
    opacity: 0
}
    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1
    }
}
@keyframes top_to_bottom {  0% {
    -webkit-transform: translate(0, -20%);
    transform: translate(0, -20%);
    opacity: 0
}
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }
}
@-webkit-keyframes top_to_bottom1 {  0% {
    -webkit-transform: translate(0, -100%);
    opacity: 0
}
    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1
    }
}
@keyframes top_to_bottom1 {  0% {
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
    opacity: 0
}
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }
}
@-webkit-keyframes left_to_right1 {  0% {
    -webkit-transform: translate(-15%, 0);
    opacity: 0
}
    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1
    }
}
@keyframes left_to_right1 {  0% {
    -webkit-transform: translate(-15%, 0);
    transform: translate(-15%, 0);
    opacity: 0
}
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }
}

.container {
    margin: 0 auto;
}
.b-list {
    position: relative;
    margin: 0 -30px 0 -34px;
}
.b-list li {
    float: left;
    width: 240px;
    border-right: 1px solid #f3f3f3;
    height: 202px;
}
.b-list span {
    display: block;
    width: 66px;
    height: 60px;
    margin: 0 auto;
}
.b-list strong {
    text-align: center;
    color: #555555;
    font-size: 22px;
    display: block;
    line-height: 70px;
}
.b-list p {
    text-align: center;
    color: #999999;
    font-size: 14px;
    line-height: 24px;
    width: 170px;
    margin: 0 auto;
}

.indexBox strong {
    font-weight: bold;
}