@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{ margin:0; padding:0;}
body{ color:#525252; font-size:12px; font-family:"微软雅黑";}
section,article,aside,header,footer,nav,dialog,figure{ display:block;}
ul, ol{ list-style:none;} 
img,fieldset{ vertical-align:top; border:0;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
address,cite,code,em,th{ font-weight:normal; font-style:normal;}
input,button,textarea,select{ font:100% Arial,''; vertical-align:middle}
table,td,tr,th{ font-size:12px;}
.nodispaly{ display:none;}
.line{ height:20px; line-height:20px; font-size:0px; clear:both; overflow:hidden; display:block;}
.clearfix{ *zoom:1;}
.clearfix:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{ color:#525252; text-decoration:none;}
a:hover{ color:#db241c; text-decoration:underline;}
.fl{ float:left;}
.fr{ float:right;}
.width_all{ width:1000px; margin:0 auto;}
.width_all:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}

/*head_top*/
.head_top{ width:100%; border-top:#db241c 2px solid; margin:0; overflow:hidden;}
.head_top h1{ float:left; width:366px; margin:18px 126px 17px 0;}
.head_top h1 img{ width:100%;}
.head_top .h_honor{ float:left; width:185px; margin:25px 0 24px 0;}
.head_top .h_honor img{ width:100%;}
.head_top .rexian{ float:right; padding:4px 0 0 47px; background:url(../images/rexian.png) left center no-repeat; margin:31px 0 0 0; font-size:14px; color:#666; line-height:20px;}
.head_top .rexian span{ display:block; font-size:18px; color:#db241c; font-weight:bold;}

/*head_nav*/
.head_nav{ width:100%; margin:0; overflow:hidden; border:#ccc 1px solid; border-left:none; border-right:none;}
.head_nav ul{ background:url(../images/nav_right.jpg) left center no-repeat; overflow:hidden;}
.head_nav ul li{ float:left; width:125px; background:url(../images/nav_right.jpg) right center no-repeat;}
.head_nav ul li a{ font-size:14px; color:#000; line-height:38px; display:block; text-align:center;}
.head_nav ul li a:hover, .head_nav ul li a.hert{ text-decoration:none; color:#db241c;}

/*banner*/
.main_visual{ width:100%; margin:0 auto; overflow:hidden;}
.main_image{ height:495px; position:relative;}
.main_image ul{ overflow:hidden; position:absolute; top:0; left:0}
.main_image li{ float:left; width:100%;}
.main_image li span{ display:block; width:100%;}
.main_image li a{ display:block; width:100%; height:495px;}
div.flicking_con{ width:1000px; margin:0 auto; position:relative}
div.flicking_con .flicking_inner{ position:absolute; top:446px; left:47%; z-index:2;}
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}
div.flicking_con a.on{background-position:0 -21px}
#btn_prev,#btn_next{ z-index:3; position:absolute; width:73px!important; height:74px!important; top:50%; margin-top:-37px; display:none;}
#btn_prev{ background:url(../images/hover_left.png) no-repeat left top; left:2%;}
#btn_next{ background:url(../images/hover_right.png) no-repeat right top; right:2%;}

/*case*/
.case{ margin:36px auto;}
.case_name{ width:100%; margin:0 auto 22px auto; overflow:hidden}
.case_name b{ font-size:18px; color:#000; font-weight:400; border-left:#db241c 4px solid; line-height:32px; padding:0 0 0 12px; float:left;}
.case_name a{ float:right; width:56px; border:#999 1px solid; border-radius:3px; text-align:center; margin:3px 0 0 0; font-size:12px; color:#525252; line-height:26px;}
.case_name a:hover{ text-decoration:none; background:#999; color:#fff;}

.img-scroll{ position:relative;}
.img-scroll .prev,.img-scroll .next{ position:absolute; display:block; width:15px; height:31px; top:50%; margin-top:-30px; z-index:99;}
.img-scroll .prev{ left:-25px; cursor:pointer;}
.img-scroll .next{ right:-25px; cursor:pointer;}
.img-scroll:hover .prev{ background:url(../images/l.png) no-repeat center;}
.img-scroll:hover .next{ background:url(../images/r.png) no-repeat center;}
.img-list{ position:relative; width:100%; height:auto; margin:0 auto; overflow:hidden;}
.img-list ul{ width:800%;}
.img-list li{ float:left; width:2.9%; margin:0 0.3% 0 0;}
.img-list li img{ width:100%;}
.img-list li em{ font-size:12px; line-height:30px; height:30px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-align:center;}
.img-list li a{ display:block; color:#525252;}
.img-list li a:hover{ text-decoration:none; color:#db241c;}

/*about_us*/
.about_us{ width:100%; background:#f2f2f2; margin:36px auto; overflow:hidden; padding:36px 0;}
.about_name{ margin:0 auto 22px auto;}
.about_name b{ font-size:18px; color:#000; font-weight:400; border-left:#db241c 4px solid; line-height:32px; padding:0 0 0 12px; float:left;}
.about_name a{ float:right; width:56px; border:#999 1px solid; border-radius:3px; text-align:center; margin:3px 0 0 0; font-size:12px; color:#525252; line-height:26px;}
.about_name a:hover{ text-decoration:none; background:#999; color:#fff;}
.about{ background:#fff;}
.about .about_left{ width:310px; float:left;}
.about .about_left img{ width:100%;}
.about .about_right{ float:right; width:640px; margin:0 25px 0 0; font-size:12px; color:#525252; line-height:22px;}
.about .about_right b{ font-size:16px; display:block; line-height:26px; font-weight:normal; color:#db241c; margin:16px 0 8px 0;}
.a_width{ margin:16px auto 0 auto;}
.a_width ul{ overflow:hidden;}
.a_width ul li{ width:31%; float:left; margin:0 3.5% 0 0; overflow:hidden; position:relative;}
.a_width ul li:nth-child(3n){ margin:0;}
.a_width ul li img{ width:100%; transition:all .5s;}
.a_width ul li:hover img{ transform:scale(1.2);}
.a_width ul li font{ position:absolute; left:0; bottom:0; background:#db241c; width:116px; text-align:center;}
.a_width ul li a{ font-size:14px; color:#fff; line-height:32px;}
.a_width ul li a:hover{ text-decoration:none;}

/*services*/
.services{ margin:36px auto;}
.services_name{ width:100%; margin:0 auto 22px auto; overflow:hidden}
.services_name b{ font-size:18px; color:#000; font-weight:400; border-left:#db241c 4px solid; line-height:32px; padding:0 0 0 12px; float:left;}
.services_name a{ float:right; width:56px; border:#999 1px solid; border-radius:3px; text-align:center; margin:3px 0 0 0; font-size:12px; color:#525252; line-height:26px;}
.services_name a:hover{ text-decoration:none; background:#999; color:#fff;}
.ser_nr{ width:100%; margin:0; overflow:hidden;}
.ser_nr dl{ float:left; width:310px; margin:0 35px 22px 0; border-top:#ccc 2px solid; padding:16px 0 0 0;}
.ser_nr dl:nth-child(3n){ margin:0 0 22px 0;}
.ser_nr dl dd{ float:left; width:200px; font-size:12px; color:#525252; line-height:20px;}
.ser_nr dl dd a{ color:#525252;}
.ser_nr dl dd a:hover{ text-decoration:none; color:#db241c;}
.ser_nr dl dd span{ display:block; font-size:16px; color:#db241c; margin:0 0 8px 0;}
.ser_nr dl dt{ float:right; width:98px;}
.ser_nr dl dt img{ width:100%;}

/*footer*/
.footer_contact{ width:100%; background:#333; padding:36px 0; margin:0; overflow:hidden;}
.footer_contact .lianxi{ margin:0 0 12px 0;}
.footer_contact .lianxi p{ font-size:12px; color:#fff; line-height:24px; background:url(../images/f_c1.jpg) left center no-repeat; margin:0 0 8px 0; padding:0 0 0 34px;}
.footer_contact .lianxi p.cl2{ background:url(../images/f_c2.jpg) left center no-repeat;}
.footer_contact .lianxi p.cl3{ background:url(../images/f_c3.jpg) left center no-repeat;}
.footer_contact .lianxi p.cl4{ background:url(../images/f_c4.jpg) left center no-repeat;}
.footer_contact .lianxi h4{ font-size:12px; color:#fff; line-height:24px;}
.footer_contact .lianxi a{ font-size:12px; color:#fff; line-height:24px;}
.footer_contact .guanjianzi{ font-size:12px; color:#fff; line-height:22px;}
.footer_contact .guanjianzi a{ color:#fff; margin:0 0 0 6px;}
.footer_contact .ewm{ width:438px;}
.footer_contact .ewm ul{ overflow:hidden;}
.footer_contact .ewm ul li{ float:left; width:31%; margin:0 3.5% 0 0;}
.footer_contact .ewm ul li:last-child{ margin:0;}
.footer_contact .ewm ul li img{ width:100%;}
.footer_contact .ewm ul li span{ display:block; text-align:center; font-size:12px; color:#fff; line-height:22px;}
.footer{ background:#db241c; width:100%; font-size:12px; color:#fff; line-height:22px; padding:22px 0;}
.footer a{ color:#fff!important;}


/*ny_banner*/
.ny_banner{ width:100%; height:276px; background:url(../images/ny_banner.jpg) left center no-repeat;}

/*content*/
.content{ margin:36px auto;}
.con_left{ float:left; width:21%; border:#ccc 2px solid; border-top:none; border-radius:0 0 6px 6px;}
.con_left b{ background:#eee; display:block; font-weight:normal; font-size:18px; text-align:center; color:#333; line-height:42px;}
.con_left ul{ width:86%; overflow:hidden; margin:15px auto 7px auto;}
.con_left ul li{ background:url(../images/c_lbg.jpg); border-radius:6px; margin:0 0 8px 0;}
.con_left ul li a{ font-size:14px; display:block; color:#000; line-height:20px; padding:8px 0 8px 12px; transition:all .5s;}
.con_left ul li a:hover{ text-decoration:none; color:#525252;}
.con_left .l_con{ width:86%; overflow:hidden; margin:0 auto 15px auto; border-top:#ccc 1px solid; font-size:12px; color:#666; line-height:18px;}
.con_left .l_con span{ display:block; font-size:16px; color:#333; border-left:#333 3px solid; line-height:20px; padding:0 0 0 8px; margin:15px 0 6px 0;}
.con_left .l_con font{ font-size:18px; color:#db241c; font-weight:bold; display:block; line-height:26px;}
.con_right{ float:right; width:76%;}
.con_right h2{ background:url(../images/r_hbg.jpg); border-radius:6px; font-size:18px; line-height:36px; color:#000; padding:0 0 0 16px; margin:0 0 22px 0;}

/*company*/
.company{ font-size:12px; color:#525252; line-height:22px;}
.company img{ max-width:100%;}

/*service*/
.service{ font-size:12px; color:#525252; line-height:22px; margin:0 0 12px 0;}

/*products*/
.products{ width:100%; margin:0;}
.products ul{ overflow:hidden;}
.products ul li{ width:31%; float:left; margin:0 3.5% 3.5% 0;}
.products ul li:nth-child(3n){ margin:0 0 3.5% 0;}
.products ul li img{ width:100%;}
.products ul li em{ font-size:12px; line-height:32px; height:32px; text-align:center; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical; border-bottom:#ccc 2px solid;}
.products ul li a{ color:#525252; font-weight:bold;}
.products ul li a:hover{ text-decoration:none; color:#db241c;}

/*feedback*/
.container{ width:100%; margin:0 auto; overflow:hidden;}
.container h3{ font-size:14px; color:#db241c; line-height:22px; margin:0 0 12px 0; font-weight:bold;}
.form_group{ display:block; margin:0 0 8px 0; overflow:hidden;}
.form_group label{ font-size:14px; color:#666; line-height:40px; text-align:right;}
.form_group label span{ margin:0 5px 0 0; color:#db241c;}
.col_sm_2{ width:15%; float:left;}
.col_sm_8{ width:84%; float:right;}
.form_group input, .form_group textarea{ background:#fff;}
.form_control{ display:block; width:95.4%; padding:7px 14px; font-size:14px; line-height:24px; color:#666; border:1px solid #ccc; border-radius:4px; box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.row_two{ float:left; width:50%;}
.col_sm_3{ width:68%; float:right;}
.col_sm_4{ width:31%; float:left;}
.form_controls{ display:block; width:88.5%; padding:7px 14px; font-size:14px; line-height:24px; color:#666; border:1px solid #ccc; border-radius:4px; box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.miaoshu{ height:118px;}
.massage_btn{ text-align:left; margin:0 0 0 16%;}
.massage_btn .btn { padding:5px 20px; margin:0 10px 0 0; font-size:18px; background:#db241c; color:#fff; box-shadow:0 1px 3px rgba(198,205,210,0.8); border-radius:5px; border:none; cursor:pointer;}
.massage_btn .btn:hover { background:#666;}

/*contact*/
.contact{ font-size:12px; color:#525252; line-height:22px;}

/*kefu*/
.four-con{ position:fixed; right:2%; top:50%; margin-top:-180px; z-index:22;}
.four-con ul li{ position:relative; width:50px; height:50px; margin-bottom:10px;}
.f-all-con{ left:-90px; top:6px; padding-right:17px; display:none; position:absolute;}
.f-a-bg{ position:relative; background-color:#db241c; padding:10px; border-radius:5px; font-size:14px; color:#fff;}
.f-a-bg b{ font-size:15px;}
.f-a-bg:after{ content:""; position:absolute; right:-7px; top:50%; width:0; height:0; margin-top:-6px; border-top:5px solid transparent; border-left:7px solid #db241c; border-bottom:5px solid transparent;}
.four-con ul li:hover .f-all-con{ display:block;}
.four-con ul li.a-w1 .f-all-con{ top:-4px; left:-181px;}
.four-con ul li.a-w2 .f-all-con{ top:-44px; left:-154px;}
a.f-icon5, a.f-icon4, a.f-icon1{ width:50px; height:50px; display:inline-block; background:url(../images/ficon1.png) no-repeat 0 -51px; -webkit-transition-duration:.3s; -moz-transition-duration:.3s; -o-transition-duration:.3s; transition-duration:.3s; cursor:pointer;}
a.f-icon4{ background:url(../images/ficon4.png) no-repeat 0 -51px;}
a.f-icon5{ background:url(../images/ficon5.png) no-repeat 0 -51px;}
.four-con ul li:hover a.f-icon5, .four-con ul li:hover a.f-icon4, .four-con ul li:hover a.f-icon1{ background-position:0 0;}