html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img, input, a, button, table {
    list-style: none;
    border: none;
    text-decoration: none;
    margin: 0;
    padding: 0;
    outline: none;
}

h1,h2,h3,h4,h6,h6{font-weight:700;font-size:100%}
a:link{text-decoration:none;color:#000;text-decoration:none}
a:visited{color:#333;text-decoration:none}
a:hover{text-decoration:underline;text-decoration:none}
a img{border:0}:focus{outline:0}
img{border:0;display:inline-block}
table td {padding: 3px 10px;}
td {font: 12px/1.5 Verdana, Arial, Helvetica, sans-serif, "宋体";color: #333;}
input { font: 10pt Verdana, Arial, Helvetica, sans-serif, "宋体"; }

.content  { margin:0 auto; width: 100%; height:auto; overflow:hidden; }
.container { margin:0 auto; width:1200px; height:auto; overflow:hidden;}
.h30 {height: 30px;}
.bgff { background:#FFF;}
.bgf3 { background:#F3F3F3;} 
.bg1b { background:#1BA7A6;}
.ptop { padding-top: 16px;}
.top32 { padding-top: 32px;}
.pbot { padding-bottom: 16px;}
.pb30 { padding-bottom: 30px;}
.pb50 { padding-bottom: 50px;}
.font12 {font-size: 12px;}
.font14 {font-size: 14px;}
.font18 {font-size: 14px;}
.h1 {font-size: 48px;}
.h2 {font-size: 28px;}
.h3 {font-size: 20px;}

/* 分页样式*/
.pageBox {margin:0 auto; width:auto; text-align: center; overflow: hidden; padding: 16px;}
.pageBox b {display:inline-block;margin-right:6px;color: #707070;width:auto;height:34px;font:bold 14px/34px arial;padding-right: 8px; padding-left: 8px;}
.pageBox a {border:1px solid #ddd;display:inline-block;margin-right:6px;color: #707070;height:34px;font:bold 14px/34px arial;padding-right: 8px; padding-left: 8px;}
.pageBox a:hover,.pageBox a:active{background:#3aa9f2;color: #FFFFFF;text-decoration: none;}
.pageBox .cur { background: #3aa9f2;border: 1px solid #3aa9f2;text-decoration: none;}
.pageBox a.cur {color: #fff;}
.pageBox .disabled {width: 79px;}

/*分页样式2*/
.showpage .epages {	text-align: center;}
.epages{margin:3px 0;font:11px/12px Tahoma}
.epages *{vertical-align:middle;}
.epages a{padding:1px 4px 1px;border:1px solid #A6CBE7;margin:0 1px 0 0;text-align:center;text-decoration:none;font:normal 12px/14px verdana;}
.epages a:hover{border:#659B28 1px solid;background:#f3f8ef;text-decoration:none;color:#004c7d}
.epages input{margin-bottom:0px;border:1px solid #659B28;height:15px;font:bold 12px/15px Verdana;padding-bottom:1px;padding-left:1px;margin-right:1px;color:#659B28;}

.topbar { width:600px;font-size: 12px; line-height: 30px;float: left;}
.topright {margin: 0 auto; width:420px; float:right; line-height: 30px;overflow: hidden; padding-left: 0px;}
.topright span { padding-right: 8px; padding-left: 8px; font-size: 12px; float: left;}
.topright .iten { margin: 0 auto; width: auto; height: 20px;float:left; padding-right: 8px; padding-left: 8px; padding-top: 5px;}

.navbar {margin: 0 auto;width: auto; height: 100px;z-index: 1; top: 0; box-shadow: 3px 3px 5px rgb(0 0 0 / 10%); overflow: hidden;}    
.toplogo {position: absolute;float: left;width: 256px;height: 80px;margin-top: 16px;display: flex;overflow: hidden;}

.navmenu {margin: 0 auto; width: auto; height: 100px; overflow: hidden; float: left; margin-left: 350px;}
.navmenu ul {margin: 0 auto; border-width: 0px; position: absolute; height: 100px;float: left; width: auto;}
.navmenu li {padding: 0px; width: auto; line-height: 100px; text-align: center; font-size: 16px; list-style: none;margin-right: 32px; height: 100px; float: left; margin-left: 8px;}
.navmenu li a {position: relative;display: inherit; line-height: 48px; color: #000;transition: all .2s; -webkit-transition: all .1s; font-weight: 600; padding-top: 30px;}
.navmenu li a:hover { position: relative; display: inherit;line-height: 48px; color: #0BA0A0; transition: all .2s;-webkit-transition: all .1s; padding-top: 30px;border-bottom: 2px solid #0BA0A0;}

.pcmenu {margin: 0 auto; width: 1200px; height:auto; overflow: hidden; float: left;}
.pcmenu ul {margin:0 auto; width: auto; height:auto; display:table;  overflow: hidden;}
.pcmenu li {margin: 10px;width: 120px; line-height: 40px; text-align: center; font-size: 16px; list-style: none; height: 40px; float: left; background: #f2f2f2; border-radius: 2px;}
.pcmenu li a {position: relative;display: inherit; color: #666;transition: all .2s; -webkit-transition: all .1s; font-weight: 600; }
.pcmenu li a:hover {color:#0BA0A0;}

.navicon {margin: 0 auto; width: 50px; height: 100px; float: right; overflow: hidden; padding-left: 0px;}
.navicon .icon { margin: 0 auto; width: auto; height: 20px; float: left; padding-right: 8px; padding-left: 8px; padding-top: 45px;}
.navicon .icon img {float: left; width: 30px; height: 20px;}

.footer {display: block;}
.footadd { width:auto;  height:238px;background: #1BA7A6;}
.footadd ul {margin:0 auto; width: 1200px; padding:16px;}
.footadd ul li {padding:16px;float: left; width: 200px; height: 138px; color: #FFFFFF; border-left:1px solid #55BBBB;}
.footadd ul li P { padding-top:16px;font-size: 12px;}
.footadd ul li p span { font-weight: 700; font-size: 16px; color: #FFF;}
.footadd ul li img {float: left; width: 80px ; height: 80px; padding-right: 8px;}

.footnav { width:auto; height:230px;background: #666;padding-top: 30px;}
.footnav ul {margin:0 auto; width: 1200px; }
.footnav ul li {padding-bottom:8px;float: left; width: 1200px; height: 24px; color: #FFFFFF; }
.footnav ul li p { width: auto; margin:8px; color: #7F7F7F; font-size: 14px; float: left;}
.footnav ul li p span { font-weight: 700; font-size: 14px; color: #fff;}
.footnav ul li p a:link {color:#f2f2f2;}
.footnav ul li p a:visited {color:#f2f2f2;}
.footnav ul li p span a:link {color:#fff;}
.footnav ul li p span a:visited {color:#fff;}
.footnav ul li p a:hover {color:#f04055;}
.footnav ul li p span a:hover {color:#f04055;}

.footlink {width:auto; height:auto;background: #333; font-size: 12px;color:#D7D7D7; padding-bottom: 50px;}
.footlink .footcopyright {margin: 0 auto; width: 1200px; padding-left: 16px; padding-right: 16px; padding-top: 8px;  }
.footlink .footcopyright span { padding-right: 16px;}
.footlink .footcopyright a:link {color:#D7D7D7;}
.footlink .footcopyright a:visited {color:#D7D7D7;}

.footlink .linknav {margin: 0 auto; width: 1200px; padding: 24px; border-bottom: 1px solid #797979;}
.footlink .linknav ul {margin:0 auto; width: 1200px; }
.footlink .linknav ul  li {float: left; padding-right: 16px; height: 24px; }
.footlink .linknav ul  li  span { color:#f2f2f2; font-weight: 600; }
.footlink .linknav ul  li a:link {color:#D7D7D7;}
.footlink .linknav ul  li a:visited {color:#D7D7D7;}
.footlink .linknav ul  li a:hover {color:#f04055;}

.topbg {margin: 0 auto; width: auto; height: 300px;}
.topbg h1 { margin: 0 auto; width: 1200px; padding-top: 80px; line-height: 68px; font-size: 48px; font-weight: 600; text-align: left;  text-shadow: 1px 3px 5px #000; } 
.topbg p { margin: 0 auto; width: 1200px; padding-top: 30px; font-size: 24px;text-align: left; text-shadow: 1px 3px 5px #000; }
.topbg-contactus {position: relative; height: 300px; width: auto; color: #fff; background-image: url(/skin/cn/image/top-contactus.jpg); background-repeat: no-repeat;
    background-size: 100% 100%; background-size: cover; background-position: center; text-align: center;}
.topbg-suport {position: relative; height: 300px; width: auto; color: #fff; background-image: url(/skin/cn/image/top-suport.jpg); background-repeat: no-repeat;
        background-size: 100% 100%; background-size: cover; background-position: center; text-align: center;}  
.topbg-custom {position: relative; height: 300px; width: auto; color: #fff; background-image: url(/skin/cn/image/top-custom.jpg); background-repeat: no-repeat;
            background-size: 100% 100%; background-size: cover; background-position: center; text-align: center;}  
.topbg-custom-power {position: relative; height: 850px; width: auto; color: #fff; background-image: url(/skin/cn/image/custom-power-bg.jpg); background-repeat: no-repeat;
                background-size: 100% 100%; background-size: cover; background-position: center; text-align: center;} 
.topbg-aboutus {position: relative; height: 300px; width: auto; color: #fff; background-image: url(/skin/cn/image/top-aboutus.jpg); background-repeat: no-repeat;
                    background-size: 100% 100%; background-size: cover; background-position: center; text-align: center;} 
.topbg-news {position: relative; height: 300px; width: auto; color: #fff; background-image: url(/skin/cn/image/top-news.jpg); background-repeat: no-repeat;
                    background-size: 100% 100%; background-size: cover; background-position: center; text-align: center;} 
.topbg-producer {position: relative; height: 300px; width: auto; color: #fff; background-image: url(/skin/cn/image/top-producer.jpg); background-repeat: no-repeat;
                    background-size: 100% 100%; background-size: cover; background-position: center; text-align: center;}  
.topbg-producer2 {position: relative; height: 200px; width: auto; color: #fff; background-image: url(/skin/cn/image/top-producer2.jpg); background-repeat: no-repeat;
                        background-size: 100% 100%; background-size: cover; background-position: center; text-align: center;}                    
.topbg-producer2 h1 { margin: 0 auto; width: 1200px; padding-top: 60px; line-height: 50px; font-size: 48px; font-weight: 700; text-align: left;  text-shadow: 1px 3px 5px #000; }  
.topbg-producer2 p { margin: 0 auto; width: 1200px; padding-top: 30px; font-size: 24px;text-align: left;  }               


.sitenav {width: 1200px;margin: 0 auto;height: 50px; line-height: 50px; font-size: 12px; color: #AAAAAA;} 
.sitenav .sitelocal {margin: 0 auto; width: 600px; float: left;}
.sitenav .sitelocal a:visited {
    color: #1C9B91;
    text-decoration: none;
}
.sitenav .sitelocal .localmap {
    float: left;
    border-width: 0px;
    width: 20px;
    height: 30px;
    line-height: 50px;
    background: url(/skin/cn/image/localmap.png) no-repeat scroll 0 10px transparent;
    margin-right: 16px;
    margin-top: 5px;
}

.sitenav .sitetitle {margin: 0 auto; width: 600px; float: left;text-align: right;}

.public-title { margin: 8px;width: auto; height: 80px; line-height: 80px; border-bottom: 1px solid #f2f2f2; background: #fff;}
.public-title h1 {margin:0 auto; width:100%; font-size: 48px; margin-left: 16px; font-weight: 500; float: left;}
.public-title h2 {font-size: 32px; margin-left: 16px; font-weight: 500; float: left;}
.public-title h3 {font-size: 20px; margin-left: 16px; font-weight: 500; float: left;}
.public-title span {float: right; font-size: 16px; color:#333; padding-right: 8px;}
.public-title span a {float: right; font-size: 16px; color:#00BFBF;}
.public-title span a:visited {color: #00BFBF;    text-decoration: none;}
.public-title a {color:#AAAAAA;}

.contacus-title { margin: 16px;width: auto;height: 56px; line-height: 40px; border-bottom: 1px solid #f2f2f2; background: #fff;}
.contacus-title h1 {font-size: 30px; margin-left: 8px; font-weight: 600; float: left;}
.contacus-title h2 {font-size: 20px; margin-left: 16px; font-weight: 500; float: left;}
.contacus-title span {float: right; font-size: 14px; color:#AAAAAA;}
.contacus-title span a:visited {color: #00BFBF; text-decoration: none;}
.contactus-remarks {margin-top: 30px;}
.contactus-remarks p {line-height: 32px; font-size: 16px; color: #333; padding-left: 32px; margin: 0; width: 1200px;}

.contactus-online {margin: 32px; width: 1136px; padding-top: 30px; overflow: hidden;}
.contactus-online .online-title { height:68px; }
.contactus-online .online-title img { margin:0 auto; width:68px; height:68px; float: left;  }
.contactus-online .online-title span { margin:0 auto;line-height: 68px; padding-left: 32px; font-size: 20px;color: #0BA0A0;}
.contactus-online p {margin-top:32px; margin-left: 8px; height: 32px;font-size: 16px;}
.contactus-online img {margin:0 auto; width:175px; height:175px; float: left; padding-left: 16px;  }


.contactus-oncall {margin: 32px; width: 1136px; padding-top: 30px; overflow: hidden;}
.contactus-oncall .oncall-title { height:68px; padding-left: 16px; }
.contactus-oncall .oncall-title img { margin:0 auto; width:68px; height:68px; float: left;  }
.contactus-oncall .oncall-title span { margin:0 auto;line-height: 68px; padding-left: 32px; font-size: 20px;color: #0BA0A0;}
.contactus-oncall ul {margin-top:50px; margin-left: 8px; font-size: 16px;}
.contactus-oncall ul li {width: auto; font-size: 16px;padding-bottom: 16px; margin-left:32px; padding-left: 50px; background: url(/skin/cn/image/callhot.png) no-repeat scroll 0 2px transparent;}
.contactus-oncall p {margin-top:4px; margin-left: 40px; height: 32px;font-size: 16px; color: #7F7F7F;}

.contactus-add {margin: 32px; width: 1136px; padding-top: 30px; overflow: hidden;}
.contactus-add .add-title { height:68px; padding-left: 16px; }
.contactus-add .add-title span { margin:0 auto;line-height: 68px; padding-left: 32px; font-size: 20px; color: #0BA0A0;}
.contactus-add p {margin-top:4px; margin-left: 50px; height: 32px;font-size: 16px; color: #7F7F7F; padding-left: 40px; background: url(/skin/cn/image/contactadd.png) no-repeat scroll 0 1px transparent;}


.suport-left {margin: 0 auto; width: 590px; height: 328px; background-color: #fff; float: left; overflow: hidden; }
.suport-right { margin: 0 auto; width: 590px; height: 328px;background-color: #fff;float: right; overflow: hidden; }
.suport-info ul { margin: 16px; width:auto;}
.suport-info ul li {padding-left:32px; margin-top:4px; height: 32px;font-size: 16px; color: #7F7F7F; }
.suport-info ul li em {
    content: "";
    background: #ccc;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    display: block;
    position: absolute;
    margin-top: 10px;
    margin-left: -16px;
}
.suport-button {height: 48px; min-width: 250px; padding: 0 16px; background-color: #00BFBF; border: 1px solid transparent; color: #fff;
    font-size: 16px; line-height: 48px; text-align: center; display: inline-block; cursor: pointer;  outline: 0;
     box-sizing: border-box; text-decoration: none; margin-left: 50px;}


.main-title {margin:0 auto; overflow: hidden;}
.main-title h1 {width: 100%; text-align: center;line-height: 72px; font-size: 48px; font-weight: 500; padding-top: 68px;color: #000; } 
.main-title h1 span {color: #00bfbf; } 
.main-title p {width: 100%; text-align: center;line-height: 64px; font-size: 20px;color: #555555;  }  
.main-title b {margin: 0 auto;display: block;margin-top:16px; width: 60px; height: 4px; background: #00bfbf;}


.main-title2 h1 {width: 100%; text-align: center;line-height: 72px; font-size: 48px; font-weight: 500; padding-top: 68px;color: #fff; }  
.main-title2 p {width: 100%; text-align: center;line-height: 64px; font-size: 16px;color: #f2f2f2;  }  

.custom-service { margin: 0 auto; width: 1200px; overflow: hidden; padding-top: 30px;padding-bottom: 50px;}
.custom-service ul {margin: 0 auto; }
.custom-service ul li {margin: 8px; width:282px; height: 568px; float: left; border: 1px solid #D7D7D7; border-radius: 16px;box-shadow: 2px 2px 10px #ccc; color: #000; background: #fff;}
.custom-service ul li img {margin:20px;width: 242px; height: 242px;border-radius: 300px;  border: 1px solid #ccc; }
.custom-service ul li h2 {width: auto; text-align: center; line-height: 40px; font-size: 28px; font-weight: 700; margin-bottom: 30px;}
.custom-service ul li p {width: 248px; line-height: 32px; font-size: 16px; text-align: left; padding-left: 24px; }
.custom-service ul li:hover {  box-shadow: 2px 2px 3px #ccc; background: #1BA7A6; color: #fff;}

.custom-power01 {float: left; width: 374px;height: 466px;background-image: url(/skin/cn/image/custom-power01.png); background-repeat: no-repeat; background-size: 100% 100%; background-size: cover;}
.custom-power01 h2 {padding-top: 156px;padding-left: 40px;font-size: 20px;line-height: 24px;float: left; color: #fff;}
.custom-power01 p {padding-top: 30px;padding-left: 40px;font-size: 14px;line-height: 24px;float: left; color: #fff; text-align: left;}
.custom-power01 .button {margin-top: 30px;margin-left: 40px;width: 100px;height: 38px;font-size: 16px;line-height: 38px;float: left;color: #fff; background-color: #344fc3;text-align: center;}
.custom-power02 {float: left; width: 758px; height: 466px; overflow: hidden; padding-left: 40px;}

.custom-power-right01 {
    float: left;
    width: 758px;
    height: 220px;
    background-image: url(/skin/cn/image/custom-power-right01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-size: cover;
    margin-bottom: 30px;
    box-shadow: 1px 2px 3px #ccc;
}

.custom-power-right02 {
    float: left;
    width: 758px;
    height: 220px;
    background-image: url(/skin/cn/image/custom-power-right02.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-size: cover;
    box-shadow: 1px 2px 3px #ccc;
}

.custom-power02 .button {margin-top: 30px; margin-left: 40px; width: 100px;height: 38px;font-size: 16px;line-height: 38px;float: left; color: #fff; background-color: #344fc3; text-align: center;}
.custom-power02 h2 {padding-top: 30px;width: 100%; font-size: 20px;line-height: 24px;float: left;color: #333;text-align: left; margin-left: 40px;}
.custom-power02 p {padding-top: 20px; padding-left: 40px; width: 350px;font-size: 14px;line-height: 24px; float: left;text-align: left; color: #333;}

.custom-process {margin: 0 auto; margin-top: 50px; width: 1200px; height: 200px; overflow: hidden;padding-bottom: 80px;}
.custom-process li {width: 195px;height: 220px; float: left; border-right: 1px solid #F2F2F2; background-color: #ffffff;}
.custom-process li h3 {padding-top: 100px;width: 199px;font-size: 28px;line-height: 24px;color: #D7D7D7;text-align: center;font-weight: 400;}
.custom-process li h2 {padding-top: 24px;width: 199px;font-size: 16px;line-height: 16px;color: #333;text-align: center;}
.custom-process li p {padding-top: 24px; width: 199px; font-size: 14px; line-height: 16px; color: #AAAAAA; text-align: center;}
.custom-process li:hover { background:#f2f2f2; color:#333; border-radius: 8px;}

.custom-process li .img01 {float: left; margin-left: 60px; width: 80px; height: 80px; background-image: url(/skin/cn/image/process01.png);
    background-repeat: no-repeat; background-size: 100% 100%; background-size: cover;}
.custom-process li .img02 {float: left; margin-left: 60px; width: 80px; height: 80px; background-image: url(/skin/cn/image/process02.png);
    background-repeat: no-repeat; background-size: 100% 100%; background-size: cover;}
.custom-process li .img03 {float: left; margin-left: 60px; width: 80px; height: 80px; background-image: url(/skin/cn/image/process03.png);
        background-repeat: no-repeat; background-size: 100% 100%; background-size: cover;}
.custom-process li .img04 {float: left; margin-left: 60px; width: 80px; height: 80px; background-image: url(/skin/cn/image/process04.png);
            background-repeat: no-repeat; background-size: 100% 100%; background-size: cover;}
.custom-process li .img05 {float: left; margin-left: 60px; width: 80px; height: 80px; background-image: url(/skin/cn/image/process05.png);
                background-repeat: no-repeat; background-size: 100% 100%; background-size: cover;}
.custom-process li .img06 {float: left; margin-left: 60px; width: 80px; height: 80px; background-image: url(/skin/cn/image/process06.png);
                    background-repeat: no-repeat; background-size: 100% 100%; background-size: cover;}


.mod-pd {margin: 0 auto; width: auto; overflow: hidden;}
.mod-pd li {margin: 16px; width: 268px; height: auto; overflow: hidden; background: #fff; float: left; }
.mod-pd li img { margin: 0px; width: 268px; height: 268px; border-radius: 5px;}
.mod-pd li h2 {margin-top: 8px; margin-bottom:8px; height: 32PX; text-align: left; font-size: 16px; color: #ff4000; font-weight: 500;}
.mod-pd li h2 a {font-size: 14px; color: #000; }
.mod-pd li div {width: 100%;margin-top: 16px; margin-bottom: 16px;}
.mod-pd li div .span {margin-top: 8px; margin-bottom: 8px; width: auto; font-size: 14px; color: #F0FFFF; padding-right: 10px; padding-left: 10px;padding-top: 6px; padding-bottom: 6px;
                        background-color: #f5720b; border-radius: 4px;    text-align: -webkit-center; overflow: hidden;}
.mod-pd li div .span a { color: #fff;}
.mod-pd li .b { color: #1c9b91; font-weight: 700; font-size: 16px; }
.mod-pd li .b a { color: #1c9b91; font-weight: 700; font-size: 16px; }


.producer-menu {margin: 0 auto; width: auto; height: 60px; overflow: hidden; float: left;}  
.producer-menu ul { margin: 0 auto; border-width: 0px; position: absolute; height: 60px;float: left; width: auto;}
.producer-menu li { width: auto ; margin-left:16px; margin-right:16px; line-height: 60px; text-align: center; font-size: 18px; list-style: none; float: left;}
.producer-menu li a {position: relative; display: inherit;line-height: 60px; color: #000;transition: all .2s;-webkit-transition: all .1s;font-weight: 600; }
.producer-menu li a:hover { border-bottom: 3px solid #1BA7A6; color: #1BA7A6;}


.producer-pagequote {
    margin: 32px;
    padding-left: 16px;
    width: auto;
    color: #606a77;
    font-size: 16px;
    line-height: 28px;
    position: relative;
    border-left: 8px solid #35b7ad;
}

.producer-list {margin: 0 auto; width: 1200px; overflow: hidden;}
.producer-list li {margin: 10px; width: 378px; height: auto; overflow: hidden; background: #fff; float: left; border: 1px solid #ffffff; padding-bottom: 16px; margin-bottom: 32px;}
.producer-list li img { margin: 8px; width: 362px; height: 252px;}
.producer-list li h2 {margin: 8px;width: auto; height: 40PX; text-align: center; font-size: 32px; color: #0A2638; font-weight: 500;}
.producer-list li h2 a {font-size: 14px; color: #333; }
.producer-list li .span { width: 20%; height: 24px; margin-left: auto; margin-right: auto; margin-top: 30px; font-size: 14px; color: #000; text-align: center; padding-right: 6px; padding-left: 6px;
    padding-top: 2px; padding-bottom: 2px; background-color: #F57709; border-radius: 8px; overflow: hidden;}
.producer-list li .span a { color: #fff;}
.producer-list li b a { color: #ff4000; font-weight: 700; }
.producer-list li:hover {border: 1px solid #ff4000; }   

.producer-specs {margin: 0 auto;
    width: 1200px;
    height: auto;
    background: #fff;
    overflow: hidden;}  

.producer-specs .producer-img {margin: 8px;
    width: 400px;
    height:520px;
    float: left;
    overflow: hidden;}


.producer-specs .producer-show {
        margin: 0 auto;
        width: 780px;
        height: 520px;
        float: right;
        overflow: hidden;
        background: #fff;
    }

.producer-specs .producer-show ul {
        width: 780x;
        height: 284px;
        margin: 16px;
    }
.producer-specs .producer-show ul li{
    width: 100%;
    padding-right: 16px;
    line-height: 32px;
    font-size: 14px;
    color: #333;
    overflow: hidden;}
.producer-specs .producer-show ul li span {
        color: #AAAAAA;
        padding-right: 16px;
    }

.producer-specs .producer-contact {
        width: 788px;
        height: 58px;
        float: left;
        margin: 16px;
    }

.producer-specs .producer-contact .button01 {
        width: 142px;
        height: 48px;
        line-height: 48px;
        background-color: #F04055;
        border-radius: 4px;
        float: left;
        color: #FFF;
        text-align: center;
        font-size: 16px;
        margin-right: 16px;
    }
.producer-specs .producer-contact .button01 a { color: #fff;}
.producer-specs .producer-contact .button01 a:hover { color: #FFFF00;}

.producer-specs .producer-contact .button02 {
        width: 142px;
        height: 48px;
        line-height: 48px;
        background-color: #fff;
        border:1px solid #ccc;
        border-radius: 4px;
        float: left;
        color: #000;
        text-align: center;
        font-size: 16px;
        margin-right: 16px;
    }

    .producer-specs .producer-contact .button02:hover {
        width: 142px;
        height: 48px;
        line-height: 48px;
        background-color: #1BA7A6;
        border:1px solid #1BA7A6;
        border-radius: 4px;
        float: left;
        color: #fff;
        text-align: center;
        font-size: 16px;
        margin-right: 16px;
    }
    .producer-specs .producer-contact .button02 a:hover {color: #FFF; }     

.producer-specs .producer-price {
        width: 728px;
        height: 40px;
        line-height: 40px;
        float: left;
        margin-left: 16px;
        margin-right:16px;
        background: #F2F2F2;
        font-weight: 700;
        padding-left: 16px;
    }   

.producer-specs .producer-price span { color:#F04055;}

.producer-feed {margin: 0; width: auto; height: auto; overflow: hidden;}
.producer-feed ul {width: 100%; overflow: hidden; margin-bottom: 16px;}
.producer-feed ul li {margin: 8px; width: 132; height: 168px; display: inline; float: left; overflow: hidden; border: 1px solid #f2f2f2;}
.producer-feed ul li p {font-size: 12px; text-align: center;}
.producer-feed ul li img { width: 132px; height: 132px; line-height: 172px; border-radius: 5px;}
.producer-feed ul li h2 {width: 132px; height: 32px; text-align: center; color: #666; overflow: hidden; text-overflow: ellipsis;  font-size: 12px;}
.producer-feed ul li span {width: 132px;height: 32px; text-align: center; color: rgb(232, 19, 19); line-height: 32px; overflow: hidden; text-overflow: ellipsis; font-size: 12px; padding-left: 4px; font-weight: 700;}
.producer-feed ul li:hover { box-shadow: 2px 2px 3px #ccc;}


.producer-left {float: left; width: 240px;}
.producer-right {float: right; width: 944px; height: auto;}

.mod {margin-bottom: 16px; padding-bottom: 16px; background-color: #fff;overflow: hidden;}

.mod .feedtag { width: auto; padding: 16px;}
.mod .feedtag ul {width: 238px;  overflow: hidden; }
.mod .feedtag ul li {margin: 3px;width: 96%;height: 32px; display: inline;float: left;text-align: left; padding-left: 15px;}
.mod .feedtag ul li a {font-size: 16px; line-height: 32px; color: #606a77;}
.mod .feedtag ul li em { content: "";
    background: #ccc;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    display: block;
    position: absolute;
    margin-top: 10px;
    margin-left: -16px;
}

.mod .feedimg ul {margin: 8px;width: auto; overflow: hidden;}
.mod .feedimg ul li {margin-top: 8px;padding-bottom: 8px; width: auto;height: auto;display: inline; float: left;overflow: hidden; border: 1px solid #f2f2f2;}
.mod .feedimg ul li a {width: auto; font-size: 14px; color: #606a77;}
.mod .feedimg ul li img { width: 222px; height: 222px; border-radius: 8px; }
.mod .feedimg ul li p {width: 222px; height: auto; text-align: center; color: #333;  overflow: hidden; text-overflow: ellipsis; margin-top: 8px; }
.mod .feedimg ul li p span { color: rgb(231, 23, 23); font-weight: 700;}
.mod .feedimg ul li:hover {border: 1px solid #ff4000; border-radius: 2px;} 

.textmod  { margin: 0 auto; padding: 0 32 32 32px; width: 900px; height: auto;}
.textmod  p {width: auto;font-size: 16px; margin: 16px;}
.textmod  img {
        margin: 0px;
        max-width: 880px;
        myimg: expression(onload=function(){ this.style.width=(this.offsetWidth > 850)?"850px":"auto"} );
    }

.news-left {float: left; width: 880px; height: auto;}
.news-right{float: right; width: 300px; height: auto;}


.mod-list {margin: 0 auto; width: auto; overflow: hidden;padding-left: 16px}
.mod-list li {margin: 16px; width: 268px; height: auto; overflow: hidden; background: #fff; float: left; }
.mod-list li img { margin: 0px; width: 268px; height: 268px; border-radius: 8px;}

.mod-list li h2 {margin-top: 8px; margin-bottom:8px ; height: 32PX; text-align: left; font-size: 16px; color: #ff4000; font-weight: 500;}
.mod-list li h2 a {font-size: 16px; color: #000; }
.mod-list li div {width: 100%; margin-top:16px; margin-bottom: 16px;}
.mod-list li .span {margin: auto; width: auto; font-size: 14px; color: #F0FFFF; text-align: left; padding-right: 10px; padding-left: 10px;padding-top: 6px; padding-bottom: 6px;
    background-color: #1C9B91; border-radius: 4px;    text-align: -webkit-center; overflow: hidden;}
.mod-list li .span a { color: #fff;}
.mod-list li .b { color: #000; font-weight: 700; font-size: 16px; }
.mod-list li .b a { color: #000; font-weight: 700; font-size: 16px; }
 

.news-mod {margin: 0 auto; height: auto; overflow: hidden;}
.news-mod ul {padding-bottom: 30px; overflow: hidden;}
.news-mod ul li {margin:16px; min-height: 138px;font-size: 12px; border-bottom: 1px solid #ddd; position: relative; padding: 15px 0 15px 32px;}
.news-mod ul li img { left: 0; width: 200px; height: 138px; margin: 0 auto; min-height: 138px;_height: 138px; margin-right: 20px;border: 1px solid #f3f3f3;float: left;}
.news-mod ul li img:hover {border: 1px solid #f04055;}
.news-mod ul li h3 { margin-bottom: 5px;color: rgb(38, 38, 39); font: 800 20px/29px 微软雅黑; transition: all .3s;}
.news-mod ul li p {margin-right: 20px; margin-top: 16px; color: #606a77; font-size: 14px; line-height: 1.5;white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;transition: all .2s;}

.news-mod ul li div {margin-right: 20px; margin-top: 16px; color: rgba(0, 0, 0, .7); font-size: 14px; line-height: 1.5;white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;transition: all .2s;}
.news-mod ul li div p { margin-top: 4px; float: left;display: inline-block; *display: inline;*zoom: 1 color: #777; color:#1c9b91;}
.news-mod ul li div span {
height: 28px;
line-height: 28px;
overflow: hidden;
float: left;
margin-left: 10px;
border: 1px solid #1c9b91;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
padding: 0px 5px 0px 5px;
background: #1c9b91;
}

.news-mod ul li div span a:visited {
    color: #fff;
    text-decoration: none;
}

.news-mod ul li h3:hover { color:#f04055;}
.news-mod ul li p:hover { color:#f04055;}

.news-mod ul li span a:hover {color: rgba(0, 0, 0, .7)}

.news-kwanlon {margin:4px; width: auto; height: auto; background: #f3f3f3;padding-bottom: 30px;}
.news-kwanlon img {width: 282px; height: 178px;}
.news-kwanlon h3 {margin:8px;height:50px;line-height:50px;font-size:20px; font-weight: 700;}
.news-kwanlon p { margin:8px;color: rgba(0, 0, 0, .7); font-size: 14px; line-height: 1.5;white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;transition: all .2s;}

.news-read {margin: 0 auto; height: auto; overflow: hidden;}
.news-read ul {margin: 8px;padding-bottom:16px; overflow: hidden;}
.news-read ul li { padding: 4px;min-height:20px;font-size: 12px; position: relative; }
.news-read ul li p { margin-left:10px; color: rgba(0, 0, 0, .7); font-size: 14px; line-height: 1.5;white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;transition: all .2s;}
.news-read ul li em {content: ""; background: #ccc; width: 4px; height: 4px;border-radius: 4px;-moz-border-radius: 4px;-o-border-radius: 4px;-webkit-border-radius: 4px;display: block; position: absolute; margin-top: 10px; }
.news-read ul li a:hover { color:#f04055;}
.news-read ul li p:hover { color:#f04055;}

.news-feed {margin: 0 auto; width:100%; overflow: hidden;display: inline-block;} 
.news-feed ul {margin:8px; overflow: hidden;}
.news-feed ul li {  padding-bottom: 8px; width:100%; min-height:20px; font-size: 12px; position: relative; overflow: hidden; }
.news-feed ul li img {display: inline-block; width: 92px; height:66px; overflow: hidden; float: left;}
.news-feed ul li h2 {display: inline-block; padding-left:8px; width: 168px; vertical-align: top; font-size: 14px; color: #333;  line-height: 22px;font-weight: 600;}
.news-feed ul li h2:hover { color:#f04055;}

.news-page-title {margin: 0 16px 0 0; width: auto; padding-left: 32px;padding-bottom: 10px;}
.news-page-title h1 {font-size: 34px;font-weight: 600;line-height: 56px;color: #000;}
.news-page-info {text-align: left; padding-left: 32px; margin-bottom: 10px; margin-top: 16px; overflow: hidden; font-size: 12px;}
.news-page-info .time {color: #999;padding-right: 13px;}
.news-page-info .name {color: #999; padding-right: 13px;}
.news-page-info .dot {background-color: var(--accent-color); border-radius: 50%;height: 6px;margin-right: 5px; width: 6px; background-color: #fd721f;}

.news-article {letter-spacing: .5px; border-top: 1px solid #f2f2f2; padding: 16px; margin: 0 16px 0 16px; overflow: hidden;}
.news-article p {text-align: justify;text-justify: inter-ideograph; font-size: 16px; line-height: 31px;color: #333; margin: 10px 0; padding: 5px;}
.news-article img {max-width: 750px;
    myimg: expression(onload=function(){ this.style.width=(this.offsetWidth > 750)?"750px":"auto"} );
}

.relateread {margin: 16px;width: auto;  overflow: hidden; }
.relateread p {font-size: 14px; height: 32px; line-height: 32px; overflow: hidden; color: #000;}
.relateread p a {color: #000;}

.news-hot  {margin:8px; width: 878px; height: auto; overflow: hidden;}
.news-hot ul {margin: 0 auto;overflow: hidden;}
.news-hot ul li {margin: 10px;width: 260px; height: 260px;float: left; overflow: hidden; position: relative;}
.news-hot ul li img { margin: 0 auto; width: 260px; height: 180px; overflow: hidden; position: relative;}
.news-hot ul li h2 {margin: 8px; width: auto; height: 24px; font-size: 16px;text-align: center; color: #000; font-weight: 600;}


.news-pages-info {margin: 16px; width:auto; font-size: 14px; color: #666;}
.news-pages-info span {width:auto; height: 28px;line-height:28px; float: left;overflow: hidden; border-radius: 100px; display: block;font-size: 16px; color: #1c9b91;}
.news-pages-info span a {color: #056DE8;}

.news-pages-info  ul {width: auto; float: left;}
.news-pages-info  ul li {
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    float: left;
    margin-left: 10px;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 0px 5px 0px 5px;
}

.aboutus-left {margin:0 auto;width: 508px;float: left;}
.aboutus-left-img  {position: relative; height:688px; width: 508px; color: #fff; background-image: url(/skin/cn/image/aboutus01.jpg); background-repeat: no-repeat;
    background-size: 100% 100%; background-size: cover; background-position: center; text-align: center;}

.aboutus-right {margin:0 auto;width:628px;float: left; padding: 32px; overflow: hidden;}
.aboutus-right h1 {font-size: 32px; font-weight: 700;}
.aboutus-right h2 {font-size: 22px; font-weight: 700;color: #AAAAAA;}
.aboutus-right b {display: block;margin-top:30px; margin-bottom: 16px; width: 80px; height: 5px; background: #00bfbf}
.aboutus-right p {margin:0 auto;font-size: 20px;line-height: 40px;}

.aboutus-culture {margin: 0 auto; width: 1200px; text-align: center;padding-top: 80px; overflow: hidden; padding-bottom: 80px;}
.aboutus-culture h1 {margin:0 auto; height:60px;font-size: 48px; font-weight: 500; color: #FFFF00;}
.aboutus-culture h2 {margin:0 auto; height:60px;font-size: 48px; font-weight: 500; color: #fff; padding-top: 20px;}
.aboutus-culture p {margin:0 auto; font-size: 28px; font-weight: 500; color: #FFFF00;padding-top: 30px;}
.aboutus-culture p span {margin:0 auto; font-size: 28px; font-weight: 500; color: #fff;}

.aboutus-ca {margin: 0 auto; width: 1200px; overflow: hidden; padding-top: 30px;}
.aboutus-ca ul {width: auto; height: auto;}
.aboutus-ca ul li {margin:16px;width: 360px; height: 460px; float: left; }


.aboutus-office {margin: 0 auto; width: 1200px; overflow: hidden; padding-top: 50px; }
.aboutus-office ul {width: auto; height: auto;}
.aboutus-office ul li {margin:0 auto;  width: 600px; height: 420px;; float: left; overflow: hidden;  }
.aboutus-office ul li img {margin: 0px; margin-left: 30px; margin-right:30px;width: 538px; height:360px;}
.aboutus-office ul li p {margin: 0px; width: 600px; height: auto; text-align: center; font-size: 28px; color: #333; float: left;}

.main-kwanlon {margin: 0 auto; width: 1200px; overflow: hidden; padding-top: 50px;}
.main-kwanlon h1 { margin:0 auto; width:100%; height: 64px ; font-size:48px; float: left; color: #000; }
.main-kwanlon h2 { margin:0 auto; width:100%; height: 48px ; font-size:32px; float: left; color: #D7D7D7;}
.main-kwanlon p { width:auto; height:auto ; line-height: 32px; float: left; color: #333;}

.main-power {margin: 0 auto; width: 1200px; overflow: hidden; padding-top: 50px;}
.main-power ul {margin: 0 auto; width: 1200px; overflow: hidden;}
.main-power ul li { margin:16px;  width: 238px; height: 108px; float: left; }
.main-power ul li p { height: 54px;text-align: center; font-size: 48px; color: #02A7F0; font-weight: 700;}
.main-power ul li p span { line-height: 54px; text-align:center; font-size: 18px; font-weight: 500;}
.main-power ul li p i { text-align: top; font-size: 18px;}

.main-porducer {margin: 0 auto; width: 1200px;  overflow: hidden; padding-top: 50px;}
.main-producer ul {margin: 0 auto; width: 1200px; height:258px; overflow: hidden;}
.main-producer ul li { margin:16px; width: 238px; height: 238px; float: left;  }
.main-producer ul li img {margin-top:40px;margin-left:44px; margin-right:44px; width: 150px; height: 150px; float: left; border-radius:238px;}
.main-producer ul li p { height: 54px;text-align: center; font-size: 28px; color: #000; font-weight: 700;}

.main-solution-left {margin:0 auto; padding: 30px; width: 280px; height: 530px; float: left; background: #0F9493; overflow: hidden;border-top-left-radius:16px;border-bottom-left-radius:16px;}
.main-solution-left h1 {margin:0 auto; width:100%; height: 56px ; font-size:36px; float: left; color: #fff;}
.main-solution-left b { margin:0 auto; display: block; margin-top:156px; margin-bottom: 30px; margin-left:0px; width: 80px; height: 5px; background: #fff}
.main-solution-left p {height:auto; line-height:32px; text-align: left; font-size: 18px; color: #fff; }

.main-solution-right {margin:0 auto; padding: 20px; width:820px; height: 550px; float:right; background-image: url(/skin/cn/image/slution00.jpg); background-repeat: no-repeat;
    background-size: 100% 100%; background-size: cover; background-position: center; overflow: hidden; }
.main-solution-right ul {margin: 0 auto; overflow: hidden;}
.main-solution-right ul li { margin:16px; width: 368px; height: 238px; float: left; border-radius:8PX; background:#fff; }
.main-solution-right ul li img {margin-top:40px;margin-bottom: 8px;margin-left:130px; margin-right:130px; width: 108px; height: 108px; float: left; border-radius: 150px;}
.main-solution-right ul li p { margin:0 auto; width:100%;height: 40px;text-align: center; font-size: 28px; color: #00BFBF; font-weight: 500; overflow: hidden;}
.main-solution-right ul li p span { height: 40px;text-align: center; font-size: 18px; color: #D7D7D7; font-weight: 500;}
.main-solution-right ul li:hover {background:#0F9493;}

.main-sale {margin:0 auto; padding: 0px; width:100%; height: 960px; float:right; background-image: url(/skin/cn/image/main-sale.png); background-repeat: no-repeat;
    background-size: 100% 100%; background-size: cover; background-position: center; overflow: hidden; }

.main-honor-left {margin:0 auto; width:712px; height: 600px; float:left; background-image: url(/skin/cn/image/main-honor.png); background-repeat: no-repeat;
    background-size: 100% 100%; background-size: cover; background-position: center; overflow: hidden;} 
.main-honor-right {margin: 0 auto; padding: 50px; width: 388px;height: 600px; overflow: hidden; float: left;}
.main-honor-right h2 {margin:0 auto; width:100%; height: 56px ; padding-top: 100px; font-size:36px; float: left; color: #000; font-weight: 500;}
.main-honor-right p {margin:0 auto; width:100%; height:60px ; font-size:18px; float: left; color: #000; overflow: hidden;}
.main-honor-right p span {margin:0 auto; width:100%; height: 60px ; font-size:16px; float: left; color: #2677E1;}

.main-choose {margin:0 auto; width:1200px; height: 418px; overflow: hidden; }
.main-choose ul {margin: 0 auto; overflow: hidden;}
.main-choose ul li { margin:8px; width: 282px; height: 418px; float: left; border-radius:8PX; background:#fff; border: 1px solid #fff;box-shadow: 0px 0px 16px 0px rgb(0 0 0 / 7%);}
.main-choose ul li img {margin-top:80px;margin-bottom: 8px;margin-left:88px; margin-right:88px; width: 108px; height: 108px; }
.main-choose ul li b {margin:0 auto; display: block; margin-bottom: 20px; width: 40px; height: 5px; background: #000; }
.main-choose ul li p { margin:0 auto; width:100%;height:24px;text-align: center; font-size: 18px; color: #0A2638; font-weight: 300; overflow: hidden;}
.main-choose ul li h2 {margin:0 auto; width:100%; height: 64px ; padding-top: 50px; font-size:28px; text-align: center; color: #000; font-weight: 700;}
.main-choose ul li:hover { border: 1px solid rgb(27 95 160 / 10%); box-shadow:1px 3px 5px #ccc; }

.main-supplier {margin:0 auto; width:1200px; height: auto; overflow: hidden; }
.main-supplier ul {margin: 0 auto; overflow: hidden;}
.main-supplier ul li { margin:8px; width: 580px; height: 200px; float: left; border-radius:8PX; background:#fff; overflow: hidden; }
.main-supplier ul li .supplier-left {width: 200px; height: 200px; background: #00BFBF; float: left;} 
.main-supplier ul li .supplier-left img {margin: 0 auto; width: 100px; height: 100px; margin-left: 50px; margin-right: 50px;margin-top: 20px; }
.main-supplier ul li .supplier-left h2 {margin:0 auto; width:100%; height:40px ;  font-size:28px; text-align: center; color: #fff; font-weight: 500;}
.main-supplier ul li .supplier-left p {margin:0 auto; width:100%; height:20px ;  font-size:14px; text-align: center; color: #fff; }
.main-supplier ul li .supplier-right {width: 380px; height:200px; float: left; background: #f3f3f3; color: #000;} 
.main-supplier ul li .supplier-right p {margin:20px;width:340px; line-height:32px ;  font-size:18px; text-align: left;  }
.main-supplier ul li .supplier-right:hover {background: #00BFBF; color:#fff;}

.main-news {margin:0 auto; width:1200px; height: auto; overflow: hidden; }
.main-news ul {margin: 0 auto; overflow: hidden;}
.main-news ul li { margin:10px; width:280px; height: 300px; float: left; background:#fff; box-shadow: 2px 2px 5px #ccc; overflow:hidden; position:relative;}
.main-news ul li img {margin:0 auto; width:280px; height:200px; overflow:hidden; position:relative;}
.main-news ul li p {margin:8px;width:auto; height:24px ;  font-size:18px; text-align: left; color: #000; font-weight: 700;}
.main-news ul li p span {margin:0 auto;width:auto; line-height:24px ; font-size:12px; text-align: left; color: #7F7F7F; font-weight: 500; }
.main-news ul li img:hover { transform: scale(1.05); width:280px; height:200px; overflow:hidden; position:relative;}

.main-news-red {margin: 8px;}
.main-news-red ul {margin:0 auto; width:100%; overflow: hidden; float: left; padding: 30px; margin-top:30px; background: #fff;}
.main-news-red ul li { margin:8px; width:48%; height:24px; float: left; }
.main-news-red ul li p {margin-left: 10px;width:80%; height:auto;  font-size:14px; text-align: left; color: #000; }
.main-news-red ul li p span {float: right; font-size: 12px; color:#ccc;}
.main-news-red ul li em {content: ""; background: #ccc; width: 4px; height: 4px; border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px;
    display: block; position: absolute; margin-top: 10px; }

.main-banner {width: 100%; height: 380px; min-width: 1440px; margin: 0 auto;  color: #fff; background-image: url(/skin/cn/image/ad06.png); background-repeat: no-repeat;
        background-size: cover; }
.main-banner h1 { margin: 0 auto;  width: 1200px;  text-align: center; line-height: 42px;  font-size: 42px;   font-weight: 500;  padding-top: 50px; padding-bottom: 30px； }
.main-banner p {margin: 0 auto; margin-top: 50px; width: 1200px; font-size: 22px; font-weight: 300; line-height: 50px; text-align: center; }
.main-banner .span { margin: 0 auto; margin-top: 50px; width: 1200px; height: 60px; line-height: 58px;text-align: center; }
.main-banner .span a {
    display: inline-block;
    width: 300px;
    height: 58px;
    line-height: 58px;
    color: #fff;
    font-size: 24px;
    border-radius: 30px;
    margin: 0 auto;
    text-align: center;
    box-sizing: border-box;
    background: inherit;
    background-color: rgba(240, 85, 15, 0);
    border-style: solid;
    border-color: rgba(255, 255, 255, 1);
    border-radius: 30px;
}
.main-banner .span a:hover {color: #ff0000; border-color:#ff0000;}

/* banner */
.index_banner { margin: 0 auto;}
.index_banner .swiper-container-horizontal>.swiper-pagination-bullets {bottom: 50px;}
.index_banner li {width: 100%; background-size: cover; height: 500px;}
.index_banner li .mask {content: ""; position: absolute; top: 0; left: 0; right: 0; height: 500px; background: rgba(0, 0, 0, 0);}
.index_banner li .mask_05 { background: rgba(0, 0, 0, 0.5);}
.index_ban1 {background: url(/skin/cn/image/bn01.jpg) center center no-repeat;}
.index_ban2 {background: url(/skin/cn/image/bn02.jpg) center center no-repeat;}
.index_ban3 {background: url(/skin/cn/image/bn03.jpg) center center no-repeat;}
.index_ban4 {background: url(/skin/cn/image/bn04.jpg) center center no-repeat;}
.index_ban5 {background: url(/skin/cn/image/bn02.jpg) center center no-repeat;}

.word_wrap {position: absolute; left: 0; right: 0; top: 45px; bottom: 0;width: 600px; margin: auto 0; height:280px;z-index: 2; padding-left:360px;}
.word_wrap h1,.word_wrap h2 {font-size: 56px; color: #000; text-shadow: 1px 1px 1px #000;}
.word_wrap p { width: 600px; font-size: 18px; color: #333;  line-height:24px; margin-top:20px;text-shadow: 1px 3px 5px #fff;}
.word_wrap .link-feed { width: 160px;height: 46px; line-height:46px; font-weight:500; text-align: center; cursor: pointer; margin-top:100px;}
.word_wrap .link-feed a { width: 100%; height: 100%; display: block; color: #000; font-size: 28px;}
.word_wrap .link-feed a:hover { color: #ff0000; }

.word_wrap .explain01 {width: 138px;height: 50px; line-height:50px; border-top-left-radius: 32px;border-bottom-left-radius:32px; text-align: center; cursor: pointer; margin-top:30px; 
    background-color: #0ba0a0; color: #fff; float: left; font-size: 20px;}
.word_wrap .explain02 {width: 138px;height: 50px; line-height:50px; border-top-right-radius: 32px;border-bottom-right-radius:32px; text-align: center; cursor: pointer; margin-top:30px; 
    background-color: #fff;color: #0ba0a0; float: left; font-size: 20px;}


.page_com { position: absolute; top: 50%; width: 50px;  height: 50px; background: url(/skin/cn/image/index_next.png) center center no-repeat; background-size: 100%; z-index: 2; opacity: 0.7; margin-top: -18px; 
    cursor: pointer; transition: all 0.2s; -webkit-transition: all 0.2s; display: none;}
.page_com:hover {opacity: 1;}
.index_banner:hover .page_com,.about_us:hover .page_com { display: block;}
.swiper-next {right: 120px;}
.swiper-prev {left: 120px;transform: rotate(180deg); -webkit-transform: rotate(180deg);}