@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
body {/*font-size: 62.5%;*/ font-size: 16px; color: #333; font-family: "Microsoft Yahei", "微软雅黑", Arial, sans-serif, "宋体"; height: 100%; cursor:url('http://www.innozendesign.com/shubiao.ico'),-moz-zoom-out;cursor:url('http://www.innozendesign.com/shubiao.ico'),auto;cursor: url('http://www.innozendesign.com/shubiao.ico'),default;}

ol, ul, li { list-style: none; }
h2, h3, h4, b { font-weight: 500; }
img { border: none; font-size: 0; }
i, em { font-style: normal; }
input, button, textarea { border: 0; background-color: transparent; }
a { text-decoration: none; color: #333; }
a:hover { text-decoration: none; }
a:link { text-decoration: none; }
table { border-collapse: collapse; }
html { overflow-y: scroll; height: 100%; }
div, input, li, a, span, textarea, dl { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }
.clear { clear: both; padding: 0px; margin: 0px; }
.head { width: 100%; overflow: hidden; }
.headerbg { background-color: rgba(34,34,34,0.7); width: 100%; bottom: 0px;/* height: 130px;*/ position: absolute; padding:20px 0;}
.head_on { width: 100%; overflow: hidden; background-image: url(../images/view_banner.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; height: 70vh; position: relative; }
.head_under { width: 1000px; /*background-color:rgba(51,51,51,0.5);*/ margin:0px auto; color: #ffffff; }
.head .nami { font-size: 2.5em; padding-bottom:10px; letter-spacing:2px; font-weight:lighter;}
.head_under p { /*background-color: #D54608;*/ height: 1px; position:relative;}
/*.head_under p span { display: block; height: 3px; width: 100px; background-color: #D54608; margin-top:-3px;}*/
.head_under p:before { position: absolute; content: ''; left: 0; bottom: 0; margin-bottom: 0px; width: 60px; height:1px; background-color: rgba(214,71,9,1); }
.head_under p:after { position: absolute; content: ''; left: 0; bottom: 0; margin-bottom: 0px; width:100%; height:1px; background-color: rgba(214,71,9,0.3); }

.head_under ul.headertext{ margin:10px 0 0 0; overflow:hidden;}
.head_under ul.headertext li{ float:left; display:inline; overflow:hidden; font-size:12px;}
.head_under ul.headertext li i{ width:16px; height:16px;float:left; display:inline;}
.head_under ul.headertext li i img{ width:100%; height:100%;}
.head_under ul.headertext li span{float:left; display:inline; padding:0 10px 0 10px;}
.head_under ul.headertext li u{float:left; display:inline; text-decoration:none; color:#a4a4a4;}
.head_under ul.headertext li.fgx{ padding:0px 10px; color:#666}

.content { width: 100%; /*padding-bottom:40px;*/}
.number { font-size: 3.5em; color: #D54608; float: left; font-family:Arial, Helvetica, sans-serif; float: left; width:62px;}
.neirong { float: right; width:370px; color: #6b6b6b; line-height: 20px; margin-top: 10px;/* margin-left: 10px; */}
.neirong .biaoti { font-size: 1.2em; color:#2c2c2c; }
.neirong .jianjie { margin-top:20px; font-size:0.875em; color:#9c9a9b;}
.content_img{/*margin-top:50px;*/ text-align:center;margin-top:50px;}
.content_img img{width:1000px;max-width:100%;/*margin-top:50px;*/margin:4px auto 0px auto; display:block;}



@media (max-width: 320px) {
/*.head_under { width: 100%; background-color:rgba(51,51,51,0.5);height: 116px; position: absolute; bottom: 0px; color: #ffffff; left: 0px; }
.head_under ul { margin-top: 0px; }
.head_under li { margin-left: 2%; margin-top: 4px; }
.head_under li img { float: left; margin-right: 10px; margin-top: 0px; }
.head_under p { background-color: #D54608; height: 1px; }
.head_under p span { display: block; height: 2px; width: 100px; background-color: #D54608; }
.nami { font-size: 2.5em; padding-bottom:10px;}*/
.head_under { width:95%; margin:0px auto; color: #ffffff; }
.head_under ul.headertext{ margin:0 0 0 0; overflow:hidden;}
.head_under ul.headertext li{margin:10px 0 0 0;}
.content_a { width:95%; margin: 0 auto; margin-top: 40px; overflow:hidden;}
.content_a_left { width: 100%; overflow:hidden;}
.content_a_right { width: 100%; overflow:hidden; margin-top:40px;}
.number { font-size: 3.5em; color: #D54608; float: left; font-family:Arial, Helvetica, sans-serif; float:left; width:15%;}
.neirong { float: right; width:82%; color: #6b6b6b; line-height: 20px; margin-top: 10px;}
.content_a_left .neirong .jianjie, .content_a_right .neirong .jianjie{ line-height:20px; letter-spacing:0.05em;}
/*.number { font-size: 3.5em; color: #D54608; font-weight: bold; float: left; }
.neirong { float: left; width: 74%; color: #6b6b6b; line-height: 20px; margin-top: 10px; margin-left: 10px; }
.neirong .biaoti { font-size: 1.2rem; color: #333333; font-weight: bold; }
.neirong .jianjie { margin-top: 10px; }
.content_img { width: 100%; margin: 0 auto; margin-top: 20px; }
.content_img img { display: block; width: 100%; }
.content_img { width: 100%; margin: 0 auto; margin-top: 10px; }*/
}
@media (min-width: 500px) {
/*.head_under { width: 1000px; background-color:rgba(51,51,51,0.5);height: 116px; position: absolute; bottom: 0px; color: #ffffff; left: 0px; }
.head_under ul { margin-top: 7px; }
.head_under li { float: left; margin-left: 10px; margin-top: 7px; }
.head_under li:first-child { margin-left: 0px; }
.head_under li img { float: left; margin-right: 10px; margin-top: 0px; }
.head_under p { background-color: #D54608; height: 1px; }
.head_under p span { display: block; height: 2px; width: 100px; background-color: #D54608; }
/*.nami { font-size: 3.5em; }*/
/*.content_a { width: 100%; margin: 0 auto; margin-top: 40px; }
.content_a_left { float: left; width: 50%; }
.content_a_right { float: left; width: 50%; }*/
/*.number { font-size: 3.5em; color: #D54608; font-weight: bold; float: left; }
.neirong { float: left; width: 80%; color: #6b6b6b; line-height: 20px; margin-top: 10px; margin-left: 10px; }
.neirong .biaoti { font-size: 1.2rem; color: #333333; font-weight: bold; }
.neirong .jianjie { margin-top: 10px; }
.content_img { width: 100%; margin: 0 auto; margin-top: 20px; }
.content_img img { display: block; width: 100%; }
.content_img { width: 100%; margin: 0 auto; margin-top: 10px; }*/
}
@media (max-width: 767px) {
.head_under { width:95%; margin:0px auto; color: #ffffff; }
.head_under ul.headertext{ margin:0 0 0 0; overflow:hidden;}
.head_under ul.headertext li{margin:10px 0 0 0;}
.content_a { width:95%; margin: 0 auto; margin-top: 40px; overflow:hidden;}
.content_a_left { width: 100%; overflow:hidden;}
.content_a_right { width: 100%; overflow:hidden; margin-top:40px;}
.number { font-size: 3.5em; color: #D54608; float: left; font-family:Arial, Helvetica, sans-serif; float:left; width:15%;}
.neirong { float: right; width:82%; color: #6b6b6b; line-height: 20px; margin-top: 10px;}
.content_a_left .neirong .jianjie, .content_a_right .neirong .jianjie{ line-height:20px; letter-spacing:0.05em;}
.footer-description { font-size:14px;}
.copyright { font-size:12px;}
	 
/*.head_under { width: 1000px; background-color:rgba(51,51,51,0.5);height: 116px; position: absolute; bottom: 0px; color: #ffffff; left: 16%; }
.head_under ul { margin-top: 7px; }
.head_under li { float: left; margin-left: 10px; margin-top: 7px; }
.head_under li:first-child { margin-left: 0px; }
.head_under li img { float: left; margin-right: 10px; margin-top: 0px; }
.head_under p { background-color: #D54608; height: 1px; }
.head_under p span { display: block; height: 2px; width: 100px; background-color: #D54608; }
.nami { font-size: 3.5em; }*/
/*.content_a { width: 100%; margin: 0 auto; margin-top: 40px; }
.content_a_left { float: left; width: 50%; }
.content_a_right { float: left; width: 50%; }*/
/*.number { font-size: 3.5em; color: #D54608; font-weight: bold; float: left; }
.neirong { float: left; width: 80%; color: #6b6b6b; line-height: 20px; margin-top: 10px; margin-left: 10px; }
.neirong .biaoti { font-size: 1.2rem; color: #333333; font-weight: bold; }
.neirong .jianjie { margin-top: 10px; }
.content_img { width: 100%; margin: 0 auto; margin-top: 20px; }
.content_img img { display: block; width: 100%; }
.content_img { width: 100%; margin: 0 auto; margin-top: 10px; }*/
}
 @media (min-width: 992px) {
/*.head_under { width: 1000px; background-color:rgba(51,51,51,0.5);height: 116px; position: absolute; bottom: 0px; color: #ffffff; left: 20%; }
.head_under ul { margin-top: 7px; }
.head_under li { float: left; margin-left: 10px; margin-top: 7px; }
.head_under li:first-child { margin-left: 0px; }
.head_under li img { float: left; margin-right: 10px; margin-top: 0px; }
.head_under p { background-color: #D54608; height: 1px; }
.head_under p span { display: block; height: 2px; width: 100px; background-color: #D54608; }
/*.nami { font-size: 3.5em; }*/
/*.content_a { width: 100%; margin: 0 auto; margin-top: 40px; }
.content_a_left { float: left; width: 50%; }
.content_a_right { float: left; width: 50%; }*/
/*.number { font-size: 3.5em; color: #D54608; font-weight: bold; float: left; }
.neirong { float: left; width: 80%; color: #6b6b6b; line-height: 20px; margin-top: 10px; margin-left: 10px; }
.neirong .biaoti { font-size: 1.2rem; color: #333333; font-weight: bold; }
.neirong .jianjie { margin-top: 10px; }
.content_img { width: 100%; margin: 0 auto; margin-top: 20px; }
.content_img img { display: block; width: 100%; }*/
}
 @media (min-width: 1200px) {
/*.head_under { width: 1000px; background-color:rgba(51,51,51,0.5);height: 116px;position: absolute; bottom: 0px; color: #ffffff; left: 20%; }
.head_under ul { margin-top: 7px; }
.head_under li { float: left; margin-left: 10px; margin-top: 7px; }
.head_under li:first-child { margin-left: 0px; }
.head_under li img { float: left; margin-right: 10px; margin-top: 0px; }
.head_under p { background-color: #D54608; height: 1px; }
.head_under p span { display: block; height: 2px; width: 100px; background-color: #D54608; }
.nami { font-size: 3.5em; }*/
.content_a { width:1000px; margin: 0 auto; margin-top: 40px; overflow:hidden; }
.content_a_left { float: left; width:460px; }
.content_a_right { float:right; width:460px; }
.content_a_left .neirong .jianjie, .content_a_right .neirong .jianjie{ line-height:20px; letter-spacing:0.05em;}
/*.number { font-size: 3.5em; color: #D54608; font-weight: bold; float: left; }
.neirong { float: left; width: 80%; color: #6b6b6b; line-height: 20px; margin-top: 10px; margin-left: 10px; }
.neirong .biaoti { font-size: 1.2rem; color: #333333; font-weight: bold; }
.neirong .jianjie { margin-top: 10px; }
.content_img { width: 70%; margin: 0 auto; margin-top: 40px; }
.content_img img { display: block; width: 100%; }*/
}
.footer { background-color: #313131; width: 100%; /*height: 50vh;*/ }
.footer-logo { width: 10%; margin: 0 auto; padding-top: 5%; text-align: center }
.footer-logo img { max-width: 100%; height: auto; }
.footer-description { font-size:1em; text-transform: uppercase; color: #ffffff; line-height: 1.4em; font-weight: normal; text-align: center; margin:5% auto; }
.copyright { font-size: 14px; text-align: center; color: #ffffff; text-transform: uppercase; padding-bottom: 20px; }
.container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
 @media (min-width: 768px) {
.container { width: 750px; margin: 0px auto; }
}
@media (min-width: 992px) {
.container { width: 970px; margin: 0px auto; }
}
@media (min-width: 1200px) {
.container { width: 1170px; margin: 0px auto; }
}



@media (max-width: 767px) {
body{font-size:12px;}
.content_img{ margin-left:5%; margin-right:5%;}
}

@media (min-width: 768px) and (max-width: 991px) {
body{font-size:14px;}

}


@media (min-width: 992px) and (max-width: 1199px) {
body{font-size:16px;}

}

@media (min-width: 1200px) {
body{font-size:16px;}

}
@media (min-width:1680px){
body{font-size:16px;}

}

#indexbg{ position:fixed; width:100%; height:100%; z-index:99999;/* background-color:#393*/}
#shubiao{cursor:url('http://www.innozendesign.com/shubiao.ico'),-moz-zoom-out;cursor:url('http://www.innozendesign.com/shubiao.ico'),auto;cursor: url('http://www.innozendesign.com/shubiao.ico'),default;}