@charset "utf-8";
/* CSS Document */
/* 公用CSS */
html,body,ol,ul,li,a,span,div,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,img,fieldset,legend,blockquote,input,textarea,select,hr{margin:0;padding:0;list-style:none;word-wrap:break-word;outline:none;font-size:16px; border:none; font-family:"Conv_PraxisEF-Light_0","PraxiEFBol",Arial, Helvetica, sans-serif; letter-spacing:0.4px;}
input,textarea{outline:0;resize:none;}
img{vertical-align:top;border:0;}
input,textarea{font-size:12px;border:none;resize:none;outline:none;}
html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}
.clearfix{clear:both;margin:0;padding:0;font-size:0px;line-height:0px;height:0px;overflow:hidden;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
video {max-width: 100%;height: auto;}
*html .clearfix{zoom:1;}
*+html .clearfix{zoom:1;}
select{ background:rgba(255,255,255,0);}
body{color:#333;}
h2{ font-size:30px;}
a{color:#333;text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur()); }
a:hover{color:#228efd;text-decoration:none;}:focus{outline:none;}
/* CSS活动的公共样式 */
.fl{float:left;}
.fr{float:right;}
.gr_overflow{overflow:hidden;}
.wd{  margin:auto; padding:0 5%; height:auto; overflow:hidden; max-width:1440px;}
.width{margin:auto; padding:0 8%; height:auto;}
.kd{margin:auto; padding:0 20%; height:auto; overflow:hidden;}
.header-section{ width:100%; margin:auto; position:fixed; z-index:100000; }
.top-header {padding: 10px 0; margin:auto;height:auto; overflow:hidden; border-bottom:0px #eee solid;}
.oh{ overflow:hidden; height:auto;}
.gig{ margin:auto;}
.topleft{ width:50%; }
.topleft img{ vertical-align:middle; margin:0 10px;}
.toprg{ text-align:right; font-size:12px !important;}
.logo{ width:15%;margin-top:10px;}

.wdsj{ display:none; background:#fff; height:auto; overflow:hidden;border-bottom:0px #eee solid;}
.nav-con{ width:100%; height:100px;  line-height:100px; transition:all .2s; box-shadow: 0 1px 12px 0 rgb(0 0 0 / 10%);}
.naver{ width:60%;margin:0; float:right;}
.nav{  margin:auto;  }
.nav ul{}
.nav li{ float:left; position:relative; z-index:2000000;}
.nav li p{}
.nav li p a{ display:block; font-size:20px;padding:0 28px; }
.nav li:hover p a{ display:block; text-decoration:none;  padding:0 28px; color:#228efd !important;background:#fff;}
.nav li a.current{}
.nav li dl{ width:240px; line-height:40px; background:rgba(255, 255, 255,1); position:absolute; left:0px; top:80px; transition:all 0.3s; visibility:hidden; opacity:0;padding:0 0 10px 0; border-radius:0px 0px 10px 10px ;}
.nav li:hover dl{ visibility:visible; opacity:1;}
.nav li dl a{ display:block;  transition:all 0.3s;}
.nav li:hover dd{ margin:0 22px; border-bottom:1px solid #f2f2f2; line-height:45px; text-indent:10px; }
.nav li:hover dd a{ display:block; }
.nav li:hover dd a:hover{ display:block; text-decoration:none;}
.yy{ width:8%; float:right; color:#b4b4b4;text-align:right;margin-top:0px;}
.yy a{ color:#b4b4b4;}.yy a:hover{ color:#fff;}

.header_er{ display:none;}
.menu{position:relative;}
.sub_menu{ display:none;}
.openclose{ display: block; position:absolute; width: 60px; height: 60px;background:url(../images/pic18.png) no-repeat center;}
.sub_menu{ display: none; position:absolute; top:115px; width:100% !important; z-index:100; position: fixed; left:0;}
.sub_menu .bg{ background:rgba(255, 255, 255, 1); z-index:12;}
.sub_menu ul{}
.sub_menu li{ line-height: 50px; border-bottom: 1px solid #eee;}
.sub_menu li a{display:block; padding-left:3%; font-size:130%;}
.sub_menu li a:hover{ color: #00a2e3; display:block; text-decoration:none; padding-left:3%;}

/* banner */
.banner_pc{position:relative;padding:100px 0 0 0;}
.banner_yd{ display:none;}
.slideBox{ width:100%; height: auto; overflow:hidden; position:relative;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:47%; bottom:55px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:5px;  width:10px; height:10px; line-height:14px; text-align:center; background:#999; cursor:pointer; border-radius:50px; }
.slideBox .hd ul li.on{ background:#fefa01; color:#f60; width:50px; height:10px;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ max-width:100%;display:block;  }
.slideBox .bd li .wzi{position:absolute;left:35%; top:50%;z-index:199; color:#fff;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:35px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.3;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

/**con**/
.diyp{ padding:4.3% 0; height:auto; overflow:hidden; background:#f5f6f8;}
.diyp h2{   }
.sy{font-family:"PraxiEFBol";text-transform:uppercase; font-size:30px;font-weight:400;}
.diyp h3{  font-size:14px; font-weight:400; color:#a3a3a3; margin-top:12px; line-height:1.5;}
.diyp ul{ margin:2% -3% 0 0;}
.diyp ul li{ width:22%; float:left; height:auto; overflow:hidden; margin-right:3%; background:#fff; padding:5% 0;}
.diyp ul li .pic{ width:78; margin:auto;}
.diyp ul li .pic img{ max-width:100%; display:block; clear:both; margin:auto;}
.diyp ul li h4{ text-align:center; font-size:20px; padding:12% 0;}
.diyp ul li p{ color:#999; line-height:1.7; padding:0 12%; text-align:center; font-size:15px;}

/*****滚动***/
.sy_jjfa{position:relative; height:auto; overflow:hidden;}
.sy_jjfa .item{width:94%; margin:0 3%;  position:relative; background:#fff; height:auto; overflow:hidden;border-radius:15px;}
.sy_jjfa .item:hover{ }
.sy_jjfa .item h3{font-size: 1.12rem; text-align: center; padding:3% 6%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sy_jjfa .item p{ padding:0 6% 6%; line-height:1.7; font-size:15px; text-align:center;}
.sy_jjfa .item .morw{ width:130px; margin:auto; text-align:center; margin-bottom:50px; background:#228efd;border-radius:50px; padding:10px 0; border:2px #228efd solid;}
.sy_jjfa .item a .morw{ color:#fff; font-size:16px;}
.sy_jjfa .item:hover a .morw { color:#228efd; background:#fff;}

.sy_jjfa .item:hover  p{ color:#ff5500;}
.sy_jjfa .item .sy_jjfa_img{width:99.2%; height:auto; overflow:hidden; position:relative; padding-top:20px;}
.sy_jjfa .item .sy_jjfa_img img{max-width:100%;  transition:all 0.3s; }
.sy_jjfa .item .sy_jjfa_img:hover img{ transform:scale(1.2);}
.sy_jjfa .item .cons{ height:auto; padding:0 10%; line-height:1.3; text-align:center; margin-bottom:20px;}

.sy_jjfa .owl-wrapper:after{content: " ";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
/* display none until init*/
.sy_jjfa{display:none; width: 100%;-ms-touch-action:pan-y; padding-top:1%;}
.sy_jjfa .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.sy_jjfa .owl-wrapper-outer{overflow: hidden;width: 100%;}
.sy_jjfa .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.sy_jjfa .owl-item{float: left;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* mouse grab icon*/
.grabbing{cursor:url(../images/grabbing.png) 8 8, move;}
/* fix*/
.sy_jjfa .owl-wrapper,
.sy_jjfa .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}
.sy_jjfa .owl-controls{width:100%; z-index:11;}
.sy_jjfa .owl-controls .owl-buttons div{width:54px; height:54px; font-size:12px; text-indent:-9999px; border:1px #ccc solid; border-radius:200px; position:absolute; bottom:0; transition:0.5s;}
.sy_jjfa .owl-controls .owl-buttons .owl-prev{background:url(../images/btns.png) center no-repeat; left:1.5%;}
.sy_jjfa .owl-controls .owl-buttons .owl-prev:hover{border:1px #63b72f solid; background:#63b72f url(../images/btns.png) center no-repeat;}
.sy_jjfa .owl-controls .owl-buttons .owl-next{background:url(../images/btns.png) center no-repeat; overflow:hidden; right:1.5%;}
.sy_jjfa .owl-controls .owl-buttons .owl-next:hover{border:1px #63b72f solid; background:#63b72f url(../images/btns.png) center no-repeat;}
.sy_jjfa .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}
.sy_jjfa .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/}
.sy_jjfa .owl-controls .owl-page span{display: block;width:10px; height:10px; border:0px #999 solid; margin:0 3px; border-radius:100px; background:#c1c1c1; transition:all 0.5s;}
.sy_jjfa .owl-controls .owl-page.active span,
.sy_jjfa .owl-controls.clickable .owl-page:hover span{ border:0px #ff8400 solid; background:#228efd;}
.sy_jjfa .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
.sy_jjfa .loading{min-height: 150px;background: url(../images/AjaxLoader.gif) no-repeat center center}
.sy_jjfa .owl-pagination{width:100%; height:14px; text-align:center; margin-top:3%;}
.owl-buttons{display: none;}

/*****滚动***/
.sy_jjfas{position:relative; height:auto; overflow:hidden;}
.sy_jjfas .item{width:94%; margin:12px 3%;  position:relative; background:#fff; height:auto; overflow:hidden;border-radius:15px; border:1px #eee solid; border-radius:15px;box-shadow: 0px 2px 5px rgb(0 0 0 / 10%);}
.sy_jjfas .item:hover{ background:#f2f2f2;}
.sy_jjfas .item h3{font-size: 1.12rem; text-align: center; padding:3% 6%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sy_jjfas .item p{ padding:0 6% 3% 6%; line-height:1.2;  text-align:center; height:50px;}
.sy_jjfas .item .morw{ width:130px; margin:auto; text-align:center; margin-bottom:50px; background:#228efd;border-radius:50px; padding:10px 0; border:2px #228efd solid;}
.sy_jjfas .item a .morw{ color:#fff; font-size:16px;}
.sy_jjfas .item:hover a .morw { color:#228efd; background:#fff;}

.sy_jjfas .item:hover  p{ color:#228efd;}
.sy_jjfas .item .sy_jjfa_img{width:80%; height:auto; margin: auto; overflow:hidden; position:relative; }
.sy_jjfas .item .sy_jjfa_img img{max-width:100%;  transition:all 0.3s; text-align:center; margin:auto; display:block; clear:both; }
.sy_jjfas .item .sy_jjfa_img:hover img{ transform:scale(1.2);}

.sy_jjfas .owl-wrapper:after{content: " ";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
/* display none until init*/
.sy_jjfas{display:none; width: 100%;-ms-touch-action:pan-y;}
.sy_jjfas .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.sy_jjfas .owl-wrapper-outer{overflow: hidden;width: 100%;}
.sy_jjfas .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.sy_jjfas .owl-item{float: left;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* mouse grab icon*/
.grabbing{cursor:url(../images/grabbing.png) 8 8, move;}
/* fix*/
.sy_jjfas .owl-wrapper,
.sy_jjfas .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}
.sy_jjfas .owl-controls{width:100%; z-index:11;}
.sy_jjfas .owl-controls .owl-buttons div{width:54px; height:54px; font-size:12px; text-indent:-9999px; border:1px #ccc solid; border-radius:200px; position:absolute; bottom:0; transition:0.5s;}
.sy_jjfas .owl-controls .owl-buttons .owl-prev{background:url(../images/btns.png) center no-repeat; left:1.5%;}
.sy_jjfas .owl-controls .owl-buttons .owl-prev:hover{border:1px #63b72f solid; background:#63b72f url(../images/btns.png) center no-repeat;}
.sy_jjfas .owl-controls .owl-buttons .owl-next{background:url(../images/btns.png) center no-repeat; overflow:hidden; right:1.5%;}
.sy_jjfas .owl-controls .owl-buttons .owl-next:hover{border:1px #63b72f solid; background:#63b72f url(../images/btns.png) center no-repeat;}
.sy_jjfas .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}
.sy_jjfas .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/}
.sy_jjfas .owl-controls .owl-page span{display: block;width:10px; height:10px; border:0px #999 solid; margin:0 3px; border-radius:100px; background:#fff; transition:all 0.5s;}
.sy_jjfas .owl-controls .owl-page.active span,
.sy_jjfas .owl-controls.clickable .owl-page:hover span{ border:0px #ff8400 solid; background:#fff;}
.sy_jjfas .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
.sy_jjfas .loading{min-height: 150px;background: url(../images/AjaxLoader.gif) no-repeat center center}
.sy_jjfas .owl-pagination{width:100%; height:14px; text-align:center; margin-top:3%;}

.dierp{ width:100%; height:auto; overflow:hidden; margin:4% 0; position:relative;}
.dierp h2{   }
.sy{font-family:"PraxiEFBol";text-transform:uppercase; font-size:30px;font-weight:400;}
.dierp h3{  font-size:14px; font-weight:400; color:#a3a3a3; margin-top:12px; line-height:1.5;}
.dierp ul{ margin-top:2%;}
.dierp ul li{ width:16.6666666666%; float:left; height:auto; overflow:hidden; margin-right:0%; position:relative;}
.dierp ul li .pic{ overflow:hidden; position:relative;}
.dierp ul li .pic img{ width:100%;transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1); transition:transform 2s;-moz-transition:transform 2s;-ms-transition:transform 2s;-o-transition:transform 2s;-webkit-transition:transform 2s;}
.dierp ul li:hover .pic img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.dierp ul li .box{display: table;position: absolute;bottom:50px;left: 0; text-align:center; width:100%; padding-top:10%; }
.dierp ul li .box h4{ color:#fff; font-size:1.2rem;display: block;vertical-align: middle; width:80%; margin:auto; font-weight:300;}

.disanp{ padding:4% 0; height:auto; overflow:hidden; background:url(../images/bg.jpg) top center;}
.disanp h2{font-family:"PraxiEFBol";text-transform:uppercase; font-size:30px;font-weight:400; color:#fff;}
.disanp h3{  font-size:14px; font-weight:400; color:#a3a3a3; margin-top:12px; line-height:1.5;color:#fff;}
.disanp ul{ margin:3% -3% 0 0; overflow:hidden;}
.disanp ul li{ width:17%; float:left; height:auto; overflow:hidden; margin-right:3%; margin-bottom:3%;}
.disanp ul li .pic{ max-width:100%; margin:auto;}
.disanp ul li .pic img{ max-width:100%; display:block; clear:both; margin:auto;}
.disanp .more{ width:180px; border:2px #fff solid; margin:3% auto 0 auto; text-align:center;border-radius: 30px; padding:1% 0;}
.disanp .more a{ color:#fff;}
.bg{background:#f5f6f8; overflow:auto; height:auto;}
.disip{ width:100%; height:auto; overflow:hidden; margin:4% 0 0 0;}
.disip h2{   }
.disip h3{  font-size:14px; font-weight:400; color:#a3a3a3; margin-top:12px; line-height:1.5;margin-bottom:3%;}
.disip .gui{width:48%;float: left;position: relative;z-index: 200; padding:0% 0 0 0; }
.disip .gui strong{display: block; line-height: 33px; font-weight: normal;font-size: 16px; color:#333333; padding:10%;  margin-bottom:0px;}
.disip .gui-sz{background: #FFF;box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);box-sizing: border-box; padding:0 0 3% 0%; margin-bottom:20px; margin-top:70px;width:650px; height:auto; overflow:hidden; margin-left:10%;}
.disip .gui-sz ul{}
.disip .gui-sz ul li{ width:30%; float:left; border-right:1px #f2f2f2 solid; text-align:center;}
.disip .gui-sz ul li:nth-child(3){border-right:0;}
.disip .gui-sz ul li h3{ font-size:60px; color:#128de0;}
.disip .gui-sz ul li p{ color:#999; font-size:14px;}
sub{ font-size:16px;}
.disip .gui-rig {width:52%;height: auto;overflow: hidden;float: right;}
.disip .gui-rig .pic{ position:relative;overflow: hidden;}
.disip .gui-rig .pic img{width: 100%;height:100%; transition: 1s;}
.disip .gui-rig .pic:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.mores{ width:140px; height:auto;  line-height:45px; margin-top:0px; padding:0 10%; }
.mores a { -webkit-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease;width:140px;  font-size: 17px; position: relative;display: inline-block; text-align:center; background:#128de0; color:#fff; border-radius:50px; }
.mores a:after { content: ''; height: 100%; width: 0px; position: absolute; left: 0px; top: 0px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.mores a span { display: block; position: relative; z-index: 9;  -webkit-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; }
.mores a:hover span { color: #fff; }
.mores a:hover:after { width: 100%; background-color: #f0892a; color: #fff;  border-radius:50px;}

.diwup{ width:100%; height:auto; overflow:hidden;margin:5% 0;}
.diwup h3{  font-size:14px; font-weight:400; color:#a3a3a3; margin-top:12px; line-height:1.5;}
.diwup ul{ overflow:hidden; margin-right:-3%; height:auto; margin-top:3%;}
.diwup ul li{ width:22%; float:left; height:auto; overflow:hidden;margin-right:3%;}
.diwup ul li .pic{ overflow:hidden; position:relative;}
.diwup ul li .pic img{ width:100%;transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1); transition:transform 2s;-moz-transition:transform 2s;-ms-transition:transform 2s;-o-transition:transform 2s;-webkit-transition:transform 2s;}
.diwup ul li:hover .pic img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.diwup ul li .title{ padding:5% 0; 
white-space: nowrap;    /* 不换行 */
overflow: hidden;       /* 隐藏溢出内容 */
text-overflow: ellipsis;/* 显示省略号 */
}
.diwup ul li .time{padding:0 0 10px 0; color:#a1a1a1; font-size:12px; border-bottom:1px #f2f2f2 solid;}
.diwup ul li p{ line-height:1.6; font-size:14px;overflow: hidden; padding-top:20px;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; margin-bottom:0px; color:#666;}


/***滚动**/
.owl-demo4 {margin: 0 auto;margin-top:5%;}
.owl-carousel {display: none;position: relative;width: 100%;-ms-touch-action: pan-y;-webkit-touch-action: pan-y;-moz-touch-action: pan-y;-o-touch-action: pan-y;touch-action: pan-y;}
.owl-carousel .owl-wrapper-outer {overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}
.owl-carousel .owl-wrapper {display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}
.owl-carousel .owl-item {float: left;}
.owl-demo4 .item {margin:0; height:auto; overflow:hidden; background:#506ef5; }
.owl-demo4 .item .left{ width:45%; float:left;position: relative;overflow: hidden;}
.owl-demo4 .item .left img {display: block; margin:auto; clear:both;max-width: 100%;position: relative;left: 0;top: 0;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition: all 0.6s ease-out 0s;-moz-transition: all 0.6s ease-out 0s;-o-transition: all 0.6s ease-out 0s;transition: all 0.6s ease-out 0s;}
.owl-demo4 .item .left:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);/*-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%);-o-filter: grayscale(0%); filter: grayscale(0%); filter:none;*/}
.owl-demo4 .item .right{ width:43%; float:right; padding:6% 5% 0% 0; color:#fff;}
.owl-demo4 .item .right h3{ font-size:34px; font-weight:300; margin-bottom:30px;}
.owl-demo4 .item .right p{ line-height:1.5; font-size:18px;}
.owl-demo4 .item .right .more{ width:150px; line-height:45px; border-radius:5px; border:2px #fff solid; text-align: center; margin-top:40px; text-transform:uppercase;}
.owl-demo4 .item .right .more a{ color:#fff;}
.owl-demo4 .item .right:hover .more{ background:#f60; color:#fff;border:2px #f60 solid; }
.owl-theme .owl-controls {/* margin-bottom: 20px; */text-align: center;}
.owl-controls {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.owl-demo4.owl-theme .owl-controls .owl-pagination {}
.owl-demo4.owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/ margin-top:42px;}
.owl-demo4.owl-theme .owl-controls .owl-page span{display: block;width:10px;height: 10px;margin: 10px 3px;/*filter: Alpha(Opacity=50);opacity: 0.5;*/-webkit-border-radius:20px;-moz-border-radius:  20px;border-radius:20px;background:#a8bdf2;}
.about_five_div .owl-demo4.owl-theme .owl-controls .owl-page span{ background:#999;margin: 10px 4px;}
.owl-demo4.owl-theme .owl-controls .owl-page.active span{background:#506ef5; width:15px;height: 15px;}
.owl-demo4.owl-theme .owl-controls .owl-buttons{ position:absolute; top:50%; width:100%; left:0; height:0; display:none;}
.owl-demo4.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline; width:50px; height:50px;/*IE7 life-saver*/ text-indent:100px; line-height:40px;overflow:hidden;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; margin-top:-50px;/*box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); border-radius:50%;*/}
.owl-demo4.owl-theme .owl-controls .owl-buttons div.owl-prev{background:url(../images/left.png) center center no-repeat; background-size:100%; float:left; margin-left:-90px;}
.owl-demo4.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{background-image:url(../images/left_on.png);opacity:0.8;filter:Alpha(opacity=80);}
.owl-demo4.owl-theme .owl-controls .owl-buttons div.owl-next{background:url(../images/right.png) center center no-repeat; background-size:100%; float:right; margin-right:-90px;}
.owl-demo4.owl-theme .owl-controls .owl-buttons div.owl-next:hover{ background-image:url(../images/right_on.png);opacity:0.8;filter:Alpha(opacity=80);}
.owl-demo4.owl-theme .owl-controls .owl-page{ display:inline-block;}

/***底部css*****/
.footer{ padding:4% 0 2% 0; background:#1e61d6; height:auto; overflow:hidden; color:#fff;}
.footer .con{ height:auto; overflow:hidden; padding-bottom:3%; width:100%;}
.footer .con .left{ width:30%; float:left; height:auto; overflow:hidden;}
.footer .con .left .bt{ font-size:22px;  margin:0 0 33px 0;}
.footer .con .left .shere{ height:auto; overflow:hidden;}
.footer .con .left .shere ul li{ width:122px; float:left; overflow:hidden; margin-right:10%;}
.footer .con .left .shere ul li .pic{ width:122px; margin:auto;}
.footer .con .left .shere ul li .pic img{ max-width:100%; display:block; clear:both; margin:auto;}
.footer .con .left .shere ul li p{ text-align:center; font-size:12px; padding:10px 0;}


.footer .con .left .shere img{margin-right: 10px;margin-bottom: 10px;}
.footer .con .mid{ width:29%; float:left; margin:0 0 0 8%; height:auto; overflow:hidden;}
.footer .con .mid ul{ height:auto; overflow:hidden;}
.footer .con .mid ul li{ width:50%; float:left; height:auto; overflow:hidden;}
.footer .con .mid ul li .bt{ font-size:22px;  margin:0 0 30px 0;}
.footer .con .mid ul li p{ line-height:1;color:#e0dfdf; padding:8px 0;}
.footer .con .mid ul li p a{color:#e0dfdf;}
.footer .con .mid ul li p a:hover{color:#fff;}
.footer .con .right{ width:32%; float:right; height:auto; overflow:hidden;}
.footer .con .right .bt{ font-size:22px; margin:0 0 30px 0;}
.footer .con .right .box{ width:100%; height:auto; overflow:hidden;margin-top:5%;}
.footer .con .right .box .left{  height:auto; overflow:hidden; width:100%; }
.footer .con .right .box .left li{ display:block; overflow:hidden; background-repeat:no-repeat; background-position:left 10px 20px; background-size:auto 40px; color:#e0dfdf; font-size:14px; line-height:24px; padding:10px 0 10px 40px;}
.footer .con .right .box .left li.bgs1{ background:url(../images/tel.png) no-repeat 10px;}
.footer .con .right .box .left li.bgs2{ background:url(../images/email.png) no-repeat 10px;}
.footer .con .right .box .left li.bgs3{ background:url(../images/add.png) no-repeat 10px 15px;} 
.footer .con .right .box .left li label{ display:block; overflow:hidden; color:#e0dfdf; font-size:15px;}

.copy{ padding:2% 0 0 0; border-top:1px #487fde solid; color:#fff; line-height:1.8; text-align:center;}
/***内页css**/
.auto-banner-a {position: relative;color: #ffffff; padding:100px 0 0 0;}
.auto-banner-a .banner-img {display: block;margin-left: auto;margin-right: auto;}
.auto-banner-a img {width: 100%;}
.auto-banner-a .pc {display: block;}
.auto-banner-a .phone {display: none;}
.auto-banner-a .cont {position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding-top: 2%;color: #ffffff;}
.auto-banner-a .cont .cont-wrap {height: 100%;}
.auto-banner-a .cont .h1 {margin-bottom: 0.61em;font-size: 42px;line-height: 1.4em;}
@media (max-width: 1500px) {
  .auto-banner-a .cont .h1 {margin-bottom: 0.5em;font-size: 36px;}
}
@media (max-width: 1400px) {
  .auto-banner-a .cont .h1 {font-size: 32px;}
}
@media (max-width: 1200px) {
  .auto-banner-a .cont .h1 {margin-bottom: 0.7em;font-size: 0.36rem;}
}
@media (max-width: 768px) {
  .auto-banner-a .phone {display: block;}
  .auto-banner-a .cont .h1 {margin-bottom: 0.5em;font-size: 0.3rem;
  }
}
.postions {line-height:75px;overflow: hidden;color: #999999; background:#fff; border-bottom:1px #f4f4f4 solid;}
.postions .postions_r { float:left;}
.postions .postions_r img {vertical-align: baseline;margin-right: 8px;height: 12px;}
.postions a {color: #999999;}.postions .postions_r a:hover{color:#228efd;}
.postions .postions_b {float: right; position:relative;}
.postions .postions_b a.isel {color: #228efd;}
.postions .postions_b a {float: left;margin-left:60px;text-align: center;overflow: hidden;font-size: 16px;color: #333333;position: relative;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.postions .postions_b a.isel:after {left: 0%;right: 0%;opacity: 1;}
.postions .postions_b a:after {content: "";display: block;position: absolute;left: 50%;right: 50%;bottom: 0;height: 2px;opacity: 0;background-color: #228efd;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.postions .postions_b a:hover:after{left: 0%;right: 0%;opacity: 1;}
.postions .postions_b a:hover{color:#228efd;}
.ny_about{ background:#fff; padding:4% 0; }.ny_about h3{ display:block; margin-top:25px;}
.ny_about .left p{ line-height:1.8; text-align:justify; display:block; margin-top:30px; color:#444;}
.ny_about .left{ float:left; width:60%; height:auto; overflow:hidden;}
.ny_about .right{ float:right; width:37%; height:auto; overflow:hidden;}
.ny_about .right img{clear:both; display:block; max-width:100%;}
.ny_about .video{ padding:3% 0 0 0; height:auto; overflow:hidden; width:70%; margin:auto;}

.agent{ background:#f2f2f2; height:auto; overflow:hidden; padding:5% 0;}
.agent ul{}
.agent ul li{ background:#fff; border-radius:15px; height:auto; overflow:hidden; padding:2%; margin-bottom:2%;}
.agent ul li .left{ width:30%; float:left; overflow:hidden; height: auto;}
.agent ul li .left img{ max-width:100%;}
.agent ul li .right{ width:65%; float:right; height:auto; overflow:hidden;}
.agent ul li .right h5{ font-size:24px; margin-bottom:10px;}
.agent ul li .right p{ line-height:1.7;}

.nyabouts{ padding:3% 0%; height:auto; overflow:hidden; width:65%; margin:auto;}
.nyabouts h2{font-size:36px; font-weight:400; font-family:"PraxiEFBol"; margin-bottom:0%; text-align:center;}
.nyabouts p{ line-height:1.5; text-align: center; display:block; margin-top:0px; color:#444;}
.nyabouts p img{ margin:15px auto; clear:both; display:block; max-width:100%;}
.nyabouttwo{ height:auto; overflow:hidden; margin:8% 0 0 0;}
.nyabouttwo .video{ padding:10px 0 0 0; height:auto; overflow:hidden; width:50%; margin:auto; float:left;}
.nyabouttwo .wzbox{ width:45%; float:right; height:auto; overflow:hidden;}
.nyabouttwo .wzbox h2{font-size:36px; font-weight:400; font-family:"PraxiEFBol"; margin-bottom:2%; text-align:left; }
.nyabouttwo .wzbox p{line-height:1.5; text-align:left; display:block; color:#444;}
.gd{ height:80px;}
.nyaboutdsan{height:auto; overflow:hidden; margin:0;}
.nyaboutdsan p{ padding:0px 0 0 0; height:auto; overflow:hidden;  margin:auto; position:relative;}
.nyaboutdsan p strong{font-size:36px; font-weight:400; font-family:"PraxiEFBol"; margin-bottom:2%; text-align:left; position:absolute; left:0; }
.nyaboutdsan p span{ width:53%; float:left; text-align:left; position:absolute; left:0; top:70px;}
.nyaboutdsan p img{ float:right;width:42%; display:block; height:auto; overflow: hidden;}
.nyaboutdsi{height:auto; overflow:hidden; margin:0 0 2% 0;}
.nyaboutdsi p{ padding:0px 0 0 0; height:auto; overflow:hidden;  margin:auto; position:relative;}
.nyaboutdsi p span strong{font-size:36px; font-weight:400; font-family:"PraxiEFBol"; margin-bottom:2%; }
.nyaboutdsi p span{ width:53%; float:right; text-align:left; position:absolute; right:0; top:0px;}
.nyaboutdsi p img{ float:left;width:42%; display:block; height:auto; overflow: hidden;}

.ny_culture{ width:100%;  background: url(../images/wimg35.jpg) no-repeat center top; padding:4% 0;}
.nydyip{ width:100%; height:auto; overflow:hidden; background:#fafafa; padding:4% 0;}
.nspr{ overflow:hidden; height:auto;}
.nspr h2{ text-align:center; font-size:2.38rem; height:56px; font-weight:600;}
.nspr ul{margin-right:-3%; margin-top:3%;}
.nspr ul li{ width:30.33%; height: auto; float:left; overflow:hidden; margin-right:3%; background:#fff; padding-bottom:2%; }
.nspr ul li .pic{ width:100%; overflow:hidden;}
.nspr ul li .pic img{ width:100%;transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1); transition:transform 2s;-moz-transition:transform 2s;-ms-transition:transform 2s;-o-transition:transform 2s;-webkit-transition:transform 2s;}
.nspr ul li:hover .pic img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.nspr ul li h3{ text-align:center; line-height:1.7; margin:25px 0 0px 0; font-size:18px;}
.nspr ul li p{ line-height:1.6; color:#999; padding:3%; text-align:center;  height:50px;}

.aboutkb{ padding:5% 0; height:auto; overflow:hidden;}
.aboutkb p{ color:#999; line-height:2; }
.aboutkb ul{ margin-right:-1px; margin-top:3%;}
.aboutkb ul li{ width:33%; float:left; height:auto; overflow:hidden; margin-right:1px; position:relative;}
.aboutkb ul li .pic{ overflow:hidden; position:relative;}
.aboutkb ul li .pic img{ width:100%;transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1); transition:transform 2s;-moz-transition:transform 2s;-ms-transition:transform 2s;-o-transition:transform 2s;-webkit-transition:transform 2s;}
.aboutkb ul li:hover .pic img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.aboutkb ul li .box{display: table;position: absolute;top: 0;left: 0; text-align:center; width:100%; padding-top:20%; }
.aboutkb ul li .box h3{ color:#fff; font-size:1.75rem;display: block;vertical-align: middle; width:100%; font-weight:600;}
.aboutkb ul li .box p{color:#fff; display: block;vertical-align: middle;  font-size:15px; line-height:1.4; padding:20px 5%;}
.aboutkb ul li .box p a{ color:#fff; border-bottom:1px #fff solid;}


.honor_img{ margin:5% 0; height:auto; overflow:hidden; width:100%;}
.honor_img ul{ margin-right:-2%; margin-top:3%; height:auto; overflow:hidden;}
.honor_img ul li{width:23%; height: auto; float:left; margin-right:2%; margin-bottom:1%; }
.himg{position:relative; overflow:hidden; height: auto; }
.honor_img ul li p{ text-align:center;line-height:30px; font-size:14px; padding-top:10px; width:100%;}
.honor_img ul li img{max-width:100%; border:2px solid #e6e6e6; box-sizing:border-box;transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1); transition:transform 2s;-moz-transition:transform 2s;-ms-transition:transform 2s;-o-transition:transform 2s;-webkit-transition:transform 2s; }
.honor_img ul li img:hover{border-color:#0069e2;transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.honor_img h2{ font-size:28px;}.honor_img p{ color:#999;} 

/**分页**/
.pages{text-align:center;font-size:14px;margin:50px auto 0% auto; width:100%;}
.pages .pagination{border-radius:0px;}
.pages a{display:inline-block;width:55px;height:35px;text-align:center;line-height:35px;font-size:14px;color:#888;border:1px solid #d2d2d2;margin-left:10px;}
.pages a:hover,.pages a.on{border:1px solid #228efd;background:#228efd;color:#fff;}

.new_list {margin: 0;overflow: hidden; padding:4% 0; height:auto;}
.new_list ul {overflow: hidden; margin-right:-3%;}
.new_list ul li {overflow: hidden; width:30.333%; float:left; margin-right:3%; height:auto; margin-bottom:3%;}
.new_list ul li .pic { position:relative; height:auto; overflow:hidden;}
.new_list ul li .pic img{max-width:100%;  box-sizing:border-box;transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1); transition:transform 2s;-moz-transition:transform 2s;-ms-transition:transform 2s;-o-transition:transform 2s;-webkit-transition:transform 2s; }
.new_list ul li .pic img:hover{border-color:#0069e2;transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.new_list ul li .time{ font-size:14px; color:#999; padding:20px 0; }
.new_list ul li .title{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom:10px;}
.new_list ul li p{ line-height:1.5; color:#999;}
.new_list ul li a:hover img {transform: scale(1.1);}
.new_list ul li a:hover .title{ color:#228efd;}
.new_list ul li a:hover p {color: #666;}

.news_box{ margin:5% auto 5% auto; width:90%; height:auto; overflow:hidden;  overflow:hidden; padding:0 3% 0 0;}
.news_box h1{ font-size:40px; text-align:center;}
.news_box .info {line-height: 25px;color: #999;margin-top: 14px; text-align:center;}
.news_box .article{border-top: solid 1px #e6e6e6;border-bottom: solid 1px #e6e6e6;padding: 40px 0;margin: 30px 0;line-height: 28px;color: #555;text-align: justify;} 
.news_box img{ display:block; margin:15px auto; clear:both; max-width:100%;}
.news_box_pages{ height:auto; overflow:hidden; margin:0 auto; }
.news_box_pages ul{}
.news_box_pages ul li{ line-height:25px; font-size:16px; float:left; width:50%;}
.news_box_pages ul li a{ font-size:16px; color:#777;}
.news_box_pages ul li a:hover{ color:#228efd;}

.contact{ padding:5% 0;}
.contact h2{ text-align:center; margin-bottom:5%;}.contact h2 span{ color:#228efd; font-size:36px;}
.contact .left{width:48%; float:left;}
.contact .h4{ font-weight:normal; overflow:hidden; line-height:1.2; color:#222222;}
.contact .contact_ul{ overflow:hidden; border-top:1px solid #e5e5e5; margin-top:4%;border-bottom:1px solid #e5e5e5; padding-bottom:10px;}
.contact .contact_ul .box{ width:100%; height:auto; overflow:hidden;margin-top:5%;}
.contact .contact_ul .box .left{  height:auto; overflow:hidden; width:100%; }
.contact .contact_ul .box .left li{ display:block; overflow:hidden; padding-top:18px; padding-bottom:10px; background-repeat:no-repeat; background-position:left top 20px; background-size:auto 40px; color:#666666; font-size:16px; padding-left:60px; line-height:24px;}
.contact .contact_ul .box .left li.bgs1{ background-image:url(../images/contact_pic3.png);}
.contact .contact_ul .box .left li.bgs2{ background-image:url(../images/contact_pic4.png);}
.contact .contact_ul .box .left li.bgs3{ background-image:url(../images/contact_pic5.png);}
.contact .contact_ul .box .left li label{ display:block; overflow:hidden; color:#333333; font-size:18px;}
.contact .contact_ul li a{ color:#666666;}
.contact .contact_ul li a:hover{ color:#000;}
.contact .contact_fx{ margin-top:4%;}
.contact .right{width:45%; float:right;}
.feedback_div{  overflow:hidden;}
.feedback_div .divs{ border:1px solid #eeeeee; overflow:hidden; position:relative; margin-bottom:10px; background:#f8f8f8;}
.feedback_div .inputs2{ width:100%;  background:none; height:48px; line-height:48px; font-size:14px; color:#666; border:0; outline:none;  text-indent:27px; font-family:Arial;}
.feedback_div .inputs2::-webkit-input-placeholder{color:#999;}
.feedback_div .inputs2::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#999;}
.feedback_div .inputs2:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */ color:#999;}
.feedback_div .inputs2:-ms-input-placeholder{  /* Internet Explorer 10-11 */color:#999;}
.feedback_div .divs:after{ content:"*"; position:absolute; left:15px; top:14px; color:#fe1212; font-size:14px;}
.feedback_div .divs.one{ margin-top:24px;}
.feedback_div select::-ms-expand { display: none; } 
.feedback_div .textarea{ padding:2.6%; padding-left:27px; width:100%;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */ background:none; font-size:14px; font-family:Arial;border:none; outline:none; color:#666; height:120px;  }
.feedback_div .textarea::-webkit-input-placeholder{color:#999;}
.feedback_div .textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#999;}
.feedback_div .textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */ color:#999;}
.feedback_div .textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */color:#999;}
.feedback_div .bnts2{  border: none; width:30%; max-width:108px;font-size: 14px; height: 38px; background: #228efd; font-family:Arial; text-align: center;color: #fff; outline: none;  cursor: pointer; -webkit-appearance: none;  margin-top:7px;  text-transform:uppercase;transition:all 0.3s;}
.feedback_div .bnts2:hover{opacity:0.8;filter:Alpha(opacity=80);}
.feedback_div .map{}
.feedback_div .map img{ max-width:100%;}
.boxprolist{ margin:3% 0 5% 0; height:auto; overflow:hidden;}
.boxprolist .left{ width:20%; float:left; height:auto; overflow:hidden; margin:1% 0 0 0; background:#fbfbfb;}
.boxprolist .left h2{ background:#228efd; color:#fff; text-indent:20px; font-size:22px; padding:20px 0;}
.boxprolist .left ul{}
.boxprolist .left ul li{ border-bottom:1px #eee solid; font-size:18px;}
.boxprolist .left ul li p{text-indent:20px; line-height:70px; display:block; font-weight:bold;}
.boxprolist .left ul li dl{ padding:0px 0 10px 0;}
.boxprolist .left ul li dl dt{ padding:12px 25px; font-size:16px; line-height:1.3;}
.boxprolist .left ul li dl dt a{ font-size:16px;}
.boxprolist .left a.isel {color: #228efd; display:block;}
.boxprolist .left a.isel:after {left: 0%;right: 0%;opacity: 1;}
.boxprolist .left ul li dl dt a.iseel { color:#228efd}
.boxprolist .left ul li dl dt a.iseel:after {left: 0%;right: 0%;opacity: 1;}

.products{ width:100%;  height:auto; overflow:hidden; padding-top:3%;}
.products ul{ margin-right:-3%;margin-bottom:5%; padding-top:0%;height: auto;overflow: hidden;}
.products ul li{ width:21.5%; float:left; height:auto; overflow:hidden; background:#fff; margin:1.5%;transition:all 0.3s;  border-radius:8px;border:1px #f7f7f7 solid; padding:0;}
.products ul li .title{ overflow: hidden; position:relative; background:url(../images/bgs.jpg) no-repeat center center; text-align:center; color:#fff; padding:30px 0; font-size:24px;}
.products ul li .box{ padding:5%; min-height:100px; margin-bottom:3%;}
.products ul li .box .bt{ width:50%; float:left; line-height:1.6; margin-bottom:5px;}
.products ul li .box .bt a:hover{ color:#228efd;}
.products ul li .pic img{ max-width:100%; transition:all 1s; margin:auto; display:block; clear:both;}
.products ul li h6{ text-align:center; padding:3% 3% 0 3% ; line-height:1.2;  font-size:0.93rem; font-weight:300; white-space: nowrap;overflow: hidden; text-overflow: ellipsis; margin-bottom:30px;}
.products ul li:hover{cursor:pointer;transform:translate(0,-10px); -webkit-box-shadow: 0 5px 25px rgba(0,0,0,0.05); box-shadow: 0 5px 25px rgba(0,0,0,0.05); }
.products ul li h4{ text-align:center; line-height:2;font-size:0.93rem; padding-bottom:10%;}
.products ul li p{ text-align:center; background:#f2f2f2; margin:0 30px 10px 30px; padding:5px 0px; font-size:14px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}

.danye{ padding:5% 0; height:auto; overflow:hidden; line-height:1.7;}
.danye table{ border-collapse:collapse; border: 1px #eee solid !important; width:100% !important;line-height:40px !important; margin-bottom:3%;}
.danye table td{ word-wrap:break-word;word-break:break-all;border: 1px #eee solid !important;line-height:28px !important;padding: 5px 0}
.danye table h6{line-height:40px !important;}

.danye img{ max-width:100%; margin:auto; clear:both; display:block;}
.danye .bg{ background:#228efd; color:#fff;}

/******产品详情*****/
.prorights{ padding:4% 0 1% 0;}
.proconbxo{ }
.procon{ margin:auto; width:100%; padding-bottom:2%;}
.procon .left{ width:20%; float:left; height:auto; overflow:hidden; padding:1% 0 0 0; background:#fbfbfb;}
.procon .left h2{ background:#228efd; color:#fff; text-indent:20px; font-size:22px; padding:20px 0;}
.procon .left ul{}
.procon .left ul li{ border-bottom:1px #eee solid; font-size:18px;}
.procon .left ul li p{text-indent:20px; line-height:70px; display:block; font-weight:bold;}
.procon .left ul li dl{ padding:0px 0 10px 0;}
.procon .left ul li dl dt{ padding:12px 25px; font-size:16px; line-height:1.3;}
.procon .left ul li dl dt a{ font-size:16px;}
.procon .left a.isel {color: #fff; background:#5dc0da; display:block;}
.procon .left a.isel:after {left: 0%;right: 0%;opacity: 1;}
.procon .left ul li dl dt a.iseel { color:#228efd}
.procon .left ul li dl dt a.iseel:after {left: 0%;right: 0%;opacity: 1;}

.meiti_dt{width:52%; float:left;}
.page{ width:100%;}

.proconrg{ width:43%; float:right; height:auto; overflow:hidden; padding:5% 0 0 0;}
.proconrg h3{ margin-bottom:3%;  padding-bottom:2%; font-size:2rem;border-bottom:1px #eee solid;}
.proconrg h4{ margin-bottom:2%;padding:0 0 0% 0; font-size:24px; }
.proconrg h5{ padding:0 0 4% 0; font-weight:300;margin-bottom:4%;border-bottom:1px #eee solid;}
.proconrg h6{ padding:0 0 4% 0; font-weight:300;margin-bottom:4%;border-bottom:1px #eee solid;}
.proconrg p{ line-height:1.5; padding:5px 0;}
.proconrg table{ border-collapse:collapse; border: 1px #ccc solid !important; width:100% !important;}
.proconrg table td{word-wrap:break-word;word-break:break-all;border: 1px #ccc solid !important; padding:10px 0; line-height:1.3;}

.product_two {overflow: hidden;background: #fff;border-radius: 8px;margin: 3% 0;}
.product_title {height: 90px;line-height: 90px;font-size: 17px;position: relative;overflow: hidden; border-bottom:1px #efefef solid;}
.product_title a.on {color: #228efd;font-size:36px; font-weight:bold;}
.product_title a {float: left; font-size:1.56em;overflow: hidden;text-align: center;color: #666666;cursor: pointer;position: relative;}
.product_title a{ float:left; overflow:hidden;  text-align:center; color:#666666;  cursor:pointer; position:relative;}
.product_title a:after{ content:""; position:absolute; bottom:1px; left:0; width:0;transition:all 0.3s; height:2px; background:#228efd; z-index:1;}
.product_title a.on:after{ width:100%;}
.product_title a.on{ color:#228efd; }
.product_cons{  margin:0 auto; width:80%; overflow:hidden;  font-size:16px; line-height:24px; color:#666666; margin-top:3.5%; padding-bottom:5%;}
.product_cons img{ max-width:100%; display:block; clear:both; margin:auto;}
.product_cons table{ border-collapse:collapse; border: 1px #ccc solid !important; width:100% !important;line-height:2 !important;}
.product_cons table td{ word-wrap:break-word;word-break:break-all;border: 1px #ccc solid !important;line-height:2 !important;}
.product_cons table h6{line-height:1.9;}
.tb_box{ width:15%; background:#f2f2f2; text-align:center; margin:0 auto 5% auto; text-transform:uppercase; border-radius:5px;}
.tb_box a{ padding:15px 0; display:block; font-size:1.35rem;}
.tb_box:hover,.tb_box:hover a{ background:#228efd; color:#fff;}

.servicebox{ width:100%; height:auto; overflow:hidden; margin:5% 0;}
.servicebox ul{margin-right:-3%;}
.servicebox ul li{ width:17%; float:left; height:auto; overflow:hidden; margin-right:3%; margin-bottom:3%; }
.servicebox ul li .pic{  position:relative; margin:auto;}
.servicebox ul li .pic img{ max-width:99%; margin:auto; clear:both; display:block; border:1px #eee solid;}
.servicebox ul li h3{ text-align:center; font-size:20px; font-weight:300; padding:10px 0 0 0;}
.dyip{ padding:4% 0; height:auto; overflow:hidden; background:#f8f8f8;}
.dyip h2{ text-align:center;  font-weight:500; font-size:1.85rem;}
.dyip p{ text-align:center; line-height:1.8; padding:20px 8% 0 8%; color:#666;}
.dyip .ul {overflow: hidden;margin-top: 4%;}
.dyip .ul li{ float:left; width:32%; margin-right:2%;  overflow:hidden; position:relative; margin-bottom:2%;}
.dyip .ul li:nth-child(3n+0){ margin-right:0;}
.dyip .ul li .imgs{ overflow:hidden; position:relative; padding-top:60%;}
.dyip .ul li .imgs img{ display: block;overflow:hidden; width:100%; height:100%; position:absolute; left:0; top:0; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.dyip .ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.dyip .ul li .h4{ font-weight:normal; overflow:hidden; margin-top:13px; font-size:18px; color:#333333;line-height:30px; text-align:center;}

.oembox{ padding:5% 0 0 0; height:auto; overflow:hidden;}
.oembox h2,.obx h2,.conbx h2{ text-align:center; padding-bottom:20px;}
.oembox p,.obx p,.conbx p{ color:#777; line-height:1.5; text-align:center;}
.oembox ul{ margin-top:3%; margin-right:-3%;}
.oembox ul li{ width:24.333%; float:left; height:auto; overflow:hidden; margin-right:3%; border-radius:30px; padding:3%; background:#f7f7f7; position:relative;}
.oembox ul li h3{ font-size:20px; margin-bottom:15px;}
.oembox ul li p{ text-align:left; margin-bottom:50px;}
.oembox ul li .pic { position:relative; height:auto; overflow:hidden; padding:5%; width:200px; margin:auto}
.oembox ul li .pic img{max-width:100%;  box-sizing:border-box;transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1); transition:transform 2s;-moz-transition:transform 2s;-ms-transition:transform 2s;-o-transition:transform 2s;-webkit-transition:transform 2s; }
.oembox ul li .pic img:hover{border-color:#0069e2;transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.oembox ul li:hover img {transform: scale(1.1);}
.oembox ul li:hover h3{ color:#fff;}
.oembox ul li:hover p {color:rgba(255,255,255,0.8);}
.oembox ul li:hover{ background: linear-gradient(to bottom, #506ef5 0%, #33ccff 100%);}
.obx{ padding:4% 0 2% 0; height:auto; overflow:hidden;}
.conbx{ padding:6% 0; height:auto; overflow:hidden;}
.conbx ul{ margin-top:3%; margin-right:-3%;}
.conbx ul li{ width:30.33%; height:auto; overflow:hidden; margin-right:3%; background:#f7f7f7; border-radius:30px; float:left;}
.conbx ul li .pic { position:relative; height:auto; overflow:hidden; margin:auto}
.conbx ul li .pic img{max-width:100%;  box-sizing:border-box;transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1); transition:transform 2s;-moz-transition:transform 2s;-ms-transition:transform 2s;-o-transition:transform 2s;-webkit-transition:transform 2s; }
.conbx ul li .pic img:hover{border-color:#0069e2;transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.conbx ul li h3{padding:5%;}
.conbx ul li p{padding:0 5% 5% 5%; text-align:left; min-height:160px;}
.conbx ul li:hover img {transform: scale(1.1);}
.conbx ul li:hover h3{ color:#fff; }
.conbx ul li:hover p {color:rgba(255,255,255,0.8);}
.conbx ul li:hover{ background: linear-gradient(to bottom, #506ef5 0%, #33ccff 100%);}

.oemer{ width:100%; height:auto; overflow:hidden;}
.oemer ul{}
.oemer ul li{ width:50%; float:left; height:auto; overflow:hidden;position:relative;}
.oemer ul li .pic{position: relative;overflow: hidden; }
.oemer ul li .pic img{display: block; margin:auto; clear:both;max-width: 100%;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition: all 0.6s ease-out 0s;-moz-transition: all 0.6s ease-out 0s;-o-transition: all 0.6s ease-out 0s;transition: all 0.6s ease-out 0s;}
.oemer ul li:hover .pic img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);/*-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%);-o-filter: grayscale(0%); filter: grayscale(0%); filter:none;*/}
.oemer ul li .box{display: table;position: absolute;top: 0;left: 0; text-align:center; width:100%; padding-top:35%; }
.oemer ul li .box h3{ color:#fff; font-size:2.23rem;display: block;vertical-align: middle; width:100%; font-weight:500;}
.oemer ul li .box p{color:#fff; display: block;vertical-align: middle; width:100%; font-size:16px; line-height:3;}
.oemer ul li .box p a{ color:#fff; border-bottom:1px #fff solid;}
.oemer ul li .box .wz{ line-height:1.6; color:#fff; padding:0 8%;}

/***新增css**/
.supportmeun{ float:right; width:60%; margin-top:20px;}
.supportmeun ul{}
.supportmeun ul li{ float:left; margin:0 2%;  position:relative; line-height:35px;}
.ulBox {display: flex;justify-content: center;flex-wrap: wrap;}
.supportmeun ul li p{ padding:0 10px;border-radius:30px;}
.supportmeun li a.current p{ color:#FFF; background:#228efd;}
/*.supportmeun li:hover .current{color:#FFF; background:#228efd;border-radius:30px;line-height:35px; display:block;}*/
.supportmeun li a:hover{ color:#228efd;}
.supportbox{ padding:5% 0; height:auto; overflow:hidden;}
.supportbox h3{ font-size:30px; color:#228efd; margin-bottom:5px;}
.supportbox p{ line-height:25px;  padding:10px 0;}
.supportbox p strong{ font-size:21px; margin-top:15px; display:block;}
.supportbox ul{margin-right:-2%}
.supportbox ul li{ width:18%; float:left; margin-right:2%; height:auto; overflow:hidden;}
.supportbox ul li .pic{ width:100%;}
.supportbox ul li .pic img{ border:1px #efefef solid; display:block; margin:auto; clear:both; max-width:100%;}
.supportbox ul li p{ text-align:center;}

.ny_main{ margin:5% 0 4% 0; overflow: hidden; height:auto; }
.ny_main h2{ padding:10px 0 30px 0; font-size:28px;}
.ny_main .leftbox{ width:20%; float:left; height:auto; overflow:hidden;}
.ny_main .leftbox ul{}
.ny_main .leftbox ul li{ border-bottom:1px #eee solid; padding:15px 0; text-indent:2em;}
.ny_main .leftbox ul li a{ font-size:20px; font-weight:bold;}
.ny_main .leftbox ul li a.isel {color:#228efd; display:block;}
.ny_main .leftbox ul li a.isel:after {left: 0%;right: 0%;opacity: 1;}

.ny_main .rightbox{ width:75%; float:right; height:auto; overflow:hidden;}
.slide_join{width:100%; float:left;}
.slide_join h3{float:left;width:96%; height:45px; padding:0 2%; font-weight:normal; background-color:#f6f6f6;margin-bottom:20px; cursor:pointer; border-radius:5px;}
.slide_join h3.on{background-color:#228efd;}
.slide_join h3 span{float:left; width:80%; height:45px; color:#000;  font-size:16px; line-height:45px; overflow: hidden; text-overflow:ellipsis;}
.slide_join h3.on span{color:#fff;}
.slide_join h3 em{float:right; width:30px;height:30px; margin:8px 0 0 0; background:url(../images/join_img9.png) no-repeat;}
.slide_join h3.on em{background:url(../images/join_img10.png) no-repeat;}
.slide_join ul{float:left; width:96%; background-color:#fff; padding:0 25px 25px 25px;}
.slide_join ul .join_show{float:left; width:96%;  line-height:28px;}


.softward{ padding:4% 0; height:auto; overflow:hidden;}
.softward ul{ margin-right:-3%;}
.softward ul li{ width:47%; float:left; height:auto; overflow:hidden; float:left; margin-right:3%; margin-bottom:1%; background:#f2f2f2; line-height:52px;}
.softward ul li .left{ width:80%; float:left;}
.softward ul li .left p{ padding:0 0 0 3%; overflow: hidden; text-overflow:ellipsis;white-space: nowrap;}
.softward ul li .right{ width:10%; float:right;}
.softward ul li .right img{ margin-top:12px;}
.softward ul li:hover{ background:#3949ec;}
.softward ul li:hover a{ color:#fff;}



.cd-top {display: inline-block;height: 40px;width: 40px;position: fixed;bottom: 100px;right: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);/* image replacement properties */
overflow: hidden;text-indent: 100%;white-space: nowrap;background:#506ef5 url(../images/top.png) no-repeat center 50%;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;transition: all 0.3s; }
.cd-top.cd-is-visible {visibility: visible;opacity: 1;}
.cd-top.cd-fade-out {opacity: 1;}
.no-touch .cd-top:hover {background-color: #506ef5;opacity: 1;}
@media only screen and (min-width: 768px) {.cd-top {right: 20px;bottom: 20px;}}
@media only screen and (min-width: 1024px) {.cd-top {height: 40px;width: 40px;right: 30px;bottom: 30px;}}