@charset "utf-8";/* CSS Document */
html {font-size: 62.5%;height: 100%}
body {margin: 0 auto;font-family: 'opensans';font-size: 14px;font-size: 1.4rem;height: 100%; background:url(../images/beijing.jpg); background-attachment:fixed;}
img {border: none;}
ul li {list-style-type: none;}
ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span {margin: 0;padding: 0;list-style: none;color: #333;}
a {text-decoration: none;color: #333;outline: none;transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;}
h1 {margin: 0;padding: 0;font-weight: normal;color: #333;}
.clear {clear: both;}
.maln {margin-left: auto !important}
input, textarea,select,option {font-family: 'opensans';font-size: 14px;font-size: 1.4rem;color:#333;border: none;outline: none;}
.l{ float:left;}
.r{ float:right;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
::-webkit-input-placeholder {/* WebKit browsers */
color:#333;}
:-o-placeholder {/* Mozilla Firefox 4 to 18 */
color:#333;}
::-moz-placeholder {/* Mozilla Firefox 19+ */
color:#333;}
:-ms-input-placeholder {/* Internet Explorer 10+ */
color:#333;}
.sou::-webkit-input-placeholder {/* WebKit browsers */
color:#e8be1d;}
.sou:-o-placeholder {/* Mozilla Firefox 4 to 18 */
color:#e8be1d;}
.sou::-moz-placeholder {/* Mozilla Firefox 19+ */
color:#e8be1d;}
.sou:-ms-input-placeholder {/* Internet Explorer 10+ */
color:#e8be1d;}
@media screen and (min-width:1220px) {.wp {width: 1200px;margin: auto;}}
@media screen and (min-width:1000px) and (max-width:1219px) {.wp {width: 980px;margin: auto;}}
@media screen and (max-width:999px) {.wp {width: 95%;margin: auto;}}
@font-face {
font-family: 'opensans';
src: url('../fonts/opensans.eot');
src: url('../fonts/opensans.eot?#iefix') format('embedded-opentype'),
url('../fonts/opensans.woff') format('woff'),
url('../fonts/opensans.ttf') format('truetype'),
url('../fonts/opensans.svg#OpenSans') format('svg');
}
@font-face {
font-family: 'OpenSansBold';
src: url('../fonts/OpenSansBold.eot');
src: url('../fonts/OpenSansBold.eot') format('embedded-opentype'),
url('../fonts/OpenSansBold.woff2') format('woff2'),
url('../fonts/OpenSansBold.woff') format('woff'),
url('../fonts/OpenSansBold.ttf') format('truetype'),
url('../fonts/OpenSansBold.svg#OpenSansBold') format('svg');
}
/***************** head ********************/
.topul li{margin-right: 32px;float: left;margin-top: 8px;}
.topli1 span{padding-left: 30px;background: url("../images/topdianhua.png") no-repeat left center;color: #fff;}
.topli2 a{padding-left: 30px;background: url("../images/topmail.png") no-repeat left center;color: #fff;}
.topli2 a:hover{color: #e8be1d;}
/******************** banner *********************/
.headnav{position: absolute;top: 0;left: 0;width: 100%;z-index: 999;}
header{background:#242424;padding-bottom: 6px;background: rgba(0,0,0,0.6);}
.search{position: relative;margin-top: 5px;}
.sou{width: 200px;height: 25px;color: #e8be1d;border-bottom: 1px solid #e8be1d;background: transparent;}
.suo{position: absolute;right: 0;top: 5px;width: 17px;height: 17px;background: url("../images/sousuo.png") no-repeat;cursor: pointer;}
.yy>a{font-family: 'OpenSansBold';color: #e8be1d;padding-right: 15px;background: url("../images/syxiala.png") no-repeat right center;font-size: 16px;font-size: 1.6rem;}
.yy{margin-top: 7px;margin-left: 49px;position: relative;cursor: pointer;}
.yylist{position: absolute;top: -9999999px;left: -64px;width: 100px;padding-top: 8px;padding-bottom: 8px;background: #fff;z-index: 1000;}
.yylist li{line-height: 30px;padding:0 8px; }
.yylist li:hover a{color: #e8be1d;}
.yy:hover .yylist{top: 20px;}
nav{background: #e8be1d;border-bottom: 2px solid #b4b4b4;position: relative;}
.navlist>li{float: left;font-family: 'OpenSansBold';font-size: 16px;font-size: 1.6rem;position: relative; z-index:99}
.navlist>li>a{color: #fff;text-transform: uppercase;display: block;padding: 0 10px;line-height: 80px;}
.navlist>li:hover>a{background: #fdf9e9 url("../images/navbg.png") no-repeat center bottom;color: #e8be1d;}
.navlist1>li{margin-right: 25px;}
.logo{position: absolute;top: 0;left: 48%;}
.navlist2>li{margin-left: 42px;}
.navlist>li>a{background:url("../images/navbg.png") no-repeat -20px bottom;}
.navlist>li.currentnav>a{background: #fdf9e9 url("../images/navbg.png") no-repeat center bottom;color: #e8be1d;}
.navlist3{display: none;}
.yiji{ position:absolute; top: -9999px;background:#242424; background: rgba(36,36,36,0.95);color: #fff;padding-top: 9px;padding-bottom: 25px;padding-left: 25px;padding-right: 25px;z-index: 999999;left: -50px;}
.yiji li{color: #fff;cursor: pointer;}
#outer2{width: 885px;}
#tab2{width: 470px;float: left;}
#tab2 li{width: 50%;float: left;line-height: 30px;font-size: 14px;font-size: 1.4rem;}
#tab2 li:hover{color: #e8be1d;}
#tab2 li a{color: #fff;}
#tab2>li a:hover{color: #e8be1d;}
#content2{padding-left: 80px;float: left;border-left:1px solid rgba(232,190,29,0.3);}
.ul2{text-align: center;display: none;}
.ul2 img{width: 100%;max-width: 336px;max-height: 224px;}
.ul2 p a{color: #e8be1d;display: block;margin-top: 13px;}
.ul2 p a:hover{color: #fff;}
.yiji .ulvm{display: block;width: 148px;height: 28px;line-height: 28px;text-align: center;border: 1px solid #e8be1d;color: #e8be1d;text-align: center;border-radius: 15px;margin: 0 auto;margin-top: 33px;text-transform: uppercase;font-size: 14px;font-size: 1.4rem;}
.yiji .ulvm:hover{color: #fff;border: 1px solid #fff;}
.navlist>li:hover .yiji{top: 80px;}
.yiji2{background:#242424;background: rgba(36,36,36,0.95);color: #fff;padding-top: 9px;padding-bottom: 25px;padding-left: 25px;padding-right: 25px;position: absolute;top: -999999px;z-index: 999999;left: -50px;}
.yiji2 li{color: #fff;cursor: pointer;}
#outer3{width: 885px;}
#tab3{width: 210px;float: left;border-right:1px solid rgba(232,190,29,0.3);}
#tab3>li{width: 100%;float: left;line-height: 30px;font-size: 14px;font-size: 1.4rem;}
#tab3 li a{ color:#fff;}
#tab3 li a:hover{color: #e8be1d;}
#tab3>li a:hover{color: #e8be1d;}
.ul3 img{width: 100%;max-width: 336px;max-height: 224px;}
#content3{padding-left: 320px;float: left;}
.ul3{text-align: center;display: none;}
.ul3 p a{color: #e8be1d;display: block;margin-top: 13px;}
.ul3 p a:hover{color: #fff;}
.yiji2 .ulvm{display: block;width: 148px;height: 28px;line-height: 28px;text-align: center;border: 1px solid #e8be1d;color: #e8be1d;text-align: center;border-radius: 15px;margin: 0 auto;margin-top: 33px;text-transform: uppercase;font-size: 14px;font-size: 1.4rem;}
.yiji2 .ulvm:hover{color: #fff;border: 1px solid #fff;}
.erji{position: absolute;left: 210px;top: -9999px;;width: 300px;padding-left:10px;min-height: 484px;}
.erji a{color: #fff;}
.erji li:hover a{color: #e8be1d;}
.navlist>li:hover .yiji2{top: 80px;}
.erji li{padding-left: 40px;}
#tab3>li:hover .erji{top: 0px;}
.yiji3{width: 180px;background:#242424;background: rgba(36,36,36,0.95);color: #fff;padding-top: 9px;padding-bottom: 25px;padding-left: 25px;padding-right: 25px;position: absolute;top: -9999px;z-index: 999999;left: 0px;}
.yiji3 a{color: #fff;display: block;}
.yiji3 li{line-height: 30px;font-size: 14px;font-size: 1.4rem;margin-left: -5px;}
.yiji3 li:hover a{color: #e8be1d;}
.navlist>li:hover .yiji3{top: 80px;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.yiji{left: -195px;}
.yiji2{left: -45px;}
}
@media screen and (max-width:999px) {
.yiji{display: none;}
.yiji2{display: none;}
.yiji3{display: none;}
}
/*********yincang nav*********/
.container{display: none;}
.fix a{color: #fff;}
.container{ width:5px; height:100%;position:absolute; right:0px;top: 20px;transition:all 0.4s ease 0s; z-index:800000000000; cursor:pointer;}
.container .menubtn{width: 35px;height: 30px;position: absolute;top:-6px;right:20px;transition:all 0.4s ease 0s; z-index:2000}
.container .menubtn span{display: block;width: 100%;height: 5px;margin-bottom: 5px;background-color: #e8be1d;}
.container .nav{width:250px;height:100%;background:rgba(0,0,0,0.8);position: absolute;top:-20px;right: 0;display: none;}
.container .nav ul {display: none; margin-top:10px;}
.container .nav ul li{line-height: 40px;font-size: 14px; font-size:1.4rem;text-indent: 30px;}
.container .nav ul li a{ color:#fff;}
.hide_clear{display: none;}
@media screen and (min-width:1220px) {
.no_margin{margin-left: auto!important;}
}
@media screen and (min-width:1000px) and (max-width:1219px) {
.no_margin{margin-left: auto!important;}
.nav1>li{margin-right:10px; }
}
@media screen and (max-width:999px) {
.hide_clear{display: block;}
.logo_box{float: left;margin-top: 0;}
.nav1>li{margin-right:20px; }
}
@media screen and (max-width:639px){
.container{display: block;}
.medianone {display: none!important;}.yiji{display: none;}
.nav_list1{display: none;}
.nav_list2{display: block;}
.logo{margin-left: 0;}
.cllist{display: none;}
}
@media screen and (max-width:479px){
.nav1>li{margin-right:0; }
.icon_box>ul>li{margin-left: 3px;}
.nav1>li>a{font-size: 1.4rem;padding:44px 3px;}
}
@media screen and (max-width:420px){
.nav_list>li>a{font-size: 1.4rem;padding-left: 5px;padding-right: 5px;}
.head_lianxi li{float: none;}
.dianhua{margin-bottom: 10px;}
.nav_list>li{margin-right: 6px;}
}
/*******lunbo*******/
div.index_focus_s{height: 750px;}
div.index_focuss{height: 750px;}
.index_focus {position: relative;width: 100%;margin: 0 auto; overflow:hidden; z-index:9;height: 750px;}
.index_focusn{width:1920px; position:absolute; left:50%; top:0px; margin-left:-960px; z-index:99;height: 750px;}
.index_focus .bd li {display: none;position: absolute;left: 0;top:0;width:1920px;z-index:999}
.index_focus_post {z-index: 10;}
.index_focus .pic {height: auto;display: block; margin:0 auto;}
.index_focus .pic:hover {text-decoration: none;}
.index_focus_pre,.index_focus_next {display: none;position: absolute;top: 50%;margin-top: -32px;width:60px;height:60px;text-indent: 100%;white-space: nowrap;overflow: hidden;z-index:5000;}
.index_focus_pre {left:3%; background:url(../images/prev.png) no-repeat;}
.index_focus_next {right: 3%;background:url(../images/next.png) no-repeat;}
.index_focus_pre:hover{left:3%; background:url(../images/prev2.png) no-repeat;}
.index_focus_next:hover{right: 3%;background:url(../images/next2.png) no-repeat;}
.index_focus .wp {position: absolute;left: 50%;margin-left: -600px;height: 20px;bottom:37px;z-index: 9999}
.index_focus .slide_nav {position: absolute; left: 50%;margin-left:-80px;z-index: 99999;}
.index_focus .slide_nav a {width:22px;height:22px; cursor: pointer;float: left; margin-left:18px;background:url("../images/dian1.png") no-repeat center center;}
.index_focus .slide_nav li:hover, .index_focus .slide_nav .on {text-decoration: none;background:url("../images/dian2.png") no-repeat center center;}
.index_focus2 {position: relative;width: 100%;height:250px;margin: 0 auto; overflow:hidden; z-index:9;}
.index_focusn2{width:1920px; position:absolute; left:50%; top:0px; margin-left:-960px; z-index:99;height: 250px;}
.index_focus2 .bd li {display: none;position: absolute;left: 0;top:0;width:1920px;z-index:999}
.index_focus_post {z-index: 10;}
.index_focus2 .pic {height: auto;display: block; margin:0 auto;}
.index_focus2 .pic:hover {text-decoration: none;}
.index_focus2 .slide_nav li:hover,.index_focus2 .slide_nav .on{text-decoration: none; background:url("../images/dian2.png") no-repeat center center;}
.index_focus_pre2,.index_focus_next2 {display: none;position: absolute;top: 50%;margin-top:-35px;width:65px;height:65px;text-indent: 100%;white-space: nowrap;overflow: hidden;z-index:9999}
.index_focus_pre2 {left: 40px; background:url(../images/prev.png) no-repeat;}
.index_focus_next2 {right: 40px;background:url(../images/next.png) no-repeat;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.index_focus {height:380px;}
.index_focusn img {width:81%;}
.index_focus2 {height:250px;}
.index_focusn2 img {width: 80%;}
}
@media screen and (min-width:1220px) {.carousel,.clear2{display: none}}
@media screen and (max-width:1219px) {
.index_focus {display: none}
.index_focus2 {display: none}
.carousel{width: 100%;position: relative;overflow: hidden;}
.carousel ul{width: 100%;height: 100%;}
.carousel ul li{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.carousel ul li img{width: 100%; vertical-align: middle;}
.carousel ol{position: absolute;z-index: 2;width: 80px;height:5px;bottom: 10px;left: 50%;-webkit-transform:translate3d(-50%,0,0);}
.carousel ol li{float: left;width:10px;height:10px; border-radius:5px;margin-right: 7px;background-color: #fff;transition:all 0.3s ease 0s;}
.carousel ol li.cur{width:10px;height:10px; border-radius:5px;;background:#e8be1d;}
.carousel ol li:last-child{margin: 0;}
}
@media screen and (min-width:980px) {}
@media screen and (max-width:380px){
.h-bd2 ul li a{padding: 0 5px;}
}
@media screen and (min-width:1000px) and (max-width:1219px) {
.navlist1>li{margin-right: 0;}
.navlist2>li{margin-left: 0;}
.navlist>li>a{padding: 0 7px;}
.navlist1{margin-right: 14px;}
.logo img{width: 50px;}
}
@media screen and (max-width:999px) {
nav .wp{position: relative;}
.logo{left: 0;top: 0;}
.navlist>li{margin-right: 20px;}
.navlist1{display: none;}
.navlist2{display: none;}
.navlist3{display: block;margin-left: 90px;}
.headnav{position: static;}
}
@media screen and (max-width:690px) {
.searchyy{width: 100%;}
}
@media screen and (max-width:639px) {
.logo img{width: 50px;}
.navlist>li>a{line-height: 55px;}
.navlist3{margin-left: 60px;}
.navlist>li{font-size: 1.2rem;}
}
@media screen and (max-width:490px) {
.navlist>li{margin-right: 0;}
.logo img{width: 40px;}
.navlist3{margin-left: 44px;}
}
@media screen and (max-width:420px) {
.topul li{width: 70%;}
.yy{margin-left: 30px;}
}
@media screen and (max-width:380px) {
.navlist>li>a{padding: 0 2px;}
.navlist>li{font-size: 1.0rem;}
}
/****************** whyp *******************/
.whyp{background: url("../images/sybg1.jpg") no-repeat center top;}
.why{padding-top: 60px;padding-bottom: 76px;}
.why .wp{overflow: hidden;}
.leading{text-align: center;font-size: 24px;font-size: 2.4rem;margin-top: 35px;margin-bottom: 48px;}
.leading:hover a{color: #e8be1d;}
.biaobox{text-align: center;width: 210px;float: left;margin-left: 120px;}
.biaobox a{display: block;}
.dabiao{padding-top: 121px;font-size: 24px;font-size: 2.4rem;font-family: 'OpenSansBold';}
.dabiao1{background: url("../images/syi1.png") no-repeat center top;transition: 0.5s;}
.dabiao2{background: url("../images/syi2.png") no-repeat center top;transition: 0.5s;}
.dabiao3{background: url("../images/syi3.png") no-repeat center top;transition: 0.5s;}
.dabiao4{background: url("../images/syi4.png") no-repeat center top;transition: 0.5s;}
.xiaobiao{line-height: 24px;margin-top: 11px;height: 48px;overflow: hidden;}
.biaobox:hover .dabiao1{background: url("../images/syi5.jpg") no-repeat center 10px;}
.biaobox:hover .dabiao2{background: url("../images/syi6.jpg") no-repeat center 10px;}
.biaobox:hover .dabiao3{background: url("../images/syi7.jpg") no-repeat center 10px;}
.biaobox:hover .dabiao4{background: url("../images/syi8.jpg") no-repeat center 10px;}
.biaobox:hover a{color: #e8be1d;}
.sybt1 img{width:100%;max-width: 406px;max-height: 61px;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.biaobox{margin-left: 45px;}
}
@media screen and (max-width:999px) {
.biaobox{width: 46%;margin: 0 2%;margin-bottom: 30px;}
.whyp{background:#fff;background-attachment:fixed; }
}
@media screen and (max-width:490px) {
.biaobox{width: 100%;margin: 0;margin-bottom: 30px;}
.leading{font-size:16px;font-size: 1.6rem;}
}
/******************** syp ************************/
.syp{padding-bottom: 113px;}
.sybt2{margin-bottom: 56px;}
.pcon{position: relative;margin-left: 37px;}
.ptu img{width: 100%;max-width: 210px;max-height: 210px;display: block;}
.pcover{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,71,49,0.4);}
.pcover span{display: block;width: 100%;text-align: center;font-size: 16px;font-size: 1.6rem;font-family: 'OpenSansBold';color: #fff;text-transform: uppercase;background: url("../images/huangxian.jpg") no-repeat center bottom;margin-top: 44%;padding-bottom: 2px;}
.pbox{float: left;width: 210px;margin-left: 37px;padding-bottom: 30px;}
.syp .wp{position: relative;}
.qiehuan{background: #fff;padding-top: 19px;}
.suzhou{line-height: 24px;text-align: center;padding: 0 160px;}
.suzhou a{display: block;}
.suzhou a:hover{color: #e8be1d;}
.learnmore{font-size: 16px;font-size: 1.6rem;text-align: center;margin-top: 11px;}
.learnmore a{color: #e8be1d;padding-right: 22px;background: url("../images/syjt.png") no-repeat right center;font-family: 'OpenSansBold';}
.learnmore a:hover{color: #333;}
.s_tu img{width: 100%;max-width: 260px;max-height: 173px;opacity: 0.4;}
.img-scroll1 {position: relative;margin: 0 auto;width: 100%;padding-top: 75px;padding-bottom: 4px;}
.img-scroll1 .prev1, .img-scroll1 .next1 {position: absolute;display: block;width: 28px;height: 28px;top:4%;margin-top:-16px;color: #fff;text-align: center;line-height: 100px;border-radius: 50%;}
.img-scroll1 .prev1 {right: 0;margin-right: 86px;cursor: pointer;background: url("../images/sys.png") no-repeat;}
.img-scroll1 .next1 {right: 0;margin-right:39px;cursor: pointer;background: url("../images/syx.png") no-repeat;}
.img-scroll1 .prev1:hover {background: url("../images/sys2.png") no-repeat;box-shadow: 0px 0px 10px 0px #d2d1ce;}
.img-scroll1 .next1:hover {background: url("../images/syx2.png") no-repeat;box-shadow: 0px 0px 10px 0px #d2d1ce;}
.img-list1 {position:relative;width: 100%;margin-left: 77px;overflow: hidden;margin: 0 auto;}
.img-list1 ul {width: 9999px;}
.img-list1 li {float: left;display: inline;width: 260px;margin-right: 52px;text-align: center;padding-bottom: 15px;}
.img-scroll2 {position: relative;margin: 0 auto;width: 100%;padding-top: 75px;padding-bottom: 10px;}
.img-scroll2 .prev2, .img-scroll2 .next2 {position: absolute;display: block;width: 28px;height: 28px;top:4%;margin-top:-16px;color: #fff;text-align: center;line-height: 100px;border-radius: 50%;}
.img-scroll2 .prev2 {right: 0;margin-right: 86px;cursor: pointer;background: url("../images/sys.png") no-repeat;}
.img-scroll2 .next2 {right: 0;margin-right:39px;cursor: pointer;background: url("../images/syx.png") no-repeat;}
.img-scroll2 .prev2:hover {background: url("../images/sys2.png") no-repeat;box-shadow: 0px 0px 10px 0px #d2d1ce;}
.img-scroll2 .next2:hover {background: url("../images/syx2.png") no-repeat;box-shadow: 0px 0px 10px 0px #d2d1ce;}
.img-list2 {position:relative;width: 100%;margin-left: 77px;overflow: hidden;margin: 0 auto;}
.img-list2 ul {width: 9999px;}
.img-list2 li {float: left;display: inline;width: 260px;margin-right: 52px;text-align: center;}
.img-scroll3 {position: relative;margin: 0 auto;width: 100%;padding-top: 75px;padding-bottom: 10px;}
.img-scroll3 .prev3, .img-scroll3 .next3 {position: absolute;display: block;width: 28px;height: 28px;top:4%;margin-top:-16px;color: #fff;text-align: center;line-height: 100px;border-radius: 50%;}
.img-scroll3 .prev3 {right: 0;margin-right: 86px;cursor: pointer;background: url("../images/sys.png") no-repeat;}
.img-scroll3 .next3 {right: 0;margin-right:39px;cursor: pointer;background: url("../images/syx.png") no-repeat;}
.img-scroll3 .prev3:hover {background: url("../images/sys2.png") no-repeat;box-shadow: 0px 0px 10px 0px #d2d1ce;}
.img-scroll3 .next3:hover {background: url("../images/syx2.png") no-repeat;box-shadow: 0px 0px 10px 0px #d2d1ce;}
.img-list3 {position:relative;width: 100%;margin-left: 77px;overflow: hidden;margin: 0 auto;}
.img-list3 ul {width: 9999px;}
.img-list3 li {float: left;display: inline;width: 260px;margin-right: 52px;text-align: center;}
.img-scroll4 {position: relative;margin: 0 auto;width: 100%;padding-top: 75px;padding-bottom: 10px;}
.img-scroll4 .prev4, .img-scroll4 .next4 {position: absolute;display: block;width: 28px;height: 28px;top:4%;margin-top:-16px;color: #fff;text-align: center;line-height: 100px;border-radius: 50%;}
.img-scroll4 .prev4 {right: 0;margin-right: 86px;cursor: pointer;background: url("../images/sys.png") no-repeat;}
.img-scroll4 .next4 {right: 0;margin-right:39px;cursor: pointer;background: url("../images/syx.png") no-repeat;}
.img-scroll4 .prev4:hover {background: url("../images/sys2.png") no-repeat;box-shadow: 0px 0px 10px 0px #d2d1ce;}
.img-scroll4 .next4:hover {background: url("../images/syx2.png") no-repeat;box-shadow: 0px 0px 10px 0px #d2d1ce;}
.img-list4 {position:relative;width: 100%;margin-left: 77px;overflow: hidden;margin: 0 auto;}
.img-list4 ul {width: 9999px;}
.img-list4 li {float: left;display: inline;width: 260px;margin-right: 52px;text-align: center;}
.img-scroll5 {position: relative;margin: 0 auto;width: 100%;padding-top: 75px;padding-bottom: 10px;}
.img-scroll5 .prev5, .img-scroll5 .next5 {position: absolute;display: block;width: 28px;height: 28px;top:4%;margin-top:-16px;color: #fff;text-align: center;line-height: 100px;border-radius: 50%;}
.img-scroll5 .prev5 {right: 0;margin-right: 86px;cursor: pointer;background: url("../images/sys.png") no-repeat;}
.img-scroll5 .next5 {right: 0;margin-right:39px;cursor: pointer;background: url("../images/syx.png") no-repeat;}
.img-scroll5 .prev5:hover {background: url("../images/sys2.png") no-repeat;box-shadow: 0px 0px 10px 0px #d2d1ce;}
.img-scroll5 .next5:hover {background: url("../images/syx2.png") no-repeat;box-shadow: 0px 0px 10px 0px #d2d1ce;}
.img-list5 {position:relative;width: 100%;margin-left: 77px;overflow: hidden;margin: 0 auto;}
.img-list5 ul {width: 9999px;}
.img-list5 li {float: left;display: inline;width: 260px;margin-right: 52px;text-align: center;}
.ser_p{font-family: 'OpenSansBold';text-align: center;line-height: 24px;}
.ser_p a{display: block;height: 48px;overflow: hidden;color: #666666;}
.ser_a{display: block;width: 150px;height: 30px;line-height: 30px;text-align: center;margin: 0 auto;border-radius: 15px;background: #e8be1d;color: #fff;font-family: 'OpenSansBold';box-shadow: 0px 0px 40px 0px #c6c5c4;margin-top: 7px;visibility: hidden;text-transform: uppercase;}
.ser_a:hover{background: #c5a116;}
.qiehuan li:hover .s_tu img{opacity:1;}
.qiehuan li:hover .ser_a{visibility: visible;}
#outer {width: 100%;margin-top: 56px;}
#tab {overflow: hidden;zoom: 1;}
#tab li {float: left;cursor: pointer;padding-bottom: 29px;}
#tab li.current {background: url("../images/sanjiao.png") no-repeat center bottom;}
#tab li.current .pcover{background: rgba(0,71,49,0.8);}
#content .ul {line-height: 25px;display: none;}
.sybt2 img{width: 100%;max-width: 506px;max-height: 61px;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.pcon{width: 180px;margin-left: 20px;}
.img-list1 li{width: 206px;}
.suzhou{padding: 0 100px;}
}
@media screen and (max-width:999px) {
.qiehuan{background: #e8be1d;}
.s_tu img{opacity: 0.9;}
.qiehuan ul{width: 10000%;}
.qiehuan li{width: 0.31%;margin: 0 0.01%;}
.suzhou{padding: 0 20px;}
#tab li{width: 25.33333%;margin: 0 4%;}
.why{padding-bottom: 20px;}
.suzhou a:hover{color: #fff;}
.learnmore a{color: #333;}
.learnmore a:hover{color: #fff;}
.ser_a{background: #fff;color:#e8be1d; visibility:visible;}
}
@media screen and (max-width:800px) {
#tab li{width: 31.33333%;margin: 0 1%;}
}
@media screen and (max-width:639px) {
.pcon{margin-left: 0;}
.pcover span{font-size: 1.2rem;}
}
@media screen and (max-width:500px) {
.qiehuan li{width: 0.48%;margin: 0 0.01%;}
}
@media screen and (max-width:370px) {
#tab li{width: 46%;margin: 0 2%;}
#outer{margin-top: 40px;}
.sybt2{margin-bottom: 35px;}
.qiehuan li{width: 0.9%;margin: 0 0.05%;}
.why{padding-top: 40px;}
}
/*********************** customer ***************************/
.bgche{background: url("../images/sybg2.jpg") no-repeat center top;}
.customer{padding-top: 38px;padding-bottom: 30px;}
.sybt3{margin-bottom: 38px;}
.sybt3 img{width: 100%;max-width: 452px;max-height: 61px;}
.sybt3 a{float: right;}
.img-scroll6 {position: relative;margin: 0 auto;width: 100%;padding-bottom: 10px;}
.img-scroll6 .prev6, .img-scroll6 .next6 {position: absolute;display: block;width: 28px;height: 28px;top:-28%;margin-top:-16px;color: #fff;text-align: center;line-height: 100px;border-radius: 50%;}
.img-scroll6 .prev6 {left: 0;cursor: pointer;background: url("../images/sys.png") no-repeat;}
.img-scroll6 .next6 {left: 0;margin-left:45px;cursor: pointer;background: url("../images/syx.png") no-repeat;}
.img-scroll6 .prev6:hover {background: url("../images/sys2.png") no-repeat;box-shadow: 0px 0px 10px 0px #d2d1ce;}
.img-scroll6 .next6:hover {background: url("../images/syx2.png") no-repeat;box-shadow: 0px 0px 10px 0px #d2d1ce;}
.img-list6 {position:relative;width: 100%;margin-left: 77px;overflow: hidden;margin: 0 auto;}
.img-list6 ul {width: 9999px;}
.img-list6 li {float: left;display: inline;width: 540px;margin-right: 60px;}
.czuo img{width: 100%;max-width: 226px;max-height: 172px;}
.cyou{width: 293px;}
.cnr{line-height: 24px;margin-bottom: 36px;}
.cnr a{display: block;height: 120px;overflow: hidden;}
.cnr a:hover{color: #e8be1d;}
.csj{padding-left: 25px;background: url("../images/sybiao.png") no-repeat left center;color: #666666;}
.cmore{color: #004731;font-family: 'OpenSansBold';padding-right: 22px;background: url("../images/morejt.png") no-repeat right center;}
.cmore:hover{color: #e8be1d;background: url("../images/morejt2.png") no-repeat right center;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.img-list6 li{margin-right: 60px;width: 465px;}
.cyou{width: 230px;}
}
@media screen and (max-width:999px) {
.img-list6 ul{width: 10000%;}
.img-list6 li{width: 0.46%;margin: 0 0.02%;}
.czuo{width: 100%;text-align: center;margin-bottom: 10px;}
.cyou{width: 100%;}
.cnr{margin-bottom: 20px;}
.syp{padding-bottom: 0;}
}
@media screen and (max-width:550px) {
.img-list6 li{width: 1%;margin: 0;}
}
/******************** aboutsuzhou ***********************/
.aboutsuzhou{padding-top: 16px;padding-bottom: 68px;}
.aboutsuzhou .wp{overflow: hidden;}
.sybt4 img{width: 100%;max-width: 343px;max-height: 55px;}
.sybt4{margin-bottom: 47px;}
.syabouttu img{width: 100%;max-width: 555px;max-height: 276px;}
.syabout{width: 555px;}
.sysz{width: 50%;}
.aboutvm{display: block;float: right;width: 150px;height: 30px;line-height:30px;text-align: center;border-radius: 15px;color: #e8be1d;font-family: 'OpenSansBold';background: #004731;text-transform: uppercase;margin-top: 22px;}
.aboutvm:hover{background: #e8be1d;color:#004731; }
.aboutnr{line-height: 24px;margin-top: 9px;}
.aboutnr a{color: #004731;display: block;}
.aboutnr a:hover{color:#e8be1d;}
.sybt5 img{width: 100%;max-width: 395px;max-height: 55px;}
.sybt5{margin-bottom: 41px;}
.yuan{width: 84px;height: 84px;border-radius:50%;background: #e8be1d; margin-top: 6px;}
.yuan span{color: #004731;display: block;text-align: center;}
.syspan1{font-size: 30px;font-size: 3rem;font-family: 'OpenSansBold';margin-top: 5px;}
.wben{width: 500px;}
.up1{font-size: 16px;font-size: 1.6rem;font-family: 'OpenSansBold';line-height: 24px;margin-bottom: 8px;}
.up1 a{color: #004731;display: block;height: 48px;overflow: hidden;}
.up1 a:hover{color:#e8be1d;}
.up2{line-height: 24px;}
.up2 a{color: #004731;display: block;height: 72px;overflow: hidden;}
.up2 a:hover{color:#e8be1d;}
.updating li{margin-bottom: 30px;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.syabout{width: 48%;}
.wben{width: 390px;}
}
@media screen and (max-width:999px) {
.syabout{width: 100%;}
.sysz{width: 100%;margin-top: 20px;}
.wben{width: 85%;}
}
@media screen and (max-width:639px) {
.wben{width: 80%;}
}
@media screen and (max-width:500px) {
.wben{width: 100%;}
}
/********************** bottom ************************/
.bottom{padding-top: 52px;background: url("../images/sybg3.png") no-repeat center top;}
.bottom .wp{overflow: hidden;}
.div a,.div li,.div span,.div p{color: #e8be1d;}
.div>a{font-size: 18px;font-size: 1.8rem;font-family: 'OpenSansBold';padding-left: 26px;background: url("../images/dbbg.png") no-repeat left bottom;display: block;padding-bottom: 2px;margin-bottom: 17px;}
.div li{line-height: 36px;}
.div li:hover a{color: #fff;}
.div ul{padding-left: 25px;}
.div1{margin-right: 137px;}
.div2{margin-right: 137px;}
.join{line-height: 24px;font-size: 16px;font-size: 1.6rem;font-family: 'OpenSansBold';margin-top: 25px;margin-bottom: 14px;padding-left: 27px;}
.div4{width: 300px;position: relative;z-index: 9999;}
.form1 input{width: 195px;height: 22px;line-height: 22px;background: #d0d0d0;padding-left: 5px;}
.form1 lable{color: #e8be1d;width: 70px;text-align: right;display: inline-block;margin-right: 6px;}
.syxing{padding-right: 11px;background: url("../images/syxing.png") no-repeat right center;}
.form1 .syxing2{width:81px;}
.form1 .sysub{float: right;padding: 0;background: #e8be1d;color: #004731;font-family: 'OpenSansBold';width: 200px;height: 24px;line-height: 24px;cursor: pointer;}
.form1 .sysub:hover{background:#004731;color:#e8be1d; }
.inbox{float: right;margin-bottom: 10px;}
.shejiaoji a{padding-left: 14px;}
.shejiaoji{margin-top: 24px;}
.copyright{color: #e8be1d;margin-right: 27px;}
.copyright a{color: #e8be1d;}
.copyright a:hover{color: #fff;}
.support{color: #e8be1d;}
.copysup{position: relative;top: -22px;}
.cnzz{padding-left: 10px;}
.reanod{padding-left: 10px;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.div1{margin-right: 60px;}
.div2{margin-right: 60px;}
.copyright{margin-right: 5px;}
.shejiaoji a{padding-left: 8px;}
}
@media screen and (max-width:999px) {
.bottom{background: #004731;padding-bottom: 30px;}
.div{width: 50%;margin: 0;margin-bottom: 20px;}
.form1{float: left;width: 300px;}
.shejiaoji{float: left;}
.copysup{position: static;}
.shejiaoji a{padding-left: 5px;}
.aboutsuzhou{padding-bottom: 20px;}
}
@media screen and (max-width:600px) {
.div{width: 100%;margin: 0;margin-bottom: 20px;}
.bottom{padding-top: 50px;}
.shejiaoji{width: 100%;}
.form1 input{width: 180px;}
.form1 .sysub{width: 185px;}
.form1{width: 280px;}
}
/* ke fu */
.ding{position: fixed;top: 128px;right: 0;background: #333;padding: 0 5px;padding-top: 8px;padding-bottom: 5px;border-radius: 5px;z-index: 99999999999;}
.service{color: #fff;font-size: 16px;font-family:'GOTHIC'; text-align: center;}
.tuwen{background: #fff;text-align: center;border-radius: 3px;padding: 0 5px;padding-bottom: 20px;margin-top: 7px;padding-top: 10px;}
.tuwen img{margin: 0 auto;}
.ose{background: url("../images/s_03.png") no-repeat 16px center;margin-top: 10px;margin-bottom: 10px; padding-left:45px;font-size: 1.2rem;display:block;line-height: 23px;font-family: Verdana, Geneva, Tahoma, sans-serif;}
.cal{background: url("../images/xin_03.jpg") no-repeat 16px;padding-left:45px;font-size: 1.2rem;display:block;line-height: 23px;font-family: Verdana, Geneva, Tahoma, sans-serif;}
@media screen and (max-width:639px){
.ding{display: none;}
}
#online_qq_layer{ z-index:9999; position:fixed; right:0px; top:57%; margin-top:-135px; _position:absolute; _top:expression(eval(document.documentElement.scrollTop)); }
#online_qq_layer.st{top: 48%;}
#online_qq_tab{ width:24px; float:left; margin:0px; margin-top:68px; position:relative; z-index:9; }
#online_qq_tab a{ display:block; height:90px; line-height:999em; overflow:hidden;width: 25px; }
#online_qq_tab a#floatShow{ background:url(../images/customer_03.png) no-repeat;}
#online_qq_tab a#floatHide{ background:url(../images/customer_03.png) no-repeat; }
#onlineService{ display:inline;float:left;width:154px; display:none; background:#004731; border-radius:8px; padding-left:5px; padding-right:5px; padding-bottom:5px;}
.kefubiao{ display:block; line-height:31px; color:#fff; font-size:14px; text-align:center;font-family:Verdana, Geneva, Tahoma, sans-serif; padding-top:1px;font-weight: bold;}
.kefun{ background:#fff; border-radius:8px; overflow:hidden; padding-bottom:15px;}
.kefutu{ display:block; margin-bottom:9px; text-align:center;}
.kefutu img{ width:83px; height:106px;margin-top: 12px;}
.kefun ul{ padding:0 5px;}
.kefun ul li{ background:url(../images/kes.jpg) no-repeat left 3px; padding-left:27px; padding-bottom:5px;}
.kefun ul li a{ display:block; border-bottom:1px solid #c7c7c7; color:#444444; line-height:25px; padding-left:11px;}
.kefun ul li a:hover{ color:#40a2b1;}
@media screen and (min-width:640px){
.kefu2{ display:none}
}
@media screen and (max-width:639px){
#online_qq_layer{ display:none}
.kefu2 a img{ width:100%; max-width:48px; max-height:48px;}
.keqq2{ background:#0177b5}
.keweixin2{ background:#98c01b}
.kefu2{ position:fixed; bottom:0px; width:100%; left:0px;z-index:999}
.kefu2 a{display:block; float:left; width:50%; text-align:center; background:#fff; padding:10px 0;}
.kefu2 a img.img1{ width:20px; height:21px;}
.kefu2 a img.img2{ width:19px; height:21px;}
.foot2{ padding-bottom:70px;}
.youlian{ display:none}
.foot1{ padding-bottom:49px;}
.bottom{padding-bottom: 80px;}
}
#returnTop {_display:none;position:fixed;_position:absolute;z-index:999999999999999999999;right:20px;bottom:49px;_bottom:auto;width:33px;height:71px;text-indent:-999px;overflow:hidden;background:url(../images/top.png) no-repeat;transition:bottom 0.9s;-webkit-transition:bottom 0.9s;-moz-transition:bottom 0.9s;-o-transition:bottom 0.9s;}
/********************** contact3 ***************************/
@font-face {
font-family: 'verlag';
src: url('../fonts/verlag.eot');
src: url('../fonts/verlag.eot') format('embedded-opentype'),
url('../fonts/verlag.woff2') format('woff2'),
url('../fonts/verlag.woff') format('woff'),
url('../fonts/verlag.ttf') format('truetype'),
url('../fonts/verlag.svg#verlag') format('svg');
}
.index_focus2{height: 522px;}
.index_focusn2{height: 522px;}
.bread{padding-top: 41px;}
.bread a:hover{color: #e8be1d;}
.bread a.currentbread{color: #e8be1d;}
.home{padding-left: 40px;background: url("../images/breadbg.png") no-repeat left center;}
.contact3{padding-top: 2px;padding-bottom: 100px;}
.conzuo{width: 232px;}
.conyou{width: 889px;}
.conzuo li{font-size: 18px;font-size: 1.8rem;font-family: 'OpenSansBold';padding-left: 24px;margin-top: 29px;}
.conzuo li a{display: block;border-bottom: 2px solid #eaeaea;padding-bottom: 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.conzuo li.currentcon{background: url("../images/lbbg.png") no-repeat left center;}
.conzuo li.currentcon a{color: #e8be1d;border-bottom: 2px solid #e8be1d;}
.conzuo li:hover{background: url("../images/lbbg.png") no-repeat left center;}
.conzuo li:hover a{color: #e8be1d;border-bottom: 2px solid #e8be1d;}
.lxlist{width: 338px;margin-top: 34px;}
.lxlist li{line-height: 24px;padding-left: 27px;font-size: 16px;font-size: 1.6rem;margin-bottom: 9px;}
.cli1{background: url("../images/ci1.jpg") no-repeat 1px 4px;}
.cli2{background: url("../images/ci2.jpg") no-repeat 1px 4px;}
.cli3{background: url("../images/ci3.jpg") no-repeat 1px 4px;}
.cli4{background: url("../images/ci4.jpg") no-repeat 1px 4px;}
.cli5{background: url("../images/ci5.jpg") no-repeat 1px 4px;}
.cli6{background: url("../images/ci6.jpg") no-repeat 1px 4px;}
.cli7{background: url("../images/ci7.jpg") no-repeat 1px 4px;}
.lxlist li span{font-family: 'OpenSansBold';}
.lxlist li a:hover{color: #e8be1d;}
.ditu{margin-top: 34px;width: 497px;}
.ditu iframe{width: 100%;max-width: 497px;max-height: 258px;border: 2px solid #666666;}
.write{text-align: center;font-family: 'verlag';color: #666666;font-size: 30px;font-size: 3rem;margin-bottom: 12px;margin-top: 30px;text-transform: uppercase;}
.whether{text-align: center;font-size: 16px;font-size: 1.6rem;color: #999999;line-height: 30px;}
.coxin{margin:auto; margin-top:11px;}
.coxin .xing{ background:url(../images/xing.png) no-repeat 12px 17px;}
.coxin .int1{ width:404px; height:46px; border:1px solid #d2d2d2; padding-left:24px; margin-top:21px; float:left; font-size:14px; font-size:1.4rem; line-height:46px;}
.coxin .int2{ width:404px; height:46px; border:1px solid #d2d2d2; padding-left:24px; margin-top:21px; float:right; font-size:14px; font-size:1.4rem; line-height:46px;}
.coxin textarea{ width:866px; height:208px; background:url(../images/xing.png) no-repeat 12px 14px; border:1px solid #d2d2d2; padding-left:21px; margin-top:24px; float:left; font-size:14px; font-size:1.4rem; line-height:33px; padding-top:3px;}
.coxin .int3{ width:224px; height:46px; border:1px solid #d2d2d2; padding-left:24px; margin-top:12px; float:left; font-size:14px; font-size:1.4rem; line-height:46px;}
.coyanzheng{ width:173px; height:50px; float:left; margin-top:12px; margin-left:7px; cursor:pointer;}
.coxin .int4{ width:426px; height:50px;border-radius:25px; float:right; margin-top:12px; background:#e8be1d; font-size:24px; font-size:2.4rem; cursor:pointer;font-family: 'OpenSansBold';text-transform: uppercase;color: #fff;}
.coxin .int4:hover{ background:#004731; color:#fff;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.conyou{width: 705px;}
.ditu{width: 350px;}
.coxin .int1{width: 310px;}
.coxin .int2{width: 310px;}
.coxin textarea{width: 680px;}
.coxin .int4{width: 250px;}
}
@media screen and (max-width:999px) {
.conzuo{width: 30%;}
.conyou{width: 68%;}
.lxlist{width: 100%;}
.ditu{width: 100%;text-align: center;}
.coxin .int1{float: none;width: 95%;}
.coxin .int2{float: none;width: 95%;}
.coxin textarea{width: 95%;}
.coxin .int4{width: 100%;padding: 0;}
}
@media screen and (max-width:639px) {
.conzuo{width: 100%;margin-top: 30px;}
.conyou{width: 100%;}
}
@media screen and (max-width:480px) {
.coxin .int1{float: none;width: 90%;}
.coxin .int2{float: none;width: 90%;}
.coxin textarea{width: 90%;}
.coxin .int3{width: 90%;}
.coyanzheng{margin-left: 0;}
}
/********************** contact2 ***************************/
.contact2{padding-top: 2px;padding-bottom: 82px;}
.find{text-align: center;font-family: 'verlag';color: #666666;font-size: 30px;font-size: 3rem;text-transform: uppercase;margin-top: 31px;}
.online{text-align: center;color: #999999;font-size: 16px;font-size: 1.6rem;margin-top: 17px;margin-bottom: 20px;}
.form2{text-align: center;padding-bottom: 27px;border-bottom: 1px solid #cccccc;margin-bottom: 24px;}
.form2 lable{font-family: 'OpenSansBold';font-size: 16px;font-size: 1.6rem;text-transform: uppercase;}
.form2 select{width: 360px;height: 38px;line-height: 38px;border: 1px solid #666666;border-radius: 5px;margin-left: 10px;margin-right: 20px;cursor: pointer;}
.form2 input{width: 150px;height: 30px;line-height: 30px;text-align: center;border-radius: 15px;background: #e8be1d;font-family: 'OpenSansBold';color: #fff;text-transform: uppercase;cursor: pointer;}
.form2 input:hover{background:#004731}
.lxp{font-family: 'OpenSansBold';font-size: 18px;font-size: 1.8rem;text-transform: uppercase;margin-bottom: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.lxlist2{width: auto;margin-top: 0;}
.lxbox{padding-bottom: 4px;border-bottom: 1px solid #ebebeb;margin-bottom: 19px;}
@media screen and (min-width:1000px) and (max-width:1219px) {
}
@media screen and (max-width:999px) {
.form2 lable{display: block;margin-bottom: 10px;}
.form2{text-align: left;}
.form2 select{width: 60%;margin: 0;}
.form2 input{width: 60%;margin-top: 20px;}
}
@media screen and (max-width:450px) {
.form2 select{width: 90%;margin: 0;}
.form2 input{width: 90%;margin-top: 20px;}
}
/********************** contact1 ***************************/
.contact1{padding-top: 2px;padding-bottom: 100px;}
.coxin .textarea2{height: 114px;}
/***************** about8 ********************/
.about8{padding-top: 2px;padding-bottom: 100px;}
.abzuo{width: 274px;}
.abyou{width: 826px;}
.abzuo li{font-size: 18px;font-size: 1.8rem;font-family: 'OpenSansBold';padding-left: 24px;margin-top: 29px;}
.abzuo li a{display: block;border-bottom: 2px solid #eaeaea;padding-bottom: 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.abzuo li.currentcon{background: url("../images/lbbg.png") no-repeat left center;}
.abzuo li.currentcon a{color: #e8be1d;border-bottom: 2px solid #e8be1d;}
.abzuo li:hover{background: url("../images/lbbg.png") no-repeat left center;}
.abzuo li:hover a{color: #e8be1d;border-bottom: 2px solid #e8be1d;}
.write2{text-align: center;font-family: 'verlag';color: #666666;font-size: 36px;font-size: 3.6rem;margin-bottom: 12px;margin-top: 30px;text-transform: uppercase;}
.wenzi{color: #999999;line-height: 24px;text-align: center;margin-bottom: 46px;}
.teamtu img{width: 100%;max-width: 226px;max-height: 172px;display: block;}
.teamwen{width: 563px;}
.teamp1{font-size: 16px;font-size: 1.6rem;font-family: 'OpenSansBold';color: #e8be1d;margin-bottom: 22px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.teamp2{line-height: 24px;height: 96px;overflow: hidden;}
.teambox{padding-bottom: 22px;border-bottom: 1px solid #dcdcdc;margin-bottom: 27px;}
.ms_ye{text-align: center;}
.ms_ye a{display: inline-block;width: 32px;line-height: 28px;border: 1px solid #e5e5e5;text-align: center;margin: 0 3px;background: #eeeeee;font-size: 12px;font-size: 1.2rem;}
.ms_sx{width: 59px!important;}
.ms_ye .ms_current_ye{border:1px solid #e8be1d;background: #e8be1d;color: #fff;}
.ms_ye a:hover{border:1px solid #e8be1d;background: #e8be1d;color: #fff;}
.about8 .ms_ye{margin-top: 70px;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.abyou{width: 680px;}
.teamwen{width: 430px;}
}
@media screen and (max-width:999px) {
.abzuo{width: 32%;}
.abyou{width: 66%;}
.teamtu{width: 100%;}
.teamwen{width: 100%;margin-top: 20px;}
}
@media screen and (max-width:639px) {
.abzuo{width: 100%;margin-top: 30px;}
.abyou{width: 100%;}
.ms_ye a{margin-bottom: 5px;}
}
/***************** about7 ********************/
.about7{padding-top: 2px;padding-bottom: 87px;}
.aboutbt{font-family: 'OpenSansBold';font-size: 20px;font-size: 2rem;text-align: center;margin-top: 30px;}
.aboutsj{text-align: center;margin-top: 12px;margin-bottom: 20px;}
.aboutsj span{padding-left: 30px;background: url("../images/sybiao.png") no-repeat left center;color: #999999;}
.aboutxq{line-height: 24px;color: #666666;padding-bottom: 30px;border-bottom: 1px solid #e3e3e3;margin-bottom: 10px;}
.aboutxq span,.aboutxq p,.aboutxq li{color: #666;}
.aboutxq a{color: #e8be1d;}
.aboutxq img{max-width: 100%;}
.sx_new p{display: inline-block;}
.sx_new span{display: inline-block;vertical-align: middle;padding-left: 22px;font-family: 'OpenSansBold';}
.sx_new a{color: #666;display: inline-block;}
.sx_new a:hover{color: #e8be1d;}
.sx_new{margin-bottom: 8px;color: #666;}
.sxspan1{background: url("../images/news.png") no-repeat;}
.sxspan2{background: url("../images/newx.png") no-repeat;}
.sx_new:hover .sxspan1{background: url("../images/news2.png") no-repeat;}
.sx_new:hover .sxspan2{background: url("../images/newx2.png") no-repeat;}
/***************** about6 ********************/
.about6{padding-top: 2px;padding-bottom: 100px;}
.a6p1{font-size: 16px;font-size: 1.6rem;font-family: 'OpenSansBold';margin-bottom: 8px;}
.a6p1 a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.a6p1 a:hover{color: #e8be1d;}
.a6sj{color: #999999;padding-left: 32px;background: url("../images/sybiao.png") no-repeat left center;}
.a6p2{line-height: 24px;margin-top: 20px;}
.a6p2 a{display: block;height: 48px;overflow: hidden;color: #666666;}
.a6p2 a:hover{color: #e8be1d;}
.a6rm{display: block;width: 146px;height: 26px;line-height: 26px;text-align: center;border-radius: 15px;border: 2px solid #e8be1d;color: #e8be1d;font-family: 'OpenSansBold';margin-top: 15px;text-transform: uppercase;}
.a6rm:hover{background: #e8be1d;color: #fff;}
.a6box{padding-bottom: 18px;border-bottom: 1px solid #e3e3e3;margin-bottom: 21px;}
.about6 .ms_ye{margin-top: 70px;}
.special{margin-top: 36px;}
/***************** about5 ********************/
.about5{padding-top: 2px;padding-bottom: 100px;}
.abmain4{padding-bottom:1px;}
.ablie{ width:257px; float:left; margin-left:27px;margin-bottom:29px;}
.abtu{position:relative; overflow:hidden;display: block;border: 2px solid #e8be1d;}
.abtu>img{width:100%;max-width:253px;max-height:187px;display: block;}
.fangda{ background:#0c2c6c; background:rgba(0,71,49,0.9); display:block; position:absolute; width:100%; height:100%; top:100%; left:0px;transition: 0.5s;}
.fangda img{ width:31px; height:30px; position:absolute; left:50%; margin-left:-15px; top:50%; margin-top:-15px;}
.ablie p{line-height:24px; text-align:center; margin-top:6px;overflow: hidden;height: 48px;}
.ablie:hover .fangda{ top:0px;}
.mat{ margin-top:57px;}
/*********************fangdaxiaoguo**********************/
#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%; background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease;z-index:99999999999999999999999999999999999999;}
#baguetteBox-overlay.visible{opacity:1}
#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center;}
#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}
#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);}
#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:Verdana, Geneva, sans-serif;}
#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}
#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-moz-transform .4s ease;transition:left .4s ease,transform .4s ease}
#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}
#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}
.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}
.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;
border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease;}
.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}
.baguetteBox-button#next-button{right:2%;display: block!important;}
.baguetteBox-button#previous-button{left:2%;display: block!important;}
.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}
.baguetteBox-button svg{position:absolute;left:0;top:0}
.spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}
.double-bounce1,.double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}
.double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}
@-webkit-keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}
@keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}
@-webkit-keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}
@keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}
@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}
.fenlei a{display: inline-block;width: 158px;height: 30px;line-height: 30px;border-top-right-radius: 10px;border-top-left-radius: 10px;background: #004731;font-family: 'OpenSansBold';color: #e8be1d;text-transform: uppercase;text-align: center;margin-left: 9px;float: left;}
.fenlei{border-bottom: 1px solid #e8be1d;margin-bottom: 42px;margin-top: 36px;}
.fenlei a.currentfl{background: #e8be1d;color: #fff;}
.fenlei a:hover{background: #e8be1d;color: #fff;}
.about5 .ms_ye{margin-top: 35px;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.fenlei a{width: 33%;margin-left: 1px;margin-bottom: 5px;}
.fenlei{border: none;}
.ablie{width: 208px;}
}
@media screen and (max-width:999px) {
.fenlei a{width: 33%;margin-left: 1px;margin-bottom: 5px;}
.fenlei{border: none;}
.ablie{width: 31.3333%;margin: 0 1%;margin-bottom: 30px;}
}
@media screen and (max-width:800px) {
.fenlei a{width: 33%;margin-left: 1px;margin-bottom: 5px;}
.fenlei{border: none;}
.ablie{width: 48%;margin: 0 1%;margin-bottom: 30px;}
}
@media screen and (max-width:639px) {
.ablie{width: 42%;margin: 0 4%;margin-bottom: 30px;}
}
@media screen and (max-width:500px) {
.ablie{width: 48%;margin: 0 1%;margin-bottom: 30px;}
.fenlei a{width: 50%;margin: 0;margin-bottom: 5px;}
}
@media screen and (max-width:350px) {
.ablie{width: 76%;margin: 0 12%;margin-bottom: 20px;}
.fenlei a{width: 100%;margin: 0;margin-bottom: 5px;}
}
/***************** about4 ********************/
.about4{padding-top: 2px;padding-bottom: 100px;}
.abox{padding:17px;background: url("../images/kuang.png") no-repeat;}
.ablie2{ width:250px; float:left; margin-left:38px;margin-top:33px;margin-bottom: 17px;}
.abtu2{position:relative; overflow:hidden;display: block;}
.abtu2>img{width:100%;max-width:216px;max-height:331px;display: block;}
.fangda{ background:#0c2c6c; background:rgba(0,71,49,0.7); display:block; position:absolute; width:100%; height:100%; top:100%; left:0px;transition: 0.5s;}
.fangda img{ width:31px; height:30px; position:absolute; left:50%; margin-left:-15px; top:50%; margin-top:-15px;}
.ablie2 p{text-align:center; margin-top:16px;overflow: hidden;font-family: 'OpenSansBold';}
.ablie2:hover .fangda{ top:0px;}
.mat{ margin-top:57px;}
.about4 .ms_ye{margin-top: 50px;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.abzuo2{width: 205px;}
.abyou2{width: 760px;}
.ablie2{margin-left: 5px;}
}
@media screen and (max-width:999px) {
.abox{background: none;padding: 0;}
.ablie2{width: 31.33333%;margin: 0 1%;margin-bottom: 20px;}
.fangda{top: 0; background:rgba(0,71,49,0.3); }
}
@media screen and (max-width:800px) {
.ablie2{width: 43%;margin: 0 3.5%;margin-bottom: 20px;}
}
@media screen and (max-width:639px) {
.ablie2{width: 35%;margin: 0 7.5%;margin-bottom: 20px;}
.about4{padding-top: 30px;}
}
@media screen and (max-width:450px) {
.ablie2{width: 48%;margin: 0 1%;margin-bottom: 20px;}
}
/***************** about3 ********************/
.about3{padding-top: 2px;padding-bottom: 100px;}
.abyoun{background: url("../images/a3jt.png") no-repeat center top;margin-top: 36px;}
.abyoushuxian{background: url("../images/shuxian.jpg") repeat-y center top;padding-top: 30px;}
.hang{background: url("../images/a3dian.png") no-repeat center 32%;}
.ban{width: 50%;text-align: center;position: relative;}
.a3nr{width: 314px;display: inline-block;position: relative;cursor: pointer;}
.a3yin{position: absolute;left: 103%;top: -9999px;width: 319px;background: rgba(232,190,29,0.95);padding-top: 10px;padding-bottom: 10px;border-radius: 10px;}
.a3yin p{color: #131212;line-height: 24px;margin-left: 10px;margin-right: 10px;max-height: 240px;overflow: hidden;}
.a3wen{line-height: 24px;margin-top: 5px;font-size: 16px;font-size: 1.6rem;}
.a3wen:hover{color: #e8be1d;}
.a3tu{width: 100%;max-width: 170px;max-height: 110px;}
.nian{position: absolute;right: 0;top:28%;font-size: 16px;font-size: 1.6rem;color: #ec6d51;font-family: 'OpenSansBold';}
.nian2{left: 0;right: auto;}
.a3yin2{left: auto;right: 103%;}
.ban:hover .a3yin{top: 0;}
@media screen and (min-width:1000px) and (max-width:1219px) {
}
@media screen and (max-width:999px) {
.a3yin{top: 0;}
.a3nr{width: 80%;}
.a3yin{width: 80%;left: 106%;}
.a3yin2{left:auto;right: 106%;}
.hang{margin-bottom: 50px;}
.nian{position: static;display: block;margin-bottom: 10px;}
}
/***************** about2 ********************/
.about2{padding-top: 2px;padding-bottom: 100px;}
.a3nr2{width: 352px;}
.a3wen2{width: 297px;margin-top: 0;text-align: right;}
.nian3{top: 0;}
.a3wen3{text-align: left;}
.about2 .hang{margin-bottom: 32px;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.a3nr2{width: 300px;}
.a3wen2{width: 245px;}
}
@media screen and (max-width:999px) {
.a3nr2{width: 90%;}
.a3wen2{width: 100%;}
}
@media screen and (max-width:639px) {
.a3nr2{width: 90%;}
.a3wen2{width: 100%;}
}
/***************** about1 ********************/
.about1{padding-top: 2px;padding-bottom: 100px;}
.a1bt{text-align: center;font-family: 'OpenSansBold';font-size: 22px;font-size: 2.2rem;margin-top: 30px;margin-bottom: 20px;}
.a1p{line-height: 24px;margin-bottom: 30px;}
.a1tu img{width: 100%;max-width: 826px;max-height: 332px;}
.a1tu{margin-bottom: 20px;}
.a1tu2 img{width: 100%;max-width: 826px;max-height: 215px;}
@media screen and (max-width:639px) {
.about1,.about2,.about3,.about4,.about5,.about6,.about7,.about8{padding-bottom: 60px;}
}
/***************** test ********************/
.test{padding-top: 37px;padding-bottom: 100px;}
.tzuo img{width: 100%;max-width: 226px;max-height: 172px;}
.tp{text-align: center;font-size: 16px;font-size: 1.6rem;font-family: 'OpenSansBold';margin-top: 2px;}
.tyou{width: 935px;}
.tp1{font-size: 16px;font-size: 1.6rem;color: #e8be1d;font-family: 'OpenSansBold';margin-bottom: 22px;}
.tp2{line-height: 24px;}
.testbox{padding-bottom: 44px;border-bottom: 1px solid #dcdcdc;margin-bottom: 45px;}
.test .ms_ye{margin-top: 70px;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.tyou{width: 725px;}
}
@media screen and (max-width:999px) {
.tyou{width: 100%;margin-top: 20px;}
}
@media screen and (max-width:639px) {
.test{padding-bottom: 60px;}
}
/************************ 3-3 *****************************/
.resources3{padding-top: 37px;padding-bottom: 100px;}
.resources3 .resouzuo{margin-top: -35px;}
.resouzuo{width: 224px;}
.resouyou{width: 867px;}
.resouzuo li{font-size: 18px;font-size: 1.8rem;font-family: 'OpenSansBold';padding-left: 24px;margin-top: 29px;}
.resouzuo li a{display: block;border-bottom: 2px solid #eaeaea;padding-bottom: 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.resouzuo li.currentcon{background: url("../images/lbbg.png") no-repeat left center;}
.resouzuo li.currentcon a{color: #e8be1d;border-bottom: 2px solid #e8be1d;}
.resouzuo li:hover{background: url("../images/lbbg.png") no-repeat left center;}
.resouzuo li:hover a{color: #e8be1d;border-bottom: 2px solid #e8be1d;}
.dnr{font-size: 18px;font-size: 1.8rem;padding-left: 35px;background: url("../images/xiazai.png") no-repeat left center;font-family: 'OpenSansBold';}
.dnr a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.dnr a:hover{color: #e8be1d;}
.downbtn{display: inline-block;width: 122px;height: 30px;line-height: 30px;color: #e8be1d;font-family: 'OpenSansBold';text-align: center;padding-left: 34px;border: 2px solid #e8be1d;border-radius: 17px;background: url("../images/yun.png") no-repeat 18px center;}
.downbtn:hover{background: #e8be1d url("../images/yun2.png") no-repeat 18px center;color: #fff;}
.wenben img{width: 35px;height: 42px;vertical-align: middle;margin-right: 17px;}
.downbox{padding-bottom: 2px;background: url('../images/xuxian.png') repeat-x left bottom;margin-bottom: 34px;}
.dan{position: relative;top: -17px;}
.resources3 .ms_ye{margin-top: 70px;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.resouyou{width: 725px;}
}
@media screen and (max-width:999px) {
.resouzuo{width: 30%;}
.resouyou{width: 68%;}
.dnr{width: 90%;}
.dan{width: 100%;top: 0;margin-top: 20px;}
.downbox{padding-bottom: 15px;}
}
@media screen and (max-width:639px) {
.resouzuo{width: 100%;margin-top: 30px!important;}
.resouyou{width: 100%;}
.resources3{padding-bottom: 60px;}
}
/************************ 3-2 *****************************/
.resources2{padding-top: 37px;padding-bottom: 100px;}
.resources2 .resouzuo{margin-top: -35px;}
.qp{line-height: 24px;margin-bottom: 27px;}
.qtu1 img{width: 100%;max-width: 867px;max-height: 410px;}
.qtu1{margin-bottom: 26px;}
.qtu2{text-align: center;}
.qtu2 img{width: 100%;max-width: 559px;max-height: 364px;}
@media screen and (max-width:639px) {
.resources2{padding-bottom: 60px;}
}
/************************ 3-1 *****************************/
.resources1{padding-top: 2px;padding-bottom: 90px;}
.fenlei2 a{display: inline-block;width: 165px;height: 30px;line-height: 30px;border-top-right-radius: 10px;border-top-left-radius: 10px;background: #004731;font-family: 'OpenSansBold';color: #e8be1d;text-transform: uppercase;text-align: center;margin-left: 8px;float: left;}
.fenlei2{border-bottom: 2px solid #e8be1d;margin-bottom: 20px;margin-top: 36px;}
.fenlei2 a.currentfl{background: #e8be1d;color: #fff;}
.fenlei2 a:hover{background: #e8be1d;color: #fff;}
.leisure{color: #666666;line-height: 24px;margin-bottom: 24px;}
.suretu{text-align: center;}
.suretu img{width: 100%;max-width: 492px;max-height: 328px;}
.img-scroll7 {position: relative;margin: 0 auto;width: 100%;padding-bottom: 10px;padding-top: 30px;}
.img-scroll7 .prev7, .img-scroll7 .next7 {position: absolute;display: block;width: 28px;height: 28px;top:-9%;margin-top:-16px;color: #fff;text-align: center;line-height: 100px;border-radius: 50%;}
.img-scroll7 .prev7 {right: 0;margin-right:47px;cursor: pointer;background: url("../images/sys.png") no-repeat;}
.img-scroll7 .next7 {right: 0;cursor: pointer;background: url("../images/syx.png") no-repeat;}
.img-scroll7 .prev7:hover {background: url("../images/sys2.png") no-repeat;box-shadow: 0px 0px 10px 0px #d2d1ce;}
.img-scroll7 .next7:hover {background: url("../images/syx2.png") no-repeat;box-shadow: 0px 0px 10px 0px #d2d1ce;}
.img-list7 {position:relative;margin-left: 77px;overflow: hidden;margin: 0 auto;padding: 0 5px;padding-top: 5px;padding-bottom: 15px;}
.img-list7 ul {width: 9999px;}
.img-list7 li {float: left;display: inline;width: 212px;margin-right: 3px;}
.fytu img{width: 100%;max-width: 212px;max-height: 142px;display: block;}
.fytu{display: block;}
.fyp{line-height: 20px;text-align: center;margin-top: 15px;}
.fyp a{display: block;height: 40px;overflow: hidden;}
.fyp a:hover{color: #e8be1d;}
.fya{display: block;width: 148px;height: 28px;line-height: 28px;text-align: center;margin: 0 auto;color: #e8be1d;border: 1px solid #e8be1d;border-radius: 15px;font-family: 'OpenSansBold';margin-top: 10px;text-transform: uppercase;}
.fya:hover{background: #e8be1d;color: #fff;box-shadow: 0px 0px 20px 0px #d5d0bf;}
.img-list7 li:hover .fytu{box-shadow: 0px 0px 20px 0px #d6d8d9;}
.bt6 img{width: 100%;max-width: 604px;max-height: 61px;}
.bt6{padding-bottom: 9px;border-bottom: 2px solid #e8be1d;margin-top: 47px;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.fenlei2 a{width: 137px;}
.img-list7 li{width: 177px;}
}
@media screen and (max-width:999px) {
.fenlei2 a{width: 31%;margin: 0 1%;margin-bottom: 5px;}
.fenlei2{border: none;}
.img-list7 ul{width: 10000%;}
.img-list7 li{width: 0.3133333%;margin: 0 0.01%;}
.img-scroll7 .prev7, .img-scroll7 .next7{top: 113%;}
}
@media screen and (max-width:800px) {
.img-list7 li{width: 0.48%;margin: 0 0.01%;}
}
@media screen and (max-width:639px) {
.fenlei2{margin-top: 0;}
.resources1{padding-top: 20px;padding-bottom: 60px;}
}
@media screen and (max-width:450px) {
.fenlei2 a{width: 48%;margin: 0 1%;margin-bottom: 5px;}
}
@media screen and (max-width:350px) {
.fenlei2 a{width: 100%;margin: 0;margin-bottom: 5px;}
.img-list7 li{width: 0.6%;margin: 0 0.2%;}
}
/************************ 2-1 *****************************/
.product21{padding-top: 37px;padding-bottom: 90px;}
.pzuo{width: 253px;}
.pyou{width: 868px;}
.parts{line-height: 51px;background: #e8be1d;font-family: Verdana, Geneva, Tahoma, sans-serif;font-weight: bold;text-align: center;font-size: 18px;font-size: 1.8rem;text-transform: uppercase;margin-bottom: 7px;}
.electric{font-size: 20px;font-size: 2rem;}
.parts a{color: #fff;}
.fllist li{line-height: 38px;border-bottom: 1px solid #e5e8e7;margin-bottom: 1px;background: #f1f1f1;font-family: 'OpenSansBold';padding-left: 10px;}
.fllist li a{color: #004731;display: block;padding-left: 25px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.fllist li.xianzai{background: #e8be1d;}
.fllist li.xianzai a{color: #fff;background: url("../images/clbg.png") no-repeat left center;}
.fllist li:hover{background: #e8be1d;}
.fllist li:hover a{color: #fff;background: url("../images/clbg.png") no-repeat left center;}
.elc{font-size: 16px;font-size: 1.6rem;font-family: 'OpenSansBold';}
.street{color: #666666;line-height: 24px;padding-bottom: 16px;border-bottom: 1px solid #e5e5e5;margin-bottom: 47px;}
.p21tu img{width: 100%;max-width: 405px;max-height: 269px;display: block;}
.p21tu{display: block;}
.p21p{line-height: 30px;font-size: 16px;font-size: 1.6rem;text-align: center;position: relative;font-family: 'OpenSansBold';margin-top: 12px;}
.p21p:hover a{color: #e8be1d;}
.check{position: absolute;left: 0;top: 5px;}
.p21box{float: left;width: 405px;margin-left: 58px;margin-bottom: 50px;}
.p21a{display: block;width: 146px;height: 26px;line-height: 26px;text-align: center;margin: 0 auto;color: #e8be1d;border: 2px solid #e8be1d;border-radius: 15px;font-family: 'OpenSansBold';margin-top: 22px;text-transform: uppercase;}
.p21a:hover{background: #e8be1d;color: #fff;box-shadow: 0px 0px 20px 0px #d5d0bf;}
.xiangshang span{font-size: 16px;font-size: 1.6rem;padding-left: 30px;background: url("../images/xiangshang.jpg") no-repeat left center;}
.addto{width: 152px;height: 32px;line-height: 32px;text-align: center;background: #004731;color: #fff;margin-left: 20px;cursor: pointer;}
.addto:hover{background: #023223;}
.p21box:hover .p21tu{box-shadow: 0px 0px 20px 0px #d8d9da;}
.product21 .ms_ye{margin-top: 21px;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.pyou{width: 690px;}
.p21box{width: 316px;}
}
@media screen and (max-width:999px) {
.pzuo{width: 30%;}
.pyou{width: 68%;}
.p21box{width: 48%;margin: 0 1%;margin-bottom: 30px;}
.xiangshang{width: 100%;margin-bottom: 10px;}
.product21 .ms_ye{text-align: left;}
.parts{line-height:30px;}
}
@media screen and (max-width:639px) {
.pzuo{width: 100%;margin-top: 50px;}
.pyou{width: 100%;}
.p21box{width: 48%;margin: 0 1%;margin-bottom: 30px;}
.parts{line-height: 51px;}
.product21{padding-bottom: 60px;}
}
@media screen and (max-width:440px) {
.p21box{width: 96%;margin: 0 2%;margin-bottom: 30px;}
}
/************************ 2-2 *****************************/
.product22{padding-top: 37px;padding-bottom: 90px;}
.left-pro{width:841px;text-align:left;}
.left-pro .t1{width:183px;float:right;}
.left-pro .t2{width:627px;text-indent:0;float:left; background:url(../images/chanyinying.jpg) no-repeat bottom center;}
.left-pro .t2 a{ display:block; border:2px solid #e0e0e0;}
.left-pro .t2 img{text-indent:0;}
#showArea img{cursor:pointer;display:block;margin-bottom:5px;width:179px;height:119px;border:1px solid #e0e0e0;}
#showArea a{ display:block;}
#main_img{cursor:pointer;display:block;}
#gotop{cursor:pointer;display:block; margin:auto; margin-left:76px;width: 25px;height: 9px;background: url("../images/shang.jpg") no-repeat;}
#gobottom{cursor:pointer;display:block; margin:auto; margin-left:76px;width: 25px;height: 9px;background: url("../images/xia.jpg") no-repeat;}
#showArea{height:375px; margin-top:14px; margin-bottom:10px;overflow:hidden;}
#showArea a:hover{ background:url(../images/zhizhen.png) no-repeat left center;}
#showArea a:hover img{border:2px solid #004731;}
.MagicZoomBigImageCont {border:1px solid #eee;background:#FFF;display: none!important;}
.MagicZoomBigImageCont img{width:800px;height:710px}
.MagicZoomPup {border:0px solid #aaa;background:#ffffff;background:rgba(255,255,255,0) !important;}
.jianjie{ width:360px; float:right; padding-top:13px;}
.jianjie h1{ font-size:16px; font-size:1.6rem; font-weight:bold; line-height:20px; color:#333;}
.jianjie ul{ font-size:14px; font-size:1.4rem; line-height:24px; margin-top:17px; height:168px; overflow:hidden;}
.inno{ margin-top:20px;}
.inno a{ display:block; width:108px; height:29px; float:left; background:#135ec4; text-align:center; line-height:29px; color:#fff; margin-right:20px; border-radius:5px;}
.inno a:hover{ background:#3e99f6;}
.you_part{padding-top: 26px;}
.water{font-size: 18px;font-size: 1.8rem;font-family: 'OpenSansBold';margin-bottom: 15px;}
.xq{line-height: 24px;margin-bottom: 41px;}
.share img{vertical-align: middle;}
.share .spam{color: #666666;font-family: 'OpenSansBold';padding-right: 14px;margin-top:4px;}
.share {margin-right: 50px;}
.two_btn a{display: inline-block;width: 140px;height: 30px;line-height: 30px;text-align: center;border-radius: 15px;background: #004731;color: #e8be1d;font-family: 'OpenSansBold';text-transform: uppercase;margin-right: 28px;}
.two_btn a:hover{background: #e8be1d;color: #004731;}
.two_btn{margin-right: 42px;}
.jiaru{padding-left: 35px;background: url("../images/gouwuche.jpg") no-repeat left center;position: relative;top: 5px;line-height: 24px;display: block;}
.jiaru:hover{color: #e8be1d;}
.detail img{width: 100%;max-width: 868px;max-height: 76px;}
.detail{margin-top: 72px;}
.detail2{margin-top: 40px;}
.chanpinx{padding-top: 19px;line-height: 24px;padding-bottom: 20px;background: url("../images/cxxx.jpg") repeat-x left bottom;margin-bottom: 34px;}
.chanpinx img{max-width: 100%;}
.chanpinx a{color: #e8be1d;}
.texing span{font-family: 'OpenSansBold';}
.xqbt{font-family: 'OpenSansBold';font-size: 16px;font-size: 1.6rem;color: #e8be1d;display: block;margin-top: 30px;margin-bottom: 20px;}
.broc{display:block; padding-top: 55px;text-align: center;font-size: 16px;font-size: 1.6rem;color: #666666;background: url("../images/wenben2.jpg") no-repeat center top;margin-bottom: 5px;}
.downanniu{display: inline-block;width: 122px;height: 26px;line-height: 26px;color: #e8be1d;font-family: 'OpenSansBold';text-align: center;padding-left: 34px;border: 2px solid #e8be1d;border-radius: 15px;background: url("../images/yun.png") no-repeat 18px center;}
.downanniu:hover{background: #e8be1d url("../images/yun2.png") no-repeat 18px center;color: #fff;}
.first{margin-right: 60px;}
.downanniu2{margin-left:160px;display: inline-block;width: 146px;height: 26px;line-height: 26px;color: #e8be1d;font-family: 'OpenSansBold';text-align: center;border: 2px solid #e8be1d;border-radius: 15px;position: relative;top: 47px;}
.downanniu2:hover{background: #e8be1d;color: #fff;}
.bt8 img{width: 100%;max-width: 868px;max-height: 76px;}
.bt8{margin-top: 55px;}
.product22 .img-list7{padding-top: 2px;}
@media screen and (min-width:1000px) and (max-width:1219px){
.box2{ float:none; margin:auto;}
.MagicZoomBigImageCont,.MagicZoomBigImageCont img{ display:none !important}
.MagicZoomPup { background:rgba(255,255,255,0)}
.jianjie{ width:100%; float:none;}
.jianjie ul{ height:auto;}
.img-list3 li{width: 245px;}
.may_bg{background: none;}
.box2{display:none}
.box3{width:100%;}
.box3 a{display:block; width:48%; margin-left:1%; margin-right:1%; float:left; margin-top:10px; }
.box3 a img{width:100%; max-width:398px; max-height:353px;border:1px solid #ccc;}
.biaoge{ width:100%;}
.jianjie{ width:100%; float:none;}
.jianjie ul{ height:auto;}
.share{margin-bottom: 20px;}
}
@media screen and (min-width:1219px){.box3{display:none}}
@media screen and (max-width:999px){
.share{margin-bottom: 20px;}
.two_btn{margin-bottom: 20px;}
.box2{display:none}
.box3{width:100%;}
.box3 a{display:block; width:48%; margin-left:1%; margin-right:1%; float:left; margin-top:10px; }
.box3 a img{width:100%; max-width:398px; max-height:353px;border:1px solid #ccc;}
.biaoge{ width:100%;}
.jianjie{ width:100%; float:none;}
.jianjie ul{ height:auto;}
.share{margin-bottom: 20px;}
.first{margin-right: 30px;}
}
@media screen and (max-width:639px){
.product22 .pzuo{margin-top: 80px;}
.two_btn a{margin-right: 9px;margin-bottom: 10px;}
.two_btn{
margin-right: 0px;
}
.product22{padding-bottom: 60px;}
}
@media screen and (max-width:850px){
.zuo_part{width: 100%;margin-bottom: 30px;}
.you_part{width:100%;}
}
@media screen and (max-width:400px){
.first{width: 100%;margin: 0;margin-bottom: 30px;text-align: center;}
.downanniu2{top: 0;}
}
/************************ 1-1 *****************************/
.product11{padding-top: 37px;padding-bottom: 97px;}
.subNav{line-height: 38px;border-bottom: 1px solid #e5e8e7;margin-bottom: 1px;background: #f1f1f1;font-family: 'OpenSansBold';padding-left: 10px;}
.subNav a{color: #004731;display: block;padding-left: 25px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.currentDt{background: #e8be1d;}
.currentDt a{color: #fff;background: url("../images/clbg.png") no-repeat left center;}
.subNav:hover{background: #e8be1d;}
.subNav:hover a{color: #fff;background: url("../images/clbg.png") no-repeat left center;}
.navContent{background: #fafafa;display: none;}
.navContent li{line-height: 30px;padding-left: 35px;}
.navContent li a{color:#004731;}
.navContent li:hover a{color: #e8be1d;}
.navContent li.hoverNav a{color:#e8be1d; }
.di{background: url("../images/di.jpg") no-repeat center bottom;text-align: center;padding-bottom: 22px;}
.di img{width: 100%;max-width: 439px;max-height: 241px;}
.yanse{text-align: center;margin-top: 14px;margin-bottom: 21px;}
.ys{font-size: 16px;font-size: 1.6rem;font-family: 'OpenSansBold';}
.yanse li{margin-left: 11px;display: inline-block;cursor: pointer;}
.yanse span{position: relative;top: -10px;padding-right: 10px;}
.product11 .ms_ye{margin-top: 20px;}
@media screen and (max-width:999px){
.product11 .ms_ye{text-align: left;}
}
@media screen and (max-width:639px){
.yanse span{display: block;padding: 0;}
.product11{padding-bottom: 60px;}
}
/************************ 1-2 *****************************/
.product12{padding-top: 37px;padding-bottom: 90px;}
.yanse2{margin-top: 26px;margin-bottom: 15px;}
.yanse2 li{margin-left: 11px;display: inline-block;}
.yanse2 span{position: relative;top: -10px;padding-right: 10px;font-size: 18px;font-size: 1.8rem;font-family: 'OpenSansBold';color: #666666;}
.yanse3 span{padding-right: 0px;}
.yanse3 li{margin-left: 15px;}
.optional{font-size: 18px;font-size: 1.8rem;font-family: 'OpenSansBold';padding-bottom: 8px;border-bottom: 2px solid #e8be1d;margin-top: 60px;text-transform: uppercase;}
.optional a{color: #004731;}
.img-scroll8 {position: relative;margin: 0 auto;width: 100%;padding-bottom: 10px;padding-top: 30px;}
.img-scroll8 .prev8, .img-scroll8 .next8 {position: absolute;display: block;width: 28px;height: 28px;top:-8%;margin-top:-16px;color: #fff;text-align: center;line-height: 100px;border-radius: 50%;}
.img-scroll8 .prev8 {right: 0;margin-right:47px;cursor: pointer;background: url("../images/sys.png") no-repeat;}
.img-scroll8 .next8 {right: 0;cursor: pointer;background: url("../images/syx.png") no-repeat;}
.img-scroll8 .prev8:hover {background: url("../images/sys2.png") no-repeat;box-shadow: 0px 0px 10px 0px #d2d1ce;}
.img-scroll8 .next8:hover {background: url("../images/syx2.png") no-repeat;box-shadow: 0px 0px 10px 0px #d2d1ce;}
.img-list8 {position:relative;margin-left: 77px;overflow: hidden;margin: 0 auto;padding: 0 5px;padding-top: 5px;}
.img-list8 ul {width: 9999px;}
.img-list8 li {float: left;display: inline;width: 212px;margin-right: 3px;}
.img-list8 li:hover .fytu{box-shadow: 0px 0px 20px 0px #d6d8d9;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.img-list8 li{width: 172px;}
}
@media screen and (max-width:999px) {
.img-list8 ul{width: 10000%;}
.img-list8 li{width: 0.31333333%;margin: 0 0.01%;}
}
@media screen and (max-width:800px) {
.img-list8 li{width: 0.48%;margin: 0 0.01%;}
}
@media screen and (max-width:639px) {
.product12 .pzuo{margin-top: 80px;}
.product12{padding-bottom: 60px;}
}
@media screen and (max-width:350px) {
.img-list8 li{width: 0.6%;margin: 0 0.2%;}
}
.gouwuche{ position:fixed; width:308px; right:5px; bottom:5px; background:#fff; box-shadow:0 0 5px #333;display: none; }
.gout{ background:#f1f1f1 url(../images/gouwuche.png) no-repeat 15px center;}
.currentDd3{ background:#f1f1f1 url(../images/gouwuche2.png) no-repeat 15px center;}
.gout p{ font-size:18px; font-size:1.8rem; color:#666666; text-transform:uppercase; line-height:36px;font-family: 'OpenSansBold'; padding-left:70px;}
.gout p span{ color:#e8be1d;}
.navContent3{display: none;}
.goub{ border-top:2px solid #b2b2b2; padding:0 16px; padding-top:20px; padding-bottom:24px;}
.quanxuan{ float:left; margin-top:10px; cursor:pointer;}
.goub p{ font-size:14px; font-size:1.4rem; line-height:32px; margin-left:8px; float:left;}
.tijiao{ width:150px; height:30px; border-radius:15px; background:#e8be1d; font-size:14px; font-size:1.4rem;font-family: 'OpenSansBold';text-transform:uppercase; color:#fff; float:right; cursor:pointer;}
.tijiao:hover{background:#cea50a;}
.goun{ padding:0 16px;}
.goulie{ border-top:1px solid #eaeaea; padding-top:18px; padding-bottom:17px;}
.goun input{ float:left; cursor:pointer;}
.goutu{ display:block; border:1px solid #cccccc; width:53px; float:left; margin-left:9px;}
.goutu img{ display:block; width:100%; max-width:385px; max-height:351px;}
.gouzi{ display:block; float:left; width:160px; font-size:18px; font-size:1.6rem; font-weight:bold; line-height:50px; margin-left:18px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;font-family: 'OpenSansBold';}
.shanchu{ display:block; width:9px; height:9px; background:url(../images/cha.png) no-repeat center; float:right; margin-top:20px;}
.gouzi:hover{ color:#e8be1d;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.chanlie{ width:195px; margin-left:10px;}
}
@media screen and (max-width:999px) {
.prlbiao{ font-size:20px; font-size:2rem;}
.subNavBox{ width:auto;}
.chanlie{ width:49%; margin-left:0.5% !important; margin-right:0.5%;}
.prxiazai{ width:auto;}
.prxiazai a{ font-size:14px; font-size:1.4rem; padding-left:35px; background:url(../images/xiazai.png) no-repeat -10px center;}
.gouwuche{ position:relative; right:auto; bottom:auto; margin:auto; margin-top:30px;}
}
@media screen and (max-width:639px) {
}
@media screen and (max-width:399px) {
.gouwuche{width:auto;}
.goub{ padding:0 6px; padding-top:20px; padding-bottom:24px;}
.goun{ padding:0 6px;}
}
@media screen and (max-width:639px) {
.bt8 img{width: 200%;}
.bt8{overflow: hidden;}
.detail img{width: 200%;}
.detail{overflow: hidden;}
}
.aa:hover{
color:#333 !important;
background: #eeeeee!important;
border:1px solid #eeeeee !important;
}
.none1:hover{
color: #666 !important;
}
.aboutxq table{ width:90%; border-collapse:collapse; line-height:25px; border:1px solid #ccc;}
.aboutxq table tr td{ padding:3px; border:1px solid #ccc;}
.aboutxq p a{ color:#e8be1d}
.aboutxq p span{ color:#e8be1d}
.aboutxq p img{ max-width:100%;}
.texing table{ width:90%; border-collapse:collapse; line-height:25px; border:1px solid #ccc;}
.texing table tr td{ padding:3px; border-bottom:1px solid #ccc;}
.texing p a{ color:#e8be1d}
.texing p span{ color:#e8be1d}
.texing p img{ max-width:100%;}
.texing em{font-weight:bold;font-style:normal;}
.texing p strong{color:#e8be1d;}
@media screen and (max-width:1219px) {
.check{left:-14px !important;}
}
@media screen and (max-width:442px) {
.check{left:0 !important;}
}
.at-resp-share-element .at-icon{width:26px!important;height:26px!important;}
.at-style-responsive .at-share-btn{padding: 0!important; border-radius: 2px!important;}
.at-resp-share-element .at-share-btn .at-icon-wrapper{width:24px!important;height:32px!important;}
.at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 3px!important;}
/********************** xiugai ***************************/
#tab li:hover .pcover{background: rgba(0,71,49,0.8);}
.yiji,.yiji2,.yiji3{border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
.gouwuche{z-index: 9999999999999999;}
.container .menubtn span{background: #fff;}
.container .menubtn{top: 35px;}
@media screen and (max-width:999px){
.container{display: block;}
.medianone {display: none!important;}.yiji{display: none;}
.nav_list1{display: none;}
.nav_list2{display: block;}
.logo{margin-left: 0;}
.cllist{display: none;}
}
@media screen and (max-width:690px) {
.container .menubtn{top: -6px;}
}
/******************* xiugai2 ***********************/
.pcon{position: relative;margin-left: 37px;background: #004731;}
.ptu img{width: 100%;max-width: 210px;max-height: 210px;display: block;opacity: 0.6;filter: alpha(opacity=60)}
.pcover{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: none;}
#tab li.current .pcover{background:none;}
#tab li.current .ptu img{opacity: 0.2;filter: alpha(opacity=20)}
#tab li:hover .pcover{background: none;}
#tab li:hover .ptu img{opacity: 0.2; filter: alpha(opacity=20)}
.btn{ display:block; width:107px; height:36px; background:#1a90da url(../images/xiazai.png) no-repeat 20px center; padding-left:43px; font-size:14px; font-size:1.4rem; color:#fff; line-height:36px; top:74px; position:absolute; right:0px;}
.btn:hover{ background:#074b76 url(../images/xiazai.png) no-repeat 20px center;}
.theme-popover {z-index:999999;position:fixed;top:50%;left:50%;width:800px;height:230px;margin-top:-115px; margin-left:-400px; overflow:auto; background:#7fa6d1; background:rgba(127,166,209,0.95); box-shadow: 0 0 5px #666; border-radius:5px; display:none;}
.theme-poptit {position: relative;}
.theme-poptit .close {float:right;color:#fff;padding:10px;font:bold 14px/14px simsun;text-shadow:0 1px 0 #ddd}
.theme-poptit .close:hover {/*color:#444;*/}
.chanbiao{ background:#074b76; font-size:24px; font-size:2.4rem; color:#fff;font-family: 'HelveticaLTStdBlk'; line-height:40px; padding-left:24px;}
.chanbiao a{
color:#fff;
}
.chann{ padding-top:22px;}
.chann p{ font-size:18px; font-size:1.8rem; line-height:24px; text-align:center;}
.chanxin{ width:450px; margin:auto;}
.chanxin .int1{ width:440px; height:30px; line-height:30px; padding-left:10px; border-radius:5px; margin-top:18px; font-size:14px; font-size:1.4rem; color:#666666;}
.chanxin .int2{ width:160px; height:30px; line-height:30px; padding-left:18px; margin-top:25px; float:left; background:#fff url(../images/xing.jpg) no-repeat 3px center; font-size:14px; font-size:1.4rem; color:#666666; margin-right:11px;}
.poyanzheng{ display:block; float:left; width:119px; height:32px; margin-top:25px; cursor:pointer;}
.chanxin .int3{ width:115px; height:32px; background:#074b76; margin-top:25px; float:right; cursor:pointer; font-size:14px; font-size:1.4rem; color:#fff; text-transform:uppercase;}
.chanxin .int3:hover{ background:#1a90da;}
.beian{
text-align: center;
display: block;
color: #e8be1d;
}
.beian:hover{
color:#fff;
}