body { font-family: 微软雅黑,"Open Sans", sans-serif;font-size:14px; overflow-x:hidden;}
input,
select,
textarea { font-family: 微软雅黑,"Open Sans", sans-serif;font-size:1em;; }
.wrap { width: 100%; margin: 0 auto;max-width:1100px; position: relative; }

img,a{ border:0;}
ul,li{ list-style:none;}
*{ margin:0; padding:0;}
.flt{ float:left;}
.frt{ float:right;}
.clear{ clear:both;}
.clear:after,.clear:before{content:'';clear:both; display:table;}
 
.img{overflow:hidden;position:relative;}
.img:before{ transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s; content:'';display:block;position:absolute; top:0;left:0;right:0; bottom:0; border:1px solid rgba(255,255,255,0);z-index:100}
.img:hover:before{ top:10px;left:10px;right:10px; bottom:10px; border:1px solid rgba(255,255,255,0.5);}
.img:hover img{ transform:scale(1.1) rotate(3deg);-o-transform:scale(1.1) rotate(3deg);-webkit-transform:scale(1.1) rotate(3deg);-moz-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);}

.owl-theme .owl-controls .owl-nav [class*=owl-]{position:absolute; margin:0 !important; padding:0 !important;}
.owl-theme .owl-controls{ bottom:50% !important; height:0;margin-bottom:50px; }
.owl-theme .owl-controls .owl-nav{ height:0;position:relative;}
.owl-theme .owl-controls .owl-nav .owl-prev{ left:5%;}
.owl-theme .owl-controls .owl-nav .owl-next{ right:5%;}

*{ transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;}


