@charset "utf-8";

body { margin: 0; padding: 0; text-align: left; color: #3a3a3a; font-size: 14px; font-family: "微软雅黑", "Microsoft YaHei", Arial, helvetica, sans-serif; background: #ffffff; }

@font-face { font-family: "impact"; src: url("impact.woff2") format("woff2"), url("impact.woff") format("woff"), url("impact.ttf") format("truetype"), url("impact.eot") format("embedded-opentype"), url("impact.svg") format("svg"); font-weight: normal; font-style: normal; }

a { transition: all 0.3s; }

a:link { color: #3a3a3a; text-decoration: none }

a:visited { color: #3a3a3a; text-decoration: none }

a:hover { text-decoration: none; color: #f00; }

a:focus { outline: none; -moz-outline: none; }

div,
p,
h1,
h2,
h3,
h4,
h5 { margin: 0; padding: 0; }

h1,
h2,
h3,
h4,
h5 { }

h1 { font-size: 28px; }

h2 { font-size: 20px; }

.clear { clear: both; }

img { border: 0px; }

ul,
li,
dl,
dt,
dd { list-style-type: none; list-style: none; margin: 0; padding: 0; text-align: left; }

canvas { margin: 0; padding: 0; display: block; border: none; }

input { outline: none; }

.wenben { font-size: 12px; line-height: 30px; text-align: left; color: #3a3a3a; letter-spacing: 0.0em; font-family: Arial, Helvetica, sans-serif; }

.wenben ol li { line-height: 30px; list-style-type: disc; font-size: 14px; }

.wenben0 { font-size: 14px; line-height: 30px; text-align: justify; color: #494949; letter-spacing: 0.0em; }

.wenben01 { font-size: 16px; line-height: 40px; text-align: left; color: #3a3a3a; letter-spacing: 0.0em; }

.border { border: #000 1px solid; }

.center { width: 1200px; margin: 0 auto; }

.left { float: left; }

.right { float: right; }

.red { color: #f00; }

.red a:link { color: #f00; text-decoration: none }

.red a:visited { color: #f00; text-decoration: none }

.red a:hover { text-decoration: none; color: #f00; }

.opa { opacity: 0; filter: alpha(opacity=0); }

/*PAGE
----------------------------------------*/




.page { margin: 20px; text-align: right; border-top: #CCC 1px dotted; }

.prev_next li { margin: 10px auto; background: #eee; padding: 5px; font-size: 14px; line-height: 24px; height: 24px; }

.prev_next li { display: block; border-radius: 3px; }

.prev_next li:hover { background: #ddd; display: block; border-radius: 3px; }

.prev_next_pro li { width: 48%; font-size: 14px; line-height: 45px; }

.prev_next_pro li a { height: 45px; display: block; border-radius: 3px; background: #fff; border: 1px solid #efefef; color: #000; display: block; padding: 0 20px; }

.prev_next_pro li a:hover { background: #eb362d; border: 1px solid #eb362d; display: block; color: #fff; }

.back_list { text-align: right; font-size: 12px; width: 100px; float: right; }

.back_list a { }

.back_list a:hover { }

.t_r { width: 80px; }

.gridtable table { width: 99%; margin: 0 auto; border-width: 1px; font-family: verdana, arial, sans-serif; color: #333333; border-color: #ccc; border-collapse: collapse; }

.gridtable table th { border-width: 1px; padding: 5px 0; border-style: solid; border-color: #ccc; background-color: #dedede; }

.gridtable table td { border-width: 1px; padding: 5px 0; border-style: solid; border-color: #ccc; }

.gridtable table td a { text-decoration: underline; color: #069; }

.hidden { display: none !important }

.order { background: url(../images/order.jpg) center right no-repeat; }

/* Wrap
----------------------------------------*/




#wrap { width: 100%; margin: 0 auto; position: relative; }

/* Header
----------------------------------------*/




#top_note_w { width: 100%; height: 36px; background: #f8f8f8; color: #333333; border-bottom: 1px solid #ececec; }

#top_note { width: 1200px; margin: 0 auto; height: 36px; position: relative; font-size: 14px; line-height: 36px; color: #333333; }

#top_link { position: absolute; top: 0; right: 0; font-size: 14px; color: #333333; height: 36px; line-height: 36px; }

#top_link a { color: #333333; margin: 0 10px; }

#top_link a:hover { color: #f00; }

.top_ewm { position: absolute; top: 40px; right: 0; z-index: 99; width: 100px; padding: 2px; border: 1px solid #ccc; display: none; }

.wx_bt:hover .top_ewm { display: block; }

#name_box_w { width: 100%; height: 130px; background: #fff; position: relative; overflow: hidden; }

#name_box { width: 1200px; margin: 0 auto; height: 130px; position: relative; z-index: 9; }

.logo { margin: 20px 0; float: left; font-size: 15px; color: #6a6a6a; line-height: 40px; }

.logo h1 { font-size: 32px; color: #1b1b1b; }

#top_kh { border-left: 1px solid #e1e1e1; padding-left: 30px; float: left; margin: 35px 0 0 30px; line-height: 30px; color: #333333; font-weight: normal; font-size: 17px; }

#top_kh h1 { line-height: 40px; color: #eb362d; font-size: 28px; font-weight: bold; }

#top_tel { background: url(../images/top_icon.png) left center no-repeat; padding-left: 60px; position: absolute; top: 43px; line-height: 30px; right: 0; font-size: 16px; color: #666; text-align: left; }

#top_tel h1 { font-size: 22px; line-height: 22px; color: #ff8400; font-weight: normal; font-family: "impact"; }

#top_tel a { width: 30px; height: 30px; border-radius: 50%; color: #fff; display: inline-block; text-align: center; line-height: 30px; margin-left: 5px; }

#a1 { background: #76cf32; margin-left: 20px !important; }

#a2 { background: #0484ef; }

#a1:hover { background: #000; }

#a2:hover { background: #000; }

#menu_box { width: 100%; background: #eb362d; height: 55px; }

.shadow { width: 100%; height: 13px; position: absolute; top: 0; left: 0; z-index: 99999; }

#banner_box { width: 100%; height: 508px; overflow: hidden; position: relative; }

#banner { width: 1920px; height: 508px; position: absolute; left: 50%; margin-left: -960px; }

#zy_banner_box { width: 100%; height: 265px; background: url(../images/zy_banner.jpg) no-repeat center; position: relative; }

#top_news_box { width: 100%; height: 85px; background: #fff; border-bottom: 1px solid #e4e4e4; }

#top_news_box_cx { width: 850px; padding-right: 350px; margin: 0 auto; overflow: hidden; height: 85px; line-height: 85px; font-size: 14px; position: relative; }

#top_news_box_cx span { font-size: 20px; color: #3a3a3a; font-weight: bold; }

#top_news_box_cx a { margin: 0 10px; font-size: 14px; }

/* Mid
---------------------*/





#mid_wrap { width: 100%; }

#mid_box { width: 1200px; margin: 10px auto 0 auto; }

.title_box { height: 77px; text-align: right; padding-right: 20px; line-height: 77px; background: url(../images/in_hot_pro.jpg) left center no-repeat #f1f1f1; position: relative; }

.title_box .title { width: 300px; text-align: left; font-size: 22px; line-height: 25px; color: #3a3a3a; font-weight: 900; padding: 15px 0 0 30px; }

.title_box .title span { color: #555555; font-size: 14px; font-weight: normal; text-transform: uppercase; }

.title_box .location { position: absolute; top: 0; right: 0; padding: 0 10px; color: #eb362d; height: 77px; line-height: 77px; font-size: 14px; font-weight: normal !important; }

.title_box .location a { color: #eb362d; }

.title_box .location a:hover { color: #f00; position: relative; top: 1px; }

.title_box .location span { font-size: 16px; border-radius: 50%; color: #eb362d; padding: 1px; }

.title_box .more { position: absolute; top: 0; right: 0; padding: 0 10px; color: #eb362d; height: 77px; line-height: 77px; font-size: 14px; font-weight: normal !important; }

.title_box .more a { color: #3a3a3a; }

.title_box .more a:hover { color: #f00; position: relative; top: 1px; }

/* left
----------------------------------------*/




#left_box { width: 250px; float: left; background: #f1f1f1; }

.lf_title { text-align: center; line-height: 77px; height: 77px; background: #eb362d; }

.lf_title a h1 { color: #fff; font-size: 24px; }

.lf_title a:hover { background: #ff9900; color: #fff; }

.lf_box { }

.lf_bt { margin-top: 30px; height: 40px; }

.lf_bt li { width: 100%; height: 40px; text-align: center; }

.lf_bt li a { font-size: 18px; line-height: 40px; background: #eb362d; color: #fff; width: 130px; height: 40px; display: block; margin: 0 auto; border-radius: 30px; }

.lf_bt li a:hover { background: #ff9900; color: #ff0; }

.list { width: 90%; margin: 0 auto; padding: 10px 0; }

.list .nav { height: 35px; overflow: hidden; font-size: 15px; margin:5px 0; }

.list .nav a { color: #fff; background: #eb362d; text-align: center; line-height: 35px; height: 35px; overflow: hidden; display: block; position: relative; }

.list .nav a:hover { background: #ff9900; color: #fff; font-weight: bold; }

.list .nav .cur { background: #eb362d !important; color: #fff !important; font-weight: bold; }

.list .nav .cur i { border: #fff 1px solid !important; }

.lf_lx_title { text-align: left; line-height: 49px; color: #fff; height: 49px; }

.lf_lx_title h1 { font-size: 24px; color: #fff; }

.lf_lx_box { padding: 20px; font-size: 14px; line-height: 30px; color: #fff; text-align: left; background: #163861; background: url(../images/leftBg.jpg); }

.lf_lx_box span { color: #fff; font-size: 20px; line-height: 30px; font-family: "impact"; }

.lf_lx_list li { font-size: 14px; color: #fff; }

/* Right
----------------------------------------*/




.bh_title { text-align: center; margin: 30px 0; }

.bh_title h1 { font-size: 20px; color: #eb362d; }

.bh_title h2 { font-size: 14px; color: #666; padding: 10px 0; line-height: 20px; font-weight: normal; }

#right_box_w { width: 911px; background: #fff; float: right; }

.rt_main_box { height: auto !important; min-height: 645px; height: 645px; }

.gs_pic { width: 300px; padding: 5px; border: #efefef 1px solid; background: #FFF; float: left; margin-right: 20px; }

.gsinfo img { border-radius: 20px 0 20px 0; }

.my_txt { padding: 10px 0; }

.my_txt img { }

#zy_case_box { margin-top: 30px; }

.zy_case_title { background: #37ab2a; width: 250px; height: 28px; padding: 10px; }

.nf { transition: all 0.3s; width: 55px; display: inline-block; padding: 5px; margin-right: 10px; background: #f00; color: #fff; line-height: 12px; border-radius: 5px; }

.nf:hover { padding: 3px 10px; background: url(../images/hover.png) center no-repeat #111; }

.cate_cont { margin: 0 auto; padding: 20px; border: 15px #efefef double; }

.proShow { width: 100%; height: 356px; position: relative; }

.pro_des { float: right; width: 435px; height: 240px; }

.pro_des h1 { font-size: 20px; color: #0662ca; font-weight: normal; }

.pro_des .pro_tel { width: 372px; padding: 25px 30px; height: 44px; line-height: 30px; background: url(../images/pro_tel.gif); color: #fff; font-size: 16px; }

.pro_des .pro_tel span { font-size: 30px; font-weight: bold; font-family: "impact"; }

.pro_des .pro_kh { font-size: 14px; line-height: 30px; color: #333333; margin: 5px 0; position: relative; }

.pro_des .pro_kh img { width: 100px; padding: 2px; border: 1px solid #ccc; position: absolute; top: 5px; right: 0; }

.pro_des a { width: 110px; height: 44px; line-height: 44px; display: inline-block; color: #fff; margin: 0 8px 0 0; text-align: center; }

.pro_des .p_bt1 { background: #f5b500; border: 1px solid #f5b500; color: #fff; }

.pro_des .p_bt2 { background: #fff; border: 1px solid #f5b500; color: #f5b500; }

.pro_des a:hover { background: #eb362d; border: 1px solid #eb362d; }

.pro_nav { width: 100%; height: 50px; background: #eb362d; color: #fff; margin: 20px 0; }

.pro_nav li { float: left; }

.pro_nav li a { width: 187px; height: 50px; text-align: center; line-height: 50px; padding-left: 40px; display: block; color: #fff; font-size: 20px; }

.p_i1 { background: url(../images/p_i1.png) left center no-repeat; }

.p_i2 { background: url(../images/p_i2.png) left center no-repeat }

.p_i3 { background: url(../images/p_i3.png) left center no-repeat; }

.p_i4 { background: url(../images/p_i4.png) left center no-repeat; }

.pro_nav li:hover { background: #f5b500; }

.pro_nav .menu_line { width: 1px; height: 50px; background: url(../images/p_line.gif) center no-repeat; }

.pro_case_title { width: 100%; height: 40px; line-height: 40px; color: #1e1f20; font-size: 16px; }

.pro_case_title big { font-size: 22px; }

#pro3 { width: 100%; height: 223px; background: #f1f1f1; }

#pro3 .pro_cjwt_title { padding: 20px; color: #eb362d; text-align: left; font-size: 20px; }

#pro3 .wen { width: 100%; height: 30px; line-height: 30px; overflow: hidden; }

#pro3 .da { width: 100%; height: 50px; line-height: 25px; margin: 10px 0; overflow: hidden; }

#pro3 .wen span { background: #eb362d; padding: 5px; color: #fff; }

#pro3 .da span { background: #ff9900; padding: 5px; color: #fff; }

#pro3 .indexNews li { width: 276px; float: left; border-bottom: 1px #ccc dashed; transition: all 0.3s; }

#pro3 .indexNews li { margin: 0 10px; height: 95px; line-height: 30px; position: relative; }

#pro3 .indexNews li a { color: #333333; display: block; }

#pro3 .indexNews li:hover { box-shadow: 0 1px 0 #000; padding: 0; }

#pro3 .wen { width: 100%; height: 30px; line-height: 30px; overflow: hidden; }

#pro3 .da { width: 100%; height: 50px; line-height: 25px; margin: 10px 0; overflow: hidden; color: #555555; }

#pro3 .wen span { background: #f5b300; padding: 5px; color: #fff; border-radius: 5px; }

#pro3 .da span { background: #eb362d; padding: 5px; color: #fff; border-radius: 5px; }

.pro_hot_title { width: 100%; height: 40px; line-height: 40px; color: #1e1f20; font-size: 16px; margin-top: 20px; }

.pro_hot_title big { font-size: 22px; font-weight: bold; }

#pro4 { padding: 0 0 20px 0; }

#pro4 .pro_order { width: 500px; float: left; }

#pro4 .pro_contact { width: 380px; float: right; }

.pro_contact .lxlist li { line-height: 50px; border-bottom: 1px dotted #ccc; }

/* Footer
----------------------------------------*/





.in_title1 { padding: 0; height: 40px; margin: 30px 0; line-height: 40px; font-size: 20px; color: #eb362d; position: relative; text-align: center; }

.in_title1 a { color: #fff; transition: all 0.3s }

.in_title1 h1 { font-size: 24px; color: #eb362d; }

.in_title1 h2 { margin: 20px 0; font-size: 14px; color: #5e5e5e; text-transform: uppercase; font-weight: normal; height: 50px; line-height: 25px }

.in_title1 h1 span { color: #252525; }

.in_title2 { width: 1200px; margin: 50px auto; height: 121px; position: relative; text-align: center; }

.in_title2 a { color: #fff; transition: all 0.3s }

#message_box { width: 900px; height: 559px; margin: 0 auto; background: url(../images/yylc.jpg) center no-repeat; }

#c_mess_box { width: 700px; margin: 50px auto; text-align: center; padding: 20px 0; }

#c_mess_box h2 { color: #1e4483; margin: 40px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #fefefe; }

#c_mess_box #a_qq { padding: 10px 20px; width: 100px; font-size: 16px; border: 2px solid #c9c9c9; border-radius: 20px; }

#c_mess_box #a_wx { padding: 10px 20px; width: 100px; font-size: 16px; border: 2px solid #c9c9c9; border-radius: 20px; margin: 0 10px; }

#c_mess_box #a_tel { padding: 10px 20px; width: 100px; font-size: 16px; border: 2px solid #c9c9c9; border-radius: 20px; }

#c_mess_box #a_submit { padding: 12px 62px; background: #e86504; text-align: center; border: none; border-radius: 20px; color: #fff; font-size: 16px; margin: 0 10px; }

#c_mess_box #a_add { padding: 10px 20px; width: 605px; font-size: 16px; border: 2px solid #c9c9c9; border-radius: 20px; margin: 20px 0; }

#c_mess_box #a_content { width: 600px; background: none; padding: 10px 20px; font-size: 16px; border: 2px solid #c9c9c9; border-radius: 20px; margin: 0; }

#end_wrap { width: 100%; height: 300px; padding-top: 30px; background: #3a3a3a; position: relative; }

#end_txt { width: 1200px; margin: 0 auto; position: relative; color: #000000; font-size: 14px; text-align: center; line-height: 40px; }

#end_txt a { color: #000000; }

#end_txt a:hover { color: #f00; }

#end_l { height: 113px; float: left; padding: 35px 0; }

#end_m { width: 550px; height: 113px; line-height: 30px; float: left; text-align: left; padding-left: 50px; padding-top: 25px; color: #ccc }

#end_m a { color: #ccc; }

#end_m a:hover { color: #eb362d }

#end_r { width: 110px; height: 170px; float: right;/* padding:50px 50px;*/ margin-top: 60px; }

#end_r img { width: 100% }

#end_r div { font-size: 12px; color: #ccc; line-height: 22px; }

#end_kh { margin: 10px 0 0 0; line-height: 40px; color: #eb362d; font-weight: normal; font-size: 16px; }

#end_mess { width: 700px; height: 100px; padding-top: 50px; background: url(../images/end_icon.png) left top no-repeat; }

.mess { width: 547px; height: 100px; position: relative; float: right; }

.e_name { position: absolute; top: 0; left: 0; color: #585858; padding: 0 5px; width: 207px; padding: 0; height: 29px; background: #313131; border: none; line-height: 29px; font-size: 14px; font-family: "微软雅黑", "Microsoft YaHei"; }

.e_tel { position: absolute; top: 35px; left: 0; color: #585858; padding: 0 5px; width: 207px; padding: 0; height: 29px; background: #313131; border: none; line-height: 29px; font-size: 14px; font-family: "微软雅黑", "Microsoft YaHei"; }

.e_email { position: absolute; top: 71px; left: 0; color: #585858; padding: 0 5px; width: 207px; padding: 0; height: 29px; background: #313131; border: none; line-height: 29px; font-size: 14px; font-family: "微软雅黑", "Microsoft YaHei"; }

.e_content { position: absolute; top: 0; left: 225px; color: #585858; padding: 0 5px; width: 259px; height: 96px; background: #313131; border: none; line-height: 29px; font-size: 14px; font-family: "微软雅黑", "Microsoft YaHei"; }

.e_submit { position: absolute; top: 0; right: 0; width: 40px; height: 100px; background: url(../images/submit.gif) center no-repeat; color: #fff; border: none; }

.backtop { width: 67px; height: 76px; background: url(../images/back.png) no-repeat center; color: #fff; text-align: center; left: 50%; margin-left: -33px; bottom: 170px; cursor: pointer; font-size: 18px; transition: all 0.3s; text-align: center; line-height: 40px; position: absolute; z-index: 9999999; }

.backtop:hover { }

.backtop a { transition: all 0.3s; width: 67px; padding: 20px 0; height: 36px; line-height: 36px; display: block; }

#backtop { z-index: 999999; position: fixed; left: 0; top: 90px; display: block; }

.fa-close { z-index: 9999999; position: fixed; left: 110px; top: 70px; color: #000; font-size: 20px; cursor: pointer; }

/*NEWS CONTENTS PAGE*/






.indexNewsllist li { line-height: 50px; font-size: 16px; border-bottom: 1px solid #ccc; }

.my_txt .indexNews li { border-bottom: 2px #ccc solid; padding: 10px 0; transition: all 0.3s; }

.my_txt .indexNews li { margin: 0 auto; height: 90px; line-height: 30px; position: relative; margin-bottom: 20px; }

.my_txt .indexNews li a { color: #1e4483; display: block; }

.my_txt .indexNews li a:hover { }

.my_txt .indexNews li:hover { box-shadow: 0 0 3px #000; border-bottom: 2px #fff solid; padding: 10px; }

.my_txt .wen { width: 100%; height: 30px; line-height: 30px; overflow: hidden; }

.my_txt .da { width: 100%; height: 50px; line-height: 25px; margin: 10px 0; overflow: hidden; }

.my_txt .wen span { background: #eb362d; padding: 5px; color: #fff; }

.my_txt .da span { background: #ff9900; padding: 5px; color: #fff; }

#best_news { width: 100%; height: 340px; }

#slide { width: 677px; height: 340px; float: left; }

#best_news_list { width: 500px; height: 340px; float: right; }

#best_news_list li { width: 100% }

#best_news_list li span { font-size: 24px; }

#best_news_list li { height: 90px; line-height: 20px; position: relative; margin: 10px 0; border-bottom: 1px solid #f0f0f0; overflow: hidden; }

#best_news_list li a { height: 80px; display: block; padding: 5px; overflow: hidden; }

#best_news_list li a:hover { background: #bcd8ff; color: #FFF; }

.news_detail { height: auto !important; min-height: 330px; height: 330px; padding: 10px 0; }

#news_t { color: #000; font-weight: bold; text-align: center; font-size: 20px; }

#news_d { color: #000; font-size: 12px; text-align: left; background: #efefef; margin: 10px 0; padding: 5px 10px; font-size: 12px; -moz-border-radius: 5px;      /* Gecko browsers */ -webkit-border-radius: 5px;   /* Webkit browsers */ border-radius: 5px;            /* W3C syntax */ }

#news_img { text-align: center; position: relative; }

.wenben01 img,
#news_img img,
.news_img img { max-width: 880px; }

#newsContent { margin-bottom: 16px; text-align: left; }

#newsContent img { max-width: 880px; }

#newsInfo { margin: 0px; font-weight: normal; text-align: left; padding-top: 10px; }

#newsInfo iframe { width: 880px; height: 600px; }

#newsInfo img { max-width: 880px; vertical-align: bottom; }

.proimg img { max-width: 500px !important; }

.news_img h2 { color: #f00; background: #efefef; padding: 5px; line-height: 30px; border-radius: 10px 0 10px 0 }

/*GUESTBOOK PAGE*/





.G_InputText { width: 500px; height: 12px; padding: 10px; border: 1px solid #ccc; margin: 5px 0; }

.G_textarea { width: 500px; height: 100px; padding: 10px; border: 1px solid #ccc; margin: 5px 0; }

#pro4 .G_InputText { width: 400px !important; }

#pro4 .G_textarea { width: 400px !important; }

#pro4 .yanzheng { width: 200px !important; }

.G_botton { width: 100px; line-height: 12px; padding: 10px; line-height: 14px; background: #eb362d; cursor: pointer; color: #FFF; border: none; float: right; border-radius: 3px; font-size: 16px; font-family: "微软雅黑"; position: relative; margin-top: -43px; }

.yanzheng { width: 300px; height: 12px; padding: 10px; border: 1px solid #ccc; margin: 5px 0; }

.jobs ul { list-style: none; margin-top: 12px; }

.jobs ul li { height: 150px; width: 98%; margin: 0 auto; border-top: 1px #cdcdcd dashed; }

.jobs ul li .recruit_info { color: #3a3a3a; font-family: 'Microsoft YaHei', arial; font-size: 14px; line-height: 36px; }

.jobs ul li .recruit_info .job_nam { color: #be0000; font-weight: bold; }

.jobs ul li .but { width: 74px; height: 31px; line-height: 31px; background: #1f478e; border-radius: 2px; float: right; margin-top: -40px; margin-right: 22px; text-align: center; }

.jobs ul li .but a { text-decoration: none; font-family: 'Microsoft YaHei', 黑体, sans-serif; color: #FFF; display: block; }

.recruit_info_tit_bg { width: 100%; height: 31px; background: #fafafa; border-radius: 2px; }

.recruit_info_tit_bg .recruit_info_tit { width: 73px; height: 31px; border-top-left-radius: 2px; border-bottom-left-radius: 2px; background: #1e4483; font-family: 'Microsoft YaHei', arial; font-size: 14px; color: #fff; line-height: 31px; text-indent: 8px; }

.recruit_info_main { padding: 5px; }

.recruit_info_main p { width: 650px; font-family: 'Microsoft YaHei', arial; text-align: justify; letter-spacing: 1px; font-size: 14px; line-height: 28px; color: #3a3a3a; }

.order { width: 96%; margin: 0 auto; }

.order_but { padding: 10px; cursor: pointer; }

/*PRODUCTS LIST PAGE*/




#picUL { text-indent: 0; overflow: hidden; text-align: center; }

#picUL li { width: 280px; height: 260px; background: url(../images/str.png) #fff; margin: 10px; float: left; }

#picUL li:hover { background: url(../images/str.png) #fafafa }

#picUL a { width: 270px; height: 260px; text-align: center; display: inline; padding: 5px; display: block; line-height: 22px; font-size: 14px; color: #000; overflow: hidden; position: relative; background: url(../images/proshadow0.jpg) no-repeat center bottom #efefef; }

.sy { position: absolute; z-index: 9; top: 0; left: 0; width: 100%; height: 100%; display: block; background: url(../images/sy.png) center no-repeat; background-size: 100%; }

.sy0 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background: url(../images/sy.png) center no-repeat; background-size: 30%; }

#picUL a:hover { background: url(../images/proshadow.jpg) no-repeat center bottom #fff; }

#picUL a img { max-width: 270px; height: 203px; }

#picList { width: 100%; padding: 10px 0 0 0; }

#picList li { transition: all 0.3s; height: 160px; padding: 10px; margin: 30px 0; border: #ddd 2px solid; background: #fff; }

#picList li:hover { box-shadow: 0 0 3px #000; border: 2px #fff solid; }

#picList .picList_date { float: left; width: 94px; height: 160px; background: url(../images/news_date.gif) no-repeat; position: relative; top: -20px; color: #fff; text-align: center; }

#picList .picList_date h2 { font-size: 16px; color: #aaa; margin-top: -10px; }

#picList .picList_date h1 { font-size: 40px; color: #444; line-height: 60px; }

#picList .picList_img { float: left; width: 220px; height: 160px; margin: 0 20px; }

#picList .Pic_list_txt { width: 520px; float: right; position: relative; height: 160px; overflow: hidden; }

#picList .Pic_list_txt .t1 { font-size: 18px; font-weight: bold; line-height: 30px; height: 30px; overflow: hidden; width: 100%; color: #3a3a3a; }

#picList .Pic_list_txt .t2 { overflow: hidden; padding: 8px 0; height: 90px; font-size: 14px; line-height: 25px; color: #666; }

#picList .Pic_list_txt .t3 { font-size: 10px; line-height: 30px; }

#picList .Pic_list_txt .time { text-align: right; line-height: 20px; font-size: 12px; font-family: Arial, Helvetica, sans-serif !important; }

#cxList { width: 100%; }

#cxList li { width: 283px; height: 400px; transition: all 0.3s; margin: 10px 7px; border: #d9d9d9 1px solid; float: left; }

#cxList li:hover { box-shadow: 0 0 3px #000; }

#cxList li a { display: block; position: relative; }

#cxList .img { width: 264px; height: 207px; margin: 10px auto; }

#cxList .img img { width: 264px; height: 207px; }

#cxList .cxList_txt { width: 100%; position: relative; height: 168px; border-bottom: 1px solid #d9d9d9; overflow: hidden; }

#cxList .cxList_txt .t1 { padding: 0 10px; font-size: 18px; font-weight: bold; line-height: 40px; height: 50px; overflow: hidden; width: 80%; margin: 0 auto; color: #d22626; border-bottom: 1px dashed #ddd; }

#cxList .cxList_txt .t2 { padding: 8px 10px; margin: 5px 0; overflow: hidden; height: 45px; font-size: 14px; line-height: 25px; color: #666; }

#cxList .cxList_txt .t3 { padding: 0 10px; font-size: 10px; line-height: 30px; }

#cxList .cxList_txt .time { text-align: right; line-height: 20px; font-size: 12px; font-family: Arial, Helvetica, sans-serif !important; }

#cxList li .fa-angle-right { transition: all 0.3s; position: absolute; bottom: 0; right: 10px; background: #900; width: 40px; height: 30px; color: #fff; text-align: center; line-height: 30px; }

#cxList li:hover .fa-angle-right { background: #f60 !important; transform: translateX(10px); }

#dwonList { width: 100%; margin: 0 auto; font-size: 14px; }

#dwonList li { line-height: 40px; margin: 5px 0; position: relative; }

#dwonList li a { display: block; color: #000; background: #efefef; padding: 0 10px; }

#dwonList li a:hover { background: #127228; color: #FFF; }

.Dicon { position: absolute; right: 10px; top: 0; line-height: 40px; font-size: 18px; }

#proUL { text-indent: 0; overflow: hidden; text-align: center; }

#proUL li { float: left; width: 283px; height: 381px; text-align: center; margin: 8px; float: left; display: block; line-height: 30px; font-size: 15px; color: #000; overflow: hidden; background: #fff; position: relative; border: 1px solid #f1f1f1; }

#proUL li .img { width: 279px; height: 206px; background: #fff; border: 2px solid #f1f1f1; overflow: hidden; position: relative; }

#proUL li .img img { max-width: 279px; height: 206px; transition: all 0.3s; }

#proUL li .img:hover img { transform: scale(1.1); }

#proUL .p_txt { padding: 20px; }

#proUL .p_txt .p_title { font-size: 18px; color: #333333; height: 30px; line-height: 30px; overflow: hidden; font-weight: bold; text-align: center; }

#proUL .p_txt .p_cont { font-size: 14px; height: 60px; line-height: 30px; overflow: hidden; color: #888888; text-align: left; }

#proUL li .p_bt { width: 86px; height: 29px; display: inline-block; color: #fff; margin: 0 8px; }

#proUL li .p_bt1 { background: #b6b6b6; }

#proUL li .p_bt2 { background: #ff9900; }

#proUL li a:hover { background: #000; color: #fff; }

#pro_img_prev { position: absolute; top: 50%; left: 45px; margin-top: -40px; z-index: 9; }

#pro_img_next { position: absolute; top: 50%; right: 45px; margin-top: -40px; z-index: 9; }

#pro_img { width: 535px; height: 480px; float: left; overflow: hidden; text-align: center; }

#pro_txt { width: 320px; height: 480px; float: right; text-align: justify; }

#pro_price { color: #333; font-size: 14px; line-height: 50px; }

#pro_price span { color: #eb4d88; font-size: 30px; font-weight: 900; }

#pro_dec { line-height: 30px; height: 280px; overflow: hidden; padding: 10px 0; margin-bottom: 30px; }

#pro_tel_ewm { font-size: 18px; }

#pro_tel_ewm .pro_tel_ewm_tel { margin-left: 0; float: left; padding-top: 0px; color: #eb362d; font-weight: bold; }

#pro_tel_ewm .pro_tel_ewm_tel span { font-size: 20px; }

.pro_info_tit { width: 120px; height: 30px; background: #eb362d; font-family: 'Microsoft YaHei', arial; font-size: 16px; color: #fff; line-height: 30px; text-indent: 8px; border-radius: 20px; text-align: center; margin: 10px 0; }

.pbt a { width: 70px; height: 70px; background: rgba(70,185,51,0.5); display: block; color: #fff; font-size: 16px; font-weight: 900; line-height: 70px; }

.pbt a i { font-size: 30px !important; }

.pbt a:hover { border-radius: 50%; background: rgba(70,185,51,1); }

.shan { font-size: 20px; }

.p_name { font-weight: bold; }

.lx_list { position: relative; margin-bottom: 20px; }

.lxwm_ewm { position: absolute; top: 0; right: 0; text-align: center; }

.lx_name { font-size: 20px; position: relative; padding-bottom: 10px; }

.lx_name i { position: absolute; bottom: 0; left: 0; width: 86px; height: 4px; background: #415a78; display: block; }

/*INDEX*/




.share_to { display: inline-block; }

.share_to li { display: inline-block; margin: 0 10px 0 0; font-size: 14px; color: #FFF; }

.share_to li a { color: #FFF !important; }

.share_to li a:hover { color: #f00; }

.in_mid { width: 1200px; margin: 20px auto; }

#mid_tel { position: absolute; top: 20px; line-height: 30px; right: 20px; font-size: 16px; color: #ff9900; text-align: left; }

#mid_tel h1 { font-size: 30px; font-family: "impact"; color: #ff9900; font-weight: normal; }

#mid_tel a { width: 30px; height: 30px; border-radius: 50%; color: #fff; display: inline-block; text-align: center; line-height: 30px; margin-left: 5px; }

#in_hzkh_w { width: 100%; padding: 20px 0 40px 0; background: #fff; position: relative; }

#in_hzkh { width: 1200px; margin: 0 auto; position: relative; z-index: 99; }

#in_left_box { width: 250px; float: left; background: #f1f1f1; overflow: hidden; }

.in_lf_title { height: 77px; text-align: center; line-height: 77px; background: #eb362d; color: #fff; }

.in_lf_title h1 { font-size: 24px; color: #fff; }

.in_lf_box { }

.in_list { width: 90%; margin: 0 auto; padding: 5px 0; }

.in_list .nav { overflow: hidden; font-size: 15px; margin: 5px 0; }

.in_list .nav a { color: #fff; background: #eb362d; text-align: center; line-height: 35px; height: 35px; overflow: hidden; display: block; position: relative; }

.in_list .nav a:hover { background: #ff9900; color: #fff; font-weight: bold; }

#in_right_box { width: 911px; float: right; height: 1050px; overflow: hidden; }

#in_ys_box { width: 100%; height: 1482px; background: url(../images/in_ys.jpg) top center no-repeat #eb362d; }

#in_ys { width: 1200px; height: 1300px; margin: 0 auto; position: relative; }

#in_ys dl h1 { font-size: 29px; }

#in_ys dl span { font-size: 11px; text-transform: uppercase; }

#in_ys dl dt { margin-bottom: 10px; }

#in_ys dl dd { margin-left: -8px; font-size: 16px; line-height: 34px; background: url(../images/ys_icon.png) left top no-repeat; padding-left: 34px; }

#in_ys .ys_1,
#in_ys .ys_2,
#in_ys .ys_3 { color: #fff; }

#in_ys .ys_1 dt span,
#in_ys .ys_2 dt span,
#in_ys .ys_3 dt span { color: #444; }
 #in_ys .ys_4, #in_ys .ys_5, {
color: #333333;
}

#in_ys .ys_4 dt span,
#in_ys .ys_5 dt span { color: #d6d6d6; }

#in_ys ul li { position: absolute; }

#in_ys .ys_1 { width: 650px; top: 273px; left: 163px; }

#in_ys .ys_2 { width: 510px; top: 510px; left: 660px; }

#in_ys .ys_3 { width: 650px; top: 750px; left: 163px; }

#in_ys .ys_4 { width: 660px; top: 1000px; left: 650px; }

#in_ys .ys_5 { width: 710px; top: 1260px; left: 150px; }

.ys_4 dl dd { font-size: 14px !important; line-height: 24px !important; padding-left: 30px !important; background: url(../images/ys_icon0.png) left top no-repeat !important; }

.in_box_w { width: 100%; padding: 0; }

.in_box { width: 1200px; margin: 50px auto; }

#in_gsjj { width: 870px; height: 330px; float: left; }

.in_gsjj_title { height: 46px; line-height: 46px; padding-right: 0; background: url(../images/in_gsjj_title.jpg) center no-repeat; position: relative; text-align: right; }

.in_gsjj_title a { color: #3a3a3a; }

.in_gsjj_title a:hover { color: #f00; }

.in_gs_pic { float: left; margin-right: 10px; width: 301px; height: 224px; float: left; border: 5px solid #eeeeee; }

.in_txt { margin-top: 20px; }

.in_cont { width: 530px; height: 334px; float: right; overflow: hidden; }

.in_gs_txt { width: 100%; height: 180px; margin-bottom: 10px; overflow: hidden; }

.in_gsjj_link a { width: 113px; height: 41px; text-align: center; line-height: 41px; display: inline-block; margin: 0 5px 0 0; font-size: 18px; color: #fff; }

.in_gsjj_link .bt1 { background: #eb362d; }

.in_gsjj_link .bt2 { background: #3a3a3a; }

.in_gsjj_link a:hover { background: #eb362d; }

/*.in_gsjj_link .bt1 { background: #eb362d; }
.in_gsjj_link .bt2 { background: #f5b300; }
.in_gsjj_link a:hover{ background: #3a3a3a;}*/





#in_honor { width: 290px; height: 305px; float: right; background: #163861; background: url(../images/honorBg.jpg); margin-right: 19px; }

.in_honor_pic { padding: 20px; }

.in_honor_title { height: 46px; line-height: 46px; text-align: left; }

.in_box_wrap { background: #eeeeee; padding: 20px 0; }

.in_pic_w { background: #fff; padding: 26px 41px; width: 1120px; height: 270px; margin: 0 auto; }

.in_list_w { width: 1200px; height: 457px; margin: 0 auto; }

#in_news { width: 870px; height: 457px; float: left; background: #fff; }

.in_newslist_pic li { width: 100%; height: 160px; overflow: hidden; }

.news_box { width: 100%; height: 160px; }

.news_box a { display: block; width: 100%; }

.news_box a:hover { color: #ff9900; }

.news_box .news_pic { width: 193px; height: 145px; float: left; }

.news_box .news_txt { width: 580px; height: 145px; float: right; }

.news_box .news_tit { height: 30px; line-height: 30px; font-size: 16px; position: relative; font-weight: bold; text-align: justify; color: #eb362d; }

.news_box .news_con { font-size: 14px; height: 100px; overflow: hidden; line-height: 26px; color: #888888; margin: 5px 0; text-align: justify; }

.in_newslist { width: 100%; height: 150px; }

.in_newslist li { width: 395px; height: 40px; line-height: 40px; position: relative; margin: 8px 0; }

.in_newslist li a { color: #565656; padding: 0 15px; display: block; border: 2px solid #ccc; position: relative; }

.in_newslist li a:hover { background: #eb362d; padding: 0 10px; color: #fff; border: 2px solid #eb362d; }

.Newstime { position: absolute; right: 10px; top: 0; line-height: 40px; }

#in_cjwt { width: 290px; height: 457px; background: #fff; float: right; }

#in_cjwt .in_cjwt_title { padding: 20px; color: #eb362d; text-align: left; font-size: 20px; }

#in_cjwt .wen { width: 100%; height: 30px; line-height: 30px; overflow: hidden; }

#in_cjwt .da { width: 100%; height: 50px; line-height: 25px; margin: 10px 0; overflow: hidden; }

#in_cjwt .wen span { background: #eb362d; padding: 5px; color: #fff; }

#in_cjwt .da span { background: #ff9900; padding: 5px; color: #fff; }

#in_cjwt .indexNews li { border-bottom: 1px #ccc dashed; padding: 10px 0; transition: all 0.3s; }

#in_cjwt .indexNews li { margin: 0 auto; height: 95px; line-height: 30px; position: relative; margin-bottom: 10px; }

#in_cjwt .indexNews li a { color: #333333; display: block; }

#in_cjwt .indexNews li a:hover { background-color: #fff; }

#in_cjwt .indexNews li:hover { box-shadow: 0 0 3px #000; border-bottom: 2px #fff solid; padding: 10px; }

#in_cjwt .wen { width: 100%; height: 30px; line-height: 30px; overflow: hidden; }

#in_cjwt .da { width: 100%; height: 50px; line-height: 25px; margin: 10px 0; overflow: hidden; color: #555555; }

#in_cjwt .wen span { background: #f5b300; padding: 5px; color: #fff; border-radius: 5px; }

#in_cjwt .da span { background: #eb362d; padding: 5px; color: #fff; border-radius: 5px; }

.search { height: 43px; width: 302px; position: absolute; top: 23px; right: 0; }

.search .in_text { background: url(../images/search_bg.gif) no-repeat scroll 0 0; border: medium none; color: #999999; float: left; height: 33px; padding: 5px; width: 240px; }

.search .so { background: url(../images/search_bg.gif) no-repeat scroll -252px 0; border: medium none; float: right; font-size: 0; height: 43px; line-height: 0; text-indent: -9999px; width: 52px; cursor: pointer; }

.keywords { color: #666666; display: inline; float: left; padding-top: 4px; }

.keywords a { color: #666666; padding: 0 9px; }

/*css manu style pagination*/




.manu { padding: 10px; text-align: center; }

.manu a { border: #eee 1px solid; padding: 10px; color: #111; text-decoration: none; }

.manu a:hover { border: #999 1px solid; color: #666; }

.manu a:active { border: #999 1px solid; color: #666; }

.manu .current { border: #eb362d 1px solid; padding: 10px 15px; margin: 2px; color: #fff; background-color: #eb362d; }

.manu .disabled { border: #eee 1px solid; padding: 10px 15px; margin: 2px; color: #ddd; }

.g2 { width: 911px; height: 935px; overflow: hidden; margin: 20px auto; }

.g2 ul li { width: 911px; height: 280px ; margin: 10px 0; display: inline-block; float: left; line-height: 40px; text-align: center; font-size: 16px; color: #000;   }

.g2 ul li span { font-size: 14px; color: #000; }

.g2 ul li a { color: #000; display: inline-block; width: 285px; height: 260px; margin: 0 5px; vertical-align:top}

.g2 ul li a:hover { background: #ff9900; color: #fff; }

.g2 ul li .img { width: 279px; height: 206px; display: block; border: 3px solid #f1f1f1; }

.g2 ul li a:hover .img { border: 3px solid #f90; background: #fff; }

.g2 ul li .img img { max-width: 279px; height: 206px; }

.g2 ul li .gd_title { line-height: 20px; font-size: 14px;  width: calc(100% - 20px); padding-top:5px;  }

.g2 ul li .gd_title font{height: 42px !important; padding: 10px 10px 5px 10px}

.tejia_con3 a img { width: 286px; height: 212px; overflow: hidden; transition: all 0.3s; }

.tejia_con3 ul li { width: 286px; padding: 0 7px; height: 260px; float: left; }

.tejia_con3 ul li a { text-align: center; position: relative; }

.tejia_con3 ul { width: 999999px; position: absolute; }

.tejia_con3 { position: relative; width: 1200px; height: 260px; overflow: hidden; }

.tejia_cc3 { position: relative; width: 1200px; height: 260px; margin: 20px auto; overflow: hidden; }

.tejia_cc3 .gd_title { text-align: center; height: 35px; background: #fff; padding-top: 8px; transition: all 0.3s; }

.tejia_con3 a:hover .gd_title { padding: 5px 0; background: #ff9900; color: #fff !important; }

.tejia_con3 a:hover img { }

.tejia_con img { max-width: 213px; height: 172px; vertical-align: top; }

.tejia_con ul li { width: 213px; height: 210px; float: left; line-height: 40px; }

.tejia_con ul li a { width: 213px; margin: 0 auto; overflow: hidden; height: 210px; display: block; overflow: hidden; position: relative; text-align: center; color: #fff; }

.tejia_con ul li a:hover { color: #ff0; }

.tejia_con ul { width: 9999px; position: absolute; }

.tejia_con { position: relative; width: 213px; height: 210px; overflow: hidden; }

.tejia_cc { position: relative; width: 213px; height: 210px; margin: 10px auto; }

.aleft_l2 { position: absolute; left: -19px; top: 70px; font-size: 20px; width: 30px; height: 30px; line-height: 28px; text-align: center; background-color: #f5b300; border-radius: 50%; }

.aright_r2 { position: absolute; right: -19px; top: 70px; font-size: 20px; width: 30px; height: 30px; line-height: 28px; text-align: center; background-color: #f5b300; border-radius: 50%; }

.aleft_l2 i,
.aright_r2 i { color: #fff; }

.aleft_l2:hover i,
.aright_r2:hover i { color: #fff; }