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

/*全局样式*/
.top_nav{ border-bottom: 1px solid #f3f3f4;}
.top_nav .left_zi{ font-size: 12px; color: #5e5e5e; line-height: 30px; font-family: '宋体';}
.top_nav .right_zi ul{ margin: 0 -17px;}
.top_nav .right_zi ul li{ font-size: 12px;  position: relative; padding: 0 17px; position: relative;}
.top_nav .right_zi ul li:after{ content: ''; width: 1px; height: 12px; background: #c9c9c9; position: absolute; right: 0; top: 9px;}
.top_nav .right_zi ul li:last-child:after{ display: none;}
.top_nav .right_zi ul li a{ color: #5e5e5e; display: block; width: 100%; line-height: 30px; }


.logo{ height:102px;}
.logo .logoimg img{ margin-top:29px;}
.logo .zi{ border-left: 1px solid #e7e7e7; padding: 0 0 0 17px; margin: 29px 0 0 17px;}
.logo .zi h6{ font-size: 16px; color: #535353; padding: 10px 0 0 0;}
.logo .tel{ padding: 0 0 0 57px; background: url(../images/dh.png) left center no-repeat; margin: 24px 0 0 0;}
.logo .tel h5{ color: #434343; font-size: 13px;}
.logo .tel h6{ font-size: 36px; color: #5a8889; font-family:impact;}
.header1{ background:#4c7c7e;background:-moz-linear-gradient(top,#4c7c7e 0,#245f60 100%);background:-webkit-linear-gradient(top,#4c7c7e 0,#245f60 100%);background:linear-gradient(to bottom,#4c7c7e 0,#245f60 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c7c7e',endColorstr='#245f60',GradientType=0);}
.header1 nav ul li{ width:12.5%; }
.header1 nav ul li a{ display:block; color:#fff; font-size:16px; line-height:48px; position: relative;}
.header1 nav ul li.active a{ background:#e2ad5c;background:-moz-linear-gradient(top,#e2ad5c 0,#c28f37 100%);background:-webkit-linear-gradient(top,#e2ad5c 0,#c28f37 100%);background:linear-gradient(to bottom,#e2ad5c 0,#c28f37 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2ad5c',endColorstr='#c28f37',GradientType=0); border: 1px solid #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: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:none;}
.banner #myCarousel .carousel-indicators li:hover{background-color:#5a8888; }
.banner #myCarousel .carousel-indicators li.active{background-color:#5a8888; }

/*m-w*/
.mian-cheng{ padding: 40px 0; background: #d9d5cc;}
.mian-about{ padding: 50px 0 70px; background: url(../images/about_bg.jpg) center center; background-size: cover;}
.mian-pic{ padding: 40px 0; background: #d9d5cc;}
.mian-ys{ padding:40px 0; background:#d9d5cc;}
.mian-ys2{ padding:40px 0; background:url(../images/ys_bg.jpg) center center; background-size: cover;}
.mian-case{ padding: 40px 0 60px; background: #5a8888;}
.mian-hz{ padding: 40px 0; background: url(../images/ys_bg.jpg) center center; background-size: cover;}
.mian-jia{ padding: 40px 0 60px; background: #d9d5cc;}
.mian-men{ padding: 40px 0 60px; background: #5a8888;}
.mian-rong{ padding: 40px 0 60px; background: #d9d5cc;}
.mian-foot{ padding: 65px 0; background: url(../images/Color_bg.jpg) center center; background-size: cover;}



/*t-2*/
.title { margin: 20px 0; position: relative;}
.title img{ position: absolute; left: -30px; top: 0; z-index: 10;}
.title:after{ content:''; width: 100%; height: 1px; background: #e3ae5d; position: absolute; left: 0; top: 8px;}
.title .title_box{ display: inline-block; vertical-align: top; background: #e3ae5d; padding: 7px 18px 7px 54px; border-radius: 0 5px 5px 0; border: 1px solid #fff; margin: 9px 0;}
.title h6{ color: #fff; font-size: 14px; color: #fff; line-height: 15px; font-family:'Aparajita'; text-transform: uppercase;}
.title h3{ color: #fff; font-size: 16px; line-height: 16px;}

/*t-6*/
.title6{ border-bottom: 1px solid #a5a5a5; padding-bottom: 14px;}
.title6 span{ font-size: 12px; color: #404040;}
.title6 span a{ color: #404040;}
.title6 span a:hover{ color: #308eff;}
.title6 a.fan{ color: #292929; font-size: 12px;}


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

.cheng_box{ padding: 0 0 0 22px; position: relative; min-height: 250px;}
.cheng_box:after{ content: ''; width: 1px; height: 126%; background: #e3ae5d; position: absolute; left: 0; top: -10%;}
.cheng_box .cheng_text{ width: 69%;}
.cheng_box .cheng_text .biaoyu{ max-width: 270px; font-size: 18px; text-align: center; color: #fff; line-height: 27px; background: #5a8888;}
.cheng_box .cheng_text h3{ display: inline-block; font-size: 48px; color: #292929; font-weight: bold; margin: 14px 0 !important; padding-bottom: 12px; border-bottom: 1px solid #bcbcbc;position: relative;}
.cheng_box .cheng_text h3:after{ content: ''; width: 51px; height: 3px; background: #5a8888; position: absolute; left: 0; bottom: -2px;}
.cheng_box .cheng_text h3 span{ color: #5a8888;}
.cheng_box .cheng_text .cheng_til{ color: #999999; font-size: 16px; line-height: 30px;}
.cheng_box .imgbox{ margin-top: -30px;}

.case_box{ padding: 0 0 0 22px; margin: 40px 0 0 0; position: relative; min-height: 570px;}
.case_box:after{ content: ''; width: 1px; height: 123%; background: #e3ae5d; position: absolute; left: 0; top: -12%;}
.case_box ul{ width: 71%;}
.case_box ul li{ width: 33.3333%;}
.case_box ul li .case_text{ height: 272px;}
.case_box ul li .case_text .text_biao h4{ font-size: 24px; color: #fff; text-transform: uppercase;}
.case_box ul li .case_text .text_biao h3{ font-size: 30px; color: #fff; font-weight: bold; padding: 10px 0 0 0;}
.case_box ul li .case_text .text_biao .kuai{ width: 37px; height: 3px; background: #e3ae5d; margin: 25px 0 0 0;}
.case_box ul li .case_text .case_til{ font-size: 16px; color: #fff; line-height: 30px; height: 60px; overflow: hidden; margin: 10px 0 0 0;}
.case_box ul li .imgbox{ height: 272px; padding: 6px; background: #fff; overflow: hidden;}
.case_box ul li .imgbox span{ display: block; width: 100%; height: 100%; transition: all .8s;}
.case_box ul li:nth-child(1) .case_text{ padding: 0 25px 0 0;}
.case_box ul li:nth-child(2) .case_text{ padding:28px 15px 0 15px;}
.case_box ul li:nth-child(3) .case_text{ padding:0 0 0 15px;}
.case_box .case_right{ width: 29%; padding: 0 0 0 60px; margin-top: -15px;}
.case_box .case_right .imgbox{ position: relative;}
.case_box .case_right .imgbox:after{ content: ''; width: 100%; height: 100%; background: url(../images/bg.png) center center; background-size: cover; position: absolute; left: -15px; bottom: -15px;}
.case_box .case_right .imgbox span{ display: block; width: 100%; position: relative; z-index: 10;}

/*ys*/
.ys_box{ padding: 0 0 0 22px; position: relative;}
.ys_box:after{ content: ''; width: 1px; height: 120%; background: #e3ae5d; position: absolute; left: 0; top: -11%;}
.ys_box .ys_img{ padding: 27px 0; border: 6px solid #fff;}
.ys_box .ys_img ul li{ width: 33.3333%;}
.ys_box .ys_img ul li .imgbox{ margin-bottom: 27px;}
.ys_box .ys_img ul li .imgbox img{ margin: 0 auto;}
.ys_box .ys_img ul li h3{ font-size: 18px; color: #5a8888; font-weight: bold;}
.ys_text h3{ display: inline-block; font-size: 48px; color: #292929; font-weight: bold; margin: 14px 0 !important; padding-bottom: 12px; border-bottom: 1px solid #bcbcbc;position: relative;}
.ys_text h3:after{ content: ''; width: 51px; height: 3px; background: #5a8888; position: absolute; left: 0; bottom: -2px;}
.ys_text .ys_til{ color: #696969; font-size: 16px; line-height: 30px;}

.ys_box2{ padding: 0 0 0 22px; position: relative;}
.ys_box2:after{ content: ''; width: 1px; height: 107%; background: #e3ae5d; position: absolute; left: 0; top: -21px;}
.ys_text2 h3{ display: inline-block; font-size: 48px; color: #fff; font-weight: bold; margin: 14px 0 !important; padding-bottom: 12px; border-bottom: 1px solid #fff;position: relative;}
.ys_text2 h3:after{ content: ''; width: 51px; height: 3px; background: #e3ae5d; position: absolute; left: 0; bottom: -2px;}
.ys_text2 h4{ color: #fff; font-size: 18px; font-weight: bold;}
.ys_text2 .ys_til2{ color: #fff; font-size: 16px; line-height: 30px;}

/*pic_box*/
.pic_box{ margin: 20px 0 0 0; padding: 0 0 0 22px; position: relative;}
.pic_box:after{ content: ''; width: 1px; height: 107%; background: #e3ae5d; position: absolute; left: 0; top: -4%;}
.pic_box ul{ margin: 0 -12px;}
.pic_box ul li{ width: 25%; padding: 0 12px; margin-bottom: 25px;}
.pic_box ul li .imgbox{ border: 1px solid #cccccc; overflow: hidden; overflow: hidden;}
.pic_box ul li .imgbox span{ display: block; width: 100%; transition: all .3s;}
.pic_box ul li h3{ font-size: 14px; color: #292929; line-height: 44px; background: #fff; border: 1px solid #ccc; border-top: none; padding: 0 30px 0 16px; position: relative; margin: 0 !important;}
.pic_box ul li h3:after{ content: '>'; width: 16px; height: 16px; border: 1px solid #999999; font-size: 12px; font-family: '宋体'; color: #999; text-align: center; line-height: 16px; position: absolute; right: 13px; top: 50%; margin-top: -8px;}

.hz_box{ padding: 0 0 0 22px; position: relative;}
.hz_box:after{ content: ''; width: 1px; height: 118%; background: #e3ae5d; position: absolute; left: 0; top: -6%;}
.hz_text h3{ display: inline-block; font-size: 48px; color: #fff; font-weight: bold; margin: 14px 0 !important; padding-bottom: 12px; border-bottom: 1px solid #fff;position: relative;}
.hz_text h3:after{ content: ''; width: 51px; height: 3px; background: #e3ae5d; position: absolute; left: 0; bottom: -2px;}
.hz_text .hz_til{ color: #fff; font-size: 16px; line-height: 30px;}
.hz_box ul{ margin: 14px -4px;}
.hz_box ul li{ width: 16.666%; padding: 0 4px; margin-bottom: 8px;}
.hz_box ul li .imgbox{ border: 1px solid #dfdfdf; overflow: hidden;}
.hz_box ul li .imgbox span{ display: block; width: 100%; transition: all .3s;}

.jia_box{ padding: 0 0 0 22px; position: relative;}
.jia_box:after{ content: ''; width: 1px; height: 123%; background: #e3ae5d; position: absolute; left: 0; top: -6%;}
.jia_text h3{ display: inline-block; font-size: 48px; color: #292929; font-weight: bold; margin: 14px 0 !important; padding-bottom: 12px; border-bottom: 1px solid #bcbcbc;position: relative;}
.jia_text h3:after{ content: ''; width: 51px; height: 3px; background: #245eba; position: absolute; left: 0; bottom: -2px;}
.jia_box ul{ margin: 14px 0 0 0;}
.jia_box ul li{ width: 16.6666%; padding: 0 10px;}
.jia_box ul li .imgbox img{ margin: 0 auto;}
.jia_box ul li .jia{ margin:10px 0 0 0;}
.jia_box ul li .jia h3{ font-size: 18px; color: #292929; font-weight: bold;}
.jia_box ul li .jia .xian{ width: 40px; height: 1px; background: #245eba; opacity: 0.5; margin: 15px auto;}
.jia_box ul li .jia .jia_til{ font-size: 14px; line-height: 24px; height: 72px; overflow: hidden; text-align: center; color: #696969;}

.men_box{ padding: 0 0 0 22px; position: relative;}
.men_box:after{ content: ''; width: 1px; height: 114%; background: #e3ae5d; position: absolute; left: 0; top: -6%;}
.men_box ul{ margin: 0 -10px;}
.men_box ul li{ width: 33.333%; padding: 0 10px; margin-bottom: 20px;}
.men_box ul li .imgbox{ border: 3px solid #fff; overflow: hidden;}
.men_box ul li .imgbox span{ display: block; width: 100%; transition: all .3s;}

.rong_box{ padding: 0 0 0 22px; position: relative;}
.rong_box:after{ content: ''; width: 1px; height: 121%; background: #e3ae5d; position: absolute; left: 0; top: -6%;}
.rong_box ul{ margin: 0 -15px;}
.rong_box ul li{ width:25%; padding: 0 15px; margin-bottom: 20px;}
.rong_box ul li .imgbox{ border: 1px solid #cccccc; overflow: hidden;}


/*lx*/
.lx_box .lx_zi{ width: 63%;}
.lx_box .lx_zi h3{ font-size: 18px; color: #fff; font-weight: bold;}
.lx_box .lx_zi .lx_ti2{ font-size: 15px; color: #fff; margin: 10px 0 0 0;}
.lx_box a{ width: 174px; line-height: 50px; color: #1e8bfd; font-size: 18px;  font-weight: bold; text-align: center; background: #fff;}

.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;}
.fen_box .lx_til span{ font-family: impact; font-size: 18px;}

.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 80px 0; background: #d9d5cc;}
.subnav{ width: 259px;}
.subnav .pc_nav{ background: #5a8888; border-radius: 5px 5px 0 0; padding: 0 14px 15px;}
.subnav .pc_nav .left_biao{ padding: 22px 0;}
.subnav .pc_nav .left_biao h3{ font-size: 24px; color: #fff; font-weight: bold;}
.subnav .pc_nav .left_biao img{ margin: 13px auto 0; }
.subnav .nav_box ul li a{ display: block; text-align: center; background: #fff; border-radius: 5px; font-size: 16px; color: #5a8888; line-height: 38px; position: relative; margin: 10px 0 0 0;}
.subnav .nav_box ul li a:after{ content: ''; width: 98%; height: 90%; border-radius: 5px; border: 1px dashed #769ee7; position: absolute; left: 1%; top: 5%;}

.subnav .nav_box ul li a.active{ background: #d9d5cc;}
.subnav .nav_box ul li a:hover{ background: #d9d5cc;}
.subnav .contact_nei{ background: #5a8888; margin: 25px 0 0 0;}
.subnav .contact_nei .con { padding: 0 17px 15px; position: relative;}
.subnav .contact_nei .con:after{ content: ''; width: 143px; height: 38px; background: url(../images/sanjiao.jpg) center center no-repeat; position: absolute; left: 50%; margin-left: -72px; bottom: -38px;}
.subnav .contact_nei .con .ctit{ padding: 17px 0; border-bottom: 1px solid #fff; text-align: center;}
.subnav .contact_nei .con .ctit h3{ font-size: 24px; color: #fff; font-weight: bold; padding-bottom: 7px;}
.subnav .contact_nei .con .clist{ margin: 10px 0;}
.subnav .contact_nei .con .clist i{ width: 16px; text-align: center; margin-right:10px;}
.subnav .contact_nei .con .clist p{ margin: 0; color: #fff; padding: 0; width: 88%;}
.subnav .contact_nei .con .clist:nth-child(1) p{ font-size: 24px; color: #fff; font-family: impact;}
.subnav .contact_nei .con .clist p span{ color: #308eff; font-size: 14px;}
.subnav .contact_nei .con .clist_box{border-bottom: 1px solid #fff;}
.subnav .contact_nei .zxbtn a{ display: block; line-height: 32px; color: #fff; text-align: center; background: #c8953f; border: 1px solid #fff; margin: 15px auto; transition: all .3s;}
.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:#5a8888;}
.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:#a5a5a5; border-top:solid 1px #fff;}
.subnav .yddnav .xls a{ color:#fff; display:block; line-height:40px;}


/*pic*/
.pic{ margin: 20px 0 0 0;}
.pic ul{ margin: 0 -12px;}
.pic ul li{ width: 33.333%; padding: 0 12px; margin-bottom: 25px;}
.pic ul li .imgbox{ border: 1px solid #cccccc; overflow: hidden; overflow: hidden;}
.pic ul li .imgbox span{ display: block; width: 100%; transition: all .3s;}
.pic ul li h3{ font-size: 14px; color: #292929; line-height: 44px; background: #fff; border: 1px solid #ccc; border-top: none; padding: 0 30px 0 16px; position: relative; margin: 0 !important;}
.pic ul li h3:after{ content: '>'; width: 16px; height: 16px; border: 1px solid #999999; font-size: 12px; font-family: '宋体'; color: #999; text-align: center; line-height: 16px; position: absolute; right: 13px; top: 50%; margin-top: -8px;}


/*pic*/
.news2{ margin: 20px 0 0 0;}
.news2 ul li{ padding: 0 0 22px 0; border-bottom: 1px dashed #a5a5a5; 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: #5a8888; 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;}

@media( min-width:991px){
	.top_nav .right_zi ul li:hover a{ color: #2372de;}
	.header1 nav ul li:hover a{background:#e2ad5c;background:-moz-linear-gradient(top,#e2ad5c 0,#c28f37 100%);background:-webkit-linear-gradient(top,#e2ad5c 0,#c28f37 100%);background:linear-gradient(to bottom,#e2ad5c 0,#c28f37 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2ad5c',endColorstr='#c28f37',GradientType=0); border: 1px solid #fff;}
	.case_box ul li:hover .imgbox span{ transform: scale(1.2);}
	.pic_box ul li:hover .imgbox span{ transform: scale(1.2);}
	.pic_box ul li:hover h3{ background: #e3ae5d; color: #fff;}
	.pic_box ul li:hover h3:after{ border: 1px solid #fff; color: #fff;}
	.hz_box ul li:hover .imgbox span{ transform: scale(1.1);}
	.men_box ul li:hover .imgbox{ border: 3px solid #e3ae5d;}
	.men_box ul li:hover .imgbox span{ transform: scale(1.1);}
	.pic ul li:hover .imgbox span{ transform: scale(1.2);}
	.pic ul li:hover h3{ background: #e3ae5d; color: #fff;}
	.pic ul li:hover h3:after{ border: 1px solid #fff; color: #fff;}
	.news2 ul li:hover .imgbox span{ transform: scale(1.1);}
	.news2 ul li:hover .news_til h3{ color: #5a8888; }
	.news2 ul li:hover .news_til .news_ti{ color: #5a8888; }
}

@media (max-width:1199px){

.logo .logoimg img{ width: 360px; margin-top:37px;}

.top_nav .right_zi ul{ margin: 0 -15px;}
.top_nav .right_zi ul li{ padding: 0 15px;}

.title img{ position: absolute; left: 0px; top: 0; z-index: 10;}
.title .title_box{ margin: 9px 0 9px 20px;}
.title:after{ width: 97%; left: 3%;}

.cheng_box{ padding: 0;}
.cheng_box:after{ display: none;}

.case_box{ padding: 0;}
.case_box:after{ display: none;}

.ys_box{ padding: 0;}
.ys_box:after{ display: none;}

.ys_box2{ padding: 0;}
.ys_box2:after{ display: none;}

.pic_box{ padding: 0;}
.pic_box:after{ display: none;}

.hz_box{ padding: 0;}
.hz_box:after{ display: none;}

.jia_box{ padding: 0;}
.jia_box:after{ display: none;}

.men_box{ padding: 0;}
.men_box:after{ display: none;}

.rong_box{ padding: 0;}
.rong_box:after{ display: none;}

}


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

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

.cheng_box{ min-height: auto;}
.cheng_box .cheng_text{ width: 100%; float: none;}
.cheng_box .cheng_text h3{ font-size: 38px;}
.cheng_box .imgbox{ width: 100%; float: none; margin: 0;}
.cheng_box .imgbox img{ margin: 0 auto;}

.ys_box .ys_text h3{ font-size: 38px;}

.ys_box2 .ys_text2 h3{ font-size: 38px;}

.hz_box h3{ font-size: 38px;}

.jia_box h3{ font-size: 38px;}

.case_box{ min-height: auto;}
.case_box ul{ width: 100%;}

.jia_box ul li{ width: 33.3333%; margin-bottom: 20px;}

.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;}

.subnav{ width: 100%;}

}

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

.cheng_box .cheng_text h3{ font-size: 28px;}

.case_box ul li .case_text{ height: 242px;}
.case_box ul li .case_text .text_biao h4{ font-size: 16px;}
.case_box ul li .case_text .text_biao h3{ font-size: 22px;}
.case_box ul li .imgbox{ height: 242px;}

.ys_box .ys_text h3{ font-size: 28px;}

.ys_box2 .ys_text2 h3{ font-size: 28px;}

.hz_box h3{ font-size: 28px;}
.hz_box ul li{ width: 33.333%;}

.men_box ul li{ width: 50%;}

.rong_box ul li{ width: 50%;}

.jia_box h3{ font-size: 28px;}

.pic ul li{ width: 50%;}



}

@media (max-width:640px){

.case_box ul li .case_text{ height: 222px;}
.case_box ul li .imgbox{ height: 222px;}

.ys_box .ys_img ul li .imgbox img{ width: 50%;}
.ys_box .ys_img ul li h3{ font-size: 12px;}

.pic_box ul li{ width: 50%;}

}


@media (max-width:414px){

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

.cheng_box .cheng_text h3{ font-size: 20px;}

.case_box ul li{ width: 50%; margin-bottom: 20px;}
.case_box ul li .case_text{ height: 182px;}
.case_box ul li .imgbox{ height: 182px;}

.ys_box .ys_text h3{ font-size: 20px;}

.ys_box2 .ys_text2 h3{ font-size: 20px;}

.hz_box h3{ font-size: 20px;}

.jia_box h3{ font-size: 20px;}
.jia_box ul li{ width: 50%;}

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


}