@charset "UTF-8";

/*金瓯*/
/*basic css*/
html,body,dl,dd,img,form,div,ul,ol,li,h1,h2,h3,h4,h5,h6,p,button {margin: 0;padding: 0;border: 0;}
body {font-family: 'Microsoft Yahei', "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif;background-color: #fff;min-width: 1360px;}
button,input,textarea {font-family: 'Microsoft Yahei', "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif;padding: 0;font-family: Verdana, Arial}
h1,h2,h3,h4,h5,h6 {font-family: 'Microsoft Yahei', "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: normal}
input[type="button"],input[type="submit"],input[type="reset"] {-webkit-appearance: none;}
input:focus {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-user-modify: read-write-plaintext-only;}
textarea {-webkit-appearance: none;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;}
ul,ol,li {list-style-type: none;}
img {border: 0;vertical-align: middle;max-width: 100%;}
select,input,textarea,button {vertical-align: middle;outline: none;}
table {border-collapse: collapse;border-spacing: 0}
tr {margin: 0;padding: 0;}
td {margin: 0;padding: 0;}
iframe {border: none;}

::-ms-clear, ::-ms-reveal{display: none;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
.hidden {display: none;visibility: hidden;}
.slick-slide:focus,.slick-slide a:focus {outline: none;}
.wrap {border: 0;padding: 0;width: 1150px;margin: 0 auto;*zoom: 1;}
.wrap:after {clear: both;content: "";display: table;}
.clear {clear: both;font-size: 0;line-height: 0;height: 0;visibility: hidden;}
.fix {*zoom: 1;}
a {display: inline-block;max-width: 100%;cursor: pointer;}
.ones {overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.twos {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.clearfix:after,.clearfix:before {content: "";display: table}
.clearfix:after {clear: both}
.clearfix {zoom: 1}
.picture {position: relative;overflow: hidden;}
.picture img {transition: all .6s;-moz-transition: all .6s;-webkit-transition: all .6s;}

.index_pro_item_1:hover .picture img {transform: scale(1.07);-moz-transform: scale(1.07);-webkit-transform: scale(1.07);zoom: 1.07 \9;}
.index_pro_item_2:hover .picture img {transform: scale(1.07);-moz-transform: scale(1.07);-webkit-transform: scale(1.07);zoom: 1.07 \9;}

.each-item:hover .picture img {transform: scale(1.07);-moz-transform: scale(1.07);-webkit-transform: scale(1.07);zoom: 1.07 \9;}
.each-item3:hover .picture img {transform: scale(1.25);-moz-transform: scale(1.25);-webkit-transform: scale(1.25);zoom: 1.25 \9;}
.box {width: 1200px;margin: auto; font-size:16px;}
/*header*/

.header {height: 90px;border-bottom: 1px solid rgba(255, 255, 255, .25);/* opacity: .95; */position: fixed;top: 0px;left: 0;width: 100%;z-index: 100;transition: all .6s;min-width: 1300px;-webkit-transition: all .6s;}
.header.on {top: -100px;}
.header>.clearfix {width: 90%;margin: auto;}
.header .nav {float: right;}
.header .nav li {font-size: 20px;color: #FFFFff;text-align: center;display: inline-block;padding: 0 24px;
line-height: 90px;cursor: pointer;position: relative;z-index: 5;float: left;}
/*rgba(50,0,0 红,黄,蓝三色的值混合.最后一个参数 .1==0.1--透明度 1为100% 不透明)*/
.header .nav li:before {background-color: rgba(85, 135, 240, .5);width: 100%;height: 0px;
transition: all .3s;-webkit-transition: all .3s;content: '';position: absolute;bottom: 0;left: 0;z-index: 2;}
.header .nav a {position: relative;z-index: 5;color: #fff;}
.header .nav li.on:before,.header .nav li:hover:before {height: 90px;}

/*end header*/


/*footer #fff #FFFFff #86ade9 */

.footer {color: #fff;border-top: 1px solid rgba(255, 255, 255, .3);}
.footer-ul {border-bottom: 1px solid rgba(255, 255, 255, .3);padding-bottom: 50px;}
.footer-ul li {width: 350px;float: left;}
.footer-ul li:nth-child(3n-1) {margin: 0 50px;width: 400px;}
.footer-ul h3 {font-size: 18px;font-weight: bold;border-bottom: 1px solid rgba(255, 255, 255, .3);padding: 45px 0 20px 0;}
.footer-ul .ewm {margin-top: 20px;display: inline-block;}
.footer-ul .ewm-img {width: 200px;height: 200px;box-sizing: border-box;padding: 11px;display: inline-block;}
.footer-ul .ewm-lan {display: inline-block;font-size: 14px;line-height: 24px;width: 100px;margin-left: 15px;}
.footer .iconsum {padding-top: 15px;font-size: 18px;line-height: 42px;color: #ffffff;}
.footer-ul .iconsum a {display: block;font-size: 18px;line-height: 42px;color: #ffffff;}
.footer-icon {width: 30px;height: 30px;display: inline-block;background-position: 0px 0px;background-image: url('../images/icons.png');margin-bottom: -8px;}
.footer-icon.icon1 {}
.footer-icon.icon2 {background-position: 0px -42px;}
.footer-icon.icon3 {background-position: 0px -84px;}
.footer-icon.icon4 {background-position: 0px -130px;}
.footer-icon.downloads {background-position: -160px -37px;}
.footer-ul .text {background-color: transparent;width: 100%;height: 50px;line-height: 50px;font-size: 16px;border: 0px;border-bottom: 1px solid rgba(255, 255, 255, .3);color: #ffffff;font-family: "Microsoft Yahei";}
/* background-color: #9b96ee; */
.footer-ul .sub {width: 120px;line-height: 40px;display: block;color: #333333;text-align: center;font-size: 16px;border: 0px;margin-top: 20px;font-family: "Microsoft Yahei";}
input::-webkit-input-placeholder {color: rgba(255, 255, 255, .25);}
input:-moz-placeholder {color: rgba(255, 255, 255, .25);}
input::-moz-placeholder {color: rgba(255, 255, 255, .25);}
input:-ms-input-placeholder {color: rgba(255, 255, 255, .25);}
.footer-href {font-size: 14px;line-height: 30px;width: 1100px;margin: 20px auto 5px auto;text-align: center;vertical-align: top;}
.footer-href .href_title {display: inline-block;vertical-align: top;}
.footer-href .href_content {display: inline-block;max-width: 1000px;}
.href_content a {color: #ffffff;display: inline-block;margin-right: 20px;float: left;}
.href_content a:last-child {margin: 0;}
.footer-href1 {font-size: 14px;padding-bottom: 45px;text-align: center;}
.footer-href1 a {display: inline-block;padding: 0 5px;color: #ffffff;}

/*end footer*/

/*electronic_price_tag*/
.electronic_price_tag_sum{
    width: 1200px;position: relative;margin: auto;height: 300px;margin-top: 50px; text-align:center;
}
.electronic_price_tag_sum .ept{width: 1200px;position: absolute;top: 0;z-index: 1;}
.ept.t1 {z-index: 2;}
.ept.t2 {z-index: 3;}

.epts1-list {width: 1020px;height: 300px;position: relative;z-index: 10;} 
.epts1-list li {position: absolute;z-index: 4;}
.epts1-list li:nth-child(1) {top: 185px;left: 540px;}
.epts1-list li:nth-child(2) {top: 65px;left: 410px;}
.epts1-list li:nth-child(3) {top: 70px;left: 730px;}
.epts1-list li:nth-child(4) {top: 220px;left: 350px;} 

.epts1-list a.icons {position: relative;}
.epts1-list .icons1 {box-shadow: 0px 0px 0px 6px rgba(29, 28, 28, .2);border-radius: 50%;}
.epts1-list .icons1 img {border-radius: 50%;border: 4px solid rgba(29, 28, 28, .3);}
.epts1-list li.on .icons1 {animation: myfirst 5s;-webkit-animation: myfirst 5s;animation-delay: 2s;-webkit-animation-delay: 2s;/* Safari 和 Chrome */}
.epts1-list li.on1 .icons1,.epts1-list li.on2 .icons1 {animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;/*Safari and Chrome*/}
.epts1-list .messages {position: absolute;bottom: 35px;left: -50px;width: 240px;background-color: rgba(0, 0, 0, .5);color: #FFFFff;box-sizing: border-box;padding: 20px;border-radius: 3px;display: none;overflow: hidden;}
.epts1-list li .icons i.jiao {background-image: url('images/add_1.png');width: 21px;height: 21px;position: absolute;top: -22px;left: 10px;display: block;opacity: 0;}
.epts1-list li.on1 .jiao,.epts1-list li.on2 .jiao,.epts1-list li:hover .jiao {opacity: 1 !important;}
.ept.t4.ons,.ept.t3.ons {top: 10px;}
.epts1-list li:hover .messages,.epts1-list li.on2 .messages {display: block !important;}
.epts1-list .t1 {font-size: 16px;margin-bottom: 15px;font-weight: bold;}
.epts1-list .t2 {font-size: 14px;line-height: 20px;} 

/*index*/

.dowebok {background-position: center center;background-repeat: no-repeat;background-size: 100% 100%;}
.index_sum_1 {width: 1200px;position: relative;margin: auto;height: 730px;margin-top: 60px;}
.index_sum_1 .ab {position: absolute;top: 0;left: 0;z-index: 1;}
.index_sum_2 {width: 1200px;position: relative;margin: auto;height: 650px;margin-top: 50px; text-align:center;}
.index_sum_2 .ab {width: 1200px;position: absolute;top: 0;z-index: 1;}
.ab.t1 {z-index: 2;}
.ab.t2 {z-index: 3;}
.ab.t3 {z-index: 4;transition: all .5s linear;-webkit-transition: all .5s linear;}
.ab.t4 {z-index: 6;transition: all .5s linear;-webkit-transition: all .5s linear;}
.ab.t5 {z-index: 5;left: auto;right: 0;top: -40px;}
.ab.t6 {z-index: 5;left: auto;right: 0;top: 50px;font-size: 36px;line-height: 48px;color: #ffffff;}
.ab.t6 .t6-2 {font-size: 18px;line-height: 24px;text-align: right;/* width:150px; */margin-top: 10px;}
.ab.t7 {z-index: 5;left: auto;right: 0;}

.s1-list {width: 1020px;height: 780px;position: relative;z-index: 10;}
.s2-list {width: 1200px;height: 850px;}
.s1-list li {position: absolute;z-index: 6;}
.s1-list li:nth-child(1) {top: 205px;left: 872px;}
.s1-list li:nth-child(2) {top: 124px;left: 685px;}
.s1-list li:nth-child(3) {top: 296px;left: 700px;}
.s1-list li:nth-child(4) {top: 230px;left: 496px;}
.s1-list li:nth-child(5) {top: 188px;left: 410px;}
.s1-list li:nth-child(6) {top: 246px;left: 314px;}

.s1-list a.icons {position: relative;}
.s1-list .icons1 {box-shadow: 0px 0px 0px 6px rgba(29, 28, 28, .2);border-radius: 50%;}
.s1-list .icons1 img {border-radius: 50%;border: 4px solid rgba(29, 28, 28, .3);}
.s1-list li.on .icons1 {animation: myfirst 5s;-webkit-animation: myfirst 5s;animation-delay: 2s;-webkit-animation-delay: 2s;/* Safari 和 Chrome */}
.s1-list li.on1 .icons1,.s1-list li.on2 .icons1 {animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;/*Safari and Chrome*/}
.s1-list .messages {position: absolute;bottom: 35px;left: -50px;width: 240px;background-color: rgba(0, 0, 0, .5);color: #FFFFff;box-sizing: border-box;padding: 20px;border-radius: 3px;display: none;overflow: hidden;}
.s1-list li .icons i.jiao {background-image: url('images/add_1.png');width: 21px;height: 21px;position: absolute;top: -22px;left: 10px;display: block;opacity: 0;}
.s1-list li.on1 .jiao,.s1-list li.on2 .jiao,.s1-list li:hover .jiao {opacity: 1 !important;}
.ab.t4.ons,.ab.t3.ons {top: 10px;}
.s1-list li:hover .messages,.s1-list li.on2 .messages {display: block !important;}
.s1-list .t1 {font-size: 16px;margin-bottom: 15px;font-weight: bold;}
.s1-list .t2 {font-size: 14px;line-height: 20px;} 

.s2-list li {border: 100px solid transparent;cursor: pointer;}
.s2-list li:nth-child(1) {left: 800px;top: 230px;}
.s2-list li:nth-child(2) {left: 500px;top: 140px;}
.s2-list li:nth-child(3) {top: 240px;left: 70px;}
.s2-list li:nth-child(4) {left: 440px;top: 420px;}

.index_pro_item_1 {height: 620px;width: 30%;margin: 5px 2.5px;box-sizing: border-box;padding: 70px 0 0 0;background-color: #FFFFff;display: block;float:left;}

.index_pro_item_2 {height: 620px;width: 38.5%;margin: 5px 2.5px;box-sizing: border-box;padding: 70px 0 0 0;background-color: #FFFFff;display: block;float:left;}

.index_pro_imgs {max-width: 400px;width: 90%;display: block;margin: 0 auto;}
.index_pro_lans {width: 90%;margin: auto;color:#333333;text-align: center;margin-bottom: 60px;}
.index_pro_item_1:hover .index_pro_lans {color: #5c8dde;}
.index_pro_item_2:hover .index_pro_lans {color: #5c8dde;}

.index_pro_item_1 .lans-1 {font-size: 26px;line-height: 26px;color:#333333}
.index_pro_item_1:hover .lans-1{color:#5c8dde}
.index_pro_item_1 .lans-2 {margin: 15px 0 25px 0;font-size: 16px;line-height: 24px;}

.index_pro_item_2 .lans-1 {font-size: 26px;line-height: 26px;color:#333333}
.index_pro_item_2:hover .lans-1{color:#5c8dde}
.index_pro_item_2 .lans-2 {margin: 15px 0 25px 0;font-size: 16px;line-height: 24px;}

.section .boxs {width: 86%;margin: auto;margin-top: 50px;} 
.section2 .title {}
.section2 .t1 {font-size: 30px;font-family: 'arial', 'Microsoft Yahei';color: #edf1ff;font-weight: bold;}
.section2 .t1 span {font-weight: normal;font-size: 24px;}
.section2 .t2 {width: 30px;height: 3px;background-color: #FFFFFF;margin: 35px 0 40px 0;}
.section2 .pro-index {width: 100.2%;margin-left: -.1%;margin-bottom: 110px;}
.pro-index li {display: inline-block;float: left;}
.pro-index li:last-child .each-item {margin-right: 0px}
.pro-index li .each-item {height: 725px;width: 477px;margin: 5px 2.5px;box-sizing: border-box;padding: 70px 0 0 0;background-color: #FFFFff;display: block;/* cursor: pointer; */}
.pro-index li .imgs {max-width: 400px;width: 90%;display: block;margin: 0 auto;}
.pro-index li .lans {width: 300px;margin: auto;color:#333333;text-align: center;margin-bottom: 60px;}
.pro-index li .each-item:hover .lans {color: #5c8dde;}
.pro-index .lans-1 {font-size: 26px;line-height: 26px;color:#333333}
.pro-index li:hover .lans-1{color:#5c8dde}
.pro-index .lans-2 {margin: 15px 0 25px 0;font-size: 16px;line-height: 24px;}
.pro-index .icons,.news-list .arrow {width: 30px;height: 30px;border: 1px solid #999999;border-radius: 50%;position: relative;margin: auto;overflow: hidden;}
.pro-index .icons .icons1 {width: 60px;transition: transform .3s linear;-webkit-transition: transform .3s linear;transform: translate(-50%, 0%);-webkit-transform: translate(-50%, 0%);}
.pro-index .each-item:hover .icons1 {transform: translate(-5%, 0%);-webkit-transform: translate(-5%, 0%);}
.pro-index li:nth-child(4) .each-item:hover .icons1 {transform: translate(0%, 0%);-webkit-transform: translate(0%, 0%);}
.pro-index .icons i,.news-list .arrow i {width: 7px;height: 7px;margin: 9.5px;display: inline-block;border-right: 2px solid #999999;transform: rotate(45deg);-webkit-transform: rotate(45deg);border-top: 2px solid #999;}
.pro-index li:nth-child(4) .icons i{
    margin: 9.5px 12px;
}
.pro-index li:nth-child(4) .icons i:first-child{
     margin: 9.5px 9px;
}
.news-list .arrow:hover,.news-list .arrow:hover i {border-color: #5c8dde;}
.pro-index li .each-item:hover .icons,.pro-index li .each-item:hover i:first-child {border-color: #5c8dde;}
.pro-index li:nth-child(4) .each-item {width: 670px;height: 360px;padding: 0;}
.pro-index li:nth-child(4) .imgs {width: 50%;display: inline-block;float: left;}
.pro-index li:nth-child(4) .lans {width: 50%;float: left;display: inline-block;max-width: 215px;text-align: left;margin-left: 70px;margin-top: 70px;}
.pro-index li:nth-child(4) .icons {margin: 0;}
.section .titles {color: #FFFFff;width: 950px;margin: auto;text-align: center;/* margin-top: 85px; */}
.section .titles .t1 {font-size: 36px;}
.section .titles .t2 {width: 200px;height: 1px;background-color: #FFFFff;display: block;margin: 15px auto 20px auto;position: relative;}
.section .titles .t2:after {content: '';width: 30px;height: 3px;background-color: #FFFFff;margin: auto;display: block;position: absolute;top: -1px;left: 50%;margin-left: -15px;}
.section .titles .t3 {font-size: 16px;line-height: 30px;}
.section-box {width: 1200px;position: relative;margin: auto;margin-top: 60px;height: 860px;}
.section-box .ab {position: absolute;bottom: 90px;left: 0;z-index: 3;}

.dh {width: 1200px;height: 1px;box-sizing: border-box;}
.dh dd {position: absolute;z-index: 6;background-color: #ecfb52;display: block;animation-fill-mode: none;}
.dh dd:nth-child(1) {top: 284px;max-width: 37px;height: 4px;left: 514px;}
.dh dd:nth-child(2) {top: 310px;width: 4px;max-height: 214px;left: 599px;animation-timing-function: ease-out;}
.dh dd:nth-child(3) {max-width: 256px;height: 4px;bottom: 440px;right: 600px;transform: rotate(-180deg);}
.dh dd:nth-child(4) {bottom: 440px;max-width: 270px;height: 4px;left: 603px;}
.dh dd:nth-child(5) {top: 416px;max-height: 53px;width: 4px;left: 344px;}
.dh dd:nth-child(6) {top: 416px;max-height: 76px;width: 4px;left: 515px;}
.dh dd:nth-child(7) {top: 416px;max-height: 107px;width: 4px;right: 326px;}
.dh dd:nth-child(8) {top: 416px;max-height: 76px;width: 4px;right: 410px;}

.dh-lans .quan1 i {background-color: #FFFFff;width: 13px;height: 13px;border-radius: 50%;display: block;box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, .5);margin: 0 auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}
.dh-lans .quan {position: absolute;border-radius: 50%;width: 33px;border: 7px solid rgba(255, 255, 255, .25);height: 23px;padding-top: 10px;box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, .1);top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}
.dh-lans .quan1 {position: relative;width: 60px;height: 60px;display: block;margin-bottom: -25px;}
.dh-lans li:nth-child(1) .quan1 {margin-left: -23px;}
.dh-lans li:nth-child(2) .quan1 {margin-left: -20px;}
.dh-lans li:nth-child(3) .quan1 {margin-left: 65px;}
.dh-lans li:nth-child(4) .quan1 {margin-left: 74px;}
.dh-lans li:nth-child(5) .quan1 {margin-left: 277px;}
.dh-lans li:nth-child(6) .quan1 {margin-left: -18px;}

.dh-lans li {position: absolute;z-index: 10;}
.dh-lans li:nth-child(1) {left: 290px;bottom: 535px;}
.dh-lans li:nth-child(2) {left: 545px;bottom: 560px;}
.dh-lans li:nth-child(3) {bottom: 350px;right: 420px;}
.dh-lans li:nth-child(4) {right: 205px;bottom: 470px;}
.dh-lans li:nth-child(5) {bottom: 230px;right: 140px;}
.dh-lans li:nth-child(6) {bottom: 355px;left: 70px;}

.dh-lans li:nth-child(2) .lans {width: 120px;}
.dh-lans li:nth-child(4) .lans {left: 80%;}

.dh-lans .lans {position: absolute;}
.dh-lans .lans .t1 {font-size: 18px;line-height: 30px;color: #ffffff;font-weight: bold;/*margin-bottom: 10px;*/}
.dh-lans .lans .t2 {color: #ffffff;font-size: 16px;line-height: 24px;margin-top: 3px;}
.dh-lans li {position: absolute;z-index: 10;}
.dh-lans li:nth-child(1) {left: 290px;bottom: 535px;}
.dh-lans li:nth-child(2) {left: 545px;bottom: 560px;}
.dh-lans li:nth-child(3) {bottom: 350px;right: 420px;}
.dh-lans li:nth-child(4) {right: 205px;bottom: 470px;}
.dh-lans li:nth-child(5) {bottom: 230px;right: 140px;}
.dh-lans li:nth-child(6) {bottom: 355px;left: 70px;}

.dh-lans li:nth-child(2) .lans {width: 120px;}
.dh-lans li:nth-child(4) .lans {left: 140px;}

.dh-lans .lans {position: absolute;width: 140px;left: 70px;top: 0;text-align: left;}
.dh-lans .lans .t1 {/*font-weight: normal;*/
    margin: 0;}
@keyframes myfirst1 {0% {width: 0%;}
    100% {width: 100%;}}
@-webkit-keyframes myfirst1 {0% {width: 0%;}
    100% {width: 100%;}}
@keyframes myfirst2 {0% {height: 0%;}
    100% {height: 100%;}}
@-webkit-keyframes myfirst2 {0% {height: 0%;}
    100% {height: 100%;}}
.dh.on dd:nth-child(1) {animation: myfirst1 4.5s linear forwards;-webkit-animation: myfirst1 4.5s linear forwards;animation-delay: 3s;-webkit-animation-delay: 3s;}
.dh.on dd:nth-child(2) {animation: myfirst2 7.5s linear forwards;-webkit-animation: myfirst2 7.5s linear forwards;animation-delay: 3.5s;-webkit-animation-delay: 3.5s;}
.dh.on dd:nth-child(3) {animation: myfirst1 4.5s linear forwards;-webkit-animation: myfirst1 4.5s linear forwards;animation-delay: 4.4s;-webkit-animation-delay: 4.4s;}
.dh.on dd:nth-child(4) {animation: myfirst1 4.5s linear forwards;-webkit-animation: myfirst1 4.5s linear forwards;animation-delay: 4.4s;-webkit-animation-delay: 4.4s;}
.dh.on dd:nth-child(5) {animation: myfirst2 4.5s linear forwards;-webkit-animation: myfirst2 4.5s linear forwards;animation-delay: 5.3s;-webkit-animation-delay: 5.3s;}
.dh.on dd:nth-child(6) {animation: myfirst2 7.5s forwards;-webkit-animation: myfirst2 7.5s forwards;animation-delay: 4.7s;-webkit-animation-delay: 4.7s;}
.dh.on dd:nth-child(7) {animation: myfirst2 6s forwards;-webkit-animation: myfirst2 6s forwards;animation-delay: 5.3s;-webkit-animation-delay: 5.3s;}
.dh.on dd:nth-child(8) {animation: myfirst2 7.5s forwards;-webkit-animation: myfirst2 7.5s forwards;animation-delay: 5s;-webkit-animation-delay: 5s;}
.banner {width: 1280px;margin: 100px 0 -40px -40px;}
.banner a {color: #FFFFff;font-size: 22px;line-height: 30px;width: 320px;height: 450px;position: relative;}
.banner a:after {content: "";background: url('../images/i5.png') center;width: 320px;height: 0px;display: block;position: absolute;top: 0;left: 0;z-index: 0;transition: all .6s linear;-webkit-transition: all .6s linear;}
.banner a:before {content: "";background: url('../images/i6.png') center;width: 320px;height: 0px;display: block;position: absolute;bottom: 0;left: 0;z-index: 0;transition: all .58s;-webkit-transition: all .58s;}
.banner .slick-arrow {width: 30px;height: 30px;position: absolute;top: 110px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);cursor: pointer;}
.banner .slick-arrow:before {content: '';width: 15px;height: 15px;border-top: 3px solid #FFFFff;border-left: 3px solid #FFFFff;display: block;}
.banner .slick-arrow.prev {left: -30px;}
.banner .slick-arrow.next {right: -50px;}
.banner .slick-arrow.next:before {transform: rotate(-185deg);-webkit-transform: rotate(-185deg);}
.banner a:hover:before,.banner a:hover:after {height: 450px;}
.banner .quans {position: absolute;top: 50%;left: 50%;transform-origin: center center;animation: myfirst4 3s linear infinite;-webkit-animation: myfirst4 3s linear infinite;margin: -91px -91px;}
.banner a:nth-child(odd) .quan {animation-delay: .5s;-webkit-animation-delay: .5s;}
.banner .img {position: relative;width: 180px;height: 180px;margin: 40px auto;z-index: 2;border-radius: 50%;background-color: transparent;transition: all .6s;-webkit-transition: all .6s;}
.banner a:hover .img {background-color: #24c8d4;}
.banner a:hover .quans {opacity: 0;}
.banner .imgs {transition: all .6s linear;-webkit-transition: all .6s linear;}
.banner a:hover .imgs-wrapper {background-color: transparent;}
.banner .imgs {transform: translate(0, 0);-webkit-transform: translate(0, 0);transition: all .6s;-webkit-transition: all .6s;}
.banner a:hover .imgs {transform: translate(0%, -55%);-webkit-transform: translate(0%, -55%);}
.banner .imgs img {display: block;margin: 25px auto;}
.banner .imgs-wrapper {width: 160px;overflow: hidden;height: 160px;border-radius: 50%;background-color: #fff;position: absolute;top: 50%;left: 50%;margin: -80px -80px;}
.banner .lans {text-align: center;font-family: 'arial', 'Microsoft Yahei';width: 260px;margin: auto;padding-bottom: 40px;position: relative;z-index: 2;}
.banner .lans1 {}
.banner .lans2 {font-size: 18px;line-height: 22px;margin: 8px 0 12px 0;}
.banner .lans3 {font-size: 14px;line-height: 24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;max-height: 48px;color: #6A6AFF;opacity: 0;margin-top: 50px;transition: all .6s linear;-webkit-transition: all .6s linear;}
.banner a:hover .lans3 {opacity: 1;margin-top: 0px;}
.new-nav {float: right;font-size: 18px;line-height: 18px;font-weight: normal;}
.new-nav a {display: inline-block;margin: 0 15px;}
.new-nav a:last-child {margin-right: 0;}
.new-nav a.on,.new-nav a:hover {border-bottom: 1px solid #FFFFff;}
.new-list {}
.newsum dd {display: none;}
.newsum dd.on {display: block;}
.new-list li {width: 31.8%;float: left;margin-bottom: 100px;transition: all .6s linear;-webkit-transition: all .6s linear;}
.new-list li:hover {box-shadow: 0px 10px 30px 1px rgba(0, 0, 0, .15);}
.new-list li:nth-child(3n-1) {margin: 0 2.3%;margin-bottom: 100px;}
.new-list li {background-color: #FFFFff;}
.new-list .imgs {max-height: 328px;overflow: hidden;}
.new-list .lans {width: 90%;padding: 30px 0;margin: auto;font-family: 'arial', 'Microsoft Yahei';}
.new-list .ones {font-size: 20px;color: #222222;display: inline-block;line-height: 20px;border-bottom: 1px solid transparent;}
.new-list .ones:hover {border-bottom: 1px solid #000;/* font-weight: bold; */
    color: #000;}
.new-list .date {color: #999999;font-size: 18px;margin: 15px 0 20px 0;}
.new-list .twos {font-size: 16px;line-height: 30px;color: #666666;max-height: 60px;}
@keyframes myfirst4 {0% {transform: rotate(0deg);}
    100% {-webkit-transform: rotate(360deg);}}
@-webkit-keyframes myfirst4 {0% {transform: rotate(0deg);}
    100% {-webkit-transform: rotate(360deg);}}

/*图片悬停放大 listitem==div*/
.listitem{
    width: 300px;
    height: 360px;
    margin-left: 20px;
    margin-top: 20px;
    overflow: hidden;
}
.listitem_img{transition:all 0.6s;}
.listitem_img:hover{transform: scale(1.4);}

/*contact.html*/

.bannersum {background-position: center center; width: 100%; height: 610px; background-repeat: no-repeat;}
.crumbs {width: 100%;background-color: #fdfdfd;height: 60px;line-height: 60px;box-sizing: border-box;border-bottom: 1px solid #e0e0e0;font-size: 14px;color: #999;}
.icons1 {background-position: -60px 5px;}
.crumbs a {color: #999;}
.crumbs .nows {color: #538ede;}
.map {font-family: 'arial', 'Microsoft Yahei';padding: 50px 0 75px 0;}
.map .left {float: left;color: #222222;width: 480px;}
.map h1 {font-size: 24px;font-weight: bold;margin-bottom: 10px;}
.map .en-h1 {font-size: 16px;padding-bottom: 27px;border-bottom: 1px solid #e0e0e0;}
.map .contact-list {font-size: 16px;border-bottom: 1px dashed #e0e0e0;padding-bottom: 30px;}
.map .contact-list li {padding-top: 22px;}
.map .icons2 {background-position: -30px 4px;}
.map .icons3 {background-position: -30px -39px;}
.map .icons4 {background-position: -30px -82px;}
.map .icons5 {background-position: -30px -130px;}
.map .right {float: right;}
.map h2 {font-size: 18px;font-weight: bold;padding-top: 25px;}
.map .h2-lans {font-size: 16px;line-height: 35px;padding-top: 5px;}

/*end contact.html*/

/*pro.html*/
.bannersum .box {height: 610px;position: relative;overflow: hidden;}
.banner-nav {position: absolute;bottom: 0;left: 0;width: 100%;z-index: 5;vertical-align: bottom;}
.banner-nav li {display: block;float: left;padding-top: 10px;height: 80px;box-sizing: border-box;
transition: all .2s linear;-webkit-transition: all .2s linear;}
.banner-nav a {padding: 0 50px;line-height: 70px;background-color: rgba(85, 135, 220, .85);font-size: 14px;
color: #fff;display: block;transition: all .2s linear;-webkit-transition: all .2s linear;font-size: 18px;}

.banner-nav li.on a {background-color: rgba(85, 130, 150, .80); padding: 0 30px;}
.banner-nav li:hover a {background-color: rgba(85, 130, 150, .80); }
/*
.banner-nav li:hover,.banner-nav li.on {padding-top: 0px;}
.banner-nav li.on a {background-color: rgba(85, 130, 150, .80); padding: 0 30px; padding-top: 10px;}
.banner-nav li:hover a {background-color: rgba(85, 130, 150, .80); padding-top: 10px;}
*/

.more_info {display: block;width: 120px;height: 30px;line-height: 30px;color: #FFFFff;
text-align: center;float: right;font-size: 16px;margin-bottom: 20px;background-color: #5B5B5B;}

.pro-list {}
.pro-list>li {padding-top: 30px;}
.pro-list .title {border-bottom: 1px solid #e1e1e1;}
.pro-list .t_1 {font-size: 24px;font-weight: bold;float: left;padding-bottom: 25px;border-bottom: 1px solid #538ede;margin-bottom: -1px;}
.pro-list .more {display: block;width: 88px;height: 30px;line-height: 30px;color: #FFFFff;text-align: center;float: right;font-size: 14px;margin-bottom: 20px;background-color: #5B5B5B;}
.pro-list .more span:before,.add:before {width: 10px;height: 2px;position: absolute;
background-color: #FFFFff;content: '';display: block;top: 4px;left: -4px;}
.pro-list .more:hover {background-color: #4A4AFF;} 
.pro-list .pro-cell {font-size: 16px;line-height: 24px;cursor: auto;}

.pro-cell .imgs {float: left;width: 500px;height: 500px;margin-right: 110px;}
.pro-cell .imgs ul {}
.pro-cell .imgs li {padding-top: 30px;}
.pro-cell .lans {padding-top: 60px;width: 540px;float: right;color: #222222;font-size: 16px;line-height: 30px;}
.pro-cell .lans1 {}
.pro-cell .lans2 {font-size: 18px;font-weight: bold;padding: 30px 0 10px 0;}
.pro-cell .lans3 {color: #666666;}
.peijian {padding-top: 30px;}
.peijian a {width: 585px;height: 530px;float: left;display: block;color: #222222;text-align: center;}
.peijian .picture {width: 585px;height: 410px;overflow: hidden;}
.peijian a:nth-child(even) {margin-left: 30px;}
.peijian .c1 {padding: 10px;box-sizing: border-box;display: block;font-size: 18px;line-height: 37px;}
.pro-cell .imgs dd {position: absolute;top: 0;left: 0;}
.pro-cell .quans {position: relative;}
.pro-cell .quan {box-shadow: 0px 0px 0px 9px rgba(109, 83, 235, .25);width: 28px;height: 28px;position: absolute;border-radius: 50%;top: 50%;left: 50%;z-index: 3;margin: -14px;animation: star 7s infinite;-webkit-animation: star 7s infinite;cursor: pointer;}
.pro-cell .quans>em {width: 10px;height: 10px;background-color: #6d53eb;border-radius: 50%;display: block;box-shadow: 0px 0px 0px 9px rgba(109, 83, 235, .4);position: absolute;z-index: 4;top: 50%;left: 50%;margin: -5px;}
@-webkit-keyframes star {0% {box-shadow: 0px 0px 0px 9px rgba(109, 83, 235, .25);}
    14.3% {box-shadow: 0px 0px 0px 0px rgba(109, 83, 235, .25);}
    28.6% {box-shadow: 0px 0px 0px 9px rgba(109, 83, 235, .25);}
    42.9% {box-shadow: 0px 0px 0px 0px rgba(109, 83, 235, .25);}
    57.2% {box-shadow: 0px 0px 0px 9px rgba(109, 83, 235, .25);}
    71.5% {box-shadow: 0px 0px 0px 0px rgba(109, 83, 235, .25);}
    100% {box-shadow: 0px 0px 0px 9px rgba(109, 83, 235, .25);}}
@keyframes star {0% {box-shadow: 0px 0px 0px 9px rgba(109, 83, 235, .25);}
    14.3% {box-shadow: 0px 0px 0px 0px rgba(109, 83, 235, .25);}
    28.6% {box-shadow: 0px 0px 0px 9px rgba(109, 83, 235, .25);}
    42.9% {box-shadow: 0px 0px 0px 0px rgba(109, 83, 235, .25);}
    57.2% {box-shadow: 0px 0px 0px 9px rgba(109, 83, 235, .25);}
    71.5% {box-shadow: 0px 0px 0px 0px rgba(109, 83, 235, .25);}
    100% {box-shadow: 0px 0px 0px 9px rgba(109, 83, 235, .25);}}
.pro-cell .imgs dd {position: absolute;top: 240px;left: 115px;z-index: 5;}
.d1sum dd:nth-child(2) {top: 210px;left: 210px;}
.d1sum dd:nth-child(3) {top: 180px;left: 320px;}
.d1sum dd:nth-child(4) {top: 270px;left: 300px;}
.d1sum dd:nth-child(5) {left: 435px;top: 300px;}
.d2sum dd:nth-child(1) {top: 315px;left: 350px;}
.d2sum dd:nth-child(2) {top: 280px;left: 100px;}
.d2sum dd:nth-child(3) {top: 210px;left: 400px;}


.tag1 {position: absolute;left: -120px;bottom: 40px;display: none;}
dd:hover .tag1 {display: block;}
.tag {width: 240px;padding: 15px;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .2);position: relative;background-color: rgba(255, 255, 255, .94);font-size: 14px;line-height: 20px;color: #222222;text-align: center;}
.tag:before {content: url('../images/tag.png');position: absolute;bottom: -24px;left: 110px;}

/*end pro.html*/


/*pro1.html*/

.pro1-list {padding-bottom: 40px;}
.pro1-list li {padding: 40px 0;border-top: 1px solid #e1e1e1;}
.pro1-list li:first-child {border: 0px;}
.pro1-list .left {float: left;}
.pro1-list .right {float: right;width: 550px;color: #222;padding-top: 107px;}
.pro1-list .t1 {font-size: 30px;line-height: 30px;font-weight: bold;}
.pro1-list .t2 {font-size: 24px;padding: 15px 0;}
.pro1-list .t3 {font-size: 16px;color: #666666;line-height: 30px;padding-bottom: 55px;}
.pro1-list .t4 {text-align: center;line-height: 50px;background-color: #f3f3f3;color: #538ede;cursor: pointer;font-size: 16px;}
.pro1-list .t5 {display: none;}
.pro1-list table {border-collapse: collapse;width: 100%;}
.pro1-list td {border: 1px solid #e0e0e0;font-size: 14px;line-height: 24px;color: #222222;padding: 15px 20px;}
.pro1-list tr .td:first-child {}
.pro1-list .download {width: 100%;line-height: 50px;text-align: center;color: #538ede;background-color: #f3f3f3;font-size: 14px;}
.t4.on {background-color: #538ede;color: #FFFFff;}
.pro-list .more span,.add {display: inline-block;margin-left: 10px;height: 10px;width: 2px;position: relative;background-color: #FFFFff;}
.add,.add:before {background-color: #538ede;}
.on .add,.on .add:before {background-color: #fff;}

/*end pro1.html*/


/*new.html*/

.news-list {padding-top: 20px;}
.news-list li {height: 255px;box-sizing: border-box;padding: 20px;transition: all .6s;-webkit-transition: all .6s;background-color: rgba(243, 243, 243, .8);margin-top: 20px;/* border: 1px solid rgba(0,0,0,.03); */}
.news-list li:hover {background-color: #fff;box-shadow: 0px 0px 9px 0 rgba(0, 0, 0, .15);}
.news-list a {}
.news-list .imgs {float: left;width: 340px;height: 215px;overflow: hidden;}
.news-list .lans {width: 775px;float: left;margin-left: 30px;}
.news-list .ones {font-size: 20px;line-height: 25px;color: #222222;border-bottom: 1px solid transparent;margin-top: 16px;}
.news-list .ones:hover {border-bottom: 1px solid #000;color: #000;}
.news-list .t2 {padding: 20px 0 20px;font-size: 18px;line-height: 18px;color: #999999;font-family: 'arial', 'Microsoft Yahei';}
.news-list .twos {font-size: 14px;line-height: 24px;color: #666666;max-height: 48px;margin-bottom: 20px;}
.news-list .arrow {margin: 0;}
.pagetion {text-align: center;margin: 50px 0 60px 0px;}
.pagetion i {width: 10px;height: 10px;display: block;margin: 12px auto 0 15px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);border-top: 2px solid #999999;border-left: 2px solid #999999;}
.pagetion .next i {transform: rotate(-225deg);-webkit-transform: rotate(-225deg);margin: 11px;}
.pagetion a {width: 40px;height: 40px;line-height: 40px;box-sizing: border-box;border: 1px solid #cccccc;display: inline-block;font-size: 16px;color: #666666;border-radius: 2px;margin: 0 5px;}
.pagetion a.next,.pagetion a.prev {margin-bottom: -13px;}
.pagetion a.next:hover i,.pagetion a.prev:hover i {border-color: #FFFFff;}
.pagetion a:hover,.pagetion a.on {background-color: #00a0e9;color: #fff;border-color: #00a0e9;}

/*end new.html*/


/*new1.html*/

.newsum {}
.newsum h1 {font-size: 26px;line-height: 30px;color: #222222;margin-top: 48px;}
.newsum .dates1 {font-size: 16px;color: #999999;padding: 24px 0 28px 0;}
.editor {font-size: 16px;line-height: 32px;color: #222222;padding: 20px 0;border-top: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;}
.editor img {max-width: 100%;}
.new-pagetion {margin-top: 5px;padding-bottom: 50px;}
.new-pagetion .left {width: 700px;display: block;float: left;}
.new-pagetion a {display: block;font-size: 16px;line-height: 16px;color: #999999;margin-top: 25px;}
.new-pagetion a span {color: #222222;}
.new-pagetion a:hover span {color: #538ede;text-decoration: underline;}
.new-pagetion .right {width: 110px;font-size: 14px;line-height: 40px;height: 40px;background-color: #c4c4c4;color: #FFFFff;float: right;display: block;text-align: center;color: #FFFFff;margin-top: 40px;}
.tuijian {}
.tuijian a {font-size: 16px;line-height: 40px;color: #222222;width: 575px;display: block;float: left;border-bottom: 1px solid #e0e0e0;}
.tuijian .ones:before {content: '● ';font-size: 16px;line-height: 60px;margin-right: 5px;display: inline-block;}
.tuijian a:hover .ones,.tuijian a:hover .ones:before {color: #538ede;}
.tuijian a:hover .ones {text-decoration: underline;}
.tuijian a:nth-child(even) {float: right;}
.tuijian .ones {width: 450px;float: left;}
.tuijian .dates {color: #999999;float: right;line-height: 60px;}
.tuijians {padding-bottom: 80px;}
.new-pagetion .right:hover {background-color: #5c8dde;}

/*end new1.html*/


/*about1.html*/

.about1sum {}
.aboutsum {position: relative;width: 100%;}
.about1 {padding: 60px 0 50px 0;}
.bor-bottom {border-bottom: 1px solid #e0e0e0;}
.aboutsum .en {font-family: 'arial', 'Microsoft Yahei';font-size: 48px;text-transform: uppercase;color: #d0defb;position: absolute;top: 60px;left: 0;z-index: -1;opacity: .4;font-weight: bold;}
.bor-bottom {}
.about1sum .left {float: left;width: 660px;text-align:justify;}
.about1sum .right {float: right;margin-top:75px; }
.about1sum .l1 {font-size: 24px;line-height: 24px;font-weight: bold;padding: 23px 0 20px 0;}
.about1sum .l2 {font-size: 16px;line-height: 30px;color: #222222;}
.licheng {margin-bottom: 30px;}
.licheng .left1 {width: 34px;float: left;}
.licheng .left2 {width: 1166px;float: left;margin-top: -12px;}
.licheng>ul>li {background: url("../images/arrow2.png") left center repeat-y;}
.licheng>ul>li:last-child {background: url(".") left center repeat-y;}
.licheng .year {background: url('../images/lc.jpg') center center no-repeat;width: 95px;height: 40px;color: #FFFFff;font-size: 19px;font-weight: bold;line-height: 40px;text-align: center;font-family: 'arial', 'Microsoft Yahei';}
.licheng .mess {font-size: 16px;line-height: 36px;padding: 10px 30px 50px 30px;box-sizing: border-box;color: #222222;}
.licheng .left1 img{display:block;}
/*end about1.html*/


/*about2.html*/

.about2 {margin: 50px auto 80px auto;}
.about2 li {width: 400px;height: 400px;float: left;background-color: #ebf3fd;text-align: center;padding: 60px 50px;padding-bottom: 0;box-sizing: border-box;}
.about2 li:nth-child(even) {background-color: #f6f9fe;}
.about2 .about2_1 {font-size: 22px;color: #222222;margin-top: 30px;margin-bottom: 15px;}
.about2 .about2_2 {font-size: 14px;line-height: 24px;color: #666666;}

/*end about2.html*/


/*about3.html*/

.about3 {padding: 40px 0 70px 0;}
.about3>ul {}
.about3>ul>li {position: relative;height: 480px;margin-bottom: 48px;}
.about3 .left {position: absolute;width: 740px;height: 450px;border: 2px solid #eeeffa;}
.about3 .left2 {width: 430px;margin-top: 186px;margin-left: 55px;}
.about3 .en {font-family: 'arial', 'Microsoft Yahei';font-size: 48px;text-transform: uppercase;color: #d0defb;position: absolute;top: 160px;left: 55px;z-index: -1;opacity: .4;font-weight: bold;}
.about3 .title {font-size: 24px;line-height: 24px;color: #222222;font-weight: bold;}
.about3 .mess {font-size: 16px;line-height: 32px;margin-top: 10px;color: #222222;}
.about3>ul>li:nth-child(even) .right {right: auto;left: 0;}
.about3>ul>li:nth-child(even) .left {right: 0;left: auto;}
.about3 .right a {}
.about3>ul>li:nth-child(even) .en {left: 250px;}
.about3>ul>li:nth-child(even) .left2 {margin-left: 250px;}
.about3 .right {width: 660px;height: 455px;position: absolute;right: 0;top: 20px;}
.about3 .slick-arrow {cursor: pointer;position: absolute;bottom: 0;z-index: 10;transition: all .5s;-webkit-transition: all .5s;}
.about3 .slick-arrow:hover {opacity: .8;}
.about3 .slick-arrow.prev {background: url('../images/prev1.png');width: 60px;height: 60px;right: 60px;}
.about3 .slick-arrow.next {background: url('../images/next1.png');width: 60px;height: 60px;right: 0;}
.about3 .right .current {font-size: 16px;color: #FFFFff;font-family: 'arial', 'Microsoft Yahei';position: absolute;bottom: 20px;left: 20px;font-weight: normal;}

/*end about3.html*/


/*about4.html*/

.about4 {}
.about4 ul {width: 1080px;margin: auto;padding-bottom: 80px;}
.about4 li {font-size: 18px;width: 340px;height: 500px;margin: 0 10px;}
.about4 li a {width: 340px;height: 440px;box-sizing: border-box;overflow: hidden;border: 1px solid #d6e7ff;display: block;}
.about4 .imgs {}
.about4 .lans {width: 100%;background-color: #d6e7ff;line-height: 60px;text-align: center;}
.about4 .slick-arrow {background: url('../images/prev.png') center center no-repeat;position: absolute;top: 175px;right: -60px;width: 50px;height: 50px;display: block;z-index: 5;transition: all .3s;-webkit-transition: all .3s;cursor: pointer;}
.about4 .slick-arrow.prev {right: auto;left: -60px;transform: rotate(-180deg);-webkit-transform: rotate(-180deg);}
.about4 .slick-arrow:hover {opacity: .5;}
.about4-nav {text-align: center;font-size: 24px;padding: 60px 0;line-height: 24px;}
.about4-nav a {display: inline-block;color: #000000;margin: 0 15px;}
.about4-nav a:hover,.about4-nav a.on {color: #538ede;}

/*end about4.html*/


/*s1.html*/

.sosum {}
.sosum1 {padding-top: 70px;}
.sosum .title {font-size: 36px;color: #000;font-weight: bold;text-align: center;}
.sosum .title2 {width: 200px;height: 1px;margin: 25px auto 20px auto;position: relative;background-color: #000;}
.sosum .title2:before {content: '';display: block;position: absolute;width: 30px;height: 3px;background-color: #000;top: -1px;left: 50%;margin-left: -15px;}
.editor1 {font-size: 16px;line-height: 32px;color: #666666;text-align: center;}
.sosum2 {}
.sosum2 ul {padding: 90px 0;}
.sosum2 li {text-align: center;width: 260px;height: 230px;float: left;padding: 10px 70px;}
.sosum2 li:nth-child(3n-1) {border-left: 1px dashed #d3d2d2;padding: 10px 69px;border-right: 1px dashed #d3d2d2;}
.sosum2 .icon-j {}
.sosum2 .j1 {font-size: 22px;color: #000000;}
.sosum2 .j2 {font-size: 16px;line-height: 30px;color: #888888;}
.sosum3 {padding-top: 80px;}
.sosum3 ul {padding: 50px 0 80px 0;}
.sosum3 li {position: relative;}
.sosum3 li:before {background-color: rgba(0, 0, 0, .74);width: 240px;height: 330px;position: absolute;top: 0;left: 0;z-index: 3;display: block;content: '';transition: all .6s;-webkit-transition: all .6s;}
.sosum3 li:hover:before {background-color: rgba(0, 0, 0, 0);}
.sosum3 .imgs {}
.sosum3 .lans {position: absolute;top: 0;left: 0;z-index: 4;width: 240px;text-align: center;}
.sosum3 .l1 {width: 60px;height: 60px;margin: auto;margin-top: 55px;}
.sosum3 .l2 {margin-top: 100px;font-size: 22px;color: #c4c4c4;line-height: 55px;transition: all .6s;-webkit-transition: all .6s;background-color: transparent;}
.sosum3 li:hover .l2 {background-color: rgba(0, 0, 0, .74);}
.sosum3 .slick-arrow {background: url('../images/prev2.png');width: 40px;height: 40px;position: absolute;top: 50%;margin-top: -20px;left: -70px;cursor: pointer;}
.sosum3 .next {background: url('../images/next2.png');left: auto;right: -70px;}

/*end s1.html*/


/*s2.html*/

.sosum .dh-lans .lans .t1 {color: #1bb0f4;}
.sosum .dh-lans .quan1 i {box-shadow: 0px 0px 0px 10px rgba(27, 176, 244, .5);background-color: #1bb0f4;}
.sosum .dh-lans .quan {box-shadow: 0px 0px 0px 5px rgba(27, 176, 244, .1);border-color: rgba(27, 176, 244, .25);}
.sosum .dh-lans .lans .t2 {color: #4DFFFF;} /**/
.so4 ul {padding: 70px 0;}
.so4 li {width: 240px;height: 300px;box-sizing: border-box;vertical-align: top;padding: 0 25px;text-align: center;float: left;}
.so4 .images {width: 117px;height: 117px;position: relative;margin: auto;}
.so4 .t1 {position: absolute;top: 0;left: 0;z-index: 2;}
.so4 .t2 {width: 80px;height: 80px;margin: 0 auto;padding: 18.5px 0;}
.so4 .t3 {font-size: 22px;color: #000000;margin: 25px 0;}
.so4 .t4 {font-size: 14px;line-height: 24px;color: #7c7c7c;}

/*end s2.html*/


/*s3.html*/

.s3-sum {padding: 35px 0 60px 0;}
.s3-sum .imgs {padding-top: 40px;}
.s3-sum li {width: 280px;height: 330px;float: left;font-size: 18px;text-align: center;line-height: 48px;background-color: #FFFFff;margin: 15px 13px;cursor: pointer;transition: all .5s;-webkit-transition: all .5s;}
.s3-sum li:hover {box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, .1);}
.s3-sum li:nth-child(4n) {margin-right: 0px;}
.s3-sum li:nth-child(4n-3) {margin-left: 0px;}
.s3sum {margin-top: 55px;}
.s3sum .s1-list .messages {display: block;}
.s3sum .s1-list a.icons:before {content: url('../images/jiao1.png');position: absolute;top: -34px;left: 100px;z-index: 5;}
.s3sum .s1-list .messages {left: 0;bottom: 20px;padding: 0;text-align: center;width: 225px;}
.s3sum .s2-list li {height: 50px;line-height: 50px;}
.s3sum .s2-list li .t1 {font-size: 22px;margin: 0;font-weight: normal;}

.s3sum .s2-list li:nth-child(1) {left: 600px;top: 190px;width: 225px;}
.s3sum .s2-list li:nth-child(2) {left: 380px;top: 150px;width: 125px;}
.s3sum .s2-list li:nth-child(2) .messages {width: 125px;left: 50px;}
.s3sum .s2-list li:nth-child(3) {left: 160px;top: -30px;}
.s3sum .s2-list li:nth-child(3) .messages {width: 175px;left: 30px;}
.s3sum .s2-list li:nth-child(4) {left: 110px;top: 300px;}
.s3sum .s2-list li:nth-child(4) .messages {/* width:125px; */left: 0px;}

/*end s3.html*/


/*s4.html*/

.s4-sum {padding-bottom: 80px;}
.s4-sum li {float: left;width: 555px;margin-top: 85px;}
.s4-sum li:nth-child(even) {margin-left: 85px;}
.s4-sum a:hover img {box-shadow: 0px 6px 20px 1px rgba(0, 0, 0, .2);}
.s4-sum a:hover .lans {color: #538ede;}
.s4-sum img {display: block;margin: auto;transition: all .5s;-webkit-transition: all .5s;}
.s4-sum .lans {font-size: 20px;color: #222222;text-align: center;margin: 30px 0 0 0;}

/*end s4.html*/

.retaive {position: relative;width: 1200px;height: 850px;z-index: 6;}
.retaive li a {position: relative;display: block;}
.retaive li {cursor: pointer;}
.retaive li img:first-child {position: absolute;top: 0;left: 0;z-index: 7;}
.retaive li img:last-child {opacity: 0;position: absolute;transition: all .5s;}
.retaive li:nth-child(2) {top: -50px;position: absolute;width: 552px;height: 454px;left: 220px;}
.retaive li:nth-child(1) {position: absolute;top: 180px;right: 0px;width: 425px;height: 435px;}
.retaive li:nth-child(4) {position: absolute;top: 410px;left: 430px;width: 300px;height: 370px;}
.retaive li:nth-child(3) {position: absolute;top: 275px;left: 50px;width: 400px;height: 310px;}
.retaive li:nth-child(2) img:last-child {top: 290px;left: 220px;}
.retaive li:nth-child(1) img:last-child {top: 200px;left: 0px;}
.retaive li:nth-child(4) img:last-child {top: 145px;left: -10px;}
.retaive li:nth-child(3) img:last-child {top: 100px;left: 30px;}
.retaive li.on img:last-child {opacity: 1;}
.j10 {position: relative;}
.j10 ul {}
.j10 li {font-size: 20px;line-height: 33px;background-color: rgba(52, 50, 64, .8);color: #ffffff;position: absolute;padding: 0px 7px;border-radius: 10px;}
.j10 li:after {content: url('../images/line111.png');position: absolute;/* margin-top: 5px; */}
.j10 li:nth-child(1) {bottom: 500px;right: 380px;}
.j10 li:nth-child(2) {bottom: 575px;right: 520px;}
.j10 li:nth-child(3) {left: 475px;bottom: 690px;}
.j10 li:nth-child(4) {left: 220px;bottom: 495px;}
.j10 li:nth-child(4):after,.j10 li:nth-child(5):after {content: url('../images/line112.png');margin-left: 80px;}
.j10 li:nth-child(5) {top: 475px;left: 310px;}
.j10 li:nth-child(6) {bottom: 400px;left: 380px;}
@keyframes run {0% {top: 220px;	left: 10px;}50% {top: 180px;	left: 50px;}100% {top: 220px;	left: 10px;}}
@-webkit-keyframes run {0% {top: 220px;	left: 10px;}50% {top: 180px;	left: 50px;}100% {top: 220px;	left: 10px;}}
.ab.t4 img.car:last-child {position: absolute;top: 180px;left: 50px;animation: run 7s infinite;-webkit-animation: run 7s infinite;}
.ab.person1 {z-index: 10;top: 230px;left: 390px;}
.ab.person2 {top: 45px;left: 340px;z-index: 6;}
.ab.person3 {z-index: 10;top: 280px;left: 250px;}
.indexbb .s1-list .t1 {margin-bottom: 0;}
.indexbb .s1-list .messages {width: 110px;left: -30px;padding: 10px 0;text-align: center;}
.ab.person4 {left: auto;top: auto;bottom: 140px;right: 320px;z-index: 100;}
.footer-flow {bottom: 50%;right: 0;z-index: 10;position: fixed;display: block;background-color: #558bdf;border-radius: 5px;transform: translate(0,50%);-webkit-transform: translate(0,50%);}
.footer-flow li{  width: 60px;  height: 60px;  border-bottom: 1px solid #709ee4;  }
.footer-flow li>a{width: 60px;height: 60px;display: block;box-sizing: border-box;padding: 5px;position: relative;}
.footer-flow li:first-child>a{  border-top-left-radius: 5px;  border-top-right-radius: 5px;  }
.footer-flow li:last-child>a{  border-bottom-left-radius: 5px;  border-bottom-right-radius: 5px;  }
.footer-flow li>a:hover{  background-color:#3978d8;  }
.footer-flow li:last-child{  border-bottom: 0px;  }
.footer-flow li .phones{
    position: absolute;
    right: 70px;
    top: 0;
    height: 60px;
    line-height: 60px;
    width: 204px;
    text-align: center;
    font-size: 22px;
    color: #fff;
    background-color: #558bdf;
    border-radius: 5px;
    display: none;
}
.footer-flow li .phones:after{
    content:url('../images/fjiao.png');
    display: block;
    width: 10px;
    height: 20px;
    position: absolute;
    top: 0px;
    right: -10px;
    display: none;
}
.footer-flow li:hover .phones{
    display: block;
}
.footer-flow li:hover .phones:after{
    display: block;
}
/*map.html*/
.map{margin-top: .1rem;border-top: 1px solid #d8d8d8;}
.map .title{font-size:18px;font-weight: bold;padding-top:60px;padding-bottom: 30px;border-bottom: 1px solid #d8d8d8;}
.map .title span{color: #036eb8;margin-right:20px}
.map .map_list{padding-bottom: 130px}
.map_list li{width: 23%;display: inline-block;vertical-align: top;margin-top:60px;padding-bottom:40px;}
.map_list li a{font-size:16px;line-height: 36px;color: #036eb8;display: block;}
.map_list li a:first-child{color: #0f0f0f;padding-bottom:10px;}
.map_list li a:hover{text-decoration: underline;}
/*end map.html*/
@media screen and (max-width: 1916px) {.pro-index li .each-item {width: 470px;}}
@media screen and (max-width: 1900px) {.pro-index li .each-item {width: 450px;}}
@media screen and (max-width: 1880px) {.pro-index li:nth-child(4) .each-item {width: 99.2%;/* height: 308px; */}}
@media screen and (max-width: 1870px) {.pro-index li:nth-child(4) .each-item {width:600px}.pro-index li .each-item{width: 445px;}}
@media screen and (max-width: 1770px) {.pro-index li:nth-child(4) .each-item {width:600px}.pro-index li .each-item{width: 440px}}
@media screen and (max-width: 1755px) {.pro-index li:nth-child(4) .each-item {width:590px;height: 348px;}.pro-index li .each-item{width: 440px;height: 700px}}
@media screen and (max-width: 1740px) {.pro-index li:nth-child(4) .each-item {width:580px;}.pro-index li .each-item{width: 430px;}}
@media screen and (max-width: 1710px) {.pro-index li:nth-child(4) .each-item {width:570px;}.pro-index li .each-item{width: 430px;}}

@media screen and (max-width: 1690px) {.pro-index li .each-item {width: 380px;	height: 620px;}
    .pro-index li:nth-child(2) .each-item {width: 520px;	height: 620px;}}
@media screen and (max-width: 1575px) {.pro-index li .each-item {width: 375px;}  }
@media screen and (max-width: 1560px) { .section2 .pro-index{  width:105%;}  }
@media screen and (max-width: 1500px) {.pro-index li .each-item {width: 340px;	height: 620px;}
    .pro-index li:nth-child(2) .each-item {width: 520px;	height: 620px;}
    .pro-index li:nth-child(2) .lans {margin-left: 40px;width: 450px;}
    .banner {width: 1200px;}.new-list .imgs{
                                max-height: 245px;
                            }}
@media screen and (max-width: 1400px) {.pro-index li .each-item {width: 335px;	height: 620px;}
    .pro-index li:nth-child(2) .each-item {width: 520px;	height: 620px;}
    .section .boxs {width: 90%;}.new-list .imgs{}}
@media screen and (max-width: 1366px) {
    .pro-index li .each-item {width: 330px;}
    .pro-index li .each-item {width: 330px;	height: 620px;}
    .pro-index li:nth-child(2) {width: 525px}
    .pro-index li:nth-child(2) .each-item {width: 520px;	height: 620px;}
    .pro-index li:nth-child(2) .lans {margin-left: 20px;}
    .pro-index li:last-child,	.pro-index li:last-child .each-item {margin-right: 0px;	padding-right: 0;}
    .header .nav li {padding: 0 20px;}.new-list .imgs{}
}
.editor a{display: inline;}