﻿@charset "utf-8";
/*public start*/
*{-webkit-tap-highlight-color: transparent;  -webkit-box-sizing: border-box;  box-sizing: border-box;}  
html{ font-size:62.5%;}
html, body, span, div, p, a, h1, h2, h3, h4, h5, h6, img, form, font, strong, b, i, dl, dt, dd, ol, ul, li {padding:0; margin:0;list-style: none;}
body{max-width:640px; margin:0 auto; background:#FFF;color:#333;font-size:1.2rem; font-family:"微软雅黑"} 
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500;} 
ul,ol{list-style: none;}
img { max-width:100%; vertical-align:middle; border:none; font-size:0}
input{ outline:none;}
a {color:#333; text-decoration:none;}
i,em{font-style:normal;}
.clear{clear: both;}
.fix:after {visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;}
.fix {zoom:1;}
.fl{float:left;}
.fr{float:right;}
.tr{ text-align:right;}
.hide{display:none;}
.last{margin-right:0px !important;}
/*public end*/
.big_div{ max-width:640px; min-width:320px; margin:0 auto; position:relative; overflow: hidden;}
.wrap{width: 94%; margin: 0 auto;}
.div505{ width:80%; margin:0 auto;}
.outL{white-space:normal;word-break:break-all;}  
.outH{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/*index*/
.top{ padding-top:3%; padding-bottom:2%;}
.logo{ width:52%;}
.logo img{ width:100%; margin:0 auto;}
.tu{ width:33%;}
.tu ul li{ float:left; width:38px; height:38px; line-height:38px; text-align:center; background:#231f20; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; margin-right:2.3%; cursor:pointer;}
/*搜索*/
.avia-search-tooltip {position: absolute; padding: 0;width: 240px; height: 74px; top: 79px; right:220px; opacity: 1; display: none; margin-left: -120px; border-radius: 2px;box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.2); border-width: 1px; border-style: solid; background-color: #ffffff; border-color: #e1e1e1; z-index: 999; -webkit-animation: avia_pop 0.3s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); -moz-animation: avia_pop 0.3s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);animation: avia_pop 0.3s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);}
#searchform {margin: 0; padding: 0;}
#searchform>div {position: relative;max-width: 260px;border-color: #e1e1e1;font-size: 100%;font: inherit;box-sizing: border-box;color: #808080;padding: 16px 4px;}
#searchsubmit {cursor: pointer;width: 40px; height: 40px; position: absolute;right: 4px; z-index: 1;background: url(../images/se.jpg) no-repeat right;}
input { margin: 0;padding: 0;border: none;}
#s {width: 83%;position: relative;display: block;padding: 10px 0px 11px 5px;box-shadow: none; border: 1px solid #e1e1e1; padding-left: 5px;}
.avia-search-tooltip .avia-arrow-wrap { width: 20px; height: 20px; position: absolute; top: -20px; right: 10px; margin-left: -10px; overflow: hidden;}
.avia-search-tooltip .avia-arrow {top: 15px;}
.avia-arrow {height: 10px;width: 10px; position: absolute; top: -6px;left: 50%;margin-left: -5px;-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);transform: rotate(45deg); border-width: 1px;border-style: solid; visibility: hidden\9;background-color: #ffffff;border-color: #e1e1e1;}
.menu{ width:7%;}
.menu .cd{ width:100%; margin:0 auto;}
.tu ul li:hover{ background:#ed1b24;}
.hy{ overflow-y: hidden;}
.navbg{ background:rgba(238,238,238,0.69); width:100%; height:100%; position:absolute; z-index:888; left:-100%; overflow-y:hidden;}
.mainnav{ width:80%; height:100%; position:absolute; top: 0; right:-100%; z-index:999; overflow:hidden; background:rgba(255,255,255,0.9);}
.mainnav>li{ text-align: left; position:relative; font-size:1.8rem; color:#000;  border-bottom:1px solid #333;}
.mainnav>li:first-child a:before{ content:"";}
.mainnav>li:first-child.active>a:before{content:"";}
.mainnav>li:nth-child(2) a:before{ content:"";}
.mainnav>li:nth-child(2).active>a:before{content:"";}
.mainnav>li>a{ position: relative; color:#333; display:block; padding: 2% 0; padding-left:5%;}
.mainnav>li>a:before{ content:"+"; position: absolute; right: 5%; top:2%; color:#333;   font-size:2.4rem;}
.mainnav>li:hover>a:before,.mainnav>li.active>a:before{content:"-"; position: absolute; right: 5%;top:2%;color:#fff; }
.mainnav>li:hover>a,.mainnav>li.active>a{color:#fff; background:rgba(0,0,0,0.9);}
.mainnav>li>ul{ display:none;}
.mainnav>li>ul>li{ font-size:1.5rem; line-height:3em;}
.mainnav>li>ul>li>a{ padding-left:7%; display:block; color: #333;}
.product{ background:#eee; padding:5% 0;}
.tit{ text-align:center;}
.tit h1{ font-size:3.6rem; color:#333; font-weight:normal;}
.tit .bk{ display:inline-block; width:112px; height:1px; background:#ccc; margin-top:2.8%;}
.pro_ul{ padding-top:4.2%; padding:4.2% 5% 0;}
.pro_ul ul li{ width:auto; padding:0 5px; text-align:center; line-height:29px; background:#ccc; float:left; margin-right:1.8%; border-radius:20px; margin-bottom:1.2%;}
.pro_ul ul li a{  display:block; font-size:1.4rem; color:#333;} 
.pro_ul ul .on{ background:#ed1b24;}
.pro_ul ul .on a{ color:#fff;}
.pro_ul ul li:hover{ background:#ed1b24;}
.pro_ul ul li:hover a{ color:#fff;}
.pro_one ul li{ margin-top:5%; width:47%; float:left; margin-right:6%;}
.pro_one ul li img{ width:100%; margin:0 auto;}
.pro_nr{ background:#fff; padding:5% 0 3%;}
.pro_nr h6{ font-size:1.6rem; color:#333; text-align:center; font-weight:bold;}
.pro_nr p{ font-size:1.2rem; color:#666; line-height:24px; padding-left:20%;}
.more{ text-align:center;}
.pro_one h5{ margin-top:5.6%; text-align:center; display:inline-block; width:113px; height:33px; line-height:33px; background:#cb1322; font-size:1.4rem; color:#fff;}
.new{ padding-top:4.6%;}
.new_more{ line-height:30px; border:1px solid #e0e0e0; border-radius:20px;}
.new_list > ul > li{ margin-top:5.7%;}
.new_a p{ font-size:1.8rem; color:#333; padding-left:11px;}
.new_b a{ text-transform:uppercase; font-size:12px; color:#666; padding-right:19px;}
.new_cp{ margin-top:1.8%;}
.new_img{ width:47.6%;}
.new_img img{ width:100%; margin:0 auto;}
.new_c{ margin-left:2.4%; width:50%;}
.new_c p{ font-size:2rem; color:#333; line-height:30px; height:65px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.new_c ul li{ font-size:1.2rem; color:#333; line-height:24px; background:url(../images/index_32.png) left center no-repeat; padding-left:3.3%;}
.case{ background:url(../images/index_38.png) center center no-repeat; margin-top:6.7%; padding:6% 0;}
.tit1 h1{color:#fff}
.tit1 .bk{background:#fff;}
.case_list{ padding-top:7.6%;}
.case_list ul li.al{ float:left; width:23.6%; margin-right:1.8%;}
.case_list ul li.al img{ width:100%; margin:0 auto;}
.case_list ul li.al p{ text-align:center; font-size:1.6rem; color:#fff; line-height:36px; font-weight:bold;}
.anli{ padding-top:7.6%;}
.anli_list ul li.al{ padding-top:4.8%; width:47.5%; float:left; margin-right:5%;}
.anli_list ul li.al img{ width:100%; margin:0 auto;}
.anli_nr{ border:1px solid #ccc; border-top:none; padding:5%;}
.anli_nr h6{ font-size:1.6rem; color:#999; line-height:36px;}
.anli_nr p{ font-size:1.8rem; color:#333; line-height:30px;}
.foot{ background:#333; padding:4% 0; margin-top:3.75%;}
.foot_b{ width:18%;}
.foot_b img{ width:100%; margin:5px auto;}
.foot_a{ width:75%;}
.foot_a p{ font-size:1.4rem; color:#fff; line-height:36px;}
.foot_a p a{ font-size:1.4rem; color:#fff;}
.foot_a p span{ padding:0 2%;}
.home{max-width:640px; min-width:320px; position:fixed; z-index:9999;bottom:0;background:#cb1322; width:100%;}
.home ul li{float:left; width:25%;text-align:center; padding:3% 0 2% 0;}
.home ul li img{ width:24%;}
.home ul .pp2{ background:no-repeat;}
/*about*/
.zb_tit{ height:50px; line-height:50px; background:#ccc;}
.zb_tit span{ font-size:1.4rem; color:#333; margin-left:16px;}
.about_table{ margin-top:5%; min-height: 300px;}
.about_table table{ border:1px solid #ccc; width:100%; text-align:center;word-break: break-all;}
.about_table table tr th{ font-size:2.4rem; color:#666; font-weight:bold; line-height:48px; background:#f1f1f1;border-bottom:1px solid #ccc; }
.about_table table tr .bg{ background:#f1f1f1; font-size:1.4rem; color:#666; font-weight:bold;border-bottom:1px solid #ccc;}
.about_table table tr td{ line-height:48px; font-size:1.4rem; color:#333;}
.about_table table tr td:nth-child(1){border-right:1px solid #ccc; width:50%;}
.address{ margin:4% 0;/* border:1px solid #dedddb;*/}
.address img{ width:100%; margin:0 auto;}
/*anli*/
.al{ margin-top:5.7%;}
.al_ul{ padding:0 5%;}
.al_ul ul li{ float:left; margin-right:7.5%;}
.al_ul ul li.active{color:#ed1b24; }
.al_ul ul li a{ font-size:1.6rem; color:#333; line-height:36px;}
.al_ul ul li:hover a{ text-decoration:underline;}
.fenye{ margin-top:7%; text-align:center;}
.cpzx_tit{ /*border:1px solid #999;*/ margin:10px;}
.cpzx_tit ul li{ text-align:center; line-height:35px; width:25%; float:left; background:#eee;}
.cpzx_tit ul li a{ display:block; font-size:1.4rem; color:#333;}
.cpzx_tit ul li:nth-child(1){ border-bottom:1px solid #999; border-right:1px solid #999;}
.cpzx_tit ul li:nth-child(2){ border-bottom:1px solid #999; border-right:1px solid #999;}
.cpzx_tit ul li:nth-child(3){ border-bottom:1px solid #999; border-right:1px solid #999;}
.cpzx_tit ul li:nth-child(4){ border-bottom:1px solid #999;}
.cpzx_tit ul li:nth-child(5){ border-right:1px solid #999;}
.cpzx_tit ul li:nth-child(6){ border-right:1px solid #999;}
.cpzx_tit ul li:nth-child(7){ border-right:1px solid #999;}
.cpzx_list{ margin-top:2.2%;}
.cpzx_a{ border-bottom:1px solid #ed1b24; width:100%;}
.cpzx_a_a1 ul li{ float:left; line-height:36px;}
.cpzx_a_a1 ul li h6{ font-size:1.8rem; color:#fff; background:#ed1b24;padding-left:14px; width:auto; padding-right: 10px;}
.cpzx_a_a1 ul li a{ display:block; font-size:1.4rem; color:#666; padding:0 15px;}
.cpzx_a_a2 a{ color:#666; font-size:1.2rem; line-height:36px;}
.cpzx_b ul li{ width:47%; border-bottom:1px solid #ccc; padding-bottom:1%; float:left; margin-right:6%;}
.cpzx_b ul li img{ width:100%; margin:0 auto;}
.cpzx_nr{ padding-top:5%;}
.cpzx_name h6{ font-size:1.8rem; color:#333; font-weight:bold; line-height:30px;}
.cpzx_more h6{ width:80px; line-height:30px; height:30px; text-align:center; border:1px solid #dcdcdc; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.cpzx_nr .nr{ font-size:1.4rem; color:#666; line-height:36px;}
.cpzx_more:hover h6{ background:#ed1b24; color:#fff;border:1px solid #ed1b24;}
/*company*/
.company h3{font-size: 18px; font-weight: bold; text-align: center; padding:10px; width: 100%;}
.company h6{padding:5px 0 8px 0; margin-bottom: 16px; border-bottom: 1px solid #ccc; font-size: 14px; text-align: center; width: 100%;}
.company h6 span{margin-left: 20px;}
.company img{ margin-top:3.6%; width:100%;}
.company p{ font-size:1.4rem; color:#333; line-height:30px;}
.company p i{ font-size:1.8rem;}
.company_nr{ margin:3.5% 0 10%;} 
.company_nr .text_in{ text-indent:2em;}
/*jjfa*/
.jjfa_tit{ text-align:center; margin:4.3% auto 0;}
.jjfa_tit ul{ padding:0 16%;}
.jjfa_tit ul li{ display:inline; float:left; margin-right:8%;}
.jjfa_tit ul li a{ display:block; font-size:1.6rem; color:#666; line-height:36px;}
.need{ margin-top:7%;}
.need h6{ font-size:16px; color:#fff; font-weight:normal; width:120px; height:36px; line-height:36px; text-align:center; background:#ed1b24;}
.need p{ font-size:1.4rem; color:#333; line-height:24px; text-indent:2em; margin-top:3%;}
.aplay h6{ font-size:16px; color:#fff; font-weight:normal; width:120px; height:36px; line-height:36px; text-align:center; background:#ed1b24; margin-top:5%;}
.aplay p{ font-size:1.4rem; color:#333; line-height:24px; margin-top:3%;}
.xtkj h6{ font-size:16px; color:#fff; font-weight:normal; width:120px; height:36px; line-height:36px; text-align:center; background:#ed1b24; margin-top:6%;}
.xtkj img{ width:100%; margin:2% auto 0;}
.jjfa_about > h6{ font-size:16px; color:#fff; font-weight:normal; width:120px; height:36px; line-height:36px; text-align:center; background:#ed1b24; margin-top:5%;}
.about_list{ margin-top:5%;}
.about_list ul li{ width:47%; float:left; margin-right:6%;}
.about_list ul li img{ width:100%; margin:0 auto;}
.about_nr{ padding-top:5%;}
.about_name h6{ font-size:1.8rem; color:#333; font-weight:bold; line-height:30px;}
.about_more h6{ width:80px; line-height:30px; height:30px; text-align:center; border:1px solid #dcdcdc; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.about_nr .nr{ font-size:1.4rem; color:#666; line-height:36px;}
.about_more:hover h6{ background:#ed1b24; color:#fff;border:1px solid #ed1b24;}
.relate > h6{ font-size:16px; color:#fff; font-weight:normal; width:120px; height:36px; line-height:36px; text-align:center; background:#ed1b24; margin-top:10%;}
.relate_list{ margin-top:6%;}
.relate_list ul li{ border:1px solid #ccc; width:31%; float:left; margin-right:3.5%;}
.relate_list ul li img{ width:100%; margin:0 auto;}
.relate_nr{ padding:3%;}
.relate_nr h6{ font-size:1.4rem; color:#666; line-height:30px;}
.relate_nr p{ font-size:1.4rem; color:#333; line-height:28px;}
.jszc_tit ul{ padding:0 14%; margin-top:3.8%;}
.jszc_tit ul li{ float:left; margin-right:7%;}
.jszc_tit ul li a{ font-size:1.6rem; color:#333;}
.jszc_tit ul li:hover{ border-bottom:2px solid #ed1b24; padding-bottom:7px;}
.jszc_tit ul .on{ border-bottom:2px solid #ed1b24; padding-bottom:7px;}
.jszc_a{ margin-top:4%;}
.jszc_a table{ border:1px solid #ccc; width:100%;}
.jszc_a table tr td{ width:33%; padding:3% 2%; border-bottom:1px solid #ccc;}
.jszc_a table tr td p{ font-size:1.4rem; color:#333; line-height:28px;}
.jszc_a table tr td h6{ font-size:1.4rem; color:#333; line-height:28px; font-weight:bold;}
.jszc_a table tr td:first-child{ padding-left:5%; border-right:1px solid #ccc;}
.jszc_a table tr td:nth-child(2){border-right:1px solid #ccc;}
.jszc_a table tr:last-child td{ border-bottom:none;}
.lacal h6{ font-size:1.8rem; color:#333; font-weight:bold; line-height:55px;}
.local_list{ border:1px solid #ccc; padding:3%;}
.local_list ul li{ margin-bottom:6%;}
.local_list ul li h5{ font-size:1.4rem; color:#333; line-height:30px; font-weight:bold;}
.local_list ul li p{ font-size:1.4rem; color:#333; line-height:30px;}
/*news*/
.news_tit{ margin-top:6%;}
.news_tit h1{ font-size:3.6rem; color:#666; text-align:center; line-height:36px; }
.news_list{ margin-top:3.4%; padding-left:35%;}
.news_list ul li{ float:left; width:20%; text-align:center; background:#ccc; line-height:28px; margin-right:5%; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; margin-bottom:5%;}
.news_list ul li.active{background: #ed1b24;}
.news_list ul li a{ display:block; font-size:1.6rem; color:#fff;}
.news_a ul li.xw{ width:48%; margin-right:4%; float:left;}
.news_a ul li.xw img{ width:100%; margin:0 auto;}
.news_nr{ margin-top:5%;}
.news_nr h6{ font-size:1.6rem; color:#333; line-height:24px; font-weight:bold;}
.news_nr p{ font-size:1.4rem; color:#333; line-height:28px; margin-top:2%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
/*news_xq*/
.news_xq{ margin-top:5%;}
.news_xq h1{ font-size:7.2rem; color:#ed1b24; line-height:36px; text-align:center; font-weight:bold;}
.news_box{padding-top:5%;}
.proxq_img{float:left;width:100%;}
.proxq_con{float:left;width:55%;margin-left:3%;}
.proxq_bigimg img{border:1px solid #d6d6d6;width:99%;}
.one-time{margin-left:0%;margin-top:2%;width:100% !important;}
.one_li span{display:block;padding:0 3%;}
.one_li span img{border:1px solid #d6d6d6;cursor:pointer;}
.one_li span img.sp_img{border:1px solid #ed1b24}
.pro_tit h2{ line-height:70px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#fafafa; text-align:center; font-size:3rem; color:#ed1b24; margin-top:5%;}
.pro_con{ margin-top:5%;}
.pro_con h5{ font-size:18px; color:#fff; line-height:45px; background:#333; width:120px; text-align:center; border-radius:10px; -moz-border-radius:10px; -wekit-border-radius:10px;}
.pro_con h6{ font-size:14px; color:#fff; line-height:45px; background:#333; width:120px; text-align:center; border-radius:10px; -moz-border-radius:10px; -wekit-border-radius:10px; margin-top:4%; margin-left:4%;}
.pro_con p{ font-size:1.4rem; color:#333; line-height:36px; margin-left:4%;}
.pro_con img{ margin-top:5%; width:100%;}
.js_table table{ width:100%; margin-top:6%; border:1px solid #ccc;word-break: break-all;}
.js_table table tr th:nth-child(1){ width:48%; border-right:1px solid #ccc;}
.js_table table tr th{ line-height:36px; background:#333; font-size:14px; color:#fff; padding-left:24px; text-align:left;}
.js_table table tr td{ line-height:34px; text-align:left;   font-size:14px; color:#333; border-right:1px solid #ccc;border-top:1px solid #ccc;}
.js_table table tr:nth-child(even) td{ background:#f4f4f4;}
.cases{ margin-top:8%; text-align:center; margin-bottom:4%;}
.cases ul li{ float:left; width:48%; margin:0 auto; margin-right:4%;}
.cases ul li img{ width:100%; margin:0 auto;}
.cases h6{ display:inline-block; width:200px; height:60px; line-height:60px; text-align:center; background:#ed1b24; margin-top:6%; font-size:1.8rem; color:#fff;}
.online{ margin-top:8%;}
.online_con{ margin-top:3%;}
.online_left{ width:23%; text-align:right;}
.online_left p{ font-size:1.4rem; color:#333; line-height:28px;}
.online_right{ width:73%;}
.online_right .text{ outline:none; width:100%; line-height:28px; border:1px solid #d3d3d3;}
.online_right .text:focus{ box-shadow:0 1px 18px #d3d3d3; -moz-box-shadow:0 1px 18px #d3d3d3; -webkit-box-shadow:0 1px 18px #d3d3d3;}
.online_x{ width:4%;}
.online_x p{ font-size:2.4rem; color:#333; text-align:right;}
.online_right1{ width:65%;}
.online_right1 .text1{ outline:none; width:100%; line-height:28px; border:1px solid #d3d3d3;}
.online_right1 .text1:focus{ box-shadow:0 1px 18px #d3d3d3; -moz-box-shadow:0 1px 18px #d3d3d3; -webkit-box-shadow:0 1px 18px #d3d3d3;}
.online_x1{ width:77%}
.online_x1 span{ font-size:1.4rem; color:#999; line-height:28px;}
.online_right .textarea{ outline:none; width:100%; height:120px; line-height:28px;border:1px solid #d3d3d3;}
.online_right .textarea:focus{ box-shadow:0 1px 18px #d3d3d3; -moz-box-shadow:0 1px 18px #d3d3d3; -webkit-box-shadow:0 1px 18px #d3d3d3;}
.online_right2{ width:100%;}
.online_right2 ul li{ width:33%; float:left; line-height:36px;}
.online_right2 ul li span{ padding-left:4%; font-size:1.4rem; color:#333;}
.online_right3{ width:84%;}
.online_right3 .xq_btn{ width:120px; height:38px; text-align:center; font-size:1.4rem; color:#333; line-height:38px; border:1px solid #d3d3d3; background:none; cursor:pointer;}
.online_right3 .xq_submit{ width:120px; height:38px; text-align:center; font-size:1.4rem; color:#333; line-height:38px; border:1px solid #d3d3d3; background:none; margin-left:20px; cursor:pointer;}
.wz{ margin-top:6%;}
.border{ border-bottom:1px solid #ccc;}
.wz p{ font-size:1.4rem; color:#333; line-height:30px;}


/*message*/
.consult_list .consult_p1{ text-align:center; font-size:14px; color:#333; margin-top:38px;}
.consult_con{ margin-top:20px;}
.consult_con_left{ width:25%;}
.consult_con_left p{ text-align:right; font-size:14px; color:#333; font-weight:bold; line-height:28px;}
.consult_con_cen{ width: 70%;}
.consult_con_cen .text{ width:100%; line-height:28px; height:28px; border:1px solid #e8e8e8; outline:none; padding-left:10px;}
.consult_con_cen .text:focus{ box-shadow:0 5px 20px #e5e5e5;}
.consult_con_right p{ text-align:right; font-size:14px; color:#999; line-height:28px;}
.consult_con_cen1{width: 100%;}
.consult_con_cen1 textarea{ width:100%; height:120px; padding-left:10px; outline:none; line-height:28px;border:1px solid #e8e8e8;}
.consult_con_cen1 textarea:focus{ box-shadow:0 5px 20px #e5e5e5;}
.check table{ width:100%;}
.check table tr td{ font-size:14px; color:#333; padding-bottom:20px;}
.check table tr td .checkbox{ margin-right:7px;} 
.consult_con_cen .send_btn{ width:40%; height:38px; line-height:38px; text-align:center; border:1px solid #d0d0d0; background:none; margin-right:20px; cursor:pointer;}
.consult_con_cen .submit{ width:40%; height:38px; line-height:38px; text-align:center; border:1px solid #d0d0d0; background:none; cursor:pointer;}






