/*reset*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, img, strong, sub, sup,
ul{margin:0; padding:0; list-style:none; list-style-type: none;}
input, button, textarea{
margin: 0;
padding: 0;
border-width: 1px;
font-family: arial;
box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
a img{border:0 none;}
img{display:block;border:none}
a{ text-decoration: none;}
body{ background: #eeeeee; }
/*@font-face {
font-family:ProximaNova-Bold;
src: url("ProximaNova-Bold.otf");
}*/
@font-face {
font-family: "ProximaNova-Bold";
src: url("../fonts/ProximaNova-Bold.woff") format("woff"),
url("../fonts/ProximaNova-Bold.ttf") format("truetype"),
url("../fonts/ProximaNova-Bold.eot") format("embedded-opentype"),
url("../fonts/ProximaNova-Bold.svg") format("svg"),
url("../fonts/ProximaNova-Bold.otf") format("opentype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "ProximaNova-Regular";
src: /*url("../fonts/ProximaNova-Regular.woff") format("woff"),*/
/* url("../fonts/ProximaNova-Regular.ttf") format("truetype"),*/
url("../fonts/ProximaNova-Regular.eot") format("embedded-opentype"),
url("../fonts/ProximaNova-Regular.svg") format("svg"),
url("../fonts/ProximaNova-Regular.otf") format("opentype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Myriad Pro";
src: url("../fonts/MYRIADPRO-REGULAR.woff") format("woff"),
url("../fonts/MYRIADPRO-REGULAR.ttf") format("truetype"),
url("../fonts/MYRIADPRO-REGULAR.eot") format("embedded-opentype"),
url("../fonts/MYRIADPRO-REGULAR.svg") format("svg"),
url("../fonts/MYRIADPRO-REGULAR.otf") format("opentype");
font-weight: normal;
font-style: normal;
}
.textOverClm{overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;}
.clm1{-webkit-line-clamp:1; }
.clm2{-webkit-line-clamp:2; }
.clm3{-webkit-line-clamp:3; }
.clm4{-webkit-line-clamp:4; }
.clm5{-webkit-line-clamp:5; }
.main_wrap{ width: 100%; height: auto;}
.header{ width: 100%; height: 105px; background: #fff;}
.head{ width: 1200px; height: 105px; margin: 0 auto;}
.logo{ margin: 18px 0; float: left;}
.box_list{ width: 820px; height: 85px; float: left; margin-top: 20px; margin-left: 25px;}
.box_ul li{ float: left; padding: 0 10px 0px 10px; font-family: Myriad Pro; color: #696969;}
.icon{ width: 18px; height: 18px; display: inline-block; background: url(../images/icon_bg.png) no-repeat -11px -9px; vertical-align: bottom; margin-right: 10px;}
.box_ul li a{ text-decoration: none; color: #696969;}
.lag_box{
height: 19px;
position: relative;
}
.lag_down{
display: none;
position: absolute;
z-index: 9;
left: 0;
top:19px;
width: 140px;
padding: 8px 0;
background: #f1f1f1;
}
.lag_down a{
height: 30px;
color: #333;
display: flex;
display: -webkit-flex;
justify-content: flex-start;
-webkit-justify-content: flex-start;
align-items: center;
-webkit-align-items: center;
margin-bottom: 5px;
}
.lag_down a img{
display: block;
max-height: 100%;
margin:0 5px 0 25px;
}
.lag_box:hover .lag_down{
display: block;
}
.box_ul li a:hover{ color: #e44642;}
.icon1{ background-position-y: -7px;}
.icon2{ background-position-x: -40px;}
.icon3{ background-position-x: -70px;}
.icon4{ background-position-x: -100px;}
.icon5{ background-position-x: -120px;}
.icon_txt{ float: left; color: #ccc;font-family: Myriad Pro; font-size: 10px; line-height: 20px;}
.ipt_txt{ width: 72px; height: 22px; float: left; border: none; outline: none;border-radius: 20px; text-indent: 12px; line-height: 22px;}
.box_ul li.ipt_wrap{ width: 98px; height: 22px; padding-left: 0; border: 1px solid gray; border-radius: 20px; margin-left: 10px; position: relative;}
.ipt_search{ width: 20px; height: 18px; position: absolute; display: inline-block; background: url(../images/icon_bg.png) no-repeat -154px -10px; right: 0px; top: 3px;}
.list_bot{ width: 790px; height: 48px; overflow: hidden; margin-top: 40px;}
.list_bot ul li{ list-style: none;margin-left: 8px;}
.list_a{ height: 41px; display: inline-block; text-decoration: none; color: #000; padding: 0 18px; font-family: Arial; font-size: 20px; position: relative; border-bottom: 4px solid rgba(228,70,66,0); text-align: center;}
/*.list_a_first{ color: #e44642; border-bottom: 4px solid #e44642;}*/
/*.list_a:hover{ color: #e44642; border-bottom: 4px solid #e44642;}*/
.list_a:hover{ color: #e44642;}
.icon_down{ width: 10px; height: 10px; position: absolute; right: 0; top: 8px; background: url(../images/icon_bg.png) no-repeat -186px -7px;}
.banner_wrap{ width: 100%; clear: both; overflow: hidden;}
.banner_ul{ width: 400%;}
.banner ul li{ list-style: none; width: 25%; float: left; border-top: 2px solid #db3d23;}
.banner ul li img{ width: 100%;}
.main_box{ width: 1200px; clear: both; margin: 40px auto;}
.box_top{ width: 1200px; height: 360px; background: #fff;}
.box_top_l{ width: 598px; height: 360px; float: left;}
.box_top_r{ width: 598px; height: 360px; float: left; position: relative; overflow: hidden;}
.left_txt{ width: 250px; height: 40px; margin: 40px 0 0 40px; position: relative; line-height: 40px;}
.left_txt_icon{ width: 40px; height: 40px; position: absolute; background: url(../images/icon_bg.png) no-repeat -350px 0px;}
.inner_txt{ margin-left: 50px; font-size: 25px; font-family: ProximaNova-Bold; font-weight: bold;text-transform: uppercase;}
.inner_txt_col{ color: #d84e4b;}
.txt_bot{ width: 500px; margin: 32px 0 0 36px; font-size: 16px; line-height: 20px; font-family: ProximaNova-Regular; color: #303030;}
.txt_bot_red{ width: 104px; height: 20px; margin-top: 40px; display: inline-block; color: #d84e4b;}
.txt_bot_red_long{ width: 168px; margin-left: 20px;}
.red_icon{ width: 30px; height: 20px; display: inline-block; vertical-align: top; margin-left: 10px; background: url(../images/icon_bg.png) no-repeat -294px -9px;}
.slide_focus{ position: absolute; top: 330px; left: 500px; z-index: 2;}
.slide_nav{ float: left; width: 10px; height: 10px; border-radius: 50%; background: #fff; margin-left: 12px; cursor: pointer;}
.bg_red{ background: #D84E4B;}
.box_middle{ width: 1200px; height: 330px; background: #fff; margin-top: 40px;}
.mid_left{ width: 280px; height: auto; background: #565668; float: left; overflow: hidden; margin-top:20px;margin-bottom:20px;}
.mid_left_ul{ width: 280px; height: auto; margin-top: 22px;}
.mid_left_ul li{ width: 280px; height: 48px; line-height: 48px; color: #fff; font-size: 18px; font-family: ProximaNova-Regular;}
.mid_left_ul li.mid_icon_fir{ background: #d84e4b;}
.mid_left_ul li a{ width: 280px; height: 48px; display: inline-block; line-height: 48px; color: #fff; font-size: 18px; font-family: ProximaNova-Regular;}
.mid_left_ul li a:hover{ background: #d84e4b; cursor: pointer;}
.mid_left_ul_icon{ width: 7px; height: 13px; display: inline-block; margin:0 12px 0 28px ; background: url(../images/icon_bg.png) no-repeat -338px -11px;}
.mid_right_wrap{ width: 880px; height: 330px; float: left; overflow: hidden;}
.mid_right{ width: 880px; height: 300px; margin: 28px 0 0 20px;}
.line_txt{ width: 880px; height: 20px; }
.line_txt_red{ font-size: 22px; text-transform: uppercase; color: #ca1f26;font-family: "ProximaNova-Bold";}
.line_txt_gray{ font-size: 14px; color: #696969; font-family: ProximaNova-Regular}
.vertical{ color: #41414f; margin: 0 10px;}
.line_right_l{ font-size: 16px; font-family: "ProximaNova-Regular"; color: #41414f;}
.line_right_l a{ color: #41414f;}
.line_right_r a{ font-size: 16px; font-family: "ProximaNova-Regular"; color: #41414f;}
.line_right_l a:hover{ color: #e44642;}
.line_right_r a:hover{ color: #e44642;}
.l_r_icon{ width: 18px; height: 18px; display: inline-block; vertical-align: top; background: url(../images/icon_bg.png) no-repeat -207px -8px; margin: 0 8px; }
.l_r_icon_x{ width: 20px; background-position-x: -238px; background-position-y: -5px; margin-left: 28px; height: 25px}
.l_r_icon_f{ margin-left: 100px;}
.mid_box{ width: 280px; height: 255px; float: left; margin-right: 10px; margin-top: 20px; position: relative; cursor: pointer;}
.mid_box_b{ width: 280px; height: 45px; line-height: 45px; text-align: center; background: #565668; margin-top: -4px; font-size: 16px; font-family:"ProximaNova-Regular"; color: #fff;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;}
.box_hover{ width: 280px; height: 135px; background: rgba(216,78,75,0.9); position: absolute; bottom: 45px; font-family: ProximaNova-Regular; color: #fff; line-height: 22px; display: none;}
.box_hover_in{ width: 240px; margin: 0 auto; margin-top: 28px;}
.box_bottom{ width: 1200px; height: 510px; margin-top: 40px;}
.bot_left{ width: 780px; height: 510px; float: left; background: #fff;}
.bot_right{ width: 400px; height: 510px; float: right; background: #fff;}
.bot_line{ width: 718px; height: 26px;}
.bot_inner{ width: 718px; margin: 28px 0 0 32px;}
.line_left{ width: 480px; height: 26px; float: left;}
.line_left_icon{width: 26px; height: 26px; background: url(../images/icon_bg.png) no-repeat -10px -38px; display: inline-block;}
.line_left_txt{ line-height: 26px; vertical-align: top; font-size: 26px; font-family: ProximaNova-Bold; text-transform: uppercase;margin-left: 6px;}
.line_left_txt2{ line-height: 26px; vertical-align: top; font-size: 16px; font-family: ProximaNova-Regular; color: #696969; margin-left: 10px;}
.line_right{ width: 50px; height: 26px; float: right; line-height: 26px; font-family: ProximaNova-Regular; color: #d84e4b;}
.bot_box{ width: 718px; height: 400px; margin-top: 20px; clear: both;}
.bot_box_in{ width: 220px; height: 400px; float: left; margin-right: 26px; display: inline-block;}
.clear_m_r{ margin-right: -30px;}
.txt_day{ font-family: arial; font-weight: bold; font-size: 36px; color: #565668; line-height: 56px;}
.txt_week{ font-family: ProximaNova-Bold; font-size: 16px;color: #565668;}
.bot_b{ width: 220px; height: 180px; border-top: 1px solid #e5e5e5;}
.bot_btxt,.bot_btxt_l_h{ font-family: ProximaNova-Bold; font-size: 14px; color: #303030; line-height: 20px;}
.bot_btxt{ margin-top: 10px;}
.bot_rtxt{ font-family: ProximaNova-Regular; font-size: 16px; color: #303030; line-height: 26px;}
.bot_btxt_l_h{ line-height: 40px;}
.r_icon{ width: 20px; height: 24px; background: url(../images/icon_bg.png) no-repeat -270px -8px; display: inline-block; vertical-align: middle;}
.b_r_inner{ width: 345px; height: 450px; margin: 30px 0 0 25px;}
.br_txt{ font-size: 26px; font-family: ProximaNova-Bold; line-height: 22px; text-transform: uppercase; color: #303030; float: left; margin-bottom: 20px;}
.br_icon{ width: 50px; height: 24px; display: inline-block; float: right;}
.br_icon_l{ width: 24px; height: 24px; background: url(../images/icon_bg.png) no-repeat -55px -37px; display: inline-block; float: left; cursor: pointer;}
.br_icon_r{ width: 24px; height: 24px; background: url(../images/icon_bg.png) no-repeat -94px -37px; display: inline-block; float: right; cursor: pointer}
/*.b_r_inner img{ margin-top: 16px;}*/
.bot_b_txt{ font-size: 16px; color: #303030; font-family: ProximaNova-Bold; line-height: 24px; margin-top: 26px;}
.bot_r_txt{ font-size: 16px; color: #696969; font-family: ProximaNova-Regular; line-height: 24px; margin-top: 10px;}
.bot_btn{ width: 148px; height: 32px; line-height: 32px; background: #565668; position: relative; margin-top: 20px;font-size: 16px; color: #fff; font-family: ProximaNova-Regular; text-align: center; text-transform: uppercase; cursor: pointer;}
.bot_hover{ width: 148px; height: 32px; background: #d84e4b; position: absolute; top: 0; left: 0; opacity: 0; color: #fff;}
.footer_wrap{ width: 100%; height: 368px; overflow: hidden;background: url(../images/bg_footer03_03.png);}
.footer{ width: 1200px; height: 414px; margin: 0 auto; margin-top: 50px;}
.f_left{ width: 400px; height: 290px; float: left; border-right: 1px solid #494958;}
.f_mid1{ width: 210px; height: 290px; float: left; border-left: 1px solid #26262d; border-right: 1px solid #494958;}
.txt_mid1{ margin-left: 30px; margin-bottom: 20px; }
.f_mid2{ width: 322px; height: 290px; float: left;border-left: 1px solid #26262d; border-right: 1px solid #494958;}
.f_right{ width: 260px; height: 290px; float: left;border-left: 1px solid #26262d;}
.f_txt{ font-size: 20px; font-family: ProximaNova-Bold; color: #fff;}
.reg_line1{ width: 370px; height: 30px; margin: 34px 0 13px 0;}
.reg_line2{ width: 370px; height: 30px; margin-bottom: 13px;}
.reg_line3{ width: 370px; height: 80px; margin-bottom: 18px; background: #33333c;}
.reg_line4{ width: 140px; height: 30px; }
.line1_left,.line1_right{ width: 180px; height: 30px; float: left; background: #33333c;}
.line1_right{ float: right;}
.head_name,.head_tel{ font-size: 14px; font-family: ProximaNova-Regular; line-height: 30px; color: #767691;}
.line3_top{width: 370px; height: 30px; font-size: 14px; font-family: ProximaNova-Regular; line-height: 30px; color: #767691;}
.line3_right{ width: 20px; height: 20px; display: inline-block; float: right; margin: 4px; background: url(../images/icon_bg.png) no-repeat -138px -38px;}
.key{ color: #d84e4b; margin-left: 12px;}
.ipt_name,.ipt_tel,.ipt_email,.ipt_country,.ipt_message{ width: 104px; background: none; height: 30px; border: none; outline: none; color: #767691;}
.ipt_country{ width: 95px; }
.ipt_message{ width: 370px; height: 50px; text-indent: 16px;}
.ipt_btn{ width: 140px; height: 32px; background: #d84e4b; font-size: 16px; color: #fff; border: none; outline: none; cursor: pointer; font-family: ProximaNova-Bold;;}
.f_mid1 ul li a{ font-family: ProximaNova-Regular; font-size:16px; color: #9f9fb2; line-height: 40px; transition: 0.3s;}
.f_mid1 ul li span{ font-size: 12px; line-height: 12px; display: inline-block; margin: 0 20px 0 30px; color: #9f9fb2;}
.f_mid1 ul li a:hover{ color: #fff; cursor: pointer;}
.f_mid2 ul li a{ font-family: ProximaNova-Regular; font-size:16px; color: #9f9fb2; line-height: 45px;margin: 0 0 0 30px; transition: 0.3s;}
.f_mid2 ul li a:hover{ color: #fff; cursor: pointer;}
.f_r_txt{ width: 232px; height: 100px; margin-bottom: 15px; line-height: 26px; font-size: 16px; font-family: ProximaNova-Regular; color: #9f9fb2; margin-left: 30px; display: inline-block;}
.list_inner{ width: 100%; background: #e8e8e8; position: absolute; left: 0; top: 105px; z-index: 9999; display: none;}
.list_inner_in{ width: 1200px; margin: 0 auto; margin-top: 40px; overflow: hidden; padding-bottom: 30px;}
.inner_box{ width: 180px; float: left; margin-right: 25px;}
/*.inner_box img{ width: 60%; margin: 0 auto; display:block;}*/
/*.inner_box_last{ margin-right: -20px;}*/
.list_inner_in .inner_box:nth-last-child(1){ margin-right: -10px;}
.pro_name{ font-size: 18px; line-height: 52px; color: #e44642; font-family: ProximaNova-Bold; margin-left: 6px;}
.pro_list{ width: 180px; border-top: 1px solid #cecece;}
.list_li a{display: block; clear: both; font-family: ProximaNova-Regular; font-size: 16px; color: #696969; line-height: 30px; width: 100%; position: relative;
white-space:nowrap;overflow: hidden;text-overflow:ellipsis;
padding-right: 30px;
width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.list_li a:hover{ color: #e44642;}
.hot_icon{ width: 26px; height: 12px; background: url(../images/icon_bg.png) no-repeat -171px -42px; position: absolute; right: 0; top:9px;}
.fix_txt{ width: 598px; height: 60px; background: rgba(44,44,55,0.5); position: absolute; bottom: 0; left: 0; font-size: 18px; font-family: ProximaNova-Regular; color: #fff; line-height: 60px; text-indent: 20px; z-index: 1;}
.wrap_wraper_out{ width: 345px; overflow: hidden;}
.wrap_wraper{ width: 1725px; clear: both; position: relative;}
.bot_b_txt_wrap{ width: 345px; display: inline-block; float: left; background: #fff;}
.bot_b_txt_wrap a{ color: #fff;}
.a_on{ color: #e44642; border-bottom: 4px solid #e44642;}
/* 本例子css */
.slideBox{ width:100%; overflow:hidden; position:relative;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:47%; bottom:6%; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left; }
.slideBox .hd ul li{ float:left; margin-right:18px; width:8px; height:8px; line-height:14px; text-align:center; border: 2px solid #fff; cursor:pointer; border-radius: 50%; }
.slideBox .hd ul li.on{ border: 2px solid #e44642; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0; }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; display:block; }
.more{ font-family: "宋体"; color: #171717;}
.sub_form{ position: absolute;}
.sub_ipt{ opacity: 0; cursor: pointer;}
/*about us*/
body{ background: #fff;}
.head_pic img{ width: 100%;}
/*.index_txt,.txt_cor{ font-family: ProximaNova-Regular; vertical-align: top; line-height: 38px; display: inline-block; color: #303030;}
.index_txt_a{ color: #303030;}
.txt_cor{ color: #e44642;}*/
.pic_two_wrap{ width: 1200px; position: relative;}
.pic_two{ width: 1030px; height: 400px; margin: 30px auto; position: relative; overflow: hidden;}
.pic_wraper_wrap{ width: 5150px; height: 400px; position: relative;}
.pic_wraper{ width: 1030px; height: 400px; float: left;}
.pic_left{ float: left; width: 500px; height: 400px;}
.pic_right{ float:right; width: 500px; height: 400px;}
.pic_left img ,.pic_right img { width: 500px; height: 400px;}
.pre,.next{ width: 60px; height: 30px; position: absolute; top: 50px; cursor: pointer; left: 25px; background: url(../images/icon_bg.png) no-repeat -257px -41px;}
.next{ left: 1115px; background-position-x: -330px;}
.title_center{ text-align: center; line-height: 50px;}
.pic_six{ width: 380px; height: 350px; float: left; margin-right: 30px;}
.pic_six img{ width: 380px; height: 300px;}
.pic_six_w{ overflow: hidden; width: 1200px; height: 700px; float: left;}
.pic_six_wrap .pic_six:nth-child(3){ margin-right: 0}
.pic_six_wrap .pic_six:nth-child(6){ margin-right: 0}
.line_pic{ width: 1200px; height: 330px; margin-bottom: 30px; }
.line_pic img{width: 1200px; height: 330px; }
.pic_small{ width: 280px; height: 280px; float: left; margin-right: 27px;}
.pic_small img{width: 280px; height: 280px;}
.clear_mar_r_27{ margin-right: -27px }
.zs_list{ width: 290px; height: 403px; border: 4px solid #d7d7d7; float: left; margin-right: 5px; margin-left:3px; margin-bottom: 20px; margin-top: 16px;}
.zs_list img{ width:282px; height:395px;}
.zs_list_wrap .zs_list:nth-child(4){ margin-right: -1px}
.zs_list_wrap .zs_list:nth-child(8){ margin-right: -1px}
.footer_wrap{ margin-top: 973px; clear: both;}
/*about新增轮播样式*/
.pre,.next{ width: 60px; height: 30px; position: absolute; top: 200px; cursor: pointer; left: 25px; background: url(../images/icon_bg.png) no-repeat -257px -41px;}
.next{ left: 1115px; background-position-x: -330px;}
.pic_six_wraper{ position: relative;}
.pic_six_wrap{ width: 1200px; height: 700px; position: relative; overflow: hidden;}
.pic_six_box{ width: 3600px; height: 700px; position: relative;}
.pre_box,.next_box{ width: 60px;
height: 30px;
position: absolute;
top: 306px;
cursor: pointer;
left: -60px;
background: url(../images/icon_bg.png) no-repeat -257px -41px;
}
.next_box{ left: 1200px; background-position-x: -330px;}
.zong_wrap{ position: relative;}
.pic_f_wraper_w{ width: 1200px; height: 640px; overflow: hidden;}
.pic_f_wraper{ position: relative;}
.pic_f_wrap{ width: 1200px; height: 640px; overflow: hidden; float: left;}
.pre_p,.next_n{ width: 60px;
height: 30px;
position: absolute;
top: 330px;
cursor: pointer;
left: -60px;
background: url(../images/icon_bg.png) no-repeat -257px -41px;
}
.next_n{ left: 1200px; background-position-x: -330px;}
.pic_f_wrap .pic_small:nth-child(5){ margin-right: -1px;}
/*证书列表*/
.zs_list_wraper{ position: relative;}
.zs_wrap{ width: 1200px; height: 895px; overflow: hidden;}
.zs_list_wrap{ width: 1200px; height: 895px; overflow: hidden; float: left;}
.list_wrap{ position: relative;}
.zs_pre,.zs_next{ width: 60px;
height: 30px;
position: absolute;
top: 430px;
cursor: pointer;
left: -60px;
background: url(../images/icon_bg.png) no-repeat -257px -41px;
}
.zs_next{left: 1200px; background-position-x: -330px;}
/*service02*/
.txt_reset{ text-transform: lowercase; margin-top: 40px;}
.service_box{ width: 1200px; height: 280px; margin: 0 auto; margin-top: 10px;}
.ser_box{ width: 280px;height: 280px; float: left; margin-right: 27px; background: #eeeeee; cursor: pointer;}
.service_box .ser_box:nth-child(4){ margin-right: -1px }
.service_box .ser_box:nth-child(2) .ser_icon{ background-position-x: -45px;}
.service_box .ser_box:nth-child(3) .ser_icon{ background-position-x: -96px;}
.service_box .ser_box:nth-child(4) .ser_icon{ background-position-x: -154px;}
.ser_icon{ width: 60px; height: 60px; border-radius: 50%; background: url(../images/icon_bg.png) #565668 no-repeat 0px -70px; margin: 24px 0 24px 21px;}
.ser_txt,.ser_txt_s{ font-family: "ProximaNova-Bold"; font-size: 16px; color: #565668; margin-left: 21px; margin-bottom: 25px;}
.ser_txt_s{ font-family: ProximaNova-Regular;}
/* .ser_icon_po1{ background-position-x: -45px;}
.ser_icon_po2{ background-position-x: -96px;}
.ser_icon_po3{ background-position-x: -154px;} */
.info_wrap{ width: 100%; height: 624px; background: #eeeeee; margin-top: 50px; overflow: hidden;}
.info_inner{ width: 1200px; height: 460px; overflow: hidden; margin: 62px auto; background: #fff;}
.info_head_l{ width: 100px; height: 40px; background: #e44642; float: left; font-family: ProximaNova-Bold; color: #fff; text-align: center; line-height: 40px;}
.info_head_r{ width: 1100px; height: 40px; background: #565668; float: left;font-family: ProximaNova-Regular; color: #fff; line-height: 40px; text-indent: 20px;}
.box_form{width: 1080px; height: 330px; clear: both; margin: 74px auto;}
.email_ipt{ width: 402px; height: 30px;font-family: ProximaNova-Regular;font-size: 16px; border: none; border: 1px solid #d2d2d2; outline: none; text-indent: 10px;}
.txt_email{ font-family: ProximaNova-Regular; font-size: 16px; width: 120px; color: #3e3e3e; display: inline-block; margin-bottom: 20px;}
/*.txt_email_mar{ margin-left: 15px;}*/
.txt_red{ color: #d91b04;}
.content{ width: 942px; height: 150px; border: 1px solid #d2d2d2; line-height:30px; font-family: ProximaNova-Regular;font-size: 16px; vertical-align: top; text-indent: 10px; outline: none;}
#sub_btn,#re_btn{ width: 160px; height: 34px; background: url(../images/icon_bg.png) #f03f22 no-repeat 4px -142px;font-family: ProximaNova-Regular;font-size: 16px; color: #fff; text-transform: uppercase; margin: 40px 25px 0 400px; display: inline-block; cursor: pointer; border: none; outline: none;}
#re_btn{ margin: 40px 25px 0 0; background: url(../images/icon_bg.png) #fe8301 no-repeat 4px -142px;}
#sub_btn:hover{ background: #FF4F33 url(../images/icon_bg.png) no-repeat 4px -142px;}
#re_btn:hover{ margin: 40px 25px 0 0; background: url(../images/icon_bg.png) #FF8D14 no-repeat 4px -142px;}
.footer_wrap{ margin-top: 0px;}
/*casecover*/
.txt_pic_wrap{ width: 1200px; height: 360px; margin: 0 auto; margin-bottom: 30px;}
.left_pic{ float: left; width: 540px; height: 360px;}
.right_txt{ float: right;width: 660px; height: 360px; background: #ebebeb;}
.txt_top{ font-size: 18px; font-family: ProximaNova-Bold; width: 500px; margin: 40px 0 0 45px; color: #303030;}
.txt_top:hover{
color: #e44642;
}
.view_wrap{ width: 100px; height: 20px; margin: 30px 0 0 40px;}
.view_icon{ width: 20px; height: 15px; display: inline-block; background: url(../images/icon_bg.png) no-repeat -220px -91px;}
.view_txt,.view_num{ vertical-align: top; line-height: 20px; font-family: ProximaNova-Regular; font-size: 14px; color: #696969;}
.bot_txt{ width: 582px; height: auto; margin: 26px 0 0 40px; font-family: ProximaNova-Regular; font-size: 16px; color: #696969; line-height: 30px;}
.exp_btn{ width: 160px; height: 36px; display: inline-block; line-height: 36px; text-indent: 36px; margin: 30px 0 0 43px; font-family: ProximaNova-Regular; font-size: 18px; color: #fff; background: url(../images/icon_bg.png) #565668 no-repeat -65px -146px; transition: 0.3s;}
.exp_btn:hover{ background:url(../images/icon_bg.png) rgb(228,70,66) no-repeat -65px -146px;}
.flo_r{ float: right;}
.mar_top_50{ margin-top: 50px;}
.pre_next_wrap{ clear:both; width: 100%; height: 30px; margin: 33px auto 100px auto; text-align: center;}
.prev_btn,.next_btn{ width: 100px; height: 30px; background: #565668; cursor: pointer; font-family: ProximaNova-Bold; float: left; font-size: 14px; line-height: 30px; color: #fff; text-indent: 28px;}
.pre_next_wrap a{ width: 30px; height: 30px; background: #e9e9e9; display: inline-block; text-align: center; line-height: 30px; color:#303030; }
.pre_next_wrap a:hover{ background: #d84e4b; color: #fff}
.pre_next_wrap a.list_d{ background:#d84e4b; color: #fff}
.pre_next_wrap a.pre_btn_p{ width: 100px; height: 30px; background: #565668; color: #fff }
.pre_next_wrap a.next_btn_n{ width: 100px; height: 30px; background: #565668; color: #fff }
.prev_btn{ margin-right: 20px;}
.next_btn{ margin-left: 10px; background: #d84e4b;}
.txt_song{ font-family: "宋体";}
.list_btn{ width: 30px; height: 30px; text-align: center; cursor: pointer; line-height: 30px; background: #e9e9e9; margin-right: 10px; float: left; font-family: ProximaNova-Bold; font-size: 16px; color: #303030; }
.list_btn_first{ background: #d84e4b; color: #fff;}
.list_point{ background: #fff; line-height: 25px;}
/*case-detail*/
.txt_pic_wraper{ margin-top: 50px}
.txt_wrap{ width: 1000px; font-family: ProximaNova-Regular; color: #565668; margin: 40px auto; font-size: 16px; line-height: 36px; overflow: hidden;}
.txt_wrap img{
display: inline-block;
}
.txt_title{ font-size: 20px; font-family: ProximaNova-Bold; text-align: center;}
.pic_three{ float: left; margin-right: 30px; margin-top: 30px;}
.clear_mar_r_30{ margin-right: -30px;}
.share{ width: 1000px; height: 94px; margin: 0 auto; margin-bottom: 40px}
.share_btn1,.share_btn2,.share_btn3,.share_btn4,.share_btn5,.share_btn6,.share_btn7{ display: inline-block; width: 20px; height: 20px; background: url(../images/icon_bg.png) no-repeat -72px -233px; margin-bottom: 10px;}
.share_btn2{ background-position-x: -97px;}
.share_btn3{ background-position-x: -122px;}
.share_btn4{ background-position-x: -147px;}
.share_btn5{ background-position-x: -172px;}
.share_btn6{ background-position-x: -196px;}
.share_btn7{ background-position-x: -221px;}
.pre_icon{ width: 6px; height: 13px; display: inline-block; background: url(../images/icon_bg.png) no-repeat -262px -153px; margin-top: 15px;}
.pre_title{ font-family: ProximaNova-Bold; font-size: 16px; margin-left: 16px;}
.pre_txt{ font-family: ProximaNova-Regular; font-size: 16px; color: #e44642; text-decoration: none;}
.pre_txt a{
color: #e44642;
}
.pre_txt:hover a{ text-decoration: underline;}
.pro_wrap{ width: 100%; height: 869px; background: #eeeeee; overflow: hidden;}
/*.mid_right{ 删掉float:left}*/
.mid_right{ width: 1200px; height: 766px; margin: 0 auto;}
.line_txt{ width: 1200px; margin-top: 50px;}
.mid_box{ margin-right: 26px; }
.clear_mar_r_26{ margin-right: -26px;}
.l_r_icon_f{ margin-left: 600px;}
.info_inner{ height: 444px; clear: both; margin-top: 300px;}
/*news-detail*/
.info_inner{ height: 444px; clear: both; margin-top: 60px;}
.pro_wrap{ margin-top: 60px; height: 600px;}
.txt_title{ font-family: ProximaNova-Bold; font-size: 20px;}
.day_month{ color: #e44642; font-size: 16px;}
.img_two_l{ float: left;}
.img_two_r{ float: left; margin-left: 20px;}
/*pro-cover*/
.txt_title_pro{ text-align: center;font-family: ProximaNova-Bold; font-size: 30px; color: #e44642; margin-top: 30px; margin-bottom: 15px; text-transform: uppercase;}
.txt_t_bot{ text-align: center; font-family: ProximaNova-Regular; color: #696969; font-size: 14px;}
.products_list:after{
display: block;
content: "";
height: 0;
clear: both;
}
.products_list{ margin-bottom: 15px; width: 1200px; *zoom: 1;}
.products_wrap{width: 1200px; margin: 0 auto; margin-top: 30px;}
.list_name{ width: height: 40px; line-height: 40px; background: #565668; float: left; margin-right: 12px; margin-bottom:15px; font-size: 18px; font-family: ProximaNova-Regular; text-align: center; color: #fff;}
.list_name a{padding:0 32px; height: 40px; line-height: 40px; display: inline-block; float: left; font-size: 18px; font-family: ProximaNova-Regular; text-align: center; color: #fff;}
.list_name:hover{ background: #e44642;}
.on_bg{ background: #e44642;}
/*.list_name_first{ margin-left: 0;}*/
.pro_show{ width: 280px; height: 370px; float: left; margin-right: 26px; margin-bottom: 40px;}
.pro_show a img{width: 280px; height: 210px;}
.pro_show br{
display: none;
}
.products_wrap .pro_show:nth-child(4n+1){ margin-right:0}
.show_name{ display:block;line-height: 50px; font-family: ProximaNova-Bold; font-size: 16px; color: #303030;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;}
.show_name:hover{ color:#e44642;}
.show_name_r{ font-family: ProximaNova-Regular; color: #696969; font-size: 16px;line-height: 22px;}
.show_name_r:hover{ color:#e44642;}
.see_detail a{ width: 130px; height: 30px; font-family: ProximaNova-Regular; font-size: 16px; color: #fff; display: inline-block; background: url(../images/icon_bg.png) #565668 no-repeat 75px -347px; line-height: 30px; text-indent: 16px; margin-top: 14px; transition: all .5s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;}
.see_detail a:hover{ background: url(../images/icon_bg.png) #e44642 no-repeat 75px -347px; transition: all .5s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;}
.clear_mar_r_26{ margin-right: -26px;}
/*news-cover*/
.pic_wrap{ width: 1300px; margin: 0 auto; margin-top: 50px; overflow: hidden;}
.pic_text img{width: 400px;}
.pic_text{ width: 400px; height: AUTO; float: left; margin-right: 60px; margin-bottom: 25px; color: #303030; display: block;}
.pic_text a{ color: #303030;}
.pic_text:hover{ color: rgb(228,70,66);}
.month{ width: 380px; height: 48px; line-height: 48px; font-family: ProximaNova-Bold; font-size: 16px; color: #e44642; border-bottom: 1px solid #e5e5e5;}
.month:hover{
text-decoration: underline;
}
.txt_r{ font-family: ProximaNova-Regular; color: #303030; line-height: 20px; margin-top: 15px; height: 40px;}
.txt_b{ font-family: ProximaNova-Bold; width: 85px; height: 20px; line-height: 20px; margin-top: 10px; display: inline-block; position: relative; vertical-align: bottom;}
.txt_r_icon{ width: 20px; height: 20px; display: inline-block; background: url(../images/icon_bg.png) no-repeat -300px -9px; position: absolute; right: 0;}
.pic_wrap .pic_text:nth-child(3n){ margin-right: -60px;}
/*底部*/
.fall_box{
margin: 20px 0 0 30px;
}
.fall_text{
line-height: 30px;
color: #fff;
font-size: 20px;
font-family: "ProximaNova-Bold";
margin-bottom: 15px;
}
.fall_btn .icon{
float: left;
width: 30px;
height: 30px;
margin: 0 16px 0 0;
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.fall_btn .icon_fc{
background: url(../images/f_share_fc.png) no-repeat center center;
}
.fall_btn .icon_in{
background: url(../images/f_share_in.png) no-repeat center center;
}
.fall_btn .icon_tw{
background: url(../images/f_share_tw.png) no-repeat center center;
}
.fall_btn .icon_gg{
background: url(../images/f_share_gg.png) no-repeat center center;
}
.fall_btn .icon_yb{
background: url(../images/you-tube.png) no-repeat center center / 26px auto;
}
.fall_btn .icon:hover{
transform:translateY(-2px);
-webkit-transform:translateY(-2px);
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.foot_bot_warp{ width: 100%; height: 42px; background: #35353e;}
.foot_bot{ width:1200px; height:42px; line-height:42px; color:#6d6d7f; font-family: ProximaNova-Regular; margin: 0 auto; font-size: 16px;}
#cnzz_stat_icon_1262003134 img{ display:inline}
.public_right_backTopBox {
display: -ms-flex;
display: -webkit-flex;
display: flex;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
-ms-align-items: center;
-webkit-align-items: center;
align-items: center;
-ms-justify-content: space-around;
-webkit-justify-content: space-around;
justify-content: space-around;
position: fixed;
top: 470px;
right: 20px;
z-index: 20;
border: 2px solid #eee;
}
.public_right_backTopBox {
width: 60px;
height: 150px;
background: #fff;
}
.public_right_backTopBox .item {
width: 30px;
height: 30px;
}
.public_right_backTopBox .item a {
display: block;
}
.public_right_backTopBox .item img {
width: 100%;
}
.public_right_backTopBox .back_top {
cursor: pointer;
}
.list_bot{
overflow: visible !important;
}
.list_about{
position: relative;
}
.list_about_down{
position: absolute;
z-index: 999;
background: #e8e8e8;
display: none;
padding:20px 15px;
width: 120px;
}
.list_about_down .pro_list{
border:None !important;
line-height: 35px;
}
.list_about:hover .list_about_down{
display: block;
}
.pre_next_wrap .prev,
.pre_next_wrap .next{
position: relative !important;
left: auto !important;
right: auto !important;
top: auto !important;
bottom: auto !important;
}
.main_mid{ width: 1300px; height: auto; clear: both; overflow: hidden;}
.mid_left{ width: 280px; height:auto; background: #565668; float: left; overflow: hidden;}
.mid_left_ul{ width: 280px; height:auto; margin-top:0px;}
.mid_left_ul li{ width: 280px; height: 48px; line-height: 48px; color: #fff; font-size: 18px; font-family: ProximaNova-Regular; position: relative;}
.mid_left_ul li a{ width: 280px; height: 48px; text-decoration: none; line-height: 48px; color: #fff; font-size: 18px; font-family: ProximaNova-Regular; display: inline-block; text-indent:50px;}
.mid_left_ul li.mid_icon_fir{ background: #d84e4b;}
.mid_left_ul li:hover{ background: #d84e4b; cursor: pointer;}
.mid_left_ul_icon{ width: 7px; height: 13px; display: inline-block; position: absolute; margin:0 12px 0 22px; top: 18px; background: url(../images/icon_bg.png) no-repeat -338px -11px;}
.left_list{ width: 280px; height: 850px; float: left;}
.con_us{ width: 280px; height: 318px; clear: both; position: relative; }
.top_pic{ width: 280px; height: 47px; }
.top_pic_btn{ width: 280px; height: 47px; font-family: ProximaNova-Bold; font-size: 22px; font-size: 22px; text-align: center; text-decoration: none; color: #fff; line-height: 47px; position: absolute; top: 0px; left: 0px; background: #EFA834;}
.bot_list{ width: 280px; height: 177px; background: #565668; overflow: hidden;}
.bot_list1{ width: 250px; height: 70px; border-bottom: 1px solid #6e6e83; margin: 20px 0 0 20px; position: relative; padding-left:10px;}
.in_icon{ width: 26px; height: 26px; display: inline-block; background: url(../images/icon_bg.png) no-repeat -23px -475px; position: absolute; }
.in_txt_name{ font-family: ProximaNova-Bold; font-size: 16px; color: #fff; margin-left:33px; margin-bottom:8px; display: inline-block;}
.bot_p{ font-family: ProximaNova-Regular; font-size: 16px; color: #fff; line-height:22px;}
.bot_p a{
color: #fff;
}
.bot_p a:hover{
text-decoration: underline;
}
.bot_list2,.bot_list3{width: 210px; height: 86px; margin-left: 12px; padding-left: 20px; padding-top:20px;}
.bot_list2{ border-top: 1px solid #40404d; border-bottom: 1px solid #6e6e83;}
.bot_list3{ border-top: 1px solid #40404d; padding-top: 18px;}
.in_icon2{ background-position: -24px -510px; position: absolute; top: 15px;}
.in_icon3{ background: url(../images/skype_ico.png) no-repeat center center; position: absolute; top: 17px;}
.bot_list1,.bot_list2,.bot_list3{ position: relative;}
.mid_left_ul .mid_icon_fir a {
width: 280px;
height: 88px;
font-family: ProximaNova-Bold;
font-size: 22px;
text-transform: uppercase;
text-indent:50px;
}
.mid_icon_fir_t{ background: #d84e4b;}