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

.glyphicon{ top:0 !important;}
.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;}
.w100{ width:100% !important;}
.h100{ height:100% !important;}
a{ text-decoration:none !important; cursor:pointer !important;}
.imgvertical{vertical-align:middle !important;}
.container-fluid{ max-width:1000px !important;}
/*全局样式*/
 


body{ font-family:"微软雅黑";}
/*m-1*/
.main{ padding:30px 0 20px;}
.main-White{ background:#fff;}

/*m-2*/
.main-Colorless{background:none;}

/*m-3*/
.main-Background-1{ background:url(../images/bg_03.png) repeat;}

/*m-4*/

/*m-5*/
.main-opcityBackground{ background:url(../images/CaseSharing_mask_03.png) repeat;}

/*h-2*/
.header2{ position:relative; left:0; top:0; z-index:99999; width:100%; height:128px;}
.header2 .topbar{ height:80px; overflow:hidden;background:#e8e8e8;}
.header2 .topbar .tel{ height:80px;}
.header2 .topbar .tel span{ margin-left:10px; height:70px; font-size:18px; color:#666; line-height:30px;}
.header2 .topbar .tel span i{ font-size:25px; color:#ae0909; line-height:30px}
.header2 .logo{ height:80px;}
.header2 .logo img{ width:322px; height:56px; margin-top:7px;}
.header2 .tel img{ width:50px; height:50px; margin-top:9px;}
.header2 .navbox{ position:relative; background:url(../images/nav_bg_02.png) repeat-x; height:48px;} 
.header2 nav{ width:1000px; margin:0 auto;}
.header2 nav ul{ width:100%;}
.header2 nav li{ position:relative;width:12.5%; transition:all 0.3s;}
.header2 nav li a{ margin:0 auto; display:block;color:#fff; line-height:48px;background:url(../images/nav_jgx_03.jpg) no-repeat left;}
.header2 nav li:hover{background:url(../images/nav_hover_bg.png) repeat;}
.header2 nav li:hover a{ color:#fff; background:none;}
.header2 nav li.active{background:url(../images/nav_hover_bg.png) repeat;}
.header2 nav li.active a{ color:#fff; background:none;}
.header2 nav li:hover ul{ display:block;}
.header2 nav li ul{ display:none; position:absolute; left:0; top:48px; z-index:99999; width:100%;}
.header2 nav li ul li{ width:100%; background: #900;}
.header2 nav li ul li a{ line-height:40px; background:none;}
.header2 nav li ul li:hover{ background: #F00}

 /*b-1*/
.bannerbox1{ margin-top:80px;width:100%; height:490px;transition:all 1s;}
#banner{ height:490px;position:relative;overflow:hidden; transition:all 1s;}
#banner .main_image{ height:490px;position:relative;overflow:hidden;transition:all 1s;}
#banner .main_image ul{position:absolute;top:0;left:0;width:9999px;overflow:hidden;}
#banner .main_image li a{display:block;}
#banner .main_image li span{display:block;width:100%;height:490px;transition:all 1s;}
#banner .main_image li .img_1{background:url(../images/banner1.jpg) 50% 50%; background-size:cover;}
#banner .main_image li .img_2{background:url(../images/banner2.jpg) 50% 50%; background-size:cover;}
#banner .main_image li .img_3{background:url(../images/banner3.jpg) 50% 50%; background-size:cover;}
#banner .main_image li .img_4{background:url(../images/banner4.jpg) 50% 50%; background-size:cover;}
#banner .main_image li .img_5{background:url(../images/banner5.jpg) 50% 50%; background-size:cover;}
#banner .main_image li img{ display:block; margin:0 auto;}
#banner div.flicking_con{position:absolute;bottom:10px;left:50%;z-index:999;width:300px;height:21px;margin:0 0 0 -50px;}
#banner div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;background:url('../images/btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-1000px}
#banner div.flicking_con a.on{background-position:0 -21px}
#banner #btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:29px!important;height:29px!important;top:50%;margin-top:-30px;display:none; transition:all 0.5s;}
#banner #btn_prev{background:url(../images/main_btn_arrow_lr.png) no-repeat left bottom;left:20px;}
#banner #btn_prev:hover{background:url(../images/main_btn_arrow_lr.png) no-repeat right bottom;}
#banner #btn_next{background:url(../images/main_btn_arrow_lr.png) no-repeat left top;right:20px;}
#banner #btn_next:hover{background:url(../images/main_btn_arrow_lr.png) no-repeat right top;}

.banner{ position:relative; height:500px;}
.banner .swiper-container {
  height: 100%;
  width: 100%;
}


.content1{ transition:all 2s;}

/*t-2-1*/
.title02{ margin:0 0 30px; background:url(../images/titlejgx_03.jpg) repeat-x 0 50%;transition:all 1s;}
.title02 a{ display:inline-block;padding:0 30px; background:#fff;}
.title02 h2{font-family:Arial; font-size:33px; color:#c12425; line-height:40px; transition:all 1s;}
.title02 h2:hover{ color:#e60511}
.title02 h1{ display:inline; font-size:24px; color:#333333; line-height:30px;transition:all 1s;}
.title02 h1:hover{ color:#e60511}

/*t-2-2*/
.title02-2{ margin:0 0 30px; background:url(../images/titlejgx_03.jpg) repeat-x 0 50%;}
.title02-2 a{ display:inline-block;padding:0 30px; background:#f2f2f2;}
.title02-2 h2{font-family:Arial; font-size:33px; color:#c12425; line-height:40px;transition:all 1s;}
.title02-2 h2:hover{ color:#e60511}
.title02-2 h1{ display:inline; font-size:24px; color:#333333; line-height:30px;transition:all 1s; }
.title02-2 h1:hover{ color:#e60511}

/*t-4-1*/
.title04{height:40px;}
.title04 h1{font-size:16px; height:39px;line-height:39px;}
.title04 h1 a{ color:#3e3d3d; }
.title04 span{color:#666; line-height:39px;}
.title04 span a{ color:#666;}
.title04 span a:hover{ color:#56ac12}

/*t-7-1*/
.title07 h1{font-size:18px; color:#d23327; line-height:58px; border-bottom:dashed 1px #e0e0e0;}
.title07 h6{ font-size:14px; font-family:"黑体";color:#bababa; line-height:30px; }

/*t-8-1*/
.title08{ margin: 0 0 10px 0;}
.title08 h1{ font-size:20px; color:#333; line-height:50px;}
.title08 ul{ background:#e1e1e1;}
.title08 ul li{ margin:0 5px; display:inline; font-family:"黑体"; font-size:12px; color:#333; line-height:28px;}
.title08 ul li a{ color:#333;}

/*t-10-1*/
.title10{ margin-bottom:20px;}
.title10 nav{ height:50px; border-bottom:solid 1px #cecece;}
.title10 nav li{ display:inline; height:49px;}
.title10 nav li a{ padding:0 10px; display:inline-block; font-size:16px; color:#666; line-height:48px; transition:all 1s;}
.title10 nav li a:hover{color:#f39801; border-bottom:solid 2px #f39801;}
.title10 nav li a.active{color:#f39801; border-bottom:solid 2px #f39801;}

/*t-11*/
.title11{ position:relative; margin-bottom:20px;  height:39px; border:solid 1px #ecebeb;}
.title11 span{ position:absolute; left:0; top:0; display:inline-block;font-size:16px; color:#666666; line-height:37px; background:url(../images/nyycbg_03.jpg) repeat-x; border-right: solid 1px #fbfbfd;}
.title11 span b{ display:block;border-right: solid 1px #d2d2d2;padding:0 10px; font-weight:normal;}
.title11 i{ display:block; padding:0 10px 0 0; color:#868484; line-height:37px; background:url(../images/nyycbg_05.jpg) repeat-x;}

/*t-12*/
.title12{ margin:0 0 20px 0; border-bottom:solid 1px #d80209;}
.title12 b{ display:inline-block; margin:0 0 -1px 0; padding:0 5px 0 0; background:#fff; font-size:14px; color:#d80209; line-height:14px;}
.title12 span{ display:inline-block; margin:0 0 -1px 0; padding:0 10px 0 0; background:#fff; color:#d80209; line-height:14px;}

/*c-1*/
.contact-map{ margin:0 0 20px 0; width:100%;  border:solid 1px #c4c2c2;}
.contact-content section h1{ font-size:16px; color:#666;}
.contact-content section address{ font-size:12px; color:#666;} 

/*p-1*/
.picture1 .picture1-list{ margin:0 0 30px 0;}
.picture1 .picture1-list .imgbox{ margin:0 0 1px 0;height:150px; overflow:hidden; background:#f0f0f0; transition:all 0.3s;}
.picture1 .picture1-list .imgbox img{ display:block; margin:0 auto;}
.picture1 .picture1-list h4{ font-size:16px; height:35px; background:#f1f1f1;}
.picture1 .picture1-list h4 a{ display:block; line-height:35px;color:#999999; transition:all 0.3s;}
.picture1 .picture1-list:hover h4 a{ background:#d80209; color:#fff;}

/*p-2*/
.picture2 ul li{ width:16.66%;}
.picture2 ul li a{ position:relative; display:block; width:90%; height:140px; overflow:hidden; margin:0 auto; border:solid 1px #c6c6c6; transition:all 1s; background:#f0f0f0;}
.picture2 ul li a img{ display:block; margin:0 auto;}
.picture2 ul li a:hover{ border:solid 1px #db252b;}
.picture2 ul li a:hover .mb{ bottom:0;}
.picture2 ul li a .mb{ padding:40px 0 0 0; position:absolute; left:0; bottom:-100%; z-index:1; width:100%; height:100%; background:url(../images/p2_mb_img.png) repeat; transition:all 0.3s;}
.picture2 ul li a .mb h6{ font-size:16px; color:#fd0009; -webkit-text-shadow:1px 1px 0px rgba(255,255,255,0.3);-moz-text-shadow:1px 1px 0px rgba(255,255,255,0.3);text-shadow:1px 1px 0px rgba(255,255,255,0.3); font-weight:bold;}
.picture2 ul li a .mb span{ margin:5px 0 0 0; display:block; font-family:"黑体"; font-size:12px; color:#fff; opacity:0.5;}

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

/*p-13*/
.picture13 .picture13-list{ margin-bottom:20px;}
.picture13 .picture13-list .imgbox{ height:270px; overflow:hidden; background:#f0f0f0; transition:all 1s;}
.picture13 .picture13-list .imgbox img{ display:block; margin:0 auto;}
.picture13 .picture13-list h2{ margin:5px 0 0 0 !important; font-size:16px; line-height:24px;}
.picture13 .picture13-list h2 a{ color:#333;transition:all 0.3s;}
.picture13 .picture13-list p{ font-family:"黑体"; line-height:24px;}
.picture13 .picture13-list p a{ font-size:12px; color:#666; transition:all 0.3s;}
.picture13 .picture13-list:hover p a{ color:#999;}
.picture13 .picture13-list:hover h2 a{ color:#ff9d00;}

/*p-17*/
.picture17 { height:480px; transition:all 1s;}
.picture17 a{ display:block;width:100%; height:100%; text-align:center;}
.picture17 .left,.picture17 .picture17-4 .picture17-4-1{ width:30%; height:100%;}
.picture17 .content{ padding:0 16px; width:50%;height:100%;}
.picture17 .right{ width:20%;height:100%;}
.picture17 .picture17-1{ padding:42px 0 0 0;height:27%; background:#999999;}
.picture17 .picture17-2{ padding:16px 0 0 0; height:73%;}
.picture17 .picture17-3,.picture17 .picture17-5{ height:70%;transition:all 1s;}
.picture17 .picture17-4,.picture17 .picture17-6{ padding:16px 0 0 0; height:30%;transition:all 1s;}
.picture17 .picture17-4 .picture17-4-1{ padding:40px 0 0 0; background:#999999;}
.picture17 .picture17-4 .picture17-4-2{ padding:0 0 0 16px; width:70%;height:100%;}

/*n-2*/
.news2 .news-list { margin:0 0 20px 0;}
.news2 .news-list .imgbox{ width:26%; background:#e1e1e1; transition:all 1s; border:solid 1px #d8d7d7;}
.news2 .news-list .imgbox a{ display:block; height:108px; overflow:hidden;}
.news2 .news-list .textbox{ padding:5px 10px; width:74%; height:110px; transition:all 1s;}
.news2 .news-list .textbox h1{ margin:5px 0 !important;font-size:16px; line-height:24px; height:24px;}
.news2 .news-list .textbox h1 a{ color:#333; transition:all 1s;}
.news2 .news-list .textbox .h5{ line-height:20px; height:60px; overflow:hidden;}
.news2 .news-list .textbox .h5 a{ font-size:12px; color:#666; transition:all 1s;}
.news2 .news-list:hover .imgbox{ opacity:0.8;}
.news2 .news-list:hover .textbox{ background:#c12425;}
.news2 .news-list:hover .textbox h1 a{ color:#fff;}
.news2 .news-list:hover .textbox .h5 a{ color:#fff;}

/*n-2-2*/
.news2-2 .news-list { margin:0 0 20px 0;}
.news2-2 .news-list .imgbox{ width:27%; background:#e1e1e1; transition:all 1s;}
.news2-2 .news-list .imgbox a{ display:block; height:130px; overflow:hidden;}
.news2-2 .news-list .textbox{ padding:5px 10px; width:70%; height:130px; transition:all 1s;}
.news2-2 .news-list .textbox h1{ margin:5px 0 !important;font-size:16px; line-height:24px; height:24px;}
.news2-2 .news-list .textbox h1 a{ color:#333; transition:all 1s;}
.news2-2 .news-list .textbox .h5{ line-height:20px; height:60px; overflow:hidden;}
.news2-2 .news-list .textbox .h5 a{ font-size:12px; color:#666; transition:all 1s;}
.news2-2 .news-list:hover .imgbox{ opacity:0.8;}
.news2-2 .news-list:hover .textbox{ background:#f49701;}
.news2-2 .news-list:hover .textbox h1 a{ color:#fff;}
.news2-2 .news-list:hover .textbox .h5 a{ color:#fff;}

/*n-3*/
.news3 .news3-list{ height:39px;}
.news3 .news3-list a{ padding:0 0 0 20px; width:90%; color:#5a5a5a; line-height:38px; background:url(../images/dian.png) no-repeat left; border-bottom:dashed 1px #c6c6c6; transition:all 0.3s;}
.news3 .news3-list a:hover{ color:#d80209;}
.news3 .news3-list span{ width:10%; color:#5a5a5a; line-height:38px; border-bottom:dashed 1px #c6c6c6;}

/*n-4*/
.news4{color:#666; line-height:32px;}
.news4 .news4-list a{ display:block; margin:0 0 20px 0; padding:0 0 20px 0; border-bottom:solid 1px #d9d9d9;}
.news4 .news4-list .imgbox{ width:30%; height:150px; overflow:hidden; background:#f0f0f0; transition:all 0.3s;}
.news4 .news4-list .imgbox img{ display:block; margin:0 auto;}
.news4 .news4-list .textbox{ padding-left:20px; width:70%; height:150px;}
.news4 .news4-list .textbox h5{ font-size:18px; color:#4b4a4a; line-height:24px; transition:all 0.3s;}
.news4 .news4-list .textbox span{ display:block; font-size:12px; color:#999; line-height:20px;}
.news4 .news4-list .textbox p{color:#4f4f4f; height:104px; line-height:26px;overflow:hidden; transition:all 0.3s;}
.news4 .news4-list:hover .textbox h5{ color:#e8383d;}
.news4 .news4-list:hover .textbox p{ color:#6f6f6f;}
.news4 .news4-list:hover .imgbox{ border:solid 1px #e8383d;}

 /*f-nav*/
.hot{height:50px; background:#d80209; position:fixed; bottom:0; left:0; z-index:99; border-top:solid 1px #ee2027;}
.hot span{ color:#fff; font-size:16px; line-height:20px;}
.hot h6{ font-size:12px; line-height:20px;}
.hot .row div{ transition:all 0.3s;}
.hot .row div a{ display:block; color:#fff; padding:7px 0;}
.hot .row div:hover{ background:#b81015;}

 /*more-1*/
.more1 a{ display:block; margin:0 auto; width:120px; height:42px; color:#fff; line-height:42px;  transition:all 0.3s; background:#ff9d00;}
.more1 a:hover{ background:#fb0009;}

/*caseshowbox*/
.caseshowbox .imgbox{ width:700px; margin:0 auto 10px auto;}
.caseshowbox .textbox{ width:700px; margin:0 auto;}
.caseshowbox .textbox h4{ font-size:16px; color:#333; line-height:24px;}
.caseshowbox .textbox p{ font-family:"黑体"; font-size:12px; color:#666; line-height:24px;}
.caseshowbox .videobox{ width:450px; height:286px; margin:0 auto 20px auto;}

/*text-3*/
.text03{ padding:0 10px; font-size:14px; color:#666; line-height:30px;}

/*contactbox*/
.contactbox{ width:750px; height:480px; margin:10px auto 0 auto;}

/*subnav-1*/
.subnav ol{ padding:0 0 0 48px; height:50px; background:url(../images/subnavol_bg_03.jpg) repeat-x}
.subnav ol b{font-size:22px; margin:0 5px 0 0; color:#fff; line-height:50px;}
.subnav ol h1{font-size:22px; color:#fff; line-height:50px;}
.subnav .contact-text{ padding:10px; font-size:12px; color:#6a6a6a; line-height:22px; background:#e9e9e9;}
.subnav .contact-img{ margin:20px 0;}
.subnav .pcdnav li{ margin:2px 0 0 0; height:48px;}
.subnav .pcdnav li a{display:block; font-size:15px; color:#333333; line-height:48px; background:url(../images/subnavicon_06.png) no-repeat 20% 50% #f1f1f1; border-left: solid 3px #e0e0e0; transition:all 0.3s;}
.subnav .pcdnav li a.active{ color:#d80209; border-left: solid 3px #d80209;background:url(../images/subnavicon_03.png) no-repeat 20% 50% #e9e9e9;}
.subnav .pcdnav li a:hover{ color:#d80209; border-left: solid 3px #d80209; background:url(../images/subnavicon_03.png) no-repeat 20% 50% #e9e9e9;}
.subnav .pcdnav li a.no-hover{ background:url(../images/subnavicon_06.png) no-repeat 20% 50% #e9e9e9 !important;}
.subnav .pcdnav li a.no-hover:hover{background:url(../images/subnavicon_06.png) no-repeat 20% 50% #dadada !important;}
.subnav .pcdnav .xlxl{ margin:2px 0 0 0; height:auto;}
.subnav .pcdnav .xlxlhide{ height:0; overflow:hidden;}
.subnav .pcdnav .xlxl a{ display:block; font-size:12px; color:#999; line-height:35px;background:#f4f4f4; transition:all 0.3s;}
.subnav .pcdnav .xlxl a:hover{background:#e1e1e1;}
.subnav .pcdnav .xlxl a.active{background:#e1e1e1;}
.subnav .yddnav{ margin-bottom:20px !important;}
.subnav .yddnav li{ margin-bottom:2px; height:60px;}
.subnav .yddnav li a{ display:block; font-size:18px;color:#fff; line-height:60px; background:#666; transition:all 0.3s;}
.subnav .yddnav li a.active{ background:#d80209}
.subnav .yddnav span{ padding-left:30px;}
.subnav .yddnav b{ padding-right:30px; line-height:60px;}
.subnav .yddnav .xl{ margin:0 0 2px 0; height:auto;overflow:hidden;}
.subnav .yddnav .xl.xlhide{ height:0; overflow:hidden;}
.subnav .yddnav .xls{ height:40px; line-height:40px; background:#d80209; border-top:solid 1px #f42c33;}
.subnav .yddnav .xls a{ color:#fff; display:block; line-height:40px;}
.subnav .yddnav .xlxl{ height:auto; overflow:hidden;}
.subnav .yddnav .xlxl.xlxlhide{ height:0; overflow:hidden;}
.subnav .yddnav .xlxls{ height:32px;background:#efefef; border-bottom:dotted 1px #666}
.subnav .yddnav .xlxls a{ color:#666; display:block; line-height:32px;}

/*f-5*/
.footer5{ padding:15px 0; background:#d80209;}
.footer5 .left{ width:15%;}
.footer5 .right{ width:85%;}
.footer5 .QrCode{width:100%; color:#fff; border-right: solid 1px #fff;}
.footer5 section{color:#fff;}
.footer5 section nav{height:14px;border-left: solid 1px #fff;}
.footer5 section nav li{ width:10%; line-height:14px;border-right: solid 1px #fff;}
.footer5 section nav li a{ color:#fff; transition:all 0.3s;}
.footer5 section nav li a:hover{ color:#000;}
.footer5 section .ContactUs{margin:6px 0;} 

/*a-1*/
.abousbox1{ height:326px; background:url(../images/ggsjjbg_03.png) no-repeat top;}
.abousbox1 .imgbox{ padding:0;  }
.abousbox1 .imgbox img{ display:block; border:none;}
.abousbox1 .imgbox .tel{ margin-left:55px; color:#333;}
.abousbox1 .imgbox .tel span{ color:#e8383d}
.abousbox1 .textbox{ width:64%;}
.abousbox1 .text{ padding:60px 10px 0 20px; color:#575757; line-height:26px; height:268px; overflow:hidden;}
.abousbox1 .more{margin:10px 10px 0 0; width:75px; height:24px; background:#7a7a7a; line-height:24px; color:#fff; transition:all 0.3s;}
.abousbox1 .more:hover{ background:#fd5573;}

@media (max-width:1400px){
/*b-1*/
.banner{ height:480px;}	
}

@media (max-width:1300px){
/*b-1*/
.banner{ height:450px;}	
}

@media (max-width:1199px){
/*h-2*/
.header2 nav{ width:100%;}	
.header2 nav li .xlbox ul{ width:100%;}
	
  /*b-1*/
.banner{ height:400px;}
 
.bannerbox1{ height:380px;}
#banner{ height:380px;}
#banner .main_image{ height:380px;}
#banner .main_image li span{height:380px}
}


@media (max-width:991px){
.main{ padding:20px 0}
	
/*h-2*/	
.header2{margin-bottom:0px;height:50px; position:inherit;}
.header2 .topbar{ height:50px;}
.header2 .icon-menu{margin:12px 15px 0 0;font-size:26px;color:#4b4b4b;  cursor:pointer; }
.header2 .sjdnav{ width:150px; height:auto; position:absolute;right:10px; top:60px;z-index:5; }
.header2 .sjdnav ul{ padding:0; margin:0;}
.header2 .sjdnav li{ height:30px;display:block; padding:0; background:url(../images/tphovermb.png) repeat; text-align:center; margin-bottom:5px;}
.header2 .sjdnav li a{display:block; color:#bababa; line-height:30px; }
.header2 .sjdnavhide{ height:0; overflow:hidden;}	
.header2 .logo{ height:50px;}
.header2 .logo img{ width:220px; height:auto; margin-top:5px;}



.banner{ height:auto;}

 /*b-1*/
.bannerbox1{ margin-top:0; height:316px;}
#banner{ height:316px;}
#banner .main_image{ height:316px;}
#banner .main_image li span{height:316px}

/*t-2-1*/
.title02{ margin:0 0 20px; }
.title02 h2{font-size:24px; line-height:24px;}
.title02 h1{font-size:22px; line-height:26px;}

/*t-2-2*/
.title02-2{ margin:0 0 20px; }
.title02-2 h2{font-size:24px; line-height:24px;}
.title02-2 h1{font-size:22px; line-height:26px;}

/*p-1*/
.picture1 .picture1-list .imgbox{ height:220px;}

/*p-2*/
.picture2 ul li{ margin-bottom:20px; width:33.33%;}
.picture2 ul li a{height:250px;}
.picture2 ul li a .mb{ padding:80px 0 0 0;}
.picture2 ul li a .mb h6{ font-size:24px;}
.picture2 ul li a .mb span{ font-size:18px;}

/*p-17*/
.picture17 { height:400px;}

/*n-2-2*/
.news2-2 .news-list .imgbox{ width:35%;}
.news2-2 .news-list .textbox{ width:62%;}

/*n-3*/
.news3 .news3-list a{width:85%;}
.news3 .news3-list span{ width:15%;}

/*n-4*/
.news4 .news4-list:hover .textbox h5{ color:#4b4a4a;}
.news4 .news4-list:hover .textbox p{ color:#4f4f4f;}
.news4 .news4-list:hover .imgbox{ border:none;} 

 /*more-1*/
.more1 a{ width:100px; height:35px; font-size:12px;line-height:35px; }

/*caseshowbox*/
.caseshowbox .imgbox{ width:100%;}
.caseshowbox .textbox{ width:100%;}

 /*f-5*/
.footer5{padding:10px 0; font-size:12px;}
.footer5 .right{ width:100%;}
.footer5 section .ContactUs{ text-align:center;}
.footer5 section .Email{  text-align:center;}
.footer5 section address{  text-align:center; margin-bottom:0;}
.footer5 section .Copyright{ text-align:center;}
.footer5 section small	{ display:block;font-size:12px;  text-align:center;} 

/*a-1*/
.abousbox1{ background:none; padding:0 10px; height:auto;}
.abousbox1 .imgbox{ float:left !important; width:40%; padding:0 10px 0 0;}
.abousbox1 .imgbox .tel{ display:none;}
.abousbox1 .textbox{ float:right !important; width:60%;}
.abousbox1 .text{ padding:0; font-size:12px; line-height:20px; height:auto;}
}

@media (max-width:820px){
/*p-2*/
.picture2 ul li a{height:200px;}
.picture2 ul li a .mb{ padding:70px 0 0 0;}
}

@media (max-width:767px){
body{ padding-bottom:50px;}	
	
.main{ padding:10px 0}	
	
/*h-2*/		
.header2 .sjdnav{ left:0;top:50px; width:100%; background:#999;box-shadow:0 2px 5px rgba(0,0,0,0.2);}
.header2 .sjdnav li{margin-bottom:0;padding-left:3%;height:40px; background:#3b3b3e; border-bottom:solid 1px #343538;border-top:solid 1px #484a4e;}
.header2 .sjdnav li a{color:#fff;line-height:40px; }	
.header2 .icon-menu{ font-size:20px; margin-top:15px;}
.header2 .logo img{ width:190px;margin-top:8px;}

 /*t-10-1*/
.title10 nav{ height:40px; }
.title10 nav li{ height:39px;}
.title10 nav li a{ padding:0 5px;  font-size:12px;  line-height:38px; }

/*b-1*/
.bannerbox1{ height:240px;}
#banner{ height:240px;}
#banner .main_image{ height:240px;}
#banner .main_image li span{height:240px}

/*p-1*/
.picture1 .picture1-list .imgbox{ height:180px;}
.picture1 .picture1-list h4{ font-size:14px;}

/*p-2*/
.picture2 ul li{ width:50%;}
.picture2 ul li a{height:230px;}

/*p-13*/
.picture13 .picture13-list .imgbox{ height:220px;}
.picture13 .picture13-list h2{ font-size:14px; line-height:20px;}

/*p-17*/
.picture17 .left,.picture17 .picture17-4 .picture17-4-1{ width:30%; height:100%;}
.picture17 .content{ padding:0; width:50%;}
.picture17 .right{ padding:0; width:50%;}
.picture17 .left,.picture17 .picture17-4 .picture17-4-1{ display:none;}
.picture17 .picture17-3,.picture17 .picture17-5{ height:50%;}
.picture17 .picture17-4,.picture17 .picture17-6{ height:50%;}
.picture17 .picture17-4 .picture17-4-2{ padding:0; width:100%;}
.picture17 .picture17-3,.picture17 .picture17-4{ padding-right:7.5px}
.picture17 .picture17-5,.picture17 .picture17-6{ padding-left:7.5px}


/*n-2-2*/
.news2-2 .news-list .imgbox{ width:20%;}
.news2-2 .news-list .textbox{ width:78%;}

/*n-3*/
.news3 .news3-list a{width:80%;}
.news3 .news3-list span{ width:20%;}

/*n-4*/
.news4 .news4-list .imgbox{height:100px;}
.news4 .news4-list .textbox{height:100px;}
.news4 .news4-list .textbox h5{ font-size:16px; line-height:24px;}
.news4 .news4-list .textbox p{ font-size:12px;height:60px; line-height:20px;}

/*caseshow*/
.caseshowbox .videobox{ width:100%; height:auto;}

/*contactbox*/
.contactbox{ width:100%; height:auto;}

/*a-1*/
.abousbox1 .imgbox{ width:100%; padding:0 0 10px 0;}
.abousbox1 .textbox{width:100%;}

 }
 
@media (max-width:640px){

/*p-2*/
.picture2 ul li a{height:200px;}

/*p-13*/
.picture13 .picture13-list .imgbox{ height:180px;} 

/*n-2-2*/
.news2-2 .news-list .imgbox{ width:30%;}
.news2-2 .news-list .textbox{ width:68%;}


}

@media (max-width:500px){
/*p-1*/
.picture1 .picture1-list .imgbox{ height:130px;}	

/*p-2*/
.picture2 ul li a{height:160px;}
.picture2 ul li a .mb{ padding:50px 0 0 0;}
.picture2 ul li a .mb h6{ font-size:18px;}
.picture2 ul li a .mb span{ font-size:14px;}

/*p-13*/
.picture13 .picture13-list .imgbox{ height:140px;} 

/*n-2-2*/
.news2-2 .news-list .imgbox{ width:35%;}
.news2-2 .news-list .textbox{ width:62%;}
}

@media (max-width:414px){	
  /*b-1*/
.bannerbox1{ height:130px;}
#banner{ height:130px;}
#banner .main_image{ height:130px;}
#banner .main_image li span{height:130px}

/*n-2*/
.news2 .news-list { margin:0 0 10px 0;}
.news2 .news-list .imgbox a{height:90px;}
.news2 .news-list .textbox{height:90px;}
.news2 .news-list .textbox h1{font-size:14px; line-height:20px; height:20px;}
.news2 .news-list .textbox .h5{ height:40px; }

/*n-2-2*/
.news2-2 .news-list { margin:0 0 10px 0;}
.news2-2 .news-list .imgbox{ width:30%;}
.news2-2 .news-list .imgbox a{height:90px;}
.news2-2 .news-list .textbox{ width:68%;height:90px;}
.news2-2 .news-list .textbox h1{font-size:14px; line-height:20px; height:20px;}
.news2-2 .news-list .textbox .h5{ height:40px; }

/*n-3*/
.news3 .news3-list a{width:70%;}
.news3 .news3-list span{ width:30%;}

/*p-1*/
.picture1 .picture1-list .imgbox{ height:100px;}

/*p-2*/
.picture2 ul li a{height:120px;}
.picture2 ul li a .mb{ padding:40px 0 0 0;}
.picture2 ul li a .mb h6{ font-size:16px;}
.picture2 ul li a .mb span{ font-size:12px;}

/*p-13*/
.picture13 .picture13-list .imgbox{ height:120px;} 

/*p-17*/
.picture17{ height:300px;}
}

@media (max-width:340px){	
 /*h-2*/
.header2 .logo img{ width:170px;margin-top:10px;}

 /*b-1*/
.bannerbox1{ height:100px;}
#banner{ height:100px;}
#banner .main_image{ height:100px;}
#banner .main_image li span{height:100px}

/*n-2*/
.news2 .news-list .imgbox a{height:80px;}
.news2 .news-list .textbox{height:80px;}
.news2 .news-list .textbox .h5{ height:40px; }

/*p-13*/
.picture13 .picture13-list .imgbox{ height:100px;} 
 }