body{ margin:0px; padding:0px;}
html{font-size:62.5%;} 
h4, h5, h6,
h1, h2, h3 {margin-top: 0; font-weight:normal;}
ul, ol {margin: 0;}
p {margin: 0;}
ul,li,dl,dt,dd,ol{ list-style-type:none; margin:0; padding:0;}

h1,h2,h3,h4,h5,h6,form,input,textarea,label,table,tr,td,p,header,article,footer,nav,section,aside,menu{margin:0; padding:0;}
input,select,textarea{-webkit-border-radius:0px; border-radius:0px;outline:0px; -webkit-appearance: none; border:1px solid #ddd;}


.main{ width:100%;  max-width:800px; margin:0px auto; }

.about_con{ width:92%; margin:0px auto; overflow:hidden; margin-top:2.5rem;}
.about_tit{ width:100%; font-size:1.6rem; font-weight:500; line-height:1.8rem; text-align:center; color:#000; padding-bottom:0.6rem;}
.about_line{ width:100%; overflow:hidden;}
.about_line img{ width:50%; margin:0px auto; display:block;}
.about_tit2{ width:100%; font-size:2rem; font-weight:500; line-height:2.3rem; text-align:center; color:#000; padding-top:0.8rem;}

.iabout_body{ width:92%; margin:0px auto; overflow:hidden; margin-top:2rem; }
.iabout_body p{ font-size:1.4rem; line-height:2.8rem; text-indent:2em; color:#333; text-align:justify; text-justify:inter-word;}
.iabout_body img{ display:block; width:100%; margin-top:0.7rem;}

.more{ width:30%; margin-left:5%;}
.more img{ display:block; width:100%;}
.more h1{ font-size:1.8rem; display: table-cell; vertical-align: middle; text-align:left;}

.banner_small{ width:100%; margin-top:2.5rem;}
.banner_small img{ display:block; width:100%;}

.product_con{ width:92%; margin:0px auto;  margin-top:0.5rem;}


.foot{ width:100%; overflow:hidden; background:#36a0ff; margin-top:3rem; padding-bottom:3rem; }
.foot_logo{ width:65%; float:left; margin-left:11%; overflow:hidden; margin-top:3rem; padding-bottom:2.5rem;}
.foot_logo img{ display:block; width:100%;}

.foot_add{ width:75%; margin:0px auto; overflow:hidden; margin-top:1rem; text-align:center; font-size:1.4rem; color:#fff; line-height:2.5rem;}

.foot_app{ width:80%; margin:0px auto; overflow:hidden; margin-top:3.5rem;}
.foot_appCon{ width:40%; float:left; margin-left:5%; margin-right:5%;}
.foot_appCon img{ display:block; width:100%;}
.foot_appCon p{ font-size:1.4rem;  text-align:center; color:#fff; line-height:4rem;}

.foot_tel{ width:70%; margin:0px auto; overflow:hidden; margin-top:1.5rem; }
.foot_tel img{ display:block; width:100%;}
.foot_tel p{ float:left; font-size:2.2rem; font-weight:bold; line-height:2.5rem; color:#fff;}




.foot_bottom{ width:100%; background:#36a0ff; font-size:1.3rem; text-align:center; color:#fff; line-height:2.5rem;padding:10px 0; margin-top:30px}

.nei_banner{ width:100%;  overflow:hidden;}
.nei_banner img{ display:block; width:100%;}


.nei_tit{ width:100%; margin:0px auto; overflow:hidden; padding-top:3rem; }
.nei_tit .news_line img{ width:50%; }
.nei_tit h1{font-size:2rem; text-align:center; line-height:2rem; margin-bottom:1rem}
.nei_tit h2{ font-size:1.4rem; text-align:center; line-height:3rem;}
.nei_tit p{ font-size:1.4rem; text-align:center; line-height:2.5rem;}

.about_body{ width:96%; margin:0px auto; margin-top:2rem; overflow:hidden;}
.about_body h1{ font-size:1.4rem; line-height:3rem; text-align:center; font-weight:bold;}
.about_body p{ width:98%; margin:0px auto; padding:0.5rem 0rem; font-size:1.5rem; line-height:2.6rem; text-indent:2em;  text-align: justify; text-justify: inter-word;}
.about_body img{ display:block; width:100%; margin:1rem 0;}


.wenhua_body{ width:90%; margin:0px auto; margin-top:2rem; overflow:hidden;}
.wenhua_body h1{ width:30%; line-height:3rem; font-size:1.6rem; color:#fff; background:#36a0ff; margin-top:2rem; text-align:center; -moz-border-radius: 4px; -webkit-border-radius: 4px;border-radius:4px;}
.wenhua_body p{ font-size:1.4rem; color:#000; line-height:3rem; margin-top:1rem; padding-left:0.5rem;}

.licheng_body{ width:92%; margin:0px auto; overflow:hidden; margin-top:0rem;}


.licheng_row{ width:98% ; margin:0px auto; overflow:hidden; box-shadow: 2px 2px 5px 1px #eee; margin-top:2.5rem; margin-bottom:0.5rem; }
.licheng_pic img{ width:100%; display:block;}


.shai{width:90%; margin:auto; overflow:hidden; margin-bottom:15px; margin-top:20px;}
.shai1{float:left;font-size:1.2rem; color:#666; padding:12px 0;font-weight:bold}
.shai2{float:right; width:80%}
.shai2 select{width:100%;font-size:1.2rem; color:#666; line-height:2rem; padding:10px;-webkit-appearance: auto;}

.shai3{width:95%; margin:auto; overflow:hidden; margin-bottom:0px; margin-top:20px;}
.shai6{width:95%; margin:auto; overflow:hidden; margin-bottom:20px; }
.shai4{float:left;font-size:1.2rem; color:#666; padding:12px 0;font-weight:bold;}
.shai3 div:nth-child(2){ margin-right:5%}
.shai5{float:left; width:36%}
.shai5 select{width:100%;font-size:1.2rem; color:#666; line-height:4rem; padding:10px 3px;-webkit-appearance: auto;}

.zwxlr input{ padding:8px ; margin:15px 0 5px; font-size:1.2rem; width:70%}
.zwxlr .shai4{  margin:12px 0 5px; font-size:1.2rem;}
.zwxlr span{ padding:7px 0px; margin:15px 0 5px -5px; font-size:1.2rem; background-color:rgba(49, 97, 179, 1);color:#fff; border-radius:0 3px 3px 0; width:16%; display:block; float:right; text-align:center}

.honor_body{ width:92%; margin:0px auto; overflow:hidden; margin-top:0rem; }
.honor_row{ width:98%; margin:0px auto; overflow:hidden; box-shadow: 2px 2px 5px 1px #eee; margin-top:3.5rem; margin-bottom:0.5rem;}
.honor_row img{ width:100%;  display:block;}
.honor_row h1{ width:100%; height:5rem; font-size:1.6rem; color:#666; line-height:5rem; text-align: center; background:#fff;}

.honor_row1{ width:48%; margin:0px 1%; overflow:hidden; box-shadow: 2px 2px 5px 1px #dfdfdf; margin-top:0.5rem; margin-bottom:0.5rem; float:left; border-radius:5px}
.honor_row1 img{ width:100%;  display:block;}
.honor_row1 h1{ width:100%; height:4rem; font-size:1.4rem; color:#666; line-height:4rem; text-align: center; background:#fff;}


.fugai_body{width:90%; margin:0px auto; overflow:hidden; margin-top:3rem;}
.fugai_body img{ display:block; width:100%;}


.button {
 width:100%;
 padding-top:12px;
 padding-bottom:12px;
 
  text-transform: uppercase;
  -webkit-transition: all .5s;
  transition: all .5s;
  color:#333;
  
  
}
.button h1{ font-size:2.5rem; text-align:left; padding-left:1.5rem; line-height:2.2rem; }
.button p{ font-size:1.4rem; text-align:left; padding-left:1.5rem; padding-right:0.2rem; line-height:1.8re,; margin-top:0.5rem;}

/* btn-1 */
.btn-1 {
  
  background: -webkit-linear-gradient(left, #36a0ff, #36a0ff) no-repeat;
  background: linear-gradient(to right, #36a0ff, #36a0ff) no-repeat;
  background-size: 0% 100%;
  
}
.btn-1:hover {
  background-size: 100% 100%;
  color: #fff;
}


.button_icon{position:relative; }
.button_icon span{ position:absolute; top:20px; right:20px; width:18px; height:18px;}



.news_body{ width:96%; overflow:hidden; margin:0.5rem auto 0; padding-bottom:1rem;}

.news_row{ width:100%; overflow:hidden; margin:0rem auto; border-bottom:.1rem solid #ccc; padding-bottom:1.5rem; padding-top:1.5rem}
.news_pic{ width:30%; float:left; margin-right:3%;}
.news_pic img{ display:block; width:100%; margin:0px; padding:0px;}
.news_txt{ width:67%; float:left;}
.news_txt h1{ font-size:1.4rem; line-height:2rem; color:#000; font-weight:700; padding:0px .5rem; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_txt h2{ font-size:1.4rem; line-height:2rem; color:#999;  padding:0px .5rem; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_txt p{ height:3.3rem; overflow:hidden; font-size:1.4rem; line-height:1.7rem; color:#666; padding:.2rem .5rem 0;}

.news_body .news_row:nth-child(1){ border-top:.1rem solid #ccc;}
.news_txt1{ width:100%; }
.news_txt1 span{float:right; color:#ff6400}
.news_txt1 h1{ font-size:1.6rem; line-height:2rem; color:#353535; font-weight:700; padding:0px .5rem 1rem; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_txt1 h2{ font-size:1.4rem; line-height:2rem; color:#9b9b9b;  padding:0px .5rem; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_txt1 p{ height:40px; overflow:hidden; font-size:14px; line-height:20px; color:#666; padding:.2rem .5rem 0;}
.news_txt1 div{ padding:0px 1rem; background-color:#ff9755; width:25%; line-height:3rem; color:#fff; margin-top: 1rem; text-align:center; border-radius:.5rem}

.news2_body{width:100%; margin:2rem auto 0; overflow:hidden; padding-bottom:2rem;}
.news2_tit{ width:100%; padding-bottom:1.2rem; margin-top:1rem;}
.news2_tit h1{ font-size:2rem; padding:0px 2rem; color:#333; line-height:3.5rem; text-align:center; margin-bottom:2rem;}
.news2_tit p{ font-size:1.6rem; color:#999; text-align:center; line-height:0.5rem;}


.news2_con{ width:94%; margin:2rem auto 0;font-size:1.4rem; overflow:hidden;line-height:2.8rem; padding:0.1rem 0px; text-indent:2em; text-align:justify; text-justify:inter-word;}
.news2_con p{ font-size:1.4rem; color:#333; line-height:2.8rem; padding:0.1rem 0px; text-indent:2em; text-align:justify; text-justify:inter-word;}
.news2_con img{ max-width:100%; display:block; margin:0px auto; margin-top:1.5rem; margin-bottom:1.5rem;}

.news2_con .gd{width:37%; background-color:rgba(49, 97, 179, 1); padding:5px 0px; color:#fff; border-radius:5px; font-size:1.7rem; display:block;text-indent:0px; text-align:center; margin:auto; margin-top:2rem}
.news2_con .gd:hover{background-color:rgba(255, 144, 49, 1);}

.cp_tit{font-size:2rem; padding:0px 2rem; color:#333; line-height:3.5rem; text-align:center; margin-bottom:0rem;}
.cp_tit1{font-size:2rem; padding:0px 1rem; color:#333; line-height:3.5rem; text-align:left; margin-bottom:0rem;}
.cp_tit1 B{COLOR:#ff6400}
.cp_con{margin-top:0rem;}
.cp_con b{font-size:1.8rem}

/*page*/
.page_con{ width:100%; overflow:hidden; margin-top:2.4rem; font-family:Verdana, Arial, Helvetica, sans-serif;}
DIV.scott { padding:3px; MARGIN:2px; TEXT-ALIGN: center; font-family:Verdana, Arial, Helvetica, sans-serif;}
DIV.scott A {BORDER: #ccc 1px solid; padding:3px 7px 3px 7px;  COLOR: #999; MARGIN-RIGHT: 2px;  TEXT-DECORATION: none; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif;}
DIV.scott A:hover { COLOR: #fff; BORDER:#36a0ff 1px solid; BACKGROUND-COLOR:#36a0ff;}
DIV.scott A:active {BORDER:#36a0ff 1px solid; COLOR: #fff; BACKGROUND-COLOR:#36a0ff}
DIV.scott SPAN.current {BORDER:#36a0ff 1px solid;  FONT-WEIGHT: bold; COLOR:#fff;  padding:3px 7px 3px 7px; BACKGROUND-COLOR:#36a0ff; margin-right:2px; font-size:14px; font-weight:bold;}
DIV.scott SPAN.disabled { padding:3px 7px 3px 7px; BORDER: #ddd 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; font-size:14px; }
/*page*/


.back_btn{ width:35%; margin:0px auto; overflow:hidden; margin-top:3rem; text-align:center; font-size:1.7rem; color:#fff; line-height:4rem; background:#369efa; -moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius:5px;}
.back_btn:active{ background:#771318;}



.product_body{ width:92%; overflow:hidden; margin:0.5rem auto 0; padding-bottom:1rem}
.product_row{ width:98%; margin:0px auto; overflow:hidden;  margin-bottom:3rem; box-shadow: 2px 2px 5px 1px #dfdfdf; margin-top:1rem;; border-radius:8px}
.product_pic img{ width:100%; display:block;}


.pro_btn {
 width:100%;
 height:6rem;
  text-transform: uppercase;
  -webkit-transition: all .5s;
  transition: all .5s;
  color:#333; 
}
.pro_btn h1{ width:80%; height:6rem; text-align:left; padding-left:1rem; font-size:1.8rem; color:#333; line-height:6rem; -webkit-transition: all .5s;
  transition: all .5s;}


/* btn-1 */
.pro_btn-1 {
  
  background: -webkit-linear-gradient(left, #36a0ff, #36a0ff) no-repeat;
  background: linear-gradient(to right, #36a0ff, #36a0ff) no-repeat;
  background-size: 0% 100%;
  
}
.pro_btn-1:hover {
  background-size: 100% 100%;
  color: #fff;
  
}


.pro_btn h1:hover{ color:#fff; background-size: 100% 100%; }

.pro_icon{position:relative; }
.pro_icon span{ position:absolute; top:1.6rem; right:2rem; width:27px; height:27px;}


.contact_body{ width:92%; margin:0px auto; overflow:hidden; margin-top:0rem;}
.contact_tit{ width:100%; font-size:2rem; line-height:4rem; color:#333; font-weight:bold; text-align:center;}
.contact_feecback{ width:100%;}
.contact_bd1{margin:0px; padding:0px; width:100%; height:50px; background:#eee; font-size:1.6rem; line-height:50px; color:#333; padding-left:1.5rem; outline:0px; border:0px; margin-top:1.2rem;}
.contact_bd2{margin:0px; padding:0px; width:100%; height:150px; background:#eee; font-size:1.6rem; padding-left:1.5rem; color:#333; line-height:40px; border:0px; outline:0px; margin-top:1.2rem; font-family:"微软雅黑"}

.contact_map{ width:100%; height:470px; overflow:hidden; margin-top:2rem;}


.fuchi_body{width:98%; margin:0px auto; margin-top:2rem; overflow:hidden;}
.fuchi_body img{ display:block; width:100%;}





.red{ color:#36a0ff; font-weight:700;}
.black{ color:#000; font-weight:700;}
.grey{ color:#999; font-size:1.4rem;}

a:link,a:visited{ color:#333; text-decoration:none; text-decoration:none;}
a:hover{ color:#36a0ff; text-decoration:none;}


@media only screen and (min-width: 415px){
    html {
        font-size: 12px !important; 
    }
}

@media only screen and (min-width: 640px){
    html {
        font-size: 14px !important; 
    }
}

@media only screen and (min-width: 768px){
    html {
        font-size: 16px !important; 
    }
}


.news1{width:95%; margin:auto;border-top:1px dashed #b5b5b5}
.news1 li{overflow:hidden; line-height:45px; border-bottom:1px dashed #b5b5b5}
.news1 li p{width:70%;float:left; }
.news1 li strong{ font-size:14px}
.news1 li b{ color:red; margin:0px 8px 0 5px;}
.news1 li span{width:28%;float:right; text-align:right}
.nbt svg{ width:8%;float:left; height:auto; margin:10px 10px 10px 0; }
.nbt svg path{fill:#36a0ff}
.about_body{min-height:25vh}

.center-list-icon{ display: block;    margin-right: 8px;width:22px;}
.center-list-txt{ font-size:14px;}

.bmn{ width:100%; overflow:hidden; margin:auto; font-size:14px;}
.bm1{ width:49%; overflow:hidden; float:left; border:1px solid #f3f3f3; border-radius:8px; padding:20px; margin-top:10px; background-color:#e2ffea}
.bm2{ width:49%; overflow:hidden; float:right; border:1px solid #f3f3f3; border-radius:8px;padding:20px; margin-top:10px; background-color:#c1f4ff}

.bm11{ width:45%; float:left;}
.bm11 img{ width:30px;display:block; margin:auto}
.bm12{ width:53%; float:right ;line-height:30px; font-weight:bold}
.bm21{ width:45%; float:left;}
.bm21 img{ width:30px;display:block; margin:auto}
.bm22{ width:53%; float:right ;line-height:30px; font-weight:bold}