* { margin: 0px; padding: 0px; }
div, form, img, ul, ol, li, dl, dt, dd, map { padding: 0px; margin: 0px; border: 0px none; }
h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; }
body { margin: 0px; padding: 0px; font-size: 14px; color: rgb(49, 49, 49); font-family: "微软雅黑",Arial,Helvetica,sans-serif,"宋体"; background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
ul, li { list-style: outside none none; }
.clear { clear: both; }
a { color: rgb(49, 49, 49); text-decoration: none; }
a:hover { color: rgb(0, 124, 194); text-decoration: none; }
img { border: medium none; }
hr { line-height: 0px; font-size: 0px; border: medium none; height: 1px; width: 100%; margin: 5px 0px; }
div { margin: 0px auto; }
.f_l { float: left; }
.f_r { float: right; }
input, select { font-family: arial,Helvetica,sans-serif; padding: 1px; }
.blank { width: 100%; height: 10px; clear: both; overflow: hidden; }
.blank20 { width: 100%; height: 20px; clear: both; overflow: hidden; }
.mt10 { margin-top: 10px; }
.hide { display: none; }
.red { color: rgb(255, 0, 0); }
.blue { color: rgb(0, 0, 255); }
.gray { color: rgb(204, 204, 204); }
.noInfo { width: 100%; float: left; padding: 10px 0px; text-align: center; }
.input_submit { width: 77px; height: 41px; float: left; background: rgba(0, 0, 0, 0) url("../search.png") no-repeat scroll left top; text-align: center; line-height: 41px; color: rgb(255, 255, 255); border: 0px none; cursor: pointer; }
.float_bg { background: rgba(0, 0, 0, 0) url("../qq_3.gif") repeat-y scroll left top; width: 118px; padding: 2px 0px; float: left; }
.f_list { width: 100%; float: left; margin: 5px auto; clear: both; }
.f_list span { float: left; width: 80px; }
.block { width: 1000px; margin: 0px auto; }
p { margin: 0px 0px 10px; }
.main { width: 100%; float: left; padding: 40px 0px; }
.ur_here { float: right; }
.ur_here ul {  }
.ur_here ul i { float: left; font-size: 20px; color: rgb(0, 140, 214); line-height: 20px; margin-right: 5px; display: none; }
.ur_here ul li { float: left; line-height: 20px; font-size: 14px; color: rgb(102, 102, 102); margin: 0px 3px; }
.ur_here ul li a { font-size: 12px; color: rgb(102, 102, 102); }
.ur_here ul li a:hover { color: rgb(255, 156, 0); }
#header { float: left; width: 100%; }
.header_index { /*position: absolute;*/ top: 0px; z-index: 2; }
#logo2 { display: none; }
#logo { float: left; }
#logo img { height: 70px; margin: 25px 0px; }
#tel { float: right; margin-top: 22px; padding-left: 26px; background: rgba(0, 0, 0, 0) url("../tel.png") no-repeat scroll left 24px; }
#tel .a { display: block; font-size: 14px; color: rgb(102, 102, 102); line-height: 14px; }
#tel .b { display: block; font-size: 24px; color: rgb(0, 124, 194); line-height: 19px; font-weight: bold; margin-top: 8px; }
#tel .c { margin-top: 11px; }
.language { float: right; width: 120px; height: 48px; line-height: 48px; font-size: 14px; color: rgb(255, 255, 255); text-align: center; background: rgb(0, 124, 194) none repeat scroll 0% 0%; }
.language a { color: rgb(255, 255, 255); }
.language a:hover { color: rgb(241, 168, 10); }
#navigate { float: left; width: 100%; background: rgba(17, 138, 207, 0.88) none repeat scroll 0% 0%; text-align: center; border-top-left-radius: 3px; border-top-right-radius: 3px; }
#navigate ul li { float: left; position: relative; z-index: 1000; }
#navigate ul li.first_menu {  }
#navigate ul li a { display: block; line-height: 48px; height: 48px; color: rgb(255, 255, 255); font-size: 16px; padding: 0px 43px; transition: all 0.3s ease 0s; }
#navigate ul li a:hover, #navigate ul li .current { background: rgb(241, 168, 10) none repeat scroll 0% 0%; }
#navigate ul li .drop_menu {display: none; width: 100%; position: absolute; left: 0px; top: 48px; display: none; text-align: center; background: rgb(255, 156, 0) none repeat scroll 0% 0%; z-index: 2; border-radius: 3px; }
#navigate ul li .drop_menu li { float: left; width: 100%; height: auto; }
#navigate ul li:nth-child(3) .drop_menu li { /*width: 270px;*/ }
#navigate ul li .drop_menu li a { display: block; height: auto; line-height: 22px; font-size: 14px; color: rgb(255, 255, 255); padding: 5px 0; text-align: center; transition: all 0.2s ease-in-out 0s; }
#navigate ul li .drop_menu li a:hover { background: rgb(245, 245, 245) none repeat scroll 0% 0%; color: rgb(0, 124, 194); }
#mobile_nav { display: none; }
#banner { width: 100%; float: left; }
#banner img { width: 100%; height: auto; }
.banner_img { float: left; width: 100%; background-size: cover !important; height: 300px; }
#flash { width: 100%; float: left; }
#adBox { display: none; }
.slideBox { position: relative; overflow: hidden; background: rgb(0, 0, 0) none repeat scroll 0% 0%; }
.slideBox .bd { position: relative; z-index: 0; margin: 0px auto; }
.slideBox .bd li { position: relative; text-align: center; }
.slideBox .bd li img { width: 100%; }
.slideBox .hd { width: 100%; position: absolute; z-index: 1; bottom: 10px; left: 0px; height: 12px; line-height: 12px; }
.slideBox .hd ul { text-align: center; }
.slideBox .hd ul li { cursor: pointer; display: inline-block; width: 12px; height: 12px; margin: 0px 5px; overflow: hidden; background: rgb(255, 255, 255) none repeat scroll 0% 0%; line-height: 999px; border-radius: 50%; }
.slideBox .hd ul .on { background: rgb(255, 156, 0) none repeat scroll 0% 0%; }
.slideBox .prev { position: absolute; left: 10px; top: 50%; margin-top: -37.5px; display: none; width: 49px; height: 75px; background: rgba(0, 0, 0, 0) url("../left.png") no-repeat scroll left top; cursor: pointer; }
.slideBox .next { position: absolute; right: 10px; top: 50%; margin-top: -37.5px; display: none; width: 49px; height: 75px; background: rgba(0, 0, 0, 0) url("../right.png") no-repeat scroll left top; cursor: pointer; }
.slideBox:hover .prev, .slideBox:hover .next { display: block; }
.bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0) url("../bg.png") no-repeat scroll center top; }
#pro { float: left; width: 100%; padding: 60px 0px 20px; }
.home_top { float: left; width: 100%; }
.home_top span { float: left; width: 100%; font-size: 16px; color: rgb(153, 153, 153); line-height: 16px; text-transform: uppercase; }
.home_top h3 { float: left; width: 100%; font-size: 36px; color: rgb(23, 21, 20); line-height: 36px; font-weight: bold; margin-top: 18px; }
.home_top h3 a { float: right; width: 136px; height: 36px; line-height: 36px; font-size: 14px; color: rgb(153, 153, 153); font-weight: normal; border: 1px solid rgb(153, 153, 153); text-align: center; position: relative; transition: all 0.3s ease 0s; }
.home_top h3 a::before { content: ""; display: block; width: 80px; height: 1px; background: rgb(153, 153, 153) none repeat scroll 0% 0%; position: absolute; left: -40px; top: 50%; }
.home_top h3 a:hover { background: rgba(17, 138, 207, 0.88) none repeat scroll 0% 0%; border: 1px solid rgba(17, 138, 207, 0.88); color: rgb(255, 255, 255); }
.home_top h3 a:hover::before { background: rgb(0, 124, 194) none repeat scroll 0% 0%; }
.pro_class { float: left; width: 100%; margin-top: 10px; }
.pro_class_row { margin-left: -10px; margin-right: -10px; }
.pro_class ul { float: left; width: 100%; }
.pro_class ul li { display: inline-block; line-height: 46px; font-size: 16px; color: rgb(51, 51, 51); margin: 0px 10px; }
.pro_class ul li a { display: inline-block; color: rgb(51, 51, 51); border-bottom: 2px solid rgb(255, 255, 255); }
.pro_class ul li a:hover { color: rgb(0, 124, 194); border-bottom: 2px solid rgb(0, 124, 194); }
.pro_con { float: left; width: 100%; margin-top: 42px; }
.pro_con_row { margin-left: -20px; margin-right: -20px; }
.pro_item { float: left; width: 33.333%; padding: 0px 20px; margin-bottom: -2px; text-align:center; }
.pro_item_img { float: left; width: 100%; overflow: hidden; }
.pro_item_img a { display: block; width: 100%; padding-bottom: 66.66%; background-size: cover !important; transition: all 1s ease 0s; }
.pro_item_title, .pro_item_des { float: left; width: 100%; height: 28px; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 30px; }
.pro_item_title a { font-size: 18px; color: rgb(51, 51, 51); font-weight: bold; }
.pro_item_des { font-size: 14px; color: rgb(153, 153, 153); margin-top: 0px; }
.pro_item:hover .pro_item_title a { color: rgb(0, 124, 194); }
.pro_item:hover .pro_item_img a { transform: scale(1.2, 1.2); }
.pro_class2 { display: none; }
#case { float: left; width: 100%; background: rgb(240, 240, 240) none repeat scroll 0% 0%; padding: 50px 0px; }
.case_con { float: left; width: 100%; margin-top: 50px; }
.case_con_row { margin-left: -20px; margin-right: -20px; }
.case_item { float: left; width: 25%; padding: 0px 20px; margin-bottom: 25px; }
.case_item_box { float: left; width: 100%; overflow: hidden; border-bottom: 1px solid rgb(204, 204, 204); }
.case_item_img { float: left; width: 100%; overflow: hidden; }
.case_item_img a { display: block; width: 100%; padding-bottom: 62.9%; background-size: cover !important; transition: all 1s ease 0s; }
.case_item_title { float: left; width: 100%; height: 28px; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 20px; }
.case_item_title a { font-size: 18px; color: rgb(51, 51, 51); font-weight: bold; }
.case_item_des { float: left; width: 100%; font-size: 14px; color: rgb(153, 153, 153); line-height: 24px; margin: 12px 0px 23px; height: 72px; overflow: hidden; }
.case_item:hover .case_item_img a { transform: scale(1.2, 1.2); }
.case_item:hover .case_item_title a { color: rgb(0, 124, 194); }
#news { float: left; width: 100%; padding: 60px 0px 80px; }
.news_con { float: left; width: 100%; margin-top: 40px; overflow: hidden; }
.news_con_row { margin-left: -33px; margin-right: -33px; }
.news_item { float: left; width: 33.333%; padding: 23px 33px 19px; border-bottom: 1px solid rgb(217, 217, 217); }
.news_item_time { float: left; width: 100%; font-size: 14px; color: rgb(102, 102, 102); line-height: 24px; }
.news_item_title { float: left; width: 100%; height: 30px; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news_item_title a { font-size: 18px; color: rgb(23, 21, 20); }
.news_item_title a:hover { color: rgb(0, 124, 194); }
.news_item_des { float: left; width: 100%; font-size: 14px; color: rgb(102, 102, 102); line-height: 24px; height: 48px; overflow: hidden; }
#footer { float: left; width: 100%; }
#footer a:hover { color: rgb(241, 168, 10); }
#footer1 { float: left; width: 100%; background: rgb(237, 237, 237) none repeat scroll 0% 0%; padding: 37px 0px 42px; }
#footer2 { float: left; width: 100%; background: rgb(51, 51, 51) none repeat scroll 0% 0%; padding: 20px 0px; }
.footer1_item {  }
.footer1_item_top { float: left; line-height: 59px; font-size: 36px; color: rgb(19, 19, 19); font-weight: bold; margin-top: 10px; padding-left: 75px; }
.f1 { background: rgba(0, 0, 0, 0) url("../f1.png") no-repeat scroll left center / contain ; }
.f2 { background: rgba(0, 0, 0, 0) url("../f2.png") no-repeat scroll left center / contain ; }
.footer1_item_con { float: left; width: 320px; padding-left: 20px; }
.footer1_item_con span { display: block; font-size: 16px; color: rgb(19, 19, 19); line-height: 26px; }
.footer1_item_con span font { color: rgb(0, 124, 194); font-size: 16px; font-weight: bold; }
#footNav { clear: both; float: left; }
#footNav ul { float: left; }
#footNav ul li { float: left; font-size: 14px; color: rgb(153, 153, 153); line-height: 30px; }
#footNav ul li a { color: rgb(153, 153, 153); margin: 0px 24px; }
#footNav ul li:first-child a { margin-left: 0px; }
#copyright { float: left; font-size: 14px; color: rgb(153, 153, 153); line-height: 30px; }
#copyright a { color: rgb(153, 153, 153); }
#link { float: left; width: 100%; font-size: 14px; color: rgb(153, 153, 153); line-height: 30px; }
#link ul { width: 100%; }
#link ul li { display: inline-block; line-height: 30px; margin: 0px 5px; }
#link ul li a { font-size: 14px; color: rgb(153, 153, 153); }
#left { width: 260px; float: left; }
.left_list { width: 100%; float: left; box-shadow: 0px 0px 5px rgb(204, 204, 204); }
.left_top { width: 100%; height: 55px; line-height: 55px; float: left; background: rgb(0, 124, 194) none repeat scroll 0% 0%; }
.left_top h3 { float: left; line-height: 55px; font-size: 20px; font-family: "微软雅黑"; color: rgb(255, 255, 255); padding-left: 22px; }
.left_con { padding: 0px; line-height: 24px; width: 100%; background: rgb(255, 255, 255) none repeat scroll 0% 0%; float: left; border-width: medium 1px 1px; border-style: none solid solid; border-color: currentcolor rgb(229, 229, 229) rgb(229, 229, 229); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; }
.type_list { width: 100%; float: left; }
.type_list ul { margin: 0px; padding: 0px; list-style-type: none; }
.type_list li { margin: 0px; padding: 0px; list-style-type: none; height: 43px; line-height: 43px; border-bottom: 1px solid rgb(229, 229, 229); overflow: hidden; }
.type_list li a { color: rgb(49, 49, 49); margin: 0px 22px; background: rgba(0, 0, 0, 0) url("../left_0.png") no-repeat scroll right center; font-size: 14px; display: block; }
.type_list li a:hover { color: rgb(0, 124, 194); background: rgba(0, 0, 0, 0) url("../left_0.png") no-repeat scroll right center; }
.type_list li a.current { color: rgb(0, 124, 194); background: rgba(0, 0, 0, 0) url("../left_0.png") no-repeat scroll right center; }
.type_list li.second_cat {  }
.type_list li.second_cat a { background: rgba(0, 0, 0, 0) url("../left_2.png") no-repeat scroll left center; padding: 0px 10px; }
.type_list li.second_cat a:hover { background: rgba(0, 0, 0, 0) url("../left_4.png") no-repeat scroll left center; }
.type_list li.second_cat a.current { background: rgba(0, 0, 0, 0) url("../left_4.png") no-repeat scroll left center; }
.mar-top { margin: 25px 0px; }
.left_contact { float: left; width: 100%; padding: 22px; font-size: 13px; }
.left_contact p { margin: 0px 0px 3px; }
#right { width: 880px; float: right; }
#right_top { float: left; width: 100%; padding-bottom: 5px; border-bottom: 2px solid rgb(0, 124, 194); }
#right_top h3 { float: left; font-size: 16px; line-height: 25px; font-weight: bold; }
#right_top h3::before { content: ""; float: left; display: block; width: 4px; height: 18px; background: rgb(255, 156, 0) none repeat scroll 0% 0%; margin-right: 10px; margin-top: 3px; }
#right_con { width: 100%; float: left; padding: 20px 0px 0px; line-height: 200%; overflow: hidden; min-height: 300px; height: auto !important; }
#right_con img { max-width: 100%; height: auto; }
.padding-10 { float: left; width: 100%; padding: 0px 10px; overflow: hidden; }
.art_list { width: 100%; float: left; padding: 28px 0px 35px; border-top: 1px dashed rgb(219, 219, 219); }
.art_list:first-child { border-top: medium none; }
.art_img { float: left; width: 152px; }
.art_img img { width: 100%; }
.art_img a { display: block; width: 100%; padding-bottom: 70%; background-size: cover !important; }
.art_right { margin-left: 87px; }
.art_title { height: 24px; line-height: 24px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: -4px; }
.art_title a:hover { text-decoration: underline; }
.art_time { font-size: 14px; color: rgb(153, 153, 153); line-height: 20px; }
.art_time { float: left; width: 67px; height: 70px; padding: 10px 0px; background: rgb(242, 242, 242) none repeat scroll 0% 0%; text-align: center; color: rgb(102, 102, 102); }
.art_time .day { display: block; font-size: 24px; line-height: 24px; font-weight: bold; padding: 2px 0px 5px; }
.art_time .month-year { display: block; font-size: 12px; line-height: 20px; }
.art_des { font-size: 14px; color: rgb(119, 119, 119); line-height: 24px; margin-top: 5px; height: 48px; overflow: hidden; }
.articleList { width: 100%; float: left; margin-top: -10px; }
.articleList ul { margin: 0px; padding: 0px; list-style-type: none; }
.articleList li { margin: 0px; padding: 0px 0px 0px 10px; list-style-type: none; border-bottom: 1px dotted rgb(204, 204, 204); background: rgba(0, 0, 0, 0) url("../li_0.png") no-repeat scroll left center; line-height: 35px; }
.time { float: right; }
.articleTitle { font-weight: bold; font-size: 20px; color: rgb(90, 90, 90); text-align: center; line-height: 50px; }
.articleAuthor { text-align: center; padding: 0px 0px 10px; border-bottom: 1px solid rgb(204, 204, 204); }
.articleAuthor span { margin: 0px 6px; font-size: 14px; color: rgb(153, 153, 153); }
.articleInfo { width: 100%; padding: 25px 0px; line-height: 200%; min-height: 250px; }
.articleInfo img { max-width: 100%; }
.pageUpDown { padding-top: 10px; text-align: left; line-height: 30px; font-size: 16px; color: rgb(51, 51, 51); }
.productList { float: left; width: 100%; }
.pro_list { float: left; width: 33.333%; padding: 0px 10px; text-align: center; margin-bottom: 10px; }
.pro_list_img { float: left; width: 100%; overflow: hidden; }
.pro_list_img a { display: block; width: 100%; padding-bottom: 66.66%; background-size: cover !important; transition: all 1s ease 0s; }
.pro_list_title { float: left; width: 100%; height: 35px; line-height: 35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pro_list_title a { font-size: 14px; color: rgb(51, 51, 51); }
.pro_list:hover .pro_list_img a { transform: scale(1.2, 1.2); }
.pro_list:hover .pro_list_title a { color: rgb(0, 124, 194); }
.productTitle { line-height: 45px; font-weight: bold; text-align: left; font-size: 18px; color: rgb(0, 124, 194); border-bottom: 1px dashed rgb(208, 208, 208); margin: 0px 0px 0px 370px; }
.productDes { text-align: left; font-size: 14px; color: rgb(153, 153, 153); line-height: 30px; margin: 10px 0px 0px 370px; }
.productImg { width: 350px; text-align: center; float: left; margin: 10px 0px; }
.productImg img { width: 100%; border: 1px solid rgb(217, 217, 217); }
.productBuy { width: 100%; text-align: center; float: left; margin: 10px auto; }
.productBuy a { margin: 0px 10px; }
.title { width: 100%; float: left; margin: 10px 0px 0px; border-bottom: 1px solid rgb(204, 204, 204); line-height: 40px; }
.title span { font-size: 14px; font-weight: bold; }
.productDesc { line-height: 200%; padding: 10px 0px; width: 100%; float: left; }
.pages { float: left; width: 100%; margin: 30px 0px 0px; font-size: 14px; text-align: center; }
.pages li { display: inline-block; }
.pages a { display: block; line-height: 22px; font-size: 14px; color: rgb(153, 153, 153); padding: 0px 8px; border-radius: 11px; margin: 0px 7px; }
.pages a:hover { background: rgb(255, 168, 0) none repeat scroll 0% 0%; color: rgb(255, 255, 255); }
.pages li.active a { background: rgb(255, 168, 0) none repeat scroll 0% 0%; color: rgb(255, 255, 255); }
.f_list { width: 100%; float: left; margin: 5px auto; clear: both; }
.f_list .fl_l { float: left; width: 20%; text-align: right; }
.f_list .fl_r { float: left; width: 80%; }
.input_text { width: 90%; border: 1px solid rgb(204, 204, 204); line-height: 24px; border-radius: 5px; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); }
.w100 { width: 100px; }
#toolbar2 { display: none; }
#toolbar { width: 68px; position: fixed; right: 0px; top: 50%; margin-top: -136px; z-index: 1000000; }
#toolbar ul {  }
#toolbar li { width: 68px; height: 68px; float: left; margin: 4px 0px; position: relative; }
#toolbar li .t_item { width: 68px; height: 68px; background: rgb(247, 152, 0) none repeat scroll 0% 0%;  background: rgb(0, 124, 194) none repeat scroll 0% 0%; text-align: center; line-height: 68px; display: block; border-radius: 5px 0px 0px 5px; color: rgb(255, 255, 255); text-decoration: none; position: absolute; left: 0px; top: 0px; z-index: 2; }
#toolbar li a.t_item:hover, #toolbar li a.cur { background: rgb(33, 32, 33) none repeat scroll 0% 0%; }
.tool_qq { position: absolute; left: -118px; top: 0px; width: 118px; padding: 0px 10px 0px 0px; display: none; }
.tool_qq_con { width: 108px; padding: 10px 0px; float: left; border: 1px solid rgb(247, 152, 0); background: rgb(255, 255, 255) none repeat scroll 0% 0%; text-align: center; }
.tool_tel { width: 170px; height: 68px; background: rgb(33, 32, 33) none repeat scroll 0% 0%; position: absolute; left: 0px; top: 0px; line-height: 68px; font-size: 18px; color: rgb(255, 255, 255); padding: 0px 0px 0px 10px; white-space: nowrap; border-radius: 5px 0px 0px 5px; }
.tool_weixin { position: absolute; top: 0px; width: 118px; left: -118px; padding: 0px 10px 0px 0px; display: none; }
.t_wx_con { width: 108px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 1px solid rgb(247, 152, 0); padding: 3px; text-align: center; font-size: 14px; line-height: 22px; }
.t_wx_con img { width: 100px; height: 100px; }
.t1 i { width: 68px; height: 68px; background: rgba(0, 0, 0, 0) url("../u1.png") no-repeat scroll center center; display: block; }
.t2 i { width: 68px; height: 68px; background: rgba(0, 0, 0, 0) url("../u2.png") no-repeat scroll center center; display: block; }
.t3 i { width: 68px; height: 68px; background: rgba(0, 0, 0, 0) url("../u3.png") no-repeat scroll center center; display: block; }
.t4 i { width: 68px; height: 68px; background: rgba(0, 0, 0, 0) url("../u4.png") no-repeat scroll center center; display: block; }
.t5 i { width: 68px; height: 68px; background: rgba(0, 0, 0, 0) url("../u5.png") no-repeat scroll center center; display: block; }
@media screen and (min-width: 1300px) {
  .container { width: 1220px; }
  #right { width: 900px; }
}
@media screen and (min-width: 1600px) {
  .container { width: 1320px; }
  #right { width: 1000px; }
}
@media screen and (min-width: 1720px) {
  .container { width: 1420px; }
  #right { width: 1100px; }
}
@media screen and (max-width: 1300px) {
  .banner_img { height: 250px; }
  #logo img { height: 55px; margin: 20px 0px; }
  #tel { margin-top: 15px; background-size: 15px auto; }
  #tel .b { font-size: 18px; }
  #tel .c { margin-top: 5px; }
  #navigate ul li a { padding: 0px 25px; }
  #left { width: 22%; }
  #right { width: 75%; }
  .type_list li a.current::before { left: 20px; }
  .home_top h3 { font-size: 30px; line-height: 30px; }
  .home_top h3 a { height: 30px; line-height: 30px; }
  .pro_class { margin-top: 20px; }
  .pro_class ul li { font-size: 14px; line-height: 36px; }
  .pro_con { margin-top: 20px; }
  .footer1_item_top { font-size: 24px; line-height: 45px; padding-left: 55px; }
  .footer1_item_con span { font-size: 14px; }
}
@media screen and (max-width: 992px) {
  #logo img { height: 45px; }
  .banner_img { height: 200px; }
  #navigate ul li a { padding: 0px 15px; font-size: 14px; }
  #navigate ul li .drop_menu li a { font-size: 12px; }
  #tel { display: none; }
  #left { width: 100%; }
  #right { width: 100%; }
  #footNav { display: none; }
  #copyright { width: 100%; text-align: center; }
  #footer1 { padding: 25px 0px 20px; }
  .footer1_item { float: left; width: 100%; margin-bottom: 15px; }
  .footer1_item_top { font-size: 20px; line-height: 30px; padding-left: 35px; }
  .footer1_item_con { padding-left: 35px; }
  .home_top span { display: none; }
  .home_top h3 { font-size: 24px; line-height: 24px; margin-top: 0px; }
  .home_top h3 a { font-size: 12px; height: 24px; line-height: 24px; }
  .news_con_row { margin-left: -10px; margin-right: -10px; }
  .news_item { width: 100%; padding: 23px 10px 19px; }
  .news_item:nth-child(4) { border-bottom: medium none; }
  .news_item:nth-child(5), .news_item:nth-child(6), .news_item:nth-child(7), .news_item:nth-child(8), .news_item:nth-child(9) { display: none; }
  .case_item { width: 50%; }
  .pro_con_row { margin-left: -10px; margin-right: -10px; }
  .pro_item { padding: 0px 10px; }
}
@media screen and (max-width: 760px) {
 
  .bg { display: none; }
  .banner_img { height: 150px; }
  #slideBox { display: none; }
  #adBox { display: block; }
  .slideBox .prev, .slideBox .next { display: none; }
  .slideBox .hd ul li { width: 10px; height: 10px; }
  .main { padding: 25px 0px; }
  .main_list { display: none; }
  .articleAuthor span { font-size: 12px; margin: 0px 4px; }
  .articleTitle { line-height: 30px; font-size: 16px; }
  .productTitle { font-size: 16px; }
  .pro_class2 { display: block; }
  #left { display: none; }
  #right_con { padding: 10px 0px 0px; }
  .productList { margin-top: 10px; }
  .ur_here { float: left; display: none; }
  .ur_here ul i { display: block; }
  .ur_here ul li:nth-child(2) { display: none; }
  .productTitle, .articleTitle { margin-top: 15px; }
  .productImg { width: 100%; }
  .productTitle { margin: 0px; padding: 0px 5px; }
  .productDes { margin: 10px 0px 0px; padding: 0px 5px; }
  .title { padding: 0px 5px; }
  .productDesc { padding: 10px 5px; }
  .pageUpDown { padding-left: 5px; padding-right: 5px; }
  .articleInfo { padding: 25px 5px; }
  #pro { padding: 30px 0px 20px; }
  .pro_class ul li { line-height: 28px; }
  .pro_item { width: 50%; margin-bottom: 25px; }
  .pro_item_title { margin-top: 10px; }
  .pro_item_title a { font-size: 16px; }
  #case { padding: 30px 0px 20px; }
  .case_con { margin-top: 30px; }
  .case_con_row { margin-left: -10px; margin-right: -10px; }
  .case_item { padding: 0px 10px; }
  .case_item_title { margin-top: 10px; }
  .case_item_title a { font-size: 16px; }
  .case_item_des { margin: 5px 0px 15px; height: 48px; }
  #news { padding: 30px 0px; }
  .news_con { margin-top: 10px; }
  .news_item { padding: 20px 10px; }
  .news_item:last-child { border-bottom: medium none; }
  .news_item_title a { font-size: 16px; }
  #footer2 { padding: 10px 0px; }
  .pro_list { width: 50%; }
  .art_list { padding: 20px 0px; }
  #link { display: none; }
  #toolbar { display: none; }
  .blank55 { height: 55px; line-height: 1px; clear: both; }
  #toolbar2 { color: rgb(255, 255, 255); width: 100%; height: 54px; position: fixed; bottom: 0px; left: 0px; z-index: 8; background: rgb(0, 124, 194) none repeat scroll 0% 0%; display: block; }
  #toolbar2 li { float: left; width: 25%; text-align: center; }
  #toolbar2 li:hover { background: rgb(241, 168, 10) none repeat scroll 0% 0%; }
  #toolbar2 a { width: 100%; color: rgb(255, 255, 255); display: block; padding: 5px 0px 2px; line-height: 23px; font-size: 14px; }
  #toolbar2 a span { display: block; height: 18px; background-size: contain; margin: 3px 0px; }
  .t1 { background: rgba(0, 0, 0, 0) url("../t1.png") no-repeat scroll center center; }
  .t2 { background: rgba(0, 0, 0, 0) url("../t2.png") no-repeat scroll center center; }
  .t3 { background: rgba(0, 0, 0, 0) url("../t3.png") no-repeat scroll center center; }
  .t4 { background: rgba(0, 0, 0, 0) url("../t4.png") no-repeat scroll center center; }
}
@media screen and (max-width: 640px) {
  .banner_img { height: 120px; }
}

.first_nav>li{position: relative;}
#navigate ul li .drop_menu{z-index: 99999;}



@media screen and (max-width: 1023px) {
 
  #header { position: relative; background: rgba(0, 0, 0, 0) url("../top_bg.jpg") no-repeat scroll center top / cover ; border-bottom:2px solid #198ac1;}
  #logo { display: none; }
  #logo2 { display: block; float: left; width: 100%; text-align: center; }
  #logo2 img { height: 50px; margin: 15px 0px; }
  #navigate { display: none; }
  .mobile_nav_index { position: absolute; left: 0px; top: 80px; z-index: 2; }
  #mobile_nav { display: block; float: left; width: 100%; background: rgba(17, 138, 207, 0.88) none repeat scroll 0% 0%; }
  #mobile_nav .first_nav  {width: 100%; }
  #mobile_nav .first_nav>li{padding:0 10px; position: relative;  width:100%; line-height: 40px; text-align: left; overflow: hidden;border-bottom: 1px dashed #ddd; }
  #mobile_nav .first_nav>li:hover { background: rgb(241, 168, 10) none repeat scroll 0% 0%; }
  #mobile_nav .first_nav >li>a {display: block;width: 100%; height: 100%; font-size: 14px; color: rgb(255, 255, 255); }
  #mobile_nav  .drop_menu{padding-left: 15px;display: none;}
  #mobile_nav  .drop_menu>li{line-height: 30px;font-size: 13px;}
  #mobile_nav  .drop_menu>li>a{display: block;width: 100%;height: 100%;color: #ffffff;}
   .icon_down{display:inline-block; width:20px;height: 11px;background: url(../icon_down.png) no-repeat;margin-left: 10px;}

	#logo2{width: 50%;}
	.icon_phonenav{display: block;width: 48px;height: 48px;position: absolute;top:20px;right: 15px;background: url(../bg_nav.png) no-repeat left center;transition: all 0.5s ease;}
	 #mobile_nav{display: none; background:rgba(17, 138, 207, 0.88) none repeat scroll 0% 0%;transition: all 0.5s ease;}
	.icon_phonenav_active{background: url(../bg_nav.png) no-repeat right center;}
	.show_nav,.show{display: block!important;}
	.phonelanguage{position: absolute;right:75px;top: 30px;  background: none;color: #1889c1;height: 30px;line-height: 30px;}
	.phonelanguage a{color: #1889c1;}
}


@media screen and (min-width: 1024px) {
	.phonelanguage{display: none;}
}
@media screen and (max-width: 374px) {
	#logo2{width: 40%;}
	#logo2 img{width: 100%;height: auto;}
	.phonelanguage{top: 15px;right: 60px}
	.icon_phonenav{top: 5px;right: 5px;}

}