@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0; font-size:14px; font-family:"Microsoft YaHei",arial,sans-serif;}
html {-webkit-text-size-adjust:none;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
ol,ul {list-style:none;}
li {list-style-type:none;}
h1,h2,h3,h4,h5,h6 {font-size:inherit; font-weight:normal;}
input {outline:none; border:0;}
a, a:hover, a:visited, a:link, a:active {text-decoration:none;}

.clearfix {*zoom:1;}
.clearfix:after {display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}

::-webkit-scrollbar {width:10px; height:10px; background-color:#f6f6f6;}
::-webkit-scrollbar-track {-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3); border-radius:10px; background-color:#f6f6f6;}
::-webkit-scrollbar-thumb {border-radius:10px; -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3); background-color:#ccc;}

.mbj-chunk {background:url("../images/mbj-chunk.jpg") repeat;}
.mbj-chunk-yellow {background:url("../images/mbj-chunk-yellow.jpg") repeat;}
.mbj-brick {background:url("../images/mbj-brick.jpg") repeat;}
.mbj-wave {background:url("../images/mbj-wave.jpg") repeat;}
.mbj-shan {opacity:0.3; filter:alpha(opacity=30); display:block; margin:0 auto;}
.mbj-sector {background:url("../images/mbj-sector.jpg") repeat;}

.mheader-fixed {position:absolute; top:0; z-index:99; width:100%; height:100px; background:rgba(0,0,0,.3);}
.mheader-fixed .cont-box {width:980px; margin:0 auto;}
.mheader-fixed .logo {float:left; margin:36px 0 0 0;}
.mheader-fixed .nav-box {float:left; margin:65px 0 0 0;}
.mheader-fixed .nav-box li {display:inline-block; margin:0 0 0 35px;}
.mheader-fixed .nav-box li a {color:#fff; font-size:14px;}
.mheader-fixed .search-box {position:relative; float:right; margin:36px 0 0 0;}
.mheader-fixed .search-box .nav-btn-search {position:absolute; right:5px; top:5px; z-index:6; width:20px; cursor:pointer;}
.mheader-fixed .search-box .nav-input-search {position:absolute; right:0; top:0; z-index:5; width:180px; background:rgba(0,0,0,.1); font-size:14px; color:#fff; text-indent:8px; line-height:30px; border-radius:3px;}

.mindex01 {position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; overflow:hidden;}
.mindex01 .focus-box img {width:100%;}
.mindex01 .focus-box li {position:absolute; width:100%; height:100%; left:0; top:0; z-index:1;}
.mindex01 .focus-btn-box {position:absolute; width:100%; left:0; bottom:30px; z-index:2; text-align:center;}
.mindex01 .focus-btn-box li {display:inline-block; width:60px; height:25px; margin:0 10px 0 0; cursor:pointer;}
.mindex01 .focus-btn-box li span {display:block; background:#ededed; width:60px; height:2px; margin:10px 0 0 0;}
.mindex01 .focus-btn-box li.show span {background:#ca1818;}

.mindex02 {position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; overflow:hidden;}
.mindex02 .feel-index-01 {text-align:center; margin:130px 0 0 0;}
.mindex02 .feel-index-01 img {width:250px;}
.mindex02 .feel-index-02 {position:relative; width:521px; margin:20px auto 0;}
.mindex02 .feel-index-02 .index-feel-video {position:absolute; top:6px; left:7px; width:317px; height:183px;}
.mindex02 .feel-index-icon {text-align:center; margin:20px 0 0 0;}
.mindex02 .feel-index-icon li {display:inline-block; margin:0 20px;}
.mindex02 .feel-index-cont {text-align:center; margin-top:30px; font-size:14px; line-height:24px;}
.mindex02 .feel-index-06 {width:1440px; margin:0 auto;}
.mindex02 .feel-index-06 img {width:1440px;}

.mindex03 {position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; overflow:hidden;}

.mindex04 {position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; overflow:hidden;}
.mindex04 .make-index-01 {text-align:center; margin:130px 0 0 0;}
.mindex04 .make-index-01 img {width:250px;}
.mindex04 .cont-box {width:100%; margin-left:-40px;}
.mindex04 .cont {position:relative; width:230px; margin:50px auto; word-break:break-all; font-size:12px; color:#666; text-align:left; line-height:18px;}
.mindex04 .cont span {display:block; font-size:16px; text-align:right; margin-right:5px; line-height:22px;}
.mindex04 .cont:after {content:" "; position:absolute; left:-245px; top:-58px; background:url('../images/make-index-02.png') no-repeat; width:821px; height:391px;}

.mindex05 {position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; overflow:hidden;}
.mindex06 {position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; overflow:hidden;}

.mindex-mao {position:fixed; right:20px; top:280px; z-index:99; font-size:0;}
.mindex-mao li {width:10px; height:10px; border-radius:10px; border:2px solid #9e9692; margin-bottom:20px; cursor:pointer;}
.mindex-mao li.show {border:2px solid #ca1818;}
.mindex-mao li span {display:block; background:rgba(0,0,0,0); width:100px; height:3px; margin-top:10px;}

.mfeel {width:100%; height:100%; margin:100px 0 0 0;}
.mfeel .cont-box {width:980px; margin:0 auto; background:#fff; box-shadow:0px 0px 10px #999; letter-spacing:1px;}
.mfeel .tit {text-align:center; font-size:20px; color:#2b5ac2; margin-top:50px;}
.mfeel .stit {text-align:center; font-size:16px; color:#999; margin-top:10px;}
.mfeel .ftit {text-align:center; font-size:18px; color:#cc502a; margin-top:50px;}
.mfeel .icon {text-align:center; margin:30px 0 40px; color:#666;}
.mfeel .icon li {display:inline-block; margin:0 20px;}
.mfeel .cont {width:850px; margin:0 auto;}
.mfeel .cont ,
.mfeel .cont p,
.mfeel .cont a {font-size:16px; color:#666; line-height:28px; letter-spacing:1px;}
.mfeel .cont img {max-width:850px; display:block; margin:10px auto;}
.mfeel .cont p {text-indent:32px; margin-top:15px;}

.mproduct {width:100%; height:100%;}
.mproduct .mproduct-01 {text-align:center; margin:140px 0 0 0;}
.mproduct .mproduct-01 img {width:250px;}
.mproduct .cont-box {width:625px; margin:10px auto 20px; position:relative;}
.mproduct .cont-box .conts {width:625px; padding-top:30px; overflow:hidden;}
.mproduct .cont-box ul {width:8000px;}
.mproduct .cont-box li
{
	float:left; text-align:center; margin:0 25px 32px 4px; height:350px;
	-webkit-box-shadow:0 0 10px #ccc;  
	-moz-box-shadow:0 0 10px #ccc;  
	box-shadow:0 0 10px #ccc;
	background:#fff;
}
.mproduct .cont-box li img {display:block; width:100px; height:100px; border-radius:100px; margin:24px 16px 0;}
.mproduct .cont-box li span {display:block; width:16px; margin:20px auto 0; font-size:16px; color:#666; line-height:26px;}
.mproduct .cont-box .arrow-left {display:block; background:#dcdddd; width:45px; height:90px; position:absolute; z-index:1; left:-90px; top:140px; border-radius:5px 0 0 5px; cursor:pointer;}
.mproduct .cont-box .arrow-right {display:block; background:#dcdddd; width:45px; height:90px; position:absolute; z-index:1; right:-85px; top:140px; border-radius:0 5px 5px 0; cursor:pointer;}
.mproduct .cont-box .arrow-left span,
.mproduct .cont-box .arrow-right span {display:block; background:url('../images/arrow.png') no-repeat; width:25px; height:25px; background-size:25px 25px; margin:33px auto 0;}
.mproduct .cont-box .arrow-right span
{
	transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.mproduct-detail {width:100%; height:100%;}
.mproduct-detail .mpic {display:block; margin:0 auto;}
.mproduct-detail .cont-box {width:100%; position:relative;}
.mproduct-detail .cont {position:relative; z-index:2; width:850px; margin:0 auto;}
.mproduct-detail .cont ,
.mproduct-detail .cont p,
.mproduct-detail .cont a {font-size:16px; color:#666; line-height:28px; letter-spacing:1px;}
.mproduct-detail .cont img {max-width:850px; display:block; margin:10px auto;}
.mproduct-detail .cont p {text-indent:32px; margin-top:15px;}
.mproduct-detail .mbj-shan {position:absolute; bottom:-100px; left:0; right:0;}

.mmake {width:100%; height:100%; margin:100px 0 0 0;}
.mmake .cont-box {width:980px; margin:0 auto; background:#fff; box-shadow:0px 0px 10px #999; letter-spacing:1px;}
.mmake .mmake-01 {display:block; margin:100px auto 0;}
.mmake .cont {width:850px; margin:0 auto;}
.mmake .cont ,
.mmake .cont p,
.mmake .cont a {font-size:16px; color:#666; line-height:28px; letter-spacing:1px;}
.mmake .cont img {max-width:850px; display:block; margin:10px auto;}
.mmake .cont p {text-indent:32px; margin-top:15px;}

.mnews {position:relative; width:100%; height:100%;}
.mnews:after {content:" "; position:absolute; top:-140px; left:-30px; z-index:1; background:url('../images/nnews-02.png') no-repeat; width:1430px; height:804px;}
.mnews .mnews-01 {text-align:center; margin:140px 0 0 0;}
.mnews .mnews-01 img {width:250px; z-index:5; position:relative;}
.mnews .cont-box {position:relative; width:950px; margin:0 auto; z-index:2;}
.mnews .cont-box .news-arrow-left {display:block; background:#dcdddd; width:42px; height:78px; position:absolute; z-index:1; left:0; top:115px; border-radius:5px 0 0 5px; cursor:pointer;}
.mnews .cont-box .news-arrow-right {display:block; background:#dcdddd; width:42px; height:78px; position:absolute; z-index:1; right:0; top:115px; border-radius:0 5px 5px 0; cursor:pointer;}
.mnews .cont-box .news-arrow-left span,
.mnews .cont-box .news-arrow-right span {display:block; background:url('../images/arrow.png') no-repeat; width:20px; height:20px; background-size:20px 20px; margin:30px auto 0;}
.mnews .cont-box .news-arrow-right span
{
	transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.mnews .cont-box .news-product-box {width:820px; overflow:hidden; margin:30px 0px 0px 70px; padding-top:10px;}
.mnews .cont-box .news-product-box ul {width:5000px;}
.mnews .cont-box li
{
	float:left; margin-right:30px;
	-webkit-box-shadow:0 0 10px #ccc;  
	-moz-box-shadow:0 0 10px #ccc;  
	box-shadow:0 0 10px #ccc;
	background:#fff;
	width:250px;
}
.mnews .cont-box li img {display:block; width:240px; height:180px; margin:5px;}
.mnews .news-product-box li span {display:block; width:240px; margin:10px auto 0; font-size:16px; color:#4c4c4c; letter-spacing:1px;}
.mnews .news-product-box li span:hover {color:#fe584d;} 
.mnews .news-product-box li div {width:240px; height:70px; margin:5px auto; font-size:14px; color:#666; letter-spacing:1px; line-height:22px; word-break:break-all; overflow:hidden;}

.mnews-details {width:100%; height:100%; margin:100px 0 0 0;}
.mnews-details .cont-box {width:980px; margin:0 auto; background:#fff; box-shadow:0px 0px 10px #999; letter-spacing:1px;}
.mnews-details .tit {text-align:center; font-size:20px; color:#333; margin-top:50px;}
.mnews-details .stit {text-align:center; font-size:16px; color:#999; margin-top:10px;}
.mnews-details .ftit {text-align:center; font-size:18px; color:#666; margin-top:50px;}
.mnews-details .mtit {text-align:center; font-size:14px; color:#999; margin:10px 0 30px;}
.mnews-details .cont {width:850px; margin:0 auto;}
.mnews-details .cont ,
.mnews-details .cont p,
.mnews-details .cont a {font-size:16px; color:#666; line-height:28px; letter-spacing:1px;}
.mnews-details .cont img {max-width:850px; display:block; margin:10px auto;}
.mnews-details .cont p {text-indent:32px; margin-top:15px;}

.mcontact {width:100%; height:100%;}
.mcontact .mcontact-01 {width:1440px; display:block; margin:0 auto;}
.mcontact .cont-box {width:1134px; margin:0 auto;}
.mcontact .l-box {float:left; margin:0 0 50px 20px;}
.mcontact .l-box .tit {font-size:20px; color:#c10214; margin:35px 0 10px;}
.mcontact .l-box input[type=text] {width:400px; font-size:16px; line-height:40px; color:#4c4c4c; border-bottom:1px dashed #ccc; text-indent:5px; background:transparent;}
.mcontact .l-box input[type=button] {width:400px; font-size:16px; line-height:40px; color:#fff; cursor:pointer; background:#c10214; margin-top:20px; }
.mcontact .m-box {float:left; width:1px; height:180px; background:#aaa; margin:43px 130px 0;}
.mcontact .r-box {float:left;}
.mcontact .r-box .tit {font-size:16px; color:#4c4c4c; margin:70px 0 10px;}
.mcontact .r-box .cont {font-size:14px; line-height:40px; color:#4c4c4c;}

/*
.mfooter {width:100%; height:35px; line-height:35px; font-size:14px; color:#888; background:#f5f5f5; text-align:center;}
.mfooter-fixed {position:fixed; bottom:0; z-index:99;}
*/