@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
	margin: 0px 0px 0px 0px;
}
body {
	background-color: #000;
	overflow-x: hidden;
}
#Flash{width:1920px;height:964px;position:absolute;left:50%;margin:0px auto -272px -960px;}
.bigcontainer {
	width: 100%;
}
.test {
	border: 1px solid red;
}
.fl {
	float: left;
}
.cl {
	clean: both;
}
.bl {
	display: block;
}
.ab {
	position: absolute;
}
.rl {
	position: relative;
}
video {
	position: absolute;
	left:50%;
	margin-left:-2px;
	top:0;
	transform: translate(-50%);
	object-fit: contain;
}
.page_01 {
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 964px;
	background: url("../images/bg_01.jpg"/*tpa=https://cc.smartmfg.cc/smsg/images/bg_01.jpg*/) no-repeat center;
}
.downcontainer1 {
	height:735px;
	background: url("../images/bg_02.jpg"/*tpa=https://cc.smartmfg.cc/smsg/images/bg_02.jpg*/) no-repeat center;
}
.downcontainer2 {
	height: 906px;
	background: url("../images/bg_03.jpg"/*tpa=https://cc.smartmfg.cc/smsg/images/bg_03.jpg*/) no-repeat center;
}

.downcontainer3 {
	height: 598px;
	background: url("../images/bg_04.jpg"/*tpa=https://cc.smartmfg.cc/smsg/images/bg_04.jpg*/) no-repeat center;
}
.downcontainer4 {
	height: 706px;
	background: url("../images/bg_05.jpg"/*tpa=https://cc.smartmfg.cc/smsg/images/bg_05.jpg*/) no-repeat center;
}
.downcontainer5 {
	height: 639px;
	background: url("../images/bg_06.jpg"/*tpa=https://cc.smartmfg.cc/smsg/images/bg_06.jpg*/) no-repeat center;
}
.downcontainer6 {
	height: 982px;
	background: url("../images/bg_07.jpg"/*tpa=https://cc.smartmfg.cc/smsg/images/bg_07.jpg*/) no-repeat center;
}


@charset "utf-8";

/* reset.css */
html {margin:0;padding:0;border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline; list-style: none;word-warp: break-warp;word-break: break-all;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
/**, *:before, *:after {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;}input[type="number"]{-moz-appearance: textfield;}
select, input, img { vertical-align: middle; outline: none;border:0 }
select{appearance:none;-moz-appearance:none;-webkit-appearance:none;}
select::-ms-expand { display: none; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {   color: #816926;   }   
input:-moz-placeholder, textarea:-moz-placeholder {   color: #816926;   }   
input::-moz-placeholder, textarea::-moz-placeholder {    color: #816926;   }   
input:-ms-input-placeholder, textarea:-ms-input-placeholder {    color: #816926;   }
textarea{resize: none;}
body {line-height:1.5; font-size: 14px; font-family: Microsoft YaHei; }
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none;}
select, input, img { vertical-align: middle; outline: none;border:0 }
a { text-decoration: none;  blr: expression(this.onFocus=this.blur());outline: none; }
a:hover {  text-decoration: none; }
a:focus{ outline: none;}
.ovf{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-ms-text-overflow: ellipsis;-o-text-overflow: ellipsis;-moz-binding: url("ellipsis.xml#ellipsis"/*tpa=https://cc.smartmfg.cc/smsg/css/ellipsis.xml#ellipsis*/);}
.cl:after { content: ""; display: block; clear: both;visibility: hidden;height: 0 }
.cl { zoom: 1; }
.fl { float: left; }
.fr { float: right;}
.mb2{margin-bottom: 20px;}

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

