@charset "utf-8";
@font-face{
    font-family: 'Akzidenz Grotesk';
    src : url('../font/Akzidenz Grotesk-Extra Bold.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;}
.hide, .none{display: none;}
/** 重置表单元素 **/
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%;height:100px;margin:0;position:relative;z-index:1;top:0px;}
.head .logo{float:left;width:520px;height:62px;margin:24px 0 0 5px;float:left;}
.head .logo h1{float:left;width:560px;height:51px;}
.head .logo h1 a{display:block;}
.head .logo h2{float:left;width:560px;height:51px;margin:8px 0 0 10px;}
.head .logo h2 a{display:block;}
/*.head .logo img{width: 100%;}*/
.navpc{height:100px;float:right;margin:0 20px 0 0;display:block;}
.navpc li{text-align:center;float:left;padding:0 20px;}
.navpc li a{color:#fff;height:98px;border-top:2px solid #fff;display:block;line-height:98px;color:#333;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-top:2px solid #0276c2}
.dropdown-menu{display: none;clear: both; position: absolute; left: -50px;background: #fff}
.dropdown-menu li { width: 190px; float: none; border-top: 1px solid #0276c2}
.dropdown-menu li a{height: 50px; line-height: 50px; font-size: 16px;}
.head .tel{float:right;width:220px;background:#da2121;height:100px;}
.head .tel a{display:block;background:url(../img/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}


/* 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(../img/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:250px;width:100%;margin:0 auto;clear:both;}
.sbanner .abannert{color:#fff;position: relative;top:100px;font-size:16px;}
.sbanner .abannert:before{content:""; position: absolute;bottom:0;left:0;border-bottom:2px solid #fff;width:45px;}
.sbanner .abannert h4{font-size:30px;padding:10px 0 30px;}
/*index*/
.iabout{padding:100px 0;height:400px;}
.iabout .txt{float:left;width:50%;}
.iabout .txt p{font-size:14px;color:#333;padding:30px 0;line-height:28px;}
.iabout .txt a{float:left;border:3px solid #7abd5c;padding:8px 40px;font-size:14px;font-weight:bold;color:#DB2419;border-radius:20px;}
.iabout .txt a:hover{border-color:#0276C2;color:#7abd5c;}
.iabout .pic{float:right;height:400px;width:50%;}
.iabout .pic img{width:100%;height:auto;}
.ititle{float:left;}
.ititle h6{font-size:30px;color:#283971;padding:40px 0 10px;font-family:'Akzidenz Grotesk';}
.ititle h2{font-size:24px;color:#333;}
.iteampro{float:right;margin:60px 0 0;}
.iteampro li{float:left;}
.iteampro a{border:1px solid #999;border-radius:5px;background:#fff;padding:10px;text-align:center;color:#666;margin:0 0 0 10px;}
.iteampro a:hover{ background:#0276c2;color:#fff;}

.more{text-align: center;width:100%;}
.more a{border:3px solid #DB2419;padding:8px 40px;font-size:14px;font-weight:bold;color:#DB2419;border-radius:20px;}
.more a:hover{border-color:#0276C2;color:#0276C2;}

.casebg{background:url(../img/casebg.jpg) no-repeat top center;height:450px;width:100%;padding-top: 120px;}
.casebg .more a{border:3px solid #fff;color:#fff;}
.casebg .ititle h2{color:#fff;}

.urlc{cursor: pointer;}
#certify{clear: both;}
#certify li{float:left;width: 20%;text-align: center;}
#certify li h4{text-align: center;font-size: 20px}
#certify li h4 a{color: #fff}
#certify li i.icon-model-service-item{display: block;width: 48px;height: 48px;border-radius: 100%;padding: 36px;margin: 25px auto}
#certify li i.icon-model-service-item1{animation-delay: 0.1s;background: #3db3db url(../img/icon-serice-area1.png) no-repeat center center;}
#certify li i.icon-model-service-item2{animation-delay: 0.2s;background: #3db3db url(../img/icon-serice-area2.png) no-repeat center center;}
#certify li i.icon-model-service-item3{animation-delay: 0.3s;background: #3db3db url(../img/icon-serice-area3.png) no-repeat center center;}
#certify li i.icon-model-service-item4{animation-delay: 0.4s;background: #3db3db url(../img/icon-serice-area4.png) no-repeat center center;}
#certify li i.icon-model-service-item5{animation-delay: 0.5s;background: #3db3db url(../img/icon-serice-area5.png) no-repeat center center;}

.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;}
.inewli{width:1200px; overflow: hidden;}
.inewli ul{width:1250px;float:left;}
.inewli ul li{float:left;margin:0 50px 50px 0;width:575px;height:150px;}
.inewli ul li .a{width:513px;padding:29px;height:88px;border:2px solid #fff;background:#fff;}
.inewli ul li .times{height:74px;color:#999;font-size:12px;text-align:center;float:left;margin:0 20px 0 0;}
.inewli ul li .times .date{font-size:48px;padding:20px 0 10px;color:#000;}
.inewli ul li a{display:block;float:left;width:280px;padding:10px 0 0 0;height:60px;}
.inewli ul li img{float:right;width:140px;height:90px;}
.inewli ul li .a:hover{border-color:#000;}
/*产品列表*/
.proli{width:100%;clear:both;overflow:hidden;}
.proli ul{width:100%;float:left;}
.proli ul li{height:auto;width:31.33333%;position: relative;overflow: hidden;margin:0 2% 20px 0;float:left;visibility: visible;opacity: 0;animation: slideInUp ease-out .6s forwards;-webkit-animation: slideInUp ease-out .6s forwards}
.proli ul li .pic{overflow: hidden;position: relative;}
.proli ul li .pic .hover{display: none;position: absolute;width: 100%;height: 100%;z-index: 1}
.proli ul li:hover .pic .hover{display: block;background-image: linear-gradient(-180deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.7) 100%);}
.proli ul li .pic img{width: 100%;height: 100%;object-fit: cover;	transform: scale(1);-webkit-transform: scale(1);transition: all .8s;-webkit-transition: all .8s}
.proli ul li h3{font-size:20px;text-align:center;padding:7% 0;background: url(../img/icon-proli.png) no-repeat center center;}
.proli ul li .proli-desc { position: absolute; width: 74%; z-index: 9; color: #fff; padding: 6% 0; top: 30%; transition: all 0.5s linear; background: rgba(0,0,0,0.3); margin: 13%;}
.proli ul li .proli-desc p { margin-top: 40px;display: none;}
.proli ul li a:hover h3{color:#0064bc;}
.proli ul li:hover img {transform: scale(1.1);-webkit-transform: scale(1.1)}
.proli ul li:hover .proli-desc{top:8%;background: transparent;}
.proli ul li:hover .proli-desc p{display: block;}
/*新闻列表*/
.newsli{width:100%;margin:0 auto;}
.newsli li{margin:0 0 40px 0;width:100%;height:280px;visibility: visible;animation:slideInUp ease-out .6s forwards;-webkit-animation: slideInUp ease-out .6s forwards;opacity: 0;}
.newsli li a{display: block;}
.newsli li .img{width:420px;height:280px;float:left;}
.newsli li .img img{max-width: 96%; height: auto; max-height: 100%; margin: 0 auto; display: block;}
.newsli li .txt{width:660px;height:280px;float:right;}
.newsli li .txt h2{color:#333;font-size:20px;padding:15px 0;}
.newsli li .txt p{color:#999;font-size:14px;height:95px;line-height:24px;padding:10px 0 20px;}
.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:left;background:url(../img/jian.png) no-repeat 110px center;width:100px;border:1px solid #000;color:#b63636;text-align:center;padding:10px 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(../img/jianb.png) no-repeat 110px center #b63636;}
/*main page*/
.local{height:75px;width:100%;}
.local .snav{position:relative;height:75px;float:left;}
.local .snav a{float:left;display:block;width:150px; text-align:center;height:75px;line-height:75px;color:#d31a0b;background:#fff;border-right:1px solid #ccc;text-align:center;}
.local .snav a.act,.snav a:hover{background: #0276c2;color:#fff;}
.local .host{float:right;margin:25px 0 0;color:#999;background:url(../img/home.png) no-repeat 0 center;padding:0 0 0 20px;}
.local .host a{color:#999;}.local .host a:hover{color:#0276c2;}

.page{width:100%;background:#efeded;padding:60px 0 80px;}
.aboutcon{padding:40px;width:1120px;background:#fff;margin:0 auto;}
.aboutcon h2 { font-size: 20px; margin: 5px 0; line-height: 28px; }
.aboutcon h3 { font-size: 18px; margin: 5px 0; line-height: 24px; }
.aboutcon h4 { font-size: 16px; margin: 5px 0; line-height: 20px; }
.proname {text-align:center; position: relative;margin:0 0 30px 0;}
.proname em{font-size: 32px;color: #0064bc;height:30px;position:relative;z-index:1;background:#fff;margin:0 auto;padding:0 20px;}
.proname::after{position:absolute;content:'';top:50%;left:0;width:100%;height:1px;background:#ebebeb;}
.dctitle{font-size:28px;width:100%;position:relative;margin:20px 0;height:40px;}
.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;}

.page-content img {max-width:100%;}

.newstitle{border-bottom:1px dotted #ccc;text-align:center;padding:20px 0 0;}
.newstitle h1{font-size:28px;color:#000;}
.newstitle p{color:#999;padding:20px 0;}
.contactl{ background:url(../img/contact_bg.png) no-repeat 280px center;border-right:1px solid #e5e5e5;width:50%;float:left;height:112px;}
.contactl h4{font-size:32px;padding:20px 0;color: #0064bc;font-family:'Akzidenz Grotesk';}

.contactr{float:left; /*width:40%;*/ padding:20px 0 0 5%;}
.contactr p{padding:5px 0 5px 20px;}
.contactr p.tel{background:url(../img/icona.png) no-repeat 0 center;}
.contactr p.address{background:url(../img/iconc.png) no-repeat 0 center;}
.contactr p.email{background:url(../img/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:16px;}
.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(../img/news_page_l.png) no-repeat center}
.pagi a:nth-child(1):hover::after{background:url(../img/news_page_ls.png) no-repeat center}
.pagi a:nth-child(2)::after{right:7%;background:url(../img/news_page_r.png) no-repeat center}
.pagi a:nth-child(2):hover::after{background:url(../img/news_page_rs.png) no-repeat center}

/*分页样式*/
.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:#253f72;padding:50px 0 0;color:#fff;height:230px;width:100%;margin:0 auto;position:relative;z-index:1;}
.footer .fcontact{float:left;width:380px;}
.footer .fcontact:nth-child(2) {float:left;width:450px;}
.footer .feedback{float:left;width:490px;margin:0 0 0 40px;}
.footer .feedback ul{width:100%;height:190px;}
.footer .feedback ul li{float:left;border-bottom:1px solid #32A1EA;line-height:30px;height:30px;padding:3px 0;}
.footer .feedback ul li input{border:0;color:#fff;background:transparent !important;padding:0 0 0 5px;}
.footer .feedback .xingming{width:220px;}
.footer .feedback .dianhua{float:right;width:220px;}
.footer .feedback .liuyang{width:100%;}
.footer .feedback .yanzhengma{width:275px;}
.footer .feedback .tijiao{float:right;border:0;}
.footer .feedback .tijiao .btn{width:100px;height:28px;cursor: pointer;text-align:center;border:1px solid #41B0F9;background:#0470B2;color:#41B0F9}
.footer h3{font-size:18px;color:#57ccfd;padding:0 0 10px 0;}
.copy{float:right;padding:20px 0 0;}
.footer p{padding:4px 0;}
.footer a{color:#fff;}

/*右侧浮动*/
*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:#3db3db;}
.tbox .lweixin{background:url(../img/server.png) no-repeat center center #3db3db;}
.tbox .ltel{background:url(../img/tela.png) no-repeat center center #3db3db;}
.tbox #gotop{background:url(../img/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:-300px;top:0;width:300px;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;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:85px;}
    .head .logo{width:270px;height:30px;margin:7px 0 0 2px;}
    .head .logo h1{width:auto;height:30px;}
    .head .logo h1 a{width:auto;height:30px;background-size:auto 30px;}
    .head .logo h2{width:148px;height:25px;margin:2px 0 0 5px;}
    .head .logo h2 a{width:148px;height:25px;background-size:auto 25px;}
    .navpc{height:40px;float:left;width:100%;margin:0; background:#0276C2;}
    .navpc li{text-align:center;float:left;padding:0;width:16.6%;}
    .navpc li:first-child{display:none;}
    .navpc li a{height:40px;border:none;line-height:40px;color:#fff;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:45px;height:45px;}
    .head .tel a{background:url(../img/tel.png) no-repeat center center #da2121;background-size:auto 20px;height:45px;padding:0px;font-size:14px;text-indent:-9999px;}
    /* banner */
    .banners {height:180px;position:relative;}
    .banner a{height:180px; background-size:auto 180px;}
    .sbanner{height:155px;width:100%;margin:0 auto;clear:both;position:relative;top:0;left:0; z-index:0; background-size:auto 155px;}
    .sbanner .abannert{top:40px;font-size:14px;left:10px;width:180px;}
    .sbanner .abannert h4{font-size:18px;padding:5px 0 15px;}

    /*index*/
    .iabout{height:auto;width:96%;padding:2%;text-align:center;}
    .iabout .txt{float:left;width:100%;}
    .iabout .txt p{font-size:12px;color:#333;padding:10px 0 10px;line-height:21px;text-align:left;}
    .iabout .txt a{margin:0 auto;float:none;background:url(../img/jianb.png) no-repeat 110px center #7abd5c;width:100px;border:1px solid #7abd5c;color:#fff;text-align:center;padding:10px 20px;}
    .iabout .txt a:hover{background:url(../img/jian.png) no-repeat 110px center #fff;color:#b63636}
    .iabout .pic{float:right;height:auto;width:100%;margin:15px 0 0;}
    .iabout .pic img{width:100%;height:auto;}
    .ititle{float:left; text-align:center;with:100%;}
    .ititle h6{font-size:16px;padding:10px 0 10px;}
    .ititle h2{font-size:18px;}

    .iteampro{float:right;margin:20px 0 0;}
    .iteampro li{float:left;}
    .iteampro a{border:1px solid #000;background:#fff;display:block;float:left;padding:5px 5px;text-align:center;color:#666;margin:0 0 5px 5px;}
    .iteampro a:hover{ background:#000;color:#fff;}

    .casebg{background:url(../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 h2{color:#fff;}

    #certify {position: relative;width:100%;margin:0 auto;overflow: hidden;}
    #certify .swiper-container {padding-bottom: 60px;}
    #certify .swiper-slide {width:250px;height:150px;background:#000;position: relative;}
    #certify .swiper-slide img{display:block;width:100%;}
    #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(../img/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(../img/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%}


    .inewli{width:100%;overflow: hidden;}
    .inewli ul{width:100%;float:left;}
    .inewli ul li{float:left;margin:0 0 5px 0;width:100%;height:90px;}
    .inewli ul li a{display:block;width:95%;padding:2%;height:64px;border:2px solid #fff;background:#fff;}
    .inewli ul li .times{height:64px;color:#999;font-size:10px;text-align:center;float:left;margin:0 5px 0 0;}
    .inewli ul li .times .date{font-size:30px;padding:10px 0 5px;color:#000;}

    .inewli ul li h2{float:left;width:160px;padding:5px 0 0 0;height:60px;}
    .inewli ul li img{float:right;width:100px;height:64px;}
    .inewli ul li a:hover{border-color:#000;}

    /*main page*/
    .local{height:auto;width:100%;}
    .local .snav{position:relative;height:30px;float:left;width:100%;}
    .local .snav a{float:left;display:block;width:33.3333%;background:#f1f1f1;text-align:center;height:30px;line-height:30px;color:#d31a0b;border:none;}
    .local .snav a.act,.snav a:hover{background: #0276c2;color:#fff;}
    .local .host{float:left;margin:5px 0 0;color:#999;background:url(../img/home.png) no-repeat 0 center;padding:0 0 0 20px;}
    .local .host a{color:#999;}.local .host a:hover{color:#0276c2;}
    .page{width:100%;background:#efeded;padding:0px 0 0px;}
    .aboutcon{padding:2%;width:96%;background:#fff;margin:0 auto;}
    .aboutcon img{width:100%;}
    .proname{text-align:center; position: relative;margin:0 0 10px 0;}
    .proname em{font-size:20px;color:#0064bc;height:30px;position:relative;z-index:1;background:#fff;margin:0 auto;padding:0 20px;}
    .proname::after{position:absolute;content:'';top:50%;left:0;width:100%;height:1px;background:#ebebeb;}
    /*产品列表*/
    .proli ul li h3{font-size:12px;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(../img/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(../img/jianb.png) no-repeat 110px center #b63636;}
    .pnav{overflow: hidden; background:#f1f1f1;}
    .pnav ul{font-size:0;display: -webkit-flex;display: block;}
    .pnav li{display:inline-block;width:25%;overflow: hidden;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;border-right:none;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:28px;width:100%;position:relative;margin:20px 0;height:40px;}
    .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;}
    .contactl{ background:url(../img/contact_bg.png) no-repeat 180px center;border:0;width:100%;}
    .contactr{width:100%;padding:10px 0 20px;}
    .page_list {margin:10px 0;}
    /*footer*/
    .footer{background:url(../img/footbg.png) no-repeat top center #046FB3;float:left;padding:2%;color:#fff;height:auto;width:96%;margin:0 auto;position:relative;z-index:1;}
    .footer .fcontact{float:left;width:100%;}
    .footer .feedback{float:left;width:100%;margin:0;}
    .footer .feedback ul{width:100%;height:auto;}
    .footer .feedback ul li{float:left;border-bottom:1px solid #32A1EA;line-height:30px;height:30px;padding:3px 0;}
    .footer .feedback ul li input{border:0;color:#fff;background:transparent !important;padding:0 0 0 5px;}
    .footer .feedback .xingming{width:50%;}
    .footer .feedback .dianhua{float:right;width:50%;}
    .footer .feedback .liuyang{width:100%;}
    .footer .feedback .yanzhengma{width:100%;}
    .footer .feedback .tijiao{float:left;border:0;}
    .footer .feedback .tijiao .btn{width:100px;height:28px;cursor: pointer;text-align:center;border:1px solid #41B0F9;background:#0470B2;color:#41B0F9}
    .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;}
    .tbox{display:none;}
    #certify li i.icon-model-service-item { width: 36px; height: 36px; padding: 10px; background-size: 60%; }
    #certify li h4{font-size: 14px;}
    .aboutcon h2{clear: both;}
}
@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
    }
}