@charset "utf-8";
/* CSS Document */

/*引入字体库*/
@font-face {
  font-family: 'iconfont';
  src: url('//at.alicdn.com/t/font_1432720974_1547027.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'), /* chrome銆乫irefox */
  url('//at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'), /* chrome銆乫irefox銆乷pera銆丼afari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg'); /* iOS 4.1- */
}
ul,li{ list-style:none;}
@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  src: local('Pacifico Regular'), local('Pacifico-Regular'), url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
}
.fa {display: inline-block;font-family: "iconfont";font-size:20px;font-style: normal;font-weight: 400;line-height: 1;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
.fa-icon-qq:before { content: "\e604"; }
.fa-icon-weibo:before { content: "\e600"; }
.fa-icon-weixin:before { content: "\e605"; }
.fa-icon-zaixianzixun:before { content: "\e608"; }
/************************************************************************************************************/

.no-padding {padding: 0 !important;}
.no-margin {margin: 0 !important;}
.no-background{ background:none !important;}
.no-border{ border:none !important;}
.overflow{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
a{ text-decoration:none !important; cursor:pointer !important; outline:none !important; color:#222;}
.imgvertical{vertical-align:middle !important;}
.container-fluid{ max-width:1230px !important;}
.clearfix:after,.clearfix:before{ content: ''; display: table;}
.clearfix:after{ clear: both;}
.clearfix{ *zoom: 1;}
.clear { clear:both;}
body{ font-family:"微软雅黑";}

/*全局样式*/
.top_nav{ background: #1a57c1;}
.top_nav .left_zi{ font-size: 12px; color: #fff; line-height: 36px;}
.top_nav .right_zi ul{ margin: 0; border-right: 1px solid #5f8ad4;}
.top_nav .right_zi ul li{ font-size: 18px; line-height: 36px; position: relative; padding: 0 10px; border-left: 1px solid #5f8ad4;}
.top_nav .right_zi ul li a{ color: #fff; position: relative;}
.top_nav .right_zi ul li a .imgbox{ width: 120px; height: 120px; background: #fff; position: absolute; left: 50%; margin-left: -60px; top: 36px; z-index: 10; display: none;}
.top_nav .tel{ font-size: 14px; font-weight: bold; color: #fff; line-height: 36px; margin: 0 15px 0 0; padding: 0 0 0 24px; background: url(../images/dh.png) left center no-repeat;}

.logo{ height:96px;}
.logo.active{ background: rgba(255,255,255,0.8); position: fixed; left: 0; top: 0; width: 100%; z-index: 9999;}
.logo .logoimg img{ margin-top:28px;}
.logo nav{ width: 66%;}
.logo nav ul li{ width:12.5%; margin: 32px 0 0 0;}
.logo nav ul li a{ display:block; color:#343434; font-size:16px; line-height:32px; border-radius: 5px; transition: all .3s;}
.logo nav ul li.active a{ background:#1a57c1; color: #fff;}

.banner{ position:relative; overflow:hidden;}
.banner img{ display: block; margin:0 auto; width:100%; display:none;}
.banner .carousel-fade .carousel-inner .item{opacity:0;-webkit-transition-property:opacity;transition-property:opacity}
.banner .carousel-fade .carousel-inner .active{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;}
.banner .carousel-control.left{ left:18%; width:24px;background:url(../images/left_but.png) no-repeat left;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.banner .carousel-control.right{ right:18%; width:224px;background:url(../images/right_but.png) no-repeat right;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.banner .carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{left:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}
.banner .carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;}
.banner #myCarousel{position:relative}
.banner #myCarousel .carousel-indicators{bottom:0;z-index:4}
.banner #myCarousel .carousel-indicators li{margin:0 4px;width:15px;height:4px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s; background:#fff; border:none; border-radius: 3px !important;}
.banner #myCarousel .carousel-indicators li:hover{background-color:#1a57c1; }
.banner #myCarousel .carousel-indicators li.active{background-color:#1a57c1; }

/*m-w*/
.mian-about{ padding: 50px 0;}
.mian-pic2{ padding: 40px 0; background: url(../images/pic_bg.jpg) center center; background-size: cover;}
.mian-case{ padding: 30px 0;}
.mian-gg{ padding: 28px 0; background: url(../images/gg_bg.jpg) center center; background-size: cover; position: relative;}
.mian-gg:after{ content: ''; width: 100%; height: 1px; background: #fff; position: absolute; left: 0; top: 7px;}
.mian-gg:before{ content: ''; width: 100%; height: 1px; background: #fff; position: absolute; left: 0; bottom: 7px;}
.mian-ys{ padding: 58px 0;}
.mian-ys2{ padding: 58px 0; background: url(../images/ys_bg.jpg) center center; background-size: cover;}
.mian-video{ padding: 30px 0;}
.mian-news{ padding: 30px 0 50px; background: url(../images/news_bg.jpg) center center; background-size: cover;}
.mian-Color{ padding: 30px 0;}


/*t-2*/
.title { margin: 20px 0;}
.title h3{ color: #fff; font-size: 30px; font-weight: bold; padding: 18px 0;}
.title h5{ color: #999999; font-size: 20px; background: url(../images/biao_bg.png) center center no-repeat;}
.title .xian{ width: 38px; height: 3px; background: #0879e8; margin: 10px auto 0;}


/*t-2*/
.title3 { margin: 20px 0;}
.title3 h3{ color: #1a57c1; font-size: 30px; font-weight: bold; padding: 18px 0;}
.title3 h5{ color: #212121; font-size: 20px; background: url(../images/biao_bg.png) center center no-repeat;}
.title3 .xian{ width: 38px; height: 3px; background: #1a57c1; margin: 10px auto 0;}
.title3 h6{ font-size: 16px; color: #999999; padding: 24px 0 0 0;}

/*t-2*/
.title01 { margin: 20px 0;}
.title01 h3{ color: #1a57c1; font-size: 30px; font-weight: bold; padding: 18px 0;}
.title01 h5{ color: #212121; font-size: 20px; background: url(../images/biao_bg2.png) center center no-repeat;}


/*t-6*/
.title6{ position: relative; height: 34px;}
.title6:before{ content: ''; width: 100%; height:1px; background: #dcdcdc; position: absolute; left: 0; bottom: 0px;}
.title6 span{ font-size: 14px; color: #616161; line-height: 34px;}
.title6 span b{ color: #343434;}
.title6 span a{ color: #616161;}
.title6 span a:hover{ color: #0065fd;}
.title6 a.fan{ font-size: 12px; color: #696969; line-height: 34px;}


/*t-7-1*/
.title07{ margin:20px 0 0 0;}
.title07 h1{ margin:0 auto !important; font-size:18px; color:#333; line-height:30px;}
.title07 h2{ margin:0 auto !important; font-size:18px; color:#333; line-height:40px; width:60%; border-bottom:1px dashed #666;}
.title07 h6{color:#666; line-height:30px; }

/*t-4*/
.aboutnei{ margin-top:20px;}
.aboutnei h4{ font-size:20px; color:#333; line-height:30px;}
.title4{ padding:10px; font-size:14px; color:#333; line-height:24px;}
.title4 img{ max-width:100%; height:auto;}

/*text-3*/
.text03{ padding:15px 0; font-size:14px; color:#636363; line-height:30px; border-top: 1px solid #e0e0e0; margin: 20px 0 0 0;}
.text03 img{ max-width:100%; height:auto;}

/*lunbo*/
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}
.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)}
.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.owl-carousel .owl-item{float:left}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}
.owl-controls{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.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-theme .owl-controls{}

/*about*/
.biao_left{ padding: 5px 0 0 0;}
.biao_left h5{ font-size: 18px; color: #333333;}
.biao_left h6{ font-size: 24px; color: #333333; font-weight: bold; letter-spacing: 2px; padding: 0 123px 0 0; background: url(../images/jian.png) right center no-repeat;}
.biao_left h6 span{ color: #0767df; font-size: 36px;}

.biao_right h5{ font-size: 14px; color: #8d8d8d; text-align: right;}
.biao_right h6{ font-size: 10px; color: #c5c5c5; font-family: arial; text-transform: uppercase; text-align: right;}
.biao_right .about_zi{ background: #f9ce08; line-height: 34px; font-size: 18px; color: #ffffff; font-weight: bold; border-radius: 3px;}
.biao_right .about_tel{ margin: 13px 0 0 0; padding: 0 0 0 118px; background: url(../images/jian.png) left center no-repeat;}
.biao_right .about_tel .tel_box{ padding: 0 0 0 52px; background: url(../images/dh2.png) left center no-repeat;}
.biao_right .about_tel h3{ font-size: 14px; color: #696969;}
.biao_right .about_tel h4{ color: #0767df; font-family: '汉仪菱心体简'; font-size: 36px;}

/*about*/
.about_box{ background: #fff; margin:20px 0 0 0; box-shadow: 0 0 10px rgba(0,0,0,.15);}
.about_box .about_video{ width: 50%; height: 410px;}
.about_box .about_video video{ width:100%; height:100%;}
.about_box .about_text{ width: 50%; padding: 50px 45px 0;}
.about_box .about_text .about_til .about_biao h3{ font-size: 18px; color: #292929; font-weight: bold;}
.about_box .about_text .about_til .about_biao .kuai2{ width: 34px; height: 2px; background: #1a57c1; margin: 22px 0 15px 0;}
.about_box .about_text .about_til .about_ti{ font-size: 14px; color: #696969; line-height: 24px; height: 120px; overflow: hidden;}

.about_list{ padding: 24px 0; background: #fff; margin: 36px 0 0 0;}
.about_list ul li{ width: 25%; position: relative;}
.about_list ul li:after{ content: ''; width: 1px; height: 16px; background: #e6e6e6; position: absolute; right: 0; top: 50%; margin-top: -8px;}
.about_list ul li:last-child:after{ display: none;}
.about_list ul li .imgbox{ width: 37px; height: 33px; overflow: hidden; margin: 0 auto 13px;}
.about_list ul li .imgbox img{ transition: all .3s;}
.about_list ul li h5{ font-size: 14px; color: #292929;}


/*left*/
.pic_box{ padding: 0 0 0 305px; min-height: 722px; position: relative; margin: 20px 0 0;}
.left_nav{ width: 305px; position: absolute; left: 0; top: 0; z-index: 1; background: #fff; border-radius: 10px; padding: 20px 18px;}
.left_nav .left_biao{ padding: 0 0 14px 30px; border-bottom: 1px solid #c8c8c8; position: relative; min-height: 48px;}
.left_nav .left_biao span{ font-size: 40px; line-height: 40px; color: #999999; font-weight: bold; position: absolute; left: 0; top: -3px;}
.left_nav .left_biao h5{ color: #292929; font-size: 16px; font-weight: bold;}
.left_nav .left_biao h6{ font-size: 12px; font-family: arial; text-transform: uppercase; color: #999999; padding: 5px 0 0 0;}
.left_nav .nav_box{ margin: 15px 0 0 0;}
.left_nav .nav_box ul li{ margin-bottom: 12px;}
.left_nav .nav_box ul li a{ display: block; font-size: 16px; background:url(../images/list_bg2.png) center center; background-size: cover; color: #0767df;  font-weight: bold; line-height: 50px; padding: 0 32px 0 55px; border: 2px solid #046ae7; border-radius: 7px; position: relative; transition: all .3s;}
.left_nav .nav_box ul li a:before{ content: ''; width: 10px; height: 10px; border-radius: 50%; border: 3px solid #0767df; background: #fff; position: absolute; left: 18px; top: 50%; margin-top: -5px; transition: all .3s;}
.left_nav .nav_box ul li a:after{ content: ''; width: 0; height: 0; border-top: 6px solid  #0767df; border-left: 7px solid transparent; border-right: 7px solid transparent; position: absolute; right: 14px; top: 50%; margin-top: -3px; transition: all .3s;}
.left_nav .nav_box ul li.active a{ background:url(../images/list_bg.png) center center; background-size: cover;  color: #fff;}
.left_nav .nav_box ul li.active a:before{ border: 3px solid #fff; background: #0767df;}
.left_nav .nav_box ul li.active a:after{ border-top: 6px solid  #fff; }
.tel_box3{ margin: 12px 0 0 0; border: 2px solid #237bea; border-radius: 10px;}
.tel_box3 .tel3{ padding: 42px 13px; background: url(../images/dh_bg.jpg) center center; background-size: cover;  border-radius: 10px;}
.tel_box3 .tel3 h5{ font-size: 14px; color: #1d1d1d; margin-bottom: 12px !important; text-align: right; line-height: 25px; background: url(../images/dh3.png) 109px center no-repeat;}
.tel_box3 .tel3 h6{ font-size: 24px; color: #1a57c1; font-family:impact; text-align: right;}

.pic{padding: 0 0 0 20px;}
.pic01{ padding:24px 23px 0; background: #fff;}
.title2 {border-bottom: 1px solid #e6e6e6; padding-bottom: 25px;}
.title2 h4{ font-size: 30px; color: #c8c8c8; font-family: impact; text-transform: uppercase;}
.title2 h4 span{ font-size: 18px; color: #c8c8c8; font-weight: bold;}
.title2 a{ padding: 3px 0 0 0;}


.pic2{ margin: 27px 0 0 0;}
.pic2 ul{ margin: 0 -10px;}
.pic2 ul li{ width: 33.333%; padding: 0 10px; margin-bottom: 22px;}
.pic2 ul li a{ display: block; border: 1px solid #e7e7e7; transition: all .3s;}
.pic2 ul li .imgbox{ overflow: hidden; margin-bottom: 1px;}
.pic2 ul li .imgbox span{ display: block; width: 100%; transition: all .3s;}
.pic2 ul li .pic_til{ padding: 10px 0; transition: all .3s;}
.pic2 ul li h3{ font-size: 15px; color: #292929; font-weight: bold;  transition: all .3s; padding-bottom: 12px; transition: all .3s;}
.pic2 ul li h6{ font-size: 12px; color: #999999;  font-weight: bold; text-transform: uppercase; transition: all .3s;}
.pic2 ul li .box{ display: block; border: 1px solid #e7e7e7; transition: all .3s;}
.pic2 ul li .pic_video{width: 100%;position: relative;overflow: hidden; margin-bottom: 1px;}
.pic2 ul li .pic_video>video{width: 100%; float: left; height: 100%; position: absolute; left: 0; top: 0;}

/*case*/
.picture24{ position:relative; margin:20px -10px 30px;}
.picture24 #owl-demo4 .item{-webkit-transition: all 0.3s;transition:all 0.3s; margin: 0 10px;}
.picture24 #owl-demo4 .item li{ -webkit-transition: all .3s; transition:all .3s;}
.picture24 #owl-demo4 .item li a{ display: block; transition: all .3s; border: 1px solid #e6e6e6;}
.picture24 #owl-demo4 .item li .imgbox{ overflow: hidden;}
.picture24 #owl-demo4 .item li .imgbox span{ display: block; width: 100%; transition: all .3s;}
.picture24 #owl-demo4 .item li .case_til{ padding: 22px; border-bottom: 2px solid #e6e6e6; position: relative;}
.picture24 #owl-demo4 .item li .case_til:after{ content: '+'; display: none; width: 38px; height: 38px; font-size: 18px; font-weight: bold; text-align: center; line-height: 38px; color: #fff; border-radius: 50%; background: #1a57c1; position: absolute; left: 50%; margin-left: -19px; top: -19px; z-index: 10;}
.picture24 #owl-demo4 .item li h3{ font-size: 18px; color: #292929; font-weight: bold; transition: all .3s; }
.picture24 #owl-demo4 .item li .case_ti{ font-size: 12px; color: #999999; line-height: 18px; height: 36px; overflow: hidden; margin: 13px 0 0 0; transition: all .3s;}
.picture24 .owl-theme .owl-controls .owl-buttons div{position:absolute; bottom:0; z-index:1; width:8px; height:100%;display:inline-block;zoom:1;*display:inline;filter:Alpha(Opacity=100);opacity:1;}
.picture24 .owl-theme .owl-controls .owl-buttons div.owl-prev{ left:-40px; background: url(../images/yjt.png) left center no-repeat; transition: all .3s;}
.picture24 .owl-theme .owl-controls .owl-buttons div.owl-next{right:-40px; background: url(../images/zjt.png) right center no-repeat; transition: all .3s;}
.picture24 .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none;}
.picture24 .owl-theme .owl-controls .owl-page{ display:none;}

.picture26{ position:relative; margin:20px -10px 30px;}
.picture26 #owl-demo6 .item{-webkit-transition: all 0.3s;transition:all 0.3s; margin: 0 10px;}
.picture26 #owl-demo6 .item li{ -webkit-transition: all .3s; transition:all .3s;}
.picture26 #owl-demo6 .item li a{ display: block; transition: all .3s; border: 1px solid #e6e6e6;}
.picture26 #owl-demo6 .item li .imgbox{ overflow: hidden;}
.picture26 #owl-demo6 .item li .imgbox span{ display: block; width: 100%; transition: all .3s;}
.picture26 #owl-demo6 .item li .case_til{ padding: 22px; border-bottom: 2px solid #e6e6e6; position: relative;}
.picture26 #owl-demo6 .item li .case_til:after{ content: '+'; display: none; width: 38px; height: 38px; font-size: 18px; font-weight: bold; text-align: center; line-height: 38px; color: #fff; border-radius: 50%; background: #1a57c1; position: absolute; left: 50%; margin-left: -19px; top: -19px; z-index: 10;}
.picture26 #owl-demo6 .item li h3{ font-size: 18px; color: #292929; font-weight: bold; transition: all .3s; }
.picture26 #owl-demo6 .item li .case_ti{ font-size: 12px; color: #999999; line-height: 18px; height: 36px; overflow: hidden; margin: 13px 0 0 0; transition: all .3s;}
.picture26 .owl-theme .owl-controls .owl-buttons div{position:absolute; bottom:0; z-index:1; width:8px; height:100%;display:inline-block;zoom:1;*display:inline;filter:Alpha(Opacity=100);opacity:1;}
.picture26 .owl-theme .owl-controls .owl-buttons div.owl-prev{ left:-40px; background: url(../images/yjt.png) left center no-repeat; transition: all .3s;}
.picture26 .owl-theme .owl-controls .owl-buttons div.owl-next{right:-40px; background: url(../images/zjt.png) right center no-repeat; transition: all .3s;}
.picture26 .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none;}
.picture26 .owl-theme .owl-controls .owl-page{ display:none;}



/*gg_box*/
.gg_text{ font-size: 0;}
.gg_text .shu{ display: inline-block; vertical-align: top; font-size: 72px; font-family: impact; line-height: 72px; color: #fff;}
.gg_text .gg_text01{ display: inline-block; vertical-align: top; padding: 5px 0 0 10px;}
.gg_text .gg_text01 h3{ font-size: 30px; color: #fff; font-weight: bold;}
.gg_text .gg_text01 .text{ font-size: 18px; color: #fff; opacity: 0.6; letter-spacing: 2px;}
.gg_til{ font-size: 14px; color: #fff; opacity: 0.6;}
.gg_right{ text-align: center; font-size: 0;}
.gg_right h5{ display: inline-block; vertical-align: top; font-size: 14px; color: #fff; line-height: 27px; padding: 0 0 0 35px; background: url(../images/dh4.png) left center no-repeat;}
.gg_right h6{ color: #fff; font-size: 24px;}
.gg_right .but_box{ margin: 20px -5px 0;}
.gg_right .but_box a{ display: inline-block; vertical-align: top; font-size: 14px; border: 1px solid #fff; width: 90px; line-height: 28px; color: #fff; margin: 0 5px; transition: all .3s;}

.ys_biao{ margin-bottom: 34px; text-align: center;}
.ys_biao img{ margin: 0 auto;}
.ys_biao .ys_zi{ display: inline-block; font-size: 12px; color: #fff; line-height: 20px; background: #1a57c1; border-radius: 5px; padding: 0 35px; margin: 43px 0 0 0;}

.ys_box{ background: #fff; margin:20px 0 50px 0;}
.ys_til{ width: 50%;}
.ys_til .ys_biao01{ font-size: 24px; color: #1a57c1; font-weight: bold; padding: 24px 0; background: url(../images/xian.png) right bottom no-repeat; margin-bottom: 10px;}

.ys_til .ys_text p{ font-size: 12px; color: #2c2c2c; padding: 0 0 0 23px; position: relative; line-height: 24px; margin-top: 10px !important;}
.ys_til .ys_text p:after{ content: ''; width: 15px; height: 15px; border-radius: 50%; border: 2px solid #209252; position: absolute; left: 0; top: 5px;}
.ys_box .imgbox{ width: 50%; padding: 0 0 0 60px;}
.ys_box .imgbox img{ margin: 0 auto;}

.ys_box2 .igmbox{ width: 50%; padding: 0 60px 0 0;}
.ys_box3{  margin:20px 0 0 0;}
.ys_box3 .ys_til{ padding: 88px 0 0 0;}

.ys_box4{ margin: 20px 0 0 0;}
.ys_box4 .igmbox{ width: 50%; padding: 0 60px 0 0;}
.ys_box4 .ys_til{ padding: 58px 0 0 0;}


/*ys*/
.ys_til2 .ys_biao2{ padding: 0 0 0 73px; background: url(../images/zuan.png) left top no-repeat;}
.ys_til2 .ys_biao2 h3{ font-size: 28px; color: #ffffff; font-weight: bold;}
.ys_til2 .ys_biao2 h6{ font-size: 18px; color: #fff; padding: 12px 0 0 0;}
.ys_til2 .ys_text2{ padding: 58px 0 0 73px;}
.ys_til2 .ys_text2 .ys_ti12{ font-size: 16px; line-height: 28px; color: #fff; padding: 0 0 0 42px; background: url(../images/ban.png) left 8px no-repeat;}
.ys_til2 .ys_text2 .ys_ti2{ font-size: 16px; line-height: 28px; color: #fff; padding: 0 0 0 42px; background: url(../images/fuwu.png) left 8px no-repeat; margin: 20px 0 0 0;}
.ys_til2 .ys_tel2{ padding: 15px 0; border: 1px solid rgba(255,255,255,0.3); margin-top: 45px; font-size: 0; text-align: center;}
.ys_til2 .ys_tel2 .ys_te{ display: inline-block; vertical-align: top; font-size: 16px; color: #fff; padding: 0 0 0 46px; background: url(../images/dh5.png) left center no-repeat;}
.ys_til2 .ys_tel2 .ys_te span{ font-size: 28px; font-weight: bold; font-family: arial;}
.ys_til2 .ys_tel2 a{ display: inline-block; vertical-align: top; width: 134px; line-height: 38px; border-radius: 50px; font-size: 18px; color: #fff; font-weight: bold; background: url(../images/a_bg.png) center center; background-size: cover; margin-left: 13px;}
.ys_img2 img{ margin: 0 auto;}

/*video*/
.video_box{ margin: 50px 0 0 0;}
.video_box ul{ margin: 0 -10px;}
.video_box ul li{ width: 25%; padding: 0 10px; margin-bottom: 20px;}
.video_box ul li .box{ width: 100%; height: 200px;  border: 1px solid #e6e6e6; border-bottom: 3px solid #e6e6e6; transition: all .3s;}
.video_box ul li h3{ font-size:14px; color: #333; line-height: 40px;}


/*caae*/
.picture25{ position:relative; margin:30px -30px 0; z-index: 99;}
.picture25 #owl-demo5 .item{-webkit-transition: all 0.3s;transition:all 0.3s; margin: 0 30px;}
.picture25 #owl-demo5 .item li{ -webkit-transition: all .3s; transition:all .3s; position: relative;}
.picture25 #owl-demo5 .item li:after{ content: ''; width: 1px; height: 80%; background: #cecece; position: absolute; right: -30px; bottom: 0;}
.picture25 #owl-demo5 .item li .news_til h3{ font-size: 30px; color: #999999; font-family: arial; transition: all .3s;}
.picture25 #owl-demo5 .item li .news_til h6{ font-size: 14px; color: #999999; letter-spacing: 1px; font-family: arial; padding: 10px 0 0 0; transition: all .3s;}
.picture25 #owl-demo5 .item li .news_til .news_ti{ color: #292929; margin: 25px 0 27px 0; transition: all .3s;}
.picture25 #owl-demo5 .item li .imgbox{ overflow: hidden;}
.picture25 #owl-demo5 .item li .imgbox span{ display: block; width: 100%; transition: all .3s;}
.picture25 #owl-demo5 .item li .news_text{ color: #696969; font-size: 12px; line-height: 24px; height: 48px; overflow: hidden; margin: 23px 0 25px; transition: all .3s;}
.picture25 #owl-demo5 .item li .mo{ width: 82px; line-height: 35px; border-radius: 50px; background: #fff; font-size: 12px; color: #999999; transition: all .3s;}
.picture25 .owl-theme .owl-controls .owl-buttons div{position:absolute; bottom:0; z-index:99; width:49px; height:100%;display:inline-block;zoom:1;*display:inline;filter:Alpha(Opacity=100);opacity:1;}
.picture25 .owl-theme .owl-controls .owl-buttons div.owl-prev{ left: -60px; background: url(../images/yjt2.png) left center no-repeat; transition: all .3s;}
.picture25 .owl-theme .owl-controls .owl-buttons div.owl-next{right:-60px; background: url(../images/zjt2.png) right center no-repeat; transition: all .3s;}
.picture25 .owl-theme .owl-controls .owl-buttons div.owl-prev:hover{ background: url(../images/yjt2.png) right center no-repeat;}
.picture25 .owl-theme .owl-controls .owl-buttons div.owl-next:hover{ background: url(../images/zjt2.png) left center no-repeat;}
.picture25 .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none;}
.picture25 .owl-theme .owl-controls .owl-page{ display:none;}

/*contact*/
.contact02{ margin: 30px 0 0 0;}
.contact02 .lx_til{ font-size: 12px; color: #484848; line-height: 24px;}
.contact02 .lx_ti{ font-size: 12px; color: #484848; line-height: 24px; margin: 24px 0;}
.contact02 a{ display: block; width: 130px; line-height: 40px; background: #2e2e2e; color: #fff; font-size:12px;}
.magg{ margin: 30px 0 0 0;}
.magg input{ border: 1px solid #dcdcdc; height: 40px; padding: 0 10px; width: 100%; margin-bottom: 10px;}
.magg textarea{ width: 100%; height: 118px; border: 1px solid #dcdcdc; width: 100%; resize: none; padding: 10px; margin-bottom: 10px;}
.magg button{ width: 100%; height:40px; background: #1a57c1; color: #fff; font-size: 14px; border: none;}

.foot_nav{ background: #1a57c1;}
.foot_nav ul{ background: url(../images/foot_li.jpg) left center no-repeat;}
.foot_nav ul li{ width: 12.5%; background: url(../images/foot_li.jpg) right center no-repeat;}
.foot_nav ul li a{ display: block; font-size: 16px; color: #fff; line-height: 53px; text-align: center;}

/*p-7*/
.picture7{ margin:20px 0 0 0; text-align: center;}
.picture7 img{ display:block; margin:0 auto; max-width:100%; max-height:600px;}

/*c-1*/
.content1{ padding:26px 0 40px 0;}
.subnav{ width: 253px;}
.subnav ol{ padding: 0 0 20px 0;}
.subnav ol h1{ font-size:18px; color:#0f43af; font-weight: bold;}
.subnav ol span{ font-size: 12px; font-family: arial; text-transform: uppercase; color: #acacac;}
.subNavBox{ margin:0 0 30px; border: 1px solid #dcdcdc; padding: 15px 0;}
.subNav2{cursor:pointer;font-size:14px;line-height:40px; padding: 0 15px 0 15px;}
.subNav2 a{ color:#2b2b2b; width:100%; display:block; padding: 0 35px 0 0; border-bottom: 1px dashed #c5c5c5;   background: url(../images/jiao2.png) 95% center no-repeat;}
.subNav2.currentDd{ background: #0f43af;}
.subNav2.currentDd a{  color: #fff; border:1px dashed #0f43af;}
.subNav2:hover{ background: #0f43af;}
.subNav2:hover a{  color: #fff; border:1px dashed #0f43af;}
.navContent{display: none; margin:0;}
.navContent.active{ display:block;}
.navContent .li2{ padding: 0; }
.navContent .li2 a{ display: block; font-size: 14px; line-height: 40px; color: #696969;  background: #ebebeb;border-bottom: 1px dashed #c5c5c5; padding: 0 0 0 18px;}
.navContent .li2:hover a{ background: #ffb700; color: #fff;}
.con_nav a{ display: block; width: 100%; border: 1px solid #dcdcdc; color: #333333; text-align: center; line-height: 50px; background: url(../images/lx.png) 63px center no-repeat; padding: 0 0 0 15px; position: relative;}
.con_nav a:after{ content: ''; width: 10px; height: 10px; border-right: 1px solid #000; border-bottom: 1px solid #000; transform: rotate(-45deg); position: absolute; right: 58px; top: 50%; margin-top: -5px;}
.subnav .yddnav li{ margin-bottom:2px; height:50px;}
.subnav .yddnav li a{ display:block; font-size:18px;color:#fff; line-height:50px; background:#666; transition:all 0.3s;}
.subnav .yddnav li a.active{ background:#0f43af;}
.subnav .yddnav span{ padding-left:30px;}
.subnav .yddnav b{ padding-right:30px; line-height:50px;}
.subnav .yddnav .xl{ margin:0 0 2px 0; height:auto;overflow:hidden;}
.subnav .yddnav .xl.xlhide{ display:none;}
.subnav .yddnav .xls{ height:40px; line-height:40px; background:#dcdcdc; border-top:solid 1px #fff;}
.subnav .yddnav .xls a{ color:#333; display:block; line-height:40px;}
.subnav .yddnav .xlxl{ display:none;}
.subnav .yddnav .xlxls{ height:32px;background:#ffb700; border-bottom:dotted 1px #fff}
.subnav .yddnav .xlxls a{ color:#fff; display:block; line-height:32px;}


.pic3{ margin: 16px 0 0 0;}
.pic3 ul{ margin: 0 -7px;}
.pic3 ul li{ width: 33.3333%; padding: 0 7px; margin-bottom: 18px;}
.pic3 ul li a{ display: block; background: #fff;  transition: all .4s; }
.pic3 ul li .imgbox{ overflow: hidden; border: 1px solid #e6e6e6;}
.pic3 ul li .imgbox span{ display: block; width: 100%;}
.pic3 ul li h3{ font-size: 14px; color: #292929; font-weight: bold; line-height: 46px;  transition: all .3s; padding: 0 30px 0 17px;  border: 1px solid #e6e6e6; border-bottom: 3px solid #e6e6e6;  border-top:none; transition: all .3s; position: relative;}
.pic3 ul li h3:after{ content: '+'; font-size: 14px; color: #fff; line-height: 46px; position: absolute; right: 23px; top: 0;}


/*pic*/
.news2{ margin: 20px 0 0 0;}
.news2 ul li{ padding: 0 0 22px 0; border-bottom: 1px solid #e1e1e1; margin-bottom: 22px;}
.news2 ul li a{ display: block; width: 100%; padding: 0 0 0 210px; min-height: 124px; position: relative;}
.news2 ul li a .imgbox{ width: 210px; height: 124px; position: absolute; left: 0; top: 0; z-index: 1; overflow: hidden;}
.news2 ul li a .imgbox span{ display: block; width: 100%; height: 100%; transition: all .3s;}
.news2 ul li a .news_til{ padding: 7px 0 0 25px;}
.news2 ul li a .news_til h3{ font-size: 16px; color: #2b2b2b; font-weight: bold; transition: all .3s;}
.news2 ul li a .news_til .news_ti{ font-size: 12px; color: #878787; line-height: 22px; height: 44px; overflow: hidden; margin: 12px 0 0 0; transition: all .3s;}
.news2 ul li a .news_til .news_ti{ font-size: 12px; color: #878787; line-height: 22px; height: 44px; overflow: hidden; margin: 12px 0 0 0; transition: all .3s;}
.news2 ul li a .mor{ width: 80px; line-height: 28px; border-radius: 3px; color: #fff; text-align: center; font-size: 12px; background: #1a57c1; margin: 10px 0 0 0;}

/*video*/
.video_box2{ margin:20px 0 0 0;}
.video_box2 ul{ margin: 0 -10px;}
.video_box2 ul li{ width: 33.3333%; padding: 0 10px; margin-bottom: 20px;}
.video_box2 ul li .box{ width: 100%; border: 1px solid #e6e6e6; border-bottom: 3px solid #e6e6e6; transition: all .3s; position: relative; overflow: hidden;}
.video_box2 ul li .box>video{width: 100%; height: 100%; float: left; position: absolute; left: 0; top: 0;}
.video_box2 ul li h3{ font-size:14px; color: #333; line-height: 40px;}


/*ly*/
.ly_box{ margin: 20px 0 0 0;}
.ly_left{ width: 76%; padding: 0 23px 0 0;}
.ly_left .inp{ padding: 0 0 0 70px; min-height: 32px; position: relative; margin-bottom: 20px;}
.ly_left .inp span{ display: block; width: 70px; font-size: 14px; line-height: 32px; color: #696969; position: absolute; left: 0; top: 0;}
.ly_left .inp input{ width: 100%; height: 32px; border: 1px solid #d7d7d7;}
.ly_left .inp textarea{ width: 100%; height: 156px; border: 1px solid #d7d7d7; resize: none;}
.ly_left .inp button{ width: 103px; height: 32px; border: none; background: #d1d1d1; color: #292929; margin-right: 22px;}
.ly_left .inp button:hover{ background: #0341a8; color: #fff;}
.ly_img{ width: 24%; height: 428px; border: 1px solid #d7d7d7; padding: 6px;}
.ly_img span{ display: block; width: 100%; height: 100%;}


/*ditu*/
.right-content .contact_box{ margin-top:20px;}
.contact_box .ditu{ position:relative; margin-top:20px; border:1px solid #d7d7d7; padding: 8px; overflow:hidden;}
.right-content .us{ margin-top:10px; font-size:14px; color:#000; line-height:28px;}

/*f-1*/
footer{ padding: 35px 0 0;}
.foot_logo{ border-right: 1px solid #e0e0e0; padding: 0 40px 0 0;}
.foot_logo .foot_til{ font-size: 12px; color: #6d6d6d; line-height: 24px; margin: 24px 0 0 0;}
.biaoti{ font-size: 18px; font-size: #1a57c1; font-weight: bold; padding-bottom: 12px; background: url(../images/biao_bg6.jpg) left bottom no-repeat;}
.biaoti span{ color: #595959; font-size: 12px; font-family: arial; text-transform: uppercase; padding: 0 0 0 10px;}
footer .lx_box{ width: 63%; color: #1a1a1a; line-height: 30px; margin: 20px 0 0 0;}

.ewm_box{  width: 163px; height: 163px;}
.ewm_box .imgbox{ border:1px solid #ebebeb;}

.beian{ padding: 20px 0;  width: 100%; border-top: 1px solid #e0e0e0;  text-align: center; font-size: 12px; line-height: 16px; color: #abaaaa; margin: 24px 0 0 0;}

@media( min-width:991px){
	.top_nav .right_zi ul li:hover a{ color: #f9ce08s;}
	.top_nav .right_zi ul li:hover a .imgbox{ display: block;}
	.logo nav ul li:hover a{ background:#1a57c1; color: #fff;}
	.about_list ul li:hover .imgbox img{ margin-top: -33px;}
	.about_list ul li:hover h5{ color: #1a57c1;}
	.left_nav .nav_box ul li:hover a{background:url(../images/list_bg.png) center center; background-size: cover; color: #fff;}
	.left_nav .nav_box ul li:hover a:before{ border: 3px solid #fff; background: #0767df;}
	.left_nav .nav_box ul li:hover a:after{ border-top: 6px solid  #fff; }
	.pic2 ul li a:hover .imgbox span{ transform: scale(1.1);}
	.pic2 ul li a:hover .pic_til{ background: #1a57c1;}
	.pic2 ul li a:hover .pic_til h3{ color: #fff;}
	.pic2 ul li a:hover .pic_til h6{ color: #fff;}
	.picture24 #owl-demo4 .item li:hover .imgbox span{ transform: scale(1.1);}
	.picture24 #owl-demo4 .item li:hover .case_til{ background: #1a57c1; border-bottom: 3px solid #0f3983;}
	.picture24 #owl-demo4 .item li:hover .case_til h3{ color: #fff;}
	.picture24 #owl-demo4 .item li:hover .case_til .case_ti{ color: #fff;}
    
    .picture26 #owl-demo6 .item li:hover .imgbox span{ transform: scale(1.1);}
    .picture26 #owl-demo6 .item li:hover .case_til{ background: #1a57c1; border-bottom: 3px solid #0f3983;}
    .picture26 #owl-demo6 .item li:hover .case_til h3{ color: #fff;}
    .picture26 #owl-demo6 .item li:hover .case_til .case_ti{ color: #fff;}
    
	.gg_right .but_box a:hover{ background: #fff; color: #1f468f;}
	.video_box ul li:hover .box{ border-bottom: 3px solid #1a57c1;}
	.picture25 #owl-demo5 .item li:hover .news_til h3{ color: #1a57c1;}
	.picture25 #owl-demo5 .item li:hover .news_til h6{color: #1a57c1;}
	.picture25 #owl-demo5 .item li:hover .news_til .news_ti{color: #1a57c1;}
	.picture25 #owl-demo5 .item li:hover .imgbox span{ transform: scale(1.1);}
	.picture25 #owl-demo5 .item li:hover .mo{  background: #1a57c1; color: #fff; }
	.pic3 ul li a:hover h3{ color: #fff; background: #1a57c1; border: 1px solid #1a57c1; border-top: none; border-bottom: 3px solid #0f3983}
	.video_box2 ul li:hover .box{ border-bottom: 3px solid #1a57c1;}
	.news2 ul li:hover .imgbox span{ transform: scale(1.1);}
	.news2 ul li:hover .news_til h3{ color: #1a57c1; }
	.news2 ul li:hover .news_til .news_ti{ color: #1a57c1; }

}

@media (max-width:1199px){	

.owl-theme .owl-controls .owl-buttons div.owl-prev{ display: none;}
.owl-theme .owl-controls .owl-buttons div.owl-next{ display: none;}

.picture25{ margin:30px -15px 0; }
.picture25 #owl-demo5 .item{ margin: 0 15px;}


}


@media (max-width:991px){
.logo{ height:74px; border-bottom:none; position: relative;}
.logo .sjdnav{ display:none; width:150px; height:auto;position:absolute; right:20px; top:74px; z-index:9999;}
.logo .logo .sjdnav ul{ margin:0; padding:0;}
.logo .sjdnav li{ display:block; height:30px; text-align:center; padding:0; margin-bottom:5px;background:#1a57c1;}
.logo .sjdnav li a{ display:block; color:#fff; line-height:30px;}
.logo .logoimg img{ margin:17px 0 0 0; height:auto;}

.logo .ydd_btn{ margin:21px 0 0 0; padding:10px 7px; width:32px; height:32px; cursor:pointer; background: #1a57c1;}
.logo .ydd_btn span{ display:block; width:100%; height:2px; background:#fff; -webkit-transition: all .3s; transition:all .3s;}
.logo .ydd_btn span.span02{margin:3px 0;}
.logo .ydd_btn.click span{ background:#fff;}
.logo .ydd_btn.click span.span01{transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); position:relative;top:6px;margin-top:0px;	} 
.logo .ydd_btn.click span.span02{margin:4px 0;}
.logo .ydd_btn.click span.span03{transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg);position:relative;top:-6px;margin-top:0px;}
.logo .ydd_btn.click span.span02{ width:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}

.biao_right{ margin: 20px 0 0 0;}


.about_box .about_video{ width: 100%;}
.about_box .about_img img{ margin: 0 auto;}
.about_box .about_text{ width: 100%; padding: 22px 15px;}
.about_box .about_text .about_til .about_biao .kuai2{ margin: 24px 0;}

/*left*/
.pic_box{ padding: 0; min-height: auto;}

.pic{ padding: 0;}


.ys_box .imgbox{padding: 0; width: 100%; margin: 20px 0 0 0;}
.ys_til{ width: 100%;}

.ys_box3 .ys_til{ padding: 20px 0 0 0;}
.ys_box4 .ys_til{ padding: 20px 0 0 0;}

.ys_box2 .igmbox{padding: 0; margin-bottom: 20px;}

.ys_box4 .igmbox{ padding: 0; margin-bottom: 20px}
.ys_box4 .ys_til{ padding: 58px 0 0 0; }

.ys_img2{ margin: 20px 0 0 0;}

.list_nav{ padding: 0;}

.ly_left{ width: 100%; padding: 0;}

footer .lx_box{ width: 100%; padding: 0;}

.subnav{ width: 100%;}

.pic_text{ margin: 20px 0 0 0;}

}

@media (max-width:767px){
.logo .sjdnav{
    display: block;
    right:0px;
    position: relative;
    width: calc(100% + 2px);
    float: left;
    top: initial;
    margin-top: 10px;
}
.logo .sjdnav li {
    width: calc(25% - 2px);
    float: left;
    height: 40px;
    margin: 1px;
}
.logo .sjdnav li a {
    line-height: 40px;
}




.gg_left{ width: 100%; text-align: center;}
.gg_text .gg_text01 h3{ text-align: left;}
.gg_text .gg_text01 .text{text-align: left;}
.gg_right{ width: 100%; margin: 10px 0 0 0;}

.mian-about{ padding: 30px 0;}
.about_list{ padding: 0; background: #fff; margin: 16px 0 0 0;}

.video_box ul li{ width: 50%;}

.pic3 ul li{ width: 50%;}

.video_box2 ul li{ width: 50%;}

.case ul{ margin: 0 -10px;}
.case ul li{ width: 50%; padding: 0 10px; margin-bottom: 10px;}

.rong ul li{ width: 50%;}
.rong ul li h3{ line-height: 37px;}

.pic_text .anniu{text-align: left; margin: 20px 0 0 0;}
.pic_text .anniu a:nth-child(1){ margin: 0 10px 10px 0;}

.left_nav {
    width: 100%;
    position: initial;
    left: initial;
    top: initial;
    padding: 10px;
    margin-bottom: 10px;
}






}

@media (max-width:640px){
.list_nav{ min-height: auto;}
.list_nav ul li{ font-size: 15px; line-height: 44px; padding: 0 10px;}

.pic2 ul li{ width: 50%;}

.ys_box{ padding-left:20px;}
.ys_box2{ padding-left:20px;}
.ys_box3{ padding-left:20px;}
.ys_box4{ padding-left:20px;}

.ys_til2 .ys_biao .ys_ti{ padding: 7px 0 0 0; float: inherit !important;}
.ys_til2 .ys_biao .ys_ti h3{ font-size: 24px; color: #18a8ea; font-weight: bold;}
.ys_til2 .ys_biao .ys_ti h6{ font-size: 12px; color: #919191; text-transform: uppercase; padding: 5px 0 0 0;}
.ys_til2 .ys_biao a{ float: inherit !important; display: block; width: 50%; color: #fff; line-height: 50px; text-align: center; background: #18a8ea; margin: 5px 0 0 0;}

.ly_left .inp{ padding: 0; min-height: auto;}
.ly_left .inp span{ width: 100%; position: static;}

}


@media (max-width:414px){

.logo .logoimg img{ width: 280px; margin:30px 0 0 0; height:auto;}

.about_box .about_video{height: 240px;}

.about_list ul li{ width: 50%; margin-bottom: 15px;}
.about_list ul li .imgbox{ width: 35px; height: 35px; line-height: 35px;}
.about_list ul li h3{ font-size: 14px; line-height: 35px; padding: 0 0 0 10px;}
.about_list ul li:nth-child(2):after{ display: block;}

.ys_til2 .ys_biao2{ padding: 0 0 0 40px; background-size: 30px auto;}
.ys_til2 .ys_biao2 h3{ font-size: 18px; }
.ys_til2 .ys_biao2 h6{ font-size: 12px;}
.ys_til2 .ys_text2{ padding: 28px 0 0 30px;}
.ys_til2 .ys_text2 .ys_ti12{ font-size: 14px; }
.ys_til2 .ys_text2 .ys_ti22{ font-size: 14px;}
.ys_til2 .ys_tel2{ margin-top: 25px;}
.ys_til2 .ys_tel2 .ys_te2{ font-size: 14px;}
.ys_til2 .ys_tel2 .ys_te2 span{ font-size: 22px;}
.ys_til2 .ys_tel2 a{  font-size: 16px; margin: 5px 0 0 0;}

.video_box ul li .box{ width: 100%; height: 140px;}

.video_box2 ul li .box{ width: 100%; height: 140px;}


/*news2*/
.news2 ul li a{ padding: 0 0 0 140px; min-height: 94px;}
.news2 ul li a .imgbox{ width: 140px; height:94px;}
.news2 ul li a .news_til{ padding: 0 0 0 15px;}
.news2 ul li a .news_til h3{ font-size: 14px; padding: 3px 0;}
.news2 ul li a .news_til .news_ti{ line-height: 18px; height: 36px;}
.news2 ul li a .mor{ display: none;}

.pic_text .anniu{ margin: 20px 0 0 0;}

}


@media (max-width:340px){


}



/* 手机底部组件 */
.root_kong {
  width: 100%;
  height: 62px;
  float: left;
  background: #fff;
}
.root {
  width: 100%;
  height: 60px;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9999999999999;
  background: #fff;
}
.root a {
  display: flex;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  padding: 5px 0;
  background: #222;
  text-align: center;
}
.root a > div {
  width: 100%;
  float: left;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  color: #fff;
}
.root a > div:first-child {
  height: 30px;
  line-height: 30px;
  font-size: 20px;
}
.root a:hover {
  background: #1a57c1;
  color: #fff;
}
.dbbox {
  position: fixed;
  left: 0;
  bottom: 65px;
  z-index: 99999;
  width: 100%;
}
.dbbox .dbs {
  position: relative;
  padding: 0 15px;
  display: none;
  text-align: center;
  transition: initial;
}
.dbbox .dbs .neirong {
  padding: 10px;
  background: #fff;
  border-radius: 5px;
  border: 2px solid #1a57c1;
}
.dbbox .dbs img {
  max-width: 140px;
}

.layui-col-space1 {
    margin: -.5px;
}
.layui-col-space1>* {
    padding: .5px;
}
.layui-col-xs3 {
    width: 25%;
    float: left;
}

/* END */