@import url(anim.css);

@font-face{
    font-family: 'Akzidenz Grotesk';
    src : url('/themes/huacheng/Public/assets/font/Akzidenz%20Grotesk-Extra%20Bold.otf');
    font-weight: normal;
    font-style: normal;
}
/*全局控制*/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
div,dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
h1,h2,h3,h4,h5,h6,
pre, code,/* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
p,blockquote,th, td /* table elements 表格元素 */ {margin: 0;padding: 0;}
/** 设置默认字体 **/
body,
button, input, select, textarea /* for ie */ {font: 14px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:14px;}
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化
*/
table,td,tr,th{font-size:12px;}
caption,th {text-align:left;}
/** 重置列表元素 **/
ul, ol, li { list-style: none; }
li{list-style-type:none;}
q:before,q:after {content:'';}
abbr,acronym {border:0;font-variant:normal;}
address,caption,cite,code,dfn,em,th,var,optgroup {font-weight:normal; font-style:normal;}
del,ins{text-decoration:none;}
/** 重置文本格式元素 **/
a {color:#000;text-decoration:none;outline:none;}
a:visited {color:#000;text-decoration:none;}
a:hover {color:#b63636;text-decoration:none;}
a:active {color:#b63636;}
/** 重置表单元素 **/
legend { color: #666; } /* for ie6 */
fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */
sup { vertical-align: text-top; } /* 重置，减少对行高的影响 */
sub { vertical-align: text-bottom; }
/* 注：optgroup 无法扶正 */
/** 重置表格元素 **/
table { border-collapse: collapse; border-spacing: 0; }
/** 清除浮动 **/
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;outline:none;}
body{background:#fff;font:14px/20px microsift yahei,Tahoma,Arial,Helvetica,sans-serif; color:#333;}
input[type="text"],textarea{-webkit-appearance:none;}
input{_background:#fff;}
textarea{background:#fff;}
select{*background:#fff;}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.clear{clear:both;overflow:hidden;display:block;}
.fl{float:left;}
.fr{float:right;}
.bl1 {clear:both; height:1px; overflow:hidden; display:block; background:#fff;}
.lines {clear:both; height:1px; overflow:hidden; display:block; background:#f1f1f0;}
.bl5 {clear:both; height:5px; overflow:hidden; display:block;}
.bl4 {clear:both; height:4px; overflow:hidden; display:block;}
.bl8 {clear:both; height:8px; overflow:hidden; display:block;background:#959593;width:1000px;margin:0 auto;}
.bl10 {clear:both; height:10px; overflow:hidden; display:block;width:100%;float:left;}
.bl10b {clear:both; height:10px; overflow:hidden; display:block; background:#fff;}
.bl15 {clear:both; height:15px; overflow:hidden; display:block; background:#fff;margin:0px auto;}
.bl20 {clear:both; height:20px; overflow:hidden; display:block;}
.bl30 {clear:both; height:30px; overflow:hidden; display:block;}
.bl40 {clear:both; height:40px; overflow:hidden; display:block;}
.bl50 {clear:both; height:50px; overflow:hidden; display:block;}
.bl60 {clear:both; height:60px; overflow:hidden; display:block;}
.bl70 {clear:both; height:70px; overflow:hidden; display:block;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.dis{display:block;}
.undis{display:none;}
.borderb{border-bottom:1px solid #ccc;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}.fnb{font-weight:200;margin-left:-1px;}
.hr_1,.hr_10{font-size:1px;line-height:1px;clear:both;}
.hr_1{height:1px;}.hr_10{height:10px;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
.pzr{ position: relative;}
.color-grey{color:gray;}
.pdt10{padding-top:10px;}
.sred{color:#F00;}

.wrap{width:1200px;margin:0 auto;min-width:1200px;}
.head{width:100%;background:#fff;height:100px;clear:both;margin:0 auto;position: relative;z-index:10;border-bottom:1px solid #ddd;}
.head .logo{float:left;width:242px;height:80px;margin:10px 0 0 0px;float:left;}
.head .logo h1{float:left;width:242px;height:80px;}
.head .logo h1 a{background:url(../image/logo.png) no-repeat;width:242px;height:80px;background-size:auto 80px;display:block; text-indent:-99999px;}

.navpc{height:60px;float:right;margin:10px 0 0;display:block;}
.navpc li{text-align:center;float:left;padding:0 15px;}
.navpc li a{color:#fff;height:60px;display:block;line-height:60px;color:#333;}
.navpc li a h2{font-size:18px;}
.navpc li a:hover, .navpc li a:hover.on{color:#0276c2;}
.navpc li a.on{color:#0276c2;}
.navpc li.on a{color:#0276c2;border-bottom:2px solid #0276c2}
.navpc li a.on2{text-decoration:none;}
.navpc li:hover.on{text-decoration:none;}
.navpc li ul{display:none;position:absolute;z-index:9999;padding:0;left:-10px;}
.navpc li ul li{float:none;display:block;position:relative;height:30px;line-height:30px;_display:inline;margin:0;padding:0;}
.navpc li ul li .s{position:absolute;top:0;left:0px;border-left:1px solid transparent;}
.navpc li ul li .s li{float:none;}
.navpc li.on ul li a{border-radius:0; background:rgba(255,255,255,0.8);color:#333;border:none;}
.navpc li ul li a{display:block;width:120px;height:30px;line-height:30px;border-radius:0;padding:0px;background:rgba(255,255,255,0.8);text-align:center;font-weight:normal;font-size:14px;color:#333;}
.navpc li ul li a:hover{color:#666;background:rgba(240,240,240,0.8);border-radius:0px;}
.navpc li ul li a h2{font-size:14px;}

.head .tel{float:right;width:220px;background:#da2121;height:100px;display:none;}
.head .tel a{display:block;background:url(../image/tel.png) no-repeat 20px center #da2121;font-family:'Akzidenz Grotesk';height:60px;padding:40px 0 0 60px;font-size:24px;color:#fff;}
.head .tel a:hover{background-color:#0276c2}
.head .menu{display:none;}

/* banner */
.banners {height:550px;width:100%;margin:0 auto;clear:both;background:#333;position:relative;max-width:100%;}
.banner a{display:block;background-repeat:no-repeat;background-position:center top;height:550px;}
.banner .slick-dots button{display:none !important;background:none;position:absolute;text-indent:-9999px;}
.banner .slick-arrow{position: absolute;border:none;top:45%; cursor:pointer;height:50px;width:50px;z-index:100;text-indent:-9999px;background:url(../image/pcontrol.png) 0px 0px #000 no-repeat;border-radius:50%;cursor:pointer; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
.banner .slick-prev{left:2%;}
.banner .slick-next{right:2%;background-position:-50px 0px;}
.banner .slick-arrow:hover{background-color:#333;}
.banner .slick-dots{ position: absolute;left: 50%;bottom:20px;transform: translateX(-50%); z-index: 1000;}
.banner .slick-dots li{width:8px;height:8px;background:#666;float:left;margin:0 5px;border-radius:50%;}
.banner .slick-dots li.slick-active{background:#000;}
.sbanner{height:400px;width:100%;margin:0 auto;clear:both;}
.sbanner .abannert{color:#fff;position:relative; background:url(../image/k.png) no-repeat 190px 15px;padding:30px 0 0;top:140px;font-size:16px;width:250px;height:94px;border:2px solid #fff;text-align:center;}
.sbanner .abannert h4{font-size:30px;padding:10px 0px;font-weight:bold;}
.sbanner .abannert p{color:#ccc;}
/*index*/
.iabout{padding:10px 0 30px;height:450px;}
.iabout .txt{float:left;width:600px;padding:20px 0 0;}
.iabout .txt h6{font-size:16px;color:#999;}
.iabout .txt h2{font-size:30px;color:#333;font-weight:bold;padding:20px 0 10px; position: relative;}
.iabout .txt p{font-size:14px;color:#333;padding:10px 0 0 0;text-indent:2em;line-height:24px;}
.iabout .txt a{border:2px solid #999;position:relative;background:url(../image/jian.png) no-repeat right center;padding:8px 60px;font-size:14px;height:30px;line-height:30px;margin:20px 0 0;display:block;width:100px;float:left;font-weight:bold;color:#DB2419;transition:all 1s;-moz-transition:all 1s; /* Firefox 4 */-webkit-transition:all 1s; /* Safari and Chrome */-o-transition:all 1s; /* Opera */}
.iabout .txt a:hover{border-color:#284C8A;color:#284C8A;background-position:left center;transition:all 1s;-moz-transition:all 1s; /* Firefox 4 */-webkit-transition:all 1s; /* Safari and Chrome */-o-transition:all 1s; /* Opera */}
.iabout .txt a, .more a:before, .iabout .txt a:after {box-sizing: border-box;-webkit-transition: 0.5s;transition: 0.5s;}
.iabout .txt a:before {content: '';position: absolute;top: 0;left: 0;width: 0;height:100%;background: #284C8A;z-index: -1;}
.iabout .txt a:hover:before {width: 100%;}
.iabout .pic{float:right;height:400px;width:540px;margin:100px 0 0}
.iabout .pic img{width:100%;height:auto;}
.pnav{float:left;width:100%;}
.pnav ul li{float:left;width:100%; background:#fff;animation: slideInLeft ease-out .6s forwards;-webkit-animation: slideInLeft ease-out .6s forwards}
.pnav a{padding:20px 25px;position:relative;display: block;text-transform: uppercase;overflow: hidden;font-size:16px;color:#999;position:relative;display:block;margin:0;border-bottom:1px solid #E9E9E9; background:url(/themes/huacheng/Public/assets/images/jian.gif) no-repeat 220px center;}
.pnav a, .pnav a:before, .pnav a:after{box-sizing:border-box;-webkit-transition: 0.5s;transition: 0.5s;}
.pnav a:before {content:'';position:absolute;top:0;left:0;width:0;height:100%;background:#224984;z-index: -1;}
.pnav a:hover:before {width: 100%;}
.pnav a:hover{color:#fff;}
.pnav a.act{background:#224984;color:#fff;}


.ititle{text-align: center;width:100%;color:#999;margin:20px 0;clear:both;float:left;}
.ititle h3{font-size:40px;color:#333;padding:20px 0;}
.ititle p{font-size:14px;}

.iteampro{margin:0 auto 0; text-align: center;}
.iteampro a{border:1px solid #999;border-radius:5px;background:#fff;padding:6px;text-align:center;color:#666;margin:0 0 0 10px;}
.iteampro a:hover{ background:#0276c2;color:#fff;}

.ititles{text-align: center;width:100%;color:#fff;margin:20px 0 40px;clear:both;float:left;}
.ititles h3{font-size:40px;padding:20px 0;}
.ititles p{font-size:14px;}

.more{text-align: center;width:100%;}
.more a{border:2px solid #999;position:relative;background:url(../image/jian.png) no-repeat right center;padding:8px 60px;font-size:14px;font-weight:bold;color:#DB2419;transition:all 1s;-moz-transition:all 1s; /* Firefox 4 */-webkit-transition:all 1s; /* Safari and Chrome */-o-transition:all 1s; /* Opera */}
.more a:hover{border-color:#284C8A;color:#284C8A;background-position:left center;transition:all 1s;-moz-transition:all 1s; /* Firefox 4 */-webkit-transition:all 1s; /* Safari and Chrome */-o-transition:all 1s; /* Opera */}

.more a, .more a:before, .more a:after {box-sizing: border-box;-webkit-transition: 0.5s;transition: 0.5s;}
.more a:before {content: '';position: absolute;top: 0;left: 0;width: 0;height:100%;background: #284C8A;z-index: -1;}
.more a:hover:before {width: 100%;}

.iserverbg{background:url(../image/serverbg.png) no-repeat top center;height:550px;width:100%;}
.ipiclist{width:1200px;overflow:hidden;position: absolute;bottom:0;}
.ipiclist dl{width:298px;border:1px solid #696B7A;height:198px;float:left;text-align:center;margin:0px 0;overflow: hidden; position: relative;-webkit-transition: all .2s linear;transition: all .2s linear;}
.ipiclist dl a{display: block;width:298px;height:158px;color:#fff;padding:40px 0 0;}
.ipiclist dl a:hover{ background-color:#109AFC}
.ipiclist dl dt{float:left;height:80px;width:298px;transition:all 1s;-moz-transition:all 1s; !* Firefox 4 *!-webkit-transition:all 1s; !* Safari and Chrome *!-o-transition:all 1s; !* Opera *!}
.ipiclist dl dd{font-size:16px;height:80px;line-height:40px;transition:all 1s;-moz-transition:all 1s; !* Firefox 4 *!-webkit-transition:all 1s; !* Safari and Chrome *!-o-transition:all 1s; !* Opera *!}
.ipiclist dl dt.icon2{ background:url(../image/sicona.png) no-repeat top center;}
.ipiclist dl dt.icon4{ background:url(../image/siconb.png) no-repeat top center;}
.ipiclist dl dt.icon6{ background:url(../image/siconc.png) no-repeat top center;}
.ipiclist dl dt.icon8{ background:url(../image/sicond.png) no-repeat top center;}
.ipiclist dl dt.icon10{ background:url(../image/sicone.png) no-repeat top center;}
.ipiclist dl dt.icon12{ background:url(../image/siconf.png) no-repeat top center;}
.ipiclist dl dt.icon14{ background:url(../image/sicong.png) no-repeat top center;}
.ipiclist dl dt.icon16{ background:url(../image/siconh.png) no-repeat top center;}
.ipiclist dl a:hover dt{ background-position:bottom center;transition:all 1s;-moz-transition:all 1s; !* Firefox 4 *!-webkit-transition:all 1s; !* Safari and Chrome *!-o-transition:all 1s; !* Opera *!}
.ipiclist dl a:hover dd{color:#ACDDFF;transition:all 1s;-moz-transition:all 1s; !* Firefox 4 *!-webkit-transition:all 1s; !* Safari and Chrome *!-o-transition:all 1s; !* Opera *!}


.casebg .more a{border:3px solid #fff;color:#fff;}
.casebg .ititle h3{color:#fff;}

#certify {position: relative;width: 1200px;margin: 0 auto}
#certify .swiper-container {padding-bottom: 60px;}
#certify .swiper-slide {width:550px;height:350px;background:#000;position: relative;}
#certify .swiper-slide img{display:block;}
#certify .swiper-slide p {line-height:40px;height:40px;padding-top: 0;text-align: center;color: #fff;width:100%;font-size: 16px;margin: 0; position: absolute;;bottom:0;left:0;background: rgba(0,0,0,0.5);}
#certify .swiper-pagination {width: 100%;bottom: 20px;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;border: 3px solid #fff;background-color: #d5d5d5;width: 10px;height: 10px;opacity: 1;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {border: 3px solid #00aadc;background-color: #fff;}
#certify .swiper-button-prev {left: -60px;top:45%;width: 45px;height: 45px;background: url(../image/wm_button_icon.png) no-repeat;background-position: 0 0;background-size: 100%;}
#certify .swiper-button-prev:hover {background-position: 0 -46px;background-size: 100%}
#certify .swiper-button-next {right: -60px;top:45%;width: 45px;height: 45px;background: url(../image/wm_button_icon.png) no-repeat;background-position: 0 -93px;background-size: 100%;}
#certify .swiper-button-next:hover {background-position: 0 -139px;background-size: 100%}
.iteam .iteamintro{float:left;width:600px;height:400px; background:#ebeaea;}
.iteam .iteamintro .pic{height:200px; position: relative;}
.iteam .iteamintro .pic:before{content:""; position:absolute; bottom:17px; left:40px;width:0; height:0; margin-bottom:-17px; border:17px solid transparent; border-top:0; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;border-bottom-color:#ebeaea;}
.iteam .iteamintro .txt{padding:40px 40px 0 40px;}
.iteam .iteamintro .txt h3{font-size:16px;color:#333;position: relative;padding:0 0 10px;}
.iteam .iteamintro .txt h3:after{content:""; position: absolute;bottom:0;left:0;border-bottom:2px solid #333;width:50px;}
.iteam .iteamintro .txt p{color:#666;padding:20px 0 0;}
.iteam .iteamli{width:570px;height:400px;float:right;}
.iteam .iteamli .pic{width:350px;float:left;}
.iteam .iteamli .listt{float:right;width:190px;}
.inewsbg{ background:#EAEAEA;padding:30px 0;width:100%;float:left;}

.inewpic{width:600px;height:400px;float:left;}
.inewli{width:580px;float:right;overflow: hidden;}
.inewli ul{width:580px;float:left;}
.inewli ul li{float:left;margin:0;width:100%;}
.inewli ul li a{display:block;width:100%;padding:15px 0;height:69px;border-bottom:1px dotted #ccc;background:#fff;}
.inewli ul li .time{height:69px;font-size:12px;text-align:center;float:left;width:69px;background:#E9E3E3;margin:0 20px 0 0;}
.inewli ul li .time p{font-size:48px;padding:15px 0 10px;color:#333;}
.inewli ul li .time span{font-size:12px;padding:0px;color:#999;}
.inewli ul li h2{padding:10px 0 0 0;height:55px;}
.inewli ul li a:hover{border-color:#000;}
.inewli ul li a:hover .time{background:#214984;}
.inewli ul li a:hover .time p{color:#fff;}
.inewli ul li a:hover .time span{color:#fff;}
.inewli ul li a:hover h2{color:#214984;}
/*产品列表*/
.proli{width:100%;clear:both;overflow:hidden;}
.proli ul{width:102%;float:left;}
.proli ul li{height:auto;width:31.33333%;margin:0 2% 20px 0;overflow: hidden;float:left; background:#ECECEC;visibility: visible;opacity: 0;animation: slideInUp ease-out .6s forwards;-webkit-animation: slideInUp ease-out .6s forwards}
.proli ul li .pic{float:left;overflow: hidden;width:100%;background:#fff url(data:image/gif;base64,R0lGODlhEgASAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMDFGMDBBNEVEMzUxMUU4QTY0RUU2ODg1MjRFRjdDMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMDFGMDBBNUVEMzUxMUU4QTY0RUU2ODg1MjRFRjdDMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkMwMUYwMEEyRUQzNTExRThBNjRFRTY4ODUyNEVGN0MxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkMwMUYwMEEzRUQzNTExRThBNjRFRTY4ODUyNEVGN0MxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkECQgAAQAsAAAAABIAEgAAAiuMj6nLnQADBE7GWTE+2+jIgd4lWlRIdSbynaO7qjIJz2lpr06blT1cCToKACH5BAkJAAEALAAAAAASABIAAAItjI95wOrGwHMRVdpWhu1yqUleMFblRnboKa5uC36WGqe1+c6wzrPPOJEFh8MCACH5BAkJAAEALAAAAAASABIAAAIthIOpa7CvWjxQJvtw0NNdikjaeJBeWIKbKrKuY3brOcvxB79Qje93ptr1hIsCACH5BAkIAAEALAAAAAASABIAAAIvjB+gyK3QzEMzVrlsxvDMm2whBJaL2XEjJX7tS8JsnK7eKd/0zKORrfo5RMJgowAAIfkECQkAAQAsAAAAABIAEgAAAi6Mj6nLC48eYDLCerCpOnQOZeF2jZ4JTqJKTh9asqecWnRs5+8t5ysF6zWGREMBACH5BAUIAAEALAAAAAASABIAAAIsjI8Im63s3AJxPiqhsRlvxn1eYIWkdlLmCqKs6sbw+KbX3eFNHe1oLwImLAUAOw==) no-repeat center}
.proli ul li .pic img{float:left;width:100%;height:182px;object-fit: cover;	transform: scale(1);-webkit-transform: scale(1);transition: all .8s;-webkit-transition: all .8s}
.proli ul li h3{font-size:13px;text-align:center;height:20px;line-height:20px;color:#333;padding:3% 0;float:left;width:100%;overflow: hidden;}
.proli ul li a:hover h3{color:#0064bc;}
.proli ul li a{padding:0;background:#ECECEC;display: block;text-align:center;}
.proli ul li a:hover{border-color:#0064bc}
.proli ul li a:hover h3{color:#0064bc;text-decoration:underline}
.proli ul li a:hover img {transform: scale(1.1);-webkit-transform: scale(1.1)}
/*案例列表*/
.picli{width:100%;clear:both;overflow:hidden;}
.picli ul{width:102%;float:left;}
.picli ul li{height:auto;width:31.33333%;margin:0 2% 20px 0;float:left; visibility: visible;opacity: 0;animation: slideInUp ease-out .6s forwards;-webkit-animation: slideInUp ease-out .6s forwards}
.picli ul li .pic{float:left;overflow: hidden;width:100%;background:#fff url(data:image/gif;base64,R0lGODlhEgASAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMDFGMDBBNEVEMzUxMUU4QTY0RUU2ODg1MjRFRjdDMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMDFGMDBBNUVEMzUxMUU4QTY0RUU2ODg1MjRFRjdDMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkMwMUYwMEEyRUQzNTExRThBNjRFRTY4ODUyNEVGN0MxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkMwMUYwMEEzRUQzNTExRThBNjRFRTY4ODUyNEVGN0MxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkECQgAAQAsAAAAABIAEgAAAiuMj6nLnQADBE7GWTE+2+jIgd4lWlRIdSbynaO7qjIJz2lpr06blT1cCToKACH5BAkJAAEALAAAAAASABIAAAItjI95wOrGwHMRVdpWhu1yqUleMFblRnboKa5uC36WGqe1+c6wzrPPOJEFh8MCACH5BAkJAAEALAAAAAASABIAAAIthIOpa7CvWjxQJvtw0NNdikjaeJBeWIKbKrKuY3brOcvxB79Qje93ptr1hIsCACH5BAkIAAEALAAAAAASABIAAAIvjB+gyK3QzEMzVrlsxvDMm2whBJaL2XEjJX7tS8JsnK7eKd/0zKORrfo5RMJgowAAIfkECQkAAQAsAAAAABIAEgAAAi6Mj6nLC48eYDLCerCpOnQOZeF2jZ4JTqJKTh9asqecWnRs5+8t5ysF6zWGREMBACH5BAUIAAEALAAAAAASABIAAAIsjI8Im63s3AJxPiqhsRlvxn1eYIWkdlLmCqKs6sbw+KbX3eFNHe1oLwImLAUAOw==) no-repeat center}
.picli ul li .pic img{width:100%;height:200px;object-fit: cover;	transform: scale(1);-webkit-transform: scale(1);transition: all .8s;-webkit-transition: all .8s}
.picli ul li h3{font-size:18px;text-align:center;color:#333;padding:3% 0;float:left;width:100%;height:60px;}
.picli ul li a:hover h3{color:#0064bc;}
.picli ul li a{padding:0;background:#ECECEC;display: block;text-align:center;}
.picli ul li a:hover{border-color:#0064bc}
.picli ul li a:hover h3{color:#0064bc;text-decoration:underline}
.picli ul li a:hover img {transform: scale(1.1);-webkit-transform: scale(1.1)}
/*新闻列表*/
.newsli{width:100%;margin:0 auto;}
.newsli li{margin:0 0 20px 0;width:100%;visibility: visible;animation:slideInUp ease-out .6s forwards;-webkit-animation: slideInUp ease-out .6s forwards;opacity: 0;}
.newsli li a{display: block;width:100%;height:160px;}
.newsli li .img{width:240px;height:160px;float:left;overflow: hidden}
.newsli li .img img{width:100%;height:auto;}
.newsli li .txt{width:660px;height:160px;float:right;}
.newsli li .txt h2{color:#333;font-size:20px;padding:10px 0;}
.newsli li .txt p{color:#999;font-size:14px;line-height:24px;padding:0 0 10px;}
.newsli li .txt .time{padding:5px 0;float:left;}
.newsli li .txt .time h5{font-size:14px;color:#999;}
.newsli li .txt span.mores{float:right;color:#b63636;}
.newsli li a:hover{background:#fafafa}
.newsli li a:hover .txt h2{color:#b63636}
.newsli li a:hover .mores{color:#fff;border:1px solid #b63636;background:url(../image/jianb.png) no-repeat 110px center #b63636;}
/*main page*/
.local{width:100%;border-bottom:1px solid #E9E9E9;padding:25px 0;height:21px;line-height:21px;}
.local .host{float:left;color:#999;background:url(../image/home.png) no-repeat 0 center;padding:0 0 0 20px;}
.local .host a{color:#999;}.local .host a:hover{color:#0276c2;}
.local .proname{float:right;color:#224984;font-size:18px;font-weight:bold;position: relative;}
.local .proname:after{content:'';position:absolute;top:32px;right:45%; width:0; height:0; margin-top:-5px; border:5px solid transparent; border-bottom:0; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;border-top-color:#277ACA;}

.page{width:100%;background:#efeded;padding:60px 0 80px;}
.col{width:250px;float:left;}
.cor{width:910px;float:right;}

.aboutcon{padding:40px 0;width:100%;background:#fff;margin:0 auto;}
.aboutcon img{max-width:910px;}
.aboutcon p{line-height:30px;}
.dctitle{font-size:20px;width:100%;position:relative;margin:20px 0;line-height:30px;}
.dconn{line-height:30px;font-size:16px;padding:20px 0;}
.dpic{text-align: center;max-width:1200px;margin:0 auto;}
.dpic img{max-width:787px;border:0;vertical-align:middle;}

.newstitle{border-bottom:1px dotted #ccc;text-align:center;padding:20px 0 0;}
.newstitle h1{font-size:20px;color:#000;line-height:30px;}
.newstitle p{color:#999;padding:20px 0;}

.contact{float:left;width:100%;padding:20px 0 0;background:url(../image/contact_bg.png) no-repeat right center;}
.contact p{padding:5px 0 5px 20px;}
.contact p.tel{background:url(../image/icona.png) no-repeat 0 center;}
.contact p.address{background:url(../image/iconc.png) no-repeat 0 center;}
.contact p.email{background:url(../image/iconb.png) no-repeat 0 center;}

.cmaps{width:99.5%;border:1px solid #ccc;height:400px;}
/*.pnav{overflow: hidden;}
.pnav ul{font-size:0;display: -webkit-flex;display: flex;justify-content: center;-webkit-justify-content: center}
.pnav li{display:inline-block;flex-grow:1;visibility: visible;opacity: 0;animation: slideInLeft ease-out .6s forwards;-webkit-animation: slideInLeft ease-out .6s forwards}
.pnav li.cur a,.pnav li:hover a{color:#fff;background:#0064bc}
.pnav li a{display:block;border-right:1px solid #ccc;color:#d31a0b;height:76px;line-height:76px;padding:0 10px;font-size:16px;text-align:center;}
.pnav li:last-child a{border:none;}*/

.pagi{with:100%;margin:20px 0;}
.pagi a{float:left;display: block;width:50%;padding:20px 0;background:#f1f1f1; text-align: center; position: relative;}
.pagi a{color:#999;font-size:12px;}
.pagi a:hover{ background:#0064bc;color:#fff;}
.pagi a::after{position:absolute;content:'';top:0;width:18px;height:100%}
.pagi a:nth-child(1)::after{left:7%;background:url(../image/news_page_l.png) no-repeat center}
.pagi a:nth-child(1):hover::after{background:url(../image/news_page_ls.png) no-repeat center}
.pagi a:nth-child(2)::after{right:7%;background:url(../image/news_page_r.png) no-repeat center}
.pagi a:nth-child(2):hover::after{background:url(../image/news_page_rs.png) no-repeat center}

.link{margin:0;float:right;padding:10px 0 0;}
.link a{margin:0 15px 0 0}

/*分页样式*/
.page_info{text-align:center;margin-top:10px;color:#333;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;margin:20px 0;}
.page_list li{display:inline-block;}
.page_list a{display:inline-block;color:#333;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:4px 12px;margin:0 3px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list .active span{color:#333;border:1px solid #ccc;background:#ccc;text-align:center;padding:4px 12px;margin:0 3px;display: inline-block;}

/*footer*/
.footer{background:#272C32;padding:40px 0 0;color:#fff;height:160px;width:100%;margin:0 auto;position:relative;z-index:1;}
.footer .flogo{float:left;width:100px;}
.footer .flogo a{display:block;height:115px;width:100px;background:url(../image/flogo.png) no-repeat;background-size:auto 115px;text-indent:-9999px;}
.footer .fcontact{float:left;width:380px;margin:0 0 0 200px;}
.footer .fcontact p{padding:10px 0 10px 24px;}
.footer .fcontact .tel{background:url(../image/tels.png) no-repeat 0 center; background-size:auto 15px;}
.footer .fcontact .address{background:url(../image/ditu.png) no-repeat 0 center; background-size:auto 15px;}
.footer .fcontact .email{background:url(../image/email.png) no-repeat 0 center; background-size:auto 15px;}
.footer h3{font-size:18px;color:#57ccfd;padding:0 0 10px 0;}
.copy{float:right;padding:20px 0 0;color:#999;}
.footer p{padding:4px 0;}
.footer a{color:#999;}
.footer a:hover{color:#ccc;}

/*右侧浮动*/
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
.tbox{width:50px;float:right;height:auto;position:fixed;right:0;top:40%;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_margin-bottom:15px;z-index:9999;}/*解决IE6下不兼容 position:fixed 的问题*/
.tbox ul li{position:relative;cursor:pointer;width:50px;height:50px;margin:0 0 2px 0;}
.tbox ul li a{width:50px;height:50px;padding:0;background:#DA2121;}
.tbox .lweixin{background:url(../image/server.png) no-repeat center center #DA2121;}
.tbox .ltel{background:url(../image/tela.png) no-repeat center center #DA2121;}
.tbox #gotop{background:url(../image/up.png) no-repeat center center #999;}
.tbox #gotop:hover{ text-decoration:none;background-color:#f5d089;}
.tbox .show{position:absolute;left:-150px;top:0px;width:150px;height:50px;display:none;line-height:50px;padding:0; text-align:center;font-size:18px;color:#fff;}
.tbox .show ul{background:#277ACA;position:relative;left:-5px;}
.tbox .show ul:after{content:'';position:absolute;top:21px;right:-4px; width:0; height:0; margin-left:-5px; border:5px solid transparent; border-right:0; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;border-left-color:#277ACA;}
.tbox .shows{position:absolute;left:-150px;top:0;width:150px;display:none;line-height:24px;padding:0; text-align:center;font-size:18px;}
.tbox .shows ul{background:#277ACA;position:relative;left:-5px;padding:10px 0;}
.tbox .shows ul:after{content:''; position:absolute; top:21px; right:-4px; width:0;height:0;margin-left:-5px;border:5px solid transparent;border-right:0; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;border-left-color:#277ACA;}
.tbox .shows i{display:block;width:125px;height:125px;margin:0 auto;}
.tbox .shows p{color:#fff;font-size:12px;padding:5px 0 0;}
.tbox a{ text-align:center;display:block;color:#333;font-size:12px;}
.tbox a:hover{ text-decoration:none;background-color:#277ACA;}
.tbox ul li:hover .shows,.tbox ul li:hover .show,.tbox ul li:hover .showsb{display:block;}

@media (max-width:768px) {
.wrap{width:100%;min-width:100%;}
.bl50 {height:10px;}
.bl20 {height:10px;}
.bl30 {height:10px;}
.bl40 {height:10px;}
    .head{height:50px;border-bottom:1px solid #E9E9E9;}
    .head .logo{width:125px;height:40px;margin:5px 0 0 5px;}
    .head .logo h1{width:125px;height:40px;}
    .head .logo h1 a{width:125px;height:40px;background-size:auto 40px;}

    .navpc{height:40px;float:left;width:100%;margin:0; background:#0276C2;display:none;}
    .navpc li{text-align:center;float:left;padding:0;width:25%;}
    .navpc li a{height:40px;border:none;line-height:40px;color:#fff;}
    .navpc li a h2{font-size:14px;}
    .navpc li a:hover,.navpc li a:hover.on{color:#D8F0FF;}
    .navpc li a.on{color:#D8F0FF;}
    .navpc li.on a{color:#D8F0FF;border:none;}
    .head .tel{width:50px;height:50px;display:block;}
    .head .tel a{background:url(../image/tel.png) no-repeat center center #fff;background-size:auto 24px;height:50px;padding:0px;font-size:14px;text-indent:-9999px;}
    .head .menu{float:right;background: url(../image/menus.png) no-repeat center center;width:50px;height:50px;display:block;text-indent:-9999em; background-size:auto 25px;margin:0;}

    /* banner */
    .banners {height:180px;position:relative;}
    .banner a{height:180px; background-size:auto 180px;}
    .sbanner{height:155px;width:100%;margin:0 auto;clear:both;background-size:auto 155px;}
    .sbanner .abannert{color:#fff;position:relative;background:url(../image/k.png) no-repeat 105px 5px;padding:10px 0 0;top:40px;left:10px;font-size:16px;width:120px;height:50px;border:1px solid #fff;text-align:center;}
    .sbanner .abannert h4{font-size:18px;padding:0;font-weight:100;}
    .sbanner .abannert p{color:#ccc;font-size:12px;}

    /*index*/
    .iabout{height:auto;width:96%;padding:2%;text-align:center;}
    .iabout .txt{float:left;width:100%;}
    .iabout .txt h6{font-size:16px;color:#b63636;text-align:center;}
    .iabout .txt h2{font-size:24px;color:#333;padding:5px 0 15px; position: relative;text-align:center;}
    .iabout .txt h2:after{content:""; position : absolute;bottom:0%;left:40%;border-bottom:2px solid #333;width:20%;}
    .iabout .txt p{font-size:12px;color:#333;padding:10px 0 10px;line-height:21px;text-align:left;}

    .iabout .pic{float:right;height:auto;width:100%;margin:15px 0 15px;}
    .iabout .pic img{width:100%;height:auto;}
    .iabout .pic .iplayer img{width:auto;height:auto;}

    .ititle{float:left; text-align:center;with:100%;margin:10px 0}
    .ititle h6{font-size:12px;color:#db2419;font-family:'Akzidenz Grotesk';}
    .ititle h3{font-size:18px;color:#333;padding:0;}


    .iteampro a{font-size:12px;padding:4px 2px;margin:0 2px;}


    .casebg{background:url(/themes/huacheng/Public/assets/img/casebg.jpg) no-repeat top center;height:auto;padding:0 0 40px;width:100%;}
    .casebg .more a{border:3px solid #fff;color:#fff;}
    .casebg .ititle h3{color:#fff;}

    #certify {position: relative;width:100%;margin:0 auto;overflow: hidden;}
    #certify .swiper-container {padding-bottom: 60px;}
    #certify .swiper-slide {width:250px;height:160px;background:#000;position: relative;}
    #certify .swiper-slide img{display:block;width:250px;height:160px;}
    #certify .swiper-slide p {line-height:40px;height:40px;padding-top: 0;text-align: center;color: #fff;width:100%;font-size:12px;margin:0;position: absolute;;bottom:0;left:0;background: rgba(0,0,0,0.5);}
    #certify .swiper-pagination {width: 100%;bottom: 20px;}
    #certify .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;border: 3px solid #fff;background-color: #d5d5d5;width: 10px;height: 10px;opacity: 1;}
    #certify .swiper-pagination-bullets .swiper-pagination-bullet-active {border: 3px solid #00aadc;background-color: #fff;}
    #certify .swiper-button-prev {left: -60px;top:45%;width: 45px;height: 45px;background: url(../image/wm_button_icon.png) no-repeat;background-position: 0 0;background-size: 100%;}
    #certify .swiper-button-prev:hover {background-position: 0 -46px;background-size: 100%}
    #certify .swiper-button-next {right: -60px;top:45%;width: 45px;height: 45px;background: url(../image/wm_button_icon.png) no-repeat;background-position: 0 -93px;background-size: 100%;}
    #certify .swiper-button-next:hover {background-position: 0 -139px;background-size: 100%}

    .ititles{margin:10px 0 20px;}
    .ititles h3{font-size:18px;padding:10px 0;}
    .ititles p{font-size:12px;}

    .iserverbg{background:url(../image/serverbg.png) no-repeat top center;height:370px;width:100%;}
    .ipiclist{width:100%;overflow:hidden;position: absolute;bottom:0;}
    .ipiclist dl{width:24.2%;border:1px solid #696B7A;height:138px;float:left;text-align:center;margin:0px 0;overflow: hidden; position: relative;-webkit-transition: all .2s linear;transition: all .2s linear;}
    .ipiclist dl a{display: block;width:100%;height:128px;color:#fff;padding:10px 0 0;}
    .ipiclist dl a:hover{ background-color:#109AFC}
    .ipiclist dl dt{float:left;height:80px;width:100%;transition:all 1s;-moz-transition:all 1s; !* Firefox 4 *!-webkit-transition:all 1s; !* Safari and Chrome *!-o-transition:all 1s; !* Opera *!}
    .ipiclist dl dd{font-size:12px;height:auto;line-height:15px;transition:all 1s;-moz-transition:all 1s; !* Firefox 4 *!-webkit-transition:all 1s; !* Safari and Chrome *!-o-transition:all 1s; !* Opera *!}
    .inewpic{width:100%;height:auto;}
    .inewpic img{width:100%;height:auto;}
    .inewli{width:96%;padding:2%;}
    .inewli ul{width:100%;}
    .inewli ul li .time{margin:0 10px 0 0;}
    /*main page*/
    .local{width:96%;border-bottom:1px solid #E9E9E9;padding:10px 2%;height:21px;line-height:21px;}
    .local .host{float:left;color:#999;background:url(../image/home.png) no-repeat 0 center;padding:0 0 0 20px;}
    .local .host a{color:#999;}.local .host a:hover{color:#0276c2;}
    .local .proname{display:none;}

    .page{padding:0px;}
    .col{width:100%;float:left;}
    .cor{width:100%;float:right;}


    .aboutcon{padding:5% 2%;width:96%;background:#fff;margin:0 auto;}
    .aboutcon img{width:100%;}


    .link{display:none;}


    /*案例列表*/


    .picli ul li{height:auto;width:48%;margin:0 2% 20px 0;}
    .picli ul li h3{font-size:12px;text-align:center;color:#333;padding:3% 0;}

/*    .picli ul li{height:auto;width:31.33333%;margin:0 2% 20px 0;float:left; background:#ECECEC;visibility: visible;opacity: 0;animation: slideInUp ease-out .6s forwards;-webkit-animation: slideInUp ease-out .6s forwards}
    .picli ul li .pic{float:left;overflow: hidden;width:291px;height:206px;background:#fff url(data:image/gif;base64,R0lGODlhEgASAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMDFGMDBBNEVEMzUxMUU4QTY0RUU2ODg1MjRFRjdDMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMDFGMDBBNUVEMzUxMUU4QTY0RUU2ODg1MjRFRjdDMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkMwMUYwMEEyRUQzNTExRThBNjRFRTY4ODUyNEVGN0MxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkMwMUYwMEEzRUQzNTExRThBNjRFRTY4ODUyNEVGN0MxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkECQgAAQAsAAAAABIAEgAAAiuMj6nLnQADBE7GWTE+2+jIgd4lWlRIdSbynaO7qjIJz2lpr06blT1cCToKACH5BAkJAAEALAAAAAASABIAAAItjI95wOrGwHMRVdpWhu1yqUleMFblRnboKa5uC36WGqe1+c6wzrPPOJEFh8MCACH5BAkJAAEALAAAAAASABIAAAIthIOpa7CvWjxQJvtw0NNdikjaeJBeWIKbKrKuY3brOcvxB79Qje93ptr1hIsCACH5BAkIAAEALAAAAAASABIAAAIvjB+gyK3QzEMzVrlsxvDMm2whBJaL2XEjJX7tS8JsnK7eKd/0zKORrfo5RMJgowAAIfkECQkAAQAsAAAAABIAEgAAAi6Mj6nLC48eYDLCerCpOnQOZeF2jZ4JTqJKTh9asqecWnRs5+8t5ysF6zWGREMBACH5BAUIAAEALAAAAAASABIAAAIsjI8Im63s3AJxPiqhsRlvxn1eYIWkdlLmCqKs6sbw+KbX3eFNHe1oLwImLAUAOw==) no-repeat center}
    .picli ul li .pic img{max-width:291px;max-height:206px;object-fit: cover;	transform: scale(1);-webkit-transform: scale(1);transition: all .8s;-webkit-transition: all .8s}
    .picli ul li h3{font-size:18px;text-align:center;color:#333;padding:3% 0;float:left;width:100%;}
    .picli ul li a:hover h3{color:#0064bc;}
    .picli ul li a{padding:0;background:#ECECEC;display: block;text-align:center;}
    .picli ul li a:hover{border-color:#0064bc}
    .picli ul li a:hover h3{color:#0064bc;text-decoration:underline}
    .picli ul li a:hover img {transform: scale(1.1);-webkit-transform: scale(1.1)}*/

    /*产品列表*/
    .proli ul li{height:auto;width:48%;margin:0 2% 20px 0;}
    .proli ul li h3{font-size:12px;text-align:center;color:#333;padding:3% 0;}
    /*新闻列表*/
    .newsli{width:96%;padding:0 2%;}
    .newsli li{margin:0 0 10px 0;}
    .newsli li a{display: block;width:100%;height:auto;}
    .newsli li .img{width:100%;height:auto;float:right;margin:10px 0 0;}
    .newsli li .img img{width:100%;}
    .newsli li .txt{width:100%;height:auto;float:left;}
    .newsli li .txt .clear{clear:revert;}
    .newsli li .txt h2{color:#333;font-size:20px;padding:0;}
    .newsli li .txt p{color:#999;font-size:14px;height:auto;line-height:24px;}
    .newsli li .txt .time{padding:10px 0;float:none;}
    .newsli li .txt .time h5{font-size:14px;padding:0 0 10px 0;}
    .newsli li .txt .time h6{font-size:12px;color:#999;}
    .newsli li .txt span.mores{float:left;background:url(../image/jian.png) no-repeat 110px center;width:100px;border:1px solid #000;color:#b63636;text-align:center;padding:5px 20px;}
    .newsli li a:hover{background:#fafafa}
    .newsli li a:hover .txt h2{color:#b63636}
    .newsli li a:hover .mores{color:#fff;border:1px solid #b63636;background:url(../image/jianb.png) no-repeat 110px center #b63636;}

    .pnav{overflow: hidden; background:#fff;border-bottom:1px solid #E9E9E9;}
    .pnav ul{font-size:0;display: -webkit-flex;display: block;}
    .pnav ul li{display:inline-block;width:33.3333%;margin:1px 0 0;flex-grow:1;visibility: visible;opacity: 0;animation: slideInLeft ease-out .6s forwards;-webkit-animation: slideInLeft ease-out .6s forwards}
    .pnav li.cur a,.pnav li:hover a{color:#fff;background:#0064bc}
    .pnav li a{height:26px;line-height:26px;padding:0;font-size:12px;text-align:center;}


    .pagi a{float:left;display: block;width:100%;padding:10px 0; background:#f1f1f1; text-align: center; position: relative;}
    .pagi a{color:#999;font-size:10px;}
    .dctitle{font-size:18px;width:100%;position:relative;margin:20px 0;}
    .dconn{line-height:30px;font-size:16px;padding:20px 0;}
    .dpic{text-align: center;max-width:1200px;margin:0 auto;}
    .dpic img{max-width:787px;border:0;vertical-align:middle;}
    .newstitle{padding:10px 0 0;}
    .newstitle h1{font-size:18px;}
    .newstitle p{padding:10px 0;}
    .contact{background:none;padding:10px 0 20px;}
    .page_list {margin:10px 0;}

    .link{overflow: hidden;}


    /*footer*/


    .footer h3{font-size:18px;color:#57ccfd;padding:0 0 10px 0;}
    .copy{float:right;width:100%;padding:20px 0 0;}
    .footer p{padding:4px 0;}
    .footer a{color:#fff;}

    /*footer*/
    .footer{background:#272C32;padding:5% 2%;color:#fff;height:auto;width:96%;margin:0 auto;position:relative;z-index:1;}
    .footer .flogo{float:none;width:100px;margin:0 auto;}
    .footer .fcontact{float:left;width:100%;margin:10px 0;}
    .footer .fcontact p{padding:5px 0 5px 24px;font-size:12px;}
    .copy{padding:0;font-size:12px;}
    .footer p{padding:4px 0;}
    .footer a{color:#999;}
    .footer a:hover{color:#ccc;}


    .tbox{display:none;}
}
@keyframes slideInLeft {
    from {
        transform:translate3d(-50%, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}
@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform:translate3d(-50%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none
    }
}
@keyframes slideInUp {
    from {
        transform:translate3d(0, 50%, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}
@-webkit-keyframes fadeInUp {
    from {
        -webkit-transform:translate3d(0, 50%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none
    }
}