*{ margin: 0; padding: 0; box-sizing: border-box; }
body{margin:0;font-family:"Microsoft Yahei",PingFangSC-Regular,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;line-height:1.42857143;font-size:14px;min-width:1230px;background:#fff;color:#666;padding-top: 80px;}
em,i{ font-style: normal; }

.clearfix{zoom:1}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}
.clearfix:after{clear:both}

a{color:#333;text-decoration:none}
a:hover{color:#1f90f7}
ul{margin:0;list-style:none;padding:0}

.img-center{text-align:center;font-size:0}
.img-center img{display:inline-block;width:auto;height:auto;max-width:100%;max-height:100%;vertical-align:middle;transition:all 0.5s}

.img-cover{overflow:hidden;position:relative}
.img-cover span{display:block;width:100%;background:no-repeat center / cover;transition:all 0.5s;height:100%;position:absolute;left:0;top:0}

.container{width:1200px;margin:0 auto}

.kf{width:208px;position:fixed;right:-208px;top:50%;transform:translateY(-50%);z-index:10000}
.kt-top{height:40px;line-height:40px;background:url(../images/kefu.png) 12px center no-repeat #1f90f7;-ms-background-size:auto 20px;background-size:auto 20px;padding-left:46px;font-size:14px;color:#fff}
.kt-top span:hover{transform:rotate(90deg)}
.kt-top span{width:18px;height:16px;float:right;position:relative;margin:10px 10px 0 0;cursor:pointer;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.kt-top span b{width:100%;height:2px;background:#fff;display:block;position:absolute;top:50%;left:0}
.kt-top span b:first-child{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg)}
.kt-top span b:last-child{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg)}
.kf .con{overflow:hidden;background:#fff}
.kf .qq li{height:36px;line-height:36px;border-bottom:#f5f5f5 solid 1px;padding-left:16px}
.kf .qq li a{height:36px!important;color:#666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-decoration:initial;display:block}
.kf .qq li a img{padding-right:6px}
.kf .con h5{height:26px;line-height:26px;margin-top:12px;background:url(../images/lianxi.png) 16px center no-repeat;padding-left:45px;color:#666;font-size:14px;margin-bottom:0}
.kf .contact{margin-top:1px;height:auto;background-color:#fff}
.kf .contact p{height:26px;line-height:26px;color:#666;font-size:14px;padding-left:22px;margin:0}
.kf .contact p:nth-child(2n){padding-left:32px}
.kf .con h5.qr-icon{background:url(../images/erweima.png) 16px center no-repeat}
.kf .con .qr{margin-top:10px;padding-left:40px}
.kf .con .qr img{width:110px;height:110px}
.kf .backTop{width:100%;height:40px;margin-top:10px;background:url(../images/huidaodingbu.png) center center no-repeat #1f90f7;background-size:18px auto;cursor:pointer}
.kf-side{padding:18px 10px 10px;background:#1f90f7;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);left:-34px;cursor:pointer}
.kf-side b{display:block;color:#fff;line-height:18px;font-size:14px;font-weight:400}
.kf-side span.arrow{width:12px;height:12px;background:url(../images/jt-1.png) no-repeat;-ms-background-size:auto 12px;background-size:auto 12px;display:block;margin-top:10px}
.kf-side span.on{background:url(../images/jt-2.png) no-repeat;-ms-background-size:auto 12px;background-size:auto 12px}

.footer-fix{box-shadow:0 0 10px rgba(0,0,0,0.2);position:fixed;bottom:0;left:0;width:100%;background-color:#fff;z-index:10;display:none}
.footer-fix li{float:left;width:25%}
.footer-fix li a{display:block;text-align:center;padding:7px 0;font-size:12px;line-height:1}
.footer-fix li i{display:block;height:25px;background:no-repeat center;background-size:contain;margin-bottom:4px}
.footer-fix li i.i1{background-image:url(../images/f_01.png)}
.footer-fix li i.i2{background-image:url(../images/f_02.png)}
.footer-fix li i.i3{background-image:url(../images/f_03.png)}
.footer-fix li i.i4{background-image:url(../images/f_04.png)}

.swiper-button-prev,.swiper-button-next{outline:none}

.header {background-color: #fff; position: fixed; top:0; left:0; width: 100%; z-index: 999; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.header .logo {float: left;font-size: 0;height: 80px;line-height: 80px;text-align: left; }
.header .search { float: right; margin-top: 17px; position: relative;}
.header .search .search-btn{ width:45px;height:45px;background-color:#1f90f7;border-radius:3px; display: flex;justify-content: center; align-items: center; }
.header .search form{  position: absolute; right: 0; top:0; height: 45px; width: 400px;  display: none; align-items: center; background: #FFF; z-index: 99;}
.header .search form input{ flex:1; height: 100%; border-radius: 3px; border: 1px solid #1f90f7;  margin-right: 10px;  padding-left: 15px; outline: none;}
.header .search form button{ border: none; width:45px;height:45px;background-color:#1f90f7; border-radius:3px; display: flex;justify-content: center; align-items: center;  }
.header .nav {float: right; }
.header .nav li {float: left;}
.header .nav li>a {display: block;font-size: 16px;line-height: 80px;padding: 0 25px;position: relative; color: #333;}
.header .nav li .arr {float: right;height: 40px;width: 40px;position: relative;display: none;}
.header .nav li .arr:after{content:'';border-top:2px solid #ccc;border-left:2px solid #ccc;box-sizing:content-box;display:block;width:8px;height:8px;margin:auto;position:absolute;top:0;bottom:0;transform:rotate(135deg);right:15px}
.header .nav li.active>a,.header .nav li.open>a,.header .nav li>a:hover{ color:#1f90f7; }
.header .nav li.dropdown {position: relative;}
.header .nav .dropdown-box {position: absolute;left: 0;min-width: 100%;top: 100%;display: none;z-index: 10;text-align: center;background-color: #FFF;}
.header .nav .dropdown-box p{margin:0; display: none;  position: absolute; left: 100%; margin-top: -46px; background: #641c19;}
.header .nav .dropdown-box a {white-space: nowrap;overflow: hidden;border-bottom: 1px solid #eee; background-color:#FFF; text-overflow: ellipsis;padding:0 10px;font-size: 14px;display: block;line-height: 45px;color: #333333;}
.header .nav .dropdown-box a:hover {background-color:#1f90f7; color: #FFF;}
.header .nav .dropdown-box .dropdown-box-con:hover p{ display: block; }
.header .nav li.open>a:after,.header .nav li>a:hover:after {width: 100%;left: 0;}
.header .nav li.open .dropdown-box {display: block;}

.menu-btn{display:none;padding:18px 0;float:right;margin-left:15px}
.menu-btn:before,.menu-btn:after,.menu-btn span{display:block;height:2px;background-color:#1f90f7;content:''}
.menu-btn:before{width:24px}
.menu-btn:after{width:18px;margin-left:6px}
.menu-btn span{width:12px;margin:6px 0 6px 12px}

.banner{ width: 100%; overflow: hidden; position: relative; text-align: center;}
.banner .swiper-button-prev{ opacity: 0; left:100px; width: 60px; height: 60px; background-color: #b6d5f2; border-radius: 50%; background-size: 25%; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23666666'%2F%3E%3C%2Fsvg%3E") }
.banner .swiper-button-next{ opacity: 0; right:100px; width: 60px; height: 60px; background-color: #b6d5f2; border-radius: 50%; background-size: 25%;  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23666666'%2F%3E%3C%2Fsvg%3E") }
.banner .swiper-pagination-bullet{ background: #FFF;  opacity: 1; width: 50px; height: 4px; border-radius: 4px; transition: all 0.5s; }
.banner .swiper-pagination-bullet-active{background-color:#0c61af; height: 10px;}
.banner .swiper-slide img {width: 100%;}
.banner:hover .swiper-button-prev,.banner:hover .swiper-button-next{ opacity: 1; }

.section{padding:60px 0;}

.section-title{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 35px;}
.section-title p{font-size: 30px;color:#383838 }
.section-title p span{color:#fff;background-color:#1f90f7;padding:0 5px 0 10px; margin-right: 10px;}
.section-title p i{font-family:Arial;font-size:14px;color:#999;padding-left:5px}
.section-title .more a{position:relative;z-index:200}
.section-title .more a i{display:inline-block;width:30px;height:1px;background-color:#383838;vertical-align:middle;margin-right:15px;position:relative;left:0;top:-2px}
.section-title .more a i:after,.section-title .more a i:before{transition:all .3s linear .3s;-webkit-transition:all .3s linear .3s;-moz-transition:all .3s linear .3s;-o-transition:all .3s linear .3s}
.section-title .more a i:before{content:'';position:absolute;width:0;height:1px;background-color:#1f90f7;right:0;top:0;transform-origin:100%;transform:rotate(-30deg)}
.section-title .more a i:after{content:'';position:absolute;width:0;height:1px;background-color:#1f90f7;right:0;top:0;transform-origin:100%;transform:rotate(30deg)}
.section-title .more a span{font-size:16px;color:#383838;position:relative;right:0}
.section-title .more a:hover span{right:50px;color:#1f90f7}
.section-title .more a:hover i{left:50px;width:20px;background-color:#1f90f7}
.section-title .more a:hover i:after,.section-title .more a:hover i:before{width:12px}

.in-about{ background: #f5f5f5; }
.in-about-left{ float: left; width: 50%; }
.in-about-right{ float: right; width: 50%; padding: 30px; }
.in-about-right h2{ font-size:18px;color:#383838; position: relative; padding-bottom: 20px; margin-bottom: 20px; font-weight: 400; }
.in-about-right h2:before{ position: absolute; left: 0; bottom: 0; width:40px;height:4px; background-color:#1f90f7; content:''; }
.in-about-right p{ line-height: 30px;  }

.focus{ width: 100%;  position: relative;}
.focus .swiper-button-prev{ left: 0; width: 50px; height: 50px; background-color:rgba(135,135,135,.5); background-size: 25%; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E") }
.focus .swiper-button-next{ right:0; width: 50px; height: 50px; background-color:rgba(135,135,135,.5);  background-size: 25%;  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E") }
.focus .swiper-slide img {width: 100%; display: block;}
.focus .swiper-button-prev:hover,.focus .swiper-button-next:hover{background-color:rgba(24,128,223,.5); }

.in-lingyu{ position: relative; }
.in-lingyu .swiper-slide a{ display: block; color: #1f90f7; }
.in-lingyu .swiper-slide .img-center{ overflow: hidden; transition: 0.5s; }
.in-lingyu .text{width:100%;height:50px;font-size:16px;color:#1f90f7;background-color:#f5f5f5; display: flex; justify-content: space-between; align-items: center; padding: 0 20px;}
.in-lingyu .text em{width:20px;height:20px;font-size:0;position:relative;transition:all .3s linear .4s;-webkit-transition:all .3s linear .4s;-moz-transition:all .3s linear .4s;-o-transition:all .3s linear .4s}
.in-lingyu .text em i{display:inline-block;width:100%;height:1px;background-color:#1f90f7;position:absolute;top:50%;left:0}
.in-lingyu .text em i.shu{transform:rotate(90deg);position:relative;top:25px;opacity:0}
.in-lingyu .swiper-slide a:hover .img-center img{ transform: scale(1.1); }
.in-lingyu a:hover .text em{transform:rotate(90deg);}
.in-lingyu a:hover .text em i.shu{top:10px;opacity:1}
.in-lingyu .swiper-button-prev{ z-index: 80; left: auto; right: 80px; width: 60px; height: 36px; border: 1px solid #ddd; top:-50px; background-color: #FFF; background-size: 20%; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23333333'%2F%3E%3C%2Fsvg%3E")  }
.in-lingyu .swiper-button-next{ z-index: 80; width: 60px; height: 36px; border: 1px solid #ddd; top:-50px; background-color: #FFF; background-size: 20%; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23333333'%2F%3E%3C%2Fsvg%3E") }
.in-lingyu .swiper-button-prev:hover{ background-color: #1f90f7; border-color: #1f90f7; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E") }
.in-lingyu .swiper-button-next:hover{ background-color: #1f90f7; border-color: #1f90f7; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E") }

.in-pro{ background: url(../images/bg1.jpg) no-repeat center / cover fixed; }

.in-pro-con a{ display: block;color: #1f90f7;}
.in-pro-con .img-cover{ padding-top: 75%; border:1px solid #ddd; }
.in-pro-con .text{ display: flex; justify-content: space-between; align-items: center; background: #FFF; margin-top: 3px; padding: 0 20px; height: 50px; position: relative;}
.in-pro-con .text:before{ position: absolute; left: 0; width: 100%; height: 100%;  content:''; transform:rotate3d(0,0,0,0deg);  }
.in-pro-con .text i{ width:10px;height:100%;background:url(../images/jt2.png) no-repeat center; }
.in-pro-con a:hover .img-cover span{ transform: scale(1.1); }

/*.in-news ul{ margin:0 0 0 -40px; }
.in-news li{ float: left; width: 25%; }
.in-news li a{ display: block; margin:0 0 0 40px; border-bottom: 1px solid #ddd; position: relative; }
.in-news li a:before{ position: absolute; left: 0; bottom: -1px; width: 0; height: 1px; background: #1f90f7; content:''; transition: 0.5s; }
.in-news li .date{ display: flex; justify-content: space-between; align-items: center; color: #ccc; margin-bottom: 10px; }
.in-news li .date span {font-size: 30px;}
.in-news li .date i{ font-size: 16px; }
.in-news li .img-cover{ padding-top: 100%; border:1px solid #ddd; }
.in-news li .text{ padding: 20px 0; }
.in-news li .text h2{ font-size: 16px; font-weight: normal; margin-bottom: 10px; }
.in-news li .text p{ color: #666; line-height: 25px; }
.in-news li a:hover::before{ width: 100%; }
.in-news li a:hover .date{ color: #1f90f7; }*/

.in-news{ background: #f5f5f5; }
.in-news-con{ position: relative; padding: 0 55px; }
.in-news-con a{ display:block; text-align: center; padding: 25px; }
.in-news-con .img-cover{ padding-top: 100%; }
.in-news-con .text{ margin-top: 10px; }
.in-news-con .swiper-pagination{ bottom: 0px; }
.in-news-con .swiper-button-prev{ left:0; margin-top: -40px; width:43px;height:60px; border-radius:3px; background-color: rgba(0,0,0,0.5); background-size: 30%; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E")  }
.in-news-con .swiper-button-next{ right:0; margin-top: -40px; width:43px;height:60px; border-radius:3px; background-color: rgba(0,0,0,0.5); background-size: 30%; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E")}


.in-case{ background: #f5f5f5; }
.in-case-con a{ display: block; }
.in-case-con .img-cover{ padding-top: 75%; }
.in-case-con .swiper-button-prev{ left:0; opacity: 0; width:43px;height:60px; border-radius:3px; background-color: rgba(0,0,0,0.5); background-size: 30%; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E")  }
.in-case-con .swiper-button-next{ right:0; opacity: 0; width:43px;height:60px; border-radius:3px; background-color: rgba(0,0,0,0.5); background-size: 30%; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E")}
.in-case-con:hover .swiper-button-prev,.in-case-con:hover .swiper-button-next{ opacity: 1; }

.footer{background:url(../images/bg2.jpg) no-repeat center / cover; padding: 40px 0 0; color:#d7d7d7;}
.footer a{ color: #d7d7d7; }
.footer .contact{ float: left; }
.footer .contact h2{ font-size: 16px; font-weight: normal; margin-bottom: 10px; }
.footer .contact p{ display: flex; align-items: center; height: 35px; }
.footer .contact p img{ margin-right: 10px; }
.footer .contact .links{ margin-top: 10px; }
.footer .contact .links a{ margin-right: 5px; }
.footer .feedback{ float: right; width: 505px; }
.footer .feedback .label {display: flex; align-items: center; height: 42px; margin-bottom: 10px; flex-wrap: wrap;}
.footer .feedback .label label{ flex:1; margin-right: 20px; height: 100%; }
.footer .feedback .label label:last-child{ margin-right: 0; }
.footer .feedback .label input{ width: 100%; border: 1px solid #dddddd; padding-left: 15px;  border-radius: 2px; background: #FFF; outline: none; height: 100%; }
.footer .feedback button{ width: 200px; height: 40px; background: #1f90f7; border-radius: 4px; color: #FFF;border: none; }

.copyright{ background: #1d4b74; line-height: 50px; margin-top: 40px; }
.copyright i{ float: right; }
.copyright i img{ position: relative; top:4px; margin-right: 8px; }

.banner-sub{height:300px;background:no-repeat center / cover}

.position{ background:#f7f7f7; line-height: 60px; position: relative; z-index: 1; }

.curmbs {float: right;}

.lanmu li{ float: left;}
.lanmu li>a{display:block;color:#666;font-size:16px; padding: 0 35px; position: relative; }
.lanmu li>a:before{ display: none; position: absolute; left: 0; bottom: -4px; content: ''; z-index: -1; width: 100%; height: 64px; background:url(../images/sortnav.png) no-repeat center; }
.lanmu li>a:hover,.lanmu li.active>a { color: #FFF; }
.lanmu li.active>a:before,.lanmu li a:hover::before{ display: block; }
.lanmu-box{ position: absolute; top:60px; line-height: 35px; display: none; }
.lanmu-box p{ display: inline-block;}
.lanmu-box p a{ padding: 0 15px; }
.lanmu li.open .lanmu-box{ display: block; }

.section-sub{ padding: 30px 0; }

.list-1 li a{ display: block; padding: 30px 0; border-bottom: 1px solid #ddd; overflow: hidden; }
.list-1 li .img-cover{ float: left; width: 360px; height: 220px; border: 1px solid #ddd; }
.list-1 li .text{ margin-left: 400px; padding-top: 15px; }
.list-1 li .text h2{ font-size: 16px;  margin-bottom: 10px; }
.list-1 li .text h2 i{ margin-left: 20px; color: #666; }
.list-1 li .text p{ line-height: 25px; margin-bottom: 15px; color: #666;  overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; }
.list-1 li .text .btns{ font-size: 16px; display: flex; align-items: center; }
.list-1 li .text .btns i{ background: url(../images/jt3.png) no-repeat; width: 7px;height: 15px; margin-left: 10px; transition: 0.5s;}
.list-1 li a:hover{ border-color: #1f90f7; }
.list-1 li a:hover .text .btns i{ margin-left: 20px; }
.list-1 li a:hover .img-cover span{ transform: scale(1.1); }

.list-2{ margin: 20px 0 0 -15px; }
.list-2 li{ float: left; width: 25%; }
.list-2 li a{ display: block; margin:0 0 15px 15px; }
.list-2 li .img-cover{ padding-top: 75%; border: 1px solid #ddd; }
.list-2 li .text{ display: flex; justify-content: space-between; align-items: center; height: 50px; background-color:#eaeaea;color:#1f90f7; margin-top: 2px; }
.list-2 li .text span{ padding-left:20px; }
.list-2 li .text em{width:50px;height:50px; background: #1f90f7; font-size:0;position:relative;transition:all .3s linear .4s;-webkit-transition:all .3s linear .4s;-moz-transition:all .3s linear .4s;-o-transition:all .3s linear .4s}
.list-2 li .text em i{width:20px;height:1px;background-color:#fff; transition: 0.5s; position: absolute; left: 50%;top:50%; margin-left: -10px; }
.list-2 li .text em i.shu{transform:rotate(90deg);opacity:0;  }
.list-2 li a:hover .text em i{ opacity:1; transform:rotate(180deg); }
.list-2 li a:hover .text em i.shu{top:25px;opacity:1;transform:rotate(270deg);}
.list-2 li a:hover .img-cover span{ transform: scale(1.1); }


.yunu-infocontent-title{padding-bottom:15px;text-align:center; border-bottom: 1px solid #ddd; margin-bottom: 15px;}
.yunu-infocontent-title h1{font-size:24px; font-weight: normal;}
.yunu-infocontent-title p{margin:10px 0 0;color:#999}
.yunu-infocontent-title p span{padding:0 5px}
.yunu-infocontent-body{line-height:2;margin-bottom:20px}
.yunu-infocontent-body img{max-width:100% !important;height:auto !important;width:auto !important}
.yunu-infocontent-epx{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.yunu-infocontent-epx li{ line-height: 28px; font-size: 15px; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; }
.yunu-infocontent-epx li a{ color: #1f90f7;   }
.yunu-infocontent-epx .back a{ display: flex; align-items: center; border-bottom: 1px solid #ddd; padding-bottom: 5px; }
.yunu-infocontent-epx .back i{ background: url(../images/back.png) no-repeat; width: 15px; height: 12px; margin-right: 10px; }
.yunu-infocontent-epx .back a:hover{ border-color: #1f90f7; }
.yunu-infocontent-epx .back a:hover i{ background-image: url(../images/backh.png); }

.showpro{ margin-bottom: 30px; }
.showpro .pic{ float: left; width: 350px; }
.showpro .pic .img-center{ border: 1px solid #ddd; }
.showpro .pic .txt{ line-height: 50px; background: #1f90f7; text-align: center; color: #FFF; }
.showpro .text{ float: left; width: 500px; margin-left: 50px; }
.showpro .text h2{ font-weight: normal; color: #1f90f7; font-size: 16px; margin-bottom: 15px; }
.showpro .download{ float: right; width: 240px; border: 1px solid #7d7d7d;}
.showpro .download h2{ background: #7d7d7d; line-height: 50px; text-align: center; color: #FFF; font-weight: normal; }
.showpro .download ul{ padding: 10px 0 5px; }
.showpro .download li a{ display: flex; padding: 0 20px; height:40px; align-items: center; }
.showpro .download li img{ height: 25px; }
.showpro .download li i{ margin-right: 10px; }

.section-title2{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px; }
.section-title2 p{ line-height: 40px; background: #1f90f7; padding: 0 30px; color: #FFF; }

.about-1-con{ background: url(../images/bg4.png) no-repeat center; height: 400px; padding: 0 40px; display: flex; align-items: center; }
.about-1-con .desc{ width: 720px; color: #333; line-height: 25px;}

.about-2{ background: url(../images/bg3.jpg) no-repeat center / cover fixed; }
.about-2-con{ color: #FFF; }