.loading{ position: fixed; z-index: 9; left: 0; top:0; width: 100%; height: 100%; background: url("../images/loadPage.jpg"/*tpa=https://cc.smartmfg.cc/smsg/images/loadPage.jpg*/) no-repeat center top;}
.loadimg1{ }
.a1{ width: 118px; height: 118px; position: relative; left: 50%; margin-left: -59px; top:270px; overflow: hidden;}
.a1 img{ position: absolute; left: 0; top:0; width: 118px; height: 118px; overflow: hidden; }
.a2{ width: 488px; height: 60px; position: relative; left: 50%; top:480px; margin-left: -244px; text-align: center;}
.a2 .percent{ color: #6292a5; font-size: 20px; text-align: center; display: block; position: absolute; left: 0; top:28px; width: 100%;}
.a2 .bar-box{ width: 483px;height: 5px; position: absolute; left: 0; top:0; background: url("../images/bar-box.png"/*tpa=https://cc.smartmfg.cc/smsg/images/bar-box.png*/) no-repeat center top; }
.a2 .bar{ position: absolute; left: 0; top:0; width: 20%; height: 5px; background: url("../images/bar.png"/*tpa=https://cc.smartmfg.cc/smsg/images/bar.png*/) no-repeat center top;}
.a2 .bar::after{ content: ''; width: 38px; height: 50px; background: url("../images/icon-pen.png"/*tpa=https://cc.smartmfg.cc/smsg/images/icon-pen.png*/) no-repeat center top; position: absolute; right: -20px; top:-44px;}

.container{ background: url("../images/bg_01.jpg"/*tpa=https://cc.smartmfg.cc/smsg/images/bg_01.jpg*/) no-repeat center top; min-height: 800px; position: relative; height: 100%; z-index: 2;}
.transit{ position: absolute; left: 0; top:0; width: 100%; height: 100%;  z-index: 10}
.cloud11{ position: absolute; left: 0; top:0; width: 100%; z-index: 2;}
.homeLayer{ position: absolute; left: 0; top:0; width: 100%; height: 100%;z-index: 4}
.trans-layer1{ position: absolute; left: 0; top:0; width: 100%; height: 100%; background: url("../images/transit.png"/*tpa=https://cc.smartmfg.cc/smsg/images/transit.png*/) no-repeat center top; z-index: 3;}
.cloud9{ position: absolute; right: 0; bottom: 0; width: 90%; z-index: 4;}
.cloud10{position: absolute; left: 0; top:0; width: 100%; z-index: 5}
.cloud8{ position: absolute; left: 0; top:0; width: 100%; z-index: 6;}
.cloud5{ position: absolute; left: 0; top:0; width: 100%; z-index: 7;}
.cloud7{ position: absolute; left: 0; top:0; width: 100%; z-index: 8;}
.cloud6{ position: absolute; left: 0; top:0; width: 100%; z-index: 9;}
.cloud4{ position: absolute; left: 0; top:0; width: 100%; z-index: 10;}
.cloud3{ position: absolute; left: 0; top:15%; width: 38%; z-index: 11;}
.cloud2{ position: absolute; right: 0; top:10%; width: 62%; z-index: 12;}
.cloud1{ position: absolute; left: 0; top:0; width: 100%; z-index: 13;}

.alogo{ display:inline-block; width: 11%; position: absolute; left: 50%; top:9%; margin-left: -5%; /*opacity: 0;filter:alpha(opacity=0);*/}
.alogo img{ width: 100%;}
.slogo{ display:inline-block; width: 32%; position: absolute; left: 50%; top:20%; margin-left: -16%;opacity: 0;filter:alpha(opacity=0);}
.main ul{ width: 100%; position: absolute; left: 0; text-align: center; top:62%; height: 24%;}
.main li{ width: 6.2%; display:inline-block; margin: 0 2%; opacity: 0;filter:alpha(opacity=0); position: relative;transform-style:preserve-3d;transition:1s;backface-visibility:hidden;}
.main li a{ display:block;}
.main li img{ width: 100%;}
.main .front,.main .back{ position: absolute; left: 0; top:0; width: 100%;backface-visibility: hidden; transform-style: preserve-3d; transition: transform 1.2s; backface-visibility:hidden;transition:all .5s ease-in-out;}
/*.main .front{animation:showRotate 1s linear  0s infinite;}
.main .back{animation:showRotate 1s linear  0s infinite;}*/
.main .front {transform: rotateY(0deg);}
.main .back{transform: rotateY(-180deg);}
.main li:hover .back{transform: rotateY(0deg);} 
.main li:hover .front{transform: rotateY(180deg);} 
.main .wrap{ z-index: 9; position: absolute; left: 0; top:0; width: 100%; height: 100%;}
.main .homelayer{ position: absolute; z-index: 1; width: 100%; height: 100%; background: url("../images/decor.png"/*tpa=https://cc.smartmfg.cc/smsg/images/decor.png*/) no-repeat center top;}
.main .unlock .front{animation:showRotate 3s linear  0s infinite; -webkit-animation: showRotate 3s linear  0s infinite;}
.main .unlock .back{animation:showRotateb 3s linear  0s infinite;; -webkit-animation:showRotateb 3s linear  0s infinite;}

@-webkit-keyframes showRotate{
    0%{transform: rotateY(0deg);-webkit-transform:rotateY(0deg);}
    50%{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);}
    100%{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);}
}

