@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- */
}
@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;}
.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:"微软雅黑";}

/*全局样式*/
.xian{ height: 5px; background: #278fcf;}

.logo{ height:106px;}
.logo .logoimg img{ margin-top:32px;}
.logo .zi{ border-left: 1px solid #c9c9c9; padding: 0 0 0 17px; margin: 30px 0 0 17px;}
.logo .zi h6{ font-size: 12px; color: #343434; letter-spacing: 3px; padding: 10px 0 0 0;}
.logo .tel{ padding: 0 0 0 57px; background: url(../images/dh.png) left center no-repeat; margin: 30px 0 0 0;}
.logo .tel h5{ color: #696969; font-size: 14px;}
.logo .tel h6{ font-size: 36px; color: #278fcf; font-family:'汉仪菱心体简';}
.header1{ border-top: 1px solid #ebebeb;}
.header1 nav ul li{ width:14.28%; border-right: 1px solid #ebebeb;}
.header1 nav ul li a{ display:block; color:#292929; font-size:16px; line-height:60px; position: relative;}
.header1 nav ul li a span{ display:inline-block; width: 16px; height: 16px; position: relative; top: 2px; overflow: hidden; margin: 0 13px 0 0;}
.header1 nav ul li a span img{ display: block; transition: all .3s;}
.header1 nav ul li.active a{ background: #278fcf; color: #fff;}
.header1 nav ul li.active a span img{ margin-top: -16px;}


.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:12px;height:12px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s; background:#fff; border:3px solid #fff;}
.banner #myCarousel .carousel-indicators li:hover{background-color:#2270db; }
.banner #myCarousel .carousel-indicators li.active{background-color:#2270db; }

/*m-w*/
.mian-pic{ padding: 40px 0;}
.mian-gong{ padding: 40px 0 0; height: 464px; background: url(../images/gong_bg.jpg) center center; background-size: cover;}
.mian-case{ padding: 40px 0;}
.mian-hz{ padding: 40px 0;}
.mian-news{ padding: 40px 0; background:url(../images/news_bg.jpg) center center; background-size: cover;}
.mian-Color{ padding: 40px 0;  background: url(../images/con_bg.jpg) center center; background-size: cover;}
.mian-foot{ padding: 65px 0; background: url(../images/Color_bg.jpg) center center; background-size: cover;}


/*t-2*/
.title3 { margin: 20px 0;}
.title3 .title_box{ background: url(../images/biao_bg.png) center bottom no-repeat; padding-bottom: 15px; margin-bottom: 12px;}
.title3 h3{ color: #1b1b1b; font-size: 30px; font-weight: bold;}
.title3 h3 b{ font-weight: normal; padding: 0 11px; color: #dbdbdb;}
.title3 h3 span{ color: #278fcf;}
.title3 h4{ color: #2e2e2e; font-size: 12px; font-family: 'Aparajita'; text-transform: uppercase; padding: 5px 0 0 0;}
.title3 h5{ font-size: 12px; color: #696969; line-height: 20px; width: 60%; margin: 0 auto;}

/*title03*/
.title03 h3{ font-size: 36px; color: #292929; font-weight: bold; padding-bottom: 15px;}
.title03 h5{ font-size: 36px; color: #529dde; font-weight: bold; padding-bottom: 12px;}
.title03 h6{ font-size: 18px; text-transform: uppercase; color: #999999;}

/*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: 12px; 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{}

/*pic*/
.pic_box{ margin: 20px 0 0 0;}
.pic_box ul{ margin: 0 -14px;}
.pic_box ul li{ width: 25%; padding: 0 14px; margin-bottom: 20px;}
.pic_box ul li a{ display: block; width: 100%; border: 1px solid #e3e3e3; transition: all .3s;}
.pic_box ul li .imgbox{ overflow: hidden; position: relative;}
.pic_box ul li .imgbox span{ display: block; width: 100%; transform: scale(1.1);}
.pic_box ul li .imgbox .bg{ width: 100%; height: 100%; position: absolute; left: 0; top: -100%; background: rgba(39,143,207,0.9); transition: all .3s;}
.pic_box ul li .imgbox .bg .bg_til{ width: 100%; position: absolute; left: 0; top: 50%; margin-top: -35px;}
.pic_box ul li .imgbox .bg h4{ font-size: 24px; color: #fff;}
.pic_box ul li .imgbox .bg .mo{ width: 62%; border: 1px solid #fff; border-radius: 3px; line-height: 35px; padding: 0 30px 0 14px; color: #fff; position: relative; margin: 20px auto 0;}
.pic_box ul li .imgbox .bg .mo:after{ content: '>>'; font-size: 14px; color: #fff; line-height: 35px; color: #fff; position: absolute; right: 12px; top: 0;}
.pic_box ul li .pic_til{ padding: 30px 22px;}
.pic_box ul li .pic_til h3{ font-size: 18px; color: #292929; font-weight: bold;}
.pic_box ul li .pic_til .pic_ti{ color: #696969; line-height: 18px; height: 54px; overflow: hidden; margin: 20px 0 17px 0;}
.pic_box ul li .pic_til h5{ font-size: 12px; color: #278fcf; text-transform: uppercase;}

.about_left{ width: 58%; padding: 70px 60px 290px 360px; background: url(../images/about_bg1.jpg) center center; background-size: cover; position: relative;}
.about_text h5{ font-size: 18px; color: #999999; text-transform: uppercase;}
.about_text h3{ font-size: 30px; color: #292929; font-weight: bold; padding: 15px 0 0 0;}
.about_text .about_te{ color: #696969; line-height: 30px; height: 210px; overflow: hidden; margin: 75px 0 0 0;}
.mor_box{ position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,0.2); height: 149px; width: 100%; padding: 0 0 0 360px;}
.mor_box .box{ width: 100%; height: 100%; position: relative; padding: 0 0 0 211px;}
.mor_box img{ position: absolute; left:0; bottom: 0;}
.mor_box .box a{ display: inline-block; color: #fff; padding: 82px 90px 0 100px; font-size: 18px; background: url(../images/jian.png) right 92% no-repeat;}

.about_right{ width: 42%; padding: 70px 360px 44px 56px; background: url(../images/about_bg2.jpg) center center; background-size: cover; position: relative;}

.list_nav h5{ font-size: 18px; color: #fff;}
.list_nav h3{ font-size: 30px; color: #fff; text-transform: uppercase; font-weight: bold; padding: 13px 0 0 0;}
.list_nav ul{ margin: 50px 0 0 0;}
.list_nav ul li a{ display: block; width: 100%; font-size: 16px; color: #fff; opacity: 0.6; padding:0 36px 12px 0; border-bottom: 1px solid #2182bd; margin-bottom: 26px; position: relative;}
.list_nav ul li a:after{ content: ''; width: 8px; height: 13px; background: url(../images/jian2.png) center center no-repeat; position: absolute; top: 0; right: 26px; opacity: 0; transition: all .3s;}
a.more{ display: block; width: 158px; background: #333333; color: #fff; line-height: 50px;}

/*zz*/
.picture23{ position:relative; margin:20px -5px 0;}
.picture23 #owl-demo3 .item{-webkit-transition: all 0.3s;transition:all 0.3s; margin: 0 5px;}
.picture23 #owl-demo3 .item li{display: block; border: 1px solid #cccccc; transition: all .3s; padding: 10px; margin-bottom: 15px;}
.picture23 #owl-demo3 .item li .imgbox{  overflow: hidden; border: 1px solid #cccccc; position: relative;}
.picture23 #owl-demo3 .item li .imgbox span{ display: block; width: 100%; transition: all .3s;}
.picture23 #owl-demo3 .item li .imgbox .bg{ width: 100%; height: 100%; position: absolute; left: 0; top: -100%; background: rgba(39,143,207,0.9); transition: all .3s;}
.picture23 #owl-demo3 .item li .imgbox .bg .bg_til{ width: 100%; position: absolute; left: 0; top: 50%; margin-top: -35px;}
.picture23 #owl-demo3 .item li .imgbox .bg h4{ font-size: 24px; color: #fff;}
.picture23 #owl-demo3 .item li .imgbox .bg .mo{ width: 62%; border: 1px solid #fff; border-radius: 3px; line-height: 35px; padding: 0 30px 0 14px; color: #fff; position: relative; margin: 20px auto 0;}
.picture23 #owl-demo3 .item li .imgbox .bg .mo:after{ content: '>>'; font-size: 14px; color: #fff; line-height: 35px; color: #fff; position: absolute; right: 12px; top: 0;}
.picture23 #owl-demo3 .item li h3{ font-size: 14px; color: #292929; padding: 20px 0 0 0; transition: all .3s;}
.picture23 #owl-demo3 .item li .case_til{ font-size: 0; text-align: center; margin: 20px 0 10px;}
.picture23 #owl-demo3 .item li .case_til div{ display: inline-block; vertical-align: top; width: 100px; line-height: 28px; color: #fff; background: #F00; font-size: 14px; margin: 0 10px; border: 1px solid #F00;}
.picture23 #owl-demo3 .item li .case_til div.con{ background: #278fcf; border: 1px solid #278fcf;}
.picture23 .owl-theme .owl-controls .owl-buttons div{position:absolute; bottom:0; z-index:1; width:38px; height:100%;display:inline-block;zoom:1;*display:inline;filter:Alpha(Opacity=100);opacity:1;}
.picture23 .owl-theme .owl-controls .owl-buttons div.owl-prev{ left: -60px; background: url(../images/yjt.jpg) left center no-repeat;}
.picture23 .owl-theme .owl-controls .owl-buttons div.owl-next{ right: -60px; background: url(../images/zjt.jpg) right center no-repeat;}
.picture23 .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none;}
.picture23 .owl-theme .owl-controls .owl-page{ display:none;}

/*gong*/
.gong_img img{ margin: 0 auto;}
.gong_til ul li{ padding: 0 0 0 69px; min-height: 69px; position: relative; margin-bottom: 30px; position: relative;}
.gong_til ul li:after{ content: ''; width: 3px; height: 30px; background: #fff; position: absolute; left: 33px; bottom: -30px;}
.gong_til ul li:last-child:after{ height: 58px; bottom: -58px;}
.gong_til ul li:nth-child(1):before{ content: ''; width: 14px; height: 40px; background: url(../images/tiao.png) center top no-repeat;  position: absolute; left: 28px; top: -40px;}
.gong_til ul li:last-child:before{ content: ''; width: 14px; height: 7px; background: #fff; border-radius:7px 7px 0 0; position: absolute; left: 28px; bottom: -58px;}
.gong_til ul li .imgbox{ width: 69px; height: 69px; border-radius: 50%; text-align: center; border: 4px solid #fff; line-height: 60px; position: absolute; left: 0; top: 0;}
.gong_til ul li .gong_text{ padding: 0 0 0 42px;}
.gong_til ul li .gong_text h3{ font-size: 16px; color: #fff; font-weight: bold;}
.gong_til ul li .gong_text h6{ font-size: 14px; color: #fff; text-transform: uppercase; font-family: arial; padding: 7px 0 0 0;}
.gong_til ul li .gong_text .gong_te{ color: #fff; font-size: 12px; margin: 10px 0 0 0;}


/*hz*/
.hz_box{ margin: 20px 0 0 0; border-top: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4;}
.hz_box ul li{ width: 16.6666%; border-bottom: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4;}
.hz_box ul li .imgbox{ transition: all .3s; position: relative; z-index: 1;}


/*news*/
.news_left{ border: 1px solid #d2d2d2; margin: 30px 0 0 0; background: #fff;}
.news_left .imgbox{ overflow: hidden;}
.news_left .imgbox span{ display: block; width: 100%; height: 100%; transition: all .3s;}
.news_left .left_til{ padding: 26px 32px;}
.news_left .left_til h3{ font-size: 18px; color: #292929; font-weight: bold;}
.news_left .left_til .left_ti{ line-height: 24px; height: 48px; overflow: hidden; color: #696969; margin: 18px 0 0 0;}
.news_left .left_til .box{ margin: 15px 0 0 0;}
.news_left .left_til .box .rq{ border: 1px solid #d2d2d2;}
.news_left .left_til .box .rq .ri{ width: 134px; line-height: 33px;color: #999999;}
.news_left .left_til .box .rq .mor{ width: 97px; color: #999999; line-height: 33px; border-left: 1px solid #d2d2d2;}
.news_left .left_til .box .jia{ width: 20px; height: 20px; background: #278fcf; color: #fff; text-align: center; line-height: 20px; margin: 7px 0 0 0;}

.news_right{ margin: 30px 0 0 0;}
.news_right ul li{background: #fff; border: 1px solid #d2d2d2; padding: 0 76px 0 98px; min-height: 107px; position: relative; position: relative; margin-bottom: 17px;}
.news_right ul li:after{ content: '+'; width: 20px; height: 20px; text-align: center; line-height: 20px; color: #fff; background: #278fcf; position: absolute; right: 27px; top: 50%; margin-top: -10px;}
.news_right ul li .rq2{ position: absolute; left: 0; top: 0; z-index: 1; text-align: right; width: 98px; height: 107px; padding: 15px 22px 0 0;}
.news_right ul li .rq2 .ri{ font-size: 36px; color: #696969; font-weight: bold; font-family: arial; font-weight: bold;}
.news_right ul li .rq2 .nian{ font-size: 14px; color: #696969;}
.news_right ul li .right_til{ padding: 20px 0 0 30px; position: relative;}
.news_right ul li .right_til:after{ content: ''; width: 13px; height: 2px; background: #529dde; position: absolute; left: 0; top: 25px;}
.news_right ul li .right_til h3{ font-size: 18px; color: #212121; font-weight: bold; transition: all .3s;}
.news_right ul li .right_til .right_ti{ font-size: 14px; color: #696969; line-height: 24px; height: 48px; overflow: hidden; margin: 5px 0 0 0; transition: all .3s;}

/*con*/
.con_box{ margin: 20px 0 0 0;}
.con_box ul{ margin: 0 -7px;}
.con_box ul li{ width: 25%; padding: 0 7px;}
.con_box ul li .con{ border: 1px solid #e6e6e6; padding: 30px; background: url(../images/bg.jpg) center center; background-size: cover; transition: all .3s;}
.con_box ul li .con .imgbox{ height: 26px; line-height: 26px; margin-bottom: 25px;}
.con_box ul li .con .con_til{ font-size: 14px; color: #999999;}
.con_box ul li .con h3{ font-size: 16px; color: #007bc7; font-weight: bold; padding: 13px 0 0 0;}
.con_box ul li .con .jiah{ font-size: 24px; color: #aaaaaa; margin: 27px 0 0 0;}


.title02{ padding: 15px 0 0 0; position: relative;}
.title02:after{ content: ''; width: 70%; height: 2px; background: #fff; position: absolute; left: 0; top: 0;}
.title02 h3{ color: #fff; font-size: 16px; font-weight: bold;}
.lj_box{ width: 23%; padding: 10px 0 0 0; border-right: 1px solid rgba(255,255,255,0.3); min-height: 263px;}
.lj_box .a_box{ margin: 40px 0 0 0;}
.lj_box .a_box a{ display: block; width: 50%; font-size: 12px; color: #fff; margin-bottom: 20px;}

.fen_box{ width: 29%; padding: 10px 42px 0; border-right: 1px solid rgba(255,255,255,0.3); min-height: 263px;}
.fen_box .lx_til{ font-size: 14px; color: #ffffff; line-height: 34px; margin: 40px 0 0 0;}

.bei_box{ width: 25%; padding: 10px 50px 0;}
.bei_box .bei{ margin: 40px 0 0 0; color: #fff; line-height: 34px;}
.bei_box .bei a{ color: #fff;}

.ewm_box{ width: 23%; margin: 10px 0 0 0;}
.ewm_box ul{ font-size: 0; text-align: center; margin: 0 -14px;}
.ewm_box ul li{ display: inline-block; vertical-align: top; width: 50%; padding: 0 14px;}
.ewm_box ul li .imgbox img{ margin: 0 auto;}
.ewm_box ul li h6{ font-size: 14px; color: #fff; line-height: 47px; border-bottom: 1px solid #6a6a6a;}

.di_box .lj{ font-size: 0; width: 70%;}
.di_box .lj h3{ display: inline-block; vertical-align: top; width: 100px; line-height: 77px; color: #292929; font-size: 16px; font-weight: bold; border-right: 1px solid #dfdfdf;}
.di_box .lj a{ display: inline-block; vertical-align: top; font-size: 14px; color: #696969; padding: 32px 0; margin: 0 16px;}
.di_box .top_but{ font-size: 14px; color: #696969; line-height: 77px; cursor: pointer;}

/*p-7*/
.picture7{ margin:20px 0 0 0; text-align: center;}
.picture7 img{ display:block; margin:0 auto;}

/*c-1*/
.content1{ padding:26px 0 40px 0;}
.subnav ol{ padding: 0 0 20px 0;}
.subnav ol h1{ font-size:18px; color:#278fcf; 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:49px; 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/jiao.png) 97% center no-repeat;}
.subNav2.currentDd{ background: #278fcf;}
.subNav2.currentDd a{  color: #fff;}
.subNav2:hover{ background: #278fcf;}
.subNav2:hover a{  color: #fff;}
.con_nav a{ display: block; width: 100%; border: 1px solid #dcdcdc; color: #333333; text-align: center; line-height: 50px; background: url(../images/icon07.png) 43px 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:#278fcf;}
.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;}


.pic2{ margin: 18px 0 0 0;}
.pic2 ul{ margin: 0 -7px;}
.pic2 ul li{ width: 33.333%; padding: 0 7px; margin-bottom: 18px;}
.pic2 ul li a{ display: block; border: 1px solid #e3e3e3; transition: all .3s; padding: 10px;}
.pic2 ul li .imgbox{ overflow: hidden; border: 1px solid #e3e3e3; position: relative;}
.pic2 ul li .imgbox span{ display: block; width: 100%; transition: all .3s;}
.pic2 ul li .imgbox .bg{ width: 100%; height: 100%; position: absolute; left: 0; top: -100%; background: rgba(39,143,207,0.9); transition: all .3s;}
.pic2 ul li .imgbox .bg .bg_til{ width: 100%; position: absolute; left: 0; top: 50%; margin-top: -35px;}
.pic2 ul li .imgbox .bg h4{ font-size: 24px; color: #fff;}
.pic2 ul li .imgbox .bg .mo{ width: 62%; border: 1px solid #fff; border-radius: 3px; line-height: 35px; padding: 0 30px 0 14px; color: #fff; position: relative; margin: 20px auto 0;}
.pic2 ul li .imgbox .bg .mo:after{ content: '>>'; font-size: 14px; color: #fff; line-height: 35px; color: #fff; position: absolute; right: 12px; top: 0;}
.pic2 ul li h3{ font-size: 14px; color: #292929; padding: 20px 0 0 0; transition: all .3s;}
.pic2 ul li .pic_til{ font-size: 0; text-align: center; margin: 20px 0 10px;}
.pic2 ul li .pic_til div{ display: inline-block; vertical-align: top; width: 100px; line-height: 28px; color: #fff; background: #F00; font-size: 14px; margin: 0 10px; border: 1px solid #F00;}
.pic2 ul li .pic_til div.con{ background: #529dde; border: 1px solid #529dde;}


.case{ margin: 18px 0 0 0;}
.case ul{ margin: 0 -7px;}
.case ul li{ width: 25%; padding: 0 7px; margin-bottom: 18px;}
.case ul li a{ display: block; border: 1px solid #e3e3e3; transition: all .3s; padding: 10px;}
.case ul li .imgbox{ overflow: hidden; border: 1px solid #e3e3e3; position: relative;}
.case ul li .imgbox span{ display: block; width: 100%; transition: all .3s;}
.case ul li .imgbox .bg{ width: 100%; height: 100%; position: absolute; left: 0; top: -100%; background: rgba(39,143,207,0.9); transition: all .3s;}
.case ul li .imgbox .bg .bg_til{ width: 100%; position: absolute; left: 0; top: 50%; margin-top: -35px;}
.case ul li .imgbox .bg h4{ font-size: 24px; color: #fff;}
.case ul li .imgbox .bg .mo{ width: 62%; border: 1px solid #fff; border-radius: 3px; line-height: 35px; padding: 0 30px 0 14px; color: #fff; position: relative; margin: 20px auto 0;}
.case ul li .imgbox .bg .mo:after{ content: '>>'; font-size: 14px; color: #fff; line-height: 35px; color: #fff; position: absolute; right: 12px; top: 0;}
.case ul li h3{ font-size: 14px; color: #292929; padding: 20px 0 0 0; transition: all .3s;}
.case ul li .case_til{ font-size: 0; text-align: center; margin: 20px 0 10px;}
.case ul li .case_til div{ display: inline-block; vertical-align: top; width: 100px; line-height: 28px; color: #fff; background: #F00; font-size: 14px; margin: 0 10px; border: 1px solid #F00;}
.case ul li .case_til div.con{ background: #529dde; border: 1px solid #529dde;}

/*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: #1983ff; margin: 10px 0 0 0;}



/*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:24px;}


.pic_show{ margin: 20px 0 0 0;}
.pic_text .biao{ font-size: 24px; color: #292929; font-weight: bold; padding-bottom: 20px; border-bottom: 1px solid #d7d7d7;}
.pic_text .pic_tex{ margin: 15px 0 0 0; border-bottom: 1px solid #d7d7d7; padding-bottom: 30px;}
.pic_text .pic_tex h4{ font-size: 14px; color: #292929; font-weight: bold;}
.pic_text .pic_tex .text{ font-size: 14px; color: #696969; line-height: 24px; margin: 14px 0 0 0; overflow: hidden;}
.pic_text .anniu{ font-size: 0; text-align: right; margin: 40px 0 0 0;}
.pic_text .anniu a{ display: inline-block; vertical-align: top; font-size: 14px; color: #292929; line-height: 40px; border: 1px solid #e2e2e2; padding: 0 25px; border-radius: 5px;}
.pic_text .anniu a img{ margin: 0 10px 0 0;}
.pic_text .anniu a:nth-child(1){ background: #ab0104; font-weight: bold; border: 1px solid #ab0104; color: #fff; margin-right: 20px;}


/*f-1*/




@media( min-width:991px){
	.header1 nav ul li:hover a{ background: #278fcf; color: #fff;}
	.header1 nav ul li:hover a span img{ margin-top: -16px;}
	.pic_box ul li:hover a{ box-shadow: 4px 8px 22px rgba(0,0,0,0.2);}
	.pic_box ul li:hover .imgbox .bg{ top: 0;}
	.list_nav ul li a:hover{ opacity: 1;}
	.list_nav ul li a:hover:after{ opacity:1;}
	.picture23 #owl-demo3 .item li:hover{ box-shadow: 4px 8px 18px rgba(0,0,0,0.2);}
	.picture23 #owl-demo3 .item li:hover .imgbox .bg{ top: 0;}
	.hz_box ul li:hover .imgbox{ box-shadow: 0 0 22px rgba(0,0,0,0.2); z-index: 999;}
	.news_left:hover .imgbox span{ transform: scale(1.1);}
	.news_left:hover .left_til h3{ color: #278fcf;}
	.news_right ul li:hover .right_til h3{ color: #278fcf;}
	.news_right ul li:hover .right_til .right_ti{ color: #278fcf;}
	.con_box ul li:hover .con{ box-shadow:0 0 22px rgba(0,0,0,0.2) ;}
	.pic2 ul li:hover{ box-shadow: 4px 8px 18px rgba(0,0,0,0.2);}
	.pic2 ul li:hover .imgbox .bg{ top: 0;}
	.case ul li:hover .imgbox span{ transform: scale(1.1);}
	.case ul li:hover h3{ background: #529dde; color: #fff;}
	.news2 ul li:hover .imgbox span{ transform: scale(1.1);}
	.news2 ul li:hover .news_til h3{ color: #1983ff; }
	.news2 ul li:hover .news_til .news_ti{ color: #1983ff; }
}

@media (max-width:1600px){

.about_left{padding: 70px 60px 290px 200px;}
.about_right{padding: 70px 200px 44px 56px;}
.mor_box{ padding: 0 0 0 200px;}

}

@media (max-width:1440px){

.about_left{padding: 70px 60px 290px 110px;}
.about_right{padding: 70px 110px 44px 56px;}
.mor_box{ padding: 0 0 0 110px;}

}

@media (max-width:1360px){

.about_left{padding: 70px 60px 290px 80px;}
.about_right{padding: 70px 80px 44px 56px;}
.mor_box{ padding: 0 0 0 80px;}

}

@media (max-width:1200px){

.about_left{padding: 70px 60px 290px 15px;}
.about_right{padding: 70px 15px 44px 56px;}
.mor_box{ padding: 0 0 0 15px;}

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

}

@media (max-width:1199px){


}


@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:rgba(0,0,0,0.6);}
.logo .sjdnav li a{ display:block; color:#fff; line-height:30px;}
.logo .logoimg img{ margin:20px 0 0 0; height:auto;}

.logo .ydd_btn{ margin:21px 0 0 0; padding:10px 7px; width:32px; height:32px; cursor:pointer; background: #278fcf;}
.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;}


.about_left{padding: 70px 60px 290px 80px; width: 100%;}
.about_right{padding: 70px 80px 44px 56px; width: 100%;}

.mian-gong{ height: auto;}
.gong_til ul li:after{ display: none;}
.gong_til ul li:before{ display: none;}

.picture23 #owl-demo3 .item li{ padding: 5px;}
.picture23 #owl-demo3 .item li .case_til div{ margin:5px 5px;}

.fen_box{ width: 100%; padding: 10px 0 0 0; border-right:none; min-height: auto;}

.bei_box{ width: 100%; padding: 10px 20px 0  0!important; margin: 20px 0 0 0;}
.bei_box .bei{ margin: 40px 0 0 0; color: #fff; line-height: 34px;}
.bei_box .bei a{ color: #fff;}

.ewm_box{ width: 100%; margin: 20px 0 0 0; padding: 0;}

.right-content{ border:none; padding:0;}

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

}

@media (max-width:767px){
.logo .sjdnav{  right:0px;}

.title3 h5{ width: 100%;}

.pic_box ul li{ width: 50%;}

.hz_box ul li{ width: 33.333%;}

.con_box ul li{ width: 50%; margin-bottom: 20px;}

.about_left{padding: 70px 15px 130px 15px;}
.about_text .about_te{margin: 25px 0 0 0;}

.mor_box{ height: 60px;}
.mor_box .box{ width: 100%; height: 100%; position: relative; padding: 0 0 0 100px;}
.mor_box img{ width: 100px;}
.mor_box .box a{ padding: 22px 30px 0 50px; font-size: 16px; background: url(../images/jian.png) right 92% no-repeat;}

.about_right{padding: 70px 15px 44px 15px;}

.pic2 ul li{ width: 50%;}
.pic2 ul li a{ padding: 5px;}
.pic2 ul li .pic_til div{ margin:5px 5px;}

.case ul li{ width: 50%;}
.case ul li a{ padding: 5px;}
.case ul li .case_til div{ margin:5px 5px;}



}

@media (max-width:640px){


}


@media (max-width:414px){

.logo .logoimg img{ width: 200px; margin: 28px 0 0 0; height:auto;}

.about_text h3{ font-size: 22px;}

.list_nav h3{ font-size: 22px;}

.hz_box ul li{ width:50%;}

.news_right ul li{ border: 1px solid #d2d2d2; padding: 0 46px 0 78px; min-height: 107px; position: relative; position: relative; margin-bottom: 17px;}
.news_right ul li:after{ right: 13px;}
.news_right ul li .rq2{ width: 78px;}
.news_right ul li .right_til h3{ font-size: 14px;}

/*con*/
.con_box ul{ margin: 0;}
.con_box ul li{ padding: 0; width: 100%;}
.con_box ul li .con{ padding: 10px 15px;}

.list_nav ul li a{ margin-bottom: 15px;}

/*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;}



}


@media (max-width:340px){


}