/* CSS Document */
@font-face {
	font-family: 'Conv_ACROM';
	src: url('fonts/ACROM.eot');
	src: local('☺'), url('fonts/ACROM.woff') format('woff'), url('fonts/ACROM.ttf') format('truetype'), url('fonts/ACROM.svg') format('svg');
	
	font-family: 'Conv_ACROM.BOLD';
	src: url('fonts/ACROM.BOLD.eot');
	src: local('☺'), url('fonts/ACROM.BOLD.woff') format('woff'), url('fonts/ACROM.BOLD.ttf') format('truetype'), url('fonts/ACROM.BOLD.svg') format('svg');
	
	font-weight: normal;
	font-style: normal;
}


body, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, textarea, p, blockquote, th, td, font, form, p, h1, h2, h3, h4, h5, h6, span, a { padding: 0px; margin: 0px; }
input, select { font-size: 14px; line-height: 16px; }
html, body { -webkit-text-size-adjust: none; font-size: 12px; color: #333333; }/*google浏览器字体兼容*/
body { font-family: Arial, Helvetica, sans-serif, "微软雅黑", "宋体"; width: 100%; background: #ffffff; font-size: 14px; }
img { border: 0; }
ul, li { list-style-type: none; }
a { text-decoration: none; color: #333333; outline: none; font-size: 14px; }
a:hover { color: #bd0002; text-decoration: none; }
a:active { star:expression(this.onFocus=this.blur());
}
.cl { clear: both; }
.fl { float: left; }
.fr { float: right; }
.tc { text-align: center; }
.tl { text-align: left; }
.tr { text-align: right; }
.dis { display: block; }
.undis { display: none; }
.huangse { color: #eae678 }
.yellow { color: #ed6b1e }
.green { color: #007b3f }
.red { color: #e1550b }
.hui { color: #696868 }
.hui2 { color: #929292 }
.red2 { color: #ae1202 }
.orange { color: #ffb400; }
.Dgreen { color: #0e652c; }
.hei { color: #000 }
.blue { color: #007e40 }
.f12 { font-size: 12px }
.f14 { font-size: 14px }
.f16 { font-size: 16px }
.f18 { font-size: 18px }
.fb { font-weight: bold }
.line30 { line-height: 30px; }
.line35 { line-height: 35px; }
.border_bottom { border-bottom: 1px #CCCCCC dashed; }
DIV.none { DISPLAY: none }
.display { display: block }
.space { height: 5px; clear: both; _height: 0px; line-height: 5px }
.left { float: left }
.right { float: right }
.container { width: 1200px; margin: 0 auto; }

@media screen and (max-width: 768px) {

.container { width: 100%; margin: 0 auto; }


.pc { display:none; }

}


@media screen and (min-width: 768px) {




.sj{ display:none; }

}




.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.margin_bottom30 { margin-bottom: 30px; }
/*index start*/
.logo { padding: 25px 0 34px 0; }
.headerr { }
.headerrt { padding-top: 15px; }
.skype { padding-right: 20px; }
.phone { padding-left: 37px; background: url(../images/top_share_img2.jpg) no-repeat left 50%; font-size: 16px; line-height: 28px; padding-right: 25px; }
.search { width: 234px; height: auto; border-bottom: 1px #999999 solid; }
.search_submit { width: 40px; line-height: 28px; height: 28px; background: url(../images/search_submit_bg.jpg) no-repeat 50% 30%; border: none; cursor: pointer; }
.search_text { width: 180px; height: 28px; line-height: 28px; border: none; font-size: 16px; color: #999999; text-indent: 10px; outline: none; }
.menu { width: 800px; height: auto; text-align: right; padding-top: 35px; }
.menu a { margin-left: 35px; font-size: 16px; color: #333333; padding-bottom:13px; line-height: 35px; border-bottom:2px #fff solid; }
.menu a:hover { color: #bd0002;border-bottom:2px #bd0002 solid; }
.menu a.cur { color: #bd0002;border-bottom:2px #bd0002 solid; }
/*banner css */
.fullSlide { width: 100%; position: relative; height: 780px; }
.fullSlide .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; }
.fullSlide .bd ul { width: 100% !important; }
.fullSlide .bd li { width: 100% !important; height: 780px; overflow: hidden; text-align: center; }
.fullSlide .bd li a { display: block; height: 780px; }
.fullSlide .hd { width: 13px; position: absolute; z-index: 1; top: 310px; left: 50px; height: 200px; line-height: 30px; text-align: center; _background: #000; _filter: alpha(opacity=60); }
.fullSlide .hd ul { text-align: center; padding-top: 5px; }
.fullSlide .hd ul li { cursor: pointer; *display:inline;
zoom: 1; width: 13px; height: 13px; margin: 0 0 20px 0; overflow: hidden; line-height: 9999px; background: url(../images/icon.png) no-repeat; }
.fullSlide .hd ul .on { background: url(../images/icon_over.png) no-repeat; }
.fullSlide .pageState { color: #FFF; letter-spacing: 3px; font-size: 18px; position: absolute; left: -10px; }
.fullSlide .pageState span { }
.banner_c { width: 100%; height: 78px; background: url(../images/banner_c.png) no-repeat 50% top; position: relative; z-index: 999; top: -39px; }
.banner_con { line-height: 78px; color: #FFF; font-size: 16px; text-align: right; }
.banner_con span.banner_con_phone { padding-left: 30px; padding-top: 10px; padding-bottom: 10px; padding-right: 48px; background: url(../images/banner_icon1.jpg) no-repeat left 50%; }
.banner_con span.banner_con_email { padding-left: 30px; padding-top: 10px; padding-bottom: 10px; background: url(../images/banner_icon2.jpg) no-repeat left 50%;  }
.banner_con span.banner_con_email a{ color:#fff; font-size:16px;}
.banner_con span.banner_con_email a:hover{ color:#000;}
.iproduct { padding: 65px 0; }
.iproduct_t { text-align: center; padding-top: 40px; background: url(../images/tt_bg.png) no-repeat 50% top; font-size: 60px; color: #bd0002; text-transform: uppercase;font-family:'Conv_ACROM.BOLD',Arial, Helvetica, sans-serif; }
.iproduct_info { font-size: 14px; color: #666666; text-align: center; padding-top: 10px; text-transform: uppercase; letter-spacing: 4px; }
.iproduct_c { padding-top: 40px; }
.ip_list_l { width: 800px; height: 400px; background: #f7f7f7; }
.ip_list_l1 { width: 400px; height: 375px; padding-top: 25px; text-align: center; }
.ip_list_l2 { padding: 90px 50px 0 20px; width: 330px; }
.ip_list_l2_t { text-transform: uppercase; }
.ip_list_l2_info { font-size: 30px; line-height: 35px; padding: 18px 0 22px 0; background: url(../images/tech_line.jpg) no-repeat left bottom; text-transform: uppercase;font-family:'Conv_ACROM.BOLD',Arial, Helvetica, sans-serif;}
.ip_more { display: block; width: 146px; height: 40px; border: 1px #999999 solid; line-height: 40px; text-align: center; text-transform: uppercase; margin-top: 25px; }

.iadvantagec_aamm{display: block; width: 480px; height: 60px; line-height: 60px; margin-top: 25px; background:url(../images/iad_mm_bg.png) no-repeat 336px 50% #fcc900; color:#fff; font-size:22px; text-indent:128px; float:right;}
.iadvantagec_aamm:hover{background:url(../images/iad_mm_bg.png) no-repeat 336px 50% #caa204; color:#fff;}

.ip_list_r { width: 400px; height: 350px; background: #eeede8; padding-top: 50px; text-align: center; }
.ip_list_r_t { text-transform: uppercase; padding: 5px 0 5px 0; }
.ip_list_r_info { font-size: 30px; line-height: 35px; padding: 10px 0 0 0; text-transform: uppercase; }
.ip_list_3 { width: 400px; height: 360px; background: #e5ebeb; padding-top: 40px; text-align: center; }
.ip_list_3_t { text-transform: uppercase; padding: 5px 0 5px 0; }
.ip_list_3_info { font-size: 30px; line-height: 35px; padding: 10px 0 25px 0; text-transform: uppercase; }
.ip_list_4 { width: 800px; height: 400px; background: #f3f3f3; }
.ip_list_4l { width: 400px; height: 365px; text-align: center; padding-top: 35px; }
.ip_list_4r { width: 320px; height: auto; padding-top: 80px; padding-right: 80px; }
/* 本例子css */
.slideBox { width: 1200px; height: 800px; position: relative; }
.slideBox .hd { height: 15px; overflow: hidden; position: absolute; right: 5px; bottom: 5px; z-index: 1; display: none; }
.slideBox .hd ul { overflow: hidden; zoom: 1; float: left; }
.slideBox .hd ul li { float: left; margin-right: 2px; width: 15px; height: 15px; line-height: 14px; text-align: center; background: #fff; cursor: pointer; }
.slideBox .hd ul li.on { background: #f00; color: #fff; }
.slideBox .bd { position: relative; height: 100%; z-index: 0; }
.slideBox .bd li { zoom: 1; vertical-align: middle; }
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev, .slideBox .next { position: absolute; left: -50px; top: 50%; display: block; width: 35px; height: 69px; }
.slideBox .prev { left: -100px; background: url(../images/prevbg.jpg) no-repeat; }
.slideBox .next { left: auto; right: -100px; background: url(../images/nextbg.jpg) no-repeat; }
.slideBox .prev:hover, .slideBox .next:hover { filter: alpha(opacity=100); opacity: 1; }
.icase_c { padding-top: 40px; }
.icase_c ul li { width: 33.333%; height: auto; float: left; position: relative; z-index: 9; overflow: hidden; }
.icase_c ul li .img { width: 100%; height: auto; }
.icase_c ul li .img img { display: block; width: 100%; height: auto; }
.tex { }
/*index pro start*/
.indexProduct { padding-bottom: 39.33%; position: relative; width: 100%; padding-top: 45px; }
.indexProduct ul { font-size: 0; height: 100%; position: absolute; width: 100%; }
.indexProduct li { cursor: pointer; display: inline-block; height: 100%; overflow: hidden; position: relative; width: 33.33%; }
.indexProduct .Img { height: 100%; position: absolute; width: 100%; }
.indexProduct .Img img { display: block; height: 100%; width: 100%; }
.indexProduct .Txt { height: 100%; left: 0; position: absolute; top: 100%; width: 100%; }
.indexProduct .Txt aside { color: #fff; height: 200px; line-height: 200px; opacity: 1; position: absolute; text-align: center; top: -60%; width: 100%; }
.indexProduct .Txt aside .box { display: inline-block; line-height: 1; vertical-align: middle; }
.indexProduct .Txt aside h2 { font-size: 24px; font-weight: normal; text-transform: uppercase; }
.indexProduct .Txt aside p { width: 194px; height: 46px; line-height: 46px; margin: 40px auto 0 auto; background: url(../images/more_over.png) no-repeat 134px 50%; text-indent: 46px; font-size: 14px; border: 1px #FFFFFF solid; text-align: left; }
.indexProduct .Txt section { background: url(../images/i_news_over.png) repeat; height: 100%; opacity: 0; position: absolute; top: -60%; transform: scale(0.8); width: 100%; }
.indexProduct .Txt section .ProductTitle { color: #fff; margin: 0 auto; padding-bottom: 20px; position: relative; text-align: center; width: 80%; }
.indexProduct .Txt section .ProductTitle::after { bottom: 0; content: ""; display: block; height: 0; position: absolute; transform: scale(0); width: 100%; }
.indexProduct .Txt section h2 { font-size: 30px; font-weight: normal; opacity: 0; padding-top: 25%; transform: translateY(30px); text-transform: uppercase; padding-bottom: 30px; margin-bottom: 30px; background: url(../images/indexProduct_bg.jpg) no-repeat 50% bottom; }
.indexProduct .Txt section span { display: block; font-size: 14px; line-height: 2; opacity: 0; transform: translateY(30px); }
.indexProduct .Txt section h3 { font-size: 24px; font-weight: normal; opacity: 0; transform: translateY(30px); }
.Productinfo { line-height: 30px; }
.indexProduct .Txt section p { color: #fff; font-size: 14px; line-height: 30px; margin: 0 auto; opacity: 0; transform: translateY(-30px); width: 85%; text-transform: uppercase; text-align: center; }
/*.indexProduct .Txt section dl { color: #fff; font-size: 0; margin: 0 auto; padding: 10px 0; width: 70%; }
.indexProduct .Txt section dt { display: inline-block; font-size: 14px; line-height: 36px; opacity: 0; transform: translateY(30px); width: 50%; }*/
.indexProduct .Txt section a.morett { color: #333; display: block; line-height: 30px; opacity: 0; width: 194px; height: 46px; line-height: 46px; margin: 10% auto 0 auto; background: url(../images/more.png) no-repeat 134px 50% #fff; text-indent: 46px; font-size: 14px; }
.indexProduct .Txt section a.morett:hover { background: #c69e02 none repeat scroll 0 0; color: #333; }
.indexProduct .Txt aside, .indexProduct .Txt section, .indexProduct .Txt section h2, .indexProduct .Txt section h3, .indexProduct .Txt section span, .indexProduct .Txt section p, .indexProduct .Txt section .ProductTitle::after, .indexProduct .Txt section a.morett { transition: all 0.3s ease-in-out 0s; }
.indexProduct li:hover .Txt section a.morett { opacity: 1; transition: all 0.5s ease-in-out 0.5s, color 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s; }
.indexProduct li:hover .Txt aside { opacity: 0; top: -100px; transition: all 0.1s ease-out 0s; }
.indexProduct li:hover .Txt section { opacity: 1; top: -100%; transform: scale(1); transition: all 0.3s ease-out 0.3s; }
.indexProduct li:hover .Txt section .ProductTitle::after { transform: scale(1); transition: all 0.3s ease-out 0.6s; }
.indexProduct li:hover .Txt section h2, .indexProduct li:hover .Txt section h3, .indexProduct li:hover .Txt section span, .indexProduct li:hover .Txt section dt, .indexProduct li:hover .Txt section p { opacity: 1; transform: translate(0px); }
.indexProduct li:hover .Txt section h2, .indexProduct li:hover .Txt section h3, .indexProduct li:hover .Txt section span, .indexProduct li:hover .Txt section p { transition: all 0.3s ease-out 0.5s; }
.indexProduct li:hover .Txt section dt:nth-child(1) { transition: all 0.3s ease-out 0.5s; }
.indexProduct li:hover .Txt section dt:nth-child(2) { transition: all 0.3s ease-out 0.7s; }
.indexProduct li:hover .Txt section dt:nth-child(3) { transition: all 0.3s ease-out 0.8s; }
.indexProduct li:hover .Txt section dt:nth-child(4) { display: none; transition: all 0.3s ease-out 0.9s; }
/*index pro end*/
.iadvantage { padding: 80px 0; }
.iadvantagec { padding-top: 35px; }
.iadvantagec ul li { width: 1200px; height: auto; margin-bottom: 30px; }
.iadvantagec ul li a { display: block; width: 1200px; height: auto; position: relative; z-index: 99; }
.iadvantagec_img { width: 478px; height: 306px; position: relative; z-index: 999; overflow: hidden; }
.iadvantagec_line { width: 165px; height: 1px; background: #b1b1b1; position: absolute; z-index: 999; top: 20px; left: 448px; }
.iadvantagec_time { width: 104px; height: 104px; line-height: 104px; text-align: center; background: #000000; color: #FFF; font-size: 30px; margin-left: 105px; }
.iadvantagec_c { width: 475px; height: auto; }
.iadvantagec_c_t { font-size: 18px; color: #333333; padding-bottom: 25px; margin-bottom: 25px; background: url(../images/iadvantage_tt_bg.jpg) no-repeat left bottom; }
.iadvantagec_c_info { line-height: 25px; color: #333333; }
.iadvantagec_img_over { position: absolute; z-index: 9999; top: 0; width: 478px; height: 179px; padding-top: 127px; background: url(../images/i_news_over.png) repeat; left: -478px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.iadvantagec_img_over p { display: block; width: 194px; height: 46px; line-height: 46px; margin: 0 auto 0 auto; text-indent: 46px; font-size: 14px; background: url(../images/more_over.png) no-repeat 134px 50%; color: #FFF; border: 2px #FFFFFF solid; }
.iadvantagec_img_2 { width: 478px; height: 306px; position: relative; z-index: 999; overflow: hidden; }
.iadvantagec_line_2 { width: 165px; height: 1px; background: #b1b1b1; position: absolute; z-index: 999; top: 20px; left: 585px; }
.iadvantagec_time_2 { width: 104px; height: 104px; line-height: 104px; text-align: center; background: #000000; color: #FFF; font-size: 30px; margin-right: 105px; }
.iadvantagec_c_2 { width: 475px; height: auto; }
.iadvantagec_c_t_2 { font-size: 18px; color: #333333; padding-bottom: 25px; margin-bottom: 25px; text-align: right; background: url(../images/iadvantage_tt_bg.jpg) no-repeat right bottom; }
.iadvantagec_c_info_2 { line-height: 25px; color: #333333; text-align: right; }
.iadvantagec ul li a:hover .iadvantagec_img_over { left: 0; }
.iadvantagec ul li a:hover .iadvantagec_time { background: #fcc900; }
.iadvantagec ul li a:hover .iadvantagec_c_t { color: #fcc900; }
.iadvantagec ul li a:hover .iadvantagec_time_2 { background: #fcc900; }
.iadvantagec ul li a:hover .iadvantagec_c_t_2 { color: #fcc900; }
.iabout { width: 100%; height: 773px; background: url(../images/i_about_bg.jpg) no-repeat 50% top; padding-top: 80px; }
.iabout .container { position: relative; z-index: 99; }
.iabout_t { padding-top: 30px; background: url(../images/tt_bg.png) no-repeat left top; font-size: 60px; color: #bd0002; text-transform: uppercase;font-family:'Conv_ACROM.BOLD',Arial, Helvetica, sans-serif; }
.iabout_info { font-size: 14px; color: #666666; padding-top: 10px; text-transform: uppercase; letter-spacing: 4px; }
.iabout_c { width: 210px; height: auto; padding-top: 110px; font-size: 14px; line-height: 28px; }
.iabout_more { display: block; width: 194px; height: 46px; border: 2px #333333 solid; line-height: 46px; margin: 55px 0 0 0; background: url(../images/more.png) no-repeat 134px 50%; text-indent: 46px; font-size: 14px; color: #333333; }
/*.iabout_more:hover{background:url(../images/more_over.png) no-repeat 134px 50% #fcc900; color:#FFF; border:2px #FFFFFF solid;}*/
.iabout_img { position: absolute; z-index: 999; top: 0px; left: 400px; }
.iabout_c_t { position: absolute; z-index: 9999; top: 324px; left: 285px; }
.inews { padding: 65px 0; }
.inewsc { padding-top: 50px; }
.inewsc ul li { width: 362px; height: 400px; float: left; margin-right: 27px; }
.inewsc ul li a { display: block; width: 362px; position: relative; z-index: 99; overflow: hidden; }
.inewsc_time { width: 132px; height: 28px; text-align: center; line-height: 28px; background: #edba03; color: #FFF; font-size: 14px; position: absolute; top: 224px; left: 125px; z-index: 999; }
.inewsc_t { padding: 23px 0 13px 0; background: url(../images/i_news_tt_bg.jpg) no-repeat left bottom; font-size: 14px; color: #666666; line-height: 25px; text-transform: uppercase; font-weight: bolder; }
.inewsc_info { font-size: 14px; color: #666666; padding-top: 22px; line-height: 23px; }
.inewsc_over { width: 362px; height: 238px; position: absolute; top: 0; left: 0; background: url(../images/i_news_over.png) repeat; z-index: 100; left: -362px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.inewsc ul li a:hover .inewsc_over { left: 0; }
.inewsc ul li a:hover .inewsc_t { color: #fcc900; }
.more { display: block; width: 194px; height: 46px; border: 2px #333333 solid; line-height: 46px; margin: 40px auto 0 auto; background: url(../images/more.png) no-repeat 134px 50%; text-indent: 46px; font-size: 14px; color: #333333; }
/*.more:hover{background:url(../images/more_over.png) no-repeat 134px 50% #fcc900; color:#FFF; border:2px #FFFFFF solid;}*/

.hvr-bounce-to-right { vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }
.hvr-bounce-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #bd0002; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active { color: white; border: 2px #bd0002 solid; }
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }
.follow_bg { width: 100%; height: 78px; background: url(../images/follow_bg.png) no-repeat 50% top; position: relative; z-index: 999; top: 39px; line-height: 78px; font-size: 16px; color: #FFF; text-transform: uppercase; }
.follow_bg_c_t { padding-right: 50px; }
.follow_bg_c_img { padding-top: 25px; }
.follow_bg_c_img img { padding-right: 12px; }
.footer { width: 100%; height: auto; padding: 75px 0 70px 0; background: #2b3033; color: #9c9c9c; font-size: 14px; }
.footer_l { width: 330px; height: auto; }
.footer_l_t { padding-bottom: 35px; }
.footer_l_add { padding-left: 35px; background: url(../images/footer_icon1.jpg) no-repeat left 5px; line-height: 22px; margin-bottom: 20px; }
.footer_l_phone { padding-left: 35px; background: url(../images/footer_icon2.jpg) no-repeat left 4px; line-height: 22px; margin-bottom: 20px; }
.footer_l_email { padding-left: 35px; background: url(../images/footer_icon3.jpg) no-repeat left 4px; }
.footer_l_email a{ color:#9c9c9c;}
.footer_l_email a:hover{ color:#fcc900;}
.footer_r { width: 780px; height: auto; padding-top: 18px; }
.footer_r dl { width: 220px; height: auto; float: left; }
.footer_r dl.last { width: 100px; }
.footer_r dl dt { padding-bottom: 15px; display: block; }
.footer_r dl dt a { font-size: 16px; color: #FFF; padding-bottom: 20px; background: url(../images/footer_tt_bg.jpg) no-repeat left bottom; display: block; }
.footer_r dl dt a:hover { color: #fcc900; }
.footer_r dl dd a { font-size: 14px; color: #9c9c9c; line-height: 25px; }
.footer_r dl dd a:hover { color: #fcc900; }
.copyright { border-top: 1px #4e4c4c solid; background: #2b3033; text-align: center; height: 60px; line-height: 60px; color: #9c9c9c; font-size: 14px; }
/*index end*/

/*product start*/
.common_banner { width: 100%; height: 420px; }
.cate { width: 100%; }
.catec { width: 100%; height: 78px; background: #bd0002; line-height: 78px; position: relative; z-index: 999; top: -39px; left: 0; text-align: center; }
.catec a { padding-left: 15px; background: url(../images/cate_li_bg.jpg) no-repeat left 50%; font-size: 16px; color: #FFF; padding-right: 60px; }
.catec a:hover { color: #000; }
.catec a.leftcurr { color: #000; }
.comall { padding: 40px 0; }
.productlist { }
.productlist ul li { width: 374px; height: auto; float: left; margin: 0 39px 30px 0; }
.productlist ul li a { display: block; }
.productlist ul li a p { padding: 15px 20px 0 20px; text-align: center; font-size: 14px; line-height: 20px; text-transform: uppercase; }
.productlist ul li a { position: relative; z-index: 99; }
.productlist ul li a img{ background:#f7f7f7;}
.plist_over { width: 374px; height: 374px; position: absolute; z-index: 999; top: 0; left: 0; background: url(../images/product_li_bg_over.png) repeat; display: none; }
.productlist ul li a:hover .plist_over { display: block; }
.pdetail { width: 100%; height: auto; background: #ebebeb; padding-bottom: 35px; }
.pdetail_t { font-size: 24px; text-align: center; color: #bd0002; line-height: 35px; text-transform: uppercase; }
.pdetail_tc { width: 176px; height: 38px; text-align: center; line-height: 38px; background: #fcc900; color: #FFF; font-size: 14px; margin: 30px auto; text-transform: uppercase; }
.pdetail_info { text-align: center; }
.pdetail_info ul li { display: inline-block; width: 185px; height: auto; border-right: 1px #c9c9c9 solid; text-align: left; padding-left: 50px; }
.pdetail_info_cn { font-size: 14px; color: #333333; line-height: 35px; text-transform: uppercase; }
.pdetail_info_en { font-size: 32px; color: #bd0002; line-height: 32px; }
.pdetailctc { padding: 70px 0; }
.pdetailctc_t { width: 232px; height: 38px; line-height: 38px; text-align: center; background: #fcc900; color: #FFF; text-transform: uppercase; margin: 0 auto 30px auto; }
.pdetailctc_c_l { width: 550px; height: auto; }
.pdetailctc_c_l_t { font-size: 24px; color: #000000; line-height: 30px; padding: 30px 0; }
.pdetailctc_c_l_c { line-height: 28px; color: #000000; }
.pdetailctc_c_r { width: 550px; height: auto; }
.pdetailimgt { width: 195px; height: 38px; background: #fcc900; color: #FFF; text-transform: uppercase; text-align: center; margin: 0 auto; line-height: 38px; }
.pdetailimgc { padding-top: 30px; padding-bottom: 80px; }
/* 本例子css */
/* 本例子css */
.w3cFocus { width: 1200px; position: relative; height: 580px; margin: 0 auto; }
.w3cFocus .prev, .w3cFocus .next { position: absolute; display: block; left: 10px; top: 224px; width: 63px; height: 63px; filter: alpha(opacity=80); opacity: 0.8; }
.w3cFocus .prev { background: url(../images/pd_prev.png) no-repeat; }
.w3cFocus .next { left: auto; right: 10px; background: url(../images/pd_next.png) no-repeat; }
.w3cFocus .prev:hover, .w3cFocus .next:hover { filter: alpha(opacity=100) !important; opacity: 1 !important; }
.w3cFocusIn { width: 1200px; height: 580px; position: relative; margin: 0 auto; overflow: hidden; }
.w3cFocusIn .bd li { vertical-align: middle; }
.w3cFocusIn .bd li img { width: 1200px; height: 580px; display: block; }
.w3cFocusIn .hd { position: absolute; left: 0; bottom: 0; width: 100%; padding: 8px 0 5px 0; background: url(../images/pdetailimg_bg.png) repeat; text-align: center; }
.w3cFocusIn .hd ul { vertical-align: middle; display: inline-block; *display:inline;
overflow: hidden; zoom: 1; }
.w3cFocusIn .hd ul li { display: inline-block; margin-right: 6px; filter: alpha(opacity=80); opacity: 0.8; cursor: pointer; }
.w3cFocusIn .hd ul li img { width: 100px; height: 55px; border: 4px solid #0e0e0e; display: block; }
.w3cFocusIn .hd ul li.on { filter: alpha(opacity=100); opacity: 1; }
.w3cFocusIn .hd ul li.on img { border: 4px solid #bd0002; }
/*product end*/


/*news start*/
.newslist { padding-top: 0; }
.newslist ul li { margin-bottom: 50px; }
.ndetail_t { font-size: 30px; text-align: center; padding: 0 50px 15px 50px; line-height: 35px; }
.ndetail_time { text-align: center; font-size: 14px; color: #666666; line-height: 28px; padding-bottom: 15px; border-bottom: 1px #c8c8c8 solid; }
.ndetail_c { padding: 30px; line-height: 25px; }
/*news end*/



/*tech start*/
.techcon { }
.techcon_t { font-size: 30px; color: #666666; line-height: 40px; padding-bottom: 15px; margin-bottom: 15px; background: url(../images/tech_line.jpg) no-repeat left bottom; }
.techcon_c { padding: 5px 0 15px 0; line-height: 25px; margin-bottom: 20px; }
/*tech end*/

/*contact start*/
.contactcc_t { font-size: 30px; color: #333333; line-height: 40px; padding-bottom: 15px; border-bottom: 1px #c8c8c8 solid; }
.contactcc_c { padding: 30px 0; line-height: 31px; }
.contactcc_c p { margin-bottom: 16px; }
.contactcc_map { border: 1px #c8c8c8 solid; }
.mess_text_long { width: 100%; height: 48px; border: 1px #999999 solid; text-indent: 5px; }
.mess_text { width: 475px; height: 48px; border: 1px #999999 solid; text-indent: 5px; }
.mess_text_short { width: 278px; height: 46px; border: 1px #999999 solid; text-indent: 5px; }
img.yzm { border: 1px #999999 solid; border-left: 0; }
.mess_textarea { width: 99.9%; height: 162px; border: 1px #999999 solid; padding: 2% 6px; }
.mess_submit { width: 100%; height: 48px; line-height: 48px; text-align: center; background: #2b3033; color: #FFF; font-size: 16px; border: none; }
.mess_submit:hover { cursor: pointer; background: #bd0002; }
/*contact end*/






@media screen and (max-width: 768px) {

/*contact start*/
.contactcc_t { font-size: 30px; color: #333333; line-height: 40px; padding-bottom: 15px; border-bottom: 1px #c8c8c8 solid; }
.contactcc_c { padding: 30px 0; line-height: 31px; }
.contactcc_c p { margin-bottom: 16px; }
.contactcc_map { border: 1px #c8c8c8 solid; }
.mess_text_long { width: 100%; height: 48px; border: 1px #999999 solid; text-indent: 5px; }
.mess_text { width: 275px; height: 48px; border: 1px #999999 solid; text-indent: 5px; }
.mess_text_short { width: 278px; height: 46px; border: 1px #999999 solid; text-indent: 5px; }
img.yzm { border: 1px #999999 solid; border-left: 0; }
.mess_textarea { width: 89.9%; height: 162px; border: 1px #999999 solid; padding: 2% 6px; }
.mess_submit { width: 90%; height: 48px; line-height: 48px; text-align: center; background: #2b3033; color: #FFF; font-size: 16px; border: none; }
.mess_submit:hover { cursor: pointer; background: #bd0002; }
/*contact end*/

 }






/*case start*/
.caselist { }
.caselist ul li { width: 360px; height: auto; float: left; margin: 0 30px 40px 0; }
.caselist ul li a { display: block; width: 370px; height: auto; position: relative; z-index: 99; overflow: hidden; }
.caselist ul li a .caselist_c { width: 370px; height: 246px; background: url(../images/case_li_bg.png) repeat; position: absolute; z-index: 100; top: 0; left: 0; padding-top: 140px; }
.caselist_c_t { font-size: 22px; color: #FFF; text-transform: uppercase; text-align: center; }
.caselist_c_more { display: block; width: 194px; height: 46px; border: 2px #ffffff solid; line-height: 46px; margin: 40px auto 0 auto; background: url(../images/more_over.png) no-repeat 134px 50%; text-indent: 46px; font-size: 14px; color: #ffffff; }
.caselist ul li a .caselist_overc { width: 380px; height: auto; padding-top: 25px;}
.caselist_overc_line{ width:22px; height:3px; background:#858585; margin:0 auto;}
.caselist_overc_t { font-size: 22px; color: #333333; text-transform: uppercase; text-align: center; margin-bottom: 18px;height:50px; line-height:30px; overflow:hidden; }
.caselist_overc_c { font-size: 14px; color: #666666; line-height: 24px; text-align: center; text-transform: uppercase; margin-top:15px; }
.caselist_overc_more { display: block; width: 194px; height: 46px; border: 2px #ffffff solid; line-height: 46px; margin: 30px auto 0 auto; background: url(../images/more.png) no-repeat 134px 50% #ffffff; text-indent: 46px; font-size: 14px; color: #333333; }
.caselist ul li a:hover .caselist_c { display: none; }
.caselist ul li a:hover .caselist_overc {}
.caselist ul li a:hover .caselist_overc_t{ color:#bd0002;}
.cdetail_l { width: 660px; height: 671px; }
.cdetail_r { width: 500px; height: auto; }
.cdetail_rt { padding-bottom: 16px; border-bottom: 1px #d2d2d2 solid; font-size: 24px; color: #333333; }
.cdetail_rt a { display: block; width: 103px; height: 28px; text-align: center; line-height: 28px; background: #999999; color: #FFF; text-transform: uppercase; }
.cdetail_rt a:hover { background: #bd0002; }
.cdetail_rc { padding: 30px 0; line-height: 26px; min-height: 463px; color: #333333; }
.cdetail_rc p { margin-bottom: 10px; }
/*特效*/
.game163 .bigImg { height: 671px; position: relative; }
.game163 .bigImg li img { vertical-align: middle; width: 660px; height: 671px; }
.game163 .smallScroll { height: 47px; margin-bottom: 6px; }
.game163 .sPrev, .game163 .sNext { float: left; display: block; width: 26px; height: 100px; text-indent: -9999px; }
.game163 .sPrev { background: url(../images/case_prev.jpg) no-repeat; }
.game163 .sNext { background: url(../images/case_next.jpg) no-repeat; }
.game163 .sPrev:hover { background: url(../images/case_prev_over.jpg) no-repeat; }
.game163 .sNext:hover { background: url(../images/case_next_over.jpg) no-repeat; }
.game163 .smallImg { float: left; margin: 0 0 0 6px; display: inline; width: 426px; overflow: hidden; }
.game163 .smallImg ul { height: 100px; width: 9999px; overflow: hidden; }
.game163 .smallImg li { float: left; width: 100px; cursor: pointer; display: inline; margin-right: 6px; }
.game163 .smallImg img { border: 3px solid #dcdddd; width: 94px; height: 94px; }
.game163 .smallImg .on img { border-color: #bd0002; }
.cdetail_other { padding-top: 70px; }
.cdetail_othert { background: url(../images/cdetail_othert.jpg) repeat-x 50% 22px; }
.cdetail_othert p { width: 346px; height: auto; color: #333333; font-size: 36px; margin: 0 auto; text-align: center; padding-bottom: 26px; text-transform: uppercase; }
.cdetail_otherc { padding-top: 42px; }

.cdetail_otherc ul li { width: 370px; height: auto; float: left; margin: 0 30px 30px 0; }
.cdetail_otherc ul li a { display: block; width: 370px; height: auto; position: relative; z-index: 99;overflow: hidden; }
.cdetail_otherc ul li a .caselist_c { width: 370px; height: 246px;padding-top: 10px; }
.cdetail_otherc ul li a .caselist_overc { width: 370px; height: auto;}
.cdetail_otherc ul li a:hover .caselist_c { display: none; }
.cdetail_otherc ul li a:hover .caselist_overc {top: 0;}
.cdetail_otherc ul li .caselist_overc_t{ padding-top:22px;}


.cdetail_otherc ul li a:hover .caselist_overc_t{ color:#bd0002;}
/*case end*/

/*about start*/
.aboucon{ font-size:14px; line-height:28px;}
.aboucon_1 { margin-bottom: 80px; }
.aboucon_1_l { padding-left: 80px; }
.aboucon_1_r { width: 450px; height: auto; }
.aboucon_1_r_t { font-size: 30px; color: #666666; line-height: 40px; text-transform: uppercase; padding-bottom: 15px; background: url(../images/tech_line.jpg) no-repeat left bottom; margin-bottom: 15px; }
.aboucon_1_r_c { line-height: 23px; color: #666666; padding-top: 8px; }
.aboucon_1_r_c p { margin-bottom: 18px; }
.aboucon_2 { margin-bottom: 80px; }
.aboucon_2_l { width: 450px; height: auto; }
.aboucon_2_r { padding-right: 80px; }
.aboucon_2_l_t { font-size: 30px; color: #666666; line-height: 40px; text-transform: uppercase; padding-bottom: 15px; background: url(../images/tech_line.jpg) no-repeat left bottom; margin-bottom: 15px; }
.aboucon_2_l_c { line-height: 23px; color: #666666; padding-top: 8px; }
.aboucon_2_l_c p { margin-bottom: 20px; }
.aboucon_3 { margin-bottom: 80px; }
.aboucon_3_l { padding-left: 80px; width: 300px; height: 250px; position: relative; z-index: 9; }
.aboucon_3_r { padding-right: 170px; width: 498px; }
.aboucon_3_l_t { font-size: 30px; color: #666666; line-height: 40px; text-transform: uppercase; padding-bottom: 15px; background: url(../images/tech_line.jpg) no-repeat left bottom; margin-bottom: 15px; }
.aboucon_3_r img { position: absolute; z-index: 99; }
.aboucon_4_l { padding-left: 80px; }
.aboucon_4_r { padding-top: 225px; line-height: 23px; color: #666666; width: 420px; }
.aboucon_4_r p { margin-bottom: 20px; }
/*about end*/

.techcon ul li{ margin-bottom:35px;}
.techttl{ width:558px; height:auto; padding-top:20px;}

.pageController { width: 100%; padding-top: 5px; margin: 30px auto 30px auto; line-height: 25px; text-align: center; }
.pageController a { background-color: #999999; border: #999999 1px solid; color: #FFF; padding: 3px 12px; margin-right: 5px; }
.pageController a:hover { background-color: #bd0002; color: #FFF; text-decoration: none; border: #bd0002 1px solid; }
.pageController .xuanzhong { background-color: #bd0002; color: #FFF; font-weight: bold; border: #bd0002 1px solid; }

#elevator_item { width: 60px; height: 100px; position: fixed; right: 15px; bottom: 15px; -webkit-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; opacity: 1; z-index: 100020; display: none; }
#elevator_item.off { opacity: 0; visibility: hidden }
#elevator { display: block; width: 60px; height: 50px; background: url(../images/icon_top.png) center center no-repeat; background-color: #444; background-color: rgba(0,0,0,.6); border-radius: 2px; box-shadow: 0 1px 3px rgba(0,0,0,.2); cursor: pointer; margin-bottom: 10px }
#elevator:hover { background-color: rgba(0,0,0,.7) }
#elevator:active { background-color: rgba(0,0,0,.75) }


 @media screen and (max-width: 1400px) {
.slideBox .prev { left: -50px; background: url(../images/prevbg.jpg) no-repeat; }
.slideBox .next { left: auto; right: -50px; background: url(../images/nextbg.jpg) no-repeat; }
}


/*add*/
.location{ padding:15px 0; line-height:28px; font-size:16px;}
.location a{ font-size:16px;}
.neiconone,.neicontwo{ padding:15px 0; font-size:14px; line-height:25px;}