@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;}
.clear { clear:both;}
body{ font-family:"微软雅黑";}

/*全局样式*/
.logo{ height:124px;}
.logo .logoimg img{ margin-top:33px;}
.logo .tel_box{ padding: 10px 265px 10px 15px; /*background: url(../images/kaung.png) left center no-repeat;*/ margin: 28px 0 0 0;}
.logo .tel_box h5{  font-size: 14px; color: #b1d00a; padding: 0 0 0 25px; background: url(../images/dh.png) left center no-repeat; line-height: 18px;}
.logo .tel_box h6{ font-size: 24px; color: #10a4c2; font-family: arial;}
.heard1{ width:100%;  background:#10a4c2; padding: 1px 0; position: relative;}
.heard1:after{ content: ''; width: 100%; height: 1px; background: #04cdf6; position: absolute; left: 0; top: 1px;}
.heard1:before{ content: ''; width: 100%; height: 1px; background: #04cdf6; position: absolute; left: 0; bottom: 1px;}
.heard1 nav{ width:100%; position: relative; background: url(../images/nav_bg.jpg) left center no-repeat;}
.heard1 nav ul li{ width:12.4%; height:50px; background: url(../images/nav_bg.jpg) right center no-repeat;}
.heard1 nav ul li a{ display:block; color:#fff; font-size:16px; line-height:50px;}
.heard1 nav ul li.active a{ background: #aece00;}


.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-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:#aece00; }
.banner #myCarousel .carousel-indicators li.active{background-color:#aece00; }

/*m-w*/
.mian-ss{ padding: 15px 0 18px; background:url(../images/xian.jpg) left bottom repeat-x;}
.mian-icon{ padding: 30px 0;}
.mian-pic{ padding: 30px 0 45px;}
.mian-about{ padding: 70px 0; background:url(../images/about_bg.jpg) center center; background-size: cover;}
.mian-case{ padding: 30px 0 80px; background: #10a4c2;}
.mian-lc{ padding: 30px 0 0;}
.mian-gg{ padding: 30px 0;}
.mian-news{ padding: 30px 0 50px;}
.mian-foot{ padding: 65px 0; background: #141414;}
.mian-di{ background: #000000; padding-bottom: 30px;}



/*t-2*/
.title { margin: 20px 0;}
.title .title_biao{ background: url(../images/biao_bg.png) center center no-repeat;}
.title .title_biao img{ margin: 0 auto;}
.title h6{ font-size: 12px; color: #fff; padding: 11px 0 0 0;}

/*t-2*/
.title3 { margin: 20px 0;}
.title3 .title_biao{ background: url(../images/biao_bg2.png) center center no-repeat;}
.title3 .title_biao img{ margin: 0 auto;}
.title3 h6{ font-size: 12px; color: #232323; opacity: 0.58; padding: 11px 0 0 0;}

.title03{ background: #10a4c2; padding: 0 13px 0 17px; margin: 20px 0 0 0;}
.title03 h3{ font-size: 16px; font-weight: bold; line-height: 47px; color: #fff;}
.title03 h3 span{ font-size: 12px; text-transform: uppercase; font-weight: normal; font-family: arial; padding: 0 0 0 5px;}
.title03 a{ color: #fff; line-height: 47px; text-transform: uppercase; font-size: 12px; font-family: arial;}

/*t-6*/
.title6{ border-bottom: 2px solid #10a4c2; background: #f2f2f2;}
.title6 h4{ width: 144px; line-height: 27px; text-align: center;  font-size: 16px; color: #fff;  background: url(../images/h3_bg.jpg) center center no-repeat; position: relative;}
.title6 h4:after{ content: ''; width: 144px; height: 2px; background: #aece00; position: absolute; left: 0; bottom: -2px;}
.title6 span{ font-size: 12px; font-weight: normal; font-family: arial; text-transform: uppercase; color: #999999; padding: 0 10px 0 0;}
.title6 a{ font-size: 12px; color: #999; text-transform: uppercase; font-family: arial; padding: 0 9px 0 0; line-height: 27px;}


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


.lj_box2 ul{ font-size: 0;}
.lj_box2 ul li{ display: inline-block; vertical-align: top; font-size: 12px; color: #292929; line-height: 24px;}
.lj_box2 ul li a{ color: #2e2e2e; padding: 0 15px; transition: all .3s;}
.lj_box2 ul li:nth-child(1){ font-weight: bold;}

.ss_box input{ width: 230px; height: 24px; font-size: 12px; border: none; padding: 0 15px 0 23px; border: 1px solid #dedede; background: url(../images/fang.png) 8px center no-repeat;}
.ss_box button{ width:47px; height: 24px;  color: #fff; font-size: 12px; background: none; border: none; position: relative; z-index: 1; left: -6px;}
.ss_box button:after{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #51bfff; transform: skewX(-25deg); z-index: -1;}

.icon_box{ border: 1px solid #e8e8e8; background: #f3f3f3; padding: 20px 0; position: relative;}
.yin{ width: 100%; height: 57px; position: absolute; left: 0; bottom: -20px; z-index: -1; background: url(../images/yin.png) center bottom no-repeat;}
.icon_box ul li{ width: 25%; border-right: 1px dashed #d1d1d1;}
.icon_box ul li:last-child{ border: none;}
.icon_box ul li .imgbox{ height: 42px; margin-bottom: 16px;}
.icon_box ul li .imgbox img{ margin: 0 auto;}
.icon_box ul li h3{ font-size: 14px; color: #616161; transition: all .3s;}

/*left*/
.pic_box{ padding: 0 0 0 259px; min-height: 605px; position: relative;}
.left_nav{ width: 259px; position: absolute; left: 0; top: 0; z-index: 1; border: 1px solid #e0e0e0;}
.left_nav .pc_nav .left_biao{ background: #10a4c2;}
.left_nav .pc_nav .left_biao h3{ font-size: 22px; color: #fff; line-height: 59px;}
.left_nav .nav_box{ border: 1px solid #dddddd; padding:15px 5px;}
.left_nav .nav_box ul li{ border: 1px solid #dddddd; margin-bottom: 6px; background:#ffffff;background:-moz-linear-gradient(top,#ffffff 0%,#e9e9e9 100%);background:-webkit-linear-gradient(top,#ffffff 0%,#e9e9e9 100%);background:linear-gradient(to bottom,#ffffff 0%,#e9e9e9 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#e9e9e9',GradientType=0 ); position: relative;}
.left_nav .nav_box ul li:after{ content: ''; width: 12px; height: 12px; background: url(../images/nav_bg.png) center center no-repeat; position: absolute; left: 17px; top: 50%; margin-top: -6px;}
.left_nav .nav_box ul li a{ display: block; font-size: 14px; padding: 0 0 0 46px; color: #3c3c3c; line-height: 35px; position: relative; }
.left_nav .nav_box ul li.active{ background: #10a4c2;}
.left_nav .nav_box ul li.active a{color: #fff; background: url(../images/jian.png) 97% center no-repeat; }
.left_nav .nav_box ul li.active:after{ background: url(../images/nav_bg2.png) center center no-repeat;}
.tel_box3{ padding: 1px; border: 1px solid #dddddd; border-top:none;}
.tel_box3 .tel3{ padding: 40px 13px 40px; background: url(../images/dh_bg.jpg) center center; background-size: cover;}
.tel_box3 .tel3 h5{ font-size: 14px; color: #1d1d1d; margin-bottom: 5px !important; text-align: right; line-height: 25px; background: url(../images/dh3.png) 109px center no-repeat;}
.tel_box3 .tel3 h6{ font-size: 22px; color: #004f10; font-family: arial; font-weight: bold; text-align: right;}

.pic{padding: 0 0 0 20px;}
.title2{ border-bottom: 2px solid #10a4c2; background: #f2f2f2;}
.title2 h4{ width: 144px; line-height: 27px; text-align: center;  font-size: 16px; color: #fff;  background: url(../images/h3_bg.jpg) center center no-repeat; position: relative;}
.title2 h4:after{ content: ''; width: 144px; height: 2px; background: #aece00; position: absolute; left: 0; bottom: -2px;}
.title2 h4 span{ font-size: 12px; font-weight: normal; font-family: arial; text-transform: uppercase; color: #595959;}
.title2 a{ font-size: 12px; color: #bdbdbd; text-transform: uppercase; font-family: arial; padding: 0 9px 0 0; line-height: 27px;}

.pic2{ margin: 22px 0 0 0;}
.pic2 ul{ margin: 0 -5px;}
.pic2 ul li{ width: 25%; padding: 0 5px; margin-bottom: 10px;}
.pic2 ul li a{ display: block;  transition: all .3s; border: 1px solid #e0e0e0;}
.pic2 ul li .imgbox{ overflow: hidden;}
.pic2 ul li .imgbox span{ display: block; width: 100%; transition: all .3s;}
.pic2 ul li .pic_text{ padding: 0 10px;}
.pic2 ul li h3{ font-size: 14px; color: #3c3c3c; line-height: 38px; transition: all .3s; width: 50%;}
.pic2 ul li h5{ font-size: 12px; color: #919191; text-align: center; font-family: arial; text-transform: uppercase; line-height: 38px;}

/*hz*/
.hz_box{ padding: 0 0 0 110px; min-height: 58px; position: relative; margin: 20px 0;}
.hz_box .hz_biao{ width: 110px; line-height: 58px; background: #aece00; text-align: center; font-size: 14px; color: #fff; font-weight: bold; position: absolute; left: 0; top: 1px; z-index: 1;}

/*zz*/
.picture22{ position:relative; padding: 0 47px;}
.picture22 #owl-demo2 .item{-webkit-transition: all 0.3s;transition:all 0.3s; margin: 0 12px;}
.picture22 #owl-demo2 .item li{ -webkit-transition: all .3s; transition:all .3s; margin-bottom: 2px;}
.picture22 #owl-demo2 .item li .imgs{ overflow: hidden;  border: 1px solid #d4dee5; transition: all .3s;}
.picture22 #owl-demo2 .item li .imgs span{ display: block; width: 100%; transition: all .3s;}
.picture22 #owl-demo2 .item li .imgs img{max-width:100%;}
.picture22 .owl-theme .owl-controls .owl-buttons div{position:absolute; top:0; z-index:1; width:32px; height:100%;display:inline-block;zoom:1;*display:inline;filter:Alpha(Opacity=100);opacity:1;}
.picture22 .owl-theme .owl-controls .owl-buttons div.owl-prev{ left: -42px; background: url(../images/yjt.png) right center no-repeat; transition: all .3s;}
.picture22 .owl-theme .owl-controls .owl-buttons div.owl-next{right: -42px; background: url(../images/zjt.jpg) right center no-repeat; transition: all .3s;}
.picture22 .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none;}
.picture22 .owl-theme .owl-controls .owl-page{ display:none;}

/*case*/
.case_box{ margin: 30px 0 0;}
.case_box ul{ margin: 0 -10px;}
.case_box ul li{ width: 50%; padding: 0 10px; margin-bottom: 20px;}
.case_box ul li a{ display: block; width: 100%; background: #ffffff; padding:0 0 0 153px; min-height: 167px; border: 2px solid #fff; position: relative;}
.case_box ul li a .imgbox{ width: 153px; height: 163px; border: 1px solid #0d839b; padding: 3px; position: absolute; left: 0; top: 0; z-index: 1}
.case_box ul li a .imgbox span{ display: block; width: 100%; height: 100%;}
.case_box ul li a .case_til{ padding: 25px 20px 0 20px;}
.case_box ul li a .case_til h3{ font-size: 16px; color: #333333; transition: all .3s;}
.case_box ul li a .case_til .case_ti{ font-size: 14px; color: #868686; line-height: 24px; height: 48px; overflow: hidden; margin: 15px 0 0 0; transition: all .3s;}
.case_box ul li a .case_til .mor{ font-size: 12px; color: #bebebe; text-transform: uppercase; margin: 25px 0 0 0; transition: all .3s;}

.more a{ display: block; width: 135px; line-height: 34px; text-align: center; color: #fff; border: 1px solid #fff; border-radius: 3px; margin: 10px auto 0; transition: all .3s;}

/*lc*/
.lc_box{ margin: 20px 0;}
.lc_box ul{}
.lc_box ul li{ width: 12.5%; position: relative;}
.lc_box ul li .imgbox{ width: 94px; height: 94px; border-radius: 50%; border: 1px solid #dddddd; text-align: center; line-height: 94px; margin: 0 auto;}
.lc_box ul li h3{ font-size: 14px; color: #333333; padding: 25px 0 0 0;}
.lc_box ul li .jiao{ width: 16px; height: 17px; position: absolute; right: -8px; top: 42px;}
.lc_box ul li:last-child .jiao{ display: none;}

/*about*/
.about_box{ padding: 3px; background: url(../images/xian.jpg) center center; margin: 20px 0 0;}
.about_box .about_img{ width: 50%;}
.about_box .about_til{ width: 50%; background: #fff; height: 362px; padding: 45px 38px 0 50px;}
.about_box .about_til h3{ font-size: 20px; color: #1f1a17; font-weight: bold; position: relative;}
.about_box .about_til h3:after{ content: ''; width: 52px; height: 3px; background: #10a4c2; position: absolute; left: -72px; top: 50%; margin-top: -1px;}
.about_box .about_til .about_ti{ color: #848484; line-height: 24px; height: 144px; overflow: hidden; margin: 38px 0;}
.about_box .about_til a{ display: block; width: 96px; line-height: 36px; text-align: center; color: #838281; border: 1px solid #c9c9c9; transition: all .3s;}


/*news*/
.wen_box{ border: 1px solid #eeeeee; padding: 26px 18px 0;}
.wen_box ul li{ padding-bottom: 24px; border-bottom: 1px dashed #a09e9b; margin-bottom: 25px;}
.wen_box ul li .wen{ padding: 0 0 0 30px; position: relative; font-size: 16px; color: #202020; font-weight: bold;}
.wen_box ul li .wen .wen_zi{ text-align: center; width: 16px; height: 16px; line-height: 16px; background: #10a4c2; color: #fff; font-size: 12px; font-family: '宋体'; position: absolute; left: 0; top: 50%; margin-top: -8px;}
.wen_box ul li .da{ padding: 0 0 0 30px; font-size: 14px; color: #959595; line-height: 24px; position: relative; height: 48px; overflow: hidden; margin: 20px 0 0 0;}
.wen_box ul li .da .da_zi{ text-align: center; width: 16px; height: 16px; line-height: 16px; background: #aece00; color: #fff; font-size: 12px; font-family: '宋体'; position: absolute; left: 0; top:5px;}

.news_box{ padding: 15px 15px 0 15px; border: 1px solid #eeeeee;}
.news_active{ padding: 0 0 0 253px; min-height: 134px;position: relative;}
.news_active .imgbox{ width: 253px; height: 134px; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 1;}
.news_active .imgbox span{ display: block; width: 100%; height: 100%; transition: all .3s;}
.news_active .news_til{ padding: 18px 0 0 20px;}
.news_active .news_til h3{ font-size: 16px; color: #2d2d2d; font-weight: bold;}
.news_active .news_til .news_ti{ font-size: 14px; color: #939393; line-height: 24px; height: 72px; overflow: hidden; margin: 15px 0 0 0; transition: all .3s;}
.news{ margin: 25px 0 0 0;}
.news .news_left{ width: 50%; border-right: 1px solid #eaeaea; padding: 0 50px 0 0;}
.news .news_left ul li{ margin-bottom: 35px;}
.news .news_left ul li a{ display: block; font-size: 14px; color: #9f9f9f; padding: 0 0 0 13px; position: relative;}
.news .news_left ul li a:after{ content: ''; width: 6px; height: 1px; background: #9f9f9f; position: absolute; left: 0; top: 50%;}

.news .news_right{ width: 50%;  padding: 0 0 0 90px;}
.news .news_right ul li{ margin-bottom: 35px;}
.news .news_right ul li a{ display: block; font-size: 14px; color: #9f9f9f; padding: 0 0 0 13px; position: relative;}
.news .news_right ul li a:after{ content: ''; width: 6px; height: 1px; background: #9f9f9f; position: absolute; left: 0; top: 50%;}

.title02 h3{ color: #fff; font-size: 18px; font-weight: normal;}
.lj_box{ width: 23%;}
.lj_box .a_box{ margin: 33px 0 0 0;}
.lj_box .a_box a{ display: block; width: 50%; font-size: 12ox; color: #aaaaaa; margin-bottom: 21px;}


.lj_box{ border-right: 1px dashed #2a2a2a;}
.news_box2{ width: 43%; padding: 0 77px 0 80px; border-right: 1px dashed #2a2a2a}
.news_box2 ul{ margin: 23px 0 0 0; }
.news_box2 ul li{ border-bottom: 1px dashed #393939; padding: 0 0 0 11px; margin-bottom: 12px; position: relative;}
.news_box2 ul li:after{ content: ''; width: 0; height: 0; border-left: 5px solid #979797; border-top: 6px solid transparent; border-bottom: 6px solid transparent; position: absolute; left: 0; top: 50%; margin-top: -6px; transition: all .3s;}
.news_box2 ul li a{ display: block; color: #979797; font-size: 12px; line-height: 32px; transition: all .3s;}

.fen_box{ padding: 0 0 0 82px; width:34%;}
.fen_box .lx_til{ font-size: 12px; color: #979797; line-height: 30px; margin: 23px 0 0 0;}
.fen_box h5{ font-size: 16px; color: #ffffff; font-weight: bold; padding: 37px 0 0 0;}

/*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{ width: 259px;}
.subnav ol{ background: #10a4c2; padding: 0;}
.subnav ol h1{ font-size:22px; color:#fff; line-height: 59px;}
.subNavBox{ border: 1px solid #dddddd; padding:9px 5px 15px;}
.subNav2{ border: 1px solid #dddddd; margin-top: 6px; background:#ffffff;background:-moz-linear-gradient(top,#ffffff 0%,#e9e9e9 100%);background:-webkit-linear-gradient(top,#ffffff 0%,#e9e9e9 100%);background:linear-gradient(to bottom,#ffffff 0%,#e9e9e9 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#e9e9e9',GradientType=0 ); position: relative;}
.subNav2:after{ content: ''; width: 12px; height: 12px; background: url(../images/nav_bg.png) center center no-repeat; position: absolute; left: 17px; top: 50%; margin-top: -6px;}
.subNav2 a{ display: block; font-size: 14px; padding: 0 0 0 46px; color: #3c3c3c; line-height: 35px; position: relative; }
.subNav2.currentDd{ background: #10a4c2;}
.subNav2.currentDd a{color: #fff; background: url(../images/jian.png) 97% center no-repeat; }
.subNav2.currentDd:after{ background: url(../images/nav_bg2.png) center center no-repeat;}
.subNav2:hover{ background: #10a4c2;}
.subNav2:hover a{color: #fff; background: url(../images/jian.png) 97% center no-repeat; }
.subNav2:hover:after{ background: url(../images/nav_bg2.png) center center no-repeat;}
.navContent{display: none; margin:0;}
.navContent.active{ display:block;}
.navContent .li2{ padding: 0; }
.navContent .li2 a{ display: block; font-size: 12px; line-height: 40px; color: #747070;  background: #f3f3f3;border-bottom: 1px dashed #cacaca; padding: 0 0 0 46px;}
.navContent .li2:hover a{ background: #aece00; color: #fff;}
.con_nav a{ display: block; width: 100%; border: 1px solid #dcdcdc; color: #333333; text-align: center; line-height: 50px; background: url(../images/icon7.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:#10a4c2;}
.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:#aece00; border-bottom:dotted 1px #fff}
.subnav .yddnav .xlxls a{ color:#fff; display:block; line-height:32px;}


.pic3{ margin: 22px 0 0 0;}
.pic3 ul{ margin: 0 -5px;}
.pic3 ul li{ width: 25%; padding: 0 5px; margin-bottom: 10px;}
.pic3 ul li a{ display: block;  transition: all .3s; border: 1px solid #e0e0e0;}
.pic3 ul li .imgbox{ overflow: hidden; position: relative;}
.pic3 ul li .imgbox span{ display: block; width: 100%; transition: all .3s;}
.pic3 ul li .imgbox .bg{ width: 100%; height: 100%; background: rgba(16,164,194,0.59); position: absolute; left: 0; top: -100%; transition: all .3s;}
.pic3 ul li .imgbox .bg .bg_til{ width: 108px; line-height: 24px; text-align: center; font-size: 12px; color: #fff; border-radius: 3px; border: 1px solid #fff; position: absolute; left: 50%; margin-left: -54px; top: 50%; margin-top: -13px;}
.pic3 ul li .pic_text{ padding: 0 10px;}
.pic3 ul li h3{ font-size: 14px; color: #3c3c3c; line-height: 38px; transition: all .3s; width: 50%;}
.pic3 ul li h5{ font-size: 12px; color: #919191; text-align: center; font-family: arial; text-transform: uppercase; line-height: 38px;}



/*news*/
.news2{ margin: 20px 0 0 0;}
.news2 ul li{ padding: 0 0 22px 0; border-bottom: 1px dashed #e1e1e1; margin-bottom: 22px;}
.news2 ul li a{ display: block; width: 100%; padding: 0 0 0 136px; min-height: 94px; position: relative;}
.news2 ul li a .imgbox{ width: 136px; height: 94px; position: absolute; left: 0; top: 0; z-index: 1; border: 1px solid #cdcdcd;}
.news2 ul li a .news_til{ padding: 18px 0 0 16px;}
.news2 ul li a .news_til h3{ font-size: 14px; color: #080909; padding: 0 0 0 25px; background: url(../images/jiao.png) left center no-repeat; transition: all .3s;}
.news2 ul li a .news_til .news_ti{ font-size: 12px; line-height: 22px; height: 44px; overflow: hidden; margin: 5px 0 0 0; color: #6f6f6f; transition: all .3s;}




/*ditu*/
.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*/
.pic_show{ margin: 20px 0 0 0;}
.pic_show .imgbox{ border: 1px solid #e3e3e3; padding: 4px;}
.pic_show .imgbox span{ display: block; width: 100%;}
.pic_xiang{ padding: 20px 0 0 0;}
.pic_xiang h3{ font-size: 24px; color: #10a4c2; font-weight: bold;}
.pic_xiang .xiang_show{ color: #737373; line-height: 24px; margin: 20px 0 0 0;}
.pic_xiang .tel4{ font-size: 16px; width: 176px; color: #fff; line-height: 34px; background: #aece00; text-align: center; padding: 0 0 0 34px; position: relative;  font-family: arial; position: relative; margin: 20px 0 0 0;}
.pic_xiang .tel4 a{ color: #fff;}
.pic_xiang .tel4:after{ content: ''; width: 34px; height: 34px; background-color: #10a4c2; position: absolute; left: 0; top: 0; background-image: url(../images/dh4.png); background-position: center; background-repeat: no-repeat;}
.pic_xiang .lj{ font-size: 12px; color: #10a4c2; margin: 20px 0 0 0;}
.pic_xiang .lj a{ color: #10a4c2;}
.show_biao{ background: #10a3c2; padding: 4px 0 0 4px; margin: 36px 0 0 0;}
.show_biao h3{ width: 103px; background: #fff; line-height: 27px; color: #10a3c2; font-size: 14px;}
.text{ color: #5c5d5d; line-height: 24px; margin: 30px 0 0 0;}
.text h6{ color: #10a4c2; font-size: 14px; padding-bottom: 20px;}

.pic_show2{ padding: 15px; border: 1px solid #e6e6e6; margin: 40px 0 0 0;}
.pic_show2 .box{ padding: 0 0 0 447px; min-height: 317px; position: relative;}
.pic_show2 .box .imgbox{ width: 447px; height: 317px; position: absolute; left: 0; top: 0; z-index: 1; border: 1px solid #e3e3e3; padding: 4px;}
.pic_show2 .box .imgbox span{ display: block; width: 100%; height: 100%;}
.pic_show2 .box .show_til{ padding: 32px 0 0 46px;}
.pic_show2 .box .show_til h3{ font-size: 18px; color: #343434; border-bottom: 1px dashed #bdbdbd; padding-bottom: 24px;}
.pic_show2 .box .show_til .show_ti{ font-size: 14px; color: #7e7e7e; line-height: 24px; margin: 15px 0 40px;}
.pic_show2 .box .show_til h5{ font-size: 16px; color: #10a4c2;}
.pic_show2 .box .show_til h6{ font-size: 16px; color: #aece00; padding: 30px 0 0 0;}
.pic_show2 .box .show_til h6 span{ color: #10a4c2;}


/*f-1*/
footer{ background:#141414;}
.bei{ width: 50%;  padding:16px 0 0 0 ; font-size: 12px; color: #484848; line-height: 16px; position: relative; z-index: 1;}
.bei a{ color: #363636;}

.mian-di{ position: relative;}
.mian-di:after{ content: ''; width: 50%; height: 50px; background: #141414; position: absolute; left: 0; top: 0;}
.di_nav{ width: 50%; height: 50px; padding: 26px 50px 0 30px; text-align: center; position: relative;}
.di_nav:after{ content: ''; width: 0; height: 0; border-left: 8px solid #141414; border-top:32px solid #141414; border-bottom: 16px solid #000000; border-right:16px solid #000000; position: absolute; left: 0; top: 0;}
.di_nav ul li{ width: 20%;}
.di_nav ul li a{ color: #fff;}
.di_nav .top_but{ width: 40px; height: 40px; background: #1f1f1f; border-radius: 5px; cursor: pointer; position: absolute; right: 0; top: 10px;}
.di_nav .top_but span{ display: block; font-size: 25px; font-family: "宋体"; color: #fff; font-weight: bold; text-align: center; line-height: 40px; transform: rotate(-90deg);}

@media( min-width:991px){
	.heard1 nav ul li:hover a{ background:#aece00;}
	.icon_box ul li:hover h3{ color: #aece00;}
	.left_nav .nav_box ul li:hover a{ color: #fff; background: url(../images/jian.png) 97% center no-repeat; }
	.left_nav .nav_box ul li:hover{ background: #10a4c2;}
	.left_nav .nav_box ul li:hover:after{ background: url(../images/nav_bg2.png) center center no-repeat;}
	.left_nav .ul3 .li3 a:hover{ color: #fac721;}
	.title2 a:hover{ color: #10a4c2;}
	.pic2 ul li:hover a{ background: #10a4c2;}
	.pic2 ul li:hover a .imgbox span{ transform: scale(1.1);}
	.pic2 ul li:hover h3{ color: #fff;}
	.pic2 ul li:hover h5{ color: #fff;}
	.picture22 #owl-demo2 .item li:hover .imgs{ border: 1px solid #aece00;}
	.picture22 #owl-demo2 .item li:hover .imgs span{ transform: scale(1.1);}
	.case_box ul li a:hover .case_til h3{ color: #aece00;}
	.case_box ul li a:hover .case_til .case_ti{ color: #aece00;}
	.case_box ul li a:hover .case_til .mor{ color: #aece00;}
	.more a:hover{ background: #aece00; border: 1px solid #aece00;}
	.about_box .about_til a:hover{ color: #fff; background: #aece00; border: 1px solid #aece00;}
	.news_active:hover .imgbox span{ transform: scale(1.1);}
	.news_active:hover .news_til h3{ color: #aece00;}
	.news .news_left ul li:hover a{ color: #aece00;}
	.news .news_right ul li:hover a{ color: #aece00;}
	.lj_box .a_box a:hover{ color: #fff;}
	.news_box2 ul li:hover:after{  border-left: 5px solid #fff;}
	.news_box2 ul li:hover a{ color: #fff; }
	.pic3 ul li:hover a{ background: #10a4c2;}
	.pic3 ul li:hover a .imgbox span{ transform: scale(1.1);}
	.pic3 ul li:hover a .imgbox .bg{ top: 0;}
	.pic3 ul li:hover h3{ color: #fff;}
	.pic3 ul li:hover h5{ color: #fff;}
	.news2 ul li:hover .news_til h3{ color: #10a4c2; }
	.news2 ul li:hover .news_til .news_ti{ color: #10a4c2; }

}

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


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


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

/*hz*/
.hz_box{ padding: 0; min-height: auto; position: relative;}

.lc_box ul li{ width: 25%; margin-bottom: 20px;}
.lc_box ul li:nth-child(4) .jiao{ display: none;}

.about_box .about_img{ background: #fff; width: 100%;}
.about_box .about_img img{ margin: 0 auto;}
.about_box .about_til{ padding: 20px 10px; width: 100%;}
.about_box .about_til h3:after{ display: none;}

.lj_box{ width: 100%;}

.news_box2{ width: 100%; padding: 0; border-right: none; margin: 20px 0 0;}

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

.mian-di{padding: 20px 0;}
.mian-di:after{display: none;}
.bei{ width: 100%;  padding:0 ; font-size: 12px; color: #484848; line-height: 16px; position: relative; z-index: 1;}


.subnav{ width:100%; border: none;}


}

@media (max-width:767px){
.logo .logoimg img{ width: 280px; margin:20px 0 0 0; height:auto;}
.logo .sjdnav{  right:0px;}

.icon_box ul li{ width: 50%; margin-bottom: 20px;}
.icon_box ul li:nth-child(2){ border: none;}

.case_box ul{ margin: 0;}
.case_box ul li{ width: 100%; padding: 0;}

.pic2 ul li{ width: 50%;}

.pic3 ul li{ width: 50%;}


.pic_show2 .box{ padding: 0; min-height:auto;}
.pic_show2 .box .imgbox{ width: 100%; height: 317px; position: static;}
.pic_show2 .box .imgbox span{ display: block; width: 100%; height: 100%;}
.pic_show2 .box .show_til{ padding: 32px 0 0 0;}
.pic_show2 .box .show_til h3{ font-size: 15px; }



}

@media (max-width:640px){



}


@media (max-width:414px){

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

.case_box ul li a{ padding:0 0 0 120px; min-height: 147px; border: 2px solid #fff; position: relative;}
.case_box ul li a .imgbox{ width: 120px; height: 143px;}
.case_box ul li a .case_til{ padding: 15px 10px 0 10px;}
.case_box ul li a .case_til .case_ti{ margin: 8px 0 0 0;}
.case_box ul li a .case_til .mor{  margin: 15px 0 0 0;}

.lc_box ul li{ width: 50%; position: relative;}
.lc_box ul li:nth-child(2) .jiao{ display: none;}
.lc_box ul li:nth-child(6) .jiao{ display: none;}

.news_active{ padding: 0 0 0 150px; min-height: 94px;}
.news_active .imgbox{ width: 150px; height: 94px;}
.news_active .news_til{ padding: 0px 0 0 10px;}
.news_active .news_til h3{ font-size: 14px; }
.news_active .news_til .news_ti{ margin: 5px 0 0 0;}

.pic3 ul li a{  padding: 5px;}
.pic3 ul li h3{ padding: 10px 0;}
.pic3 ul li .mor div{ line-height: 22px; font-size: 10px; width: 60px; margin: 0 2px; margin-bottom: 5px;}


/*news2*/
.news2 ul li a{ padding: 0 0 0 140px; min-height: 84px;}
.news2 ul li a .imgbox{ width: 140px; height:84px;}
.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;}


/*xiaz*/
.xiaz ul a{ padding: 0; min-height: 167px;}
.xiaz ul li .xiaz_box{ padding: 7px 0px 7px 143px;min-height: 115px;}
.xiaz ul li .xiaz_box .xiaz_til{ padding: 17px 0 0 17px;}
.xiaz ul li .xia_but{ width: 100%; height: 52px; border-top: 1px solid #dddddd; border-left: none; position: absolute; left: 0; top: auto; bottom: 0;}

.xia_show{ padding:0 0 0 110px; min-height: 110px}
.xia_show .imgbox{ width: 110px; height: 108px; position: absolute; left: 0; top: 0; z-index: 1; border-right: 1px solid #d7d7d7;}
.xia_show .zai_til{ padding: 16px 0 0 26px;}
.xia_show .zai_til h3{ font-size: 12px; color: #696969; font-family: '宋体';}
.xia_show .zai_til .zai_ti{ font-size: 14px; color: #292929;  padding: 10px 0 0 0; font-family: '宋体';}
.xia_show a{ display: block; width: 68px; line-height: 28px; right: auto; left:136px ; top: auto; bottom: 10px;}

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

.pic_show2 .box .imgbox{ width: 100%; height: 240px; position: static;}

}


@media (max-width:340px){


}