body{background: #fff; overflow-x: hidden;}/*1rem=10px*/
html,div,li,ul,dt,dl,dd,p,ol,section,h1{ padding: 0; margin: 0; list-style: none;}
img{ margin:0;padding:0;}
.navlink-index{color:#fff!important;}
h2{color:#36c0fe;font-family: 'Microsoft Yahei';font-size:3rem;line-height: 5rem;text-align: right;}
h3{color:#fff;font-family: 'Microsoft Yahei';text-align: center;}
h4{color:#fff;font-family: 'Microsoft Yahei';font-size:1.6rem;text-align: center;margin-top:0;font-weight: normal;}
h5{color:#000;font-family: 'Microsoft Yahei';font-size:1.6rem;margin-top:0;font-weight: normal;border-bottom:1px solid #36c0fe;}
.clr{clear:both; height:0}
.fl {float:left;}
.fr { float:right;}
.container {width:1200px;margin:0 auto; }
.container1 {width:1000px;margin:0 auto; }
.navbar{background-color: rgba(255, 255, 255, 0.1); font-weight:bold; height:120px;  border-bottom: 2px solid #1d83bf;}
.navlink{line-height:5rem;}
.nav h3 { color:#666666;text-align:left; }
.nav { font-size:14px;}
 .logo { float:left; width:700px;color:#1d83bf; font-size:34px;  height:120px; line-height:120px;text-shadow:1px 1px #000; font-weight: bold; }
    .menu { float:left; width:500px;}
    .menu  li{ float:left; width:100px; line-height:120px; height:120px; text-align:center;}
    .navbar .menu a {  color:#ffffff; font-size:17px; display:block; }
    .navbar .menu .active0 { background:#1d83bf;}
    .navbar .menu a:hover { background:url(../images/line.jpg) left bottom repeat-x; font-size:17px; display:block;}
    
.part1{background: url(../images/banner.jpg) top center #000; height:530px;  }

.slide{position:relative;}
.tempWrap{overflow:hidden; position:relative;}
.mr_frbox{ margin:30px 0;}
.am-slider{ position:absolute;bottom:-50px; }
.am-slider-b3{box-shadow:none;margin:0;}
.am-slider ul li img{width:100px!important;}
 .mr_frbox { height: 218px; padding:0px; width:1000px; top:0; left:100px;}
.mr_frBtnL { float: left; margin:0px;  }
.mr_frUl { float: left; height: 218px;  }
.mr_frBtnR { float: right; margin-top:0; cursor: pointer; }
.mr_frUl ul li { display: inline; float: left; height: 218px; width:218px; margin-right:13px; overflow: hidden; }
.mr_frUl ul li img { display: block; margin-bottom: 7px; border: 1px solid #D8D8D8; }
.part2{background-color: #fff; text-align:center; margin-top:50px;}
.part3{background-color: #e6f0fa;}

.part4{position:relative;  background:  url(../images/background_03.jpg) top center no-repeat;}
.part4 .tit h3{ font-size:30px; font-weight:bold;}
    .part4 .cont4 { background:#fff; padding:30px 35px; font-family:"Microsoft YaHei"
                    -webkit-box-shadow:0 0 5px rgba(220, 220, 220, .5);  
  -moz-box-shadow:0 0 5px rgba(220, 220, 220, .5);  
  box-shadow:0 0 5px rgba(220, 220, 220, .5); 
    }
.cont4 .fr { width:700px;}
.cont4 .fl{ width:380px;}
.cont4 .fr h5 { font-size:20px; font-weight:bold;}
.cont4 .fr p{ line-height:26px; font-size:16px;}
.intruduction-area{border:1px solid #fff;background-color: #fff;width:50%;box-shadow:0 1px 4px rgba(0,0,0,.2);}
.intruduction{color:#000;font-size:1.4rem;}
.intruduction-img{padding:1.5rem;}
.intruduction-text{overflow:hidden;max-height:28rem;padding:1.3rem 1rem 1rem 0!important;}
.part4 div div p{text-indent:2em;font-size:1.4rem;color:#000;}
.intruduction-button{background-color: #ff9600;color:#fff;text-align: end; padding:5px 15px;}
.buttonline{padding:1rem;text-align: end;margin-top:1rem;}

.part5{background-color: #e6f0fa; margin:10px;padding:20px 0;}
.part5 .fr { width:500px;}
.part5 .fl{ width:500px;}
    
    .part5 .fr ol {
        background: #60ace8;width:500px;
		padding:10px
    }
        .part5 .fr ol li { line-height:26px; color:#ffffff; font-size:16px; text-indent:15px;}
    .part5 .fl li{ float:left; display:block; line-height:35px;}
.part5 .fl input{height:26px;}
.part5 .fl span { float:left; display:block; width:80px; text-align:right;}
    .part5 .fl span b { color:#ff0000;}
.color-black{color:#000; font-size:16px;}
.am-form input[type=text]{width:auto;display:initial;}
.necessary{padding:0 0.5rem;color:red;}
.am-form textarea, .am-form-field{display: initial;}
.remark-area{width:300px!important;height:7rem;line-height:2rem; resize:none;}

.part5 form div label{width:8rem;text-align: end;}
.submit-button{background-color: #ff9600;color:#fff;border-radius:.5rem;width:6rem;}


.contact-title{color:#1284dd;font-family: 'Microsoft Yahei';font-size:2rem;}
.contact-details{background-color: #60ace8;margin:1rem 50% 0 0;color:#f3f3f3;font-size:1.6rem;padding:1rem 0;}
.contact-details ol li{padding:0.2rem 0;}

.footer{background-color: #60ace8; font-family:"Microsoft YaHei";padding-top:25px; color:#ffffff;font-size:14px;}
    .footer h3 { font-size:14px; font-weight:bold; text-align:left;}
.footer ol li { line-height:26px; height:26px;}
.footer .fr p { line-height:23px; }
    .footer .footer-aboutus {margin-top:10px;}
    .footer .content { text-indent:20px;}
    .footer input { width:300px; border:none;color:rgba(0,0,0,.2); height:26px; margin:0;padding:0; }
    .footer .search-btn  { width:60px; border:none;background-color:#ff9600;height:26px;}

/**ABOUT US**/
.childpart-head{padding-top:6rem;}

/**.am-slider-b3 .am-direction-nav a:before{content:url(../images/arrow_left.png)}**/


#product {
 position:absolute;bottom:-30px;
 height:150px;
 margin:0 5px 5px 0;
 float:left;
}
#product div#content {
 position:relative;
 min-width:1000px;
 height:160px;
 display:inline-block;
 overflow:hidden;
 float:left;
}
#product div#content_list {
 position:absolute;
 width:4000px;
}
#product dl{
 width:165px;
 height:150px;
 float:left;
 margin:0 2px;
 border:2px solid #00a1e9;
 border-radius:5px;
 background:#333;
}
#product dl:hover {
 border:2px solid #00a1e9;
 border-radius:5px;
 background:#ccc;
}
#product dl dt {

}
#product dl dt img {
 width:160px;
 height:123px;
 border:none;
}
#product dl dd {
 text-align:center;
 color:#00b8ee;
 font-weight:bold;
 margin:0;padding:0;
}
#product span.prev{
 cursor:pointer;
 display:inline-block;
 width:40px;
 height:150px;
 background:url(../images/arrow_left.png) no-repeat left center;
 float:left;
}
#product span.next{
 cursor:pointer;
 display:inline-block;
 width:40px;
 height:150px;
 background:url(../images/arrow_right.png) no-repeat left center;
 float:right;
}
