@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:600;} 
ul,ol{list-style: none;}
img { max-width:100%; vertical-align:middle; border:none; font-size:0;height: auto;}
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-x: hidden;overflow-y:scroll; }
.wrap{width: 94%; margin: 0 auto;}
.div420{ width:75%; margin:0 auto;}
.outL{white-space:normal;word-break:break-all;}  
.outH{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/*index*/
.logo{ margin-top:2.8%; margin-bottom:1.6%; width:80.5%; margin-left:3%;}
.logo img{ width:100%; margin:0 auto;}
.menu{ width:12.8%;}
.menu img{ width:100%; margin:0 auto; cursor:pointer;} 
.swiper-slide img{ width:100%; margin:0 auto;}
.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:nth-child(3) a:before{ content:"";}
.mainnav>li:nth-child(3).active>a:before{content:"";}
.mainnav>li:nth-child(4) a:before{ content:"";}
.mainnav>li:nth-child(4).active>a:before{content:"";}
.mainnav>li:nth-child(5) a:before{ content:"";}
.mainnav>li:nth-child(5).active>a:before{content:"";}
.mainnav>li:nth-child(6) a:before{ content:"";}
.mainnav>li:nth-child(6).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;}
.hot_product{ margin-top:5.4%;}
.tit{ text-align:center;}
.tit h2{ font-size:3rem; color:#666; line-height:48px;}
.tit .b{ display:inline-block; width:75px; height:3px; background:#e95529;}
.tit p{ font-size:2rem; color:#666; line-height:40px; text-transform:uppercase; font-family:"Arial";}
.product{ margin-top:6%;}
.product ul li{ width:46%; text-align:center; float:left; margin-right:8%;}
.product ul li .product_img{ border:1px solid #dcdcdc; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;overflow:hidden;}
.product ul li .product_img img{ width:100%; margin:0 auto;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.product ul li p{ font-size:2.2rem; color:#333; line-height:50px;}
.product ul li:hover .product_img{ box-shadow:1px 0 20px 0 #bdbdbd; -webkit-box-shadow:1px 0 20px 0 #bdbdbd; -moz-box-shadow:1px 0 20px 0 #bdbdbd;}
.product ul li:hover .product_img img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1);}
.more{ margin-top:3.4%; text-align:center;}
.more h6{ display:inline-block; width:160px; height:44px; line-height:44px; text-align:center; font-size:2rem; color:#fff; font-weight:normal; background:#e95529;border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
.about{ margin-top:5%;}
.about_list{ margin-top:4%;}
.about_img{ margin-bottom:8%;}
.about_img img{ width:100%; margin:0 auto;}
.about_list p{ font-size:2.4rem; color:#414141; line-height:40px; text-indent:2em;}
.about_list p span{ color:#2a3d90; font-weight:bold;}
.advantage{ margin-top:5%;}
.advantage_list{ margin-top:2%; background:url(../images/indexbg_02.png) center center no-repeat; padding-bottom:5%;}
.con_a{ padding-top:5%;}
.con_a_left{ width:15%;}
.con_a_left img{ width:100%; margin:0 auto;}
.con_a_right{ margin-left:0.8%; width:84%;}
.con_a_right h3{ font-size:2.6rem; color:#2a2a2a; line-height:30px; font-weight:normal;}
.con_a_right p{ font-size:2rem; color:#080808; line-height:30px;}
.con_b{ margin-left:2.6%; width:97.4%; margin-top:3%;}
.con_b_left{ width:3.8%;}
.con_b_left img{ width:100%; margin:0 auto;}
.con_b_right{ width:92%; margin-left:1.2%;}
.con_b_right p{ font-size:2rem; color:#666; line-height:30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.advantage_img{ text-align:right; padding-top:6%;}
.advantage_img img{ width:94%; margin:0 auto;}
.hf img{ width:100%; margin:0 auto;}
.advan{ margin-top:5%;}
.advan_list{ margin-top:5%;}
.new{ margin-top:8%;}
.new_ul ul li{ float:left; width:50%; background:#2a3d90; line-height:57px;}
.new_ul ul li a{ display:block; padding-left:7%; font-size:2.4rem; color:#fff;}
.new_ul ul li span{ padding-left:5%; font-size:1.8rem; text-transform:uppercase; font-family:"Arial";}
.new_ul ul .cur{ background:#e95529;}
.new_tab{ margin:5% 2% 0;}
.new_img img{ width:100%; margin:0 auto;}
.new_xw{ margin-top:7%;}
.new_xw ul li{ background:url(../images/sj_03.png) left center no-repeat; padding-left:6%; line-height:36px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.new_xw ul li a{ font-size:2rem; color:#333;}
.question{ margin-top:5%;}
.question_tit{ background:#2a3d90; line-height:56px;}
.question_tit p{padding-left:3%; font-size:2.4rem; color:#fff;}
.question_tit p span{ padding-left:2%; font-size:1.8rem; text-transform:uppercase; font-family:"Arial";}
.question_list{ height:400px; overflow:hidden;}
.question_list ul li{ border-bottom:1px dashed #afafaf; padding-bottom:3%; margin-top:3%;}
.question_con{ margin-bottom:2.8%;}
.question_list ul li .wenti1{ width:6%; height:36px; line-height:36px; background:#383838;}
.question_list ul li .wenti1 p{ font-size:2rem; color:#fff; text-align:center;}
.question_list ul li .wenti2{ width:64%; margin-left:10px;}
.question_list ul li .wenti2 p{ font-size:2rem; color:#333; line-height:30px;}
.question_list ul li .wenti3{ width:6%; height:36px; line-height:36px; background:#2a3d90;}
.question_list ul li .wenti3 p{ font-size:2rem; color:#fff; text-align:center;}
.parnet{ margin-top:5%;}
.parnet_list{ margin-top:1.8%;}
.parnet_list ul li{ float:left; border:1px solid #dcdcdc; margin-bottom:2%; width:32%; margin-right:2%; overflow:hidden;}
.parnet_list ul li img{ width:100%; margin:0 auto;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.parnet_list ul li:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1);}
.copy{ margin-top:3%;}
.copy p{ font-size:1.6rem; color:#444; line-height:30px; text-align:center;}
.home{max-width:640px; min-width:320px; position:fixed; z-index:9999;bottom:0;background:#e95529; width:100%;}
.home ul li{float:left; width:25%;text-align:center; padding:2% 0 1% 0; background:url(../images/b_03.png) right center no-repeat;}
.home ul li img{ width:36%;}
.home ul li p{ font-size:1.8rem; color:#fff; line-height:30px; text-align:center;}
.home ul .pp2{ background:none;}
/*product*/
.common{ height:43px; line-height:43px;}
.common_list{ border-bottom:2px solid #e6e6e6; position:relative;}
.common_a{ border-left:8px solid #e95529; margin:12px 0 5px; line-height:26px; padding-left:1.3%;}
.common_a span{ font-size:2.2rem; color:#818181;}
.common_b{ margin-top:10px;}
.common_b .click{ cursor:pointer;}
.subNavBox{ display:none; width:320px; border:1px solid #bfbfbf; position:absolute; top:100%; right:0; z-index:999; background:#eee;}
.subNav{ padding-left:4px;border-bottom:solid 1px #ddd;cursor:pointer;font-size:2.2rem;color:#e95529;line-height:60px;background:url(../images/product_m_10.png) 44px center no-repeat;}
.subNav:hover{color:#e95529;}
.currentDd{color:#e95529}
.currentDt{background:url(../images/product_m_03.png) 44px center no-repeat #fff;}
.navContent{display: none;border-bottom:dashed 1px #ddd;}
.navContent > .erji > a{ border-left:5px solid #e95529; padding-left:62px; background:url(../images/product_m_07.png) 290px center no-repeat;display:block;font-size:2rem;color:#e95529; height:48px;line-height:48px;border-bottom:dashed 1px #ddd;}
.navContent2{display: none;}
.navContent2 > li{border-bottom:dashed 1px #ddd; padding-left:62px;}
.navContent2 > li > a{display:block;heigh:48px;font-size:2rem;line-height:48px;color:#999}
.fenye{ text-align:center; margin:5% 0;}
/*xq*/
.xq{ margin-top:3%;}
.xq_pro h5{ font-size:2rem; color:#333; line-height:30px; text-align:center;}
.xq_img{ margin:3% 2.7% 0;border:1px solid #dcdcdc; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
.xq_img img{ width:100%; margin:0 auto;}
.xq_pro .txt_body{ margin:5% 2.7% 0; font-size:1.8rem; color:#414141; line-height:34px;/* text-indent:2em;*/}
.xq_pro .txt_body p{ /*margin:5% 2.7% 0;*/ font-size:1.8rem; color:#414141; line-height:34px; /*text-indent:2em;*/}
.ys{ margin-top:10%; margin-bottom:5%;}
.ys p{ font-size:2rem; color:#666; line-height:30px;}
.ys p span{ color:#1d2088; font-weight:bold;}


/*news*/
.newslist{ overflow:hidden; width:100%; overflow:hidden;}
.newslist li{width: 100%; height:40px; line-height:40px; overflow:hidden; border-bottom:1px dashed #ccc; font-size:14px; padding-left:10px;}
.newslist li span{ float:right;}
.prolist{ overflow:hidden; width:auto;}
.prolist li{ float:left; margin:10px; _margin:7px;}
.prolist li span{ display:block; width:245px; text-align:center; height:40px; line-height:40px; overflow:hidden; background:#2488CF; color:#fff;}

.ritit{ text-align:center; font-size:22px;}
.time{ font-size:12px; text-align:center; height:30px; line-height:30px; overflow:hidden; color:#666;}
.ripic{ width:100%; margin:10px 0px; text-align:center;}
.ripic img{ max-width:800px; overflow:hidden;}
.rimain{ font-size:16px; color:#282828; line-height:30px;}
.rimain img{ width: 100%; overflow:hidden;}