@keyframes showRotate{
    0%{transform: rotateY(0deg);-webkit-transform:rotateY(0deg);-ms-transform:rotateY(0deg);}
    50%{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-ms-transform: rotateY(180deg);}
    100%{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-ms-transform: rotateY(360deg);}
}

@-webkit-keyframes showRotateb{
    0%{transform: rotateY(-180deg); -webkit-transform:rotateY(-180deg);}
    50%{transform: rotateY(0deg);-webkit-transform: rotateY(0deg);}
    100%{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);}
}

@keyframes showRotateb{
    0%{transform: rotateY(-180deg);-webkit-transform: rotateY(-180deg);-ms-transform: rotateY(-180deg);}
    50%{transform: rotateY(0deg);-webkit-transform: rotateY(0deg);-ms-transform: rotateY(0deg);}
    100%{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-ms-transform: rotateY(180deg);}
}


.animate .cloud1{animation:fadeOutRight 1s ease-in-out 0.2s both; -webkit-animation: fadeOutRight 1s ease-in-out 0.2s both;}
.animate .cloud2{animation:fadeOutRight 1s ease-in-out 0.2s both; -webkit-animation:fadeOutRight 1s ease-in-out 0.2s both}
.animate .cloud3{animation:fadeOutLeft 1s ease-in-out 0.3s both; -webkit-animation:fadeOutLeft 1s ease-in-out 0.3s both}
.animate .cloud4{animation:fadeOutRight 1s ease-in-out 0.4s both; -webkit-animation:fadeOutRight 1s ease-in-out 0.4s both;}
.animate .cloud5{animation:fadeOutLeft 1s ease-in-out 0.4s both; -webkit-animation:fadeOutLeft 1s ease-in-out 0.4s both}
.animate .cloud6{animation:fadeOutRight 1s ease-in-out 0.6s both; -webkit-animation:fadeOutRight 1s ease-in-out 0.6s both;}
.animate .cloud7{animation:fadeOutLeft 1s ease-in-out 0.6s both; -webkit-animation:fadeOutLeft 1s ease-in-out 0.6s both}
.animate .cloud8{animation:fadeOutLeft 1s ease-in-out 0.7s both; -webkit-animation:fadeOutLeft 1s ease-in-out 0.7s both;}
.animate .cloud10{animation:fadeOutRight 1s ease-in-out 0.8s both; -webkit-animation:fadeOutLeft 1s ease-in-out 0.8s both}
.animate .cloud9{animation:fadeOutRight 1s ease-in-out 1s both; -webkit-animation:fadeOutRight 1s ease-in-out 1s both;}
.animate .cloud11{animation:fadeOutRight 1s ease-in-out 1.2s both; -webkit-animation:fadeOutRight 1.2s ease-in-out 1.2s both;}
.animate .trans-layer1{animation:fadeOut 1s ease-in-out 1.2s both; -webkit-animation:fadeOut 1.2s ease-in-out 1.2s both;}
.animate .mask{animation:fadeOut 1.2s ease-in-out 1.6s both; -webkit-animation:fadeOut 1.2s ease-in-out 1.6s both;}
.alogo{animation:bounceInDown 1s ease-in-out 1.4s both; -webkit-animation:bounceInDown 1s ease-in-out 1.4s both;}
.slogo{animation:bounceIn 0.6s ease-in-out 2.4s both; -webkit-animation:bounceIn 0.6s ease-in-out 2.4s both;}
.animate .homeLayer{animation:fadeOut 1.2s ease-in-out 1.3s both; -webkit-animation:fadeOut 1.2s ease-in-out 1.3s both;}
.main li{animation:fadeInUp 0.8s ease-in-out 0s both; -webkit-animation:fadeInUp 0.8s ease-in-out 0s both;}

