html,body{height:auto; width:100%; }
@charset "utf-8";
/* CSS Document */
.ins-mbx-w{width:100%; height:50px; background:#fafafa;}
.ins-mbx{width:1200px; height:50px; line-height:50px; color:#666; font-size:16px; margin:0 auto;}
.ins-mbx a{padding:0 8px; color:#666;}
.ins-mbx a:hover{color:#00479d;}
.ins-mbx i{vertical-align:middle;}
.ind01-w{width:100%; height:auto; overflow:hidden; background:#fff;}
.ind01-n{width:1201px; height:auto; overflow:hidden; margin:50px auto 80px;}
.ind-tt{width:100%; height:60px; line-height:60px; color:#00479d; font-family:"Times New Roman", Times, serif; text-align:center; font-size:36px; margin-bottom:30px;}
.ind01-l{width:588px; height:588px; overflow:hidden; float:left; position:relative;}
.ind01-l .img{width:588px; height:588px; overflow:hidden;}
.ind01-l .img img{width:100%; height:auto;}
.ind01-l span{width:100%; height:40px; position:absolute; left:0; bottom:0; overflow:hidden; background:rgba(0,0,0,0.7); line-height:40px; font-size:18px; color:#fff; text-align:center; display:block;}
.ind01-r{width:587px; height:587px; overflow:hidden; float:right;}
.ind01-r ul{ clear:both; margin-left:-27px;}
.ind01-r li{width:280px; height:280px; position:relative; float:left; margin-left:27px; margin-bottom:27px;}
.ind01-r li .img{width:280px; height:280px; overflow:hidden;}
.ind01-r .img img{width:100%; height:auto;}
.ind01-r li span{width:100%; height:40px; position:absolute; left:0; bottom:0; overflow:hidden; background:rgba(0,0,0,0.7); line-height:40px; font-size:18px; color:#fff; text-align:center; display:block;}
.ind01-l a:hover span,.ind01-r li a:hover span{ background:rgba(1,172,234,0.8);}
.ind01-n img{max-width:100%; height:auto;}
.ind02-w{width:100%; height:auto; overflow:hidden; background:#f5f5f5;}
.ind02-n{width:1201px; height:auto; overflow:hidden; margin:50px auto 60px;}
.ins-tb{width:100%; height:auto; overflow:hidden; text-align:center; padding-bottom:30px; font-family:'OpenSansLight';}
.ins-tb a{padding:10px 20px; display:inline-block; background:#fff; color:#333; line-height:24px; font-size:18px; border-radius:30px; overflow:hidden; border:1px solid #e1e1e1; margin:0 10px 10px 10px;}
.ins-tb a:hover{background:#00479d; color:#fff;  border:1px solid #00479d;}
.ins-tb .now{background:#00479d; color:#fff; border:1px solid #00479d;}

.ins-smtb{width:100%; height:auto; overflow:hidden; border-top:1px dotted #ccc; padding:20px 20px 10px; border-bottom:1px dotted #ccc; margin-bottom:30px;}
.ins-smtb a{padding:5px 15px; display:inline-block; background:#fff; color:#000; line-height:20px; font-size:15px; overflow:hidden; border:1px solid #e1e1e1; margin:0 10px 10px 10px;}
.ins-smtb a:hover{background:#00479d; color:#fff;  border:1px solid #00479d;}
.ins-smtb .now{background:#00479d; color:#fff; border:1px solid #00479d;}


.ins-activity{width:100%; height:auto; overflow:hidden;}
.ins-activity ul{clear:both; margin-left:-27px;}
.ins-activity li{width:280px; height:350px; float:left; margin-left:27px;}
.ins-activity li .img{width:280px; height:280px; margin:0 auto; overflow:hidden; border:1px solid #fff; box-sizing:border-box;}
.ins-activity li .img img{width:100%; height:auto;}
.ins-activity li span{width:100%; height:56px; line-height:28px; color:#333; font-size:16px; display:block;}
.ins-activity li a:hover span{color:#00479d;}
.ins-activity li a:hover .img{border:1px solid #00479d;}

.search{width:60%; padding:10px 0; margin:0 auto 40px; background-color:#fff; border:2px solid #d2d2d2; border-radius:50px; box-sizing:border-box; display:block; vertical-align:middle; text-align:center;}
.search input[type='search'], .ins-info-w .search button[type='submit'] {height:30px; vertical-align: middle; font-size:16px; line-height:30px;}
.search input[type='search'] {width:85%; background:none; border:none;	outline:none; color:#333; padding-left:8px;}
.search button[type='submit'] {background:none; color:#00479d; padding-right:8px; border:none;	}
.search button[type='submit'] i {font-size:30px; cursor:pointer; vertical-align:middle;}
.search input[type='search']:placeholder {opacity: .8; font-size:16px; color: #999;}
.search input[type='search']::-webkit-input-placeholder {opacity: .8; color: #999;}
.search input[type='search']:-moz-placeholder {opacity: .8; color: #999;}
.search input[type='search']::-moz-placeholder {opacity: .8; color: #999;}
.search input[type='search']:-ms-input-placeholder {opacity: .8; color:#999;}
.search_ span, .search_ {font-size:20px; line-height:30px;  margin-bottom:28px;}

.promore{width:200px; height:45px; margin:0 auto; font-family:"Times New Roman", Times, serif; text-align:center; line-height:44px;}
.promore a{height:45px; color:#00479d; background:#fff; border:1px solid #00479d; display:block; box-sizing:border-box; border-radius:30px; font-size:24px;}
.promore a:hover{background:#00479d; color:#fff;}

.ind03-w{width:100%; height:auto; overflow:hidden; background:url(../images/bbg.jpg) center top;}
.ind03-n{width:1200px; height:auto; overflow:hidden; margin:50px auto 98px;}
.ind-contact-01{width:900px; height:auto; padding:30px 20px; box-sizing:border-box; margin:0 auto; line-height:30px; color:#434343; text-align:center; background:#fff; border-radius:200px; font-size:18px;}
.ind-contact-01 a{color:#434343;}
.ind-contact-01 a:hover{color:#00479d;}
.ind-contact-01 span i{font-size:22px; color:#00479d; padding-right:5px;}
.l50{padding-left:50px;}

.ind-contact-02{width:900px; height:auto; padding:40px 20px; box-sizing:border-box; margin:45px auto 0; line-height:60px; color:#fff; text-align:center; background:#00479d; border-radius:200px; font-size:48px; font-family:'Geometric415BT-BlackA'; overflow:hidden;}
.ind-contact-02 a{color:#fff;}
.ind-contact-02 a:hover{color:#bdedff;}
.ind-contact-02 span i{font-size:60px; padding-right:10px; vertical-align:middle;}

.ins-banner{width:100%; height:220px; background-size:cover; margin-top:90px;}
.ins-n{width:1200px; height:auto; overflow:hidden; margin:50px auto 0px;}
.about-txt{width:90%; height:auto; min-height:300px; font-size:18px; color:#333; line-height:28px; padding-bottom:30px; font-family:'OpenSansLight'; margin:0 auto; border-bottom:1px solid #eee;}
.about-txt img{max-width:100%; height:auto;}

.product-w{width:100%; height:auto; overflow:hidden;}
.product-n{width:1201px; height:auto; overflow:hidden; margin:50px auto 40px;}
.hot-tt{width:100%; height:60px; background:#f5f5f5; color:#00479d; font-size:24px; text-indent:20px; line-height:60px; margin-bottom:30px; }
.product-xx{width:100%; height:auto; max-height:480px; overflow:hidden; margin:0 auto 30px;}
.product-xx-img{width:480px; height:auto; float:left; overflow:hidden;}
.product-xx-img img{width:100%; height:auto;}
.product-xx-r{width:670px; height:auto; overflow:hidden; float:right;}
.product-xx-r h1{width:100%; height:auto; line-height:30px; color:#333; font-size:24px; padding:10px 20px; margin-bottom:20px; border:1px solid #eee; box-sizing:border-box;}
.product-info{width:100%; height:408px;  border:1px solid #eee; box-sizing:border-box; overflow: auto; padding:20px; font-size:16px; color:#666; line-height:28px;}
.product-txt{width:100%; height:auto; min-height:300px; font-size:18px; color:#333; line-height:28px; padding-bottom:30px; font-family:'OpenSansLight'; margin:0 auto;}
.product-txt img{max-width:100%; height:auto;}


.feed-w{width:100%; height:auto; overflow:hidden; background:url(../images/fbg.jpg) center bottom no-repeat;}
.feed-n{width:1200px; height:auto; overflow:hidden; margin:50px auto 98px;}
.ins-feedback{width:900px; height:auto; padding:30px 20px; box-sizing:border-box; margin:0 auto; background:#fff; font-size:18px; border:1px solid #eee; overflow:hidden;}
.ins-message{width:100%; height:auto; overflow:hidden; margin:30px auto;}
.ins-message dl{clear:both; margin-bottom:20px;}
.ins-message dt{width:20%; height:40px; line-height:40px; float:left; text-align:right; padding-right:10px; font-size:15px;}
.ins-message dd{width:80%; height:auto; float:right;}
.ins-message .t-text{width:300px; height:40px; padding: 0 10px; line-height:40px; border:#e5e5e5 1px solid; border-radius:5px; font-size:16px; margin-right: 15px; float:left;}
.ins-message .t-text2{width:80%; height:40px; padding: 0 10px; line-height:40px; border:#e5e5e5 1px solid; border-radius:5px; font-size:16px; margin-right: 15px; float:left;}
.ins-message .t-text3{width:90%; height:80px; padding: 0 10px; line-height:30px; border:#e5e5e5 1px solid; border-radius:5px; font-size:16px !important; margin-right: 15px; float:left; }
.ins-message .t-text4{width:150px; height:40px; padding: 0 10px; line-height:40px; border:#e5e5e5 1px solid; border-radius:5px; font-size:16px; margin-right:15px; float:left;}
.ins-message .t-text5{width:150px; height:40px; padding: 0 10px; line-height:40px; border:#e5e5e5 1px solid; border-radius:5px; font-size:16px; margin-right:15px; float:left;}
.ins-message .t-text6{width:300px; height:40px; padding: 0 10px; line-height:40px; border:#e5e5e5 1px solid; border-radius:5px; font-size:16px; margin-right: 15px; float:left;}
.ins-message-btn{width:100%; height:auto; text-align:center; padding-left:20%; margin-top:20px;}
.ins-message-btn .t-btn1{width:90px; height:40px; padding: 0 20px; line-height:40px; border:none; font-size:18px; margin-right:15px; float:left; cursor:pointer; background:#00479d; color:#fff; border-radius:30px; font-family:'OpenSansLight',Arial, Helvetica, sans-serif;}
.ins-message-btn .t-btn2{width:90px; height:40px; padding: 0 20px; line-height:39px; border:#ccc 1px solid; font-size:18px; float:left; cursor:pointer; border-radius:30px; font-family:'OpenSansLight',Arial, Helvetica, sans-serif;}
.ins-message textarea:placeholder {font-family:'OpenSansLight',Arial, Helvetica, sans-serif; color:#ccc;}
.ins-message input::-webkit-input-placeholder, .ins-message textarea::-webkit-input-placeholder {font-family:'OpenSansLight',Arial, Helvetica, sans-serif;}
.ins-message input:-moz-placeholder, .ins-message textarea:-moz-placeholder {font-family:'OpenSansLight',Arial, Helvetica, sans-serif;}
.ins-message input::-moz-placeholder, .ins-message textarea::-moz-placeholder {font-family:'OpenSansLight',Arial, Helvetica, sans-serif;}
.ins-message input:-ms-input-placeholder, .ins-message textarea:-ms-input-placeholder {font-family:'OpenSansLight',Arial, Helvetica, sans-serif;}

/*NEWS*/
.news-list{width:100%; height:auto; background:#fff; min-height:600px; margin-top:-30px;}
.news-list dl{width:100%; height:auto; margin:0 auto;  border-bottom:1px solid #eee; overflow:hidden; padding:30px 0;}
.news-l{width:260px; height:174px; float:left; overflow:hidden; border:1px solid #eee; box-sizing:border-box;}
.news-l img{width:260px; height:174px;}
.news-r{width:895px; height:107px; float:right; font-family:'OpenSansLight';}
.news-r h1{width:100%; height:auto; max-height:50px; line-height:25px; color:#333; font-size:20px; margin-bottom:10px;}
.news-r span{width:100%; height:48px; line-height:48px; color:#999; font-size:14px; display:block;}
.news-r p{width:100%; height:auto; max-height:78px; line-height:26px; color:#999; font-size:16px; overflow:hidden;}
.news-list dl:hover .news-r h1{color:#65bb12;}

.news-xx{width:100%; height:auto; background:#fff; padding:0 0 20px; min-height:500px;}
.news-xx>h1{width:100%; height:auto; line-height:30px; padding:20px 0; margin:0 auto; font-size:24px; text-align:center; font-family:'OpenSansLight';}
.news-xx .dx{ border-bottom:1px solid #eee; margin-bottom:10px;}
.news-xx>h2{width:100%; height:auto; color:#999; line-height:20px; font-size:14px; border:1px dashed #eee; margin:0 auto 20px; text-align:center; padding:10px 0;}
.news-xx>h2 span{padding:0 40px 0 10px;}
.news-xx>h2 a{width:80px; height:30px; background:#ff552e; color:#fff; display: inline-block; border-radius:15px; line-height:30px; font-size:14px;}
.news-xx>h2 a:hover{background:#0CC;}

.news-txt{width:100%; height:auto; min-height:500px; font-size:16px; color:#333; line-height:28px; padding-bottom:30px; font-family:'OpenSansLight';}
.news-txt img{max-width:100%; height:auto;}
@media only screen and (max-width:768px){
.ins-mbx{width:94%;}
.ind01-n{width:94%; margin:30px auto 30px;}
.ind01-l{width:49%; height:auto; float:left;}
.ind01-l .img{width:100%; height:auto;}
.ind01-l span{width:100%; height:30px; line-height:30px; font-size:16px;}
.ind01-r{width:48%; height:auto; float:right;}
.ind01-r ul{ clear:both; margin-left:-5%;}
.ind01-r li{width:45%; height:auto; position:relative; float:left; margin-left:5%; margin-bottom:27px;}
.ind01-r li .img{width:100%; height:auto;}
.ind01-r li span{height:30px; line-height:30px; font-size:16px;}

.ind02-n{width:94%; margin:30px auto 40px;}
.ind-tt{height:40px; line-height:40px; font-size:30px; margin-bottom:30px;}
.ins-tb{padding-bottom:10px;}
.ins-tb a{padding:5px 10px; line-height:18px; font-size:14px; margin:0 5px 5px 5px;}
.ins-activity{ margin-bottom:20px;}
.ins-activity ul{clear:both; margin-left:0;}
.ins-activity li{width:30%; height:auto; margin:10px 1.5% 0;}
.ins-activity li .img{width:100%; height:auto;}
.ins-activity li span{height:44px; line-height:22px; font-size:14px; padding-top:5px;}
.ins-info-w{ margin-top:15px; padding:20px 15px; min-height:300px;}
.ins-info-w .search {
  width:90%;
  padding:5px 0;
  margin:0 auto 30px;
   }
.promore{width:150px; height:36px; margin:0px auto; line-height:35px;}
.promore a{height:36px; font-size:18px;}
.ind03-w{ background-size:cover;}
.ind03-n{width:94%; margin:50px auto 80px;}
.ind-contact-01{width:100%; padding:30px 20px; margin:0 auto; line-height:40px; text-align:center; border-radius:200px; font-size:18px;}
.ind-contact-01 span i{font-size:30px; padding-right:10px;}
.l50{padding-left:50px;}
.ind-contact-02{width:100%; padding:30px 20px; margin:35px auto 0; line-height:50px; border-radius:200px; font-size:36px;}
.ind-contact-02 span i{font-size:50px;}
.ins-banner{height:200px; margin-top:70px; background-size:cover !important;}
.ins-n{width:94%; margin:30px auto 10px;}
.about-txt{line-height:24px; font-size:0.9em; width:94%; min-height:200px; margin:0 auto; padding-top:10px;}
.product-n{width:94%; margin:30px auto 30px;}
.feed-w{ background-size:cover;}
.feed-n{width:94%; margin:50px auto 80px;}
.ins-feedback{width:100%; padding:30px 20px 30px; margin:0 auto;}
.ins-message{width:100%; height:auto; overflow:hidden; margin:10px auto 20px;}
.ins-message dl{clear:both; margin-bottom:10px;}
.ins-message dt{width:100%; height:30px; line-height:30px; float:left; text-align:left; padding-right:10px; font-size:14px;}
.ins-message dd{width:100%; height:auto; float:right;}
.ins-message .t-text{width:100%; height:40px; padding: 0 10px; line-height:40px; border:#e5e5e5 1px solid; font-size:14px; margin-right: 15px; float:left;}
.ins-message .t-text2{width:100%; font-size:14px;}
.ins-message .t-text3{width:100%; font-size:14px !important;}
.ins-message .t-text4{width:120px; font-size:14px; margin-right:8px;}
.ins-message .t-text5{width:50%; font-size:14px; margin-right:8px; margin-bottom:8px;}
.ins-message .t-text6{width:100%; height:40px; padding: 0 10px; line-height:40px; border:#e5e5e5 1px solid; font-size:14px; margin-right: 15px; float:left;}

.ins-message-btn{width:197px; padding-left:0; margin:30px auto;}
.ins-message-btn .t-btn1{width:90px; height:40px; padding: 0 20px; line-height:40px; border:none; font-size:16px; margin-right:15px;}
.ins-message-btn .t-btn2{width:90px; height:40px; padding: 0 20px; line-height:40px; font-size:16px;}
.hot-tt{height:50px; font-size:20px; text-indent:10px; line-height:50px; margin-bottom:20px; }

.product-xx{width:100%; max-height:300px; margin:0 auto 20px;}
.product-xx-img{width:40%;}
.product-xx-r{width:57%; height:auto; overflow:hidden; float:right;}
.product-xx-r h1{line-height:24px; font-size:20px; padding:10px 20px;}
.product-info{width:100%; height:220px; padding:20px; font-size:16px; line-height:28px;}
.product-txt{min-height:300px; font-size:18px; line-height:28px; padding-bottom:30px;}

.news-list{min-height:400px; margin-top:-10px;}
.news-list dl{padding:20px 0 15px;}
.news-l{width:30%; height:auto; float:left;}
.news-l img{width:100%;}
.news-r{width:68%; height:auto; float:left; margin-left:10px; border-right:none}
.news-r h1{width:100%; height:auto; max-height:200px; line-height:20px; font-size:14px; font-weight:bold;}
.news-r p{ display:none;}
.news-r span{width:100%; height:22px; line-height:22px; color:#999; font-size:10px; font-family:Arial, Helvetica, sans-serif; font-style:italic;}

.news-xx{padding:0 0 10px; min-height:400px;}
.news-xx>h1{line-height:24px; padding:10px 0; font-size:16px; text-align:left; font-weight:bold;}
.news-xx>h2{line-height:20px; font-size:12px; margin:0 auto 10px; padding:10px 0;}
.news-xx>h2 span{padding:0 10px 0 3px;}
.news-txt{line-height:24px; font-size:14px; min-height:200px;}

}


@media only screen and (max-width:480px){
.ind01-l{width:100%; height:auto; float:left; margin-bottom:20px; margin-top:10px;}
.ind01-l .img{width:100%; height:auto;}
.ind01-l span{width:100%; height:30px; line-height:30px; font-size:16px;}
.ind01-r{width:100%; height:auto; overflow:hidden; float:right;}
.ind01-r ul{ clear:both; margin-left:-4%;}
.ind01-r li{width:46%; height:auto; float:left; margin-left:4%; margin-bottom:20px;}
.ind01-r li .img{height:auto; overflow:hidden;}
.ind01-r li span{height:30px; line-height:30px; font-size:16px;}

.ind-tt{height:40px; line-height:40px; font-size:24px; margin-bottom:0px;}
.ins-mbx-w{height:40px;}
.ins-mbx{height:40px; line-height:40px; font-size:14px;}
.ins-mbx a{padding:0 5px;}
.ins-mbx i{font-size:14px;}
.ins-activity li{width:46%; margin:20px 2% 0;}
.ins-activity li span{ font-size:12px; overflow:hidden;}
.search{width:90%; padding:6px 0; margin:10px auto 10px; background-color:#fff; border:1px solid #d2d2d2; border-radius:50px; box-sizing:border-box; display:block; vertical-align:middle; text-align:center;}
.search input[type='search'], .ins-info-w .search button[type='submit'] {height:30px; vertical-align: middle; font-size:16px; line-height:30px;}
.search input[type='search'] {width:70%; background:none; border:none;	outline:none; color:#333; padding-left:8px;}
.promore{margin:20px auto 0;}
.ind03-n{width:90%; margin:40px auto 60px;}
.feed-n{width:90%; margin:40px auto 60px;}
.ind-contact-01{padding:20px 20px; margin:20px auto 0; line-height:30px; text-align:left; border-radius:0; font-size:16px;}
.ind-contact-01 span{display:block;}
.ind-contact-01 span i{font-size:24px; padding-right:8px;}
.l50{padding-left:0px;}
.ind-contact-02{width:100%; padding:20px 10px; margin:20px auto 0; line-height:50px; border-radius:0; font-size:24px;}
.ind-contact-02 span{ width:50%; display:block; float:left;}
.ind-contact-02 span i{font-size:24px; padding-right:8px;}
.ins-banner{height:100px; margin-top:70px;}
.ins-feedback{padding:20px 20px; margin:20px auto 0; font-size:16px;}
.hot-tt{height:50px; font-size:20px; text-indent:10px; line-height:50px; margin-bottom:10px; }
.product-xx{width:100%; max-height:1000px; margin:0px auto 20px;}
.product-xx-img{width:80%; float:none; margin:0 auto 30px;}
.product-xx-r{width:100%; height:auto; overflow:hidden; float:none;}
.product-xx-r h1{line-height:24px; font-size:20px; padding:10px 20px;}
.product-info{width:100%; height:auto; padding:20px; font-size:16px; line-height:28px; overflow:hidden;}
.product-txt{min-height:200px; font-size:16px; line-height:28px; padding-bottom:30px;}
.news-r{width:65%;}

}