@charset "utf-8";

* { padding: 0; margin: 0; }
body { background: #fff; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img, span, a { padding: 0; margin: 0; font-family: "microsoft yahei", arial; box-sizing: border-box; }
input, select { font-size: 12px; vertical-align: middle; }
img { border: 0px; display: block; }
ul { list-style: none; }
a { text-decoration: none; color: #333; }
.clearfix { zoom: 1; }
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; visibility: hidden; }
.fl { float: left; display: inline-block; }
.fr { float: right; display: inline-block; }
.t-l { text-align: left; }
.t-r { text-align: right; }
.t-c { text-align: center; }
.overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wrapper { width: 100%; min-width: 320px; margin: 0 auto; }
.w1200 { width: 1200px; margin: 0 auto; }
 @media only screen and (max-width: 1024px) {
.w1200 { width: 100%; }
}
/*盒子带容器*/

.slider_news { position: relative; width: 100%; height: auto; overflow: hidden; }
.slides_news { height: auto; overflow: hidden; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); }
.slide_news { height: auto; float: left; clear: none; }
.slide_news img { width: 100%; height: auto; }
.slider_news .slider-arrows { }
.slider_news .slider-arrow { display: none; }/*左右按钮样式及放置位置*/
.slider_news .slider-nav { position: absolute; bottom: 15px; }
.slider_news .slider-nav__item {  /*nva样式*/ width: 12px; height: 12px; float: left; clear: none; display: block; margin: 0 5px; background: #ccc; border-radius: 100%; }
.slider_news .slider-nav__item:hover, .slider_news .slider-nav__item--current { background: #e60012; }
/*inpro*/
.in_pre { background: #fff; padding: 40px 0; }
.in_pre ul { display: -webkit-flex; flex-direction: row; flex-wrap: wrap; width: 60%; margin: 0 auto; }
.in_pre ul li { float: left; display: inline-block; width: 14.28%; }
.in_pre ul li img { display: block; margin: 0 auto; width: 80%; height: auto; max-width: 156px; }
.inpro { width: 100%; overflow: hidden; position: relative; padding: 15px 0; }
.inpro_cont { background: -webkit-linear-gradient(#050505, #f3f1f2); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(#050505, #f3f1f2); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(#050505, #f3f1f2); /* Firefox 3.6 - 15 */ background: linear-gradient(#050505, #f3f1f2); /* 标准的语法 */ padding: 30px 0; }
.inpro .w1200 { position: relative; }
.inpro h2 { color: #fff; font-size: 20px; line-height: 1.4em; font-weight: lighter; text-shadow: 5px 10px 10px rgba(0,0,0,1); padding: 10px 20px; }
.inpro span.more { display: inline-block; color: #fff; border: 1px solid #fff; font-size: 16px; height: 36px; line-height: 36px; padding: 0 50px; border-radius: 36px; text-transform: uppercase; box-shadow: 0 0 18px rgba(0,0,0,0.4); }
.inpro span.more:hover { color: #fff; border: 1px solid #E60012; background: #E60012; }
.inpro4 { margin-bottom: 0; }
.inpro1_img { width: 60%; float: left; display: inline-block; text-align: right; padding-right: 50px; }
.inpro1_img img { height: auto; width: 100%; max-width: 827px; display: inline-block; }
.inpro1_txt { float: right; display: inline-block; width: 40%; text-align: left; position: absolute; top: 50%; margin-top: -57px; right: 0; }
.inpro1_txt ul { float: right; display: inline-block; }
.inpro1_txt ul li { float: left; display: inline-block; margin-right: 20px; }
.inpro1_txt ul li img { width: 166px; height: auto; }
.inpro1 h2 { text-align: left; margin-bottom: 30px; background: #4b4b4b; }
.inpro1 span.more {/* margin-right:50px; float: right; */ margin-left: 150px; }
.inpro2 h2 { text-align: right; margin-bottom: 30px; background: #585757; }
.inpro4 h2 { text-align: right; margin-bottom: 30px; background: #bdbdbd; }
.inpro2_txt { width: 40%; position: absolute; left: 0; top: 50%; margin-top: -57px; text-align: right; }
.inpro2_txt span.more { margin-right: 100px; }
.inpro2_img { float: right; display: inline-block; position: relative; width: 60%; text-align: left; padding-left: 50px; }
.inpro2_img img.img2 { /*float: right; */ display: inline-block; width: 90%; height: auto; max-width: 843px; }
/*.inpro2_img ul { position: absolute; left: -160px; bottom: 0; }
.inpro2_img ul li { float: left; display: inline-block; margin-right: 20px; }
.inpro2_img ul li img { width: 166px; height: auto; }*/
.inpro3 span.more { /*margin-top: 35px; float: right; margin-left: 20px; */ margin-left: 150px; }
.inpro3_img { width: 60%; float: left; display: inline-block; text-align: right; padding-right: 50px; }
.inpro3_img img { /*width: 100%;*/ max-width: 914px; height: auto; max-height: 318px; display: inline-block; width: 80%; }
.inpro3_txt { float: right; display: inline-block; width: 40%; text-align: left; position: absolute; top: 50%; margin-top: -57px; right: 0; }
.inpro3_txt h2 { text-align: left; margin-bottom: 30px; background: #868585; }
/*.inpro3_txt ul { float: right; display: inline-block; }
.inpro3_txt ul li { float: left; display: inline-block; margin-right: 20px; }
.inpro3_txt ul li img { width: 166px; height: auto; }*/
/*.inpro3_img ul { float: right; display: inline-block; position: absolute; top: 250px; left: 30px; }
.inpro3_img ul li { float: left; display: inline-block; margin-right: 20px; }
.inpro3_img ul li img { width: 166px; height: auto; }
.inpro4_img ul { float: right; display: inline-block; position: absolute; left: 100px; top: 250px; }
.inpro4_img ul li { float: left; display: inline-block; margin-right: 20px; }
.inpro4_img ul li img { width: 166px; height: auto; }*/
.inpro4_img { float: right; display: inline-block; position: relative; width: 60%; text-align: left; padding-left: 50px; }
.inpro4_img img {/* width: 100%;*/ max-width: 802px; height: auto; max-height: 391px; display: inline-block; width: 80%; }
.inpro4_txt { width: 40%; position: absolute; left: 0; top: 50%; margin-top: -57px; text-align: right; }
.inpro4_txt span.more { margin-right: 100px; }
.inpro1_txt ul li img:hover, .inpro2_img ul li img:hover, .inpro3_img ul li img:hover, .inpro4_img ul li img:hover { box-shadow: 1px 1px 5px rgba(0,0,0,0.3); }
/*about*/

.inabout { /*background: #f1eff0; */ padding: 40px 0; }
.inabout_l { width: 60%; float: left; display: inline-block; padding-right: 60px; }
.inabout_r { width: 40%; float: right; display: inline-block; position: relative; padding-left: 40px; padding-bottom: 40px; cursor: pointer; }
.inab { position: relative; }
.inab img { position: relative; width: 100%; height: auto; z-index: 2; }
.inab i { display: inline-block; position: absolute; left: -40px; bottom: -40px; border: 3px solid #e60012; width: 100%; height: 100%; z-index: 1; }
.inabout_r:hover .inab i { background: #e60012; }
.inabout_l h3 { color: #e60012; font-size: 24px; line-height: 30px; margin-bottom: 10px; }
.inabout_l p { color: #666666; font-size: 12px; line-height: 1.7em; }
.inabout_l ul { margin-top: 30px; }
.inabout_l ul li { float: left; display: inline-block; text-align: center; width: 20%; }
.inabout_l ul li a { display: inline-block; -webkit-transition: position:relative;
}
.inabout_l ul li:nth-child(2) { width: 60%; }
.inabout_l ul li img { display: block; margin: 0 auto; margin-bottom: 3px; -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; transition: all .8s ease-in-out; }
.inabout_l ul li span { display: block; height: 20px; line-height: 20px; font-size: 12px; color: #666; }
.inabout_l ul li:hover img { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg) }
.inabout_l ul li:hover span { color: #e60012; }
/*.inhj { margin-top: 60px; overflow: hidden; height: 190px; }

.inhj ul { width: 100%; height: 190px; overflow: hidden; }

.inhj ul li { float: left; display: inline-block; padding: 0 10px; }

.inhj ul li img { display: block; height: 190px; width: auto; }

.inhj ul li:hover img{ box-shadow:0 0 10px; rgba(0,0,0,0.3);}*/

.in_aboutimg { position: relative; display: block; margin-top: 40px; overflow: hidden; }
#roll { width: 200%; overflow: hidden; height: 190px; }
#roll dd { float: left; padding: 0 10px; height: 190px; cursor: pointer; }
#roll dd img { width: 100%; height: 100%; }
#roll dd:hover img { box-shadow: 0 0 10px; rgba(0,0,0,0.3);
}
.in_aboutimg span { display: none !important; }
/*news*/

.innews { padding: 50px 0 30px; }
.innews_l, .innews_r { float: left; display: inline-block; width: 48%; }
.innews_l { margin-right: 4%; }
.innews_bt { border-bottom: 3px solid #e60012; padding-bottom: 2px; margin-bottom: 20px; }
.innews_bt h3 { color: #e60012; line-height: 30px; height: 30px; font-size: 16px; float: left; display: inline-block; }
.innews_bt a { float: right; display: inline-block; height: 30px; line-height: 30px; font-size: 14px; color: #e60012; padding-right: 10px; }
.innews_bt a i { padding-left: 5px; }
.innews_li { }
.innews_li ul li { position: relative; padding-left: 160px; margin-bottom: 24px; }
.innews_img { position: absolute; left: 0; top: 0; width: 160px; height: 110px; overflow: hidden; }
.innews_img img { width: 100%; height: 100%; -webkit-transition: transform 1s; -moz-transition: transform 1s; -ms-transition: transform 1s; -o-transition: transform 1s; transition: transform 1s; }
.innews_img img:hover { transform: scale(1.2); }
.innews_txt { padding-left: 15px; padding-right: 10px; }
.innews_txt h3 a { color: #333; font-size: 14px; line-height: 24px; height: 24px; display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.innews_txt p { color: #333; font-size: 12px; line-height: 20px; height: 80px; overflow: hidden; }
.innews_txt h3 a:hover { color: #e60012; }
.innews_txt p:hover { color: #F59CA2; }
/*contact*/

.in_cont { background: #323232; padding: 50px 0; }
.in_contbt { margin-bottom: 40px; }
.in_contbt h2 { color: #e60012; font-size: 32px; text-align: center; font-weight: lighter; }
.in_contbt img { display: block; margin: 8px auto; max-width: 96%; height: auto; }
.in_contbt p { color: #aaaaaa; font-size: 14px; text-align: center; }
.in_contbox { }
.in_contbox ul { display: -webkit-flex; flex-direction: row; flex-wrap: wrap; }
.in_contbox ul li { float: left; display: inline-block; width: 32%; margin-right: 2%; text-align: center; background: #fff; padding: 20px 10px; }
.in_contbox ul li a { display: block; width: 100%; }
.in_contbox ul li:last-child { margin-right: 0; }
.in_contbox ul li img { display: block; margin: 0 auto; height: 38px; width: auto; margin-bottom: 5px; }
.in_contbox ul li p { color: #545454; font-size: 14px; line-height: 1.6em; }
.in_contbox ul li strong { font-weight: lighter; color: #a9a9a9; }
.foot { background: #fff; padding: 24px 0; text-align: center; }
.foot p { color: #9b9b9b; font-size: 14px; line-height: 1.6em; }


/* side */
.side{position:fixed;width:54px;height:275px;right:0;top:214px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:12px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}

.sshare {margin-top:20px;}
.sshare_tit {font-family: Raleway;font-size: 14px;color: #545454;} 

 @media screen and (min-width: 1025px) and (max-width: 1200px) {
.w1200 { width: 100%; padding: 0 20px; }
.in_aboutimg { padding: 0px; margin: 40px 0px 0; }
.innews { padding-top: 40px; padding-bottom: 20px; }
.in_cont { padding: 40px 0; }
.inpro { margin-bottom: 30px; }
.inpro4 { margin-bottom: 0; }
.in_pre { padding: 30px 20px; }
}
 @media screen and (max-width: 1024px) {
.w1200 { width: 100%; padding: 0 10px }
.cd-auto-hide-header .w1200 { padding: 0; }
.in_aboutimg { padding: 0px; margin: 20px 0 0; }
#roll { height: auto; }
#roll dd { height: auto; padding: 0 5px; }
#roll dd img { height: auto; }
.inpro { margin-bottom: 10px; }
.inpro h2 { font-size: 16px; }
.inpro span.more { font-size: 14px; line-height: 30px; height: 30px; padding: 0 30px; }
.inpro4 { margin-bottom: 0; }
.inabout { padding: 30px 0 0px; }
.inabout_l { float: none; width: 100%; padding: 0; }
.inabout_r { display: none; }
.inabout_l ul li, .inabout_l ul li:nth-child(2) { width: 33.33%; }
.innews { padding-top: 20px; padding-bottom: 20px; }
.innews_l, .innews_r { float: none; width: 100%; }
.in_cont { padding: 30px 0; }
.in_contbt { margin-bottom: 20px; }
.in_contbox ul li { float: none; width: 100%; margin-right: 0; margin-bottom: 15px; }
.innews_l { margin-right: 0; }
.inpro4_img img, .inpro3_img img { width: 100%; height: auto; }
.in_pre { padding: 20px 10px; }
/*.in_pre ul li{ padding:10px 0; width:25%;}*/
}
.sonban img { display: block; margin: 0 auto; width: 100%; height: auto; }

.nban {height: 300px;background-size:cover !important;}

.lc_pic {background:url(../images/contbg.jpg) no-repeat;height: 160px;margin-bottom: 20px;}


/*about us*/

.position { height: 44px; line-height: 44px; font-size: 14px; color: #333; }
.position span, .position span i { padding-right: 5px; }
.page_abbt { padding-top: 30px; margin-bottom: 50px; }
.inhj2 { margin-bottom: 50px; }
.page_about { padding-bottom: 50px; }
.page_honor { background: #f1eff0; padding: 50px 0; margin-bottom: 50px; width: 100%; overflow: hidden; }
.page_str { margin-bottom: 60px; }
.page_str ul { position: relative; padding-right: 33.33%; }
.page_str ul li { float: left; display: inline-block; width: 33.33%; padding-right: 2px; padding-bottom: 2px; }
.page_str ul li img { width: 100%; }
.page_str ul li:last-child { position: absolute; right: 0; width: 33.33%; height: 100%; }
.page_str ul li:last-child img { height: 100%; }
/*honor*/

.scroll-outer { }
#scroll { width: 100%; margin: 0 auto; }
#scroll .owl-wrapper-outer { margin: 0 auto; }
#scroll .item { position: relative; width: 100%; height: auto; overflow: hidden; padding: 0 5px; }
#scroll .item img { width: 100%; height: auto; }
.owl-theme .owl-controls .owl-buttons div { position: absolute; top: 50%; margin-top: -15px; overflow: hidden; _display: none; }
.owl-theme .owl-controls .owl-buttons .owl-prev { left: -40px; }
.owl-theme .owl-controls .owl-buttons .owl-next { right: -40px; }
.owl-theme .owl-controls .owl-buttons .owl-prev:before { content: "<"; }
.owl-theme .owl-controls .owl-buttons .owl-next:before { content: ">"; }
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
/* display none until init */

.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; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-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; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
/* mouse grab icon */

.grabbing { cursor: url(grabbing.png) 8 8, move; }
/* fix */

.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 { margin-top: 10px; text-align: center; }
/* Styling Next and Prev buttons */



.owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */
height: 30px; width: 30px; text-align: center; line-height: 30px; font-size: 20px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #d1021c; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; }
/* Clickable class fix problem with hover on touch devices */

/* Use it for non-touch hover action */

.owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; }
/* Styling Pagination*/



.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 0 3px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #d1021c; }
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; }
/* If PaginationNumbers is true */



.owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
/* preloading images */

.owl-item.loading { min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center }
/*news list*/

.list_news { padding: 15px 0 30px; }
.list_newsl { float: left; display: inline-block; width: 25%; }
.list_newsr { float: right; display: inline-block; width: 75%; padding-left: 30px; }
.newsl_1 { background: #f8f8f8; padding: 20px; }
.newsl_1 h2 { font-size: 24px; color: #333; line-height: 30px; height: 30px; }
.newsl_1 span.xline { display: block; width: 30px; height: 2px; background: #333; margin: 15px 0 20px; }
.newsl_1 ul li { padding: 15px 0; border-bottom: 1px solid #e4e4e4; }
.newsl_1 ul li a { display: block; width: 100%; height: 20px; line-height: 20px; color: #333; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.newsl_1 ul li.curr a { padding-left: 10px; border-left: 3px solid #e60012; }
.newsl_1 ul li.curr a, .newsl_1 ul li:hover a { color: #e60012; }
.newsl_2 { background: #f8f8f8; padding-bottom: 20px; }
.newsl_2 img { display: block; width: 100%; margin-bottom: 20px; }
.newsl_2 p { padding: 0 20px; color: #333; font-size: 14px; line-height: 1.5em; margin-bottom: 5px; }
.newsl_2 p strong { color: #666; font-weight: lighter; }
.newsl_2 p b { padding-right: 3px; }
.newsrbt { border-bottom: 1px solid #e4e4e4; padding: 10px 0 10px; margin-bottom: 20px; }
.newsrbt h2 { color: #333; font-size: 20px; line-height: 20px; height: 20px; padding-left: 10px; border-left: 3px solid #e60012; }
.newsl_1 dl dt { border-bottom: 1px solid #e4e4e4; }
.newsl_1 dl dt a { display: block; width: 100%; height: 40px; line-height: 40px; color: #333; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; }
.newsl_1 dl dd { padding: 8px 10px; ; border-bottom: 1px solid #e4e4e4; }
.newsl_1 dl dd a { display: block; width: 100%; height: 30px; line-height: 30px; color: #333; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.newsl_1 dl dd a i, .newsl_1 dl dt a i { padding-right: 6px; color: #E60012; font-weight: lighter; }
.newsl_1 dl dd:hover a, .newsl_1 dl dt:hover a, .newsl_1 dl dd.curr a, .newsl_1 dl dt.curr a { color: #E60012; }
.newsrli { }
.newsrli ul li { float: left; display: inline-block; width: 31%; margin-right: 3.5%; margin-bottom: 25px; }
.newsrli ul li:nth-child(3n+3) { margin-right: 0; }
.newsrimg { margin-bottom: 5px; overflow: hidden; }
.newsrimg img { width: 100%; height: auto; -webkit-transition: transform 1s; -moz-transition: transform 1s; -ms-transition: transform 1s; -o-transition: transform 1s; transition: transform 1s; }
.newsrtxt h3 { }
.newsrtxt h3 a { color: #333; font-size: 14px; line-height: 30px; height: 30px; display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.newsrtxt h3 a:hover { color: #e60012; }
.newsrtxt p { color: #333; font-size: 12px; line-height: 18px; height: 36px; overflow: hidden; }
.newsrtxt span { color: #333; font-size: 12px; height: 18px; line-height: 18px; display: inline-block; margin-bottom: 3px; }
.newsrtxt span i { padding-right: 3px; }
.newsrli ul li:hover .newsrimg img { transform: scale(1.2); }
/*分页*/

.paging { padding: 15px 0 15px; }
.paging a, .paging span { float: left; display: inline-block; line-height: 30px; height: 30px; color: #333; border: 1px solid #eee; margin-right: 8px; margin-bottom: 8px; padding: 0 10px; font-size: 14px; border-radius: 2px; }
.paging span { border: 1px solid #e60012; background: #e60012; color: #fff; }
.paging a:hover { border: 1px solid #e60012; color: #e60012; }
.news_show { color: #333; font-size: 14px; line-height: 1.6em; }
.news_show p { margin-bottom: 15px; }
.news_show a:hover { color: #e60012; }
.news_show img { display: block; margin: 0 auto; max-width: 100%; height: auto; }
.newsbt { text-align: center; padding-bottom: 10px; border-bottom: 1px dashed #e4e4e4; margin-bottom: 20px; }
.newsbt h1 { color: #333; font-size: 24px; line-height: 1.6em; margin-bottom: 10px; }
.newsbt ul { display: inline-block; }
.newsbt ul li { float: left; display: inline-block; padding: 0 8px; color: #666; font-size: 14px; }
.pre_last { padding: 10px 0 20px; }
.pre_last ul li { float: left; display: inline-block; width: 49%; border: 1px solid #e4e4e4; border-radius: 4px; }
.pre_last ul li:last-child { float: right; }
.pre_last ul li a { display: block; width: 100%; line-height: 40px; height: 40px; padding: 0 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333; font-size: 14px; }
.pre_last ul li:hover { border: 1px solid #e60012; }
.pre_last ul li:hover a { color: #e60012; }
.keybq { padding-top: 20px; }
.keybq a { display: inline-block; float: left; padding: 0 15px; margin-right: 10px; line-height: 30px; height: 30px; color: #333; font-size: 14px; background: #f8f8f8; border-radius: 30px; margin-bottom: 10px; }
.keybq a:hover { color: #fff; background: #e60012; }
.relat_pro { padding-bottom: 30px; }
.relat_pro ul { display: -webkit-flex; flex-direction: row; flex-wrap: wrap; }
.relat_pro ul li { float: left; display: inline-block; width: 25%; padding: 0 10px; }
.proimg { margin-bottom: 8px; overflow: hidden; }
.proimg img { width: 100%; height: auto; -webkit-transition: transform 1s; -moz-transition: transform 1s; -ms-transition: transform 1s; -o-transition: transform 1s; transition: transform 1s; }
.protxt { text-align: center; }
.protxt h3 { font-weight: lighter; text-align: center; margin-bottom: 8px; }
.protxt h3 a { color: #333; font-size: 14px; display: block; line-height: 20px; }
.protxt a.more { display: inline-block; line-height: 24px; height: 24px; padding: 0 10px; border: 1px solid #e60012; color: #e60012; font-size: 12px; text-transform: uppercase; }
.protxt a.more:hover { color: #fff; background: #e60012; }
.protxt h3 a:hover { color: #e60012; }
.prorli { }
.prorli ul { display: -webkit-flex; flex-direction: row; flex-wrap: wrap; }
.prorli ul li { float: left; display: inline-block; width: 31%; margin-right: 3.5%; margin-bottom: 25px; /*height: 280px;*/ }
.prorli ul li:nth-child(3n+3) { margin-right: 0; }
.prorli ul li:hover .proimg img, .relat_pro1 ul li:hover .proimg img, .relat_pro ul li:hover .proimg img { transform: scale(1.2); }
.proimg { }
.proimg_l { float: left; display: inline-block; width: 45%; }
.proimg_r { float: left; display: inline-block; padding-left: 30px; width: 55% }
.proimgbt { margin-bottom: 10px; }
.proimgbt h1 { font-size: 20px; line-height: 30px; float: left; display: inline-block; font-weight: lighter; padding-right: 10px; }
.proimgbt .prosm { float: left; display: inline-block; position: relative; }
.prosm i { display: inline-block; font-size: 24px; line-height: 30px; cursor: pointer; }
.prosm_box { background: #fff; text-align: center; display: none; position: absolute; right: 0; top: 30px; padding-bottom: 5px; box-shadow: 2px 2px 2px rgba(153,153,153,0.5); }
.prosm_box img { width: 140px; }
.prosm_box span { color: #666; font-size: 14px; line-height: 16px; }
.proimgzs { margin-bottom: 30px; }
.proimg_r p.prodes { color: #555; font-size: 14px; line-height: 1.5em; margin-bottom: 15px; }
.proimg_r a.promore { display: inline-block; height: 40px; line-height: 40px; padding: 0 30px; color: #e60012; font-size: 16px; background: #fbebec; border: 1px solid #e60012; }
.proimg_r a.promore:hover { color: #fff; background: #e60012; }
.pro_mainbt { border: 1px solid #e4e4e4; background: #f2f2f2; border-bottom: 0px; border-top: 2px solid #e60012; }
.pro_mainbt h2 { display: inline-block; padding: 0 15px; background: #fff; border-right: 1px solid #e4e4e4; line-height: 44px; height: 44px; font-size: 14px; font-weight: lighter; color: #e60012; }
.pro_main { border: 1px solid #e4e4e4; border-top: 0px; padding: 20px 15px; color: #333; font-size: 14px; line-height: 1.5em; }
.pro_main p { margin-bottom: 15px; }
.pro_main img { display: block; max-width: 100%; height: auto; margin: 0 auto; }
.pro_main table { border-collapse: collapse; width: 100% !important; overflow-x: scroll; }
.pro_main table tr th, .pro_main table tr td { border: 1px solid #e4e4e4; width: auto !important; padding: 5px !important; word-break: break-all; }
.pro_main table tr th p, .pro_main table tr td p { margin: 0; }
.relat_news { }
.relat_news ul li { float: left; display: inline-block; width: 50%; padding-right: 20px; }
.relat_news ul li a { display: block; width: 100%; line-height: 30px; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333; font-size: 14px; }
.relat_news ul li a i { padding-right: 5px; }
.relat_news ul li a:hover { color: #e60012; }
.newsrbt2 { margin-bottom: 10px; }
.relat_pro1 { padding-bottom: 15px; }
.page_cont { padding-bottom: 30px; }
.page_cont ul li { float: left; display: inline-block; width: 32%; margin-right: 2%; margin-bottom: 20px; position: relative; }
.page_cont ul li:nth-child(3) { margin-right: 0; }
.page_cont ul li.cont1 { float: none; margin-right: 0; width: 100%; }
.page_cont ul li span { height: 40px; line-height: 40px; width: 80px; color: #333; text-align: right; font-size: 14px; display: inline-block; position: absolute; left: 0; top: 0; }
.page_cont ul li span i { color: #e60012; padding-right: 5px; font-size: 16px; font-style: normal; }
.page_cont ul li input[type="text"] { display: block; width: 100%; height: 40px; line-height: 40px; border: 1px solid #e4e4e4; border-radius: 3px; padding-left: 90px; padding-right: 5px; outline: none; }
.page_cont ul li textarea { border: 1px solid #e4e4e4; border-radius: 3px; padding: 5px; padding-left: 90px; outline: none; resize: none; width: 100%; line-height: 30px; height: 100px; }
.page_cont ul li.cont2 { text-align: center; }
.page_cont ul li.cont2 input.send { border: 0; outline: none; height: 44px; line-height: 44px; padding: 0 40px; color: #fff; font-size: 16px; border-radius: 3px; background: #e60012; cursor: pointer; }
/*img 放大*/

#gallerycontainer { width: 100%; }
#gallery-target { width: 100%; height: auto; }
#gallery-thumbs { text-align: center; padding: 10px 0 0; }
#gallery-thumbs ul li { cursor: pointer; float: left; display: inline-block; width: 20%; padding: 0 5px; position: relative; }
#gallery-thumbs ul li img { width: 100%; height: auto; border: 2px solid #ccc; }
#gallery-thumbs ul li.add img { border: 2px solid #e60012; }
#gallery-thumbs ul li.add::before { content: ""; position: absolute; left: 50%; margin-left: -4px; top: -8px; border: 4px solid transparent; border-bottom: 4px solid #e60012; }
#celebrity { width: 350px; height: auto; }
#zoomiocontainer { position: absolute; z-index: 1000; overflow: hidden; background: white; visibility: hidden; cursor: crosshair; }
#zoomiocontainer img { width: auto !important; height: auto !important; position: absolute !important; display: block !important; }
#zoomiocontainer.mobileclass { overflow: scroll; -webkit-overflow-scrolling: touch; }
.pro_from { padding-bottom: 15px; }
.pro_from ul li { position: relative; padding-left: 120px; margin-bottom: 15px; }
.pro_from ul li span { height: 40px; line-height: 40px; width: 120px; color: #333; text-align: right; font-size: 14px; display: inline-block; position: absolute; left: 0; top: 0; padding-right: 10px; }
.pro_from ul li span i { color: #e60012; padding-right: 5px; font-size: 16px; font-style: normal; }
.pro_from ul li input[type="text"] { display: block; width: 100%; height: 40px; line-height: 40px; border: 1px solid #e4e4e4; border-radius: 3px; padding: 0 5px; outline: none; }
.pro_from ul li textarea { border: 1px solid #e4e4e4; border-radius: 3px; padding: 5px; outline: none; resize: none; width: 100%; line-height: 30px; height: 100px; }
.pro_from ul li input.send { border: 0; outline: none; height: 44px; line-height: 44px; padding: 0 40px; color: #fff; font-size: 16px; border-radius: 3px; background: #e60012; cursor: pointer; }
.page_contbox { padding-bottom: 50px; }
.contboxl, .contboxr { color: #333; font-size: 16px; line-height: 1.4em; }
.contboxl { padding-bottom: 20px; text-align: center; }
.contboxl p { margin-bottom: 5px; }
.contboxl h3 { font-size: 20px; margin-bottom: 10px; text-transform: uppercase; }
.contboxr img { width: 100%; height: auto; }
.contboxl ul { display: block; width: 80%; margin: 0 auto; text-align: left; display: -webkit-flex; flex-direction: row; flex-wrap: wrap; }
.contboxl ul li { display: block; width: 100%; line-height: 30px; margin-bottom: 20px; padding: 0 20px; }
.contboxl ul li.contt1li { float: left; display: inline-block; width: 50%; }
.contboxl ul li i { font-size: 14px; line-height: 30px; /* padding-right: 8px; */
border: 1px solid #333; width: 30px; border-radius: 30px; text-align: center; margin-right: 8px; }
 @media screen and (min-width: 1025px) and (max-width: 1200px) {
.owl-theme .owl-controls .owl-buttons .owl-next { right: 0; }
.owl-theme .owl-controls .owl-buttons .owl-prev { left: 0; }
.page_honor { padding: 40px 0; margin-bottom: 40px; }
.list_news { padding: 15px 20px; }
.contboxl ul { width: 80%; }
}
 @media screen and (max-width: 1024px) {
.owl-theme .owl-controls .owl-buttons div { display: none; }
.page_abbt { margin-bottom: 20px; padding-top: 20px; }
.list_news { padding: 0px 10px 15px; }
.list_newsl { float: none; width: 100%; margin-bottom: 20px; }
.list_newsr { float: none; width: 100%; padding: 0; }
.newsl_2, .newsrbt { display: none; }
.newsl_1 { padding: 10px; }
.newsl_1 h2, .newsl_1 span.xline { display: none; }
.newsl_1 ul li { float: left; display: inline-block; width: 50%; padding-right: 10px; }
.newsrli ul li, .prorli ul li { width: 50%; padding: 0 5px; margin: 0 0 20px; }
.newsrli ul li:nth-child(3n+3), .prorli ul li:nth-child(3n+3) { margin-right: 0; }
.newsrbt1 { display: block; }
.keybq a { font-size: 12px; }
.pre_last ul li { float: none; width: 100%; }
.pre_last ul li:last-child { float: none; }
.relat_pro ul li { width: 50%; padding: 0 5px; margin-bottom: 20px; }
.relat_pro { padding-bottom: 10px; }
.relat_news ul li { float: none; width: 100%; }
.relat_pro1 { padding-bottom: 5px; }
.proimg_l { float: none; width: 100%; margin-bottom: 15px; }
.proimg_r { float: none; width: 100%; padding: 0; }
.page_cont ul li { float: none; margin-right: 0; width: 100%; }
.page_cont ul li:nth-child(3) { margin-right: 0; }
.page_cont { padding-bottom: 10px; }
.sonban { height: 200px; width: 100%; overflow: hidden; }
.sonban img { height: 100%; width: auto; }
.page_about { padding-bottom: 30px; }
.page_honor { margin-bottom: 30px; padding: 30px 0; }
.page_str { margin-bottom: 30px; }
.in_contbt h2 { font-size: 24px; }
.inabout_l h3 { font-size: 16px; }
.newsbt h1 { font-size: 20px; line-height: 1.4em; }
.inpro1_img, .inpro2_img, .inpro3_img, .inpro4_img { float: none; display: block; width: 100%; padding: 0; margin-bottom: 0; }
.inpro1_img img, .inpro2_img img.img2, .inpro3_img img, .inpro4_img img { display: block; margin: 0 auto; width: 90%; height: auto; }
.inpro1_txt, .inpro2_txt, .inpro3_txt, .inpro4_txt { position: relative; width: 100%; margin-top: 0; top: 0; width: 90%; margin-bottom: 20px; text-align: center; }
.inpro2_txt, .inpro4_txt { bottom: 0; }
.inpro4_txt { margin-bottom: 15px; }
.inpro1 h2, .inpro3 h2 { margin-bottom: 20px; }
.inpro1 span.more, .inpro3 span.more { float: none; margin: 0; }
.inpro1_txt ul { float: none; display: block; }
.inpro1_txt ul li, .inpro2_img ul li, .inpro3_txt ul li, .inpro4_img ul li { width: 50%; margin: 0; padding-right: 20px; }
.inpro1_txt ul li img, .inpro2_img ul li img, .inpro3_img ul li img, .inpro4_img ul li img { /*width: 100%;*/ max-width: 166px; height: auto; }
.inpro2_img ul { position: relative; left: 0; }
.inpro3_img ul { position: relative; top: 10px; left: 10px; }
.inpro4_img ul { position: relative; top: 20px; left: -210px; }
/*.inpro2_img img.img2 { width: 100%; display: block; margin: 0 auto; float: none; margin-bottom: 15px; }*/
.inpro2 h2, .inpro4 h2 { margin-bottom: 20px; }
.newsl_1 dl dd, .newsl_1 dl dt { width: 50%; float: left; display: inline-block; padding: 5px 10px; }
.newsl_1 dl dd a, .newsl_1 dl dt a { font-size: 12px; }
.in_pre ul { width: 100% }
.contboxl ul { width: 100%; }
.contboxl ul li.contt1li { float: none; width: 100%; }
}