.other .container{background: none; }
.other { background: url("../images/other.jpg"/*tpa=https://cc.smartmfg.cc/smsg/images/other.jpg*/) no-repeat center bottom; overflow: hidden; overflow-y:auto;}
.left-alogo{ display: inline-block; position: absolute; left: 32px; top:36px; width: 6.2%;}
.left-alogo img{ width: 100%;}
.right-nav{ display: inline-block; position: fixed; right: 0; top:50%; height: 517px; width: 300px; margin-top: -259px; background: url("../images/right-nav.png"/*tpa=https://cc.smartmfg.cc/smsg/images/right-nav.png*/) no-repeat right top; z-index: 999;}
.right-nav a{ display: inline-block; position: absolute; left: 0; top:0; background: url("../images/nav-icon.png"/*tpa=https://cc.smartmfg.cc/smsg/images/nav-icon.png*/) no-repeat 0 0;}
.right-nav .ahome{ width: 117px; height: 52px; left: 183px; top:16px; background: none;}
.right-nav .apage1{ width: 104px; height: 104px; left: 173px; top:72px;}
.right-nav .apage2{ width: 104px; height: 104px; left: 103px; top:141px; background-position: -229px 0}
.right-nav .apage3{ width: 104px; height: 104px; left: 156px; top:242px; background-position: -342px 0}
.right-nav .apage4{ width: 104px; height: 104px; left: 126px; top:351px; background-position: -114px 0}

.right-nav .apage1.on{ background-position: 0 -114px;}
.right-nav .apage4.on{ background-position: -114px -114px;}
.right-nav .apage2.on{ background-position: -229px -114px;}
.right-nav .apage3.on{ background-position: -342px -114px;}
.wrap1000{ width: 1110px; margin: 0 auto; position: relative;  height: 100%;background: url("../images/cont.png"/*tpa=https://cc.smartmfg.cc/smsg/images/cont.png*/) no-repeat right top;
    min-height: 740px;
    top: 12%; }
.bgimg{ position: absolute;left: 50%;width: 120%;top: 14%;left: -15.8%;height: 68%;}
.cont-icon {position: absolute;right: -80px;top: -72px;width: 494px;height: 151px;background: url("../images/cont-icon.png"/*tpa=https://cc.smartmfg.cc/smsg/images/cont-icon.png*/) no-repeat center top;}
.xxa_footer_box{ position: fixed; left: 0; width: 100%; bottom: -230px; z-index: 9;webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}
.xxa_footer_box.cur{ bottom: 0;}