/*----------header----------*/
.header {  }
.header .head {font-size:12px; line-height: 45px; background: #1a1a1a; color: #fff; }
.fixed .header .head{ display:none;}
.fixed .header{position:fixed;background:#fff;z-index:10000000;width:100%;}
.fixed .head2{padding:10px 0;border-bottom:1px solid #ccc;}
.mainer{transition:all 0s;-o-transition:all 0s;-webkit-transition:all 0s;-moz-transition:all 0s;-ms-transition:all 0s;}
.fixed .mainer{padding-top:88px;}
.head span { display: inline-block; padding-left: 30px; margin-right: 20px; }
.head span.tel { background: url("../img/icon1.png") no-repeat left center; }
.head span.email { background: url("../img/icon2.png") no-repeat left center; }
.head2{ padding:25px 0;}
.menu ul li{ float:left; margin-left:20px;}
.menu ul li a{border:1px solid #fff;padding:0 25px; display:block; line-height:36px;  font-size:16px;color:#444;}  
.menu ul li.on a,.menu ul li a:hover{ color:#d9beb6; border-color:#d9beb6;}



.banner .item{ position:relative;}
.banner .item img{ display:block; width:100%;}
.banner .item .text{ position:absolute; left:0; top:50%; margin-top:-100px;   text-align:center;width:100%; }
.banner .item .text img{ max-width:565px; margin:0 auto}
.banner .item .text h2{ font-size:1.8em;font-weight:normal;}
.banner.owl-theme .owl-controls .owl-nav [class*=owl-]{width:30px;}
.owl-theme .owl-controls .owl-nav [class*=owl-] img{width:100%;}


.page_tit{margin-top:20px; text-align:center; color:#666;line-height:36px;font-size:16px;}
.page_tit h3{padding:30px 0;font-size:36px;font-weight:normal;color:#222;}
.page_tit p{width:88%;margin:0 auto;}

.page_list1 ul li{width:30.333%; margin:15px 1.5%;float:left;}
.page_list1 ul{margin:30px -1.5%;overflow:hidden;}
.page_list1 ul img{ display:block;}
.page_list1 ul a{display:block;position:relative;}
.page_list1 ul .mask{position:absolute; top:0;left:0;bottom:0; right:0;background:#212121;opacity:0.6;filter:alpha(opacity=60);}
.page_list1 ul a:hover .mask{ background:#e8d4cf}
.page_list1 ul a:hover .text span{background:rgba(0,0,0,0.5);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5f000000', endColorstr='#5f000000'); border-color:transparent;}
.page_list1 ul .text{position:absolute;left:0; width:100%; top:50%; margin-top:-24px;line-height:48px;}
.page_list1 ul .text span{max-width:175px;width:80%; margin:0 auto; display:block;text-align:center;border:1px solid #fff;font-size:16px;color:#fff;}

.page_text{border:1px solid #eee; border-left:0; border-right:0; padding:70px 0;text-align:center;}
.page_text p{line-height:36px;font-size:16px;color:#666; text-align:center;max-width:660px;margin:0 auto; width:90%; }
.page_service{margin:50px 0; position:relative;}
.page_service img{opacity:0.7;filter:alpha(opacity=70); display:block;}
.page_service .img1{ background:#787878}
.page_service .text{z-index:100; position:absolute;left:0;width:100%; text-align:center;top:50%;margin-top:-57px;}
.page_service .text h3{letter-spacing:2px; font-size:36px; font-weight:normal;color:#fff;margin-bottom:30px;}
.page_service .text .btn a{ display:block;width:173px;line-height:46px;margin:0 auto; text-align:center; border:1px solid #fff; color:#fff; font-size:16px;}
.page_service .text .btn a:hover{ background:#fff; color:#000}
/*----------mainer----------*/
.mainer { }










/*----------footer----------*/
.footer { }
.foot{ border-top:1px solid #eee;padding:50px 0;}
 
.f_rt .item{ float:left; padding-left:40px; border-left:1px solid #eee;}
.f_rt .item ul{ min-width:250px;}
.f_rt .item ul li{ margin-bottom:20px;}
.f_rt .item ul li a{color:#666}
.f_rt .item ul li a:hover{color:#578f13}
.f_rt .item .span_tit{ display:block;margin-bottom:30px; font-size:16px;}
.f_text{float:left;width:45%; overflow:hidden;}
.f_text .text{margin:10px 0;line-height:36px;color:#666;}
.f_text .share a{margin-top:10px; margin-right:10px; display:inline-block;width:28px;height:28px;border-radius:28px; background-color:#6ca12b; background-position:center center; background-repeat:no-repeat; }
.f_text .share a:hover{ background-color:#578f13}
.f_text .share a.a_weixin{background-image:url("../img/icon4.png")/*tpa=http://demo.moodao.com/www/103demo116/img/icon4.png*/;}
.f_text .share a.a_qq{background-image:url("../img/icon5.png")/*tpa=http://demo.moodao.com/www/103demo116/img/icon5.png*/;}






/*----------custom----------*/


.page_banner { }
.banner_web { height:320px; display:table; width:100%; text-align:center; color:#fff; }
.cell { display:table-cell; vertical-align:middle; }
.banner_web span { display:inline-block; height:90px; line-height:90px; border-top:1px solid #fff; border-bottom:1px solid #fff; padding:0 10px; font-size:36px; font-family:宋体; }
.banner_web span i { display:inline-block; width:56px; height:90px; line-height:90px; background:url("../img/icon3.png") no-repeat center center; vertical-align:top; }
.banner_web p { text-transform:uppercase; font-size:18px; letter-spacing:21px; margin-top:25px; padding-left:21px; }

.product_list { padding:30px 0 60px; }
.product_list ul { margin:0 -1%; }
.product_list ul li { float:left; width:31.333%; margin:30px 1% 0; background:#f9f9f9; padding-bottom:10px; }
.product_list ul li .img { }
.product_list ul li .img img { display:block; width:100%; }
.product_list ul li .web { margin:-20px 10px 0; background:#fff; position:relative; z-index:9999; padding:40px 0; text-align:center; }
.product_list ul li .web h4 { font-weight:normal; font-size:20px; color:#222; }
.product_list ul li .web p { font-size:10px; color:#999; text-transform:uppercase; margin-top:10px; }


.service_list { padding:40px 0 60px; }
.service_list ul li { margin-top:20px; background:#f9f9f9; }
.service_list ul li a { display:block; width:100%; position:relative; }
.service_list ul li .img1 { width:41%; }
.service_list ul li .img1 img { display:block; width:100%; }
.service_list ul li .web_box { position:absolute; top:10px; bottom:10px; width:59%; background:#fff; border:1px solid #fff; }
.service_list ul li .web_box.rt { right:10px;padding-left:30px; }
.service_list ul li .web_box.lt { left:10px;padding-left:30px; }
.service_list ul li .web { padding-top:40px; padding-right:30px; }
.service_list ul li .web .tit { }
.service_list ul li .web .tit h3 { font-size:20px; color:#222; font-weight:normal; }
.service_list ul li .web .tit h3 font { float:right; font-size:22px; color:#666; }
.service_list ul li .web .tit p { font-size:10px; color:#999; text-transform:uppercase; margin-top:10px; }
.service_list ul li .web .text { margin-top:30px; background:url("../img/icon6.png") no-repeat right bottom; }
.service_list ul li .web .text p { width:82%; font-size:14px; line-height:28px; color:#666;  height:112px;overflow:hidden;}

.service_list ul li a:hover .web_box { border:1px solid #e7d4ce; }


.page_details { padding:60px 0 70px; }
.page_details .tit { text-align:center; }
.page_details .tit h3 { font-weight:normal; font-size:26px; color:#222; }
.page_details .tit p { font-size:10px; color:#999; margin-top:20px; text-transform:uppercase; }
.page_details .web { margin-top:40px; }
.page_details .web p { font-size:14px; line-height:28px; color:#666; margin-top:30px; text-align:justify; }
.page_details .web .img_box { margin-top:30px; text-align:center;}
.page_details .web .img_box .img1 { max-width:41%; margin:0 1%; display:inline-block; float:none;}
.page_details .web .img_box .img1 img { display:block; width:100%; }

.details_btn { margin-top:50px; }
.details_btn p { font-size:14px; color:#666; margin-top:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.details_btn p span { display:inline-block; margin-right:27px; }
.details_btn p a { color:#666; }
.details_btn p a:hover,.details_btn p a:active { text-decoration:underline; }


.company_profile { padding:150px 0 60px; }
.company_profile .box { padding:40px 28px 100px 300px; background:#f9f9f9; position:relative; }
.company_profile .box .img { position:absolute; left:20px; top:-88px; }
.company_profile .box .img img { display:block; }
.company_profile .box .tit { position:absolute; top:-55px; left:258px; }
.company_profile .box .tit h3 { font-size:26px; font-weight:normal; color:#222; padding-left:40px; background:url("../img/icon7.jpg") no-repeat left bottom; }
.company_profile .box .tit h3 span { font-size:12px; color:#999; margin-left:10px; }
.company_profile .box .web { }
.company_profile .box .web p { font-size:14px; line-height:28px; color:#666; }


.our_team { padding-bottom:30px; }
.our_team .web { background:#f9f9f9; padding:60px 0 205px; text-align:center; }
.our_team .web h3 { font-size:26px; font-weight:normal; color:#222; }
.our_team .web p { font-size:16px; line-height:36px; color:#666; padding:0 6%; margin-top:15px; }
.our_team .list { margin-top:-160px; }
.our_team .list ul { margin:0 -1.5%; }
.our_team .list ul li { float:left; width:30.333%; margin:0 1.5% 30px; box-shadow:0 0 15px rgba(101,101,101,0.1); }
.our_team .list ul li .img { }
.our_team .list ul li .img img { display:block; width:100%; }
.our_team .list ul li .text { padding:22px 20px 25px; }
.our_team .list ul li .text h3 { font-size:20px; color:#222; font-weight:normal; }
.our_team .list ul li .text p { font-size:14px; color:#666; margin-top:15px; }


.page_contact { padding:140px 0; }
.page_contact .address { float:left; width:50%; }
.page_contact .address ul li { line-height:26px; font-size:16px; margin-top:30px; }
.page_contact .address ul li:first-child { margin-top:0; }
.page_contact .address ul li span { display:block; padding-left:30px; color:#686868; }
.page_contact .address ul li span.sp1 { background:url("../img/icon8.png") no-repeat left center; }
.page_contact .address ul li span.sp2 { background:url("../img/icon9.png") no-repeat left center; }
.page_contact .address ul li span.sp3 { background:url("../img/icon10.png") no-repeat left center; }
.page_contact .address ul li p { padding-left:30px;  }
.page_contact .tab { float:right; width:50%; }
.page_contact .tab .list { width:48%; }
.page_contact .tab .div_input { height:46px; line-height:46px; background:#f6f6f6; padding:0 18px; }
.page_contact .tab .div_input input { border:none; width:100%; background:none; height:46px; line-height:46px; }
.page_contact .tab .div_textarea { margin-top:20px; background:#f6f6f6; padding:18px; }
.page_contact .tab .div_textarea textarea { width:100%; background:none; resize:none; border:none; }
.page_contact .tab .btn { margin-top:20px; }
.page_contact .tab .btn a { display:inline-block; width:148px; height:46px; line-height:46px; background:#d9beb6; font-size:14px; color:#fff; text-align:center; }
.page_contact .tab .btn a:hover { opacity:0.8;filter:alpha(opacity=80); }
img{max-width:100%;}
@media only screen and (max-width: 1100px){
    .f_rt{margin-left:40px;}
    .menu ul li{ margin-left:10px;}
    .menu ul li a{padding:0 20px;}
    .head2{ padding:20px 0;}
    .wrap{width:95%;}
    .banner .item .text img{height:130px;}
    .banner .item .text .img1 img{width:auto;}
    .banner .item .text {top:50%; margin-top:-65px;}
    .f_text{width:35%;}
}

@media only screen and (max-width: 900px) {
    .f_rt .item ul{ min-width:150px;}
    .company_profile .box{padding-top:10px;padding-right:10px;} 
    .company_profile{padding-top:100px;}
    .company_profile .box .img{ top:-50px;}
    .company_profile .box .tit{ top:-40px;}
}
@media only screen and (max-width: 750px) {
    .f_rt .item ul{min-width:initial;padding-right:30px;}
    .header .head{display:none}
    .header{ position:fixed;background:#fff; top:0;left:0;width:100%;z-index:10000}
    .header .logo{z-index:10000;position:relative; line-height:40px;}
    .header .logo img{vertical-align:middle;}
    .head2{ padding:10px 0;}
    .mainer{ padding-top:60px;}
    .menu{position:fixed;display:table; top:-100%;left:0;width:100%; height:100%; background:#fff;}
    .menu.on{ top:0px;}
    .menu ul{display:table-cell; vertical-align:middle;}
    .menu ul li{ float:none;margin:10px auto;}
    .menu ul li a{ padding:0 inherit; width:40%;margin:0 auto; text-align:center;font-size:20px;line-height:40px;}
    .menu_wrap{position:absolute; top:0;right:0;width:40px;height:40px;background:url("../img/menu.png") no-repeat center center; background-size:25px auto;}
    .banner .item>.img1{ width:180%; margin-left:-40%;}
    .banner .item{ overflow:hidden;}
    .page_tit h3{padding:10px 0;font-size:20px;}
    .page_tit p{ width:95%;line-height:25px;font-size:14px;}
    .page_list1 ul li{ width:47%;}
    .page_text{padding:40px 0;line-height:25px;}
    .page_text p{line-height:30px;}
    .banner .item .text img{ height:100px;}
    .banner .item .text{margin-top:-50px;}
    .page_service .text h3{ font-size:26px;}
    .page_service .img1{width:150%; margin-left:-25%;}
    .page_service{overflow:hidden;margin-bottom:20px;}
    .page_service img{display:block;}
    .f_rt,.f_text{ width:100%; float:none;margin:0 auto;}
    .f_rt{ margin-top:30px;}
    .f_rt .item{ box-sizing:border-box;width:50%; padding:0; text-align:center;}
    .f_rt .item:first-child{ border-left:0;}
    .f_rt .item ul{ padding:0;}
    .ewm{max-width:130px;margin:0 auto;}
    .share{text-align:center;}
    .share a{margin:0 10px;}
    .f_text .text{ line-height:25px; }
    .foot{padding:20px 0;}
    .banner.owl-theme .owl-controls .owl-nav [class*=owl-]{width:15px;}
    .owl-theme .owl-controls{ margin-bottom:25px;}
    .banner_web{ height:200px;}
    .banner_web span{ font-size:25px;line-height:60px;height:60px;}
    .banner_web span i{ line-height:60px;height:60px;} 
    .company_profile .box{padding:15px;}
    .company_profile .box .img{ position:inherit; top:auto; left:auto; right:auto; bottom:auto; float:left; margin-right:20px;width:30%;}
    .company_profile .box .tit{margin-bottom:15px; position:inherit; top:auto; left:auto; right:auto; bottom:auto;}
    .company_profile .box .tit h3{background:none; font-size:20px;}
    .company_profile .box .web p{ line-height:25px;}
    .company_profile{padding:20px 0;}
    .our_team .web h3{ font-size:20px;}
    .our_team .web p{ font-size:14px; line-height:25px;padding:0 10px;}
    .our_team .list ul li{width:47%;}
}
@media only screen and (max-width: 1024px) {
    .service_list ul li .web .text{margin-top:15px;}
    .service_list ul li .web .text p{width:90%;}
    .service_list ul li .web{padding-top:30px;}
}

@media only screen and (max-width: 900px) {
    .service_list ul li .web{padding-top:20px;padding-right:20px;}
    .service_list ul li .web_box.rt{ padding-left:20px;}
    .service_list ul li .web .text{margin-top:10px;}
}

@media only screen and (max-width: 780px) {
    .service_list ul li .web .text p{line-height:25px;height:100px;}
}

@media only screen and (max-width: 750px) {
    .service_list ul li .img1{ float:none; width:100%;}
    .service_list ul li .web_box{ position:inherit;top:auto !important;left:auto !important; right:auto !important; bottom:auto !important;padding-bottom:20px; width:100%; box-sizing:border-box;}
    .service_list ul li{width:98%; margin:0 1%; float:left;margin-bottom:15px;}
    .service_list ul li .web_box{ padding:0px !important;}
    .service_list ul li .web_box .web{padding:10px;}
    .service_list ul {overflow:hidden;margin:0 -1%;}
    .service_list{ padding:20px 0;}
    .service_list ul li .web .tit h3{ font-size:16px;}
    .service_list ul li .web .text{padding-bottom:30px;}
    .service_list ul li .web .text p{width:100%; text-align:justify;}
    .product_list ul li{width:48%;}
    .product_list ul li .web{ padding:20px 0;}
    .product_list ul li .web h4{ font-size:18px;}
    .product_list ul li .web p,.product_list ul li .web h4{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
    .page_contact{padding:30px 0}
    .page_contact .tab,.page_contact .address{ float:none; width:95%;margin:0 auto;}
    .page_contact .tab .btn a{width:100%;}
    .page_contact .address{ margin-bottom:30px;}
    .page_contact .address ul li{ margin-top:10px;}
    .banner_web span i{width:30px;}
    .banner_web p{ letter-spacing:10px;}
    .page_details{padding-top:30px;}
    .page_details .web{margin-top:30px;}
}