@font-face {
  font-family: 'puhui';
  font-display: swap;
  src: url('../fonts/webfont.eot'); /* IE9*/
  src: url('../fonts/webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/webfont.woff2') format('woff2'),
  url('../fonts/webfont.woff') format('woff'), /* chrome、firefox */
  url('../fonts/webfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../fonts/webfont.svg#Alibaba-PuHuiTi-Regular') format('svg'); /* iOS 4.1- */
}
html,body{-webkit-overflow-scrolling:touch; overflow-scrolling:touch; }
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset,figure,figcaption, table, th, td img{margin:0; padding:0; } 
a, abbr, acronym, address, big, blockquote, body, caption, cite, code, dd, dl, dt, fieldset, form, h1,time, h2, h3, h4, h5, h6, html, img, ins, kbd, label, legend, li, ol, p, pre, q, s, samp, small, span, strike, strong, ul {margin:0; padding:0; border:0; outline:0; vertical-align:baseline; }
body{font-family:"puhui",微软雅黑,"Arial","sans-seift";font-size:14px; text-align:left; margin:0 auto; line-height:24px; background:#fff; color:#333; font-weight:normal; overflow-x:hidden;    -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block; }
h1,h2,h3,h4,h5,h6{font-size:100%; padding:5px 0}
a{color:#333; text-decoration:none;cursor: pointer}
a:hover{text-decoration:none;}
a:link,a:active,a:visited,a:hover {background:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent; }
img {max-width: 100%;height: auto;-ms-interpolation-mode: bicubic;border: 0;}
i,em{ font-style: normal;}
li{list-style:none;}
button,input,select,textarea{font-size:100%;}
.clearfix:after{ content: " "; display: block; height: 0px; visibility: hidden; clear:both;}
transition{transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; }
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-touch-callout:none; }
button{ -webkit-border-radius:0px;border-radius:0px; outline:none;}
input{border-radius:0; outline:none; }
input:-ms-clear{display:none; }/*消除 IE10 里面的那个叉号*/
input,textarea{border:0; }
textarea {resize :none; outline:none; }/*去掉提交框右下角箭头*/
img{border:0; vertical-align:middle; }/*让链接里的 img 无边框；清除图片间距*/
ul,li{list-style:none; } 
.wrap{width:1600px;margin:0 auto;  overflow:hidden}
.fl{float: left}
.fr{float: right}
.clearfix {display: inline-table;display: block;zoom: 1}
.clearfix:after {clear: both;content: "";display: block;height: 0;visibility: hidden}
/*nav*/
.header{position: absolute; width: 1760px; left: 0; right: 0; margin: 0 auto;border-radius: 30px; background: #fff; border: 4px solid #df671f; top: 55px; padding: 10px 0;}
.header .logo img{width: 260px;}
.header .nav{margin-left: 120px;margin-top:10px;}
.header .nav ul li{float: left; font-size: 18px;}
.header .nav ul li a{display: block; padding: 10px 35px; transition: .5s; position: relative;}
.header .nav ul li a:before {content:"";width:0;height:2px;background:#df671f;display:block;position:absolute;left:50%;bottom:0px;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);transition:all .3s;}
.header .nav ul li:hover a:before {width:73px;}
.header .top-tel img{float: left;margin-top:15px;}
.header .top-tel p{float: left;font-size: 18px; margin: 25px 0 0 17px;}
.header .top-tel i{font-size: 30px; font-weight: bold; color: #df671f; margin-left: 5px;}
/*about*/
.banner{text-align: center;}
.about-top{background: url(../images/ico15.png) repeat; padding: 80px 0;}
.about-top .wrap{overflow: inherit;}
.about-top .fl{width: 40.5%; margin-top: 90px;}
.about-top h3{color: #242424;font-size: 40px; font-weight: bold; position: relative; margin-bottom: 65px;}
.about-top h3:after{position: absolute;width: 100px; height: 5px; background: #df671f; border-radius: 2px; content: ""; bottom: -30px; left: 0;}
.about-top p{font-size: 16px; line-height: 2;}
.about-top p a{display: block; width: 168px; height: 48px; background: #df671f; text-align: center; line-height: 48px; color: #fff; font-size: 20px; border-radius: 10px; margin-top: 30px; transition: .5s;}
.about-top p a:hover{background: #df3b1e;}
.about-top .fr{float: right;}
.about-top .fr img{border-radius: 10px; -webkit-box-shadow: 2px 4px 15px 0 rgba(30,37,79,0.4); -moz-box-shadow: 2px 4px 15px 0 rgba(30,37,79,0.4); box-shadow: 2px 4px 15px 0 rgba(30,37,79,0.4); }
.about-fenlei{background:#f0f3fa; padding: 60px 0;}
.about-fenlei .wrap{overflow: inherit;}
.about-fenlei h3{color: #3e4355; font-size: 40px; text-align: center;}
.about-fenlei h3:before{content: ""; background: url(../images/ico1a.png) no-repeat; width: 35px; height: 33px; display: inline-block; margin-right: 15px;}
.about-fenlei .tips{font-size: 22px; color: #7781a5; text-align: center; margin-top: 20px;}
.about-fenlei ul{margin-top: 50px;}
.about-fenlei ul li{width: 20%; float: left; padding: 0 25px; }
.about-fenlei ul li a{display: block; background: #fff; text-align: center; padding: 37px 0; border-radius: 15px;box-shadow: 0px 0px 12px #aaa;}
.about-fenlei ul li img{transition: .5s;}
.about-fenlei ul li p{font-size: 20px; font-weight:bold; color: #132d82; margin-top: 15px;}
.about-fenlei ul li:hover a{background: #df671f;}
.about-fenlei ul li:hover img{padding: 15px; background: #fff; border-radius: 5px;}
.about-fenlei ul li:hover p{color: #fff;}
.about-jiangxin{margin-top: 70px; position: relative;}
.about-jiangxin h3{color: #3e4355; font-size: 40px; text-align: center;}
.about-jiangxin h3:before, .about-hezuo h3:before{content: ""; background: url(../images/ico1a.png) no-repeat; width: 35px; height: 33px; display: inline-block; margin-right: 15px;}
.about-jiangxin .row{margin-top: 50px;}
.about-jiangxin .fl, .about-jiangxin .fr{width: 50%;}
.about-jiangxin .fl img, .about-jiangxin .fr img{width: 100%;}
.about-jiangxin .fr img{margin-top: 31px;}
.about-jiangxin .fl p, .about-jiangxin .fr p{width: 100%; height: 207px; background: url(../images/ico15.png) repeat; padding: 50px 130px 50px 50px; font-size: 18px; line-height: 1.9; margin-top: 40px; position: relative;}
.about-jiangxin .fr p{padding: 50px 50px 50px 130px;}
.about-jiangxin .fl p:after, .about-jiangxin .fr p:after{position: absolute; content: ""; background: #df671f; width: 70px; height: 278px;}
.about-jiangxin .fl p:after{right: 0; top: -40px;}
.about-jiangxin .fr p:after{left: 0; top: -40px;}
.about-jiangxin .jximg{position: absolute;  top: 344px; left: 45.1%;}
.about-hezuo{text-align: center; margin-top: 70px; margin-bottom: 40px;}
.about-hezuo h3{color: #3e4355; font-size: 40px;}
.about-hezuo .tips{font-size: 22px; color: #555; margin-top: 25px;}
.about-hezuo img{margin-top: 40px;}
/*product*/
.subbanner{height: 763px; background: url(../images/p6.jpg) center center no-repeat;}
.subbanner h2{position: relative; top: 267px; color: #fff; font-size: 55px; text-align: center; z-index: 999;}
.subbanner h2:before{position: absolute; left: 0; right: 0; top: -28px; text-align: center; color: rgba(139,157,190,0.26); font-size: 90px;}
.subbanner h2:after{position: absolute; left: 0; right: 0; bottom: -43px; margin: 0 auto;width: 230px; height: 5px; background: #df671f; content: "";}
.product-banner h2:before{content: "PRODUCTS"; z-index: -1;}
.product-banner .position{position: relative; top: 180px;}
.product-banner .position p{font-size: 16px; background: url(../images/ico22.png) no-repeat left center; padding-left: 35px; color: #ccc;}
.product-banner .position p a{color: #ccc;}
.subbanner .wrap{overflow: inherit;}
.subbanner .pro-col{position: relative; top: 320px;padding: 43px 0;}
.subbanner .pro-col li{float: left; width: 20%; text-align: center; padding: 20px 0; transition: .5s;}
.subbanner .pro-col li:hover{transform: scale(0.9);}
.subbanner .pro-col li img{text-align: center;width: 73%}
.subbanner .pro-col li p a{display: block; font-size: 20px; margin-top: 10px; color: #fff;}
.subbanner .pro-col li.active{}
.product-index-content .wrap{overflow: inherit;}
/*.product-index-content .list{background:url(../images/bg1_04.jpg) no-repeat center center; padding: 70px 0;}*/
.product-index-content .list{padding: 70px 0;}
.product-index-content .list-t{ background: #edf1f7 url(../images/ico15.png) repeat; padding: 50px 0;}
.product-index-content .list h3{text-align: center;color: #3e4355; font-size: 40px;}
.product-index-content .list h3 a{color: #3e4355;}
.product-index-content .list h3:before{content: ""; background: url(../images/ico1a.png) no-repeat; width: 35px; height: 35px; display: inline-block; margin-right: 15px;}
.product-index-content .list h3 span a{float: right; display: block; width: 123px; height: 30px; margin-top: 3px; border: 1px dashed #ec6941; border-radius: 10px; text-align: center; line-height: 28px; font-size: 16px; font-weight: normal;}
.product-index-content .list-t h3 a, .product-index-content .list-t h3{color: #3e4355;}
.product-index-content .list ul{margin-top: 45px;}
.product-index-content .list ul li{width: 25%; float: left; padding: 0 25px;}
.product-index-content .list ul li img{width: 100%;-webkit-box-shadow: 2px 4px 15px 0 rgba(30,37,79,0.4); -moz-box-shadow: 2px 4px 15px 0 rgba(30,37,79,0.4); box-shadow: 2px 4px 15px 0 rgba(30,37,79,0.4); border-top-left-radius: 10px; border-top-right-radius: 10px;}
.product-index-content .list ul li .box{padding: 20px 25px; background: #fff;-webkit-box-shadow: 2px 4px 15px 0 rgba(30,37,79,0.4); -moz-box-shadow: 2px 4px 15px 0 rgba(30,37,79,0.4); box-shadow: 2px 4px 15px 0 rgba(30,37,79,0.4); position: relative; z-index: 999; transition: .5s; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.product-index-content .list ul li .box p.tt{font-size: 22px; display: block; font-weight: bold; margin-bottom: 15px;}
.product-index-content .list ul li .box p.tt a{color: #3e4355;display: block; transition: .5s;}
.product-index-content .list ul li:hover .box p.tt a{color: #df671f;}
.product-index-content .list ul li .box p.info{color: #242424; font-size: 16px; line-height: 30px;}
.product-index-content .list ul li .box p.info:before{width: 19px; height: 19px;display: inline-block; content: ""; margin-right: 10px; position: relative; top: 4px;}
.product-index-content .list ul li .box p.info:nth-child(2):before{ background: url(../images/ico58.png) no-repeat; }
.product-index-content .list ul li .box p.info:nth-child(3):before{ background: url(../images/ico57.png) no-repeat; }
.product-index-content .list ul li:hover .box{background: #f0f3fa;}
.product-index-content .panone{padding-top: 10px;}
.product-index-content .panone li{margin-bottom: 50px;}
.pro-banner{background: url(../images/p6.jpg) no-repeat center center; height: 870px; background-size: cover;}
.pro-banner .wrap{padding-top: 185px; overflow: inherit;}
.pro-banner .position p{font-size: 16px; background: url(../images/ico28.png) no-repeat left center; padding-left: 35px; color: #fff;}
.pro-banner .position p a{color: #fff;}
.pro-banner .row{margin-top: 50px;}
.pro-banner .fl{width: 700px; height: 525px; position: relative;}
/*.pro-banner .fl:before{position: absolute; width: 920px; height: 1px; background: #31465a;top:265px; left:-110px; content: ""; z-index: 1;transform:rotate(-37deg);-ms-transform:rotate(-37deg);-moz-transform:rotate(-37deg);-webkit-transform:rotate(-37deg); -o-transform:rotate(-37deg);}*/
.pro-banner .fl:after{position: absolute; width: 700px; height: 525px; background: #929292; right: -10px; top: 10px; content: ""; z-index: 1;}
.pro-banner .fl img{width: 100%; position: relative; z-index: 2;}
.pro-banner .fr{width: 49.2%;}
.pro-banner h1{font-size: 50px; color: #fff; line-height: 1.4;}
.pro-banner .desc{font-size: 16px; line-height: 1.9; color: #c5c5c5; text-indent: 2em; background: url(../images/ico23.png) no-repeat 0 2px; margin-top: 20px;}
.pro-banner .info{margin-top: 34px;}
.pro-banner .info p{width: 200px; text-align: center; float: left; background: rgba(87,104,130,0.46); padding: 20px 0; border-radius: 10px; margin-right: 20px;}
.pro-banner .info p i{display: block; font-size: 16px; color: #c5c5c5; margin-top: 15px;}
.pro-banner .info p span{display: block; font-size: 22px; color: #fff; font-weight: bold; margin-top: 10px;}
.scxinfo{margin-top: 34px;}
.scxinfo p{margin-top: 34px;background: rgba(87,104,130,0.46); padding: 12px 0 10px 0; color: #eee;font-size: 18px; border-radius: 10px;}
.scxinfo p img{margin-left: 20px; margin-right: 10px; position: relative; top: -2px; width: 20px;}
.scxinfo p i{color: #c2d7e8;}
.scxinfo p span{ font-weight: bold; color: #e1f4ff;}
.pro-banner .wuliao{font-size: 16px; color: #c5c5c5; margin-top: 35px;}
.pro-banner .lxinfo{margin-top: 40px;}
.pro-banner .lxinfo p{float: left;}
.pro-banner .pro-tel{font-size: 15px; color: #c5c5c5; background: url(../images/ico26ac.png) no-repeat 0 5px; background-size: 65px;padding-left: 83px;}
.pro-banner .pro-tel i{font-size: 30px; font-weight: bold; color: #fff; display: block; margin-top: 5px;}
.pro-banner .click a{display: block; width: 216px; height: 53px; background: url(../images/ico27.png) no-repeat; color: #fff; font-size:20px; font-weight:bold; line-height: 40px; padding-left: 64px; margin-top: 10px; margin-left: 40px;}
.pro-banner .click a:hover{position: relative; top: 5px; left: 5px;}
.pro-nav{margin-top: 50px;}
.pro-nav ul{background: #ebf2fb; border: 1px solid #bfcfe5; border-radius: 15px; padding: 13px 0;}
.pro-nav ul li{float: left; width: 20%; text-align: center; position: relative;}
.pro-nav ul li a{display: block;}
.pro-nav ul li p{font-size: 18px; margin-top: 10px; color: #000;}
/*.pro-nav ul li:first-child:after{position: absolute; width: 125px; height: 3px; background: #e57a1a; content: ""; left: 0; right: 0; bottom: -17px; margin: 0 auto;}*/
.pro-nav ul li:hover:after{position: absolute; width: 125px; height: 3px; background: #e57a1a; content: ""; left: 0; right: 0; bottom: -16px; margin: 0 auto;}
.pro-nav ul li.bt:hover:after{bottom: -14px;}
.pro-content{margin-top: 20px; padding-bottom: 60px;}
.pro-content .wrap{overflow: inherit; }
.anli-content-right .wrap{overflow: inherit;}
.pro-content .fl{width: 70.18%; overflow: hidden;}
.pro-content .fl p a{color:#ff3d3d;}
.pro-content .fl h2{font-size: 30px; color: #3e4355;padding-left: 40px; position:relative;padding-top: 100px; margin-top: -65px;}
.pro-content .fl h2:before{ position: absolute;content: ""; background: url(../images/ico1.png) no-repeat; width: 34px; height: 29px; background-size: 26px; left: 0; bottom: -3px; margin-right: 8px;}
.pronavfix ul{position:fixed; top:0; margin-top:0; left:0; right:0; z-index:9999;}
.pro-content .fl .video{text-align: center;}
.pro-content .fl video{width: 800px; margin-bottom: 15px;}
.pro-content .fl .box p{line-height: 30px; font-size: 16px; color: #053047; padding: 10px 0;}
.pro-content .fl .box video{margin-top: 10px;}
.pro-content .fl .box blockquote{text-align: center; color: #777; margin-bottom: 10px;}
.pro-content .fl .box p img{max-width: 100%;margin:20px auto;display: inherit;}
.pro-content h3{background: url(../images/ico35.png) no-repeat; height: 46px; position: relative; margin: 20px 0;}
.pro-content h3 em{font-size: 20px; height: 51px; background: url(../images/ico36.png) repeat-x; color: #fff; display: inline-block; padding: 0 20px 0 45px; line-height: 43px; position: relative; top: -5px; left: 20px; z-index: -1;}
.pro-content h3 em:after{position: absolute;width: 4px; height: 42px; background: #b7dfff; right: -4px; top: 4px; content: "";}
.pro-content .youshi{margin-bottom:20px;}
.pro-content .canshubiao{margin-top:20px;}
.pro-content table{width: 100%; text-align: center; border-spacing:0px; border-collapse:collapse; background:#fff; border-bottom:1px solid #ddd; margin-bottom:15px;}
.pro-content tr:first-child{ background:#df671f; height:60px; line-height:60px;color: #fff;}
.pro-content tr:nth-child(2n+3){background:#f5f5f5;}
.pro-content .bhead{background-image: linear-gradient(90deg,#2d68bf 3%,#0b296d 100%); background:#00479D; color: #fff}
.pro-content tr.odd{background: #f5f5f5; color: #333;}
.pro-content tr.even{background: none;}
.pro-content td.even{background: #fff;}
.pro-content table td{line-height:46px;}
.pro-content tr{ border:1px solid #ddd;}
.pro-content .fr.frcontent{width: 22.1%; background:url(../images/ico15.png) repeat; margin-top: 80px; margin-bottom: 40px; -webkit-box-shadow: 2px 4px 15px 0 rgba(30,37,79,0.4); -moz-box-shadow: 2px 4px 15px 0 rgba(30,37,79,0.4); box-shadow: 2px 4px 15px 0 rgba(30,37,79,0.4);}
.pro-content .fr.frcontent .tt{padding: 0 35px;margin-top: -31px;}
.pro-content .fr.frcontent h2{font-size: 26px; color: #fff; text-align: center; padding: 17px 0 15px 0; border-radius: 10px; background: #df671f;}
.pro-content .fr.frcontent h2 img{display: inline-block; margin-right: 23px; position: relative; top: -3px;}
.pro-content .fr.frcontent ul{padding: 20px 20px;}
.pro-content .fr.frcontent ul li{margin-top: 20px;}
.pro-content .fr.frcontent ul li p{background: #f0f3fa; line-height: 1.6; font-size: 16px; padding: 10px 10px; text-align: center; transition: .5s;}
.pro-content .fr.frcontent ul li p a{transition: .5s;}
.pro-content .fr.frcontent ul li:hover p{background: #4f5f88;}
.pro-content .fr.frcontent ul li:hover p a{color: #fff;}
.pro-tuijian{background: url(../images/ico2.png) repeat; padding: 30px 0 60px 0; margin-top: 40px;}
.pro-tuijian .wrap{overflow: inherit;}
.pro-tuijian h2{font-size: 30px; color: #3e4355; position: relative; padding-left: 40px; padding-top:100px; margin-top:-100px;}
.pro-tuijian h2:before{ position: absolute;content: ""; background: url(../images/ico1a.png) no-repeat; width: 34px; height: 29px; background-size: 26px; left: 0; bottom: -3px; margin-right: 8px;}
.pro-tuijian ul{margin-top: 10px;}
.pro-tuijian ul li{margin-top: 20px; float: left; width: 25%;  padding: 0 20px;}
.pro-tuijian ul li img{-webkit-box-shadow: 2px 4px 15px 0 rgba(30,37,79,0.4); -moz-box-shadow: 2px 4px 15px 0 rgba(30,37,79,0.4); box-shadow: 2px 4px 15px 0 rgba(30,37,79,0.4);}
.pro-tuijian ul li p{background: #fff; line-height: 1.6; font-size: 16px; padding: 15px 10px; text-align: center;-webkit-box-shadow: 2px 4px 15px 0 rgba(30,37,79,0.4); -moz-box-shadow: 2px 4px 15px 0 rgba(30,37,79,0.4); box-shadow: 2px 4px 15px 0 rgba(30,37,79,0.4); position: relative; z-index: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: .5s;}
.pro-tuijian ul li:hover p{background: #df671f;}
.pro-tuijian ul li:hover a{color: #fff;}
.pro-tuijian ul li a{display: block; transition: .5s;}
/*solution*/
.solutionbanner{ height: 646px;background: url(../images/p10.jpg) no-repeat center center;}
.casebanner{background: url(../images/p11.jpg) no-repeat center center;}
.solutionbanner h2{position: relative; top: 267px; color: #fff; font-size: 55px; text-align: center; z-index: 999;}
.solutionbanner h2:before{position: absolute; left: 0; right: 0; top: -28px; text-align: center; color: rgba(139,157,190,0.26); font-size: 90px;}
.solutionbanner h2:after{position: absolute; left: 0; right: 0; bottom: -43px; margin: 0 auto;width: 155px; height: 5px; background: #df671f; content: "";}
.solutionbanner h2:before{content: "SOLUTIONS"; z-index: -1;}
.casebanner h2:before{content: "CASES";}
.solutionbanner .tips{font-size: 24px;color: #c5c5c5; text-align: center;margin-top: 360px;}
.solutionbanner .click a{display: block; width: 269px; height: 53px; line-height: 46px;border: 3px solid #fff; background: #df671f; font-size: 24px; font-weight: bold; text-align: center; margin: 0 auto; color: #fff; border-radius: 10px; margin-top: 60px;}
.solutionbanner .click:hover a{background: #d36115;}
.solutionbanner .position{position: relative; top: 180px;}
.solutionbanner .position p{font-size: 16px; background: url(../images/ico22.png) no-repeat left center; padding-left: 35px; color: #ccc;}
.solutionbanner .position p a{color: #ccc;}
/*.solution-list{background: url(../images/bg1_04.jpg) no-repeat center center; padding-top: 45px;}*/
.solution-list{padding-top: 45px;}
.solution-list .wrap{overflow: inherit;}
.solution-list .list{margin-bottom: 60px;}
.solution-list .list h3{text-align: left;color: #3e4355; font-size: 34px;}
.solution-list .list h3 a{color: #3e4355;}
.solution-list .list h3:before{content: ""; background: url(../images/ico1a.png) no-repeat; width: 35px; height: 33px;position: relative; top: 3px; display: inline-block; margin-right: 15px;}
.solution-list .list h3 span a{float: right; display: block; width: 123px; height: 30px; margin-top: 3px; border: 1px dashed #ec6941; border-radius: 10px; text-align: center; line-height: 28px; font-size: 16px; font-weight: normal;}
.solution-list .list ul{margin-top: 30px;}
.solution-list .list ul li{width: 25%; float: left; padding: 0 20px; }
.solution-list .list ul li img{width: 100%;-webkit-box-shadow: 2px 4px 10px 0 rgba(22,35,67,0.2); -moz-box-shadow: 2px 4px 10px 0 rgba(22,35,67,0.2); box-shadow: 2px 4px 10px 0 rgba(22,35,67,0.2); border-top-left-radius: 10px; border-top-right-radius: 10px;}
.solution-list .list ul li p{background: #f7faff url(../images/ico15.png) repeat; line-height: 50px;-webkit-box-shadow: 2px 4px 10px 0 rgba(22,35,67,0.2); -moz-box-shadow: 2px 4px 10px 0 rgba(22,35,67,0.2); box-shadow: 2px 4px 10px 0 rgba(22,35,67,0.2); position: relative; z-index: 999; transition: .5s; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.solution-list .list ul li p a{display: block; background:url(../images/ico21.png) no-repeat left center; font-size: 18px; color: #3e4355; font-weight: bold;padding-left: 33px; margin-left: 20px; transition: .5s;}
.solution-list .list ul li:hover p{background: #4f5f88;}
.solution-list .list ul li:hover p a{color: #fff;}
.solution-list .list.wuliao dl dt{font-size: 20px; font-weight: bold; margin: 30px 0 15px 0;}
.solution-list .list.wuliao dl dt a{color: #3e4355;}
.solution-list .list.wuliao dl dd{float: left; margin-right: 10px; margin-top: 5px; cursor: pointer;}
.solution-list .list.wuliao dl dd a{display: block; font-size: 16px; padding: 5px 10px; background: #f0f3fa; border-radius: 5px}
.solution-list .list.wuliao dl dd:hover a{background: #df671f; color:#fff;}
.solution-list .list.anli ul li img, .solution-list .list.anli ul li p{box-shadow: none;-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none}
.solution-list .list.anli ul li a{-webkit-box-shadow: 2px 4px 10px 0 rgba(22,35,67,0.2); -moz-box-shadow: 2px 4px 10px 0 rgba(22,35,67,0.2); box-shadow: 2px 4px 10px 0 rgba(22,35,67,0.2); display: block; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.solution-list .list.anli ul li p{background: none;}
.solution-list .list.anli ul li p.tt{ background:#3d4c61; font-size: 18px;color: #fff; font-weight: bold; padding:0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-radius: 0;}
.solution-list .list.anli ul li p.tt i{display: block; background:url(../images/ico21.png) no-repeat left center;padding-left: 28px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.solution-list .list.anli ul li .info{padding: 15px 20px 10px 20px; transition: .5s;}
.solution-list .list.anli ul li .info p{line-height: 1.9; font-size: 16px; height: auto; margin-bottom: 5px; color: #454a5a;}
.solution-list .list.anli ul li .info p:last-child{overflow: hidden;}
.solution-list .list.anli ul li .info p i{color: #b7320a;}
.solution-list .list.anli ul li .info img{width: 18px; display: inline-block; position: relative; top: -3px; margin-right: 10px;}
.solution-list .list.anli ul li:hover p.tt{background: #4f5f88; color: #fff;}
.solution-list .position{background:#f0f3fa; padding: 10px 0; border-bottom: 1px solid #d3dcf0;}
.solution-list .position p{font-size: 16px; background: url(../images/ico22.png) no-repeat left center; padding-left: 35px; color: #555;}
.solution-list .position p a{color: #555;}
.solution-list.case-list{padding-top: 0;}
.solution-list.case-list .list ul li{margin: 20px 0;}
.solution-list.case-list.paddinglist .list ul li{padding: 0 25px; margin: 25px 0;}
.solution-list.case-list.paddinglist .list ul li p.tt{font-size: 20px;}
.solution-list .fanye{margin-bottom: 50px;}
.wuliao-index .list ul li{width: 20%; margin-bottom: 40px;}
.fanye ul li{float: left; margin-left: 4px; font-size: 16px;}
.fanye ul li a{display: block; padding: 3px 10px; text-align: center; border: 1px solid #ddd;border-radius: 3px;}
.fanye ul li.cur a{background: #4f5f88; color: #fff;}
.fanye ul li:hover a{background: #4f5f88; color: #fff;}
.fanye ul li.active span{display: block; padding: 3px 10px; background: #4f5f88; color: #fff; border-radius: 3px;}
.fanye ul li.disabled span{display: block; padding: 3px 10px;}
.anlicon-banner{background: url(../images/p12.jpg) no-repeat center center; background-size: cover;}
.pro-content .fankui{background: #f4f4f4; padding: 45px 45px 35px 45px; font-size: 16px; line-height: 1.9; position: relative;margin-top: 70px; color: #053047;}
.pro-content .fankui h2{padding-left:0;padding-top:0;width: 150px; height: 48px; font-size: 28px; color: #fff; position: absolute; left: 0; right: 0; margin: 0 auto;top: -24px; background: #df671f; text-align: center; line-height: 40px;}
.pro-content .fankui h2:before{display:none;}
.pro-content .liuyan{background: url(../images/p28.jpg) no-repeat; background-size: cover;padding: 40px; margin-top: 60px; padding-bottom: 20px;}
.pro-content .liuyan .tt img{display: inline-block; margin-right: 20px; position: relative; top: -2px;}
.pro-content .liuyan .tt{font-size: 36px; }
.pro-content .liuyan .tt i{display: block; font-size: 16px; margin-left: 0px; margin-top: 15px;}
.pro-content .liuyan .fl{width: 50%; padding-bottom: 15px;}
.pro-content .liuyan form{margin-top: 30px;}
.pro-content .liuyan input{display: block; width: 90%; height: 48px; margin-top: 24px; background: #fff; border: 1px solid #6082d9; border-radius: 10px; padding-left: 40px;}
.pro-content .liuyan .name{background:#fff url(../images/ico39.png) no-repeat 10px 10px;}
.pro-content .liuyan .tel{background:#fff url(../images/ico40.png) no-repeat 12px 10px;}
.pro-content .liuyan textarea{height: 110px; width: 90%; border: 1px solid #6082d9; border-radius: 10px; padding-left: 40px; padding-top: 12px; margin-top: 24px;background:#fff url(../images/ico41.png) no-repeat 12px 10px;}
.pro-content .liuyan .tijiao{width: 200px; background: #1375ff; padding-left: 0; color: #fff; font-size: 18px; font-weight: bold; cursor: pointer;}
.pro-content .liuyan .fr{margin-top: 31px; margin-right: 50px;}
/*news*/
.newsbanner{background: url(../images/p13.jpg) no-repeat center center; height: 545px;}
.newsbanner .position{position: relative; top: 180px;}
.newsbanner .position p{font-size: 16px; background: url(../images/ico22.png) no-repeat left center; padding-left: 35px; color: #ccc;}
.newsbanner .position p a{color: #ccc;}
.newsbanner .xinwen{position: relative; top: 297px; color: #fff; font-size: 55px; text-align: center;z-index: 1;font-weight:bold;}
.newsbanner .xinwen:before{position: absolute; left: 0; right: 0; top: -28px; text-align: center; color: rgba(139,157,190,0.26); font-size: 90px;content: "SHIBO NEWS"; z-index: -1;}
.newsbanner h2{position: relative; top: 297px; color: #fff; font-size: 55px; text-align: center;z-index: 1;font-weight:bold;}
.newsbanner h2:before{position: absolute; left: 0; right: 0; top: -28px; text-align: center; color: rgba(139,157,190,0.26); font-size: 90px;content: "SHIBO NEWS"; z-index: -1;}
.wuliao-article .xinwen:before{content: "MATERIALS";}
.newsbanner h2:after{position: absolute; left: 0; right: 0; bottom: -43px; margin: 0 auto;width: 155px; height: 5px; background: #df671f; content: "";}
.news-index{margin-top: 30px;}
.news-index h3{font-size: 36px; color: #3e4355;}
.news-index h3:before{content: ""; background: url(../images/ico48.png) no-repeat; width: 45px; height: 45px;position: relative; top: 8px; display: inline-block; margin-right: 10px; background-size: cover;}
.news-index h3.small:before{width: 40px; height: 40px;position: relative; top: 8px;margin-right: 5px;}
.news-index h3 a{float: right; display: block; width: 123px; height: 30px; margin-top: 17px; border: 1px dashed #ec6941; border-radius: 10px; text-align: center; line-height: 28px; font-size: 16px; font-weight: normal;}
.news-index .seciton1 .content{background: url(../images/ico15.png) repeat; padding: 40px 0 60px 0; margin-top: 30px;}
.news-index .seciton1 .wrap{overflow: inherit;}
.news-index .seciton1 h3{padding: 0 30px;}
.news-index .seciton1 .content ul{}
.news-index .seciton1 .content .hotlist ul li{width: 26.333%; margin: 0 3.5%; float: left; position: relative; box-shadow: 0px 0px 12px #aaa;border-radius: 10px;}
.news-index .seciton1 .content .hotlist ul li img{border-radius: 10px;}
.news-index .seciton1 .content .hotlist ul li .box{position: absolute; bottom: -40px; left: 30px; border-radius: 10px; box-shadow: 0px 0px 12px #aaa; width: 100%; background: #f1f7ff; padding: 15px 30px; line-height: 1.7; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: .5s;}
.news-index .seciton1 .content .hotlist ul li .box p.tt{font-size: 18px; font-weight:bold; color: #3e4355;}
.news-index .seciton1 .content .hotlist ul li .box p.date{margin-top: 10px;}
.news-index .seciton1 .content .hotlist ul li .box p.date:before{width: 18px; height: 18px; content: ""; background: url(../images/ico8_05.png) no-repeat; display: inline-block; margin-right: 10px; position: relative; top: 3px; background-size: cover;}
.news-index .seciton1 .content .hotlist ul li:after{position: absolute; top: 0; right: 0; width: 45px; height: 23px; background: url(../images/hot.png) no-repeat; content: ""}
.news-index .seciton1 .content .hotlist ul li:hover .box{margin-left: 10px;}
.news-index .seciton1 .content .more{margin-top: 70px;}
.news-index .seciton1 .content .more ul li{float: left;width: 26.333%; margin: 0 3.5%; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 15px; border-bottom: 1px dashed #ddd; padding-bottom: 15px;}
.news-index .seciton1 .content .more ul li a{display: inline-block;}
.news-index .seciton1 .content .more ul li:before{width: 16px; height: 18px; border-radius: 50%; content: ""; background:url(../images/ico21.png); background-size: cover; display: inline-block; margin-right: 10px; position: relative; top: 4px;}
.news-index .row{margin-top: 100px;}
.news-index .js_tab2{width:50%; margin: 0 auto; background: #fff; padding: 20px 10px;}
.news-index .js_tab2 p{float: left; width: 25%;font-size: 24px; color: #3e4355; text-align: center; border-radius: 8px;line-height: 40px; cursor: pointer; margin-bottom: 20px;}
.news-index .js_tab2 p.active{position: relative;background: #f14918;background-image: linear-gradient(to bottom,#ff7e00, #d62926); color: #fff;}
.news-index .js_tab2 p.active a{color: #fff;}
.news-index .right{width: 100%; background: #fff; padding: 40px 5px 20px 5px; box-shadow: 0px 0px 12px #ccc; border-radius: 15px;}
.news-index .js_tab_detail2 .top .list{width: 45%; float: left; margin: 0 2.5%;}
.news-index .js_tab_detail2 .top .img{width: 230px;height: 155px;float: left;}
.news-index .js_tab_detail2 .top .img img{border-radius: 5px;}
.news-index .js_tab_detail2 .top .r{width: 450px; float: right;}
.news-index .js_tab_detail2 .top .r .tt{height: 52px; margin-top: 8px;}
.news-index .js_tab_detail2 .top .r .tt a{color: #020746;font-size: 18px; font-weight: bold;}
.news-index .js_tab_detail2 .top .r .desc{margin-top: 10px; color: #888aa1; height: 48px; overflow: hidden;}
.news-index .js_tab_detail2 .top .r .date{color: #888aa1;}
.news-index .js_tab_detail2 .top .r .date:before{width: 17px; height: 17px; background: url(../images/ico42.png) no-repeat; background-size: cover; display: inline-block; content: ""; margin-right: 6px; position:relative; top: 3px; margin-top: 10px;}
.news-index .js_tab_detail2 ul{margin-top: 20px;}
.news-index .js_tab_detail2 ul li{width: 45%; float: left; margin: 10px 2.5%; border-bottom: 1px dashed #e1e5f9; padding-bottom: 15px;}
.news-index .js_tab_detail2 ul li:nth-child(11){border-bottom: none;}
.news-index .js_tab_detail2 ul li:nth-child(12){border-bottom: none;}
.news-index .js_tab_detail2 ul li a{width: 80%; display: inline-block; font-size: 17px; color: #020746; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news-index .js_tab_detail2 ul li a:hover{color:#df671f;}
.news-index .js_tab_detail2 ul li a:before{background: url(../images/ico38.png) no-repeat; width: 20px; height: 20px; content: ""; display: inline-block; background-size: cover; margin-right: 10px; position: relative; top: 5px;}
.news-index .js_tab_detail2 ul li i{text-align: right; color: #999;}
.news-list .position{background:#f0f3fa; padding: 10px 0; border-bottom: 1px solid #d3dcf0;}
.news-list .position p{font-size: 15px; background: url(../images/ico22.png) no-repeat left center; padding-left: 35px; color: #555;}
.news-list .position p a{color: #555;}
.news-list .list{margin-top: 30px;}
.news-list .list li{width: 45%; float: left; margin: 15px 2.5%;}
.news-list .list li .data{width: 13%; padding: 20px 0; background: #4f5f88; color: #fff; text-align: center; border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.news-list .list li .data i{font-size: 30px; font-weight: bold; display: block;}
.news-list .list li .data span{display: block; font-size: 16px; margin-top: 15px;}
.news-list .list li .box{width: 87%; background: #f4f4f4; height: 103px; padding: 15px 30px;}
.news-list .list li .box h4{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news-list .list li .box h4 a{font-size: 18px; color: #3e4355; display: block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news-list .list li .box p{margin-top: 5px; color: #666f90; overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.news-list .list li:hover .box{background: #4f5f88;}
.news-list .list li:hover .box h4 a{color: #fff;}
.news-list .list li:hover .box p{color: #eee;}
.news-list .fanye{margin-top: 40px; margin-bottom: 30px; padding-left: 35px;}
.news-container{margin-top: 50px; margin-bottom: 30px;}
.news-container .wrap{overflow: inherit;}
.news-container .fl{width: 70.18%; margin-top:0px;}
.news-container h1{text-align: center; font-size: 34px; color: #3e4355; line-height:1.6;}
.news-container .info{color: #555; text-align: center; margin-top: 30px;}
.news-container .info p{display: inline-block; font-size: 16px;}
.news-container .info a{display: inline-block; font-size: 18px; margin-left: 30px;}
.news-container .info a:before{background:url(../images/ico44.png) no-repeat; width: 25px; height: 25px; content: ""; display: inline-block; position: relative; top: 6px; margin-right: 10px;}
.news-container .news-content-tips{background: #f5f5f5; padding: 30px 0; margin-top: 50px; position: relative;}
.news-container .news-content-tips p{font-size: 18px; color: #df671f; padding-left: 180px;}
.news-container .news-content-tips img.kefu{position: absolute; top: -30px; left: 50px; width: 60px;}
.news-container .news-content-tips a{position: absolute; right: 70px; top: 20px; background: #fb6b20; background-image: linear-gradient(#fb6b20,#cf4914); font-size: 20px; color: #fff; border-radius: 5px; padding: 6px 10px 3px 10px; display: block; transition: .5s;}
.news-container .news-content-tips a:after{display: inline-block; vertical-align: middle; width: 32px; height: 36px; background: url("../images/news-dj.gif") no-repeat; content: ""; background-size: 80%; margin-left: 10px;}
.news-container .news-content-tips a:hover{background: #ff3d3d;}
.news-container .news-flink{box-shadow: 0 0 10px #ddd; padding: 10px 30px; margin-top: 50px; border-radius: 10px;}
.news-container .news-flink p{font-size: 16px; line-height: 1.8;padding: 15px 35px;}
.news-container .news-flink p.pre{background: url("../images/pre-ico.png") no-repeat left center; border-bottom: 1px dashed #ddd;}
.news-container .news-flink p.next{background: url("../images/next-ico.png") no-repeat left center;}
.news-container .news-flink p a:hover{color: #ff3d3d;}
.news-container .news-more{margin-top:60px;}
.news-container .news-more h3{background:url("../images/news-more2.png") no-repeat left center; background-size:30px; font-size:28px; font-weight:bold; padding-left:40px;}
.news-container .news-more ul{margin-top:20px;}
.news-container .news-more ul li{width:50%; float:left; font-size:16px; line-height:1.8; margin-top:20px; border-bottom:1px solid #f1f1f1; padding-bottom:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news-container .news-more ul li a{display:block; padding-left:30px;background:url("../images/news-libg.png") no-repeat left center; background-size:14px;}
.news-container .news-more ul li:hover a{color:#f44144;}
.news-container .content{margin-top: 30px;}
.news-container .content p{ line-height: 1.9; padding: 10px 0; font-size: 16px;}
.news-container .content a{color:#ff3d3d;}
.news-container .content img{max-width: 100%; margin: 10px auto;display: inherit;}
.news-container .content h3{font-size: 22px; margin: 20px 0; color: #3e4355; position:relative; padding-left:40px;}
.news-container .content h3:before{position:absolute;left:0; top:6px; content:""; background: url("../images/ico72.png") no-repeat; width:23px; height:23px; background-size:cover;}
.news-container .content h4{font-size:18px; color: #3e4355; position:relative;}
.news-container .content h4:before{position:absolute;left:0; top:3px; content:""; background: url("../images/ico-h4bg.png") no-repeat; width:30px; height:30px; background-size:cover;}
.news-container .fr{width: 22.4%; margin-top: 40px;}
.news-container .fr .tel{padding: 30px;-webkit-box-shadow: 2px 4px 10px 0 rgba(30,37,79,0.3); -moz-box-shadow: 2px 4px 10px 0 rgba(30,37,79,0.3); box-shadow: 2px 4px 10px 0 rgba(30,37,79,0.3); border-radius: 10px;}
.news-container .fr .tel p{font-size: 18px; }
.news-container .fr .tel p span{background: url(../images/ico46a.png) no-repeat; background-size: 23px; padding-left: 35px;}
.news-container .fr .tel p i{display: block; font-size: 38px; font-weight: bold; color: #fb6b20; margin-top: 25px;}
.news-container .fr .box{ margin-top: 100px; -webkit-box-shadow: 2px 4px 10px 0 rgba(30,37,79,0.3); -moz-box-shadow: 2px 4px 10px 0 rgba(30,37,79,0.3); box-shadow: 2px 4px 10px 0 rgba(30,37,79,0.3); border-radius: 10px;}
.news-container .fr .tt{padding: 0 45px;position: relative; top: -35px;}
.news-container .fr h2{font-size: 26px; color: #333; text-align: center; padding: 17px 0; border-radius: 10px; background: #f5f5f5; border:1px solid #eee;}
.news-container .fr .tt img{margin-right: 15px; position: relative; top: -3px;}
.news-container .fr ul{padding-bottom: 10px; margin-top: -10px;}
.news-container .fr ul li{padding: 0 25px; margin-bottom: 15px;padding-bottom: 15px;}
.news-container .fr ul li:last-child{border-bottom: none; padding-bottom: 0;}
.news-container .fr ul li p a{display: block; text-align: center; background: #f0f3fa; line-height: 1.6; font-size: 16px;  padding: 10px; transition: .5s;}
.news-container .fr ul li:hover p a{background: #4f5f88; color: #fff;}
.wuliao-container .wl-content h3{position: relative; padding-left: 45px; font-size: 24px;}
.wuliao-container .wl-content h3:before{position: absolute;width: 30px; height: 25px; left: 0; top: 3px;background: url("../images/ico1a.png") no-repeat; background-size: cover; content: "";  z-index: 999;}
.wuliao-container .fr ul li{border-bottom: none;}
.wuliao-container .fr ul li p a{display: block; text-align: center; background: #f0f3fa; line-height: 1.6; font-size: 16px;  padding: 10px; transition: .5s;}
.wuliao-container .fr ul li:hover p a{background: #4f5f88; color: #fff;}
.news-container .liuyan{background: url(../images/p28.jpg) no-repeat; background-size: cover; padding: 40px; margin-top: 60px; border-radius: 10px;}
.news-container .liuyan .tt img{display: inline-block; margin-right: 20px; position: relative; top: -2px;}
.news-container .liuyan .tt{font-size: 36px; font-weight: bold;}
.news-container .liuyan .tt i{display: block; font-size: 16px; margin-left: 0; font-weight: normal; margin-top: 15px;}
.news-container .liuyan .fl{width: 50%;}
.news-container .liuyan form{margin-top: 30px;}
.news-container .liuyan input{display: block; width: 90%; height: 48px; margin-top: 24px; background: #fff; border: 1px solid #6082d9; border-radius: 10px; padding-left: 40px;}
.news-container .liuyan .tijiao{width: 200px; background: #1659b9; padding-left: 0; color: #fff; font-size: 18px; font-weight: bold; cursor: pointer;}
.news-container .liuyan .name{background:#fff url(../images/ico39.png) no-repeat 10px 10px;}
.news-container .liuyan .tel{background:#fff url(../images/ico40.png) no-repeat 12px 10px;}
.news-container .liuyan textarea{height: 110px; width: 90%; border: 1px solid #6082d9; border-radius: 10px; padding-left: 40px; padding-top: 12px; margin-top: 24px;background:#fff url(../images/ico41.png) no-repeat 12px 10px;}
.news-container .liuyan .fr{margin-top: 45px; margin-right: 50px;}
.news-container .content table{width: 100%; text-align: center; border-spacing:0px; border-collapse:collapse; background:#fff; border-bottom:1px solid #ddd; margin-bottom:15px;}
.news-container .content tr:first-child{    background-image: linear-gradient(90deg,#2d68bf 3%,#0b296d 100%); background:#00479D; height:60px; line-height:60px;color: #fff;}
.news-container .content tr:nth-child(2n+3){background:#f5f5f5;}
.news-container .content .bhead{background-image: linear-gradient(90deg,#2d68bf 3%,#0b296d 100%);background:#00479D;   color: #fff}
.news-container .content tr.odd{background: #f5f5f5; color: #333;}
.news-container .content tr.even{background: none;}
.news-container .content td.even{background: #fff;}
.news-container .content table td{line-height:46px;}
.news-container .content tr{ border:1px solid #ddd;}
/*contact*/
.contactbanner{background: url(../images/p14a.jpg) no-repeat center center; height: 576px;}
.aboutbanner{background: url(../images/aboutbg.jpg) no-repeat center center; height: 626px;}
.contactbanner h2:before{content: "CONTACT US";}
.aboutbanner h2{top: 330px;}
.aboutbanner h2:before{content: "ABOUT US"}
.aboutbanner .tips{margin-top: 430px;}
.contactbanner .tips{color: #c5c5c5; margin-top: 390px;}
.contactbanner h2{top: 297px;}
.contact-content .lx-info{margin-top: 50px;margin-bottom:50px;}
.contact-content .lx-info ul li{width: 25%; float: left; text-align: center; padding: 0 30px;}
.contact-content .lx-info ul li .box{background: #e7eef7; border-radius: 5px; padding: 25px 0; height: 250px;}
.contact-content .lx-info ul li .box img{width: 80px;}
.contact-content .lx-info ul li .box h4{font-size: 26px; margin-top: 15px; color: #2d3769;}
.contact-content .lx-info ul li .box p{font-size: 18px; line-height: 1.8; margin-top: 15px; color: #000;}
.contact-content .lx-info ul li:nth-child(3) .box p{font-size: 26px; font-weight: bold; color: #ff9150;}
.contact-content .liuyan{background: url(../images/p27.jpg) no-repeat;padding: 55px 100px 60px 100px; margin-top: 60px; margin-bottom: 40px; border-radius: 10px;}
.contact-content .liuyan .tt img{display: inline-block; margin-right: 20px; position: relative; top: -2px;}
.contact-content .liuyan .tt{font-size: 36px; font-weight: bold;}
.contact-content .liuyan .tt i{display: inline-block; font-weight: normal;font-size: 16px; margin-left: 30px;}
.contact-content .liuyan .fl{width: 45%;}
.contact-content .liuyan form{margin-top: 30px;}
.contact-content .liuyan input{display: block; width: 100%; height: 48px; margin-top: 24px; background: #fff; border: 1px solid #6082d9; border-radius: 10px; padding-left: 40px;}
.contact-content .liuyan .name{background:#fff url(../images/ico39.png) no-repeat 10px 10px;}
.contact-content .liuyan .tel{background:#fff url(../images/ico40.png) no-repeat 12px 10px;}
.contact-content .liuyan textarea{height: 110px; width: 100%; border: 1px solid #6082d9; border-radius: 10px; padding-left: 40px; padding-top: 12px; margin-top: 24px;background:#fff url(../images/ico41.png) no-repeat 12px 10px;}
.contact-content .liuyan .tijiao{width: 200px; background: #1375ff; padding-left: 0; color: #fff; font-size: 18px; font-weight: bold; cursor: pointer;}
.contact-content .liuyan .fr{ width: 48%; padding-left: 20px; margin-top: 30px;}
.contact-content .liuyan .fr img{float: left; margin-right: 40px;}
.contact-content .liuyan .fr .info{margin-top: 55px;}
.contact-content .liuyan .fr .info p{font-size: 18px; line-height: 1.8; font-weight: bold; color: #333; margin-top: 10px;}
.map{width: 100%; height: 510px; overflow: hidden; margin-bottom: 50px;}
.map iframe{width: 100%; height: 530px; border: none; overflow: hidden;}
.common-fuwu{background: url(../images/fuwubg.jpg) no-repeat center center; background-size: cover; padding: 50px 0;}
.common-fuwu .wrap{overflow: inherit;}
.common-fuwu h2{text-align: center; font-size: 40px; color: #fff; position: relative; z-index: 999;}
.common-fuwu h2:before{content: ""; background: url(../images/ico1a.png) no-repeat; width: 35px; height: 33px; display: inline-block; margin-right: 15px;}
.common-fuwu h2:after{position: absolute; top: 20px; left: 0; right: 0; margin: 0 auto; text-align: center; font-size: 50px; color: #545555; content: "ZHONGZAISHENG SERICE"; z-index: -1}
.common-fuwu ul{margin-top: 70px;}
.common-fuwu ul li{float: left; width: 20%; text-align: center; }
.common-fuwu ul li img{width: 55%;}
.common-fuwu ul li p{ font-size: 18px;color: #fff; font-weight: bold; line-height: 1.7; margin-top: 15px;}
.footer{background: #242424; padding: 20px 0;}
.footer p{color: #fff; font-size: 16px; line-height: 1.8;}
.footer p a{color: #fff; margin-left: 20px;}
.footer ul{margin-top: 10px;}
.footer ul li{float: left; color: #9e9e9e; margin-right: 10px;}
.footer ul li a{color: #9e9e9e;}
.sidebar{position: fixed; bottom: 20%; right: 10px; z-index: 99999;}
.sidebar .right{background: #fff; box-shadow: 0 0 12px #aaa; border-radius: 10px; padding: 5px 15px 0 15px;}
.sidebar .right .list{text-align: center; border-bottom: 1px solid #ddd; padding-bottom: 15px; margin-top: 20px;}
.sidebar .right .list:last-child{border-bottom: none;}
.sidebar .right .list a{display: block;}
.sidebar .right .list i{display: block; margin-top: 8px;}
.sidebar .right .list:hover i{color: #df671f;}
.sidebar .right .list.tel{position: relative;}
.sidebar .right .tel p{display: none;}
.sidebar .right .tel:hover p{display: block; position: absolute; left: -150px; top: 0; width: 220px; height: 60px; line-height: 60px; color: #df671f; background: #fff; box-shadow: 0 0 12px #aaa; font-size: 22px;font-weight: bold; border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.sidebar #gotop{margin-top: 10px; transition: .5s;display: none;}
.sidebar #gotop a{display: block; text-align: center; background: #fff; box-shadow: 0 0 12px #aaa; padding: 15px 0px; border-radius: 10px;}
@media (max-width: 1600px){
	body{overflow-x: hidden;}
	.wrap{width: 100%; padding: 0 20px;}
	.header{width: 100%; padding: 15px 20px;}
	.news-container .fr .tel p i{font-size: 32px;}
}
@media (max-width: 1515px){
	.header .nav ul li a{padding:10px 25px;}
}
@media (max-width: 1440px){
	.header .logo img{width: 150px;}
	.header .nav ul li{font-size: 16px;}
	.header .nav ul li a{padding: 10px 22px;}
	.header .nav{margin-left: 100px;}
	.about-top .fr{width: 55%;}
	.about-top .fl{margin-top: 50px;}
	.about-jiangxin .jximg{top: 340px; left: 43.5%;}
	.pro-banner .fl{width: 650px; height: auto;}
	.pro-banner .fl:before{display: none;}
	.pro-banner .fl:after{height: 490px;}
	.contact-content .liuyan .fr{width: 51%;}
	.news-index .js_tab_detail2 .top .r{width: 360px;}
	
}
@media (max-width: 1366px){
	.pro-banner{height:auto; padding-bottom:50px;}
	.pro-banner h1{font-size: 35px;}
	.pro-banner .fl{width:45%;}
	.pro-banner .fl:after{display:none;}
	.pro-banner .desc{margin-top: 10px;}
	.pro-banner .desc{font-size: 14px;}
	.pro-banner .info p{width: 155px; padding: 4px 0;}
	.pro-banner .info{margin-top: 20px;}
	.product-index-content .list ul li .box p.info{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	.pro-content .fl{width: 72.5%;}
	.solution-list .list ul li p a{font-size: 16px;}
	.news-container .fr .tel p i{font-size: 30px;}
	.contact-content .liuyan .fr{width: 55%;}
	.contact-content .liuyan .fr img{display: none;}
	.contact-content .liuyan .fr .info p{padding-left: 100px;}
	.news-index .js_tab_detail2 .top .r{width: 325px;}
	.news-index .seciton1 .content .hotlist ul li .box p.tt{font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.news-index .seciton1 .content .more ul li{font-size: 14px;}
	.news-container .news-content-tips p{font-size: 16px; padding-left: 140px;}
	.news-container .news-content-tips a{font-size: 18px;}
}
@media (max-width: 1295px){
	.news-index .js_tab_detail2 ul li a{width:90%;}
	.news-index .js_tab_detail2 ul li i{display:block; text-align:left; margin:5px 0 0 35px;}
}
@media (max-width: 1250px){
	.product-index-content .list ul li .box p.tt{font-size:18px;}
}
@media (max-width: 1225px){
	.header .nav ul li{font-size:15px;}
	.header .nav ul li a{padding:10px 20px;}
	.pro-banner .pro-tel{background-size:50px; padding-left:60px;}
	.pro-banner .pro-tel i{font-size:22px; margin-top:0;}
	.pro-banner .click a{font-size:18px; width:190px;}
	.pro-banner .info img{display:none;}
	.pro-banner .info p i{margin-top:5px;}
	.pro-banner .info p span{font-size:18px; margin-top:5px;}
	.news-container .news-more ul li{width:100%;}
}
@media (max-width: 1180px){
	.header .nav{margin-left:50px;}
	.product-index-content .list ul li{width:33%;}
}
@media (max-width: 1125px){
	.header .nav{margin-left:30px;}
	.header .top-tel img{width:30px; position:relative; top:10px;}
	.header .top-tel i{font-size:22px;}
	.product-index-content .list ul li{width:33%;}
	.pro-content .fr.frcontent h3{font-size:20px;}
	.news-list .list li{width:100%; margin:15px 0;}
}
@media (max-width: 1050px){
	.header .logo img{width:100px; margin-top:13px;}
	.pro-banner .wuliao{display:none;}
}
@media (max-width: 1024px){
	.header .nav{margin-left: 0;}
	.header .nav ul li a{padding: 8px 10px;}
	.pro-banner .fr{width:52%;}
	.pro-banner .fl:after{display: none;}
	.common-fuwu ul li p{font-size: 16px;}
	.footer p{font-size: 14px;}
	.pro-banner h1{font-size: 24px;}
	.pro-banner .lxinfo{margin-top:15px;}
	.pro-banner .pro-tel i{font-size: 28px;}
	.pro-banner .pro-tel{background: none; padding-left: 0; margin-top: 20px;}
	.pro-content .fl{width: 100%;}
	.pro-content .fr{display:none;}
	.pro-tuijian ul li{padding: 0 5px;}
	.pro-tuijian ul li p{font-size: 14px;}
	.pro-banner .click a{margin-top: 20px;}
	.pro-banner .fr{padding-left: 10px;}
	.solution-list .list ul li p a{font-size: 14px;}
	.pro-content .liuyan .fr{display: block;}
	.news-index .seciton1 .list{padding: 0 10px;}
	.news-index .seciton1 .list .box h4{font-size: 18px;}
	.news-index .section2 ul li a, .news-index .section3 ul li a{font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	.news-container .fl{width: 100%;}
	.news-container .fr{display: none;}
	.news-container .liuyan .fr{display: block;}
	.news-list .list li .data{width: 16%;}
	.news-list .list li .box{width: 84%;}
	.contact-content .lx-info ul li{padding: 0 10px;}
	.contact-content .lx-info ul li .box p{font-size: 16px;}
	.news-index .seciton1 .content .more ul li{width: 45%; margin: 0 2.5%;}
	.news-index .js_tab2 p{font-size: 20px;}
	.news-index .js_tab_detail2 .top .img{width: 180px; height: 120px;}
	.news-index .js_tab_detail2 .top .r{width: 222px;}
	.news-index .js_tab_detail2 .top .r .tt a{font-size: 15px;}
	.news-index .js_tab_detail2 .top .r .desc{display: none;}
	.news-index .js_tab_detail2 ul li a{font-size: 14px;}
	.news-index .js_tab_detail2 ul li i{font-size: 12px;}
}
@media (max-width: 900px){
	.product-index-content .list ul li{width:50%;}
}