.copyRight_btn{ width: 100px;height: 30px;font-size: 12px;color: #fff;text-align: center;line-height: 30px;position: absolute;right: 30px;bottom: 20px;z-index: 11;webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}
.copyRight_btn i {width: 14px; height: 14px;display: block;position: absolute;right: 0;top: 8px;background: url("../images/copy_arrow_0d0d454.png"/*tpa=https://cc.smartmfg.cc/smsg/images/copy_arrow_0d0d454.png*/);-webkit-transition: all .6s;-moz-transition: all .6s;-ms-transition: all .6s;-o-transition: all .6s;transition: all .6s;}
.copyRight_btn.cur i{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.subTit{ display: inline-block;
    width: 150px;
    height: 366px;
    position: absolute;
    left: -40px;
    top: -63px;
    z-index: 11;}
.subTit img{ width: 100%;}
.subMess{ display: inline-block; width: 49px; position: absolute; left: 42px; top:-14px;}
.videobox{ width: 790px;
    height: 446px;
    background-color: #000;
    position: absolute;
    left: 50%;
    top: 18px;
    margin-left: -395px;}
.videobox video{ width: 100%; display: block; margin: 0 auto; }
.vimg{ position: absolute; left: 0; top:-1px; width: 793px; height: 447px; z-index: 9}
.v-left{ display: inline-block; width: 39%; position: absolute; left: -153px; top:-54px; z-index: 10;}
.v-right{ display: inline-block; width: 31%;  position: absolute; right: -85px; bottom: -26px;z-index: 10;}
.switch{ position: absolute; left: 50%; top:50%; width: 104px; height: 75px; background: url("../images/play.png"/*tpa=https://cc.smartmfg.cc/smsg/images/play.png*/) no-repeat center top; margin: -37px 0 0 -52px; z-index: 9; cursor: pointer;}
.thumb-img{ position: absolute; width: 202px; left: 794px; top:42px;}
.thumb-img li{ width: 202px; margin-bottom: 10px;}
.thumb-img li a{ display: block;}
.thumb-img li img{ width: 100%;}
.article{ position: absolute; left: 86px; top:524px; width: 93.2%; height: 270px; color: #2c656d;}
.article .art-tit{ text-align: center; color: #2a626a; font-size: 24px; padding-bottom: 5px; margin-bottom: 18px; position: relative; padding-top: 16px;}
.official{ display: inline-block; width: 126px; height: 42px; background:url("../images/official.png"/*tpa=https://cc.smartmfg.cc/smsg/images/official.png*/) no-repeat center top; text-align: center; line-height: 42px; color: #fbf8f4; font-size: 18px; position: absolute; right: 200px; top:14px;}
.art-img{ position: absolute; width: 109px; left: 0; top:15px;}
.art-tit p{ font-size: 18px; text-align: center; display: inline-block; border: 1px solid #2c656d; padding:0 10px; border-radius: 15px; -webkit-border-radius: 15px; margin-top: 18px;}
.article .art-p{ height: 146px; overflow: hidden; font-size: 16px; line-height: 28px;}
.prompt{ position: fixed; left: 0; top:0; width: 100%; height: 100%; background: rgba(20,39,39,.95); z-index: 9999; display: none;}
.prompt ul{ position: relative; width: 988px; height: 436px; overflow: hidden;}
.prompt li{ position: absolute; left: 0; top:0; width: 100%; height: 436px; opacity: 0; filter:alpha(opacity=0); z-index: 2;}
.prompt li img{ width: 100%; height: 436px;}
.close{ display: inline-block; width: 50px; height: 51px; background: url("../images/close.png"/*tpa=https://cc.smartmfg.cc/smsg/images/close.png*/) no-repeat center top; position: absolute; top:-25px; right: 36px; z-index: 9;}
.popbox{ position: relative; width: 1050px; height: 446px; background: url("../images/popbox.png"/*tpa=https://cc.smartmfg.cc/smsg/images/popbox.png*/) no-repeat center top; position: absolute; left: 50%; top:50%; margin: -223px 0 0 -525px; }
.popbox img{ width: 947px;height: 434px; margin: 2px 0 0 40px; border-left: 1px solid #1fc8c6}
.main{ position: relative; z-index: 9; height: 100%;}
.show{ animation:showMain 1s ease-in-out 1.6s both; -webkit-animation: showMain 1s ease-in-out 1.6s both}
.home .copyRight_btn{opacity: 0; filter:alpha(opacity=0);}
.home .copyRight_btn.show{animation:showMain 1s ease-in-out 2s both; -webkit-animation: showMain 1s ease-in-out 2s both; }
.main .homelayer{z-index: 3;}
.float1{ position: absolute; left: 0; top:24%; width: 22.4%; animation:floatLeft 8s linear 0s infinite alternate; -webkit-animation: floatLeft 8s linear 0s infinite alternate;}
.tree{ position: absolute; right: 0; top:66%; width: 32.7%; z-index: 2;}
.float2{ position: absolute;right: 0; top:60%; width: 20%; z-index: 1;animation:floatRight 10s linear 0.2s infinite alternate; -webkit-animation: floatRight 10s linear 0.2s infinite alternate;}
.float3{ position: absolute; right: 0; top:75%; width: 10%; z-index: 4;animation:floatRight 12s linear 0s infinite alternate; -webkit-animation: floatRight 12s linear 0s infinite alternate;}
.float4{ position: absolute; left: -2%; bottom:4%; width: 27.5%; z-index: 1;animation:floatLeft 10s linear 0.2s infinite alternate; -webkit-animation: floatLeft 10s linear 0.2s infinite alternate;}
.float5{ position: absolute; left: 0; bottom: 8%; width: 23%; z-index: 2;animation:floatLeft 12s linear 1s infinite alternate; -webkit-animation: floatLeft 12s linear 1s infinite alternate;}
.float6{ position: absolute; left: 50%; bottom: 10%; width: 66%; z-index: 1; margin-left: -33%;animation:floatLeft 8s linear 0s infinite alternate; -webkit-animation: floatLeft 8s linear 0s infinite alternate;}

.btnPrev{ width: 36px; height: 42px; background: url("../images/btnPrev.png"/*tpa=https://cc.smartmfg.cc/smsg/images/btnPrev.png*/) no-repeat center top; position: absolute; left: -20px; top:50%; margin-top: -21px; cursor: pointer;}
.btnNext{ width: 36px; height: 42px; background: url("../images/btnNext.png"/*tpa=https://cc.smartmfg.cc/smsg/images/btnNext.png*/) no-repeat center top; position: absolute; right: 0; top:50%; margin-top: -21px;cursor: pointer;}

.page1 .pic1{ width: 524px;  position: absolute; left: -164px; top:26px;}
.desc1{ width: 278px; height: 24px; line-height: 24px; text-align: center; font-size: 12px; color: #2c656d; border: 1px solid #2c656d; border-radius: 14px; -webkit-border-radius: 14px; position: absolute; left: 380px; top:54px; }
.pintro1{ width: 74%; font-size: 14px; position: absolute; left: 190px; top:35%; height: 126px;}
.page1,.other{ background-position: center bottom;overflow: hidden; overflow-y: auto; background:#e6d4c0 url("../images/page1.jpg"/*tpa=https://cc.smartmfg.cc/smsg/images/page1.jpg*/) no-repeat center bottom;}
.other{background: url("../images/other.jpg"/*tpa=https://cc.smartmfg.cc/smsg/images/other.jpg*/) no-repeat center bottom;}
.page1 .container,.other .container,.page3 .container{ background:none;height: auto; overflow: hidden;}
.page1 .wrap1000,.other .wrap1000,.page3 .wrap1000{ margin-top: 134px;}

.page3{ background: url("../images/page3.jpg"/*tpa=https://cc.smartmfg.cc/smsg/images/page3.jpg*/) no-repeat center bottom;overflow: hidden; overflow-y: auto;}
.page3 .container{ background: none;}

.pic3{ width: 525px; position: absolute; left: -176px; top:26px;}
.desc3{width: 392px;height: 24px;line-height: 24px;text-align: center;font-size: 12px;color: #2c656d;border: 1px solid #2c656d;border-radius: 14px; -webkit-border-radius: 14px;position: absolute;left: 380px;top: 54px;}

@-webkit-keyframes showMain{
    0%{opacity: 0;}
    100%{ opacity: 1;z-index: 11}
}

@keyframes showMain{
    0%{opacity: 0;}
    100%{opacity: 1;z-index: 11}
}


@-webkit-keyframes floatRight{
    0%{-webkit-transform:translateX(100px);transform:translateX(100px)}
    50%{-webkit-transform:translateX(0);transform:translateX(0)}
    100%{-webkit-transform:translateX(100px);transform:translateX(100px)}
}

@keyframes floatRight{
    0%{-webkit-transform:translateX(100px);-ms-transform:translateX(100px);transform:translateX(100px)}
    50%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
    100%{-webkit-transform:translateX(100px);-ms-transform:translateX(100px);transform:translateX(100px)}
}

@-webkit-keyframes floatLeft{
    0%{-webkit-transform:translateX(-100px);transform:translateX(-100px)}
    50%{-webkit-transform:translateX(0);transform:translateX(0)}
    100%{-webkit-transform:translateX(-100px);transform:translateX(-100px)}
}

@keyframes floatLeft{
    0%{-webkit-transform:translateX(-100px);-ms-transform:translateX(-100px);transform:translateX(-100px)}
    50%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
    100%{-webkit-transform:translateX(-100px);-ms-transform:translateX(-100px);transform:translateX(-100px)}
}

@-webkit-keyframes fadeOut{
    0%{opacity: 1;}
    100%{opacity: 0; display: none;}
}

@keyframes fadeOut{
    0%{opacity: 1;}
    100%{opacity: 0;display: none;}
}

@-webkit-keyframes fadeOutLeft{
    0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
    100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
}
@keyframes fadeOutLeft{
    0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
    100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}
}


@-webkit-keyframes fadeOutRight{
    0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
    100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
}
@keyframes fadeOutRight{
    0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
    100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}
}

@-webkit-keyframes bounceIn{
    0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}
   /* 50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}
    70%{-webkit-transform:scale(.9);transform:scale(.9)}*/
    100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes bounceIn{
    0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}
    /*50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
    70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}*/
    100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}


@-webkit-keyframes bounceInDown{
    0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
    60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}
    80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}
    100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes bounceInDown{
    0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
    60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}
    80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}
    100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}

@-webkit-keyframes fadeInDownBig{
    0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
    100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInDownBig{
    0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
    100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}

@-webkit-keyframes fadeInUp{
    0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}
    100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInUp{
    0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}
    100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}


#leftnav {
	position: fixed;
	right: 30px;
	top: 20%;
	width: 98px;
	height: 436px;
	background: url("../images/leftNav.png"/*tpa=https://cc.smartmfg.cc/smsg/images/leftNav.png*/) no-repeat;
	z-index: 20;
}
#leftnav a {
	width: 98px;
	height: 97px;
	display: block;
	text-align:center;
	padding-right:5px;
}
.gif {
	width: 1920px;
	text-align: center;
	margin: 0 auto;
}
.navs {
	width: 800px;
	height: 274px;
	left:50%;
	margin-left: -340px;
	top: 590px;
}
.nav1,.nav2,.nav3,.nav4 {
	width: 119px;
	height: 274px;
	margin-right:68px;
	float:left;
}

.nav1 {
	background:url("../images/0000.png"/*tpa=https://cc.smartmfg.cc/smsg/images/0000.png*/) no-repeat;
}


.nav1:hover,.nav2:hover,.nav3:hover,.nav4:hover {
	cursor: pointer;
}

.nav2 {
	background:url("../images/0000.png"/*tpa=https://cc.smartmfg.cc/smsg/images/0000.png*/) no-repeat;
}

.nav3 {
	background:url("../images/0000.png"/*tpa=https://cc.smartmfg.cc/smsg/images/0000.png*/) no-repeat;
}
.nav4 {
	background:url("../images/0000.png"/*tpa=https://cc.smartmfg.cc/smsg/images/0000.png*/) no-repeat;
}




#weixin {
	display: none;
	position: fixed;
	top: 25%;
	left: 38%;
	z-index: 50;
	background: white;
}
#over {
	width: 100%;
	height: 100%;
	opacity: 0.5;/*设置背景色透明度,1为完全不透明,IE需要使用filter:alpha(opacity=80);*/
	filter: alpha(opacity=80);
	display: none;
	position: fixed;
	z-index: 40;
	background: silver fixed;
	background-size: cover;
}

