@charset "utf-8";

/*=========== public CSS ===========*/

*,::before,::after{ margin:0; padding:0; box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, pre, form, fieldset, figure, figcaption, table, th, td img{ margin:0; padding:0;} 

body{ font-family:"Microsoft YaHei","微软雅黑"; color:#333; font-size: 16px; line-height: 26px; margin:0 auto; overflow-x: hidden; background-color:#FFF; }

input,select,textarea,button{ outline:none;} /*去掉默认蓝边框*/

input, button{ border-radius:0; outline:none; border: none; -webkit-appearance:none;} /*清除ios默认圆角*/

input:-ms-clear{ display:none;} /*消除 IE10 里的叉号*/

input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; outline:none;}

textarea { resize :none; outline:none; border: none;} /*去掉提交框右下角箭头*/

table{ border-collapse: separate;} /*边线重叠*/

fieldset,img{ max-width: 100%; border:0 none; vertical-align:middle;}

ul,li{list-style:none;}

em,i{ font-style: normal;}

a{ color:#333; text-decoration:none; outline:none; cursor:pointer;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}

a:hover, a:active, a:link, a:visited{ text-decoration:none;}

.clearfix:after{ content:" "; display:block; height:0; line-height:0; clear:both; visibility:hidden;}

.clearfix{ zoom:1;}

.dn{ display: none;}

.wrap{max-width: 1360px;width: 96%;margin: 0 auto;}

* {-wekit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/* ======================== header ====================== */



.header{position: absolute;z-index: 9999;width: 100%;left: 0;top: 30px;text-align: center;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}

.header .wrap{overflow: hidden;background-color: #ffffff;height: 65px;-webkit-box-shadow:0 5px 15px rgba(47,73,137,0.1);-moz-box-shadow:0 5px 15px rgba(47,73,137,0.1);-ms-box-shadow:0 5px 15px rgba(47,73,137,0.1);-o-box-shadow:0 5px 15px rgba(47,73,137,0.1);box-shadow:0 5px 15px rgba(47,73,137,0.1);}

.header.fix-head .wrap{max-width: 100%;width: 100%;}

.header.fix-head{top: 0;position: fixed;}

.header .logo{display: block;float: left;background-color: #4d7dff;padding: 14px 0 13px;width: 212px;}

.header .head-tel{float: right;padding: 13px 0 13px 22px;text-align: left;width: 16%;position: relative;}

.header .head-tel img{float: left;margin-right: 12px;}

.header .head-tel .txt{overflow: hidden;}

.header .head-tel span{display: block;font-size: 14px;color: #666666;line-height: 18px;}

.header .head-tel strong{display: block;color: #333333;font-size: 16px;line-height: 18px;}

.header .head-tel:before{content:'';width: 1px;position: absolute;top: 13px; left: 0;bottom: 13px;background-color: #dcdcdc;}

.header .nav{display: inline-block;padding: 13px 0 13px;}

.header .nav li{float: left;margin: 0 22px;}

.header .nav li a{display: block;line-height: 40px;color: #656565;padding:0 12px;position: relative;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}

.header .nav li a:before{content:'';width: 8px;height: 8px;border-radius: 50%;border: 2px solid #ff7534;position: absolute;left: 0;top: 16px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;opacity: 0;filter:alpha(opacity=0);}

.header .nav li.on a,.header .nav li:hover a{font-weight: bold;color: #333333;}

.header .nav li.on a:before,.header .nav li:hover a:before{opacity: 1;filter:alpha(opacity=100);}

/* ======================== footer ====================== */



.footer{background-color: #1d1e31;}

.footer p{text-align: center;line-height: 60px;color:#bbbcbf;font-size: 12px;}

.footer p span{display: inline-block;margin-left: 12px;}

.footer p a{display: inline-block;color:#bbbcbf;margin:0 5px;}

.footer p a:hover{color: #fff;}





/* ======================== index  ====================== */



.index-wrapper{background: url(../images-pc/index-bg.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding: 176px 0 0;position: relative;}

.index-wrapper:after{content: '';width: 50%;height: 120px;background-color: #fff;/* position: absolute; */left: 0;bottom: 0;z-index: 0;}

.index-wrapper .wrap{position: relative;}

.index-slick{height: 480px;overflow: hidden;}

.index-slick .slick-item{overflow: hidden;outline: none;}

.index-slick .text{float: left;width: 50%;text-align: center;color: #fff;margin-top: 86px;}

.index-slick .text .p1{font-size: 22px;color: #ffffff;line-height: 38px;display: inline-block;border:1px solid #4d7dff;padding-left: 18px;margin-bottom: 12px;}

.index-slick .text .p1 span{display: inline-block;background-color: #4d7dff;padding:0 12px;margin-left: 8px;}

.index-slick .text .p2{font-size: 64px;line-height: 74px;letter-spacing: 2px;margin-bottom: 4px;}

.index-slick .text .p3{font-size: 24px;line-height: 34px;margin-bottom: 30px;}

.index-slick .text li{display: inline-block;margin: 0 18px;}

.index-slick .text li span{display: block;font-size: 20px;line-height: 26px;}

.index-slick .text li strong{display: block;font-size: 32px;line-height: 38px;}

.index-slick .text li i{display: inline-block;width: 28px;height: 4px;background-color: #4d7dff;}

.index-slick .text li:nth-child(2) i{background-color: #ff6d28;}

.index-slick .pic{float: right;/* width: 50%; */}

.index-slick .pic img{display: block;width: 100%;}

.slick-item2 .pic{position: relative;/* margin-left: -8%; *//* width: 58% */}





.index-wrapper .qt{overflow: hidden;background-color: #ffffff;width: 50%;margin-top: 52px;position: relative;z-index: 1;}

.index-wrapper .qt .fl{float: left;text-align: center;width: 58%;padding-top: 28px;}

.index-wrapper .qt .fl span{display: block;font-size: 18px;color: #333333;line-height: 28px;}

.index-wrapper .qt .fl p{font-size: 24px;color: #333333;line-height: 34px;}

.index-wrapper .qt .fl p em{color: #ff6d28;font-weight: bold;}

.index-wrapper .qt .zx-btn{width: 42%;font-size: 20px;color: #ffffff;font-weight: bold;text-align: center;float: right;background-color: #497aff;line-height: 120px;cursor: pointer;}

.index-wrapper .qt .zx-btn:hover{background-color: #ff6d28;}



.index-wrapper .paging{width: 47%;background-color: #ffffff;position: absolute;overflow: hidden;right: 0;z-index: 1;bottom: 38px;}

.index-wrapper .item{float: left;width: 33.3%;text-align: center;line-height: 82px;position: relative;cursor: pointer;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}

.index-wrapper .item i{display: block;position: absolute;font-size: 40px;font-weight: bold;color: #f0f1f5;left: 0;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;z-index: -1;}

.index-wrapper .item:after{content: '';width: 0;height: 4px;position: absolute;left: 0;top: 0;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;background-color: #ff6d28;}

.index-wrapper .item.on{color: #333333;font-weight: bold;}

.index-wrapper .item.on i{opacity:1;filter:alpha(opacity=100);}

.index-wrapper .item.on:after{width: 100%;}



.index-srcoll{background-color: #f0f1f5;padding:10px 0;}



.str_wrap {overflow:hidden;zoom:1;width:100%;font-size:12px;line-height:16px;position:relative;-moz-user-select: none;-khtml-user-select: none;user-select: none;  background:none;white-space:nowrap;}

.str_wrap.str_active {background:none;}

.str_move { white-space:nowrap;position:absolute; top:0; left:0;cursor:move;}

.str_move_clone {display:inline-block;display:inline;zoom:1;vertical-align:top;position:absolute; left:100%;top:0;}

.str_vertical .str_move_clone {left:0;top:100%;}

.str_down .str_move_clone {left:0;bottom:100%;}

.str_vertical .str_move,.str_down .str_move {white-space:normal;width:100%;}

.str_static .str_move,.no_drag .str_move,.noStop .str_move{cursor:inherit;}



.index-srcoll .wrap{position: relative;padding-left: 24px}

.index-srcoll .wrap:before{content:'';width: 18px;height: 16px;background: url(../images-pc/index-icon1.png) no-repeat;position: absolute;left: 0;top: 15px;}

.index-srcoll li{ display:inline-block;font-size: 16px;line-height: 50px;margin-right: 30px;}

.index-srcoll li a{display: inline-block;color: #333333;}

.index-srcoll li:hover a{color: #ff6d28;}



.title-h2{text-align: center;position: relative;}

.title-h2 h2,.title-h2 h1{font-size: 44px;color: #333333;line-height: 84px;font-weight: normal;margin-bottom: 2px;padding-top: 50px;}

.title-h2 h1{font-size: 46px;}

.title-h2 h2:before,.title-h2 h2:after,.title-h2 h1:before,.title-h2 h1:after{content:'';width: 48px;height: 16px;display: inline-block;vertical-align: middle;}

.title-h2 h2:before,.title-h2 h1:before{background: url(../images-pc/title-l.png) no-repeat center;margin-right: 20px;}

.title-h2 h2:after,.title-h2 h1:after{background: url(../images-pc/title-r.png) no-repeat center;margin-left: 20px;}

.title-h2 p{font-size: 20px;line-height: 30px;}

.title-h2 h2 a{color: #333333;display: inline-block;}

.title-h2 h2 a:hover{color: #ff6d28;}



.index-wrapper1{padding: 95px 0 30px;}



.btn-a{text-align: center;margin-top: 20px;position: relative;z-index: 1;}

.btn-a a{display: inline-block;font-size: 16px;color: #ffffff;width: 140px;line-height: 44px;background:#4d7dff;background: -moz-linear-gradient(top, #3068ff 0%, #4d7dff 100%);background: -webkit-linear-gradient(top, #3068ff 0%,#4d7dff 100%);background: -o-linear-gradient(top, #3068ff 0%,#4d7dff 100%);background: -ms-linear-gradient(top, #3068ff 0%,#4d7dff 100%);background: linear-gradient(to bottom, #3068ff 0%,#4d7dff 100%);font-weight: bold;}

.btn-a a:hover{background: #3068ff;background: -moz-linear-gradient(top, #4d7dff 0%, #3068ff 100%);background: -webkit-linear-gradient(top, #4d7dff 0%,#3068ff 100%);background: -o-linear-gradient(top, #4d7dff 0%,#3068ff 100%);background: -ms-linear-gradient(top, #4d7dff 0%,#3068ff 100%);background: linear-gradient(to bottom, #4d7dff 0%,#3068ff 100%);}

.index-wrapper1 .img-box{position: relative;max-width:1920px;width: 100%;margin:0 auto;margin-top: -24px;}

.index-wrapper1 .img-box img{width: 100%;}

.img-box .box{position: absolute;left: 50%;}

.img-box .box span{display: block;width: 40px;height: 40px;background-color: #4d7dff;line-height: 40px;text-align: center;font-size:16px;color: #ffffff;font-weight: bold;cursor: pointer;position: relative;}

.img-box .box span:before,.img-box .box span:after{content: '';position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}

.img-box .box span:before{width: 2px;height: 10px;background-color: #fff;}

.img-box .box span:after{width: 10px;height: 2px;background-color: #fff;}

.img-box .box span.active:before{opacity: 0;filter:alpha(opacity=0);}

.img-box .box1{top: 240px;margin-left: -430px;}

.img-box .box2{top: 132px;margin-left: -142px;}

.img-box .box3{top: 306px;margin-left: 164px;}

.img-box .box4{top: 260px;margin-left: 435px;}

.img-box .box5{bottom: 100px;margin-left: -240px;}

.img-box .box .text{width: 276px;background-color: #fff;padding:25px 30px 16px;position: absolute;-webkit-box-shadow: 0 0 10px #f3f4f6;-moz-box-shadow: 0 0 10px #f3f4f6;-ms-box-shadow: 0 0 10px #f3f4f6;-o-box-shadow: 0 0 10px #f3f4f6;box-shadow: 0 0 10px #f3f4f6;top: 60px;left: -118px;display: none;z-index: 1;}

.img-box .box .text:before{content: '';width: 100%;height: 4px;background:#ff6d28;background: -moz-linear-gradient(left, #4d7dff 0%, #ff6d28 100%);background: -webkit-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -o-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -ms-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: linear-gradient(to right, #4d7dff 0%,#ff6d28 100%);position: absolute;top: 0;left:0;}

.img-box .box .text strong{display: block;font-size: 18px;color: #333333;font-weight: bold;line-height: 28px;}

.img-box .box .text p{line-height: 2em;color: #666666;}

.index-pro{padding-bottom: 80px;position: relative;}

.index-pro:after{content:'';width: 100%;height: 830px;background-color: #1d1e31;position: absolute;bottom: 0;left: 0;z-index: -1;}

.hot-pro{margin-top: 30px; margin-bottom: 45px;}

.hot-pro li{float: left;width: 33.33%;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;max-height: 600px;background-color: #fff;}

.hot-pro .col-pro{position: relative;border-bottom: 1px solid #e5e5e5;background-color: #fff;}

..hot-pro li:nth-of-type(1){background:#2f3854;background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%);background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 100%);background: -o-linear-gradient(top, #ffffff 0%,#ffffff 100%);background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 100%);background: linear-gradient(to bottom, #ffffff 0%,#ffffff 100%);}

.hot-pro .col-pro img{display: block;width: 100%;height: auto;}

.hot-pro .col-pro .text{position: absolute;width: 100%;top: 25px;left: 0;padding: 0 30px;}

.hot-pro .col-pro .text .tit{display: block;font-size: 20px;color: #333333;font-weight: bold;margin-bottom: 2px;line-height: 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.hot-pro .col-pro .text p{font-size: 16px;color: #4d7dff;line-height: 26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.hot-pro li.col-pro{width: 33.33%;}

.hot-pro li.col-pro .text .tit{font-size: 20px;color: #333333;line-height: 30px;}

.hot-pro li.col-pro .text p{font-size: 16px;color: #4d7dff;line-height: 28px;margin-bottom: 2px;}

.hot-pro li.col-pro .text .btn-more{display: inline-block;font-size: 16px;color: #4d7dff;font-weight: bold;padding:0 26px;line-height: 44px;background:#4d7dff;background: -moz-linear-gradient(top, #3068ff 0%, #4d7dff 100%);background: -webkit-linear-gradient(top, #3068ff 0%,#4d7dff 100%);background: -o-linear-gradient(top, #3068ff 0%,#4d7dff 100%);background: -ms-linear-gradient(top, #3068ff 0%,#4d7dff 100%);background: linear-gradient(to bottom, #3068ff 0%,#4d7dff 100%);}

.hot-pro li.col-pro .text .btn-more:hover{background: #3068ff;background: -moz-linear-gradient(top, #4d7dff 0%, #3068ff 100%);background: -webkit-linear-gradient(top, #4d7dff 0%,#3068ff 100%);background: -o-linear-gradient(top, #4d7dff 0%,#3068ff 100%);background: -ms-linear-gradient(top, #4d7dff 0%,#3068ff 100%);background: linear-gradient(to bottom, #4d7dff 0%,#3068ff 100%);}

.hot-pro .col-pro .text .tit:hover{color: #ff6d28;}

.pro-title{overflow: hidden;margin-bottom: 15px;}

.pro-title h3{color: #fff;font-weight: normal;float: left;line-height: 26px;}

.pro-title a{display: block;float: right;color: #fff;line-height: 26px;}

.pro-title a:hover{color: #ff6d28;}

.pro-box .tab-pro {overflow: hidden;margin-bottom: 20px;}

.pro-box .tab-pro li{float: left;width: 20%;background-color: #343546;font-size: 16px;color: #b8b9bc;line-height: 50px;text-align: center;cursor: pointer;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}

.pro-box .tab-pro li.on,.pro-box .tab-pro li:hover{background-color: #4d7dff;color: #fff;font-weight: bold;}

.pro-box .tab-con ul{overflow: hidden;margin-left: -2%;}

.pro-box .tab-con li{float: left;float: left;width: 23%;margin-left: 2%;}

.pro-box .tab-con li .img{display: block;width: 100%; height: 0;overflow: hidden;position: relative;padding-top: 75%;}

.pro-box .tab-con li .img img{position: absolute;top: 0; left: 0;width: 100%; height: 100%;display: block;}

.pro-box .tab-con li .txt{background-color: #ffffff;padding:0 12px;position: relative;}

.pro-box .tab-con li .txt a{display: block;line-height: 56px;position: relative;display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position: relative;z-index: 1;padding-right: 20px;}

.pro-box .tab-con li .txt i{display: block;font-size: 18px;color: #4d7dff;position: absolute;right: 0;top: 0;}

.pro-box .tab-con li .txt:after{content:'';width: 4px;position: absolute;left: 0;top: 0;bottom: 0;background-color: #4d7dff;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}

.pro-box .tab-con li .txt:hover:after{width: 100%;}

.pro-box .tab-con li .txt:hover i{color: #fff;}

.pro-box .tab-con li .txt:hover a{color: #fff;}

.index-case{padding-top: 128px;margin-bottom: 80px;background: url(../images-pc/index-bg1.jpg) no-repeat top center;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;}

.index-case li{float: left;}

.index-case li>div{height: 280px;}

.index-case li img{display: block;width: 100%;}

.index-case .col-l,.index-case .col-r{width: 30%;}

.index-case .col-l .title-h2 {padding-top: 5px;box-sizing: border-box;}

.index-case .col-l .title-h2 h2{color: #1b1b1b;font-size: 44px;}

.index-case .col-l .title-h2 h2 a{color: #1b1b1b;}

.index-case .col-l .title-h2 .more{display: inline-block;font-size: 16px;color: #1b1b1b;line-height: 26px;margin-top: 20px;position:static;}

.index-case .col-l .title-h2 h2 a:hover,.index-case .col-l .title-h2 .more:hover{color: #ff6d28;}

.index-case .col-c{width: 40%;}

.index-case li .text{padding:55px 40px 0;background-color: #1d1e31;position: relative;box-sizing: border-box;}

.index-case li .text .tit{font-size: 20px;color: #ffffff;font-weight: bold;line-height: 30px;display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 12px;}

.index-case li .text p{color: #ffffff;line-height: 32px;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.index-case li .text .more{display: inline-block;color: #4d7dff;font-size: 16px;line-height: 26px;margin-top: 34px;}

.index-case li .text3 .tit{color: #333333;}

.index-case li .text3 p{color: #666666;}

.index-case li .text.text1{background-color: rgba(29, 30, 49, 0.9);}

.index-case li .text.text3{background-color: #fff;}

.index-case li .text.text4{background-color: rgba(255, 109, 40, 0.9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5ff6d28,endColorstr=#E5ff6d28);}

.index-case li .text.text4 .more{color: #fff;}

.index-case li .text .more:hover,.index-case li .text .tit:hover,.index-case li .text3 .tit:hover{color: #ff6d28;}

.index-case li .text.text4 .more:hover,.index-case li .text.text4 .tit:hover{color: #1b1b1b;}

.index-case li .text span{display: block;font-size: 48px;font-family: "Impact";line-height: 58px;position: absolute;color: #ffffff;right: 36px;bottom: -25px;}

.index-case li .text3 span{color: #1d1e31;right: -25px;top: 120px;bottom: auto;}

.index-case li .text4 span{top:-30px;bottom: auto;}

.index-case li .text.text1:after{content:'';width: 46px;height: 23px;background: url(../images-pc/index-arr.png) no-repeat;position: absolute;left: 38px;bottom: -22px;}

.index-case li .text.text2:after{content:'';width: 46px;height: 23px;background: url(../images-pc/index-arr.png) no-repeat;position: absolute;left: 38px;bottom: -22px;}

.index-case li .text.text3:after{content:'';width: 23px;height: 46px;background: url(../images-pc/index-arr2.png) no-repeat;position: absolute;right: -22px;top:48px;}

.index-case li .text.text4:after{content:'';width: 46px;height: 23px;background: url(../images-pc/index-arr1.png) no-repeat;position: absolute;left: 38px;top: -22px;}



.index-goods{position: relative;margin-bottom: 30px;background: url(../images-pc/index-bg2.jpg) no-repeat center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding:38px 0 40px;}

.index-goods img{display: block;width: 100%;}



.index-goods .content{width: 53%;background-color: #ffffff;padding:55px 158px 0 40px;height: 173px;border-left:6px solid #4d7dff;position: relative;margin-left: 47%;}

.index-goods .content strong{display: block;font-size: 32px;color: #333333;line-height: 42px;font-weight: normal;margin-bottom: 6px;}

.index-goods .content p{font-size: 18px;color: #333333;line-height: 28px;}

.index-goods .content a{display: block;position: absolute;top: 38px;right: 48px;}

.index-goods span{display: block;font-size: 14px;line-height: 24px;padding:0 10px;position: absolute;left: 10px;top: 0;border:1px solid #e8e8e8;background-color: #fff;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}

.index-goods .content:hover span{opacity: 1;filter:alpha(opacity=100);}



.index-news{margin-bottom: 60px;}

.index-news .title-h2{margin-bottom: 30px;}

.title-h2 .more{display: block;font-size: 16px;color: #1b1b1b;line-height: 26px;position: absolute;right: 0;bottom: 0;}

.title-h2 .more:hover{color: #ff6d28;}



.news-ul{margin-left: -2%;margin-bottom: 40px;}

.news-ul li{float: left;margin-left: 2%;width: 48%;margin-bottom: 20px;}

.news-ul li .img{width: 100%; height: 0;overflow: hidden;position: relative;padding-top: 36.4%;}

.news-ul li .img img{display: block;position: absolute;top: 0; left: 0;width: 100%; height: 100%;}

.news-ul li .img .mark{position: absolute;bottom: -100%; left: 0;width: 100%; height: 100%;background-color: rgba(29, 30, 49, 0.8);-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}

.news-ul li .img .mark a{display: inline-block;font-size: 16px;color: #ffffff;width: 140px;line-height: 44px;background:#4d7dff;background: -moz-linear-gradient(top, #3068ff 0%, #4d7dff 100%);background: -webkit-linear-gradient(top, #3068ff 0%,#4d7dff 100%);background: -o-linear-gradient(top, #3068ff 0%,#4d7dff 100%);background: -ms-linear-gradient(top, #3068ff 0%,#4d7dff 100%);background: linear-gradient(to bottom, #3068ff 0%,#4d7dff 100%);font-weight: bold;text-align: center;position: absolute;left: 50%;top: 50%;margin: -70px;margin-top: -22px;}

.news-ul li .img .mark a:hover{background: #3068ff;background: -moz-linear-gradient(top, #4d7dff 0%, #3068ff 100%);background: -webkit-linear-gradient(top, #4d7dff 0%,#3068ff 100%);background: -o-linear-gradient(top, #4d7dff 0%,#3068ff 100%);background: -ms-linear-gradient(top, #4d7dff 0%,#3068ff 100%);background: linear-gradient(to bottom, #4d7dff 0%,#3068ff 100%);}

.news-ul li .text{padding:20px 0;position: relative;}

.news-ul li .left{padding-right: 74px;}

.news-ul li .date{width: 74px;background-color: #f0f1f5;text-align: center;padding: 5px 0 5px;position: absolute;right: 0;top: 20px;}

.news-ul li .date em{display: block;font-size: 32px;font-weight: bold;color: #666666;line-height: 42px;}

.news-ul li .date span{display: block;font-size: 14px;color: #666666;line-height: 24px;}

.news-ul li .text .tit{display: block;font-size: 20px;color: #1b1b1b;line-height: 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 15px;}

.news-ul li .text p{font-size: 16px;color: #666666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.news-ul li .text p span{display: inline-block;padding:0 14px;line-height: 28px;}

.news-ul li .text p span:nth-of-type(1){background-color: #4d7dff;color: #fff;}

.news-ul li:hover .mark{bottom: 0;}

.news-ul li:hover .text .tit{color: #4d7dff;}



.news-list {margin-left: -3%;}

.news-list li{float: left;width: 47%;margin-left: 3%;font-size: 16px;line-height: 26px;overflow: hidden;margin-bottom: 30px;}

.news-list li a{display: block;color: #333333;float: left;width: 80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left: 18px;background: url(../images-pc/index-icon2.png) no-repeat left center;}



.news-list li .date{display: block;float: right;color: #666666;width: 104px;}

.news-list li:hover a{padding-left: 25px;color: #4d7dff;}



.index-gird{background: url(../images-pc/index-bg3.jpg) no-repeat center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;text-align: center;color: #fff;padding-top: 72px;padding-bottom: 78px;}

.index-gird h3{font-size: 36px;font-weight: normal;line-height: 74px;position: relative;display: inline-block;}

.index-gird h3:after{content:'';width: 38px;height: 38px;background: url(../images-pc/index-pic1.png) no-repeat;position: absolute;top: 10px;left: -28px;}

.index-gird h3 strong{display: inline-block;font-weight: bold;font-size: 64px;}

.index-gird p{font-size: 20px;line-height: 40px;}



/* ======================== 友情链接  ====================== */



.link-box{ clear: both; overflow: hidden; font-size: 14px; padding: 10px 0; line-height: 30px;}

.link-box span{ float:left;}

.link-box ul{ float:left; width:80%;}

.link-box li{ float:left; margin-left:2%;}

.link-box a{ color:#444;}

.link-box a:hover{ color:#4d7dff}



/* ======================== 商务通  ====================== */



.fixed-box{position: fixed;width: 120px;right: 20px;top: 240px;   z-index: 9999;border-bottom: 2px solid #4c7dfe;}

.fixed-box:after{content:'';width: 100%;-webkit-box-shadow:0 5px 20px rgba(16,82,255,0.1);-moz-box-shadow:0 5px 20px rgba(16,82,255,0.1);-ms-box-shadow:0 5px 20px rgba(16,82,255,0.1);-o-box-shadow:0 5px 20px rgba(16,82,255,0.1);box-shadow:0 5px 20px rgba(16,82,255,0.1);height: 76%;position: absolute;top: 102px;left: 0;bottom: 0;z-index: -1;}

.fixed-box li{text-align: center;color: #4e516c;border-left: 2px solid #4c7dfe;border-right: 2px solid #4c7dfe;background-color: #fff;position: relative;cursor: pointer;}

.fixed-box li.f-one{border-bottom: none;border-left: none;border-right:none;background-color: transparent;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none;}



.fixed-box li:after{content:'';width: 100%;height: 1px;background-color: #f0f1f5;

position: absolute;left: 0;bottom: 0;}

.fixed-box li.f-one:after{display: none;}

.fixed-box li span,.fixed-box li a{display: block;cursor: pointer;font-size: 16px;color: #4e516c;}

.fixed-box li.f-kf span,.fixed-box li.f-msg a{line-height: 24px;padding: 20px 0;}

.fixed-box li.f-tel{cursor: pointer;}

.fixed-box li.f-tel em{display: inline-block;font-size: 16px;color: #fff;line-height: 28px;background-color: #4c7dfe;border-radius: 14px;padding:0 14px;margin-top: 20px;margin-bottom: 8px;}

.fixed-box li.f-tel p{font-size: 16px;color: #333333;line-height: 20px;padding-bottom: 18px;}

.fixed-box li.f-tel strong{display: block;font-size: 15px;}

.fixed-box li.t-top{padding:10px 0;cursor: pointer;}

.fixed-box li.t-top img{display: inline-block;}

.fixed-box li.t-top p{font-size: 16px;color: #666666;line-height: 26px;}

.fixed-box li:hover span,.fixed-box li:hover a,.fixed-box li:hover p{color: #4c7dfe;}





/* ======================== 面包屑 ====================== */



.crumbs {display: inline-block;font-size: 16px;color: #b4b7bf;line-height: 56px;}

.crumbs a{color: #b4b7bf;display: inline-block;}

.crumbs a:hover{color: #ff6d28;}

.pro-wrapper .crumbs{position: relative;z-index: 2;}



/* ======================== 产品中心 ====================== */

.pro-top{background: url(../images-pc/1zsj.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding-top: 95px;padding-bottom: 74px;}

.pro-top.pro_zs{background: url(../images-pc/1zsj.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;}

.pro-top.pro_ps{background: url(../images-pc/2ps.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;}

.pro-top.pro_mf{background: url(../images-pc/3mf.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;}

.pro-top.pro_xk{background: url(../images-pc/4qmj.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;}

.pro-top.pro_jc{background: url(../images-pc/5hgj.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;}





.base-top{margin-top: 58px;}

.base-top strong,.base-top h1{font-size: 40px;font-weight: normal;line-height: 50px;color: #fff;margin-bottom: 10px;display: block;}

.base-top h1{font-weight: bold;}

.base-top p{font-size: 20px;color: #fff;line-height: 40px;margin-bottom: 34px;}

.btn-online{display: inline-block;display: inline-block;font-size: 16px;color: #ffffff;width: 140px;line-height: 44px;background:#4d7dff;font-weight: bold;text-align: center;}

.btn-online:hover{background:#3068ff;}



.pro-tab{background:#4d7dff;background: -moz-linear-gradient(left, #4d7dff 0%, #ff6d28 100%);background: -webkit-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -o-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -ms-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: linear-gradient(to right, #4d7dff 0%,#ff6d28 100%);margin-bottom: 80px;}

.pro-tab li{float: left;width: 20%;cursor: pointer;position: relative;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}

.pro-tab li a{display: block;padding:35px 0 33px 30px;}

.pro-tab li strong{display: block;font-size: 24px;color: #ffffff;line-height: 34px;margin-bottom: 10px;}

.pro-tab li p{font-size: 16px;color: #ffffff;line-height: 26px;}

.pro-tab li span{display: inline-block;margin-right: 5px;}

.pro-tab li .img{position: absolute;right: 0;top: 50%;margin-top: -47px;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}

.pro-tab li.active,.pro-tab li:hover{background-color: rgba(0, 0, 0, 0.6);}

.pro-tab li.active .img,.pro-tab li:hover .img{opacity: 1;filter:alpha(opacity=100);}





.cp-tit{position: relative;margin-bottom: 40px;}

.cp-tit .left{position: relative;padding-left: 68px;}

.cp-tit .left>div{background: url(../images-pc/pro-bg2.png) no-repeat;font-size: 16px;line-height: 42px;}

.cp-tit .left h2{display: inline-block;font-size: 24px;color: #ffffff;line-height: 61px;margin-right: 24px;}

.cp-tit .left h2 a{display: block;color: #fff;padding:0 46px 0 35px}

.cp-tit .left span{display: block;position: absolute;left: 0;top: -8px;}

.cp-tit .left h2 a:hover{color: #ff6d28;}

.cp-tit .see-all{display: block;font-size: 16px;color: #333333;line-height: 42px;position: absolute;right: 20px;top: 10px;}

.cp-tit .see-all i{color: #ff6d28;}

.cp-tit .see-all:hover{color: #ff6d28;}



.cp-lists{margin-bottom: 50px;}

.pro-ul{overflow: hidden;margin-left: -1%;}

.pro-ul li{float: left;width: 24%;margin-left: 1%;margin-bottom: 35px;}

.pro-ul li .pro-pic{width: 100%; height: 0;overflow: hidden;position: relative;padding-top: 75%;}

.pro-ul li .pro-pic img{display: block;position: absolute;top: 0; left: 0;width: 100%; height: 100%;}

.pro-ul li .pro-tit {text-align: center;}

.pro-ul li .pro-tit i{display: inline-block;width: 80px;height: 4px;background: -moz-linear-gradient(left, #4d7dff 0%, #ff6d28 100%);background: -webkit-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -o-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -ms-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: linear-gradient(to right, #4d7dff 0%,#ff6d28 100%);-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}

.pro-ul li .pro-tit a{display: block;font-size: 20px;color: #333333;line-height: 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.pro-ul li .text{position: absolute;top: 100%; left: 0;width: 100%; height: 100%;background-color: rgba(29,30,49,0.8);padding: 68px 10px 0;text-align: center;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;overflow: hidden;}

.pro-ul li .text .con{display: inline-block;text-align: left;}

.pro-ul li .text p{font-size: 16px;color: #ffffff;line-height: 26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 5px;display: block;}

.pro-ul li .text .btn-online{margin-top: 10px;}

.pro-ul li:hover .pro-tit i{width: 100%;}

.pro-ul li:hover .pro-tit a{color: #ff6d28;}

.pro-ul li:hover .text{top: 0;}



/* ======================== 产品列表 ====================== */



.pro-tel{margin:-38px 110px 40px;font-size: 18px;color: #acadb1;line-height: 48px;-webkit-box-shadow:0 5px 10px rgba(0,5,76,0.15);-moz-box-shadow:0 5px 10px rgba(0,5,76,0.15);-ms-box-shadow:0 5px 10px rgba(0,5,76,0.15);-o-box-shadow:0 5px 10px rgba(0,5,76,0.15);box-shadow:0 5px 10px rgba(0,5,76,0.15);padding-left: 18px;position: relative;overflow: hidden;}

.pro-tel span{display: inline-block;}

.pro-tel span.on1{margin-left: 40px;}

.pro-tel span.on1 em{font-weight: bold;color: #ff6d28;}

.pro-tel span.tel{color: #fff;padding:0 20px;background-color: #4879ff;float: right;cursor: pointer;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}

.pro-tel span.tel:hover{background-color: #ff6d28;}





/* ======================== 页码 ====================== */



.pager-box{text-align: center;margin-bottom: 80px;position: relative;}

.pager-box>ul li{display: inline-block;font-size: 16px;color: #666666;/* width: 40px; */height: 40px;line-height: 34px;margin: 0 2px;}

.pager-box>ul li a,.pager-box>ul li span{display: block;color: #666666;border: 3px solid #00000000;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;/* transition: all .3s ease-in-out; */float: left;/* width: 200px; *//* padding: 0px; */}

.pager-box>ul li.btn{background-color: #f0f1f5;width: auto;margin: 0 1px;}

.pager-box>ul li.btn a{display: block;color: #333333;padding:0 20px;}

.pager-box>ul li.btn span{display: block;color: #999999;border:3px solid transparent;padding:0 20px;}

.pager-box>ul li.on span,.pager-box>ul li a:hover {color: #4d7dff;border-color: #4d7dff;}

.pager-box>ul li.btn:hover a{border-color: #4d7dff;}

.pager-box>ul li.btn-page span{cursor: pointer;color: #333333;}



.t-pager{position: absolute;overflow-y: scroll;width: 97%;height: 254px;background-color: #fff;-webkit-box-shadow: 0 10px 30px rgba(0,35,107,0.1);-moz-box-shadow: 0 10px 30px rgba(0,35,107,0.1);-ms-box-shadow: 0 10px 30px rgba(0,35,107,0.1);-o-box-shadow: 0 10px 30px rgba(0,35,107,0.1);box-shadow: 0 10px 30px rgba(0,35,107,0.1);bottom: 80px;left: 20px;border: 1px solid #dae4ff;padding:28px 0;z-index: 9999;display: none;}

.t-pager ul{overflow: hidden;}

.t-pager li{float: left;width: 6.6%;text-align: center;margin-bottom: 16px;}

.t-pager li a{display: inline-block;width: 36px;height: 36px;line-height: 36px;border-radius: 50%;}

.t-pager li a:hover,.t-pager li.on a{background-color: #4d7dff;color: #fff;}





/* ======================== 产品内页 ====================== */



.pro-wrapper{padding-top: 94px;position: relative;padding-bottom: 66px;}

.pro-wrapper:after{content:'';width: 700px;position: absolute;top: 0; left: 0;bottom: 0;background: url(../images-pc/cp-bg.jpg) no-repeat;z-index: 1;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;}

.pro-inner{margin-top: 12px;}

.pro-inner .col-img{float: left;width: 56%;position: relative;z-index: 2;}

.pro-inner .col-img .img img{display: block;width: 100%;}

.pro-inner .col-img span{display: block;position: absolute;right: -1px;top: 12px;font-size: 16px;color: #ffffff;line-height: 34px;background-color: #3bb985;padding:0 12px;}

.pro-inner .col-img span img{vertical-align: middle;margin-top: -4px;margin-right: 5px;}

.pro-inner .col-img p{font-size: 16px;color: #ffffff;line-height: 42px;margin-top: 8px;}

.pro-inner .col-text{float: right;width: 44%;padding-left: 38px;margin-top: 6px;}

.pro-inner .col-text h1{font-size: 38px;color: #333333;line-height: 48px;margin-bottom: 28px;}

.pro-inner .col-text .info{font-size: 20px;color: #666666;padding-left: 30px;position: relative;}

.pro-inner .col-text .info strong{color: #333333;}

.pro-inner .col-text .info:nth-of-type(1){margin-bottom: 35px;}

.pro-inner .col-text .info:nth-of-type(2){margin-bottom: 32px;}

.pro-inner .col-text .info:after{content:'';width: 22px;height: 31px;background: url(../images-pc/cp-icon1.png) no-repeat;position: absolute;left: 0;top: -7px;}

.pro-inner .col-text .info:nth-of-type(2):after{background: url(../images-pc/cp-icon2.png) no-repeat;}

.pro-inner .col-text .base-p {margin-bottom: 10px;}

.pro-inner .col-text .base-p strong{display: block;font-size: 16px;color: #333333;line-height: 26px;}

.pro-inner .col-text .base-p p{font-size: 16px;color: #333333;line-height: 24px;}

.pro-inner .col-text ul{margin-top: 84px;}

.pro-inner .col-text li{float: left;}

.col-text .get-price{display: block;background-color: #4375ff;width: 200px;height: 50px;line-height: 50px;text-align: center;font-size: 18px;color: #ffffff;font-weight: bold;cursor: pointer;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;-webkit-box-shadow: 0 5px 13px rgba(0,6,118,0.3);-moz-box-shadow: 0 5px 13px rgba(0,6,118,0.3);-ms-box-shadow: 0 5px 13px rgba(0,6,118,0.3);-o-box-shadow: 0 5px 13px rgba(0,6,118,0.3);box-shadow: 0 5px 13px rgba(0,6,118,0.3);}

.col-text .get-price img{vertical-align: middle;margin-top: -2px;}

.col-text .get-price:hover{border-radius: 25px;}

.col-text .get-tel{margin-left: 20px;}

.col-text .get-tel span{display: block;font-size: 16px;color: #666666;line-height: 26px;}

.col-text .get-tel strong{display: block;font-size: 20px;color: #4e7eff;}

.col-text .get-qt{margin-left: 24px;}

.col-text .get-qt>div{display: inline-block;}

.col-text .get-qt span{display: block;font-size: 16px;color: #ff6d28;line-height: 26px;}

.col-text .get-qt strong{display: block;font-size: 20px;color: #ff6d28;line-height: 23px;}

.col-text .get-qt img{vertical-align: middle;margin-top: -28px;}



.detail-nav{position: absolute;width:100%;position: absolute;right: 0;bottom:0;padding-right: 10%;background-color: #f0f1f5;}

.detail-nav ul{overflow: hidden;padding-left: 39%;}

.detail-nav li{float: left;width: 20%;text-align: center;}

.detail-nav li a{display: block;font-size: 16px;color: #3a3c62;line-height: 76px;}

.detail-nav li:hover a{color: #ff6d28;}



.main-content{margin-top: 50px;margin-bottom: 50px;}

.main-content .show-left{float: left;width: 60%;}

.main-content .side-bar{float: right;width: 25%;}

.main-content p{font-size: 16px;color: #333;line-height: 2em;margin-bottom: 10px;}

.main-content .show-left>p a{display: inline-block;color: #DA251D;cursor: pointer;margin:0 5px;}

.main-content p img,.main-content p video{height: auto;max-width: 800px;}

.main-content p.ms{font-size: 16px;color: #666!important;line-height: 1.5;padding:0 10px 10px;margin-top: -10px;position: relative;margin-bottom: 15px;}

.main-content p.ms:after{content:'';width: 60px;height: 1px;background-color: #ff6d28;position: absolute;left: 50%;margin-left: -1em;bottom: 0;}

.main-content h2,.main-content h3{font-size: 30px;color: #2d2f4c;line-height: 40px;font-weight: normal;padding-left: 16px;margin: 10px 0 20px;position: relative;}

.main-content h2:before,.main-content h3:before{content:'';width: 7px;height: 40px;background: url(../images-pc/cp-h2.png) no-repeat;position: absolute;left: 0;top: 0;}

.main-content .show-left table {margin-bottom: 20px;}

.main-content .show-left table td{padding: 5px 2px;word-break: break-all;}







.pro-trait{padding-left: 5px;}

.pro-trait li{position: relative;border:1px solid #f0f1f5;padding:4px 34px 1px 42px;margin-bottom: 25px;}

.pro-trait li strong{display: block;font-size: 20px;line-height: 30px;color: #1d1e31;margin-bottom: 8px;}

.pro-trait li span{display: block;width: 40px;height: 40px;background:#57a6ff;background: -moz-linear-gradient(90deg, #4d7dff 0%, #57a6ff 100%);background: -webkit-linear-gradient(90deg, #4d7dff 0%,#57a6ff 100%);background: -o-linear-gradient(90deg, #4d7dff 0%,#57a6ff 100%);background: -ms-linear-gradient(90deg, #4d7dff 0%,#57a6ff 100%);background: linear-gradient(90deg, #4d7dff 0%,#57a6ff 100%);font-size: 24px;color: #ffffff;font-weight: bold;line-height: 40px;text-align: center;position: absolute;top: -5px;left: -5px;}





.data-list li {display: inline-block;margin-right:14px;margin-bottom: 20px;}

.data-list li span{display: block;line-height: 36px;border: 1px solid transparent;padding: 0 20px;color: #666;cursor: pointer;position: relative;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}

.data-list li span:before,.data-list li span:after{content:'';width: 2px;height: 16px;background-color: transparent;position: absolute;top: 10px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}

.data-list li span:before{left: 0;}

.data-list li span:after{right: 0;}

.data-list li.on span,.data-list li:hover span{border-color: #4d7dff;font-weight: bold;color: #333;}

.data-list li.on span:before,.data-list li.on span:after,.data-list li:hover span:before,.data-list li:hover span:after{background-color: #ff6d28;}



.data-box table{width: 100%;margin-bottom: 20px;} 

.data-box table td{padding: 5px 2px;word-break: break-all;}





.pro-side .side-pro{background-color: #eceef5;margin-bottom: 40px;}

.pro-side strong{display: block;font-size: 20px;line-height: 56px;padding-bottom: 10px;background: url(../images-pc/cp-bg.png) no-repeat top center;text-align: center;color: #fff;font-weight: normal;margin-bottom: 30px;}

.pro-side .re-pro{padding:0 20px 1px;}



.re-pro li{background-color: #ffffff;border-radius: 4px;margin-bottom: 20px;-webkit-box-shadow: 0 0 10px rgba(0,6,23,0.1);-moz-box-shadow: 0 0 10px rgba(0,6,23,0.1);-ms-box-shadow: 0 0 10px rgba(0,6,23,0.1);-o-box-shadow: 0 0 10px rgba(0,6,23,0.1);box-shadow: 0 0 10px rgba(0,6,23,0.1);}

.re-pro li .img {display: block;width: 100%; height: 0;overflow: hidden;position: relative;padding-top: 75%;}

.re-pro li .img img{display: block;position: absolute;top: 0; left: 0;width: 100%; height: 100%;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}

.re-pro li .tit{display: block;font-size: 18px;color: #3a3d63;line-height: 50px;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align: center;position: relative;z-index: 1;}

.re-pro li .tit:before{content: '';width: 100%;height: 2px;background:#ff6d28;background: -moz-linear-gradient(left, #4d7dff 0%, #ff6d28 100%);background: -webkit-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -o-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -ms-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: linear-gradient(to right, #4d7dff 0%,#ff6d28 100%);position: absolute;left: 0;top: 0;z-index: -1;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}

.re-pro li:hover .tit:before{height: 100%;}

.re-pro li:hover .tit{color: #fff;}

.re-pro li:hover .img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1); -o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}



.pro-side .side-more{background-color: #eceef5;}

.pro-side ul{padding:0 20px 1px;}

.pro-side li{text-align: center;margin-bottom: 20px;}

.pro-side li a{display: block;font-size: 20px;color: #3a3d63;line-height: 60px;background-color: #ffffff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.pro-side li:hover a{background-color: #4d7dff;color: #fff;}



.hor-line{width: 100%;height: 20px;background-color: #f0f1f5;}



.re-case{margin:62px 0;}

.re-tit{position: relative;margin-bottom: 20px;}

.re-tit strong{display: block;font-size: 28px;color: #333333;line-height: 38px;padding-left: 42px;font-weight: normal;}

.re-tit .more{display: block;color: #333333;line-height: 28px;font-size: 16px;position: absolute;right: 0;bottom: 0;}

.re-tit .more i{color: #ff6d28;}

.re-tit .more:hover{color: #ff6d28;}

.re-case .re-tit strong{background: url(../images-pc/re-icon.png) no-repeat left center;}

.re-news .re-tit strong{background: url(../images-pc/re-icon1.png) no-repeat left center;}





.case-ul li{float: left;width: 50%;overflow: hidden;}

.case-ul li .pic{display: block;float: left;width: 51%;}

.case-ul li .text{float: right;width: 49%;padding:0 80px 0 20px;margin-top: 20px;}

.case-ul li .text .tit{display: block;font-size: 20px;color: #333333;line-height: 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight: bold;margin-bottom: 14px;}

.case-ul li .text p{color: #666666;font-size: 16px;line-height: 2em;}

.case-ul li .text p.info{display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 30px;height: 64px;}

.case-ul li .text .see-more{font-size: 18px;color: #4d7dff;line-height: 28px;display: inline-block;}

.case-ul li .text .see-more:hover,.case-ul li .text .tit:hover{color: #ff6d28;}



.re-news{padding:55px 0 22px;}





.main-content a[name]{padding-top: 20px;margin-top: -70px;display: block;}



/* ======================== 留言版 ====================== */



.show-msg{padding:80px 0 44px;background:#1d1e31;background: -moz-linear-gradient(90deg, #2b334e 0%, #1d1e31 100%);background: -webkit-linear-gradient(90deg, #2b334e 0%,#1d1e31 100%);background: -o-linear-gradient(90deg, #2b334e 0%,#1d1e31 100%);background: -ms-linear-gradient(90deg, #2b334e 0%,#1d1e31 100%);background: linear-gradient(90deg, #2b334e 0%,#1d1e31 100%);}

.show-msg .wrap{position: relative;}

.show-msg .wrap:after{content: '';width: 349px;height: 632px;background: url(../images-pc/msg-kf.png) no-repeat;right: 0;bottom: -57px;position: absolute;z-index: 2;}

.msg-top{overflow: hidden;background: url(../images-pc/msg-bg.jpg) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;border-radius: 10px 10px 0 0;color: #fff;padding:25px 0 22px;}

.msg-top .col-l{float: left;padding-left: 32px;width: 50%;}

.msg-top .col-l strong{display: block;font-size: 32px;line-height: 42px;}

.msg-top .col-l p{line-height: 26px;}

.msg-top .col-r{float: right;padding-right: 18%;margin-top: 8px;text-align: right;}

.msg-top .col-r p{font-size: 18px;line-height: 28px;}

.msg-top .col-r strong{font-size: 24px;line-height: 34px;}



.msg-content{background-color: #ffffff;padding-bottom: 44px;overflow: hidden;}

.msg-content .col-l{float: left;width: 47%;padding:30px 30px 0;}

.msg-content .col-l ul{overflow: hidden;margin-left: -3%;}

.msg-content .col-l li{float: left;width: 47%;margin-left: 3%;background-color: #f0f1f5;margin-bottom: 20px;padding:10px;position: relative;}

.msg-content .col-l li input,.msg-content .col-l li textarea{background-color: transparent;width: 100%;font-size: 16px;color: #999999;line-height: 36px; font-family:"Microsoft YaHei"}

.msg-content .col-l li input{padding-left: 30px;padding-right: 16px;height: 36px;}

.msg-content .col-l li img{position: absolute;left: 20px;top: 20px;}

.msg-content .col-l li.msg-area{width: 97%;}

.msg-content .col-l li textarea{height: 134px;}

.msg-content .col-l li i{position: absolute;font-size: 16px;color: #ff0000;top: 16px;right: 20px;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #999; font-family:"Microsoft YaHei"}

input:-moz-placeholder, textarea:-moz-placeholder {color: #999; font-family:"Microsoft YaHei"}

input::-moz-placeholder, textarea::-moz-placeholder {color: #999; font-family:"Microsoft YaHei"}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #999; font-family:"Microsoft YaHei"}  

input:-webkit-autofill{-webkit-text-fill-color: #999999;-webkit-box-shadow: 0 0 0px 1000px #f0f1f5 inset !important;box-shadow: 0 0 0px 1000px #f0f1f5 inset !important;}



.msg-btn{position: relative;}

.msg-btn p{font-size:18px;color:#424570;line-height: 48px;padding-left: 28px;}

.msg-btn input{width: 200px;height: 48px;line-height: 48px;text-align: center;font-size: 18px;color: #ffffff;background-color: #4375ff;border-radius: 4px;position: absolute;right: 0;top: 0;cursor: pointer;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}

.msg-btn input:hover{background-color: #ff6d28;}

.msg-content .col-r{float: right;width: 53%;padding-left: 30px;margin-top: 44px;padding-right: 23%;position: relative;z-index: 1;}

.msg-content .col-r strong{display: block;font-size: 32px;color: #4c5081;font-weight: normal;line-height: 56px;margin-bottom: 34px;}

.msg-content .col-r .row{overflow: hidden;}

.msg-content .col-r span{float: left;width: 50%;font-size: 20px;line-height: 30px;color: #4c5081;margin-bottom: 25px;padding-left: 16px;position: relative;}

.msg-content .col-r span:before{content: '';width: 8px;height: 8px;border-radius: 50%;border:2px solid #ff6d28;position: absolute;left: 0;top: 12px;}

.msg-content .col-r:after{content: '';width: 528px;height: 163px;background: url(../images-pc/msg-hxjq.png) no-repeat;position: absolute;left: 10px;bottom: -80px;z-index: -1;}



/* ======================== 案例中心 ====================== */



.case-top{background: url(../images-pc/case-bg.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding-top: 95px;padding-bottom: 74px;}



.case-tab{background: #666778;padding: 10px 0;margin-bottom: 40px;}

.case-tab ul{margin-left: -5px;margin-right: -5px;}

.case-tab li{float: left;width: 20%;padding:0 5px;text-align: center;}

.case-tab li a{display: block;font-size: 18px;color: #333333;line-height: 60px;background: #ffffff;}

.case-tab li.active a,.case-tab li:hover a{background: url(../images-pc/cast-bg.jpg) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;color: #fff;font-weight: bold;}



.case-tel{margin-top: 0;margin-bottom: 64px;}

.case-tel i{color: #4d7dff;font-weight: bold;}

.pro-tel.case-tel span.on1{float: right;margin-left: 0;margin-right: 28px;}



.case-lists ul{margin-left: -3.33%;}

.case-lists li{width: 30%;margin-left: 3.33%;float: left;margin-bottom: 60px;}

.case-lists li .tit{/* padding-right: 38px; */position: relative;}

.case-lists li .tit a{display: block;background-color: #fff;font-size: 24px;color: #333333;font-weight: bold;line-height: 50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:15px 10px 15px 30px;-webkit-box-shadow: 0 5px 20px rgba(0,6,76,0.1);-moz-box-shadow: 0 5px 20px rgba(0,6,76,0.1);-ms-box-shadow: 0 5px 20px rgba(0,6,76,0.1);-o-box-shadow: 0 5px 20px rgba(0,6,76,0.1);box-shadow: 0 5px 20px rgba(0,6,76,0.1);}

.case-lists li .tit:before{content:'';width: 10px;position: absolute;top: 0; left: 0;bottom: 0;background:#ff6d28;background: -moz-linear-gradient(top, #4d7dff 0%, #ff6d28 100%);background: -webkit-linear-gradient(top, #4d7dff 0%,#ff6d28 100%);background: -o-linear-gradient(top, #4d7dff 0%,#ff6d28 100%);background: -ms-linear-gradient(top, #4d7dff 0%,#ff6d28 100%);background: linear-gradient(to bottom, #4d7dff 0%,#ff6d28 100%);}

.case-lists li .img{display: block;width: 100%; height: 0;overflow: hidden;position: relative;padding-top: 75%;}

.case-lists li .img img{position: absolute;top: 0; left: 0;width: 100%; height: 100%;display: block;}

.case-lists li .text{/* padding-right: 38px; */}

.case-lists li .con{background-color: #fff;-webkit-box-shadow: 0 5px 20px rgba(0,6,76,0.1);-moz-box-shadow: 0 5px 20px rgba(0,6,76,0.1);-ms-box-shadow: 0 5px 20px rgba(0,6,76,0.1);-o-box-shadow: 0 5px 20px rgba(0,6,76,0.1);box-shadow: 0 5px 20px rgba(0,6,76,0.1);padding:25px 24px 52px 28px;box-sizing: border-box;position: relative;}

.case-lists li .con p{font-size: 16px;color: #333333;line-height: 1.625em;margin-bottom: 10px;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 56px;}

.case-lists li .con p sup{vertical-align: top;position: relative;top: -4px;}

.case-lists li .con p:first-child{height: auto}

.case-lists li .con a{display: block;position: absolute;background:#4d7dff;background: -moz-linear-gradient(top, #4d7dff 0%, #4d7dff 100%);background: -webkit-linear-gradient(top, #4d7dff 0%,#4d7dff 100%);background: -o-linear-gradient(top, #4d7dff 0%,#4d7dff 100%);background: -ms-linear-gradient(top, #4d7dff 0%,#4d7dff 100%);background: linear-gradient(to bottom, #4d7dff 0%,#4d7dff 100%);right: 0;bottom: 0;padding: 18px 7px 18px 9px;}

.case-lists li .con a img{display: block;width: 100%;}

.case-lists li .con a:hover{background:#ff6d28;background: -moz-linear-gradient(top, #4d7dff 0%, #ff6d28 100%);background: -webkit-linear-gradient(top, #4d7dff 0%,#ff6d28 100%);background: -o-linear-gradient(top, #4d7dff 0%,#ff6d28 100%);background: -ms-linear-gradient(top, #4d7dff 0%,#ff6d28 100%);background: linear-gradient(to bottom, #4d7dff 0%,#ff6d28 100%);}

.case-lists li .tit a:hover{color: #ff6d28;}



/* ======================== 案例内页 ====================== */



.case-wrapper{background:#2b334e;background: -moz-linear-gradient(top, #1d1e31 0%, #2b334e 100%);background: -webkit-linear-gradient(top, #1d1e31 0%,#2b334e 100%);background: -o-linear-gradient(top, #1d1e31 0%,#2b334e 100%);background: -ms-linear-gradient(top, #1d1e31 0%,#2b334e 100%);background: linear-gradient(to bottom, #1d1e31 0%,#2b334e 100%);}

.crumbs-box{position: absolute;top: 94px;left: 0;width: 100%;z-index: 2;}



.case-wrapper{padding-right: 29.05%;position: relative;}

.case-wrapper .pic{position: relative;}

.case-wrapper .pic img{display: block;width: 100%;}

.case-wrapper .pic:before{content: '';width: 100%;height: 252px;background: url(../images-pc/case-bg1.png) no-repeat;position: absolute;left: 0;top: 0;right: 0;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;}



.case-wrapper .case-lc{width: 210px;background: url(../images-pc/case-bg2.png) no-repeat;position: absolute;right: 16%;top: 135px;text-align: center;color: #fff;padding-top: 20px;}

.case-wrapper .case-lc strong{display: block;font-size: 20px;line-height: 30px;margin-bottom: 20px;}

.case-wrapper .case-lc ul{padding:0 18px;}

.case-wrapper .case-lc li{margin-bottom: 25px;position: relative;border:4px solid rgba(255, 255, 255, 0.1);border-radius: 26px;}

.case-wrapper .case-lc li p{font-size: 16px;line-height: 44px;}

.case-wrapper .case-lc li span{position: absolute;width: 28px;font-size: 16px;font-weight: bold;color: #ff6d28;line-height: 26px;background: #282f48;left: 50%;top: -15px;margin-left: -14px;}

.case-wrapper .case-lc li:after{content:'';width: 25px;height: 5px;background: url(../images-pc/case-arr.png) no-repeat;position: absolute;left: 50%;bottom: -5px;margin-left: -14px;}



.case-mian{position: absolute;width: 100%;left: 0;bottom: 0;}



.con-ul{float: left;width: 79.3%;background-color: #ffffff;overflow: hidden;padding: 10px 0;}

.con-ul li{float: left;}

.con-ul li.case-h{width: 49%;padding:30px 0;}

.con-ul li.case-h h1{font-size: 34px;line-height: 42px;color: #333333;padding-left: 40px;}

.con-ul li.case-le{padding:9px 0;} 





.con-ul li.info{width: 25.5%;border-left: 1px solid #dedede;padding:20px 0;padding-left: 42px;}

.con-ul li.info p{font-size: 20px;line-height: 30px;position: relative;}

.con-ul li.info strong{display: block;font-size: 20px;line-height: 30px;}

.con-ul li.info p:before{content: '';width: 24px;height: 24px;background: url(../images-pc/case-y.png) no-repeat;position: absolute;left: -12px;top: -8px;}

.con-ul li:nth-of-type(3) p:before{background: url(../images-pc/case-y1.png) no-repeat;}



.btn-price{float: right;width: 20.7%;background-color: #4c7dff;padding:31px 40px;color: #fff;cursor: pointer;position: relative;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}

.btn-price strong{display: block;font-size: 20px;line-height: 30px;}

.btn-price span{display: block;font-size: 20px;line-height: 30px;}

.btn-price:after{content: '';width: 33px;height: 35px;background: url(../images-pc/case-btn.png) no-repeat;position: absolute;right: 44px;top: 46px;}

.btn-price:hover{background-color: #ff6d28;}



.case-qt{background-color: #f0f1f5;padding:16px 0 10px;}

.case-qt .wrap{position: relative;}

.case-qt p{line-height: 30px;padding-right: 290px;}

.case-qt .get-qt{position: absolute;right: 68px;top: 0;}

.case-qt .get-qt>div{display: inline-block;}

.case-qt .get-qt span{display: block;font-size: 16px;color: #ff6d28;line-height: 26px;}

.case-qt .get-qt strong{display: block;font-size: 20px;color: #ff6d28;line-height: 23px;}

.case-qt .get-qt img{vertical-align: middle;margin-top: -28px;}





.case-table{margin-bottom: 20px;border-right: 1px solid #DEDFE0;border-bottom: 1px solid #DEDFE0;background-color: #FFF;}

.case-table td{border-top: 1px solid #DEDFE0;border-left: 1px solid #DEDFE0;padding: 10px 8px!important;font-size: 16px;line-height: 24px;word-break: break-all;text-align: center;} 

.case-table tr.table-name td{color: #FFF;font-size: 17px;}

.case-table tr:nth-child(odd){background-color: #FFF8E8;}

.case-table tr:nth-child(even){background-color: #FFF;}

.case-table tr.table-name{background-color: #7896DE}







/* ======================== 新闻中心 ====================== */



.new-top{background: url(../images-pc/new-bg.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding-top: 95px;padding-bottom: 40px;}



.base-new{text-align: center;margin-top: 72px;}

.base-new h1{font-size: 40px;color: #ffffff;line-height: 50px;font-weight: normal;margin-bottom: 112px;}

.base-new .show{padding: 18px 40px;background:#ff6d28;background: -moz-linear-gradient(left, #4d7dff 0%, #ff6d28 100%);background: -webkit-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -o-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -ms-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: linear-gradient(to right, #4d7dff 0%,#ff6d28 100%);display: inline-block;color: #fff;line-height: 40px;}

.base-new .show span{display: inline-block;font-size: 16px;}

.base-new .show strong{display: inline-block;font-size: 24px;margin-right: 24px;}

.base-new .show em{display: inline-block;font-size: 18px;font-weight: bold;margin-right: 34px;}

.base-new .show .line-a{display: inline-block;width: 124px;background-color: #fff;color: #fd6d2a;border-radius: 4px;-webkit-box-shadow: 0 12px 10px rgba(130,40,0,0.3);-moz-box-shadow: 0 12px 10px rgba(130,40,0,0.3);-ms-box-shadow: 0 12px 10px rgba(130,40,0,0.3);-o-box-shadow: 0 12px 10px rgba(130,40,0,0.3);box-shadow: 0 12px 10px rgba(130,40,0,0.3);position: relative;}

.base-new .show .line-a:after{content: '';width: 72px;height: 75px;background: url(../images-pc/new-kf.png) no-repeat;position: absolute;left: 26px;top: -75px;}

.base-new .show .line-a:hover{background-color: #4d7dff;color: #fff;}



.new-title{position: relative;margin-bottom: 30px;}

.new-title h2{display: inline-block;font-size: 36px;color: #333;line-height: 46px;font-weight: normal;padding-right: 16px;position: relative;}

.new-title h2 a{color: #333;display: block;}

.new-title h2:after{content: '';width: 1px;height: 30px;background-color: #d3d3d4;position: absolute;top: 8px;right: 0;}

.new-title span{display: inline-block;font-size: 20px;line-height: 32px;color: #333;padding-left: 14px;}

.new-title .more{display: block;position: absolute;right: 0;color: #333333;font-size: 16px;line-height: 26px;bottom: 4px;}

.new-title .more i{color: #ff6d28;}

.new-title .more:hover{color: #ff6d28;}

.new-title h2:hover a{color: #ff6d28;}





.news-box{margin-top: 90px;position: relative;}

.news-box:before{content:'';max-width: 1816px;width: 100%;height: 236px;background: url(../images-pc/new-wz.png) no-repeat;position: absolute;left: 0;top: -40px;right: 0;margin: auto;z-index: -1;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;}



.hot-news{overflow: hidden;margin-bottom: 75px;}

.hot-news .new-l{float: left;width: 50%;}

.hot-news .new-l .pic{position: relative;}

.hot-news .new-l .pic img{display: block;width: 100%;}

.hot-news .new-l p{position: absolute;right: 20px;top: 24px;font-size: 16px;color: #fff;}

.hot-news .new-l p span{display: inline-block;margin-right: 10px;}

.hot-news .new-l p span:nth-of-type(1){padding:0 14px;background-color: #4e7dfe;}

.hot-news .new-ul{float: right;width: 47.5%;}

.hot-news .new-ul li{background-color: #f0f1f5;margin-bottom: 20px;padding:35px 30px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}

.hot-news .new-ul li .tit{display: block;font-size: 20px;color: #43485d;line-height: 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.hot-news .new-ul li .text{display: none;}

.hot-news .new-ul li.on .text{display: block;color: #fff;position: relative;}

.hot-news .new-ul li.on {padding:22px 30px 15px;background-color: #4e7dfe;}

.hot-news .new-ul li.on .tit{color: #fff;margin-bottom: 9px;}

.hot-news .new-ul li.on p{font-size: 16px;line-height: 30px;margin-bottom: 18px;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 60px;}

.hot-news .new-ul li.on span{display: inline-block;font-size: 16px;color: #a5b9ff;}

.hot-news .new-ul li.on .text a{display: block;position: absolute;right: 0;bottom: 0;}



.new-items{margin-left: -1.5%;margin-bottom: 55px;}

.new-items li{float: left;width: 23.5%;margin-left: 1.5%;margin-bottom: 50px;}

.new-items li .img{display: block;width: 100%; height: 0;overflow: hidden;position: relative;padding-top: 66.5%;}

.new-items li .img img{display: block;position: absolute;top: 0; left: 0;width: 100%; height: 100%;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}

.new-items li .text{padding-top: 10px;}

.new-items li .text a{font-size: 18px;color: #333;line-height: 32px;margin-bottom: 18px;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 64px;}

.new-items li .text p{overflow: hidden;}

.new-items li .text p span{display: inline-block;font-size: 16px;color: #959595;line-height: 24px;margin-right: 10px;}

.new-items li .text p .time{margin-right: 0;color: #999999;}

.new-items li .text p .on{padding:0 14px;background-color: #4e7dfe;color: #fff;}

.new-items li .text a:hover{color: #ff6d28;}

.new-items li:hover .img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1); -o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}



.news-box .news-list{margin-bottom: 30px;}



/* ======================== 新闻列表 ====================== */



.show-news{margin-top: 60px;margin-bottom: 80px;}

.new-bt{position: relative;padding-bottom: 25px;margin-bottom: 40px;}

.new-bt h2{font-size: 32px;line-height: 42px;color: #333333;font-weight: normal;}

.new-bt span{display: block;font-size: 20px;color: #333333;line-height: 30px;}

.new-bt:after{content:'';width: 240px;height: 1px;background-color: #bfbfc5;position: absolute;left: 0;bottom: 0;}



.show-news li{overflow: hidden;margin-bottom: 40px;}

.show-news li .date{float: left;width: 108px;text-align: center;margin-right: 20px;background-color: #f0f1f5;color: #595b68;padding:35px 0 37px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}

.show-news li .date strong{display: block;font-size: 40px;line-height: 50px;margin-bottom: 4px;}

.show-news li .date span{display: block;font-size: 20px;line-height: 30px;}

.show-news li .text{overflow: hidden;}

.show-news li .text a{display: block;font-size: 20px;color: #3d3b4c;font-weight: bold;line-height: 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 3px;}

.show-news li .text p{font-size: 16px;color: #333333;line-height: 28px;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 56px;}

.show-news li .text span{display: inline-block;margin-top: 30px;font-size: 16px;line-height: 30px;color: #4d7dff;padding: 0 5px;border:1px solid #4d7dff;}

.show-news li:hover .date{background-color: #4d7dff;color: #fff;}

.show-news li:hover .text a{color: #4d7dff;}



/* ======================== 新闻内页 ====================== */



.new-wrapper{background: url(../images-pc/news-bg.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding-top: 95px;}



.new-inner{margin-top: 32px;}

.new-inner h1{font-size: 36px;color: #ffffff;line-height: 46px;margin-bottom: 54px;}

.new-inner>p{font-size: 16px;color: #fff;line-height: 26px;margin-bottom: 15px;}

.new-inner>p span{display: inline-block;margin-right: 20px;padding-left: 20px;}

.new-inner>p .author{background: url(../images-pc/news-icon.png) no-repeat left center;}

.new-inner>p .date{background: url(../images-pc/news-icon1.png) no-repeat left center;}

.new-inner>p .up-date{background: url(../images-pc/news-icon2.png) no-repeat left center;}



.new-inner .show{float: left;width: 73.5%;}

.new-inner .show{padding: 18px 0 18px 20px;background:#ff6d28;background: -moz-linear-gradient(left, #4d7dff 0%, #ff6d28 100%);background: -webkit-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -o-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -ms-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: linear-gradient(to right, #4d7dff 0%,#ff6d28 100%);display: inline-block;color: #fff;line-height: 40px;}

.new-inner .show span{display: inline-block;font-size: 16px;}

.new-inner .show strong{display: inline-block;font-size: 18px;margin-right: 24px;}

.new-inner .show em{display: inline-block;font-size: 18px;font-weight: bold;margin-right: 16px;}

.new-inner .show .line-a{display: inline-block;width: 123px;background-color: #fff;color: #fd6d2a;border-radius: 4px;-webkit-box-shadow: 0 12px 10px rgba(130,40,0,0.3);-moz-box-shadow: 0 12px 10px rgba(130,40,0,0.3);-ms-box-shadow: 0 12px 10px rgba(130,40,0,0.3);-o-box-shadow: 0 12px 10px rgba(130,40,0,0.3);box-shadow: 0 12px 10px rgba(130,40,0,0.3);position: relative;text-align: center;}

.new-inner .show .line-a:after{content: '';width: 72px;height: 75px;background: url(../images-pc/new-kf.png) no-repeat;position: absolute;left: 26px;top: -75px;}

.new-inner .show .line-a:hover{background-color: #4d7dff;color: #fff;}



.new-inner .con{float: right;width: 26.5%;color: #fff;padding-left: 30px;margin-top: 5px;}

.new-inner .con strong{display: block;font-size: 16px;line-height: 26px;}

.new-inner .con p{font-size: 16px;line-height: 26px;}



.new-content{background-color: #f0f1f5;}

.news-left{float: left;width: 73.5%;background-color: #fff;padding:40px 100px 32px;margin-bottom: 20px;}

.news-left p{font-size: 16px;color: #333333;line-height: 32px;text-indent: 2em;margin-bottom: 20px;}

.news-left p img, .news-left p video{height: auto;max-width: 800px;margin-left: -2em;}

.news-left p.ms{font-size: 16px;color: #666!important;line-height: 1.5;padding:0 10px 10px;margin-top: -10px;position: relative;margin-bottom: 15px;}

.news-left p.ms:after{content:'';width: 60px;height: 1px;background-color: #ff6d28;position: absolute;left: 50%;margin-left: -1em;bottom: 0;}

.news-left h2,.news-left h3{font-size: 24px;color: #333333;line-height: 34px;padding-left: 64px;position: relative;margin: 20px 0 ;}

.news-left h2:before,.news-left h3:before{content: '';width: 84px;height: 78px;background: url(../images-pc/new-icon.png) no-repeat;position: absolute;top: -16px;left: -14px;}

.news-left p.v-tit{text-indent: 0;margin-bottom: 5px;}

.news-left p span.zx{display: inline-block;padding:0 14px;background:#4f7eff;background: -moz-linear-gradient(left, #4d7dff 0%, #4f7eff 100%);background: -webkit-linear-gradient(left, #4d7dff 0%,#4f7eff 100%);background: -o-linear-gradient(left, #4d7dff 0%,#4f7eff 100%);background: -ms-linear-gradient(left, #4d7dff 0%,#4f7eff 100%);background: linear-gradient(to right, #4d7dff 0%,#4f7eff 100%);text-indent:0;line-height: 30px;color: #fff;line-height: 30px;border-radius: 4px;margin:0 5px;cursor: pointer;}

.news-left>p a{color: #DA251D;cursor: pointer;padding:0 4px;}

.news-left>p a:hover{text-decoration: underline;}

.news-left table {margin-bottom: 20px;}

.news-left table td {padding: 5px 2px;word-break: break-all;}



.news-pages{padding: 30px 0;border-top: 1px solid #dcdcdc;}

.news-pages p{text-indent: 0;font-size: 16px;color: #666666;line-height: 26px;margin-bottom: 0;padding-left: 20px;color: #666666;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}

.news-pages p a{display: inline-block;}

.news-pages p.new-prev{margin-bottom: 16px;background: url(../images-pc/new-top.png) no-repeat left center;}

.news-pages p.new-next{background: url(../images-pc/new-bottom.png) no-repeat left center;}

.news-pages p:hover,.news-pages p:hover a{color: #4879ff;}

.news-pages p.new-prev:hover{background: url(../images-pc/new-top1.png) no-repeat left center;}

.news-pages p.new-next:hover{background: url(../images-pc/new-bottom1.png) no-repeat left center;}



.news-right{float: right;width: 22%;margin-top: 40px;}

.news-right strong{display: block;background-color: #ffffff;margin-bottom: 20px;font-size: 20px;color: #1d1e31;font-weight: normal;padding-left: 20px;line-height: 48px;padding-bottom: 4px;position: relative;}

.news-right strong:after{content:'';width: 100%;height: 4px;background:#ff6d28;background: -moz-linear-gradient(left, #4d7dff 0%, #ff6d28 100%);background: -webkit-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -o-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -ms-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: linear-gradient(to right, #4d7dff 0%,#ff6d28 100%);position: absolute;bottom: 0;left: 0;}





.side-news{margin-top: 40px;background-color: #fff;padding-bottom: 20px;}

.side-show{padding:0 20px;}

.side-show ul{height: 1000px;overflow-x: hidden;padding-right: 10px;}

.side-show li{border-bottom: 1px solid #F2F2F2;padding-bottom: 10px;margin-bottom: 20px;}

.side-show li .img{display: block;position: relative;padding-top: 66.3%;overflow: hidden;}

.side-show li .img img{display: block;position: absolute;top: 0; left: 0;width: 100%; height: 100%;}

.side-show li .tit{display: block;color: #333;font-size: 16px;line-height: 26px;padding: 5px 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.side-show ul::-webkit-scrollbar{width: 6px;}

.side-show ul::-webkit-scrollbar-thumb{ border-radius: 6px; background:#ff6d28;background: -moz-linear-gradient(top, #4d7dff 0%, #ff6d28 100%);background: -webkit-linear-gradient(top, #4d7dff 0%,#ff6d28 100%);background: -o-linear-gradient(top, #4d7dff 0%,#ff6d28 100%);background: -ms-linear-gradient(top, #4d7dff 0%,#ff6d28 100%);background: linear-gradient(to bottom, #4d7dff 0%,#ff6d28 100%);}

.side-show ul::-webkit-scrollbar-track{background-color: #fff;  background: -webkit-linear-gradient(left, #FFF 30%,#F5F7FB 30%,#F5F7FB 70%,#FFF 70%);background: -moz-linear-gradient(left, #FFF 30%,#F5F7FB 30%,#F5F7FB 70%,#FFF 70%);background: -ms-linear-gradient(left, #FFF 30%,#F5F7FB 30%,#F5F7FB 70%,#FFF 70%);background: -o-linear-gradient(left, #FFF 30%,#F5F7FB 30%,#F5F7FB 70%,#FFF 70%);background: linear-gradient(to right,#FFF 30%,#F5F7FB 30%,#F5F7FB 70%,#FFF 70%);}





/* ======================== 相关新闻 ====================== */



.new-area{padding-top:95px;background:#2b334e;background: -moz-linear-gradient(top, #1d1e31 0%, #2b334e 100%);background: -webkit-linear-gradient(top, #1d1e31 0%,#2b334e 100%);background: -o-linear-gradient(top, #1d1e31 0%,#2b334e 100%);background: -ms-linear-gradient(top, #1d1e31 0%,#2b334e 100%);background: linear-gradient(to bottom, #1d1e31 0%,#2b334e 100%);padding-bottom: 190px;}

.new-area.sitemap-box{padding-bottom: 20px;margin-bottom: 50px;}



.new-pro {position: relative;margin-top: -170px;margin-bottom: 68px;}

.new-pro .img{display: block;float: left;width: 30%;position: relative;z-index: 1;}

.new-pro .img img{display: block;width: 100%;}

.new-pro .img:after{content: '';position: absolute;top: 10px; left: 10px;width: 100%; height: 100%;background-color: #4d7dff;z-index: -1;}

.new-pro .text{float: right;width: 70%;padding-left: 38px;margin-top: 5px;}

.new-pro .text .tit{display: block;font-size: 28px;color: #fff;line-height: 38px;font-weight: bold;margin-bottom: 20px;}

.new-pro .text .tit:hover{color: #ff6d28;}

.new-pro .text p{color: #fff;margin-bottom: 35px;}

.new-pro .text p span{display: inline-block;font-size: 20px;color: #ffffff;line-height: 30px;padding-left: 12px;position: relative;}

.new-pro .text p span:before{content: '';width: 4px;position: absolute;top: 0; left: 0;bottom: 0;background:#98b4ff;background: -moz-linear-gradient(top, #4d7dff 0%, #98b4ff 100%);background: -webkit-linear-gradient(top, #4d7dff 0%,#98b4ff 100%);background: -o-linear-gradient(top, #4d7dff 0%,#98b4ff 100%);background: -ms-linear-gradient(top, #4d7dff 0%,#98b4ff 100%);background: linear-gradient(to bottom, #4d7dff 0%,#98b4ff 100%);}

.new-pro .text p span:nth-of-type(1){margin-right: 128px;}

.new-pro .text p span:nth-of-type(2):before{background:#ffb490;background: -moz-linear-gradient(top, #ff6d28 0%, #ffb490 100%);background: -webkit-linear-gradient(top, #ff6d28 0%,#ffb490 100%);background: -o-linear-gradient(top, #ff6d28 0%,#ffb490 100%);background: -ms-linear-gradient(top, #ff6d28 0%,#ffb490 100%);background: linear-gradient(to bottom, #ff6d28 0%,#ffb490 100%);}

.new-pro .text .grid{color: #fff;overflow: hidden;margin-bottom: 30px;}

.new-pro .text .grid span{display: block;}

.new-pro .text .grid span:nth-of-type(1){font-size: 18px;color: #9098be;float: left;width: 50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.new-pro .text .grid span:nth-of-type(2){float: right;font-size: 18px;}

.new-pro .text .grid span:nth-of-type(2) strong{font-weight: normal;color: #ff6d28;}

.new-pro .text .grid span:nth-of-type(2) strong em{font-weight: bold;font-size: 28px;}



.new-pro .text .btn{display: inline-block;width: 200px;height: 50px;line-height: 50px;text-align: center;background:#4d7dff;background: -moz-linear-gradient(left, #4d7dff 0%, #4d7dff 100%);background: -webkit-linear-gradient(left, #4d7dff 0%,#4d7dff 100%);background: -o-linear-gradient(left, #4d7dff 0%,#4d7dff 100%);background: -ms-linear-gradient(left, #4d7dff 0%,#4d7dff 100%);background: linear-gradient(to right, #4d7dff 0%,#4d7dff 100%);font-size: 18px;color: #fff;font-weight: bold;cursor: pointer;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;margin-right: 15px;}

.new-pro .text .btn:hover{border-radius: 25px;}

.new-pro .text .qt p{display: inline-block;color: #3f4354;line-height: 50px;}



.grid-tit {margin-bottom: 36px;overflow: hidden;}

.grid-tit em{float: left;font-size: 36px;font-weight: normal;line-height: 46px;display: block;}

.grid-tit a{float: left;font-size: 20px;color: #333333;line-height: 30px;margin-top: 12px;}

.grid-tit a:hover{color: #ff6d28;}

.grid-tit span{float: left;line-height: 46px;font-size: 18px;color: #fff;padding:0 20px;background-color: #575d7a;margin-left: 10px;}



.more-list{margin-bottom: 50px;}



/* ======================== 404 ====================== */



.error-box{padding-top: 186px;text-align: center;padding-bottom: 146px;}

.error-box img{margin-bottom: 50px;}

.btn-box{margin-bottom: 80px;}

.btn-box a{display: inline-block;width: 180px;height: 40px;line-height: 40px;text-align: center;font-size: 18px;color: #fff;margin:0 10px;}

.btn-box .return{background:#3068ff;background: -moz-linear-gradient(top, #4d7dff 0%, #3068ff 100%);background: -webkit-linear-gradient(top, #4d7dff 0%,#3068ff 100%);background: -o-linear-gradient(top, #4d7dff 0%,#3068ff 100%);background: -ms-linear-gradient(top, #4d7dff 0%,#3068ff 100%);background: linear-gradient(to bottom, #4d7dff 0%,#3068ff 100%);}

.btn-box .online{background:#ff5028;background: -moz-linear-gradient(top, #ff7b52 0%, #ff5028 100%);background: -webkit-linear-gradient(top, #ff7b52 0%,#ff5028 100%);background: -o-linear-gradient(top, #ff7b52 0%,#ff5028 100%);background: -ms-linear-gradient(top, #ff7b52 0%,#ff5028 100%);background: linear-gradient(to bottom, #ff7b52 0%,#ff5028 100%);}

.btn-box a:hover{border-radius: 20px;}



.error-pro{max-width: 760px;margin: 0 auto;width: 100%;}

.error-pro ul{overflow: hidden;margin-left: -2%;}

.error-pro li{float: left;width: 31.3%;margin-left: 2%;}

.error-pro li .pic{display: block;width: 100%; height: 0;overflow: hidden;position: relative;padding-top: 75%;}

.error-pro li .pic img{display: block;position: absolute;top: 0; left: 0;width: 100%; height: 100%;}

.error-pro li .tit{display: block;background-color: #f0f1f5;font-size: 18px;color: #333456;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height: 48px;position: relative;}

.error-pro li .tit:before{content: '';width: 100%;height: 2px;background:#ff6d28;background: -moz-linear-gradient(left, #4d7dff 0%, #ff6d28 100%);background: -webkit-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -o-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -ms-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: linear-gradient(to right, #4d7dff 0%,#ff6d28 100%);position: absolute;left: 0;top: 0;}

.error-pro li .tit:hover{color: #ff6d28;}



/* ======================== 售后服务 ====================== */



.fw-top{padding-top: 94px;background:#2b334e;background: -moz-linear-gradient(top, #1d1e31 0%, #2b334e 100%);background: -webkit-linear-gradient(top, #1d1e31 0%,#2b334e 100%);background: -o-linear-gradient(top, #1d1e31 0%,#2b334e 100%);background: -ms-linear-gradient(top, #1d1e31 0%,#2b334e 100%);background: linear-gradient(to bottom, #1d1e31 0%,#2b334e 100%);}

.fw-top .wrap{position: relative;padding-bottom: 88px;}

.fw-top .base-top{text-align: center;}

.fw-top .base-top p{margin-bottom: 0;line-height: 30px;}

.fw-top .base-top strong{margin-bottom: 15px;}

.fw-top .base-top .btn-online{margin-top: 35px;}

.fw-top .wrap:after{content:'';width: 331px;height: 355px;background: url(../images-pc/fw-p.png) no-repeat;left: -16px;bottom: 0;position: absolute;}



.fw-one{margin-top: 50px;margin-bottom: 120px;}

.fw-tit{text-align: center;margin-bottom: 40px;}

.fw-tit h2{font-size: 36px;color: #333;line-height: 46px;padding-top:30px;margin-bottom: 40px;position: relative;display: inline-block;}

.fw-tit h2:after{content:'';width: 129px;height:129px;background: url(../images-pc/fw-icon.png) no-repeat;position: absolute;top: 0;left: -40px;z-index: -1;}

.fw-tit p{font-size: 18px;color: #666666;line-height: 36px;}

.fw-one ul{-webkit-box-shadow:0 20px 40px rgba(7,19,57,0.1);-moz-box-shadow:0 20px 40px rgba(7,19,57,0.1);-ms-box-shadow:0 20px 40px rgba(7,19,57,0.1);-o-box-shadow:0 20px 40px rgba(7,19,57,0.1);box-shadow:0 20px 40px rgba(7,19,57,0.1);}

.fw-one li{float: left;width: 25%;}

.fw-one li .text{position: relative;}

.fw-one li .text p{position: absolute;left: 0;top: 50%;font-size: 24px;line-height: 34px;font-weight: bold;color: #1d1e31;width: 100%;text-align: center;transform: -webkit-translateY(-50%);transform: translateY(-50%);padding-bottom: 20px;}

.fw-one li .text p:after{content:'';width: 60px;height:4px;background:#ff6d28;background: -moz-linear-gradient(left, #4d7dff 0%, #ff6d28 100%);background: -webkit-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -o-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -ms-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: linear-gradient(to right, #4d7dff 0%,#ff6d28 100%);position: absolute;left: 50%;bottom: 0;margin-left: -30px;}



.fw-two{margin-bottom: 134px;}

.fw-two img{display: block;width:100%}



.fw-three{background-color: #373855;color: #fff;position: relative;margin-bottom: 110px;}

.fw-three .col-l{float: left;width: 37%;padding: 94px 0;position: relative;z-index: 1;}

.fw-three .col-l strong{display: block;font-size: 40px;font-weight: normal;line-height: 50px;}

.fw-three .col-l p{font-size: 18px;line-height: 28px;}

.fw-three .col-r{float: right;width:63%;padding-left: 104px;padding-top: 52px;}

.fw-three .col-r span{display: block;float: left;width: 33.3%;font-size: 32px;font-weight: bold;line-height: 56px;margin-bottom: 40px;}

.fw-three .col-r span i{display: inline-block;font-size: 56px;font-family: "Impact";margin-right: 8px;color: #4d7dff;background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#ff6d28), to(#4d7dff));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}

.fw-three:after{content: '';width: 783px;position: absolute;top: 0; left: 0;bottom: 0;background: url(../images-pc/fw-bg.png) no-repeat;-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;-ms-background-size: 100% 100%;-o-background-size: 100% 100%;background-size: 100% 100%;}



.fw-four ul{overflow: hidden;}

.fw-four li{float: left;width: 25%;}

.fw-four li img{display: block;width: 100%;}



/* ======================== 联系我们 ====================== */



.contact-top{padding-top: 95px;position: relative;padding-bottom: 45px;}

.contact-top>img{display: block;position: absolute;top: 0; left: 0;width: 100%; z-index: -1;}





.lx-left{width: 560px;color: #fff;float: left;margin-top: 64px;}

.lx-left>strong{display: block;font-size: 40px;font-weight: normal;line-height: 50px;}

.lx-left .p1{font-size: 16px;line-height: 30px;margin-bottom: 56px;}

.lx-left .p2{padding-left: 24px;font-size: 18px;line-height: 28px;margin-bottom: 20px;background: url(../images-pc/lx-icon.png) no-repeat left center;}

.lx-left .p2 strong{font-size: 28px;}

.lx-left .p3{padding-left: 24px;font-size: 18px;line-height: 28px;background: url(../images-pc/lx-icon1.png) no-repeat left center;margin-bottom: 40px;}

.lx-left .p3 span{font-size: 20px;}



.lx-right{width: 470px;float: right;margin-top: 174px;position: relative;margin-right: 30px;z-index: 1;-webkit-box-shadow: 0 0 30px rgba(0,37,156,0.2);-moz-box-shadow: 0 0 30px rgba(0,37,156,0.2);-ms-box-shadow: 0 0 30px rgba(0,37,156,0.2);-o-box-shadow: 0 0 30px rgba(0,37,156,0.2);box-shadow: 0 0 30px rgba(0,37,156,0.2);border-radius: 10px;}

.lx-right .msg-btn input{position: static;}

.lx-right .lx-con{background:#ff6d28;background: -moz-linear-gradient(left, #4d7dff 0%, #ff6d28 100%);background: -webkit-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -o-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -ms-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: linear-gradient(to right, #4d7dff 0%,#ff6d28 100%);padding:35px 40px 33px;border-radius: 10px 10px 0 0;}

.lx-right .lx-con strong{display: block;font-size: 32px;color: #fff;line-height: 42px;margin-bottom: 2px;}

.lx-right .lx-con  p{font-size: 16px;color: #fff;line-height: 26px;}

.lx-right form{padding:30px 40px 40px;background-color: #fff;border-radius: 0 0 10px 10px;}

.lx-right li{float: left;background-color: #f0f1f5;margin-bottom: 20px;padding:10px;position: relative;width: 100%;border-radius: 4px;}

.lx-right li input,.lx-right li textarea{background-color: transparent;width: 100%;font-size: 16px;color: #999999;line-height: 36px; font-family:"Microsoft YaHei";}

.lx-right li input{padding-left: 30px;padding-right: 16px;height: 36px;}

.lx-right li img{position: absolute;left: 20px;top: 20px;}

.lx-right li textarea{height: 134px;}



.lx-right li i{position: absolute;font-size: 16px;color: #ff0000;top: 16px;right: 20px;}

.lx-right .msg-btn{text-align: center;position: static;}

.lx-right:after{content:'';position: absolute;top: 32px; left: 30px;width: 100%; height: 100%;background-color: #4d7dff;z-index: -1;border-radius: 10px}



.contact-box{margin-top: 130px;position: relative;}

.contact-box .text{padding-left: 41%;position: relative;}

.contact-box .text h3{font-size: 40px;color: #333333;line-height: 50px;text-align: center;font-weight: normal;margin-bottom: 6px;}

.contact-box .text>p{font-size: 24px;color: #5b688b;line-height: 34px;text-align: center;margin-bottom: 38px;}

.fw-ul{padding:76px 0 38px;margin-left: -2%;}

.fw-ul li{width: 48%;float: left;margin-left: 2%;background-color: #fff;border-radius: 10px;-webkit-box-shadow:0 10px 40px rgba(0,34,146,0.2);-moz-box-shadow:0 10px 40px rgba(0,34,146,0.2);-ms-box-shadow:0 10px 40px rgba(0,34,146,0.2);-o-box-shadow:0 10px 40px rgba(0,34,146,0.2);box-shadow:0 10px 40px rgba(0,34,146,0.2);margin-bottom: 30px;padding:35px 0 32px 20px;}

.fw-ul li img{float: left;margin-right: 20px;}

.fw-ul li .con{overflow: hidden;}

.fw-ul li .con span{display: block;font-size: 28px;color: #172236;line-height: 38px;}

.fw-ul li .con p{font-size: 18px;color: #606f87;line-height: 28px;}

.contact-box:after{content: '';width:100%;height:450px;background:#ff6d28;background: -moz-linear-gradient(left, #4d7dff 0%, #ff6d28 100%);background: -webkit-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -o-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: -ms-linear-gradient(left, #4d7dff 0%,#ff6d28 100%);background: linear-gradient(to right, #4d7dff 0%,#ff6d28 100%);position: absolute;left: 0;bottom: 0;z-index: -1;}

.contact-box .text:before{content:'';width: 438px;height: 771px;background: url(../images-pc/lx-kf.png) no-repeat;position: absolute;bottom:-63px;left: 0;}



#allmap{height: 500px;}

#map{height:100%;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}



/* ======================== 关于我们 ====================== */



.about-top{padding-top: 95px;background: url(../images-pc/about-bg.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;overflow: hidden;margin-bottom: 118px;}

.about-top .base-top{margin-bottom: 190px;}

.about-con{width: 75%;margin-left: 25%;background-color: #f4f4f4;padding:25px 54px 32px 214px;position: relative;}

.about-con strong{display: block;font-size: 20px;line-height: 30px;}

.play-btn{width: 218px;height: 156px;background-color: #4678ff;text-align: center;position: absolute;left: -40px;top: -56px;cursor: pointer;padding-top: 50px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}

.play-btn p{font-size: 14px;color: #fff;line-height: 24px;margin-top: 10px;}

.play-btn:hover{background-color: #ff6d28;}





.pop-video{position: fixed;width: 100%;height: 100%;left: 0;top:-100%;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;z-index: 9999;opacity: 0;filter: alpha(opacity=0);}

.pop-video .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);}

.pop-video .close{position: absolute;right: 20px;top: 20px;width: 50px;height: 50px;background: url(../images-pc/close.png) center no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;cursor: pointer;}

.pop-video video{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);max-width: 90%;}

.pop-video.open{top:0;opacity: 1; filter: alpha(opacity=100);}





.about-box{margin-bottom: 190px;}

.about-box .col-l{float: left;width: 42.5%;}

.about-box .col-r{float: right;width: 52%;padding-right: 20px;}

.about-box .col-r .pic{position: relative;}

.about-box .col-r img{display: block;width: 100%;}

.about-box .col-r .pic:after{content: '';position: absolute;top: 20px; left: 20px;width: 100%; height: 100%;background-color: #32344b;z-index: -1;}



.about-tit{text-align: center;margin-bottom: 20px;}

.about-tit h2{font-size: 40px;font-weight: normal;color: #333333;line-height: 50px;}

.about-tit span{display: inline-block;font-size: 20px;line-height: 30px;text-transform: uppercase;letter-spacing: 20px;color: #4d7dff;background-image: -webkit-gradient(linear, 0 0, right 0, from(#4d7dff), to(#ff6d28));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}



.about-box .col-l>p{text-align: center;font-size: 16px;color: #666666;line-height: 32px;}

.num-ul{overflow: hidden;margin-top: 68px;}

.num-ul li{width: 50%;float: left;padding-left: 60px;position: relative;}

.num-ul li strong{display: block;font-size: 64px;color: #4d7dff;line-height: 65px;font-family: "Impact";}

.num-ul li strong i{font-size: 24px;color: #ff6d28;}

.num-ul li p{font-size: 18px;color: #333333;line-height: 28px;margin-top: -16px;}

.num-ul li:nth-of-type(1):after{content:'';width: 1px;height: 40px;background-color: #e5e5e5;position: absolute;right: 0;top: 24px;}



.about-box1 {margin-bottom:302px;}

.about-box1 .content{margin-top: 40px;}

.about-box1 .col-l{float: left;width: 59%;}

.about-box1 .col-l .img{position: relative;padding-left: 20px;margin-bottom: 62px;}

.about-box1 .col-l .img img{display: block;width: 100%;}

.about-box1 .col-l .img:after{content:'';position: absolute;top: 20px; left:0;width: 98%; height: 100%;background-color: #32344b;z-index: -1;}

.about-box1 .col-l p{font-size: 16px;color: #666666;line-height: 32px;padding:0 65px 0 62px;}

.about-box1 .col-r{float: right;width: 36%;}

.about-box1 .num-ul{margin-bottom: 58px;}

.about-box1 .num-ul li{padding-left: 0;width: auto;}

.about-box1 .num-ul li:nth-of-type(1){padding-right: 42px;}

.about-box1 .num-ul li:nth-of-type(2){padding-left:48px}

.about-box1 .col-r .img{padding-right: 20px;position: relative;}

.about-box1 .col-r .img img{display: block;width: 100%;}

.about-box1 .col-r .img:after{content:'';position: absolute;top: 20px; right:0;width: 96%; height: 100%;background-color: #32344b;z-index: -1;}



.about-box2{margin-bottom: 158px;}

.about-box2 .about-pro{float: left;width: 50%;}

.about-pro li{float: left;width: 210px;height: 243px;background: url(../images-pc/about-bk.png) no-repeat;text-align: center;margin-left: 24px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}

.about-pro li p{font-size: 20px;color: #1c2032;line-height: 30px;}

.about-pro li.pro1{margin-left: 0;padding-top: 58px;}

.about-pro li.pro1 .pic{margin-bottom: 10px;}

.about-pro li.pro2{padding-top: 55px;}

.about-pro li.pro2 .pic{margin-bottom: 8px;}

.about-pro li.pro3{padding-top: 40px;}

.about-pro li.pro3 .pic{margin-bottom: 8px;}

.about-pro li.pro4{margin-left: 118px;padding-top: 46px;}

.about-pro li.pro4 .pic{margin-bottom: 18px;}

.about-pro li.pro5{padding-top: 62px;}

.about-pro li.pro5 .pic{margin-bottom: 14px;}

.about-pro li.pro4,.about-pro li.pro5{position: relative;margin-top: -40px;}

.about-pro li:hover{background: url(../images-pc/about-bk1.png) no-repeat;}

.about-box2 .col-r{float: right;width: 50%;padding-left: 100px;}

.about-box2 .col-r>p{text-align: center;font-size: 16px;color: #666666;line-height: 32px;}

.about-box2 .num-ul li{width: 50%;}

.about-box2 .num-ul li:nth-of-type(1){padding-left: 136px;}

.about-box2 .num-ul li:nth-of-type(2){padding-left: 84px;}



.about-box3{margin-bottom: 188px;}

.about-box3 .col-l{float: left;width: 38%;}

.about-box3 .col-l>p{text-align: center;font-size: 16px;color: #666666;line-height: 32px;}

.about-box3 .col-l .num-ul{margin-top: 26px;}

.about-box3 .pic{float: right;width: 65%;position: relative;margin-right: -9%;}

.about-box3 .pic img{display: block;width: 100%;}



.about-box4{background:#393b60;background: -moz-linear-gradient(top, #282943 0%, #393b60 100%);background: -webkit-linear-gradient(top, #282943 0%,#393b60 100%);background: -o-linear-gradient(top, #282943 0%,#393b60 100%);background: -ms-linear-gradient(top, #282943 0%,#393b60 100%);background: linear-gradient(to bottom, #282943 0%,#393b60 100%);padding:96px 51px 76px;}



.about-box4 ul{overflow: hidden;margin-bottom: 20px;}

.about-box4 li{padding:0 10px;float: left;width: 16.6%;}

.text-ul li.txt{width: 66.4%;text-align: center;color: #fff;}

.text-ul li.txt strong{display: inline-block;font-size: 40px;line-height: 50px;font-weight: normal;margin-bottom: 6px;}

.text-ul li.txt p{font-size: 20px;color: #d4d5ee;line-height: 30px;margin-bottom: 12px;}



/* ============== 内页里面的样式 ================== */



.news-left p em.news-spot,.main-content p em.news-spot{display: inline-block;width: 14px;height: 18px;margin-right: 8px;vertical-align: middle;}

.spot-icon01{background: url(../images/newsSpot01.png) no-repeat left top;-webkit-background-size: 14px 18px;background-size: 14px 18px;}

.news-left p em.news-mark,.main-content p em.news-mark{display:inline-block;width:20px;height:20px;margin-right:8px;vertical-align:middle;}

.mark-icon01{background: url(../images/newsIcon01.png) no-repeat left top;-webkit-background-size:18px;background-size:18px;}

.mark-icon02{background: url(../images/newsIcon02.png) no-repeat left top;-webkit-background-size:18px;background-size:18px;}

.mark-icon03{background: url(../images/newsIcon03.png) no-repeat left top;-webkit-background-size:20px;background-size:20px;}

.mark-icon04{background: url(../images/newsIcon04.png) no-repeat left top;-webkit-background-size:20px;background-size:20px;}

.mark-icon05{background: url(../images/newsIcon05.png) no-repeat left top;-webkit-background-size:20px;background-size:20px;}

.mark-icon06{background: url(../images/newsIcon06.png) no-repeat left top;-webkit-background-size:20px;background-size:20px;}

.mark-icon07{background: url(../images/newsIcon07.png) no-repeat left top;-webkit-background-size:20px;background-size:20px;}

.mark-icon08{background: url(../images/newsIcon08.png) no-repeat left top;-webkit-background-size:20px;background-size:20px;}

.mark-icon09{background: url(../images/newsIcon09.png) no-repeat left top;-webkit-background-size:20px;background-size:20px;}

.news-left p em.news-title,.main-content p em.news-title{display:inline-block;width:24px;height:24px;margin-right:8px;vertical-align:middle;}

.title-icon01{background: url(../images/newsTit01.png) no-repeat left top;-webkit-background-size:24px;background-size:24px;}







/* ============== 内页里面的样式end ================== */

@media screen and (min-width: 2000px){

    .case-wrapper{padding-right: 34.3%;}

    .case-wrapper .case-lc{right: 25%;}

    .lx-right{margin-top: 360px;}

    .pro-wrapper:after{width: 933px;}

    .detail-nav{padding-right: 21%;}

    .detail-nav ul{padding-left: 46%;}

}



@media screen and (max-width: 1800px){

    .about-box3 .pic{width: 58%;margin-right: 0;}

    .case-wrapper .case-lc{right: 9%;top: 100px;}

    .case-wrapper{padding-right: 25.05%;}

    .lx-right{margin-top: 100px;}

    .lx-left{margin-top: 40px;}

    .lx-left .p1{margin-bottom: 32px;}

    .pro-wrapper:after{width: 589px;}

    .fw-three:after{-webkit-background-size: 88% 100%;-moz-background-size: 88% 100%;-ms-background-size: 88% 100%;-o-background-size: 88% 100%;background-size: 88% 100%;}

    .index-goods .content{right: 2.6%;}

}



@media screen and (max-width: 1599px){

    .index-goods .content{width: 660px;}

    .case-wrapper .case-lc{right: 5%;}

    .case-wrapper{padding-right: 22.3%;}

    .con-ul li.info{padding: 10px 0;padding-left: 42px;}

    .con-ul li.case-h{padding: 19px 0;}

    .con-ul li.case-le{padding:0 0;} 

    .con-ul li.case-h h1{font-size: 30px;line-height: 40px;}

    .btn-price{padding: 20px 40px;}

    .case-wrapper .case-lc li p{line-height: 38px;}

 

    .fw-three:after{-webkit-background-size: 78% 100%;-moz-background-size: 78% 100%;-ms-background-size: 78% 100%;-o-background-size: 78% 100%;background-size: 78% 100%;}

    .img-box .box1{top: 192px;margin-left: -339px;}

    .img-box .box2{top: 97px;margin-left: -105px;}

    .img-box .box3{top: 230px;margin-left: 118px;}

    .img-box .box4{top: 210px;margin-left: 310px;}

    .img-box .box5{bottom: 70px;margin-left: -184px;}

    .detail-nav ul{padding-left: 42%;}

    .detail-nav{padding-right: 3%;}

}



@media screen and (max-width: 1439px){

    .header .nav li{margin: 0 14px;}

    .pro-wrapper:after{width: 557px;}

    .col-text .get-price{width: 158px;}

    .new-inner .show strong{margin-right: 4px;}

    .new-inner .show em{margin-right: 0;}

    .hot-pro li{max-height: 578px;}

    .lx-right{margin-top: 30px;}

    .lx-left{margin-top: 18px;width: 610px;}

    .lx-left .p1 br{display: none;}

    .lx-left .p1{margin-bottom: 24px;}

    .lx-left .p2{margin-bottom: 10px;}

    .case-wrapper{padding-right: 21.8%;}

    .case-wrapper .case-lc li p{line-height: 34px;}

    .case-wrapper .case-lc{padding-top: 14px;}

    .about-pro li{width: 200px;height: 232px;-webkit-background-size: 100%;-moz-background-size: 100%;-ms-background-size: 100%;-o-background-size: 100%;background-size: 100%;}

    .about-pro li.pro4{margin-left: 112px;}

    .about-con{padding: 25px 40px 32px 214px;}

    .index-case li>div{height: 268px;}

    .index-case li .text{padding: 38px 30px 0;}

}

@media screen and (max-width: 1359px){

    .header .head-tel{width: 18%;}

    .about-box1 .num-ul li:nth-of-type(1){padding-right: 30px;}

    .about-box2 .about-pro{width: 54%;}

    .about-box2 .col-r{width: 46%;padding-left: 0;}

    .num-ul li{padding-left: 50px;}

    .about-box4 li{padding: 0 5px;}

    .text-ul li.txt strong{font-size: 30px;line-height: 40px;}

    .text-ul li.txt p{font-size: 16px;line-height: 18px;}

    .text-ul .btn-online{line-height: 35px;}

    .about-box4 ul{margin-bottom: 10px;}

    .img-box .box1{top: 170px;margin-left: -286px;}

    .img-box .box2{top: 88px;margin-left: -92px;}

    .img-box .box3{top: 194px;margin-left: 100px;}

    .img-box .box4{top: 190px;margin-left: 286px;}

    .img-box .box5{bottom: 52px;margin-left: -164px;}

    .index-case li>div{height: 253px;}

    .btn-price{padding: 12px 20px;}

    .btn-price:after{top: 36px;}

    .con-ul li.case-h{padding: 12px 0;}

    .con-ul li.case-h h1{font-size: 20px;line-height: 30px;padding-left: 14px;}

    .con-ul li.info p{font-size: 18px;line-height: 26px;}

    .con-ul li.info strong{font-size: 18px;line-height: 26px;}

    .btn-price strong,.btn-price span{font-size: 18px;line-height: 28px;}

    .con-ul li.info{padding: 10px 0 0;padding-left: 35px;}

    .con-ul{padding: 6px 0;}

    .btn-price{padding: 9px 20px;}

    .case-wrapper .case-lc li p{font-size: 14px;}

    .case-wrapper .case-lc li span{font-size: 14px;line-height: 20px;top: -12px;}

    .hot-news .new-ul li{padding: 18px 30px;}

    .msg-content .col-r span{font-size: 16px;}

    .pro-tel{margin: -38px 46px 40px;}

    .case-ul li .text{padding: 0 50px 0 20px;}

    .col-text .get-tel{margin-left: 10px;}

    .pro-inner .col-text ul{margin-top: 20px;}

    .pro-wrapper:after{width: 524px;}

    .fw-three:after{-webkit-background-size: 70% 100%;-moz-background-size: 70% 100%;-ms-background-size: 70% 100%;-o-background-size: 70% 100%;background-size: 70% 100%;}

    .hot-pro li{max-height: 542px;}

    .new-inner .show em{display: none;}

    .new-inner .show .line-a{float: right;margin-right: 10px;}

    .new-items li .text p span{margin-right: 6px;}

}

@media screen and (max-width: 1279px)  and (min-width: 1024px){

    .header .nav li{margin:0;}

    .header .logo{width: 180px;}

    .header .head-tel{width: 20%;padding: 13px 0 13px 10px;}

    .index-slick{height: 346px;}

    .index-slick .text{margin-top: 50px;}

    .index-slick .text .p2{font-size: 50px;line-height: 60px;}

    .index-slick .text .p3{font-size: 18px;}

    .index-slick .text li strong{font-size: 24px;}

    .index-wrapper .item i{font-size: 30px;}

    .index-wrapper .qt .fl{padding-top: 18px;}

    .index-wrapper .qt .fl span{font-size: 16px;}

    .index-wrapper .qt .fl p{font-size: 20px;}

    .index-wrapper .qt .zx-btn{line-height: 100px;}

    .index-wrapper:after{height: 100px;}

    .index-wrapper .item{line-height: 64px;}

    .index-goods .content{margin-left: 34%;}

    .news-list li a{width: 76%;}

    .link-box ul{width: 77%;}

    .play-btn{width: 178px;height: 140px;padding-top: 40px;top: -40px;}

    .about-con{padding: 25px 20px 32px 160px;}

    .about-tit h2{font-size: 30px;line-height: 40px;}

    .num-ul li{padding-left: 20px;}

    .num-ul li strong{font-size: 50px;}

    .num-ul li p{font-size: 16px;}

    .about-box1 .num-ul li:nth-of-type(1){padding-right: 10px;}

    .about-box1 .col-r{width: 39%;}

    .about-box1 .col-l p{padding: 0 40px 0 36px;}

    .about-box1{margin-bottom: 140px;}

    .about-box2 .num-ul li:nth-of-type(1){padding-left: 80px;}

    .about-pro li{width: 152px;height: 175px;}

    .about-pro li .pic img{width: 48%;}

    .about-pro li.pro1 img{width: 80%}

    .about-pro li.pro2 img{width: 58%;}

    .about-pro li.pro3 img{width: 38%;}

    .about-pro li.pro4 img{width: 54%;}

    .about-pro li.pro5 img{width: 68%;}

    .about-pro li.pro1{padding-top: 32px;}

    .about-pro li.pro2{padding-top: 28px;}

    .about-pro li.pro3{padding-top: 28px;}

    .about-pro li.pro5{padding-top: 42px;}

    .about-pro li.pro4{margin-left: 86px;padding-top: 36px;}

    .about-pro li.pro4, .about-pro li.pro5{margin-top: -26px;}

    .text-ul li.txt strong{font-size: 24px;line-height: 34px;margin-bottom: 0;}

    .text-ul li.txt p{font-size: 14px;}

    .text-ul .btn-online{font-size: 14px;line-height: 26px;}

    .pro-tel{font-size: 16px;margin: -38px 15px 40px;}

    .fw-top .wrap:after{display: none;}

    .fw-three:after{-webkit-background-size: 58% 100%;-moz-background-size: 58% 100%;-ms-background-size: 58% 100%;-o-background-size: 58% 100%;background-size: 58% 100%;}

    .fw-three .col-r span{font-size: 26px;}

    .fw-three .col-r span i{font-size: 42px;}

    .show-msg .wrap:after{display: none;}

    .msg-content .col-r{padding-right: 5%;}

    .msg-btn p{font-size: 16px;padding-left: 0;}

    .msg-btn input{width: 140px;}

    .pro-wrapper:after{width: 420px;}

    .pro-inner .col-img{width: 52%;}

    .pro-inner .col-text{width: 48%;padding-left: 20px;padding-bottom: 20px;}

    .col-text .get-price{width: 120px;}

    .col-text .get-qt{margin-left: 10px;}

    .pro-inner .col-text .info:nth-of-type(2){margin-bottom: 18px;}

    .pro-inner .col-text .info:nth-of-type(1){margin-bottom: 16px;}

    .pro-inner .col-text h1{font-size: 32px;margin-bottom: 18px;}

    .detail-nav li a{line-height: 58px;}

    .new-pro .text .grid span:nth-of-type(2){font-size: 16px;}

    .new-pro .text .grid span:nth-of-type(2) strong em{font-size: 20px;}

    .new-pro .text .grid span:nth-of-type(1){font-size: 16px;}

    .lx-left{width: 462px;}

    .lx-right{width: 420px;}

    .lx-right form{padding: 30px 20px 40px;}

    .case-wrapper .case-lc{width: 168px;right: 4%;}

    .case-wrapper .case-lc li{margin-bottom: 12px;}

    .case-mian{position: relative;width: 128%;}

    .case-qt{padding: 90px 0 10px;}

    .case-qt p{padding-right: 230px;}

    .btn-price:after{right: 6px;}

    .lx-left{margin-top: 0;}

    .lx-left .p1{margin-bottom: 5px;}

    .lx-left .p2 strong{font-size: 20px}

    .lx-left>strong{font-size: 32px;}

    .lx-left .p1{font-size: 14px;line-height: 24px;}

    .lx-left .p2{margin-bottom: 0;}

    .lx-left .p3,.lx-left .p2{font-size: 14px;}

    .lx-left .p3 span{font-size: 16px;}

    .fw-ul li img{margin-right: 5px;}

    .contact-box .text:before{left: -35px;}

    .fw-ul li{padding: 35px 0 32px 10px;}

    .fw-ul li .con p{font-size: 15px;}

    .base-new .show{padding: 18px 10px;}

    .base-new .show strong{font-size: 20px;margin-right: 4px;}

    .base-new .show em{margin-right: 6px;font-size: 16px;}

}