@charset "UTF-8";
/* CSS Document */
* {margin: 0;padding: 0;}
html {font-size: 62.5%;height: 100%;}
body {margin: 0 auto;font-family: 'OptimaLTStd';font-size: 14px;font-size: 1.4rem;height: 100%;overflow-x: hidden;max-width: 1920px;}
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.3s;-moz-transition: 0.3s;-o-transition: 0.3s;-webkit-transition: 0.3s;}
h1 {margin: 0;padding: 0;font-weight: normal;color: #333;}
.clear {clear: both;}
.maln {margin-left: auto !important;}
input, textarea {font-family: 'OptimaLTStd';font-size: 14px;font-size: 1.4rem;color: #333;border: none;outline: none;}
.l {float: left;}
.r {float: right;}
.fix {
*zoom: 1;}
.fix:after, .fix:before {display: block;content: "clear";height: 0;clear: both;overflow: hidden;visibility: hidden;}
.top25 {margin-top: 25px;}

::-webkit-input-placeholder { /* WebKit browsers */
color: #1b1b1b;}
:-o-placeholder { /* Mozilla Firefox 4 to 18 */
color: #1b1b1b;}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #1b1b1b;}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #1b1b1b;}

::selection { color: #fff; background: #333;}

.wp {width: 1200px;margin: auto;}
 @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;}}
.no_margin {
margin-left: auto !important \0;}
 @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;}}

/*.container*/
.container {width: 5px;height: 100%;position: absolute;right: 0;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;z-index: 999999999999999;cursor: pointer;position: fixed;top: -5px;right: 0;display: block;}
.container .nav {overflow: hidden;width: 300px;background: rgba(0, 0, 0, 0.8);position: absolute;top: 0;right: 0;display: block;height: auto;overflow: scroll;}
.container .nav form {margin: 15px auto;width: 258px;height: 26px;border: 1px solid #fff;}
.container .nav form .iptc {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-left: 15px;background-color: #fff;width: 80%;height: 26px;line-height: 26px;display: block;float: left;}
.container .nav form .ipsc {width: 20%;height: 26px;line-height: 26px;display: block;float: right;background: #fff url(../images/sousuo.png) no-repeat center center;}
.container .nav > ul {display: none;margin-top: 0px;margin-bottom: 0px;overflow: scroll;padding-top: 45px;-ms-box-sizing: border-box;-o-box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.container .nav > ul > li {line-height: 40px;font-size: 12px;font-size: 1.2rem;text-indent: 20px;position: relative;}
.container .nav > ul > li .addition {width: 20px;height: 20px;position: absolute;right: 15px;top: 10px;background: url("../images/shizi.png") no-repeat center center;}
.container .nav > ul > li .addition.fa:before {margin-right: 5px;color: #fff;text-indent: 0;}
.container .nav > ul > li > a {color: #fff;font-size: 12px;font-size: 1.2rem;display: block;margin-right: 40px;}
.container .nav > ul > li > a span {color: #fff;font-size: 12px;font-size: 1.2rem;}
.container .nav > ul > li .c-show {display: none;width: 100%;}
.container .nav > ul > li .c-show1 .c-s1 {position: relative;padding-left: 15px;}
.container .nav > ul > li .c-show1 .c-s1 > a {position: relative;font-size: 12px;font-size: 1.2rem;color: #fff;display: block;padding-top: 5px;padding-bottom: 5px;line-height: 30px;margin-right: 40px;}
.container .nav > ul > li .c-show1 .c-s1 > a span {font-size: 12px;font-size: 1.2rem;color: #fff;}
.container .nav > ul > li .c-show1 .c-s1 > .c-show2 {position: relative;}
.container .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 {position: relative;}
.container .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a {text-indent: 35px;font-size: 12px;font-size: 1.2rem;color: #fff;display: block;padding-top: 5px;padding-bottom: 5px;line-height: 30px;margin-right: 40px;}
.container .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a span {font-size: 12px;font-size: 1.2rem;color: #fff;}
.container .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 {position: relative;}
.container .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a {text-indent: 50px;font-size: 12px;font-size: 1.2rem;color: #fff;display: block;padding-top: 5px;padding-bottom: 5px;line-height: 30px;}
.container .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a span {font-size: 12px;font-size: 1.2rem;color: #fff;}
.container .nav > ul > dl {padding: 20px;}
.container .nav > ul > dl dd {float: left;margin: 0 2px;}
.container .menubtn {width: 23px;height: 18px;position: absolute;top: 12px;right: 12px;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;z-index: 9999;}
.container .menubtn span {display: block;width: 100%;height: 3px;margin-bottom: 3px;background-color: #333;}
 @media screen and (min-width: 999px) {
.container, .nav {display: none !important;}}
/***********  lunbo  *************/
* {margin: 0;padding: 0;}
li {list-style: none;}
.slide {position: relative;height:0px; padding-bottom:31.25%}
.slide .carouse {width: 100%;overflow: hidden;position:absolute; height:100%;}
.slide .carouse .slideItem {width: 100%;position: absolute;cursor: pointer;}
.slide .carouse .slideItem .banner-img {width: 100%;display: block;}
.slide .console {height: 57px;display: inline-block;width: 35px;position: absolute;top: 40%;}
.slide .dotList {position: absolute;width: 100%;bottom: 11px;text-align: center;}
.slide .dotList ul li {display: inline-block;width: 14px;height: 14px;background: #fff;margin: 0 8px;cursor: pointer;}
.slide .carousel-control {position: absolute;top: 50%;width: 64px;height: 64px;z-index: 999;margin-top: -32px;}
.slide .carousel-control.left {left: 2%;background-image: url("../images/prev.png");background-repeat: no-repeat;cursor: pointer;}
.slide .carousel-control.left:hover {background-image: url("../images/prev2.png");}
.slide .carousel-control.right {right: 2%;background-image: url("../images/next.png");background-repeat: no-repeat;cursor: pointer;}
.slide .carousel-control.right:hover {background-image: url("../images/next2.png");}
.slide .dotList ul li {cursor: pointer;font-size: 0px;margin-left: 5px;margin-right: 5px;border: none;outline: none;width: 14px;height: 14px;border-radius: 50%;}
.slide .dotList ul li.active {background: #333}
.slide .slidedetail {display: none;}
 @media screen and (max-width: 999px) {
.slide .carousel-control {display: none;}
.slide .dotList ul li {background: #fff;}
.slide .dotList ul li.active {background: #333;}}
/***********  head  ************/
@font-face {font-family: 'OptimaLTStd'; font-display: swap; src: url("../fonts/OptimaLTStd.eot");src: url("../fonts/OptimaLTStd.eot") format("embedded-opentype"), url("../fonts/OptimaLTStd.woff2") format("woff2"), url("../fonts/OptimaLTStd.woff") format("woff"), url("../fonts/OptimaLTStd.ttf") format("truetype"), url("../fonts/OptimaLTStd.svg#OptimaLTStd") format("svg");}
.head {background: #fff url(../images/dhbg.png) no-repeat center top;}
.logo {text-align: center;}
.logo img {max-width: 100%;}
.navlist {padding-top: 33px;}
.navlist2 {display: none;}
.navlist > li {float: left;margin-left: 11px;position: relative;padding-bottom: 15px;}
.navlist1 {float: none;font-size: 0;letter-spacing: 0;text-align: center;}
.navlist1 > li {float: none;display: inline-block;vertical-align: top;}
.navlist > li:first-child {margin-left: 0;}
.navlist > li > a {font-size: 16px;font-size: 1.6rem;text-transform: uppercase;display: block;padding: 0 13px;padding-bottom: 10px;}
.navlist > li:hover > a {background: url(../images/navbg.png) no-repeat center bottom;}
.navlist > li.currentnav > a {background: url(../images/navbg.png) no-repeat center bottom;}
.search {margin-top: 35px;position: relative;height: 18px;}
.search form {position: absolute;top: 100%;right: 0;z-index: 99;display: none;}
.search > img {cursor: pointer;}
.sou {width: 200px;height: 28px;line-height: 28px;padding-left: 10px;border: 1px solid #333;background: #fff}
.suo {position: absolute;right: 5px;top: 5px;width: 18px;height: 18px;background: url(../images/sousuo.png) no-repeat center center;cursor: pointer;}
.yy {position: relative;margin-top: 30px;margin-left: 40px;}
.yy > a {display: inline-block;padding-left: 12px;padding-right: 9px;height: 25px;line-height: 25px;border: 1px solid #333;border-radius: 5px;cursor: pointer;}
.yy > a span {display: inline-block;padding-right: 15px;background: url(../images/xljt.png) no-repeat right center;}
.yy > a img {vertical-align: middle;}
.yy ul {background: #fff;position: absolute;width: 100px;right: 0;top: -9999px;z-index: 999;}
.yy ul li {line-height: 20px;font-size: 16px;font-size: 1.6rem;padding: 8px 5px;}
.yy ul li a {display: block;}
.yy ul li a:hover {color: #000;}
.yy:hover ul {top: 100%;}
 @media screen and (max-width: 1219px) {
.navlist > li {margin-left: 0px;}}
 @media screen and (max-width: 999px) {
.navlist > li {margin-left: 2px;}
.navlist > li > a {font-size: 14px;font-size: 1.4rem;}
/* .logo { margin-right: 15px; } */}
 @media screen and (max-width: 850px) {
.yy {margin-left: 15px;}
/* .logo img { width: 300px; } */}

/*@media screen and (max-width: 800px) { .navlist > li > a { padding-left: 0; padding-right: 0; }
  .navlist > li { margin-left: 19px; } }*/

@media screen and (max-width: 841px) {
.navlist {width: 100%;padding-top: 20px;}
.navlist2 {display: block;}
.navlist1 {display: none;}
.head {padding-bottom: 10px;}
.navlist > li {width: 25%;margin-left: 0;text-align: center;padding-bottom: 10px;}
.navlist > li > a {padding-bottom: 15px;}
.logo img {width: 230px;}
.logo {padding-top: 18px;padding-bottom: 18px;}
.search {margin-top: 20px;}
.yy {margin-top: 15px;}}
 @media screen and (max-width: 450px) {
.slide .dotList ul li {width: 12px;height: 12px;}}
 @media screen and (max-width: 350px) {
.navlist > li > a {font-size: 12px;font-size: 1.2rem;}
.logo img {width: 170px;}}
/*****************  bottom  *******************/
.bottom {background: #f6f6f6;padding-top: 56px;text-align: center;padding-bottom: 30px;}
.bottom p, .bottom li, .bottom span, .bottom b, .bottom a {color: #666666;}
.bottom li:first-child {padding-left: 0;background: none;}
.bottom img {max-width: 100%;}
.bottom ul {padding-bottom: 14px;}
.bottom li {display: inline-block;padding-left: 17px;background: url(../images/shu.jpg) no-repeat left center;font-size: 18px;font-size: 1.8rem;margin: 0 8px;}
.bottom li.nobg {padding-left: 0;background: none;}
.bottom li:first-child {padding-left: 0;background: none;}
.bottom a:hover {color: #000;}
.bsjj {padding-top: 16px;}
.bsjj a { display:inline-block; vertical-align:middle; margin: 0 3px;position: relative;top: 0;-webkit-transition: 0.5s;-o-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s; width:33px;}
.bsjj a:hover {top: -10px;}
.bsjj a img{ width:100%;}
.copyright {line-height: 30px;margin-top: 9px;}
.blx {max-width: 700px;margin: 0 auto;}
.dibu {margin-top: 2px;line-height: 30px;min-height: 30px;}
.link{ text-align:center;}
.link.fix {padding-top: 30px;width: 1000px;margin-left: 200px;}
.link span {float: left;}
.link a {padding: 0 20px;float: left;}
.reanod {padding-left: 5px;padding-right: 10px;}
.bilx {font-size: 16px;font-size: 1.6rem;margin: 0 12px;display: inline-block;line-height: 30px;}
 @media screen and (max-width: 1235px) {
.link.fix {padding-top: 30px;width: 1100px;margin-left: 0;}}
 @media screen and (max-width: 767px) {
.bilx {display: none;}
.bottom ul {display: none;}
.bsjj {padding-top: 0;}
.link {display: none;}
.bottom {padding-top: 30px;background: #f3f3f3;}
.dibu {margin-top: 20px;}
.copyright {margin-bottom: 0;}}
 @media screen and (max-width: 500px) {
.bsjj a {margin: 0 2px;}}
/************  syfl  ***********/
.syfl {padding-top: 84px;background: url(../images/sybg1.jpg) no-repeat center top;padding-bottom: 90px;}
.sybt {text-align: center;padding-bottom: 22px;background: url(../images/btbg1.jpg) no-repeat center bottom;font-size: 34px;font-size: 3.4rem;text-transform: uppercase;}
.shijiazhuang {text-align: center;font-size: 16px;font-size: 1.6rem;color: #666666;max-width: 740px;margin: 0 auto;display: block;line-height: 30px;margin-bottom: 47px;}
.syfl .sybt {margin-bottom: 25px;text-transform: none;}
.flbox1 {width: 720px;}
.flbox2 {width: 467px;}
.fltu {position: relative;}
.fltu1 img {display: block;width: 100%;max-width: 332px;max-height: 332px;}
.symore {position: absolute;right: 0;bottom: 0;display: block;width: 40px;height: 40px;background: #959595 url(../images/symore.png) no-repeat center center;}
.symore:hover {background: #000 url(../images/symore.png) no-repeat center center;}
.fltu1 .tu1 {display: block;border: 5px solid #959595;}
.flwen {width: 378px;}
.flwenn {padding-left: 33px;padding-top: 43px;}
.flwena1 {display: block;font-size: 30px;font-size: 3rem;padding-bottom: 24px;background: url(../images/huixian.jpg) no-repeat left bottom;margin-bottom: 17px;}
.flwen ul li {font-size: 16px;font-size: 1.6rem;line-height: 30px;}
.flwen ul li a {display: block;padding-left: 18px;background: url(../images/ling.png) no-repeat left 8px;}
.fltu2 img {display: block;width: 100%;max-width: 268px;max-height: 268px;}
.fltu3 img {display: block;width: 100%;max-width: 372px;max-height: 493px;}
.fltu3 .tu1 {display: block;border: 3px solid #959595;}
.fltu2 {margin-top: 231px;}
.fltuwen {border: 5px solid #959595;position: relative;}
.fltuwen img {display: block;width: 100%;max-width: 457px;max-height: 457px;}
.fltuwenn {padding-left: 42px;padding-bottom: 92px;padding-top: 33px;}
.fltuwenn ul li {font-size: 16px;font-size: 1.6rem;-webkit-columns: #555555;-moz-columns: #555555;columns: #555555;line-height: 30px;}
.fltuwenn ul li a {display: block;padding-left: 18px;background: url(../images/ling.png) no-repeat left 8px;}
.syvm {display: block;width: 148px;height: 38px;line-height: 38px;text-align: center;border: 1px solid #333;font-size: 16px;font-size: 1.6rem;margin: 0 auto;margin-top: 47px;}
.syvm:hover {background: #333;color: #fff;}
 @media screen and (max-width: 1219px) {
.flbox1 {width: 600px;}
.flbox2 {width: 370px;}
.fltu1 {width: 300px;}
.flwen {width: 300px;}
.fltu3 {width: 300px;}
.fltu2 {margin-top: 128px;}}
 @media screen and (max-width: 999px) {
.flbox1 {width: 60%;}
.flbox2 {width: 39%;}
.fltu1 {width: 50%;}
.flwen {width: 50%;}
.fltu3 {width: 50%;}
.fltu2 {width: 48%;margin-top: 76px;}
.flwenn {padding-top: 10px;padding-left: 15px;}
.flwena1 {font-size: 20px;font-size: 2rem;padding-bottom: 10px;}
.fltuwenn {padding-left: 15px;padding-bottom: 35px;}
.syfl {padding-top: 45px;}}
 @media screen and (max-width: 767px) {
.flwen ul li {line-height: 24px;}
.fltuwenn ul li {line-height: 24px;}
.fltuwenn {padding-top: 15px;}
.flwena1 {margin-bottom: 8px;font-size: 18px;font-size: 1.8rem;}
.sybt {font-size: 30px;font-size: 3rem;}
.syfl {padding-bottom: 50px;}}
 @media screen and (max-width: 550px) {
.flbox1 {width: 100%;}
.flbox2 {width: 80%;margin: 0 10%;margin-top: 30px;}
.syfl {background: url(../images/sybg1.jpg) no-repeat center bottom;padding-top: 25px;}
.sybt {font-size: 24px;font-size: 2.4rem;}
.shijiazhuang {font-size: 14px;font-size: 1.4rem;margin-bottom: 20px;line-height: 24px;}}
 @media screen and (max-width: 450px) {
.fltu2 {margin-top: 40px;}}
/**********  sywhy  **********/
.sywhy {padding-top: 110px;padding-bottom: 140px;background: url(../images/sybg2.jpg) no-repeat center top;}
.sywhy .sybt {background: url(../images/btbg2.png) no-repeat center bottom;font-size: 36px;font-size: 3.6rem;text-transform: uppercase;}
.sywhy .sybt a {color: #ffffff;}
.shijiazhuang2 {color: #fff;font-size: 18px;font-size: 1.8rem;line-height: 34px;text-align: center;display: block;padding-top: 24px;}
 @media screen and (max-width: 999px) {
.sywhy {padding-top: 70px;padding-bottom: 80px;}}
 @media screen and (max-width: 767px) {
.sywhy .sybt {font-size: 30px;font-size: 3rem;}}
 @media screen and (max-width: 550px) {
.sywhy .sybt {font-size: 24px;font-size: 2.4rem;}
.shijiazhuang2 {font-size: 16px;font-size: 1.6rem;line-height: 28px;}
.sywhy {padding-top: 40px;padding-bottom: 20px;}}
/***********  syp  ***********/
.syp {padding-top: 85px;padding-bottom: 90px;}
.sypbox {width: 270px;text-align: center;float: left;margin-left: 40px;margin-bottom: 48px;}
.sypbox img {display: block;width: 100%;max-width: 508px;max-height: 508px;}
.sypp1 {display: block;font-size: 18px;font-size: 1.8rem;margin-top: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.syp .sybt {margin-bottom: 30px;font-size: 36px;font-size: 3.6rem;}
.vmp {display: block;width: 204px;height: 38px;line-height: 38px;text-align: center;border: 1px solid #333;font-size: 16px;font-size: 1.6rem;margin: 0 auto;margin-top: 10px;}
.vmp:hover {background: #333;color: #fff;}
 @media screen and (max-width: 1219px) {
.sypbox {margin-left: 25px;width: 226px;}}
 @media screen and (max-width: 999px) {
.sypbox {width: 23%;margin: 0 1%;margin-bottom: 30px;}
.syp {padding-top: 55px;padding-bottom: 40px;}}
 @media screen and (max-width: 767px) {
.sypp1 {font-size: 16px;font-size: 1.6rem;}
.syp .sybt {font-size: 30px;font-size: 3rem;}}
 @media screen and (max-width: 600px) {
.sypbox {width: 31.333%;}
.syp {padding-top: 35px;}
.syp .sybt {font-size: 24px;font-size: 2.4rem;}}
 @media screen and (max-width: 400px) {
.sypbox {width: 48%;}}
/**********  syr  *********/
.syr {background: #f7f7f7;}
.syrzuo {width: 50%;}
.syryou {width: 50%;}
.syryou img {width: 100%;max-width: 960px;max-height: 600px;display: block;}
.syrzuo img {width: 100%;max-width: 960px;max-height: 600px;display: block;}
.syrnr {width: 60%; overflow:hidden;margin-left:5%; margin-right:5%}
.syrnrwen {width: 100%;text-align: center;padding-top: 132px;}
.syrnrwen a {display: block;}
.syra1 {font-size: 36px;font-size: 3.6rem;}
.syra2 {font-size: 16px;font-size: 1.6rem;color: #666666;line-height: 30px;margin-top: 30px;margin-bottom: 59px;}
.syra3 {width: 158px;height: 38px;line-height: 38px;text-align: center;border: 1px solid #333;font-size: 16px;font-size: 1.6rem;margin: 0 auto;}
.syra3:hover {background: #333;color: #fff;}
 @media screen and (min-width: 1000px) and (max-width: 1539px) {

.syrnrwen {padding-top: 50px;}}
 @media screen and (max-width: 1400px) {
.syra2 {margin-top: 15px;margin-bottom: 20px;}

.syrnr {width: 90%; overflow:hidden; margin-left:5%; margin-right:5%}
}
 @media screen and (max-width: 1219px) {
.syra2 {font-size: 14px;font-size: 1.4rem;line-height: 26px;}
.syra1 {font-size: 30px;font-size: 3rem;}}
 @media screen and (max-width: 1099px) {
.syrnrwen {padding-top: 25px;}}
 @media screen and (max-width: 999px) {
.syrnr {width: 100%;}
.syrnrwen {width: auto;padding: 20px;}
.syra2 {margin-top: 0;}}
 @media screen and (max-width: 920px) {

.syrzuo {width: 100%;background: #f7f7f7; clear:both}
.syryou {width: 100%;clear:both}
.syrzuo img {display: none;}

.syrnr {width: 100%; overflow:hidden; margin-left:0%; margin-right:0%}
}
/*********  syn  *********/
.syn {padding-top: 92px;padding-bottom: 89px;}
.syn .sybt {font-size: 36px;font-size: 3.6rem;margin-bottom: 47px;}
.synbox {width: 527px;position: relative;}
.syntu {position: absolute;left: 0;top: 0;}
.syntu img {width: 100%;max-width: 180px;}
.synnr {margin-left: 202px;}
.synp1 {display: block;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 16px;font-size: 1.6rem;}
.synnr span {display: block;color: #999999;margin-top: 6px;}
.synp2 {display: block;color: #666666;line-height: 30px;height: 60px;overflow: hidden;margin-top: 8px;font-size: 16px;font-size: 1.6rem;}
.sybt2 a {color: #333333;}
.sybt2 {margin-bottom: 53px;}
.synp1:hover {color: #000;}
.synp2:hover {color: #000;}
 @media screen and (min-width: 1000px) and (max-width: 1219px) {
.synbox {width: 480px;}}
 @media screen and (max-width: 999px) {
.synbox {width: 100%;margin-bottom: 20px;}
.syn {padding-bottom: 50px;padding-top: 55px;}}
 @media screen and (max-width: 767px) {
.syn {padding-top: 30px;}
.syn .sybt {font-size: 30px;font-size: 3rem;}}
 @media screen and (max-width: 550px) {
.syntu {position: static;display: block;text-align: center;}
.synnr {margin-left: 0;padding-top: 10px;min-height: 0;padding-bottom: 10px;text-align: center;}
.synp2, .synp1 {height: auto;}
.syn {padding-bottom: 30px;}
.syn .sybt {font-size: 24px;font-size: 2.4rem;}}
/************  bread  *************/
.mianbao {font-size: 16px;font-size: 1.6rem;line-height: 24px;padding-top: 15px;text-align: center;background: #fcfcfc;padding-bottom: 14px;}
.mianbao a:hover {color: #000;}
.co00 {color: #000 !important;}
.fymain {padding-top: 53px;padding-bottom: 100px;}
/*list*/
.product .xiangqing .list {width: 199px;}
.product .xiangqing .list .title1 {width: 100%;margin-bottom: 0px;margin-bottom: 9px;}
.product .xiangqing .list .title1 a {display: block;font-size: 36px;font-size: 3.6rem;color: #333333;text-transform: uppercase;padding-bottom: 18px;background: url(../images/cebg.jpg) no-repeat center bottom;text-align: center;}
.product .subNav {cursor: pointer;background: #fff;margin-top: 6px;line-height: 48px;border-bottom: 1px solid #c0c0c0;padding-bottom: 6px;}
.product .subNav a {display: block;line-height: 34px;background: #fff;font-size: 16px;font-size: 1.6rem;color: #333333;-webkit-transition: 0s;-o-transition: 0s;-moz-transition: 0s;transition: 0s;text-align: center;margin: 0 6px;}
.product .subNav:hover a {background: #333;color: #fff;}
.product .currentDd a {background: #333;color: #fff;}
.product .navContent {display: none;background: #f5f4f4;position: relative;margin-bottom: 7px;}
.product .navContent > li > a {display: block;border-bottom: 1px solid #c9d6e5;}
.product .navContent > li.mln a {border-bottom: 0px solid #c9d6e5;}
.product .navContent > li > a {display: block;font-size: 14px;font-size: 1.4rem;padding-bottom: 0px;color: #333;padding-left: 57px;line-height: 40px;}
.product .navContent > li > a:hover {color: #000;}
.navContent-lion > a {border-bottom: 1px solid #c9d6e5 !important;}
.navContent-lion > a {color: #000 !important;}
.navdl {display: none;border-bottom: 1px solid #c9d6e5;padding-top: 7px;padding-bottom: 12px;}
.navContent > li > dl > dd {line-height: 30px;padding: 3px 0;}
.navContent > li > dl > dd > a {padding-left: 66px;font-size: 14px;font-size: 1.4rem;line-height: 24px;color: #333333;}
.navContent > li > dl > dd > a:hover {color: #000;}
.product .xiangqing .goods {width: 941px;}
.abt .xiangqing .goods {width: 100%;}
.pbox {width: 270px;float: left;margin-left: 65px;text-align: center;margin-bottom: 34px;}
.ptu {display: block;border: 1px solid #dfdfdf;}
.ptu img {display: block;width: 100%;max-width: 508px;max-height: 508px;}
.pp1 {display: block;font-size: 18px;font-size: 1.8rem;line-height: 28px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 9px;margin-bottom: 16px;}
.pp2 {display: block;color: #666666;line-height: 24px;height: 72px;overflow: hidden;margin-top: 2px;margin-bottom: 16px;}
.pp3 {text-align: center;}
.pp3 a {display: inline-block;padding-left: 5px;min-width: 100px;padding-right: 5px;height: 28px;line-height: 28px;text-align: center;border: 1px solid #333;color: #fff;background: #333;}
.pp3 input {cursor: pointer;margin-right: 8px;}
.pp1:hover {color: #000;}
.pp2:hover {color: #000;}
.pp3 a:hover {color: #333;background: #fff;border: 1px solid #333;}
/*page*/
.ms_ye {position: relative;margin-top: 9px;text-align: center;}
.ms_ye a {display: inline-block;width: 33px;line-height: 28px;text-align: center;margin-left: 2px;margin-right: 3px;font-size: 12px;font-size: 1.2rem;background: #fff;color: #333333;border: 1px solid #e5e5e5;}
.ms_ye .ms_sx {padding-right: 5px;padding-left: 5px;min-width: 66px;max-width: 180px;background: none !important;color: #333 !important;}
.ms_sx:hover {color: #fff !important;background: #333 !important;}
.ms_ye .ms_current_ye {color: #fff;border: 1px solid #333333;background: #333;}
.ms_ye a:hover {color: #fff;border: 1px solid #333333;background: #333;}
.ms_ye a.none:hover {color: #333333 !important;border: 1px solid #e5e5e5 !important;background: #fff !important;}
.wlin {width: 100%;clear: both;margin-bottom: 50px;}
.wlin a.l {float: left;}
.wlin a.r {float: right;}
.wlin a {margin: 5px auto;height: 30px;line-height: 28px;font-size: 12px;font-size: 1.2rem;color: #333;text-align: center;border: 1px solid #e5e5e5;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 350ms;-o-transition: all 350ms;-moz-transition: all 350ms;transition: all 350ms;margin-top: 20px;display: block;width: 300px;height: 32px;font-size: 14px;font-size: 1.4rem;color: #f4f4f4;background-color: #333;}
 @media screen and (max-width:527px) {
.wlin a {float: none !important;}}
.ceerji {font-size: 16px;font-size: 1.6rem;background: #fff;margin: 0 6px;display: none;}
.ceerji>a {display: block;line-height: 25px;color: #333;padding-left: 10px;padding-right: 10px;margin-top: 10px;margin-bottom: 10px;text-align: center;}
.ceerji ul {line-height: 30px;padding-bottom: 10px;display: none;}
.ceerji>a.active, .ceerji>a:hover {background: #333;color: #fff;}
.ceerji ul li a {padding-left: 40px;color: #333}
.ceerji ul li:hover {background: #333;color: #fff;}
.ceerji ul li:hover a {color: #fff;}
.xiangshang {display: inline-block;padding-right: 19px;background: url(../images/xs.jpg) no-repeat right 5px;margin-left: 30px;}
.xiangshang input {padding-right: 5px;padding-left: 5px;height: 30px;line-height: 30px;text-align: center;color: #fff;border: 1px solid #333333;background: #333;cursor: pointer;}
.xiangshang input:hover {background: #fff;color: #333;}
 @media screen and (min-width: 1000px) and (max-width: 1219px) {
.product .xiangqing .goods {width: 745px;}
.pbox {width: 228px;margin-left: 30px;}}
 @media screen and (max-width: 999px) {
.product .xiangqing .goods {width: 100%;}
.product .xiangqing .list {width: 100%;margin-top: 50px;}
.pbox {width: 31.333%;margin: 0 1%;margin-bottom: 30px;}
.fymain {padding-top: 30px;padding-bottom: 40px;}}
 @media screen and (max-width: 850px) {
.pp3 input {left: 0;}}
 @media screen and (max-width: 767px) {
.subNavBox {display: none;}
.product .xiangqing .list .title1 {position: relative;background: #333;line-height: 40px;margin-bottom: 0;}
.product .xiangqing .list .title1 p {position: absolute;bottom: 5px;right: 10px;cursor: pointer;}
.product .xiangqing .list .title1 p span {display: block;width: 30px;height: 5px;margin-bottom: 3px;background: #fff;}
.product .xiangqing .list .title1 a {color: #fff;padding-bottom: 0;background: none;padding-left: 10px;text-align: left;font-size: 28px;font-size: 2.6rem;}}
 @media screen and (max-width: 600px) {
.pbox {width: 48%;}}
 @media screen and (max-width: 350px) {
.pbox {width: 98%;}}
/************  product2  *************/
@font-face {font-family: 'OptimaLTStdBold'; font-display: swap; src: url("../fonts/OptimaLTStdBold.eot");src: url("../fonts/OptimaLTStdBold.eot") format("embedded-opentype"), url("../fonts/OptimaLTStdBold.woff2") format("woff2"), url("../fonts/OptimaLTStdBold.woff") format("woff"), url("../fonts/OptimaLTStdBold.ttf") format("truetype"), url("../fonts/OptimaLTStdBold.svg#OptimaLTStdBold") format("svg");}
#showArea {margin-top: 25px;margin-bottom: 25px;}
#showArea img {cursor: pointer;width: 133px;height: 133px;border: 1px solid #dfdfdf;margin: 0 auto;}
#showArea a {display: inline-block;text-align: left;margin-bottom: 3px;padding-left: 13px;}
#showArea a:hover {}
#showArea a:hover {background: url(../images/youjt.png) no-repeat left center;}
#main_img {cursor: pointer;display: block;}
#gotop {cursor: pointer;display: block;width: 25px;height: 17px;background: url(../images/top.png) no-repeat right center;margin-left: 68px;}
#gobottom {cursor: pointer;display: block;width: 25px;height: 17px;background: url(../images/bottom.png) no-repeat right center;margin-left: 68px;}
#gotop:hover {background: url(../images/topon.png) no-repeat right center;}
#gobottom:hover {background: url(../images/bottomon.png) no-repeat right center;}
#showArea {height: 420px;overflow: hidden;}
.MagicZoomBigImageCont {background: #FFF;}
.MagicZoomBigImageCont img {max-width: 1000px;display: block;}
.MagicZoomPup {border: 0px solid #aaa;background: #ffffff;}
.left-pro {width: 664px;text-align: left;margin: 0 auto;margin-bottom: 25px;}
.left-pro .t1 {width: 148px;float: right;text-align: right;}
.left-pro .t2 {width: 508px;text-indent: 0;float: left;border: 1px solid #dfdfdf;}
.left-pro .t2 a {display: block;margin-bottom: 0px;}
.left-pro .t2 img {text-indent: 0;display: block;}
.content .title {margin-bottom: 7px;text-align: center;}
.content .title h1 {font-size: 24px;font-size: 2.4rem;padding-bottom: 13px;line-height: 28px;color: #333333;font-family: 'OptimaLTStdBold';}
.cpxx {line-height: 30px;color: #666666;}
.cpxx p, .cpxx li, .cpxx span, .cpxx b {color: #666666;}
.cpxx a {color: #000;}
.cpxx img, .cpxx iframe {max-width: 100%;}
.btn {padding-top: 10px;}
.btn a {display: inline-block;padding-left: 5px;padding-right: 5px;}
.btn a.btn1 {height: 37px;line-height: 37px;text-align: center;color: #333;-webkit-transition: 0.5s;-o-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;font-size: 18px;font-size: 1.8rem;border: 1px solid #333;}
.btn a.btn2 {margin-right: 15px;margin-left: 29px;}
.btn a.btn2.none:hover {border: 1px solid #333 !important;color: #333 !important;background: #fff !important;}
.btn a img {vertical-align: middle;}
.btn a.btn1:hover {background: #333;color: #fff;}
.share {padding-top: 16px;}
.share1 {display: inline-block;position: relative;top: -8px;padding-right: 10px;color: #666666;}
.share2 {display: inline-block;}
.chanpinx {line-height: 24px;padding-top: 3px;}
.chanpinx a {color: #000;}
.chanpinx img {max-width: 100%;}
.chanpinx iframe {max-width: 100%;}
.chanpinx table, .nex table, .cpxx table {width: 97%;border-collapse: collapse;line-height: 24px;}
.chanpinx tr td, .nex tr td, .cpxx tr td {line-height: 24px;padding: 2px;}
.table table {width: 100%;border-collapse: collapse;line-height: 22px;border: 1px solid #ccc;}
.table table tr td {padding: 3px;border: 1px solid #ccc;}
 @media screen and (max-width: 1000px) {
.table {width: 100%;overflow: scroll;}
.table table {width: 885px;}}
.des {font-size: 30px;font-size: 3rem;margin-top: 33px;background: url(../images/desxian.png) repeat-x center center;text-transform: uppercase;margin-bottom: 19px;font-family: 'OptimaLTStdBold';}
.des span, .des a {color: #333333;padding-right: 35px;background: #fff url(../images/desdian.png) no-repeat right center;}
.img980 {position: relative;margin: 0 auto;width: 100%;}
.img980 .prev, .img980 .next {position: absolute;display: block;width: 16px;height: 25px;top: 40%;color: #fff;text-align: center;line-height: 100px;}
.img980 .prev {left: 0;cursor: pointer;background: url("../images/sbs.png") no-repeat;}
.img980 .next {right: 0;cursor: pointer;background: url("../images/sbx.png") no-repeat;}
.img980 .img-list {position: relative;width: 90%;overflow: hidden;margin: 0 auto;}
.img980 .img-list ul {width: 10000%;}
.img980 .img-list li {float: left;display: inline;width: 0.31%;margin: 0 0.01%;position: relative;position: relative;text-align: center;}
.img980 .img-list li span, .img980 .img-list li a {color: #fff;display: block;border: 1px solid #dadada;}
.img980 .img-list li img {width: 100%;max-width: 390px;max-height: 390px;}
.img980 {display: none;}
.fyppart {position: relative;margin: 0 auto;width: 100%;padding-top: 5px;}
.fyppart .prev, .fyppart .next {display: inline-block;width: 24px;height: 24px;color: #fff;text-align: center;line-height: 100px;margin-left: 8px;}
.fyppart .prev {left: 0;cursor: pointer;background: url("../images/fyps.png") no-repeat;}
.fyppart .prev:hover {background: url("../images/fyps2.png") no-repeat;}
.fyppart .next {right: 0;cursor: pointer;background: url("../images/fypx.png") no-repeat;}
.fyppart .next:hover {background: url("../images/fypx2.png") no-repeat;}
.fyppart .img-list {position: relative;width: 100%;overflow: hidden;margin: 0 auto;}
.fyppart .img-list ul {width: 10000%;}
.fyppart .img-list li {float: left;display: inline;width: 270px;margin-right: 65px;position: relative;position: relative;text-align: center;}
.fyppart .img-list li span, .fyppart .img-list li a {display: block;}
.fyppart .img-list li img {width: 100%;max-width: 508px;max-height: 508px;}
.anniu {position: absolute;right: 0;top: -52px;background: #fff;width: 70px;text-align: right;z-index: 9999;}
 @media screen and (max-width: 1260px) {
.MagicZoomPup {background: rgba(0, 0, 0, 0) !important;}
.MagicZoomBigImageCont {display: none !important;}}
 @media screen and (max-width: 1219px) {
.fyppart .img-list li {margin-right: 30px;width: 228px;}}
 @media screen and (max-width: 999px) {
.img980 {display: block;}
.left-pro {display: none;}
.fyppart .img-list li {width: 0.23%;margin: 0 0.01%;}
.anniu {top: -42px;}
.content {padding-top: 20px;}}
 @media screen and (max-width: 767px) {
.des {font-size: 20px;font-size: 2rem;}
.btn {float: none;}
.share {float: none;}}
 @media screen and (max-width: 650px) {
.fyppart .img-list li {width: 0.313333%;}}
 @media screen and (max-width: 500px) {
.img980 .img-list li {width: 0.48%;}
.btn a {margin-bottom: 10px;}
.btn a.btn2 {margin-left: 0;margin-right: 0;}
.btn a.btn1 {margin-right: 10px;}
.fyppart .img-list li {width: 0.48%;}
.des span, .des a {padding-right: 17px;}}
 @media screen and (max-width: 400px) {
.des {background: none;}
.des span, .des a {background: none;}}
/***********  about1  **********/
.a1tu1 {padding-bottom: 36px;}
.a1tu1 img {width: 100%;max-width: 942px;max-height: 398px;}
.a1p1 {line-height: 24px;margin-bottom: 23px;font-size: 16px;}
.cy_part .xing input {width: 430px;height: 32px;line-height: 32px;padding-left: 11px;color: #333;border: 1px solid #ccc;color: #737572;}
.cy_part .xing {padding-left: 19px;margin-bottom: 13px;}
.cy_part .xing2 {background: url("../images/axing.png") no-repeat left 15px;}
.cy_part .textarea {width: 907px;padding-left: 13px;border: 1px solid #ccc;line-height: 37px;height: 131px;color: #737572;}
.cy_part .xing input.capt {width: 361px;height: 32px;line-height: 32px;padding-left: 13px;color: #737572;border: 1px solid #ccc;}
.cy_part .yzm {cursor: pointer;vertical-align: middle;margin-left: 51px;}
.cy_part .xing3 {display: inline-block;}
.cy_part .csub {width: 323px;height: 34px;text-align: center;text-align: center;background: #353944;color: #fff;float: right;cursor: pointer;line-height: 34px;text-transform: uppercase;font-size: 16px;font-size: 1.6rem;}
.cy_part .csub:hover {background: #333;}
 @media screen and (min-width: 1000px) and (max-width: 1219px) {
.cy_part .xing input {width: 330px;}
.cy_part .textarea {width: 711px;}
.cy_part .csub {width: 175px;}
.cy_part .xing input.capt {width: 330px;}
.cy_part .yzm {margin-left: 40px;}}
 @media screen and (max-width: 999px) {
.cy_part .textarea {width: -webkit-calc( 100% - 13px);width: -moz-calc( 100% - 13px);width: calc( 100% - 13px);}
.cy_part .zydiv {width: 100%;}
.cy_part .xing input {width: -webkit-calc( 100% - 13px);width: -moz-calc( 100% - 13px);width: calc( 100% - 13px);}
.cy_part .xing input.capt {width: 250px;}}
 @media screen and (max-width: 850px) {
.cy_part .csub {width: 100%;}}
 @media screen and (max-width: 699px) {
.cy_part .csub {width: 100%;}
.cy_part .xing3 {display: block;}
.cy_part .xing input.capt {width: -webkit-calc(100% - 13px);width: -moz-calc(100% - 13px);width: calc(100% - 13px);}
.cy_part .yzm {margin-bottom: 27px;margin-left: 14px;}}
 @media screen and (max-width: 420px) {
.cy_part .xing input.capt {width: 96%;}
.cy_part .xing3 {display: block;}
.cy_part .yzm {margin-bottom: 20px;margin-left: 15px;}}
/***********  about2  **********/
.a2list li {padding-bottom: 23px;border-bottom: 1px solid #c1c1c1;margin-bottom: 27px;}
.a2list li span {font-size: 18px;font-size: 1.8rem;font-family: 'OptimaLTStdBold';}
.a2list li p {font-size: 16px;font-size: 1.6rem;line-height: 24px;margin-top: 6px;}
.a2tu1 {padding-top: 28px;}
/**********  news1  **********/
.new1 .fwp {margin-bottom: 48px;position: relative;}
.new1 .swp {position: absolute;top: 0;left: 0;}
.new1 .swp a {display: block;width: 100%;margin: 0 auto;}
.new1 .swp a img {display: block;max-width: 320px;width: 100%;margin: 0 auto;}
.new1 .zi {padding-left: 360px;min-height: 212px;padding-right: 0px;}
.new1 .zi .time {padding-bottom: 8px;font-size: 14px;font-size: 1.4rem;line-height: 30px;color: #999999;margin-top: 4px;}
.new1 .zi .title {color: #333;display: block;padding-top: 24px;line-height: 24px;font-size: 20px;font-size: 2rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-family: 'OptimaLTStdBold';}
.new1 .zi .p {display: block;font-size: 16px;font-size: 1.6rem;color: #666666;line-height: 30px;height: 90px;overflow: hidden;}
.new1 .zi .title:hover {color: #000;}
.new1 .zi .p:hover {color: #000;}
.new1 .page {position: relative;margin: 69px auto 0;}
 @media screen and (max-width: 999px) {
.new1 .fwp {margin-bottom: 20px;}
.ms_ye a {margin-bottom: 10px;}}
 @media screen and (max-width: 700px) {
.new1 .swp {position: relative;top: 0;left: 0;}
.new1 .zi {padding-left: 0px;min-height: 236px;padding-right: 0px;padding-top: 10px;min-height: auto;}
.new1 .zi .title {padding-top: 10px;}
.new1 .page {margin: 20px auto 0;}
.new1 .zi .time {padding-bottom: 5px;}
.new1 .swp a img {display: inline-block;}
.new1 .fwp {text-align: center;margin-bottom: 30px;}
.new1 .fwp .time {float: none;}}
/**********  news2  **********/
.tech1 {text-align: center;font-size: 30px;font-size: 3rem;line-height: 30px;font-family: 'OptimaLTStdBold';}
.kejisj {text-align: center;margin-top: 16px;}
.kejisj span {padding-left: 21px;color: #666666;}
.nshare {text-align: center;margin-top: 12px;}
.nshare div {display: inline-block;}
.nshare1 {position: relative;top: -8px;color: #666666;padding-right: 5px;}
.nex {color: #666666;line-height: 30px;padding-top: 10px;margin-bottom: 28px;font-size: 16px;font-size: 1.6rem;}
.nex p, .nex li, .nex span, .nex b {color: #666666;}
.nex img, .nex iframe {max-width: 100%;}
.xwsx {line-height: 30px;padding-left: 7px;border: 1px solid #b9b9b9;padding-top: 10px;padding-bottom: 10px;}
.xwsx span {padding-left: 28px;display: inline-block;}
.xws {background: url(../images/msxws.jpg) no-repeat left center;}
.xwx {background: url(../images/msxwx.jpg) no-repeat left center;}
.xwsx a:hover {color: #888888;}
.xwsx a.none:hover {color: #333 !important;}
 @media screen and (max-width: 999px) {
.tech1 {font-size: 20px;font-size: 2rem;}}
/******** contact  *******/
.ditu img {width: 100%;max-width: 1200px;max-height: 415px;}
.ditu {padding-top: 78px;}
.m5 {min-height: 75px;}
.m5add {width: 23%; display:inline-block; vertical-align:top;background: url(../images/m5tu1.jpg) no-repeat left bottom;padding-left: 76px; box-sizing: border-box; margin-right: 1%; margin-left: 1%;}
.m5pho {width: 23%;display:inline-block; vertical-align:top;;background: url(../images/m5tu2.jpg) no-repeat left bottom;padding-left: 69px; box-sizing: border-box; margin-right: 1%; margin-left: 1%;}
.m5mai {width: 23%;display:inline-block; vertical-align:top;;background: url(../images/m5tu3.jpg) no-repeat left bottom;padding-left: 76px;margin-left: 20px; box-sizing: border-box; margin-right: 1%; margin-left: 1%;}
.m5fax {width: 23%;display:inline-block; vertical-align:top;;background: url(../images/m5tu4.jpg) no-repeat left 29px;padding-left: 85px;margin-left: 68px; box-sizing: border-box; margin-right: 1%; margin-left: 1%;}
.cmain5 a {display: block;font-size: 26px;font-size: 2.6rem;line-height: 22px;}
.m5add p {font-size: 16px;font-size: 1.6rem;line-height: 24px;}
.m5pho p {font-size: 16px;font-size: 1.6rem;line-height: 56px;}
.m5mai p a {display: block;font-size: 16px;font-size: 1.6rem;line-height: 56px;}
.m5fax p {display: block;font-size: 16px;font-size: 1.6rem;line-height: 56px;}
.m5 > a {display: block;font-size: 26px;font-size: 2.6rem;line-height: 30px;}
.m5 > p {font-size: 18px;font-size: 1.8rem;line-height: 24px;margin-top: 20px;}
.m5 > p > a:hover {color: #005ca2;}
 @media screen and (min-width: 1000px) and (max-width: 1219px) {
.m5add {width: 160px;}
.m5pho {margin-left: 10px;}
.m5mai {margin-left: 10px;}
.m5fax {width: 208px;}
.m5add {padding-left: 65px;}
.m5pho {padding-left: 65px;}
.m5mai {padding-left: 65px;}
.m5fax {padding-left: 60px;}
.contact {padding-bottom: 50px;}}
 @media screen and (max-width: 999px) {
.m5 {width: 30%;margin: 0 10px;float: left;padding-left: 75px;margin-bottom: 20px;}
.ditu {padding-top: 25px;}}
 @media screen and (max-width: 670px) {
.m5 {width: 70%;}}
 @media screen and (max-width: 400px) {
.m5 > a {font-size: 20px;font-size: 2rem;}
.m5 > p {font-size: 16px;font-size: 1.6rem;}}
.ccy_part {padding-bottom: 49px;}
.ccy_part .zydiv{ width:48%; margin-left:1%; margin-right:1%; float:left; box-sizing:border-box;}
.ccy_part .xing input {width: 100%; box-sizing:border-box;height: 41px;line-height: 41px;padding-left: 13px;color: #333;border: 1px solid #ccc;color: #737572;}
.ccy_part .xing {padding-left: 23px;margin-bottom: 18px; }
.ccy_part .xing2 {background: url("../images/axing.png") no-repeat left 18px;}
.ccy_part .textarea {width: 98%; box-sizing:border-box; margin-left:1%; margin-right:1%;

line-height: 37px;height: 168px;color: #737572;}
.ccy_part .textarea textarea {width: 100%; box-sizing:border-box; padding-left: 13px;border: 1px solid #ccc;line-height: 37px;height: 168px;color: #737572;}


.ccy_part .xing input.capt {width: 465px;height: 41px;line-height: 41px;padding-left: 13px;color: #737572;border: 1px solid #ccc;}
.ccy_part .yzm {cursor: pointer;vertical-align: middle;margin-left: 66px;}
.ccy_part .xing3 {display: inline-block; margin-left:1%}
.ccy_part .csub {width: 412px;height: 43px;text-align: center;text-align: center;background: #353944;color: #fff;float: right;cursor: pointer;line-height: 43px;text-transform: uppercase;font-size: 16px;font-size: 1.6rem;}
.ccy_part .csub:hover {background: #333;}
 @media screen and (min-width: 1000px) and (max-width: 1219px) {
.ccy_part .csub {width: 175px;}
.ccy_part .xing input.capt {width: 442px;}
.ccy_part .yzm {margin-left: 40px;}}
 @media screen and (max-width: 999px) {
.ccy_part .textarea {width: -webkit-calc( 100% - 13px);width: -moz-calc( 100% - 13px);width: calc(100% - 13px); margin-left:0px; margin-right:0px; box-sizing:border-box;}
.ccy_part .zydiv {width: 100%; margin-left:0px; margin-right:0px}
.ccy_part .xing input {width: -webkit-calc( 100% - 13px);width: -moz-calc( 100% - 13px);width: calc( 100% - 13px);}
.ccy_part .xing input.capt {width: 250px;}
.ccy_part .csub {width: 280px;}

.attachment {

    margin-left: 0% !important;
    width: 98%;
    box-sizing: border-box ;
}
.attachment .file-group{ float:none}
}
 @media screen and (max-width: 850px) {
.ccy_part .csub {width: 100%;}}
 @media screen and (max-width: 699px) {
.ccy_part .csub {width: 100%;}
.ccy_part .xing3 {display: block;}
.ccy_part .xing input.capt {width: -webkit-calc(100% - 13px);width: -moz-calc(100% - 13px);width: calc(100% - 13px);}
.ccy_part .yzm {margin-bottom: 27px;margin-left: 14px;}}
 @media screen and (max-width: 420px) {
.ccy_part .xing input.capt {width: 96%;}
.ccy_part .xing3 {display: block;}
.ccy_part .yzm {margin-bottom: 20px;margin-left: 15px;}}
/**********  down  **********/
.downbox {position: relative;padding-bottom: 40px;background: url("../images/downxu.png") repeat-x left bottom;margin-bottom: 31px;}
.dtu {position: absolute;left: 0;top: 8px;}
.dnr {padding-left: 83px;padding-right: 170px;}
.da1 {display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 18px;font-size: 1.8rem;line-height: 30px;font-family: 'OptimaLTStdBold';}
.da2 {display: block;line-height: 30px;margin-top: 5px;height: 60px;overflow: hidden;font-size: 16px;font-size: 1.6rem;}
.dbtn {display: block;width: 112px;height: 40px;line-height: 40px;padding-left: 29px;text-align: center;border: 1px solid #333333;background: url("../images/down1.png") no-repeat 21px center;position: absolute;right: 0;bottom: 65px;color: #333333;}
.da1:hover {color: #000;}
.da2:hover {color: #000;}
.dbtn:hover {background: #333 url("../images/down2.png") no-repeat 21px center;color: #fff;}
.download .ms_ye {margin-top: 87px;}
 @media screen and (max-width: 639px) {
.dnr {padding-right: 0;}
.downbox {padding-bottom: 75px;}
.dbtn {bottom: 15px;}
.da2 {font-size: 14px;font-size: 1.4rem;}}
 @media screen and (max-width: 400px) {
.dnr {padding-left: 0;padding-top: 85px;}
.downbox {margin-bottom: 15px;}}
.yiji {position: absolute;z-index: 9999;width: 220px;background: #fff;top: -9999px;left: 50%;margin-left: -95px;padding-bottom: 4px;padding-top: 12px;}
.yiji li {position: relative;margin-bottom: 8px;}
.yiji li a {display: block;color: #333333;line-height: 25px;padding-left: 10px;padding-right: 10px;font-size: 18px;font-size: 1.8rem;margin: 0 6px;text-align: center;}
.yiji li:hover > a {background: #333;color: #fff;}
.erji {position: absolute;left: 100%;top: -999px;width: 220px;background: #fff;padding-top: 12px;padding-bottom: 4px;}
.navlist > li:hover .yiji {top: 100%;}
.yiji > li:hover .erji {top: -12px;}
.sanji {position: absolute;left: 100%;top: -999px;width: 220px;background: #fff;padding-top: 12px;padding-bottom: 4px;}
.erji > li:hover .sanji {top: -12px;}
 @media screen and (max-width: 999px) {
.yiji {display: none;}}
/**********************  ce  ************************/
.ce {position: fixed;top: 35%;z-index: 99999;width: 88px;background: #fff;right: 0px;border-radius: 45px;padding-top: 32px;border: 1px solid #333;padding-bottom: 31px;}
.ce li {height: 72px;margin: 0 11px;border-bottom: 1px solid #333;text-align: center;}
.ce li.noborder {border: none;}
.ce li span {display: block;margin-top: 7px;font-size: 16px;font-size: 1.6rem;}
.ce li img {margin-top: 9px;}
.ce li:hover span {color: #000;}
 @media screen and (max-width: 767px) {
.ce {bottom: 0;top: auto;width: 100%;padding: 0;border-radius: 0;right: 0;border: none;}
.ce li {border: none;float: left;width: 33.333%;margin: 0;}
.bottom {padding-bottom: 44px;}}
/* 弹框 */
.pfbd {position: fixed;
*position: absolute;left: -244px;z-index: 9999;width: 244px;height: 315px;top: 45%;background-color: #FFFFFF;background: #eee;}
.pfbg-tip {width: 43px;height: 105px;position: absolute;top: 50%;margin-top: -48px;background: url(../images/web1.png) no-repeat center;right: -33px;z-index: 99999;cursor: pointer;}
.pfbd-close {width: 19px;height: 19px;display: inline-block;background: url(../images/web2.png) no-repeat center;position: absolute;top: 17px;right: 11px;cursor: pointer;z-index: 98;}
.pfbd-hd {position: relative;padding-top: 13px;padding-bottom: 9px;line-height: 24px;text-align: center;color: #FFFFFF;font-size: 18px;font-size: 1.8rem;}
.pfbd-hd img {vertical-align: middle;margin-top: -4px;}
.pfbd-bd {padding-left: 18px;margin-left: 14px;padding-right: 12px;margin-right: 15px;padding-top: 2px;padding-bottom: 13px;position: relative;z-index: 99;background-color: #FFFFFF;}
.pfbd-desc {padding-top: 7px;line-height: 26px;font-size: 14px;font-size: 1.4rem;color: #3d3d3d;}
.pfbd-form {margin-top: 8px;background: #fff;}
.pfbd-form-text {margin-bottom: 7px;padding-left: 10px;padding-right: 10px;width: 100%;height: 33px;line-height: 30px;font-size: 14px;font-size: 1.4rem;color: #333;border: solid 1px #999;border-radius: 6px;background-color: #FFF;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.pfbd-form-btn {width: 100%;height: 33px;line-height: 31px;font-size: 14px;font-size: 1.4rem;border-radius: 0px;text-transform: uppercase;color: #fff;background-color: #333;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;cursor: pointer;}
.pfbd-form-img {margin-bottom: 8px;display: block;float: left;}
.pfbd-form-img img {display: block;}
.pfbd-form-text-3 {height: 79px;line-height: 79px / 4;background-color: white;margin-bottom: 3px;}
.pfbd-form-text-4 {margin-bottom: 8px;padding-left: 6px;background-color: white;width: 90px;float: right;border-radius: 0;height: 31px;}
 @media screen and (max-width: 767px) {
.pfbd {display: none;}}
.hdtop {position: fixed;right: 20px;bottom: -100px;-webkit-transition: 1s;-o-transition: 1s;-moz-transition: 1s;transition: 1s;cursor: pointer;z-index: 99999;}
 @media screen and (max-width: 400px) {
.hdtop img {width: 30px;}}
/***********  service  ************/
.spart1 .adabt {text-align: center;font-size: 36px;font-size: 3.6rem;font-weight: bold;text-transform: uppercase;margin-bottom: 50px;}
.yuanlist {margin-top: 23px;margin-bottom: 50px;}
.yuanlist li {width: 320px;text-align: center;float: left;margin-left: 120px;}
.yuanlist li a {display: inline-block;width: 253px;height: 253px;border-radius: 50%;overflow: hidden;border: 4px solid #333;}
.yuanlist li a img {display: block;width: 100%;max-width: 253px;max-height: 253px;}
.yuanlist li p {font-size: 20px;font-size: 2rem;font-family: Verdana, Geneva, Tahoma, sans-serif;line-height: 26px;margin-top: 22px;}
.shui {background: #f6f6f6;margin-bottom: 54px;}
.shuizuo img {display: block;width: 100%;max-width: 624px;max-height: 416px;}
.shuiyou {width: 535px;padding-top: 74px;}
.shuiyou img {margin-bottom: 32px;}
.shuiyou p {font-size: 24px;font-size: 2.4rem;color: #555555;line-height: 48px;}
/*# sourceMappingURL=index.css.map */


.at-resp-share-element .at-icon {width: 24px!important;height: 24px!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: 24px!important;}
.at-resp-share-element .at-share-btn {margin-bottom: 0!important;margin-right: 3px!important;}
 @media screen and (max-width: 999px) {
.cy_part .xing {float: none;}}
.cy_part {margin-top: 15px;}
.box1 .m5 {margin-bottom: 20px;}
/*.box1 .m5add {width: 382px;}
.box1 .m5mai {margin-left: 0;width: 382px;}
.box1 .m5pho {width: 394px;}
.box1 .m5fax {width: 388px;float: left;}
 @media screen and (max-width: 550px) {
.box1 .m5add {width: 80%;}
.box1 .m5mai {margin-left: 0;width: 80%;}
.box1 .m5pho {width: 80%;}
.box1 .m5fax {width: 80%;float: left;}}
*/

.contact {margin-bottom: 80px;margin-top: 7px;}
.c_bottom {margin-top: 0px;margin: 0 auto;max-width: 660px;}
.c_top {float: right;max-width: 450px;width: 450px;margin-top: 47px;}
.c_top ul li.li2 {margin-top: 57px;}
.c_top ul li .title {font-size: 20px;font-size: 2rem;font-family: Arial, Helvetica, sans-serif;margin-bottom: 9px;}
.c_top ul li .div dl {float: left;width: 165px;}
.c_top ul li .div dl dd {font-size: 16px;font-size: 1.6rem;color: #333;line-height: 36px;-ms-box-sizing: border-box;-o-box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.c_top ul li .div dl dd a {font-size: 16px;font-size: 1.6rem;color: #333;line-height: 36px;}
.c_top ul li .div dl dd a:hover {color: #e62129;}
.c_top ul li .div dl.dl2 {margin-left: 120px;}
.c_xp {float: left;width: 100%;margin-top: 60px;margin-bottom: 90px;}
.c_xp_title {margin-top: 8px;font-size: 30px;font-size: 3rem;color: #333;font-weight: bold;text-align: center;}
.c_xp_msg {padding-left: 0px;font-size: 14px;font-size: 1.4rem;color: #666;line-height: 30px;margin: 9px auto 20px;max-width: 660px;text-align: center;}
/*.c_div1{ padding-bottom:23px; }
.c_div2{ padding-bottom:23px; }
.c_div3{ padding-bottom:26px; }*/
.c_nr1 {padding-bottom: 23px;}
.c_bt1 {text-indent: -1px;color: #ff0000;font-size: 20px;font-size: 2rem;width: 14px;padding-left: 0px;float: left;height: 30px;line-height: 30px;margin-top: 17px;}
.c_div3 .c_bt1 {margin-top: 11px;}
.c_input, .c_input2, .c_textarea, .c_captcha {text-indent: 12px;float: left;border: solid 1px #d2d2d2;color: #a6a6a6;font-size: 14px;font-size: 1.4rem;background: #fff;}
.c_input, .c_input2, .c_captcha {height: 52px;line-height: 50px;}
.c_input {width: 309px;}
.c_input2 {width: 638px;}
.c_textarea {width: 644px;float: left;line-height: 26px;height: 104px;padding-top: 6px;font-family: Arial, Helvetica, sans-serif;margin-bottom: 26px;}
.c_captcha {width: 175px;}
.c_yzm {float: left;cursor: pointer;margin-left: 22px;}
.c_send {float: right;cursor: pointer; /*margin-left:34px;*/
	font-family: Arial, Helvetica, sans-serif;width: 246px;height: 54px;line-height: 52px;text-align: center;color: #fff;background: #e62129;font-size: 18px;font-size: 1.8rem;margin-top: 1px;}
.c_top ul li .div dl dd {padding-left: 19px;}
.contact .map {margin-top: 59px;}
.contact .map img {display: block;max-width: 100%;}
 @media screen and (max-width:1219px) {
.c_top ul li .div dl.dl2 {margin-left: 0;}
.c_xp {width: 100%;}
.c_nr1 {width: 48%;}
.c_input {width: 90%;}
.c_top {width: 300px;}
.c_input2, .c_textarea {width: 95%;}
.c_send {margin-left: 15px;float: left;margin-top: 20px;width: 95%;}}
@media screen and (max-width:999px) {
.contact {margin-bottom: 30px;}
.contact .map {margin-top: 20px;}
.c_xp {margin: 0 auto;}
.c_top {margin: 0 auto;}
.c_top ul li .div dl.dl2 {margin-left: 120px;}
.c_bottom {width: 100%;float: none;}
.c_top {width: 100%;float: none;margin-top: 30px;}
.c_lx1 {width: 100%;margin-bottom: 20px;}
.c_lx2, .c_lx3 {width: 50%;}
.c_lx1 .c_lx_right {width: 85% !important;}
.c_map {width: 100%;float: none;margin: 0 auto;text-align: center;}
.c_xp {float: none;width: 100%;max-width: 800px;margin-top: 0px;}
.c_xp_title {text-align: center;}
.c_captcha {width: 250px;}
.c_send {float: left;margin-left: 14px;}}
@media screen and (max-width:879px) {
.c_send {margin-left: 15px;width: 95%;margin-top: 20px;}
.c_lx {margin-top: 30px;}}
@media screen and (max-width:819px) {
.c_lx_nr {width: 100%;float: none;}
.c_lx_right, .c_lx1 .c_lx_right {width: 80% !important;}
.c_lx1 .c_lx_pic, .c_lx2 .c_lx_pic, .c_lx3 .c_lx_pic {width: 90px;}}
@media screen and (max-width:579px) {
.c_div1 {padding-bottom: 0px;}
.c_div2, .c_div3 {padding-bottom: 15px;}
.c_nr1 {float: none;width: 100%;padding-bottom: 15px;}
.c_input, .c_input2, .c_textarea, .c_captcha, .c_send {width: 90%;}
.c_yzm {margin-top: 15px;margin-left: 15px;}
.c_input, .c_input2, .c_captcha, .c_send {height: 40px;line-height: 38px;}
.c_bt1 {margin-top: 0px;line-height: 40px;height: 40px;}
.c_title {font-size: 30px;font-size: 3rem;line-height: 38px;}
.c_msg {margin-top: 10px;}}
@media screen and (max-width:519px) {
.c_lx_right, .c_lx1 .c_lx_right {width: 75% !important;}
.c_top ul li .div dl.dl2 {margin-left: 0px;float: right;}
.c_top ul li .div dl {float: left;}}
@media screen and (max-width:360px) {
.c_top ul li .div dl.dl2 {margin-left: 0px;}
.c_top ul li .div dl {float: none!important;;}}
@media screen and (max-width:439px) {
.c_lx_pic {width: 100%;text-align: center;margin: 0 auto;float: none;}
.c_lx_right, .c_lx1 .c_lx_right {float: none;width: 100% !important;text-align: center;}}
/* slide-tags start*/
.slide-tags {margin: 50px 0 0;}
.slide-tags.slide-tagspro2 {margin: 30px 0 30px;}
.slide-tags .box-title {font-size: 24px;font-size: 2.4rem;margin-bottom: 20px;}
.slide-tags .box-list a {float: left;line-height: 30px;margin-right: 30px;font-size: 16px;font-size: 1.6rem;border: 1px solid #333;padding: 0 5px;margin-bottom: 10px;}
.slide-tags .box-list a:hover {color: #fff;background: #333;}
/* slide-tags start*/

/* sousuoye */
.pro1-top {margin-bottom: 20px;}
.pro1-top .item-title {font-weight: bold;font-size: 24px;font-size: 2.4rem;border-bottom: solid 1px #ccc;color: #333;line-height: 30px;padding: 0 0 10px;text-transform: uppercase;}
.pro1-top .item-desc {line-height: 30px;padding: 10px 0;font-size: 16px;font-size: 1.6rem;}
 @media only screen and (max-width: 767px) {
.pro1-top .item-title {font-size: 20px;font-size: 2rem;line-height: 24px;}
.pro1-top .item-desc {line-height: 24px;font-size: 14px;font-size: 1.4rem;}}
.abwenben {line-height: 30px; font-size: 16px; letter-spacing: 0;}












#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%}
 .baguetteBox-button#previous-button{left:2%}
 .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)}}

/*  main6  */
.main6{ padding-bottom:75px; padding-top:50px;}
.main6 .m2a{ text-align:center;}
.m6n{ font-size:0px; padding-top:20px;}
.m6n:after{ content:""; clear:both; display:block;}
.m6lie{ width:22.66%; display:inline-block; vertical-align:top; *float:left; margin-left:2.78%; margin-top:25px;}
.m6tu{ display:block; padding-bottom:100%; position:relative;}
.m6tu img{ position:absolute; max-width:100%; max-height:100%; left:50%; top:50%; transform:translate(-50%,-50%);}
.m6zi{ display:block; font-size:16px; font-size:1.6rem; text-align:center; line-height:30px; margin-top:11px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}

@media screen and (max-width:999px) {
.main6{ padding-bottom:35px;}
.m6zi{ font-size:14px; font-size:1.4rem; line-height:24px;}
}
@media screen and (max-width:669px) {
.main6{ padding-top:33px; padding-bottom:35px;}
.m6lie{ width:48%; margin-left:1% !important; margin-right:1%;}
.m6zi{ font-size:12px; font-size:1.2rem; line-height:22px; margin-top:6px;}
}

/*  main7  */
.main7{ padding-top:50px; padding-bottom:80px;}
.m7n{ margin-top:20px;}
.m7lie{ background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.2); padding:40px; padding-bottom:32px; margin-top:30px;}
.m7a{ font-size:18px; font-size:1.8rem; line-height:24px; font-weight:bold; position:relative; padding-left:41px;}
.m7a a{ display:block;}
.m7a em{ font-style:normal; font-size:26px; font-size:2.6rem; position:absolute; left:0px; top:0px;}
.m7p{ color: #666666; font-size:16px; font-size:1.6rem; line-height:32px; margin-top:7px;}
.m7p p{color: #666666; position:relative; padding-left:41px;}
.m7p p a{ color:#666; display:block;}
.m7p p strong{ font-style:normal; font-size:26px; font-size:2.6rem; position:absolute; left:0px; top:-3px; color:#333;}

.main8{ padding-top:30px; padding-bottom:50px;}
.m8n{ padding-top:50px;}

@media screen and (max-width:999px) {
.main7{ padding-top:30px; padding-bottom:20px;}
.m7lie{ padding:20px; margin-top:20px;}
.m7a{ font-size:16px; font-size:1.6rem; padding-left:35px;}
.m7a em{ font-size:20px; font-size:2rem;}
.m7p{ font-size:14px; font-size:1.4rem; line-height:26px; margin-top:7px;}
.m7p p{ padding-left:35px;}
.m7p p strong{ font-size:20px; font-size:2rem;}
.main8{ padding-top:20px; padding-bottom:30px;}
.m8n{ padding-top:20px;}
}
@media screen and (max-width:767px) {
.main7{ padding-top:30px; padding-bottom:20px;}
.m7lie{ padding:20px; margin-top:20px;}
.m7a{ font-size:14px; font-size:1.4rem; padding-left:30px;}
.m7a em{ font-size:18px; font-size:1.8rem;}
.m7p{ font-size:12px; font-size:1.2rem; line-height:22px; margin-top:7px;}
.m7p p{ padding-left:30px;}
.m7p p strong{ font-size:18px; font-size:1.8rem;}
}

/*  main7
.main7{ padding-bottom:50px; padding-top:40px;}
.main7 .m2a,.main8 .m2a{ text-align:center;}
.m7n{ margin-top:20px;}
.m7n:after{ content:""; clear:both; display:block;}
.m7lie{ background:#fff; border:2px solid #ff7e0e; border-radius:50px 0 50px 0; padding:40px; padding-bottom:32px; margin-top:30px;}
.m7a{ font-size:18px; font-size:1.8rem; line-height:24px; font-weight:bold; position:relative;}
.m7a a{ display:block;}
.m7a em{ font-style:normal; font-size:26px; font-size:2.6rem; position:absolute; left:0px; top:0px;}
.m7p{ color: #666666; font-size:16px; font-size:1.6rem; line-height:32px; margin-top:7px;}
.m7p p{color: #666666; position:relative;}
.m7p p a{ color:#666; display:block;}
.m7p p strong{ font-style:normal; font-size:26px; font-size:2.6rem; position:absolute; left:0px; top:-3px; color:#333;}
.m7n a:hover{ color:#ff7e0e;}


.main8{ padding-bottom:100px; padding-top:50px;  background:url(../images/m1bei.jpg) no-repeat center; background-size:cover !important; background-attachment:fixed !important ; position:relative !important;}
.m8n{ padding-top:50px;}
.m8n:after{ content:""; clear:both; display:block;}
.main8 a:hover{}

@media screen and (max-width:999px) {
.main7{ padding-bottom:20px;}
.m7lie{ padding:20px; margin-top:20px;}
.m7a{ font-size:16px; font-size:1.6rem;}
.m7a em{ font-size:20px; font-size:2rem;}
.m7p{ font-size:14px; font-size:1.4rem; line-height:26px; margin-top:7px;}
.m7p p{}
.m7p p strong{ font-size:20px; font-size:2rem;}
.main8{ padding-top:20px; padding-bottom:30px;}
.m8n{ padding-top:10px;}
}
@media screen and (max-width:767px) {
.main7{ padding-top:30px; padding-bottom:20px;}
.m7lie{ padding:20px; margin-top:20px;}
.m7a{ font-size:14px; font-size:1.4rem;}
.m7a em{ font-size:18px; font-size:1.8rem;}
.m7p{ font-size:12px; font-size:1.2rem; line-height:22px; margin-top:7px;}
.m7p p{}
.m7p p strong{ font-size:18px; font-size:1.8rem;}
}*/

.main12{}
.main12 .m1tu{ float:right;}
.main12 .m1zi{ float:left;}
.m1tun{ position:relative;}
.m1tun iframe,.m1tun video{ position:absolute; width:100%; height:100%; left:0px; top:0px;}


.attribute{font-size: 16px; margin-top:50px;}
.attribute .box{margin-top: 20px;}
.attribute .name span{display: inline-block;color: #333; transition:0.5s;}
.attribute .name{ line-height: 36px; padding:10px; padding-right:30px; background:#eaeaea; box-sizing: border-box;cursor: pointer;color: #333;margin-bottom: 5px;position: relative; transition:0.5s;}

.attribute .name i{color: #999999;position: absolute;right: 10px;top:50%; margin-top:-10px; line-height:20px; font-size:12px; font-size:1.2rem; transition:0.5s;}
.attribute .name.active{ background:#333;}
.attribute .name.active span{color: #fff;}
.attribute .name.active i{ transform:rotate(180deg); color:#fff;}
.attribute .item-box{ box-sizing: border-box;/*max-height: 180px;overflow-y: auto;*/display: none;cursor: pointer;}
.attribute .item-box label{ display:block; cursor:pointer;}
.attribute .item-box>div{color: #666f66; background:#eaeaea; padding:20px; margin-bottom:5px; position:relative;}
.attribute .item-box p input{}
.attribute .item-box div span{overflow-y: hidden;display: inline-block;vertical-align: middle;max-height: 24px;font-size:16px;font-size:1.6rem;color: #1f1e19;}
.attribute .check-box-div{position:absolute !important; right:20px;top: 50%; transform:translateY(-50%)}
.attribute .check-box-div .icon{font-size: 18px}
.attribute .item-box.active{display: block}


/********************************************  video  ***********************************************/
.vimain{ padding-bottom:90px; padding-top:30px;}
.vilie{ position:relative; background:#fff; border: solid 1px #e5e5e5; padding:28px 40px; min-height:327px; margin-top:30px; -moz-box-sizing: border-box; box-sizing: border-box; }
.vitu2{ display:block; width:375px; position:absolute; left:40px; top:28px; cursor:pointer;}
.vitu2 img{ width:100%;}
.vitu2 iframe{ position: absolute; width:375px; height:281px; left:0px; top:0px;}
.vizi{ margin-left:435px; line-height:271px;}
.vizin{ display:inline-block; width:100%; vertical-align:middle;}
.via{ display:block; font-size:26px; font-size:2.6rem; font-weight:bold; line-height:32px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.vip{ display:block; color: #666666; font-size:16px; font-size:1.6rem; line-height:30px; color: #666666; max-height:120px; overflow:hidden; margin-top:20px;}
.vip p{ color:#666;}

.tankaung{ position:fixed; width:100%; height:100%; left:0px; top:0px; background:#000; background:rgba(0,0,0,0.5); display:none; z-index:9999999999}
/*.tankaungn{ position:fixed; left:50%; top:0px; transform:translateX(-50%); width:50%; height:100%; overflow:auto;}
.tankaungn2{position:fixed; top:50%; transform:translateY(-50%); left:0px; width:100%; padding-bottom:75%;height: 0; max-height:100%; background:#fff;}*/
.tankaungn2{position:fixed; left:5%; top:5%; right:5%; bottom:5%;}

.tankaungn2 iframe,.tankaungn2 video {  position: absolute; top:0; left: 0; width: 100%; height: 100%; border:none;}
.tankaungn2 iframe body{ margin:0px !important;}

.famain{ padding-top:30px; padding-bottom:90px;}
.famain .ms_ye,.vimain .ms_ye,.cemain .ms_ye{ margin-top:50px;}

@media screen and (max-width: 999px) {
.famain{ padding-top:30px; padding-bottom:30px;}
.vimain{ padding-bottom:40px; padding-top:30px;}
.vilie{ border:none; background:none; min-height:109px; padding:0px;}
.vitu2{ left:0px; top:0px; width:150px;}
.vizi{ margin-left:160px; line-height:none;}
.vizin{ display:block;}
.via{ font-size:18px; font-size:1.8rem; line-height:26px;}
.vip{ font-size:14px; font-size:1.4rem; line-height:24px; max-height:72px; overflow:hidden; margin-top:10px;}
}
@media screen and (max-width: 767px) {
.vilie{ min-height:87px;}
.vitu2{ width:120px;}
.vizi{ margin-left:130px;}
.via{ font-size:14px; font-size:1.4rem; line-height:22px;}
.vip{ font-size:12px; font-size:1.2rem; line-height:22px; max-height:44px;}
.tankaungn2{position:fixed; left:5%; top:15%; right:5%; bottom:15%;}
}

/********************************************  certificate  ***********************************************/
.cemain{ padding-top:30px; padding-bottom:90px; font-size:0px; font-size:0rem;}
.cemain .m6lie{ width:22.7%; display:inline-block; vertical-align:top; margin-left:3.066%; margin-top:20px;}
.m6fu{ position:absolute; width:100%; height:100%; left:0px; top:0px; background:#000; background:rgba(0,0,0,0.4); opacity:0; transition:0.5s;}
.m6fu i{ display:block; position:absolute; color:#ffffff; width:30px; line-height:30px; left:50%; top:50%; margin-left:-15px; margin-top:-15px; font-size:24px;}
.m6lie:hover .m6fu{ opacity:1;}
@media screen and (max-width: 999px) {
.cemain{ padding-top:10px; padding-bottom:30px;}
.m6fu{ display:none}
.cemain .m6lie{ width:31.33%; margin-left:1% !important; margin-right:1%;}
.cemain .m6zi{ color:#333}
}
@media screen and (max-width: 767px) {
.cemain .m6lie{ width:31.33%;}
}
@media screen and (max-width: 499px) {
.cemain .m6lie{ width:48%; margin-top:20px;}
}


.hop a{ display:block; text-align:left; color: #666666; font-size:14px; font-size:1.4rem; line-height:21px; height:42px; overflow:hidden; margin-top:8px;}
.horiqi{ display:block; text-align:left; font-size:12px; font-size:1.2rem; color:#666; margin-top:5px;}

/*  product2  */
.prat{ margin-top:53px;}
.atbiao{color: #202020; font-size:20px; font-size:2rem; line-height:30px; text-transform:uppercase;}
.atn{ position:relative; padding-left:50px; margin-top:8px;}
.atsp{ position:absolute; display:block; left:0px; top:0px; color: #000000; font-size:16px; font-size:1.6rem; line-height:30px;}
.atn label{ display:inline-block; vertical-align:middle; margin-right:10px; color: #999999; font-size:14px; font-size:1.4rem; line-height:30px; cursor:pointer;}
.atn span{ display:inline-block; vertical-align:middle; margin-right:10px; color: #999999; font-size:14px; font-size:1.4rem; line-height:30px}


/*  news2  */
.nefor{ text-align:center; display:block;}
.nefor p{ display:inline-block; vertical-align:middle; font-size:14px; font-size:1.4rem; line-height:24px; margin:0 10px;}
.nefor p strong{}
.nefor p em{ color:#999}

/*  about  */
.attachment { padding-left:24px; margin-bottom:20px; margin-left:1%;}
.attachment.xing{background: url("../images/axing.png") no-repeat left 36px;}
.attachment span{float: left;}
.attachment #file-name{padding: 0 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.attachment .file-group{float: left; margin: 20px 0 0 0px; width: 20%; height: 45px; position: relative; overflow: hidden;}
.attachment .file-group .file-btn{ width: 100%;  height: 100%; background-color: #353944; border:1px solid #353944; color: #FFFFFF; font-size:16px; font-size:1.6rem; transition:0.5s;}
.attachment .file-group .file-single{ width: 100%; height: 100%; opacity: 0; cursor: pointer; position: absolute; left: 0; top: 0; z-index: 111;}
.attachment .file-group .file{ width: 100%; height: 100%; opacity: 0; cursor: pointer; position: absolute; left: 0; top: 0; z-index: 111;}
.attachment .file-name-p{  height: 59px; align-items: flex-end;line-height: 81px}
.attachment .file-name-p i{ cursor: pointer;}
.attachment .file-name-p span{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.attachment .file-group:hover .file-btn{ background-color:#333; border-color:#333;}

@media screen and (max-width: 999px) {
.attachment .file-group{ width:100%;}
}

.ynav{ /*position:absolute; right:0px; top:8px;*/ position:relative; float:right; margin-top:30px; margin-right:10px; padding-bottom:10px; padding-left:10px; z-index:9999; cursor:pointer;}
.yvnava{ width:32px; height:28px; background:#fff; position:relative; border-radius:5px;}
.ysp1{ display:block; width:20px; height:2px; background:#333; position:absolute; left:6px; top:50%; margin-top:-8px;}
.ysp2{ display:block; width:13px; height:2px; background:#333; margin:3px 0; position:absolute; left:6px; top:50%; margin-top:-1px;}
.ysp3{ display:block; width:20px; height:2px; background:#333; position:absolute; left:6px; top:50%; margin-top:6px;}

.yyiji{ position:absolute; right:0px; top:34px; width: 200px; border: solid 1px #d9d9d9; border-bottom:none; background:#fff; display:none}
.yyiji li{ position:relative;}
.yyiji li a{text-transform: uppercase; display:block; border-bottom: solid 1px #d9d9d9; font-size:16px; font-size:1.6rem; font-weight:bold; line-height:26px; padding:6px 9px;}
.yyiji li a:hover{ background:#000; color:#fff;}
.yerji{ position:absolute; right:100%; top:0px; width: 200px; border: solid 1px #d9d9d9; border-bottom:none; background:#fff; display:none}
.ynav:hover .yyiji{ display:block;}
.yyiji li:hover .yerji{ display:block;}

.ynav .dangqiandao>a{ background:#000; color:#fff !important;}
.honen{ padding-top:50px;}
@media screen and (max-width: 999px) {
.ynav{ display:none}
.honen{ padding-top:30px;}
}

.syryou{ position:relative;}
.syryou iframe,.syryou video{ position:absolute; width:100%; height:100%; left:0px; top:0px;}




.zoomPad{position:relative; float:left; z-index:99; cursor:crosshair; }
.zoomPreload{-moz-opacity:0.8; opacity: 0.8; filter: alpha(opacity = 80); color: #333; font-size: 12px; font-family: Tahoma; text-decoration: none; border: 1px solid #CCC; background-color: white; padding: 8px; text-align:center; background-image: url(../images/zoomloader.gif); background-repeat: no-repeat; background-position: 43px 30px; z-index:110; width:90px; height:43px; position:absolute; top:0px; left:0px; * width:100px; * height:49px; }
.zoomPup{overflow:hidden; background-color: #FFF; -moz-opacity:0.6; opacity: 0.6; filter: alpha(opacity = 60); z-index:120; position:absolute; border:1px solid #CCC; z-index:101; cursor:crosshair; }
.zoomOverlay{position:absolute; left:0px; top:0px; background:#FFF;	z-index:5000; width:100%; height:100%; display:none; z-index:101; }
.zoomWindow{position:absolute; left:110%; top:40px; background:#FFF; z-index:6000; height:auto; z-index:10000; z-index:110; }
.zoomWrapper{position:relative; border:1px solid #999; z-index:110; }
.zoomWrapperTitle{display:block; background:#999; color:#FFF; height:18px; line-height:18px; width:100%; overflow:hidden; text-align:center; font-size:10px; position:absolute; top:0px; left:0px; z-index:120; -moz-opacity:0.6; opacity: 0.6; filter: alpha(opacity = 60); }
.zoomWrapperImage{display:block; position:relative; overflow:hidden; z-index:110; }
.zoomWrapperImage img{border:0px; display:block; position:absolute; z-index:101; }
.zoomIframe{z-index: -1; filter:alpha(opacity=0); -moz-opacity: 0.80; opacity: 0.80; position:absolute; display:block; }

.m-propic { margin:0 auto 0; width: 664px; margin-bottom:30px;}
.m-propic .pic-big { position: relative; float: left;  width:508px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border:1px solid #dadada; z-index:9}
.m-propic .big-img { display: block; line-height: 0; font-size: 0;}
.m-propic .big-img .zoomPad { float: none; z-index: 8; }
.m-propic .zoomWrapperImage img { max-width: 1200px; z-index:99}
.m-propic .pic-small { position: relative; float: right; width: 148px; padding-top:25px; padding-bottom:25px; overflow: hidden; z-index:1}
.m-propic .pic-btn { position: absolute; margin: 0 auto; right: 0; display: block; width:135px; height:17px; margin-left:13px; cursor: pointer; border-radius:3px; z-index:9}
.m-propic .pic-btn.prev { top: 0px; background: url(../images/top.png) no-repeat center;}
.m-propic .pic-btn.next { bottom: 0px; background: url(../images/bottom.png) no-repeat center; }
.m-propic .pic-btn.prev:hover { background: url(../images/topon.png) no-repeat center;}
.m-propic .pic-btn.next:hover { background:url(../images/bottomon.png) no-repeat center; }

.m-propic .pic-list { height: 420px; overflow: hidden;}
.m-propic .pic-list ul { height: 2000px;}
.m-propic .list-item { margin-bottom:6px;  padding-left:13px; position:relative; transition:0.5s;}
.m-propic .item-pics,.m-propic .pic-list .item-video { display: block; border:1px solid #e0e0e0; position:relative;}
.m-propic .item-pics:before,.m-propic .pic-list .item-video:before{ content:""; position:absolute; width:8px; height:15px; background:url(../images/zhizhen.png) no-repeat center left; left:0px; top:50%; margin-top:-7px; z-index:-1}
.m-propic .item-pics img,.m-propic .pic-list .item-video img { width: 100%;display: block; transition:0.3s;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s; }
.m-propic .item-pics:hover {}
.m-propic .item-pics.zoomThumbActive { border:1px solid #2f609e;}
.m-propic .item-pics.zoomThumbActive:before,.m-propic .item-video.active:before{ left:-8px;}
.m-propic2 { display: none; }

.m-propic .provideo-box { border: 1px solid #ccc; border-radius: 0; width: 100%; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 9; }
.m-propic .provideo-box .provideo { position: relative; overflow: hidden; padding-bottom: 100%; height: 0; }
.m-propic .provideo-box .provideo iframe, .pro2-box .m-propic .provideo-box .provideo video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }
.m-propic .provideo-box .provideo iframe body { margin: 0px !important; }

.m-propic .list-item:hover{background: url(../images/youjt.png) no-repeat left center;}
.m-propic .item-pics:hover, .m-propic .item-pics.active,
.m-propic .item-video:hover, .m-propic .item-video.active { border-color: #333; }



@media screen and (max-width:999px){
.m-propic1 { display: none; }
.m-propic2 { position: relative; display: block; overflow: hidden; width: 100%; padding-left: 30px; padding-right: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float:none; }
.m-propic2 .box-btn { position: absolute; top: 50%; margin-top: -12px; display: block; width: 24px; height: 24px; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; }
.m-propic2 .box-btn.prev { left: 0; background: url(../images/fyps.png) no-repeat left center; }
.m-propic2 .box-btn.next { right: 0;background: url(../images/fypx.png) no-repeat left center;}
.m-propic2 .box-btn.prev:hover {background: url(../images/fyps2.png) no-repeat left center; }
.m-propic2 .box-btn.next:hover { background: url(../images/fypx2.png) no-repeat left center; }
.m-propic2 .box-list { overflow: hidden; }
.m-propic2 .box-list ul { width: 1000%; }
.m-propic2 .list-item { float: left; margin-left: .1%; margin-right: .1%; margin-bottom: 0; width: 3.13%; padding:0px;}
}
 @media only screen and (max-width:500px ) {
.m-propic2 .list-item { float: left; margin-left: .1%; margin-right: .1%; margin-bottom: 0; width:4.8%; }
}
@media only screen and (max-width:350px ) {
.m-propic2 .list-item { float: left; margin-left: .1%; margin-right: .1%; margin-bottom: 0; width:9.8%; }
}

.homain .img-list li{ width:0.24%; margin-right:0.01333%;}
@media screen and (max-width:767px){
.homain .img-list li{ width:0.3233%; margin-right:0.015%; margin-left:auto;}
}
@media screen and (max-width:499px){
.homain .img-list li{ width:0.49%; margin-right:0.02%; margin-left:auto;}
}

.xunpanlb .table{margin-top: 30px;}
.xunpanlb .table .thead{font-size: 0;letter-spacing: 0; background:#333}
.xunpanlb .table .thead p{text-align: center; padding: 0 10px;font-size: 16px; line-height: 40px;width: 33.3333%;display: inline-block;vertical-align: middle; box-sizing:border-box; color:#fff}
.xunpanlb .table .thead p:nth-child(2){border-right: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc;}

.xunpanlb .table .tbody{font-size: 0;letter-spacing: 0;}
.xunpanlb .table .tbody .tread{border: 1px solid #dcdcdc;border-top: 0;}
.xunpanlb .table .tbody .tread .td{ text-align: center;padding: 10px 10px;font-size: 16px; line-height: 40px;width: 33.3333%;display: inline-block;vertical-align: middle; box-sizing:border-box; }
.xunpanlb .table .tbody .tread .td:nth-child(2){border-right: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc;}
.xunpanlb .table .tbody .td img{max-width: 110px;}
.xunpanlb .table .tbody .td a{color: #666666;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;}
.xunpanlb .table .tbody .tread:nth-child(2n+1) {background-color: #f1f1f1;

}
.xunpanlb .table .tbody .td a:hover{color: #373C8B;}
@media screen and (max-width: 520px){
 .xunpanlb .table{border-top: 1px solid #dcdcdc;}
 .xunpanlb .table .thead{display: none;}
 .xunpanlb .table .tbody .td{width: 100% !important;}
 .xunpanlb .table .tbody .tread .td:nth-child(2){border: 0 !important;}
}

.abwenben img{
	max-width: 100%;
}
.pro1-top .item-desc{
 overflow: hidden;
}
.more-btn {
 text-transform: uppercase;
 margin-bottom: 25px;
 cursor: pointer;
 text-decoration: underline;
}

.more-btn:hover {
 color: #373C8B;
}