/* 幻灯片所需CSS */
        .huanhua-sp{
            width:920px;
            left:50%;
			margin-left:-417px;
			margin-top:100px;
        }
        .huanhua-sp .swiper-slide >img{ height:442px; box-shadow:0px 0px 10px #000;}
        .zb-wrap{
            width:1290px;
            left:50%;
			margin-left:-650px;
			margin-top:130px;
        }
        .zb-wrap .swiper-slide >img{ height:652px; border:#dab277 solid 5px;}
		
		.zhuanshu-sp{
            width:920px;
            left:50%;
			margin-left:-470px;
			margin-top:80px;
        }
        .zhuanshu-sp .swiper-slide >img{ height:486px; border:#dab277 solid 5px;}
		
		.teshu-sp{
            width:920px;
            left:50%;
			margin-left:-417px;
			margin-top:40px;
        }
        .teshu-sp .swiper-slide >img{ height:586px; border:#dab277 solid 5px;}
		
		
.on{color:#cecece;}

.bar {
	width: 100px;
	position: fixed;
	top: 102px;
	right: 30px;
	z-index: 1000;
}
.bar .nor {
	color: #fff;
	width: 100px;
	height: 70px;
	display: block;
	text-align: center;
	text-decoration: none;
	font: 14px/70px "微软雅黑";
	background: url("../images/op.png"/*tpa=https://cc.smartmfg.cc/smsg/images/op.png*/) center repeat;
	margin-bottom: 1px;
	outline: none;
}
.bar .nor:hover, .bar .cur {
	background: #610004;
}
.bar .home {
	font: 18px/70px "微软雅黑";
	outline: none;
}
.bar .home:hover {
	background: #610004;
}
.bar .top {
	width: 100px;
	height: 42px;
	display: block;
	text-align: center;
	background: url("../images/op.png"/*tpa=https://cc.smartmfg.cc/smsg/images/op.png*/) center repeat;
	outline: none;
}
.bar .top img {
	display: block;
	margin: 0 auto;
	padding-top: 11px;
}
.show{
	width:1000px;
	margin:0 auto;
	}